@hlw-uni/mp-vue 1.0.15 → 1.0.17

package/dist/index.js

@@ -304,26 +304,30 @@
     key: 0,
     class: "hlw-menu-title"
   };
-  const _hoisted_3$2 = { class: "hlw-menu-left" };
-  const _hoisted_4$1 = { class: "hlw-menu-label" };
-  const _hoisted_5$1 = { class: "hlw-menu-right" };
-  const _hoisted_6$1 = ["onClick"];
-  const _hoisted_7$1 = { class: "hlw-menu-left" };
-  const _hoisted_8 = { class: "hlw-menu-label" };
-  const _hoisted_9 = { class: "hlw-menu-right" };
-  const _hoisted_10 = {
+  const _hoisted_3$2 = {
+    key: 1,
+    class: "hlw-menu-title-divider"
+  };
+  const _hoisted_4$1 = { class: "hlw-menu-left" };
+  const _hoisted_5$1 = { class: "hlw-menu-label" };
+  const _hoisted_6$1 = { class: "hlw-menu-right" };
+  const _hoisted_7$1 = ["onClick"];
+  const _hoisted_8 = { class: "hlw-menu-left" };
+  const _hoisted_9 = { class: "hlw-menu-label" };
+  const _hoisted_10 = { class: "hlw-menu-right" };
+  const _hoisted_11 = {
     key: 0,
     class: "i-fa6-solid-circle-notch hlw-menu-spin hlw-menu-muted"
   };
-  const _hoisted_11 = {
+  const _hoisted_12 = {
     key: 2,
     class: "hlw-menu-divider"
   };
-  const _hoisted_12 = { class: "hlw-menu-grid-icon-wrap" };
-  const _hoisted_13 = { class: "hlw-menu-grid-label" };
-  const _hoisted_14 = ["onClick"];
-  const _hoisted_15 = { class: "hlw-menu-grid-icon-wrap" };
-  const _hoisted_16 = { class: "hlw-menu-grid-label" };
+  const _hoisted_13 = { class: "hlw-menu-grid-icon-wrap" };
+  const _hoisted_14 = { class: "hlw-menu-grid-label" };
+  const _hoisted_15 = ["onClick"];
+  const _hoisted_16 = { class: "hlw-menu-grid-icon-wrap" };
+  const _hoisted_17 = { class: "hlw-menu-grid-label" };
   const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
     __name: "index",
     props: {
@@ -346,7 +350,8 @@
           props.title ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_2$2, [
             vue.createElementVNode("text", null, vue.toDisplayString(props.title), 1)
           ])) : vue.createCommentVNode("", true),
-          props.mode === "list" ? (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 1 }, vue.renderList(visibleItems.value, (item, index2) => {
+          props.title ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_3$2)) : vue.createCommentVNode("", true),
+          props.mode === "list" ? (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 2 }, vue.renderList(visibleItems.value, (item, index2) => {
             return vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: index2 }, [
               item.url ? (vue.openBlock(), vue.createBlock(_component_navigator, {
                 key: 0,
@@ -355,7 +360,7 @@
                 "hover-class": "hlw-menu-item--active"
               }, {
                 default: vue.withCtx(() => [
-                  vue.createElementVNode("view", _hoisted_3$2, [
+                  vue.createElementVNode("view", _hoisted_4$1, [
                     vue.createElementVNode("view", {
                       class: vue.normalizeClass(["hlw-menu-icon", `hlw-menu-icon--${item.iconTheme || "slate"}`])
                     }, [
@@ -363,9 +368,9 @@
                         class: vue.normalizeClass(item.icon)
                       }, null, 2)
                     ], 2),
-                    vue.createElementVNode("text", _hoisted_4$1, vue.toDisplayString(item.label), 1)
+                    vue.createElementVNode("text", _hoisted_5$1, vue.toDisplayString(item.label), 1)
                   ]),
-                  vue.createElementVNode("view", _hoisted_5$1, [
+                  vue.createElementVNode("view", _hoisted_6$1, [
                     item.tag ? (vue.openBlock(), vue.createElementBlock("text", {
                       key: 0,
                       class: vue.normalizeClass(["hlw-menu-tag", [`hlw-menu-tag--${item.tagTheme || "rose"}`, item.tagPulse ? "hlw-menu-tag-pulse" : ""]])
@@ -380,7 +385,7 @@
                 "hover-class": "hlw-menu-item--active",
                 onClick: ($event) => handleClick(item)
               }, [
-                vue.createElementVNode("view", _hoisted_7$1, [
+                vue.createElementVNode("view", _hoisted_8, [
                   vue.createElementVNode("view", {
                     class: vue.normalizeClass(["hlw-menu-icon", `hlw-menu-icon--${item.iconTheme || "slate"}`])
                   }, [
@@ -388,21 +393,21 @@
                       class: vue.normalizeClass(item.icon)
                     }, null, 2)
                   ], 2),
-                  vue.createElementVNode("text", _hoisted_8, vue.toDisplayString(item.label), 1)
+                  vue.createElementVNode("text", _hoisted_9, vue.toDisplayString(item.label), 1)
                 ]),
-                vue.createElementVNode("view", _hoisted_9, [
-                  item.loading ? (vue.openBlock(), vue.createElementBlock("text", _hoisted_10)) : vue.createCommentVNode("", true),
+                vue.createElementVNode("view", _hoisted_10, [
+                  item.loading ? (vue.openBlock(), vue.createElementBlock("text", _hoisted_11)) : vue.createCommentVNode("", true),
                   item.tag ? (vue.openBlock(), vue.createElementBlock("text", {
                     key: 1,
                     class: vue.normalizeClass(["hlw-menu-tag", [`hlw-menu-tag--${item.tagTheme || "rose"}`, item.tagPulse ? "hlw-menu-tag-pulse" : ""]])
                   }, vue.toDisplayString(item.tag), 3)) : vue.createCommentVNode("", true),
                   _cache[1] || (_cache[1] = vue.createElementVNode("text", { class: "i-fa6-solid-chevron-right hlw-menu-arrow" }, null, -1))
                 ])
-              ], 8, _hoisted_6$1)),
-              index2 < visibleItems.value.length - 1 ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_11)) : vue.createCommentVNode("", true)
+              ], 8, _hoisted_7$1)),
+              index2 < visibleItems.value.length - 1 ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_12)) : vue.createCommentVNode("", true)
             ], 64);
           }), 128)) : (vue.openBlock(), vue.createElementBlock("view", {
-            key: 2,
+            key: 3,
             class: "hlw-menu-grid",
             style: vue.normalizeStyle({ gridTemplateColumns: `repeat(${props.columns}, 1fr)` })
           }, [
@@ -415,7 +420,7 @@
                   "hover-class": "hlw-menu-grid-item--active"
                 }, {
                   default: vue.withCtx(() => [
-                    vue.createElementVNode("view", _hoisted_12, [
+                    vue.createElementVNode("view", _hoisted_13, [
                       vue.createElementVNode("view", {
                         class: vue.normalizeClass(["hlw-menu-icon hlw-menu-icon--grid", `hlw-menu-icon--${item.iconTheme || "slate"}`])
                       }, [
@@ -428,7 +433,7 @@
                         class: vue.normalizeClass(["hlw-menu-badge", [`hlw-menu-tag--${item.tagTheme || "rose"}`, item.tagPulse ? "hlw-menu-tag-pulse" : ""]])
                       }, vue.toDisplayString(item.tag), 3)) : vue.createCommentVNode("", true)
                     ]),
-                    vue.createElementVNode("text", _hoisted_13, vue.toDisplayString(item.label), 1)
+                    vue.createElementVNode("text", _hoisted_14, vue.toDisplayString(item.label), 1)
                   ]),
                   _: 2
                 }, 1032, ["url"])) : (vue.openBlock(), vue.createElementBlock("view", {
@@ -437,7 +442,7 @@
                   "hover-class": "hlw-menu-grid-item--active",
                   onClick: ($event) => handleClick(item)
                 }, [
-                  vue.createElementVNode("view", _hoisted_15, [
+                  vue.createElementVNode("view", _hoisted_16, [
                     vue.createElementVNode("view", {
                       class: vue.normalizeClass(["hlw-menu-icon hlw-menu-icon--grid", `hlw-menu-icon--${item.iconTheme || "slate"}`])
                     }, [
@@ -450,8 +455,8 @@
                       class: vue.normalizeClass(["hlw-menu-badge", [`hlw-menu-tag--${item.tagTheme || "rose"}`, item.tagPulse ? "hlw-menu-tag-pulse" : ""]])
                     }, vue.toDisplayString(item.tag), 3)) : vue.createCommentVNode("", true)
                   ]),
-                  vue.createElementVNode("text", _hoisted_16, vue.toDisplayString(item.label), 1)
-                ], 8, _hoisted_14))
+                  vue.createElementVNode("text", _hoisted_17, vue.toDisplayString(item.label), 1)
+                ], 8, _hoisted_15))
               ], 64);
             }), 128))
           ], 4))
@@ -459,7 +464,7 @@
       };
     }
   });
-  const index$2 = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-f4bdcedc"]]);
+  const index$2 = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-0275c21a"]]);
   const _hoisted_1$1 = { class: "hlw-menu-list" };
   const _hoisted_2$1 = ["onTap"];
   const _hoisted_3$1 = { class: "hlw-menu-list__left" };

package/dist/index.mjs

@@ -301,26 +301,30 @@ const _hoisted_2$2 = {
   key: 0,
   class: "hlw-menu-title"
 };
-const _hoisted_3$2 = { class: "hlw-menu-left" };
-const _hoisted_4$1 = { class: "hlw-menu-label" };
-const _hoisted_5$1 = { class: "hlw-menu-right" };
-const _hoisted_6$1 = ["onClick"];
-const _hoisted_7$1 = { class: "hlw-menu-left" };
-const _hoisted_8 = { class: "hlw-menu-label" };
-const _hoisted_9 = { class: "hlw-menu-right" };
-const _hoisted_10 = {
+const _hoisted_3$2 = {
+  key: 1,
+  class: "hlw-menu-title-divider"
+};
+const _hoisted_4$1 = { class: "hlw-menu-left" };
+const _hoisted_5$1 = { class: "hlw-menu-label" };
+const _hoisted_6$1 = { class: "hlw-menu-right" };
+const _hoisted_7$1 = ["onClick"];
+const _hoisted_8 = { class: "hlw-menu-left" };
+const _hoisted_9 = { class: "hlw-menu-label" };
+const _hoisted_10 = { class: "hlw-menu-right" };
+const _hoisted_11 = {
   key: 0,
   class: "i-fa6-solid-circle-notch hlw-menu-spin hlw-menu-muted"
 };
-const _hoisted_11 = {
+const _hoisted_12 = {
   key: 2,
   class: "hlw-menu-divider"
 };
-const _hoisted_12 = { class: "hlw-menu-grid-icon-wrap" };
-const _hoisted_13 = { class: "hlw-menu-grid-label" };
-const _hoisted_14 = ["onClick"];
-const _hoisted_15 = { class: "hlw-menu-grid-icon-wrap" };
-const _hoisted_16 = { class: "hlw-menu-grid-label" };
+const _hoisted_13 = { class: "hlw-menu-grid-icon-wrap" };
+const _hoisted_14 = { class: "hlw-menu-grid-label" };
+const _hoisted_15 = ["onClick"];
+const _hoisted_16 = { class: "hlw-menu-grid-icon-wrap" };
+const _hoisted_17 = { class: "hlw-menu-grid-label" };
 const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   __name: "index",
   props: {
@@ -343,7 +347,8 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
         props.title ? (openBlock(), createElementBlock("view", _hoisted_2$2, [
           createElementVNode("text", null, toDisplayString(props.title), 1)
         ])) : createCommentVNode("", true),
-        props.mode === "list" ? (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(visibleItems.value, (item, index2) => {
+        props.title ? (openBlock(), createElementBlock("view", _hoisted_3$2)) : createCommentVNode("", true),
+        props.mode === "list" ? (openBlock(true), createElementBlock(Fragment, { key: 2 }, renderList(visibleItems.value, (item, index2) => {
           return openBlock(), createElementBlock(Fragment, { key: index2 }, [
             item.url ? (openBlock(), createBlock(_component_navigator, {
               key: 0,
@@ -352,7 +357,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
               "hover-class": "hlw-menu-item--active"
             }, {
               default: withCtx(() => [
-                createElementVNode("view", _hoisted_3$2, [
+                createElementVNode("view", _hoisted_4$1, [
                   createElementVNode("view", {
                     class: normalizeClass(["hlw-menu-icon", `hlw-menu-icon--${item.iconTheme || "slate"}`])
                   }, [
@@ -360,9 +365,9 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
                       class: normalizeClass(item.icon)
                     }, null, 2)
                   ], 2),
-                  createElementVNode("text", _hoisted_4$1, toDisplayString(item.label), 1)
+                  createElementVNode("text", _hoisted_5$1, toDisplayString(item.label), 1)
                 ]),
-                createElementVNode("view", _hoisted_5$1, [
+                createElementVNode("view", _hoisted_6$1, [
                   item.tag ? (openBlock(), createElementBlock("text", {
                     key: 0,
                     class: normalizeClass(["hlw-menu-tag", [`hlw-menu-tag--${item.tagTheme || "rose"}`, item.tagPulse ? "hlw-menu-tag-pulse" : ""]])
@@ -377,7 +382,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
               "hover-class": "hlw-menu-item--active",
               onClick: ($event) => handleClick(item)
             }, [
-              createElementVNode("view", _hoisted_7$1, [
+              createElementVNode("view", _hoisted_8, [
                 createElementVNode("view", {
                   class: normalizeClass(["hlw-menu-icon", `hlw-menu-icon--${item.iconTheme || "slate"}`])
                 }, [
@@ -385,21 +390,21 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
                     class: normalizeClass(item.icon)
                   }, null, 2)
                 ], 2),
-                createElementVNode("text", _hoisted_8, toDisplayString(item.label), 1)
+                createElementVNode("text", _hoisted_9, toDisplayString(item.label), 1)
               ]),
-              createElementVNode("view", _hoisted_9, [
-                item.loading ? (openBlock(), createElementBlock("text", _hoisted_10)) : createCommentVNode("", true),
+              createElementVNode("view", _hoisted_10, [
+                item.loading ? (openBlock(), createElementBlock("text", _hoisted_11)) : createCommentVNode("", true),
                 item.tag ? (openBlock(), createElementBlock("text", {
                   key: 1,
                   class: normalizeClass(["hlw-menu-tag", [`hlw-menu-tag--${item.tagTheme || "rose"}`, item.tagPulse ? "hlw-menu-tag-pulse" : ""]])
                 }, toDisplayString(item.tag), 3)) : createCommentVNode("", true),
                 _cache[1] || (_cache[1] = createElementVNode("text", { class: "i-fa6-solid-chevron-right hlw-menu-arrow" }, null, -1))
               ])
-            ], 8, _hoisted_6$1)),
-            index2 < visibleItems.value.length - 1 ? (openBlock(), createElementBlock("view", _hoisted_11)) : createCommentVNode("", true)
+            ], 8, _hoisted_7$1)),
+            index2 < visibleItems.value.length - 1 ? (openBlock(), createElementBlock("view", _hoisted_12)) : createCommentVNode("", true)
           ], 64);
         }), 128)) : (openBlock(), createElementBlock("view", {
-          key: 2,
+          key: 3,
           class: "hlw-menu-grid",
           style: normalizeStyle({ gridTemplateColumns: `repeat(${props.columns}, 1fr)` })
         }, [
@@ -412,7 +417,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
                 "hover-class": "hlw-menu-grid-item--active"
               }, {
                 default: withCtx(() => [
-                  createElementVNode("view", _hoisted_12, [
+                  createElementVNode("view", _hoisted_13, [
                     createElementVNode("view", {
                       class: normalizeClass(["hlw-menu-icon hlw-menu-icon--grid", `hlw-menu-icon--${item.iconTheme || "slate"}`])
                     }, [
@@ -425,7 +430,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
                       class: normalizeClass(["hlw-menu-badge", [`hlw-menu-tag--${item.tagTheme || "rose"}`, item.tagPulse ? "hlw-menu-tag-pulse" : ""]])
                     }, toDisplayString(item.tag), 3)) : createCommentVNode("", true)
                   ]),
-                  createElementVNode("text", _hoisted_13, toDisplayString(item.label), 1)
+                  createElementVNode("text", _hoisted_14, toDisplayString(item.label), 1)
                 ]),
                 _: 2
               }, 1032, ["url"])) : (openBlock(), createElementBlock("view", {
@@ -434,7 +439,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
                 "hover-class": "hlw-menu-grid-item--active",
                 onClick: ($event) => handleClick(item)
               }, [
-                createElementVNode("view", _hoisted_15, [
+                createElementVNode("view", _hoisted_16, [
                   createElementVNode("view", {
                     class: normalizeClass(["hlw-menu-icon hlw-menu-icon--grid", `hlw-menu-icon--${item.iconTheme || "slate"}`])
                   }, [
@@ -447,8 +452,8 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
                     class: normalizeClass(["hlw-menu-badge", [`hlw-menu-tag--${item.tagTheme || "rose"}`, item.tagPulse ? "hlw-menu-tag-pulse" : ""]])
                   }, toDisplayString(item.tag), 3)) : createCommentVNode("", true)
                 ]),
-                createElementVNode("text", _hoisted_16, toDisplayString(item.label), 1)
-              ], 8, _hoisted_14))
+                createElementVNode("text", _hoisted_17, toDisplayString(item.label), 1)
+              ], 8, _hoisted_15))
             ], 64);
           }), 128))
         ], 4))
@@ -456,7 +461,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const index$2 = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-f4bdcedc"]]);
+const index$2 = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-0275c21a"]]);
 const _hoisted_1$1 = { class: "hlw-menu-list" };
 const _hoisted_2$1 = ["onTap"];
 const _hoisted_3$1 = { class: "hlw-menu-list__left" };

package/dist/style.css

@@ -145,7 +145,7 @@ to { transform: rotate(360deg);
     color: #999;
 }
 
-.hlw-menu[data-v-f4bdcedc] {
+.hlw-menu[data-v-0275c21a] {
   background: #fff;
   border-radius: var(--radius-lg, 24rpx);
   border: 1rpx solid var(--border-color, #e2e8f0);
@@ -154,63 +154,69 @@ to { transform: rotate(360deg);
 }
 
 /* 标题 */
-.hlw-menu-title[data-v-f4bdcedc] {
+.hlw-menu-title[data-v-0275c21a] {
   padding: 24rpx 32rpx 0;
 }
-.hlw-menu-title text[data-v-f4bdcedc] {
+.hlw-menu-title text[data-v-0275c21a] {
   font-size: 24rpx;
   font-weight: 600;
   color: #94a3b8;
   letter-spacing: 1rpx;
 }
+.hlw-menu-title-divider[data-v-0275c21a] {
+  margin: 16rpx 32rpx 0;
+  height: 0;
+  border-bottom: 1rpx dashed var(--border-color, #e2e8f0);
+}
 
 /* ========== 列表模式 ========== */
-.hlw-menu-item[data-v-f4bdcedc] {
+.hlw-menu-item[data-v-0275c21a] {
   display: flex;
   align-items: center;
   justify-content: space-between;
   padding: 24rpx 32rpx;
 }
-.hlw-menu-item--active[data-v-f4bdcedc] {
+.hlw-menu-item--active[data-v-0275c21a] {
   background: #f8fafc;
 }
-.hlw-menu-divider[data-v-f4bdcedc] {
+.hlw-menu-divider[data-v-0275c21a] {
   margin: 0 32rpx;
   height: 0;
   border-bottom: 1rpx dashed var(--border-color, #e2e8f0);
 }
-.hlw-menu-left[data-v-f4bdcedc] {
+.hlw-menu-left[data-v-0275c21a] {
   display: flex;
   align-items: center;
   gap: 24rpx;
 }
-.hlw-menu-right[data-v-f4bdcedc] {
+.hlw-menu-right[data-v-0275c21a] {
   display: flex;
   align-items: center;
   gap: 16rpx;
 }
 
 /* ========== 宫格模式 ========== */
-.hlw-menu-grid[data-v-f4bdcedc] {
+.hlw-menu-grid[data-v-0275c21a] {
   display: grid;
   padding: 16rpx 0 24rpx;
 }
-.hlw-menu-grid-item[data-v-f4bdcedc] {
+.hlw-menu-grid-item[data-v-0275c21a] {
   display: flex;
   flex-direction: column;
   align-items: center;
   gap: 12rpx;
   padding: 16rpx 8rpx;
 }
-.hlw-menu-grid-item--active[data-v-f4bdcedc] {
+.hlw-menu-grid-item--active[data-v-0275c21a] {
   background: #f8fafc;
 }
-.hlw-menu-grid-icon-wrap[data-v-f4bdcedc] {
+.hlw-menu-grid-icon-wrap[data-v-0275c21a] {
   position: relative;
+  padding-top: 20rpx; /* 预留徽标空间，保证所有格子图标水平对齐 */
 }
-.hlw-menu-badge[data-v-f4bdcedc] {
+.hlw-menu-badge[data-v-0275c21a] {
   position: absolute;
-  top: -8rpx;
+  top: 0;
   right: -8rpx;
   font-size: 18rpx;
   color: #fff;
@@ -221,14 +227,14 @@ to { transform: rotate(360deg);
   line-height: 28rpx;
   height: 28rpx;
 }
-.hlw-menu-grid-label[data-v-f4bdcedc] {
+.hlw-menu-grid-label[data-v-0275c21a] {
   font-size: 24rpx;
   color: #334155;
   text-align: center;
 }
 
 /* ========== 图标 ========== */
-.hlw-menu-icon[data-v-f4bdcedc] {
+.hlw-menu-icon[data-v-0275c21a] {
   width: 64rpx;
   height: 64rpx;
   border-radius: var(--radius-md, 16rpx);
@@ -237,86 +243,86 @@ to { transform: rotate(360deg);
   justify-content: center;
   flex-shrink: 0;
 }
-.hlw-menu-icon text[data-v-f4bdcedc] {
+.hlw-menu-icon text[data-v-0275c21a] {
   font-size: 20rpx;
 }
-.hlw-menu-icon--grid[data-v-f4bdcedc] {
+.hlw-menu-icon--grid[data-v-0275c21a] {
   width: 88rpx;
   height: 88rpx;
   border-radius: var(--radius-lg, 24rpx);
 }
-.hlw-menu-icon--grid text[data-v-f4bdcedc] {
+.hlw-menu-icon--grid text[data-v-0275c21a] {
   font-size: 32rpx;
 }
-.hlw-menu-icon--orange[data-v-f4bdcedc] {
+.hlw-menu-icon--orange[data-v-0275c21a] {
   background: #fff7ed;
   color: #f97316;
 }
-.hlw-menu-icon--purple[data-v-f4bdcedc] {
+.hlw-menu-icon--purple[data-v-0275c21a] {
   background: #faf5ff;
   color: #a855f7;
 }
-.hlw-menu-icon--wechat[data-v-f4bdcedc] {
+.hlw-menu-icon--wechat[data-v-0275c21a] {
   background: #f0fdf4;
   color: #07c160;
 }
-.hlw-menu-icon--cyan[data-v-f4bdcedc] {
+.hlw-menu-icon--cyan[data-v-0275c21a] {
   background: #ecfeff;
   color: #06b6d4;
 }
-.hlw-menu-icon--emerald[data-v-f4bdcedc] {
+.hlw-menu-icon--emerald[data-v-0275c21a] {
   background: #ecfdf5;
   color: #10b981;
 }
-.hlw-menu-icon--slate[data-v-f4bdcedc] {
+.hlw-menu-icon--slate[data-v-0275c21a] {
   background: #f1f5f9;
   color: #64748b;
 }
-.hlw-menu-icon--rose[data-v-f4bdcedc] {
+.hlw-menu-icon--rose[data-v-0275c21a] {
   background: #fff1f2;
   color: #f43f5e;
 }
-.hlw-menu-icon--blue[data-v-f4bdcedc] {
+.hlw-menu-icon--blue[data-v-0275c21a] {
   background: #eff6ff;
   color: #3b82f6;
 }
-.hlw-menu-icon--red[data-v-f4bdcedc] {
+.hlw-menu-icon--red[data-v-0275c21a] {
   background: #fef2f2;
   color: #ef4444;
 }
 
 /* ========== 标签 / 角标 ========== */
-.hlw-menu-label[data-v-f4bdcedc] {
+.hlw-menu-label[data-v-0275c21a] {
   font-size: 28rpx;
   font-weight: 500;
   color: #334155;
 }
-.hlw-menu-tag[data-v-f4bdcedc] {
+.hlw-menu-tag[data-v-0275c21a] {
   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-f4bdcedc] {
+.hlw-menu-tag--orange[data-v-0275c21a] {
   background: #fb923c;
 }
-.hlw-menu-tag--red[data-v-f4bdcedc] {
+.hlw-menu-tag--red[data-v-0275c21a] {
   background: #ef4444;
 }
-.hlw-menu-tag--wechat[data-v-f4bdcedc] {
+.hlw-menu-tag--wechat[data-v-0275c21a] {
   background: #07c160;
 }
-.hlw-menu-tag--rose[data-v-f4bdcedc] {
+.hlw-menu-tag--rose[data-v-0275c21a] {
   background: #f43f5e;
 }
-.hlw-menu-tag--blue[data-v-f4bdcedc] {
+.hlw-menu-tag--blue[data-v-0275c21a] {
   background: #3b82f6;
 }
-.hlw-menu-tag-pulse[data-v-f4bdcedc] {
-  animation: tag-pulse-f4bdcedc 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
+.hlw-menu-tag-pulse[data-v-0275c21a] {
+  animation: tag-pulse-0275c21a 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
 }
-@keyframes tag-pulse-f4bdcedc {
+@keyframes tag-pulse-0275c21a {
 0%, 100% {
     opacity: 1;
 }
@@ -324,18 +330,18 @@ to { transform: rotate(360deg);
     opacity: 0.5;
 }
 }
-.hlw-menu-arrow[data-v-f4bdcedc] {
+.hlw-menu-arrow[data-v-0275c21a] {
   color: #d1d5db;
   font-size: 20rpx;
 }
-.hlw-menu-spin[data-v-f4bdcedc] {
-  animation: icon-spin-f4bdcedc 1s linear infinite;
+.hlw-menu-spin[data-v-0275c21a] {
+  animation: icon-spin-0275c21a 1s linear infinite;
 }
-.hlw-menu-muted[data-v-f4bdcedc] {
+.hlw-menu-muted[data-v-0275c21a] {
   color: #94a3b8;
   font-size: 20rpx;
 }
-@keyframes icon-spin-f4bdcedc {
+@keyframes icon-spin-0275c21a {
 from {
     transform: rotate(0deg);
 }

package/package.json

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

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

@@ -4,6 +4,7 @@
         <view v-if="props.title" class="hlw-menu-title">
             <text>{{ props.title }}</text>
         </view>
+        <view v-if="props.title" class="hlw-menu-title-divider"></view>
 
         <!-- 列表模式 -->
         <template v-if="props.mode === 'list'">
@@ -118,6 +119,12 @@ const handleClick = (item: HlwMenuItem) => {
     }
 }
 
+.hlw-menu-title-divider {
+    margin: 16rpx 32rpx 0;
+    height: 0;
+    border-bottom: 1rpx dashed var(--border-color, #e2e8f0);
+}
+
 /* ========== 列表模式 ========== */
 .hlw-menu-item {
     display: flex;
@@ -168,11 +175,12 @@ const handleClick = (item: HlwMenuItem) => {
 
 .hlw-menu-grid-icon-wrap {
     position: relative;
+    padding-top: 20rpx; /* 预留徽标空间，保证所有格子图标水平对齐 */
 }
 
 .hlw-menu-badge {
     position: absolute;
-    top: -8rpx;
+    top: 0;
     right: -8rpx;
     font-size: 18rpx;
     color: #fff;