refactor: 修改圆角系数类型为 number

package.json

@@ -45,7 +45,7 @@
     "path-to-regexp": "^8.2.0",
     "pinia": "^3.0.1",
     "qs": "^6.14.0",
-    "reka-ui": "^2.0.2",
+    "reka-ui": "^2.1.1",
     "scule": "^1.3.0",
     "tailwind-merge": "^3.0.2",
     "ua-parser-js": "^2.0.2",

pnpm-lock.yaml

@@ -72,8 +72,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
@@ -5089,8 +5089,8 @@ packages:
     resolution: {integrity: sha512-cnE+y8bz4NhMjISKbgeVJtqNbtf5QpjZP+Bslo+UqkIt9QPnX9q095eiRRASJG1/tz6dlNr6Z5NsBiWYokp6EQ==}
     hasBin: true
 
-  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'
 
@@ -11829,7 +11829,7 @@ snapshots:
     dependencies:
       jsesc: 3.0.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))
@@ -11840,7 +11840,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`