@cyhnkckali/vue3-color-picker
Version:
A color picker component library
129 lines (128 loc) • 3.52 kB
TypeScript
import { Mode, InputType, Local, IconClasses } from '../core/types/types.ts';
declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
mode: {
default: string;
type: () => Mode;
};
inputType: {
default: string;
type: () => InputType;
};
gradientType: {
default: string;
type: StringConstructor;
};
showInputMenu: {
default: boolean;
type: BooleanConstructor;
};
showPickerMode: {
default: boolean;
type: BooleanConstructor;
};
angle: {
default: number;
type: NumberConstructor;
};
percentageX: {
default: number;
type: NumberConstructor;
};
percentageY: {
default: number;
type: NumberConstructor;
};
local: {
default: {};
type: () => Local;
};
iconClasses: {
default: {
ruler: string;
eyeDroper: string;
arrowDown: string;
save: string;
delete: string;
};
type: () => IconClasses;
};
}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
onInput: () => any;
onPickerChangeMode: (value: Mode) => any;
onChangeMode: (value: string) => any;
onChangeInputType: (value: InputType) => any;
onDeleteColor: () => any;
onClickEyeDropper: () => any;
"update:angle": (value: number) => any;
"update:percentageX": (value: number) => any;
"update:percentageY": (value: number) => any;
}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
mode: {
default: string;
type: () => Mode;
};
inputType: {
default: string;
type: () => InputType;
};
gradientType: {
default: string;
type: StringConstructor;
};
showInputMenu: {
default: boolean;
type: BooleanConstructor;
};
showPickerMode: {
default: boolean;
type: BooleanConstructor;
};
angle: {
default: number;
type: NumberConstructor;
};
percentageX: {
default: number;
type: NumberConstructor;
};
percentageY: {
default: number;
type: NumberConstructor;
};
local: {
default: {};
type: () => Local;
};
iconClasses: {
default: {
ruler: string;
eyeDroper: string;
arrowDown: string;
save: string;
delete: string;
};
type: () => IconClasses;
};
}>> & Readonly<{
onOnInput?: (() => any) | undefined;
onOnPickerChangeMode?: ((value: Mode) => any) | undefined;
onOnChangeMode?: ((value: string) => any) | undefined;
onOnChangeInputType?: ((value: InputType) => any) | undefined;
onOnDeleteColor?: (() => any) | undefined;
onOnClickEyeDropper?: (() => any) | undefined;
"onUpdate:angle"?: ((value: number) => any) | undefined;
"onUpdate:percentageX"?: ((value: number) => any) | undefined;
"onUpdate:percentageY"?: ((value: number) => any) | undefined;
}>, {
inputType: InputType;
mode: Mode;
gradientType: string;
showInputMenu: boolean;
showPickerMode: boolean;
angle: number;
percentageX: number;
percentageY: number;
local: Local;
iconClasses: IconClasses;
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
export default _default;