cargdev/angular
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(core): add renderer factory in render3 (#20855)

Browse Source 
PR Close #20855
This commit is contained in:
Marc Laval
2017-12-11 16:30:46 +01:00
committed by Igor Minar
parent 147aec43bd
commit d1de587ce0
15 changed files with 342 additions and 76 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
modules/benchmarks/src/largetable/iv/largetable.js
View File

File diff suppressed because one or more lines are too long

2
modules/benchmarks/src/largetable/render3/index.ts
View File

@ -17,7 +17,7 @@ function noop() {}
export function main() {
let component: LargeTableComponent;
if (typeof window !== 'undefined') {
component = renderComponent<LargeTableComponent>(LargeTableComponent, {renderer: document});
component = renderComponent<LargeTableComponent>(LargeTableComponent);
bindAction('#createDom', () => createDom(component));
bindAction('#destroyDom', () => destroyDom(component));
bindAction('#updateDomProfile', profile(() => createDom(component), noop, 'update'));

10
modules/benchmarks/src/largetable/render3/table.ts
View File

@ -6,7 +6,7 @@
* found in the LICENSE file at https://angular.io/license
*/
import {C, E, T, V, b, c, defineComponent, detectChanges, e, rC, rc, s, t, v} from '@angular/core/src/render3/index';
import {C, E, T, V, b, c, cR, cr, defineComponent, detectChanges, e, s, t, v} from '@angular/core/src/render3/index';
import {ComponentDef} from '@angular/core/src/render3/public_interfaces';
import {TableCell, buildTable, emptyTable} from '../util';
@ -31,7 +31,7 @@ export class LargeTableComponent {
}
e();
}
rC(2);
cR(2);
{
for (let row of ctx.data) {
let cm1 = V(1);
@ -42,7 +42,7 @@ export class LargeTableComponent {
c();
e();
}
rC(1);
cR(1);
{
for (let cell of row) {
let cm2 = V(2);
@ -58,12 +58,12 @@ export class LargeTableComponent {
v();
}
}
rc();
cr();
}
v();
}
}
rc();
cr();
},
factory: () => new LargeTableComponent(),
inputs: {data: 'data'}

2
modules/benchmarks/src/tree/render3/index.ts
View File

@ -15,7 +15,7 @@ function noop() {}
export function main() {
let component: TreeComponent;
if (typeof window !== 'undefined') {
component = renderComponent(TreeComponent, {renderer: document});
component = renderComponent(TreeComponent);
bindAction('#createDom', () => createDom(component));
bindAction('#destroyDom', () => destroyDom(component));
bindAction('#detectChanges', () => detectChanges(component));

18
modules/benchmarks/src/tree/render3/tree.ts
View File

@ -6,7 +6,7 @@
* found in the LICENSE file at https://angular.io/license
*/
import {C, D, E, T, V, b, b1, c, defineComponent, detectChanges as _detectChanges, e, p, rC, rc, s, t, v} from '@angular/core/src/render3/index';
import {C, D, E, T, V, b, b1, c, cR, cr, defineComponent, detectChanges as _detectChanges, e, p, s, t, v} from '@angular/core/src/render3/index';
import {ComponentDef} from '@angular/core/src/render3/public_interfaces';
import {TreeNode, buildTree, emptyTree} from '../util';
@ -50,7 +50,7 @@ export class TreeComponent {
}
s(0, 'background-color', b(ctx.data.depth % 2 ? '' : 'grey'));
t(1, b1(' ', ctx.data.value, ' '));
rC(2);
cR(2);
{
if (ctx.data.left != null) {
let cm0 = V(0);
@ -66,8 +66,8 @@ export class TreeComponent {
v();
}
}
rc();
rC(3);
cr();
cR(3);
{
if (ctx.data.right != null) {
let cm0 = V(0);
@ -83,7 +83,7 @@ export class TreeComponent {
v();
}
}
rc();
cr();
},
factory: () => new TreeComponent,
inputs: {data: 'data'}
@ -118,7 +118,7 @@ export function TreeTpl(ctx: TreeNode, cm: boolean) {
}
s(0, 'background-color', b(ctx.depth % 2 ? '' : 'grey'));
t(1, b1(' ', ctx.value, ' '));
rC(2);
cR(2);
{
if (ctx.left != null) {
let cm0 = V(0);
@ -126,8 +126,8 @@ export function TreeTpl(ctx: TreeNode, cm: boolean) {
v();
}
}
rc();
rC(3);
cr();
cR(3);
{
if (ctx.right != null) {
let cm0 = V(0);
@ -135,5 +135,5 @@ export function TreeTpl(ctx: TreeNode, cm: boolean) {
v();
}
}
rc();
cr();
}

2
modules/benchmarks/src/tree/render3_function/index.ts
View File

@ -15,7 +15,7 @@ function noop() {}
export function main() {
let component: TreeFunction;
if (typeof window !== 'undefined') {
component = renderComponent(TreeFunction, {renderer: document});
component = renderComponent(TreeFunction);
bindAction('#createDom', () => createDom(component));
bindAction('#destroyDom', () => destroyDom(component));
bindAction('#detectChanges', () => detectChanges(component));