jobsys-explore/directives/auth.js

Enhanced component based on vant

/**
 * v-auth="'permissions1'"
 * v-auth:all="['clickPermissions',['permission1', 'permission2']]"
 * v-auth:any="['clickPermissions',['permission1', 'permission2']]"
 * v-auth:none="['clickPermissions',['permission1', 'permission2']]"
 * @type {*[]}
 */

let defaultPermissions = []

const authDirective = {
	beforeMount(el, binding) {
		let { value } = binding
		const { arg } = binding

		if (!value) {
			return
		}

		if (typeof value === "string" || value instanceof String) {
			value = [value]
		}

		let [permissions, myPermissions] = value

		if (!myPermissions) {
			myPermissions = defaultPermissions
		}

		if (typeof permissions === "string" || permissions instanceof String) {
			permissions = [permissions]
		}

		// arg: 'any' 任何一个, 'all' 全部都有，默认, 'none' 都没有

		if (arg === undefined || arg === "all") {
			if (!permissions.every((p) => myPermissions.includes(p))) {
				el.style.display = "none"
			}
		} else if (arg === "any") {
			if (!permissions.some((p) => myPermissions.includes(p))) {
				el.style.display = "none"
			}
		} else if (arg === "none") {
			if (permissions.some((p) => myPermissions.includes(p))) {
				el.style.display = "none"
			}
		}
	},
}

/**
 * 初始化权限集合
 * @param permissions
 */
export function setDefaultPermissions(permissions) {
	defaultPermissions = permissions
}

function auth(value, arg) {
	if (!value) {
		return true
	}

	if (typeof value === "string" || value instanceof String) {
		value = [value]
	}

	let [permissions, myPermissions] = value

	if (!myPermissions) {
		myPermissions = defaultPermissions
	}

	if (typeof permissions === "string" || permissions instanceof String) {
		permissions = [permissions]
	}

	// arg: 'any' 任何一个, 'all' 全部都有，默认, 'none' 都没有

	if (arg === undefined || arg === "all") {
		if (!permissions.every((p) => myPermissions.includes(p))) {
			return false
		}
	} else if (arg === "any") {
		if (!permissions.some((p) => myPermissions.includes(p))) {
			return false
		}
	} else if (arg === "none") {
		if (permissions.some((p) => myPermissions.includes(p))) {
			return false
		}
	}
	return true
}

export default {
	/**
	 *
	 * @param app
	 * @param {Object} [options]
	 * @param {Object} [options.defaultPermissions]
	 */
	install(app, options) {
		app.directive("auth", authDirective)
		app.config.globalProperties.$auth = auth
		app.provide("auth", auth)

		if (options && options.defaultPermissions) {
			setDefaultPermissions(options.defaultPermissions)
		}
	},
}