equal-vue
Version:
Equal is a Vue 3 hackable UI library empowered by tailwindcss
109 lines (108 loc) • 3.75 kB
TypeScript
import { PropType } from 'vue';
import { AnyColor, Colord } from 'colord';
import { ITColorpickerOptions } from '@/types/components/components';
declare const _sfc_main: import("vue").DefineComponent<{
disableAlpha: {
type: BooleanConstructor;
default: boolean;
};
showTooltip: {
type: BooleanConstructor;
default: boolean;
};
value: {
default: string;
type: PropType<Colord | AnyColor>;
};
classes?: {
type: PropType<import("../../types/variant").CSSRawClassesList<ITColorpickerOptions>>;
default: undefined;
} | undefined;
base?: {
type: PropType<import("../../types/variant").CSSRawClassesList<ITColorpickerOptions>>;
default: undefined;
} | undefined;
variants?: {
type: PropType<import("../../types/variant").CSSRawClassesList<ITColorpickerOptions>>;
default: undefined;
} | undefined;
variant?: {
type: PropType<string | string[] | undefined>;
default?: string | undefined;
} | undefined;
}, {
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: () => Colord;
saturate: (amount?: number | undefined) => Colord;
desaturate: (amount?: number | undefined) => Colord;
grayscale: () => Colord;
lighten: (amount?: number | undefined) => Colord;
darken: (amount?: number | undefined) => Colord;
rotate: (amount?: number | undefined) => Colord;
alpha: {
(): number;
(value: number): Colord;
};
hue: {
(): number;
(value: number): Colord;
};
isEqual: (color: Colord | AnyColor) => boolean;
}>;
colorChange: (data?: any) => void;
changeHue: (val: number) => void;
hue: import("vue").Ref<number>;
variant: import("vue").ComputedRef<{
transitions?: Record<string, Record<string, string>> | undefined;
} & import("../../types/variant").CSSRawClassesList<ITColorpickerOptions>>;
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
disableAlpha: {
type: BooleanConstructor;
default: boolean;
};
showTooltip: {
type: BooleanConstructor;
default: boolean;
};
value: {
default: string;
type: PropType<Colord | AnyColor>;
};
classes?: {
type: PropType<import("../../types/variant").CSSRawClassesList<ITColorpickerOptions>>;
default: undefined;
} | undefined;
base?: {
type: PropType<import("../../types/variant").CSSRawClassesList<ITColorpickerOptions>>;
default: undefined;
} | undefined;
variants?: {
type: PropType<import("../../types/variant").CSSRawClassesList<ITColorpickerOptions>>;
default: undefined;
} | undefined;
variant?: {
type: PropType<string | string[] | undefined>;
default?: string | undefined;
} | undefined;
}>>, {
value: Colord | AnyColor;
showTooltip: boolean;
disableAlpha: boolean;
}>;
export default _sfc_main;