feat: a-checkbox替换

src/components/custom-table-column-modal/index.vue

@@ -3,14 +3,14 @@
  * @Date: 2025-06-30 10:54:49
 -->
 <template>
-  <a-modal
-    v-model:visible="visible"
+  <Modal
+    v-model:open="visible"
     title="自定义列"
     width="960px"
     unmountOnClose
     titleAlign="start"
-    class="custom-table-column-modal"
-    @close="close"
+    wrapClassName="custom-table-column-modal"
+    @cancel="close"
   >
     <div class="modal-body">
       <!-- 左侧分组 -->
@@ -20,16 +20,16 @@
             <span class="text">{{ group.label }}</span>
           </div>
           <div class="fields">
-            <a-checkbox
+            <Checkbox
               v-for="option in group.columns"
               :key="option.value"
-              :model-value="isCheck(option)"
+              :checked="isCheck(option)"
               :value="option.value"
               :disabled="option.is_require === ENUM_STATUS.NO"
-              @change="(checked) => onCheckChange(checked, option)"
+              @change="(e) => onCheckChange(e.target.checked, option)"
             >
               {{ option.label }}
-            </a-checkbox>
+            </Checkbox>
           </div>
         </div>
       </div>
@@ -65,14 +65,15 @@
 
     <template #footer>
       <div style="text-align: right">
-        <a-button class="mr-8px" size="medium" @click="close">取消</a-button>
-        <a-button type="primary" size="medium" @click="onSubmit">确定</a-button>
+        <Button @click="close">取消</Button>
+        <Button type="primary" @click="onSubmit">确定</Button>
       </div>
     </template>
-  </a-modal>
+  </Modal>
 </template>
 
 <script setup>
+import { Checkbox, Modal, Button } from 'ant-design-vue';
 import { ref, defineExpose } from 'vue';
 import { VueDraggable } from 'vue-draggable-plus';