yc-design-vue 2.1.6 → 2.1.8

package/es/Input/InputSuffix.vue.js

@@ -1,8 +1,7 @@
 import { defineComponent, createBlock, openBlock, unref, withCtx, createElementBlock, createCommentVNode, renderSlot, toDisplayString } from "vue";
-import _sfc_main$2 from "../_shared/components/IconButton/index.vue.js";
-/* empty css                                          */
+import _sfc_main$2 from "../_shared/components/IconButton/index.vue2.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";
 import "../node_modules/dayjs/dayjs.min.js";
 import "../node_modules/tinycolor2/esm/tinycolor.js";
@@ -10,6 +9,7 @@ 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/dom.js";
 import "../_shared/utils/locale.js";
 import "../_shared/utils/time.js";
 /* empty css                                               */

package/es/Input/hooks/useLimitedInput.js

@@ -1,5 +1,4 @@
 import { toRefs, computed, ref, nextTick } from "vue";
-import "../../_shared/utils/dom.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";
@@ -7,6 +6,7 @@ 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/dom.js";
 import { isNumber, isFunction, isUndefined } from "../../_shared/utils/is.js";
 import { useControlValue } from "../../_shared/utils/hooks.js";
 import "../../_shared/utils/locale.js";

package/es/InputNumber/InputNumber.vue.js

@@ -1,5 +1,4 @@
 import { defineComponent, useSlots, toRefs, ref, computed, createBlock, openBlock, unref, createSlots, withCtx, renderSlot, createElementVNode, createVNode } from "vue";
-import { sleep } from "../_shared/utils/dom.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";
@@ -7,6 +6,7 @@ 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 { sleep } from "../_shared/utils/dom.js";
 import { isString, isFunction, isNumber } from "../_shared/utils/is.js";
 import { useControlValue } from "../_shared/utils/hooks.js";
 import "../_shared/utils/locale.js";

package/es/InputNumber/InputOperaBtn.vue.js

@@ -1,6 +1,5 @@
 import { defineComponent, toRefs, computed, createBlock, openBlock, unref, normalizeClass, withCtx, renderSlot, createElementBlock, Fragment } from "vue";
 import _sfc_main$1 from "../_shared/icons/IconArrowDown.vue.js";
-import "../_shared/utils/dom.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";
@@ -8,9 +7,10 @@ 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/dom.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

@@ -1,5 +1,4 @@
 import { defineComponent, useSlots, toRefs, ref, computed, createElementBlock, openBlock, normalizeClass, unref, createBlock, createCommentVNode, createElementVNode, createVNode, withCtx, renderSlot, toDisplayString, TransitionGroup, withDirectives, Fragment, renderList, createTextVNode, withKeys, normalizeStyle, isRef, vModelText } from "vue";
-import { valueToPx } from "../_shared/utils/dom.js";
 import { useElementSize } from "../node_modules/@vueuse/core/index.js";
 import { nanoid } from "../node_modules/nanoid/index.browser.js";
 import "../node_modules/b-tween/dist/b-tween.es.js";
@@ -9,14 +8,15 @@ 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 { valueToPx } from "../_shared/utils/dom.js";
 import { getGlobalConfig } from "../_shared/utils/global-config.js";
 import { useControlValue } from "../_shared/utils/hooks.js";
 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.vue.js";
-/* empty css                                          */
+import _sfc_main$2 from "../_shared/components/IconButton/index.vue2.js";
+/* empty css                                         */
 import _sfc_main$1 from "../_shared/components/PreventFocus/index.vue.js";
 /* empty css                                               */
 /* empty css                                   */

package/es/Layout/Layout.vue.js

@@ -1,5 +1,4 @@
 import { defineComponent, useSlots, toRefs, computed, createElementBlock, openBlock, normalizeClass, renderSlot } from "vue";
-import "../_shared/utils/dom.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";
@@ -7,6 +6,7 @@ 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/dom.js";
 import { isUndefined } from "../_shared/utils/is.js";
 import "../_shared/utils/locale.js";
 import "../_shared/utils/time.js";

package/es/Layout/LayoutSider.vue.js

@@ -1,5 +1,4 @@
 import { defineComponent, toRefs, ref, computed, createBlock, createElementBlock, openBlock, unref, normalizeClass, withCtx, createElementVNode, createCommentVNode, renderSlot, createVNode, normalizeStyle } from "vue";
-import { mediaQueryHandler, valueToPx } from "../_shared/utils/dom.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";
@@ -7,9 +6,10 @@ 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 { mediaQueryHandler, valueToPx } from "../_shared/utils/dom.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/Layout/hooks/useSiderContext.js

@@ -1,5 +1,4 @@
 import { toRefs, computed, provide, inject, ref } from "vue";
-import "../../_shared/utils/dom.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";
@@ -7,6 +6,7 @@ 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/dom.js";
 import { useControlValue } from "../../_shared/utils/hooks.js";
 import "../../_shared/utils/locale.js";
 import "../../_shared/utils/time.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

@@ -1,5 +1,4 @@
 import { defineComponent, useSlots, toRefs, computed, createElementBlock, openBlock, normalizeClass, unref, createCommentVNode, renderSlot, createBlock } from "vue";
-import "../_shared/utils/dom.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";
@@ -7,9 +6,10 @@ 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/dom.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/List/List.vue.js

@@ -1,5 +1,4 @@
 import { defineComponent, useSlots, toRefs, ref, computed, createElementBlock, openBlock, normalizeClass, unref, createVNode, withCtx, createBlock, createCommentVNode, normalizeStyle, createElementVNode, renderSlot, createSlots, normalizeProps, guardReactiveProps, Fragment, renderList, resolveDynamicComponent, isRef } from "vue";
-import { valueToPx } from "../_shared/utils/dom.js";
 import { 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";
@@ -8,6 +7,7 @@ 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 { valueToPx } from "../_shared/utils/dom.js";
 import { getGlobalConfig } from "../_shared/utils/global-config.js";
 import { useControlValue } from "../_shared/utils/hooks.js";
 import "../_shared/utils/locale.js";

package/es/List/ListVirtual.vue.js

@@ -1,5 +1,4 @@
 import { defineComponent, toRefs, createElementBlock, openBlock, mergeProps, unref, createElementVNode, Fragment, renderList, renderSlot } from "vue";
-import "../_shared/utils/dom.js";
 import { useVirtualList } from "../node_modules/@vueuse/core/index.js";
 import "../node_modules/b-tween/dist/b-tween.es.js";
 import "../node_modules/dayjs/dayjs.min.js";
@@ -8,6 +7,7 @@ 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/dom.js";
 import "../_shared/utils/locale.js";
 import "../_shared/utils/time.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({

package/es/List/hooks/useScrollReach.js

@@ -1,4 +1,3 @@
-import { debounce } from "../../_shared/utils/dom.js";
 import { useScroll } from "../../node_modules/@vueuse/core/index.js";
 import "../../node_modules/b-tween/dist/b-tween.es.js";
 import "../../node_modules/dayjs/dayjs.min.js";
@@ -7,6 +6,7 @@ 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 { debounce } from "../../_shared/utils/dom.js";
 import "vue";
 import "../../_shared/utils/locale.js";
 import "../../_shared/utils/time.js";

package/es/Mention/index.vue.js

@@ -1,5 +1,4 @@
 import { defineComponent, useSlots, toRefs, ref, computed, onMounted, createBlock, openBlock, unref, mergeProps, isRef, createSlots, withCtx, renderSlot, nextTick } from "vue";
-import "../_shared/utils/dom.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";
@@ -7,6 +6,7 @@ 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/dom.js";
 import { isArray, isNull } from "../_shared/utils/is.js";
 import { useControlValue } from "../_shared/utils/hooks.js";
 import "../_shared/utils/locale.js";

package/es/Menu/Menu.vue.js

@@ -1,5 +1,4 @@
 import { defineComponent, ref, createElementBlock, openBlock, normalizeStyle, normalizeClass, unref, createElementVNode, createCommentVNode, renderSlot, createBlock } from "vue";
-import { mediaQueryHandler } from "../_shared/utils/dom.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";
@@ -7,9 +6,10 @@ 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 { mediaQueryHandler } from "../_shared/utils/dom.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

@@ -1,6 +1,5 @@
 import { defineComponent, computed, createElementBlock, openBlock, normalizeClass, createVNode, unref, withCtx, createElementVNode, Fragment, renderList, createBlock } from "vue";
 import _sfc_main$2 from "../_shared/icons/IconArrowDown.vue.js";
-import "../_shared/utils/dom.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";
@@ -8,9 +7,10 @@ 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/dom.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/MenuItem.vue.js

@@ -1,5 +1,4 @@
 import { defineComponent, useSlots, toRefs, useAttrs, computed, ref, onMounted, createElementBlock, createCommentVNode, unref, openBlock, normalizeClass, createVNode, createBlock, withCtx, createElementVNode, withDirectives, normalizeStyle, renderSlot, vShow, Fragment, renderList, resolveDynamicComponent } from "vue";
-import { valueToPx } from "../_shared/utils/dom.js";
 import { createReusableTemplate } from "../node_modules/@vueuse/core/index.js";
 import "../node_modules/b-tween/dist/b-tween.es.js";
 import "../node_modules/dayjs/dayjs.min.js";
@@ -8,6 +7,7 @@ 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 { valueToPx } from "../_shared/utils/dom.js";
 import { isUndefined } from "../_shared/utils/is.js";
 import "../_shared/utils/locale.js";
 import "../_shared/utils/time.js";
@@ -171,7 +171,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               }, [
                 renderSlot(_ctx.$slots, "default")
               ], 2), [
-                [vShow, !unref(computedCollapsed)]
+                [vShow, !unref(computedCollapsed) || !$slots.icon]
               ]),
               $slots.suffix ? withDirectives((openBlock(), createElementBlock("div", _hoisted_2, [
                 renderSlot(_ctx.$slots, "suffix")

package/es/Menu/MenuItemGroup.vue.js

@@ -1,5 +1,4 @@
 import { defineComponent, createElementBlock, openBlock, normalizeClass, unref, createElementVNode, renderSlot, createTextVNode, toDisplayString, normalizeStyle } from "vue";
-import { valueToPx } from "../_shared/utils/dom.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";
@@ -7,6 +6,7 @@ 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 { valueToPx } from "../_shared/utils/dom.js";
 import "../_shared/utils/locale.js";
 import "../_shared/utils/time.js";
 import useMenuContext from "./hooks/useContext.js";

package/es/Menu/SubMenu.vue.js

@@ -1,7 +1,6 @@
 import { defineComponent, useSlots, createElementBlock, openBlock, normalizeClass, unref, createVNode, createSlots, withCtx, renderSlot, createTextVNode, toDisplayString, withDirectives, createElementVNode, vShow } from "vue";
 import useMenuContext from "./hooks/useContext.js";
 import _sfc_main$2 from "../_shared/icons/IconArrowDown.vue.js";
-import "../_shared/utils/dom.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";
@@ -9,9 +8,10 @@ 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/dom.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 { 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 { throttle } from "../../_shared/utils/dom.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.d.ts

@@ -33,7 +33,7 @@ export type MenuTreeNode = {
     label: () => any;
     children?: MenuTreeNode[];
 };
-export declare function FlattenMenuTree(vnodes: VNode[], componentName: string[]): MenuTreeNode[];
+export declare function flattenMenuTree(vnodes: VNode[], componentName: string[]): MenuTreeNode[];
 export declare function buildMenuTree(flatData: MenuTreeNode[]): MenuTreeNode[];
 export declare function isMenuItemActive(menuTree: MenuTreeNode[], currentPath: string, activePath: string): boolean;
 export declare const getPopupMaxHeight: (popupMaxHeight: PopupMaxHeight) => number | undefined;

package/es/Menu/hooks/useContext.js

@@ -1,6 +1,4 @@
 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 { 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";
@@ -9,17 +7,19 @@ 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 { valueToPx } from "../../_shared/utils/dom.js";
 import { isUndefined, isBoolean, isNumber, isObject, isFunction } from "../../_shared/utils/is.js";
 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              */
 import _sfc_main$1 from "../MenuItem.vue.js";
 /* empty css               */
 const MENU_CONTEXT_KEY = "menu-context";
-function FlattenMenuTree(vnodes, componentName) {
+function flattenMenuTree(vnodes, componentName) {
   const result = [];
   const traverse = (nodes, parentId = null, depth = 0) => {
     var _a, _b, _c;
@@ -176,41 +176,23 @@ function useMenuContext() {
     });
     const slots = useSlots();
     const menuTreeNodes = computed(() => {
-      var _a, _b;
-      console.log((_a = slots.default) == null ? void 0 : _a.call(slots), "slots.default?.()");
-      const result = FlattenMenuTree(((_b = slots.default) == null ? void 0 : _b.call(slots)) || [], [
+      var _a;
+      return flattenMenuTree(((_a = slots.default) == null ? void 0 : _a.call(slots)) || [], [
         _sfc_main.name ?? "",
         _sfc_main$1.name ?? ""
       ]);
-      console.log(result, "result");
-      return result;
     });
     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,
@@ -271,9 +253,9 @@ function useMenuContext() {
   };
 }
 export {
-  FlattenMenuTree,
   buildMenuTree,
   useMenuContext as default,
+  flattenMenuTree,
   getPopupMaxHeight,
   isMenuItemActive
 };

package/es/Message/Message.vue.js

@@ -1,6 +1,5 @@
 import { defineComponent, toRefs, watch, onMounted, createElementBlock, openBlock, normalizeClass, unref, createCommentVNode, createElementVNode, createBlock, resolveDynamicComponent, toDisplayString, createVNode } from "vue";
 import { TYPE_ICON_MAP } from "../_shared/constants/index.js";
-import "../_shared/utils/dom.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";
@@ -8,11 +7,12 @@ 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/dom.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.vue.js";
-/* empty css                                          */
+import _sfc_main$1 from "../_shared/components/IconButton/index.vue2.js";
+/* empty css                                         */
 /* empty css                                               */
 /* empty css                                   */
 import { useTimeoutFn } from "../node_modules/@vueuse/shared/index.js";

package/es/Message/index.js

@@ -1,5 +1,4 @@
 import { reactive, render, h, nextTick } from "vue";
-import "../_shared/utils/dom.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";
@@ -7,6 +6,7 @@ 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/dom.js";
 import { isString } from "../_shared/utils/is.js";
 import "../_shared/utils/locale.js";
 import "../_shared/utils/time.js";

package/es/Modal/Modal.vue.js

@@ -1,5 +1,4 @@
 import { defineComponent, toRefs, ref, computed, createBlock, openBlock, Teleport, unref, withDirectives, createCommentVNode, createElementBlock, normalizeStyle, normalizeClass, createVNode, createElementVNode, Transition, withCtx, vShow, withModifiers, renderSlot, createTextVNode, toDisplayString, mergeProps } from "vue";
-import { valueToPx } from "../_shared/utils/dom.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";
@@ -7,14 +6,15 @@ 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 { valueToPx } from "../_shared/utils/dom.js";
 import { getGlobalConfig } from "../_shared/utils/global-config.js";
 import { useI18n } from "../_shared/utils/locale.js";
 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.vue.js";
-/* empty css                                          */
+import _sfc_main$1 from "../_shared/components/IconButton/index.vue2.js";
+/* empty css                                         */
 /* empty css                                               */
 /* empty css                                   */
 const _hoisted_1 = {

package/es/Modal/ModalService.vue.js

@@ -1,5 +1,4 @@
 import { defineComponent, ref, onMounted, createBlock, openBlock, mergeProps, withCtx, createElementVNode, resolveDynamicComponent, unref, createElementBlock, createCommentVNode } from "vue";
-import "../_shared/utils/dom.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";
@@ -7,6 +6,7 @@ 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/dom.js";
 import "../_shared/utils/locale.js";
 import "../_shared/utils/time.js";
 import { getSlotFunction } from "../_shared/utils/vue-utils.js";

package/es/Modal/hooks/useModalClose.js

@@ -1,5 +1,4 @@
 import { ref, watch, nextTick } from "vue";
-import "../../_shared/utils/dom.js";
 import { onKeyStroke } from "../../node_modules/@vueuse/core/index.js";
 import "../../node_modules/b-tween/dist/b-tween.es.js";
 import "../../node_modules/dayjs/dayjs.min.js";
@@ -8,6 +7,7 @@ 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/dom.js";
 import { useControlValue } from "../../_shared/utils/hooks.js";
 import "../../_shared/utils/locale.js";
 import "../../_shared/utils/time.js";