cloud-b2b 1.1.45 → 1.1.50

package/es/SuperForm/SuperForm.js

@@ -27,10 +27,15 @@ 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';
@@ -40,8 +45,7 @@ import variables from '../variables';
 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'];
-
+var TYPE = ['readonly', 'text', 'search', 'searchText', 'select', 'selectText', 'radioGroup', 'number', 'date', 'textArea', 'password', 'editor', 'selectWriting', 'selectSearch', 'empty', 'area', 'uploadImg', 'cascader', 'treeSelect'];
 /**
  * key：[必须]，用于唯一标识该Form下的一个表单元素
  * title：[必须]，表单元素的标签
@@ -53,6 +57,7 @@ var TYPE = ['readonly', 'text', 'search', 'searchText', 'select', 'selectText',
  * rule: [可选]，用于设置校验规则
  * highLightKeys: [可选]，用于设置高亮样式，仅只读字段生效
  */
+
 var ControlType = {
   key: PropTypes.string.isRequired,
   title: PropTypes.string,
@@ -65,25 +70,35 @@ 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) {
@@ -100,9 +115,11 @@ var Controlled = /*#__PURE__*/function (_React$Component) {
         value: this.state.value,
         onChange: this.onChange
       });
+
       return /*#__PURE__*/React.createElement(Control, props);
     }
   }]);
+
   return Controlled;
 }(React.Component);
 /**
@@ -118,53 +135,75 @@ 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;
@@ -172,16 +211,20 @@ 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 {
@@ -195,8 +238,10 @@ 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') {
@@ -205,18 +250,22 @@ 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 {
@@ -227,11 +276,14 @@ 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) {
@@ -246,22 +298,26 @@ 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,
@@ -270,6 +326,7 @@ var SuperForm = /*#__PURE__*/function (_React$Component2) {
           };
         } else {
           var _context4;
+
           return {
             style: style,
             onBlur: _bindInstanceProperty(_context4 = _this2.onExitValid).call(_context4, _assertThisInitialized(_this2), key)
@@ -277,23 +334,29 @@ 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),
@@ -301,17 +364,22 @@ 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
@@ -320,24 +388,31 @@ 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;
@@ -351,21 +426,25 @@ 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) {
@@ -375,6 +454,7 @@ 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);
@@ -382,6 +462,7 @@ 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;
@@ -391,18 +472,21 @@ 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);
@@ -410,9 +494,10 @@ 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);
@@ -422,8 +507,10 @@ 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);
@@ -432,8 +519,10 @@ 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);
@@ -441,53 +530,87 @@ var SuperForm = /*#__PURE__*/function (_React$Component2) {
       props.loadData = _this2.createSearchEvent(control);
       return /*#__PURE__*/React.createElement(Control, props);
     });
+
+    _defineProperty(_assertThisInitialized(_this2), "toTreeSelect", function (props, filter) {
+      var container = _this2.getContainer();
+
+      container && (props.getPopupContainer = container);
+      props.options = _this2.getOptions(filter);
+      props.onSearch = _this2.createSearchEvent(filter);
+      props.placeholder = filter.placeholder || '';
+      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);
+
+        case 'treeSelect':
+          return _this2.toTreeSelect(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",
@@ -497,18 +620,22 @@ 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
@@ -526,25 +653,32 @@ 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() {
@@ -561,8 +695,10 @@ 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,
@@ -580,4 +716,5 @@ _defineProperty(SuperForm, "propTypes", {
   onAreaSearch: PropTypes.func,
   OnFileChange: PropTypes.func
 });
+
 export default SuperForm;