@hlw-uni/mp-vue 1.0.13 → 1.0.14

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

@@ -0,0 +1,20 @@
+export interface HlwMenuItem {
+    /** 图标 class，如 'i-fa6-solid-gear' */
+    icon: string;
+    /** 图标主题色 */
+    iconTheme?: "orange" | "purple" | "cyan" | "emerald" | "slate" | "wechat" | "rose" | "blue" | "red";
+    /** 菜单文字 */
+    label: string;
+    /** 跳转路径，有值则用 navigator 包裹 */
+    url?: string;
+    /** 右侧标签文字 */
+    tag?: string;
+    /** 标签主题色 */
+    tagTheme?: "orange" | "red" | "wechat" | "rose" | "blue";
+    /** 标签是否闪烁 */
+    tagPulse?: boolean;
+    /** 加载中状态 */
+    loading?: boolean;
+    /** 是否显示，默认 true */
+    visible?: boolean;
+}

package/dist/index.d.ts

@@ -8,7 +8,7 @@ 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/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';

package/dist/index.js

@@ -85,14 +85,14 @@
     class: "hlw-card-header"
   };
   const _hoisted_3$4 = { class: "flex items-center justify-between px-5 py-4 border-0 border-b border-dashed border-slate-200 bg-slate-50/30" };
-  const _hoisted_4$2 = { key: 0 };
-  const _hoisted_5$1 = { class: "text-sm font-bold text-slate-800 flex items-center gap-2 tracking-wide" };
-  const _hoisted_6$1 = { key: 1 };
-  const _hoisted_7$1 = {
+  const _hoisted_4$3 = { key: 0 };
+  const _hoisted_5$2 = { class: "text-sm font-bold text-slate-800 flex items-center gap-2 tracking-wide" };
+  const _hoisted_6$2 = { key: 1 };
+  const _hoisted_7$2 = {
     key: 0,
     class: "text-[10px] text-slate-400 bg-slate-50 px-2 py-1 rounded border border-slate-100 tracking-wide"
   };
-  const _hoisted_8 = { class: "hlw-card-body" };
+  const _hoisted_8$1 = { class: "hlw-card-body" };
   const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
     ...{
       options: {
@@ -113,9 +113,9 @@
           _ctx.$slots.header || __props.title || __props.icon || _ctx.$slots["header-left"] || _ctx.$slots["header-right"] ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_2$6, [
             vue.renderSlot(_ctx.$slots, "header", {}, () => [
               vue.createElementVNode("view", _hoisted_3$4, [
-                _ctx.$slots["header-left"] || __props.title || __props.icon ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_4$2, [
+                _ctx.$slots["header-left"] || __props.title || __props.icon ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_4$3, [
                   vue.renderSlot(_ctx.$slots, "header-left", {}, () => [
-                    vue.createElementVNode("view", _hoisted_5$1, [
+                    vue.createElementVNode("view", _hoisted_5$2, [
                       __props.icon ? (vue.openBlock(), vue.createElementBlock("text", {
                         key: 0,
                         class: vue.normalizeClass([__props.icon, __props.iconColor])
@@ -124,15 +124,15 @@
                     ])
                   ], true)
                 ])) : vue.createCommentVNode("", true),
-                _ctx.$slots["header-right"] || __props.extra ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_6$1, [
+                _ctx.$slots["header-right"] || __props.extra ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_6$2, [
                   vue.renderSlot(_ctx.$slots, "header-right", {}, () => [
-                    __props.extra ? (vue.openBlock(), vue.createElementBlock("text", _hoisted_7$1, vue.toDisplayString(__props.extra), 1)) : vue.createCommentVNode("", true)
+                    __props.extra ? (vue.openBlock(), vue.createElementBlock("text", _hoisted_7$2, vue.toDisplayString(__props.extra), 1)) : vue.createCommentVNode("", true)
                   ], true)
                 ])) : vue.createCommentVNode("", true)
               ])
             ], true)
           ])) : vue.createCommentVNode("", true),
-          vue.createElementVNode("view", _hoisted_8, [
+          vue.createElementVNode("view", _hoisted_8$1, [
             vue.renderSlot(_ctx.$slots, "default", {}, void 0, true)
           ])
         ]);
@@ -146,7 +146,7 @@
     key: 1,
     class: "hlw-empty__icon"
   };
-  const _hoisted_4$1 = { class: "hlw-empty__text" };
+  const _hoisted_4$2 = { class: "hlw-empty__text" };
   const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
     __name: "index",
     props: {
@@ -162,7 +162,7 @@
             src: __props.image,
             mode: "aspectFit"
           }, null, 8, _hoisted_2$5)) : (vue.openBlock(), vue.createElementBlock("text", _hoisted_3$3, "📦")),
-          vue.createElementVNode("text", _hoisted_4$1, vue.toDisplayString(__props.text || "暂无数据"), 1),
+          vue.createElementVNode("text", _hoisted_4$2, vue.toDisplayString(__props.text || "暂无数据"), 1),
           vue.renderSlot(_ctx.$slots, "default", {}, void 0, true)
         ]);
       };
@@ -300,41 +300,21 @@
   });
   const index$3 = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-14242381"]]);
   const _hoisted_1$2 = { class: "hlw-menu" };
-  const _hoisted_2$2 = ["onClick"];
-  const _hoisted_3$2 = {
+  const _hoisted_2$2 = { class: "hlw-menu-left" };
+  const _hoisted_3$2 = { class: "hlw-menu-label" };
+  const _hoisted_4$1 = { class: "hlw-menu-right" };
+  const _hoisted_5$1 = ["onClick"];
+  const _hoisted_6$1 = { class: "hlw-menu-left" };
+  const _hoisted_7$1 = { class: "hlw-menu-label" };
+  const _hoisted_8 = { class: "hlw-menu-right" };
+  const _hoisted_9 = {
+    key: 0,
+    class: "i-fa6-solid-circle-notch hlw-menu-spin hlw-menu-muted"
+  };
+  const _hoisted_10 = {
     key: 2,
     class: "hlw-menu-divider"
   };
-  const HlwMenuItemContent = vue.defineComponent({
-    name: "HlwMenuItemContent",
-    props: {
-      item: { type: Object, required: true }
-    },
-    setup(props) {
-      return () => {
-        const item = props.item;
-        return vue.h("view", { class: "hlw-menu-item-inner" }, [
-          // 左侧
-          vue.h("view", { class: "hlw-menu-left" }, [
-            vue.h("view", { class: `hlw-menu-icon hlw-menu-icon--${item.iconTheme || "slate"}` }, [
-              vue.h("text", { class: item.icon })
-            ]),
-            vue.h("text", { class: "hlw-menu-label" }, item.label)
-          ]),
-          // 右侧
-          vue.h("view", { class: "hlw-menu-right" }, [
-            item.loading ? vue.h("text", { class: "i-fa6-solid-circle-notch hlw-menu-spin hlw-menu-muted" }) : null,
-            item.tag ? vue.h(
-              "text",
-              { class: `hlw-menu-tag hlw-menu-tag--${item.tagTheme || "rose"} ${item.tagPulse ? "hlw-menu-tag-pulse" : ""}` },
-              item.tag
-            ) : null,
-            vue.h("text", { class: "i-fa6-solid-chevron-right hlw-menu-arrow" })
-          ])
-        ]);
-      };
-    }
-  });
   const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
     __name: "index",
     props: {
@@ -360,9 +340,23 @@
                 "hover-class": "hlw-menu-item--active"
               }, {
                 default: vue.withCtx(() => [
-                  vue.renderSlot(_ctx.$slots, "item", { item }, () => [
-                    vue.createVNode(vue.unref(HlwMenuItemContent), { item }, null, 8, ["item"])
-                  ], true)
+                  vue.createElementVNode("view", _hoisted_2$2, [
+                    vue.createElementVNode("view", {
+                      class: vue.normalizeClass(["hlw-menu-icon", `hlw-menu-icon--${item.iconTheme || "slate"}`])
+                    }, [
+                      vue.createElementVNode("text", {
+                        class: vue.normalizeClass(item.icon)
+                      }, null, 2)
+                    ], 2),
+                    vue.createElementVNode("text", _hoisted_3$2, vue.toDisplayString(item.label), 1)
+                  ]),
+                  vue.createElementVNode("view", _hoisted_4$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" : ""]])
+                    }, vue.toDisplayString(item.tag), 3)) : vue.createCommentVNode("", true),
+                    _cache[0] || (_cache[0] = vue.createElementVNode("text", { class: "i-fa6-solid-chevron-right hlw-menu-arrow" }, null, -1))
+                  ])
                 ]),
                 _: 2
               }, 1032, ["url"])) : (vue.openBlock(), vue.createElementBlock("view", {
@@ -371,18 +365,33 @@
                 "hover-class": "hlw-menu-item--active",
                 onClick: ($event) => handleClick(item)
               }, [
-                vue.renderSlot(_ctx.$slots, "item", { item }, () => [
-                  vue.createVNode(vue.unref(HlwMenuItemContent), { item }, null, 8, ["item"])
-                ], true)
-              ], 8, _hoisted_2$2)),
-              index2 < visibleItems.value.length - 1 ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_3$2)) : vue.createCommentVNode("", true)
+                vue.createElementVNode("view", _hoisted_6$1, [
+                  vue.createElementVNode("view", {
+                    class: vue.normalizeClass(["hlw-menu-icon", `hlw-menu-icon--${item.iconTheme || "slate"}`])
+                  }, [
+                    vue.createElementVNode("text", {
+                      class: vue.normalizeClass(item.icon)
+                    }, null, 2)
+                  ], 2),
+                  vue.createElementVNode("text", _hoisted_7$1, vue.toDisplayString(item.label), 1)
+                ]),
+                vue.createElementVNode("view", _hoisted_8, [
+                  item.loading ? (vue.openBlock(), vue.createElementBlock("text", _hoisted_9)) : 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_5$1)),
+              index2 < visibleItems.value.length - 1 ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_10)) : vue.createCommentVNode("", true)
             ], 64);
           }), 128))
         ]);
       };
     }
   });
-  const index$2 = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-48deaf95"]]);
+  const index$2 = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-ff3b3322"]]);
   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

@@ -1,4 +1,4 @@
-import { defineComponent, resolveComponent, openBlock, createBlock, ref, computed, createElementBlock, normalizeClass, createElementVNode, toDisplayString, renderSlot, createCommentVNode, useSlots, normalizeStyle, unref, Fragment, h, renderList, withCtx, createVNode } from "vue";
+import { defineComponent, resolveComponent, openBlock, createBlock, ref, computed, createElementBlock, normalizeClass, createElementVNode, toDisplayString, renderSlot, createCommentVNode, useSlots, normalizeStyle, unref, Fragment, renderList, withCtx, createVNode } from "vue";
 const _sfc_main$8 = /* @__PURE__ */ defineComponent({
   ...{ name: "HlwAd" },
   __name: "index",
@@ -82,14 +82,14 @@ const _hoisted_2$6 = {
   class: "hlw-card-header"
 };
 const _hoisted_3$4 = { class: "flex items-center justify-between px-5 py-4 border-0 border-b border-dashed border-slate-200 bg-slate-50/30" };
-const _hoisted_4$2 = { key: 0 };
-const _hoisted_5$1 = { class: "text-sm font-bold text-slate-800 flex items-center gap-2 tracking-wide" };
-const _hoisted_6$1 = { key: 1 };
-const _hoisted_7$1 = {
+const _hoisted_4$3 = { key: 0 };
+const _hoisted_5$2 = { class: "text-sm font-bold text-slate-800 flex items-center gap-2 tracking-wide" };
+const _hoisted_6$2 = { key: 1 };
+const _hoisted_7$2 = {
   key: 0,
   class: "text-[10px] text-slate-400 bg-slate-50 px-2 py-1 rounded border border-slate-100 tracking-wide"
 };
-const _hoisted_8 = { class: "hlw-card-body" };
+const _hoisted_8$1 = { class: "hlw-card-body" };
 const _sfc_main$6 = /* @__PURE__ */ defineComponent({
   ...{
     options: {
@@ -110,9 +110,9 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
         _ctx.$slots.header || __props.title || __props.icon || _ctx.$slots["header-left"] || _ctx.$slots["header-right"] ? (openBlock(), createElementBlock("view", _hoisted_2$6, [
           renderSlot(_ctx.$slots, "header", {}, () => [
             createElementVNode("view", _hoisted_3$4, [
-              _ctx.$slots["header-left"] || __props.title || __props.icon ? (openBlock(), createElementBlock("view", _hoisted_4$2, [
+              _ctx.$slots["header-left"] || __props.title || __props.icon ? (openBlock(), createElementBlock("view", _hoisted_4$3, [
                 renderSlot(_ctx.$slots, "header-left", {}, () => [
-                  createElementVNode("view", _hoisted_5$1, [
+                  createElementVNode("view", _hoisted_5$2, [
                     __props.icon ? (openBlock(), createElementBlock("text", {
                       key: 0,
                       class: normalizeClass([__props.icon, __props.iconColor])
@@ -121,15 +121,15 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
                   ])
                 ], true)
               ])) : createCommentVNode("", true),
-              _ctx.$slots["header-right"] || __props.extra ? (openBlock(), createElementBlock("view", _hoisted_6$1, [
+              _ctx.$slots["header-right"] || __props.extra ? (openBlock(), createElementBlock("view", _hoisted_6$2, [
                 renderSlot(_ctx.$slots, "header-right", {}, () => [
-                  __props.extra ? (openBlock(), createElementBlock("text", _hoisted_7$1, toDisplayString(__props.extra), 1)) : createCommentVNode("", true)
+                  __props.extra ? (openBlock(), createElementBlock("text", _hoisted_7$2, toDisplayString(__props.extra), 1)) : createCommentVNode("", true)
                 ], true)
               ])) : createCommentVNode("", true)
             ])
           ], true)
         ])) : createCommentVNode("", true),
-        createElementVNode("view", _hoisted_8, [
+        createElementVNode("view", _hoisted_8$1, [
           renderSlot(_ctx.$slots, "default", {}, void 0, true)
         ])
       ]);
@@ -143,7 +143,7 @@ const _hoisted_3$3 = {
   key: 1,
   class: "hlw-empty__icon"
 };
-const _hoisted_4$1 = { class: "hlw-empty__text" };
+const _hoisted_4$2 = { class: "hlw-empty__text" };
 const _sfc_main$5 = /* @__PURE__ */ defineComponent({
   __name: "index",
   props: {
@@ -159,7 +159,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
           src: __props.image,
           mode: "aspectFit"
         }, null, 8, _hoisted_2$5)) : (openBlock(), createElementBlock("text", _hoisted_3$3, "📦")),
-        createElementVNode("text", _hoisted_4$1, toDisplayString(__props.text || "暂无数据"), 1),
+        createElementVNode("text", _hoisted_4$2, toDisplayString(__props.text || "暂无数据"), 1),
         renderSlot(_ctx.$slots, "default", {}, void 0, true)
       ]);
     };
@@ -297,41 +297,21 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
 });
 const index$3 = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-14242381"]]);
 const _hoisted_1$2 = { class: "hlw-menu" };
-const _hoisted_2$2 = ["onClick"];
-const _hoisted_3$2 = {
+const _hoisted_2$2 = { class: "hlw-menu-left" };
+const _hoisted_3$2 = { class: "hlw-menu-label" };
+const _hoisted_4$1 = { class: "hlw-menu-right" };
+const _hoisted_5$1 = ["onClick"];
+const _hoisted_6$1 = { class: "hlw-menu-left" };
+const _hoisted_7$1 = { class: "hlw-menu-label" };
+const _hoisted_8 = { class: "hlw-menu-right" };
+const _hoisted_9 = {
+  key: 0,
+  class: "i-fa6-solid-circle-notch hlw-menu-spin hlw-menu-muted"
+};
+const _hoisted_10 = {
   key: 2,
   class: "hlw-menu-divider"
 };
-const HlwMenuItemContent = defineComponent({
-  name: "HlwMenuItemContent",
-  props: {
-    item: { type: Object, required: true }
-  },
-  setup(props) {
-    return () => {
-      const item = props.item;
-      return h("view", { class: "hlw-menu-item-inner" }, [
-        // 左侧
-        h("view", { class: "hlw-menu-left" }, [
-          h("view", { class: `hlw-menu-icon hlw-menu-icon--${item.iconTheme || "slate"}` }, [
-            h("text", { class: item.icon })
-          ]),
-          h("text", { class: "hlw-menu-label" }, item.label)
-        ]),
-        // 右侧
-        h("view", { class: "hlw-menu-right" }, [
-          item.loading ? h("text", { class: "i-fa6-solid-circle-notch hlw-menu-spin hlw-menu-muted" }) : null,
-          item.tag ? h(
-            "text",
-            { class: `hlw-menu-tag hlw-menu-tag--${item.tagTheme || "rose"} ${item.tagPulse ? "hlw-menu-tag-pulse" : ""}` },
-            item.tag
-          ) : null,
-          h("text", { class: "i-fa6-solid-chevron-right hlw-menu-arrow" })
-        ])
-      ]);
-    };
-  }
-});
 const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   __name: "index",
   props: {
@@ -357,9 +337,23 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
               "hover-class": "hlw-menu-item--active"
             }, {
               default: withCtx(() => [
-                renderSlot(_ctx.$slots, "item", { item }, () => [
-                  createVNode(unref(HlwMenuItemContent), { item }, null, 8, ["item"])
-                ], true)
+                createElementVNode("view", _hoisted_2$2, [
+                  createElementVNode("view", {
+                    class: normalizeClass(["hlw-menu-icon", `hlw-menu-icon--${item.iconTheme || "slate"}`])
+                  }, [
+                    createElementVNode("text", {
+                      class: normalizeClass(item.icon)
+                    }, null, 2)
+                  ], 2),
+                  createElementVNode("text", _hoisted_3$2, toDisplayString(item.label), 1)
+                ]),
+                createElementVNode("view", _hoisted_4$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" : ""]])
+                  }, toDisplayString(item.tag), 3)) : createCommentVNode("", true),
+                  _cache[0] || (_cache[0] = createElementVNode("text", { class: "i-fa6-solid-chevron-right hlw-menu-arrow" }, null, -1))
+                ])
               ]),
               _: 2
             }, 1032, ["url"])) : (openBlock(), createElementBlock("view", {
@@ -368,18 +362,33 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
               "hover-class": "hlw-menu-item--active",
               onClick: ($event) => handleClick(item)
             }, [
-              renderSlot(_ctx.$slots, "item", { item }, () => [
-                createVNode(unref(HlwMenuItemContent), { item }, null, 8, ["item"])
-              ], true)
-            ], 8, _hoisted_2$2)),
-            index2 < visibleItems.value.length - 1 ? (openBlock(), createElementBlock("view", _hoisted_3$2)) : createCommentVNode("", true)
+              createElementVNode("view", _hoisted_6$1, [
+                createElementVNode("view", {
+                  class: normalizeClass(["hlw-menu-icon", `hlw-menu-icon--${item.iconTheme || "slate"}`])
+                }, [
+                  createElementVNode("text", {
+                    class: normalizeClass(item.icon)
+                  }, null, 2)
+                ], 2),
+                createElementVNode("text", _hoisted_7$1, toDisplayString(item.label), 1)
+              ]),
+              createElementVNode("view", _hoisted_8, [
+                item.loading ? (openBlock(), createElementBlock("text", _hoisted_9)) : 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_5$1)),
+            index2 < visibleItems.value.length - 1 ? (openBlock(), createElementBlock("view", _hoisted_10)) : createCommentVNode("", true)
           ], 64);
         }), 128))
       ]);
     };
   }
 });
-const index$2 = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-48deaf95"]]);
+const index$2 = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-ff3b3322"]]);
 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

@@ -1,4 +1,4 @@
-@charset "UTF-8";
+
 .hlw-avatar[data-v-7e8f98a5] {
     border-radius: 50%;
     overflow: hidden;
@@ -144,8 +144,7 @@ to { transform: rotate(360deg);
     font-size: 26rpx;
     color: #999;
 }
-
-.hlw-menu[data-v-48deaf95] {
+.hlw-menu[data-v-ff3b3322] {
   background: #fff;
   border-radius: var(--radius-lg, 24rpx);
   border: 1rpx solid var(--border-color, #e2e8f0);
@@ -153,38 +152,31 @@ to { transform: rotate(360deg);
   width: 100%;
   padding: 8rpx 0;
 }
-.hlw-menu-item[data-v-48deaf95] {
+.hlw-menu-item[data-v-ff3b3322] {
   display: flex;
   align-items: center;
   justify-content: space-between;
   padding: 16rpx 32rpx;
 }
-.hlw-menu-item--active[data-v-48deaf95] {
+.hlw-menu-item--active[data-v-ff3b3322] {
   background: #f8fafc;
 }
-.hlw-menu-divider[data-v-48deaf95] {
+.hlw-menu-divider[data-v-ff3b3322] {
   margin: 8rpx 0;
   height: 0;
   border-bottom: 1rpx dashed var(--border-color, #e2e8f0);
 }
-
-/* 下面的样式供 HlwMenuItemContent 内部渲染用（非 scoped） */.hlw-menu-item-inner {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  width: 100%;
-}
-.hlw-menu-left {
+.hlw-menu-left[data-v-ff3b3322] {
   display: flex;
   align-items: center;
   gap: 24rpx;
 }
-.hlw-menu-right {
+.hlw-menu-right[data-v-ff3b3322] {
   display: flex;
   align-items: center;
   gap: 16rpx;
 }
-.hlw-menu-icon {
+.hlw-menu-icon[data-v-ff3b3322] {
   width: 64rpx;
   height: 64rpx;
   border-radius: var(--radius-md, 16rpx);
@@ -193,76 +185,76 @@ to { transform: rotate(360deg);
   justify-content: center;
   flex-shrink: 0;
 }
-.hlw-menu-icon text {
+.hlw-menu-icon text[data-v-ff3b3322] {
   font-size: 20rpx;
 }
-.hlw-menu-icon--orange {
+.hlw-menu-icon--orange[data-v-ff3b3322] {
   background: #fff7ed;
   color: #f97316;
 }
-.hlw-menu-icon--purple {
+.hlw-menu-icon--purple[data-v-ff3b3322] {
   background: #faf5ff;
   color: #a855f7;
 }
-.hlw-menu-icon--wechat {
+.hlw-menu-icon--wechat[data-v-ff3b3322] {
   background: #f0fdf4;
   color: #07C160;
 }
-.hlw-menu-icon--cyan {
+.hlw-menu-icon--cyan[data-v-ff3b3322] {
   background: #ecfeff;
   color: #06b6d4;
 }
-.hlw-menu-icon--emerald {
+.hlw-menu-icon--emerald[data-v-ff3b3322] {
   background: #ecfdf5;
   color: #10b981;
 }
-.hlw-menu-icon--slate {
+.hlw-menu-icon--slate[data-v-ff3b3322] {
   background: #f1f5f9;
   color: #64748b;
 }
-.hlw-menu-icon--rose {
+.hlw-menu-icon--rose[data-v-ff3b3322] {
   background: #fff1f2;
   color: #f43f5e;
 }
-.hlw-menu-icon--blue {
+.hlw-menu-icon--blue[data-v-ff3b3322] {
   background: #eff6ff;
   color: #3b82f6;
 }
-.hlw-menu-icon--red {
+.hlw-menu-icon--red[data-v-ff3b3322] {
   background: #fef2f2;
   color: #ef4444;
 }
-.hlw-menu-label {
+.hlw-menu-label[data-v-ff3b3322] {
   font-size: 28rpx;
   font-weight: 500;
   color: #334155;
 }
-.hlw-menu-tag {
+.hlw-menu-tag[data-v-ff3b3322] {
   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 {
+.hlw-menu-tag--orange[data-v-ff3b3322] {
   background: #fb923c;
 }
-.hlw-menu-tag--red {
+.hlw-menu-tag--red[data-v-ff3b3322] {
   background: #ef4444;
 }
-.hlw-menu-tag--wechat {
+.hlw-menu-tag--wechat[data-v-ff3b3322] {
   background: #07C160;
 }
-.hlw-menu-tag--rose {
+.hlw-menu-tag--rose[data-v-ff3b3322] {
   background: #f43f5e;
 }
-.hlw-menu-tag--blue {
+.hlw-menu-tag--blue[data-v-ff3b3322] {
   background: #3b82f6;
 }
-.hlw-menu-tag-pulse {
-  animation: hlw-menu-tag-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
+.hlw-menu-tag-pulse[data-v-ff3b3322] {
+  animation: tag-pulse-ff3b3322 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
 }
-@keyframes hlw-menu-tag-pulse {
+@keyframes tag-pulse-ff3b3322 {
 0%, 100% {
     opacity: 1;
 }
@@ -270,18 +262,18 @@ to { transform: rotate(360deg);
     opacity: 0.5;
 }
 }
-.hlw-menu-arrow {
+.hlw-menu-arrow[data-v-ff3b3322] {
   color: #d1d5db;
   font-size: 20rpx;
 }
-.hlw-menu-spin {
-  animation: hlw-menu-spin 1s linear infinite;
+.hlw-menu-spin[data-v-ff3b3322] {
+  animation: icon-spin-ff3b3322 1s linear infinite;
 }
-.hlw-menu-muted {
+.hlw-menu-muted[data-v-ff3b3322] {
   color: #94a3b8;
   font-size: 20rpx;
 }
-@keyframes hlw-menu-spin {
+@keyframes icon-spin-ff3b3322 {
 from {
     transform: rotate(0deg);
 }

package/package.json

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

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

@@ -2,15 +2,32 @@
     <view class="hlw-menu">
         <template v-for="(item, index) in visibleItems" :key="index">
             <navigator v-if="item.url" :url="item.url" class="hlw-menu-item" hover-class="hlw-menu-item--active">
-                <slot name="item" :item="item">
-                    <hlw-menu-item-content :item="item" />
-                </slot>
+                <view class="hlw-menu-left">
+                    <view class="hlw-menu-icon" :class="`hlw-menu-icon--${item.iconTheme || 'slate'}`">
+                        <text :class="item.icon"></text>
+                    </view>
+                    <text class="hlw-menu-label">{{ item.label }}</text>
+                </view>
+                <view class="hlw-menu-right">
+                    <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>
             </navigator>
+
             <view v-else class="hlw-menu-item" hover-class="hlw-menu-item--active" @click="handleClick(item)">
-                <slot name="item" :item="item">
-                    <hlw-menu-item-content :item="item" />
-                </slot>
+                <view class="hlw-menu-left">
+                    <view class="hlw-menu-icon" :class="`hlw-menu-icon--${item.iconTheme || 'slate'}`">
+                        <text :class="item.icon"></text>
+                    </view>
+                    <text class="hlw-menu-label">{{ item.label }}</text>
+                </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.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>
             </view>
+
             <view v-if="index < visibleItems.length - 1" class="hlw-menu-divider"></view>
         </template>
     </view>
@@ -18,27 +35,8 @@
 
 <script setup lang="ts">
 import { computed } from "vue";
-
-export interface HlwMenuItem {
-    /** 图标 class，如 'i-fa6-solid-gear' */
-    icon: string;
-    /** 图标主题色 */
-    iconTheme?: "orange" | "purple" | "cyan" | "emerald" | "slate" | "wechat" | "rose" | "blue" | "red";
-    /** 菜单文字 */
-    label: string;
-    /** 跳转路径，有值则用 navigator 包裹 */
-    url?: string;
-    /** 右侧标签文字 */
-    tag?: string;
-    /** 标签主题色 */
-    tagTheme?: "orange" | "red" | "wechat" | "rose" | "blue";
-    /** 标签是否闪烁 */
-    tagPulse?: boolean;
-    /** 加载中状态（右侧显示 loading 图标） */
-    loading?: boolean;
-    /** 是否显示，默认 true */
-    visible?: boolean;
-}
+import type { HlwMenuItem } from "./types";
+export type { HlwMenuItem } from "./types";
 
 interface Props {
     items: HlwMenuItem[];
@@ -56,49 +54,6 @@ const handleClick = (item: HlwMenuItem) => {
 };
 </script>
 
-<!-- 子组件：菜单项内容（内部使用） -->
-<script lang="ts">
-// 注册内部组件
-import { defineComponent, h } from "vue";
-
-const HlwMenuItemContent = defineComponent({
-    name: "HlwMenuItemContent",
-    props: {
-        item: { type: Object, required: true },
-    },
-    setup(props) {
-        return () => {
-            const item = props.item as import("./index.vue").HlwMenuItem;
-            return h("view", { class: "hlw-menu-item-inner" }, [
-                // 左侧
-                h("view", { class: "hlw-menu-left" }, [
-                    h("view", { class: `hlw-menu-icon hlw-menu-icon--${item.iconTheme || "slate"}` }, [
-                        h("text", { class: item.icon }),
-                    ]),
-                    h("text", { class: "hlw-menu-label" }, item.label),
-                ]),
-                // 右侧
-                h("view", { class: "hlw-menu-right" }, [
-                    item.loading
-                        ? h("text", { class: "i-fa6-solid-circle-notch hlw-menu-spin hlw-menu-muted" })
-                        : null,
-                    item.tag
-                        ? h(
-                              "text",
-                              { class: `hlw-menu-tag hlw-menu-tag--${item.tagTheme || "rose"} ${item.tagPulse ? "hlw-menu-tag-pulse" : ""}` },
-                              item.tag,
-                          )
-                        : null,
-                    h("text", { class: "i-fa6-solid-chevron-right hlw-menu-arrow" }),
-                ]),
-            ]);
-        };
-    },
-});
-
-export { HlwMenuItemContent };
-</script>
-
 <style lang="scss" scoped>
 .hlw-menu {
     background: #fff;
@@ -126,17 +81,6 @@ export { HlwMenuItemContent };
     border-bottom: 1rpx dashed var(--border-color, #e2e8f0);
 }
 
-/* 下面的样式供 HlwMenuItemContent 内部渲染用（非 scoped） */
-</style>
-
-<style lang="scss">
-.hlw-menu-item-inner {
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    width: 100%;
-}
-
 .hlw-menu-left {
     display: flex;
     align-items: center;
@@ -192,10 +136,10 @@ export { HlwMenuItemContent };
 }
 
 .hlw-menu-tag-pulse {
-    animation: hlw-menu-tag-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
+    animation: tag-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
 }
 
-@keyframes hlw-menu-tag-pulse {
+@keyframes tag-pulse {
     0%, 100% { opacity: 1; }
     50%       { opacity: 0.5; }
 }
@@ -206,7 +150,7 @@ export { HlwMenuItemContent };
 }
 
 .hlw-menu-spin {
-    animation: hlw-menu-spin 1s linear infinite;
+    animation: icon-spin 1s linear infinite;
 }
 
 .hlw-menu-muted {
@@ -214,7 +158,7 @@ export { HlwMenuItemContent };
     font-size: 20rpx;
 }
 
-@keyframes hlw-menu-spin {
+@keyframes icon-spin {
     from { transform: rotate(0deg); }
     to   { transform: rotate(360deg); }
 }

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

@@ -0,0 +1,20 @@
+export interface HlwMenuItem {
+    /** 图标 class，如 'i-fa6-solid-gear' */
+    icon: string;
+    /** 图标主题色 */
+    iconTheme?: "orange" | "purple" | "cyan" | "emerald" | "slate" | "wechat" | "rose" | "blue" | "red";
+    /** 菜单文字 */
+    label: string;
+    /** 跳转路径，有值则用 navigator 包裹 */
+    url?: string;
+    /** 右侧标签文字 */
+    tag?: string;
+    /** 标签主题色 */
+    tagTheme?: "orange" | "red" | "wechat" | "rose" | "blue";
+    /** 标签是否闪烁 */
+    tagPulse?: boolean;
+    /** 加载中状态 */
+    loading?: boolean;
+    /** 是否显示，默认 true */
+    visible?: boolean;
+}

package/src/index.ts

@@ -9,7 +9,7 @@ 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/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';