Smaller size for components (#14850)

[amedora]

Please make sure these boxes are checked before submitting your PR, thank you!

• Make sure you follow Element's contributing guide (中文 | English | Español | Français).
• Make sure you are merging your commits to dev branch.
• Add some descriptions and refer relative issues for you PR.

close #14850

Sub PRs

• Button (Button: add compact size #15895)
• Cascader (Cascader: add compact size #15896)
• Checkbox (Checkbox: add compact size #15897)
• DatePicker & DateTimePicker (DatePicker: add compact size #15898)
• Dropdowns (Dropdown: add compact size #15899)
• Forms (Form: add compact size #15900)
• Input (Input: add compact size #15901)
• InputNumber (InputNumber: add compact size #15902)
• Radio (Radio: add compact size #15903)
• Select (Select: add compact size #15904)
• Table (Table: add compact size #15905)
• Tag (Tag: add compact size #15906)
• TimePicker (TimePicker: add compact size #15907)

[element-bot]

Deploy preview for element ready!

Built with commit e500a80

https://deploy-preview-15644--element.netlify.com

[ChuckFields]

@amedora This is awesome! I took a look at the preview and I have a few comments.

• The round compact button in the preview has size="Compact" instead of size="compact" so it looks the same as default.
• An el-radio-group with el-radio-buttons does not work with compact, however it does work if you use el-radios instead of el-radio-buttons.
• How hard would it be to make the el-date-pickers popup panel reflective of it's size?
• How hard would it be to make the el-options inside of el-selects reflective of it's size?

[amedora]

@ChuckFields thanks for your feedbacks.

• The round compact button in the preview has size="Compact" instead of size="compact" so it looks the same as default.
• An el-radio-group with el-radio-buttons does not work with compact, however it does work if you use el-radios instead of el-radio-buttons.

oops, those were my mistake. fixed them now.

• How hard would it be to make the el-date-pickers popup panel reflective of it's size?
• How hard would it be to make the el-options inside of el-selects reflective of it's size?

Both doesn't have size option so there will be a lot of things to do.

[ChuckFields]

@amedora Okay no problem, those last 2 are just nice-to-haves.

[wacky6]

@amedora There are conflicts in *.md files, please take a look.

This feature looks good, we will try to include it in next release.

[amedora]

@wacky6 Thanks! Now rebased to current dev branch.

[island205]

1. please resolve conflicts
2. spliting this PR to small PR which just modify one component is more readable.

[amedora]

1. please resolve conflicts
2. spliting this PR to small PR which just modify one component is more readable.

Sure. I will do that later 👍

[island205]

I am very sorry, Refer to our designer's opinion, we have no plan to support this at this time.

[amedora]

@island205 I see. Thanks for taking care of this PR.