perf: 优化主题色选项风格

package.json

@@ -97,7 +97,7 @@
     "vditor": "^3.11.2",
     "version-rocket": "^1.7.4",
     "vue": "^3.5.25",
-    "vue-i18n": "https://pkg.pr.new/vue-i18n@2337",
+    "vue-i18n": "^11.2.2",
     "vue-json-pretty": "^2.6.0",
     "vue-pdf-embed": "^2.1.3",
     "vue-router": "^4.6.3",
@@ -164,7 +164,7 @@
     "typescript": "^5.9.3",
     "typescript-eslint": "^8.49.0",
     "unplugin-icons": "^22.5.0",
-    "vite": "8.0.0-beta.3",
+    "vite": "^7.2.7",
     "vite-plugin-cdn-import": "^1.0.1",
     "vite-plugin-compression": "^0.5.1",
     "vite-plugin-fake-server": "^2.2.2",

src/layout/components/lay-setting/index.vue

@@ -345,8 +345,8 @@ onUnmounted(() => removeMatchMedia);
           @click="setLayoutThemeColor(item.themeColor)"
         >
           <el-icon
-            style="margin: 0.1em 0.1em 0 0"
-            :size="17"
+            class="mt-px"
+            :size="20"
             :color="getThemeColor(item.themeColor)"
           >
             <IconifyIconOffline :icon="Check" />
@@ -538,17 +538,24 @@ onUnmounted(() => removeMatchMedia);
 }
 
 .theme-color {
-  height: 20px;
+  display: flex;
+  gap: 8px;
+  margin-top: 8px;
 
   li {
-    float: left;
-    height: 20px;
-    margin-right: 8px;
+    position: relative;
+    width: 21px;
+    height: 21px;
     cursor: pointer;
     border-radius: 4px;
+    box-shadow: rgb(0 0 0 / 15%) 0 0 0 1px inset;
+    transition: all 0.2s ease;
 
-    &:nth-child(1) {
-      border: 1px solid #ddd;
+    &:hover {
+      box-shadow:
+        rgb(0 0 0 / 25%) 0 0 0 1px inset,
+        0 2px 4px rgb(0 0 0 / 15%);
+      transform: scale(1.1);
     }
   }
 }

vite.config.ts

@@ -42,7 +42,7 @@ export default ({ mode }: ConfigEnv): UserConfigExport => {
       sourcemap: false,
       // 消除打包大小超过500kb警告
       chunkSizeWarningLimit: 4000,
-      rolldownOptions: {
+      rollupOptions: {
         input: {
           index: pathResolve("./index.html", import.meta.url)
         },
@@ -51,10 +51,6 @@ export default ({ mode }: ConfigEnv): UserConfigExport => {
           chunkFileNames: "static/js/[name]-[hash].js",
           entryFileNames: "static/js/[name]-[hash].js",
           assetFileNames: "static/[ext]/[name]-[hash].[ext]"
-        },
-        checks: {
-          // 禁用插件计时警告
-          pluginTimings: false
         }
       }
     },