feat: ✨ Pickerview选择器新增immediate-change属性，目前微信和支付宝小程序支持。

Author: Moonofweisheng

docs/component/calendar-view.md

@@ -236,6 +236,7 @@ function handleChange({ value }) {
 | panel-height      | 可滚动面板的高度                                                       | number                | -                                                                                           | 378                   | -        |
 | time-filter       | type 为 'datetime' 或 'datetimerange' 时有效，用于过滤时间选择器的数据 | function              | -                                                                                           | -                     | -        |
 | hide-second       | type 为 'datetime' 或 'datetimerange' 时有效，是否不展示秒修改         | boolean               | -                                                                                           | false                 | -        |
+| immediate-change | type 为 'datetime' 或 'datetimerange' 时有，是否在手指松开时立即触发picker-view的 change 事件。若不开启则会在滚动动画结束后触发 change 事件，1.2.25版本起提供，仅微信小程序和支付宝小程序支持。 | boolean | - | false | $LOWEST_VERSION$ |
 
 ## Events
 

docs/component/calendar.md

@@ -398,6 +398,8 @@ function handleConfirm4({ value }) {
 | safe-area-inset-bottom | 弹出面板是否设置底部安全距离（iphone X 类型的机型）                                                 | boolean               | -                                                                                           | true                  | -        |
 | prop | 表单域 `model` 字段名，在使用表单校验功能的情况下，该属性是必填的 | string | - | - | - |
 | rules | 表单验证规则，结合`wd-form`组件使用	 | `FormItemRule []`	 | - | `[]` | - |
+| immediate-change | type 为 'datetime' 或 'datetimerange' 时有，是否在手指松开时立即触发picker-view的 change 事件。若不开启则会在滚动动画结束后触发 change 事件，1.2.25版本起提供，仅微信小程序和支付宝小程序支持。 | boolean | - | false | $LOWEST_VERSION$ |
+
 
 ### FormItemRule 数据结构
 

docs/component/datetime-picker-view.md

@@ -133,6 +133,7 @@ const filter = (type, values) => {
 | maxHour | 最大小时，time类型时生效 | number | - | 23 | - |
 | minMinute | 最小分钟，time类型时生效 | number | - | 0 | - |
 | maxMinute | 最大分钟，time类型时生效 | number | - | 59 | - |
+| immediate-change | 是否在手指松开时立即触发picker-view的 change 事件。若不开启则会在滚动动画结束后触发 change 事件，1.2.25版本起提供，仅微信小程序和支付宝小程序支持。 | boolean | - | false | $LOWEST_VERSION$ |
 ## Events
 
 | 事件名称 | 说明 | 参数 | 最低版本 |

docs/component/datetime-picker.md

@@ -296,6 +296,7 @@ const displayFormatTabLabel = (items) => {
 | ellipsis | 是否超出隐藏 | boolean | - | false | - |
 | prop | 表单域 `model` 字段名，在使用表单校验功能的情况下，该属性是必填的 | string | - | - | - |
 | rules | 表单验证规则，结合`wd-form`组件使用	 | `FormItemRule []`	 | - | `[]` | - |
+| immediate-change | 是否在手指松开时立即触发picker-view的 change 事件。若不开启则会在滚动动画结束后触发 change 事件，1.2.25版本起提供，仅微信小程序和支付宝小程序支持。 | boolean | - | false | $LOWEST_VERSION$ |
 
 ### FormItemRule 数据结构
 

docs/component/picker-view.md

@@ -114,6 +114,10 @@ const onChangeDistrict = (pickerView, value, columnIndex, resolve) => {
 | value-key | 选项对象中，value对应的 key | string | - | value | - |
 | label-key | 选项对象中，展示的文本对应的 key | string | - | label | - |
 | column-change | 接收 pickerView 实例、选中项、当前修改列的下标、resolve 作为入参，根据选中项和列下标进行判断，通过 pickerView 实例暴露出来的 `setColumnData` 方法修改其他列的数据源。 | function | - | - | - |
+| immediate-change | 是否在手指松开时立即触发picker-view的 change 事件。若不开启则会在滚动动画结束后触发 change 事件，1.2.25版本起提供，仅微信小程序和支付宝小程序支持。 | boolean | - | false | $LOWEST_VERSION$ |
+
+
+ 
 
 ## Methods
 

docs/component/picker.md

@@ -262,6 +262,7 @@ function handleConfirm({ value }) {
 | ellipsis | 是否超出隐藏 | boolean | - | false | - |
 | prop | 表单域 `model` 字段名，在使用表单校验功能的情况下，该属性是必填的 | string | - | - | - |
 | rules | 表单验证规则，结合`wd-form`组件使用	 | `FormItemRule []`	 | - | `[]` | - |
+| immediate-change | 是否在手指松开时立即触发picker-view的 change 事件。若不开启则会在滚动动画结束后触发 change 事件，1.2.25版本起提供，仅微信小程序和支付宝小程序支持。 | boolean | - | false | $LOWEST_VERSION$ |
 
 ### FormItemRule 数据结构
 

src/pages/pickerView/Index.vue

@@ -5,7 +5,11 @@
     </demo-block>
 
     <demo-block :title="`禁用选项，数值: ${value2}`">
-      <wd-picker-view v-model="value2" :immediate-change="true" :columns="columns2" @change="(e) => onChange(2, e)" />
+      <wd-picker-view v-model="value2" :columns="columns2" @change="(e) => onChange(2, e)" />
+    </demo-block>
+
+    <demo-block :title="`立即触发 change，数值: ${value6}`">
+      <wd-picker-view v-model="value6" :immediate-change="true" :columns="columns2" @change="(e) => onChange(2, e)" />
     </demo-block>
 
     <demo-block :title="`加载中，数值: ${value3}`">
@@ -70,6 +74,8 @@ const value1 = ref<string>('选项1')
 const columns1 = ref(['选项1', '选项2', '选项3', '选项4', '选项5', '选项6', '选项7'])
 
 const value2 = ref<string>('选项1')
+const value6 = ref<string>('选项1')
+
 const columns2 = ref([
   { label: '选项1' },
   { label: '选项2' },

src/uni_modules/wot-design-uni/components/wd-calendar-view/monthPanel/month-panel.vue

@@ -40,6 +40,7 @@
           v-model="timeValue"
           :columns="timeData"
           :columns-height="125"
+          :immediate-change="immediateChange"
           @change="handleTimeChange"
           @pickstart="handlePickStart"
           @pickend="handlePickEnd"

src/uni_modules/wot-design-uni/components/wd-calendar-view/monthPanel/types.ts

@@ -27,7 +27,11 @@ export const monthPanelProps = {
   panelHeight: makeRequiredProp(Number),
   // type 为 'datetime' 或 'datetimerange' 时有效，用于过滤时间选择器的数据
   timeFilter: Function as PropType<CalendarTimeFilter>,
-  hideSecond: makeBooleanProp(false)
+  hideSecond: makeBooleanProp(false),
+  /**
+   * 是否在手指松开时立即触发picker-view的 change 事件。若不开启则会在滚动动画结束后触发 change 事件，1.2.25版本起提供，仅微信小程序和支付宝小程序支持。
+   */
+  immediateChange: makeBooleanProp(false)
 }
 
 export type MonthPanelProps = ExtractPropTypes<typeof monthPanelProps>

src/uni_modules/wot-design-uni/components/wd-calendar-view/types.ts

@@ -61,7 +61,11 @@ export const calendarViewProps = {
   /**
    * type 为 'datetime' 或 'datetimerange' 时有效，是否不展示秒修改
    */
-  hideSecond: makeBooleanProp(false)
+  hideSecond: makeBooleanProp(false),
+  /**
+   * 是否在手指松开时立即触发picker-view的 change 事件。若不开启则会在滚动动画结束后触发 change 事件，1.2.25版本起提供，仅微信小程序和支付宝小程序支持。
+   */
+  immediateChange: makeBooleanProp(false)
 }
 
 export type CalendarViewProps = ExtractPropTypes<typeof calendarViewProps>