refactor：基于 lint 处理排版

2025-04-22 22:10:33 +08:00
parent 3fe36fd823
commit fb785894b6
322 changed files with 4781 additions and 2093 deletions
--- a/apps/web-antd/src/views/infra/apiErrorLog/data.ts
+++ b/apps/web-antd/src/views/infra/apiErrorLog/data.ts
@@ -2,7 +2,7 @@ import type { VbenFormSchema } from '#/adapter/form';
 import type { OnActionClickFn, VxeTableGridOptions } from '#/adapter/vxe-table';
 import type { InfraApiErrorLogApi } from '#/api/infra/api-error-log';

-import {DICT_TYPE, getDictOptions} from '#/utils/dict';
+import { DICT_TYPE, getDictOptions } from '#/utils/dict';
 import { getRangePickerDefaultProps } from '#/utils/date';
 import { useAccess } from '@vben/access';
 import { InfraApiErrorLogProcessStatusEnum } from '#/utils/constants';
@@ -54,7 +54,10 @@ export function useGridFormSchema(): VbenFormSchema[] {
      label: '处理状态',
      component: 'Select',
      componentProps: {
-        options: getDictOptions(DICT_TYPE.INFRA_API_ERROR_LOG_PROCESS_STATUS, 'number'),
+        options: getDictOptions(
+          DICT_TYPE.INFRA_API_ERROR_LOG_PROCESS_STATUS,
+          'number',
+        ),
        allowClear: true,
        placeholder: '请选择处理状态',
      },
@@ -64,7 +67,7 @@ export function useGridFormSchema(): VbenFormSchema[] {
 }

 /** 列表的字段 */
-export function useGridColumns<T = InfraApiErrorLogApi.SystemApiErrorLog>(
+export function useGridColumns<T = InfraApiErrorLogApi.ApiErrorLog>(
  onActionClick: OnActionClickFn<T>,
 ): VxeTableGridOptions['columns'] {
  return [
@@ -144,17 +147,21 @@ export function useGridColumns<T = InfraApiErrorLogApi.SystemApiErrorLog>(
          {
            code: 'done',
            text: '已处理',
-            show: (row: InfraApiErrorLogApi.SystemApiErrorLog) => {
-              return row.processStatus === InfraApiErrorLogProcessStatusEnum.INIT &&
-                hasAccessByCodes(['infra:api-error-log:update-status']);
+            show: (row: InfraApiErrorLogApi.ApiErrorLog) => {
+              return (
+                row.processStatus === InfraApiErrorLogProcessStatusEnum.INIT &&
+                hasAccessByCodes(['infra:api-error-log:update-status'])
+              );
            },
          },
          {
            code: 'ignore',
            text: '已忽略',
-            show: (row: InfraApiErrorLogApi.SystemApiErrorLog) => {
-              return row.processStatus === InfraApiErrorLogProcessStatusEnum.INIT &&
-                hasAccessByCodes(['infra:api-error-log:update-status']);
+            show: (row: InfraApiErrorLogApi.ApiErrorLog) => {
+              return (
+                row.processStatus === InfraApiErrorLogProcessStatusEnum.INIT &&
+                hasAccessByCodes(['infra:api-error-log:update-status'])
+              );
            },
          },
        ],
--- a/apps/web-antd/src/views/infra/apiErrorLog/index.vue
+++ b/apps/web-antd/src/views/infra/apiErrorLog/index.vue
@@ -1,20 +1,28 @@
 <script lang="ts" setup>
-import type { OnActionClickParams, VxeTableGridOptions } from '#/adapter/vxe-table';
+import type {
+  OnActionClickParams,
+  VxeTableGridOptions,
+} from '#/adapter/vxe-table';
 import type { InfraApiErrorLogApi } from '#/api/infra/api-error-log';

 import { Page, useVbenModal } from '@vben/common-ui';
-import { Button, message, Modal } from 'ant-design-vue';
 import { Download } from '@vben/icons';
-import Detail from './modules/detail.vue';
-import { DocAlert } from '#/components/doc-alert';

-import { $t } from '#/locales';
+import { Button, message, Modal } from 'ant-design-vue';
+
 import { useVbenVxeGrid } from '#/adapter/vxe-table';
-import { exportApiErrorLog, getApiErrorLogPage, updateApiErrorLogStatus } from '#/api/infra/api-error-log';
-import { downloadByData } from '#/utils/download';
+import {
+  exportApiErrorLog,
+  getApiErrorLogPage,
+  updateApiErrorLogStatus,
+} from '#/api/infra/api-error-log';
+import { DocAlert } from '#/components/doc-alert';
+import { $t } from '#/locales';
 import { InfraApiErrorLogProcessStatusEnum } from '#/utils/constants';
+import { downloadByData } from '#/utils/download';

 import { useGridColumns, useGridFormSchema } from './data';
+import Detail from './modules/detail.vue';

 const [DetailModal, detailModalApi] = useVbenModal({
  connectedComponent: Detail,
@@ -33,7 +41,7 @@ async function onExport() {
 }

 /** 查看 API 错误日志详情 */
-function onDetail(row: InfraApiErrorLogApi.SystemApiErrorLog) {
+function onDetail(row: InfraApiErrorLogApi.ApiErrorLog) {
  detailModalApi.setData(row).open();
 }

@@ -50,7 +58,7 @@ async function onProcess(id: number, processStatus: number) {
        key: 'action_process_msg',
      });
      onRefresh();
-    }
+    },
  });
 }

@@ -58,7 +66,7 @@ async function onProcess(id: number, processStatus: number) {
 function onActionClick({
  code,
  row,
-}: OnActionClickParams<InfraApiErrorLogApi.SystemApiErrorLog>) {
+}: OnActionClickParams<InfraApiErrorLogApi.ApiErrorLog>) {
  switch (code) {
    case 'detail': {
      onDetail(row);
@@ -101,7 +109,7 @@ const [Grid, gridApi] = useVbenVxeGrid({
      refresh: { code: 'query' },
      search: true,
    },
-  } as VxeTableGridOptions<InfraApiErrorLogApi.SystemApiErrorLog>,
+  } as VxeTableGridOptions<InfraApiErrorLogApi.ApiErrorLog>,
 });
 </script>

@@ -112,11 +120,16 @@ const [Grid, gridApi] = useVbenVxeGrid({
    <DetailModal @success="onRefresh" />
    <Grid table-title="API 错误日志列表">
      <template #toolbar-tools>
-        <Button type="primary" class="ml-2" @click="onExport" v-access:code="['infra:api-error-log:export']">
+        <Button
+          type="primary"
+          class="ml-2"
+          @click="onExport"
+          v-access:code="['infra:api-error-log:export']"
+        >
          <Download class="size-5" />
          {{ $t('ui.actionTitle.export') }}
        </Button>
      </template>
    </Grid>
  </Page>
-</template>
+</template>
--- a/apps/web-antd/src/views/infra/apiErrorLog/modules/detail.vue
+++ b/apps/web-antd/src/views/infra/apiErrorLog/modules/detail.vue
@@ -1,15 +1,17 @@
 <script lang="ts" setup>
 import type { InfraApiErrorLogApi } from '#/api/infra/api-error-log';

-import { useVbenModal } from '@vben/common-ui';
-import { Descriptions, Input } from 'ant-design-vue';
-import { DictTag } from '#/components/dict-tag';
-
 import { ref } from 'vue';
+
+import { useVbenModal } from '@vben/common-ui';
 import { formatDateTime } from '@vben/utils';
+
+import { Descriptions, Input } from 'ant-design-vue';
+
+import { DictTag } from '#/components/dict-tag';
 import { DICT_TYPE } from '#/utils/dict';

-const formData = ref<InfraApiErrorLogApi.SystemApiErrorLog>();
+const formData = ref<InfraApiErrorLogApi.ApiErrorLog>();

 const [Modal, modalApi] = useVbenModal({
  async onOpenChange(isOpen: boolean) {
@@ -17,7 +19,7 @@ const [Modal, modalApi] = useVbenModal({
      return;
    }
    // 加载数据
-    const data = modalApi.getData<InfraApiErrorLogApi.SystemApiErrorLog>();
+    const data = modalApi.getData<InfraApiErrorLogApi.ApiErrorLog>();
    if (!data || !data.id) {
      return;
    }
@@ -32,8 +34,19 @@ const [Modal, modalApi] = useVbenModal({
 </script>

 <template>
-  <Modal title="API错误日志详情" class="w-1/2" :show-cancel-button="false" :show-confirm-button="false">
-    <Descriptions bordered :column="1" size="middle" class="mx-4" :label-style="{ width: '110px' }">
+  <Modal
+    title="API错误日志详情"
+    class="w-1/2"
+    :show-cancel-button="false"
+    :show-confirm-button="false"
+  >
+    <Descriptions
+      bordered
+      :column="1"
+      size="middle"
+      class="mx-4"
+      :label-style="{ width: '110px' }"
+    >
      <Descriptions.Item label="日志编号">
        {{ formData?.id }}
      </Descriptions.Item>
@@ -68,7 +81,7 @@ const [Modal, modalApi] = useVbenModal({
      <Descriptions.Item v-if="formData?.exceptionStackTrace" label="异常堆栈">
        <Input.TextArea
          :value="formData?.exceptionStackTrace"
-          :autoSize="{ maxRows: 20 }"
+          :auto-size="{ maxRows: 20 }"
          readonly
        />
      </Descriptions.Item>