yc-design-vue 1.4.9 → 1.5.1

package/es/Alert/index.vue2.js

@@ -1,6 +1,6 @@
 import { defineComponent, ref, createBlock, openBlock, Transition, withCtx, createElementBlock, createCommentVNode, normalizeClass, createElementVNode, renderSlot, resolveDynamicComponent, unref, createTextVNode, toDisplayString, createVNode } from "vue";
 import { TYPE_ICON_MAP } from "../_shared/constants/index.js";
-import IconButton from "../_shared/components/IconButton.vue2.js";
+import IconButton from "../_shared/components/IconButton.vue.js";
 import "../node_modules/tinycolor2/esm/tinycolor.js";
 import "../_shared/utils/dom.js";
 import "../_shared/utils/time.js";

package/es/Calendar/Calendar.vue2.js

@@ -7,7 +7,7 @@ import "../Empty/index.js";
 /* empty css                             */
 import _sfc_main$1 from "../_shared/icons/IconArrowRight.vue.js";
 import useControlValue from "../_shared/utils/control.js";
-import IconButton from "../_shared/components/IconButton.vue2.js";
+import IconButton from "../_shared/components/IconButton.vue.js";
 /* empty css                                         */
 import Button from "../Button/index.js";
 import "../Radio/index.js";

package/es/Cascader/CascaderIcon.vue2.js

@@ -6,7 +6,7 @@ import "../_shared/utils/dom.js";
 import "../_shared/utils/time.js";
 import "../Empty/index.js";
 /* empty css                             */
-import IconButton from "../_shared/components/IconButton.vue2.js";
+import IconButton from "../_shared/components/IconButton.vue.js";
 /* empty css                                         */
 import Spin from "../Spin/index.js";
 const _hoisted_1 = { class: "yc-cascader-suffix-icon" };

package/es/Checkbox/Checkbox.vue2.js

@@ -8,7 +8,7 @@ import "../Empty/index.js";
 import _sfc_main$1 from "../_shared/icons/IconCheckboxChecked.vue.js";
 import useControlValue from "../_shared/utils/control.js";
 import useContext from "./hooks/useContext.js";
-import IconButton from "../_shared/components/IconButton.vue2.js";
+import IconButton from "../_shared/components/IconButton.vue.js";
 /* empty css                                         */
 const _hoisted_1 = ["value", "disabled", "checked"];
 const _hoisted_2 = { class: "yc-checkbox-icon" };

package/es/Collapse/CollapseItem.vue2.js

@@ -6,7 +6,7 @@ import "../_shared/utils/time.js";
 import "../Empty/index.js";
 /* empty css                             */
 import _sfc_main$1 from "../_shared/icons/IconRight.vue.js";
-import IconButton from "../_shared/components/IconButton.vue2.js";
+import IconButton from "../_shared/components/IconButton.vue.js";
 import ExpandTransition from "../_shared/components/ExpandTransition.vue2.js";
 const _hoisted_1 = { class: "yc-collapse-item-header-title text-ellipsis" };
 const _hoisted_2 = {

package/es/Divider/index.vue.js

@@ -1,7 +1,7 @@
 import _sfc_main from "./index.vue2.js";
 /* empty css           */
 import _export_sfc from "../_virtual/_plugin-vue_export-helper.js";
-const _Divider = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-5d3da063"]]);
+const _Divider = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-d369993c"]]);
 export {
   _Divider as default
 };

package/es/Divider/index.vue2.js

@@ -27,7 +27,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return direction.value == "horizontal" ? `${valueToPx(_margin.value)} 0` : `0 ${valueToPx(_margin.value)}`;
     });
     const border = computed(
-      () => `${valueToPx(size.value)} ${type.value} rgb(229, 230, 235)`
+      () => `${valueToPx(size.value)} ${type.value} var(--color-neutral-3)`
     );
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {

package/es/Drawer/Drawer.vue2.js

@@ -5,7 +5,7 @@ import "../_shared/utils/time.js";
 import { getGlobalConfig } from "../_shared/utils/global-config.js";
 import useModalClose from "../Modal/hooks/useModalClose.js";
 import Button from "../Button/index.js";
-import IconButton from "../_shared/components/IconButton.vue2.js";
+import IconButton from "../_shared/components/IconButton.vue.js";
 /* empty css                                         */
 /* empty css                             */
 const _hoisted_1 = {

package/es/Dropdown/Dropdown.vue.js

@@ -74,7 +74,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         "mouse-leave-delay": 150,
         alignPoint: _ctx.alignPoint,
         "auto-fit-popup-min-width": !_ctx.alignPoint && ["top", "bottom"].includes(position.value),
-        class: ["yc-dropdown-popup", , `yc-dropdown-theme-${unref(theme)}`, _ctx.$attrs.class],
+        class: ["yc-dropdown-popup", , `yc-dropdown-${unref(theme)}`, _ctx.$attrs.class],
         style: _ctx.$attrs.style,
         "animation-name": "slide-dynamic-origin",
         "need-transform-origin": ""

package/es/Input/Input.vue2.js

@@ -5,7 +5,7 @@ import "../_shared/utils/time.js";
 import { getGlobalConfig } from "../_shared/utils/global-config.js";
 import useControlValue from "../_shared/utils/control.js";
 import useLimitedInput from "./hooks/useLimitedInput.js";
-import IconButton from "../_shared/components/IconButton.vue2.js";
+import IconButton from "../_shared/components/IconButton.vue.js";
 import _sfc_main$1 from "../_shared/components/PreventFocus.vue.js";
 /* empty css                                         */
 /* empty css                             */

package/es/Input/InputSuffix.vue2.js

@@ -6,7 +6,7 @@ import "../Empty/index.js";
 /* empty css                             */
 import _sfc_main$3 from "../_shared/icons/IconEyeClose.vue2.js";
 import _sfc_main$2 from "../_shared/icons/IconEyeOpen.vue2.js";
-import IconButton from "../_shared/components/IconButton.vue2.js";
+import IconButton from "../_shared/components/IconButton.vue.js";
 import _sfc_main$1 from "../_shared/components/PreventFocus.vue.js";
 /* empty css                                         */
 const _hoisted_1 = {

package/es/InputNumber/InputOperaBtn.vue2.js

@@ -5,7 +5,7 @@ import "../_shared/utils/dom.js";
 import "../_shared/utils/time.js";
 import "../Empty/index.js";
 /* empty css                             */
-import _sfc_main$2 from "../_shared/icons/IconMinus.vue.js";
+import _sfc_main$2 from "../_shared/icons/IconMinus.vue2.js";
 import _sfc_main$3 from "../_shared/icons/IconPlus.vue.js";
 import Button from "../Button/index.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({

package/es/InputTag/index.vue2.js

@@ -8,7 +8,7 @@ import "../_shared/utils/time.js";
 import { getGlobalConfig } from "../_shared/utils/global-config.js";
 import useControlValue from "../_shared/utils/control.js";
 import Tag from "../Tag/index.js";
-import IconButton from "../_shared/components/IconButton.vue2.js";
+import IconButton from "../_shared/components/IconButton.vue.js";
 import _sfc_main$1 from "../_shared/components/PreventFocus.vue.js";
 /* empty css                                         */
 /* empty css                             */

package/es/Layout/LayoutSider.vue.js

@@ -1,7 +1,7 @@
 import _sfc_main from "./LayoutSider.vue2.js";
 /* empty css                 */
 import _export_sfc from "../_virtual/_plugin-vue_export-helper.js";
-const LayoutSider = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-d230ef01"]]);
+const LayoutSider = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-acb17cdf"]]);
 export {
   LayoutSider as default
 };

package/es/Layout/LayoutSider.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent, useCssVars, computed, toRefs, ref, createBlock, createElementBlock, openBlock, unref, normalizeClass, withCtx, renderSlot, createCommentVNode, createVNode } from "vue";
+import { defineComponent, useCssVars, computed, toRefs, ref, createBlock, createElementBlock, openBlock, unref, normalizeClass, withCtx, createElementVNode, createCommentVNode, renderSlot, createVNode } from "vue";
 import "../node_modules/tinycolor2/esm/tinycolor.js";
 import { valueToPx, mediaQueryHandler } from "../_shared/utils/dom.js";
 import "../_shared/utils/time.js";
@@ -7,6 +7,8 @@ import "../Empty/index.js";
 import _sfc_main$1 from "../_shared/icons/IconArrowRight.vue.js";
 import useSiderContext from "./hooks/useSiderContext.js";
 import ResizeBox from "../ResizeBox/index.js";
+const _hoisted_1 = { class: "yc-layout-sider-children" };
+const _hoisted_2 = { class: "yc-layout-sider-children" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: "LayoutSider"
@@ -29,8 +31,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   emits: ["update:collapsed", "collapse", "breakpoint"],
   setup(__props, { emit: __emit }) {
     useCssVars((_ctx) => ({
-      "0a49ed96": computedWidth.value,
-      "754ad672": collapsedWidth.value
+      "bcd881b8": computedWidth.value,
+      "718992b8": collapsedWidth.value
     }));
     const props = __props;
     const emits = __emit;
@@ -78,10 +80,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         ])
       }, {
         default: withCtx(() => [
-          renderSlot(_ctx.$slots, "default", {}, void 0, true),
+          createElementVNode("div", _hoisted_1, [
+            renderSlot(_ctx.$slots, "default", {}, void 0, true)
+          ]),
           showTrigger.value ? (openBlock(), createElementBlock("div", {
             key: 0,
-            class: "yc-collapse-button",
+            class: "yc-layout-sider-trigger",
             onClick: handleCollapse
           }, [
             renderSlot(_ctx.$slots, "trigger", { collapsed: unref(computedCollapsed) }, () => [
@@ -104,10 +108,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           }
         ])
       }, [
-        renderSlot(_ctx.$slots, "default", {}, void 0, true),
+        createElementVNode("div", _hoisted_2, [
+          renderSlot(_ctx.$slots, "default", {}, void 0, true)
+        ]),
         showTrigger.value ? (openBlock(), createElementBlock("div", {
           key: 0,
-          class: "yc-collapse-button",
+          class: "yc-layout-sider-trigger",
           onClick: handleCollapse
         }, [
           renderSlot(_ctx.$slots, "trigger", { collapsed: unref(computedCollapsed) }, () => [

package/es/Layout/hooks/useSiderContext.js

@@ -9,18 +9,19 @@ import useControlValue from "../../_shared/utils/control.js";
 import { useDark } from "../../node_modules/@vueuse/core/index.js";
 const LAYOUT_CONTEXT_KEY = "LAYOUT-CONTEXT";
 const useSiderContext = () => {
+  const isDark = useDark({
+    selector: "body",
+    attribute: "yc-design-theme",
+    valueDark: "dark",
+    valueLight: "light",
+    initialValue: "light"
+  });
   const provide$1 = (props, emits) => {
     const {
       theme: _theme,
       collapsed,
       defaultCollapsed
     } = toRefs(props);
-    const isDark = useDark({
-      selector: "body",
-      attribute: "yc-design-theme",
-      valueDark: "dark",
-      valueLight: "light"
-    });
     const computedCollapsed = useControlValue(
       collapsed,
       defaultCollapsed.value,
@@ -45,7 +46,7 @@ const useSiderContext = () => {
   };
   const inject$1 = () => {
     return inject(LAYOUT_CONTEXT_KEY, {
-      theme: ref("light"),
+      theme: computed(() => isDark.value ? "dark" : "light"),
       collapsed: ref(false)
     });
   };

package/es/Menu/Menu.vue.js

@@ -1,7 +1,7 @@
 import _sfc_main from "./Menu.vue2.js";
 /* empty css          */
 import _export_sfc from "../_virtual/_plugin-vue_export-helper.js";
-const _Menu = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-0373627f"]]);
+const _Menu = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-990f2e81"]]);
 export {
   _Menu as default
 };

package/es/Menu/Menu.vue2.js

@@ -42,7 +42,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   emits: ["update:selectedKeys", "update:openKeys", "update:collapsed", "collapse", "menu-item-click", "sub-menu-click"],
   setup(__props, { emit: __emit }) {
     useCssVars((_ctx) => ({
-      "fb3e51e2": unref(collapsedWidth)
+      "72e354a7": unref(collapsedWidth)
     }));
     const props = __props;
     const emits = __emit;
@@ -64,7 +64,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         class: normalizeClass([
           "yc-menu",
           `yc-menu-mode-${_ctx.mode}`,
-          `yc-menu-theme-${unref(theme)}`,
+          `yc-menu-${unref(theme)}`,
           {
             "yc-menu-collapsed": unref(computedCollapsed) && _ctx.mode != "horizontal"
           }

package/es/Menu/MenuEllipsis.vue.js

@@ -1,7 +1,7 @@
 import _sfc_main from "./MenuEllipsis.vue2.js";
 /* empty css                  */
 import _export_sfc from "../_virtual/_plugin-vue_export-helper.js";
-const MenuEllipsis = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-c409e211"]]);
+const MenuEllipsis = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-4ac4d739"]]);
 export {
   MenuEllipsis as default
 };

package/es/Menu/MenuEllipsis.vue2.js

@@ -69,7 +69,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               class: normalizeClass([
                 "yc-menu-item",
                 "yc-menu-item-ellipsis",
-                `yc-menu-item-theme-${unref(theme)}`,
+                `yc-menu-item-${unref(theme)}`,
                 {
                   "yc-menu-item-selected": isSelected.value
                 }

package/es/Menu/MenuItem.vue.js

@@ -1,7 +1,7 @@
 import _sfc_main from "./MenuItem.vue2.js";
 /* empty css              */
 import _export_sfc from "../_virtual/_plugin-vue_export-helper.js";
-const MenuItem = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-a60c4bae"]]);
+const MenuItem = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-b7fff6ba"]]);
 export {
   MenuItem as default
 };

package/es/Menu/MenuItem.vue2.js

@@ -123,6 +123,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         key: 0,
         class: normalizeClass([
           "yc-menu-item-wrapper",
+          `yc-menu-item-${unref(theme)}`,
           {
             "yc-menu-item-mode-horizontal": unref(mode) == "horizontal"
           }
@@ -133,7 +134,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             createElementVNode("div", {
               class: normalizeClass([
                 "yc-menu-item",
-                `yc-menu-item-theme-${unref(theme)}`,
                 {
                   "yc-menu-item-selected": isSelected.value,
                   "yc-menu-item-disabled": unref(disabled),

package/es/Menu/MenuItemGroup.vue.js

@@ -1,7 +1,7 @@
 import _sfc_main from "./MenuItemGroup.vue2.js";
 /* empty css                   */
 import _export_sfc from "../_virtual/_plugin-vue_export-helper.js";
-const MenuItemGroup = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-b163aa4c"]]);
+const MenuItemGroup = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-dbb6c4a3"]]);
 export {
   MenuItemGroup as default
 };

package/es/Menu/MenuItemGroup.vue2.js

@@ -18,7 +18,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const { levelIndent, theme } = useMenuContext().inject();
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
-        class: normalizeClass(["yc-menu-group", `yc-menu-group-theme-${unref(theme)}`])
+        class: normalizeClass(["yc-menu-group", `yc-menu-group-${unref(theme)}`])
       }, [
         createElementVNode("div", _hoisted_1, [
           renderSlot(_ctx.$slots, "title", {}, () => [

package/es/Menu/SubMenu.vue.js

@@ -1,7 +1,7 @@
 import _sfc_main from "./SubMenu.vue2.js";
 /* empty css             */
 import _export_sfc from "../_virtual/_plugin-vue_export-helper.js";
-const SubMenu = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-7482bc3e"]]);
+const SubMenu = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-ce1875b7"]]);
 export {
   SubMenu as default
 };

package/es/Menu/SubMenu.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent, createElementBlock, openBlock, createVNode, unref, createSlots, withCtx, renderSlot, createTextVNode, toDisplayString, withDirectives, createElementVNode, vShow } from "vue";
+import { defineComponent, createElementBlock, openBlock, normalizeClass, unref, createVNode, createSlots, withCtx, renderSlot, createTextVNode, toDisplayString, withDirectives, createElementVNode, vShow } from "vue";
 import useMenuContext from "./hooks/useContext.js";
 import _sfc_main$1 from "../_shared/icons/IconArrowDown.vue.js";
 import "../node_modules/tinycolor2/esm/tinycolor.js";
@@ -6,12 +6,11 @@ import "../_shared/utils/dom.js";
 import "../_shared/utils/time.js";
 import "../Empty/index.js";
 /* empty css                             */
-/* empty css                                   */
+/* empty css                                    */
 import ExpandTransition from "../_shared/components/ExpandTransition.vue2.js";
 import "./index.js";
 import MenuItem from "./MenuItem.vue.js";
-const _hoisted_1 = { class: "yc-menu-inline" };
-const _hoisted_2 = { class: "yc-menu-inline-content" };
+const _hoisted_1 = { class: "yc-menu-inline-content" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: "SubMenu"
@@ -25,9 +24,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     popupMaxHeight: { type: [Boolean, Number], default: void 0 }
   },
   setup(__props) {
-    const { mode, computedOpenKeys, computedCollapsed } = useMenuContext().inject();
+    const { mode, theme, computedOpenKeys, computedCollapsed } = useMenuContext().inject();
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1, [
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(["yc-menu-inline", `yc-menu-inline-${unref(theme)}`])
+      }, [
         createVNode(unref(MenuItem), {
           "is-submenu": "",
           path: _ctx.path,
@@ -58,7 +59,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         ]), 1032, ["path", "popupMaxHeight"]),
         createVNode(unref(ExpandTransition), null, {
           default: withCtx(() => [
-            withDirectives(createElementVNode("div", _hoisted_2, [
+            withDirectives(createElementVNode("div", _hoisted_1, [
               renderSlot(_ctx.$slots, "default", {}, void 0, true)
             ], 512), [
               [
@@ -69,7 +70,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           ]),
           _: 3
         })
-      ]);
+      ], 2);
     };
   }
 });

package/es/Menu/hooks/useContext.d.ts

@@ -39,7 +39,7 @@ export declare function isMenuItemActive(menuTree: MenuTreeNode[], currentPath:
 export declare const getPopupMaxHeight: (popupMaxHeight: PopupMaxHeight) => number | undefined;
 declare const _default: () => {
     provide: (props: Props, emits: MenuEmits, menuRef: Ref<HTMLDivElement | undefined>) => {
-        theme: import('vue').ComputedRef<any>;
+        theme: import('vue').ComputedRef<import('../../_shared/type').Theme>;
         computedCollapsed: import('vue').WritableComputedRef<boolean, boolean>;
         breakpoint: Ref<import('../..').BreakpointName, import('../..').BreakpointName>;
         collapsedWidth: import('vue').ComputedRef<string>;

package/es/Menu/hooks/useContext.js

@@ -8,7 +8,7 @@ import "../../Empty/index.js";
 import useControlValue from "../../_shared/utils/control.js";
 import "../index.js";
 import { nanoid } from "../../node_modules/nanoid/index.browser.js";
-import { useResizeObserver } from "../../node_modules/@vueuse/core/index.js";
+import { useResizeObserver, useDark } from "../../node_modules/@vueuse/core/index.js";
 import useSiderContext from "../../Layout/hooks/useSiderContext.js";
 import SubMenu from "../SubMenu.vue.js";
 import MenuItem from "../MenuItem.vue.js";
@@ -134,6 +134,7 @@ const useMenuContext = () => {
       autoScrollIntoView,
       scrollConfig,
       collapsedWidth,
+      theme: _theme,
       popupMaxHeight: _popupMaxHeight
     } = toRefs(props);
     const { theme: injectTheme, collapsed: injectCollapsed } = useSiderContext().inject();
@@ -178,7 +179,7 @@ const useMenuContext = () => {
     const menuItemWidths = ref([]);
     const menuTree = computed(() => buildMenuTree(menuTreeNodes.value));
     const max = ref(1e6);
-    const theme = computed(() => props.theme || injectTheme.value);
+    const theme = computed(() => _theme.value || injectTheme.value);
     if (mode.value == "horizontal") {
       useResizeObserver(
         menuRef,
@@ -230,6 +231,14 @@ const useMenuContext = () => {
     };
   };
   const inject$1 = () => {
+    const isDark = useDark({
+      selector: "body",
+      attribute: "yc-design-theme",
+      valueDark: "dark",
+      valueLight: "light",
+      initialValue: "light"
+    });
+    console.log(isDark.value, "isDark");
     return inject(MENU_CONTEXT_KEY, {
       computedSelectedKeys: ref(""),
       computedOpenKeys: ref([]),
@@ -241,7 +250,7 @@ const useMenuContext = () => {
       triggerProps: ref({}),
       autoOpenSelected: ref(false),
       mode: ref("vertical"),
-      theme: ref("light"),
+      theme: computed(() => isDark.value ? "dark" : "light"),
       popupMaxHeight: ref(),
       autoScrollIntoView: ref(false),
       scrollConfig: ref({}),

package/es/Message/Message.vue2.js

@@ -6,7 +6,7 @@ import "../_shared/utils/time.js";
 import "../Empty/index.js";
 /* empty css                             */
 import { TYPE_ICON_MAP } from "../_shared/constants/index.js";
-import IconButton from "../_shared/components/IconButton.vue2.js";
+import IconButton from "../_shared/components/IconButton.vue.js";
 /* empty css                                         */
 import { useTimeoutFn } from "../node_modules/@vueuse/shared/index.js";
 const _hoisted_1 = {

package/es/Modal/Modal.vue2.js

@@ -6,7 +6,7 @@ import { getGlobalConfig } from "../_shared/utils/global-config.js";
 import useModalClose from "./hooks/useModalClose.js";
 import useModalDraggable from "./hooks/useModalDraggable.js";
 import Button from "../Button/index.js";
-import IconButton from "../_shared/components/IconButton.vue2.js";
+import IconButton from "../_shared/components/IconButton.vue.js";
 /* empty css                                         */
 /* empty css                             */
 const _hoisted_1 = {

package/es/Notification/Notification.vue2.js

@@ -7,7 +7,7 @@ import "../_shared/utils/time.js";
 import { getSlotFunction } from "../_shared/utils/vue-utils.js";
 import "../Empty/index.js";
 /* empty css                             */
-import IconButton from "../_shared/components/IconButton.vue2.js";
+import IconButton from "../_shared/components/IconButton.vue.js";
 /* empty css                                         */
 import { useTimeoutFn } from "../node_modules/@vueuse/shared/index.js";
 const _hoisted_1 = { class: "yc-notification-left" };

package/es/PageHeader/index.vue2.js

@@ -6,7 +6,7 @@ import "../Empty/index.js";
 /* empty css                             */
 import _sfc_main$1 from "../_shared/icons/IconArrowRight.vue.js";
 import Divider from "../Divider/index.js";
-import IconButton from "../_shared/components/IconButton.vue2.js";
+import IconButton from "../_shared/components/IconButton.vue.js";
 /* empty css                                         */
 const _hoisted_1 = { class: "yc-page-header" };
 const _hoisted_2 = { class: "yc-page-header-wrapper" };

package/es/Progress/ProgressCircle.vue2.js

@@ -6,7 +6,7 @@ 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/IconExclamation.vue.js";
+import _sfc_main$2 from "../_shared/icons/IconExclamation.vue2.js";
 import { TYPE_ICON_COLOR_MAP } from "../_shared/constants/index.js";
 const _hoisted_1 = ["aria-valuenow"];
 const _hoisted_2 = ["viewBox"];

package/es/Radio/Radio.vue2.js

@@ -6,7 +6,7 @@ import "../Empty/index.js";
 /* empty css                             */
 import useControlValue from "../_shared/utils/control.js";
 import useContext from "./hooks/useContext.js";
-import IconButton from "../_shared/components/IconButton.vue2.js";
+import IconButton from "../_shared/components/IconButton.vue.js";
 /* empty css                                         */
 const _hoisted_1 = ["value", "checked", "disabled"];
 const _hoisted_2 = {

package/es/Select/SelectIcon.vue2.js

@@ -6,7 +6,7 @@ import "../_shared/utils/dom.js";
 import "../_shared/utils/time.js";
 import "../Empty/index.js";
 /* empty css                             */
-import IconButton from "../_shared/components/IconButton.vue2.js";
+import IconButton from "../_shared/components/IconButton.vue.js";
 /* empty css                                         */
 import Spin from "../Spin/index.js";
 const _hoisted_1 = { class: "yc-select-suffix-icon" };

package/es/Tabs/TabButton.vue2.js

@@ -1,5 +1,5 @@
 import { defineComponent, createBlock, openBlock, unref, mergeProps, withCtx, renderSlot, createCommentVNode } from "vue";
-import IconButton from "../_shared/components/IconButton.vue2.js";
+import IconButton from "../_shared/components/IconButton.vue.js";
 import "../node_modules/tinycolor2/esm/tinycolor.js";
 import "../_shared/utils/dom.js";
 import "../_shared/utils/time.js";

package/es/Tag/index.vue2.js

@@ -6,7 +6,7 @@ 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";
-import IconButton from "../_shared/components/IconButton.vue2.js";
+import IconButton from "../_shared/components/IconButton.vue.js";
 /* empty css                                         */
 /* empty css                             */
 const _hoisted_1 = {

package/es/Textarea/index.vue2.js

@@ -1,7 +1,7 @@
 import { defineComponent, toRefs, ref, createElementBlock, openBlock, normalizeClass, unref, createCommentVNode, createElementVNode, createBlock, toDisplayString, normalizeStyle, withCtx, createTextVNode } from "vue";
 import useTextareaHeight from "./hooks/useTextareaHeight.js";
 import useLimitedInput from "../Input/hooks/useLimitedInput.js";
-import IconButton from "../_shared/components/IconButton.vue2.js";
+import IconButton from "../_shared/components/IconButton.vue.js";
 import _sfc_main$1 from "../_shared/components/PreventFocus.vue.js";
 import "../node_modules/tinycolor2/esm/tinycolor.js";
 import "../_shared/utils/dom.js";

package/es/TimePicker/TimePicker.vue2.js

@@ -5,7 +5,7 @@ import { isArray } from "../_shared/utils/is.js";
 import { isValidTimeRange } from "../_shared/utils/time.js";
 import { getGlobalConfig } from "../_shared/utils/global-config.js";
 import useContext from "./hooks/useContext.js";
-import IconButton from "../_shared/components/IconButton.vue2.js";
+import IconButton from "../_shared/components/IconButton.vue.js";
 /* empty css                                         */
 /* empty css                             */
 import _sfc_main$1 from "../_shared/icons/IconTime.vue.js";

package/es/Transfer/TransferPanel.vue2.js

@@ -5,13 +5,13 @@ import "../_shared/utils/time.js";
 import { getGlobalConfig } from "../_shared/utils/global-config.js";
 /* empty css                             */
 import _sfc_main$3 from "../_shared/icons/IconClose.vue.js";
-import _sfc_main$1 from "../_shared/icons/IconDelete.vue2.js";
-import _sfc_main$2 from "../_shared/icons/IconSearch.vue2.js";
+import _sfc_main$1 from "../_shared/icons/IconDelete.vue.js";
+import _sfc_main$2 from "../_shared/icons/IconSearch.vue.js";
 import useContext from "./hooks/useContext.js";
 import Checkbox from "../Checkbox/index.js";
 import Scrollbar from "../Scrollbar/index.js";
 import Input from "../Input/index.js";
-import IconButton from "../_shared/components/IconButton.vue2.js";
+import IconButton from "../_shared/components/IconButton.vue.js";
 /* empty css                                         */
 const _hoisted_1 = { class: "yc-transfer-view" };
 const _hoisted_2 = { class: "yc-transfer-view-header" };

package/es/Trigger/index.vue2.js

@@ -7,7 +7,7 @@ import { getGlobalConfig } from "../_shared/utils/global-config.js";
 import useTriggerVisible from "./hooks/useTriggerVisible.js";
 import useTriggerPosition from "./hooks/useTriggerPosition.js";
 /* empty css                             */
-/* empty css                                   */
+/* empty css                                    */
 import _sfc_main$1 from "../_shared/components/PreventFocus.vue.js";
 /* empty css                                         */
 const _sfc_main = /* @__PURE__ */ defineComponent({

package/es/Typography/TypographyBase.vue2.js

@@ -5,8 +5,8 @@ import { getDomText, sleep } from "../_shared/utils/dom.js";
 import "../_shared/utils/time.js";
 import "../Empty/index.js";
 /* empty css                             */
-import _sfc_main$3 from "../_shared/icons/IconCopy.vue2.js";
-import _sfc_main$1 from "../_shared/icons/IconEdit.vue2.js";
+import _sfc_main$3 from "../_shared/icons/IconCopy.vue.js";
+import _sfc_main$1 from "../_shared/icons/IconEdit.vue.js";
 import _sfc_main$2 from "../_shared/icons/IconInfo.vue.js";
 import useControlValue from "../_shared/utils/control.js";
 import Input from "../Input/index.js";

package/es/_shared/components/{IconButton.vue2.js → IconButton.vue.js}

@@ -1,5 +1,5 @@
 import _sfc_main from "./IconButton.vue3.js";
-/* empty css               */
+/* empty css                */
 import _export_sfc from "../../_virtual/_plugin-vue_export-helper.js";
 const IconButton = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-0cd1d9af"]]);
 export {