vdrag-topo-ui/dist/lib/src/vtColorLinearAndRadial/index.d.ts

declare const vtColorLinearAndRadial: import("vdrag-topo-utils/dist/lib/src/withinstall").SFCWithInstall<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
    config: {
        type: null;
        required: true;
        default: () => {
            label: string;
            key: string;
            linearkey: string;
            radialKey: string;
            mode: string[];
            currentModeKey: string;
        };
    };
    data: {
        type: null;
        required: true;
    };
}>, {
    props: any;
    config: import("vue").Ref<any, any>;
    data: import("vue").Ref<any, any>;
    state: {
        pureColor: any;
        linearGradientColor: any;
        radialGradientColor: any;
    };
    currentModeKey: any;
    activeKey: import("vue").Ref<"pure" | "linearGradient" | "radialGradient", "pure" | "linearGradient" | "radialGradient">;
    MARGIN: number;
    isShowPanel: import("vue").Ref<boolean, boolean>;
    pickerRef: import("vue").Ref<null, null>;
    panelRef: import("vue").Ref<null, null>;
    height: import("vue").Ref<number, number>;
    width: import("vue").Ref<number, number>;
    minLeft: import("vue").Ref<number, number>;
    emit: (event: "changeValue", ...args: any[]) => void;
    showPanel: () => void;
    changeActiveKey: (key: "pure" | "linearGradient" | "radialGradient") => void;
    onColorChange: (color: string) => void;
    panelRefHeightChange: () => void;
    onColorChangeFn: import("@vueuse/shared").PromisifyFn<(color: string) => void>;
    emitColorChange: import("@vueuse/shared").PromisifyFn<(key: any, value: any) => void>;
    getBgColorStyle: import("vue").ComputedRef<{
        background: any;
    }>;
    getComponentName: import("vue").ComputedRef<import("vue").DefineComponent<{
        pureColor?: any;
    }, {
        advancePanelShow: import("vue").Ref<boolean, boolean>;
        props: any;
        emit: (event: "change" | "panelRefHeightChange", ...args: any[]) => void;
        instance: import("../../utils/color").Color;
        state: {
            color: {
                toString: (format?: import("../../utils/color").ColorFormat | undefined) => string;
                toHexString: () => string;
                toRgbString: () => string;
                hex: string;
                hue: number;
                saturation: number;
                brightness: number;
                lightness: number;
                red: number;
                green: number;
                blue: number;
                alpha: number;
                readonly RGB: number[];
                readonly HSB: number[];
                readonly HSL: number[];
            };
        };
        historyColors: import("@vueuse/shared").RemovableRef<string[]>;
        onBack: () => void;
        onCompactChange: (color: string) => void;
        onBoardChange: (saturation: number, brightness: number) => void;
        onHueChange: (hue: number) => void;
        onLightChange: (light: number) => void;
        onAlphaChange: (alpha: number) => void;
        updateColorHistoryFn: import("@vueuse/shared").PromisifyFn<() => void>;
        PaletteCom: import("vue").DefineComponent<{}, {
            palettes: string[][];
            emit: (event: "change", ...args: any[]) => void;
            onColorChange: (color: string) => void;
        }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "change"[], "change", import("vue").PublicProps, Readonly<{}> & Readonly<{
            onChange?: ((...args: any[]) => any) | undefined;
        }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
        BoardCom: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
            color: {
                type: null;
                required: false;
            };
        }>, {
            boardElementRef: import("vue").Ref<null, null>;
            props: any;
            emit: (event: "change", ...args: any[]) => void;
            instance: import("vue").ComponentInternalInstance | null;
            hueHsv: {
                h: any;
                s: number;
                v: number;
            };
            hueColor: string;
            state: {
                hueColor: string;
                saturation: any;
                brightness: any;
            };
            cursorTop: import("vue").Ref<number, number>;
            cursorLeft: import("vue").Ref<number, number>;
            cursorElement: import("vue").Ref<HTMLElement | null | undefined, HTMLElement | null | undefined>;
            boardElement: import("vue").Ref<HTMLElement | null | undefined, HTMLElement | null | undefined>;
            updatePosition: () => void;
            getCursorStyle: import("vue").ComputedRef<{
                top: string;
                left: string;
            }>;
            onClickBoard: (event: Event) => void;
            handleDrag: (event: MouseEvent) => void;
        }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "change"[], "change", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
            color: {
                type: null;
                required: false;
            };
        }>> & Readonly<{
            onChange?: ((...args: any[]) => any) | undefined;
        }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
        HueCom: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
            color: {
                type: null;
                required: false;
            };
        }>, {
            props: any;
            emit: (event: "change", ...args: any[]) => void;
            barElement: import("vue").Ref<HTMLElement | null, HTMLElement | null>;
            cursorElement: import("vue").Ref<HTMLElement | null, HTMLElement | null>;
            color: any;
            state: {
                hue: any;
            };
            onClickSider: (event: Event) => void;
            getCursorStyle: import("vue").ComputedRef<{
                left: string;
                top: number;
            }>;
            getCursorLeft: () => number;
            onMoveBar: (event: MouseEvent) => void;
        }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "change"[], "change", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
            color: {
                type: null;
                required: false;
            };
        }>> & Readonly<{
            onChange?: ((...args: any[]) => any) | undefined;
        }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
        LightnessCom: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
            color: {
                type: null;
                required: false;
            };
            size: {
                type: StringConstructor;
                required: false;
                default: string;
            };
        }>, {
            props: any;
            emit: (event: "change", ...args: any[]) => void;
            barElement: import("vue").Ref<HTMLElement | null, HTMLElement | null>;
            cursorElement: import("vue").Ref<HTMLElement | null, HTMLElement | null>;
            color: any;
            h: any;
            s: any;
            l: any;
            state: {
                hue: any;
                saturation: any;
                lightness: any;
            };
            getBackgroundStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
            getCursorLeft: () => number;
            getCursorStyle: import("vue").ComputedRef<{
                left: string;
                top: number;
            }>;
            onClickSider: (event: Event) => void;
            onMoveBar: (event: MouseEvent) => void;
        }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "change"[], "change", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
            color: {
                type: null;
                required: false;
            };
            size: {
                type: StringConstructor;
                required: false;
                default: string;
            };
        }>> & Readonly<{
            onChange?: ((...args: any[]) => any) | undefined;
        }>, {
            size: string;
        }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
        AlphaCom: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
            color: {
                type: null;
                required: false;
            };
        }>, {
            props: any;
            emit: (event: "change", ...args: any[]) => void;
            barElement: import("vue").Ref<HTMLElement | null, HTMLElement | null>;
            cursorElement: import("vue").Ref<HTMLElement | null, HTMLElement | null>;
            color: any;
            state: {
                red: any;
                green: any;
                blue: any;
                alpha: any;
            };
            getBackgroundStyle: import("vue").ComputedRef<{
                background: string;
            }>;
            getCursorLeft: () => number;
            getCursorStyle: import("vue").ComputedRef<{
                left: string;
                top: number;
            }>;
            onClickSider: (event: Event) => void;
            onMoveBar: (event: MouseEvent) => void;
        }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "change"[], "change", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
            color: {
                type: null;
                required: false;
            };
        }>> & Readonly<{
            onChange?: ((...args: any[]) => any) | undefined;
        }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
        DisplayCom: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
            color: {
                type: null;
                required: false;
            };
        }>, {
            props: any;
            state: {
                color: any;
                hex: any;
                alpha: string;
            };
            getBgColorStyle: import("vue").ComputedRef<{
                background: any;
            }>;
            dropColor: () => false | undefined;
            onAlphaBlur: import("@vueuse/shared").PromisifyFn<(event: any) => void>;
            onInputChange: import("@vueuse/shared").PromisifyFn<(event: any) => void>;
        }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
            color: {
                type: null;
                required: false;
            };
        }>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
        HistoryCom: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
            colors: {
                type: null;
                required: false;
            };
        }>, {
            emit: (event: "change", ...args: any[]) => void;
            onColorSelect: (v: string) => void;
        }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "change"[], "change", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
            colors: {
                type: null;
                required: false;
            };
        }>> & Readonly<{
            onChange?: ((...args: any[]) => any) | undefined;
        }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "panelRefHeightChange")[], "change" | "panelRefHeightChange", import("vue").PublicProps, Readonly<{
        pureColor?: any;
    }> & Readonly<{
        onChange?: ((...args: any[]) => any) | undefined;
        onPanelRefHeightChange?: ((...args: any[]) => any) | undefined;
    }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any> | import("vue").DefineComponent<{
        linearGradientsColor?: any;
    }, {
        advancePanelShow: import("vue").Ref<boolean, boolean>;
        linearGradientsColorDefault: string;
        props: any;
        emit: (event: "change" | "panelRefHeightChange", ...args: any[]) => void;
        state: {
            grandients: never[];
            color: {
                toString: (format?: import("../../utils/color").ColorFormat | undefined) => string;
                toHexString: () => string;
                toRgbString: () => string;
                hex: string;
                hue: number;
                saturation: number;
                brightness: number;
                lightness: number;
                red: number;
                green: number;
                blue: number;
                alpha: number;
                readonly RGB: number[];
                readonly HSB: number[];
                readonly HSL: number[];
            };
            linearGradientsAngle: number;
            linearGradientsColorStr: string;
        };
        pickerActive: import("vue").Ref<number, number>;
        historyColors: import("@vueuse/shared").RemovableRef<string[]>;
        onBack: () => void;
        onCompactChange: (color: string) => void;
        onBoardChange: (saturation: number, brightness: number) => void;
        onHueChange: (hue: number) => void;
        onLightChange: (light: number) => void;
        onAlphaChange: (alpha: number) => void;
        onLinearChange: (value: any) => void;
        onPickerActiveChange: (index: number) => void;
        updateColorHistoryFn: import("@vueuse/shared").PromisifyFn<() => void>;
        parseGradientColor: (gradientColor: string) => {
            grandients: any;
            angle: number;
        };
        LinearGrad: import("vue").DefineComponent<{
            grandients?: any;
            angle?: any;
            pickerActive?: any;
        }, {
            maskImgUrl: string;
            props: any;
            emit: (event: "change" | "onPickerActiveChange", ...args: any[]) => void;
            state: {
                grandients: any;
                angle: any;
            };
            dragPickerIndex: import("vue").Ref<number, number>;
            dragPickerColor: import("vue").Ref<string, string>;
            linearSliderRef: import("vue").Ref<HTMLElement | null, HTMLElement | null>;
            angleRef: import("vue").Ref<HTMLElement | null, HTMLElement | null>;
            pickerWidth: number;
            linearSliderWidth: number;
            getBackgroundStyle: import("vue").ComputedRef<{
                background: string;
                width: string;
            }>;
            previewLinearColor: import("vue").ComputedRef<string>;
            getPickerLeftStyle: import("vue").ComputedRef<(index: number) => {
                left: string;
            }>;
            getPickerLeft: (index: number) => number;
            mousedown: (index: number) => void;
            onMoveBar: (event: MouseEvent) => void;
            debouncedAddPicker: import("@vueuse/shared").PromisifyFn<(event: any) => void>;
            addPicker: (event: MouseEvent) => void;
            deletePicker: (index: number) => void;
            readonly CircleCloseFilled: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
            readonly Angle: import("vue").DefineComponent<{
                angle: {
                    type: NumberConstructor;
                    default: number;
                };
                size: {
                    type: NumberConstructor;
                    default: number;
                    validator: (value: number) => boolean;
                };
                borderWidth: {
                    type: NumberConstructor;
                    default: number;
                    validator: (value: number) => boolean;
                };
                borderColor: {
                    type: StringConstructor;
                    default: string;
                };
            }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:angle")[], "change" | "update:angle", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
                angle?: unknown;
                size?: unknown;
                borderWidth?: unknown;
                borderColor?: unknown;
            } & {
                size: number;
                angle: number;
                borderWidth: number;
                borderColor: string;
            }> & {
                onChange?: ((...args: any[]) => any) | undefined;
                "onUpdate:angle"?: ((...args: any[]) => any) | undefined;
            }, {
                size: number;
                angle: number;
                borderWidth: number;
                borderColor: string;
            }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
        }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "onPickerActiveChange")[], "change" | "onPickerActiveChange", import("vue").PublicProps, Readonly<{
            grandients?: any;
            angle?: any;
            pickerActive?: any;
        }> & Readonly<{
            onChange?: ((...args: any[]) => any) | undefined;
            onOnPickerActiveChange?: ((...args: any[]) => any) | undefined;
        }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
        PaletteCom: import("vue").DefineComponent<{}, {
            palettes: string[][];
            emit: (event: "change", ...args: any[]) => void;
            onColorChange: (color: string) => void;
        }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "change"[], "change", import("vue").PublicProps, Readonly<{}> & Readonly<{
            onChange?: ((...args: any[]) => any) | undefined;
        }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
        BoardCom: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
            color: {
                type: null;
                required: false;
            };
        }>, {
            boardElementRef: import("vue").Ref<null, null>;
            props: any;
            emit: (event: "change", ...args: any[]) => void;
            instance: import("vue").ComponentInternalInstance | null;
            hueHsv: {
                h: any;
                s: number;
                v: number;
            };
            hueColor: string;
            state: {
                hueColor: string;
                saturation: any;
                brightness: any;
            };
            cursorTop: import("vue").Ref<number, number>;
            cursorLeft: import("vue").Ref<number, number>;
            cursorElement: import("vue").Ref<HTMLElement | null | undefined, HTMLElement | null | undefined>;
            boardElement: import("vue").Ref<HTMLElement | null | undefined, HTMLElement | null | undefined>;
            updatePosition: () => void;
            getCursorStyle: import("vue").ComputedRef<{
                top: string;
                left: string;
            }>;
            onClickBoard: (event: Event) => void;
            handleDrag: (event: MouseEvent) => void;
        }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "change"[], "change", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
            color: {
                type: null;
                required: false;
            };
        }>> & Readonly<{
            onChange?: ((...args: any[]) => any) | undefined;
        }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
        HueCom: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
            color: {
                type: null;
                required: false;
            };
        }>, {
            props: any;
            emit: (event: "change", ...args: any[]) => void;
            barElement: import("vue").Ref<HTMLElement | null, HTMLElement | null>;
            cursorElement: import("vue").Ref<HTMLElement | null, HTMLElement | null>;
            color: any;
            state: {
                hue: any;
            };
            onClickSider: (event: Event) => void;
            getCursorStyle: import("vue").ComputedRef<{
                left: string;
                top: number;
            }>;
            getCursorLeft: () => number;
            onMoveBar: (event: MouseEvent) => void;
        }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "change"[], "change", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
            color: {
                type: null;
                required: false;
            };
        }>> & Readonly<{
            onChange?: ((...args: any[]) => any) | undefined;
        }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
        LightnessCom: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
            color: {
                type: null;
                required: false;
            };
            size: {
                type: StringConstructor;
                required: false;
                default: string;
            };
        }>, {
            props: any;
            emit: (event: "change", ...args: any[]) => void;
            barElement: import("vue").Ref<HTMLElement | null, HTMLElement | null>;
            cursorElement: import("vue").Ref<HTMLElement | null, HTMLElement | null>;
            color: any;
            h: any;
            s: any;
            l: any;
            state: {
                hue: any;
                saturation: any;
                lightness: any;
            };
            getBackgroundStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
            getCursorLeft: () => number;
            getCursorStyle: import("vue").ComputedRef<{
                left: string;
                top: number;
            }>;
            onClickSider: (event: Event) => void;
            onMoveBar: (event: MouseEvent) => void;
        }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "change"[], "change", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
            color: {
                type: null;
                required: false;
            };
            size: {
                type: StringConstructor;
                required: false;
                default: string;
            };
        }>> & Readonly<{
            onChange?: ((...args: any[]) => any) | undefined;
        }>, {
            size: string;
        }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
        AlphaCom: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
            color: {
                type: null;
                required: false;
            };
        }>, {
            props: any;
            emit: (event: "change", ...args: any[]) => void;
            barElement: import("vue").Ref<HTMLElement | null, HTMLElement | null>;
            cursorElement: import("vue").Ref<HTMLElement | null, HTMLElement | null>;
            color: any;
            state: {
                red: any;
                green: any;
                blue: any;
                alpha: any;
            };
            getBackgroundStyle: import("vue").ComputedRef<{
                background: string;
            }>;
            getCursorLeft: () => number;
            getCursorStyle: import("vue").ComputedRef<{
                left: string;
                top: number;
            }>;
            onClickSider: (event: Event) => void;
            onMoveBar: (event: MouseEvent) => void;
        }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "change"[], "change", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
            color: {
                type: null;
                required: false;
            };
        }>> & Readonly<{
            onChange?: ((...args: any[]) => any) | undefined;
        }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
        DisplayCom: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
            color: {
                type: null;
                required: false;
            };
        }>, {
            props: any;
            state: {
                color: any;
                hex: any;
                alpha: string;
            };
            getBgColorStyle: import("vue").ComputedRef<{
                background: any;
            }>;
            dropColor: () => false | undefined;
            onAlphaBlur: import("@vueuse/shared").PromisifyFn<(event: any) => void>;
            onInputChange: import("@vueuse/shared").PromisifyFn<(event: any) => void>;
        }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
            color: {
                type: null;
                required: false;
            };
        }>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
        HistoryCom: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
            colors: {
                type: null;
                required: false;
            };
        }>, {
            emit: (event: "change", ...args: any[]) => void;
            onColorSelect: (v: string) => void;
        }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "change"[], "change", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
            colors: {
                type: null;
                required: false;
            };
        }>> & Readonly<{
            onChange?: ((...args: any[]) => any) | undefined;
        }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "panelRefHeightChange")[], "change" | "panelRefHeightChange", import("vue").PublicProps, Readonly<{
        linearGradientsColor?: any;
    }> & Readonly<{
        onChange?: ((...args: any[]) => any) | undefined;
        onPanelRefHeightChange?: ((...args: any[]) => any) | undefined;
    }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any> | import("vue").DefineComponent<{
        radialGradientsColor?: any;
    }, {
        advancePanelShow: import("vue").Ref<boolean, boolean>;
        radialGradientsColorDefault: string;
        props: any;
        emit: (event: "change" | "panelRefHeightChange", ...args: any[]) => void;
        state: {
            grandients: never[];
            color: {
                toString: (format?: import("../../utils/color").ColorFormat | undefined) => string;
                toHexString: () => string;
                toRgbString: () => string;
                hex: string;
                hue: number;
                saturation: number;
                brightness: number;
                lightness: number;
                red: number;
                green: number;
                blue: number;
                alpha: number;
                readonly RGB: number[];
                readonly HSB: number[];
                readonly HSL: number[];
            };
            radialGradientsColorStr: string;
        };
        pickerActive: import("vue").Ref<number, number>;
        historyColors: import("@vueuse/shared").RemovableRef<string[]>;
        onBack: () => void;
        onCompactChange: (color: string) => void;
        onBoardChange: (saturation: number, brightness: number) => void;
        onHueChange: (hue: number) => void;
        onLightChange: (light: number) => void;
        onAlphaChange: (alpha: number) => void;
        onRadialChange: (value: string) => void;
        onPickerActiveChange: (index: number) => void;
        updateColorHistoryFn: import("@vueuse/shared").PromisifyFn<() => void>;
        parseGradientColor: (gradientColor: string) => {
            grandients: any;
        };
        RadialGrad: import("vue").DefineComponent<{
            grandients?: any;
            pickerActive?: any;
        }, {
            maskImgUrl: string;
            props: any;
            emit: (event: "change" | "onPickerActiveChange", ...args: any[]) => void;
            state: {
                grandients: any;
            };
            dragPickerIndex: import("vue").Ref<number, number>;
            dragPickerColor: import("vue").Ref<string, string>;
            radialSliderRef: import("vue").Ref<HTMLElement | null, HTMLElement | null>;
            pickerWidth: number;
            radialSliderWidth: number;
            getBackgroundStyle: import("vue").ComputedRef<{
                background: string;
                width: string;
            }>;
            previewLinearColor: import("vue").ComputedRef<string>;
            getPickerLeftStyle: import("vue").ComputedRef<(index: number) => {
                left: string;
            }>;
            getPickerLeft: (index: number) => number;
            mousedown: (index: number) => void;
            onMoveBar: (event: MouseEvent) => void;
            debouncedAddPicker: import("@vueuse/shared").PromisifyFn<(event: any) => void>;
            addPicker: (event: MouseEvent) => void;
            deletePicker: (index: number) => void;
            readonly CircleCloseFilled: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
        }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "onPickerActiveChange")[], "change" | "onPickerActiveChange", import("vue").PublicProps, Readonly<{
            grandients?: any;
            pickerActive?: any;
        }> & Readonly<{
            onChange?: ((...args: any[]) => any) | undefined;
            onOnPickerActiveChange?: ((...args: any[]) => any) | undefined;
        }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
        PaletteCom: import("vue").DefineComponent<{}, {
            palettes: string[][];
            emit: (event: "change", ...args: any[]) => void;
            onColorChange: (color: string) => void;
        }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "change"[], "change", import("vue").PublicProps, Readonly<{}> & Readonly<{
            onChange?: ((...args: any[]) => any) | undefined;
        }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
        BoardCom: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
            color: {
                type: null;
                required: false;
            };
        }>, {
            boardElementRef: import("vue").Ref<null, null>;
            props: any;
            emit: (event: "change", ...args: any[]) => void;
            instance: import("vue").ComponentInternalInstance | null;
            hueHsv: {
                h: any;
                s: number;
                v: number;
            };
            hueColor: string;
            state: {
                hueColor: string;
                saturation: any;
                brightness: any;
            };
            cursorTop: import("vue").Ref<number, number>;
            cursorLeft: import("vue").Ref<number, number>;
            cursorElement: import("vue").Ref<HTMLElement | null | undefined, HTMLElement | null | undefined>;
            boardElement: import("vue").Ref<HTMLElement | null | undefined, HTMLElement | null | undefined>;
            updatePosition: () => void;
            getCursorStyle: import("vue").ComputedRef<{
                top: string;
                left: string;
            }>;
            onClickBoard: (event: Event) => void;
            handleDrag: (event: MouseEvent) => void;
        }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "change"[], "change", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
            color: {
                type: null;
                required: false;
            };
        }>> & Readonly<{
            onChange?: ((...args: any[]) => any) | undefined;
        }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
        HueCom: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
            color: {
                type: null;
                required: false;
            };
        }>, {
            props: any;
            emit: (event: "change", ...args: any[]) => void;
            barElement: import("vue").Ref<HTMLElement | null, HTMLElement | null>;
            cursorElement: import("vue").Ref<HTMLElement | null, HTMLElement | null>;
            color: any;
            state: {
                hue: any;
            };
            onClickSider: (event: Event) => void;
            getCursorStyle: import("vue").ComputedRef<{
                left: string;
                top: number;
            }>;
            getCursorLeft: () => number;
            onMoveBar: (event: MouseEvent) => void;
        }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "change"[], "change", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
            color: {
                type: null;
                required: false;
            };
        }>> & Readonly<{
            onChange?: ((...args: any[]) => any) | undefined;
        }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
        LightnessCom: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
            color: {
                type: null;
                required: false;
            };
            size: {
                type: StringConstructor;
                required: false;
                default: string;
            };
        }>, {
            props: any;
            emit: (event: "change", ...args: any[]) => void;
            barElement: import("vue").Ref<HTMLElement | null, HTMLElement | null>;
            cursorElement: import("vue").Ref<HTMLElement | null, HTMLElement | null>;
            color: any;
            h: any;
            s: any;
            l: any;
            state: {
                hue: any;
                saturation: any;
                lightness: any;
            };
            getBackgroundStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
            getCursorLeft: () => number;
            getCursorStyle: import("vue").ComputedRef<{
                left: string;
                top: number;
            }>;
            onClickSider: (event: Event) => void;
            onMoveBar: (event: MouseEvent) => void;
        }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "change"[], "change", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
            color: {
                type: null;
                required: false;
            };
            size: {
                type: StringConstructor;
                required: false;
                default: string;
            };
        }>> & Readonly<{
            onChange?: ((...args: any[]) => any) | undefined;
        }>, {
            size: string;
        }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
        AlphaCom: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
            color: {
                type: null;
                required: false;
            };
        }>, {
            props: any;
            emit: (event: "change", ...args: any[]) => void;
            barElement: import("vue").Ref<HTMLElement | null, HTMLElement | null>;
            cursorElement: import("vue").Ref<HTMLElement | null, HTMLElement | null>;
            color: any;
            state: {
                red: any;
                green: any;
                blue: any;
                alpha: any;
            };
            getBackgroundStyle: import("vue").ComputedRef<{
                background: string;
            }>;
            getCursorLeft: () => number;
            getCursorStyle: import("vue").ComputedRef<{
                left: string;
                top: number;
            }>;
            onClickSider: (event: Event) => void;
            onMoveBar: (event: MouseEvent) => void;
        }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "change"[], "change", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
            color: {
                type: null;
                required: false;
            };
        }>> & Readonly<{
            onChange?: ((...args: any[]) => any) | undefined;
        }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
        DisplayCom: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
            color: {
                type: null;
                required: false;
            };
        }>, {
            props: any;
            state: {
                color: any;
                hex: any;
                alpha: string;
            };
            getBgColorStyle: import("vue").ComputedRef<{
                background: any;
            }>;
            dropColor: () => false | undefined;
            onAlphaBlur: import("@vueuse/shared").PromisifyFn<(event: any) => void>;
            onInputChange: import("@vueuse/shared").PromisifyFn<(event: any) => void>;
        }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
            color: {
                type: null;
                required: false;
            };
        }>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
        HistoryCom: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
            colors: {
                type: null;
                required: false;
            };
        }>, {
            emit: (event: "change", ...args: any[]) => void;
            onColorSelect: (v: string) => void;
        }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "change"[], "change", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
            colors: {
                type: null;
                required: false;
            };
        }>> & Readonly<{
            onChange?: ((...args: any[]) => any) | undefined;
        }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "panelRefHeightChange")[], "change" | "panelRefHeightChange", import("vue").PublicProps, Readonly<{
        radialGradientsColor?: any;
    }> & Readonly<{
        onChange?: ((...args: any[]) => any) | undefined;
        onPanelRefHeightChange?: ((...args: any[]) => any) | undefined;
    }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
    getBindArgs: import("vue").ComputedRef<{
        pureColor: any;
        linearGradientsColor?: undefined;
        radialGradientsColor?: undefined;
    } | {
        linearGradientsColor: any;
        pureColor?: undefined;
        radialGradientsColor?: undefined;
    } | {
        radialGradientsColor: any;
        pureColor?: undefined;
        linearGradientsColor?: undefined;
    }>;
    getPosition: import("vue").ComputedRef<{
        position: string;
        top: string;
        left: string;
        width: string;
        zIndex: number;
    }>;
    vtLabel: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
        config: {
            type: null;
            required: true;
            default: () => {
                label: string;
                tip: string;
            };
        };
    }>, {
        readonly QuestionFilled: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
        config: {
            type: null;
            required: true;
            default: () => {
                label: string;
                tip: string;
            };
        };
    }>> & Readonly<{}>, {
        config: any;
    }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
    WrapContainer: import("vue").DefineComponent<{
        mode?: any;
        activeKey?: any;
    }, {
        emit: (event: "change", ...args: any[]) => void;
        changeActiveKey: (activeKey: string) => void;
        modeType: any;
    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "change"[], "change", import("vue").PublicProps, Readonly<{
        mode?: any;
        activeKey?: any;
    }> & Readonly<{
        onChange?: ((...args: any[]) => any) | undefined;
    }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "changeValue"[], "changeValue", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
    config: {
        type: null;
        required: true;
        default: () => {
            label: string;
            key: string;
            linearkey: string;
            radialKey: string;
            mode: string[];
            currentModeKey: string;
        };
    };
    data: {
        type: null;
        required: true;
    };
}>> & Readonly<{
    onChangeValue?: ((...args: any[]) => any) | undefined;
}>, {
    config: any;
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
export default vtColorLinearAndRadial;