review：代码生成，相关功能

apps/web-antd/src/views/infra/codegen/modules/column-info.vue

@@ -6,23 +6,20 @@ import { Checkbox, Input, Select } from 'ant-design-vue';
 
 import { useVbenVxeGrid } from '#/adapter/vxe-table';
 import { getSimpleDictTypeList } from '#/api/system/dict/type';
-import { ref, watch } from 'vue';
+import { nextTick, onMounted, ref, watch } from 'vue';
 
 import { useCodegenColumnTableColumns } from '../data';
 
-defineOptions({ name: 'InfraCodegenColumInfoForm' });
-
 const props = defineProps<{
   columns?: InfraCodegenApi.CodegenColumn[];
 }>();
 
 /** 表格配置 */
-const [Grid, extendedApi] = useVbenVxeGrid({
+const [Grid, gridApi] = useVbenVxeGrid({
   gridOptions: {
     columns: useCodegenColumnTableColumns(),
     border: true,
     showOverflow: true,
-    height: 'auto',
     autoResize: true,
     keepSource: true,
     rowConfig: {
@@ -40,13 +37,12 @@ const [Grid, extendedApi] = useVbenVxeGrid({
 /** 监听外部传入的列数据 */
 watch(
   () => props.columns,
-  (columns) => {
+  async (columns) => {
     if (!columns) {
       return;
     }
-    setTimeout(() => {
-      extendedApi.grid?.loadData(columns);
-    }, 100);
+    await nextTick();
+    gridApi.grid?.loadData(columns);
   },
   {
     immediate: true,
@@ -55,20 +51,14 @@ watch(
 
 /** 提供获取表格数据的方法供父组件调用 */
 defineExpose({
-  getData: (): InfraCodegenApi.CodegenColumn[] => extendedApi.grid.getData(),
+  getData: (): InfraCodegenApi.CodegenColumn[] => gridApi.grid.getData(),
 });
 
-/** 字典类型选项 */
-const dictTypeOptions = ref<{ label: string; value: string }[]>([]);
-const loadDictTypeOptions = async () => {
-  const dictTypes = await getSimpleDictTypeList();
-  dictTypeOptions.value = dictTypes.map((dict: SystemDictTypeApi.SystemDictType) => ({
-    label: dict.name,
-    value: dict.type,
-  }));
-};
-
-loadDictTypeOptions();
+/** 初始化 */
+const dictTypeOptions = ref<SystemDictTypeApi.SystemDictType[]>([]); // 字典类型选项
+onMounted(async () => {
+  dictTypeOptions.value = await getSimpleDictTypeList();
+});
 </script>
 
 <template>
@@ -78,7 +68,7 @@ loadDictTypeOptions();
       <Input v-model:value="row.columnComment" />
     </template>
 
-    <!-- Java类型 -->
+    <!-- Java 类型 -->
     <template #javaType="{ row, column }">
       <Select v-model:value="row.javaType" style="width: 100%">
         <Select.Option v-for="option in column.params.options" :key="option.value" :value="option.value">
@@ -86,8 +76,7 @@ loadDictTypeOptions();
         </Select.Option>
       </Select>
     </template>
-
-    <!-- Java属性 -->
+    <!-- Java 属性 -->
     <template #javaField="{ row }">
       <Input v-model:value="row.javaField" />
     </template>
@@ -96,17 +85,14 @@ loadDictTypeOptions();
     <template #createOperation="{ row }">
       <Checkbox v-model:checked="row.createOperation" />
     </template>
-
     <!-- 编辑 -->
     <template #updateOperation="{ row }">
       <Checkbox v-model:checked="row.updateOperation" />
     </template>
-
     <!-- 列表 -->
     <template #listOperationResult="{ row }">
       <Checkbox v-model:checked="row.listOperationResult" />
     </template>
-
     <!-- 查询 -->
     <template #listOperation="{ row }">
       <Checkbox v-model:checked="row.listOperation" />
@@ -114,7 +100,7 @@ loadDictTypeOptions();
 
     <!-- 查询方式 -->
     <template #listOperationCondition="{ row, column }">
-      <Select v-model:value="row.listOperationCondition" style="width: 100%">
+      <Select v-model:value="row.listOperationCondition" class="w-full">
         <Select.Option v-for="option in column.params.options" :key="option.value" :value="option.value">
           {{ option.label }}
         </Select.Option>
@@ -128,7 +114,7 @@ loadDictTypeOptions();
 
     <!-- 显示类型 -->
     <template #htmlType="{ row, column }">
-      <Select v-model:value="row.htmlType" style="width: 100%">
+      <Select v-model:value="row.htmlType" class="w-full">
         <Select.Option v-for="option in column.params.options" :key="option.value" :value="option.value">
           {{ option.label }}
         </Select.Option>
@@ -137,9 +123,9 @@ loadDictTypeOptions();
 
     <!-- 字典类型 -->
     <template #dictType="{ row }">
-      <Select v-model:value="row.dictType" style="width: 100%" allow-clear show-search>
-        <Select.Option v-for="option in dictTypeOptions" :key="option.value" :value="option.value">
-          {{ option.label }}
+      <Select v-model:value="row.dictType" class="w-full" allow-clear show-search>
+        <Select.Option v-for="option in dictTypeOptions" :key="option.type" :value="option.type">
+          {{ option.name }}
         </Select.Option>
       </Select>
     </template>