@yqg/permission 1.3.0-alpha.3 → 1.3.0-alpha.5

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@yqg/permission",
-    "version": "1.3.0-alpha.3",
+    "version": "1.3.0-alpha.5",
     "main": "dist/index.js",
     "module": "dist/index.js",
     "type": "module",

package/src/App.vue

@@ -9,7 +9,11 @@ const color = ref<string>('#1677ff');
 const locale = ref<LocaleType>('zh-CN');
 
 const permissions = reactive([
-	'yewei0313.REAQS22.DEPAWED_ANQ22.QUERY22',
+	'CRANE.EMPLOYEE.QUERY',
+	'CRANE.EMPLOYEE.DETAIL_QUERY',
+	'CRANE.EMPLOYEE.ATTRIBUTE_CREATE',
+	'CRANE.EMPLOYEE.ROLE_ASSIGN',
+	'CRANE.EMPLOYEE.DEPARTMENT_ROLE.ATTRIBUTE_ROLE_CREATE',
 ]);
 // const permissions = reactive(['CRANE.BUSINESS.QUERY', 'RANE.BUSINESS.CREATE', 'CRANE.BUSINESS.UPDATE', 'CRANE.BUSINESS.DELETE']);
 const changeColor = () => {
@@ -33,7 +37,7 @@ const changeLocale = () => {
 			  <!-- 05184 -->
 			<yqg-permission
 			:permissions="permissions"
-			workNumber="05184"
+			workNumber="04701"
 			:color="color"
 			:locale="locale"
 			@onSuccess="() => {console.log('成功')}"

package/src/components/apply-modal.vue

@@ -9,8 +9,8 @@
 						{{t('noPermissionTips')}}
 					</span>
 
-					<Tree checkable :default-expand-all="true" :tree-data="permissionList" :height="200"
-						:checkedKeys="formState.features" class="crane-permission-tree" @check="onCheck">
+					<Tree checkable :default-expand-all="true" :tree-data="permissionList" :height="200" :expandedKeys="expandedKeys"
+						:checkedKeys="formState.features" class="crane-permission-tree" @check="onCheck" @expand="expandedKeys = $event">
 						<template #title="item: PermissionType">
 							<div v-if="item.children && item.children.length">
 								{{ item.shortName }}
@@ -107,6 +107,7 @@ const categoryRef = ref();
 let stepNodes = ref([]);
 const categoryList = ref<CategoryType[]>([]);
 const validTimeOptions = ref([]);
+const expandedKeys = ref<any[]>([]);
 const formState = reactive<formStateType>({
 	features: [],
 	roleVoList: [],
@@ -232,10 +233,18 @@ const onCheck = (checkedIds:any, info:any) => {
 
 	// 收集需要展示的数据属性
 	categoryList.value = useCategory(permissionList.value, formState.features);
-	console.log(categoryList.value, formState.features);
 	// 预览审批流程
 }
 
+watch(() => props.permissionList, (cur) => {
+	expandedKeys.value = [];
+	deepTree(cur, (item: any) => {
+		if (item.children && item.children.length) {
+			expandedKeys.value.push(item.feature);
+		}
+	})
+})
+
 watch(() => open.value, (cur) => {
 	if (cur) {
 		formRef.value?.resetFields();

package/src/components/yqg-permission.vue

@@ -187,7 +187,7 @@ import useFormat from '../hooks/useFormat';
   	watch(() => props.locale, (cur, pre) => {
 		if (cur === pre) return;
 		localStorage.setItem('permission_locale', props.locale);
-  	}, {immediate: true})
+  	}, {immediate: true});
 </script>
 
 <style scoped>

package/src/utils/index.ts

@@ -4,8 +4,8 @@ type optionsType = {
     [key: string]: any;
 };
 const t = (key: string, options?: optionsType) => {
-    // key的格式为：'xxx.xxx.xxx'
-    const en = localStorage.getItem('permission_locale') || 'en-US';
+    // key的格式为：'xxx.xxx.xxx'//国际化todo
+	const en = localStorage.getItem('permission_locale') || 'zh-CN';
     const keys = key.split('.');
     let result = language[en as string] || language['en-US'];
     for (let i = 0; i < keys.length; i++) {