tdesign-vue-next/lib/color-picker/__tests__/mount.d.ts

TDesign Component for vue-next

import { TdColorPickerProps } from '@tdesign/components/color-picker/type';
export declare function mountColorPickerAndTriggerPanel({ props }: {
    props?: TdColorPickerProps;
}): Promise<{
    wrapper: import("@vue/test-utils").VueWrapper<Partial<{
        [x: string]: any;
    }> & Omit<{
        readonly [x: string]: any;
        readonly [x: number]: any;
    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<import("vue").VNodeProps & {
        [key: string]: any;
    }>>, string> & {
        $: import("vue").ComponentInternalInstance;
        $data: {};
        $props: Partial<{
            [x: string]: any;
        }> & Omit<{
            readonly [x: string]: any;
            readonly [x: number]: any;
        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<import("vue").VNodeProps & {
            [key: string]: any;
        }>>, string>;
        $attrs: {
            [x: string]: unknown;
        };
        $refs: {
            [x: string]: unknown;
        };
        $slots: Readonly<{
            [name: string]: import("vue").Slot<any>;
        }>;
        $root: import("vue").ComponentPublicInstance | null;
        $parent: import("vue").ComponentPublicInstance | null;
        $emit: (event: string, ...args: any[]) => void;
        $el: any;
        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<import("vue").VNodeProps & {
            [key: string]: any;
        }>>, {}, {}, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
            [x: string]: any;
        }, {}, 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 | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance | null, 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: [R, R]) => any : (...args: any) => any, options?: import("vue").WatchOptions): import("vue").WatchStopHandle;
    } & Omit<Readonly<import("vue").ExtractPropTypes<import("vue").VNodeProps & {
        [key: string]: any;
    }>>, never> & import("vue").ShallowUnwrapRef<{}> & {
        [x: string]: never;
    } & import("vue").MethodOptions & import("vue").ComponentCustomProperties & {}, import("vue").ComponentPublicInstance<NonNullable<Partial<{
        [x: string]: any;
    }> & Omit<{
        readonly [x: string]: any;
        readonly [x: number]: any;
    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<import("vue").VNodeProps & {
        [key: string]: any;
    }>>, string>>, {
        $: import("vue").ComponentInternalInstance;
        $data: {};
        $props: Partial<{
            [x: string]: any;
        }> & Omit<{
            readonly [x: string]: any;
            readonly [x: number]: any;
        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<import("vue").VNodeProps & {
            [key: string]: any;
        }>>, string>;
        $attrs: {
            [x: string]: unknown;
        };
        $refs: {
            [x: string]: unknown;
        };
        $slots: Readonly<{
            [name: string]: import("vue").Slot<any>;
        }>;
        $root: import("vue").ComponentPublicInstance | null;
        $parent: import("vue").ComponentPublicInstance | null;
        $emit: (event: string, ...args: any[]) => void;
        $el: any;
        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<import("vue").VNodeProps & {
            [key: string]: any;
        }>>, {}, {}, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
            [x: string]: any;
        }, {}, 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 | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance | null, 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: [R, R]) => any : (...args: any) => any, options?: import("vue").WatchOptions): import("vue").WatchStopHandle;
    } & Omit<Readonly<import("vue").ExtractPropTypes<import("vue").VNodeProps & {
        [key: string]: any;
    }>>, never> & import("vue").ShallowUnwrapRef<{}> & {
        [x: string]: never;
    } & import("vue").MethodOptions & import("vue").ComponentCustomProperties & {} & Omit<NonNullable<Partial<{
        [x: string]: any;
    }> & Omit<{
        readonly [x: string]: any;
        readonly [x: number]: any;
    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<import("vue").VNodeProps & {
        [key: string]: any;
    }>>, string>>, string | number>>>;
    panel: import("@vue/test-utils").VueWrapper<import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
        colorModes: {
            type: import("vue").PropType<import("@tdesign/components").TdColorPickerPanelProps["colorModes"]>;
            default: () => import("@tdesign/components").TdColorPickerPanelProps["colorModes"];
        };
        disabled: BooleanConstructor;
        enableAlpha: BooleanConstructor;
        enableMultipleGradient: {
            type: BooleanConstructor;
            default: boolean;
        };
        format: {
            type: import("vue").PropType<import("@tdesign/components").TdColorPickerPanelProps["format"]>;
            default: import("@tdesign/components").TdColorPickerPanelProps["format"];
            validator(val: import("@tdesign/components").TdColorPickerPanelProps["format"]): boolean;
        };
        recentColors: {
            type: import("vue").PropType<import("@tdesign/components").TdColorPickerPanelProps["recentColors"]>;
            default: import("@tdesign/components").TdColorPickerPanelProps["recentColors"];
        };
        defaultRecentColors: {
            type: import("vue").PropType<import("@tdesign/components").TdColorPickerPanelProps["defaultRecentColors"]>;
            default: () => import("@tdesign/components").TdColorPickerPanelProps["defaultRecentColors"];
        };
        selectInputProps: {
            type: import("vue").PropType<import("@tdesign/components").TdColorPickerPanelProps["selectInputProps"]>;
        };
        showPrimaryColorPreview: {
            type: BooleanConstructor;
            default: boolean;
        };
        swatchColors: {
            type: import("vue").PropType<import("@tdesign/components").TdColorPickerPanelProps["swatchColors"]>;
        };
        value: {
            type: StringConstructor;
            default: any;
        };
        modelValue: {
            type: StringConstructor;
            default: any;
        };
        defaultValue: {
            type: StringConstructor;
            default: string;
        };
        onChange: import("vue").PropType<import("@tdesign/components").TdColorPickerPanelProps["onChange"]>;
        onPaletteBarChange: import("vue").PropType<import("@tdesign/components").TdColorPickerPanelProps["onPaletteBarChange"]>;
        onRecentColorsChange: import("vue").PropType<import("@tdesign/components").TdColorPickerPanelProps["onRecentColorsChange"]>;
    }>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
        colorModes: {
            type: import("vue").PropType<import("@tdesign/components").TdColorPickerPanelProps["colorModes"]>;
            default: () => import("@tdesign/components").TdColorPickerPanelProps["colorModes"];
        };
        disabled: BooleanConstructor;
        enableAlpha: BooleanConstructor;
        enableMultipleGradient: {
            type: BooleanConstructor;
            default: boolean;
        };
        format: {
            type: import("vue").PropType<import("@tdesign/components").TdColorPickerPanelProps["format"]>;
            default: import("@tdesign/components").TdColorPickerPanelProps["format"];
            validator(val: import("@tdesign/components").TdColorPickerPanelProps["format"]): boolean;
        };
        recentColors: {
            type: import("vue").PropType<import("@tdesign/components").TdColorPickerPanelProps["recentColors"]>;
            default: import("@tdesign/components").TdColorPickerPanelProps["recentColors"];
        };
        defaultRecentColors: {
            type: import("vue").PropType<import("@tdesign/components").TdColorPickerPanelProps["defaultRecentColors"]>;
            default: () => import("@tdesign/components").TdColorPickerPanelProps["defaultRecentColors"];
        };
        selectInputProps: {
            type: import("vue").PropType<import("@tdesign/components").TdColorPickerPanelProps["selectInputProps"]>;
        };
        showPrimaryColorPreview: {
            type: BooleanConstructor;
            default: boolean;
        };
        swatchColors: {
            type: import("vue").PropType<import("@tdesign/components").TdColorPickerPanelProps["swatchColors"]>;
        };
        value: {
            type: StringConstructor;
            default: any;
        };
        modelValue: {
            type: StringConstructor;
            default: any;
        };
        defaultValue: {
            type: StringConstructor;
            default: string;
        };
        onChange: import("vue").PropType<import("@tdesign/components").TdColorPickerPanelProps["onChange"]>;
        onPaletteBarChange: import("vue").PropType<import("@tdesign/components").TdColorPickerPanelProps["onPaletteBarChange"]>;
        onRecentColorsChange: import("vue").PropType<import("@tdesign/components").TdColorPickerPanelProps["onRecentColorsChange"]>;
    }>>, {
        disabled: boolean;
        value: string;
        format: "HEX" | "RGB" | "HSL" | "HSV" | "CMYK" | "CSS" | "HEX8" | "RGBA" | "HSLA" | "HSVA";
        defaultValue: string;
        modelValue: string;
        colorModes: ("monochrome" | "linear-gradient")[];
        recentColors: boolean | string[];
        defaultRecentColors: boolean | string[];
        enableAlpha: boolean;
        enableMultipleGradient: boolean;
        showPrimaryColorPreview: boolean;
    }, true, {}, {}, {
        P: {};
        B: {};
        D: {};
        C: {};
        M: {};
        Defaults: {};
    }, Readonly<import("vue").ExtractPropTypes<{
        colorModes: {
            type: import("vue").PropType<import("@tdesign/components").TdColorPickerPanelProps["colorModes"]>;
            default: () => import("@tdesign/components").TdColorPickerPanelProps["colorModes"];
        };
        disabled: BooleanConstructor;
        enableAlpha: BooleanConstructor;
        enableMultipleGradient: {
            type: BooleanConstructor;
            default: boolean;
        };
        format: {
            type: import("vue").PropType<import("@tdesign/components").TdColorPickerPanelProps["format"]>;
            default: import("@tdesign/components").TdColorPickerPanelProps["format"];
            validator(val: import("@tdesign/components").TdColorPickerPanelProps["format"]): boolean;
        };
        recentColors: {
            type: import("vue").PropType<import("@tdesign/components").TdColorPickerPanelProps["recentColors"]>;
            default: import("@tdesign/components").TdColorPickerPanelProps["recentColors"];
        };
        defaultRecentColors: {
            type: import("vue").PropType<import("@tdesign/components").TdColorPickerPanelProps["defaultRecentColors"]>;
            default: () => import("@tdesign/components").TdColorPickerPanelProps["defaultRecentColors"];
        };
        selectInputProps: {
            type: import("vue").PropType<import("@tdesign/components").TdColorPickerPanelProps["selectInputProps"]>;
        };
        showPrimaryColorPreview: {
            type: BooleanConstructor;
            default: boolean;
        };
        swatchColors: {
            type: import("vue").PropType<import("@tdesign/components").TdColorPickerPanelProps["swatchColors"]>;
        };
        value: {
            type: StringConstructor;
            default: any;
        };
        modelValue: {
            type: StringConstructor;
            default: any;
        };
        defaultValue: {
            type: StringConstructor;
            default: string;
        };
        onChange: import("vue").PropType<import("@tdesign/components").TdColorPickerPanelProps["onChange"]>;
        onPaletteBarChange: import("vue").PropType<import("@tdesign/components").TdColorPickerPanelProps["onPaletteBarChange"]>;
        onRecentColorsChange: import("vue").PropType<import("@tdesign/components").TdColorPickerPanelProps["onRecentColorsChange"]>;
    }>>, () => JSX.Element, {}, {}, {}, {
        disabled: boolean;
        value: string;
        format: "HEX" | "RGB" | "HSL" | "HSV" | "CMYK" | "CSS" | "HEX8" | "RGBA" | "HSLA" | "HSVA";
        defaultValue: string;
        modelValue: string;
        colorModes: ("monochrome" | "linear-gradient")[];
        recentColors: boolean | string[];
        defaultRecentColors: boolean | string[];
        enableAlpha: boolean;
        enableMultipleGradient: boolean;
        showPrimaryColorPreview: boolean;
    }>, {
        $: import("vue").ComponentInternalInstance;
        $data: {};
        $props: Partial<{
            disabled: boolean;
            value: string;
            format: "HEX" | "RGB" | "HSL" | "HSV" | "CMYK" | "CSS" | "HEX8" | "RGBA" | "HSLA" | "HSVA";
            defaultValue: string;
            modelValue: string;
            colorModes: ("monochrome" | "linear-gradient")[];
            recentColors: boolean | string[];
            defaultRecentColors: boolean | string[];
            enableAlpha: boolean;
            enableMultipleGradient: boolean;
            showPrimaryColorPreview: boolean;
        }> & Omit<{
            readonly disabled: boolean;
            readonly format: "HEX" | "RGB" | "HSL" | "HSV" | "CMYK" | "CSS" | "HEX8" | "RGBA" | "HSLA" | "HSVA";
            readonly defaultValue: string;
            readonly colorModes: ("monochrome" | "linear-gradient")[];
            readonly recentColors: boolean | string[];
            readonly defaultRecentColors: boolean | string[];
            readonly enableAlpha: boolean;
            readonly enableMultipleGradient: boolean;
            readonly showPrimaryColorPreview: boolean;
            readonly value?: string;
            readonly onChange?: (value: string, context: {
                color: import("@tdesign/components").ColorObject;
                trigger: import("@tdesign/components").ColorPickerChangeTrigger;
            }) => void;
            readonly modelValue?: string;
            readonly selectInputProps?: unknown;
            readonly swatchColors?: string[];
            readonly onPaletteBarChange?: (context: {
                color: import("@tdesign/components").ColorObject;
            }) => void;
            readonly onRecentColorsChange?: (value: Array<string>) => void;
        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
            colorModes: {
                type: import("vue").PropType<import("@tdesign/components").TdColorPickerPanelProps["colorModes"]>;
                default: () => import("@tdesign/components").TdColorPickerPanelProps["colorModes"];
            };
            disabled: BooleanConstructor;
            enableAlpha: BooleanConstructor;
            enableMultipleGradient: {
                type: BooleanConstructor;
                default: boolean;
            };
            format: {
                type: import("vue").PropType<import("@tdesign/components").TdColorPickerPanelProps["format"]>;
                default: import("@tdesign/components").TdColorPickerPanelProps["format"];
                validator(val: import("@tdesign/components").TdColorPickerPanelProps["format"]): boolean;
            };
            recentColors: {
                type: import("vue").PropType<import("@tdesign/components").TdColorPickerPanelProps["recentColors"]>;
                default: import("@tdesign/components").TdColorPickerPanelProps["recentColors"];
            };
            defaultRecentColors: {
                type: import("vue").PropType<import("@tdesign/components").TdColorPickerPanelProps["defaultRecentColors"]>;
                default: () => import("@tdesign/components").TdColorPickerPanelProps["defaultRecentColors"];
            };
            selectInputProps: {
                type: import("vue").PropType<import("@tdesign/components").TdColorPickerPanelProps["selectInputProps"]>;
            };
            showPrimaryColorPreview: {
                type: BooleanConstructor;
                default: boolean;
            };
            swatchColors: {
                type: import("vue").PropType<import("@tdesign/components").TdColorPickerPanelProps["swatchColors"]>;
            };
            value: {
                type: StringConstructor;
                default: any;
            };
            modelValue: {
                type: StringConstructor;
                default: any;
            };
            defaultValue: {
                type: StringConstructor;
                default: string;
            };
            onChange: import("vue").PropType<import("@tdesign/components").TdColorPickerPanelProps["onChange"]>;
            onPaletteBarChange: import("vue").PropType<import("@tdesign/components").TdColorPickerPanelProps["onPaletteBarChange"]>;
            onRecentColorsChange: import("vue").PropType<import("@tdesign/components").TdColorPickerPanelProps["onRecentColorsChange"]>;
        }>>, "disabled" | "value" | "format" | "defaultValue" | "modelValue" | "colorModes" | "recentColors" | "defaultRecentColors" | "enableAlpha" | "enableMultipleGradient" | "showPrimaryColorPreview">;
        $attrs: {
            [x: string]: unknown;
        };
        $refs: {
            [x: string]: unknown;
        };
        $slots: Readonly<{
            [name: string]: import("vue").Slot<any>;
        }>;
        $root: import("vue").ComponentPublicInstance | null;
        $parent: import("vue").ComponentPublicInstance | null;
        $emit: (event: string, ...args: any[]) => void;
        $el: any;
        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
            colorModes: {
                type: import("vue").PropType<import("@tdesign/components").TdColorPickerPanelProps["colorModes"]>;
                default: () => import("@tdesign/components").TdColorPickerPanelProps["colorModes"];
            };
            disabled: BooleanConstructor;
            enableAlpha: BooleanConstructor;
            enableMultipleGradient: {
                type: BooleanConstructor;
                default: boolean;
            };
            format: {
                type: import("vue").PropType<import("@tdesign/components").TdColorPickerPanelProps["format"]>;
                default: import("@tdesign/components").TdColorPickerPanelProps["format"];
                validator(val: import("@tdesign/components").TdColorPickerPanelProps["format"]): boolean;
            };
            recentColors: {
                type: import("vue").PropType<import("@tdesign/components").TdColorPickerPanelProps["recentColors"]>;
                default: import("@tdesign/components").TdColorPickerPanelProps["recentColors"];
            };
            defaultRecentColors: {
                type: import("vue").PropType<import("@tdesign/components").TdColorPickerPanelProps["defaultRecentColors"]>;
                default: () => import("@tdesign/components").TdColorPickerPanelProps["defaultRecentColors"];
            };
            selectInputProps: {
                type: import("vue").PropType<import("@tdesign/components").TdColorPickerPanelProps["selectInputProps"]>;
            };
            showPrimaryColorPreview: {
                type: BooleanConstructor;
                default: boolean;
            };
            swatchColors: {
                type: import("vue").PropType<import("@tdesign/components").TdColorPickerPanelProps["swatchColors"]>;
            };
            value: {
                type: StringConstructor;
                default: any;
            };
            modelValue: {
                type: StringConstructor;
                default: any;
            };
            defaultValue: {
                type: StringConstructor;
                default: string;
            };
            onChange: import("vue").PropType<import("@tdesign/components").TdColorPickerPanelProps["onChange"]>;
            onPaletteBarChange: import("vue").PropType<import("@tdesign/components").TdColorPickerPanelProps["onPaletteBarChange"]>;
            onRecentColorsChange: import("vue").PropType<import("@tdesign/components").TdColorPickerPanelProps["onRecentColorsChange"]>;
        }>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
            disabled: boolean;
            value: string;
            format: "HEX" | "RGB" | "HSL" | "HSV" | "CMYK" | "CSS" | "HEX8" | "RGBA" | "HSLA" | "HSVA";
            defaultValue: string;
            modelValue: string;
            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 | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance | null, 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: [R, R]) => any : (...args: any) => any, options?: import("vue").WatchOptions): import("vue").WatchStopHandle;
    } & Omit<Readonly<import("vue").ExtractPropTypes<{
        colorModes: {
            type: import("vue").PropType<import("@tdesign/components").TdColorPickerPanelProps["colorModes"]>;
            default: () => import("@tdesign/components").TdColorPickerPanelProps["colorModes"];
        };
        disabled: BooleanConstructor;
        enableAlpha: BooleanConstructor;
        enableMultipleGradient: {
            type: BooleanConstructor;
            default: boolean;
        };
        format: {
            type: import("vue").PropType<import("@tdesign/components").TdColorPickerPanelProps["format"]>;
            default: import("@tdesign/components").TdColorPickerPanelProps["format"];
            validator(val: import("@tdesign/components").TdColorPickerPanelProps["format"]): boolean;
        };
        recentColors: {
            type: import("vue").PropType<import("@tdesign/components").TdColorPickerPanelProps["recentColors"]>;
            default: import("@tdesign/components").TdColorPickerPanelProps["recentColors"];
        };
        defaultRecentColors: {
            type: import("vue").PropType<import("@tdesign/components").TdColorPickerPanelProps["defaultRecentColors"]>;
            default: () => import("@tdesign/components").TdColorPickerPanelProps["defaultRecentColors"];
        };
        selectInputProps: {
            type: import("vue").PropType<import("@tdesign/components").TdColorPickerPanelProps["selectInputProps"]>;
        };
        showPrimaryColorPreview: {
            type: BooleanConstructor;
            default: boolean;
        };
        swatchColors: {
            type: import("vue").PropType<import("@tdesign/components").TdColorPickerPanelProps["swatchColors"]>;
        };
        value: {
            type: StringConstructor;
            default: any;
        };
        modelValue: {
            type: StringConstructor;
            default: any;
        };
        defaultValue: {
            type: StringConstructor;
            default: string;
        };
        onChange: import("vue").PropType<import("@tdesign/components").TdColorPickerPanelProps["onChange"]>;
        onPaletteBarChange: import("vue").PropType<import("@tdesign/components").TdColorPickerPanelProps["onPaletteBarChange"]>;
        onRecentColorsChange: import("vue").PropType<import("@tdesign/components").TdColorPickerPanelProps["onRecentColorsChange"]>;
    }>>, never> & import("vue").ShallowUnwrapRef<() => JSX.Element> & {} & import("vue").ComponentCustomProperties & {} & {
        $: import("vue").ComponentInternalInstance;
        $data: {};
        $props: {};
        $attrs: {
            [x: string]: unknown;
        };
        $refs: {
            [x: string]: unknown;
        };
        $slots: Readonly<{
            [name: string]: import("vue").Slot<any>;
        }>;
        $root: import("vue").ComponentPublicInstance | null;
        $parent: import("vue").ComponentPublicInstance | null;
        $emit: (event: string, ...args: any[]) => void;
        $el: any;
        $options: import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, 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 | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance | null, 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: [R, R]) => any : (...args: any) => any, options?: import("vue").WatchOptions): import("vue").WatchStopHandle;
    } & Omit<{}, never> & import("vue").ShallowUnwrapRef<{}>>;
}>;