fix: 优化组件渲染方式

src/packages/components/Decorate/border/borderCommon/index.ts

@@ -1,11 +1,12 @@
 import BorderCommon from './index.vue'
-import barImg from '@/assets/images/chart/bar_y.png'
+import image from '@/assets/images/chart/static.png'
 import { ConfigType } from '@/packages/index.d'
+import { ChatCategoryEnum } from '../../index.d'
 
-// 柱状图
-export const barCommonConfig: ConfigType = {
+export const borderCommonConfig: ConfigType = {
   key: 'Border',
-  title: '柱状图',
+  title: '边框',
+  category: ChatCategoryEnum.Border,
   node: BorderCommon,
-  coverGraph: barImg
+  image: image
 }

src/packages/components/Decorate/border/borderCommon/index.vue

@@ -1,6 +1,6 @@
 <template>
   <div>
-    柱状图组件渲染
+    边框
   </div>
 </template>
 

src/packages/components/Decorate/border/index.ts

@@ -0,0 +1,3 @@
+import { borderCommonConfig } from './BorderCommon/index'
+
+export default [borderCommonConfig]

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

@@ -0,0 +1,3 @@
+export enum ChatCategoryEnum {
+  Border = '边框',
+}

src/packages/components/Decorate/index.ts

@@ -1,3 +1,3 @@
-import { barCommonConfig } from './border/borderCommon/index'
+import Border from './Border'
 
-export const BarList = [barCommonConfig]
+export const DecorateList = [...Border]