fix：【infra】代码生成：全选不生效的问题

apps/web-antd/src/views/infra/codegen/modules/import-table.vue

@@ -26,8 +26,17 @@ const formData = reactive<InfraCodegenApi.CodegenCreateListReqVO>({
   tableNames: [], // 已选择的表列表
 });
 
+/** 处理选择变化 */
+function handleCheckboxChange({
+  records,
+}: {
+  records: InfraCodegenApi.DatabaseTable[];
+}) {
+  formData.tableNames = records.map((item) => item.name);
+}
+
 /** 表格实例 */
-const [Grid] = useVbenVxeGrid({
+const [Grid, gridApi] = useVbenVxeGrid({
   formOptions: {
     schema: useImportTableFormSchema(),
     submitOnChange: true,
@@ -67,13 +76,8 @@ const [Grid] = useVbenVxeGrid({
     },
   } as VxeTableGridOptions<InfraCodegenApi.DatabaseTable>,
   gridEvents: {
-    checkboxChange: ({
+    checkboxChange: handleCheckboxChange,
-      records,
+    checkboxAll: handleCheckboxChange,
-    }: {
-      records: InfraCodegenApi.DatabaseTable[];
-    }) => {
-      formData.tableNames = records.map((item) => item.name);
-    },
   },
 });
 
@@ -81,6 +85,13 @@ const [Grid] = useVbenVxeGrid({
 const [Modal, modalApi] = useVbenModal({
   title: '导入表',
   class: 'w-1/2',
+  async onOpenChange(isOpen: boolean) {
+    if (!isOpen) {
+      // 关闭时清空选择状态
+      formData.tableNames = [];
+      await gridApi.grid?.clearCheckboxRow();
+    }
+  },
   async onConfirm() {
     modalApi.lock();
     // 1.1 获取表单值

apps/web-ele/src/views/infra/codegen/modules/import-table.vue

@@ -26,8 +26,17 @@ const formData = reactive<InfraCodegenApi.CodegenCreateListReqVO>({
   tableNames: [], // 已选择的表列表
 });
 
+/** 处理选择变化 */
+function handleCheckboxChange({
+  records,
+}: {
+  records: InfraCodegenApi.DatabaseTable[];
+}) {
+  formData.tableNames = records.map((item) => item.name);
+}
+
 /** 表格实例 */
-const [Grid] = useVbenVxeGrid({
+const [Grid, gridApi] = useVbenVxeGrid({
   formOptions: {
     schema: useImportTableFormSchema(),
     submitOnChange: true,
@@ -67,13 +76,8 @@ const [Grid] = useVbenVxeGrid({
     },
   } as VxeTableGridOptions<InfraCodegenApi.DatabaseTable>,
   gridEvents: {
-    checkboxChange: ({
+    checkboxChange: handleCheckboxChange,
-      records,
+    checkboxAll: handleCheckboxChange,
-    }: {
-      records: InfraCodegenApi.DatabaseTable[];
-    }) => {
-      formData.tableNames = records.map((item) => item.name);
-    },
   },
 });
 
@@ -81,6 +85,13 @@ const [Grid] = useVbenVxeGrid({
 const [Modal, modalApi] = useVbenModal({
   title: '导入表',
   class: 'w-1/2',
+  async onOpenChange(isOpen: boolean) {
+    if (!isOpen) {
+      // 关闭时清空选择状态
+      formData.tableNames = [];
+      await gridApi.grid?.clearCheckboxRow();
+    }
+  },
   async onConfirm() {
     modalApi.lock();
     // 1.1 获取表单值

apps/web-naive/src/views/infra/codegen/modules/import-table.vue

@@ -25,8 +25,17 @@ const formData = reactive<InfraCodegenApi.CodegenCreateListReqVO>({
   tableNames: [], // 已选择的表列表
 });
 
+/** 处理选择变化 */
+function handleCheckboxChange({
+  records,
+}: {
+  records: InfraCodegenApi.DatabaseTable[];
+}) {
+  formData.tableNames = records.map((item) => item.name);
+}
+
 /** 表格实例 */
-const [Grid] = useVbenVxeGrid({
+const [Grid, gridApi] = useVbenVxeGrid({
   formOptions: {
     schema: useImportTableFormSchema(),
     submitOnChange: true,
@@ -66,13 +75,8 @@ const [Grid] = useVbenVxeGrid({
     },
   } as VxeTableGridOptions<InfraCodegenApi.DatabaseTable>,
   gridEvents: {
-    checkboxChange: ({
+    checkboxChange: handleCheckboxChange,
-      records,
+    checkboxAll: handleCheckboxChange,
-    }: {
-      records: InfraCodegenApi.DatabaseTable[];
-    }) => {
-      formData.tableNames = records.map((item) => item.name);
-    },
   },
 });
 
@@ -80,6 +84,13 @@ const [Grid] = useVbenVxeGrid({
 const [Modal, modalApi] = useVbenModal({
   title: '导入表',
   class: 'w-1/2',
+  async onOpenChange(isOpen: boolean) {
+    if (!isOpen) {
+      // 关闭时清空选择状态
+      formData.tableNames = [];
+      await gridApi.grid?.clearCheckboxRow();
+    }
+  },
   async onConfirm() {
     modalApi.lock();
     // 1.1 获取表单值

apps/web-tdesign/src/views/infra/codegen/modules/import-table.vue

@@ -25,8 +25,17 @@ const formData = reactive<InfraCodegenApi.CodegenCreateListReqVO>({
   tableNames: [], // 已选择的表列表
 });
 
+/** 处理选择变化 */
+function handleCheckboxChange({
+  records,
+}: {
+  records: InfraCodegenApi.DatabaseTable[];
+}) {
+  formData.tableNames = records.map((item) => item.name);
+}
+
 /** 表格实例 */
-const [Grid] = useVbenVxeGrid({
+const [Grid, gridApi] = useVbenVxeGrid({
   formOptions: {
     schema: useImportTableFormSchema(),
     submitOnChange: true,
@@ -66,13 +75,8 @@ const [Grid] = useVbenVxeGrid({
     },
   } as VxeTableGridOptions<InfraCodegenApi.DatabaseTable>,
   gridEvents: {
-    checkboxChange: ({
+    checkboxChange: handleCheckboxChange,
-      records,
+    checkboxAll: handleCheckboxChange,
-    }: {
-      records: InfraCodegenApi.DatabaseTable[];
-    }) => {
-      formData.tableNames = records.map((item) => item.name);
-    },
   },
 });
 
@@ -80,6 +84,13 @@ const [Grid] = useVbenVxeGrid({
 const [Modal, modalApi] = useVbenModal({
   title: '导入表',
   class: 'w-1/2',
+  async onOpenChange(isOpen: boolean) {
+    if (!isOpen) {
+      // 关闭时清空选择状态
+      formData.tableNames = [];
+      await gridApi.grid?.clearCheckboxRow();
+    }
+  },
   async onConfirm() {
     modalApi.lock();
     // 1.1 获取表单值