feat:下载组件包-主题

public/view/meta2d-react/src/views/2d/Meta2d.tsx

@@ -51,6 +51,21 @@ const registerBasicDiagram = () => {
   registerCanvasDraw(ftaPensbyCtx());
   registerAnchors(ftaAnchors());
 };
+
+//注册所有主题
+const registerTheme = () => {
+  fetch('/theme/dark.json')
+    .then((r) => r.json())
+    .then((theme) => {
+      (globalThis as any).echarts.registerTheme('le-dark', theme);
+    });
+  fetch('/theme/light.json')
+    .then((r) => r.json())
+    .then((theme) => {
+      (globalThis as any).echarts.registerTheme('le-light', theme);
+    });
+}
+
 const open = (id: string) => {
   let url = '/json/v.json';
   if (id) {
@@ -105,8 +120,16 @@ const initMeta2d = (id: any) => {
   meta2d = new Meta2d('meta2d', options);
   //注册基本图形库
   registerBasicDiagram();
+  const themetimer = setInterval(() => {
+    if ( (globalThis as any).echarts) {
+      registerTheme();
+      clearInterval(themetimer);
+    }
+  }, 200);
   meta2d.on('opened', opened);
-  open(id);
+  setTimeout(()=>{
+    open(id);
+  },1000);
   setTimeout(async () => {
     (globalThis as any).userId = meta2d.store.data.userId;
     (globalThis as any).registerIot &&

public/view/meta2d-vue2/src/views/2d/Meta2d.vue

@@ -62,9 +62,16 @@ export default {
       meta2d = new Meta2d('meta2d', options);
       //注册基础图形库 参考文档：https://doc.le5le.com/document/119754049
       this.registerBasicDiagram();
+      const themetimer = setInterval(() => {
+        if (globalThis.echarts) {
+          this.registerTheme();
+          clearInterval(themetimer);
+        }
+      }, 200);
       meta2d.on('opened',this.opened);
-      
-      this.open();
+      setTimeout(() => {
+        this.open();
+      }, 1000);
 
       //注册企业图形库
       setTimeout(async()=>{
@@ -134,6 +141,20 @@ export default {
       registerCanvasDraw(ftaPensbyCtx());
       registerAnchors(ftaAnchors());
     },
+
+     //注册所有主题
+     registerTheme() {
+      fetch('/theme/dark.json')
+        .then((r) => r.json())
+        .then((theme) => {
+          globalThis.echarts.registerTheme('le-dark', theme);
+        });
+      fetch('/theme/light.json')
+        .then((r) => r.json())
+        .then((theme) => {
+          globalThis.echarts.registerTheme('le-light', theme);
+        });
+    }
   },
 };
 </script>

public/view/meta2d-vue3/src/views/2d/Meta2d.vue

@@ -35,8 +35,16 @@ onMounted(async () => {
   meta2d = new Meta2d('meta2d',options);
   //注册基本图形库
   registerBasicDiagram();
+  const themetimer = setInterval(() => {
+    if ( (globalThis as any).echarts) {
+      registerTheme();
+      clearInterval(themetimer);
+    }
+  }, 200);
   meta2d.on('opened',opened);
-  open();
+  setTimeout(() => {
+    open();
+  }, 1000);
 
   //注册企业图形库
   setTimeout(async()=>{
@@ -121,6 +129,19 @@ function registerBasicDiagram() {
   registerAnchors(ftaAnchors());
 }
 
+//注册所有主题
+function registerTheme() {
+  fetch('/theme/dark.json')
+    .then((r) => r.json())
+    .then((theme) => {
+      (globalThis as any).echarts.registerTheme('le-dark', theme);
+    });
+  fetch('/theme/light.json')
+    .then((r) => r.json())
+    .then((theme) => {
+      (globalThis as any).echarts.registerTheme('le-light', theme);
+    });
+}
 
 onUnmounted(() => {
   meta2d?.off('opened',opened);