@hi-ui/form 4.1.5 → 4.1.7-alpha.0

package/CHANGELOG.md

@@ -1,5 +1,26 @@
 # @hi-ui/form
 
+## 4.1.7-alpha.0
+
+### Patch Changes
+
+- 1a00f9fc4: build: style-inject(node 环境下有问题) 替换为 @hi-ui/style-inject
+- Updated dependencies [1a00f9fc4]
+  - @hi-ui/env@4.0.5-alpha.0
+  - @hi-ui/button@4.0.10-alpha.0
+  - @hi-ui/array-utils@4.0.5-alpha.0
+  - @hi-ui/classname@4.0.5-alpha.0
+  - @hi-ui/dom-utils@4.0.8-alpha.0
+  - @hi-ui/core@4.0.9-alpha.0
+  - @hi-ui/object-utils@4.0.5-alpha.0
+  - @hi-ui/func-utils@4.0.5-alpha.0
+
+## 4.1.6
+
+### Patch Changes
+
+- [#2761](https://github.com/XiaoMi/hiui/pull/2761) [`7fc7e2c1a`](https://github.com/XiaoMi/hiui/commit/7fc7e2c1a8c0daa6df77bf01864c262a14df3cc6) Thanks [@zyprepare](https://github.com/zyprepare)! - fix: 修复横向表单错误提示样式问题
+
 ## 4.1.5
 
 ### Patch Changes

package/lib/cjs/Form.js

@@ -19,12 +19,12 @@ var classname = require('@hi-ui/classname');
 var env = require('@hi-ui/env');
 var context = require('./context.js');
 var useForm = require('./use-form.js');
-function _interopDefaultLegacy(e) {
+function _interopDefaultCompat(e) {
   return e && _typeof(e) === 'object' && 'default' in e ? e : {
     'default': e
   };
 }
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var _role = 'form';
 var _prefix = classname.getPrefixCls(_role);
 // form 注册表

package/lib/cjs/FormItem.js

@@ -22,12 +22,12 @@ var FormMessage = require('./FormMessage.js');
 var FormField = require('./FormField.js');
 var context = require('./context.js');
 var classname = require('@hi-ui/classname');
-function _interopDefaultLegacy(e) {
+function _interopDefaultCompat(e) {
   return e && _typeof(e) === 'object' && 'default' in e ? e : {
     'default': e
   };
 }
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var FormItem = function FormItem(_a) {
   var className = _a.className,
     children = _a.children,

package/lib/cjs/FormLabel.js

@@ -20,12 +20,12 @@ var env = require('@hi-ui/env');
 var context = require('./context.js');
 var typeAssertion = require('@hi-ui/type-assertion');
 var core = require('@hi-ui/core');
-function _interopDefaultLegacy(e) {
+function _interopDefaultCompat(e) {
   return e && _typeof(e) === 'object' && 'default' in e ? e : {
     'default': e
   };
 }
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var _role = 'form-label';
 var _prefix = classname.getPrefixCls(_role);
 var FormLabel = /*#__PURE__*/React.forwardRef(function (props, ref) {
@@ -63,7 +63,7 @@ var FormLabel = /*#__PURE__*/React.forwardRef(function (props, ref) {
       var labelWidth = typeAssertion.isNumeric(labelWidthProp) ? Number(labelWidthProp) : labelWidthProp;
       return {
         labelWidth: labelWidth,
-        controlWidth: "calc(100% - " + labelWidth + "px)"
+        controlWidth: typeAssertion.isNumeric(labelWidth) ? "calc(100% - " + labelWidth + "px)" : "calc(100% - " + labelWidth + ")"
       };
     }, [labelPlacement, labelWidthProp]),
     labelWidth = _useMemo.labelWidth,

package/lib/cjs/FormList.js

@@ -18,12 +18,12 @@ var env = require('@hi-ui/env');
 var context = require('./context.js');
 var objectUtils = require('@hi-ui/object-utils');
 var typeAssertion = require('@hi-ui/type-assertion');
-function _interopDefaultLegacy(e) {
+function _interopDefaultCompat(e) {
   return e && _typeof(e) === 'object' && 'default' in e ? e : {
     'default': e
   };
 }
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var fieldListSymbol = Symbol('field-list');
 var FormList = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var children = _ref.children,

package/lib/cjs/FormMessage.js

@@ -18,12 +18,12 @@ var React = require('react');
 var classname = require('@hi-ui/classname');
 var env = require('@hi-ui/env');
 var context = require('./context.js');
-function _interopDefaultLegacy(e) {
+function _interopDefaultCompat(e) {
   return e && _typeof(e) === 'object' && 'default' in e ? e : {
     'default': e
   };
 }
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var _role = 'form-message';
 var _prefix = classname.getPrefixCls(_role);
 var FormMessage = /*#__PURE__*/React.forwardRef(function (_a, ref) {

package/lib/cjs/FormReset.js

@@ -19,13 +19,13 @@ var classname = require('@hi-ui/classname');
 var env = require('@hi-ui/env');
 var context = require('./context.js');
 var Button = require('@hi-ui/button');
-function _interopDefaultLegacy(e) {
+function _interopDefaultCompat(e) {
   return e && _typeof(e) === 'object' && 'default' in e ? e : {
     'default': e
   };
 }
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var Button__default = /*#__PURE__*/_interopDefaultLegacy(Button);
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+var Button__default = /*#__PURE__*/_interopDefaultCompat(Button);
 var FORM_RESET_PREFIX = classname.getPrefixCls('form-reset');
 var FormReset = /*#__PURE__*/React.forwardRef(function (_a, ref) {
   var _a$prefixCls = _a.prefixCls,

package/lib/cjs/FormSubmit.js

@@ -19,13 +19,13 @@ var classname = require('@hi-ui/classname');
 var env = require('@hi-ui/env');
 var context = require('./context.js');
 var Button = require('@hi-ui/button');
-function _interopDefaultLegacy(e) {
+function _interopDefaultCompat(e) {
   return e && _typeof(e) === 'object' && 'default' in e ? e : {
     'default': e
   };
 }
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var Button__default = /*#__PURE__*/_interopDefaultLegacy(Button);
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+var Button__default = /*#__PURE__*/_interopDefaultCompat(Button);
 var _role = 'form-submit';
 var _prefix = classname.getPrefixCls(_role);
 var FormSubmit = /*#__PURE__*/React.forwardRef(function (_a, ref) {

package/lib/cjs/styles/index.scss.js

@@ -13,6 +13,6 @@ Object.defineProperty(exports, '__esModule', {
   value: true
 });
 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;}";
-var __styleInject__ = require('style-inject')["default"];
+var __styleInject__ = require('@hi-ui/style-inject')["default"];
 __styleInject__(css_248z);
 exports["default"] = css_248z;

package/lib/cjs/use-form-field.js

@@ -19,12 +19,12 @@ var typeAssertion = require('@hi-ui/type-assertion');
 var Validater = require('async-validator');
 var arrayUtils = require('@hi-ui/array-utils');
 var index = require('./utils/index.js');
-function _interopDefaultLegacy(e) {
+function _interopDefaultCompat(e) {
   return e && _typeof(e) === 'object' && 'default' in e ? e : {
     'default': e
   };
 }
-var Validater__default = /*#__PURE__*/_interopDefaultLegacy(Validater);
+var Validater__default = /*#__PURE__*/_interopDefaultCompat(Validater);
 var useFiledRules = function useFiledRules(props) {
   var field = props.field,
     rulesProp = props.rules,

package/lib/cjs/use-form.js

@@ -22,13 +22,13 @@ var typeAssertion = require('@hi-ui/type-assertion');
 var funcUtils = require('@hi-ui/func-utils');
 var objectUtils = require('@hi-ui/object-utils');
 var domUtils = require('@hi-ui/dom-utils');
-function _interopDefaultLegacy(e) {
+function _interopDefaultCompat(e) {
   return e && _typeof(e) === 'object' && 'default' in e ? e : {
     'default': e
   };
 }
-var _regeneratorRuntime__default = /*#__PURE__*/_interopDefaultLegacy(_regeneratorRuntime);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var _regeneratorRuntime__default = /*#__PURE__*/_interopDefaultCompat(_regeneratorRuntime);
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var EMPTY_RULES = {};
 var EMPTY_ERRORS = {};
 var EMPTY_TOUCHED = {};

package/lib/esm/FormLabel.js

@@ -51,7 +51,7 @@ var FormLabel = /*#__PURE__*/forwardRef(function (props, ref) {
       var labelWidth = isNumeric(labelWidthProp) ? Number(labelWidthProp) : labelWidthProp;
       return {
         labelWidth: labelWidth,
-        controlWidth: "calc(100% - " + labelWidth + "px)"
+        controlWidth: isNumeric(labelWidth) ? "calc(100% - " + labelWidth + "px)" : "calc(100% - " + labelWidth + ")"
       };
     }, [labelPlacement, labelWidthProp]),
     labelWidth = _useMemo.labelWidth,

package/lib/esm/index.js

@@ -9,19 +9,15 @@
  */
 import './styles/index.scss.js';
 import { Form as Form$1 } from './Form.js';
-export { FORM_REGISTER_TABLE, Form } from './Form.js';
+export { FORM_REGISTER_TABLE } from './Form.js';
 import { FormItem } from './FormItem.js';
-export { FormItem } from './FormItem.js';
 import { FormList } from './FormList.js';
-export { FormList } from './FormList.js';
 import { FormSubmit } from './FormSubmit.js';
-export { FormSubmit } from './FormSubmit.js';
 import { FormReset } from './FormReset.js';
-export { FormReset } from './FormReset.js';
 var Form = Object.assign(Form$1, {
   Item: FormItem,
   List: FormList,
   Submit: FormSubmit,
   Reset: FormReset
 });
-export { Form as default };
+export { Form$1 as Form, FormItem, FormList, FormReset, FormSubmit, Form as default };

package/lib/esm/styles/index.scss.js

@@ -7,7 +7,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-import __styleInject__ from 'style-inject';
+import __styleInject__ from '@hi-ui/style-inject';
 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;}";
 __styleInject__(css_248z);
 export { css_248z as default };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hi-ui/form",
-  "version": "4.1.5",
+  "version": "4.1.7-alpha.0",
   "description": "A sub-package for @hi-ui/hiui.",
   "keywords": [],
   "author": "HiUI <mi-hiui@xiaomi.com>",
@@ -43,24 +43,24 @@
     "url": "https://github.com/XiaoMi/hiui/issues"
   },
   "dependencies": {
-    "@hi-ui/array-utils": "^4.0.4",
-    "@hi-ui/button": "^4.0.9",
-    "@hi-ui/classname": "^4.0.4",
-    "@hi-ui/dom-utils": "^4.0.7",
-    "@hi-ui/env": "^4.0.4",
-    "@hi-ui/func-utils": "^4.0.4",
-    "@hi-ui/object-utils": "^4.0.4",
+    "@hi-ui/array-utils": "^4.0.5-alpha.0",
+    "@hi-ui/button": "^4.0.10-alpha.0",
+    "@hi-ui/classname": "^4.0.5-alpha.0",
+    "@hi-ui/dom-utils": "^4.0.8-alpha.0",
+    "@hi-ui/env": "^4.0.5-alpha.0",
+    "@hi-ui/func-utils": "^4.0.5-alpha.0",
+    "@hi-ui/object-utils": "^4.0.5-alpha.0",
     "@hi-ui/type-assertion": "^4.0.4",
     "@hi-ui/use-latest": "^4.0.4",
     "async-validator": "^4.0.7"
   },
   "peerDependencies": {
-    "@hi-ui/core": ">=4.0.8",
+    "@hi-ui/core": ">=4.0.9-alpha.0",
     "react": ">=16.8.6",
     "react-dom": ">=16.8.6"
   },
   "devDependencies": {
-    "@hi-ui/core": "^4.0.8",
+    "@hi-ui/core": "^4.0.9-alpha.0",
     "@hi-ui/core-css": "^4.1.5",
     "react": "^17.0.1",
     "react-dom": "^17.0.1"