@shjjs/visual-ui 1.0.18 → 1.0.19

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

@@ -1,10 +1,11 @@
-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";
-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,
+import { defineComponent as M, useCssVars as A, ref as v, onMounted as H, watch as S, createElementBlock as i, createCommentVNode as V, openBlock as r, createVNode as J, normalizeStyle as p, 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 d } from "../../commons/plugins/event/index.mjs";
+const K = ["onClick", "onMouseenter", "onMouseout"], Q = ["onClick"], X = { key: 1 }, Y = M({ name: "zv-text-row-scroll" }), ne = /* @__PURE__ */ M({
+  ...Y,
   props: {
     basicOption: {},
     useEvents: {},
@@ -12,116 +13,116 @@ const G = ["onClick", "onMouseenter", "onMouseout"], K = ["onClick"], Q = { key:
     uuid: {}
   },
   emits: ["on-click-item", "on-click-row", "on-mouseenter-row", "on-mouseout-row"],
-  setup(H, { expose: J, emit: M }) {
-    B((e) => ({
-      "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
+  setup($, { expose: D, emit: F }) {
+    A((e) => ({
+      "1ecf4d84": e.basicOption.css.table.borderWidth + "px",
+      d92d3a58: e.basicOption.css.table.borderStyle,
+      daf516f4: e.basicOption.css.table.borderColor,
+      "413c0106": e.basicOption.css.table.paddingLeft + "px",
+      "379313ec": e.basicOption.css.table.alignItems,
+      ed7e110c: e.basicOption.css.table.justifyContent,
+      "39d7a73e": e.basicOption.css.header.background,
+      "1f2d0176": e.basicOption.css.header.height + "px",
+      "08fe595a": e.basicOption.css.header.color,
+      "28eb118d": e.basicOption.css.header.fontSize + "px",
+      "5d78d5b7": e.basicOption.css.header.fontWeight,
+      "0b14a692": e.basicOption.css.header.fontStyle,
+      e3a9ffea: e.basicOption.css.body.height + "px",
+      "452338c9": e.basicOption.css.body.background,
+      "7a020f4c": e.basicOption.css.oddBackground,
+      b8859230: e.basicOption.css.body.color,
+      "5f38823c": e.basicOption.css.body.fontSize + "px",
+      "68c46742": e.basicOption.css.body.fontWeight,
+      "9ec990b2": e.basicOption.css.body.fontStyle
     }));
-    const b = M, m = h(g()), l = h([]), s = H, p = h(s.basicOption.scroll.start), u = () => {
-      U.parse({
+    const b = F, f = v(w()), c = v([]), s = $, m = v(s.basicOption.scroll.start), u = () => {
+      G.parse({
         tId: s.uuid,
         sources: s.sources,
         callback: (e) => {
           try {
-            window.SHJParseEvent(s.useEvents, "dataListener", l), l.value = y(e.data[0].data) || [], m.value = g(), p.value = s.basicOption.scroll.start;
+            d.parseEvents(s.useEvents, "dataListener", c), c.value = k(e.data[0].data) || [], f.value = w(), m.value = s.basicOption.scroll.start;
           } catch {
-            window.SHJParseEvent(s.useEvents, "dataListener", null), l.value = [], m.value = g(), p.value = s.basicOption.scroll.start;
+            d.parseEvents(s.useEvents, "dataListener", null), c.value = [], f.value = w(), m.value = s.basicOption.scroll.start;
           }
         }
       });
-    }, P = (e) => {
+    }, L = (e) => {
       const o = [];
       for (const t in e)
         o.push(e[t]);
       return o;
     };
-    I(() => u()), S(() => y(s.basicOption), (e, o) => {
-      W(e, o) || u();
+    H(() => u()), S(() => k(s.basicOption), (e, o) => {
+      z(e, o) || u();
     }, {
       deep: !0
-    }), S(() => y(s.sources), (e, o) => {
-      W(e, o) || u();
+    }), S(() => k(s.sources), (e, o) => {
+      z(e, o) || u();
     }, {
       deep: !0
-    }), J({
+    }), D({
       refresh: () => u(),
       refreshView: () => u(),
       refreshData: () => u()
     });
-    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;
-    }, f = (e) => {
+    }, h = (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) => {
+    }, 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) => {
+    }, 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) => {
+    }, B = (e, o) => {
       const t = { row: e, rowIndex: o };
-      b("on-click-row", t), window.SHJParseEvent(s.useEvents, "on-click-row", t);
-    }, F = (e, o) => {
+      b("on-click-row", t), d.parseEvents(s.useEvents, "on-click-row", t);
+    }, I = (e, o) => {
       const t = { row: e, rowIndex: o };
-      b("on-mouseenter-row", t), window.SHJParseEvent(s.useEvents, "on-mouseenter-row", t);
-    }, L = (e, o) => {
+      b("on-mouseenter-row", t), d.parseEvents(s.useEvents, "on-mouseenter-row", t);
+    }, R = (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, a) => {
+      b("on-mouseout-row", t), d.parseEvents(s.useEvents, "on-mouseout-row", t);
+    }, j = (e, o, t, a) => {
       const n = { row: e, item: o, rowIndex: t, columnIndex: a };
-      b("on-click-item", n), window.SHJParseEvent(s.useEvents, "on-click-item", n);
+      b("on-click-item", n), d.parseEvents(s.useEvents, "on-click-item", n);
     };
-    return (e, o) => l.value.length > 0 ? (r(), i("div", {
-      key: m.value,
+    return (e, o) => c.value.length > 0 ? (r(), i("div", {
+      key: f.value,
       class: "table-scroll"
     }, [
       e.basicOption.css.header.show ? (r(), i("div", {
         key: 0,
         class: "table-header",
-        style: d({
+        style: p({
           "--header-background-image": `url(${e.basicOption.css.header.backgroundImage})`
         })
       }, [
-        (r(!0), i(O, null, v(Object.keys(l.value[0]), (t, a) => (r(), i("div", {
+        (r(!0), i(O, null, y(Object.keys(c.value[0]), (t, a) => (r(), i("div", {
           key: t,
-          class: V(["th", { customWidth: !k(a + 1) }]),
-          style: d({ "--width": C(a + 1) + "px" })
+          class: W(["th", { customWidth: !C(a + 1) }]),
+          style: p({ "--width": E(a + 1) + "px" })
         }, [
-          j("p", null, w(t), 1)
+          T("p", null, g(t), 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": o[0] || (o[0] = (t) => m.value = t),
         direction: e.basicOption.scroll.direction,
-        list: l.value,
+        list: c.value,
         "is-watch": "",
         hover: e.basicOption.scroll.hover,
         "limit-scroll-num": e.basicOption.scroll.limitScrollNum,
@@ -129,40 +130,40 @@ const G = ["onClick", "onMouseenter", "onMouseout"], K = ["onClick"], Q = { key:
         "single-wait-time": e.basicOption.scroll.singleWaitTime,
         class: "table-body"
       }, {
-        default: T(() => [
-          (r(!0), i(O, null, v(l.value, (t, a) => (r(), i("div", {
+        default: P(() => [
+          (r(!0), i(O, null, y(c.value, (t, a) => (r(), i("div", {
             key: t,
             class: "tr",
-            style: d({
+            style: p({
               "--row-hover": e.basicOption.css.hoverColor
             }),
-            onClick: (n) => D(t, a),
-            onMouseenter: (n) => F(t, a),
-            onMouseout: (n) => L(t, a)
+            onClick: (n) => B(t, a),
+            onMouseenter: (n) => I(t, a),
+            onMouseout: (n) => R(t, a)
           }, [
-            (r(!0), i(O, null, v(P(t), (n, c) => (r(), i("div", {
+            (r(!0), i(O, null, y(L(t), (n, l) => (r(), i("div", {
               key: n,
-              class: V(["td", { customWidth: !k(c + 1) }]),
-              style: d({ "--width": C(c + 1) + "px" }),
-              onClick: (Y) => N(t, n, a, c)
+              class: W(["td", { customWidth: !C(l + 1) }]),
+              style: p({ "--width": E(l + 1) + "px" }),
+              onClick: (Z) => j(t, n, a, l)
             }, [
-              $(c + 1) ? (r(), i("p", Q, w(n), 1)) : (r(), i("p", {
+              N(l + 1) ? (r(), i("p", X, g(n), 1)) : (r(), i("p", {
                 key: 0,
                 class: "customFont",
-                style: d({
-                  "--text-color": f(c + 1).color,
-                  "--text-font-size": f(c + 1).fontSize + "px",
-                  "--text-font-style": f(c + 1).fontStyle
+                style: p({
+                  "--text-color": h(l + 1).color,
+                  "--text-font-size": h(l + 1).fontSize + "px",
+                  "--text-font-style": h(l + 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"])
-    ])) : E("", !0);
+    ])) : V("", !0);
   }
 });
 export {
-  te as default
+  ne as default
 };

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

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

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

@@ -1,11 +1,12 @@
-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 { defineComponent as W, useCssVars as A, ref as S, computed as E, watch as z, onMounted as G, resolveComponent as K, createElementBlock as l, createCommentVNode as M, openBlock as u, createVNode as $, normalizeStyle as p, Fragment as V, renderList as I, createElementVNode as O, toDisplayString as D, unref as b, withCtx as L } from "vue";
+import { debounce as f, cloneDeep as w, isEqual as R } from "lodash";
+import { nanoid as k } from "nanoid";
+import { RecycleScroller as Q } from "vue-virtual-scroller";
 import "vue-virtual-scroller/dist/vue-virtual-scroller.css";
-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,
+import { SHJDatasourceV2 as U } from "../../commons/plugins/datasource/index.mjs";
+import { SHJParseEvent as d } from "../../commons/plugins/event/index.mjs";
+const X = ["onClick", "onMouseenter", "onMouseout"], Y = ["onClick"], Z = W({ name: "zv-text-table-basic" }), ie = /* @__PURE__ */ W({
+  ...Z,
   props: {
     basicOption: {},
     useEvents: {},
@@ -13,35 +14,35 @@ const U = ["onClick", "onMouseenter", "onMouseout"], X = ["onClick"], Y = I({ na
     uuid: {}
   },
   emits: ["on-click-item", "on-click-row", "on-mouseenter-row", "on-mouseout-row"],
-  setup(D, { expose: L, emit: R }) {
-    T((e) => ({
-      "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
+  setup(B, { expose: N, emit: j }) {
+    A((e) => ({
+      b3073844: e.basicOption.css.table.borderWidth + "px",
+      "8b05448c": e.basicOption.css.table.borderStyle,
+      "8ccd2128": e.basicOption.css.table.borderColor,
+      "6e2dd140": e.basicOption.css.table.paddingLeft + "px",
+      "337db774": e.basicOption.css.table.alignItems,
+      "175b4ad4": e.basicOption.css.table.justifyContent,
+      "60eba224": e.basicOption.css.header.background,
+      a5715660: e.basicOption.css.header.height + "px",
+      "07adbea6": e.basicOption.css.header.color,
+      cc841332: e.basicOption.css.header.fontSize + "px",
+      f6e65ec6: e.basicOption.css.header.fontWeight,
+      "8c7a9228": e.basicOption.css.header.fontStyle,
+      "499661e5": e.basicOption.css.body.height + "px",
+      "72b695a2": e.basicOption.css.body.background,
+      "30ed12c2": e.basicOption.css.body.color,
+      "5e7e123c": e.basicOption.css.body.fontSize + "px",
+      "2b7438b0": e.basicOption.css.body.fontWeight,
+      28659681: e.basicOption.css.body.fontStyle
     }));
-    const b = R, m = g(O()), r = g([]), i = D, W = () => {
+    const m = j, v = S(k()), r = S([]), i = B, H = () => {
       if (!r.value.length) return;
-      const e = Object.keys(r.value[0]), o = i.basicOption.columns || [], s = e.map((t, a) => {
-        const n = o.find((S) => S.name === t) || {};
+      const e = Object.keys(r.value[0]), t = i.basicOption.columns || [], s = e.map((o, a) => {
+        const n = t.find((C) => C.name === o) || {};
         return {
-          name: n.name || t,
+          name: n.name || o,
           // 如果用户没有提供 name，使用 key 作为 name
-          label: n.label || t,
+          label: n.label || o,
           // 如果用户没有提供 label，使用 key 作为 label
           visible: n.visible !== void 0 ? n.visible : !0,
           // 如果用户没有提供 visible，默认可见
@@ -53,29 +54,29 @@ const U = ["onClick", "onMouseenter", "onMouseout"], X = ["onClick"], Y = I({ na
           // 如果用户没有提供 font，使用默认字体
         };
       });
-      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 = () => {
-      Q.parse({
+      i.basicOption.columns = s.sort((o, a) => o.index - a.index);
+    }, h = E(() => i.basicOption.columns || []), y = E(() => h.value.filter((e) => e.visible).map((e) => e.name)), c = () => {
+      U.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, s) => ({
-              id: o.id || s,
+            d.parseEvents(i.useEvents, "dataListener", r), v.value = k(), r.value = w(e.data[0].data).map((t, s) => ({
+              id: t.id || s,
               // 使用索引作为 id
-              ...o
-            })), W();
+              ...t
+            })), H();
           } catch {
-            window.SHJParseEvent(i.useEvents, "dataListener", null), m.value = O(), r.value = [];
+            d.parseEvents(i.useEvents, "dataListener", null), v.value = k(), r.value = [];
           }
         }
       });
-    }, k = (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 {};
+    }, g = (e) => {
+      const t = h.value.find((s) => s.name === e);
+      return t != null && t.width.auto ? null : `${t == null ? void 0 : t.width.width}px`;
+    }, J = (e) => {
+      const t = h.value.find((o) => o.name === e);
+      if (!t) return {};
       const s = {
         whiteSpace: "nowrap",
         // 默认不换行
@@ -85,98 +86,98 @@ const U = ["onClick", "onMouseenter", "onMouseout"], X = ["onClick"], Y = I({ na
         // 默认隐藏溢出内容
       };
       return {
-        color: o.font.color,
-        fontSize: `${o.font.fontSize}px`,
-        fontStyle: o.font.fontStyle,
+        color: t.font.color,
+        fontSize: `${t.font.fontSize}px`,
+        fontStyle: t.font.fontStyle,
         ...s,
-        ...o.textStyle
+        ...t.textStyle
         // 用户自定义样式
       };
-    }, N = f((e, o) => {
-      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 s = { row: e, rowIndex: o };
-      b("on-mouseenter-row", s), window.SHJParseEvent(i.useEvents, "on-mouseenter-row", s);
-    }, 100), q = f((e, o) => {
-      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);
+    }, q = f((e, t) => {
+      const s = { row: e, rowIndex: t };
+      m("on-click-row", s), d.parseEvents(i.useEvents, "on-click-row", s);
+    }, 100), F = f((e, t) => {
+      const s = { row: e, rowIndex: t };
+      m("on-mouseenter-row", s), d.parseEvents(i.useEvents, "on-mouseenter-row", s);
+    }, 100), P = f((e, t) => {
+      const s = { row: e, rowIndex: t };
+      m("on-mouseout-row", s), d.parseEvents(i.useEvents, "on-mouseout-row", s);
+    }, 100), T = f((e, t, s, o) => {
+      const a = { row: e, item: t, rowIndex: s, columnIndex: o };
+      m("on-click-item", a), d.parseEvents(i.useEvents, "on-click-item", a);
     }, 100);
-    return E(() => y(i.sources), (e, o) => {
-      V(e, o) || c();
-    }, { deep: !0 }), E(() => y(i.basicOption), (e, o) => {
-      V(e, o) || c();
-    }, { deep: !0 }), A(() => c()), L({
+    return z(() => w(i.sources), (e, t) => {
+      R(e, t) || c();
+    }, { deep: !0 }), z(() => w(i.basicOption), (e, t) => {
+      R(e, t) || c();
+    }, { deep: !0 }), G(() => c()), N({
       refresh: () => c(),
       refreshView: () => c(),
       refreshData: () => c()
-    }), (e, o) => {
-      const s = G("el-tooltip");
+    }), (e, t) => {
+      const s = K("el-tooltip");
       return r.value.length > 0 ? (u(), l("div", {
-        key: m.value,
+        key: v.value,
         class: "table-scroll"
       }, [
         e.basicOption.css.header.show ? (u(), l("div", {
           key: 0,
           class: "table-header",
-          style: d({
+          style: p({
             "--header-background-image": `url(${e.basicOption.css.header.background})`
           })
         }, [
-          (u(!0), l(J, null, M(h.value, (t) => (u(), l("div", {
-            key: t,
+          (u(!0), l(V, null, I(y.value, (o) => (u(), l("div", {
+            key: o,
             class: "th",
-            style: d({ width: k(t) })
+            style: p({ width: g(o) })
           }, [
-            w("p", null, $(t), 1)
+            O("p", null, D(o), 1)
           ], 4))), 128))
-        ], 4)) : z("", !0),
-        H(p(K), {
+        ], 4)) : M("", !0),
+        $(b(Q), {
           id: "",
           class: "table-body",
           items: r.value,
           "item-size": e.basicOption.css.body.height,
           "key-field": "id"
         }, {
-          default: P(({ item: t, index: a }) => [
-            w("div", {
+          default: L(({ item: o, index: a }) => [
+            O("div", {
               class: "tr",
-              style: d({
+              style: p({
                 "--row-hover": e.basicOption.css.hoverColor,
                 "--odd-background": e.basicOption.css.oddBackground
               }),
-              onClick: (n) => p(N)(t, a),
-              onMouseenter: (n) => p(j)(t, a),
-              onMouseout: (n) => p(q)(t, a)
+              onClick: (n) => b(q)(o, a),
+              onMouseenter: (n) => b(F)(o, a),
+              onMouseout: (n) => b(P)(o, a)
             }, [
-              (u(!0), l(J, null, M(h.value, (n) => (u(), l("div", {
+              (u(!0), l(V, null, I(y.value, (n) => (u(), l("div", {
                 key: n,
                 class: "td",
-                style: d({ width: k(n) }),
-                onClick: (S) => p(F)(t, t[n], a, h.value.indexOf(n))
+                style: p({ width: g(n) }),
+                onClick: (C) => b(T)(o, o[n], a, y.value.indexOf(n))
               }, [
-                H(s, {
-                  content: t[n]
+                $(s, {
+                  content: o[n]
                 }, {
-                  default: P(() => [
-                    w("p", {
-                      style: d(B(n))
-                    }, $(t[n]), 5)
+                  default: L(() => [
+                    O("p", {
+                      style: p(J(n))
+                    }, D(o[n]), 5)
                   ]),
                   _: 2
                 }, 1032, ["content"])
-              ], 12, X))), 128))
-            ], 44, U)
+              ], 12, Y))), 128))
+            ], 44, X)
           ]),
           _: 1
         }, 8, ["items", "item-size"])
-      ])) : z("", !0);
+      ])) : M("", !0);
     };
   }
 });
 export {
-  se as default
+  ie as default
 };

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 m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-7a9a366c"]]);
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-1ca17191"]]);
 export {
   m as default
 };