hy-app 0.4.0 → 0.4.1

package/components/hy-input/hy-input.vue

@@ -353,7 +353,7 @@ watch(
  * */
 const isShowClear = computed(() => {
   const { clearable, readonly } = props;
-  return clearable && !readonly && !!focused.value && innerValue.value !== "";
+  return clearable && !readonly && innerValue.value !== "";
 });
 /**
  * @description 组件的类名
@@ -485,7 +485,6 @@ const valueChange = (value: string | number, isOut = false) => {
  * @description 点击清除控件
  */
 const onClear = () => {
-  debugger;
   clearInput.value = true;
   innerValue.value = "";
   nextTick(() => {

package/components/hy-input/index.scss

@@ -37,8 +37,8 @@
     @include m(field-wrapper) {
       position: relative;
       @include flex(row);
-      margin: 0;
       flex: 1;
+      margin-right: $hy-border-margin-padding-base;
 
       @include e(field) {
         background: transparent;
@@ -48,6 +48,11 @@
         font-size: 15px;
         flex: 1;
         color: $hy-text-color;
+        caret-color: $hy-text-color;
+      }
+
+      :deep(.input-placeholder) {
+        color: $hy-text-color--placeholder;
       }
     }
 
@@ -60,15 +65,14 @@
       align-items: center;
       justify-content: center;
       transform: scale(0.82);
-      margin-left: 4px;
     }
 
     @include m(subfix-icon) {
-      margin-left: 4px;
+      margin-left: $hy-border-margin-padding-sm;
     }
 
     @include m(prefix-icon) {
-      margin-right: 4px;
+      margin-right: $hy-border-margin-padding-sm;
     }
   }
 }

package/components/hy-menu/hy-menu.vue

@@ -6,23 +6,25 @@
         :class="menuItemClass(item, i)"
         :style="customStyle"
       >
-        <slot v-if="$slots.icon" name="icon"></slot>
-        <hy-icon
-          v-else
-          class="hy-menu__item__icon"
-          :name="item.icon"
-          :color="current === i ? color || 'var(--hy-theme-color)' : ''"
-          :size="icon?.size || 16"
-          :bold="icon?.bold"
-          :customPrefix="icon?.customPrefix"
-          :imgMode="icon?.imgMode"
-          :width="icon?.width"
-          :height="icon?.height"
-          :top="icon?.top"
-          :stop="icon?.stop"
-          :round="icon?.round"
-          :customStyle="icon?.customStyle || { marginRight: '2px' }"
-        ></hy-icon>
+        <template v-if="item.icon">
+          <slot v-if="$slots.icon" name="icon" :value="item.icon"></slot>
+          <hy-icon
+            v-else
+            class="hy-menu__item__icon"
+            :name="item.icon"
+            :color="current === i ? color || 'var(--hy-theme-color)' : ''"
+            :size="icon?.size || 16"
+            :bold="icon?.bold"
+            :customPrefix="icon?.customPrefix"
+            :imgMode="icon?.imgMode"
+            :width="icon?.width"
+            :height="icon?.height"
+            :top="icon?.top"
+            :stop="icon?.stop"
+            :round="icon?.round"
+            :customStyle="icon?.customStyle || { marginRight: '2px' }"
+          ></hy-icon>
+        </template>
         <slot v-if="$slots.default"></slot>
         <text v-else class="hy-menu__item--title">{{ item.title }}</text>
         <hy-badge

package/components/hy-slider/hy-slider.vue

@@ -429,13 +429,19 @@ const onTouchEnd2 = (e: TouchEvent, index = 1) => {
   }
 };
 const onClick = (e: TouchEvent) => {
-  // if (props.isRange) return;
   if (props.disabled) return;
   // 直接点击滑块的情况，计算方式与onTouchMove方法相同
-  // console.log('click', event)
   // #ifndef APP-NVUE
-  // nvue下暂时无法获取坐标
-  let clientX = e.detail.x - sliderRect.value.left!;
+
+  let x;
+  // #ifdef MP-ALIPAY
+  x = e.detail.clientX;
+  // #endif
+  // #ifndef MP-ALIPAY
+  x = e.detail.x;
+  // #endif
+
+  const clientX = x - sliderRect.value.left!;
   newValue.value =
     (clientX / sliderRect.value.width!) * (props.max - props.min) + props.min;
   updateValue(newValue.value, false, 1);
@@ -453,12 +459,12 @@ const updateValue = (
     valueFormat = props.max;
   }
   // 设置移动的距离，不能用百分比，因为NVUE不支持。
-  let width = Math.min(
+  const width = Math.min(
     ((valueFormat - props.min) / (props.max - props.min)) *
       sliderRect.value.width!,
     sliderRect.value.width!,
   );
-  let barStyle_1: CSSProperties = {
+  const barStyle_1: CSSProperties = {
     width: width + "px",
   };
   // 移动期间无需过渡动画

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "hy-app",
-  "version": "0.4.0",
-  "description": "feat: 适配支付宝小程序",
+  "version": "0.4.1",
+  "description": "feat: 修复输入框在支付宝无法点击到关闭按钮，水印在支付宝真机调试有问题，后续修复",
   "main": "./index.ts",
   "private": false,
   "scripts": {},

package/utils/utils.ts

@@ -406,7 +406,7 @@ const getRect = <T extends boolean>(
       } else if (!all && rect) {
         resolve(rect as RectResultType<T>);
       } else {
-        error("没找到模块");
+        error(`调用getRect方法，没有找到${selector}对应的元素内容`);
         reject(new Error("No nodes found"));
       }
     };