@dtjoy/dt-design 1.0.5 → 1.0.7

package/esm/table/InternalTable.js

@@ -0,0 +1,429 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+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(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+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(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+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(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import React from 'react';
+import { INTERNAL_HOOKS } from '@rc-component/table';
+import { convertChildrenToColumns } from '@rc-component/table/lib/hooks/useColumns';
+import { Pagination, Spin } from 'antd';
+import { ConfigContext } from 'antd/lib/config-provider';
+import defaultRenderEmpty from 'antd/lib/config-provider/defaultRenderEmpty';
+import SizeContext from 'antd/lib/config-provider/SizeContext';
+import useBreakpoint from 'antd/lib/grid/hooks/useBreakpoint';
+import defaultLocale from 'antd/lib/locale/en_US';
+import renderExpandIcon from 'antd/lib/table/ExpandIcon';
+import useFilter, { getFilterData } from 'antd/lib/table/hooks/useFilter';
+import useLazyKVMap from 'antd/lib/table/hooks/useLazyKVMap';
+import usePagination, { DEFAULT_PAGE_SIZE, getPaginationParam } from 'antd/lib/table/hooks/usePagination';
+import useSelection from 'antd/lib/table/hooks/useSelection';
+import useSorter, { getSortData } from 'antd/lib/table/hooks/useSorter';
+import useTitleColumns from 'antd/lib/table/hooks/useTitleColumns';
+import clsx from 'clsx';
+import { omit } from 'lodash-es';
+import "./style";
+import { useProxyImperativeHandle } from "../_util/hooks";
+import scrollTo from "../_util/scrollTo";
+import { devUseWarning } from "../_util/warning";
+import useContainerWidth from "./hooks/useContainerWidth";
+import RcTable from "./RcTable";
+import RcVirtualTable from "./RcTable/VirtualTable";
+var EMPTY_LIST = [];
+var InternalTable = function InternalTable(props, ref) {
+  var customizePrefixCls = props.prefixCls,
+    className = props.className,
+    style = props.style,
+    customizeSize = props.size,
+    bordered = props.bordered,
+    customizeDropdownPrefixCls = props.dropdownPrefixCls,
+    dataSource = props.dataSource,
+    pagination = props.pagination,
+    rowSelection = props.rowSelection,
+    _props$rowKey = props.rowKey,
+    rowKey = _props$rowKey === void 0 ? 'key' : _props$rowKey,
+    rowClassName = props.rowClassName,
+    columns = props.columns,
+    children = props.children,
+    legacyChildrenColumnName = props.childrenColumnName,
+    onChange = props.onChange,
+    getPopupContainer = props.getPopupContainer,
+    loading = props.loading,
+    expandIcon = props.expandIcon,
+    expandable = props.expandable,
+    expandedRowRender = props.expandedRowRender,
+    expandIconColumnIndex = props.expandIconColumnIndex,
+    indentSize = props.indentSize,
+    scroll = props.scroll,
+    sortDirections = props.sortDirections,
+    locale = props.locale,
+    _props$showSorterTool = props.showSorterTooltip,
+    showSorterTooltip = _props$showSorterTool === void 0 ? true : _props$showSorterTool,
+    virtual = props.virtual;
+  var warning = devUseWarning('Table');
+  warning(!(typeof rowKey === 'function' && rowKey.length > 1), 'usage', '`index` parameter of `rowKey` function is deprecated. There is no guarantee that it will work as expected.');
+  [['filterDropdownVisible', 'filterDropdownOpen'], ['onFilterDropdownVisibleChange', 'onFilterDropdownOpenChange']].forEach(function (_ref) {
+    var _ref2 = _slicedToArray(_ref, 2),
+      deprecatedName = _ref2[0],
+      newName = _ref2[1];
+    warning(!(deprecatedName in props), 'usage', "`".concat(deprecatedName, "` is deprecated which will be removed in next major version.Please use `").concat(newName, "` instead. "));
+  });
+  var baseColumns = React.useMemo(function () {
+    return columns || convertChildrenToColumns(children);
+  }, [columns, children]);
+  var needResponsive = React.useMemo(function () {
+    return baseColumns.some(function (col) {
+      return col.responsive;
+    });
+  }, [baseColumns]);
+  var screens = useBreakpoint(needResponsive);
+  var mergedColumns = React.useMemo(function () {
+    var matched = new Set(Object.keys(screens).filter(function (m) {
+      return screens[m];
+    }));
+    return baseColumns.filter(function (c) {
+      return !c.responsive || c.responsive.some(function (r) {
+        return matched.has(r);
+      });
+    });
+  }, [baseColumns, screens]);
+  var tableProps = omit(props, ['className', 'style', 'columns']);
+  var size = React.useContext(SizeContext);
+  var _React$useContext = React.useContext(ConfigContext),
+    _React$useContext$loc = _React$useContext.locale,
+    contextLocale = _React$useContext$loc === void 0 ? defaultLocale : _React$useContext$loc,
+    renderEmpty = _React$useContext.renderEmpty,
+    direction = _React$useContext.direction;
+  var mergedSize = customizeSize || size;
+  var tableLocale = _objectSpread(_objectSpread({}, contextLocale.Table), locale);
+  var rawData = dataSource || EMPTY_LIST;
+  var _React$useContext2 = React.useContext(ConfigContext),
+    getPrefixCls = _React$useContext2.getPrefixCls;
+  var prefixCls = getPrefixCls('table', customizePrefixCls);
+  var dropdownPrefixCls = getPrefixCls('dropdown', customizeDropdownPrefixCls);
+  var mergedExpandable = _objectSpread({
+    childrenColumnName: legacyChildrenColumnName,
+    expandIconColumnIndex: expandIconColumnIndex
+  }, expandable);
+  var _mergedExpandable$chi = mergedExpandable.childrenColumnName,
+    childrenColumnName = _mergedExpandable$chi === void 0 ? 'children' : _mergedExpandable$chi;
+  var expandType = React.useMemo(function () {
+    if (rawData.some(function (item) {
+      return item === null || item === void 0 ? void 0 : item[childrenColumnName];
+    })) {
+      return 'nest';
+    }
+    if (expandedRowRender || expandable && expandable.expandedRowRender) {
+      return 'row';
+    }
+    return null;
+  }, [rawData]);
+  var internalRefs = {
+    body: React.useRef(null)
+  };
+
+  // ============================ Width =============================
+  var getContainerWidth = useContainerWidth(prefixCls);
+
+  // ============================= Refs =============================
+  var rootRef = React.useRef(null);
+  var tblRef = React.useRef(null);
+  useProxyImperativeHandle(ref, function () {
+    return _objectSpread(_objectSpread({}, tblRef.current), {}, {
+      nativeElement: rootRef.current
+    });
+  });
+
+  // ========================== Render ==========================
+  var TableComponent = virtual ? RcVirtualTable : RcTable;
+
+  // ============================ RowKey ============================
+  var getRowKey = React.useMemo(function () {
+    if (typeof rowKey === 'function') {
+      return rowKey;
+    }
+    return function (record) {
+      return record === null || record === void 0 ? void 0 : record[rowKey];
+    };
+  }, [rowKey]);
+  var _useLazyKVMap = useLazyKVMap(rawData, childrenColumnName, getRowKey),
+    _useLazyKVMap2 = _slicedToArray(_useLazyKVMap, 1),
+    getRecordByKey = _useLazyKVMap2[0];
+
+  // ============================ Events =============================
+  var changeEventInfo = {};
+  var triggerOnChange = function triggerOnChange(info, action) {
+    var reset = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
+    var changeInfo = _objectSpread(_objectSpread({}, changeEventInfo), info);
+    if (reset) {
+      changeEventInfo.resetPagination();
+
+      // Reset event param
+      if (changeInfo.pagination.current) {
+        changeInfo.pagination.current = 1;
+      }
+
+      // Trigger pagination events
+      if (pagination && pagination.onChange) {
+        pagination.onChange(1, changeInfo.pagination.pageSize);
+      }
+    }
+    if (scroll && scroll.scrollToFirstRowOnChange !== false && internalRefs.body.current) {
+      scrollTo(0, {
+        getContainer: function getContainer() {
+          return internalRefs.body.current;
+        }
+      });
+    }
+    onChange === null || onChange === void 0 || onChange(changeInfo.pagination, changeInfo.filters, changeInfo.sorter, {
+      currentDataSource: getFilterData(getSortData(rawData, changeInfo.sorterStates, childrenColumnName), changeInfo.filterStates),
+      action: action
+    });
+  };
+
+  /**
+   * Controlled state in `columns` is not a good idea that makes too many code (1000+ line?) to read
+   * state out and then put it back to title render. Move these code into `hooks` but still too
+   * complex. We should provides Table props like `sorter` & `filter` to handle control in next big
+   * version.
+   */
+
+  // ============================ Sorter =============================
+  var onSorterChange = function onSorterChange(sorter, sorterStates) {
+    triggerOnChange({
+      sorter: sorter,
+      sorterStates: sorterStates
+    }, 'sort', false);
+  };
+  var _useSorter = useSorter({
+      prefixCls: prefixCls,
+      mergedColumns: mergedColumns,
+      onSorterChange: onSorterChange,
+      sortDirections: sortDirections || ['ascend', 'descend'],
+      tableLocale: tableLocale,
+      showSorterTooltip: showSorterTooltip
+    }),
+    _useSorter2 = _slicedToArray(_useSorter, 4),
+    transformSorterColumns = _useSorter2[0],
+    sortStates = _useSorter2[1],
+    sorterTitleProps = _useSorter2[2],
+    getSorters = _useSorter2[3];
+  var sortedData = React.useMemo(function () {
+    return getSortData(rawData, sortStates, childrenColumnName);
+  }, [rawData, sortStates]);
+  changeEventInfo.sorter = getSorters();
+  changeEventInfo.sorterStates = sortStates;
+
+  // ============================ Filter ============================
+  var onFilterChange = function onFilterChange(filters, filterStates) {
+    triggerOnChange({
+      filters: filters,
+      filterStates: filterStates
+    }, 'filter', true);
+  };
+  var _useFilter = useFilter({
+      prefixCls: prefixCls,
+      locale: tableLocale,
+      dropdownPrefixCls: dropdownPrefixCls,
+      mergedColumns: mergedColumns,
+      onFilterChange: onFilterChange,
+      getPopupContainer: getPopupContainer
+    }),
+    _useFilter2 = _slicedToArray(_useFilter, 3),
+    transformFilterColumns = _useFilter2[0],
+    filterStates = _useFilter2[1],
+    filters = _useFilter2[2];
+  var mergedData = getFilterData(sortedData, filterStates);
+  changeEventInfo.filters = filters;
+  changeEventInfo.filterStates = filterStates;
+
+  // ============================ Column ============================
+  var columnTitleProps = React.useMemo(function () {
+    var mergedFilters = {};
+    Object.keys(filters).forEach(function (filterKey) {
+      if (filters[filterKey] !== null) {
+        mergedFilters[filterKey] = filters[filterKey];
+      }
+    });
+    return _objectSpread(_objectSpread({}, sorterTitleProps), {}, {
+      filters: mergedFilters
+    });
+  }, [sorterTitleProps, filters]);
+  var _useTitleColumns = useTitleColumns(columnTitleProps),
+    _useTitleColumns2 = _slicedToArray(_useTitleColumns, 1),
+    transformTitleColumns = _useTitleColumns2[0];
+
+  // ========================== Pagination ==========================
+  var onPaginationChange = function onPaginationChange(current, pageSize) {
+    triggerOnChange({
+      pagination: _objectSpread(_objectSpread({}, changeEventInfo.pagination), {}, {
+        current: current,
+        pageSize: pageSize
+      })
+    }, 'paginate');
+  };
+  var _usePagination = usePagination(mergedData.length, pagination, onPaginationChange),
+    _usePagination2 = _slicedToArray(_usePagination, 2),
+    mergedPagination = _usePagination2[0],
+    resetPagination = _usePagination2[1];
+  changeEventInfo.pagination = pagination === false ? {} : getPaginationParam(pagination, mergedPagination);
+  changeEventInfo.resetPagination = resetPagination;
+
+  // ============================= Data =============================
+  var pageData = React.useMemo(function () {
+    if (pagination === false || !mergedPagination.pageSize) {
+      return mergedData;
+    }
+    var _mergedPagination$cur = mergedPagination.current,
+      current = _mergedPagination$cur === void 0 ? 1 : _mergedPagination$cur,
+      total = mergedPagination.total,
+      _mergedPagination$pag = mergedPagination.pageSize,
+      pageSize = _mergedPagination$pag === void 0 ? DEFAULT_PAGE_SIZE : _mergedPagination$pag;
+    warning(current > 0, 'usage', '`current` should be positive number.');
+
+    // Dynamic table data
+    if (mergedData.length < total) {
+      if (mergedData.length > pageSize) {
+        warning(false, 'usage', '`dataSource` length is less than `pagination.total` but large than `pagination.pageSize`. Please make sure your config correct data with async mode.');
+        return mergedData.slice((current - 1) * pageSize, current * pageSize);
+      }
+      return mergedData;
+    }
+    return mergedData.slice((current - 1) * pageSize, current * pageSize);
+  }, [!!pagination, mergedData, mergedPagination && mergedPagination.current, mergedPagination && mergedPagination.pageSize, mergedPagination && mergedPagination.total]);
+
+  // ========================== Selections ==========================
+  var _useSelection = useSelection(rowSelection, {
+      prefixCls: prefixCls,
+      data: mergedData,
+      pageData: pageData,
+      getRowKey: getRowKey,
+      getRecordByKey: getRecordByKey,
+      expandType: expandType,
+      childrenColumnName: childrenColumnName,
+      locale: tableLocale,
+      getPopupContainer: getPopupContainer
+    }),
+    _useSelection2 = _slicedToArray(_useSelection, 2),
+    transformSelectionColumns = _useSelection2[0],
+    selectedKeySet = _useSelection2[1];
+  var internalRowClassName = function internalRowClassName(record, index, indent) {
+    var mergedRowClassName;
+    if (typeof rowClassName === 'function') {
+      mergedRowClassName = clsx(rowClassName(record, index, indent));
+    } else {
+      mergedRowClassName = clsx(rowClassName);
+    }
+    return clsx(_defineProperty({}, "".concat(prefixCls, "-row-selected"), selectedKeySet.has(getRowKey(record, index))), mergedRowClassName);
+  };
+
+  // ========================== Expandable ==========================
+
+  // Pass origin render status into `rc-table`, this can be removed when refactor with `rc-table`
+  mergedExpandable.__PARENT_RENDER_ICON__ = mergedExpandable.expandIcon;
+
+  // Customize expandable icon
+  mergedExpandable.expandIcon = mergedExpandable.expandIcon || expandIcon || renderExpandIcon(tableLocale);
+
+  // Adjust expand icon index, no overwrite expandIconColumnIndex if set.
+  if (expandType === 'nest' && mergedExpandable.expandIconColumnIndex === undefined) {
+    mergedExpandable.expandIconColumnIndex = rowSelection ? 1 : 0;
+  } else if (mergedExpandable.expandIconColumnIndex > 0 && rowSelection) {
+    mergedExpandable.expandIconColumnIndex -= 1;
+  }
+
+  // Indent size
+  if (typeof mergedExpandable.indentSize !== 'number') {
+    mergedExpandable.indentSize = typeof indentSize === 'number' ? indentSize : 15;
+  }
+
+  // ============================ Render ============================
+  var transformColumns = React.useCallback(function (innerColumns) {
+    return transformTitleColumns(transformSelectionColumns(transformFilterColumns(transformSorterColumns(innerColumns))));
+  }, [transformSorterColumns, transformFilterColumns, transformSelectionColumns]);
+  var topPaginationNode;
+  var bottomPaginationNode;
+  if (pagination !== false && mergedPagination !== null && mergedPagination !== void 0 && mergedPagination.total) {
+    var paginationSize;
+    if (mergedPagination.size) {
+      paginationSize = mergedPagination.size;
+    } else {
+      paginationSize = mergedSize === 'small' || mergedSize === 'middle' ? 'small' : undefined;
+    }
+    var renderPagination = function renderPagination(position) {
+      return /*#__PURE__*/React.createElement(Pagination, _extends({}, mergedPagination, {
+        className: clsx("".concat(prefixCls, "-pagination ").concat(prefixCls, "-pagination-").concat(position), mergedPagination.className),
+        size: paginationSize
+      }));
+    };
+    var defaultPosition = direction === 'rtl' ? 'left' : 'right';
+    var position = mergedPagination.position;
+    if (position !== null && Array.isArray(position)) {
+      var topPos = position.find(function (p) {
+        return p.includes('top');
+      });
+      var bottomPos = position.find(function (p) {
+        return p.includes('bottom');
+      });
+      var isDisable = position.every(function (p) {
+        return "".concat(p) === 'none';
+      });
+      if (!topPos && !bottomPos && !isDisable) {
+        bottomPaginationNode = renderPagination(defaultPosition);
+      }
+      if (topPos) {
+        topPaginationNode = renderPagination(topPos.toLowerCase().replace('top', ''));
+      }
+      if (bottomPos) {
+        bottomPaginationNode = renderPagination(bottomPos.toLowerCase().replace('bottom', ''));
+      }
+    } else {
+      bottomPaginationNode = renderPagination(defaultPosition);
+    }
+  }
+
+  // >>>>>>>>> Spinning
+  var spinProps;
+  if (typeof loading === 'boolean') {
+    spinProps = {
+      spinning: loading
+    };
+  } else if (_typeof(loading) === 'object') {
+    spinProps = _objectSpread({
+      spinning: true
+    }, loading);
+  }
+  var wrapperClassNames = clsx("".concat(prefixCls, "-wrapper"), _defineProperty({}, "".concat(prefixCls, "-wrapper-rtl"), direction === 'rtl'), className);
+  return /*#__PURE__*/React.createElement("div", {
+    ref: rootRef,
+    className: wrapperClassNames,
+    style: style
+  }, /*#__PURE__*/React.createElement(Spin, _extends({
+    spinning: false
+  }, spinProps), topPaginationNode, /*#__PURE__*/React.createElement(TableComponent, _extends({}, tableProps, {
+    ref: tblRef,
+    columns: mergedColumns,
+    direction: direction,
+    expandable: mergedExpandable,
+    prefixCls: prefixCls,
+    className: clsx(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(prefixCls, "-middle"), mergedSize === 'middle'), "".concat(prefixCls, "-small"), mergedSize === 'small'), "".concat(prefixCls, "-bordered"), bordered), "".concat(prefixCls, "-empty"), rawData.length === 0)),
+    data: pageData,
+    rowKey: getRowKey,
+    rowClassName: internalRowClassName,
+    emptyText: locale && locale.emptyText || (renderEmpty || defaultRenderEmpty)('Table')
+    // Internal
+    ,
+    internalHooks: INTERNAL_HOOKS,
+    internalRefs: internalRefs,
+    transformColumns: transformColumns,
+    getContainerWidth: getContainerWidth
+  })), bottomPaginationNode));
+};
+export default /*#__PURE__*/React.forwardRef(InternalTable);

package/esm/table/RcTable/VirtualTable.js

@@ -0,0 +1,9 @@
+import { genVirtualTable } from '@rc-component/table';
+var RcVirtualTable = genVirtualTable(function (prev, next) {
+  var _ref = prev,
+    prevRenderTimes = _ref._renderTimes;
+  var _ref2 = next,
+    nextRenderTimes = _ref2._renderTimes;
+  return prevRenderTimes !== nextRenderTimes;
+});
+export default RcVirtualTable;

package/esm/table/RcTable/index.js

@@ -0,0 +1,9 @@
+import { genTable } from '@rc-component/table';
+var RcTable = genTable(function (prev, next) {
+  var _ref = prev,
+    prevRenderTimes = _ref._renderTimes;
+  var _ref2 = next,
+    nextRenderTimes = _ref2._renderTimes;
+  return prevRenderTimes !== nextRenderTimes;
+});
+export default RcTable;

package/esm/table/Table.js

@@ -0,0 +1,28 @@
+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); }
+import * as React from 'react';
+import { EXPAND_COLUMN, Summary } from '@rc-component/table';
+import Column from 'antd/lib/table/Column';
+import ColumnGroup from 'antd/lib/table/ColumnGroup';
+import { SELECTION_ALL, SELECTION_COLUMN, SELECTION_INVERT, SELECTION_NONE } from 'antd/lib/table/hooks/useSelection';
+import InternalTable from "./InternalTable";
+var Table = function Table(props, ref) {
+  var renderTimesRef = React.useRef(0);
+  renderTimesRef.current += 1;
+  return /*#__PURE__*/React.createElement(InternalTable, _extends({}, props, {
+    ref: ref,
+    _renderTimes: renderTimesRef.current
+  }));
+};
+var ForwardTable = /*#__PURE__*/React.forwardRef(Table);
+ForwardTable.SELECTION_COLUMN = SELECTION_COLUMN;
+ForwardTable.EXPAND_COLUMN = EXPAND_COLUMN;
+ForwardTable.SELECTION_ALL = SELECTION_ALL;
+ForwardTable.SELECTION_INVERT = SELECTION_INVERT;
+ForwardTable.SELECTION_NONE = SELECTION_NONE;
+ForwardTable.Column = Column;
+ForwardTable.ColumnGroup = ColumnGroup;
+ForwardTable.Summary = Summary;
+if (process.env.NODE_ENV !== 'production') {
+  ForwardTable.displayName = 'Table';
+}
+export default ForwardTable;

package/esm/table/TableMeasureRowContext.js

@@ -0,0 +1,3 @@
+import React from 'react';
+var TableMeasureRowContext = /*#__PURE__*/React.createContext(false);
+export default TableMeasureRowContext;

package/esm/table/hooks/useContainerWidth.js

@@ -0,0 +1,14 @@
+export default function useContainerWidth(prefixCls) {
+  var getContainerWidth = function getContainerWidth(ele, width) {
+    var container = ele.querySelector(".".concat(prefixCls, "-container"));
+    var returnWidth = width;
+    if (container) {
+      var style = getComputedStyle(container);
+      var borderLeft = Number.parseInt(style.borderLeftWidth, 10);
+      var borderRight = Number.parseInt(style.borderRightWidth, 10);
+      returnWidth = width - borderLeft - borderRight;
+    }
+    return returnWidth;
+  };
+  return getContainerWidth;
+}

package/esm/table/index.js

@@ -0,0 +1,2 @@
+import Table from "./Table";
+export default Table;

package/esm/table/interface.js

@@ -0,0 +1,4 @@
+var _TableActions = ['paginate', 'sort', 'filter'];
+
+// 非必要请勿导出
+export {};

package/esm/table/style/bordered.less

@@ -0,0 +1,141 @@
+@import '../../style/themes/index.less';
+
+@table-prefix-cls: ~'@{ant-prefix}-table';
+
+.@{table-prefix-cls}-wrapper {
+  .@{table-prefix-cls}.@{table-prefix-cls}-bordered {
+    // ============================ Title 标题 =============================
+    > .@{table-prefix-cls}-title {
+      border: @border-width-base @border-style-base @border-color-base;
+      border-bottom: 0;
+    }
+
+    // ============================ Content 内容容器 ============================
+    > .@{table-prefix-cls}-container {
+      border-left: @border-width-base @border-style-base @border-color-base;
+      border-top: @border-width-base @border-style-base @border-color-base;
+
+      > .@{table-prefix-cls}-content,
+      > .@{table-prefix-cls}-header,
+      > .@{table-prefix-cls}-body,
+      > .@{table-prefix-cls}-summary {
+        > table {
+          // ============================= Cell 单元格 =============================
+          > thead > tr > th,
+          > thead > tr > td,
+          > tbody > tr > th,
+          > tbody > tr > td,
+          > tfoot > tr > th,
+          > tfoot > tr > td {
+            border-right: @border-width-base @border-style-base @border-color-base;
+          }
+
+          // ============================ Header 表头 ============================
+          > thead {
+            > tr:not(:last-child) > th {
+              border-bottom: @border-width-base @border-style-base @border-color-base;
+            }
+
+            > tr > th::before {
+              background-color: transparent !important;
+            }
+          }
+
+          > thead > tr,
+          > tbody > tr,
+          > tfoot > tr {
+            > .@{table-prefix-cls}-cell-fix-right-first::after {
+              border-right: @border-width-base @border-style-base @border-color-base;
+            }
+          }
+
+          // ========================== Expandable 展开行 ==========================
+          > tbody > tr > th,
+          > tbody > tr > td {
+            > .@{table-prefix-cls}-expanded-row-fixed {
+              // margin: calc(-@table-cell-padding-vertical)
+              //     calc(-(@table-cell-padding-horizontal + @border-width-base));
+              &::after {
+                position: absolute;
+                top: 0;
+                right: @border-width-base;
+                bottom: 0;
+                border-right: @border-width-base @border-style-base @border-color-base;
+                content: '';
+              }
+            }
+          }
+        }
+      }
+    }
+
+    // ============================ Scroll 水平滚动 ============================
+    &.@{table-prefix-cls}-scroll-horizontal {
+      > .@{table-prefix-cls}-container > .@{table-prefix-cls}-body {
+        > table > tbody {
+          > tr.@{table-prefix-cls}-expanded-row,
+          > tr.@{table-prefix-cls}-placeholder {
+            > th,
+            > td {
+              border-right: 0;
+            }
+          }
+        }
+      }
+    }
+
+    // ============================ Size 尺寸样式（middle/small） ============================
+    &.@{table-prefix-cls}-middle {
+      > .@{table-prefix-cls}-container {
+        > .@{table-prefix-cls}-content,
+        > .@{table-prefix-cls}-body {
+          > table > tbody > tr > th,
+          > table > tbody > tr > td {
+            > .@{table-prefix-cls}-expanded-row-fixed {
+              // margin: calc(-@table-cell-padding-vertical-middle)
+              //     calc(-(@table-cell-padding-horizontal-middle + @border-width-base));
+            }
+          }
+        }
+      }
+    }
+
+    // small尺寸（对应原getSizeBorderStyle('small')）
+    &.@{table-prefix-cls}-small {
+      > .@{table-prefix-cls}-container {
+        > .@{table-prefix-cls}-content,
+        > .@{table-prefix-cls}-body {
+          > table > tbody > tr > th,
+          > table > tbody > tr > td {
+            > .@{table-prefix-cls}-expanded-row-fixed {
+              // margin: calc(-@table-cell-padding-vertical-small)
+              //     calc(-(@table-cell-padding-horizontal-small + @border-width-base));
+            }
+          }
+        }
+      }
+    }
+
+    // ============================ Footer 页脚 ============================
+    > .@{table-prefix-cls}-footer {
+      border: @border-width-base @border-style-base @border-color-base;
+      border-top: 0;
+    }
+  }
+
+  // ============================ Nested 嵌套表格 ============================
+  .@{table-prefix-cls}-cell {
+    > .@{table-prefix-cls}-container:first-child {
+      border-top: 0;
+    }
+
+    &-scrollbar:not([rowspan]) {
+      // box-shadow: 0 @border-width-base 0 @border-width-base @table-header-background;
+    }
+  }
+
+  // 边框表格滚动条右侧边框
+  .@{table-prefix-cls}-bordered .@{table-prefix-cls}-cell-scrollbar {
+    border-right: @border-width-base @border-style-base @border-color-base;
+  }
+}