cloud-b2b 1.1.80 → 1.1.82

package/lib/SuperForm2/SuperForm.js

@@ -32,9 +32,10 @@ var _checkbox = _interopRequireDefault(require("antd/lib/checkbox"));
 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 _inherits2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/inherits"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
 var _form = _interopRequireDefault(require("antd/lib/form"));
 var _react = _interopRequireDefault(require("react"));
@@ -43,11 +44,12 @@ var _reactDom = _interopRequireDefault(require("react-dom"));
 var _helper = _interopRequireDefault(require("../helper"));
 var _Control = _interopRequireWildcard(require("../Control"));
 var _variables = _interopRequireDefault(require("../variables"));
-function _interopRequireWildcard(e, t) { if ("function" == typeof _WeakMap) var r = new _WeakMap(), n = new _WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof3(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = _Object$defineProperty) && _Object$getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+function _getRequireWildcardCache(e) { if ("function" != typeof _WeakMap) return null; var r = new _WeakMap(), t = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof3(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = _Object$defineProperty && _Object$getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? _Object$getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? _Object$defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
 function ownKeys(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty2(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context27, _context28; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context27 = ownKeys(Object(t), !0)).call(_context27, function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context28 = ownKeys(Object(t))).call(_context28, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? _Reflect$construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(_Reflect$construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context29, _context30; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context29 = ownKeys(Object(t), !0)).call(_context29, function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context30 = ownKeys(Object(t))).call(_context30, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
+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 = 'default';
 var defaultColNum = 4;
@@ -76,11 +78,13 @@ var ControlType = {
   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 = _callSuper(this, Controlled, [props]);
-    (0, _defineProperty2["default"])(_this, "onChange", function (value) {
+    _this = _super.call(this, props);
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onChange", function (value) {
       var onChange = _this.props.onChange;
       _this.setState({
         value: value
@@ -92,8 +96,7 @@ var Controlled = /*#__PURE__*/function (_React$Component) {
     };
     return _this;
   }
-  (0, _inherits2["default"])(Controlled, _React$Component);
-  return (0, _createClass2["default"])(Controlled, [{
+  (0, _createClass2["default"])(Controlled, [{
     key: "componentWillReceiveProps",
     value: function componentWillReceiveProps(nextProps) {
       if (this.props.value !== nextProps.value) {
@@ -112,6 +115,7 @@ var Controlled = /*#__PURE__*/function (_React$Component) {
       return /*#__PURE__*/_react["default"].createElement(_Control["default"], props);
     }
   }]);
+  return Controlled;
 }(_react["default"].Component);
 /**
  * colNum：[可选]，表单的列数，默认为4
@@ -127,6 +131,8 @@ var Controlled = /*#__PURE__*/function (_React$Component) {
  * onFileChange:上传组件触发,原型为func（key,{fileList, fileDeleteList}）
  */
 var SuperForm2 = /*#__PURE__*/function (_React$Component2) {
+  (0, _inherits2["default"])(SuperForm2, _React$Component2);
+  var _super2 = _createSuper(SuperForm2);
   function SuperForm2() {
     var _context;
     var _this2;
@@ -134,35 +140,35 @@ var SuperForm2 = /*#__PURE__*/function (_React$Component2) {
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this2 = _callSuper(this, SuperForm2, (0, _concat["default"])(_context = []).call(_context, args));
-    (0, _defineProperty2["default"])(_this2, "onAdd", function (key, title) {
+    _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;
       onAdd && onAdd(key, title);
     });
-    (0, _defineProperty2["default"])(_this2, "onFileChange", function (_ref, file) {
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this2), "onFileChange", function (_ref, file) {
       var key = _ref.key;
       var onFileChange = _this2.props.onFileChange;
       onFileChange && onFileChange(key, file);
     });
-    (0, _defineProperty2["default"])(_this2, "onChange", function (key, value) {
+    (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"])(_this2, "onGetCode", function (key, value) {
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this2), "onGetCode", function (key, value) {
       var onGetCode = _this2.props.onGetCode;
       onGetCode && onGetCode();
     });
-    (0, _defineProperty2["default"])(_this2, "onBlur", function (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"])(_this2, "onExitValid", function (key, value) {
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this2), "onExitValid", function (key, value) {
       if (key === _this2.validKey) {
         _this2.validKey = '';
         _this2.props.onExitValid();
@@ -170,7 +176,7 @@ var SuperForm2 = /*#__PURE__*/function (_React$Component2) {
       _this2.props.onChangeOperate && _this2.props.onChangeOperate(key, value);
     });
     // 动态生成getValidState方法
-    (0, _defineProperty2["default"])(_this2, "initValidState", function () {
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this2), "initValidState", function () {
       var _this2$props = _this2.props,
         value = _this2$props.value,
         valid = _this2$props.valid;
@@ -191,7 +197,7 @@ var SuperForm2 = /*#__PURE__*/function (_React$Component2) {
       };
       _this2.getValidState = valid ? _valid : invalid;
     });
-    (0, _defineProperty2["default"])(_this2, "validDate", function (_ref3) {
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this2), "validDate", function (_ref3) {
       var key = _ref3.key,
         type = _ref3.type;
       return function (date) {
@@ -210,25 +216,25 @@ var SuperForm2 = /*#__PURE__*/function (_React$Component2) {
         }
       };
     });
-    (0, _defineProperty2["default"])(_this2, "getPopupContainer", function () {
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this2), "getPopupContainer", function () {
       var container = _this2.props.container;
       if (typeof container === 'undefined') {
-        return _reactDom["default"].findDOMNode(_this2);
+        return _reactDom["default"].findDOMNode((0, _assertThisInitialized2["default"])(_this2));
       } else if (typeof container === 'boolean') {
         return document.body;
       } else {
         return _reactDom["default"].findDOMNode(container);
       }
     });
-    (0, _defineProperty2["default"])(_this2, "getMaxWidth", function () {
+    (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;
       return colNum * 1200;
     });
-    (0, _defineProperty2["default"])(_this2, "getContainer", function () {
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this2), "getContainer", function () {
       return _this2.props.getContainer;
     });
-    (0, _defineProperty2["default"])(_this2, "getControls", function () {
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this2), "getControls", function () {
       var _this2$props2 = _this2.props,
         hideControls = _this2$props2.hideControls,
         controls = _this2$props2.controls;
@@ -242,7 +248,7 @@ var SuperForm2 = /*#__PURE__*/function (_React$Component2) {
         });
       }
     });
-    (0, _defineProperty2["default"])(_this2, "getType", function (_ref4) {
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this2), "getType", function (_ref4) {
       var _context2;
       var key = _ref4.key,
         type = _ref4.type;
@@ -261,7 +267,7 @@ var SuperForm2 = /*#__PURE__*/function (_React$Component2) {
         return type;
       }
     });
-    (0, _defineProperty2["default"])(_this2, "specialProps", function (type, _ref5) {
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this2), "specialProps", function (type, _ref5) {
       var key = _ref5.key,
         _ref5$props = _ref5.props,
         props = _ref5$props === void 0 ? {} : _ref5$props,
@@ -272,70 +278,71 @@ var SuperForm2 = /*#__PURE__*/function (_React$Component2) {
           return {
             type: 'textArea',
             readonly: true,
-            onBlur: (0, _bind["default"])(_context3 = _this2.onExitValid).call(_context3, _this2, key)
+            onBlur: (0, _bind["default"])(_context3 = _this2.onExitValid).call(_context3, (0, _assertThisInitialized2["default"])(_this2), key)
           };
         } else if (originType === 'uploadImg') {
           var _context4;
           var commonProps = _this2.props.buildSuperUploadProps ? _this2.props.buildSuperUploadProps() : {};
           return _objectSpread(_objectSpread(_objectSpread({}, props), commonProps), {}, {
             readonly: true,
-            onBlur: (0, _bind["default"])(_context4 = _this2.onExitValid).call(_context4, _this2, key)
+            onBlur: (0, _bind["default"])(_context4 = _this2.onExitValid).call(_context4, (0, _assertThisInitialized2["default"])(_this2), key)
           });
         } else {
           var _context5;
           return {
-            onBlur: (0, _bind["default"])(_context5 = _this2.onExitValid).call(_context5, _this2, key)
+            onBlur: (0, _bind["default"])(_context5 = _this2.onExitValid).call(_context5, (0, _assertThisInitialized2["default"])(_this2), key)
           };
         }
       } else if (type === 'text' || type === 'textArea') {
         var _context6, _context7;
         return _objectSpread(_objectSpread({}, props), {}, {
-          onChange: (0, _bind["default"])(_context6 = _this2.onExitValid).call(_context6, _this2, key),
-          onBlur: (0, _bind["default"])(_context7 = _this2.onChange).call(_context7, _this2, key)
+          onChange: (0, _bind["default"])(_context6 = _this2.onExitValid).call(_context6, (0, _assertThisInitialized2["default"])(_this2), key),
+          onBlur: (0, _bind["default"])(_context7 = _this2.onChange).call(_context7, (0, _assertThisInitialized2["default"])(_this2), key)
         });
       } else if (type === 'date') {
         var _context8, _context9;
         var propsObj = _objectSpread(_objectSpread({}, props), {}, {
-          onChange: (0, _bind["default"])(_context8 = _this2.onBlur).call(_context8, _this2, key),
-          onBlur: (0, _bind["default"])(_context9 = _this2.onExitValid).call(_context9, _this2, key)
+          onChange: (0, _bind["default"])(_context8 = _this2.onBlur).call(_context8, (0, _assertThisInitialized2["default"])(_this2), key),
+          onBlur: (0, _bind["default"])(_context9 = _this2.onExitValid).call(_context9, (0, _assertThisInitialized2["default"])(_this2), key)
         });
         if (_this2.props.onOpenChange && typeof _this2.props.onOpenChange === 'function') {
-          var _context0;
-          propsObj.onOpenChange = (0, _bind["default"])(_context0 = _this2.props.onOpenChange).call(_context0, _this2, key);
+          var _context10;
+          propsObj.onOpenChange = (0, _bind["default"])(_context10 = _this2.props.onOpenChange).call(_context10, (0, _assertThisInitialized2["default"])(_this2), key);
         }
         return propsObj;
       } else if (type === 'captcha') {
-        var _context1, _context10, _context11;
+        var _context11, _context12, _context13;
         return _objectSpread(_objectSpread({}, props), {}, {
-          onChange: (0, _bind["default"])(_context1 = _this2.onBlur).call(_context1, _this2, key),
-          onBlur: (0, _bind["default"])(_context10 = _this2.onExitValid).call(_context10, _this2, key),
-          onGetCode: (0, _bind["default"])(_context11 = _this2.onGetCode).call(_context11, _this2, key)
+          onChange: (0, _bind["default"])(_context11 = _this2.onBlur).call(_context11, (0, _assertThisInitialized2["default"])(_this2), key),
+          onBlur: (0, _bind["default"])(_context12 = _this2.onExitValid).call(_context12, (0, _assertThisInitialized2["default"])(_this2), key),
+          onGetCode: (0, _bind["default"])(_context13 = _this2.onGetCode).call(_context13, (0, _assertThisInitialized2["default"])(_this2), key)
         });
       } else if (type === 'area') {
-        var _context12, _context13;
+        var _context14, _context15;
         return _objectSpread(_objectSpread({}, props), {}, {
-          onChange: (0, _bind["default"])(_context12 = _this2.onBlur).call(_context12, _this2, key),
-          onBlur: (0, _bind["default"])(_context13 = _this2.onExitValid).call(_context13, _this2, key),
-          onAreaSearch: _this2.props.onAreaSearch
+          onChange: (0, _bind["default"])(_context14 = _this2.onBlur).call(_context14, (0, _assertThisInitialized2["default"])(_this2), key),
+          onBlur: (0, _bind["default"])(_context15 = _this2.onExitValid).call(_context15, (0, _assertThisInitialized2["default"])(_this2), key),
+          onAreaSearch: _this2.props.onAreaSearch,
+          onClick: _this2.props.onAdd
         });
       } else if (type === 'uploadImg') {
-        var _context14, _context15;
+        var _context16, _context17;
         var _commonProps = _this2.props.buildSuperUploadProps ? _this2.props.buildSuperUploadProps() : {};
         return _objectSpread(_objectSpread(_objectSpread({}, props), _commonProps), {}, {
-          onChange: (0, _bind["default"])(_context14 = _this2.onBlur).call(_context14, _this2, key),
-          onBlur: (0, _bind["default"])(_context15 = _this2.onExitValid).call(_context15, _this2, key)
+          onChange: (0, _bind["default"])(_context16 = _this2.onBlur).call(_context16, (0, _assertThisInitialized2["default"])(_this2), key),
+          onBlur: (0, _bind["default"])(_context17 = _this2.onExitValid).call(_context17, (0, _assertThisInitialized2["default"])(_this2), key)
         });
       } else if (type === 'double') {
         return props;
       } else {
-        var _context16, _context17;
+        var _context18, _context19;
         return _objectSpread(_objectSpread({}, props), {}, {
-          onChange: (0, _bind["default"])(_context16 = _this2.onBlur).call(_context16, _this2, key),
-          onBlur: (0, _bind["default"])(_context17 = _this2.onExitValid).call(_context17, _this2, key)
+          onChange: (0, _bind["default"])(_context18 = _this2.onBlur).call(_context18, (0, _assertThisInitialized2["default"])(_this2), key),
+          onBlur: (0, _bind["default"])(_context19 = _this2.onExitValid).call(_context19, (0, _assertThisInitialized2["default"])(_this2), key)
         });
       }
     });
-    (0, _defineProperty2["default"])(_this2, "getControlProps", function (control, status) {
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this2), "getControlProps", function (control, status) {
       var _this2$props3 = _this2.props,
         _this2$props3$value = _this2$props3.value,
         value = _this2$props3$value === void 0 ? {} : _this2$props3$value,
@@ -356,25 +363,25 @@ var SuperForm2 = /*#__PURE__*/function (_React$Component2) {
         requiredColor: requiredColor
       });
     });
-    (0, _defineProperty2["default"])(_this2, "getOptions", function (key, options) {
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this2), "getOptions", function (key, options) {
       var higher = _this2.props.options || {};
       return higher[key] || options;
     });
-    (0, _defineProperty2["default"])(_this2, "toEmpty", function (props) {});
-    (0, _defineProperty2["default"])(_this2, "toText", function (props) {
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this2), "toEmpty", function (props) {});
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this2), "toText", function (props) {
       return /*#__PURE__*/_react["default"].createElement(Controlled, props);
     });
-    (0, _defineProperty2["default"])(_this2, "toPassword", function (props) {
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this2), "toPassword", function (props) {
       return /*#__PURE__*/_react["default"].createElement(Controlled, props);
     });
-    (0, _defineProperty2["default"])(_this2, "toEditor", function (props, control) {
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this2), "toEditor", function (props, control) {
       props.inputKey = control.key;
       return /*#__PURE__*/_react["default"].createElement(Controlled, props);
     });
-    (0, _defineProperty2["default"])(_this2, "toSelectWriting", function (props, control) {
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this2), "toSelectWriting", function (props, control) {
       return /*#__PURE__*/_react["default"].createElement(Controlled, props);
     });
-    (0, _defineProperty2["default"])(_this2, "toTextArea", function (props, control) {
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this2), "toTextArea", function (props, control) {
       if (control.allFullFather) {
         props.rows = control.rows;
         props.maxLength = control.maxLength;
@@ -389,22 +396,22 @@ var SuperForm2 = /*#__PURE__*/function (_React$Component2) {
       }
       return /*#__PURE__*/_react["default"].createElement(Controlled, props);
     });
-    (0, _defineProperty2["default"])(_this2, "toNumber", function (props) {
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this2), "toNumber", function (props) {
       props.defaultValue = props.value;
       delete props.value;
       return /*#__PURE__*/_react["default"].createElement(_Control["default"], props);
     });
-    (0, _defineProperty2["default"])(_this2, "toDoubleInput", function (props, control, cc) {
-      var _context18, _context19;
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this2), "toDoubleInput", function (props, control, cc) {
+      var _context20, _context21;
       props.defaultValue = props.value;
       props.doubleKey = props.key;
       props.doubleValue = _helper["default"].getObject(cc, props.key);
-      props.onChangeKey1 = (0, _bind["default"])(_context18 = _this2.onChange).call(_context18, _this2, props.key[0]);
-      props.onChangeKey2 = (0, _bind["default"])(_context19 = _this2.onChange).call(_context19, _this2, props.key[1]);
+      props.onChangeKey1 = (0, _bind["default"])(_context20 = _this2.onChange).call(_context20, (0, _assertThisInitialized2["default"])(_this2), props.key[0]);
+      props.onChangeKey2 = (0, _bind["default"])(_context21 = _this2.onChange).call(_context21, (0, _assertThisInitialized2["default"])(_this2), props.key[1]);
       delete props.value;
       return /*#__PURE__*/_react["default"].createElement(_Control["default"], props);
     });
-    (0, _defineProperty2["default"])(_this2, "toSelect", function (props, _ref6) {
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this2), "toSelect", function (props, _ref6) {
       var options = _ref6.options,
         key = _ref6.key;
       props.getPopupContainer = _this2.getPopupContainer;
@@ -412,14 +419,14 @@ var SuperForm2 = /*#__PURE__*/function (_React$Component2) {
       props.dropdownMatchSelectWidth = false;
       return /*#__PURE__*/_react["default"].createElement(_Control["default"], props);
     });
-    (0, _defineProperty2["default"])(_this2, "toTreeSelect", function (props, filter) {
+    (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);
       return /*#__PURE__*/_react["default"].createElement(_Control["default"], props);
     });
-    (0, _defineProperty2["default"])(_this2, "createSearchEvent", function (control) {
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this2), "createSearchEvent", function (control) {
       if (_this2.props.onSearch) {
         return function (value) {
           return _this2.props.onSearch(control.key, value, control);
@@ -428,7 +435,7 @@ var SuperForm2 = /*#__PURE__*/function (_React$Component2) {
         return null;
       }
     });
-    (0, _defineProperty2["default"])(_this2, "createGetCodeEvent", function (control) {
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this2), "createGetCodeEvent", function (control) {
       if (_this2.props.onGetCode) {
         return function (value) {
           return _this2.props.onGetCode(control.key, value, control);
@@ -437,14 +444,14 @@ var SuperForm2 = /*#__PURE__*/function (_React$Component2) {
         return null;
       }
     });
-    (0, _defineProperty2["default"])(_this2, "toSearch", function (props, control) {
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this2), "toSearch", function (props, control) {
       props.getPopupContainer = _this2.getPopupContainer;
       props.options = _this2.getOptions(control.key, control.options);
       props.onSearch = _this2.createSearchEvent(control);
       props.dropdownMatchSelectWidth = false;
       return /*#__PURE__*/_react["default"].createElement(_Control["default"], props);
     });
-    (0, _defineProperty2["default"])(_this2, "toDate", function (props, _ref7) {
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this2), "toDate", function (props, _ref7) {
       var rule = _ref7.rule;
       props.getCalendarContainer = _this2.getPopupContainer;
       props.style = {
@@ -453,7 +460,7 @@ var SuperForm2 = /*#__PURE__*/function (_React$Component2) {
       rule && (props.disabledDate = _this2.validDate(rule));
       return /*#__PURE__*/_react["default"].createElement(_Control["default"], props);
     });
-    (0, _defineProperty2["default"])(_this2, "toRangePicker", function (props, _ref8) {
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this2), "toRangePicker", function (props, _ref8) {
       var rule = _ref8.rule;
       props.getCalendarContainer = _this2.getPopupContainer;
       props.style = {
@@ -462,32 +469,32 @@ var SuperForm2 = /*#__PURE__*/function (_React$Component2) {
       // rule && (props.disabledDate = this.validDate(rule));
       return /*#__PURE__*/_react["default"].createElement(_Control["default"], props);
     });
-    (0, _defineProperty2["default"])(_this2, "toRadioGroup", function (props, _ref9) {
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this2), "toRadioGroup", function (props, _ref9) {
       var key = _ref9.key,
         options = _ref9.options;
       props.options = _this2.getOptions(key, options);
       return /*#__PURE__*/_react["default"].createElement(_Control["default"], props);
     });
-    (0, _defineProperty2["default"])(_this2, "captcha", function (props, control) {
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this2), "captcha", function (props, control) {
       props.onGetCode = _this2.props.onGetCode;
       return /*#__PURE__*/_react["default"].createElement(_Control["default"], props);
     });
-    (0, _defineProperty2["default"])(_this2, "toReadonly", function (props, _ref0) {
-      var options = _ref0.options,
-        key = _ref0.key;
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this2), "toReadonly", function (props, _ref10) {
+      var options = _ref10.options,
+        key = _ref10.key;
       props.value = (0, _Control.getTitle)(props.value, _this2.getOptions(key, options));
       return /*#__PURE__*/_react["default"].createElement(_Control["default"], props);
     });
-    (0, _defineProperty2["default"])(_this2, "selectSearch", function (props, control) {
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this2), "selectSearch", function (props, control) {
       props.getPopupContainer = _this2.getPopupContainer;
       props.options = _this2.getOptions(control.key, control.options);
       props.onSearch = _this2.createSearchEvent(control);
       props.dropdownMatchSelectWidth = false;
       return /*#__PURE__*/_react["default"].createElement(_Control["default"], props);
     });
-    (0, _defineProperty2["default"])(_this2, "area", function (props, _ref1) {
-      var key = _ref1.key,
-        options = _ref1.options;
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this2), "area", function (props, _ref11) {
+      var key = _ref11.key,
+        options = _ref11.options;
       var readonly = _this2.props.readonly;
       props.parentKey = key;
       props.options = _this2.getOptions(key, options);
@@ -497,17 +504,17 @@ var SuperForm2 = /*#__PURE__*/function (_React$Component2) {
       }) ? true : false;
       return /*#__PURE__*/_react["default"].createElement(_Control["default"], props);
     });
-    (0, _defineProperty2["default"])(_this2, "uploadImg", function (props, control) {
-      var _context20;
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this2), "uploadImg", function (props, control) {
+      var _context22;
       var readonly = _this2.props.readonly;
       props.required = control.required || false;
-      props.onFileChange = (0, _bind["default"])(_context20 = _this2.onFileChange).call(_context20, _this2, control);
+      props.onFileChange = (0, _bind["default"])(_context22 = _this2.onFileChange).call(_context22, (0, _assertThisInitialized2["default"])(_this2), control);
       props.readonly = readonly === true || (0, _isArray["default"])(readonly) && (0, _some["default"])(readonly).call(readonly, function (readonlyKey) {
         return readonlyKey === control.key;
       }) ? true : false;
       return /*#__PURE__*/_react["default"].createElement(_Control["default"], props);
     });
-    (0, _defineProperty2["default"])(_this2, "toCascader", function (props, control) {
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this2), "toCascader", function (props, control) {
       var container = _this2.getContainer();
       container && (props.getPopupContainer = container);
       props.options = control.options || [];
@@ -516,17 +523,17 @@ var SuperForm2 = /*#__PURE__*/function (_React$Component2) {
       props.loadData = _this2.createSearchEvent(control);
       return /*#__PURE__*/_react["default"].createElement(_Control["default"], props);
     });
-    (0, _defineProperty2["default"])(_this2, "toCheckbox", function (props, control) {
-      var _context21;
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this2), "toCheckbox", function (props, control) {
+      var _context23;
       var options = control.options || [];
       return /*#__PURE__*/_react["default"].createElement(_checkbox["default"].Group, {
         options: options,
         disabled: _this2.props.readonly === true,
-        onChange: (0, _bind["default"])(_context21 = _this2.onBlur).call(_context21, _this2, control.key),
+        onChange: (0, _bind["default"])(_context23 = _this2.onBlur).call(_context23, (0, _assertThisInitialized2["default"])(_this2), control.key),
         value: _this2.props.value[control.key]
       });
     });
-    (0, _defineProperty2["default"])(_this2, "toControl", function (props, control) {
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this2), "toControl", function (props, control) {
       switch (props.type) {
         case 'readonly':
           return _this2.toReadonly(props, control);
@@ -576,34 +583,34 @@ var SuperForm2 = /*#__PURE__*/function (_React$Component2) {
           return 'type error';
       }
     });
-    (0, _defineProperty2["default"])(_this2, "toLabel", function (_ref10, type) {
-      var title = _ref10.title,
-        showAdd = _ref10.showAdd,
-        showQuery = _ref10.showQuery,
-        key = _ref10.key,
-        showInfo = _ref10.showInfo,
-        showInfoTitle = _ref10.showInfoTitle,
-        showIcon = _ref10.showIcon,
-        iconType = _ref10.iconType;
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this2), "toLabel", function (_ref12, type) {
+      var title = _ref12.title,
+        showAdd = _ref12.showAdd,
+        showQuery = _ref12.showQuery,
+        key = _ref12.key,
+        showInfo = _ref12.showInfo,
+        showInfoTitle = _ref12.showInfoTitle,
+        showIcon = _ref12.showIcon,
+        iconType = _ref12.iconType;
       if (showAdd && type !== 'readonly') {
-        var _context22;
-        var onClick = (0, _bind["default"])(_context22 = _this2.onAdd).call(_context22, _this2, key, title);
+        var _context24;
+        var onClick = (0, _bind["default"])(_context24 = _this2.onAdd).call(_context24, (0, _assertThisInitialized2["default"])(_this2), key, title);
         return /*#__PURE__*/_react["default"].createElement("span", null, title, /*#__PURE__*/_react["default"].createElement(_icon["default"], {
           role: "add",
           type: "plus-circle-o",
           onClick: onClick
         }));
       } else if (showQuery && type !== 'readonly') {
-        var _context23;
-        var _onClick = (0, _bind["default"])(_context23 = _this2.onAdd).call(_context23, _this2, key, title);
+        var _context25;
+        var _onClick = (0, _bind["default"])(_context25 = _this2.onAdd).call(_context25, (0, _assertThisInitialized2["default"])(_this2), key, title);
         return /*#__PURE__*/_react["default"].createElement("span", null, title, /*#__PURE__*/_react["default"].createElement(_icon["default"], {
           role: "add",
           type: "search",
           onClick: _onClick
         }));
       } else if (showIcon && iconType && type !== 'readonly' && showInfoTitle) {
-        var _context24;
-        var _onClick2 = (0, _bind["default"])(_context24 = _this2.onAdd).call(_context24, _this2, key, title);
+        var _context26;
+        var _onClick2 = (0, _bind["default"])(_context26 = _this2.onAdd).call(_context26, (0, _assertThisInitialized2["default"])(_this2), key, title);
         return /*#__PURE__*/_react["default"].createElement("span", null, title, /*#__PURE__*/_react["default"].createElement(_tooltip["default"], {
           title: showInfoTitle
         }, /*#__PURE__*/_react["default"].createElement(_icon["default"], {
@@ -612,8 +619,8 @@ var SuperForm2 = /*#__PURE__*/function (_React$Component2) {
           onClick: _onClick2
         })));
       } else if (showIcon && iconType && type !== 'readonly') {
-        var _context25;
-        var _onClick3 = (0, _bind["default"])(_context25 = _this2.onAdd).call(_context25, _this2, key, title);
+        var _context27;
+        var _onClick3 = (0, _bind["default"])(_context27 = _this2.onAdd).call(_context27, (0, _assertThisInitialized2["default"])(_this2), key, title);
         return /*#__PURE__*/_react["default"].createElement("span", null, title, /*#__PURE__*/_react["default"].createElement(_icon["default"], {
           role: "add",
           type: iconType,
@@ -629,7 +636,7 @@ var SuperForm2 = /*#__PURE__*/function (_React$Component2) {
         return title;
       }
     });
-    (0, _defineProperty2["default"])(_this2, "toCol", function (span, control) {
+    (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);
@@ -650,7 +657,7 @@ var SuperForm2 = /*#__PURE__*/function (_React$Component2) {
         key: control.key
       }, checkable && /*#__PURE__*/_react["default"].createElement(_checkbox["default"], {
         className: (0, _variables["default"])('SuperForm2').checkbox,
-        onChange: (0, _bind["default"])(onCheckItem).call(onCheckItem, _this2, control),
+        onChange: (0, _bind["default"])(onCheckItem).call(onCheckItem, (0, _assertThisInitialized2["default"])(_this2), control),
         checked: control.checked
       }), /*#__PURE__*/_react["default"].createElement(FormItem, (0, _extends2["default"])({}, itemProps, {
         className: checkable ? (0, _variables["default"])('SuperForm2').formItemWithCheckbox : '',
@@ -678,8 +685,8 @@ var SuperForm2 = /*#__PURE__*/function (_React$Component2) {
         }
       });
     });
-    (0, _defineProperty2["default"])(_this2, "toCols", function () {
-      var _context26;
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this2), "toCols", function () {
+      var _context28;
       var _this2$props5 = _this2.props,
         _this2$props5$colNum = _this2$props5.colNum,
         colNum = _this2$props5$colNum === void 0 ? defaultColNum : _this2$props5$colNum,
@@ -688,7 +695,7 @@ var SuperForm2 = /*#__PURE__*/function (_React$Component2) {
         colNum = 1;
       }
       var span = 24 / colNum;
-      return (0, _map["default"])(_context26 = _this2.getControls()).call(_context26, function (control) {
+      return (0, _map["default"])(_context28 = _this2.getControls()).call(_context28, function (control) {
         if (allFullFather) {
           control.allFullFather = allFullFather;
         }
@@ -697,8 +704,7 @@ var SuperForm2 = /*#__PURE__*/function (_React$Component2) {
     });
     return _this2;
   }
-  (0, _inherits2["default"])(SuperForm2, _React$Component2);
-  return (0, _createClass2["default"])(SuperForm2, [{
+  (0, _createClass2["default"])(SuperForm2, [{
     key: "render",
     value: function render() {
       this.initValidState();
@@ -716,6 +722,7 @@ var SuperForm2 = /*#__PURE__*/function (_React$Component2) {
       }, this.toCols())));
     }
   }]);
+  return SuperForm2;
 }(_react["default"].Component);
 (0, _defineProperty2["default"])(SuperForm2, "propTypes", {
   controls: _propTypes["default"].arrayOf(_propTypes["default"].shape(ControlType)).isRequired,