@shjjs/visual-ui 1.0.39 → 1.0.40

package/es/components/interaction/tabs-icon/index.vue.mjs

@@ -1,277 +1,277 @@
-import { defineComponent as x, ref as u, onMounted as O, createElementBlock as m, openBlock as s, normalizeStyle as l, unref as n, createCommentVNode as g, Fragment as V, renderList as w, withModifiers as D, normalizeClass as I, createElementVNode as L, createVNode as N, nextTick as B } from "vue";
-import { useResizeObserver as T } from "@vueuse/core";
-import { useTabsWatch as W } from "./hooks/useTabsWatch.mjs";
-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 "../../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 "../tabs/index.mjs";
-import "./index.mjs";
-import "../button/index.mjs";
-import "../date-picker/src/date-picker/index.mjs";
-import "../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";
-import "../../commons/custom-component-render/index.mjs";
-/* empty css                           */
-/* empty css                                  */
-import { SHJDatasourceV2 as H } from "../../../plugins/datasource/index.mjs";
-import { SHJParseEvent as k } from "../../../plugins/event/index.mjs";
-import "lodash";
-import { Utils as a } from "../../../commons/utils/utils.mjs";
-import J from "../../../commons/components/text.vue.mjs";
-const M = ["onClick"], R = ["src"], $ = x({ name: "shj-tabs-icon" }), xi = /* @__PURE__ */ x({
-  ...$,
-  props: {
-    option: {},
-    sources: {},
-    useEvents: {},
-    uuid: {}
-  },
-  emits: ["on-change"],
-  setup(_, { expose: y, emit: j }) {
-    const t = _, f = j, p = u([]), o = u(t.option.value), c = () => {
-      H.parse({
-        tId: t.uuid,
-        sources: t.sources,
-        callback: ({ data: r }) => {
-          if (!r) {
-            p.value = [];
-            return;
-          }
-          p.value = r[0].data, t.option.isDefaultSelect && (o.value = t.option.value, !o.value && p.value.length > 0 && (o.value = p.value[0].value), f("on-change", p.value[0]), k.parseEvents(t.useEvents, "on-change", p.value[0])), h();
-        }
-      });
-    };
-    O(() => c());
-    const C = (r) => {
-      r.value !== o.value && (f("on-change", r), k.parseEvents(t.useEvents, "on-change", r)), o.value = r.value;
-    };
-    W(t, c, o, p), y({
-      refresh: () => c(),
-      refreshView: () => {
-      },
-      // 刷新视图 无需刷新
-      refreshData: () => c()
-    });
-    const e = u(null), d = 150, v = u(!1), h = () => {
-      B(() => {
-        if (e.value) {
-          const { scrollWidth: r, clientWidth: b } = e.value;
-          v.value = r > b;
-        }
-      });
-    }, S = () => {
-      e.value && (e.value.scrollLeft -= d);
-    }, E = () => {
-      e.value && (e.value.scrollLeft += d);
-    };
-    return T(e, (r) => h()), (r, b) => (s(), m("div", {
-      ref_key: "tabsContainer",
-      ref: e,
-      class: "height-100 flex overflow-hidden scroll-behavior-smooth",
-      style: l(n(a).json2cssObject(t.option.css.tab))
-    }, [
-      v.value ? (s(), m("button", {
-        key: 0,
-        class: "flex-none cursor-pointer position-absolute translate-center-left-active-scale-095 top-50 background-size-cover",
-        style: l(n(a).json2cssObject(t.option.css.nav.left)),
-        onClick: S
-      }, null, 4)) : g("", !0),
-      (s(!0), m(V, null, w(p.value, (i, z) => (s(), m("div", {
-        key: z,
-        class: I(["flex flex-none position-relative cursor-pointer transition-color-background-color background-size-cover", { selected: i.value === o.value }]),
-        style: l(n(a).json2cssObject(i.value === o.value ? t.option.css.item.selected : t.option.css.item)),
-        onClick: D((F) => C(i), ["stop"])
-      }, [
-        L("img", {
-          class: "img-drag-none img-30",
-          style: l(n(a).json2cssObject(i.value === o.value ? t.option.css.item.selected.img : t.option.css.item.img)),
-          src: i.value === o.value ? i.selectedImg : i.defaultImg
-        }, null, 12, R),
-        N(J, {
-          "text-style": i.value === o.value ? t.option.css.item.selected.textStyle : t.option.css.item.textStyle,
-          text: i.label
-        }, null, 8, ["text-style", "text"])
-      ], 14, M))), 128)),
-      v.value ? (s(), m("button", {
-        key: 1,
-        class: "flex-none cursor-pointer position-absolute translate-center-right-active-scale-095 top-50 background-size-cover",
-        style: l(n(a).json2cssObject(t.option.css.nav.right)),
-        onClick: E
-      }, null, 4)) : g("", !0)
-    ], 4));
-  }
-});
-export {
-  xi as default
-};
+import { defineComponent as x, ref as u, onMounted as O, createElementBlock as m, openBlock as s, normalizeStyle as l, unref as n, createCommentVNode as g, Fragment as V, renderList as w, withModifiers as D, normalizeClass as I, createElementVNode as L, createVNode as N, nextTick as B } from "vue";
+import { useResizeObserver as T } from "@vueuse/core";
+import { useTabsWatch as W } from "./hooks/useTabsWatch.mjs";
+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 "../../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 "../tabs/index.mjs";
+import "./index.mjs";
+import "../button/index.mjs";
+import "../date-picker/src/date-picker/index.mjs";
+import "../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";
+import "../../commons/custom-component-render/index.mjs";
+/* empty css                           */
+/* empty css                                  */
+import { SHJDatasourceV2 as H } from "../../../plugins/datasource/index.mjs";
+import { SHJParseEvent as k } from "../../../plugins/event/index.mjs";
+import "lodash";
+import { Utils as a } from "../../../commons/utils/utils.mjs";
+import J from "../../../commons/components/text.vue.mjs";
+const M = ["onClick"], R = ["src"], $ = x({ name: "shj-tabs-icon" }), xi = /* @__PURE__ */ x({
+  ...$,
+  props: {
+    option: {},
+    sources: {},
+    useEvents: {},
+    uuid: {}
+  },
+  emits: ["on-change"],
+  setup(_, { expose: y, emit: j }) {
+    const t = _, f = j, p = u([]), o = u(t.option.value), c = () => {
+      H.parse({
+        tId: t.uuid,
+        sources: t.sources,
+        callback: ({ data: r }) => {
+          if (!r) {
+            p.value = [];
+            return;
+          }
+          p.value = r[0].data, t.option.isDefaultSelect && (o.value = t.option.value, !o.value && p.value.length > 0 && (o.value = p.value[0].value), f("on-change", p.value[0]), k.parseEvents(t.useEvents, "on-change", p.value[0])), h();
+        }
+      });
+    };
+    O(() => c());
+    const C = (r) => {
+      r.value !== o.value && (f("on-change", r), k.parseEvents(t.useEvents, "on-change", r)), o.value = r.value;
+    };
+    W(t, c, o, p), y({
+      refresh: () => c(),
+      refreshView: () => {
+      },
+      // 刷新视图 无需刷新
+      refreshData: () => c()
+    });
+    const e = u(null), d = 150, v = u(!1), h = () => {
+      B(() => {
+        if (e.value) {
+          const { scrollWidth: r, clientWidth: b } = e.value;
+          v.value = r > b;
+        }
+      });
+    }, S = () => {
+      e.value && (e.value.scrollLeft -= d);
+    }, E = () => {
+      e.value && (e.value.scrollLeft += d);
+    };
+    return T(e, (r) => h()), (r, b) => (s(), m("div", {
+      ref_key: "tabsContainer",
+      ref: e,
+      class: "height-100 flex overflow-hidden scroll-behavior-smooth",
+      style: l(n(a).json2cssObject(t.option.css.tab))
+    }, [
+      v.value ? (s(), m("button", {
+        key: 0,
+        class: "flex-none cursor-pointer position-absolute translate-center-left-active-scale-095 top-50 background-size-cover",
+        style: l(n(a).json2cssObject(t.option.css.nav.left)),
+        onClick: S
+      }, null, 4)) : g("", !0),
+      (s(!0), m(V, null, w(p.value, (i, z) => (s(), m("div", {
+        key: z,
+        class: I(["flex flex-none position-relative cursor-pointer transition-color-background-color background-size-cover", { selected: i.value === o.value }]),
+        style: l(n(a).json2cssObject(i.value === o.value ? t.option.css.item.selected : t.option.css.item)),
+        onClick: D((F) => C(i), ["stop"])
+      }, [
+        L("img", {
+          class: "img-drag-none img-30",
+          style: l(n(a).json2cssObject(i.value === o.value ? t.option.css.item.selected.img : t.option.css.item.img)),
+          src: i.value === o.value ? i.selectedImg : i.defaultImg
+        }, null, 12, R),
+        N(J, {
+          "text-style": i.value === o.value ? t.option.css.item.selected.textStyle : t.option.css.item.textStyle,
+          text: i.label
+        }, null, 8, ["text-style", "text"])
+      ], 14, M))), 128)),
+      v.value ? (s(), m("button", {
+        key: 1,
+        class: "flex-none cursor-pointer position-absolute translate-center-right-active-scale-095 top-50 background-size-cover",
+        style: l(n(a).json2cssObject(t.option.css.nav.right)),
+        onClick: E
+      }, null, 4)) : g("", !0)
+    ], 4));
+  }
+});
+export {
+  xi as default
+};

package/es/components/interaction-button/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-44033ae5"]]);
-export {
-  p as default
-};
+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-44033ae5"]]);
+export {
+  p as default
+};

package/es/components/interaction-button-image/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 c = /* @__PURE__ */ t(o, [["__scopeId", "data-v-9fbacf32"]]);
-export {
-  c as default
-};
+import o from "./index.vue2.mjs";
+/* empty css            */
+import t from "../../_virtual/_plugin-vue_export-helper.mjs";
+const c = /* @__PURE__ */ t(o, [["__scopeId", "data-v-9fbacf32"]]);
+export {
+  c as default
+};

package/es/components/interaction-button-refresh/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-cf181ab5"]]);
-export {
-  f as default
-};
+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-cf181ab5"]]);
+export {
+  f as default
+};

package/es/components/interaction-data-picker/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-0a0a214f"]]);
-export {
-  m as default
-};
+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-0a0a214f"]]);
+export {
+  m as default
+};