fix(packages/compoents/external): 修复拓展组件生产环境无法使用问题

@@ -10,7 +10,7 @@ export const LeftCenterRightHeadConfig: ConfigType = {
     key,
     chartKey,
     conKey,
-    title: '头部组合1',
+    title: '大标题',
     category: ChatCategoryEnum.HEADCOMBINATION,
     categoryName: ChatCategoryEnumName.HEADCOMBINATION,
     package: EPackagesCategoryEnum.COMPOSES,

@@ -10,10 +10,10 @@ export const LeftCenterRightHeadAnimatConfig: ConfigType = {
     key,
     chartKey,
     conKey,
-    title: '头部组合3',
+    title: '大标题2',
     category: ChatCategoryEnum.HEADCOMBINATION,
     categoryName: ChatCategoryEnumName.HEADCOMBINATION,
     package: EPackagesCategoryEnum.COMPOSES,
     chartFrame: ChartFrameEnum.COMMON,
-    image: 'left_center_rightHead.png',
+    image: 'decorates02.png',
 }

-import { PublicConfigClass } from '@/packages/public'
-import { CreateComponentType } from '@/packages/index.d'
-import { LeftCenterRightHeadCommonConfig } from './index'
-import cloneDeep from 'lodash/cloneDeep'
-
-export const option = {
-  //左边颜色
-  colorLefts: ['#1dc1f5', '#1dc1f5'],
-  //中间标题颜色
-  colorTexts: ['#1DC1F533', '#1DC1F5FF'],
-  //右边颜色
-  colorRights: ['#1dc1f5', '#1dc1f5'],
-  //头部左边尺寸位置配置
-  headLeftInfo: {
-    w: 700,
-    h: 300,
-    ml: 0,
-    mt: 0,
-    headLeftReverse: false
-  },
-  //头部中间尺寸位置配置
-  headCenterInfo: {
-    w: 500,
-    h: 70,
-    ml: 235,
-    mt: 125,
-    dataset: '我是标题',
-    textColor: '#fff',
-    textSize: 32
-  },
-  //头部右边尺寸位置配置
-  headRightInfo: {
-    w: 700,
-    h: 300,
-    ml: 245,
-    mt: 0,
-    headRightReverse: true
-  }
-}
-
-export default class Config extends PublicConfigClass implements CreateComponentType {
-  public key = LeftCenterRightHeadCommonConfig.key
-  public chartConfig = cloneDeep(LeftCenterRightHeadCommonConfig)
-  public option = cloneDeep(option)
-}

-<template>
-  <CollapseItem name="头部左侧配置" :expanded="true">
-    <SettingItemBox :name="`颜色-${index + 1}`" v-for="(item, index) in optionData.colorLefts" :key="index">
-      <SettingItem name="颜色">
-        <n-color-picker size="small" :modes="['hex']" v-model:value="optionData.colorLefts[index]"></n-color-picker>
-      </SettingItem>
-      <SettingItem>
-        <n-button size="small" @click="optionData.colorLefts[index] = option.colorLefts[index]"> 恢复默认 </n-button>
-      </SettingItem>
-    </SettingItemBox>
-    <SettingItemBox name="大小">
-      <SettingItem name="宽度">
-        <n-input-number size="small" v-model:value="optionData.headLeftInfo.w"></n-input-number>
-      </SettingItem>
-      <SettingItem name="高度">
-        <n-input-number size="small" v-model:value="optionData.headLeftInfo.h"></n-input-number>
-      </SettingItem>
-    </SettingItemBox>
-    <SettingItemBox name="间距">
-      <SettingItem name="左间距">
-        <n-input-number size="small" v-model:value="optionData.headLeftInfo.ml"></n-input-number>
-      </SettingItem>
-      <SettingItem name="上间距">
-        <n-input-number size="small" v-model:value="optionData.headLeftInfo.mt"></n-input-number>
-      </SettingItem>
-    </SettingItemBox>
-    <SettingItemBox name="方向">
-      <SettingItem>
-        <n-space>
-          <n-switch v-model:value="optionData.headLeftInfo.headLeftReverse" size="small" />
-          <n-text>开启反向</n-text>
-        </n-space>
-      </SettingItem>
-    </SettingItemBox>
-  </CollapseItem>
-  <CollapseItem name="头部中间配置" :expanded="true">
-    <SettingItemBox :name="`颜色-${index + 1}`" v-for="(item, index) in optionData.colorTexts" :key="index">
-      <SettingItem name="颜色">
-        <n-color-picker size="small" :modes="['hex']" v-model:value="optionData.colorTexts[index]"></n-color-picker>
-      </SettingItem>
-      <SettingItem>
-        <n-button size="small" @click="optionData.colorTexts[index] = option.colorTexts[index]"> 恢复默认 </n-button>
-      </SettingItem>
-    </SettingItemBox>
-    <SettingItemBox name="文字" alone>
-      <SettingItem>
-        <n-input v-model:value="optionData.headCenterInfo.dataset" size="small"></n-input>
-      </SettingItem>
-    </SettingItemBox>
-    <SettingItemBox name="样式">
-      <SettingItem name="颜色">
-        <n-color-picker
-          size="small"
-          :modes="['hex']"
-          v-model:value="optionData.headCenterInfo.textColor"
-        ></n-color-picker>
-      </SettingItem>
-      <SettingItem name="大小">
-        <n-input-number v-model:value="optionData.headCenterInfo.textSize" size="small" :min="12"></n-input-number>
-      </SettingItem>
-    </SettingItemBox>
-    <SettingItemBox name="大小">
-      <SettingItem name="宽度">
-        <n-input-number size="small" v-model:value="optionData.headCenterInfo.w"></n-input-number>
-      </SettingItem>
-      <SettingItem name="高度">
-        <n-input-number size="small" v-model:value="optionData.headCenterInfo.h"></n-input-number>
-      </SettingItem>
-    </SettingItemBox>
-    <SettingItemBox name="间距">
-      <SettingItem name="左间距">
-        <n-input-number size="small" v-model:value="optionData.headCenterInfo.ml"></n-input-number>
-      </SettingItem>
-      <SettingItem name="上间距">
-        <n-input-number size="small" v-model:value="optionData.headCenterInfo.mt"></n-input-number>
-      </SettingItem>
-    </SettingItemBox>
-  </CollapseItem>
-  <CollapseItem name="头部右侧配置" :expanded="true">
-    <SettingItemBox :name="`颜色-${index + 1}`" v-for="(item, index) in optionData.colorRights" :key="index">
-      <SettingItem name="颜色">
-        <n-color-picker size="small" :modes="['hex']" v-model:value="optionData.colorRights[index]"></n-color-picker>
-      </SettingItem>
-      <SettingItem>
-        <n-button size="small" @click="optionData.colorRights[index] = option.colorRights[index]"> 恢复默认 </n-button>
-      </SettingItem>
-    </SettingItemBox>
-    <SettingItemBox name="大小">
-      <SettingItem name="宽度">
-        <n-input-number size="small" v-model:value="optionData.headRightInfo.w"></n-input-number>
-      </SettingItem>
-      <SettingItem name="高度">
-        <n-input-number size="small" v-model:value="optionData.headRightInfo.h"></n-input-number>
-      </SettingItem>
-    </SettingItemBox>
-    <SettingItemBox name="间距">
-      <SettingItem name="左间距">
-        <n-input-number size="small" v-model:value="optionData.headRightInfo.ml"></n-input-number>
-      </SettingItem>
-      <SettingItem name="上间距">
-        <n-input-number size="small" v-model:value="optionData.headRightInfo.mt"></n-input-number>
-      </SettingItem>
-    </SettingItemBox>
-    <SettingItemBox name="方向">
-      <SettingItem>
-        <n-space>
-          <n-switch v-model:value="optionData.headRightInfo.headRightReverse" size="small" />
-          <n-text>开启反向</n-text>
-        </n-space>
-      </SettingItem>
-    </SettingItemBox>
-  </CollapseItem>
-</template>
-
-<script setup lang="ts">
-import { PropType } from 'vue'
-import { option } from './config'
-import { CollapseItem, SettingItemBox, SettingItem } from '@/components/Pages/ChartItemSetting'
-
-defineProps({
-  optionData: {
-    type: Object as any as PropType<typeof option>,
-    required: true
-  }
-})
-</script>

-import { ChartFrameEnum, ConfigType } from '@/packages/index.d'
-import { EPackagesCategoryEnum } from '@/packages/components/external/types'
-import { ChatCategoryEnum, ChatCategoryEnumName } from '../../index.d'
-import { useWidgetKey } from '@/packages/external/useWidgetKey'
-
-const { key, chartKey, conKey } = useWidgetKey('LeftCenterRightHeadCommon')
-export const LeftCenterRightHeadCommonConfig: ConfigType = {
-    key,
-    chartKey,
-    conKey,
-    title: '头部组合2',
-    category: ChatCategoryEnum.HEADCOMBINATION,
-    categoryName: ChatCategoryEnumName.HEADCOMBINATION,
-    package: EPackagesCategoryEnum.COMPOSES,
-    chartFrame: ChartFrameEnum.COMMON,
-    image: 'customHead2.png',
-}

-<template>
-  <div style="display: flex">
-    <n-grid :x-gap="12" :y-gap="12" :cols="4" layout-shift-disabled>
-      <n-gi>
-        <div :style="{ marginLeft: headLeftInfo.ml + 'px', marginTop: headLeftInfo.mt + 'px' }">
-          <svg :width="headLeftInfo.w + 'px'" :height="headLeftInfo.h + 'px'">
-            <polyline
-              :stroke="colorLefts[0]"
-              stroke-width="2"
-              fill="transparent"
-              :points="`${xLeftPos(0)}, 0 ${xLeftPos(30)}, ${headLeftInfo.h / 2}`"
-            />
-            <polyline
-              :stroke="colorLefts[0]"
-              stroke-width="2"
-              fill="transparent"
-              :points="`${xLeftPos(20)}, 0 ${xLeftPos(50)}, ${headLeftInfo.h / 2} ${xLeftPos(headLeftInfo.w)}, ${
-                headLeftInfo.h / 2
-              }`"
-            />
-            <polyline
-              :stroke="colorLefts[1]"
-              fill="transparent"
-              stroke-width="3"
-              :points="`${xLeftPos(0)}, ${headLeftInfo.h - 3}, ${xLeftPos(200)}, ${headLeftInfo.h - 3}`"
-            />
-          </svg>
-        </div>
-      </n-gi>
-      <n-gi>
-        <div :style="{ top: headCenterInfo.mt + 'px', left: headCenterInfo.ml + 'px' }" class="go-border-06">
-          <svg xmlns="http://www.w3.org/2000/svg" :width="headCenterInfo.w" :height="headCenterInfo.h">
-            <polygon class="stroke fill" :points="`15.5 6.5 20.5 0.5 50.5 0.5 55.5 6.5 15.5 6.5`" />
-            <polygon
-              class="stroke fill"
-              :points="`15.5 ${headCenterInfo.h - 6.5} 20.5 ${headCenterInfo.h - 0.5} 50.5 ${
-                headCenterInfo.h - 0.5
-              } 55.5 ${headCenterInfo.h - 6.5} 15.5 ${headCenterInfo.h - 6.5}`"
-            />
-            <polygon
-              class="stroke fill"
-              :points="`${headCenterInfo.w - 15.5} 6.5 ${headCenterInfo.w - 20.5} 0.5 ${headCenterInfo.w - 50.5} 0.5 ${
-                headCenterInfo.w - 55.5
-              } 6.5 ${headCenterInfo.w - 15.5} 6.5`"
-            />
-            <polygon
-              class="stroke fill"
-              :points="`${headCenterInfo.w - 15.5} ${headCenterInfo.h - 6.5} ${headCenterInfo.w - 20.5} ${
-                headCenterInfo.h - 0.5
-              } ${headCenterInfo.w - 50.5} ${headCenterInfo.h - 0.5} ${headCenterInfo.w - 55.5} ${
-                headCenterInfo.h - 6.5
-              } ${headCenterInfo.w - 15.5} ${headCenterInfo.h - 6.5}`"
-            />
-            <polygon
-              class="stroke fill"
-              :points="`15.5 6.5 0.5 ${headCenterInfo.h / 2} 15.5 ${headCenterInfo.h - 6.5} ${
-                headCenterInfo.w - 15.5
-              } ${headCenterInfo.h - 6.5} ${headCenterInfo.w - 0.5} ${headCenterInfo.h / 2} ${
-                headCenterInfo.w - 15.5
-              } 6.5 15.5 6.5`"
-            />
-            <polyline
-              class="stroke fill-none"
-              :points="`20.5 14.5 8.5 ${headCenterInfo.h / 2} 20.5 ${headCenterInfo.h - 14.5}`"
-            />
-            <polyline
-              class="stroke fill-none"
-              :points="`${headCenterInfo.w - 20.5} 14.5 ${headCenterInfo.w - 8.5} ${headCenterInfo.h / 2} ${
-                headCenterInfo.w - 20.5
-              } ${headCenterInfo.h - 14.5}`"
-            />
-          </svg>
-          <span class="text">{{ headCenterInfo.dataset }}</span>
-        </div>
-      </n-gi>
-      <n-gi>
-        <div :style="{ marginLeft: headRightInfo.ml + 'px', marginTop: headRightInfo.mt + 'px' }">
-          <svg :width="headRightInfo.w" :height="headRightInfo.h">
-            <polyline
-              :stroke="colorRights[0]"
-              stroke-width="2"
-              fill="transparent"
-              :points="`${xRightPos(0)}, 0 ${xRightPos(30)}, ${headRightInfo.h / 2}`"
-            />
-            <polyline
-              :stroke="colorRights[0]"
-              stroke-width="2"
-              fill="transparent"
-              :points="`${xRightPos(20)}, 0 ${xRightPos(50)}, ${headRightInfo.h / 2} ${xRightPos(headRightInfo.w)}, ${
-                headRightInfo.h / 2
-              }`"
-            />
-            <polyline
-              :stroke="colorRights[1]"
-              fill="transparent"
-              stroke-width="3"
-              :points="`${xRightPos(0)}, ${headRightInfo.h - 3}, ${xRightPos(200)}, ${headRightInfo.h - 3}`"
-            />
-          </svg>
-        </div>
-      </n-gi>
-    </n-grid>
-  </div>
-</template>
-<script setup lang="ts">
-import { PropType, toRefs } from 'vue'
-import { CreateComponentType } from '@/packages/index.d'
-
-const props = defineProps({
-  chartConfig: {
-    type: Object as PropType<CreateComponentType>,
-    required: true
-  }
-})
-
-//默认设置宽高距离位置
-props.chartConfig.attr.w = 1920
-props.chartConfig.attr.h = 300
-props.chartConfig.attr.x = 0
-props.chartConfig.attr.y = 0
-
-const { headLeftInfo, headCenterInfo, headRightInfo, colorLefts, colorRights, colorTexts } = toRefs(
-  props.chartConfig.option
-)
-
-const xLeftPos = (pos: number) => {
-  if (!headLeftInfo.value.headLeftReverse) return pos
-  return headLeftInfo.value.w - pos
-}
-
-const xRightPos = (pos: number) => {
-  if (!headRightInfo.value.headRightReverse) return pos
-  return headRightInfo.value.w - pos
-}
-</script>
-
-<style lang="scss" scoped>
-@include go('border-06') {
-  position: relative;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-
-  svg {
-    position: absolute;
-    z-index: -1;
-  }
-
-  .fill {
-    fill: v-bind('colorTexts[0]');
-  }
-  .fill-none {
-    fill: none;
-  }
-  .stroke {
-    stroke: v-bind('colorTexts[1]');
-  }
-
-  .text {
-    color: v-bind('headCenterInfo.textColor');
-    font-size: v-bind('headCenterInfo.textSize+"px"');
-  }
-}
-</style>

 import { LeftCenterRightHeadConfig } from './LeftCenterRightHead/index'
-import { LeftCenterRightHeadCommonConfig } from './LeftCenterRightHeadCommon/index'
 import { LeftCenterRightHeadAnimatConfig } from './LeftCenterRightHeadAnimat/index'
 
-export default [LeftCenterRightHeadConfig, LeftCenterRightHeadCommonConfig,LeftCenterRightHeadAnimatConfig]
+export default [LeftCenterRightHeadConfig, LeftCenterRightHeadAnimatConfig]

@@ -4,24 +4,24 @@ import { TitleConfig } from './index'
 import cloneDeep from 'lodash/cloneDeep'
 
 export const option = {
-  dataset:'我是标题',
-  attribute:{
-    titleColor:'#fff',
-    titleSize:'16',
-    svg_7:'blue',
-    svg_8:'red',
-    svg_16:'red',
-    svg_14:'red',
-    svg_21:'red',
-    svg_7_opacity:1,
-    svg_8_opacity:1,
-    svg_16_opacity:1,
-    svg_14_opacity:1,
-    linearGradient:{
-      stop_color1:'#447799',
-      stop_color2:'#224488',
-      svg_21_opacity1:1,
-      svg_21_opacity2:1,
+  dataset: '我是标题',
+  attribute: {
+    titleColor: '#fff',
+    titleSize: 16,
+    svg_7: 'blue',
+    svg_8: 'red',
+    svg_16: 'red',
+    svg_14: 'red',
+    svg_21: 'red',
+    svg_7_opacity: 1,
+    svg_8_opacity: 1,
+    svg_16_opacity: 1,
+    svg_14_opacity: 1,
+    linearGradient: {
+      stop_color1: '#447799',
+      stop_color2: '#224488',
+      svg_21_opacity1: 1,
+      svg_21_opacity2: 1,
     }
   }
 }

@@ -8,7 +8,7 @@ export const TitleConfig: ConfigType = {
     key,
     chartKey,
     conKey,
-    title: '标题',
+    title: '小标题',
     category: ChatCategoryEnum.MORE,
     categoryName: ChatCategoryEnumName.MORE,
     package: EPackagesCategoryEnum.COMPOSES,

 <template>
-  <div class="go-content-box" >
-<svg xmlns="http://www.w3.org/2000/svg" width="782" height="600">
-  <defs>
-  <defs>
-                <linearGradient id="my-cool-gradient" x1="0%" y1="0%" x2="100%" y2="0%">
-                    <stop offset="0%"  :style="{stopColor:attribute.linearGradient.stop_color1,stopOpacity:attribute.linearGradient.svg_21_opacity1 }"/>
-                    <stop offset="100%" :style="{stopColor:attribute.linearGradient.stop_color2,stopOpacity:attribute.linearGradient.svg_21_opacity2}"/>
-                </linearGradient>
-            </defs>
-  </defs>
- <g>
-  <rect stroke="#000" id="svg_6" height="0" width="2" y="189.5" x="523" fill="#fff"/>
-  <path :opacity="attribute.svg_7_opacity"  transform="rotate(-137 422.766 284.992)" stroke="#000" id="svg_7" d="m412.87465,287.39672l3.95636,-4.80932l15.82545,0l-3.95636,4.80932l-15.82545,0z" :fill="attribute.svg_7"/>
-  <path :opacity="attribute.svg_8_opacity" transform="rotate(44 444.883 283.871)" stroke="#000" id="svg_8" d="m435.52609,286.39738l3.74294,-5.0534l14.97175,0l-3.74294,5.0534l-14.97175,0z" :fill="attribute.svg_8"/>
-  <rect id="svg_10" height="0" width="1" y="242.5" x="235" stroke="#000" fill="#fff"/>
-  <text xml:space="preserve" text-anchor="start" font-family="Noto Sans JP" :font-size="attribute.titleSize" stroke-width="0" id="svg_12" y="290.5" x="214" stroke="#000" :fill="attribute.titleColor">{{ dataset }}</text>
-  <path  :opacity="attribute.svg_14_opacity"  transform="rotate(90 198.922 284.168)" stroke="#000" id="svg_14" d="m193.42189,288.16843l5.50043,-8.00001l5.50043,8.00001l-11.00085,0z" stroke-width="0" :fill="attribute.svg_14"/>
-  <path id="svg_15" d="m259.7,311.34437l0.5,-1.00001l0.5,1.00001l-1.00001,0z" stroke-width="0" stroke="#000" fill="#000000"/>
-  <rect stroke="#000" id="svg_16" height="33" width="4" y="269" x="181" :fill="attribute.svg_16" :opacity="attribute.svg_16_opacity"/>
-  <rect id="svg_17" height="0" width="2" y="368.5" x="187" stroke="#000" fill="#6D97AB"/>
-  <rect id="svg_18" height="13" width="0" y="290.5" x="167" stroke="#000" fill="#6D97AB"/>
-  <rect id="svg_20" height="0" width="1" y="193.5" x="281" stroke="#000" fill="#6D97AB"/>
-  <path stroke="#000" id="svg_21" d="m184,269l299.00001,0l0,33l-299.00001,0l0,-33z" opacity="0.35" fill="url(#my-cool-gradient)"/>
- </g>
+  <div class="go-content-box">
+    <svg xmlns="http://www.w3.org/2000/svg" width="782" height="600">
+      <defs>
+        <defs>
+          <linearGradient id="my-cool-gradient" x1="0%" y1="0%" x2="100%" y2="0%">
+            <stop offset="0%"
+              :style="{ stopColor: attribute.linearGradient.stop_color1, stopOpacity: attribute.linearGradient.svg_21_opacity1 }" />
+            <stop offset="100%"
+              :style="{ stopColor: attribute.linearGradient.stop_color2, stopOpacity: attribute.linearGradient.svg_21_opacity2 }" />
+          </linearGradient>
+        </defs>
+      </defs>
+      <g>
+        <rect stroke="#000" id="svg_6" height="0" width="2" y="189.5" x="523" fill="#fff" />
+        <path :opacity="attribute.svg_7_opacity" transform="rotate(-137 422.766 284.992)" stroke="#000" id="svg_7"
+          d="m412.87465,287.39672l3.95636,-4.80932l15.82545,0l-3.95636,4.80932l-15.82545,0z" :fill="attribute.svg_7" />
+        <path :opacity="attribute.svg_8_opacity" transform="rotate(44 444.883 283.871)" stroke="#000" id="svg_8"
+          d="m435.52609,286.39738l3.74294,-5.0534l14.97175,0l-3.74294,5.0534l-14.97175,0z" :fill="attribute.svg_8" />
+        <rect id="svg_10" height="0" width="1" y="242.5" x="235" stroke="#000" fill="#fff" />
+        <text xml:space="preserve" text-anchor="start" font-family="Noto Sans JP" :font-size="attribute.titleSize"
+          stroke-width="0" id="svg_12" y="290.5" x="214" stroke="#000" :fill="attribute.titleColor">{{ dataset }}</text>
+        <path :opacity="attribute.svg_14_opacity" transform="rotate(90 198.922 284.168)" stroke="#000" id="svg_14"
+          d="m193.42189,288.16843l5.50043,-8.00001l5.50043,8.00001l-11.00085,0z" stroke-width="0"
+          :fill="attribute.svg_14" />
+        <path id="svg_15" d="m259.7,311.34437l0.5,-1.00001l0.5,1.00001l-1.00001,0z" stroke-width="0" stroke="#000"
+          fill="#000000" />
+        <rect stroke="#000" id="svg_16" height="33" width="4" y="269" x="181" :fill="attribute.svg_16"
+          :opacity="attribute.svg_16_opacity" />
+        <rect id="svg_17" height="0" width="2" y="368.5" x="187" stroke="#000" fill="#6D97AB" />
+        <rect id="svg_18" height="13" width="0" y="290.5" x="167" stroke="#000" fill="#6D97AB" />
+        <rect id="svg_20" height="0" width="1" y="193.5" x="281" stroke="#000" fill="#6D97AB" />
+        <path stroke="#000" id="svg_21" d="m184,269l299.00001,0l0,33l-299.00001,0l0,-33z" opacity="0.35"
+          fill="url(#my-cool-gradient)" />
+      </g>
 
-</svg>
+    </svg>
   </div>
 </template>
 <script setup lang="ts">
@@ -44,7 +54,7 @@ props.chartConfig.attr.h = 100
 props.chartConfig.attr.x = 200
 props.chartConfig.attr.y = 200
 
-const { dataset,attribute }= toRefs(props.chartConfig.option)
+const { dataset, attribute } = toRefs(props.chartConfig.option)
 
 const { w, h } = toRefs(props.chartConfig.attr)
 
@@ -56,9 +66,10 @@ const { w, h } = toRefs(props.chartConfig.attr)
   display: flex;
   align-items: center;
   justify-content: center;
-  .content{
-    width:v-bind('w + "px"');
-    height:v-bind('h + "px"');
+
+  .content {
+    width: v-bind('w + "px"');
+    height: v-bind('h + "px"');
   }
 }
 </style>

@@ -2,11 +2,20 @@
 import { ConfigType } from "../index.d"
 import { matchExternalPrefixReg } from "./useWidgetKey"
 
+const getAllConfigFile = async () => {
+  return import.meta.glob('../components/**/config.ts')
+}
+
+const getChartConfigFile = async (path: string) => {
+  const fileList = await getAllConfigFile()
+  return fileList[path]() as any
+}
 
 export const createComponent = async (configType: ConfigType) => {
   const { key, chartKey, category, package: packageName } = configType
   const hasExternalPrefix = matchExternalPrefixReg.test(chartKey)
-  const chart = await import(`../components${hasExternalPrefix ? '/external' : ''}/${packageName}/${category}/${key}/config.ts`)
+  const filePath = `../components${hasExternalPrefix ? '/external' : ''}/${packageName}/${category}/${key}/config.ts`
+  const chart = await getChartConfigFile(filePath)
   return new chart.default()
 }
 

@@ -101,6 +101,7 @@ const dblclickHandle = async (item: ConfigType) => {
     chartEditStore.setTargetSelectChart(newComponent.id)
     loadingFinish()
   } catch (error) {
+    console.log(error)
     loadingError()
     window['$message'].warning(`图表正在研发中, 敬请期待...`)
   }

@@ -161,6 +161,7 @@ const selectChartHandle = async (item: ConfigType) => {
     closeHandle()
     loadingFinish()
   } catch (error) {
+    console.log(error)
     loadingError()
     window['$message'].warning(`图表正在研发中, 敬请期待...`)
   }

@@ -32,13 +32,14 @@ export const dragHandle = async (e: DragEvent) => {
     const dropData: Exclude<ConfigType, ['image']> = JSONParse(drayDataString)
 
     // 创建新图表组件
-    let newComponent: CreateComponentType = await createComponent(dropData)
+    const newComponent: CreateComponentType = await createComponent(dropData)
 
     setComponentPosition(newComponent, e.offsetX - newComponent.attr.w / 2, e.offsetY - newComponent.attr.h / 2)
     chartEditStore.addComponentList(newComponent, false, true)
     chartEditStore.setTargetSelectChart(newComponent.id)
     loadingFinish()
   } catch (error) {
+    console.log(error)
     loadingError()
     window['$message'].warning(`图表正在研发中, 敬请期待...`)
   }
@@ -225,7 +226,7 @@ export const useMouseHandle = () => {
     const startY = e.screenY
 
     // 记录历史位置
-    let prevComponentInstance: Array<CreateComponentType | CreateComponentGroupType> = []
+    const prevComponentInstance: Array<CreateComponentType | CreateComponentGroupType> = []
     chartEditStore.getTargetChart.selectId.forEach(id => {
       if (!targetMap.has(id)) return
 
@@ -243,8 +244,8 @@ export const useMouseHandle = () => {
       chartEditStore.setMousePosition(moveEvent.screenX, moveEvent.screenY)
 
       // 当前偏移量，处理 scale 比例问题
-      let offsetX = (moveEvent.screenX - startX) / scale
-      let offsetY = (moveEvent.screenY - startY) / scale
+      const offsetX = (moveEvent.screenX - startX) / scale
+      const offsetY = (moveEvent.screenY - startY) / scale
 
       chartEditStore.getTargetChart.selectId.forEach(id => {
         if (!targetMap.has(id)) return
@@ -354,8 +355,8 @@ export const useMousePointHandle = (e: MouseEvent, point: string, attr: PickCrea
   const mousemove = throttle((moveEvent: MouseEvent) => {
     chartEditStore.setMousePosition(moveEvent.screenX, moveEvent.screenY)
 
-    let currX = Math.round((moveEvent.screenX - startX) / scale)
-    let currY = Math.round((moveEvent.screenY - startY) / scale)
+    const currX = Math.round((moveEvent.screenX - startX) / scale)
+    const currY = Math.round((moveEvent.screenY - startY) / scale)
 
     const isTop = /t/.test(point)
     const isBottom = /b/.test(point)