yc-design-vue 2.1.5 → 2.1.7

package/es/Alert/index.vue.js

@@ -1,7 +1,7 @@
 import { defineComponent, useSlots, 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 _sfc_main$1 from "../_shared/components/IconButton/index.vue2.js";
-/* empty css                                         */
+import _sfc_main$1 from "../_shared/components/IconButton/index.vue.js";
+/* empty css                                          */
 import "../_shared/utils/dom.js";
 import "../node_modules/b-tween/dist/b-tween.es.js";
 import "../node_modules/dayjs/dayjs.min.js";

package/es/Avatar/Avatar.vue.js

@@ -10,7 +10,7 @@ import "../node_modules/dayjs/plugin/isSameOrAfter.js";
 import "../node_modules/dayjs/plugin/isSameOrBefore.js";
 import "../_shared/utils/locale.js";
 import "../_shared/utils/time.js";
-/* empty css                                         */
+/* empty css                                          */
 /* empty css                                               */
 /* empty css                                   */
 import _sfc_main$1 from "../_shared/icons/IconImageClose.vue.js";

package/es/BackTop/index.vue.js

@@ -11,7 +11,7 @@ import "../node_modules/dayjs/plugin/isSameOrBefore.js";
 import { isUndefined } from "../_shared/utils/is.js";
 import "../_shared/utils/locale.js";
 import "../_shared/utils/time.js";
-/* empty css                                         */
+/* empty css                                          */
 /* empty css                                               */
 /* empty css                                   */
 import _sfc_main$1 from "../_shared/icons/IconToTop.vue.js";

package/es/Breadcrumb/BreadcrumbItem.vue.js

@@ -10,7 +10,7 @@ import "../node_modules/dayjs/plugin/isSameOrAfter.js";
 import "../node_modules/dayjs/plugin/isSameOrBefore.js";
 import "../_shared/utils/locale.js";
 import "../_shared/utils/time.js";
-/* empty css                                         */
+/* empty css                                          */
 /* empty css                                               */
 /* empty css                                   */
 import Dropdown from "../Dropdown/index.js";

package/es/Breadcrumb/BreadcrumbMore.vue.js

@@ -9,7 +9,7 @@ import "../node_modules/dayjs/plugin/isSameOrAfter.js";
 import "../node_modules/dayjs/plugin/isSameOrBefore.js";
 import "../_shared/utils/locale.js";
 import "../_shared/utils/time.js";
-/* empty css                                         */
+/* empty css                                          */
 /* empty css                                               */
 /* empty css                                   */
 import _sfc_main$2 from "../_shared/icons/IconMore.vue.js";

package/es/Breadcrumb/BreadcrumbSeparator.vue.js

@@ -10,7 +10,7 @@ import "../node_modules/dayjs/plugin/isSameOrBefore.js";
 import { isUndefined } from "../_shared/utils/is.js";
 import "../_shared/utils/locale.js";
 import "../_shared/utils/time.js";
-/* empty css                                         */
+/* empty css                                          */
 /* empty css                                               */
 /* empty css                                   */
 import _sfc_main$1 from "../_shared/icons/IconSeparator.vue2.js";

package/es/Button/index.css

@@ -1 +1 @@
-.yc-button{cursor:pointer;user-select:none;outline:none;border:1px solid transparent;font-weight:400;transition:all .1s cubic-bezier(0, 0, 1, 1);display:inline-flex;justify-content:center;align-items:center}.yc-button .yc-button-icon{flex-shrink:0;display:flex;justify-content:center;align-items:center}.yc-button .yc-button-icon .yc-spin{font-size:inherit;color:inherit}.yc-button-loading{cursor:default;position:relative}.yc-button-loading::before{content:'';z-index:1;position:absolute;left:-1px;top:-1px;width:calc(100% + 2px);height:calc(100% + 2px);background-color:#fff;opacity:.4;display:block}.yc-button-disabled{opacity:.4;cursor:not-allowed}.yc-button-long{width:100%}.yc-button-primary.yc-button-status-normal{background-color:rgb(var(--primary-6));color:var(--color-white)}.yc-button-primary.yc-button-status-normal:not(.yc-button-disabled):not(.yc-button-loading):hover{background-color:rgb(var(--primary-5))}.yc-button-primary.yc-button-status-normal:not(.yc-button-disabled):not(.yc-button-loading):active{background-color:rgb(var(--primary-7))}.yc-button-primary.yc-button-status-warning{background-color:rgb(var(--warning-6));color:var(--color-white)}.yc-button-primary.yc-button-status-warning:not(.yc-button-disabled):not(.yc-button-loading):hover{background-color:rgb(var(--warning-5))}.yc-button-primary.yc-button-status-warning:not(.yc-button-disabled):not(.yc-button-loading):active{background-color:rgb(var(--warning-7))}.yc-button-primary.yc-button-status-success{background-color:rgb(var(--success-6));color:var(--color-white)}.yc-button-primary.yc-button-status-success:not(.yc-button-disabled):not(.yc-button-loading):hover{background-color:rgb(var(--success-5))}.yc-button-primary.yc-button-status-success:not(.yc-button-disabled):not(.yc-button-loading):active{background-color:rgb(var(--success-7))}.yc-button-primary.yc-button-status-danger{background-color:rgb(var(--danger-6));color:var(--color-white)}.yc-button-primary.yc-button-status-danger:not(.yc-button-disabled):not(.yc-button-loading):hover{background-color:rgb(var(--danger-5))}.yc-button-primary.yc-button-status-danger:not(.yc-button-disabled):not(.yc-button-loading):active{background-color:rgb(var(--danger-7))}.yc-button-secondary.yc-button-status-normal{background-color:var(--color-fill-2);color:var(--color-text-2)}.yc-button-secondary.yc-button-status-normal:not(.yc-button-disabled):not(.yc-button-loading):hover{background-color:var(--color-fill-3)}.yc-button-secondary.yc-button-status-normal:not(.yc-button-disabled):not(.yc-button-loading):active{background-color:var(--color-fill-4)}.yc-button-secondary.yc-button-status-warning{background-color:var(--color-warning-light-1);color:rgb(var(--warning-6))}.yc-button-secondary.yc-button-status-warning:not(.yc-button-disabled):not(.yc-button-loading):hover{background-color:var(--color-warning-light-2)}.yc-button-secondary.yc-button-status-warning:not(.yc-button-disabled):not(.yc-button-loading):active{background-color:var(--color-warning-light-3)}.yc-button-secondary.yc-button-status-success{background-color:var(--color-success-light-1);color:rgb(var(--success-6))}.yc-button-secondary.yc-button-status-success:not(.yc-button-disabled):not(.yc-button-loading):hover{background-color:var(--color-success-light-2)}.yc-button-secondary.yc-button-status-success:not(.yc-button-disabled):not(.yc-button-loading):active{background-color:var(--color-success-light-3)}.yc-button-secondary.yc-button-status-danger{background-color:var(--color-danger-light-1);color:rgb(var(--danger-6))}.yc-button-secondary.yc-button-status-danger:not(.yc-button-disabled):not(.yc-button-loading):hover{background-color:var(--color-danger-light-2)}.yc-button-secondary.yc-button-status-danger:not(.yc-button-disabled):not(.yc-button-loading):active{background-color:var(--color-danger-light-3)}.yc-button-dashed.yc-button-status-normal{background-color:transparent;border-color:var(--color-border-2);color:var(--color-text-2);border-style:dashed}.yc-button-dashed.yc-button-status-normal:not(.yc-button-disabled):not(.yc-button-loading):hover{background-color:var(--color-fill-2)}.yc-button-dashed.yc-button-status-normal:not(.yc-button-disabled):not(.yc-button-loading):active{background-color:var(--color-fill-3)}.yc-button-dashed.yc-button-status-normal:not(.yc-button-disabled):not(.yc-button-loading):hover{border-color:var(--color-border-3)}.yc-button-dashed.yc-button-status-normal:not(.yc-button-disabled):not(.yc-button-loading):active{border-color:var(--color-border-4)}.yc-button-dashed.yc-button-status-warning{background-color:var(--color-warning-light-1);border-color:rgb(var(--warning-2));color:rgb(var(--warning-6));border-style:dashed}.yc-button-dashed.yc-button-status-warning:not(.yc-button-disabled):not(.yc-button-loading):hover{background-color:var(--color-warning-light-2)}.yc-button-dashed.yc-button-status-warning:not(.yc-button-disabled):not(.yc-button-loading):active{background-color:var(--color-warning-light-3)}.yc-button-dashed.yc-button-status-warning:not(.yc-button-disabled):not(.yc-button-loading):hover{border-color:rgb(var(--warning-3))}.yc-button-dashed.yc-button-status-warning:not(.yc-button-disabled):not(.yc-button-loading):active{border-color:rgb(var(--warning-4))}.yc-button-dashed.yc-button-status-success{background-color:var(--color-success-light-1);border-color:rgb(var(--success-2));color:rgb(var(--success-6));border-style:dashed}.yc-button-dashed.yc-button-status-success:not(.yc-button-disabled):not(.yc-button-loading):hover{background-color:var(--color-success-light-2)}.yc-button-dashed.yc-button-status-success:not(.yc-button-disabled):not(.yc-button-loading):active{background-color:var(--color-success-light-3)}.yc-button-dashed.yc-button-status-success:not(.yc-button-disabled):not(.yc-button-loading):hover{border-color:rgb(var(--success-3))}.yc-button-dashed.yc-button-status-success:not(.yc-button-disabled):not(.yc-button-loading):active{border-color:rgb(var(--success-4))}.yc-button-dashed.yc-button-status-danger{background-color:var(--color-danger-light-1);border-color:rgb(var(--danger-2));color:rgb(var(--danger-6));border-style:dashed}.yc-button-dashed.yc-button-status-danger:not(.yc-button-disabled):not(.yc-button-loading):hover{background-color:var(--color-danger-light-2)}.yc-button-dashed.yc-button-status-danger:not(.yc-button-disabled):not(.yc-button-loading):active{background-color:var(--color-danger-light-3)}.yc-button-dashed.yc-button-status-danger:not(.yc-button-disabled):not(.yc-button-loading):hover{border-color:rgb(var(--danger-3))}.yc-button-dashed.yc-button-status-danger:not(.yc-button-disabled):not(.yc-button-loading):active{border-color:rgb(var(--danger-4))}.yc-button-outline.yc-button-status-normal{background-color:transparent;border-color:rgb(var(--primary-6));color:rgb(var(--primary-6))}.yc-button-outline.yc-button-status-normal:not(.yc-button-disabled):not(.yc-button-loading):hover{border-color:rgb(var(--primary-5))}.yc-button-outline.yc-button-status-normal:not(.yc-button-disabled):not(.yc-button-loading):active{border-color:rgb(var(--primary-7))}.yc-button-outline.yc-button-status-normal:not(.yc-button-disabled):not(.yc-button-loading):hover{color:rgb(var(--primary-5))}.yc-button-outline.yc-button-status-normal:not(.yc-button-disabled):not(.yc-button-loading):active{color:rgb(var(--primary-7))}.yc-button-outline.yc-button-status-warning{background-color:transparent;border-color:rgb(var(--warning-6));color:rgb(var(--warning-6))}.yc-button-outline.yc-button-status-warning:not(.yc-button-disabled):not(.yc-button-loading):hover{border-color:rgb(var(--warning-5))}.yc-button-outline.yc-button-status-warning:not(.yc-button-disabled):not(.yc-button-loading):active{border-color:rgb(var(--warning-7))}.yc-button-outline.yc-button-status-warning:not(.yc-button-disabled):not(.yc-button-loading):hover{color:rgb(var(--warning-5))}.yc-button-outline.yc-button-status-warning:not(.yc-button-disabled):not(.yc-button-loading):active{color:rgb(var(--warning-7))}.yc-button-outline.yc-button-status-success{background-color:transparent;border-color:rgb(var(--success-6));color:rgb(var(--success-6))}.yc-button-outline.yc-button-status-success:not(.yc-button-disabled):not(.yc-button-loading):hover{border-color:rgb(var(--success-5))}.yc-button-outline.yc-button-status-success:not(.yc-button-disabled):not(.yc-button-loading):active{border-color:rgb(var(--success-7))}.yc-button-outline.yc-button-status-success:not(.yc-button-disabled):not(.yc-button-loading):hover{color:rgb(var(--success-5))}.yc-button-outline.yc-button-status-success:not(.yc-button-disabled):not(.yc-button-loading):active{color:rgb(var(--success-7))}.yc-button-outline.yc-button-status-danger{background-color:transparent;border-color:rgb(var(--danger-6));color:rgb(var(--danger-6))}.yc-button-outline.yc-button-status-danger:not(.yc-button-disabled):not(.yc-button-loading):hover{border-color:rgb(var(--danger-5))}.yc-button-outline.yc-button-status-danger:not(.yc-button-disabled):not(.yc-button-loading):active{border-color:rgb(var(--danger-7))}.yc-button-outline.yc-button-status-danger:not(.yc-button-disabled):not(.yc-button-loading):hover{color:rgb(var(--danger-5))}.yc-button-outline.yc-button-status-danger:not(.yc-button-disabled):not(.yc-button-loading):active{color:rgb(var(--danger-7))}.yc-button-text.yc-button-status-normal{color:rgb(var(--primary-6));background-color:transparent}.yc-button-text.yc-button-status-normal:not(.yc-button-disabled):not(.yc-button-loading):hover{background-color:var(--color-fill-2)}.yc-button-text.yc-button-status-normal:not(.yc-button-disabled):not(.yc-button-loading):active{background-color:var(--color-fill-3)}.yc-button-text.yc-button-status-warning{color:rgb(var(--warning-6));background-color:transparent}.yc-button-text.yc-button-status-warning:not(.yc-button-disabled):not(.yc-button-loading):hover{background-color:var(--color-fill-2)}.yc-button-text.yc-button-status-warning:not(.yc-button-disabled):not(.yc-button-loading):active{background-color:var(--color-fill-3)}.yc-button-text.yc-button-status-success{color:rgb(var(--success-6));background-color:transparent}.yc-button-text.yc-button-status-success:not(.yc-button-disabled):not(.yc-button-loading):hover{background-color:var(--color-fill-2)}.yc-button-text.yc-button-status-success:not(.yc-button-disabled):not(.yc-button-loading):active{background-color:var(--color-fill-3)}.yc-button-text.yc-button-status-danger{color:rgb(var(--danger-6));background-color:transparent}.yc-button-text.yc-button-status-danger:not(.yc-button-disabled):not(.yc-button-loading):hover{background-color:var(--color-fill-2)}.yc-button-text.yc-button-status-danger:not(.yc-button-disabled):not(.yc-button-loading):active{background-color:var(--color-fill-3)}.yc-button-size-mini{height:24px;padding:0 11px;font-size:12px}.yc-button-size-mini .yc-button-icon{width:12px;height:12px;margin-right:4px}.yc-button-size-mini.yc-button-shape-circle{width:24px;padding:0}.yc-button-size-mini.yc-button-only-icon{width:24px;padding:0}.yc-button-size-mini.yc-button-only-icon .yc-button-icon{margin:0 }.yc-button-size-small{height:28px;padding:0 15px;font-size:14px}.yc-button-size-small .yc-button-icon{width:14px;height:14px;margin-right:6px}.yc-button-size-small.yc-button-shape-circle{width:28px;padding:0}.yc-button-size-small.yc-button-only-icon{width:28px;padding:0}.yc-button-size-small.yc-button-only-icon .yc-button-icon{margin:0 }.yc-button-size-medium{height:32px;padding:0 15px;font-size:14px}.yc-button-size-medium .yc-button-icon{width:14px;height:14px;margin-right:8px}.yc-button-size-medium.yc-button-shape-circle{width:32px;padding:0}.yc-button-size-medium.yc-button-only-icon{width:32px;padding:0}.yc-button-size-medium.yc-button-only-icon .yc-button-icon{margin:0 }.yc-button-size-large{height:36px;padding:0 19px;font-size:14px}.yc-button-size-large .yc-button-icon{width:14px;height:14px;margin-right:8px}.yc-button-size-large.yc-button-shape-circle{width:36px;padding:0}.yc-button-size-large.yc-button-only-icon{width:36px;padding:0}.yc-button-size-large.yc-button-only-icon .yc-button-icon{margin:0 }.yc-button-shape-square{border-radius:var(--border-radius-small)}.yc-button-shape-round{border-radius:30px}.yc-button-shape-circle{border-radius:var(--border-radius-circle)}.yc-button-group{display:inline-flex;align-items:center}.yc-button-group .yc-button{flex-shrink:0}.yc-button-group .yc-button:not(:first-child):not(:last-child){border-radius:var(--border-radius-none)}.yc-button-group .yc-button:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.yc-button-group .yc-button:last-child{border-top-left-radius:0;border-bottom-left-radius:0;border-right:none}.yc-button-group-dashed .yc-button:not(:first-child),.yc-button-group-outline .yc-button:not(:first-child){border-left:none}.yc-button-group-primary .yc-button:not(:last-child),.yc-button-group-status-primary .yc-button:not(:last-child){border-right:1px solid rgb(var(--primary-5))}.yc-button-group-secondary .yc-button:not(:last-child),.yc-button-group-status-secondary .yc-button:not(:last-child){border-right:1px solid var(--color-secondary-hover)}.yc-button-group-warning .yc-button:not(:last-child),.yc-button-group-status-warning .yc-button:not(:last-child){border-right:1px solid rgb(var(--warning-5))}.yc-button-group-success .yc-button:not(:last-child),.yc-button-group-status-success .yc-button:not(:last-child){border-right:1px solid rgb(var(--success-5))}.yc-button-group-danger .yc-button:not(:last-child),.yc-button-group-status-danger .yc-button:not(:last-child){border-right:1px solid rgb(var(--danger-5))}
+.yc-button{cursor:pointer;user-select:none;outline:none;border:1px solid transparent;font-weight:400;transition:all .1s cubic-bezier(0, 0, 1, 1);display:inline-flex;justify-content:center;align-items:center}.yc-button .yc-button-icon{flex-shrink:0;display:flex;justify-content:center;align-items:center}.yc-button .yc-button-icon .yc-spin{font-size:inherit;color:inherit}.yc-button-loading,.yc-button-disabled{cursor:default;position:relative}.yc-button-loading::before,.yc-button-disabled::before{content:'';z-index:1;position:absolute;left:-1px;top:-1px;width:calc(100% + 2px);height:calc(100% + 2px);background-color:#fff;opacity:.4;display:block}.yc-button-loading.yc-button-disabled,.yc-button-disabled.yc-button-disabled{cursor:not-allowed}.yc-button-loading.yc-button-disabled::before,.yc-button-disabled.yc-button-disabled::before{cursor:not-allowed}.yc-button-long{width:100%}.yc-button-primary.yc-button-status-normal{background-color:rgb(var(--primary-6));color:var(--color-white)}.yc-button-primary.yc-button-status-normal:not(.yc-button-disabled):not(.yc-button-loading):hover{background-color:rgb(var(--primary-5))}.yc-button-primary.yc-button-status-normal:not(.yc-button-disabled):not(.yc-button-loading):active{background-color:rgb(var(--primary-7))}.yc-button-primary.yc-button-status-warning{background-color:rgb(var(--warning-6));color:var(--color-white)}.yc-button-primary.yc-button-status-warning:not(.yc-button-disabled):not(.yc-button-loading):hover{background-color:rgb(var(--warning-5))}.yc-button-primary.yc-button-status-warning:not(.yc-button-disabled):not(.yc-button-loading):active{background-color:rgb(var(--warning-7))}.yc-button-primary.yc-button-status-success{background-color:rgb(var(--success-6));color:var(--color-white)}.yc-button-primary.yc-button-status-success:not(.yc-button-disabled):not(.yc-button-loading):hover{background-color:rgb(var(--success-5))}.yc-button-primary.yc-button-status-success:not(.yc-button-disabled):not(.yc-button-loading):active{background-color:rgb(var(--success-7))}.yc-button-primary.yc-button-status-danger{background-color:rgb(var(--danger-6));color:var(--color-white)}.yc-button-primary.yc-button-status-danger:not(.yc-button-disabled):not(.yc-button-loading):hover{background-color:rgb(var(--danger-5))}.yc-button-primary.yc-button-status-danger:not(.yc-button-disabled):not(.yc-button-loading):active{background-color:rgb(var(--danger-7))}.yc-button-secondary.yc-button-status-normal{background-color:var(--color-fill-2);color:var(--color-text-2)}.yc-button-secondary.yc-button-status-normal:not(.yc-button-disabled):not(.yc-button-loading):hover{background-color:var(--color-fill-3)}.yc-button-secondary.yc-button-status-normal:not(.yc-button-disabled):not(.yc-button-loading):active{background-color:var(--color-fill-4)}.yc-button-secondary.yc-button-status-warning{background-color:var(--color-warning-light-1);color:rgb(var(--warning-6))}.yc-button-secondary.yc-button-status-warning:not(.yc-button-disabled):not(.yc-button-loading):hover{background-color:var(--color-warning-light-2)}.yc-button-secondary.yc-button-status-warning:not(.yc-button-disabled):not(.yc-button-loading):active{background-color:var(--color-warning-light-3)}.yc-button-secondary.yc-button-status-success{background-color:var(--color-success-light-1);color:rgb(var(--success-6))}.yc-button-secondary.yc-button-status-success:not(.yc-button-disabled):not(.yc-button-loading):hover{background-color:var(--color-success-light-2)}.yc-button-secondary.yc-button-status-success:not(.yc-button-disabled):not(.yc-button-loading):active{background-color:var(--color-success-light-3)}.yc-button-secondary.yc-button-status-danger{background-color:var(--color-danger-light-1);color:rgb(var(--danger-6))}.yc-button-secondary.yc-button-status-danger:not(.yc-button-disabled):not(.yc-button-loading):hover{background-color:var(--color-danger-light-2)}.yc-button-secondary.yc-button-status-danger:not(.yc-button-disabled):not(.yc-button-loading):active{background-color:var(--color-danger-light-3)}.yc-button-dashed.yc-button-status-normal{background-color:transparent;border-color:var(--color-border-2);color:var(--color-text-2);border-style:dashed}.yc-button-dashed.yc-button-status-normal:not(.yc-button-disabled):not(.yc-button-loading):hover{background-color:var(--color-fill-2)}.yc-button-dashed.yc-button-status-normal:not(.yc-button-disabled):not(.yc-button-loading):active{background-color:var(--color-fill-3)}.yc-button-dashed.yc-button-status-normal:not(.yc-button-disabled):not(.yc-button-loading):hover{border-color:var(--color-border-3)}.yc-button-dashed.yc-button-status-normal:not(.yc-button-disabled):not(.yc-button-loading):active{border-color:var(--color-border-4)}.yc-button-dashed.yc-button-status-warning{background-color:var(--color-warning-light-1);border-color:rgb(var(--warning-2));color:rgb(var(--warning-6));border-style:dashed}.yc-button-dashed.yc-button-status-warning:not(.yc-button-disabled):not(.yc-button-loading):hover{background-color:var(--color-warning-light-2)}.yc-button-dashed.yc-button-status-warning:not(.yc-button-disabled):not(.yc-button-loading):active{background-color:var(--color-warning-light-3)}.yc-button-dashed.yc-button-status-warning:not(.yc-button-disabled):not(.yc-button-loading):hover{border-color:rgb(var(--warning-3))}.yc-button-dashed.yc-button-status-warning:not(.yc-button-disabled):not(.yc-button-loading):active{border-color:rgb(var(--warning-4))}.yc-button-dashed.yc-button-status-success{background-color:var(--color-success-light-1);border-color:rgb(var(--success-2));color:rgb(var(--success-6));border-style:dashed}.yc-button-dashed.yc-button-status-success:not(.yc-button-disabled):not(.yc-button-loading):hover{background-color:var(--color-success-light-2)}.yc-button-dashed.yc-button-status-success:not(.yc-button-disabled):not(.yc-button-loading):active{background-color:var(--color-success-light-3)}.yc-button-dashed.yc-button-status-success:not(.yc-button-disabled):not(.yc-button-loading):hover{border-color:rgb(var(--success-3))}.yc-button-dashed.yc-button-status-success:not(.yc-button-disabled):not(.yc-button-loading):active{border-color:rgb(var(--success-4))}.yc-button-dashed.yc-button-status-danger{background-color:var(--color-danger-light-1);border-color:rgb(var(--danger-2));color:rgb(var(--danger-6));border-style:dashed}.yc-button-dashed.yc-button-status-danger:not(.yc-button-disabled):not(.yc-button-loading):hover{background-color:var(--color-danger-light-2)}.yc-button-dashed.yc-button-status-danger:not(.yc-button-disabled):not(.yc-button-loading):active{background-color:var(--color-danger-light-3)}.yc-button-dashed.yc-button-status-danger:not(.yc-button-disabled):not(.yc-button-loading):hover{border-color:rgb(var(--danger-3))}.yc-button-dashed.yc-button-status-danger:not(.yc-button-disabled):not(.yc-button-loading):active{border-color:rgb(var(--danger-4))}.yc-button-outline.yc-button-status-normal{background-color:transparent;border-color:rgb(var(--primary-6));color:rgb(var(--primary-6))}.yc-button-outline.yc-button-status-normal:not(.yc-button-disabled):not(.yc-button-loading):hover{border-color:rgb(var(--primary-5))}.yc-button-outline.yc-button-status-normal:not(.yc-button-disabled):not(.yc-button-loading):active{border-color:rgb(var(--primary-7))}.yc-button-outline.yc-button-status-normal:not(.yc-button-disabled):not(.yc-button-loading):hover{color:rgb(var(--primary-5))}.yc-button-outline.yc-button-status-normal:not(.yc-button-disabled):not(.yc-button-loading):active{color:rgb(var(--primary-7))}.yc-button-outline.yc-button-status-warning{background-color:transparent;border-color:rgb(var(--warning-6));color:rgb(var(--warning-6))}.yc-button-outline.yc-button-status-warning:not(.yc-button-disabled):not(.yc-button-loading):hover{border-color:rgb(var(--warning-5))}.yc-button-outline.yc-button-status-warning:not(.yc-button-disabled):not(.yc-button-loading):active{border-color:rgb(var(--warning-7))}.yc-button-outline.yc-button-status-warning:not(.yc-button-disabled):not(.yc-button-loading):hover{color:rgb(var(--warning-5))}.yc-button-outline.yc-button-status-warning:not(.yc-button-disabled):not(.yc-button-loading):active{color:rgb(var(--warning-7))}.yc-button-outline.yc-button-status-success{background-color:transparent;border-color:rgb(var(--success-6));color:rgb(var(--success-6))}.yc-button-outline.yc-button-status-success:not(.yc-button-disabled):not(.yc-button-loading):hover{border-color:rgb(var(--success-5))}.yc-button-outline.yc-button-status-success:not(.yc-button-disabled):not(.yc-button-loading):active{border-color:rgb(var(--success-7))}.yc-button-outline.yc-button-status-success:not(.yc-button-disabled):not(.yc-button-loading):hover{color:rgb(var(--success-5))}.yc-button-outline.yc-button-status-success:not(.yc-button-disabled):not(.yc-button-loading):active{color:rgb(var(--success-7))}.yc-button-outline.yc-button-status-danger{background-color:transparent;border-color:rgb(var(--danger-6));color:rgb(var(--danger-6))}.yc-button-outline.yc-button-status-danger:not(.yc-button-disabled):not(.yc-button-loading):hover{border-color:rgb(var(--danger-5))}.yc-button-outline.yc-button-status-danger:not(.yc-button-disabled):not(.yc-button-loading):active{border-color:rgb(var(--danger-7))}.yc-button-outline.yc-button-status-danger:not(.yc-button-disabled):not(.yc-button-loading):hover{color:rgb(var(--danger-5))}.yc-button-outline.yc-button-status-danger:not(.yc-button-disabled):not(.yc-button-loading):active{color:rgb(var(--danger-7))}.yc-button-text.yc-button-status-normal{color:rgb(var(--primary-6));background-color:transparent}.yc-button-text.yc-button-status-normal:not(.yc-button-disabled):not(.yc-button-loading):hover{background-color:var(--color-fill-2)}.yc-button-text.yc-button-status-normal:not(.yc-button-disabled):not(.yc-button-loading):active{background-color:var(--color-fill-3)}.yc-button-text.yc-button-status-warning{color:rgb(var(--warning-6));background-color:transparent}.yc-button-text.yc-button-status-warning:not(.yc-button-disabled):not(.yc-button-loading):hover{background-color:var(--color-fill-2)}.yc-button-text.yc-button-status-warning:not(.yc-button-disabled):not(.yc-button-loading):active{background-color:var(--color-fill-3)}.yc-button-text.yc-button-status-success{color:rgb(var(--success-6));background-color:transparent}.yc-button-text.yc-button-status-success:not(.yc-button-disabled):not(.yc-button-loading):hover{background-color:var(--color-fill-2)}.yc-button-text.yc-button-status-success:not(.yc-button-disabled):not(.yc-button-loading):active{background-color:var(--color-fill-3)}.yc-button-text.yc-button-status-danger{color:rgb(var(--danger-6));background-color:transparent}.yc-button-text.yc-button-status-danger:not(.yc-button-disabled):not(.yc-button-loading):hover{background-color:var(--color-fill-2)}.yc-button-text.yc-button-status-danger:not(.yc-button-disabled):not(.yc-button-loading):active{background-color:var(--color-fill-3)}.yc-button-size-mini{height:24px;padding:0 11px;font-size:12px}.yc-button-size-mini .yc-button-icon{width:12px;height:12px;margin-right:4px}.yc-button-size-mini.yc-button-shape-circle{width:24px;padding:0}.yc-button-size-mini.yc-button-only-icon{width:24px;padding:0}.yc-button-size-mini.yc-button-only-icon .yc-button-icon{margin:0 }.yc-button-size-small{height:28px;padding:0 15px;font-size:14px}.yc-button-size-small .yc-button-icon{width:14px;height:14px;margin-right:6px}.yc-button-size-small.yc-button-shape-circle{width:28px;padding:0}.yc-button-size-small.yc-button-only-icon{width:28px;padding:0}.yc-button-size-small.yc-button-only-icon .yc-button-icon{margin:0 }.yc-button-size-medium{height:32px;padding:0 15px;font-size:14px}.yc-button-size-medium .yc-button-icon{width:14px;height:14px;margin-right:8px}.yc-button-size-medium.yc-button-shape-circle{width:32px;padding:0}.yc-button-size-medium.yc-button-only-icon{width:32px;padding:0}.yc-button-size-medium.yc-button-only-icon .yc-button-icon{margin:0 }.yc-button-size-large{height:36px;padding:0 19px;font-size:14px}.yc-button-size-large .yc-button-icon{width:14px;height:14px;margin-right:8px}.yc-button-size-large.yc-button-shape-circle{width:36px;padding:0}.yc-button-size-large.yc-button-only-icon{width:36px;padding:0}.yc-button-size-large.yc-button-only-icon .yc-button-icon{margin:0 }.yc-button-shape-square{border-radius:var(--border-radius-small)}.yc-button-shape-round{border-radius:30px}.yc-button-shape-circle{border-radius:var(--border-radius-circle)}.yc-button-group{display:inline-flex;align-items:center}.yc-button-group .yc-button{flex-shrink:0}.yc-button-group .yc-button:not(:first-child):not(:last-child){border-radius:var(--border-radius-none)}.yc-button-group .yc-button:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.yc-button-group .yc-button:last-child{border-top-left-radius:0;border-bottom-left-radius:0;border-right:none}.yc-button-group-dashed .yc-button:not(:first-child),.yc-button-group-outline .yc-button:not(:first-child){border-left:none}.yc-button-group-primary .yc-button:not(:last-child),.yc-button-group-status-primary .yc-button:not(:last-child){border-right:1px solid rgb(var(--primary-5))}.yc-button-group-secondary .yc-button:not(:last-child),.yc-button-group-status-secondary .yc-button:not(:last-child){border-right:1px solid var(--color-secondary-hover)}.yc-button-group-warning .yc-button:not(:last-child),.yc-button-group-status-warning .yc-button:not(:last-child){border-right:1px solid rgb(var(--warning-5))}.yc-button-group-success .yc-button:not(:last-child),.yc-button-group-status-success .yc-button:not(:last-child){border-right:1px solid rgb(var(--success-5))}.yc-button-group-danger .yc-button:not(:last-child),.yc-button-group-status-danger .yc-button:not(:last-child){border-right:1px solid rgb(var(--danger-5))}

package/es/Calendar/Calendar.vue.js

@@ -10,8 +10,8 @@ import "../node_modules/dayjs/plugin/isSameOrBefore.js";
 import { useControlValue } from "../_shared/utils/hooks.js";
 import { useI18n } from "../_shared/utils/locale.js";
 import "../_shared/utils/time.js";
-import _sfc_main$1 from "../_shared/components/IconButton/index.vue2.js";
-/* empty css                                         */
+import _sfc_main$1 from "../_shared/components/IconButton/index.vue.js";
+/* empty css                                          */
 /* empty css                                               */
 /* empty css                                   */
 import _sfc_main$2 from "../_shared/icons/IconArrowRight.vue.js";

package/es/Carousel/CarouselArrow.vue.js

@@ -9,7 +9,7 @@ import "../node_modules/dayjs/plugin/isSameOrAfter.js";
 import "../node_modules/dayjs/plugin/isSameOrBefore.js";
 import "../_shared/utils/locale.js";
 import "../_shared/utils/time.js";
-/* empty css                                         */
+/* empty css                                          */
 /* empty css                                               */
 /* empty css                                   */
 import _sfc_main$1 from "../_shared/icons/IconArrowRight.vue.js";

package/es/Cascader/CascaderIcon.vue.js

@@ -1,8 +1,8 @@
 import { defineComponent, resolveComponent, createBlock, createElementBlock, openBlock, unref, createSlots, withCtx, resolveDynamicComponent, Fragment, createElementVNode, createCommentVNode, withModifiers } from "vue";
 import useCascaderContext from "./hooks/useContext.js";
 import _sfc_main$1 from "../_shared/icons/IconArrowDown.vue.js";
-import _sfc_main$2 from "../_shared/components/IconButton/index.vue2.js";
-/* empty css                                         */
+import _sfc_main$2 from "../_shared/components/IconButton/index.vue.js";
+/* empty css                                          */
 import "../_shared/utils/dom.js";
 import "../node_modules/b-tween/dist/b-tween.es.js";
 import "../node_modules/dayjs/dayjs.min.js";

package/es/Cascader/CascaderOption.vue.js

@@ -10,7 +10,7 @@ import "../node_modules/dayjs/plugin/isSameOrBefore.js";
 import { isFunction } from "../_shared/utils/is.js";
 import "../_shared/utils/locale.js";
 import "../_shared/utils/time.js";
-/* empty css                                         */
+/* empty css                                          */
 /* empty css                                               */
 /* empty css                                   */
 import _sfc_main$1 from "../_shared/icons/IconArrowRight.vue.js";

package/es/Checkbox/Checkbox.vue.js

@@ -12,8 +12,8 @@ import { useControlValue } from "../_shared/utils/hooks.js";
 import "../_shared/utils/locale.js";
 import "../_shared/utils/time.js";
 import useCheckboxContext from "./hooks/useContext.js";
-import _sfc_main$1 from "../_shared/components/IconButton/index.vue2.js";
-/* empty css                                         */
+import _sfc_main$1 from "../_shared/components/IconButton/index.vue.js";
+/* empty css                                          */
 /* empty css                                               */
 /* empty css                                   */
 import _sfc_main$2 from "../_shared/icons/IconCheckboxChecked.vue.js";

package/es/Collapse/CollapseItem.vue.js

@@ -1,7 +1,7 @@
 import { defineComponent, toRefs, createElementBlock, openBlock, normalizeClass, unref, createElementVNode, createVNode, createBlock, createCommentVNode, withCtx, renderSlot, resolveDynamicComponent, createTextVNode, toDisplayString, withDirectives, vShow } from "vue";
 import useCollapseContext from "./hooks/useContext.js";
-import _sfc_main$1 from "../_shared/components/IconButton/index.vue2.js";
-/* empty css                                         */
+import _sfc_main$1 from "../_shared/components/IconButton/index.vue.js";
+/* empty css                                          */
 import _sfc_main$3 from "../_shared/components/ExpandTransition/index.vue2.js";
 /* empty css                                               */
 import "../_shared/utils/dom.js";

package/es/Drawer/Drawer.vue.js

@@ -12,8 +12,8 @@ import { useI18n } from "../_shared/utils/locale.js";
 import "../_shared/utils/time.js";
 import useModalClose from "../Modal/hooks/useModalClose.js";
 import Button from "../Button/index.js";
-import _sfc_main$1 from "../_shared/components/IconButton/index.vue2.js";
-/* empty css                                         */
+import _sfc_main$1 from "../_shared/components/IconButton/index.vue.js";
+/* empty css                                          */
 /* empty css                                               */
 /* empty css                                   */
 const _hoisted_1 = {

package/es/Dropdown/DropdownButton.vue.js

@@ -9,7 +9,7 @@ import "../node_modules/dayjs/plugin/isSameOrAfter.js";
 import "../node_modules/dayjs/plugin/isSameOrBefore.js";
 import "../_shared/utils/locale.js";
 import "../_shared/utils/time.js";
-/* empty css                                         */
+/* empty css                                          */
 /* empty css                                               */
 /* empty css                                   */
 import _sfc_main$3 from "../_shared/icons/IconMore.vue.js";

package/es/Dropdown/Dsubmenu.vue.js

@@ -12,7 +12,7 @@ import { isBoolean, isUndefined } from "../_shared/utils/is.js";
 import { useControlValue } from "../_shared/utils/hooks.js";
 import "../_shared/utils/locale.js";
 import "../_shared/utils/time.js";
-/* empty css                                         */
+/* empty css                                          */
 /* empty css                                               */
 /* empty css                                   */
 import _sfc_main$2 from "../_shared/icons/IconArrowRight.vue.js";

package/es/Empty/index.vue.js

@@ -9,7 +9,7 @@ import "../node_modules/dayjs/plugin/isSameOrAfter.js";
 import "../node_modules/dayjs/plugin/isSameOrBefore.js";
 import { useI18n } from "../_shared/utils/locale.js";
 import "../_shared/utils/time.js";
-/* empty css                                         */
+/* empty css                                          */
 /* empty css                                               */
 /* empty css                                   */
 import _sfc_main$1 from "../_shared/icons/IconEmpty.vue.js";

package/es/Image/Image.vue.js

@@ -10,7 +10,7 @@ import "../node_modules/dayjs/plugin/isSameOrBefore.js";
 import { useControlValue } from "../_shared/utils/hooks.js";
 import { useI18n } from "../_shared/utils/locale.js";
 import "../_shared/utils/time.js";
-/* empty css                                         */
+/* empty css                                          */
 /* empty css                                               */
 /* empty css                                   */
 import _sfc_main$2 from "../_shared/icons/IconImageClose.vue.js";

package/es/Image/ImagePreview.vue.js

@@ -12,7 +12,7 @@ import { getGlobalConfig } from "../_shared/utils/global-config.js";
 import { useControlValue } from "../_shared/utils/hooks.js";
 import "../_shared/utils/locale.js";
 import "../_shared/utils/time.js";
-/* empty css                                         */
+/* empty css                                          */
 /* empty css                                               */
 /* empty css                                   */
 import _sfc_main$2 from "../_shared/icons/IconClose.vue.js";

package/es/Image/ImagePreviewArrow.vue.js

@@ -9,7 +9,7 @@ import "../node_modules/dayjs/plugin/isSameOrAfter.js";
 import "../node_modules/dayjs/plugin/isSameOrBefore.js";
 import "../_shared/utils/locale.js";
 import "../_shared/utils/time.js";
-/* empty css                                         */
+/* empty css                                          */
 /* empty css                                               */
 /* empty css                                   */
 import _sfc_main$1 from "../_shared/icons/IconArrowRight.vue.js";

package/es/Image/ImagePreviewToolbar.vue.js

@@ -9,7 +9,7 @@ import "../node_modules/dayjs/plugin/isSameOrAfter.js";
 import "../node_modules/dayjs/plugin/isSameOrBefore.js";
 import { useI18n } from "../_shared/utils/locale.js";
 import "../_shared/utils/time.js";
-/* empty css                                         */
+/* empty css                                          */
 /* empty css                                               */
 /* empty css                                   */
 import _sfc_main$6 from "../_shared/icons/IconFullScreen.vue2.js";

package/es/Input/Input.vue.js

@@ -12,8 +12,8 @@ import { useControlValue } from "../_shared/utils/hooks.js";
 import "../_shared/utils/locale.js";
 import "../_shared/utils/time.js";
 import useLimitedInput from "./hooks/useLimitedInput.js";
-import _sfc_main$2 from "../_shared/components/IconButton/index.vue2.js";
-/* empty css                                         */
+import _sfc_main$2 from "../_shared/components/IconButton/index.vue.js";
+/* empty css                                          */
 import _sfc_main$1 from "../_shared/components/PreventFocus/index.vue.js";
 /* empty css                                               */
 /* empty css                                   */

package/es/Input/InputSuffix.vue.js

@@ -1,6 +1,6 @@
 import { defineComponent, createBlock, openBlock, unref, withCtx, createElementBlock, createCommentVNode, renderSlot, toDisplayString } from "vue";
-import _sfc_main$2 from "../_shared/components/IconButton/index.vue2.js";
-/* empty css                                         */
+import _sfc_main$2 from "../_shared/components/IconButton/index.vue.js";
+/* empty css                                          */
 import _sfc_main$1 from "../_shared/components/PreventFocus/index.vue.js";
 import "../_shared/utils/dom.js";
 import "../node_modules/b-tween/dist/b-tween.es.js";

package/es/InputNumber/InputOperaBtn.vue.js

@@ -10,7 +10,7 @@ import "../node_modules/dayjs/plugin/isSameOrAfter.js";
 import "../node_modules/dayjs/plugin/isSameOrBefore.js";
 import "../_shared/utils/locale.js";
 import "../_shared/utils/time.js";
-/* empty css                                         */
+/* empty css                                          */
 /* empty css                                               */
 /* empty css                                   */
 import _sfc_main$2 from "../_shared/icons/IconMinus.vue2.js";

package/es/InputTag/index.vue.js

@@ -15,8 +15,8 @@ import { isObject, isBoolean } from "../_shared/utils/is.js";
 import "../_shared/utils/locale.js";
 import "../_shared/utils/time.js";
 import Tag from "../Tag/index.js";
-import _sfc_main$2 from "../_shared/components/IconButton/index.vue2.js";
-/* empty css                                         */
+import _sfc_main$2 from "../_shared/components/IconButton/index.vue.js";
+/* empty css                                          */
 import _sfc_main$1 from "../_shared/components/PreventFocus/index.vue.js";
 /* empty css                                               */
 /* empty css                                   */

package/es/Layout/LayoutSider.vue.js

@@ -9,7 +9,7 @@ import "../node_modules/dayjs/plugin/isSameOrAfter.js";
 import "../node_modules/dayjs/plugin/isSameOrBefore.js";
 import "../_shared/utils/locale.js";
 import "../_shared/utils/time.js";
-/* empty css                                         */
+/* empty css                                          */
 /* empty css                                               */
 /* empty css                                   */
 import _sfc_main$1 from "../_shared/icons/IconArrowRight.vue.js";

package/es/Link/index.css

@@ -1 +1 @@
-.yc-link{cursor:pointer;padding:1px 4px;line-height:1.5715;background-color:transparent;border:none;border-radius:var(--border-radius-small);font-size:14px;font-weight:400;transition:all .1s cubic-bezier(0, 0, 1, 1);display:inline-flex;justify-content:center;align-items:center;gap:6px}.yc-link .yc-link-icon{flex-shrink:0;color:inherit;font-size:12px;display:flex;justify-content:center;align-items:center}.yc-link .yc-link-icon .yc-spin{font-size:inherit;color:inherit}.yc-link-hoverable:hover{background-color:var(--color-fill-2)}.yc-link-hoverable:active{background-color:var(--color-fill-3)}.yc-link-disabled{cursor:not-allowed}.yc-link-loading{cursor:default;position:relative}.yc-link-status-normal{color:rgb(var(--primary-6))}.yc-link-status-normal.yc-link-loading,.yc-link-status-normal.yc-link-disabled{color:var(--color-link-light-3)}.yc-link-status-warning{color:rgb(var(--warning-6))}.yc-link-status-warning.yc-link-loading,.yc-link-status-warning.yc-link-disabled{color:var(--color-warning-light-3)}.yc-link-status-success{color:rgb(var(--success-6))}.yc-link-status-success.yc-link-loading,.yc-link-status-success.yc-link-disabled{color:var(--color-success-light-3)}.yc-link-status-danger{color:rgb(var(--danger-6))}.yc-link-status-danger.yc-link-loading,.yc-link-status-danger.yc-link-disabled{color:var(--color-danger-light-3)}
+.yc-link{cursor:pointer;padding:1px 4px;line-height:1.5715;background-color:transparent;border:none;border-radius:var(--border-radius-small);font-size:14px;font-weight:400;transition:all .1s cubic-bezier(0, 0, 1, 1);display:inline-flex;justify-content:center;align-items:center;gap:6px}.yc-link .yc-link-icon{flex-shrink:0;color:inherit;font-size:12px;display:flex;justify-content:center;align-items:center}.yc-link .yc-link-icon .yc-spin{font-size:inherit;color:inherit}.yc-link-hoverable:not(.yc-link-disabled):not(.yc-link-loading):hover{background-color:var(--color-fill-2)}.yc-link-hoverable:not(.yc-link-disabled):not(.yc-link-loading):active{background-color:var(--color-fill-3)}.yc-link-disabled{cursor:not-allowed}.yc-link-loading{cursor:default;position:relative}.yc-link-status-normal{color:rgb(var(--primary-6))}.yc-link-status-normal.yc-link-loading,.yc-link-status-normal.yc-link-disabled{color:var(--color-link-light-3)}.yc-link-status-warning{color:rgb(var(--warning-6))}.yc-link-status-warning.yc-link-loading,.yc-link-status-warning.yc-link-disabled{color:var(--color-warning-light-3)}.yc-link-status-success{color:rgb(var(--success-6))}.yc-link-status-success.yc-link-loading,.yc-link-status-success.yc-link-disabled{color:var(--color-success-light-3)}.yc-link-status-danger{color:rgb(var(--danger-6))}.yc-link-status-danger.yc-link-loading,.yc-link-status-danger.yc-link-disabled{color:var(--color-danger-light-3)}

package/es/Link/index.vue.js

@@ -9,7 +9,7 @@ import "../node_modules/dayjs/plugin/isSameOrAfter.js";
 import "../node_modules/dayjs/plugin/isSameOrBefore.js";
 import "../_shared/utils/locale.js";
 import "../_shared/utils/time.js";
-/* empty css                                         */
+/* empty css                                          */
 /* empty css                                               */
 /* empty css                                   */
 import _sfc_main$1 from "../_shared/icons/IconLink.vue.js";

package/es/Menu/Menu.vue.js

@@ -9,7 +9,7 @@ import "../node_modules/dayjs/plugin/isSameOrAfter.js";
 import "../node_modules/dayjs/plugin/isSameOrBefore.js";
 import "../_shared/utils/locale.js";
 import "../_shared/utils/time.js";
-/* empty css                                         */
+/* empty css                                          */
 /* empty css                                               */
 /* empty css                                   */
 import _sfc_main$2 from "../_shared/icons/IconMenuFold.vue.js";

package/es/Menu/MenuEllipsis.vue.js

@@ -10,7 +10,7 @@ import "../node_modules/dayjs/plugin/isSameOrAfter.js";
 import "../node_modules/dayjs/plugin/isSameOrBefore.js";
 import "../_shared/utils/locale.js";
 import "../_shared/utils/time.js";
-/* empty css                                         */
+/* empty css                                          */
 /* empty css                                               */
 /* empty css                                   */
 import _sfc_main$1 from "../_shared/icons/IconMore.vue.js";

package/es/Menu/SubMenu.vue.js

@@ -11,7 +11,7 @@ import "../node_modules/dayjs/plugin/isSameOrAfter.js";
 import "../node_modules/dayjs/plugin/isSameOrBefore.js";
 import "../_shared/utils/locale.js";
 import "../_shared/utils/time.js";
-/* empty css                                         */
+/* empty css                                          */
 import _sfc_main$3 from "../_shared/components/ExpandTransition/index.vue2.js";
 /* empty css                                               */
 /* empty css                                   */

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

@@ -0,0 +1,13 @@
+import { Ref } from 'vue';
+import { Direction } from '../../_shared/type';
+import { MenuTreeNode } from './useContext';
+interface UseCalcMaxMenuItemProps {
+    menuRef: Ref<HTMLDivElement | undefined>;
+    menuTree: Ref<MenuTreeNode[]>;
+    menuItemWidths: Ref<number[]>;
+    mode: Ref<Direction>;
+}
+export default function useCalcMaxMenuItem({ menuRef, menuTree, menuItemWidths, mode, }: UseCalcMaxMenuItemProps): {
+    max: Ref<number, number>;
+};
+export {};

package/es/Menu/hooks/useCalcMaxMenuItems.js

@@ -0,0 +1,84 @@
+import { ref, computed, watchEffect, watch } from "vue";
+import { throttle } from "../../_shared/utils/dom.js";
+import { useResizeObserver, unrefElement } from "../../node_modules/@vueuse/core/index.js";
+import "../../node_modules/b-tween/dist/b-tween.es.js";
+import "../../node_modules/dayjs/dayjs.min.js";
+import "../../node_modules/tinycolor2/esm/tinycolor.js";
+import "../../node_modules/dayjs/plugin/duration.js";
+import "../../node_modules/dayjs/plugin/toObject.js";
+import "../../node_modules/dayjs/plugin/isSameOrAfter.js";
+import "../../node_modules/dayjs/plugin/isSameOrBefore.js";
+import "../../_shared/utils/locale.js";
+import "../../_shared/utils/time.js";
+function useCalcMaxMenuItem({
+  menuRef,
+  menuTree,
+  menuItemWidths,
+  mode
+}) {
+  const max = ref(1e6);
+  const totalItems = computed(() => menuTree.value.length);
+  const ellipsisWidth = 58;
+  const ITEM_HORIZONTAL_GAP = 12;
+  const calculateMaxFitItems = (availableSpace) => {
+    let currentWidth = 0;
+    let count = 0;
+    for (let i = 0; i < totalItems.value; i++) {
+      const itemWidth = menuItemWidths.value[i];
+      if (itemWidth === void 0) {
+        return count;
+      }
+      const gap = i > 0 ? ITEM_HORIZONTAL_GAP : 0;
+      const itemTotalOccupiedWidth = itemWidth + gap;
+      if (currentWidth + itemTotalOccupiedWidth <= availableSpace) {
+        currentWidth += itemTotalOccupiedWidth;
+        count++;
+      } else {
+        break;
+      }
+    }
+    return count;
+  };
+  const updateMaxItems = () => {
+    const menuElement = unrefElement(menuRef);
+    if (!menuElement || mode.value !== "horizontal") {
+      max.value = menuTree.value.length;
+      return;
+    }
+    const style = window.getComputedStyle(menuElement);
+    const paddingLeft = parseFloat(style.paddingLeft) || 0;
+    const paddingRight = parseFloat(style.paddingRight) || 0;
+    const menuContentWidth = menuElement.clientWidth - paddingLeft - paddingRight;
+    let maxCount = calculateMaxFitItems(menuContentWidth);
+    if (maxCount < totalItems.value) {
+      const availableSpaceWithEllipsis = menuContentWidth - ellipsisWidth;
+      maxCount = calculateMaxFitItems(availableSpaceWithEllipsis);
+    }
+    max.value = Math.max(0, Math.min(maxCount, totalItems.value));
+  };
+  watchEffect((onCleanup) => {
+    if (mode.value === "horizontal") {
+      const { stop: stopResizeObserver } = useResizeObserver(
+        menuRef,
+        throttle(updateMaxItems, 200)
+      );
+      const unwatchWidths = watch(menuItemWidths, updateMaxItems, {
+        deep: true
+      });
+      const unwatchTree = watch(() => menuTree.value.length, updateMaxItems);
+      onCleanup(() => {
+        stopResizeObserver();
+        unwatchWidths();
+        unwatchTree();
+      });
+    } else {
+      updateMaxItems();
+    }
+  });
+  return {
+    max
+  };
+}
+export {
+  useCalcMaxMenuItem as default
+};

package/es/Menu/hooks/useContext.js

@@ -1,6 +1,5 @@
 import { toRefs, computed, useSlots, ref, provide, inject, isVNode } from "vue";
-import { throttle, valueToPx } from "../../_shared/utils/dom.js";
-import { useResizeObserver } from "../../node_modules/@vueuse/core/index.js";
+import { valueToPx } from "../../_shared/utils/dom.js";
 import { nanoid } from "../../node_modules/nanoid/index.browser.js";
 import "../../node_modules/b-tween/dist/b-tween.es.js";
 import "../../node_modules/dayjs/dayjs.min.js";
@@ -13,6 +12,7 @@ import { isUndefined, isBoolean, isNumber, isObject, isFunction } from "../../_s
 import { useControlValue } from "../../_shared/utils/hooks.js";
 import "../../_shared/utils/locale.js";
 import "../../_shared/utils/time.js";
+import useCalcMaxMenuItem from "./useCalcMaxMenuItems.js";
 import useLayoutContext from "../../Layout/hooks/useSiderContext.js";
 import _sfc_main from "../SubMenu.vue.js";
 /* empty css              */
@@ -187,30 +187,15 @@ function useMenuContext() {
     });
     const menuItemWidths = ref([]);
     const menuTree = computed(() => buildMenuTree(menuTreeNodes.value));
-    const max = ref(1e6);
     const theme = computed(() => {
       return _theme.value || siderTheme.value || "light";
     });
-    if (mode.value == "horizontal") {
-      useResizeObserver(
-        menuRef,
-        throttle(() => {
-          const menuWidth = menuRef.value.offsetWidth - 52;
-          let maxCount = 0;
-          let totalWidth = 0;
-          for (let i = 0; i < menuTree.value.length; i++) {
-            const gap = i > 0 ? 4 : 0;
-            const curWidth = totalWidth + gap + menuItemWidths.value[i];
-            if (curWidth > menuWidth) {
-              break;
-            }
-            totalWidth = curWidth;
-            maxCount++;
-          }
-          max.value = maxCount;
-        }, 200)
-      );
-    }
+    const { max } = useCalcMaxMenuItem({
+      menuRef,
+      menuItemWidths,
+      menuTree,
+      mode
+    });
     provide(MENU_CONTEXT_KEY, {
       computedSelectedKeys,
       computedOpenKeys,

package/es/Message/Message.vue.js

@@ -11,8 +11,8 @@ import "../node_modules/dayjs/plugin/isSameOrBefore.js";
 import { isUndefined } from "../_shared/utils/is.js";
 import "../_shared/utils/locale.js";
 import "../_shared/utils/time.js";
-import _sfc_main$1 from "../_shared/components/IconButton/index.vue2.js";
-/* empty css                                         */
+import _sfc_main$1 from "../_shared/components/IconButton/index.vue.js";
+/* empty css                                          */
 /* empty css                                               */
 /* empty css                                   */
 import { useTimeoutFn } from "../node_modules/@vueuse/shared/index.js";

package/es/Modal/Modal.vue.js

@@ -13,8 +13,8 @@ import "../_shared/utils/time.js";
 import useModalClose from "./hooks/useModalClose.js";
 import useModalDraggable from "./hooks/useModalDraggable.js";
 import Button from "../Button/index.js";
-import _sfc_main$1 from "../_shared/components/IconButton/index.vue2.js";
-/* empty css                                         */
+import _sfc_main$1 from "../_shared/components/IconButton/index.vue.js";
+/* empty css                                          */
 /* empty css                                               */
 /* empty css                                   */
 const _hoisted_1 = {

package/es/Notification/Notification.vue.js

@@ -12,8 +12,8 @@ import { isUndefined, isFunction } from "../_shared/utils/is.js";
 import "../_shared/utils/locale.js";
 import "../_shared/utils/time.js";
 import { getSlotFunction } from "../_shared/utils/vue-utils.js";
-import _sfc_main$1 from "../_shared/components/IconButton/index.vue2.js";
-/* empty css                                         */
+import _sfc_main$1 from "../_shared/components/IconButton/index.vue.js";
+/* empty css                                          */
 /* empty css                                               */
 /* empty css                                   */
 import { useTimeoutFn } from "../node_modules/@vueuse/shared/index.js";

package/es/PageHeader/index.vue.js

@@ -1,6 +1,6 @@
 import { defineComponent, useSlots, createElementBlock, openBlock, createElementVNode, createCommentVNode, renderSlot, createVNode, createBlock, unref, withCtx, createTextVNode, toDisplayString } from "vue";
-import _sfc_main$1 from "../_shared/components/IconButton/index.vue2.js";
-/* empty css                                         */
+import _sfc_main$1 from "../_shared/components/IconButton/index.vue.js";
+/* empty css                                          */
 import "../_shared/utils/dom.js";
 import "../node_modules/b-tween/dist/b-tween.es.js";
 import "../node_modules/dayjs/dayjs.min.js";

package/es/Pagination/PaginationItem.vue.js

@@ -9,7 +9,7 @@ import "../node_modules/dayjs/plugin/isSameOrAfter.js";
 import "../node_modules/dayjs/plugin/isSameOrBefore.js";
 import "../_shared/utils/locale.js";
 import "../_shared/utils/time.js";
-/* empty css                                         */
+/* empty css                                          */
 /* empty css                                               */
 /* empty css                                   */
 import _sfc_main$1 from "../_shared/icons/IconArrowRight.vue.js";

package/es/Progress/ProgressCircle.vue.js

@@ -10,7 +10,7 @@ import "../node_modules/dayjs/plugin/isSameOrBefore.js";
 import { isObject } from "../_shared/utils/is.js";
 import "../_shared/utils/locale.js";
 import "../_shared/utils/time.js";
-/* empty css                                         */
+/* empty css                                          */
 /* empty css                                               */
 /* empty css                                   */
 import _sfc_main$1 from "../_shared/icons/IconCheck.vue.js";