@hi-ui/form 4.0.0-alpha.1

package/lib/esm/FormField.js

@@ -0,0 +1,35 @@
+/** @LICENSE
+ * @hi-ui/form
+ * https://github.com/XiaoMi/hiui/tree/master/packages/ui/form#readme
+ *
+ * Copyright (c) HIUI <mi-hiui@xiaomi.com>.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import { isValidElement, cloneElement } from 'react';
+import { __DEV__ } from '@hi-ui/env';
+import { useFormField } from './use-form-field.js';
+/**
+ * TODO: What is FormField
+ */
+
+var FormField = function FormField(props) {
+  var _a;
+
+  var fieldProps = useFormField(props);
+
+  if (! /*#__PURE__*/isValidElement(props.children)) {
+    console.warn('FormField must pass a valid element as children.');
+    return (_a = props.children) !== null && _a !== void 0 ? _a : null;
+  }
+
+  return /*#__PURE__*/cloneElement(props.children, Object.assign({}, fieldProps));
+};
+
+if (__DEV__) {
+  FormField.displayName = 'FormField';
+}
+
+export { FormField };
+//# sourceMappingURL=FormField.js.map

package/lib/esm/FormField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormField.js","sources":["../../src/FormField.tsx"],"sourcesContent":[null],"names":["FormField","props","fieldProps","useFormField","isValidElement","children","console","warn","cloneElement","__DEV__","displayName"],"mappings":";;;;;;;;;;;;AAIA;;;;IAGaA,SAAS,GAA6B,SAAtCA,SAAsC,CAACC,KAAD;;;MAC3CC,UAAU,GAAGC,YAAY,CAACF,KAAD;;MAE3B,eAACG,cAAc,CAACH,KAAK,CAACI,QAAP,GAAkB;AACnCC,IAAAA,OAAO,CAACC,IAARD,CAAa,kDAAbA;WACO,MAAAL,KAAK,CAACI,QAAN,UAAA,iBAAA,KAAA,GAAkB;;;sBAGpBG,YAAY,CAACP,KAAK,CAACI,QAAP,oBAAsBH,WAAtB;;;AAUrB,IAAIO,OAAJ,EAAa;AACXT,EAAAA,SAAS,CAACU,WAAVV,GAAwB,WAAxBA;;;"}

package/lib/esm/FormItem.js

@@ -0,0 +1,39 @@
+/** @LICENSE
+ * @hi-ui/form
+ * https://github.com/XiaoMi/hiui/tree/master/packages/ui/form#readme
+ *
+ * Copyright (c) HIUI <mi-hiui@xiaomi.com>.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import { __rest } from 'tslib';
+import React from 'react';
+import { __DEV__ } from '@hi-ui/env';
+import { FormLabel } from './FormLabel.js';
+import { FormMessage } from './FormMessage.js';
+import { FormField } from './FormField.js';
+/**
+ * TODO: What is FormItem
+ */
+
+var FormItem = function FormItem(_a) {
+  var field = _a.field,
+      children = _a.children,
+      valueType = _a.valueType,
+      rest = __rest(_a, ["field", "children", "valueType"]);
+
+  return /*#__PURE__*/React.createElement(FormLabel, Object.assign({}, rest), /*#__PURE__*/React.createElement(FormField, {
+    field: field,
+    valueType: valueType
+  }, children), /*#__PURE__*/React.createElement(FormMessage, {
+    field: field
+  }));
+};
+
+if (__DEV__) {
+  FormItem.displayName = 'FormItem';
+}
+
+export { FormItem };
+//# sourceMappingURL=FormItem.js.map

package/lib/esm/FormItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormItem.js","sources":["../../src/FormItem.tsx"],"sourcesContent":[null],"names":["FormItem","_a","field","children","valueType","rest","React","FormLabel","FormField","FormMessage","__DEV__","displayName"],"mappings":";;;;;;;;;;;;;;;AAOA;;;;IAGaA,QAAQ,GAA4B,SAApCA,QAAoC,CAACC,EAAD;MAAGC,WAAAA;MAAOC,cAAAA;MAAUC,eAAAA;MAAcC,kBAAjC,QAAA,YAAA,aAAA;;sBAE9CC,mBAAAA,CAACC,SAADD,oBAAeD,KAAfC,eACEA,mBAAAA,CAACE,SAADF;AAAWJ,IAAAA,KAAK,EAAEA;AAAOE,IAAAA,SAAS,EAAEA;GAApCE,EACGH,QADHG,CADFA,eAKEA,mBAAAA,CAACG,WAADH;AAAaJ,IAAAA,KAAK,EAAEA;GAApBI,CALFA;;;AAiBJ,IAAII,OAAJ,EAAa;AACXV,EAAAA,QAAQ,CAACW,WAATX,GAAuB,UAAvBA;;;"}

package/lib/esm/FormLabel.js

@@ -0,0 +1,113 @@
+/** @LICENSE
+ * @hi-ui/form
+ * https://github.com/XiaoMi/hiui/tree/master/packages/ui/form#readme
+ *
+ * Copyright (c) HIUI <mi-hiui@xiaomi.com>.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import { __rest } from 'tslib';
+import React, { forwardRef, useMemo } from 'react';
+import { getPrefixCls, cx } from '@hi-ui/classname';
+import { __DEV__ } from '@hi-ui/env';
+import { useFormContext } from './context.js';
+import { isNumeric } from '@hi-ui/type-assertion';
+var _role = 'form-label';
+
+var _prefix = getPrefixCls(_role);
+/**
+ * TODO: What is FormLabel
+ */
+
+
+var FormLabel = /*#__PURE__*/forwardRef(function (props, ref) {
+  var _useFormContext = useFormContext(),
+      labelWidthContext = _useFormContext.labelWidth,
+      labelPlacement = _useFormContext.labelPlacement,
+      colonContext = _useFormContext.colon,
+      contentPositionContext = _useFormContext.contentPosition;
+
+  var _props$prefixCls = props.prefixCls,
+      prefixCls = _props$prefixCls === void 0 ? _prefix : _props$prefixCls,
+      _props$role = props.role,
+      role = _props$role === void 0 ? _role : _props$role,
+      className = props.className,
+      styleProp = props.style,
+      children = props.children,
+      label = props.label,
+      _props$required = props.required,
+      required = _props$required === void 0 ? false : _props$required,
+      _props$labelWidth = props.labelWidth,
+      labelWidthProp = _props$labelWidth === void 0 ? labelWidthContext : _props$labelWidth,
+      _props$colon = props.colon,
+      colon = _props$colon === void 0 ? colonContext : _props$colon,
+      _props$contentPositio = props.contentPosition,
+      contentPosition = _props$contentPositio === void 0 ? contentPositionContext : _props$contentPositio,
+      rest = __rest(props, ["prefixCls", "role", "className", "style", "children", "label", "field", "required", "labelWidth", "colon", "contentPosition"]);
+
+  var _useMemo = useMemo(function () {
+    if (labelPlacement === 'top') return {
+      labelWidth: '100%',
+      controlWidth: '100%'
+    };
+    var labelWidth = isNumeric(labelWidthProp) ? Number(labelWidthProp) : labelWidthProp;
+    return {
+      labelWidth: labelWidth,
+      controlWidth: "calc(100% - " + labelWidth + "px)"
+    };
+  }, [labelPlacement, labelWidthProp]),
+      labelWidth = _useMemo.labelWidth,
+      controlWidth = _useMemo.controlWidth; // 指定子元素位置
+
+
+  var contentPositionMemo = useMemo(function () {
+    switch (contentPosition) {
+      case 'top':
+        return 'flex-start';
+
+      case 'bottom':
+        return 'flex-end';
+
+      default:
+        return 'center';
+    }
+  }, [contentPosition]);
+  var colonMemo = useMemo(function () {
+    return colon ? ':' : null;
+  }, [colon]);
+  var cls = cx(prefixCls, className, required && prefixCls + "--required", labelPlacement && prefixCls + "--placement-" + labelPlacement // error && `${prefixCls}--error`,
+  // validating && `${prefixCls}--validating`
+  );
+  var style = Object.assign(Object.assign({}, styleProp), {
+    alignItems: contentPositionMemo
+  });
+  return /*#__PURE__*/React.createElement("div", Object.assign({
+    ref: ref,
+    role: role,
+    className: cls,
+    style: style
+  }, rest), label ? /*#__PURE__*/React.createElement("label", {
+    className: prefixCls + "__text",
+    style: {
+      width: labelWidth
+    }
+  }, label, colonMemo) : /*#__PURE__*/React.createElement("span", {
+    className: prefixCls + "__indent",
+    style: {
+      width: labelWidth
+    }
+  }), /*#__PURE__*/React.createElement("div", {
+    className: prefixCls + "__control",
+    style: {
+      width: controlWidth
+    }
+  }, children));
+});
+
+if (__DEV__) {
+  FormLabel.displayName = 'FormLabel';
+}
+
+export { FormLabel };
+//# sourceMappingURL=FormLabel.js.map

package/lib/esm/FormLabel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormLabel.js","sources":["../../src/FormLabel.tsx"],"sourcesContent":[null],"names":["_role","_prefix","getPrefixCls","FormLabel","forwardRef","props","ref","useFormContext","labelWidthContext","labelWidth","labelPlacement","colonContext","colon","contentPositionContext","contentPosition","prefixCls","role","className","styleProp","style","children","label","required","labelWidthProp","rest","useMemo","controlWidth","isNumeric","Number","contentPositionMemo","colonMemo","cls","cx","alignItems","React","width","__DEV__","displayName"],"mappings":";;;;;;;;;;;;;;;AAOA,IAAMA,KAAK,GAAG,YAAd;;AACA,IAAMC,OAAO,GAAGC,YAAY,CAACF,KAAD,CAA5B;AAEA;;;;;IAGaG,SAAS,gBAAGC,UAAU,CAAwC,UAACC,KAAD,EAAQC,GAAR;wBAUrEC,cAAc;MAPJC,iBAFd,mBAEEC;MAEAC,cAJF,mBAIEA;MAEOC,YANT,mBAMEC;MAEiBC,sBARnB,mBAQEC;;yBAmBET,KAhBJ,CACEU;MAAAA,SADF,iCACcd;oBAeVI,KAhBJ,CAEEW;MAAAA,IAFF,4BAEShB;MACPiB,SAHF,GAgBIZ,KAhBJ,CAGEY;MACOC,SAJT,GAgBIb,KAhBJ,CAIEc;MACAC,QALF,GAgBIf,KAhBJ,CAKEe;MACAC,KANF,GAgBIhB,KAhBJ,CAMEgB;wBAUEhB,KAhBJ,CASEiB;MAAAA,QATF,gCASa;0BAOTjB,KAhBJ,CAWEI;MAAYc,cAXd,kCAW+Bf;qBAK3BH,KAhBJ,CAYEO;MAAAA,KAZF,6BAYUD;8BAINN,KAhBJ,CAcES;MAAAA,eAdF,sCAcoBD;MACfW,IAfL,UAgBInB,OAhBE,YAAA,QAAA,aAAA,SAAA,YAAA,SAAA,SAAA,YAAA,cAAA,SAAA,mBAAA;;iBAkB+BoB,OAAO,CAAC;QACvCf,cAAc,KAAK,OACrB,OAAO;AACLD,MAAAA,UAAU,EAAE,MADP;AAELiB,MAAAA,YAAY,EAAE;AAFT,KAAP;QAKIjB,UAAU,GAAGkB,SAAS,CAACJ,cAAD,CAATI,GAA4BC,MAAM,CAACL,cAAD,CAAlCI,GAAqDJ;WAEjE;AACLd,MAAAA,UAAU,EAAVA,UADK;AAELiB,MAAAA,YAAY,mBAAiBjB;AAFxB;AATmC,GAAA,EAazC,CAACC,cAAD,EAAiBa,cAAjB,CAbyC;MAApCd,UAAR,YAAQA;MAAYiB,YAApB,YAAoBA;;;MAgBdG,mBAAmB,GAAGJ,OAAO,CAAC;YAC1BX;WACD;eACI;;WACJ;eACI;;;eAEA;;AAPsB,GAAA,EAShC,CAACA,eAAD,CATgC;MAW7BgB,SAAS,GAAGL,OAAO,CAAC;WAAOb,KAAK,GAAG,GAAH,GAAS;AAAtB,GAAA,EAA6B,CAACA,KAAD,CAA7B;MAEnBmB,GAAG,GAAGC,EAAE,CACZjB,SADY,EAEZE,SAFY,EAGZK,QAAQ,IAAOP,SAAP,eAHI,EAIZL,cAAc,IAAOK,SAAP,iBAAOA,GAAwBL,cAJjC;;AAAA;MASRS,KAAK,mCAAQD;AAAWe,IAAAA,UAAU,EAAEJ;;sBAGxCK,mBAAAA,MAAAA;AAAK5B,IAAAA,GAAG,EAAEA;AAAKU,IAAAA,IAAI,EAAEA;AAAMC,IAAAA,SAAS,EAAEc;AAAKZ,IAAAA,KAAK,EAAEA;KAAWK,KAA7DU,EACGb,KAAK,gBACJa,mBAAAA,QAAAA;AAAOjB,IAAAA,SAAS,EAAKF,SAAL;AAAwBI,IAAAA,KAAK,EAAE;AAAEgB,MAAAA,KAAK,EAAE1B;AAAT;GAA/CyB,EACGb,KADHa,EAEGJ,SAFHI,CADI,gBAMJA,mBAAAA,OAAAA;AAAMjB,IAAAA,SAAS,EAAKF,SAAL;AAA0BI,IAAAA,KAAK,EAAE;AAAEgB,MAAAA,KAAK,EAAE1B;AAAT;GAAhDyB,CAPJA,eASEA,mBAAAA,MAAAA;AAAKjB,IAAAA,SAAS,EAAKF,SAAL;AAA2BI,IAAAA,KAAK,EAAE;AAAEgB,MAAAA,KAAK,EAAET;AAAT;GAAhDQ,EACGd,QADHc,CATFA;AAvE+B,CAAA;;AA8GnC,IAAIE,OAAJ,EAAa;AACXjC,EAAAA,SAAS,CAACkC,WAAVlC,GAAwB,WAAxBA;;;"}

package/lib/esm/FormList.js

@@ -0,0 +1,145 @@
+/** @LICENSE
+ * @hi-ui/form
+ * https://github.com/XiaoMi/hiui/tree/master/packages/ui/form#readme
+ *
+ * Copyright (c) HIUI <mi-hiui@xiaomi.com>.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import React from 'react';
+import { __DEV__ } from '@hi-ui/env';
+import { useFormContext } from './context.js';
+import { setNested, getNested } from '@hi-ui/func-utils';
+import { isArray, isArrayNonEmpty } from '@hi-ui/type-assertion';
+var fieldListSymbol = Symbol('field-list');
+/**
+ * TODO: What is FormList
+ */
+
+var FormList = function FormList(_ref) {
+  var children = _ref.children,
+      nameProp = _ref.name;
+
+  var _useFormContext = useFormContext(),
+      values = _useFormContext.values,
+      setFormState = _useFormContext.setFormState; // 唯一 id 生成器
+  // const listCountRef = React.useRef(0)
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+
+
+  var name = isArray(nameProp) ? nameProp : [nameProp];
+  /**
+   * form List 动态字段更新器
+   */
+
+  var updateFormList = React.useCallback(function (stateFunc, alterTouched, alterErrors) {
+    setFormState(function (prev) {
+      var values = setNested(prev.values, name, stateFunc(getNested(prev.values, name)));
+      console.log(values, stateFunc(getNested(prev.values, name)));
+      var updateErrors = typeof alterErrors === 'function' ? alterErrors : stateFunc;
+      var updateTouched = typeof alterTouched === 'function' ? alterTouched : stateFunc;
+      var fieldError = alterErrors ? updateErrors(getNested(prev.errors, name)) : undefined;
+      var fieldTouched = alterTouched ? updateTouched(getNested(prev.touched, name)) : undefined;
+
+      if (!isArrayNonEmpty(fieldError)) {
+        fieldError = undefined;
+      }
+
+      if (!isArrayNonEmpty(fieldTouched)) {
+        fieldTouched = undefined;
+      }
+
+      return {
+        values: values,
+        errors: alterErrors ? setNested(prev.errors, name, fieldError) : prev.errors,
+        touched: alterTouched ? setNested(prev.touched, name, fieldTouched) : prev.touched
+      };
+    });
+  }, [name, setFormState]);
+  var add = React.useCallback(function (value) {
+    // 维护的 动态 field list
+    updateFormList(function (prev) {
+      return [].concat(asArray(prev), [value]);
+    }, false, false);
+  }, [updateFormList]);
+  var remove = React.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) {
+    updateFormList(function (prev) {
+      return insert(asArray(prev), index, value);
+    }, function (prev) {
+      return insert(asArray(prev), index, null);
+    }, function (prev) {
+      return insert(asArray(prev), index, null);
+    });
+  }, [updateFormList]);
+  var swap = React.useCallback(function (aIndex, bIndex) {
+    updateFormList(function (prev) {
+      var copy = [].concat(asArray(prev));
+      var temp = copy[aIndex];
+      copy[aIndex] = copy[bIndex];
+      copy[bIndex] = temp;
+      return copy;
+    }, true, true);
+  }, [updateFormList]);
+  var move = React.useCallback(function (fromIndex, toIndex) {
+    updateFormList(function (prev) {
+      var copy = [].concat(asArray(prev));
+      var temp = copy[fromIndex];
+      copy.splice(fromIndex, 1);
+      copy.splice(toIndex, 0, temp);
+      return copy;
+    }, true, true);
+  }, [updateFormList]);
+  var listFields = React.useMemo(function () {
+    var list = getNested(values, name) || []; // @ts-ignore
+
+    return list.map(function (value, index) {
+      return {
+        name: '' + index,
+        // field: ++listCountRef.current + '',
+        symbol: fieldListSymbol,
+        value: value
+      };
+    });
+  }, [values, name]);
+
+  if (typeof children !== 'function') {
+    if (__DEV__) {
+      console.warn(false, 'FormList only accepts a render function as children.');
+    }
+
+    return null;
+  }
+
+  return children(listFields, {
+    add: add,
+    remove: remove,
+    swap: swap,
+    insertBefore: insertBefore,
+    move: move
+  });
+};
+
+if (__DEV__) {
+  FormList.displayName = 'FormList';
+}
+
+var insert = function insert(arr, index, value) {
+  arr = [].concat(arr);
+  arr.splice(index, 0, value);
+  return arr;
+};
+
+var asArray = function asArray(arr) {
+  return isArray(arr) ? arr : [];
+};
+
+export { FormList };
+//# sourceMappingURL=FormList.js.map

package/lib/esm/FormList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormList.js","sources":["../../src/FormList.tsx"],"sourcesContent":[null],"names":["fieldListSymbol","Symbol","FormList","children","nameProp","name","useFormContext","values","setFormState","isArray","updateFormList","React","useCallback","stateFunc","alterTouched","alterErrors","prev","setNested","getNested","console","log","updateErrors","updateTouched","fieldError","errors","undefined","fieldTouched","touched","isArrayNonEmpty","add","value","asArray","remove","index","filter","_","idx","insertBefore","insert","swap","aIndex","bIndex","copy","temp","move","fromIndex","toIndex","splice","listFields","useMemo","list","map","symbol","__DEV__","warn","displayName","arr"],"mappings":"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"}

package/lib/esm/FormMessage.js

@@ -0,0 +1,51 @@
+/** @LICENSE
+ * @hi-ui/form
+ * https://github.com/XiaoMi/hiui/tree/master/packages/ui/form#readme
+ *
+ * Copyright (c) HIUI <mi-hiui@xiaomi.com>.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import { __rest } from 'tslib';
+import React, { forwardRef } from 'react';
+import { getPrefixCls, cx } from '@hi-ui/classname';
+import { __DEV__ } from '@hi-ui/env';
+import { useFormContext } from './context.js';
+var _role = 'form-message';
+
+var _prefix = getPrefixCls(_role);
+/**
+ * TODO: What is FormMessage
+ */
+
+
+var FormMessage = /*#__PURE__*/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 = __rest(_a, ["prefixCls", "role", "className", "children", "field"]);
+
+  var _useFormContext = useFormContext(),
+      getFieldError = _useFormContext.getFieldError; // field 支持数组，递归去设置或者获取对象中的属性值
+  // 如何变成映射的 key，特殊处理化
+
+
+  var message = field ? getFieldError(field) : null;
+  var cls = cx(prefixCls, className);
+  return message ? /*#__PURE__*/React.createElement("span", Object.assign({
+    ref: ref,
+    role: role,
+    className: cls
+  }, rest), message) : null;
+});
+
+if (__DEV__) {
+  FormMessage.displayName = 'FormMessage';
+}
+
+export { FormMessage };
+//# sourceMappingURL=FormMessage.js.map

package/lib/esm/FormMessage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormMessage.js","sources":["../../src/FormMessage.tsx"],"sourcesContent":[null],"names":["_role","_prefix","getPrefixCls","FormMessage","forwardRef","_a","ref","prefixCls","role","className","field","rest","useFormContext","getFieldError","message","cls","cx","React","__DEV__","displayName"],"mappings":";;;;;;;;;;;;;;AAKA,IAAMA,KAAK,GAAG,cAAd;;AACA,IAAMC,OAAO,GAAGC,YAAY,CAACF,KAAD,CAA5B;AAEA;;;;;IAGaG,WAAW,gBAAGC,UAAU,CACnC,UAACC,EAAD,EAA6EC,GAA7E;wBAAGC;MAAAA,sCAAYN;mBAASO;MAAAA,4BAAOR;MAAOS,eAAAA;MAAqBC,WAAAA;MAAUC,kBAApE,YAAA,QAAA,aAAA,YAAA,SAAA;;wBAC2BC,cAAc;MAAhCC,aAAR,mBAAQA;;;;MAIFC,OAAO,GAAGJ,KAAK,GAAGG,aAAa,CAACH,KAAD,CAAhB,GAA0B;MACzCK,GAAG,GAAGC,EAAE,CAACT,SAAD,EAAYE,SAAZ;SAEPK,OAAO,gBACZG,mBAAAA,OAAAA;AAAMX,IAAAA,GAAG,EAAEA;AAAKE,IAAAA,IAAI,EAAEA;AAAMC,IAAAA,SAAS,EAAEM;KAASJ,KAAhDM,EAEGH,OAFHG,CADY,GAKV;AAd6B,CAAA;;AAyCrC,IAAIC,OAAJ,EAAa;AACXf,EAAAA,WAAW,CAACgB,WAAZhB,GAA0B,aAA1BA;;;"}

package/lib/esm/context.js

@@ -0,0 +1,25 @@
+/** @LICENSE
+ * @hi-ui/form
+ * https://github.com/XiaoMi/hiui/tree/master/packages/ui/form#readme
+ *
+ * Copyright (c) HIUI <mi-hiui@xiaomi.com>.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import { useContext, createContext } from 'react';
+var formContext = /*#__PURE__*/createContext(null);
+var FormProvider = formContext.Provider;
+
+var useFormContext = function useFormContext() {
+  var context = useContext(formContext);
+
+  if (!context) {
+    throw new Error('The FormContext should using in Form.');
+  }
+
+  return context;
+};
+
+export { FormProvider, useFormContext };
+//# sourceMappingURL=context.js.map

package/lib/esm/context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","sources":["../../src/context.ts"],"sourcesContent":[null],"names":["formContext","createContext","FormProvider","Provider","useFormContext","context","useContext","Error"],"mappings":";;;;;;;;;;AAIA,IAAMA,WAAW,gBAAGC,aAAa,CAA0C,IAA1C,CAAjC;IAEaC,YAAY,GAAGF,WAAW,CAACG;;IAE3BC,cAAc,GAAG,SAAjBA,cAAiB;MACtBC,OAAO,GAAGC,UAAU,CAACN,WAAD;;MAEtB,CAACK,SAAS;UACN,IAAIE,KAAJ,CAAU,uCAAV;;;SAGDF;;;"}

package/lib/esm/index.js

@@ -0,0 +1,14 @@
+/** @LICENSE
+ * @hi-ui/form
+ * https://github.com/XiaoMi/hiui/tree/master/packages/ui/form#readme
+ *
+ * Copyright (c) HIUI <mi-hiui@xiaomi.com>.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import './styles/index.scss.js';
+export { FORM_REGISTER_TABLE, Form, Form as default } from './Form.js';
+export { FormItem } from './FormItem.js';
+export { FormList } from './FormList.js';
+//# sourceMappingURL=index.js.map

package/lib/esm/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}

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

@@ -0,0 +1,17 @@
+/** @LICENSE
+ * @hi-ui/form
+ * https://github.com/XiaoMi/hiui/tree/master/packages/ui/form#readme
+ *
+ * Copyright (c) HIUI <mi-hiui@xiaomi.com>.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var css_248z = "@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n.hi-v4-form {\n  max-width: 100%;\n  position: relative; }\n.hi-v4-form fieldset {\n    margin: 0;\n    padding: 0;\n    border: 0; }\n.hi-v4-form fieldset + fieldset {\n      margin-top: 16px; }\n.hi-v4-form legend {\n    margin: 0 0 16px;\n    color: #1f2937;\n    color: var(--hi-v4-color-gray-800, #1f2937); }\n.hi-v4-form--inline {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -ms-flex-wrap: wrap;\n        flex-wrap: wrap; }\n.hi-v4-form--inline .hi-v4-form-label__indent {\n      min-height: 32px; }\n.hi-v4-form-label {\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  font-size: 0.875rem;\n  font-size: var(--hi-v4-text-size-normal, 0.875rem);\n  margin-right: 8px;\n  margin-right: var(--hi-v4-spacing-4, 8px);\n  margin-bottom: 24px; }\n.hi-v4-form-label__text, .hi-v4-form-label__indent {\n    -ms-flex-negative: 0;\n        flex-shrink: 0;\n    -webkit-box-sizing: border-box;\n            box-sizing: border-box;\n    vertical-align: top;\n    color: #1f2937;\n    color: var(--hi-v4-color-gray-800, #1f2937);\n    overflow-wrap: break-word; }\n.hi-v4-form-label__text {\n    margin-top: 5px;\n    min-height: 22px;\n    padding-right: 8px;\n    padding-right: var(--hi-v4-spacing-4, 8px);\n    line-height: 22px; }\n.hi-v4-form-label--placement-left .hi-v4-form-label__text {\n      text-align: left; }\n.hi-v4-form-label--placement-right .hi-v4-form-label__text {\n      text-align: right; }\n.hi-v4-form-label--placement-top .hi-v4-form-label__text {\n      height: 22px;\n      padding-right: 8px;\n      margin-bottom: 8px; }\n.hi-v4-form-label--required .hi-v4-form-label__text::after {\n      margin-right: 4px;\n      margin-right: var(--hi-v4-spacing-2, 4px);\n      content: '*';\n      color: #237ffa;\n      color: var(--hi-v4-color-brandblue-500, #237ffa); }\n.hi-v4-form-label .hi-v4-form-label--placement-top {\n    padding-right: 0;\n    text-align: left;\n    -webkit-box-orient: vertical;\n    -webkit-box-direction: normal;\n        -ms-flex-direction: column;\n            flex-direction: column;\n    margin-bottom: 20px; }\n.hi-v4-form-label__content {\n    -webkit-box-flex: 1;\n        -ms-flex: 1 1;\n            flex: 1 1;\n    position: relative;\n    vertical-align: top;\n    min-height: 32px;\n    -ms-flex-negative: 0;\n        flex-shrink: 0; }\n.hi-v4-form-message {\n  font-size: 0.875rem;\n  font-size: var(--hi-v4-text-size-normal, 0.875rem);\n  min-height: 24px;\n  padding: 2px 0;\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box;\n  line-height: 20px;\n  -webkit-transition: all 0.3s;\n  transition: all 0.3s;\n  -webkit-transform: translateY(-10%);\n          transform: translateY(-10%);\n  color: #ff5959;\n  color: var(--hi-v4-color-red-500, #ff5959); }\n";
+
+var __styleInject__ = require('style-inject/dist/style-inject.es.js')["default"];
+
+__styleInject__(css_248z);
+
+export default css_248z;
+//# sourceMappingURL=index.scss.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;"}

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

@@ -0,0 +1,94 @@
+/** @LICENSE
+ * @hi-ui/form
+ * https://github.com/XiaoMi/hiui/tree/master/packages/ui/form#readme
+ *
+ * Copyright (c) HIUI <mi-hiui@xiaomi.com>.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import { useMemo, useCallback, useEffect } from 'react';
+import { useFormContext } from './context.js';
+import { isArrayNonEmpty } from '@hi-ui/type-assertion';
+import Validater from 'async-validator';
+import { toArray } from '@hi-ui/func-utils';
+
+var useFormField = function useFormField(props) {
+  var field = props.field,
+      rulesProp = props.rules,
+      valueType = props.valueType;
+
+  var _useFormContext = useFormContext(),
+      getFieldRules = _useFormContext.getFieldRules,
+      getFieldProps = _useFormContext.getFieldProps,
+      registerField = _useFormContext.registerField,
+      unregisterField = _useFormContext.unregisterField;
+  /**
+   * 处理校验规则，item 优先级大于 form
+   */
+
+
+  var fieldRules = useMemo(function () {
+    // @ts-ignore
+    var rules = toArray(rulesProp !== null && rulesProp !== void 0 ? rulesProp : getFieldRules(field)); // switch(valueType) {
+    //   case: 'string':
+    //     const scheme = yup.string()
+    //     rules.reduce((scheme, { name, strategy, validator, message, transform }) => {
+    //       if (typeof name === 'string' && name in scheme) {
+    //         if (isFunction(transform)) {
+    //           scheme = scheme.transform(transform)
+    //         }
+    //         // @ts-ignore
+    //         return scheme[name](message)
+    //       }
+    //     }, scheme)
+    //   case: 'number':
+    //   case: 'boolean':
+    //   case: 'array':
+    //   case: 'object':
+    //   case: 'date':
+    // }
+
+    return rules.map(function (rule) {
+      return Object.assign({
+        type: valueType
+      }, rule);
+    });
+  }, [rulesProp, field, getFieldRules, valueType]); // 当前 field 的唯一校验器
+
+  var fieldValidate = useCallback(function (value) {
+    var _Validater, _validater$validate;
+
+    if (!isArrayNonEmpty(fieldRules)) {
+      return Promise.resolve(null);
+    } // TODO: rules 处理成 Async Validate 的指定结构
+
+
+    console.log('fieldRules', fieldRules, 'value:', value);
+    var validater = new Validater((_Validater = {}, _Validater[field] = fieldRules, _Validater)); // @ts-ignore
+
+    return validater.validate((_validater$validate = {}, _validater$validate[field] = value, _validater$validate), {
+      firstFields: true
+    }, console.log);
+  }, [fieldRules, field]); // 注入当前 field 及其验证规则到 Form
+
+  useEffect(function () {
+    if (field) {
+      // @ts-ignore
+      registerField(field, {
+        validate: fieldValidate
+      });
+    }
+
+    return function () {
+      if (field) {
+        // @ts-ignore
+        unregisterField(field);
+      }
+    };
+  }, [registerField, unregisterField, field, fieldValidate]);
+  return getFieldProps(props);
+};
+
+export { useFormField };
+//# sourceMappingURL=use-form-field.js.map

package/lib/esm/use-form-field.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-form-field.js","sources":["../../src/use-form-field.ts"],"sourcesContent":[null],"names":["useFormField","props","field","rulesProp","rules","valueType","useFormContext","getFieldRules","getFieldProps","registerField","unregisterField","fieldRules","useMemo","toArray","map","rule","type","fieldValidate","useCallback","value","isArrayNonEmpty","Promise","resolve","console","log","validater","Validater","validate","firstFields","useEffect"],"mappings":";;;;;;;;;;;;;;;IAQaA,YAAY,GAAG,SAAfA,YAAe,CAAeC,KAAf;MAClBC,KAAR,GAA+CD,KAA/C,CAAQC;MAAcC,SAAtB,GAA+CF,KAA/C,CAAeG;MAAkBC,SAAjC,GAA+CJ,KAA/C,CAAiCI;;wBAW7BC,cAAc;MAJhBC,aALF,mBAKEA;MACAC,aANF,mBAMEA;MACAC,aAPF,mBAOEA;MACAC,eARF,mBAQEA;;;;;;MAMIC,UAAU,GAAGC,OAAO,CAAC;;QAEnBR,KAAK,GAAGS,OAAO,CAACV,SAAS,SAATA,IAAAA,SAAS,WAATA,GAAAA,SAAAA,GAAaI,aAAa,CAACL,KAAD,CAA3B;;;;;;;;;;;;;;;;;;;WAqBdE,KAAK,CAACU,GAANV,CAAU,UAACW,IAAD;;AAAaC,QAAAA,IAAI,EAAEX;SAAcU;AAA3C,KAAAX;AAvBiB,GAAA,EAwBvB,CAACD,SAAD,EAAYD,KAAZ,EAAmBK,aAAnB,EAAkCF,SAAlC,CAxBuB;;MA2BpBY,aAAa,GAAGC,WAAW,CAC/B,UAACC,KAAD;;;QACM,CAACC,eAAe,CAACT,UAAD,GAAc;aACzBU,OAAO,CAACC,OAARD,CAAgB,IAAhBA;;;;AAITE,IAAAA,OAAO,CAACC,GAARD,CAAY,YAAZA,EAA0BZ,UAA1BY,EAAsC,QAAtCA,EAAgDJ,KAAhDI;QAEME,SAAS,GAAG,IAAIC,SAAJ,8BAEfxB,SAAQS,sBAFO;;WAKXc,SAAS,CAACE,QAAVF,gDAAsBvB,SAAQiB,0BAA9BM,GAAuC;AAAEG,MAAAA,WAAW,EAAE;AAAf,KAAvCH,EAA8DF,OAAO,CAACC,GAAtEC;AAdsB,GAAA,EAgB/B,CAACd,UAAD,EAAaT,KAAb,CAhB+B;;AAoBjC2B,EAAAA,SAAS,CAAC;QACJ3B,OAAO;;AAETO,MAAAA,aAAa,CAACP,KAAD,EAAQ;AACnByB,QAAAA,QAAQ,EAAEV;AADS,OAAR,CAAbR;;;WAKK;UACDP,OAAO;;AAETQ,QAAAA,eAAe,CAACR,KAAD,CAAfQ;;AAHJ;AARO,GAAA,EAcN,CAACD,aAAD,EAAgBC,eAAhB,EAAiCR,KAAjC,EAAwCe,aAAxC,CAdM,CAATY;SAgBOrB,aAAa,CAACP,KAAD;;;"}