tdesign-vue-next/es/color-picker/color-picker.d.ts

TDesign Component for vue-next

declare const _default: import("vue").DefineComponent<{
    borderless: BooleanConstructor;
    clearable: BooleanConstructor;
    colorModes: {
        type: import("vue").PropType<import("./type").TdColorPickerProps["colorModes"]>;
        default: () => import("./type").TdColorPickerProps["colorModes"];
    };
    disabled: {
        type: BooleanConstructor;
        default: any;
    };
    enableAlpha: BooleanConstructor;
    enableMultipleGradient: {
        type: BooleanConstructor;
        default: boolean;
    };
    format: {
        type: import("vue").PropType<import("./type").TdColorPickerProps["format"]>;
        default: import("./type").TdColorPickerProps["format"];
        validator(val: import("./type").TdColorPickerProps["format"]): boolean;
    };
    inputProps: {
        type: import("vue").PropType<import("./type").TdColorPickerProps["inputProps"]>;
    };
    popupProps: {
        type: import("vue").PropType<import("./type").TdColorPickerProps["popupProps"]>;
    };
    recentColors: {
        type: import("vue").PropType<import("./type").TdColorPickerProps["recentColors"]>;
        default: import("./type").TdColorPickerProps["recentColors"];
    };
    defaultRecentColors: {
        type: import("vue").PropType<import("./type").TdColorPickerProps["defaultRecentColors"]>;
        default: () => import("./type").TdColorPickerProps["defaultRecentColors"];
    };
    selectInputProps: {
        type: import("vue").PropType<import("./type").TdColorPickerProps["selectInputProps"]>;
    };
    showPrimaryColorPreview: {
        type: BooleanConstructor;
        default: boolean;
    };
    size: {
        type: import("vue").PropType<import("./type").TdColorPickerProps["size"]>;
        default: import("./type").TdColorPickerProps["size"];
        validator(val: import("./type").TdColorPickerProps["size"]): boolean;
    };
    swatchColors: {
        type: import("vue").PropType<import("./type").TdColorPickerProps["swatchColors"]>;
        default: import("./type").TdColorPickerProps["swatchColors"];
    };
    value: {
        type: StringConstructor;
        default: any;
    };
    modelValue: {
        type: StringConstructor;
        default: any;
    };
    defaultValue: {
        type: StringConstructor;
        default: string;
    };
    onChange: import("vue").PropType<import("./type").TdColorPickerProps["onChange"]>;
    onClear: import("vue").PropType<import("./type").TdColorPickerProps["onClear"]>;
    onPaletteBarChange: import("vue").PropType<import("./type").TdColorPickerProps["onPaletteBarChange"]>;
    onRecentColorsChange: import("vue").PropType<import("./type").TdColorPickerProps["onRecentColorsChange"]>;
}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
    borderless: BooleanConstructor;
    clearable: BooleanConstructor;
    colorModes: {
        type: import("vue").PropType<import("./type").TdColorPickerProps["colorModes"]>;
        default: () => import("./type").TdColorPickerProps["colorModes"];
    };
    disabled: {
        type: BooleanConstructor;
        default: any;
    };
    enableAlpha: BooleanConstructor;
    enableMultipleGradient: {
        type: BooleanConstructor;
        default: boolean;
    };
    format: {
        type: import("vue").PropType<import("./type").TdColorPickerProps["format"]>;
        default: import("./type").TdColorPickerProps["format"];
        validator(val: import("./type").TdColorPickerProps["format"]): boolean;
    };
    inputProps: {
        type: import("vue").PropType<import("./type").TdColorPickerProps["inputProps"]>;
    };
    popupProps: {
        type: import("vue").PropType<import("./type").TdColorPickerProps["popupProps"]>;
    };
    recentColors: {
        type: import("vue").PropType<import("./type").TdColorPickerProps["recentColors"]>;
        default: import("./type").TdColorPickerProps["recentColors"];
    };
    defaultRecentColors: {
        type: import("vue").PropType<import("./type").TdColorPickerProps["defaultRecentColors"]>;
        default: () => import("./type").TdColorPickerProps["defaultRecentColors"];
    };
    selectInputProps: {
        type: import("vue").PropType<import("./type").TdColorPickerProps["selectInputProps"]>;
    };
    showPrimaryColorPreview: {
        type: BooleanConstructor;
        default: boolean;
    };
    size: {
        type: import("vue").PropType<import("./type").TdColorPickerProps["size"]>;
        default: import("./type").TdColorPickerProps["size"];
        validator(val: import("./type").TdColorPickerProps["size"]): boolean;
    };
    swatchColors: {
        type: import("vue").PropType<import("./type").TdColorPickerProps["swatchColors"]>;
        default: import("./type").TdColorPickerProps["swatchColors"];
    };
    value: {
        type: StringConstructor;
        default: any;
    };
    modelValue: {
        type: StringConstructor;
        default: any;
    };
    defaultValue: {
        type: StringConstructor;
        default: string;
    };
    onChange: import("vue").PropType<import("./type").TdColorPickerProps["onChange"]>;
    onClear: import("vue").PropType<import("./type").TdColorPickerProps["onClear"]>;
    onPaletteBarChange: import("vue").PropType<import("./type").TdColorPickerProps["onPaletteBarChange"]>;
    onRecentColorsChange: import("vue").PropType<import("./type").TdColorPickerProps["onRecentColorsChange"]>;
}>>, {
    disabled: boolean;
    value: string;
    format: "HEX" | "RGB" | "HSL" | "HSV" | "CMYK" | "CSS" | "HEX8" | "RGBA" | "HSLA" | "HSVA";
    size: import("..").SizeEnum;
    defaultValue: string;
    modelValue: string;
    borderless: boolean;
    clearable: boolean;
    colorModes: ("monochrome" | "linear-gradient")[];
    recentColors: boolean | string[];
    defaultRecentColors: boolean | string[];
    swatchColors: string[];
    enableAlpha: boolean;
    enableMultipleGradient: boolean;
    showPrimaryColorPreview: boolean;
}, {}>;
export default _default;