refactor(ivy): simplify interpolation instructions (#22268)
PR Close #22268
This commit is contained in:
Victor Berchet
parent
d40263447d
commit
9ce495b3d8
@ -1439,11 +1439,11 @@ export function bind<T>(value: T | NO_CHANGE): T|NO_CHANGE {
|
|||||||
* Create interpolation bindings with a variable number of expressions.
|
* Create interpolation bindings with a variable number of expressions.
|
||||||
*
|
*
|
||||||
* If there are 1 to 8 expressions `interpolation1()` to `interpolation8()` should be used instead.
|
* If there are 1 to 8 expressions `interpolation1()` to `interpolation8()` should be used instead.
|
||||||
* Those are faster because there is no need to create an array of expressions and loop over it.
|
* Those are faster because there is no need to create an array of expressions and iterate over it.
|
||||||
*
|
*
|
||||||
* `values`:
|
* `values`:
|
||||||
* - has static text at even indexes,
|
* - has static text at even indexes,
|
||||||
* - has evaluated expressions at odd indexes (could be NO_CHANGE).
|
* - has evaluated expressions at odd indexes.
|
||||||
*
|
*
|
||||||
* Returns the concatenated string when any of the arguments changes, `NO_CHANGE` otherwise.
|
* Returns the concatenated string when any of the arguments changes, `NO_CHANGE` otherwise.
|
||||||
*/
|
*/
|
||||||
@ -1451,34 +1451,24 @@ export function interpolationV(values: any[]): string|NO_CHANGE {
|
|||||||
ngDevMode && assertLessThan(2, values.length, 'should have at least 3 values');
|
ngDevMode && assertLessThan(2, values.length, 'should have at least 3 values');
|
||||||
ngDevMode && assertEqual(values.length % 2, 1, 'should have an odd number of values');
|
ngDevMode && assertEqual(values.length % 2, 1, 'should have an odd number of values');
|
||||||
|
|
||||||
// TODO(vicb): Add proper unit tests when there is a place to add them
|
let different = false;
|
||||||
if (creationMode) {
|
|
||||||
initBindings();
|
for (let i = 1; i < values.length; i += 2) {
|
||||||
// Only the bindings (odd indexes) are stored as texts are constant.
|
// Check if bindings (odd indexes) have changed
|
||||||
const bindings: any[] = [];
|
bindingUpdated(values[i]) && (different = true);
|
||||||
data[bindingIndex++] = bindings;
|
}
|
||||||
let content: string = values[0];
|
|
||||||
|
if (!different) {
|
||||||
|
return NO_CHANGE;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Build the updated content
|
||||||
|
let content = values[0];
|
||||||
for (let i = 1; i < values.length; i += 2) {
|
for (let i = 1; i < values.length; i += 2) {
|
||||||
content += stringify(values[i]) + values[i + 1];
|
content += stringify(values[i]) + values[i + 1];
|
||||||
bindings.push(values[i]);
|
|
||||||
}
|
|
||||||
return content;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
const bindings: any[] = data[bindingIndex++];
|
|
||||||
// `bIdx` is the index in the `bindings` array, `vIdx` in the `values` array
|
|
||||||
for (let bIdx = 0, vIdx = 1; bIdx < bindings.length; bIdx++, vIdx += 2) {
|
|
||||||
if (isDifferent(values[vIdx], bindings[bIdx])) {
|
|
||||||
let content: string = values[0];
|
|
||||||
for (bIdx = 0, vIdx = 1; bIdx < bindings.length; vIdx += 2, bIdx++) {
|
|
||||||
bindings[bIdx] = values[vIdx];
|
|
||||||
content += stringify(bindings[bIdx]) + values[vIdx + 1];
|
|
||||||
}
|
|
||||||
return content;
|
return content;
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
return NO_CHANGE;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
@ -1489,18 +1479,7 @@ export function interpolationV(values: any[]): string|NO_CHANGE {
|
|||||||
* @param suffix static value used for concatenation only.
|
* @param suffix static value used for concatenation only.
|
||||||
*/
|
*/
|
||||||
export function interpolation1(prefix: string, v0: any, suffix: string): string|NO_CHANGE {
|
export function interpolation1(prefix: string, v0: any, suffix: string): string|NO_CHANGE {
|
||||||
let different: boolean;
|
const different = bindingUpdated(v0);
|
||||||
debugger;
|
|
||||||
if (different = creationMode) {
|
|
||||||
initBindings();
|
|
||||||
data[bindingIndex++] = v0;
|
|
||||||
} else {
|
|
||||||
const part0 = data[bindingIndex++];
|
|
||||||
different = isDifferent(part0, v0);
|
|
||||||
if (different) {
|
|
||||||
data[bindingIndex - 1] = v0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
return different ? prefix + stringify(v0) + suffix : NO_CHANGE;
|
return different ? prefix + stringify(v0) + suffix : NO_CHANGE;
|
||||||
}
|
}
|
||||||
@ -1508,22 +1487,7 @@ export function interpolation1(prefix: string, v0: any, suffix: string): string|
|
|||||||
/** Creates an interpolation binding with 2 expressions. */
|
/** Creates an interpolation binding with 2 expressions. */
|
||||||
export function interpolation2(
|
export function interpolation2(
|
||||||
prefix: string, v0: any, i0: string, v1: any, suffix: string): string|NO_CHANGE {
|
prefix: string, v0: any, i0: string, v1: any, suffix: string): string|NO_CHANGE {
|
||||||
let different: boolean;
|
const different = bindingUpdated2(v0, v1);
|
||||||
if (different = creationMode) {
|
|
||||||
initBindings();
|
|
||||||
data[bindingIndex++] = v0;
|
|
||||||
data[bindingIndex++] = v1;
|
|
||||||
} else {
|
|
||||||
const part0 = data[bindingIndex++];
|
|
||||||
const part1 = data[bindingIndex++];
|
|
||||||
|
|
||||||
different = isDifferent(part0, v0) || isDifferent(part1, v1);
|
|
||||||
|
|
||||||
if (different) {
|
|
||||||
data[bindingIndex - 2] = v0;
|
|
||||||
data[bindingIndex - 1] = v1;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
return different ? prefix + stringify(v0) + i0 + stringify(v1) + suffix : NO_CHANGE;
|
return different ? prefix + stringify(v0) + i0 + stringify(v1) + suffix : NO_CHANGE;
|
||||||
}
|
}
|
||||||
@ -1532,25 +1496,8 @@ export function interpolation2(
|
|||||||
export function interpolation3(
|
export function interpolation3(
|
||||||
prefix: string, v0: any, i0: string, v1: any, i1: string, v2: any, suffix: string): string|
|
prefix: string, v0: any, i0: string, v1: any, i1: string, v2: any, suffix: string): string|
|
||||||
NO_CHANGE {
|
NO_CHANGE {
|
||||||
let different: boolean;
|
let different = bindingUpdated2(v0, v1);
|
||||||
if (different = creationMode) {
|
different = bindingUpdated(v2) || different;
|
||||||
initBindings();
|
|
||||||
data[bindingIndex++] = v0;
|
|
||||||
data[bindingIndex++] = v1;
|
|
||||||
data[bindingIndex++] = v2;
|
|
||||||
} else {
|
|
||||||
const part0 = data[bindingIndex++];
|
|
||||||
const part1 = data[bindingIndex++];
|
|
||||||
const part2 = data[bindingIndex++];
|
|
||||||
|
|
||||||
different = isDifferent(part0, v0) || isDifferent(part1, v1) || isDifferent(part2, v2);
|
|
||||||
|
|
||||||
if (different) {
|
|
||||||
data[bindingIndex - 3] = v0;
|
|
||||||
data[bindingIndex - 2] = v1;
|
|
||||||
data[bindingIndex - 1] = v2;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
return different ? prefix + stringify(v0) + i0 + stringify(v1) + i1 + stringify(v2) + suffix :
|
return different ? prefix + stringify(v0) + i0 + stringify(v1) + i1 + stringify(v2) + suffix :
|
||||||
NO_CHANGE;
|
NO_CHANGE;
|
||||||
@ -1560,29 +1507,7 @@ export function interpolation3(
|
|||||||
export function interpolation4(
|
export function interpolation4(
|
||||||
prefix: string, v0: any, i0: string, v1: any, i1: string, v2: any, i2: string, v3: any,
|
prefix: string, v0: any, i0: string, v1: any, i1: string, v2: any, i2: string, v3: any,
|
||||||
suffix: string): string|NO_CHANGE {
|
suffix: string): string|NO_CHANGE {
|
||||||
let different: boolean;
|
const different = bindingUpdated4(v0, v1, v2, v3);
|
||||||
if (different = creationMode) {
|
|
||||||
initBindings();
|
|
||||||
data[bindingIndex++] = v0;
|
|
||||||
data[bindingIndex++] = v1;
|
|
||||||
data[bindingIndex++] = v2;
|
|
||||||
data[bindingIndex++] = v3;
|
|
||||||
} else {
|
|
||||||
const part0 = data[bindingIndex++];
|
|
||||||
const part1 = data[bindingIndex++];
|
|
||||||
const part2 = data[bindingIndex++];
|
|
||||||
const part3 = data[bindingIndex++];
|
|
||||||
|
|
||||||
different = isDifferent(part0, v0) || isDifferent(part1, v1) || isDifferent(part2, v2) ||
|
|
||||||
isDifferent(part3, v3);
|
|
||||||
|
|
||||||
if (different) {
|
|
||||||
data[bindingIndex - 4] = v0;
|
|
||||||
data[bindingIndex - 3] = v1;
|
|
||||||
data[bindingIndex - 2] = v2;
|
|
||||||
data[bindingIndex - 1] = v3;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
return different ?
|
return different ?
|
||||||
prefix + stringify(v0) + i0 + stringify(v1) + i1 + stringify(v2) + i2 + stringify(v3) +
|
prefix + stringify(v0) + i0 + stringify(v1) + i1 + stringify(v2) + i2 + stringify(v3) +
|
||||||
@ -1594,32 +1519,9 @@ export function interpolation4(
|
|||||||
export function interpolation5(
|
export function interpolation5(
|
||||||
prefix: string, v0: any, i0: string, v1: any, i1: string, v2: any, i2: string, v3: any,
|
prefix: string, v0: any, i0: string, v1: any, i1: string, v2: any, i2: string, v3: any,
|
||||||
i3: string, v4: any, suffix: string): string|NO_CHANGE {
|
i3: string, v4: any, suffix: string): string|NO_CHANGE {
|
||||||
let different: boolean;
|
let different = bindingUpdated4(v0, v1, v2, v3);
|
||||||
if (different = creationMode) {
|
different = bindingUpdated(v4) || different;
|
||||||
initBindings();
|
|
||||||
data[bindingIndex++] = v0;
|
|
||||||
data[bindingIndex++] = v1;
|
|
||||||
data[bindingIndex++] = v2;
|
|
||||||
data[bindingIndex++] = v3;
|
|
||||||
data[bindingIndex++] = v4;
|
|
||||||
} else {
|
|
||||||
const part0 = data[bindingIndex++];
|
|
||||||
const part1 = data[bindingIndex++];
|
|
||||||
const part2 = data[bindingIndex++];
|
|
||||||
const part3 = data[bindingIndex++];
|
|
||||||
const part4 = data[bindingIndex++];
|
|
||||||
|
|
||||||
different = isDifferent(part0, v0) || isDifferent(part1, v1) || isDifferent(part2, v2) ||
|
|
||||||
isDifferent(part3, v3) || isDifferent(part4, v4);
|
|
||||||
|
|
||||||
if (different) {
|
|
||||||
data[bindingIndex - 5] = v0;
|
|
||||||
data[bindingIndex - 4] = v1;
|
|
||||||
data[bindingIndex - 3] = v2;
|
|
||||||
data[bindingIndex - 2] = v3;
|
|
||||||
data[bindingIndex - 1] = v4;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
return different ?
|
return different ?
|
||||||
prefix + stringify(v0) + i0 + stringify(v1) + i1 + stringify(v2) + i2 + stringify(v3) + i3 +
|
prefix + stringify(v0) + i0 + stringify(v1) + i1 + stringify(v2) + i2 + stringify(v3) + i3 +
|
||||||
stringify(v4) + suffix :
|
stringify(v4) + suffix :
|
||||||
@ -1630,35 +1532,9 @@ export function interpolation5(
|
|||||||
export function interpolation6(
|
export function interpolation6(
|
||||||
prefix: string, v0: any, i0: string, v1: any, i1: string, v2: any, i2: string, v3: any,
|
prefix: string, v0: any, i0: string, v1: any, i1: string, v2: any, i2: string, v3: any,
|
||||||
i3: string, v4: any, i4: string, v5: any, suffix: string): string|NO_CHANGE {
|
i3: string, v4: any, i4: string, v5: any, suffix: string): string|NO_CHANGE {
|
||||||
let different: boolean;
|
let different = bindingUpdated4(v0, v1, v2, v3);
|
||||||
if (different = creationMode) {
|
different = bindingUpdated2(v4, v5) || different;
|
||||||
initBindings();
|
|
||||||
data[bindingIndex++] = v0;
|
|
||||||
data[bindingIndex++] = v1;
|
|
||||||
data[bindingIndex++] = v2;
|
|
||||||
data[bindingIndex++] = v3;
|
|
||||||
data[bindingIndex++] = v4;
|
|
||||||
data[bindingIndex++] = v5;
|
|
||||||
} else {
|
|
||||||
const part0 = data[bindingIndex++];
|
|
||||||
const part1 = data[bindingIndex++];
|
|
||||||
const part2 = data[bindingIndex++];
|
|
||||||
const part3 = data[bindingIndex++];
|
|
||||||
const part4 = data[bindingIndex++];
|
|
||||||
const part5 = data[bindingIndex++];
|
|
||||||
|
|
||||||
different = isDifferent(part0, v0) || isDifferent(part1, v1) || isDifferent(part2, v2) ||
|
|
||||||
isDifferent(part3, v3) || isDifferent(part4, v4) || isDifferent(part5, v5);
|
|
||||||
|
|
||||||
if (different) {
|
|
||||||
data[bindingIndex - 6] = v0;
|
|
||||||
data[bindingIndex - 5] = v1;
|
|
||||||
data[bindingIndex - 4] = v2;
|
|
||||||
data[bindingIndex - 3] = v3;
|
|
||||||
data[bindingIndex - 2] = v4;
|
|
||||||
data[bindingIndex - 1] = v5;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
return different ?
|
return different ?
|
||||||
prefix + stringify(v0) + i0 + stringify(v1) + i1 + stringify(v2) + i2 + stringify(v3) + i3 +
|
prefix + stringify(v0) + i0 + stringify(v1) + i1 + stringify(v2) + i2 + stringify(v3) + i3 +
|
||||||
stringify(v4) + i4 + stringify(v5) + suffix :
|
stringify(v4) + i4 + stringify(v5) + suffix :
|
||||||
@ -1670,38 +1546,9 @@ export function interpolation7(
|
|||||||
prefix: string, v0: any, i0: string, v1: any, i1: string, v2: any, i2: string, v3: any,
|
prefix: string, v0: any, i0: string, v1: any, i1: string, v2: any, i2: string, v3: any,
|
||||||
i3: string, v4: any, i4: string, v5: any, i5: string, v6: any, suffix: string): string|
|
i3: string, v4: any, i4: string, v5: any, i5: string, v6: any, suffix: string): string|
|
||||||
NO_CHANGE {
|
NO_CHANGE {
|
||||||
let different: boolean;
|
let different = bindingUpdated4(v0, v1, v2, v3);
|
||||||
if (different = creationMode) {
|
different = bindingUpdated2(v4, v5) || different;
|
||||||
initBindings();
|
different = bindingUpdated(v6) || different;
|
||||||
data[bindingIndex++] = v0;
|
|
||||||
data[bindingIndex++] = v1;
|
|
||||||
data[bindingIndex++] = v2;
|
|
||||||
data[bindingIndex++] = v3;
|
|
||||||
data[bindingIndex++] = v4;
|
|
||||||
data[bindingIndex++] = v5;
|
|
||||||
data[bindingIndex++] = v6;
|
|
||||||
} else {
|
|
||||||
const part0 = data[bindingIndex++];
|
|
||||||
const part1 = data[bindingIndex++];
|
|
||||||
const part2 = data[bindingIndex++];
|
|
||||||
const part3 = data[bindingIndex++];
|
|
||||||
const part4 = data[bindingIndex++];
|
|
||||||
const part5 = data[bindingIndex++];
|
|
||||||
const part6 = data[bindingIndex++];
|
|
||||||
different = isDifferent(part0, v0) || isDifferent(part1, v1) || isDifferent(part2, v2) ||
|
|
||||||
isDifferent(part3, v3) || isDifferent(part4, v4) || isDifferent(part5, v5) ||
|
|
||||||
isDifferent(part6, v6);
|
|
||||||
|
|
||||||
if (different) {
|
|
||||||
data[bindingIndex - 7] = v0;
|
|
||||||
data[bindingIndex - 6] = v1;
|
|
||||||
data[bindingIndex - 5] = v2;
|
|
||||||
data[bindingIndex - 4] = v3;
|
|
||||||
data[bindingIndex - 3] = v4;
|
|
||||||
data[bindingIndex - 2] = v5;
|
|
||||||
data[bindingIndex - 1] = v6;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
return different ?
|
return different ?
|
||||||
prefix + stringify(v0) + i0 + stringify(v1) + i1 + stringify(v2) + i2 + stringify(v3) + i3 +
|
prefix + stringify(v0) + i0 + stringify(v1) + i1 + stringify(v2) + i2 + stringify(v3) + i3 +
|
||||||
@ -1714,41 +1561,8 @@ export function interpolation8(
|
|||||||
prefix: string, v0: any, i0: string, v1: any, i1: string, v2: any, i2: string, v3: any,
|
prefix: string, v0: any, i0: string, v1: any, i1: string, v2: any, i2: string, v3: any,
|
||||||
i3: string, v4: any, i4: string, v5: any, i5: string, v6: any, i6: string, v7: any,
|
i3: string, v4: any, i4: string, v5: any, i5: string, v6: any, i6: string, v7: any,
|
||||||
suffix: string): string|NO_CHANGE {
|
suffix: string): string|NO_CHANGE {
|
||||||
let different: boolean;
|
let different = bindingUpdated4(v0, v1, v2, v3);
|
||||||
if (different = creationMode) {
|
different = bindingUpdated4(v4, v5, v6, v7) || different;
|
||||||
initBindings();
|
|
||||||
data[bindingIndex++] = v0;
|
|
||||||
data[bindingIndex++] = v1;
|
|
||||||
data[bindingIndex++] = v2;
|
|
||||||
data[bindingIndex++] = v3;
|
|
||||||
data[bindingIndex++] = v4;
|
|
||||||
data[bindingIndex++] = v5;
|
|
||||||
data[bindingIndex++] = v6;
|
|
||||||
data[bindingIndex++] = v7;
|
|
||||||
} else {
|
|
||||||
const part0 = data[bindingIndex++];
|
|
||||||
const part1 = data[bindingIndex++];
|
|
||||||
const part2 = data[bindingIndex++];
|
|
||||||
const part3 = data[bindingIndex++];
|
|
||||||
const part4 = data[bindingIndex++];
|
|
||||||
const part5 = data[bindingIndex++];
|
|
||||||
const part6 = data[bindingIndex++];
|
|
||||||
const part7 = data[bindingIndex++];
|
|
||||||
different = isDifferent(part0, v0) || isDifferent(part1, v1) || isDifferent(part2, v2) ||
|
|
||||||
isDifferent(part3, v3) || isDifferent(part4, v4) || isDifferent(part5, v5) ||
|
|
||||||
isDifferent(part6, v6) || isDifferent(part7, v7);
|
|
||||||
|
|
||||||
if (different) {
|
|
||||||
data[bindingIndex - 8] = v0;
|
|
||||||
data[bindingIndex - 7] = v1;
|
|
||||||
data[bindingIndex - 6] = v2;
|
|
||||||
data[bindingIndex - 5] = v3;
|
|
||||||
data[bindingIndex - 4] = v4;
|
|
||||||
data[bindingIndex - 3] = v5;
|
|
||||||
data[bindingIndex - 2] = v6;
|
|
||||||
data[bindingIndex - 1] = v7;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
return different ?
|
return different ?
|
||||||
prefix + stringify(v0) + i0 + stringify(v1) + i1 + stringify(v2) + i2 + stringify(v3) + i3 +
|
prefix + stringify(v0) + i0 + stringify(v1) + i1 + stringify(v2) + i2 + stringify(v3) + i3 +
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user