@shjjs/visual-ui 1.0.35 → 1.0.37

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

@@ -1,10 +1,193 @@
-import { defineComponent as W, useCssVars as A, ref as S, computed as E, watch as z, onMounted as G, resolveComponent as K, createElementBlock as c, 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 m, cloneDeep as w, isEqual as R } from "lodash";
+import { defineComponent as W, useCssVars as A, ref as S, computed as E, watch as z, onMounted as G, resolveComponent as K, createElementBlock as a, createCommentVNode as M, openBlock as c, createVNode as $, normalizeStyle as u, Fragment as V, renderList as I, createElementVNode as O, toDisplayString as D, unref as d, 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 { SHJParseEvent as d, SHJDatasourceV2 as U } from "@zerov/core";
+import "../text-text-basic/index.mjs";
+import "./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 "../text-table-scroll/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 U } from "../../plugins/datasource/index.mjs";
+import { SHJParseEvent as l } from "../../plugins/event/index.mjs";
 import "vue-virtual-scroller/dist/vue-virtual-scroller.css";
-const X = ["onClick", "onMouseenter", "onMouseout"], Y = ["onClick"], Z = W({ name: "zv-text-table-basic" }), ne = /* @__PURE__ */ W({
+const X = ["onClick", "onMouseenter", "onMouseout"], Y = ["onClick"], Z = W({ name: "zv-text-table-basic" }), zr = /* @__PURE__ */ W({
   ...Z,
   props: {
     basicOption: {},
@@ -14,69 +197,69 @@ const X = ["onClick", "onMouseenter", "onMouseout"], Y = ["onClick"], Z = W({ na
   },
   emits: ["on-click-item", "on-click-row", "on-mouseenter-row", "on-mouseout-row"],
   setup(B, { expose: N, emit: j }) {
-    A((e) => ({
-      "2a4865d0": e.basicOption.css.table.borderWidth + "px",
-      "2fd481c0": e.basicOption.css.table.borderStyle,
-      "2ef09372": e.basicOption.css.table.borderColor,
-      "0d48809a": e.basicOption.css.table.paddingLeft + "px",
-      "0b126780": e.basicOption.css.table.alignItems,
-      "1f04610e": e.basicOption.css.table.justifyContent,
-      "537a73ac": e.basicOption.css.header.background,
-      "961f29ec": e.basicOption.css.header.height + "px",
-      "4b4110e7": e.basicOption.css.header.color,
-      "5b7a6621": e.basicOption.css.header.fontSize + "px",
-      "0c3816ba": e.basicOption.css.header.fontWeight,
-      "42d80bb4": e.basicOption.css.header.fontStyle,
-      "7f23be9f": e.basicOption.css.body.height + "px",
-      "0d3dba96": e.basicOption.css.body.background,
-      e0506d08: e.basicOption.css.body.color,
-      66272876: e.basicOption.css.body.fontSize + "px",
-      "1d02512e": e.basicOption.css.body.fontWeight,
-      "1142603b": e.basicOption.css.body.fontStyle
+    A((t) => ({
+      "185eb83b": t.basicOption.css.table.borderWidth + "px",
+      "5472f006": t.basicOption.css.table.borderStyle,
+      "563acca2": t.basicOption.css.table.borderColor,
+      "3acb6bbd": t.basicOption.css.table.paddingLeft + "px",
+      "844fb4ba": t.basicOption.css.table.alignItems,
+      "5ea855b1": t.basicOption.css.table.justifyContent,
+      "7c34cc67": t.basicOption.css.header.background,
+      "16d740a6": t.basicOption.css.header.height + "px",
+      "1eed4eec": t.basicOption.css.header.color,
+      "41f3be04": t.basicOption.css.header.fontSize + "px",
+      c0540a40: t.basicOption.css.header.fontWeight,
+      dd4c8f6e: t.basicOption.css.header.fontStyle,
+      d11afffc: t.basicOption.css.body.height + "px",
+      "0fa99432": t.basicOption.css.body.background,
+      "7e78c442": t.basicOption.css.body.color,
+      b469c5ce: t.basicOption.css.body.fontSize + "px",
+      "334ac2ab": t.basicOption.css.body.fontWeight,
+      f4d169c4: t.basicOption.css.body.fontStyle
     }));
-    const f = j, v = S(k()), r = S([]), i = B, H = () => {
-      if (!r.value.length) return;
-      const e = Object.keys(r.value[0]), t = i.basicOption.columns || [], s = e.map((o, a) => {
-        const n = t.find((C) => C.name === o) || {};
+    const b = j, v = S(k()), s = S([]), p = B, H = () => {
+      if (!s.value.length) return;
+      const t = Object.keys(s.value[0]), o = p.basicOption.columns || [], r = t.map((i, m) => {
+        const e = o.find((C) => C.name === i) || {};
         return {
-          name: n.name || o,
+          name: e.name || i,
           // 如果用户没有提供 name，使用 key 作为 name
-          label: n.label || o,
+          label: e.label || i,
           // 如果用户没有提供 label，使用 key 作为 label
-          visible: n.visible !== void 0 ? n.visible : !0,
+          visible: e.visible !== void 0 ? e.visible : !0,
           // 如果用户没有提供 visible，默认可见
-          index: n.index !== void 0 ? n.index : a,
+          index: e.index !== void 0 ? e.index : m,
           // 如果用户没有提供 index，使用默认顺序
-          width: n.width || { auto: !0, width: 100 },
+          width: e.width || { auto: !0, width: 100 },
           // 如果用户没有提供 width，使用默认宽度
-          font: n.font || { auto: !0, color: "#ffffff", fontSize: 12, fontStyle: "normal" }
+          font: e.font || { auto: !0, color: "#ffffff", fontSize: 12, fontStyle: "normal" }
           // 如果用户没有提供 font，使用默认字体
         };
       });
-      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)), l = () => {
+      p.basicOption.columns = r.sort((i, m) => i.index - m.index);
+    }, h = E(() => p.basicOption.columns || []), y = E(() => h.value.filter((t) => t.visible).map((t) => t.name)), n = () => {
       U.parse({
-        tId: i.uuid,
-        sources: i.sources,
-        callback: (e) => {
+        tId: p.uuid,
+        sources: p.sources,
+        callback: (t) => {
           try {
-            d.parseEvents(i.useEvents, "dataListener", r), v.value = k(), r.value = w(e.data[0].data).map((t, s) => ({
-              id: t.id || s,
+            l.parseEvents(p.useEvents, "dataListener", s), v.value = k(), s.value = w(t.data[0].data).map((o, r) => ({
+              id: o.id || r,
               // 使用索引作为 id
-              ...t
+              ...o
             })), H();
           } catch {
-            d.parseEvents(i.useEvents, "dataListener", null), v.value = k(), r.value = [];
+            l.parseEvents(p.useEvents, "dataListener", null), v.value = k(), s.value = [];
           }
         }
       });
-    }, 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 = {
+    }, g = (t) => {
+      const o = h.value.find((r) => r.name === t);
+      return o != null && o.width.auto ? null : `${o == null ? void 0 : o.width.width}px`;
+    }, J = (t) => {
+      const o = h.value.find((i) => i.name === t);
+      if (!o) return {};
+      const r = {
         whiteSpace: "nowrap",
         // 默认不换行
         textOverflow: "ellipsis",
@@ -85,86 +268,86 @@ const X = ["onClick", "onMouseenter", "onMouseout"], Y = ["onClick"], Z = W({ na
         // 默认隐藏溢出内容
       };
       return {
-        color: t.font.color,
-        fontSize: `${t.font.fontSize}px`,
-        fontStyle: t.font.fontStyle,
-        ...s,
-        ...t.textStyle
+        color: o.font.color,
+        fontSize: `${o.font.fontSize}px`,
+        fontStyle: o.font.fontStyle,
+        ...r,
+        ...o.textStyle
         // 用户自定义样式
       };
-    }, q = m((e, t) => {
-      const s = { row: e, rowIndex: t };
-      f("on-click-row", s), d.parseEvents(i.useEvents, "on-click-row", s);
-    }, 100), F = m((e, t) => {
-      const s = { row: e, rowIndex: t };
-      f("on-mouseenter-row", s), d.parseEvents(i.useEvents, "on-mouseenter-row", s);
-    }, 100), P = m((e, t) => {
-      const s = { row: e, rowIndex: t };
-      f("on-mouseout-row", s), d.parseEvents(i.useEvents, "on-mouseout-row", s);
-    }, 100), T = m((e, t, s, o) => {
-      const a = { row: e, item: t, rowIndex: s, columnIndex: o };
-      f("on-click-item", a), d.parseEvents(i.useEvents, "on-click-item", a);
+    }, q = f((t, o) => {
+      const r = { row: t, rowIndex: o };
+      b("on-click-row", r), l.parseEvents(p.useEvents, "on-click-row", r);
+    }, 100), F = f((t, o) => {
+      const r = { row: t, rowIndex: o };
+      b("on-mouseenter-row", r), l.parseEvents(p.useEvents, "on-mouseenter-row", r);
+    }, 100), P = f((t, o) => {
+      const r = { row: t, rowIndex: o };
+      b("on-mouseout-row", r), l.parseEvents(p.useEvents, "on-mouseout-row", r);
+    }, 100), T = f((t, o, r, i) => {
+      const m = { row: t, item: o, rowIndex: r, columnIndex: i };
+      b("on-click-item", m), l.parseEvents(p.useEvents, "on-click-item", m);
     }, 100);
-    return z(() => w(i.sources), (e, t) => {
-      R(e, t) || l();
-    }, { deep: !0 }), z(() => w(i.basicOption), (e, t) => {
-      R(e, t) || l();
-    }, { deep: !0 }), G(() => l()), N({
-      refresh: () => l(),
-      refreshView: () => l(),
-      refreshData: () => l()
-    }), (e, t) => {
-      const s = K("el-tooltip");
-      return r.value.length > 0 ? (u(), c("div", {
+    return z(() => w(p.sources), (t, o) => {
+      R(t, o) || n();
+    }, { deep: !0 }), z(() => w(p.basicOption), (t, o) => {
+      R(t, o) || n();
+    }, { deep: !0 }), G(() => n()), N({
+      refresh: () => n(),
+      refreshView: () => n(),
+      refreshData: () => n()
+    }), (t, o) => {
+      const r = K("el-tooltip");
+      return s.value.length > 0 ? (c(), a("div", {
         key: v.value,
         class: "table-scroll"
       }, [
-        e.basicOption.css.header.show ? (u(), c("div", {
+        t.basicOption.css.header.show ? (c(), a("div", {
           key: 0,
           class: "table-header",
-          style: p({
-            "--header-background-image": `url(${e.basicOption.css.header.background})`
+          style: u({
+            "--header-background-image": `url(${t.basicOption.css.header.background})`
           })
         }, [
-          (u(!0), c(V, null, I(y.value, (o) => (u(), c("div", {
-            key: o,
+          (c(!0), a(V, null, I(y.value, (i) => (c(), a("div", {
+            key: i,
             class: "th",
-            style: p({ width: g(o) })
+            style: u({ width: g(i) })
           }, [
-            O("p", null, D(o), 1)
+            O("p", null, D(i), 1)
           ], 4))), 128))
         ], 4)) : M("", !0),
-        $(b(Q), {
+        $(d(Q), {
           id: "",
           class: "table-body",
-          items: r.value,
-          "item-size": e.basicOption.css.body.height,
+          items: s.value,
+          "item-size": t.basicOption.css.body.height,
           "key-field": "id"
         }, {
-          default: L(({ item: o, index: a }) => [
+          default: L(({ item: i, index: m }) => [
             O("div", {
               class: "tr",
-              style: p({
-                "--row-hover": e.basicOption.css.hoverColor,
-                "--odd-background": e.basicOption.css.oddBackground
+              style: u({
+                "--row-hover": t.basicOption.css.hoverColor,
+                "--odd-background": t.basicOption.css.oddBackground
               }),
-              onClick: (n) => b(q)(o, a),
-              onMouseenter: (n) => b(F)(o, a),
-              onMouseout: (n) => b(P)(o, a)
+              onClick: (e) => d(q)(i, m),
+              onMouseenter: (e) => d(F)(i, m),
+              onMouseout: (e) => d(P)(i, m)
             }, [
-              (u(!0), c(V, null, I(y.value, (n) => (u(), c("div", {
-                key: n,
+              (c(!0), a(V, null, I(y.value, (e) => (c(), a("div", {
+                key: e,
                 class: "td",
-                style: p({ width: g(n) }),
-                onClick: (C) => b(T)(o, o[n], a, y.value.indexOf(n))
+                style: u({ width: g(e) }),
+                onClick: (C) => d(T)(i, i[e], m, y.value.indexOf(e))
               }, [
-                $(s, {
-                  content: o[n]
+                $(r, {
+                  content: i[e]
                 }, {
                   default: L(() => [
                     O("p", {
-                      style: p(J(n))
-                    }, D(o[n]), 5)
+                      style: u(J(e))
+                    }, D(i[e]), 5)
                   ]),
                   _: 2
                 }, 1032, ["content"])
@@ -178,5 +361,5 @@ const X = ["onClick", "onMouseenter", "onMouseout"], Y = ["onClick"], Z = W({ na
   }
 });
 export {
-  ne as default
+  zr 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 p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-6008a797"]]);
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-b98bf301"]]);
 export {
-  p as default
+  m as default
 };