@shjjs/visual-ui 1.0.36 → 1.0.38

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

@@ -0,0 +1,229 @@
+import { isArray as g, isObject as b } from "lodash";
+class o {
+  /**
+   * 替换URL中的变量
+   * @param url URL
+   * @param variableData 变量数据
+   * @returns 解析后的URL
+   */
+  static replaceURLVariables(t, n) {
+    try {
+      const a = t.match(/\${(.*?)}/g);
+      if (a)
+        for (let e = 0; e < a.length; e++) {
+          const r = a[e].substring(2, a[e].length - 1), i = o.extractVariableName(r), s = n.find((l) => l.name === i);
+          if (!s)
+            continue;
+          const c = o.getNestedValue(s._value, r.substring(i.length));
+          t = t.replaceAll(a[e], c);
+        }
+      return t;
+    } catch {
+      return t;
+    }
+  }
+  /**
+   * 替换对象中的变量
+   * @param obj 对象
+   * @param variableData 变量数据
+   * @returns 解析后的对象
+   */
+  static replaceObjectVariables(t, n) {
+    try {
+      let a = JSON.stringify(t);
+      const e = a.match(/\$g{(.*?)}/g);
+      if (e) {
+        for (let r = 0; r < e.length; r++) {
+          const i = e[r].substring(3, e[r].length - 1), s = this.extractVariableName(i), c = n.find((u) => u.name === s);
+          if (!c)
+            continue;
+          const l = this.getNestedValue(c._value, i.substring(s.length));
+          a = a.replaceAll(e[r], l);
+        }
+        return JSON.parse(a);
+      }
+      return t;
+    } catch {
+      return t;
+    }
+  }
+  /**
+   * 替换字符串中的变量
+   * @param str 字符串
+   * @param variableData 变量数据
+   * @returns 解析后的字符串
+   */
+  static replaceStringVariables(t, n) {
+    try {
+      const a = t.match(/\$g{(.*?)}/g);
+      if (a)
+        for (let e = 0; e < a.length; e++) {
+          const r = a[e].substring(3, a[e].length - 1), i = this.extractVariableName(r), s = n.find((l) => l.name === i);
+          if (!s)
+            continue;
+          const c = this.getNestedValue(s._value, r.substring(i.length));
+          t = t.replaceAll(a[e], c);
+        }
+      return t;
+    } catch {
+      return t;
+    }
+  }
+  /**
+   * 获取URL中的变量名
+   * @param url URL
+   * @returns 变量名
+   */
+  static getURLVariableNames(t) {
+    const n = [], a = t.match(/\${(.*?)}/g);
+    if (a)
+      for (let e = 0; e < a.length; e++) {
+        const r = a[e].substring(2, a[e].length - 1), i = o.extractVariableName(r);
+        n.push(i);
+      }
+    return n;
+  }
+  /**
+   * 获取对象中的变量名
+   * @param obj 对象
+   * @returns 变量名
+   */
+  static getObjectVariableNames(t) {
+    const n = [], e = JSON.stringify(t).match(/\$g{(.*?)}/g);
+    if (e)
+      for (let r = 0; r < e.length; r++) {
+        const i = e[r].substring(3, e[r].length - 1), s = this.extractVariableName(i);
+        n.push(s);
+      }
+    return n;
+  }
+  /**
+   * 获取字符串中的变量名
+   * @param str 字符串
+   * @returns 变量名
+   */
+  static getStringVariableNames(t) {
+    const n = [], a = t.match(/\$g{(.*?)}/g);
+    if (a)
+      for (let e = 0; e < a.length; e++) {
+        const r = a[e].substring(3, a[e].length - 1), i = this.extractVariableName(r);
+        n.push(i);
+      }
+    return n;
+  }
+  /**
+   * 解析环境变量
+   * @param url URL
+   * @param environments 环境变量
+   * @returns 解析后的环境变量
+   */
+  static replaceEnvVariables(t, n) {
+    try {
+      let a = "";
+      if (!t.includes("http") && n) {
+        const e = n.filter((r) => r.selected);
+        e && g(e) && e.length > 0 && (a = e[0].envBaseUrl || "");
+      }
+      return a;
+    } catch {
+      return "";
+    }
+  }
+  /**
+   * 返回空数据
+   * @param id 数据源 ID
+   * @returns 空数据
+   */
+  static noneData(t) {
+    return {
+      id: t,
+      finalKeyData: [],
+      finalUserData: { id: t, data: [] },
+      filteredData: [],
+      rawData: [],
+      noMappingData: []
+    };
+  }
+  /**
+   * 获取环境变量
+   * @returns 环境变量
+   */
+  static getEnvironments() {
+    let t = sessionStorage.getItem("currentApiEnvironments");
+    return t && (t = JSON.parse(t)), t;
+  }
+  /**
+   * 设置环境变量
+   * @param environments 环境变量
+   */
+  static setEnvironments(t) {
+    sessionStorage.setItem("currentApiEnvironments", JSON.stringify(t));
+  }
+  /**
+   * 获取变量数据
+   * @returns 变量数据
+   */
+  static getVariableData() {
+    let t = sessionStorage.getItem("currentVariableData");
+    return t && (t = JSON.parse(t)), t;
+  }
+  /**
+   * 设置变量数据
+   * @param variableData 变量数据
+   */
+  static setVariableData(t) {
+    sessionStorage.setItem("currentVariableData", JSON.stringify(t));
+  }
+  /**
+   * 检查 WebSocket 是否已存在且有效
+   * @param wsInstances WebSocket 实例
+   * @param tId WebSocket 实例的 ID
+   * @param sourceId WebSocket 实例的源 ID
+   * @returns 是否有效
+   */
+  static hasValidWebSocket(t, n, a) {
+    const e = t.get(n);
+    if (!e) return !1;
+    for (const r of e)
+      if (r.getId() === a && r.isConnected())
+        return !0;
+    return !1;
+  }
+  /**
+   * 只在必要时清理 WebSocket 连接
+   * @param wsInstances WebSocket 实例
+   * @param sourceIds 源 ID
+   * @param tId WebSocket 实例的 ID
+   */
+  static cleanupPreviousWebSockets(t, n, a) {
+    const e = t.get(a);
+    e && (e.forEach((r) => {
+      n.includes(r.getId()) || (r.disconnect(), e.delete(r));
+    }), e.size === 0 && t.delete(a));
+  }
+  /**
+   * 使用 Function 构造函数获取对象中的嵌套值（更简洁但安全性较低）
+   * @param obj 源对象
+   * @param path 路径字符串，例如 ".a[0].value"
+   * @returns 获取到的值，如果路径不存在则返回 undefined
+   */
+  static getNestedValue(t, n) {
+    try {
+      return n ? new Function("obj", `return obj${n}`)(t) : b(t) || g(t) ? JSON.stringify(t) : t;
+    } catch {
+      return;
+    }
+  }
+  /**
+   * 从路径字符串中提取变量名
+   * @param path 路径字符串，例如 "测试.test" 或 "333[0].aa"
+   * @returns 提取出的变量名
+   */
+  static extractVariableName(t) {
+    const n = t.match(/^([\u4e00-\u9fa5a-zA-Z0-9_][\u4e00-\u9fa5a-zA-Z0-9_]*)/);
+    return n ? n[1] : "";
+  }
+}
+export {
+  o as DataSourceUtils
+};

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

@@ -0,0 +1,78 @@
+var d = Object.defineProperty;
+var h = (s, e, o) => e in s ? d(s, e, { enumerable: !0, configurable: !0, writable: !0, value: o }) : s[e] = o;
+var r = (s, e, o) => h(s, typeof e != "symbol" ? e + "" : e, o);
+const n = class n {
+  constructor() {
+    r(this, "connections", /* @__PURE__ */ new Set());
+  }
+  // 单例模式
+  static getInstance() {
+    return n.instance || (n.instance = new n()), n.instance;
+  }
+  // 添加 WebSocket 连接
+  add(e, o) {
+    Array.from(this.connections).filter((t) => t.componentId === o).forEach((t) => {
+      if (this.removeAllListeners(t.ws), t.ws.readyState !== WebSocket.CLOSED)
+        try {
+          t.ws.close(1e3, `Replacing connection for component ${o}`);
+        } catch {
+        }
+      this.connections.delete(t);
+    });
+    const c = { ws: e, componentId: o };
+    this.connections.add(c), this.setupAutoRemove(e, c);
+  }
+  // 改进点：更彻底的连接关闭 + 内存泄漏防护
+  closeByComponentIds(e) {
+    const o = Array.isArray(e) ? e : [e], i = new Set(o);
+    Array.from(this.connections).filter(
+      (t) => i.has(t.componentId) && t.ws.readyState !== WebSocket.CLOSED
+    ).forEach((t) => {
+      this.removeAllListeners(t.ws);
+      try {
+        t.ws.close(1e3, `Component ${t.componentId} unmounted`);
+      } catch {
+      }
+      this.connections.delete(t);
+    });
+  }
+  // 辅助方法：清理事件监听器
+  removeAllListeners(e) {
+    const o = () => {
+    };
+    e.onopen = o, e.onmessage = o, e.onerror = o, e.onclose = o, "removeAllListeners" in e && e.removeAllListeners();
+  }
+  // 关闭所有连接
+  closeAll() {
+    this.connections.forEach((e) => {
+      if (e.ws.readyState === WebSocket.OPEN || e.ws.readyState === WebSocket.CONNECTING)
+        try {
+          e.ws.close(1e3, "All connections closed");
+        } catch {
+        }
+    }), this.connections.clear();
+  }
+  // 自动移除已关闭的连接
+  setupAutoRemove(e, o) {
+    const i = e.close.bind(e);
+    e.close = (c, t) => {
+      this.connections.delete(o), i(c, t);
+    }, e.onclose = () => {
+      this.connections.delete(o);
+    };
+  }
+  // 用于调试的方法
+  getConnectionsInfo() {
+    return Array.from(this.connections).map((e) => ({
+      componentId: e.componentId,
+      readyState: e.ws.readyState
+    }));
+  }
+};
+// eslint-disable-next-line no-use-before-define
+r(n, "instance");
+let a = n;
+const A = a.getInstance();
+export {
+  A as wsManager
+};

package/es/plugins/event/actions/fullScreenAction.mjs

@@ -0,0 +1,8 @@
+import { useFullscreen as s } from "@vueuse/core";
+const { enter: n, exit: o, toggle: c } = s(), i = (e, l) => {
+  const { fullscreenAction: t } = e;
+  t && t.status && (t.status === "fullscreen" && n(), t.status === "window" && o(), t.status === "toggle" && c());
+};
+export {
+  i as executeFullScreenAction
+};

package/es/plugins/event/actions/invokeAction.mjs

@@ -0,0 +1,11 @@
+import { ComponentRefs as r } from "../../utils/componentRefs.mjs";
+const f = (e, n) => {
+  try {
+    const { invokeAction: o } = e, t = r.getComponentRef(o.targetLayerId);
+    t && t.ref[o.functionName](n, o.functionArgs);
+  } catch {
+  }
+};
+export {
+  f as executeInvokeAction
+};

package/es/plugins/event/actions/linkAction.mjs

@@ -0,0 +1,8 @@
+import { DataSourceUtils as a } from "../../datasource/utils/utils.mjs";
+const c = (e, i) => {
+  const { linkAction: t } = e, r = a.getVariableData(), o = a.replaceStringVariables(t.url, r);
+  window.open(o, t.target);
+};
+export {
+  c as executeLinkAction
+};

package/es/plugins/event/actions/moveAction.mjs

@@ -0,0 +1,15 @@
+const a = (i, s) => {
+  var n;
+  const { moveAction: t } = i;
+  (n = t.layerIds) != null && n.length && t.layerIds.forEach((r) => {
+    const e = document.getElementById(r);
+    e._transitionTimer && clearTimeout(e._transitionTimer), e.style.transform = `matrix(1, 0, 0, 1, ${t.x}, ${t.y}) `, e.style.transition = `transform ${t.duration}ms ${t.speed} ${t.delay}ms`;
+    const o = t.duration + t.delay;
+    e._transitionTimer = setTimeout(() => {
+      e.style.transition = "";
+    }, o);
+  });
+};
+export {
+  a as executeMoveAction
+};

package/es/plugins/event/actions/refreshVariableAction.mjs

@@ -0,0 +1,18 @@
+import { SHJDatasourceV2 as s } from "../../datasource/index.mjs";
+import { DataSourceUtils as i } from "../../datasource/utils/utils.mjs";
+import { EventUtils as n } from "../utils/utils.mjs";
+const m = (o) => {
+  const { refreshVariableAction: t } = o, r = i.getVariableData(), a = r.find((e) => e.id === t.name || e.name === t.name);
+  a && s.parse({
+    sources: [a.sources],
+    isStore: !1,
+    noUseMapping: !0,
+    tId: a.id,
+    callback: (e) => {
+      a._value = e, i.setVariableData(r), n.updateWidgetVariableData(a);
+    }
+  });
+};
+export {
+  m as executeRefreshVariableAction
+};

package/es/plugins/event/actions/rotateAction.mjs

@@ -0,0 +1,19 @@
+const d = (o, m) => {
+  var r;
+  const { rotateAction: t } = o;
+  (r = t.layerIds) != null && r.length && t.layerIds.forEach((i) => {
+    const s = document.getElementById(i), e = s.children[0];
+    e._transitionTimer && clearTimeout(e._transitionTimer);
+    const n = e.style.transform.split(" "), a = n[0] || "", c = n[1] || "";
+    if (e.style.transform = `${a} ${c} rotateX(${t.x}deg) rotateY(${t.y}deg) rotateZ(${t.z}deg)`, (t.x > 0 || t.y > 0 || t.z > 0) && (s.style.perspective = t.perspective + "px"), t.speed !== "") {
+      e.style.transition = `transform ${t.duration}ms ${t.speed} ${t.delay}ms`;
+      const l = t.duration + t.delay;
+      e._transitionTimer = setTimeout(() => {
+        e.style.transition = "";
+      }, l);
+    }
+  });
+};
+export {
+  d as executeRotateAction
+};

package/es/plugins/event/actions/scaleAction.mjs

@@ -0,0 +1,24 @@
+const y = (i, c) => {
+  var a;
+  const { scaleAction: t } = i;
+  (a = t.layerIds) != null && a.length && t.layerIds.forEach((l) => {
+    const e = document.getElementById(l).children[0], s = e.style.transform.split(" ");
+    if (e._transitionTimer && clearTimeout(e._transitionTimer), s.length >= 5) {
+      const r = s[2] || "", n = s[3] || "", o = s[4] || "";
+      e.style.transform = `scaleX(${t.x / 100}) scaleY(${t.y / 100}) ${r} ${n} ${o}`;
+    } else {
+      const r = s[0] || "", n = s[1] || "", o = s[2] || "";
+      e.style.transform = `scaleX(${t.x / 100}) scaleY(${t.y / 100}) ${r} ${n} ${o}`;
+    }
+    if (e.style.transformOrigin = t.origin, t.speed !== "") {
+      e.style.transition = `transform ${t.duration}ms ${t.speed} ${t.delay}ms`;
+      const r = t.duration + t.delay;
+      e._transitionTimer = setTimeout(() => {
+        e.style.transition = "";
+      }, r);
+    }
+  });
+};
+export {
+  y as executeScaleAction
+};

package/es/plugins/event/actions/sendApiAction.mjs

@@ -0,0 +1,16 @@
+import { SHJDatasourceV2 as s } from "../../datasource/index.mjs";
+const o = (a, t) => {
+  const { sendAPIAction: e } = a;
+  e.useDataSource && s.parse({
+    sources: [e.useDataSource],
+    callback: () => {
+    },
+    isStore: !1,
+    noUseMapping: !0,
+    tId: "",
+    isInterval: !1
+  });
+};
+export {
+  o as executeSendApiAction
+};

package/es/plugins/event/actions/ueCommonsWebscoketAction.mjs

@@ -0,0 +1,31 @@
+import { SHJDatasourceV2 as a } from "../../datasource/index.mjs";
+import { EventUtils as o } from "../utils/utils.mjs";
+const f = (r, n) => {
+  try {
+    const { ueCommonsWebscoketAction: e } = r;
+    if (e.dataType === "params") {
+      const t = o.toStringify(n);
+      e.escape ? window.SHJSceneUEIframeWebscoket.send(JSON.stringify(t)) : window.SHJSceneUEIframeWebscoket.send(t);
+      return;
+    }
+    if (!e.useDataSource)
+      return;
+    a.parse({
+      sources: [e.useDataSource],
+      isStore: !1,
+      noUseMapping: !0,
+      tId: "",
+      isInterval: !1,
+      callback: (t) => {
+        if (t && window.SHJSceneUEIframeWebscoket) {
+          const s = o.toStringify(t);
+          e.escape ? window.SHJSceneUEIframeWebscoket.send(JSON.stringify(s)) : window.SHJSceneUEIframeWebscoket.send(s);
+        }
+      }
+    });
+  } catch {
+  }
+};
+export {
+  f as executeUeCommonsWebscoketAction
+};

package/es/plugins/event/actions/ueShjExecMethodAction.mjs

@@ -0,0 +1,31 @@
+import { SHJDatasourceV2 as n } from "../../datasource/index.mjs";
+import { EventUtils as i } from "../utils/utils.mjs";
+const u = (r, a) => {
+  try {
+    const { ueShjExecMethodAction: e } = r;
+    if (e.dataType === "params") {
+      const t = i.toStringify(a);
+      e.escape ? window.ue5(e.functionName, JSON.stringify(t)) : window.ue5(e.functionName, t);
+      return;
+    }
+    if (!e.useDataSource)
+      return;
+    n.parse({
+      sources: [e.useDataSource],
+      isStore: !1,
+      noUseMapping: !0,
+      tId: "",
+      isInterval: !1,
+      callback: (t) => {
+        if (t) {
+          const o = i.toStringify(t);
+          e.escape ? window.ue5(e.functionName, JSON.stringify(o)) : window.ue5(e.functionName, o);
+        }
+      }
+    });
+  } catch {
+  }
+};
+export {
+  u as executeUeShjExecMethodAction
+};

package/es/plugins/event/actions/unityIframeExecMethodAction.mjs

@@ -0,0 +1,28 @@
+import { SHJDatasourceV2 as o } from "../../datasource/index.mjs";
+import { EventUtils as r } from "../utils/utils.mjs";
+const s = (t, a) => {
+  try {
+    const { unityIframeExecMethodAction: e } = t;
+    if (e.dataType === "params") {
+      const n = r.toStringify(a);
+      window.SHJSceneUnityIframeInstance.ref && window.SHJSceneUnityIframeInstance.ref.contentWindow.postMessage({ object: e.objectName, function: e.functionName, data: n }, window.SHJSceneUnityIframeInstance.url);
+      return;
+    }
+    if (!e.useDataSource)
+      return;
+    o.parse({
+      sources: [e.useDataSource],
+      isStore: !1,
+      noUseMapping: !0,
+      tId: "",
+      isInterval: !1,
+      callback: (n) => {
+        window.SHJSceneUnityIframeInstance.ref && window.SHJSceneUnityIframeInstance.ref.contentWindow.postMessage({ object: e.objectName, function: e.functionName, data: n }, window.SHJSceneUnityIframeInstance.url);
+      }
+    });
+  } catch {
+  }
+};
+export {
+  s as executeUnityIframeExecMethodAction
+};

package/es/plugins/event/actions/unityWebglExecMethodAction.mjs

@@ -0,0 +1,28 @@
+import { SHJDatasourceV2 as o } from "../../datasource/index.mjs";
+import { EventUtils as c } from "../utils/utils.mjs";
+const s = (t, a) => {
+  try {
+    const { unityWebglExecMethodAction: e } = t;
+    if (e.dataType === "params") {
+      const n = c.toStringify(a);
+      window.SHJSceneUnityIframeInstance.ref && window.SHJSceneUnityIframeInstance.ref.contentWindow.postMessage({ object: e.objectName, function: e.functionName, data: n }, window.SHJSceneUnityIframeInstance.url);
+      return;
+    }
+    if (!e.useDataSource)
+      return;
+    o.parse({
+      sources: [e.useDataSource],
+      isStore: !1,
+      noUseMapping: !0,
+      tId: "",
+      isInterval: !1,
+      callback: (n) => {
+        window.SHJSceneUnityIframeInstance.ref && window.SHJSceneUnityIframeInstance.ref.contentWindow.postMessage({ object: e.objectName, function: e.functionName, data: n }, window.SHJSceneUnityIframeInstance.url);
+      }
+    });
+  } catch {
+  }
+};
+export {
+  s as executeUnityWebglExecMethodAction
+};

package/es/plugins/event/actions/updatePageAction.mjs

@@ -0,0 +1,6 @@
+const t = (e, o) => {
+  window.location.reload();
+};
+export {
+  t as executeUpdatePageAction
+};

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

@@ -0,0 +1,25 @@
+import { SHJDatasourceV2 as n } from "../../datasource/index.mjs";
+import { DataSourceUtils as i } from "../../datasource/utils/utils.mjs";
+import { EventUtils as l } from "../utils/utils.mjs";
+const b = (o, s) => {
+  const { updateVariableAction: t } = o, r = i.getVariableData(), a = r.find((e) => e.id === t.name || e.name === t.name);
+  if (a) {
+    if (o.updateVariableAction.dataType === "params") {
+      a._value = s, i.setVariableData(r), l.updateWidgetVariableData(a);
+      return;
+    }
+    n.parse({
+      sources: [t.useDataSource],
+      isStore: !1,
+      noUseMapping: !0,
+      tId: "",
+      isInterval: !1,
+      callback: (e) => {
+        a._value = e, i.setVariableData(r), l.updateWidgetVariableData(a);
+      }
+    });
+  }
+};
+export {
+  b as executeUpdateVariableAction
+};

package/es/plugins/event/actions/updateWidgetAction.mjs

@@ -0,0 +1,14 @@
+import { ComponentRefs as o } from "../../utils/componentRefs.mjs";
+const a = (r, n) => {
+  try {
+    const { updateWidget: t } = r;
+    if (t.targetLayerId) {
+      const e = o.getComponentRef(t.targetLayerId);
+      e && e.ref && e.ref.refresh && e.ref.refresh();
+    }
+  } catch {
+  }
+};
+export {
+  a as executeUpdateWidgetAction
+};

package/es/plugins/event/actions/vrSceneMethodAction.mjs

@@ -0,0 +1,12 @@
+const t = (n, r) => {
+  try {
+    const { vrSceneMethodAction: e } = n;
+    if (!window.SHJSceneVrViewer || (e.type === "vrSceneToggle" && (window.SHJSceneVrViewer.loadScene(e.sceneId), window.SHJSceneVrViewer.stopAutoRotate()), e.type === "vrSceneToggleAngle" && (window.SHJSceneVrViewer.setHfov(e.angle.hfov), window.SHJSceneVrViewer.setYaw(e.angle.yaw), window.SHJSceneVrViewer.setPitch(e.angle.pitch)), e.type === "vrSceneStartRotate" && window.SHJSceneVrViewer.startAutoRotate(), e.type === "vrScenePausedRotate" && window.SHJSceneVrViewer.stopAutoRotate(), !window.SHJSceneVrViewer.audio))
+      return;
+    e.type === "vrScenePlayMusic" && window.SHJSceneVrViewer.audio.value.play(), e.type === "vrScenePausedMusic" && window.SHJSceneVrViewer.audio.value.pause();
+  } catch {
+  }
+};
+export {
+  t as executeVrSceneMethodAction
+};