xdesign-vue-next/lib/color-picker/index.d.ts

XDesign Component for vue-next

import { TdColorPickerProps } from './type';
import './style';
export * from './type';
export declare type ColorPickerProps = TdColorPickerProps;
export declare const ColorPickerPanel: {
    new (...args: any[]): {
        $: import("vue").ComponentInternalInstance;
        $data: {};
        $props: {
            value?: string;
            disabled?: boolean;
            multiple?: boolean;
            size?: import("..").SizeEnum;
            format?: "RGB" | "RGBA" | "HSL" | "HSLA" | "HSB" | "HSV" | "HSVA" | "HEX" | "CMYK" | "CSS";
            modelValue?: string;
            defaultValue?: string;
            clearable?: boolean;
            closeBtn?: string | boolean | ((h: typeof import("vue").h) => import("..").SlotReturnValue);
            colorModes?: ("monochrome" | "linear-gradient")[];
            recentColors?: boolean | string[];
            defaultRecentColors?: boolean | string[];
            enableAlpha?: boolean;
            enableMultipleGradient?: boolean;
            showPrimaryColorPreview?: boolean;
            key?: string | number | symbol;
            style?: unknown;
            readonly onChange?: (value: string, context: {
                color: import("./type").ColorObject;
                trigger: import("./type").ColorPickerChangeTrigger;
            }) => void;
            class?: unknown;
            ref?: import("vue").VNodeRef;
            ref_for?: boolean;
            ref_key?: string;
            onVnodeBeforeMount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                [key: string]: any;
            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                [key: string]: any;
            }>) => void)[];
            onVnodeMounted?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                [key: string]: any;
            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                [key: string]: any;
            }>) => void)[];
            onVnodeBeforeUpdate?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                [key: string]: any;
            }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                [key: string]: any;
            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                [key: string]: any;
            }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                [key: string]: any;
            }>) => void)[];
            onVnodeUpdated?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                [key: string]: any;
            }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                [key: string]: any;
            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                [key: string]: any;
            }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                [key: string]: any;
            }>) => void)[];
            onVnodeBeforeUnmount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                [key: string]: any;
            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                [key: string]: any;
            }>) => void)[];
            onVnodeUnmounted?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                [key: string]: any;
            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                [key: string]: any;
            }>) => void)[];
            readonly inputProps?: unknown;
            readonly popupProps?: unknown;
            readonly selectInputProps?: unknown;
            readonly swatchColors?: string[];
            readonly onPaletteBarChange?: (context: {
                color: import("./type").ColorObject;
            }) => void;
            readonly onRecentColorsChange?: (value: string[]) => void;
        };
        $attrs: {
            [x: string]: unknown;
        };
        $refs: {
            [x: string]: unknown;
        };
        $slots: Readonly<{
            [name: string]: import("vue").Slot<any>;
        }>;
        $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>;
        $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>;
        $emit: (event: string, ...args: any[]) => void;
        $el: any;
        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
            clearable: BooleanConstructor;
            closeBtn: {
                type: import("vue").PropType<string | boolean | ((h: typeof import("vue").h) => import("..").SlotReturnValue)>;
                default: string | boolean | ((h: typeof import("vue").h) => import("..").SlotReturnValue);
            };
            colorModes: {
                type: import("vue").PropType<("monochrome" | "linear-gradient")[]>;
                default: () => string[];
            };
            disabled: BooleanConstructor;
            enableAlpha: BooleanConstructor;
            enableMultipleGradient: {
                type: BooleanConstructor;
                default: boolean;
            };
            format: {
                type: import("vue").PropType<"RGB" | "RGBA" | "HSL" | "HSLA" | "HSB" | "HSV" | "HSVA" | "HEX" | "CMYK" | "CSS">;
                default: "RGB" | "RGBA" | "HSL" | "HSLA" | "HSB" | "HSV" | "HSVA" | "HEX" | "CMYK" | "CSS";
                validator(val: "RGB" | "RGBA" | "HSL" | "HSLA" | "HSB" | "HSV" | "HSVA" | "HEX" | "CMYK" | "CSS"): boolean;
            };
            inputProps: {
                type: import("vue").PropType<import("..").TdInputProps>;
            };
            multiple: BooleanConstructor;
            popupProps: {
                type: import("vue").PropType<import("..").TdPopupProps>;
            };
            recentColors: {
                type: import("vue").PropType<boolean | string[]>;
                default: any;
            };
            defaultRecentColors: {
                type: import("vue").PropType<boolean | string[]>;
                default: () => boolean | string[];
            };
            selectInputProps: {
                type: import("vue").PropType<import("..").TdSelectInputProps>;
            };
            showPrimaryColorPreview: {
                type: BooleanConstructor;
                default: boolean;
            };
            size: {
                type: import("vue").PropType<import("..").SizeEnum>;
                default: import("..").SizeEnum;
                validator(val: import("..").SizeEnum): boolean;
            };
            swatchColors: {
                type: import("vue").PropType<string[]>;
            };
            value: {
                type: StringConstructor;
                default: any;
            };
            modelValue: {
                type: StringConstructor;
                default: any;
            };
            defaultValue: {
                type: StringConstructor;
                default: string;
            };
            onChange: import("vue").PropType<(value: string, context: {
                color: import("./type").ColorObject;
                trigger: import("./type").ColorPickerChangeTrigger;
            }) => void>;
            onPaletteBarChange: import("vue").PropType<(context: {
                color: import("./type").ColorObject;
            }) => void>;
            onRecentColorsChange: import("vue").PropType<(value: string[]) => void>;
        }>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
            value: string;
            disabled: boolean;
            multiple: boolean;
            size: import("..").SizeEnum;
            format: "RGB" | "RGBA" | "HSL" | "HSLA" | "HSB" | "HSV" | "HSVA" | "HEX" | "CMYK" | "CSS";
            modelValue: string;
            defaultValue: string;
            clearable: boolean;
            closeBtn: string | boolean | ((h: typeof import("vue").h) => import("..").SlotReturnValue);
            colorModes: ("monochrome" | "linear-gradient")[];
            recentColors: boolean | string[];
            defaultRecentColors: boolean | string[];
            enableAlpha: boolean;
            enableMultipleGradient: boolean;
            showPrimaryColorPreview: boolean;
        }, {}, string, {}> & {
            beforeCreate?: (() => void) | (() => void)[];
            created?: (() => void) | (() => void)[];
            beforeMount?: (() => void) | (() => void)[];
            mounted?: (() => void) | (() => void)[];
            beforeUpdate?: (() => void) | (() => void)[];
            updated?: (() => void) | (() => void)[];
            activated?: (() => void) | (() => void)[];
            deactivated?: (() => void) | (() => void)[];
            beforeDestroy?: (() => void) | (() => void)[];
            beforeUnmount?: (() => void) | (() => void)[];
            destroyed?: (() => void) | (() => void)[];
            unmounted?: (() => void) | (() => void)[];
            renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
            renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
            errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>, info: string) => boolean | void)[];
        };
        $forceUpdate: () => void;
        $nextTick: typeof import("vue").nextTick;
        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
    } & Readonly<import("vue").ExtractPropTypes<{
        clearable: BooleanConstructor;
        closeBtn: {
            type: import("vue").PropType<string | boolean | ((h: typeof import("vue").h) => import("..").SlotReturnValue)>;
            default: string | boolean | ((h: typeof import("vue").h) => import("..").SlotReturnValue);
        };
        colorModes: {
            type: import("vue").PropType<("monochrome" | "linear-gradient")[]>;
            default: () => string[];
        };
        disabled: BooleanConstructor;
        enableAlpha: BooleanConstructor;
        enableMultipleGradient: {
            type: BooleanConstructor;
            default: boolean;
        };
        format: {
            type: import("vue").PropType<"RGB" | "RGBA" | "HSL" | "HSLA" | "HSB" | "HSV" | "HSVA" | "HEX" | "CMYK" | "CSS">;
            default: "RGB" | "RGBA" | "HSL" | "HSLA" | "HSB" | "HSV" | "HSVA" | "HEX" | "CMYK" | "CSS";
            validator(val: "RGB" | "RGBA" | "HSL" | "HSLA" | "HSB" | "HSV" | "HSVA" | "HEX" | "CMYK" | "CSS"): boolean;
        };
        inputProps: {
            type: import("vue").PropType<import("..").TdInputProps>;
        };
        multiple: BooleanConstructor;
        popupProps: {
            type: import("vue").PropType<import("..").TdPopupProps>;
        };
        recentColors: {
            type: import("vue").PropType<boolean | string[]>;
            default: any;
        };
        defaultRecentColors: {
            type: import("vue").PropType<boolean | string[]>;
            default: () => boolean | string[];
        };
        selectInputProps: {
            type: import("vue").PropType<import("..").TdSelectInputProps>;
        };
        showPrimaryColorPreview: {
            type: BooleanConstructor;
            default: boolean;
        };
        size: {
            type: import("vue").PropType<import("..").SizeEnum>;
            default: import("..").SizeEnum;
            validator(val: import("..").SizeEnum): boolean;
        };
        swatchColors: {
            type: import("vue").PropType<string[]>;
        };
        value: {
            type: StringConstructor;
            default: any;
        };
        modelValue: {
            type: StringConstructor;
            default: any;
        };
        defaultValue: {
            type: StringConstructor;
            default: string;
        };
        onChange: import("vue").PropType<(value: string, context: {
            color: import("./type").ColorObject;
            trigger: import("./type").ColorPickerChangeTrigger;
        }) => void>;
        onPaletteBarChange: import("vue").PropType<(context: {
            color: import("./type").ColorObject;
        }) => void>;
        onRecentColorsChange: import("vue").PropType<(value: string[]) => void>;
    }>> & import("vue").ShallowUnwrapRef<() => JSX.Element> & {} & import("vue").ComponentCustomProperties & {};
    __isFragment?: never;
    __isTeleport?: never;
    __isSuspense?: never;
} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
    clearable: BooleanConstructor;
    closeBtn: {
        type: import("vue").PropType<string | boolean | ((h: typeof import("vue").h) => import("..").SlotReturnValue)>;
        default: string | boolean | ((h: typeof import("vue").h) => import("..").SlotReturnValue);
    };
    colorModes: {
        type: import("vue").PropType<("monochrome" | "linear-gradient")[]>;
        default: () => string[];
    };
    disabled: BooleanConstructor;
    enableAlpha: BooleanConstructor;
    enableMultipleGradient: {
        type: BooleanConstructor;
        default: boolean;
    };
    format: {
        type: import("vue").PropType<"RGB" | "RGBA" | "HSL" | "HSLA" | "HSB" | "HSV" | "HSVA" | "HEX" | "CMYK" | "CSS">;
        default: "RGB" | "RGBA" | "HSL" | "HSLA" | "HSB" | "HSV" | "HSVA" | "HEX" | "CMYK" | "CSS";
        validator(val: "RGB" | "RGBA" | "HSL" | "HSLA" | "HSB" | "HSV" | "HSVA" | "HEX" | "CMYK" | "CSS"): boolean;
    };
    inputProps: {
        type: import("vue").PropType<import("..").TdInputProps>;
    };
    multiple: BooleanConstructor;
    popupProps: {
        type: import("vue").PropType<import("..").TdPopupProps>;
    };
    recentColors: {
        type: import("vue").PropType<boolean | string[]>;
        default: any;
    };
    defaultRecentColors: {
        type: import("vue").PropType<boolean | string[]>;
        default: () => boolean | string[];
    };
    selectInputProps: {
        type: import("vue").PropType<import("..").TdSelectInputProps>;
    };
    showPrimaryColorPreview: {
        type: BooleanConstructor;
        default: boolean;
    };
    size: {
        type: import("vue").PropType<import("..").SizeEnum>;
        default: import("..").SizeEnum;
        validator(val: import("..").SizeEnum): boolean;
    };
    swatchColors: {
        type: import("vue").PropType<string[]>;
    };
    value: {
        type: StringConstructor;
        default: any;
    };
    modelValue: {
        type: StringConstructor;
        default: any;
    };
    defaultValue: {
        type: StringConstructor;
        default: string;
    };
    onChange: import("vue").PropType<(value: string, context: {
        color: import("./type").ColorObject;
        trigger: import("./type").ColorPickerChangeTrigger;
    }) => void>;
    onPaletteBarChange: import("vue").PropType<(context: {
        color: import("./type").ColorObject;
    }) => void>;
    onRecentColorsChange: import("vue").PropType<(value: string[]) => void>;
}>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
    value: string;
    disabled: boolean;
    multiple: boolean;
    size: import("..").SizeEnum;
    format: "RGB" | "RGBA" | "HSL" | "HSLA" | "HSB" | "HSV" | "HSVA" | "HEX" | "CMYK" | "CSS";
    modelValue: string;
    defaultValue: string;
    clearable: boolean;
    closeBtn: string | boolean | ((h: typeof import("vue").h) => import("..").SlotReturnValue);
    colorModes: ("monochrome" | "linear-gradient")[];
    recentColors: boolean | string[];
    defaultRecentColors: boolean | string[];
    enableAlpha: boolean;
    enableMultipleGradient: boolean;
    showPrimaryColorPreview: boolean;
}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[]>;
export declare const ColorPicker: {
    new (...args: any[]): {
        $: import("vue").ComponentInternalInstance;
        $data: {};
        $props: {
            value?: string;
            disabled?: boolean;
            multiple?: boolean;
            size?: import("..").SizeEnum;
            format?: "RGB" | "RGBA" | "HSL" | "HSLA" | "HSB" | "HSV" | "HSVA" | "HEX" | "CMYK" | "CSS";
            modelValue?: string;
            defaultValue?: string;
            clearable?: boolean;
            closeBtn?: string | boolean | ((h: typeof import("vue").h) => import("..").SlotReturnValue);
            colorModes?: ("monochrome" | "linear-gradient")[];
            recentColors?: boolean | string[];
            defaultRecentColors?: boolean | string[];
            enableAlpha?: boolean;
            enableMultipleGradient?: boolean;
            showPrimaryColorPreview?: boolean;
            key?: string | number | symbol;
            style?: unknown;
            readonly onChange?: (value: string, context: {
                color: import("./type").ColorObject;
                trigger: import("./type").ColorPickerChangeTrigger;
            }) => void;
            class?: unknown;
            ref?: import("vue").VNodeRef;
            ref_for?: boolean;
            ref_key?: string;
            onVnodeBeforeMount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                [key: string]: any;
            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                [key: string]: any;
            }>) => void)[];
            onVnodeMounted?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                [key: string]: any;
            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                [key: string]: any;
            }>) => void)[];
            onVnodeBeforeUpdate?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                [key: string]: any;
            }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                [key: string]: any;
            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                [key: string]: any;
            }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                [key: string]: any;
            }>) => void)[];
            onVnodeUpdated?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                [key: string]: any;
            }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                [key: string]: any;
            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                [key: string]: any;
            }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                [key: string]: any;
            }>) => void)[];
            onVnodeBeforeUnmount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                [key: string]: any;
            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                [key: string]: any;
            }>) => void)[];
            onVnodeUnmounted?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                [key: string]: any;
            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                [key: string]: any;
            }>) => void)[];
            readonly inputProps?: unknown;
            readonly popupProps?: unknown;
            readonly selectInputProps?: unknown;
            readonly swatchColors?: string[];
            readonly onPaletteBarChange?: (context: {
                color: import("./type").ColorObject;
            }) => void;
            readonly onRecentColorsChange?: (value: string[]) => void;
        };
        $attrs: {
            [x: string]: unknown;
        };
        $refs: {
            [x: string]: unknown;
        };
        $slots: Readonly<{
            [name: string]: import("vue").Slot<any>;
        }>;
        $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>;
        $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>;
        $emit: (event: string, ...args: any[]) => void;
        $el: any;
        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
            clearable: BooleanConstructor;
            closeBtn: {
                type: import("vue").PropType<string | boolean | ((h: typeof import("vue").h) => import("..").SlotReturnValue)>;
                default: string | boolean | ((h: typeof import("vue").h) => import("..").SlotReturnValue);
            };
            colorModes: {
                type: import("vue").PropType<("monochrome" | "linear-gradient")[]>;
                default: () => string[];
            };
            disabled: BooleanConstructor;
            enableAlpha: BooleanConstructor;
            enableMultipleGradient: {
                type: BooleanConstructor;
                default: boolean;
            };
            format: {
                type: import("vue").PropType<"RGB" | "RGBA" | "HSL" | "HSLA" | "HSB" | "HSV" | "HSVA" | "HEX" | "CMYK" | "CSS">;
                default: "RGB" | "RGBA" | "HSL" | "HSLA" | "HSB" | "HSV" | "HSVA" | "HEX" | "CMYK" | "CSS";
                validator(val: "RGB" | "RGBA" | "HSL" | "HSLA" | "HSB" | "HSV" | "HSVA" | "HEX" | "CMYK" | "CSS"): boolean;
            };
            inputProps: {
                type: import("vue").PropType<import("..").TdInputProps>;
            };
            multiple: BooleanConstructor;
            popupProps: {
                type: import("vue").PropType<import("..").TdPopupProps>;
            };
            recentColors: {
                type: import("vue").PropType<boolean | string[]>;
                default: any;
            };
            defaultRecentColors: {
                type: import("vue").PropType<boolean | string[]>;
                default: () => boolean | string[];
            };
            selectInputProps: {
                type: import("vue").PropType<import("..").TdSelectInputProps>;
            };
            showPrimaryColorPreview: {
                type: BooleanConstructor;
                default: boolean;
            };
            size: {
                type: import("vue").PropType<import("..").SizeEnum>;
                default: import("..").SizeEnum;
                validator(val: import("..").SizeEnum): boolean;
            };
            swatchColors: {
                type: import("vue").PropType<string[]>;
            };
            value: {
                type: StringConstructor;
                default: any;
            };
            modelValue: {
                type: StringConstructor;
                default: any;
            };
            defaultValue: {
                type: StringConstructor;
                default: string;
            };
            onChange: import("vue").PropType<(value: string, context: {
                color: import("./type").ColorObject;
                trigger: import("./type").ColorPickerChangeTrigger;
            }) => void>;
            onPaletteBarChange: import("vue").PropType<(context: {
                color: import("./type").ColorObject;
            }) => void>;
            onRecentColorsChange: import("vue").PropType<(value: string[]) => void>;
        }>>, {
            baseClassName: import("vue").ComputedRef<string>;
            innerValue: import("vue").Ref<string>;
            visible: import("vue").Ref<boolean>;
            refTrigger: import("vue").Ref<HTMLElement>;
            renderPopupContent: () => JSX.Element;
            setVisible: (value: boolean) => boolean;
            setInnerValue: import("../hooks").ChangeHandler<string, [context: {
                color: import("./type").ColorObject;
                trigger: import("./type").ColorPickerChangeTrigger;
            }]>;
        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
            value: string;
            disabled: boolean;
            multiple: boolean;
            size: import("..").SizeEnum;
            format: "RGB" | "RGBA" | "HSL" | "HSLA" | "HSB" | "HSV" | "HSVA" | "HEX" | "CMYK" | "CSS";
            modelValue: string;
            defaultValue: string;
            clearable: boolean;
            closeBtn: string | boolean | ((h: typeof import("vue").h) => import("..").SlotReturnValue);
            colorModes: ("monochrome" | "linear-gradient")[];
            recentColors: boolean | string[];
            defaultRecentColors: boolean | string[];
            enableAlpha: boolean;
            enableMultipleGradient: boolean;
            showPrimaryColorPreview: boolean;
        }, {}, string, {}> & {
            beforeCreate?: (() => void) | (() => void)[];
            created?: (() => void) | (() => void)[];
            beforeMount?: (() => void) | (() => void)[];
            mounted?: (() => void) | (() => void)[];
            beforeUpdate?: (() => void) | (() => void)[];
            updated?: (() => void) | (() => void)[];
            activated?: (() => void) | (() => void)[];
            deactivated?: (() => void) | (() => void)[];
            beforeDestroy?: (() => void) | (() => void)[];
            beforeUnmount?: (() => void) | (() => void)[];
            destroyed?: (() => void) | (() => void)[];
            unmounted?: (() => void) | (() => void)[];
            renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
            renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
            errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>, info: string) => boolean | void)[];
        };
        $forceUpdate: () => void;
        $nextTick: typeof import("vue").nextTick;
        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
    } & Readonly<import("vue").ExtractPropTypes<{
        clearable: BooleanConstructor;
        closeBtn: {
            type: import("vue").PropType<string | boolean | ((h: typeof import("vue").h) => import("..").SlotReturnValue)>;
            default: string | boolean | ((h: typeof import("vue").h) => import("..").SlotReturnValue);
        };
        colorModes: {
            type: import("vue").PropType<("monochrome" | "linear-gradient")[]>;
            default: () => string[];
        };
        disabled: BooleanConstructor;
        enableAlpha: BooleanConstructor;
        enableMultipleGradient: {
            type: BooleanConstructor;
            default: boolean;
        };
        format: {
            type: import("vue").PropType<"RGB" | "RGBA" | "HSL" | "HSLA" | "HSB" | "HSV" | "HSVA" | "HEX" | "CMYK" | "CSS">;
            default: "RGB" | "RGBA" | "HSL" | "HSLA" | "HSB" | "HSV" | "HSVA" | "HEX" | "CMYK" | "CSS";
            validator(val: "RGB" | "RGBA" | "HSL" | "HSLA" | "HSB" | "HSV" | "HSVA" | "HEX" | "CMYK" | "CSS"): boolean;
        };
        inputProps: {
            type: import("vue").PropType<import("..").TdInputProps>;
        };
        multiple: BooleanConstructor;
        popupProps: {
            type: import("vue").PropType<import("..").TdPopupProps>;
        };
        recentColors: {
            type: import("vue").PropType<boolean | string[]>;
            default: any;
        };
        defaultRecentColors: {
            type: import("vue").PropType<boolean | string[]>;
            default: () => boolean | string[];
        };
        selectInputProps: {
            type: import("vue").PropType<import("..").TdSelectInputProps>;
        };
        showPrimaryColorPreview: {
            type: BooleanConstructor;
            default: boolean;
        };
        size: {
            type: import("vue").PropType<import("..").SizeEnum>;
            default: import("..").SizeEnum;
            validator(val: import("..").SizeEnum): boolean;
        };
        swatchColors: {
            type: import("vue").PropType<string[]>;
        };
        value: {
            type: StringConstructor;
            default: any;
        };
        modelValue: {
            type: StringConstructor;
            default: any;
        };
        defaultValue: {
            type: StringConstructor;
            default: string;
        };
        onChange: import("vue").PropType<(value: string, context: {
            color: import("./type").ColorObject;
            trigger: import("./type").ColorPickerChangeTrigger;
        }) => void>;
        onPaletteBarChange: import("vue").PropType<(context: {
            color: import("./type").ColorObject;
        }) => void>;
        onRecentColorsChange: import("vue").PropType<(value: string[]) => void>;
    }>> & import("vue").ShallowUnwrapRef<{
        baseClassName: import("vue").ComputedRef<string>;
        innerValue: import("vue").Ref<string>;
        visible: import("vue").Ref<boolean>;
        refTrigger: import("vue").Ref<HTMLElement>;
        renderPopupContent: () => JSX.Element;
        setVisible: (value: boolean) => boolean;
        setInnerValue: import("../hooks").ChangeHandler<string, [context: {
            color: import("./type").ColorObject;
            trigger: import("./type").ColorPickerChangeTrigger;
        }]>;
    }> & {} & import("vue").ComponentCustomProperties & {};
    __isFragment?: never;
    __isTeleport?: never;
    __isSuspense?: never;
} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
    clearable: BooleanConstructor;
    closeBtn: {
        type: import("vue").PropType<string | boolean | ((h: typeof import("vue").h) => import("..").SlotReturnValue)>;
        default: string | boolean | ((h: typeof import("vue").h) => import("..").SlotReturnValue);
    };
    colorModes: {
        type: import("vue").PropType<("monochrome" | "linear-gradient")[]>;
        default: () => string[];
    };
    disabled: BooleanConstructor;
    enableAlpha: BooleanConstructor;
    enableMultipleGradient: {
        type: BooleanConstructor;
        default: boolean;
    };
    format: {
        type: import("vue").PropType<"RGB" | "RGBA" | "HSL" | "HSLA" | "HSB" | "HSV" | "HSVA" | "HEX" | "CMYK" | "CSS">;
        default: "RGB" | "RGBA" | "HSL" | "HSLA" | "HSB" | "HSV" | "HSVA" | "HEX" | "CMYK" | "CSS";
        validator(val: "RGB" | "RGBA" | "HSL" | "HSLA" | "HSB" | "HSV" | "HSVA" | "HEX" | "CMYK" | "CSS"): boolean;
    };
    inputProps: {
        type: import("vue").PropType<import("..").TdInputProps>;
    };
    multiple: BooleanConstructor;
    popupProps: {
        type: import("vue").PropType<import("..").TdPopupProps>;
    };
    recentColors: {
        type: import("vue").PropType<boolean | string[]>;
        default: any;
    };
    defaultRecentColors: {
        type: import("vue").PropType<boolean | string[]>;
        default: () => boolean | string[];
    };
    selectInputProps: {
        type: import("vue").PropType<import("..").TdSelectInputProps>;
    };
    showPrimaryColorPreview: {
        type: BooleanConstructor;
        default: boolean;
    };
    size: {
        type: import("vue").PropType<import("..").SizeEnum>;
        default: import("..").SizeEnum;
        validator(val: import("..").SizeEnum): boolean;
    };
    swatchColors: {
        type: import("vue").PropType<string[]>;
    };
    value: {
        type: StringConstructor;
        default: any;
    };
    modelValue: {
        type: StringConstructor;
        default: any;
    };
    defaultValue: {
        type: StringConstructor;
        default: string;
    };
    onChange: import("vue").PropType<(value: string, context: {
        color: import("./type").ColorObject;
        trigger: import("./type").ColorPickerChangeTrigger;
    }) => void>;
    onPaletteBarChange: import("vue").PropType<(context: {
        color: import("./type").ColorObject;
    }) => void>;
    onRecentColorsChange: import("vue").PropType<(value: string[]) => void>;
}>>, {
    baseClassName: import("vue").ComputedRef<string>;
    innerValue: import("vue").Ref<string>;
    visible: import("vue").Ref<boolean>;
    refTrigger: import("vue").Ref<HTMLElement>;
    renderPopupContent: () => JSX.Element;
    setVisible: (value: boolean) => boolean;
    setInnerValue: import("../hooks").ChangeHandler<string, [context: {
        color: import("./type").ColorObject;
        trigger: import("./type").ColorPickerChangeTrigger;
    }]>;
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
    value: string;
    disabled: boolean;
    multiple: boolean;
    size: import("..").SizeEnum;
    format: "RGB" | "RGBA" | "HSL" | "HSLA" | "HSB" | "HSV" | "HSVA" | "HEX" | "CMYK" | "CSS";
    modelValue: string;
    defaultValue: string;
    clearable: boolean;
    closeBtn: string | boolean | ((h: typeof import("vue").h) => import("..").SlotReturnValue);
    colorModes: ("monochrome" | "linear-gradient")[];
    recentColors: boolean | string[];
    defaultRecentColors: boolean | string[];
    enableAlpha: boolean;
    enableMultipleGradient: boolean;
    showPrimaryColorPreview: boolean;
}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[]>;