feat(Cascader): add @cascader-header-padding less var (#8626)

This commit is contained in:
neverland 2021-04-27 21:33:09 +08:00 committed by GitHub
parent 324fd08f3d
commit e2286b0426
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
6 changed files with 8 additions and 5 deletions

View File

@ -219,7 +219,7 @@ export default {
| --- | --- | --- |
| change | Emitted when active option changed | `{ value, selectedOptions, tabIndex }` |
| finish | Emitted when all options is selected | `{ value, selectedOptions, tabIndex }` |
| close | Emmitted when the close icon is clicked | - |
| close | Emitted when the close icon is clicked | - |
| click-tab | Emitted when a tab is clicked | _activeTab: number, title: string_ |
### Slots
@ -235,6 +235,7 @@ How to use: [Custom Theme](#/en-US/theme).
| Name | Default Value | Description |
| --------------------------------- | --------------- | ----------- |
| @cascader-header-height | `48px` | - |
| @cascader-header-padding | `0 @padding-md` | - |
| @cascader-title-font-size | `@font-size-lg` | - |
| @cascader-title-line-height | `20px` | - |
| @cascader-close-icon-size | `22px` | - |

View File

@ -245,6 +245,7 @@ export default {
| 名称 | 默认值 | 描述 |
| --------------------------------- | --------------- | ---- |
| @cascader-header-height | `48px` | - |
| @cascader-header-padding | `0 @padding-md` | - |
| @cascader-title-font-size | `@font-size-lg` | - |
| @cascader-title-line-height | `20px` | - |
| @cascader-close-icon-size | `22px` | - |

View File

@ -6,7 +6,7 @@
align-items: center;
justify-content: space-between;
height: @cascader-header-height;
padding: 0 @padding-md;
padding: @cascader-header-padding;
}
&__title {

View File

@ -1,6 +1,7 @@
@import '../style/var.less';
@cascader-header-height: 48px;
@cascader-header-padding: 0 @padding-md;
@cascader-title-font-size: @font-size-lg;
@cascader-title-line-height: 20px;
@cascader-close-icon-size: 22px;

View File

@ -305,7 +305,7 @@ export default defineComponent({
state.focused = true;
emit('focus', event);
// readonly not work in lagacy mobile safari
// readonly not work in legacy mobile safari
const readonly = getProp('readonly');
if (readonly) {
blur();

View File

@ -83,8 +83,8 @@ export function mapInputType(
type: InputHTMLAttributes['type'];
inputmode?: HTMLAttributes['inputmode'];
} {
// type="number" is weired in iOS, and can't prevent dot in Android
// so use inputmode to set keyboard in mordern browers
// type="number" is weird in iOS, and can't prevent dot in Android
// so use inputmode to set keyboard in modern browsers
if (type === 'number') {
return {
type: 'text',