shineout 1.8.1 → 1.8.5

package/dist/shineout.js

@@ -4538,8 +4538,8 @@ var dropdownPosition = ['bottom-left', 'bottom-right', 'top-left', 'top-right'];
       value: function componentDidUpdate(prevProps) {
         var _this2 = this;
 
-        if (Object(_utils_shallowEqual__WEBPACK_IMPORTED_MODULE_12__["default"])(prevProps.value, this.props.value)) return;
         if (!this.props.focus) this.ajustdoc = false;
+        if (Object(_utils_shallowEqual__WEBPACK_IMPORTED_MODULE_12__["default"])(prevProps.value, this.props.value)) return;
         setTimeout(function () {
           _this2.forceUpdate();
         });
@@ -5654,7 +5654,7 @@ function (_PureComponent) {
         disabled: disabled
       }), this.props.className);
 
-      if (href) {
+      if (href && !disabled) {
         return (
           /*#__PURE__*/
           react__WEBPACK_IMPORTED_MODULE_7___default.a.createElement("a", Object.assign({
@@ -19878,17 +19878,22 @@ function (_Component) {
         });
       }
 
+      var cloneProps = {
+        value: value,
+        error: error,
+        onChange: this.handleChange
+      };
+
+      if (disabled !== undefined) {
+        cloneProps.disabled = disabled;
+      }
+
       if (
       /*#__PURE__*/
       Object(react__WEBPACK_IMPORTED_MODULE_6__["isValidElement"])(children)) {
         return (
           /*#__PURE__*/
-          Object(react__WEBPACK_IMPORTED_MODULE_6__["cloneElement"])(children, {
-            value: value,
-            error: error,
-            onChange: this.handleChange,
-            disabled: disabled
-          })
+          Object(react__WEBPACK_IMPORTED_MODULE_6__["cloneElement"])(children, cloneProps)
         );
       }
 
@@ -25890,7 +25895,9 @@ function (_PureComponent) {
 
     var key = _this.getKey(props);
 
-    var _props$bindItem = props.bindItem(_this.id, _this.update.bind(Object(_Users_10008649_Desktop_workspace_fe_shein_shineout_node_modules_babel_preset_react_app_node_modules_babel_runtime_helpers_esm_assertThisInitialized__WEBPACK_IMPORTED_MODULE_3__["default"])(_this)), _this.updateOpen.bind(Object(_Users_10008649_Desktop_workspace_fe_shein_shineout_node_modules_babel_preset_react_app_node_modules_babel_runtime_helpers_esm_assertThisInitialized__WEBPACK_IMPORTED_MODULE_3__["default"])(_this)), _this.updateInPath.bind(Object(_Users_10008649_Desktop_workspace_fe_shein_shineout_node_modules_babel_preset_react_app_node_modules_babel_runtime_helpers_esm_assertThisInitialized__WEBPACK_IMPORTED_MODULE_3__["default"])(_this))),
+    var noop = function noop() {};
+
+    var _props$bindItem = props.bindItem(_this.id, noop, noop, noop),
         _props$bindItem2 = Object(_Users_10008649_Desktop_workspace_fe_shein_shineout_node_modules_babel_preset_react_app_node_modules_babel_runtime_helpers_esm_slicedToArray__WEBPACK_IMPORTED_MODULE_0__["default"])(_props$bindItem, 3),
         activeUpdate = _props$bindItem2[0],
         openUpdate = _props$bindItem2[1],
@@ -25912,6 +25919,13 @@ function (_PureComponent) {
   }
 
   Object(_Users_10008649_Desktop_workspace_fe_shein_shineout_node_modules_babel_preset_react_app_node_modules_babel_runtime_helpers_esm_createClass__WEBPACK_IMPORTED_MODULE_2__["default"])(Item, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      Object(_Users_10008649_Desktop_workspace_fe_shein_shineout_node_modules_babel_preset_react_app_node_modules_babel_runtime_helpers_esm_get__WEBPACK_IMPORTED_MODULE_4__["default"])(Object(_Users_10008649_Desktop_workspace_fe_shein_shineout_node_modules_babel_preset_react_app_node_modules_babel_runtime_helpers_esm_getPrototypeOf__WEBPACK_IMPORTED_MODULE_7__["default"])(Item.prototype), "componentDidMount", this).call(this);
+
+      this.props.bindItem(this.id, this.update.bind(this), this.updateOpen.bind(this), this.updateInPath.bind(this));
+    }
+  }, {
     key: "componentWillUnmount",
     value: function componentWillUnmount() {
       Object(_Users_10008649_Desktop_workspace_fe_shein_shineout_node_modules_babel_preset_react_app_node_modules_babel_runtime_helpers_esm_get__WEBPACK_IMPORTED_MODULE_4__["default"])(Object(_Users_10008649_Desktop_workspace_fe_shein_shineout_node_modules_babel_preset_react_app_node_modules_babel_runtime_helpers_esm_getPrototypeOf__WEBPACK_IMPORTED_MODULE_7__["default"])(Item.prototype), "componentWillUnmount", this).call(this);
@@ -26101,7 +26115,7 @@ function (_PureComponent) {
             __self: this,
             __source: {
               fileName: _jsxFileName,
-              lineNumber: 182,
+              lineNumber: 184,
               columnNumber: 9
             }
           }),
@@ -26114,7 +26128,7 @@ function (_PureComponent) {
             __self: this,
             __source: {
               fileName: _jsxFileName,
-              lineNumber: 183,
+              lineNumber: 185,
               columnNumber: 11
             }
           }), item)
@@ -26127,7 +26141,7 @@ function (_PureComponent) {
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 190,
+            lineNumber: 192,
             columnNumber: 7
           }
         }), item,
@@ -26140,7 +26154,7 @@ function (_PureComponent) {
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 192,
+            lineNumber: 194,
             columnNumber: 9
           }
         }))
@@ -26200,7 +26214,7 @@ function (_PureComponent) {
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 250,
+            lineNumber: 252,
             columnNumber: 7
           }
         }), this.renderItem(hasChilds, style), hasChilds &&
@@ -26226,7 +26240,7 @@ function (_PureComponent) {
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 253,
+            lineNumber: 255,
             columnNumber: 11
           }
         }))
@@ -28471,10 +28485,13 @@ function open(props, isPortal) {
   div.style.display = 'block';
   var parsed = parseInt(zIndex, 10);
   if (!Number.isNaN(parsed)) div.style.zIndex = parsed;
-  var scrollWidth = window.innerWidth - _utils_dom_document__WEBPACK_IMPORTED_MODULE_17__["docSize"].width;
   var doc = document.body.parentNode;
-  doc.style.overflow = 'hidden';
-  doc.style.paddingRight = "".concat(scrollWidth, "px");
+
+  if (!doc.style.paddingRight) {
+    var scrollWidth = window.innerWidth - _utils_dom_document__WEBPACK_IMPORTED_MODULE_17__["docSize"].width;
+    doc.style.overflow = 'hidden';
+    doc.style.paddingRight = "".concat(scrollWidth, "px");
+  }
 
   var handleClose = function handleClose() {
     if (onClose) onClose();
@@ -33410,6 +33427,7 @@ function (_PureComponent) {
     _this.handleTouchStart = _this.handleTouchStart.bind(Object(_Users_10008649_Desktop_workspace_fe_shein_shineout_node_modules_babel_preset_react_app_node_modules_babel_runtime_helpers_esm_assertThisInitialized__WEBPACK_IMPORTED_MODULE_3__["default"])(_this));
     _this.handleTouchMove = _this.handleTouchMove.bind(Object(_Users_10008649_Desktop_workspace_fe_shein_shineout_node_modules_babel_preset_react_app_node_modules_babel_runtime_helpers_esm_assertThisInitialized__WEBPACK_IMPORTED_MODULE_3__["default"])(_this));
     _this.setStartPoint = _this.setStartPoint.bind(Object(_Users_10008649_Desktop_workspace_fe_shein_shineout_node_modules_babel_preset_react_app_node_modules_babel_runtime_helpers_esm_assertThisInitialized__WEBPACK_IMPORTED_MODULE_3__["default"])(_this));
+    _this.handleInnerScroll = _this.handleInnerScroll.bind(Object(_Users_10008649_Desktop_workspace_fe_shein_shineout_node_modules_babel_preset_react_app_node_modules_babel_runtime_helpers_esm_assertThisInitialized__WEBPACK_IMPORTED_MODULE_3__["default"])(_this));
     return _this;
   }
 
@@ -33428,6 +33446,7 @@ function (_PureComponent) {
       this.wheelElement.addEventListener('touchmove', this.handleTouchMove, {
         passive: false
       });
+      this.inner.addEventListener('scroll', this.handleInnerScroll);
     }
   }, {
     key: "componentDidUpdate",
@@ -33446,6 +33465,7 @@ function (_PureComponent) {
       this.wheelElement.removeEventListener('wheel', this.handleWheel);
       this.wheelElement.removeEventListener('touchstart', this.handleTouchStart);
       this.wheelElement.removeEventListener('touchmove', this.handleTouchMove);
+      this.inner.removeEventListener('scroll', this.handleInnerScroll);
     }
   }, {
     key: "getWheelRect",
@@ -33639,23 +33659,41 @@ function (_PureComponent) {
 
       this.setStartPoint(position);
       this.boundleScroll();
-    }
+    } // inner scroll
+
   }, {
-    key: "render",
-    value: function render() {
+    key: "handleInnerScroll",
+    value: function handleInnerScroll(e) {
+      var target = e.target;
       var _this$props6 = this.props,
-          children = _this$props6.children,
-          scrollWidth = _this$props6.scrollWidth,
-          scrollHeight = _this$props6.scrollHeight,
           left = _this$props6.left,
-          top = _this$props6.top,
-          scrollX = _this$props6.scrollX,
-          scrollY = _this$props6.scrollY,
-          style = _this$props6.style;
+          scrollWidth = _this$props6.scrollWidth;
 
       var _this$getWheelRect2 = this.getWheelRect(),
-          width = _this$getWheelRect2.width,
-          height = _this$getWheelRect2.height;
+          width = _this$getWheelRect2.width;
+
+      if (target.scrollLeft) {
+        this.handleScroll(left + target.scrollLeft / (scrollWidth - width), this.props.top, undefined, 0);
+        target.scrollLeft = 0;
+        target.scrollTop = 0;
+      }
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this$props7 = this.props,
+          children = _this$props7.children,
+          scrollWidth = _this$props7.scrollWidth,
+          scrollHeight = _this$props7.scrollHeight,
+          left = _this$props7.left,
+          top = _this$props7.top,
+          scrollX = _this$props7.scrollX,
+          scrollY = _this$props7.scrollY,
+          style = _this$props7.style;
+
+      var _this$getWheelRect3 = this.getWheelRect(),
+          width = _this$getWheelRect3.width,
+          height = _this$getWheelRect3.height;
 
       var rtl = Object(_config__WEBPACK_IMPORTED_MODULE_17__["isRTL"])();
       var className = classnames__WEBPACK_IMPORTED_MODULE_10___default()(Object(_styles__WEBPACK_IMPORTED_MODULE_15__["scrollClass"])('_', scrollX && 'show-x', scrollY && 'show-y', rtl && 'rtl'), this.props.className);
@@ -33671,7 +33709,7 @@ function (_PureComponent) {
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 234,
+            lineNumber: 249,
             columnNumber: 7
           }
         },
@@ -33684,7 +33722,7 @@ function (_PureComponent) {
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 235,
+            lineNumber: 250,
             columnNumber: 9
           }
         }),
@@ -33694,7 +33732,7 @@ function (_PureComponent) {
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 236,
+            lineNumber: 251,
             columnNumber: 9
           }
         }),
@@ -33705,7 +33743,7 @@ function (_PureComponent) {
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 237,
+            lineNumber: 252,
             columnNumber: 9
           }
         },
@@ -33719,7 +33757,7 @@ function (_PureComponent) {
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 238,
+            lineNumber: 253,
             columnNumber: 11
           }
         }, children)), scrollY &&
@@ -33734,7 +33772,7 @@ function (_PureComponent) {
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 241,
+            lineNumber: 256,
             columnNumber: 11
           }
         }), scrollX &&
@@ -33748,7 +33786,7 @@ function (_PureComponent) {
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 251,
+            lineNumber: 266,
             columnNumber: 11
           }
         }))
@@ -34832,7 +34870,9 @@ function (_Component) {
     _this.handleBlur = _this.handleBlur.bind(Object(_Users_10008649_Desktop_workspace_fe_shein_shineout_node_modules_babel_preset_react_app_node_modules_babel_runtime_helpers_esm_assertThisInitialized__WEBPACK_IMPORTED_MODULE_4__["default"])(_this));
     _this.geHandleMax = _this.geHandleMax.bind(Object(_Users_10008649_Desktop_workspace_fe_shein_shineout_node_modules_babel_preset_react_app_node_modules_babel_runtime_helpers_esm_assertThisInitialized__WEBPACK_IMPORTED_MODULE_4__["default"])(_this));
     _this.handlePaste = _this.handlePaste.bind(Object(_Users_10008649_Desktop_workspace_fe_shein_shineout_node_modules_babel_preset_react_app_node_modules_babel_runtime_helpers_esm_assertThisInitialized__WEBPACK_IMPORTED_MODULE_4__["default"])(_this));
-    _this.focusInput = _this.focusInput.bind(Object(_Users_10008649_Desktop_workspace_fe_shein_shineout_node_modules_babel_preset_react_app_node_modules_babel_runtime_helpers_esm_assertThisInitialized__WEBPACK_IMPORTED_MODULE_4__["default"])(_this)); // for mutiple select
+    _this.focusInput = _this.focusInput.bind(Object(_Users_10008649_Desktop_workspace_fe_shein_shineout_node_modules_babel_preset_react_app_node_modules_babel_runtime_helpers_esm_assertThisInitialized__WEBPACK_IMPORTED_MODULE_4__["default"])(_this));
+    _this.handleCompositionStart = _this.handleCompositionStart.bind(Object(_Users_10008649_Desktop_workspace_fe_shein_shineout_node_modules_babel_preset_react_app_node_modules_babel_runtime_helpers_esm_assertThisInitialized__WEBPACK_IMPORTED_MODULE_4__["default"])(_this));
+    _this.handleCompositionEnd = _this.handleCompositionEnd.bind(Object(_Users_10008649_Desktop_workspace_fe_shein_shineout_node_modules_babel_preset_react_app_node_modules_babel_runtime_helpers_esm_assertThisInitialized__WEBPACK_IMPORTED_MODULE_4__["default"])(_this)); // for mutiple select
 
     _this.props.setInputReset(_this.reset.bind(Object(_Users_10008649_Desktop_workspace_fe_shein_shineout_node_modules_babel_preset_react_app_node_modules_babel_runtime_helpers_esm_assertThisInitialized__WEBPACK_IMPORTED_MODULE_4__["default"])(_this))); // set focus func to Select
 
@@ -34889,7 +34929,7 @@ function (_Component) {
     value: function geHandleMax(e) {
       var maxLength = this.props.maxLength;
 
-      if (!maxLength) {
+      if (!maxLength || this.composition) {
         return true;
       }
 
@@ -35015,6 +35055,17 @@ function (_Component) {
       if (text === txt) return;
       this.props.onInputBlur(text);
     }
+  }, {
+    key: "handleCompositionStart",
+    value: function handleCompositionStart() {
+      this.composition = true;
+    }
+  }, {
+    key: "handleCompositionEnd",
+    value: function handleCompositionEnd(e) {
+      this.composition = false;
+      this.handleInput(e);
+    }
   }, {
     key: "render",
     value: function render() {
@@ -35031,7 +35082,9 @@ function (_Component) {
         contentEditable: focus || this.state.editable,
         onFocus: handleFocus,
         onBlur: this.handleBlur,
-        title: !focus && Object(_utils_is__WEBPACK_IMPORTED_MODULE_12__["isString"])(value) ? value : null
+        title: !focus && Object(_utils_is__WEBPACK_IMPORTED_MODULE_12__["isString"])(value) ? value : null,
+        onCompositionStart: this.handleCompositionStart,
+        onCompositionEnd: this.handleCompositionEnd
       };
 
       if (
@@ -35056,7 +35109,7 @@ function (_Component) {
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 192,
+            lineNumber: 205,
             columnNumber: 12
           }
         }))
@@ -41567,13 +41620,17 @@ function (_PureComponent) {
 
 
         if (treeColumnsName && changedByExpand) {
+          // Blank space may appear after clicking the top or bottom collapse button
           if (fullHeight - this.lastScrollTop < (1 - this.lastScrollArgs[1]) * scrollHeight) {
-            this.tbody.style.marginTop = "".concat(scrollHeight, "px");
-            Object(_utils_dom_translate__WEBPACK_IMPORTED_MODULE_15__["setTranslate"])(this.tbody, "-".concat(offsetLeft, "px"), "-".concat(fullHeight, "px"));
-            this.lastScrollTop = fullHeight;
+            if (fullHeight <= scrollHeight) {
+              index = 0;
+            } else {
+              this.tbody.style.marginTop = "".concat(scrollHeight, "px");
+              Object(_utils_dom_translate__WEBPACK_IMPORTED_MODULE_15__["setTranslate"])(this.tbody, "-".concat(offsetLeft, "px"), "-".concat(fullHeight, "px"));
+              this.lastScrollTop = fullHeight;
+              return;
+            }
           }
-
-          return;
         }
 
         if (index === 0) {
@@ -41857,7 +41914,8 @@ function (_PureComponent) {
           rowHeight = _this$props7.rowHeight,
           columnResizable = _this$props7.columnResizable,
           innerScrollAttr = _this$props7.innerScrollAttr,
-          others = Object(_Users_10008649_Desktop_workspace_fe_shein_shineout_node_modules_babel_preset_react_app_node_modules_babel_runtime_helpers_esm_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_1__["default"])(_this$props7, ["data", "rowsInView", "columns", "width", "fixed", "rowHeight", "columnResizable", "innerScrollAttr"]);
+          bordered = _this$props7.bordered,
+          others = Object(_Users_10008649_Desktop_workspace_fe_shein_shineout_node_modules_babel_preset_react_app_node_modules_babel_runtime_helpers_esm_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_1__["default"])(_this$props7, ["data", "rowsInView", "columns", "width", "fixed", "rowHeight", "columnResizable", "innerScrollAttr", "bordered"]);
 
       var _this$state3 = this.state,
           colgroup = _this$state3.colgroup,
@@ -41879,7 +41937,7 @@ function (_PureComponent) {
             __self: this,
             __source: {
               fileName: _jsxFileName,
-              lineNumber: 493,
+              lineNumber: 499,
               columnNumber: 14
             }
           })
@@ -41908,7 +41966,7 @@ function (_PureComponent) {
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 506,
+            lineNumber: 512,
             columnNumber: 7
           }
         },
@@ -41922,7 +41980,7 @@ function (_PureComponent) {
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 516,
+            lineNumber: 522,
             columnNumber: 9
           }
         },
@@ -41934,13 +41992,13 @@ function (_PureComponent) {
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 517,
+            lineNumber: 523,
             columnNumber: 11
           }
         }),
         /*#__PURE__*/
         react__WEBPACK_IMPORTED_MODULE_10___default.a.createElement("table", {
-          className: Object(_styles__WEBPACK_IMPORTED_MODULE_19__["tableClass"])(!colgroup && minWidthSup && 'init'),
+          className: Object(_styles__WEBPACK_IMPORTED_MODULE_19__["tableClass"])(!colgroup && minWidthSup && 'init', bordered && 'table-bordered'),
           style: {
             width: width
           },
@@ -41948,7 +42006,7 @@ function (_PureComponent) {
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 518,
+            lineNumber: 524,
             columnNumber: 11
           }
         },
@@ -41960,7 +42018,7 @@ function (_PureComponent) {
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 519,
+            lineNumber: 529,
             columnNumber: 13
           }
         }),
@@ -41982,7 +42040,7 @@ function (_PureComponent) {
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 520,
+            lineNumber: 530,
             columnNumber: 13
           }
         })))))
@@ -42007,7 +42065,7 @@ function (_PureComponent) {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 547,
+          lineNumber: 557,
           columnNumber: 7
         }
       },
@@ -42017,10 +42075,11 @@ function (_PureComponent) {
           width: width
         },
         ref: this.bindThead,
+        className: Object(_styles__WEBPACK_IMPORTED_MODULE_19__["tableClass"])('table-bordered'),
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 548,
+          lineNumber: 558,
           columnNumber: 9
         }
       },
@@ -42032,7 +42091,7 @@ function (_PureComponent) {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 549,
+          lineNumber: 559,
           columnNumber: 11
         }
       }),
@@ -42044,7 +42103,7 @@ function (_PureComponent) {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 550,
+          lineNumber: 560,
           columnNumber: 11
         }
       }))));
@@ -42060,7 +42119,7 @@ function (_PureComponent) {
             __self: this,
             __source: {
               fileName: _jsxFileName,
-              lineNumber: 558,
+              lineNumber: 568,
               columnNumber: 9
             }
           }), header)
@@ -42102,7 +42161,7 @@ function (_PureComponent) {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 588,
+          lineNumber: 598,
           columnNumber: 7
         }
       }, this.renderBody(floatClass))];
@@ -42360,7 +42419,8 @@ function (_PureComponent) {
           data = _this$props2.data,
           onResize = _this$props2.onResize,
           columnResizable = _this$props2.columnResizable,
-          sticky = _this$props2.sticky;
+          sticky = _this$props2.sticky,
+          bordered = _this$props2.bordered;
       var _this$state = this.state,
           colgroup = _this$state.colgroup,
           scrollAble = _this$state.scrollAble;
@@ -42370,6 +42430,7 @@ function (_PureComponent) {
         style: {
           width: width
         },
+        className: Object(_styles__WEBPACK_IMPORTED_MODULE_10__["tableClass"])(bordered && 'table-bordered'),
         __self: this,
         __source: {
           fileName: _jsxFileName,
@@ -42447,7 +42508,8 @@ function (_PureComponent) {
           width = _this$props3.width,
           fixed = _this$props3.fixed,
           columnResizable = _this$props3.columnResizable,
-          others = Object(_Users_10008649_Desktop_workspace_fe_shein_shineout_node_modules_babel_preset_react_app_node_modules_babel_runtime_helpers_esm_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_0__["default"])(_this$props3, ["columns", "width", "fixed", "columnResizable"]);
+          bordered = _this$props3.bordered,
+          others = Object(_Users_10008649_Desktop_workspace_fe_shein_shineout_node_modules_babel_preset_react_app_node_modules_babel_runtime_helpers_esm_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_0__["default"])(_this$props3, ["columns", "width", "fixed", "columnResizable", "bordered"]);
 
       var _this$state2 = this.state,
           colgroup = _this$state2.colgroup,
@@ -42474,7 +42536,7 @@ function (_PureComponent) {
           style: {
             width: width
           },
-          className: Object(_styles__WEBPACK_IMPORTED_MODULE_10__["tableClass"])(!colgroup && minWidthSup && 'init'),
+          className: Object(_styles__WEBPACK_IMPORTED_MODULE_10__["tableClass"])(!colgroup && minWidthSup && 'init', bordered && 'table-bordered'),
           __self: this,
           __source: {
             fileName: _jsxFileName,
@@ -42490,7 +42552,7 @@ function (_PureComponent) {
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 139,
+            lineNumber: 142,
             columnNumber: 11
           }
         }),
@@ -42506,7 +42568,7 @@ function (_PureComponent) {
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 140,
+            lineNumber: 143,
             columnNumber: 11
           }
         }))))
@@ -42519,18 +42581,20 @@ function (_PureComponent) {
           columns = _this$props4.columns,
           width = _this$props4.width,
           children = _this$props4.children,
-          hideHeader = _this$props4.hideHeader;
+          hideHeader = _this$props4.hideHeader,
+          bordered = _this$props4.bordered;
       if (!columns || columns.length === 0) return (
         /*#__PURE__*/
         react__WEBPACK_IMPORTED_MODULE_7___default.a.createElement("table", {
           style: {
             width: width
           },
+          className: Object(_styles__WEBPACK_IMPORTED_MODULE_10__["tableClass"])(bordered && 'table-bordered'),
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 156,
-            columnNumber: 50
+            lineNumber: 161,
+            columnNumber: 9
           }
         }, children)
       );
@@ -42552,7 +42616,8 @@ SimpleTable.propTypes = {
   dataChangeResize: prop_types__WEBPACK_IMPORTED_MODULE_8___default.a.bool,
   columnResizable: prop_types__WEBPACK_IMPORTED_MODULE_8___default.a.bool,
   sticky: prop_types__WEBPACK_IMPORTED_MODULE_8___default.a.oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_8___default.a.object, prop_types__WEBPACK_IMPORTED_MODULE_8___default.a.bool]),
-  hideHeader: prop_types__WEBPACK_IMPORTED_MODULE_8___default.a.bool
+  hideHeader: prop_types__WEBPACK_IMPORTED_MODULE_8___default.a.bool,
+  bordered: prop_types__WEBPACK_IMPORTED_MODULE_8___default.a.bool
 };
 SimpleTable.defaultProps = {
   data: undefined,
@@ -42993,6 +43058,7 @@ function (_Component) {
         }),
         /*#__PURE__*/
         react__WEBPACK_IMPORTED_MODULE_8___default.a.createElement(RenderTable, Object.assign({}, props, {
+          bordered: bordered,
           __self: this,
           __source: {
             fileName: _jsxFileName,
@@ -45835,7 +45901,7 @@ function _createSuper2(Derived) {
         var onColumnResize = this.props.onColumnResize;
         var changed = Object(immer__WEBPACK_IMPORTED_MODULE_8__["default"])(this.state, function (draft) {
           var column = draft.columns[index];
-          draft.delta += parseFloat(width - (column.width || 0));
+          draft.delta += parseFloat(width - (column.width || colgroup[index] || 0));
           colgroup[index] = width;
           draft.columns.forEach(function (col, i) {
             var w = colgroup[i];
@@ -60251,7 +60317,7 @@ __webpack_require__.r(__webpack_exports__);
 
 /* harmony default export */ __webpack_exports__["default"] = ({
   utils: _utils__WEBPACK_IMPORTED_MODULE_0__,
-  version: '1.8.1'
+  version: '1.8.5'
 });