blackteay/vant
1
0
Fork 0
mirror of https://gitee.com/vant-contrib/vant.git synced 2025-05-24 23:49:14 +08:00
Code Issues Projects Releases Wiki Activity

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

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
src/cascader/README.md
View File

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

1
src/cascader/README.zh-CN.md
View File

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

2
src/cascader/index.less
View File

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

1
src/cascader/var.less
View File

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

2
src/field/Field.tsx
View File

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

4
src/field/utils.ts
View File

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