hy-app 0.4.7 → 0.4.9

package/README.md

@@ -1,16 +1,24 @@
 ## 在线使用文档地址
-[华玥组件库文档(需要翻墙)](https://hy-component-docs.vercel.app/)
-[华玥组件库文档(国内旧地址，2025-11-12之后域名过期)](https://www.gxh151.top)
-[华玥组件库文档(国内新地址)](https://www.hy-design-uni.top)
+- [华玥组件库文档(需要翻墙)](https://hy-component-docs.vercel.app/)
+- [华玥组件库文档(国内旧地址，2025-11-12之后域名过期)](https://www.gxh151.top)
+- [华玥组件库文档(国内新地址)](https://www.hy-design-uni.top)
 
-## H5测试页面地址
-[华玥组件库dome(需要翻墙)](https://hy-design-uni.vercel.app/#/)
+## 📱 移动端预览
+<p style="display:flex;gap:24px">
+<img src="https://pic.imgdd.cc/item/690c01291095cbb336f01f37.png" width="200" height="200" />
+<img src="https://pic.imgdd.cc/item/690c01291095cbb336f01f38.jpg" width="200" height="200" />
+<img src="https://pic.imgdd.cc/item/690c01291095cbb336f01f36.png" width="200" height="200" />
+
+</p>
 
 ## 安装教程
 
 ```angular2html
-<!--只支持vue3+uniapp的项目-->
-pnpm install hy-app
+<!-- 只支持vue3+uniapp+ts的项目 -->
+pnpm add hy-app
+
+<!-- 没有需要下载 -->
+pnpm add dayjs
 
 node版本 >= 16.14.*
 ```
@@ -35,7 +43,7 @@ export function createApp () {
 </template>
 ```
 
-## 在小程序里面配置全局组件
+## 在page.json文件里面配置按需引入组件
 ```json
 {
   "easycom": {

package/components/hy-line-progress/hy-line-progress.vue

@@ -44,6 +44,7 @@ import {
   range,
   type RectResultType,
   sleep,
+  getPx,
 } from "../../libs";
 
 /**

package/components/hy-navbar/hy-navbar.vue

@@ -7,15 +7,13 @@
         height: addUnit(getPx(height) + statusBarHeight),
       }"
     ></view>
-    <view
-      :class="[fixed && 'hy-navbar__fixed']"
-      :style="{ backgroundColor: bgColor }"
-    >
+    <view :class="[fixed && 'hy-navbar__fixed']">
       <HyStatusBar v-if="safeAreaInsetTop" :bgColor="bgColor"></HyStatusBar>
       <view
         :class="[border && 'hy-border__bottom', 'hy-navbar__content']"
         :style="{
           height: addUnit(height),
+          backgroundColor: bgColor,
         }"
       >
         <!-- 左边 -->

package/components/hy-navbar/index.scss

@@ -3,7 +3,7 @@
 
 
 @include b(navbar) {
-  @include m(fixed) {
+  @include e(fixed) {
     position: fixed;
     left: 0;
     right: 0;

package/components/hy-popover/hy-popover.vue

@@ -122,6 +122,7 @@ import {
   useSlots,
   watch,
   inject,
+  nextTick,
 } from "vue";
 import type { PropType, CSSProperties } from "vue";
 import type {
@@ -220,7 +221,9 @@ watch(
 watch(
   () => props.placement,
   (newVal) => {
-    popover.init(newVal, visibleArrow.value, selector);
+    nextTick(() => {
+      popover.init(newVal, visibleArrow.value, selector);
+    });
   },
   { immediate: true },
 );
@@ -251,11 +254,11 @@ watch(
   },
 );
 
-onMounted(() => {
-  setTimeout(() => {
-    popover.init(props.placement, visibleArrow.value, selector);
-  }, 2000);
-});
+// onMounted(() => {
+//   setTimeout(() => {
+//     popover.init(props.placement, visibleArrow.value, selector);
+//   }, 2000);
+// });
 
 onBeforeMount(() => {
   if (queue && queue.pushToQueue) {

package/components/hy-tooltip/hy-tooltip.vue

@@ -1,5 +1,5 @@
 <template>
-  <view :class="['hy-tooltip', customClass]" :style="customStyle">
+  <view class="hy-tooltip">
     <HyOverlay
       :show="showTooltip && tooltipTop !== -10000 && overlay"
       :customStyle="{ backgroundColor: 'rgba(0, 0, 0, 0)' }"
@@ -7,17 +7,22 @@
     ></HyOverlay>
     <!-- 文本内容区域 -->
     <view
-      class="hy-tooltip__content"
+      :class="`hy-tooltip__content ${customClass}`"
       id="target"
       @longpress.stop="longPressHandler"
       @tap.stop="clickHandler"
-      :style="{
-        color: color,
-        backgroundColor:
-          bgColor && showTooltip && tooltipTop !== -10000
-            ? bgColor
-            : 'transparent',
-      }"
+      :style="[
+        {
+          color: color,
+          fontSize: addUnit(size),
+          fontWeight: bold ? 'bold' : '',
+          backgroundColor:
+            bgColor && showTooltip && tooltipTop !== -10000
+              ? bgColor
+              : 'transparent',
+        },
+        customStyle,
+      ]"
     >
       <slot v-if="$slots.default"></slot>
       <text class="hy-tooltip__content--text" v-else>{{ text }}</text>
@@ -69,12 +74,14 @@
       :show="showTooltip"
       :duration="300"
       custom-class="hy-tooltip__popup"
-      :custom-style="popover.popStyle.value"
+      :custom-style="{
+        ...popover.popStyle.value,
+        zIndex: zIndex,
+      }"
     >
       <view class="hy-tooltip__container">
         <!-- 三角形 -->
         <view
-          v-if="showCopy"
           :class="`hy-tooltip__arrow ${popover.arrowClass.value}`"
           :style="popover.arrowStyle.value"
         ></view>
@@ -150,6 +157,7 @@ import {
   closeOther,
   removeFromQueue,
   pushToQueue,
+  addUnit,
 } from "../../libs";
 
 // 组件
@@ -175,11 +183,6 @@ const props = defineProps({
     type: String,
     default: "",
   },
-  /** 文本大小 */
-  size: {
-    type: [String, Number],
-    default: 14,
-  },
   /**
    * 触发模式
    * @values longpress,click
@@ -196,21 +199,23 @@ const props = defineProps({
     type: String as PropType<IPlacementVo>,
     default: "bottom",
   },
+  /** 文本大小 */
+  size: {
+    type: [String, Number],
+    default: 14,
+  },
   /** 字体颜色 */
   color: String,
+  /** 字体粗细 */
+  bold: {
+    type: Boolean,
+    default: false,
+  },
   /** 弹出提示框时，文本的背景色 */
   bgColor: {
     type: String,
     default: "transparent",
   },
-  /**
-   * 弹出提示的方向
-   * @values top,bottom
-   * */
-  direction: {
-    type: String,
-    default: "top",
-  },
   /** 弹出提示的z-index，nvue无效 */
   zIndex: {
     type: Number,
@@ -233,7 +238,7 @@ const props = defineProps({
     type: Boolean,
     default: true,
   },
-  /** 是否显示遮罩 */
+  /** 是否显示提示 */
   showToast: {
     type: Boolean,
     default: true,

package/components/hy-tooltip/index.scss

@@ -16,7 +16,6 @@ $hy-tooltip--background-color: rgb(50, 50, 51);
     background-clip: padding-box;
     text-align: center;
     min-height: 36px;
-    z-index: 99999;
     transition: opacity 0.2s;
     box-shadow: $hy-box-shadow;
     border-radius: $hy-border-radius-sm;
@@ -49,10 +48,6 @@ $hy-tooltip--background-color: rgb(50, 50, 51);
     /* #ifndef APP-NVUE */
     white-space: nowrap;
     /* #endif */
-
-    @include m(text) {
-      font-size: 28rpx;
-    }
   }
 
   @include e(container) {

package/package.json

@@ -1,13 +1,15 @@
 {
   "name": "hy-app",
-  "version": "0.4.7",
-  "description": "fix: 修复tooltip点击无法复制问题",
+  "version": "0.4.9",
+  "description": "fix: 修复navbar绝对定位问题",
   "main": "./index.ts",
   "private": false,
   "scripts": {},
   "keywords": [
     "华玥组件库",
-    "ui组件库",
+    "精美ui库",
+    "移动端组件库",
+    "适配多端小程序",
     "暗黑模式"
   ],
   "web-types": "./web-types.json",