@arco-design/web-vue/es/color-picker/index.d.ts

Arco Design Vue 2.0: A Vue.js 3 UI Library

import type { App } from 'vue';
import type { ArcoOptions } from '../_utils/types';
import _ColorPicker from './color-picker';
declare const ColorPicker: {
    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
        modelValue: StringConstructor;
        defaultValue: {
            type: StringConstructor;
        };
        format: {
            type: import("vue").PropType<"hex" | "rgb">;
        };
        size: {
            type: import("vue").PropType<"mini" | "small" | "medium" | "large">;
            default: string;
        };
        showText: {
            type: BooleanConstructor;
            default: boolean;
        };
        showHistory: {
            type: BooleanConstructor;
            default: boolean;
        };
        showPreset: {
            type: BooleanConstructor;
            default: boolean;
        };
        disabled: {
            type: BooleanConstructor;
            default: boolean;
        };
        disabledAlpha: {
            type: BooleanConstructor;
            default: boolean;
        };
        hideTrigger: {
            type: BooleanConstructor;
        };
        triggerProps: {
            type: import("vue").PropType<Partial<import("..").TriggerProps>>;
        };
        historyColors: {
            type: import("vue").PropType<string[]>;
        };
        presetColors: {
            type: import("vue").PropType<string[]>;
            default: () => string[];
        };
    }>> & Readonly<{
        onChange?: ((value: string) => any) | undefined;
        "onUpdate:modelValue"?: ((value: string) => any) | undefined;
        "onPopup-visible-change"?: ((visible: boolean, value: string) => any) | undefined;
    }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
        'update:modelValue': (value: string) => true;
        change: (value: string) => true;
        'popup-visible-change': (visible: boolean, value: string) => true;
    }, import("vue").PublicProps, {
        size: "mini" | "small" | "medium" | "large";
        disabled: boolean;
        hideTrigger: boolean;
        showText: boolean;
        showHistory: boolean;
        showPreset: boolean;
        disabledAlpha: boolean;
        presetColors: string[];
    }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
        P: {};
        B: {};
        D: {};
        C: {};
        M: {};
        Defaults: {};
    }, Readonly<import("vue").ExtractPropTypes<{
        modelValue: StringConstructor;
        defaultValue: {
            type: StringConstructor;
        };
        format: {
            type: import("vue").PropType<"hex" | "rgb">;
        };
        size: {
            type: import("vue").PropType<"mini" | "small" | "medium" | "large">;
            default: string;
        };
        showText: {
            type: BooleanConstructor;
            default: boolean;
        };
        showHistory: {
            type: BooleanConstructor;
            default: boolean;
        };
        showPreset: {
            type: BooleanConstructor;
            default: boolean;
        };
        disabled: {
            type: BooleanConstructor;
            default: boolean;
        };
        disabledAlpha: {
            type: BooleanConstructor;
            default: boolean;
        };
        hideTrigger: {
            type: BooleanConstructor;
        };
        triggerProps: {
            type: import("vue").PropType<Partial<import("..").TriggerProps>>;
        };
        historyColors: {
            type: import("vue").PropType<string[]>;
        };
        presetColors: {
            type: import("vue").PropType<string[]>;
            default: () => string[];
        };
    }>> & Readonly<{
        onChange?: ((value: string) => any) | undefined;
        "onUpdate:modelValue"?: ((value: string) => any) | undefined;
        "onPopup-visible-change"?: ((visible: boolean, value: string) => any) | undefined;
    }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, {
        size: "mini" | "small" | "medium" | "large";
        disabled: boolean;
        hideTrigger: boolean;
        showText: boolean;
        showHistory: boolean;
        showPreset: boolean;
        disabledAlpha: boolean;
        presetColors: string[];
    }>;
    __isFragment?: undefined;
    __isTeleport?: undefined;
    __isSuspense?: undefined;
} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
    modelValue: StringConstructor;
    defaultValue: {
        type: StringConstructor;
    };
    format: {
        type: import("vue").PropType<"hex" | "rgb">;
    };
    size: {
        type: import("vue").PropType<"mini" | "small" | "medium" | "large">;
        default: string;
    };
    showText: {
        type: BooleanConstructor;
        default: boolean;
    };
    showHistory: {
        type: BooleanConstructor;
        default: boolean;
    };
    showPreset: {
        type: BooleanConstructor;
        default: boolean;
    };
    disabled: {
        type: BooleanConstructor;
        default: boolean;
    };
    disabledAlpha: {
        type: BooleanConstructor;
        default: boolean;
    };
    hideTrigger: {
        type: BooleanConstructor;
    };
    triggerProps: {
        type: import("vue").PropType<Partial<import("..").TriggerProps>>;
    };
    historyColors: {
        type: import("vue").PropType<string[]>;
    };
    presetColors: {
        type: import("vue").PropType<string[]>;
        default: () => string[];
    };
}>> & Readonly<{
    onChange?: ((value: string) => any) | undefined;
    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
    "onPopup-visible-change"?: ((visible: boolean, value: string) => any) | undefined;
}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
    'update:modelValue': (value: string) => true;
    change: (value: string) => true;
    'popup-visible-change': (visible: boolean, value: string) => true;
}, string, {
    size: "mini" | "small" | "medium" | "large";
    disabled: boolean;
    hideTrigger: boolean;
    showText: boolean;
    showHistory: boolean;
    showPreset: boolean;
    disabledAlpha: boolean;
    presetColors: string[];
}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
    install: (app: App, options?: ArcoOptions | undefined) => void;
};
export type { RGB, HSV, Color } from './interface';
export declare type ColorPickerInstance = InstanceType<typeof _ColorPicker>;
export default ColorPicker;