refactor(projects): layout和tab组件依赖名称变更、样式修复

package.json

@@ -28,7 +28,7 @@
   "dependencies": {
     "@antv/g2plot": "^2.4.16",
     "@better-scroll/core": "^2.4.2",
-    "@soybeanjs/vue-admin-layout": "^1.0.2",
+    "@soybeanjs/vue-admin-layout": "^1.0.3",
     "@soybeanjs/vue-admin-tab": "^1.0.1",
     "@vueuse/core": "^8.3.1",
     "axios": "^0.27.2",

src/layouts/common/GlobalSider/components/VerticalMixSider/components/MixMenuDetail.vue

@@ -2,12 +2,12 @@
   <div class="mb-6px px-4px cursor-pointer" @mouseenter="setTrue" @mouseleave="setFalse">
     <div
       class="flex-center flex-col py-12px rounded-2px bg-transparent transition-colors duration-300 ease-in-out"
-      :class="{ 'text-primary !bg-primary-active': isActive, 'text-primary': isHover }"
+      :class="{ 'text-primary !bg-primary_active': isActive, 'text-primary': isHover }"
     >
       <component :is="icon" :class="[isMini ? 'text-16px' : 'text-20px']" />
       <p
-        class="pt-8px text-12px overflow-hidden transition-height duration-300 ease-in-out"
-        :class="[isMini ? 'h-0 pt-0' : 'h-20px pt-8px']"
+        class="text-12px overflow-hidden transition-height duration-300 ease-in-out"
+        :class="[isMini ? 'h-0 pt-0' : 'h-24px pt-4px']"
       >
         {{ label }}
       </p>

uno.config.ts

@@ -41,25 +41,25 @@ export default defineConfig({
   theme: {
     colors: {
       primary: 'var(--primary-color)',
-      'primary-hover': 'var(--primary-color-hover)',
-      'primary-pressed': 'var(--primary-color-pressed)',
-      'primary-active': 'var(--primary-color-active)',
+      primary_hover: 'var(--primary-color-hover)',
+      primary_pressed: 'var(--primary-color-pressed)',
+      primary_active: 'var(--primary-color-active)',
       info: 'var(--info-color)',
-      'info-hover': 'var(--info-color-hover)',
-      'info-pressed': 'var(--info-color-pressed)',
-      'info-active': 'var(--info-color-active)',
+      info_hover: 'var(--info-color-hover)',
+      info_pressed: 'var(--info-color-pressed)',
+      info_active: 'var(--info-color-active)',
       success: 'var(--success-color)',
-      'success-hover': 'var(--success-color-hover)',
-      'success-pressed': 'var(--success-color-pressed)',
-      'success-active': 'var(--success-color-active)',
+      success_hover: 'var(--success-color-hover)',
+      success_pressed: 'var(--success-color-pressed)',
+      success_active: 'var(--success-color-active)',
       warning: 'var(--warning-color)',
-      'warning-hover': 'var(--warning-color-hover)',
-      'warning-pressed': 'var(--warning-color-pressed)',
-      'warning-active': 'var(--warning-color-active)',
+      warning_hover: 'var(--warning-color-hover)',
+      warning_pressed: 'var(--warning-color-pressed)',
+      warning_active: 'var(--warning-color-active)',
       error: 'var(--error-color)',
-      'error-hover': 'var(--error-color-hover)',
-      'error-pressed': 'var(--error-color-pressed)',
-      'error-active': 'var(--error-color-active)'
+      error_hover: 'var(--error-color-hover)',
+      error_pressed: 'var(--error-color-pressed)',
+      error_active: 'var(--error-color-active)'
     },
     backgroundColor: {
       dark: '#18181c'