fix: 修复渲染时注册分组的组件

(cherry picked from commit 07657610)

@@ -44,6 +44,8 @@ import { useUserStore } from '@/store/external/modules/user'
 import { checkSharePageNeedAccessToken, getPublicToken, getShareContentData } from '@/api/external/sys/share'
 import { useChartEditStore } from '@/store/modules/chartEditStore/chartEditStore'
 import { fetchChartComponent } from '@/packages'
+import { CreateComponentType } from '@/packages/index.d'
+import { CreateComponentGroupType } from '@/packages/index.d'
 
 const allowLoadPreviewPage = ref(true)
 const showModal = ref(false)
@@ -78,6 +80,19 @@ const sharePageHandlerProcess = async () => {
   }
 }
 
+const handleRegisterComponent = (record: (CreateComponentType | CreateComponentGroupType)[]) => {
+  const fn = (params: (CreateComponentType | CreateComponentGroupType)[]) => {
+    for (const item of params) {
+      if (item.isGroup) {
+        fn(item.groupList || [])
+        continue
+      }
+      componentInstall(item.chartConfig.chartKey, fetchChartComponent(item.chartConfig))
+    }
+  }
+  fn(record)
+}
+
 const isEmpty = ref(false)
 const getSharePageContentData = async () => {
   try {
@@ -93,11 +108,7 @@ const getSharePageContentData = async () => {
       chartEditStore.editCanvasConfig = editCanvasConfig
       chartEditStore.requestGlobalConfig = requestGlobalConfig
       chartEditStore.componentList = componentList
-
-      // register 组件
-      componentList.forEach(item => {
-          componentInstall(item.chartConfig.chartKey, fetchChartComponent(item.chartConfig))
-      })
+      handleRegisterComponent(componentList)
     }
     setTitle(dataViewName || '')
     showModal.value = false