From a8a18505a6bd6773e78a2cda5ce758156b85957b Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E9=99=88=E5=98=89=E6=B6=B5?= Date: Fri, 31 May 2019 19:09:19 +0800 Subject: [PATCH] [new feature] Field: add clearable prop --- docs/markdown/changelog.zh-CN.md | 4 ++++ packages/cell/index.tsx | 2 -- packages/cell/shared.ts | 2 ++ packages/field/en-US.md | 3 ++- packages/field/index.js | 1 + packages/field/zh-CN.md | 3 ++- 6 files changed, 11 insertions(+), 4 deletions(-) diff --git a/docs/markdown/changelog.zh-CN.md b/docs/markdown/changelog.zh-CN.md index 48afba87d..88cedc282 100644 --- a/docs/markdown/changelog.zh-CN.md +++ b/docs/markdown/changelog.zh-CN.md @@ -2,6 +2,10 @@ ### [v2.0.0-beta.4](https://github.com/youzan/vant/tree/v2.0.0-beta.4) +##### Field + +- 新增`clickable`属性 + ##### Stepper - 支持`Number`类型的`input-width`属性 diff --git a/packages/cell/index.tsx b/packages/cell/index.tsx index ff5561ba1..6b47d086c 100644 --- a/packages/cell/index.tsx +++ b/packages/cell/index.tsx @@ -11,7 +11,6 @@ import { Mods } from '../utils/use/bem'; export type CellProps = RouteProps & SharedCellProps & { - clickable?: boolean; arrowDirection?: string; }; @@ -104,7 +103,6 @@ function Cell( Cell.props = { ...cellProps, ...routeProps, - clickable: Boolean, arrowDirection: String }; diff --git a/packages/cell/shared.ts b/packages/cell/shared.ts index 21a75887f..05c6541b6 100644 --- a/packages/cell/shared.ts +++ b/packages/cell/shared.ts @@ -5,6 +5,7 @@ export type SharedCellProps = { center?: boolean; isLink?: boolean; required?: boolean; + clickable?: boolean; titleStyle?: any; titleClass?: any; valueClass?: any; @@ -20,6 +21,7 @@ export const cellProps = { center: Boolean, isLink: Boolean, required: Boolean, + clickable: Boolean, titleStyle: null as any, titleClass: null as any, valueClass: null as any, diff --git a/packages/field/en-US.md b/packages/field/en-US.md index d819e85fe..cda38ed12 100644 --- a/packages/field/en-US.md +++ b/packages/field/en-US.md @@ -130,8 +130,9 @@ Field support all native properties of input tag,such as `maxlength`、`placeh | border | Whether to show inner border | `Boolean` | `true` | | disabled | Whether to disable field | `Boolean` | `false` | | readonly | Whether to be readonly | `Boolean` | `false` | +| required | Whether to show required mark | `Boolean` | `false` | | clearable | Whether to be clearable | `Boolean` | `false` | -| required | Whether to show required mark | `Boolean` | `false` +| clickable | Whether to show click feedback when clicked | `Boolean` | `false` | | is-link | Whether to show link icon | `Boolean` | `false` | | error | Whether to show error info | `Boolean` | `false` | | error-message | Error message | `String` | `''` | diff --git a/packages/field/index.js b/packages/field/index.js index d30b0ec3c..a1dd09df8 100644 --- a/packages/field/index.js +++ b/packages/field/index.js @@ -262,6 +262,7 @@ export default sfc({ border={this.border} isLink={this.isLink} required={this.required} + clickable={this.clickable} titleStyle={this.labelStyle} titleClass={[bem('label', labelAlign), this.labelClass]} class={bem({ diff --git a/packages/field/zh-CN.md b/packages/field/zh-CN.md index c941e5d19..3875b653d 100644 --- a/packages/field/zh-CN.md +++ b/packages/field/zh-CN.md @@ -133,8 +133,9 @@ Field 默认支持 Input 标签所有的原生属性,比如 `maxlength`、`pla | border | 是否显示内边框 | `Boolean` | `true` | - | | disabled | 是否禁用输入框 | `Boolean` | `false` | - | | readonly | 是否只读 | `Boolean` | `false` | - | -| clearable | 是否启用清除控件 | `Boolean` | `false` | 1.1.9 | | required | 是否显示表单必填星号 | `Boolean` | `false` | - | +| clearable | 是否启用清除控件 | `Boolean` | `false` | 1.1.9 | +| clickable | 是否开启点击反馈 | `Boolean` | `false` | 2.0.0 | | is-link | 是否展示右侧箭头并开启点击反馈 | `Boolean` | `false` | 1.1.10 | | error | 是否将输入内容标红 | `Boolean` | `false` | - | | error-message | 底部错误提示文案,为空时不展示 | `String` | `''` | -