@fifteen/design-system-vue
Version:
Vue 3 (Composition API + Typescript) implementation of the Fifteen Design System
17 lines (16 loc) • 810 B
TypeScript
type TriggerEvent = 'focus' | 'blur' | 'change' | 'input' | null;
export interface UseInputEventBindingsReturn {
handleBlur: (event: Event) => void;
handleFocus: (event: Event) => void;
handleInput: (event: Event) => void;
handleChange: (event: Event) => void;
}
/**
* Wrap emits and call callbacks functions based on a trigger
* @param callbackFn - Function to call when the validationTrigger event is triggered
* @param triggerEvent - Input event that triggers a callback when fired
* @param emit - Emit function from component context
* @returns The event handlers
*/
export declare function useInputEventBindings<Name extends string>(callbackFn: (event: Event) => void, triggerEvent: TriggerEvent, emit?: (name: Name, ...args: any[]) => void): UseInputEventBindingsReturn;
export {};