import { Directive } from "vue";

//#region src/click-outside.d.ts
/**
 * 绑定值类型
 */
type BindingValue = (ev: MouseEvent) => void;
/**
 * 目标元素类型
 */
type TargetElement = HTMLElement & {
  _click_outside_callBack?: BindingValue;
  _click_outside_controller?: AbortController;
};
/**
 * 点击外部指令
 *
 * 当点击元素外部时触发回调函数
 *
 * @example
 * ```vue
 * <template>
 *   <div v-click-outside="handleClickOutside">
 *     点击外部触发回调
 *   </div>
 * </template>
 *
 * <script setup>
 * import { ref } from 'vue'
 *
 * const handleClickOutside = (event) => {
 *   console.log('点击了外部区域', event)
 * }
 * </script>
 * ```
 */
declare const clickOutside: Directive<TargetElement, BindingValue>;
//#endregion
export { clickOutside };