@hlw-uni/mp-vue 1.1.15 → 1.1.17

package/package.json

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

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

@@ -23,7 +23,7 @@
                     <view v-if="props.icon" :class="props.icon" class="hlw-btn-icon" />
                 </slot>
             </view>
-            <view class="hlw-btn-content">
+            <view v-if="hasContent" class="hlw-btn-content">
                 <slot />
             </view>
         </template>
@@ -85,6 +85,24 @@ const emit = defineEmits<{ click: [] }>();
 const slots = useSlots();
 const hasIcon = computed(() => Boolean(props.icon || slots.icon));
 
+/** 默认 slot 是否有非注释节点内容，用于避免空 slot 占位影响 flex 布局 */
+const hasContent = computed(() => {
+    const nodes = slots.default?.();
+    if (!nodes || nodes.length === 0) return false;
+    return nodes.some((n) => {
+        const type = n.type;
+        // 普通元素 / 组件节点
+        if (typeof type !== "symbol") return true;
+        // symbol 类型的节点（Comment / Fragment / Text），通过 description 判断
+        const desc = String((type as unknown as { description?: string }).description || "");
+        if (desc.includes("Comment") || desc === "v-cmt") return false;
+        // Text / Fragment 节点：有实际 children 才算有内容
+        if (typeof n.children === "string") return n.children.trim() !== "";
+        if (Array.isArray(n.children)) return n.children.length > 0;
+        return false;
+    });
+});
+
 const buttonStyle = computed(() => {
     const style: Record<string, string> = {};