@sdata/web-vue 1.9.0 → 1.11.0

package/es/list/index.d.ts

@@ -43,7 +43,7 @@ declare const List: {
             default: number;
         };
         virtualListProps: {
-            type: import("vue").PropType<import("../_components/virtual-list-v2/interface").VirtualListProps>;
+            type: import("vue").PropType<import("../_components/virtual-list/interface").VirtualListProps>;
         };
         scrollbar: {
             type: import("vue").PropType<boolean | import("..").ScrollbarProps>;
@@ -58,7 +58,7 @@ declare const List: {
         virtualListRef: import("vue").Ref<any, any>;
         render: () => import("vue/jsx-runtime").JSX.Element;
     }, {}, {}, {
-        scrollIntoView(options: import("../_components/virtual-list-v2/interface").ScrollIntoViewOptions): void;
+        scrollIntoView(options: import("../_components/virtual-list/interface").ScrollIntoViewOptions): void;
     }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         scroll: () => true;
         reachBottom: () => true;
@@ -68,10 +68,10 @@ declare const List: {
         size: "small" | "medium" | "large";
         loading: boolean;
         split: boolean;
+        maxHeight: string | number;
         scrollbar: boolean | import("..").ScrollbarProps;
         bordered: boolean;
         bottomOffset: number;
-        maxHeight: string | number;
         hoverable: boolean;
     }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
         P: {};
@@ -119,7 +119,7 @@ declare const List: {
             default: number;
         };
         virtualListProps: {
-            type: import("vue").PropType<import("../_components/virtual-list-v2/interface").VirtualListProps>;
+            type: import("vue").PropType<import("../_components/virtual-list/interface").VirtualListProps>;
         };
         scrollbar: {
             type: import("vue").PropType<boolean | import("..").ScrollbarProps>;
@@ -134,15 +134,15 @@ declare const List: {
         virtualListRef: import("vue").Ref<any, any>;
         render: () => import("vue/jsx-runtime").JSX.Element;
     }, {}, {}, {
-        scrollIntoView(options: import("../_components/virtual-list-v2/interface").ScrollIntoViewOptions): void;
+        scrollIntoView(options: import("../_components/virtual-list/interface").ScrollIntoViewOptions): void;
     }, {
         size: "small" | "medium" | "large";
         loading: boolean;
         split: boolean;
+        maxHeight: string | number;
         scrollbar: boolean | import("..").ScrollbarProps;
         bordered: boolean;
         bottomOffset: number;
-        maxHeight: string | number;
         hoverable: boolean;
     }>;
     __isFragment?: never;
@@ -187,7 +187,7 @@ declare const List: {
         default: number;
     };
     virtualListProps: {
-        type: import("vue").PropType<import("../_components/virtual-list-v2/interface").VirtualListProps>;
+        type: import("vue").PropType<import("../_components/virtual-list/interface").VirtualListProps>;
     };
     scrollbar: {
         type: import("vue").PropType<boolean | import("..").ScrollbarProps>;
@@ -202,7 +202,7 @@ declare const List: {
     virtualListRef: import("vue").Ref<any, any>;
     render: () => import("vue/jsx-runtime").JSX.Element;
 }, {}, {}, {
-    scrollIntoView(options: import("../_components/virtual-list-v2/interface").ScrollIntoViewOptions): void;
+    scrollIntoView(options: import("../_components/virtual-list/interface").ScrollIntoViewOptions): void;
 }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     scroll: () => true;
     reachBottom: () => true;
@@ -212,10 +212,10 @@ declare const List: {
     size: "small" | "medium" | "large";
     loading: boolean;
     split: boolean;
+    maxHeight: string | number;
     scrollbar: boolean | import("..").ScrollbarProps;
     bordered: boolean;
     bottomOffset: number;
-    maxHeight: string | number;
     hoverable: boolean;
 }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
     Item: {

package/es/list/list.d.ts

@@ -1,5 +1,5 @@
 import { PropType } from 'vue';
-import type { ScrollIntoViewOptions, VirtualListProps } from '../_components/virtual-list-v2/interface';
+import type { ScrollIntoViewOptions, VirtualListProps } from '../_components/virtual-list/interface';
 import { PaginationProps } from '../pagination';
 import { ScrollbarProps } from '../scrollbar';
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
@@ -111,10 +111,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     size: "small" | "medium" | "large";
     loading: boolean;
     split: boolean;
+    maxHeight: string | number;
     scrollbar: boolean | ScrollbarProps;
     bordered: boolean;
     bottomOffset: number;
-    maxHeight: string | number;
     hoverable: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/es/list/list.js

@@ -1,8 +1,9 @@
 import { configProviderInjectionKey } from "../config-provider/context.js";
+import { _objectSpread2 } from "../_virtual/_@oxc-project_runtime@0.124.0/helpers/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
 import { isNumber } from "../_utils/is.js";
 import { getAllElements } from "../_utils/vue-utils.js";
-import virtual_list_v2_default from "../_components/virtual-list-v2/index.js";
+import virtual_list_default from "../_components/virtual-list/index.js";
 import { omit } from "../_utils/omit.js";
 import { useComponentRef } from "../_hooks/use-component-ref.js";
 import { useScrollbar } from "../_hooks/use-scrollbar.js";
@@ -154,6 +155,7 @@ var list_default = /* @__PURE__ */ defineComponent({
 			return renderEmpty();
 		};
 		const renderPagination = () => {
+			var _ref, _props$paginationProp, _props$data;
 			if (!props.paginationProps) return null;
 			const paginationProps = omit(props.paginationProps, [
 				"current",
@@ -162,6 +164,7 @@ var list_default = /* @__PURE__ */ defineComponent({
 				"defaultPageSize"
 			]);
 			return createVNode(Pagination, mergeProps({ "class": `${prefixCls}-pagination` }, paginationProps, {
+				"total": (_ref = (_props$paginationProp = props.paginationProps.total) !== null && _props$paginationProp !== void 0 ? _props$paginationProp : (_props$data = props.data) === null || _props$data === void 0 ? void 0 : _props$data.length) !== null && _ref !== void 0 ? _ref : 0,
 				"current": current.value,
 				"pageSize": pageSize.value,
 				"onChange": handlePageChange,
@@ -182,17 +185,42 @@ var list_default = /* @__PURE__ */ defineComponent({
 				maxHeight: isNumber(props.maxHeight) ? `${props.maxHeight}px` : props.maxHeight,
 				overflowY: "auto"
 			};
+			if (isVirtualList.value && !props.gridProps) return {
+				height: "100%",
+				overflow: "hidden"
+			};
 		});
 		const contentCls = computed(() => [`${prefixCls}-content`, { [`${prefixCls}-virtual`]: isVirtualList.value }]);
 		const virtualListRef = ref();
+		const resolvedVirtualListProps = computed(() => {
+			if (!props.virtualListProps) return;
+			if (props.virtualListProps.height !== void 0) return props.virtualListProps;
+			return _objectSpread2(_objectSpread2({}, props.virtualListProps), {}, { height: "100%" });
+		});
+		const contentWrapperStyle = computed(() => {
+			if (!isVirtualList.value || props.gridProps) return;
+			return {
+				display: "flex",
+				flexDirection: "column",
+				height: "100%",
+				minHeight: 0
+			};
+		});
+		const wrapperStyle = computed(() => {
+			if (!isVirtualList.value || props.gridProps) return;
+			return {
+				height: "100%",
+				minHeight: 0
+			};
+		});
 		const renderVirtualList = () => {
-			var _props$data;
-			const currentPageItems = getCurrentPageItems((_props$data = props.data) !== null && _props$data !== void 0 ? _props$data : []);
-			return currentPageItems.length ? createVNode(virtual_list_v2_default, mergeProps({
+			var _props$data2;
+			const currentPageItems = getCurrentPageItems((_props$data2 = props.data) !== null && _props$data2 !== void 0 ? _props$data2 : []);
+			return currentPageItems.length ? createVNode(virtual_list_default, mergeProps({
 				"ref": virtualListRef,
 				"class": contentCls.value,
-				"data": currentPageItems
-			}, props.virtualListProps, { "onScroll": handleScroll }), { item: ({ item, index }) => {
+				"items": currentPageItems
+			}, resolvedVirtualListProps.value, { "onScroll": handleScroll }), { item: ({ item, index }) => {
 				var _slots$item4;
 				return (_slots$item4 = slots.item) === null || _slots$item4 === void 0 ? void 0 : _slots$item4.call(slots, {
 					item,
@@ -205,20 +233,26 @@ var list_default = /* @__PURE__ */ defineComponent({
 			return null;
 		};
 		const renderEmpty = () => {
-			var _ref, _slots$empty, _slots$empty2, _configCtx$slots, _configCtx$slots$empt;
+			var _ref2, _slots$empty, _slots$empty2, _configCtx$slots, _configCtx$slots$empt;
 			if (slots["scroll-loading"]) return null;
-			return (_ref = (_slots$empty = (_slots$empty2 = slots.empty) === null || _slots$empty2 === void 0 ? void 0 : _slots$empty2.call(slots)) !== null && _slots$empty !== void 0 ? _slots$empty : configCtx === null || configCtx === void 0 || (_configCtx$slots$empt = (_configCtx$slots = configCtx.slots).empty) === null || _configCtx$slots$empt === void 0 ? void 0 : _configCtx$slots$empt.call(_configCtx$slots, { component: "list" })) !== null && _ref !== void 0 ? _ref : createVNode(Empty, null, null);
+			return (_ref2 = (_slots$empty = (_slots$empty2 = slots.empty) === null || _slots$empty2 === void 0 ? void 0 : _slots$empty2.call(slots)) !== null && _slots$empty !== void 0 ? _slots$empty : configCtx === null || configCtx === void 0 || (_configCtx$slots$empt = (_configCtx$slots = configCtx.slots).empty) === null || _configCtx$slots$empt === void 0 ? void 0 : _configCtx$slots$empt.call(_configCtx$slots, { component: "list" })) !== null && _ref2 !== void 0 ? _ref2 : createVNode(Empty, null, null);
 		};
 		const render = () => {
-			const Component = displayScrollbar.value ? Scrollbar : "div";
-			return createVNode("div", { "class": `${prefixCls}-wrapper` }, [createVNode(Spin, {
+			const Component = displayScrollbar.value && !isVirtualList.value ? Scrollbar : "div";
+			return createVNode("div", {
+				"class": `${prefixCls}-wrapper`,
+				"style": wrapperStyle.value
+			}, [createVNode(Spin, {
 				"class": `${prefixCls}-spin`,
 				"loading": props.loading
 			}, { default: () => [createVNode(Component, mergeProps({
 				"ref": componentRef,
 				"class": cls.value,
 				"style": contentStyle.value
-			}, scrollbarProps.value, { "onScroll": handleScroll }), { default: () => [createVNode("div", { "class": `${prefixCls}-content-wrapper` }, [
+			}, scrollbarProps.value, { "onScroll": handleScroll }), { default: () => [createVNode("div", {
+				"class": `${prefixCls}-content-wrapper`,
+				"style": contentWrapperStyle.value
+			}, [
 				slots.header && createVNode("div", { "class": `${prefixCls}-header` }, [slots.header()]),
 				isVirtualList.value && !props.gridProps ? createVNode(Fragment, null, [renderVirtualList(), renderScrollLoading()]) : createVNode("div", {
 					"role": "list",

package/es/list/style/index.scss

@@ -1,50 +1,20 @@
 @use '@style/theme/index.scss' as theme;
 @use 'sass:string';
 @use 'sass:map';
-@use '@style/theme/legacy-less-var.scss' as legacyLessVar;
+@use 'sass:meta';
+@use '@components/list/style/token.scss' as token;
 @use '@components/list/style/token.scss' as *;
 
 $list-prefix-cls: string.unquote('#{theme.$prefix}-list');
 
-$__less-vars: (
-  'list-action-gap': $list-action-gap,
-  'list-action-margin-top': $list-action-margin-top,
-  'list-border-color': $list-border-color,
-  'list-border-radius': $list-border-radius,
-  'list-border-width': $list-border-width,
-  'list-color-bg-item-hover': $list-color-bg-item-hover,
-  'list-color-text': $list-color-text,
-  'list-color-text-header': $list-color-text-header,
-  'list-font-size': $list-font-size,
-  'list-font-size-header': $list-font-size-header,
-  'list-font-weight-header': $list-font-weight-header,
-  'list-line-height': $list-line-height,
-  'list-line-height-header': $list-line-height-header,
-  'list-meta-color-title': $list-meta-color-title,
-  'list-meta-font-weight-title': $list-meta-font-weight-title,
-  'list-meta-margin-bottom-title': $list-meta-margin-bottom-title,
-  'list-meta-margin-right-avatar': $list-meta-margin-right-avatar,
-  'list-meta-padding-horizontal': $list-meta-padding-horizontal,
-  'list-meta-padding-vertical': $list-meta-padding-vertical,
-  'list-mete-color-description': $list-mete-color-description,
-  'list-pagination-margin-top': $list-pagination-margin-top,
-  'list-size-small-padding-vertical-header': $list-size-small-padding-vertical-header,
-  'list-size-small-padding-horizontal-header': $list-size-small-padding-horizontal-header,
-  'list-size-small-padding-vertical-item': $list-size-small-padding-vertical-item,
-  'list-size-small-padding-horizontal-item': $list-size-small-padding-horizontal-item,
-  'list-size-medium-padding-vertical-header': $list-size-medium-padding-vertical-header,
-  'list-size-medium-padding-horizontal-header': $list-size-medium-padding-horizontal-header,
-  'list-size-medium-padding-vertical-item': $list-size-medium-padding-vertical-item,
-  'list-size-medium-padding-horizontal-item': $list-size-medium-padding-horizontal-item,
-  'list-size-large-padding-vertical-header': $list-size-large-padding-vertical-header,
-  'list-size-large-padding-horizontal-header': $list-size-large-padding-horizontal-header,
-  'list-size-large-padding-vertical-item': $list-size-large-padding-vertical-item,
-  'list-size-large-padding-horizontal-item': $list-size-large-padding-horizontal-item,
-  'prefix': theme.$prefix,
-);
-
-@function less-var($name, $fallback: null) {
-  @return legacyLessVar.get($__less-vars, $name, $fallback);
+@function token-var($name, $fallback: null) {
+  $value: map.get(meta.module-variables('token'), $name);
+
+  @if $value == null {
+    @return $fallback;
+  }
+
+  @return $value;
 }
 
 .#{$list-prefix-cls} {
@@ -82,7 +52,7 @@ $__less-vars: (
       $ref-padding-horizontal-item: string.unquote('list-size-#{$size}-padding-horizontal-item');
 
       .#{$list-prefix-cls}-content-wrapper .#{$list-prefix-cls}-header {
-        padding: less-var($ref-padding-vertical-header) less-var($ref-padding-horizontal-header);
+        padding: token-var($ref-padding-vertical-header) token-var($ref-padding-horizontal-header);
       }
 
       // 在存在列表嵌套的时候，通过 > 限定 size 仅对其直接子元素生效，避免影响被嵌套的列表的样式
@@ -95,7 +65,7 @@ $__less-vars: (
       .#{$list-prefix-cls}-content-wrapper
         .#{$list-prefix-cls}-content.#{$list-prefix-cls}-virtual
         .#{$list-prefix-cls}-item {
-        padding: less-var($ref-padding-vertical-item) less-var($ref-padding-horizontal-item);
+        padding: token-var($ref-padding-vertical-item) token-var($ref-padding-horizontal-item);
       }
     }
   }

package/es/mention/utils.js

@@ -1,7 +1,7 @@
 //#region components/mention/utils.ts
 var getTextBeforeSelection = (element) => {
 	const { value, selectionStart } = element;
-	return value.slice(0, selectionStart);
+	return value.slice(0, selectionStart !== null && selectionStart !== void 0 ? selectionStart : value.length);
 };
 var getLastMeasureIndex = (text, prefix) => {
 	return [].concat(prefix).reduce((pre, value) => {

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

@@ -233,6 +233,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
                 [x: string]: boolean;
             })[]>;
             innerStyle: import("vue").ComputedRef<CSSProperties>;
+            svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
             onClick: (ev: MouseEvent) => void;
         }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
             click: (ev: MouseEvent) => true;
@@ -275,6 +276,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
                 [x: string]: boolean;
             })[]>;
             innerStyle: import("vue").ComputedRef<CSSProperties>;
+            svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
             onClick: (ev: MouseEvent) => void;
         }, {}, {}, {}, {
             spin: boolean;
@@ -312,6 +314,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
             [x: string]: boolean;
         })[]>;
         innerStyle: import("vue").ComputedRef<CSSProperties>;
+        svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
         onClick: (ev: MouseEvent) => void;
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         click: (ev: MouseEvent) => true;
@@ -351,6 +354,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
                 [x: string]: boolean;
             })[]>;
             innerStyle: import("vue").ComputedRef<CSSProperties>;
+            svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
             onClick: (ev: MouseEvent) => void;
         }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
             click: (ev: MouseEvent) => true;
@@ -393,6 +397,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
                 [x: string]: boolean;
             })[]>;
             innerStyle: import("vue").ComputedRef<CSSProperties>;
+            svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
             onClick: (ev: MouseEvent) => void;
         }, {}, {}, {}, {
             spin: boolean;
@@ -430,6 +435,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
             [x: string]: boolean;
         })[]>;
         innerStyle: import("vue").ComputedRef<CSSProperties>;
+        svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
         onClick: (ev: MouseEvent) => void;
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         click: (ev: MouseEvent) => true;

package/es/menu/index.d.ts

@@ -1,9 +1,15 @@
 import type { App } from 'vue';
 import type { SDOptions } from '../_utils/types';
+import type { MenuProps } from './interface';
 import _MenuItem from './item';
 import _MenuItemGroup from './item-group.vue';
 import _Menu from './menu';
 import _MenuSubMenu from './sub-menu';
+export type { MenuData, MenuDataItem, MenuItemGroupProps, MenuItemProps, MenuMode, MenuProps, MenuTheme, PopupMenuMaxHeightType, SubMenuChildDataType, SubMenuProps, } from './interface';
+export type MenuCollapseTrigger = 'clickTrigger' | 'responsive';
+export type MenuCollapseHandler = (collapsed: boolean, type: MenuCollapseTrigger) => void;
+export type MenuItemClickHandler = (key: string) => void;
+export type MenuSubMenuClickHandler = (key: string, openKeys: string[]) => void;
 declare const Menu: typeof _Menu & {
     Item: typeof _MenuItem;
     ItemGroup: typeof _MenuItemGroup;
@@ -14,5 +20,7 @@ export type MenuInstance = InstanceType<typeof _Menu>;
 export type MenuItemInstance = InstanceType<typeof _MenuItem>;
 export type MenuItemGroupInstance = InstanceType<typeof _MenuItemGroup>;
 export type MenuSubMenuInstance = InstanceType<typeof _MenuSubMenu>;
+export type MenuOpenKeys = NonNullable<MenuProps['openKeys']>;
+export type MenuSelectedKeys = NonNullable<MenuProps['selectedKeys']>;
 export { _MenuItem as MenuItem, _MenuItemGroup as MenuItemGroup, _MenuSubMenu as SubMenu };
 export default Menu;

package/es/menu/index.js

@@ -1,20 +1,20 @@
 import { getComponentPrefix, setGlobalConfig } from "../_utils/global-config.js";
 import item_default from "./item.js";
 import item_group_default from "./item-group.js";
-import SubMenu from "./sub-menu.js";
+import sub_menu_default from "./sub-menu.js";
 import menu_default from "./menu.js";
 //#region components/menu/index.ts
 var Menu = Object.assign(menu_default, {
 	Item: item_default,
 	ItemGroup: item_group_default,
-	SubMenu,
+	SubMenu: sub_menu_default,
 	install: (app, options) => {
 		setGlobalConfig(app, options);
 		const componentPrefix = getComponentPrefix(options);
 		app.component(componentPrefix + menu_default.name, menu_default);
 		app.component(componentPrefix + item_default.name, item_default);
 		app.component(componentPrefix + item_group_default.name, item_group_default);
-		app.component(componentPrefix + SubMenu.name, SubMenu);
+		app.component(componentPrefix + sub_menu_default.name, sub_menu_default);
 	}
 });
 //#endregion

package/es/menu/item.js

@@ -85,9 +85,8 @@ var item_default = /* @__PURE__ */ defineComponent({
 			}]
 		}, this.$attrs, { "onClick": onClick }), [content, isSelected && mode === "horizontal" && createVNode("div", { "class": `${prefixCls}-selected-label` }, null)]);
 		if (needTooltip) return createVNode(Tooltip, mergeProps({
-			"trigger": "hover",
 			"position": "right",
-			"class": [`${prefixCls}-item-tooltip`, tooltipProps === null || tooltipProps === void 0 ? void 0 : tooltipProps.class]
+			"class": [`${prefixCls}-item-tooltip`, tooltipProps === null || tooltipProps === void 0 ? void 0 : tooltipProps.class].filter(Boolean)
 		}, omit(tooltipProps || {}, ["class"])), {
 			default: () => itemElement,
 			content: () => children

package/es/menu/menu.d.ts

@@ -249,6 +249,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     [x: string]: boolean;
                 })[]>;
                 innerStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+                svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
                 onClick: (ev: MouseEvent) => void;
             }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
                 click: (ev: MouseEvent) => true;
@@ -291,6 +292,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     [x: string]: boolean;
                 })[]>;
                 innerStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+                svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
                 onClick: (ev: MouseEvent) => void;
             }, {}, {}, {}, {
                 spin: boolean;
@@ -328,6 +330,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 [x: string]: boolean;
             })[]>;
             innerStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+            svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
             onClick: (ev: MouseEvent) => void;
         }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
             click: (ev: MouseEvent) => true;
@@ -367,6 +370,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     [x: string]: boolean;
                 })[]>;
                 innerStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+                svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
                 onClick: (ev: MouseEvent) => void;
             }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
                 click: (ev: MouseEvent) => true;
@@ -409,6 +413,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     [x: string]: boolean;
                 })[]>;
                 innerStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+                svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
                 onClick: (ev: MouseEvent) => void;
             }, {}, {}, {}, {
                 spin: boolean;
@@ -446,6 +451,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 [x: string]: boolean;
             })[]>;
             innerStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+            svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
             onClick: (ev: MouseEvent) => void;
         }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
             click: (ev: MouseEvent) => true;

package/es/menu/overflow-wrap.js

@@ -1,7 +1,7 @@
 import { unFragment } from "../_utils/vue-utils.js";
 import useMenuContext from "./hooks/use-menu-context.js";
 import { getStyle } from "../_utils/style.js";
-import SubMenu from "./sub-menu.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
@@ -63,7 +63,7 @@ var overflow_wrap_default = /* @__PURE__ */ defineComponent({
 		return () => {
 			const renderSubMenu = (children, options) => {
 				const { isMirror = false, props = {} } = options || {};
-				return createVNode(SubMenu, mergeProps({
+				return createVNode(sub_menu_default, mergeProps({
 					"key": `__sd-menu-overflow-sub-menu${isMirror ? "-mirror" : ""}`,
 					"class": isMirror ? overflowSubMenuMirrorClass : overflowSubMenuClass
 				}, props), {