@shjjs/visual-ui 1.0.26 → 1.0.29

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

@@ -29,7 +29,7 @@ const y = class y {
    */
   static parse({ sources: t, callback: a, tId: e, isStore: s = !1, noUseMapping: i = !1, isInterval: n = !0 }) {
     return a ?? (a = () => {
-    }), t && k(t) && t.length > 0 ? new Promise((p, o) => {
+    }), t && k(t) && t.length > 0 && t[0] ? new Promise((p, o) => {
       P.cleanupPreviousWebSockets(this.wsInstances, t.map((r) => r.id), e);
       const f = /* @__PURE__ */ new Set(), h = this.wsInstances.get(e) || /* @__PURE__ */ new Set();
       t.forEach((r) => {

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

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

package/es/components/interaction/tabs/index.vue.mjs

@@ -1,11 +1,11 @@
-import { defineComponent as k, ref as i, onMounted as E, createElementBlock as c, openBlock as r, normalizeStyle as u, unref as v, createCommentVNode as b, Fragment as O, renderList as w, withModifiers as L, normalizeClass as V, createVNode as B, nextTick as D } from "vue";
-import { useResizeObserver as N } from "@vueuse/core";
-import { useTabsWatch as T } from "./hooks/useTabsWatch.mjs";
-import { SHJDatasourceV2 as W } from "../../../commons/plugins/datasource/index.mjs";
-import { SHJParseEvent as H } from "../../../commons/plugins/event/index.mjs";
+import { defineComponent as x, ref as i, onMounted as O, createElementBlock as a, openBlock as c, normalizeStyle as u, unref as v, createCommentVNode as k, Fragment as w, renderList as L, withModifiers as V, normalizeClass as B, createVNode as D, nextTick as N } from "vue";
+import { useResizeObserver as T } from "@vueuse/core";
+import { useTabsWatch as W } from "./hooks/useTabsWatch.mjs";
+import { SHJDatasourceV2 as H } from "../../../commons/plugins/datasource/index.mjs";
+import { SHJParseEvent as g } from "../../../commons/plugins/event/index.mjs";
 import { Utils as f } from "../../../commons/utils/utils.mjs";
 import I from "../../../commons/components/text.vue.mjs";
-const J = ["onClick"], M = k({ name: "shj-tabs" }), K = /* @__PURE__ */ k({
+const J = ["onClick"], M = x({ name: "shj-tabs" }), K = /* @__PURE__ */ x({
   ...M,
   props: {
     option: {},
@@ -14,72 +14,72 @@ const J = ["onClick"], M = k({ name: "shj-tabs" }), K = /* @__PURE__ */ k({
     uuid: {}
   },
   emits: ["on-change"],
-  setup(x, { expose: g, emit: y }) {
-    const e = x, _ = y, l = i([]), o = i(e.option.value), a = () => {
-      W.parse({
+  setup(y, { expose: _, emit: C }) {
+    const e = y, h = C, s = i([]), o = i(e.option.value), r = () => {
+      H.parse({
         tId: e.uuid,
         sources: e.sources,
         callback: ({ data: t }) => {
           if (!t) {
-            l.value = [];
+            s.value = [];
             return;
           }
-          l.value = t[0].data, !o.value && l.value.length > 0 && (o.value = l.value[0].value), m();
+          s.value = t[0].data, !o.value && s.value.length > 0 && (o.value = s.value[0].value, h("on-change", s.value[0]), g.parseEvents(e.useEvents, "on-change", s.value[0])), m();
         }
       });
     };
-    E(() => a());
-    const C = (t) => {
-      t.value !== o.value && (_("on-change", t), H.parseEvents(e.useEvents, "on-change", t)), o.value = t.value;
+    O(() => r());
+    const j = (t) => {
+      t.value !== o.value && (h("on-change", t), g.parseEvents(e.useEvents, "on-change", t)), o.value = t.value;
     };
-    T(e, a, o, l), g({
-      refresh: () => a(),
+    W(e, r, o, s), _({
+      refresh: () => r(),
       refreshView: () => {
       },
       // 刷新视图 无需刷新
-      refreshData: () => a()
+      refreshData: () => r()
     });
-    const s = i(null), d = 150, p = i(!1), m = () => {
-      D(() => {
-        if (s.value) {
-          const { scrollWidth: t, clientWidth: h } = s.value;
-          p.value = t > h;
+    const n = i(null), d = 150, p = i(!1), m = () => {
+      N(() => {
+        if (n.value) {
+          const { scrollWidth: t, clientWidth: b } = n.value;
+          p.value = t > b;
         }
       });
-    }, j = () => {
-      s.value && (s.value.scrollLeft -= d);
     }, S = () => {
-      s.value && (s.value.scrollLeft += d);
+      n.value && (n.value.scrollLeft -= d);
+    }, E = () => {
+      n.value && (n.value.scrollLeft += d);
     };
-    return N(s, (t) => m()), (t, h) => (r(), c("div", {
+    return T(n, (t) => m()), (t, b) => (c(), a("div", {
       ref_key: "tabsContainer",
-      ref: s,
+      ref: n,
       class: "height-100 flex overflow-hidden scroll-behavior-smooth",
       style: u(v(f).json2cssObject(e.option.css.tab))
     }, [
-      p.value ? (r(), c("button", {
+      p.value ? (c(), a("button", {
         key: 0,
         class: "flex-none cursor-pointer position-absolute translate-center-left-active-scale-095 top-50 background-size-cover",
         style: u(v(f).json2cssObject(e.option.css.nav.left)),
-        onClick: j
-      }, null, 4)) : b("", !0),
-      (r(!0), c(O, null, w(l.value, (n, z) => (r(), c("div", {
+        onClick: S
+      }, null, 4)) : k("", !0),
+      (c(!0), a(w, null, L(s.value, (l, z) => (c(), a("div", {
         key: z,
-        class: V(["flex flex-none cursor-pointer transition-color-background-color background-size-cover", { selected: n.value === o.value }]),
-        style: u(v(f).json2cssObject(n.value === o.value ? e.option.css.item.selected : e.option.css.item)),
-        onClick: L((R) => C(n), ["stop"])
+        class: B(["flex flex-none cursor-pointer transition-color-background-color background-size-cover", { selected: l.value === o.value }]),
+        style: u(v(f).json2cssObject(l.value === o.value ? e.option.css.item.selected : e.option.css.item)),
+        onClick: V((R) => j(l), ["stop"])
       }, [
-        B(I, {
-          "text-style": n.value === o.value ? e.option.css.item.selected.textStyle : e.option.css.item.textStyle,
-          text: n.label
+        D(I, {
+          "text-style": l.value === o.value ? e.option.css.item.selected.textStyle : e.option.css.item.textStyle,
+          text: l.label
         }, null, 8, ["text-style", "text"])
       ], 14, J))), 128)),
-      p.value ? (r(), c("button", {
+      p.value ? (c(), a("button", {
         key: 1,
         class: "flex-none cursor-pointer position-absolute translate-center-right-active-scale-095 top-50 background-size-cover",
         style: u(v(f).json2cssObject(e.option.css.nav.right)),
-        onClick: S
-      }, null, 4)) : b("", !0)
+        onClick: E
+      }, null, 4)) : k("", !0)
     ], 4));
   }
 });

package/lib/commons/plugins/datasource/index.js

@@ -1,4 +1,4 @@
-"use strict";var b=Object.defineProperty;var U=(S,e,a)=>e in S?b(S,e,{enumerable:!0,configurable:!0,writable:!0,value:a}):S[e]=a;var P=(S,e,a)=>U(S,typeof e!="symbol"?e+"":e,a);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const y=require("lodash"),F=require("./sources/static.js"),A=require("./sources/url.js"),j=require("./sources/variable.js"),v=require("./sources/api.js"),K=require("./sources/ws.js"),I=require("./utils/utils.js"),x=require("./sources/storage.js"),g=class g{static addParser(e,a){this.parsers.add({type:e,parser:a})}static getParser(e){const a=Array.from(this.parsers).find(t=>t.type===e);return a==null?void 0:a.parser}static parse({sources:e,callback:a,tId:t,isStore:s=!1,noUseMapping:i=!1,isInterval:n=!0}){return a??(a=()=>{}),e&&y.isArray(e)&&e.length>0?new Promise((u,o)=>{I.DataSourceUtils.cleanupPreviousWebSockets(this.wsInstances,e.map(r=>r.id),t);const c=new Set,h=this.wsInstances.get(t)||new Set;e.forEach(r=>{var m;if(n){const{source:l}=r,d=`${t}-${r.id}`,w=this.datasourceTimer.findIndex(D=>D.id===d);if(w!==-1&&(clearInterval(this.datasourceTimer[w].timer),this.datasourceTimer.splice(w,1)),l.isAutoUpdate){const D=setInterval(()=>{var f;(f=this.task(r,s,i,t,p=>{a(p)}))==null||f.then(p=>{u(p)})},l.autoUpdateTime*1e3);this.datasourceTimer.push({id:d,timer:D})}}if(r.source.type!=="ws"){(m=this.task(r,s,i,t,l=>a(l)))==null||m.then(l=>u(l));return}if(I.DataSourceUtils.hasValidWebSocket(this.wsInstances,t,r.id))h.forEach(l=>{l.getId()===r.id&&c.add(l)});else{const l=K.parseWebSocket(r,r.id,i,t,d=>{u(d),a({data:[{data:d.finalUserData.data}]}),this.taskStorage(e,d.rawData.data)});c.add(l)}}),c.size>0&&this.wsInstances.set(t,c)}):(a([]),Promise.resolve([]))}static task(e,a=!1,t=!1,s,i=()=>{}){return e?new Promise((n,u)=>{let o=null;const{source:c}=e,h=this.getParser(c.type);h&&(o=h(e,e.id,t)),o.then(r=>{i(t?r.noMappingData:r.finalKeyData),this.taskStorage(e,r.rawData.data),n(r)})}):(i([]),Promise.resolve([]))}static filterData(e,a){return new Promise((t,s)=>{if(y.isString(e)){try{const i=I.DataSourceUtils.getVariableData();let n=`
+"use strict";var b=Object.defineProperty;var U=(S,e,a)=>e in S?b(S,e,{enumerable:!0,configurable:!0,writable:!0,value:a}):S[e]=a;var P=(S,e,a)=>U(S,typeof e!="symbol"?e+"":e,a);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const y=require("lodash"),F=require("./sources/static.js"),A=require("./sources/url.js"),j=require("./sources/variable.js"),v=require("./sources/api.js"),K=require("./sources/ws.js"),I=require("./utils/utils.js"),x=require("./sources/storage.js"),g=class g{static addParser(e,a){this.parsers.add({type:e,parser:a})}static getParser(e){const a=Array.from(this.parsers).find(t=>t.type===e);return a==null?void 0:a.parser}static parse({sources:e,callback:a,tId:t,isStore:s=!1,noUseMapping:i=!1,isInterval:n=!0}){return a??(a=()=>{}),e&&y.isArray(e)&&e.length>0&&e[0]?new Promise((u,o)=>{I.DataSourceUtils.cleanupPreviousWebSockets(this.wsInstances,e.map(r=>r.id),t);const c=new Set,h=this.wsInstances.get(t)||new Set;e.forEach(r=>{var m;if(n){const{source:l}=r,d=`${t}-${r.id}`,w=this.datasourceTimer.findIndex(D=>D.id===d);if(w!==-1&&(clearInterval(this.datasourceTimer[w].timer),this.datasourceTimer.splice(w,1)),l.isAutoUpdate){const D=setInterval(()=>{var f;(f=this.task(r,s,i,t,p=>{a(p)}))==null||f.then(p=>{u(p)})},l.autoUpdateTime*1e3);this.datasourceTimer.push({id:d,timer:D})}}if(r.source.type!=="ws"){(m=this.task(r,s,i,t,l=>a(l)))==null||m.then(l=>u(l));return}if(I.DataSourceUtils.hasValidWebSocket(this.wsInstances,t,r.id))h.forEach(l=>{l.getId()===r.id&&c.add(l)});else{const l=K.parseWebSocket(r,r.id,i,t,d=>{u(d),a({data:[{data:d.finalUserData.data}]}),this.taskStorage(e,d.rawData.data)});c.add(l)}}),c.size>0&&this.wsInstances.set(t,c)}):(a([]),Promise.resolve([]))}static task(e,a=!1,t=!1,s,i=()=>{}){return e?new Promise((n,u)=>{let o=null;const{source:c}=e,h=this.getParser(c.type);h&&(o=h(e,e.id,t)),o.then(r=>{i(t?r.noMappingData:r.finalKeyData),this.taskStorage(e,r.rawData.data),n(r)})}):(i([]),Promise.resolve([]))}static filterData(e,a){return new Promise((t,s)=>{if(y.isString(e)){try{const i=I.DataSourceUtils.getVariableData();let n=`
                         ${e}
             
                         // 在这里调用 filter 函数，并传递 data 参数

package/lib/commons/plugins/event/index.js

@@ -1,9 +1,9 @@
-"use strict";var A=Object.defineProperty;var y=(a,e,t)=>e in a?A(a,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):a[e]=t;var l=(a,e,t)=>y(a,typeof e!="symbol"?e+"":e,t);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("lodash"),m=require("./actions/pageAction.js"),h=require("./actions/linkAction.js"),x=require("./actions/moveAction.js"),g=require("./actions/sendApiAction.js"),q=require("./actions/scaleAction.js"),E=require("./actions/rotateAction.js"),S=require("./actions/updatePageAction.js"),b=require("./actions/invokeAction.js"),M=require("./actions/fullScreenAction.js"),k=require("./actions/updateVariableAction.js"),w=require("./actions/updateWidgetAction.js"),P=require("./actions/ueCommonsWebscoketAction.js"),W=require("./actions/ueShjExecMethodAction.js"),v=require("./actions/unityWebglExecMethodAction.js"),C=require("./actions/unityIframeExecMethodAction.js"),U=require("./actions/vrSceneMethodAction.js");class p{static addAction(e,t){this.actions.add({type:e,parser:t})}static getAction(e){const t=Array.from(this.actions).find(i=>i.type===e);return t==null?void 0:t.parser}static parseEvents(e,t,i){e!=null&&e.length&&e.forEach((r,d)=>{r.eventType===t&&setTimeout(()=>{const u=new CustomEvent("event-params-log",{detail:{eventId:r.id,params:i}});window.dispatchEvent(u);const s=this.filterEvent(r,i);if(!this.conditionLogic(r,s)||!r.actions)return;const c=this.getAction(r.actions);c&&c(r,s)},r.delay+d*10)})}static filterEvent(e,t){let i=f.cloneDeep(t);if(e.filterCode)try{const r=`
+"use strict";var f=Object.defineProperty;var y=(s,e,t)=>e in s?f(s,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):s[e]=t;var p=(s,e,t)=>y(s,typeof e!="symbol"?e+"":e,t);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const h=require("lodash"),m=require("./actions/linkAction.js"),g=require("./actions/moveAction.js"),x=require("./actions/sendApiAction.js"),S=require("./actions/scaleAction.js"),b=require("./actions/rotateAction.js"),q=require("./actions/updatePageAction.js"),E=require("./actions/invokeAction.js"),M=require("./actions/fullScreenAction.js"),U=require("./actions/updateVariableAction.js"),V=require("./actions/updateWidgetAction.js"),v=require("./actions/ueCommonsWebscoketAction.js"),k=require("./actions/ueShjExecMethodAction.js"),w=require("./actions/unityWebglExecMethodAction.js"),D=require("./actions/unityIframeExecMethodAction.js"),W=require("./actions/vrSceneMethodAction.js"),d=require("../datasource/utils/utils.js");class A{static addAction(e,t){const n=Array.from(this.actions).find(r=>r.type===e);n&&this.actions.delete(n),this.actions.add({type:e,parser:t})}static getAction(e){const t=Array.from(this.actions).find(n=>n.type===e);return t==null?void 0:t.parser}static parseEvents(e,t,n){e!=null&&e.length&&e.forEach((r,a)=>{r.eventType===t&&setTimeout(()=>{const u=new CustomEvent("event-params-log",{detail:{eventId:r.id,params:n}});window.dispatchEvent(u);const l=this.filterEvent(r,n);if(!this.conditionLogic(r,l)||!r.actions)return;const o=this.getAction(r.actions);o&&o(r,l)},r.delay+a*10)})}static filterEvent(e,t){let n=h.cloneDeep(t);if(e.filterCode)try{const r=d.DataSourceUtils.getVariableData();let a=`
                  ${e.filterCode}
      
                  // 在这里调用 filter 函数，并传递 data 参数
                  return filter(data);
-             `;i=new Function("data",r)(t)}catch{}return i}static conditionLogic(e,t){var u,s;if(!((s=(u=e.condition)==null?void 0:u.list)!=null&&s.length))return!0;const i=c=>{if(c.type==="field"){if(!c.conditionName)return!1;const n=t[c.conditionName];if(n===void 0)return!1;const o=c.conditionValue;switch(c.conditionExpression){case"eq":return n.toString()===(o||"").toString();case"neq":return n!==o;case"lt":return n<Number(o);case"gt":return n>Number(o);case"lte":return n<=Number(o);case"gte":return n>=Number(o);case"includes":return n.includes(o);case"noincludes":return!n.includes(o);default:return!1}}if(c.type==="custom")try{const n=`
-                        ${c.customValue}
+             `;a=a.replace(/\/\*[\s\S]*?\*\/|\/\/.*/g,""),a=d.DataSourceUtils.replaceStringVariables(a,r),n=new Function("data",a)(t)}catch{}return n}static conditionLogic(e,t){var u,l;if(!((l=(u=e.condition)==null?void 0:u.list)!=null&&l.length))return!0;const n=o=>{if(o.type==="field"){if(!o.conditionName)return!1;const c=t[o.conditionName];if(c===void 0)return!1;const i=o.conditionValue;switch(o.conditionExpression){case"eq":return c.toString()===(i||"").toString();case"neq":return c!==i;case"lt":return c<Number(i);case"gt":return c>Number(i);case"lte":return c<=Number(i);case"gte":return c>=Number(i);case"includes":return c.includes(i);case"noincludes":return!c.includes(i);default:return!1}}if(o.type==="custom")try{const c=d.DataSourceUtils.getVariableData();let i=`
+                        ${o.customValue}
                         return condition(data);
-                    `;return new Function("data",n)(t)}catch{return!1}return!1},r=e.condition.list.map(i);return e.condition.type==="and"?r.every(Boolean):r.some(Boolean)}}l(p,"actions",new Set([{type:"page",parser:m.executePageAction},{type:"link",parser:h.executeLinkAction},{type:"sendApi",parser:g.executeSendApiAction},{type:"move",parser:x.executeMoveAction},{type:"scale",parser:q.executeScaleAction},{type:"rotate",parser:E.executeRotateAction},{type:"updatePage",parser:S.executeUpdatePageAction},{type:"invoke",parser:b.executeInvokeAction},{type:"fullscreen",parser:M.executeFullScreenAction},{type:"updateVariable",parser:k.executeUpdateVariableAction},{type:"updateWidget",parser:w.executeUpdateWidgetAction},{type:"ueCommonsWebscoket",parser:P.executeUeCommonsWebscoketAction},{type:"ueShjExecMethod",parser:W.executeUeShjExecMethodAction},{type:"unityWebglExecMethod",parser:v.executeUnityWebglExecMethodAction},{type:"unityIframeExecMethod",parser:C.executeUnityIframeExecMethodAction},{type:"vrSceneMethod",parser:U.executeVrSceneMethodAction}]));exports.SHJParseEvent=p;
+                    `;return i=i.replace(/\/\*[\s\S]*?\*\/|\/\/.*/g,""),i=d.DataSourceUtils.replaceStringVariables(i,c),new Function("data",i)(t)}catch{return!1}return!1},r=e.condition.list.map(n);return e.condition.type==="and"?r.every(Boolean):r.some(Boolean)}}p(A,"actions",new Set([{type:"link",parser:m.executeLinkAction},{type:"sendApi",parser:x.executeSendApiAction},{type:"move",parser:g.executeMoveAction},{type:"scale",parser:S.executeScaleAction},{type:"rotate",parser:b.executeRotateAction},{type:"updatePage",parser:q.executeUpdatePageAction},{type:"invoke",parser:E.executeInvokeAction},{type:"fullscreen",parser:M.executeFullScreenAction},{type:"updateVariable",parser:U.executeUpdateVariableAction},{type:"updateWidget",parser:V.executeUpdateWidgetAction},{type:"ueCommonsWebscoket",parser:v.executeUeCommonsWebscoketAction},{type:"ueShjExecMethod",parser:k.executeUeShjExecMethodAction},{type:"unityWebglExecMethod",parser:w.executeUnityWebglExecMethodAction},{type:"unityIframeExecMethod",parser:D.executeUnityIframeExecMethodAction},{type:"vrSceneMethod",parser:W.executeVrSceneMethodAction}]));exports.SHJParseEvent=A;

package/lib/components/interaction/tabs/index.vue.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),x=require("@vueuse/core"),g=require("./hooks/useTabsWatch.js"),S=require("../../../commons/plugins/datasource/index.js"),C=require("../../../commons/plugins/event/index.js"),a=require("../../../commons/utils/utils.js"),B=require("../../../commons/components/text.vue.js"),j=["onClick"],z=e.defineComponent({name:"shj-tabs"}),E=e.defineComponent({...z,props:{option:{},sources:{},useEvents:{},uuid:{}},emits:["on-change"],setup(p,{expose:d,emit:b}){const t=p,h=b,n=e.ref([]),s=e.ref(t.option.value),r=()=>{S.SHJDatasourceV2.parse({tId:t.uuid,sources:t.sources,callback:({data:o})=>{if(!o){n.value=[];return}n.value=o[0].data,!s.value&&n.value.length>0&&(s.value=n.value[0].value),v()}})};e.onMounted(()=>r());const k=o=>{o.value!==s.value&&(h("on-change",o),C.SHJParseEvent.parseEvents(t.useEvents,"on-change",o)),s.value=o.value};g.useTabsWatch(t,r,s,n),d({refresh:()=>r(),refreshView:()=>{},refreshData:()=>r()});const l=e.ref(null),i=150,u=e.ref(!1),v=()=>{e.nextTick(()=>{if(l.value){const{scrollWidth:o,clientWidth:f}=l.value;u.value=o>f}})},m=()=>{l.value&&(l.value.scrollLeft-=i)},_=()=>{l.value&&(l.value.scrollLeft+=i)};return x.useResizeObserver(l,o=>v()),(o,f)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"tabsContainer",ref:l,class:"height-100 flex overflow-hidden scroll-behavior-smooth",style:e.normalizeStyle(e.unref(a.Utils).json2cssObject(t.option.css.tab))},[u.value?(e.openBlock(),e.createElementBlock("button",{key:0,class:"flex-none cursor-pointer position-absolute translate-center-left-active-scale-095 top-50 background-size-cover",style:e.normalizeStyle(e.unref(a.Utils).json2cssObject(t.option.css.nav.left)),onClick:m},null,4)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.value,(c,y)=>(e.openBlock(),e.createElementBlock("div",{key:y,class:e.normalizeClass(["flex flex-none cursor-pointer transition-color-background-color background-size-cover",{selected:c.value===s.value}]),style:e.normalizeStyle(e.unref(a.Utils).json2cssObject(c.value===s.value?t.option.css.item.selected:t.option.css.item)),onClick:e.withModifiers(q=>k(c),["stop"])},[e.createVNode(B.default,{"text-style":c.value===s.value?t.option.css.item.selected.textStyle:t.option.css.item.textStyle,text:c.label},null,8,["text-style","text"])],14,j))),128)),u.value?(e.openBlock(),e.createElementBlock("button",{key:1,class:"flex-none cursor-pointer position-absolute translate-center-right-active-scale-095 top-50 background-size-cover",style:e.normalizeStyle(e.unref(a.Utils).json2cssObject(t.option.css.nav.right)),onClick:_},null,4)):e.createCommentVNode("",!0)],4))}});exports.default=E;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),x=require("@vueuse/core"),S=require("./hooks/useTabsWatch.js"),C=require("../../../commons/plugins/datasource/index.js"),d=require("../../../commons/plugins/event/index.js"),a=require("../../../commons/utils/utils.js"),E=require("../../../commons/components/text.vue.js"),B=["onClick"],j=e.defineComponent({name:"shj-tabs"}),z=e.defineComponent({...j,props:{option:{},sources:{},useEvents:{},uuid:{}},emits:["on-change"],setup(h,{expose:b,emit:k}){const t=h,i=k,o=e.ref([]),n=e.ref(t.option.value),r=()=>{C.SHJDatasourceV2.parse({tId:t.uuid,sources:t.sources,callback:({data:s})=>{if(!s){o.value=[];return}o.value=s[0].data,!n.value&&o.value.length>0&&(n.value=o.value[0].value,i("on-change",o.value[0]),d.SHJParseEvent.parseEvents(t.useEvents,"on-change",o.value[0])),f()}})};e.onMounted(()=>r());const m=s=>{s.value!==n.value&&(i("on-change",s),d.SHJParseEvent.parseEvents(t.useEvents,"on-change",s)),n.value=s.value};S.useTabsWatch(t,r,n,o),b({refresh:()=>r(),refreshView:()=>{},refreshData:()=>r()});const l=e.ref(null),v=150,u=e.ref(!1),f=()=>{e.nextTick(()=>{if(l.value){const{scrollWidth:s,clientWidth:p}=l.value;u.value=s>p}})},_=()=>{l.value&&(l.value.scrollLeft-=v)},g=()=>{l.value&&(l.value.scrollLeft+=v)};return x.useResizeObserver(l,s=>f()),(s,p)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"tabsContainer",ref:l,class:"height-100 flex overflow-hidden scroll-behavior-smooth",style:e.normalizeStyle(e.unref(a.Utils).json2cssObject(t.option.css.tab))},[u.value?(e.openBlock(),e.createElementBlock("button",{key:0,class:"flex-none cursor-pointer position-absolute translate-center-left-active-scale-095 top-50 background-size-cover",style:e.normalizeStyle(e.unref(a.Utils).json2cssObject(t.option.css.nav.left)),onClick:_},null,4)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.value,(c,y)=>(e.openBlock(),e.createElementBlock("div",{key:y,class:e.normalizeClass(["flex flex-none cursor-pointer transition-color-background-color background-size-cover",{selected:c.value===n.value}]),style:e.normalizeStyle(e.unref(a.Utils).json2cssObject(c.value===n.value?t.option.css.item.selected:t.option.css.item)),onClick:e.withModifiers(q=>m(c),["stop"])},[e.createVNode(E.default,{"text-style":c.value===n.value?t.option.css.item.selected.textStyle:t.option.css.item.textStyle,text:c.label},null,8,["text-style","text"])],14,B))),128)),u.value?(e.openBlock(),e.createElementBlock("button",{key:1,class:"flex-none cursor-pointer position-absolute translate-center-right-active-scale-095 top-50 background-size-cover",style:e.normalizeStyle(e.unref(a.Utils).json2cssObject(t.option.css.nav.right)),onClick:g},null,4)):e.createCommentVNode("",!0)],4))}});exports.default=z;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@shjjs/visual-ui",
-  "version": "1.0.26",
+  "version": "1.0.29",
   "description": "国产自研零代码可视化源码工具",
   "keywords": [
     "three",

package/es/commons/plugins/event/actions/pageAction.d.ts

@@ -1,8 +0,0 @@
-import { IEvent } from '..';
-/**
- * 执行页面跳转
- * @param event 事件
- * @param params 参数
- * @returns
- */
-export declare const executePageAction: (event: IEvent, params: any) => void;

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

@@ -1,25 +0,0 @@
-import { DataSourceUtils as l } from "../../datasource/utils/utils.mjs";
-import { EventUtils as p } from "../utils/utils.mjs";
-const S = (g, w) => {
-  const { pageAction: e } = g, d = l.getVariableData(), s = l.replaceStringVariables(e.parameter, d), r = s ? p.urlParamToJson(s) : null;
-  let a = e.target;
-  if (!a && e.pageId && (window.location.href.includes("/sharing") && (window.location.href.includes("/#") ? a = `/#/proto/${e.pageId}/sharing` : a = `/proto/${e.pageId}/sharing`), window.location.href.includes("/release") && (window.location.href.includes("/#") ? a = `/#/release/${e.pageId}` : a = `/release/${e.pageId}`)), !a)
-    return;
-  const t = new URL(a, window.location.origin);
-  if (r) {
-    const n = t.toString().indexOf("/#/");
-    if (n !== -1) {
-      const o = t.toString().substring(0, n), i = t.toString().substring(n), c = new URLSearchParams();
-      Object.entries(r).forEach(([f, h]) => {
-        c.append(f, h);
-      }), window.location.href = `${o}${i}?${c.toString()}`;
-    } else
-      Object.entries(r).forEach(([o, i]) => {
-        t.searchParams.append(o, i);
-      }), window.location.href = t.toString();
-  } else
-    window.location.href = t.toString();
-};
-export {
-  S as executePageAction
-};

package/es/components/chart-bar-animation/index.d.ts

@@ -1,52 +0,0 @@
-export declare const ZvChartBarAnimation: import("../../commons/utils/typescript").SFCWithInstall<import("vue").DefineComponent<{
-    basicOption: {
-        type: any;
-        required: true;
-    };
-    sources: {
-        type: ArrayConstructor;
-        required: true;
-    };
-    useEvents: {
-        type: ArrayConstructor;
-        required: true;
-    };
-    uuid: {
-        type: StringConstructor;
-        required: true;
-    };
-}, {
-    props: any;
-    emit: (event: "chart-click" | "chart-dblclick" | "chart-mousedown" | "chart-mouseover" | "chart-mouseout" | "chart-contextmenu" | "on-data-success", ...args: any[]) => void;
-    id: string;
-    setOption: (optionParams: any, type?: any) => void;
-    chart: import("vue").ShallowRef<import("echarts/types/dist/echarts").ECharts>;
-    renderChart: import("lodash").DebouncedFunc<(option: import("echarts/types/dist/echarts").EChartsOption) => void>;
-    renderData: Function;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("chart-click" | "chart-dblclick" | "chart-mousedown" | "chart-mouseover" | "chart-mouseout" | "chart-contextmenu" | "on-data-success")[], "chart-click" | "chart-dblclick" | "chart-mousedown" | "chart-mouseover" | "chart-mouseout" | "chart-contextmenu" | "on-data-success", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    basicOption: {
-        type: any;
-        required: true;
-    };
-    sources: {
-        type: ArrayConstructor;
-        required: true;
-    };
-    useEvents: {
-        type: ArrayConstructor;
-        required: true;
-    };
-    uuid: {
-        type: StringConstructor;
-        required: true;
-    };
-}>> & {
-    "onChart-click"?: (...args: any[]) => any;
-    "onChart-dblclick"?: (...args: any[]) => any;
-    "onChart-mousedown"?: (...args: any[]) => any;
-    "onChart-mouseover"?: (...args: any[]) => any;
-    "onChart-mouseout"?: (...args: any[]) => any;
-    "onChart-contextmenu"?: (...args: any[]) => any;
-    "onOn-data-success"?: (...args: any[]) => any;
-}, {}, {}>> & Record<string, any>;
-export default ZvChartBarAnimation;

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

@@ -1,7 +0,0 @@
-import t from "./index.vue.mjs";
-import { withInstall as a } from "../../commons/utils/install.mjs";
-const i = a(t);
-export {
-  i as ZvChartBarAnimation,
-  i as default
-};

package/es/components/chart-bar-animation/index.vue.d.ts

@@ -1,52 +0,0 @@
-declare const _sfc_main: import("vue").DefineComponent<{
-    basicOption: {
-        type: any;
-        required: true;
-    };
-    sources: {
-        type: ArrayConstructor;
-        required: true;
-    };
-    useEvents: {
-        type: ArrayConstructor;
-        required: true;
-    };
-    uuid: {
-        type: StringConstructor;
-        required: true;
-    };
-}, {
-    props: any;
-    emit: (event: "chart-click" | "chart-dblclick" | "chart-mousedown" | "chart-mouseover" | "chart-mouseout" | "chart-contextmenu" | "on-data-success", ...args: any[]) => void;
-    id: string;
-    setOption: (optionParams: any, type?: any) => void;
-    chart: import("vue").ShallowRef<import("echarts/types/dist/echarts").ECharts>;
-    renderChart: import("lodash").DebouncedFunc<(option: import("echarts/types/dist/echarts").EChartsOption) => void>;
-    renderData: Function;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("chart-click" | "chart-dblclick" | "chart-mousedown" | "chart-mouseover" | "chart-mouseout" | "chart-contextmenu" | "on-data-success")[], "chart-click" | "chart-dblclick" | "chart-mousedown" | "chart-mouseover" | "chart-mouseout" | "chart-contextmenu" | "on-data-success", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    basicOption: {
-        type: any;
-        required: true;
-    };
-    sources: {
-        type: ArrayConstructor;
-        required: true;
-    };
-    useEvents: {
-        type: ArrayConstructor;
-        required: true;
-    };
-    uuid: {
-        type: StringConstructor;
-        required: true;
-    };
-}>> & {
-    "onChart-click"?: (...args: any[]) => any;
-    "onChart-dblclick"?: (...args: any[]) => any;
-    "onChart-mousedown"?: (...args: any[]) => any;
-    "onChart-mouseover"?: (...args: any[]) => any;
-    "onChart-mouseout"?: (...args: any[]) => any;
-    "onChart-contextmenu"?: (...args: any[]) => any;
-    "onOn-data-success"?: (...args: any[]) => any;
-}, {}, {}>;
-export default _sfc_main;