@hlw-uni/mp-vue 1.0.35 → 1.1.0

package/dist/index.js

@@ -2,7 +2,7 @@
   typeof exports === "object" && typeof module !== "undefined" ? factory(exports, require("vue"), require("@hlw-uni/mp-core"), require("pinia")) : typeof define === "function" && define.amd ? define(["exports", "vue", "@hlw-uni/mp-core", "pinia"], factory) : (global = typeof globalThis !== "undefined" ? globalThis : global || self, factory(global.HlwUniVue = {}, global.vue, global.mpCore, global.pinia));
 })(this, function(exports2, vue, mpCore, pinia) {
   "use strict";
-  const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
     ...{ name: "HlwAd" },
     __name: "index",
     props: {
@@ -33,13 +33,13 @@
       };
     }
   });
-  const _hoisted_1$6 = ["src"];
-  const _hoisted_2$6 = {
+  const _hoisted_1$f = ["src"];
+  const _hoisted_2$d = {
     key: 1,
     class: "hlw-avatar__placeholder"
   };
-  const _hoisted_3$4 = { class: "hlw-avatar__initial" };
-  const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
+  const _hoisted_3$8 = { class: "hlw-avatar__initial" };
+  const _sfc_main$g = /* @__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$f)) : (vue.openBlock(), vue.createElementBlock("view", _hoisted_2$d, [
+            vue.createElementVNode("text", _hoisted_3$8, vue.toDisplayString(initial.value), 1)
           ]))
         ], 2);
       };
@@ -78,40 +78,80 @@
     }
     return target;
   };
-  const index$6 = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-89dcbc96"]]);
-  const _hoisted_1$5 = {
+  const index$g = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__scopeId", "data-v-89dcbc96"]]);
+  const _hoisted_1$e = ["disabled", "open-type"];
+  const _hoisted_2$c = {
+    key: 0,
+    class: "hlw-btn-spinner"
+  };
+  const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
+    __name: "index",
+    props: {
+      type: { default: "primary" },
+      size: { default: "medium" },
+      loading: { type: Boolean, default: false },
+      disabled: { type: Boolean, default: false },
+      block: { type: Boolean, default: false },
+      round: { type: Boolean, default: false },
+      icon: { default: "" },
+      openType: { default: "" }
+    },
+    emits: ["click"],
+    setup(__props) {
+      return (_ctx, _cache) => {
+        return vue.openBlock(), vue.createElementBlock("button", {
+          class: vue.normalizeClass(["hlw-btn", [
+            `hlw-btn--${__props.type}`,
+            `hlw-btn--${__props.size}`,
+            { "hlw-btn--block": __props.block, "hlw-btn--round": __props.round, "hlw-btn--disabled": __props.disabled, "hlw-btn--loading": __props.loading }
+          ]]),
+          disabled: __props.disabled || __props.loading,
+          "open-type": __props.openType,
+          onTap: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("click"))
+        }, [
+          __props.loading ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_2$c)) : __props.icon ? (vue.openBlock(), vue.createElementBlock("view", {
+            key: 1,
+            class: vue.normalizeClass([__props.icon, "hlw-btn-icon"])
+          }, null, 2)) : vue.createCommentVNode("", true),
+          vue.renderSlot(_ctx.$slots, "default", {}, void 0, true)
+        ], 42, _hoisted_1$e);
+      };
+    }
+  });
+  const index$f = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-199073be"]]);
+  const _hoisted_1$d = {
     key: 0,
     class: "hlw-card-header"
   };
-  const _hoisted_2$5 = { class: "hlw-card-header-inner" };
-  const _hoisted_3$3 = { class: "hlw-card-header-left" };
-  const _hoisted_4$2 = {
+  const _hoisted_2$b = { class: "hlw-card-header-inner" };
+  const _hoisted_3$7 = { class: "hlw-card-header-left" };
+  const _hoisted_4$4 = {
     key: 0,
     class: "hlw-card-title"
   };
-  const _hoisted_5$1 = {
+  const _hoisted_5$2 = {
     key: 0,
     class: "hlw-card-header-right"
   };
-  const _hoisted_6$1 = {
+  const _hoisted_6$2 = {
     key: 0,
     class: "hlw-card-extra"
   };
-  const _hoisted_7$1 = {
+  const _hoisted_7$2 = {
     key: 1,
     class: "hlw-card-divider"
   };
-  const _hoisted_8$1 = {
+  const _hoisted_8$2 = {
     key: 2,
     class: "hlw-card-footer"
   };
-  const _hoisted_9$1 = { class: "hlw-card-footer-inner" };
-  const _hoisted_10$1 = { class: "hlw-card-footer-left" };
-  const _hoisted_11$1 = {
+  const _hoisted_9$2 = { class: "hlw-card-footer-inner" };
+  const _hoisted_10$2 = { class: "hlw-card-footer-left" };
+  const _hoisted_11$2 = {
     key: 0,
     class: "hlw-card-footer-right"
   };
-  const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
     __name: "index",
     props: {
       title: { default: "" },
@@ -142,35 +182,35 @@
             __props.border ? "hlw-card--bordered" : ""
           ]])
         }, [
-          hasHeader.value ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_1$5, [
+          hasHeader.value ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_1$d, [
             vue.renderSlot(_ctx.$slots, "header", {}, () => [
-              vue.createElementVNode("view", _hoisted_2$5, [
-                vue.createElementVNode("view", _hoisted_3$3, [
+              vue.createElementVNode("view", _hoisted_2$b, [
+                vue.createElementVNode("view", _hoisted_3$7, [
                   vue.renderSlot(_ctx.$slots, "header-left", {}, () => [
-                    __props.title ? (vue.openBlock(), vue.createElementBlock("text", _hoisted_4$2, vue.toDisplayString(__props.title), 1)) : vue.createCommentVNode("", true)
+                    __props.title ? (vue.openBlock(), vue.createElementBlock("text", _hoisted_4$4, vue.toDisplayString(__props.title), 1)) : vue.createCommentVNode("", true)
                   ], true)
                 ]),
-                _ctx.$slots["header-right"] || __props.extra ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_5$1, [
+                _ctx.$slots["header-right"] || __props.extra ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_5$2, [
                   vue.renderSlot(_ctx.$slots, "header-right", {}, () => [
-                    __props.extra ? (vue.openBlock(), vue.createElementBlock("text", _hoisted_6$1, vue.toDisplayString(__props.extra), 1)) : vue.createCommentVNode("", true)
+                    __props.extra ? (vue.openBlock(), vue.createElementBlock("text", _hoisted_6$2, vue.toDisplayString(__props.extra), 1)) : vue.createCommentVNode("", true)
                   ], true)
                 ])) : vue.createCommentVNode("", true)
               ])
             ], true)
           ])) : vue.createCommentVNode("", true),
-          showDivider.value ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_7$1)) : vue.createCommentVNode("", true),
+          showDivider.value ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_7$2)) : vue.createCommentVNode("", true),
           vue.createElementVNode("view", {
             class: vue.normalizeClass(["hlw-card-body", { "hlw-card-body--padded": __props.padding }])
           }, [
             vue.renderSlot(_ctx.$slots, "default", {}, void 0, true)
           ], 2),
-          hasFooter.value ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_8$1, [
+          hasFooter.value ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_8$2, [
             vue.renderSlot(_ctx.$slots, "footer", {}, () => [
-              vue.createElementVNode("view", _hoisted_9$1, [
-                vue.createElementVNode("view", _hoisted_10$1, [
+              vue.createElementVNode("view", _hoisted_9$2, [
+                vue.createElementVNode("view", _hoisted_10$2, [
                   vue.renderSlot(_ctx.$slots, "footer-left", {}, void 0, true)
                 ]),
-                _ctx.$slots["footer-right"] ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_11$1, [
+                _ctx.$slots["footer-right"] ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_11$2, [
                   vue.renderSlot(_ctx.$slots, "footer-right", {}, void 0, true)
                 ])) : vue.createCommentVNode("", true)
               ])
@@ -180,15 +220,148 @@
       };
     }
   });
-  const index$5 = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-cf55252e"]]);
-  const _hoisted_1$4 = { class: "hlw-empty" };
-  const _hoisted_2$4 = ["src"];
-  const _hoisted_3$2 = {
+  const index$e = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__scopeId", "data-v-cf55252e"]]);
+  const _hoisted_1$c = {
+    key: 0,
+    class: "hlw-cell-icon"
+  };
+  const _hoisted_2$a = { class: "hlw-cell-body" };
+  const _hoisted_3$6 = { class: "hlw-cell-title" };
+  const _hoisted_4$3 = {
+    key: 0,
+    class: "hlw-cell-label"
+  };
+  const _hoisted_5$1 = { class: "hlw-cell-value" };
+  const _hoisted_6$1 = ["hover-class"];
+  const _hoisted_7$1 = {
+    key: 0,
+    class: "hlw-cell-icon"
+  };
+  const _hoisted_8$1 = { class: "hlw-cell-body" };
+  const _hoisted_9$1 = { class: "hlw-cell-title" };
+  const _hoisted_10$1 = {
+    key: 0,
+    class: "hlw-cell-label"
+  };
+  const _hoisted_11$1 = { class: "hlw-cell-value" };
+  const _hoisted_12$1 = {
+    key: 1,
+    class: "hlw-cell-arrow"
+  };
+  const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
+    __name: "index",
+    props: {
+      title: { default: "" },
+      label: { default: "" },
+      value: { default: "" },
+      icon: { default: "" },
+      isLink: { type: Boolean, default: false },
+      url: { default: "" },
+      border: { type: Boolean, default: true }
+    },
+    emits: ["click"],
+    setup(__props) {
+      return (_ctx, _cache) => {
+        const _component_navigator = vue.resolveComponent("navigator");
+        return __props.url ? (vue.openBlock(), vue.createBlock(_component_navigator, {
+          key: 0,
+          url: __props.url,
+          class: vue.normalizeClass(["hlw-cell", { "hlw-cell--border": __props.border }]),
+          "hover-class": "hlw-cell--hover"
+        }, {
+          default: vue.withCtx(() => [
+            __props.icon || _ctx.$slots.icon ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_1$c, [
+              vue.renderSlot(_ctx.$slots, "icon", {}, () => [
+                vue.createElementVNode("view", {
+                  class: vue.normalizeClass(__props.icon)
+                }, null, 2)
+              ], true)
+            ])) : vue.createCommentVNode("", true),
+            vue.createElementVNode("view", _hoisted_2$a, [
+              vue.createElementVNode("view", _hoisted_3$6, [
+                vue.renderSlot(_ctx.$slots, "title", {}, () => [
+                  vue.createTextVNode(vue.toDisplayString(__props.title), 1)
+                ], true),
+                __props.label ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_4$3, vue.toDisplayString(__props.label), 1)) : vue.createCommentVNode("", true)
+              ]),
+              vue.createElementVNode("view", _hoisted_5$1, [
+                vue.renderSlot(_ctx.$slots, "value", {}, () => [
+                  vue.createTextVNode(vue.toDisplayString(__props.value), 1)
+                ], true)
+              ])
+            ]),
+            _cache[1] || (_cache[1] = vue.createElementVNode("view", { class: "hlw-cell-arrow" }, null, -1))
+          ]),
+          _: 3
+        }, 8, ["url", "class"])) : (vue.openBlock(), vue.createElementBlock("view", {
+          key: 1,
+          class: vue.normalizeClass(["hlw-cell", { "hlw-cell--border": __props.border, "hlw-cell--link": __props.isLink }]),
+          "hover-class": __props.isLink ? "hlw-cell--hover" : "",
+          onTap: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("click"))
+        }, [
+          __props.icon || _ctx.$slots.icon ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_7$1, [
+            vue.renderSlot(_ctx.$slots, "icon", {}, () => [
+              vue.createElementVNode("view", {
+                class: vue.normalizeClass(__props.icon)
+              }, null, 2)
+            ], true)
+          ])) : vue.createCommentVNode("", true),
+          vue.createElementVNode("view", _hoisted_8$1, [
+            vue.createElementVNode("view", _hoisted_9$1, [
+              vue.renderSlot(_ctx.$slots, "title", {}, () => [
+                vue.createTextVNode(vue.toDisplayString(__props.title), 1)
+              ], true),
+              __props.label ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_10$1, vue.toDisplayString(__props.label), 1)) : vue.createCommentVNode("", true)
+            ]),
+            vue.createElementVNode("view", _hoisted_11$1, [
+              vue.renderSlot(_ctx.$slots, "value", {}, () => [
+                vue.createTextVNode(vue.toDisplayString(__props.value), 1)
+              ], true)
+            ])
+          ]),
+          __props.isLink ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_12$1)) : vue.createCommentVNode("", true),
+          vue.renderSlot(_ctx.$slots, "right", {}, void 0, true)
+        ], 42, _hoisted_6$1));
+      };
+    }
+  });
+  const index$d = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["__scopeId", "data-v-2bd8c24d"]]);
+  const _hoisted_1$b = {
+    key: 0,
+    class: "hlw-divider-text"
+  };
+  const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
+    __name: "index",
+    props: {
+      text: { default: "" },
+      position: { default: "center" },
+      dashed: { type: Boolean, default: false }
+    },
+    setup(__props) {
+      return (_ctx, _cache) => {
+        return vue.openBlock(), vue.createElementBlock("view", {
+          class: vue.normalizeClass(["hlw-divider", [`hlw-divider--${__props.position}`, { "hlw-divider--dashed": __props.dashed }]])
+        }, [
+          _cache[0] || (_cache[0] = vue.createElementVNode("view", { class: "hlw-divider-line" }, null, -1)),
+          __props.text || _ctx.$slots.default ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_1$b, [
+            vue.renderSlot(_ctx.$slots, "default", {}, () => [
+              vue.createTextVNode(vue.toDisplayString(__props.text), 1)
+            ], true)
+          ])) : vue.createCommentVNode("", true),
+          _cache[1] || (_cache[1] = vue.createElementVNode("view", { class: "hlw-divider-line" }, null, -1))
+        ], 2);
+      };
+    }
+  });
+  const index$c = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__scopeId", "data-v-e34c6f87"]]);
+  const _hoisted_1$a = { class: "hlw-empty" };
+  const _hoisted_2$9 = ["src"];
+  const _hoisted_3$5 = {
     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$b = /* @__PURE__ */ vue.defineComponent({
     __name: "index",
     props: {
       text: {},
@@ -196,29 +369,29 @@
     },
     setup(__props) {
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createElementBlock("view", _hoisted_1$4, [
+        return vue.openBlock(), vue.createElementBlock("view", _hoisted_1$a, [
           __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$9)) : (vue.openBlock(), vue.createElementBlock("text", _hoisted_3$5, "📦")),
+          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-08b8d8fe"]]);
-  const _hoisted_1$3 = {
+  const index$b = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-08b8d8fe"]]);
+  const _hoisted_1$9 = {
     key: 0,
     class: "header-placeholder"
   };
-  const _hoisted_2$3 = {
+  const _hoisted_2$8 = {
     key: 0,
     class: "header-title header-title--center"
   };
-  const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
     __name: "index",
     props: {
       extraHeight: { default: 0 },
@@ -305,9 +478,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$9)) : 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$8, [
                 vue.createElementVNode("text", {
                   class: "header-title-text",
                   style: vue.normalizeStyle(titleStyle.value)
@@ -319,37 +492,37 @@
       };
     }
   });
-  const index$3 = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-fa8f2a18"]]);
-  const _hoisted_1$2 = { class: "hlw-loading" };
-  const _hoisted_2$2 = {
+  const index$a = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__scopeId", "data-v-fa8f2a18"]]);
+  const _hoisted_1$8 = { class: "hlw-loading" };
+  const _hoisted_2$7 = {
     key: 0,
     class: "hlw-loading__text"
   };
-  const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$9 = /* @__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$8, [
           _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$7, vue.toDisplayString(__props.text), 1)) : vue.createCommentVNode("", true)
         ]);
       };
     }
   });
-  const index$2 = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-14242381"]]);
-  const _hoisted_1$1 = {
+  const index$9 = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__scopeId", "data-v-14242381"]]);
+  const _hoisted_1$7 = {
     key: 0,
     class: "hlw-menu-title"
   };
-  const _hoisted_2$1 = {
+  const _hoisted_2$6 = {
     key: 1,
     class: "hlw-menu-title-divider"
   };
-  const _hoisted_3$1 = { class: "hlw-menu-left" };
-  const _hoisted_4 = { class: "hlw-menu-label" };
+  const _hoisted_3$4 = { class: "hlw-menu-left" };
+  const _hoisted_4$1 = { class: "hlw-menu-label" };
   const _hoisted_5 = { class: "hlw-menu-right" };
   const _hoisted_6 = {
     key: 0,
@@ -376,7 +549,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$1 = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$8 = /* @__PURE__ */ vue.defineComponent({
     __name: "index",
     props: {
       items: {},
@@ -398,10 +571,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$1, [
+          props.title ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_1$7, [
             vue.createElementVNode("text", null, vue.toDisplayString(props.title), 1)
           ])) : vue.createCommentVNode("", true),
-          props.title ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_2$1)) : vue.createCommentVNode("", true),
+          props.title ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_2$6)) : 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, {
@@ -411,7 +584,7 @@
                 "hover-class": "hlw-menu-item--active"
               }, {
                 default: vue.withCtx(() => [
-                  vue.createElementVNode("view", _hoisted_3$1, [
+                  vue.createElementVNode("view", _hoisted_3$4, [
                     vue.createElementVNode("view", {
                       class: vue.normalizeClass(["hlw-menu-icon", `hlw-menu-icon--${item.iconTheme || "slate"}`])
                     }, [
@@ -419,7 +592,7 @@
                         class: vue.normalizeClass(item.icon)
                       }, null, 2)
                     ], 2),
-                    vue.createElementVNode("text", _hoisted_4, vue.toDisplayString(item.label), 1)
+                    vue.createElementVNode("text", _hoisted_4$1, vue.toDisplayString(item.label), 1)
                   ]),
                   vue.createElementVNode("view", _hoisted_5, [
                     item.value ? (vue.openBlock(), vue.createElementBlock("text", _hoisted_6, vue.toDisplayString(item.value), 1)) : vue.createCommentVNode("", true),
@@ -517,11 +690,137 @@
       };
     }
   });
-  const index$1 = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-2d7cd322"]]);
-  const _hoisted_1 = { class: "hlw-page" };
-  const _hoisted_2 = { class: "hlw-page-header" };
-  const _hoisted_3 = { class: "hlw-page-footer" };
-  const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  const index$8 = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-2d7cd322"]]);
+  const _hoisted_1$6 = {
+    key: 0,
+    class: "hlw-modal-title"
+  };
+  const _hoisted_2$5 = { class: "hlw-modal-body" };
+  const _hoisted_3$3 = { class: "hlw-modal-footer" };
+  const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
+    __name: "index",
+    props: {
+      show: { type: Boolean, default: false },
+      title: { default: "" },
+      showCancel: { type: Boolean, default: true },
+      confirmText: { default: "确定" },
+      cancelText: { default: "取消" },
+      closeOnMask: { type: Boolean, default: true }
+    },
+    emits: ["update:show", "confirm", "cancel"],
+    setup(__props, { emit: __emit }) {
+      const emit = __emit;
+      function close() {
+        emit("update:show", false);
+      }
+      function onMask() {
+        close();
+      }
+      function onConfirm() {
+        emit("confirm");
+        close();
+      }
+      function onCancel() {
+        emit("cancel");
+        close();
+      }
+      return (_ctx, _cache) => {
+        return __props.show ? (vue.openBlock(), vue.createElementBlock("view", {
+          key: 0,
+          class: "hlw-modal-mask",
+          onTap: vue.withModifiers(onMask, ["self"])
+        }, [
+          vue.createElementVNode("view", {
+            class: vue.normalizeClass(["hlw-modal", { "hlw-modal--show": __props.show }])
+          }, [
+            __props.title ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_1$6, vue.toDisplayString(__props.title), 1)) : vue.createCommentVNode("", true),
+            vue.createElementVNode("view", _hoisted_2$5, [
+              vue.renderSlot(_ctx.$slots, "default", {}, void 0, true)
+            ]),
+            vue.renderSlot(_ctx.$slots, "footer", {}, () => [
+              vue.createElementVNode("view", _hoisted_3$3, [
+                __props.showCancel ? (vue.openBlock(), vue.createElementBlock("view", {
+                  key: 0,
+                  class: "hlw-modal-btn hlw-modal-btn--cancel",
+                  onTap: onCancel
+                }, vue.toDisplayString(__props.cancelText), 33)) : vue.createCommentVNode("", true),
+                vue.createElementVNode("view", {
+                  class: "hlw-modal-btn hlw-modal-btn--confirm",
+                  onTap: onConfirm
+                }, vue.toDisplayString(__props.confirmText), 33)
+              ])
+            ], true)
+          ], 2)
+        ], 32)) : vue.createCommentVNode("", true);
+      };
+    }
+  });
+  const index$7 = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__scopeId", "data-v-fa78c7c6"]]);
+  const _hoisted_1$5 = {
+    key: 1,
+    class: "hlw-notice-left-icon"
+  };
+  const _hoisted_2$4 = { class: "hlw-notice-text" };
+  const _hoisted_3$2 = {
+    key: 1,
+    class: "hlw-notice-text hlw-notice-text--ellipsis"
+  };
+  const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
+    __name: "index",
+    props: {
+      text: { default: "" },
+      scrollable: { type: Boolean, default: true },
+      closable: { type: Boolean, default: false },
+      color: { default: "#ed6a0c" },
+      background: { default: "#fffbe8" },
+      speed: { default: 60 },
+      leftIcon: { default: "" }
+    },
+    emits: ["close", "click"],
+    setup(__props) {
+      const props = __props;
+      const closed = vue.ref(false);
+      const duration = vue.computed(() => Math.max(3, props.text.length * 20 / props.speed));
+      const animStyle = vue.computed(() => ({ animationDuration: `${duration.value}s` }));
+      function onClose() {
+        closed.value = true;
+      }
+      return (_ctx, _cache) => {
+        return !closed.value ? (vue.openBlock(), vue.createElementBlock("view", {
+          key: 0,
+          class: "hlw-notice",
+          style: vue.normalizeStyle({ color: __props.color, background: __props.background })
+        }, [
+          __props.leftIcon ? (vue.openBlock(), vue.createElementBlock("view", {
+            key: 0,
+            class: vue.normalizeClass([__props.leftIcon, "hlw-notice-left-icon"])
+          }, null, 2)) : (vue.openBlock(), vue.createElementBlock("view", _hoisted_1$5, "📣")),
+          vue.createElementVNode("view", {
+            class: "hlw-notice-wrap",
+            onTap: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("click"))
+          }, [
+            __props.scrollable ? (vue.openBlock(), vue.createElementBlock("view", {
+              key: 0,
+              class: "hlw-notice-scroll",
+              style: vue.normalizeStyle(animStyle.value)
+            }, [
+              vue.createElementVNode("text", _hoisted_2$4, vue.toDisplayString(__props.text), 1)
+            ], 4)) : (vue.openBlock(), vue.createElementBlock("text", _hoisted_3$2, vue.toDisplayString(__props.text), 1))
+          ], 32),
+          __props.closable ? (vue.openBlock(), vue.createElementBlock("view", {
+            key: 2,
+            class: "hlw-notice-close",
+            onTap: onClose
+          }, "×", 32)) : vue.createCommentVNode("", true)
+        ], 4)) : vue.createCommentVNode("", true);
+      };
+    }
+  });
+  const index$6 = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-e3f87071"]]);
+  const _hoisted_1$4 = { class: "hlw-page" };
+  const _hoisted_2$3 = { class: "hlw-page-header" };
+  const _hoisted_3$1 = { class: "hlw-page-footer" };
+  const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
     __name: "index",
     props: {
       title: { default: "" },
@@ -533,8 +832,8 @@
       return (_ctx, _cache) => {
         const _component_hlw_header = vue.resolveComponent("hlw-header");
         const _component_scroll_view = vue.resolveComponent("scroll-view");
-        return vue.openBlock(), vue.createElementBlock("view", _hoisted_1, [
-          vue.createElementVNode("view", _hoisted_2, [
+        return vue.openBlock(), vue.createElementBlock("view", _hoisted_1$4, [
+          vue.createElementVNode("view", _hoisted_2$3, [
             vue.renderSlot(_ctx.$slots, "header", {}, () => [
               props.title || props.isBack ? (vue.openBlock(), vue.createBlock(_component_hlw_header, {
                 key: 0,
@@ -556,14 +855,243 @@
             ]),
             _: 3
           }),
-          vue.createElementVNode("view", _hoisted_3, [
+          vue.createElementVNode("view", _hoisted_3$1, [
             vue.renderSlot(_ctx.$slots, "footer", {}, void 0, true)
           ])
         ]);
       };
     }
   });
-  const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-d8833363"]]);
+  const index$5 = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-d8833363"]]);
+  const _hoisted_1$3 = {
+    key: 0,
+    class: "hlw-popup-header"
+  };
+  const _hoisted_2$2 = { class: "hlw-popup-title" };
+  const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
+    __name: "index",
+    props: {
+      show: { type: Boolean, default: false },
+      position: { default: "bottom" },
+      round: { type: Boolean, default: true },
+      closable: { type: Boolean, default: true },
+      title: { default: "" }
+    },
+    emits: ["update:show", "close"],
+    setup(__props, { emit: __emit }) {
+      const emit = __emit;
+      function onClose() {
+        emit("update:show", false);
+        emit("close");
+      }
+      return (_ctx, _cache) => {
+        return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
+          __props.show ? (vue.openBlock(), vue.createElementBlock("view", {
+            key: 0,
+            class: "hlw-popup-mask",
+            onTap: vue.withModifiers(onClose, ["self"])
+          }, null, 32)) : vue.createCommentVNode("", true),
+          vue.createElementVNode("view", {
+            class: vue.normalizeClass(["hlw-popup", [`hlw-popup--${__props.position}`, { "hlw-popup--show": __props.show, "hlw-popup--round": __props.round }]])
+          }, [
+            __props.title || __props.closable ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_1$3, [
+              vue.createElementVNode("text", _hoisted_2$2, vue.toDisplayString(__props.title), 1),
+              __props.closable ? (vue.openBlock(), vue.createElementBlock("view", {
+                key: 0,
+                class: "hlw-popup-close",
+                onTap: onClose
+              }, "×", 32)) : vue.createCommentVNode("", true)
+            ])) : vue.createCommentVNode("", true),
+            vue.renderSlot(_ctx.$slots, "default", {}, void 0, true)
+          ], 2)
+        ], 64);
+      };
+    }
+  });
+  const index$4 = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-a6f8d1a5"]]);
+  const _hoisted_1$2 = ["value", "placeholder", "disabled"];
+  const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
+    __name: "index",
+    props: {
+      modelValue: { default: "" },
+      placeholder: { default: "搜索" },
+      disabled: { type: Boolean, default: false },
+      clearable: { type: Boolean, default: true },
+      shape: { default: "round" },
+      background: { default: "" }
+    },
+    emits: ["update:modelValue", "search", "clear", "focus", "blur"],
+    setup(__props, { emit: __emit }) {
+      const emit = __emit;
+      function onInput(e) {
+        emit("update:modelValue", e.detail.value);
+      }
+      function onClear() {
+        emit("update:modelValue", "");
+        emit("clear");
+      }
+      return (_ctx, _cache) => {
+        return vue.openBlock(), vue.createElementBlock("view", {
+          class: "hlw-search",
+          style: vue.normalizeStyle(__props.background ? { background: __props.background } : {})
+        }, [
+          vue.createElementVNode("view", {
+            class: vue.normalizeClass(["hlw-search-box", { "hlw-search-box--round": __props.shape === "round" }])
+          }, [
+            _cache[3] || (_cache[3] = vue.createElementVNode("view", { class: "hlw-search-icon" }, "🔍", -1)),
+            vue.createElementVNode("input", {
+              class: "hlw-search-input",
+              type: "text",
+              value: __props.modelValue,
+              placeholder: __props.placeholder,
+              disabled: __props.disabled,
+              "confirm-type": "search",
+              onInput,
+              onConfirm: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("search", __props.modelValue)),
+              onFocus: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("focus")),
+              onBlur: _cache[2] || (_cache[2] = ($event) => _ctx.$emit("blur"))
+            }, null, 40, _hoisted_1$2),
+            __props.clearable && __props.modelValue ? (vue.openBlock(), vue.createElementBlock("view", {
+              key: 0,
+              class: "hlw-search-clear",
+              onTap: onClear
+            }, "×", 32)) : vue.createCommentVNode("", true)
+          ], 2)
+        ], 4);
+      };
+    }
+  });
+  const index$3 = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-761affc9"]]);
+  const _hoisted_1$1 = { class: "hlw-skeleton-content" };
+  const _hoisted_2$1 = {
+    key: 0,
+    class: "hlw-skeleton-title"
+  };
+  const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
+    __name: "index",
+    props: {
+      loading: { type: Boolean, default: true },
+      rows: { default: 3 },
+      avatar: { type: Boolean, default: false },
+      title: { type: Boolean, default: true },
+      animate: { type: Boolean, default: true },
+      avatarSize: { default: "medium" }
+    },
+    setup(__props) {
+      return (_ctx, _cache) => {
+        return __props.loading ? (vue.openBlock(), vue.createElementBlock("view", {
+          key: 0,
+          class: vue.normalizeClass(["hlw-skeleton", { "hlw-skeleton--animate": __props.animate }])
+        }, [
+          __props.avatar ? (vue.openBlock(), vue.createElementBlock("view", {
+            key: 0,
+            class: vue.normalizeClass(["hlw-skeleton-avatar", `hlw-skeleton-avatar--${__props.avatarSize}`])
+          }, null, 2)) : vue.createCommentVNode("", true),
+          vue.createElementVNode("view", _hoisted_1$1, [
+            __props.title ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_2$1)) : vue.createCommentVNode("", true),
+            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.rows, (i) => {
+              return vue.openBlock(), vue.createElementBlock("view", {
+                key: i,
+                class: "hlw-skeleton-row",
+                style: vue.normalizeStyle({ width: i === __props.rows ? "60%" : "100%" })
+              }, null, 4);
+            }), 128))
+          ])
+        ], 2)) : vue.renderSlot(_ctx.$slots, "default", { key: 1 }, void 0, true);
+      };
+    }
+  });
+  const index$2 = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-c2d1fca4"]]);
+  const _hoisted_1 = { class: "hlw-tabs-wrap" };
+  const _hoisted_2 = ["onTap"];
+  const _hoisted_3 = { class: "hlw-tab-text" };
+  const _hoisted_4 = {
+    key: 0,
+    class: "hlw-tab-badge"
+  };
+  const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
+    __name: "index",
+    props: {
+      modelValue: { default: 0 },
+      items: { default: () => [] },
+      scrollable: { type: Boolean, default: false },
+      lineWidth: { default: "40rpx" }
+    },
+    emits: ["update:modelValue", "change"],
+    setup(__props, { emit: __emit }) {
+      const emit = __emit;
+      function onChange(index2) {
+        emit("update:modelValue", index2);
+        emit("change", index2);
+      }
+      return (_ctx, _cache) => {
+        const _component_scroll_view = vue.resolveComponent("scroll-view");
+        return vue.openBlock(), vue.createBlock(_component_scroll_view, {
+          class: "hlw-tabs",
+          "scroll-x": __props.scrollable,
+          enhanced: true,
+          "show-scrollbar": false
+        }, {
+          default: vue.withCtx(() => [
+            vue.createElementVNode("view", _hoisted_1, [
+              (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.items, (item, index2) => {
+                return vue.openBlock(), vue.createElementBlock("view", {
+                  key: index2,
+                  class: vue.normalizeClass(["hlw-tab", { "hlw-tab--active": __props.modelValue === index2 }]),
+                  onTap: ($event) => onChange(index2)
+                }, [
+                  vue.createElementVNode("text", _hoisted_3, vue.toDisplayString(typeof item === "string" ? item : item.label), 1),
+                  typeof item !== "string" && item.badge ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_4, vue.toDisplayString(item.badge), 1)) : vue.createCommentVNode("", true),
+                  __props.modelValue === index2 ? (vue.openBlock(), vue.createElementBlock("view", {
+                    key: 1,
+                    class: "hlw-tab-line",
+                    style: vue.normalizeStyle({ width: __props.lineWidth })
+                  }, null, 4)) : vue.createCommentVNode("", true)
+                ], 42, _hoisted_2);
+              }), 128))
+            ])
+          ]),
+          _: 1
+        }, 8, ["scroll-x"]);
+      };
+    }
+  });
+  const index$1 = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-f6f0b949"]]);
+  const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+    __name: "index",
+    props: {
+      type: { default: "primary" },
+      plain: { type: Boolean, default: false },
+      closable: { type: Boolean, default: false },
+      size: { default: "medium" },
+      round: { type: Boolean, default: false },
+      color: { default: "" }
+    },
+    emits: ["click", "close"],
+    setup(__props) {
+      const props = __props;
+      const customStyle = vue.computed(() => {
+        if (!props.color)
+          return {};
+        return props.plain ? { color: props.color, borderColor: props.color, background: "transparent" } : { background: props.color, color: "#fff", borderColor: props.color };
+      });
+      return (_ctx, _cache) => {
+        return vue.openBlock(), vue.createElementBlock("view", {
+          class: vue.normalizeClass(["hlw-tag", [`hlw-tag--${__props.type}`, `hlw-tag--${__props.size}`, { "hlw-tag--plain": __props.plain, "hlw-tag--round": __props.round }]]),
+          style: vue.normalizeStyle(customStyle.value),
+          onTap: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("click"))
+        }, [
+          vue.renderSlot(_ctx.$slots, "default", {}, void 0, true),
+          __props.closable ? (vue.openBlock(), vue.createElementBlock("view", {
+            key: 0,
+            class: "hlw-tag-close",
+            onTap: _cache[0] || (_cache[0] = vue.withModifiers(($event) => _ctx.$emit("close"), ["stop"]))
+          }, "×", 32)) : vue.createCommentVNode("", true)
+        ], 38);
+      };
+    }
+  });
+  const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-42e75bd0"]]);
   const FONT_SCALE_KEY = "hlw_font_scale";
   const FONT_PRESETS = {
     small: {
@@ -707,14 +1235,24 @@
   exports2.DEFAULT_THEMES = DEFAULT_THEMES;
   exports2.FONT_PRESETS = FONT_PRESETS;
   exports2.FONT_SCALE_KEY = FONT_SCALE_KEY;
-  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;
+  exports2.HlwAd = _sfc_main$h;
+  exports2.HlwAvatar = index$g;
+  exports2.HlwButton = index$f;
+  exports2.HlwCard = index$e;
+  exports2.HlwCell = index$d;
+  exports2.HlwDivider = index$c;
+  exports2.HlwEmpty = index$b;
+  exports2.HlwHeader = index$a;
+  exports2.HlwLoading = index$9;
+  exports2.HlwMenu = index$8;
+  exports2.HlwModal = index$7;
+  exports2.HlwNoticeBar = index$6;
+  exports2.HlwPage = index$5;
+  exports2.HlwPopup = index$4;
+  exports2.HlwSearch = index$3;
+  exports2.HlwSkeleton = index$2;
+  exports2.HlwTabs = index$1;
+  exports2.HlwTag = index;
   exports2.THEME_CHANGE_EVENT = THEME_CHANGE_EVENT;
   exports2.THEME_COLOR_KEY = THEME_COLOR_KEY;
   exports2.buildThemeStyle = buildThemeStyle;