naive-ui 2.41.1 → 2.43.0

package/lib/modal/src/Modal.d.ts

@@ -25,6 +25,10 @@ export declare const modalProps: {
     onBeforeHide: PropType<() => void>;
     onAfterHide: PropType<() => void>;
     onHide: PropType<(value: false) => void>;
+    unstableShowMask: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
     icon: PropType<() => import("vue").VNodeChild>;
     type: {
         readonly type: PropType<"info" | "success" | "warning" | "error" | "default">;
@@ -54,6 +58,7 @@ export declare const modalProps: {
     contentStyle: PropType<string | CSSProperties>;
     actionClass: PropType<string | Array<string | undefined>>;
     actionStyle: PropType<string | CSSProperties>;
+    closeFocusable: BooleanConstructor;
     headerClass: StringConstructor;
     headerStyle: PropType<CSSProperties | string>;
     headerExtraClass: StringConstructor;
@@ -79,7 +84,7 @@ export declare const modalProps: {
     footer: PropType<() => import("vue").VNodeChild>;
     headerExtra: PropType<() => import("vue").VNodeChild>;
     show: BooleanConstructor;
-    unstableShowMask: {
+    showMask: {
         type: BooleanConstructor;
         default: boolean;
     };
@@ -1019,6 +1024,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     onBeforeHide: PropType<() => void>;
     onAfterHide: PropType<() => void>;
     onHide: PropType<(value: false) => void>;
+    unstableShowMask: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
     icon: PropType<() => import("vue").VNodeChild>;
     type: {
         readonly type: PropType<"info" | "success" | "warning" | "error" | "default">;
@@ -1048,6 +1057,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     contentStyle: PropType<string | CSSProperties>;
     actionClass: PropType<string | Array<string | undefined>>;
     actionStyle: PropType<string | CSSProperties>;
+    closeFocusable: BooleanConstructor;
     headerClass: StringConstructor;
     headerStyle: PropType<CSSProperties | string>;
     headerExtraClass: StringConstructor;
@@ -1073,7 +1083,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     footer: PropType<() => import("vue").VNodeChild>;
     headerExtra: PropType<() => import("vue").VNodeChild>;
     show: BooleanConstructor;
-    unstableShowMask: {
+    showMask: {
         type: BooleanConstructor;
         default: boolean;
     };
@@ -2028,6 +2038,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     onBeforeHide: PropType<() => void>;
     onAfterHide: PropType<() => void>;
     onHide: PropType<(value: false) => void>;
+    unstableShowMask: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
     icon: PropType<() => import("vue").VNodeChild>;
     type: {
         readonly type: PropType<"info" | "success" | "warning" | "error" | "default">;
@@ -2057,6 +2071,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     contentStyle: PropType<string | CSSProperties>;
     actionClass: PropType<string | Array<string | undefined>>;
     actionStyle: PropType<string | CSSProperties>;
+    closeFocusable: BooleanConstructor;
     headerClass: StringConstructor;
     headerStyle: PropType<CSSProperties | string>;
     headerExtraClass: StringConstructor;
@@ -2082,7 +2097,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     footer: PropType<() => import("vue").VNodeChild>;
     headerExtra: PropType<() => import("vue").VNodeChild>;
     show: BooleanConstructor;
-    unstableShowMask: {
+    showMask: {
         type: BooleanConstructor;
         default: boolean;
     };
@@ -2994,27 +3009,29 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         }, any>;
     }>>>;
 }>> & Readonly<{}>, {
-    type: "error" | "default" | "info" | "success" | "warning";
+    type: "error" | "default" | "info" | "warning" | "success";
     tag: keyof HTMLElementTagNameMap;
     size: "small" | "medium" | "large" | "huge";
     show: boolean;
     transformOrigin: "center" | "mouse";
     loading: boolean;
     autoFocus: boolean;
-    bordered: boolean;
     showIcon: boolean;
+    bordered: boolean;
     closable: boolean;
-    displayDirective: "show" | "if";
-    hoverable: boolean;
     embedded: boolean;
     segmented: boolean | import("../../card").CardSegmented;
+    hoverable: boolean;
+    closeFocusable: boolean;
+    displayDirective: "show" | "if";
+    blockScroll: boolean;
+    closeOnEsc: boolean;
+    maskClosable: boolean;
+    showMask: boolean;
+    trapFocus: boolean;
     internalDialog: boolean;
     internalModal: boolean;
     internalAppear: boolean | undefined;
     unstableShowMask: boolean;
-    maskClosable: boolean;
-    trapFocus: boolean;
-    closeOnEsc: boolean;
-    blockScroll: boolean;
 }, SlotsType<ModalSlots>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/lib/modal/src/Modal.js

@@ -17,7 +17,7 @@ const BodyWrapper_1 = __importDefault(require("./BodyWrapper"));
 const interface_1 = require("./interface");
 const presetProps_1 = require("./presetProps");
 const index_cssr_1 = __importDefault(require("./styles/index.cssr"));
-exports.modalProps = Object.assign(Object.assign(Object.assign(Object.assign({}, _mixins_1.useTheme.props), { show: Boolean, unstableShowMask: {
+exports.modalProps = Object.assign(Object.assign(Object.assign(Object.assign({}, _mixins_1.useTheme.props), { show: Boolean, showMask: {
         type: Boolean,
         default: true
     }, maskClosable: {
@@ -47,7 +47,10 @@ exports.modalProps = Object.assign(Object.assign(Object.assign(Object.assign({},
         default: undefined
     }, 
     // deprecated
-    overlayStyle: [String, Object], onBeforeHide: Function, onAfterHide: Function, onHide: Function });
+    overlayStyle: [String, Object], onBeforeHide: Function, onAfterHide: Function, onHide: Function, unstableShowMask: {
+        type: Boolean,
+        default: undefined
+    } });
 exports.default = (0, vue_1.defineComponent)({
     name: 'Modal',
     inheritAttrs: false,
@@ -67,6 +70,9 @@ exports.default = (0, vue_1.defineComponent)({
             if (props.overlayStyle) {
                 (0, _utils_1.warnOnce)('modal', '`overlay-style` is deprecated, please use `style` instead.');
             }
+            if (props.unstableShowMask) {
+                (0, _utils_1.warnOnce)('modal', '`unstable-show-mask` has been removed, please use `show-mask` instead.');
+            }
         }
         const containerRef = (0, vue_1.ref)(null);
         const { mergedClsPrefixRef, namespaceRef, inlineThemeDisabled } = (0, _mixins_1.useConfig)(props);
@@ -228,13 +234,13 @@ exports.default = (0, vue_1.defineComponent)({
             default: () => {
                 var _a;
                 (_a = this.onRender) === null || _a === void 0 ? void 0 : _a.call(this);
-                const { unstableShowMask } = this;
+                const { showMask } = this;
                 return (0, vue_1.withDirectives)((0, vue_1.h)("div", { role: "none", ref: "containerRef", class: [
                         `${mergedClsPrefix}-modal-container`,
                         this.themeClass,
                         this.namespace
                     ], style: this.cssVars },
-                    (0, vue_1.h)(BodyWrapper_1.default, Object.assign({ style: this.overlayStyle }, this.$attrs, { ref: "bodyWrapper", displayDirective: this.displayDirective, show: this.show, preset: this.preset, autoFocus: this.autoFocus, trapFocus: this.trapFocus, draggable: this.draggable, blockScroll: this.blockScroll }, this.presetProps, { onEsc: this.handleEsc, onClose: this.handleCloseClick, onNegativeClick: this.handleNegativeClick, onPositiveClick: this.handlePositiveClick, onBeforeLeave: this.handleBeforeLeave, onAfterEnter: this.onAfterEnter, onAfterLeave: this.handleAfterLeave, onClickoutside: unstableShowMask ? undefined : this.handleClickoutside, renderMask: unstableShowMask
+                    (0, vue_1.h)(BodyWrapper_1.default, Object.assign({ style: this.overlayStyle }, this.$attrs, { ref: "bodyWrapper", displayDirective: this.displayDirective, show: this.show, preset: this.preset, autoFocus: this.autoFocus, trapFocus: this.trapFocus, draggable: this.draggable, blockScroll: this.blockScroll, maskHidden: !showMask }, this.presetProps, { onEsc: this.handleEsc, onClose: this.handleCloseClick, onNegativeClick: this.handleNegativeClick, onPositiveClick: this.handlePositiveClick, onBeforeLeave: this.handleBeforeLeave, onAfterEnter: this.onAfterEnter, onAfterLeave: this.handleAfterLeave, onClickoutside: showMask ? undefined : this.handleClickoutside, renderMask: showMask
                             ? () => {
                                 var _a;
                                 return ((0, vue_1.h)(vue_1.Transition, { name: "fade-in-transition", key: "mask", appear: (_a = this.internalAppear) !== null && _a !== void 0 ? _a : this.isMounted }, {

package/lib/modal/src/ModalEnvironment.d.ts

@@ -29,6 +29,10 @@ export declare const NModalEnvironment: import("vue").DefineComponent<import("vu
     onBeforeHide: PropType<() => void>;
     onAfterHide: PropType<() => void>;
     onHide: PropType<(value: false) => void>;
+    unstableShowMask: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
     icon: PropType<() => import("vue").VNodeChild>;
     type: {
         readonly type: PropType<"info" | "success" | "warning" | "error" | "default">;
@@ -58,6 +62,7 @@ export declare const NModalEnvironment: import("vue").DefineComponent<import("vu
     contentStyle: PropType<string | import("vue").CSSProperties>;
     actionClass: PropType<string | Array<string | undefined>>;
     actionStyle: PropType<string | import("vue").CSSProperties>;
+    closeFocusable: BooleanConstructor;
     headerClass: StringConstructor;
     headerStyle: PropType<import("vue").CSSProperties | string>;
     headerExtraClass: StringConstructor;
@@ -83,7 +88,7 @@ export declare const NModalEnvironment: import("vue").DefineComponent<import("vu
     footer: PropType<() => import("vue").VNodeChild>;
     headerExtra: PropType<() => import("vue").VNodeChild>;
     show: BooleanConstructor;
-    unstableShowMask: {
+    showMask: {
         type: BooleanConstructor;
         default: boolean;
     };
@@ -1034,6 +1039,10 @@ export declare const NModalEnvironment: import("vue").DefineComponent<import("vu
     onBeforeHide: PropType<() => void>;
     onAfterHide: PropType<() => void>;
     onHide: PropType<(value: false) => void>;
+    unstableShowMask: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
     icon: PropType<() => import("vue").VNodeChild>;
     type: {
         readonly type: PropType<"info" | "success" | "warning" | "error" | "default">;
@@ -1063,6 +1072,7 @@ export declare const NModalEnvironment: import("vue").DefineComponent<import("vu
     contentStyle: PropType<string | import("vue").CSSProperties>;
     actionClass: PropType<string | Array<string | undefined>>;
     actionStyle: PropType<string | import("vue").CSSProperties>;
+    closeFocusable: BooleanConstructor;
     headerClass: StringConstructor;
     headerStyle: PropType<import("vue").CSSProperties | string>;
     headerExtraClass: StringConstructor;
@@ -1088,7 +1098,7 @@ export declare const NModalEnvironment: import("vue").DefineComponent<import("vu
     footer: PropType<() => import("vue").VNodeChild>;
     headerExtra: PropType<() => import("vue").VNodeChild>;
     show: BooleanConstructor;
-    unstableShowMask: {
+    showMask: {
         type: BooleanConstructor;
         default: boolean;
     };
@@ -2000,26 +2010,28 @@ export declare const NModalEnvironment: import("vue").DefineComponent<import("vu
         }, any>;
     }>>>;
 }>> & Readonly<{}>, {
-    type: "error" | "default" | "info" | "success" | "warning";
+    type: "error" | "default" | "info" | "warning" | "success";
     tag: keyof HTMLElementTagNameMap;
     size: "small" | "medium" | "large" | "huge";
     show: boolean;
     transformOrigin: "center" | "mouse";
     loading: boolean;
     autoFocus: boolean;
-    bordered: boolean;
     showIcon: boolean;
+    bordered: boolean;
     closable: boolean;
-    displayDirective: "show" | "if";
-    hoverable: boolean;
     embedded: boolean;
     segmented: boolean | import("../..").CardSegmented;
+    hoverable: boolean;
+    closeFocusable: boolean;
+    displayDirective: "show" | "if";
+    blockScroll: boolean;
+    closeOnEsc: boolean;
+    maskClosable: boolean;
+    showMask: boolean;
+    trapFocus: boolean;
     internalDialog: boolean;
     internalModal: boolean;
     internalAppear: boolean | undefined;
     unstableShowMask: boolean;
-    maskClosable: boolean;
-    trapFocus: boolean;
-    closeOnEsc: boolean;
-    blockScroll: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/lib/modal/src/ModalEnvironment.js

@@ -15,13 +15,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.NModalEnvironment = void 0;
 // use absolute path to make sure no circular ref of style
@@ -122,6 +132,6 @@ exports.NModalEnvironment = (0, vue_1.defineComponent)({
     },
     render() {
         const { handleUpdateShow, handleAfterLeave, handleMaskClick, handleEsc, show } = this;
-        return ((0, vue_1.h)(Modal_1.default, Object.assign({}, this.$props, { show: show, onUpdateShow: handleUpdateShow, onMaskClick: handleMaskClick, onEsc: handleEsc, onAfterLeave: handleAfterLeave, internalAppear: true, internalModal: true })));
+        return ((0, vue_1.h)(Modal_1.default, Object.assign({}, this.$props, { show: show, onUpdateShow: handleUpdateShow, onMaskClick: handleMaskClick, onEsc: handleEsc, onAfterLeave: handleAfterLeave, internalAppear: true, internalModal: true }), this.$slots));
     }
 });

package/lib/modal/src/ModalProvider.d.ts

@@ -1,9 +1,10 @@
-import type { CSSProperties, DefineComponent, ExtractPropTypes, PropType, Ref } from 'vue';
+import type { CSSProperties, DefineComponent, ExtractPropTypes, PropType, Ref, VNodeChild } from 'vue';
 import type { ExtractPublicPropTypes, Mutable } from '../../_utils';
 import type { modalProps } from './Modal';
 export type ModalOptions = Mutable<Omit<Partial<ExtractPropTypes<typeof modalProps>>, 'internalStyle'> & {
     class?: any;
     style?: string | CSSProperties;
+    render?: () => VNodeChild;
 }>;
 export type ModalReactive = {
     readonly key: string;

package/lib/modal/src/ModalProvider.js

@@ -52,7 +52,7 @@ exports.NModalProvider = (0, vue_1.defineComponent)({
         return (0, vue_1.h)(vue_1.Fragment, null, [
             this.modalList.map(modal => {
                 var _a;
-                return (0, vue_1.h)(ModalEnvironment_1.NModalEnvironment, (0, _utils_1.omit)(modal, ['destroy'], {
+                return (0, vue_1.h)(ModalEnvironment_1.NModalEnvironment, (0, _utils_1.omit)(modal, ['destroy', 'render'], {
                     to: (_a = modal.to) !== null && _a !== void 0 ? _a : this.to,
                     ref: ((inst) => {
                         if (inst === null) {
@@ -64,7 +64,9 @@ exports.NModalProvider = (0, vue_1.defineComponent)({
                     }),
                     internalKey: modal.key,
                     onInternalAfterLeave: this.handleAfterLeave
-                }));
+                }), {
+                    default: modal.render
+                });
             }),
             (_b = (_a = this.$slots).default) === null || _b === void 0 ? void 0 : _b.call(_a)
         ]);

package/lib/modal/src/presetProps.d.ts

@@ -31,6 +31,7 @@ declare const presetProps: {
     onPositiveClick: import("vue").PropType<(e: MouseEvent) => void>;
     onNegativeClick: import("vue").PropType<(e: MouseEvent) => void>;
     onClose: import("vue").PropType<() => void>;
+    closeFocusable: BooleanConstructor;
     headerClass: StringConstructor;
     headerStyle: import("vue").PropType<import("vue").CSSProperties | string>;
     headerExtraClass: StringConstructor;
@@ -56,5 +57,5 @@ declare const presetProps: {
     footer: import("vue").PropType<() => import("vue").VNodeChild>;
     headerExtra: import("vue").PropType<() => import("vue").VNodeChild>;
 };
-declare const presetPropsKeys: ("type" | "tag" | "content" | "size" | "footer" | "title" | "cover" | "icon" | "role" | "onClose" | "action" | "loading" | "positiveText" | "negativeText" | "bordered" | "showIcon" | "contentClass" | "contentStyle" | "closable" | "headerClass" | "headerStyle" | "footerClass" | "footerStyle" | "iconPlacement" | "hoverable" | "embedded" | "headerExtraClass" | "headerExtraStyle" | "segmented" | "headerExtra" | "positiveButtonProps" | "negativeButtonProps" | "titleClass" | "titleStyle" | "actionClass" | "actionStyle" | "onPositiveClick" | "onNegativeClick")[];
+declare const presetPropsKeys: ("type" | "tag" | "content" | "size" | "footer" | "title" | "cover" | "icon" | "role" | "onClose" | "action" | "loading" | "showIcon" | "bordered" | "closable" | "iconPlacement" | "contentClass" | "contentStyle" | "headerClass" | "headerStyle" | "headerExtraClass" | "headerExtraStyle" | "footerClass" | "footerStyle" | "embedded" | "segmented" | "hoverable" | "headerExtra" | "closeFocusable" | "negativeText" | "positiveText" | "positiveButtonProps" | "negativeButtonProps" | "titleClass" | "titleStyle" | "actionClass" | "actionStyle" | "onPositiveClick" | "onNegativeClick")[];
 export { presetProps, presetPropsKeys };

package/lib/modal/src/styles/index.cssr.js

@@ -42,7 +42,9 @@ exports.default = (0, cssr_1.c)([(0, cssr_1.cB)('modal-container', `
  min-height: 100%;
  display: flex;
  position: relative;
- `)]), (0, cssr_1.cB)('modal', `
+ `), (0, cssr_1.cM)('mask-hidden', `pointer-events: none;`, [(0, cssr_1.c)('> *', `
+ pointer-events: all;
+ `)])]), (0, cssr_1.cB)('modal', `
  position: relative;
  align-self: center;
  color: var(--n-text-color);

package/lib/notification/src/Notification.d.ts

@@ -22,7 +22,7 @@ export declare const notificationProps: {
     readonly onMouseenter: PropType<(e: MouseEvent) => void>;
     readonly onMouseleave: PropType<(e: MouseEvent) => void>;
 };
-export declare const notificationPropKeys: ("type" | "meta" | "content" | "description" | "title" | "onMouseenter" | "onMouseleave" | "onClose" | "action" | "avatar" | "closable" | "keepAliveOnHover")[];
+export declare const notificationPropKeys: ("type" | "meta" | "content" | "description" | "title" | "onMouseenter" | "onMouseleave" | "onClose" | "action" | "closable" | "avatar" | "keepAliveOnHover")[];
 export declare const Notification: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     readonly closable: {
         readonly type: BooleanConstructor;
@@ -108,7 +108,7 @@ export declare const Notification: import("vue").DefineComponent<import("vue").E
     readonly onMouseenter: PropType<(e: MouseEvent) => void>;
     readonly onMouseleave: PropType<(e: MouseEvent) => void>;
 }>> & Readonly<{}>, {
-    readonly type: "error" | "default" | "info" | "success" | "warning";
+    readonly type: "error" | "default" | "info" | "warning" | "success";
     readonly closable: boolean;
     readonly keepAliveOnHover: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/lib/notification/src/NotificationEnvironment.d.ts

@@ -110,7 +110,7 @@ export declare const NotificationEnvironment: import("vue").DefineComponent<Extr
     onMouseenter: PropType<(e: MouseEvent) => void>;
     onMouseleave: PropType<(e: MouseEvent) => void>;
 }>> & Readonly<{}>, {
-    type: "error" | "default" | "info" | "success" | "warning";
+    type: "error" | "default" | "info" | "warning" | "success";
     closable: boolean;
     keepAliveOnHover: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/lib/notification/src/NotificationProvider.d.ts

@@ -337,7 +337,7 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
         readonly destroy: () => void;
         readonly hide: () => void;
         readonly deactivate: () => void;
-        type?: "error" | "default" | "info" | "success" | "warning" | undefined;
+        type?: "error" | "default" | "info" | "warning" | "success" | undefined;
         closable?: boolean | undefined;
         keepAliveOnHover?: boolean | undefined;
         meta?: string | (() => import("vue").VNodeChild) | undefined;
@@ -352,16 +352,16 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
         onMouseleave?: ((e: MouseEvent) => void) | undefined;
         onClose?: (() => Promise<boolean> | boolean | any) | undefined;
         action?: string | (() => import("vue").VNodeChild) | undefined;
+        onAfterHide?: (() => void) | undefined;
         avatar?: (() => import("vue").VNodeChild) | undefined;
         onHide?: (() => void) | undefined;
-        onAfterHide?: (() => void) | undefined;
         onAfterShow?: (() => void) | undefined;
     }[], NotificationReactive[] | {
         readonly key: string;
         readonly destroy: () => void;
         readonly hide: () => void;
         readonly deactivate: () => void;
-        type?: "error" | "default" | "info" | "success" | "warning" | undefined;
+        type?: "error" | "default" | "info" | "warning" | "success" | undefined;
         closable?: boolean | undefined;
         keepAliveOnHover?: boolean | undefined;
         meta?: string | (() => import("vue").VNodeChild) | undefined;
@@ -376,9 +376,9 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
         onMouseleave?: ((e: MouseEvent) => void) | undefined;
         onClose?: (() => Promise<boolean> | boolean | any) | undefined;
         action?: string | (() => import("vue").VNodeChild) | undefined;
+        onAfterHide?: (() => void) | undefined;
         avatar?: (() => import("vue").VNodeChild) | undefined;
         onHide?: (() => void) | undefined;
-        onAfterHide?: (() => void) | undefined;
         onAfterShow?: (() => void) | undefined;
     }[]>;
     notificationRefs: Record<string, NotificationRef>;
@@ -539,7 +539,7 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
     }>>>;
 }>> & Readonly<{}>, {
     placement: NotificationPlacement;
-    scrollable: boolean;
     keepAliveOnHover: boolean;
+    scrollable: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;