cloud-b2b 1.1.45 → 1.1.50

package/lib/SuperForm/SuperForm.js

@@ -1,59 +1,105 @@
 "use strict";
 
 var _typeof3 = require("@babel/runtime-corejs3/helpers/typeof");
+
 var _Reflect$construct = require("@babel/runtime-corejs3/core-js-stable/reflect/construct");
+
 var _Object$keys = require("@babel/runtime-corejs3/core-js-stable/object/keys");
+
 var _Object$getOwnPropertySymbols = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols");
+
 var _filterInstanceProperty2 = require("@babel/runtime-corejs3/core-js-stable/instance/filter");
+
 var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
+
 var _forEachInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/for-each");
+
 var _Object$getOwnPropertyDescriptors = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors");
+
 var _Object$defineProperties = require("@babel/runtime-corejs3/core-js-stable/object/define-properties");
+
 var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+
 var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
+
 var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+
 _Object$defineProperty(exports, "__esModule", {
   value: true
 });
+
 exports["default"] = void 0;
+
 var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
+
 var _isArray = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/array/is-array"));
+
 var _filter = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/filter"));
+
 var _some = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/some"));
+
 var _includes = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/includes"));
+
 var _bind = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/bind"));
+
 var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
+
 var _row = _interopRequireDefault(require("antd/lib/row"));
+
 var _col = _interopRequireDefault(require("antd/lib/col"));
+
 var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
+
 var _checkbox = _interopRequireDefault(require("antd/lib/checkbox"));
+
 var _icon = _interopRequireDefault(require("antd/lib/icon"));
+
 var _typeof2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/typeof"));
+
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/classCallCheck"));
+
 var _createClass2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/createClass"));
+
 var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/assertThisInitialized"));
+
 var _inherits2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/inherits"));
+
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/possibleConstructorReturn"));
+
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/getPrototypeOf"));
+
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
+
 var _form = _interopRequireDefault(require("antd/lib/form"));
+
 var _react = _interopRequireDefault(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _reactDom = _interopRequireDefault(require("react-dom"));
+
 var _helper = _interopRequireDefault(require("../helper"));
+
 var _Control = _interopRequireWildcard(require("../Control"));
+
 var _variables = _interopRequireDefault(require("../variables"));
+
 function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof3(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = _Object$defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { _Object$defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
 function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty2(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) { (0, _defineProperty2["default"])(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 = (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 { Boolean.prototype.valueOf.call(_Reflect$construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
 var FormItem = _form["default"].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：[必须]，表单元素的标签
@@ -65,6 +111,7 @@ var TYPE = ['readonly', 'text', 'search', 'searchText', 'select', 'selectText',
  * rule: [可选]，用于设置校验规则
  * highLightKeys: [可选]，用于设置高亮样式，仅只读字段生效
  */
+
 var ControlType = {
   key: _propTypes["default"].string.isRequired,
   title: _propTypes["default"].string,
@@ -77,18 +124,24 @@ var ControlType = {
   rule: _propTypes["default"].object,
   props: _propTypes["default"].object
 };
+
 var Controlled = /*#__PURE__*/function (_React$Component) {
   (0, _inherits2["default"])(Controlled, _React$Component);
+
   var _super = _createSuper(Controlled);
+
   function Controlled(props) {
     var _this;
+
     (0, _classCallCheck2["default"])(this, Controlled);
     _this = _super.call(this, props);
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onChange", function (value) {
       var onChange = _this.props.onChange;
+
       _this.setState({
         value: value
       });
+
       onChange && onChange(value);
     });
     _this.state = {
@@ -96,6 +149,7 @@ var Controlled = /*#__PURE__*/function (_React$Component) {
     };
     return _this;
   }
+
   (0, _createClass2["default"])(Controlled, [{
     key: "componentWillReceiveProps",
     value: function componentWillReceiveProps(nextProps) {
@@ -112,6 +166,7 @@ var Controlled = /*#__PURE__*/function (_React$Component) {
         value: this.state.value,
         onChange: this.onChange
       });
+
       return /*#__PURE__*/_react["default"].createElement(_Control["default"], props);
     }
   }]);
@@ -130,16 +185,24 @@ var Controlled = /*#__PURE__*/function (_React$Component) {
  * onAreaSearch:联级选择器触发，原型为func(key - 当前联级key, title - 输入值, parentKey - 主体联级key)
  * OnFileChange:上传组件触发,原型为func（key,{fileList, fileDeleteList}）
  */
+
+
 var SuperForm = /*#__PURE__*/function (_React$Component2) {
   (0, _inherits2["default"])(SuperForm, _React$Component2);
+
   var _super2 = _createSuper(SuperForm);
+
   function SuperForm() {
     var _context;
+
     var _this2;
+
     (0, _classCallCheck2["default"])(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, (0, _concat["default"])(_context = [this]).call(_context, args));
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this2), "onAdd", function (key, title) {
       var onAdd = _this2.props.onAdd;
@@ -147,36 +210,45 @@ var SuperForm = /*#__PURE__*/function (_React$Component2) {
     });
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this2), "onChange", function (key, value) {
       var onChange = _this2.props.onChange;
+
       if (onChange) {
         _this2.onExitValid(key);
+
         onChange(key, value);
       }
     });
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this2), "onBlur", function (key, value) {
       var onChange = _this2.props.onChange;
+
       if (onChange) {
         _this2.onExitValid(key);
+
         onChange(key, value);
       }
     });
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this2), "onExitValid", function (key, value) {
       if (key === _this2.validKey) {
         _this2.validKey = '';
+
         _this2.props.onExitValid();
       }
+
       _this2.props.onChangeOperate && _this2.props.onChangeOperate(key, value);
     });
     // 动态生成getValidState方法
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_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["default"].isEmpty2(value[key]) || !(0, _isArray["default"])(value[key]) && (0, _typeof2["default"])(value[key]) === 'object' && _helper["default"].isEmpty(value[key].value)) {
             _this2.getValidState = invalid;
@@ -184,16 +256,19 @@ var SuperForm = /*#__PURE__*/function (_React$Component2) {
             return 'error';
           }
         }
+
         return null;
       };
+
       _this2.getValidState = valid ? _valid : invalid;
     });
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_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 {
@@ -209,6 +284,7 @@ var SuperForm = /*#__PURE__*/function (_React$Component2) {
     });
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this2), "getPopupContainer", function () {
       var container = _this2.props.container;
+
       if (typeof container === 'undefined') {
         return _reactDom["default"].findDOMNode((0, _assertThisInitialized2["default"])(_this2));
       } else if (typeof container === 'boolean') {
@@ -219,7 +295,7 @@ var SuperForm = /*#__PURE__*/function (_React$Component2) {
     });
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_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;
     });
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this2), "getContainer", function () {
@@ -227,8 +303,9 @@ var SuperForm = /*#__PURE__*/function (_React$Component2) {
     });
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_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 {
@@ -241,9 +318,11 @@ var SuperForm = /*#__PURE__*/function (_React$Component2) {
     });
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this2), "getType", function (_ref3) {
       var _context2;
+
       var key = _ref3.key,
-        type = _ref3.type;
+          type = _ref3.type;
       var readonly = _this2.props.readonly;
+
       if ((0, _includes["default"])(_context2 = ['area', 'uploadImg']).call(_context2, type)) {
         return type;
       } else if (!readonly) {
@@ -260,20 +339,23 @@ var SuperForm = /*#__PURE__*/function (_React$Component2) {
     });
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_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 = (0, _includes["default"])(highLightKeys).call(highLightKeys, key) ? {
           backgroundColor: 'red',
           color: 'white'
         } : {
           backgroundColor: '#f0f0f0'
         };
+
         if (originType === 'textArea') {
           var _context3;
+
           return {
             type: 'textArea',
             readonly: true,
@@ -282,6 +364,7 @@ var SuperForm = /*#__PURE__*/function (_React$Component2) {
           };
         } else {
           var _context4;
+
           return {
             style: style,
             onBlur: (0, _bind["default"])(_context4 = _this2.onExitValid).call(_context4, (0, _assertThisInitialized2["default"])(_this2), key)
@@ -289,23 +372,29 @@ var SuperForm = /*#__PURE__*/function (_React$Component2) {
         }
       } else if (type === 'text' || type === 'textArea') {
         var _context5, _context6;
+
         return _objectSpread(_objectSpread({}, props), {}, {
           onChange: (0, _bind["default"])(_context5 = _this2.onExitValid).call(_context5, (0, _assertThisInitialized2["default"])(_this2), key),
           onBlur: (0, _bind["default"])(_context6 = _this2.onChange).call(_context6, (0, _assertThisInitialized2["default"])(_this2), key)
         });
       } else if (type === 'date') {
         var _context7, _context8;
+
         var propsObj = _objectSpread(_objectSpread({}, props), {}, {
           onChange: (0, _bind["default"])(_context7 = _this2.onBlur).call(_context7, (0, _assertThisInitialized2["default"])(_this2), key),
           onBlur: (0, _bind["default"])(_context8 = _this2.onExitValid).call(_context8, (0, _assertThisInitialized2["default"])(_this2), key)
         });
+
         if (_this2.props.onOpenChange && typeof _this2.props.onOpenChange === 'function') {
           var _context9;
+
           propsObj.onOpenChange = (0, _bind["default"])(_context9 = _this2.props.onOpenChange).call(_context9, (0, _assertThisInitialized2["default"])(_this2), key);
         }
+
         return propsObj;
       } else if (type === 'area') {
         var _context10, _context11;
+
         return _objectSpread(_objectSpread({}, props), {}, {
           onChange: (0, _bind["default"])(_context10 = _this2.onBlur).call(_context10, (0, _assertThisInitialized2["default"])(_this2), key),
           onBlur: (0, _bind["default"])(_context11 = _this2.onExitValid).call(_context11, (0, _assertThisInitialized2["default"])(_this2), key),
@@ -313,6 +402,7 @@ var SuperForm = /*#__PURE__*/function (_React$Component2) {
         });
       } else {
         var _context12, _context13;
+
         return _objectSpread(_objectSpread({}, props), {}, {
           onChange: (0, _bind["default"])(_context12 = _this2.onBlur).call(_context12, (0, _assertThisInitialized2["default"])(_this2), key),
           onBlur: (0, _bind["default"])(_context13 = _this2.onExitValid).call(_context13, (0, _assertThisInitialized2["default"])(_this2), key)
@@ -321,9 +411,12 @@ var SuperForm = /*#__PURE__*/function (_React$Component2) {
     });
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_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
@@ -363,6 +456,7 @@ var SuperForm = /*#__PURE__*/function (_React$Component2) {
           maxRows: 5
         };
       }
+
       return /*#__PURE__*/_react["default"].createElement(Controlled, props);
     });
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this2), "toNumber", function (props) {
@@ -372,7 +466,7 @@ var SuperForm = /*#__PURE__*/function (_React$Component2) {
     });
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_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;
@@ -405,13 +499,13 @@ var SuperForm = /*#__PURE__*/function (_React$Component2) {
     });
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this2), "toRadioGroup", function (props, _ref7) {
       var key = _ref7.key,
-        options = _ref7.options;
+          options = _ref7.options;
       props.options = _this2.getOptions(key, options);
       return /*#__PURE__*/_react["default"].createElement(_Control["default"], props);
     });
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this2), "toReadonly", function (props, _ref8) {
       var options = _ref8.options,
-        key = _ref8.key;
+          key = _ref8.key;
       props.value = (0, _Control.getTitle)(props.value, _this2.getOptions(key, options));
       return /*#__PURE__*/_react["default"].createElement(_Control["default"], props);
     });
@@ -424,7 +518,7 @@ var SuperForm = /*#__PURE__*/function (_React$Component2) {
     });
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_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);
@@ -436,6 +530,7 @@ var SuperForm = /*#__PURE__*/function (_React$Component2) {
     });
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this2), "uploadImg", function (props, control) {
       var _context14;
+
       var readonly = _this2.props.readonly;
       props.required = control.required || false;
       props.onFileChange = (0, _bind["default"])(_context14 = _this2.onFileChange).call(_context14, (0, _assertThisInitialized2["default"])(_this2), control);
@@ -446,6 +541,7 @@ var SuperForm = /*#__PURE__*/function (_React$Component2) {
     });
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this2), "toCascader", function (props, control) {
       var container = _this2.getContainer();
+
       container && (props.getPopupContainer = container);
       props.options = control.options || [];
       props.onSearch = _this2.createSearchEvent(control);
@@ -453,52 +549,82 @@ var SuperForm = /*#__PURE__*/function (_React$Component2) {
       props.loadData = _this2.createSearchEvent(control);
       return /*#__PURE__*/_react["default"].createElement(_Control["default"], props);
     });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_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["default"].createElement(_Control["default"], props);
+    });
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_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';
       }
     });
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_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 = (0, _bind["default"])(_context15 = _this2.onAdd).call(_context15, (0, _assertThisInitialized2["default"])(_this2), key, title);
         return /*#__PURE__*/_react["default"].createElement("span", null, title, /*#__PURE__*/_react["default"].createElement(_icon["default"], {
           role: "add",
@@ -511,16 +637,19 @@ var SuperForm = /*#__PURE__*/function (_React$Component2) {
     });
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_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["default"].createElement(_col["default"], {
         span: span * factor,
         key: control.key
@@ -540,23 +669,28 @@ var SuperForm = /*#__PURE__*/function (_React$Component2) {
     });
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_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 (0, _map["default"])(_context16 = _this2.getControls()).call(_context16, function (control) {
         if (allFullFather) {
           control.allFullFather = allFullFather;
         }
+
         return _this2.toCol(span, control);
       });
     });
     return _this2;
   }
+
   (0, _createClass2["default"])(SuperForm, [{
     key: "render",
     value: function render() {
@@ -575,6 +709,7 @@ var SuperForm = /*#__PURE__*/function (_React$Component2) {
   }]);
   return SuperForm;
 }(_react["default"].Component);
+
 (0, _defineProperty2["default"])(SuperForm, "propTypes", {
   controls: _propTypes["default"].arrayOf(_propTypes["default"].shape(ControlType)).isRequired,
   value: _propTypes["default"].object,