root
/
vue3-core
mirror of https://github.com/vuejs/core.git
1
0
Fork 0
Code Issues Actions 2 Packages Projects Releases Wiki Activity

chore: pass undefined to slotScopeId

This commit is contained in:
daiwei 2024-12-10 14:00:23 +08:00
parent 21454ce627
commit 4d7a697734
2 changed files with 23 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

42
packages/compiler-ssr/__tests__/ssrVShow.spec.ts
View File

@ -37,19 +37,19 @@ describe('ssr: v-show', () => {
expect( expect(
compileWithWrapper(`<Foo :style="{color:'red'}" v-show="foo"/>`).code, compileWithWrapper(`<Foo :style="{color:'red'}" v-show="foo"/>`).code,
).toMatchInlineSnapshot(` ).toMatchInlineSnapshot(`
"const { resolveComponent: _resolveComponent } = require("vue") "const { resolveComponent: _resolveComponent } = require("vue")
const { ssrRenderComponent: _ssrRenderComponent, ssrRenderAttrs: _ssrRenderAttrs } = require("vue/server-renderer") const { ssrRenderComponent: _ssrRenderComponent, ssrRenderAttrs: _ssrRenderAttrs } = require("vue/server-renderer")
return function ssrRender(_ctx, _push, _parent, _attrs) { return function ssrRender(_ctx, _push, _parent, _attrs) {
const _component_Foo = _resolveComponent("Foo") const _component_Foo = _resolveComponent("Foo")
_push(\`<div\${_ssrRenderAttrs(_attrs)}>\`) _push(\`<div\${_ssrRenderAttrs(_attrs)}>\`)
_push(_ssrRenderComponent(_component_Foo, { style: {color:'red'} }, null, _parent, '', { _push(_ssrRenderComponent(_component_Foo, { style: {color:'red'} }, null, _parent, undefined, {
style: (_ctx.foo) ? null : { display: "none" } style: (_ctx.foo) ? null : { display: "none" }
})) }))
_push(\`</div>\`) _push(\`</div>\`)
}" }"
`) `)
}) })
test('with dynamic component', () => { test('with dynamic component', () => {
@ -58,17 +58,17 @@ describe('ssr: v-show', () => {
`<component is="Foo" :style="{color:'red'}" v-show="foo"/>`, `<component is="Foo" :style="{color:'red'}" v-show="foo"/>`,
).code, ).code,
).toMatchInlineSnapshot(` ).toMatchInlineSnapshot(`
"const { resolveDynamicComponent: _resolveDynamicComponent, createVNode: _createVNode } = require("vue") "const { resolveDynamicComponent: _resolveDynamicComponent, createVNode: _createVNode } = require("vue")
const { ssrRenderVNode: _ssrRenderVNode, ssrRenderAttrs: _ssrRenderAttrs } = require("vue/server-renderer") const { ssrRenderVNode: _ssrRenderVNode, ssrRenderAttrs: _ssrRenderAttrs } = require("vue/server-renderer")
return function ssrRender(_ctx, _push, _parent, _attrs) { return function ssrRender(_ctx, _push, _parent, _attrs) {
_push(\`<div\${_ssrRenderAttrs(_attrs)}>\`) _push(\`<div\${_ssrRenderAttrs(_attrs)}>\`)
_ssrRenderVNode(_push, _createVNode(_resolveDynamicComponent("Foo"), { style: {color:'red'} }, null), _parent, '', { _ssrRenderVNode(_push, _createVNode(_resolveDynamicComponent("Foo"), { style: {color:'red'} }, null), _parent, undefined, {
style: (_ctx.foo) ? null : { display: "none" } style: (_ctx.foo) ? null : { display: "none" }
}) })
_push(\`</div>\`) _push(\`</div>\`)
}" }"
`) `)
}) })
test('with static style', () => { test('with static style', () => {

4
packages/compiler-ssr/src/transforms/ssrTransformComponent.ts
View File

@ -201,7 +201,7 @@ export const ssrTransformComponent: NodeTransform = (node, context) => {
]), ]),
`_parent`, `_parent`,
] ]
if (vShowExp) args.push(`''`, vShowExp) if (vShowExp) args.push(`undefined`, vShowExp)
node.ssrCodegenNode = createCallExpression( node.ssrCodegenNode = createCallExpression(
context.helper(SSR_RENDER_VNODE), context.helper(SSR_RENDER_VNODE),
args, args,
@ -213,7 +213,7 @@ export const ssrTransformComponent: NodeTransform = (node, context) => {
slots, slots,
`_parent`, `_parent`,
] ]
if (vShowExp) args.push(`''`, vShowExp) if (vShowExp) args.push(`undefined`, vShowExp)
node.ssrCodegenNode = createCallExpression( node.ssrCodegenNode = createCallExpression(
context.helper(SSR_RENDER_COMPONENT), context.helper(SSR_RENDER_COMPONENT),
args, args,