@extclp/vexip-ui/dist/components/slider/slider-trigger.vue.d.ts

A Vue 3 UI library, Highly customizability, full TypeScript, performance pretty good

import { PropType } from 'vue';
import { SliderTipProps } from './symbol';
declare function updateTooltip(): void;
declare function focus(options?: FocusOptions): void;
declare function blur(): void;
declare function __VLS_template(): {
    attrs: Partial<{}>;
    slots: Readonly<{
        default: () => any;
        tip: () => any;
    }> & {
        default: () => any;
        tip: () => any;
    };
    refs: {
        wrapper: HTMLDivElement;
        tooltip: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
            inherit: PropType<boolean>;
            trigger: PropType<"click" | "focus" | "hover" | "hover-focus" | "custom">;
            wrapper: PropType<string | boolean>;
            noArrow: PropType<boolean>;
            transitionName: PropType<string>;
            visible: PropType<boolean>;
            placement: PropType<"bottom" | "top" | "right" | "left" | "bottom-start" | "bottom-end" | "top-start" | "top-end" | "right-start" | "right-end" | "left-start" | "left-end">;
            outsideClose: PropType<boolean>;
            noHover: PropType<boolean>;
            tipClass: PropType<string | Record<string, any> | (string | Record<string, any>)[]>;
            tipStyle: PropType<string | import('vue').CSSProperties | (string | import('vue').CSSProperties)[]>;
            transfer: PropType<string | boolean>;
            disabled: PropType<boolean>;
            raw: PropType<boolean>;
            delay: PropType<number | number[]>;
            tipAlive: PropType<boolean>;
            reverse: PropType<boolean>;
            width: PropType<number | "trigger" | "auto">;
            virtual: PropType<{
                getBoundingClientRect: () => DOMRect;
            } | {
                $el: {
                    getBoundingClientRect: () => DOMRect;
                };
            } | {
                x: number;
                y: number;
            }>;
            shift: PropType<boolean | "horizontal" | "vertical" | "both">;
            onToggle: PropType<((visible: boolean) => void) | ((visible: boolean) => void)[]>;
            onTipEnter: PropType<import('@vexip-ui/config').AnyFunction | import('@vexip-ui/config').AnyFunction[]>;
            onTipLeave: PropType<import('@vexip-ui/config').AnyFunction | import('@vexip-ui/config').AnyFunction[]>;
            onClickOutside: PropType<import('@vexip-ui/config').AnyFunction | import('@vexip-ui/config').AnyFunction[]>;
            onOutsideClose: PropType<import('@vexip-ui/config').AnyFunction | import('@vexip-ui/config').AnyFunction[]>;
        }>> & Readonly<{
            onClickoutside?: ((...args: any[]) => any) | undefined;
            "onUpdate:visible"?: ((...args: any[]) => any) | undefined;
        }>, () => (false | import("vue/jsx-runtime").JSX.Element | null)[], {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("clickoutside" | "update:visible")[], import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
            P: {};
            B: {};
            D: {};
            C: {};
            M: {};
            Defaults: {};
        }, Readonly<import('vue').ExtractPropTypes<{
            inherit: PropType<boolean>;
            trigger: PropType<"click" | "focus" | "hover" | "hover-focus" | "custom">;
            wrapper: PropType<string | boolean>;
            noArrow: PropType<boolean>;
            transitionName: PropType<string>;
            visible: PropType<boolean>;
            placement: PropType<"bottom" | "top" | "right" | "left" | "bottom-start" | "bottom-end" | "top-start" | "top-end" | "right-start" | "right-end" | "left-start" | "left-end">;
            outsideClose: PropType<boolean>;
            noHover: PropType<boolean>;
            tipClass: PropType<string | Record<string, any> | (string | Record<string, any>)[]>;
            tipStyle: PropType<string | import('vue').CSSProperties | (string | import('vue').CSSProperties)[]>;
            transfer: PropType<string | boolean>;
            disabled: PropType<boolean>;
            raw: PropType<boolean>;
            delay: PropType<number | number[]>;
            tipAlive: PropType<boolean>;
            reverse: PropType<boolean>;
            width: PropType<number | "trigger" | "auto">;
            virtual: PropType<{
                getBoundingClientRect: () => DOMRect;
            } | {
                $el: {
                    getBoundingClientRect: () => DOMRect;
                };
            } | {
                x: number;
                y: number;
            }>;
            shift: PropType<boolean | "horizontal" | "vertical" | "both">;
            onToggle: PropType<((visible: boolean) => void) | ((visible: boolean) => void)[]>;
            onTipEnter: PropType<import('@vexip-ui/config').AnyFunction | import('@vexip-ui/config').AnyFunction[]>;
            onTipLeave: PropType<import('@vexip-ui/config').AnyFunction | import('@vexip-ui/config').AnyFunction[]>;
            onClickOutside: PropType<import('@vexip-ui/config').AnyFunction | import('@vexip-ui/config').AnyFunction[]>;
            onOutsideClose: PropType<import('@vexip-ui/config').AnyFunction | import('@vexip-ui/config').AnyFunction[]>;
        }>> & Readonly<{
            onClickoutside?: ((...args: any[]) => any) | undefined;
            "onUpdate:visible"?: ((...args: any[]) => any) | undefined;
        }>, () => (false | import("vue/jsx-runtime").JSX.Element | null)[], {}, {}, {}, {}> | null;
        handler: HTMLDivElement;
    };
    rootEl: HTMLDivElement;
};
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
    value: {
        type: NumberConstructor;
        default: number;
    };
    tipTransfer: {
        type: (BooleanConstructor | StringConstructor)[];
        default: boolean;
    };
    hideTip: {
        type: BooleanConstructor;
        default: boolean;
    };
    vertical: {
        type: BooleanConstructor;
        default: boolean;
    };
    min: {
        type: NumberConstructor;
        default: number;
    };
    max: {
        type: NumberConstructor;
        default: number;
    };
    disabled: {
        type: BooleanConstructor;
        default: boolean;
    };
    loading: {
        type: BooleanConstructor;
        default: boolean;
    };
    reverse: {
        type: BooleanConstructor;
        default: boolean;
    };
    sliding: {
        type: BooleanConstructor;
        default: boolean;
    };
    tipHover: {
        type: BooleanConstructor;
        default: boolean;
    };
    tipProps: {
        type: PropType<SliderTipProps>;
        default: () => {};
    };
}>, {
    updateTooltip: typeof updateTooltip;
    focus: typeof focus;
    blur: typeof blur;
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
    "key-minus": (...args: any[]) => void;
    "key-plus": (...args: any[]) => void;
}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
    value: {
        type: NumberConstructor;
        default: number;
    };
    tipTransfer: {
        type: (BooleanConstructor | StringConstructor)[];
        default: boolean;
    };
    hideTip: {
        type: BooleanConstructor;
        default: boolean;
    };
    vertical: {
        type: BooleanConstructor;
        default: boolean;
    };
    min: {
        type: NumberConstructor;
        default: number;
    };
    max: {
        type: NumberConstructor;
        default: number;
    };
    disabled: {
        type: BooleanConstructor;
        default: boolean;
    };
    loading: {
        type: BooleanConstructor;
        default: boolean;
    };
    reverse: {
        type: BooleanConstructor;
        default: boolean;
    };
    sliding: {
        type: BooleanConstructor;
        default: boolean;
    };
    tipHover: {
        type: BooleanConstructor;
        default: boolean;
    };
    tipProps: {
        type: PropType<SliderTipProps>;
        default: () => {};
    };
}>> & Readonly<{
    "onKey-minus"?: ((...args: any[]) => any) | undefined;
    "onKey-plus"?: ((...args: any[]) => any) | undefined;
}>, {
    value: number;
    reverse: boolean;
    vertical: boolean;
    loading: boolean;
    disabled: boolean;
    min: number;
    max: number;
    tipTransfer: string | boolean;
    hideTip: boolean;
    sliding: boolean;
    tipHover: boolean;
    tipProps: SliderTipProps;
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
    wrapper: HTMLDivElement;
    tooltip: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
        inherit: PropType<boolean>;
        trigger: PropType<"click" | "focus" | "hover" | "hover-focus" | "custom">;
        wrapper: PropType<string | boolean>;
        noArrow: PropType<boolean>;
        transitionName: PropType<string>;
        visible: PropType<boolean>;
        placement: PropType<"bottom" | "top" | "right" | "left" | "bottom-start" | "bottom-end" | "top-start" | "top-end" | "right-start" | "right-end" | "left-start" | "left-end">;
        outsideClose: PropType<boolean>;
        noHover: PropType<boolean>;
        tipClass: PropType<string | Record<string, any> | (string | Record<string, any>)[]>;
        tipStyle: PropType<string | import('vue').CSSProperties | (string | import('vue').CSSProperties)[]>;
        transfer: PropType<string | boolean>;
        disabled: PropType<boolean>;
        raw: PropType<boolean>;
        delay: PropType<number | number[]>;
        tipAlive: PropType<boolean>;
        reverse: PropType<boolean>;
        width: PropType<number | "trigger" | "auto">;
        virtual: PropType<{
            getBoundingClientRect: () => DOMRect;
        } | {
            $el: {
                getBoundingClientRect: () => DOMRect;
            };
        } | {
            x: number;
            y: number;
        }>;
        shift: PropType<boolean | "horizontal" | "vertical" | "both">;
        onToggle: PropType<((visible: boolean) => void) | ((visible: boolean) => void)[]>;
        onTipEnter: PropType<import('@vexip-ui/config').AnyFunction | import('@vexip-ui/config').AnyFunction[]>;
        onTipLeave: PropType<import('@vexip-ui/config').AnyFunction | import('@vexip-ui/config').AnyFunction[]>;
        onClickOutside: PropType<import('@vexip-ui/config').AnyFunction | import('@vexip-ui/config').AnyFunction[]>;
        onOutsideClose: PropType<import('@vexip-ui/config').AnyFunction | import('@vexip-ui/config').AnyFunction[]>;
    }>> & Readonly<{
        onClickoutside?: ((...args: any[]) => any) | undefined;
        "onUpdate:visible"?: ((...args: any[]) => any) | undefined;
    }>, () => (false | import("vue/jsx-runtime").JSX.Element | null)[], {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("clickoutside" | "update:visible")[], import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
        P: {};
        B: {};
        D: {};
        C: {};
        M: {};
        Defaults: {};
    }, Readonly<import('vue').ExtractPropTypes<{
        inherit: PropType<boolean>;
        trigger: PropType<"click" | "focus" | "hover" | "hover-focus" | "custom">;
        wrapper: PropType<string | boolean>;
        noArrow: PropType<boolean>;
        transitionName: PropType<string>;
        visible: PropType<boolean>;
        placement: PropType<"bottom" | "top" | "right" | "left" | "bottom-start" | "bottom-end" | "top-start" | "top-end" | "right-start" | "right-end" | "left-start" | "left-end">;
        outsideClose: PropType<boolean>;
        noHover: PropType<boolean>;
        tipClass: PropType<string | Record<string, any> | (string | Record<string, any>)[]>;
        tipStyle: PropType<string | import('vue').CSSProperties | (string | import('vue').CSSProperties)[]>;
        transfer: PropType<string | boolean>;
        disabled: PropType<boolean>;
        raw: PropType<boolean>;
        delay: PropType<number | number[]>;
        tipAlive: PropType<boolean>;
        reverse: PropType<boolean>;
        width: PropType<number | "trigger" | "auto">;
        virtual: PropType<{
            getBoundingClientRect: () => DOMRect;
        } | {
            $el: {
                getBoundingClientRect: () => DOMRect;
            };
        } | {
            x: number;
            y: number;
        }>;
        shift: PropType<boolean | "horizontal" | "vertical" | "both">;
        onToggle: PropType<((visible: boolean) => void) | ((visible: boolean) => void)[]>;
        onTipEnter: PropType<import('@vexip-ui/config').AnyFunction | import('@vexip-ui/config').AnyFunction[]>;
        onTipLeave: PropType<import('@vexip-ui/config').AnyFunction | import('@vexip-ui/config').AnyFunction[]>;
        onClickOutside: PropType<import('@vexip-ui/config').AnyFunction | import('@vexip-ui/config').AnyFunction[]>;
        onOutsideClose: PropType<import('@vexip-ui/config').AnyFunction | import('@vexip-ui/config').AnyFunction[]>;
    }>> & Readonly<{
        onClickoutside?: ((...args: any[]) => any) | undefined;
        "onUpdate:visible"?: ((...args: any[]) => any) | undefined;
    }>, () => (false | import("vue/jsx-runtime").JSX.Element | null)[], {}, {}, {}, {}> | null;
    handler: HTMLDivElement;
}, HTMLDivElement>;
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
export default _default;
type __VLS_WithTemplateSlots<T, S> = T & {
    new (): {
        $slots: S;
    };
};