diff --git a/src/packages/components/Chart/Bars/BarCommon/config.ts b/src/packages/components/Charts/Bars/BarCommon/config.ts
similarity index 85%
rename from src/packages/components/Chart/Bars/BarCommon/config.ts
rename to src/packages/components/Charts/Bars/BarCommon/config.ts
index de6737a0..3cef179a 100644
--- a/src/packages/components/Chart/Bars/BarCommon/config.ts
+++ b/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 }
diff --git a/src/packages/components/Chart/Bars/BarCommon/config.vue b/src/packages/components/Charts/Bars/BarCommon/config.vue
similarity index 100%
rename from src/packages/components/Chart/Bars/BarCommon/config.vue
rename to src/packages/components/Charts/Bars/BarCommon/config.vue
diff --git a/src/packages/components/Chart/Bars/BarCommon/index.ts b/src/packages/components/Charts/Bars/BarCommon/index.ts
similarity index 76%
rename from src/packages/components/Chart/Bars/BarCommon/index.ts
rename to src/packages/components/Charts/Bars/BarCommon/index.ts
index 9bca8fcf..a066c4d9 100644
--- a/src/packages/components/Chart/Bars/BarCommon/index.ts
+++ b/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
 }
diff --git a/src/packages/components/Chart/Bars/BarCommon/index.vue b/src/packages/components/Charts/Bars/BarCommon/index.vue
similarity index 100%
rename from src/packages/components/Chart/Bars/BarCommon/index.vue
rename to src/packages/components/Charts/Bars/BarCommon/index.vue
diff --git a/src/packages/components/Chart/Bars/BarCrossrange/index.ts b/src/packages/components/Charts/Bars/BarCrossrange/index.ts
similarity index 77%
rename from src/packages/components/Chart/Bars/BarCrossrange/index.ts
rename to src/packages/components/Charts/Bars/BarCrossrange/index.ts
index 46b86452..65d9acc5 100644
--- a/src/packages/components/Chart/Bars/BarCrossrange/index.ts
+++ b/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
 }
diff --git a/src/packages/components/Chart/Bars/BarCrossrange/index.vue b/src/packages/components/Charts/Bars/BarCrossrange/index.vue
similarity index 100%
rename from src/packages/components/Chart/Bars/BarCrossrange/index.vue
rename to src/packages/components/Charts/Bars/BarCrossrange/index.vue
diff --git a/src/packages/components/Chart/Bars/index.ts b/src/packages/components/Charts/Bars/index.ts
similarity index 100%
rename from src/packages/components/Chart/Bars/index.ts
rename to src/packages/components/Charts/Bars/index.ts
diff --git a/src/packages/components/Chart/Lines/LineCommon/index.ts b/src/packages/components/Charts/Lines/LineCommon/index.ts
similarity index 77%
rename from src/packages/components/Chart/Lines/LineCommon/index.ts
rename to src/packages/components/Charts/Lines/LineCommon/index.ts
index fa736084..205a42aa 100644
--- a/src/packages/components/Chart/Lines/LineCommon/index.ts
+++ b/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
 }
diff --git a/src/packages/components/Chart/Lines/LineCommon/index.vue b/src/packages/components/Charts/Lines/LineCommon/index.vue
similarity index 100%
rename from src/packages/components/Chart/Lines/LineCommon/index.vue
rename to src/packages/components/Charts/Lines/LineCommon/index.vue
diff --git a/src/packages/components/Chart/Lines/LineGradientSingle/index.ts b/src/packages/components/Charts/Lines/LineGradientSingle/index.ts
similarity index 79%
rename from src/packages/components/Chart/Lines/LineGradientSingle/index.ts
rename to src/packages/components/Charts/Lines/LineGradientSingle/index.ts
index b642e2f0..666b5df7 100644
--- a/src/packages/components/Chart/Lines/LineGradientSingle/index.ts
+++ b/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
 }
diff --git a/src/packages/components/Chart/Lines/LineGradientSingle/index.vue b/src/packages/components/Charts/Lines/LineGradientSingle/index.vue
similarity index 100%
rename from src/packages/components/Chart/Lines/LineGradientSingle/index.vue
rename to src/packages/components/Charts/Lines/LineGradientSingle/index.vue
diff --git a/src/packages/components/Chart/Lines/LineGradients/index.ts b/src/packages/components/Charts/Lines/LineGradients/index.ts
similarity index 78%
rename from src/packages/components/Chart/Lines/LineGradients/index.ts
rename to src/packages/components/Charts/Lines/LineGradients/index.ts
index 5c5d6309..f17d72c0 100644
--- a/src/packages/components/Chart/Lines/LineGradients/index.ts
+++ b/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
 }
diff --git a/src/packages/components/Chart/Lines/LineGradients/index.vue b/src/packages/components/Charts/Lines/LineGradients/index.vue
similarity index 100%
rename from src/packages/components/Chart/Lines/LineGradients/index.vue
rename to src/packages/components/Charts/Lines/LineGradients/index.vue
diff --git a/src/packages/components/Chart/Lines/index.ts b/src/packages/components/Charts/Lines/index.ts
similarity index 100%
rename from src/packages/components/Chart/Lines/index.ts
rename to src/packages/components/Charts/Lines/index.ts
diff --git a/src/packages/components/Chart/Maps/MapChine/index.ts b/src/packages/components/Charts/Maps/MapChine/index.ts
similarity index 76%
rename from src/packages/components/Chart/Maps/MapChine/index.ts
rename to src/packages/components/Charts/Maps/MapChine/index.ts
index 42200a7c..f3c2a69f 100644
--- a/src/packages/components/Chart/Maps/MapChine/index.ts
+++ b/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
 }
diff --git a/src/packages/components/Chart/Maps/MapChine/index.vue b/src/packages/components/Charts/Maps/MapChine/index.vue
similarity index 100%
rename from src/packages/components/Chart/Maps/MapChine/index.vue
rename to src/packages/components/Charts/Maps/MapChine/index.vue
diff --git a/src/packages/components/Chart/Maps/index.ts b/src/packages/components/Charts/Maps/index.ts
similarity index 100%
rename from src/packages/components/Chart/Maps/index.ts
rename to src/packages/components/Charts/Maps/index.ts
diff --git a/src/packages/components/Chart/Mores/Funnel/index.ts b/src/packages/components/Charts/Mores/Funnel/index.ts
similarity index 76%
rename from src/packages/components/Chart/Mores/Funnel/index.ts
rename to src/packages/components/Charts/Mores/Funnel/index.ts
index 6660edfa..ddbfab82 100644
--- a/src/packages/components/Chart/Mores/Funnel/index.ts
+++ b/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
 }
diff --git a/src/packages/components/Chart/Mores/Funnel/index.vue b/src/packages/components/Charts/Mores/Funnel/index.vue
similarity index 100%
rename from src/packages/components/Chart/Mores/Funnel/index.vue
rename to src/packages/components/Charts/Mores/Funnel/index.vue
diff --git a/src/packages/components/Chart/Mores/Heatmap/index.ts b/src/packages/components/Charts/Mores/Heatmap/index.ts
similarity index 76%
rename from src/packages/components/Chart/Mores/Heatmap/index.ts
rename to src/packages/components/Charts/Mores/Heatmap/index.ts
index 77d8c34b..c984df89 100644
--- a/src/packages/components/Chart/Mores/Heatmap/index.ts
+++ b/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
 }
diff --git a/src/packages/components/Chart/Mores/Heatmap/index.vue b/src/packages/components/Charts/Mores/Heatmap/index.vue
similarity index 100%
rename from src/packages/components/Chart/Mores/Heatmap/index.vue
rename to src/packages/components/Charts/Mores/Heatmap/index.vue
diff --git a/src/packages/components/Chart/Mores/Point/index.ts b/src/packages/components/Charts/Mores/Point/index.ts
similarity index 76%
rename from src/packages/components/Chart/Mores/Point/index.ts
rename to src/packages/components/Charts/Mores/Point/index.ts
index 018bac7c..00ced878 100644
--- a/src/packages/components/Chart/Mores/Point/index.ts
+++ b/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
 }
diff --git a/src/packages/components/Chart/Mores/Point/index.vue b/src/packages/components/Charts/Mores/Point/index.vue
similarity index 100%
rename from src/packages/components/Chart/Mores/Point/index.vue
rename to src/packages/components/Charts/Mores/Point/index.vue
diff --git a/src/packages/components/Chart/Mores/Radar/index.ts b/src/packages/components/Charts/Mores/Radar/index.ts
similarity index 76%
rename from src/packages/components/Chart/Mores/Radar/index.ts
rename to src/packages/components/Charts/Mores/Radar/index.ts
index f14f4359..f87dc845 100644
--- a/src/packages/components/Chart/Mores/Radar/index.ts
+++ b/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
 }
diff --git a/src/packages/components/Chart/Mores/Radar/index.vue b/src/packages/components/Charts/Mores/Radar/index.vue
similarity index 100%
rename from src/packages/components/Chart/Mores/Radar/index.vue
rename to src/packages/components/Charts/Mores/Radar/index.vue
diff --git a/src/packages/components/Chart/Mores/TreeMap/index.ts b/src/packages/components/Charts/Mores/TreeMap/index.ts
similarity index 76%
rename from src/packages/components/Chart/Mores/TreeMap/index.ts
rename to src/packages/components/Charts/Mores/TreeMap/index.ts
index af6b40e7..39c4859c 100644
--- a/src/packages/components/Chart/Mores/TreeMap/index.ts
+++ b/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
 }
diff --git a/src/packages/components/Chart/Mores/TreeMap/index.vue b/src/packages/components/Charts/Mores/TreeMap/index.vue
similarity index 100%
rename from src/packages/components/Chart/Mores/TreeMap/index.vue
rename to src/packages/components/Charts/Mores/TreeMap/index.vue
diff --git a/src/packages/components/Chart/Mores/Variable/index.ts b/src/packages/components/Charts/Mores/Variable/index.ts
similarity index 77%
rename from src/packages/components/Chart/Mores/Variable/index.ts
rename to src/packages/components/Charts/Mores/Variable/index.ts
index dec01ff4..95c1ca9b 100644
--- a/src/packages/components/Chart/Mores/Variable/index.ts
+++ b/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
 }
diff --git a/src/packages/components/Chart/Mores/Variable/index.vue b/src/packages/components/Charts/Mores/Variable/index.vue
similarity index 100%
rename from src/packages/components/Chart/Mores/Variable/index.vue
rename to src/packages/components/Charts/Mores/Variable/index.vue
diff --git a/src/packages/components/Chart/Mores/index.ts b/src/packages/components/Charts/Mores/index.ts
similarity index 100%
rename from src/packages/components/Chart/Mores/index.ts
rename to src/packages/components/Charts/Mores/index.ts
diff --git a/src/packages/components/Chart/Pies/PieCommon/index.ts b/src/packages/components/Charts/Pies/PieCommon/index.ts
similarity index 76%
rename from src/packages/components/Chart/Pies/PieCommon/index.ts
rename to src/packages/components/Charts/Pies/PieCommon/index.ts
index 595633b2..feee1e4d 100644
--- a/src/packages/components/Chart/Pies/PieCommon/index.ts
+++ b/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
 }
diff --git a/src/packages/components/Chart/Pies/PieCommon/index.vue b/src/packages/components/Charts/Pies/PieCommon/index.vue
similarity index 100%
rename from src/packages/components/Chart/Pies/PieCommon/index.vue
rename to src/packages/components/Charts/Pies/PieCommon/index.vue
diff --git a/src/packages/components/Chart/Pies/index.ts b/src/packages/components/Charts/Pies/index.ts
similarity index 100%
rename from src/packages/components/Chart/Pies/index.ts
rename to src/packages/components/Charts/Pies/index.ts
diff --git a/src/packages/components/Chart/index.d.ts b/src/packages/components/Charts/index.d.ts
similarity index 66%
rename from src/packages/components/Chart/index.d.ts
rename to src/packages/components/Charts/index.d.ts
index 9441b897..e593ee5c 100644
--- a/src/packages/components/Chart/index.d.ts
+++ b/src/packages/components/Charts/index.d.ts
@@ -1,9 +1,9 @@
 export enum ChatCategoryEnum {
-  BAR = 'bar',
-  PIE = 'pie',
-  LINE = 'line',
-  MAP = 'map',
-  MORE = 'more'
+  BAR = 'Bars',
+  PIE = 'Pies',
+  LINE = 'Lines',
+  MAP = 'Maps',
+  MORE = 'Mores'
 }
 
 export enum ChatCategoryEnumName {
diff --git a/src/packages/components/Chart/index.ts b/src/packages/components/Charts/index.ts
similarity index 100%
rename from src/packages/components/Chart/index.ts
rename to src/packages/components/Charts/index.ts
diff --git a/src/packages/components/Decorate/borders/borderCommon/index.ts b/src/packages/components/Decorates/Borders/borderCommon/index.ts
similarity index 76%
rename from src/packages/components/Decorate/borders/borderCommon/index.ts
rename to src/packages/components/Decorates/Borders/borderCommon/index.ts
index 04d3de2a..a95cf4bd 100644
--- a/src/packages/components/Decorate/borders/borderCommon/index.ts
+++ b/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
 }
diff --git a/src/packages/components/Decorate/borders/borderCommon/index.vue b/src/packages/components/Decorates/Borders/borderCommon/index.vue
similarity index 100%
rename from src/packages/components/Decorate/borders/borderCommon/index.vue
rename to src/packages/components/Decorates/Borders/borderCommon/index.vue
diff --git a/src/packages/components/Decorate/borders/index.ts b/src/packages/components/Decorates/Borders/index.ts
similarity index 100%
rename from src/packages/components/Decorate/borders/index.ts
rename to src/packages/components/Decorates/Borders/index.ts
diff --git a/src/packages/components/Decorate/Mores/Number/index.ts b/src/packages/components/Decorates/Mores/Number/index.ts
similarity index 75%
rename from src/packages/components/Decorate/Mores/Number/index.ts
rename to src/packages/components/Decorates/Mores/Number/index.ts
index 28f68b1f..5a67b449 100644
--- a/src/packages/components/Decorate/Mores/Number/index.ts
+++ b/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
 }
diff --git a/src/packages/components/Decorate/Mores/Number/index.vue b/src/packages/components/Decorates/Mores/Number/index.vue
similarity index 100%
rename from src/packages/components/Decorate/Mores/Number/index.vue
rename to src/packages/components/Decorates/Mores/Number/index.vue
diff --git a/src/packages/components/Decorate/Mores/Time/index.ts b/src/packages/components/Decorates/Mores/Time/index.ts
similarity index 75%
rename from src/packages/components/Decorate/Mores/Time/index.ts
rename to src/packages/components/Decorates/Mores/Time/index.ts
index a556ff5c..967cf3e5 100644
--- a/src/packages/components/Decorate/Mores/Time/index.ts
+++ b/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
 }
diff --git a/src/packages/components/Decorate/Mores/Time/index.vue b/src/packages/components/Decorates/Mores/Time/index.vue
similarity index 100%
rename from src/packages/components/Decorate/Mores/Time/index.vue
rename to src/packages/components/Decorates/Mores/Time/index.vue
diff --git a/src/packages/components/Decorate/Mores/Weather/index.ts b/src/packages/components/Decorates/Mores/Weather/index.ts
similarity index 75%
rename from src/packages/components/Decorate/Mores/Weather/index.ts
rename to src/packages/components/Decorates/Mores/Weather/index.ts
index 358c3d35..50302a5f 100644
--- a/src/packages/components/Decorate/Mores/Weather/index.ts
+++ b/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
 }
diff --git a/src/packages/components/Decorate/Mores/Weather/index.vue b/src/packages/components/Decorates/Mores/Weather/index.vue
similarity index 100%
rename from src/packages/components/Decorate/Mores/Weather/index.vue
rename to src/packages/components/Decorates/Mores/Weather/index.vue
diff --git a/src/packages/components/Decorate/Mores/WeatherTime/index.ts b/src/packages/components/Decorates/Mores/WeatherTime/index.ts
similarity index 77%
rename from src/packages/components/Decorate/Mores/WeatherTime/index.ts
rename to src/packages/components/Decorates/Mores/WeatherTime/index.ts
index a45c54a6..5dc8170f 100644
--- a/src/packages/components/Decorate/Mores/WeatherTime/index.ts
+++ b/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
 }
diff --git a/src/packages/components/Decorate/Mores/WeatherTime/index.vue b/src/packages/components/Decorates/Mores/WeatherTime/index.vue
similarity index 100%
rename from src/packages/components/Decorate/Mores/WeatherTime/index.vue
rename to src/packages/components/Decorates/Mores/WeatherTime/index.vue
diff --git a/src/packages/components/Decorate/Mores/index.ts b/src/packages/components/Decorates/Mores/index.ts
similarity index 100%
rename from src/packages/components/Decorate/Mores/index.ts
rename to src/packages/components/Decorates/Mores/index.ts
diff --git a/src/packages/components/Decorate/index.d.ts b/src/packages/components/Decorates/index.d.ts
similarity index 73%
rename from src/packages/components/Decorate/index.d.ts
rename to src/packages/components/Decorates/index.d.ts
index 13e22039..6a2b40e1 100644
--- a/src/packages/components/Decorate/index.d.ts
+++ b/src/packages/components/Decorates/index.d.ts
@@ -1,6 +1,6 @@
 export enum ChatCategoryEnum {
-  BORDER = 'BORDER',
-  MORE = 'MORE'
+  BORDER = 'Borders',
+  MORE = 'Mores'
 }
 
 export enum ChatCategoryEnumName {
diff --git a/src/packages/components/Decorate/index.ts b/src/packages/components/Decorates/index.ts
similarity index 100%
rename from src/packages/components/Decorate/index.ts
rename to src/packages/components/Decorates/index.ts
diff --git a/src/packages/components/Information/Mores/Image/index.ts b/src/packages/components/Informations/Mores/Image/index.ts
similarity index 75%
rename from src/packages/components/Information/Mores/Image/index.ts
rename to src/packages/components/Informations/Mores/Image/index.ts
index 179fe4ab..03695e24 100644
--- a/src/packages/components/Information/Mores/Image/index.ts
+++ b/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
 }
diff --git a/src/packages/components/Information/Mores/Image/index.vue b/src/packages/components/Informations/Mores/Image/index.vue
similarity index 100%
rename from src/packages/components/Information/Mores/Image/index.vue
rename to src/packages/components/Informations/Mores/Image/index.vue
diff --git a/src/packages/components/Information/Mores/TextCloud/index.ts b/src/packages/components/Informations/Mores/TextCloud/index.ts
similarity index 76%
rename from src/packages/components/Information/Mores/TextCloud/index.ts
rename to src/packages/components/Informations/Mores/TextCloud/index.ts
index c15ada59..0ef1e94c 100644
--- a/src/packages/components/Information/Mores/TextCloud/index.ts
+++ b/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
 }
diff --git a/src/packages/components/Information/Mores/TextCloud/index.vue b/src/packages/components/Informations/Mores/TextCloud/index.vue
similarity index 100%
rename from src/packages/components/Information/Mores/TextCloud/index.vue
rename to src/packages/components/Informations/Mores/TextCloud/index.vue
diff --git a/src/packages/components/Information/Mores/index.ts b/src/packages/components/Informations/Mores/index.ts
similarity index 100%
rename from src/packages/components/Information/Mores/index.ts
rename to src/packages/components/Informations/Mores/index.ts
diff --git a/src/packages/components/Information/Texts/TextCommon/index.ts b/src/packages/components/Informations/Texts/TextCommon/index.ts
similarity index 76%
rename from src/packages/components/Information/Texts/TextCommon/index.ts
rename to src/packages/components/Informations/Texts/TextCommon/index.ts
index c40a1696..0e5dba96 100644
--- a/src/packages/components/Information/Texts/TextCommon/index.ts
+++ b/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
 }
diff --git a/src/packages/components/Information/Texts/TextCommon/index.vue b/src/packages/components/Informations/Texts/TextCommon/index.vue
similarity index 100%
rename from src/packages/components/Information/Texts/TextCommon/index.vue
rename to src/packages/components/Informations/Texts/TextCommon/index.vue
diff --git a/src/packages/components/Information/Texts/index.ts b/src/packages/components/Informations/Texts/index.ts
similarity index 100%
rename from src/packages/components/Information/Texts/index.ts
rename to src/packages/components/Informations/Texts/index.ts
diff --git a/src/packages/components/Information/Titles/TitleBevelAngle/index.ts b/src/packages/components/Informations/Titles/TitleBevelAngle/index.ts
similarity index 77%
rename from src/packages/components/Information/Titles/TitleBevelAngle/index.ts
rename to src/packages/components/Informations/Titles/TitleBevelAngle/index.ts
index 718d7e2f..3e277368 100644
--- a/src/packages/components/Information/Titles/TitleBevelAngle/index.ts
+++ b/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
 }
diff --git a/src/packages/components/Information/Titles/TitleBevelAngle/index.vue b/src/packages/components/Informations/Titles/TitleBevelAngle/index.vue
similarity index 100%
rename from src/packages/components/Information/Titles/TitleBevelAngle/index.vue
rename to src/packages/components/Informations/Titles/TitleBevelAngle/index.vue
diff --git a/src/packages/components/Information/Titles/TitleCommon/index.ts b/src/packages/components/Informations/Titles/TitleCommon/index.ts
similarity index 76%
rename from src/packages/components/Information/Titles/TitleCommon/index.ts
rename to src/packages/components/Informations/Titles/TitleCommon/index.ts
index 07ef76b5..55fc2ff2 100644
--- a/src/packages/components/Information/Titles/TitleCommon/index.ts
+++ b/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
 }
\ No newline at end of file
diff --git a/src/packages/components/Information/Titles/TitleCommon/index.vue b/src/packages/components/Informations/Titles/TitleCommon/index.vue
similarity index 100%
rename from src/packages/components/Information/Titles/TitleCommon/index.vue
rename to src/packages/components/Informations/Titles/TitleCommon/index.vue
diff --git a/src/packages/components/Information/Titles/TitlePro/index.ts b/src/packages/components/Informations/Titles/TitlePro/index.ts
similarity index 76%
rename from src/packages/components/Information/Titles/TitlePro/index.ts
rename to src/packages/components/Informations/Titles/TitlePro/index.ts
index c920aee5..d0600907 100644
--- a/src/packages/components/Information/Titles/TitlePro/index.ts
+++ b/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
 }
diff --git a/src/packages/components/Information/Titles/TitlePro/index.vue b/src/packages/components/Informations/Titles/TitlePro/index.vue
similarity index 100%
rename from src/packages/components/Information/Titles/TitlePro/index.vue
rename to src/packages/components/Informations/Titles/TitlePro/index.vue
diff --git a/src/packages/components/Information/Titles/index.ts b/src/packages/components/Informations/Titles/index.ts
similarity index 100%
rename from src/packages/components/Information/Titles/index.ts
rename to src/packages/components/Informations/Titles/index.ts
diff --git a/src/packages/components/Information/index.d.ts b/src/packages/components/Informations/index.d.ts
similarity index 69%
rename from src/packages/components/Information/index.d.ts
rename to src/packages/components/Informations/index.d.ts
index 61750e77..f66a7a0b 100644
--- a/src/packages/components/Information/index.d.ts
+++ b/src/packages/components/Informations/index.d.ts
@@ -1,7 +1,7 @@
 export enum ChatCategoryEnum {
-  TEXT = 'TEXT',
-  TITLE = 'TITLE',
-  MORE = 'MORE'
+  TEXT = 'Texts',
+  TITLE = 'Titles',
+  MORE = 'Mores'
 }
 
 export enum ChatCategoryEnumName {
diff --git a/src/packages/components/Information/index.ts b/src/packages/components/Informations/index.ts
similarity index 100%
rename from src/packages/components/Information/index.ts
rename to src/packages/components/Informations/index.ts
diff --git a/src/packages/components/Table/index.ts b/src/packages/components/Table/index.ts
deleted file mode 100644
index 456db9b4..00000000
--- a/src/packages/components/Table/index.ts
+++ /dev/null
@@ -1,4 +0,0 @@
-import { TableCommonConfig } from './TableCommon/index'
-import { TableCategoryConfig } from './TableCategory/index'
-
-export const TableList = [TableCommonConfig, TableCategoryConfig]
diff --git a/src/packages/components/Table/TableCategory/index.ts b/src/packages/components/Tables/Tables/TableCategory/index.ts
similarity index 64%
rename from src/packages/components/Table/TableCategory/index.ts
rename to src/packages/components/Tables/Tables/TableCategory/index.ts
index 5516f475..876b45d8 100644
--- a/src/packages/components/Table/TableCategory/index.ts
+++ b/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 { ChatCategoryEnum, ChatCategoryEnumName } from '../index.d'
+import { ConfigType, PackagesCategoryEnum } from '@/packages/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
 }
diff --git a/src/packages/components/Table/TableCategory/index.vue b/src/packages/components/Tables/Tables/TableCategory/index.vue
similarity index 100%
rename from src/packages/components/Table/TableCategory/index.vue
rename to src/packages/components/Tables/Tables/TableCategory/index.vue
diff --git a/src/packages/components/Tables/Tables/index.ts b/src/packages/components/Tables/Tables/index.ts
new file mode 100644
index 00000000..f342f04f
--- /dev/null
+++ b/src/packages/components/Tables/Tables/index.ts
@@ -0,0 +1,4 @@
+import { TableCommonConfig } from './TableCommon'
+import { TableCategoryConfig } from './TableCategory'
+
+export default [TableCommonConfig, TableCategoryConfig]
diff --git a/src/packages/components/Table/tableCommon/index.ts b/src/packages/components/Tables/Tables/tableCommon/index.ts
similarity index 62%
rename from src/packages/components/Table/tableCommon/index.ts
rename to src/packages/components/Tables/Tables/tableCommon/index.ts
index 285397f8..82f678ee 100644
--- a/src/packages/components/Table/tableCommon/index.ts
+++ b/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 { ChatCategoryEnum, ChatCategoryEnumName } from '../index.d'
+import { ConfigType, PackagesCategoryEnum } from '@/packages/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
 }
diff --git a/src/packages/components/Table/tableCommon/index.vue b/src/packages/components/Tables/Tables/tableCommon/index.vue
similarity index 100%
rename from src/packages/components/Table/tableCommon/index.vue
rename to src/packages/components/Tables/Tables/tableCommon/index.vue
diff --git a/src/packages/components/Table/index.d.ts b/src/packages/components/Tables/index.d.ts
similarity index 100%
rename from src/packages/components/Table/index.d.ts
rename to src/packages/components/Tables/index.d.ts
diff --git a/src/packages/components/Tables/index.ts b/src/packages/components/Tables/index.ts
new file mode 100644
index 00000000..530e056f
--- /dev/null
+++ b/src/packages/components/Tables/index.ts
@@ -0,0 +1,3 @@
+import Tables from './Tables'
+
+export const TableList = [...Tables]
diff --git a/src/packages/index.d.ts b/src/packages/index.d.ts
index dd124ac3..ce400c34 100644
--- a/src/packages/index.d.ts
+++ b/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',
-  TABLES = 'TABLES',
-  INFORMATION = 'INFORMATION',
-  DECORATES = 'DECORATES',
+  CHARTS = 'Charts',
+  TABLES = 'Tables',
+  INFORMATION = 'Informations',
+  DECORATES = 'Decorates',
 }
 
 export enum PackagesCategoryName {
diff --git a/src/packages/index.ts b/src/packages/index.ts
index eabca5c2..3d03e171 100644
--- a/src/packages/index.ts
+++ b/src/packages/index.ts
@@ -4,10 +4,10 @@ import {
   PackagesType,
   ConfigType
 } from '@/packages/index.d'
-import { ChartList } from '@/packages/components/Chart/index'
-import { DecorateList } from '@/packages/components/Decorate/index'
-import { InformationList } from '@/packages/components/Information/index'
-import { TableList } from '@/packages/components/Table/index'
+import { ChartList } from '@/packages/components/Charts/index'
+import { DecorateList } from '@/packages/components/Decorates/index'
+import { InformationList } from '@/packages/components/Informations/index'
+import { TableList } from '@/packages/components/Tables/index'
 import {} from './useCreate'
 
 // 所有图表
diff --git a/src/packages/useCreate.ts b/src/packages/useCreate.ts
index 0a5c4ced..a7b8470d 100644
--- a/src/packages/useCreate.ts
+++ b/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()
 }
diff --git a/src/views/chart/components/ContentEdit/components/EditBottom/index.vue b/src/views/chart/components/ContentEdit/components/EditBottom/index.vue
index e88b633c..d6418e2f 100644
--- a/src/views/chart/components/ContentEdit/components/EditBottom/index.vue
+++ b/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>
 
       <!-- 拖动 -->