hy-app 0.4.7 → 0.4.8

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,7 +1,7 @@
 {
   "name": "hy-app",
-  "version": "0.4.7",
-  "description": "fix: 修复tooltip点击无法复制问题",
+  "version": "0.4.8",
+  "description": "fix: 修复tooltip字体样式未修改问题",
   "main": "./index.ts",
   "private": false,
   "scripts": {},