@shjjs/visual-ui 1.0.18 → 1.0.19

package/es/components/text-table-scroll/index.vue2.mjs

@@ -1,10 +1,11 @@
-import { defineComponent as W, useCssVars as B, ref as h, onMounted as I, watch as S, createElementBlock as i, createCommentVNode as E, openBlock as r, normalizeStyle as u, createVNode as R, Fragment as O, renderList as v, normalizeClass as V, createElementVNode as j, toDisplayString as w, unref as A, withCtx as T } from "vue";
-import { cloneDeep as y, isEqual as H } from "lodash";
-import { Vue3SeamlessScroll as q } from "vue3-seamless-scroll";
-import { nanoid as g } from "nanoid";
-import { SHJDatasourceV2 as U } from "../../commons/core/datasource/index.mjs";
-const G = ["onClick", "onMouseenter", "onMouseout"], K = ["onClick"], Q = { key: 1 }, X = W({ name: "zv-text-table-scroll" }), te = /* @__PURE__ */ W({
-  ...X,
+import { defineComponent as M, useCssVars as j, ref as v, onMounted as A, watch as S, createElementBlock as i, createCommentVNode as V, openBlock as r, normalizeStyle as u, createVNode as J, Fragment as O, renderList as y, normalizeClass as W, createElementVNode as T, toDisplayString as g, unref as q, withCtx as P } from "vue";
+import { cloneDeep as k, isEqual as z } from "lodash";
+import { Vue3SeamlessScroll as U } from "vue3-seamless-scroll";
+import { nanoid as w } from "nanoid";
+import { SHJDatasourceV2 as G } from "../../commons/plugins/datasource/index.mjs";
+import { SHJParseEvent as p } from "../../commons/plugins/event/index.mjs";
+const K = ["onClick", "onMouseenter", "onMouseout"], Q = ["onClick"], X = { key: 1 }, Y = M({ name: "zv-text-table-scroll" }), ne = /* @__PURE__ */ M({
+  ...Y,
   props: {
     basicOption: {},
     useEvents: {},
@@ -12,93 +13,93 @@ const G = ["onClick", "onMouseenter", "onMouseout"], K = ["onClick"], Q = { key:
     uuid: {}
   },
   emits: ["on-click-item", "on-click-row", "on-mouseenter-row", "on-mouseout-row"],
-  setup(z, { expose: J, emit: M }) {
-    B((e) => ({
-      c8ab01be: e.basicOption.css.table.borderWidth + "px",
-      "16a7d052": e.basicOption.css.table.borderStyle,
-      "186facee": e.basicOption.css.table.borderColor,
-      "83d19aba": e.basicOption.css.table.paddingLeft + "px",
-      32743289: e.basicOption.css.table.alignItems,
-      "49f100d2": e.basicOption.css.table.justifyContent,
-      c9cb477e: e.basicOption.css.header.background,
-      "70f38993": e.basicOption.css.header.height + "px",
-      "6d4bc870": e.basicOption.css.header.color,
-      "2330066a": e.basicOption.css.header.fontSize + "px",
-      "8288ea8c": e.basicOption.css.header.fontWeight,
-      "05f5c52f": e.basicOption.css.header.fontStyle,
-      "7685528c": e.basicOption.css.body.background,
-      "4195bdcf": e.basicOption.css.oddBackground,
-      a9e66176: e.basicOption.css.body.color,
-      "222a46ff": e.basicOption.css.body.fontSize + "px",
-      cbb2fdf6: e.basicOption.css.body.fontWeight,
-      "49054cf8": e.basicOption.css.body.fontStyle
+  setup($, { expose: D, emit: F }) {
+    j((e) => ({
+      "58ba5df3": e.basicOption.css.table.borderWidth + "px",
+      "64ed3d76": e.basicOption.css.table.borderStyle,
+      "66b51a12": e.basicOption.css.table.borderColor,
+      "7b271175": e.basicOption.css.table.paddingLeft + "px",
+      "3131035b": e.basicOption.css.table.alignItems,
+      cb28d12e: e.basicOption.css.table.justifyContent,
+      "73f7a5af": e.basicOption.css.header.background,
+      "3057a165": e.basicOption.css.header.height + "px",
+      "1ea5d242": e.basicOption.css.header.color,
+      cc251c88: e.basicOption.css.header.fontSize + "px",
+      d0ce57b0: e.basicOption.css.header.fontWeight,
+      "04b29601": e.basicOption.css.header.fontStyle,
+      "13621f7a": e.basicOption.css.body.background,
+      89062386: e.basicOption.css.oddBackground,
+      "68a32597": e.basicOption.css.body.color,
+      "3ce3425e": e.basicOption.css.body.fontSize + "px",
+      "37034df3": e.basicOption.css.body.fontWeight,
+      c3079254: e.basicOption.css.body.fontStyle
     }));
-    const b = M, m = h(g()), c = h([]), s = z, p = h(s.basicOption.scroll.start), d = () => {
-      U.parse({
+    const b = F, h = v(w()), a = v([]), s = $, m = v(s.basicOption.scroll.start), d = () => {
+      G.parse({
         tId: s.uuid,
         sources: s.sources,
         callback: (e) => {
           try {
-            window.SHJParseEvent(s.useEvents, "dataListener", c), c.value = y(e.data[0].data) || [], m.value = g(), p.value = s.basicOption.scroll.start;
+            p.parseEvents(s.useEvents, "dataListener", a), a.value = k(e.data[0].data) || [], h.value = w(), m.value = s.basicOption.scroll.start;
           } catch {
-            window.SHJParseEvent(s.useEvents, "dataListener", null), m.value = g(), c.value = [], p.value = s.basicOption.scroll.start;
+            p.parseEvents(s.useEvents, "dataListener", null), h.value = w(), a.value = [], m.value = s.basicOption.scroll.start;
           }
         }
       });
-    }, P = (e) => {
-      const o = [];
-      for (const t in e)
-        o.push(e[t]);
-      return o;
+    }, L = (e) => {
+      const t = [];
+      for (const o in e)
+        t.push(e[o]);
+      return t;
     };
-    I(() => d()), S(() => y(s.basicOption), (e, o) => {
-      H(e, o) || d();
+    A(() => d()), S(() => k(s.basicOption), (e, t) => {
+      z(e, t) || d();
     }, {
       deep: !0
-    }), S(() => y(s.sources), (e, o) => {
-      H(e, o) || d();
+    }), S(() => k(s.sources), (e, t) => {
+      z(e, t) || d();
     }, {
       deep: !0
-    }), J({
+    }), D({
       refresh: () => d(),
       refreshView: () => d(),
       refreshData: () => d()
     });
-    const $ = (e) => {
+    const N = (e) => {
       if (!s.basicOption.columns)
         return !0;
-      const o = s.basicOption.columns.find((t) => t.index === e);
-      return o ? o.font.auto : !0;
+      const t = s.basicOption.columns.find((o) => o.index === e);
+      return t ? t.font.auto : !0;
     }, f = (e) => {
       if (!s.basicOption.columns)
         return null;
-      const o = s.basicOption.columns.find((t) => t.index === e);
-      return o && o.font.auto === !1 ? o.font : null;
-    }, k = (e) => {
+      const t = s.basicOption.columns.find((o) => o.index === e);
+      return t && t.font.auto === !1 ? t.font : null;
+    }, C = (e) => {
       if (!s.basicOption.columns)
         return !0;
-      const o = s.basicOption.columns.find((t) => t.index === e);
-      return o ? o.width.auto : !0;
-    }, C = (e) => {
+      const t = s.basicOption.columns.find((o) => o.index === e);
+      return t ? t.width.auto : !0;
+    }, E = (e) => {
       if (!s.basicOption.columns)
         return null;
-      const o = s.basicOption.columns.find((t) => t.index === e);
-      return o && o.width.auto === !1 ? o.width.width : null;
-    }, D = (e, o) => {
-      const t = { row: e, rowIndex: o };
-      b("on-click-row", t), window.SHJParseEvent(s.useEvents, "on-click-row", t);
-    }, F = (e, o) => {
-      const t = { row: e, rowIndex: o };
-      b("on-mouseenter-row", t), window.SHJParseEvent(s.useEvents, "on-mouseenter-row", t);
-    }, L = (e, o) => {
-      const t = { row: e, rowIndex: o };
-      b("on-mouseout-row", t), window.SHJParseEvent(s.useEvents, "on-mouseout-row", t);
-    }, N = (e, o, t, l) => {
-      const n = { row: e, item: o, rowIndex: t, columnIndex: l };
-      b("on-click-item", n), window.SHJParseEvent(s.useEvents, "on-click-item", n);
+      const t = s.basicOption.columns.find((o) => o.index === e);
+      return t && t.width.auto === !1 ? t.width.width : null;
+    }, B = (e, t) => {
+      const o = { row: e, rowIndex: t };
+      b("on-click-row", o), p.parseEvents(s.useEvents, "on-click-row", o);
+    }, H = (e, t) => {
+      const o = { row: e, rowIndex: t };
+      b("on-mouseenter-row", o), p.parseEvents(s.useEvents, "on-mouseenter-row", o);
+    }, I = (e, t) => {
+      const o = { row: e, rowIndex: t };
+      b("on-mouseout-row", o), p.parseEvents(s.useEvents, "on-mouseout-row", o);
+    }, R = (e, t, o, l) => {
+      const n = { row: e, item: t, rowIndex: o, columnIndex: l };
+      b("on-click-item", n), p.parseEvents(s.useEvents, "on-click-item", n);
     };
-    return (e, o) => c.value.length > 0 ? (r(), i("div", {
-      key: m.value,
+    return (e, t) => a.value.length > 0 ? (r(), i("div", {
+      key: h.value,
       class: "table-scroll",
       style: u({ lineHeight: e.basicOption.css.body.height + "px" })
     }, [
@@ -109,19 +110,19 @@ const G = ["onClick", "onMouseenter", "onMouseout"], K = ["onClick"], Q = { key:
           "--header-background-image": `url(${e.basicOption.css.header.backgroundImage})`
         })
       }, [
-        (r(!0), i(O, null, v(Object.keys(c.value[0]), (t, l) => (r(), i("div", {
-          key: t,
-          class: V(["th", { customWidth: !k(l + 1) }]),
-          style: u({ "--width": C(l + 1) + "px" })
+        (r(!0), i(O, null, y(Object.keys(a.value[0]), (o, l) => (r(), i("div", {
+          key: o,
+          class: W(["th", { customWidth: !C(l + 1) }]),
+          style: u({ "--width": E(l + 1) + "px" })
         }, [
-          j("p", null, w(t), 1)
+          T("p", null, g(o), 1)
         ], 6))), 128))
-      ], 4)) : E("", !0),
-      R(A(q), {
-        modelValue: p.value,
-        "onUpdate:modelValue": o[0] || (o[0] = (t) => p.value = t),
+      ], 4)) : V("", !0),
+      J(q(U), {
+        modelValue: m.value,
+        "onUpdate:modelValue": t[0] || (t[0] = (o) => m.value = o),
         direction: e.basicOption.scroll.direction,
-        list: c.value,
+        list: a.value,
         "is-watch": "",
         hover: e.basicOption.scroll.hover,
         "limit-scroll-num": e.basicOption.scroll.limitScrollNum,
@@ -132,40 +133,40 @@ const G = ["onClick", "onMouseenter", "onMouseout"], K = ["onClick"], Q = { key:
           "line-height": "36px"
         }])
       }, {
-        default: T(() => [
-          (r(!0), i(O, null, v(c.value, (t, l) => (r(), i("div", {
-            key: t,
+        default: P(() => [
+          (r(!0), i(O, null, y(a.value, (o, l) => (r(), i("div", {
+            key: o,
             class: "tr",
             style: u({
               "--row-hover": e.basicOption.css.hoverColor
             }),
-            onClick: (n) => D(t, l),
-            onMouseenter: (n) => F(t, l),
-            onMouseout: (n) => L(t, l)
+            onClick: (n) => B(o, l),
+            onMouseenter: (n) => H(o, l),
+            onMouseout: (n) => I(o, l)
           }, [
-            (r(!0), i(O, null, v(P(t), (n, a) => (r(), i("div", {
+            (r(!0), i(O, null, y(L(o), (n, c) => (r(), i("div", {
               key: n,
-              class: V(["td", { customWidth: !k(a + 1) }]),
-              style: u({ "--width": C(a + 1) + "px" }),
-              onClick: (Y) => N(t, n, l, a)
+              class: W(["td", { customWidth: !C(c + 1) }]),
+              style: u({ "--width": E(c + 1) + "px" }),
+              onClick: (Z) => R(o, n, l, c)
             }, [
-              $(a + 1) ? (r(), i("p", Q, w(n), 1)) : (r(), i("p", {
+              N(c + 1) ? (r(), i("p", X, g(n), 1)) : (r(), i("p", {
                 key: 0,
                 class: "customFont",
                 style: u({
-                  "--text-color": f(a + 1).color,
-                  "--text-font-size": f(a + 1).fontSize + "px",
-                  "--text-font-style": f(a + 1).fontStyle
+                  "--text-color": f(c + 1).color,
+                  "--text-font-size": f(c + 1).fontSize + "px",
+                  "--text-font-style": f(c + 1).fontStyle
                 })
-              }, w(n), 5))
-            ], 14, K))), 128))
-          ], 44, G))), 128))
+              }, g(n), 5))
+            ], 14, Q))), 128))
+          ], 44, K))), 128))
         ]),
         _: 1
       }, 8, ["modelValue", "direction", "list", "hover", "limit-scroll-num", "single-height", "single-wait-time"])
-    ], 4)) : E("", !0);
+    ], 4)) : V("", !0);
   }
 });
 export {
-  te as default
+  ne as default
 };

package/es/components/text-text-dynamic/index.vue.mjs

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

package/es/components/text-text-dynamic/index.vue2.mjs

@@ -1,26 +1,27 @@
-import { defineComponent as f, watch as s, createElementBlock as w, openBlock as S, unref as a, normalizeStyle as v, toDisplayString as g, ref as _, onMounted as D, nextTick as b } from "vue";
-import { cloneDeep as c, isEqual as d } from "lodash";
-import { SHJDatasourceV2 as k } from "../../commons/core/datasource/index.mjs";
-import { autoInstallFont as E, jsonToCssStyle as C } from "../../commons/utils/json2css.mjs";
-const j = ["ztitle"], z = f({ name: "zv-text-text-dynamic" }), I = /* @__PURE__ */ f({
-  ...z,
+import { defineComponent as f, watch as s, createElementBlock as S, openBlock as g, unref as i, normalizeStyle as w, toDisplayString as _, ref as D, onMounted as E, nextTick as b } from "vue";
+import { cloneDeep as c, isEqual as p } from "lodash";
+import { SHJDatasourceV2 as k } from "../../commons/plugins/datasource/index.mjs";
+import { autoInstallFont as C, jsonToCssStyle as j } from "../../commons/utils/json2css.mjs";
+import { SHJParseEvent as d } from "../../commons/plugins/event/index.mjs";
+const z = ["ztitle"], T = f({ name: "zv-text-text-dynamic" }), F = /* @__PURE__ */ f({
+  ...T,
   props: {
     basicOption: {},
     sources: {},
     useEvents: {},
     uuid: {}
   },
-  setup(p, { expose: x }) {
-    const o = p, m = () => {
-      const t = _(""), n = (e) => {
-        E(e.fontFamily);
-        const i = {};
-        e.color && e.color.includes("linear-gradient") && (i.backgroundImage = e.color, i["-webkit-background-clip"] = "text", i.color = "transparent");
-        const h = {};
+  setup(x, { expose: m }) {
+    const o = x, y = () => {
+      const t = D(""), n = (e) => {
+        C(e.fontFamily);
+        const a = {};
+        e.color && e.color.includes("linear-gradient") && (a.backgroundImage = e.color, a["-webkit-background-clip"] = "text", a.color = "transparent");
+        const v = {};
         return e.textAlign === "left" && (e.justifyContent = "flex-start"), e.textAlign === "center" && (e.justifyContent = "center"), e.textAlign === "right" && (e.justifyContent = "flex-end"), {
-          ...C(e),
-          ...i,
-          ...h,
+          ...j(e),
+          ...a,
+          ...v,
           ...e.textShadow.show ? { "--text-shadow": `${e.textShadow.x}px ${e.textShadow.y}px ${e.textShadow.value}px ${e.textShadow.color}` } : {}
         };
       }, u = () => {
@@ -29,30 +30,30 @@ const j = ["ztitle"], z = f({ name: "zv-text-text-dynamic" }), I = /* @__PURE__
           sources: o.sources,
           callback: ({ data: e }) => {
             try {
-              window.SHJParseEvent(o.useEvents, "dataListener", e), t.value = e[0].data[0].value;
+              d.parseEvents(o.useEvents, "dataListener", e), t.value = e[0].data[0].value;
             } catch {
-              window.SHJParseEvent(o.useEvents, "dataListener", null);
+              d.parseEvents(o.useEvents, "dataListener", null);
             }
           }
         });
       };
-      return D(() => b(() => u())), { rendererDomStyle: n, init: u, value: t };
-    }, { rendererDomStyle: y, init: r, value: l } = m();
+      return E(() => b(() => u())), { rendererDomStyle: n, init: u, value: t };
+    }, { rendererDomStyle: h, init: r, value: l } = y();
     return s(() => c(o.basicOption), (t, n) => {
-      d(t, n) || r();
+      p(t, n) || r();
     }, { deep: !0 }), s(() => c(o.sources), (t, n) => {
-      d(t, n) || r();
-    }, { deep: !0 }), x({
+      p(t, n) || r();
+    }, { deep: !0 }), m({
       refresh: () => r(),
       refreshView: () => r(),
       refreshData: () => r()
-    }), (t, n) => (S(), w("p", {
+    }), (t, n) => (g(), S("p", {
       class: "zerov-widget-text",
-      style: v(a(y)(t.basicOption.css)),
-      ztitle: a(l)
-    }, g(a(l)), 13, j));
+      style: w(i(h)(t.basicOption.css)),
+      ztitle: i(l)
+    }, _(i(l)), 13, z));
   }
 });
 export {
-  I as default
+  F as default
 };

package/es/env.d.ts

@@ -24,8 +24,6 @@ declare interface Window {
         id: string
         timer: any
     }[];
-    // 全局事件解析器
-    SHJParseEvent: Function;
     // 全局组件Ref
     SHJComponentRefs: any[];
     // 3D场景实例

package/es/index.d.ts

@@ -5,4 +5,6 @@ declare const _default: {
     install: (app: App) => void;
 };
 export default _default;
-export * from './commons/core/datasource';
+export * from './commons/plugins/datasource';
+export * from './commons/plugins/event';
+export * from './commons/utils/getNextElement';