@hi-ui/hiui 2.15.11 → 2.15.12

package/es/switch/__tests__/index.test.js

@@ -0,0 +1,68 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _react = _interopRequireDefault(require("react"));
+
+var _enzyme = require("enzyme");
+
+var _reactTestRenderer = _interopRequireDefault(require("react-test-renderer"));
+
+var _ = _interopRequireDefault(require(".."));
+
+describe('Switch', function () {
+  beforeAll(function () {
+    jest.useFakeTimers();
+  });
+  afterAll(function () {
+    jest.useRealTimers();
+  });
+  it('basic use', function () {
+    var wrapper = _reactTestRenderer["default"].create(_react["default"].createElement("div", null, _react["default"].createElement(_["default"], null), _react["default"].createElement(_["default"], {
+      content: ['ON', 'OFF']
+    }), _react["default"].createElement(_["default"], {
+      checked: true,
+      disabled: true,
+      content: ['开', '关']
+    })));
+
+    expect(wrapper).toMatchSnapshot();
+  });
+  it('onchange', function () {
+    var onChange = jest.fn();
+    var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_["default"], {
+      onChange: onChange
+    }));
+    wrapper.find('.hi-switch').simulate('click');
+    expect(onChange).toBeCalled();
+  });
+  it("checked", function () {
+    var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_["default"], {
+      checked: true,
+      content: ['开', '关']
+    }));
+    expect(wrapper.find('.hi-switch--closed')).toHaveLength(0);
+    wrapper.setProps({
+      checked: false
+    });
+    expect(wrapper.find('.hi-switch--closed')).toHaveLength(1);
+  });
+  it("disabled", function () {
+    var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_["default"], {
+      checked: true,
+      disabled: true
+    }));
+    wrapper.find('.hi-switch').simulate('click');
+    expect(wrapper.find('.hi-switch--closed')).toHaveLength(0);
+  });
+  it('oldProps onClick', function () {
+    var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_["default"], {
+      checked: true,
+      onClick: function onClick() {
+        return false;
+      }
+    }));
+    wrapper.find('.hi-switch').simulate('click');
+    expect(wrapper.find('.hi-switch--closed')).toHaveLength(0);
+  });
+});

package/es/switch/index.js

@@ -1,82 +1,63 @@
 "use strict";
 
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
 
-var _react = _interopRequireWildcard(require("react"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _context = _interopRequireDefault(require("../context"));
-
-require("./style/index");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
-
-function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (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; }
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
 
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
-
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
-
-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 _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
+var _react = _interopRequireWildcard(require("react"));
 
-function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+var _propTypes = _interopRequireDefault(require("prop-types"));
 
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+var _classnames = _interopRequireDefault(require("classnames"));
 
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+var _context = _interopRequireDefault(require("../context"));
 
-var Switch = /*#__PURE__*/function (_Component) {
-  _inherits(Switch, _Component);
+require("./style/index");
 
-  var _super = _createSuper(Switch);
+var Switch =
+/*#__PURE__*/
+function (_Component) {
+  (0, _inherits2["default"])(Switch, _Component);
 
   function Switch(props) {
     var _this;
 
-    _classCallCheck(this, Switch);
-
-    _this = _super.call(this, props);
+    (0, _classCallCheck2["default"])(this, Switch);
+    _this = (0, _possibleConstructorReturn2["default"])(this, (0, _getPrototypeOf2["default"])(Switch).call(this, props));
     _this.state = {
       checked: props.checked
     };
     return _this;
   }
 
-  _createClass(Switch, [{
+  (0, _createClass2["default"])(Switch, [{
     key: "componentWillReceiveProps",
     value: function componentWillReceiveProps(nextProps) {
-      var _this2 = this;
-
-      if (nextProps.checked !== this.state.checked) {
+      if (nextProps.checked !== this.props.checked) {
         this.setState({
           checked: nextProps.checked
-        }, function () {
-          _this2.props.onChange(nextProps.checked);
         });
       }
     }
   }, {
     key: "clickEvent",
     value: function clickEvent() {
-      var _this3 = this;
+      var _this2 = this;
 
       var _this$props = this.props,
           disabled = _this$props.disabled,
@@ -93,7 +74,7 @@ var Switch = /*#__PURE__*/function (_Component) {
         this.setState({
           checked: !this.state.checked
         }, function () {
-          onChange(_this3.state.checked);
+          onChange && onChange(_this2.state.checked);
         });
       }
     }
@@ -106,15 +87,14 @@ var Switch = /*#__PURE__*/function (_Component) {
           disabled = _this$props2.disabled;
       var checked = this.state.checked;
       var sCls = (0, _classnames["default"])('theme__' + theme, 'hi-switch', !checked && 'hi-switch--closed', disabled && 'hi-switch--disabled');
-      return /*#__PURE__*/_react["default"].createElement("span", {
+      return _react["default"].createElement("span", {
         className: sCls,
         onClick: this.clickEvent.bind(this)
-      }, /*#__PURE__*/_react["default"].createElement("span", {
+      }, _react["default"].createElement("span", {
         className: "hi-switch__text"
       }, content.length > 0 && (checked ? content[0] : content[1])));
     }
   }]);
-
   return Switch;
 }(_react.Component);
 

package/es/switch/style/index.css

@@ -1 +1 @@
-.hi-switch{display:inline-block;min-width:48px;height:20px;border-radius:10px;cursor:pointer;position:relative;vertical-align:middle}.hi-switch{background:#4285f4}.hi-switch--closed,.hi-switch--disabled{background:#cdcfd1}.hi-switch--disabled::after{background:#dadbdc}.hi-switch::after{content:'';width:16px;height:16px;background:#fff;position:absolute;border-radius:50%;top:2px;left:100%;-webkit-transform:translateX(-100%);transform:translateX(-100%);margin-left:-2px;-webkit-transition:all 200ms linear;transition:all 200ms linear}.hi-switch__text{color:rgba(255,255,255,0.5);font-size:12px;position:absolute;top:0;line-height:20px;left:6px;-webkit-transition:all 200ms linear;transition:all 200ms linear;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.hi-switch--closed::after{left:2px;-webkit-transform:translateX(2px);transform:translateX(2px)}.hi-switch--closed .hi-switch__text{left:auto;right:6px}.hi-switch--disabled{cursor:not-allowed}.theme__hiui-blue.hi-switch{background:#4285f4}.theme__hiui-blue.hi-switch--closed,.theme__hiui-blue.hi-switch--disabled{background:#cdcfd1}.theme__hiui-blue.hi-switch--disabled::after{background:#dadbdc}.theme__orange.hi-switch{background:#f63}.theme__orange.hi-switch--closed,.theme__orange.hi-switch--disabled{background:#d1cecd}.theme__orange.hi-switch--disabled::after{background:#dddada}.theme__cyan.hi-switch{background:#46bc99}.theme__cyan.hi-switch--closed,.theme__cyan.hi-switch--disabled{background:#cdd0cf}.theme__cyan.hi-switch--disabled::after{background:#dadcdb}.theme__magenta.hi-switch{background:#ff5975}.theme__magenta.hi-switch--closed,.theme__magenta.hi-switch--disabled{background:#d1cece}.theme__magenta.hi-switch--disabled::after{background:#dddadb}.theme__lavender.hi-switch{background:#b450de}.theme__lavender.hi-switch--closed,.theme__lavender.hi-switch--disabled{background:#d0ced0}.theme__lavender.hi-switch--disabled::after{background:#dbdadc}.theme__blue.hi-switch{background:#3da8f5}.theme__blue.hi-switch--closed,.theme__blue.hi-switch--disabled{background:#cdcfd1}.theme__blue.hi-switch--disabled::after{background:#dadbdd}.theme__purple.hi-switch{background:#8a8acb}.theme__purple.hi-switch--closed,.theme__purple.hi-switch--disabled{background:#cfcfd0}.theme__purple.hi-switch--disabled::after{background:#dbdbdc}
+.hi-switch{display:inline-block;min-width:48px;height:20px;border-radius:10px;cursor:pointer;position:relative;vertical-align:middle}.hi-switch{background:#4285f4}.hi-switch--closed,.hi-switch--disabled{background:#cdcfd1}.hi-switch--disabled::after{background:#dadbdc}.hi-switch::after{content:'';width:16px;height:16px;background:#fff;position:absolute;border-radius:50%;top:2px;left:100%;-webkit-transform:translateX(-100%);transform:translateX(-100%);margin-left:-2px;-webkit-transition:all 200ms linear;transition:all 200ms linear}.hi-switch__text{color:#fff;font-size:12px;position:absolute;top:0;line-height:20px;left:6px;-webkit-transition:all 200ms linear;transition:all 200ms linear;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.hi-switch--closed::after{left:2px;-webkit-transform:translateX(2px);transform:translateX(2px)}.hi-switch--closed .hi-switch__text{left:auto;right:6px}.hi-switch--disabled{cursor:not-allowed}.theme__hiui-blue.hi-switch{background:#4285f4}.theme__hiui-blue.hi-switch--closed,.theme__hiui-blue.hi-switch--disabled{background:#cdcfd1}.theme__hiui-blue.hi-switch--disabled::after{background:#dadbdc}.theme__orange.hi-switch{background:#f63}.theme__orange.hi-switch--closed,.theme__orange.hi-switch--disabled{background:#d1cecd}.theme__orange.hi-switch--disabled::after{background:#dddada}.theme__cyan.hi-switch{background:#46bc99}.theme__cyan.hi-switch--closed,.theme__cyan.hi-switch--disabled{background:#cdd0cf}.theme__cyan.hi-switch--disabled::after{background:#dadcdb}.theme__magenta.hi-switch{background:#ff5975}.theme__magenta.hi-switch--closed,.theme__magenta.hi-switch--disabled{background:#d1cece}.theme__magenta.hi-switch--disabled::after{background:#dddadb}.theme__lavender.hi-switch{background:#b450de}.theme__lavender.hi-switch--closed,.theme__lavender.hi-switch--disabled{background:#d0ced0}.theme__lavender.hi-switch--disabled::after{background:#dbdadc}.theme__blue.hi-switch{background:#3da8f5}.theme__blue.hi-switch--closed,.theme__blue.hi-switch--disabled{background:#cdcfd1}.theme__blue.hi-switch--disabled::after{background:#dadbdd}.theme__purple.hi-switch{background:#8a8acb}.theme__purple.hi-switch--closed,.theme__purple.hi-switch--disabled{background:#cfcfd0}.theme__purple.hi-switch--disabled::after{background:#dbdbdc}

package/es/table/Body.js

@@ -0,0 +1,294 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _icon = _interopRequireDefault(require("../icon"));
+
+require("../icon/style");
+
+var _prefix = _interopRequireDefault(require("./prefix"));
+
+var _Footer = _interopRequireDefault(require("./Footer"));
+
+// 点击后会展开的那个图标
+var Expand =
+/*#__PURE__*/
+function (_Component) {
+  (0, _inherits2["default"])(Expand, _Component);
+
+  function Expand(props) {
+    var _this;
+
+    (0, _classCallCheck2["default"])(this, Expand);
+    _this = (0, _possibleConstructorReturn2["default"])(this, (0, _getPrototypeOf2["default"])(Expand).call(this, props));
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleClick", function (e) {
+      var _this$props = _this.props,
+          addExpand = _this$props.addExpand,
+          colItem = _this$props.colItem,
+          index = _this$props.index,
+          rowItem = _this$props.rowItem;
+      addExpand(e, rowItem, index, colItem);
+    });
+    _this.state = {
+      open: false
+    };
+    return _this;
+  }
+
+  (0, _createClass2["default"])(Expand, [{
+    key: "render",
+    value: function render() {
+      var rowItem = this.props.rowItem;
+      return _react["default"].createElement("div", {
+        onClick: this.handleClick,
+        "data-open": false
+      }, rowItem.ishiuitableopen ? _react["default"].createElement(_icon["default"], {
+        name: 'down',
+        style: {
+          fontSize: '14px'
+        }
+      }) : _react["default"].createElement(_icon["default"], {
+        name: 'right',
+        style: {
+          fontSize: '14px'
+        }
+      }));
+    }
+  }]);
+  return Expand;
+}(_react.Component);
+
+var defaultRender = function defaultRender(text, record, index) {
+  return text;
+};
+
+var Row =
+/*#__PURE__*/
+function (_Component2) {
+  (0, _inherits2["default"])(Row, _Component2);
+
+  function Row(props) {
+    var _this2;
+
+    (0, _classCallCheck2["default"])(this, Row);
+    _this2 = (0, _possibleConstructorReturn2["default"])(this, (0, _getPrototypeOf2["default"])(Row).call(this, props));
+    _this2.state = {
+      picked: false
+    };
+    return _this2;
+  }
+
+  (0, _createClass2["default"])(Row, [{
+    key: "render",
+    value: function render() {
+      var _this$props2 = this.props,
+          expand = _this$props2.expand,
+          k = _this$props2.k,
+          parent = _this$props2.parent,
+          highlightRows = _this$props2.highlightRows;
+      var classNames = {
+        'table-row': true,
+        picked: highlightRows.includes(k),
+        expand: expand,
+        test: 't'
+      };
+      return _react["default"].createElement("tr", {
+        key: k,
+        onDoubleClick: function onDoubleClick(e) {
+          if (!k.toString()) {
+            return;
+          }
+
+          if (highlightRows.includes(k)) {
+            highlightRows.splice(highlightRows.indexOf(k), 1);
+          } else {
+            highlightRows.push(k);
+          }
+
+          parent.setState({
+            highlightRows: highlightRows
+          });
+        },
+        className: (0, _prefix["default"])(classNames)
+      }, this.props.children);
+    }
+  }]);
+  return Row;
+}(_react.Component);
+
+var Body =
+/*#__PURE__*/
+function (_Component3) {
+  (0, _inherits2["default"])(Body, _Component3);
+
+  function Body(props) {
+    var _this3;
+
+    (0, _classCallCheck2["default"])(this, Body);
+    _this3 = (0, _possibleConstructorReturn2["default"])(this, (0, _getPrototypeOf2["default"])(Body).call(this, props));
+    _this3.state = {
+      pickedRows: []
+    };
+    return _this3;
+  }
+
+  (0, _createClass2["default"])(Body, [{
+    key: "render",
+    value: function render() {
+      var _this$props3 = this.props,
+          columns = _this$props3.columns,
+          dataSource = _this$props3.dataSource,
+          addExpand = _this$props3.cbs.addExpand,
+          _this$props3$rowSelec = _this$props3.rowSelection,
+          rowSelection = _this$props3$rowSelec === void 0 ? {} : _this$props3$rowSelec,
+          highlightCols = _this$props3.highlightCols,
+          advance = _this$props3.advance,
+          rest = (0, _objectWithoutProperties2["default"])(_this$props3, ["columns", "dataSource", "cbs", "rowSelection", "highlightCols", "advance"]);
+      columns = columns.filter(function (item) {
+        return !item.hide;
+      });
+      var selectedRowKeys = rowSelection.selectedRowKeys || []; // 表头分组
+
+      var i = 0;
+      var pureData = dataSource.filter(function (item) {
+        return !item.expand;
+      });
+      var nodes = dataSource.map(function (item, k) {
+        var colSpan = 1;
+        var tr = []; // 点击后展开的那一行
+
+        if (item.expand) {
+          var obj = pureData.find(function (o) {
+            return o.key === item.parent;
+          });
+          var expand = columns.find(function (o) {
+            return o.type === 'expand';
+          });
+          tr = expand ? _react["default"].createElement("td", {
+            colSpan: columns.length,
+            key: 'key-' + item.parent,
+            className: (0, _prefix["default"])('table-col', highlightCols.includes(item.key) ? 'picked' : null)
+          }, expand.render(obj[item.dataIndex], obj, pureData.indexOf(obj))) : null;
+        } else {
+          // 扩展项的占位dom
+          // 这里只能用for循环，因为会有表格 行列 合并的情况，要改变循环的顺序
+          for (var j = 0; j < columns.length;) {
+            var _obj = columns[j];
+            var td = void 0;
+            var rowSpan = 1; // 点击后会展开的那个图标
+
+            if (_obj.type === 'expand') {
+              // {/*<div key={'td-' + k + '-' + j} onClick={(e) => addExpand(e, obj)} data-index={k} data-open={false}> > </div>*/}
+              td = _react["default"].createElement(Expand, {
+                key: k,
+                addExpand: addExpand,
+                "data-index": k,
+                "data-open": false,
+                colItem: _obj,
+                index: k,
+                rowItem: item
+              });
+            } else {
+              _obj.render = _obj.render || defaultRender;
+              td = _obj.render(item[_obj.dataIndex], item, i); // 做判断的原因是？
+
+              if (td && td.props && td.props.colSpan) {
+                colSpan = td.props.colSpan;
+              }
+
+              if (td && td.props && td.props.hasOwnProperty('rowSpan')) {
+                rowSpan = td.props.rowSpan;
+              }
+
+              if (td && td.children) {
+                td = td.children;
+              } // j=j+colSpan
+              // 表格溢出开关
+              // if(colSpan>0){
+              //   j=j+colSpan-1
+              // }
+
+            }
+
+            if (parseInt(rowSpan) !== 0) {
+              tr.push(_react["default"].createElement("td", {
+                className: (0, _prefix["default"])('table-col', highlightCols.includes(_obj.key) ? 'picked' : null),
+                rowSpan: rowSpan,
+                colSpan: colSpan,
+                "data-span": colSpan,
+                key: 'td-' + k + '-' + j
+              }, td));
+            } else {
+              tr.push(null);
+            }
+
+            j = j + colSpan;
+          } // 这个i 是在动态插入行的时候，给render的回掉函数的 索引
+
+
+          i++; // 动态插入的组件不累加
+        }
+
+        return _react["default"].createElement(Row, (0, _extends2["default"])({
+          selectedRowKeys: selectedRowKeys,
+          k: item.key || k,
+          expand: item.expand,
+          key: item.key || 'tr-' + k
+        }, rest), tr);
+      });
+      return _react["default"].createElement("tbody", {
+        className: (0, _prefix["default"])('table-tbody')
+      }, advance && advance.prefix && this.getPrefixNodes(), nodes, _react["default"].createElement(_Footer["default"], (0, _extends2["default"])({
+        className: 'table-footer'
+      }, this.props)));
+    }
+  }, {
+    key: "getPrefixNodes",
+    value: function getPrefixNodes() {
+      var _this$props4 = this.props,
+          columns = _this$props4.columns,
+          advance = _this$props4.advance;
+      return advance.prefix.map(function (suf, index) {
+        return _react["default"].createElement("tr", {
+          className: (0, _prefix["default"])('table-row'),
+          key: "suf-".concat(index)
+        }, columns.map(function (item, j) {
+          return _react["default"].createElement("td", {
+            className: (0, _prefix["default"])('table-col'),
+            key: "suf-".concat(item.dataIndex, "-").concat(index, "-").concat(j)
+          }, suf[item.dataIndex]);
+        }));
+      });
+    }
+  }]);
+  return Body;
+}(_react.Component);
+
+exports["default"] = Body;

package/es/table/ClickOuterside.js

@@ -0,0 +1,95 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var ClickOutside =
+/*#__PURE__*/
+function (_Component) {
+  (0, _inherits2["default"])(ClickOutside, _Component);
+
+  function ClickOutside(props) {
+    var _this;
+
+    (0, _classCallCheck2["default"])(this, ClickOutside);
+    _this = (0, _possibleConstructorReturn2["default"])(this, (0, _getPrototypeOf2["default"])(ClickOutside).call(this, props));
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handle", function (e) {
+      var onClickOutside = _this.props.onClickOutside;
+      if (e.type === 'touchend') _this.isTouch = true;
+      if (e.type === 'click' && _this.isTouch) return;
+      var el = _this.container;
+
+      if (el && !el.contains(e.target)) {
+        onClickOutside(e);
+        e.stopPropagation();
+      }
+    });
+    _this.getContainer = _this.getContainer.bind((0, _assertThisInitialized2["default"])(_this));
+    _this.isTouch = false;
+    return _this;
+  }
+
+  (0, _createClass2["default"])(ClickOutside, [{
+    key: "getContainer",
+    value: function getContainer(ref) {
+      this.container = ref;
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+          children = _this$props.children,
+          onClickOutside = _this$props.onClickOutside,
+          props = (0, _objectWithoutProperties2["default"])(_this$props, ["children", "onClickOutside"]);
+      return _react["default"].createElement("div", (0, _extends2["default"])({}, props, {
+        ref: this.getContainer
+      }), children);
+    }
+  }, {
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      document.addEventListener('touchend', this.handle, true);
+      document.addEventListener('click', this.handle, true);
+    }
+  }, {
+    key: "componentWillUnmount",
+    value: function componentWillUnmount() {
+      document.removeEventListener('touchend', this.handle, true);
+      document.removeEventListener('click', this.handle, true);
+    }
+  }]);
+  return ClickOutside;
+}(_react.Component);
+
+exports["default"] = ClickOutside;
+(0, _defineProperty2["default"])(ClickOutside, "propTypes", {
+  onClickOutside: _propTypes["default"].func.isRequired
+});