feat(Form): add label-width prop

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) };
       }

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` |
+| label-width | Field label width | *number \| string* | `90px` |
-| input-align | Input text align, can be set to `center` `right` | *string* | `left` |
+| 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

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` |

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,