hongluan-ui/lib/components/dialog/index.d.ts

Hongluan Component Library for Vue 3

export declare const HlDialog: import("hongluan-ui/es/utils").SFCWithInstall<import("vue").DefineComponent<{
    borderless: BooleanConstructor;
    outlineless: BooleanConstructor;
    collapsed: BooleanConstructor;
    fullscreen: {
        type: import("vue").PropType<boolean | Record<"left" | "right" | "top" | "bottom", string>>;
        default: boolean;
    };
    radius: StringConstructor;
    headerHeight: StringConstructor;
    padding: StringConstructor;
    bodyPadding: StringConstructor;
    footerPadding: StringConstructor;
    headerClass: StringConstructor;
    headerStyle: StringConstructor;
    bodyClass: StringConstructor;
    bodyStyle: StringConstructor;
    footerClass: StringConstructor;
    footerStyle: StringConstructor;
    fullBody: BooleanConstructor;
    showAs: {
        type: import("vue").PropType<import("./src/dialog-content").DialogShowAs>;
        default: string;
    };
    showClose: {
        type: BooleanConstructor;
        default: boolean;
    };
    customClass: {
        type: StringConstructor;
        default: string;
    };
    placement: {
        type: import("vue").PropType<import("./src/dialog-content").DialogPlacement>;
        default: string;
    };
    top: {
        type: StringConstructor;
        default: string;
    };
    title: {
        type: StringConstructor;
        default: string;
    };
    height: {
        type: StringConstructor;
    };
    width: {
        type: StringConstructor;
    };
    resizable: BooleanConstructor;
    draggable: BooleanConstructor;
    ariaLevel: {
        type: StringConstructor;
        default: string;
    };
    appendToBody: BooleanConstructor;
    appendTo: {
        type: (StringConstructor | {
            new (): HTMLElement;
            prototype: HTMLElement;
        })[];
        default: string;
    };
    beforeClose: {
        type: import("vue").PropType<import("./src/dialog").DialogBeforeCloseFn>;
    };
    destroyOnClose: BooleanConstructor;
    closeOnClickModal: {
        type: BooleanConstructor;
        default: boolean;
    };
    closeOnPressEscape: {
        type: BooleanConstructor;
        default: boolean;
    };
    lockScroll: {
        type: BooleanConstructor;
        default: boolean;
    };
    modal: {
        type: BooleanConstructor;
        default: boolean;
    };
    animationName: {
        type: StringConstructor;
        default: string;
    };
    openDelay: {
        type: NumberConstructor;
        default: number;
    };
    closeDelay: {
        type: NumberConstructor;
        default: number;
    };
    modelValue: {
        type: BooleanConstructor;
        default: boolean;
    };
    modalClass: StringConstructor;
    zIndex: {
        type: NumberConstructor;
    };
    trapFocus: BooleanConstructor;
    headerAriaLevel: {
        type: StringConstructor;
        default: string;
    };
}, {
    namespace: import("vue").ComputedRef<string>;
    titleId: import("vue").Ref<string>;
    bodyId: import("vue").Ref<string>;
    dialogContentRef: import("vue").Ref<any>;
    onOpenAutoFocus: () => void;
    onCloseAutoFocus: () => void;
    onCloseRequested: () => void;
    onFocusoutPrevented: (event: CustomEvent<any>) => void;
    afterEnter: () => void;
    afterLeave: () => void;
    beforeLeave: () => void;
    onModalClick: () => void;
    overlayEvent: {
        onClick: (e: MouseEvent) => void;
        onMousedown: (e: MouseEvent) => void;
        onMouseup: (e: MouseEvent) => void;
    };
    handleClose: () => void;
    close: () => void;
    rendered: import("vue").Ref<boolean>;
    animName: import("vue").ComputedRef<string>;
    visible: import("vue").Ref<boolean>;
    zIndex: import("vue").Ref<number>;
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
    open: () => boolean;
    opened: () => boolean;
    close: () => boolean;
    closed: () => boolean;
    "update:modelValue": (value: boolean) => boolean;
    openAutoFocus: () => boolean;
    closeAutoFocus: () => boolean;
}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
    borderless: BooleanConstructor;
    outlineless: BooleanConstructor;
    collapsed: BooleanConstructor;
    fullscreen: {
        type: import("vue").PropType<boolean | Record<"left" | "right" | "top" | "bottom", string>>;
        default: boolean;
    };
    radius: StringConstructor;
    headerHeight: StringConstructor;
    padding: StringConstructor;
    bodyPadding: StringConstructor;
    footerPadding: StringConstructor;
    headerClass: StringConstructor;
    headerStyle: StringConstructor;
    bodyClass: StringConstructor;
    bodyStyle: StringConstructor;
    footerClass: StringConstructor;
    footerStyle: StringConstructor;
    fullBody: BooleanConstructor;
    showAs: {
        type: import("vue").PropType<import("./src/dialog-content").DialogShowAs>;
        default: string;
    };
    showClose: {
        type: BooleanConstructor;
        default: boolean;
    };
    customClass: {
        type: StringConstructor;
        default: string;
    };
    placement: {
        type: import("vue").PropType<import("./src/dialog-content").DialogPlacement>;
        default: string;
    };
    top: {
        type: StringConstructor;
        default: string;
    };
    title: {
        type: StringConstructor;
        default: string;
    };
    height: {
        type: StringConstructor;
    };
    width: {
        type: StringConstructor;
    };
    resizable: BooleanConstructor;
    draggable: BooleanConstructor;
    ariaLevel: {
        type: StringConstructor;
        default: string;
    };
    appendToBody: BooleanConstructor;
    appendTo: {
        type: (StringConstructor | {
            new (): HTMLElement;
            prototype: HTMLElement;
        })[];
        default: string;
    };
    beforeClose: {
        type: import("vue").PropType<import("./src/dialog").DialogBeforeCloseFn>;
    };
    destroyOnClose: BooleanConstructor;
    closeOnClickModal: {
        type: BooleanConstructor;
        default: boolean;
    };
    closeOnPressEscape: {
        type: BooleanConstructor;
        default: boolean;
    };
    lockScroll: {
        type: BooleanConstructor;
        default: boolean;
    };
    modal: {
        type: BooleanConstructor;
        default: boolean;
    };
    animationName: {
        type: StringConstructor;
        default: string;
    };
    openDelay: {
        type: NumberConstructor;
        default: number;
    };
    closeDelay: {
        type: NumberConstructor;
        default: number;
    };
    modelValue: {
        type: BooleanConstructor;
        default: boolean;
    };
    modalClass: StringConstructor;
    zIndex: {
        type: NumberConstructor;
    };
    trapFocus: BooleanConstructor;
    headerAriaLevel: {
        type: StringConstructor;
        default: string;
    };
}>> & {
    onClose?: () => any;
    "onUpdate:modelValue"?: (value: boolean) => any;
    onOpen?: () => any;
    onOpened?: () => any;
    onClosed?: () => any;
    onOpenAutoFocus?: () => any;
    onCloseAutoFocus?: () => any;
}, {
    modelValue: boolean;
    placement: import("./src/dialog-content").DialogPlacement;
    top: string;
    title: string;
    appendTo: string | HTMLElement;
    animationName: string;
    fullscreen: boolean | Record<"left" | "right" | "top" | "bottom", string>;
    showAs: import("./src/dialog-content").DialogShowAs;
    showClose: boolean;
    customClass: string;
    resizable: boolean;
    draggable: boolean;
    ariaLevel: string;
    borderless: boolean;
    outlineless: boolean;
    collapsed: boolean;
    fullBody: boolean;
    appendToBody: boolean;
    destroyOnClose: boolean;
    closeOnClickModal: boolean;
    closeOnPressEscape: boolean;
    lockScroll: boolean;
    modal: boolean;
    openDelay: number;
    closeDelay: number;
    trapFocus: boolean;
    headerAriaLevel: string;
}>> & Record<string, any>;
export default HlDialog;
export * from './src/use-dialog';
export * from './src/dialog';
export * from './src/dragger';