@hlw-uni/mp-vue 1.2.1 → 1.2.2

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@hlw-uni/mp-vue",
-    "version": "1.2.1",
+    "version": "1.2.2",
     "description": "hlw-uni Vue 组件库 — 供小程序业务方使用的 UI 组件集合",
     "main": "dist/index.js",
     "module": "dist/index.mjs",

package/src/components/hlw-header/index.vue

@@ -185,7 +185,7 @@ const totalNavBarHeight = computed(() => statusBarHeight.value + NAV_BAR_CONTENT
     align-items: center;
     justify-content: center;
     flex-shrink: 0;
-    color: #475569;
+    color: var(--text-secondary, #475569);
 
     &:active {
         opacity: 0.8;
@@ -219,7 +219,7 @@ const totalNavBarHeight = computed(() => statusBarHeight.value + NAV_BAR_CONTENT
     letter-spacing: 1rpx;
     font-size: var(--font-base, 28rpx);
     font-weight: 500;
-    color: #14181f;
+    color: var(--text-primary, #14181f);
 }
 
 .header-placeholder {

package/src/components/hlw-menu/index.vue

@@ -200,7 +200,7 @@ const handleGetPhoneNumber = (item: HlwMenuItem, event: unknown) => {
     --hlw-menu-icon-box-size: calc(var(--hlw-menu-icon-size) + 40rpx);
     --hlw-menu-grid-icon-size: var(--font-lg, 36rpx);
     --hlw-menu-grid-icon-box-size: calc(var(--hlw-menu-grid-icon-size) + 52rpx);
-    background: #fff;
+    background: var(--surface-card, #ffffff);
     border-radius: var(--radius-lg, 24rpx);
     border: 1rpx solid var(--border-color, #e2e8f0);
     overflow: hidden;
@@ -217,7 +217,7 @@ const handleGetPhoneNumber = (item: HlwMenuItem, event: unknown) => {
     text {
         font-size: var(--font-sm, 24rpx);
         font-weight: 600;
-        color: #94a3b8;
+        color: var(--text-subtle, #94a3b8);
         letter-spacing: 1rpx;
     }
 }
@@ -235,7 +235,7 @@ const handleGetPhoneNumber = (item: HlwMenuItem, event: unknown) => {
     padding: 24rpx 32rpx;
 
     &--active {
-        background: #f8fafc;
+        background: var(--surface-card-muted, #f8fafc);
     }
 }
 
@@ -295,7 +295,7 @@ const handleGetPhoneNumber = (item: HlwMenuItem, event: unknown) => {
     padding: 12rpx 8rpx;
 
     &--active {
-        background: #f8fafc;
+        background: var(--surface-card-muted, #f8fafc);
     }
 }
 
@@ -320,7 +320,7 @@ const handleGetPhoneNumber = (item: HlwMenuItem, event: unknown) => {
 
 .hlw-menu-grid-label {
     font-size: var(--font-sm, 24rpx);
-    color: #334155;
+    color: var(--text-secondary, #334155);
     text-align: center;
 }
 
@@ -389,12 +389,12 @@ const handleGetPhoneNumber = (item: HlwMenuItem, event: unknown) => {
 .hlw-menu-label {
     font-size: var(--font-base, 28rpx);
     font-weight: 500;
-    color: #334155;
+    color: var(--text-secondary, #334155);
 }
 
 .hlw-menu-value {
     font-size: var(--font-sm, 24rpx);
-    color: #94a3b8;
+    color: var(--text-subtle, #94a3b8);
 }
 
 .hlw-menu-tag {
@@ -436,14 +436,14 @@ const handleGetPhoneNumber = (item: HlwMenuItem, event: unknown) => {
 }
 
 .hlw-menu-arrow {
-    color: #d1d5db;
+    color: var(--text-disabled, #d1d5db);
     font-size: var(--font-sm, 24rpx);
 }
 .hlw-menu-spin {
     animation: icon-spin 1s linear infinite;
 }
 .hlw-menu-muted {
-    color: #94a3b8;
+    color: var(--text-subtle, #94a3b8);
     font-size: var(--font-sm, 24rpx);
 }
 

package/src/components/hlw-modal/index.vue

@@ -82,7 +82,7 @@ function onCancel() {
 .hlw-modal {
     width: 80%;
     max-width: 600rpx;
-    background: #fff;
+    background: var(--surface-card, #ffffff);
     border-radius: var(--radius-xl, 32rpx);
     overflow: hidden;
     animation: hlw-scale-in 0.25s ease;
@@ -93,12 +93,12 @@ function onCancel() {
     text-align: center;
     font-size: var(--font-md, 32rpx);
     font-weight: 600;
-    color: #1e293b;
+    color: var(--text-primary, #1e293b);
 }
 
 .hlw-modal-body {
     font-size: var(--font-base, 28rpx);
-    color: #475569;
+    color: var(--text-secondary, #475569);
     text-align: center;
     line-height: 1.6;
 }
@@ -115,10 +115,10 @@ function onCancel() {
     font-size: var(--font-base, 28rpx);
     font-weight: 500;
 
-    &:active { background: #f8fafc; }
+    &:active { background: var(--surface-card-muted, #f8fafc); }
 
     &--cancel {
-        color: #64748b;
+        color: var(--text-muted, #64748b);
         border-right: 1rpx solid var(--border-color-light, #f1f5f9);
     }
 

package/src/components/hlw-sheet/index.vue

@@ -180,7 +180,7 @@ onBeforeUnmount(() => {
     left: 0;
     right: 0;
     bottom: 0;
-    background: #ffffff;
+    background: var(--surface-card, #ffffff);
     border-radius: var(--radius-xl, 32rpx) var(--radius-xl, 32rpx) 0 0;
     display: flex;
     flex-direction: column;
@@ -213,7 +213,7 @@ onBeforeUnmount(() => {
 .hlw-sheet-title {
     font-size: var(--font-md, 32rpx);
     font-weight: 700;
-    color: #0f172a;
+    color: var(--text-primary, #0f172a);
 }
 
 .hlw-sheet-close {
@@ -224,7 +224,7 @@ onBeforeUnmount(() => {
     height: 56rpx;
     border-radius: 50%;
     background: var(--border-color-light, #f1f5f9);
-    color: #64748b;
+    color: var(--text-muted, #64748b);
     display: flex;
     align-items: center;
     justify-content: center;