@hlw-uni/mp-vue 1.0.21 → 1.0.23

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

@@ -1,24 +1,53 @@
+/** 图标主题色，对应预设的背景色 + 前景色组合 */
 export type HlwMenuIconTheme = "orange" | "purple" | "cyan" | "emerald" | "slate" | "wechat" | "rose" | "blue" | "red";
+/** 标签 / 角标的主题色 */
 export type HlwMenuTagTheme = "orange" | "red" | "wechat" | "rose" | "blue";
 export interface HlwMenuItem {
-    /** 图标 class，如 'i-fa6-solid-gear' */
+    /**
+     * 图标的 CSS class，使用 UnoCSS / iconify 图标名。
+     * @example "i-fa6-solid-gear"
+     */
     icon: string;
-    /** 图标主题色 */
+    /**
+     * 图标背景色主题。不传默认使用 `slate`（灰色）。
+     * @default "slate"
+     */
     iconTheme?: HlwMenuIconTheme;
-    /** 菜单文字 */
+    /** 菜单项文字 */
     label: string;
-    /** 跳转路径，有值则用 navigator 包裹 */
+    /**
+     * 跳转路径。有值时使用 `<navigator>` 包裹，点击直接跳转，不触发 `click` 事件。
+     * @example "/pages/setting/index"
+     */
     url?: string;
-    /** 右侧纯文字说明（列表模式），如版本号、状态文字 */
+    /**
+     * 右侧纯文字说明，仅列表模式显示。适合展示版本号、状态等辅助信息。
+     * @example "v1.2.0"
+     */
     value?: string;
-    /** 右侧标签文字（列表模式）/ 角标文字（宫格模式） */
+    /**
+     * 右侧彩色标签文字（列表模式）或图标右上角角标文字（宫格模式）。
+     * @example "NEW"
+     */
     tag?: string;
-    /** 标签主题色 */
+    /**
+     * 标签 / 角标的主题色。不传默认 `rose`（红色）。
+     * @default "rose"
+     */
     tagTheme?: HlwMenuTagTheme;
-    /** 标签是否闪烁 */
+    /**
+     * 标签是否呼吸闪烁动画，用于吸引用户注意。
+     * @default false
+     */
     tagPulse?: boolean;
-    /** 加载中状态（列表模式） */
+    /**
+     * 显示加载中转圈图标，仅列表模式生效。适合异步操作进行中的状态。
+     * @default false
+     */
     loading?: boolean;
-    /** 是否显示，默认 true */
+    /**
+     * 是否渲染该菜单项。`false` 时从列表中隐藏，不占位。
+     * @default true
+     */
     visible?: boolean;
 }

package/dist/index.d.ts

@@ -9,6 +9,4 @@ 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

@@ -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$8 = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
     ...{ name: "HlwAd" },
     __name: "index",
     props: {
@@ -33,13 +33,13 @@
       };
     }
   });
-  const _hoisted_1$7 = ["src"];
-  const _hoisted_2$7 = {
+  const _hoisted_1$6 = ["src"];
+  const _hoisted_2$6 = {
     key: 1,
     class: "hlw-avatar__placeholder"
   };
-  const _hoisted_3$5 = { class: "hlw-avatar__initial" };
-  const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
+  const _hoisted_3$4 = { class: "hlw-avatar__initial" };
+  const _sfc_main$6 = /* @__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$7)) : (vue.openBlock(), vue.createElementBlock("view", _hoisted_2$7, [
-            vue.createElementVNode("text", _hoisted_3$5, vue.toDisplayString(initial.value), 1)
+          }, null, 40, _hoisted_1$6)) : (vue.openBlock(), vue.createElementBlock("view", _hoisted_2$6, [
+            vue.createElementVNode("text", _hoisted_3$4, vue.toDisplayString(initial.value), 1)
           ]))
         ], 2);
       };
@@ -78,22 +78,22 @@
     }
     return target;
   };
-  const index$7 = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__scopeId", "data-v-7e8f98a5"]]);
-  const _hoisted_1$6 = { class: "hlw-card" };
-  const _hoisted_2$6 = {
+  const index$6 = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-7e8f98a5"]]);
+  const _hoisted_1$5 = { class: "hlw-card" };
+  const _hoisted_2$5 = {
     key: 0,
     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$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 = {
+  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 = {
     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$1 = { class: "hlw-card-body" };
-  const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
     ...{
       options: {
         styleIsolation: "shared",
@@ -109,13 +109,13 @@
     },
     setup(__props) {
       return (_ctx, _cache) => {
-        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, [
+        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, [
             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$3, [
+              vue.createElementVNode("view", _hoisted_3$3, [
+                _ctx.$slots["header-left"] || __props.title || __props.icon ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_4$2, [
                   vue.renderSlot(_ctx.$slots, "header-left", {}, () => [
-                    vue.createElementVNode("view", _hoisted_5$2, [
+                    vue.createElementVNode("view", _hoisted_5$1, [
                       __props.icon ? (vue.openBlock(), vue.createElementBlock("text", {
                         key: 0,
                         class: vue.normalizeClass([__props.icon, __props.iconColor])
@@ -124,9 +124,9 @@
                     ])
                   ], true)
                 ])) : vue.createCommentVNode("", true),
-                _ctx.$slots["header-right"] || __props.extra ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_6$2, [
+                _ctx.$slots["header-right"] || __props.extra ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_6$1, [
                   vue.renderSlot(_ctx.$slots, "header-right", {}, () => [
-                    __props.extra ? (vue.openBlock(), vue.createElementBlock("text", _hoisted_7$2, vue.toDisplayString(__props.extra), 1)) : vue.createCommentVNode("", true)
+                    __props.extra ? (vue.openBlock(), vue.createElementBlock("text", _hoisted_7$1, vue.toDisplayString(__props.extra), 1)) : vue.createCommentVNode("", true)
                   ], true)
                 ])) : vue.createCommentVNode("", true)
               ])
@@ -139,15 +139,15 @@
       };
     }
   });
-  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 = {
+  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 = {
     key: 1,
     class: "hlw-empty__icon"
   };
-  const _hoisted_4$2 = { class: "hlw-empty__text" };
-  const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
+  const _hoisted_4$1 = { class: "hlw-empty__text" };
+  const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
     __name: "index",
     props: {
       text: {},
@@ -155,29 +155,29 @@
     },
     setup(__props) {
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createElementBlock("view", _hoisted_1$5, [
+        return vue.openBlock(), vue.createElementBlock("view", _hoisted_1$4, [
           __props.image ? (vue.openBlock(), vue.createElementBlock("image", {
             key: 0,
             class: "hlw-empty__image",
             src: __props.image,
             mode: "aspectFit"
-          }, null, 8, _hoisted_2$5)) : (vue.openBlock(), vue.createElementBlock("text", _hoisted_3$3, "📦")),
-          vue.createElementVNode("text", _hoisted_4$2, vue.toDisplayString(__props.text || "暂无数据"), 1),
+          }, null, 8, _hoisted_2$4)) : (vue.openBlock(), vue.createElementBlock("text", _hoisted_3$2, "📦")),
+          vue.createElementVNode("text", _hoisted_4$1, vue.toDisplayString(__props.text || "暂无数据"), 1),
           vue.renderSlot(_ctx.$slots, "default", {}, void 0, true)
         ]);
       };
     }
   });
-  const index$5 = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-72364322"]]);
-  const _hoisted_1$4 = {
+  const index$4 = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-72364322"]]);
+  const _hoisted_1$3 = {
     key: 0,
     class: "header-placeholder"
   };
-  const _hoisted_2$4 = {
+  const _hoisted_2$3 = {
     key: 0,
     class: "header-title header-title--center"
   };
-  const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$3 = /* @__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$4)) : vue.createCommentVNode("", true)
+              props.titleAlign === "center" ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_1$3)) : vue.createCommentVNode("", true)
             ], 64)) : vue.renderSlot(_ctx.$slots, "default", { key: 1 }, () => [
-              props.title ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_2$4, [
+              props.title ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_2$3, [
                 vue.createElementVNode("text", {
                   class: "header-title-text",
                   style: vue.normalizeStyle(titleStyle.value)
@@ -278,43 +278,43 @@
       };
     }
   });
-  const index$4 = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-9a6c839c"]]);
-  const _hoisted_1$3 = { class: "hlw-loading" };
-  const _hoisted_2$3 = {
+  const index$3 = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-9a6c839c"]]);
+  const _hoisted_1$2 = { class: "hlw-loading" };
+  const _hoisted_2$2 = {
     key: 0,
     class: "hlw-loading__text"
   };
-  const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
     __name: "index",
     props: {
       text: {}
     },
     setup(__props) {
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createElementBlock("view", _hoisted_1$3, [
+        return vue.openBlock(), vue.createElementBlock("view", _hoisted_1$2, [
           _cache[0] || (_cache[0] = vue.createElementVNode("view", { class: "hlw-loading__spinner" }, null, -1)),
-          __props.text ? (vue.openBlock(), vue.createElementBlock("text", _hoisted_2$3, vue.toDisplayString(__props.text), 1)) : vue.createCommentVNode("", true)
+          __props.text ? (vue.openBlock(), vue.createElementBlock("text", _hoisted_2$2, 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 = {
+  const index$2 = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-14242381"]]);
+  const _hoisted_1$1 = {
     key: 0,
     class: "hlw-menu-title"
   };
-  const _hoisted_2$2 = {
+  const _hoisted_2$1 = {
     key: 1,
     class: "hlw-menu-title-divider"
   };
-  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 = {
+  const _hoisted_3$1 = { class: "hlw-menu-left" };
+  const _hoisted_4 = { class: "hlw-menu-label" };
+  const _hoisted_5 = { class: "hlw-menu-right" };
+  const _hoisted_6 = {
     key: 0,
     class: "hlw-menu-value"
   };
-  const _hoisted_7$1 = ["onClick"];
+  const _hoisted_7 = ["onClick"];
   const _hoisted_8 = { class: "hlw-menu-left" };
   const _hoisted_9 = { class: "hlw-menu-label" };
   const _hoisted_10 = { class: "hlw-menu-right" };
@@ -335,7 +335,7 @@
   const _hoisted_16 = ["onClick"];
   const _hoisted_17 = { class: "hlw-menu-grid-icon-wrap" };
   const _hoisted_18 = { class: "hlw-menu-grid-label" };
-  const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
     __name: "index",
     props: {
       items: {},
@@ -357,10 +357,10 @@
         return vue.openBlock(), vue.createElementBlock("view", {
           class: vue.normalizeClass(["hlw-menu", { "hlw-menu--no-border": !props.border }])
         }, [
-          props.title ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_1$2, [
+          props.title ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_1$1, [
             vue.createElementVNode("text", null, vue.toDisplayString(props.title), 1)
           ])) : vue.createCommentVNode("", true),
-          props.title ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_2$2)) : vue.createCommentVNode("", true),
+          props.title ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_2$1)) : 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, {
@@ -370,7 +370,7 @@
                 "hover-class": "hlw-menu-item--active"
               }, {
                 default: vue.withCtx(() => [
-                  vue.createElementVNode("view", _hoisted_3$2, [
+                  vue.createElementVNode("view", _hoisted_3$1, [
                     vue.createElementVNode("view", {
                       class: vue.normalizeClass(["hlw-menu-icon", `hlw-menu-icon--${item.iconTheme || "slate"}`])
                     }, [
@@ -378,10 +378,10 @@
                         class: vue.normalizeClass(item.icon)
                       }, null, 2)
                     ], 2),
-                    vue.createElementVNode("text", _hoisted_4$1, vue.toDisplayString(item.label), 1)
+                    vue.createElementVNode("text", _hoisted_4, vue.toDisplayString(item.label), 1)
                   ]),
-                  vue.createElementVNode("view", _hoisted_5$1, [
-                    item.value ? (vue.openBlock(), vue.createElementBlock("text", _hoisted_6$1, vue.toDisplayString(item.value), 1)) : vue.createCommentVNode("", true),
+                  vue.createElementVNode("view", _hoisted_5, [
+                    item.value ? (vue.openBlock(), vue.createElementBlock("text", _hoisted_6, vue.toDisplayString(item.value), 1)) : 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" : ""]])
@@ -415,7 +415,7 @@
                   }, 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_7$1)),
+              ], 8, _hoisted_7)),
               index2 < visibleItems.value.length - 1 ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_13)) : vue.createCommentVNode("", true)
             ], 64);
           }), 128)) : (vue.openBlock(), vue.createElementBlock("view", {
@@ -476,59 +476,7 @@
       };
     }
   });
-  const index$2 = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-1e8beec7"]]);
-  const _hoisted_1$1 = { class: "hlw-menu-list" };
-  const _hoisted_2$1 = ["onTap"];
-  const _hoisted_3$1 = { class: "hlw-menu-list__left" };
-  const _hoisted_4 = {
-    key: 0,
-    class: "hlw-menu-list__icon"
-  };
-  const _hoisted_5 = { class: "hlw-menu-list__label" };
-  const _hoisted_6 = { class: "hlw-menu-list__right" };
-  const _hoisted_7 = {
-    key: 0,
-    class: "hlw-menu-list__value"
-  };
-  const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
-    __name: "index",
-    props: {
-      items: {}
-    },
-    emits: ["click"],
-    setup(__props, { emit: __emit }) {
-      const emit = __emit;
-      function onTap(item) {
-        if (item.url) {
-          uni.navigateTo({ url: item.url });
-        } else if (item.action) {
-          item.action();
-        }
-        emit("click", item);
-      }
-      return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createElementBlock("view", _hoisted_1$1, [
-          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.items, (item) => {
-            return vue.openBlock(), vue.createElementBlock("view", {
-              key: item.key,
-              class: "hlw-menu-list__item",
-              onTap: ($event) => onTap(item)
-            }, [
-              vue.createElementVNode("view", _hoisted_3$1, [
-                item.icon ? (vue.openBlock(), vue.createElementBlock("text", _hoisted_4, vue.toDisplayString(item.icon), 1)) : vue.createCommentVNode("", true),
-                vue.createElementVNode("text", _hoisted_5, vue.toDisplayString(item.label), 1)
-              ]),
-              vue.createElementVNode("view", _hoisted_6, [
-                item.value ? (vue.openBlock(), vue.createElementBlock("text", _hoisted_7, vue.toDisplayString(item.value), 1)) : vue.createCommentVNode("", true),
-                _cache[0] || (_cache[0] = vue.createElementVNode("text", { class: "hlw-menu-list__arrow" }, "›", -1))
-              ])
-            ], 40, _hoisted_2$1);
-          }), 128))
-        ]);
-      };
-    }
-  });
-  const index$1 = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-e465b0b4"]]);
+  const index$1 = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-b3bfda9a"]]);
   const _hoisted_1 = { class: "hlw-page" };
   const _hoisted_2 = { class: "hlw-page-header" };
   const _hoisted_3 = { class: "hlw-page-footer" };
@@ -574,14 +522,13 @@
     }
   });
   const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-155bc02a"]]);
-  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.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.HlwMenu = index$1;
   exports2.HlwPage = index;
   Object.defineProperty(exports2, Symbol.toStringTag, { value: "Module" });
 });