@extclp/vexip-ui
Version:
A Vue 3 UI library, Highly customizability, full TypeScript, performance pretty good
55 lines (54 loc) • 2.84 kB
TypeScript
import { ExtractPropTypes, PropType } from 'vue';
import { ConfigurableProps } from '@vexip-ui/config';
import { HSLAColor, HSVAColor, RGBAColor } from '@vexip-ui/utils';
import { ColorPrickerSlots } from './symbol';
type FormattedColor = string | RGBAColor | HSLAColor | HSVAColor;
export declare const colorPickerProps: {
inherit: PropType<boolean>;
size: PropType<"default" | "small" | "large">;
state: PropType<"default" | "success" | "error" | "warning">;
locale: PropType<Partial<{
confirm: string;
cancel: string;
ariaLabel: {
clear: string;
};
}>>;
value: PropType<string | import('@vexip-ui/utils').RGBColor | RGBAColor | import('@vexip-ui/utils').HSLColor | HSLAColor | import('@vexip-ui/utils').HSVColor | HSVAColor | import('@vexip-ui/utils').HEX3Color | import('@vexip-ui/utils').HEX4Color | import('@vexip-ui/utils').HEX6Color | import('@vexip-ui/utils').HEX8Color>;
visible: PropType<boolean>;
format: PropType<"rgb" | "hsl" | "hsv" | "hex">;
alpha: PropType<boolean>;
disabled: PropType<boolean>;
transitionName: PropType<string>;
noInput: PropType<boolean>;
shortcut: PropType<boolean | string[]>;
placement: PropType<"bottom" | "top" | "right" | "left" | "bottom-start" | "bottom-end" | "top-start" | "top-end" | "right-start" | "right-end" | "left-start" | "left-end">;
transfer: PropType<string | boolean>;
outsideClose: PropType<boolean>;
clearable: PropType<boolean>;
cancelText: PropType<string>;
confirmText: PropType<string>;
prefix: PropType<any>;
prefixColor: PropType<string>;
suffix: PropType<any>;
suffixColor: PropType<string>;
noSuffix: PropType<boolean>;
staticSuffix: PropType<boolean>;
loading: PropType<boolean>;
loadingIcon: PropType<any>;
loadingLock: PropType<boolean>;
loadingEffect: PropType<string>;
popperAlive: PropType<boolean>;
showLabel: PropType<boolean>;
labelFormat: PropType<"rgb" | "hsl" | "hsv" | "hex">;
slots: PropType<ColorPrickerSlots>;
onToggle: PropType<((visible: boolean) => void) | ((visible: boolean) => void)[]>;
onClickOutside: PropType<import('@vexip-ui/config').AnyFunction | import('@vexip-ui/config').AnyFunction[]>;
onOutsideClose: PropType<import('@vexip-ui/config').AnyFunction | import('@vexip-ui/config').AnyFunction[]>;
onClear: PropType<import('@vexip-ui/config').AnyFunction | import('@vexip-ui/config').AnyFunction[]>;
onChange: PropType<((color: FormattedColor) => void) | ((color: FormattedColor) => void)[]>;
onShortcut: PropType<((color: FormattedColor) => void) | ((color: FormattedColor) => void)[]>;
};
export type ColorPickerProps = ExtractPropTypes<typeof colorPickerProps>;
export type ColorPickerCProps = ConfigurableProps<ColorPickerProps>;
export {};