create-young-proj 0.8.0 → 0.9.0

package/template-nuxt-admin/pages/system/hooks/useRole.ts

@@ -9,11 +9,11 @@ import type {
   TableDataItem,
   TableHeadItem,
   YoungSearchScheme,
-} from '@bluesyoung/ui-vue3-element-plus';
-import { YoungSelect, useFormMode, useQuery } from '@bluesyoung/ui-vue3-element-plus';
-import { deepClone } from '@bluesyoung/utils';
+} from '@bluesyoung/ui-vue3-element-plus'
+import { YoungSelect, useFormMode, useQuery } from '@bluesyoung/ui-vue3-element-plus'
+import { deepClone } from '@bluesyoung/utils'
 
-export const useRoleBase = () => {
+export function useRoleBase() {
   const FORM_TEMP: RoleItem = {
     id: 0,
     name: '',
@@ -21,42 +21,42 @@ export const useRoleBase = () => {
     desc: '',
     status: 1,
     sort: 0,
-  };
+  }
 
   const { isAdd, isEdit, edit, del, sure, clear, form, formRef, validForm } = useFormMode(
     FORM_TEMP,
     {
       addCbk: async () => {
-        const res = (await validForm()) as boolean;
+        const res = (await validForm()) as boolean
         if (res) {
-          const v = deepClone(form.value);
-          await apis.post.addRoleItem(v);
-          ElMessage.success('新增成功！');
+          const v = deepClone(form.value)
+          await apis.post.addRoleItem(v)
+          ElMessage.success('新增成功！')
         }
-        return res;
+        return res
       },
       modCbk: async () => {
-        const res = (await validForm()) as boolean;
+        const res = (await validForm()) as boolean
         if (res) {
-          const v = deepClone(form.value);
-          await apis.patch.changeRoleItem(v);
-          ElMessage.success('修改成功！');
+          const v = deepClone(form.value)
+          await apis.patch.changeRoleItem(v)
+          ElMessage.success('修改成功！')
         }
-        return res;
+        return res
       },
       delCbk: async (row) => {
-        await apis.delete.deleteRole(row.id.toString());
-        ElMessage.success('删除成功！');
-        query.value.pageNum = 1;
+        await apis.delete.deleteRole(row.id.toString())
+        ElMessage.success('删除成功！')
+        query.value.pageNum = 1
       },
       cgEffect: () => getList(),
     },
-  );
+  )
 
   const options: SelectOptionItem[] = [
     { label: '禁用', value: 0 },
     { label: '启用', value: 1 },
-  ];
+  ]
 
   const tableHead: TableHeadItem<RoleItem>[] = [
     { label: '角色ID', prop: 'id' },
@@ -67,36 +67,35 @@ export const useRoleBase = () => {
     {
       label: '启用状态',
       prop: 'status',
-      render: (row) =>
+      render: row =>
         h(YoungSelect, {
-          modelValue: row.status,
+          'modelValue': row.status,
           options,
           'onUpdate:modelValue': async (status) => {
             // 状态未修改
-            if (status === row.status) {
-              return;
-            }
+            if (status === row.status)
+              return
 
-            row.status = status as 0 | 1;
-            await apis.patch.changeRoleItem(row);
-            ElMessage.success('修改成功！');
+            row.status = status as 0 | 1
+            await apis.patch.changeRoleItem(row)
+            ElMessage.success('修改成功！')
           },
         }),
     },
-  ];
-  const tableData = ref<TableDataItem<RoleItem>[]>([]);
+  ]
+  const tableData = ref<TableDataItem<RoleItem>[]>([])
   const getList = async () => {
-    const { list, pageNum, pageSize, total } = await apis.get.getRoleList(query.value);
-    tableData.value = deepClone(list || []);
-    query.value.pageNum = +pageNum || 1;
-    query.value.pageSize = +pageSize || 50;
-    query.value.total = +total || 0;
-  };
+    const { list, pageNum, pageSize, total } = await apis.get.getRoleList(query.value)
+    tableData.value = deepClone(list || [])
+    query.value.pageNum = +pageNum || 1
+    query.value.pageSize = +pageSize || 50
+    query.value.total = +total || 0
+  }
 
   interface Query extends BaseQuery {
-    name: string;
-    keyword: string;
-    status: 0 | 1;
+    name: string
+    keyword: string
+    status: 0 | 1
   }
 
   const { query, reset } = useQuery<Query>(
@@ -109,7 +108,7 @@ export const useRoleBase = () => {
       status: 1,
     },
     getList,
-  );
+  )
 
   const queryScheme: YoungSearchScheme<Query> = {
     name: {
@@ -134,7 +133,7 @@ export const useRoleBase = () => {
       },
       options,
     },
-  };
+  }
 
   return {
     query,
@@ -153,37 +152,36 @@ export const useRoleBase = () => {
       sure,
       clear,
     }),
-  };
-};
+  }
+}
 
-export const useRoleMenu = () => {
-  const showPriority = ref(false);
-  const currRole = ref(0);
-  const access = ref<number[]>([]);
-  const origin = ref<number[]>([]);
+export function useRoleMenu() {
+  const showPriority = ref(false)
+  const currRole = ref(0)
+  const access = ref<number[]>([])
+  const origin = ref<number[]>([])
 
   const tableHead = ref<TableHeadItem<NavArrItem>[]>([
     { label: '菜单名称', prop: 'title' },
     { label: '菜单id', prop: 'id' },
     { label: '父节点', prop: 'parentId' },
     { label: '页面路径', prop: 'component' },
-  ]);
-  const tableData = ref<TableDataItem<NavArrItem>[]>([]);
+  ])
+  const tableData = ref<TableDataItem<NavArrItem>[]>([])
 
-  const checkMap = ref<Record<number, boolean>>({});
+  const checkMap = ref<Record<number, boolean>>({})
 
   /**
    * 生成节点映射
    */
-  const nodeMap = new Map<number, NavArrItem>();
+  const nodeMap = new Map<number, NavArrItem>()
   const generateNodeMap = (list: NavArrItem[]) => {
     for (const node of list) {
-      nodeMap.set(node.id, node);
-      if (node.children && node.children?.length > 0) {
-        generateNodeMap(node.children);
-      }
+      nodeMap.set(node.id, node)
+      if (node.children && node.children?.length > 0)
+        generateNodeMap(node.children)
     }
-  };
+  }
 
   /**
    * 多级联动选择
@@ -191,57 +189,58 @@ export const useRoleMenu = () => {
   const selectChange = (item: NavArrItem) => {
     if (item.children && item.children?.length !== 0) {
       item.children.forEach((v) => {
-        checkMap.value[v.id] = checkMap.value[item.id];
-        selectChange(v);
-      });
+        checkMap.value[v.id] = checkMap.value[item.id]
+        selectChange(v)
+      })
     }
     if (checkMap.value[item.id]) {
       while (item.parentId) {
-        const tp = nodeMap.get(item.parentId);
+        const tp = nodeMap.get(item.parentId)
         if (tp) {
-          item = tp;
-          checkMap.value[item.id] = true;
-        } else {
-          break;
+          item = tp
+          checkMap.value[item.id] = true
+        }
+        else {
+          break
         }
       }
     }
-  };
+  }
 
   const edit = async (row: TableDataItem<RoleItem>) => {
-    currRole.value = row.id;
-    checkMap.value = {};
-    nodeMap.clear();
+    currRole.value = row.id
+    checkMap.value = {}
+    nodeMap.clear()
 
-    const { list, accessIds } = await apis.get.getRoleMenuTree(row.id);
+    const { list, accessIds } = await apis.get.getRoleMenuTree(row.id)
     generateNodeMap(list);
     (Array.from(accessIds) as number[]).forEach((v) => {
-      checkMap.value[v] = true;
-    });
-
-    tableData.value = deepClone(list);
-    access.value = accessIds;
-    origin.value = accessIds;
-    showPriority.value = true;
-  };
+      checkMap.value[v] = true
+    })
+
+    tableData.value = deepClone(list)
+    access.value = accessIds
+    origin.value = accessIds
+    showPriority.value = true
+  }
   const clear = () => {
-    showPriority.value = false;
-    currRole.value = 0;
-    tableData.value.length = 0;
-  };
+    showPriority.value = false
+    currRole.value = 0
+    tableData.value.length = 0
+  }
 
   const sure = async () => {
-    const before = origin.value.slice();
+    const before = origin.value.slice()
     const now = Object.entries(checkMap.value)
       .filter(([k, v]) => v)
-      .map(([k, v]) => +k);
+      .map(([k, v]) => +k)
 
-    const add = now.filter((v) => !before.includes(v));
-    const del = before.filter((v) => !now.includes(v));
-    await apis.patch.changeRoleMenu(currRole.value, add, del);
-    ElMessage.success('修改成功！');
-    clear();
-  };
+    const add = now.filter(v => !before.includes(v))
+    const del = before.filter(v => !now.includes(v))
+    await apis.patch.changeRoleMenu(currRole.value, add, del)
+    ElMessage.success('修改成功！')
+    clear()
+  }
 
   return {
     showPriority,
@@ -254,71 +253,71 @@ export const useRoleMenu = () => {
       sure,
       selectChange,
     }),
-  };
-};
+  }
+}
 
-export const useRoleApi = () => {
-  const showApi = ref(false);
-  const currRole = ref(0);
-  const access = ref<number[]>([]);
-  const origin = ref<number[]>([]);
+export function useRoleApi() {
+  const showApi = ref(false)
+  const currRole = ref(0)
+  const access = ref<number[]>([])
+  const origin = ref<number[]>([])
 
   const tableHead = ref<TableHeadItem<ApiItem>[]>([
     { prop: 'desc', label: '接口描述' },
     { prop: 'id', label: '接口ID' },
     { prop: 'method', label: '接口方法' },
     { prop: 'path', label: '请求地址' },
-  ]);
-  const tableData = ref<TableDataItem<ApiItem>[]>([]);
+  ])
+  const tableData = ref<TableDataItem<ApiItem>[]>([])
 
-  const checkMap = ref<Record<number, boolean>>({});
+  const checkMap = ref<Record<number, boolean>>({})
 
   const edit = async (row: TableDataItem<RoleItem>) => {
-    currRole.value = row.id;
-    checkMap.value = {};
+    currRole.value = row.id
+    checkMap.value = {}
 
     const { list, accessIds } = await apis.get.getRoleApis(row.id);
     (Array.from(accessIds) as number[]).forEach((v) => {
-      checkMap.value[v] = true;
-    });
+      checkMap.value[v] = true
+    })
 
     tableData.value = deepClone(
       Array.from(list)
         .map((item: any) => item.children)
         .flat(),
-    );
+    )
 
-    access.value = accessIds;
-    origin.value = accessIds;
-    showApi.value = true;
+    access.value = accessIds
+    origin.value = accessIds
+    showApi.value = true
 
-    isAll.value = tableData.value.length === access.value.length;
-  };
+    isAll.value = tableData.value.length === access.value.length
+  }
   const clear = () => {
-    showApi.value = false;
-    currRole.value = 0;
-    tableData.value.length = 0;
-  };
+    showApi.value = false
+    currRole.value = 0
+    tableData.value.length = 0
+  }
 
   const sure = async () => {
-    const before = origin.value.slice();
+    const before = origin.value.slice()
     const now = Object.entries(checkMap.value)
       .filter(([k, v]) => v)
-      .map(([k, v]) => +k);
+      .map(([k, v]) => +k)
 
-    const add = now.filter((v) => !before.includes(v));
-    const del = before.filter((v) => !now.includes(v));
-    await apis.patch.changeRoleApi(currRole.value, add, del);
-    ElMessage.success('修改成功！');
-    clear();
-  };
+    const add = now.filter(v => !before.includes(v))
+    const del = before.filter(v => !now.includes(v))
+    await apis.patch.changeRoleApi(currRole.value, add, del)
+    ElMessage.success('修改成功！')
+    clear()
+  }
 
-  const isAll = ref(false);
+  const isAll = ref(false)
   const changeAll = () => {
     tableData.value.forEach((i) => {
-      checkMap.value[i.id] = isAll.value;
-    });
-  };
+      checkMap.value[i.id] = isAll.value
+    })
+  }
 
   return {
     showApi,
@@ -332,5 +331,5 @@ export const useRoleApi = () => {
       isAll,
       changeAll,
     }),
-  };
-};
+  }
+}