images/babel-plugin-jsx
2
0
Fork 0
mirror of https://github.com/vuejs/babel-plugin-jsx.git synced 2025-03-13 06:04:39 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix: add slotFlags for implicit default slots

Browse Source
This commit is contained in:
Kael 2025-02-19 19:03:10 +11:00
parent 5e77d5d5e5
commit 453d99f906
2 changed files with 13 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
packages/babel-plugin-jsx/src/transform-vue-jsx.ts
View File

@ -512,7 +512,11 @@ const transformJSXElement = (
) { ) {
VNodeChild = t.objectExpression([ VNodeChild = t.objectExpression([
t.objectProperty(t.identifier('default'), child), t.objectProperty(t.identifier('default'), child),
]); optimize && t.objectProperty(
t.identifier('_'),
t.numericLiteral(slotFlag),
) as any,
].filter(Boolean));
} else if (t.isObjectExpression(child)) { } else if (t.isObjectExpression(child)) {
VNodeChild = t.objectExpression( VNodeChild = t.objectExpression(
[ [
@ -526,9 +530,13 @@ const transformJSXElement = (
? t.objectExpression([ ? t.objectExpression([
t.objectProperty( t.objectProperty(
t.identifier('default'), t.identifier('default'),
t.arrowFunctionExpression([], t.arrayExpression([child])) t.arrowFunctionExpression([], child),
), ),
]) optimize && t.objectProperty(
t.identifier('_'),
t.numericLiteral(slotFlag),
) as any,
].filter(Boolean))
: t.arrayExpression([child]); : t.arrayExpression([child]);
} }
} }

3
packages/babel-plugin-jsx/test/__snapshots__/snapshot.test.ts.snap
View File

@ -164,7 +164,8 @@ _createVNode(_resolveComponent("A"), null, {
exports[`passing object slots via JSX children single expression, function expression > single expression, function expression 1`] = ` exports[`passing object slots via JSX children single expression, function expression > single expression, function expression 1`] = `
"import { resolveComponent as _resolveComponent, createVNode as _createVNode } from "vue"; "import { resolveComponent as _resolveComponent, createVNode as _createVNode } from "vue";
_createVNode(_resolveComponent("A"), null, { _createVNode(_resolveComponent("A"), null, {
default: () => "foo" default: () => "foo",
_: 1
});" });"
`; `;