fix: 修改配置项目

src/packages/components/Charts/Bars/BarCommon/config.ts

@@ -1,6 +1,6 @@
 import { getUUID } from '@/utils'
 
-export class Config {
+export default class Config {
   name: string = 'BarCommon'
   id: string = getUUID()
   attr = { w: 500, h: 300 }

src/packages/components/Charts/Bars/BarCommon/index.ts

@@ -1,6 +1,6 @@
 import BarCommon from './index.vue'
 import image from '@/assets/images/chart/charts/bar_x.png'
-import { ConfigType } from '@/packages/index.d'
+import { ConfigType, PackagesCategoryEnum } from '@/packages/index.d'
 import { ChatCategoryEnum, ChatCategoryEnumName } from '../../index.d'
 
 export const BarCommonConfig: ConfigType = {
@@ -8,6 +8,7 @@ export const BarCommonConfig: ConfigType = {
   title: '柱状图',
   category: ChatCategoryEnum.BAR,
   categoryName: ChatCategoryEnumName.BAR,
+  package: PackagesCategoryEnum.CHARTS,
   node: BarCommon,
   image: image
 }

src/packages/components/Charts/Bars/BarCrossrange/index.ts

@@ -1,6 +1,6 @@
 import BarCrossrange from './index.vue'
 import image from '@/assets/images/chart/charts/bar_y.png'
-import { ConfigType } from '@/packages/index.d'
+import { ConfigType, PackagesCategoryEnum } from '@/packages/index.d'
 import { ChatCategoryEnum, ChatCategoryEnumName } from '../../index.d'
 
 export const BarCrossrangefig: ConfigType = {
@@ -8,6 +8,7 @@ export const BarCrossrangefig: ConfigType = {
   title: '横向柱状图',
   category: ChatCategoryEnum.BAR,
   categoryName: ChatCategoryEnumName.BAR,
+  package: PackagesCategoryEnum.CHARTS,
   node: BarCrossrange,
   image: image
 }

src/packages/components/Charts/Lines/LineCommon/index.ts

@@ -1,6 +1,6 @@
 import LineCommon from './index.vue'
 import image from '@/assets/images/chart/charts/line.png'
-import { ConfigType } from '@/packages/index.d'
+import { ConfigType, PackagesCategoryEnum } from '@/packages/index.d'
 import { ChatCategoryEnum, ChatCategoryEnumName } from '../../index.d'
 
 export const LineCommonConfig: ConfigType = {
@@ -8,6 +8,7 @@ export const LineCommonConfig: ConfigType = {
   title: '折线图',
   category: ChatCategoryEnum.LINE,
   categoryName: ChatCategoryEnumName.LINE,
+  package: PackagesCategoryEnum.CHARTS,
   node: LineCommon,
   image: image
 }

src/packages/components/Charts/Lines/LineGradientSingle/index.ts

@@ -1,6 +1,6 @@
 import LineGradientSingle from './index.vue'
 import image from '@/assets/images/chart/charts/line_gradient_single.png'
-import { ConfigType } from '@/packages/index.d'
+import { ConfigType, PackagesCategoryEnum } from '@/packages/index.d'
 import { ChatCategoryEnum, ChatCategoryEnumName } from '../../index.d'
 
 export const LineGradientSingleConfig: ConfigType = {
@@ -8,6 +8,7 @@ export const LineGradientSingleConfig: ConfigType = {
   title: '折线面积图',
   category: ChatCategoryEnum.LINE,
   categoryName: ChatCategoryEnumName.LINE,
+  package: PackagesCategoryEnum.CHARTS,
   node: LineGradientSingle,
   image: image
 }

src/packages/components/Charts/Lines/LineGradients/index.ts

@@ -1,6 +1,6 @@
 import LineGradients from './index.vue'
 import image from '@/assets/images/chart/charts/line_gradient2.png'
-import { ConfigType } from '@/packages/index.d'
+import { ConfigType, PackagesCategoryEnum } from '@/packages/index.d'
 import { ChatCategoryEnum, ChatCategoryEnumName } from '../../index.d'
 
 export const LineGradientsConfig: ConfigType = {
@@ -8,6 +8,7 @@ export const LineGradientsConfig: ConfigType = {
   title: '折线面积图',
   category: ChatCategoryEnum.LINE,
   categoryName: ChatCategoryEnumName.LINE,
+  package: PackagesCategoryEnum.CHARTS,
   node: LineGradients,
   image: image
 }

src/packages/components/Charts/Maps/MapChine/index.ts

@@ -1,6 +1,6 @@
 import MapChine from './index.vue'
 import image from '@/assets/images/chart/charts/map.png'
-import { ConfigType } from '@/packages/index.d'
+import { ConfigType, PackagesCategoryEnum } from '@/packages/index.d'
 import { ChatCategoryEnum, ChatCategoryEnumName } from '../../index.d'
 
 export const MapChineConfig: ConfigType = {
@@ -8,6 +8,7 @@ export const MapChineConfig: ConfigType = {
   title: '北京地图',
   category: ChatCategoryEnum.MAP,
   categoryName: ChatCategoryEnumName.MAP,
+  package: PackagesCategoryEnum.CHARTS,
   node: MapChine,
   image: image
 }

src/packages/components/Charts/Mores/Funnel/index.ts

@@ -1,6 +1,6 @@
 import Funnel from './index.vue'
 import image from '@/assets/images/chart/charts/funnel.png'
-import { ConfigType } from '@/packages/index.d'
+import { ConfigType, PackagesCategoryEnum } from '@/packages/index.d'
 import { ChatCategoryEnum, ChatCategoryEnumName } from '../../index.d'
 
 export const FunnelConfig: ConfigType = {
@@ -8,6 +8,7 @@ export const FunnelConfig: ConfigType = {
   title: '漏斗图',
   category: ChatCategoryEnum.MORE,
   categoryName: ChatCategoryEnumName.MORE,
+  package: PackagesCategoryEnum.CHARTS,
   node: Funnel,
   image: image
 }

src/packages/components/Charts/Mores/Heatmap/index.ts

@@ -1,6 +1,6 @@
 import Heatmap from './index.vue'
 import image from '@/assets/images/chart/charts/heatmap.png'
-import { ConfigType } from '@/packages/index.d'
+import { ConfigType, PackagesCategoryEnum } from '@/packages/index.d'
 import { ChatCategoryEnum, ChatCategoryEnumName } from '../../index.d'
 
 export const HeatmapConfig: ConfigType = {
@@ -8,6 +8,7 @@ export const HeatmapConfig: ConfigType = {
   title: '热力图',
   category: ChatCategoryEnum.MORE,
   categoryName: ChatCategoryEnumName.MORE,
+  package: PackagesCategoryEnum.CHARTS,
   node: Heatmap,
   image: image
 }

src/packages/components/Charts/Mores/Point/index.ts

@@ -1,6 +1,6 @@
 import Point from './index.vue'
 import image from '@/assets/images/chart/charts/Point.png'
-import { ConfigType } from '@/packages/index.d'
+import { ConfigType, PackagesCategoryEnum } from '@/packages/index.d'
 import { ChatCategoryEnum, ChatCategoryEnumName } from '../../index.d'
 
 export const PointConfig: ConfigType = {
@@ -8,6 +8,7 @@ export const PointConfig: ConfigType = {
   title: '热力图',
   category: ChatCategoryEnum.MORE,
   categoryName: ChatCategoryEnumName.MORE,
+  package: PackagesCategoryEnum.CHARTS,
   node: Point,
   image: image
 }

src/packages/components/Charts/Mores/Radar/index.ts

@@ -1,6 +1,6 @@
 import Radar from './index.vue'
 import image from '@/assets/images/chart/charts/radar.png'
-import { ConfigType } from '@/packages/index.d'
+import { ConfigType, PackagesCategoryEnum } from '@/packages/index.d'
 import { ChatCategoryEnum, ChatCategoryEnumName } from '../../index.d'
 
 export const RadarConfig: ConfigType = {
@@ -8,6 +8,7 @@ export const RadarConfig: ConfigType = {
   title: '雷达',
   category: ChatCategoryEnum.MORE,
   categoryName: ChatCategoryEnumName.MORE,
+  package: PackagesCategoryEnum.CHARTS,
   node: Radar,
   image: image
 }

src/packages/components/Charts/Mores/TreeMap/index.ts

@@ -1,6 +1,6 @@
 import TreeMap from './index.vue'
 import image from '@/assets/images/chart/charts/tree_map.png'
-import { ConfigType } from '@/packages/index.d'
+import { ConfigType, PackagesCategoryEnum } from '@/packages/index.d'
 import { ChatCategoryEnum, ChatCategoryEnumName } from '../../index.d'
 
 export const TreeMapConfig: ConfigType = {
@@ -8,6 +8,7 @@ export const TreeMapConfig: ConfigType = {
   title: '树形分布',
   category: ChatCategoryEnum.MORE,
   categoryName: ChatCategoryEnumName.MORE,
+  package: PackagesCategoryEnum.CHARTS,
   node: TreeMap,
   image: image
 }

src/packages/components/Charts/Mores/Variable/index.ts

@@ -1,6 +1,6 @@
 import Variable from './index.vue'
 import image from '@/assets/images/chart/charts/water_variable.png'
-import { ConfigType } from '@/packages/index.d'
+import { ConfigType, PackagesCategoryEnum } from '@/packages/index.d'
 import { ChatCategoryEnum, ChatCategoryEnumName } from '../../index.d'
 
 export const VariableConfig: ConfigType = {
@@ -8,6 +8,7 @@ export const VariableConfig: ConfigType = {
   title: '折线面积图',
   category: ChatCategoryEnum.MORE,
   categoryName: ChatCategoryEnumName.MORE,
+  package: PackagesCategoryEnum.CHARTS,
   node: Variable,
   image: image
 }

src/packages/components/Charts/Pies/PieCommon/index.ts

@@ -1,6 +1,6 @@
 import PieCommon from './index.vue'
 import image from '@/assets/images/chart/charts/pie.png'
-import { ConfigType } from '@/packages/index.d'
+import { ConfigType, PackagesCategoryEnum } from '@/packages/index.d'
 import { ChatCategoryEnum, ChatCategoryEnumName } from '../../index.d'
 
 export const PieCommonConfig: ConfigType = {
@@ -8,6 +8,7 @@ export const PieCommonConfig: ConfigType = {
   title: '计量图',
   category: ChatCategoryEnum.PIE,
   categoryName: ChatCategoryEnumName.PIE,
+  package: PackagesCategoryEnum.CHARTS,
   node: PieCommon,
   image
 }

src/packages/components/Charts/index.d.ts

@@ -1,9 +1,9 @@
 export enum ChatCategoryEnum {
-  BAR = 'bar',
+  BAR = 'Bars',
-  PIE = 'pie',
+  PIE = 'Pies',
-  LINE = 'line',
+  LINE = 'Lines',
-  MAP = 'map',
+  MAP = 'Maps',
-  MORE = 'more'
+  MORE = 'Mores'
 }
 
 export enum ChatCategoryEnumName {

src/packages/components/Decorates/Borders/borderCommon/index.ts

@@ -1,6 +1,6 @@
 import BorderCommon from './index.vue'
 import image from '@/assets/images/chart/decorates/border.png'
-import { ConfigType } from '@/packages/index.d'
+import { ConfigType, PackagesCategoryEnum } from '@/packages/index.d'
 import { ChatCategoryEnum,ChatCategoryEnumName } from '../../index.d'
 
 export const BorderCommonConfig: ConfigType = {
@@ -8,6 +8,7 @@ export const BorderCommonConfig: ConfigType = {
   title: '边框',
   category: ChatCategoryEnum.BORDER,
   categoryName: ChatCategoryEnumName.BORDER,
+  package: PackagesCategoryEnum.DECORATES,
   node: BorderCommon,
   image
 }

src/packages/components/Decorates/Mores/Number/index.ts

@@ -1,6 +1,6 @@
 import Number from './index.vue'
 import image from '@/assets/images/chart/decorates/number.png'
-import { ConfigType } from '@/packages/index.d'
+import { ConfigType, PackagesCategoryEnum } from '@/packages/index.d'
 import { ChatCategoryEnum,ChatCategoryEnumName } from '../../index.d'
 
 export const NumberConfig: ConfigType = {
@@ -8,6 +8,7 @@ export const NumberConfig: ConfigType = {
   title: '数字翻牌',
   category: ChatCategoryEnum.MORE,
   categoryName: ChatCategoryEnumName.MORE,
+  package: PackagesCategoryEnum.DECORATES,
   node: Number,
   image
 }

src/packages/components/Decorates/Mores/Time/index.ts

@@ -1,6 +1,6 @@
 import Time from './index.vue'
 import image from '@/assets/images/chart/decorates/time.png'
-import { ConfigType } from '@/packages/index.d'
+import { ConfigType, PackagesCategoryEnum } from '@/packages/index.d'
 import { ChatCategoryEnum,ChatCategoryEnumName } from '../../index.d'
 
 export const TimeConfig: ConfigType = {
@@ -8,6 +8,7 @@ export const TimeConfig: ConfigType = {
   title: '时间',
   category: ChatCategoryEnum.MORE,
   categoryName: ChatCategoryEnumName.MORE,
+  package: PackagesCategoryEnum.DECORATES,
   node: Time,
   image
 }

src/packages/components/Decorates/Mores/Weather/index.ts

@@ -1,6 +1,6 @@
 import Weather from './index.vue'
 import image from '@/assets/images/chart/decorates/weather.png'
-import { ConfigType } from '@/packages/index.d'
+import { ConfigType, PackagesCategoryEnum } from '@/packages/index.d'
 import { ChatCategoryEnum,ChatCategoryEnumName } from '../../index.d'
 
 export const WeatherConfig: ConfigType = {
@@ -8,6 +8,7 @@ export const WeatherConfig: ConfigType = {
   title: '天气',
   category: ChatCategoryEnum.MORE,
   categoryName: ChatCategoryEnumName.MORE,
+  package: PackagesCategoryEnum.DECORATES,
   node: Weather,
   image
 }

src/packages/components/Decorates/Mores/WeatherTime/index.ts

@@ -1,6 +1,6 @@
 import WeatherTime from './index.vue'
 import image from '@/assets/images/chart/decorates/weather_time.png'
-import { ConfigType } from '@/packages/index.d'
+import { ConfigType, PackagesCategoryEnum } from '@/packages/index.d'
 import { ChatCategoryEnum,ChatCategoryEnumName } from '../../index.d'
 
 export const WeatherTimeConfig: ConfigType = {
@@ -8,6 +8,7 @@ export const WeatherTimeConfig: ConfigType = {
   title: '天气和时间',
   category: ChatCategoryEnum.MORE,
   categoryName: ChatCategoryEnumName.MORE,
+  package: PackagesCategoryEnum.DECORATES,
   node: WeatherTime,
   image
 }

src/packages/components/Decorates/index.d.ts

@@ -1,6 +1,6 @@
 export enum ChatCategoryEnum {
-  BORDER = 'BORDER',
+  BORDER = 'Borders',
-  MORE = 'MORE'
+  MORE = 'Mores'
 }
 
 export enum ChatCategoryEnumName {

src/packages/components/Informations/Mores/Image/index.ts

@@ -1,6 +1,6 @@
 import Image from './index.vue'
 import image from '@/assets/images/chart/informations/photo.png'
-import { ConfigType } from '@/packages/index.d'
+import { ConfigType, PackagesCategoryEnum } from '@/packages/index.d'
 import { ChatCategoryEnum,ChatCategoryEnumName } from '../../index.d'
 
 export const ImageConfig: ConfigType = {
@@ -8,6 +8,7 @@ export const ImageConfig: ConfigType = {
   title: '图片',
   category: ChatCategoryEnum.MORE,
   categoryName: ChatCategoryEnumName.MORE,
+  package: PackagesCategoryEnum.INFORMATION,
   node: Image,
   image
 }

src/packages/components/Informations/Mores/TextCloud/index.ts

@@ -1,6 +1,6 @@
 import TextCloud from './index.vue'
 import image from '@/assets/images/chart/informations/words_cloud.png'
-import { ConfigType } from '@/packages/index.d'
+import { ConfigType, PackagesCategoryEnum } from '@/packages/index.d'
 import { ChatCategoryEnum,ChatCategoryEnumName } from '../../index.d'
 
 export const TextCloudConfig: ConfigType = {
@@ -8,6 +8,7 @@ export const TextCloudConfig: ConfigType = {
   title: '词云',
   category: ChatCategoryEnum.MORE,
   categoryName: ChatCategoryEnumName.MORE,
+  package: PackagesCategoryEnum.INFORMATION,
   node: TextCloud,
   image
 }

src/packages/components/Informations/Texts/TextCommon/index.ts

@@ -1,6 +1,6 @@
 import TextCommon from './index.vue'
 import image from '@/assets/images/chart/informations/text_static.png'
-import { ConfigType } from '@/packages/index.d'
+import { ConfigType, PackagesCategoryEnum } from '@/packages/index.d'
 import { ChatCategoryEnum,ChatCategoryEnumName } from '../../index.d'
 
 export const TextCommonConfig: ConfigType = {
@@ -8,6 +8,7 @@ export const TextCommonConfig: ConfigType = {
   title: '文字',
   category: ChatCategoryEnum.TEXT,
   categoryName: ChatCategoryEnumName.TEXT,
+  package: PackagesCategoryEnum.INFORMATION,
   node: TextCommon,
   image
 }

src/packages/components/Informations/Titles/TitleBevelAngle/index.ts

@@ -1,6 +1,6 @@
 import TitleBevelAngle from './index.vue'
 import image from '@/assets/images/chart/informations/title_diamond2.png'
-import { ConfigType } from '@/packages/index.d'
+import { ConfigType, PackagesCategoryEnum } from '@/packages/index.d'
 import { ChatCategoryEnum,ChatCategoryEnumName } from '../../index.d'
 
 export const TitleBevelAngleConfig: ConfigType = {
@@ -8,6 +8,7 @@ export const TitleBevelAngleConfig: ConfigType = {
   title: '斜角标题',
   category: ChatCategoryEnum.TITLE,
   categoryName: ChatCategoryEnumName.TITLE,
+  package: PackagesCategoryEnum.INFORMATION,
   node: TitleBevelAngle,
   image
 }

src/packages/components/Informations/Titles/TitleCommon/index.ts

@@ -1,6 +1,6 @@
 import TitleCommon from './index.vue'
 import image from '@/assets/images/chart/informations/title_diamond.png'
-import { ConfigType } from '@/packages/index.d'
+import { ConfigType, PackagesCategoryEnum } from '@/packages/index.d'
 import { ChatCategoryEnum,ChatCategoryEnumName } from '../../index.d'
 
 export const TitleCommonConfig: ConfigType = {
@@ -8,6 +8,7 @@ export const TitleCommonConfig: ConfigType = {
   title: '普通标题',
   category: ChatCategoryEnum.TITLE,
   categoryName: ChatCategoryEnumName.TITLE,
+  package: PackagesCategoryEnum.INFORMATION,
   node: TitleCommon,
   image
 }

src/packages/components/Informations/Titles/TitlePro/index.ts

@@ -1,6 +1,6 @@
 import TitlePro from './index.vue'
 import image from '@/assets/images/chart/informations/title_main.png'
-import { ConfigType } from '@/packages/index.d'
+import { ConfigType, PackagesCategoryEnum } from '@/packages/index.d'
 import { ChatCategoryEnum,ChatCategoryEnumName } from '../../index.d'
 
 export const TitleProConfig: ConfigType = {
@@ -8,6 +8,7 @@ export const TitleProConfig: ConfigType = {
   title: '中心标题',
   category: ChatCategoryEnum.TITLE,
   categoryName: ChatCategoryEnumName.TITLE,
+  package: PackagesCategoryEnum.INFORMATION,
   node: TitlePro,
   image
 }

src/packages/components/Informations/index.d.ts

@@ -1,7 +1,7 @@
 export enum ChatCategoryEnum {
-  TEXT = 'TEXT',
+  TEXT = 'Texts',
-  TITLE = 'TITLE',
+  TITLE = 'Titles',
-  MORE = 'MORE'
+  MORE = 'Mores'
 }
 
 export enum ChatCategoryEnumName {

src/packages/components/Table/index.ts

@@ -1,4 +0,0 @@
-import { TableCommonConfig } from './TableCommon/index'
-import { TableCategoryConfig } from './TableCategory/index'
-
-export const TableList = [TableCommonConfig, TableCategoryConfig]

src/packages/components/Tables/Tables/TableCategory/index.ts

@@ -1,13 +1,14 @@
 import TableCategory from './index.vue'
 import image from '@/assets/images/chart/Tables/tables_categary.png'
-import { ConfigType } from '@/packages/index.d'
+import { ConfigType, PackagesCategoryEnum } from '@/packages/index.d'
-import { ChatCategoryEnum, ChatCategoryEnumName } from '../index.d'
+import { ChatCategoryEnum, ChatCategoryEnumName } from '../../index.d'
 
 export const TableCategoryConfig: ConfigType = {
   key: 'VTableCategory',
   title: '归类表格',
   category: ChatCategoryEnum.TABLE,
   categoryName: ChatCategoryEnumName.TABLE,
+  package: PackagesCategoryEnum.TABLES,
   node: TableCategory,
   image
 }

src/packages/components/Tables/Tables/index.ts

@@ -0,0 +1,4 @@
+import { TableCommonConfig } from './TableCommon'
+import { TableCategoryConfig } from './TableCategory'
+
+export default [TableCommonConfig, TableCategoryConfig]

src/packages/components/Tables/Tables/tableCommon/index.ts

@@ -1,13 +1,14 @@
 import TableCommon from './index.vue'
 import image from '@/assets/images/chart/Tables/tables.png'
-import { ConfigType } from '@/packages/index.d'
+import { ConfigType, PackagesCategoryEnum } from '@/packages/index.d'
-import { ChatCategoryEnum, ChatCategoryEnumName } from '../index.d'
+import { ChatCategoryEnum, ChatCategoryEnumName } from '../../index.d'
 
 export const TableCommonConfig: ConfigType = {
   key: 'VTableCommon',
   title: '表格',
   category: ChatCategoryEnum.TABLE,
   categoryName: ChatCategoryEnumName.TABLE,
+  package: PackagesCategoryEnum.TABLES,
   node: TableCommon,
   image
 }

src/packages/components/Tables/index.ts

@@ -0,0 +1,3 @@
+import Tables from './Tables'
+
+export const TableList = [...Tables]

src/packages/index.d.ts

@@ -6,16 +6,17 @@ export type ConfigType = {
   title: string
   category: string
   categoryName: string
+  package: string
   node: Component
   image: string | (() => Promise<typeof import('*.png')>)
   [T: string]: unknown
 }
 
 export enum PackagesCategoryEnum {
-  CHARTS = 'CHARTS',
+  CHARTS = 'Charts',
-  TABLES = 'TABLES',
+  TABLES = 'Tables',
-  INFORMATION = 'INFORMATION',
+  INFORMATION = 'Informations',
-  DECORATES = 'DECORATES',
+  DECORATES = 'Decorates',
 }
 
 export enum PackagesCategoryName {

src/packages/index.ts

@@ -4,10 +4,10 @@ import {
   PackagesType,
   ConfigType
 } from '@/packages/index.d'
-import { ChartList } from '@/packages/components/Chart/index'
+import { ChartList } from '@/packages/components/Charts/index'
-import { DecorateList } from '@/packages/components/Decorate/index'
+import { DecorateList } from '@/packages/components/Decorates/index'
-import { InformationList } from '@/packages/components/Information/index'
+import { InformationList } from '@/packages/components/Informations/index'
-import { TableList } from '@/packages/components/Table/index'
+import { TableList } from '@/packages/components/Tables/index'
 import {} from './useCreate'
 
 // 所有图表

src/packages/useCreate.ts

@@ -1,9 +1,10 @@
-import { ConfigType } from '@/packages/index.d'
+import { ConfigType, PackagesCategoryEnum } from '@/packages/index.d'
 
 /**
  * * 获取目标拖拽组件信息
  * @param drayData
  */
-export const createComponent = (drayData: Exclude<ConfigType, 'node'>) => {
+export const  createComponent = async (drayData: Exclude<ConfigType, 'node'>) => {
-  
+  const chart = await import(`./${drayData.categoryName}`)
+  return new chart()
 }

src/views/chart/components/ContentEdit/components/EditBottom/index.vue

@@ -34,7 +34,7 @@
             </n-icon>
           </n-button>
         </template>
-        <span>点击{{ lockScale ? '解锁' : '锁定' }}当前缩放比例</span>
+        <span>{{ lockScale ? '解锁' : '锁定' }}当前比例</span>
       </n-tooltip>
 
       <!-- 拖动 -->