You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
32 lines
790 B
32 lines
790 B
/** |
|
* @program: kicc-ui |
|
* @description: 权限指令 |
|
* 用于组件权限的细粒度控制 |
|
* @Example v-auth="xxx" |
|
* @author: entfrm开发团队-王翔 |
|
* @create: 2022/4/8 |
|
*/ |
|
|
|
import type { App, Directive, DirectiveBinding } from 'vue'; |
|
import { usePermission } from '/@/hooks/web/usePermission'; |
|
|
|
function isAuth(el: Element, binding: any) { |
|
const { hasPermission } = usePermission(); |
|
const value = binding.value; |
|
if (!value) return; |
|
if (!hasPermission(value)) { |
|
el.parentNode?.removeChild(el); |
|
} |
|
} |
|
|
|
const mounted = (el: Element, binding: DirectiveBinding<any>) => { |
|
isAuth(el, binding); |
|
}; |
|
|
|
const authDirective: Directive = { mounted }; |
|
|
|
export function setupPermissionDirective(app: App) { |
|
app.directive('auth', authDirective); |
|
} |
|
|
|
export default authDirective;
|
|
|