tdesign-vue-next

import { TdColorPickerProps } from './type'; import './style'; export * from './type'; export type ColorPickerProps = TdColorPickerProps; export type ColorPickerPanelProps = TdColorPickerProps; export declare const ColorPickerPanel: { new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{ colorModes: { type: import("vue").PropType<import("./type").TdColorPickerPanelProps["colorModes"]>; default: () => import("./type").TdColorPickerPanelProps["colorModes"]; }; disabled: BooleanConstructor; enableAlpha: BooleanConstructor; enableMultipleGradient: { type: BooleanConstructor; default: boolean; }; format: { type: import("vue").PropType<import("./type").TdColorPickerPanelProps["format"]>; default: import("./type").TdColorPickerPanelProps["format"]; validator(val: import("./type").TdColorPickerPanelProps["format"]): boolean; }; recentColors: { type: import("vue").PropType<import("./type").TdColorPickerPanelProps["recentColors"]>; default: import("./type").TdColorPickerPanelProps["recentColors"]; }; defaultRecentColors: { type: import("vue").PropType<import("./type").TdColorPickerPanelProps["defaultRecentColors"]>; default: () => import("./type").TdColorPickerPanelProps["defaultRecentColors"]; }; showPrimaryColorPreview: { type: BooleanConstructor; default: boolean; }; swatchColors: { type: import("vue").PropType<import("./type").TdColorPickerPanelProps["swatchColors"]>; }; value: { type: StringConstructor; default: any; }; modelValue: { type: StringConstructor; default: any; }; defaultValue: { type: StringConstructor; default: string; }; onChange: import("vue").PropType<import("./type").TdColorPickerPanelProps["onChange"]>; onPaletteBarChange: import("vue").PropType<import("./type").TdColorPickerPanelProps["onPaletteBarChange"]>; onRecentColorsChange: import("vue").PropType<import("./type").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("./type").TdColorPickerPanelProps["colorModes"]>; default: () => import("./type").TdColorPickerPanelProps["colorModes"]; }; disabled: BooleanConstructor; enableAlpha: BooleanConstructor; enableMultipleGradient: { type: BooleanConstructor; default: boolean; }; format: { type: import("vue").PropType<import("./type").TdColorPickerPanelProps["format"]>; default: import("./type").TdColorPickerPanelProps["format"]; validator(val: import("./type").TdColorPickerPanelProps["format"]): boolean; }; recentColors: { type: import("vue").PropType<import("./type").TdColorPickerPanelProps["recentColors"]>; default: import("./type").TdColorPickerPanelProps["recentColors"]; }; defaultRecentColors: { type: import("vue").PropType<import("./type").TdColorPickerPanelProps["defaultRecentColors"]>; default: () => import("./type").TdColorPickerPanelProps["defaultRecentColors"]; }; showPrimaryColorPreview: { type: BooleanConstructor; default: boolean; }; swatchColors: { type: import("vue").PropType<import("./type").TdColorPickerPanelProps["swatchColors"]>; }; value: { type: StringConstructor; default: any; }; modelValue: { type: StringConstructor; default: any; }; defaultValue: { type: StringConstructor; default: string; }; onChange: import("vue").PropType<import("./type").TdColorPickerPanelProps["onChange"]>; onPaletteBarChange: import("vue").PropType<import("./type").TdColorPickerPanelProps["onPaletteBarChange"]>; onRecentColorsChange: import("vue").PropType<import("./type").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("./type").TdColorPickerPanelProps["colorModes"]>; default: () => import("./type").TdColorPickerPanelProps["colorModes"]; }; disabled: BooleanConstructor; enableAlpha: BooleanConstructor; enableMultipleGradient: { type: BooleanConstructor; default: boolean; }; format: { type: import("vue").PropType<import("./type").TdColorPickerPanelProps["format"]>; default: import("./type").TdColorPickerPanelProps["format"]; validator(val: import("./type").TdColorPickerPanelProps["format"]): boolean; }; recentColors: { type: import("vue").PropType<import("./type").TdColorPickerPanelProps["recentColors"]>; default: import("./type").TdColorPickerPanelProps["recentColors"]; }; defaultRecentColors: { type: import("vue").PropType<import("./type").TdColorPickerPanelProps["defaultRecentColors"]>; default: () => import("./type").TdColorPickerPanelProps["defaultRecentColors"]; }; showPrimaryColorPreview: { type: BooleanConstructor; default: boolean; }; swatchColors: { type: import("vue").PropType<import("./type").TdColorPickerPanelProps["swatchColors"]>; }; value: { type: StringConstructor; default: any; }; modelValue: { type: StringConstructor; default: any; }; defaultValue: { type: StringConstructor; default: string; }; onChange: import("vue").PropType<import("./type").TdColorPickerPanelProps["onChange"]>; onPaletteBarChange: import("vue").PropType<import("./type").TdColorPickerPanelProps["onPaletteBarChange"]>; onRecentColorsChange: import("vue").PropType<import("./type").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; }>; __isFragment?: never; __isTeleport?: never; __isSuspense?: never; } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{ colorModes: { type: import("vue").PropType<import("./type").TdColorPickerPanelProps["colorModes"]>; default: () => import("./type").TdColorPickerPanelProps["colorModes"]; }; disabled: BooleanConstructor; enableAlpha: BooleanConstructor; enableMultipleGradient: { type: BooleanConstructor; default: boolean; }; format: { type: import("vue").PropType<import("./type").TdColorPickerPanelProps["format"]>; default: import("./type").TdColorPickerPanelProps["format"]; validator(val: import("./type").TdColorPickerPanelProps["format"]): boolean; }; recentColors: { type: import("vue").PropType<import("./type").TdColorPickerPanelProps["recentColors"]>; default: import("./type").TdColorPickerPanelProps["recentColors"]; }; defaultRecentColors: { type: import("vue").PropType<import("./type").TdColorPickerPanelProps["defaultRecentColors"]>; default: () => import("./type").TdColorPickerPanelProps["defaultRecentColors"]; }; showPrimaryColorPreview: { type: BooleanConstructor; default: boolean; }; swatchColors: { type: import("vue").PropType<import("./type").TdColorPickerPanelProps["swatchColors"]>; }; value: { type: StringConstructor; default: any; }; modelValue: { type: StringConstructor; default: any; }; defaultValue: { type: StringConstructor; default: string; }; onChange: import("vue").PropType<import("./type").TdColorPickerPanelProps["onChange"]>; onPaletteBarChange: import("vue").PropType<import("./type").TdColorPickerPanelProps["onPaletteBarChange"]>; onRecentColorsChange: import("vue").PropType<import("./type").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, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin; export declare const ColorPicker: { new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{ borderless: BooleanConstructor; clearable: BooleanConstructor; colorModes: { type: import("vue").PropType<TdColorPickerProps["colorModes"]>; default: () => TdColorPickerProps["colorModes"]; }; disabled: { type: BooleanConstructor; default: any; }; enableAlpha: BooleanConstructor; enableMultipleGradient: { type: BooleanConstructor; default: boolean; }; format: { type: import("vue").PropType<TdColorPickerProps["format"]>; default: TdColorPickerProps["format"]; validator(val: TdColorPickerProps["format"]): boolean; }; inputProps: { type: import("vue").PropType<TdColorPickerProps["inputProps"]>; }; popupProps: { type: import("vue").PropType<TdColorPickerProps["popupProps"]>; }; recentColors: { type: import("vue").PropType<TdColorPickerProps["recentColors"]>; default: TdColorPickerProps["recentColors"]; }; defaultRecentColors: { type: import("vue").PropType<TdColorPickerProps["defaultRecentColors"]>; default: () => TdColorPickerProps["defaultRecentColors"]; }; selectInputProps: { type: import("vue").PropType<TdColorPickerProps["selectInputProps"]>; }; showPrimaryColorPreview: { type: BooleanConstructor; default: boolean; }; size: { type: import("vue").PropType<TdColorPickerProps["size"]>; default: TdColorPickerProps["size"]; validator(val: TdColorPickerProps["size"]): boolean; }; swatchColors: { type: import("vue").PropType<TdColorPickerProps["swatchColors"]>; default: TdColorPickerProps["swatchColors"]; }; value: { type: StringConstructor; default: any; }; modelValue: { type: StringConstructor; default: any; }; defaultValue: { type: StringConstructor; default: string; }; onChange: import("vue").PropType<TdColorPickerProps["onChange"]>; onClear: import("vue").PropType<TdColorPickerProps["onClear"]>; onPaletteBarChange: import("vue").PropType<TdColorPickerProps["onPaletteBarChange"]>; onRecentColorsChange: import("vue").PropType<TdColorPickerProps["onRecentColorsChange"]>; }>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{ borderless: BooleanConstructor; clearable: BooleanConstructor; colorModes: { type: import("vue").PropType<TdColorPickerProps["colorModes"]>; default: () => TdColorPickerProps["colorModes"]; }; disabled: { type: BooleanConstructor; default: any; }; enableAlpha: BooleanConstructor; enableMultipleGradient: { type: BooleanConstructor; default: boolean; }; format: { type: import("vue").PropType<TdColorPickerProps["format"]>; default: TdColorPickerProps["format"]; validator(val: TdColorPickerProps["format"]): boolean; }; inputProps: { type: import("vue").PropType<TdColorPickerProps["inputProps"]>; }; popupProps: { type: import("vue").PropType<TdColorPickerProps["popupProps"]>; }; recentColors: { type: import("vue").PropType<TdColorPickerProps["recentColors"]>; default: TdColorPickerProps["recentColors"]; }; defaultRecentColors: { type: import("vue").PropType<TdColorPickerProps["defaultRecentColors"]>; default: () => TdColorPickerProps["defaultRecentColors"]; }; selectInputProps: { type: import("vue").PropType<TdColorPickerProps["selectInputProps"]>; }; showPrimaryColorPreview: { type: BooleanConstructor; default: boolean; }; size: { type: import("vue").PropType<TdColorPickerProps["size"]>; default: TdColorPickerProps["size"]; validator(val: TdColorPickerProps["size"]): boolean; }; swatchColors: { type: import("vue").PropType<TdColorPickerProps["swatchColors"]>; default: TdColorPickerProps["swatchColors"]; }; value: { type: StringConstructor; default: any; }; modelValue: { type: StringConstructor; default: any; }; defaultValue: { type: StringConstructor; default: string; }; onChange: import("vue").PropType<TdColorPickerProps["onChange"]>; onClear: import("vue").PropType<TdColorPickerProps["onClear"]>; onPaletteBarChange: import("vue").PropType<TdColorPickerProps["onPaletteBarChange"]>; onRecentColorsChange: import("vue").PropType<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; }, true, {}, {}, { P: {}; B: {}; D: {}; C: {}; M: {}; Defaults: {}; }, Readonly<import("vue").ExtractPropTypes<{ borderless: BooleanConstructor; clearable: BooleanConstructor; colorModes: { type: import("vue").PropType<TdColorPickerProps["colorModes"]>; default: () => TdColorPickerProps["colorModes"]; }; disabled: { type: BooleanConstructor; default: any; }; enableAlpha: BooleanConstructor; enableMultipleGradient: { type: BooleanConstructor; default: boolean; }; format: { type: import("vue").PropType<TdColorPickerProps["format"]>; default: TdColorPickerProps["format"]; validator(val: TdColorPickerProps["format"]): boolean; }; inputProps: { type: import("vue").PropType<TdColorPickerProps["inputProps"]>; }; popupProps: { type: import("vue").PropType<TdColorPickerProps["popupProps"]>; }; recentColors: { type: import("vue").PropType<TdColorPickerProps["recentColors"]>; default: TdColorPickerProps["recentColors"]; }; defaultRecentColors: { type: import("vue").PropType<TdColorPickerProps["defaultRecentColors"]>; default: () => TdColorPickerProps["defaultRecentColors"]; }; selectInputProps: { type: import("vue").PropType<TdColorPickerProps["selectInputProps"]>; }; showPrimaryColorPreview: { type: BooleanConstructor; default: boolean; }; size: { type: import("vue").PropType<TdColorPickerProps["size"]>; default: TdColorPickerProps["size"]; validator(val: TdColorPickerProps["size"]): boolean; }; swatchColors: { type: import("vue").PropType<TdColorPickerProps["swatchColors"]>; default: TdColorPickerProps["swatchColors"]; }; value: { type: StringConstructor; default: any; }; modelValue: { type: StringConstructor; default: any; }; defaultValue: { type: StringConstructor; default: string; }; onChange: import("vue").PropType<TdColorPickerProps["onChange"]>; onClear: import("vue").PropType<TdColorPickerProps["onClear"]>; onPaletteBarChange: import("vue").PropType<TdColorPickerProps["onPaletteBarChange"]>; onRecentColorsChange: import("vue").PropType<TdColorPickerProps["onRecentColorsChange"]>; }>>, () => JSX.Element, {}, {}, {}, { 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; }>; __isFragment?: never; __isTeleport?: never; __isSuspense?: never; } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{ borderless: BooleanConstructor; clearable: BooleanConstructor; colorModes: { type: import("vue").PropType<TdColorPickerProps["colorModes"]>; default: () => TdColorPickerProps["colorModes"]; }; disabled: { type: BooleanConstructor; default: any; }; enableAlpha: BooleanConstructor; enableMultipleGradient: { type: BooleanConstructor; default: boolean; }; format: { type: import("vue").PropType<TdColorPickerProps["format"]>; default: TdColorPickerProps["format"]; validator(val: TdColorPickerProps["format"]): boolean; }; inputProps: { type: import("vue").PropType<TdColorPickerProps["inputProps"]>; }; popupProps: { type: import("vue").PropType<TdColorPickerProps["popupProps"]>; }; recentColors: { type: import("vue").PropType<TdColorPickerProps["recentColors"]>; default: TdColorPickerProps["recentColors"]; }; defaultRecentColors: { type: import("vue").PropType<TdColorPickerProps["defaultRecentColors"]>; default: () => TdColorPickerProps["defaultRecentColors"]; }; selectInputProps: { type: import("vue").PropType<TdColorPickerProps["selectInputProps"]>; }; showPrimaryColorPreview: { type: BooleanConstructor; default: boolean; }; size: { type: import("vue").PropType<TdColorPickerProps["size"]>; default: TdColorPickerProps["size"]; validator(val: TdColorPickerProps["size"]): boolean; }; swatchColors: { type: import("vue").PropType<TdColorPickerProps["swatchColors"]>; default: TdColorPickerProps["swatchColors"]; }; value: { type: StringConstructor; default: any; }; modelValue: { type: StringConstructor; default: any; }; defaultValue: { type: StringConstructor; default: string; }; onChange: import("vue").PropType<TdColorPickerProps["onChange"]>; onClear: import("vue").PropType<TdColorPickerProps["onClear"]>; onPaletteBarChange: import("vue").PropType<TdColorPickerProps["onPaletteBarChange"]>; onRecentColorsChange: import("vue").PropType<TdColorPickerProps["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"; 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; }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin;