@sdata/web-vue 1.13.0 → 1.18.0

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

@@ -2,6 +2,7 @@ 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 render_function_default from "../_components/render-function.js";
 import useLevel from "./hooks/use-level.js";
 import useMenu from "./hooks/use-menu.js";
@@ -16,7 +17,8 @@ var sub_menu_pop_vue_vue_type_script_lang_default = defineComponent({
 		Menu: base_menu_default,
 		Trigger,
 		MenuIndent: indent_default,
-		RenderFunction: render_function_default
+		RenderFunction: render_function_default,
+		Ellipsis
 	},
 	inheritAttrs: false,
 	props: {

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

@@ -55,8 +55,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: undefined;
     };
 }>> & Readonly<{}>, {
-    popupMaxHeight: number | boolean;
     selectable: boolean;
+    popupMaxHeight: number | boolean;
     popup: boolean | ((level: number) => boolean);
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

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

@@ -24,7 +24,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     onClose?: ((...args: any[]) => any) | undefined;
     onAfterClose?: ((...args: any[]) => any) | undefined;
 }>, {
-    messages: MessageItem[];
     position: "top" | "bottom";
+    messages: MessageItem[];
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

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

@@ -61,9 +61,9 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
     onClose?: ((...args: any[]) => any) | undefined;
 }>, {
     type: "normal" | "success" | "warning" | "info" | "error" | "loading";
+    duration: number;
     closable: boolean;
     showIcon: boolean;
-    duration: number;
     resetOnUpdate: boolean;
     resetOnHover: boolean;
 }, {}, {

package/es/modal/index.d.ts

@@ -124,9 +124,9 @@ declare const Modal: {
     }>> & Readonly<{
         onCancel?: ((_e: Event) => any) | undefined;
         onClose?: (() => any) | undefined;
+        onOpen?: (() => any) | undefined;
         "onUpdate:visible"?: ((_visible: boolean) => any) | undefined;
         onOk?: ((_e: Event) => any) | undefined;
-        onOpen?: (() => any) | undefined;
         onBeforeOpen?: (() => any) | undefined;
         onBeforeClose?: (() => any) | undefined;
     }>, {
@@ -138,6 +138,14 @@ declare const Modal: {
         mergedModalStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
         okDisplayText: import("vue").ComputedRef<string>;
         cancelDisplayText: import("vue").ComputedRef<string>;
+        mergedMask: import("vue").ComputedRef<boolean | undefined>;
+        mergedMaskStyle: import("vue").ComputedRef<import("vue").CSSProperties | undefined>;
+        mergedClosable: import("vue").ComputedRef<boolean | undefined>;
+        mergedTitleAlign: import("vue").ComputedRef<"center" | "start" | undefined>;
+        mergedFooter: import("vue").ComputedRef<boolean | undefined>;
+        mergedHideCancel: import("vue").ComputedRef<boolean | undefined>;
+        mergedOkButtonProps: import("vue").ComputedRef<import("..").ButtonProps | undefined>;
+        mergedCancelButtonProps: import("vue").ComputedRef<import("..").ButtonProps | undefined>;
         zIndex: Readonly<import("vue").Ref<number, number>>;
         handleOk: (e: Event) => Promise<void>;
         handleCancel: (e: Event) => void;
@@ -169,17 +177,17 @@ declare const Modal: {
         mask: boolean;
         popupContainer: string | HTMLElement;
         unmountOnClose: boolean;
+        renderToBody: boolean;
         defaultVisible: boolean;
-        maskClosable: boolean;
         closable: boolean;
+        simple: boolean;
+        draggable: boolean;
+        maskClosable: boolean;
         okLoading: boolean;
         escToClose: boolean;
-        renderToBody: boolean;
         hideCancel: boolean;
-        draggable: boolean;
         alignCenter: boolean;
         titleAlign: "center" | "start";
-        simple: boolean;
         fullscreen: boolean;
         maskAnimationName: string;
         modalAnimationName: string;
@@ -236,9 +244,9 @@ declare const Modal: {
             }, import("vue").PublicProps, {
                 autofocus: boolean;
                 disabled: boolean;
-                long: boolean;
                 loading: boolean;
-                htmlType: "submit" | "reset" | "button";
+                long: boolean;
+                htmlType: "reset" | "submit" | "button";
             }, true, {}, {}, {
                 IconLoading: {
                     new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
@@ -413,9 +421,9 @@ declare const Modal: {
             }, {}, {}, {}, {
                 autofocus: boolean;
                 disabled: boolean;
-                long: boolean;
                 loading: boolean;
-                htmlType: "submit" | "reset" | "button";
+                long: boolean;
+                htmlType: "reset" | "submit" | "button";
             }>;
             __isFragment?: never;
             __isTeleport?: never;
@@ -467,9 +475,9 @@ declare const Modal: {
         }, string, {
             autofocus: boolean;
             disabled: boolean;
-            long: boolean;
             loading: boolean;
-            htmlType: "submit" | "reset" | "button";
+            long: boolean;
+            htmlType: "reset" | "submit" | "button";
         }, {}, string, {}, {
             IconLoading: {
                 new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
@@ -1396,9 +1404,9 @@ declare const Modal: {
     }>> & Readonly<{
         onCancel?: ((_e: Event) => any) | undefined;
         onClose?: (() => any) | undefined;
+        onOpen?: (() => any) | undefined;
         "onUpdate:visible"?: ((_visible: boolean) => any) | undefined;
         onOk?: ((_e: Event) => any) | undefined;
-        onOpen?: (() => any) | undefined;
         onBeforeOpen?: (() => any) | undefined;
         onBeforeClose?: (() => any) | undefined;
     }>, {
@@ -1410,6 +1418,14 @@ declare const Modal: {
         mergedModalStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
         okDisplayText: import("vue").ComputedRef<string>;
         cancelDisplayText: import("vue").ComputedRef<string>;
+        mergedMask: import("vue").ComputedRef<boolean | undefined>;
+        mergedMaskStyle: import("vue").ComputedRef<import("vue").CSSProperties | undefined>;
+        mergedClosable: import("vue").ComputedRef<boolean | undefined>;
+        mergedTitleAlign: import("vue").ComputedRef<"center" | "start" | undefined>;
+        mergedFooter: import("vue").ComputedRef<boolean | undefined>;
+        mergedHideCancel: import("vue").ComputedRef<boolean | undefined>;
+        mergedOkButtonProps: import("vue").ComputedRef<import("..").ButtonProps | undefined>;
+        mergedCancelButtonProps: import("vue").ComputedRef<import("..").ButtonProps | undefined>;
         zIndex: Readonly<import("vue").Ref<number, number>>;
         handleOk: (e: Event) => Promise<void>;
         handleCancel: (e: Event) => void;
@@ -1433,17 +1449,17 @@ declare const Modal: {
         mask: boolean;
         popupContainer: string | HTMLElement;
         unmountOnClose: boolean;
+        renderToBody: boolean;
         defaultVisible: boolean;
-        maskClosable: boolean;
         closable: boolean;
+        simple: boolean;
+        draggable: boolean;
+        maskClosable: boolean;
         okLoading: boolean;
         escToClose: boolean;
-        renderToBody: boolean;
         hideCancel: boolean;
-        draggable: boolean;
         alignCenter: boolean;
         titleAlign: "center" | "start";
-        simple: boolean;
         fullscreen: boolean;
         maskAnimationName: string;
         modalAnimationName: string;
@@ -1574,9 +1590,9 @@ declare const Modal: {
 }>> & Readonly<{
     onCancel?: ((_e: Event) => any) | undefined;
     onClose?: (() => any) | undefined;
+    onOpen?: (() => any) | undefined;
     "onUpdate:visible"?: ((_visible: boolean) => any) | undefined;
     onOk?: ((_e: Event) => any) | undefined;
-    onOpen?: (() => any) | undefined;
     onBeforeOpen?: (() => any) | undefined;
     onBeforeClose?: (() => any) | undefined;
 }>, {
@@ -1588,6 +1604,14 @@ declare const Modal: {
     mergedModalStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
     okDisplayText: import("vue").ComputedRef<string>;
     cancelDisplayText: import("vue").ComputedRef<string>;
+    mergedMask: import("vue").ComputedRef<boolean | undefined>;
+    mergedMaskStyle: import("vue").ComputedRef<import("vue").CSSProperties | undefined>;
+    mergedClosable: import("vue").ComputedRef<boolean | undefined>;
+    mergedTitleAlign: import("vue").ComputedRef<"center" | "start" | undefined>;
+    mergedFooter: import("vue").ComputedRef<boolean | undefined>;
+    mergedHideCancel: import("vue").ComputedRef<boolean | undefined>;
+    mergedOkButtonProps: import("vue").ComputedRef<import("..").ButtonProps | undefined>;
+    mergedCancelButtonProps: import("vue").ComputedRef<import("..").ButtonProps | undefined>;
     zIndex: Readonly<import("vue").Ref<number, number>>;
     handleOk: (e: Event) => Promise<void>;
     handleCancel: (e: Event) => void;
@@ -1619,17 +1643,17 @@ declare const Modal: {
     mask: boolean;
     popupContainer: string | HTMLElement;
     unmountOnClose: boolean;
+    renderToBody: boolean;
     defaultVisible: boolean;
-    maskClosable: boolean;
     closable: boolean;
+    simple: boolean;
+    draggable: boolean;
+    maskClosable: boolean;
     okLoading: boolean;
     escToClose: boolean;
-    renderToBody: boolean;
     hideCancel: boolean;
-    draggable: boolean;
     alignCenter: boolean;
     titleAlign: "center" | "start";
-    simple: boolean;
     fullscreen: boolean;
     maskAnimationName: string;
     modalAnimationName: string;
@@ -1686,9 +1710,9 @@ declare const Modal: {
         }, import("vue").PublicProps, {
             autofocus: boolean;
             disabled: boolean;
-            long: boolean;
             loading: boolean;
-            htmlType: "submit" | "reset" | "button";
+            long: boolean;
+            htmlType: "reset" | "submit" | "button";
         }, true, {}, {}, {
             IconLoading: {
                 new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
@@ -1863,9 +1887,9 @@ declare const Modal: {
         }, {}, {}, {}, {
             autofocus: boolean;
             disabled: boolean;
-            long: boolean;
             loading: boolean;
-            htmlType: "submit" | "reset" | "button";
+            long: boolean;
+            htmlType: "reset" | "submit" | "button";
         }>;
         __isFragment?: never;
         __isTeleport?: never;
@@ -1917,9 +1941,9 @@ declare const Modal: {
     }, string, {
         autofocus: boolean;
         disabled: boolean;
-        long: boolean;
         loading: boolean;
-        htmlType: "submit" | "reset" | "button";
+        long: boolean;
+        htmlType: "reset" | "submit" | "button";
     }, {}, string, {}, {
         IconLoading: {
             new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{

package/es/modal/modal.js

@@ -23,11 +23,11 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
 			name: _ctx.maskAnimationName,
 			appear: ""
 		}, {
-			default: withCtx(() => [_ctx.mask ? withDirectives((openBlock(), createElementBlock("div", {
+			default: withCtx(() => [_ctx.mergedMask ? withDirectives((openBlock(), createElementBlock("div", {
 				key: 0,
 				ref: "maskRef",
 				class: normalizeClass(`${_ctx.prefixCls}-mask`),
-				style: normalizeStyle(_ctx.maskStyle)
+				style: normalizeStyle(_ctx.mergedMaskStyle)
 			}, null, 6)), [[vShow, _ctx.computedVisible]]) : createCommentVNode("", true)]),
 			_: 1
 		}, 8, ["name"]), createElementVNode("div", {
@@ -46,13 +46,13 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
 				class: normalizeClass(_ctx.modalCls),
 				style: normalizeStyle(_ctx.mergedModalStyle)
 			}, [
-				!_ctx.hideTitle && (_ctx.$slots.title || _ctx.title || _ctx.closable) ? (openBlock(), createElementBlock("div", {
+				!_ctx.hideTitle && (_ctx.$slots.title || _ctx.title || _ctx.mergedClosable) ? (openBlock(), createElementBlock("div", {
 					key: 0,
 					class: normalizeClass(`${_ctx.prefixCls}-header`),
 					onMousedown: _cache[1] || (_cache[1] = (...args) => _ctx.handleMoveDown && _ctx.handleMoveDown(...args))
 				}, [_ctx.$slots.title || _ctx.title ? (openBlock(), createElementBlock("div", {
 					key: 0,
-					class: normalizeClass([`${_ctx.prefixCls}-title`, `${_ctx.prefixCls}-title-align-${_ctx.titleAlign}`])
+					class: normalizeClass([`${_ctx.prefixCls}-title`, `${_ctx.prefixCls}-title-align-${_ctx.mergedTitleAlign}`])
 				}, [_ctx.messageType ? (openBlock(), createElementBlock("div", {
 					key: 0,
 					class: normalizeClass(`${_ctx.prefixCls}-title-icon`)
@@ -61,7 +61,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
 					_ctx.messageType === "success" ? (openBlock(), createBlock(_component_icon_check_circle_fill, { key: 1 })) : createCommentVNode("", true),
 					_ctx.messageType === "warning" ? (openBlock(), createBlock(_component_icon_exclamation_circle_fill, { key: 2 })) : createCommentVNode("", true),
 					_ctx.messageType === "error" ? (openBlock(), createBlock(_component_icon_close_circle_fill, { key: 3 })) : createCommentVNode("", true)
-				], 2)) : createCommentVNode("", true), renderSlot(_ctx.$slots, "title", {}, () => [createTextVNode(toDisplayString(_ctx.title), 1)])], 2)) : createCommentVNode("", true), !_ctx.simple && _ctx.closable ? (openBlock(), createElementBlock("div", {
+				], 2)) : createCommentVNode("", true), renderSlot(_ctx.$slots, "title", {}, () => [createTextVNode(toDisplayString(_ctx.title), 1)])], 2)) : createCommentVNode("", true), !_ctx.simple && _ctx.mergedClosable ? (openBlock(), createElementBlock("div", {
 					key: 1,
 					tabindex: "-1",
 					role: "button",
@@ -76,13 +76,13 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
 					class: normalizeClass([`${_ctx.prefixCls}-body`, _ctx.bodyClass]),
 					style: normalizeStyle(_ctx.bodyStyle)
 				}, [renderSlot(_ctx.$slots, "default")], 6),
-				_ctx.footer ? (openBlock(), createElementBlock("div", {
+				_ctx.mergedFooter ? (openBlock(), createElementBlock("div", {
 					key: 1,
 					class: normalizeClass(`${_ctx.prefixCls}-footer`)
-				}, [renderSlot(_ctx.$slots, "footer", {}, () => [!_ctx.hideCancel ? (openBlock(), createBlock(_component_sd_button, mergeProps({ key: 0 }, _ctx.cancelButtonProps, { onClick: _ctx.handleCancel }), {
+				}, [renderSlot(_ctx.$slots, "footer", {}, () => [!_ctx.mergedHideCancel ? (openBlock(), createBlock(_component_sd_button, mergeProps({ key: 0 }, _ctx.mergedCancelButtonProps, { onClick: _ctx.handleCancel }), {
 					default: withCtx(() => [createTextVNode(toDisplayString(_ctx.cancelDisplayText), 1)]),
 					_: 1
-				}, 16, ["onClick"])) : createCommentVNode("", true), createVNode(_component_sd_button, mergeProps({ type: "primary" }, _ctx.okButtonProps, {
+				}, 16, ["onClick"])) : createCommentVNode("", true), createVNode(_component_sd_button, mergeProps({ type: "primary" }, _ctx.mergedOkButtonProps, {
 					loading: _ctx.mergedOkLoading,
 					onClick: _ctx.handleOk
 				}), {

package/es/modal/modal.vue.d.ts

@@ -131,6 +131,14 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
     mergedModalStyle: import("vue").ComputedRef<CSSProperties>;
     okDisplayText: import("vue").ComputedRef<string>;
     cancelDisplayText: import("vue").ComputedRef<string>;
+    mergedMask: import("vue").ComputedRef<boolean | undefined>;
+    mergedMaskStyle: import("vue").ComputedRef<CSSProperties | undefined>;
+    mergedClosable: import("vue").ComputedRef<boolean | undefined>;
+    mergedTitleAlign: import("vue").ComputedRef<"center" | "start" | undefined>;
+    mergedFooter: import("vue").ComputedRef<boolean | undefined>;
+    mergedHideCancel: import("vue").ComputedRef<boolean | undefined>;
+    mergedOkButtonProps: import("vue").ComputedRef<ButtonProps | undefined>;
+    mergedCancelButtonProps: import("vue").ComputedRef<ButtonProps | undefined>;
     zIndex: Readonly<import("vue").Ref<number, number>>;
     handleOk: (e: Event) => Promise<void>;
     handleCancel: (e: Event) => void;
@@ -278,9 +286,9 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
 }>> & Readonly<{
     onCancel?: ((_e: Event) => any) | undefined;
     onClose?: (() => any) | undefined;
+    onOpen?: (() => any) | undefined;
     "onUpdate:visible"?: ((_visible: boolean) => any) | undefined;
     onOk?: ((_e: Event) => any) | undefined;
-    onOpen?: (() => any) | undefined;
     onBeforeOpen?: (() => any) | undefined;
     onBeforeClose?: (() => any) | undefined;
 }>, {
@@ -289,17 +297,17 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
     mask: boolean;
     popupContainer: string | HTMLElement;
     unmountOnClose: boolean;
+    renderToBody: boolean;
     defaultVisible: boolean;
-    maskClosable: boolean;
     closable: boolean;
+    simple: boolean;
+    draggable: boolean;
+    maskClosable: boolean;
     okLoading: boolean;
     escToClose: boolean;
-    renderToBody: boolean;
     hideCancel: boolean;
-    draggable: boolean;
     alignCenter: boolean;
     titleAlign: "center" | "start";
-    simple: boolean;
     fullscreen: boolean;
     maskAnimationName: string;
     modalAnimationName: string;
@@ -356,9 +364,9 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         }, import("vue").PublicProps, {
             autofocus: boolean;
             disabled: boolean;
-            long: boolean;
             loading: boolean;
-            htmlType: "submit" | "reset" | "button";
+            long: boolean;
+            htmlType: "reset" | "submit" | "button";
         }, true, {}, {}, {
             IconLoading: {
                 new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
@@ -533,9 +541,9 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         }, {}, {}, {}, {
             autofocus: boolean;
             disabled: boolean;
-            long: boolean;
             loading: boolean;
-            htmlType: "submit" | "reset" | "button";
+            long: boolean;
+            htmlType: "reset" | "submit" | "button";
         }>;
         __isFragment?: never;
         __isTeleport?: never;
@@ -587,9 +595,9 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
     }, string, {
         autofocus: boolean;
         disabled: boolean;
-        long: boolean;
         loading: boolean;
-        htmlType: "submit" | "reset" | "button";
+        long: boolean;
+        htmlType: "reset" | "submit" | "button";
     }, {}, string, {}, {
         IconLoading: {
             new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{

package/es/modal/modal.vue_vue_type_script_lang.js

@@ -15,6 +15,7 @@ import { useI18n } from "../locale/index.js";
 import client_only_default from "../_components/client-only.js";
 import usePopupManager from "../_hooks/use-popup-manager.js";
 import { useTeleportContainer } from "../_hooks/use-teleport-container.js";
+import { useConfigProviderProp } from "../_hooks/use-config-provider-prop.js";
 import { useOverflow } from "../_hooks/use-overflow.js";
 import { useDraggable } from "./hooks/use-draggable.js";
 import { computed, defineComponent, onBeforeUnmount, onMounted, ref, toRefs, watch } from "vue";
@@ -339,11 +340,123 @@ var modal_vue_vue_type_script_lang_default = /* @__PURE__ */ defineComponent({
 	* @slot footer
 	*/
 	setup(props, { emit }) {
-		const { fullscreen, popupContainer, alignCenter } = toRefs(props);
+		const { fullscreen, popupContainer, alignCenter, mask, maskClosable, maskStyle, closable, titleAlign, top, footer, hideCancel, escToClose, draggable, okText, cancelText, okButtonProps, cancelButtonProps, width } = toRefs(props);
 		const prefixCls = getPrefixCls("modal");
 		const { t } = useI18n();
 		const wrapperRef = ref();
 		const modalRef = ref();
+		const { mergedValue: mergedMask } = useConfigProviderProp(mask, {
+			propNames: ["mask"],
+			getGlobalValue: (configProviderCtx) => {
+				var _configProviderCtx$mo;
+				return configProviderCtx === null || configProviderCtx === void 0 || (_configProviderCtx$mo = configProviderCtx.modal) === null || _configProviderCtx$mo === void 0 ? void 0 : _configProviderCtx$mo.mask;
+			}
+		});
+		const { mergedValue: mergedMaskClosable } = useConfigProviderProp(maskClosable, {
+			propNames: ["maskClosable", "mask-closable"],
+			getGlobalValue: (configProviderCtx) => {
+				var _configProviderCtx$mo2;
+				return configProviderCtx === null || configProviderCtx === void 0 || (_configProviderCtx$mo2 = configProviderCtx.modal) === null || _configProviderCtx$mo2 === void 0 ? void 0 : _configProviderCtx$mo2.maskClosable;
+			}
+		});
+		const { mergedValue: mergedMaskStyle } = useConfigProviderProp(maskStyle, {
+			propNames: ["maskStyle", "mask-style"],
+			getGlobalValue: (configProviderCtx) => {
+				var _configProviderCtx$mo3;
+				return configProviderCtx === null || configProviderCtx === void 0 || (_configProviderCtx$mo3 = configProviderCtx.modal) === null || _configProviderCtx$mo3 === void 0 ? void 0 : _configProviderCtx$mo3.maskStyle;
+			}
+		});
+		const { mergedValue: mergedAlignCenter } = useConfigProviderProp(alignCenter, {
+			propNames: ["alignCenter", "align-center"],
+			getGlobalValue: (configProviderCtx) => {
+				var _configProviderCtx$mo4;
+				return configProviderCtx === null || configProviderCtx === void 0 || (_configProviderCtx$mo4 = configProviderCtx.modal) === null || _configProviderCtx$mo4 === void 0 ? void 0 : _configProviderCtx$mo4.alignCenter;
+			}
+		});
+		const { mergedValue: mergedEscToClose } = useConfigProviderProp(escToClose, {
+			propNames: ["escToClose", "esc-to-close"],
+			getGlobalValue: (configProviderCtx) => {
+				var _configProviderCtx$mo5;
+				return configProviderCtx === null || configProviderCtx === void 0 || (_configProviderCtx$mo5 = configProviderCtx.modal) === null || _configProviderCtx$mo5 === void 0 ? void 0 : _configProviderCtx$mo5.escToClose;
+			}
+		});
+		const { mergedValue: mergedDraggableBase } = useConfigProviderProp(draggable, {
+			propNames: ["draggable"],
+			getGlobalValue: (configProviderCtx) => {
+				var _configProviderCtx$mo6;
+				return configProviderCtx === null || configProviderCtx === void 0 || (_configProviderCtx$mo6 = configProviderCtx.modal) === null || _configProviderCtx$mo6 === void 0 ? void 0 : _configProviderCtx$mo6.draggable;
+			}
+		});
+		const { mergedValue: mergedClosable } = useConfigProviderProp(closable, {
+			propNames: ["closable"],
+			getGlobalValue: (configProviderCtx) => {
+				var _configProviderCtx$mo7;
+				return configProviderCtx === null || configProviderCtx === void 0 || (_configProviderCtx$mo7 = configProviderCtx.modal) === null || _configProviderCtx$mo7 === void 0 ? void 0 : _configProviderCtx$mo7.closable;
+			}
+		});
+		const { mergedValue: mergedTitleAlign } = useConfigProviderProp(titleAlign, {
+			propNames: ["titleAlign", "title-align"],
+			getGlobalValue: (configProviderCtx) => {
+				var _configProviderCtx$mo8;
+				return configProviderCtx === null || configProviderCtx === void 0 || (_configProviderCtx$mo8 = configProviderCtx.modal) === null || _configProviderCtx$mo8 === void 0 ? void 0 : _configProviderCtx$mo8.titleAlign;
+			}
+		});
+		const { mergedValue: mergedTop } = useConfigProviderProp(top, {
+			propNames: ["top"],
+			getGlobalValue: (configProviderCtx) => {
+				var _configProviderCtx$mo9;
+				return configProviderCtx === null || configProviderCtx === void 0 || (_configProviderCtx$mo9 = configProviderCtx.modal) === null || _configProviderCtx$mo9 === void 0 ? void 0 : _configProviderCtx$mo9.top;
+			}
+		});
+		const { mergedValue: mergedFooter } = useConfigProviderProp(footer, {
+			propNames: ["footer"],
+			getGlobalValue: (configProviderCtx) => {
+				var _configProviderCtx$mo10;
+				return configProviderCtx === null || configProviderCtx === void 0 || (_configProviderCtx$mo10 = configProviderCtx.modal) === null || _configProviderCtx$mo10 === void 0 ? void 0 : _configProviderCtx$mo10.footer;
+			}
+		});
+		const { mergedValue: mergedHideCancel } = useConfigProviderProp(hideCancel, {
+			propNames: ["hideCancel", "hide-cancel"],
+			getGlobalValue: (configProviderCtx) => {
+				var _configProviderCtx$mo11;
+				return configProviderCtx === null || configProviderCtx === void 0 || (_configProviderCtx$mo11 = configProviderCtx.modal) === null || _configProviderCtx$mo11 === void 0 ? void 0 : _configProviderCtx$mo11.hideCancel;
+			}
+		});
+		const { mergedValue: mergedOkText } = useConfigProviderProp(okText, {
+			propNames: ["okText", "ok-text"],
+			getGlobalValue: (configProviderCtx) => {
+				var _configProviderCtx$mo12;
+				return configProviderCtx === null || configProviderCtx === void 0 || (_configProviderCtx$mo12 = configProviderCtx.modal) === null || _configProviderCtx$mo12 === void 0 ? void 0 : _configProviderCtx$mo12.okText;
+			}
+		});
+		const { mergedValue: mergedCancelText } = useConfigProviderProp(cancelText, {
+			propNames: ["cancelText", "cancel-text"],
+			getGlobalValue: (configProviderCtx) => {
+				var _configProviderCtx$mo13;
+				return configProviderCtx === null || configProviderCtx === void 0 || (_configProviderCtx$mo13 = configProviderCtx.modal) === null || _configProviderCtx$mo13 === void 0 ? void 0 : _configProviderCtx$mo13.cancelText;
+			}
+		});
+		const { mergedValue: mergedOkButtonProps } = useConfigProviderProp(okButtonProps, {
+			propNames: ["okButtonProps", "ok-button-props"],
+			getGlobalValue: (configProviderCtx) => {
+				var _configProviderCtx$mo14;
+				return configProviderCtx === null || configProviderCtx === void 0 || (_configProviderCtx$mo14 = configProviderCtx.modal) === null || _configProviderCtx$mo14 === void 0 ? void 0 : _configProviderCtx$mo14.okButtonProps;
+			}
+		});
+		const { mergedValue: mergedCancelButtonProps } = useConfigProviderProp(cancelButtonProps, {
+			propNames: ["cancelButtonProps", "cancel-button-props"],
+			getGlobalValue: (configProviderCtx) => {
+				var _configProviderCtx$mo15;
+				return configProviderCtx === null || configProviderCtx === void 0 || (_configProviderCtx$mo15 = configProviderCtx.modal) === null || _configProviderCtx$mo15 === void 0 ? void 0 : _configProviderCtx$mo15.cancelButtonProps;
+			}
+		});
+		const { mergedValue: mergedWidth } = useConfigProviderProp(width, {
+			propNames: ["width"],
+			getGlobalValue: (configProviderCtx) => {
+				var _configProviderCtx$mo16;
+				return configProviderCtx === null || configProviderCtx === void 0 || (_configProviderCtx$mo16 = configProviderCtx.modal) === null || _configProviderCtx$mo16 === void 0 ? void 0 : _configProviderCtx$mo16.width;
+			}
+		});
 		const _visible = ref(props.defaultVisible);
 		const computedVisible = computed(() => {
 			var _props$visible;
@@ -351,21 +464,22 @@ var modal_vue_vue_type_script_lang_default = /* @__PURE__ */ defineComponent({
 		});
 		const _okLoading = ref(false);
 		const mergedOkLoading = computed(() => props.okLoading || _okLoading.value);
-		const mergedDraggable = computed(() => props.draggable && !props.fullscreen);
+		const mergedDraggable = computed(() => Boolean(mergedDraggableBase.value) && !props.fullscreen);
+		const mergedAlignCenterBoolean = computed(() => Boolean(mergedAlignCenter.value));
 		const { teleportContainer, containerRef } = useTeleportContainer({
 			popupContainer,
 			visible: computedVisible
 		});
 		const mounted = ref(computedVisible.value);
-		const okDisplayText = computed(() => props.okText || t("modal.okText"));
-		const cancelDisplayText = computed(() => props.cancelText || t("modal.cancelText"));
+		const okDisplayText = computed(() => mergedOkText.value || t("modal.okText"));
+		const cancelDisplayText = computed(() => mergedCancelText.value || t("modal.cancelText"));
 		const { zIndex, isLastDialog } = usePopupManager("dialog", { visible: computedVisible });
 		let globalKeyDownListener = false;
 		const handleGlobalKeyDown = (ev) => {
-			if (props.escToClose && ev.key === KEYBOARD_KEY.ESC && isLastDialog()) handleCancel(ev);
+			if (mergedEscToClose.value && ev.key === KEYBOARD_KEY.ESC && isLastDialog()) handleCancel(ev);
 		};
 		const addGlobalKeyDownListener = () => {
-			if (props.escToClose && !globalKeyDownListener) {
+			if (mergedEscToClose.value && !globalKeyDownListener) {
 				globalKeyDownListener = true;
 				on(document.documentElement, "keydown", handleGlobalKeyDown);
 			}
@@ -379,7 +493,7 @@ var modal_vue_vue_type_script_lang_default = /* @__PURE__ */ defineComponent({
 			wrapperRef,
 			modalRef,
 			draggable: mergedDraggable,
-			alignCenter
+			alignCenter: mergedAlignCenterBoolean
 		});
 		const close = () => {
 			promiseNumber++;
@@ -436,7 +550,7 @@ var modal_vue_vue_type_script_lang_default = /* @__PURE__ */ defineComponent({
 			if (ev.target === wrapperRef.value) currentIsMask.value = true;
 		};
 		const handleMaskClick = (e) => {
-			if (props.mask && props.maskClosable && currentIsMask.value) handleCancel(e);
+			if (mergedMask.value && mergedMaskClosable.value && currentIsMask.value) handleCancel(e);
 		};
 		const handleOpen = () => {
 			if (computedVisible.value) {
@@ -457,7 +571,7 @@ var modal_vue_vue_type_script_lang_default = /* @__PURE__ */ defineComponent({
 			containerRef.value = getElement(props.popupContainer);
 			if (computedVisible.value) {
 				setOverflowHidden();
-				if (props.escToClose) addGlobalKeyDownListener();
+				if (mergedEscToClose.value) addGlobalKeyDownListener();
 			}
 		});
 		onBeforeUnmount(() => {
@@ -481,7 +595,7 @@ var modal_vue_vue_type_script_lang_default = /* @__PURE__ */ defineComponent({
 			if (position.value) position.value = void 0;
 		});
 		const wrapperCls = computed(() => [`${prefixCls}-wrapper`, {
-			[`${prefixCls}-wrapper-align-center`]: props.alignCenter && !props.fullscreen,
+			[`${prefixCls}-wrapper-align-center`]: mergedAlignCenterBoolean.value && !props.fullscreen,
 			[`${prefixCls}-wrapper-moved`]: Boolean(position.value)
 		}]);
 		const modalCls = computed(() => [
@@ -501,13 +615,21 @@ var modal_vue_vue_type_script_lang_default = /* @__PURE__ */ defineComponent({
 			wrapperRef,
 			mergedModalStyle: computed(() => {
 				const style = _objectSpread2({}, props.modalStyle);
-				if (props.width && !props.fullscreen) style.width = isNumber(props.width) ? `${props.width}px` : props.width;
-				if (!props.alignCenter && props.top) style.top = isNumber(props.top) ? `${props.top}px` : props.top;
+				if (mergedWidth.value && !props.fullscreen) style.width = isNumber(mergedWidth.value) ? `${mergedWidth.value}px` : mergedWidth.value;
+				if (!mergedAlignCenterBoolean.value && mergedTop.value) style.top = isNumber(mergedTop.value) ? `${mergedTop.value}px` : mergedTop.value;
 				if (position.value) style.transform = `translate(${position.value[0]}px, ${position.value[1]}px)`;
 				return style;
 			}),
 			okDisplayText,
 			cancelDisplayText,
+			mergedMask,
+			mergedMaskStyle,
+			mergedClosable,
+			mergedTitleAlign,
+			mergedFooter,
+			mergedHideCancel,
+			mergedOkButtonProps,
+			mergedCancelButtonProps,
 			zIndex,
 			handleOk,
 			handleCancel,

package/es/notification/notification.vue.d.ts

@@ -51,9 +51,9 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
     onClose?: ((...args: any[]) => any) | undefined;
 }>, {
     type: "success" | "warning" | "info" | "error";
+    duration: number;
     closable: boolean;
     showIcon: boolean;
-    duration: number;
     resetOnUpdate: boolean;
 }, {}, {
     AIconHover: import("vue").DefineComponent<import("vue").ExtractPropTypes<{