refactor：基于 lint 处理排版

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

@@ -1,8 +1,9 @@
-import { type VbenFormSchema } from '#/adapter/form';
+import type { VbenFormSchema } from '#/adapter/form';
 import type { OnActionClickFn, VxeTableGridOptions } from '#/adapter/vxe-table';
 import type { InfraFileApi } from '#/api/infra/file';
 
 import { useAccess } from '@vben/access';
+
 import { getRangePickerDefaultProps } from '#/utils/date';
 
 const { hasAccessByCodes } = useAccess();
@@ -18,7 +19,7 @@ export function useFormSchema(): VbenFormSchema[] {
         placeholder: '请选择要上传的文件',
       },
       rules: 'required',
-    }
+    },
   ];
 }
 
@@ -56,7 +57,7 @@ export function useGridFormSchema(): VbenFormSchema[] {
 }
 
 /** 列表的字段 */
-export function useGridColumns<T = InfraFileApi.InfraFile>(
+export function useGridColumns<T = InfraFileApi.File>(
   onActionClick: OnActionClickFn<T>,
 ): VxeTableGridOptions['columns'] {
   return [
@@ -86,9 +87,9 @@ export function useGridColumns<T = InfraFileApi.InfraFile>(
         if (!cellValue) return '0 B';
         const unitArr = ['B', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB'];
         const index = Math.floor(Math.log(cellValue) / Math.log(1024));
-        const size = cellValue / Math.pow(1024, index);
+        const size = cellValue / 1024 ** index;
         const formattedSize = size.toFixed(2);
-        return formattedSize + ' ' + unitArr[index];
+        return `${formattedSize} ${unitArr[index]}`;
       },
     },
     {

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

@@ -1,17 +1,22 @@
 <script lang="ts" setup>
-import type { OnActionClickParams, VxeTableGridOptions } from '#/adapter/vxe-table';
+import type {
+  OnActionClickParams,
+  VxeTableGridOptions,
+} from '#/adapter/vxe-table';
 import type { InfraFileApi } from '#/api/infra/file';
 
 import { Page, useVbenModal } from '@vben/common-ui';
-import { Button, message, Image } from 'ant-design-vue';
 import { Upload } from '@vben/icons';
-import Form from './modules/form.vue';
 
-import { $t } from '#/locales';
 import { useClipboard } from '@vueuse/core';
+import { Button, Image, message } from 'ant-design-vue';
+
 import { useVbenVxeGrid } from '#/adapter/vxe-table';
-import { getFilePage, deleteFile } from '#/api/infra/file';
+import { deleteFile, getFilePage } from '#/api/infra/file';
+import { $t } from '#/locales';
+
 import { useGridColumns, useGridFormSchema } from './data';
+import Form from './modules/form.vue';
 
 const [FormModal, formModalApi] = useVbenModal({
   connectedComponent: Form,
@@ -30,7 +35,7 @@ function onUpload() {
 
 /** 复制链接到剪贴板 */
 const { copy } = useClipboard({ legacy: true });
-async function onCopyUrl(row: InfraFileApi.InfraFile) {
+async function onCopyUrl(row: InfraFileApi.File) {
   if (!row.url) {
     message.error('文件 URL 为空');
     return;
@@ -39,7 +44,7 @@ async function onCopyUrl(row: InfraFileApi.InfraFile) {
   try {
     await copy(row.url);
     message.success('复制成功');
-  } catch (error) {
+  } catch {
     message.error('复制失败');
   }
 }
@@ -52,7 +57,7 @@ function openUrl(url?: string) {
 }
 
 /** 删除文件 */
-async function onDelete(row: InfraFileApi.InfraFile) {
+async function onDelete(row: InfraFileApi.File) {
   const hideLoading = message.loading({
     content: $t('ui.actionMessage.deleting', [row.name || row.path]),
     duration: 0,
@@ -65,31 +70,28 @@ async function onDelete(row: InfraFileApi.InfraFile) {
       key: 'action_process_msg',
     });
     onRefresh();
-  } catch (error) {
+  } catch {
     hideLoading();
   }
 }
 
 /** 表格操作按钮的回调函数 */
-function onActionClick({
-  code,
-  row,
-}: OnActionClickParams<InfraFileApi.InfraFile>) {
+function onActionClick({ code, row }: OnActionClickParams<InfraFileApi.File>) {
   switch (code) {
-    case 'delete': {
-      onDelete(row);
-      break;
-    }
     case 'copyUrl': {
       onCopyUrl(row);
       break;
     }
+    case 'delete': {
+      onDelete(row);
+      break;
+    }
   }
 }
 
 const [Grid, gridApi] = useVbenVxeGrid({
   formOptions: {
-    schema: useGridFormSchema()
+    schema: useGridFormSchema(),
   },
   gridOptions: {
     columns: useGridColumns(onActionClick),
@@ -113,7 +115,7 @@ const [Grid, gridApi] = useVbenVxeGrid({
       refresh: { code: 'query' },
       search: true,
     },
-  } as VxeTableGridOptions<InfraFileApi.InfraFile>,
+  } as VxeTableGridOptions<InfraFileApi.File>,
 });
 </script>
 
@@ -129,8 +131,16 @@ const [Grid, gridApi] = useVbenVxeGrid({
       </template>
       <template #file-content="{ row }">
         <Image v-if="row.type && row.type.includes('image')" :src="row.url" />
-        <Button v-else-if="row.type && row.type.includes('pdf')" type="link" @click="() => openUrl(row.url)"> 预览 </Button>
-        <Button v-else type="link" @click="() => openUrl(row.url)"> 下载 </Button>
+        <Button
+          v-else-if="row.type && row.type.includes('pdf')"
+          type="link"
+          @click="() => openUrl(row.url)"
+        >
+          预览
+        </Button>
+        <Button v-else type="link" @click="() => openUrl(row.url)">
+          下载
+        </Button>
       </template>
     </Grid>
   </Page>

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

@@ -2,12 +2,12 @@
 import type { FileType } from 'ant-design-vue/es/upload/interface';
 
 import { useVbenModal } from '@vben/common-ui';
-import { message } from 'ant-design-vue';
-import { Upload } from 'ant-design-vue';
 
-import { $t } from '#/locales';
+import { message, Upload } from 'ant-design-vue';
+
 import { useVbenForm } from '#/adapter/form';
 import { useUpload } from '#/components/upload/use-upload';
+import { $t } from '#/locales';
 
 import { useFormSchema } from '../data';
 
@@ -15,11 +15,11 @@ const emit = defineEmits(['success']);
 
 const [Form, formApi] = useVbenForm({
   layout: 'horizontal',
-  schema: useFormSchema().map(item => ({ ...item, label: '' })), // 去除label
+  schema: useFormSchema().map((item) => ({ ...item, label: '' })), // 去除label
   showDefaultActions: false,
   commonConfig: {
     hideLabel: true,
-  }
+  },
 });
 
 const [Modal, modalApi] = useVbenModal({
@@ -43,7 +43,7 @@ const [Modal, modalApi] = useVbenModal({
     } finally {
       modalApi.lock(false);
     }
-  }
+  },
 });
 
 /** 上传前 */
@@ -63,7 +63,7 @@ function beforeUpload(file: FileType) {
             name="file"
             :max-count="1"
             accept=".jpg,.png,.gif,.webp"
-            :beforeUpload="beforeUpload"
+            :before-upload="beforeUpload"
             list-type="picture-card"
           >
             <p class="ant-upload-drag-icon">