Open Lymanli opened 22 hours ago
Bot detected the issue body's language is not English, translate it automatically.
Title: 🐛 [Bug]: The form component uses a complex layout. When different sizes are set, the heights between components are inconsistent.
Version
3.19.0
Vue Version
3.4.27
Link to minimal reproduction
Step to reproduce
顶部有按钮small、medium、mini、null分别设置form的size值,null/daterange按钮设置日期标签中的date-picker组件的type值为daterange或date。
当date-picker的type值为date时,依次点击按钮small、medium、mini、null,可以观察到small、mini值的时候,form表单中组件输入框、日期标签的组件高度不同导致URL标签的组件前面空出一片区域;
点击null/daterange按钮切换date-picker的type值为daterange时,重复步骤1依次切换form的size值,输入框高度不一致导致URL标签前面空出一片区域;
What is expected
from在复杂布局下,form的size值在不同时,且date-picker的type值不同时,表单组件不会因个别组件高度不同而前面空出一片。
What is actually happening
from在复杂布局下,form的size值在small和mini,date-picker的type在date和daterange时,表单中input、date-picker高度与checkbox高度不一致,导致表单组件没有按顺序排列而是空出一片
What is your project name
form表单
Any additional comments (optional)
No response