diff --git a/docs/markdown/v2-progress-tracking.md b/docs/markdown/v2-progress-tracking.md index e65375a1e..6ca5ac39f 100644 --- a/docs/markdown/v2-progress-tracking.md +++ b/docs/markdown/v2-progress-tracking.md @@ -53,6 +53,10 @@ - 新增`Skeleton`骨架屏组件 +### Field + +- 新增`label-class`属性 + ### Popup - 新增`click`事件 diff --git a/packages/field/en-US.md b/packages/field/en-US.md index a3c8f10a3..69eb0f50f 100644 --- a/packages/field/en-US.md +++ b/packages/field/en-US.md @@ -127,6 +127,7 @@ Field support all native properties of input tag,such as `maxlength`、`placeh | is-link | Whether to show link icon | `Boolean` | `false` | | error | Whether to show error info | `Boolean` | `false` | | error-message | Error message | `String` | `''` | +| label-class | Label className | `any` | - | | label-width | Label width | `String | Number` | `90px` | | 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` | diff --git a/packages/field/index.js b/packages/field/index.js index 89be94df1..f5bafc017 100644 --- a/packages/field/index.js +++ b/packages/field/index.js @@ -17,6 +17,7 @@ export default sfc({ readonly: Boolean, clearable: Boolean, labelWidth: [String, Number], + labelClass: null, labelAlign: String, inputAlign: String, autosize: [Boolean, Object], @@ -242,7 +243,7 @@ export default sfc({ isLink={this.isLink} required={this.required} titleStyle={this.labelStyle} - titleClass={bem('label', labelAlign)} + titleClass={[bem('label', labelAlign), this.labelClass]} class={bem({ error: this.error, disabled: this.$attrs.disabled, diff --git a/packages/field/test/__snapshots__/index.spec.js.snap b/packages/field/test/__snapshots__/index.spec.js.snap index 813d0fc81..4940bd6be 100644 --- a/packages/field/test/__snapshots__/index.spec.js.snap +++ b/packages/field/test/__snapshots__/index.spec.js.snap @@ -17,6 +17,15 @@ exports[`clearable 2`] = ` `; +exports[`label-class prop 1`] = ` +