@hlw-uni/mp-vue 1.0.20 → 1.0.22

package/dist/style.css

@@ -145,78 +145,78 @@ to { transform: rotate(360deg);
     color: #999;
 }
 
-.hlw-menu[data-v-2fb4d4c7] {
+.hlw-menu[data-v-1e8beec7] {
   background: #fff;
   border-radius: var(--radius-lg, 24rpx);
   border: 1rpx solid var(--border-color, #e2e8f0);
   overflow: hidden;
   width: 100%;
 }
-.hlw-menu--no-border[data-v-2fb4d4c7] {
+.hlw-menu--no-border[data-v-1e8beec7] {
   border: none;
 }
 
 /* 标题 */
-.hlw-menu-title[data-v-2fb4d4c7] {
+.hlw-menu-title[data-v-1e8beec7] {
   padding: 24rpx 32rpx;
 }
-.hlw-menu-title text[data-v-2fb4d4c7] {
+.hlw-menu-title text[data-v-1e8beec7] {
   font-size: 24rpx;
   font-weight: 600;
   color: #94a3b8;
   letter-spacing: 1rpx;
 }
-.hlw-menu-title-divider[data-v-2fb4d4c7] {
+.hlw-menu-title-divider[data-v-1e8beec7] {
   height: 0;
   border-bottom: 1rpx dashed var(--border-color, #e2e8f0);
 }
 
 /* ========== 列表模式 ========== */
-.hlw-menu-item[data-v-2fb4d4c7] {
+.hlw-menu-item[data-v-1e8beec7] {
   display: flex;
   align-items: center;
   justify-content: space-between;
   padding: 24rpx 32rpx;
 }
-.hlw-menu-item--active[data-v-2fb4d4c7] {
+.hlw-menu-item--active[data-v-1e8beec7] {
   background: #f8fafc;
 }
-.hlw-menu-divider[data-v-2fb4d4c7] {
+.hlw-menu-divider[data-v-1e8beec7] {
   margin: 0 32rpx;
   height: 0;
   border-bottom: 1rpx dashed var(--border-color, #e2e8f0);
 }
-.hlw-menu-left[data-v-2fb4d4c7] {
+.hlw-menu-left[data-v-1e8beec7] {
   display: flex;
   align-items: center;
   gap: 24rpx;
 }
-.hlw-menu-right[data-v-2fb4d4c7] {
+.hlw-menu-right[data-v-1e8beec7] {
   display: flex;
   align-items: center;
   gap: 16rpx;
 }
 
 /* ========== 宫格模式 ========== */
-.hlw-menu-grid[data-v-2fb4d4c7] {
+.hlw-menu-grid[data-v-1e8beec7] {
   display: grid;
   padding: 6rpx 0 24rpx;
 }
-.hlw-menu-grid-item[data-v-2fb4d4c7] {
+.hlw-menu-grid-item[data-v-1e8beec7] {
   display: flex;
   flex-direction: column;
   align-items: center;
   gap: 10rpx;
   padding: 12rpx 8rpx;
 }
-.hlw-menu-grid-item--active[data-v-2fb4d4c7] {
+.hlw-menu-grid-item--active[data-v-1e8beec7] {
   background: #f8fafc;
 }
-.hlw-menu-grid-icon-wrap[data-v-2fb4d4c7] {
+.hlw-menu-grid-icon-wrap[data-v-1e8beec7] {
   position: relative;
   padding-top: 20rpx; /* 预留徽标空间，保证所有格子图标水平对齐 */
 }
-.hlw-menu-badge[data-v-2fb4d4c7] {
+.hlw-menu-badge[data-v-1e8beec7] {
   position: absolute;
   top: 0;
   right: -8rpx;
@@ -229,14 +229,14 @@ to { transform: rotate(360deg);
   line-height: 28rpx;
   height: 28rpx;
 }
-.hlw-menu-grid-label[data-v-2fb4d4c7] {
+.hlw-menu-grid-label[data-v-1e8beec7] {
   font-size: 24rpx;
   color: #334155;
   text-align: center;
 }
 
 /* ========== 图标 ========== */
-.hlw-menu-icon[data-v-2fb4d4c7] {
+.hlw-menu-icon[data-v-1e8beec7] {
   width: 64rpx;
   height: 64rpx;
   border-radius: var(--radius-md, 16rpx);
@@ -245,86 +245,90 @@ to { transform: rotate(360deg);
   justify-content: center;
   flex-shrink: 0;
 }
-.hlw-menu-icon text[data-v-2fb4d4c7] {
+.hlw-menu-icon text[data-v-1e8beec7] {
   font-size: 20rpx;
 }
-.hlw-menu-icon--grid[data-v-2fb4d4c7] {
+.hlw-menu-icon--grid[data-v-1e8beec7] {
   width: 88rpx;
   height: 88rpx;
   border-radius: var(--radius-lg, 24rpx);
 }
-.hlw-menu-icon--grid text[data-v-2fb4d4c7] {
+.hlw-menu-icon--grid text[data-v-1e8beec7] {
   font-size: 32rpx;
 }
-.hlw-menu-icon--orange[data-v-2fb4d4c7] {
+.hlw-menu-icon--orange[data-v-1e8beec7] {
   background: #fff7ed;
   color: #f97316;
 }
-.hlw-menu-icon--purple[data-v-2fb4d4c7] {
+.hlw-menu-icon--purple[data-v-1e8beec7] {
   background: #faf5ff;
   color: #a855f7;
 }
-.hlw-menu-icon--wechat[data-v-2fb4d4c7] {
+.hlw-menu-icon--wechat[data-v-1e8beec7] {
   background: #f0fdf4;
   color: #07c160;
 }
-.hlw-menu-icon--cyan[data-v-2fb4d4c7] {
+.hlw-menu-icon--cyan[data-v-1e8beec7] {
   background: #ecfeff;
   color: #06b6d4;
 }
-.hlw-menu-icon--emerald[data-v-2fb4d4c7] {
+.hlw-menu-icon--emerald[data-v-1e8beec7] {
   background: #ecfdf5;
   color: #10b981;
 }
-.hlw-menu-icon--slate[data-v-2fb4d4c7] {
+.hlw-menu-icon--slate[data-v-1e8beec7] {
   background: #f1f5f9;
   color: #64748b;
 }
-.hlw-menu-icon--rose[data-v-2fb4d4c7] {
+.hlw-menu-icon--rose[data-v-1e8beec7] {
   background: #fff1f2;
   color: #f43f5e;
 }
-.hlw-menu-icon--blue[data-v-2fb4d4c7] {
+.hlw-menu-icon--blue[data-v-1e8beec7] {
   background: #eff6ff;
   color: #3b82f6;
 }
-.hlw-menu-icon--red[data-v-2fb4d4c7] {
+.hlw-menu-icon--red[data-v-1e8beec7] {
   background: #fef2f2;
   color: #ef4444;
 }
 
 /* ========== 标签 / 角标 ========== */
-.hlw-menu-label[data-v-2fb4d4c7] {
+.hlw-menu-label[data-v-1e8beec7] {
   font-size: 28rpx;
   font-weight: 500;
   color: #334155;
 }
-.hlw-menu-tag[data-v-2fb4d4c7] {
+.hlw-menu-value[data-v-1e8beec7] {
+  font-size: 26rpx;
+  color: #94a3b8;
+}
+.hlw-menu-tag[data-v-1e8beec7] {
   font-size: 20rpx;
   color: #fff;
   padding: 2rpx 12rpx;
   border-radius: 9999rpx;
   box-shadow: 0 2rpx 4rpx rgba(0, 0, 0, 0.1);
 }
-.hlw-menu-tag--orange[data-v-2fb4d4c7] {
+.hlw-menu-tag--orange[data-v-1e8beec7] {
   background: #fb923c;
 }
-.hlw-menu-tag--red[data-v-2fb4d4c7] {
+.hlw-menu-tag--red[data-v-1e8beec7] {
   background: #ef4444;
 }
-.hlw-menu-tag--wechat[data-v-2fb4d4c7] {
+.hlw-menu-tag--wechat[data-v-1e8beec7] {
   background: #07c160;
 }
-.hlw-menu-tag--rose[data-v-2fb4d4c7] {
+.hlw-menu-tag--rose[data-v-1e8beec7] {
   background: #f43f5e;
 }
-.hlw-menu-tag--blue[data-v-2fb4d4c7] {
+.hlw-menu-tag--blue[data-v-1e8beec7] {
   background: #3b82f6;
 }
-.hlw-menu-tag-pulse[data-v-2fb4d4c7] {
-  animation: tag-pulse-2fb4d4c7 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
+.hlw-menu-tag-pulse[data-v-1e8beec7] {
+  animation: tag-pulse-1e8beec7 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
 }
-@keyframes tag-pulse-2fb4d4c7 {
+@keyframes tag-pulse-1e8beec7 {
 0%, 100% {
     opacity: 1;
 }
@@ -332,69 +336,25 @@ to { transform: rotate(360deg);
     opacity: 0.5;
 }
 }
-.hlw-menu-arrow[data-v-2fb4d4c7] {
+.hlw-menu-arrow[data-v-1e8beec7] {
   color: #d1d5db;
   font-size: 20rpx;
 }
-.hlw-menu-spin[data-v-2fb4d4c7] {
-  animation: icon-spin-2fb4d4c7 1s linear infinite;
+.hlw-menu-spin[data-v-1e8beec7] {
+  animation: icon-spin-1e8beec7 1s linear infinite;
 }
-.hlw-menu-muted[data-v-2fb4d4c7] {
+.hlw-menu-muted[data-v-1e8beec7] {
   color: #94a3b8;
   font-size: 20rpx;
 }
-@keyframes icon-spin-2fb4d4c7 {
+@keyframes icon-spin-1e8beec7 {
 from {
     transform: rotate(0deg);
 }
 to {
     transform: rotate(360deg);
 }
-}
-.hlw-menu-list[data-v-e465b0b4] {
-    background: #fff;
-    border-radius: 16rpx;
-    overflow: hidden;
-}
-.hlw-menu-list__item[data-v-e465b0b4] {
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    padding: 28rpx 32rpx;
-    border-bottom: 1rpx solid #f5f5f5;
-}
-.hlw-menu-list__item[data-v-e465b0b4]:last-child {
-    border-bottom: none;
-}
-.hlw-menu-list__left[data-v-e465b0b4] {
-    display: flex;
-    align-items: center;
-    gap: 16rpx;
-}
-.hlw-menu-list__icon[data-v-e465b0b4] {
-    font-size: 36rpx;
-    width: 44rpx;
-    text-align: center;
-}
-.hlw-menu-list__label[data-v-e465b0b4] {
-    font-size: 30rpx;
-    color: #333;
-}
-.hlw-menu-list__right[data-v-e465b0b4] {
-    display: flex;
-    align-items: center;
-    gap: 8rpx;
-}
-.hlw-menu-list__value[data-v-e465b0b4] {
-    font-size: 28rpx;
-    color: #999;
-}
-.hlw-menu-list__arrow[data-v-e465b0b4] {
-    font-size: 36rpx;
-    color: #ccc;
-    line-height: 1;
-}
-.hlw-page[data-v-155bc02a] {
+}.hlw-page[data-v-155bc02a] {
   width: 100%;
   height: 100vh;
   display: flex;

package/package.json

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

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

@@ -17,6 +17,7 @@
                         <text class="hlw-menu-label">{{ item.label }}</text>
                     </view>
                     <view class="hlw-menu-right">
+                        <text v-if="item.value" class="hlw-menu-value">{{ item.value }}</text>
                         <text v-if="item.tag" class="hlw-menu-tag" :class="[`hlw-menu-tag--${item.tagTheme || 'rose'}`, item.tagPulse ? 'hlw-menu-tag-pulse' : '']">{{ item.tag }}</text>
                         <text class="i-fa6-solid-chevron-right hlw-menu-arrow"></text>
                     </view>
@@ -31,6 +32,7 @@
                     </view>
                     <view class="hlw-menu-right">
                         <text v-if="item.loading" class="i-fa6-solid-circle-notch hlw-menu-spin hlw-menu-muted"></text>
+                        <text v-if="item.value" class="hlw-menu-value">{{ item.value }}</text>
                         <text v-if="item.tag" class="hlw-menu-tag" :class="[`hlw-menu-tag--${item.tagTheme || 'rose'}`, item.tagPulse ? 'hlw-menu-tag-pulse' : '']">{{ item.tag }}</text>
                         <text class="i-fa6-solid-chevron-right hlw-menu-arrow"></text>
                     </view>
@@ -272,6 +274,11 @@ const handleClick = (item: HlwMenuItem) => {
     color: #334155;
 }
 
+.hlw-menu-value {
+    font-size: 26rpx;
+    color: #94a3b8;
+}
+
 .hlw-menu-tag {
     font-size: 20rpx;
     color: #fff;

package/src/components/hlw-menu/types.ts

@@ -10,6 +10,8 @@ export interface HlwMenuItem {
     label: string;
     /** 跳转路径，有值则用 navigator 包裹 */
     url?: string;
+    /** 右侧纯文字说明（列表模式），如版本号、状态文字 */
+    value?: string;
     /** 右侧标签文字（列表模式）/ 角标文字（宫格模式） */
     tag?: string;
     /** 标签主题色 */

package/src/index.ts

@@ -2,14 +2,12 @@
  * @hlw-uni/mp-vue — Vue 组件库统一导出
  */
 
-export { default as HlwAd } from './components/hlw-ad/index.vue';
-export { default as HlwAvatar } from './components/hlw-avatar/index.vue';
-export { default as HlwCard } from './components/hlw-card/index.vue';
-export { default as HlwEmpty } from './components/hlw-empty/index.vue';
-export { default as HlwHeader } from './components/hlw-header/index.vue';
-export { default as HlwLoading } from './components/hlw-loading/index.vue';
-export { default as HlwMenu } from './components/hlw-menu/index.vue';
-export type { HlwMenuItem } from './components/hlw-menu/types';
-export { default as HlwMenuList } from './components/hlw-menu-list/index.vue';
-export { default as HlwPage } from './components/hlw-page/index.vue';
-export type { MenuItem } from './components/hlw-menu-list/types';
+export { default as HlwAd } from "./components/hlw-ad/index.vue";
+export { default as HlwAvatar } from "./components/hlw-avatar/index.vue";
+export { default as HlwCard } from "./components/hlw-card/index.vue";
+export { default as HlwEmpty } from "./components/hlw-empty/index.vue";
+export { default as HlwHeader } from "./components/hlw-header/index.vue";
+export { default as HlwLoading } from "./components/hlw-loading/index.vue";
+export { default as HlwMenu } from "./components/hlw-menu/index.vue";
+export type { HlwMenuItem } from "./components/hlw-menu/types";
+export { default as HlwPage } from "./components/hlw-page/index.vue";

package/dist/components/hlw-menu-list/types.d.ts

@@ -1,8 +0,0 @@
-export interface MenuItem {
-    key: string;
-    label: string;
-    icon?: string;
-    value?: string;
-    url?: string;
-    action?: () => void;
-}

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

@@ -1,94 +0,0 @@
-<template>
-    <view class="hlw-menu-list">
-        <view
-            v-for="item in items"
-            :key="item.key"
-            class="hlw-menu-list__item"
-            @tap="onTap(item)"
-        >
-            <view class="hlw-menu-list__left">
-                <text v-if="item.icon" class="hlw-menu-list__icon">{{ item.icon }}</text>
-                <text class="hlw-menu-list__label">{{ item.label }}</text>
-            </view>
-            <view class="hlw-menu-list__right">
-                <text v-if="item.value" class="hlw-menu-list__value">{{ item.value }}</text>
-                <text class="hlw-menu-list__arrow">›</text>
-            </view>
-        </view>
-    </view>
-</template>
-
-<script setup lang="ts">
-import type { MenuItem } from './types';
-
-const props = defineProps<{
-    items: MenuItem[];
-}>();
-
-const emit = defineEmits<{
-    (e: 'click', item: MenuItem): void;
-}>();
-
-function onTap(item: MenuItem) {
-    if (item.url) {
-        uni.navigateTo({ url: item.url });
-    } else if (item.action) {
-        item.action();
-    }
-    emit('click', item);
-}
-</script>
-
-<style scoped>
-.hlw-menu-list {
-    background: #fff;
-    border-radius: 16rpx;
-    overflow: hidden;
-}
-
-.hlw-menu-list__item {
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    padding: 28rpx 32rpx;
-    border-bottom: 1rpx solid #f5f5f5;
-}
-
-.hlw-menu-list__item:last-child {
-    border-bottom: none;
-}
-
-.hlw-menu-list__left {
-    display: flex;
-    align-items: center;
-    gap: 16rpx;
-}
-
-.hlw-menu-list__icon {
-    font-size: 36rpx;
-    width: 44rpx;
-    text-align: center;
-}
-
-.hlw-menu-list__label {
-    font-size: 30rpx;
-    color: #333;
-}
-
-.hlw-menu-list__right {
-    display: flex;
-    align-items: center;
-    gap: 8rpx;
-}
-
-.hlw-menu-list__value {
-    font-size: 28rpx;
-    color: #999;
-}
-
-.hlw-menu-list__arrow {
-    font-size: 36rpx;
-    color: #ccc;
-    line-height: 1;
-}
-</style>

package/src/components/hlw-menu-list/types.ts

@@ -1,8 +0,0 @@
-export interface MenuItem {
-    key: string;
-    label: string;
-    icon?: string;
-    value?: string;
-    url?: string;
-    action?: () => void;
-}