Tencent / tdesign-vue

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

[DatePicker] [Form]Form中有两个DatePicker配置了disableDate,填写input输入框也会调用disableDate造成卡顿 #3024

Open LoopZhou opened 8 months ago

LoopZhou commented 8 months ago

tdesign-vue 版本

1.8.4

重现链接

https://stackblitz.com/edit/usmtz8-mpjmlt?file=src%2Fdemo.vue

重现步骤

如示例,有两个DatePicker配置了disableDate时,

  1. 选择入学时间起,disableDate函数调用84次 image

2.选择入学时间止,disableDate函数调用报错 image

  1. 填写用户名输入框,也会调用了disableDate函数,造成输入卡顿 image

https://github.com/Tencent/tdesign-vue/assets/13745660/e339e0d6-37af-48d2-a10d-0a465f769c63

期望结果

填写输入框不会调用datePicker组件的disableDate

实际结果

datePicker组件的disableDate调用次数过多造成卡顿,同时在进行其他组件输入时,也会调用到disableDate

框架版本

vue2

浏览器版本

Chrome

系统版本

MacOS

Node版本

16.17.0

补充说明

No response

github-actions[bot] commented 8 months ago

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

github-actions[bot] commented 8 months ago

♥️ 有劳 @zhwachen @xiaosansiji @honkinglin @Ericleungs 尽快确认问题。 确认有效后将下一步计划和可能需要的时间回复给 @LoopZhou 。