diff --git a/src/field/index.js b/src/field/index.js index d052a122e..1453b7abb 100644 --- a/src/field/index.js +++ b/src/field/index.js @@ -109,7 +109,8 @@ export default createComponent({ }, labelStyle() { - const { labelWidth } = this; + const labelWidth = this.getProp('labelWidth'); + if (labelWidth) { return { width: addUnit(labelWidth) }; } diff --git a/src/form/README.md b/src/form/README.md index ea9c3cb6a..d911fe5f9 100644 --- a/src/form/README.md +++ b/src/form/README.md @@ -405,8 +405,9 @@ export default { | Attribute | Description | Type | Default | |------|------|------|------| -| label-align | Label text align, can be set to `center` `right` | *string* | `left` | -| input-align | Input text align, can be set to `center` `right` | *string* | `left` | +| label-width | Field label width | *number \| string* | `90px` | +| label-align | Field label text align, can be set to `center` `right` | *string* | `left` | +| input-align | Field input text align, can be set to `center` `right` | *string* | `left` | | validate-first | Whether to stop the validation when a rule fails | *boolean* | `false` | ### Events diff --git a/src/form/README.zh-CN.md b/src/form/README.zh-CN.md index b707cacd0..e00c4021c 100644 --- a/src/form/README.zh-CN.md +++ b/src/form/README.zh-CN.md @@ -437,6 +437,7 @@ export default { | 参数 | 说明 | 类型 | 默认值 | |------|------|------|------| +| label-width | 表单项文本宽度,默认单位为`px` | *number \| string* | `90px` | | label-align | 表单项文本对齐方式,可选值为 `center` `right` | *string* | `left` | | input-align | 输入框内容对齐方式,可选值为 `center` `right` | *string* | `left` | | validate-first | 是否在某一项校验不通过时停止校验 | *boolean* | `false` | diff --git a/src/form/index.js b/src/form/index.js index f39e3a5d4..7f5239ba0 100644 --- a/src/form/index.js +++ b/src/form/index.js @@ -4,6 +4,7 @@ const [createComponent, bem] = createNamespace('form'); export default createComponent({ props: { + labelWidth: [Number, String], labelAlign: String, inputAlign: String, validateFirst: Boolean,