cloud-b2b 1.1.27 → 1.1.28

package/es/SuperForm/SuperForm.js

@@ -27,15 +27,10 @@ import _someInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instanc
 import _includesInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/includes";
 import _bindInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/bind";
 import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
-
 function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context17, _context18; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context17 = ownKeys(Object(source), !0)).call(_context17, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context18 = ownKeys(Object(source))).call(_context18, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = _Reflect$construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(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 { Boolean.prototype.valueOf.call(_Reflect$construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
 import React from 'react';
 import PropTypes from 'prop-types';
 import ReactDOM from 'react-dom';
@@ -46,6 +41,7 @@ var FormItem = _Form.Item;
 var defaultSize = 'small';
 var defaultColNum = 4;
 var TYPE = ['readonly', 'text', 'search', 'searchText', 'select', 'selectText', 'radioGroup', 'number', 'date', 'textArea', 'password', 'editor', 'selectWriting', 'selectSearch', 'empty', 'area', 'uploadImg', 'cascader'];
+
 /**
  * key：[必须]，用于唯一标识该Form下的一个表单元素
  * title：[必须]，表单元素的标签
@@ -57,7 +53,6 @@ var TYPE = ['readonly', 'text', 'search', 'searchText', 'select', 'selectText',
  * rule: [可选]，用于设置校验规则
  * highLightKeys: [可选]，用于设置高亮样式，仅只读字段生效
  */
-
 var ControlType = {
   key: PropTypes.string.isRequired,
   title: PropTypes.string,
@@ -70,35 +65,25 @@ var ControlType = {
   rule: PropTypes.object,
   props: PropTypes.object
 };
-
 var Controlled = /*#__PURE__*/function (_React$Component) {
   _inherits(Controlled, _React$Component);
-
   var _super = _createSuper(Controlled);
-
   function Controlled(props) {
     var _this;
-
     _classCallCheck(this, Controlled);
-
     _this = _super.call(this, props);
-
     _defineProperty(_assertThisInitialized(_this), "onChange", function (value) {
       var onChange = _this.props.onChange;
-
       _this.setState({
         value: value
       });
-
       onChange && onChange(value);
     });
-
     _this.state = {
       value: props.value
     };
     return _this;
   }
-
   _createClass(Controlled, [{
     key: "componentWillReceiveProps",
     value: function componentWillReceiveProps(nextProps) {
@@ -115,11 +100,9 @@ var Controlled = /*#__PURE__*/function (_React$Component) {
         value: this.state.value,
         onChange: this.onChange
       });
-
       return /*#__PURE__*/React.createElement(Control, props);
     }
   }]);
-
   return Controlled;
 }(React.Component);
 /**
@@ -135,74 +118,53 @@ var Controlled = /*#__PURE__*/function (_React$Component) {
  * onAreaSearch:联级选择器触发，原型为func(key - 当前联级key, title - 输入值, parentKey - 主体联级key)
  * OnFileChange:上传组件触发,原型为func（key,{fileList, fileDeleteList}）
  */
-
-
 var SuperForm = /*#__PURE__*/function (_React$Component2) {
   _inherits(SuperForm, _React$Component2);
-
   var _super2 = _createSuper(SuperForm);
-
   function SuperForm() {
     var _context;
-
     var _this2;
-
     _classCallCheck(this, SuperForm);
-
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-
     _this2 = _super2.call.apply(_super2, _concatInstanceProperty(_context = [this]).call(_context, args));
-
     _defineProperty(_assertThisInitialized(_this2), "onAdd", function (key, title) {
       var onAdd = _this2.props.onAdd;
       onAdd && onAdd(key, title);
     });
-
     _defineProperty(_assertThisInitialized(_this2), "onChange", function (key, value) {
       var onChange = _this2.props.onChange;
-
       if (onChange) {
         _this2.onExitValid(key);
-
         onChange(key, value);
       }
     });
-
     _defineProperty(_assertThisInitialized(_this2), "onBlur", function (key, value) {
       var onChange = _this2.props.onChange;
-
       if (onChange) {
         _this2.onExitValid(key);
-
         onChange(key, value);
       }
     });
-
     _defineProperty(_assertThisInitialized(_this2), "onExitValid", function (key, value) {
       if (key === _this2.validKey) {
         _this2.validKey = '';
-
         _this2.props.onExitValid();
       }
-
       _this2.props.onChangeOperate && _this2.props.onChangeOperate(key, value);
     });
-
+    // 动态生成getValidState方法
     _defineProperty(_assertThisInitialized(_this2), "initValidState", function () {
       var _this2$props = _this2.props,
-          value = _this2$props.value,
-          valid = _this2$props.valid;
-
+        value = _this2$props.value,
+        valid = _this2$props.valid;
       var invalid = function invalid() {
         return null;
       };
-
       var _valid = function _valid(_ref) {
         var key = _ref.key,
-            required = _ref.required;
-
+          required = _ref.required;
         if (required) {
           if (!value || helper.isEmpty2(value[key]) || !_Array$isArray(value[key]) && _typeof(value[key]) === 'object' && helper.isEmpty(value[key].value)) {
             _this2.getValidState = invalid;
@@ -210,20 +172,16 @@ var SuperForm = /*#__PURE__*/function (_React$Component2) {
             return 'error';
           }
         }
-
         return null;
       };
-
       _this2.getValidState = valid ? _valid : invalid;
     });
-
     _defineProperty(_assertThisInitialized(_this2), "validDate", function (_ref2) {
       var key = _ref2.key,
-          type = _ref2.type;
+        type = _ref2.type;
       return function (date) {
         var _this2$props$value = _this2.props.value,
-            value = _this2$props$value === void 0 ? {} : _this2$props$value;
-
+          value = _this2$props$value === void 0 ? {} : _this2$props$value;
         if (!date || !value[key]) {
           return false;
         } else {
@@ -237,10 +195,8 @@ var SuperForm = /*#__PURE__*/function (_React$Component2) {
         }
       };
     });
-
     _defineProperty(_assertThisInitialized(_this2), "getPopupContainer", function () {
       var container = _this2.props.container;
-
       if (typeof container === 'undefined') {
         return ReactDOM.findDOMNode(_assertThisInitialized(_this2));
       } else if (typeof container === 'boolean') {
@@ -249,22 +205,18 @@ var SuperForm = /*#__PURE__*/function (_React$Component2) {
         return ReactDOM.findDOMNode(container);
       }
     });
-
     _defineProperty(_assertThisInitialized(_this2), "getMaxWidth", function () {
       var _this2$props$colNum = _this2.props.colNum,
-          colNum = _this2$props$colNum === void 0 ? defaultColNum : _this2$props$colNum;
+        colNum = _this2$props$colNum === void 0 ? defaultColNum : _this2$props$colNum;
       return colNum * 250;
     });
-
     _defineProperty(_assertThisInitialized(_this2), "getContainer", function () {
       return _this2.props.getContainer;
     });
-
     _defineProperty(_assertThisInitialized(_this2), "getControls", function () {
       var _this2$props2 = _this2.props,
-          hideControls = _this2$props2.hideControls,
-          controls = _this2$props2.controls;
-
+        hideControls = _this2$props2.hideControls,
+        controls = _this2$props2.controls;
       if (!hideControls) {
         return controls;
       } else {
@@ -275,14 +227,11 @@ var SuperForm = /*#__PURE__*/function (_React$Component2) {
         });
       }
     });
-
     _defineProperty(_assertThisInitialized(_this2), "getType", function (_ref3) {
       var _context2;
-
       var key = _ref3.key,
-          type = _ref3.type;
+        type = _ref3.type;
       var readonly = _this2.props.readonly;
-
       if (_includesInstanceProperty(_context2 = ['area', 'uploadImg']).call(_context2, type)) {
         return type;
       } else if (!readonly) {
@@ -297,26 +246,22 @@ var SuperForm = /*#__PURE__*/function (_React$Component2) {
         return type;
       }
     });
-
     _defineProperty(_assertThisInitialized(_this2), "specialProps", function (type, _ref4) {
       var key = _ref4.key,
-          _ref4$props = _ref4.props,
-          props = _ref4$props === void 0 ? {} : _ref4$props,
-          originType = _ref4.type;
-
+        _ref4$props = _ref4.props,
+        props = _ref4$props === void 0 ? {} : _ref4$props,
+        originType = _ref4.type;
       if (type === 'readonly') {
         var _this2$props$highLigh = _this2.props.highLightKeys,
-            highLightKeys = _this2$props$highLigh === void 0 ? [] : _this2$props$highLigh;
+          highLightKeys = _this2$props$highLigh === void 0 ? [] : _this2$props$highLigh;
         var style = _includesInstanceProperty(highLightKeys).call(highLightKeys, key) ? {
           backgroundColor: 'red',
           color: 'white'
         } : {
           backgroundColor: '#f0f0f0'
         };
-
         if (originType === 'textArea') {
           var _context3;
-
           return {
             type: 'textArea',
             readonly: true,
@@ -325,7 +270,6 @@ var SuperForm = /*#__PURE__*/function (_React$Component2) {
           };
         } else {
           var _context4;
-
           return {
             style: style,
             onBlur: _bindInstanceProperty(_context4 = _this2.onExitValid).call(_context4, _assertThisInitialized(_this2), key)
@@ -333,29 +277,23 @@ var SuperForm = /*#__PURE__*/function (_React$Component2) {
         }
       } else if (type === 'text' || type === 'textArea') {
         var _context5, _context6;
-
         return _objectSpread(_objectSpread({}, props), {}, {
           onChange: _bindInstanceProperty(_context5 = _this2.onExitValid).call(_context5, _assertThisInitialized(_this2), key),
           onBlur: _bindInstanceProperty(_context6 = _this2.onChange).call(_context6, _assertThisInitialized(_this2), key)
         });
       } else if (type === 'date') {
         var _context7, _context8;
-
         var propsObj = _objectSpread(_objectSpread({}, props), {}, {
           onChange: _bindInstanceProperty(_context7 = _this2.onBlur).call(_context7, _assertThisInitialized(_this2), key),
           onBlur: _bindInstanceProperty(_context8 = _this2.onExitValid).call(_context8, _assertThisInitialized(_this2), key)
         });
-
         if (_this2.props.onOpenChange && typeof _this2.props.onOpenChange === 'function') {
           var _context9;
-
           propsObj.onOpenChange = _bindInstanceProperty(_context9 = _this2.props.onOpenChange).call(_context9, _assertThisInitialized(_this2), key);
         }
-
         return propsObj;
       } else if (type === 'area') {
         var _context10, _context11;
-
         return _objectSpread(_objectSpread({}, props), {}, {
           onChange: _bindInstanceProperty(_context10 = _this2.onBlur).call(_context10, _assertThisInitialized(_this2), key),
           onBlur: _bindInstanceProperty(_context11 = _this2.onExitValid).call(_context11, _assertThisInitialized(_this2), key),
@@ -363,22 +301,17 @@ var SuperForm = /*#__PURE__*/function (_React$Component2) {
         });
       } else {
         var _context12, _context13;
-
         return _objectSpread(_objectSpread({}, props), {}, {
           onChange: _bindInstanceProperty(_context12 = _this2.onBlur).call(_context12, _assertThisInitialized(_this2), key),
           onBlur: _bindInstanceProperty(_context13 = _this2.onExitValid).call(_context13, _assertThisInitialized(_this2), key)
         });
       }
     });
-
     _defineProperty(_assertThisInitialized(_this2), "getControlProps", function (control, status) {
       var _this2$props$value2 = _this2.props.value,
-          value = _this2$props$value2 === void 0 ? {} : _this2$props$value2;
-
+        value = _this2$props$value2 === void 0 ? {} : _this2$props$value2;
       var type = _this2.getType(control);
-
       var props = _this2.specialProps(type, control);
-
       return _objectSpread(_objectSpread({
         autoFocus: !!status,
         type: type
@@ -387,31 +320,24 @@ var SuperForm = /*#__PURE__*/function (_React$Component2) {
         value: makeString(value[control.key])
       });
     });
-
     _defineProperty(_assertThisInitialized(_this2), "getOptions", function (key, options) {
       var higher = _this2.props.options || {};
       return higher[key] || options;
     });
-
     _defineProperty(_assertThisInitialized(_this2), "toEmpty", function (props) {});
-
     _defineProperty(_assertThisInitialized(_this2), "toText", function (props) {
       return /*#__PURE__*/React.createElement(Controlled, props);
     });
-
     _defineProperty(_assertThisInitialized(_this2), "toPassword", function (props) {
       return /*#__PURE__*/React.createElement(Controlled, props);
     });
-
     _defineProperty(_assertThisInitialized(_this2), "toEditor", function (props, control) {
       props.inputKey = control.key;
       return /*#__PURE__*/React.createElement(Controlled, props);
     });
-
     _defineProperty(_assertThisInitialized(_this2), "toSelectWriting", function (props, control) {
       return /*#__PURE__*/React.createElement(Controlled, props);
     });
-
     _defineProperty(_assertThisInitialized(_this2), "toTextArea", function (props, control) {
       if (control.allFullFather) {
         props.rows = control.rows;
@@ -425,25 +351,21 @@ var SuperForm = /*#__PURE__*/function (_React$Component2) {
           maxRows: 5
         };
       }
-
       return /*#__PURE__*/React.createElement(Controlled, props);
     });
-
     _defineProperty(_assertThisInitialized(_this2), "toNumber", function (props) {
       props.defaultValue = props.value;
       delete props.value;
       return /*#__PURE__*/React.createElement(Control, props);
     });
-
     _defineProperty(_assertThisInitialized(_this2), "toSelect", function (props, _ref5) {
       var options = _ref5.options,
-          key = _ref5.key;
+        key = _ref5.key;
       props.getPopupContainer = _this2.getPopupContainer;
       props.options = _this2.getOptions(key, options);
       props.dropdownMatchSelectWidth = false;
       return /*#__PURE__*/React.createElement(Control, props);
     });
-
     _defineProperty(_assertThisInitialized(_this2), "createSearchEvent", function (control) {
       if (_this2.props.onSearch) {
         return function (value) {
@@ -453,7 +375,6 @@ var SuperForm = /*#__PURE__*/function (_React$Component2) {
         return null;
       }
     });
-
     _defineProperty(_assertThisInitialized(_this2), "toSearch", function (props, control) {
       props.getPopupContainer = _this2.getPopupContainer;
       props.options = _this2.getOptions(control.key, control.options);
@@ -461,7 +382,6 @@ var SuperForm = /*#__PURE__*/function (_React$Component2) {
       props.dropdownMatchSelectWidth = false;
       return /*#__PURE__*/React.createElement(Control, props);
     });
-
     _defineProperty(_assertThisInitialized(_this2), "toDate", function (props, _ref6) {
       var rule = _ref6.rule;
       props.getCalendarContainer = _this2.getPopupContainer;
@@ -471,21 +391,18 @@ var SuperForm = /*#__PURE__*/function (_React$Component2) {
       rule && (props.disabledDate = _this2.validDate(rule));
       return /*#__PURE__*/React.createElement(Control, props);
     });
-
     _defineProperty(_assertThisInitialized(_this2), "toRadioGroup", function (props, _ref7) {
       var key = _ref7.key,
-          options = _ref7.options;
+        options = _ref7.options;
       props.options = _this2.getOptions(key, options);
       return /*#__PURE__*/React.createElement(Control, props);
     });
-
     _defineProperty(_assertThisInitialized(_this2), "toReadonly", function (props, _ref8) {
       var options = _ref8.options,
-          key = _ref8.key;
+        key = _ref8.key;
       props.value = getTitle(props.value, _this2.getOptions(key, options));
       return /*#__PURE__*/React.createElement(Control, props);
     });
-
     _defineProperty(_assertThisInitialized(_this2), "selectSearch", function (props, control) {
       props.getPopupContainer = _this2.getPopupContainer;
       props.options = _this2.getOptions(control.key, control.options);
@@ -493,10 +410,9 @@ var SuperForm = /*#__PURE__*/function (_React$Component2) {
       props.dropdownMatchSelectWidth = false;
       return /*#__PURE__*/React.createElement(Control, props);
     });
-
     _defineProperty(_assertThisInitialized(_this2), "area", function (props, _ref9) {
       var key = _ref9.key,
-          options = _ref9.options;
+        options = _ref9.options;
       var readonly = _this2.props.readonly;
       props.parentKey = key;
       props.options = _this2.getOptions(key, options);
@@ -506,10 +422,8 @@ var SuperForm = /*#__PURE__*/function (_React$Component2) {
       }) ? true : false;
       return /*#__PURE__*/React.createElement(Control, props);
     });
-
     _defineProperty(_assertThisInitialized(_this2), "uploadImg", function (props, control) {
       var _context14;
-
       var readonly = _this2.props.readonly;
       props.required = control.required || false;
       props.onFileChange = _bindInstanceProperty(_context14 = _this2.onFileChange).call(_context14, _assertThisInitialized(_this2), control);
@@ -518,10 +432,8 @@ var SuperForm = /*#__PURE__*/function (_React$Component2) {
       }) ? true : false;
       return /*#__PURE__*/React.createElement(Control, props);
     });
-
     _defineProperty(_assertThisInitialized(_this2), "toCascader", function (props, control) {
       var container = _this2.getContainer();
-
       container && (props.getPopupContainer = container);
       props.options = control.options || [];
       props.onSearch = _this2.createSearchEvent(control);
@@ -529,74 +441,53 @@ var SuperForm = /*#__PURE__*/function (_React$Component2) {
       props.loadData = _this2.createSearchEvent(control);
       return /*#__PURE__*/React.createElement(Control, props);
     });
-
     _defineProperty(_assertThisInitialized(_this2), "toControl", function (props, control) {
       switch (props.type) {
         case 'readonly':
           return _this2.toReadonly(props, control);
-
         case 'text':
           return _this2.toText(props, control);
-
         case 'number':
           return _this2.toNumber(props, control);
-
         case 'select':
         case 'selectText':
           return _this2.toSelect(props, control);
-
         case 'search':
         case 'searchText':
           return _this2.toSearch(props, control);
-
         case 'date':
           return _this2.toDate(props, control);
-
         case 'radioGroup':
           return _this2.toRadioGroup(props, control);
-
         case 'textArea':
           return _this2.toTextArea(props, control);
-
         case 'password':
           return _this2.toPassword(props, control);
-
         case 'editor':
           return _this2.toEditor(props, control);
-
         case 'selectWriting':
           return _this2.toSelectWriting(props, control);
-
         case 'selectSearch':
           return _this2.selectSearch(props, control);
-
         case 'empty':
           return _this2.toEmpty(props, control);
-
         case 'area':
           return _this2.area(props, control);
-
         case 'uploadImg':
           return _this2.uploadImg(props, control);
-
         case 'cascader':
           return _this2.toCascader(props, control);
-
         default:
           return 'type error';
       }
     });
-
     _defineProperty(_assertThisInitialized(_this2), "toLabel", function (_ref10, type) {
       var title = _ref10.title,
-          showAdd = _ref10.showAdd,
-          key = _ref10.key;
-
+        showAdd = _ref10.showAdd,
+        key = _ref10.key;
       if (showAdd && type !== 'readonly') {
         var _context15;
-
         var onClick = _bindInstanceProperty(_context15 = _this2.onAdd).call(_context15, _assertThisInitialized(_this2), key, title);
-
         return /*#__PURE__*/React.createElement("span", null, title, /*#__PURE__*/React.createElement(_Icon, {
           role: "add",
           type: "plus-circle-o",
@@ -606,22 +497,18 @@ var SuperForm = /*#__PURE__*/function (_React$Component2) {
         return title;
       }
     });
-
     _defineProperty(_assertThisInitialized(_this2), "toCol", function (span, control) {
       var factor = control.span || 1;
-
       var status = _this2.getValidState(control);
-
       var controlProps = _this2.getControlProps(control, status);
-
       var itemProps = {
         label: _this2.toLabel(control, controlProps.type),
         required: control.required,
         validateStatus: status
       };
       var _this2$props3 = _this2.props,
-          checkable = _this2$props3.checkable,
-          onCheckItem = _this2$props3.onCheckItem;
+        checkable = _this2$props3.checkable,
+        onCheckItem = _this2$props3.onCheckItem;
       return control.type !== 'empty' ? /*#__PURE__*/React.createElement(_Col, {
         span: span * factor,
         key: control.key
@@ -639,32 +526,25 @@ var SuperForm = /*#__PURE__*/function (_React$Component2) {
         }
       });
     });
-
     _defineProperty(_assertThisInitialized(_this2), "toCols", function () {
       var _context16;
-
       var _this2$props4 = _this2.props,
-          _this2$props4$colNum = _this2$props4.colNum,
-          colNum = _this2$props4$colNum === void 0 ? defaultColNum : _this2$props4$colNum,
-          allFullFather = _this2$props4.allFullFather;
-
+        _this2$props4$colNum = _this2$props4.colNum,
+        colNum = _this2$props4$colNum === void 0 ? defaultColNum : _this2$props4$colNum,
+        allFullFather = _this2$props4.allFullFather;
       if (allFullFather) {
         colNum = 1;
       }
-
       var span = 24 / colNum;
       return _mapInstanceProperty(_context16 = _this2.getControls()).call(_context16, function (control) {
         if (allFullFather) {
           control.allFullFather = allFullFather;
         }
-
         return _this2.toCol(span, control);
       });
     });
-
     return _this2;
   }
-
   _createClass(SuperForm, [{
     key: "render",
     value: function render() {
@@ -681,10 +561,8 @@ var SuperForm = /*#__PURE__*/function (_React$Component2) {
       }, this.toCols())));
     }
   }]);
-
   return SuperForm;
 }(React.Component);
-
 _defineProperty(SuperForm, "propTypes", {
   controls: PropTypes.arrayOf(PropTypes.shape(ControlType)).isRequired,
   value: PropTypes.object,
@@ -702,5 +580,4 @@ _defineProperty(SuperForm, "propTypes", {
   onAreaSearch: PropTypes.func,
   OnFileChange: PropTypes.func
 });
-
 export default SuperForm;