@hi-ui/form 4.1.3 → 4.1.5

package/CHANGELOG.md

@@ -1,5 +1,39 @@
 # @hi-ui/form
 
+## 4.1.5
+
+### Patch Changes
+
+- build: rollup2 构建
+- Updated dependencies
+  - @hi-ui/core@4.0.8
+  - @hi-ui/use-latest@4.0.4
+  - @hi-ui/button@4.0.9
+  - @hi-ui/array-utils@4.0.4
+  - @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/type-assertion@4.0.4
+
+## 4.1.4
+
+### Patch Changes
+
+- fix: 修复 rollup3 打包 cjs 模块问题
+- Updated dependencies
+  - @hi-ui/env@4.0.3
+  - @hi-ui/core@4.0.7
+  - @hi-ui/use-latest@4.0.3
+  - @hi-ui/button@4.0.8
+  - @hi-ui/array-utils@4.0.3
+  - @hi-ui/classname@4.0.3
+  - @hi-ui/dom-utils@4.0.6
+  - @hi-ui/func-utils@4.0.3
+  - @hi-ui/object-utils@4.0.3
+  - @hi-ui/type-assertion@4.0.3
+
 ## 4.1.3
 
 ### Patch Changes

package/lib/cjs/Form.js

@@ -9,12 +9,22 @@
  */
 'use strict';
 
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, '__esModule', {
+  value: true
+});
 var tslib = require('tslib');
 var React = require('react');
 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) {
+  return e && _typeof(e) === 'object' && 'default' in e ? e : {
+    'default': e
+  };
+}
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var _role = 'form';
 var _prefix = classname.getPrefixCls(_role);
 // form 注册表
@@ -74,9 +84,9 @@ var Form = /*#__PURE__*/React.forwardRef(function (_a, ref) {
   var cls = classname.cx(prefixCls, className, placement && prefixCls + "--placement-" + placement);
   return /*#__PURE__*/(
     // @ts-ignore
-    React.createElement(context.FormProvider, {
+    React__default["default"].createElement(context.FormProvider, {
       value: providedValue
-    }, /*#__PURE__*/React.createElement("form", Object.assign({
+    }, /*#__PURE__*/React__default["default"].createElement("form", Object.assign({
       ref: ref,
       role: role,
       className: cls

package/lib/cjs/FormField.js

@@ -9,6 +9,9 @@
  */
 'use strict';
 
+Object.defineProperty(exports, '__esModule', {
+  value: true
+});
 var React = require('react');
 var env = require('@hi-ui/env');
 var useFormField = require('./use-form-field.js');

package/lib/cjs/FormItem.js

@@ -9,6 +9,10 @@
  */
 'use strict';
 
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, '__esModule', {
+  value: true
+});
 var tslib = require('tslib');
 var React = require('react');
 var env = require('@hi-ui/env');
@@ -18,6 +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) {
+  return e && _typeof(e) === 'object' && 'default' in e ? e : {
+    'default': e
+  };
+}
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var FormItem = function FormItem(_a) {
   var className = _a.className,
     children = _a.children,
@@ -48,15 +58,15 @@ var FormItem = function FormItem(_a) {
     }
     return required;
   }, [required, showRequiredOnValidateRequired, fieldRules]);
-  return /*#__PURE__*/React.createElement(FormLabel.FormLabel, Object.assign({}, rest, {
+  return /*#__PURE__*/React__default["default"].createElement(FormLabel.FormLabel, Object.assign({}, rest, {
     required: showRequired,
     // @ts-ignore
-    formMessage: /*#__PURE__*/React.createElement(FormMessage.FormMessage, {
+    formMessage: /*#__PURE__*/React__default["default"].createElement(FormMessage.FormMessage, {
       field: field,
       className: prefixCls + "-item__message"
     }),
     className: classname.cx(prefixCls + "-item", className)
-  }), /*#__PURE__*/React.createElement(FormField.FormField, {
+  }), /*#__PURE__*/React__default["default"].createElement(FormField.FormField, {
     field: field,
     valueType: valueType,
     rules: rules,

package/lib/cjs/FormLabel.js

@@ -9,6 +9,10 @@
  */
 'use strict';
 
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, '__esModule', {
+  value: true
+});
 var tslib = require('tslib');
 var React = require('react');
 var classname = require('@hi-ui/classname');
@@ -16,6 +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) {
+  return e && _typeof(e) === 'object' && 'default' in e ? e : {
+    'default': e
+  };
+}
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var _role = 'form-label';
 var _prefix = classname.getPrefixCls(_role);
 var FormLabel = /*#__PURE__*/React.forwardRef(function (props, ref) {
@@ -76,32 +86,32 @@ var FormLabel = /*#__PURE__*/React.forwardRef(function (props, ref) {
   );
 
   var style = Object.assign({}, styleProp);
-  return /*#__PURE__*/React.createElement("div", Object.assign({
+  return /*#__PURE__*/React__default["default"].createElement("div", Object.assign({
     ref: ref,
     role: role,
     className: cls,
     style: style
-  }, rest), /*#__PURE__*/React.createElement("div", {
+  }, rest), /*#__PURE__*/React__default["default"].createElement("div", {
     className: prefixCls + "__content",
     style: {
       alignItems: contentPositionMemo
     }
-  }, label ? /*#__PURE__*/React.createElement("label", {
+  }, label ? ( /*#__PURE__*/React__default["default"].createElement("label", {
     className: prefixCls + "__content__text",
     style: {
       width: labelWidth
     }
-  }, label, colon) : /*#__PURE__*/React.createElement("span", {
+  }, label, colon)) : ( /*#__PURE__*/React__default["default"].createElement("span", {
     className: prefixCls + "__content__indent",
     style: {
       width: labelWidth
     }
-  }), /*#__PURE__*/React.createElement("div", {
+  })), /*#__PURE__*/React__default["default"].createElement("div", {
     className: prefixCls + "__content__control",
     style: {
       width: controlWidth
     }
-  }, children)), /*#__PURE__*/React.createElement("div", {
+  }, children)), /*#__PURE__*/React__default["default"].createElement("div", {
     style: {
       paddingLeft: "calc(100% - " + controlWidth + ")"
     }

package/lib/cjs/FormList.js

@@ -9,11 +9,21 @@
  */
 'use strict';
 
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, '__esModule', {
+  value: true
+});
 var React = require('react');
 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) {
+  return e && _typeof(e) === 'object' && 'default' in e ? e : {
+    'default': e
+  };
+}
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var fieldListSymbol = Symbol('field-list');
 var FormList = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var children = _ref.children,
@@ -29,7 +39,7 @@ var FormList = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   /**
    * form List 动态字段更新器
    */
-  var updateFormList = React.useCallback(function (stateFunc, alterTouched, alterErrors) {
+  var updateFormList = React__default["default"].useCallback(function (stateFunc, alterTouched, alterErrors) {
     setFormState(function (prev) {
       var values = objectUtils.setNested(prev.values, name, stateFunc(objectUtils.getNested(prev.values, name)));
       var updateErrors = typeof alterErrors === 'function' ? alterErrors : stateFunc;
@@ -49,20 +59,20 @@ var FormList = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
       };
     });
   }, [name, setFormState]);
-  var add = React.useCallback(function (value) {
+  var add = React__default["default"].useCallback(function (value) {
     // 维护的 动态 field list
     updateFormList(function (prev) {
       return [].concat(asArray(prev), [value]);
     }, false, false);
   }, [updateFormList]);
-  var remove = React.useCallback(function (index) {
+  var remove = React__default["default"].useCallback(function (index) {
     updateFormList(function (prev) {
       return asArray(prev).filter(function (_, idx) {
         return idx !== index;
       });
     }, true, true);
   }, [updateFormList]);
-  var insertBefore = React.useCallback(function (index, value) {
+  var insertBefore = React__default["default"].useCallback(function (index, value) {
     updateFormList(function (prev) {
       return insert(asArray(prev), index, value);
     }, function (prev) {
@@ -71,7 +81,7 @@ var FormList = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
       return insert(asArray(prev), index, null);
     });
   }, [updateFormList]);
-  var swap = React.useCallback(function (aIndex, bIndex) {
+  var swap = React__default["default"].useCallback(function (aIndex, bIndex) {
     updateFormList(function (prev) {
       var copy = [].concat(asArray(prev));
       var temp = copy[aIndex];
@@ -80,7 +90,7 @@ var FormList = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
       return copy;
     }, true, true);
   }, [updateFormList]);
-  var move = React.useCallback(function (fromIndex, toIndex) {
+  var move = React__default["default"].useCallback(function (fromIndex, toIndex) {
     updateFormList(function (prev) {
       var copy = [].concat(asArray(prev));
       var temp = copy[fromIndex];
@@ -89,7 +99,7 @@ var FormList = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
       return copy;
     }, true, true);
   }, [updateFormList]);
-  var listFields = React.useMemo(function () {
+  var listFields = React__default["default"].useMemo(function () {
     var list = objectUtils.getNested(values, name) || [];
     // @ts-ignore
     return list.map(function (value, index) {

package/lib/cjs/FormMessage.js

@@ -9,11 +9,21 @@
  */
 'use strict';
 
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, '__esModule', {
+  value: true
+});
 var tslib = require('tslib');
 var React = require('react');
 var classname = require('@hi-ui/classname');
 var env = require('@hi-ui/env');
 var context = require('./context.js');
+function _interopDefaultLegacy(e) {
+  return e && _typeof(e) === 'object' && 'default' in e ? e : {
+    'default': e
+  };
+}
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var _role = 'form-message';
 var _prefix = classname.getPrefixCls(_role);
 var FormMessage = /*#__PURE__*/React.forwardRef(function (_a, ref) {
@@ -30,7 +40,7 @@ var FormMessage = /*#__PURE__*/React.forwardRef(function (_a, ref) {
   // 如何变成映射的 key，特殊处理化
   var message = field ? getFieldError(field) : null;
   var cls = classname.cx(prefixCls, className, message && prefixCls + "--show");
-  return /*#__PURE__*/React.createElement("span", Object.assign({
+  return /*#__PURE__*/React__default["default"].createElement("span", Object.assign({
     ref: ref,
     role: role,
     className: cls

package/lib/cjs/FormReset.js

@@ -9,12 +9,23 @@
  */
 'use strict';
 
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, '__esModule', {
+  value: true
+});
 var tslib = require('tslib');
 var React = require('react');
 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) {
+  return e && _typeof(e) === 'object' && 'default' in e ? e : {
+    'default': e
+  };
+}
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var Button__default = /*#__PURE__*/_interopDefaultLegacy(Button);
 var FORM_RESET_PREFIX = classname.getPrefixCls('form-reset');
 var FormReset = /*#__PURE__*/React.forwardRef(function (_a, ref) {
   var _a$prefixCls = _a.prefixCls,
@@ -28,7 +39,7 @@ var FormReset = /*#__PURE__*/React.forwardRef(function (_a, ref) {
   var _useFormContext = context.useFormContext(),
     resetForm = _useFormContext.resetForm;
   var cls = classname.cx(prefixCls, className);
-  return /*#__PURE__*/React.createElement(Button, Object.assign({
+  return /*#__PURE__*/React__default["default"].createElement(Button__default["default"], Object.assign({
     ref: ref,
     className: cls,
     type: type

package/lib/cjs/FormSubmit.js

@@ -9,12 +9,23 @@
  */
 'use strict';
 
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, '__esModule', {
+  value: true
+});
 var tslib = require('tslib');
 var React = require('react');
 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) {
+  return e && _typeof(e) === 'object' && 'default' in e ? e : {
+    'default': e
+  };
+}
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var Button__default = /*#__PURE__*/_interopDefaultLegacy(Button);
 var _role = 'form-submit';
 var _prefix = classname.getPrefixCls(_role);
 var FormSubmit = /*#__PURE__*/React.forwardRef(function (_a, ref) {
@@ -31,7 +42,7 @@ var FormSubmit = /*#__PURE__*/React.forwardRef(function (_a, ref) {
   var _useFormContext = context.useFormContext(),
     submitForm = _useFormContext.submitForm;
   var cls = classname.cx(prefixCls, className);
-  return /*#__PURE__*/React.createElement(Button, Object.assign({
+  return /*#__PURE__*/React__default["default"].createElement(Button__default["default"], Object.assign({
     ref: ref,
     role: role,
     className: cls,

package/lib/cjs/context.js

@@ -9,6 +9,9 @@
  */
 'use strict';
 
+Object.defineProperty(exports, '__esModule', {
+  value: true
+});
 var React = require('react');
 var formContext = /*#__PURE__*/React.createContext(null);
 var FormProvider = formContext.Provider;

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

@@ -9,12 +9,22 @@
  */
 'use strict';
 
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, '__esModule', {
+  value: true
+});
 var React = require('react');
 var context = require('./context.js');
 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) {
+  return e && _typeof(e) === 'object' && 'default' in e ? e : {
+    'default': e
+  };
+}
+var Validater__default = /*#__PURE__*/_interopDefaultLegacy(Validater);
 var useFiledRules = function useFiledRules(props) {
   var field = props.field,
     rulesProp = props.rules,
@@ -52,7 +62,7 @@ var useFormField = function useFormField(props) {
     }
     // TODO: rules 处理成 Async Validate 的指定结构
     var fieldMD5 = index.stringify(field);
-    var validater = new Validater((_Validater = {}, _Validater[fieldMD5] = fieldRules, _Validater));
+    var validater = new Validater__default["default"]((_Validater = {}, _Validater[fieldMD5] = fieldRules, _Validater));
     return validater.validate((_validater$validate = {}, _validater$validate[fieldMD5] = valueType !== 'number' || value === '' ? value : isNaN(value) ? value : Number(value), _validater$validate), {
       firstFields: true
     });

package/lib/cjs/use-form.js

@@ -9,6 +9,10 @@
  */
 'use strict';
 
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, '__esModule', {
+  value: true
+});
 var _regeneratorRuntime = require('@babel/runtime/regenerator');
 var tslib = require('tslib');
 var index = require('./utils/index.js');
@@ -18,6 +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) {
+  return e && _typeof(e) === 'object' && 'default' in e ? e : {
+    'default': e
+  };
+}
+var _regeneratorRuntime__default = /*#__PURE__*/_interopDefaultLegacy(_regeneratorRuntime);
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var EMPTY_RULES = {};
 var EMPTY_ERRORS = {};
 var EMPTY_TOUCHED = {};
@@ -113,9 +124,9 @@ var useForm = function useForm(_a) {
    * 使用单个 Field 规则对给定值进行校验
    */
   var validateField = React.useCallback(function (field, value) {
-    return tslib.__awaiter(void 0, void 0, void 0, /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+    return tslib.__awaiter(void 0, void 0, void 0, /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee() {
       var fieldValidation, errorResultAsPromise;
-      return _regeneratorRuntime.wrap(function _callee$(_context) {
+      return _regeneratorRuntime__default["default"].wrap(function _callee$(_context) {
         while (1) {
           switch (_context.prev = _context.next) {
             case 0:
@@ -329,9 +340,9 @@ var useForm = function useForm(_a) {
   var initialTouchedRef = React.useRef(initialTouched);
   var onResetLatestRef = useLatest.useLatestRef(onReset);
   var resetForm = React.useCallback(function (nextState) {
-    return tslib.__awaiter(void 0, void 0, void 0, /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
+    return tslib.__awaiter(void 0, void 0, void 0, /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee2() {
       var values, errors, touched, submitting, validating, dispatchFn;
-      return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+      return _regeneratorRuntime__default["default"].wrap(function _callee2$(_context2) {
         while (1) {
           switch (_context2.prev = _context2.next) {
             case 0:
@@ -380,8 +391,8 @@ var useForm = function useForm(_a) {
    * 表单提交
    */
   var submitForm = React.useCallback(function () {
-    return tslib.__awaiter(void 0, void 0, void 0, /*#__PURE__*/_regeneratorRuntime.mark(function _callee3() {
-      return _regeneratorRuntime.wrap(function _callee3$(_context3) {
+    return tslib.__awaiter(void 0, void 0, void 0, /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee3() {
+      return _regeneratorRuntime__default["default"].wrap(function _callee3$(_context3) {
         while (1) {
           switch (_context3.prev = _context3.next) {
             case 0:
@@ -463,7 +474,7 @@ var useForm = function useForm(_a) {
   var resetFieldError = React.useCallback(function (field) {
     setFieldError(field, '');
   }, [setFieldError]);
-  var setFormState = React.useCallback(function (stateOrFunc) {
+  var setFormState = React__default["default"].useCallback(function (stateOrFunc) {
     // @ts-ignore
     formDispatch({
       type: 'SET_STATE',

package/lib/cjs/utils/index.js

@@ -9,6 +9,9 @@
  */
 'use strict';
 
+Object.defineProperty(exports, '__esModule', {
+  value: true
+});
 var typeAssertion = require('@hi-ui/type-assertion');
 var objectUtils = require('@hi-ui/object-utils');
 

package/lib/esm/FormLabel.js

@@ -84,17 +84,17 @@ var FormLabel = /*#__PURE__*/forwardRef(function (props, ref) {
     style: {
       alignItems: contentPositionMemo
     }
-  }, label ? /*#__PURE__*/React.createElement("label", {
+  }, label ? ( /*#__PURE__*/React.createElement("label", {
     className: prefixCls + "__content__text",
     style: {
       width: labelWidth
     }
-  }, label, colon) : /*#__PURE__*/React.createElement("span", {
+  }, label, colon)) : ( /*#__PURE__*/React.createElement("span", {
     className: prefixCls + "__content__indent",
     style: {
       width: labelWidth
     }
-  }), /*#__PURE__*/React.createElement("div", {
+  })), /*#__PURE__*/React.createElement("div", {
     className: prefixCls + "__content__control",
     style: {
       width: controlWidth

package/lib/esm/index.js

@@ -9,15 +9,19 @@
  */
 import './styles/index.scss.js';
 import { Form as Form$1 } from './Form.js';
-export { FORM_REGISTER_TABLE } from './Form.js';
+export { FORM_REGISTER_TABLE, Form } 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$1 as Form, FormItem, FormList, FormReset, FormSubmit, Form as default };
+export { Form as default };

package/package.json

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