@hlw-uni/mp-vue 1.1.0 → 1.1.2

package/dist/index.js

@@ -78,7 +78,7 @@
     }
     return target;
   };
-  const index$g = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__scopeId", "data-v-89dcbc96"]]);
+  const index$g = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__scopeId", "data-v-19006b2d"]]);
   const _hoisted_1$e = ["disabled", "open-type"];
   const _hoisted_2$c = {
     key: 0,
@@ -118,7 +118,7 @@
       };
     }
   });
-  const index$f = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-199073be"]]);
+  const index$f = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-19a9c118"]]);
   const _hoisted_1$d = {
     key: 0,
     class: "hlw-card-header"
@@ -325,7 +325,7 @@
       };
     }
   });
-  const index$d = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["__scopeId", "data-v-2bd8c24d"]]);
+  const index$d = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["__scopeId", "data-v-996053be"]]);
   const _hoisted_1$b = {
     key: 0,
     class: "hlw-divider-text"
@@ -353,12 +353,12 @@
       };
     }
   });
-  const index$c = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__scopeId", "data-v-e34c6f87"]]);
+  const index$c = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__scopeId", "data-v-beaa0298"]]);
   const _hoisted_1$a = { class: "hlw-empty" };
   const _hoisted_2$9 = ["src"];
   const _hoisted_3$5 = {
     key: 1,
-    class: "hlw-empty__icon"
+    class: "hlw-empty__icon i-fa6-solid-box-open"
   };
   const _hoisted_4$2 = { class: "hlw-empty__text" };
   const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
@@ -375,14 +375,14 @@
             class: "hlw-empty__image",
             src: __props.image,
             mode: "aspectFit"
-          }, null, 8, _hoisted_2$9)) : (vue.openBlock(), vue.createElementBlock("text", _hoisted_3$5, "📦")),
+          }, null, 8, _hoisted_2$9)) : (vue.openBlock(), vue.createElementBlock("view", _hoisted_3$5)),
           vue.createElementVNode("text", _hoisted_4$2, vue.toDisplayString(__props.text || "暂无数据"), 1),
           vue.renderSlot(_ctx.$slots, "default", {}, void 0, true)
         ]);
       };
     }
   });
-  const index$b = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-08b8d8fe"]]);
+  const index$b = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-94fefc47"]]);
   const _hoisted_1$9 = {
     key: 0,
     class: "header-placeholder"
@@ -492,7 +492,7 @@
       };
     }
   });
-  const index$a = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__scopeId", "data-v-fa8f2a18"]]);
+  const index$a = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__scopeId", "data-v-b85e90ac"]]);
   const _hoisted_1$8 = { class: "hlw-loading" };
   const _hoisted_2$7 = {
     key: 0,
@@ -512,7 +512,7 @@
       };
     }
   });
-  const index$9 = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__scopeId", "data-v-14242381"]]);
+  const index$9 = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__scopeId", "data-v-fd9272d5"]]);
   const _hoisted_1$7 = {
     key: 0,
     class: "hlw-menu-title"
@@ -709,11 +709,14 @@
     },
     emits: ["update:show", "confirm", "cancel"],
     setup(__props, { emit: __emit }) {
+      const props = __props;
       const emit = __emit;
       function close() {
         emit("update:show", false);
       }
       function onMask() {
+        if (!props.closeOnMask)
+          return;
         close();
       }
       function onConfirm() {
@@ -731,7 +734,9 @@
           onTap: vue.withModifiers(onMask, ["self"])
         }, [
           vue.createElementVNode("view", {
-            class: vue.normalizeClass(["hlw-modal", { "hlw-modal--show": __props.show }])
+            class: vue.normalizeClass(["hlw-modal", { "hlw-modal--show": __props.show }]),
+            onTap: _cache[0] || (_cache[0] = vue.withModifiers(() => {
+            }, ["stop"]))
           }, [
             __props.title ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_1$6, vue.toDisplayString(__props.title), 1)) : vue.createCommentVNode("", true),
             vue.createElementVNode("view", _hoisted_2$5, [
@@ -742,23 +747,23 @@
                 __props.showCancel ? (vue.openBlock(), vue.createElementBlock("view", {
                   key: 0,
                   class: "hlw-modal-btn hlw-modal-btn--cancel",
-                  onTap: onCancel
+                  onTap: vue.withModifiers(onCancel, ["stop"])
                 }, vue.toDisplayString(__props.cancelText), 33)) : vue.createCommentVNode("", true),
                 vue.createElementVNode("view", {
                   class: "hlw-modal-btn hlw-modal-btn--confirm",
-                  onTap: onConfirm
+                  onTap: vue.withModifiers(onConfirm, ["stop"])
                 }, vue.toDisplayString(__props.confirmText), 33)
               ])
             ], true)
-          ], 2)
+          ], 34)
         ], 32)) : vue.createCommentVNode("", true);
       };
     }
   });
-  const index$7 = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__scopeId", "data-v-fa78c7c6"]]);
+  const index$7 = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__scopeId", "data-v-91d9e108"]]);
   const _hoisted_1$5 = {
     key: 1,
-    class: "hlw-notice-left-icon"
+    class: "hlw-notice-left-icon i-fa6-solid-bullhorn"
   };
   const _hoisted_2$4 = { class: "hlw-notice-text" };
   const _hoisted_3$2 = {
@@ -794,7 +799,7 @@
           __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, "📣")),
+          }, 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"))
@@ -809,14 +814,14 @@
           ], 32),
           __props.closable ? (vue.openBlock(), vue.createElementBlock("view", {
             key: 2,
-            class: "hlw-notice-close",
+            class: "hlw-notice-close i-fa6-solid-xmark",
             onTap: onClose
-          }, "×", 32)) : vue.createCommentVNode("", true)
+          }, null, 32)) : vue.createCommentVNode("", true)
         ], 4)) : vue.createCommentVNode("", true);
       };
     }
   });
-  const index$6 = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-e3f87071"]]);
+  const index$6 = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-7a758299"]]);
   const _hoisted_1$4 = { class: "hlw-page" };
   const _hoisted_2$3 = { class: "hlw-page-header" };
   const _hoisted_3$1 = { class: "hlw-page-footer" };
@@ -862,7 +867,7 @@
       };
     }
   });
-  const index$5 = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-d8833363"]]);
+  const index$5 = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-0cf37585"]]);
   const _hoisted_1$3 = {
     key: 0,
     class: "hlw-popup-header"
@@ -898,9 +903,9 @@
               vue.createElementVNode("text", _hoisted_2$2, vue.toDisplayString(__props.title), 1),
               __props.closable ? (vue.openBlock(), vue.createElementBlock("view", {
                 key: 0,
-                class: "hlw-popup-close",
+                class: "hlw-popup-close i-fa6-solid-xmark",
                 onTap: onClose
-              }, "×", 32)) : vue.createCommentVNode("", true)
+              }, null, 32)) : vue.createCommentVNode("", true)
             ])) : vue.createCommentVNode("", true),
             vue.renderSlot(_ctx.$slots, "default", {}, void 0, true)
           ], 2)
@@ -908,7 +913,7 @@
       };
     }
   });
-  const index$4 = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-a6f8d1a5"]]);
+  const index$4 = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-2d71ef9b"]]);
   const _hoisted_1$2 = ["value", "placeholder", "disabled"];
   const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
     __name: "index",
@@ -924,7 +929,8 @@
     setup(__props, { emit: __emit }) {
       const emit = __emit;
       function onInput(e) {
-        emit("update:modelValue", e.detail.value);
+        var _a;
+        emit("update:modelValue", ((_a = e == null ? void 0 : e.detail) == null ? void 0 : _a.value) ?? "");
       }
       function onClear() {
         emit("update:modelValue", "");
@@ -938,7 +944,7 @@
           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)),
+            _cache[3] || (_cache[3] = vue.createElementVNode("view", { class: "hlw-search-icon i-fa6-solid-magnifying-glass" }, null, -1)),
             vue.createElementVNode("input", {
               class: "hlw-search-input",
               type: "text",
@@ -953,15 +959,15 @@
             }, null, 40, _hoisted_1$2),
             __props.clearable && __props.modelValue ? (vue.openBlock(), vue.createElementBlock("view", {
               key: 0,
-              class: "hlw-search-clear",
+              class: "hlw-search-clear i-fa6-solid-xmark",
               onTap: onClear
-            }, "×", 32)) : vue.createCommentVNode("", true)
+            }, null, 32)) : vue.createCommentVNode("", true)
           ], 2)
         ], 4);
       };
     }
   });
-  const index$3 = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-761affc9"]]);
+  const index$3 = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-4fe1bfab"]]);
   const _hoisted_1$1 = { class: "hlw-skeleton-content" };
   const _hoisted_2$1 = {
     key: 0,
@@ -1001,7 +1007,7 @@
       };
     }
   });
-  const index$2 = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-c2d1fca4"]]);
+  const index$2 = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-bc3155a2"]]);
   const _hoisted_1 = { class: "hlw-tabs-wrap" };
   const _hoisted_2 = ["onTap"];
   const _hoisted_3 = { class: "hlw-tab-text" };
@@ -1056,7 +1062,7 @@
       };
     }
   });
-  const index$1 = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-f6f0b949"]]);
+  const index$1 = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-5a47c034"]]);
   const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     __name: "index",
     props: {
@@ -1084,14 +1090,14 @@
           vue.renderSlot(_ctx.$slots, "default", {}, void 0, true),
           __props.closable ? (vue.openBlock(), vue.createElementBlock("view", {
             key: 0,
-            class: "hlw-tag-close",
+            class: "hlw-tag-close i-fa6-solid-xmark",
             onTap: _cache[0] || (_cache[0] = vue.withModifiers(($event) => _ctx.$emit("close"), ["stop"]))
-          }, "×", 32)) : vue.createCommentVNode("", true)
+          }, null, 32)) : vue.createCommentVNode("", true)
         ], 38);
       };
     }
   });
-  const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-42e75bd0"]]);
+  const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-fd774288"]]);
   const FONT_SCALE_KEY = "hlw_font_scale";
   const FONT_PRESETS = {
     small: {

package/dist/index.mjs

@@ -77,7 +77,7 @@ const _export_sfc = (sfc, props) => {
   }
   return target;
 };
-const index$g = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__scopeId", "data-v-89dcbc96"]]);
+const index$g = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__scopeId", "data-v-19006b2d"]]);
 const _hoisted_1$e = ["disabled", "open-type"];
 const _hoisted_2$c = {
   key: 0,
@@ -117,7 +117,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const index$f = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-199073be"]]);
+const index$f = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-19a9c118"]]);
 const _hoisted_1$d = {
   key: 0,
   class: "hlw-card-header"
@@ -324,7 +324,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const index$d = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["__scopeId", "data-v-2bd8c24d"]]);
+const index$d = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["__scopeId", "data-v-996053be"]]);
 const _hoisted_1$b = {
   key: 0,
   class: "hlw-divider-text"
@@ -352,12 +352,12 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const index$c = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__scopeId", "data-v-e34c6f87"]]);
+const index$c = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__scopeId", "data-v-beaa0298"]]);
 const _hoisted_1$a = { class: "hlw-empty" };
 const _hoisted_2$9 = ["src"];
 const _hoisted_3$5 = {
   key: 1,
-  class: "hlw-empty__icon"
+  class: "hlw-empty__icon i-fa6-solid-box-open"
 };
 const _hoisted_4$2 = { class: "hlw-empty__text" };
 const _sfc_main$b = /* @__PURE__ */ defineComponent({
@@ -374,14 +374,14 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
           class: "hlw-empty__image",
           src: __props.image,
           mode: "aspectFit"
-        }, null, 8, _hoisted_2$9)) : (openBlock(), createElementBlock("text", _hoisted_3$5, "📦")),
+        }, null, 8, _hoisted_2$9)) : (openBlock(), createElementBlock("view", _hoisted_3$5)),
         createElementVNode("text", _hoisted_4$2, toDisplayString(__props.text || "暂无数据"), 1),
         renderSlot(_ctx.$slots, "default", {}, void 0, true)
       ]);
     };
   }
 });
-const index$b = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-08b8d8fe"]]);
+const index$b = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-94fefc47"]]);
 const _hoisted_1$9 = {
   key: 0,
   class: "header-placeholder"
@@ -491,7 +491,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const index$a = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__scopeId", "data-v-fa8f2a18"]]);
+const index$a = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__scopeId", "data-v-b85e90ac"]]);
 const _hoisted_1$8 = { class: "hlw-loading" };
 const _hoisted_2$7 = {
   key: 0,
@@ -511,7 +511,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const index$9 = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__scopeId", "data-v-14242381"]]);
+const index$9 = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__scopeId", "data-v-fd9272d5"]]);
 const _hoisted_1$7 = {
   key: 0,
   class: "hlw-menu-title"
@@ -708,11 +708,14 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
   },
   emits: ["update:show", "confirm", "cancel"],
   setup(__props, { emit: __emit }) {
+    const props = __props;
     const emit = __emit;
     function close() {
       emit("update:show", false);
     }
     function onMask() {
+      if (!props.closeOnMask)
+        return;
       close();
     }
     function onConfirm() {
@@ -730,7 +733,9 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
         onTap: withModifiers(onMask, ["self"])
       }, [
         createElementVNode("view", {
-          class: normalizeClass(["hlw-modal", { "hlw-modal--show": __props.show }])
+          class: normalizeClass(["hlw-modal", { "hlw-modal--show": __props.show }]),
+          onTap: _cache[0] || (_cache[0] = withModifiers(() => {
+          }, ["stop"]))
         }, [
           __props.title ? (openBlock(), createElementBlock("view", _hoisted_1$6, toDisplayString(__props.title), 1)) : createCommentVNode("", true),
           createElementVNode("view", _hoisted_2$5, [
@@ -741,23 +746,23 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
               __props.showCancel ? (openBlock(), createElementBlock("view", {
                 key: 0,
                 class: "hlw-modal-btn hlw-modal-btn--cancel",
-                onTap: onCancel
+                onTap: withModifiers(onCancel, ["stop"])
               }, toDisplayString(__props.cancelText), 33)) : createCommentVNode("", true),
               createElementVNode("view", {
                 class: "hlw-modal-btn hlw-modal-btn--confirm",
-                onTap: onConfirm
+                onTap: withModifiers(onConfirm, ["stop"])
               }, toDisplayString(__props.confirmText), 33)
             ])
           ], true)
-        ], 2)
+        ], 34)
       ], 32)) : createCommentVNode("", true);
     };
   }
 });
-const index$7 = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__scopeId", "data-v-fa78c7c6"]]);
+const index$7 = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__scopeId", "data-v-91d9e108"]]);
 const _hoisted_1$5 = {
   key: 1,
-  class: "hlw-notice-left-icon"
+  class: "hlw-notice-left-icon i-fa6-solid-bullhorn"
 };
 const _hoisted_2$4 = { class: "hlw-notice-text" };
 const _hoisted_3$2 = {
@@ -793,7 +798,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
         __props.leftIcon ? (openBlock(), createElementBlock("view", {
           key: 0,
           class: normalizeClass([__props.leftIcon, "hlw-notice-left-icon"])
-        }, null, 2)) : (openBlock(), createElementBlock("view", _hoisted_1$5, "📣")),
+        }, null, 2)) : (openBlock(), createElementBlock("view", _hoisted_1$5)),
         createElementVNode("view", {
           class: "hlw-notice-wrap",
           onTap: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("click"))
@@ -808,14 +813,14 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
         ], 32),
         __props.closable ? (openBlock(), createElementBlock("view", {
           key: 2,
-          class: "hlw-notice-close",
+          class: "hlw-notice-close i-fa6-solid-xmark",
           onTap: onClose
-        }, "×", 32)) : createCommentVNode("", true)
+        }, null, 32)) : createCommentVNode("", true)
       ], 4)) : createCommentVNode("", true);
     };
   }
 });
-const index$6 = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-e3f87071"]]);
+const index$6 = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-7a758299"]]);
 const _hoisted_1$4 = { class: "hlw-page" };
 const _hoisted_2$3 = { class: "hlw-page-header" };
 const _hoisted_3$1 = { class: "hlw-page-footer" };
@@ -861,7 +866,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const index$5 = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-d8833363"]]);
+const index$5 = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-0cf37585"]]);
 const _hoisted_1$3 = {
   key: 0,
   class: "hlw-popup-header"
@@ -897,9 +902,9 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
             createElementVNode("text", _hoisted_2$2, toDisplayString(__props.title), 1),
             __props.closable ? (openBlock(), createElementBlock("view", {
               key: 0,
-              class: "hlw-popup-close",
+              class: "hlw-popup-close i-fa6-solid-xmark",
               onTap: onClose
-            }, "×", 32)) : createCommentVNode("", true)
+            }, null, 32)) : createCommentVNode("", true)
           ])) : createCommentVNode("", true),
           renderSlot(_ctx.$slots, "default", {}, void 0, true)
         ], 2)
@@ -907,7 +912,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const index$4 = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-a6f8d1a5"]]);
+const index$4 = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-2d71ef9b"]]);
 const _hoisted_1$2 = ["value", "placeholder", "disabled"];
 const _sfc_main$3 = /* @__PURE__ */ defineComponent({
   __name: "index",
@@ -923,7 +928,8 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
   setup(__props, { emit: __emit }) {
     const emit = __emit;
     function onInput(e) {
-      emit("update:modelValue", e.detail.value);
+      var _a;
+      emit("update:modelValue", ((_a = e == null ? void 0 : e.detail) == null ? void 0 : _a.value) ?? "");
     }
     function onClear() {
       emit("update:modelValue", "");
@@ -937,7 +943,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
         createElementVNode("view", {
           class: normalizeClass(["hlw-search-box", { "hlw-search-box--round": __props.shape === "round" }])
         }, [
-          _cache[3] || (_cache[3] = createElementVNode("view", { class: "hlw-search-icon" }, "🔍", -1)),
+          _cache[3] || (_cache[3] = createElementVNode("view", { class: "hlw-search-icon i-fa6-solid-magnifying-glass" }, null, -1)),
           createElementVNode("input", {
             class: "hlw-search-input",
             type: "text",
@@ -952,15 +958,15 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
           }, null, 40, _hoisted_1$2),
           __props.clearable && __props.modelValue ? (openBlock(), createElementBlock("view", {
             key: 0,
-            class: "hlw-search-clear",
+            class: "hlw-search-clear i-fa6-solid-xmark",
             onTap: onClear
-          }, "×", 32)) : createCommentVNode("", true)
+          }, null, 32)) : createCommentVNode("", true)
         ], 2)
       ], 4);
     };
   }
 });
-const index$3 = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-761affc9"]]);
+const index$3 = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-4fe1bfab"]]);
 const _hoisted_1$1 = { class: "hlw-skeleton-content" };
 const _hoisted_2$1 = {
   key: 0,
@@ -1000,7 +1006,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const index$2 = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-c2d1fca4"]]);
+const index$2 = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-bc3155a2"]]);
 const _hoisted_1 = { class: "hlw-tabs-wrap" };
 const _hoisted_2 = ["onTap"];
 const _hoisted_3 = { class: "hlw-tab-text" };
@@ -1055,7 +1061,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const index$1 = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-f6f0b949"]]);
+const index$1 = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-5a47c034"]]);
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "index",
   props: {
@@ -1083,14 +1089,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         renderSlot(_ctx.$slots, "default", {}, void 0, true),
         __props.closable ? (openBlock(), createElementBlock("view", {
           key: 0,
-          class: "hlw-tag-close",
+          class: "hlw-tag-close i-fa6-solid-xmark",
           onTap: _cache[0] || (_cache[0] = withModifiers(($event) => _ctx.$emit("close"), ["stop"]))
-        }, "×", 32)) : createCommentVNode("", true)
+        }, null, 32)) : createCommentVNode("", true)
       ], 38);
     };
   }
 });
-const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-42e75bd0"]]);
+const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-fd774288"]]);
 const FONT_SCALE_KEY = "hlw_font_scale";
 const FONT_PRESETS = {
   small: {