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

feat(portal): support multiple portal appending to same target

Browse Source
This commit is contained in:
Evan You
2020-03-27 18:42:57 -04:00
parent b8ffbffaf7
commit aafb880a0a
6 changed files with 178 additions and 95 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
packages/runtime-core/src/vnode.ts
View File

@@ -419,14 +419,17 @@ export function cloneIfMounted(child: VNode): VNode {
export function normalizeChildren(vnode: VNode, children: unknown) {
let type = 0
const { shapeFlag } = vnode
if (children == null) {
children = null
} else if (isArray(children)) {
type = ShapeFlags.ARRAY_CHILDREN
} else if (typeof children === 'object') {
// in case <component :is="x"> resolves to native element, the vnode call
// will receive slots object.
if (vnode.shapeFlag & ShapeFlags.ELEMENT && (children as any).default) {
// Normalize slot to plain children
if (
(shapeFlag & ShapeFlags.ELEMENT || shapeFlag & ShapeFlags.PORTAL) &&
(children as any).default
) {
normalizeChildren(vnode, (children as any).default())
return
} else {
@@ -440,7 +443,13 @@ export function normalizeChildren(vnode: VNode, children: unknown) {
type = ShapeFlags.SLOTS_CHILDREN
} else {
children = String(children)
type = ShapeFlags.TEXT_CHILDREN
// force portal children to array so it can be moved around
if (shapeFlag & ShapeFlags.PORTAL) {
type = ShapeFlags.ARRAY_CHILDREN
children = [createTextVNode(children as string)]
} else {
type = ShapeFlags.TEXT_CHILDREN
}
}
vnode.children = children as VNodeNormalizedChildren
vnode.shapeFlag |= type