@destyler/dialog 0.0.2 → 0.0.4

package/dist/component.d.ts

@@ -1,14 +1,44 @@
-import { D as DialogRootContext } from './shared/dialog.25aba8c4.js';
-export { a as DestylerDialogClose, b as DestylerDialogCloseProps, c as DestylerDialogContent, d as DestylerDialogContentProps, e as DestylerDialogDescription, f as DestylerDialogDescriptionProps, g as DestylerDialogOverlay, h as DestylerDialogPortal, i as DestylerDialogPortalProps, j as DestylerDialogRoot, k as DestylerDialogRootProps, l as DestylerDialogTitle, m as DestylerDialogTitleProps, n as DestylerDialogTrigger, o as DestylerDialogTriggerProps } from './shared/dialog.25aba8c4.js';
-import * as vue from 'vue';
-import { PropType, Component } from 'vue';
+import { D as DialogRootContext } from './shared/dialog.f396ab6e.js';
+export { a as DialogClose, b as DialogCloseProps, c as DialogContent, g as DialogContentProps, h as DialogDescription, j as DialogDescriptionProps, k as DialogOverlay, l as DialogPortal, n as DialogPortalProps, o as DialogRoot, r as DialogRootProps, s as DialogTitle, u as DialogTitleProps, v as DialogTrigger, x as DialogTriggerProps, d as dialogCloseProps, f as dialogContentEmits, e as dialogContentProps, i as dialogDescriptionProps, m as dialogPortalProps, q as dialogRootEmits, p as dialogRootProps, t as dialogTitleProps, w as dialogTriggerProps } from './shared/dialog.f396ab6e.js';
 import * as _destyler_primitive from '@destyler/primitive';
-import { AsTag } from '@destyler/primitive';
+import * as vue from 'vue';
+import { PropType } from 'vue';
 import { ExtractPublicPropTypes } from '@destyler/shared';
 
-declare const DestylerDialogContentImpl: vue.DefineComponent<{
+declare const dialogContentImplProps: {
+    /**
+     * Used to force mounting when more control is needed.
+     * Useful when controlling animation with Vue animation libraries.
+     *
+     * @default false
+     */
+    readonly forceMount: {
+        readonly type: PropType<boolean>;
+        readonly required: false;
+    };
+    /**
+     * When `true`, focus cannot escape the Content via keyboard,
+     * pointer, or a programmatic focus.
+     *
+     * @default false
+     */
+    readonly trapFocus: {
+        readonly type: PropType<boolean>;
+        readonly required: false;
+        readonly default: false;
+    };
+    readonly disableOutsidePointerEvents: {
+        readonly type: PropType<boolean>;
+        readonly required: false;
+        readonly default: false;
+    };
+    readonly isDismissable: {
+        readonly type: PropType<boolean>;
+        readonly required: false;
+        readonly default: true;
+    };
     readonly as: {
-        readonly type: PropType<AsTag | Component>;
+        readonly type: PropType<vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions, {}, any> | _destyler_primitive.AsTag>;
         readonly required: false;
         readonly default: "div";
     };
@@ -17,21 +47,64 @@ declare const DestylerDialogContentImpl: vue.DefineComponent<{
         readonly required: false;
         readonly default: false;
     };
+};
+declare const dialogContentImplEmtis: {
+    /**
+     * Event handler called when auto-focusing on open. Can be prevented.
+     */
+    openAutoFocus: (_event: Event) => boolean;
+    /**
+     * Event handler called when the a `pointerdown` event happens
+     * outside of the `DismissableLayer`. Can be prevented.
+     */
+    closeAutoFocus: (_event: Event) => boolean;
+    escapeKeyDown: (_event: KeyboardEvent) => boolean;
+    pointerDownOutside: (_event: CustomEvent<{
+        originalEvent: PointerEvent;
+    }>) => boolean;
+    focusOutside: (_event: CustomEvent<{
+        originalEvent: FocusEvent;
+    }>) => boolean;
+    interactOutside: (_event: CustomEvent<{
+        originalEvent: PointerEvent;
+    }> | CustomEvent<{
+        originalEvent: FocusEvent;
+    }>) => boolean;
+};
+declare const DialogContentImpl: vue.DefineComponent<{
+    /**
+     * Used to force mounting when more control is needed.
+     * Useful when controlling animation with Vue animation libraries.
+     *
+     * @default false
+     */
     readonly forceMount: {
         readonly type: PropType<boolean>;
         readonly required: false;
     };
+    /**
+     * When `true`, focus cannot escape the Content via keyboard,
+     * pointer, or a programmatic focus.
+     *
+     * @default false
+     */
     readonly trapFocus: {
         readonly type: PropType<boolean>;
         readonly required: false;
         readonly default: false;
     };
-}, {
-    rootContext: DialogRootContext;
-    forwardRef: (ref: Element | vue.ComponentPublicInstance | null) => void;
-}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, ("openAutoFocus" | "closeAutoFocus" | "escapeKeyDown" | "pointerDownOutside" | "focusOutside" | "interactOutside" | "dismiss")[], "openAutoFocus" | "closeAutoFocus" | "escapeKeyDown" | "pointerDownOutside" | "focusOutside" | "interactOutside" | "dismiss", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+    readonly disableOutsidePointerEvents: {
+        readonly type: PropType<boolean>;
+        readonly required: false;
+        readonly default: false;
+    };
+    readonly isDismissable: {
+        readonly type: PropType<boolean>;
+        readonly required: false;
+        readonly default: true;
+    };
     readonly as: {
-        readonly type: PropType<AsTag | Component>;
+        readonly type: PropType<vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions, {}, any> | _destyler_primitive.AsTag>;
         readonly required: false;
         readonly default: "div";
     };
@@ -40,56 +113,118 @@ declare const DestylerDialogContentImpl: vue.DefineComponent<{
         readonly required: false;
         readonly default: false;
     };
+}, {
+    rootContext: DialogRootContext;
+    forwardRef: (ref: Element | vue.ComponentPublicInstance | null) => void;
+}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+    /**
+     * Event handler called when auto-focusing on open. Can be prevented.
+     */
+    openAutoFocus: (_event: Event) => boolean;
+    /**
+     * Event handler called when the a `pointerdown` event happens
+     * outside of the `DismissableLayer`. Can be prevented.
+     */
+    closeAutoFocus: (_event: Event) => boolean;
+    escapeKeyDown: (_event: KeyboardEvent) => boolean;
+    pointerDownOutside: (_event: CustomEvent<{
+        originalEvent: PointerEvent;
+    }>) => boolean;
+    focusOutside: (_event: CustomEvent<{
+        originalEvent: FocusEvent;
+    }>) => boolean;
+    interactOutside: (_event: CustomEvent<{
+        originalEvent: PointerEvent;
+    }> | CustomEvent<{
+        originalEvent: FocusEvent;
+    }>) => boolean;
+}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+    /**
+     * Used to force mounting when more control is needed.
+     * Useful when controlling animation with Vue animation libraries.
+     *
+     * @default false
+     */
     readonly forceMount: {
         readonly type: PropType<boolean>;
         readonly required: false;
     };
+    /**
+     * When `true`, focus cannot escape the Content via keyboard,
+     * pointer, or a programmatic focus.
+     *
+     * @default false
+     */
     readonly trapFocus: {
         readonly type: PropType<boolean>;
         readonly required: false;
         readonly default: false;
     };
+    readonly disableOutsidePointerEvents: {
+        readonly type: PropType<boolean>;
+        readonly required: false;
+        readonly default: false;
+    };
+    readonly isDismissable: {
+        readonly type: PropType<boolean>;
+        readonly required: false;
+        readonly default: true;
+    };
+    readonly as: {
+        readonly type: PropType<vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions, {}, any> | _destyler_primitive.AsTag>;
+        readonly required: false;
+        readonly default: "div";
+    };
+    readonly asChild: {
+        readonly type: PropType<boolean>;
+        readonly required: false;
+        readonly default: false;
+    };
 }>> & {
-    onOpenAutoFocus?: ((...args: any[]) => any) | undefined;
-    onCloseAutoFocus?: ((...args: any[]) => any) | undefined;
-    onEscapeKeyDown?: ((...args: any[]) => any) | undefined;
-    onPointerDownOutside?: ((...args: any[]) => any) | undefined;
-    onFocusOutside?: ((...args: any[]) => any) | undefined;
-    onInteractOutside?: ((...args: any[]) => any) | undefined;
-    onDismiss?: ((...args: any[]) => any) | undefined;
+    onOpenAutoFocus?: ((_event: Event) => any) | undefined;
+    onCloseAutoFocus?: ((_event: Event) => any) | undefined;
+    onEscapeKeyDown?: ((_event: KeyboardEvent) => any) | undefined;
+    onPointerDownOutside?: ((_event: CustomEvent<{
+        originalEvent: PointerEvent;
+    }>) => any) | undefined;
+    onFocusOutside?: ((_event: CustomEvent<{
+        originalEvent: FocusEvent;
+    }>) => any) | undefined;
+    onInteractOutside?: ((_event: CustomEvent<{
+        originalEvent: PointerEvent;
+    }> | CustomEvent<{
+        originalEvent: FocusEvent;
+    }>) => any) | undefined;
 }, {
+    readonly as: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions, {}, any> | _destyler_primitive.AsTag;
     readonly asChild: boolean;
-    readonly as: AsTag | Component;
     readonly trapFocus: boolean;
+    readonly disableOutsidePointerEvents: boolean;
+    readonly isDismissable: boolean;
 }, {}>;
 
-declare const DestylerDialogContentModal: vue.DefineComponent<{
-    readonly as: {
-        readonly type: vue.PropType<_destyler_primitive.AsTag | vue.Component>;
+declare const DialogContentModal: vue.DefineComponent<{
+    readonly forceMount: {
+        readonly type: vue.PropType<boolean>;
         readonly required: false;
-        readonly default: "div";
     };
-    readonly asChild: {
+    readonly trapFocus: {
         readonly type: vue.PropType<boolean>;
         readonly required: false;
         readonly default: false;
     };
-    readonly forceMount: {
+    readonly disableOutsidePointerEvents: {
         readonly type: vue.PropType<boolean>;
         readonly required: false;
+        readonly default: false;
     };
-    readonly trapFocus: {
+    readonly isDismissable: {
         readonly type: vue.PropType<boolean>;
         readonly required: false;
-        readonly default: false;
+        readonly default: true;
     };
-}, {
-    rootContext: DialogRootContext;
-    emitsAsProps: Record<string, any>;
-    forwardRef: (ref: Element | vue.ComponentPublicInstance | null) => void;
-}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, ("openAutoFocus" | "closeAutoFocus" | "escapeKeyDown" | "pointerDownOutside" | "focusOutside" | "interactOutside" | "dismiss")[], "openAutoFocus" | "closeAutoFocus" | "escapeKeyDown" | "pointerDownOutside" | "focusOutside" | "interactOutside" | "dismiss", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
     readonly as: {
-        readonly type: vue.PropType<_destyler_primitive.AsTag | vue.Component>;
+        readonly type: vue.PropType<vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions, {}, any> | _destyler_primitive.AsTag>;
         readonly required: false;
         readonly default: "div";
     };
@@ -98,6 +233,26 @@ declare const DestylerDialogContentModal: vue.DefineComponent<{
         readonly required: false;
         readonly default: false;
     };
+}, {
+    rootContext: DialogRootContext;
+    emitsAsProps: Record<string, any>;
+    forwardRef: (ref: Element | vue.ComponentPublicInstance | null) => void;
+}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+    openAutoFocus: (_event: Event) => boolean;
+    closeAutoFocus: (_event: Event) => boolean;
+    escapeKeyDown: (_event: KeyboardEvent) => boolean;
+    pointerDownOutside: (_event: CustomEvent<{
+        originalEvent: PointerEvent;
+    }>) => boolean;
+    focusOutside: (_event: CustomEvent<{
+        originalEvent: FocusEvent;
+    }>) => boolean;
+    interactOutside: (_event: CustomEvent<{
+        originalEvent: PointerEvent;
+    }> | CustomEvent<{
+        originalEvent: FocusEvent;
+    }>) => boolean;
+}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
     readonly forceMount: {
         readonly type: vue.PropType<boolean>;
         readonly required: false;
@@ -107,36 +262,75 @@ declare const DestylerDialogContentModal: vue.DefineComponent<{
         readonly required: false;
         readonly default: false;
     };
+    readonly disableOutsidePointerEvents: {
+        readonly type: vue.PropType<boolean>;
+        readonly required: false;
+        readonly default: false;
+    };
+    readonly isDismissable: {
+        readonly type: vue.PropType<boolean>;
+        readonly required: false;
+        readonly default: true;
+    };
+    readonly as: {
+        readonly type: vue.PropType<vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions, {}, any> | _destyler_primitive.AsTag>;
+        readonly required: false;
+        readonly default: "div";
+    };
+    readonly asChild: {
+        readonly type: vue.PropType<boolean>;
+        readonly required: false;
+        readonly default: false;
+    };
 }>> & {
-    onOpenAutoFocus?: ((...args: any[]) => any) | undefined;
-    onCloseAutoFocus?: ((...args: any[]) => any) | undefined;
-    onEscapeKeyDown?: ((...args: any[]) => any) | undefined;
-    onPointerDownOutside?: ((...args: any[]) => any) | undefined;
-    onFocusOutside?: ((...args: any[]) => any) | undefined;
-    onInteractOutside?: ((...args: any[]) => any) | undefined;
-    onDismiss?: ((...args: any[]) => any) | undefined;
+    onOpenAutoFocus?: ((_event: Event) => any) | undefined;
+    onCloseAutoFocus?: ((_event: Event) => any) | undefined;
+    onEscapeKeyDown?: ((_event: KeyboardEvent) => any) | undefined;
+    onPointerDownOutside?: ((_event: CustomEvent<{
+        originalEvent: PointerEvent;
+    }>) => any) | undefined;
+    onFocusOutside?: ((_event: CustomEvent<{
+        originalEvent: FocusEvent;
+    }>) => any) | undefined;
+    onInteractOutside?: ((_event: CustomEvent<{
+        originalEvent: PointerEvent;
+    }> | CustomEvent<{
+        originalEvent: FocusEvent;
+    }>) => any) | undefined;
 }, {
+    readonly as: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions, {}, any> | _destyler_primitive.AsTag;
     readonly asChild: boolean;
-    readonly as: _destyler_primitive.AsTag | vue.Component;
     readonly trapFocus: boolean;
+    readonly disableOutsidePointerEvents: boolean;
+    readonly isDismissable: boolean;
 }, {}>;
 
-declare const DestylerDialogContentNonModal: vue.DefineComponent<{
-    readonly as: {
-        readonly type: vue.PropType<_destyler_primitive.AsTag | vue.Component>;
+declare const DialogContentNonModal: vue.DefineComponent<{
+    readonly forceMount: {
+        readonly type: vue.PropType<boolean>;
         readonly required: false;
-        readonly default: "div";
     };
-    readonly asChild: {
+    readonly trapFocus: {
         readonly type: vue.PropType<boolean>;
         readonly required: false;
         readonly default: false;
     };
-    readonly forceMount: {
+    readonly disableOutsidePointerEvents: {
         readonly type: vue.PropType<boolean>;
         readonly required: false;
+        readonly default: false;
     };
-    readonly trapFocus: {
+    readonly isDismissable: {
+        readonly type: vue.PropType<boolean>;
+        readonly required: false;
+        readonly default: true;
+    };
+    readonly as: {
+        readonly type: vue.PropType<vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions, {}, any> | _destyler_primitive.AsTag>;
+        readonly required: false;
+        readonly default: "div";
+    };
+    readonly asChild: {
         readonly type: vue.PropType<boolean>;
         readonly required: false;
         readonly default: false;
@@ -146,61 +340,95 @@ declare const DestylerDialogContentNonModal: vue.DefineComponent<{
     hasInteractedOutsideRef: vue.Ref<boolean>;
     hasPointerDownOutsideRef: vue.Ref<boolean>;
     emitsAsProps: Record<string, any>;
-}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, ("openAutoFocus" | "closeAutoFocus" | "escapeKeyDown" | "pointerDownOutside" | "focusOutside" | "interactOutside" | "dismiss")[], "openAutoFocus" | "closeAutoFocus" | "escapeKeyDown" | "pointerDownOutside" | "focusOutside" | "interactOutside" | "dismiss", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
-    readonly as: {
-        readonly type: vue.PropType<_destyler_primitive.AsTag | vue.Component>;
+}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+    openAutoFocus: (_event: Event) => boolean;
+    closeAutoFocus: (_event: Event) => boolean;
+    escapeKeyDown: (_event: KeyboardEvent) => boolean;
+    pointerDownOutside: (_event: CustomEvent<{
+        originalEvent: PointerEvent;
+    }>) => boolean;
+    focusOutside: (_event: CustomEvent<{
+        originalEvent: FocusEvent;
+    }>) => boolean;
+    interactOutside: (_event: CustomEvent<{
+        originalEvent: PointerEvent;
+    }> | CustomEvent<{
+        originalEvent: FocusEvent;
+    }>) => boolean;
+}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+    readonly forceMount: {
+        readonly type: vue.PropType<boolean>;
         readonly required: false;
-        readonly default: "div";
     };
-    readonly asChild: {
+    readonly trapFocus: {
         readonly type: vue.PropType<boolean>;
         readonly required: false;
         readonly default: false;
     };
-    readonly forceMount: {
+    readonly disableOutsidePointerEvents: {
         readonly type: vue.PropType<boolean>;
         readonly required: false;
+        readonly default: false;
     };
-    readonly trapFocus: {
+    readonly isDismissable: {
+        readonly type: vue.PropType<boolean>;
+        readonly required: false;
+        readonly default: true;
+    };
+    readonly as: {
+        readonly type: vue.PropType<vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions, {}, any> | _destyler_primitive.AsTag>;
+        readonly required: false;
+        readonly default: "div";
+    };
+    readonly asChild: {
         readonly type: vue.PropType<boolean>;
         readonly required: false;
         readonly default: false;
     };
 }>> & {
-    onOpenAutoFocus?: ((...args: any[]) => any) | undefined;
-    onCloseAutoFocus?: ((...args: any[]) => any) | undefined;
-    onEscapeKeyDown?: ((...args: any[]) => any) | undefined;
-    onPointerDownOutside?: ((...args: any[]) => any) | undefined;
-    onFocusOutside?: ((...args: any[]) => any) | undefined;
-    onInteractOutside?: ((...args: any[]) => any) | undefined;
-    onDismiss?: ((...args: any[]) => any) | undefined;
+    onOpenAutoFocus?: ((_event: Event) => any) | undefined;
+    onCloseAutoFocus?: ((_event: Event) => any) | undefined;
+    onEscapeKeyDown?: ((_event: KeyboardEvent) => any) | undefined;
+    onPointerDownOutside?: ((_event: CustomEvent<{
+        originalEvent: PointerEvent;
+    }>) => any) | undefined;
+    onFocusOutside?: ((_event: CustomEvent<{
+        originalEvent: FocusEvent;
+    }>) => any) | undefined;
+    onInteractOutside?: ((_event: CustomEvent<{
+        originalEvent: PointerEvent;
+    }> | CustomEvent<{
+        originalEvent: FocusEvent;
+    }>) => any) | undefined;
 }, {
+    readonly as: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions, {}, any> | _destyler_primitive.AsTag;
     readonly asChild: boolean;
-    readonly as: _destyler_primitive.AsTag | vue.Component;
     readonly trapFocus: boolean;
+    readonly disableOutsidePointerEvents: boolean;
+    readonly isDismissable: boolean;
 }, {}>;
 
-declare const destylerDialogOverlayImplProps: {
+declare const dialogOverlayImplProps: {
     readonly as: {
-        readonly type: PropType<AsTag | Component>;
+        readonly type: vue.PropType<_destyler_primitive.AsTag | vue.Component>;
         readonly required: false;
         readonly default: "div";
     };
     readonly asChild: {
-        readonly type: PropType<boolean>;
+        readonly type: vue.PropType<boolean>;
         readonly required: false;
         readonly default: false;
     };
 };
-type DestylerDialogOverlayImplProps = ExtractPublicPropTypes<typeof destylerDialogOverlayImplProps>;
-declare const DestylerDialogOverlayImpl: vue.DefineComponent<{
+type DialogOverlayImplProps = ExtractPublicPropTypes<typeof dialogOverlayImplProps>;
+declare const DialogOverlayImpl: vue.DefineComponent<{
     readonly as: {
-        readonly type: PropType<AsTag | Component>;
+        readonly type: vue.PropType<_destyler_primitive.AsTag | vue.Component>;
         readonly required: false;
         readonly default: "div";
     };
     readonly asChild: {
-        readonly type: PropType<boolean>;
+        readonly type: vue.PropType<boolean>;
         readonly required: false;
         readonly default: false;
     };
@@ -208,18 +436,18 @@ declare const DestylerDialogOverlayImpl: vue.DefineComponent<{
     rootContext: DialogRootContext;
 }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
     readonly as: {
-        readonly type: PropType<AsTag | Component>;
+        readonly type: vue.PropType<_destyler_primitive.AsTag | vue.Component>;
         readonly required: false;
         readonly default: "div";
     };
     readonly asChild: {
-        readonly type: PropType<boolean>;
+        readonly type: vue.PropType<boolean>;
         readonly required: false;
         readonly default: false;
     };
 }>>, {
+    readonly as: _destyler_primitive.AsTag | vue.Component;
     readonly asChild: boolean;
-    readonly as: AsTag | Component;
 }, {}>;
 
-export { DestylerDialogContentImpl, DestylerDialogContentModal, DestylerDialogContentNonModal, DestylerDialogOverlayImpl, type DestylerDialogOverlayImplProps };
+export { DialogContentImpl, DialogContentModal, DialogContentNonModal, DialogOverlayImpl, type DialogOverlayImplProps, dialogContentImplEmtis, dialogContentImplProps, dialogOverlayImplProps };