naive-ui 2.18.0 → 2.19.1

package/es/modal/src/Modal.js

@@ -4,7 +4,7 @@ import { useIsMounted, useClicked, useClickPosition } from 'vooks';
 import { VLazyTeleport } from 'vueuc';
 import { dialogProviderInjectionKey } from '../../dialog/src/DialogProvider';
 import { useConfig, useTheme } from '../../_mixins';
-import { warn, keep, call } from '../../_utils';
+import { keep, call, warnOnce } from '../../_utils';
 import { modalLight } from '../styles';
 import { presetProps, presetPropsKeys } from './presetProps';
 import NModalBodyWrapper from './BodyWrapper';
@@ -21,54 +21,33 @@ const modalProps = Object.assign(Object.assign(Object.assign(Object.assign({}, u
         default: 'if'
     } }), 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') {
-                warn('modal', '`overlay-style` is deprecated, please use `style` instead.');
-            }
-            return true;
-        },
-        default: undefined
-    }, onBeforeHide: {
-        type: Function,
-        validator: () => {
-            if (process.env.NODE_ENV !== 'production') {
-                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') {
-                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')
-                warn('modal', '`on-hide` is deprecated.');
-            return true;
-        },
-        default: undefined
-    } });
+    overlayStyle: [String, Object], onBeforeHide: Function, onAfterHide: Function, onHide: Function });
 export default defineComponent({
     name: 'Modal',
     inheritAttrs: false,
     props: modalProps,
     setup(props) {
+        if (process.env.NODE_ENV !== 'production') {
+            if (props.onHide) {
+                warnOnce('modal', '`on-hide` is deprecated.');
+            }
+            if (props.onAfterHide) {
+                warnOnce('modal', '`on-after-hide` is deprecated, please use `on-after-leave` instead.');
+            }
+            if (props.onBeforeHide) {
+                warnOnce('modal', '`on-before-hide` is deprecated, please use `on-before-leave` instead.');
+            }
+            if (props.overlayStyle) {
+                warnOnce('modal', '`overlay-style` is deprecated, please use `style` instead.');
+            }
+        }
         const containerRef = ref(null);
         const { mergedClsPrefixRef, namespaceRef } = useConfig(props);
         const themeRef = useTheme('Modal', 'Modal', style, modalLight, props, mergedClsPrefixRef);

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

@@ -17,14 +17,8 @@ declare const presetProps: {
         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: import("vue").PropType<import("../../dialog/src/interface").IconPlacement>;
     onPositiveClick: import("vue").PropType<(e: MouseEvent) => void>;
     onNegativeClick: import("vue").PropType<(e: MouseEvent) => void>;
@@ -32,6 +26,7 @@ declare const presetProps: {
     contentStyle: import("vue").PropType<string | import("vue").CSSProperties>;
     headerStyle: import("vue").PropType<string | import("vue").CSSProperties>;
     footerStyle: import("vue").PropType<string | import("vue").CSSProperties>;
+    embedded: BooleanConstructor;
     segmented: {
         readonly type: import("vue").PropType<boolean | import("../../card/src/Card").Segmented>;
         readonly default: false;
@@ -42,5 +37,5 @@ declare const presetProps: {
     };
     hoverable: BooleanConstructor;
 };
-declare const presetPropsKeys: ("type" | "content" | "size" | "icon" | "title" | "action" | "contentStyle" | "bordered" | "loading" | "onClose" | "closable" | "showIcon" | "iconPlacement" | "hoverable" | "headerStyle" | "footerStyle" | "segmented" | "negativeText" | "positiveText" | "onPositiveClick" | "onNegativeClick")[];
+declare const presetPropsKeys: ("type" | "content" | "size" | "icon" | "title" | "action" | "contentStyle" | "bordered" | "loading" | "onClose" | "closable" | "showIcon" | "iconPlacement" | "hoverable" | "headerStyle" | "footerStyle" | "embedded" | "segmented" | "negativeText" | "positiveText" | "onPositiveClick" | "onNegativeClick")[];
 export { presetProps, presetPropsKeys };

package/es/modal/styles/light.d.ts

@@ -244,6 +244,7 @@ declare const modalLight: import("../../_mixins").Theme<"Modal", {
         colorModal: string;
         colorPopover: string;
         colorTarget: string;
+        colorEmbedded: string;
         textColor: string;
         titleTextColor: string;
         borderColor: string;

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

@@ -19,7 +19,7 @@ export declare const notificationProps: {
         readonly required: true;
     };
 };
-export declare const notificationPropKeys: ("type" | "meta" | "content" | "description" | "title" | "action" | "onClose" | "closable" | "avatar")[];
+export declare const notificationPropKeys: ("type" | "meta" | "content" | "description" | "title" | "action" | "avatar" | "onClose" | "closable")[];
 declare const _default: import("vue").DefineComponent<{
     readonly closable: {
         readonly type: BooleanConstructor;

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

@@ -100,10 +100,10 @@ declare const _default: import("vue").DefineComponent<{
     onAfterLeave?: (() => void) | undefined;
     title?: string | (() => import("vue").VNodeChild) | undefined;
     action?: string | (() => import("vue").VNodeChild) | undefined;
+    avatar?: (() => import("vue").VNodeChild) | undefined;
     onClose?: (() => any) | undefined;
     onHide?: (() => void) | undefined;
     onAfterHide?: (() => void) | undefined;
-    avatar?: (() => import("vue").VNodeChild) | undefined;
     onAfterShow?: (() => void) | undefined;
 }>, {
     type: "default" | "error" | "info" | "success" | "warning";

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

@@ -228,22 +228,22 @@ declare const _default: import("vue").DefineComponent<{
         readonly destroy: () => void;
         readonly hide: () => void;
         readonly deactivate: () => void;
-        duration?: Mutable<number | undefined>;
-        onClose?: {} | undefined;
-        onLeave?: {} | undefined;
-        onAfterEnter?: {} | undefined;
-        onAfterLeave?: {} | undefined;
-        onHide?: {} | undefined;
-        onAfterShow?: {} | undefined;
-        onAfterHide?: {} | undefined;
-        closable?: Mutable<boolean | undefined>;
-        type?: Mutable<"default" | "error" | "info" | "success" | "warning" | undefined>;
-        avatar?: {} | undefined;
-        title?: string | {} | undefined;
-        description?: string | {} | undefined;
-        content?: string | {} | undefined;
-        meta?: string | {} | undefined;
-        action?: string | {} | undefined;
+        duration?: number | undefined;
+        onClose?: (() => any) | undefined;
+        onLeave?: (() => void) | undefined;
+        onAfterEnter?: (() => void) | undefined;
+        onAfterLeave?: (() => void) | undefined;
+        onHide?: (() => void) | undefined;
+        onAfterShow?: (() => void) | undefined;
+        onAfterHide?: (() => void) | undefined;
+        closable?: boolean | undefined;
+        type?: "default" | "error" | "info" | "success" | "warning" | undefined;
+        avatar?: (() => import("vue").VNodeChild) | undefined;
+        title?: string | (() => import("vue").VNodeChild) | undefined;
+        description?: string | (() => import("vue").VNodeChild) | undefined;
+        content?: string | (() => import("vue").VNodeChild) | undefined;
+        meta?: string | (() => import("vue").VNodeChild) | undefined;
+        action?: string | (() => import("vue").VNodeChild) | undefined;
     }[]>;
     notificationRefs: Record<string, NotificationRef>;
     handleAfterLeave: (key: string) => void;

package/es/page-header/src/PageHeader.d.ts

@@ -79,6 +79,7 @@ declare const _default: import("vue").DefineComponent<{
         backSize: string;
     }, unknown>>>;
 }, {
+    rtlEnabled: import("vue").Ref<import("../../config-provider/src/internal-interface").RtlItem | undefined> | undefined;
     mergedClsPrefix: import("vue").ComputedRef<string>;
     cssVars: import("vue").ComputedRef<{
         '--title-text-color': string;

package/es/page-header/src/PageHeader.js

@@ -5,14 +5,17 @@ import { pageHeaderLight } from '../styles/light';
 import style from './styles/index.cssr';
 import { ArrowBackIcon } from '../../_internal/icons';
 import { NBaseIcon } from '../../_internal';
+import useRtl from '../../_mixins/use-rtl';
 const pageHeaderProps = Object.assign(Object.assign({}, useTheme.props), { title: String, subtitle: String, extra: String, onBack: Function });
 export default defineComponent({
     name: 'PageHeader',
     props: pageHeaderProps,
     setup(props) {
-        const { mergedClsPrefixRef } = useConfig(props);
+        const { mergedClsPrefixRef, NConfigProvider } = useConfig(props);
         const themeRef = useTheme('PageHeader', 'PageHeader', style, pageHeaderLight, props, mergedClsPrefixRef);
+        const rtlEnabledRef = useRtl('PageHeader', NConfigProvider === null || NConfigProvider === void 0 ? void 0 : NConfigProvider.mergedRtlRef, mergedClsPrefixRef);
         return {
+            rtlEnabled: rtlEnabledRef,
             mergedClsPrefix: mergedClsPrefixRef,
             cssVars: computed(() => {
                 const { self: { titleTextColor, subtitleTextColor, backColor, fontSize, titleFontSize, backSize, titleFontWeight, backColorHover, backColorPressed }, common: { cubicBezierEaseInOut } } = themeRef.value;
@@ -38,7 +41,10 @@ export default defineComponent({
         const showTitle = title || titleSlot;
         const showSubtitle = subtitle || subtitleSlot;
         const showExtra = extra || extraSlot;
-        return (h("div", { style: cssVars },
+        return (h("div", { style: cssVars, class: [
+                `${mergedClsPrefix}-page-header-wrapper`,
+                this.rtlEnabled && `${mergedClsPrefix}-page-header-wrapper--rtl`
+            ] },
             headerSlot ? (h("div", { class: `${mergedClsPrefix}-page-header-header`, key: "breadcrumn" }, headerSlot())) : null,
             h("div", { class: `${mergedClsPrefix}-page-header`, key: "header" },
                 h("div", { class: `${mergedClsPrefix}-page-header__main`, key: "back" },

package/es/page-header/src/styles/rtl.cssr.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("css-render").CNode;
+export default _default;

package/es/page-header/src/styles/rtl.cssr.js

@@ -0,0 +1,19 @@
+import { cB, cM, cE } from '../../../_utils/cssr';
+export default cB('page-header-wrapper', [cM('rtl', [cB('page-header-header', `
+ direction: rtl;
+ `), cB('page-header', `
+ direction: rtl;
+ `, [cE('back', `
+ margin-right: 0;
+ margin-left: 16px;
+ `), cE('avatar', `
+ margin-right: 0;
+ margin-left: 12px;
+ `), cE('title', `
+ margin-right: 0;
+ margin-left: 16px;
+ `)]), cB('page-header-content', `
+ direction: rtl;
+ `), cB('page-header-footer', `
+ direction: rtl;
+ `)])]);

package/es/page-header/styles/index.d.ts

@@ -1,3 +1,4 @@
 export { pageHeaderLight } from './light';
 export type { PageHeaderTheme, PageHeaderThemeVars } from './light';
 export { pageHeaderDark } from './dark';
+export { default as pageHeaderRtl } from './rtl';

package/es/page-header/styles/index.js

@@ -1,2 +1,3 @@
 export { pageHeaderLight } from './light';
 export { pageHeaderDark } from './dark';
+export { default as pageHeaderRtl } from './rtl';

package/es/page-header/styles/rtl.d.ts

@@ -0,0 +1,5 @@
+declare const _default: {
+    name: string;
+    style: import("css-render").CNode;
+};
+export default _default;

package/es/page-header/styles/rtl.js

@@ -0,0 +1,5 @@
+import rtlStyle from '../src/styles/rtl.cssr';
+export default {
+    name: 'PageHeader',
+    style: rtlStyle
+};

package/es/pagination/src/Pagination.d.ts

@@ -138,6 +138,7 @@ declare const paginationProps: {
                 fontSizeLarge: string;
                 paddingSingle: string;
                 clearSize: string;
+                arrowSize: string;
             }, {
                 Popover: import("../../_mixins").Theme<"Popover", {
                     fontSize: string;
@@ -174,6 +175,7 @@ declare const paginationProps: {
                 optionOpacityDisabled: string;
                 optionCheckColor: string;
                 optionColorPending: string;
+                optionColorActive: string;
                 actionTextColor: string;
                 loadingColor: string;
                 height: string;
@@ -364,6 +366,7 @@ declare const paginationProps: {
                 fontSizeLarge: string;
                 paddingSingle: string;
                 clearSize: string;
+                arrowSize: string;
             }, {
                 Popover: import("../../_mixins").Theme<"Popover", {
                     fontSize: string;
@@ -400,6 +403,7 @@ declare const paginationProps: {
                 optionOpacityDisabled: string;
                 optionCheckColor: string;
                 optionColorPending: string;
+                optionColorActive: string;
                 actionTextColor: string;
                 loadingColor: string;
                 height: string;
@@ -590,6 +594,7 @@ declare const paginationProps: {
                 fontSizeLarge: string;
                 paddingSingle: string;
                 clearSize: string;
+                arrowSize: string;
             }, {
                 Popover: import("../../_mixins").Theme<"Popover", {
                     fontSize: string;
@@ -626,6 +631,7 @@ declare const paginationProps: {
                 optionOpacityDisabled: string;
                 optionCheckColor: string;
                 optionColorPending: string;
+                optionColorActive: string;
                 actionTextColor: string;
                 loadingColor: string;
                 height: string;
@@ -855,6 +861,7 @@ declare const _default: import("vue").DefineComponent<{
                 fontSizeLarge: string;
                 paddingSingle: string;
                 clearSize: string;
+                arrowSize: string;
             }, {
                 Popover: import("../../_mixins").Theme<"Popover", {
                     fontSize: string;
@@ -891,6 +898,7 @@ declare const _default: import("vue").DefineComponent<{
                 optionOpacityDisabled: string;
                 optionCheckColor: string;
                 optionColorPending: string;
+                optionColorActive: string;
                 actionTextColor: string;
                 loadingColor: string;
                 height: string;
@@ -1081,6 +1089,7 @@ declare const _default: import("vue").DefineComponent<{
                 fontSizeLarge: string;
                 paddingSingle: string;
                 clearSize: string;
+                arrowSize: string;
             }, {
                 Popover: import("../../_mixins").Theme<"Popover", {
                     fontSize: string;
@@ -1117,6 +1126,7 @@ declare const _default: import("vue").DefineComponent<{
                 optionOpacityDisabled: string;
                 optionCheckColor: string;
                 optionColorPending: string;
+                optionColorActive: string;
                 actionTextColor: string;
                 loadingColor: string;
                 height: string;
@@ -1307,6 +1317,7 @@ declare const _default: import("vue").DefineComponent<{
                 fontSizeLarge: string;
                 paddingSingle: string;
                 clearSize: string;
+                arrowSize: string;
             }, {
                 Popover: import("../../_mixins").Theme<"Popover", {
                     fontSize: string;
@@ -1343,6 +1354,7 @@ declare const _default: import("vue").DefineComponent<{
                 optionOpacityDisabled: string;
                 optionCheckColor: string;
                 optionColorPending: string;
+                optionColorActive: string;
                 actionTextColor: string;
                 loadingColor: string;
                 height: string;
@@ -1663,6 +1675,7 @@ declare const _default: import("vue").DefineComponent<{
                     fontSizeLarge: string;
                     paddingSingle: string;
                     clearSize: string;
+                    arrowSize: string;
                 }, {
                     Popover: import("../../_mixins").Theme<"Popover", {
                         fontSize: string;
@@ -1699,6 +1712,7 @@ declare const _default: import("vue").DefineComponent<{
                     optionOpacityDisabled: string;
                     optionCheckColor: string;
                     optionColorPending: string;
+                    optionColorActive: string;
                     actionTextColor: string;
                     loadingColor: string;
                     height: string;
@@ -1847,6 +1861,7 @@ declare const _default: import("vue").DefineComponent<{
                         fontSizeLarge: string;
                         paddingSingle: string;
                         clearSize: string;
+                        arrowSize: string;
                     }, {
                         Popover: import("../../_mixins").Theme<"Popover", {
                             fontSize: string;
@@ -1883,6 +1898,7 @@ declare const _default: import("vue").DefineComponent<{
                         optionOpacityDisabled: string;
                         optionCheckColor: string;
                         optionColorPending: string;
+                        optionColorActive: string;
                         actionTextColor: string;
                         loadingColor: string;
                         height: string;
@@ -2012,7 +2028,6 @@ declare const _default: import("vue").DefineComponent<{
     prefix?: RenderPrefix | undefined;
     page?: number | undefined;
     onChange?: MaybeArray<(page: number) => void> | undefined;
-    suffix?: RenderPrefix | undefined;
     theme?: import("../../_mixins").Theme<"Pagination", {
         buttonColor: string;
         buttonColorHover: string;
@@ -2110,6 +2125,7 @@ declare const _default: import("vue").DefineComponent<{
                 fontSizeLarge: string;
                 paddingSingle: string;
                 clearSize: string;
+                arrowSize: string;
             }, {
                 Popover: import("../../_mixins").Theme<"Popover", {
                     fontSize: string;
@@ -2146,6 +2162,7 @@ declare const _default: import("vue").DefineComponent<{
                 optionOpacityDisabled: string;
                 optionCheckColor: string;
                 optionColorPending: string;
+                optionColorActive: string;
                 actionTextColor: string;
                 loadingColor: string;
                 height: string;
@@ -2336,6 +2353,7 @@ declare const _default: import("vue").DefineComponent<{
                 fontSizeLarge: string;
                 paddingSingle: string;
                 clearSize: string;
+                arrowSize: string;
             }, {
                 Popover: import("../../_mixins").Theme<"Popover", {
                     fontSize: string;
@@ -2372,6 +2390,7 @@ declare const _default: import("vue").DefineComponent<{
                 optionOpacityDisabled: string;
                 optionCheckColor: string;
                 optionColorPending: string;
+                optionColorActive: string;
                 actionTextColor: string;
                 loadingColor: string;
                 height: string;
@@ -2562,6 +2581,7 @@ declare const _default: import("vue").DefineComponent<{
                 fontSizeLarge: string;
                 paddingSingle: string;
                 clearSize: string;
+                arrowSize: string;
             }, {
                 Popover: import("../../_mixins").Theme<"Popover", {
                     fontSize: string;
@@ -2598,6 +2618,7 @@ declare const _default: import("vue").DefineComponent<{
                 optionOpacityDisabled: string;
                 optionCheckColor: string;
                 optionColorPending: string;
+                optionColorActive: string;
                 actionTextColor: string;
                 loadingColor: string;
                 height: string;
@@ -2693,6 +2714,7 @@ declare const _default: import("vue").DefineComponent<{
     }>> | undefined;
     prev?: RenderPrefix | undefined;
     next?: RenderPrefix | undefined;
+    suffix?: RenderPrefix | undefined;
     itemCount?: number | undefined;
     pageCount?: number | undefined;
     pageSize?: number | undefined;

package/es/pagination/styles/light.d.ts

@@ -138,6 +138,7 @@ declare const paginationLight: import("../../_mixins").Theme<"Pagination", {
             fontSizeLarge: string;
             paddingSingle: string;
             clearSize: string;
+            arrowSize: string;
         }, {
             Popover: import("../../_mixins").Theme<"Popover", {
                 fontSize: string;
@@ -174,6 +175,7 @@ declare const paginationLight: import("../../_mixins").Theme<"Pagination", {
             optionOpacityDisabled: string;
             optionCheckColor: string;
             optionColorPending: string;
+            optionColorActive: string;
             actionTextColor: string;
             loadingColor: string;
             height: string;

package/es/popconfirm/src/Popconfirm.d.ts

@@ -65,16 +65,9 @@ declare const popconfirmProps: {
     onClickoutside: PropType<(e: MouseEvent) => void>;
     'onUpdate:show': PropType<import("../../_utils").MaybeArray<(value: boolean) => void>>;
     onUpdateShow: PropType<import("../../_utils").MaybeArray<(value: boolean) => void>>;
-    onShow: {
-        type: PropType<import("../../_utils").MaybeArray<(value: boolean) => void> | undefined>;
-        validator: () => boolean;
-        default: undefined;
-    };
-    onHide: {
-        type: PropType<import("../../_utils").MaybeArray<(value: boolean) => void> | undefined>;
-        validator: () => boolean;
-        default: undefined;
-    };
+    zIndex: NumberConstructor;
+    onShow: PropType<import("../../_utils").MaybeArray<(value: boolean) => void> | undefined>;
+    onHide: PropType<import("../../_utils").MaybeArray<(value: boolean) => void> | undefined>;
     arrow: {
         type: PropType<boolean | undefined>;
         default: undefined;
@@ -792,16 +785,9 @@ declare const _default: import("vue").DefineComponent<{
     onClickoutside: PropType<(e: MouseEvent) => void>;
     'onUpdate:show': PropType<import("../../_utils").MaybeArray<(value: boolean) => void>>;
     onUpdateShow: PropType<import("../../_utils").MaybeArray<(value: boolean) => void>>;
-    onShow: {
-        type: PropType<import("../../_utils").MaybeArray<(value: boolean) => void> | undefined>;
-        validator: () => boolean;
-        default: undefined;
-    };
-    onHide: {
-        type: PropType<import("../../_utils").MaybeArray<(value: boolean) => void> | undefined>;
-        validator: () => boolean;
-        default: undefined;
-    };
+    zIndex: NumberConstructor;
+    onShow: PropType<import("../../_utils").MaybeArray<(value: boolean) => void> | undefined>;
+    onHide: PropType<import("../../_utils").MaybeArray<(value: boolean) => void> | undefined>;
     arrow: {
         type: PropType<boolean | undefined>;
         default: undefined;
@@ -1817,6 +1803,7 @@ declare const _default: import("vue").DefineComponent<{
     onClickoutside?: unknown;
     'onUpdate:show'?: unknown;
     onUpdateShow?: unknown;
+    zIndex?: unknown;
     onShow?: unknown;
     onHide?: unknown;
     arrow?: unknown;
@@ -1847,6 +1834,7 @@ declare const _default: import("vue").DefineComponent<{
     maxWidth?: number | undefined;
     minWidth?: number | undefined;
     width?: number | "trigger" | undefined;
+    zIndex?: number | undefined;
     theme?: import("../../_mixins").Theme<"Popconfirm", {
         fontSize: string;
         iconColor: string;
@@ -2520,8 +2508,6 @@ declare const _default: import("vue").DefineComponent<{
     animated: boolean;
     defaultShow: boolean;
     internalExtraClass: string[];
-    onShow: import("../../_utils").MaybeArray<(value: boolean) => void> | undefined;
-    onHide: import("../../_utils").MaybeArray<(value: boolean) => void> | undefined;
     arrow: boolean | undefined;
     showIcon: boolean;
 }>;

package/es/popover/src/Popover.d.ts

@@ -13,6 +13,7 @@ export interface PopoverInjection {
     handleClickOutside: (e: MouseEvent) => void;
     getTriggerElement: () => HTMLElement;
     setBodyInstance: (value: BodyInstance | null) => void;
+    zIndexRef: Ref<number | undefined>;
     internalRenderBodyRef: Ref<InternalRenderBody | undefined>;
     positionManuallyRef: ComputedRef<boolean>;
     isMountedRef: Ref<boolean>;
@@ -74,18 +75,11 @@ export declare const popoverBaseProps: {
     onClickoutside: PropType<(e: MouseEvent) => void>;
     'onUpdate:show': PropType<MaybeArray<(value: boolean) => void>>;
     onUpdateShow: PropType<MaybeArray<(value: boolean) => void>>;
+    zIndex: NumberConstructor;
     /** @deprecated */
-    onShow: {
-        type: PropType<MaybeArray<(value: boolean) => void> | undefined>;
-        validator: () => boolean;
-        default: undefined;
-    };
+    onShow: PropType<MaybeArray<(value: boolean) => void> | undefined>;
     /** @deprecated */
-    onHide: {
-        type: PropType<MaybeArray<(value: boolean) => void> | undefined>;
-        validator: () => boolean;
-        default: undefined;
-    };
+    onHide: PropType<MaybeArray<(value: boolean) => void> | undefined>;
     /** @deprecated */
     arrow: {
         type: PropType<boolean | undefined>;
@@ -153,18 +147,11 @@ declare const popoverProps: {
     onClickoutside: PropType<(e: MouseEvent) => void>;
     'onUpdate:show': PropType<MaybeArray<(value: boolean) => void>>;
     onUpdateShow: PropType<MaybeArray<(value: boolean) => void>>;
+    zIndex: NumberConstructor;
     /** @deprecated */
-    onShow: {
-        type: PropType<MaybeArray<(value: boolean) => void> | undefined>;
-        validator: () => boolean;
-        default: undefined;
-    };
+    onShow: PropType<MaybeArray<(value: boolean) => void> | undefined>;
     /** @deprecated */
-    onHide: {
-        type: PropType<MaybeArray<(value: boolean) => void> | undefined>;
-        validator: () => boolean;
-        default: undefined;
-    };
+    onHide: PropType<MaybeArray<(value: boolean) => void> | undefined>;
     /** @deprecated */
     arrow: {
         type: PropType<boolean | undefined>;
@@ -276,18 +263,11 @@ declare const _default: import("vue").DefineComponent<{
     onClickoutside: PropType<(e: MouseEvent) => void>;
     'onUpdate:show': PropType<MaybeArray<(value: boolean) => void>>;
     onUpdateShow: PropType<MaybeArray<(value: boolean) => void>>;
+    zIndex: NumberConstructor;
     /** @deprecated */
-    onShow: {
-        type: PropType<MaybeArray<(value: boolean) => void> | undefined>;
-        validator: () => boolean;
-        default: undefined;
-    };
+    onShow: PropType<MaybeArray<(value: boolean) => void> | undefined>;
     /** @deprecated */
-    onHide: {
-        type: PropType<MaybeArray<(value: boolean) => void> | undefined>;
-        validator: () => boolean;
-        default: undefined;
-    };
+    onHide: PropType<MaybeArray<(value: boolean) => void> | undefined>;
     /** @deprecated */
     arrow: {
         type: PropType<boolean | undefined>;
@@ -377,6 +357,7 @@ declare const _default: import("vue").DefineComponent<{
     onClickoutside?: unknown;
     'onUpdate:show'?: unknown;
     onUpdateShow?: unknown;
+    zIndex?: unknown;
     onShow?: unknown;
     onHide?: unknown;
     arrow?: unknown;
@@ -406,6 +387,7 @@ declare const _default: import("vue").DefineComponent<{
     maxWidth?: number | undefined;
     minWidth?: number | undefined;
     width?: number | "trigger" | undefined;
+    zIndex?: number | undefined;
     theme?: import("../../_mixins").Theme<"Popover", {
         fontSize: string;
         borderRadius: string;
@@ -473,8 +455,6 @@ declare const _default: import("vue").DefineComponent<{
     animated: boolean;
     defaultShow: boolean;
     internalExtraClass: string[];
-    onShow: MaybeArray<(value: boolean) => void> | undefined;
-    onHide: MaybeArray<(value: boolean) => void> | undefined;
     arrow: boolean | undefined;
 }>;
 export default _default;