@yqg/permission 1.3.0-alpha.1 → 1.3.0-alpha.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/{apply-modal-CpmDDWWV.js → apply-modal-DJ-rohnO.js} +7 -7
- package/dist/{category-selector-BQ0-kg3o.js → category-selector-iOHRBhRt.js} +97 -97
- package/dist/{index-wLkVeDMW.js → index-BNldYMQw.js} +10 -12
- package/dist/{index-D_0ZQip-.js → index-arXtw86e.js} +3 -3
- package/dist/index.js +2 -2
- package/dist/permission-item-DQA5sauU.js +1264 -0
- package/dist/{yqg-permission-BjVCs5lN.js → yqg-permission-C7I2t23j.js} +5 -7
- package/dist/yqg-permission.umd.js +55 -55
- package/package.json +1 -1
- package/src/App.vue +1 -7
- package/src/components/apply-modal.vue +2 -2
- package/src/components/category-selector.vue +1 -1
- package/src/components/permission-item.vue +4 -9
- package/src/components/yqg-permission.vue +2 -3
- package/src/hooks/useAttributesCache.ts +4 -4
- package/src/hooks/useFormat.ts +2 -2
- package/src/yqg-permission/index.ts +0 -1
- package/dist/permission-item-Df_aagL1.js +0 -1266
package/package.json
CHANGED
package/src/App.vue
CHANGED
|
@@ -9,13 +9,7 @@ const color = ref<string>('#1677ff');
|
|
|
9
9
|
const locale = ref<LocaleType>('zh-CN');
|
|
10
10
|
|
|
11
11
|
const permissions = reactive([
|
|
12
|
-
'
|
|
13
|
-
'test222.testplyt',
|
|
14
|
-
'test222.tstplyt3',
|
|
15
|
-
'test222.tstplyt4',
|
|
16
|
-
'test222.tstplyt5',
|
|
17
|
-
'test222.wjkwd13',
|
|
18
|
-
'test222.YEWEITEST.query01',
|
|
12
|
+
'yewei0313.REAQS22.DEPAWED_ANQ22.QUERY22',
|
|
19
13
|
]);
|
|
20
14
|
// const permissions = reactive(['CRANE.BUSINESS.QUERY', 'RANE.BUSINESS.CREATE', 'CRANE.BUSINESS.UPDATE', 'CRANE.BUSINESS.DELETE']);
|
|
21
15
|
const changeColor = () => {
|
|
@@ -9,7 +9,7 @@
|
|
|
9
9
|
{{t('noPermissionTips')}}
|
|
10
10
|
</span>
|
|
11
11
|
|
|
12
|
-
<Tree checkable :
|
|
12
|
+
<Tree checkable :default-expand-all="true" :tree-data="permissionList" :height="200"
|
|
13
13
|
:checkedKeys="formState.features" class="crane-permission-tree" @check="onCheck">
|
|
14
14
|
<template #title="item: PermissionType">
|
|
15
15
|
<div v-if="item.children && item.children.length">
|
|
@@ -232,7 +232,7 @@ const onCheck = (checkedIds:any, info:any) => {
|
|
|
232
232
|
|
|
233
233
|
// 收集需要展示的数据属性
|
|
234
234
|
categoryList.value = useCategory(permissionList.value, formState.features);
|
|
235
|
-
|
|
235
|
+
console.log(categoryList.value, formState.features);
|
|
236
236
|
// 预览审批流程
|
|
237
237
|
}
|
|
238
238
|
|
|
@@ -55,7 +55,7 @@ const showForm = computed(() => {
|
|
|
55
55
|
});
|
|
56
56
|
const formRef = ref();
|
|
57
57
|
const searchValue = ref('');
|
|
58
|
-
const { categoryValuesMap } = useAttributesCache(props
|
|
58
|
+
const { categoryValuesMap } = useAttributesCache(props);
|
|
59
59
|
|
|
60
60
|
// 返回promise
|
|
61
61
|
const validate = () => {
|
|
@@ -62,7 +62,7 @@
|
|
|
62
62
|
any) => {
|
|
63
63
|
return item.categoryName;
|
|
64
64
|
}).join('、')
|
|
65
|
-
}}
|
|
65
|
+
}}
|
|
66
66
|
</div>
|
|
67
67
|
</Popover>
|
|
68
68
|
|
|
@@ -70,8 +70,8 @@
|
|
|
70
70
|
<span v-if="checkedKeys.includes(item.feature)" class="crane-weak-color crane-margin-left-12">
|
|
71
71
|
{{ t('availableTime') }}:
|
|
72
72
|
<Select v-model:value="validTime" style="width: 100px"
|
|
73
|
-
:disabled="
|
|
74
|
-
:options="
|
|
73
|
+
:disabled="item.businessApplyType === OWNER_STATUS"
|
|
74
|
+
:options="item.businessApplyType === OWNER_STATUS ? validTimeOptions : tempTimeOptions"
|
|
75
75
|
@change="onChangeTimeHandler" size="small">
|
|
76
76
|
</Select>
|
|
77
77
|
</span>
|
|
@@ -87,8 +87,6 @@ import categoryImg from '@/assets/category.png';
|
|
|
87
87
|
import t from '../utils';
|
|
88
88
|
|
|
89
89
|
const OWNER_STATUS = 'OWNER';
|
|
90
|
-
const PENDING_STATUS = 'PENDING';
|
|
91
|
-
const DISABLED_STATUS = [OWNER_STATUS, PENDING_STATUS];
|
|
92
90
|
|
|
93
91
|
const levelMap:LevelMapType = {
|
|
94
92
|
L1: {
|
|
@@ -139,12 +137,9 @@ const tempTimeOptions = computed(() => {
|
|
|
139
137
|
//1登录人所在部门 = 权限适用范围,都默认90天,不需要区分等级和类型,
|
|
140
138
|
//2登录人所在部门 ≠ 权限适用范围,根据等级来,高(L3)默认给7天,中(L2)默认给30天,低(L1)默认给60天
|
|
141
139
|
const setDefaultTime = (item: PermissionType) => {
|
|
142
|
-
if (
|
|
140
|
+
if (item.businessApplyType === OWNER_STATUS) {
|
|
143
141
|
return item.virtualOwnState?.timeStatus
|
|
144
142
|
}
|
|
145
|
-
if (PENDING_STATUS.includes(item.businessApplyType)) {
|
|
146
|
-
return item.pendingValidTime
|
|
147
|
-
}
|
|
148
143
|
const validMap = {
|
|
149
144
|
L1: 'SIXTY_DAYS',
|
|
150
145
|
L2: 'THIRTY_DAYS',
|
|
@@ -167,9 +167,8 @@ import useFormat from '../hooks/useFormat';
|
|
|
167
167
|
workNumber,
|
|
168
168
|
features: permissions.toString(),
|
|
169
169
|
};
|
|
170
|
-
|
|
171
|
-
loading.value = true;
|
|
172
170
|
|
|
171
|
+
loading.value = true;
|
|
173
172
|
const res = await Http.getPermissions(params);
|
|
174
173
|
permissionList.value = useFormat(res.body || []);
|
|
175
174
|
curStatus.value = useStatus(permissionList.value, curApproving);
|
|
@@ -177,8 +176,8 @@ import useFormat from '../hooks/useFormat';
|
|
|
177
176
|
};
|
|
178
177
|
|
|
179
178
|
const showModal = () => {
|
|
180
|
-
getPermissions();
|
|
181
179
|
open.value = !open.value;
|
|
180
|
+
getPermissions();
|
|
182
181
|
};
|
|
183
182
|
|
|
184
183
|
const { currentTop, dragElement } = useDraggable(props, showModal);
|
|
@@ -2,10 +2,10 @@ import { watch, reactive } from 'vue';
|
|
|
2
2
|
import Http from '../axios/index';
|
|
3
3
|
|
|
4
4
|
const categoryValuesMap = reactive<Record<number, []>>({});
|
|
5
|
-
export default function useAttributesCache(
|
|
5
|
+
export default function useAttributesCache(props: any) {
|
|
6
6
|
|
|
7
|
-
watch(() => categoryList, (newVal) => {
|
|
8
|
-
newVal.forEach(async (item) => {
|
|
7
|
+
watch(() => props.categoryList, (newVal) => {
|
|
8
|
+
newVal.forEach(async (item:CategoryType) => {
|
|
9
9
|
if (!categoryValuesMap[item.id]) {
|
|
10
10
|
const res = await Http.getCategoryValues(item.id);
|
|
11
11
|
const { flatAttributeValue, treeAttributeValue, showWay } = res.body;
|
|
@@ -13,7 +13,7 @@ export default function useAttributesCache(categoryList: CategoryType[]) {
|
|
|
13
13
|
}
|
|
14
14
|
});
|
|
15
15
|
|
|
16
|
-
}, { immediate: true });
|
|
16
|
+
}, { immediate: true, deep: true });
|
|
17
17
|
|
|
18
18
|
return {
|
|
19
19
|
categoryValuesMap
|
package/src/hooks/useFormat.ts
CHANGED
|
@@ -20,11 +20,11 @@ export default function useFormat(tree: PermissionListType) {
|
|
|
20
20
|
if (!node.children || node.children.length === 0) {
|
|
21
21
|
node.categoryVOS = (node.categoryVOS || []).filter((item: any) => item.configWay !== Category.AUTO);
|
|
22
22
|
|
|
23
|
-
if ([StatusType.NO].includes(node.businessApplyType)) {
|
|
23
|
+
if ([StatusType.NO, StatusType.PENDING].includes(node.businessApplyType)) {
|
|
24
24
|
node.disabled = true;
|
|
25
25
|
}
|
|
26
26
|
|
|
27
|
-
if ([StatusType.OWNER
|
|
27
|
+
if ([StatusType.OWNER].includes(node.businessApplyType) && !node.categoryVOS.length) {
|
|
28
28
|
node.disabled = true;
|
|
29
29
|
}
|
|
30
30
|
} else {
|