Tencent / tdesign-vue

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

feat(DatePicker): optimize range picker panel header click logic #3207

Closed uyarn closed 1 week ago

uyarn commented 1 week ago

🤔 这个 PR 的性质是?

🔗 相关 Issue

💡 需求背景和解决方案

优化前,选择后左侧区间大于右侧区间只会同步右侧区间

image

优化后,选择后左侧区间大于右侧区间,默认调整为左侧区间始终比右侧区间小1,增加可操作范围

image

切换年且只有年选择器:

  1. 点击左侧,且左侧大于右侧,右侧要自动加1;
  2. 点击右侧,且右侧小于左侧,左侧要自动减1; 切换年且要有月份选择器:
  3. 点击左侧,且左侧大于右侧,右侧要自动切换至左侧年+月份 加1;
  4. 点击右侧,且右侧小于左侧,左侧要自动切换至右侧年+月份 减1; 切换月份选择器:
  5. 点击左侧,且左侧大于右侧,右侧要自动切换至左侧年+月份 加1;
  6. 点击右侧,且右侧小于左侧,左侧要自动切换至右侧年+月份 减1;

    📝 更新日志

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

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

github-actions[bot] commented 1 week ago

完成