@shjjs/visual-ui 3.0.17 → 3.0.19

package/es/commons/plugins/datasource/utils/storageData.mjs

@@ -1,6 +1,14 @@
-const t = (e, i) => {
-  e && e.setField && e.setType !== 0 && (e.setType === 1 && localStorage.setItem("Local_" + e.setField, JSON.stringify(i)), e.setType === 2 && sessionStorage.setItem("Session_" + e.setField, JSON.stringify(i)));
-};
-export {
-  t as storageData
-};
+const s = (e, t) => {
+  try {
+    if (!e || !e.setField || e.setType === 0)
+      return;
+    e.setType === 1 && localStorage.setItem("Local_" + e.setField, JSON.stringify(t)), e.setType === 2 && sessionStorage.setItem(
+      "Session_" + e.setField,
+      JSON.stringify(t)
+    );
+  } catch {
+  }
+};
+export {
+  s as storageData
+};

package/es/commons/plugins/datasource/utils/utils.mjs

@@ -1,135 +1,160 @@
-import { cloneDeep as u } from "lodash";
-import { SHJDatasourceV2 as c } from "../index.mjs";
-import { storageData as d } from "./storageData.mjs";
-import "../../event/actions/fullScreenAction.mjs";
-import { EventUtils as b } from "../../event/utils/utils.mjs";
-class o {
-  static executeAllVariable(a) {
-    a.forEach((e) => {
-      e.sources.isVariable = !0;
-    }), o.setVariables(a), a.forEach((e) => {
-      c.parse({
-        sources: [e.sources],
-        noUseMapping: !0,
-        callback: (t) => {
-          o.setVariableById(e, t, !1);
-        }
-      });
-    });
-  }
-  static replaceObjectVariables(a) {
-    const e = this.replaceStringVariables(JSON.stringify(a));
-    return JSON.parse(e);
-  }
-  static replaceStringVariables(a) {
-    return a.replace(/\$g\{([^}]+)\}/g, (e, t) => {
-      const { varName: r, propPath: s } = this.parseVariablePath(t), n = this.getVariables().find((l) => l.name === r);
-      if (!n)
-        return "Error";
-      let i = n._value;
-      try {
-        for (const l of s) {
-          if (i == null) {
-            i = void 0;
-            break;
-          }
-          i = i[l];
-        }
-      } catch {
-        return "Error";
-      }
-      return typeof i == "object" ? JSON.stringify(i) : i === void 0 ? "Error" : String(i);
-    });
-  }
-  static getObjectVariableNames(a) {
-    return this.getStringVariableNames(JSON.stringify(a));
-  }
-  static getStringVariableNames(a) {
-    const e = /* @__PURE__ */ new Set(), t = /\$g\{([^}]+)\}/g;
-    for (const r of a.matchAll(t)) {
-      const s = r[1], { varName: n } = this.parseVariablePath(s);
-      n && e.add(n);
-    }
-    return Array.from(e);
-  }
-  static parseVariablePath(a) {
-    const t = a.replace(/\[/g, ".").replace(/\]/g, "").split("."), r = t[0], s = t.slice(1);
-    return { varName: r, propPath: s };
-  }
-  static getEnvironments() {
-    return window._apiEnvironment;
-  }
-  static setEnvironments(a) {
-    const e = a.find((t) => t.selected);
-    e && (window._apiEnvironment = {
-      envName: e.envName,
-      envBaseUrl: e.envBaseUrl
-    });
-  }
-  static getVariables() {
-    return window._variables || [];
-  }
-  static setVariables(a) {
-    window._variables = u(a), window._variables.forEach((e) => {
-      e._callbacks ??= /* @__PURE__ */ new Map();
-    });
-  }
-  static setVariableById(a, e, t = !0) {
-    const r = this.getVariableById(a.id);
-    if (r) {
-      r._value = e, r._initialState ??= !0;
-      try {
-        d(a.sources.source.storage, e);
-      } catch {
-      }
-      r._callbacks ??= /* @__PURE__ */ new Map(), r._callbacks.forEach(
-        (s) => s(a._value)
-      ), t && b.updateWidgetVariableData(r);
-    }
-  }
-  static getVariableById(a) {
-    return window._variables.find((e) => e.id === a);
-  }
-  static getVariableByName(a) {
-    return window._variables.find((e) => e.name === a);
-  }
-  static getVariableValueById(a) {
-    const e = window._variables.find((t) => t.id === a);
-    return e ? e._value : null;
-  }
-  static addVariable = (a) => {
-    c.parse({
-      sources: [a.sources],
-      noUseMapping: !0,
-      callback: (e) => {
-        this.getVariables().push(a), this.setVariableById(a, e, !1);
-      }
-    });
-  };
-  static updateVariable = (a) => {
-    c.parse({
-      sources: [a.sources],
-      noUseMapping: !0,
-      callback: (e) => {
-        this.setVariableById(a, e, !0);
-      }
-    });
-  };
-  static deleteVariableById = (a) => {
-    const e = window._variables.findIndex((t) => t.id === a);
-    e > -1 && window._variables.splice(e, 1);
-  };
-  static noneData(a) {
-    return {
-      id: a,
-      finalKeyData: { id: a, data: null },
-      finalUserData: { id: a, data: null },
-      filteredData: null,
-      rawData: null,
-      noMappingData: null
-    };
-  }
-}
-export {
-  o as DataSourceUtils
-};
+import { cloneDeep as u, isObject as b } from "lodash";
+import { SHJDatasourceV2 as c } from "../index.mjs";
+import { storageData as d } from "./storageData.mjs";
+import "../../event/actions/fullScreenAction.mjs";
+import { EventUtils as f } from "../../event/utils/utils.mjs";
+class o {
+  static executeAllVariable(e) {
+    e.forEach((a) => {
+      a.sources.isVariable = !0;
+    }), o.setVariables(e), e.forEach((a) => {
+      c.parse({
+        sources: [a.sources],
+        noUseMapping: !0,
+        callback: (t) => {
+          o.setVariableById(a, t, !1);
+        }
+      });
+    });
+  }
+  static replaceObjectVariables(e) {
+    const a = this.replaceStringVariables(JSON.stringify(e));
+    return JSON.parse(a);
+  }
+  static replaceStringVariables(e) {
+    return e.replace(/\$g\{([^}]+)\}/g, (a, t) => {
+      const { varName: i, propPath: r } = this.parseVariablePath(t), s = this.getVariables().find((l) => l.name === i);
+      if (!s)
+        return "Error";
+      let n = s._value;
+      try {
+        for (const l of r) {
+          if (n == null) {
+            n = void 0;
+            break;
+          }
+          n = n[l];
+        }
+      } catch {
+        return "Error";
+      }
+      return typeof n == "object" ? JSON.stringify(n) : n === void 0 ? "Error" : String(n);
+    });
+  }
+  static getObjectVariableNames(e) {
+    return this.getStringVariableNames(JSON.stringify(e));
+  }
+  static getStringVariableNames(e) {
+    const a = /* @__PURE__ */ new Set(), t = /\$g\{([^}]+)\}/g;
+    for (const i of e.matchAll(t)) {
+      const r = i[1], { varName: s } = this.parseVariablePath(r);
+      s && a.add(s);
+    }
+    return Array.from(a);
+  }
+  static parseVariablePath(e) {
+    const t = e.replace(/\[/g, ".").replace(/\]/g, "").split("."), i = t[0], r = t.slice(1);
+    return { varName: i, propPath: r };
+  }
+  static getEnvironments() {
+    return window._apiEnvironment;
+  }
+  static setEnvironments(e) {
+    const a = e.find((t) => t.selected);
+    a && (window._apiEnvironment = {
+      envName: a.envName,
+      envBaseUrl: a.envBaseUrl
+    });
+  }
+  static getVariables() {
+    return window._variables || [];
+  }
+  static setVariables(e) {
+    window._variables = u(e), window._variables.forEach((a) => {
+      a._callbacks ??= /* @__PURE__ */ new Map();
+    });
+  }
+  static setVariableById(e, a, t = !0, i) {
+    const r = this.getVariableById(e.id);
+    if (r) {
+      if (i) {
+        const s = this.setObjectJsonByPath(
+          i,
+          r._value,
+          a
+        );
+        s && (r._value = s);
+      } else
+        r._value = a;
+      d(e.sources.source.storage, a), r._callbacks ??= /* @__PURE__ */ new Map(), r._callbacks.forEach((s) => s(e._value)), t && f.updateWidgetVariableData(r);
+    }
+  }
+  static getVariableById(e) {
+    return window._variables.find((a) => a.id === e);
+  }
+  static getVariableByName(e) {
+    return window._variables.find((a) => a.name === e);
+  }
+  static getVariableValueById(e) {
+    const a = window._variables.find((t) => t.id === e);
+    return a ? a._value : null;
+  }
+  static addVariable = (e) => {
+    c.parse({
+      sources: [e.sources],
+      noUseMapping: !0,
+      callback: (a) => {
+        this.getVariables().push(e), this.setVariableById(e, a, !1);
+      }
+    });
+  };
+  static updateVariable = (e) => {
+    c.parse({
+      sources: [e.sources],
+      noUseMapping: !0,
+      callback: (a) => {
+        this.setVariableById(e, a, !0);
+      }
+    });
+  };
+  static deleteVariableById = (e) => {
+    const a = window._variables.findIndex((t) => t.id === e);
+    a > -1 && window._variables.splice(a, 1);
+  };
+  static noneData(e) {
+    return {
+      id: e,
+      finalKeyData: { id: e, data: null },
+      finalUserData: { id: e, data: null },
+      filteredData: null,
+      rawData: null,
+      noMappingData: null
+    };
+  }
+  /**
+   * 动态给对象指定路径设置值（含路径有效性检测，全程使用new Function）
+   * @param {string} path - 支持点分隔（data3.t1）和数组下标（data3.t2[1]）
+   * @param {object} obj - 目标对象
+   * @param {any} value - 待设置值
+   * @throws {Error} 路径无效（节点不存在）时抛出错误
+   */
+  static setObjectJsonByPath(e, a, t) {
+    if (!b(a))
+      return;
+    a = u(a);
+    const i = new Function("obj", `return obj${e}`);
+    try {
+      if (i(a) === void 0)
+        return;
+    } catch {
+      return;
+    }
+    return new Function("obj", "value", `obj${e} = value; return obj`)(
+      a,
+      t
+    );
+  }
+}
+export {
+  o as DataSourceUtils
+};

package/es/commons/plugins/event/actions/updateVariableAction.mjs

@@ -1,30 +1,32 @@
-import { SHJDatasourceV2 as t } from "../../datasource/index.mjs";
-import { DataSourceUtils as s } from "../../datasource/utils/utils.mjs";
-const f = (e, a) => {
-  const r = s.getVariableByName(e.name);
-  if (r) {
-    if (e.refreshLinkComponents ??= !0, e.dataType === "params") {
-      s.setVariableById(
-        r,
-        a,
-        e.refreshLinkComponents
-      );
-      return;
-    }
-    t.parse({
-      sources: [e.useDataSource],
-      noUseMapping: !0,
-      isInterval: !1,
-      callback: (o) => {
-        s.setVariableById(
-          r,
-          o,
-          e.refreshLinkComponents
-        );
-      }
-    });
-  }
-};
-export {
-  f as executeUpdateVariableAction
-};
+import { SHJDatasourceV2 as n } from "../../datasource/index.mjs";
+import { DataSourceUtils as s } from "../../datasource/utils/utils.mjs";
+const f = (e, t) => {
+  const r = s.getVariableByName(e.name);
+  if (r) {
+    if (e.refreshLinkComponents ??= !0, e.dataType === "params") {
+      s.setVariableById(
+        r,
+        t,
+        e.refreshLinkComponents,
+        e.setObjectKeyPath
+      );
+      return;
+    }
+    n.parse({
+      sources: [e.useDataSource],
+      noUseMapping: !0,
+      isInterval: !1,
+      callback: (o) => {
+        s.setVariableById(
+          r,
+          o,
+          e.refreshLinkComponents,
+          e.setObjectKeyPath
+        );
+      }
+    });
+  }
+};
+export {
+  f as executeUpdateVariableAction
+};

package/es/components/Commons/components/CustomComponentRender/index.vue.mjs

@@ -1,7 +1,7 @@
 import o from "./index.vue2.mjs";
 /* empty css            */
 import t from "../../../../_virtual/_plugin-vue_export-helper.mjs";
-const _ = /* @__PURE__ */ t(o, [["__scopeId", "data-v-b5101513"]]);
+const c = /* @__PURE__ */ t(o, [["__scopeId", "data-v-f1d151c0"]]);
 export {
-  _ as default
+  c as default
 };

package/es/components/Commons/components/CustomComponentRender/index.vue2.mjs

@@ -1,5 +1,5 @@
-import { defineComponent as f, onMounted as J, computed as a, shallowRef as y, ref as l, watch as V, createElementBlock as x, openBlock as c, createElementVNode as C, createBlock as j, createCommentVNode as E, unref as O } from "vue";
-import { useVueImportMap as P, Sandbox as b, useStore as D } from "@shjjs/repl";
+import { defineComponent as v, onMounted as H, computed as u, ref as l, shallowRef as y, createElementBlock as E, openBlock as d, createElementVNode as x, createBlock as V, createCommentVNode as C, unref as O } from "vue";
+import { useVueImportMap as b, Sandbox as j, useStore as D } from "@shjjs/repl";
 import { useWatch as N } from "./hooks/useWatch.mjs";
 /* empty css                                     */
 /* empty css                                     */
@@ -158,100 +158,97 @@ import "../../../Scene/components/Earth/index.mjs";
 import "../../../Deleted/components/StaticSwitch/index.mjs";
 import "../../../Deleted/components/RowScroll/index.mjs";
 import "../../../Deleted/components/Wavesurfer/index.mjs";
-import { SHJDatasourceV2 as M } from "../../../../commons/plugins/datasource/index.mjs";
-import { SHJParseEvent as k } from "../../../../commons/plugins/event/index.mjs";
+import { SHJDatasourceV2 as R } from "../../../../commons/plugins/datasource/index.mjs";
+import { SHJParseEvent as P } from "../../../../commons/plugins/event/index.mjs";
 import "lodash";
-import { upgradeCustomComponentRender as R } from "./version.mjs";
-import d from "./libs/runtime-dom.esm-browser.mjs";
-import B from "./libs/server-renderer.esm-browser.mjs";
-import T from "axios";
-import _ from "hls.js";
-const A = { class: "custom-component-render" }, I = { class: "preview-content" }, U = f({ name: "ShjCustomComponentRender" }), Kt = /* @__PURE__ */ f({
-  ...U,
+import { upgradeCustomComponentRender as M } from "./version.mjs";
+import f from "./libs/runtime-dom.esm-browser.mjs";
+import k from "./libs/server-renderer.esm-browser.mjs";
+import B from "axios";
+import L from "hls.js";
+const W = { class: "custom-component-render" }, A = v({ name: "ShjCustomComponentRender" }), Gt = /* @__PURE__ */ v({
+  ...A,
   props: {
     option: {},
     sources: {},
     useEvents: {}
   },
-  setup(i, { expose: v }) {
-    window.Axios = T, window.Hls = _, J(() => {
-      window.SHJDatasourceV2 = M, window.SHJParseEvent = k;
+  setup(i, { expose: w }) {
+    window.Axios = B, window.Hls = L, H(() => {
+      window.SHJDatasourceV2 = R, window.SHJParseEvent = P;
     });
-    const e = a(() => R(i.option)), {
-      productionMode: p,
-      vueVersion: w,
+    const p = u(() => M(i.option)), {
+      productionMode: m,
+      vueVersion: S,
       importMap: h
-    } = P({
-      runtimeDev: d,
-      runtimeProd: d,
-      serverRenderer: B
-    }), S = a(() => ({
+    } = b({
+      runtimeDev: f,
+      runtimeProd: f,
+      serverRenderer: k
+    }), g = u(() => ({
       script: {
-        inlineTemplate: p.value,
-        isProd: p.value,
+        inlineTemplate: m.value,
+        isProd: m.value,
         propsDestructure: !0
       },
       style: {
-        isProd: p.value
+        isProd: m.value
       },
       template: {
-        isProd: p.value
+        isProd: m.value
       }
-    })), o = y(null), r = l(!0), u = l(""), g = () => {
-      const s = e.value.hash;
-      if (!(u.value === s && o.value)) {
-        u.value = s, r.value = !0;
+    })), e = l(!0), o = y(null), c = l("");
+    (() => {
+      const r = p.value.hash;
+      if (!(c.value === r && o.value)) {
+        c.value = r, e.value = !0;
         try {
           const t = D(
-            { builtinImportMap: h, vueVersion: w, sfcOptions: S },
-            s
+            { builtinImportMap: h, vueVersion: S, sfcOptions: g },
+            r
           );
           t.files["src/source.json"] && (t.files["src/source.json"].code = JSON.stringify(i.sources, null, 2)), t.files["src/option.json"] && (t.files["src/option.json"].code = JSON.stringify(
-            e.value.option,
+            p.value.option,
             null,
             2
-          )), o.value = t, r.value = !1;
+          )), o.value = t, e.value = !1;
         } catch {
-          r.value = !1;
+          e.value = !1;
         }
       }
-    };
-    V(
-      () => e.value.hash,
-      () => {
-        g();
-      },
-      { immediate: !0 }
-    );
-    const m = () => {
-      o.value && (r.value = !0, o.value.files["src/source.json"] && (o.value.files["src/source.json"].code = JSON.stringify(
+    })();
+    const n = () => {
+      if (!o.value || !a.value)
+        return;
+      const r = a.value.querySelector("iframe").contentWindow;
+      r && r.postMessage(JSON.stringify(i.sources), "*");
+    }, s = () => {
+      o.value && (e.value = !0, o.value.files["src/source.json"] && (o.value.files["src/source.json"].code = JSON.stringify(
         i.sources,
         null,
         2
-      )), setTimeout(() => {
-        r.value = !1;
-      }, 10));
-    }, n = () => {
-      o.value && (r.value = !0, o.value.files["src/option.json"] && (o.value.files["src/option.json"].code = JSON.stringify(
-        e.value.option,
+      )), o.value.files["src/option.json"] && (o.value.files["src/option.json"].code = JSON.stringify(
+        p.value.option,
         null,
         2
       )), setTimeout(() => {
-        r.value = !1;
+        e.value = !1;
       }, 10));
     };
-    N({ option: e, sources: i.sources }, m, n), v({
+    N({ option: p, sources: i.sources }, n, s), w({
       refresh: () => {
-        n(), m();
+        s(), n();
       },
       refreshView: () => {
-        n(), m();
+        s(), n();
       },
       refreshData: () => {
-        m();
+        n();
       }
     });
-    const H = a(() => ({
+    const J = u(() => ({
+      showRuntimeError: !1,
+      showRuntimeWarning: !1,
       customCode: {
         useCode: `
       /** 导入山河鉴必须的变量 **/
@@ -260,6 +257,13 @@ const A = { class: "custom-component-render" }, I = { class: "preview-content" }
       window.Hls = window.parent.Hls;
       window.SHJDatasourceV2 = window.parent.SHJDatasourceV2;
       window.SHJParseEvent = window.parent.SHJParseEvent;
+      window.SHJDataEventListener = function (sources) {
+        console.log("数据源发生改变", sources)
+      }
+      /** 监听父页面发送的消息 */
+      window.addEventListener('message', function (e) {
+        SHJDataEventListener(JSON.parse(e.data))
+      });
     `
       },
       headHTML: `
@@ -279,19 +283,23 @@ const A = { class: "custom-component-render" }, I = { class: "preview-content" }
       }
     </style>
   `
-    }));
-    return (s, t) => (c(), x("div", A, [
-      C("div", I, [
-        !r.value && o.value ? (c(), j(O(b), {
+    })), a = l();
+    return (r, t) => (d(), E("div", W, [
+      x("div", {
+        ref_key: "sandboxRef",
+        ref: a,
+        class: "preview-content"
+      }, [
+        !e.value && o.value ? (d(), V(O(j), {
           key: 0,
           store: o.value,
-          "clear-console": !1,
-          "preview-options": H.value
-        }, null, 8, ["store", "preview-options"])) : E("", !0)
-      ])
+          "clear-console": !0,
+          "preview-options": J.value
+        }, null, 8, ["store", "preview-options"])) : C("", !0)
+      ], 512)
     ]));
   }
 });
 export {
-  Kt as default
+  Gt as default
 };

package/es/components/Scene/components/UeForWebUI/index.vue.mjs

@@ -1,7 +1,7 @@
 import o from "./index.vue2.mjs";
 /* empty css            */
 import t from "../../../../_virtual/_plugin-vue_export-helper.mjs";
-const _ = /* @__PURE__ */ t(o, [["__scopeId", "data-v-1b832b24"]]);
+const a = /* @__PURE__ */ t(o, [["__scopeId", "data-v-f08c485a"]]);
 export {
-  _ as default
+  a as default
 };

package/es/components/Scene/components/UeForWebUI/index.vue2.mjs

@@ -1,4 +1,4 @@
-import { defineComponent as s, computed as a, onMounted as d, onBeforeUnmount as v, createElementBlock as f, openBlock as l } from "vue";
+import { defineComponent as s, computed as a, onMounted as d, onBeforeUnmount as l, createElementBlock as v, openBlock as f } from "vue";
 /* empty css                                     */
 /* empty css                                     */
 import "../../../Interaction/components/Tabs/index.mjs";
@@ -162,9 +162,8 @@ import "../../../../commons/plugins/datasource/utils/request.mjs";
 import "mqtt";
 import "nanoid";
 import { upgradeUeForWebUI as g } from "./version.mjs";
-import h from "./WebUI.mjs";
-const E = { class: "shj-ue-for-WebUI" }, U = s({ name: "ShjUeForWebUI" }), Ir = /* @__PURE__ */ s({
-  ...U,
+const h = { class: "shj-ue-for-WebUI" }, E = s({ name: "ShjUeForWebUI" }), wr = /* @__PURE__ */ s({
+  ...E,
   props: {
     option: {},
     sources: {},
@@ -190,14 +189,14 @@ const E = { class: "shj-ue-for-WebUI" }, U = s({ name: "ShjUeForWebUI" }), Ir =
     };
     let o = null;
     return d(() => {
-      o = document.createElement("script"), o.src = `${h}?t=${Date.now()}`, o.type = "text/javascript", o.onload = () => {
+      o = document.createElement("script"), o.src = `/libs/WebUI.js?t=${Date.now()}`, o.type = "text/javascript", o.onload = () => {
         u();
       }, document.body.appendChild(o);
-    }), v(() => {
+    }), l(() => {
       delete window.ue;
-    }), (r, i) => (l(), f("div", E));
+    }), (r, i) => (f(), v("div", h));
   }
 });
 export {
-  Ir as default
+  wr as default
 };