shineout 1.8.3 → 1.8.4

package/css/Button/Button.js

@@ -83,7 +83,7 @@ function (_PureComponent) {
       disabled: disabled
     }), this.props.className);
 
-    if (href) {
+    if (href && !disabled) {
       return _react.default.createElement("a", (0, _extends2.default)({
         href: href
       }, others, {

package/css/Menu/Item.js

@@ -57,7 +57,9 @@ function (_PureComponent) {
 
     var key = _this.getKey(props);
 
-    var _props$bindItem = props.bindItem(_this.id, _this.update.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this))), _this.updateOpen.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this))), _this.updateInPath.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)))),
+    var noop = function noop() {};
+
+    var _props$bindItem = props.bindItem(_this.id, noop, noop, noop),
         activeUpdate = _props$bindItem[0],
         openUpdate = _props$bindItem[1],
         inPathUpdate = _props$bindItem[2];
@@ -79,6 +81,12 @@ function (_PureComponent) {
 
   var _proto = Item.prototype;
 
+  _proto.componentDidMount = function componentDidMount() {
+    _PureComponent.prototype.componentDidMount.call(this);
+
+    this.props.bindItem(this.id, this.update.bind(this), this.updateOpen.bind(this), this.updateInPath.bind(this));
+  };
+
   _proto.componentWillUnmount = function componentWillUnmount() {
     _PureComponent.prototype.componentWillUnmount.call(this);
 

package/css/Table/SeperateTable.js

@@ -635,7 +635,8 @@ function (_PureComponent) {
         rowHeight = _this$props7.rowHeight,
         columnResizable = _this$props7.columnResizable,
         innerScrollAttr = _this$props7.innerScrollAttr,
-        others = (0, _objectWithoutPropertiesLoose2.default)(_this$props7, ["data", "rowsInView", "columns", "width", "fixed", "rowHeight", "columnResizable", "innerScrollAttr"]);
+        bordered = _this$props7.bordered,
+        others = (0, _objectWithoutPropertiesLoose2.default)(_this$props7, ["data", "rowsInView", "columns", "width", "fixed", "rowHeight", "columnResizable", "innerScrollAttr", "bordered"]);
     var _this$state3 = this.state,
         colgroup = _this$state3.colgroup,
         scrollTop = _this$state3.scrollTop,
@@ -681,7 +682,7 @@ function (_PureComponent) {
         height: prevHeight
       }
     }), _react.default.createElement("table", {
-      className: (0, _styles.tableClass)(!colgroup && minWidthSup && 'init'),
+      className: (0, _styles.tableClass)(!colgroup && minWidthSup && 'init', bordered && 'table-bordered'),
       style: {
         width: width
       },
@@ -724,7 +725,8 @@ function (_PureComponent) {
       style: {
         width: width
       },
-      ref: this.bindThead
+      ref: this.bindThead,
+      className: (0, _styles.tableClass)('table-bordered')
     }, _react.default.createElement(_Colgroup.default, {
       colgroup: colgroup,
       columns: columns,

package/css/Table/SimpleTable.js

@@ -166,7 +166,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;
@@ -174,7 +175,8 @@ function (_PureComponent) {
     var inner = _react.default.createElement("table", {
       style: {
         width: width
-      }
+      },
+      className: (0, _styles.tableClass)(bordered && 'table-bordered')
     }, _react.default.createElement(_Colgroup.default, {
       colgroup: colgroup,
       columns: columns,
@@ -214,7 +216,8 @@ function (_PureComponent) {
         width = _this$props3.width,
         fixed = _this$props3.fixed,
         columnResizable = _this$props3.columnResizable,
-        others = (0, _objectWithoutPropertiesLoose2.default)(_this$props3, ["columns", "width", "fixed", "columnResizable"]);
+        bordered = _this$props3.bordered,
+        others = (0, _objectWithoutPropertiesLoose2.default)(_this$props3, ["columns", "width", "fixed", "columnResizable", "bordered"]);
     var _this$state2 = this.state,
         colgroup = _this$state2.colgroup,
         resize = _this$state2.resize;
@@ -230,7 +233,7 @@ function (_PureComponent) {
       style: {
         width: width
       },
-      className: (0, _styles.tableClass)(!colgroup && minWidthSup && 'init')
+      className: (0, _styles.tableClass)(!colgroup && minWidthSup && 'init', bordered && 'table-bordered')
     }, _react.default.createElement(_Colgroup.default, {
       colgroup: colgroup,
       columns: columns,
@@ -250,11 +253,13 @@ 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 _react.default.createElement("table", {
       style: {
         width: width
-      }
+      },
+      className: (0, _styles.tableClass)(bordered && 'table-bordered')
     }, children);
     return [hideHeader ? null : this.renderHeader(), this.renderBody(), children];
   };
@@ -273,7 +278,8 @@ SimpleTable.propTypes = {
   dataChangeResize: _propTypes.default.bool,
   columnResizable: _propTypes.default.bool,
   sticky: _propTypes.default.oneOfType([_propTypes.default.object, _propTypes.default.bool]),
-  hideHeader: _propTypes.default.bool
+  hideHeader: _propTypes.default.bool,
+  bordered: _propTypes.default.bool
 };
 SimpleTable.defaultProps = {
   data: undefined,

package/css/Table/Table.js

@@ -163,7 +163,9 @@ function (_Component) {
       className: className,
       ref: this.bindTable,
       style: newStyle
-    }, events), _react.default.createElement(RenderTable, props), loading && _react.default.createElement("div", {
+    }, events), _react.default.createElement(RenderTable, (0, _extends2.default)({}, props, {
+      bordered: bordered
+    })), loading && _react.default.createElement("div", {
       className: (0, _styles.tableClass)('loading')
     }, typeof loading === 'boolean' ? _react.default.createElement(_Spin.default, {
       size: 40

package/css/Table/styles/table.css

@@ -237,19 +237,19 @@ table > thead > tr > th.so-table-condensed {
 .so-table-bordered .so-table-head table {
   border-bottom-width: 1px;
 }
-.so-table-bordered table > thead > tr > th,
-.so-table-bordered table > tbody > tr > th,
-.so-table-bordered table > tfoot > tr > th,
-.so-table-bordered table > thead > tr > td,
-.so-table-bordered table > tbody > tr > td,
-.so-table-bordered table > tfoot > tr > td {
+.so-table-bordered .so-table-table-bordered > thead > tr > th,
+.so-table-bordered .so-table-table-bordered > tbody > tr > th,
+.so-table-bordered .so-table-table-bordered > tfoot > tr > th,
+.so-table-bordered .so-table-table-bordered > thead > tr > td,
+.so-table-bordered .so-table-table-bordered > tbody > tr > td,
+.so-table-bordered .so-table-table-bordered > tfoot > tr > td {
   border-right: 1px solid var(--table-border-color, #ddd);
   border-bottom-width: 1px;
 }
-.so-table-bordered table > tbody > tr > td.so-table-ignore-bottom-border {
+.so-table-bordered .so-table-table-bordered > tbody > tr > td.so-table-ignore-bottom-border {
   border-bottom: none;
 }
-.so-table-bordered table > thead + tbody > tr:first-child > td {
+.so-table-bordered .so-table-table-bordered > thead + tbody > tr:first-child > td {
   border-top-width: 1px;
 }
 .so-table-bordered .so-table-body table {

package/css/index.d.ts

@@ -2,7 +2,7 @@
 import './styles/normalize.less'
 import * as utils from './utils'
 
-export default { utils, version: '1.8.3' }
+export default { utils, version: '1.8.4' }
 export { utils }
 export { setLocale } from './locale'
 export { color, style } from './utils/expose'

package/css/index.js

@@ -222,6 +222,6 @@ exports.Upload = _Upload.default;
 // Created by scripts/src-index.js.
 var _default = {
   utils: utils,
-  version: '1.8.3'
+  version: '1.8.4'
 };
 exports.default = _default;

package/dist/shineout.js

@@ -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({
@@ -25890,7 +25890,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 +25914,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 +26110,7 @@ function (_PureComponent) {
             __self: this,
             __source: {
               fileName: _jsxFileName,
-              lineNumber: 182,
+              lineNumber: 184,
               columnNumber: 9
             }
           }),
@@ -26114,7 +26123,7 @@ function (_PureComponent) {
             __self: this,
             __source: {
               fileName: _jsxFileName,
-              lineNumber: 183,
+              lineNumber: 185,
               columnNumber: 11
             }
           }), item)
@@ -26127,7 +26136,7 @@ function (_PureComponent) {
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 190,
+            lineNumber: 192,
             columnNumber: 7
           }
         }), item,
@@ -26140,7 +26149,7 @@ function (_PureComponent) {
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 192,
+            lineNumber: 194,
             columnNumber: 9
           }
         }))
@@ -26200,7 +26209,7 @@ function (_PureComponent) {
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 250,
+            lineNumber: 252,
             columnNumber: 7
           }
         }), this.renderItem(hasChilds, style), hasChilds &&
@@ -26226,7 +26235,7 @@ function (_PureComponent) {
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 253,
+            lineNumber: 255,
             columnNumber: 11
           }
         }))
@@ -41885,7 +41894,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,
@@ -41907,7 +41917,7 @@ function (_PureComponent) {
             __self: this,
             __source: {
               fileName: _jsxFileName,
-              lineNumber: 498,
+              lineNumber: 499,
               columnNumber: 14
             }
           })
@@ -41936,7 +41946,7 @@ function (_PureComponent) {
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 511,
+            lineNumber: 512,
             columnNumber: 7
           }
         },
@@ -41950,7 +41960,7 @@ function (_PureComponent) {
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 521,
+            lineNumber: 522,
             columnNumber: 9
           }
         },
@@ -41962,13 +41972,13 @@ function (_PureComponent) {
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 522,
+            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
           },
@@ -41976,7 +41986,7 @@ function (_PureComponent) {
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 523,
+            lineNumber: 524,
             columnNumber: 11
           }
         },
@@ -41988,7 +41998,7 @@ function (_PureComponent) {
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 524,
+            lineNumber: 529,
             columnNumber: 13
           }
         }),
@@ -42010,7 +42020,7 @@ function (_PureComponent) {
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 525,
+            lineNumber: 530,
             columnNumber: 13
           }
         })))))
@@ -42035,7 +42045,7 @@ function (_PureComponent) {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 552,
+          lineNumber: 557,
           columnNumber: 7
         }
       },
@@ -42045,10 +42055,11 @@ function (_PureComponent) {
           width: width
         },
         ref: this.bindThead,
+        className: Object(_styles__WEBPACK_IMPORTED_MODULE_19__["tableClass"])('table-bordered'),
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 553,
+          lineNumber: 558,
           columnNumber: 9
         }
       },
@@ -42060,7 +42071,7 @@ function (_PureComponent) {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 554,
+          lineNumber: 559,
           columnNumber: 11
         }
       }),
@@ -42072,7 +42083,7 @@ function (_PureComponent) {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 555,
+          lineNumber: 560,
           columnNumber: 11
         }
       }))));
@@ -42088,7 +42099,7 @@ function (_PureComponent) {
             __self: this,
             __source: {
               fileName: _jsxFileName,
-              lineNumber: 563,
+              lineNumber: 568,
               columnNumber: 9
             }
           }), header)
@@ -42130,7 +42141,7 @@ function (_PureComponent) {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 593,
+          lineNumber: 598,
           columnNumber: 7
         }
       }, this.renderBody(floatClass))];
@@ -42388,7 +42399,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;
@@ -42398,6 +42410,7 @@ function (_PureComponent) {
         style: {
           width: width
         },
+        className: Object(_styles__WEBPACK_IMPORTED_MODULE_10__["tableClass"])(bordered && 'table-bordered'),
         __self: this,
         __source: {
           fileName: _jsxFileName,
@@ -42475,7 +42488,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,
@@ -42502,7 +42516,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,
@@ -42518,7 +42532,7 @@ function (_PureComponent) {
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 139,
+            lineNumber: 142,
             columnNumber: 11
           }
         }),
@@ -42534,7 +42548,7 @@ function (_PureComponent) {
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 140,
+            lineNumber: 143,
             columnNumber: 11
           }
         }))))
@@ -42547,18 +42561,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)
       );
@@ -42580,7 +42596,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,
@@ -43021,6 +43038,7 @@ function (_Component) {
         }),
         /*#__PURE__*/
         react__WEBPACK_IMPORTED_MODULE_8___default.a.createElement(RenderTable, Object.assign({}, props, {
+          bordered: bordered,
           __self: this,
           __source: {
             fileName: _jsxFileName,
@@ -60279,7 +60297,7 @@ __webpack_require__.r(__webpack_exports__);
 
 /* harmony default export */ __webpack_exports__["default"] = ({
   utils: _utils__WEBPACK_IMPORTED_MODULE_0__,
-  version: '1.8.3'
+  version: '1.8.4'
 });