@yqg/permission 1.3.2-alpha.0 → 1.3.2-alpha.2

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@yqg/permission",
-    "version": "1.3.2-alpha.0",
+    "version": "1.3.2-alpha.2",
     "main": "dist/index.js",
     "module": "dist/index.js",
     "type": "module",

package/src/App.vue

@@ -6,22 +6,17 @@ import {Button} from 'ant-design-vue';
 type LocaleType = 'zh-CN' | 'en-US' | 'id-ID' | 'fil-PH';
 
 const color = ref<string>('#1677ff');
-const locale = ref<LocaleType>('zh-CN');
+const locale = ref<LocaleType>('id-ID');
 
 const permissions = reactive([
-	'CRANE.PERMISSION.QUERY',
-	'CRANE.EMPLOYEE.QUERY',
-	'CRANE.EMPLOYEE.DETAIL_QUERY',
-	'CRANE.EMPLOYEE.ATTRIBUTE_CREATE',
-	'CRANE.EMPLOYEE.ROLE_ASSIGN',
-	'CRANE.EMPLOYEE.DEPARTMENT_ROLE.ATTRIBUTE_ROLE_CREATE',
+	'yewei0313.REAQS.DEPAWED_ANQ2.QUERY',
 ]);
 // const permissions = reactive(['CRANE.BUSINESS.QUERY', 'RANE.BUSINESS.CREATE', 'CRANE.BUSINESS.UPDATE', 'CRANE.BUSINESS.DELETE']);
 const changeColor = () => {
 	color.value = color.value === '#f00' ? '#1677ff' : '#f00';
 }
 const changeLocale = () => {
-	locale.value = locale.value === 'zh-CN' ? 'en-US' : 'zh-CN';
+	locale.value = locale.value === 'id-ID' ? 'en-US' : 'id-ID';
 }
 
 </script>
@@ -36,7 +31,7 @@ const changeLocale = () => {
 			<!-- 03541 -->
 			<!-- 02124 -->
 			<!-- 05184 -->
-			<yqg-permission :permissions="permissions" workNumber="04697" :color="color" :locale="locale"
+			<yqg-permission :permissions="permissions" workNumber="03817" :color="color" :locale="locale"
 				@onSuccess="() => {console.log('成功')}">
 			</yqg-permission>
 		</div>

package/src/axios/index.ts

@@ -9,7 +9,7 @@ type apiType = {
 export default {
     getPermissions: (params: any) => axios.get(`${urlPrefix}/permission/apply`, {params}),
 
-	getFlowPreview: (params: any)=> axios.post(`${urlPrefix}/permission/apply/oa/flow/submit/preview`, params),
+	getFlowPreview: (params: any) => axios.post(`${urlPrefix}/permission/apply/oa/flow/submit/preview`, params),
 
 	submitApply: (params: any) => axios.post(`${urlPrefix}/permission/apply/oa/flow/submit`, params),
 

package/src/components/apply-modal.vue

@@ -1,6 +1,14 @@
 <template>
-	<Modal v-model:open="open" :title="t('permissionApply')" width="1100px" @ok="handleOk" :okText="t('submit')"
-		:maskClosable="false" :ok-button-props="{ loading: loading }" :cancelText="t('cancel')">
+	<Modal v-model:open="open" width="1100px" :maskClosable="false" :zIndex="zIndex">
+		<template #footer>
+			<Button @click="open = false" v-show="!isAllChecked && permissionList.length">{{ t('cancel') }}</Button>
+			<Button type="primary" @click="handleOk" :loading="loading">{{ t('submit') }}</Button>
+		</template>
+		<template #title>
+			<span>{{ t('permissionApply') }}</span>
+			<span v-show="isAllChecked && permissionList.length" class="crane-permission-title-tips">{{
+				t('isAllOwnTips') }}</span>
+		</template>
 		<Form ref="formRef" :model="formState" :labelCol="{ span: 4 }" :wrapperCol="{ span: 19 }">
 			<FormItem :label="t('applyPermission')" name="features"
 				:rules="[{ required: true, message: t('selectPlaceholder') }]">
@@ -30,8 +38,8 @@
 				max: 300, message: t('maxLengthTips', { length: 300 }), trigger: ['change', 'blur']
 			}]">
 				<Textarea v-model:value.trim="formState.applyReason" :placeholder="t('applyReasonPlaceholder')"
-					:auto-size="{ minRows: 4, maxRows: 4 }">
-	</Textarea>
+					:auto-size="{ minRows: 4, maxRows: 4 }" :disabled="isAllChecked || !permissionList.length">
+		</Textarea>
 				<span class="reason-tips" style="font-size: 12px">
 					{{ t('applyReasonTips') }}
 				</span>
@@ -64,7 +72,8 @@ import {
 	Textarea,
 	message,
 	Tree,
-	Spin
+	Spin,
+	Button
 } from 'ant-design-vue';
 import SuccessModal from './success-modal.vue';
 import ApprovalSteps from './approval-steps.vue';
@@ -94,7 +103,19 @@ const props = defineProps({
 	spining: {
 		type: Boolean,
 		default: false
-	}
+	},
+	defaultCheckedIds: {
+		type: Array as PropType<string[]>,
+		default: () => []
+	},
+	isAllChecked: {
+		type: Boolean,
+		default: false
+	},
+	zIndex: {
+		type: Number,
+		default: 10000
+	},
 
 });
 const emit = defineEmits(['onSubmit', 'onSuccess']);
@@ -130,6 +151,10 @@ const getValidTimeOptions = async () => {
 
 getValidTimeOptions();
 const handleOk = async () => {
+	if (props.isAllChecked || !permissionList.value.length) {
+		open.value = false;
+		return;
+	}
 	await Promise.all([formRef.value.validate(), categoryRef.value?.validate()])
 	loading.value = true;
 	const params = getParams();
@@ -161,7 +186,7 @@ const getParams = () => {
 
 	});
 	deepTree(permissionList.value, (item: any) => {
-		if (!item.children && formState.features.includes(item.feature)) {
+		if (!item.children && formState.features.includes(item.feature) && !item.disabled) {
 			roleVoList.push({
 				roleId: item.roleId,
 				validTime: item.validTime
@@ -188,20 +213,22 @@ const onChangeTime = throttle(async () => {
 	if (params.roleVoList.length === 0) {
 		stepNodes.value = [];
 		return;
-	}
+	};
+
 	let res = await Http.getFlowPreview(params);
 	stepNodes.value = res?.body?.nodes || [];
-}, 0)
+}, 1)
 const onCheck = (checkedIds: any, info: any) => {
 	// 如果选择的是子节点，判断是否超过5个，超过的话，删除当前选的节点，并给予提示
 	// 如果选择的是父节点，判断是否超过5个，超过的话，从当前选择的父节点的叶子节点中删除多出的个数，并给予提示
 	let total = 0;
 	let curTotal = 0;
+
 	deepTree(permissionList.value, (item: any) => {
-		if (!item.children && checkedIds.includes(item.feature)) {
+		if (!item.children && checkedIds.includes(item.feature) && !item.disabled) {
 			total += 1;
 		}
-		if (!item.children && formState.features.includes(item.feature)) {
+		if (!item.children && formState.features.includes(item.feature) && !item.disabled) {
 			curTotal += 1;
 		}
 		if (!item.children && !formState.features.includes(item.feature)) {
@@ -257,6 +284,10 @@ watch(() => props.permissionList, (cur) => {
 	})
 })
 
+watch(() => props.defaultCheckedIds, (cur) => {
+	formState.features = cur.concat(formState.features);
+}, { immediate: true })
+
 watch(() => open.value, (cur) => {
 	if (cur) {
 		formRef.value?.resetFields();
@@ -267,6 +298,13 @@ watch(() => open.value, (cur) => {
 </script>
 
 <style scoped>
+.crane-permission-title-tips {
+	color: #FF4D4F;
+	font-size: 14px;
+	margin-left: 8px;
+	font-weight: 400;
+}
+
 :deep(.yqg-permission-tree-list) {
 	margin-top: 4px;
 }

package/src/components/permission-item.vue

@@ -34,10 +34,11 @@
 
 		<Popover v-if="item.relatedCompleteNames?.length">
 			<template #content>
-				<div style="max-width: 400px;">
-					{{ t('adaptDepartment') }}：{{item.relatedCompleteNames.map((item: any) => {
-						return item;
-					}).join('、')}}
+				<div class="crane-department-wraper">
+					<div>
+						{{ t('adaptDepartment') }}：
+					</div>
+					<div v-for="item in item.relatedCompleteNames">{{ item }}</div>
 				</div>
 			</template>
 			<div class="crane-flex-center crane-margin-left-4">
@@ -67,7 +68,7 @@
 		</Popover>
 
 		<!-- 选择框 -->
-		<span v-if="checkedKeys.includes(item.feature)" class="crane-weak-color crane-margin-left-12">
+		<span v-if="checkedKeys.includes(item.feature) && !item.disabled" class="crane-weak-color crane-margin-left-12">
 			{{ t('availableTime') }}：
 			<Select v-model:value="item.validTime" style="width: 100px"
 				:disabled="item.businessApplyType === OWNER_STATUS"
@@ -145,6 +146,11 @@ const onChangeTimeHandler = () => {
 
 </script>
 <style scoped>
+.crane-department-wraper {
+	max-width: 600px;
+	max-height: 300px;
+	overflow-y: scroll;
+}
 .crane-flex-center {
 	display: flex;
 	align-items: center;

package/src/components/yqg-permission.vue

@@ -62,8 +62,9 @@
 			</template>
 		</div>
 
-		<ApplyModal v-model="open" :permissionList="permissionList" :spining="loading" :workNumber="workNumber"
-			@onSuccess="() => emit('onSuccess')" @onSubmit="getPermissions">
+		<ApplyModal v-model="open" :permissionList="permissionList" :spining="loading" :workNumber="workNumber" :zIndex="zIndex"
+			:defaultCheckedIds="defaultCheckedIds" :isAllChecked="isAllChecked" @onSuccess="() => emit('onSuccess')"
+			@onSubmit="getPermissions">
 		</ApplyModal>
 
 	</ConfigProvider>
@@ -124,12 +125,18 @@ const props = defineProps({
 	top: {
 		type: String,
 		default: '100px'
-	}
+	},
+	zIndex: {
+		type: Number,
+		default: 10000
+	},
 });
 
 const open = ref(false);
 const curApproving = ref<PermissionType>();
 const loading = ref(false);
+const defaultCheckedIds = ref<string[]>([]);
+const isAllChecked = ref(false);
 let permissionList = ref<PermissionListType>([]);
 let curStatus = ref<Record<string, any>>({
 	imageUrl: noauthority,
@@ -163,7 +170,10 @@ const getPermissions = async () => {
 
 	loading.value = true;
 	const res = await Http.getPermissions(params);
-	permissionList.value = useFormat(res.body || []);
+	const datalist = useFormat(res.body || []);
+	permissionList.value = datalist.data;
+	defaultCheckedIds.value = datalist.checkList;
+	isAllChecked.value = datalist.isAllChecked;
 	curStatus.value = useStatus(permissionList.value, curApproving);
 	loading.value = false;
 };
@@ -202,5 +212,4 @@ watch(() => props.locale, (cur, pre) => {
 .crane-margin-right10 {
 	margin-right: 10px;
 }
-</style>
-../hooks/useSort../hooks/useFormat
+</style>

package/src/hooks/useFormat.ts

@@ -9,6 +9,8 @@ const StatusType = {
     TEMP_OWNER: 'TEMP_OWNER'
 }
 export default function useFormat(tree: PermissionListType) {
+    const checkList: string[] = [];
+    let allCount: number = 0;
     function sortTree(
         tree: PermissionListType,
         sortMap: Map<string | null, number>,
@@ -16,26 +18,33 @@ export default function useFormat(tree: PermissionListType) {
     ) {
         return tree.map((node) => {
             node.key = node.feature;
-
+            allCount++;
             if (!node.children || node.children.length === 0) {
                 node.categoryVOS = (node.categoryVOS || []).filter((item: any) => item.configWay !== Category.AUTO);
 
-                if ([StatusType.NO, StatusType.PENDING].includes(node.businessApplyType)) {
+                if ([StatusType.NO].includes(node.businessApplyType)) {
                     node.disabled = true;
                 }
 
-                if ([StatusType.OWNER].includes(node.businessApplyType) && !node.categoryVOS.length) {
+                if (([StatusType.OWNER].includes(node.businessApplyType) && !node.categoryVOS.length) || [StatusType.PENDING].includes(node.businessApplyType)) {
                     node.disabled = true;
+                    checkList.push(node.feature);
                 }
             } else {
                 // 递归对子节点进行排序
                 node.children = sortTree(node.children, sortMap, levelSortMap);
 
+                // 如果所有子节点都在 checkList 中，那么当前节点也加入 checkList
+                if (node.children.every((child) => checkList.includes(child.feature))) {
+                    checkList.push(node.feature);
+                }
+
                 // 检查所有子节点是否 `disabled === true`
                 if (node.children.every((child) => child.disabled)) {
                     node.disabled = true;
                 }
-            }
+            };
+
 
             return node;
         }).sort((a, b) => {
@@ -51,6 +60,10 @@ export default function useFormat(tree: PermissionListType) {
     const sortMap = new Map(sort.map((value, index) => [value, index]));
     const levelSortMap = new Map(levelSort.map((value, index) => [value, index]));
 
-    return sortTree(tree, sortMap, levelSortMap);
+    return {
+        data: sortTree(tree, sortMap, levelSortMap),
+        checkList,
+        isAllChecked: allCount === checkList.length
+    };
 }
 

package/src/i18n/en-US.ts

@@ -3,54 +3,55 @@ export default {
     applyPermission: 'Apply for Permission',
     applyReason: 'Application Reason',
     approvalProcess: 'Approval Process',
-    applyReasonPlaceholder: 'Please describe the reason for application and usage scenarios in as much detail as possible. Avoid simply stating "work requirements" to prevent delays in the approval process.',
+    isAllOwnTips: 'The current page already has permission or is under approval, no need to apply',
+    applyReasonPlaceholder: 'Please describe your reason and usage scenario in detail. Avoid vague explanations like "work needs" to prevent delays in approval.',
     applyReasonTips: 'Example: Due to requirements of XX project, need to view/operate XXXX scenario/issue, which involves the use of XXX permission, hence submitting this application!',
     cancel: 'Cancel',
     submit: 'Confirm',
     close: 'Close',
     viewApprovalDetail: 'View Approval Details',
-    applyMore: 'Apply for Other Permissions',
+    applyMore: 'Continue applying for other permissions',
     successTips: 'Application submitted. Relevant permissions will be granted upon approval.',
     resoultTitle: 'Operation Result Feedback',
-    start: 'Initiate',
+    start: 'Start',
     end: 'End',
     noNeed: 'No Approval Required',
     adaptDepartment: 'Applicable Department',
-    noApprovalProcess: 'No Approval Process',
-    excessTips: 'Maximum {number} permissions can be applied for at once',
+    noApprovalProcess: 'No approval process required',
+    excessTips: 'You can apply for up to {number} permissions at a time',
     unavailableTips: 'You currently don\'t have permission to view/operate this page. Please click the button below to apply.',
-    appliedTips: 'Permission has been applied, currently {status}...',
-    unapplyTips: 'You don\'t have permission to view/operate this page, and there are no applicable permissions you can apply for in this page.',
+    appliedTips: 'Permission request submitted, currently {status}...',
+    unapplyTips: 'You don’t have permission to view or operate this page. There are no available permissions to apply for.',
     callManager: 'If needed, please contact the system administrator',
     manager: 'System Administrator',
     availableTime: 'Validity Period',
-    selectPlaceholder: 'Please select permission point',
-    reasonPlaceholder: 'Please enter application reason',
+    selectPlaceholder: 'Please select permission points',
+    reasonPlaceholder: 'Please enter your reason for applying',
     pleaseChoose: 'Please select',
-    maxCountTips: 'Maximum {count} permissions can be applied for at once',
-    maxLengthTips: 'Maximum {length} characters',
+    maxCountTips: 'You can apply for up to {count} permissions at a time',
+    maxLengthTips: 'Up to {length} characters',
     today: 'Expires today',
     clickToApply: 'Click to apply for permission',
-    noPermissionTips: 'No permission points under this menu',
+    noPermissionTips: 'There are no permission points under this menu, no need to apply',
     lastDays: '{count} days',
-    categoryTips: 'Your current data scope is as follows:',
-    empty: 'Empty',
+    categoryTips: 'Your current data scope:',
+    empty: 'None',
     category: 'Data Permission',
-    categotySelectTips: 'The selected permission above includes data permissions. Please apply for/change the data scope according to actual work requirements.',
-    categoryChangeTips: 'Reminder: The data permission scope you selected is relatively large! Please confirm whether your actual work scenario requires full access to 「{category}」permission, and clearly state it in the application reason to avoid rejection!',
+    categotySelectTips: 'The selected permissions include data scope settings. Please apply for or update the scope based on your actual needs.',
+    categoryChangeTips: 'Please verify whether full access to "{category}" is necessary for your role. Be sure to explain the use case clearly in your application to avoid rejection.',
     levels: {
         L1: 'Low',
         L2: 'Medium',
         L3: 'High',
     },
     status: {
-        PENDING: 'Pending Approval',
-        NO: 'Not Applicable',
-        OWNER: 'Permanently Owned',
-        TEMP_OWNER: 'Temporarily Owned',
+        PENDING: 'Under review',
+        NO: 'Not applicable for application',
+        OWNER: 'Permanent permission',
+        TEMP_OWNER: 'Temporary permission',
     },
     operationType: {
         QUERY: 'Query',
-        MANAGE: 'Operation',
+        MANAGE: 'Action',
     }
 };

package/src/i18n/in-ID.ts

@@ -1,56 +1,57 @@
 export default {
     permissionApply: 'Aplikasi Izin',
-    applyPermission: 'Ajukan Izin',
-    applyReason: 'Alasan Pengajuan',
+    applyPermission: 'Ajukan Permohonan Izin',
+    applyReason: 'Alasan Permohonan',
     approvalProcess: 'Proses Persetujuan',
-    applyReasonPlaceholder: 'Harap jelaskan alasan pengajuan dan skenario penggunaan selengkap mungkin. Hindari hanya menyebutkan "kebutuhan kerja" untuk mencegah penundaan dalam proses persetujuan.',
+    isAllOwnTips: 'Halaman ini sudah memiliki izin atau sedang dalam proses persetujuan, tidak perlu mengajukan permohonan',
+    applyReasonPlaceholder: 'Harap jelaskan alasan dan skenario penggunaan secara detail. Hindari penjelasan yang tidak jelas seperti "kebutuhan kerja" untuk mencegah penundaan persetujuan.',
     applyReasonTips: 'Contoh: Karena kebutuhan proyek XX, perlu melihat/mengoperasikan skenario/masalah XXXX, yang melibatkan penggunaan izin XXX, oleh karena itu mengajukan permohonan ini!',
     cancel: 'Batal',
     submit: 'Konfirmasi',
     close: 'Tutup',
     viewApprovalDetail: 'Lihat Detail Persetujuan',
-    applyMore: 'Ajukan Izin Lainnya',
-    successTips: 'Pengajuan telah dikirim. Izin terkait akan diberikan setelah disetujui.',
+    applyMore: 'Lanjutkan mengajukan izin lainnya',
+    successTips: 'Permohonan telah diajukan. Izin terkait akan diberikan setelah disetujui.',
     resoultTitle: 'Umpan Balik Hasil Operasi',
     start: 'Mulai',
     end: 'Selesai',
     noNeed: 'Tidak Perlu Persetujuan',
     adaptDepartment: 'Departemen yang Berlaku',
-    noApprovalProcess: 'Tidak Ada Proses Persetujuan',
-    excessTips: 'Maksimal {number} izin dapat diajukan sekaligus',
-    unavailableTips: 'Anda saat ini tidak memiliki izin untuk melihat/mengoperasikan halaman ini. Silakan klik tombol di bawah untuk mengajukan.',
-    appliedTips: 'Izin telah diajukan, saat ini {status}...',
-    unapplyTips: 'Anda tidak memiliki izin untuk melihat/mengoperasikan halaman ini, dan tidak ada izin yang dapat diajukan di halaman ini.',
+    noApprovalProcess: 'Tidak perlu proses persetujuan',
+    excessTips: 'Anda dapat mengajukan hingga {number} izin sekaligus',
+    unavailableTips: 'Anda saat ini tidak memiliki izin untuk melihat/mengoperasikan halaman ini. Silakan klik tombol di bawah untuk mengajukan permohonan.',
+    appliedTips: 'Permohonan izin telah diajukan, saat ini {status}...',
+    unapplyTips: 'Anda tidak memiliki izin untuk melihat atau mengoperasikan halaman ini. Tidak ada izin yang tersedia untuk diajukan.',
     callManager: 'Jika diperlukan, silakan hubungi administrator sistem',
     manager: 'Administrator Sistem',
     availableTime: 'Masa Berlaku',
     selectPlaceholder: 'Silakan pilih titik izin',
-    reasonPlaceholder: 'Silakan masukkan alasan pengajuan',
+    reasonPlaceholder: 'Silakan masukkan alasan permohonan Anda',
     pleaseChoose: 'Silakan pilih',
-    maxCountTips: 'Maksimal {count} izin dapat diajukan sekaligus',
+    maxCountTips: 'Anda dapat mengajukan hingga {count} izin sekaligus',
     maxLengthTips: 'Maksimal {length} karakter',
     today: 'Kadaluarsa hari ini',
     clickToApply: 'Klik untuk mengajukan izin',
-    noPermissionTips: 'Tidak ada titik izin di menu ini',
+    noPermissionTips: 'Tidak ada titik izin di bawah menu ini, tidak perlu mengajukan permohonan',
     lastDays: '{count} hari',
-    categoryTips: 'Cakupan data Anda saat ini adalah sebagai berikut:',
-    empty: 'Kosong',
+    categoryTips: 'Cakupan data Anda saat ini:',
+    empty: 'Tidak ada',
     category: 'Izin Data',
-    categotySelectTips: 'Izin yang dipilih di atas mencakup izin data. Silakan ajukan/ubah cakupan data sesuai kebutuhan kerja aktual.',
-    categoryChangeTips: 'Peringatan: Cakupan izin data yang Anda pilih relatif besar! Harap konfirmasi apakah skenario kerja aktual Anda memerlukan akses penuh ke izin 「{category}」, dan jelaskan secara jelas dalam alasan pengajuan untuk menghindari penolakan!',
+    categotySelectTips: 'Izin yang dipilih termasuk pengaturan cakupan data. Silakan ajukan atau perbarui cakupan berdasarkan kebutuhan aktual Anda.',
+    categoryChangeTips: 'Harap verifikasi apakah akses penuh ke "{category}" diperlukan untuk peran Anda. Pastikan untuk menjelaskan kasus penggunaan secara jelas dalam permohonan Anda untuk menghindari penolakan.',
     levels: {
         L1: 'Rendah',
         L2: 'Sedang',
         L3: 'Tinggi',
     },
     status: {
-        PENDING: 'Menunggu Persetujuan',
-        NO: 'Tidak Dapat Diajukan',
-        OWNER: 'Dimiliki Secara Permanen',
-        TEMP_OWNER: 'Dimiliki Sementara',
+        PENDING: 'Dalam tinjauan',
+        NO: 'Tidak berlaku untuk aplikasi',
+        OWNER: 'Izin permanen',
+        TEMP_OWNER: 'Izin sementara',
     },
     operationType: {
         QUERY: 'Kueri',
-        MANAGE: 'Operasi',
+        MANAGE: 'Aksi',
     }
 };

package/src/i18n/zh-CH.ts

@@ -3,6 +3,7 @@ export default {
     applyPermission: '申请权限',
     applyReason: '申请理由',
     approvalProcess: '审批流程',
+    isAllOwnTips: '当前页面权限已拥有或审批中，无需申请',
     applyReasonPlaceholder: '请尽可能详细说明申请原因和使用场景，不要只填写“工作需要”之类的理由，以免影响你获取权限的审批时间。',
     applyReasonTips: '示例：由于XX项目需要，需要查看/操作XXXX场景/问题，涉及到XXX权限的使用，因此提交申请！',
     cancel: '取消',
@@ -31,7 +32,7 @@ export default {
 	maxLengthTips: '最多{length}个字符',
 	today: '今天到期',
     clickToApply: '点击申请权限',
-    noPermissionTips: '该菜单下暂无权限点',
+    noPermissionTips: '该菜单下暂无权限点，无需申请',
     lastDays: '{count}天',
     categoryTips: '当前您所拥有的数据范围如下：',
     empty: '空',

package/src/typings/index.d.ts

@@ -39,6 +39,7 @@ declare type PermissionType = {
 	admin?: any[];
 	checked?: boolean;
 	disabled?: boolean;
+	disableCheckbox?: boolean;
 	children?: PermissionListType;
 };
 declare type PermissionListType = PermissionType[];