import { Directive } from "vue";

//#region src/debounce.d.ts
/**
 * 绑定值类型
 */
type BindingValue = (ev: MouseEvent | TouchEvent) => void;
/**
 * 目标元素类型
 */
type TargetElement = HTMLElement & {
  _debounce_delay: number;
  _debounce_callBack?: BindingValue;
  _debounce_controller?: AbortController;
};
/**
 * 防抖指令
 *
 * 为点击事件添加防抖功能
 *
 * @example
 * ```vue
 * <template>
 *   <!-- 基本用法，默认 500ms 防抖 -->
 *   <button v-debounce="handleClick">点击按钮</button>
 *
 *   <!-- 自定义延迟时间，1000ms 防抖 -->
 *   <button v-debounce:1000="handleClick">点击按钮</button>
 *
 *   <!-- 立即执行，然后防抖 -->
 *   <button v-debounce.immediate="handleClick">点击按钮</button>
 * </template>
 *
 * <script setup>
 * import { ref } from 'vue'
 *
 * const handleClick = (event) => {
 *   console.log('点击事件触发', event)
 * }
 * </script>
 * ```
 */
declare const debounce: Directive<TargetElement, BindingValue, 'immediate'>;
//#endregion
export { debounce };