@shjjs/visual-ui 1.0.0

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

@@ -0,0 +1,29 @@
+import Slider from '@vueform/slider';
+declare const _sfc_main: import("vue").DefineComponent<{
+    basicOption: {
+        type: ObjectConstructor;
+        required: true;
+    };
+    useEvents: {
+        type: ArrayConstructor;
+        required: true;
+    };
+}, {
+    emit: (event: "on-change", ...args: any[]) => void;
+    value: import("vue").Ref<number>;
+    props: any;
+    onSliderChange: (e: Event) => void;
+    readonly Slider: typeof Slider;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "on-change"[], "on-change", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    basicOption: {
+        type: ObjectConstructor;
+        required: true;
+    };
+    useEvents: {
+        type: ArrayConstructor;
+        required: true;
+    };
+}>> & {
+    "onOn-change"?: (...args: any[]) => any;
+}, {}, {}>;
+export default _sfc_main;

package/es/components/interaction-slider/index.vue.mjs

@@ -0,0 +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-134b8732"]]);
+export {
+  p as default
+};

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

@@ -0,0 +1,64 @@
+import { defineComponent as a, useCssVars as r, ref as c, watch as b, openBlock as u, createElementBlock as O, createVNode as m, unref as f } from "vue";
+import { cloneDeep as g, isEqual as v } from "lodash";
+import h from "@vueform/slider";
+import "@vueform/slider/themes/default.css";
+const T = { class: "zerov-widget-slider" }, H = a({ name: "zv-interaction-slider" }), E = /* @__PURE__ */ a({
+  ...H,
+  props: {
+    basicOption: {},
+    useEvents: {}
+  },
+  emits: ["on-change"],
+  setup(l, { emit: t }) {
+    r((i) => ({
+      "2d030a40": i.basicOption.css.sliderBg,
+      "65515f18": i.basicOption.css.sliderConnectBg,
+      ce4f56aa: i.basicOption.css.sliderHeight + "px",
+      "2a384a40": i.basicOption.css.sliderRadius + "px",
+      "49ece248": i.basicOption.css.sliderHandleBg,
+      "1b937e4a": i.basicOption.css.sliderHandleWidth + "px",
+      bd36b0ba: i.basicOption.css.sliderHandleHeight + "px",
+      "191fa450": i.basicOption.css.sliderHandleRadius + "px",
+      a4c0c9cc: i.basicOption.css.sliderHandleRingWidth + "px",
+      "7823a3b0": i.basicOption.css.sliderHandleRingColor,
+      "10d74d95": i.basicOption.css.sliderTooltipFontSize + "px",
+      "2da020fe": i.basicOption.css.sliderTooltipFontWeight + "px",
+      "4f957566": i.basicOption.css.sliderTooltipBg,
+      "5f3ef95b": i.basicOption.css.sliderTooltipColor,
+      "019425b3": i.basicOption.css.sliderTooltipRadius + "px",
+      "98e20748": i.basicOption.css.sliderTooltipPy + "px",
+      "4badcf7d": i.basicOption.css.sliderTooltipPx + "px",
+      d65c76aa: i.basicOption.css.sliderTooltipArrowSize + "px",
+      "5247e2f0": i.basicOption.css.sliderTooltipDistance + "px"
+    }));
+    const n = t, s = c(20), e = l;
+    s.value = e.basicOption.slider.defaultValue || 0, b(() => g(e.basicOption), (i, o) => {
+      v(i, o) || (s.value = e.basicOption.slider.defaultValue || 0);
+    }, {
+      deep: !0
+    });
+    const p = (i) => {
+      n("on-change", i, s.value), window.SHJParseEvent(e.useEvents, "on-change", {
+        data: s.value,
+        event: i
+      });
+    };
+    return (i, o) => (u(), O("div", T, [
+      m(f(h), {
+        modelValue: s.value,
+        "onUpdate:modelValue": o[0] || (o[0] = (d) => s.value = d),
+        class: "slider",
+        min: i.basicOption.slider.min,
+        max: i.basicOption.slider.max,
+        step: i.basicOption.slider.step,
+        tooltips: i.basicOption.slider.tooltips,
+        "show-tooltip": i.basicOption.slider.showTooltip,
+        "tooltip-position": i.basicOption.slider.tooltipPosition,
+        onUpdate: p
+      }, null, 8, ["modelValue", "min", "max", "step", "tooltips", "show-tooltip", "tooltip-position"])
+    ]));
+  }
+});
+export {
+  E as default
+};

package/es/components/interaction-switch/index.d.ts

@@ -0,0 +1,37 @@
+export declare const ZvInteractionSwitch: import("../../utils/typescript").SFCWithInstall<import("vue").DefineComponent<{
+    basicOption: {
+        type: ObjectConstructor;
+        required: true;
+    };
+    useEvents: {
+        type: ArrayConstructor;
+        required: true;
+    };
+    sceneOption: {
+        type: any;
+        required: true;
+    };
+}, {
+    emit: (event: "on-change" | "on-open" | "on-close", ...args: any[]) => void;
+    props: any;
+    switchValue: import("vue").Ref<any>;
+    handleChange: (value: any) => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("on-change" | "on-open" | "on-close")[], "on-change" | "on-open" | "on-close", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    basicOption: {
+        type: ObjectConstructor;
+        required: true;
+    };
+    useEvents: {
+        type: ArrayConstructor;
+        required: true;
+    };
+    sceneOption: {
+        type: any;
+        required: true;
+    };
+}>> & {
+    "onOn-change"?: (...args: any[]) => any;
+    "onOn-open"?: (...args: any[]) => any;
+    "onOn-close"?: (...args: any[]) => any;
+}, {}, {}>> & Record<string, any>;
+export default ZvInteractionSwitch;

package/es/components/interaction-switch/index.mjs

@@ -0,0 +1,7 @@
+import t from "./index.vue.mjs";
+import { withInstall as o } from "../../utils/install.mjs";
+const i = o(t);
+export {
+  i as ZvInteractionSwitch,
+  i as default
+};

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

@@ -0,0 +1,37 @@
+declare const _sfc_main: import("vue").DefineComponent<{
+    basicOption: {
+        type: ObjectConstructor;
+        required: true;
+    };
+    useEvents: {
+        type: ArrayConstructor;
+        required: true;
+    };
+    sceneOption: {
+        type: any;
+        required: true;
+    };
+}, {
+    emit: (event: "on-change" | "on-open" | "on-close", ...args: any[]) => void;
+    props: any;
+    switchValue: import("vue").Ref<any>;
+    handleChange: (value: any) => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("on-change" | "on-open" | "on-close")[], "on-change" | "on-open" | "on-close", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    basicOption: {
+        type: ObjectConstructor;
+        required: true;
+    };
+    useEvents: {
+        type: ArrayConstructor;
+        required: true;
+    };
+    sceneOption: {
+        type: any;
+        required: true;
+    };
+}>> & {
+    "onOn-change"?: (...args: any[]) => any;
+    "onOn-open"?: (...args: any[]) => any;
+    "onOn-close"?: (...args: any[]) => any;
+}, {}, {}>;
+export default _sfc_main;

package/es/components/interaction-switch/index.vue.mjs

@@ -0,0 +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-ffeabca5"]]);
+export {
+  c as default
+};

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

@@ -0,0 +1,58 @@
+import { defineComponent as l, useCssVars as r, ref as d, watch as v, openBlock as b, createElementBlock as f, normalizeClass as h, withDirectives as O, createElementVNode as t, vModelCheckbox as m, pushScopeId as w, popScopeId as C } from "vue";
+import { cloneDeep as S, isEqual as V } from "lodash";
+const z = (n) => (w("data-v-ffeabca5"), n = n(), C(), n), E = ["true-value", "false-value"], _ = /* @__PURE__ */ z(() => /* @__PURE__ */ t("div", { class: "zv-switch__action" }, null, -1)), k = [
+  _
+], g = l({ name: "zv-interaction-switch" }), I = /* @__PURE__ */ l({
+  ...g,
+  props: {
+    basicOption: {},
+    useEvents: {},
+    sceneOption: {}
+  },
+  emits: ["on-change", "on-open", "on-close"],
+  setup(n, { emit: p }) {
+    r((e) => ({
+      "1b211f87": e.basicOption.css.onColor,
+      "49c0465e": e.basicOption.css.offColor,
+      "37d4f74e": e.basicOption.css.actionSize + "px",
+      "2422c73c": e.basicOption.css.minWidth + "px",
+      "4e456c10": e.basicOption.css.coreSize + "px",
+      e5de6cda: e.basicOption.css.coreBorderRadius + "px",
+      "04cc88dc": e.basicOption.css.actionBorderRadius + "px",
+      "8456717c": e.basicOption.css.actionBackgroundColor
+    }));
+    const i = p, a = n, s = d(JSON.parse(a.basicOption.defaultValue)), u = (e) => {
+      s.value = !s.value;
+      const o = a.basicOption.trueValue === s.value ? "open" : "close";
+      i("on-change", s.value), window.SHJParseEvent(a.useEvents, "on-change", {
+        data: s.value
+      }), i(`on-${o}`, s.value), window.SHJParseEvent(a.useEvents, `on-${o}`, {
+        data: s.value
+      });
+    };
+    return v(() => S(a.basicOption), (e, o) => {
+      V(e, o) || (s.value = JSON.parse(a.basicOption.defaultValue));
+    }, { deep: !0 }), (e, o) => (b(), f("div", {
+      class: h(["zv-switch", {
+        "is-checked": s.value
+      }])
+    }, [
+      O(t("input", {
+        "onUpdate:modelValue": o[0] || (o[0] = (c) => s.value = c),
+        class: "zv-switch__input",
+        type: "checkbox",
+        "true-value": e.basicOption.trueValue,
+        "false-value": e.basicOption.falseValue
+      }, null, 8, E), [
+        [m, s.value]
+      ]),
+      t("span", {
+        class: "zv-switch__core",
+        onClick: o[1] || (o[1] = (c) => u(s.value))
+      }, k)
+    ], 2));
+  }
+});
+export {
+  I as default
+};

package/es/components/interaction-tabs/index.d.ts

@@ -0,0 +1,60 @@
+export declare const ZvInteractionTabs: import("../../utils/typescript").SFCWithInstall<import("vue").DefineComponent<{
+    basicOption: {
+        type: ObjectConstructor;
+        required: true;
+    };
+    sceneOption: {
+        type: any;
+        required: true;
+    };
+    useEvents: {
+        type: ArrayConstructor;
+        required: true;
+    };
+}, {
+    emit: (event: "on-change" | "on-click-item", ...args: any[]) => void;
+    props: any;
+    useTabs: () => {
+        rendererTabDomStyle: (tabCss: any) => {
+            constructor: Function;
+            toString(): string;
+            toLocaleString(): string;
+            valueOf(): Object;
+            hasOwnProperty(v: PropertyKey): boolean;
+            isPrototypeOf(v: Object): boolean;
+            propertyIsEnumerable(v: PropertyKey): boolean;
+        };
+        rendererTabItemDomStyle: (itemCss: any) => {};
+        tabsRef: import("vue").Ref<any>;
+    };
+    tabList: import("vue").Ref<any[]>;
+    handleEvent: (item: any) => void;
+    rendererTabDomStyle: (tabCss: any) => {
+        constructor: Function;
+        toString(): string;
+        toLocaleString(): string;
+        valueOf(): Object;
+        hasOwnProperty(v: PropertyKey): boolean;
+        isPrototypeOf(v: Object): boolean;
+        propertyIsEnumerable(v: PropertyKey): boolean;
+    };
+    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<{
+    basicOption: {
+        type: ObjectConstructor;
+        required: true;
+    };
+    sceneOption: {
+        type: any;
+        required: true;
+    };
+    useEvents: {
+        type: ArrayConstructor;
+        required: true;
+    };
+}>> & {
+    "onOn-change"?: (...args: any[]) => any;
+    "onOn-click-item"?: (...args: any[]) => any;
+}, {}, {}>> & Record<string, any>;
+export default ZvInteractionTabs;

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

@@ -0,0 +1,7 @@
+import t from "./index.vue.mjs";
+import { withInstall as o } from "../../utils/install.mjs";
+const i = o(t);
+export {
+  i as ZvInteractionTabs,
+  i as default
+};

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

@@ -0,0 +1,60 @@
+declare const _sfc_main: import("vue").DefineComponent<{
+    basicOption: {
+        type: ObjectConstructor;
+        required: true;
+    };
+    sceneOption: {
+        type: any;
+        required: true;
+    };
+    useEvents: {
+        type: ArrayConstructor;
+        required: true;
+    };
+}, {
+    emit: (event: "on-change" | "on-click-item", ...args: any[]) => void;
+    props: any;
+    useTabs: () => {
+        rendererTabDomStyle: (tabCss: any) => {
+            constructor: Function;
+            toString(): string;
+            toLocaleString(): string;
+            valueOf(): Object;
+            hasOwnProperty(v: PropertyKey): boolean;
+            isPrototypeOf(v: Object): boolean;
+            propertyIsEnumerable(v: PropertyKey): boolean;
+        };
+        rendererTabItemDomStyle: (itemCss: any) => {};
+        tabsRef: import("vue").Ref<any>;
+    };
+    tabList: import("vue").Ref<any[]>;
+    handleEvent: (item: any) => void;
+    rendererTabDomStyle: (tabCss: any) => {
+        constructor: Function;
+        toString(): string;
+        toLocaleString(): string;
+        valueOf(): Object;
+        hasOwnProperty(v: PropertyKey): boolean;
+        isPrototypeOf(v: Object): boolean;
+        propertyIsEnumerable(v: PropertyKey): boolean;
+    };
+    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<{
+    basicOption: {
+        type: ObjectConstructor;
+        required: true;
+    };
+    sceneOption: {
+        type: any;
+        required: true;
+    };
+    useEvents: {
+        type: ArrayConstructor;
+        required: true;
+    };
+}>> & {
+    "onOn-change"?: (...args: any[]) => any;
+    "onOn-click-item"?: (...args: any[]) => any;
+}, {}, {}>;
+export default _sfc_main;

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

@@ -0,0 +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-61b4b232"]]);
+export {
+  p as default
+};

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

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

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

@@ -0,0 +1,60 @@
+export declare const ZvInteractionTabs2: import("../../utils/typescript").SFCWithInstall<import("vue").DefineComponent<{
+    basicOption: {
+        type: ObjectConstructor;
+        required: true;
+    };
+    useEvents: {
+        type: ArrayConstructor;
+        required: true;
+    };
+    sceneOption: {
+        type: any;
+        required: true;
+    };
+}, {
+    emit: (event: "on-change" | "on-click-item", ...args: any[]) => void;
+    props: any;
+    useTabs: () => {
+        rendererTabDomStyle: (tabCss: any) => {
+            constructor: Function;
+            toString(): string;
+            toLocaleString(): string;
+            valueOf(): Object;
+            hasOwnProperty(v: PropertyKey): boolean;
+            isPrototypeOf(v: Object): boolean;
+            propertyIsEnumerable(v: PropertyKey): boolean;
+        };
+        rendererTabItemDomStyle: (itemCss: any) => {};
+        tabsRef: import("vue").Ref<any>;
+    };
+    tabList: import("vue").Ref<any[]>;
+    handleEvent: (item: any) => void;
+    rendererTabDomStyle: (tabCss: any) => {
+        constructor: Function;
+        toString(): string;
+        toLocaleString(): string;
+        valueOf(): Object;
+        hasOwnProperty(v: PropertyKey): boolean;
+        isPrototypeOf(v: Object): boolean;
+        propertyIsEnumerable(v: PropertyKey): boolean;
+    };
+    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<{
+    basicOption: {
+        type: ObjectConstructor;
+        required: true;
+    };
+    useEvents: {
+        type: ArrayConstructor;
+        required: true;
+    };
+    sceneOption: {
+        type: any;
+        required: true;
+    };
+}>> & {
+    "onOn-change"?: (...args: any[]) => any;
+    "onOn-click-item"?: (...args: any[]) => any;
+}, {}, {}>> & Record<string, any>;
+export default ZvInteractionTabs2;

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

@@ -0,0 +1,7 @@
+import t from "./index.vue.mjs";
+import { withInstall as o } from "../../utils/install.mjs";
+const i = o(t);
+export {
+  i as ZvInteractionTabs2,
+  i as default
+};

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

@@ -0,0 +1,60 @@
+declare const _sfc_main: import("vue").DefineComponent<{
+    basicOption: {
+        type: ObjectConstructor;
+        required: true;
+    };
+    useEvents: {
+        type: ArrayConstructor;
+        required: true;
+    };
+    sceneOption: {
+        type: any;
+        required: true;
+    };
+}, {
+    emit: (event: "on-change" | "on-click-item", ...args: any[]) => void;
+    props: any;
+    useTabs: () => {
+        rendererTabDomStyle: (tabCss: any) => {
+            constructor: Function;
+            toString(): string;
+            toLocaleString(): string;
+            valueOf(): Object;
+            hasOwnProperty(v: PropertyKey): boolean;
+            isPrototypeOf(v: Object): boolean;
+            propertyIsEnumerable(v: PropertyKey): boolean;
+        };
+        rendererTabItemDomStyle: (itemCss: any) => {};
+        tabsRef: import("vue").Ref<any>;
+    };
+    tabList: import("vue").Ref<any[]>;
+    handleEvent: (item: any) => void;
+    rendererTabDomStyle: (tabCss: any) => {
+        constructor: Function;
+        toString(): string;
+        toLocaleString(): string;
+        valueOf(): Object;
+        hasOwnProperty(v: PropertyKey): boolean;
+        isPrototypeOf(v: Object): boolean;
+        propertyIsEnumerable(v: PropertyKey): boolean;
+    };
+    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<{
+    basicOption: {
+        type: ObjectConstructor;
+        required: true;
+    };
+    useEvents: {
+        type: ArrayConstructor;
+        required: true;
+    };
+    sceneOption: {
+        type: any;
+        required: true;
+    };
+}>> & {
+    "onOn-change"?: (...args: any[]) => any;
+    "onOn-click-item"?: (...args: any[]) => any;
+}, {}, {}>;
+export default _sfc_main;

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

@@ -0,0 +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-10606b23"]]);
+export {
+  p as default
+};

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

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