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/apiAccessLog/data.ts
+++ b/apps/web-antd/src/views/infra/apiAccessLog/data.ts
@@ -2,7 +2,7 @@ import type { VbenFormSchema } from '#/adapter/form';
 import type { OnActionClickFn, VxeTableGridOptions } from '#/adapter/vxe-table';
 import type { InfraApiAccessLogApi } from '#/api/infra/api-access-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';

@@ -70,7 +70,7 @@ export function useGridFormSchema(): VbenFormSchema[] {
 }

 /** 列表的字段 */
-export function useGridColumns<T = InfraApiAccessLogApi.SystemApiAccessLog>(
+export function useGridColumns<T = InfraApiAccessLogApi.ApiAccessLog>(
  onActionClick: OnActionClickFn<T>,
 ): VxeTableGridOptions['columns'] {
  return [
@@ -125,9 +125,7 @@ export function useGridColumns<T = InfraApiAccessLogApi.SystemApiAccessLog>(
      title: '操作结果',
      minWidth: 150,
      formatter: ({ row }) => {
-        return row.resultCode === 0
-          ? '成功'
-          : `失败(${row.resultMsg})`;
+        return row.resultCode === 0 ? '成功' : `失败(${row.resultMsg})`;
      },
    },
    {
--- a/apps/web-antd/src/views/infra/apiAccessLog/index.vue
+++ b/apps/web-antd/src/views/infra/apiAccessLog/index.vue
@@ -1,19 +1,26 @@
 <script lang="ts" setup>
-import type { OnActionClickParams, VxeTableGridOptions } from '#/adapter/vxe-table';
+import type {
+  OnActionClickParams,
+  VxeTableGridOptions,
+} from '#/adapter/vxe-table';
 import type { InfraApiAccessLogApi } from '#/api/infra/api-access-log';

 import { Page, useVbenModal } from '@vben/common-ui';
-import { Button } 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 } from 'ant-design-vue';
+
 import { useVbenVxeGrid } from '#/adapter/vxe-table';
-import { exportApiAccessLog, getApiAccessLogPage } from '#/api/infra/api-access-log';
+import {
+  exportApiAccessLog,
+  getApiAccessLogPage,
+} from '#/api/infra/api-access-log';
+import { DocAlert } from '#/components/doc-alert';
+import { $t } from '#/locales';
 import { downloadByData } from '#/utils/download';

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

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

 /** 查看 API 访问日志详情 */
-function onDetail(row: InfraApiAccessLogApi.SystemApiAccessLog) {
+function onDetail(row: InfraApiAccessLogApi.ApiAccessLog) {
  detailModalApi.setData(row).open();
 }

@@ -40,7 +47,7 @@ function onDetail(row: InfraApiAccessLogApi.SystemApiAccessLog) {
 function onActionClick({
  code,
  row,
-}: OnActionClickParams<InfraApiAccessLogApi.SystemApiAccessLog>) {
+}: OnActionClickParams<InfraApiAccessLogApi.ApiAccessLog>) {
  switch (code) {
    case 'detail': {
      onDetail(row);
@@ -75,7 +82,7 @@ const [Grid, gridApi] = useVbenVxeGrid({
      refresh: { code: 'query' },
      search: true,
    },
-  } as VxeTableGridOptions<InfraApiAccessLogApi.SystemApiAccessLog>,
+  } as VxeTableGridOptions<InfraApiAccessLogApi.ApiAccessLog>,
 });
 </script>

@@ -86,11 +93,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-access-log:export']">
+        <Button
+          type="primary"
+          class="ml-2"
+          @click="onExport"
+          v-access:code="['infra:api-access-log:export']"
+        >
          <Download class="size-5" />
          {{ $t('ui.actionTitle.export') }}
        </Button>
      </template>
    </Grid>
  </Page>
-</template>
+</template>
--- a/apps/web-antd/src/views/infra/apiAccessLog/modules/detail.vue
+++ b/apps/web-antd/src/views/infra/apiAccessLog/modules/detail.vue
@@ -1,15 +1,17 @@
 <script lang="ts" setup>
 import type { InfraApiAccessLogApi } from '#/api/infra/api-access-log';

-import { useVbenModal } from '@vben/common-ui';
-import { Descriptions } 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 } from 'ant-design-vue';
+
+import { DictTag } from '#/components/dict-tag';
 import { DICT_TYPE } from '#/utils/dict';

-const formData = ref<InfraApiAccessLogApi.SystemApiAccessLog>();
+const formData = ref<InfraApiAccessLogApi.ApiAccessLog>();

 const [Modal, modalApi] = useVbenModal({
  async onOpenChange(isOpen: boolean) {
@@ -17,7 +19,7 @@ const [Modal, modalApi] = useVbenModal({
      return;
    }
    // 加载数据
-    const data = modalApi.getData<InfraApiAccessLogApi.SystemApiAccessLog>();
+    const data = modalApi.getData<InfraApiAccessLogApi.ApiAccessLog>();
    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>
@@ -63,11 +76,15 @@ const [Modal, modalApi] = useVbenModal({
        {{ formData?.responseBody }}
      </Descriptions.Item>
      <Descriptions.Item label="请求时间">
-        {{ formatDateTime(formData?.beginTime || '') }} ~ {{ formatDateTime(formData?.endTime || '') }}
+        {{ formatDateTime(formData?.beginTime || '') }} ~
+        {{ formatDateTime(formData?.endTime || '') }}
+      </Descriptions.Item>
+      <Descriptions.Item label="请求耗时">
+        {{ formData?.duration }} ms
      </Descriptions.Item>
-      <Descriptions.Item label="请求耗时">{{ formData?.duration }} ms</Descriptions.Item>
      <Descriptions.Item label="操作结果">
        <div v-if="formData?.resultCode === 0">正常</div>
+        <!-- TODO @芋艿：处理爆红 -->
        <div v-else-if="formData?.resultCode > 0">
          失败 | {{ formData?.resultCode }} | {{ formData?.resultMsg }}
        </div>
@@ -79,7 +96,10 @@ const [Modal, modalApi] = useVbenModal({
        {{ formData?.operateName }}
      </Descriptions.Item>
      <Descriptions.Item label="操作类型">
-        <DictTag :type="DICT_TYPE.INFRA_OPERATE_TYPE" :value="formData?.operateType" />
+        <DictTag
+          :type="DICT_TYPE.INFRA_OPERATE_TYPE"
+          :value="formData?.operateType"
+        />
      </Descriptions.Item>
    </Descriptions>
  </Modal>