@shjjs/visual-ui 1.0.17 → 1.0.19

package/es/commons/plugins/event/index.mjs

@@ -0,0 +1,150 @@
+var d = Object.defineProperty;
+var f = (a, e, t) => e in a ? d(a, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : a[e] = t;
+var m = (a, e, t) => f(a, typeof e != "symbol" ? e + "" : e, t);
+import { cloneDeep as l } from "lodash";
+import { executePageAction as y } from "./actions/pageAction.mjs";
+import { executeLinkAction as x } from "./actions/linkAction.mjs";
+import { executeMoveAction as A } from "./actions/moveAction.mjs";
+import { executeSendApiAction as h } from "./actions/sendApiAction.mjs";
+import { executeScaleAction as g } from "./actions/scaleAction.mjs";
+import { executeRotateAction as S } from "./actions/rotateAction.mjs";
+import { executeUpdatePageAction as E } from "./actions/updatePageAction.mjs";
+import { executeInvokeAction as b } from "./actions/invokeAction.mjs";
+import { executeFullScreenAction as M } from "./actions/fullScreenAction.mjs";
+import { executeUpdateVariableAction as U } from "./actions/updateVariableAction.mjs";
+import { executeUpdateWidgetAction as k } from "./actions/updateWidgetAction.mjs";
+import { executeUeCommonsWebscoketAction as w } from "./actions/ueCommonsWebscoketAction.mjs";
+import { executeUeShjExecMethodAction as N } from "./actions/ueShjExecMethodAction.mjs";
+import { executeUnityWebglExecMethodAction as P } from "./actions/unityWebglExecMethodAction.mjs";
+import { executeUnityIframeExecMethodAction as V } from "./actions/unityIframeExecMethodAction.mjs";
+import { executeVrSceneMethodAction as W } from "./actions/vrSceneMethodAction.mjs";
+class C {
+  /**
+   * 添加事件解析器
+   * @param type 事件类型
+   * @param parser 事件解析器
+   */
+  static addAction(e, t) {
+    this.actions.add({ type: e, parser: t });
+  }
+  /**
+   * 获取事件解析器
+   * @param type 事件类型
+   * @returns 事件解析器
+   */
+  static getAction(e) {
+    const t = Array.from(this.actions).find((i) => i.type === e);
+    return t == null ? void 0 : t.parser;
+  }
+  /**
+   * 解析事件
+   * @param events 事件
+   * @param type 事件类型
+   * @param params 参数
+   */
+  static parseEvents(e, t, i) {
+    e != null && e.length && e.forEach((r, p) => {
+      r.eventType === t && setTimeout(() => {
+        const s = this.filterEvent(r, i);
+        if (!this.conditionLogic(r, s) || !r.actions)
+          return;
+        const u = this.getAction(r.actions);
+        u && u(r, s);
+      }, r.delay + p * 10);
+    });
+  }
+  /**
+   * 过滤事件返回值
+   * @param event 事件
+   * @param params 参数
+   * @returns 过滤后的参数
+   */
+  static filterEvent(e, t) {
+    let i = l(t);
+    if (e.filterCode)
+      try {
+        const r = `
+                 ${e.filterCode}
+     
+                 // 在这里调用 filter 函数，并传递 data 参数
+                 return filter(data);
+             `;
+        i = new Function("data", r)(t);
+      } catch {
+      }
+    return i;
+  }
+  /**
+   * 条件逻辑判断
+   * @param event 事件
+   * @param params 参数
+   * @returns 是否通过
+   */
+  static conditionLogic(e, t) {
+    var s, u;
+    if (!((u = (s = e.condition) == null ? void 0 : s.list) != null && u.length))
+      return !0;
+    const i = (n) => {
+      if (n.type === "field") {
+        if (!n.conditionName) return !1;
+        const o = t[n.conditionName];
+        if (o === void 0) return !1;
+        const c = n.conditionValue;
+        switch (n.conditionExpression) {
+          case "eq":
+            return o.toString() === (c || "").toString();
+          case "neq":
+            return o !== c;
+          case "lt":
+            return o < Number(c);
+          case "gt":
+            return o > Number(c);
+          case "lte":
+            return o <= Number(c);
+          case "gte":
+            return o >= Number(c);
+          case "includes":
+            return o.includes(c);
+          case "noincludes":
+            return !o.includes(c);
+          default:
+            return !1;
+        }
+      }
+      if (n.type === "custom")
+        try {
+          const o = `
+                        ${n.customValue}
+                        return condition(data);
+                    `;
+          return new Function("data", o)(t);
+        } catch {
+          return !1;
+        }
+      return !1;
+    }, r = e.condition.list.map(i);
+    return e.condition.type === "and" ? r.every(Boolean) : r.some(Boolean);
+  }
+}
+/** 事件动作 */
+m(C, "actions", /* @__PURE__ */ new Set([
+  { type: "page", parser: y },
+  { type: "link", parser: x },
+  { type: "sendApi", parser: h },
+  { type: "move", parser: A },
+  { type: "scale", parser: g },
+  { type: "rotate", parser: S },
+  { type: "updatePage", parser: E },
+  { type: "invoke", parser: b },
+  { type: "fullscreen", parser: M },
+  { type: "updateVariable", parser: U },
+  { type: "updateWidget", parser: k },
+  { type: "ueCommonsWebscoket", parser: w },
+  { type: "ueShjExecMethod", parser: N },
+  { type: "unityWebglExecMethod", parser: P },
+  { type: "unityIframeExecMethod", parser: V },
+  { type: "vrSceneMethod", parser: W }
+]));
+export {
+  C as SHJParseEvent
+};

package/es/commons/plugins/event/utils/utils.d.ts

@@ -0,0 +1,22 @@
+/**
+ * 事件工具类
+ */
+export declare class EventUtils {
+    /**
+     * 将URL参数转换为JSON对象
+     * @param urlParam - 需要转换的URL参数
+     * @returns 转换后的JSON对象
+     */
+    static urlParamToJson(urlParam: string): any;
+    /**
+     * 更新组件数据
+     * @param variableData 变量数据
+     */
+    static updateWidgetVariableData(variableData: any): void;
+    /**
+     * 将JSON对象转换为字符串
+     * @param json - 需要转换的JSON对象
+     * @returns 转换后的字符串
+     */
+    static toStringify(json: any): string;
+}

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

@@ -0,0 +1,52 @@
+class f {
+  /**
+   * 将URL参数转换为JSON对象
+   * @param urlParam - 需要转换的URL参数
+   * @returns 转换后的JSON对象
+   */
+  static urlParamToJson(e) {
+    if (!e) return e;
+    const r = {};
+    return e.trim().split("&").forEach((i) => r[i.split("=")[0]] = i.split("=")[1]), r;
+  }
+  /**
+   * 更新组件数据
+   * @param variableData 变量数据
+   */
+  static updateWidgetVariableData(e) {
+    var r;
+    (r = e.useList) != null && r.length && e.useList.forEach((i) => {
+      const n = window.SHJComponentRefs.find((t) => {
+        if (t.layerId === i || t.sceneId === i)
+          return t;
+      });
+      try {
+        n && n.ref && n.ref.refreshData();
+      } catch {
+      }
+    });
+  }
+  /**
+   * 将JSON对象转换为字符串
+   * @param json - 需要转换的JSON对象
+   * @returns 转换后的字符串
+   */
+  static toStringify(e) {
+    try {
+      let r = [];
+      const i = JSON.stringify(e, (n, t) => {
+        if (typeof t == "object" && t !== null) {
+          if (r.indexOf(t) !== -1) return;
+          r.push(t);
+        }
+        return t;
+      });
+      return r = null, i;
+    } catch {
+      return "";
+    }
+  }
+}
+export {
+  f as EventUtils
+};

package/es/commons/utils/getNextElement.d.ts

@@ -0,0 +1,7 @@
+/**
+ * 获取下一个元素
+ * @param arr 数组
+ * @param target 目标元素
+ * @returns 下一个元素
+ */
+export declare const getNextElement: (arr: string[], target: string) => string;

package/es/commons/utils/getNextElement.mjs

@@ -0,0 +1,12 @@
+const i = (n, e) => {
+  if (!Array.isArray(n) || !n.length || typeof e != "string")
+    return null;
+  const t = n.indexOf(e);
+  if (t === -1)
+    return null;
+  const l = (t + 1) % n.length;
+  return n[l];
+};
+export {
+  i as getNextElement
+};

package/es/components/chart-bar-animation/index.vue.mjs

@@ -1,10 +1,11 @@
-import { defineComponent as n, watch as i, createElementBlock as f, openBlock as b, createElementVNode as v, unref as _ } from "vue";
-import { cloneDeep as r, isEqual as E } from "lodash";
-import { SHJDatasourceV2 as O } from "../../commons/core/datasource/index.mjs";
-import { useChart as w } from "../../commons/core/useChart.mjs";
-import { parseDataset as g } from "../../commons/utils/parseDataset.mjs";
-import { cloneSeries as D } from "../../commons/utils/cloneSeries.mjs";
-const k = { class: "zerov-widget" }, x = ["id"], S = n({ name: "zv-chart-bar-animation" }), L = /* @__PURE__ */ n({
+import { defineComponent as u, watch as i, createElementBlock as v, openBlock as b, createElementVNode as E, unref as _ } from "vue";
+import { cloneDeep as r, isEqual as O } from "lodash";
+import { SHJDatasourceV2 as g } from "../../commons/plugins/datasource/index.mjs";
+import { useChart as D } from "../../commons/core/useChart.mjs";
+import { parseDataset as k } from "../../commons/utils/parseDataset.mjs";
+import { cloneSeries as w } from "../../commons/utils/cloneSeries.mjs";
+import { SHJParseEvent as n } from "../../commons/plugins/event/index.mjs";
+const x = { class: "zerov-widget" }, C = ["id"], S = u({ name: "zv-chart-bar-animation" }), y = /* @__PURE__ */ u({
   ...S,
   props: {
     basicOption: {},
@@ -21,25 +22,25 @@ const k = { class: "zerov-widget" }, x = ["id"], S = n({ name: "zv-chart-bar-ani
     "chart-mouseout",
     "chart-contextmenu"
   ],
-  setup(u, { expose: d, emit: m }) {
-    const e = u, l = m, {
-      id: p,
+  setup(m, { expose: p, emit: d }) {
+    const e = m, l = d, {
+      id: h,
       setOption: o,
-      chart: h,
+      chart: f,
       renderChart: c,
       renderData: a
-    } = w({
+    } = D({
       basicOption: r(e.basicOption),
       useEvents: r(e.useEvents),
       customRenderData: (s) => {
-        s = r(s), O.parse({
+        s = r(s), g.parse({
           tId: e.uuid,
           sources: e.sources,
           callback: ({ data: t }) => {
             try {
-              window.SHJParseEvent(e.useEvents, "dataListener", t), s.dataset = g(r(t)), s.series = D(t, s.series), o(s);
+              n.parseEvents(e.useEvents, "dataListener", t), s.dataset = k(r(t)), s.series = w(t, s.series), o(s);
             } catch {
-              window.SHJParseEvent(e.useEvents, "dataListener", null), o(s);
+              n.parseEvents(e.useEvents, "dataListener", null), o(s);
             }
           }
         });
@@ -51,11 +52,11 @@ const k = { class: "zerov-widget" }, x = ["id"], S = n({ name: "zv-chart-bar-ani
     }, {
       deep: !0
     }), i(() => r(e.basicOption), (s, t) => {
-      E(s, t) || c(s);
+      O(s, t) || c(s);
     }, {
       deep: !0
-    }), d({
-      getEchartsInstance: () => h.value,
+    }), p({
+      getEchartsInstance: () => f.value,
       refresh: () => {
         e.sources && e.sources.length > 0 && c(e.basicOption), a(e.basicOption);
       },
@@ -65,14 +66,14 @@ const k = { class: "zerov-widget" }, x = ["id"], S = n({ name: "zv-chart-bar-ani
       refreshData: () => {
         a(e.basicOption);
       }
-    }), (s, t) => (b(), f("div", k, [
-      v("div", {
-        id: _(p),
+    }), (s, t) => (b(), v("div", x, [
+      E("div", {
+        id: _(h),
         class: "widget"
-      }, null, 8, x)
+      }, null, 8, C)
     ]));
   }
 });
 export {
-  L as default
+  y as default
 };

package/es/components/chart-bar-basic/index.vue.mjs

@@ -1,10 +1,11 @@
-import { defineComponent as n, watch as i, createElementBlock as f, openBlock as b, createElementVNode as v, unref as _ } from "vue";
-import { cloneDeep as r, isEqual as E } from "lodash";
-import { SHJDatasourceV2 as O } from "../../commons/core/datasource/index.mjs";
-import { useChart as w } from "../../commons/core/useChart.mjs";
-import { parseDataset as g } from "../../commons/utils/parseDataset.mjs";
-import { cloneSeries as D } from "../../commons/utils/cloneSeries.mjs";
-const k = { class: "zerov-widget" }, x = ["id"], S = n({ name: "zv-chart-bar-basic" }), L = /* @__PURE__ */ n({
+import { defineComponent as u, watch as i, createElementBlock as b, openBlock as v, createElementVNode as E, unref as _ } from "vue";
+import { cloneDeep as r, isEqual as O } from "lodash";
+import { SHJDatasourceV2 as g } from "../../commons/plugins/datasource/index.mjs";
+import { useChart as D } from "../../commons/core/useChart.mjs";
+import { parseDataset as k } from "../../commons/utils/parseDataset.mjs";
+import { cloneSeries as w } from "../../commons/utils/cloneSeries.mjs";
+import { SHJParseEvent as n } from "../../commons/plugins/event/index.mjs";
+const x = { class: "zerov-widget" }, C = ["id"], S = u({ name: "zv-chart-bar-basic" }), y = /* @__PURE__ */ u({
   ...S,
   props: {
     basicOption: {},
@@ -21,25 +22,25 @@ const k = { class: "zerov-widget" }, x = ["id"], S = n({ name: "zv-chart-bar-bas
     "chart-mouseout",
     "chart-contextmenu"
   ],
-  setup(u, { expose: d, emit: m }) {
-    const e = u, l = m, {
-      id: p,
+  setup(m, { expose: p, emit: d }) {
+    const e = m, l = d, {
+      id: h,
       setOption: o,
-      chart: h,
+      chart: f,
       renderChart: c,
       renderData: a
-    } = w({
+    } = D({
       basicOption: r(e.basicOption),
       useEvents: r(e.useEvents),
       customRenderData: (s) => {
-        s = r(s), O.parse({
+        s = r(s), g.parse({
           tId: e.uuid,
           sources: e.sources,
           callback: ({ data: t }) => {
             try {
-              window.SHJParseEvent(e.useEvents, "dataListener", t), s.dataset = g(r(t)), s.series = D(t, s.series), o(s);
+              n.parseEvents(e.useEvents, "dataListener", t), s.dataset = k(r(t)), s.series = w(t, s.series), o(s);
             } catch {
-              window.SHJParseEvent(e.useEvents, "dataListener", null), o(s);
+              n.parseEvents(e.useEvents, "dataListener", null), o(s);
             }
           }
         });
@@ -51,11 +52,11 @@ const k = { class: "zerov-widget" }, x = ["id"], S = n({ name: "zv-chart-bar-bas
     }, {
       deep: !0
     }), i(() => r(e.basicOption), (s, t) => {
-      E(s, t) || c(s);
+      O(s, t) || c(s);
     }, {
       deep: !0
-    }), d({
-      getEchartsInstance: () => h.value,
+    }), p({
+      getEchartsInstance: () => f.value,
       refresh: () => {
         e.sources && e.sources.length > 0 && c(e.basicOption), a(e.basicOption);
       },
@@ -65,14 +66,14 @@ const k = { class: "zerov-widget" }, x = ["id"], S = n({ name: "zv-chart-bar-bas
       refreshData: () => {
         a(e.basicOption);
       }
-    }), (s, t) => (b(), f("div", k, [
-      v("div", {
-        id: _(p),
+    }), (s, t) => (v(), b("div", x, [
+      E("div", {
+        id: _(h),
         class: "widget"
-      }, null, 8, x)
+      }, null, 8, C)
     ]));
   }
 });
 export {
-  L as default
+  y as default
 };

package/es/components/chart-bar-contrast/index.vue.mjs

@@ -1,10 +1,11 @@
-import { defineComponent as l, watch as u, createElementBlock as E, openBlock as x, createElementVNode as _, unref as O } from "vue";
-import { cloneDeep as c, isEqual as w } from "lodash";
-import { SHJDatasourceV2 as y } from "../../commons/core/datasource/index.mjs";
-import { useChart as g } from "../../commons/core/useChart.mjs";
-import { parseDataset as D } from "../../commons/utils/parseDataset.mjs";
-const k = { class: "zerov-widget" }, A = ["id"], L = l({ name: "zv-chart-bar-contrast" }), z = /* @__PURE__ */ l({
-  ...L,
+import { defineComponent as f, watch as u, createElementBlock as x, openBlock as _, createElementVNode as O, unref as y } from "vue";
+import { cloneDeep as c, isEqual as g } from "lodash";
+import { SHJDatasourceV2 as D } from "../../commons/plugins/datasource/index.mjs";
+import { useChart as k } from "../../commons/core/useChart.mjs";
+import { parseDataset as w } from "../../commons/utils/parseDataset.mjs";
+import { SHJParseEvent as l } from "../../commons/plugins/event/index.mjs";
+const A = { class: "zerov-widget" }, L = ["id"], C = f({ name: "zv-chart-bar-contrast" }), S = /* @__PURE__ */ f({
+  ...C,
   props: {
     basicOption: {},
     sources: {},
@@ -19,37 +20,37 @@ const k = { class: "zerov-widget" }, A = ["id"], L = l({ name: "zv-chart-bar-con
     "chart-mouseout",
     "chart-contextmenu"
   ],
-  setup(f, { expose: m, emit: h }) {
-    const e = f, p = h, {
+  setup(m, { expose: p, emit: h }) {
+    const e = m, v = h, {
       id: d,
       setOption: n,
-      chart: v,
+      chart: b,
       renderChart: a,
-      renderData: i
-    } = g({
+      renderData: o
+    } = k({
       basicOption: c(e.basicOption),
       useEvents: c(e.useEvents),
       customRenderData: (r) => {
-        r = c(r), y.parse({
+        r = c(r), D.parse({
           tId: e.uuid,
           sources: e.sources,
           callback: ({ data: t }) => {
             try {
-              window.SHJParseEvent(e.useEvents, "dataListener", t), r.dataset = D(c(t)), b(r), n(r);
+              l.parseEvents(e.useEvents, "dataListener", t), r.dataset = w(c(t)), E(r), n(r);
             } catch {
-              window.SHJParseEvent(e.useEvents, "dataListener", null), n(r);
+              l.parseEvents(e.useEvents, "dataListener", null), n(r);
             }
           }
         });
       },
-      emit: p
-    }), b = (r) => {
+      emit: v
+    }), E = (r) => {
       try {
         r.series.forEach((t) => {
           t.label.formatter = (s) => {
-            for (const o in s.value)
-              if (typeof s.value[o] == "number" && s.value[o] < 0)
-                return -s.value[o];
+            for (const i in s.value)
+              if (typeof s.value[i] == "number" && s.value[i] < 0)
+                return -s.value[i];
           };
         }), r.xAxis[0].type === "value" && r.xAxis.forEach((t) => {
           t.axisLabel.formatter = (s) => s < 0 ? -s : s;
@@ -60,32 +61,32 @@ const k = { class: "zerov-widget" }, A = ["id"], L = l({ name: "zv-chart-bar-con
       }
     };
     return u(() => e.sources, () => {
-      e.sources && e.sources.length > 0 && i(e.basicOption);
+      e.sources && e.sources.length > 0 && o(e.basicOption);
     }, {
       deep: !0
     }), u(() => c(e.basicOption), (r, t) => {
-      w(r, t) || a(r);
+      g(r, t) || a(r);
     }, {
       deep: !0
-    }), m({
-      getEchartsInstance: () => v.value,
+    }), p({
+      getEchartsInstance: () => b.value,
       refresh: () => {
-        e.sources && e.sources.length > 0 && a(e.basicOption), i(e.basicOption);
+        e.sources && e.sources.length > 0 && a(e.basicOption), o(e.basicOption);
       },
       refreshView: () => {
         e.sources && e.sources.length > 0 && a(e.basicOption);
       },
       refreshData: () => {
-        i(e.basicOption);
+        o(e.basicOption);
       }
-    }), (r, t) => (x(), E("div", k, [
-      _("div", {
-        id: O(d),
+    }), (r, t) => (_(), x("div", A, [
+      O("div", {
+        id: y(d),
         class: "widget"
-      }, null, 8, A)
+      }, null, 8, L)
     ]));
   }
 });
 export {
-  z as default
+  S as default
 };

package/es/components/chart-bar-contrast2/index.vue.mjs

@@ -1,10 +1,11 @@
-import { defineComponent as i, watch as n, createElementBlock as f, openBlock as b, createElementVNode as v, unref as _ } from "vue";
-import { cloneDeep as r, isEqual as E } from "lodash";
-import { SHJDatasourceV2 as O } from "../../commons/core/datasource/index.mjs";
-import { useChart as w } from "../../commons/core/useChart.mjs";
-import { parseDataset as g } from "../../commons/utils/parseDataset.mjs";
-const D = { class: "zerov-widget" }, k = ["id"], x = i({ name: "zv-chart-bar-contrast2" }), B = /* @__PURE__ */ i({
-  ...x,
+import { defineComponent as u, watch as n, createElementBlock as v, openBlock as b, createElementVNode as E, unref as _ } from "vue";
+import { cloneDeep as r, isEqual as O } from "lodash";
+import { SHJDatasourceV2 as g } from "../../commons/plugins/datasource/index.mjs";
+import { useChart as D } from "../../commons/core/useChart.mjs";
+import { parseDataset as k } from "../../commons/utils/parseDataset.mjs";
+import { SHJParseEvent as i } from "../../commons/plugins/event/index.mjs";
+const w = { class: "zerov-widget" }, x = ["id"], C = u({ name: "zv-chart-bar-contrast2" }), S = /* @__PURE__ */ u({
+  ...C,
   props: {
     basicOption: {},
     sources: {},
@@ -19,25 +20,25 @@ const D = { class: "zerov-widget" }, k = ["id"], x = i({ name: "zv-chart-bar-con
     "chart-mouseout",
     "chart-contextmenu"
   ],
-  setup(u, { expose: d, emit: p }) {
-    const e = u, l = p, {
-      id: m,
+  setup(p, { expose: d, emit: m }) {
+    const e = p, l = m, {
+      id: h,
       setOption: o,
-      chart: h,
+      chart: f,
       renderChart: c,
       renderData: a
-    } = w({
+    } = D({
       basicOption: r(e.basicOption),
       useEvents: r(e.useEvents),
       customRenderData: (t) => {
-        t = r(t), O.parse({
+        t = r(t), g.parse({
           tId: e.uuid,
           sources: e.sources,
           callback: ({ data: s }) => {
             try {
-              window.SHJParseEvent(e.useEvents, "dataListener", s), t.dataset = g(r(s)), o(t);
+              i.parseEvents(e.useEvents, "dataListener", s), t.dataset = k(r(s)), o(t);
             } catch {
-              window.SHJParseEvent(e.useEvents, "dataListener", null), o(t);
+              i.parseEvents(e.useEvents, "dataListener", null), o(t);
             }
           }
         });
@@ -49,11 +50,11 @@ const D = { class: "zerov-widget" }, k = ["id"], x = i({ name: "zv-chart-bar-con
     }, {
       deep: !0
     }), n(() => r(e.basicOption), (t, s) => {
-      E(t, s) || c(t);
+      O(t, s) || c(t);
     }, {
       deep: !0
     }), d({
-      getEchartsInstance: () => h.value,
+      getEchartsInstance: () => f.value,
       refresh: () => {
         e.sources && e.sources.length > 0 && c(e.basicOption), a(e.basicOption);
       },
@@ -63,14 +64,14 @@ const D = { class: "zerov-widget" }, k = ["id"], x = i({ name: "zv-chart-bar-con
       refreshData: () => {
         a(e.basicOption);
       }
-    }), (t, s) => (b(), f("div", D, [
-      v("div", {
-        id: _(m),
+    }), (t, s) => (b(), v("div", w, [
+      E("div", {
+        id: _(h),
         class: "widget"
-      }, null, 8, k)
+      }, null, 8, x)
     ]));
   }
 });
 export {
-  B as default
+  S as default
 };