theluyuan/vue3-yuanma
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix(slots): ensure different branches of dynamic slots have different keys

Browse Source 
fix #6202
This commit is contained in:
Evan You
2022-08-30 15:55:09 +08:00
parent 96eb745254
commit 00036bb52c
8 changed files with 69 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
packages/compiler-core/__tests__/__snapshots__/scopeId.spec.ts.snap
View File

@@ -43,7 +43,8 @@ export function render(_ctx, _cache) {
name: \\"foo\\",
fn: _withCtx(() => [
_createElementVNode(\\"div\\")
])
]),
key: \\"0\\"
}
: undefined,
_renderList(_ctx.list, (i) => {

15
packages/compiler-core/__tests__/transforms/__snapshots__/vSlot.spec.ts.snap
View File

@@ -56,7 +56,8 @@ return function render(_ctx, _cache) {
(_ctx.ok)
? {
name: \\"one\\",
fn: _withCtx((props) => [_toDisplayString(props)])
fn: _withCtx((props) => [_toDisplayString(props)]),
key: \\"0\\"
}
: undefined
]), 1024 /* DYNAMIC_SLOTS */))
@@ -76,16 +77,19 @@ return function render(_ctx, _cache) {
ok
? {
name: \\"one\\",
fn: _withCtx(() => [\\"foo\\"])
fn: _withCtx(() => [\\"foo\\"]),
key: \\"0\\"
}
: orNot
? {
name: \\"two\\",
fn: _withCtx((props) => [\\"bar\\"])
fn: _withCtx((props) => [\\"bar\\"]),
key: \\"1\\"
}
: {
name: \\"one\\",
fn: _withCtx(() => [\\"baz\\"])
fn: _withCtx(() => [\\"baz\\"]),
key: \\"2\\"
}
]), 1024 /* DYNAMIC_SLOTS */))
}
@@ -105,7 +109,8 @@ return function render(_ctx, _cache) {
ok
? {
name: \\"one\\",
fn: _withCtx(() => [\\"hello\\"])
fn: _withCtx(() => [\\"hello\\"]),
key: \\"0\\"
}
: undefined
]), 1024 /* DYNAMIC_SLOTS */))

15
packages/compiler-core/__tests__/transforms/vSlot.spec.ts
View File

@@ -568,7 +568,8 @@ describe('compiler: transform component slots', () => {
fn: {
type: NodeTypes.JS_FUNCTION_EXPRESSION,
returns: [{ type: NodeTypes.TEXT, content: `hello` }]
}
},
key: `0`
}),
alternate: {
content: `undefined`,
@@ -616,7 +617,8 @@ describe('compiler: transform component slots', () => {
content: { content: `props` }
}
]
}
},
key: `0`
}),
alternate: {
content: `undefined`,
@@ -660,7 +662,8 @@ describe('compiler: transform component slots', () => {
type: NodeTypes.JS_FUNCTION_EXPRESSION,
params: undefined,
returns: [{ type: NodeTypes.TEXT, content: `foo` }]
}
},
key: `0`
}),
alternate: {
type: NodeTypes.JS_CONDITIONAL_EXPRESSION,
@@ -671,7 +674,8 @@ describe('compiler: transform component slots', () => {
type: NodeTypes.JS_FUNCTION_EXPRESSION,
params: { content: `props` },
returns: [{ type: NodeTypes.TEXT, content: `bar` }]
}
},
key: `1`
}),
alternate: createObjectMatcher({
name: `one`,
@@ -679,7 +683,8 @@ describe('compiler: transform component slots', () => {
type: NodeTypes.JS_FUNCTION_EXPRESSION,
params: undefined,
returns: [{ type: NodeTypes.TEXT, content: `baz` }]
}
},
key: `2`
})
}
}