t-fighting-design/lib/popup/index.d.ts

Fighting design can quickly build interactive interfaces in vue3 applications, which looks good.

import type { PopupDirectionType, PopupCallbackInterface } from './src/interface.d';
import type { DefineComponent, PropType, ComputedRef, CSSProperties, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps } from 'vue';
import type { InstallType, OrdinaryFunctionInterface } from '../_interface';
import Popup from "./src/popup";
export declare const FPopup: InstallType<DefineComponent<{
    readonly visible: {
        readonly type: BooleanConstructor;
        readonly default: () => boolean;
        readonly required: true;
    };
    readonly appendToBody: {
        readonly type: BooleanConstructor;
        readonly default: () => boolean;
    };
    readonly showMask: {
        readonly type: BooleanConstructor;
        readonly default: () => boolean;
    };
    readonly maskClose: {
        readonly type: BooleanConstructor;
        readonly default: () => boolean;
    };
    readonly maskBlur: {
        readonly type: BooleanConstructor;
        readonly default: () => boolean;
    };
    readonly zIndex: {
        readonly type: NumberConstructor;
        readonly default: () => Number;
        readonly validator: (val: number) => boolean;
    };
    readonly maskBackground: {
        readonly type: StringConstructor;
        readonly default: () => string;
    };
    readonly maskOpacity: {
        readonly type: NumberConstructor;
        readonly default: () => null;
        readonly validator: (val: number) => boolean;
    };
    readonly direction: {
        readonly type: PropType<PopupDirectionType>;
        readonly default: () => PopupDirectionType;
        readonly validator: (val: PopupDirectionType) => boolean;
    };
    readonly popupSize: {
        readonly type: PropType<string | number>;
        readonly default: () => string;
    };
    readonly padding: {
        readonly type: PropType<string | number>;
        readonly default: () => string;
    };
    readonly open: {
        readonly type: PropType<PopupCallbackInterface>;
        readonly default: () => null;
    };
    readonly close: {
        readonly type: PropType<PopupCallbackInterface>;
        readonly default: () => null;
    };
    readonly openEnd: {
        readonly type: PropType<PopupCallbackInterface>;
        readonly default: () => null;
    };
    readonly closeEnd: {
        readonly type: PropType<PopupCallbackInterface>;
        readonly default: () => null;
    };
}, {
    prop: {
        readonly visible?: unknown;
        readonly appendToBody?: unknown;
        readonly showMask?: unknown;
        readonly maskClose?: unknown;
        readonly maskBlur?: unknown;
        readonly zIndex?: unknown;
        readonly maskBackground?: unknown;
        readonly maskOpacity?: unknown;
        readonly direction?: unknown;
        readonly popupSize?: unknown;
        readonly padding?: unknown;
        readonly open?: unknown;
        readonly close?: unknown;
        readonly openEnd?: unknown;
        readonly closeEnd?: unknown;
    } & {
        close: PopupCallbackInterface;
        closeEnd: PopupCallbackInterface;
        padding: string | number;
        zIndex: number;
        visible: boolean;
        appendToBody: boolean;
        showMask: boolean;
        maskClose: boolean;
        maskBlur: boolean;
        open: PopupCallbackInterface;
        openEnd: PopupCallbackInterface;
        maskBackground: string;
        maskOpacity: number;
        direction: PopupDirectionType;
        popupSize: string | number;
    } & {};
    emit: (event: "update:visible", visible: boolean) => void;
    closePopup: OrdinaryFunctionInterface;
    handleOpen: PopupCallbackInterface;
    handleOpenEnd: PopupCallbackInterface;
    handleClose: PopupCallbackInterface;
    handleCloseEnd: PopupCallbackInterface;
    wrapperStyleList: ComputedRef<CSSProperties>;
}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
    readonly 'update:visible': (visible: boolean) => boolean;
}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<{
    readonly visible?: unknown;
    readonly appendToBody?: unknown;
    readonly showMask?: unknown;
    readonly maskClose?: unknown;
    readonly maskBlur?: unknown;
    readonly zIndex?: unknown;
    readonly maskBackground?: unknown;
    readonly maskOpacity?: unknown;
    readonly direction?: unknown;
    readonly popupSize?: unknown;
    readonly padding?: unknown;
    readonly open?: unknown;
    readonly close?: unknown;
    readonly openEnd?: unknown;
    readonly closeEnd?: unknown;
} & {
    close: PopupCallbackInterface;
    closeEnd: PopupCallbackInterface;
    padding: string | number;
    zIndex: number;
    visible: boolean;
    appendToBody: boolean;
    showMask: boolean;
    maskClose: boolean;
    maskBlur: boolean;
    open: PopupCallbackInterface;
    openEnd: PopupCallbackInterface;
    maskBackground: string;
    maskOpacity: number;
    direction: PopupDirectionType;
    popupSize: string | number;
} & {}> & {
    "onUpdate:visible"?: ((visible: boolean) => any) | undefined;
}, {
    close: PopupCallbackInterface;
    closeEnd: PopupCallbackInterface;
    padding: string | number;
    zIndex: number;
    appendToBody: boolean;
    showMask: boolean;
    maskClose: boolean;
    maskBlur: boolean;
    open: PopupCallbackInterface;
    openEnd: PopupCallbackInterface;
    maskBackground: string;
    maskOpacity: number;
    direction: PopupDirectionType;
    popupSize: string | number;
}>>;
export declare type PopupInstance = InstanceType<typeof Popup>;
export * from './src/interface.d';
export default Popup;