@hlw-uni/mp-vue 1.0.17 → 1.0.18

package/dist/index.js

@@ -299,42 +299,42 @@
     }
   });
   const index$3 = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-14242381"]]);
-  const _hoisted_1$2 = { class: "hlw-menu" };
-  const _hoisted_2$2 = {
+  const _hoisted_1$2 = {
     key: 0,
     class: "hlw-menu-title"
   };
-  const _hoisted_3$2 = {
+  const _hoisted_2$2 = {
     key: 1,
     class: "hlw-menu-title-divider"
   };
-  const _hoisted_4$1 = { class: "hlw-menu-left" };
-  const _hoisted_5$1 = { class: "hlw-menu-label" };
-  const _hoisted_6$1 = { class: "hlw-menu-right" };
-  const _hoisted_7$1 = ["onClick"];
-  const _hoisted_8 = { class: "hlw-menu-left" };
-  const _hoisted_9 = { class: "hlw-menu-label" };
-  const _hoisted_10 = { class: "hlw-menu-right" };
-  const _hoisted_11 = {
+  const _hoisted_3$2 = { class: "hlw-menu-left" };
+  const _hoisted_4$1 = { class: "hlw-menu-label" };
+  const _hoisted_5$1 = { class: "hlw-menu-right" };
+  const _hoisted_6$1 = ["onClick"];
+  const _hoisted_7$1 = { class: "hlw-menu-left" };
+  const _hoisted_8 = { class: "hlw-menu-label" };
+  const _hoisted_9 = { class: "hlw-menu-right" };
+  const _hoisted_10 = {
     key: 0,
     class: "i-fa6-solid-circle-notch hlw-menu-spin hlw-menu-muted"
   };
-  const _hoisted_12 = {
+  const _hoisted_11 = {
     key: 2,
     class: "hlw-menu-divider"
   };
-  const _hoisted_13 = { class: "hlw-menu-grid-icon-wrap" };
-  const _hoisted_14 = { class: "hlw-menu-grid-label" };
-  const _hoisted_15 = ["onClick"];
-  const _hoisted_16 = { class: "hlw-menu-grid-icon-wrap" };
-  const _hoisted_17 = { class: "hlw-menu-grid-label" };
+  const _hoisted_12 = { class: "hlw-menu-grid-icon-wrap" };
+  const _hoisted_13 = { class: "hlw-menu-grid-label" };
+  const _hoisted_14 = ["onClick"];
+  const _hoisted_15 = { class: "hlw-menu-grid-icon-wrap" };
+  const _hoisted_16 = { class: "hlw-menu-grid-label" };
   const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
     __name: "index",
     props: {
       items: {},
       title: { default: "" },
       mode: { default: "list" },
-      columns: { default: 4 }
+      columns: { default: 4 },
+      border: { type: Boolean, default: true }
     },
     emits: ["click"],
     setup(__props, { emit: __emit }) {
@@ -346,11 +346,13 @@
       };
       return (_ctx, _cache) => {
         const _component_navigator = vue.resolveComponent("navigator");
-        return vue.openBlock(), vue.createElementBlock("view", _hoisted_1$2, [
-          props.title ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_2$2, [
+        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, [
             vue.createElementVNode("text", null, vue.toDisplayString(props.title), 1)
           ])) : vue.createCommentVNode("", true),
-          props.title ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_3$2)) : vue.createCommentVNode("", true),
+          props.title ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_2$2)) : vue.createCommentVNode("", true),
           props.mode === "list" ? (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 2 }, vue.renderList(visibleItems.value, (item, index2) => {
             return vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: index2 }, [
               item.url ? (vue.openBlock(), vue.createBlock(_component_navigator, {
@@ -360,7 +362,7 @@
                 "hover-class": "hlw-menu-item--active"
               }, {
                 default: vue.withCtx(() => [
-                  vue.createElementVNode("view", _hoisted_4$1, [
+                  vue.createElementVNode("view", _hoisted_3$2, [
                     vue.createElementVNode("view", {
                       class: vue.normalizeClass(["hlw-menu-icon", `hlw-menu-icon--${item.iconTheme || "slate"}`])
                     }, [
@@ -368,9 +370,9 @@
                         class: vue.normalizeClass(item.icon)
                       }, null, 2)
                     ], 2),
-                    vue.createElementVNode("text", _hoisted_5$1, vue.toDisplayString(item.label), 1)
+                    vue.createElementVNode("text", _hoisted_4$1, vue.toDisplayString(item.label), 1)
                   ]),
-                  vue.createElementVNode("view", _hoisted_6$1, [
+                  vue.createElementVNode("view", _hoisted_5$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" : ""]])
@@ -385,7 +387,7 @@
                 "hover-class": "hlw-menu-item--active",
                 onClick: ($event) => handleClick(item)
               }, [
-                vue.createElementVNode("view", _hoisted_8, [
+                vue.createElementVNode("view", _hoisted_7$1, [
                   vue.createElementVNode("view", {
                     class: vue.normalizeClass(["hlw-menu-icon", `hlw-menu-icon--${item.iconTheme || "slate"}`])
                   }, [
@@ -393,18 +395,18 @@
                       class: vue.normalizeClass(item.icon)
                     }, null, 2)
                   ], 2),
-                  vue.createElementVNode("text", _hoisted_9, vue.toDisplayString(item.label), 1)
+                  vue.createElementVNode("text", _hoisted_8, vue.toDisplayString(item.label), 1)
                 ]),
-                vue.createElementVNode("view", _hoisted_10, [
-                  item.loading ? (vue.openBlock(), vue.createElementBlock("text", _hoisted_11)) : vue.createCommentVNode("", true),
+                vue.createElementVNode("view", _hoisted_9, [
+                  item.loading ? (vue.openBlock(), vue.createElementBlock("text", _hoisted_10)) : 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_7$1)),
-              index2 < visibleItems.value.length - 1 ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_12)) : vue.createCommentVNode("", true)
+              ], 8, _hoisted_6$1)),
+              index2 < visibleItems.value.length - 1 ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_11)) : vue.createCommentVNode("", true)
             ], 64);
           }), 128)) : (vue.openBlock(), vue.createElementBlock("view", {
             key: 3,
@@ -420,7 +422,7 @@
                   "hover-class": "hlw-menu-grid-item--active"
                 }, {
                   default: vue.withCtx(() => [
-                    vue.createElementVNode("view", _hoisted_13, [
+                    vue.createElementVNode("view", _hoisted_12, [
                       vue.createElementVNode("view", {
                         class: vue.normalizeClass(["hlw-menu-icon hlw-menu-icon--grid", `hlw-menu-icon--${item.iconTheme || "slate"}`])
                       }, [
@@ -433,7 +435,7 @@
                         class: vue.normalizeClass(["hlw-menu-badge", [`hlw-menu-tag--${item.tagTheme || "rose"}`, item.tagPulse ? "hlw-menu-tag-pulse" : ""]])
                       }, vue.toDisplayString(item.tag), 3)) : vue.createCommentVNode("", true)
                     ]),
-                    vue.createElementVNode("text", _hoisted_14, vue.toDisplayString(item.label), 1)
+                    vue.createElementVNode("text", _hoisted_13, vue.toDisplayString(item.label), 1)
                   ]),
                   _: 2
                 }, 1032, ["url"])) : (vue.openBlock(), vue.createElementBlock("view", {
@@ -442,7 +444,7 @@
                   "hover-class": "hlw-menu-grid-item--active",
                   onClick: ($event) => handleClick(item)
                 }, [
-                  vue.createElementVNode("view", _hoisted_16, [
+                  vue.createElementVNode("view", _hoisted_15, [
                     vue.createElementVNode("view", {
                       class: vue.normalizeClass(["hlw-menu-icon hlw-menu-icon--grid", `hlw-menu-icon--${item.iconTheme || "slate"}`])
                     }, [
@@ -455,16 +457,16 @@
                       class: vue.normalizeClass(["hlw-menu-badge", [`hlw-menu-tag--${item.tagTheme || "rose"}`, item.tagPulse ? "hlw-menu-tag-pulse" : ""]])
                     }, vue.toDisplayString(item.tag), 3)) : vue.createCommentVNode("", true)
                   ]),
-                  vue.createElementVNode("text", _hoisted_17, vue.toDisplayString(item.label), 1)
-                ], 8, _hoisted_15))
+                  vue.createElementVNode("text", _hoisted_16, vue.toDisplayString(item.label), 1)
+                ], 8, _hoisted_14))
               ], 64);
             }), 128))
           ], 4))
-        ]);
+        ], 2);
       };
     }
   });
-  const index$2 = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-0275c21a"]]);
+  const index$2 = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-728f18f4"]]);
   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

@@ -296,42 +296,42 @@ 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 = {
+const _hoisted_1$2 = {
   key: 0,
   class: "hlw-menu-title"
 };
-const _hoisted_3$2 = {
+const _hoisted_2$2 = {
   key: 1,
   class: "hlw-menu-title-divider"
 };
-const _hoisted_4$1 = { class: "hlw-menu-left" };
-const _hoisted_5$1 = { class: "hlw-menu-label" };
-const _hoisted_6$1 = { class: "hlw-menu-right" };
-const _hoisted_7$1 = ["onClick"];
-const _hoisted_8 = { class: "hlw-menu-left" };
-const _hoisted_9 = { class: "hlw-menu-label" };
-const _hoisted_10 = { class: "hlw-menu-right" };
-const _hoisted_11 = {
+const _hoisted_3$2 = { class: "hlw-menu-left" };
+const _hoisted_4$1 = { class: "hlw-menu-label" };
+const _hoisted_5$1 = { class: "hlw-menu-right" };
+const _hoisted_6$1 = ["onClick"];
+const _hoisted_7$1 = { class: "hlw-menu-left" };
+const _hoisted_8 = { class: "hlw-menu-label" };
+const _hoisted_9 = { class: "hlw-menu-right" };
+const _hoisted_10 = {
   key: 0,
   class: "i-fa6-solid-circle-notch hlw-menu-spin hlw-menu-muted"
 };
-const _hoisted_12 = {
+const _hoisted_11 = {
   key: 2,
   class: "hlw-menu-divider"
 };
-const _hoisted_13 = { class: "hlw-menu-grid-icon-wrap" };
-const _hoisted_14 = { class: "hlw-menu-grid-label" };
-const _hoisted_15 = ["onClick"];
-const _hoisted_16 = { class: "hlw-menu-grid-icon-wrap" };
-const _hoisted_17 = { class: "hlw-menu-grid-label" };
+const _hoisted_12 = { class: "hlw-menu-grid-icon-wrap" };
+const _hoisted_13 = { class: "hlw-menu-grid-label" };
+const _hoisted_14 = ["onClick"];
+const _hoisted_15 = { class: "hlw-menu-grid-icon-wrap" };
+const _hoisted_16 = { class: "hlw-menu-grid-label" };
 const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   __name: "index",
   props: {
     items: {},
     title: { default: "" },
     mode: { default: "list" },
-    columns: { default: 4 }
+    columns: { default: 4 },
+    border: { type: Boolean, default: true }
   },
   emits: ["click"],
   setup(__props, { emit: __emit }) {
@@ -343,11 +343,13 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     };
     return (_ctx, _cache) => {
       const _component_navigator = resolveComponent("navigator");
-      return openBlock(), createElementBlock("view", _hoisted_1$2, [
-        props.title ? (openBlock(), createElementBlock("view", _hoisted_2$2, [
+      return openBlock(), createElementBlock("view", {
+        class: normalizeClass(["hlw-menu", { "hlw-menu--no-border": !props.border }])
+      }, [
+        props.title ? (openBlock(), createElementBlock("view", _hoisted_1$2, [
           createElementVNode("text", null, toDisplayString(props.title), 1)
         ])) : createCommentVNode("", true),
-        props.title ? (openBlock(), createElementBlock("view", _hoisted_3$2)) : createCommentVNode("", true),
+        props.title ? (openBlock(), createElementBlock("view", _hoisted_2$2)) : createCommentVNode("", true),
         props.mode === "list" ? (openBlock(true), createElementBlock(Fragment, { key: 2 }, renderList(visibleItems.value, (item, index2) => {
           return openBlock(), createElementBlock(Fragment, { key: index2 }, [
             item.url ? (openBlock(), createBlock(_component_navigator, {
@@ -357,7 +359,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
               "hover-class": "hlw-menu-item--active"
             }, {
               default: withCtx(() => [
-                createElementVNode("view", _hoisted_4$1, [
+                createElementVNode("view", _hoisted_3$2, [
                   createElementVNode("view", {
                     class: normalizeClass(["hlw-menu-icon", `hlw-menu-icon--${item.iconTheme || "slate"}`])
                   }, [
@@ -365,9 +367,9 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
                       class: normalizeClass(item.icon)
                     }, null, 2)
                   ], 2),
-                  createElementVNode("text", _hoisted_5$1, toDisplayString(item.label), 1)
+                  createElementVNode("text", _hoisted_4$1, toDisplayString(item.label), 1)
                 ]),
-                createElementVNode("view", _hoisted_6$1, [
+                createElementVNode("view", _hoisted_5$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" : ""]])
@@ -382,7 +384,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
               "hover-class": "hlw-menu-item--active",
               onClick: ($event) => handleClick(item)
             }, [
-              createElementVNode("view", _hoisted_8, [
+              createElementVNode("view", _hoisted_7$1, [
                 createElementVNode("view", {
                   class: normalizeClass(["hlw-menu-icon", `hlw-menu-icon--${item.iconTheme || "slate"}`])
                 }, [
@@ -390,18 +392,18 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
                     class: normalizeClass(item.icon)
                   }, null, 2)
                 ], 2),
-                createElementVNode("text", _hoisted_9, toDisplayString(item.label), 1)
+                createElementVNode("text", _hoisted_8, toDisplayString(item.label), 1)
               ]),
-              createElementVNode("view", _hoisted_10, [
-                item.loading ? (openBlock(), createElementBlock("text", _hoisted_11)) : createCommentVNode("", true),
+              createElementVNode("view", _hoisted_9, [
+                item.loading ? (openBlock(), createElementBlock("text", _hoisted_10)) : 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_7$1)),
-            index2 < visibleItems.value.length - 1 ? (openBlock(), createElementBlock("view", _hoisted_12)) : createCommentVNode("", true)
+            ], 8, _hoisted_6$1)),
+            index2 < visibleItems.value.length - 1 ? (openBlock(), createElementBlock("view", _hoisted_11)) : createCommentVNode("", true)
           ], 64);
         }), 128)) : (openBlock(), createElementBlock("view", {
           key: 3,
@@ -417,7 +419,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
                 "hover-class": "hlw-menu-grid-item--active"
               }, {
                 default: withCtx(() => [
-                  createElementVNode("view", _hoisted_13, [
+                  createElementVNode("view", _hoisted_12, [
                     createElementVNode("view", {
                       class: normalizeClass(["hlw-menu-icon hlw-menu-icon--grid", `hlw-menu-icon--${item.iconTheme || "slate"}`])
                     }, [
@@ -430,7 +432,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
                       class: normalizeClass(["hlw-menu-badge", [`hlw-menu-tag--${item.tagTheme || "rose"}`, item.tagPulse ? "hlw-menu-tag-pulse" : ""]])
                     }, toDisplayString(item.tag), 3)) : createCommentVNode("", true)
                   ]),
-                  createElementVNode("text", _hoisted_14, toDisplayString(item.label), 1)
+                  createElementVNode("text", _hoisted_13, toDisplayString(item.label), 1)
                 ]),
                 _: 2
               }, 1032, ["url"])) : (openBlock(), createElementBlock("view", {
@@ -439,7 +441,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
                 "hover-class": "hlw-menu-grid-item--active",
                 onClick: ($event) => handleClick(item)
               }, [
-                createElementVNode("view", _hoisted_16, [
+                createElementVNode("view", _hoisted_15, [
                   createElementVNode("view", {
                     class: normalizeClass(["hlw-menu-icon hlw-menu-icon--grid", `hlw-menu-icon--${item.iconTheme || "slate"}`])
                   }, [
@@ -452,16 +454,16 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
                     class: normalizeClass(["hlw-menu-badge", [`hlw-menu-tag--${item.tagTheme || "rose"}`, item.tagPulse ? "hlw-menu-tag-pulse" : ""]])
                   }, toDisplayString(item.tag), 3)) : createCommentVNode("", true)
                 ]),
-                createElementVNode("text", _hoisted_17, toDisplayString(item.label), 1)
-              ], 8, _hoisted_15))
+                createElementVNode("text", _hoisted_16, toDisplayString(item.label), 1)
+              ], 8, _hoisted_14))
             ], 64);
           }), 128))
         ], 4))
-      ]);
+      ], 2);
     };
   }
 });
-const index$2 = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-0275c21a"]]);
+const index$2 = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-728f18f4"]]);
 const _hoisted_1$1 = { class: "hlw-menu-list" };
 const _hoisted_2$1 = ["onTap"];
 const _hoisted_3$1 = { class: "hlw-menu-list__left" };

package/dist/style.css

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

package/package.json

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

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

@@ -1,5 +1,5 @@
 <template>
-    <view class="hlw-menu">
+    <view class="hlw-menu" :class="{ 'hlw-menu--no-border': !props.border }">
         <!-- 标题 -->
         <view v-if="props.title" class="hlw-menu-title">
             <text>{{ props.title }}</text>
@@ -80,12 +80,15 @@ interface Props {
     mode?: "list" | "grid";
     /** 宫格列数，默认 4 */
     columns?: number;
+    /** 是否显示外边框，默认 true */
+    border?: boolean;
 }
 
 const props = withDefaults(defineProps<Props>(), {
     title: "",
     mode: "list",
     columns: 4,
+    border: true,
 });
 
 const emit = defineEmits<{
@@ -106,6 +109,10 @@ const handleClick = (item: HlwMenuItem) => {
     border: 1rpx solid var(--border-color, #e2e8f0);
     overflow: hidden;
     width: 100%;
+
+    &--no-border {
+        border: none;
+    }
 }
 
 /* 标题 */