@hi-ui/form 4.0.0-alpha.1

package/lib/cjs/context.js

@@ -0,0 +1,33 @@
+/** @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.
+ */
+'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;
+//# sourceMappingURL=context.js.map

package/lib/cjs/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,mBAAAA,CAAuD,IAAvDA,CAApB;IAEaC,YAAY,GAAGF,WAAW,CAACG;;IAE3BC,cAAc,GAAG,SAAjBA,cAAiB;MACtBC,OAAO,GAAGC,gBAAAA,CAAWN,WAAXM;;MAEZ,CAACD,SAAS;UACN,IAAIE,KAAJ,CAAU,uCAAV;;;SAGDF;;;;"}

package/lib/cjs/index.js

@@ -0,0 +1,29 @@
+/** @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.
+ */
+'use strict';
+
+Object.defineProperty(exports, '__esModule', {
+  value: true
+});
+
+require('./styles/index.scss.js');
+
+var Form = require('./Form.js');
+
+var FormItem = require('./FormItem.js');
+
+var FormList = require('./FormList.js');
+
+exports.FORM_REGISTER_TABLE = Form.FORM_REGISTER_TABLE;
+exports.Form = Form.Form;
+exports["default"] = Form.Form;
+exports.FormItem = FormItem.FormItem;
+exports.FormList = FormList.FormList;
+//# sourceMappingURL=index.js.map

package/lib/cjs/index.js.map

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

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

@@ -0,0 +1,22 @@
+/** @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.
+ */
+'use strict';
+
+Object.defineProperty(exports, '__esModule', {
+  value: true
+});
+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);
+
+exports["default"] = css_248z;
+//# sourceMappingURL=index.scss.js.map

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

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

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

@@ -0,0 +1,114 @@
+/** @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.
+ */
+'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 funcUtils = require('@hi-ui/func-utils');
+
+function _interopDefaultLegacy(e) {
+  return e && _typeof(e) === 'object' && 'default' in e ? e : {
+    'default': e
+  };
+}
+
+var Validater__default = /*#__PURE__*/_interopDefaultLegacy(Validater);
+
+var useFormField = function useFormField(props) {
+  var field = props.field,
+      rulesProp = props.rules,
+      valueType = props.valueType;
+
+  var _useFormContext = context.useFormContext(),
+      getFieldRules = _useFormContext.getFieldRules,
+      getFieldProps = _useFormContext.getFieldProps,
+      registerField = _useFormContext.registerField,
+      unregisterField = _useFormContext.unregisterField;
+  /**
+   * 处理校验规则，item 优先级大于 form
+   */
+
+
+  var fieldRules = React.useMemo(function () {
+    // @ts-ignore
+    var rules = funcUtils.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 = React.useCallback(function (value) {
+    var _Validater, _validater$validate;
+
+    if (!typeAssertion.isArrayNonEmpty(fieldRules)) {
+      return Promise.resolve(null);
+    } // TODO: rules 处理成 Async Validate 的指定结构
+
+
+    console.log('fieldRules', fieldRules, 'value:', value);
+    var validater = new Validater__default['default']((_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
+
+  React.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);
+};
+
+exports.useFormField = useFormField;
+//# sourceMappingURL=use-form-field.js.map

package/lib/cjs/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,sBAAAA;MAJFC,aALF,mBAKEA;MACAC,aANF,mBAMEA;MACAC,aAPF,mBAOEA;MACAC,eARF,mBAQEA;;;;;;MAMIC,UAAU,GAAGC,aAAAA,CAAQ;;QAEnBR,KAAK,GAAGS,iBAAAA,CAAQV,SAAS,SAATA,IAAAA,SAAS,WAATA,GAAAA,SAAAA,GAAaI,aAAa,CAACL,KAAD,CAAlCW;;;;;;;;;;;;;;;;;;;WAqBPT,KAAK,CAACU,GAANV,CAAU,UAACW,IAAD;;AAAaC,QAAAA,IAAI,EAAEX;SAAcU;AAA3C,KAAAX;AAvBiB,GAAPQ,EAwBhB,CAACT,SAAD,EAAYD,KAAZ,EAAmBK,aAAnB,EAAkCF,SAAlC,CAxBgBO;;MA2BbK,aAAa,GAAGC,iBAAAA,CACpB,UAACC,KAAD;;;QACM,CAACC,6BAAAA,CAAgBT,UAAhBS,GAA6B;aACzBC,OAAO,CAACC,OAARD,CAAgB,IAAhBA;;;;AAITE,IAAAA,OAAO,CAACC,GAARD,CAAY,YAAZA,EAA0BZ,UAA1BY,EAAsC,QAAtCA,EAAgDJ,KAAhDI;QAEME,SAAS,GAAG,IAAIC,6BAAJ,8BAEfxB,SAAQS,sBAFO;;WAKXc,SAAS,CAACE,QAAVF,gDAAsBvB,SAAQiB,0BAA9BM,GAAuC;AAAEG,MAAAA,WAAW,EAAE;AAAf,KAAvCH,EAA8DF,OAAO,CAACC,GAAtEC;AAdsB,GAAXP,EAgBpB,CAACP,UAAD,EAAaT,KAAb,CAhBoBgB;;AAoBtBW,EAAAA,eAAAA,CAAU;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,GAATmB,EAcG,CAACpB,aAAD,EAAgBC,eAAhB,EAAiCR,KAAjC,EAAwCe,aAAxC,CAdHY;SAgBOrB,aAAa,CAACP,KAAD;;;"}