style: system views code style

2025-04-22 11:25:11 +08:00
parent 4e1d6812ff
commit da3fd5b718
84 changed files with 1200 additions and 624 deletions
--- a/apps/web-antd/src/views/system/oauth2/client/data.ts
+++ b/apps/web-antd/src/views/system/oauth2/client/data.ts
@@ -1,11 +1,13 @@
-import { type VbenFormSchema, z } from '#/adapter/form';
+import type { VbenFormSchema } from '#/adapter/form';
 import type { OnActionClickFn, VxeTableGridOptions } from '#/adapter/vxe-table';
 import type { SystemOAuth2ClientApi } from '#/api/system/oauth2/client';

-import { DICT_TYPE, getDictOptions } from '#/utils/dict';
-import { CommonStatusEnum } from '#/utils/constants';
 import { useAccess } from '@vben/access';

+import { z } from '#/adapter/form';
+import { CommonStatusEnum } from '#/utils/constants';
+import { DICT_TYPE, getDictOptions } from '#/utils/dict';
+
 const { hasAccessByCodes } = useAccess();

 /** 新增/修改的表单 */
@@ -62,7 +64,7 @@ export function useFormSchema(): VbenFormSchema[] {
      component: 'Textarea',
      componentProps: {
        placeholder: '请输入应用描述',
-      }
+      },
    },
    {
      fieldName: 'status',
@@ -130,7 +132,7 @@ export function useFormSchema(): VbenFormSchema[] {
        mode: 'multiple',
        class: 'w-full',
        // TODO @芋艿：根据权限，自动授权范围
-      }
+      },
    },
    {
      fieldName: 'redirectUris',
@@ -160,7 +162,6 @@ export function useFormSchema(): VbenFormSchema[] {
      componentProps: {
        mode: 'tags',
        placeholder: '请输入资源',
-        mode: 'tags',
        class: 'w-full',
      },
    },
@@ -184,7 +185,7 @@ export function useGridFormSchema(): VbenFormSchema[] {
      component: 'Input',
      componentProps: {
        placeholder: '请输入应用名',
-      }
+      },
    },
    {
      fieldName: 'status',
--- a/apps/web-antd/src/views/system/oauth2/client/index.vue
+++ b/apps/web-antd/src/views/system/oauth2/client/index.vue
@@ -1,17 +1,25 @@
 <script lang="ts" setup>
-import type { OnActionClickParams, VxeTableGridOptions } from '#/adapter/vxe-table';
+import type {
+  OnActionClickParams,
+  VxeTableGridOptions,
+} from '#/adapter/vxe-table';
 import type { SystemOAuth2ClientApi } from '#/api/system/oauth2/client';

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

-import { $t } from '#/locales';
+import { Button, message } from 'ant-design-vue';
+
 import { useVbenVxeGrid } from '#/adapter/vxe-table';
-import { getOAuth2ClientPage, deleteOAuth2Client } from '#/api/system/oauth2/client';
+import {
+  deleteOAuth2Client,
+  getOAuth2ClientPage,
+} from '#/api/system/oauth2/client';
+import { DocAlert } from '#/components/doc-alert';
+import { $t } from '#/locales';
+
 import { useGridColumns, useGridFormSchema } from './data';
+import Form from './modules/form.vue';

 const [FormModal, formModalApi] = useVbenModal({
  connectedComponent: Form,
@@ -47,7 +55,7 @@ async function onDelete(row: SystemOAuth2ClientApi.SystemOAuth2Client) {
      key: 'action_process_msg',
    });
    onRefresh();
-  } catch (error) {
+  } catch {
    hideLoading();
  }
 }
@@ -58,20 +66,20 @@ function onActionClick({
  row,
 }: OnActionClickParams<SystemOAuth2ClientApi.SystemOAuth2Client>) {
  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,12 +109,19 @@ const [Grid, gridApi] = useVbenVxeGrid({

 <template>
  <Page auto-content-height>
-    <DocAlert title="OAuth 2.0（SSO 单点登录)" url="https://doc.iocoder.cn/oauth2/" />
+    <DocAlert
+      title="OAuth 2.0（SSO 单点登录)"
+      url="https://doc.iocoder.cn/oauth2/"
+    />

    <FormModal @success="onRefresh" />
    <Grid table-title="OAuth2 客户端列表">
      <template #toolbar-tools>
-        <Button type="primary" @click="onCreate" v-access:code="['system:oauth2-client:create']">
+        <Button
+          type="primary"
+          @click="onCreate"
+          v-access:code="['system:oauth2-client:create']"
+        >
          <Plus class="size-5" />
          {{ $t('ui.actionTitle.create', [' OAuth2.0 客户端']) }}
        </Button>
--- a/apps/web-antd/src/views/system/oauth2/client/modules/form.vue
+++ b/apps/web-antd/src/views/system/oauth2/client/modules/form.vue
@@ -1,12 +1,18 @@
 <script lang="ts" setup>
 import type { SystemOAuth2ClientApi } from '#/api/system/oauth2/client';

+import { computed, ref } from 'vue';
+
 import { useVbenModal } from '@vben/common-ui';
+
 import { message } from 'ant-design-vue';

-import { computed, ref } from 'vue';
 import { useVbenForm } from '#/adapter/form';
-import { createOAuth2Client, updateOAuth2Client, getOAuth2Client } from '#/api/system/oauth2/client';
+import {
+  createOAuth2Client,
+  getOAuth2Client,
+  updateOAuth2Client,
+} from '#/api/system/oauth2/client';
 import { $t } from '#/locales';

 import { useFormSchema } from '../data';
@@ -25,7 +31,7 @@ const [Form, formApi] = useVbenForm({
  showDefaultActions: false,
  commonConfig: {
    labelWidth: 140,
-  }
+  },
 });

 const [Modal, modalApi] = useVbenModal({
@@ -36,9 +42,12 @@ const [Modal, modalApi] = useVbenModal({
    }
    modalApi.lock();
    // 提交表单
-    const data = (await formApi.getValues()) as SystemOAuth2ClientApi.SystemOAuth2Client;
+    const data =
+      (await formApi.getValues()) as SystemOAuth2ClientApi.SystemOAuth2Client;
    try {
-      await (formData.value?.id ? updateOAuth2Client(data) : createOAuth2Client(data));
+      await (formData.value?.id
+        ? updateOAuth2Client(data)
+        : createOAuth2Client(data));
      // 关闭并提示
      await modalApi.close();
      emit('success');
--- a/apps/web-antd/src/views/system/oauth2/token/data.ts
+++ b/apps/web-antd/src/views/system/oauth2/token/data.ts
@@ -2,9 +2,10 @@ import type { VbenFormSchema } from '#/adapter/form';
 import type { OnActionClickFn, VxeTableGridOptions } from '#/adapter/vxe-table';
 import type { SystemOAuth2TokenApi } from '#/api/system/oauth2/token';

-import { DICT_TYPE, getDictOptions } from '#/utils/dict';
 import { useAccess } from '@vben/access';

+import { DICT_TYPE, getDictOptions } from '#/utils/dict';
+
 const { hasAccessByCodes } = useAccess();

 /** 列表的搜索表单 */
@@ -16,7 +17,7 @@ export function useGridFormSchema(): VbenFormSchema[] {
      component: 'Input',
      componentProps: {
        placeholder: '请输入用户编号',
-      }
+      },
    },
    {
      fieldName: 'userType',
@@ -33,7 +34,7 @@ export function useGridFormSchema(): VbenFormSchema[] {
      component: 'Input',
      componentProps: {
        placeholder: '请输入客户端编号',
-      }
+      },
    },
  ];
 }
--- a/apps/web-antd/src/views/system/oauth2/token/index.vue
+++ b/apps/web-antd/src/views/system/oauth2/token/index.vue
@@ -1,14 +1,22 @@
 <script lang="ts" setup>
-import type { OnActionClickParams, VxeTableGridOptions } from '#/adapter/vxe-table';
+import type {
+  OnActionClickParams,
+  VxeTableGridOptions,
+} from '#/adapter/vxe-table';
 import type { SystemOAuth2TokenApi } from '#/api/system/oauth2/token';

 import { Page } from '@vben/common-ui';
-import { message } from 'ant-design-vue';
-import { DocAlert } from '#/components/doc-alert';

-import { $t } from '#/locales';
+import { message } from 'ant-design-vue';
+
 import { useVbenVxeGrid } from '#/adapter/vxe-table';
-import { getOAuth2TokenPage, deleteOAuth2Token } from '#/api/system/oauth2/token';
+import {
+  deleteOAuth2Token,
+  getOAuth2TokenPage,
+} from '#/api/system/oauth2/token';
+import { DocAlert } from '#/components/doc-alert';
+import { $t } from '#/locales';
+
 import { useGridColumns, useGridFormSchema } from './data';

 /** 刷新表格 */
@@ -30,7 +38,7 @@ async function onDelete(row: SystemOAuth2TokenApi.SystemOAuth2Token) {
      key: 'action_process_msg',
    });
    onRefresh();
-  } catch (error) {
+  } catch {
    hideLoading();
  }
 }
@@ -50,7 +58,7 @@ function onActionClick({

 const [Grid, gridApi] = useVbenVxeGrid({
  formOptions: {
-    schema: useGridFormSchema()
+    schema: useGridFormSchema(),
  },
  gridOptions: {
    columns: useGridColumns(onActionClick),
@@ -80,7 +88,10 @@ const [Grid, gridApi] = useVbenVxeGrid({

 <template>
  <Page auto-content-height>
-    <DocAlert title="OAuth 2.0（SSO 单点登录)" url="https://doc.iocoder.cn/oauth2/" />
+    <DocAlert
+      title="OAuth 2.0（SSO 单点登录)"
+      url="https://doc.iocoder.cn/oauth2/"
+    />

    <Grid table-title="令牌列表" />
  </Page>