naive-ui 2.23.2 → 2.24.3

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

@@ -75,6 +75,7 @@ declare const popconfirmProps: {
         type: PropType<import("../../popover/src/Popover").TriggerEventHandlers[]>;
         default: () => never[];
     };
+    internalTrapFocus: BooleanConstructor;
     onShow: PropType<import("../../_utils").MaybeArray<(value: boolean) => void> | undefined>;
     onHide: PropType<import("../../_utils").MaybeArray<(value: boolean) => void> | undefined>;
     arrow: {
@@ -831,6 +832,7 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<import("../../popover/src/Popover").TriggerEventHandlers[]>;
         default: () => never[];
     };
+    internalTrapFocus: BooleanConstructor;
     onShow: PropType<import("../../_utils").MaybeArray<(value: boolean) => void> | undefined>;
     onHide: PropType<import("../../_utils").MaybeArray<(value: boolean) => void> | undefined>;
     arrow: {
@@ -1860,73 +1862,90 @@ declare const _default: import("vue").DefineComponent<{
     } | null>;
     handlePositiveClick: (e: MouseEvent) => void;
     handleNegativeClick: (e: MouseEvent) => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    positiveText?: unknown;
-    negativeText?: unknown;
-    showIcon?: unknown;
-    trigger?: unknown;
-    onPositiveClick?: unknown;
-    onNegativeClick?: unknown;
-    show?: unknown;
-    defaultShow?: unknown;
-    showArrow?: unknown;
-    delay?: unknown;
-    duration?: unknown;
-    raw?: unknown;
-    placement?: unknown;
-    x?: unknown;
-    y?: unknown;
-    disabled?: unknown;
-    getDisabled?: unknown;
-    displayDirective?: unknown;
-    arrowStyle?: unknown;
-    flip?: unknown;
-    animated?: unknown;
-    width?: unknown;
-    overlap?: unknown;
-    internalExtraClass?: unknown;
-    onClickoutside?: unknown;
-    'onUpdate:show'?: unknown;
-    onUpdateShow?: unknown;
-    zIndex?: unknown;
-    to?: unknown;
-    internalSyncTargetWithParent?: unknown;
-    internalInheritedEventHandlers?: unknown;
-    onShow?: unknown;
-    onHide?: unknown;
-    arrow?: unknown;
-    minWidth?: unknown;
-    maxWidth?: unknown;
-    theme?: unknown;
-    themeOverrides?: unknown;
-    builtinThemeOverrides?: unknown;
-} & {
-    flip: boolean;
-    disabled: boolean;
-    duration: number;
-    raw: boolean;
-    placement: import("vueuc").FollowerPlacement;
-    overlap: boolean;
-    showIcon: boolean;
-    trigger: PopoverTrigger;
-    showArrow: boolean;
-    delay: number;
-    displayDirective: "show" | "if";
-    animated: boolean;
-    defaultShow: boolean;
-    internalExtraClass: string[];
-    internalSyncTargetWithParent: boolean;
-    internalInheritedEventHandlers: import("../../popover/src/Popover").TriggerEventHandlers[];
-} & {
-    show?: boolean | undefined;
-    x?: number | undefined;
-    y?: number | undefined;
-    maxWidth?: number | undefined;
-    minWidth?: number | undefined;
-    width?: number | "trigger" | undefined;
-    zIndex?: number | undefined;
-    to?: string | boolean | HTMLElement | undefined;
-    theme?: import("../../_mixins").Theme<"Popconfirm", {
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    positiveText: StringConstructor;
+    negativeText: StringConstructor;
+    showIcon: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    trigger: {
+        type: PropType<PopoverTrigger>;
+        default: string;
+    };
+    onPositiveClick: PropType<(e: MouseEvent) => any>;
+    onNegativeClick: PropType<(e: MouseEvent) => any>;
+    show: {
+        type: PropType<boolean | undefined>;
+        default: undefined;
+    };
+    defaultShow: BooleanConstructor;
+    showArrow: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    delay: {
+        type: NumberConstructor;
+        default: number;
+    };
+    duration: {
+        type: NumberConstructor;
+        default: number;
+    };
+    raw: BooleanConstructor;
+    placement: {
+        type: PropType<import("vueuc").FollowerPlacement>;
+        default: string;
+    };
+    x: NumberConstructor;
+    y: NumberConstructor;
+    disabled: BooleanConstructor;
+    getDisabled: PropType<() => boolean>;
+    displayDirective: {
+        type: PropType<"show" | "if">;
+        default: string;
+    };
+    arrowStyle: PropType<string | import("vue").CSSProperties>;
+    flip: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    animated: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    width: {
+        type: PropType<number | "trigger">;
+        default: undefined;
+    };
+    overlap: BooleanConstructor;
+    internalExtraClass: {
+        type: PropType<string[]>;
+        default: () => never[];
+    };
+    onClickoutside: PropType<(e: MouseEvent) => void>;
+    'onUpdate:show': PropType<import("../../_utils").MaybeArray<(value: boolean) => void>>;
+    onUpdateShow: PropType<import("../../_utils").MaybeArray<(value: boolean) => void>>;
+    zIndex: NumberConstructor;
+    to: {
+        type: PropType<string | boolean | HTMLElement>;
+        default: undefined;
+    };
+    internalSyncTargetWithParent: BooleanConstructor;
+    internalInheritedEventHandlers: {
+        type: PropType<import("../../popover/src/Popover").TriggerEventHandlers[]>;
+        default: () => never[];
+    };
+    internalTrapFocus: BooleanConstructor;
+    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;
+    };
+    minWidth: NumberConstructor;
+    maxWidth: NumberConstructor;
+    theme: PropType<import("../../_mixins").Theme<"Popconfirm", {
         fontSize: string;
         iconColor: string;
         iconSize: string;
@@ -2149,8 +2168,8 @@ declare const _default: import("vue").DefineComponent<{
             arrowHeight: string;
             padding: string;
         }, any>;
-    }> | undefined;
-    themeOverrides?: import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Popconfirm", {
+    }>>;
+    themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Popconfirm", {
         fontSize: string;
         iconColor: string;
         iconSize: string;
@@ -2373,8 +2392,8 @@ declare const _default: import("vue").DefineComponent<{
             arrowHeight: string;
             padding: string;
         }, any>;
-    }>> | undefined;
-    builtinThemeOverrides?: import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Popconfirm", {
+    }>>>;
+    builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Popconfirm", {
         fontSize: string;
         iconColor: string;
         iconSize: string;
@@ -2597,20 +2616,8 @@ declare const _default: import("vue").DefineComponent<{
             arrowHeight: string;
             padding: string;
         }, any>;
-    }>> | undefined;
-    positiveText?: string | undefined;
-    negativeText?: string | undefined;
-    arrowStyle?: string | import("vue").CSSProperties | undefined;
-    onClickoutside?: ((e: MouseEvent) => void) | undefined;
-    getDisabled?: (() => boolean) | undefined;
-    "onUpdate:show"?: import("../../_utils").MaybeArray<(value: boolean) => void> | undefined;
-    onUpdateShow?: import("../../_utils").MaybeArray<(value: boolean) => void> | undefined;
-    onShow?: import("../../_utils").MaybeArray<(value: boolean) => void> | undefined;
-    onHide?: import("../../_utils").MaybeArray<(value: boolean) => void> | undefined;
-    arrow?: boolean | undefined;
-    onPositiveClick?: ((e: MouseEvent) => any) | undefined;
-    onNegativeClick?: ((e: MouseEvent) => any) | undefined;
-}>, {
+    }>>>;
+}>>, {
     show: boolean | undefined;
     flip: boolean;
     width: number | "trigger";
@@ -2625,6 +2632,7 @@ declare const _default: import("vue").DefineComponent<{
     showArrow: boolean;
     delay: number;
     displayDirective: "show" | "if";
+    internalTrapFocus: boolean;
     animated: boolean;
     defaultShow: boolean;
     internalExtraClass: string[];

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

@@ -48,20 +48,22 @@ declare const _default: import("vue").DefineComponent<{
         negativeText: string;
     }>;
     dateLocaleRef: import("vue").Ref<import("../../locales/date/enUS").NDateLocale>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    readonly positiveText?: unknown;
-    readonly negativeText?: unknown;
-    readonly showIcon?: unknown;
-    readonly onPositiveClick?: unknown;
-    readonly onNegativeClick?: unknown;
-} & {
-    showIcon: boolean;
-    onPositiveClick: (e: MouseEvent) => void;
-    onNegativeClick: (e: MouseEvent) => void;
-} & {
-    positiveText?: string | undefined;
-    negativeText?: string | undefined;
-}>, {
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly positiveText: StringConstructor;
+    readonly negativeText: StringConstructor;
+    readonly showIcon: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly onPositiveClick: {
+        readonly type: PropType<(e: MouseEvent) => void>;
+        readonly required: true;
+    };
+    readonly onNegativeClick: {
+        readonly type: PropType<(e: MouseEvent) => void>;
+        readonly required: true;
+    };
+}>>, {
     showIcon: boolean;
 }>;
 export default _default;

package/es/popconfirm/src/PopconfirmPanel.js

@@ -1,4 +1,4 @@
-import { h, defineComponent, computed, inject, renderSlot } from 'vue';
+import { h, defineComponent, computed, inject } from 'vue';
 import { NButton } from '../../button';
 import { NBaseIcon } from '../../_internal';
 import { WarningIcon } from '../../_internal/icons';
@@ -49,6 +49,7 @@ export default defineComponent({
             } });
     },
     render() {
+        var _a;
         const { mergedClsPrefix, $slots } = this;
         const actionContentNode = $slots.action
             ? $slots.action()
@@ -60,10 +61,8 @@ export default defineComponent({
                 ];
         return (h("div", { style: this.cssVars },
             h("div", { class: `${mergedClsPrefix}-popconfirm__body` },
-                this.showIcon ? (h("div", { class: `${mergedClsPrefix}-popconfirm__icon` }, renderSlot($slots, 'icon', undefined, () => [
-                    h(NBaseIcon, { clsPrefix: mergedClsPrefix }, { default: () => h(WarningIcon, null) })
-                ]))) : null,
-                renderSlot($slots, 'default')),
+                this.showIcon ? (h("div", { class: `${mergedClsPrefix}-popconfirm__icon` }, $slots.icon ? ($slots.icon()) : (h(NBaseIcon, { clsPrefix: mergedClsPrefix }, { default: () => h(WarningIcon, null) })))) : null, (_a = $slots.default) === null || _a === void 0 ? void 0 :
+                _a.call($slots)),
             actionContentNode ? (h("div", { class: `${mergedClsPrefix}-popconfirm__action` }, actionContentNode)) : null));
     }
 });

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

@@ -1,8 +1,8 @@
-import { InjectionKey, Ref } from 'vue';
+import { Ref } from 'vue';
 import type { MergedTheme } from '../../_mixins';
 import type { PopconfirmTheme } from '../styles';
 export interface PopconfirmInjection {
     mergedThemeRef: Ref<MergedTheme<PopconfirmTheme>>;
     mergedClsPrefixRef: Ref<string>;
 }
-export declare const popconfirmInjectionKey: InjectionKey<PopconfirmInjection>;
+export declare const popconfirmInjectionKey: import("vue").InjectionKey<PopconfirmInjection>;

package/es/popconfirm/src/interface.js

@@ -1 +1,2 @@
-export const popconfirmInjectionKey = Symbol('popconfirm');
+import { createInjectionKey } from '../../_utils';
+export const popconfirmInjectionKey = createInjectionKey('n-popconfirm');

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

@@ -18,6 +18,7 @@ export interface PopoverInjection {
     handleMouseEnter: (e: MouseEvent) => void;
     handleMouseMoveOutside: (e: MouseEvent) => void;
     handleClickOutside: (e: MouseEvent) => void;
+    handleKeydown: (e: KeyboardEvent) => void;
     getTriggerElement: () => HTMLElement;
     setBodyInstance: (value: BodyInstance | null) => void;
     zIndexRef: Ref<number | undefined>;
@@ -92,6 +93,7 @@ export declare const popoverBaseProps: {
         type: PropType<TriggerEventHandlers[]>;
         default: () => never[];
     };
+    internalTrapFocus: BooleanConstructor;
     /** @deprecated */
     onShow: PropType<MaybeArray<(value: boolean) => void> | undefined>;
     /** @deprecated */
@@ -173,6 +175,7 @@ declare const popoverProps: {
         type: PropType<TriggerEventHandlers[]>;
         default: () => never[];
     };
+    internalTrapFocus: BooleanConstructor;
     /** @deprecated */
     onShow: PropType<MaybeArray<(value: boolean) => void> | undefined>;
     /** @deprecated */
@@ -298,6 +301,7 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<TriggerEventHandlers[]>;
         default: () => never[];
     };
+    internalTrapFocus: BooleanConstructor;
     /** @deprecated */
     onShow: PropType<MaybeArray<(value: boolean) => void> | undefined>;
     /** @deprecated */
@@ -369,68 +373,88 @@ declare const _default: import("vue").DefineComponent<{
     handleFocus: () => void;
     handleBlur: () => void;
     syncPosition: () => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    internalRenderBody?: unknown;
-    show?: unknown;
-    defaultShow?: unknown;
-    showArrow?: unknown;
-    trigger?: unknown;
-    delay?: unknown;
-    duration?: unknown;
-    raw?: unknown;
-    placement?: unknown;
-    x?: unknown;
-    y?: unknown;
-    disabled?: unknown;
-    getDisabled?: unknown;
-    displayDirective?: unknown;
-    arrowStyle?: unknown;
-    flip?: unknown;
-    animated?: unknown;
-    width?: unknown;
-    overlap?: unknown;
-    internalExtraClass?: unknown;
-    onClickoutside?: unknown;
-    'onUpdate:show'?: unknown;
-    onUpdateShow?: unknown;
-    zIndex?: unknown;
-    to?: unknown;
-    internalSyncTargetWithParent?: unknown;
-    internalInheritedEventHandlers?: unknown;
-    onShow?: unknown;
-    onHide?: unknown;
-    arrow?: unknown;
-    minWidth?: unknown;
-    maxWidth?: unknown;
-    theme?: unknown;
-    themeOverrides?: unknown;
-    builtinThemeOverrides?: unknown;
-} & {
-    flip: boolean;
-    disabled: boolean;
-    duration: number;
-    raw: boolean;
-    placement: FollowerPlacement;
-    overlap: boolean;
-    trigger: PopoverTrigger;
-    showArrow: boolean;
-    delay: number;
-    displayDirective: "show" | "if";
-    animated: boolean;
-    defaultShow: boolean;
-    internalExtraClass: string[];
-    internalSyncTargetWithParent: boolean;
-    internalInheritedEventHandlers: TriggerEventHandlers[];
-} & {
-    show?: boolean | undefined;
-    x?: number | undefined;
-    y?: number | undefined;
-    maxWidth?: number | undefined;
-    minWidth?: number | undefined;
-    width?: number | "trigger" | undefined;
-    zIndex?: number | undefined;
-    to?: string | boolean | HTMLElement | undefined;
-    theme?: import("../../_mixins").Theme<"Popover", {
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    internalRenderBody: PropType<InternalRenderBody>;
+    show: {
+        type: PropType<boolean | undefined>;
+        default: undefined;
+    };
+    defaultShow: BooleanConstructor;
+    showArrow: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    trigger: {
+        type: PropType<PopoverTrigger>;
+        default: string;
+    };
+    delay: {
+        type: NumberConstructor;
+        default: number;
+    };
+    duration: {
+        type: NumberConstructor;
+        default: number;
+    };
+    raw: BooleanConstructor;
+    placement: {
+        type: PropType<FollowerPlacement>;
+        default: string;
+    };
+    x: NumberConstructor;
+    y: NumberConstructor;
+    disabled: BooleanConstructor;
+    getDisabled: PropType<() => boolean>;
+    displayDirective: {
+        type: PropType<"show" | "if">;
+        default: string;
+    };
+    arrowStyle: PropType<string | CSSProperties>;
+    flip: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    animated: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    width: {
+        type: PropType<number | "trigger">;
+        default: undefined;
+    };
+    overlap: BooleanConstructor;
+    internalExtraClass: {
+        type: PropType<string[]>;
+        default: () => never[];
+    };
+    onClickoutside: PropType<(e: MouseEvent) => void>;
+    'onUpdate:show': PropType<MaybeArray<(value: boolean) => void>>;
+    onUpdateShow: PropType<MaybeArray<(value: boolean) => void>>;
+    zIndex: NumberConstructor;
+    to: {
+        type: PropType<string | boolean | HTMLElement>;
+        default: undefined;
+    };
+    internalSyncTargetWithParent: BooleanConstructor;
+    internalInheritedEventHandlers: {
+        type: PropType<TriggerEventHandlers[]>;
+        default: () => never[];
+    };
+    internalTrapFocus: BooleanConstructor;
+    /** @deprecated */
+    onShow: PropType<MaybeArray<(value: boolean) => void> | undefined>;
+    /** @deprecated */
+    onHide: PropType<MaybeArray<(value: boolean) => void> | undefined>;
+    /** @deprecated */
+    arrow: {
+        type: PropType<boolean | undefined>;
+        default: undefined;
+    };
+    /** @deprecated */
+    minWidth: NumberConstructor;
+    /** @deprecated */
+    maxWidth: NumberConstructor;
+    theme: PropType<import("../../_mixins").Theme<"Popover", {
         fontSize: string;
         borderRadius: string;
         color: string;
@@ -443,8 +467,8 @@ declare const _default: import("vue").DefineComponent<{
         arrowOffsetVertical: string;
         arrowHeight: string;
         padding: string;
-    }, any> | undefined;
-    themeOverrides?: import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Popover", {
+    }, any>>;
+    themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Popover", {
         fontSize: string;
         borderRadius: string;
         color: string;
@@ -457,8 +481,8 @@ declare const _default: import("vue").DefineComponent<{
         arrowOffsetVertical: string;
         arrowHeight: string;
         padding: string;
-    }, any>> | undefined;
-    builtinThemeOverrides?: import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Popover", {
+    }, any>>>;
+    builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Popover", {
         fontSize: string;
         borderRadius: string;
         color: string;
@@ -471,17 +495,8 @@ declare const _default: import("vue").DefineComponent<{
         arrowOffsetVertical: string;
         arrowHeight: string;
         padding: string;
-    }, any>> | undefined;
-    arrowStyle?: string | CSSProperties | undefined;
-    onClickoutside?: ((e: MouseEvent) => void) | undefined;
-    getDisabled?: (() => boolean) | undefined;
-    "onUpdate:show"?: MaybeArray<(value: boolean) => void> | undefined;
-    onUpdateShow?: MaybeArray<(value: boolean) => void> | undefined;
-    onShow?: MaybeArray<(value: boolean) => void> | undefined;
-    onHide?: MaybeArray<(value: boolean) => void> | undefined;
-    arrow?: boolean | undefined;
-    internalRenderBody?: InternalRenderBody | undefined;
-}>, {
+    }, any>>>;
+}>>, {
     show: boolean | undefined;
     flip: boolean;
     width: number | "trigger";
@@ -495,6 +510,7 @@ declare const _default: import("vue").DefineComponent<{
     showArrow: boolean;
     delay: number;
     displayDirective: "show" | "if";
+    internalTrapFocus: boolean;
     animated: boolean;
     defaultShow: boolean;
     internalExtraClass: string[];

package/es/popover/src/Popover.js

@@ -1,9 +1,10 @@
-import { h, ref, computed, createTextVNode, defineComponent, provide, toRef, cloneVNode, watchEffect } from 'vue';
+import { h, ref, computed, createTextVNode, defineComponent, provide, toRef, cloneVNode, watchEffect, withDirectives } from 'vue';
 import { VBinder, VTarget } from 'vueuc';
 import { useMergedState, useCompitable, useIsMounted, useMemo } from 'vooks';
 import { call, keep, getFirstSlotVNode, warnOnce, useAdjustedTo } from '../../_utils';
 import { useTheme } from '../../_mixins';
 import NPopoverBody, { popoverBodyProps } from './PopoverBody';
+import { zindexable } from 'vdirs';
 const bodyPropKeys = Object.keys(popoverBodyProps);
 const triggerEventMap = {
     focus: ['onFocus', 'onBlur'],
@@ -96,6 +97,7 @@ export const popoverBaseProps = {
         type: Array,
         default: () => []
     },
+    internalTrapFocus: Boolean,
     /** @deprecated */
     onShow: [Function, Array],
     /** @deprecated */
@@ -292,6 +294,15 @@ export default defineComponent({
                 doUpdateShow(nextShow);
             }
         }
+        function handleKeydown(e) {
+            if (!props.internalTrapFocus)
+                return;
+            if (e.code === 'Escape') {
+                clearShowTimer();
+                clearHideTimer();
+                doUpdateShow(false);
+            }
+        }
         function setShow(value) {
             uncontrolledShowRef.value = value;
         }
@@ -304,6 +315,7 @@ export default defineComponent({
         }
         provide('NPopover', {
             getTriggerElement,
+            handleKeydown,
             handleMouseEnter,
             handleMouseLeave,
             handleClickOutside,
@@ -426,6 +438,17 @@ export default defineComponent({
                 void this.mergedShowConsideringDisabledProp;
                 const mergedShow = this.getMergedShow();
                 return [
+                    this.internalTrapFocus && mergedShow
+                        ? withDirectives(h("div", { style: { position: 'fixed', inset: 0 } }), [
+                            [
+                                zindexable,
+                                {
+                                    enabled: mergedShow,
+                                    zIndex: this.zIndex
+                                }
+                            ]
+                        ])
+                        : null,
                     positionManually
                         ? null
                         : h(VTarget, null, {