refactor: use load instead of onExpand

src/api/system/dept/types.ts

@@ -5,7 +5,7 @@ export interface Department {
   deptName: string
   parentName: string
   deptTypeName: string
-  children: Department[]
+  children?: Department[]
   hasChildren: boolean
 }
 

src/views/system/dept/index.vue

@@ -19,22 +19,21 @@ const [registerModal, { openModal }] = useModal<Department>()
 
 const { hasPermission } = usePermission()
 
-const [register, { reload }] = useTable({
+const [register, { reload }] = useTable<Department>({
   async api(params) {
-    const list = await lazyGetDeptList(params)
-    return list.map(item => ({
-      ...item,
-      children: item.hasChildren ? [] : undefined,
-    }))
-  },
-  async onExpand(isExpand, data: Department) {
-    if (!isExpand || data.children.length)
-      return
-
     try {
-      data.children = await lazyGetDeptList({ parentId: data.id })
+      const list = await lazyGetDeptList(params)
+      return list.map(item => ({
+        ...item,
+        children: item.hasChildren ? [] : undefined,
+      }))
     }
-    catch {}
+    catch {
+      return []
+    }
+  },
+  load(record) {
+    return lazyGetDeptList({ parentId: record.id })
   },
   columns,
   formConfig: {
@@ -43,7 +42,6 @@ const [register, { reload }] = useTable({
   },
   bordered: true,
   canResize: false,
-  isTreeTable: true,
   useSearchForm: true,
   pagination: false,
   actionColumn: {

src/views/system/role/index.vue

@@ -18,7 +18,7 @@ const [registerMenuModal, { openModal: openMenuModal }] = useModal<string>()
 
 const { hasPermission } = usePermission()
 
-const [registerTable, { reload }] = useTable({
+const [registerTable, { reload }] = useTable<Role>({
   async api(params) {
     try {
       const list = await lazyGetRoleList(params)
@@ -31,14 +31,8 @@ const [registerTable, { reload }] = useTable({
       return []
     }
   },
-  async onExpand(isExpand, data: Role) {
+  load(record) {
-    if (!isExpand || data.children?.length)
+    return lazyGetRoleList({ parentId: record.id })
-      return
-
-    try {
-      data.children = await lazyGetRoleList({ parentId: data.id })
-    }
-    catch {}
   },
   columns,
   formConfig: {
@@ -49,6 +43,7 @@ const [registerTable, { reload }] = useTable({
   bordered: true,
   canResize: false,
   useSearchForm: true,
+  pagination: false,
   actionColumn: {
     width: 140,
     title: '操作',