refactor：基于 lint 处理排版

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

@@ -1,13 +1,14 @@
+import type { VxeTableGridOptions } from '@vben/plugins/vxe-table';
+
 import type { VbenFormSchema } from '#/adapter/form';
 import type { OnActionClickFn } from '#/adapter/vxe-table';
 import type { Demo01ContactApi } from '#/api/infra/demo/demo01';
-import type { VxeTableGridOptions } from '@vben/plugins/vxe-table';
+
+import { useAccess } from '@vben/access';
 
 import { getRangePickerDefaultProps } from '#/utils/date';
 import { DICT_TYPE, getDictOptions } from '#/utils/dict';
 
-import { useAccess } from '@vben/access';
-
 const { hasAccessByCodes } = useAccess();
 
 /** 新增/修改的表单 */

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

@@ -1,19 +1,28 @@
 <script lang="ts" setup>
-import type { OnActionClickParams, VxeTableGridOptions } from '#/adapter/vxe-table';
+import type {
+  OnActionClickParams,
+  VxeTableGridOptions,
+} from '#/adapter/vxe-table';
 import type { Demo01ContactApi } from '#/api/infra/demo/demo01';
 
-import Form from './modules/form.vue';
+import { h } from 'vue';
+
 import { Page, useVbenModal } from '@vben/common-ui';
 import { Download, Plus } from '@vben/icons';
+
 import { Button, message } from 'ant-design-vue';
 
 import { useVbenVxeGrid } from '#/adapter/vxe-table';
-import { deleteDemo01Contact, exportDemo01Contact, getDemo01ContactPage } from '#/api/infra/demo/demo01';
+import {
+  deleteDemo01Contact,
+  exportDemo01Contact,
+  getDemo01ContactPage,
+} from '#/api/infra/demo/demo01';
 import { $t } from '#/locales';
 import { downloadByData } from '#/utils/download';
-import { h } from 'vue';
 
 import { useGridColumns, useGridFormSchema } from './data';
+import Form from './modules/form.vue';
 
 const [FormModal, formModalApi] = useVbenModal({
   connectedComponent: Form,
@@ -61,16 +70,19 @@ async function onExport() {
 }
 
 /** 表格操作按钮的回调函数 */
-function onActionClick({ code, row }: OnActionClickParams<Demo01ContactApi.Demo01Contact>) {
+function onActionClick({
+  code,
+  row,
+}: OnActionClickParams<Demo01ContactApi.Demo01Contact>) {
   switch (code) {
-    case 'edit': {
-      onEdit(row);
-      break;
-    }
     case 'delete': {
       onDelete(row);
       break;
     }
+    case 'edit': {
+      onEdit(row);
+      break;
+    }
   }
 }
 
@@ -113,7 +125,12 @@ const [Grid, gridApi] = useVbenVxeGrid({
 
     <Grid table-title="示例联系人列表">
       <template #toolbar-tools>
-        <Button :icon="h(Plus)" type="primary" @click="onCreate" v-access:code="['infra:demo01-contact:create']">
+        <Button
+          :icon="h(Plus)"
+          type="primary"
+          @click="onCreate"
+          v-access:code="['infra:demo01-contact:create']"
+        >
           {{ $t('ui.actionTitle.create', ['示例联系人']) }}
         </Button>
         <Button

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

@@ -1,20 +1,28 @@
 <script lang="ts" setup>
 import type { Demo01ContactApi } from '#/api/infra/demo/demo01';
 
+import { computed, ref } from 'vue';
+
 import { useVbenModal } from '@vben/common-ui';
+
 import { message } from 'ant-design-vue';
 
 import { useVbenForm } from '#/adapter/form';
-import { createDemo01Contact, getDemo01Contact, updateDemo01Contact } from '#/api/infra/demo/demo01';
+import {
+  createDemo01Contact,
+  getDemo01Contact,
+  updateDemo01Contact,
+} from '#/api/infra/demo/demo01';
 import { $t } from '#/locales';
-import { computed, ref } from 'vue';
 
 import { useFormSchema } from '../data';
 
 const emit = defineEmits(['success']);
 const formData = ref<Demo01ContactApi.Demo01Contact>();
 const getTitle = computed(() => {
-  return formData.value?.id ? $t('ui.actionTitle.edit', ['示例联系人']) : $t('ui.actionTitle.create', ['示例联系人']);
+  return formData.value?.id
+    ? $t('ui.actionTitle.edit', ['示例联系人'])
+    : $t('ui.actionTitle.create', ['示例联系人']);
 });
 
 const [Form, formApi] = useVbenForm({
@@ -33,7 +41,9 @@ const [Modal, modalApi] = useVbenModal({
     // 提交表单
     const data = (await formApi.getValues()) as Demo01ContactApi.Demo01Contact;
     try {
-      await (formData.value?.id ? updateDemo01Contact(data) : createDemo01Contact(data));
+      await (formData.value?.id
+        ? updateDemo01Contact(data)
+        : createDemo01Contact(data));
       // 关闭并提示
       await modalApi.close();
       emit('success');

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

@@ -1,14 +1,15 @@
+import type { VxeTableGridOptions } from '@vben/plugins/vxe-table';
+
 import type { VbenFormSchema } from '#/adapter/form';
 import type { OnActionClickFn } from '#/adapter/vxe-table';
 import type { Demo02CategoryApi } from '#/api/infra/demo/demo02';
-import type { VxeTableGridOptions } from '@vben/plugins/vxe-table';
+
+import { useAccess } from '@vben/access';
 
 import { getDemo02CategoryList } from '#/api/infra/demo/demo02';
 import { getRangePickerDefaultProps } from '#/utils/date';
 import { handleTree } from '#/utils/tree';
 
-import { useAccess } from '@vben/access';
-
 const { hasAccessByCodes } = useAccess();
 
 /** 新增/修改的表单 */

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

@@ -1,19 +1,28 @@
 <script lang="ts" setup>
-import type { OnActionClickParams, VxeTableGridOptions } from '#/adapter/vxe-table';
+import type {
+  OnActionClickParams,
+  VxeTableGridOptions,
+} from '#/adapter/vxe-table';
 import type { Demo02CategoryApi } from '#/api/infra/demo/demo02';
 
-import Form from './modules/form.vue';
+import { h, ref } from 'vue';
+
 import { Page, useVbenModal } from '@vben/common-ui';
 import { Download, Plus } from '@vben/icons';
+
 import { Button, message } from 'ant-design-vue';
 
 import { useVbenVxeGrid } from '#/adapter/vxe-table';
-import { deleteDemo02Category, exportDemo02Category, getDemo02CategoryList } from '#/api/infra/demo/demo02';
+import {
+  deleteDemo02Category,
+  exportDemo02Category,
+  getDemo02CategoryList,
+} from '#/api/infra/demo/demo02';
 import { $t } from '#/locales';
 import { downloadByData } from '#/utils/download';
-import { h, ref } from 'vue';
 
 import { useGridColumns, useGridFormSchema } from './data';
+import Form from './modules/form.vue';
 
 const [FormModal, formModalApi] = useVbenModal({
   connectedComponent: Form,
@@ -73,7 +82,10 @@ async function onDelete(row: Demo02CategoryApi.Demo02Category) {
 }
 
 /** 表格操作按钮的回调函数 */
-function onActionClick({ code, row }: OnActionClickParams<Demo02CategoryApi.Demo02Category>) {
+function onActionClick({
+  code,
+  row,
+}: OnActionClickParams<Demo02CategoryApi.Demo02Category>) {
   switch (code) {
     case 'append': {
       onAppend(row);
@@ -135,7 +147,12 @@ const [Grid, gridApi] = useVbenVxeGrid({
         <Button @click="toggleExpand" class="mr-2">
           {{ isExpanded ? '收缩' : '展开' }}
         </Button>
-        <Button :icon="h(Plus)" type="primary" @click="onCreate" v-access:code="['infra:demo02-category:create']">
+        <Button
+          :icon="h(Plus)"
+          type="primary"
+          @click="onCreate"
+          v-access:code="['infra:demo02-category:create']"
+        >
           {{ $t('ui.actionTitle.create', ['示例分类']) }}
         </Button>
         <Button

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

@@ -1,13 +1,19 @@
 <script lang="ts" setup>
 import type { Demo02CategoryApi } from '#/api/infra/demo/demo02';
 
+import { computed, ref } from 'vue';
+
 import { useVbenModal } from '@vben/common-ui';
+
 import { message } from 'ant-design-vue';
 
 import { useVbenForm } from '#/adapter/form';
-import { createDemo02Category, getDemo02Category, updateDemo02Category } from '#/api/infra/demo/demo02';
+import {
+  createDemo02Category,
+  getDemo02Category,
+  updateDemo02Category,
+} from '#/api/infra/demo/demo02';
 import { $t } from '#/locales';
-import { computed, ref } from 'vue';
 
 import { useFormSchema } from '../data';
 
@@ -19,7 +25,9 @@ const getTitle = computed(() => {
   if (formData.value?.id) {
     return $t('ui.actionTitle.edit', ['示例分类']);
   }
-  return parentId.value ? $t('ui.actionTitle.create', ['下级示例分类']) : $t('ui.actionTitle.create', ['示例分类']);
+  return parentId.value
+    ? $t('ui.actionTitle.create', ['下级示例分类'])
+    : $t('ui.actionTitle.create', ['示例分类']);
 });
 
 const [Form, formApi] = useVbenForm({
@@ -36,9 +44,12 @@ const [Modal, modalApi] = useVbenModal({
     }
     modalApi.lock();
     // 提交表单
-    const data = (await formApi.getValues()) as Demo02CategoryApi.Demo02Category;
+    const data =
+      (await formApi.getValues()) as Demo02CategoryApi.Demo02Category;
     try {
-      await (formData.value?.id ? updateDemo02Category(data) : createDemo02Category(data));
+      await (formData.value?.id
+        ? updateDemo02Category(data)
+        : createDemo02Category(data));
       // 关闭并提示
       await modalApi.close();
       emit('success');

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

@@ -1,13 +1,14 @@
+import type { VxeTableGridOptions } from '@vben/plugins/vxe-table';
+
 import type { VbenFormSchema } from '#/adapter/form';
 import type { OnActionClickFn } from '#/adapter/vxe-table';
 import type { Demo03StudentApi } from '#/api/infra/demo/demo03/erp';
-import type { VxeTableGridOptions } from '@vben/plugins/vxe-table';
+
+import { useAccess } from '@vben/access';
 
 import { getRangePickerDefaultProps } from '#/utils/date';
 import { DICT_TYPE, getDictOptions } from '#/utils/dict';
 
-import { useAccess } from '@vben/access';
-
 const { hasAccessByCodes } = useAccess();
 
 /** 新增/修改的表单 */

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

@@ -1,21 +1,30 @@
 <script lang="ts" setup>
-import type { OnActionClickParams, VxeTableGridOptions } from '#/adapter/vxe-table';
+import type {
+  OnActionClickParams,
+  VxeTableGridOptions,
+} from '#/adapter/vxe-table';
 import type { Demo03StudentApi } from '#/api/infra/demo/demo03/erp';
 
-import Demo03CourseList from './modules/demo03-course-list.vue';
-import Demo03GradeList from './modules/demo03-grade-list.vue';
-import Form from './modules/form.vue';
+import { h, ref } from 'vue';
+
 import { Page, useVbenModal } from '@vben/common-ui';
 import { Download, Plus } from '@vben/icons';
+
 import { Button, message, Tabs } from 'ant-design-vue';
 
 import { useVbenVxeGrid } from '#/adapter/vxe-table';
-import { deleteDemo03Student, exportDemo03Student, getDemo03StudentPage } from '#/api/infra/demo/demo03/erp';
+import {
+  deleteDemo03Student,
+  exportDemo03Student,
+  getDemo03StudentPage,
+} from '#/api/infra/demo/demo03/erp';
 import { $t } from '#/locales';
 import { downloadByData } from '#/utils/download';
-import { h, ref } from 'vue';
 
 import { useGridColumns, useGridFormSchema } from './data';
+import Demo03CourseList from './modules/demo03-course-list.vue';
+import Demo03GradeList from './modules/demo03-grade-list.vue';
+import Form from './modules/form.vue';
 
 /** 子表的列表 */
 const subTabsName = ref('demo03Course');
@@ -67,16 +76,19 @@ async function onExport() {
 }
 
 /** 表格操作按钮的回调函数 */
-function onActionClick({ code, row }: OnActionClickParams<Demo03StudentApi.Demo03Student>) {
+function onActionClick({
+  code,
+  row,
+}: OnActionClickParams<Demo03StudentApi.Demo03Student>) {
   switch (code) {
-    case 'edit': {
-      onEdit(row);
-      break;
-    }
     case 'delete': {
       onDelete(row);
       break;
     }
+    case 'edit': {
+      onEdit(row);
+      break;
+    }
   }
 }
 
@@ -126,7 +138,12 @@ const [Grid, gridApi] = useVbenVxeGrid({
     <div>
       <Grid table-title="学生列表">
         <template #toolbar-tools>
-          <Button :icon="h(Plus)" type="primary" @click="onCreate" v-access:code="['infra:demo03-student:create']">
+          <Button
+            :icon="h(Plus)"
+            type="primary"
+            @click="onCreate"
+            v-access:code="['infra:demo03-student:create']"
+          >
             {{ $t('ui.actionTitle.create', ['学生']) }}
           </Button>
           <Button

apps/web-antd/src/views/infra/demo/demo03/erp/modules/demo03-course-form.vue

@@ -1,20 +1,28 @@
 <script lang="ts" setup>
 import type { Demo03StudentApi } from '#/api/infra/demo/demo03/erp';
 
+import { computed, ref } from 'vue';
+
 import { useVbenModal } from '@vben/common-ui';
+
 import { message } from 'ant-design-vue';
 
 import { useVbenForm } from '#/adapter/form';
-import { createDemo03Course, getDemo03Course, updateDemo03Course } from '#/api/infra/demo/demo03/erp';
+import {
+  createDemo03Course,
+  getDemo03Course,
+  updateDemo03Course,
+} from '#/api/infra/demo/demo03/erp';
 import { $t } from '#/locales';
-import { computed, ref } from 'vue';
 
 import { useDemo03CourseFormSchema } from '../data';
 
 const emit = defineEmits(['success']);
 const formData = ref<Demo03StudentApi.Demo03Course>();
 const getTitle = computed(() => {
-  return formData.value?.id ? $t('ui.actionTitle.edit', ['学生课程']) : $t('ui.actionTitle.create', ['学生课程']);
+  return formData.value?.id
+    ? $t('ui.actionTitle.edit', ['学生课程'])
+    : $t('ui.actionTitle.create', ['学生课程']);
 });
 
 const [Form, formApi] = useVbenForm({
@@ -35,7 +43,9 @@ const [Modal, modalApi] = useVbenModal({
     const data = (await formApi.getValues()) as Demo03StudentApi.Demo03Course;
     data.studentId = formData.value?.studentId;
     try {
-      await (formData.value?.id ? updateDemo03Course(data) : createDemo03Course(data));
+      await (formData.value?.id
+        ? updateDemo03Course(data)
+        : createDemo03Course(data));
       // 关闭并提示
       await modalApi.close();
       emit('success');

apps/web-antd/src/views/infra/demo/demo03/erp/modules/demo03-course-list.vue

@@ -1,17 +1,28 @@
 <script lang="ts" setup>
-import type { OnActionClickParams, VxeTableGridOptions } from '#/adapter/vxe-table';
+import type {
+  OnActionClickParams,
+  VxeTableGridOptions,
+} from '#/adapter/vxe-table';
 import type { Demo03StudentApi } from '#/api/infra/demo/demo03/erp';
 
+import { h, nextTick, watch } from 'vue';
+
 import { useVbenModal } from '@vben/common-ui';
 import { Plus } from '@vben/icons';
+
 import { Button, message } from 'ant-design-vue';
 
 import { useVbenVxeGrid } from '#/adapter/vxe-table';
-import { deleteDemo03Course, getDemo03CoursePage } from '#/api/infra/demo/demo03/erp';
+import {
+  deleteDemo03Course,
+  getDemo03CoursePage,
+} from '#/api/infra/demo/demo03/erp';
 import { $t } from '#/locales';
-import { h, nextTick, watch } from 'vue';
 
-import { useDemo03CourseGridColumns, useDemo03CourseGridFormSchema } from '../data';
+import {
+  useDemo03CourseGridColumns,
+  useDemo03CourseGridFormSchema,
+} from '../data';
 import Demo03CourseForm from './demo03-course-form.vue';
 
 const props = defineProps<{
@@ -57,16 +68,19 @@ async function onDelete(row: Demo03StudentApi.Demo03Course) {
 }
 
 /** 表格操作按钮的回调函数 */
-function onActionClick({ code, row }: OnActionClickParams<Demo03StudentApi.Demo03Course>) {
+function onActionClick({
+  code,
+  row,
+}: OnActionClickParams<Demo03StudentApi.Demo03Course>) {
   switch (code) {
-    case 'edit': {
-      onEdit(row);
-      break;
-    }
     case 'delete': {
       onDelete(row);
       break;
     }
+    case 'edit': {
+      onEdit(row);
+      break;
+    }
   }
 }
 
@@ -129,7 +143,12 @@ watch(
   <FormModal @success="onRefresh" />
   <Grid table-title="学生课程列表">
     <template #toolbar-tools>
-      <Button :icon="h(Plus)" type="primary" @click="onCreate" v-access:code="['infra:demo03-student:create']">
+      <Button
+        :icon="h(Plus)"
+        type="primary"
+        @click="onCreate"
+        v-access:code="['infra:demo03-student:create']"
+      >
         {{ $t('ui.actionTitle.create', ['学生课程']) }}
       </Button>
     </template>

apps/web-antd/src/views/infra/demo/demo03/erp/modules/demo03-grade-form.vue

@@ -1,20 +1,28 @@
 <script lang="ts" setup>
 import type { Demo03StudentApi } from '#/api/infra/demo/demo03/erp';
 
+import { computed, ref } from 'vue';
+
 import { useVbenModal } from '@vben/common-ui';
+
 import { message } from 'ant-design-vue';
 
 import { useVbenForm } from '#/adapter/form';
-import { createDemo03Grade, getDemo03Grade, updateDemo03Grade } from '#/api/infra/demo/demo03/erp';
+import {
+  createDemo03Grade,
+  getDemo03Grade,
+  updateDemo03Grade,
+} from '#/api/infra/demo/demo03/erp';
 import { $t } from '#/locales';
-import { computed, ref } from 'vue';
 
 import { useDemo03GradeFormSchema } from '../data';
 
 const emit = defineEmits(['success']);
 const formData = ref<Demo03StudentApi.Demo03Grade>();
 const getTitle = computed(() => {
-  return formData.value?.id ? $t('ui.actionTitle.edit', ['学生班级']) : $t('ui.actionTitle.create', ['学生班级']);
+  return formData.value?.id
+    ? $t('ui.actionTitle.edit', ['学生班级'])
+    : $t('ui.actionTitle.create', ['学生班级']);
 });
 
 const [Form, formApi] = useVbenForm({
@@ -35,7 +43,9 @@ const [Modal, modalApi] = useVbenModal({
     const data = (await formApi.getValues()) as Demo03StudentApi.Demo03Grade;
     data.studentId = formData.value?.studentId;
     try {
-      await (formData.value?.id ? updateDemo03Grade(data) : createDemo03Grade(data));
+      await (formData.value?.id
+        ? updateDemo03Grade(data)
+        : createDemo03Grade(data));
       // 关闭并提示
       await modalApi.close();
       emit('success');

apps/web-antd/src/views/infra/demo/demo03/erp/modules/demo03-grade-list.vue

@@ -1,17 +1,28 @@
 <script lang="ts" setup>
-import type { OnActionClickParams, VxeTableGridOptions } from '#/adapter/vxe-table';
+import type {
+  OnActionClickParams,
+  VxeTableGridOptions,
+} from '#/adapter/vxe-table';
 import type { Demo03StudentApi } from '#/api/infra/demo/demo03/erp';
 
+import { h, nextTick, watch } from 'vue';
+
 import { useVbenModal } from '@vben/common-ui';
 import { Plus } from '@vben/icons';
+
 import { Button, message } from 'ant-design-vue';
 
 import { useVbenVxeGrid } from '#/adapter/vxe-table';
-import { deleteDemo03Grade, getDemo03GradePage } from '#/api/infra/demo/demo03/erp';
+import {
+  deleteDemo03Grade,
+  getDemo03GradePage,
+} from '#/api/infra/demo/demo03/erp';
 import { $t } from '#/locales';
-import { h, nextTick, watch } from 'vue';
 
-import { useDemo03GradeGridColumns, useDemo03GradeGridFormSchema } from '../data';
+import {
+  useDemo03GradeGridColumns,
+  useDemo03GradeGridFormSchema,
+} from '../data';
 import Demo03GradeForm from './demo03-grade-form.vue';
 
 const props = defineProps<{
@@ -57,16 +68,19 @@ async function onDelete(row: Demo03StudentApi.Demo03Grade) {
 }
 
 /** 表格操作按钮的回调函数 */
-function onActionClick({ code, row }: OnActionClickParams<Demo03StudentApi.Demo03Grade>) {
+function onActionClick({
+  code,
+  row,
+}: OnActionClickParams<Demo03StudentApi.Demo03Grade>) {
   switch (code) {
-    case 'edit': {
-      onEdit(row);
-      break;
-    }
     case 'delete': {
       onDelete(row);
       break;
     }
+    case 'edit': {
+      onEdit(row);
+      break;
+    }
   }
 }
 
@@ -129,7 +143,12 @@ watch(
   <FormModal @success="onRefresh" />
   <Grid table-title="学生班级列表">
     <template #toolbar-tools>
-      <Button :icon="h(Plus)" type="primary" @click="onCreate" v-access:code="['infra:demo03-student:create']">
+      <Button
+        :icon="h(Plus)"
+        type="primary"
+        @click="onCreate"
+        v-access:code="['infra:demo03-student:create']"
+      >
         {{ $t('ui.actionTitle.create', ['学生班级']) }}
       </Button>
     </template>

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

@@ -1,20 +1,28 @@
 <script lang="ts" setup>
 import type { Demo03StudentApi } from '#/api/infra/demo/demo03/erp';
 
+import { computed, ref } from 'vue';
+
 import { useVbenModal } from '@vben/common-ui';
+
 import { message } from 'ant-design-vue';
 
 import { useVbenForm } from '#/adapter/form';
-import { createDemo03Student, getDemo03Student, updateDemo03Student } from '#/api/infra/demo/demo03/erp';
+import {
+  createDemo03Student,
+  getDemo03Student,
+  updateDemo03Student,
+} from '#/api/infra/demo/demo03/erp';
 import { $t } from '#/locales';
-import { computed, ref } from 'vue';
 
 import { useFormSchema } from '../data';
 
 const emit = defineEmits(['success']);
 const formData = ref<Demo03StudentApi.Demo03Student>();
 const getTitle = computed(() => {
-  return formData.value?.id ? $t('ui.actionTitle.edit', ['学生']) : $t('ui.actionTitle.create', ['学生']);
+  return formData.value?.id
+    ? $t('ui.actionTitle.edit', ['学生'])
+    : $t('ui.actionTitle.create', ['学生']);
 });
 
 const [Form, formApi] = useVbenForm({
@@ -33,7 +41,9 @@ const [Modal, modalApi] = useVbenModal({
     // 提交表单
     const data = (await formApi.getValues()) as Demo03StudentApi.Demo03Student;
     try {
-      await (formData.value?.id ? updateDemo03Student(data) : createDemo03Student(data));
+      await (formData.value?.id
+        ? updateDemo03Student(data)
+        : createDemo03Student(data));
       // 关闭并提示
       await modalApi.close();
       emit('success');

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

@@ -1,13 +1,14 @@
+import type { VxeTableGridOptions } from '@vben/plugins/vxe-table';
+
 import type { VbenFormSchema } from '#/adapter/form';
 import type { OnActionClickFn } from '#/adapter/vxe-table';
 import type { Demo03StudentApi } from '#/api/infra/demo/demo03/inner';
-import type { VxeTableGridOptions } from '@vben/plugins/vxe-table';
+
+import { useAccess } from '@vben/access';
 
 import { getRangePickerDefaultProps } from '#/utils/date';
 import { DICT_TYPE, getDictOptions } from '#/utils/dict';
 
-import { useAccess } from '@vben/access';
-
 const { hasAccessByCodes } = useAccess();
 
 /** 新增/修改的表单 */

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

@@ -1,21 +1,30 @@
 <script lang="ts" setup>
-import type { OnActionClickParams, VxeTableGridOptions } from '#/adapter/vxe-table';
+import type {
+  OnActionClickParams,
+  VxeTableGridOptions,
+} from '#/adapter/vxe-table';
 import type { Demo03StudentApi } from '#/api/infra/demo/demo03/inner';
 
-import Demo03CourseList from './modules/demo03-course-list.vue';
-import Demo03GradeList from './modules/demo03-grade-list.vue';
-import Form from './modules/form.vue';
+import { h, ref } from 'vue';
+
 import { Page, useVbenModal } from '@vben/common-ui';
 import { Download, Plus } from '@vben/icons';
+
 import { Button, message, Tabs } from 'ant-design-vue';
 
 import { useVbenVxeGrid } from '#/adapter/vxe-table';
-import { deleteDemo03Student, exportDemo03Student, getDemo03StudentPage } from '#/api/infra/demo/demo03/inner';
+import {
+  deleteDemo03Student,
+  exportDemo03Student,
+  getDemo03StudentPage,
+} from '#/api/infra/demo/demo03/inner';
 import { $t } from '#/locales';
 import { downloadByData } from '#/utils/download';
-import { h, ref } from 'vue';
 
 import { useGridColumns, useGridFormSchema } from './data';
+import Demo03CourseList from './modules/demo03-course-list.vue';
+import Demo03GradeList from './modules/demo03-grade-list.vue';
+import Form from './modules/form.vue';
 
 /** 子表的列表 */
 const subTabsName = ref('demo03Course');
@@ -66,16 +75,19 @@ async function onExport() {
 }
 
 /** 表格操作按钮的回调函数 */
-function onActionClick({ code, row }: OnActionClickParams<Demo03StudentApi.Demo03Student>) {
+function onActionClick({
+  code,
+  row,
+}: OnActionClickParams<Demo03StudentApi.Demo03Student>) {
   switch (code) {
-    case 'edit': {
-      onEdit(row);
-      break;
-    }
     case 'delete': {
       onDelete(row);
       break;
     }
+    case 'edit': {
+      onEdit(row);
+      break;
+    }
   }
 }
 
@@ -129,7 +141,12 @@ const [Grid, gridApi] = useVbenVxeGrid({
         </Tabs>
       </template>
       <template #toolbar-tools>
-        <Button :icon="h(Plus)" type="primary" @click="onCreate" v-access:code="['infra:demo03-student:create']">
+        <Button
+          :icon="h(Plus)"
+          type="primary"
+          @click="onCreate"
+          v-access:code="['infra:demo03-student:create']"
+        >
           {{ $t('ui.actionTitle.create', ['学生']) }}
         </Button>
         <Button

apps/web-antd/src/views/infra/demo/demo03/inner/modules/demo03-course-form.vue

@@ -2,13 +2,15 @@
 import type { OnActionClickParams } from '#/adapter/vxe-table';
 import type { Demo03StudentApi } from '#/api/infra/demo/demo03/inner';
 
+import { h, nextTick, watch } from 'vue';
+
 import { Plus } from '@vben/icons';
+
 import { Button, Input } from 'ant-design-vue';
 
 import { useVbenVxeGrid } from '#/adapter/vxe-table';
 import { getDemo03CourseListByStudentId } from '#/api/infra/demo/demo03/inner';
 import { $t } from '#/locales';
-import { h, nextTick, watch } from 'vue';
 
 import { useDemo03CourseGridEditColumns } from '../data';
 
@@ -17,7 +19,10 @@ const props = defineProps<{
 }>();
 
 /** 表格操作按钮的回调函数 */
-function onActionClick({ code, row }: OnActionClickParams<Demo03StudentApi.Demo03Course>) {
+function onActionClick({
+  code,
+  row,
+}: OnActionClickParams<Demo03StudentApi.Demo03Course>) {
   switch (code) {
     case 'delete': {
       onDelete(row);
@@ -59,8 +64,10 @@ const onDelete = async (row: Demo03StudentApi.Demo03Course) => {
 defineExpose({
   getData: (): Demo03StudentApi.Demo03Course[] => {
     const data = gridApi.grid.getData() as Demo03StudentApi.Demo03Course[];
-    const removeRecords = gridApi.grid.getRemoveRecords() as Demo03StudentApi.Demo03Course[];
-    const insertRecords = gridApi.grid.getInsertRecords() as Demo03StudentApi.Demo03Course[];
+    const removeRecords =
+      gridApi.grid.getRemoveRecords() as Demo03StudentApi.Demo03Course[];
+    const insertRecords =
+      gridApi.grid.getInsertRecords() as Demo03StudentApi.Demo03Course[];
     return data
       .filter((row) => !removeRecords.some((removed) => removed.id === row.id))
       .concat(insertRecords.map((row: any) => ({ ...row, id: undefined })));
@@ -75,7 +82,9 @@ watch(
       return;
     }
     await nextTick();
-    await gridApi.grid.loadData(await getDemo03CourseListByStudentId(props.studentId!));
+    await gridApi.grid.loadData(
+      await getDemo03CourseListByStudentId(props.studentId!),
+    );
   },
   { immediate: true },
 );
@@ -91,7 +100,13 @@ watch(
     </template>
   </Grid>
   <div class="-mt-4 flex justify-center">
-    <Button :icon="h(Plus)" type="primary" ghost @click="onAdd" v-access:code="['infra:demo03-student:create']">
+    <Button
+      :icon="h(Plus)"
+      type="primary"
+      ghost
+      @click="onAdd"
+      v-access:code="['infra:demo03-student:create']"
+    >
       {{ $t('ui.actionTitle.create', ['学生课程']) }}
     </Button>
   </div>

apps/web-antd/src/views/infra/demo/demo03/inner/modules/demo03-course-list.vue

@@ -2,9 +2,10 @@
 import type { VxeTableGridOptions } from '#/adapter/vxe-table';
 import type { Demo03StudentApi } from '#/api/infra/demo/demo03/inner';
 
+import { nextTick, watch } from 'vue';
+
 import { useVbenVxeGrid } from '#/adapter/vxe-table';
 import { getDemo03CourseListByStudentId } from '#/api/infra/demo/demo03/inner';
-import { nextTick, watch } from 'vue';
 
 import { useDemo03CourseGridColumns } from '../data';
 
@@ -31,7 +32,9 @@ const [Grid, gridApi] = useVbenVxeGrid({
 
 /** 刷新表格 */
 const onRefresh = async () => {
-  await gridApi.grid.loadData(await getDemo03CourseListByStudentId(props.studentId!));
+  await gridApi.grid.loadData(
+    await getDemo03CourseListByStudentId(props.studentId!),
+  );
 };
 
 /** 监听主表的关联字段的变化，加载对应的子表数据 */

apps/web-antd/src/views/infra/demo/demo03/inner/modules/demo03-grade-form.vue

@@ -1,7 +1,8 @@
 <script lang="ts" setup>
+import { nextTick, watch } from 'vue';
+
 import { useVbenForm } from '#/adapter/form';
 import { getDemo03GradeByStudentId } from '#/api/infra/demo/demo03/inner';
-import { nextTick, watch } from 'vue';
 
 import { useDemo03GradeFormSchema } from '../data';
 

apps/web-antd/src/views/infra/demo/demo03/inner/modules/demo03-grade-list.vue

@@ -2,9 +2,10 @@
 import type { VxeTableGridOptions } from '#/adapter/vxe-table';
 import type { Demo03StudentApi } from '#/api/infra/demo/demo03/inner';
 
+import { nextTick, watch } from 'vue';
+
 import { useVbenVxeGrid } from '#/adapter/vxe-table';
 import { getDemo03GradeByStudentId } from '#/api/infra/demo/demo03/inner';
-import { nextTick, watch } from 'vue';
 
 import { useDemo03GradeGridColumns } from '../data';
 
@@ -31,7 +32,9 @@ const [Grid, gridApi] = useVbenVxeGrid({
 
 /** 刷新表格 */
 const onRefresh = async () => {
-  await gridApi.grid.loadData([await getDemo03GradeByStudentId(props.studentId!)]);
+  await gridApi.grid.loadData([
+    await getDemo03GradeByStudentId(props.studentId!),
+  ]);
 };
 
 /** 监听主表的关联字段的变化，加载对应的子表数据 */

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

@@ -1,13 +1,19 @@
 <script lang="ts" setup>
 import type { Demo03StudentApi } from '#/api/infra/demo/demo03/inner';
 
+import { computed, ref } from 'vue';
+
 import { useVbenModal } from '@vben/common-ui';
+
 import { message, Tabs } from 'ant-design-vue';
 
 import { useVbenForm } from '#/adapter/form';
-import { createDemo03Student, getDemo03Student, updateDemo03Student } from '#/api/infra/demo/demo03/inner';
+import {
+  createDemo03Student,
+  getDemo03Student,
+  updateDemo03Student,
+} from '#/api/infra/demo/demo03/inner';
 import { $t } from '#/locales';
-import { computed, ref } from 'vue';
 
 import { useFormSchema } from '../data';
 import Demo03CourseForm from './demo03-course-form.vue';
@@ -16,7 +22,9 @@ import Demo03GradeForm from './demo03-grade-form.vue';
 const emit = defineEmits(['success']);
 const formData = ref<Demo03StudentApi.Demo03Student>();
 const getTitle = computed(() => {
-  return formData.value?.id ? $t('ui.actionTitle.edit', ['学生']) : $t('ui.actionTitle.create', ['学生']);
+  return formData.value?.id
+    ? $t('ui.actionTitle.edit', ['学生'])
+    : $t('ui.actionTitle.create', ['学生']);
 });
 
 /** 子表的表单 */
@@ -49,7 +57,9 @@ const [Modal, modalApi] = useVbenModal({
     data.demo03Courses = demo03CourseFormRef.value?.getData();
     data.demo03Grade = await demo03GradeFormRef.value?.getValues();
     try {
-      await (formData.value?.id ? updateDemo03Student(data) : createDemo03Student(data));
+      await (formData.value?.id
+        ? updateDemo03Student(data)
+        : createDemo03Student(data));
       // 关闭并提示
       await modalApi.close();
       emit('success');
@@ -93,7 +103,10 @@ const [Modal, modalApi] = useVbenModal({
     <!-- 子表的表单 -->
     <Tabs v-model:active-key="subTabsName">
       <Tabs.TabPane key="demo03Course" tab="学生课程" force-render>
-        <Demo03CourseForm ref="demo03CourseFormRef" :student-id="formData?.id" />
+        <Demo03CourseForm
+          ref="demo03CourseFormRef"
+          :student-id="formData?.id"
+        />
       </Tabs.TabPane>
       <Tabs.TabPane key="demo03Grade" tab="学生班级" force-render>
         <Demo03GradeForm ref="demo03GradeFormRef" :student-id="formData?.id" />

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

@@ -1,13 +1,14 @@
+import type { VxeTableGridOptions } from '@vben/plugins/vxe-table';
+
 import type { VbenFormSchema } from '#/adapter/form';
 import type { OnActionClickFn } from '#/adapter/vxe-table';
 import type { Demo03StudentApi } from '#/api/infra/demo/demo03/normal';
-import type { VxeTableGridOptions } from '@vben/plugins/vxe-table';
+
+import { useAccess } from '@vben/access';
 
 import { getRangePickerDefaultProps } from '#/utils/date';
 import { DICT_TYPE, getDictOptions } from '#/utils/dict';
 
-import { useAccess } from '@vben/access';
-
 const { hasAccessByCodes } = useAccess();
 
 /** 新增/修改的表单 */

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

@@ -1,19 +1,28 @@
 <script lang="ts" setup>
-import type { OnActionClickParams, VxeTableGridOptions } from '#/adapter/vxe-table';
+import type {
+  OnActionClickParams,
+  VxeTableGridOptions,
+} from '#/adapter/vxe-table';
 import type { Demo03StudentApi } from '#/api/infra/demo/demo03/normal';
 
-import Form from './modules/form.vue';
+import { h } from 'vue';
+
 import { Page, useVbenModal } from '@vben/common-ui';
 import { Download, Plus } from '@vben/icons';
+
 import { Button, message } from 'ant-design-vue';
 
 import { useVbenVxeGrid } from '#/adapter/vxe-table';
-import { deleteDemo03Student, exportDemo03Student, getDemo03StudentPage } from '#/api/infra/demo/demo03/normal';
+import {
+  deleteDemo03Student,
+  exportDemo03Student,
+  getDemo03StudentPage,
+} from '#/api/infra/demo/demo03/normal';
 import { $t } from '#/locales';
 import { downloadByData } from '#/utils/download';
-import { h } from 'vue';
 
 import { useGridColumns, useGridFormSchema } from './data';
+import Form from './modules/form.vue';
 
 const [FormModal, formModalApi] = useVbenModal({
   connectedComponent: Form,
@@ -61,16 +70,19 @@ async function onExport() {
 }
 
 /** 表格操作按钮的回调函数 */
-function onActionClick({ code, row }: OnActionClickParams<Demo03StudentApi.Demo03Student>) {
+function onActionClick({
+  code,
+  row,
+}: OnActionClickParams<Demo03StudentApi.Demo03Student>) {
   switch (code) {
-    case 'edit': {
-      onEdit(row);
-      break;
-    }
     case 'delete': {
       onDelete(row);
       break;
     }
+    case 'edit': {
+      onEdit(row);
+      break;
+    }
   }
 }
 
@@ -113,7 +125,12 @@ const [Grid, gridApi] = useVbenVxeGrid({
 
     <Grid table-title="学生列表">
       <template #toolbar-tools>
-        <Button :icon="h(Plus)" type="primary" @click="onCreate" v-access:code="['infra:demo03-student:create']">
+        <Button
+          :icon="h(Plus)"
+          type="primary"
+          @click="onCreate"
+          v-access:code="['infra:demo03-student:create']"
+        >
           {{ $t('ui.actionTitle.create', ['学生']) }}
         </Button>
         <Button

apps/web-antd/src/views/infra/demo/demo03/normal/modules/demo03-course-form.vue

@@ -2,13 +2,15 @@
 import type { OnActionClickParams } from '#/adapter/vxe-table';
 import type { Demo03StudentApi } from '#/api/infra/demo/demo03/normal';
 
+import { h, nextTick, watch } from 'vue';
+
 import { Plus } from '@vben/icons';
+
 import { Button, Input } from 'ant-design-vue';
 
 import { useVbenVxeGrid } from '#/adapter/vxe-table';
 import { getDemo03CourseListByStudentId } from '#/api/infra/demo/demo03/normal';
 import { $t } from '#/locales';
-import { h, nextTick, watch } from 'vue';
 
 import { useDemo03CourseGridEditColumns } from '../data';
 
@@ -17,7 +19,10 @@ const props = defineProps<{
 }>();
 
 /** 表格操作按钮的回调函数 */
-function onActionClick({ code, row }: OnActionClickParams<Demo03StudentApi.Demo03Course>) {
+function onActionClick({
+  code,
+  row,
+}: OnActionClickParams<Demo03StudentApi.Demo03Course>) {
   switch (code) {
     case 'delete': {
       onDelete(row);
@@ -59,8 +64,10 @@ const onDelete = async (row: Demo03StudentApi.Demo03Course) => {
 defineExpose({
   getData: (): Demo03StudentApi.Demo03Course[] => {
     const data = gridApi.grid.getData() as Demo03StudentApi.Demo03Course[];
-    const removeRecords = gridApi.grid.getRemoveRecords() as Demo03StudentApi.Demo03Course[];
-    const insertRecords = gridApi.grid.getInsertRecords() as Demo03StudentApi.Demo03Course[];
+    const removeRecords =
+      gridApi.grid.getRemoveRecords() as Demo03StudentApi.Demo03Course[];
+    const insertRecords =
+      gridApi.grid.getInsertRecords() as Demo03StudentApi.Demo03Course[];
     return data
       .filter((row) => !removeRecords.some((removed) => removed.id === row.id))
       .concat(insertRecords.map((row: any) => ({ ...row, id: undefined })));
@@ -75,7 +82,9 @@ watch(
       return;
     }
     await nextTick();
-    await gridApi.grid.loadData(await getDemo03CourseListByStudentId(props.studentId!));
+    await gridApi.grid.loadData(
+      await getDemo03CourseListByStudentId(props.studentId!),
+    );
   },
   { immediate: true },
 );
@@ -91,7 +100,13 @@ watch(
     </template>
   </Grid>
   <div class="-mt-4 flex justify-center">
-    <Button :icon="h(Plus)" type="primary" ghost @click="onAdd" v-access:code="['infra:demo03-student:create']">
+    <Button
+      :icon="h(Plus)"
+      type="primary"
+      ghost
+      @click="onAdd"
+      v-access:code="['infra:demo03-student:create']"
+    >
       {{ $t('ui.actionTitle.create', ['学生课程']) }}
     </Button>
   </div>

apps/web-antd/src/views/infra/demo/demo03/normal/modules/demo03-grade-form.vue

@@ -1,7 +1,8 @@
 <script lang="ts" setup>
+import { nextTick, watch } from 'vue';
+
 import { useVbenForm } from '#/adapter/form';
 import { getDemo03GradeByStudentId } from '#/api/infra/demo/demo03/normal';
-import { nextTick, watch } from 'vue';
 
 import { useDemo03GradeFormSchema } from '../data';
 

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

@@ -1,13 +1,19 @@
 <script lang="ts" setup>
 import type { Demo03StudentApi } from '#/api/infra/demo/demo03/normal';
 
+import { computed, ref } from 'vue';
+
 import { useVbenModal } from '@vben/common-ui';
+
 import { message, Tabs } from 'ant-design-vue';
 
 import { useVbenForm } from '#/adapter/form';
-import { createDemo03Student, getDemo03Student, updateDemo03Student } from '#/api/infra/demo/demo03/normal';
+import {
+  createDemo03Student,
+  getDemo03Student,
+  updateDemo03Student,
+} from '#/api/infra/demo/demo03/normal';
 import { $t } from '#/locales';
-import { computed, ref } from 'vue';
 
 import { useFormSchema } from '../data';
 import Demo03CourseForm from './demo03-course-form.vue';
@@ -16,7 +22,9 @@ import Demo03GradeForm from './demo03-grade-form.vue';
 const emit = defineEmits(['success']);
 const formData = ref<Demo03StudentApi.Demo03Student>();
 const getTitle = computed(() => {
-  return formData.value?.id ? $t('ui.actionTitle.edit', ['学生']) : $t('ui.actionTitle.create', ['学生']);
+  return formData.value?.id
+    ? $t('ui.actionTitle.edit', ['学生'])
+    : $t('ui.actionTitle.create', ['学生']);
 });
 
 /** 子表的表单 */
@@ -49,7 +57,9 @@ const [Modal, modalApi] = useVbenModal({
     data.demo03Courses = demo03CourseFormRef.value?.getData();
     data.demo03Grade = await demo03GradeFormRef.value?.getValues();
     try {
-      await (formData.value?.id ? updateDemo03Student(data) : createDemo03Student(data));
+      await (formData.value?.id
+        ? updateDemo03Student(data)
+        : createDemo03Student(data));
       // 关闭并提示
       await modalApi.close();
       emit('success');
@@ -93,7 +103,10 @@ const [Modal, modalApi] = useVbenModal({
     <!-- 子表的表单 -->
     <Tabs v-model:active-key="subTabsName">
       <Tabs.TabPane key="demo03Course" tab="学生课程" force-render>
-        <Demo03CourseForm ref="demo03CourseFormRef" :student-id="formData?.id" />
+        <Demo03CourseForm
+          ref="demo03CourseFormRef"
+          :student-id="formData?.id"
+        />
       </Tabs.TabPane>
       <Tabs.TabPane key="demo03Grade" tab="学生班级" force-render>
         <Demo03GradeForm ref="demo03GradeFormRef" :student-id="formData?.id" />