refactor：基于 lint 处理排版

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');