@shjjs/visual-ui 1.0.26 → 1.0.28

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

@@ -1,22 +1,21 @@
-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";
+var m = Object.defineProperty;
+var f = (a, e, t) => e in a ? m(a, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : a[e] = t;
+var d = (a, e, t) => f(a, typeof e != "symbol" ? e + "" : e, t);
+import { cloneDeep as l } from "lodash";
+import { executeLinkAction as y } 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 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 { executeScaleAction as x } from "./actions/scaleAction.mjs";
+import { executeRotateAction as g } from "./actions/rotateAction.mjs";
+import { executeUpdatePageAction as E } from "./actions/updatePageAction.mjs";
+import { executeInvokeAction as S } from "./actions/invokeAction.mjs";
+import { executeFullScreenAction as b } 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 N } from "./actions/unityIframeExecMethodAction.mjs";
 import { executeVrSceneMethodAction as V } from "./actions/vrSceneMethodAction.mjs";
 class W {
   /**
@@ -25,7 +24,8 @@ class W {
    * @param parser 事件解析器
    */
   static addAction(e, t) {
-    this.actions.add({ type: e, parser: t });
+    const o = Array.from(this.actions).find((r) => r.type === e);
+    o && this.actions.delete(o), this.actions.add({ type: e, parser: t });
   }
   /**
    * 获取事件解析器
@@ -33,7 +33,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((o) => o.type === e);
     return t == null ? void 0 : t.parser;
   }
   /**
@@ -42,21 +42,21 @@ class W {
    * @param type 事件类型
    * @param params 参数
    */
-  static parseEvents(e, t, n) {
+  static parseEvents(e, t, o) {
     e != null && e.length && e.forEach((r, p) => {
       r.eventType === t && setTimeout(() => {
         const u = new CustomEvent("event-params-log", {
           detail: {
             eventId: r.id,
-            params: n
+            params: o
           }
         });
         window.dispatchEvent(u);
-        const s = this.filterEvent(r, n);
+        const s = this.filterEvent(r, o);
         if (!this.conditionLogic(r, s) || !r.actions)
           return;
-        const i = this.getAction(r.actions);
-        i && i(r, s);
+        const n = this.getAction(r.actions);
+        n && n(r, s);
       }, r.delay + p * 10);
     });
   }
@@ -67,7 +67,7 @@ class W {
    * @returns 过滤后的参数
    */
   static filterEvent(e, t) {
-    let n = f(t);
+    let o = l(t);
     if (e.filterCode)
       try {
         const r = `
@@ -76,10 +76,10 @@ class W {
                  // 在这里调用 filter 函数，并传递 data 参数
                  return filter(data);
              `;
-        n = new Function("data", r)(t);
+        o = new Function("data", r)(t);
       } catch {
       }
-    return n;
+    return o;
   }
   /**
    * 条件逻辑判断
@@ -91,65 +91,64 @@ class W {
     var u, s;
     if (!((s = (u = e.condition) == null ? void 0 : u.list) != null && s.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 o = (n) => {
+      if (n.type === "field") {
+        if (!n.conditionName) return !1;
+        const i = t[n.conditionName];
+        if (i === void 0) return !1;
+        const c = n.conditionValue;
+        switch (n.conditionExpression) {
           case "eq":
-            return o.toString() === (c || "").toString();
+            return i.toString() === (c || "").toString();
           case "neq":
-            return o !== c;
+            return i !== c;
           case "lt":
-            return o < Number(c);
+            return i < Number(c);
           case "gt":
-            return o > Number(c);
+            return i > Number(c);
           case "lte":
-            return o <= Number(c);
+            return i <= Number(c);
           case "gte":
-            return o >= Number(c);
+            return i >= Number(c);
           case "includes":
-            return o.includes(c);
+            return i.includes(c);
           case "noincludes":
-            return !o.includes(c);
+            return !i.includes(c);
           default:
             return !1;
         }
       }
-      if (i.type === "custom")
+      if (n.type === "custom")
         try {
-          const o = `
-                        ${i.customValue}
+          const i = `
+                        ${n.customValue}
                         return condition(data);
                     `;
-          return new Function("data", o)(t);
+          return new Function("data", i)(t);
         } catch {
           return !1;
         }
       return !1;
-    }, r = e.condition.list.map(n);
+    }, r = e.condition.list.map(o);
     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 },
+d(W, "actions", /* @__PURE__ */ new Set([
+  { type: "link", parser: y },
   { 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: "scale", parser: x },
+  { type: "rotate", parser: g },
+  { type: "updatePage", parser: E },
+  { type: "invoke", parser: S },
+  { type: "fullscreen", parser: b },
+  { type: "updateVariable", parser: w },
+  { type: "updateWidget", parser: M },
+  { type: "ueCommonsWebscoket", parser: U },
+  { type: "ueShjExecMethod", parser: k },
+  { type: "unityWebglExecMethod", parser: C },
+  { type: "unityIframeExecMethod", parser: N },
   { type: "vrSceneMethod", parser: V }
 ]));
 export {

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

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.28",
   "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;

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

@@ -1,79 +0,0 @@
-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: {},
-    sources: {},
-    useEvents: {},
-    uuid: {}
-  },
-  emits: [
-    "on-data-success",
-    "chart-click",
-    "chart-dblclick",
-    "chart-mousedown",
-    "chart-mouseover",
-    "chart-mouseout",
-    "chart-contextmenu"
-  ],
-  setup(m, { expose: p, emit: d }) {
-    const e = m, l = d, {
-      id: h,
-      setOption: o,
-      chart: f,
-      renderChart: c,
-      renderData: a
-    } = D({
-      basicOption: r(e.basicOption),
-      useEvents: r(e.useEvents),
-      customRenderData: (s) => {
-        s = r(s), g.parse({
-          tId: e.uuid,
-          sources: e.sources,
-          callback: ({ data: t }) => {
-            try {
-              n.parseEvents(e.useEvents, "dataListener", t), s.dataset = k(r(t)), s.series = w(t, s.series), o(s);
-            } catch {
-              n.parseEvents(e.useEvents, "dataListener", null), o(s);
-            }
-          }
-        });
-      },
-      emit: l
-    });
-    return i(() => e.sources, () => {
-      e.sources && e.sources.length > 0 && a(e.basicOption);
-    }, {
-      deep: !0
-    }), i(() => r(e.basicOption), (s, t) => {
-      O(s, t) || c(s);
-    }, {
-      deep: !0
-    }), p({
-      getEchartsInstance: () => f.value,
-      refresh: () => {
-        e.sources && e.sources.length > 0 && c(e.basicOption), a(e.basicOption);
-      },
-      refreshView: () => {
-        e.sources && e.sources.length > 0 && c(e.basicOption);
-      },
-      refreshData: () => {
-        a(e.basicOption);
-      }
-    }), (s, t) => (b(), v("div", x, [
-      E("div", {
-        id: _(h),
-        class: "widget"
-      }, null, 8, C)
-    ]));
-  }
-});
-export {
-  y as default
-};

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

@@ -1,4 +0,0 @@
-import f from "./index.vue.mjs";
-export {
-  f as default
-};