@sdata/web-vue 3.30.0 → 4.1.0

package/es/menu/item.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,147 @@
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/objectSpread2.js";
+import { isActivationKey } from "../_utils/keyboard.js";
+import { omit } from "../_utils/omit.js";
+import Tooltip from "../tooltip/index.js";
+import Ellipsis from "../ellipsis/index.js";
+import useLevel from "./hooks/use-level.js";
+import useMenuContext from "./hooks/use-menu-context.js";
+import indent_default from "./indent.js";
+import useMenu from "./hooks/use-menu.js";
+import { useMenuDataCollectorContext } from "./hooks/use-menu-data-collector.js";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, mergeProps, normalizeClass, onMounted, onUnmounted, openBlock, ref, renderSlot, unref, useSlots, watch, withCtx } from "vue";
+import { createReusableTemplate } from "@vueuse/core";
+import scrollIntoView from "scroll-into-view-if-needed";
+//#region components/menu/item.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = [
+	"tabindex",
+	"aria-disabled",
+	"aria-current"
+];
+var item_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent(_objectSpread2(_objectSpread2({}, {
+	name: "MenuItem",
+	inheritAttrs: false
+}), {}, {
+	__name: "item",
+	props: { 
+	/**
+	* @zh 是否禁用
+	* @en Whether to disable
+	*/
+disabled: {
+		type: Boolean,
+		default: false
+	} },
+	emits: ["click"],
+	setup(__props, { expose: __expose, emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const { key } = useMenu();
+		const { level } = useLevel();
+		const menuContext = useMenuContext();
+		const menuDataCollector = useMenuDataCollectorContext();
+		const slots = useSlots();
+		const refItemElement = ref();
+		const [DefineItemElement, ReuseItemElement] = createReusableTemplate();
+		const prefixCls = computed(() => menuContext.prefixCls);
+		const isSelected = computed(() => (menuContext.selectedKeys || []).includes(key.value));
+		const needTooltip = computed(() => Boolean(menuContext.collapsed && !menuContext.inTrigger && level.value === 1));
+		const showIndent = computed(() => Boolean(menuContext.mode === "vertical" && level.value > 1) && !menuContext.inTrigger && !menuContext.collapsed);
+		const titleClassNames = computed(() => [`${prefixCls.value}-item-inner`, { [`${prefixCls.value}-title`]: Boolean(slots.icon) }]);
+		const tooltipClassNames = computed(() => {
+			var _menuContext$tooltipP;
+			return [`${prefixCls.value}-item-tooltip`, (_menuContext$tooltipP = menuContext.tooltipProps) === null || _menuContext$tooltipP === void 0 ? void 0 : _menuContext$tooltipP.class].filter(Boolean);
+		});
+		const scrollTo = () => {
+			if (menuContext.autoScrollIntoView && refItemElement.value && isSelected.value) scrollIntoView(refItemElement.value, _objectSpread2({
+				behavior: "smooth",
+				block: "nearest",
+				scrollMode: "if-needed",
+				boundary: document.documentElement
+			}, menuContext.scrollConfig));
+		};
+		const onClick = (event) => {
+			var _menuContext$onMenuIt;
+			if (props.disabled) return;
+			(_menuContext$onMenuIt = menuContext.onMenuItemClick) === null || _menuContext$onMenuIt === void 0 || _menuContext$onMenuIt.call(menuContext, key.value);
+			emit("click", event);
+		};
+		const onKeydown = (event) => {
+			if (isActivationKey(event)) {
+				event.preventDefault();
+				onClick(event);
+			}
+		};
+		let timer;
+		onMounted(() => {
+			menuDataCollector === null || menuDataCollector === void 0 || menuDataCollector.collectMenuItem(key.value);
+			timer = setTimeout(scrollTo, 500);
+		});
+		onUnmounted(() => {
+			menuDataCollector === null || menuDataCollector === void 0 || menuDataCollector.removeMenuItem(key.value);
+			clearTimeout(timer);
+		});
+		watch([isSelected], scrollTo);
+		__expose({
+			menuContext,
+			level,
+			isSelected,
+			refItemElement,
+			onClick
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock(Fragment, null, [createVNode(unref(DefineItemElement), null, {
+				default: withCtx(() => [createElementVNode("div", mergeProps({
+					ref_key: "refItemElement",
+					ref: refItemElement,
+					role: "menuitem",
+					tabindex: __props.disabled ? void 0 : 0,
+					"aria-disabled": __props.disabled || void 0,
+					"aria-current": isSelected.value ? "page" : void 0,
+					class: [`${prefixCls.value}-item`, {
+						[`${prefixCls.value}-disabled`]: __props.disabled,
+						[`${prefixCls.value}-selected`]: isSelected.value,
+						[`${prefixCls.value}-has-icon`]: Boolean(_ctx.$slots.icon),
+						[`${prefixCls.value}-item-indented`]: showIndent.value
+					}]
+				}, _ctx.$attrs, {
+					onClick,
+					onKeydown
+				}), [
+					showIndent.value ? (openBlock(), createBlock(indent_default, {
+						key: 0,
+						level: unref(level)
+					}, null, 8, ["level"])) : createCommentVNode("", true),
+					_ctx.$slots.icon ? (openBlock(), createElementBlock("span", {
+						key: 1,
+						class: normalizeClass(`${prefixCls.value}-icon`)
+					}, [renderSlot(_ctx.$slots, "icon")], 2)) : createCommentVNode("", true),
+					unref(menuContext).ellipsis ? (openBlock(), createElementBlock("span", {
+						key: 2,
+						class: normalizeClass([titleClassNames.value, `${prefixCls.value}-ellipsis-wrapper`])
+					}, [createVNode(unref(Ellipsis), mergeProps({ class: `${prefixCls.value}-ellipsis` }, unref(menuContext).ellipsisProps || {}), {
+						default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+						_: 3
+					}, 16, ["class"])], 2)) : showIndent.value || _ctx.$slots.icon ? (openBlock(), createElementBlock("span", {
+						key: 3,
+						class: normalizeClass(titleClassNames.value)
+					}, [renderSlot(_ctx.$slots, "default")], 2)) : renderSlot(_ctx.$slots, "default", {}, void 0, void 0, 4),
+					isSelected.value && unref(menuContext).mode === "horizontal" ? (openBlock(), createElementBlock("div", {
+						key: 5,
+						class: normalizeClass(`${prefixCls.value}-selected-label`)
+					}, null, 2)) : createCommentVNode("", true)
+				], 16, _hoisted_1)]),
+				_: 3
+			}), needTooltip.value ? (openBlock(), createBlock(unref(Tooltip), mergeProps({
+				key: 0,
+				position: "right",
+				class: tooltipClassNames.value
+			}, unref(omit)(unref(menuContext).tooltipProps || {}, ["class"])), {
+				content: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				default: withCtx(() => [createVNode(unref(ReuseItemElement))]),
+				_: 3
+			}, 16, ["class"])) : (openBlock(), createBlock(unref(ReuseItemElement), { key: 1 }))], 64);
+		};
+	}
+}));
+//#endregion
+export { item_vue_vue_type_script_setup_true_lang_default as default };

package/es/menu/menu.js

@@ -1,59 +1,5 @@
-import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/objectSpread2.js";
-import { SiderContextInjectionKey } from "../layout/context.js";
-import { LevelInjectionKey, MenuInjectionKey } from "./context.js";
-import base_menu_default from "./base-menu.js";
-import overflow_wrap_default from "./overflow-wrap.js";
-import { computed, createVNode, defineComponent, inject, mergeProps, provide, toRefs } from "vue";
-//#region components/menu/menu.tsx
-var menu_default = /* @__PURE__ */ defineComponent({
-	name: "Menu",
-	components: { BaseMenu: base_menu_default },
-	inheritAttrs: false,
-	props: {
-		/** 菜单风格 */
-		theme: { type: String },
-		mode: {
-			type: String,
-			default: "vertical"
-		},
-		ellipsis: {
-			type: Boolean,
-			default: false
-		},
-		ellipsisProps: {
-			type: Object,
-			default: void 0
-		},
-		floatingOptions: { type: Object }
-	},
-	setup(props, { attrs, slots }) {
-		const { theme: propTheme, mode } = toRefs(props);
-		const siderContext = inject(SiderContextInjectionKey, void 0);
-		const siderCollapsed = computed(() => (siderContext === null || siderContext === void 0 ? void 0 : siderContext.siderCollapsed) || false);
-		const siderRailCollapsed = computed(() => (siderContext === null || siderContext === void 0 ? void 0 : siderContext.siderRail) || false);
-		const siderMenuCollapsed = computed(() => siderCollapsed.value || siderRailCollapsed.value);
-		const siderRailCls = computed(() => (siderContext === null || siderContext === void 0 ? void 0 : siderContext.siderRail) ? "sd-menu-in-sider-rail" : "");
-		const siderMenuCollapsedWidth = computed(() => {
-			if (!(siderContext === null || siderContext === void 0 ? void 0 : siderContext.siderRail)) return void 0;
-			const railWidth = siderContext === null || siderContext === void 0 ? void 0 : siderContext.siderRailWidth;
-			return typeof railWidth === "number" ? railWidth : 72;
-		});
-		const theme = computed(() => (propTheme === null || propTheme === void 0 ? void 0 : propTheme.value) || (siderContext === null || siderContext === void 0 ? void 0 : siderContext.theme) || "light");
-		provide(MenuInjectionKey, void 0);
-		provide(LevelInjectionKey, void 0);
-		return () => {
-			return createVNode(base_menu_default, mergeProps(props, siderMenuCollapsedWidth.value !== void 0 ? { collapsedWidth: siderMenuCollapsedWidth.value } : {}, attrs, {
-				"class": [attrs.class, siderRailCls.value].filter(Boolean).join(" ") || void 0,
-				"theme": theme.value,
-				"inTrigger": false,
-				"siderCollapsed": siderMenuCollapsed.value,
-				"isRoot": true
-			}), _objectSpread2(_objectSpread2({}, slots), {}, { default: mode.value === "horizontal" && slots.default ? () => createVNode(overflow_wrap_default, null, { default: () => {
-				var _slots$default;
-				return [(_slots$default = slots.default) === null || _slots$default === void 0 ? void 0 : _slots$default.call(slots)];
-			} }) : slots.default }));
-		};
-	}
-});
+import menu_vue_vue_type_script_setup_true_lang_default from "./menu.vue_vue_type_script_setup_true_lang.js";
+//#region components/menu/menu.vue
+var menu_default = menu_vue_vue_type_script_setup_true_lang_default;
 //#endregion
 export { menu_default as default };

package/es/menu/menu.vue.d.ts

@@ -0,0 +1,66 @@
+import { type PropType } from 'vue';
+import type { FloatingOptions } from '../_utils/floating';
+import type { EllipsisTooltipProps } from '../ellipsis';
+declare var __VLS_10: string, __VLS_11: any, __VLS_20: {}, __VLS_22: {};
+type __VLS_Slots = {} & {
+    [K in NonNullable<typeof __VLS_10>]?: (props: typeof __VLS_11) => any;
+} & {
+    default?: (props: typeof __VLS_20) => any;
+} & {
+    default?: (props: typeof __VLS_22) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    theme: PropType<"light" | "dark">;
+    mode: {
+        type: PropType<"vertical" | "horizontal" | "pop" | "popButton">;
+        default: string;
+    };
+    ellipsis: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    ellipsisProps: {
+        type: PropType<{
+            lineClamp?: number | string;
+            expandTrigger?: "click";
+            tooltip?: boolean | EllipsisTooltipProps;
+        }>;
+        default: undefined;
+    };
+    floatingOptions: PropType<FloatingOptions>;
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    theme: PropType<"light" | "dark">;
+    mode: {
+        type: PropType<"vertical" | "horizontal" | "pop" | "popButton">;
+        default: string;
+    };
+    ellipsis: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    ellipsisProps: {
+        type: PropType<{
+            lineClamp?: number | string;
+            expandTrigger?: "click";
+            tooltip?: boolean | EllipsisTooltipProps;
+        }>;
+        default: undefined;
+    };
+    floatingOptions: PropType<FloatingOptions>;
+}>> & Readonly<{}>, {
+    ellipsis: boolean;
+    mode: "pop" | "horizontal" | "vertical" | "popButton";
+    ellipsisProps: {
+        lineClamp?: number | string;
+        expandTrigger?: "click";
+        tooltip?: boolean | EllipsisTooltipProps;
+    };
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/es/menu/menu.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,78 @@
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/objectSpread2.js";
+import { SiderContextInjectionKey } from "../layout/context.js";
+import { LevelInjectionKey, MenuInjectionKey } from "./context.js";
+import base_menu_default from "./base-menu.js";
+import overflow_wrap_default from "./overflow-wrap.js";
+import { computed, createBlock, createSlots, defineComponent, guardReactiveProps, inject, mergeProps, normalizeProps, openBlock, provide, renderList, renderSlot, useAttrs, useSlots, withCtx } from "vue";
+//#region components/menu/menu.vue?vue&type=script&setup=true&lang.ts
+var menu_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent(_objectSpread2(_objectSpread2({}, {
+	name: "Menu",
+	inheritAttrs: false
+}), {}, {
+	__name: "menu",
+	props: {
+		/** 菜单风格 */
+		theme: String,
+		mode: {
+			type: String,
+			default: "vertical"
+		},
+		ellipsis: {
+			type: Boolean,
+			default: false
+		},
+		ellipsisProps: {
+			type: Object,
+			default: void 0
+		},
+		floatingOptions: Object
+	},
+	setup(__props) {
+		const props = __props;
+		const attrs = useAttrs();
+		const slots = useSlots();
+		const siderContext = inject(SiderContextInjectionKey, void 0);
+		const siderCollapsed = computed(() => (siderContext === null || siderContext === void 0 ? void 0 : siderContext.siderCollapsed) || false);
+		const siderRailCollapsed = computed(() => (siderContext === null || siderContext === void 0 ? void 0 : siderContext.siderRail) || false);
+		const siderMenuCollapsed = computed(() => siderCollapsed.value || siderRailCollapsed.value);
+		const siderRailCls = computed(() => (siderContext === null || siderContext === void 0 ? void 0 : siderContext.siderRail) ? "sd-menu-in-sider-rail" : "");
+		const siderMenuCollapsedWidth = computed(() => {
+			if (!(siderContext === null || siderContext === void 0 ? void 0 : siderContext.siderRail)) return void 0;
+			const railWidth = siderContext.siderRailWidth;
+			return typeof railWidth === "number" ? railWidth : 72;
+		});
+		const theme = computed(() => props.theme || (siderContext === null || siderContext === void 0 ? void 0 : siderContext.theme) || "light");
+		const railDefault = computed(() => siderMenuCollapsedWidth.value !== void 0 ? { collapsedWidth: siderMenuCollapsedWidth.value } : {});
+		const mergedClass = computed(() => [attrs.class, siderRailCls.value].filter(Boolean).join(" "));
+		const namedSlotNames = computed(() => Object.keys(slots).filter((name) => name !== "default"));
+		provide(MenuInjectionKey, void 0);
+		provide(LevelInjectionKey, void 0);
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(base_menu_default, mergeProps(_objectSpread2(_objectSpread2(_objectSpread2({}, props), railDefault.value), _ctx.$attrs), {
+				class: mergedClass.value || void 0,
+				theme: theme.value,
+				"in-trigger": false,
+				"sider-collapsed": siderMenuCollapsed.value,
+				"is-root": ""
+			}), createSlots({ _: 2 }, [renderList(namedSlotNames.value, (name) => {
+				return {
+					name,
+					fn: withCtx((slotData) => [renderSlot(_ctx.$slots, name, normalizeProps(guardReactiveProps(slotData !== null && slotData !== void 0 ? slotData : {})))])
+				};
+			}), _ctx.$slots.default ? {
+				name: "default",
+				fn: withCtx(() => [__props.mode === "horizontal" ? (openBlock(), createBlock(overflow_wrap_default, { key: 0 }, {
+					default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+					_: 3
+				})) : renderSlot(_ctx.$slots, "default", {}, void 0, void 0, 1)]),
+				key: "0"
+			} : void 0]), 1040, [
+				"class",
+				"theme",
+				"sider-collapsed"
+			]);
+		};
+	}
+}));
+//#endregion
+export { menu_vue_vue_type_script_setup_true_lang_default as default };

package/es/menu/overflow-wrap.js

@@ -1,99 +1,5 @@
-import { unFragment } from "../_utils/vue-utils.js";
-import useMenuContext from "./hooks/use-menu-context.js";
-import { getStyle } from "../_utils/style.js";
-import sub_menu_default from "./sub-menu.js";
-import { cloneVNode, createTextVNode, createVNode, defineComponent, mergeProps, onMounted, onUnmounted, ref } from "vue";
-import ResizeObserver from "resize-observer-polyfill";
-//#region components/menu/overflow-wrap.tsx
-var OVERFLOW_THRESHOLD = 10;
-function getNodeWidth(el) {
-	return el && +el.getBoundingClientRect().width.toFixed(2);
-}
-function translatePxToNumber(str) {
-	const result = Number(str.replace("px", ""));
-	return Number.isNaN(result) ? 0 : result;
-}
-var overflow_wrap_default = /* @__PURE__ */ defineComponent({
-	name: "MenuOverflowWrap",
-	setup(_, { slots }) {
-		const overflowPrefixCls = `${useMenuContext().prefixCls}-overflow`;
-		const overflowSubMenuClass = `${overflowPrefixCls}-sub-menu`;
-		const overflowMenuItemClass = `${overflowPrefixCls}-hidden-menu-item`;
-		const overflowSubMenuMirrorClass = `${overflowPrefixCls}-sub-menu-mirror`;
-		const refWrapper = ref();
-		const lastVisibleIndex = ref(null);
-		const refResizeObserver = ref();
-		function computeLastVisibleIndex() {
-			const wrapperElement = refWrapper.value;
-			const wrapperWidth = getNodeWidth(wrapperElement);
-			const childNodeList = [].slice.call(wrapperElement.children);
-			let menuItemIndex = 0;
-			let currentRightWidth = 0;
-			let overflowSubMenuWidth = 0;
-			for (let i = 0; i < childNodeList.length; i++) {
-				const node = childNodeList[i];
-				const classNames = node.className.split(" ");
-				const isOverflowSubMenu = classNames.indexOf(overflowSubMenuClass) > -1;
-				const isOverflowSubMenuMirror = classNames.indexOf(overflowSubMenuMirrorClass) > -1;
-				if (isOverflowSubMenu) continue;
-				const nodeWidth = getNodeWidth(node) + translatePxToNumber(getStyle(node, "marginLeft")) + translatePxToNumber(getStyle(node, "marginRight"));
-				if (isOverflowSubMenuMirror) {
-					overflowSubMenuWidth = nodeWidth;
-					continue;
-				}
-				currentRightWidth += nodeWidth;
-				if (currentRightWidth + overflowSubMenuWidth + OVERFLOW_THRESHOLD > wrapperWidth) {
-					lastVisibleIndex.value = menuItemIndex - 1;
-					return;
-				}
-				menuItemIndex++;
-			}
-			lastVisibleIndex.value = null;
-		}
-		onMounted(() => {
-			computeLastVisibleIndex();
-			refResizeObserver.value = new ResizeObserver((entries) => {
-				entries.forEach(computeLastVisibleIndex);
-			});
-			if (refWrapper.value) refResizeObserver.value.observe(refWrapper.value);
-		});
-		onUnmounted(() => {
-			refResizeObserver.value && refResizeObserver.value.disconnect();
-		});
-		return () => {
-			const renderSubMenu = (children, options) => {
-				const { isMirror = false, props = {} } = options || {};
-				return createVNode(sub_menu_default, mergeProps({
-					"key": `__sd-menu-overflow-sub-menu${isMirror ? "-mirror" : ""}`,
-					"class": isMirror ? overflowSubMenuMirrorClass : overflowSubMenuClass
-				}, props), {
-					title: () => createVNode("span", null, [createTextVNode("...")]),
-					default: () => children
-				});
-			};
-			const renderChildren = () => {
-				var _slots$default;
-				const children = unFragment(((_slots$default = slots.default) === null || _slots$default === void 0 ? void 0 : _slots$default.call(slots)) || []);
-				let overflowSubMenu = null;
-				return [
-					renderSubMenu(null, { isMirror: true }),
-					...children.map((child, index) => {
-						const item = cloneVNode(child, lastVisibleIndex.value !== null && index > lastVisibleIndex.value ? { class: overflowMenuItemClass } : { class: "" });
-						if (lastVisibleIndex.value !== null && index === lastVisibleIndex.value + 1) {
-							const overflowMenuItems = children.slice(index).map((child) => cloneVNode(child));
-							overflowSubMenu = renderSubMenu(overflowMenuItems);
-						}
-						return item;
-					}),
-					overflowSubMenu
-				];
-			};
-			return createVNode("div", {
-				"class": `${overflowPrefixCls}-wrap`,
-				"ref": refWrapper
-			}, [renderChildren()]);
-		};
-	}
-});
+import overflow_wrap_vue_vue_type_script_setup_true_lang_default from "./overflow-wrap.vue_vue_type_script_setup_true_lang.js";
+//#region components/menu/overflow-wrap.vue
+var overflow_wrap_default = overflow_wrap_vue_vue_type_script_setup_true_lang_default;
 //#endregion
 export { overflow_wrap_default as default };

package/es/menu/overflow-wrap.vue.d.ts

@@ -0,0 +1,3 @@
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/es/menu/overflow-wrap.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,114 @@
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/objectSpread2.js";
+import { unFragment } from "../_utils/vue-utils.js";
+import useMenuContext from "./hooks/use-menu-context.js";
+import { getStyle } from "../_utils/style.js";
+import sub_menu_default from "./sub-menu.js";
+import { Fragment, cloneVNode, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, normalizeClass, onMounted, onUnmounted, openBlock, ref, renderList, resolveDynamicComponent, unref, useSlots, withCtx } from "vue";
+import ResizeObserver from "resize-observer-polyfill";
+import { createReusableTemplate } from "@vueuse/core";
+//#region components/menu/overflow-wrap.vue?vue&type=script&setup=true&lang.ts
+var OVERFLOW_THRESHOLD = 10;
+var overflow_wrap_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent(_objectSpread2(_objectSpread2({}, { name: "MenuOverflowWrap" }), {}, {
+	__name: "overflow-wrap",
+	setup(__props) {
+		function getNodeWidth(el) {
+			return +el.getBoundingClientRect().width.toFixed(2);
+		}
+		function translatePxToNumber(str) {
+			const result = Number(str.replace("px", ""));
+			return Number.isNaN(result) ? 0 : result;
+		}
+		const slots = useSlots();
+		const overflowPrefixCls = `${useMenuContext().prefixCls}-overflow`;
+		const overflowSubMenuClass = `${overflowPrefixCls}-sub-menu`;
+		const overflowMenuItemClass = `${overflowPrefixCls}-hidden-menu-item`;
+		const overflowSubMenuMirrorClass = `${overflowPrefixCls}-sub-menu-mirror`;
+		const refWrapper = ref();
+		const lastVisibleIndex = ref(null);
+		const refResizeObserver = ref();
+		const children = computed(() => {
+			var _slots$default, _slots$default2;
+			return unFragment((_slots$default = (_slots$default2 = slots.default) === null || _slots$default2 === void 0 ? void 0 : _slots$default2.call(slots)) !== null && _slots$default !== void 0 ? _slots$default : []);
+		});
+		const menuItems = computed(() => children.value.map((child, index) => cloneVNode(child, lastVisibleIndex.value !== null && index > lastVisibleIndex.value ? { class: overflowMenuItemClass } : { class: "" })));
+		const overflowMenuItems = computed(() => {
+			if (lastVisibleIndex.value === null) return null;
+			return children.value.slice(lastVisibleIndex.value + 1).map((child) => cloneVNode(child));
+		});
+		const [DefineOverflowSubMenu, ReuseOverflowSubMenu] = createReusableTemplate({ inheritAttrs: false });
+		function computeLastVisibleIndex() {
+			const wrapperElement = refWrapper.value;
+			if (!wrapperElement) return;
+			const wrapperWidth = getNodeWidth(wrapperElement);
+			const childNodeList = Array.from(wrapperElement.children);
+			let menuItemIndex = 0;
+			let currentRightWidth = 0;
+			let overflowSubMenuWidth = 0;
+			for (const node of childNodeList) {
+				const classNames = node.className.split(" ");
+				const isOverflowSubMenu = classNames.includes(overflowSubMenuClass);
+				const isOverflowSubMenuMirror = classNames.includes(overflowSubMenuMirrorClass);
+				if (isOverflowSubMenu) continue;
+				const nodeWidth = getNodeWidth(node) + translatePxToNumber(getStyle(node, "marginLeft")) + translatePxToNumber(getStyle(node, "marginRight"));
+				if (isOverflowSubMenuMirror) {
+					overflowSubMenuWidth = nodeWidth;
+					continue;
+				}
+				currentRightWidth += nodeWidth;
+				if (currentRightWidth + overflowSubMenuWidth + OVERFLOW_THRESHOLD > wrapperWidth) {
+					lastVisibleIndex.value = menuItemIndex - 1;
+					return;
+				}
+				menuItemIndex++;
+			}
+			lastVisibleIndex.value = null;
+		}
+		onMounted(() => {
+			computeLastVisibleIndex();
+			refResizeObserver.value = new ResizeObserver((entries) => {
+				entries.forEach(computeLastVisibleIndex);
+			});
+			if (refWrapper.value) refResizeObserver.value.observe(refWrapper.value);
+		});
+		onUnmounted(() => {
+			var _refResizeObserver$va;
+			(_refResizeObserver$va = refResizeObserver.value) === null || _refResizeObserver$va === void 0 || _refResizeObserver$va.disconnect();
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock(Fragment, null, [createVNode(unref(DefineOverflowSubMenu), null, {
+				default: withCtx(({ children, mirror }) => [(openBlock(), createBlock(sub_menu_default, {
+					key: `__sd-menu-overflow-sub-menu${mirror ? "-mirror" : ""}`,
+					class: normalizeClass(mirror ? overflowSubMenuMirrorClass : overflowSubMenuClass)
+				}, {
+					title: withCtx(() => [..._cache[0] || (_cache[0] = [createElementVNode("span", null, "...", -1)])]),
+					default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(children, (child) => {
+						var _child$key;
+						return openBlock(), createBlock(resolveDynamicComponent(child), { key: (_child$key = child.key) !== null && _child$key !== void 0 ? _child$key : void 0 });
+					}), 128))]),
+					_: 2
+				}, 1032, ["class"]))]),
+				_: 1
+			}), createElementVNode("div", {
+				ref_key: "refWrapper",
+				ref: refWrapper,
+				class: normalizeClass(`${overflowPrefixCls}-wrap`)
+			}, [
+				createVNode(unref(ReuseOverflowSubMenu), {
+					mirror: "",
+					children: []
+				}),
+				(openBlock(true), createElementBlock(Fragment, null, renderList(menuItems.value, (item) => {
+					var _item$key;
+					return openBlock(), createBlock(resolveDynamicComponent(item), { key: (_item$key = item.key) !== null && _item$key !== void 0 ? _item$key : void 0 });
+				}), 128)),
+				overflowMenuItems.value ? (openBlock(), createBlock(unref(ReuseOverflowSubMenu), {
+					key: 0,
+					children: overflowMenuItems.value,
+					mirror: false
+				}, null, 8, ["children"])) : createCommentVNode("", true)
+			], 2)], 64);
+		};
+	}
+}));
+//#endregion
+export { overflow_wrap_vue_vue_type_script_setup_true_lang_default as default };

package/es/menu/sub-menu-inline.vue_vue_type_script_setup_true_lang.js

@@ -1,9 +1,9 @@
-import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/objectSpread2.js";
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/objectSpread2.js";
 import Ellipsis from "../ellipsis/index.js";
 import useLevel from "./hooks/use-level.js";
-import useMenu from "./hooks/use-menu.js";
 import useMenuContext from "./hooks/use-menu-context.js";
 import indent_default from "./indent.js";
+import useMenu from "./hooks/use-menu.js";
 import expand_transition_default from "../_components/transition/expand-transition.js";
 import { Fragment, computed, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, mergeProps, normalizeClass, openBlock, renderSlot, toDisplayString, unref, vShow, withCtx, withDirectives } from "vue";
 //#region components/menu/sub-menu-inline.vue?vue&type=script&setup=true&lang.ts

package/es/menu/sub-menu-pop.vue_vue_type_script_setup_true_lang.js

@@ -1,13 +1,13 @@
-import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/objectSpread2.js";
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
 import { isNumber } from "../_utils/is.js";
 import { omit } from "../_utils/omit.js";
 import Trigger from "../trigger/index.js";
 import Ellipsis from "../ellipsis/index.js";
 import useLevel from "./hooks/use-level.js";
-import useMenu from "./hooks/use-menu.js";
 import useMenuContext from "./hooks/use-menu-context.js";
 import indent_default from "./indent.js";
+import useMenu from "./hooks/use-menu.js";
 import base_menu_default from "./base-menu.js";
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createTextVNode, createVNode, defineComponent, mergeProps, normalizeClass, normalizeStyle, openBlock, ref, renderSlot, resolveDynamicComponent, toDisplayString, toRefs, unref, withCtx } from "vue";
 //#region components/menu/sub-menu-pop.vue?vue&type=script&setup=true&lang.ts