@tplc/wot 0.1.76 → 0.1.78

package/CHANGELOG.md

@@ -2,6 +2,36 @@
 
 All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
 
+### [0.1.78](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/compare/v0.1.77...v0.1.78) (2025-04-07)
+
+
+### ✨ Features | 新功能
+
+* 调整版本 ([6a46a2c](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/6a46a2c1b359c1777d548658fa5fc87cbc1ce29a))
+
+### [0.1.77](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/compare/v0.4.61...v0.1.77) (2025-04-07)
+
+
+### 🐛 Bug Fixes | Bug 修复
+
+* img ([ba700e5](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/ba700e50dc529c9f5b9e6386c61aa0747bc8b519))
+
+
+### 🚀 Chore | 构建/工程依赖/工具
+
+* **release:** 0.4.62 ([a411974](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/a411974be01305a0182c4dca3a08db449f190327))
+* **release:** 0.4.63 ([d86180a](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/d86180ad51bc82e8a207f3d56fba38e5b4e42910))
+
+
+### ✨ Features | 新功能
+
+* button 配置 ([f01230d](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/f01230d73ea058222495648378389c5dcaec0ba9))
+* 修改 rate ([afc9da2](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/afc9da279a4a0f3425e6425cec8936fdc646936d))
+* 修改样式 ([10f7b8d](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/10f7b8d22dafe59374fac3728917eaef835eac72))
+* 暂时支持搜索 ([a592c77](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/a592c77a9c162b73e223c785b7932ec17253f4ea))
+* 调整布局 ([497999f](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/497999f86ec4e6461f747eda7914cc2c5e4b1290))
+* 调整策略 ([55095bb](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/55095bb55a49651ba2e5b75bc780ebb78d697b3a))
+
 ### [0.1.76](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/compare/v0.4.32...v0.1.76) (2025-03-29)
 
 ### [0.1.75](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/compare/v0.1.74...v0.1.75) (2025-03-27)

package/components/wd-calendar-view/month/index.scss

@@ -60,6 +60,15 @@
         color: #fff;
         background: $-calendar-active-color;
         border-radius: $-calendar-active-border;
+        .text-price {
+          color: #fff;
+        }
+      }
+      .wd-month__day-bottom,
+      .wd-month__day-top,
+      .wd-month__day-floor,
+      .wd-month__day-text {
+        color: #fff !important;
       }
     }
 
@@ -93,6 +102,12 @@
       .wd-month__day-text-custom {
         color: #fff;
       }
+      .wd-month__day-bottom,
+      .wd-month__day-top,
+      .wd-month__day-floor,
+      .wd-month__day-text {
+        color: #fff !important;
+      }
     }
 
     @include when(end) {
@@ -115,6 +130,12 @@
       .wd-month__day-text-custom {
         color: #fff;
       }
+      .wd-month__day-bottom,
+      .wd-month__day-top,
+      .wd-month__day-floor,
+      .wd-month__day-text {
+        color: #fff !important;
+      }
     }
 
     @include when(same) {

package/components/wd-img/types.ts

@@ -52,4 +52,4 @@ export const imgProps = {
   enablePreview: makeBooleanProp(false),
 
   lazyPlaceWidth: numericProp,
-}
+}

package/components/wd-img/wd-img.vue

@@ -55,7 +55,7 @@ const emit = defineEmits(['error', 'click', 'load'])
 
 const rootStyle = computed(() => {
   const style: Record<string, string | number> = {}
-  if (isDef(props.height)) {
+  if (isDef(props.height) && props.height !== 'auto') {
     style.height = addUnit(props.height)
   }
   if (isDef(props.width)) {

package/components/wd-rate/index.scss

@@ -1,24 +1,25 @@
-@import './../common/abstracts/_mixin';
-@import './../common/abstracts/variable';
+@import './../common/abstracts/_mixin.scss';
+@import './../common/abstracts/variable.scss';
 
 @include b(rate) {
   display: inline-block;
-  line-height: 1;
   vertical-align: middle;
+  line-height: 1;
 
   @include e(item) {
     position: relative;
     display: inline-block;
+    touch-action: none; // 禁用默认触摸行为
   }
-  @include e(item-star) {
-    display: inline-block;
-    vertical-align: top;
-
-    @include m(active) {
-      position: absolute;
-      top: 0;
-      left: 0;
-      overflow: hidden;
-    }
+  @include edeep(item-star) {
+    -webkit-background-clip: text !important;
+    color: transparent;
+  }
+  @include e(item-half) {
+    position: absolute;
+    left: 0;
+    top: 0;
+    overflow: hidden;
+    width: 50%;
   }
 }

package/components/wd-rate/types.ts

@@ -88,4 +88,11 @@ export const rateProps = {
   disabledColor: makeStringProp(
     'linear-gradient(315deg, rgba(177,177,177,1) 0%,rgba(199,199,199,1) 100%)',
   ),
+
+  /**
+   * 是否允许半选
+   * 类型: boolean
+   * 默认值: false
+   */
+  allowHalf: makeBooleanProp(false),
 }

package/components/wd-rate/wd-rate.vue

@@ -1,21 +1,26 @@
 <template>
-  <view :class="`wd-rate ${customClass}`" :style="customStyle">
+  <view :class="`wd-rate ${customClass}`" :style="customStyle" @touchmove="onTouchMove">
     <view
       v-for="(rate, index) in rateList"
       :key="index"
       :data-index="index"
       :style="{ 'margin-right': index == rateList.length - 1 ? 0 : space }"
       class="wd-rate__item"
-      @click="changeRate(index)"
     >
-      <view class="wd-rate__item-star" :style="{ width: size, height: size }">
-        <wd-icon :name="icon" :size="size" :custom-style="iconStyle" />
-      </view>
-      <view
-        class="wd-rate__item-star wd-rate__item-star--active"
-        :style="{ width: rate, height: size }"
-      >
-        <wd-icon :name="activeIcon" :size="size" :custom-style="iconActiveStyle" />
+      <wd-icon
+        custom-class="wd-rate__item-star"
+        :name="isActive(rate) ? activeIcon : icon"
+        :size="size"
+        :custom-style="rate === '100%' ? iconActiveStyle : iconStyle"
+        @click="changeRate(index, false)"
+      />
+      <view v-if="props.allowHalf" class="wd-rate__item-half" @click.stop="changeRate(index, true)">
+        <wd-icon
+          custom-class="wd-rate__item-star"
+          :name="isActive(rate) ? activeIcon : icon"
+          :size="size"
+          :custom-style="rate !== '0' ? iconActiveStyle : iconStyle"
+        />
       </view>
     </view>
   </view>
@@ -32,8 +37,11 @@ export default {
 }
 </script>
 <script lang="ts" setup>
-import { computed, ref, watch } from 'vue'
+import wdIcon from '../wd-icon/wd-icon.vue'
+import { computed, getCurrentInstance, ref, watch } from 'vue'
 import { rateProps } from './types'
+import { getRect } from '../common/util'
+const { proxy } = getCurrentInstance() as any
 
 const props = defineProps(rateProps)
 const emit = defineEmits(['update:modelValue', 'change'])
@@ -42,11 +50,11 @@ const rateList = ref<Array<string>>([])
 const activeValue = ref<string>('')
 
 const iconStyle = computed(() => {
-  return `background:${props.color}; -webkit-background-clip: text; color: transparent`
+  return `background:${props.color};`
 })
 
 const iconActiveStyle = computed(() => {
-  return `background:${props.disabled ? props.disabledColor : activeValue.value}; -webkit-background-clip: text; color: transparent`
+  return `background:${props.disabled ? props.disabledColor : activeValue.value};`
 })
 
 watch(
@@ -74,11 +82,16 @@ watch(
   },
 )
 
+// 当前选项是否为激活状态
+const isActive = (rate: string) => {
+  return rate !== '0'
+}
+
 /**
  * @description 计算当前应当展示的rate数量
  */
 function computeRateList() {
-  const { modelValue, num } = props
+  const { modelValue, num, allowHalf } = props
   // value和num都准备好才能计算
   if (modelValue === null || !num) return
   if (typeof modelValue !== 'number') {
@@ -86,13 +99,12 @@ function computeRateList() {
     return
   }
   const tempRateList: string[] = []
-  const fullLength = Math.ceil(modelValue) - 1
+  const fullLength = Math.floor(modelValue)
   for (let i = 0; i < num; i++) {
     if (i < fullLength) {
       tempRateList.push('100%')
-    } else if (i === fullLength) {
-      const rate = modelValue - fullLength > 0.5 ? 1 : 0.5
-      tempRateList.push(rate * 100 + '%')
+    } else if (i === fullLength && allowHalf && modelValue % 1 !== 0) {
+      tempRateList.push('50%')
     } else {
       tempRateList.push('0')
     }
@@ -116,16 +128,33 @@ function computeActiveValue() {
 }
 /**
  * @description 点击icon触发组件的change事件
- * @param Event
  */
-function changeRate(index: number) {
+function changeRate(index: number, isHalf: boolean) {
   if (props.readonly || props.disabled) return
-  emit('update:modelValue', index + 1)
+  const value = isHalf ? index + 0.5 : index + 1
+  emit('update:modelValue', value)
   emit('change', {
-    value: index + 1,
+    value,
+  })
+}
+
+async function onTouchMove(event: TouchEvent) {
+  const { clientX } = event.touches[0]
+  const rateItems = await getRect('.wd-rate__item', true, proxy)
+  const targetIndex = Array.from(rateItems).findIndex((rect) => {
+    return clientX >= rect.left! && clientX <= rect.right!
   })
+  if (targetIndex !== -1) {
+    const target = rateItems[targetIndex]
+    const itemWidth = target.width!
+    const isHalf = props.allowHalf && clientX - target.left! < itemWidth / 2
+    const value = isHalf ? targetIndex + 0.5 : targetIndex + 1
+    if (value >= 0.5) {
+      changeRate(targetIndex, isHalf)
+    }
+  }
 }
 </script>
 <style lang="scss" scoped>
-@import './index';
+@import './index.scss';
 </style>

package/package.json

@@ -1,7 +1,7 @@
 {
   "id": "@tplc/wot",
   "name": "@tplc/wot",
-  "version": "0.1.76",
+  "version": "0.1.78",
   "keywords": [
     "wot-design-uni",
     "国际化",

package/types/components/wd-rate/types.d.ts

@@ -99,6 +99,15 @@ export declare const rateProps: {
     type: PropType<string>
     default: string
   }
+  /**
+   * 是否允许半选
+   * 类型: boolean
+   * 默认值: false
+   */
+  allowHalf: {
+    type: BooleanConstructor
+    default: boolean
+  }
   customStyle: {
     type: PropType<string>
     default: string

package/types/components/wd-rate/wd-rate.vue.d.ts

@@ -44,6 +44,10 @@ declare const _default: import('vue').DefineComponent<
       type: import('vue').PropType<string>
       default: string
     }
+    allowHalf: {
+      type: BooleanConstructor
+      default: boolean
+    }
     customStyle: {
       type: import('vue').PropType<string>
       default: string
@@ -111,6 +115,10 @@ declare const _default: import('vue').DefineComponent<
         type: import('vue').PropType<string>
         default: string
       }
+      allowHalf: {
+        type: BooleanConstructor
+        default: boolean
+      }
       customStyle: {
         type: import('vue').PropType<string>
         default: string
@@ -138,6 +146,7 @@ declare const _default: import('vue').DefineComponent<
     num: number
     activeColor: string | string[]
     disabledColor: string
+    allowHalf: boolean
   },
   {}
 >