add_meta2d_canvas

package.json

@@ -9,6 +9,16 @@
     "preview": "vite preview"
   },
   "dependencies": {
+    "@meta2d/activity-diagram": "^1.0.0",
+    "@meta2d/chart-diagram": "^1.0.0",
+    "@meta2d/class-diagram": "^1.0.0",
+    "@meta2d/core": "^1.0.0",
+    "@meta2d/flow-diagram": "^1.0.0",
+    "@meta2d/form-diagram": "^1.0.0",
+    "@meta2d/fta-diagram": "^1.0.0",
+    "@meta2d/le5le-charts": "^1.0.0",
+    "@meta2d/sequence-diagram": "^1.0.0",
+    "@meta2d/svg": "^1.0.0",
     "axios": "^0.26.0",
     "dayjs": "^1.11.5",
     "file-saver": "^2.0.5",

src/views/components/View.vue

@@ -99,7 +99,28 @@
   </div>
 </template>
 
-<script lang="ts" setup></script>
+<script lang="ts" setup>
+import { Meta2d, Options } from '@meta2d/core';
+import { onMounted,onUnmounted} from 'vue';
+import { registerBasicDiagram } from './register';
+
+
+const meta2dOptions:Options = {
+
+}
+onMounted(() => {
+  new Meta2d('meta2d', meta2dOptions);
+  registerBasicDiagram();
+});
+
+
+onUnmounted(() => {
+  if ((<any>globalThis).meta2d) {
+    (<any>globalThis).meta2d.destroy();
+  }
+});
+
+</script>
 <style lang="postcss" scoped>
 .meta2d {
   display: flex;

src/views/components/register.ts

@@ -0,0 +1,38 @@
+import {
+  Meta2d,
+  register,
+  registerAnchors,
+  registerCanvasDraw,
+} from "@meta2d/core";
+import { flowPens, flowAnchors } from "@meta2d/flow-diagram";
+import {
+  activityDiagram,
+  activityDiagramByCtx,
+} from "@meta2d/activity-diagram";
+import { classPens } from "@meta2d/class-diagram";
+import { sequencePens, sequencePensbyCtx } from "@meta2d/sequence-diagram";
+import { register as registerEcharts } from "@meta2d/chart-diagram";
+import { registerHighcharts } from "@meta2d/chart-diagram";
+import { registerLightningChart } from "@meta2d/chart-diagram";
+import { formPens } from "@meta2d/form-diagram";
+import { chartsPens } from "@meta2d/le5le-charts";
+import { ftaPens, ftaPensbyCtx, ftaAnchors } from "@meta2d/fta-diagram";
+
+export function registerBasicDiagram() {
+  register(flowPens());
+  registerAnchors(flowAnchors());
+  register(activityDiagram());
+  registerCanvasDraw(activityDiagramByCtx());
+  register(classPens());
+  register(sequencePens());
+  registerCanvasDraw(sequencePensbyCtx());
+  registerEcharts();
+  registerHighcharts();
+  registerLightningChart();
+  registerCanvasDraw(formPens());
+  registerCanvasDraw(chartsPens());
+  register(ftaPens());
+  registerCanvasDraw(ftaPensbyCtx());
+  registerAnchors(ftaAnchors());
+  //特殊图元注册
+}