29 lines
1.2 KiB
TypeScript
29 lines
1.2 KiB
TypeScript
import type { Directive } from 'vue';
|
||
import type { CopyEl, OptimizeOptions, RippleOptions } from '@/directives';
|
||
|
||
declare module 'vue' {
|
||
export interface ComponentCustomProperties {
|
||
/** `Loading` 动画加载指令，具体看：https://element-plus.org/zh-CN/component/loading.html#%E6%8C%87%E4%BB%A4 */
|
||
vLoading: Directive<Element, boolean>;
|
||
/** 按钮权限指令（根据路由`meta`中的`auths`字段进行判断）*/
|
||
vAuth: Directive<HTMLElement, string | Array<string>>;
|
||
/** 文本复制指令（默认双击复制） */
|
||
vCopy: Directive<CopyEl, string>;
|
||
/** 长按指令 */
|
||
vLongpress: Directive<HTMLElement, Function>;
|
||
/** 防抖、节流指令 */
|
||
vOptimize: Directive<HTMLElement, OptimizeOptions>;
|
||
/** 按钮权限指令（根据登录接口返回的`permissions`字段进行判断）*/
|
||
vPerms: Directive<HTMLElement, string | Array<string>>;
|
||
/**
|
||
* `v-ripple`指令，用法如下：
|
||
* 1. `v-ripple`代表启用基本的`ripple`功能
|
||
* 2. `v-ripple="{ class: 'text-red' }"`代表自定义`ripple`颜色，支持`tailwindcss`，生效样式是`color`
|
||
* 3. `v-ripple.center`代表从中心扩散
|
||
*/
|
||
vRipple: Directive<HTMLElement, RippleOptions>;
|
||
}
|
||
}
|
||
|
||
export {};
|