@sdata/web-vue 1.3.0 → 1.4.1

package/es/message/style/token.less

@@ -1,52 +1,83 @@
-@import '../../style/theme/index.less';
+@import url('../../style/theme/index.less');
 
 @message-wrapper-margin-top: @spacing-12;
+
 @message-wrapper-margin-bottom: @spacing-12;
 
 @message-padding-top: @spacing-5;
+
 @message-padding-bottom: @spacing-5;
+
 @message-padding-left: @spacing-7;
+
 @message-padding-right: @spacing-7;
+
 @message-margin-bottom: @spacing-7;
+
 @message-border-radius: @radius-small;
+
 @message-font-size-icon: 20px;
+
 @message-font-size-content: @font-size-body-3;
+
 @message-icon-margin-right: @spacing-4;
 
 @message-border-width: 1px;
+
 @message-border-style: solid;
 
 @message-color-close-icon: var(~'@{sd-cssvars-prefix}-color-text-1');
+
 @message-close-icon-font-size: 12px;
+
 @message-close-icon-top: 15px;
+
 @message-close-icon-right: @spacing-7;
 
 @message-normal-color-bg: var(~'@{sd-cssvars-prefix}-color-bg-popup');
+
 @message-normal-color-icon: var(~'@{sd-cssvars-prefix}-color-text-1');
+
 @message-normal-color-content: var(~'@{sd-cssvars-prefix}-color-text-1');
+
 @message-normal-color-border: var(~'@{sd-cssvars-prefix}-color-neutral-3');
 
 @message-info-color-bg: var(~'@{sd-cssvars-prefix}-color-bg-popup');
+
 @message-info-color-icon: @color-primary-6;
+
 @message-info-color-content: var(~'@{sd-cssvars-prefix}-color-text-1');
+
 @message-info-color-border: var(~'@{sd-cssvars-prefix}-color-neutral-3');
 
 @message-success-color-bg: var(~'@{sd-cssvars-prefix}-color-bg-popup');
+
 @message-success-color-icon: @color-success-6;
+
 @message-success-color-content: var(~'@{sd-cssvars-prefix}-color-text-1');
+
 @message-success-color-border: var(~'@{sd-cssvars-prefix}-color-neutral-3');
 
 @message-warning-color-bg: var(~'@{sd-cssvars-prefix}-color-bg-popup');
+
 @message-warning-color-icon: @color-warning-6;
+
 @message-warning-color-content: var(~'@{sd-cssvars-prefix}-color-text-1');
+
 @message-warning-color-border: var(~'@{sd-cssvars-prefix}-color-neutral-3');
 
 @message-error-color-bg: var(~'@{sd-cssvars-prefix}-color-bg-popup');
+
 @message-error-color-icon: @color-danger-6;
+
 @message-error-color-content: var(~'@{sd-cssvars-prefix}-color-text-1');
+
 @message-error-color-border: var(~'@{sd-cssvars-prefix}-color-neutral-3');
 
 @message-loading-color-bg: var(~'@{sd-cssvars-prefix}-color-bg-popup');
+
 @message-loading-color-icon: @color-primary-6;
+
 @message-loading-color-content: var(~'@{sd-cssvars-prefix}-color-text-1');
+
 @message-loading-color-border: var(~'@{sd-cssvars-prefix}-color-neutral-3');

package/es/modal/index.d.ts

@@ -122,10 +122,10 @@ declare const Modal: {
             default: boolean;
         };
     }>> & Readonly<{
-        onCancel?: ((e: Event) => any) | undefined;
+        onCancel?: ((_e: Event) => any) | undefined;
         onClose?: (() => any) | undefined;
-        "onUpdate:visible"?: ((visible: boolean) => any) | undefined;
-        onOk?: ((e: Event) => any) | undefined;
+        "onUpdate:visible"?: ((_visible: boolean) => any) | undefined;
+        onOk?: ((_e: Event) => any) | undefined;
         onOpen?: (() => any) | undefined;
         onBeforeOpen?: (() => any) | undefined;
         onBeforeClose?: (() => any) | undefined;
@@ -156,9 +156,9 @@ declare const Modal: {
         teleportContainer: import("vue").Ref<string | HTMLElement | undefined, string | HTMLElement | undefined>;
         handleMoveDown: (ev: MouseEvent) => void;
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-        'update:visible': (visible: boolean) => true;
-        ok: (e: Event) => true;
-        cancel: (e: Event) => true;
+        'update:visible': (_visible: boolean) => true;
+        ok: (_e: Event) => true;
+        cancel: (_e: Event) => true;
         open: () => true;
         close: () => true;
         beforeOpen: () => true;
@@ -223,7 +223,7 @@ declare const Modal: {
                 };
                 href: StringConstructor;
             }>> & Readonly<{
-                onClick?: ((ev: MouseEvent) => any) | undefined;
+                onClick?: ((_ev: MouseEvent) => any) | undefined;
             }>, {
                 prefixCls: string;
                 cls: import("vue").ComputedRef<(string | {
@@ -232,7 +232,7 @@ declare const Modal: {
                 mergedDisabled: import("vue").ComputedRef<boolean>;
                 handleClick: (ev: MouseEvent) => void;
             }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-                click: (ev: MouseEvent) => true;
+                click: (_ev: MouseEvent) => true;
             }, import("vue").PublicProps, {
                 autofocus: boolean;
                 disabled: boolean;
@@ -399,7 +399,7 @@ declare const Modal: {
                 };
                 href: StringConstructor;
             }>> & Readonly<{
-                onClick?: ((ev: MouseEvent) => any) | undefined;
+                onClick?: ((_ev: MouseEvent) => any) | undefined;
             }>, {
                 prefixCls: string;
                 cls: import("vue").ComputedRef<(string | {
@@ -451,7 +451,7 @@ declare const Modal: {
             };
             href: StringConstructor;
         }>> & Readonly<{
-            onClick?: ((ev: MouseEvent) => any) | undefined;
+            onClick?: ((_ev: MouseEvent) => any) | undefined;
         }>, {
             prefixCls: string;
             cls: import("vue").ComputedRef<(string | {
@@ -460,7 +460,7 @@ declare const Modal: {
             mergedDisabled: import("vue").ComputedRef<boolean>;
             handleClick: (ev: MouseEvent) => void;
         }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-            click: (ev: MouseEvent) => true;
+            click: (_ev: MouseEvent) => true;
         }, string, {
             autofocus: boolean;
             disabled: boolean;
@@ -1373,10 +1373,10 @@ declare const Modal: {
             default: boolean;
         };
     }>> & Readonly<{
-        onCancel?: ((e: Event) => any) | undefined;
+        onCancel?: ((_e: Event) => any) | undefined;
         onClose?: (() => any) | undefined;
-        "onUpdate:visible"?: ((visible: boolean) => any) | undefined;
-        onOk?: ((e: Event) => any) | undefined;
+        "onUpdate:visible"?: ((_visible: boolean) => any) | undefined;
+        onOk?: ((_e: Event) => any) | undefined;
         onOpen?: (() => any) | undefined;
         onBeforeOpen?: (() => any) | undefined;
         onBeforeClose?: (() => any) | undefined;
@@ -1551,10 +1551,10 @@ declare const Modal: {
         default: boolean;
     };
 }>> & Readonly<{
-    onCancel?: ((e: Event) => any) | undefined;
+    onCancel?: ((_e: Event) => any) | undefined;
     onClose?: (() => any) | undefined;
-    "onUpdate:visible"?: ((visible: boolean) => any) | undefined;
-    onOk?: ((e: Event) => any) | undefined;
+    "onUpdate:visible"?: ((_visible: boolean) => any) | undefined;
+    onOk?: ((_e: Event) => any) | undefined;
     onOpen?: (() => any) | undefined;
     onBeforeOpen?: (() => any) | undefined;
     onBeforeClose?: (() => any) | undefined;
@@ -1585,9 +1585,9 @@ declare const Modal: {
     teleportContainer: import("vue").Ref<string | HTMLElement | undefined, string | HTMLElement | undefined>;
     handleMoveDown: (ev: MouseEvent) => void;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    'update:visible': (visible: boolean) => true;
-    ok: (e: Event) => true;
-    cancel: (e: Event) => true;
+    'update:visible': (_visible: boolean) => true;
+    ok: (_e: Event) => true;
+    cancel: (_e: Event) => true;
     open: () => true;
     close: () => true;
     beforeOpen: () => true;
@@ -1652,7 +1652,7 @@ declare const Modal: {
             };
             href: StringConstructor;
         }>> & Readonly<{
-            onClick?: ((ev: MouseEvent) => any) | undefined;
+            onClick?: ((_ev: MouseEvent) => any) | undefined;
         }>, {
             prefixCls: string;
             cls: import("vue").ComputedRef<(string | {
@@ -1661,7 +1661,7 @@ declare const Modal: {
             mergedDisabled: import("vue").ComputedRef<boolean>;
             handleClick: (ev: MouseEvent) => void;
         }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-            click: (ev: MouseEvent) => true;
+            click: (_ev: MouseEvent) => true;
         }, import("vue").PublicProps, {
             autofocus: boolean;
             disabled: boolean;
@@ -1828,7 +1828,7 @@ declare const Modal: {
             };
             href: StringConstructor;
         }>> & Readonly<{
-            onClick?: ((ev: MouseEvent) => any) | undefined;
+            onClick?: ((_ev: MouseEvent) => any) | undefined;
         }>, {
             prefixCls: string;
             cls: import("vue").ComputedRef<(string | {
@@ -1880,7 +1880,7 @@ declare const Modal: {
         };
         href: StringConstructor;
     }>> & Readonly<{
-        onClick?: ((ev: MouseEvent) => any) | undefined;
+        onClick?: ((_ev: MouseEvent) => any) | undefined;
     }>, {
         prefixCls: string;
         cls: import("vue").ComputedRef<(string | {
@@ -1889,7 +1889,7 @@ declare const Modal: {
         mergedDisabled: import("vue").ComputedRef<boolean>;
         handleClick: (ev: MouseEvent) => void;
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-        click: (ev: MouseEvent) => true;
+        click: (_ev: MouseEvent) => true;
     }, string, {
         autofocus: boolean;
         disabled: boolean;

package/es/modal/index.js

@@ -57,7 +57,7 @@ var open = (config, appContext) => {
 		"onOk",
 		"onCancel",
 		"onClose"
-	])), { footer: typeof config.footer === "boolean" ? config.footer : void 0 }), {
+	])), {}, { footer: typeof config.footer === "boolean" ? config.footer : void 0 }), {
 		default: getSlotFunction(config.content),
 		title: getSlotFunction(config.title),
 		footer: typeof config.footer !== "boolean" ? getSlotFunction(config.footer) : void 0

package/es/modal/modal.js

@@ -28,7 +28,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
 				ref: "maskRef",
 				class: normalizeClass(`${_ctx.prefixCls}-mask`),
 				style: normalizeStyle(_ctx.maskStyle)
-			}, null, 6)), [[vShow, _ctx.computedVisible]]) : createCommentVNode("v-if", true)]),
+			}, null, 6)), [[vShow, _ctx.computedVisible]]) : createCommentVNode("", true)]),
 			_: 1
 		}, 8, ["name"]), createElementVNode("div", {
 			ref: "wrapperRef",
@@ -39,8 +39,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
 			name: _ctx.modalAnimationName,
 			appear: "",
 			onAfterEnter: _ctx.handleOpen,
-			onAfterLeave: _ctx.handleClose,
-			persisted: ""
+			onAfterLeave: _ctx.handleClose
 		}, {
 			default: withCtx(() => [withDirectives(createElementVNode("div", {
 				ref: "modalRef",
@@ -58,11 +57,11 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
 					key: 0,
 					class: normalizeClass(`${_ctx.prefixCls}-title-icon`)
 				}, [
-					_ctx.messageType === "info" ? (openBlock(), createBlock(_component_icon_info_circle_fill, { key: 0 })) : createCommentVNode("v-if", true),
-					_ctx.messageType === "success" ? (openBlock(), createBlock(_component_icon_check_circle_fill, { key: 1 })) : createCommentVNode("v-if", true),
-					_ctx.messageType === "warning" ? (openBlock(), createBlock(_component_icon_exclamation_circle_fill, { key: 2 })) : createCommentVNode("v-if", true),
-					_ctx.messageType === "error" ? (openBlock(), createBlock(_component_icon_close_circle_fill, { key: 3 })) : createCommentVNode("v-if", true)
-				], 2)) : createCommentVNode("v-if", true), renderSlot(_ctx.$slots, "title", {}, () => [createTextVNode(toDisplayString(_ctx.title), 1)])], 2)) : createCommentVNode("v-if", true), !_ctx.simple && _ctx.closable ? (openBlock(), createElementBlock("div", {
+					_ctx.messageType === "info" ? (openBlock(), createBlock(_component_icon_info_circle_fill, { key: 0 })) : createCommentVNode("", true),
+					_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", {
 					key: 1,
 					tabindex: "-1",
 					role: "button",
@@ -72,7 +71,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
 				}, [createVNode(_component_icon_hover, null, {
 					default: withCtx(() => [createVNode(_component_icon_close)]),
 					_: 1
-				})], 2)) : createCommentVNode("v-if", true)], 34)) : createCommentVNode("v-if", true),
+				})], 2)) : createCommentVNode("", true)], 34)) : createCommentVNode("", true),
 				createElementVNode("div", {
 					class: normalizeClass([`${_ctx.prefixCls}-body`, _ctx.bodyClass]),
 					style: normalizeStyle(_ctx.bodyStyle)
@@ -83,20 +82,20 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
 				}, [renderSlot(_ctx.$slots, "footer", {}, () => [!_ctx.hideCancel ? (openBlock(), createBlock(_component_sd_button, mergeProps({ key: 0 }, _ctx.cancelButtonProps, { onClick: _ctx.handleCancel }), {
 					default: withCtx(() => [createTextVNode(toDisplayString(_ctx.cancelDisplayText), 1)]),
 					_: 1
-				}, 16, ["onClick"])) : createCommentVNode("v-if", true), createVNode(_component_sd_button, mergeProps({ type: "primary" }, _ctx.okButtonProps, {
+				}, 16, ["onClick"])) : createCommentVNode("", true), createVNode(_component_sd_button, mergeProps({ type: "primary" }, _ctx.okButtonProps, {
 					loading: _ctx.mergedOkLoading,
 					onClick: _ctx.handleOk
 				}), {
 					default: withCtx(() => [createTextVNode(toDisplayString(_ctx.okDisplayText), 1)]),
 					_: 1
-				}, 16, ["loading", "onClick"])])], 2)) : createCommentVNode("v-if", true)
+				}, 16, ["loading", "onClick"])])], 2)) : createCommentVNode("", true)
 			], 6), [[vShow, _ctx.computedVisible]])]),
 			_: 3
 		}, 8, [
 			"name",
 			"onAfterEnter",
 			"onAfterLeave"
-		])], 34)], 16)), [[vShow, _ctx.computedVisible || _ctx.mounted]]) : createCommentVNode("v-if", true)], 8, ["to", "disabled"]))]),
+		])], 34)], 16)), [[vShow, _ctx.computedVisible || _ctx.mounted]]) : createCommentVNode("", true)], 8, ["to", "disabled"]))]),
 		_: 3
 	});
 }

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

@@ -149,9 +149,9 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
     teleportContainer: import("vue").Ref<string | HTMLElement | undefined, string | HTMLElement | undefined>;
     handleMoveDown: (ev: MouseEvent) => void;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    'update:visible': (visible: boolean) => true;
-    ok: (e: Event) => true;
-    cancel: (e: Event) => true;
+    'update:visible': (_visible: boolean) => true;
+    ok: (_e: Event) => true;
+    cancel: (_e: Event) => true;
     open: () => true;
     close: () => true;
     beforeOpen: () => true;
@@ -276,10 +276,10 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         default: boolean;
     };
 }>> & Readonly<{
-    onCancel?: ((e: Event) => any) | undefined;
+    onCancel?: ((_e: Event) => any) | undefined;
     onClose?: (() => any) | undefined;
-    "onUpdate:visible"?: ((visible: boolean) => any) | undefined;
-    onOk?: ((e: Event) => any) | undefined;
+    "onUpdate:visible"?: ((_visible: boolean) => any) | undefined;
+    onOk?: ((_e: Event) => any) | undefined;
     onOpen?: (() => any) | undefined;
     onBeforeOpen?: (() => any) | undefined;
     onBeforeClose?: (() => any) | undefined;
@@ -343,7 +343,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
             };
             href: StringConstructor;
         }>> & Readonly<{
-            onClick?: ((ev: MouseEvent) => any) | undefined;
+            onClick?: ((_ev: MouseEvent) => any) | undefined;
         }>, {
             prefixCls: string;
             cls: import("vue").ComputedRef<(string | {
@@ -352,7 +352,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
             mergedDisabled: import("vue").ComputedRef<boolean>;
             handleClick: (ev: MouseEvent) => void;
         }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-            click: (ev: MouseEvent) => true;
+            click: (_ev: MouseEvent) => true;
         }, import("vue").PublicProps, {
             autofocus: boolean;
             disabled: boolean;
@@ -519,7 +519,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
             };
             href: StringConstructor;
         }>> & Readonly<{
-            onClick?: ((ev: MouseEvent) => any) | undefined;
+            onClick?: ((_ev: MouseEvent) => any) | undefined;
         }>, {
             prefixCls: string;
             cls: import("vue").ComputedRef<(string | {
@@ -571,7 +571,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         };
         href: StringConstructor;
     }>> & Readonly<{
-        onClick?: ((ev: MouseEvent) => any) | undefined;
+        onClick?: ((_ev: MouseEvent) => any) | undefined;
     }>, {
         prefixCls: string;
         cls: import("vue").ComputedRef<(string | {
@@ -580,7 +580,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         mergedDisabled: import("vue").ComputedRef<boolean>;
         handleClick: (ev: MouseEvent) => void;
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-        click: (ev: MouseEvent) => true;
+        click: (_ev: MouseEvent) => true;
     }, string, {
         autofocus: boolean;
         disabled: boolean;

package/es/modal/modal.vue_vue_type_script_lang.js

@@ -139,9 +139,9 @@ var modal_vue_vue_type_script_lang_default = /* @__PURE__ */ defineComponent({
 		}
 	},
 	emits: {
-		"update:visible": (visible) => true,
-		"ok": (e) => true,
-		"cancel": (e) => true,
+		"update:visible": (_visible) => true,
+		"ok": (_e) => true,
+		"cancel": (_e) => true,
 		"open": () => true,
 		"close": () => true,
 		"beforeOpen": () => true,
@@ -309,8 +309,7 @@ var modal_vue_vue_type_script_lang_default = /* @__PURE__ */ defineComponent({
 			containerRef,
 			wrapperRef,
 			mergedModalStyle: computed(() => {
-				var _props$modalStyle;
-				const style = _objectSpread2({}, (_props$modalStyle = props.modalStyle) !== null && _props$modalStyle !== void 0 ? _props$modalStyle : {});
+				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 (position.value) style.transform = `translate(${position.value[0]}px, ${position.value[1]}px)`;

package/es/modal/style/index.css

@@ -17,25 +17,16 @@
 /********* icon hover *********/
 .sd-modal-container {
   position: fixed;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
+  inset: 0;
 }
 .sd-modal-mask {
   position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
+  inset: 0;
   background-color: var(--color-mask-bg);
 }
 .sd-modal-wrapper {
   position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
+  inset: 0;
   overflow: auto;
   text-align: center;
 }

package/es/modal/style/index.less

@@ -1,30 +1,21 @@
-@import './token.less';
+@import url('./token.less');
 
 @modal-prefix-cls: ~'@{prefix}-modal';
 
 .@{modal-prefix-cls}-container {
   position: fixed;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
+  inset: 0;
 }
 
 .@{modal-prefix-cls}-mask {
   position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
+  inset: 0;
   background-color: var(~'@{sd-cssvars-prefix}-color-mask-bg');
 }
 
 .@{modal-prefix-cls}-wrapper {
   position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
+  inset: 0;
   overflow: auto;
   text-align: center;
 

package/es/modal/style/token.less

@@ -1,30 +1,51 @@
-@import '../../style/theme/index.less';
+@import url('../../style/theme/index.less');
 
 @modal-border-radius: @radius-medium;
+
 @modal-size-tip-icon: 18px;
+
 @modal-margin-top: 100px;
+
 @modal-margin-tip-icon-right: @spacing-5;
+
 @modal-margin-footer-button-left: @spacing-6;
+
 @modal-color-border: var(~'@{sd-cssvars-prefix}-color-neutral-3');
+
 @modal-color-header-text: var(~'@{sd-cssvars-prefix}-color-text-1');
+
 @modal-color-content-text: var(~'@{sd-cssvars-prefix}-color-text-1');
+
 @modal-font-header-size: @font-size-title-1;
 
 @modal-default-padding-horizontal: @spacing-8;
+
 @modal-default-size-header-height: @size-12;
+
 @modal-default-padding-content-vertical: @spacing-9;
+
 @modal-default-padding-footer-vertical: @spacing-7;
+
 @modal-default-size-width: 520px;
+
 @modal-font-content-size: @font-size-body-3;
+
 @modal-default-align-header: center;
+
 @modal-simple-align-header: center;
 
 @modal-simple-size-width: 400px;
+
 @modal-simple-padding-horizontal: @spacing-10;
+
 @modal-simple-padding-top: @spacing-9;
+
 @modal-simple-padding-bottom: @spacing-10;
+
 @modal-simple-margin-footer-top: @spacing-10;
+
 @modal-simple-margin-content-top: @spacing-9;
 
 @modal-position-close-icon-right: 16px;
+
 @modal-font-size-close-icon: 12px;

package/es/notification/index.js

@@ -51,6 +51,9 @@ var NotificationManger = class {
 				notificationInstance[this.position] = void 0;
 			}
 		};
+		this.isDisconnected = () => {
+			return !this.container || !this.container.isConnected;
+		};
 		const { position = "topRight" } = config;
 		this.container = getOverlay("notification");
 		this.notificationIds = /* @__PURE__ */ new Set();
@@ -70,9 +73,11 @@ var NotificationManger = class {
 var notificationInstance = {};
 var notification = MESSAGE_TYPES.reduce((pre, value) => {
 	pre[value] = (config, appContext) => {
+		var _notificationInstance;
 		if (isString(config)) config = { content: config };
 		const _config = _objectSpread2({ type: value }, config);
 		const { position = "topRight" } = _config;
+		if ((_notificationInstance = notificationInstance[position]) === null || _notificationInstance === void 0 ? void 0 : _notificationInstance.isDisconnected()) notificationInstance[position] = void 0;
 		if (!notificationInstance[position]) notificationInstance[position] = new NotificationManger(_config, appContext);
 		return notificationInstance[position].add(_config);
 	};
@@ -83,8 +88,8 @@ notification.remove = (id) => {
 };
 notification.clear = (position) => {
 	if (position) {
-		var _notificationInstance;
-		(_notificationInstance = notificationInstance[position]) === null || _notificationInstance === void 0 || _notificationInstance.clear();
+		var _notificationInstance2;
+		(_notificationInstance2 = notificationInstance[position]) === null || _notificationInstance2 === void 0 || _notificationInstance2.clear();
 	} else Object.values(notificationInstance).forEach((item) => item === null || item === void 0 ? void 0 : item.clear());
 };
 var Notification = _objectSpread2(_objectSpread2({}, notification), {}, {

package/es/notification/notification.js

@@ -20,20 +20,20 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
 		_ctx.showIcon ? (openBlock(), createElementBlock("div", {
 			key: 0,
 			class: normalizeClass(`${_ctx.prefixCls}-left`)
-		}, [createElementVNode("div", { class: normalizeClass(`${_ctx.prefixCls}-icon`) }, [renderSlot(_ctx.$slots, "icon", {}, () => [_ctx.type === "info" ? (openBlock(), createBlock(_component_icon_info_circle_fill, { key: 0 })) : _ctx.type === "success" ? (openBlock(), createBlock(_component_icon_check_circle_fill, { key: 1 })) : _ctx.type === "warning" ? (openBlock(), createBlock(_component_icon_exclamation_circle_fill, { key: 2 })) : _ctx.type === "error" ? (openBlock(), createBlock(_component_icon_close_circle_fill, { key: 3 })) : createCommentVNode("v-if", true)])], 2)], 2)) : createCommentVNode("v-if", true),
+		}, [createElementVNode("div", { class: normalizeClass(`${_ctx.prefixCls}-icon`) }, [renderSlot(_ctx.$slots, "icon", {}, () => [_ctx.type === "info" ? (openBlock(), createBlock(_component_icon_info_circle_fill, { key: 0 })) : _ctx.type === "success" ? (openBlock(), createBlock(_component_icon_check_circle_fill, { key: 1 })) : _ctx.type === "warning" ? (openBlock(), createBlock(_component_icon_exclamation_circle_fill, { key: 2 })) : _ctx.type === "error" ? (openBlock(), createBlock(_component_icon_close_circle_fill, { key: 3 })) : createCommentVNode("", true)])], 2)], 2)) : createCommentVNode("", true),
 		createElementVNode("div", { class: normalizeClass(`${_ctx.prefixCls}-right`) }, [
 			_ctx.$slots.default ? (openBlock(), createElementBlock("div", {
 				key: 0,
 				class: normalizeClass(`${_ctx.prefixCls}-title`)
-			}, [renderSlot(_ctx.$slots, "default")], 2)) : createCommentVNode("v-if", true),
+			}, [renderSlot(_ctx.$slots, "default")], 2)) : createCommentVNode("", true),
 			_ctx.$slots.content ? (openBlock(), createElementBlock("div", {
 				key: 1,
 				class: normalizeClass(`${_ctx.prefixCls}-content`)
-			}, [renderSlot(_ctx.$slots, "content")], 2)) : createCommentVNode("v-if", true),
+			}, [renderSlot(_ctx.$slots, "content")], 2)) : createCommentVNode("", true),
 			_ctx.$slots.footer ? (openBlock(), createElementBlock("div", {
 				key: 2,
 				class: normalizeClass(`${_ctx.prefixCls}-footer`)
-			}, [renderSlot(_ctx.$slots, "footer")], 2)) : createCommentVNode("v-if", true)
+			}, [renderSlot(_ctx.$slots, "footer")], 2)) : createCommentVNode("", true)
 		], 2),
 		_ctx.closable ? (openBlock(), createElementBlock("div", {
 			key: 1,
@@ -42,7 +42,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
 		}, [renderSlot(_ctx.$slots, "closeIconElement", {}, () => [createVNode(_component_a_icon_hover, null, {
 			default: withCtx(() => [renderSlot(_ctx.$slots, "closeIcon", {}, () => [createVNode(_component_icon_close)])]),
 			_: 3
-		})])], 2)) : createCommentVNode("v-if", true)
+		})])], 2)) : createCommentVNode("", true)
 	], 2);
 }
 var notification_default = /* @__PURE__ */ _plugin_vue_export_helper_default(notification_vue_vue_type_script_lang_default, [["render", _sfc_render]]);

package/es/notification/style/index.less

@@ -1,5 +1,5 @@
-@import '../../style/mixins/index.less';
-@import './token.less';
+@import url('../../style/mixins/index.less');
+@import url('./token.less');
 
 @notification-prefix-cls: ~'@{prefix}-notification';
 
@@ -49,7 +49,7 @@
   background-color: @notification-normal-color-bg;
   border: @notification-border-width @notification-border-style @notification-normal-color-border;
   border-radius: @notification-border-radius;
-  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
+  box-shadow: 0 4px 12px rgb(0 0 0 / 15%);
   opacity: 1;
   transition: opacity @transition-duration-2 @transition-timing-function-linear;