@aloudata/aloudata-design 0.4.8-beta.14 → 0.4.8-beta.16

package/dist/Table/components/TableBodyRowList/index.js

@@ -1,52 +1,69 @@
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 var _excluded = ["style"];
+
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
 import classnames from 'classnames';
 import React, { useCallback, useState } from 'react';
 import usePrefixCls from "../../../_utils/hooks/usePrefixCls";
 import { getValidWidthByNumber } from "../../utils";
+
 function TableBodyRowList(props) {
   var _props$ellipsis = props.ellipsis,
-    ellipsis = _props$ellipsis === void 0 ? true : _props$ellipsis,
-    data = props.data,
-    rows = props.rows,
-    prepareRow = props.prepareRow,
-    columnsTotalWidthRef = props.columnsTotalWidthRef,
-    _props$rowClassName = props.rowClassName,
-    rowClassName = _props$rowClassName === void 0 ? '' : _props$rowClassName,
-    onRowSelected = props.onRowSelected;
+      ellipsis = _props$ellipsis === void 0 ? true : _props$ellipsis,
+      data = props.data,
+      rows = props.rows,
+      prepareRow = props.prepareRow,
+      columnsTotalWidthRef = props.columnsTotalWidthRef,
+      _props$rowClassName = props.rowClassName,
+      rowClassName = _props$rowClassName === void 0 ? '' : _props$rowClassName,
+      onRowSelected = props.onRowSelected;
+
   var _useState = useState(null),
-    _useState2 = _slicedToArray(_useState, 2),
-    selectedRowId = _useState2[0],
-    setSelectedRowId = _useState2[1];
+      _useState2 = _slicedToArray(_useState, 2),
+      selectedRowId = _useState2[0],
+      setSelectedRowId = _useState2[1];
+
   var prefixCls = usePrefixCls('', 'ald-table');
   var onRowClick = useCallback(function (row) {
     if (!onRowSelected) {
       return;
     }
+
     setSelectedRowId(row.id);
     onRowSelected(row.original);
   }, [onRowSelected, setSelectedRowId]);
   return /*#__PURE__*/React.createElement(React.Fragment, null, data.map(function (item, index) {
     var _classnames;
+
     var row = rows[index];
     prepareRow(row);
+
     var _row$getRowProps = row.getRowProps(),
-      rowStyle = _row$getRowProps.style,
-      rowProps = _objectWithoutProperties(_row$getRowProps, _excluded);
+        rowStyle = _row$getRowProps.style,
+        rowProps = _objectWithoutProperties(_row$getRowProps, _excluded);
+
     return /*#__PURE__*/React.createElement("div", _extends({}, rowProps, {
       style: _objectSpread(_objectSpread({}, rowStyle), {}, {
         width: columnsTotalWidthRef.current
@@ -58,7 +75,9 @@ function TableBodyRowList(props) {
       key: row.id
     }), row.cells.map(function (cell, index) {
       var _cell$getCellProps$st, _cell$getCellProps$st2;
+
       var currentRenderWidth = Number((_cell$getCellProps$st = cell.getCellProps().style) === null || _cell$getCellProps$st === void 0 ? void 0 : (_cell$getCellProps$st2 = _cell$getCellProps$st.width) === null || _cell$getCellProps$st2 === void 0 ? void 0 : _cell$getCellProps$st2.toString().replace('px', '')); // 表格内置计算的宽度 'px'
+
       return /*#__PURE__*/React.createElement("div", _extends({
         key: index
       }, cell.getCellProps(), {
@@ -72,4 +91,5 @@ function TableBodyRowList(props) {
     }));
   }));
 }
+
 export default TableBodyRowList;

package/dist/Table/components/TableHead/index.js

@@ -1,19 +1,29 @@
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 var _excluded = ["style"];
+
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
 import React, { useState } from 'react';
 import usePrefixCls from "../../../_utils/hooks/usePrefixCls";
 import classnames from 'classnames';
@@ -22,50 +32,52 @@ import _ from 'lodash';
 import { getValidWidthByNumber } from "../../utils";
 import message from "../../../message";
 var ARRAY_FIRST_INDEX = 0;
+
 function TableHead(props) {
   var headerGroups = props.headerGroups,
-    canResizeColumn = props.canResizeColumn,
-    defaultSort = props.defaultSort,
-    _props$sortable = props.sortable,
-    sortable = _props$sortable === void 0 ? false : _props$sortable,
-    _props$columns = props.columns,
-    columns = _props$columns === void 0 ? [{
-      accessor: '',
-      sortOrder: 'descend'
-    }] : _props$columns,
-    allSortDirections = props.sortDirections,
-    setSortBy = props.setSortBy,
-    _props$onChange = props.onChange,
-    onChange = _props$onChange === void 0 ? function () {} : _props$onChange,
-    columnsWidthMapRef = props.columnsWidthMapRef,
-    columnsTotalWidthRef = props.columnsTotalWidthRef;
-  var prefixCls = usePrefixCls('', 'ald-table');
-
-  // 第一列的情况 默认或者恢复是需要用到
+      canResizeColumn = props.canResizeColumn,
+      defaultSort = props.defaultSort,
+      _props$sortable = props.sortable,
+      sortable = _props$sortable === void 0 ? false : _props$sortable,
+      _props$columns = props.columns,
+      columns = _props$columns === void 0 ? [{
+    accessor: '',
+    sortOrder: 'descend'
+  }] : _props$columns,
+      allSortDirections = props.sortDirections,
+      setSortBy = props.setSortBy,
+      _props$onChange = props.onChange,
+      onChange = _props$onChange === void 0 ? function () {} : _props$onChange,
+      columnsWidthMapRef = props.columnsWidthMapRef,
+      columnsTotalWidthRef = props.columnsTotalWidthRef;
+  var prefixCls = usePrefixCls('', 'ald-table'); // 第一列的情况 默认或者恢复是需要用到
+
   var defaultSortObject = {
     id: columns[ARRAY_FIRST_INDEX].accessor,
     desc: !!(columns[ARRAY_FIRST_INDEX].sortOrder && columns[ARRAY_FIRST_INDEX].sortOrder === 'descend')
-  };
-
-  // 如果支持排序
+  }; // 如果支持排序
   // 1. 有默认排序 则按照默认排序
   // 2. 如果没有默认排序，再判断第一列是否符合排序条件，若满足 => 则按第一列排序
+
   var getInitialSortDirection = function getInitialSortDirection() {
     if (defaultSort && defaultSort.id) {
       return defaultSort;
     }
+
     if (!defaultSortObject.id) {
       message.error('开启了排序，但是没有给予默认排序列，并且第一列不支持排序');
     }
+
     return defaultSortObject;
   };
-  var _useState = useState(getInitialSortDirection()),
-    _useState2 = _slicedToArray(_useState, 2),
-    sortDirection = _useState2[0],
-    setSortDirection = _useState2[1];
 
-  // 排序的方向 倒叙{ id: 'xx', desc: true }、正序{ id: 'xx', desc: false }、无序 { id: '', desc: undefined }
+  var _useState = useState(getInitialSortDirection()),
+      _useState2 = _slicedToArray(_useState, 2),
+      sortDirection = _useState2[0],
+      setSortDirection = _useState2[1]; // 排序的方向 倒叙{ id: 'xx', desc: true }、正序{ id: 'xx', desc: false }、无序 { id: '', desc: undefined }
   // 获取排序方向以及排序的id
+
+
   var getSortBy = function getSortBy(id) {
     var sortDirections = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : ['ascend', 'descend'];
     var sortOrder // 如果传了列的默认排序方式，则不可以更改
@@ -73,68 +85,74 @@ function TableHead(props) {
     var res = {
       id: id,
       desc: undefined // 给个默认的排序
-    };
 
+    };
     var isSameCol = sortDirection.id === id;
     var descMap = new Map([['ascend', false], ['descend', true]]);
-    var directions = allSortDirections || sortDirections;
+    var directions = allSortDirections || sortDirections; // 如果不是同一列 则返回默认排序 或者排序顺序的第一个
 
-    // 如果不是同一列 则返回默认排序 或者排序顺序的第一个
     if (!isSameCol) {
       if (sortOrder === 'ascend' || sortOrder === 'descend') {
         res.desc = descMap.get(sortOrder);
       } else {
         res.desc = sortOrder || descMap.get(directions[ARRAY_FIRST_INDEX]);
       }
-      return res;
-    }
 
-    // 如果是同一列
+      return res;
+    } // 如果是同一列
     // 如果列给了默认的sortOrder则不在变化
+
+
     if (sortOrder === 'ascend' || sortOrder === 'descend') {
       res.desc = descMap.get(sortOrder);
       return res;
-    }
+    } // 在所有方向上 往后取一个
+
 
-    // 在所有方向上 往后取一个
     var lastSortDirection = sortDirection.desc ? 'descend' : 'ascend';
+
     var index = _.findIndex(directions, function (item) {
       return item === lastSortDirection;
     });
+
     var nextIndex = index + 1;
-    res.desc = descMap.get(directions[nextIndex]);
+    res.desc = descMap.get(directions[nextIndex]); // 如果没有排序方向，则返回默认排序对象
 
-    // 如果没有排序方向，则返回默认排序对象
     if (res.desc === undefined) {
       res.id = '';
     }
+
     return res;
   };
+
   var getHeaderProps = function getHeaderProps(column) {
     // @ts-ignore
     var id = column.id,
-      canSort = column.canSort,
-      sorter = column.sorter,
-      sortOrder = column.sortOrder,
-      sortDirections = column.sortDirections;
-    var toggleProps = column.getSortByToggleProps();
+        canSort = column.canSort,
+        sorter = column.sorter,
+        sortOrder = column.sortOrder,
+        sortDirections = column.sortDirections;
+    var toggleProps = column.getSortByToggleProps(); // 仅在Table设置sortable时,所有列的canSort为true,此时为前端排序
 
-    // 仅在Table设置sortable时,所有列的canSort为true,此时为前端排序
     if (canSort) {
       // client sort
       return _objectSpread(_objectSpread({}, column.getHeaderProps(_objectSpread({}, toggleProps))), {}, {
         onClick: function onClick(e) {
           e.stopPropagation();
+
           if (typeof toggleProps.onClick === 'function') {
             var _sortBy = getSortBy(id, sortDirections, sortOrder);
+
             setSortBy(_sortBy.desc === undefined ? [defaultSortObject] : [_sortBy]); // 客户端排序时 需要重新设置排序
+
             setSortDirection(_sortBy);
             onChange(_sortBy);
           }
         }
       });
-    }
-    // 当列设置sorter属性时，则为服务端排序
+    } // 当列设置sorter属性时，则为服务端排序
+
+
     if (sorter) {
       // server sort
       return _objectSpread(_objectSpread({}, column.getHeaderProps({
@@ -150,15 +168,19 @@ function TableHead(props) {
         }
       });
     }
+
     return column.getHeaderProps();
   };
+
   var SortIcons = function SortIcons(_ref) {
     var id = _ref.id;
     var currentSortId = sortDirection.id,
-      desc = sortDirection.desc;
+        desc = sortDirection.desc;
+
     if (id !== currentSortId || !sortable) {
       return null;
     }
+
     return desc ? /*#__PURE__*/React.createElement(FoldDownFill, {
       className: "".concat(prefixCls, "-sortIcon"),
       fill: "currentColor",
@@ -168,12 +190,14 @@ function TableHead(props) {
       fill: "currentColor",
       size: 12
     });
-  };
+  }; // 在页面拖拽完成之后 更新表格整体宽度以及每个列对应的列宽map
+
 
-  // 在页面拖拽完成之后 更新表格整体宽度以及每个列对应的列宽map
   var adjustColumnsMapAfterDrag = function adjustColumnsMapAfterDrag(key, width) {
     var _columnsWidthMapRef$c, _columnsWidthMapRef$c2;
+
     var newMap = _.cloneDeep(columnsWidthMapRef.current);
+
     var originWidth = (_columnsWidthMapRef$c = columnsWidthMapRef.current) === null || _columnsWidthMapRef$c === void 0 ? void 0 : (_columnsWidthMapRef$c2 = _columnsWidthMapRef$c.get(key)) === null || _columnsWidthMapRef$c2 === void 0 ? void 0 : _columnsWidthMapRef$c2.width;
     var newWidth = getValidWidthByNumber(width);
     newMap.set(key, {
@@ -183,19 +207,24 @@ function TableHead(props) {
     columnsWidthMapRef.current = newMap;
     columnsTotalWidthRef.current = columnsTotalWidthRef.current - originWidth + newWidth;
   };
+
   var handleStyleAndReturn = function handleStyleAndReturn(column, index) {
     var _get, _getHeaderProps$style, _getHeaderProps$style2;
+
     var key = index.toString();
     var lastColumnsMapWidth = (_get = columnsWidthMapRef.current.get(key)) === null || _get === void 0 ? void 0 : _get.width; // 在拖动之前记录宽度map
+
     var currentRenderWidth = Number((_getHeaderProps$style = getHeaderProps(column).style) === null || _getHeaderProps$style === void 0 ? void 0 : (_getHeaderProps$style2 = _getHeaderProps$style.width) === null || _getHeaderProps$style2 === void 0 ? void 0 : _getHeaderProps$style2.toString().replace('px', '')); // 表格内置计算的宽度 'px'
 
     if (currentRenderWidth !== lastColumnsMapWidth) {
       adjustColumnsMapAfterDrag(key, currentRenderWidth);
     }
+
     return _objectSpread(_objectSpread({}, getHeaderProps(column).style), {}, {
       width: getValidWidthByNumber(currentRenderWidth)
     });
   };
+
   return /*#__PURE__*/React.createElement("div", {
     className: "".concat(prefixCls, "-thead"),
     style: {
@@ -203,8 +232,9 @@ function TableHead(props) {
     }
   }, headerGroups.map(function (headerGroup) {
     var _headerGroup$getHeade = headerGroup.getHeaderGroupProps(),
-      style = _headerGroup$getHeade.style,
-      headerGroupProps = _objectWithoutProperties(_headerGroup$getHeade, _excluded);
+        style = _headerGroup$getHeade.style,
+        headerGroupProps = _objectWithoutProperties(_headerGroup$getHeade, _excluded);
+
     return /*#__PURE__*/React.createElement("div", _extends({}, headerGroupProps, {
       className: "".concat(prefixCls, "-row")
     }), headerGroup.headers.map(function (column, index) {
@@ -228,4 +258,5 @@ function TableHead(props) {
     }));
   }));
 }
+
 export default TableHead;

package/dist/Table/hooks/useFrame.js

@@ -1,25 +1,35 @@
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
 // @ts-nocheck
 import { useRef, useState, useEffect } from 'react';
+
 /**
  * Execute code before next frame but async
  */
 export function useLayoutState(defaultState) {
   var stateRef = useRef(defaultState);
+
   var _useState = useState({}),
-    _useState2 = _slicedToArray(_useState, 2),
-    forceUpdate = _useState2[1];
+      _useState2 = _slicedToArray(_useState, 2),
+      forceUpdate = _useState2[1];
+
   var lastPromiseRef = useRef(null);
   var updateBatchRef = useRef([]);
+
   function setFrameState(updater) {
     updateBatchRef.current.push(updater);
-    var promise = Promise.resolve();
-    // @ts-ignore;
+    var promise = Promise.resolve(); // @ts-ignore;
+
     lastPromiseRef.current = promise;
     promise.then(function () {
       if (lastPromiseRef.current === promise) {
@@ -28,16 +38,17 @@ export function useLayoutState(defaultState) {
         updateBatchRef.current = [];
         prevBatch.forEach(function (batchUpdater) {
           stateRef.current = batchUpdater(stateRef.current);
-        });
+        }); // @ts-ignore;
 
-        // @ts-ignore;
         lastPromiseRef.current = null;
+
         if (prevState !== stateRef.current) {
           forceUpdate({});
         }
       }
     });
   }
+
   useEffect(function () {
     return function () {
       // @ts-ignore;
@@ -46,15 +57,17 @@ export function useLayoutState(defaultState) {
   }, []);
   return [stateRef.current, setFrameState];
 }
-
 /** Lock frame, when frame pass reset the lock. */
+
 export function useTimeoutLock(defaultState) {
   var frameRef = useRef(defaultState || null);
   var timeoutRef = useRef();
   var TIMEOUT_DELAY = 50;
+
   function cleanUp() {
     window.clearTimeout(timeoutRef.current);
   }
+
   function setState(newState) {
     // @ts-ignore;
     frameRef.current = newState;
@@ -65,9 +78,11 @@ export function useTimeoutLock(defaultState) {
       timeoutRef.current = undefined;
     }, TIMEOUT_DELAY);
   }
+
   function getState() {
     return frameRef.current;
   }
+
   useEffect(function () {
     return cleanUp;
   }, []);

package/dist/Table/style/index.less

@@ -41,7 +41,7 @@
     color: inherit;
     text-align: left;
     word-break: break-all;
-    border-bottom: 1px solid @BG70;
+    border-bottom: 1px solid @BG80;
 
     &-content {
       flex: 1;

package/dist/Table/utils.js

@@ -8,9 +8,11 @@ export function isPercentageWidth(width) {
 export function isSpecificPxWidth(width) {
   return /[0-9]{1,}(px)$/.test(width);
 }
+
 function isSpecificWidth(width) {
   return typeof width === 'number' || !!(width && isSpecificPxWidth(width));
 }
+
 export function getValidWidthByNumber(width) {
   return width < COLUMN_MIN_WIDTH ? COLUMN_MIN_WIDTH : width;
 }
@@ -23,6 +25,7 @@ export function getPxValue(px) {
 }
 export function getValidScrollThreshold(height, clientHeight) {
   var scrollThreshold = ZERO;
+
   if (typeof height === 'string') {
     if (isPercentageWidth(height)) {
       scrollThreshold = getPercentageValue(height, clientHeight);
@@ -32,25 +35,32 @@ export function getValidScrollThreshold(height, clientHeight) {
   } else {
     scrollThreshold = height;
   }
+
   return scrollThreshold;
 }
+
 function getWidthByColumnsWidth(clientWidth, width, widthFlex) {
   if (width === undefined || widthFlex) {
     return NOT_SET;
   }
+
   if (typeof width === 'number') {
     return getValidWidthByNumber(width);
   }
+
   if (isPercentageWidth(width)) {
     return getPercentageValue(width, clientWidth);
   }
+
   if (isSpecificPxWidth(width)) {
     var specificNum = getPxValue(width);
     return getValidWidthByNumber(specificNum);
   }
+
   return NOT_SET;
-}
-// TODO: 添加单侧
+} // TODO: 添加单侧
+
+
 export function getColumnsWidthMap(columns, clientWidth, lastWidthMap // 容器宽度变化之后才会传入一个最新的map
 ) {
   var settedTotalWidth = ZERO;
@@ -60,55 +70,64 @@ export function getColumnsWidthMap(columns, clientWidth, lastWidthMap // 容器
   columns.forEach(function (item, index) {
     var key = index.toString();
     var widthFlex = item.widthFlex;
-    var width = getWidthByColumnsWidth(clientWidth, item.width, widthFlex);
-    // 首先判断是否是否是容器宽度的变化
+    var width = getWidthByColumnsWidth(clientWidth, item.width, widthFlex); // 首先判断是否是否是容器宽度的变化
+
     var isSpecific;
+
     if (widthFlex) {
       isSpecific = false;
     } else {
       var _lastWidthMap$get;
+
       isSpecific = lastWidthMap ? (_lastWidthMap$get = lastWidthMap.get(key)) === null || _lastWidthMap$get === void 0 ? void 0 : _lastWidthMap$get.isSpecific : isSpecificWidth(item.width);
     }
+
     if (lastWidthMap && isSpecific) {
       var _lastWidthMap$get2;
+
       width = (_lastWidthMap$get2 = lastWidthMap.get(key)) === null || _lastWidthMap$get2 === void 0 ? void 0 : _lastWidthMap$get2.width;
     }
+
     if (width === NOT_SET) {
       unsetWidthIndex.push(key);
     } else {
       settedTotalWidth += width;
     }
+
     widthMap.set(key, {
       width: width,
       isSpecific: isSpecific
     });
-  });
+  }); // 设定宽度大于容器宽度时
 
-  // 设定宽度大于容器宽度时
   if (settedTotalWidth < clientWidth) {
     unsetWidthIndex.map(function (item) {
       var _widthMap$get;
+
       return widthMap.set(item, {
         isSpecific: (_widthMap$get = widthMap.get(item)) === null || _widthMap$get === void 0 ? void 0 : _widthMap$get.isSpecific,
         width: COLUMN_MIN_WIDTH
       });
     });
-  }
+  } // 设定宽度小于容器宽度时
+
 
-  // 设定宽度小于容器宽度时
   if (unsetWidthIndex.length > ZERO) {
     var leftWidth = clientWidth - settedTotalWidth;
     var average = getValidWidthByNumber(leftWidth / unsetWidthIndex.length);
     unsetWidthIndex.map(function (item) {
       var _widthMap$get2;
+
       return widthMap.set(item, {
         isSpecific: (_widthMap$get2 = widthMap.get(item)) === null || _widthMap$get2 === void 0 ? void 0 : _widthMap$get2.isSpecific,
         width: average
       });
     });
   }
+
   columns.forEach(function (item, index) {
     var _widthMap$get3;
+
     var key = index.toString();
     var width = (_widthMap$get3 = widthMap.get(key)) === null || _widthMap$get3 === void 0 ? void 0 : _widthMap$get3.width;
     totalColumnWidth += width;