shineout 1.11.1 → 1.12.0-rc.2

package/css/Cascader/Cascader.js

@@ -120,6 +120,10 @@ function (_PureComponent) {
     _PureComponent.prototype.componentDidMount.call(this);
 
     this.updatePathByValue();
+
+    if (this.props.loader && [0, 1, 2].includes(this.props.mode)) {
+      console.error(new Error("The mode " + this.props.mode + " is not supported when loader setted. Only 3 or 4 can be set."));
+    }
   };
 
   _proto.componentDidUpdate = function componentDidUpdate(prevProps, prevState) {
@@ -455,12 +459,14 @@ function (_PureComponent) {
     var _this$props9 = this.props,
         absolute = _this$props9.absolute,
         onFilter = _this$props9.onFilter,
+        wideMatch = _this$props9.wideMatch,
         filterText = _this$props9.filterText,
         zIndex = _this$props9.zIndex,
         data = _this$props9.data,
         childrenKey = _this$props9.childrenKey,
         renderItem = _this$props9.renderItem,
         expandTrigger = _this$props9.expandTrigger,
+        filterDataChange = _this$props9.filterDataChange,
         height = _this$props9.height,
         loading = _this$props9.loading;
     var _this$state2 = this.state,
@@ -480,9 +486,11 @@ function (_PureComponent) {
       childrenKey: childrenKey,
       renderItem: renderItem,
       expandTrigger: expandTrigger,
+      filterDataChange: filterDataChange,
       datum: this.datum,
       onChange: this.handleChange,
       onPathChange: this.handlePathChange,
+      wideMatch: wideMatch,
       onFilter: onFilter,
       filterText: filterText,
       height: height,
@@ -549,7 +557,7 @@ Cascader.propTypes = {
   height: _propTypes.default.number,
   keygen: _propTypes.default.any,
   loader: _propTypes.default.func,
-  mode: _propTypes.default.oneOf([0, 1, 2, 3]),
+  mode: _propTypes.default.oneOf([0, 1, 2, 3, 4]),
   onBlur: _propTypes.default.func,
   onChange: _propTypes.default.func,
   onFocus: _propTypes.default.func,
@@ -573,7 +581,8 @@ Cascader.propTypes = {
   unmatch: _propTypes.default.bool,
   getComponentRef: _propTypes.default.func,
   showArrow: _propTypes.default.bool,
-  loading: _propTypes.default.oneOfType([_propTypes.default.bool, _propTypes.default.node])
+  loading: _propTypes.default.oneOfType([_propTypes.default.bool, _propTypes.default.node]),
+  wideMatch: _propTypes.default.bool
 };
 Cascader.defaultProps = {
   clearable: true,

package/css/Cascader/FilterList.js

@@ -151,6 +151,15 @@ function (_Component2) {
     }).join('-');
   };
 
+  _proto2.getWideMatch = function getWideMatch(list) {
+    var filterDataChange = this.props.filterDataChange;
+    return list.filter(function (arr) {
+      return arr.some(function (item) {
+        return filterDataChange(item);
+      });
+    });
+  };
+
   _proto2.renderList = function renderList() {
     var _this3 = this;
 
@@ -159,8 +168,14 @@ function (_Component2) {
         childrenKey = _this$props2.childrenKey,
         height = _this$props2.height,
         loading = _this$props2.loading,
-        others = (0, _objectWithoutPropertiesLoose2.default)(_this$props2, ["data", "childrenKey", "height", "loading"]);
-    var list = (0, _tree.getFlattenTree)(data, childrenKey);
+        wideMatch = _this$props2.wideMatch,
+        others = (0, _objectWithoutPropertiesLoose2.default)(_this$props2, ["data", "childrenKey", "height", "loading", "wideMatch"]);
+    var list = (0, _tree.getFlattenTree)(data, childrenKey, wideMatch);
+
+    if (wideMatch) {
+      list = this.getWideMatch(list);
+    }
+
     return _react.default.createElement("div", {
       className: (0, _styles2.cascaderClass)('filter-list'),
       style: {
@@ -193,8 +208,10 @@ function (_Component2) {
         onPathChange = _this$props3.onPathChange,
         filterText = _this$props3.filterText,
         onFilter = _this$props3.onFilter,
+        wideMatch = _this$props3.wideMatch,
         height = _this$props3.height,
-        others = (0, _objectWithoutPropertiesLoose2.default)(_this$props3, ["focus", "getRef", "fixed", "data", "childrenKey", "renderItem", "datum", "expandTrigger", "onChange", "onPathChange", "filterText", "onFilter", "height"]);
+        filterDataChange = _this$props3.filterDataChange,
+        others = (0, _objectWithoutPropertiesLoose2.default)(_this$props3, ["focus", "getRef", "fixed", "data", "childrenKey", "renderItem", "datum", "expandTrigger", "onChange", "onPathChange", "filterText", "onFilter", "wideMatch", "height", "filterDataChange"]);
     if (!focus) return null;
     return _react.default.createElement("div", (0, _extends2.default)({}, others, {
       ref: getRef,
@@ -218,7 +235,9 @@ function (_Component2) {
   onPathChange: _propTypes.default.func,
   filterText: _propTypes.default.string,
   onFilter: _propTypes.default.func,
+  wideMatch: _propTypes.default.bool,
   height: _propTypes.default.number,
+  filterDataChange: _propTypes.default.func,
   loading: _propTypes.default.oneOfType([_propTypes.default.bool, _propTypes.default.node])
 });
 

package/css/Cascader/Node.js

@@ -33,6 +33,8 @@ var _styles2 = require("../Checkbox/styles");
 
 var _config = require("../config");
 
+var _types = require("../Datum/types");
+
 var checkBoxStyle = {
   marginRight: 8,
   marginTop: -1,
@@ -55,11 +57,21 @@ function (_PureComponent) {
     _this.handleChange = _this.handleChange.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
     _this.handlePathChange = _this.handlePathChange.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
     _this.handleSelect = _this.handleSelect.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
+    _this.handleUpdate = _this.forceUpdate.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
+
+    _this.props.datum.subscribe(_types.CHANGE_TOPIC, _this.handleUpdate);
+
     return _this;
   }
 
   var _proto = Node.prototype;
 
+  _proto.componentWillUnmount = function componentWillUnmount() {
+    _PureComponent.prototype.componentWillUnmount.call(this);
+
+    this.props.datum.unsubscribe(_types.CHANGE_TOPIC, this.handleUpdate);
+  };
+
   _proto.checkDisabled = function checkDisabled() {
     var _this$props = this.props,
         datum = _this$props.datum,
@@ -69,7 +81,7 @@ function (_PureComponent) {
     return datum.isDisabled(id);
   };
 
-  _proto.handleClick = function handleClick() {
+  _proto.handleClick = function handleClick(e) {
     var _this$props2 = this.props,
         id = _this$props2.id,
         data = _this$props2.data,
@@ -85,7 +97,7 @@ function (_PureComponent) {
       onChange([].concat(path, [id]), datum.getDataById(id));
     }
 
-    if (loader && !this.state.loading) {
+    if (loader && !this.state.loading && !(0, _element.getParent)(e.target, "." + (0, _styles2.checkinputClass)('_'))) {
       this.setState({
         loading: true
       });

package/css/Cascader/index.d.ts

@@ -109,7 +109,7 @@ export interface CascaderProps<Item, Value> extends StandardProps, FormItemStand
    *
    * default: -
    */
-  mode?: 0 | 1 | 2 | 3;
+  mode?: 0 | 1 | 2 | 3 | 4;
 
   /**
    * When the onChange property is set, the selection box is displayed. The parameter is the current selected value, which is related to the mode property.
@@ -202,6 +202,15 @@ export interface CascaderProps<Item, Value> extends StandardProps, FormItemStand
    * default: -
    */
    onFilter?: (text: string) => (data: any) => boolean;
+
+  /**
+   * Allows all possible matching options to be choosed
+   *
+   * 开启 wideMatch 后，将筛选出所有可能的匹配项目
+   *
+   * default: -
+   */
+   wideMatch?: boolean;
 }
 
 interface componentRef  {

package/css/DatePicker/utils.js

@@ -99,7 +99,7 @@ function transDateWithZone(dd, options, back) {
       }
     }
 
-    console.error("\u4E0D\u652F\u6301\u4F20\u5165\u7684\u65F6\u533A\u683C\u5F0F\uFF1A" + options.timeZone);
+    console.error(new Error("timeZone is not supported: " + options.timeZone));
   }
 
   return dd;

package/css/Scroll/Scroll.js

@@ -59,6 +59,7 @@ function (_PureComponent) {
     _this.cacheHeight = 0;
     _this.bindInner = _this.bindInner.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
     _this.bindWheel = _this.bindWheel.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
+    _this.bindFooter = _this.bindFooter.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
     _this.setRect = _this.setRect.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
     _this.handleScrollX = _this.handleScrollX.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
     _this.handleScrollY = _this.handleScrollY.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
@@ -106,6 +107,12 @@ function (_PureComponent) {
     this.wheelElement.removeEventListener('touchmove', this.handleTouchMove);
     this.inner.removeEventListener('scroll', this.handleInnerScroll);
     this.wheelElement.removeEventListener('scroll', this.handleInnerScroll);
+
+    if (this.footerElement) {
+      this.footerElement.removeEventListener('wheel', this.handleWheel);
+      this.footerElement.removeEventListener('touchstart', this.handleTouchStart);
+      this.footerElement.removeEventListener('touchmove', this.handleTouchMove);
+    }
   };
 
   _proto.getWheelRect = function getWheelRect() {
@@ -173,6 +180,28 @@ function (_PureComponent) {
     this.wheelElement = el;
   };
 
+  _proto.bindFooter = function bindFooter(el) {
+    if (this.footerElement) {
+      this.footerElement.removeEventListener('wheel', this.handleWheel);
+      this.footerElement.removeEventListener('touchstart', this.handleTouchStart);
+      this.footerElement.removeEventListener('touchmove', this.handleTouchMove);
+    }
+
+    if (el) {
+      el.addEventListener('wheel', this.handleWheel, {
+        passive: false
+      });
+      el.addEventListener('touchstart', this.handleTouchStart, {
+        passive: true
+      });
+      el.addEventListener('touchmove', this.handleTouchMove, {
+        passive: false
+      });
+    }
+
+    this.footerElement = el;
+  };
+
   _proto.boundleScroll = function boundleScroll() {
     /*
     this.locked = true
@@ -225,11 +254,17 @@ function (_PureComponent) {
     }
 
     var target = (0, _element.getParent)(event.target, "." + (0, _styles.scrollClass)('_'));
-    if (target !== this.wheelElement) return;
+    var inFooter = false;
+
+    if (this.footerElement) {
+      inFooter = this.footerElement === event.target || this.footerElement.contains(event.target);
+    }
+
+    if (target !== this.wheelElement && !inFooter) return;
     var wheel = (0, _normalizeWheel.default)(event);
     this.setBaseScrollHeightRatio(wheel.pixelY);
     if (scrollX) this.pixelX = (0, _config.isRTL)() ? this.pixelX - wheel.pixelX : this.pixelX + wheel.pixelX;
-    if (scrollY) this.pixelY += wheel.pixelY * this.baseScrollRatio;
+    if (scrollY && !inFooter) this.pixelY += wheel.pixelY * this.baseScrollRatio;
 
     if (Math.abs(wheel.pixelX) > Math.abs(wheel.pixelY)) {
       event.preventDefault();
@@ -335,7 +370,7 @@ function (_PureComponent) {
     var yLength = scrollHeight < height ? scrollHeight : height;
     this.wheelY = scrollY && Math.ceil(scrollHeight) > Math.ceil(yLength);
     this.wheelX = scrollX && Math.ceil(scrollWidth) > Math.ceil(width);
-    return _react.default.createElement("div", {
+    return _react.default.createElement(_react.default.Fragment, null, _react.default.createElement("div", {
       style: style,
       ref: this.bindWheel,
       className: className
@@ -368,7 +403,10 @@ function (_PureComponent) {
       scrollLength: scrollWidth,
       offset: left,
       onScroll: this.handleScrollX
-    }));
+    })), this.props.footer && _react.default.createElement("div", {
+      ref: this.bindFooter,
+      className: (0, _styles.scrollClass)('footer')
+    }, this.props.footer));
   };
 
   return Scroll;
@@ -384,6 +422,7 @@ Scroll.propTypes = (0, _objectSpread2.default)({}, (0, _proptypes.getProps)(_pro
   scrollX: _propTypes.default.bool.isRequired,
   scrollY: _propTypes.default.bool.isRequired,
   stable: _propTypes.default.bool,
+  footer: _propTypes.default.node,
   innerScrollAttr: _propTypes.default.arrayOf(_propTypes.default.string)
 });
 Scroll.defaultProps = (0, _objectSpread2.default)({}, _proptypes.defaultProps, {

package/css/Table/SeperateTable.js

@@ -45,6 +45,8 @@ var _Thead = _interopRequireDefault(require("./Thead"));
 
 var _Tbody = _interopRequireDefault(require("./Tbody"));
 
+var _Tfoot = _interopRequireDefault(require("./Tfoot"));
+
 var _is = require("../utils/is");
 
 var _context = require("./context");
@@ -73,6 +75,7 @@ function (_PureComponent) {
     _this.bindRealTbody = _this.bindElement.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)), 'realTbody');
     _this.bindThead = _this.bindElement.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)), 'thead');
     _this.bindHeadWrapper = _this.bindElement.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)), 'headWrapper');
+    _this.bindFoot = _this.bindElement.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)), 'tfoot');
     _this.setRowHeight = _this.setRowHeight.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
     _this.handleColgroup = _this.handleColgroup.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
     _this.handleScroll = _this.handleScroll.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
@@ -412,8 +415,12 @@ function (_PureComponent) {
       (0, _translate.setTranslate)(this.thead, "-" + left + "px", '0');
     }
 
+    if (this.tfoot) {
+      (0, _translate.setTranslate)(this.tfoot, "-" + left + "px", '0');
+    }
+
     ;
-    [this.thead, this.tbody].forEach(function (el) {
+    [this.thead, this.tbody, this.tfoot].forEach(function (el) {
       if (!el) return;
       [].forEach.call(el.parentNode.querySelectorAll('td, th'), function (cell) {
         if (cell.classList.contains((0, _styles.tableClass)(_Td.CLASS_FIXED_LEFT))) {
@@ -666,7 +673,8 @@ function (_PureComponent) {
       scrollWidth: contentWidth,
       onScroll: this.handleScroll,
       className: _styles.tableClass.apply(void 0, ['body'].concat(floatClass)),
-      innerScrollAttr: innerScrollAttr
+      innerScrollAttr: innerScrollAttr,
+      footer: this.renderFooter(floatClass)
     }, _react.default.createElement("div", {
       ref: this.bindTbody,
       className: (0, _styles.tableClass)('scroll-inner'),
@@ -747,10 +755,42 @@ function (_PureComponent) {
     return header;
   };
 
-  _proto.render = function render() {
+  _proto.renderFooter = function renderFooter(floatClass) {
     var _this$props9 = this.props,
-        fixed = _this$props9.fixed,
-        hideHeader = _this$props9.hideHeader;
+        columns = _this$props9.columns,
+        width = _this$props9.width,
+        columnResizable = _this$props9.columnResizable,
+        bordered = _this$props9.bordered,
+        summary = _this$props9.summary,
+        data = _this$props9.data,
+        fixed = _this$props9.fixed;
+    var colgroup = this.state.colgroup;
+    if (!(data && data.length)) return null;
+    if (!(summary && summary.length)) return null;
+    var scrollX = fixed === 'x' || fixed === 'both';
+
+    var footer = _react.default.createElement("div", {
+      key: "foot",
+      className: _styles.tableClass.apply(void 0, ['foot'].concat(floatClass, [scrollX && 'foot-scroll-x']))
+    }, _react.default.createElement("table", {
+      ref: this.bindFoot,
+      style: {
+        width: width
+      },
+      className: (0, _styles.tableClass)(bordered && 'table-bordered')
+    }, _react.default.createElement(_Colgroup.default, {
+      colgroup: colgroup,
+      columns: columns,
+      resizable: columnResizable && this.lastScrollArgs[4]
+    }), _react.default.createElement(_Tfoot.default, this.props)));
+
+    return footer;
+  };
+
+  _proto.render = function render() {
+    var _this$props10 = this.props,
+        fixed = _this$props10.fixed,
+        hideHeader = _this$props10.hideHeader;
     var _this$state3 = this.state,
         scrollLeft = _this$state3.scrollLeft,
         floatFixed = _this$state3.floatFixed;
@@ -792,7 +832,8 @@ SeperateTable.propTypes = (0, _objectSpread2.default)({}, (0, _proptypes.getProp
   onResize: _propTypes.default.func,
   innerScrollAttr: _propTypes.default.arrayOf(_propTypes.default.string),
   sticky: _propTypes.default.oneOfType([_propTypes.default.object, _propTypes.default.bool]),
-  hideHeader: _propTypes.default.bool
+  hideHeader: _propTypes.default.bool,
+  summary: _propTypes.default.array
 });
 SeperateTable.defaultProps = {
   data: undefined,

package/css/Table/SimpleTable.js

@@ -29,6 +29,8 @@ var _Tbody = _interopRequireDefault(require("./Tbody"));
 
 var _Thead = _interopRequireDefault(require("./Thead"));
 
+var _Tfoot = _interopRequireDefault(require("./Tfoot"));
+
 var _shallowEqual = require("../utils/shallowEqual");
 
 var _Sticky = _interopRequireDefault(require("../Sticky"));
@@ -50,12 +52,14 @@ function (_PureComponent) {
     _this = _PureComponent.call(this, props) || this;
     _this.state = {
       colgroup: undefined,
-      scrollAble: false,
+      overHeight: false,
+      overWidth: false,
       resize: false
     };
     _this.handleSortChange = _this.handleSortChange.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
     _this.bindHeader = _this.bindElement.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)), 'header');
     _this.bindBody = _this.bindElement.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)), 'body');
+    _this.bindFooter = _this.bindElement.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)), 'footer');
     _this.handleScroll = _this.handleScroll.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
     _this.handleColgroup = _this.handleColgroup.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
     _this.resetColGroup = _this.resetColGroup.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
@@ -112,11 +116,14 @@ function (_PureComponent) {
   };
 
   _proto.scrollCheck = function scrollCheck() {
-    var scrollAble = this.state.scrollAble;
     if (!this.body) return;
     var overHeight = this.body.scrollHeight > this.body.clientHeight;
-    if (scrollAble !== overHeight) this.setState({
-      scrollAble: overHeight
+    var overWidth = this.body.scrollWidth > this.body.clientWidth;
+    if (overWidth !== this.state.overWidth) this.setState({
+      overWidth: overWidth
+    });
+    if (overHeight !== this.state.overHeight) this.setState({
+      overHeight: overHeight
     });
   };
 
@@ -164,6 +171,7 @@ function (_PureComponent) {
     var scrollLeft = currentTarget.scrollLeft;
     setScrollLeft(this.header, scrollLeft);
     setScrollLeft(this.body, scrollLeft);
+    setScrollLeft(this.footer, scrollLeft);
   };
 
   _proto.renderHeader = function renderHeader() {
@@ -177,7 +185,7 @@ function (_PureComponent) {
         bordered = _this$props2.bordered;
     var _this$state = this.state,
         colgroup = _this$state.colgroup,
-        scrollAble = _this$state.scrollAble;
+        overHeight = _this$state.overHeight;
 
     var inner = _react.default.createElement("table", {
       style: {
@@ -196,7 +204,7 @@ function (_PureComponent) {
 
     var empty = data.length === 0;
     var headerStyle = {};
-    if (!empty) headerStyle.overflowY = scrollAble ? 'scroll' : 'hidden';
+    if (!empty) headerStyle.overflowY = overHeight ? 'scroll' : 'hidden';
 
     var header = _react.default.createElement("div", {
       key: "head",
@@ -217,17 +225,57 @@ function (_PureComponent) {
     return header;
   };
 
-  _proto.renderBody = function renderBody() {
+  _proto.renderFooter = function renderFooter() {
     var _this$props3 = this.props,
         columns = _this$props3.columns,
         width = _this$props3.width,
-        fixed = _this$props3.fixed,
+        data = _this$props3.data,
         columnResizable = _this$props3.columnResizable,
         bordered = _this$props3.bordered,
-        others = (0, _objectWithoutPropertiesLoose2.default)(_this$props3, ["columns", "width", "fixed", "columnResizable", "bordered"]);
+        summary = _this$props3.summary;
     var _this$state2 = this.state,
         colgroup = _this$state2.colgroup,
-        resize = _this$state2.resize;
+        overHeight = _this$state2.overHeight,
+        overWidth = _this$state2.overWidth;
+    if (!(data && data.length)) return null;
+    if (!(summary && summary.length)) return null;
+
+    var inner = _react.default.createElement("table", {
+      style: {
+        width: width
+      },
+      className: (0, _styles.tableClass)(bordered && 'table-bordered')
+    }, _react.default.createElement(_Colgroup.default, {
+      colgroup: colgroup || this.lastColGroup,
+      columns: columns,
+      resizable: columnResizable
+    }), _react.default.createElement(_Tfoot.default, this.props));
+
+    var footStyle = {};
+    footStyle.overflowY = overHeight ? 'scroll' : 'hidden';
+
+    var footer = _react.default.createElement("div", {
+      key: "foot",
+      style: footStyle,
+      className: (0, _styles.tableClass)('foot', overWidth && 'foot-scroll-x', 'simple-foot'),
+      ref: this.bindFooter,
+      onScroll: this.handleScroll
+    }, inner);
+
+    return footer;
+  };
+
+  _proto.renderBody = function renderBody() {
+    var _this$props4 = this.props,
+        columns = _this$props4.columns,
+        width = _this$props4.width,
+        fixed = _this$props4.fixed,
+        columnResizable = _this$props4.columnResizable,
+        bordered = _this$props4.bordered,
+        others = (0, _objectWithoutPropertiesLoose2.default)(_this$props4, ["columns", "width", "fixed", "columnResizable", "bordered"]);
+    var _this$state3 = this.state,
+        colgroup = _this$state3.colgroup,
+        resize = _this$state3.resize;
     var minWidthSup = columns.find(function (d) {
       return d.minWidth;
     });
@@ -257,19 +305,19 @@ function (_PureComponent) {
   };
 
   _proto.render = function render() {
-    var _this$props4 = this.props,
-        columns = _this$props4.columns,
-        width = _this$props4.width,
-        children = _this$props4.children,
-        hideHeader = _this$props4.hideHeader,
-        bordered = _this$props4.bordered;
+    var _this$props5 = this.props,
+        columns = _this$props5.columns,
+        width = _this$props5.width,
+        children = _this$props5.children,
+        hideHeader = _this$props5.hideHeader,
+        bordered = _this$props5.bordered;
     if (!columns || columns.length === 0) return _react.default.createElement("table", {
       style: {
         width: width
       },
       className: (0, _styles.tableClass)(bordered && 'table-bordered')
     }, children);
-    return [hideHeader ? null : this.renderHeader(), this.renderBody(), children];
+    return [hideHeader ? null : this.renderHeader(), this.renderBody(), this.renderFooter(), children];
   };
 
   return SimpleTable;
@@ -287,7 +335,8 @@ SimpleTable.propTypes = {
   columnResizable: _propTypes.default.bool,
   sticky: _propTypes.default.oneOfType([_propTypes.default.object, _propTypes.default.bool]),
   hideHeader: _propTypes.default.bool,
-  bordered: _propTypes.default.bool
+  bordered: _propTypes.default.bool,
+  summary: _propTypes.default.array
 };
 SimpleTable.defaultProps = {
   data: undefined,

package/css/Table/Tfoot.js

@@ -0,0 +1,105 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+exports.__esModule = true;
+exports.default = void 0;
+
+var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _index = require("./styles/index");
+
+var _is = require("../utils/is");
+
+var Tfoot =
+/*#__PURE__*/
+function (_React$PureComponent) {
+  (0, _inheritsLoose2.default)(Tfoot, _React$PureComponent);
+
+  function Tfoot() {
+    return _React$PureComponent.apply(this, arguments) || this;
+  }
+
+  var _proto = Tfoot.prototype;
+
+  _proto.getTrs = function getTrs() {
+    var _this$props$summary = this.props.summary,
+        summary = _this$props$summary === void 0 ? [] : _this$props$summary;
+
+    if (!(0, _is.isArray)(summary[0])) {
+      summary = [summary];
+    }
+
+    var trs = [];
+
+    for (var i = 0; i < summary.length; i++) {
+      var row = summary[i];
+      trs[i] = [];
+      var index = 0;
+
+      for (var j = 0; j < row.length; j++) {
+        var item = row[j];
+        var nextIndex = index + (item.colSpan || 1);
+        trs[i].push(this.renderTd(item, index));
+        index = nextIndex;
+      }
+    }
+
+    return trs;
+  };
+
+  _proto.renderTd = function renderTd(item, index) {
+    var render = item.render,
+        _item$colSpan = item.colSpan,
+        colSpan = _item$colSpan === void 0 ? 1 : _item$colSpan;
+    var columns = this.props.columns;
+    var content = render();
+    var fixed = {};
+    var isLast = index + colSpan - 1 >= columns.length - 1;
+
+    for (var i = 0; i < colSpan; i++) {
+      var col = columns[index + i] || {};
+
+      if (col.fixed) {
+        fixed["fixed-" + col.fixed] = true;
+      }
+
+      if (col.firstFixed) {
+        fixed['fixed-first'] = true;
+      }
+
+      if (col.lastFixed) {
+        fixed['fixed-last'] = true;
+      }
+    }
+
+    return _react.default.createElement("td", {
+      key: index,
+      colSpan: colSpan,
+      className: _index.tableClass.apply(void 0, Object.keys(fixed).concat([isLast && 'ignore-right-border']))
+    }, content);
+  };
+
+  _proto.render = function render() {
+    var trs = this.getTrs();
+    return _react.default.createElement("tfoot", null, trs.map(function (tr, index) {
+      return _react.default.createElement("tr", {
+        key: index,
+        className: (0, _index.tableClass)('normal')
+      }, tr);
+    }));
+  };
+
+  return Tfoot;
+}(_react.default.PureComponent);
+
+Tfoot.propTypes = {
+  summary: _propTypes.default.array,
+  columns: _propTypes.default.array
+};
+var _default = Tfoot;
+exports.default = _default;