tdesign-mobile-vue

import './style'; import { TdColorPickerProps } from './type'; export * from './type'; export type ColorPickerProps = TdColorPickerProps; export declare const ColorPicker: { new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{ clearable: BooleanConstructor; enableAlpha: BooleanConstructor; fixed: BooleanConstructor; format: { type: import("vue").PropType<"CMYK" | "CSS" | "HEX" | "HEX8" | "HSL" | "HSLA" | "HSV" | "HSVA" | "RGB" | "RGBA">; default: "CMYK" | "CSS" | "HEX" | "HEX8" | "HSL" | "HSLA" | "HSV" | "HSVA" | "RGB" | "RGBA"; validator(val: "CMYK" | "CSS" | "HEX" | "HEX8" | "HSL" | "HSLA" | "HSV" | "HSVA" | "RGB" | "RGBA"): boolean; }; swatchColors: { type: import("vue").PropType<string[]>; default: string[]; }; type: { type: import("vue").PropType<import("@/components").TypeEnum>; default: import("@/components").TypeEnum; validator(val: import("@/components").TypeEnum): boolean; }; value: { type: StringConstructor; default: any; }; modelValue: { type: StringConstructor; default: any; }; defaultValue: { type: StringConstructor; default: string; }; onChange: import("vue").PropType<(value: string, context: { color: import("@/components").ColorObject; trigger: import("@/components").ColorPickerChangeTrigger; }) => void>; onPaletteBarChange: import("vue").PropType<(context: { color: import("@/components").ColorObject; }) => void>; }>> & Readonly<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, { clearable: boolean; enableAlpha: boolean; fixed: boolean; format: "CMYK" | "CSS" | "HEX" | "HEX8" | "HSL" | "HSLA" | "HSV" | "HSVA" | "RGB" | "RGBA"; swatchColors: string[]; type: import("@/components").TypeEnum; value: string; modelValue: string; defaultValue: string; }, true, {}, {}, { TPopup: { new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{ attach: { type: import("vue").PropType<import("@/common").AttachNode>; default: import("@/common").AttachNode; }; closeBtn: { type: import("vue").PropType<boolean | ((h: typeof import("vue").h) => import("@/common").SlotReturnValue)>; }; closeOnOverlayClick: { type: BooleanConstructor; default: boolean; }; destroyOnClose: BooleanConstructor; duration: { type: NumberConstructor; default: number; }; overlayProps: { type: import("vue").PropType<import("@/overlay/type").TdOverlayProps>; default: () => {}; }; placement: { type: import("vue").PropType<"bottom" | "center" | "left" | "right" | "top">; default: "bottom" | "center" | "left" | "right" | "top"; validator(val: "bottom" | "center" | "left" | "right" | "top"): boolean; }; preventScrollThrough: { type: BooleanConstructor; default: boolean; }; showOverlay: { type: BooleanConstructor; default: boolean; }; transitionName: { type: StringConstructor; default: string; }; visible: { type: BooleanConstructor; default: any; }; modelValue: { type: BooleanConstructor; default: any; }; defaultVisible: BooleanConstructor; zIndex: { type: NumberConstructor; }; onClose: import("vue").PropType<(context: { e: MouseEvent; }) => void>; onClosed: import("vue").PropType<() => void>; onOpen: import("vue").PropType<() => void>; onOpened: import("vue").PropType<() => void>; onVisibleChange: import("vue").PropType<(visible: boolean, trigger: import("@/popup").PopupSource) => void>; }>> & Readonly<{ onClose?: (...args: any[]) => any; onClosed?: (...args: any[]) => any; onOpen?: (...args: any[]) => any; onOpened?: (...args: any[]) => any; "onUpdate:modelValue"?: (...args: any[]) => any; "onUpdate:visible"?: (...args: any[]) => any; "onVisible-change"?: (...args: any[]) => any; }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "closed" | "open" | "opened" | "update:modelValue" | "update:visible" | "visible-change")[], import("vue").PublicProps, { attach: import("@/common").AttachNode; closeOnOverlayClick: boolean; destroyOnClose: boolean; duration: number; overlayProps: import("@/overlay/type").TdOverlayProps; placement: "bottom" | "center" | "left" | "right" | "top"; preventScrollThrough: boolean; showOverlay: boolean; transitionName: string; visible: boolean; modelValue: boolean; defaultVisible: boolean; }, true, {}, {}, { TNode: { (props: { content: any; }): any; props: string[]; }; TOverlay: { new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{ backgroundColor: { type: StringConstructor; default: string; }; customStyle: { type: StringConstructor; default: string; }; duration: { type: NumberConstructor; default: number; }; preventScrollThrough: { type: BooleanConstructor; default: boolean; }; visible: BooleanConstructor; zIndex: { type: NumberConstructor; default: number; }; onClick: import("vue").PropType<(context: { e: MouseEvent; }) => void>; }>> & Readonly<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, { backgroundColor: string; customStyle: string; duration: number; preventScrollThrough: boolean; visible: boolean; zIndex: number; }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, { P: {}; B: {}; D: {}; C: {}; M: {}; Defaults: {}; }, Readonly<import("vue").ExtractPropTypes<{ backgroundColor: { type: StringConstructor; default: string; }; customStyle: { type: StringConstructor; default: string; }; duration: { type: NumberConstructor; default: number; }; preventScrollThrough: { type: BooleanConstructor; default: boolean; }; visible: BooleanConstructor; zIndex: { type: NumberConstructor; default: number; }; onClick: import("vue").PropType<(context: { e: MouseEvent; }) => void>; }>> & Readonly<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, { backgroundColor: string; customStyle: string; duration: number; preventScrollThrough: boolean; visible: boolean; zIndex: number; }>; __isFragment?: never; __isTeleport?: never; __isSuspense?: never; } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{ backgroundColor: { type: StringConstructor; default: string; }; customStyle: { type: StringConstructor; default: string; }; duration: { type: NumberConstructor; default: number; }; preventScrollThrough: { type: BooleanConstructor; default: boolean; }; visible: BooleanConstructor; zIndex: { type: NumberConstructor; default: number; }; onClick: import("vue").PropType<(context: { e: MouseEvent; }) => void>; }>> & Readonly<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, { backgroundColor: string; customStyle: string; duration: number; preventScrollThrough: boolean; visible: boolean; zIndex: number; }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin; } & import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, { P: {}; B: {}; D: {}; C: {}; M: {}; Defaults: {}; }, Readonly<import("vue").ExtractPropTypes<{ attach: { type: import("vue").PropType<import("@/common").AttachNode>; default: import("@/common").AttachNode; }; closeBtn: { type: import("vue").PropType<boolean | ((h: typeof import("vue").h) => import("@/common").SlotReturnValue)>; }; closeOnOverlayClick: { type: BooleanConstructor; default: boolean; }; destroyOnClose: BooleanConstructor; duration: { type: NumberConstructor; default: number; }; overlayProps: { type: import("vue").PropType<import("@/overlay/type").TdOverlayProps>; default: () => {}; }; placement: { type: import("vue").PropType<"bottom" | "center" | "left" | "right" | "top">; default: "bottom" | "center" | "left" | "right" | "top"; validator(val: "bottom" | "center" | "left" | "right" | "top"): boolean; }; preventScrollThrough: { type: BooleanConstructor; default: boolean; }; showOverlay: { type: BooleanConstructor; default: boolean; }; transitionName: { type: StringConstructor; default: string; }; visible: { type: BooleanConstructor; default: any; }; modelValue: { type: BooleanConstructor; default: any; }; defaultVisible: BooleanConstructor; zIndex: { type: NumberConstructor; }; onClose: import("vue").PropType<(context: { e: MouseEvent; }) => void>; onClosed: import("vue").PropType<() => void>; onOpen: import("vue").PropType<() => void>; onOpened: import("vue").PropType<() => void>; onVisibleChange: import("vue").PropType<(visible: boolean, trigger: import("@/popup").PopupSource) => void>; }>> & Readonly<{ onClose?: (...args: any[]) => any; onClosed?: (...args: any[]) => any; onOpen?: (...args: any[]) => any; onOpened?: (...args: any[]) => any; "onUpdate:modelValue"?: (...args: any[]) => any; "onUpdate:visible"?: (...args: any[]) => any; "onVisible-change"?: (...args: any[]) => any; }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, { attach: import("@/common").AttachNode; closeOnOverlayClick: boolean; destroyOnClose: boolean; duration: number; overlayProps: import("@/overlay/type").TdOverlayProps; placement: "bottom" | "center" | "left" | "right" | "top"; preventScrollThrough: boolean; showOverlay: boolean; transitionName: string; visible: boolean; modelValue: boolean; defaultVisible: boolean; }>; __isFragment?: never; __isTeleport?: never; __isSuspense?: never; } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{ attach: { type: import("vue").PropType<import("@/common").AttachNode>; default: import("@/common").AttachNode; }; closeBtn: { type: import("vue").PropType<boolean | ((h: typeof import("vue").h) => import("@/common").SlotReturnValue)>; }; closeOnOverlayClick: { type: BooleanConstructor; default: boolean; }; destroyOnClose: BooleanConstructor; duration: { type: NumberConstructor; default: number; }; overlayProps: { type: import("vue").PropType<import("@/overlay/type").TdOverlayProps>; default: () => {}; }; placement: { type: import("vue").PropType<"bottom" | "center" | "left" | "right" | "top">; default: "bottom" | "center" | "left" | "right" | "top"; validator(val: "bottom" | "center" | "left" | "right" | "top"): boolean; }; preventScrollThrough: { type: BooleanConstructor; default: boolean; }; showOverlay: { type: BooleanConstructor; default: boolean; }; transitionName: { type: StringConstructor; default: string; }; visible: { type: BooleanConstructor; default: any; }; modelValue: { type: BooleanConstructor; default: any; }; defaultVisible: BooleanConstructor; zIndex: { type: NumberConstructor; }; onClose: import("vue").PropType<(context: { e: MouseEvent; }) => void>; onClosed: import("vue").PropType<() => void>; onOpen: import("vue").PropType<() => void>; onOpened: import("vue").PropType<() => void>; onVisibleChange: import("vue").PropType<(visible: boolean, trigger: import("@/popup").PopupSource) => void>; }>> & Readonly<{ onClose?: (...args: any[]) => any; onClosed?: (...args: any[]) => any; onOpen?: (...args: any[]) => any; onOpened?: (...args: any[]) => any; "onUpdate:modelValue"?: (...args: any[]) => any; "onUpdate:visible"?: (...args: any[]) => any; "onVisible-change"?: (...args: any[]) => any; }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "closed" | "open" | "opened" | "update:modelValue" | "update:visible" | "visible-change")[], "close" | "closed" | "open" | "opened" | "update:modelValue" | "update:visible" | "visible-change", { attach: import("@/common").AttachNode; closeOnOverlayClick: boolean; destroyOnClose: boolean; duration: number; overlayProps: import("@/overlay/type").TdOverlayProps; placement: "bottom" | "center" | "left" | "right" | "top"; preventScrollThrough: boolean; showOverlay: boolean; transitionName: string; visible: boolean; modelValue: boolean; defaultVisible: boolean; }, {}, string, {}, { TNode: { (props: { content: any; }): any; props: string[]; }; TOverlay: { new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{ backgroundColor: { type: StringConstructor; default: string; }; customStyle: { type: StringConstructor; default: string; }; duration: { type: NumberConstructor; default: number; }; preventScrollThrough: { type: BooleanConstructor; default: boolean; }; visible: BooleanConstructor; zIndex: { type: NumberConstructor; default: number; }; onClick: import("vue").PropType<(context: { e: MouseEvent; }) => void>; }>> & Readonly<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, { backgroundColor: string; customStyle: string; duration: number; preventScrollThrough: boolean; visible: boolean; zIndex: number; }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, { P: {}; B: {}; D: {}; C: {}; M: {}; Defaults: {}; }, Readonly<import("vue").ExtractPropTypes<{ backgroundColor: { type: StringConstructor; default: string; }; customStyle: { type: StringConstructor; default: string; }; duration: { type: NumberConstructor; default: number; }; preventScrollThrough: { type: BooleanConstructor; default: boolean; }; visible: BooleanConstructor; zIndex: { type: NumberConstructor; default: number; }; onClick: import("vue").PropType<(context: { e: MouseEvent; }) => void>; }>> & Readonly<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, { backgroundColor: string; customStyle: string; duration: number; preventScrollThrough: boolean; visible: boolean; zIndex: number; }>; __isFragment?: never; __isTeleport?: never; __isSuspense?: never; } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{ backgroundColor: { type: StringConstructor; default: string; }; customStyle: { type: StringConstructor; default: string; }; duration: { type: NumberConstructor; default: number; }; preventScrollThrough: { type: BooleanConstructor; default: boolean; }; visible: BooleanConstructor; zIndex: { type: NumberConstructor; default: number; }; onClick: import("vue").PropType<(context: { e: MouseEvent; }) => void>; }>> & Readonly<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, { backgroundColor: string; customStyle: string; duration: number; preventScrollThrough: boolean; visible: boolean; zIndex: number; }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin; } & import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin; } & import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, { P: {}; B: {}; D: {}; C: {}; M: {}; Defaults: {}; }, Readonly<import("vue").ExtractPropTypes<{ clearable: BooleanConstructor; enableAlpha: BooleanConstructor; fixed: BooleanConstructor; format: { type: import("vue").PropType<"CMYK" | "CSS" | "HEX" | "HEX8" | "HSL" | "HSLA" | "HSV" | "HSVA" | "RGB" | "RGBA">; default: "CMYK" | "CSS" | "HEX" | "HEX8" | "HSL" | "HSLA" | "HSV" | "HSVA" | "RGB" | "RGBA"; validator(val: "CMYK" | "CSS" | "HEX" | "HEX8" | "HSL" | "HSLA" | "HSV" | "HSVA" | "RGB" | "RGBA"): boolean; }; swatchColors: { type: import("vue").PropType<string[]>; default: string[]; }; type: { type: import("vue").PropType<import("@/components").TypeEnum>; default: import("@/components").TypeEnum; validator(val: import("@/components").TypeEnum): boolean; }; value: { type: StringConstructor; default: any; }; modelValue: { type: StringConstructor; default: any; }; defaultValue: { type: StringConstructor; default: string; }; onChange: import("vue").PropType<(value: string, context: { color: import("@/components").ColorObject; trigger: import("@/components").ColorPickerChangeTrigger; }) => void>; onPaletteBarChange: import("vue").PropType<(context: { color: import("@/components").ColorObject; }) => void>; }>> & Readonly<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, { clearable: boolean; enableAlpha: boolean; fixed: boolean; format: "CMYK" | "CSS" | "HEX" | "HEX8" | "HSL" | "HSLA" | "HSV" | "HSVA" | "RGB" | "RGBA"; swatchColors: string[]; type: import("@/components").TypeEnum; value: string; modelValue: string; defaultValue: string; }>; __isFragment?: never; __isTeleport?: never; __isSuspense?: never; } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{ clearable: BooleanConstructor; enableAlpha: BooleanConstructor; fixed: BooleanConstructor; format: { type: import("vue").PropType<"CMYK" | "CSS" | "HEX" | "HEX8" | "HSL" | "HSLA" | "HSV" | "HSVA" | "RGB" | "RGBA">; default: "CMYK" | "CSS" | "HEX" | "HEX8" | "HSL" | "HSLA" | "HSV" | "HSVA" | "RGB" | "RGBA"; validator(val: "CMYK" | "CSS" | "HEX" | "HEX8" | "HSL" | "HSLA" | "HSV" | "HSVA" | "RGB" | "RGBA"): boolean; }; swatchColors: { type: import("vue").PropType<string[]>; default: string[]; }; type: { type: import("vue").PropType<import("@/components").TypeEnum>; default: import("@/components").TypeEnum; validator(val: import("@/components").TypeEnum): boolean; }; value: { type: StringConstructor; default: any; }; modelValue: { type: StringConstructor; default: any; }; defaultValue: { type: StringConstructor; default: string; }; onChange: import("vue").PropType<(value: string, context: { color: import("@/components").ColorObject; trigger: import("@/components").ColorPickerChangeTrigger; }) => void>; onPaletteBarChange: import("vue").PropType<(context: { color: import("@/components").ColorObject; }) => void>; }>> & Readonly<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, { clearable: boolean; enableAlpha: boolean; fixed: boolean; format: "CMYK" | "CSS" | "HEX" | "HEX8" | "HSL" | "HSLA" | "HSV" | "HSVA" | "RGB" | "RGBA"; swatchColors: string[]; type: import("@/components").TypeEnum; value: string; modelValue: string; defaultValue: string; }, {}, string, {}, { TPopup: { new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{ attach: { type: import("vue").PropType<import("@/common").AttachNode>; default: import("@/common").AttachNode; }; closeBtn: { type: import("vue").PropType<boolean | ((h: typeof import("vue").h) => import("@/common").SlotReturnValue)>; }; closeOnOverlayClick: { type: BooleanConstructor; default: boolean; }; destroyOnClose: BooleanConstructor; duration: { type: NumberConstructor; default: number; }; overlayProps: { type: import("vue").PropType<import("@/overlay/type").TdOverlayProps>; default: () => {}; }; placement: { type: import("vue").PropType<"bottom" | "center" | "left" | "right" | "top">; default: "bottom" | "center" | "left" | "right" | "top"; validator(val: "bottom" | "center" | "left" | "right" | "top"): boolean; }; preventScrollThrough: { type: BooleanConstructor; default: boolean; }; showOverlay: { type: BooleanConstructor; default: boolean; }; transitionName: { type: StringConstructor; default: string; }; visible: { type: BooleanConstructor; default: any; }; modelValue: { type: BooleanConstructor; default: any; }; defaultVisible: BooleanConstructor; zIndex: { type: NumberConstructor; }; onClose: import("vue").PropType<(context: { e: MouseEvent; }) => void>; onClosed: import("vue").PropType<() => void>; onOpen: import("vue").PropType<() => void>; onOpened: import("vue").PropType<() => void>; onVisibleChange: import("vue").PropType<(visible: boolean, trigger: import("@/popup").PopupSource) => void>; }>> & Readonly<{ onClose?: (...args: any[]) => any; onClosed?: (...args: any[]) => any; onOpen?: (...args: any[]) => any; onOpened?: (...args: any[]) => any; "onUpdate:modelValue"?: (...args: any[]) => any; "onUpdate:visible"?: (...args: any[]) => any; "onVisible-change"?: (...args: any[]) => any; }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "closed" | "open" | "opened" | "update:modelValue" | "update:visible" | "visible-change")[], import("vue").PublicProps, { attach: import("@/common").AttachNode; closeOnOverlayClick: boolean; destroyOnClose: boolean; duration: number; overlayProps: import("@/overlay/type").TdOverlayProps; placement: "bottom" | "center" | "left" | "right" | "top"; preventScrollThrough: boolean; showOverlay: boolean; transitionName: string; visible: boolean; modelValue: boolean; defaultVisible: boolean; }, true, {}, {}, { TNode: { (props: { content: any; }): any; props: string[]; }; TOverlay: { new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{ backgroundColor: { type: StringConstructor; default: string; }; customStyle: { type: StringConstructor; default: string; }; duration: { type: NumberConstructor; default: number; }; preventScrollThrough: { type: BooleanConstructor; default: boolean; }; visible: BooleanConstructor; zIndex: { type: NumberConstructor; default: number; }; onClick: import("vue").PropType<(context: { e: MouseEvent; }) => void>; }>> & Readonly<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, { backgroundColor: string; customStyle: string; duration: number; preventScrollThrough: boolean; visible: boolean; zIndex: number; }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, { P: {}; B: {}; D: {}; C: {}; M: {}; Defaults: {}; }, Readonly<import("vue").ExtractPropTypes<{ backgroundColor: { type: StringConstructor; default: string; }; customStyle: { type: StringConstructor; default: string; }; duration: { type: NumberConstructor; default: number; }; preventScrollThrough: { type: BooleanConstructor; default: boolean; }; visible: BooleanConstructor; zIndex: { type: NumberConstructor; default: number; }; onClick: import("vue").PropType<(context: { e: MouseEvent; }) => void>; }>> & Readonly<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, { backgroundColor: string; customStyle: string; duration: number; preventScrollThrough: boolean; visible: boolean; zIndex: number; }>; __isFragment?: never; __isTeleport?: never; __isSuspense?: never; } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{ backgroundColor: { type: StringConstructor; default: string; }; customStyle: { type: StringConstructor; default: string; }; duration: { type: NumberConstructor; default: number; }; preventScrollThrough: { type: BooleanConstructor; default: boolean; }; visible: BooleanConstructor; zIndex: { type: NumberConstructor; default: number; }; onClick: import("vue").PropType<(context: { e: MouseEvent; }) => void>; }>> & Readonly<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, { backgroundColor: string; customStyle: string; duration: number; preventScrollThrough: boolean; visible: boolean; zIndex: number; }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin; } & import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, { P: {}; B: {}; D: {}; C: {}; M: {}; Defaults: {}; }, Readonly<import("vue").ExtractPropTypes<{ attach: { type: import("vue").PropType<import("@/common").AttachNode>; default: import("@/common").AttachNode; }; closeBtn: { type: import("vue").PropType<boolean | ((h: typeof import("vue").h) => import("@/common").SlotReturnValue)>; }; closeOnOverlayClick: { type: BooleanConstructor; default: boolean; }; destroyOnClose: BooleanConstructor; duration: { type: NumberConstructor; default: number; }; overlayProps: { type: import("vue").PropType<import("@/overlay/type").TdOverlayProps>; default: () => {}; }; placement: { type: import("vue").PropType<"bottom" | "center" | "left" | "right" | "top">; default: "bottom" | "center" | "left" | "right" | "top"; validator(val: "bottom" | "center" | "left" | "right" | "top"): boolean; }; preventScrollThrough: { type: BooleanConstructor; default: boolean; }; showOverlay: { type: BooleanConstructor; default: boolean; }; transitionName: { type: StringConstructor; default: string; }; visible: { type: BooleanConstructor; default: any; }; modelValue: { type: BooleanConstructor; default: any; }; defaultVisible: BooleanConstructor; zIndex: { type: NumberConstructor; }; onClose: import("vue").PropType<(context: { e: MouseEvent; }) => void>; onClosed: import("vue").PropType<() => void>; onOpen: import("vue").PropType<() => void>; onOpened: import("vue").PropType<() => void>; onVisibleChange: import("vue").PropType<(visible: boolean, trigger: import("@/popup").PopupSource) => void>; }>> & Readonly<{ onClose?: (...args: any[]) => any; onClosed?: (...args: any[]) => any; onOpen?: (...args: any[]) => any; onOpened?: (...args: any[]) => any; "onUpdate:modelValue"?: (...args: any[]) => any; "onUpdate:visible"?: (...args: any[]) => any; "onVisible-change"?: (...args: any[]) => any; }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, { attach: import("@/common").AttachNode; closeOnOverlayClick: boolean; destroyOnClose: boolean; duration: number; overlayProps: import("@/overlay/type").TdOverlayProps; placement: "bottom" | "center" | "left" | "right" | "top"; preventScrollThrough: boolean; showOverlay: boolean; transitionName: string; visible: boolean; modelValue: boolean; defaultVisible: boolean; }>; __isFragment?: never; __isTeleport?: never; __isSuspense?: never; } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{ attach: { type: import("vue").PropType<import("@/common").AttachNode>; default: import("@/common").AttachNode; }; closeBtn: { type: import("vue").PropType<boolean | ((h: typeof import("vue").h) => import("@/common").SlotReturnValue)>; }; closeOnOverlayClick: { type: BooleanConstructor; default: boolean; }; destroyOnClose: BooleanConstructor; duration: { type: NumberConstructor; default: number; }; overlayProps: { type: import("vue").PropType<import("@/overlay/type").TdOverlayProps>; default: () => {}; }; placement: { type: import("vue").PropType<"bottom" | "center" | "left" | "right" | "top">; default: "bottom" | "center" | "left" | "right" | "top"; validator(val: "bottom" | "center" | "left" | "right" | "top"): boolean; }; preventScrollThrough: { type: BooleanConstructor; default: boolean; }; showOverlay: { type: BooleanConstructor; default: boolean; }; transitionName: { type: StringConstructor; default: string; }; visible: { type: BooleanConstructor; default: any; }; modelValue: { type: BooleanConstructor; default: any; }; defaultVisible: BooleanConstructor; zIndex: { type: NumberConstructor; }; onClose: import("vue").PropType<(context: { e: MouseEvent; }) => void>; onClosed: import("vue").PropType<() => void>; onOpen: import("vue").PropType<() => void>; onOpened: import("vue").PropType<() => void>; onVisibleChange: import("vue").PropType<(visible: boolean, trigger: import("@/popup").PopupSource) => void>; }>> & Readonly<{ onClose?: (...args: any[]) => any; onClosed?: (...args: any[]) => any; onOpen?: (...args: any[]) => any; onOpened?: (...args: any[]) => any; "onUpdate:modelValue"?: (...args: any[]) => any; "onUpdate:visible"?: (...args: any[]) => any; "onVisible-change"?: (...args: any[]) => any; }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "closed" | "open" | "opened" | "update:modelValue" | "update:visible" | "visible-change")[], "close" | "closed" | "open" | "opened" | "update:modelValue" | "update:visible" | "visible-change", { attach: import("@/common").AttachNode; closeOnOverlayClick: boolean; destroyOnClose: boolean; duration: number; overlayProps: import("@/overlay/type").TdOverlayProps; placement: "bottom" | "center" | "left" | "right" | "top"; preventScrollThrough: boolean; showOverlay: boolean; transitionName: string; visible: boolean; modelValue: boolean; defaultVisible: boolean; }, {}, string, {}, { TNode: { (props: { content: any; }): any; props: string[]; }; TOverlay: { new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{ backgroundColor: { type: StringConstructor; default: string; }; customStyle: { type: StringConstructor; default: string; }; duration: { type: NumberConstructor; default: number; }; preventScrollThrough: { type: BooleanConstructor; default: boolean; }; visible: BooleanConstructor; zIndex: { type: NumberConstructor; default: number; }; onClick: import("vue").PropType<(context: { e: MouseEvent; }) => void>; }>> & Readonly<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, { backgroundColor: string; customStyle: string; duration: number; preventScrollThrough: boolean; visible: boolean; zIndex: number; }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, { P: {}; B: {}; D: {}; C: {}; M: {}; Defaults: {}; }, Readonly<import("vue").ExtractPropTypes<{ backgroundColor: { type: StringConstructor; default: string; }; customStyle: { type: StringConstructor; default: string; }; duration: { type: NumberConstructor; default: number; }; preventScrollThrough: { type: BooleanConstructor; default: boolean; }; visible: BooleanConstructor; zIndex: { type: NumberConstructor; default: number; }; onClick: import("vue").PropType<(context: { e: MouseEvent; }) => void>; }>> & Readonly<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, { backgroundColor: string; customStyle: string; duration: number; preventScrollThrough: boolean; visible: boolean; zIndex: number; }>; __isFragment?: never; __isTeleport?: never; __isSuspense?: never; } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{ backgroundColor: { type: StringConstructor; default: string; }; customStyle: { type: StringConstructor; default: string; }; duration: { type: NumberConstructor; default: number; }; preventScrollThrough: { type: BooleanConstructor; default: boolean; }; visible: BooleanConstructor; zIndex: { type: NumberConstructor; default: number; }; onClick: import("vue").PropType<(context: { e: MouseEvent; }) => void>; }>> & Readonly<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, { backgroundColor: string; customStyle: string; duration: number; preventScrollThrough: boolean; visible: boolean; zIndex: number; }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin; } & import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin; } & import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin; export default ColorPicker;