Tencent / tdesign-vue

A Vue.js UI components lib for TDesign.
https://tdesign.tencent.com/vue
MIT License
887 stars 340 forks source link

[date-range-picker] 时间范围有值时,二次选择会触发两次change事件 #2065

Open sinbadmaster opened 1 year ago

sinbadmaster commented 1 year ago

tdesign-vue 版本

1.0.5

重现链接

https://codesandbox.io/s/tdesign-vue-demo-forked-ovrx28?file=/src/demo.vue

重现步骤

https://user-images.githubusercontent.com/40019023/215708067-983323ea-e6e6-4661-b8d3-f403de98cd9d.mov

期望结果

范围选择器是在选择完毕时间后只触发一次change事件

实际结果

在有值时会触发两次change事件

框架版本

vue(2.6.14)

浏览器版本

No response

系统版本

No response

Node版本

No response

补充说明

No response

github-actions[bot] commented 1 year ago

👋 @sinbadmaster,感谢给 TDesign 提出了 issue。 请根据 issue 模版确保背景信息的完善,我们将调查并尽快回复你。

honkinglin commented 1 year ago

早期的交互是要求不论输入框是否有值,DateRangePicker 都要求必须选择两次后才算完整的操作并触发 onChange。 后面多人反馈在二次修改过程中仅仅只想修改开始或结束时间也就是某一侧的时间,但是由于没有触发 onChange 影响只想修改一次时间的用户才做了优化。

sinbadmaster commented 1 year ago

这种是否可以保留为两种交互模式可以进行切换呢?也有不少人的使用习惯还是选择两次后触发onChange更符合他们的预期。特别在涉及到时间范围关联着页面的数据更新时,选择一次就触发onChange让他们更加的不适应。

chaishi commented 1 year ago

我之前也是期望 选择完成后 1 个事件,但始终是一个多方 Battle 的过程

RomenMark commented 7 months ago

这个issues是否有新进展?

zjg910723 commented 4 months ago

这个issues是否有新进展?