import { Directive } from "vue";

//#region src/long-press.d.ts
/**
 * 绑定值类型
 */
type BindingValue = (ev: MouseEvent | TouchEvent) => void;
/**
 * 目标元素类型
 */
type TargetElement = HTMLElement & {
  _long_press_duration: number;
  _long_press_callBack?: BindingValue;
  _long_press_controller?: AbortController;
};
/**
 * 长按指令
 *
 * 当元素被长按指定时间后触发回调函数
 *
 * @example
 * ```vue
 * <template>
 *   <!-- 基本用法，默认 3000ms 长按 -->
 *   <button v-long-press="handleLongPress">长按按钮</button>
 *
 *   <!-- 自定义长按时间，1000ms 长按 -->
 *   <button v-long-press:1000="handleLongPress">长按按钮</button>
 * </template>
 *
 * <script setup>
 * import { ref } from 'vue'
 *
 * const handleLongPress = (event) => {
 *   console.log('长按事件触发', event)
 * }
 * </script>
 * ```
 */
declare const longPress: Directive<TargetElement, BindingValue>;
//#endregion
export { longPress };