fix: 修复菜单管理无法批量删除

@@ -2,12 +2,12 @@
   <div class="p-4">
     <BasicTable @register="registerTable" @fetch-success="onFetchSuccess">
       <template #toolbar>
-        <a-button type="primary" @click="handleCreate">
+        <Button type="primary" @click="handleCreate">
           {{ getI18nCreateMenu }}
-        </a-button>
-        <a-button color="error" @click="handleDeleteOrBatchDelete(null)" :disabled="hasBatchDelete">
+        </Button>
+        <Button type="primary" danger :disabled="getCanBatchDelete" @click="handleBatchDelete">
           批量删除
-        </a-button>
+        </Button>
       </template>
       <template #action="{ record }">
         <TableAction
@@ -55,23 +55,23 @@
   // 导入列 属性，和搜索栏内容
   import { columns } from './menu.data';
   import { useI18n } from '/@/hooks/web/useI18n';
-  import { notification } from 'ant-design-vue';
-  import { useBatchDelete } from '/@/hooks/web/useBatchDelete';
-
+  import { Button, notification } from 'ant-design-vue';
+  import { useSyncConfirm } from '/@/hooks/component/useSyncConfirm';
+  import { isArray } from '/@/utils/is';
   // 自定义表格组件和属性
   export default defineComponent({
     name: 'MenuManagement',
-    components: { BasicTable, MenuDrawer, TableAction },
+    components: { BasicTable, MenuDrawer, TableAction, Button },
     setup() {
       const [registerDrawer, { openDrawer }] = useDrawer(); //使用右侧弹出框
       const { t } = useI18n(); //加载国际化
       // 新增菜单
       const getI18nCreateMenu = computed(() => t('routes.common.system.pageSystemTitleCreateMenu'));
-      const { hasBatchDelete, handleDeleteOrBatchDelete, selectionOptions } = useBatchDelete(
-        delMenu,
-        handleSuccess
-      );
-      const [registerTable, { reload, collapseAll }] = useTable({
+
+      const [
+        registerTable,
+        { reload, collapseAll, getRowSelection, getSelectRowKeys, setSelectedRowKeys },
+      ] = useTable({
         title: t('routes.common.system.pageSystemTitleMenuList'), //'菜单列表'
         api: getMenuList, //加载数据
         columns, //加载列
@@ -89,9 +89,29 @@
           slots: { customRender: 'action' },
           fixed: 'right',
         },
-        ...selectionOptions,
+        rowSelection: {
+          type: 'checkbox',
+        },
       });
 
+      const getCanBatchDelete = computed(() => {
+        const rowSelection = getRowSelection();
+        return !rowSelection.selectedRowKeys?.length;
+      });
+      const { createSyncConfirm } = useSyncConfirm();
+      const handleBatchDelete = async () => {
+        const rowKeys = getSelectRowKeys();
+        try {
+          await createSyncConfirm({
+            iconType: 'warning',
+            content: '确认后所有选中的菜单将被删除',
+          });
+          await handleDelete({ id: rowKeys });
+          setSelectedRowKeys([]);
+          reload();
+        } catch (error) {}
+      };
+
       /**
        * 获得删除提示框的文字
        */
@@ -126,7 +146,7 @@
        */
       async function handleDelete(record: Recordable) {
         try {
-          let ids = [record.id];
+          let ids = isArray(record.id) ? record.id : [record.id];
           await delMenu(ids);
           notification.success({
             message: '成功',
@@ -161,8 +181,8 @@
         handleDelete,
         handleSuccess,
         onFetchSuccess,
-        hasBatchDelete,
-        handleDeleteOrBatchDelete,
+        getCanBatchDelete,
+        handleBatchDelete,
       };
     },
   });