refactor：基于 lint 处理排版

apps/web-antd/src/views/infra/config/data.ts

@@ -2,10 +2,11 @@ import type { VbenFormSchema } from '#/adapter/form';
 import type { OnActionClickFn, VxeTableGridOptions } from '#/adapter/vxe-table';
 import type { InfraConfigApi } from '#/api/infra/config';
 
-import { DICT_TYPE, getDictOptions } from '#/utils/dict';
-import { getRangePickerDefaultProps } from '#/utils/date';
 import { useAccess } from '@vben/access';
 
+import { getRangePickerDefaultProps } from '#/utils/date';
+import { DICT_TYPE, getDictOptions } from '#/utils/dict';
+
 const { hasAccessByCodes } = useAccess();
 
 /** 新增/修改的表单 */
@@ -73,7 +74,7 @@ export function useFormSchema(): VbenFormSchema[] {
       component: 'Textarea',
       componentProps: {
         placeholder: '请输入备注',
-      }
+      },
     },
   ];
 }
@@ -88,7 +89,7 @@ export function useGridFormSchema(): VbenFormSchema[] {
       componentProps: {
         placeholder: '请输入参数名称',
         clearable: true,
-      }
+      },
     },
     {
       fieldName: 'key',
@@ -97,7 +98,7 @@ export function useGridFormSchema(): VbenFormSchema[] {
       componentProps: {
         placeholder: '请输入参数键名',
         clearable: true,
-      }
+      },
     },
     {
       fieldName: 'type',
@@ -122,7 +123,7 @@ export function useGridFormSchema(): VbenFormSchema[] {
 }
 
 /** 列表的字段 */
-export function useGridColumns<T = InfraConfigApi.InfraConfig>(
+export function useGridColumns<T = InfraConfigApi.Config>(
   onActionClick: OnActionClickFn<T>,
 ): VxeTableGridOptions['columns'] {
   return [

apps/web-antd/src/views/infra/config/index.vue

@@ -1,18 +1,23 @@
 <script lang="ts" setup>
-import type { OnActionClickParams, VxeTableGridOptions } from '#/adapter/vxe-table';
+import type {
+  OnActionClickParams,
+  VxeTableGridOptions,
+} from '#/adapter/vxe-table';
 import type { InfraConfigApi } from '#/api/infra/config';
 
 import { Page, useVbenModal } from '@vben/common-ui';
-import { Button, message } from 'ant-design-vue';
-import { Plus, Download } from '@vben/icons';
-import Form from './modules/form.vue';
+import { Download, Plus } from '@vben/icons';
+
+import { Button, message } from 'ant-design-vue';
 
-import { $t } from '#/locales';
 import { useVbenVxeGrid } from '#/adapter/vxe-table';
-import { getConfigPage, deleteConfig, exportConfig } from '#/api/infra/config';
-import { useGridColumns, useGridFormSchema } from './data';
+import { deleteConfig, exportConfig, getConfigPage } from '#/api/infra/config';
+import { $t } from '#/locales';
 import { downloadByData } from '#/utils/download';
 
+import { useGridColumns, useGridFormSchema } from './data';
+import Form from './modules/form.vue';
+
 const [FormModal, formModalApi] = useVbenModal({
   connectedComponent: Form,
   destroyOnClose: true,
@@ -35,12 +40,12 @@ function onCreate() {
 }
 
 /** 编辑参数 */
-function onEdit(row: InfraConfigApi.InfraConfig) {
+function onEdit(row: InfraConfigApi.Config) {
   formModalApi.setData(row).open();
 }
 
 /** 删除参数 */
-async function onDelete(row: InfraConfigApi.InfraConfig) {
+async function onDelete(row: InfraConfigApi.Config) {
   const hideLoading = message.loading({
     content: $t('ui.actionMessage.deleting', [row.name]),
     duration: 0,
@@ -53,7 +58,7 @@ async function onDelete(row: InfraConfigApi.InfraConfig) {
       key: 'action_process_msg',
     });
     onRefresh();
-  } catch (error) {
+  } catch {
     hideLoading();
   }
 }
@@ -62,22 +67,22 @@ async function onDelete(row: InfraConfigApi.InfraConfig) {
 function onActionClick({
   code,
   row,
-}: OnActionClickParams<InfraConfigApi.InfraConfig>) {
+}: OnActionClickParams<InfraConfigApi.Config>) {
   switch (code) {
-    case 'edit': {
-      onEdit(row);
-      break;
-    }
     case 'delete': {
       onDelete(row);
       break;
     }
+    case 'edit': {
+      onEdit(row);
+      break;
+    }
   }
 }
 
 const [Grid, gridApi] = useVbenVxeGrid({
   formOptions: {
-    schema: useGridFormSchema()
+    schema: useGridFormSchema(),
   },
   gridOptions: {
     columns: useGridColumns(onActionClick),
@@ -101,7 +106,7 @@ const [Grid, gridApi] = useVbenVxeGrid({
       refresh: { code: 'query' },
       search: true,
     },
-  } as VxeTableGridOptions<InfraConfigApi.InfraConfig>,
+  } as VxeTableGridOptions<InfraConfigApi.Config>,
 });
 </script>
 
@@ -110,11 +115,20 @@ const [Grid, gridApi] = useVbenVxeGrid({
     <FormModal @success="onRefresh" />
     <Grid table-title="参数列表">
       <template #toolbar-tools>
-        <Button type="primary" @click="onCreate" v-access:code="['infra:config:create']">
+        <Button
+          type="primary"
+          @click="onCreate"
+          v-access:code="['infra:config:create']"
+        >
           <Plus class="size-5" />
           {{ $t('ui.actionTitle.create', ['参数']) }}
         </Button>
-        <Button type="primary" class="ml-2" @click="onExport" v-access:code="['infra:config:export']">
+        <Button
+          type="primary"
+          class="ml-2"
+          @click="onExport"
+          v-access:code="['infra:config:export']"
+        >
           <Download class="size-5" />
           {{ $t('ui.actionTitle.export') }}
         </Button>

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

@@ -1,18 +1,20 @@
 <script lang="ts" setup>
 import type { InfraConfigApi } from '#/api/infra/config';
 
+import { computed, ref } from 'vue';
+
 import { useVbenModal } from '@vben/common-ui';
+
 import { message } from 'ant-design-vue';
 
-import { $t } from '#/locales';
-import { computed, ref } from 'vue';
 import { useVbenForm } from '#/adapter/form';
-import { createConfig, updateConfig, getConfig } from '#/api/infra/config';
+import { createConfig, getConfig, updateConfig } from '#/api/infra/config';
+import { $t } from '#/locales';
 
 import { useFormSchema } from '../data';
 
 const emit = defineEmits(['success']);
-const formData = ref<InfraConfigApi.InfraConfig>();
+const formData = ref<InfraConfigApi.Config>();
 const getTitle = computed(() => {
   return formData.value?.id
     ? $t('ui.actionTitle.edit', ['参数'])
@@ -33,7 +35,7 @@ const [Modal, modalApi] = useVbenModal({
     }
     modalApi.lock();
     // 提交表单
-    const data = (await formApi.getValues()) as InfraConfigApi.InfraConfig;
+    const data = (await formApi.getValues()) as InfraConfigApi.Config;
     try {
       await (formData.value?.id ? updateConfig(data) : createConfig(data));
       // 关闭并提示
@@ -52,7 +54,7 @@ const [Modal, modalApi] = useVbenModal({
       return;
     }
     // 加载数据
-    const data = modalApi.getData<InfraConfigApi.InfraConfig>();
+    const data = modalApi.getData<InfraConfigApi.Config>();
     if (!data || !data.id) {
       return;
     }