@shjjs/visual-ui 1.0.13 → 1.0.15

package/es/components/text-real-time/index.mjs

@@ -1,5 +1,5 @@
 import t from "./index.vue.mjs";
-import { withInstall as o } from "../../utils/install.mjs";
+import { withInstall as o } from "../../commons/utils/install.mjs";
 const e = o(t);
 export {
   e as ZvTextRealTime,

package/es/components/text-real-time/index.vue.mjs

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

package/es/components/text-real-time/index.vue2.mjs

@@ -2,7 +2,7 @@ import { defineComponent as f, watch as w, createElementBlock as S, openBlock as
 import { cloneDeep as j, isEqual as C } from "lodash";
 import i from "dayjs";
 import "dayjs/locale/zh-cn";
-import { autoInstallFont as I, jsonToCssStyle as k } from "../../utils/json2css.mjs";
+import { autoInstallFont as I, jsonToCssStyle as k } from "../../commons/utils/json2css.mjs";
 const D = ["ztitle"], O = f({ name: "zv-text-real-time" }), H = /* @__PURE__ */ f({
   ...O,
   props: {

package/es/components/text-row-scroll/index.d.ts

@@ -1,4 +1,4 @@
-export declare const ZvTextRowScroll: import("../../utils/typescript").SFCWithInstall<import("vue").DefineComponent<{
+export declare const ZvTextRowScroll: import("../../commons/utils/typescript").SFCWithInstall<import("vue").DefineComponent<{
     basicOption: {
         type: ObjectConstructor;
         required: true;

package/es/components/text-row-scroll/index.mjs

@@ -1,5 +1,5 @@
 import t from "./index.vue.mjs";
-import { withInstall as o } from "../../utils/install.mjs";
+import { withInstall as o } from "../../commons/utils/install.mjs";
 const a = o(t);
 export {
   a as ZvTextRowScroll,

package/es/components/text-row-scroll/index.vue.mjs

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

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

@@ -1,9 +1,10 @@
-import { defineComponent as z, useCssVars as B, ref as f, onMounted as I, watch as S, createElementBlock as i, createCommentVNode as E, openBlock as r, createVNode as R, normalizeStyle as d, Fragment as w, renderList as O, normalizeClass as V, createElementVNode as j, toDisplayString as v, unref as A, withCtx as T } from "vue";
+import { defineComponent as z, useCssVars as B, ref as h, onMounted as I, watch as S, createElementBlock as i, createCommentVNode as E, openBlock as r, createVNode as R, normalizeStyle as d, 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 W } from "lodash";
 import { Vue3SeamlessScroll as q } from "vue3-seamless-scroll";
 import { nanoid as g } from "nanoid";
-const U = ["onClick", "onMouseenter", "onMouseout"], G = ["onClick"], K = { key: 1 }, Q = z({ name: "zv-text-row-scroll" }), ee = /* @__PURE__ */ z({
-  ...Q,
+import { SHJDatasourceV2 as U } from "../../commons/core/datasource/index.mjs";
+const G = ["onClick", "onMouseenter", "onMouseout"], K = ["onClick"], Q = { key: 1 }, X = z({ name: "zv-text-row-scroll" }), te = /* @__PURE__ */ z({
+  ...X,
   props: {
     basicOption: {},
     useEvents: {},
@@ -13,35 +14,35 @@ const U = ["onClick", "onMouseenter", "onMouseout"], G = ["onClick"], K = { key:
   emits: ["on-click-item", "on-click-row", "on-mouseenter-row", "on-mouseout-row"],
   setup(H, { expose: J, emit: M }) {
     B((e) => ({
-      d3e7b97c: e.basicOption.css.table.borderWidth + "px",
-      "1afb3254": e.basicOption.css.table.borderStyle,
-      "1cc30ef0": e.basicOption.css.table.borderColor,
-      "8f0e5278": e.basicOption.css.table.paddingLeft + "px",
-      "4b2887aa": e.basicOption.css.table.alignItems,
-      "295a5c38": e.basicOption.css.table.justifyContent,
-      ce1ea980: e.basicOption.css.header.background,
-      81733398: e.basicOption.css.header.height + "px",
-      "08f1d611": e.basicOption.css.header.color,
-      "283e3ecb": e.basicOption.css.header.fontSize + "px",
-      "86dc4c8e": e.basicOption.css.header.fontWeight,
-      "1eaa1a50": e.basicOption.css.header.fontStyle,
-      "12327c49": e.basicOption.css.body.height + "px",
-      "7751554b": e.basicOption.css.body.background,
-      "1ab1644e": e.basicOption.css.oddBackground,
-      bb285db4: e.basicOption.css.body.color,
-      "707d23a0": e.basicOption.css.body.fontSize + "px",
-      ca1af878: e.basicOption.css.body.fontWeight,
-      "25d682e5": e.basicOption.css.body.fontStyle
+      "0666b15e": e.basicOption.css.table.borderWidth + "px",
+      "5631c5a7": e.basicOption.css.table.borderStyle,
+      "554dd759": e.basicOption.css.table.borderColor,
+      "1f395ad3": e.basicOption.css.table.paddingLeft + "px",
+      "35998ab9": e.basicOption.css.table.alignItems,
+      c3358072: e.basicOption.css.table.justifyContent,
+      "06bfebde": e.basicOption.css.header.background,
+      "345149c3": e.basicOption.css.header.height + "px",
+      "33c4b8a0": e.basicOption.css.header.color,
+      f3c30acc: e.basicOption.css.header.fontSize + "px",
+      "2041388a": e.basicOption.css.header.fontWeight,
+      "091b1d5f": e.basicOption.css.header.fontStyle,
+      "246ef798": e.basicOption.css.body.height + "px",
+      "2b879748": e.basicOption.css.body.background,
+      "4a3ad39f": e.basicOption.css.oddBackground,
+      "2b37e916": e.basicOption.css.body.color,
+      "34eff1a2": e.basicOption.css.body.fontSize + "px",
+      "0ddd62d5": e.basicOption.css.body.fontWeight,
+      "310a0498": e.basicOption.css.body.fontStyle
     }));
-    const b = M, m = f(g()), c = f([]), s = H, p = f(s.basicOption.scroll.start), u = () => {
-      window.SHJDatasourceV2({
+    const b = M, m = h(g()), l = h([]), s = H, p = h(s.basicOption.scroll.start), u = () => {
+      U.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;
+            window.SHJParseEvent(s.useEvents, "dataListener", l), l.value = y(e.data[0].data) || [], m.value = g(), p.value = s.basicOption.scroll.start;
           } catch {
-            window.SHJParseEvent(s.useEvents, "dataListener", null), c.value = [], m.value = g(), p.value = s.basicOption.scroll.start;
+            window.SHJParseEvent(s.useEvents, "dataListener", null), l.value = [], m.value = g(), p.value = s.basicOption.scroll.start;
           }
         }
       });
@@ -69,7 +70,7 @@ const U = ["onClick", "onMouseenter", "onMouseout"], G = ["onClick"], K = { key:
         return !0;
       const o = s.basicOption.columns.find((t) => t.index === e);
       return o ? o.font.auto : !0;
-    }, h = (e) => {
+    }, f = (e) => {
       if (!s.basicOption.columns)
         return null;
       const o = s.basicOption.columns.find((t) => t.index === e);
@@ -97,7 +98,7 @@ const U = ["onClick", "onMouseenter", "onMouseout"], G = ["onClick"], K = { key:
       const n = { row: e, item: o, rowIndex: t, columnIndex: a };
       b("on-click-item", n), window.SHJParseEvent(s.useEvents, "on-click-item", n);
     };
-    return (e, o) => c.value.length > 0 ? (r(), i("div", {
+    return (e, o) => l.value.length > 0 ? (r(), i("div", {
       key: m.value,
       class: "table-scroll"
     }, [
@@ -108,19 +109,19 @@ const U = ["onClick", "onMouseenter", "onMouseout"], G = ["onClick"], K = { key:
           "--header-background-image": `url(${e.basicOption.css.header.backgroundImage})`
         })
       }, [
-        (r(!0), i(w, null, O(Object.keys(c.value[0]), (t, a) => (r(), i("div", {
+        (r(!0), i(O, null, v(Object.keys(l.value[0]), (t, a) => (r(), i("div", {
           key: t,
           class: V(["th", { customWidth: !k(a + 1) }]),
           style: d({ "--width": C(a + 1) + "px" })
         }, [
-          j("p", null, v(t), 1)
+          j("p", null, w(t), 1)
         ], 6))), 128))
       ], 4)) : E("", !0),
       R(A(q), {
         modelValue: p.value,
         "onUpdate:modelValue": o[0] || (o[0] = (t) => p.value = t),
         direction: e.basicOption.scroll.direction,
-        list: c.value,
+        list: l.value,
         "is-watch": "",
         hover: e.basicOption.scroll.hover,
         "limit-scroll-num": e.basicOption.scroll.limitScrollNum,
@@ -129,7 +130,7 @@ const U = ["onClick", "onMouseenter", "onMouseout"], G = ["onClick"], K = { key:
         class: "table-body"
       }, {
         default: T(() => [
-          (r(!0), i(w, null, O(c.value, (t, a) => (r(), i("div", {
+          (r(!0), i(O, null, v(l.value, (t, a) => (r(), i("div", {
             key: t,
             class: "tr",
             style: d({
@@ -139,23 +140,23 @@ const U = ["onClick", "onMouseenter", "onMouseout"], G = ["onClick"], K = { key:
             onMouseenter: (n) => F(t, a),
             onMouseout: (n) => L(t, a)
           }, [
-            (r(!0), i(w, null, O(P(t), (n, l) => (r(), i("div", {
+            (r(!0), i(O, null, v(P(t), (n, c) => (r(), i("div", {
               key: n,
-              class: V(["td", { customWidth: !k(l + 1) }]),
-              style: d({ "--width": C(l + 1) + "px" }),
-              onClick: (X) => N(t, n, a, l)
+              class: V(["td", { customWidth: !k(c + 1) }]),
+              style: d({ "--width": C(c + 1) + "px" }),
+              onClick: (Y) => N(t, n, a, c)
             }, [
-              $(l + 1) ? (r(), i("p", K, v(n), 1)) : (r(), i("p", {
+              $(c + 1) ? (r(), i("p", Q, w(n), 1)) : (r(), i("p", {
                 key: 0,
                 class: "customFont",
                 style: d({
-                  "--text-color": h(l + 1).color,
-                  "--text-font-size": h(l + 1).fontSize + "px",
-                  "--text-font-style": h(l + 1).fontStyle
+                  "--text-color": f(c + 1).color,
+                  "--text-font-size": f(c + 1).fontSize + "px",
+                  "--text-font-style": f(c + 1).fontStyle
                 })
-              }, v(n), 5))
-            ], 14, G))), 128))
-          ], 44, U))), 128))
+              }, w(n), 5))
+            ], 14, K))), 128))
+          ], 44, G))), 128))
         ]),
         _: 1
       }, 8, ["modelValue", "direction", "list", "hover", "limit-scroll-num", "single-height", "single-wait-time"])
@@ -163,5 +164,5 @@ const U = ["onClick", "onMouseenter", "onMouseout"], G = ["onClick"], K = { key:
   }
 });
 export {
-  ee as default
+  te as default
 };

package/es/components/text-table-basic/index.d.ts

@@ -1,4 +1,4 @@
-export declare const ZvTextTableBasic: import("../../utils/typescript").SFCWithInstall<import("vue").DefineComponent<{
+export declare const ZvTextTableBasic: import("../../commons/utils/typescript").SFCWithInstall<import("vue").DefineComponent<{
     basicOption: {
         type: ObjectConstructor;
         required: true;

package/es/components/text-table-basic/index.mjs

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

package/es/components/text-table-basic/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-0848cb68"]]);
+import a from "../../_virtual/_plugin-vue_export-helper.mjs";
+const c = /* @__PURE__ */ a(t, [["__scopeId", "data-v-c9a58eea"]]);
 export {
-  e as default
+  c as default
 };

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

@@ -1,10 +1,11 @@
-import { defineComponent as I, useCssVars as T, ref as g, computed as C, watch as E, onMounted as A, resolveComponent as G, createElementBlock as l, createCommentVNode as z, openBlock as d, createVNode as H, normalizeStyle as u, Fragment as J, renderList as M, createElementVNode as w, toDisplayString as $, unref as b, withCtx as P } from "vue";
+import { defineComponent as I, useCssVars as T, ref as g, computed as C, watch as E, onMounted as A, resolveComponent as G, createElementBlock as l, createCommentVNode as z, openBlock as u, createVNode as H, normalizeStyle as d, Fragment as J, renderList as M, createElementVNode as w, toDisplayString as $, unref as p, withCtx as P } from "vue";
 import { debounce as f, cloneDeep as y, isEqual as V } from "lodash";
 import { nanoid as O } from "nanoid";
 import { RecycleScroller as K } from "vue-virtual-scroller";
 import "vue-virtual-scroller/dist/vue-virtual-scroller.css";
-const Q = ["onClick", "onMouseenter", "onMouseout"], U = ["onClick"], X = I({ name: "zv-text-table-basic" }), oe = /* @__PURE__ */ I({
-  ...X,
+import { SHJDatasourceV2 as Q } from "../../commons/core/datasource/index.mjs";
+const U = ["onClick", "onMouseenter", "onMouseout"], X = ["onClick"], Y = I({ name: "zv-text-table-basic" }), se = /* @__PURE__ */ I({
+  ...Y,
   props: {
     basicOption: {},
     useEvents: {},
@@ -14,53 +15,53 @@ const Q = ["onClick", "onMouseenter", "onMouseout"], U = ["onClick"], X = I({ na
   emits: ["on-click-item", "on-click-row", "on-mouseenter-row", "on-mouseout-row"],
   setup(D, { expose: L, emit: R }) {
     T((e) => ({
-      "282698ac": e.basicOption.css.table.borderWidth + "px",
-      "0b3ed4ac": e.basicOption.css.table.borderStyle,
-      "0a5ae65e": e.basicOption.css.table.borderColor,
-      "4a934c2e": e.basicOption.css.table.paddingLeft + "px",
-      "2e47f1d8": e.basicOption.css.table.alignItems,
-      "8de7d2bc": e.basicOption.css.table.justifyContent,
-      "9ca5cdd4": e.basicOption.css.header.background,
-      "4ef8209e": e.basicOption.css.header.height + "px",
-      c35ccb0a: e.basicOption.css.header.color,
-      db29f296: e.basicOption.css.header.fontSize + "px",
-      "556370e2": e.basicOption.css.header.fontWeight,
-      "8744cc8c": e.basicOption.css.header.fontStyle,
-      "1103c933": e.basicOption.css.body.height + "px",
-      "4adb40a1": e.basicOption.css.body.background,
-      "6ee5a810": e.basicOption.css.body.color,
-      "002ede0a": e.basicOption.css.body.fontSize + "px",
-      "6e7c6f1a": e.basicOption.css.body.fontWeight,
-      "3b525662": e.basicOption.css.body.fontStyle
+      "832a4e1c": e.basicOption.css.table.borderWidth + "px",
+      "52e7b726": e.basicOption.css.table.borderStyle,
+      "5203c8d8": e.basicOption.css.table.borderColor,
+      "3e50e718": e.basicOption.css.table.paddingLeft + "px",
+      "08a0254c": e.basicOption.css.table.alignItems,
+      "51512c30": e.basicOption.css.table.justifyContent,
+      "0d5408e0": e.basicOption.css.header.background,
+      "6d4373e4": e.basicOption.css.header.height + "px",
+      e220d87e: e.basicOption.css.header.color,
+      "4b2ea07b": e.basicOption.css.header.fontSize + "px",
+      "1cf72a09": e.basicOption.css.header.fontWeight,
+      "619d0000": e.basicOption.css.header.fontStyle,
+      "8311940e": e.basicOption.css.body.height + "px",
+      "2a6e799b": e.basicOption.css.body.background,
+      e1c58a54: e.basicOption.css.body.color,
+      "1e7a3150": e.basicOption.css.body.fontSize + "px",
+      "4e0fa814": e.basicOption.css.body.fontWeight,
+      "235b9495": e.basicOption.css.body.fontStyle
     }));
-    const p = R, m = g(O()), r = g([]), i = D, W = () => {
+    const b = R, m = g(O()), r = g([]), i = D, W = () => {
       if (!r.value.length) return;
-      const e = Object.keys(r.value[0]), o = i.basicOption.columns || [], n = e.map((t, a) => {
-        const s = o.find((S) => S.name === t) || {};
+      const e = Object.keys(r.value[0]), o = i.basicOption.columns || [], s = e.map((t, a) => {
+        const n = o.find((S) => S.name === t) || {};
         return {
-          name: s.name || t,
+          name: n.name || t,
           // 如果用户没有提供 name，使用 key 作为 name
-          label: s.label || t,
+          label: n.label || t,
           // 如果用户没有提供 label，使用 key 作为 label
-          visible: s.visible !== void 0 ? s.visible : !0,
+          visible: n.visible !== void 0 ? n.visible : !0,
           // 如果用户没有提供 visible，默认可见
-          index: s.index !== void 0 ? s.index : a,
+          index: n.index !== void 0 ? n.index : a,
           // 如果用户没有提供 index，使用默认顺序
-          width: s.width || { auto: !0, width: 100 },
+          width: n.width || { auto: !0, width: 100 },
           // 如果用户没有提供 width，使用默认宽度
-          font: s.font || { auto: !0, color: "#ffffff", fontSize: 12, fontStyle: "normal" }
+          font: n.font || { auto: !0, color: "#ffffff", fontSize: 12, fontStyle: "normal" }
           // 如果用户没有提供 font，使用默认字体
         };
       });
-      i.basicOption.columns = n.sort((t, a) => t.index - a.index);
+      i.basicOption.columns = s.sort((t, a) => t.index - a.index);
     }, v = C(() => i.basicOption.columns || []), h = C(() => v.value.filter((e) => e.visible).map((e) => e.name)), c = () => {
-      window.SHJDatasourceV2({
+      Q.parse({
         tId: i.uuid,
         sources: i.sources,
         callback: (e) => {
           try {
-            window.SHJParseEvent(i.useEvents, "dataListener", r), m.value = O(), r.value = y(e.data[0].data).map((o, n) => ({
-              id: o.id || n,
+            window.SHJParseEvent(i.useEvents, "dataListener", r), m.value = O(), r.value = y(e.data[0].data).map((o, s) => ({
+              id: o.id || s,
               // 使用索引作为 id
               ...o
             })), W();
@@ -70,12 +71,12 @@ const Q = ["onClick", "onMouseenter", "onMouseout"], U = ["onClick"], X = I({ na
         }
       });
     }, k = (e) => {
-      const o = v.value.find((n) => n.name === e);
+      const o = v.value.find((s) => s.name === e);
       return o != null && o.width.auto ? null : `${o == null ? void 0 : o.width.width}px`;
     }, B = (e) => {
       const o = v.value.find((t) => t.name === e);
       if (!o) return {};
-      const n = {
+      const s = {
         whiteSpace: "nowrap",
         // 默认不换行
         textOverflow: "ellipsis",
@@ -87,22 +88,22 @@ const Q = ["onClick", "onMouseenter", "onMouseout"], U = ["onClick"], X = I({ na
         color: o.font.color,
         fontSize: `${o.font.fontSize}px`,
         fontStyle: o.font.fontStyle,
-        ...n,
+        ...s,
         ...o.textStyle
         // 用户自定义样式
       };
     }, N = f((e, o) => {
-      const n = { row: e, rowIndex: o };
-      p("on-click-row", n), window.SHJParseEvent(i.useEvents, "on-click-row", n);
+      const s = { row: e, rowIndex: o };
+      b("on-click-row", s), window.SHJParseEvent(i.useEvents, "on-click-row", s);
     }, 100), j = f((e, o) => {
-      const n = { row: e, rowIndex: o };
-      p("on-mouseenter-row", n), window.SHJParseEvent(i.useEvents, "on-mouseenter-row", n);
+      const s = { row: e, rowIndex: o };
+      b("on-mouseenter-row", s), window.SHJParseEvent(i.useEvents, "on-mouseenter-row", s);
     }, 100), q = f((e, o) => {
-      const n = { row: e, rowIndex: o };
-      p("on-mouseout-row", n), window.SHJParseEvent(i.useEvents, "on-mouseout-row", n);
-    }, 100), F = f((e, o, n, t) => {
-      const a = { row: e, item: o, rowIndex: n, columnIndex: t };
-      p("on-click-item", a), window.SHJParseEvent(i.useEvents, "on-click-item", a);
+      const s = { row: e, rowIndex: o };
+      b("on-mouseout-row", s), window.SHJParseEvent(i.useEvents, "on-mouseout-row", s);
+    }, 100), F = f((e, o, s, t) => {
+      const a = { row: e, item: o, rowIndex: s, columnIndex: t };
+      b("on-click-item", a), window.SHJParseEvent(i.useEvents, "on-click-item", a);
     }, 100);
     return E(() => y(i.sources), (e, o) => {
       V(e, o) || c();
@@ -113,27 +114,27 @@ const Q = ["onClick", "onMouseenter", "onMouseout"], U = ["onClick"], X = I({ na
       refreshView: () => c(),
       refreshData: () => c()
     }), (e, o) => {
-      const n = G("el-tooltip");
-      return r.value.length > 0 ? (d(), l("div", {
+      const s = G("el-tooltip");
+      return r.value.length > 0 ? (u(), l("div", {
         key: m.value,
         class: "table-scroll"
       }, [
-        e.basicOption.css.header.show ? (d(), l("div", {
+        e.basicOption.css.header.show ? (u(), l("div", {
           key: 0,
           class: "table-header",
-          style: u({
+          style: d({
             "--header-background-image": `url(${e.basicOption.css.header.background})`
           })
         }, [
-          (d(!0), l(J, null, M(h.value, (t) => (d(), l("div", {
+          (u(!0), l(J, null, M(h.value, (t) => (u(), l("div", {
             key: t,
             class: "th",
-            style: u({ width: k(t) })
+            style: d({ width: k(t) })
           }, [
             w("p", null, $(t), 1)
           ], 4))), 128))
         ], 4)) : z("", !0),
-        H(b(K), {
+        H(p(K), {
           id: "",
           class: "table-body",
           items: r.value,
@@ -143,32 +144,32 @@ const Q = ["onClick", "onMouseenter", "onMouseout"], U = ["onClick"], X = I({ na
           default: P(({ item: t, index: a }) => [
             w("div", {
               class: "tr",
-              style: u({
+              style: d({
                 "--row-hover": e.basicOption.css.hoverColor,
                 "--odd-background": e.basicOption.css.oddBackground
               }),
-              onClick: (s) => b(N)(t, a),
-              onMouseenter: (s) => b(j)(t, a),
-              onMouseout: (s) => b(q)(t, a)
+              onClick: (n) => p(N)(t, a),
+              onMouseenter: (n) => p(j)(t, a),
+              onMouseout: (n) => p(q)(t, a)
             }, [
-              (d(!0), l(J, null, M(h.value, (s) => (d(), l("div", {
-                key: s,
+              (u(!0), l(J, null, M(h.value, (n) => (u(), l("div", {
+                key: n,
                 class: "td",
-                style: u({ width: k(s) }),
-                onClick: (S) => b(F)(t, t[s], a, h.value.indexOf(s))
+                style: d({ width: k(n) }),
+                onClick: (S) => p(F)(t, t[n], a, h.value.indexOf(n))
               }, [
-                H(n, {
-                  content: t[s]
+                H(s, {
+                  content: t[n]
                 }, {
                   default: P(() => [
                     w("p", {
-                      style: u(B(s))
-                    }, $(t[s]), 5)
+                      style: d(B(n))
+                    }, $(t[n]), 5)
                   ]),
                   _: 2
                 }, 1032, ["content"])
-              ], 12, U))), 128))
-            ], 44, Q)
+              ], 12, X))), 128))
+            ], 44, U)
           ]),
           _: 1
         }, 8, ["items", "item-size"])
@@ -177,5 +178,5 @@ const Q = ["onClick", "onMouseenter", "onMouseout"], U = ["onClick"], X = I({ na
   }
 });
 export {
-  oe as default
+  se as default
 };

package/es/components/text-table-scroll/index.d.ts

@@ -1,4 +1,4 @@
-export declare const ZvTextTableScroll: import("../../utils/typescript").SFCWithInstall<import("vue").DefineComponent<{
+export declare const ZvTextTableScroll: import("../../commons/utils/typescript").SFCWithInstall<import("vue").DefineComponent<{
     basicOption: {
         type: ObjectConstructor;
         required: true;

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

@@ -1,5 +1,5 @@
 import t from "./index.vue.mjs";
-import { withInstall as o } from "../../utils/install.mjs";
+import { withInstall as o } from "../../commons/utils/install.mjs";
 const a = o(t);
 export {
   a as ZvTextTableScroll,

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

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

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

@@ -1,9 +1,10 @@
-import { defineComponent as W, useCssVars as B, ref as f, 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 { 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";
-const U = ["onClick", "onMouseenter", "onMouseout"], G = ["onClick"], K = { key: 1 }, Q = W({ name: "zv-text-table-scroll" }), ee = /* @__PURE__ */ W({
-  ...Q,
+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,
   props: {
     basicOption: {},
     useEvents: {},
@@ -13,34 +14,34 @@ const U = ["onClick", "onMouseenter", "onMouseout"], G = ["onClick"], K = { key:
   emits: ["on-click-item", "on-click-row", "on-mouseenter-row", "on-mouseout-row"],
   setup(z, { expose: J, emit: M }) {
     B((e) => ({
-      "638b1874": e.basicOption.css.table.borderWidth + "px",
-      "37283a5c": e.basicOption.css.table.borderStyle,
-      "38f016f8": e.basicOption.css.table.borderColor,
-      "1eb1b170": e.basicOption.css.table.paddingLeft + "px",
-      "00619c2e": e.basicOption.css.table.alignItems,
-      "89a4e288": e.basicOption.css.table.justifyContent,
-      ea4bb188: e.basicOption.css.header.background,
-      "511998b8": e.basicOption.css.header.height + "px",
-      "985c66d6": e.basicOption.css.header.color,
-      dbe23f62: e.basicOption.css.header.fontSize + "px",
-      a3095496: e.basicOption.css.header.fontWeight,
-      "5839a258": e.basicOption.css.header.fontStyle,
-      "5c21a047": e.basicOption.css.body.background,
-      "685f836c": e.basicOption.css.oddBackground,
-      a9c0ceac: e.basicOption.css.body.color,
-      "02505624": e.basicOption.css.body.fontSize + "px",
-      "7fc2cec0": e.basicOption.css.body.fontWeight,
-      ceda2f2e: e.basicOption.css.body.fontStyle
+      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
     }));
-    const b = M, h = f(g()), c = f([]), s = z, p = f(s.basicOption.scroll.start), d = () => {
-      window.SHJDatasourceV2({
+    const b = M, m = h(g()), c = h([]), s = z, p = h(s.basicOption.scroll.start), d = () => {
+      U.parse({
         tId: s.uuid,
         sources: s.sources,
         callback: (e) => {
           try {
-            window.SHJParseEvent(s.useEvents, "dataListener", c), c.value = y(e.data[0].data) || [], h.value = g(), p.value = s.basicOption.scroll.start;
+            window.SHJParseEvent(s.useEvents, "dataListener", c), c.value = y(e.data[0].data) || [], m.value = g(), p.value = s.basicOption.scroll.start;
           } catch {
-            window.SHJParseEvent(s.useEvents, "dataListener", null), h.value = g(), c.value = [], p.value = s.basicOption.scroll.start;
+            window.SHJParseEvent(s.useEvents, "dataListener", null), m.value = g(), c.value = [], p.value = s.basicOption.scroll.start;
           }
         }
       });
@@ -68,7 +69,7 @@ const U = ["onClick", "onMouseenter", "onMouseout"], G = ["onClick"], K = { key:
         return !0;
       const o = s.basicOption.columns.find((t) => t.index === e);
       return o ? o.font.auto : !0;
-    }, m = (e) => {
+    }, f = (e) => {
       if (!s.basicOption.columns)
         return null;
       const o = s.basicOption.columns.find((t) => t.index === e);
@@ -97,7 +98,7 @@ const U = ["onClick", "onMouseenter", "onMouseout"], G = ["onClick"], K = { key:
       b("on-click-item", n), window.SHJParseEvent(s.useEvents, "on-click-item", n);
     };
     return (e, o) => c.value.length > 0 ? (r(), i("div", {
-      key: h.value,
+      key: m.value,
       class: "table-scroll",
       style: u({ lineHeight: e.basicOption.css.body.height + "px" })
     }, [
@@ -146,19 +147,19 @@ const U = ["onClick", "onMouseenter", "onMouseout"], G = ["onClick"], K = { key:
               key: n,
               class: V(["td", { customWidth: !k(a + 1) }]),
               style: u({ "--width": C(a + 1) + "px" }),
-              onClick: (X) => N(t, n, l, a)
+              onClick: (Y) => N(t, n, l, a)
             }, [
-              $(a + 1) ? (r(), i("p", K, w(n), 1)) : (r(), i("p", {
+              $(a + 1) ? (r(), i("p", Q, w(n), 1)) : (r(), i("p", {
                 key: 0,
                 class: "customFont",
                 style: u({
-                  "--text-color": m(a + 1).color,
-                  "--text-font-size": m(a + 1).fontSize + "px",
-                  "--text-font-style": m(a + 1).fontStyle
+                  "--text-color": f(a + 1).color,
+                  "--text-font-size": f(a + 1).fontSize + "px",
+                  "--text-font-style": f(a + 1).fontStyle
                 })
               }, w(n), 5))
-            ], 14, G))), 128))
-          ], 44, U))), 128))
+            ], 14, K))), 128))
+          ], 44, G))), 128))
         ]),
         _: 1
       }, 8, ["modelValue", "direction", "list", "hover", "limit-scroll-num", "single-height", "single-wait-time"])
@@ -166,5 +167,5 @@ const U = ["onClick", "onMouseenter", "onMouseout"], G = ["onClick"], K = { key:
   }
 });
 export {
-  ee as default
+  te as default
 };