feat：【ele】【member 会员】优化会员详情

2025-12-30 10:32:25 +00:00 · 2025-10-07 20:46:52 +08:00
parent a2ed4445f2
commit 5e5ae1195e
15 changed files with 168 additions and 140 deletions
--- a/apps/web-antd/src/views/member/user/detail/index.vue
+++ b/apps/web-antd/src/views/member/user/detail/index.vue
@@ -84,46 +84,46 @@ onMounted(async () => {
    <div class="mt-4">
      <Card title="账户明细">
        <Tabs>
-          <TabPane tab="积分" key="UserPointList">
+          <TabPane tab="积分" key="PointList">
            <PointList class="h-full" :user-id="userId" />
          </TabPane>
-          <TabPane tab="签到" key="UserSignList">
+          <TabPane tab="签到" key="SignList">
            <SignList class="h-full" :user-id="userId" />
          </TabPane>
-          <TabPane tab="成长值" key="UserExperienceRecordList">
+          <TabPane tab="成长值" key="ExperienceRecordList">
            <ExperienceRecordList class="h-full" :user-id="userId" />
          </TabPane>
-          <TabPane tab="余额" key="UserBalanceList">
+          <TabPane tab="余额" key="BalanceList">
            <BalanceList class="h-full" :wallet-id="wallet?.id" />
          </TabPane>
-          <TabPane tab="收货地址" key="UserAddressList">
+          <TabPane tab="收货地址" key="AddressList">
            <AddressList class="h-full" :user-id="userId" />
          </TabPane>
-          <TabPane tab="订单管理" key="UserOrderList">
+          <TabPane tab="订单管理" key="OrderList">
            <!-- Todo: 商城模块 -->
            <div class="h-full">
              <h1>订单管理</h1>
            </div>
          </TabPane>
-          <TabPane tab="售后管理" key="UserAfterSaleList">
+          <TabPane tab="售后管理" key="AfterSaleList">
            <!-- Todo: 商城模块 -->
            <div class="h-full">
              <h1>售后管理</h1>
            </div>
          </TabPane>
-          <TabPane tab="收藏记录" key="UserFavoriteList">
+          <TabPane tab="收藏记录" key="FavoriteList">
            <!-- Todo: 商城模块 -->
            <div class="h-full">
              <h1>收藏记录</h1>
            </div>
          </TabPane>
-          <TabPane tab="优惠劵" key="UserCouponList">
+          <TabPane tab="优惠劵" key="CouponList">
            <!-- Todo: 商城模块 -->
            <div class="h-full">
              <h1>优惠劵</h1>
            </div>
          </TabPane>
-          <TabPane tab="推广用户" key="UserBrokerageList">
+          <TabPane tab="推广用户" key="BrokerageList">
            <!-- Todo: 商城模块 -->
            <div class="h-full">
              <h1>推广用户</h1>
--- a/apps/web-antd/src/views/member/user/detail/modules/account-info.vue
+++ b/apps/web-antd/src/views/member/user/detail/modules/account-info.vue
@@ -20,9 +20,6 @@ withDefaults(
 );

 const [Descriptions] = useDescription({
-  componentProps: {
-    class: 'mx-4',
-  },
  schema: [
    {
      field: 'levelName',
--- a/apps/web-antd/src/views/member/user/detail/modules/basic-info.vue
+++ b/apps/web-antd/src/views/member/user/detail/modules/basic-info.vue
@@ -19,9 +19,6 @@ withDefaults(
 );

 const [Descriptions] = useDescription({
-  componentProps: {
-    class: 'mx-4',
-  },
  schema: [
    {
      field: 'name',
--- a/apps/web-ele/src/views/member/signin/record/data.ts
+++ b/apps/web-ele/src/views/member/signin/record/data.ts
@@ -68,8 +68,7 @@ export function useGridColumns(): VxeTableGridOptions['columns'] {
          return h(
            ElTag,
            {
-              class: 'mr-5px',
-              color: row.point > 0 ? 'blue' : 'red',
+              type: row.point > 0 ? 'primary' : 'danger',
            },
            () => (row.point > 0 ? `+${row.point}` : row.point),
          );
--- a/apps/web-ele/src/views/member/user/detail/index.vue
+++ b/apps/web-ele/src/views/member/user/detail/index.vue
@@ -15,18 +15,18 @@ import { getWallet } from '#/api/pay/wallet/balance';
 import { $t } from '#/locales';

 import Form from '../modules/form.vue';
-import UserAccountInfo from './modules/user-account-info.vue';
+import AccountInfo from './modules/account-info.vue';
+import BalanceList from './modules/balance-list.vue';
+import BasicInfo from './modules/basic-info.vue';
+import ExperienceRecordList from './modules/experience-record-list.vue';
+import PointList from './modules/point-list.vue';
+import SignList from './modules/sign-list.vue';
 import UserAddressList from './modules/user-address-list.vue';
 import UserAfterSaleList from './modules/user-after-sale-list.vue';
-import UserBalanceList from './modules/user-balance-list.vue';
-import UserBasicInfo from './modules/user-basic-info.vue';
 import UserBrokerageList from './modules/user-brokerage-list.vue';
 import UserCouponList from './modules/user-coupon-list.vue';
-import UserExperienceRecordList from './modules/user-experience-record-list.vue';
 import UserFavoriteList from './modules/user-favorite-list.vue';
 import UserOrderList from './modules/user-order-list.vue';
-import UserPointList from './modules/user-point-list.vue';
-import UserSignList from './modules/user-sign-list.vue';

 const route = useRoute();
 const { closeCurrentTab, refreshTab } = useTabs();
@@ -39,28 +39,29 @@ const [FormModal, formModalApi] = useVbenModal({
 const userId = Number(route.query.id);
 const user = ref<MemberUserApi.User>();
 const wallet = ref<PayWalletApi.Wallet>();
-const activeName = ref('UserPointList');
-/* 钱包初始化数据 */
-const WALLET_INIT_DATA = {
-  balance: 0,
-  totalExpense: 0,
-  totalRecharge: 0,
-} as PayWalletApi.Wallet;
+const activeName = ref('PointList');

+/** 获取会员详情 */
 async function getUserDetail() {
  if (!userId) {
    ElMessage.error('参数错误，会员编号不能为空！');
-    closeCurrentTab();
+    await closeCurrentTab();
    return;
  }
  user.value = await getUser(userId);
-  wallet.value = (await getWallet({ userId })) || WALLET_INIT_DATA;
+  wallet.value = (await getWallet({ userId })) || {
+    balance: 0,
+    totalExpense: 0,
+    totalRecharge: 0,
+  };
 }

+/** 编辑会员 */
 function handleEdit() {
  formModalApi.setData(user.value).open();
 }

+/** 初始化 */
 onMounted(async () => {
  await getUserDetail();
 });
@@ -69,66 +70,66 @@ onMounted(async () => {
  <Page auto-content-height>
    <FormModal @success="refreshTab" />
    <div class="flex">
-      <UserBasicInfo v-if="user" class="w-3/5" :user="user" mode="member">
+      <BasicInfo v-if="user" class="w-3/5" :user="user" mode="member">
        <template #title> 基本信息 </template>
        <template #extra>
          <ElButton type="primary" @click="handleEdit">
            {{ $t('common.edit') }}
          </ElButton>
        </template>
-      </UserBasicInfo>
-      <UserAccountInfo
+      </BasicInfo>
+      <AccountInfo
        v-if="user && wallet"
        class="ml-4 w-2/5"
        :user="user"
        :wallet="wallet"
      >
        <template #title> 账户信息 </template>
-      </UserAccountInfo>
+      </AccountInfo>
    </div>
    <div class="mt-4">
      <ElCard title="账户明细">
        <ElTabs v-model="activeName">
-          <ElTabPane label="积分" name="UserPointList">
-            <UserPointList class="h-full" :user-id="userId" />
+          <ElTabPane label="积分" name="PointList">
+            <PointList class="h-full" :user-id="userId" />
          </ElTabPane>
-          <ElTabPane label="签到" name="UserSignList">
-            <UserSignList class="h-full" :user-id="userId" />
+          <ElTabPane label="签到" name="SignList">
+            <SignList class="h-full" :user-id="userId" />
          </ElTabPane>
-          <ElTabPane label="成长值" name="UserExperienceRecordList">
-            <UserExperienceRecordList class="h-full" :user-id="userId" />
+          <ElTabPane label="成长值" name="ExperienceRecordList">
+            <ExperienceRecordList class="h-full" :user-id="userId" />
          </ElTabPane>
-          <ElTabPane label="余额" name="UserBalanceList">
-            <UserBalanceList class="h-full" :wallet-id="wallet?.id" />
+          <ElTabPane label="余额" name="BalanceList">
+            <BalanceList class="h-full" :wallet-id="wallet?.id" />
          </ElTabPane>
-          <ElTabPane label="收货地址" name="UserAddressList">
+          <ElTabPane label="收货地址" name="AddressList">
            <UserAddressList class="h-full" :user-id="userId" />
          </ElTabPane>
-          <ElTabPane label="订单管理" name="UserOrderList">
+          <ElTabPane label="订单管理" name="OrderList">
            <!-- Todo: 商城模块 -->
            <div class="h-full">
              <UserOrderList class="h-full" :user-id="userId" />
            </div>
          </ElTabPane>
-          <ElTabPane label="售后管理" name="UserAfterSaleList">
+          <ElTabPane label="售后管理" name="AfterSaleList">
            <!-- Todo: 商城模块 -->
            <div class="h-full">
              <UserAfterSaleList class="h-full" :user-id="userId" />
            </div>
          </ElTabPane>
-          <ElTabPane label="收藏记录" name="UserFavoriteList">
+          <ElTabPane label="收藏记录" name="FavoriteList">
            <!-- Todo: 商城模块 -->
            <div class="h-full">
              <UserFavoriteList class="h-full" :user-id="userId" />
            </div>
          </ElTabPane>
-          <ElTabPane label="优惠劵" name="UserCouponList">
+          <ElTabPane label="优惠劵" name="CouponList">
            <!-- Todo: 商城模块 -->
            <div class="h-full">
              <UserCouponList class="h-full" :user-id="userId" />
            </div>
          </ElTabPane>
-          <ElTabPane label="推广用户" name="UserBrokerageList">
+          <ElTabPane label="推广用户" name="BrokerageList">
            <!-- Todo: 商城模块 -->
            <div class="h-full">
              <UserBrokerageList class="h-full" :user-id="userId" />
--- a/apps/web-ele/src/views/member/user/detail/modules/user-account-info.vue
+++ b/apps/web-ele/src/views/member/user/detail/modules/user-account-info.vue
@@ -19,12 +19,12 @@ withDefaults(
  },
 );

-const [Description] = useDescription({
+const [Descriptions] = useDescription({
  componentProps: {
    border: false,
    column: 2,
    direction: 'horizontal',
-    labelWidth: 100,
+    labelWidth: 140,
    title: '',
    extra: '',
  },
@@ -32,7 +32,7 @@ const [Description] = useDescription({
    {
      field: 'levelName',
      label: '等级',
-      content: (data) => data.levelName || '无',
+      content: (data) => data.levelName || '-',
    },
    {
      field: 'experience',
@@ -76,7 +76,7 @@ const [Description] = useDescription({
    <template #extra>
      <slot name="extra"></slot>
    </template>
-    <Description
+    <Descriptions
      :column="mode === 'member' ? 2 : 1"
      :data="{
        ...user,
--- a/apps/web-ele/src/views/member/user/detail/modules/user-balance-list.vue
+++ b/apps/web-ele/src/views/member/user/detail/modules/user-balance-list.vue
@@ -15,31 +15,33 @@ const [Grid] = useVbenVxeGrid({
      {
        field: 'id',
        title: '编号',
+        minWidth: 100,
      },
      {
        field: 'title',
        title: '关联业务标题',
+        minWidth: 200,
      },
      {
        field: 'price',
        title: '交易金额',
-        formatter: 'formatAmount2',
+        minWidth: 120,
+        formatter: 'formatFenToYuanAmount',
      },
      {
        field: 'balance',
        title: '钱包余额',
-        formatter: 'formatAmount2',
+        minWidth: 120,
+        formatter: 'formatFenToYuanAmount',
      },
      {
        field: 'createTime',
        title: '交易时间',
+        minWidth: 180,
        formatter: 'formatDateTime',
      },
    ],
    keepSource: true,
-    pagerConfig: {
-      pageSize: 10,
-    },
    proxyConfig: {
      ajax: {
        query: async ({ page }, formValues) => {
@@ -54,6 +56,7 @@ const [Grid] = useVbenVxeGrid({
    },
    rowConfig: {
      keyField: 'id',
+      isHover: true,
    },
    toolbarConfig: {
      refresh: true,
--- a/apps/web-ele/src/views/member/user/detail/modules/user-basic-info.vue
+++ b/apps/web-ele/src/views/member/user/detail/modules/user-basic-info.vue
@@ -18,12 +18,12 @@ withDefaults(
  },
 );

-const [Description] = useDescription({
+const [Descriptions] = useDescription({
  componentProps: {
    border: false,
    column: 2,
    direction: 'horizontal',
-    labelWidth: 100,
+    labelWidth: 140,
    title: '',
    extra: '',
  },
@@ -60,17 +60,17 @@ const [Description] = useDescription({
    {
      field: 'birthday',
      label: '生日',
-      content: (data) => formatDate(data.birthday)?.toString() || '空',
+      content: (data) => formatDate(data.birthday)?.toString() || '-',
    },
    {
      field: 'createTime',
      label: '注册时间',
-      content: (data) => formatDate(data.createTime)?.toString() || '空',
+      content: (data) => formatDate(data.createTime)?.toString() || '-',
    },
    {
      field: 'loginDate',
      label: '最后登录时间',
-      content: (data) => formatDate(data.loginDate)?.toString() || '空',
+      content: (data) => formatDate(data.loginDate)?.toString() || '-',
    },
  ],
 });
@@ -85,16 +85,16 @@ const [Description] = useDescription({
      <slot name="extra"></slot>
    </template>
    <ElRow v-if="mode === 'member'" :gutter="24">
-      <ElCol :span="4">
-        <ElAvatar :size="140" shape="square" :src="user.avatar" />
+      <ElCol :span="6">
+        <ElAvatar :size="180" shape="square" :src="user.avatar" />
      </ElCol>
-      <ElCol :span="20">
-        <Description :column="2" :data="user" />
+      <ElCol :span="18">
+        <Descriptions :column="2" :data="user" />
      </ElCol>
    </ElRow>
    <template v-else-if="mode === 'kefu'">
      <ElAvatar :size="140" shape="square" :src="user.avatar" />
-      <Description :column="1" :data="user" />
+      <Descriptions :column="1" :data="user" />
    </template>
  </ElCard>
 </template>
--- a/apps/web-ele/src/views/member/user/detail/modules/user-experience-record-list.vue
+++ b/apps/web-ele/src/views/member/user/detail/modules/user-experience-record-list.vue
@@ -4,13 +4,13 @@ import type { MemberExperienceRecordApi } from '#/api/member/experience-record';

 import { h } from 'vue';

+import { DICT_TYPE } from '@vben/constants';
+import { getDictOptions } from '@vben/hooks';
+
 import { ElTag } from 'element-plus';

 import { useVbenVxeGrid } from '#/adapter/vxe-table';
 import { getExperienceRecordPage } from '#/api/member/experience-record';
-import { DICT_TYPE } from '@vben/constants';
-import { getDictOptions } from '@vben/hooks';
-
 import { getRangePickerDefaultProps } from '#/utils';

 const props = defineProps<{
@@ -25,17 +25,22 @@ const [Grid] = useVbenVxeGrid({
        label: '业务类型',
        component: 'Select',
        componentProps: {
-          clearable: true,
          options: getDictOptions(
            DICT_TYPE.MEMBER_EXPERIENCE_BIZ_TYPE,
            'number',
          ),
+          placeholder: '请选择业务类型',
+          clearable: true,
        },
      },
      {
        fieldName: 'title',
        label: '标题',
        component: 'Input',
+        componentProps: {
+          placeholder: '请输入标题',
+          clearable: true,
+        },
      },
      {
        fieldName: 'createDate',
@@ -53,22 +58,24 @@ const [Grid] = useVbenVxeGrid({
      {
        field: 'id',
        title: '编号',
+        minWidth: 100,
      },
      {
        field: 'createTime',
        title: '获得时间',
+        minWidth: 180,
        formatter: 'formatDateTime',
      },
      {
        field: 'experience',
        title: '经验',
+        minWidth: 100,
        slots: {
          default: ({ row }) => {
            return h(
              ElTag,
              {
-                class: 'mr-1',
-                color: row.experience > 0 ? 'blue' : 'red',
+                type: row.point > 0 ? 'primary' : 'danger',
              },
              () =>
                row.experience > 0 ? `+${row.experience}` : row.experience,
@@ -79,22 +86,27 @@ const [Grid] = useVbenVxeGrid({
      {
        field: 'totalExperience',
        title: '总经验',
+        minWidth: 100,
      },
      {
        field: 'title',
        title: '标题',
+        minWidth: 200,
      },
      {
        field: 'description',
        title: '描述',
+        minWidth: 250,
      },
      {
        field: 'bizId',
        title: '业务编号',
+        minWidth: 120,
      },
      {
        field: 'bizType',
        title: '业务类型',
+        minWidth: 120,
        cellRender: {
          name: 'CellDict',
          props: { type: DICT_TYPE.MEMBER_EXPERIENCE_BIZ_TYPE },
@@ -102,9 +114,6 @@ const [Grid] = useVbenVxeGrid({
      },
    ],
    keepSource: true,
-    pagerConfig: {
-      pageSize: 10,
-    },
    proxyConfig: {
      ajax: {
        query: async ({ page }, formValues) => {
@@ -119,6 +128,7 @@ const [Grid] = useVbenVxeGrid({
    },
    rowConfig: {
      keyField: 'id',
+      isHover: true,
    },
    toolbarConfig: {
      refresh: true,
--- a/apps/web-ele/src/views/member/user/detail/modules/user-point-list.vue
+++ b/apps/web-ele/src/views/member/user/detail/modules/user-point-list.vue
@@ -23,6 +23,7 @@ const [Grid] = useVbenVxeGrid({
        component: 'Select',
        componentProps: {
          clearable: true,
+          placeholder: '请选择业务类型',
          options: getDictOptions(DICT_TYPE.MEMBER_POINT_BIZ_TYPE, 'number'),
        },
      },
--- a/apps/web-ele/src/views/member/user/detail/modules/user-sign-list.vue
+++ b/apps/web-ele/src/views/member/user/detail/modules/user-sign-list.vue
@@ -18,6 +18,10 @@ const [Grid] = useVbenVxeGrid({
        fieldName: 'day',
        label: '签到天数',
        component: 'Input',
+        componentProps: {
+          placeholder: '请输入签到天数',
+          clearable: true,
+        },
      },
      {
        fieldName: 'createTime',
@@ -33,9 +37,6 @@ const [Grid] = useVbenVxeGrid({
  gridOptions: {
    columns: useGridColumns(),
    keepSource: true,
-    pagerConfig: {
-      pageSize: 10,
-    },
    proxyConfig: {
      ajax: {
        query: async ({ page }, formValues) => {
@@ -50,6 +51,7 @@ const [Grid] = useVbenVxeGrid({
    },
    rowConfig: {
      keyField: 'id',
+      isHover: true,
    },
    toolbarConfig: {
      refresh: true,
--- a/apps/web-ele/src/views/member/user/detail/modules/user-address-list.vue
+++ b/apps/web-ele/src/views/member/user/detail/modules/user-address-list.vue
@@ -19,33 +19,39 @@ const [Grid] = useVbenVxeGrid({
      {
        field: 'id',
        title: '地址编号',
+        minWidth: 100,
      },
      {
        field: 'name',
        title: '收件人名称',
+        minWidth: 120,
      },
      {
        field: 'mobile',
        title: '手机号',
+        minWidth: 130,
      },
      {
        field: 'areaId',
        title: '地区编码',
+        minWidth: 120,
      },
      {
        field: 'detailAddress',
        title: '收件详细地址',
+        minWidth: 200,
      },
      {
        field: 'defaultStatus',
        title: '是否默认',
+        minWidth: 100,
        slots: {
          default: ({ row }) => {
            return h(
              ElTag,
              {
                class: 'mr-1',
-                color: row.defaultStatus ? 'blue' : 'red',
+                type: row.defaultStatus ? 'primary' : 'danger',
              },
              () => (row.defaultStatus ? '是' : '否'),
            );
@@ -56,6 +62,7 @@ const [Grid] = useVbenVxeGrid({
        field: 'createTime',
        title: '创建时间',
        formatter: 'formatDateTime',
+        minWidth: 160,
      },
    ],
    keepSource: true,
--- a/apps/web-ele/src/views/member/user/detail/modules/user-coupon-list.vue
+++ b/apps/web-ele/src/views/member/user/detail/modules/user-coupon-list.vue
@@ -4,6 +4,9 @@ import type { MallCouponApi } from '#/api/mall/promotion/coupon/coupon';

 import { ref, watch } from 'vue';

+import { DICT_TYPE } from '@vben/constants';
+import { getDictOptions } from '@vben/hooks';
+
 import { ElLoading, ElMessage, ElTabPane, ElTabs } from 'element-plus';

 import { ACTION_ICON, TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
@@ -11,9 +14,6 @@ import {
  deleteCoupon,
  getCouponPage,
 } from '#/api/mall/promotion/coupon/coupon';
-import { DICT_TYPE } from '@vben/constants';
-import { getDictOptions } from '@vben/hooks';
-
 import { getRangePickerDefaultProps } from '#/utils';

 const props = defineProps<{
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -544,8 +544,8 @@ catalogs:
      specifier: ^4.15.1
      version: 4.15.1
    vite:
-      specifier: ^7.1.2
-      version: 7.1.6
+      specifier: ^5.4.10
+      version: 5.4.20
    vite-plugin-compression:
      specifier: ^0.5.1
      version: 0.5.1
@@ -669,10 +669,10 @@ importers:
        version: link:scripts/vsh
      '@vitejs/plugin-vue':
        specifier: 'catalog:'
-        version: 6.0.1(vite@7.1.6(@types/node@22.18.6)(jiti@2.5.1)(less@4.4.1)(sass@1.92.1)(terser@5.44.0)(yaml@2.8.1))(vue@3.5.21(typescript@5.9.2))
+        version: 6.0.1(vite@5.4.20(@types/node@22.18.6)(less@4.4.1)(sass@1.92.1)(terser@5.44.0))(vue@3.5.21(typescript@5.9.2))
      '@vitejs/plugin-vue-jsx':
        specifier: 'catalog:'
-        version: 5.1.1(vite@7.1.6(@types/node@22.18.6)(jiti@2.5.1)(less@4.4.1)(sass@1.92.1)(terser@5.44.0)(yaml@2.8.1))(vue@3.5.21(typescript@5.9.2))
+        version: 5.1.1(vite@5.4.20(@types/node@22.18.6)(less@4.4.1)(sass@1.92.1)(terser@5.44.0))(vue@3.5.21(typescript@5.9.2))
      '@vue/test-utils':
        specifier: 'catalog:'
        version: 2.4.6
@@ -714,7 +714,7 @@ importers:
        version: 3.6.1(sass@1.92.1)(typescript@5.9.2)(vue-tsc@2.2.10(typescript@5.9.2))(vue@3.5.21(typescript@5.9.2))
      vite:
        specifier: 'catalog:'
-        version: 7.1.6(@types/node@22.18.6)(jiti@2.5.1)(less@4.4.1)(sass@1.92.1)(terser@5.44.0)(yaml@2.8.1)
+        version: 5.4.20(@types/node@22.18.6)(less@4.4.1)(sass@1.92.1)(terser@5.44.0)
      vitest:
        specifier: 'catalog:'
        version: 3.2.4(@types/node@22.18.6)(happy-dom@17.6.3)(jiti@2.5.1)(less@4.4.1)(sass@1.92.1)(terser@5.44.0)(yaml@2.8.1)
@@ -1311,7 +1311,7 @@ importers:
        version: link:../../packages/types
      vite:
        specifier: 'catalog:'
-        version: 7.1.6(@types/node@24.5.2)(jiti@2.5.1)(less@4.4.1)(sass@1.92.1)(terser@5.44.0)(yaml@2.8.1)
+        version: 5.4.20(@types/node@24.5.2)(less@4.4.1)(sass@1.92.1)(terser@5.44.0)

  internal/vite-config:
    dependencies:
@@ -1341,10 +1341,10 @@ importers:
        version: 2.0.3
      vite-plugin-pwa:
        specifier: 'catalog:'
-        version: 1.0.3(vite@7.1.6(@types/node@24.5.2)(jiti@2.5.1)(less@4.4.1)(sass@1.92.1)(terser@5.44.0)(yaml@2.8.1))(workbox-build@7.3.0)(workbox-window@7.3.0)
+        version: 1.0.3(vite@5.4.20(@types/node@24.5.2)(less@4.4.1)(sass@1.92.1)(terser@5.44.0))(workbox-build@7.3.0)(workbox-window@7.3.0)
      vite-plugin-vue-devtools:
        specifier: 'catalog:'
-        version: 7.7.7(rollup@4.50.2)(vite@7.1.6(@types/node@24.5.2)(jiti@2.5.1)(less@4.4.1)(sass@1.92.1)(terser@5.44.0)(yaml@2.8.1))(vue@3.5.21(typescript@5.9.2))
+        version: 7.7.7(rollup@4.50.2)(vite@5.4.20(@types/node@24.5.2)(less@4.4.1)(sass@1.92.1)(terser@5.44.0))(vue@3.5.21(typescript@5.9.2))
    devDependencies:
      '@pnpm/workspace.read-manifest':
        specifier: 'catalog:'
@@ -1360,10 +1360,10 @@ importers:
        version: link:../node-utils
      '@vitejs/plugin-vue':
        specifier: 'catalog:'
-        version: 6.0.1(vite@7.1.6(@types/node@24.5.2)(jiti@2.5.1)(less@4.4.1)(sass@1.92.1)(terser@5.44.0)(yaml@2.8.1))(vue@3.5.21(typescript@5.9.2))
+        version: 6.0.1(vite@5.4.20(@types/node@24.5.2)(less@4.4.1)(sass@1.92.1)(terser@5.44.0))(vue@3.5.21(typescript@5.9.2))
      '@vitejs/plugin-vue-jsx':
        specifier: 'catalog:'
-        version: 5.1.1(vite@7.1.6(@types/node@24.5.2)(jiti@2.5.1)(less@4.4.1)(sass@1.92.1)(terser@5.44.0)(yaml@2.8.1))(vue@3.5.21(typescript@5.9.2))
+        version: 5.1.1(vite@5.4.20(@types/node@24.5.2)(less@4.4.1)(sass@1.92.1)(terser@5.44.0))(vue@3.5.21(typescript@5.9.2))
      dayjs:
        specifier: 'catalog:'
        version: 1.11.18
@@ -1381,16 +1381,16 @@ importers:
        version: 1.92.1
      vite:
        specifier: 'catalog:'
-        version: 7.1.6(@types/node@24.5.2)(jiti@2.5.1)(less@4.4.1)(sass@1.92.1)(terser@5.44.0)(yaml@2.8.1)
+        version: 5.4.20(@types/node@24.5.2)(less@4.4.1)(sass@1.92.1)(terser@5.44.0)
      vite-plugin-compression:
        specifier: 'catalog:'
-        version: 0.5.1(vite@7.1.6(@types/node@24.5.2)(jiti@2.5.1)(less@4.4.1)(sass@1.92.1)(terser@5.44.0)(yaml@2.8.1))
+        version: 0.5.1(vite@5.4.20(@types/node@24.5.2)(less@4.4.1)(sass@1.92.1)(terser@5.44.0))
      vite-plugin-dts:
        specifier: 'catalog:'
-        version: 4.5.4(@types/node@24.5.2)(rollup@4.50.2)(typescript@5.9.2)(vite@7.1.6(@types/node@24.5.2)(jiti@2.5.1)(less@4.4.1)(sass@1.92.1)(terser@5.44.0)(yaml@2.8.1))
+        version: 4.5.4(@types/node@24.5.2)(rollup@4.50.2)(typescript@5.9.2)(vite@5.4.20(@types/node@24.5.2)(less@4.4.1)(sass@1.92.1)(terser@5.44.0))
      vite-plugin-html:
        specifier: 'catalog:'
-        version: 3.2.2(vite@7.1.6(@types/node@24.5.2)(jiti@2.5.1)(less@4.4.1)(sass@1.92.1)(terser@5.44.0)(yaml@2.8.1))
+        version: 3.2.2(vite@5.4.20(@types/node@24.5.2)(less@4.4.1)(sass@1.92.1)(terser@5.44.0))
      vite-plugin-lazy-import:
        specifier: 'catalog:'
        version: 1.0.7
@@ -15110,26 +15110,26 @@ snapshots:
    dependencies:
      vite-plugin-pwa: 1.0.3(vite@5.4.20(@types/node@24.5.2)(less@4.4.1)(sass@1.92.1)(terser@5.44.0))(workbox-build@7.3.0)(workbox-window@7.3.0)

-  '@vitejs/plugin-vue-jsx@5.1.1(vite@7.1.6(@types/node@22.18.6)(jiti@2.5.1)(less@4.4.1)(sass@1.92.1)(terser@5.44.0)(yaml@2.8.1))(vue@3.5.21(typescript@5.9.2))':
+  '@vitejs/plugin-vue-jsx@5.1.1(vite@5.4.20(@types/node@22.18.6)(less@4.4.1)(sass@1.92.1)(terser@5.44.0))(vue@3.5.21(typescript@5.9.2))':
    dependencies:
      '@babel/core': 7.28.4
      '@babel/plugin-syntax-typescript': 7.27.1(@babel/core@7.28.4)
      '@babel/plugin-transform-typescript': 7.28.0(@babel/core@7.28.4)
      '@rolldown/pluginutils': 1.0.0-beta.38
      '@vue/babel-plugin-jsx': 1.5.0(@babel/core@7.28.4)
-      vite: 7.1.6(@types/node@22.18.6)(jiti@2.5.1)(less@4.4.1)(sass@1.92.1)(terser@5.44.0)(yaml@2.8.1)
+      vite: 5.4.20(@types/node@22.18.6)(less@4.4.1)(sass@1.92.1)(terser@5.44.0)
      vue: 3.5.21(typescript@5.9.2)
    transitivePeerDependencies:
      - supports-color

-  '@vitejs/plugin-vue-jsx@5.1.1(vite@7.1.6(@types/node@24.5.2)(jiti@2.5.1)(less@4.4.1)(sass@1.92.1)(terser@5.44.0)(yaml@2.8.1))(vue@3.5.21(typescript@5.9.2))':
+  '@vitejs/plugin-vue-jsx@5.1.1(vite@5.4.20(@types/node@24.5.2)(less@4.4.1)(sass@1.92.1)(terser@5.44.0))(vue@3.5.21(typescript@5.9.2))':
    dependencies:
      '@babel/core': 7.28.4
      '@babel/plugin-syntax-typescript': 7.27.1(@babel/core@7.28.4)
      '@babel/plugin-transform-typescript': 7.28.0(@babel/core@7.28.4)
      '@rolldown/pluginutils': 1.0.0-beta.38
      '@vue/babel-plugin-jsx': 1.5.0(@babel/core@7.28.4)
-      vite: 7.1.6(@types/node@24.5.2)(jiti@2.5.1)(less@4.4.1)(sass@1.92.1)(terser@5.44.0)(yaml@2.8.1)
+      vite: 5.4.20(@types/node@24.5.2)(less@4.4.1)(sass@1.92.1)(terser@5.44.0)
      vue: 3.5.21(typescript@5.9.2)
    transitivePeerDependencies:
      - supports-color
@@ -15139,16 +15139,16 @@ snapshots:
      vite: 5.4.20(@types/node@24.5.2)(less@4.4.1)(sass@1.92.1)(terser@5.44.0)
      vue: 3.5.21(typescript@5.9.2)

-  '@vitejs/plugin-vue@6.0.1(vite@7.1.6(@types/node@22.18.6)(jiti@2.5.1)(less@4.4.1)(sass@1.92.1)(terser@5.44.0)(yaml@2.8.1))(vue@3.5.21(typescript@5.9.2))':
+  '@vitejs/plugin-vue@6.0.1(vite@5.4.20(@types/node@22.18.6)(less@4.4.1)(sass@1.92.1)(terser@5.44.0))(vue@3.5.21(typescript@5.9.2))':
    dependencies:
      '@rolldown/pluginutils': 1.0.0-beta.29
-      vite: 7.1.6(@types/node@22.18.6)(jiti@2.5.1)(less@4.4.1)(sass@1.92.1)(terser@5.44.0)(yaml@2.8.1)
+      vite: 5.4.20(@types/node@22.18.6)(less@4.4.1)(sass@1.92.1)(terser@5.44.0)
      vue: 3.5.21(typescript@5.9.2)

-  '@vitejs/plugin-vue@6.0.1(vite@7.1.6(@types/node@24.5.2)(jiti@2.5.1)(less@4.4.1)(sass@1.92.1)(terser@5.44.0)(yaml@2.8.1))(vue@3.5.21(typescript@5.9.2))':
+  '@vitejs/plugin-vue@6.0.1(vite@5.4.20(@types/node@24.5.2)(less@4.4.1)(sass@1.92.1)(terser@5.44.0))(vue@3.5.21(typescript@5.9.2))':
    dependencies:
      '@rolldown/pluginutils': 1.0.0-beta.29
-      vite: 7.1.6(@types/node@24.5.2)(jiti@2.5.1)(less@4.4.1)(sass@1.92.1)(terser@5.44.0)(yaml@2.8.1)
+      vite: 5.4.20(@types/node@24.5.2)(less@4.4.1)(sass@1.92.1)(terser@5.44.0)
      vue: 3.5.21(typescript@5.9.2)

  '@vitest/expect@3.2.4':
@@ -15167,6 +15167,15 @@ snapshots:
    optionalDependencies:
      vite: 7.1.6(@types/node@22.18.6)(jiti@2.5.1)(less@4.4.1)(sass@1.92.1)(terser@5.44.0)(yaml@2.8.1)

+  '@vitest/mocker@3.2.4(vite@7.1.6(@types/node@24.5.2)(jiti@2.5.1)(less@4.4.1)(sass@1.92.1)(terser@5.44.0)(yaml@2.8.1))':
+    dependencies:
+      '@vitest/spy': 3.2.4
+      estree-walker: 3.0.3
+      magic-string: 0.30.19
+    optionalDependencies:
+      vite: 7.1.6(@types/node@24.5.2)(jiti@2.5.1)(less@4.4.1)(sass@1.92.1)(terser@5.44.0)(yaml@2.8.1)
+    optional: true
+
  '@vitest/pretty-format@3.2.4':
    dependencies:
      tinyrainbow: 2.0.0
@@ -15275,14 +15284,14 @@ snapshots:
    dependencies:
      '@vue/devtools-kit': 7.7.7

-  '@vue/devtools-core@7.7.7(vite@7.1.6(@types/node@24.5.2)(jiti@2.5.1)(less@4.4.1)(sass@1.92.1)(terser@5.44.0)(yaml@2.8.1))(vue@3.5.21(typescript@5.9.2))':
+  '@vue/devtools-core@7.7.7(vite@5.4.20(@types/node@24.5.2)(less@4.4.1)(sass@1.92.1)(terser@5.44.0))(vue@3.5.21(typescript@5.9.2))':
    dependencies:
      '@vue/devtools-kit': 7.7.7
      '@vue/devtools-shared': 7.7.7
      mitt: 3.0.1
      nanoid: 5.1.5
      pathe: 2.0.3
-      vite-hot-client: 2.1.0(vite@7.1.6(@types/node@24.5.2)(jiti@2.5.1)(less@4.4.1)(sass@1.92.1)(terser@5.44.0)(yaml@2.8.1))
+      vite-hot-client: 2.1.0(vite@5.4.20(@types/node@24.5.2)(less@4.4.1)(sass@1.92.1)(terser@5.44.0))
      vue: 3.5.21(typescript@5.9.2)
    transitivePeerDependencies:
      - vite
@@ -21590,9 +21599,9 @@ snapshots:
      '@types/unist': 3.0.3
      vfile-message: 4.0.3

-  vite-hot-client@2.1.0(vite@7.1.6(@types/node@24.5.2)(jiti@2.5.1)(less@4.4.1)(sass@1.92.1)(terser@5.44.0)(yaml@2.8.1)):
+  vite-hot-client@2.1.0(vite@5.4.20(@types/node@24.5.2)(less@4.4.1)(sass@1.92.1)(terser@5.44.0)):
    dependencies:
-      vite: 7.1.6(@types/node@24.5.2)(jiti@2.5.1)(less@4.4.1)(sass@1.92.1)(terser@5.44.0)(yaml@2.8.1)
+      vite: 5.4.20(@types/node@24.5.2)(less@4.4.1)(sass@1.92.1)(terser@5.44.0)

  vite-node@3.2.4(@types/node@22.18.6)(jiti@2.5.1)(less@4.4.1)(sass@1.92.1)(terser@5.44.0)(yaml@2.8.1):
    dependencies:
@@ -21637,16 +21646,16 @@ snapshots:
      - yaml
    optional: true

-  vite-plugin-compression@0.5.1(vite@7.1.6(@types/node@24.5.2)(jiti@2.5.1)(less@4.4.1)(sass@1.92.1)(terser@5.44.0)(yaml@2.8.1)):
+  vite-plugin-compression@0.5.1(vite@5.4.20(@types/node@24.5.2)(less@4.4.1)(sass@1.92.1)(terser@5.44.0)):
    dependencies:
      chalk: 4.1.2
      debug: 4.4.3
      fs-extra: 10.1.0
-      vite: 7.1.6(@types/node@24.5.2)(jiti@2.5.1)(less@4.4.1)(sass@1.92.1)(terser@5.44.0)(yaml@2.8.1)
+      vite: 5.4.20(@types/node@24.5.2)(less@4.4.1)(sass@1.92.1)(terser@5.44.0)
    transitivePeerDependencies:
      - supports-color

-  vite-plugin-dts@4.5.4(@types/node@24.5.2)(rollup@4.50.2)(typescript@5.9.2)(vite@7.1.6(@types/node@24.5.2)(jiti@2.5.1)(less@4.4.1)(sass@1.92.1)(terser@5.44.0)(yaml@2.8.1)):
+  vite-plugin-dts@4.5.4(@types/node@24.5.2)(rollup@4.50.2)(typescript@5.9.2)(vite@5.4.20(@types/node@24.5.2)(less@4.4.1)(sass@1.92.1)(terser@5.44.0)):
    dependencies:
      '@microsoft/api-extractor': 7.52.13(@types/node@24.5.2)
      '@rollup/pluginutils': 5.3.0(rollup@4.50.2)
@@ -21659,13 +21668,13 @@ snapshots:
      magic-string: 0.30.19
      typescript: 5.9.2
    optionalDependencies:
-      vite: 7.1.6(@types/node@24.5.2)(jiti@2.5.1)(less@4.4.1)(sass@1.92.1)(terser@5.44.0)(yaml@2.8.1)
+      vite: 5.4.20(@types/node@24.5.2)(less@4.4.1)(sass@1.92.1)(terser@5.44.0)
    transitivePeerDependencies:
      - '@types/node'
      - rollup
      - supports-color

-  vite-plugin-html@3.2.2(vite@7.1.6(@types/node@24.5.2)(jiti@2.5.1)(less@4.4.1)(sass@1.92.1)(terser@5.44.0)(yaml@2.8.1)):
+  vite-plugin-html@3.2.2(vite@5.4.20(@types/node@24.5.2)(less@4.4.1)(sass@1.92.1)(terser@5.44.0)):
    dependencies:
      '@rollup/pluginutils': 4.2.1
      colorette: 2.0.20
@@ -21679,9 +21688,9 @@ snapshots:
      html-minifier-terser: 6.1.0
      node-html-parser: 5.4.2
      pathe: 0.2.0
-      vite: 7.1.6(@types/node@24.5.2)(jiti@2.5.1)(less@4.4.1)(sass@1.92.1)(terser@5.44.0)(yaml@2.8.1)
+      vite: 5.4.20(@types/node@24.5.2)(less@4.4.1)(sass@1.92.1)(terser@5.44.0)

-  vite-plugin-inspect@0.8.9(rollup@4.50.2)(vite@7.1.6(@types/node@24.5.2)(jiti@2.5.1)(less@4.4.1)(sass@1.92.1)(terser@5.44.0)(yaml@2.8.1)):
+  vite-plugin-inspect@0.8.9(rollup@4.50.2)(vite@5.4.20(@types/node@24.5.2)(less@4.4.1)(sass@1.92.1)(terser@5.44.0)):
    dependencies:
      '@antfu/utils': 0.7.10
      '@rollup/pluginutils': 5.3.0(rollup@4.50.2)
@@ -21692,7 +21701,7 @@ snapshots:
      perfect-debounce: 1.0.0
      picocolors: 1.1.1
      sirv: 3.0.2
-      vite: 7.1.6(@types/node@24.5.2)(jiti@2.5.1)(less@4.4.1)(sass@1.92.1)(terser@5.44.0)(yaml@2.8.1)
+      vite: 5.4.20(@types/node@24.5.2)(less@4.4.1)(sass@1.92.1)(terser@5.44.0)
    transitivePeerDependencies:
      - rollup
      - supports-color
@@ -21715,34 +21724,23 @@ snapshots:
    transitivePeerDependencies:
      - supports-color

-  vite-plugin-pwa@1.0.3(vite@7.1.6(@types/node@24.5.2)(jiti@2.5.1)(less@4.4.1)(sass@1.92.1)(terser@5.44.0)(yaml@2.8.1))(workbox-build@7.3.0)(workbox-window@7.3.0):
+  vite-plugin-vue-devtools@7.7.7(rollup@4.50.2)(vite@5.4.20(@types/node@24.5.2)(less@4.4.1)(sass@1.92.1)(terser@5.44.0))(vue@3.5.21(typescript@5.9.2)):
    dependencies:
-      debug: 4.4.3
-      pretty-bytes: 6.1.1
-      tinyglobby: 0.2.15
-      vite: 7.1.6(@types/node@24.5.2)(jiti@2.5.1)(less@4.4.1)(sass@1.92.1)(terser@5.44.0)(yaml@2.8.1)
-      workbox-build: 7.3.0
-      workbox-window: 7.3.0
-    transitivePeerDependencies:
-      - supports-color
-
-  vite-plugin-vue-devtools@7.7.7(rollup@4.50.2)(vite@7.1.6(@types/node@24.5.2)(jiti@2.5.1)(less@4.4.1)(sass@1.92.1)(terser@5.44.0)(yaml@2.8.1))(vue@3.5.21(typescript@5.9.2)):
-    dependencies:
-      '@vue/devtools-core': 7.7.7(vite@7.1.6(@types/node@24.5.2)(jiti@2.5.1)(less@4.4.1)(sass@1.92.1)(terser@5.44.0)(yaml@2.8.1))(vue@3.5.21(typescript@5.9.2))
+      '@vue/devtools-core': 7.7.7(vite@5.4.20(@types/node@24.5.2)(less@4.4.1)(sass@1.92.1)(terser@5.44.0))(vue@3.5.21(typescript@5.9.2))
      '@vue/devtools-kit': 7.7.7
      '@vue/devtools-shared': 7.7.7
      execa: 9.6.0
      sirv: 3.0.2
-      vite: 7.1.6(@types/node@24.5.2)(jiti@2.5.1)(less@4.4.1)(sass@1.92.1)(terser@5.44.0)(yaml@2.8.1)
-      vite-plugin-inspect: 0.8.9(rollup@4.50.2)(vite@7.1.6(@types/node@24.5.2)(jiti@2.5.1)(less@4.4.1)(sass@1.92.1)(terser@5.44.0)(yaml@2.8.1))
-      vite-plugin-vue-inspector: 5.3.2(vite@7.1.6(@types/node@24.5.2)(jiti@2.5.1)(less@4.4.1)(sass@1.92.1)(terser@5.44.0)(yaml@2.8.1))
+      vite: 5.4.20(@types/node@24.5.2)(less@4.4.1)(sass@1.92.1)(terser@5.44.0)
+      vite-plugin-inspect: 0.8.9(rollup@4.50.2)(vite@5.4.20(@types/node@24.5.2)(less@4.4.1)(sass@1.92.1)(terser@5.44.0))
+      vite-plugin-vue-inspector: 5.3.2(vite@5.4.20(@types/node@24.5.2)(less@4.4.1)(sass@1.92.1)(terser@5.44.0))
    transitivePeerDependencies:
      - '@nuxt/kit'
      - rollup
      - supports-color
      - vue

-  vite-plugin-vue-inspector@5.3.2(vite@7.1.6(@types/node@24.5.2)(jiti@2.5.1)(less@4.4.1)(sass@1.92.1)(terser@5.44.0)(yaml@2.8.1)):
+  vite-plugin-vue-inspector@5.3.2(vite@5.4.20(@types/node@24.5.2)(less@4.4.1)(sass@1.92.1)(terser@5.44.0)):
    dependencies:
      '@babel/core': 7.28.4
      '@babel/plugin-proposal-decorators': 7.28.0(@babel/core@7.28.4)
@@ -21753,10 +21751,22 @@ snapshots:
      '@vue/compiler-dom': 3.5.21
      kolorist: 1.8.0
      magic-string: 0.30.19
-      vite: 7.1.6(@types/node@24.5.2)(jiti@2.5.1)(less@4.4.1)(sass@1.92.1)(terser@5.44.0)(yaml@2.8.1)
+      vite: 5.4.20(@types/node@24.5.2)(less@4.4.1)(sass@1.92.1)(terser@5.44.0)
    transitivePeerDependencies:
      - supports-color

+  vite@5.4.20(@types/node@22.18.6)(less@4.4.1)(sass@1.92.1)(terser@5.44.0):
+    dependencies:
+      esbuild: 0.25.3
+      postcss: 8.5.6
+      rollup: 4.50.2
+    optionalDependencies:
+      '@types/node': 22.18.6
+      fsevents: 2.3.3
+      less: 4.4.1
+      sass: 1.92.1
+      terser: 5.44.0
+
  vite@5.4.20(@types/node@24.5.2)(less@4.4.1)(sass@1.92.1)(terser@5.44.0):
    dependencies:
      esbuild: 0.25.3
@@ -21802,6 +21812,7 @@ snapshots:
      sass: 1.92.1
      terser: 5.44.0
      yaml: 2.8.1
+    optional: true

  vitepress-plugin-group-icons@1.6.3(markdown-it@14.1.0)(vite@5.4.20(@types/node@24.5.2)(less@4.4.1)(sass@1.92.1)(terser@5.44.0)):
    dependencies:
@@ -21908,7 +21919,7 @@ snapshots:
    dependencies:
      '@types/chai': 5.2.2
      '@vitest/expect': 3.2.4
-      '@vitest/mocker': 3.2.4(vite@7.1.6(@types/node@22.18.6)(jiti@2.5.1)(less@4.4.1)(sass@1.92.1)(terser@5.44.0)(yaml@2.8.1))
+      '@vitest/mocker': 3.2.4(vite@7.1.6(@types/node@24.5.2)(jiti@2.5.1)(less@4.4.1)(sass@1.92.1)(terser@5.44.0)(yaml@2.8.1))
      '@vitest/pretty-format': 3.2.4
      '@vitest/runner': 3.2.4
      '@vitest/snapshot': 3.2.4
--- a/pnpm-workspace.yaml
+++ b/pnpm-workspace.yaml
@@ -197,7 +197,7 @@ catalog:
  unbuild: ^3.6.1
  unplugin-element-plus: ^0.10.0
  vee-validate: ^4.15.1
-  vite: ^7.1.2
+  vite: ^5.4.10
  vite-plugin-compression: ^0.5.1
  vite-plugin-dts: ^4.5.4
  vite-plugin-html: ^3.2.2