import { Directive } from "vue";

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