shineout 1.10.2-beta.1 → 1.10.2

package/css/AnimationList/styles/list.css

@@ -177,9 +177,12 @@
   height: 16px;
   background-color: var(--gray-200, #e9ecef);
 }
-.so-list-base .so-button + .so-button {
+.so-list-base .so-button + .so-button:not(so-button-rtl) {
   margin-left: 0;
 }
+.so-list-base .so-button + .so-button.so-button-rtl {
+  margin-right: 0;
+}
 .so-list-container.so-list-small .so-list-item {
   padding: 8px;
 }

package/css/DataList/styles/list.css

@@ -173,9 +173,12 @@
   height: 16px;
   background-color: var(--gray-200, #e9ecef);
 }
-.so-list-base .so-button + .so-button {
+.so-list-base .so-button + .so-button:not(so-button-rtl) {
   margin-left: 0;
 }
+.so-list-base .so-button + .so-button.so-button-rtl {
+  margin-right: 0;
+}
 .so-list-container.so-list-small .so-list-item {
   padding: 8px;
 }

package/css/Form/styles/form.css

@@ -172,10 +172,6 @@
   margin-right: 0;
   margin-left: 12px;
 }
-.so-form.so-form-rtl .so-button + .so-button {
-  margin-left: 0;
-  margin-right: var(--button-margin-left, 12px);
-}
 .so-form.so-form-rtl .so-upload .so-upload-image-item {
   margin-right: 0;
   margin-left: 12px;
@@ -782,29 +778,6 @@ textarea.so-input-textarea-resize {
   border-left-width: 0;
   border-right-width: 1px;
 }
-.so-input-group.so-input-rtl.so-button-group .so-button:last-child:not(:first-child) {
-  border-bottom-right-radius: 0;
-  border-top-right-radius: 0;
-  border-top-left-radius: var(--button-border-radius, 3px);
-  border-bottom-left-radius: var(--button-border-radius, 3px);
-}
-.so-input-group.so-input-rtl.so-button-group > b:first-child {
-  border-left-width: 1px;
-  border-right-width: 0;
-  border-bottom-left-radius: 0;
-  border-top-left-radius: 0;
-  border-bottom-right-radius: var(--input-border-radius, 4px);
-  border-top-right-radius: var(--input-border-radius, 4px);
-}
-.so-input-group.so-input-rtl.so-button-group > b:last-child {
-  border-left-width: 0;
-  border-right-width: 1px;
-  border-bottom-left-radius: var(--input-border-radius, 4px);
-  border-top-left-radius: var(--input-border-radius, 4px);
-  border-bottom-right-radius: 0;
-  border-top-right-radius: 0;
-  margin-left: 0;
-}
 .so-inputBorder-rtl {
   direction: rtl;
 }

package/css/Input/Input.js

@@ -39,7 +39,7 @@ function regLength(size) {
 
 function fillNumber(val) {
   return val.replace(/^(-)?(\.\d+)(?!=\.).*/g, '$10$2') // eslint-disable-next-line no-useless-escape
-  .replace(/(?<=-|^)0+(?=0\.?|[^0\.])/g, '').replace(/\.$/, '');
+  .replace(/(-|^)0+(?=0\.?|[^0\.])/g, '$0').replace(/\.$/, '');
 }
 
 var Input =

package/css/Modal/styles/modal.css

@@ -361,10 +361,6 @@
 .so-modal-rtl .so-modal-mask > .so-card > .so-card-footer {
   text-align: left;
 }
-.so-modal-rtl .so-modal-mask > .so-card > .so-card-footer .so-button + .so-button {
-  margin-left: 0;
-  margin-right: var(--button-margin-left, 12px);
-}
 .so-modal-mask > .so-card > .so-card-header:after,
 .so-modal-mask > .so-card > .so-card-footer:after {
   height: var(--modal-divider-height, 1px);

package/css/Table/SeperateTable.js

@@ -41,8 +41,6 @@ var _Scroll2 = require("../Scroll/Scroll");
 
 var _Colgroup = _interopRequireDefault(require("./Colgroup"));
 
-var _emptyDom = _interopRequireDefault(require("./emptyDom"));
-
 var _Thead = _interopRequireDefault(require("./Thead"));
 
 var _Tbody = _interopRequireDefault(require("./Tbody"));
@@ -80,7 +78,6 @@ function (_PureComponent) {
     _this.handleScroll = _this.handleScroll.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
     _this.handleSortChange = _this.handleSortChange.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
     _this.scrollToTop = _this.scrollToTop.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
-    _this.getHeader = _this.getHeader.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
     _this.cachedRowHeight = [];
     _this.lastScrollArgs = {};
     _this.lastScrollTop = 0;
@@ -122,11 +119,6 @@ function (_PureComponent) {
     this.ajustBottom(dataChange);
   };
 
-  _proto.getHeader = function getHeader(_ref) {
-    var el = _ref.el;
-    this.headerEl = el;
-  };
-
   _proto.getIndex = function getIndex(scrollTop) {
     if (scrollTop === void 0) {
       scrollTop = this.state.scrollTop;
@@ -598,15 +590,13 @@ function (_PureComponent) {
 
   _proto.handleColgroup = function handleColgroup(tds) {
     var columns = this.props.columns;
-    var items = tds || this.headerEl && this.headerEl.querySelectorAll('th');
-    if (!items) return;
     var colgroup = [];
 
     var _loop = function _loop(i, count) {
-      var _items$i$getBoundingC = items[i].getBoundingClientRect(),
-          width = _items$i$getBoundingC.width;
+      var _tds$i$getBoundingCli = tds[i].getBoundingClientRect(),
+          width = _tds$i$getBoundingCli.width;
 
-      var colSpan = parseInt(items[i].getAttribute('colspan'), 10);
+      var colSpan = parseInt(tds[i].getAttribute('colspan'), 10);
 
       if (colSpan > 1) {
         (0, _numbers.split)(width, (0, _numbers.range)(colSpan).map(function (j) {
@@ -619,7 +609,7 @@ function (_PureComponent) {
       }
     };
 
-    for (var i = 0, count = items.length; i < count; i++) {
+    for (var i = 0, count = tds.length; i < count; i++) {
       _loop(i, count);
     }
 
@@ -655,10 +645,7 @@ function (_PureComponent) {
     });
 
     if (!data || data.length === 0) {
-      return _react.default.createElement(_emptyDom.default, {
-        onEmptyRender: this.handleColgroup,
-        columns: columns
-      });
+      return _react.default.createElement("div", null);
     }
 
     var dataUpdated = this.lastData !== data; // Incorrect height due to changing data length dynamically
@@ -741,7 +728,6 @@ function (_PureComponent) {
       columns: columns,
       resizable: columnResizable && this.lastScrollArgs[4]
     }), _react.default.createElement(_Thead.default, (0, _extends2.default)({}, this.props, {
-      onHeaderRender: this.getHeader,
       colgroup: colgroup,
       onSortChange: this.handleSortChange,
       onColChange: onResize

package/css/Table/SimpleTable.js

@@ -59,7 +59,6 @@ function (_PureComponent) {
     _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)));
-    _this.getHeader = _this.getHeader.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
     return _this;
   }
 
@@ -87,11 +86,6 @@ function (_PureComponent) {
     if (this.removeReiszeObserver) this.removeReiszeObserver();
   };
 
-  _proto.getHeader = function getHeader(_ref) {
-    var el = _ref.el;
-    this.headerEl = el;
-  };
-
   _proto.bindElement = function bindElement(key, el) {
     this[key] = el; // this.body will be undefined on componentDidMount when columns length is 0
 
@@ -131,16 +125,14 @@ function (_PureComponent) {
   };
 
   _proto.handleColgroup = function handleColgroup(tds) {
-    var items = tds || this.headerEl && this.headerEl.querySelectorAll('th');
-    if (!items) return;
     var columns = this.props.columns;
     var colgroup = [];
 
     var _loop = function _loop(i, count) {
-      var _items$i$getBoundingC = items[i].getBoundingClientRect(),
-          width = _items$i$getBoundingC.width;
+      var _tds$i$getBoundingCli = tds[i].getBoundingClientRect(),
+          width = _tds$i$getBoundingCli.width;
 
-      var colSpan = parseInt(items[i].getAttribute('colspan'), 10);
+      var colSpan = parseInt(tds[i].getAttribute('colspan'), 10);
 
       if (colSpan > 1) {
         (0, _numbers.split)(width, (0, _numbers.range)(colSpan).map(function (j) {
@@ -153,7 +145,7 @@ function (_PureComponent) {
       }
     };
 
-    for (var i = 0, count = items.length; i < count; i++) {
+    for (var i = 0, count = tds.length; i < count; i++) {
       _loop(i, count);
     }
 
@@ -163,8 +155,8 @@ function (_PureComponent) {
     });
   };
 
-  _proto.handleScroll = function handleScroll(_ref2) {
-    var currentTarget = _ref2.currentTarget;
+  _proto.handleScroll = function handleScroll(_ref) {
+    var currentTarget = _ref.currentTarget;
     var scrollLeft = currentTarget.scrollLeft;
     setScrollLeft(this.header, scrollLeft);
     setScrollLeft(this.body, scrollLeft);
@@ -193,7 +185,6 @@ function (_PureComponent) {
       columns: columns,
       resizable: columnResizable
     }), _react.default.createElement(_Thead.default, (0, _extends2.default)({}, this.props, {
-      onHeaderRender: this.getHeader,
       colgroup: colgroup,
       onSortChange: this.handleSortChange,
       onColChange: onResize

package/css/Table/Table.js

@@ -151,7 +151,7 @@ function (_Component) {
       columnResizable: columnResizable
     });
     var isEmpty = (!data || data.length === 0) && !children;
-    var useSeparate = fixed;
+    var useSeparate = fixed && !isEmpty;
     var ResizeSepTable = columnResizable ? ResizeSeperateTable : _SeperateTable.default;
     var ResizeSimTable = columnResizable ? ResizeSimpleTable : _SimpleTable.default;
     var RenderTable = useSeparate ? ResizeSepTable : ResizeSimTable;

package/css/Table/Tbody.js

@@ -132,8 +132,6 @@ function (_PureComponent) {
     datum.unsubscribe(RENDER_COL_GROUP_EVENT, this.bodyRender);
 
     if (this.body.clientHeight === 0) {
-      this.colgroupSetted = true;
-      onBodyRender(null);
       datum.subscribe(RENDER_COL_GROUP_EVENT, this.bodyRender);
       return;
     }

package/css/Table/Thead.js

@@ -46,20 +46,11 @@ function (_PureComponent) {
     _this.handleMouseDown = _this.handleResize.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)), 'mousedown');
     _this.handleMouseMove = _this.handleResize.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)), 'mousemove');
     _this.handleMouseUp = _this.handleResize.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)), 'mouseup');
-    _this.bindHeader = _this.bindHeader.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
     return _this;
   }
 
   var _proto = Thead.prototype;
 
-  _proto.componentDidMount = function componentDidMount() {
-    var onHeaderRender = this.props.onHeaderRender;
-
-    if (onHeaderRender) {
-      onHeaderRender(this);
-    }
-  };
-
   _proto.setColumns = function setColumns(columns, col, level, index) {
     if (index === void 0) {
       index = 0;
@@ -104,10 +95,6 @@ function (_PureComponent) {
     return colSpan;
   };
 
-  _proto.bindHeader = function bindHeader(el) {
-    this.el = el;
-  };
-
   _proto.resizeColgroup = function resizeColgroup(deltaX) {
     var columns = this.props.columns;
     var item = columns[this.resizingIndex];
@@ -277,9 +264,7 @@ function (_PureComponent) {
 
   _proto.render = function render() {
     var trs = this.formatTrs();
-    return _react.default.createElement("thead", {
-      ref: this.bindHeader
-    }, trs.map(function (tr, i) {
+    return _react.default.createElement("thead", null, trs.map(function (tr, i) {
       return _react.default.createElement("tr", {
         key: i
       }, tr);
@@ -303,8 +288,7 @@ Thead.propTypes = {
   treeColumnsName: _propTypes.default.string,
   treeCheckAll: _propTypes.default.bool,
   colgroup: _propTypes.default.array,
-  renderSorter: _propTypes.default.func,
-  onHeaderRender: _propTypes.default.func
+  renderSorter: _propTypes.default.func
 };
 Thead.defaultProps = {
   showSelectAll: true

package/css/Table/resizable.js

@@ -76,19 +76,10 @@ var _default = function _default(Table) {
     };
 
     _proto.handleResize = function handleResize(index, width, colgroup) {
-      if (colgroup === void 0) {
-        colgroup = [];
-      }
-
       var onColumnResize = this.props.onColumnResize;
       var changed = (0, _immer.default)(this.state, function (draft) {
         var column = draft.columns[index];
-        var beforeWidth = column.width || colgroup[index];
-
-        if (beforeWidth) {
-          draft.delta += parseFloat(width - beforeWidth);
-        }
-
+        draft.delta += parseFloat(width - (column.width || colgroup[index] || 0));
         colgroup[index] = width;
         draft.columns.forEach(function (col, i) {
           var w = colgroup[i];