fix(Layout): 修复布局组件动态子级，组件计算存在问题

D-xuanmo · Jun 4, 2024 · f10eb56 · f10eb56
1 parent 1e64431
commit f10eb56
Showing 1 changed file with 9 additions and 2 deletions.
diff --git a/packages/dl-common/src/layout/layout.tsx b/packages/dl-common/src/layout/layout.tsx
@@ -15,16 +15,23 @@ export default defineComponent({
     const columnsMap = reactive<Map<string, string>>(new Map())
     const rows: Map<string, string> = new Map()
     const children = ref<VNode[]>([])
+    const ids: Record<string, string> = {
+      layout: createRandomID(8),
+      'layout-header': createRandomID(8),
+      'layout-footer': createRandomID(8),
+      'layout-content': createRandomID(8)
+    }
 
     const initialChildren = () => {
       rows.clear()
+      columnsMap.clear()
       children.value = findChildren(context.slots.default?.() ?? []).map((item: any) => {
-        const layoutId = createRandomID(8)
+        const compName = getComponentName(item.type?.name)
+        const layoutId = ids[compName] || createRandomID(8)
         item.props = {
           ...item.props,
           layoutId
         }
-        const compName = getComponentName(item.type?.name)
         /* eslint-disable indent */
         switch (compName) {
           case 'layout':