@hlw-uni/mp-vue 1.0.5 → 1.0.6

package/dist/index.js

@@ -250,7 +250,7 @@
       };
     }
   });
-  const index$3 = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-e6af34e4"]]);
+  const index$3 = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-6f338046"]]);
   const _hoisted_1$2 = { class: "hlw-loading" };
   const _hoisted_2$2 = {
     key: 0,

package/dist/index.mjs

@@ -247,7 +247,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const index$3 = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-e6af34e4"]]);
+const index$3 = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-6f338046"]]);
 const _hoisted_1$2 = { class: "hlw-loading" };
 const _hoisted_2$2 = {
   key: 0,

package/dist/style.css

@@ -57,7 +57,7 @@
     font-size: 28rpx;
     color: #bbb;
 }
-.hlw-header[data-v-e6af34e4] {
+.hlw-header[data-v-6f338046] {
   position: sticky;
   top: 0;
   z-index: 999;
@@ -65,7 +65,7 @@
   flex-direction: column;
   overflow: hidden;
 }
-.header-bg-layer[data-v-e6af34e4] {
+.header-bg-layer[data-v-6f338046] {
   position: absolute;
   top: 0;
   left: 0;
@@ -73,13 +73,13 @@
   bottom: 0;
   z-index: 0;
 }
-.status-bar-spacer[data-v-e6af34e4] {
+.status-bar-spacer[data-v-6f338046] {
   flex-shrink: 0;
   width: 100%;
   position: relative;
   z-index: 1;
 }
-.header-content-area[data-v-e6af34e4] {
+.header-content-area[data-v-6f338046] {
   flex-shrink: 0;
   width: 100%;
   display: flex;
@@ -87,7 +87,7 @@
   position: relative;
   z-index: 1;
 }
-.header-back[data-v-e6af34e4] {
+.header-back[data-v-6f338046] {
   width: 88rpx;
   height: 100%;
   display: flex;
@@ -95,19 +95,20 @@
   justify-content: center;
   flex-shrink: 0;
 }
-.header-back .iconfont[data-v-e6af34e4] {
+.header-back .iconfont[data-v-6f338046] {
   font-size: 40rpx;
 }
-.header-title[data-v-e6af34e4] {
+.header-title[data-v-6f338046] {
   flex: 1;
   text-align: center;
-  font-size: 28rpx;
+  font-size: 26rpx;
   font-weight: 500;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
+  letter-spacing: 1rpx;
 }
-.header-placeholder[data-v-e6af34e4] {
+.header-placeholder[data-v-6f338046] {
   width: 88rpx;
   flex-shrink: 0;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@hlw-uni/mp-vue",
-    "version": "1.0.5",
+    "version": "1.0.6",
     "description": "hlw-uni Vue 组件库 — 供小程序业务方使用的 UI 组件集合",
     "main": "dist/index.js",
     "module": "dist/index.mjs",
@@ -20,7 +20,8 @@
     ],
     "scripts": {
         "build": "vite build",
-        "dev": "vite build --watch"
+        "dev": "vite build --watch",
+        "publish:npm": "pnpm build && npm publish --access public"
     },
     "publishConfig": {
         "access": "public"

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

@@ -1,70 +1,70 @@
 <template>
-  <view class="hlw-header" :style="{ height: totalNavBarHeight + 'px' }">
-    <view class="header-bg-layer" :class="hasBgSlot ? '' : props.bgClass">
-      <slot v-if="!props.isBack" name="bg"></slot>
-    </view>
-    <view class="status-bar-spacer" :style="{ height: statusBarHeight + 'px' }"></view>
-    <view class="header-content-area" :style="{ height: NAV_BAR_CONTENT_HEIGHT + 'px' }">
-      <template v-if="props.isBack">
-        <view class="header-back" @click="handleBack">
-          <text class="iconfont icon-back"></text>
+    <view class="hlw-header" :style="{ height: totalNavBarHeight + 'px' }">
+        <view class="header-bg-layer" :class="hasBgSlot ? '' : props.bgClass">
+            <slot v-if="!props.isBack" name="bg"></slot>
+        </view>
+        <view class="status-bar-spacer" :style="{ height: statusBarHeight + 'px' }"></view>
+        <view class="header-content-area" :style="{ height: NAV_BAR_CONTENT_HEIGHT + 'px' }">
+            <template v-if="props.isBack">
+                <view class="header-back" @click="handleBack">
+                    <text class="iconfont icon-back"></text>
+                </view>
+                <view class="header-title">{{ props.title }}</view>
+                <view class="header-placeholder"></view>
+            </template>
+            <slot v-else>
+                <view v-if="props.title" class="header-title">{{ props.title }}</view>
+            </slot>
         </view>
-        <view class="header-title">{{ props.title }}</view>
-        <view class="header-placeholder"></view>
-      </template>
-      <slot v-else>
-        <view v-if="props.title" class="header-title">{{ props.title }}</view>
-      </slot>
     </view>
-  </view>
 </template>
 
 <script setup lang="ts">
-import { ref, computed, useSlots } from 'vue';
+import { ref, computed, useSlots } from "vue";
 
 const getNavBarContentHeight = (): number => {
-  try {
-    const menuInfo = uni.getMenuButtonBoundingClientRect?.();
-    if (!menuInfo) return 44;
-    const systemInfo = uni.getSystemInfoSync();
-    return (menuInfo.top - systemInfo.statusBarHeight!) * 2 + menuInfo.height;
-  } catch {
-    return 44;
-  }
+    try {
+        const menuInfo = uni.getMenuButtonBoundingClientRect?.();
+        if (!menuInfo) return 44;
+        const systemInfo = uni.getSystemInfoSync();
+        return (menuInfo.top - systemInfo.statusBarHeight!) * 2 + menuInfo.height;
+    } catch {
+        return 44;
+    }
 };
 
 const getStatusBarHeight = (): number => {
-  try {
-    const systemInfo = uni.getSystemInfoSync();
-    return systemInfo.statusBarHeight || 20;
-  } catch {
-    return 20;
-  }
+    try {
+        const systemInfo = uni.getSystemInfoSync();
+        return systemInfo.statusBarHeight || 20;
+    } catch {
+        return 20;
+    }
 };
 
 const NAV_BAR_CONTENT_HEIGHT = getNavBarContentHeight();
 
 interface Props {
-  extraHeight?: number;
-  bgClass?: string;
-  isBack?: boolean;
-  title?: string;
+    extraHeight?: number;
+    bgClass?: string;
+    isBack?: boolean;
+    title?: string;
 }
 
 const props = withDefaults(defineProps<Props>(), {
-  extraHeight: 0,
-  bgClass: '',
-  isBack: false,
-  title: '',
+    extraHeight: 0,
+    bgClass: "",
+    isBack: false,
+    title: "",
 });
 
 const emit = defineEmits<{
-  back: [];
+    back: [];
 }>();
 
 const handleBack = () => {
-  emit('back');
-  uni.navigateBack({ delta: 1 });
+    emit("back");
+    uni.navigateBack({ delta: 1 });
 };
 
 const slots = useSlots();
@@ -75,64 +75,65 @@ const totalNavBarHeight = computed(() => statusBarHeight.value + NAV_BAR_CONTENT
 
 <style lang="scss" scoped>
 .hlw-header {
-  position: sticky;
-  top: 0;
-  z-index: 999;
-  display: flex;
-  flex-direction: column;
-  overflow: hidden;
+    position: sticky;
+    top: 0;
+    z-index: 999;
+    display: flex;
+    flex-direction: column;
+    overflow: hidden;
 }
 
 .header-bg-layer {
-  position: absolute;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  z-index: 0;
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    z-index: 0;
 }
 
 .status-bar-spacer {
-  flex-shrink: 0;
-  width: 100%;
-  position: relative;
-  z-index: 1;
+    flex-shrink: 0;
+    width: 100%;
+    position: relative;
+    z-index: 1;
 }
 
 .header-content-area {
-  flex-shrink: 0;
-  width: 100%;
-  display: flex;
-  align-items: center;
-  position: relative;
-  z-index: 1;
+    flex-shrink: 0;
+    width: 100%;
+    display: flex;
+    align-items: center;
+    position: relative;
+    z-index: 1;
 }
 
 .header-back {
-  width: 88rpx;
-  height: 100%;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  flex-shrink: 0;
-
-  .iconfont {
-    font-size: 40rpx;
-  }
+    width: 88rpx;
+    height: 100%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    flex-shrink: 0;
+
+    .iconfont {
+        font-size: 40rpx;
+    }
 }
 
 .header-title {
-  flex: 1;
-  text-align: center;
-  font-size: 28rpx;
-  font-weight: 500;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
+    flex: 1;
+    text-align: center;
+    font-size: 26rpx;
+    font-weight: 500;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    letter-spacing: 1rpx;
 }
 
 .header-placeholder {
-  width: 88rpx;
-  flex-shrink: 0;
+    width: 88rpx;
+    flex-shrink: 0;
 }
 </style>