build: Arco Design Vue 2.56.0 => 2.57.0

- 升级若干依赖版本 - 调整客户端详情界面的描述项布局，提高可读性 - 调整角色权限展开/折叠按钮
2025-09-09 08:57:14 +08:00 · 2025-03-13 21:43:22 +08:00
parent 65a31ba933
commit bf3fa919fe
5 changed files with 59 additions and 52 deletions
--- a/README.md
+++ b/README.md
@@ -7,7 +7,7 @@
 <img src="https://img.shields.io/badge/Vue-3.5.4-%236CB52D.svg?logo=Vue.js" alt="Vue" />
 </a>
 <a href="https://arco.design/vue/docs/start" title="Arco Design Vue" target="_blank">
-<img src="https://img.shields.io/badge/Arco Design Vue-2.56.0-%236CB52D.svg" alt="Arco Design Vue" />
+<img src="https://img.shields.io/badge/Arco Design Vue-2.57.0-%236CB52D.svg" alt="Arco Design Vue" />
 </a>
 <a href="https://ts.nodejs.cn/" title="TypeScript" target="_blank">
 <img src="https://img.shields.io/badge/TypeScript-5.0.4-%236CB52D.svg?logo=TypeScript&logoColor=FFF" alt="TypeScript" />
--- a/package.json
+++ b/package.json
@@ -62,12 +62,12 @@
  },
  "devDependencies": {
    "@antfu/eslint-config": "^2.16.3",
-    "@arco-design/web-vue": "^2.56.0",
+    "@arco-design/web-vue": "^2.57.0",
    "@types/crypto-js": "^4.2.2",
    "@types/lodash-es": "^4.17.12",
    "@types/node": "^20.2.5",
    "@types/query-string": "^6.3.0",
-    "@vitejs/plugin-vue": "^5.0.4",
+    "@vitejs/plugin-vue": "^5.2.1",
    "@vitejs/plugin-vue-jsx": "^3.1.0",
    "@vue/tsconfig": "^0.1.3",
    "boxen": "^7.1.1",
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -16,7 +16,7 @@ importers:
        version: 0.4.0
      '@arco-themes/vue-gi-demo':
        specifier: ^0.0.51
-        version: 0.0.51(@arco-design/web-vue@2.56.0(vue@3.5.12(typescript@5.0.4)))
+        version: 0.0.51(@arco-design/web-vue@2.57.0(vue@3.5.12(typescript@5.0.4)))
      '@codemirror/lang-javascript':
        specifier: ^6.2.1
        version: 6.2.2
@@ -148,8 +148,8 @@ importers:
        specifier: ^2.16.3
        version: 2.18.1(@vue/compiler-sfc@3.5.12)(eslint@9.3.0)(typescript@5.0.4)
      '@arco-design/web-vue':
-        specifier: ^2.56.0
-        version: 2.56.0(vue@3.5.12(typescript@5.0.4))
+        specifier: ^2.57.0
+        version: 2.57.0(vue@3.5.12(typescript@5.0.4))
      '@types/crypto-js':
        specifier: ^4.2.2
        version: 4.2.2
@@ -163,8 +163,8 @@ importers:
        specifier: ^6.3.0
        version: 6.3.0
      '@vitejs/plugin-vue':
-        specifier: ^5.0.4
-        version: 5.0.4(vite@5.2.11(@types/node@20.12.12)(less@4.2.0)(sass@1.77.2)(terser@5.31.0))(vue@3.5.12(typescript@5.0.4))
+        specifier: ^5.2.1
+        version: 5.2.1(vite@5.2.11(@types/node@20.12.12)(less@4.2.0)(sass@1.77.2)(terser@5.31.0))(vue@3.5.12(typescript@5.0.4))
      '@vitejs/plugin-vue-jsx':
        specifier: ^3.1.0
        version: 3.1.0(vite@5.2.11(@types/node@20.12.12)(less@4.2.0)(sass@1.77.2)(terser@5.31.0))(vue@3.5.12(typescript@5.0.4))
@@ -281,8 +281,8 @@ packages:
  '@arco-design/color@0.4.0':
    resolution: {integrity: sha512-s7p9MSwJgHeL8DwcATaXvWT3m2SigKpxx4JA1BGPHL4gfvaQsmQfrLBDpjOJFJuJ2jG2dMt3R3P8Pm9E65q18g==}

-  '@arco-design/web-vue@2.56.0':
-    resolution: {integrity: sha512-LsrTE1vL54a/DVQCZ4c2F5LDA1r2mcWF2AHrM+fKEi5hzE63/awZVIOQ6P8yGaYRAP9eqUNj60uNI1Jz0UvGlA==}
+  '@arco-design/web-vue@2.57.0':
+    resolution: {integrity: sha512-R5YReC3C2sG3Jv0+YuR3B7kzkq2KdhhQNCGXD8T11xAoa0zMt6SWTP1xJQOdZcM9du+q3z6tk5mRvh4qkieRJw==}
    peerDependencies:
      vue: ^3.1.0

@@ -1266,21 +1266,21 @@ packages:
      vite: ^4.0.0 || ^5.0.0
      vue: ^3.0.0

-  '@vitejs/plugin-vue@5.0.4':
-    resolution: {integrity: sha512-WS3hevEszI6CEVEx28F8RjTX97k3KsrcY6kvTg7+Whm5y3oYvcqzVeGCU3hxSAn4uY2CLCkeokkGKpoctccilQ==}
+  '@vitejs/plugin-vue@5.2.1':
+    resolution: {integrity: sha512-cxh314tzaWwOLqVes2gnnCtvBDcM1UMdn+iFR+UjAn411dPT3tOmqrJjbMd7koZpMAmBM/GqeV4n9ge7JSiJJQ==}
    engines: {node: ^18.0.0 || >=20.0.0}
    peerDependencies:
-      vite: ^5.0.0
+      vite: ^5.0.0 || ^6.0.0
      vue: ^3.2.25

-  '@volar/language-core@2.2.4':
-    resolution: {integrity: sha512-7As47GndxGxsqqYnbreLrfB5NDUeQioPM2LJKUuB4/34c0NpEJ2byVl3c9KYdjIdiEstWZ9JLtLKNTaPWb5jtA==}
+  '@volar/language-core@2.2.5':
+    resolution: {integrity: sha512-2htyAuxRrAgETmFeUhT4XLELk3LiEcqoW/B8YUXMF6BrGWLMwIR09MFaZYvrA2UhbdAeSyeQ726HaWSWkexUcQ==}

-  '@volar/source-map@2.2.4':
-    resolution: {integrity: sha512-m92FLpR9vB1YEZfiZ+bfgpLrToL/DNkOrorWVep3pffHrwwI4Tx2oIQN+sqHJfKkiT5N3J1owC+8crhAEinfjg==}
+  '@volar/source-map@2.2.5':
+    resolution: {integrity: sha512-wrOEIiZNf4E+PWB0AxyM4tfhkfldPsb3bxg8N6FHrxJH2ohar7aGu48e98bp3pR9HUA7P/pR9VrLmkTrgCCnWQ==}

-  '@volar/typescript@2.2.4':
-    resolution: {integrity: sha512-uAQC53tgEbHO62G8NXMfmBrJAlP2QJ9WxVEEQqqK3I6VSy8frL5LbH3hAWODxiwMWixv74wJLWlKbWXOgdIoRQ==}
+  '@volar/typescript@2.2.5':
+    resolution: {integrity: sha512-eSV/n75+ppfEVugMC/salZsI44nXDPAyL6+iTYCNLtiLHGJsnMv9GwiDMujrvAUj/aLQyqRJgYtXRoxop2clCw==}

  '@vue-office/docx@1.6.0':
    resolution: {integrity: sha512-OKEapOPq223uszA8mRSOWPhdfBchJa6sIqP46eMrMMe5RSUrG9m3QE/o0JBIaMgxDrtNd7aI9CvF2kDvb7G2hw==}
@@ -1911,6 +1911,9 @@ packages:
  dayjs@1.11.11:
    resolution: {integrity: sha512-okzr3f11N6WuqYtZSvm+F776mB41wRZMhKP+hc34YdW+KmtYYK9iqvHSwo2k9FEH3fhGXvOPV6yz2IcSrfRUDg==}

+  dayjs@1.11.13:
+    resolution: {integrity: sha512-oaMBel6gjolK862uaPQOVTA7q3TZhuSvuMQAAglQDOWYO9A91IrAOUJEyKVlqJlHE0vq5p5UXxzdPfMH/x6xNg==}
+
  de-indent@1.0.2:
    resolution: {integrity: sha512-e/1zu3xH5MQryN2zdVaF0OrdNLUbvWxzMbi+iNA6Bky7l1RoP8a2fIbRocyHclXt/arDrrR6lL3TqFD9pMQTsg==}

@@ -4818,21 +4821,21 @@ snapshots:
    dependencies:
      color: 3.2.1

-  '@arco-design/web-vue@2.56.0(vue@3.5.12(typescript@5.0.4))':
+  '@arco-design/web-vue@2.57.0(vue@3.5.12(typescript@5.0.4))':
    dependencies:
      '@arco-design/color': 0.4.0
      b-tween: 0.3.3
      b-validate: 1.5.3
      compute-scroll-into-view: 1.0.20
-      dayjs: 1.11.11
+      dayjs: 1.11.13
      number-precision: 1.6.0
      resize-observer-polyfill: 1.5.1
      scroll-into-view-if-needed: 2.2.31
      vue: 3.5.12(typescript@5.0.4)

-  '@arco-themes/vue-gi-demo@0.0.51(@arco-design/web-vue@2.56.0(vue@3.5.12(typescript@5.0.4)))':
+  '@arco-themes/vue-gi-demo@0.0.51(@arco-design/web-vue@2.57.0(vue@3.5.12(typescript@5.0.4)))':
    dependencies:
-      '@arco-design/web-vue': 2.56.0(vue@3.5.12(typescript@5.0.4))
+      '@arco-design/web-vue': 2.57.0(vue@3.5.12(typescript@5.0.4))

  '@babel/code-frame@7.24.2':
    dependencies:
@@ -5854,22 +5857,22 @@ snapshots:
    transitivePeerDependencies:
      - supports-color

-  '@vitejs/plugin-vue@5.0.4(vite@5.2.11(@types/node@20.12.12)(less@4.2.0)(sass@1.77.2)(terser@5.31.0))(vue@3.5.12(typescript@5.0.4))':
+  '@vitejs/plugin-vue@5.2.1(vite@5.2.11(@types/node@20.12.12)(less@4.2.0)(sass@1.77.2)(terser@5.31.0))(vue@3.5.12(typescript@5.0.4))':
    dependencies:
      vite: 5.2.11(@types/node@20.12.12)(less@4.2.0)(sass@1.77.2)(terser@5.31.0)
      vue: 3.5.12(typescript@5.0.4)

-  '@volar/language-core@2.2.4':
+  '@volar/language-core@2.2.5':
    dependencies:
-      '@volar/source-map': 2.2.4
+      '@volar/source-map': 2.2.5

-  '@volar/source-map@2.2.4':
+  '@volar/source-map@2.2.5':
    dependencies:
      muggle-string: 0.4.1

-  '@volar/typescript@2.2.4':
+  '@volar/typescript@2.2.5':
    dependencies:
-      '@volar/language-core': 2.2.4
+      '@volar/language-core': 2.2.5
      path-browserify: 1.0.1

  '@vue-office/docx@1.6.0(vue-demi@0.14.10(vue@3.5.12(typescript@5.0.4)))(vue@3.5.12(typescript@5.0.4))':
@@ -5930,7 +5933,7 @@ snapshots:
      '@vue/shared': 3.5.12
      entities: 4.5.0
      estree-walker: 2.0.2
-      source-map-js: 1.2.0
+      source-map-js: 1.2.1

  '@vue/compiler-dom@3.4.27':
    dependencies:
@@ -5944,7 +5947,7 @@ snapshots:

  '@vue/compiler-sfc@3.4.27':
    dependencies:
-      '@babel/parser': 7.24.5
+      '@babel/parser': 7.26.1
      '@vue/compiler-core': 3.4.27
      '@vue/compiler-dom': 3.4.27
      '@vue/compiler-ssr': 3.4.27
@@ -5952,7 +5955,7 @@ snapshots:
      estree-walker: 2.0.2
      magic-string: 0.30.10
      postcss: 8.4.38
-      source-map-js: 1.2.0
+      source-map-js: 1.2.1

  '@vue/compiler-sfc@3.5.12':
    dependencies:
@@ -6005,9 +6008,9 @@ snapshots:

  '@vue/language-core@2.0.19(typescript@5.0.4)':
    dependencies:
-      '@volar/language-core': 2.2.4
-      '@vue/compiler-dom': 3.4.27
-      '@vue/shared': 3.4.27
+      '@volar/language-core': 2.2.5
+      '@vue/compiler-dom': 3.5.12
+      '@vue/shared': 3.5.12
      computeds: 0.0.1
      minimatch: 9.0.4
      path-browserify: 1.0.1
@@ -6679,6 +6682,8 @@ snapshots:

  dayjs@1.11.11: {}

+  dayjs@1.11.13: {}
+
  de-indent@1.0.2: {}

  debug@2.6.9:
@@ -9626,7 +9631,7 @@ snapshots:

  vue-tsc@2.0.19(typescript@5.0.4):
    dependencies:
-      '@volar/typescript': 2.2.4
+      '@volar/typescript': 2.2.5
      '@vue/language-core': 2.0.19(typescript@5.0.4)
      semver: 7.6.2
      typescript: 5.0.4
--- a/src/views/system/client/ClientDetailDrawer.vue
+++ b/src/views/system/client/ClientDetailDrawer.vue
@@ -1,21 +1,21 @@
 <template>
-  <a-drawer v-model:visible="visible" title="终端详情" :width="width >= 500 ? 500 : '100%'" :footer="false">
-    <a-descriptions :column="1" size="large" class="general-description">
+  <a-drawer v-model:visible="visible" title="终端详情" :width="width >= 600 ? 600 : '100%'" :footer="false">
+    <a-descriptions :column="2" size="large" class="general-description">
      <a-descriptions-item label="ID">{{ dataDetail?.id }}</a-descriptions-item>
-      <a-descriptions-item label="终端ID"><a-typography-paragraph :copyable="!!dataDetail?.clientId">{{ dataDetail?.clientId }}</a-typography-paragraph></a-descriptions-item>
-      <a-descriptions-item label="终端Key">{{ dataDetail?.clientKey }}</a-descriptions-item>
-      <a-descriptions-item label="终端秘钥">{{ dataDetail?.clientSecret }}</a-descriptions-item>
-      <a-descriptions-item label="认证类型">
+      <a-descriptions-item label="终端ID" :span="2"><a-typography-paragraph :copyable="!!dataDetail?.clientId">{{ dataDetail?.clientId }}</a-typography-paragraph></a-descriptions-item>
+      <a-descriptions-item label="终端Key" :span="2">{{ dataDetail?.clientKey }}</a-descriptions-item>
+      <a-descriptions-item label="终端秘钥" :span="2">{{ dataDetail?.clientSecret }}</a-descriptions-item>
+      <a-descriptions-item label="认证类型" :span="2">
        <a-space>
          <GiCellTag v-for="(item, index) in dataDetail?.authType" :key="index" :value="item" :dict="auth_type_enum" />
        </a-space>
      </a-descriptions-item>
-      <a-descriptions-item label="终端类型">
+      <a-descriptions-item label="终端类型" :span="2">
        <GiCellTag :value="dataDetail?.clientType" :dict="client_type" />
      </a-descriptions-item>
      <a-descriptions-item label="Token最低活跃频率">{{ dataDetail?.activeTimeout }}</a-descriptions-item>
      <a-descriptions-item label="Token有效期">{{ dataDetail?.timeout }}</a-descriptions-item>
-      <a-descriptions-item label="状态">
+      <a-descriptions-item label="状态" :span="2">
        <GiCellStatus :status="dataDetail?.status" />
      </a-descriptions-item>
      <a-descriptions-item label="创建人">{{ dataDetail?.createUserString }}</a-descriptions-item>
--- a/src/views/system/role/components/Permission.vue
+++ b/src/views/system/role/components/Permission.vue
@@ -23,14 +23,16 @@
        <a-radio :value="true">节点关联</a-radio>
        <a-radio :value="false">节点独立</a-radio>
      </a-radio-group>
-      <a-tooltip :content="isExpanded ? '折叠' : '展开'">
-        <a-button @click="onExpanded">
-          <template #icon>
-            <icon-mind-mapping v-if="!isExpanded" />
-            <icon-list v-else />
-          </template>
-        </a-button>
-      </a-tooltip>
+      <a-button @click="onExpanded">
+        <template #icon>
+          <icon-list v-if="isExpanded" />
+          <icon-mind-mapping v-else />
+        </template>
+        <template #default>
+          <span v-if="!isExpanded">展开</span>
+          <span v-else>折叠</span>
+        </template>
+      </a-button>
    </template>
    <template #expand-icon="{ expanded }">
      <IconDown v-if="expanded" />