@hi-ui/hiui 3.9.0-rc.8 → 4.0.0-beta.1

package/es/form/form-legacy/form-v2/Form.js

@@ -1,175 +0,0 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
-
-var Form = /*#__PURE__*/function (_Component) {
-  (0, _inherits2["default"])(Form, _Component);
-
-  var _super = _createSuper(Form);
-
-  function Form(props) {
-    var _this;
-
-    (0, _classCallCheck2["default"])(this, Form);
-    _this = _super.call(this, props);
-    _this.state = {
-      fields: []
-    };
-    return _this;
-  }
-
-  (0, _createClass2["default"])(Form, [{
-    key: "getChildContext",
-    value: function getChildContext() {
-      return {
-        component: this
-      };
-    }
-  }, {
-    key: "getClassNames",
-    value: function getClassNames() {
-      var _this$props = this.props,
-          labelPlacement = _this$props.labelPlacement,
-          labelPosition = _this$props.labelPosition,
-          placement = _this$props.placement,
-          inline = _this$props.inline;
-      var obj = {};
-
-      if (labelPlacement || labelPosition) {
-        obj["hi-form--legacy--label--".concat(labelPlacement || labelPosition)] = true;
-      }
-
-      if (placement === 'horizontal' || inline) {
-        obj["hi-form--legacy--inline"] = true;
-      }
-
-      return obj;
-    }
-  }, {
-    key: "addField",
-    value: function addField(field) {
-      this.setState(function (prevState) {
-        return {
-          fields: prevState.fields.concat(field)
-        };
-      });
-    }
-  }, {
-    key: "removeField",
-    value: function removeField(prop) {
-      this.setState(function (prevState) {
-        return {
-          fields: prevState.fields.filter(function (field) {
-            return field.props.field !== prop;
-          })
-        };
-      });
-    }
-  }, {
-    key: "validate",
-    value: function validate(cb) {
-      var valid = true;
-      var count = 0;
-      var fields = this.state.fields;
-
-      if (fields.length === 0 && cb) {
-        cb(valid);
-      }
-
-      fields.forEach(function (field) {
-        field.validate('', function (errors) {
-          if (errors) {
-            valid = false;
-          }
-
-          if (typeof cb === 'function' && ++count === fields.length) {
-            cb(valid);
-          }
-        });
-      });
-    }
-  }, {
-    key: "validateField",
-    value: function validateField(key, cb) {
-      var field = this.state.fields.filter(function (field) {
-        return field.props.field === key;
-      })[0];
-
-      if (!field) {
-        throw new Error('must call validate Field with valid key string!');
-      }
-
-      field.validate('', cb);
-    }
-  }, {
-    key: "resetValidates",
-    value: function resetValidates() {
-      this.state.fields.forEach(function (field) {
-        field.resetValidate();
-      });
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this$props2 = this.props,
-          children = _this$props2.children,
-          className = _this$props2.className,
-          style = _this$props2.style;
-      return /*#__PURE__*/_react["default"].createElement("form", {
-        className: (0, _classnames["default"])('hi-form--legacy', className, this.getClassNames()),
-        style: style
-      }, children);
-    }
-  }]);
-  return Form;
-}(_react.Component);
-
-Form.childContextTypes = {
-  component: _propTypes["default"].any
-};
-Form.propTypes = {
-  model: _propTypes["default"].object,
-  rules: _propTypes["default"].object,
-  labelPlacement: _propTypes["default"].oneOf(['right', 'left', 'top']),
-  labelPosition: _propTypes["default"].oneOf(['right', 'left', 'top']),
-  labWidth: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number]),
-  placement: _propTypes["default"].oneOf(['horizontal', 'vertical']),
-  inline: _propTypes["default"].bool,
-  onSubmit: _propTypes["default"].func,
-  showColon: _propTypes["default"].bool,
-  className: _propTypes["default"].string,
-  style: _propTypes["default"].object
-};
-Form.defaultProps = {
-  size: 'small',
-  showColon: true
-};
-var _default = Form;
-exports["default"] = _default;

package/es/form/form-legacy/form-v2/Item.js

@@ -1,283 +0,0 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _asyncValidator = _interopRequireDefault(require("async-validator"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _util = require("../../../_util");
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
-
-var FormItem = /*#__PURE__*/function (_Component) {
-  (0, _inherits2["default"])(FormItem, _Component);
-
-  var _super = _createSuper(FormItem);
-
-  function FormItem(props, context) {
-    var _this;
-
-    (0, _classCallCheck2["default"])(this, FormItem);
-    _this = _super.call(this, props);
-    _this.state = {
-      error: '',
-      valid: false,
-      validating: false
-    };
-    _this.initValue = '';
-    _this.parent = context.component;
-    return _this;
-  }
-
-  (0, _createClass2["default"])(FormItem, [{
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      var field = this.props.field;
-
-      if (field) {
-        this.parent.addField(this);
-        this.valueInit();
-      }
-    }
-  }, {
-    key: "componentWillUnmount",
-    value: function componentWillUnmount() {
-      this.parent.removeField(this.props.field);
-    }
-  }, {
-    key: "valueInit",
-    value: function valueInit() {
-      var value = this.parent.props.model[this.props.field];
-
-      if (value === undefined) {
-        this.initValue = value;
-      } else {
-        this.initValue = JSON.parse(JSON.stringify(value));
-      }
-    }
-  }, {
-    key: "getRules",
-    value: function getRules() {
-      var formRules = this.parent.props.rules;
-      var selfRules = this.props.rules;
-      formRules = formRules ? formRules[this.props.field] : [];
-      return [].concat(selfRules || formRules || []);
-    }
-  }, {
-    key: "getFilteredRule",
-    value: function getFilteredRule(trigger) {
-      var rules = this.getRules();
-      return rules.filter(function (rule) {
-        return !rule.trigger || rule.trigger.indexOf(trigger) !== -1;
-      });
-    }
-  }, {
-    key: "getfieldValue",
-    value: function getfieldValue() {
-      var model = this.parent.props.model;
-
-      if (!model || !this.props.field) {
-        return;
-      }
-
-      var keyList = this.props.field.split(':');
-      return keyList.length > 1 ? model[keyList[0]][keyList[1]] : model[this.props.field];
-    }
-  }, {
-    key: "validate",
-    value: function validate(trigger, cb) {
-      var _this2 = this;
-
-      var rules = this.getFilteredRule(trigger);
-
-      if (!rules || rules.length === 0) {
-        if (cb instanceof Function) {
-          cb();
-        }
-
-        return true;
-      }
-
-      this.setState({
-        validating: true
-      });
-      var validator = new _asyncValidator["default"]((0, _defineProperty2["default"])({}, this.props.field, rules));
-      var model = (0, _defineProperty2["default"])({}, this.props.field, this.getfieldValue());
-      validator.validate(model, {
-        firstFields: true
-      }, function (errors) {
-        _this2.setState({
-          error: errors ? errors[0].message : '',
-          validating: false,
-          valid: !errors
-        }, function () {
-          if (cb instanceof Function) {
-            cb(errors);
-          }
-        });
-      });
-    }
-  }, {
-    key: "resetValidate",
-    value: function resetValidate() {
-      this.setState({
-        error: '',
-        valid: true
-      });
-    }
-  }, {
-    key: "isRequired",
-    value: function isRequired() {
-      var rules = this.getRules();
-      var isRequired = false;
-
-      if (rules && rules.length) {
-        rules.every(function (rule) {
-          if (rule.required) {
-            isRequired = true;
-            return false;
-          }
-
-          return true;
-        });
-      }
-
-      return isRequired;
-    }
-  }, {
-    key: "handleFieldBlur",
-    value: function handleFieldBlur() {
-      var hasOnBlur = this.getRules().some(function (rule) {
-        return (rule.trigger || '').includes('onBlur');
-      });
-
-      if (hasOnBlur) {
-        this.validate('onBlur');
-      }
-    }
-  }, {
-    key: "handleFieldChange",
-    value: function handleFieldChange() {
-      var hasOnChange = this.getRules().some(function (rule) {
-        return (rule.trigger || '').includes('onChange');
-      });
-
-      if (hasOnChange) {
-        this.validate('onChange');
-      }
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this3 = this;
-
-      var _this$props = this.props,
-          children = _this$props.children,
-          label = _this$props.label,
-          required = _this$props.required,
-          className = _this$props.className,
-          shouldItemShowColon = _this$props.showColon,
-          style = _this$props.style;
-      var _this$parent$props = this.parent.props,
-          shouldFormShowColon = _this$parent$props.showColon,
-          colon = _this$parent$props.localeDatas.form.colon;
-      var _this$state = this.state,
-          error = _this$state.error,
-          validating = _this$state.validating;
-      var shouldShowColon = shouldItemShowColon === undefined ? shouldFormShowColon && typeof label === 'string' && label.trim() : shouldItemShowColon;
-      var obj = {};
-      obj['hi-form-item--legacy__error'] = error !== '';
-      obj['hi-form-item--legacy--validating'] = validating;
-      obj['hi-form-item--legacy--required'] = this.isRequired() || required;
-      return /*#__PURE__*/_react["default"].createElement("div", {
-        className: (0, _classnames["default"])('hi-form-item--legacy', className, obj),
-        style: style
-      }, label || label === '' ? /*#__PURE__*/_react["default"].createElement("label", {
-        className: "hi-form-item--legacy__label",
-        style: {
-          width: this.labelWidth
-        }
-      }, typeof label === 'string' && label.trim() || label, shouldShowColon && colon) : /*#__PURE__*/_react["default"].createElement("span", {
-        className: "hi-form-item--legacy__span",
-        style: {
-          width: this.labelWidth
-        }
-      }), /*#__PURE__*/_react["default"].createElement("div", {
-        className: 'hi-form-item--legacy' + '__content'
-      }, Array.isArray(children) || !children ? children : /*#__PURE__*/_react["default"].cloneElement(children, {
-        onChange: function onChange() {
-          var _children$props;
-
-          children.props.onChange && (_children$props = children.props).onChange.apply(_children$props, arguments);
-          setTimeout(function () {
-            _this3.handleFieldChange();
-          });
-        },
-        onBlur: function onBlur() {
-          var _children$props2;
-
-          children.props.onBlur && (_children$props2 = children.props).onBlur.apply(_children$props2, arguments);
-          setTimeout(function () {
-            _this3.handleFieldBlur();
-          });
-        }
-      }), /*#__PURE__*/_react["default"].createElement("div", {
-        className: "hi-form-item--legacy--msg__error"
-      }, error)));
-    }
-  }, {
-    key: "labelWidth",
-    get: function get() {
-      var labelWidth = this.props.labelWidth || this.parent.props.labelWidth;
-      return this.parent.props.labelPosition === 'top' ? false : labelWidth && parseInt(labelWidth);
-    }
-  }]);
-  return FormItem;
-}(_react.Component);
-
-FormItem.contextTypes = {
-  component: _propTypes["default"].any
-};
-FormItem.propTypes = {
-  field: _propTypes["default"].string,
-  rules: _propTypes["default"].oneOfType([_propTypes["default"].object, _propTypes["default"].array]),
-  required: _propTypes["default"].bool,
-  label: _propTypes["default"].string,
-  labelWidth: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number]),
-  showColon: _propTypes["default"].bool,
-  className: _propTypes["default"].string,
-  style: _propTypes["default"].object
-};
-FormItem.defaultProps = {
-  size: 'small'
-};
-
-var _default = (0, _util.depreactedPropsCompat)([['field', 'prop']])(FormItem);
-
-exports["default"] = _default;