Skip to content

perf(vapor): pack createIf metadata into flags #14870

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Draft
edison1105 wants to merge 3 commits into
base: minor
Choose a base branch
from
Draft

perf(vapor): pack createIf metadata into flags #14870

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
32f7539
perf(vapor): pack createIf metadata into flags
edison1105 May 21, 2026
07b1495
chore: update
edison1105 May 22, 2026
f93f47c
Merge branch 'minor' into edison/perf/createIfSize
edison1105 May 22, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
4 changes: 2 additions & 2 deletions packages/compiler-vapor/__tests__/__snapshots__/compile.spec.ts.snap
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -41,7 +41,7 @@ export function render(_ctx) {
const n2 = _createComponentWithFallback(_component_Bar)
_withVaporDirectives(n2, [[_directive_hello, void 0, void 0, { world: true }]])
return n3
}, null, 1, true)
}, null, 17 /* BLOCK_SHAPE, ONCE */)
return n0
})
}, true)
Expand Down Expand Up @@ -277,7 +277,7 @@ export function render(_ctx) {
const n1 = _createIf(() => (true), () => {
const n3 = t0()
return n3
}, null, 1, true)
}, null, 17 /* BLOCK_SHAPE, ONCE */)
_renderEffect(() => _setProp(n4, "disabled", _ctx.foo))
return n6
}"
Expand Down
6 changes: 3 additions & 3 deletions packages/compiler-vapor/__tests__/transforms/__snapshots__/TransformTransition.spec.ts.snap
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -56,9 +56,9 @@ export function render(_ctx) {
}, () => {
const n13 = t1()
return n13
}, 5, null, 2)
}, 101 /* BLOCK_SHAPE, INDEX_SHIFT */)
return n14
}, 5, null, 1), 5, null, 0)
}, 69 /* BLOCK_SHAPE, INDEX_SHIFT */), 37 /* BLOCK_SHAPE, INDEX_SHIFT */)
return [n0, n3, n7]
}
}, true)
Expand Down Expand Up @@ -113,7 +113,7 @@ export function render(_ctx) {
const n0 = _createIf(() => (_ctx.show), () => {
const n2 = t0()
return n2
}, null, 1)
})
return n0
}
}, true)
Expand Down
26 changes: 13 additions & 13 deletions packages/compiler-vapor/__tests__/transforms/__snapshots__/logicalIndex.spec.ts.snap
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -61,7 +61,7 @@ export function render(_ctx) {
const n1 = _createIf(() => (true), () => {
const n3 = t0()
return n3
}, null, 1, true)
}, null, 17 /* BLOCK_SHAPE, ONCE */)
return n5
}"
`;
Expand All @@ -80,7 +80,7 @@ export function render(_ctx) {
const n1 = _createIf(() => (true), () => {
const n3 = t0()
return n3
}, null, 1, true)
}, null, 17 /* BLOCK_SHAPE, ONCE */)
return n4
}"
`;
Expand All @@ -100,7 +100,7 @@ export function render(_ctx) {
const n1 = _createIf(() => (true), () => {
const n3 = t0()
return n3
}, null, 1, true)
}, null, 17 /* BLOCK_SHAPE, ONCE */)
return n5
}"
`;
Expand Down Expand Up @@ -344,7 +344,7 @@ export function render(_ctx) {
const n0 = _createIf(() => (_ctx.show), () => {
const n2 = t0()
return n2
}, null, 1)
})
return n3
}"
`;
Expand All @@ -361,7 +361,7 @@ export function render(_ctx) {
const n0 = _createIf(() => (_ctx.show), () => {
const n2 = t0()
return n2
}, null, 1)
})
return n4
}"
`;
Expand All @@ -377,7 +377,7 @@ export function render(_ctx) {
const n0 = _createIf(() => (_ctx.show), () => {
const n2 = t0()
return n2
}, null, 1)
})
return n3
}"
`;
Expand All @@ -399,7 +399,7 @@ export function render(_ctx) {
}, () => {
const n5 = t1()
return n5
}, 5, null, 0)
}, 37 /* BLOCK_SHAPE, INDEX_SHIFT */)
_setInsertionState(n7, null, 2)
const n6 = _createAssetComponent("Comp2")
return n7
Expand All @@ -423,7 +423,7 @@ export function render(_ctx) {
}, () => {
const n5 = t1()
return n5
}, 5, null, 0)
}, 37 /* BLOCK_SHAPE, INDEX_SHIFT */)
return n6
}"
`;
Expand All @@ -444,7 +444,7 @@ export function render(_ctx) {
}, () => {
const n4 = t1()
return n4
}, 5, null, 0)
}, 37 /* BLOCK_SHAPE, INDEX_SHIFT */)
return n6
}"
`;
Expand All @@ -469,7 +469,7 @@ export function render(_ctx) {
}, () => {
const n6 = t2()
return n6
}, 5, null, 1), 5, null, 0)
}, 69 /* BLOCK_SHAPE, INDEX_SHIFT */), 37 /* BLOCK_SHAPE, INDEX_SHIFT */)
return n8
}"
`;
Expand All @@ -489,7 +489,7 @@ export function render(_ctx) {
}, () => {
const n4 = t1()
return n4
}, 5, null, 0)
}, 37 /* BLOCK_SHAPE, INDEX_SHIFT */)
return n5
}"
`;
Expand All @@ -509,7 +509,7 @@ export function render(_ctx) {
}, () => {
const n4 = t1()
return n4
}, 5, null, 0)
}, 37 /* BLOCK_SHAPE, INDEX_SHIFT */)
_setInsertionState(n6, null, 2)
const n5 = _createAssetComponent("Comp")
return n6
Expand All @@ -531,7 +531,7 @@ export function render(_ctx) {
}, () => {
const n4 = t1()
return n4
}, 5, null, 0)
}, 37 /* BLOCK_SHAPE, INDEX_SHIFT */)
return n5
}"
`;
2 changes: 1 addition & 1 deletion packages/compiler-vapor/__tests__/transforms/__snapshots__/transformChildren.spec.ts.snap
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,7 @@ export function render(_ctx) {
const n0 = _createIf(() => (1), () => {
const n2 = t0()
return n2
}, null, 1, true)
}, null, 17 /* BLOCK_SHAPE, ONCE */)
return n4
}"
`;
Expand Down
2 changes: 1 addition & 1 deletion packages/compiler-vapor/__tests__/transforms/__snapshots__/transformElement.spec.ts.snap
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -131,7 +131,7 @@ export function render(_ctx) {
const n1 = _createIf(() => (_ctx.ok), () => {
const n3 = _createComponentWithFallback(_component_Child)
return n3
}, null, 1)
})
return n1
})
})
Expand Down
4 changes: 2 additions & 2 deletions packages/compiler-vapor/__tests__/transforms/__snapshots__/transformKey.spec.ts.snap
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -127,7 +127,7 @@ export function render(_ctx) {
return n5
})
return n4
}, null, 1), 5, null, 0)
}), 37 /* BLOCK_SHAPE, INDEX_SHIFT */)
return n0
}"
`;
Expand Down Expand Up @@ -156,7 +156,7 @@ export function render(_ctx) {
return n3
})
return n2
}, null, 1)
})
return n0
}"
`;
Expand Down
2 changes: 1 addition & 1 deletion packages/compiler-vapor/__tests__/transforms/__snapshots__/transformTemplateRef.spec.ts.snap
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -175,7 +175,7 @@ export function render(_ctx) {
const n2 = t0()
_setTemplateRef(n2, "foo")
return n2
}, null, 1, true)
}, null, 17 /* BLOCK_SHAPE, ONCE */)
return n0
}"
`;
Expand Down
2 changes: 1 addition & 1 deletion packages/compiler-vapor/__tests__/transforms/__snapshots__/vFor.spec.ts.snap
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -355,7 +355,7 @@ export function render(_ctx) {
}, () => {
const n6 = _createComponentWithFallback(_component_Comp)
return n6
}, 10, null, 0)
}, 42 /* BLOCK_SHAPE, INDEX_SHIFT */)
return n2
}, undefined, 16)
return n0
Expand Down
44 changes: 22 additions & 22 deletions packages/compiler-vapor/__tests__/transforms/__snapshots__/vIf.spec.ts.snap
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -10,7 +10,7 @@ export function render(_ctx) {
const x2 = _txt(n2)
_renderEffect(() => _setText(x2, _toDisplayString(_ctx.msg)))
return n2
}, null, 1)
})
return n0
}"
`;
Expand All @@ -36,7 +36,7 @@ export function render(_ctx) {
const n10 = t3()
const n11 = t4()
return [n10, n11]
}, 10, null, 1), 5, null, 0)
}, 74 /* BLOCK_SHAPE, INDEX_SHIFT */), 37 /* BLOCK_SHAPE, INDEX_SHIFT */)
const n13 = t5()
const x13 = _txt(n13)
_renderEffect(() => _setText(x13, _toDisplayString(_ctx.text)))
Expand All @@ -52,7 +52,7 @@ export function render(_ctx) {
const n0 = _createIf(() => (_ctx.ok), () => {
const n2 = _createComponentWithFallback(_component_Component, null, null, true)
return n2
}, null, 1)
})
return n0
}"
`;
Expand All @@ -65,11 +65,11 @@ export function render(_ctx) {
const n0 = _createIf(() => (_ctx.ok), () => {
const n2 = t0()
return n2
}, null, 1)
})
const n3 = _createIf(() => (_ctx.ok), () => {
const n5 = t0()
return n5
}, null, 1)
})
return [n0, n3]
}"
`;
Expand All @@ -87,11 +87,11 @@ export function render(_ctx) {
}, () => _createIf(() => (_ctx.bar), () => {
const n4 = t1()
return n4
}, null, 1), 5, null, 0)
}), 37 /* BLOCK_SHAPE, INDEX_SHIFT */)
const n6 = _createIf(() => (_ctx.baz), () => {
const n8 = t2()
return n8
}, null, 1)
})
return [n0, n6]
}"
`;
Expand All @@ -106,7 +106,7 @@ export function render(_ctx) {
const n2 = t0()
const n3 = t1()
return [n2, n3]
}, null, 2)
}, null, 2 /* BLOCK_SHAPE */)
return n0
}"
`;
Expand All @@ -119,7 +119,7 @@ export function render(_ctx) {
const n0 = _createIf(() => (_ctx.foo), () => {
const n2 = t0()
return n2
}, null, 1)
})
return n0
}"
`;
Expand All @@ -132,7 +132,7 @@ export function render(_ctx) {
const n0 = _createIf(() => (_ctx.foo), () => {
const n2 = t0()
return n2
}, null, 1)
})
return n0
}"
`;
Expand All @@ -148,7 +148,7 @@ export function render(_ctx) {
return n4
}, undefined, 8)
return n2
}, null, 1)
})
return n0
}"
`;
Expand All @@ -166,7 +166,7 @@ export function render(_ctx) {
return n4
}, (item, index) => (index), 8)
return n2
}, null, 1)
})
return n0
}"
`;
Expand All @@ -185,7 +185,7 @@ export function render(_ctx) {
}, () => {
const n5 = t2()
return n5
}, 6, null, 0)
}, 38 /* BLOCK_SHAPE, INDEX_SHIFT */)
return n0
}"
`;
Expand All @@ -204,7 +204,7 @@ export function render(_ctx) {
const x4 = _txt(n4)
_renderEffect(() => _setText(x4, _toDisplayString(_ctx.msg)))
return [n2, n3, n4]
}, null, 2)
}, null, 2 /* BLOCK_SHAPE */)
return n0
}"
`;
Expand All @@ -221,7 +221,7 @@ export function render(_ctx) {
}, () => {
const n4 = t1()
return n4
}, 5, null, 0)
}, 37 /* BLOCK_SHAPE, INDEX_SHIFT */)
return n0
}"
`;
Expand All @@ -245,7 +245,7 @@ export function render(_ctx) {
}, () => {
const n10 = t2()
return n10
}, 5, true, 2), 5, null, 1), 5, null, 0)
}, 21 /* BLOCK_SHAPE, ONCE */), 69 /* BLOCK_SHAPE, INDEX_SHIFT */), 37 /* BLOCK_SHAPE, INDEX_SHIFT */)
return n0
}"
`;
Expand All @@ -262,7 +262,7 @@ export function render(_ctx) {
}, () => _createIf(() => (_ctx.orNot), () => {
const n4 = t1()
return n4
}, null, 1), 5, null, 0)
}), 37 /* BLOCK_SHAPE, INDEX_SHIFT */)
return n0
}"
`;
Expand All @@ -280,15 +280,15 @@ export function render(_ctx) {
const n0 = _createIf(() => (_ctx.foo), () => {
const n2 = t0()
return n2
}, null, 1)
})
_setInsertionState(n8, null, 1)
const n3 = _createIf(() => (_ctx.bar), () => {
const n5 = t1()
return n5
}, () => {
const n7 = t2()
return n7
}, 5, null, 1)
}, 69 /* BLOCK_SHAPE, INDEX_SHIFT */)
return n8
}"
`;
Expand All @@ -306,7 +306,7 @@ export function render(_ctx) {
}, () => _createIf(() => (_ctx.bar), () => {
const n4 = t1()
return n4
}, null, 1), 5, null, 0)
}), 37 /* BLOCK_SHAPE, INDEX_SHIFT */)
const n6 = t2()
return [n0, n6]
}"
Expand All @@ -322,7 +322,7 @@ export function render(_ctx) {
const x2 = _txt(n2)
_setText(x2, _toDisplayString(_ctx.msg))
return n2
}, null, 1, true)
}, null, 17 /* BLOCK_SHAPE, ONCE */)
return n0
}"
`;
Expand All @@ -336,7 +336,7 @@ export function render(_ctx) {
const n2 = t0()
_renderEffect(() => _setDynamicEvents(n2, { click: _ctx.clickEvent }))
return n2
}, null, 1, true)
}, null, 17 /* BLOCK_SHAPE, ONCE */)
return n0
}"
`;
Loading
Loading