cloud-b2b 1.0.2 → 1.0.5

package/es/Area/Area.js

@@ -0,0 +1,166 @@
+import _Reflect$construct from "@babel/runtime-corejs3/core-js-stable/reflect/construct";
+import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols";
+import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
+import _Object$getOwnPropertyDescriptor from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor";
+import _forEachInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/for-each";
+import _Object$getOwnPropertyDescriptors from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors";
+import _Object$defineProperties from "@babel/runtime-corejs3/core-js-stable/object/define-properties";
+import _Object$defineProperty from "@babel/runtime-corejs3/core-js-stable/object/define-property";
+import _Row from "antd/es/row";
+import _Col from "antd/es/col";
+import _classCallCheck from "@babel/runtime-corejs3/helpers/classCallCheck";
+import _createClass from "@babel/runtime-corejs3/helpers/createClass";
+import _assertThisInitialized from "@babel/runtime-corejs3/helpers/assertThisInitialized";
+import _inherits from "@babel/runtime-corejs3/helpers/inherits";
+import _possibleConstructorReturn from "@babel/runtime-corejs3/helpers/possibleConstructorReturn";
+import _getPrototypeOf from "@babel/runtime-corejs3/helpers/getPrototypeOf";
+import _defineProperty from "@babel/runtime-corejs3/helpers/defineProperty";
+
+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 _context4, _context5; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context4 = ownKeys(Object(source), !0)).call(_context4, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context5 = ownKeys(Object(source))).call(_context5, 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 _Object$keys from "@babel/runtime-corejs3/core-js-stable/object/keys";
+import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
+import _includesInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/includes";
+import _bindInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/bind";
+import React from 'react';
+import PropTypes from 'prop-types';
+import helper from '../helper';
+import Control from '../Control';
+var PROPS = {
+  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number, PropTypes.object]),
+  onChange: PropTypes.func,
+  onBlur: PropTypes.func,
+  onParentChange: PropTypes.func,
+  child: PropTypes.Array
+};
+
+var PROPS_KEYS = _Object$keys(PROPS);
+
+var Area = /*#__PURE__*/function (_React$Component) {
+  _inherits(Area, _React$Component);
+
+  var _super = _createSuper(Area);
+
+  function Area(props) {
+    var _this;
+
+    _classCallCheck(this, Area);
+
+    _this = _super.call(this, props);
+
+    _defineProperty(_assertThisInitialized(_this), "onChange", function (key, keyValue) {
+      var _this$props = _this.props,
+          onParentChange = _this$props.onParentChange,
+          child = _this$props.child,
+          value = _this$props.value;
+      var newValue = {};
+      newValue[key] = keyValue;
+      var CheckValue, checkIndex;
+
+      _mapInstanceProperty(child).call(child, function (item, index) {
+        if (item.key === key) {
+          checkIndex = index;
+        }
+
+        CheckValue = index > checkIndex ? '' : value[item.key];
+        newValue[item.key] = item.key === key ? keyValue : CheckValue;
+      });
+
+      _this.setState({
+        value: _objectSpread(_objectSpread({}, _this.state.value), newValue)
+      }, function () {
+        return onParentChange && onParentChange(_this.state.value);
+      });
+    });
+
+    _defineProperty(_assertThisInitialized(_this), "onSearch", function (key, control, parentKey, KeyValue) {
+      var _this$props2 = _this.props,
+          onAreaSearch = _this$props2.onAreaSearch,
+          child = _this$props2.child,
+          value = _this$props2.value;
+      var flag = true;
+
+      _mapInstanceProperty(child).call(child, function (item, index) {
+        if (item.key === key && index !== 0) {
+          var upKey = child[index - 1].key;
+
+          if (index !== 0 && (helper.isEmpty2(value[upKey]) || _Object$keys(value[upKey]).length === 0)) {
+            flag = false;
+          }
+
+          ;
+        }
+      });
+
+      return flag ? onAreaSearch && onAreaSearch(key, KeyValue, parentKey) : helper.showError('请输入上级选择器');
+    });
+
+    _this.state = {
+      value: props.value || {},
+      options: props.options || {}
+    };
+    return _this;
+  }
+
+  _createClass(Area, [{
+    key: "componentWillReceiveProps",
+    value: function componentWillReceiveProps(props) {
+      if (props.value !== this.props.value) {
+        this.setState({
+          value: props.value
+        });
+      }
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this2 = this;
+
+      var _this$props3 = this.props,
+          child = _this$props3.child,
+          parentKey = _this$props3.parentKey,
+          _this$props3$options = _this$props3.options,
+          options = _this$props3$options === void 0 ? {} : _this$props3$options,
+          _this$props3$readonly = _this$props3.readonly,
+          readonly = _this$props3$readonly === void 0 ? false : _this$props3$readonly,
+          value = _this$props3.value;
+      return /*#__PURE__*/React.createElement(_Row, null, _mapInstanceProperty(child).call(child, function (item, index) {
+        var _context, _context2, _context3;
+
+        var childOptions = [];
+
+        if (_includesInstanceProperty(_context = _Object$keys(options)).call(_context, item.key)) {
+          if (index === 0) {
+            childOptions = options[item.key];
+          } else {
+            var upKey = child[index - 1].key;
+            childOptions = helper.isEmpty2(value[upKey]) || _Object$keys(value[upKey]).length === 0 ? [] : options[item.key];
+          }
+        }
+
+        var props = _objectSpread(_objectSpread({}, item), {}, {
+          onSearch: _bindInstanceProperty(_context2 = _this2.onSearch).call(_context2, _this2, item.key, item, parentKey),
+          onChange: _bindInstanceProperty(_context3 = _this2.onChange).call(_context3, _this2, item.key),
+          options: childOptions,
+          value: _this2.props.value[item.key].title ? _this2.props.value[item.key].title : _this2.props.value[item.key],
+          type: readonly ? 'readonly' : item.type
+        });
+
+        return /*#__PURE__*/React.createElement(_Col, {
+          span: 24 / child.length,
+          key: item.key
+        }, /*#__PURE__*/React.createElement(Control, props));
+      }));
+    }
+  }]);
+
+  return Area;
+}(React.Component);
+
+export default Area;

package/es/Area/package.json

@@ -0,0 +1,6 @@
+{
+  "name": "Area",
+  "version": "0.0.0",
+  "private": true,
+  "main": "./Area.js"
+}

package/es/Control/Control.js

@@ -39,6 +39,8 @@ import InputEditor from '../InputEditor';
 import InputSelect from '../InputSelect';
 import InputWriting from '../InputWriting';
 import InpurCascader from '../InpurCascader';
+import SuperUpload from '../SuperUpload';
+import Area from '../Area';
 import moment from 'moment';
 import eventWrapper from './event';
 var SelectOption = _Select.Option;
@@ -308,6 +310,28 @@ var editor = function editor(props) {
 var cascader = function cascader(props) {
   !props.value && typeof props.value !== 'undefined' && (props.value = []);
   return /*#__PURE__*/React.createElement(InpurCascader, props);
+};
+
+var area = function area(props) {
+  var areaProps = _objectSpread(_objectSpread({}, props), {}, {
+    onParentChange: props.onChange
+  });
+
+  return /*#__PURE__*/React.createElement(Area, areaProps);
+};
+
+var uploadImg = function uploadImg(props) {
+  var uploadProps = {
+    fileList: props.value || [],
+    required: props.require,
+    multiple: false,
+    limitNumber: props.limitNumber || 10,
+    onFileChange: props.onFileChange,
+    needText: props.needText,
+    remark: props.remark,
+    readonly: props.readonly || false
+  };
+  return /*#__PURE__*/React.createElement(SuperUpload, uploadProps);
 }; // 支持的控件类型
 
 
@@ -326,7 +350,9 @@ var controls = {
   editor: editor,
   selectSearch: selectSearch,
   selectWriting: selectWriting,
-  cascader: cascader
+  cascader: cascader,
+  area: area,
+  uploadImg: uploadImg
 };
 
 var Control = function Control(_ref4) {

package/es/Header/Header.js

@@ -116,7 +116,7 @@ var Header = /*#__PURE__*/function (_React$Component) {
 
     _defineProperty(_assertThisInitialized(_this), "menu", function (hasImport) {
       return /*#__PURE__*/React.createElement(_Menu, {
-        className: s.menu,
+        className: variables('Header').menu,
         onClick: _this.onMenuItemClick
       }, /*#__PURE__*/React.createElement(MenuItem, {
         key: "person"

package/es/Header/Header.less

@@ -78,17 +78,18 @@
       top: -2px;
     }
   }
-}
-
-.menu {
-  :global {
-    .ant-dropdown-menu-item {
-      padding: 8px 20px;
-    }
-
-    .ant-dropdown-menu-item-group-title {
-      padding: 6px 20px;
-      color: #333;
+  .menu {
+    :global {
+      .ant-dropdown-menu-item {
+        padding: 8px 20px;
+      }
+
+      .ant-dropdown-menu-item-group-title {
+        padding: 6px 20px;
+        color: #333;
+      }
     }
   }
 }
+
+

package/es/HomeHeader/Header.less

@@ -8,7 +8,7 @@
     height: @header-height;
     line-height: @header-height - @one-pixel * 6;
     text-align: center;
-    background: url('/platformHome/head_bg.png') no-repeat;
+    //background: url('/platformHome/head_bg.png') no-repeat;
     background-size: 100% 100%;
     color: #33EDFC;
     font-size: @one-pixel * 32;

package/es/LayoutLink/LayoutLink.js

@@ -37,7 +37,7 @@ function Search(_ref) {
   };
 
   return /*#__PURE__*/React.createElement(Card, {
-    className: s.search
+    className: variables('LayoutLink').search
   }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(FormItem, {
     validateStatus: status
   }, /*#__PURE__*/React.createElement(_Input, {
@@ -52,7 +52,7 @@ function Search(_ref) {
 function Title(_ref2) {
   var title = _ref2.title;
   return /*#__PURE__*/React.createElement("div", {
-    className: s.title
+    className: variables('LayoutLink').title
   }, /*#__PURE__*/React.createElement("div", null, title), /*#__PURE__*/React.createElement("div", null));
 }
 

package/es/Sidebar/Sidebar.js

@@ -116,9 +116,9 @@ var Sidebar = /*#__PURE__*/function (_React$Component) {
         }, /*#__PURE__*/React.createElement(Link, {
           to: href,
           title: title,
-          className: s.unreadTotalLink
+          className: variables('Sidebar').unreadTotalLink
         }, _this.toIcon(icon), title, unreadTotal && unreadTotal > 0 && /*#__PURE__*/React.createElement("span", {
-          className: s.unreadTotal
+          className: variables('Sidebar').unreadTotalLink.unreadTotal
         }, unreadTotal)));
       }
     });

package/es/Sidebar/Sidebar.less

@@ -62,16 +62,17 @@
       }
     }
   }
+  .unreadTotalLink {
+    position: relative;
+
+    .unreadTotal{
+      color: orangered;
+      float: right;
+      position: absolute;
+      right: 5px;
+    }
+  }
 }
 
 
-.unreadTotalLink {
-  position: relative;
 
-  .unreadTotal{
-    color: orangered;
-    float: right;
-    position: absolute;
-    right: 5px;
-  }
-}

package/es/Sidebar2/Sidebar.js

@@ -135,7 +135,7 @@ var Sidebar = /*#__PURE__*/function (_React$Component) {
       }, /*#__PURE__*/React.createElement(Link, _extends({}, _this.linkProps(item), {
         "data-role": "child-item"
       }), /*#__PURE__*/React.createElement("span", null, item.title), item.unreadTotal && item.unreadTotal > 0 && /*#__PURE__*/React.createElement("span", {
-        className: s.unreadTotal
+        className: variables('Sidebar2').unreadTotal
       }, item.unreadTotal)));
     });
 

package/es/SuperForm/SuperForm.js

@@ -30,7 +30,7 @@ import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance
 
 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 _context13, _context14; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context13 = ownKeys(Object(source), !0)).call(_context13, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context14 = ownKeys(Object(source))).call(_context14, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
+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); }; }
 
@@ -45,7 +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'];
+var TYPE = ['readonly', 'text', 'search', 'searchText', 'select', 'selectText', 'radioGroup', 'number', 'date', 'textArea', 'password', 'editor', 'selectWriting', 'selectSearch', 'empty', 'area', 'uploadImg'];
 /**
  * key：[必须]，用于唯一标识该Form下的一个表单元素
  * title：[必须]，表单元素的标签
@@ -132,6 +132,8 @@ var Controlled = /*#__PURE__*/function (_React$Component) {
  * onAdd: 点击+号时触发，原型为func(key)
  * checkable:是否显示checkbox选择框
  * onOpenChange:控制日期框显示隐藏回调func(key, open)
+ * onAreaSearch:联级选择器触发，原型为func(key - 当前联级key, title - 输入值, parentKey - 主体联级key)
+ * OnFileChange:上传组件触发,原型为func（key,{fileList, fileDeleteList}）
  */
 
 
@@ -271,11 +273,15 @@ var SuperForm = /*#__PURE__*/function (_React$Component2) {
     });
 
     _defineProperty(_assertThisInitialized(_this2), "getType", function (_ref3) {
+      var _context2;
+
       var key = _ref3.key,
           type = _ref3.type;
       var readonly = _this2.props.readonly;
 
-      if (!readonly) {
+      if (_includesInstanceProperty(_context2 = ['area', 'uploadImg']).call(_context2, type)) {
+        return type;
+      } else if (!readonly) {
         return type;
       } else if (readonly === true) {
         return 'readonly';
@@ -305,50 +311,58 @@ var SuperForm = /*#__PURE__*/function (_React$Component2) {
         };
 
         if (originType === 'textArea') {
-          var _context2;
+          var _context3;
 
           return {
             type: 'textArea',
             readonly: true,
             style: style,
-            onBlur: _bindInstanceProperty(_context2 = _this2.onExitValid).call(_context2, _assertThisInitialized(_this2), key)
+            onBlur: _bindInstanceProperty(_context3 = _this2.onExitValid).call(_context3, _assertThisInitialized(_this2), key)
           };
         } else {
-          var _context3;
+          var _context4;
 
           return {
             style: style,
-            onBlur: _bindInstanceProperty(_context3 = _this2.onExitValid).call(_context3, _assertThisInitialized(_this2), key)
+            onBlur: _bindInstanceProperty(_context4 = _this2.onExitValid).call(_context4, _assertThisInitialized(_this2), key)
           };
         }
       } else if (type === 'text' || type === 'textArea') {
-        var _context4, _context5;
+        var _context5, _context6;
 
         return _objectSpread(_objectSpread({}, props), {}, {
-          onChange: _bindInstanceProperty(_context4 = _this2.onExitValid).call(_context4, _assertThisInitialized(_this2), key),
-          onBlur: _bindInstanceProperty(_context5 = _this2.onChange).call(_context5, _assertThisInitialized(_this2), key)
+          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 _context6, _context7;
+        var _context7, _context8;
 
         var propsObj = _objectSpread(_objectSpread({}, props), {}, {
-          onChange: _bindInstanceProperty(_context6 = _this2.onBlur).call(_context6, _assertThisInitialized(_this2), key),
-          onBlur: _bindInstanceProperty(_context7 = _this2.onExitValid).call(_context7, _assertThisInitialized(_this2), key)
+          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 _context8;
+          var _context9;
 
-          propsObj.onOpenChange = _bindInstanceProperty(_context8 = _this2.props.onOpenChange).call(_context8, _assertThisInitialized(_this2), key);
+          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),
+          onAreaSearch: _this2.props.onAreaSearch
+        });
       } else {
-        var _context9, _context10;
+        var _context12, _context13;
 
         return _objectSpread(_objectSpread({}, props), {}, {
-          onChange: _bindInstanceProperty(_context9 = _this2.onBlur).call(_context9, _assertThisInitialized(_this2), key),
-          onBlur: _bindInstanceProperty(_context10 = _this2.onExitValid).call(_context10, _assertThisInitialized(_this2), key)
+          onChange: _bindInstanceProperty(_context12 = _this2.onBlur).call(_context12, _assertThisInitialized(_this2), key),
+          onBlur: _bindInstanceProperty(_context13 = _this2.onExitValid).call(_context13, _assertThisInitialized(_this2), key)
         });
       }
     });
@@ -476,6 +490,31 @@ var SuperForm = /*#__PURE__*/function (_React$Component2) {
       return /*#__PURE__*/React.createElement(Control, props);
     });
 
+    _defineProperty(_assertThisInitialized(_this2), "area", function (props, _ref9) {
+      var key = _ref9.key,
+          options = _ref9.options;
+      var readonly = _this2.props.readonly;
+      props.parentKey = key;
+      props.options = _this2.getOptions(key, options);
+      props.dropdownMatchSelectWidth = false;
+      props.readonly = readonly === true || _Array$isArray(readonly) && _someInstanceProperty(readonly).call(readonly, function (readonlyKey) {
+        return readonlyKey === key;
+      }) ? 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);
+      props.readonly = readonly === true || _Array$isArray(readonly) && _someInstanceProperty(readonly).call(readonly, function (readonlyKey) {
+        return readonlyKey === control.key;
+      }) ? true : false;
+      return /*#__PURE__*/React.createElement(Control, props);
+    });
+
     _defineProperty(_assertThisInitialized(_this2), "toControl", function (props, control) {
       switch (props.type) {
         case 'readonly':
@@ -519,20 +558,26 @@ var SuperForm = /*#__PURE__*/function (_React$Component2) {
         case 'empty':
           return _this2.toEmpty(props, control);
 
+        case 'area':
+          return _this2.area(props, control);
+
+        case 'uploadImg':
+          return _this2.uploadImg(props, control);
+
         default:
           return 'type error';
       }
     });
 
-    _defineProperty(_assertThisInitialized(_this2), "toLabel", function (_ref9, type) {
-      var title = _ref9.title,
-          showAdd = _ref9.showAdd,
-          key = _ref9.key;
+    _defineProperty(_assertThisInitialized(_this2), "toLabel", function (_ref10, type) {
+      var title = _ref10.title,
+          showAdd = _ref10.showAdd,
+          key = _ref10.key;
 
       if (showAdd && type !== 'readonly') {
-        var _context11;
+        var _context15;
 
-        var onClick = _bindInstanceProperty(_context11 = _this2.onAdd).call(_context11, _assertThisInitialized(_this2), key, title);
+        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",
@@ -563,11 +608,11 @@ var SuperForm = /*#__PURE__*/function (_React$Component2) {
         span: span * factor,
         key: control.key
       }, checkable && /*#__PURE__*/React.createElement(_Checkbox, {
-        className: s.checkbox,
+        className: variables('SuperForm').checkbox,
         onChange: _bindInstanceProperty(onCheckItem).call(onCheckItem, _assertThisInitialized(_this2), control),
         checked: control.checked
       }), /*#__PURE__*/React.createElement(FormItem, _extends({}, itemProps, {
-        className: checkable ? s.formItemWithCheckbox : ''
+        className: checkable ? variables('SuperForm').formItemWithCheckbox : ''
       }), _this2.toControl(controlProps, control))) : /*#__PURE__*/React.createElement(_Col, {
         span: span * factor,
         key: control.key,
@@ -578,7 +623,7 @@ var SuperForm = /*#__PURE__*/function (_React$Component2) {
     });
 
     _defineProperty(_assertThisInitialized(_this2), "toCols", function () {
-      var _context12;
+      var _context16;
 
       var _this2$props4 = _this2.props,
           _this2$props4$colNum = _this2$props4.colNum,
@@ -590,7 +635,7 @@ var SuperForm = /*#__PURE__*/function (_React$Component2) {
       }
 
       var span = 24 / colNum;
-      return _mapInstanceProperty(_context12 = _this2.getControls()).call(_context12, function (control) {
+      return _mapInstanceProperty(_context16 = _this2.getControls()).call(_context16, function (control) {
         if (allFullFather) {
           control.allFullFather = allFullFather;
         }
@@ -635,7 +680,9 @@ _defineProperty(SuperForm, "propTypes", {
   onExitValid: PropTypes.func,
   onAdd: PropTypes.func,
   checkable: PropTypes.bool,
-  onOpenChange: PropTypes.func
+  onOpenChange: PropTypes.func,
+  onAreaSearch: PropTypes.func,
+  OnFileChange: PropTypes.func
 });
 
 export default SuperForm;