@sdata/web-vue 1.9.0 → 1.10.0

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.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), {

package/es/menu/sub-menu-inline.vue.d.ts

@@ -42,11 +42,11 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         level: number;
     }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
     ExpandTransition: import("vue").DefineComponent<{}, {
-        onBeforeEnter(el: HTMLDivElement): void;
-        onEnter(el: HTMLDivElement): void;
-        onAfterEnter(el: HTMLDivElement): void;
-        onBeforeLeave(el: HTMLDivElement): void;
-        onLeave(el: HTMLDivElement): void;
-        onAfterLeave(el: HTMLElement): void;
+        onBeforeEnter(el: Element): void;
+        onEnter(el: Element): void;
+        onAfterEnter(el: Element): void;
+        onBeforeLeave(el: Element): void;
+        onLeave(el: Element): void;
+        onAfterLeave(el: Element): void;
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/es/menu/sub-menu-pop.vue.d.ts

@@ -296,6 +296,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
                     [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;
@@ -338,6 +339,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
                     [x: string]: boolean;
                 })[]>;
                 innerStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+                svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
                 onClick: (ev: MouseEvent) => void;
             }, {}, {}, {}, {
                 spin: boolean;
@@ -375,6 +377,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
                 [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;
@@ -414,6 +417,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
                     [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;
@@ -456,6 +460,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
                     [x: string]: boolean;
                 })[]>;
                 innerStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+                svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
                 onClick: (ev: MouseEvent) => void;
             }, {}, {}, {}, {
                 spin: boolean;
@@ -493,6 +498,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
                 [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;
@@ -652,9 +658,9 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         }>> & Readonly<{
             onResize?: (() => any) | undefined;
             onHide?: (() => any) | undefined;
-            onShow?: (() => any) | undefined;
             "onUpdate:popupVisible"?: ((_visible: boolean) => any) | undefined;
             onPopupVisibleChange?: ((_visible: boolean) => any) | undefined;
+            onShow?: (() => any) | undefined;
         }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
             'update:popupVisible': (_visible: boolean) => true;
             popupVisibleChange: (_visible: boolean) => true;
@@ -666,6 +672,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
             unmountOnClose: boolean;
             renderToBody: boolean;
             position: "top" | "tl" | "tr" | "bottom" | "bl" | "br" | "left" | "lt" | "lb" | "right" | "rt" | "rb";
+            animationName: string;
             autoFitPosition: boolean;
             popupVisible: boolean;
             defaultPopupVisible: boolean;
@@ -677,7 +684,6 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
             blurToClose: boolean;
             clickToClose: boolean;
             clickOutsideToClose: boolean;
-            animationName: string;
             mouseEnterDelay: number;
             mouseLeaveDelay: number;
             focusDelay: number;
@@ -843,14 +849,15 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         }>> & Readonly<{
             onResize?: (() => any) | undefined;
             onHide?: (() => any) | undefined;
-            onShow?: (() => any) | undefined;
             "onUpdate:popupVisible"?: ((_visible: boolean) => any) | undefined;
             onPopupVisibleChange?: ((_visible: boolean) => any) | undefined;
+            onShow?: (() => any) | undefined;
         }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, {
             disabled: boolean;
             unmountOnClose: boolean;
             renderToBody: boolean;
             position: "top" | "tl" | "tr" | "bottom" | "bl" | "br" | "left" | "lt" | "lb" | "right" | "rt" | "rb";
+            animationName: string;
             autoFitPosition: boolean;
             popupVisible: boolean;
             defaultPopupVisible: boolean;
@@ -862,7 +869,6 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
             blurToClose: boolean;
             clickToClose: boolean;
             clickOutsideToClose: boolean;
-            animationName: string;
             mouseEnterDelay: number;
             mouseLeaveDelay: number;
             focusDelay: number;
@@ -1025,9 +1031,9 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
     }>> & Readonly<{
         onResize?: (() => any) | undefined;
         onHide?: (() => any) | undefined;
-        onShow?: (() => any) | undefined;
         "onUpdate:popupVisible"?: ((_visible: boolean) => any) | undefined;
         onPopupVisibleChange?: ((_visible: boolean) => any) | undefined;
+        onShow?: (() => any) | undefined;
     }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         'update:popupVisible': (_visible: boolean) => true;
         popupVisibleChange: (_visible: boolean) => true;
@@ -1039,6 +1045,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         unmountOnClose: boolean;
         renderToBody: boolean;
         position: "top" | "tl" | "tr" | "bottom" | "bl" | "br" | "left" | "lt" | "lb" | "right" | "rt" | "rb";
+        animationName: string;
         autoFitPosition: boolean;
         popupVisible: boolean;
         defaultPopupVisible: boolean;
@@ -1050,7 +1057,6 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         blurToClose: boolean;
         clickToClose: boolean;
         clickOutsideToClose: boolean;
-        animationName: string;
         mouseEnterDelay: number;
         mouseLeaveDelay: number;
         focusDelay: number;

package/es/menu/sub-menu.d.ts

@@ -1,3 +1,62 @@
-import type { DefineComponent } from 'vue';
-declare const SubMenu: DefineComponent;
-export default SubMenu;
+import { PropType } from 'vue';
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    title: {
+        type: StringConstructor;
+    };
+    selectable: {
+        type: BooleanConstructor;
+    };
+    popup: {
+        type: PropType<boolean | ((level: number) => boolean)>;
+        default: boolean;
+    };
+    popupMaxHeight: {
+        type: PropType<boolean | number>;
+        default: undefined;
+    };
+}>, {
+    subMenuKeys: import("vue").ComputedRef<string[]>;
+    menuItemKeys: import("vue").ComputedRef<string[]>;
+    isChildrenSelected: import("vue").ComputedRef<boolean>;
+    props: import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+        title: {
+            type: StringConstructor;
+        };
+        selectable: {
+            type: BooleanConstructor;
+        };
+        popup: {
+            type: PropType<boolean | ((level: number) => boolean)>;
+            default: boolean;
+        };
+        popupMaxHeight: {
+            type: PropType<boolean | number>;
+            default: undefined;
+        };
+    }>> & Readonly<{}> & {}>;
+    attrs: import("vue").Attrs;
+    computedKey: import("vue").ComputedRef<string>;
+    computedPopup: import("vue").ComputedRef<boolean>;
+    expandIconDown: import("vue").Ref<(() => import("vue").VNodeTypes) | undefined, (() => import("vue").VNodeTypes) | undefined>;
+    expandIconRight: import("vue").Ref<(() => import("vue").VNodeTypes) | undefined, (() => import("vue").VNodeTypes) | undefined>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    title: {
+        type: StringConstructor;
+    };
+    selectable: {
+        type: BooleanConstructor;
+    };
+    popup: {
+        type: PropType<boolean | ((level: number) => boolean)>;
+        default: boolean;
+    };
+    popupMaxHeight: {
+        type: PropType<boolean | number>;
+        default: undefined;
+    };
+}>> & Readonly<{}>, {
+    popupMaxHeight: number | boolean;
+    selectable: boolean;
+    popup: boolean | ((level: number) => boolean);
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/es/menu/sub-menu.js

@@ -9,7 +9,7 @@ import sub_menu_inline_default from "./sub-menu-inline.js";
 import sub_menu_pop_default from "./sub-menu-pop.js";
 import { computed, createVNode, defineComponent, mergeProps, toRef, toRefs } from "vue";
 //#region components/menu/sub-menu.tsx
-var SubMenu = /* @__PURE__ */ defineComponent({
+var sub_menu_default = /* @__PURE__ */ defineComponent({
 	name: "SubMenu",
 	props: {
 		title: { type: String },
@@ -42,10 +42,7 @@ var SubMenu = /* @__PURE__ */ defineComponent({
 			isChildrenSelected: computed(() => {
 				const selectedKeys = menuContext.selectedKeys || [];
 				const checkSelected = (menuKeys) => {
-					for (let i = 0; i < selectedKeys.length; i++) {
-						const selectedKey = selectedKeys[i];
-						if (menuKeys.includes(selectedKey)) return true;
-					}
+					for (const selectedKey of selectedKeys) if (menuKeys.includes(selectedKey)) return true;
 					return false;
 				};
 				return checkSelected(subMenuKeys.value) || checkSelected(menuItemKeys.value);
@@ -78,4 +75,4 @@ var SubMenu = /* @__PURE__ */ defineComponent({
 	}
 });
 //#endregion
-export { SubMenu as default };
+export { sub_menu_default as default };

package/es/message/message-list.d.ts

@@ -9,7 +9,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: PropType<MessagePosition>;
         default: string;
     };
-}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "afterClose")[], "close" | "afterClose", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "afterClose")[], "close" | "afterClose", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     messages: {
         type: PropType<MessageItem[]>;
         default: () => never[];

package/es/message/message-list.js

@@ -2,11 +2,8 @@ import { getPrefixCls } from "../_utils/global-config.js";
 import { getSlotFunction } from "../_utils/vue-utils.js";
 import usePopupManager from "../_hooks/use-popup-manager.js";
 import message_default from "./message.js";
-import { TransitionGroup, createVNode, defineComponent, isVNode } from "vue";
+import { TransitionGroup, defineComponent, h } from "vue";
 //#region components/message/message-list.tsx
-function _isSlot(s) {
-	return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
-}
 var message_list_default = /* @__PURE__ */ defineComponent({
 	name: "MessageList",
 	props: {
@@ -23,30 +20,27 @@ var message_list_default = /* @__PURE__ */ defineComponent({
 	setup(props, context) {
 		const prefixCls = getPrefixCls("message-list");
 		const { zIndex } = usePopupManager("message", { runOnMounted: true });
-		return () => {
-			let _slot;
-			return createVNode(TransitionGroup, {
-				"class": [prefixCls, `${prefixCls}-${props.position}`],
-				"name": "fade-message",
-				"tag": "ul",
-				"style": { zIndex: zIndex.value },
-				"onAfterLeave": () => context.emit("afterClose")
-			}, _isSlot(_slot = props.messages.map((item) => {
-				const slots = {
-					default: getSlotFunction(item.content),
-					icon: getSlotFunction(item.icon)
-				};
-				return createVNode(message_default, {
-					"key": item.id,
-					"type": item.type,
-					"duration": item.duration,
-					"closable": item.closable,
-					"resetOnUpdate": item.resetOnUpdate,
-					"resetOnHover": item.resetOnHover,
-					"onClose": () => context.emit("close", item.id)
-				}, slots);
-			})) ? _slot : { default: () => [_slot] });
-		};
+		return () => h(TransitionGroup, {
+			class: [prefixCls, `${prefixCls}-${props.position}`],
+			name: "fade-message",
+			tag: "ul",
+			style: { zIndex: zIndex.value },
+			onAfterLeave: () => context.emit("afterClose")
+		}, () => props.messages.map((item) => {
+			const slots = {
+				default: getSlotFunction(item.content),
+				icon: getSlotFunction(item.icon)
+			};
+			return h(message_default, {
+				key: item.id,
+				type: item.type,
+				duration: item.duration,
+				closable: item.closable,
+				resetOnUpdate: item.resetOnUpdate,
+				resetOnHover: item.resetOnHover,
+				onClose: () => context.emit("close", item.id)
+			}, slots);
+		}));
 	}
 });
 //#endregion

package/es/message/message.vue.d.ts

@@ -125,6 +125,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
                 [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;
@@ -167,6 +168,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
                 [x: string]: boolean;
             })[]>;
             innerStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+            svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
             onClick: (ev: MouseEvent) => void;
         }, {}, {}, {}, {
             spin: boolean;
@@ -204,6 +206,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
             [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;
@@ -243,6 +246,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
                 [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;
@@ -285,6 +289,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
                 [x: string]: boolean;
             })[]>;
             innerStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+            svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
             onClick: (ev: MouseEvent) => void;
         }, {}, {}, {}, {
             spin: boolean;
@@ -322,6 +327,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
             [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;
@@ -361,6 +367,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
                 [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;
@@ -403,6 +410,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
                 [x: string]: boolean;
             })[]>;
             innerStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+            svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
             onClick: (ev: MouseEvent) => void;
         }, {}, {}, {}, {
             spin: boolean;
@@ -440,6 +448,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
             [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;
@@ -479,6 +488,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
                 [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;
@@ -521,6 +531,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
                 [x: string]: boolean;
             })[]>;
             innerStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+            svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
             onClick: (ev: MouseEvent) => void;
         }, {}, {}, {}, {
             spin: boolean;
@@ -558,6 +569,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
             [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;
@@ -597,6 +609,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
                 [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;
@@ -639,6 +652,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
                 [x: string]: boolean;
             })[]>;
             innerStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+            svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
             onClick: (ev: MouseEvent) => void;
         }, {}, {}, {}, {
             spin: boolean;
@@ -676,6 +690,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
             [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;
@@ -715,6 +730,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
                 [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;
@@ -757,6 +773,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
                 [x: string]: boolean;
             })[]>;
             innerStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+            svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
             onClick: (ev: MouseEvent) => void;
         }, {}, {}, {}, {
             spin: boolean;
@@ -794,6 +811,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
             [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;