tdesign-miniprogram icon indicating copy to clipboard operation
tdesign-miniprogram copied to clipboard

fix(picker): Optimize performance and avoid frame drops

Open jarmywang opened this issue 3 weeks ago • 3 comments

🤔 这个 PR 的性质是?

  • [ ] 日常 bug 修复
  • [ ] 新特性提交
  • [ ] 文档改进
  • [ ] 演示代码改进
  • [ ] 组件样式/交互改进
  • [ ] CI/CD 改进
  • [ ] 重构
  • [ ] 代码风格优化
  • [ ] 测试用例
  • [ ] 分支合并
  • [ ] 其他

🔗 相关 Issue

fix: #4111

💡 需求背景和解决方案

之前为了解决大量数据 picker 滚动性能问题引入虚拟滚动,做了一些优化内容,但是在频繁回调的onTouchMove事件中节流触发 setData 还可以继续优化:将 offset 和虚拟滚动数据合并为一次 setData;另外做了移出 setInterval 与动画持续时长1000ms也改成了动态计算,用户体感更加流畅。 还在area示例中增加了大量数据的验证方法。

📝 更新日志

  • fix(Picker): 优化性能减少掉帧

  • [ ] 本条 PR 不需要纳入 Changelog

☑️ 请求合并前的自查清单

⚠️ 请自检并全部勾选全部选项。⚠️

  • [ ] 文档已补充或无须补充
  • [ ] 代码演示已提供或无须提供
  • [ ] TypeScript 定义已补充或无须补充
  • [ ] Changelog 已提供或无须提供

jarmywang avatar Dec 15 '25 06:12 jarmywang