naive-ui 2.18.0 → 2.19.1

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

@@ -78,6 +78,7 @@ declare const mentionProps: {
             optionOpacityDisabled: string;
             optionCheckColor: string;
             optionColorPending: string;
+            optionColorActive: string;
             actionTextColor: string;
             loadingColor: string;
             height: string;
@@ -193,6 +194,7 @@ declare const mentionProps: {
             optionOpacityDisabled: string;
             optionCheckColor: string;
             optionColorPending: string;
+            optionColorActive: string;
             actionTextColor: string;
             loadingColor: string;
             height: string;
@@ -308,6 +310,7 @@ declare const mentionProps: {
             optionOpacityDisabled: string;
             optionCheckColor: string;
             optionColorPending: string;
+            optionColorActive: string;
             actionTextColor: string;
             loadingColor: string;
             height: string;
@@ -475,6 +478,7 @@ declare const _default: import("vue").DefineComponent<{
             optionOpacityDisabled: string;
             optionCheckColor: string;
             optionColorPending: string;
+            optionColorActive: string;
             actionTextColor: string;
             loadingColor: string;
             height: string;
@@ -590,6 +594,7 @@ declare const _default: import("vue").DefineComponent<{
             optionOpacityDisabled: string;
             optionCheckColor: string;
             optionColorPending: string;
+            optionColorActive: string;
             actionTextColor: string;
             loadingColor: string;
             height: string;
@@ -705,6 +710,7 @@ declare const _default: import("vue").DefineComponent<{
             optionOpacityDisabled: string;
             optionCheckColor: string;
             optionColorPending: string;
+            optionColorActive: string;
             actionTextColor: string;
             loadingColor: string;
             height: string;
@@ -926,6 +932,7 @@ declare const _default: import("vue").DefineComponent<{
                 optionOpacityDisabled: string;
                 optionCheckColor: string;
                 optionColorPending: string;
+                optionColorActive: string;
                 actionTextColor: string;
                 loadingColor: string;
                 height: string;
@@ -1152,6 +1159,7 @@ declare const _default: import("vue").DefineComponent<{
             optionOpacityDisabled: string;
             optionCheckColor: string;
             optionColorPending: string;
+            optionColorActive: string;
             actionTextColor: string;
             loadingColor: string;
             height: string;
@@ -1267,6 +1275,7 @@ declare const _default: import("vue").DefineComponent<{
             optionOpacityDisabled: string;
             optionCheckColor: string;
             optionColorPending: string;
+            optionColorActive: string;
             actionTextColor: string;
             loadingColor: string;
             height: string;
@@ -1382,6 +1391,7 @@ declare const _default: import("vue").DefineComponent<{
             optionOpacityDisabled: string;
             optionCheckColor: string;
             optionColorPending: string;
+            optionColorActive: string;
             actionTextColor: string;
             loadingColor: string;
             height: string;

package/lib/mention/styles/light.d.ts

@@ -25,6 +25,7 @@ declare const mentionLight: import("../../_mixins").Theme<"Mention", {
         optionOpacityDisabled: string;
         optionCheckColor: string;
         optionColorPending: string;
+        optionColorActive: string;
         actionTextColor: string;
         loadingColor: string;
         height: string;

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

@@ -89,6 +89,7 @@ declare const menuProps: {
         readonly type: PropType<FollowerPlacement>;
         readonly default: "bottom";
     };
+    readonly accordion: BooleanConstructor;
     readonly theme: PropType<import("../../_mixins").Theme<"Menu", {
         itemTextColorInverted: string;
         itemTextColorHoverInverted: string;
@@ -364,6 +365,7 @@ declare const _default: import("vue").DefineComponent<{
         readonly type: PropType<FollowerPlacement>;
         readonly default: "bottom";
     };
+    readonly accordion: BooleanConstructor;
     readonly theme: PropType<import("../../_mixins").Theme<"Menu", {
         itemTextColorInverted: string;
         itemTextColorHoverInverted: string;
@@ -776,6 +778,7 @@ declare const _default: import("vue").DefineComponent<{
     readonly renderLabel?: unknown;
     readonly renderExtra?: unknown;
     readonly dropdownPlacement?: unknown;
+    readonly accordion?: unknown;
     readonly theme?: unknown;
     readonly themeOverrides?: unknown;
     readonly builtinThemeOverrides?: unknown;
@@ -787,6 +790,7 @@ declare const _default: import("vue").DefineComponent<{
     defaultValue: Key | null;
     indent: number;
     inverted: boolean;
+    accordion: boolean;
     collapsedWidth: number;
     collapsedIconSize: number;
     defaultExpandAll: boolean;
@@ -981,10 +985,10 @@ declare const _default: import("vue").DefineComponent<{
         }>;
     }>> | undefined;
     items?: (MenuOption | MenuGroupOption)[] | undefined;
+    renderIcon?: ((option: MenuOption) => VNodeChild) | undefined;
     renderLabel?: ((option: MenuOption | MenuGroupOption) => VNodeChild) | undefined;
     "onUpdate:value"?: MaybeArray<OnUpdateValue> | undefined;
     onUpdateValue?: MaybeArray<OnUpdateValue> | undefined;
-    renderIcon?: ((option: MenuOption) => VNodeChild) | undefined;
     defaultExpandedNames?: Key[] | undefined;
     expandedNames?: Key[] | undefined;
     onExpandedNamesChange?: MaybeArray<OnUpdateKeys> | undefined;
@@ -1009,6 +1013,7 @@ declare const _default: import("vue").DefineComponent<{
     inverted: boolean;
     defaultExpandedNames: Key[];
     expandedNames: Key[];
+    accordion: boolean;
     onExpandedNamesChange: MaybeArray<OnUpdateKeys>;
     collapsed: boolean | undefined;
     collapsedWidth: number;

package/lib/menu/src/Menu.js

@@ -86,7 +86,7 @@ const menuProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), { o
     }, renderIcon: Function, renderLabel: Function, renderExtra: Function, dropdownPlacement: {
         type: String,
         default: 'bottom'
-    } });
+    }, accordion: Boolean });
 exports.menuInjectionKey = Symbol('menu');
 exports.default = (0, vue_1.defineComponent)({
     name: 'Menu',
@@ -114,6 +114,7 @@ exports.default = (0, vue_1.defineComponent)({
                 return (_a = node.key) !== null && _a !== void 0 ? _a : node.name;
             }
         }));
+        const treeKeysLevelOneRef = (0, vue_1.computed)(() => new Set(treeMateRef.value.treeNodes.map(e => e.key)));
         const uncontrolledValueRef = (0, vue_1.ref)(props.defaultValue);
         const controlledValueRef = (0, vue_1.toRef)(props, 'value');
         const mergedValueRef = (0, vooks_1.useMergedState)(controlledValueRef, uncontrolledValueRef);
@@ -183,6 +184,14 @@ exports.default = (0, vue_1.defineComponent)({
                 currentExpandedKeys.splice(index, 1);
             }
             else {
+                if (props.accordion) {
+                    if (treeKeysLevelOneRef.value.has(key)) {
+                        const closeKeyIndex = currentExpandedKeys.findIndex(e => treeKeysLevelOneRef.value.has(e));
+                        if (closeKeyIndex > -1) {
+                            currentExpandedKeys.splice(closeKeyIndex, 1);
+                        }
+                    }
+                }
                 currentExpandedKeys.push(key);
             }
             doUpdateExpandedKeys(currentExpandedKeys);

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

@@ -269,6 +269,7 @@ declare const _default: import("vue").DefineComponent<{
         readonly renderLabel?: unknown;
         readonly renderExtra?: unknown;
         readonly dropdownPlacement?: unknown;
+        readonly accordion?: unknown;
         readonly theme?: unknown;
         readonly themeOverrides?: unknown;
         readonly builtinThemeOverrides?: unknown;
@@ -280,6 +281,7 @@ declare const _default: import("vue").DefineComponent<{
         defaultValue: import("treemate").Key | null;
         indent: number;
         inverted: boolean;
+        accordion: boolean;
         collapsedWidth: number;
         collapsedIconSize: number;
         defaultExpandAll: boolean;
@@ -474,10 +476,10 @@ declare const _default: import("vue").DefineComponent<{
             }>;
         }>> | undefined;
         items?: (import("./interface").MenuOption | import("./interface").MenuGroupOption)[] | undefined;
+        renderIcon?: ((option: import("./interface").MenuOption) => import("vue").VNodeChild) | undefined;
         renderLabel?: ((option: import("./interface").MenuOption | import("./interface").MenuGroupOption) => import("vue").VNodeChild) | undefined;
         "onUpdate:value"?: import("../../_utils").MaybeArray<import("./interface").OnUpdateValue> | undefined;
         onUpdateValue?: import("../../_utils").MaybeArray<import("./interface").OnUpdateValue> | undefined;
-        renderIcon?: ((option: import("./interface").MenuOption) => import("vue").VNodeChild) | undefined;
         defaultExpandedNames?: import("treemate").Key[] | undefined;
         expandedNames?: import("treemate").Key[] | undefined;
         onExpandedNamesChange?: import("../../_utils").MaybeArray<import("./interface").OnUpdateKeys> | undefined;

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

@@ -63,6 +63,7 @@ declare const _default: import("vue").DefineComponent<{
         readonly renderLabel?: unknown;
         readonly renderExtra?: unknown;
         readonly dropdownPlacement?: unknown;
+        readonly accordion?: unknown;
         readonly theme?: unknown;
         readonly themeOverrides?: unknown;
         readonly builtinThemeOverrides?: unknown;
@@ -74,6 +75,7 @@ declare const _default: import("vue").DefineComponent<{
         defaultValue: import("treemate").Key | null;
         indent: number;
         inverted: boolean;
+        accordion: boolean;
         collapsedWidth: number;
         collapsedIconSize: number;
         defaultExpandAll: boolean;
@@ -268,10 +270,10 @@ declare const _default: import("vue").DefineComponent<{
             }>;
         }>> | undefined;
         items?: (import("./interface").MenuOption | import("./interface").MenuGroupOption)[] | undefined;
+        renderIcon?: ((option: import("./interface").MenuOption) => import("vue").VNodeChild) | undefined;
         renderLabel?: ((option: import("./interface").MenuOption | import("./interface").MenuGroupOption) => import("vue").VNodeChild) | undefined;
         "onUpdate:value"?: import("../../_utils").MaybeArray<import("./interface").OnUpdateValue> | undefined;
         onUpdateValue?: import("../../_utils").MaybeArray<import("./interface").OnUpdateValue> | undefined;
-        renderIcon?: ((option: import("./interface").MenuOption) => import("vue").VNodeChild) | undefined;
         defaultExpandedNames?: import("treemate").Key[] | undefined;
         expandedNames?: import("treemate").Key[] | undefined;
         onExpandedNamesChange?: import("../../_utils").MaybeArray<import("./interface").OnUpdateKeys> | undefined;

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

@@ -98,6 +98,7 @@ declare const _default: import("vue").DefineComponent<{
         readonly renderLabel?: unknown;
         readonly renderExtra?: unknown;
         readonly dropdownPlacement?: unknown;
+        readonly accordion?: unknown;
         readonly theme?: unknown;
         readonly themeOverrides?: unknown;
         readonly builtinThemeOverrides?: unknown;
@@ -109,6 +110,7 @@ declare const _default: import("vue").DefineComponent<{
         defaultValue: import("treemate").Key | null;
         indent: number;
         inverted: boolean;
+        accordion: boolean;
         collapsedWidth: number;
         collapsedIconSize: number;
         defaultExpandAll: boolean;
@@ -303,10 +305,10 @@ declare const _default: import("vue").DefineComponent<{
             }>;
         }>> | undefined;
         items?: (MenuOption | MenuGroupOption)[] | undefined;
+        renderIcon?: ((option: MenuOption) => VNodeChild) | undefined;
         renderLabel?: ((option: MenuOption | MenuGroupOption) => VNodeChild) | undefined;
         "onUpdate:value"?: import("../../_utils").MaybeArray<import("./interface").OnUpdateValue> | undefined;
         onUpdateValue?: import("../../_utils").MaybeArray<import("./interface").OnUpdateValue> | undefined;
-        renderIcon?: ((option: MenuOption) => VNodeChild) | undefined;
         defaultExpandedNames?: import("treemate").Key[] | undefined;
         expandedNames?: import("treemate").Key[] | undefined;
         onExpandedNamesChange?: import("../../_utils").MaybeArray<import("./interface").OnUpdateKeys> | undefined;

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

@@ -42,18 +42,13 @@ declare const _default: import("vue").DefineComponent<{
         readonly type: BooleanConstructor;
         readonly default: true;
     };
-    loading: {
-        readonly type: BooleanConstructor;
-        readonly default: false;
-    };
-    bordered: {
-        readonly type: BooleanConstructor;
-        readonly default: boolean;
-    };
+    loading: BooleanConstructor;
+    bordered: BooleanConstructor;
     iconPlacement: PropType<import("../../dialog/src/interface").IconPlacement>;
     contentStyle: PropType<string | import("vue").CSSProperties>;
     headerStyle: PropType<string | import("vue").CSSProperties>;
     footerStyle: PropType<string | import("vue").CSSProperties>;
+    embedded: BooleanConstructor;
     segmented: {
         readonly type: PropType<boolean | import("../../card/src/Card").Segmented>;
         readonly default: false;
@@ -413,6 +408,7 @@ declare const _default: import("vue").DefineComponent<{
                 colorModal: string;
                 colorPopover: string;
                 colorTarget: string;
+                colorEmbedded: string;
                 textColor: string;
                 titleTextColor: string;
                 borderColor: string;
@@ -691,6 +687,7 @@ declare const _default: import("vue").DefineComponent<{
     contentStyle?: unknown;
     headerStyle?: unknown;
     footerStyle?: unknown;
+    embedded?: unknown;
     segmented?: unknown;
     size?: unknown;
     hoverable?: unknown;
@@ -711,6 +708,7 @@ declare const _default: import("vue").DefineComponent<{
     onClickoutside: Function;
     showIcon: boolean;
     hoverable: boolean;
+    embedded: boolean;
     segmented: boolean | import("../../card/src/Card").Segmented;
     onPositiveClick: Function;
     onNegativeClick: Function;
@@ -734,6 +732,7 @@ declare const _default: import("vue").DefineComponent<{
     closable: boolean;
     showIcon: boolean;
     hoverable: boolean;
+    embedded: boolean;
     segmented: boolean | import("../../card/src/Card").Segmented;
 }>;
 export default _default;

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

@@ -1,40 +1,23 @@
 import { PropType, CSSProperties } from 'vue';
-import { ExtractPublicPropTypes } from '../../_utils';
-import type { MaybeArray } from '../../_utils';
+import type { MaybeArray, ExtractPublicPropTypes } from '../../_utils';
 declare const modalProps: {
     'onUpdate:show': PropType<MaybeArray<(value: boolean) => void>>;
     onUpdateShow: PropType<MaybeArray<(value: boolean) => void>>;
-    dialog: BooleanConstructor;
-    appear: {
-        type: PropType<boolean | undefined>;
-        default: undefined;
-    };
     onBeforeLeave: PropType<() => void>;
     onAfterLeave: PropType<() => void>;
     onClose: PropType<() => Promise<boolean> | boolean | any>;
     onPositiveClick: PropType<() => Promise<boolean> | boolean | any>;
     onNegativeClick: PropType<() => Promise<boolean> | boolean | any>;
     onMaskClick: PropType<(e: MouseEvent) => void>;
-    overlayStyle: {
-        type: PropType<string | CSSProperties | undefined>;
-        validator: () => boolean;
-        default: undefined;
-    };
-    onBeforeHide: {
-        type: PropType<(() => void) | undefined>;
-        validator: () => boolean;
-        default: undefined;
-    };
-    onAfterHide: {
-        type: PropType<(() => void) | undefined>;
-        validator: () => boolean;
-        default: undefined;
-    };
-    onHide: {
-        type: PropType<((value: false) => void) | undefined>;
-        validator: () => boolean;
+    dialog: BooleanConstructor;
+    appear: {
+        type: PropType<boolean | undefined>;
         default: undefined;
     };
+    overlayStyle: PropType<string | CSSProperties>;
+    onBeforeHide: PropType<() => void>;
+    onAfterHide: PropType<() => void>;
+    onHide: PropType<(value: false) => void>;
     icon: PropType<() => import("vue").VNodeChild>;
     type: {
         readonly type: PropType<"default" | "error" | "info" | "success" | "warning">;
@@ -53,18 +36,13 @@ declare const modalProps: {
         readonly type: BooleanConstructor;
         readonly default: true;
     };
-    loading: {
-        readonly type: BooleanConstructor;
-        readonly default: false;
-    };
-    bordered: {
-        readonly type: BooleanConstructor;
-        readonly default: boolean;
-    };
+    loading: BooleanConstructor;
+    bordered: BooleanConstructor;
     iconPlacement: PropType<import("../../dialog/src/interface").IconPlacement>;
     contentStyle: PropType<string | CSSProperties>;
     headerStyle: PropType<string | CSSProperties>;
     footerStyle: PropType<string | CSSProperties>;
+    embedded: BooleanConstructor;
     segmented: {
         readonly type: PropType<boolean | import("../../card/src/Card").Segmented>;
         readonly default: false;
@@ -328,6 +306,7 @@ declare const modalProps: {
             colorModal: string;
             colorPopover: string;
             colorTarget: string;
+            colorEmbedded: string;
             textColor: string;
             titleTextColor: string;
             borderColor: string;
@@ -592,6 +571,7 @@ declare const modalProps: {
             colorModal: string;
             colorPopover: string;
             colorTarget: string;
+            colorEmbedded: string;
             textColor: string;
             titleTextColor: string;
             borderColor: string;
@@ -856,6 +836,7 @@ declare const modalProps: {
             colorModal: string;
             colorPopover: string;
             colorTarget: string;
+            colorEmbedded: string;
             textColor: string;
             titleTextColor: string;
             borderColor: string;
@@ -886,37 +867,21 @@ export declare type ModalProps = ExtractPublicPropTypes<typeof modalProps>;
 declare const _default: import("vue").DefineComponent<{
     'onUpdate:show': PropType<MaybeArray<(value: boolean) => void>>;
     onUpdateShow: PropType<MaybeArray<(value: boolean) => void>>;
-    dialog: BooleanConstructor;
-    appear: {
-        type: PropType<boolean | undefined>;
-        default: undefined;
-    };
     onBeforeLeave: PropType<() => void>;
     onAfterLeave: PropType<() => void>;
     onClose: PropType<() => any>;
     onPositiveClick: PropType<() => any>;
     onNegativeClick: PropType<() => any>;
     onMaskClick: PropType<(e: MouseEvent) => void>;
-    overlayStyle: {
-        type: PropType<string | CSSProperties | undefined>;
-        validator: () => boolean;
-        default: undefined;
-    };
-    onBeforeHide: {
-        type: PropType<(() => void) | undefined>;
-        validator: () => boolean;
-        default: undefined;
-    };
-    onAfterHide: {
-        type: PropType<(() => void) | undefined>;
-        validator: () => boolean;
-        default: undefined;
-    };
-    onHide: {
-        type: PropType<((value: false) => void) | undefined>;
-        validator: () => boolean;
+    dialog: BooleanConstructor;
+    appear: {
+        type: PropType<boolean | undefined>;
         default: undefined;
     };
+    overlayStyle: PropType<string | CSSProperties>;
+    onBeforeHide: PropType<() => void>;
+    onAfterHide: PropType<() => void>;
+    onHide: PropType<(value: false) => void>;
     icon: PropType<() => import("vue").VNodeChild>;
     type: {
         readonly type: PropType<"default" | "error" | "info" | "success" | "warning">;
@@ -935,18 +900,13 @@ declare const _default: import("vue").DefineComponent<{
         readonly type: BooleanConstructor;
         readonly default: true;
     };
-    loading: {
-        readonly type: BooleanConstructor;
-        readonly default: false;
-    };
-    bordered: {
-        readonly type: BooleanConstructor;
-        readonly default: boolean;
-    };
+    loading: BooleanConstructor;
+    bordered: BooleanConstructor;
     iconPlacement: PropType<import("../../dialog/src/interface").IconPlacement>;
     contentStyle: PropType<string | CSSProperties>;
     headerStyle: PropType<string | CSSProperties>;
     footerStyle: PropType<string | CSSProperties>;
+    embedded: BooleanConstructor;
     segmented: {
         readonly type: PropType<boolean | import("../../card/src/Card").Segmented>;
         readonly default: false;
@@ -1210,6 +1170,7 @@ declare const _default: import("vue").DefineComponent<{
             colorModal: string;
             colorPopover: string;
             colorTarget: string;
+            colorEmbedded: string;
             textColor: string;
             titleTextColor: string;
             borderColor: string;
@@ -1474,6 +1435,7 @@ declare const _default: import("vue").DefineComponent<{
             colorModal: string;
             colorPopover: string;
             colorTarget: string;
+            colorEmbedded: string;
             textColor: string;
             titleTextColor: string;
             borderColor: string;
@@ -1738,6 +1700,7 @@ declare const _default: import("vue").DefineComponent<{
             colorModal: string;
             colorPopover: string;
             colorTarget: string;
+            colorEmbedded: string;
             textColor: string;
             titleTextColor: string;
             borderColor: string;
@@ -2021,6 +1984,7 @@ declare const _default: import("vue").DefineComponent<{
                 colorModal: string;
                 colorPopover: string;
                 colorTarget: string;
+                colorEmbedded: string;
                 textColor: string;
                 titleTextColor: string;
                 borderColor: string;
@@ -2285,6 +2249,7 @@ declare const _default: import("vue").DefineComponent<{
                 colorModal: string;
                 colorPopover: string;
                 colorTarget: string;
+                colorEmbedded: string;
                 textColor: string;
                 titleTextColor: string;
                 borderColor: string;
@@ -2549,6 +2514,7 @@ declare const _default: import("vue").DefineComponent<{
                 colorModal: string;
                 colorPopover: string;
                 colorTarget: string;
+                colorEmbedded: string;
                 textColor: string;
                 titleTextColor: string;
                 borderColor: string;
@@ -2589,6 +2555,7 @@ declare const _default: import("vue").DefineComponent<{
         hoverable: boolean;
         headerStyle: string | CSSProperties | undefined;
         footerStyle: string | CSSProperties | undefined;
+        embedded: boolean;
         segmented: boolean | import("../../card/src/Card").Segmented;
         negativeText: string | undefined;
         positiveText: string | undefined;
@@ -2600,7 +2567,7 @@ declare const _default: import("vue").DefineComponent<{
         onBeforeHide: (() => void) | undefined;
         unstableShowMask: boolean;
         maskClosable: boolean;
-    }>, "type" | "content" | "size" | "icon" | "title" | "action" | "contentStyle" | "bordered" | "loading" | "onClose" | "closable" | "showIcon" | "iconPlacement" | "hoverable" | "headerStyle" | "footerStyle" | "segmented" | "negativeText" | "positiveText" | "onPositiveClick" | "onNegativeClick">>;
+    }>, "type" | "content" | "size" | "icon" | "title" | "action" | "contentStyle" | "bordered" | "loading" | "onClose" | "closable" | "showIcon" | "iconPlacement" | "hoverable" | "headerStyle" | "footerStyle" | "embedded" | "segmented" | "negativeText" | "positiveText" | "onPositiveClick" | "onNegativeClick">>;
     handleAfterLeave: () => void;
     handleClickoutside: (e: MouseEvent) => void;
     handleBeforeLeave: () => void;
@@ -2617,14 +2584,14 @@ declare const _default: import("vue").DefineComponent<{
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
     'onUpdate:show'?: unknown;
     onUpdateShow?: unknown;
-    dialog?: unknown;
-    appear?: unknown;
     onBeforeLeave?: unknown;
     onAfterLeave?: unknown;
     onClose?: unknown;
     onPositiveClick?: unknown;
     onNegativeClick?: unknown;
     onMaskClick?: unknown;
+    dialog?: unknown;
+    appear?: unknown;
     overlayStyle?: unknown;
     onBeforeHide?: unknown;
     onAfterHide?: unknown;
@@ -2644,6 +2611,7 @@ declare const _default: import("vue").DefineComponent<{
     contentStyle?: unknown;
     headerStyle?: unknown;
     footerStyle?: unknown;
+    embedded?: unknown;
     segmented?: unknown;
     size?: unknown;
     hoverable?: unknown;
@@ -2667,6 +2635,7 @@ declare const _default: import("vue").DefineComponent<{
     displayDirective: "show" | "if";
     showIcon: boolean;
     hoverable: boolean;
+    embedded: boolean;
     segmented: boolean | import("../../card/src/Card").Segmented;
     unstableShowMask: boolean;
     maskClosable: boolean;
@@ -2918,6 +2887,7 @@ declare const _default: import("vue").DefineComponent<{
             colorModal: string;
             colorPopover: string;
             colorTarget: string;
+            colorEmbedded: string;
             textColor: string;
             titleTextColor: string;
             borderColor: string;
@@ -3182,6 +3152,7 @@ declare const _default: import("vue").DefineComponent<{
             colorModal: string;
             colorPopover: string;
             colorTarget: string;
+            colorEmbedded: string;
             textColor: string;
             titleTextColor: string;
             borderColor: string;
@@ -3446,6 +3417,7 @@ declare const _default: import("vue").DefineComponent<{
             colorModal: string;
             colorPopover: string;
             colorTarget: string;
+            colorEmbedded: string;
             textColor: string;
             titleTextColor: string;
             borderColor: string;
@@ -3498,13 +3470,10 @@ declare const _default: import("vue").DefineComponent<{
     loading: boolean;
     closable: boolean;
     displayDirective: "show" | "if";
-    onHide: ((value: false) => void) | undefined;
     showIcon: boolean;
-    onAfterHide: (() => void) | undefined;
     hoverable: boolean;
+    embedded: boolean;
     segmented: boolean | import("../../card/src/Card").Segmented;
-    overlayStyle: string | CSSProperties | undefined;
-    onBeforeHide: (() => void) | undefined;
     unstableShowMask: boolean;
     maskClosable: boolean;
 }>;

package/lib/modal/src/Modal.js

@@ -23,54 +23,33 @@ const modalProps = Object.assign(Object.assign(Object.assign(Object.assign({}, _
         default: 'if'
     } }), presetProps_1.presetProps), { 
     // events
-    'onUpdate:show': [Function, Array], onUpdateShow: [Function, Array], 
+    'onUpdate:show': [Function, Array], onUpdateShow: [Function, Array], onBeforeLeave: Function, onAfterLeave: Function, onClose: Function, onPositiveClick: Function, onNegativeClick: Function, onMaskClick: Function, 
     // private
     dialog: Boolean, appear: {
         type: Boolean,
         default: undefined
-    }, onBeforeLeave: Function, onAfterLeave: Function, onClose: Function, onPositiveClick: Function, onNegativeClick: Function, onMaskClick: Function, 
+    }, 
     // deprecated
-    overlayStyle: {
-        type: [String, Object],
-        validator: () => {
-            if (process.env.NODE_ENV !== 'production') {
-                (0, _utils_1.warn)('modal', '`overlay-style` is deprecated, please use `style` instead.');
-            }
-            return true;
-        },
-        default: undefined
-    }, onBeforeHide: {
-        type: Function,
-        validator: () => {
-            if (process.env.NODE_ENV !== 'production') {
-                (0, _utils_1.warn)('modal', '`on-before-hide` is deprecated, please use `on-before-leave` instead.');
-            }
-            return true;
-        },
-        default: undefined
-    }, onAfterHide: {
-        type: Function,
-        validator: () => {
-            if (process.env.NODE_ENV !== 'production') {
-                (0, _utils_1.warn)('modal', '`on-after-hide` is deprecated, please use `on-after-leave` instead.');
-            }
-            return true;
-        },
-        default: undefined
-    }, onHide: {
-        type: Function,
-        validator: () => {
-            if (process.env.NODE_ENV !== 'production')
-                (0, _utils_1.warn)('modal', '`on-hide` is deprecated.');
-            return true;
-        },
-        default: undefined
-    } });
+    overlayStyle: [String, Object], onBeforeHide: Function, onAfterHide: Function, onHide: Function });
 exports.default = (0, vue_1.defineComponent)({
     name: 'Modal',
     inheritAttrs: false,
     props: modalProps,
     setup(props) {
+        if (process.env.NODE_ENV !== 'production') {
+            if (props.onHide) {
+                (0, _utils_1.warnOnce)('modal', '`on-hide` is deprecated.');
+            }
+            if (props.onAfterHide) {
+                (0, _utils_1.warnOnce)('modal', '`on-after-hide` is deprecated, please use `on-after-leave` instead.');
+            }
+            if (props.onBeforeHide) {
+                (0, _utils_1.warnOnce)('modal', '`on-before-hide` is deprecated, please use `on-before-leave` instead.');
+            }
+            if (props.overlayStyle) {
+                (0, _utils_1.warnOnce)('modal', '`overlay-style` is deprecated, please use `style` instead.');
+            }
+        }
         const containerRef = (0, vue_1.ref)(null);
         const { mergedClsPrefixRef, namespaceRef } = (0, _mixins_1.useConfig)(props);
         const themeRef = (0, _mixins_1.useTheme)('Modal', 'Modal', index_cssr_1.default, styles_1.modalLight, props, mergedClsPrefixRef);