naive-ui 2.21.1 → 2.21.2

package/lib/dropdown/src/Dropdown.d.ts

@@ -295,7 +295,7 @@ declare const dropdownProps: {
         default: string;
     };
     readonly arrowStyle: PropType<string | CSSProperties>;
-    readonly filp: {
+    readonly flip: {
         type: BooleanConstructor;
         default: boolean;
     };
@@ -607,7 +607,7 @@ declare const _default: import("vue").DefineComponent<{
         default: string;
     };
     readonly arrowStyle: PropType<string | CSSProperties>;
-    readonly filp: {
+    readonly flip: {
         type: BooleanConstructor;
         default: boolean;
     };
@@ -713,6 +713,7 @@ declare const _default: import("vue").DefineComponent<{
             tableHeaderColor: string;
             hoverColor: string;
             tableColorHover: string;
+            tableColorStriped: string;
             pressedColor: string;
             opacityDisabled: string;
             inputColorDisabled: string;
@@ -859,7 +860,7 @@ declare const _default: import("vue").DefineComponent<{
     readonly getDisabled?: unknown;
     readonly displayDirective?: unknown;
     readonly arrowStyle?: unknown;
-    readonly filp?: unknown;
+    readonly flip?: unknown;
     readonly width?: unknown;
     readonly overlap?: unknown;
     readonly internalExtraClass?: unknown;
@@ -877,6 +878,7 @@ declare const _default: import("vue").DefineComponent<{
     readonly maxWidth?: unknown;
 } & {
     size: "small" | "medium" | "large" | "huge";
+    flip: boolean;
     disabled: boolean;
     duration: number;
     raw: boolean;
@@ -887,7 +889,6 @@ declare const _default: import("vue").DefineComponent<{
     showArrow: boolean;
     delay: number;
     displayDirective: "show" | "if";
-    filp: boolean;
     animated: boolean;
     defaultShow: boolean;
     internalExtraClass: string[];
@@ -1132,6 +1133,7 @@ declare const _default: import("vue").DefineComponent<{
 }>, {
     size: "small" | "medium" | "large" | "huge";
     show: boolean | undefined;
+    flip: boolean;
     width: number | "trigger";
     disabled: boolean;
     duration: number;
@@ -1144,7 +1146,6 @@ declare const _default: import("vue").DefineComponent<{
     showArrow: boolean;
     delay: number;
     displayDirective: "show" | "if";
-    filp: boolean;
     animated: boolean;
     defaultShow: boolean;
     internalExtraClass: string[];

package/lib/dynamic-input/src/DynamicInput.d.ts

@@ -1783,6 +1783,7 @@ declare const _default: import("vue").DefineComponent<{
             tableHeaderColor: string;
             hoverColor: string;
             tableColorHover: string;
+            tableColorStriped: string;
             pressedColor: string;
             opacityDisabled: string;
             inputColorDisabled: string;

package/lib/dynamic-input/src/InputPreset.d.ts

@@ -85,6 +85,7 @@ declare const _default: import("vue").DefineComponent<{
             tableHeaderColor: string;
             hoverColor: string;
             tableColorHover: string;
+            tableColorStriped: string;
             pressedColor: string;
             opacityDisabled: string;
             inputColorDisabled: string;

package/lib/dynamic-input/src/PairPreset.d.ts

@@ -94,6 +94,7 @@ declare const _default: import("vue").DefineComponent<{
             tableHeaderColor: string;
             hoverColor: string;
             tableColorHover: string;
+            tableColorStriped: string;
             pressedColor: string;
             opacityDisabled: string;
             inputColorDisabled: string;

package/lib/dynamic-tags/src/DynamicTags.d.ts

@@ -2177,6 +2177,7 @@ declare const _default: import("vue").DefineComponent<{
             tableHeaderColor: string;
             hoverColor: string;
             tableColorHover: string;
+            tableColorStriped: string;
             pressedColor: string;
             opacityDisabled: string;
             inputColorDisabled: string;

package/lib/ellipsis/src/Ellipsis.d.ts

@@ -232,6 +232,7 @@ declare const _default: import("vue").DefineComponent<{
             tableHeaderColor: string;
             hoverColor: string;
             tableColorHover: string;
+            tableColorStriped: string;
             pressedColor: string;
             opacityDisabled: string;
             inputColorDisabled: string;

package/lib/input/src/Input.d.ts

@@ -646,6 +646,7 @@ declare const _default: import("vue").DefineComponent<{
             tableHeaderColor: string;
             hoverColor: string;
             tableColorHover: string;
+            tableColorStriped: string;
             pressedColor: string;
             opacityDisabled: string;
             inputColorDisabled: string;

package/lib/input-number/src/InputNumber.d.ts

@@ -30,6 +30,17 @@ declare const inputNumberProps: {
     };
     readonly: BooleanConstructor;
     clearable: BooleanConstructor;
+    keyboard: {
+        type: PropType<{
+            ArrowUp?: boolean | undefined;
+            ArrowDown?: boolean | undefined;
+        }>;
+        default: {};
+    };
+    updateValueOnInput: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     'onUpdate:value': PropType<MaybeArray<OnUpdateValue>>;
     onUpdateValue: PropType<MaybeArray<OnUpdateValue>>;
     onFocus: PropType<MaybeArray<(e: FocusEvent) => void>>;
@@ -875,6 +886,17 @@ declare const _default: import("vue").DefineComponent<{
     };
     readonly: BooleanConstructor;
     clearable: BooleanConstructor;
+    keyboard: {
+        type: PropType<{
+            ArrowUp?: boolean | undefined;
+            ArrowDown?: boolean | undefined;
+        }>;
+        default: {};
+    };
+    updateValueOnInput: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     'onUpdate:value': PropType<MaybeArray<OnUpdateValue>>;
     onUpdateValue: PropType<MaybeArray<OnUpdateValue>>;
     onFocus: PropType<MaybeArray<(e: FocusEvent) => void>>;
@@ -1796,6 +1818,7 @@ declare const _default: import("vue").DefineComponent<{
             tableHeaderColor: string;
             hoverColor: string;
             tableColorHover: string;
+            tableColorStriped: string;
             pressedColor: string;
             opacityDisabled: string;
             inputColorDisabled: string;
@@ -2136,6 +2159,8 @@ declare const _default: import("vue").DefineComponent<{
     showButton?: unknown;
     readonly?: unknown;
     clearable?: unknown;
+    keyboard?: unknown;
+    updateValueOnInput?: unknown;
     'onUpdate:value'?: unknown;
     onUpdateValue?: unknown;
     onFocus?: unknown;
@@ -2150,7 +2175,12 @@ declare const _default: import("vue").DefineComponent<{
     step: string | number;
     clearable: boolean;
     defaultValue: number | null;
+    keyboard: {
+        ArrowUp?: boolean | undefined;
+        ArrowDown?: boolean | undefined;
+    };
     showButton: boolean;
+    updateValueOnInput: boolean;
 } & {
     value?: number | null | undefined;
     size?: "small" | "medium" | "large" | undefined;
@@ -2978,6 +3008,11 @@ declare const _default: import("vue").DefineComponent<{
     bordered: boolean | undefined;
     clearable: boolean;
     defaultValue: number | null;
+    keyboard: {
+        ArrowUp?: boolean | undefined;
+        ArrowDown?: boolean | undefined;
+    };
     showButton: boolean;
+    updateValueOnInput: boolean;
 }>;
 export default _default;

package/lib/input-number/src/InputNumber.js

@@ -30,7 +30,13 @@ const inputNumberProps = Object.assign(Object.assign({}, _mixins_1.useTheme.prop
     }, showButton: {
         type: Boolean,
         default: true
-    }, readonly: Boolean, clearable: Boolean, 'onUpdate:value': [Function, Array], onUpdateValue: [Function, Array], onFocus: [Function, Array], onBlur: [Function, Array], onClear: [Function, Array], 
+    }, readonly: Boolean, clearable: Boolean, keyboard: {
+        type: Object,
+        default: {}
+    }, updateValueOnInput: {
+        type: Boolean,
+        default: true
+    }, 'onUpdate:value': [Function, Array], onUpdateValue: [Function, Array], onFocus: [Function, Array], onBlur: [Function, Array], onClear: [Function, Array], 
     // deprecated
     onChange: {
         type: [Function, Array],
@@ -96,8 +102,10 @@ exports.default = (0, vue_1.defineComponent)({
         });
         const doUpdateValue = (value) => {
             const { value: mergedValue } = mergedValueRef;
-            if (value === mergedValue)
+            if (value === mergedValue) {
+                deriveDisplayedValueFromValue();
                 return;
+            }
             const { 'onUpdate:value': _onUpdateValue, onUpdateValue, onChange } = props;
             const { nTriggerFormInput, nTriggerFormChange } = formItem;
             if (onChange)
@@ -110,7 +118,7 @@ exports.default = (0, vue_1.defineComponent)({
             nTriggerFormInput();
             nTriggerFormChange();
         };
-        const deriveValueFromDisplayedValue = (offset = 0, doUpdateIfValid = true) => {
+        const deriveValueFromDisplayedValue = (offset = 0, doUpdateIfValid = true, applyMinMax = true) => {
             const { value: displayedValue } = displayedValueRef;
             const parsedValue = (0, utils_1.parse)(displayedValue);
             if (parsedValue === null) {
@@ -125,13 +133,15 @@ exports.default = (0, vue_1.defineComponent)({
                     const { value: mergedMax } = mergedMaxRef;
                     const { value: mergedMin } = mergedMinRef;
                     if (mergedMax !== null && nextValue > mergedMax) {
-                        if (!doUpdateIfValid)
+                        if (!doUpdateIfValid || !applyMinMax)
                             return false;
+                        // if doUpdateIfValid=true, we try to make it a valid value
                         nextValue = mergedMax;
                     }
                     if (mergedMin !== null && nextValue < mergedMin) {
-                        if (!doUpdateIfValid)
+                        if (!doUpdateIfValid || !applyMinMax)
                             return false;
+                        // if doUpdateIfValid=true, we try to make it a valid value
                         nextValue = mergedMin;
                     }
                     if (props.validator && !props.validator(nextValue))
@@ -299,12 +309,16 @@ exports.default = (0, vue_1.defineComponent)({
                 }
             }
             else if (e.code === 'ArrowUp') {
+                if (props.keyboard.ArrowUp === false)
+                    return;
                 const value = deriveValueFromDisplayedValue();
                 if (value !== false) {
                     doAdd();
                 }
             }
             else if (e.code === 'ArrowDown') {
+                if (props.keyboard.ArrowDown === false)
+                    return;
                 const value = deriveValueFromDisplayedValue();
                 if (value !== false) {
                     doMinus();
@@ -313,7 +327,9 @@ exports.default = (0, vue_1.defineComponent)({
         }
         function handleUpdateDisplayedValue(value) {
             displayedValueRef.value = value;
-            deriveValueFromDisplayedValue();
+            if (props.updateValueOnInput) {
+                deriveValueFromDisplayedValue(0, true, false);
+            }
         }
         (0, vue_1.watch)(mergedValueRef, () => {
             deriveDisplayedValueFromValue();

package/lib/layout/src/Layout.d.ts

@@ -218,6 +218,7 @@ export declare function createLayoutComponent(isContent: boolean): import("vue")
             tableHeaderColor: string;
             hoverColor: string;
             tableColorHover: string;
+            tableColorStriped: string;
             pressedColor: string;
             opacityDisabled: string;
             inputColorDisabled: string;
@@ -608,6 +609,7 @@ declare const _default: import("vue").DefineComponent<{
             tableHeaderColor: string;
             hoverColor: string;
             tableColorHover: string;
+            tableColorStriped: string;
             pressedColor: string;
             opacityDisabled: string;
             inputColorDisabled: string;

package/lib/layout/src/LayoutContent.d.ts

@@ -191,6 +191,7 @@ declare const _default: import("vue").DefineComponent<{
             tableHeaderColor: string;
             hoverColor: string;
             tableColorHover: string;
+            tableColorStriped: string;
             pressedColor: string;
             opacityDisabled: string;
             inputColorDisabled: string;

package/lib/layout/src/LayoutSider.d.ts

@@ -278,6 +278,7 @@ declare const _default: import("vue").DefineComponent<{
             tableHeaderColor: string;
             hoverColor: string;
             tableColorHover: string;
+            tableColorStriped: string;
             pressedColor: string;
             opacityDisabled: string;
             inputColorDisabled: string;

package/lib/log/src/Log.d.ts

@@ -10,14 +10,8 @@ export interface LogInjection {
 }
 export declare const logInjectionKey: InjectionKey<LogInjection>;
 declare const logProps: {
-    readonly loading: {
-        readonly type: BooleanConstructor;
-        readonly default: false;
-    };
-    readonly trim: {
-        readonly type: BooleanConstructor;
-        readonly default: false;
-    };
+    readonly loading: BooleanConstructor;
+    readonly trim: BooleanConstructor;
     readonly log: StringConstructor;
     readonly fontSize: {
         readonly type: NumberConstructor;
@@ -44,10 +38,7 @@ declare const logProps: {
         readonly type: NumberConstructor;
         readonly default: 0;
     };
-    readonly hljs: {
-        readonly type: ObjectConstructor;
-        readonly default: undefined;
-    };
+    readonly hljs: ObjectConstructor;
     readonly onReachTop: PropType<() => void>;
     readonly onReachBottom: PropType<() => void>;
     readonly onRequireMore: PropType<(from: 'top' | 'bottom') => void>;
@@ -132,14 +123,8 @@ declare const logProps: {
 };
 export declare type LogProps = ExtractPublicPropTypes<typeof logProps>;
 declare const _default: import("vue").DefineComponent<{
-    readonly loading: {
-        readonly type: BooleanConstructor;
-        readonly default: false;
-    };
-    readonly trim: {
-        readonly type: BooleanConstructor;
-        readonly default: false;
-    };
+    readonly loading: BooleanConstructor;
+    readonly trim: BooleanConstructor;
     readonly log: StringConstructor;
     readonly fontSize: {
         readonly type: NumberConstructor;
@@ -166,10 +151,7 @@ declare const _default: import("vue").DefineComponent<{
         readonly type: NumberConstructor;
         readonly default: 0;
     };
-    readonly hljs: {
-        readonly type: ObjectConstructor;
-        readonly default: undefined;
-    };
+    readonly hljs: ObjectConstructor;
     readonly onReachTop: PropType<() => void>;
     readonly onReachBottom: PropType<() => void>;
     readonly onRequireMore: PropType<(from: "bottom" | "top") => void>;
@@ -330,6 +312,7 @@ declare const _default: import("vue").DefineComponent<{
             tableHeaderColor: string;
             hoverColor: string;
             tableColorHover: string;
+            tableColorStriped: string;
             pressedColor: string;
             opacityDisabled: string;
             inputColorDisabled: string;
@@ -545,7 +528,6 @@ declare const _default: import("vue").DefineComponent<{
     lineHeight: number;
     loading: boolean;
     rows: number;
-    hljs: Record<string, any>;
     offsetTop: number;
     offsetBottom: number;
     lines: string[];

package/lib/log/src/Log.js

@@ -15,13 +15,7 @@ const LogLoader_1 = __importDefault(require("./LogLoader"));
 const LogLine_1 = __importDefault(require("./LogLine"));
 const index_cssr_1 = __importDefault(require("./styles/index.cssr"));
 exports.logInjectionKey = Symbol('log');
-const logProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), { loading: {
-        type: Boolean,
-        default: false
-    }, trim: {
-        type: Boolean,
-        default: false
-    }, log: String, fontSize: {
+const logProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), { loading: Boolean, trim: Boolean, log: String, fontSize: {
         type: Number,
         default: 14
     }, lines: {
@@ -39,10 +33,7 @@ const logProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), { lo
     }, offsetBottom: {
         type: Number,
         default: 0
-    }, hljs: {
-        type: Object,
-        default: undefined
-    }, onReachTop: Function, onReachBottom: Function, onRequireMore: Function });
+    }, hljs: Object, onReachTop: Function, onReachBottom: Function, onRequireMore: Function });
 exports.default = (0, vue_1.defineComponent)({
     name: 'Log',
     props: logProps,

package/lib/log/src/LogLine.d.ts

@@ -6,6 +6,7 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     highlight: import("vue").Ref<boolean>;
     selfRef: import("vue").Ref<HTMLElement | null>;
+    maybeTrimmedLines: import("vue").ComputedRef<string>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
     line?: unknown;
 } & {

package/lib/log/src/LogLine.js

@@ -10,18 +10,19 @@ exports.default = (0, vue_1.defineComponent)({
         }
     },
     setup(props) {
+        const { trimRef, highlightRef, languageRef, mergedHljsRef } = 
         // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-        const { trimRef, highlightRef, languageRef, mergedHljsRef } = (0, vue_1.inject)(Log_1.logInjectionKey);
+        (0, vue_1.inject)(Log_1.logInjectionKey);
         const selfRef = (0, vue_1.ref)(null);
+        const maybeTrimmedLinesRef = (0, vue_1.computed)(() => {
+            return trimRef.value ? props.line.trim() : props.line;
+        });
         function setInnerHTML() {
-            const trimmedLine = trimRef.value ? (props.line || '').trim() : props.line;
             if (selfRef.value) {
-                selfRef.value.innerHTML = generateCodeHTML(languageRef.value, trimmedLine, false);
+                selfRef.value.innerHTML = generateCodeHTML(languageRef.value, maybeTrimmedLinesRef.value);
             }
         }
-        function generateCodeHTML(language, code, trim) {
-            if (trim)
-                code = code.trim();
+        function generateCodeHTML(language, code) {
             const { value: hljs } = mergedHljsRef;
             if (hljs) {
                 if (language && hljs.getLanguage(language)) {
@@ -42,11 +43,12 @@ exports.default = (0, vue_1.defineComponent)({
         });
         return {
             highlight: highlightRef,
-            selfRef
+            selfRef,
+            maybeTrimmedLines: maybeTrimmedLinesRef
         };
     },
     render() {
-        const { highlight } = this;
-        return (0, vue_1.h)("pre", { ref: "selfRef" }, highlight ? null : this.line);
+        const { highlight, maybeTrimmedLines } = this;
+        return (0, vue_1.h)("pre", { ref: "selfRef" }, highlight ? null : maybeTrimmedLines);
     }
 });

package/lib/mention/src/Mention.d.ts

@@ -878,6 +878,7 @@ declare const _default: import("vue").DefineComponent<{
             tableHeaderColor: string;
             hoverColor: string;
             tableColorHover: string;
+            tableColorStriped: string;
             pressedColor: string;
             opacityDisabled: string;
             inputColorDisabled: string;

package/lib/menu/src/Menu.d.ts

@@ -626,6 +626,7 @@ declare const _default: import("vue").DefineComponent<{
             tableHeaderColor: string;
             hoverColor: string;
             tableColorHover: string;
+            tableColorStriped: string;
             pressedColor: string;
             opacityDisabled: string;
             inputColorDisabled: string;

package/lib/menu/src/MenuOption.d.ts

@@ -118,6 +118,7 @@ declare const _default: import("vue").DefineComponent<{
             tableHeaderColor: string;
             hoverColor: string;
             tableColorHover: string;
+            tableColorStriped: string;
             pressedColor: string;
             opacityDisabled: string;
             inputColorDisabled: string;

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

@@ -139,6 +139,7 @@ declare const _default: import("vue").DefineComponent<{
             tableHeaderColor: string;
             hoverColor: string;
             tableColorHover: string;
+            tableColorStriped: string;
             pressedColor: string;
             opacityDisabled: string;
             inputColorDisabled: string;

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

@@ -1,8 +1,13 @@
+import { PropType } from 'vue';
 declare const _default: import("vue").DefineComponent<{
     scrollable: {
         type: BooleanConstructor;
         required: true;
     };
+    placement: {
+        type: PropType<"top-left" | "top-right" | "bottom-left" | "bottom-right">;
+        required: true;
+    };
 }, {
     mergedTheme: import("vue").Ref<{
         common: {
@@ -74,6 +79,7 @@ declare const _default: import("vue").DefineComponent<{
             tableHeaderColor: string;
             hoverColor: string;
             tableColorHover: string;
+            tableColorStriped: string;
             pressedColor: string;
             opacityDisabled: string;
             inputColorDisabled: string;
@@ -148,7 +154,9 @@ declare const _default: import("vue").DefineComponent<{
     mergedClsPrefix: import("vue").Ref<string>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
     scrollable?: unknown;
+    placement?: unknown;
 } & {
+    placement: "top-left" | "top-right" | "bottom-left" | "bottom-right";
     scrollable: boolean;
 } & {}>, {}>;
 export default _default;

package/lib/notification/src/NotificationContainer.js

@@ -9,6 +9,10 @@ exports.default = (0, vue_1.defineComponent)({
         scrollable: {
             type: Boolean,
             required: true
+        },
+        placement: {
+            type: String,
+            required: true
         }
     },
     setup() {
@@ -20,10 +24,11 @@ exports.default = (0, vue_1.defineComponent)({
         };
     },
     render() {
-        const { $slots, scrollable, mergedClsPrefix, mergedTheme } = this;
+        const { $slots, scrollable, mergedClsPrefix, mergedTheme, placement } = this;
         return ((0, vue_1.h)("div", { class: [
                 `${mergedClsPrefix}-notification-container`,
-                scrollable && `${mergedClsPrefix}-notification-container--scrollable`
+                scrollable && `${mergedClsPrefix}-notification-container--scrollable`,
+                `${mergedClsPrefix}-notification-container--${placement}`
             ] }, scrollable ? ((0, vue_1.h)(_internal_1.NScrollbar, { theme: mergedTheme.peers.Scrollbar, themeOverrides: mergedTheme.peerOverrides.Scrollbar }, $slots)) : ($slots)));
     }
 });

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

@@ -19,6 +19,7 @@ export interface NotificationApiInjection {
     error: TypedCreate;
     /** @deprecated */
     open: Create;
+    destroyAll: () => void;
 }
 export declare type NotificationProviderInst = NotificationApiInjection;
 export declare const notificationApiInjectionKey: InjectionKey<NotificationApiInjection>;
@@ -39,6 +40,11 @@ declare const notificationProviderProps: {
         type: BooleanConstructor;
         default: boolean;
     };
+    max: NumberConstructor;
+    placement: {
+        type: PropType<"top-left" | "top-right" | "bottom-left" | "bottom-right">;
+        default: string;
+    };
     theme: PropType<import("../../_mixins").Theme<"Notification", {
         borderRadius: string;
         lineHeight: string;
@@ -134,6 +140,11 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    max: NumberConstructor;
+    placement: {
+        type: PropType<"top-left" | "top-right" | "bottom-left" | "bottom-right">;
+        default: string;
+    };
     theme: PropType<import("../../_mixins").Theme<"Notification", {
         borderRadius: string;
         lineHeight: string;
@@ -254,15 +265,20 @@ declare const _default: import("vue").DefineComponent<{
     warning: (options: Omit<NotificationOptions, 'type'>) => NotificationReactive;
     error: (options: Omit<NotificationOptions, 'type'>) => NotificationReactive;
     open: (options: NotificationOptions) => NotificationReactive;
+    destroyAll: () => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
     to?: unknown;
     scrollable?: unknown;
+    max?: unknown;
+    placement?: unknown;
     theme?: unknown;
     themeOverrides?: unknown;
     builtinThemeOverrides?: unknown;
 } & {
+    placement: "top-left" | "top-right" | "bottom-left" | "bottom-right";
     scrollable: boolean;
 } & {
+    max?: number | undefined;
     to?: string | HTMLElement | undefined;
     theme?: import("../../_mixins").Theme<"Notification", {
         borderRadius: string;
@@ -352,6 +368,7 @@ declare const _default: import("vue").DefineComponent<{
         }, any>;
     }>> | undefined;
 }>, {
+    placement: "top-left" | "top-right" | "bottom-left" | "bottom-right";
     scrollable: boolean;
 }>;
 export default _default;