refactor: 重新生成单表代码生成预览

apps/web-antd/src/api/infra/demo/demo03/inner/index.ts

@@ -10,7 +10,7 @@ export namespace Demo03StudentApi {
     name?: string; // 名字
     score?: number; // 分数
   }
-  // TODO @puhui999：要不要每个 interface 之间，有个空行
+
   /** 学生班级信息 */
   export interface Demo03Grade {
     id: number; // 编号
@@ -18,6 +18,7 @@ export namespace Demo03StudentApi {
     name?: string; // 名字
     teacher?: string; // 班主任
   }
+
   /** 学生信息 */
   export interface Demo03Student {
     id: number; // 编号
@@ -61,7 +62,7 @@ export function exportDemo03Student(params: any) {
 }
 
 // ==================== 子表（学生课程） ====================
-// TODO @puhui999：==================== 后面，加个空行，会更清晰一点
+
 /** 获得学生课程列表 */
 export function getDemo03CourseListByStudentId(studentId: number) {
   return requestClient.get<Demo03StudentApi.Demo03Course[]>(
@@ -70,6 +71,7 @@ export function getDemo03CourseListByStudentId(studentId: number) {
 }
 
 // ==================== 子表（学生班级） ====================
+
 /** 获得学生班级 */
 export function getDemo03GradeByStudentId(studentId: number) {
   return requestClient.get<Demo03StudentApi.Demo03Grade>(

apps/web-antd/src/views/infra/demo/demo01/data.ts

@@ -52,22 +52,16 @@ export function useFormSchema(): VbenFormSchema[] {
         valueFormat: 'x',
       },
     },
-    // TODO 【富文本】@puhui999：@芋艿：后续要封装下；单独 pr
     {
       fieldName: 'description',
       label: '简介',
       rules: 'required',
-      component: 'Editor',
+      component: 'RichTextarea',
     },
-    // TODO 【文件上传】@puhui999：@芋艿：后续要封装下；单独 pr
     {
       fieldName: 'avatar',
       label: '头像',
-      component: 'FileUpload',
+      component: 'ImageUpload',
-      componentProps: {
-        fileType: 'image',
-        maxCount: 1,
-      },
     },
   ];
 }
@@ -91,6 +85,7 @@ export function useGridFormSchema(): VbenFormSchema[] {
       componentProps: {
         allowClear: true,
         options: getDictOptions(DICT_TYPE.SYSTEM_USER_SEX, 'number'),
+        placeholder: '请选择性别',
       },
     },
     {

apps/web-antd/src/views/infra/demo/demo01/index.vue

@@ -25,15 +25,9 @@ function onRefresh() {
   gridApi.query();
 }
 
-/** 导出表格 */
-async function onExport() {
-  const data = await exportDemo01Contact(await gridApi.formApi.getValues());
-  downloadByData(data, '示例联系人.xls');
-}
-
 /** 创建示例联系人 */
 function onCreate() {
-  formModalApi.setData(null).open();
+  formModalApi.setData({}).open();
 }
 
 /** 编辑示例联系人 */
@@ -60,18 +54,23 @@ async function onDelete(row: Demo01ContactApi.Demo01Contact) {
   }
 }
 
+/** 导出表格 */
+async function onExport() {
+  const data = await exportDemo01Contact(await gridApi.formApi.getValues());
+  downloadByData(data, '示例联系人.xls');
+}
+
 /** 表格操作按钮的回调函数 */
 function onActionClick({ code, row }: OnActionClickParams<Demo01ContactApi.Demo01Contact>) {
   switch (code) {
-    case 'delete': {
-      onDelete(row);
-      break;
-    }
-    // TODO @puhui999：edit 放在 delete 前面哈。好理解一点，修改 => 删除
     case 'edit': {
       onEdit(row);
       break;
     }
+    case 'delete': {
+      onDelete(row);
+      break;
+    }
   }
 }
 

apps/web-antd/src/views/infra/demo/demo01/modules/form.vue

@@ -47,6 +47,7 @@ const [Modal, modalApi] = useVbenModal({
   },
   async onOpenChange(isOpen: boolean) {
     if (!isOpen) {
+      formData.value = undefined;
       return;
     }
 
@@ -55,9 +56,7 @@ const [Modal, modalApi] = useVbenModal({
     if (!data) {
       return;
     }
-
     if (data.id) {
-      // 编辑 TODO @puhui999：1）这里注释，“编辑”去掉；2）data.id 上面的空行去掉；
       modalApi.lock();
       try {
         data = await getDemo01Contact(data.id);