修改圆角系数类型为 number

package.json

@@ -54,7 +54,7 @@
     "print-js": "^1.6.0",
     "qrcode": "^1.5.4",
     "qs": "^6.14.0",
-    "reka-ui": "^2.0.2",
+    "reka-ui": "^2.1.1",
     "scule": "^1.3.0",
     "splitpanes": "^3.2.0",
     "swiper": "^11.2.5",

pnpm-lock.yaml

@@ -114,8 +114,8 @@ importers:
         specifier: ^6.14.0
         version: 6.14.0
       reka-ui:
-        specifier: ^2.0.2
-        version: 2.0.2(typescript@5.8.2)(vue@3.5.13(typescript@5.8.2))
+        specifier: ^2.1.1
+        version: 2.1.1(typescript@5.8.2)(vue@3.5.13(typescript@5.8.2))
       scule:
         specifier: ^1.3.0
         version: 1.3.0
@@ -5358,6 +5358,9 @@ packages:
   ohash@1.1.6:
     resolution: {integrity: sha512-TBu7PtV8YkAZn0tSxobKY2n2aAQva936lhRrj6957aDaCf9IEtqsKbgMzXE/F/sjqYOwmrukeORHNLe5glk7Cg==}
 
+  ohash@2.0.11:
+    resolution: {integrity: sha512-RdR9FQrFwNBNXAr4GixM8YaRZRJ5PUWbKYbE5eOsrwAjJW0q2REGcf79oYPsLyskQCZG1PLN+S/K1V00joZAoQ==}
+
   once@1.4.0:
     resolution: {integrity: sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==}
 
@@ -5864,8 +5867,8 @@ packages:
   rehype-stringify@9.0.4:
     resolution: {integrity: sha512-Uk5xu1YKdqobe5XpSskwPvo1XeHUUucWEQSl8hTrXt5selvca1e8K1EZ37E6YoZ4BT8BCqCdVfQW7OfHfthtVQ==}
 
-  reka-ui@2.0.2:
-    resolution: {integrity: sha512-pC2UF6Z+kJF96aJvIErhkSO4DJYIeq9pgvh3pntNqcZb3zFGMzw8h2uny+GnLX2CKiQV54kZNYXxecYIiPMGyg==}
+  reka-ui@2.1.1:
+    resolution: {integrity: sha512-awvpQ041LPXAvf2uRVFwedsyz9SwsuoWlRql1fg4XimUCxEI2GOfHo6FIdL44dSPb/eG/gWbdGhoGHLlbX5gPA==}
     peerDependencies:
       vue: '>= 3.2.0'
 
@@ -13357,6 +13360,8 @@ snapshots:
 
   ohash@1.1.6: {}
 
+  ohash@2.0.11: {}
+
   once@1.4.0:
     dependencies:
       wrappy: 1.0.2
@@ -13921,7 +13926,7 @@ snapshots:
       hast-util-to-html: 8.0.4
       unified: 10.1.2
 
-  reka-ui@2.0.2(typescript@5.8.2)(vue@3.5.13(typescript@5.8.2)):
+  reka-ui@2.1.1(typescript@5.8.2)(vue@3.5.13(typescript@5.8.2)):
     dependencies:
       '@floating-ui/dom': 1.6.13
       '@floating-ui/vue': 1.1.6(vue@3.5.13(typescript@5.8.2))
@@ -13932,7 +13937,7 @@ snapshots:
       '@vueuse/shared': 12.8.2(typescript@5.8.2)
       aria-hidden: 1.2.4
       defu: 6.1.4
-      ohash: 1.1.6
+      ohash: 2.0.11
       vue: 3.5.13(typescript@5.8.2)
     transitivePeerDependencies:
       - '@vue/composition-api'

src/layouts/components/AppSetting/index.vue

@@ -18,6 +18,15 @@ const menuStore = useMenuStore()
 
 const isShow = ref(false)
 
+const appRadius = computed<number[]>({
+  get() {
+    return [settingsStore.settings.app.radius]
+  },
+  set(value) {
+    settingsStore.settings.app.radius = value[0]
+  },
+})
+
 watch(() => settingsStore.settings.menu.mode, (value) => {
   if (value === 'single') {
     menuStore.setActived(0)
@@ -70,19 +79,7 @@ function handleCopy() {
         <div class="label">
           圆角系数
         </div>
-        <div class="flex-center-start gap-1">
-          <FaButton
-            v-for="(item, index) in [
-              { label: 0, value: 0 },
-              { label: 0.25, value: 0.25 },
-              { label: 0.5, value: 0.5 },
-              { label: 0.75, value: 0.75 },
-              { label: 1, value: 1 },
-            ]" :key="index" :variant="settingsStore.settings.app.radius === item.value ? 'default' : 'outline'" size="sm" class="w-12" @click="settingsStore.settings.app.radius = (item.value as any)"
-          >
-            {{ item.label }}
-          </FaButton>
-        </div>
+        <FaSlider v-model="appRadius" :min="0" :max="1" :step="0.25" class="w-1/2" />
       </div>
     </div>
     <div v-if="settingsStore.mode === 'pc'">

src/types/global.d.ts

@@ -19,9 +19,9 @@ declare namespace Settings {
     /**
      * 圆角系数
      * @默认值 `0.5`
-     * @可选值 `0` / `0.25` / `0.5` / `0.75` / `1`
+     * @可选值 `0到1区间的任意值`
      */
-    radius?: 0 | 0.25 | 0.5 | 0.75 | 1
+    radius?: number
     /**
      * 是否开启哀悼模式
      * @默认值 `false`