equal-vue
Version:
Equal is a Vue 3 hackable UI library empowered by tailwindcss
76 lines (75 loc) • 2.88 kB
TypeScript
export declare const colorpicker: (props: {
[key: string]: any;
}, emit: (name: string, prop: any) => void) => {
val: import("vue").Ref<{
readonly rgba: {
r: number;
g: number;
b: number;
a: number;
};
isValid: () => boolean;
brightness: () => number;
isDark: () => boolean;
isLight: () => boolean;
toHex: () => string;
toRgb: () => import("colord").RgbaColor;
toRgbString: () => string;
toHsl: () => import("colord").HslaColor;
toHslString: () => string;
toHsv: () => import("colord").HsvaColor;
invert: () => import("colord").Colord;
saturate: (amount?: number | undefined) => import("colord").Colord;
desaturate: (amount?: number | undefined) => import("colord").Colord;
grayscale: () => import("colord").Colord;
lighten: (amount?: number | undefined) => import("colord").Colord;
darken: (amount?: number | undefined) => import("colord").Colord;
rotate: (amount?: number | undefined) => import("colord").Colord;
alpha: {
(): number;
(value: number): import("colord").Colord;
};
hue: {
(): number;
(value: number): import("colord").Colord;
};
isEqual: (color: import("colord").Colord | import("colord").AnyColor) => boolean;
}>;
colors: import("vue").WritableComputedRef<{
readonly rgba: {
r: number;
g: number;
b: number;
a: number;
};
isValid: () => boolean;
brightness: () => number;
isDark: () => boolean;
isLight: () => boolean;
toHex: () => string;
toRgb: () => import("colord").RgbaColor;
toRgbString: () => string;
toHsl: () => import("colord").HslaColor;
toHslString: () => string;
toHsv: () => import("colord").HsvaColor;
invert: () => import("colord").Colord;
saturate: (amount?: number | undefined) => import("colord").Colord;
desaturate: (amount?: number | undefined) => import("colord").Colord;
grayscale: () => import("colord").Colord;
lighten: (amount?: number | undefined) => import("colord").Colord;
darken: (amount?: number | undefined) => import("colord").Colord;
rotate: (amount?: number | undefined) => import("colord").Colord;
alpha: {
(): number;
(value: number): import("colord").Colord;
};
hue: {
(): number;
(value: number): import("colord").Colord;
};
isEqual: (color: import("colord").Colord | import("colord").AnyColor) => boolean;
}>;
hue: import("vue").Ref<number>;
colorChange: (data?: any) => void;
changeHue: (val: number) => void;
};