@hi-ui/form 4.1.7 → 4.2.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (11) hide show
  1. package/CHANGELOG.md +15 -0
  2. package/lib/cjs/Form.js +6 -3
  3. package/lib/cjs/FormLabel.js +7 -4
  4. package/lib/cjs/styles/index.scss.js +1 -1
  5. package/lib/esm/Form.js +6 -3
  6. package/lib/esm/FormLabel.js +7 -4
  7. package/lib/esm/styles/index.scss.js +1 -1
  8. package/lib/types/Form.d.ts +5 -0
  9. package/lib/types/FormLabel.d.ts +4 -0
  10. package/lib/types/context.d.ts +1 -0
  11. package/package.json +2 -2
package/CHANGELOG.md CHANGED
@@ -1,5 +1,20 @@
1
1
  # @hi-ui/form
2
2
 
3
+ ## 4.2.1
4
+
5
+ ### Patch Changes
6
+
7
+ - [#2842](https://github.com/XiaoMi/hiui/pull/2842) [`3dc8c1556`](https://github.com/XiaoMi/hiui/commit/3dc8c155674bb8d702187cc4a33e684d22f04bf6) Thanks [@zyprepare](https://github.com/zyprepare)! - fix: 修复标签顶对齐时样式问题
8
+
9
+ - Updated dependencies [[`3afbf239e`](https://github.com/XiaoMi/hiui/commit/3afbf239e816ede48d6a85cbd99b6b099b8c8eb3)]:
10
+ - @hi-ui/env@4.0.7
11
+
12
+ ## 4.2.0
13
+
14
+ ### Minor Changes
15
+
16
+ - [#2818](https://github.com/XiaoMi/hiui/pull/2818) [`39d555903`](https://github.com/XiaoMi/hiui/commit/39d555903c81207d5d2bf34a2a5d1942152dcee0) Thanks [@zyprepare](https://github.com/zyprepare)! - feat: add showValidateMessage api
17
+
3
18
  ## 4.1.7
4
19
 
5
20
  ### Patch Changes
package/lib/cjs/Form.js CHANGED
@@ -51,7 +51,9 @@ var Form = /*#__PURE__*/React.forwardRef(function (_a, ref) {
51
51
  showRequiredOnValidateRequired = _a$showRequiredOnVali === void 0 ? false : _a$showRequiredOnVali,
52
52
  _a$showColon = _a.showColon,
53
53
  showColon = _a$showColon === void 0 ? true : _a$showColon,
54
- rest = tslib.__rest(_a, ["prefixCls", "role", "className", "children", "innerRef", "labelWidth", "labelPlacement", "placement", "contentPosition", "showRequiredOnValidateRequired", "showColon"]);
54
+ _a$showValidateMessag = _a.showValidateMessage,
55
+ showValidateMessage = _a$showValidateMessag === void 0 ? true : _a$showValidateMessag,
56
+ rest = tslib.__rest(_a, ["prefixCls", "role", "className", "children", "innerRef", "labelWidth", "labelPlacement", "placement", "contentPosition", "showRequiredOnValidateRequired", "showColon", "showValidateMessage"]);
55
57
  var formContext = useForm.useForm(rest);
56
58
  var getRootProps = formContext.getRootProps;
57
59
  // @ts-ignore
@@ -76,11 +78,12 @@ var Form = /*#__PURE__*/React.forwardRef(function (_a, ref) {
76
78
  labelPlacement: labelPlacement,
77
79
  showColon: showColon,
78
80
  contentPosition: contentPosition,
79
- showRequiredOnValidateRequired: showRequiredOnValidateRequired
81
+ showRequiredOnValidateRequired: showRequiredOnValidateRequired,
82
+ showValidateMessage: showValidateMessage
80
83
  }, formContext), {
81
84
  prefixCls: prefixCls
82
85
  });
83
- }, [labelWidth, formContext, labelPlacement, showColon, prefixCls, contentPosition, showRequiredOnValidateRequired]);
86
+ }, [labelWidth, labelPlacement, showColon, contentPosition, showRequiredOnValidateRequired, showValidateMessage, formContext, prefixCls]);
84
87
  var cls = classname.cx(prefixCls, className, placement && prefixCls + "--placement-" + placement);
85
88
  return /*#__PURE__*/(
86
89
  // @ts-ignore
package/lib/cjs/FormLabel.js CHANGED
@@ -34,7 +34,8 @@ var FormLabel = /*#__PURE__*/React.forwardRef(function (props, ref) {
34
34
  labelWidthContext = _useFormContext.labelWidth,
35
35
  labelPlacementContext = _useFormContext.labelPlacement,
36
36
  showColonContext = _useFormContext.showColon,
37
- contentPositionContext = _useFormContext.contentPosition;
37
+ contentPositionContext = _useFormContext.contentPosition,
38
+ showValidateMessageContext = _useFormContext.showValidateMessage;
38
39
  var _props$prefixCls = props.prefixCls,
39
40
  prefixCls = _props$prefixCls === void 0 ? _prefix : _props$prefixCls,
40
41
  _props$role = props.role,
@@ -54,7 +55,9 @@ var FormLabel = /*#__PURE__*/React.forwardRef(function (props, ref) {
54
55
  _props$labelPlacement = props.labelPlacement,
55
56
  labelPlacement = _props$labelPlacement === void 0 ? labelPlacementContext : _props$labelPlacement,
56
57
  formMessage = props.formMessage,
57
- rest = tslib.__rest(props, ["prefixCls", "role", "className", "style", "children", "label", "required", "labelWidth", "showColon", "contentPosition", "labelPlacement", "formMessage"]);
58
+ _props$showValidateMe = props.showValidateMessage,
59
+ showValidateMessageProp = _props$showValidateMe === void 0 ? showValidateMessageContext : _props$showValidateMe,
60
+ rest = tslib.__rest(props, ["prefixCls", "role", "className", "style", "children", "label", "required", "labelWidth", "showColon", "contentPosition", "labelPlacement", "formMessage", "showValidateMessage"]);
58
61
  var _useMemo = React.useMemo(function () {
59
62
  if (labelPlacement === 'top') return {
60
63
  labelWidth: '100%',
@@ -111,11 +114,11 @@ var FormLabel = /*#__PURE__*/React.forwardRef(function (props, ref) {
111
114
  style: {
112
115
  width: controlWidth
113
116
  }
114
- }, children)), /*#__PURE__*/React__default["default"].createElement("div", {
117
+ }, children)), showValidateMessageProp && ( /*#__PURE__*/React__default["default"].createElement("div", {
115
118
  style: {
116
119
  paddingLeft: "calc(100% - " + controlWidth + ")"
117
120
  }
118
- }, formMessage));
121
+ }, formMessage)));
119
122
  });
120
123
  if (env.__DEV__) {
121
124
  FormLabel.displayName = 'FormLabel';
package/lib/cjs/styles/index.scss.js CHANGED
@@ -12,7 +12,7 @@
12
12
  Object.defineProperty(exports, '__esModule', {
13
13
  value: true
14
14
  });
15
- var css_248z = ".hi-v4-form {max-width: 100%;position: relative;}.hi-v4-form fieldset {margin: 0;padding: 0;border: 0;}.hi-v4-form fieldset + fieldset {margin-top: 16px;}.hi-v4-form legend {margin: 0 0 16px;color: var(--hi-v4-color-gray-800, #1f2937);}.hi-v4-form--placement-horizontal {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-column-gap: var(--hi-v4-spacing-10, 20px);-moz-column-gap: var(--hi-v4-spacing-10, 20px);column-gap: var(--hi-v4-spacing-10, 20px);}.hi-v4-form--placement-horizontal .hi-v4-form-label__indent {min-height: var(--hi-v4-height-8, 32px);}.hi-v4-form-label {font-size: var(--hi-v4-text-size-md, 0.875rem);-webkit-box-sizing: border-box;box-sizing: border-box;margin-right: 0;}.hi-v4-form-label__content {display: -webkit-box;display: -ms-flexbox;display: flex;}.hi-v4-form-label--placement-top > .hi-v4-form-label__content {text-align: left;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;padding-right: 0;}.hi-v4-form-label__content__text, .hi-v4-form-label__content__indent {-ms-flex-negative: 0;flex-shrink: 0;-webkit-box-sizing: border-box;box-sizing: border-box;vertical-align: top;color: var(--hi-v4-color-gray-800, #1f2937);overflow-wrap: break-word;}.hi-v4-form-label__content__text {padding-right: var(--hi-v4-spacing-6, 12px);min-height: var(--hi-v4-height-8, 32px);line-height: var(--hi-v4-height-8, 32px);}.hi-v4-form-label--placement-left > .hi-v4-form-label__content > .hi-v4-form-label__content__text {text-align: left;}.hi-v4-form-label--placement-right > .hi-v4-form-label__content > .hi-v4-form-label__content__text {text-align: right;}.hi-v4-form-label--placement-top > .hi-v4-form-label__content > .hi-v4-form-label__content__text {height: 22px;min-height: 22px;line-height: 22px;padding-right: 0;margin-bottom: var(--hi-v4-spacing-4, 8px);}.hi-v4-form-label--required > .hi-v4-form-label__content > .hi-v4-form-label__content__text::before {margin-right: var(--hi-v4-spacing-2, 4px);content: \"*\";color: var(--hi-v4-color-danger-500, var(--hi-v4-color-red-500, #ff5959));}.hi-v4-form-label__content__control {min-width: 1px;}.hi-v4-form-message {display: block;font-size: var(--hi-v4-text-size-md, 0.875rem);min-height: 24px;padding: 2px 0;-webkit-box-sizing: border-box;box-sizing: border-box;line-height: 20px;-webkit-transform: translateY(-10%);transform: translateY(-10%);opacity: 0;color: var(--hi-v4-color-danger-500, var(--hi-v4-color-red-500, #ff5959));-webkit-transition: all 0.3s;transition: all 0.3s;}.hi-v4-form-message--show {opacity: 1;-webkit-transform: translateY(0);transform: translateY(0);}.hi-v4-form-item {position: relative;}";
15
+ var css_248z = ".hi-v4-form {max-width: 100%;position: relative;}.hi-v4-form fieldset {margin: 0;padding: 0;border: 0;}.hi-v4-form fieldset + fieldset {margin-top: 16px;}.hi-v4-form legend {margin: 0 0 16px;color: var(--hi-v4-color-gray-800, #1f2937);}.hi-v4-form--placement-horizontal {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-column-gap: var(--hi-v4-spacing-10, 20px);-moz-column-gap: var(--hi-v4-spacing-10, 20px);column-gap: var(--hi-v4-spacing-10, 20px);}.hi-v4-form--placement-horizontal .hi-v4-form-label__indent {min-height: var(--hi-v4-height-8, 32px);}.hi-v4-form-label {font-size: var(--hi-v4-text-size-md, 0.875rem);-webkit-box-sizing: border-box;box-sizing: border-box;margin-right: 0;}.hi-v4-form-label__content {display: -webkit-box;display: -ms-flexbox;display: flex;}.hi-v4-form-label--placement-top > .hi-v4-form-label__content {text-align: left;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;padding-right: 0;}.hi-v4-form-label__content__text, .hi-v4-form-label__content__indent {-ms-flex-negative: 0;flex-shrink: 0;-webkit-box-sizing: border-box;box-sizing: border-box;vertical-align: top;color: var(--hi-v4-color-gray-800, #1f2937);overflow-wrap: break-word;}.hi-v4-form-label__content__text {padding-right: var(--hi-v4-spacing-6, 12px);min-height: var(--hi-v4-height-8, 32px);line-height: var(--hi-v4-height-8, 32px);}.hi-v4-form-label--placement-left > .hi-v4-form-label__content > .hi-v4-form-label__content__text {text-align: left;}.hi-v4-form-label--placement-right > .hi-v4-form-label__content > .hi-v4-form-label__content__text {text-align: right;}.hi-v4-form-label--placement-top > .hi-v4-form-label__content > .hi-v4-form-label__content__text {min-height: 22px;line-height: 22px;padding-right: 0;margin-bottom: var(--hi-v4-spacing-4, 8px);}.hi-v4-form-label--required > .hi-v4-form-label__content > .hi-v4-form-label__content__text::before {margin-right: var(--hi-v4-spacing-2, 4px);content: \"*\";color: var(--hi-v4-color-danger-500, var(--hi-v4-color-red-500, #ff5959));}.hi-v4-form-label__content__control {min-width: 1px;}.hi-v4-form-message {display: block;font-size: var(--hi-v4-text-size-md, 0.875rem);min-height: 24px;padding: 2px 0;-webkit-box-sizing: border-box;box-sizing: border-box;line-height: 20px;-webkit-transform: translateY(-10%);transform: translateY(-10%);opacity: 0;color: var(--hi-v4-color-danger-500, var(--hi-v4-color-red-500, #ff5959));-webkit-transition: all 0.3s;transition: all 0.3s;}.hi-v4-form-message--show {opacity: 1;-webkit-transform: translateY(0);transform: translateY(0);}.hi-v4-form-item {position: relative;}";
16
16
  var __styleInject__ = require('@hi-ui/style-inject')["default"];
17
17
  __styleInject__(css_248z);
18
18
  exports["default"] = css_248z;
package/lib/esm/Form.js CHANGED
@@ -39,7 +39,9 @@ var Form = /*#__PURE__*/forwardRef(function (_a, ref) {
39
39
  showRequiredOnValidateRequired = _a$showRequiredOnVali === void 0 ? false : _a$showRequiredOnVali,
40
40
  _a$showColon = _a.showColon,
41
41
  showColon = _a$showColon === void 0 ? true : _a$showColon,
42
- rest = __rest(_a, ["prefixCls", "role", "className", "children", "innerRef", "labelWidth", "labelPlacement", "placement", "contentPosition", "showRequiredOnValidateRequired", "showColon"]);
42
+ _a$showValidateMessag = _a.showValidateMessage,
43
+ showValidateMessage = _a$showValidateMessag === void 0 ? true : _a$showValidateMessag,
44
+ rest = __rest(_a, ["prefixCls", "role", "className", "children", "innerRef", "labelWidth", "labelPlacement", "placement", "contentPosition", "showRequiredOnValidateRequired", "showColon", "showValidateMessage"]);
43
45
  var formContext = useForm(rest);
44
46
  var getRootProps = formContext.getRootProps;
45
47
  // @ts-ignore
@@ -64,11 +66,12 @@ var Form = /*#__PURE__*/forwardRef(function (_a, ref) {
64
66
  labelPlacement: labelPlacement,
65
67
  showColon: showColon,
66
68
  contentPosition: contentPosition,
67
- showRequiredOnValidateRequired: showRequiredOnValidateRequired
69
+ showRequiredOnValidateRequired: showRequiredOnValidateRequired,
70
+ showValidateMessage: showValidateMessage
68
71
  }, formContext), {
69
72
  prefixCls: prefixCls
70
73
  });
71
- }, [labelWidth, formContext, labelPlacement, showColon, prefixCls, contentPosition, showRequiredOnValidateRequired]);
74
+ }, [labelWidth, labelPlacement, showColon, contentPosition, showRequiredOnValidateRequired, showValidateMessage, formContext, prefixCls]);
72
75
  var cls = cx(prefixCls, className, placement && prefixCls + "--placement-" + placement);
73
76
  return /*#__PURE__*/(
74
77
  // @ts-ignore
package/lib/esm/FormLabel.js CHANGED
@@ -22,7 +22,8 @@ var FormLabel = /*#__PURE__*/forwardRef(function (props, ref) {
22
22
  labelWidthContext = _useFormContext.labelWidth,
23
23
  labelPlacementContext = _useFormContext.labelPlacement,
24
24
  showColonContext = _useFormContext.showColon,
25
- contentPositionContext = _useFormContext.contentPosition;
25
+ contentPositionContext = _useFormContext.contentPosition,
26
+ showValidateMessageContext = _useFormContext.showValidateMessage;
26
27
  var _props$prefixCls = props.prefixCls,
27
28
  prefixCls = _props$prefixCls === void 0 ? _prefix : _props$prefixCls,
28
29
  _props$role = props.role,
@@ -42,7 +43,9 @@ var FormLabel = /*#__PURE__*/forwardRef(function (props, ref) {
42
43
  _props$labelPlacement = props.labelPlacement,
43
44
  labelPlacement = _props$labelPlacement === void 0 ? labelPlacementContext : _props$labelPlacement,
44
45
  formMessage = props.formMessage,
45
- rest = __rest(props, ["prefixCls", "role", "className", "style", "children", "label", "required", "labelWidth", "showColon", "contentPosition", "labelPlacement", "formMessage"]);
46
+ _props$showValidateMe = props.showValidateMessage,
47
+ showValidateMessageProp = _props$showValidateMe === void 0 ? showValidateMessageContext : _props$showValidateMe,
48
+ rest = __rest(props, ["prefixCls", "role", "className", "style", "children", "label", "required", "labelWidth", "showColon", "contentPosition", "labelPlacement", "formMessage", "showValidateMessage"]);
46
49
  var _useMemo = useMemo(function () {
47
50
  if (labelPlacement === 'top') return {
48
51
  labelWidth: '100%',
@@ -99,11 +102,11 @@ var FormLabel = /*#__PURE__*/forwardRef(function (props, ref) {
99
102
  style: {
100
103
  width: controlWidth
101
104
  }
102
- }, children)), /*#__PURE__*/React.createElement("div", {
105
+ }, children)), showValidateMessageProp && ( /*#__PURE__*/React.createElement("div", {
103
106
  style: {
104
107
  paddingLeft: "calc(100% - " + controlWidth + ")"
105
108
  }
106
- }, formMessage));
109
+ }, formMessage)));
107
110
  });
108
111
  if (__DEV__) {
109
112
  FormLabel.displayName = 'FormLabel';
package/lib/esm/styles/index.scss.js CHANGED
@@ -8,6 +8,6 @@
8
8
  * LICENSE file in the root directory of this source tree.
9
9
  */
10
10
  import __styleInject__ from '@hi-ui/style-inject';
11
- var css_248z = ".hi-v4-form {max-width: 100%;position: relative;}.hi-v4-form fieldset {margin: 0;padding: 0;border: 0;}.hi-v4-form fieldset + fieldset {margin-top: 16px;}.hi-v4-form legend {margin: 0 0 16px;color: var(--hi-v4-color-gray-800, #1f2937);}.hi-v4-form--placement-horizontal {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-column-gap: var(--hi-v4-spacing-10, 20px);-moz-column-gap: var(--hi-v4-spacing-10, 20px);column-gap: var(--hi-v4-spacing-10, 20px);}.hi-v4-form--placement-horizontal .hi-v4-form-label__indent {min-height: var(--hi-v4-height-8, 32px);}.hi-v4-form-label {font-size: var(--hi-v4-text-size-md, 0.875rem);-webkit-box-sizing: border-box;box-sizing: border-box;margin-right: 0;}.hi-v4-form-label__content {display: -webkit-box;display: -ms-flexbox;display: flex;}.hi-v4-form-label--placement-top > .hi-v4-form-label__content {text-align: left;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;padding-right: 0;}.hi-v4-form-label__content__text, .hi-v4-form-label__content__indent {-ms-flex-negative: 0;flex-shrink: 0;-webkit-box-sizing: border-box;box-sizing: border-box;vertical-align: top;color: var(--hi-v4-color-gray-800, #1f2937);overflow-wrap: break-word;}.hi-v4-form-label__content__text {padding-right: var(--hi-v4-spacing-6, 12px);min-height: var(--hi-v4-height-8, 32px);line-height: var(--hi-v4-height-8, 32px);}.hi-v4-form-label--placement-left > .hi-v4-form-label__content > .hi-v4-form-label__content__text {text-align: left;}.hi-v4-form-label--placement-right > .hi-v4-form-label__content > .hi-v4-form-label__content__text {text-align: right;}.hi-v4-form-label--placement-top > .hi-v4-form-label__content > .hi-v4-form-label__content__text {height: 22px;min-height: 22px;line-height: 22px;padding-right: 0;margin-bottom: var(--hi-v4-spacing-4, 8px);}.hi-v4-form-label--required > .hi-v4-form-label__content > .hi-v4-form-label__content__text::before {margin-right: var(--hi-v4-spacing-2, 4px);content: \"*\";color: var(--hi-v4-color-danger-500, var(--hi-v4-color-red-500, #ff5959));}.hi-v4-form-label__content__control {min-width: 1px;}.hi-v4-form-message {display: block;font-size: var(--hi-v4-text-size-md, 0.875rem);min-height: 24px;padding: 2px 0;-webkit-box-sizing: border-box;box-sizing: border-box;line-height: 20px;-webkit-transform: translateY(-10%);transform: translateY(-10%);opacity: 0;color: var(--hi-v4-color-danger-500, var(--hi-v4-color-red-500, #ff5959));-webkit-transition: all 0.3s;transition: all 0.3s;}.hi-v4-form-message--show {opacity: 1;-webkit-transform: translateY(0);transform: translateY(0);}.hi-v4-form-item {position: relative;}";
11
+ var css_248z = ".hi-v4-form {max-width: 100%;position: relative;}.hi-v4-form fieldset {margin: 0;padding: 0;border: 0;}.hi-v4-form fieldset + fieldset {margin-top: 16px;}.hi-v4-form legend {margin: 0 0 16px;color: var(--hi-v4-color-gray-800, #1f2937);}.hi-v4-form--placement-horizontal {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-column-gap: var(--hi-v4-spacing-10, 20px);-moz-column-gap: var(--hi-v4-spacing-10, 20px);column-gap: var(--hi-v4-spacing-10, 20px);}.hi-v4-form--placement-horizontal .hi-v4-form-label__indent {min-height: var(--hi-v4-height-8, 32px);}.hi-v4-form-label {font-size: var(--hi-v4-text-size-md, 0.875rem);-webkit-box-sizing: border-box;box-sizing: border-box;margin-right: 0;}.hi-v4-form-label__content {display: -webkit-box;display: -ms-flexbox;display: flex;}.hi-v4-form-label--placement-top > .hi-v4-form-label__content {text-align: left;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;padding-right: 0;}.hi-v4-form-label__content__text, .hi-v4-form-label__content__indent {-ms-flex-negative: 0;flex-shrink: 0;-webkit-box-sizing: border-box;box-sizing: border-box;vertical-align: top;color: var(--hi-v4-color-gray-800, #1f2937);overflow-wrap: break-word;}.hi-v4-form-label__content__text {padding-right: var(--hi-v4-spacing-6, 12px);min-height: var(--hi-v4-height-8, 32px);line-height: var(--hi-v4-height-8, 32px);}.hi-v4-form-label--placement-left > .hi-v4-form-label__content > .hi-v4-form-label__content__text {text-align: left;}.hi-v4-form-label--placement-right > .hi-v4-form-label__content > .hi-v4-form-label__content__text {text-align: right;}.hi-v4-form-label--placement-top > .hi-v4-form-label__content > .hi-v4-form-label__content__text {min-height: 22px;line-height: 22px;padding-right: 0;margin-bottom: var(--hi-v4-spacing-4, 8px);}.hi-v4-form-label--required > .hi-v4-form-label__content > .hi-v4-form-label__content__text::before {margin-right: var(--hi-v4-spacing-2, 4px);content: \"*\";color: var(--hi-v4-color-danger-500, var(--hi-v4-color-red-500, #ff5959));}.hi-v4-form-label__content__control {min-width: 1px;}.hi-v4-form-message {display: block;font-size: var(--hi-v4-text-size-md, 0.875rem);min-height: 24px;padding: 2px 0;-webkit-box-sizing: border-box;box-sizing: border-box;line-height: 20px;-webkit-transform: translateY(-10%);transform: translateY(-10%);opacity: 0;color: var(--hi-v4-color-danger-500, var(--hi-v4-color-red-500, #ff5959));-webkit-transition: all 0.3s;transition: all 0.3s;}.hi-v4-form-message--show {opacity: 1;-webkit-transform: translateY(0);transform: translateY(0);}.hi-v4-form-item {position: relative;}";
12
12
  __styleInject__(css_248z);
13
13
  export { css_248z as default };
package/lib/types/Form.d.ts CHANGED
@@ -36,4 +36,9 @@ export interface FormProps<Values = Record<string, any>> extends Omit<HiBaseHTML
36
36
  * FormItem 开启 filed 的 required 校验时，展示红色星号
37
37
  */
38
38
  showRequiredOnValidateRequired?: boolean;
39
+ /**
40
+ * 是否显示校验提示
41
+ * @default true
42
+ */
43
+ showValidateMessage?: boolean;
39
44
  }
package/lib/types/FormLabel.d.ts CHANGED
@@ -30,4 +30,8 @@ export interface FormLabelProps extends HiBaseHTMLProps<'div'> {
30
30
  * 提示信息
31
31
  */
32
32
  formMessage?: ReactNode;
33
+ /**
34
+ * 是否显示校验提示。优先级高于 Form 设置的 showValidateMessage
35
+ */
36
+ showValidateMessage?: boolean;
33
37
  }
package/lib/types/context.d.ts CHANGED
@@ -6,6 +6,7 @@ export interface FormContextProps extends UseFormReturn {
6
6
  contentPosition: 'top' | 'center' | 'bottom';
7
7
  showColon: boolean;
8
8
  showRequiredOnValidateRequired: boolean;
9
+ showValidateMessage: boolean;
9
10
  prefixCls: string;
10
11
  }
11
12
  export declare const FormProvider: React.Provider<Omit<FormContextProps, "rootProps"> | null>;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@hi-ui/form",
3
- "version": "4.1.7",
3
+ "version": "4.2.1",
4
4
  "description": "A sub-package for @hi-ui/hiui.",
5
5
  "keywords": [],
6
6
  "author": "HiUI <mi-hiui@xiaomi.com>",
@@ -47,7 +47,7 @@
47
47
  "@hi-ui/button": "^4.0.10",
48
48
  "@hi-ui/classname": "^4.0.5",
49
49
  "@hi-ui/dom-utils": "^4.0.7",
50
- "@hi-ui/env": "^4.0.5",
50
+ "@hi-ui/env": "^4.0.7",
51
51
  "@hi-ui/func-utils": "^4.0.4",
52
52
  "@hi-ui/object-utils": "^4.0.4",
53
53
  "@hi-ui/type-assertion": "^4.0.4",