@shjjs/visual-ui 1.0.38 → 1.0.40

package/es/components/interaction-tabs2/index.vue.d.ts

@@ -1,4 +1,4 @@
-declare const _sfc_main: import("vue").DefineComponent<{
+declare const _sfc_main: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     basicOption: {
         type: ObjectConstructor;
         required: true;
@@ -11,7 +11,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         type: any;
         required: true;
     };
-}, {
+}>, {
     emit: (event: "on-change" | "on-click-item", ...args: any[]) => void;
     props: any;
     useTabs: () => {
@@ -19,16 +19,16 @@ declare const _sfc_main: import("vue").DefineComponent<{
             [x: string]: string;
         };
         rendererTabItemDomStyle: (itemCss: any) => {};
-        tabsRef: import("vue").Ref<any>;
+        tabsRef: import("vue").Ref<any, any>;
     };
-    tabList: import("vue").Ref<any[]>;
+    tabList: import("vue").Ref<any[], any[]>;
     handleEvent: (item: any) => void;
     rendererTabDomStyle: (tabCss: any) => {
         [x: string]: string;
     };
     rendererTabItemDomStyle: (itemCss: any) => {};
-    tabsRef: import("vue").Ref<any>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("on-change" | "on-click-item")[], "on-change" | "on-click-item", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    tabsRef: import("vue").Ref<any, any>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("on-change" | "on-click-item")[], "on-change" | "on-click-item", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     basicOption: {
         type: ObjectConstructor;
         required: true;
@@ -41,8 +41,8 @@ declare const _sfc_main: import("vue").DefineComponent<{
         type: any;
         required: true;
     };
-}>> & {
+}>> & Readonly<{
     "onOn-change"?: (...args: any[]) => any;
     "onOn-click-item"?: (...args: any[]) => any;
-}, {}, {}>;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _sfc_main;

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

package/es/components/interaction-tabs2/index.vue2.mjs

@@ -1,254 +1,255 @@
-import { defineComponent as v, ref as l, watch as T, createElementBlock as e, openBlock as a, normalizeStyle as d, unref as u, Fragment as I, renderList as O, withModifiers as _, normalizeClass as R, toDisplayString as z } from "vue";
-import { cloneDeep as B, isEqual as F, isArray as b } from "lodash";
-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 "./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 "../../plugins/datasource/utils/request.mjs";
-import "../../plugins/datasource/utils/wsManager.mjs";
-import { SHJParseEvent as f } from "../../plugins/event/index.mjs";
-import { autoInstallFont as h, jsonToCssStyle as n } from "../../commons/utils/json2css.mjs";
-const L = ["onClick"], W = v({ name: "zv-interaction-tabs2" }), ci = /* @__PURE__ */ v({
-  ...W,
-  props: {
-    basicOption: {},
-    useEvents: {},
-    sceneOption: {}
-  },
-  emits: ["on-click-item", "on-change"],
-  setup(S, { emit: x }) {
-    const s = x, r = S, y = () => {
-      const o = l(), i = (t) => !t.startsWith("http") && !t.startsWith("//") ? "../" + t : t;
-      return {
-        rendererTabDomStyle: (t) => o.value ? {
-          ...n(t)
-        } : {},
-        rendererTabItemDomStyle: (t) => {
-          if (o.value) {
-            h(t.fontFamily), h(t.selected.fontFamily);
-            const $ = `url(${t.backgroundImage})`, D = `url(${i(t.selected.backgroundImage)})`;
-            return {
-              ...n(t),
-              ...n(t.selected, "selected"),
-              ...t.textShadow && t.textShadow.show ? { "--text-shadow": `${t.textShadow.x}px ${t.textShadow.y}px ${t.textShadow.value}px ${t.textShadow.color}` } : {},
-              ...t.selected.textShadow && t.selected.textShadow.show ? { "--selected-text-shadow": `${t.selected.textShadow.x}px ${t.selected.textShadow.y}px ${t.selected.textShadow.value}px ${t.selected.textShadow.color}` } : {},
-              "--item-background-image": $,
-              "--selected-background-image": D
-            };
-          }
-          return {};
-        },
-        tabsRef: o
-      };
-    }, m = l(r.basicOption.value), w = (o) => {
-      m.value.map((i) => i.selected = !1), o.selected = !0, s("on-click-item", o), r.useEvents && b(r.useEvents) && f.parseEvents(r.useEvents.filter((i) => i.clickname === o.id), "on-click-item"), s("on-change", o), r.useEvents && b(r.useEvents) && f.parseEvents(r.useEvents, "on-change", {
-        data: o.label
-      });
-    }, {
-      rendererTabDomStyle: g,
-      rendererTabItemDomStyle: k,
-      tabsRef: E
-    } = y();
-    return T(() => B(r.basicOption), (o, i) => {
-      F(o, i) || (m.value = r.basicOption.value);
-    }, { deep: !0 }), (o, i) => (a(), e("div", {
-      ref_key: "tabsRef",
-      ref: E,
-      class: "zerov-widget-tabs",
-      style: d({
-        ...u(g)(o.basicOption.css.tab)
-      })
-    }, [
-      (a(!0), e(I, null, O(m.value, (p, c) => (a(), e("div", {
-        key: c,
-        class: R(["tab-item", { selected: p.selected }]),
-        style: d({
-          ...u(k)(o.basicOption.css.item),
-          borderRadius: o.basicOption.css.tab.borderRadius + "px"
-        }),
-        onClick: _((t) => w(p), ["stop"])
-      }, z(p.label), 15, L))), 128))
-    ], 4));
-  }
-});
-export {
-  ci as default
-};
+import { defineComponent as v, ref as l, watch as T, createElementBlock as e, openBlock as a, normalizeStyle as d, unref as u, Fragment as I, renderList as O, withModifiers as _, normalizeClass as R, toDisplayString as z } from "vue";
+import { cloneDeep as B, isEqual as F, isArray as b } from "lodash";
+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 "./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";
+import "../commons/custom-component-render/index.mjs";
+/* empty css                        */
+/* empty css                               */
+import "../../plugins/datasource/utils/request.mjs";
+import "../../plugins/datasource/utils/wsManager.mjs";
+import { SHJParseEvent as f } from "../../plugins/event/index.mjs";
+import { autoInstallFont as h, jsonToCssStyle as n } from "../../commons/utils/json2css.mjs";
+const L = ["onClick"], W = v({ name: "zv-interaction-tabs2" }), li = /* @__PURE__ */ v({
+  ...W,
+  props: {
+    basicOption: {},
+    useEvents: {},
+    sceneOption: {}
+  },
+  emits: ["on-click-item", "on-change"],
+  setup(S, { emit: x }) {
+    const s = x, r = S, y = () => {
+      const o = l(), i = (t) => !t.startsWith("http") && !t.startsWith("//") ? "../" + t : t;
+      return {
+        rendererTabDomStyle: (t) => o.value ? {
+          ...n(t)
+        } : {},
+        rendererTabItemDomStyle: (t) => {
+          if (o.value) {
+            h(t.fontFamily), h(t.selected.fontFamily);
+            const $ = `url(${t.backgroundImage})`, D = `url(${i(t.selected.backgroundImage)})`;
+            return {
+              ...n(t),
+              ...n(t.selected, "selected"),
+              ...t.textShadow && t.textShadow.show ? { "--text-shadow": `${t.textShadow.x}px ${t.textShadow.y}px ${t.textShadow.value}px ${t.textShadow.color}` } : {},
+              ...t.selected.textShadow && t.selected.textShadow.show ? { "--selected-text-shadow": `${t.selected.textShadow.x}px ${t.selected.textShadow.y}px ${t.selected.textShadow.value}px ${t.selected.textShadow.color}` } : {},
+              "--item-background-image": $,
+              "--selected-background-image": D
+            };
+          }
+          return {};
+        },
+        tabsRef: o
+      };
+    }, m = l(r.basicOption.value), w = (o) => {
+      m.value.map((i) => i.selected = !1), o.selected = !0, s("on-click-item", o), r.useEvents && b(r.useEvents) && f.parseEvents(r.useEvents.filter((i) => i.clickname === o.id), "on-click-item"), s("on-change", o), r.useEvents && b(r.useEvents) && f.parseEvents(r.useEvents, "on-change", {
+        data: o.label
+      });
+    }, {
+      rendererTabDomStyle: g,
+      rendererTabItemDomStyle: k,
+      tabsRef: E
+    } = y();
+    return T(() => B(r.basicOption), (o, i) => {
+      F(o, i) || (m.value = r.basicOption.value);
+    }, { deep: !0 }), (o, i) => (a(), e("div", {
+      ref_key: "tabsRef",
+      ref: E,
+      class: "zerov-widget-tabs",
+      style: d({
+        ...u(g)(o.basicOption.css.tab)
+      })
+    }, [
+      (a(!0), e(I, null, O(m.value, (p, c) => (a(), e("div", {
+        key: c,
+        class: R(["tab-item", { selected: p.selected }]),
+        style: d({
+          ...u(k)(o.basicOption.css.item),
+          borderRadius: o.basicOption.css.tab.borderRadius + "px"
+        }),
+        onClick: _((t) => w(p), ["stop"])
+      }, z(p.label), 15, L))), 128))
+    ], 4));
+  }
+});
+export {
+  li as default
+};