vuux
Version:
Vue3 Nuxt3 Nuxt4 组件库
34 lines (33 loc) • 1.35 kB
TypeScript
import { StyleValue, Ref } from 'vue';
import { Emits, Props } from '../types';
import { default as Panel } from '../component/panel.vue';
import { default as Hue } from '../component/hue.vue';
import { default as Alpha } from '../component/alpha.vue';
/**
* hook
*
* @param props 组件属性
* @param colorPickerRef 实例
* @param sliderRef 实例
* @param hueRef 实例
* @param alphaRef 实例
* @param panelRef 实例
* @param emits 组件事件
*/
export declare const useColorPicker: (props: Props, colorPickerRef: Ref<HTMLDivElement | null>, sliderRef: Ref<HTMLDivElement | null>, hueRef: Ref<InstanceType<typeof Hue> | null>, alphaRef: Ref<InstanceType<typeof Alpha> | null>, panelRef: Ref<InstanceType<typeof Panel> | null>, emits: Emits) => {
ckey: number;
savedX: Ref<number, number>;
savedY: Ref<number, number>;
sliderWidth: import('vue').ComputedRef<number>;
hue: Ref<number, number>;
sat: Ref<number, number>;
val: Ref<number, number>;
alpha: Ref<number, number>;
isOpen: Ref<boolean, boolean>;
isPreset: Ref<boolean, boolean>;
colorPickerButStyle: import('vue').ComputedRef<StyleValue>;
currentColor: import('vue').ComputedRef<string>;
onSelect: (hex: string, a?: number) => void;
onUpdateCursor: (x: number, y: number) => void;
handleOpenPanel: () => void;
};