@relaxed/vue-directives/src/directives/permission/index.ts

vue 兼容2 3 工具库 函数库

import { getHooks } from '../../compatible/hookKey'
import { permission } from './src/v-permission'
import { App } from 'vue'
import { DEFAULT_PLUGIN_OPTIONS } from './src/options'
const VPermissionDirective = (app: App) => {
  const hooks = getHooks(app)
  const globalOptions = {
    ...DEFAULT_PLUGIN_OPTIONS
  }
  app.directive(globalOptions.directive, {
    [hooks.mounted](el: HTMLElement, { value }: any) {
      permission(el, value.permission, value.systemPermission)
    },
    [hooks.updated](el: HTMLElement, { value }: any) {
      permission(el, value.permission, value.systemPermission)
    }
  })
}
import { Plugin } from 'vue'
interface Vue2 {
  default: {
    version: string
  }
}
export const VPermission = {
  install: function (app: App | Vue2, options: any) {
    VPermissionDirective(app) // 点击outside
  }
} as Plugin & {
  installed: boolean
}
export default VPermissionDirective