@shjjs/visual-ui 1.0.36 → 1.0.37

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

@@ -1,9 +1,192 @@
-import { defineComponent as M, useCssVars as j, ref as O, onMounted as A, watch as S, createElementBlock as i, createCommentVNode as V, openBlock as r, normalizeStyle as u, createVNode as J, Fragment as v, renderList as y, normalizeClass as W, createElementVNode as T, toDisplayString as g, unref as q, withCtx as P } from "vue";
+import { defineComponent as M, useCssVars as j, ref as O, onMounted as A, watch as S, createElementBlock as p, createCommentVNode as V, openBlock as s, normalizeStyle as a, createVNode as J, Fragment as v, 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, SHJParseEvent as p } from "@shjjs/visual-core";
-const K = ["onClick", "onMouseenter", "onMouseout"], Q = ["onClick"], X = { key: 1 }, Y = M({ name: "zv-text-table-scroll" }), oe = /* @__PURE__ */ M({
+import "../text-text-basic/index.mjs";
+import "../text-table-basic/index.mjs";
+import "../chart-other-gauge/index.mjs";
+import "../chart-other-gauge-stage/index.mjs";
+import "../chart-other-gauge-grade/index.mjs";
+import "../chart-other-word-cloud/index.mjs";
+import "../chart-other-liquidfill/index.mjs";
+import "../chart-other-funnel/index.mjs";
+import "../chart-other-force/index.mjs";
+import "../chart-other-radar/index.mjs";
+import "../chart-other-funnel-split/index.mjs";
+import "../chart-other-funnel-contrast/index.mjs";
+import "../chart-other-candlestick-basic/index.mjs";
+import "../chart-other-candlestick-shanghai/index.mjs";
+import "../chart-other-candlestick-demo/index.mjs";
+import "../chart-other-heatmap/index.mjs";
+import "../chart-other-force2/index.mjs";
+import "../chart-other-graph-basic/index.mjs";
+import "../chart-other-graph-basic2/index.mjs";
+import "../chart-other-graph-calendar/index.mjs";
+import "../chart-other-tree-line/index.mjs";
+import "../chart-other-treemap-basic/index.mjs";
+import "../chart-other-sunburst-basic/index.mjs";
+import "../chart-other-sunburst-basic2/index.mjs";
+import "../chart-other-sunburst-basic3/index.mjs";
+import "../chart-other-sunburst-basic4/index.mjs";
+import "../chart-other-sunburst-book/index.mjs";
+import "../chart-other-sunburst-radius/index.mjs";
+import "../chart-other-sunburst-flavors/index.mjs";
+import "../chart-other-parallel-basic/index.mjs";
+import "../chart-other-parallel-mul/index.mjs";
+import "../chart-other-circular-graph/index.mjs";
+import "../map-earth-basic/index.mjs";
+import "../map-earth-cool-tech/index.mjs";
+import "../map-earth-particle/index.mjs";
+import "../map-earth-hacker/index.mjs";
+import "../map-earth-fly-line/index.mjs";
+import "../chart-other-grid-percentage/index.mjs";
+import "../chart-other-radar-stack/index.mjs";
+import "../chart-other-funnel2/index.mjs";
+import "../chart-other-label-gauge/index.mjs";
+import "../chart-other-theme-river/index.mjs";
+import "../chart-other-tree/index.mjs";
+import "../chart-other-treemap/index.mjs";
+import "../commons-product-model/index.mjs";
+import "../commons-vr-photo/index.mjs";
+import "../commons-vr-video/index.mjs";
+import "../commons-three-loader/index.mjs";
+import "../commons-three-loader3/index.mjs";
+import "../commons-loop-iterator/index.mjs";
+import "../commons-gaussian-splatting-view/index.mjs";
+import "../commons-babylon/index.mjs";
+import "../commons-svg/index.mjs";
+import "../commons-weather/index.mjs";
+import "../commons-weather-dynamic/index.mjs";
+import "../media-wavesurfer/index.mjs";
+import "../interaction-tabs/index.mjs";
+import "../interaction-tabs2/index.mjs";
+import "../interaction-button/index.mjs";
+import "../interaction-button-image/index.mjs";
+import "../interaction-select/index.mjs";
+import "../interaction-input/index.mjs";
+import "../interaction-radio/index.mjs";
+import "../interaction-slider/index.mjs";
+import "../interaction-switch/index.mjs";
+import "../interaction-data-picker/index.mjs";
+import "../interaction-button-refresh/index.mjs";
+import "../media-image/index.mjs";
+import "../text-title/index.mjs";
+import "../commons-qrcode/index.mjs";
+import "../media-video/index.mjs";
+import "../media-audio/index.mjs";
+import "../text-real-time/index.mjs";
+import "../media-carousel/index.mjs";
+import "../media-carousel-slides/index.mjs";
+import "../media-iframe-carousel/index.mjs";
+import "../media-iframe/index.mjs";
+import "../media-m3u8/index.mjs";
+import "../media-m3u8-dynamic/index.mjs";
+import "../media-audio-dynamic/index.mjs";
+import "../media-video-dynamic/index.mjs";
+import "../media-image-dynamic/index.mjs";
+import "../media-iframe-dynamic/index.mjs";
+import "../media-flv/index.mjs";
+import "../commons-echarts/index.mjs";
+import "../text-over-number/index.mjs";
+import "./index.mjs";
+import "../text-carousel/index.mjs";
+import "../text-row-scroll/index.mjs";
+import "../text-text-dynamic/index.mjs";
+import "../text-count-down/index.mjs";
+import "../graphical-circle/index.mjs";
+import "../graphical-diamond/index.mjs";
+import "../graphical-hexagon/index.mjs";
+import "../graphical-isosceles-triangle/index.mjs";
+import "../graphical-pentagon/index.mjs";
+import "../graphical-rect/index.mjs";
+import "../graphical-right-triangle/index.mjs";
+import "../scene-map3d/index.mjs";
+import "../scene-amap2d/index.mjs";
+import "../scene-amap3d/index.mjs";
+import "../scene-vr/index.mjs";
+import "../scene-unity-iframe/index.mjs";
+import "../scene-unity-webgl/index.mjs";
+import "../scene-ue-iframe/index.mjs";
+import "../scene-ue-shj/index.mjs";
+import "../scene-default/index.mjs";
+import "../interaction/tabs/index.mjs";
+import "../interaction/tabs-icon/index.mjs";
+import "../interaction/button/index.mjs";
+import "../interaction/date-picker/src/date-picker/index.mjs";
+import "../interaction/date-picker/src/date-picker-range/index.mjs";
+import "../text/list/index.mjs";
+import "../chart/src/bar/basic/index.mjs";
+import "../chart/src/bar/animation/index.mjs";
+import "../chart/src/bar/contrast/index.mjs";
+import "../chart/src/bar/contrast2/index.mjs";
+import "../chart/src/bar/contrast3/index.mjs";
+import "../chart/src/bar/gradient-column-chart/index.mjs";
+import "../chart/src/bar/horizontal/index.mjs";
+import "../chart/src/bar/horizontal-stack/index.mjs";
+import "../chart/src/bar/line-bar/index.mjs";
+import "../chart/src/bar/line-bar2/index.mjs";
+import "../chart/src/bar/loop/index.mjs";
+import "../chart/src/bar/mini/index.mjs";
+import "../chart/src/bar/polar/index.mjs";
+import "../chart/src/bar/polar-stack/index.mjs";
+import "../chart/src/bar/polar2/index.mjs";
+import "../chart/src/bar/radius-circle/index.mjs";
+import "../chart/src/bar/rank/index.mjs";
+import "../chart/src/bar/segmented-progress/index.mjs";
+import "../chart/src/bar/spire/index.mjs";
+import "../chart/src/bar/stack/index.mjs";
+import "../chart/src/bar/stack-line/index.mjs";
+import "../chart/src/bar/stack2/index.mjs";
+import "../chart/src/bar/stack3/index.mjs";
+import "../chart/src/bar/staggered/index.mjs";
+import "../chart/src/bar/three/index.mjs";
+import "../chart/src/bar/waterfall/index.mjs";
+import "../chart/src/bar/zebra/index.mjs";
+import "../chart/src/line/area-gradient/index.mjs";
+import "../chart/src/line/area-highlight/index.mjs";
+import "../chart/src/line/area-highlight2/index.mjs";
+import "../chart/src/line/basic/index.mjs";
+import "../chart/src/line/bump/index.mjs";
+import "../chart/src/line/dashed/index.mjs";
+import "../chart/src/line/ladder/index.mjs";
+import "../chart/src/line/logarithm/index.mjs";
+import "../chart/src/line/multix/index.mjs";
+import "../chart/src/line/polar-double/index.mjs";
+import "../chart/src/line/rain-flow/index.mjs";
+import "../chart/src/line/scale/index.mjs";
+import "../chart/src/line/smooth/index.mjs";
+import "../chart/src/line/smooth-area/index.mjs";
+import "../chart/src/line/stack/index.mjs";
+import "../chart/src/line/stack-area/index.mjs";
+import "../chart/src/line/temp/index.mjs";
+import "../chart/src/line/vertical/index.mjs";
+import "../chart/src/map/basic/index.mjs";
+import "../chart/src/map/bmap-basic/index.mjs";
+import "../chart/src/map/bmap-heatmap/index.mjs";
+import "../chart/src/map/bmap-rich/index.mjs";
+import "../chart/src/map/customize/index.mjs";
+import "../chart/src/map/lines/index.mjs";
+import "../chart/src/map/scatter/index.mjs";
+import "../chart/src/pie/3d/index.mjs";
+import "../chart/src/pie/basic/index.mjs";
+import "../chart/src/pie/basic2/index.mjs";
+import "../chart/src/pie/customized/index.mjs";
+import "../chart/src/pie/index/index.mjs";
+import "../chart/src/pie/interval/index.mjs";
+import "../chart/src/pie/legend-scroll/index.mjs";
+import "../chart/src/pie/radius/index.mjs";
+import "../chart/src/pie/rose/index.mjs";
+import "../chart/src/pie/round/index.mjs";
+import "../chart/src/pie/sunburst/index.mjs";
+import "../chart/src/scatter/basic/index.mjs";
+import "../chart/src/scatter/basic2/index.mjs";
+import "../chart/src/scatter/bubble/index.mjs";
+import "../chart/src/scatter/ripples/index.mjs";
+/* empty css                        */
+/* empty css                               */
+import { SHJDatasourceV2 as G } from "../../plugins/datasource/index.mjs";
+import { SHJParseEvent as u } from "../../plugins/event/index.mjs";
+const K = ["onClick", "onMouseenter", "onMouseout"], Q = ["onClick"], X = { key: 1 }, Y = M({ name: "zv-text-table-scroll" }), Sr = /* @__PURE__ */ M({
   ...Y,
   props: {
     basicOption: {},
@@ -13,152 +196,152 @@ const K = ["onClick", "onMouseenter", "onMouseout"], Q = ["onClick"], X = { key:
   },
   emits: ["on-click-item", "on-click-row", "on-mouseenter-row", "on-mouseout-row"],
   setup($, { expose: D, emit: F }) {
-    j((e) => ({
-      e45d8a76: e.basicOption.css.table.borderWidth + "px",
-      a5bd269a: e.basicOption.css.table.borderStyle,
-      a7850336: e.basicOption.css.table.borderColor,
-      "9f842372": e.basicOption.css.table.paddingLeft + "px",
-      "345a5ba6": e.basicOption.css.table.alignItems,
-      "7905ad3b": e.basicOption.css.table.justifyContent,
-      "538fb11d": e.basicOption.css.header.background,
-      "0ef1b737": e.basicOption.css.header.height + "px",
-      "67d84bd8": e.basicOption.css.header.color,
-      "3a595b0e": e.basicOption.css.header.fontSize + "px",
-      "7730df96": e.basicOption.css.header.fontWeight,
-      "8d57365a": e.basicOption.css.header.fontStyle,
-      "4ac22e68": e.basicOption.css.body.background,
-      "88603eaa": e.basicOption.css.oddBackground,
-      "7334f9e9": e.basicOption.css.body.color,
-      "7faf16ba": e.basicOption.css.body.fontSize + "px",
-      "6e635ce1": e.basicOption.css.body.fontWeight,
-      aef0dbb0: e.basicOption.css.body.fontStyle
+    j((t) => ({
+      "5873f70e": t.basicOption.css.table.borderWidth + "px",
+      "78bffeec": t.basicOption.css.table.borderStyle,
+      "7a87db88": t.basicOption.css.table.borderColor,
+      "7ae0aa90": t.basicOption.css.table.paddingLeft + "px",
+      "0fd6e776": t.basicOption.css.table.alignItems,
+      "2cfbf604": t.basicOption.css.table.justifyContent,
+      "6a0e44f4": t.basicOption.css.header.background,
+      "7a300000": t.basicOption.css.header.height + "px",
+      20000846: t.basicOption.css.header.color,
+      "6c3ed4d2": t.basicOption.css.header.fontSize + "px",
+      e4a11926: t.basicOption.css.header.fontWeight,
+      "394f0bc8": t.basicOption.css.header.fontStyle,
+      c29c6802: t.basicOption.css.body.background,
+      "1567f802": t.basicOption.css.oddBackground,
+      bbbe0c1c: t.basicOption.css.body.color,
+      "741ebd6c": t.basicOption.css.body.fontSize + "px",
+      "7b5a0b10": t.basicOption.css.body.fontWeight,
+      fc1b349e: t.basicOption.css.body.fontStyle
     }));
-    const b = F, h = O(w()), l = O([]), o = $, m = O(o.basicOption.scroll.start), d = () => {
+    const d = F, f = O(w()), n = O([]), r = $, b = O(r.basicOption.scroll.start), c = () => {
       G.parse({
-        tId: o.uuid,
-        sources: o.sources,
-        callback: (e) => {
+        tId: r.uuid,
+        sources: r.sources,
+        callback: (t) => {
           try {
-            p.parseEvents(o.useEvents, "dataListener", l), l.value = k(e.data[0].data) || [], h.value = w(), m.value = o.basicOption.scroll.start;
+            u.parseEvents(r.useEvents, "dataListener", n), n.value = k(t.data[0].data) || [], f.value = w(), b.value = r.basicOption.scroll.start;
           } catch {
-            p.parseEvents(o.useEvents, "dataListener", null), h.value = w(), l.value = [], m.value = o.basicOption.scroll.start;
+            u.parseEvents(r.useEvents, "dataListener", null), f.value = w(), n.value = [], b.value = r.basicOption.scroll.start;
           }
         }
       });
-    }, L = (e) => {
-      const t = [];
-      for (const s in e)
-        t.push(e[s]);
-      return t;
+    }, L = (t) => {
+      const o = [];
+      for (const i in t)
+        o.push(t[i]);
+      return o;
     };
-    A(() => d()), S(() => k(o.basicOption), (e, t) => {
-      z(e, t) || d();
+    A(() => c()), S(() => k(r.basicOption), (t, o) => {
+      z(t, o) || c();
     }, {
       deep: !0
-    }), S(() => k(o.sources), (e, t) => {
-      z(e, t) || d();
+    }), S(() => k(r.sources), (t, o) => {
+      z(t, o) || c();
     }, {
       deep: !0
     }), D({
-      refresh: () => d(),
-      refreshView: () => d(),
-      refreshData: () => d()
+      refresh: () => c(),
+      refreshView: () => c(),
+      refreshData: () => c()
     });
-    const N = (e) => {
-      if (!o.basicOption.columns)
+    const N = (t) => {
+      if (!r.basicOption.columns)
         return !0;
-      const t = o.basicOption.columns.find((s) => s.index === e);
-      return t ? t.font.auto : !0;
-    }, f = (e) => {
-      if (!o.basicOption.columns)
+      const o = r.basicOption.columns.find((i) => i.index === t);
+      return o ? o.font.auto : !0;
+    }, h = (t) => {
+      if (!r.basicOption.columns)
         return null;
-      const t = o.basicOption.columns.find((s) => s.index === e);
-      return t && t.font.auto === !1 ? t.font : null;
-    }, C = (e) => {
-      if (!o.basicOption.columns)
+      const o = r.basicOption.columns.find((i) => i.index === t);
+      return o && o.font.auto === !1 ? o.font : null;
+    }, C = (t) => {
+      if (!r.basicOption.columns)
         return !0;
-      const t = o.basicOption.columns.find((s) => s.index === e);
-      return t ? t.width.auto : !0;
-    }, E = (e) => {
-      if (!o.basicOption.columns)
+      const o = r.basicOption.columns.find((i) => i.index === t);
+      return o ? o.width.auto : !0;
+    }, E = (t) => {
+      if (!r.basicOption.columns)
         return null;
-      const t = o.basicOption.columns.find((s) => s.index === e);
-      return t && t.width.auto === !1 ? t.width.width : null;
-    }, B = (e, t) => {
-      const s = { row: e, rowIndex: t };
-      b("on-click-row", s), p.parseEvents(o.useEvents, "on-click-row", s);
-    }, H = (e, t) => {
-      const s = { row: e, rowIndex: t };
-      b("on-mouseenter-row", s), p.parseEvents(o.useEvents, "on-mouseenter-row", s);
-    }, I = (e, t) => {
-      const s = { row: e, rowIndex: t };
-      b("on-mouseout-row", s), p.parseEvents(o.useEvents, "on-mouseout-row", s);
-    }, R = (e, t, s, a) => {
-      const n = { row: e, item: t, rowIndex: s, columnIndex: a };
-      b("on-click-item", n), p.parseEvents(o.useEvents, "on-click-item", n);
+      const o = r.basicOption.columns.find((i) => i.index === t);
+      return o && o.width.auto === !1 ? o.width.width : null;
+    }, B = (t, o) => {
+      const i = { row: t, rowIndex: o };
+      d("on-click-row", i), u.parseEvents(r.useEvents, "on-click-row", i);
+    }, H = (t, o) => {
+      const i = { row: t, rowIndex: o };
+      d("on-mouseenter-row", i), u.parseEvents(r.useEvents, "on-mouseenter-row", i);
+    }, I = (t, o) => {
+      const i = { row: t, rowIndex: o };
+      d("on-mouseout-row", i), u.parseEvents(r.useEvents, "on-mouseout-row", i);
+    }, R = (t, o, i, m) => {
+      const e = { row: t, item: o, rowIndex: i, columnIndex: m };
+      d("on-click-item", e), u.parseEvents(r.useEvents, "on-click-item", e);
     };
-    return (e, t) => l.value.length > 0 ? (r(), i("div", {
-      key: h.value,
+    return (t, o) => n.value.length > 0 ? (s(), p("div", {
+      key: f.value,
       class: "table-scroll",
-      style: u({ lineHeight: e.basicOption.css.body.height + "px" })
+      style: a({ lineHeight: t.basicOption.css.body.height + "px" })
     }, [
-      e.basicOption.css.header.show ? (r(), i("div", {
+      t.basicOption.css.header.show ? (s(), p("div", {
         key: 0,
         class: "table-header",
-        style: u({
-          "--header-background-image": `url(${e.basicOption.css.header.backgroundImage})`
+        style: a({
+          "--header-background-image": `url(${t.basicOption.css.header.backgroundImage})`
         })
       }, [
-        (r(!0), i(v, null, y(Object.keys(l.value[0]), (s, a) => (r(), i("div", {
-          key: s,
-          class: W(["th", { customWidth: !C(a + 1) }]),
-          style: u({ "--width": E(a + 1) + "px" })
+        (s(!0), p(v, null, y(Object.keys(n.value[0]), (i, m) => (s(), p("div", {
+          key: i,
+          class: W(["th", { customWidth: !C(m + 1) }]),
+          style: a({ "--width": E(m + 1) + "px" })
         }, [
-          T("p", null, g(s), 1)
+          T("p", null, g(i), 1)
         ], 6))), 128))
       ], 4)) : V("", !0),
       J(q(U), {
-        modelValue: m.value,
-        "onUpdate:modelValue": t[0] || (t[0] = (s) => m.value = s),
-        direction: e.basicOption.scroll.direction,
-        list: l.value,
+        modelValue: b.value,
+        "onUpdate:modelValue": o[0] || (o[0] = (i) => b.value = i),
+        direction: t.basicOption.scroll.direction,
+        list: n.value,
         "is-watch": "",
-        step: e.basicOption.scroll.step,
-        hover: e.basicOption.scroll.hover,
-        "limit-scroll-num": e.basicOption.scroll.limitScrollNum,
-        "single-height": e.basicOption.scroll.isSingle ? e.basicOption.css.body.height : 0,
-        "single-wait-time": e.basicOption.scroll.singleWaitTime,
+        step: t.basicOption.scroll.step,
+        hover: t.basicOption.scroll.hover,
+        "limit-scroll-num": t.basicOption.scroll.limitScrollNum,
+        "single-height": t.basicOption.scroll.isSingle ? t.basicOption.css.body.height : 0,
+        "single-wait-time": t.basicOption.scroll.singleWaitTime,
         class: "table-body",
-        style: u([{ color: "red" }, {
+        style: a([{ color: "red" }, {
           "line-height": "36px"
         }])
       }, {
         default: P(() => [
-          (r(!0), i(v, null, y(l.value, (s, a) => (r(), i("div", {
-            key: s,
+          (s(!0), p(v, null, y(n.value, (i, m) => (s(), p("div", {
+            key: i,
             class: "tr",
-            style: u({
-              "--row-hover": e.basicOption.css.hoverColor
+            style: a({
+              "--row-hover": t.basicOption.css.hoverColor
             }),
-            onClick: (n) => B(s, a),
-            onMouseenter: (n) => H(s, a),
-            onMouseout: (n) => I(s, a)
+            onClick: (e) => B(i, m),
+            onMouseenter: (e) => H(i, m),
+            onMouseout: (e) => I(i, m)
           }, [
-            (r(!0), i(v, null, y(L(s), (n, c) => (r(), i("div", {
-              key: n,
-              class: W(["td", { customWidth: !C(c + 1) }]),
-              style: u({ "--width": E(c + 1) + "px" }),
-              onClick: (Z) => R(s, n, a, c)
+            (s(!0), p(v, null, y(L(i), (e, l) => (s(), p("div", {
+              key: e,
+              class: W(["td", { customWidth: !C(l + 1) }]),
+              style: a({ "--width": E(l + 1) + "px" }),
+              onClick: (Z) => R(i, e, m, l)
             }, [
-              N(c + 1) ? (r(), i("p", X, g(n), 1)) : (r(), i("p", {
+              N(l + 1) ? (s(), p("p", X, g(e), 1)) : (s(), p("p", {
                 key: 0,
                 class: "customFont",
-                style: u({
-                  "--text-color": f(c + 1).color,
-                  "--text-font-size": f(c + 1).fontSize + "px",
-                  "--text-font-style": f(c + 1).fontStyle
+                style: a({
+                  "--text-color": h(l + 1).color,
+                  "--text-font-size": h(l + 1).fontSize + "px",
+                  "--text-font-style": h(l + 1).fontStyle
                 })
-              }, g(n), 5))
+              }, g(e), 5))
             ], 14, Q))), 128))
           ], 44, K))), 128))
         ]),
@@ -168,5 +351,5 @@ const K = ["onClick", "onMouseenter", "onMouseout"], Q = ["onClick"], X = { key:
   }
 });
 export {
-  oe as default
+  Sr 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 a = /* @__PURE__ */ o(t, [["__scopeId", "data-v-8306972e"]]);
+const c = /* @__PURE__ */ o(t, [["__scopeId", "data-v-fbc545b1"]]);
 export {
-  a as default
+  c as default
 };