hongawen
4122dfa50d
- 新增产品管理相关路由和页面（dashboard、list、requirement、setting） - 实现产品基础信息编辑弹窗组件（base-info-dialog.vue） - 添加运行时字典功能（dict-select、dict-text、dict-tag组件） - 集成字典管理store和API调用 - 规范ID类型定义为string避免精度丢失问题 - 完善国际化资源文件支持中英文对照 - 新增对象上下文业务域入口页导航实现说明 - 添加Vue DevTools浮动入口注释说明 - 统一权限控制支持全局和对象作用域区分 - 规范分页查询参数类型定义与使用方式
45 lines
1.3 KiB
TypeScript
45 lines
1.3 KiB
TypeScript
import { watchEffect } from 'vue';
|
|
import type { Directive } from 'vue';
|
|
import { useAuthStore } from '@/store/modules/auth';
|
|
import { useObjectContextStore } from '@/store/modules/object-context';
|
|
import { type AuthDirectiveBindingValue, resolveAuthVisible } from './auth-shared';
|
|
|
|
type AuthDirectiveElement = HTMLElement & {
|
|
authStopHandle?: (() => void) | null;
|
|
};
|
|
|
|
function toggleElementVisible(el: HTMLElement, visible: boolean) {
|
|
el.style.display = visible ? '' : 'none';
|
|
}
|
|
|
|
function getVisible(bindingValue: string | AuthDirectiveBindingValue) {
|
|
const authStore = useAuthStore();
|
|
const objectContextStore = useObjectContextStore();
|
|
|
|
return resolveAuthVisible(bindingValue, {
|
|
globalButtonCodes: authStore.userInfo.buttons,
|
|
objectButtonCodes: objectContextStore.buttonCodes
|
|
});
|
|
}
|
|
|
|
function bindAuthEffect(el: AuthDirectiveElement, bindingValue: string | AuthDirectiveBindingValue) {
|
|
el.authStopHandle?.();
|
|
|
|
el.authStopHandle = watchEffect(() => {
|
|
toggleElementVisible(el, getVisible(bindingValue));
|
|
});
|
|
}
|
|
|
|
export const authDirective: Directive<AuthDirectiveElement, string | AuthDirectiveBindingValue> = {
|
|
mounted(el, binding) {
|
|
bindAuthEffect(el, binding.value);
|
|
},
|
|
updated(el, binding) {
|
|
bindAuthEffect(el, binding.value);
|
|
},
|
|
unmounted(el) {
|
|
el.authStopHandle?.();
|
|
el.authStopHandle = null;
|
|
}
|
|
};
|