Merge branch 'fix/data-board-error' into 'main_dev'

fix: 修复数据看板阻塞性报错

See merge request yunteng/thingskit-front!637

@@ -84,6 +84,7 @@
       currentRecord.value = record;
       if (mode === DataActionModeEnum.UPDATE) {
         const config = useGetComponentConfig(record.frontId);
+        if (!config) return;
         selectWidgetKeys.value = {
           componentKey: config.componentConfig.key,
           categoryKey: config.componentConfig.package,
@@ -124,8 +125,8 @@
           ...item,
           componentInfo: { ...unref(getComponentConfig).persetOption, ...item.componentInfo },
         }));
-        if (window.requestIdleCallback as unknown as boolean) {
-          requestIdleCallback(
+        if ((window as any).requestIdleCallback as unknown as boolean) {
+          (window as any).requestIdleCallback(
             () => {
               setFormValues({ dataSource: unref(dataSource) } as WidgetDataType);
             },

@@ -7,7 +7,7 @@ import { Component } from 'vue';
  */
 export const transformComponentKey = (string: string) => {
   const CONNECTION_SYMBOL = '-';
-  const needTransformFlag = string.includes(CONNECTION_SYMBOL);
+  const needTransformFlag = (string || '').includes(CONNECTION_SYMBOL);
 
   if (needTransformFlag) {
     return string

@@ -30,7 +30,6 @@
 
   const getComponentConfig = computed(() => {
     const { widthPx, heightPx, itemWidthRatio, itemHeightRatio, frontId } = props.sourceInfo;
-
     return useGetComponentConfig(frontId, {
       widthPx,
       heightPx,

@@ -12,3 +12,9 @@
     <slot name="footer"></slot>
   </section>
 </template>
+
+<style lang="less" scoped>
+  :deep(.ant-spin-spinning) {
+    @apply flex justify-center items-center w-full h-full;
+  }
+</style>

@@ -60,12 +60,25 @@ export const useDataSource = (propsRef: ComputedRef<Recordable>) => {
       loading.value = true;
       const { data } = await getDataBoradDetail();
       rawDataSource.value = data;
+      // const result: WidgetDataType[] = (data.componentData || []).map((item) => {
+      //   const { id } = item;
+
+      //   const layout =
+      //     (data.componentLayout || []).find((item) => item.id === id) ||
+      //     ({} as ComponentLayoutType);
+
+      //   return {
+      //     i: buildUUID(),
+      //     ...layout,
+      //     ...item,
+      //   } as WidgetDataType;
+      // });
       const result: WidgetDataType[] = data.componentLayout.map((item) => {
         const { id } = item;
         const dataSource =
-          data.componentData.find((item) => item.id == id) || ({} as ComponentDataType);
+          (data.componentData || []).find((item) => item.id == id) || ({} as ComponentDataType);
 
-        dataSource.dataSource = dataSource.dataSource.map((item) => ({
+        dataSource.dataSource = (dataSource.dataSource || []).map((item) => ({
           ...item,
           uuid: buildUUID(),
         }));