chore: css variables

Author: qmhc

package.json

@@ -20,7 +20,7 @@
     "schema2ts": "json2ts -i src/config/schema/app-settings.schema.json -o types/schema.d.ts --style.singleQuote --no-style.semi"
   },
   "dependencies": {
-    "@vexip-ui/hooks": "^2.7.0",
+    "@vexip-ui/hooks": "^2.8.0",
     "@vexip-ui/icons": "^1.2.1",
     "@vexip-ui/utils": "^2.16.1",
     "@vueuse/core": "^12.5.0",
@@ -30,7 +30,7 @@
     "nprogress": "^0.2.0",
     "pinia": "^2.3.0",
     "screenfull": "^6.0.2",
-    "vexip-ui": "^2.3.22",
+    "vexip-ui": "^2.3.23",
     "vue": "^3.5.13",
     "vue-i18n": "^11.0.1",
     "vue-router": "^4.5.0"

pnpm-lock.yaml

@@ -1,3 +1,9 @@
-@forward 'vexip-ui/style/dark/variables.scss' with (
-  $color-map: ()
+@use 'sass:map';
+
+@forward 'vexip-ui/style/dark/variables' with (
+  $color-map: (
+    primary: (
+      // base: #654ea7
+    )
+  )
 );

src/style/variables/dark.scss

@@ -59,24 +59,23 @@ export default defineConfig(async ({ command, mode }) => {
       host: '0.0.0.0'
     },
     css: {
-      // preprocessorOptions: {
-      //   scss: {
-      //     additionalData: (code: string, path: string) => {
-      //       // 篡改组件库基础样式中的变量文件的引用
-      //       if (vxpStylePresetRE.test(path)) {
-      //         if (path.includes('dark')) {
-      //           console.log(path)
-      //           return code.replace("@use './variables.scss' as *;", `@use '${darkPath}' as *;`)
-      //         }
-      //         return code.replace(
-      //           "@use './design/variables.scss' as *;",
-      //           `@use '${basePath}' as *;`
-      //         )
-      //       }
-      //       return code
-      //     }
-      //   }
-      // }
+      preprocessorOptions: {
+        scss: {
+          additionalData: (code: string, path: string) => {
+            // 篡改组件库基础样式中的变量文件的引用
+            if (vxpStylePresetRE.test(path)) {
+              if (path.includes('dark')) {
+                return code.replace("@use './variables.scss' as *;", `@use '${darkPath}' as *;`)
+              }
+              return code.replace(
+                "@use './design/variables.scss' as *;",
+                `@use '${basePath}' as *;`
+              )
+            }
+            return code
+          }
+        }
+      }
     },
     build: {
       chunkSizeWarningLimit: 10 * 1024,