# @eciol/directives

用于存放公共指令

## Usage

```vue
<template>
  <div v-click-outside="handleClickOutside">点击区域外部</div>
</template>
<script setup lang="ts">
  import { ClickOutside as VClickOutside } from '@eciol/directives';

  const handleClickOutside = () => {
    console.log('点击区域外部');
  }
</script>
```

## Export

```ts
/**
 * @description 公共指令
 */
export { 
  ClickOutside, // 点击元素外部指令
  Ellipsis,  // 自动省略指令
  authDirective,   // 权限指令
  loadingDirective,  // 加载中指令
  repeatDirective,  // 禁止重复点击指令
  setupClickOutsideDirective, // 全局注册点击元素外部指令
  setupEllipsisDirective,  // 全局注册自动省略指令
  setupGlobDirectives,  // 全局注册指令
  setupLoadingDirective,  // 全局注册加载中指令
  setupPermissionDirective  // 全局注册权限指令
};
```