@shjjs/visual-ui 1.0.39 → 1.0.40

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

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