Merge pull request #138 from AnsGoo/dev

fix: 重构了接口

examples/src/load.ts

@@ -17,9 +17,9 @@ const useLoadComponent = () => {
         const componentOptions = moduleFilesTs[key]?.default
 
         if (componentOptions) {
-          const { componentName, config, mainfest, component } = componentOptions
-          const name = mainfest ? mainfest.name : componentName
-          canvasState.loadComponent(name, config as BaseComponent, mainfest)
+          const { componentName, config, manifest, component } = componentOptions
+          const name = manifest ? manifest.name : componentName
+          canvasState.loadComponent(name, config as BaseComponent, manifest)
           // 注册异步组件
           const asyncComp = defineAsyncComponent({
             loader: component,
@@ -42,14 +42,14 @@ const useAsyncLoadComponent = () => {
       const keys = Object.keys(components)
       keys.forEach((el) => {
         const pkg = components[el]
-        const { mainfest, panel, component } = pkg
+        const { manifest, panel, component } = pkg
         const asyncComp = defineAsyncComponent({
           loader: component,
           delay: 200,
           timeout: 3000
         })
-        canvasState.loadComponents(mainfest.name, mainfest, panel)
-        app.component(mainfest.name, asyncComp)
+        canvasState.loadComponents(manifest.name, manifest, panel)
+        app.component(manifest.name, asyncComp)
       })
     }
   }

packages/designer/src/state/canvas.ts

@@ -187,10 +187,10 @@ class CanvasState {
     return this.state.components
   }
 
-  public loadComponent(name: string, component: CustomComponent, mainfest?: any) {
-    if (mainfest) {
+  public loadComponent(name: string, component: CustomComponent, manifest?: any) {
+    if (manifest) {
       this.componentMetaMap.set(name, {
-        ...mainfest,
+        ...manifest,
         clazz: isClass(component) ? component : undefined,
         remoteClazz: isClass(component) ? undefined : component
       })

resource/Basic/Image/index.ts

@@ -1,7 +1,7 @@
-import mainfest from './mainfest.json'
+import manifest from './manifest.json'
 
 export default {
   component: () => import('./Image.vue'),
   config: () => import('./config'),
-  mainfest
+  manifest
 }

resource/Basic/Video/FlvVideo/index.ts

@@ -1,7 +1,7 @@
-import mainfest from './mainfest.json'
+import manifest from './manifest.json'
 
 export default {
   component: () => import('./FlvVideo.vue'),
   config: () => import('./config'),
-  mainfest
+  manifest
 }

resource/Border/BorderBox2/index.ts

@@ -1,7 +1,7 @@
-import mainfest from './mainfest.json'
+import manifest from './manifest.json'
 
 export default {
   config: () => import('./config'),
   component: () => import('./BorderBox.vue'),
-  mainfest
+  manifest
 }

resource/Border/BorderBox3/index.ts

@@ -1,7 +1,7 @@
-import mainfest from './mainfest.json'
+import manifest from './manifest.json'
 
 export default {
   config: () => import('./config'),
   component: () => import('./BorderBox.vue'),
-  mainfest
+  manifest
 }

resource/Border/BorderBox4/index.ts

@@ -1,7 +1,7 @@
-import mainfest from './mainfest.json'
+import manifest from './manifest.json'
 
 export default {
   config: () => import('./config'),
   component: () => import('./BorderBox.vue'),
-  mainfest
+  manifest
 }

resource/Border/BorderBox5/index.ts

@@ -1,7 +1,7 @@
-import mainfest from './mainfest.json'
+import manifest from './manifest.json'
 
 export default {
   config: () => import('./config'),
   component: () => import('./BorderBox.vue'),
-  mainfest
+  manifest
 }

resource/Border/BorderBox6/index.ts

@@ -1,7 +1,7 @@
-import mainfest from './mainfest.json'
+import manifest from './manifest.json'
 
 export default {
   component: () => import('./BorderBox.vue'),
   config: () => import('./config'),
-  mainfest
+  manifest
 }

resource/Border/BorderBox7/index.ts → resource/Border/BorderBox7/manifest.ts

@@ -1,7 +1,7 @@
-import mainfest from './mainfest.json'
+import manifest from './manifest.json'
 
 export default {
   config: () => import('./config'),
   component: () => import('./BorderBox.vue'),
-  mainfest
+  manifest
 }

resource/Border/BorderImage/index.ts

@@ -1,7 +1,7 @@
-import mainfest from './mainfest.json'
+import manifest from './manifest.json'
 
 export default {
   component: () => import('./BorderImage.vue'),
   config: () => import('./config'),
-  mainfest
+  manifest
 }

resource/Decoration/Decoration1/index.ts

@@ -1,7 +1,7 @@
-import mainfest from './mainfest.json'
+import manifest from './manifest.json'
 
 export default {
   config: () => import('./config'),
   component: () => import('./Decoration.vue'),
-  mainfest
+  manifest
 }

resource/Decoration/Decoration2/index.ts

@@ -1,7 +1,7 @@
-import mainfest from './mainfest.json'
+import manifest from './manifest.json'
 
 export default {
   config: () => import('./config'),
   component: () => import('./Decoration.vue'),
-  mainfest
+  manifest
 }

resource/Decoration/Decoration3/index.ts

@@ -1,7 +1,7 @@
-import mainfest from './mainfest.json'
+import manifest from './manifest.json'
 
 export default {
   config: () => import('./config'),
   component: () => import('./Decoration.vue'),
-  mainfest
+  manifest
 }

resource/Decoration/Decoration4/index.ts

@@ -1,7 +1,7 @@
-import mainfest from './mainfest.json'
+import manifest from './manifest.json'
 
 export default {
   config: () => import('./config'),
   component: () => import('./Decoration.vue'),
-  mainfest
+  manifest
 }

resource/Gauge/Gauge1/index.ts

@@ -1,7 +1,7 @@
-import mainfest from './mainfest.json'
+import manifest from './manifest.json'
 
 export default {
   config: () => import('./config'),
   component: () => import('./Gauge.vue'),
-  mainfest
+  manifest
 }

resource/Progress/Progress/index.ts

@@ -1,8 +1,8 @@
 import ProgressComponent from './config'
-import mainfest from './mainfest.json'
+import manifest from './manifest.json'
 
 export default {
   component: () => import('./Progress.vue'),
   config: ProgressComponent,
-  mainfest
+  manifest
 }

resource/Progress/RankBoard/index.ts

@@ -1,7 +1,7 @@
-import mainfest from './mainfest.json'
+import manifest from './manifest.json'
 
 export default {
   component: () => import('./RankBoard.vue'),
   config: () => import('./config'),
-  mainfest
+  manifest
 }

resource/Table/ScrollTable/index.ts

@@ -1,7 +1,7 @@
-import mainfest from './mainfest.json'
+import manifest from './manifest.json'
 
 export default {
   config: () => import('./config'),
   component: () => import('./ScrollTable.vue'),
-  mainfest
+  manifest
 }

resource/Text/DateText/index.ts

@@ -1,7 +1,7 @@
-import mainfest from './mainfest.json'
+import manifest from './manifest.json'
 
 export default {
   config: () => import('./config'),
   component: () => import('./DateText.vue'),
-  mainfest
+  manifest
 }

resource/Text/StaticText/index.ts

@@ -1,7 +1,7 @@
-import mainfest from './mainfest.json'
+import manifest from './manifest.json'
 
 export default {
   config: () => import('./config'),
   component: () => import('./StaticText.vue'),
-  mainfest
+  manifest
 }

resource/Text/SubText/index.ts

@@ -1,7 +1,7 @@
-import mainfest from './mainfest.json'
+import manifest from './manifest.json'
 
 export default {
   config: () => import('./config'),
   component: () => import('./SubText.vue'),
-  mainfest
+  manifest
 }

resource/echarts/BarChart/BasicBarChart/index.ts

@@ -1,7 +1,7 @@
-import mainfest from './mainfest.json'
+import manifest from './manifest.json'
 
 export default {
   component: () => import('./BasicBarChart.vue'),
   config: () => import('./config'),
-  mainfest
+  manifest
 }

resource/echarts/BarChart/StereoscopicLineChart/index.ts

@@ -1,7 +1,7 @@
-import mainfest from './mainfest.json'
+import manifest from './manifest.json'
 
 export default {
   config: () => import('./config'),
   component: () => import('./src/StereoscopicBarChart.vue'),
-  mainfest
+  manifest
 }

resource/echarts/ComChart/index.ts

@@ -1,7 +1,7 @@
-import mainfest from './mainfest.json'
+import manifest from './manifest.json'
 
 export default {
-  mainfest,
+  manifest,
   component: () => import('./ComChart.vue'),
   config: () => import('./config')
 }

resource/echarts/LineChart/BasicLineChart/index.ts

@@ -1,7 +1,7 @@
-import mainfest from './mainfest.json'
+import manifest from './manifest.json'
 
 export default {
   component: () => import('./BasicLineChart.vue'),
   config: () => import('./config'),
-  mainfest
+  manifest
 }

resource/echarts/MapChart/MapChart/index.ts

@@ -1,7 +1,7 @@
-import mainfest from './mainfest.json'
+import manifest from './manifest.json'
 
 export default {
   component: () => import('./src/MapChart.vue'),
   config: () => import('./config'),
-  mainfest
+  manifest
 }

resource/echarts/PieChart/BasicPieChart/index.ts

@@ -1,7 +1,7 @@
-import mainfest from './mainfest.json'
+import manifest from './manifest.json'
 
 export default {
   component: () => import('./BasicPieChart.vue'),
   config: () => import('./config'),
-  mainfest
+  manifest
 }

resource/echarts/WaterChart/WaveChart/index.ts

@@ -1,7 +1,7 @@
-import mainfest from './mainfest.json'
+import manifest from './manifest.json'
 
 export default {
   component: () => import('./WaveChart.vue'),
   config: () => import('./config'),
-  mainfest
+  manifest
 }

resources/Basic/BorderBox1/index.ts

@@ -1,7 +1,7 @@
-import mainfest from './mainfest.json'
+import manifest from './manifest.json'
 
 export default {
   component: () => import('./BorderBox.vue'),
   panel: () => import('./panel'),
-  mainfest
+  manifest
 }

resources/Basic/Image/index.ts

@@ -1,7 +1,7 @@
-import mainfest from './mainfest.json'
+import manifest from './manifest.json'
 
 export default {
   component: () => import('./Image.vue'),
   panel: () => import('./panel'),
-  mainfest
+  manifest
 }

resources/Chart/BasicBarChart/index.ts

@@ -1,7 +1,7 @@
-import mainfest from './mainfest.json'
+import manifest from './manifest.json'
 
 export default {
   component: () => import('./BasicBarChart.vue'),
   panel: () => import('./panel'),
-  mainfest
+  manifest
 }

resources/Gauge/index.ts

@@ -1,7 +1,7 @@
-import mainfest from './mainfest.json'
+import manifest from './manifest.json'
 
 export default {
   component: () => import('./Gauge.vue'),
   panel: () => import('./panel'),
-  mainfest
+  manifest
 }