Function: useBaseHooks()

function useBaseHooks<Props>(
  emit: (...args: any[]) => void,
  props: Props,
  attrs: Record<string, unknown>,
): {
  onClickAppendInner: (...args: any[]) => Promise<void>;
  onClickClear: (...args: any[]) => Promise<void>;
  onClickControl: (...args: any[]) => Promise<void>;
  onClickPrependInner: (...args: any[]) => Promise<void>;
  onMousedownControl: (...args: any[]) => Promise<void>;
  onUpdateFocused: (...args: any[]) => Promise<void>;
  onUpdateModelValue: (...args: any[]) => Promise<void>;
};

Composable that creates passthrough hooks for all BaseField events. Integrates with component props (onX handlers) and hook arrays (callOnX) to handle events.

Type Parameters

Type Parameter	Description
Props extends ResolvedBaseProps	The resolved base props type

Parameters

Parameter	Type	Description
emit	(...args: any[]) => void	The Vue component emit function
props	Props	The component props
attrs	Record<string, unknown>	The component attributes

Returns

{
  onClickAppendInner: (...args: any[]) => Promise<void>;
  onClickClear: (...args: any[]) => Promise<void>;
  onClickControl: (...args: any[]) => Promise<void>;
  onClickPrependInner: (...args: any[]) => Promise<void>;
  onMousedownControl: (...args: any[]) => Promise<void>;
  onUpdateFocused: (...args: any[]) => Promise<void>;
  onUpdateModelValue: (...args: any[]) => Promise<void>;
}

An object with handlers for all BaseField events

Name	Type
onClickAppendInner()	(...args: any[]) => Promise<void>
onClickClear()	(...args: any[]) => Promise<void>
onClickControl()	(...args: any[]) => Promise<void>
onClickPrependInner()	(...args: any[]) => Promise<void>
onMousedownControl()	(...args: any[]) => Promise<void>
onUpdateFocused()	(...args: any[]) => Promise<void>
onUpdateModelValue()	(...args: any[]) => Promise<void>

Example

const hooks = useBaseHooks(emit, props, attrs);
// Handlers: onClickClear, onClickAppendInner, onClickPrependInner,
//           onClickControl, onMousedownControl, onUpdateFocused, onUpdateModelValue