vdrag-topo-ui/dist/lib/src/vtColorLinearAndRadial/components/purePicker.vue.d.ts

import { Color } from "../../../utils/color";
declare const _sfc_main: import("vue").DefineComponent<{
    pureColor?: any;
}, {
    advancePanelShow: import("vue").Ref<boolean, boolean>;
    props: any;
    emit: (event: "change" | "panelRefHeightChange", ...args: any[]) => void;
    instance: 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>;
export default _sfc_main;