yc-design-vue 1.7.6 → 1.7.7

package/es/Steps/Step.vue.js

@@ -1,7 +1,115 @@
-import _sfc_main from "./Step.vue2.js";
-/* empty css          */
-import _export_sfc from "../_virtual/_plugin-vue_export-helper.js";
-const Step = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-a561232b"]]);
+import { defineComponent, toRefs, computed, createElementBlock, openBlock, normalizeClass, unref, createCommentVNode, renderSlot, createElementVNode, createBlock, Fragment, createTextVNode, toDisplayString } from "vue";
+import "../node_modules/tinycolor2/esm/tinycolor.js";
+import "../_shared/utils/dom.js";
+import "../_shared/utils/time.js";
+import "../Empty/index.js";
+/* empty css                             */
+import _sfc_main$1 from "../_shared/icons/IconCheck.vue.js";
+import _sfc_main$2 from "../_shared/icons/IconClose.vue.js";
+import useContext from "./hooks/useContext.js";
+const _hoisted_1 = {
+  key: 0,
+  class: "yc-steps-item-tail"
+};
+const _hoisted_2 = { class: "yc-steps-item-node" };
+const _hoisted_3 = { class: "yc-steps-icon" };
+const _hoisted_4 = { class: "yc-steps-item-content" };
+const _hoisted_5 = { class: "yc-steps-item-title" };
+const _hoisted_6 = {
+  key: 0,
+  class: "yc-steps-item-description"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "Step"
+  },
+  __name: "Step",
+  props: {
+    title: { default: "" },
+    description: { default: "" },
+    status: { default: void 0 },
+    disabled: { type: Boolean, default: false }
+  },
+  setup(__props) {
+    const props = __props;
+    const { disabled } = toRefs(props);
+    const {
+      curStep,
+      stepMap,
+      computedCurrent,
+      type,
+      changeable,
+      status,
+      nextStatus,
+      direction,
+      labelPlacement,
+      lineLess: _lineLess,
+      small: _small,
+      emits
+    } = useContext().inject(props);
+    const small = computed(() => {
+      return type.value != "dot" ? _small.value : false;
+    });
+    const lineLess = computed(() => {
+      return _lineLess.value || curStep.value == stepMap.size || ["arrow", "navigation"].includes(type.value);
+    });
+    const handleClick = (e) => {
+      if (!changeable.value || disabled.value) return;
+      computedCurrent.value = curStep.value;
+      emits("change", curStep.value, e);
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass([
+          "yc-steps-item",
+          `yc-steps-item-${unref(direction)}`,
+          `yc-steps-item-label-${unref(labelPlacement)}`,
+          `yc-steps-item-${unref(status)}`,
+          `yc-steps-item-next-${unref(nextStatus)}`,
+          {
+            "yc-steps-item-active": unref(curStep) == unref(computedCurrent) && unref(type) == "navigation",
+            "yc-steps-item-line-less": lineLess.value,
+            "yc-steps-item-size-small": small.value
+          }
+        ]),
+        onClick: handleClick
+      }, [
+        unref(type) == "default" && (unref(direction) == "vertical" || unref(labelPlacement) == "vertical") || unref(type) == "dot" ? (openBlock(), createElementBlock("div", _hoisted_1)) : createCommentVNode("", true),
+        unref(type) != "arrow" ? renderSlot(_ctx.$slots, "node", {
+          key: 1,
+          step: unref(curStep),
+          status: unref(status)
+        }, () => [
+          createElementVNode("div", _hoisted_2, [
+            createElementVNode("div", _hoisted_3, [
+              ["default", "navigation"].includes(unref(type)) ? renderSlot(_ctx.$slots, "icon", {
+                key: 0,
+                status: unref(status),
+                step: unref(curStep)
+              }, () => [
+                unref(status) == "finish" ? (openBlock(), createBlock(unref(_sfc_main$1), { key: 0 })) : unref(status) == "error" ? (openBlock(), createBlock(unref(_sfc_main$2), { key: 1 })) : (openBlock(), createElementBlock(Fragment, { key: 2 }, [
+                  createTextVNode(toDisplayString(unref(curStep)), 1)
+                ], 64))
+              ]) : createCommentVNode("", true)
+            ])
+          ])
+        ]) : createCommentVNode("", true),
+        createElementVNode("div", _hoisted_4, [
+          createElementVNode("div", _hoisted_5, [
+            renderSlot(_ctx.$slots, "default", {}, () => [
+              createTextVNode(toDisplayString(_ctx.title), 1)
+            ])
+          ]),
+          _ctx.$slots.description || _ctx.description ? (openBlock(), createElementBlock("div", _hoisted_6, [
+            renderSlot(_ctx.$slots, "description", {}, () => [
+              createTextVNode(toDisplayString(_ctx.description), 1)
+            ])
+          ])) : createCommentVNode("", true)
+        ])
+      ], 2);
+    };
+  }
+});
 export {
-  Step as default
+  _sfc_main as default
 };

package/es/Steps/Step.vue3.js

@@ -0,0 +1,5 @@
+import _sfc_main from "./Step.vue.js";
+/* empty css          */
+export {
+  _sfc_main as default
+};

package/es/Steps/Steps.vue.js

@@ -1,7 +1,43 @@
-import _sfc_main from "./Steps.vue2.js";
-/* empty css           */
-import _export_sfc from "../_virtual/_plugin-vue_export-helper.js";
-const _Steps = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-96ebe941"]]);
+import { defineComponent, createElementBlock, openBlock, normalizeClass, unref, renderSlot } from "vue";
+import useContext from "./hooks/useContext.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "Steps"
+  },
+  __name: "Steps",
+  props: {
+    type: { default: "default" },
+    direction: { default: "horizontal" },
+    labelPlacement: { default: "horizontal" },
+    current: { default: void 0 },
+    defaultCurrent: { default: 1 },
+    status: { default: "process" },
+    lineLess: { type: Boolean, default: false },
+    small: { type: Boolean, default: false },
+    changeable: { type: Boolean, default: false }
+  },
+  emits: ["change", "update:current"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const { type, labelPlacement, direction } = useContext().provide(props, emits);
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass([
+          "yc-steps",
+          `yc-steps-mode-${unref(type)}`,
+          `yc-steps-${unref(direction)}`,
+          `yc-steps-label-${unref(labelPlacement)}`,
+          {
+            "yc-steps-changeable": _ctx.changeable
+          }
+        ])
+      }, [
+        renderSlot(_ctx.$slots, "default")
+      ], 2);
+    };
+  }
+});
 export {
-  _Steps as default
+  _sfc_main as default
 };

package/es/Steps/Steps.vue3.js

@@ -0,0 +1,5 @@
+import _sfc_main from "./Steps.vue.js";
+/* empty css           */
+export {
+  _sfc_main as default
+};

package/es/Steps/index.js

@@ -1,13 +1,15 @@
-import Step from "./Step.vue.js";
-import _Steps from "./Steps.vue.js";
-const Steps = Object.assign(_Steps, {
-  step: Step,
+import _sfc_main$1 from "./Step.vue.js";
+/* empty css          */
+import _sfc_main from "./Steps.vue.js";
+/* empty css           */
+const Steps = Object.assign(_sfc_main, {
+  step: _sfc_main$1,
   install: (app) => {
-    app.component("Yc" + Step.name, Step);
-    app.component("Yc" + _Steps.name, _Steps);
+    app.component("Yc" + _sfc_main$1.name, _sfc_main$1);
+    app.component("Yc" + _sfc_main.name, _sfc_main);
   }
 });
 export {
-  Step,
+  _sfc_main$1 as Step,
   Steps as default
 };

package/es/Switch/index.js

@@ -1,7 +1,8 @@
-import _Switch from "./index.vue.js";
-const Switch = Object.assign(_Switch, {
+import _sfc_main from "./index.vue.js";
+/* empty css           */
+const Switch = Object.assign(_sfc_main, {
   install: (app) => {
-    app.component("Yc" + _Switch.name, _Switch);
+    app.component("Yc" + _sfc_main.name, _sfc_main);
   }
 });
 export {

package/es/Switch/index.vue.js

@@ -1,7 +1,154 @@
-import _sfc_main from "./index.vue2.js";
-/* empty css           */
-import _export_sfc from "../_virtual/_plugin-vue_export-helper.js";
-const _Switch = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-4f66f082"]]);
+import { defineComponent, useSlots, toRefs, computed, ref, createElementBlock, openBlock, normalizeStyle, normalizeClass, unref, createElementVNode, createCommentVNode, createBlock, renderSlot, createTextVNode, toDisplayString } from "vue";
+import "../node_modules/tinycolor2/esm/tinycolor.js";
+import "../_shared/utils/dom.js";
+import { isBoolean } from "../_shared/utils/is.js";
+import "../_shared/utils/time.js";
+import { getGlobalConfig } from "../_shared/utils/global-config.js";
+import useControlValue from "../_shared/utils/control.js";
+import Spin from "../Spin/index.js";
+const _hoisted_1 = ["aria-checked"];
+const _hoisted_2 = { class: "yc-switch-handle" };
+const _hoisted_3 = { class: "yc-switch-handle-icon" };
+const _hoisted_4 = {
+  key: 0,
+  class: "yc-switch-placeholder"
+};
+const _hoisted_5 = {
+  key: 1,
+  class: "yc-switch-text"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "Switch"
+  },
+  __name: "index",
+  props: {
+    modelValue: { type: [String, Number, Boolean], default: void 0 },
+    defaultChecked: { type: [String, Number, Boolean], default: false },
+    disabled: { type: Boolean, default: false },
+    loading: { type: Boolean, default: false },
+    type: { default: "circle" },
+    size: { default: void 0 },
+    checkedValue: { type: [String, Number, Boolean], default: true },
+    uncheckedValue: { type: [String, Number, Boolean], default: false },
+    checkedColor: { default: "rgb(var(--primary-6))" },
+    uncheckedColor: { default: "var(--color-fill-4)" },
+    checkedText: { default: "" },
+    uncheckedText: { default: "" },
+    beforeChange: { type: Function, default: () => {
+      return true;
+    } }
+  },
+  emits: ["update:modelValue", "change", "focus", "blur"],
+  setup(__props, { emit: __emit }) {
+    const slots = useSlots();
+    const props = __props;
+    const emits = __emit;
+    const {
+      modelValue,
+      defaultChecked,
+      checkedValue,
+      uncheckedValue,
+      disabled,
+      type,
+      checkedText,
+      uncheckedText,
+      checkedColor,
+      uncheckedColor,
+      loading: _loading
+    } = toRefs(props);
+    const { beforeChange } = props;
+    const { size } = getGlobalConfig(props);
+    const computedValue = useControlValue(
+      modelValue,
+      defaultChecked.value,
+      (val) => {
+        emits("update:modelValue", val);
+      }
+    );
+    const compuedChecked = computed(() => {
+      return computedValue.value == checkedValue.value;
+    });
+    const showText = computed(() => {
+      const showCheckedText = compuedChecked.value && (checkedText.value || slots.checked);
+      const showUncheckedText = !compuedChecked.value && (uncheckedText.value || slots.unchecked);
+      return type.value != "line" && size.value != "small" && (showCheckedText || showUncheckedText);
+    });
+    const background = computed(
+      () => compuedChecked.value ? checkedColor.value : uncheckedColor.value
+    );
+    const switchLoading = ref(false);
+    const loading = computed(() => switchLoading.value || _loading.value);
+    const handleBeforeChange = async (newValue) => {
+      let isChange = true;
+      switchLoading.value = true;
+      const changeResult = beforeChange(newValue);
+      if (isBoolean(changeResult)) {
+        isChange = changeResult;
+      } else if (changeResult instanceof Promise) {
+        try {
+          const _isChange = await changeResult;
+          if (isBoolean(_isChange)) {
+            isChange = _isChange;
+          }
+        } catch {
+          isChange = false;
+        }
+      }
+      switchLoading.value = false;
+      return isChange;
+    };
+    const handleClick = async (e) => {
+      if (loading.value || disabled.value) return;
+      const newValue = compuedChecked.value ? uncheckedValue.value : checkedValue.value;
+      const isChange = await handleBeforeChange(newValue);
+      if (!isChange) return;
+      computedValue.value = newValue;
+      emits("change", newValue, e);
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("button", {
+        class: normalizeClass([
+          "yc-switch",
+          `yc-switch-shape-${unref(type)}`,
+          `yc-switch-size-${unref(size)}`,
+          compuedChecked.value ? "yc-switch-checked" : "yc-switch-unchecked",
+          {
+            "yc-switch-loading": loading.value,
+            "yc-switch-disabled": unref(disabled)
+          }
+        ]),
+        style: normalizeStyle({
+          "--switch-background": background.value
+        }),
+        "aria-checked": compuedChecked.value,
+        role: "switch",
+        onFocus: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("focus", $event)),
+        onBlur: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("blur", $event)),
+        onClick: handleClick
+      }, [
+        createElementVNode("span", _hoisted_2, [
+          createElementVNode("span", _hoisted_3, [
+            loading.value ? (openBlock(), createBlock(unref(Spin), {
+              key: 0,
+              "is-size-inherit": ""
+            })) : renderSlot(_ctx.$slots, compuedChecked.value ? "checked-icon" : "unchecked-icon", { key: 1 })
+          ])
+        ]),
+        showText.value ? (openBlock(), createElementBlock("span", _hoisted_4, [
+          renderSlot(_ctx.$slots, compuedChecked.value ? "checked" : "unchecked", {}, () => [
+            createTextVNode(toDisplayString(compuedChecked.value ? unref(checkedText) : unref(uncheckedText)), 1)
+          ])
+        ])) : createCommentVNode("", true),
+        showText.value ? (openBlock(), createElementBlock("span", _hoisted_5, [
+          renderSlot(_ctx.$slots, compuedChecked.value ? "checked" : "unchecked", {}, () => [
+            createTextVNode(toDisplayString(compuedChecked.value ? unref(checkedText) : unref(uncheckedText)), 1)
+          ])
+        ])) : createCommentVNode("", true)
+      ], 46, _hoisted_1);
+    };
+  }
+});
 export {
-  _Switch as default
+  _sfc_main as default
 };

package/es/Switch/index.vue3.js

@@ -0,0 +1,5 @@
+import _sfc_main from "./index.vue.js";
+/* empty css           */
+export {
+  _sfc_main as default
+};

package/es/Tabs/TabButton.vue.js

@@ -1,7 +1,38 @@
-import _sfc_main from "./TabButton.vue2.js";
-/* empty css               */
-import _export_sfc from "../_virtual/_plugin-vue_export-helper.js";
-const TabButton = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-285ccf64"]]);
+import { defineComponent, createBlock, openBlock, unref, mergeProps, withCtx, renderSlot, createCommentVNode } from "vue";
+import _sfc_main$1 from "../_shared/components/IconButton.vue.js";
+/* empty css                                    */
+import "../node_modules/tinycolor2/esm/tinycolor.js";
+import "../_shared/utils/dom.js";
+import "../_shared/utils/time.js";
+import "../Empty/index.js";
+/* empty css                             */
+/* empty css                                         */
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "TabButton",
+  props: {
+    className: { type: Boolean, default: true },
+    type: {},
+    direction: {}
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(_sfc_main$1), mergeProps({
+        size: 14,
+        class: [
+          `yc-tabs-nav-${_ctx.type ? `${_ctx.type}-` : ""}button`,
+          {
+            [`yc-tabs-nav-button-${_ctx.direction}`]: _ctx.direction
+          }
+        ]
+      }, _ctx.$attrs), {
+        default: withCtx(() => [
+          _ctx.$slots.default ? renderSlot(_ctx.$slots, "default", { key: 0 }) : createCommentVNode("", true)
+        ]),
+        _: 3
+      }, 16, ["class"]);
+    };
+  }
+});
 export {
-  TabButton as default
+  _sfc_main as default
 };

package/es/Tabs/TabButton.vue3.js

@@ -0,0 +1,5 @@
+import _sfc_main from "./TabButton.vue.js";
+/* empty css               */
+export {
+  _sfc_main as default
+};

package/es/Tabs/Tabs.vue.js

@@ -1,7 +1,211 @@
-import _sfc_main from "./Tabs.vue2.js";
-/* empty css          */
-import _export_sfc from "../_virtual/_plugin-vue_export-helper.js";
-const _Tabs = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-d4474e51"]]);
+import { defineComponent, useSlots, ref, computed, createElementBlock, openBlock, normalizeClass, unref, createElementVNode, createCommentVNode, createBlock, withCtx, createVNode, normalizeStyle, Fragment, renderList, renderSlot, resolveDynamicComponent, nextTick } from "vue";
+import "../node_modules/tinycolor2/esm/tinycolor.js";
+import { valueToPx } from "../_shared/utils/dom.js";
+import "../_shared/utils/time.js";
+import { findComponentsFromVnodes } from "../_shared/utils/vue-utils.js";
+import "../Empty/index.js";
+/* empty css                             */
+import _sfc_main$3 from "../_shared/icons/IconArrowRight.vue.js";
+import _sfc_main$6 from "../_shared/icons/IconPlus.vue.js";
+import useContext from "./hooks/useContext.js";
+import useTabsScroll from "./hooks/useTabsScroll.js";
+import _sfc_main$1 from "./TabPane.vue.js";
+/* empty css             */
+import _sfc_main$4 from "./TabsTab.vue.js";
+/* empty css             */
+import _sfc_main$5 from "./TabsNavInk.vue.js";
+/* empty css                */
+import _sfc_main$2 from "./TabButton.vue.js";
+/* empty css               */
+const _hoisted_1 = { class: "yc-tabs-nav" };
+const _hoisted_2 = {
+  key: 3,
+  class: "yc-tabs-nav-extra"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "Tabs"
+  },
+  __name: "Tabs",
+  props: {
+    activeKey: { default: void 0 },
+    defaultActiveKey: { default: "" },
+    position: { default: void 0 },
+    size: { default: void 0 },
+    type: { default: "line" },
+    direction: { default: "horizontal" },
+    editable: { type: Boolean, default: false },
+    showAddButton: { type: Boolean, default: false },
+    destoryOnHide: { type: Boolean, default: false },
+    justify: { type: Boolean, default: false },
+    animation: { type: Boolean, default: false },
+    headerPadding: { type: Boolean, default: true },
+    autoSwitch: { type: Boolean, default: false },
+    hideContent: { type: Boolean, default: false },
+    trigger: { default: "click" }
+  },
+  emits: ["update:activeKey", "change", "tab-click", "add", "delete"],
+  setup(__props, { emit: __emit }) {
+    const slots = useSlots();
+    const props = __props;
+    const emits = __emit;
+    const listRef = ref();
+    const { computedActiveKey, size, direction, autoSwitch, position } = useContext().provide(props, emits, listRef);
+    const tabPanes = computed(
+      () => {
+        var _a;
+        return findComponentsFromVnodes(((_a = slots.default) == null ? void 0 : _a.call(slots)) || [], _sfc_main$1.name);
+      }
+    );
+    const panes = computed(() => {
+      return tabPanes.value.map((item) => {
+        return {
+          title: "",
+          path: "",
+          disabled: false,
+          ...item.props || {},
+          slots: item.children
+        };
+      });
+    });
+    const showAddButton = computed(() => {
+      return props.showAddButton && ["line", "card", "card-gutter"].includes(props.type);
+    });
+    const curIndex = computed(() => {
+      const index = panes.value.findIndex((item) => {
+        return item.path == computedActiveKey.value;
+      });
+      return index < 0 ? 0 : index;
+    });
+    const {
+      scrollDis,
+      isScrollable,
+      preDisabled,
+      nextDisabled,
+      navHeight,
+      handleScroll
+    } = useTabsScroll({
+      listRef,
+      panes,
+      direction
+    });
+    const handleAdd = async () => {
+      emits("add");
+      if (!autoSwitch.value) return;
+      await nextTick();
+      computedActiveKey.value = panes.value[panes.value.length - 1].path;
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass([
+          "yc-tabs",
+          `yc-tabs-${unref(direction)}`,
+          `yc-tabs-type-${_ctx.type}`,
+          `yc-tabs-size-${unref(size)}`,
+          {
+            "yc-tabs-animation": _ctx.animation,
+            "yc-tabs-justify": unref(direction) == "horizontal" && _ctx.justify,
+            "yc-tabs-no-padding": _ctx.headerPadding && ["line", "text"].includes(_ctx.type) && props.direction === "horizontal",
+            [`yc-tabs-${unref(position)}`]: unref(position)
+          }
+        ])
+      }, [
+        createElementVNode("div", _hoisted_1, [
+          unref(isScrollable) ? (openBlock(), createBlock(_sfc_main$2, {
+            key: 0,
+            disabled: unref(preDisabled),
+            direction: unref(direction) == "horizontal" ? "left" : "up",
+            onClick: _cache[0] || (_cache[0] = ($event) => unref(handleScroll)("pre"))
+          }, {
+            default: withCtx(() => [
+              createVNode(unref(_sfc_main$3), {
+                rotate: unref(direction) == "horizontal" ? 180 : -90,
+                size: 14
+              }, null, 8, ["rotate"])
+            ]),
+            _: 1
+          }, 8, ["disabled", "direction"])) : createCommentVNode("", true),
+          createElementVNode("div", {
+            class: normalizeClass([
+              "yc-tabs-nav-tab",
+              {
+                "yc-tabs-nav-tab-scroll": unref(isScrollable)
+              }
+            ])
+          }, [
+            createElementVNode("div", {
+              class: "yc-tabs-nav-tab-list",
+              style: normalizeStyle({
+                transform: `translate${unref(direction) == "horizontal" ? "X" : "Y"}(${unref(valueToPx)(unref(scrollDis))})`
+              }),
+              ref_key: "listRef",
+              ref: listRef
+            }, [
+              (openBlock(true), createElementBlock(Fragment, null, renderList(panes.value, (item, i) => {
+                return openBlock(), createBlock(_sfc_main$4, {
+                  key: i,
+                  index: i,
+                  node: item
+                }, null, 8, ["index", "node"]);
+              }), 128)),
+              _ctx.type == "line" ? (openBlock(), createBlock(_sfc_main$5, {
+                key: 0,
+                "cur-index": curIndex.value,
+                panes: panes.value
+              }, null, 8, ["cur-index", "panes"])) : createCommentVNode("", true)
+            ], 4)
+          ], 2),
+          unref(isScrollable) ? (openBlock(), createBlock(_sfc_main$2, {
+            key: 1,
+            disabled: unref(nextDisabled),
+            direction: unref(direction) == "horizontal" ? "right" : "down",
+            onClick: _cache[1] || (_cache[1] = ($event) => unref(handleScroll)("next"))
+          }, {
+            default: withCtx(() => [
+              createVNode(unref(_sfc_main$3), {
+                rotate: unref(direction) == "horizontal" ? 0 : 90,
+                size: 14
+              }, null, 8, ["rotate"])
+            ]),
+            _: 1
+          }, 8, ["disabled", "direction"])) : createCommentVNode("", true),
+          showAddButton.value ? (openBlock(), createBlock(_sfc_main$2, {
+            key: 2,
+            type: "add",
+            size: "12",
+            onClick: handleAdd
+          }, {
+            default: withCtx(() => [
+              createVNode(unref(_sfc_main$6), { size: 12 })
+            ]),
+            _: 1
+          })) : createCommentVNode("", true),
+          _ctx.$slots.extra ? (openBlock(), createElementBlock("div", _hoisted_2, [
+            renderSlot(_ctx.$slots, "extra")
+          ])) : createCommentVNode("", true)
+        ]),
+        !_ctx.hideContent ? (openBlock(), createElementBlock("div", {
+          key: 0,
+          class: "yc-tabs-content",
+          style: normalizeStyle({
+            height: unref(direction) == "vertical" ? `${unref(valueToPx)(unref(navHeight))}` : ""
+          })
+        }, [
+          createElementVNode("div", {
+            class: "yc-tabs-content-list",
+            style: normalizeStyle({
+              transform: `translate${unref(direction) == "horizontal" ? "X" : "Y"}(${-curIndex.value * 100}%)`
+            })
+          }, [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(tabPanes.value, (node, i) => {
+              return openBlock(), createBlock(resolveDynamicComponent(node), { key: i });
+            }), 128))
+          ], 4)
+        ], 4)) : createCommentVNode("", true)
+      ], 2);
+    };
+  }
+});
 export {
-  _Tabs as default
+  _sfc_main as default
 };

package/es/Tabs/Tabs.vue3.js

@@ -0,0 +1,5 @@
+import _sfc_main from "./Tabs.vue.js";
+/* empty css          */
+export {
+  _sfc_main as default
+};