@hi-ui/form 4.1.1 → 4.1.3

package/lib/cjs/FormMessage.js

@@ -9,63 +9,34 @@
  */
 '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);
-/**
- * TODO: What is FormMessage
- */
-
-
 var FormMessage = /*#__PURE__*/React.forwardRef(function (_a, ref) {
   var _a$prefixCls = _a.prefixCls,
-      prefixCls = _a$prefixCls === void 0 ? _prefix : _a$prefixCls,
-      _a$role = _a.role,
-      role = _a$role === void 0 ? _role : _a$role,
-      className = _a.className,
-      field = _a.field,
-      rest = tslib.__rest(_a, ["prefixCls", "role", "className", "children", "field"]);
-
+    prefixCls = _a$prefixCls === void 0 ? _prefix : _a$prefixCls,
+    _a$role = _a.role,
+    role = _a$role === void 0 ? _role : _a$role,
+    className = _a.className,
+    field = _a.field,
+    rest = tslib.__rest(_a, ["prefixCls", "role", "className", "children", "field"]);
   var _useFormContext = context.useFormContext(),
-      getFieldError = _useFormContext.getFieldError; // field 支持数组，递归去设置或者获取对象中的属性值
+    getFieldError = _useFormContext.getFieldError;
+  // field 支持数组，递归去设置或者获取对象中的属性值
   // 如何变成映射的 key，特殊处理化
-
-
   var message = field ? getFieldError(field) : null;
   var cls = classname.cx(prefixCls, className, message && prefixCls + "--show");
-  return /*#__PURE__*/React__default["default"].createElement("span", Object.assign({
+  return /*#__PURE__*/React.createElement("span", Object.assign({
     ref: ref,
     role: role,
     className: cls
   }, rest), message);
 });
-
 if (env.__DEV__) {
   FormMessage.displayName = 'FormMessage';
 }
-
 exports.FormMessage = FormMessage;

package/lib/cjs/FormReset.js

@@ -9,54 +9,26 @@
  */
 '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');
-/**
- * TODO: What is FormReset
- */
-
 var FormReset = /*#__PURE__*/React.forwardRef(function (_a, ref) {
   var _a$prefixCls = _a.prefixCls,
-      prefixCls = _a$prefixCls === void 0 ? FORM_RESET_PREFIX : _a$prefixCls,
-      className = _a.className,
-      children = _a.children,
-      _a$type = _a.type,
-      type = _a$type === void 0 ? 'secondary' : _a$type,
-      _onClick = _a.onClick,
-      rest = tslib.__rest(_a, ["prefixCls", "className", "children", "type", "onClick"]);
-
+    prefixCls = _a$prefixCls === void 0 ? FORM_RESET_PREFIX : _a$prefixCls,
+    className = _a.className,
+    children = _a.children,
+    _a$type = _a.type,
+    type = _a$type === void 0 ? 'secondary' : _a$type,
+    _onClick = _a.onClick,
+    rest = tslib.__rest(_a, ["prefixCls", "className", "children", "type", "onClick"]);
   var _useFormContext = context.useFormContext(),
-      resetForm = _useFormContext.resetForm;
-
+    resetForm = _useFormContext.resetForm;
   var cls = classname.cx(prefixCls, className);
-  return /*#__PURE__*/React__default["default"].createElement(Button__default["default"], Object.assign({
+  return /*#__PURE__*/React.createElement(Button, Object.assign({
     ref: ref,
     className: cls,
     type: type
@@ -67,9 +39,7 @@ var FormReset = /*#__PURE__*/React.forwardRef(function (_a, ref) {
     }
   }), children);
 });
-
 if (env.__DEV__) {
   FormReset.displayName = 'FormReset';
 }
-
 exports.FormReset = FormReset;

package/lib/cjs/FormSubmit.js

@@ -9,59 +9,29 @@
  */
 '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);
-/**
- * TODO: What is FormSubmit
- */
-
-
 var FormSubmit = /*#__PURE__*/React.forwardRef(function (_a, ref) {
   var _a$prefixCls = _a.prefixCls,
-      prefixCls = _a$prefixCls === void 0 ? _prefix : _a$prefixCls,
-      _a$role = _a.role,
-      role = _a$role === void 0 ? _role : _a$role,
-      className = _a.className,
-      children = _a.children,
-      _a$type = _a.type,
-      type = _a$type === void 0 ? 'primary' : _a$type,
-      _onClick = _a.onClick,
-      rest = tslib.__rest(_a, ["prefixCls", "role", "className", "children", "type", "onClick"]);
-
+    prefixCls = _a$prefixCls === void 0 ? _prefix : _a$prefixCls,
+    _a$role = _a.role,
+    role = _a$role === void 0 ? _role : _a$role,
+    className = _a.className,
+    children = _a.children,
+    _a$type = _a.type,
+    type = _a$type === void 0 ? 'primary' : _a$type,
+    _onClick = _a.onClick,
+    rest = tslib.__rest(_a, ["prefixCls", "role", "className", "children", "type", "onClick"]);
   var _useFormContext = context.useFormContext(),
-      submitForm = _useFormContext.submitForm;
-
+    submitForm = _useFormContext.submitForm;
   var cls = classname.cx(prefixCls, className);
-  return /*#__PURE__*/React__default["default"].createElement(Button__default["default"], Object.assign({
+  return /*#__PURE__*/React.createElement(Button, Object.assign({
     ref: ref,
     role: role,
     className: cls,
@@ -80,9 +50,7 @@ var FormSubmit = /*#__PURE__*/React.forwardRef(function (_a, ref) {
     }
   }), children);
 });
-
 if (env.__DEV__) {
   FormSubmit.displayName = 'FormSubmit';
 }
-
 exports.FormSubmit = FormSubmit;

package/lib/cjs/context.js

@@ -9,24 +9,15 @@
  */
 'use strict';
 
-Object.defineProperty(exports, '__esModule', {
-  value: true
-});
-
 var React = require('react');
-
 var formContext = /*#__PURE__*/React.createContext(null);
 var FormProvider = formContext.Provider;
-
 var useFormContext = function useFormContext() {
   var context = React.useContext(formContext);
-
   if (!context) {
     throw new Error('The FormContext should using in Form.');
   }
-
   return context;
 };
-
 exports.FormProvider = FormProvider;
 exports.useFormContext = useFormContext;

package/lib/cjs/index.js

@@ -12,19 +12,12 @@
 Object.defineProperty(exports, '__esModule', {
   value: true
 });
-
 require('./styles/index.scss.js');
-
 var Form$1 = require('./Form.js');
-
 var FormItem = require('./FormItem.js');
-
 var FormList = require('./FormList.js');
-
 var FormSubmit = require('./FormSubmit.js');
-
 var FormReset = require('./FormReset.js');
-
 var Form = Object.assign(Form$1.Form, {
   Item: FormItem.FormItem,
   List: FormList.FormList,

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

@@ -12,10 +12,7 @@
 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('inject-head-style')["default"];
-
+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"];
 __styleInject__(css_248z);
-
 exports["default"] = css_248z;

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

@@ -9,45 +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,
-      _props$valueType = props.valueType,
-      valueType = _props$valueType === void 0 ? 'any' : _props$valueType;
-
+    rulesProp = props.rules,
+    _props$valueType = props.valueType,
+    valueType = _props$valueType === void 0 ? 'any' : _props$valueType;
   var _useFormContext = context.useFormContext(),
-      getFieldRules = _useFormContext.getFieldRules;
+    getFieldRules = _useFormContext.getFieldRules;
   /**
    * 处理校验规则，item 优先级大于 form
    */
-
-
   var fieldRules = React.useMemo(function () {
     // @ts-ignore
     var rules = arrayUtils.normalizeArray(rulesProp !== null && rulesProp !== void 0 ? rulesProp : getFieldRules(field));
@@ -59,33 +36,28 @@ var useFiledRules = function useFiledRules(props) {
   }, [rulesProp, field, getFieldRules, valueType]);
   return fieldRules;
 };
-
 var useFormField = function useFormField(props) {
   var field = props.field,
-      valueType = props.valueType;
-
+    valueType = props.valueType;
   var _useFormContext2 = context.useFormContext(),
-      getFieldProps = _useFormContext2.getFieldProps,
-      registerField = _useFormContext2.registerField,
-      unregisterField = _useFormContext2.unregisterField;
-
-  var fieldRules = useFiledRules(props); // 当前 field 的唯一校验器
-
+    getFieldProps = _useFormContext2.getFieldProps,
+    registerField = _useFormContext2.registerField,
+    unregisterField = _useFormContext2.unregisterField;
+  var fieldRules = useFiledRules(props);
+  // 当前 field 的唯一校验器
   var fieldValidate = React.useCallback(function (value) {
     var _Validater, _validater$validate;
-
     if (!typeAssertion.isArrayNonEmpty(fieldRules)) {
       return Promise.resolve(null);
-    } // TODO: rules 处理成 Async Validate 的指定结构
-
-
+    }
+    // TODO: rules 处理成 Async Validate 的指定结构
     var fieldMD5 = index.stringify(field);
-    var validater = new Validater__default["default"]((_Validater = {}, _Validater[fieldMD5] = fieldRules, _Validater));
+    var validater = new Validater((_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
     });
-  }, [fieldRules, field, valueType]); // 注入当前 field 及其验证规则到 Form
-
+  }, [fieldRules, field, valueType]);
+  // 注入当前 field 及其验证规则到 Form
   React.useEffect(function () {
     if (!index.isValidField(field)) return;
     registerField(field, {
@@ -98,6 +70,5 @@ var useFormField = function useFormField(props) {
   }, [registerField, unregisterField, field, fieldValidate]);
   return getFieldProps(props);
 };
-
 exports.useFiledRules = useFiledRules;
 exports.useFormField = useFormField;