npm - @hlw-uni/mp-vue - Versions diffs - 1.0.12 → 1.0.14 - Mend

@hlw-uni/mp-vue 1.0.12 → 1.0.14

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (9) hide show

package/dist/components/hlw-menu/types.d.ts +20 -0
package/dist/index.d.ts +2 -0
package/dist/index.js +147 -53
package/dist/index.mjs +148 -54
package/dist/style.css +137 -1
package/package.json +1 -1
package/src/components/hlw-menu/index.vue +165 -0
package/src/components/hlw-menu/types.ts +20 -0
package/src/index.ts +2 -0

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

@@ -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 CHANGED Viewed

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

package/dist/index.js CHANGED Viewed

@@ -2,7 +2,7 @@
   typeof exports === "object" && typeof module !== "undefined" ? factory(exports, require("vue")) : typeof define === "function" && define.amd ? define(["exports", "vue"], factory) : (global = typeof globalThis !== "undefined" ? globalThis : global || self, factory(global.HlwUniVue = {}, global.vue));
 })(this, function(exports2, vue) {
   "use strict";
-  const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$8 = /* @__PURE__ */ vue.defineComponent({
     ...{ name: "HlwAd" },
     __name: "index",
     props: {
@@ -33,13 +33,13 @@
       };
     }
   });
-  const _hoisted_1$6 = ["src"];
-  const _hoisted_2$6 = {
+  const _hoisted_1$7 = ["src"];
+  const _hoisted_2$7 = {
     key: 1,
     class: "hlw-avatar__placeholder"
   };
-  const _hoisted_3$4 = { class: "hlw-avatar__initial" };
-  const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
+  const _hoisted_3$5 = { class: "hlw-avatar__initial" };
+  const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
     __name: "index",
     props: {
       src: {},
@@ -64,8 +64,8 @@
             src: __props.src,
             mode: "aspectFill",
             onError: _cache[0] || (_cache[0] = ($event) => loadError.value = true)
-          }, null, 40, _hoisted_1$6)) : (vue.openBlock(), vue.createElementBlock("view", _hoisted_2$6, [
-            vue.createElementVNode("text", _hoisted_3$4, vue.toDisplayString(initial.value), 1)
+          }, null, 40, _hoisted_1$7)) : (vue.openBlock(), vue.createElementBlock("view", _hoisted_2$7, [
+            vue.createElementVNode("text", _hoisted_3$5, vue.toDisplayString(initial.value), 1)
           ]))
         ], 2);
       };
@@ -78,22 +78,22 @@
     }
     return target;
   };
-  const index$6 = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-7e8f98a5"]]);
-  const _hoisted_1$5 = { class: "hlw-card" };
-  const _hoisted_2$5 = {
+  const index$7 = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__scopeId", "data-v-7e8f98a5"]]);
+  const _hoisted_1$6 = { class: "hlw-card" };
+  const _hoisted_2$6 = {
     key: 0,
     class: "hlw-card-header"
   };
-  const _hoisted_3$3 = { 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_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$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 _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
+  const _hoisted_8$1 = { class: "hlw-card-body" };
+  const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
     ...{
       options: {
         styleIsolation: "shared",
@@ -109,13 +109,13 @@
     },
     setup(__props) {
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createElementBlock("view", _hoisted_1$5, [
-          _ctx.$slots.header || __props.title || __props.icon || _ctx.$slots["header-left"] || _ctx.$slots["header-right"] ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_2$5, [
+        return vue.openBlock(), vue.createElementBlock("view", _hoisted_1$6, [
+          _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$3, [
-                _ctx.$slots["header-left"] || __props.title || __props.icon ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_4$2, [
+              vue.createElementVNode("view", _hoisted_3$4, [
+                _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,30 +124,30 @@
                     ])
                   ], 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)
           ])
         ]);
       };
     }
   });
-  const index$5 = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-787fc3a7"]]);
-  const _hoisted_1$4 = { class: "hlw-empty" };
-  const _hoisted_2$4 = ["src"];
-  const _hoisted_3$2 = {
+  const index$6 = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-787fc3a7"]]);
+  const _hoisted_1$5 = { class: "hlw-empty" };
+  const _hoisted_2$5 = ["src"];
+  const _hoisted_3$3 = {
     key: 1,
     class: "hlw-empty__icon"
   };
-  const _hoisted_4$1 = { class: "hlw-empty__text" };
-  const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
+  const _hoisted_4$2 = { class: "hlw-empty__text" };
+  const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
     __name: "index",
     props: {
       text: {},
@@ -155,29 +155,29 @@
     },
     setup(__props) {
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createElementBlock("view", _hoisted_1$4, [
+        return vue.openBlock(), vue.createElementBlock("view", _hoisted_1$5, [
           __props.image ? (vue.openBlock(), vue.createElementBlock("image", {
             key: 0,
             class: "hlw-empty__image",
             src: __props.image,
             mode: "aspectFit"
-          }, null, 8, _hoisted_2$4)) : (vue.openBlock(), vue.createElementBlock("text", _hoisted_3$2, "📦")),
-          vue.createElementVNode("text", _hoisted_4$1, vue.toDisplayString(__props.text || "暂无数据"), 1),
+          }, null, 8, _hoisted_2$5)) : (vue.openBlock(), vue.createElementBlock("text", _hoisted_3$3, "📦")),
+          vue.createElementVNode("text", _hoisted_4$2, vue.toDisplayString(__props.text || "暂无数据"), 1),
           vue.renderSlot(_ctx.$slots, "default", {}, void 0, true)
         ]);
       };
     }
   });
-  const index$4 = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-72364322"]]);
-  const _hoisted_1$3 = {
+  const index$5 = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-72364322"]]);
+  const _hoisted_1$4 = {
     key: 0,
     class: "header-placeholder"
   };
-  const _hoisted_2$3 = {
+  const _hoisted_2$4 = {
     key: 0,
     class: "header-title header-title--center"
   };
-  const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
     __name: "index",
     props: {
       extraHeight: { default: 0 },
@@ -264,9 +264,9 @@
                   }, vue.toDisplayString(props.title), 5)
                 ], true)
               ], 2),
-              props.titleAlign === "center" ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_1$3)) : vue.createCommentVNode("", true)
+              props.titleAlign === "center" ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_1$4)) : vue.createCommentVNode("", true)
             ], 64)) : vue.renderSlot(_ctx.$slots, "default", { key: 1 }, () => [
-              props.title ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_2$3, [
+              props.title ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_2$4, [
                 vue.createElementVNode("text", {
                   class: "header-title-text",
                   style: vue.normalizeStyle(titleStyle.value)
@@ -278,27 +278,120 @@
       };
     }
   });
-  const index$3 = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-9a6c839c"]]);
-  const _hoisted_1$2 = { class: "hlw-loading" };
-  const _hoisted_2$2 = {
+  const index$4 = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-9a6c839c"]]);
+  const _hoisted_1$3 = { class: "hlw-loading" };
+  const _hoisted_2$3 = {
     key: 0,
     class: "hlw-loading__text"
   };
-  const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
     __name: "index",
     props: {
       text: {}
     },
     setup(__props) {
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createElementBlock("view", _hoisted_1$2, [
+        return vue.openBlock(), vue.createElementBlock("view", _hoisted_1$3, [
           _cache[0] || (_cache[0] = vue.createElementVNode("view", { class: "hlw-loading__spinner" }, null, -1)),
-          __props.text ? (vue.openBlock(), vue.createElementBlock("text", _hoisted_2$2, vue.toDisplayString(__props.text), 1)) : vue.createCommentVNode("", true)
+          __props.text ? (vue.openBlock(), vue.createElementBlock("text", _hoisted_2$3, vue.toDisplayString(__props.text), 1)) : vue.createCommentVNode("", true)
+        ]);
+      };
+    }
+  });
+  const index$3 = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-14242381"]]);
+  const _hoisted_1$2 = { class: "hlw-menu" };
+  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 _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
+    __name: "index",
+    props: {
+      items: {}
+    },
+    emits: ["click"],
+    setup(__props, { emit: __emit }) {
+      const props = __props;
+      const emit = __emit;
+      const visibleItems = vue.computed(() => props.items.filter((item) => item.visible !== false));
+      const handleClick = (item) => {
+        emit("click", item);
+      };
+      return (_ctx, _cache) => {
+        const _component_navigator = vue.resolveComponent("navigator");
+        return vue.openBlock(), vue.createElementBlock("view", _hoisted_1$2, [
+          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, 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,
+                url: item.url,
+                class: "hlw-menu-item",
+                "hover-class": "hlw-menu-item--active"
+              }, {
+                default: vue.withCtx(() => [
+                  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", {
+                key: 1,
+                class: "hlw-menu-item",
+                "hover-class": "hlw-menu-item--active",
+                onClick: ($event) => handleClick(item)
+              }, [
+                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-14242381"]]);
+  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" };
@@ -396,12 +489,13 @@
     }
   });
   const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-155bc02a"]]);
-  exports2.HlwAd = _sfc_main$7;
-  exports2.HlwAvatar = index$6;
-  exports2.HlwCard = index$5;
-  exports2.HlwEmpty = index$4;
-  exports2.HlwHeader = index$3;
-  exports2.HlwLoading = index$2;
+  exports2.HlwAd = _sfc_main$8;
+  exports2.HlwAvatar = index$7;
+  exports2.HlwCard = index$6;
+  exports2.HlwEmpty = index$5;
+  exports2.HlwHeader = index$4;
+  exports2.HlwLoading = index$3;
+  exports2.HlwMenu = index$2;
   exports2.HlwMenuList = index$1;
   exports2.HlwPage = index;
   Object.defineProperty(exports2, Symbol.toStringTag, { value: "Module" });

package/dist/index.mjs CHANGED Viewed

@@ -1,5 +1,5 @@
-import { defineComponent, resolveComponent, openBlock, createBlock, ref, computed, createElementBlock, normalizeClass, createElementVNode, toDisplayString, renderSlot, createCommentVNode, useSlots, normalizeStyle, unref, Fragment, renderList, createVNode, withCtx } from "vue";
-const _sfc_main$7 = /* @__PURE__ */ defineComponent({
+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",
   props: {
@@ -30,13 +30,13 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$6 = ["src"];
-const _hoisted_2$6 = {
+const _hoisted_1$7 = ["src"];
+const _hoisted_2$7 = {
   key: 1,
   class: "hlw-avatar__placeholder"
 };
-const _hoisted_3$4 = { class: "hlw-avatar__initial" };
-const _sfc_main$6 = /* @__PURE__ */ defineComponent({
+const _hoisted_3$5 = { class: "hlw-avatar__initial" };
+const _sfc_main$7 = /* @__PURE__ */ defineComponent({
   __name: "index",
   props: {
     src: {},
@@ -61,8 +61,8 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
           src: __props.src,
           mode: "aspectFill",
           onError: _cache[0] || (_cache[0] = ($event) => loadError.value = true)
-        }, null, 40, _hoisted_1$6)) : (openBlock(), createElementBlock("view", _hoisted_2$6, [
-          createElementVNode("text", _hoisted_3$4, toDisplayString(initial.value), 1)
+        }, null, 40, _hoisted_1$7)) : (openBlock(), createElementBlock("view", _hoisted_2$7, [
+          createElementVNode("text", _hoisted_3$5, toDisplayString(initial.value), 1)
         ]))
       ], 2);
     };
@@ -75,22 +75,22 @@ const _export_sfc = (sfc, props) => {
   }
   return target;
 };
-const index$6 = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-7e8f98a5"]]);
-const _hoisted_1$5 = { class: "hlw-card" };
-const _hoisted_2$5 = {
+const index$7 = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__scopeId", "data-v-7e8f98a5"]]);
+const _hoisted_1$6 = { class: "hlw-card" };
+const _hoisted_2$6 = {
   key: 0,
   class: "hlw-card-header"
 };
-const _hoisted_3$3 = { 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_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$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 _sfc_main$5 = /* @__PURE__ */ defineComponent({
+const _hoisted_8$1 = { class: "hlw-card-body" };
+const _sfc_main$6 = /* @__PURE__ */ defineComponent({
   ...{
     options: {
       styleIsolation: "shared",
@@ -106,13 +106,13 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("view", _hoisted_1$5, [
-        _ctx.$slots.header || __props.title || __props.icon || _ctx.$slots["header-left"] || _ctx.$slots["header-right"] ? (openBlock(), createElementBlock("view", _hoisted_2$5, [
+      return openBlock(), createElementBlock("view", _hoisted_1$6, [
+        _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$3, [
-              _ctx.$slots["header-left"] || __props.title || __props.icon ? (openBlock(), createElementBlock("view", _hoisted_4$2, [
+            createElementVNode("view", _hoisted_3$4, [
+              _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,30 +121,30 @@ const _sfc_main$5 = /* @__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)
         ])
       ]);
     };
   }
 });
-const index$5 = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-787fc3a7"]]);
-const _hoisted_1$4 = { class: "hlw-empty" };
-const _hoisted_2$4 = ["src"];
-const _hoisted_3$2 = {
+const index$6 = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-787fc3a7"]]);
+const _hoisted_1$5 = { class: "hlw-empty" };
+const _hoisted_2$5 = ["src"];
+const _hoisted_3$3 = {
   key: 1,
   class: "hlw-empty__icon"
 };
-const _hoisted_4$1 = { class: "hlw-empty__text" };
-const _sfc_main$4 = /* @__PURE__ */ defineComponent({
+const _hoisted_4$2 = { class: "hlw-empty__text" };
+const _sfc_main$5 = /* @__PURE__ */ defineComponent({
   __name: "index",
   props: {
     text: {},
@@ -152,29 +152,29 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("view", _hoisted_1$4, [
+      return openBlock(), createElementBlock("view", _hoisted_1$5, [
         __props.image ? (openBlock(), createElementBlock("image", {
           key: 0,
           class: "hlw-empty__image",
           src: __props.image,
           mode: "aspectFit"
-        }, null, 8, _hoisted_2$4)) : (openBlock(), createElementBlock("text", _hoisted_3$2, "📦")),
-        createElementVNode("text", _hoisted_4$1, toDisplayString(__props.text || "暂无数据"), 1),
+        }, null, 8, _hoisted_2$5)) : (openBlock(), createElementBlock("text", _hoisted_3$3, "📦")),
+        createElementVNode("text", _hoisted_4$2, toDisplayString(__props.text || "暂无数据"), 1),
         renderSlot(_ctx.$slots, "default", {}, void 0, true)
       ]);
     };
   }
 });
-const index$4 = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-72364322"]]);
-const _hoisted_1$3 = {
+const index$5 = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-72364322"]]);
+const _hoisted_1$4 = {
   key: 0,
   class: "header-placeholder"
 };
-const _hoisted_2$3 = {
+const _hoisted_2$4 = {
   key: 0,
   class: "header-title header-title--center"
 };
-const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+const _sfc_main$4 = /* @__PURE__ */ defineComponent({
   __name: "index",
   props: {
     extraHeight: { default: 0 },
@@ -261,9 +261,9 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
                 }, toDisplayString(props.title), 5)
               ], true)
             ], 2),
-            props.titleAlign === "center" ? (openBlock(), createElementBlock("view", _hoisted_1$3)) : createCommentVNode("", true)
+            props.titleAlign === "center" ? (openBlock(), createElementBlock("view", _hoisted_1$4)) : createCommentVNode("", true)
           ], 64)) : renderSlot(_ctx.$slots, "default", { key: 1 }, () => [
-            props.title ? (openBlock(), createElementBlock("view", _hoisted_2$3, [
+            props.title ? (openBlock(), createElementBlock("view", _hoisted_2$4, [
               createElementVNode("text", {
                 class: "header-title-text",
                 style: normalizeStyle(titleStyle.value)
@@ -275,27 +275,120 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const index$3 = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-9a6c839c"]]);
-const _hoisted_1$2 = { class: "hlw-loading" };
-const _hoisted_2$2 = {
+const index$4 = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-9a6c839c"]]);
+const _hoisted_1$3 = { class: "hlw-loading" };
+const _hoisted_2$3 = {
   key: 0,
   class: "hlw-loading__text"
 };
-const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+const _sfc_main$3 = /* @__PURE__ */ defineComponent({
   __name: "index",
   props: {
     text: {}
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("view", _hoisted_1$2, [
+      return openBlock(), createElementBlock("view", _hoisted_1$3, [
         _cache[0] || (_cache[0] = createElementVNode("view", { class: "hlw-loading__spinner" }, null, -1)),
-        __props.text ? (openBlock(), createElementBlock("text", _hoisted_2$2, toDisplayString(__props.text), 1)) : createCommentVNode("", true)
+        __props.text ? (openBlock(), createElementBlock("text", _hoisted_2$3, toDisplayString(__props.text), 1)) : createCommentVNode("", true)
+      ]);
+    };
+  }
+});
+const index$3 = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-14242381"]]);
+const _hoisted_1$2 = { class: "hlw-menu" };
+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 _sfc_main$2 = /* @__PURE__ */ defineComponent({
+  __name: "index",
+  props: {
+    items: {}
+  },
+  emits: ["click"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const visibleItems = computed(() => props.items.filter((item) => item.visible !== false));
+    const handleClick = (item) => {
+      emit("click", item);
+    };
+    return (_ctx, _cache) => {
+      const _component_navigator = resolveComponent("navigator");
+      return openBlock(), createElementBlock("view", _hoisted_1$2, [
+        (openBlock(true), createElementBlock(Fragment, null, renderList(visibleItems.value, (item, index2) => {
+          return openBlock(), createElementBlock(Fragment, { key: index2 }, [
+            item.url ? (openBlock(), createBlock(_component_navigator, {
+              key: 0,
+              url: item.url,
+              class: "hlw-menu-item",
+              "hover-class": "hlw-menu-item--active"
+            }, {
+              default: withCtx(() => [
+                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", {
+              key: 1,
+              class: "hlw-menu-item",
+              "hover-class": "hlw-menu-item--active",
+              onClick: ($event) => handleClick(item)
+            }, [
+              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-14242381"]]);
+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" };
@@ -394,12 +487,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 });
 const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-155bc02a"]]);
 export {
-  _sfc_main$7 as HlwAd,
-  index$6 as HlwAvatar,
-  index$5 as HlwCard,
-  index$4 as HlwEmpty,
-  index$3 as HlwHeader,
-  index$2 as HlwLoading,
+  _sfc_main$8 as HlwAd,
+  index$7 as HlwAvatar,
+  index$6 as HlwCard,
+  index$5 as HlwEmpty,
+  index$4 as HlwHeader,
+  index$3 as HlwLoading,
+  index$2 as HlwMenu,
   index$1 as HlwMenuList,
   index as HlwPage
 };

package/dist/style.css CHANGED Viewed

@@ -144,7 +144,143 @@ to { transform: rotate(360deg);
     font-size: 26rpx;
     color: #999;
 }
+.hlw-menu[data-v-ff3b3322] {
+  background: #fff;
+  border-radius: var(--radius-lg, 24rpx);
+  border: 1rpx solid var(--border-color, #e2e8f0);
+  overflow: hidden;
+  width: 100%;
+  padding: 8rpx 0;
+}
+.hlw-menu-item[data-v-ff3b3322] {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 16rpx 32rpx;
+}
+.hlw-menu-item--active[data-v-ff3b3322] {
+  background: #f8fafc;
+}
+.hlw-menu-divider[data-v-ff3b3322] {
+  margin: 8rpx 0;
+  height: 0;
+  border-bottom: 1rpx dashed var(--border-color, #e2e8f0);
+}
+.hlw-menu-left[data-v-ff3b3322] {
+  display: flex;
+  align-items: center;
+  gap: 24rpx;
+}
+.hlw-menu-right[data-v-ff3b3322] {
+  display: flex;
+  align-items: center;
+  gap: 16rpx;
+}
+.hlw-menu-icon[data-v-ff3b3322] {
+  width: 64rpx;
+  height: 64rpx;
+  border-radius: var(--radius-md, 16rpx);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+}
+.hlw-menu-icon text[data-v-ff3b3322] {
+  font-size: 20rpx;
+}
+.hlw-menu-icon--orange[data-v-ff3b3322] {
+  background: #fff7ed;
+  color: #f97316;
+}
+.hlw-menu-icon--purple[data-v-ff3b3322] {
+  background: #faf5ff;
+  color: #a855f7;
+}
+.hlw-menu-icon--wechat[data-v-ff3b3322] {
+  background: #f0fdf4;
+  color: #07C160;
+}
+.hlw-menu-icon--cyan[data-v-ff3b3322] {
+  background: #ecfeff;
+  color: #06b6d4;
+}
+.hlw-menu-icon--emerald[data-v-ff3b3322] {
+  background: #ecfdf5;
+  color: #10b981;
+}
+.hlw-menu-icon--slate[data-v-ff3b3322] {
+  background: #f1f5f9;
+  color: #64748b;
+}
+.hlw-menu-icon--rose[data-v-ff3b3322] {
+  background: #fff1f2;
+  color: #f43f5e;
+}
+.hlw-menu-icon--blue[data-v-ff3b3322] {
+  background: #eff6ff;
+  color: #3b82f6;
+}
+.hlw-menu-icon--red[data-v-ff3b3322] {
+  background: #fef2f2;
+  color: #ef4444;
+}
+.hlw-menu-label[data-v-ff3b3322] {
+  font-size: 28rpx;
+  font-weight: 500;
+  color: #334155;
+}
+.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[data-v-ff3b3322] {
+  background: #fb923c;
+}
+.hlw-menu-tag--red[data-v-ff3b3322] {
+  background: #ef4444;
+}
+.hlw-menu-tag--wechat[data-v-ff3b3322] {
+  background: #07C160;
+}
+.hlw-menu-tag--rose[data-v-ff3b3322] {
+  background: #f43f5e;
+}
+.hlw-menu-tag--blue[data-v-ff3b3322] {
+  background: #3b82f6;
+}
+.hlw-menu-tag-pulse[data-v-ff3b3322] {
+  animation: tag-pulse-ff3b3322 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
+}
+@keyframes tag-pulse-ff3b3322 {
+0%, 100% {
+    opacity: 1;
+}
+50% {
+    opacity: 0.5;
+}
+}
+.hlw-menu-arrow[data-v-ff3b3322] {
+  color: #d1d5db;
+  font-size: 20rpx;
+}
+.hlw-menu-spin[data-v-ff3b3322] {
+  animation: icon-spin-ff3b3322 1s linear infinite;
+}
+.hlw-menu-muted[data-v-ff3b3322] {
+  color: #94a3b8;
+  font-size: 20rpx;
+}
+@keyframes icon-spin-ff3b3322 {
+from {
+    transform: rotate(0deg);
+}
+to {
+    transform: rotate(360deg);
+}
+}
 .hlw-menu-list[data-v-e465b0b4] {
     background: #fff;
     border-radius: 16rpx;

package/package.json CHANGED Viewed

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

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

@@ -0,0 +1,165 @@
+<template>
+    <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">
+                <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)">
+                <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>
+</template>
+<script setup lang="ts">
+import { computed } from "vue";
+import type { HlwMenuItem } from "./types";
+export type { HlwMenuItem } from "./types";
+interface Props {
+    items: HlwMenuItem[];
+}
+const props = defineProps<Props>();
+const emit = defineEmits<{
+    click: [item: HlwMenuItem];
+}>();
+const visibleItems = computed(() => props.items.filter((item) => item.visible !== false));
+const handleClick = (item: HlwMenuItem) => {
+    emit("click", item);
+};
+</script>
+<style lang="scss" scoped>
+.hlw-menu {
+    background: #fff;
+    border-radius: var(--radius-lg, 24rpx);
+    border: 1rpx solid var(--border-color, #e2e8f0);
+    overflow: hidden;
+    width: 100%;
+    padding: 8rpx 0;
+}
+.hlw-menu-item {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding: 16rpx 32rpx;
+    &--active {
+        background: #f8fafc;
+    }
+}
+.hlw-menu-divider {
+    margin: 8rpx 0;
+    height: 0;
+    border-bottom: 1rpx dashed var(--border-color, #e2e8f0);
+}
+.hlw-menu-left {
+    display: flex;
+    align-items: center;
+    gap: 24rpx;
+}
+.hlw-menu-right {
+    display: flex;
+    align-items: center;
+    gap: 16rpx;
+}
+.hlw-menu-icon {
+    width: 64rpx;
+    height: 64rpx;
+    border-radius: var(--radius-md, 16rpx);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    flex-shrink: 0;
+    text { font-size: 20rpx; }
+    &--orange  { background: #fff7ed; color: #f97316; }
+    &--purple  { background: #faf5ff; color: #a855f7; }
+    &--wechat  { background: #f0fdf4; color: #07C160; }
+    &--cyan    { background: #ecfeff; color: #06b6d4; }
+    &--emerald { background: #ecfdf5; color: #10b981; }
+    &--slate   { background: #f1f5f9; color: #64748b; }
+    &--rose    { background: #fff1f2; color: #f43f5e; }
+    &--blue    { background: #eff6ff; color: #3b82f6; }
+    &--red     { background: #fef2f2; color: #ef4444; }
+}
+.hlw-menu-label {
+    font-size: 28rpx;
+    font-weight: 500;
+    color: #334155;
+}
+.hlw-menu-tag {
+    font-size: 20rpx;
+    color: #fff;
+    padding: 2rpx 12rpx;
+    border-radius: 9999rpx;
+    box-shadow: 0 2rpx 4rpx rgba(0, 0, 0, 0.1);
+    &--orange { background: #fb923c; }
+    &--red    { background: #ef4444; }
+    &--wechat { background: #07C160; }
+    &--rose   { background: #f43f5e; }
+    &--blue   { background: #3b82f6; }
+}
+.hlw-menu-tag-pulse {
+    animation: tag-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
+}
+@keyframes tag-pulse {
+    0%, 100% { opacity: 1; }
+    50%       { opacity: 0.5; }
+}
+.hlw-menu-arrow {
+    color: #d1d5db;
+    font-size: 20rpx;
+}
+.hlw-menu-spin {
+    animation: icon-spin 1s linear infinite;
+}
+.hlw-menu-muted {
+    color: #94a3b8;
+    font-size: 20rpx;
+}
+@keyframes icon-spin {
+    from { transform: rotate(0deg); }
+    to   { transform: rotate(360deg); }
+}
+</style>

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

@@ -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 CHANGED Viewed

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