@extclp/vexip-ui/dist/components/color-picker/color-picker.vue.d.ts

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

import { PopperExposed } from '../popper';
import { HSLAColor, HSVAColor, HSVColor, RGBAColor } from '@vexip-ui/utils';
import { ColorPrickerSlots } from './symbol';
declare function toggleVisible(): void;
declare function focus(options?: FocusOptions): void;
declare function blur(): void;
declare function __VLS_template(): {
    attrs: Partial<{}>;
    slots: Readonly<ColorPrickerSlots> & ColorPrickerSlots;
    refs: {
        wrapper: HTMLDivElement;
        reference: HTMLDivElement;
        popper: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
            inherit: import('vue').PropType<boolean>;
            visible: import('vue').PropType<boolean>;
            alive: import('vue').PropType<boolean>;
            to: import('vue').PropType<string>;
            transition: import('vue').PropType<string>;
            appear: import('vue').PropType<boolean>;
            role: import('vue').PropType<string>;
            onBeforeEnter: import('vue').PropType<((el: Element) => void) | ((el: Element) => void)[]>;
            onEnter: import('vue').PropType<((el: Element) => void) | ((el: Element) => void)[]>;
            onAfterEnter: import('vue').PropType<((el: Element) => void) | ((el: Element) => void)[]>;
            onEnterCancelled: import('vue').PropType<((el: Element) => void) | ((el: Element) => void)[]>;
            onBeforeLeave: import('vue').PropType<((el: Element) => void) | ((el: Element) => void)[]>;
            onLeave: import('vue').PropType<((el: Element) => void) | ((el: Element) => void)[]>;
            onAfterLeave: import('vue').PropType<((el: Element) => void) | ((el: Element) => void)[]>;
            onLeaveCancelled: import('vue').PropType<((el: Element) => void) | ((el: Element) => void)[]>;
        }>> & Readonly<{}>, {
            nh: import('../../common/bem-helper/dist').NBEM<"popper", "vxp">;
            props: {
                readonly inherit: boolean;
                readonly visible: boolean;
                readonly role: string;
                readonly appear: boolean;
                readonly onBeforeEnter: ((el: Element) => void) | ((el: Element) => void)[];
                readonly onEnter: ((el: Element) => void) | ((el: Element) => void)[];
                readonly onAfterEnter: ((el: Element) => void) | ((el: Element) => void)[];
                readonly onEnterCancelled: ((el: Element) => void) | ((el: Element) => void)[];
                readonly onBeforeLeave: ((el: Element) => void) | ((el: Element) => void)[];
                readonly onLeave: ((el: Element) => void) | ((el: Element) => void)[];
                readonly onAfterLeave: ((el: Element) => void) | ((el: Element) => void)[];
                readonly onLeaveCancelled: ((el: Element) => void) | ((el: Element) => void)[];
                readonly transition: string;
                readonly to: string;
                readonly alive: boolean;
            };
            zIndex: import('vue').Ref<number, number>;
            wrapper: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
            emitHookEvent: (name: "be" | "e" | "ae" | "ec" | "bl" | "l" | "al" | "lc", el: Element) => void;
        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, never[], import('vue').PublicProps, {}, true, {}, {}, {
            Portal: {
                new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
                    to: {
                        type: StringConstructor;
                        default: string;
                    };
                }>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
                    to: string;
                }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
                    P: {};
                    B: {};
                    D: {};
                    C: {};
                    M: {};
                    Defaults: {};
                }, Readonly<import('vue').ExtractPropTypes<{
                    to: {
                        type: StringConstructor;
                        default: string;
                    };
                }>> & Readonly<{}>, {}, {}, {}, {}, {
                    to: string;
                }>;
                __isFragment?: never;
                __isTeleport?: never;
                __isSuspense?: never;
            } & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
                to: {
                    type: StringConstructor;
                    default: string;
                };
            }>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
                to: string;
            }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
                $slots: {
                    default?(_: {}): any;
                };
            });
        } & import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
            P: {};
            B: {};
            D: {};
            C: {};
            M: {};
            Defaults: {};
        }, Readonly<import('vue').ExtractPropTypes<{
            inherit: import('vue').PropType<boolean>;
            visible: import('vue').PropType<boolean>;
            alive: import('vue').PropType<boolean>;
            to: import('vue').PropType<string>;
            transition: import('vue').PropType<string>;
            appear: import('vue').PropType<boolean>;
            role: import('vue').PropType<string>;
            onBeforeEnter: import('vue').PropType<((el: Element) => void) | ((el: Element) => void)[]>;
            onEnter: import('vue').PropType<((el: Element) => void) | ((el: Element) => void)[]>;
            onAfterEnter: import('vue').PropType<((el: Element) => void) | ((el: Element) => void)[]>;
            onEnterCancelled: import('vue').PropType<((el: Element) => void) | ((el: Element) => void)[]>;
            onBeforeLeave: import('vue').PropType<((el: Element) => void) | ((el: Element) => void)[]>;
            onLeave: import('vue').PropType<((el: Element) => void) | ((el: Element) => void)[]>;
            onAfterLeave: import('vue').PropType<((el: Element) => void) | ((el: Element) => void)[]>;
            onLeaveCancelled: import('vue').PropType<((el: Element) => void) | ((el: Element) => void)[]>;
        }>> & Readonly<{}>, {
            nh: import('../../common/bem-helper/dist').NBEM<"popper", "vxp">;
            props: {
                readonly inherit: boolean;
                readonly visible: boolean;
                readonly role: string;
                readonly appear: boolean;
                readonly onBeforeEnter: ((el: Element) => void) | ((el: Element) => void)[];
                readonly onEnter: ((el: Element) => void) | ((el: Element) => void)[];
                readonly onAfterEnter: ((el: Element) => void) | ((el: Element) => void)[];
                readonly onEnterCancelled: ((el: Element) => void) | ((el: Element) => void)[];
                readonly onBeforeLeave: ((el: Element) => void) | ((el: Element) => void)[];
                readonly onLeave: ((el: Element) => void) | ((el: Element) => void)[];
                readonly onAfterLeave: ((el: Element) => void) | ((el: Element) => void)[];
                readonly onLeaveCancelled: ((el: Element) => void) | ((el: Element) => void)[];
                readonly transition: string;
                readonly to: string;
                readonly alive: boolean;
            };
            zIndex: import('vue').Ref<number, number>;
            wrapper: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
            emitHookEvent: (name: "be" | "e" | "ae" | "ec" | "bl" | "l" | "al" | "lc", el: Element) => void;
        }, {}, {}, {}, {}> | null;
        palette: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
            hue: {
                type: NumberConstructor;
                default: number;
                validator: (value: number) => boolean;
            };
            value: {
                type: NumberConstructor;
                default: number;
                validator: (value: number) => boolean;
            };
            saturation: {
                type: NumberConstructor;
                default: number;
                validator: (value: number) => boolean;
            };
        }>> & Readonly<{
            onChange?: ((...args: any[]) => any) | undefined;
            "onEdit-start"?: ((...args: any[]) => any) | undefined;
            "onEdit-end"?: ((...args: any[]) => any) | undefined;
        }>, {
            nh: import('../../common/bem-helper/dist').NBEM<"color-picker", "vxp">;
            currentTop: import('vue').Ref<number, number>;
            currentLeft: import('vue').Ref<number, number>;
            editing: import('vue').ComputedRef<boolean>;
            wrapper: import('vue').Ref<HTMLElement | null | undefined, HTMLElement | null | undefined>;
        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("change" | "edit-start" | "edit-end")[], import('vue').PublicProps, {
            value: number;
            hue: number;
            saturation: number;
        }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
            P: {};
            B: {};
            D: {};
            C: {};
            M: {};
            Defaults: {};
        }, Readonly<import('vue').ExtractPropTypes<{
            hue: {
                type: NumberConstructor;
                default: number;
                validator: (value: number) => boolean;
            };
            value: {
                type: NumberConstructor;
                default: number;
                validator: (value: number) => boolean;
            };
            saturation: {
                type: NumberConstructor;
                default: number;
                validator: (value: number) => boolean;
            };
        }>> & Readonly<{
            onChange?: ((...args: any[]) => any) | undefined;
            "onEdit-start"?: ((...args: any[]) => any) | undefined;
            "onEdit-end"?: ((...args: any[]) => any) | undefined;
        }>, {
            nh: import('../../common/bem-helper/dist').NBEM<"color-picker", "vxp">;
            currentTop: import('vue').Ref<number, number>;
            currentLeft: import('vue').Ref<number, number>;
            editing: import('vue').ComputedRef<boolean>;
            wrapper: import('vue').Ref<HTMLElement | null | undefined, HTMLElement | null | undefined>;
        }, {}, {}, {}, {
            value: number;
            hue: number;
            saturation: number;
        }> | null;
        hue: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
            hue: {
                type: NumberConstructor;
                default: number;
                validator: (value: number) => boolean;
            };
        }>> & Readonly<{
            onChange?: ((...args: any[]) => any) | undefined;
            "onEdit-start"?: ((...args: any[]) => any) | undefined;
            "onEdit-end"?: ((...args: any[]) => any) | undefined;
        }>, {
            nh: import('../../common/bem-helper/dist').NBEM<"color-picker", "vxp">;
            currentLeft: import('vue').Ref<number, number>;
            editing: import('vue').ComputedRef<boolean>;
            wrapper: import('vue').Ref<HTMLElement | null | undefined, HTMLElement | null | undefined>;
        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("change" | "edit-start" | "edit-end")[], import('vue').PublicProps, {
            hue: number;
        }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
            P: {};
            B: {};
            D: {};
            C: {};
            M: {};
            Defaults: {};
        }, Readonly<import('vue').ExtractPropTypes<{
            hue: {
                type: NumberConstructor;
                default: number;
                validator: (value: number) => boolean;
            };
        }>> & Readonly<{
            onChange?: ((...args: any[]) => any) | undefined;
            "onEdit-start"?: ((...args: any[]) => any) | undefined;
            "onEdit-end"?: ((...args: any[]) => any) | undefined;
        }>, {
            nh: import('../../common/bem-helper/dist').NBEM<"color-picker", "vxp">;
            currentLeft: import('vue').Ref<number, number>;
            editing: import('vue').ComputedRef<boolean>;
            wrapper: import('vue').Ref<HTMLElement | null | undefined, HTMLElement | null | undefined>;
        }, {}, {}, {}, {
            hue: number;
        }> | null;
        alphaEl: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
            rgb: {
                type: import('vue').PropType<import('@vexip-ui/utils').RGBColor>;
                default: () => {
                    r: number;
                    g: number;
                    b: number;
                };
                validator: (value: import('@vexip-ui/utils').RGBColor) => boolean;
            };
            alpha: {
                type: NumberConstructor;
                default: number;
                validator: (value: number) => boolean;
            };
        }>> & Readonly<{
            onChange?: ((...args: any[]) => any) | undefined;
            "onEdit-start"?: ((...args: any[]) => any) | undefined;
            "onEdit-end"?: ((...args: any[]) => any) | undefined;
        }>, {
            nh: import('../../common/bem-helper/dist').NBEM<"color-picker", "vxp">;
            currentLeft: import('vue').Ref<number, number>;
            editing: import('vue').ComputedRef<boolean>;
            rgbString: import('vue').ComputedRef<string>;
            wrapper: import('vue').Ref<HTMLElement | null | undefined, HTMLElement | null | undefined>;
        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("change" | "edit-start" | "edit-end")[], import('vue').PublicProps, {
            alpha: number;
            rgb: import('@vexip-ui/utils').RGBColor;
        }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
            P: {};
            B: {};
            D: {};
            C: {};
            M: {};
            Defaults: {};
        }, Readonly<import('vue').ExtractPropTypes<{
            rgb: {
                type: import('vue').PropType<import('@vexip-ui/utils').RGBColor>;
                default: () => {
                    r: number;
                    g: number;
                    b: number;
                };
                validator: (value: import('@vexip-ui/utils').RGBColor) => boolean;
            };
            alpha: {
                type: NumberConstructor;
                default: number;
                validator: (value: number) => boolean;
            };
        }>> & Readonly<{
            onChange?: ((...args: any[]) => any) | undefined;
            "onEdit-start"?: ((...args: any[]) => any) | undefined;
            "onEdit-end"?: ((...args: any[]) => any) | undefined;
        }>, {
            nh: import('../../common/bem-helper/dist').NBEM<"color-picker", "vxp">;
            currentLeft: import('vue').Ref<number, number>;
            editing: import('vue').ComputedRef<boolean>;
            rgbString: import('vue').ComputedRef<string>;
            wrapper: import('vue').Ref<HTMLElement | null | undefined, HTMLElement | null | undefined>;
        }, {}, {}, {}, {
            alpha: number;
            rgb: import('@vexip-ui/utils').RGBColor;
        }> | null;
        shortcutEl: HTMLDivElement;
        input: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
            inherit: import('vue').PropType<boolean>;
            size: import('vue').PropType<"default" | "small" | "large">;
            state: import('vue').PropType<"default" | "success" | "error" | "warning">;
            locale: import('vue').PropType<Partial<{
                placeholder: string;
                ariaLabel: {
                    clear: string;
                };
            }>>;
            type: import('vue').PropType<"date" | "datetime" | "time" | "text" | "password">;
            prefix: import('vue').PropType<any>;
            prefixColor: import('vue').PropType<string>;
            suffix: import('vue').PropType<any>;
            suffixColor: import('vue').PropType<string>;
            formatter: import('vue').PropType<(value: string | number) => string | number>;
            value: import('vue').PropType<string | number>;
            placeholder: import('vue').PropType<string>;
            autofocus: import('vue').PropType<boolean>;
            spellcheck: import('vue').PropType<boolean>;
            autocomplete: import('vue').PropType<string | boolean>;
            readonly: import('vue').PropType<boolean>;
            disabled: import('vue').PropType<boolean>;
            controlClass: import('vue').PropType<string | Record<string, any> | (string | Record<string, any>)[]>;
            debounce: import('vue').PropType<boolean>;
            delay: import('vue').PropType<number>;
            maxLength: import('vue').PropType<number>;
            hideCount: import('vue').PropType<boolean>;
            before: import('vue').PropType<string>;
            after: import('vue').PropType<string>;
            plainPassword: import('vue').PropType<boolean>;
            clearable: import('vue').PropType<boolean>;
            loading: import('vue').PropType<boolean>;
            loadingIcon: import('vue').PropType<any>;
            loadingLock: import('vue').PropType<boolean>;
            loadingEffect: import('vue').PropType<string>;
            transparent: import('vue').PropType<boolean>;
            sync: import('vue').PropType<boolean>;
            controlAttrs: import('vue').PropType<Record<string, any>>;
            name: import('vue').PropType<string>;
            slots: import('vue').PropType<import('../input/symbol').InputSlots>;
            onFocus: import('vue').PropType<((event: FocusEvent) => void) | ((event: FocusEvent) => void)[]>;
            onBlur: import('vue').PropType<((event: FocusEvent) => void) | ((event: FocusEvent) => void)[]>;
            onInput: import('vue').PropType<((value: string) => void) | ((value: string | number) => void) | ((value: number) => void) | (((value: string) => void) | ((value: string | number) => void) | ((value: number) => void))[]>;
            onChange: import('vue').PropType<((value: string) => void) | ((value: string | number) => void) | ((value: number) => void) | (((value: string) => void) | ((value: string | number) => void) | ((value: number) => void))[]>;
            onEnter: import('vue').PropType<import('@vexip-ui/config').AnyFunction | import('@vexip-ui/config').AnyFunction[]>;
            onClear: import('vue').PropType<import('@vexip-ui/config').AnyFunction | import('@vexip-ui/config').AnyFunction[]>;
            onPrefixClick: import('vue').PropType<((event: MouseEvent) => void) | ((event: MouseEvent) => void)[]>;
            onSuffixClick: import('vue').PropType<((event: MouseEvent) => void) | ((event: MouseEvent) => void)[]>;
            onKeyDown: import('vue').PropType<((event: KeyboardEvent) => void) | ((event: KeyboardEvent) => void)[]>;
            onKeyPress: import('vue').PropType<((event: KeyboardEvent) => void) | ((event: KeyboardEvent) => void)[]>;
            onKeyUp: import('vue').PropType<((event: KeyboardEvent) => void) | ((event: KeyboardEvent) => void)[]>;
            onCompositionStart: import('vue').PropType<((event: CompositionEvent) => void) | ((event: CompositionEvent) => void)[]>;
            onCompositionEnd: import('vue').PropType<((event: CompositionEvent) => void) | ((event: CompositionEvent) => void)[]>;
        }>> & Readonly<{
            "onUpdate:value"?: ((...args: any[]) => any) | undefined;
        }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {
            focus: (options?: FocusOptions) => void;
            blur: () => void;
        }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "update:value"[], 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: import('vue').PropType<boolean>;
            size: import('vue').PropType<"default" | "small" | "large">;
            state: import('vue').PropType<"default" | "success" | "error" | "warning">;
            locale: import('vue').PropType<Partial<{
                placeholder: string;
                ariaLabel: {
                    clear: string;
                };
            }>>;
            type: import('vue').PropType<"date" | "datetime" | "time" | "text" | "password">;
            prefix: import('vue').PropType<any>;
            prefixColor: import('vue').PropType<string>;
            suffix: import('vue').PropType<any>;
            suffixColor: import('vue').PropType<string>;
            formatter: import('vue').PropType<(value: string | number) => string | number>;
            value: import('vue').PropType<string | number>;
            placeholder: import('vue').PropType<string>;
            autofocus: import('vue').PropType<boolean>;
            spellcheck: import('vue').PropType<boolean>;
            autocomplete: import('vue').PropType<string | boolean>;
            readonly: import('vue').PropType<boolean>;
            disabled: import('vue').PropType<boolean>;
            controlClass: import('vue').PropType<string | Record<string, any> | (string | Record<string, any>)[]>;
            debounce: import('vue').PropType<boolean>;
            delay: import('vue').PropType<number>;
            maxLength: import('vue').PropType<number>;
            hideCount: import('vue').PropType<boolean>;
            before: import('vue').PropType<string>;
            after: import('vue').PropType<string>;
            plainPassword: import('vue').PropType<boolean>;
            clearable: import('vue').PropType<boolean>;
            loading: import('vue').PropType<boolean>;
            loadingIcon: import('vue').PropType<any>;
            loadingLock: import('vue').PropType<boolean>;
            loadingEffect: import('vue').PropType<string>;
            transparent: import('vue').PropType<boolean>;
            sync: import('vue').PropType<boolean>;
            controlAttrs: import('vue').PropType<Record<string, any>>;
            name: import('vue').PropType<string>;
            slots: import('vue').PropType<import('../input/symbol').InputSlots>;
            onFocus: import('vue').PropType<((event: FocusEvent) => void) | ((event: FocusEvent) => void)[]>;
            onBlur: import('vue').PropType<((event: FocusEvent) => void) | ((event: FocusEvent) => void)[]>;
            onInput: import('vue').PropType<((value: string) => void) | ((value: string | number) => void) | ((value: number) => void) | (((value: string) => void) | ((value: string | number) => void) | ((value: number) => void))[]>;
            onChange: import('vue').PropType<((value: string) => void) | ((value: string | number) => void) | ((value: number) => void) | (((value: string) => void) | ((value: string | number) => void) | ((value: number) => void))[]>;
            onEnter: import('vue').PropType<import('@vexip-ui/config').AnyFunction | import('@vexip-ui/config').AnyFunction[]>;
            onClear: import('vue').PropType<import('@vexip-ui/config').AnyFunction | import('@vexip-ui/config').AnyFunction[]>;
            onPrefixClick: import('vue').PropType<((event: MouseEvent) => void) | ((event: MouseEvent) => void)[]>;
            onSuffixClick: import('vue').PropType<((event: MouseEvent) => void) | ((event: MouseEvent) => void)[]>;
            onKeyDown: import('vue').PropType<((event: KeyboardEvent) => void) | ((event: KeyboardEvent) => void)[]>;
            onKeyPress: import('vue').PropType<((event: KeyboardEvent) => void) | ((event: KeyboardEvent) => void)[]>;
            onKeyUp: import('vue').PropType<((event: KeyboardEvent) => void) | ((event: KeyboardEvent) => void)[]>;
            onCompositionStart: import('vue').PropType<((event: CompositionEvent) => void) | ((event: CompositionEvent) => void)[]>;
            onCompositionEnd: import('vue').PropType<((event: CompositionEvent) => void) | ((event: CompositionEvent) => void)[]>;
        }>> & Readonly<{
            "onUpdate:value"?: ((...args: any[]) => any) | undefined;
        }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {
            focus: (options?: FocusOptions) => void;
            blur: () => void;
        }, {}> | null;
        cancel: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
            inherit: import('vue').PropType<boolean>;
            size: import('vue').PropType<"default" | "small" | "large">;
            type: import('vue').PropType<"default" | "success" | "error" | "warning" | "info" | "primary">;
            dashed: import('vue').PropType<boolean>;
            text: import('vue').PropType<boolean>;
            simple: import('vue').PropType<boolean>;
            ghost: import('vue').PropType<boolean>;
            disabled: import('vue').PropType<boolean>;
            loading: import('vue').PropType<boolean>;
            circle: import('vue').PropType<boolean>;
            loadingIcon: import('vue').PropType<any>;
            loadingEffect: import('vue').PropType<string>;
            icon: import('vue').PropType<any>;
            color: import('vue').PropType<string>;
            buttonType: import('vue').PropType<"button" | "reset" | "submit">;
            block: import('vue').PropType<boolean>;
            tag: import('vue').PropType<string>;
            noPulse: import('vue').PropType<boolean>;
            badge: import('vue').PropType<string | number>;
            slots: import('vue').PropType<import('../button').ButtonSlots>;
            onClick: import('vue').PropType<((event: MouseEvent) => void) | ((event: MouseEvent) => void)[]>;
        }>> & Readonly<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, never[], 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: import('vue').PropType<boolean>;
            size: import('vue').PropType<"default" | "small" | "large">;
            type: import('vue').PropType<"default" | "success" | "error" | "warning" | "info" | "primary">;
            dashed: import('vue').PropType<boolean>;
            text: import('vue').PropType<boolean>;
            simple: import('vue').PropType<boolean>;
            ghost: import('vue').PropType<boolean>;
            disabled: import('vue').PropType<boolean>;
            loading: import('vue').PropType<boolean>;
            circle: import('vue').PropType<boolean>;
            loadingIcon: import('vue').PropType<any>;
            loadingEffect: import('vue').PropType<string>;
            icon: import('vue').PropType<any>;
            color: import('vue').PropType<string>;
            buttonType: import('vue').PropType<"button" | "reset" | "submit">;
            block: import('vue').PropType<boolean>;
            tag: import('vue').PropType<string>;
            noPulse: import('vue').PropType<boolean>;
            badge: import('vue').PropType<string | number>;
            slots: import('vue').PropType<import('../button').ButtonSlots>;
            onClick: import('vue').PropType<((event: MouseEvent) => void) | ((event: MouseEvent) => void)[]>;
        }>> & Readonly<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, {}> | null;
        confirm: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
            inherit: import('vue').PropType<boolean>;
            size: import('vue').PropType<"default" | "small" | "large">;
            type: import('vue').PropType<"default" | "success" | "error" | "warning" | "info" | "primary">;
            dashed: import('vue').PropType<boolean>;
            text: import('vue').PropType<boolean>;
            simple: import('vue').PropType<boolean>;
            ghost: import('vue').PropType<boolean>;
            disabled: import('vue').PropType<boolean>;
            loading: import('vue').PropType<boolean>;
            circle: import('vue').PropType<boolean>;
            loadingIcon: import('vue').PropType<any>;
            loadingEffect: import('vue').PropType<string>;
            icon: import('vue').PropType<any>;
            color: import('vue').PropType<string>;
            buttonType: import('vue').PropType<"button" | "reset" | "submit">;
            block: import('vue').PropType<boolean>;
            tag: import('vue').PropType<string>;
            noPulse: import('vue').PropType<boolean>;
            badge: import('vue').PropType<string | number>;
            slots: import('vue').PropType<import('../button').ButtonSlots>;
            onClick: import('vue').PropType<((event: MouseEvent) => void) | ((event: MouseEvent) => void)[]>;
        }>> & Readonly<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, never[], 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: import('vue').PropType<boolean>;
            size: import('vue').PropType<"default" | "small" | "large">;
            type: import('vue').PropType<"default" | "success" | "error" | "warning" | "info" | "primary">;
            dashed: import('vue').PropType<boolean>;
            text: import('vue').PropType<boolean>;
            simple: import('vue').PropType<boolean>;
            ghost: import('vue').PropType<boolean>;
            disabled: import('vue').PropType<boolean>;
            loading: import('vue').PropType<boolean>;
            circle: import('vue').PropType<boolean>;
            loadingIcon: import('vue').PropType<any>;
            loadingEffect: import('vue').PropType<string>;
            icon: import('vue').PropType<any>;
            color: import('vue').PropType<string>;
            buttonType: import('vue').PropType<"button" | "reset" | "submit">;
            block: import('vue').PropType<boolean>;
            tag: import('vue').PropType<string>;
            noPulse: import('vue').PropType<boolean>;
            badge: import('vue').PropType<string | number>;
            slots: import('vue').PropType<import('../button').ButtonSlots>;
            onClick: import('vue').PropType<((event: MouseEvent) => void) | ((event: MouseEvent) => void)[]>;
        }>> & Readonly<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, {}> | null;
    };
    rootEl: HTMLDivElement;
};
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
    inherit: import('vue').PropType<boolean>;
    size: import('vue').PropType<"default" | "small" | "large">;
    state: import('vue').PropType<"default" | "success" | "error" | "warning">;
    locale: import('vue').PropType<Partial<{
        confirm: string;
        cancel: string;
        ariaLabel: {
            clear: string;
        };
    }>>;
    value: import('vue').PropType<string | import('@vexip-ui/utils').RGBColor | RGBAColor | import('@vexip-ui/utils').HSLColor | HSLAColor | HSVColor | HSVAColor | import('@vexip-ui/utils').HEX3Color | import('@vexip-ui/utils').HEX4Color | import('@vexip-ui/utils').HEX6Color | import('@vexip-ui/utils').HEX8Color>;
    visible: import('vue').PropType<boolean>;
    format: import('vue').PropType<"rgb" | "hsl" | "hsv" | "hex">;
    alpha: import('vue').PropType<boolean>;
    disabled: import('vue').PropType<boolean>;
    transitionName: import('vue').PropType<string>;
    noInput: import('vue').PropType<boolean>;
    shortcut: import('vue').PropType<boolean | string[]>;
    placement: import('vue').PropType<"bottom" | "top" | "right" | "left" | "bottom-start" | "bottom-end" | "top-start" | "top-end" | "right-start" | "right-end" | "left-start" | "left-end">;
    transfer: import('vue').PropType<string | boolean>;
    outsideClose: import('vue').PropType<boolean>;
    clearable: import('vue').PropType<boolean>;
    cancelText: import('vue').PropType<string>;
    confirmText: import('vue').PropType<string>;
    prefix: import('vue').PropType<any>;
    prefixColor: import('vue').PropType<string>;
    suffix: import('vue').PropType<any>;
    suffixColor: import('vue').PropType<string>;
    noSuffix: import('vue').PropType<boolean>;
    staticSuffix: import('vue').PropType<boolean>;
    loading: import('vue').PropType<boolean>;
    loadingIcon: import('vue').PropType<any>;
    loadingLock: import('vue').PropType<boolean>;
    loadingEffect: import('vue').PropType<string>;
    popperAlive: import('vue').PropType<boolean>;
    showLabel: import('vue').PropType<boolean>;
    labelFormat: import('vue').PropType<"rgb" | "hsl" | "hsv" | "hex">;
    slots: import('vue').PropType<ColorPrickerSlots>;
    onToggle: import('vue').PropType<((visible: boolean) => void) | ((visible: boolean) => void)[]>;
    onClickOutside: import('vue').PropType<import('@vexip-ui/config').AnyFunction | import('@vexip-ui/config').AnyFunction[]>;
    onOutsideClose: import('vue').PropType<import('@vexip-ui/config').AnyFunction | import('@vexip-ui/config').AnyFunction[]>;
    onClear: import('vue').PropType<import('@vexip-ui/config').AnyFunction | import('@vexip-ui/config').AnyFunction[]>;
    onChange: import('vue').PropType<((color: string | RGBAColor | HSLAColor | HSVAColor) => void) | ((color: string | RGBAColor | HSLAColor | HSVAColor) => void)[]>;
    onShortcut: import('vue').PropType<((color: string | RGBAColor | HSLAColor | HSVAColor) => void) | ((color: string | RGBAColor | HSLAColor | HSVAColor) => void)[]>;
}>, {
    idFor: import('vue').Ref<string | undefined, string | undefined>;
    isEmpty: import('vue').Ref<boolean, boolean>;
    currentVisible: import('vue').Ref<boolean, boolean>;
    currentValue: import('vue').Ref<{
        [x: string]: any;
        a?: 1 | undefined;
        format?: "name" | "hsv" | undefined;
        h: number;
        s: number;
        v: number;
    }, HSVColor | {
        [x: string]: any;
        a?: 1 | undefined;
        format?: "name" | "hsv" | undefined;
        h: number;
        s: number;
        v: number;
    }>;
    currentAlpha: import('vue').Ref<number, number>;
    rgb: import('vue').ComputedRef<import('@vexip-ui/utils').RGBColor>;
    hex: import('vue').ComputedRef<string>;
    labelColor: import('vue').ComputedRef<string>;
    wrapper: import('vue').Ref<HTMLElement | null | undefined, HTMLElement | null | undefined>;
    reference: import('vue').Ref<HTMLElement | null | undefined, HTMLElement | null | undefined>;
    popper: import('vue').Ref<PopperExposed | undefined, PopperExposed | undefined>;
    toggleVisible: typeof toggleVisible;
    focus: typeof focus;
    blur: typeof blur;
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
    "update:value": (...args: any[]) => void;
    "update:visible": (...args: any[]) => void;
}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
    inherit: import('vue').PropType<boolean>;
    size: import('vue').PropType<"default" | "small" | "large">;
    state: import('vue').PropType<"default" | "success" | "error" | "warning">;
    locale: import('vue').PropType<Partial<{
        confirm: string;
        cancel: string;
        ariaLabel: {
            clear: string;
        };
    }>>;
    value: import('vue').PropType<string | import('@vexip-ui/utils').RGBColor | RGBAColor | import('@vexip-ui/utils').HSLColor | HSLAColor | HSVColor | HSVAColor | import('@vexip-ui/utils').HEX3Color | import('@vexip-ui/utils').HEX4Color | import('@vexip-ui/utils').HEX6Color | import('@vexip-ui/utils').HEX8Color>;
    visible: import('vue').PropType<boolean>;
    format: import('vue').PropType<"rgb" | "hsl" | "hsv" | "hex">;
    alpha: import('vue').PropType<boolean>;
    disabled: import('vue').PropType<boolean>;
    transitionName: import('vue').PropType<string>;
    noInput: import('vue').PropType<boolean>;
    shortcut: import('vue').PropType<boolean | string[]>;
    placement: import('vue').PropType<"bottom" | "top" | "right" | "left" | "bottom-start" | "bottom-end" | "top-start" | "top-end" | "right-start" | "right-end" | "left-start" | "left-end">;
    transfer: import('vue').PropType<string | boolean>;
    outsideClose: import('vue').PropType<boolean>;
    clearable: import('vue').PropType<boolean>;
    cancelText: import('vue').PropType<string>;
    confirmText: import('vue').PropType<string>;
    prefix: import('vue').PropType<any>;
    prefixColor: import('vue').PropType<string>;
    suffix: import('vue').PropType<any>;
    suffixColor: import('vue').PropType<string>;
    noSuffix: import('vue').PropType<boolean>;
    staticSuffix: import('vue').PropType<boolean>;
    loading: import('vue').PropType<boolean>;
    loadingIcon: import('vue').PropType<any>;
    loadingLock: import('vue').PropType<boolean>;
    loadingEffect: import('vue').PropType<string>;
    popperAlive: import('vue').PropType<boolean>;
    showLabel: import('vue').PropType<boolean>;
    labelFormat: import('vue').PropType<"rgb" | "hsl" | "hsv" | "hex">;
    slots: import('vue').PropType<ColorPrickerSlots>;
    onToggle: import('vue').PropType<((visible: boolean) => void) | ((visible: boolean) => void)[]>;
    onClickOutside: import('vue').PropType<import('@vexip-ui/config').AnyFunction | import('@vexip-ui/config').AnyFunction[]>;
    onOutsideClose: import('vue').PropType<import('@vexip-ui/config').AnyFunction | import('@vexip-ui/config').AnyFunction[]>;
    onClear: import('vue').PropType<import('@vexip-ui/config').AnyFunction | import('@vexip-ui/config').AnyFunction[]>;
    onChange: import('vue').PropType<((color: string | RGBAColor | HSLAColor | HSVAColor) => void) | ((color: string | RGBAColor | HSLAColor | HSVAColor) => void)[]>;
    onShortcut: import('vue').PropType<((color: string | RGBAColor | HSLAColor | HSVAColor) => void) | ((color: string | RGBAColor | HSLAColor | HSVAColor) => void)[]>;
}>> & Readonly<{
    "onUpdate:value"?: ((...args: any[]) => any) | undefined;
    "onUpdate:visible"?: ((...args: any[]) => any) | undefined;
}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
    wrapper: HTMLDivElement;
    reference: HTMLDivElement;
    popper: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
        inherit: import('vue').PropType<boolean>;
        visible: import('vue').PropType<boolean>;
        alive: import('vue').PropType<boolean>;
        to: import('vue').PropType<string>;
        transition: import('vue').PropType<string>;
        appear: import('vue').PropType<boolean>;
        role: import('vue').PropType<string>;
        onBeforeEnter: import('vue').PropType<((el: Element) => void) | ((el: Element) => void)[]>;
        onEnter: import('vue').PropType<((el: Element) => void) | ((el: Element) => void)[]>;
        onAfterEnter: import('vue').PropType<((el: Element) => void) | ((el: Element) => void)[]>;
        onEnterCancelled: import('vue').PropType<((el: Element) => void) | ((el: Element) => void)[]>;
        onBeforeLeave: import('vue').PropType<((el: Element) => void) | ((el: Element) => void)[]>;
        onLeave: import('vue').PropType<((el: Element) => void) | ((el: Element) => void)[]>;
        onAfterLeave: import('vue').PropType<((el: Element) => void) | ((el: Element) => void)[]>;
        onLeaveCancelled: import('vue').PropType<((el: Element) => void) | ((el: Element) => void)[]>;
    }>> & Readonly<{}>, {
        nh: import('../../common/bem-helper/dist').NBEM<"popper", "vxp">;
        props: {
            readonly inherit: boolean;
            readonly visible: boolean;
            readonly role: string;
            readonly appear: boolean;
            readonly onBeforeEnter: ((el: Element) => void) | ((el: Element) => void)[];
            readonly onEnter: ((el: Element) => void) | ((el: Element) => void)[];
            readonly onAfterEnter: ((el: Element) => void) | ((el: Element) => void)[];
            readonly onEnterCancelled: ((el: Element) => void) | ((el: Element) => void)[];
            readonly onBeforeLeave: ((el: Element) => void) | ((el: Element) => void)[];
            readonly onLeave: ((el: Element) => void) | ((el: Element) => void)[];
            readonly onAfterLeave: ((el: Element) => void) | ((el: Element) => void)[];
            readonly onLeaveCancelled: ((el: Element) => void) | ((el: Element) => void)[];
            readonly transition: string;
            readonly to: string;
            readonly alive: boolean;
        };
        zIndex: import('vue').Ref<number, number>;
        wrapper: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
        emitHookEvent: (name: "be" | "e" | "ae" | "ec" | "bl" | "l" | "al" | "lc", el: Element) => void;
    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, never[], import('vue').PublicProps, {}, true, {}, {}, {
        Portal: {
            new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
                to: {
                    type: StringConstructor;
                    default: string;
                };
            }>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
                to: string;
            }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
                P: {};
                B: {};
                D: {};
                C: {};
                M: {};
                Defaults: {};
            }, Readonly<import('vue').ExtractPropTypes<{
                to: {
                    type: StringConstructor;
                    default: string;
                };
            }>> & Readonly<{}>, {}, {}, {}, {}, {
                to: string;
            }>;
            __isFragment?: never;
            __isTeleport?: never;
            __isSuspense?: never;
        } & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
            to: {
                type: StringConstructor;
                default: string;
            };
        }>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
            to: string;
        }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
            $slots: {
                default?(_: {}): any;
            };
        });
    } & import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
        P: {};
        B: {};
        D: {};
        C: {};
        M: {};
        Defaults: {};
    }, Readonly<import('vue').ExtractPropTypes<{
        inherit: import('vue').PropType<boolean>;
        visible: import('vue').PropType<boolean>;
        alive: import('vue').PropType<boolean>;
        to: import('vue').PropType<string>;
        transition: import('vue').PropType<string>;
        appear: import('vue').PropType<boolean>;
        role: import('vue').PropType<string>;
        onBeforeEnter: import('vue').PropType<((el: Element) => void) | ((el: Element) => void)[]>;
        onEnter: import('vue').PropType<((el: Element) => void) | ((el: Element) => void)[]>;
        onAfterEnter: import('vue').PropType<((el: Element) => void) | ((el: Element) => void)[]>;
        onEnterCancelled: import('vue').PropType<((el: Element) => void) | ((el: Element) => void)[]>;
        onBeforeLeave: import('vue').PropType<((el: Element) => void) | ((el: Element) => void)[]>;
        onLeave: import('vue').PropType<((el: Element) => void) | ((el: Element) => void)[]>;
        onAfterLeave: import('vue').PropType<((el: Element) => void) | ((el: Element) => void)[]>;
        onLeaveCancelled: import('vue').PropType<((el: Element) => void) | ((el: Element) => void)[]>;
    }>> & Readonly<{}>, {
        nh: import('../../common/bem-helper/dist').NBEM<"popper", "vxp">;
        props: {
            readonly inherit: boolean;
            readonly visible: boolean;
            readonly role: string;
            readonly appear: boolean;
            readonly onBeforeEnter: ((el: Element) => void) | ((el: Element) => void)[];
            readonly onEnter: ((el: Element) => void) | ((el: Element) => void)[];
            readonly onAfterEnter: ((el: Element) => void) | ((el: Element) => void)[];
            readonly onEnterCancelled: ((el: Element) => void) | ((el: Element) => void)[];
            readonly onBeforeLeave: ((el: Element) => void) | ((el: Element) => void)[];
            readonly onLeave: ((el: Element) => void) | ((el: Element) => void)[];
            readonly onAfterLeave: ((el: Element) => void) | ((el: Element) => void)[];
            readonly onLeaveCancelled: ((el: Element) => void) | ((el: Element) => void)[];
            readonly transition: string;
            readonly to: string;
            readonly alive: boolean;
        };
        zIndex: import('vue').Ref<number, number>;
        wrapper: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
        emitHookEvent: (name: "be" | "e" | "ae" | "ec" | "bl" | "l" | "al" | "lc", el: Element) => void;
    }, {}, {}, {}, {}> | null;
    palette: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
        hue: {
            type: NumberConstructor;
            default: number;
            validator: (value: number) => boolean;
        };
        value: {
            type: NumberConstructor;
            default: number;
            validator: (value: number) => boolean;
        };
        saturation: {
            type: NumberConstructor;
            default: number;
            validator: (value: number) => boolean;
        };
    }>> & Readonly<{
        onChange?: ((...args: any[]) => any) | undefined;
        "onEdit-start"?: ((...args: any[]) => any) | undefined;
        "onEdit-end"?: ((...args: any[]) => any) | undefined;
    }>, {
        nh: import('../../common/bem-helper/dist').NBEM<"color-picker", "vxp">;
        currentTop: import('vue').Ref<number, number>;
        currentLeft: import('vue').Ref<number, number>;
        editing: import('vue').ComputedRef<boolean>;
        wrapper: import('vue').Ref<HTMLElement | null | undefined, HTMLElement | null | undefined>;
    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("change" | "edit-start" | "edit-end")[], import('vue').PublicProps, {
        value: number;
        hue: number;
        saturation: number;
    }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
        P: {};
        B: {};
        D: {};
        C: {};
        M: {};
        Defaults: {};
    }, Readonly<import('vue').ExtractPropTypes<{
        hue: {
            type: NumberConstructor;
            default: number;
            validator: (value: number) => boolean;
        };
        value: {
            type: NumberConstructor;
            default: number;
            validator: (value: number) => boolean;
        };
        saturation: {
            type: NumberConstructor;
            default: number;
            validator: (value: number) => boolean;
        };
    }>> & Readonly<{
        onChange?: ((...args: any[]) => any) | undefined;
        "onEdit-start"?: ((...args: any[]) => any) | undefined;
        "onEdit-end"?: ((...args: any[]) => any) | undefined;
    }>, {
        nh: import('../../common/bem-helper/dist').NBEM<"color-picker", "vxp">;
        currentTop: import('vue').Ref<number, number>;
        currentLeft: import('vue').Ref<number, number>;
        editing: import('