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;