fix: 页面尺寸改变时，重新计算表格宽度

demo/TableDemo.scss

@@ -1,20 +1,20 @@
-// @import "../node_modules/tinper-bee-core/scss/index.scss";
-// @import "../node_modules/bee-panel/src/Panel.scss";
-// @import "../node_modules/bee-layout/src/Layout.scss";
-// @import "../node_modules/bee-button/src/Button.scss";
-// @import "../node_modules/bee-transition/src/Transition.scss";
-// @import "../node_modules/bee-popconfirm/src/Popconfirm.scss";
-// @import "../node_modules/bee-form-control/src/FormControl.scss";
-// @import "../node_modules/bee-pagination/src/Pagination.scss";
-// @import "../node_modules/bee-checkbox/src/Checkbox.scss";
-// @import "../node_modules/bee-select/src/Select.scss";
+@import "../node_modules/tinper-bee-core/scss/index.scss";
+@import "../node_modules/bee-panel/src/Panel.scss";
+@import "../node_modules/bee-layout/src/Layout.scss";
+@import "../node_modules/bee-button/src/Button.scss";
+@import "../node_modules/bee-transition/src/Transition.scss";
+@import "../node_modules/bee-popconfirm/src/Popconfirm.scss";
+@import "../node_modules/bee-form-control/src/FormControl.scss";
+@import "../node_modules/bee-pagination/src/Pagination.scss";
+@import "../node_modules/bee-checkbox/src/Checkbox.scss";
+@import "../node_modules/bee-select/src/Select.scss";
 // @import "../node_modules/bee-form/src/Form.scss";
-// @import "../node_modules/bee-popover/src/Popover.scss";
-// @import "../node_modules/bee-tooltip/src/Tooltip.scss";
-// @import "../node_modules/bee-message/build/Message.css";
-// @import "../node_modules/bee-dropdown/build/Dropdown.css";
-// @import "../node_modules/bee-input-number/build/InputNumber.css";
-// @import "../node_modules/bee-modal/build/Modal.css";
+@import "../node_modules/bee-popover/src/Popover.scss";
+@import "../node_modules/bee-tooltip/src/Tooltip.scss";
+@import "../node_modules/bee-message/build/Message.css";
+@import "../node_modules/bee-dropdown/build/Dropdown.css";
+@import "../node_modules/bee-input-number/build/InputNumber.css";
+@import "../node_modules/bee-modal/build/Modal.css";
 @import "../src/Table.scss";
 
 

demo/demolist/Demo01.js

@@ -1,7 +1,7 @@
 /**
 *
 * @title 基本表格
-* @parent 基础 Basic
+* 【Tooltip】
 * @description 鼠标hover行时呼出操作按钮
 */
 
@@ -28,8 +28,8 @@ const columns = [
       );
     }
   },
-  { id: "123", title: "性别", dataIndex: "b", key: "b", width: 500,"textAlign":'center'},
-  { title: "年龄", dataIndex: "c", key: "c", width: 200,"textAlign":'center' }
+  { id: "123", title: "性别", dataIndex: "b", key: "b", width: 500},
+  { title: "年龄", dataIndex: "c", key: "c", width: 200 }
 ];
 
 const data = [
@@ -65,10 +65,7 @@ class Demo01 extends Component {
         <Table
           columns={columns}
           data={data}
-          parentNodeId='parent'
           height={40}
-          headerHeight={40}
-          bordered = {true}
           hoverContent={this.getHoverContent}
           onRowHover={this.onRowHover}
         />

index.html

@@ -5,7 +5,7 @@
     <title>neoui-react-button</title>
     <link rel="stylesheet" href="./demo/atom-one-dark.css">
     <link rel="stylesheet" href="./dist/demo.css">
-    <link href="//design.yonyoucloud.com/static/tinper-bee/latest/assets/tinper-bee.css" rel="stylesheet" media="screen" />
+    <!-- <link href="//design.yonyoucloud.com/static/tinper-bee/latest/assets/tinper-bee.css" rel="stylesheet" media="screen" /> -->
    
 
 </head>

src/Table.js

@@ -158,7 +158,7 @@ class Table extends Component {
     if (this.columnManager.isAnyColumnsFixed()) {
       this.syncFixedTableRowHeight();
       this.resizeEvent = addEventListener(
-        window, 'resize', debounce(this.syncFixedTableRowHeight, 150)
+        window, 'resize', this.resize
       );
     }
 
@@ -231,6 +231,10 @@ class Table extends Component {
     }
   }
 
+  resize(){
+    debounce(this.syncFixedTableRowHeight, 150);
+    this.computeTableWidth();
+  }
   computeTableWidth() {
     
     //如果用户传了scroll.x按用户传的为主

src/lib/multiSelect.js

@@ -175,7 +175,7 @@ export default function multiSelect(Table, Checkbox) {
           key: "checkbox",
           dataIndex: "checkbox",
          fixed:"left",
-          width: 50, 
+          width: 60, 
           render: (text, record, index) => {
             let attr = {};
             record._disabled?attr.disabled = record._disabled:"";