ivue-material-plus/dist/unplugin-vue-components/lib/components/ivue-popover/index.vue.d.ts

A high quality UI components Library with Vue.js

/// <reference types="node" />
declare const _sfc_main: import("vue").DefineComponent<{
    /**
     * 显示的标题
     *
     * @type {String, Number}
     */
    title: {
        type: (NumberConstructor | StringConstructor)[];
    };
    /**
     * 提示框的内容
     *
     * @type {String, Number}
     */
    content: {
        type: (NumberConstructor | StringConstructor)[];
        default: string;
    };
    /**
     * 触发方式，
     * 可选值为hover（悬停）click（点击）focus（聚焦）,
     * 在 confirm 模式下，只有 click 有效
     *
     * @type {String}
     */
    trigger: {
        validator(value: string): boolean;
        default: string;
    };
    /**
     * 是否将弹层放置于 body 内，在 Tabs、
     * 带有 fixed 的 Table 列内使用时，
     * 建议添加此属性，它将不受父级样式影响，
     * 从而达到更好的效果
     *
     * @type {Boolean}
     */
    transfer: {
        type: BooleanConstructor;
        default(): any;
    };
    /**
     * 开启 transfer 时，给浮层添加额外的 class 名称
     *
     * @type {String}
     */
    transferClassName: {
        type: StringConstructor;
    };
    /**
     * 主题，可选值为 dark 或 light
     *
     * @type {String}
     */
    theme: {
        type: StringConstructor;
        validator(value: string): boolean;
        default: string;
    };
    /**
     * 宽度，最小宽度为 150px，在 confirm 模式下，默认最大宽度为 300px
     *
     * @type {String | Number}
     */
    width: {
        type: (NumberConstructor | StringConstructor)[];
    };
    /**
     * 开启后，超出指定宽度文本将自动换行，并两端对齐
     *
     * @type {Boolean}
     */
    wordWrap: {
        type: BooleanConstructor;
        default: boolean;
    };
    /**
     * 是否开启对话框模式
     *
     * @type {Boolean}
     */
    confirm: {
        type: BooleanConstructor;
        default: boolean;
    };
    /**
     * 是否禁用
     *
     * @type {Boolean}
     */
    disabled: {
        type: BooleanConstructor;
        default: boolean;
    };
    /**
     * 延迟显示，单位毫秒
     *
     * @type {Number}
     */
    delay: {
        type: NumberConstructor;
        default: number;
    };
    /**
     * 弹窗的展开方向
     *
     * @type {String}
     */
    placement: {
        type: StringConstructor;
        validator(value: string): boolean;
        default: string;
    };
    /**
     * 是否开启外部点击的 capture 模式，可通过全局配置
     *
     * @type {Boolean}
     */
    capture: {
        type: BooleanConstructor;
        default(): any;
    };
    /**
     * 关闭按钮文案
     *
     * @type {String}
     */
    cancelText: {
        type: StringConstructor;
        default: string;
    };
    /**
     * 确定按钮文案
     *
     * @type {String}
     */
    confirmText: {
        type: StringConstructor;
        default: string;
    };
}, {
    prefixCls: string;
    reference: import("vue").Ref<HTMLDivElement>;
    popper: import("vue").Ref<HTMLDivElement>;
    data: {
        timeout: {
            hasRef: () => boolean;
            refresh: () => NodeJS.Timeout;
            [Symbol.toPrimitive]: () => number;
            ref: () => NodeJS.Timeout;
            unref: () => NodeJS.Timeout;
        };
        zIndex: number;
        disableCloseUnderTransfer: boolean;
        isInput: boolean;
        currentTargetFocus: boolean;
        closeDelay: number;
    };
    visible: import("vue").Ref<boolean>;
    wrapperClasses: import("vue").ComputedRef<(string | {
        [x: string]: boolean;
    })[]>;
    popperClasses: import("vue").ComputedRef<(string | {
        [x: string]: string | boolean;
    })[]>;
    popperStyles: import("vue").ComputedRef<{
        width?: string | number;
        zIndex?: number;
    }>;
    bodyContentClasses: import("vue").ComputedRef<(string | {
        [x: string]: boolean;
    })[]>;
    showTitle: import("vue").ComputedRef<string | number | boolean>;
    handleIndexIncrease: () => void;
    handleMouseenter: (status?: string) => boolean;
    handleMouseleave: () => boolean;
    handleRelClick: () => boolean;
    handleClickOutside: () => void;
    handleTransferClick: () => void;
    handleFocus: (fromInput?: boolean) => boolean;
    handleBlur: (fromInput?: boolean) => boolean;
    handleConfirm: () => void;
    handleCancel: () => void;
}, unknown, {}, {}, import("vue").DefineComponent<{
    reference: {
        type: ObjectConstructor;
    };
    popper: {
        type: ObjectConstructor;
    };
    placement: {
        type: StringConstructor;
        default: string;
    };
    offset: {
        default: number[];
    };
    modelValue: {
        type: BooleanConstructor;
        default: boolean;
    };
    transition: StringConstructor;
    options: {
        type: ObjectConstructor;
        default(): {
            modifiers: ({
                name: string;
                options: {
                    gpuAcceleration: boolean;
                    rootBoundary?: undefined;
                };
            } | {
                name: string;
                options: {
                    rootBoundary: string;
                    gpuAcceleration?: undefined;
                };
            })[];
        };
    };
}, unknown, unknown, {}, {
    createPopper(): void;
    updatePopper(): void;
    popperDestroy(): void;
}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "on-popper-show" | "on-popper-hide" | "on-created")[], "update:modelValue" | "on-popper-show" | "on-popper-hide" | "on-created", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
    reference: {
        type: ObjectConstructor;
    };
    popper: {
        type: ObjectConstructor;
    };
    placement: {
        type: StringConstructor;
        default: string;
    };
    offset: {
        default: number[];
    };
    modelValue: {
        type: BooleanConstructor;
        default: boolean;
    };
    transition: StringConstructor;
    options: {
        type: ObjectConstructor;
        default(): {
            modifiers: ({
                name: string;
                options: {
                    gpuAcceleration: boolean;
                    rootBoundary?: undefined;
                };
            } | {
                name: string;
                options: {
                    rootBoundary: string;
                    gpuAcceleration?: undefined;
                };
            })[];
        };
    };
}>> & {
    "onUpdate:modelValue"?: (...args: any[]) => any;
    "onOn-popper-show"?: (...args: any[]) => any;
    "onOn-popper-hide"?: (...args: any[]) => any;
    "onOn-created"?: (...args: any[]) => any;
}, {
    modelValue: boolean;
    placement: string;
    options: Record<string, any>;
    offset: number[];
}>, import("vue").ComponentOptionsMixin, ("on-cancel" | "on-confirm")[], "on-cancel" | "on-confirm", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
    /**
     * 显示的标题
     *
     * @type {String, Number}
     */
    title: {
        type: (NumberConstructor | StringConstructor)[];
    };
    /**
     * 提示框的内容
     *
     * @type {String, Number}
     */
    content: {
        type: (NumberConstructor | StringConstructor)[];
        default: string;
    };
    /**
     * 触发方式，
     * 可选值为hover（悬停）click（点击）focus（聚焦）,
     * 在 confirm 模式下，只有 click 有效
     *
     * @type {String}
     */
    trigger: {
        validator(value: string): boolean;
        default: string;
    };
    /**
     * 是否将弹层放置于 body 内，在 Tabs、
     * 带有 fixed 的 Table 列内使用时，
     * 建议添加此属性，它将不受父级样式影响，
     * 从而达到更好的效果
     *
     * @type {Boolean}
     */
    transfer: {
        type: BooleanConstructor;
        default(): any;
    };
    /**
     * 开启 transfer 时，给浮层添加额外的 class 名称
     *
     * @type {String}
     */
    transferClassName: {
        type: StringConstructor;
    };
    /**
     * 主题，可选值为 dark 或 light
     *
     * @type {String}
     */
    theme: {
        type: StringConstructor;
        validator(value: string): boolean;
        default: string;
    };
    /**
     * 宽度，最小宽度为 150px，在 confirm 模式下，默认最大宽度为 300px
     *
     * @type {String | Number}
     */
    width: {
        type: (NumberConstructor | StringConstructor)[];
    };
    /**
     * 开启后，超出指定宽度文本将自动换行，并两端对齐
     *
     * @type {Boolean}
     */
    wordWrap: {
        type: BooleanConstructor;
        default: boolean;
    };
    /**
     * 是否开启对话框模式
     *
     * @type {Boolean}
     */
    confirm: {
        type: BooleanConstructor;
        default: boolean;
    };
    /**
     * 是否禁用
     *
     * @type {Boolean}
     */
    disabled: {
        type: BooleanConstructor;
        default: boolean;
    };
    /**
     * 延迟显示，单位毫秒
     *
     * @type {Number}
     */
    delay: {
        type: NumberConstructor;
        default: number;
    };
    /**
     * 弹窗的展开方向
     *
     * @type {String}
     */
    placement: {
        type: StringConstructor;
        validator(value: string): boolean;
        default: string;
    };
    /**
     * 是否开启外部点击的 capture 模式，可通过全局配置
     *
     * @type {Boolean}
     */
    capture: {
        type: BooleanConstructor;
        default(): any;
    };
    /**
     * 关闭按钮文案
     *
     * @type {String}
     */
    cancelText: {
        type: StringConstructor;
        default: string;
    };
    /**
     * 确定按钮文案
     *
     * @type {String}
     */
    confirmText: {
        type: StringConstructor;
        default: string;
    };
}>> & {
    "onOn-cancel"?: (...args: any[]) => any;
    "onOn-confirm"?: (...args: any[]) => any;
}, {
    content: string | number;
    disabled: boolean;
    trigger: string;
    transfer: boolean;
    placement: string;
    capture: boolean;
    delay: number;
    theme: string;
    cancelText: string;
    confirmText: string;
    wordWrap: boolean;
    confirm: boolean;
}>;
export default _sfc_main;