tdesign-react 0.19.0 → 0.20.2

package/esm/table/base/Table.js

@@ -1,17 +1,17 @@
 /**
- * tdesign v0.19.0
+ * tdesign v0.20.2
  * (c) 2021 tdesign
  * @license MIT
  */
 
-import { _ as _defineProperty } from '../../_chunks/dep-53c6c586.js';
-import { _ as _slicedToArray } from '../../_chunks/dep-fff59b5a.js';
+import { _ as _defineProperty } from '../../_chunks/dep-2e97cc0d.js';
+import { _ as _slicedToArray } from '../../_chunks/dep-85854991.js';
 import React__default, { useState, useMemo, useRef, useLayoutEffect } from 'react';
 import classNames from 'classnames';
-import '../../_chunks/dep-2e526f70.js';
-import { d as debounce_1 } from '../../_chunks/dep-fdd8aa18.js';
-import { i as isObject_1 } from '../../_chunks/dep-ef50bc46.js';
-import '../../_chunks/dep-97ee645c.js';
+import '../../_chunks/dep-00ccaf0c.js';
+import { d as debounce_1 } from '../../_chunks/dep-ae5406c0.js';
+import { i as isObject_1 } from '../../_chunks/dep-9f3a6dc7.js';
+import '../../_chunks/dep-2544ac60.js';
 import useUpdateEffect from '../../_util/useUpdateEffect.js';
 import useConfig from '../../_util/useConfig.js';
 import { Pagination } from '../../pagination/index.js';
@@ -26,12 +26,12 @@ import { TableContextProvider } from './TableContext.js';
 import { TableColGroup } from './TableColGroup.js';
 import TableFooter from './TableFooter.js';
 import { Loading } from '../../loading/index.js';
-import '../../_chunks/dep-4c3606c3.js';
-import '../../_chunks/dep-b6fbc66d.js';
-import '../../_chunks/dep-601473bd.js';
-import '../../_chunks/dep-3d46050a.js';
-import '../../_chunks/dep-ddf2ed34.js';
-import '../../_chunks/dep-7d91d695.js';
+import '../../_chunks/dep-38c06164.js';
+import '../../_chunks/dep-88b40b60.js';
+import '../../_chunks/dep-759bc4af.js';
+import '../../_chunks/dep-8898577f.js';
+import '../../_chunks/dep-1567c5ea.js';
+import '../../_chunks/dep-c5dffd03.js';
 import '../../config-provider/ConfigContext.js';
 import '../../locale/zh_CN.js';
 import '../../pagination/Pagination.js';
@@ -40,27 +40,27 @@ import '../../_util/noop.js';
 import '../../_util/useDefault.js';
 import '../../select/index.js';
 import '../../select/base/Select.js';
-import '../../_chunks/dep-f749a2c9.js';
-import '../../_chunks/dep-3cf2dbce.js';
-import '../../_chunks/dep-6ff255a8.js';
-import '../../_chunks/dep-364c042d.js';
-import '../../_chunks/dep-6b2b86ea.js';
-import '../../_chunks/dep-940f6c04.js';
-import '../../_chunks/dep-1fc210cf.js';
-import '../../_chunks/dep-c8fef1c7.js';
-import '../../_chunks/dep-3b0ab3bc.js';
-import '../../_chunks/dep-615797a6.js';
+import '../../_chunks/dep-da5d1ac4.js';
+import '../../_chunks/dep-a02cc97f.js';
+import '../../_chunks/dep-1ba197d7.js';
+import '../../_chunks/dep-cc2481d3.js';
+import '../../_chunks/dep-964eef6f.js';
+import '../../_chunks/dep-e3057b1a.js';
+import '../../_chunks/dep-8aba3ccb.js';
+import '../../_chunks/dep-3c01d153.js';
+import '../../_chunks/dep-ec30068f.js';
+import '../../_chunks/dep-14d83b52.js';
+import 'lodash';
 import '../../locale/LocalReceiver.js';
 import '../../config-provider/index.js';
 import '../../config-provider/ConfigProvider.js';
-import '../../_chunks/dep-b3d60655.js';
+import '../../_chunks/dep-3d9b45dc.js';
 import '../../_util/composeRefs.js';
 import '../../_util/useDefaultValue.js';
 import '../../_util/forwardRefWithStatics.js';
 import 'hoist-non-react-statics';
 import '../../select/util/helper.js';
-import '../../_chunks/dep-f405fda4.js';
-import 'lodash';
+import '../../_chunks/dep-0ab6329f.js';
 import '../../select/base/OptionGroup.js';
 import '../../common/FakeArrow.js';
 import '../../input/index.js';
@@ -70,12 +70,14 @@ import '../../input/style/index.js';
 import '../../input/type.js';
 import '../../popup/index.js';
 import '../../popup/Popup.js';
+import 'react-transition-group';
 import 'react-popper';
 import '../../_util/usePrevious.js';
 import '../../popup/Portal.js';
 import 'react-dom';
-import '../../popup/useTriggerProps.js';
+import '../../popup/hooks/useTriggerProps.js';
 import '../../_util/useClickOutside.js';
+import '../../popup/hooks/usePopupCssTransition.js';
 import '../../popup/style/index.js';
 import '../../popup/type.js';
 import '../../tag/index.js';
@@ -84,7 +86,7 @@ import '../../tag/CheckTag.js';
 import '../../tag/style/index.js';
 import '../../tag/type.js';
 import '../../select/base/Option.js';
-import '../../_chunks/dep-a3d3d11d.js';
+import '../../_chunks/dep-447acf5a.js';
 import '../../_util/useRipple.js';
 import '../../_util/setStyle.js';
 import '../../select/base/PopupContent.js';
@@ -95,8 +97,10 @@ import '../../_util/dom.js';
 import 'raf';
 import '../../_util/easing.js';
 import '../../common/Portal.js';
+import '../../loading/gradient.js';
 import '../../loading/style/index.js';
 import '../../loading/type.js';
+import '../../loading/plugin.js';
 import '../../pagination/validators.js';
 import '../../pagination/style/index.js';
 import '../../pagination/type.js';
@@ -175,9 +179,9 @@ function throttle(func, wait, options) {
 
 var throttle_1 = throttle;
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+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 BaseTable(props) {
   var _classNames, _classNames2;
 
@@ -204,8 +208,6 @@ function BaseTable(props) {
       data = _props$data === void 0 ? [] : _props$data,
       pagination = props.pagination,
       onPageChange = props.onPageChange,
-      onTrClick = props.onTrClick,
-      renderExpandRow = props.renderExpandRow,
       onScrollX = props.onScrollX,
       onScrollY = props.onScrollY,
       asyncLoading = props.asyncLoading;
@@ -329,17 +331,13 @@ function BaseTable(props) {
       return isEmpty ? /* @__PURE__ */React__default.createElement(TableFooter, null, /* @__PURE__ */React__default.createElement(TableEmptyBody, {
         empty: null
       })) : /* @__PURE__ */React__default.createElement(TableBody, _objectSpread(_objectSpread({}, props), {}, {
-        data: pageData,
-        onTrClick: onTrClick,
-        renderExpandRow: renderExpandRow
+        data: pageData
       }));
     }
 
     if (!!asyncLoading) {
       return /* @__PURE__ */React__default.createElement(React__default.Fragment, null, /* @__PURE__ */React__default.createElement(TableBody, _objectSpread(_objectSpread({}, props), {}, {
-        data: pageData,
-        onTrClick: onTrClick,
-        renderExpandRow: renderExpandRow
+        data: pageData
       })), /* @__PURE__ */React__default.createElement(TableFooter, {
         colspan: columns.length
       }, /* @__PURE__ */React__default.createElement(TableEmptyBody$1, _objectSpread({}, props))));
@@ -352,9 +350,7 @@ function BaseTable(props) {
     }
 
     return /* @__PURE__ */React__default.createElement(TableBody, _objectSpread(_objectSpread({}, props), {}, {
-      data: pageData,
-      onTrClick: onTrClick,
-      renderExpandRow: renderExpandRow
+      data: pageData
     }));
   }
 
@@ -362,7 +358,7 @@ function BaseTable(props) {
 
   if (hasPagination) {
     paginationNode = /* @__PURE__ */React__default.createElement("div", {
-      className: "".concat(classPrefix, "-table-pagination")
+      className: "".concat(classPrefix, "-table__pagination")
     }, /* @__PURE__ */React__default.createElement(Pagination, _objectSpread(_objectSpread({}, pagination), {}, {
       current: innerCurrent,
       pageSize: innerPageSize,
@@ -449,7 +445,7 @@ function BaseTable(props) {
     var _e$target = e.target,
         scrollLeft = _e$target.scrollLeft,
         scrollTop = _e$target.scrollTop;
-    throttle_1(function () {
+    var scrollFn = throttle_1(function () {
       checkScrollableToLeftOrRight();
       var direction = getScrollDirection(scrollLeft, scrollTop);
 
@@ -461,10 +457,11 @@ function BaseTable(props) {
         scrollListenerFn === null || scrollListenerFn === void 0 ? void 0 : scrollListenerFn(scrollParams);
       }
     }, duration);
+    scrollFn();
   }
 
   return /* @__PURE__ */React__default.createElement("div", {
-    className: classNames("".concat(classPrefix, "-table"), (_classNames = {}, _defineProperty(_classNames, "".concat(classPrefix, "-table--striped"), stripe), _defineProperty(_classNames, "".concat(classPrefix, "-table--bordered"), bordered), _defineProperty(_classNames, "".concat(classPrefix, "-size-l"), size === "large"), _defineProperty(_classNames, "".concat(classPrefix, "-size-s"), size === "small"), _defineProperty(_classNames, "".concat(classPrefix, "-table--hoverable"), hover), _defineProperty(_classNames, "".concat(classPrefix, "-table-valign__").concat(verticalAlign), verticalAlign), _defineProperty(_classNames, "".concat(classPrefix, "-table__header--fixed"), fixedHeader), _defineProperty(_classNames, "".concat(classPrefix, "-table__cell--fixed ").concat(classPrefix, "-table--has-fixed"), hasFixedColumns), _classNames))
+    className: classNames("".concat(classPrefix, "-table"), (_classNames = {}, _defineProperty(_classNames, "".concat(classPrefix, "-table--striped"), stripe), _defineProperty(_classNames, "".concat(classPrefix, "-table--bordered"), bordered), _defineProperty(_classNames, "".concat(classPrefix, "-size-l"), size === "large"), _defineProperty(_classNames, "".concat(classPrefix, "-size-s"), size === "small"), _defineProperty(_classNames, "".concat(classPrefix, "-table--hoverable"), hover), _defineProperty(_classNames, "".concat(classPrefix, "-table--align-").concat(verticalAlign), verticalAlign), _defineProperty(_classNames, "".concat(classPrefix, "-table__header--fixed"), fixedHeader), _defineProperty(_classNames, "".concat(classPrefix, "-table__cell--fixed ").concat(classPrefix, "-table--has-fixed"), hasFixedColumns), _classNames))
   }, /* @__PURE__ */React__default.createElement(TableContextProvider, {
     value: table
   }, /* @__PURE__ */React__default.createElement(Loading, {
@@ -474,7 +471,7 @@ function BaseTable(props) {
     text: typeof loading !== "boolean" ? /* @__PURE__ */React__default.createElement(TableLoadingBody, _objectSpread({}, props)) : null
   }, /* @__PURE__ */React__default.createElement("div", _objectSpread({
     ref: tableContentRef,
-    className: classNames("".concat(classPrefix, "-table-content"), (_classNames2 = {}, _defineProperty(_classNames2, "".concat(classPrefix, "-table-content--scrollable-to-right"), scrollableToRight), _defineProperty(_classNames2, "".concat(classPrefix, "-table-content--scrollable-to-left"), scrollableToLeft), _classNames2)),
+    className: classNames("".concat(classPrefix, "-table__content"), (_classNames2 = {}, _defineProperty(_classNames2, "".concat(classPrefix, "-table__content--scrollable-to-right"), scrollableToRight), _defineProperty(_classNames2, "".concat(classPrefix, "-table__content--scrollable-to-left"), scrollableToLeft), _classNames2)),
     style: {
       overflow: "auto"
     }

package/esm/table/base/Table.js.map

@@ -1 +1 @@
-{"version":3,"file":"Table.js","sources":["../../../node_modules/lodash/throttle.js","../../../src/table/base/Table.tsx"],"sourcesContent":["var debounce = require('./debounce'),\n    isObject = require('./isObject');\n\n/** Error message constants. */\nvar FUNC_ERROR_TEXT = 'Expected a function';\n\n/**\n * Creates a throttled function that only invokes `func` at most once per\n * every `wait` milliseconds. The throttled function comes with a `cancel`\n * method to cancel delayed `func` invocations and a `flush` method to\n * immediately invoke them. Provide `options` to indicate whether `func`\n * should be invoked on the leading and/or trailing edge of the `wait`\n * timeout. The `func` is invoked with the last arguments provided to the\n * throttled function. Subsequent calls to the throttled function return the\n * result of the last `func` invocation.\n *\n * **Note:** If `leading` and `trailing` options are `true`, `func` is\n * invoked on the trailing edge of the timeout only if the throttled function\n * is invoked more than once during the `wait` timeout.\n *\n * If `wait` is `0` and `leading` is `false`, `func` invocation is deferred\n * until to the next tick, similar to `setTimeout` with a timeout of `0`.\n *\n * See [David Corbacho's article](https://css-tricks.com/debouncing-throttling-explained-examples/)\n * for details over the differences between `_.throttle` and `_.debounce`.\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @category Function\n * @param {Function} func The function to throttle.\n * @param {number} [wait=0] The number of milliseconds to throttle invocations to.\n * @param {Object} [options={}] The options object.\n * @param {boolean} [options.leading=true]\n *  Specify invoking on the leading edge of the timeout.\n * @param {boolean} [options.trailing=true]\n *  Specify invoking on the trailing edge of the timeout.\n * @returns {Function} Returns the new throttled function.\n * @example\n *\n * // Avoid excessively updating the position while scrolling.\n * jQuery(window).on('scroll', _.throttle(updatePosition, 100));\n *\n * // Invoke `renewToken` when the click event is fired, but not more than once every 5 minutes.\n * var throttled = _.throttle(renewToken, 300000, { 'trailing': false });\n * jQuery(element).on('click', throttled);\n *\n * // Cancel the trailing throttled invocation.\n * jQuery(window).on('popstate', throttled.cancel);\n */\nfunction throttle(func, wait, options) {\n  var leading = true,\n      trailing = true;\n\n  if (typeof func != 'function') {\n    throw new TypeError(FUNC_ERROR_TEXT);\n  }\n  if (isObject(options)) {\n    leading = 'leading' in options ? !!options.leading : leading;\n    trailing = 'trailing' in options ? !!options.trailing : trailing;\n  }\n  return debounce(func, wait, {\n    'leading': leading,\n    'maxWait': wait,\n    'trailing': trailing\n  });\n}\n\nmodule.exports = throttle;\n","import React, { useMemo, useState, ReactNode, useLayoutEffect, useRef } from 'react';\nimport classNames from 'classnames';\nimport throttle from 'lodash/throttle';\nimport debounce from 'lodash/debounce';\nimport useUpdateEffect from '../../_util/useUpdateEffect';\nimport useConfig from '../../_util/useConfig';\nimport { DataType, TdPrimaryTableProps } from '../type';\nimport Pagination, { PageInfo } from '../../pagination';\nimport { useColumns } from '../hooks/useColumns';\nimport { getScrollDirection, ScrollDirection } from '../util';\nimport TableEmptyBody from './TableEmptyBody';\nimport TableHeader from './TableHeader';\nimport TableBody from './TableBody';\nimport TableLoadingBody from './TableLoadingBody';\nimport TableAsyncLoadingBody from './TableAsyncLoadingBody';\n\nimport { TableContextProvider } from './TableContext';\nimport { TableColGroup } from './TableColGroup';\nimport TableFooter from './TableFooter';\nimport Loading from '../../loading';\n\nexport interface ExpandProps {\n  onTrClick?: Function;\n  renderExpandRow?: Function;\n}\n\nexport type BaseTableProps<RowData extends DataType = DataType> = TdPrimaryTableProps<RowData>;\n\nexport default function BaseTable<D extends DataType = DataType>(props: BaseTableProps<D> & ExpandProps) {\n  const { classPrefix } = useConfig();\n\n  const {\n    bordered = false,\n    stripe = false,\n    hover = false,\n    tableLayout = 'fixed',\n    verticalAlign = 'center',\n    size = 'medium',\n    maxHeight,\n    height,\n    loading,\n    empty,\n    data = [],\n    pagination,\n    onPageChange,\n    onTrClick,\n    renderExpandRow,\n    onScrollX,\n    onScrollY,\n    asyncLoading,\n  } = props;\n\n  const [columns, flattenColumns] = useColumns(props);\n\n  // ==================== 固定表头、固定列 ====================\n  const [scrollBarWidth, setScrollBarWidth] = useState(0);\n  const fixedHeader = height > 0 || maxHeight > 0;\n  const table = useMemo(() => ({ fixedHeader, flattenColumns }), [fixedHeader, flattenColumns]);\n  const hasFixedColumns = columns.some(({ fixed }) => ['left', 'right'].includes(fixed));\n  const scrollHeaderRef = useRef<HTMLDivElement>();\n  const scrollBodyRef = useRef<HTMLDivElement>();\n  const tableContentRef = useRef<HTMLDivElement>();\n  const [scrollableToLeft, setScrollableToLeft] = useState(false);\n  const [scrollableToRight, setScrollableToRight] = useState(false);\n\n  useLayoutEffect(() => {\n    if (fixedHeader) {\n      setStateScrollBarWidth();\n    }\n\n    let checkScrollableToLeftOrRightDebounce: EventListenerOrEventListenerObject | undefined;\n    if (hasFixedColumns) {\n      checkScrollableToLeftOrRight();\n      checkScrollableToLeftOrRightDebounce = debounce(checkScrollableToLeftOrRight);\n      window.addEventListener('resize', checkScrollableToLeftOrRightDebounce);\n    }\n\n    return () => {\n      if (hasFixedColumns) {\n        window.removeEventListener('resize', checkScrollableToLeftOrRightDebounce);\n      }\n    };\n  }, [fixedHeader, hasFixedColumns]); // eslint-disable-line react-hooks/exhaustive-deps\n\n  // ==================== 翻页 ====================\n  let hasPagination = false;\n  const [innerCurrent, setInnerCurrentPagination] = useState<number>(\n    pagination?.current || pagination?.defaultCurrent || 1,\n  );\n  const [innerPageSize, setInnerPageSize] = useState<number>(pagination?.pageSize || pagination?.defaultPageSize || 10);\n  const isControlledPagination =\n    typeof pagination?.current !== 'undefined' && typeof pagination?.pageSize !== 'undefined';\n\n  useUpdateEffect(() => {\n    if (isControlledPagination) {\n      setInnerCurrentPagination(pagination?.current);\n      setInnerPageSize(pagination?.pageSize);\n    }\n  }, [pagination]);\n\n  const onPageSizeChange = (pageSize: number, pageInfo: PageInfo) => {\n    pagination?.onPageSizeChange?.(pageSize, pageInfo);\n  };\n\n  if (pagination) {\n    const { total, showJumper } = pagination;\n    hasPagination = total > innerPageSize || (showJumper && total <= innerPageSize);\n  }\n\n  const onInnerPaginationChange = (pageInfo: PageInfo) => {\n    const { current, pageSize } = pageInfo;\n\n    const newDataSource = data.slice((current - 1) * pageSize, current * pageSize);\n    onPageChange?.(pageInfo, newDataSource);\n    // 处理pagination参数的事件回调\n    pagination?.onChange?.(pageInfo);\n\n    if (!isControlledPagination) {\n      setInnerCurrentPagination(current);\n      setInnerPageSize(pageSize);\n    }\n  };\n\n  // ==================== 数据 ====================\n  const pageData = useMemo(() => {\n    if (!hasPagination) return data;\n    if (data.length > innerPageSize) {\n      const pageStart = (innerCurrent - 1) * innerPageSize;\n      const pageEnd = innerCurrent * innerPageSize;\n      return data.slice(pageStart, pageEnd);\n    }\n    return data;\n  }, [data, innerPageSize, hasPagination, innerCurrent]);\n\n  // ==================== render ====================\n  const isEmpty = !data.length;\n  function renderTableBodyAndTableFooter() {\n    // eslint-disable-next-line\n    if (!!loading) {\n      return isEmpty ? (\n        <TableFooter>\n          <TableEmptyBody empty={null} />\n        </TableFooter>\n      ) : (\n        <TableBody {...props} data={pageData} onTrClick={onTrClick} renderExpandRow={renderExpandRow} />\n      );\n    }\n    // eslint-disable-next-line\n    if (!!asyncLoading) {\n      return (\n        <>\n          <TableBody {...props} data={pageData} onTrClick={onTrClick} renderExpandRow={renderExpandRow} />\n          <TableFooter colspan={columns.length}>\n            <TableAsyncLoadingBody {...props} />\n          </TableFooter>\n        </>\n      );\n    }\n    if (isEmpty) {\n      return (\n        <TableFooter>\n          <TableEmptyBody empty={empty} />\n        </TableFooter>\n      );\n    }\n\n    return <TableBody {...props} data={pageData} onTrClick={onTrClick} renderExpandRow={renderExpandRow} />;\n  }\n\n  let paginationNode: ReactNode;\n\n  if (hasPagination) {\n    paginationNode = (\n      <div className={`${classPrefix}-table-pagination`}>\n        <Pagination\n          {...pagination}\n          current={innerCurrent}\n          pageSize={innerPageSize}\n          onChange={onInnerPaginationChange}\n          onPageSizeChange={onPageSizeChange}\n        />\n      </div>\n    );\n  }\n\n  function setStateScrollBarWidth() {\n    const scrollDiv = document.createElement('div');\n    scrollDiv.style.cssText = `\n      width: 99px;\n      height: 99px;\n      overflow: scroll;\n      position: absolute;\n      top: -9999px;`;\n    scrollDiv.classList.add('scrollbar');\n    document.body.appendChild(scrollDiv);\n    const scrollBarWidth = scrollDiv.offsetWidth - scrollDiv.clientWidth;\n    setScrollBarWidth(scrollBarWidth);\n    document.body.removeChild(scrollDiv);\n  }\n\n  function getTable(params?: { enableHeader?: boolean; enableBody?: boolean }): ReactNode {\n    const { enableHeader = true, enableBody = true } = params || {};\n    return (\n      <table style={{ tableLayout, height: '100%' }}>\n        <TableColGroup columns={columns} />\n        {enableHeader ? <TableHeader<D> columns={columns} /> : null}\n        {enableBody ? renderTableBodyAndTableFooter() : null}\n      </table>\n    );\n  }\n\n  function getTableWithFixedHeader(): ReactNode {\n    const fixedHeaderRN = (\n      <div ref={scrollHeaderRef} className={`${classPrefix}-table__header`} style={{ paddingRight: scrollBarWidth }}>\n        {getTable({ enableBody: false })}\n      </div>\n    );\n\n    const onScroll = (e) => {\n      const { scrollLeft } = e.target;\n      scrollHeaderRef.current.scrollLeft = scrollLeft;\n      handleScroll(e, 10);\n    };\n\n    const fixedBodyRN = (\n      <div\n        ref={scrollBodyRef}\n        className={`${classPrefix}-table__body`}\n        style={{\n          height: isNaN(Number(height)) ? height : `${Number(height)}px`,\n          maxHeight: isNaN(Number(maxHeight)) ? maxHeight : `${Number(maxHeight)}px`,\n          width: hasFixedColumns ? '100%' : undefined,\n        }}\n        {...(hasFixedColumns ? { onScroll } : {})}\n      >\n        {getTable({ enableHeader: false })}\n      </div>\n    );\n\n    return (\n      <>\n        {fixedHeaderRN}\n        {fixedBodyRN}\n      </>\n    );\n  }\n\n  function checkScrollableToLeftOrRight() {\n    const scrollContainer = fixedHeader ? scrollBodyRef.current : tableContentRef.current;\n    const { scrollLeft, scrollWidth, clientWidth } = scrollContainer;\n    const scrollableToLeft = scrollLeft > 0;\n    setScrollableToLeft(scrollableToLeft);\n    const scrollableToRight = scrollLeft + clientWidth < scrollWidth;\n    setScrollableToRight(scrollableToRight);\n  }\n  function handleScroll(e, duration = 100) {\n    const { scrollLeft, scrollTop } = e.target;\n\n    throttle(() => {\n      checkScrollableToLeftOrRight();\n      const direction = getScrollDirection(scrollLeft, scrollTop);\n      if (direction !== ScrollDirection.UNKNOWN) {\n        const scrollListenerFn = direction === ScrollDirection.X ? onScrollX : onScrollY;\n        const scrollParams = { e };\n        scrollListenerFn?.(scrollParams);\n      }\n    }, duration);\n  }\n\n  return (\n    <div\n      className={classNames(`${classPrefix}-table`, {\n        [`${classPrefix}-table--striped`]: stripe,\n        [`${classPrefix}-table--bordered`]: bordered,\n        [`${classPrefix}-size-l`]: size === 'large',\n        [`${classPrefix}-size-s`]: size === 'small',\n        [`${classPrefix}-table--hoverable`]: hover,\n        [`${classPrefix}-table-valign__${verticalAlign}`]: verticalAlign,\n        [`${classPrefix}-table__header--fixed`]: fixedHeader,\n        [`${classPrefix}-table__cell--fixed ${classPrefix}-table--has-fixed`]: hasFixedColumns,\n      })}\n    >\n      <TableContextProvider value={table}>\n        <Loading\n          loading={!!loading}\n          showOverlay\n          indicator={loading === true}\n          text={typeof loading !== 'boolean' ? <TableLoadingBody {...props} /> : null}\n        >\n          <div\n            ref={tableContentRef}\n            className={classNames(`${classPrefix}-table-content`, {\n              [`${classPrefix}-table-content--scrollable-to-right`]: scrollableToRight,\n              [`${classPrefix}-table-content--scrollable-to-left`]: scrollableToLeft,\n            })}\n            style={{ overflow: 'auto' }}\n            {...(hasFixedColumns ? { onScroll: handleScroll } : {})}\n          >\n            {!fixedHeader ? getTable() : getTableWithFixedHeader()}\n          </div>\n        </Loading>\n        {hasPagination && paginationNode}\n      </TableContextProvider>\n    </div>\n  );\n}\n"],"names":["debounce","require$$0","isObject","require$$1","FUNC_ERROR_TEXT","throttle","func","wait","options","leading","trailing","TypeError","throttle_1","props","useConfig","classPrefix","bordered","stripe","hover","tableLayout","verticalAlign","size","maxHeight","height","loading","empty","data","pagination","onPageChange","onTrClick","renderExpandRow","onScrollX","onScrollY","asyncLoading","useColumns","columns","flattenColumns","useState","scrollBarWidth","setScrollBarWidth","fixedHeader","table","useMemo","hasFixedColumns","some","fixed","includes","scrollHeaderRef","useRef","scrollBodyRef","tableContentRef","scrollableToLeft","setScrollableToLeft","scrollableToRight","setScrollableToRight","checkScrollableToLeftOrRightDebounce","checkScrollableToLeftOrRight","addEventListener","removeEventListener","hasPagination","current","defaultCurrent","innerCurrent","setInnerCurrentPagination","pageSize","defaultPageSize","innerPageSize","setInnerPageSize","isControlledPagination","onPageSizeChange","pageInfo","total","showJumper","onInnerPaginationChange","newDataSource","slice","onChange","pageData","length","pageStart","pageEnd","isEmpty","TableFooter","TableEmptyBody","TableBody","colspan","TableAsyncLoadingBody","paginationNode","className","Pagination","scrollDiv","document","createElement","style","cssText","classList","add","body","appendChild","scrollBarWidth2","offsetWidth","clientWidth","removeChild","params","enableHeader","enableBody","TableColGroup","TableHeader","renderTableBodyAndTableFooter","fixedHeaderRN","ref","paddingRight","getTable","onScroll","e","scrollLeft","target","fixedBodyRN","isNaN","Number","width","scrollContainer","scrollWidth","scrollableToLeft2","scrollableToRight2","duration","scrollTop","direction","getScrollDirection","ScrollDirection","UNKNOWN","scrollListenerFn","X","scrollParams","classNames","TableContextProvider","value","Loading","showOverlay","indicator","text","TableLoadingBody","overflow","handleScroll","getTableWithFixedHeader"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAIA,QAAQ,GAAGC,UAAf;AAAA,IACIC,QAAQ,GAAGC,UADf;AAGA;;AACA,IAAIC,eAAe,GAAG,qBAAtB;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AACA,SAASC,QAAT,CAAkBC,IAAlB,EAAwBC,IAAxB,EAA8BC,OAA9B,EAAuC;AACrC,MAAIC,OAAO,GAAG,IAAd;AAAA,MACIC,QAAQ,GAAG,IADf;;AAGA,MAAI,OAAOJ,IAAP,IAAe,UAAnB,EAA+B;AAC7B,UAAM,IAAIK,SAAJ,CAAcP,eAAd,CAAN;AACD;;AACD,MAAIF,QAAQ,CAACM,OAAD,CAAZ,EAAuB;AACrBC,IAAAA,OAAO,GAAG,aAAaD,OAAb,GAAuB,CAAC,CAACA,OAAO,CAACC,OAAjC,GAA2CA,OAArD;AACAC,IAAAA,QAAQ,GAAG,cAAcF,OAAd,GAAwB,CAAC,CAACA,OAAO,CAACE,QAAlC,GAA6CA,QAAxD;AACD;;AACD,SAAOV,QAAQ,CAACM,IAAD,EAAOC,IAAP,EAAa;AAC1B,eAAWE,OADe;AAE1B,eAAWF,IAFe;AAG1B,gBAAYG;AAHc,GAAb,CAAf;AAKD;;IAEDE,UAAc,GAAGP;;;;;mBCxCgDQ,OAAwC;AAAA;;mBAC/EC;MAAhBC,yBAAAA;;wBAqBJF,MAlBFG;MAAAA,wCAAW;sBAkBTH,MAjBFI;MAAAA,oCAAS;qBAiBPJ,MAhBFK;MAAAA,kCAAQ;2BAgBNL,MAfFM;MAAAA,8CAAc;6BAeZN,MAdFO;MAAAA,kDAAgB;oBAcdP,MAbFQ;MAAAA,gCAAO;MACPC,YAYET,MAZFS;MACAC,SAWEV,MAXFU;MACAC,UAUEX,MAVFW;MACAC,QASEZ,MATFY;oBASEZ,MARFa;MAAAA,gCAAO;MACPC,aAOEd,MAPFc;MACAC,eAMEf,MANFe;MACAC,YAKEhB,MALFgB;MACAC,kBAIEjB,MAJFiB;MACAC,YAGElB,MAHFkB;MACAC,YAEEnB,MAFFmB;MACAC,eACEpB,MADFoB;;oBAGgCC,WAAWrB;;MAAtCsB;MAASC;;kBAG4BC,SAAS;;MAA9CC;MAAgBC;;MACjBC,cAAcjB,SAAS,CAAT,IAAcD,YAAY;MACxCmB,QAAQC,QAAQ;AAAA;AAASF,MAAAA,aAAAA;AAAaJ,MAAAA,gBAAAA;KAAtB;AAAA,KAAyC,CAACI,WAAD,EAAcJ,cAAd;MACzDO,kBAAkBR,QAAQS,IAAR,CAAa;AAAA,QAAGC,KAAH,QAAGA,KAAH;AAAA,WAAe,CAAC,MAAD,EAAS,OAAT,EAAkBC,QAAlB,CAA2BD,KAA3B,CAAf;AAAA,GAAb;MAClBE,kBAAkBC;MAClBC,gBAAgBD;MAChBE,kBAAkBF;;mBACwBX,SAAS;;MAAlDc;MAAkBC;;mBACyBf,SAAS;;MAApDgB;MAAmBC;;kBAEV,YAAM;QAChBd,aAAa;;;;QAIbe;;QACAZ,iBAAiB;;6CAEoB3C,WAASwD;aACzCC,iBAAiB,UAAUF;;;WAG7B,YAAM;UACPZ,iBAAiB;eACZe,oBAAoB,UAAUH;;;KAGxC,CAACf,WAAD,EAAcG,eAAd;MAGCgB,gBAAgB;;mBAC8BtB,SAChD,CAAAV,mBAAA,IAAAA,qBAAA,YAAAA,WAAYiC,OAAZ,MAAuBjC,UAAvB,aAAuBA,UAAvB,uBAAuBA,WAAYkC,cAAnC,KAAqD;;MADhDC;MAAcC;;mBAGqB1B,SAAiB,CAAAV,mBAAA,IAAAA,qBAAA,YAAAA,WAAYqC,QAAZ,MAAwBrC,UAAxB,aAAwBA,UAAxB,uBAAwBA,WAAYsC,eAApC,KAAuD;;MAA3GC;MAAeC;;MAChBC,yBACJ,QAAOzC,UAAP,aAAOA,UAAP,uBAAOA,WAAYiC,OAAnB,MAA+B,WAA/B,IAA8C,QAAOjC,UAAP,aAAOA,UAAP,uBAAOA,WAAYqC,QAAnB,MAAgC;kBAEhE,YAAM;QAChBI,wBAAwB;gCACAzC,uBAAAA,iCAAAA,WAAYiC;uBACrBjC,uBAAAA,iCAAAA,WAAYqC;;KAE9B,CAACrC,UAAD;;MAEG0C,mBAAmB,SAAnBA,gBAAmB,CAACL,QAAD,EAAmBM,QAAnB,EAA0C;AAAA;;gGACrDD,iHAAmBL,UAAUM;;;MAGvC3C,YAAY;QACN4C,QAAsB5C,WAAtB4C;QAAOC,aAAe7C,WAAf6C;oBACCD,QAAQL,aAAR,IAA0BM,cAAcD,SAASL;;;MAG7DO,0BAA0B,SAA1BA,uBAA0B,CAACH,QAAD,EAAwB;AAAA;;QAC9CV,UAAsBU,SAAtBV;QAASI,WAAaM,SAAbN;QAEXU,gBAAgBhD,KAAKiD,KAAL,CAAY,WAAU,CAAV,IAAeX,QAA3B,EAAqCJ,UAAUI,QAA/C;6EACPM,UAAUI;+FAEbE,uGAAWN;;QAEnB,CAACF,wBAAwB;gCACDR;uBACTI;;;;MAKfa,WAAWnC,QAAQ,YAAM;QACzB,CAACiB,sBAAsBjC;;QACvBA,KAAKoD,MAAL,GAAcZ,eAAe;UACzBa,YAAa,gBAAe,CAAf,IAAoBb;UACjCc,UAAUlB,eAAeI;aACxBxC,KAAKiD,KAAL,CAAWI,SAAX,EAAsBC,OAAtB;;;WAEFtD;KACN,CAACA,IAAD,EAAOwC,aAAP,EAAsBP,aAAtB,EAAqCG,YAArC;MAGGmB,UAAU,CAACvD,KAAKoD;;2CACmB;QAEnC,CAAC,CAACtD,SAAS;aACNyD,sDACJC,aAAD,kDACGC,gBAAD;AAAgB1D,QAAAA,OAAO;AAAvB,wDAGD2D,2CAAcvE;AAAOa,QAAAA,MAAMmD;AAAUhD,QAAAA,WAAAA;AAAsBC,QAAAA,iBAAAA;;;;QAI5D,CAAC,CAACG,cAAc;oIAGbmD,2CAAcvE;AAAOa,QAAAA,MAAMmD;AAAUhD,QAAAA,WAAAA;AAAsBC,QAAAA,iBAAAA;uDAC3DoD,aAAD;AAAaG,QAAAA,SAASlD,QAAQ2C;AAA9B,qDACGQ,oCAA0BzE;;;QAK/BoE,SAAS;yDAERC,aAAD,kDACGC,gBAAD;AAAgB1D,QAAAA,OAAAA;AAAhB;;;uDAKE2D,2CAAcvE;AAAOa,MAAAA,MAAMmD;AAAUhD,MAAAA,WAAAA;AAAsBC,MAAAA,iBAAAA;;;;MAGjEyD;;MAEA5B,eAAe;iEAEd,OAAD;AAAK6B,MAAAA,qBAAczE;AAAnB,mDACG0E,4CACK9D;AACJiC,MAAAA,SAASE;AACTE,MAAAA,UAAUE;AACVU,MAAAA,UAAUH;AACVJ,MAAAA,kBAAAA;;;;oCAM0B;QAC1BqB,YAAYC,SAASC,aAAT,CAAuB,KAAvB;cACRC,MAAMC;cAMNC,UAAUC,IAAI;aACfC,KAAKC,YAAYR;QACpBS,kBAAiBT,UAAUU,WAAV,GAAwBV,UAAUW;sBACvCF;aACTF,KAAKK,YAAYZ;;;oBAGVa,QAAsE;gBACnCA,UAAU;mCAArDC;QAAAA,+CAAe;iCAAMC;QAAAA,2CAAa;;uDAEvC,SAAD;AAAOZ,MAAAA,OAAO;AAAE1E,QAAAA,aAAAA,WAAF;AAAeI,QAAAA,QAAQ;AAAvB;AAAd,mDACGmF,eAAD;AAAevE,MAAAA,SAAAA;AAAf,QACCqE,2DAAgBG,aAAD;AAAgBxE,MAAAA,SAAAA;AAAhB,SAAuC,MACtDsE,aAAaG,kCAAkC;;;qCAKR;QACtCC,4DACH,OAAD;AAAKC,MAAAA,KAAK/D,eAAV;AAA2ByC,MAAAA,qBAAczE,8BAAzC;AAAsE8E,MAAAA,OAAO;AAAEkB,QAAAA,cAAczE;AAAhB;AAA7E,OACG0E,SAAS;AAAEP,MAAAA,YAAY;AAAd;;QAIRQ,WAAW,SAAXA,QAAW,CAACC,CAAD,EAAO;UACdC,aAAeD,EAAEE,OAAjBD;sBACQvD,QAAQuD,aAAaA;mBACxBD,GAAG;;;QAGZG,0DACH;AACCP,MAAAA,KAAK7D;AACLuC,MAAAA,qBAAczE;AACd8E,MAAAA,OAAO;AACLtE,QAAAA,QAAQ+F,MAAMC,OAAOhG,QAAb,GAAwBA,MAAxB,aAAoCgG,OAAOhG,OAA3C,OADH;AAELD,QAAAA,WAAWgG,MAAMC,OAAOjG,WAAb,GAA2BA,SAA3B,aAA0CiG,OAAOjG,UAAjD,OAFN;AAGLkG,QAAAA,OAAO7E,kBAAkB,SAAS;AAH7B;OAKFA,kBAAkB;AAAEsE,MAAAA,UAAAA;AAAF,QAAe,KAErCD,SAAS;AAAER,MAAAA,cAAc;AAAhB;sFAMTK,eACAQ;;;0CAKiC;QAChCI,kBAAkBjF,cAAcS,cAAcW,UAAUV,gBAAgBU;QACtEuD,aAAyCM,gBAAzCN;QAAYO,cAA6BD,gBAA7BC;QAAarB,cAAgBoB,gBAAhBpB;QAC3BsB,oBAAmBR,aAAa;wBAClBQ;QACdC,qBAAoBT,aAAad,WAAb,GAA2BqB;yBAChCE;;;wBAEDV,GAAmB;AAAA,QAAhBW,QAAgB,uEAAL,GAAK;oBACLX,EAAEE;QAA5BD,uBAAAA;QAAYW,sBAAAA;eAEX,YAAM;;UAEPC,YAAYC,mBAAmBb,YAAYW;;UAC7CC,cAAcE,gBAAgBC,SAAS;YACnCC,mBAAmBJ,cAAcE,gBAAgBG,CAA9B,GAAkCrG,SAAlC,GAA8CC;YACjEqG,eAAe;AAAEnB,UAAAA,GAAAA;AAAF;6FACFmB;;OAEpBR;;;qDAIF,OAAD;AACErC,IAAAA,WAAW8C,qBAAcvH,kFACnBA,iCAA+BE,gDAC/BF,kCAAgCC,kDAChCD,yBAAuBM,SAAS,iDAChCN,yBAAuBM,SAAS,iDAChCN,mCAAiCG,+CACjCH,uCAA6BK,gBAAkBA,uDAC/CL,uCAAqCyB,qDACrCzB,4CAAkCA,mCAAiC4B;AAT3E,iDAYG4F,sBAAD;AAAsBC,IAAAA,OAAO/F;AAA7B,iDACGgG,SAAD;AACEjH,IAAAA,SAAS,CAAC,CAACA,OADb;AAEEkH,IAAAA,aAAW,IAFb;AAGEC,IAAAA,WAAWnH,YAAY,IAHzB;AAIEoH,IAAAA,MAAM,OAAOpH,OAAP,KAAmB,SAAnB,+CAAgCqH,oCAAqBhI,OAArD,GAAiE;AAJzE,iDAMG;AACCiG,IAAAA,KAAK5D;AACLsC,IAAAA,WAAW8C,qBAAcvH,4FACnBA,qDAAmDsC,4DACnDtC,oDAAkDoC;AAExD0C,IAAAA,OAAO;AAAEiD,MAAAA,UAAU;AAAZ;KACFnG,kBAAkB;AAAEsE,IAAAA,UAAU8B;AAAZ,MAA6B,KAEnD,CAACvG,WAAD,GAAewE,UAAf,GAA4BgC,6BAGhCrF,iBAAiB4B;;;;;"}
+{"version":3,"file":"Table.js","sources":["../../../node_modules/lodash/throttle.js","../../../src/table/base/Table.tsx"],"sourcesContent":["var debounce = require('./debounce'),\n    isObject = require('./isObject');\n\n/** Error message constants. */\nvar FUNC_ERROR_TEXT = 'Expected a function';\n\n/**\n * Creates a throttled function that only invokes `func` at most once per\n * every `wait` milliseconds. The throttled function comes with a `cancel`\n * method to cancel delayed `func` invocations and a `flush` method to\n * immediately invoke them. Provide `options` to indicate whether `func`\n * should be invoked on the leading and/or trailing edge of the `wait`\n * timeout. The `func` is invoked with the last arguments provided to the\n * throttled function. Subsequent calls to the throttled function return the\n * result of the last `func` invocation.\n *\n * **Note:** If `leading` and `trailing` options are `true`, `func` is\n * invoked on the trailing edge of the timeout only if the throttled function\n * is invoked more than once during the `wait` timeout.\n *\n * If `wait` is `0` and `leading` is `false`, `func` invocation is deferred\n * until to the next tick, similar to `setTimeout` with a timeout of `0`.\n *\n * See [David Corbacho's article](https://css-tricks.com/debouncing-throttling-explained-examples/)\n * for details over the differences between `_.throttle` and `_.debounce`.\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @category Function\n * @param {Function} func The function to throttle.\n * @param {number} [wait=0] The number of milliseconds to throttle invocations to.\n * @param {Object} [options={}] The options object.\n * @param {boolean} [options.leading=true]\n *  Specify invoking on the leading edge of the timeout.\n * @param {boolean} [options.trailing=true]\n *  Specify invoking on the trailing edge of the timeout.\n * @returns {Function} Returns the new throttled function.\n * @example\n *\n * // Avoid excessively updating the position while scrolling.\n * jQuery(window).on('scroll', _.throttle(updatePosition, 100));\n *\n * // Invoke `renewToken` when the click event is fired, but not more than once every 5 minutes.\n * var throttled = _.throttle(renewToken, 300000, { 'trailing': false });\n * jQuery(element).on('click', throttled);\n *\n * // Cancel the trailing throttled invocation.\n * jQuery(window).on('popstate', throttled.cancel);\n */\nfunction throttle(func, wait, options) {\n  var leading = true,\n      trailing = true;\n\n  if (typeof func != 'function') {\n    throw new TypeError(FUNC_ERROR_TEXT);\n  }\n  if (isObject(options)) {\n    leading = 'leading' in options ? !!options.leading : leading;\n    trailing = 'trailing' in options ? !!options.trailing : trailing;\n  }\n  return debounce(func, wait, {\n    'leading': leading,\n    'maxWait': wait,\n    'trailing': trailing\n  });\n}\n\nmodule.exports = throttle;\n","import React, { useMemo, useState, ReactNode, useLayoutEffect, useRef } from 'react';\nimport classNames from 'classnames';\nimport throttle from 'lodash/throttle';\nimport debounce from 'lodash/debounce';\nimport useUpdateEffect from '../../_util/useUpdateEffect';\nimport useConfig from '../../_util/useConfig';\nimport { DataType, TdPrimaryTableProps } from '../type';\nimport Pagination, { PageInfo } from '../../pagination';\nimport { useColumns } from '../hooks/useColumns';\nimport { getScrollDirection, ScrollDirection } from '../util';\nimport TableEmptyBody from './TableEmptyBody';\nimport TableHeader from './TableHeader';\nimport TableBody from './TableBody';\nimport TableLoadingBody from './TableLoadingBody';\nimport TableAsyncLoadingBody from './TableAsyncLoadingBody';\n\nimport { TableContextProvider } from './TableContext';\nimport { TableColGroup } from './TableColGroup';\nimport TableFooter from './TableFooter';\nimport Loading from '../../loading';\n\nexport type BaseTableProps<RowData extends DataType = DataType> = TdPrimaryTableProps<RowData>;\nexport interface ExpandInnerProps {\n  handleExpandChange?: Function;\n  renderExpandRow?: Function;\n}\n\nexport default function BaseTable<D extends DataType = DataType>(props: BaseTableProps<D> & ExpandInnerProps) {\n  const { classPrefix } = useConfig();\n\n  const {\n    bordered = false,\n    stripe = false,\n    hover = false,\n    tableLayout = 'fixed',\n    verticalAlign = 'center',\n    size = 'medium',\n    maxHeight,\n    height,\n    loading,\n    empty,\n    data = [],\n    pagination,\n    onPageChange,\n    onScrollX,\n    onScrollY,\n    asyncLoading,\n  } = props;\n\n  const [columns, flattenColumns] = useColumns(props);\n\n  // ==================== 固定表头、固定列 ====================\n  const [scrollBarWidth, setScrollBarWidth] = useState(0);\n  const fixedHeader = height > 0 || maxHeight > 0;\n  const table = useMemo(() => ({ fixedHeader, flattenColumns }), [fixedHeader, flattenColumns]);\n  const hasFixedColumns = columns.some(({ fixed }) => ['left', 'right'].includes(fixed));\n  const scrollHeaderRef = useRef<HTMLDivElement>();\n  const scrollBodyRef = useRef<HTMLDivElement>();\n  const tableContentRef = useRef<HTMLDivElement>();\n  const [scrollableToLeft, setScrollableToLeft] = useState(false);\n  const [scrollableToRight, setScrollableToRight] = useState(false);\n\n  useLayoutEffect(() => {\n    if (fixedHeader) {\n      setStateScrollBarWidth();\n    }\n\n    let checkScrollableToLeftOrRightDebounce: EventListenerOrEventListenerObject | undefined;\n    if (hasFixedColumns) {\n      checkScrollableToLeftOrRight();\n      checkScrollableToLeftOrRightDebounce = debounce(checkScrollableToLeftOrRight);\n      window.addEventListener('resize', checkScrollableToLeftOrRightDebounce);\n    }\n\n    return () => {\n      if (hasFixedColumns) {\n        window.removeEventListener('resize', checkScrollableToLeftOrRightDebounce);\n      }\n    };\n  }, [fixedHeader, hasFixedColumns]); // eslint-disable-line react-hooks/exhaustive-deps\n\n  // ==================== 翻页 ====================\n  let hasPagination = false;\n  const [innerCurrent, setInnerCurrentPagination] = useState<number>(\n    pagination?.current || pagination?.defaultCurrent || 1,\n  );\n  const [innerPageSize, setInnerPageSize] = useState<number>(pagination?.pageSize || pagination?.defaultPageSize || 10);\n  const isControlledPagination =\n    typeof pagination?.current !== 'undefined' && typeof pagination?.pageSize !== 'undefined';\n\n  useUpdateEffect(() => {\n    if (isControlledPagination) {\n      setInnerCurrentPagination(pagination?.current);\n      setInnerPageSize(pagination?.pageSize);\n    }\n  }, [pagination]);\n\n  const onPageSizeChange = (pageSize: number, pageInfo: PageInfo) => {\n    pagination?.onPageSizeChange?.(pageSize, pageInfo);\n  };\n\n  if (pagination) {\n    const { total, showJumper } = pagination;\n    hasPagination = total > innerPageSize || (showJumper && total <= innerPageSize);\n  }\n\n  const onInnerPaginationChange = (pageInfo: PageInfo) => {\n    const { current, pageSize } = pageInfo;\n\n    const newDataSource = data.slice((current - 1) * pageSize, current * pageSize);\n    onPageChange?.(pageInfo, newDataSource);\n    // 处理pagination参数的事件回调\n    pagination?.onChange?.(pageInfo);\n\n    if (!isControlledPagination) {\n      setInnerCurrentPagination(current);\n      setInnerPageSize(pageSize);\n    }\n  };\n\n  // ==================== 数据 ====================\n  const pageData = useMemo(() => {\n    if (!hasPagination) return data;\n    if (data.length > innerPageSize) {\n      const pageStart = (innerCurrent - 1) * innerPageSize;\n      const pageEnd = innerCurrent * innerPageSize;\n      return data.slice(pageStart, pageEnd);\n    }\n    return data;\n  }, [data, innerPageSize, hasPagination, innerCurrent]);\n\n  // ==================== render ====================\n  const isEmpty = !data.length;\n  function renderTableBodyAndTableFooter() {\n    // eslint-disable-next-line\n    if (!!loading) {\n      return isEmpty ? (\n        <TableFooter>\n          <TableEmptyBody empty={null} />\n        </TableFooter>\n      ) : (\n        <TableBody {...props} data={pageData} />\n      );\n    }\n    // eslint-disable-next-line\n    if (!!asyncLoading) {\n      return (\n        <>\n          <TableBody {...props} data={pageData} />\n          <TableFooter colspan={columns.length}>\n            <TableAsyncLoadingBody {...props} />\n          </TableFooter>\n        </>\n      );\n    }\n    if (isEmpty) {\n      return (\n        <TableFooter>\n          <TableEmptyBody empty={empty} />\n        </TableFooter>\n      );\n    }\n\n    return <TableBody {...props} data={pageData} />;\n  }\n\n  let paginationNode: ReactNode;\n\n  if (hasPagination) {\n    paginationNode = (\n      <div className={`${classPrefix}-table__pagination`}>\n        <Pagination\n          {...pagination}\n          current={innerCurrent}\n          pageSize={innerPageSize}\n          onChange={onInnerPaginationChange}\n          onPageSizeChange={onPageSizeChange}\n        />\n      </div>\n    );\n  }\n\n  function setStateScrollBarWidth() {\n    const scrollDiv = document.createElement('div');\n    scrollDiv.style.cssText = `\n      width: 99px;\n      height: 99px;\n      overflow: scroll;\n      position: absolute;\n      top: -9999px;`;\n    scrollDiv.classList.add('scrollbar');\n    document.body.appendChild(scrollDiv);\n    const scrollBarWidth = scrollDiv.offsetWidth - scrollDiv.clientWidth;\n    setScrollBarWidth(scrollBarWidth);\n    document.body.removeChild(scrollDiv);\n  }\n\n  function getTable(params?: { enableHeader?: boolean; enableBody?: boolean }): ReactNode {\n    const { enableHeader = true, enableBody = true } = params || {};\n    return (\n      <table style={{ tableLayout, height: '100%' }}>\n        <TableColGroup columns={columns} />\n        {enableHeader ? <TableHeader<D> columns={columns} /> : null}\n        {enableBody ? renderTableBodyAndTableFooter() : null}\n      </table>\n    );\n  }\n\n  function getTableWithFixedHeader(): ReactNode {\n    const fixedHeaderRN = (\n      <div ref={scrollHeaderRef} className={`${classPrefix}-table__header`} style={{ paddingRight: scrollBarWidth }}>\n        {getTable({ enableBody: false })}\n      </div>\n    );\n\n    const onScroll = (e) => {\n      const { scrollLeft } = e.target;\n      scrollHeaderRef.current.scrollLeft = scrollLeft;\n      handleScroll(e, 10);\n    };\n\n    const fixedBodyRN = (\n      <div\n        ref={scrollBodyRef}\n        className={`${classPrefix}-table__body`}\n        style={{\n          height: isNaN(Number(height)) ? height : `${Number(height)}px`,\n          maxHeight: isNaN(Number(maxHeight)) ? maxHeight : `${Number(maxHeight)}px`,\n          width: hasFixedColumns ? '100%' : undefined,\n        }}\n        {...(hasFixedColumns ? { onScroll } : {})}\n      >\n        {getTable({ enableHeader: false })}\n      </div>\n    );\n\n    return (\n      <>\n        {fixedHeaderRN}\n        {fixedBodyRN}\n      </>\n    );\n  }\n\n  function checkScrollableToLeftOrRight() {\n    const scrollContainer = fixedHeader ? scrollBodyRef.current : tableContentRef.current;\n    const { scrollLeft, scrollWidth, clientWidth } = scrollContainer;\n    const scrollableToLeft = scrollLeft > 0;\n    setScrollableToLeft(scrollableToLeft);\n    const scrollableToRight = scrollLeft + clientWidth < scrollWidth;\n    setScrollableToRight(scrollableToRight);\n  }\n  function handleScroll(e, duration = 100) {\n    const { scrollLeft, scrollTop } = e.target;\n\n    const scrollFn = throttle(() => {\n      checkScrollableToLeftOrRight();\n      const direction = getScrollDirection(scrollLeft, scrollTop);\n      if (direction !== ScrollDirection.UNKNOWN) {\n        const scrollListenerFn = direction === ScrollDirection.X ? onScrollX : onScrollY;\n        const scrollParams = { e };\n        scrollListenerFn?.(scrollParams);\n      }\n    }, duration);\n    scrollFn();\n  }\n\n  return (\n    <div\n      className={classNames(`${classPrefix}-table`, {\n        [`${classPrefix}-table--striped`]: stripe,\n        [`${classPrefix}-table--bordered`]: bordered,\n        [`${classPrefix}-size-l`]: size === 'large',\n        [`${classPrefix}-size-s`]: size === 'small',\n        [`${classPrefix}-table--hoverable`]: hover,\n        [`${classPrefix}-table--align-${verticalAlign}`]: verticalAlign,\n        [`${classPrefix}-table__header--fixed`]: fixedHeader,\n        [`${classPrefix}-table__cell--fixed ${classPrefix}-table--has-fixed`]: hasFixedColumns,\n      })}\n    >\n      <TableContextProvider value={table}>\n        <Loading\n          loading={!!loading}\n          showOverlay\n          indicator={loading === true}\n          text={typeof loading !== 'boolean' ? <TableLoadingBody {...props} /> : null}\n        >\n          <div\n            ref={tableContentRef}\n            className={classNames(`${classPrefix}-table__content`, {\n              [`${classPrefix}-table__content--scrollable-to-right`]: scrollableToRight,\n              [`${classPrefix}-table__content--scrollable-to-left`]: scrollableToLeft,\n            })}\n            style={{ overflow: 'auto' }}\n            {...(hasFixedColumns ? { onScroll: handleScroll } : {})}\n          >\n            {!fixedHeader ? getTable() : getTableWithFixedHeader()}\n          </div>\n        </Loading>\n        {hasPagination && paginationNode}\n      </TableContextProvider>\n    </div>\n  );\n}\n"],"names":["debounce","require$$0","isObject","require$$1","FUNC_ERROR_TEXT","throttle","func","wait","options","leading","trailing","TypeError","throttle_1","props","useConfig","classPrefix","bordered","stripe","hover","tableLayout","verticalAlign","size","maxHeight","height","loading","empty","data","pagination","onPageChange","onScrollX","onScrollY","asyncLoading","useColumns","columns","flattenColumns","useState","scrollBarWidth","setScrollBarWidth","fixedHeader","table","useMemo","hasFixedColumns","some","fixed","includes","scrollHeaderRef","useRef","scrollBodyRef","tableContentRef","scrollableToLeft","setScrollableToLeft","scrollableToRight","setScrollableToRight","checkScrollableToLeftOrRightDebounce","checkScrollableToLeftOrRight","addEventListener","removeEventListener","hasPagination","current","defaultCurrent","innerCurrent","setInnerCurrentPagination","pageSize","defaultPageSize","innerPageSize","setInnerPageSize","isControlledPagination","onPageSizeChange","pageInfo","total","showJumper","onInnerPaginationChange","newDataSource","slice","onChange","pageData","length","pageStart","pageEnd","isEmpty","TableFooter","TableEmptyBody","TableBody","colspan","TableAsyncLoadingBody","paginationNode","className","Pagination","scrollDiv","document","createElement","style","cssText","classList","add","body","appendChild","scrollBarWidth2","offsetWidth","clientWidth","removeChild","params","enableHeader","enableBody","TableColGroup","TableHeader","renderTableBodyAndTableFooter","fixedHeaderRN","ref","paddingRight","getTable","onScroll","e","scrollLeft","target","fixedBodyRN","isNaN","Number","width","scrollContainer","scrollWidth","scrollableToLeft2","scrollableToRight2","duration","scrollTop","scrollFn","direction","getScrollDirection","ScrollDirection","UNKNOWN","scrollListenerFn","X","scrollParams","classNames","TableContextProvider","value","Loading","showOverlay","indicator","text","TableLoadingBody","overflow","handleScroll","getTableWithFixedHeader"],"mappings":"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"}

package/esm/table/base/TableAsyncLoadingBody.js

@@ -1,36 +1,38 @@
 /**
- * tdesign v0.19.0
+ * tdesign v0.20.2
  * (c) 2021 tdesign
  * @license MIT
  */
 
 import React__default from 'react';
-import { i as isFunction_1 } from '../../_chunks/dep-f749a2c9.js';
+import { i as isFunction_1 } from '../../_chunks/dep-da5d1ac4.js';
 import { Loading } from '../../loading/index.js';
 import useConfig from '../../_util/useConfig.js';
-import '../../_chunks/dep-2e526f70.js';
-import '../../_chunks/dep-b6fbc66d.js';
-import '../../_chunks/dep-601473bd.js';
-import '../../_chunks/dep-ef50bc46.js';
-import '../../_chunks/dep-97ee645c.js';
+import '../../_chunks/dep-00ccaf0c.js';
+import '../../_chunks/dep-88b40b60.js';
+import '../../_chunks/dep-759bc4af.js';
+import '../../_chunks/dep-9f3a6dc7.js';
+import '../../_chunks/dep-2544ac60.js';
 import '../../loading/loading.js';
-import '../../_chunks/dep-53c6c586.js';
-import '../../_chunks/dep-fff59b5a.js';
-import '../../_chunks/dep-4c3606c3.js';
-import 'react-dom';
+import '../../_chunks/dep-2e97cc0d.js';
+import '../../_chunks/dep-85854991.js';
+import '../../_chunks/dep-38c06164.js';
 import 'classnames';
 import '../../_util/dom.js';
 import 'raf';
-import '../../_chunks/dep-615797a6.js';
-import '../../_chunks/dep-364c042d.js';
-import '../../_chunks/dep-6b2b86ea.js';
-import '../../_chunks/dep-7d91d695.js';
+import '../../_chunks/dep-14d83b52.js';
+import '../../_chunks/dep-cc2481d3.js';
+import '../../_chunks/dep-964eef6f.js';
+import '../../_chunks/dep-c5dffd03.js';
 import '../../_util/easing.js';
 import '../../common/Portal.js';
+import 'react-dom';
+import '../../loading/gradient.js';
 import '../../config-provider/ConfigContext.js';
 import '../../locale/zh_CN.js';
 import '../../loading/style/index.js';
 import '../../loading/type.js';
+import '../../loading/plugin.js';
 
 function TableEmptyBody(props) {
   var _useConfig = useConfig(),
@@ -42,7 +44,7 @@ function TableEmptyBody(props) {
 
   if (asyncLoading === "loading") {
     return /* @__PURE__ */React__default.createElement("div", {
-      className: "".concat(classPrefix, "-table--loading-async ").concat(classPrefix, "-table--loading-status-loading"),
+      className: "".concat(classPrefix, "-table__async-loading ").concat(classPrefix, "-is-loading"),
       onClick: function onClick() {
         onAsyncLoadingClick({
           status: "loading"
@@ -56,7 +58,7 @@ function TableEmptyBody(props) {
 
   if (asyncLoading === "load-more") {
     return /* @__PURE__ */React__default.createElement("div", {
-      className: "".concat(classPrefix, "-table--loading-async ").concat(classPrefix, "-table--loading-status-load-more"),
+      className: "".concat(classPrefix, "-table__async-loading ").concat(classPrefix, "-is-load-more"),
       onClick: function onClick() {
         onAsyncLoadingClick({
           status: "load-more"

package/esm/table/base/TableAsyncLoadingBody.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableAsyncLoadingBody.js","sources":["../../../src/table/base/TableAsyncLoadingBody.tsx"],"sourcesContent":["import React from 'react';\nimport isFunction from 'lodash/isFunction';\nimport Loading from '../../loading';\nimport useConfig from '../../_util/useConfig';\n\nexport default function TableEmptyBody(props) {\n  const { classPrefix } = useConfig();\n  const { asyncLoading, onAsyncLoadingClick } = props;\n  if (!asyncLoading) return null;\n\n  if (asyncLoading === 'loading') {\n    return (\n      <div\n        className={`${classPrefix}-table--loading-async ${classPrefix}-table--loading-status-loading`}\n        onClick={() => {\n          onAsyncLoadingClick({ status: 'loading' });\n        }}\n      >\n        <Loading loading={true} size=\"small\"></Loading>\n        <span>正在加载中，请稍后</span>\n      </div>\n    );\n  }\n\n  if (asyncLoading === 'load-more') {\n    return (\n      <div\n        className={`${classPrefix}-table--loading-async ${classPrefix}-table--loading-status-load-more`}\n        onClick={() => {\n          onAsyncLoadingClick({ status: 'load-more' });\n        }}\n      >\n        点击加载更多\n      </div>\n    );\n  }\n\n  let result: React.ReactNode = null;\n  if (asyncLoading) result = asyncLoading;\n  if (isFunction(asyncLoading)) result = asyncLoading();\n\n  return <>{result}</>;\n}\n"],"names":["props","useConfig","classPrefix","asyncLoading","onAsyncLoadingClick","className","onClick","status","Loading","loading","size","result","isFunction"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBAKuCA,OAAO;mBACpBC;MAAhBC,yBAAAA;;MACAC,eAAsCH,MAAtCG;MAAcC,sBAAwBJ,MAAxBI;MAClB,CAACD,qBAAqB;;MAEtBA,iBAAiB,WAAW;uDAE3B,OAAD;AACEE,MAAAA,qBAAcH,8CAAoCA,8CADpD;AAEEI,MAAAA,SAAS,mBAAM;4BACO;AAAEC,UAAAA,QAAQ;AAAV;;AAHxB,mDAMGC,SAAD;AAASC,MAAAA,SAAS,IAAlB;AAAwBC,MAAAA,MAAK;AAA7B,oDACC,QAAD,MAAM;;;MAKRP,iBAAiB,aAAa;uDAE7B,OAAD;AACEE,MAAAA,qBAAcH,8CAAoCA,gDADpD;AAEEI,MAAAA,SAAS,mBAAM;4BACO;AAAEC,UAAAA,QAAQ;AAAV;;AAHxB,OAKC;;;MAMDI,SAA0B;MAC1BR,uBAAuBA;MACvBS,aAAWT,wBAAwBA;oFAE7BQ;;;;;"}
+{"version":3,"file":"TableAsyncLoadingBody.js","sources":["../../../src/table/base/TableAsyncLoadingBody.tsx"],"sourcesContent":["import React from 'react';\nimport isFunction from 'lodash/isFunction';\nimport Loading from '../../loading';\nimport useConfig from '../../_util/useConfig';\n\nexport default function TableEmptyBody(props) {\n  const { classPrefix } = useConfig();\n  const { asyncLoading, onAsyncLoadingClick } = props;\n  if (!asyncLoading) return null;\n\n  if (asyncLoading === 'loading') {\n    return (\n      <div\n        className={`${classPrefix}-table__async-loading ${classPrefix}-is-loading`}\n        onClick={() => {\n          onAsyncLoadingClick({ status: 'loading' });\n        }}\n      >\n        <Loading loading={true} size=\"small\"></Loading>\n        <span>正在加载中，请稍后</span>\n      </div>\n    );\n  }\n\n  if (asyncLoading === 'load-more') {\n    return (\n      <div\n        className={`${classPrefix}-table__async-loading ${classPrefix}-is-load-more`}\n        onClick={() => {\n          onAsyncLoadingClick({ status: 'load-more' });\n        }}\n      >\n        点击加载更多\n      </div>\n    );\n  }\n\n  let result: React.ReactNode = null;\n  if (asyncLoading) result = asyncLoading;\n  if (isFunction(asyncLoading)) result = asyncLoading();\n\n  return <>{result}</>;\n}\n"],"names":["props","useConfig","classPrefix","asyncLoading","onAsyncLoadingClick","className","onClick","status","Loading","loading","size","result","isFunction"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBAKuCA,OAAO;mBACpBC;MAAhBC,yBAAAA;;MACAC,eAAsCH,MAAtCG;MAAcC,sBAAwBJ,MAAxBI;MAClB,CAACD,qBAAqB;;MAEtBA,iBAAiB,WAAW;uDAE3B,OAAD;AACEE,MAAAA,qBAAcH,8CAAoCA,2BADpD;AAEEI,MAAAA,SAAS,mBAAM;4BACO;AAAEC,UAAAA,QAAQ;AAAV;;AAHxB,mDAMGC,SAAD;AAASC,MAAAA,SAAS,IAAlB;AAAwBC,MAAAA,MAAK;AAA7B,oDACC,QAAD,MAAM;;;MAKRP,iBAAiB,aAAa;uDAE7B,OAAD;AACEE,MAAAA,qBAAcH,8CAAoCA,6BADpD;AAEEI,MAAAA,SAAS,mBAAM;4BACO;AAAEC,UAAAA,QAAQ;AAAV;;AAHxB,OAKC;;;MAMDI,SAA0B;MAC1BR,uBAAuBA;MACvBS,aAAWT,wBAAwBA;oFAE7BQ;;;;;"}

package/esm/table/base/TableBody.d.ts

@@ -1,8 +1,12 @@
 import React from 'react';
 import { TdPrimaryTableProps } from '../type';
-import { ExpandProps } from './Table';
+import { ExpandInnerProps } from './Table';
 export interface RowSkipTdSpanColIndexsMap {
     [key: number]: number[];
 }
-declare const TableBody: React.ForwardRefExoticComponent<TdPrimaryTableProps<import("../type").DataType> & ExpandProps & React.RefAttributes<HTMLTableSectionElement>>;
+declare type RowEventName = 'onClick' | 'onDoubleClick' | 'onMouseOver' | 'onMouseDown' | 'onMouseEnter' | 'onMouseLeave' | 'onMouseUp';
+export declare type RowEvents = Record<RowEventName, React.MouseEventHandler<HTMLElement>> | {
+    [key: string]: Function;
+};
+declare const TableBody: React.ForwardRefExoticComponent<TdPrimaryTableProps<import("../type").TableRowData> & ExpandInnerProps & React.RefAttributes<HTMLTableSectionElement>>;
 export default TableBody;

package/esm/table/base/TableBody.js

@@ -1,41 +1,50 @@
 /**
- * tdesign v0.19.0
+ * tdesign v0.20.2
  * (c) 2021 tdesign
  * @license MIT
  */
 
-import { _ as _defineProperty } from '../../_chunks/dep-53c6c586.js';
+import { _ as _defineProperty } from '../../_chunks/dep-2e97cc0d.js';
 import React__default, { forwardRef } from 'react';
-import { i as isFunction_1 } from '../../_chunks/dep-f749a2c9.js';
-import { g as get_1 } from '../../_chunks/dep-3cf2dbce.js';
+import { i as isFunction_1 } from '../../_chunks/dep-da5d1ac4.js';
+import { g as get_1 } from '../../_chunks/dep-a02cc97f.js';
 import useConfig from '../../_util/useConfig.js';
 import TableRow from './TableRow.js';
-import '../../_chunks/dep-2e526f70.js';
-import '../../_chunks/dep-b6fbc66d.js';
-import '../../_chunks/dep-601473bd.js';
-import '../../_chunks/dep-ef50bc46.js';
-import '../../_chunks/dep-97ee645c.js';
-import '../../_chunks/dep-6ff255a8.js';
-import '../../_chunks/dep-364c042d.js';
-import '../../_chunks/dep-6b2b86ea.js';
-import '../../_chunks/dep-ddf2ed34.js';
-import '../../_chunks/dep-7d91d695.js';
-import '../../_chunks/dep-940f6c04.js';
-import '../../_chunks/dep-1fc210cf.js';
-import '../../_chunks/dep-c8fef1c7.js';
-import '../../_chunks/dep-3b0ab3bc.js';
+import '../../_chunks/dep-00ccaf0c.js';
+import '../../_chunks/dep-88b40b60.js';
+import '../../_chunks/dep-759bc4af.js';
+import '../../_chunks/dep-9f3a6dc7.js';
+import '../../_chunks/dep-2544ac60.js';
+import '../../_chunks/dep-1ba197d7.js';
+import '../../_chunks/dep-cc2481d3.js';
+import '../../_chunks/dep-964eef6f.js';
+import '../../_chunks/dep-1567c5ea.js';
+import '../../_chunks/dep-c5dffd03.js';
+import '../../_chunks/dep-e3057b1a.js';
+import '../../_chunks/dep-8aba3ccb.js';
+import '../../_chunks/dep-3c01d153.js';
+import '../../_chunks/dep-ec30068f.js';
 import '../../config-provider/ConfigContext.js';
 import '../../locale/zh_CN.js';
-import '../../_chunks/dep-b3d60655.js';
+import '../../_chunks/dep-3d9b45dc.js';
 import './TableContext.js';
 import './TableCell.js';
-import '../../_chunks/dep-fff59b5a.js';
-import '../../_chunks/dep-4c3606c3.js';
+import '../../_chunks/dep-85854991.js';
+import '../../_chunks/dep-38c06164.js';
 import 'classnames';
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+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; }
+var rowEventsMap = {
+  onClick: "onRowClick",
+  onDoubleClick: "onRowDbClick",
+  onMouseOver: "onRowHover",
+  onMouseDown: "onRowMousedown",
+  onMouseEnter: "onRowMouseenter",
+  onMouseLeave: "onRowMouseleave",
+  onMouseUp: "onRowMouseup"
+};
 var TableBody = /*#__PURE__*/forwardRef(function (props, ref) {
   var _useConfig = useConfig(),
       classPrefix = _useConfig.classPrefix;
@@ -45,13 +54,13 @@ var TableBody = /*#__PURE__*/forwardRef(function (props, ref) {
       rowKey = props.rowKey,
       rowClassName = props.rowClassName,
       expandedRow = props.expandedRow,
-      _props$expandOnRowCli = props.expandOnRowClick,
-      expandOnRowClick = _props$expandOnRowCli === void 0 ? false : _props$expandOnRowCli,
-      _onTrClick = props.onTrClick,
-      rowspanAndColspan = props.rowspanAndColspan,
-      renderExpandRow = props.renderExpandRow;
+      expandOnRowClick = props.expandOnRowClick,
+      handleExpandChange = props.handleExpandChange,
+      renderExpandRow = props.renderExpandRow,
+      rowspanAndColspan = props.rowspanAndColspan;
   var rowSkipTdSpanColIndexsMap = {};
   var isRowspanAndColspanFn = isFunction_1(rowspanAndColspan);
+  var rowEvents = getRowEvents();
   var rows = data.map(function (row, index) {
     var rowKeyValue = get_1(row, rowKey) || index;
     return /* @__PURE__ */React__default.createElement(React__default.Fragment, {
@@ -59,19 +68,34 @@ var TableBody = /*#__PURE__*/forwardRef(function (props, ref) {
     }, /* @__PURE__ */React__default.createElement(TableRow, _objectSpread(_objectSpread({
       record: row,
       rowIndex: index,
-      rowClassName: rowClassName
-    }, expandedRow && expandOnRowClick ? {
-      onTrClick: function onTrClick() {
-        return _onTrClick(row, rowKeyValue);
-      },
-      expandOnRowClick: expandOnRowClick
-    } : {}), isRowspanAndColspanFn ? {
+      rowKey: rowKey,
+      rowClassName: rowClassName,
+      expandedRow: expandedRow,
+      expandOnRowClick: expandOnRowClick,
+      handleExpandChange: handleExpandChange
+    }, isRowspanAndColspanFn ? {
       isRowspanAndColspanFn: isRowspanAndColspanFn,
       rowspanAndColspan: rowspanAndColspan,
       rowSkipTdSpanColIndexsMap: rowSkipTdSpanColIndexsMap,
       dataLength: data.length
-    } : {})), expandedRow ? renderExpandRow(row, index, rowKeyValue) : null);
+    } : {}), {}, {
+      rowEvents: rowEvents
+    })), expandedRow ? renderExpandRow(row, index, rowKeyValue) : null);
   });
+
+  function getRowEvents() {
+    var rowEventProps = {};
+    Object.keys(rowEventsMap).forEach(function (eventName) {
+      var apiEventName = rowEventsMap[eventName];
+      var apiEvent = props[apiEventName];
+
+      if (apiEvent) {
+        rowEventProps[eventName] = apiEvent;
+      }
+    });
+    return rowEventProps;
+  }
+
   return /* @__PURE__ */React__default.createElement("tbody", {
     ref: ref,
     className: "".concat(classPrefix, "-table__body")

package/esm/table/base/TableBody.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableBody.js","sources":["../../../src/table/base/TableBody.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport isFunction from 'lodash/isFunction';\nimport get from 'lodash/get';\nimport { TdPrimaryTableProps } from '../type';\nimport useConfig from '../../_util/useConfig';\nimport TableRow from './TableRow';\nimport { ExpandProps } from './Table';\n\nexport interface RowSkipTdSpanColIndexsMap {\n  [key: number]: number[];\n}\n\nconst TableBody = forwardRef(\n  (props: TdPrimaryTableProps & ExpandProps, ref: React.Ref<HTMLTableSectionElement>): any => {\n    const { classPrefix } = useConfig();\n    const {\n      data = [],\n      rowKey,\n      rowClassName,\n      expandedRow,\n      expandOnRowClick = false,\n      onTrClick,\n      rowspanAndColspan,\n      renderExpandRow,\n    } = props;\n    const rowSkipTdSpanColIndexsMap: RowSkipTdSpanColIndexsMap = {}; // 引用，不可重置。eg: { 0: [1, 3] } 表示第1行，第2、4列两个cell不渲染\n    const isRowspanAndColspanFn = isFunction(rowspanAndColspan);\n\n    // ==================== render ====================\n    const rows = data.map((row, index) => {\n      const rowKeyValue = get(row, rowKey) || index;\n\n      return (\n        <React.Fragment key={rowKeyValue}>\n          <TableRow\n            record={row}\n            rowIndex={index}\n            rowClassName={rowClassName}\n            {...(expandedRow && expandOnRowClick\n              ? { onTrClick: () => onTrClick(row, rowKeyValue), expandOnRowClick }\n              : {})}\n            {...(isRowspanAndColspanFn\n              ? {\n                  isRowspanAndColspanFn,\n                  rowspanAndColspan,\n                  rowSkipTdSpanColIndexsMap,\n                  dataLength: data.length,\n                }\n              : {})}\n          />\n          {expandedRow ? renderExpandRow(row, index, rowKeyValue) : null}\n        </React.Fragment>\n      );\n    });\n\n    return (\n      <tbody ref={ref} className={`${classPrefix}-table__body`}>\n        {rows}\n      </tbody>\n    );\n  },\n);\n\nexport default TableBody;\n"],"names":["TableBody","forwardRef","props","ref","useConfig","classPrefix","data","rowKey","rowClassName","expandedRow","expandOnRowClick","onTrClick","rowspanAndColspan","renderExpandRow","rowSkipTdSpanColIndexsMap","isRowspanAndColspanFn","isFunction","rows","map","row","index","rowKeyValue","get","React","Fragment","key","TableRow","record","rowIndex","dataLength","length","className"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAYMA,yBAAYC,WAChB,UAACC,KAAD,EAA2CC,GAA3C,EAA4F;mBAClEC;MAAhBC,yBAAAA;;oBAUJH,MARFI;MAAAA,gCAAO;MACPC,SAOEL,MAPFK;MACAC,eAMEN,MANFM;MACAC,cAKEP,MALFO;8BAKEP,MAJFQ;MAAAA,sDAAmB;MACnBC,aAGET,MAHFS;MACAC,oBAEEV,MAFFU;MACAC,kBACEX,MADFW;MAEIC,4BAAuD;MACvDC,wBAAwBC,aAAWJ;MAGnCK,OAAOX,KAAKY,GAAL,CAAS,UAACC,GAAD,EAAMC,KAAN,EAAgB;QAC9BC,cAAcC,MAAIH,KAAKZ,OAAT,IAAoBa;uDAGrCG,eAAMC,UAAP;AAAgBC,MAAAA,KAAKJ;AAArB,mDACGK;AACCC,MAAAA,QAAQR;AACRS,MAAAA,UAAUR;AACVZ,MAAAA,cAAAA;OACKC,eAAeC,gBAAf,GACD;AAAEC,MAAAA,WAAW;AAAA,eAAMA,WAAUQ,KAAKE,YAArB;AAAA,OAAb;AAAgDX,MAAAA,kBAAAA;AAAhD,KADC,GAED,KACCK,wBACD;AACEA,MAAAA,uBAAAA,qBADF;AAEEH,MAAAA,mBAAAA,iBAFF;AAGEE,MAAAA,2BAAAA,yBAHF;AAIEe,MAAAA,YAAYvB,KAAKwB;AAJnB,QAMA,MAELrB,cAAcI,gBAAgBM,KAAKC,OAAOC,eAAe;GArBnD;qDA2BV,SAAD;AAAOlB,IAAAA,KAAAA,GAAP;AAAiB4B,IAAAA,qBAAc1B;AAA/B,KACGY;;;;;"}
+{"version":3,"file":"TableBody.js","sources":["../../../src/table/base/TableBody.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport isFunction from 'lodash/isFunction';\nimport get from 'lodash/get';\nimport { TdPrimaryTableProps } from '../type';\nimport useConfig from '../../_util/useConfig';\nimport TableRow from './TableRow';\nimport { ExpandInnerProps } from './Table';\n\nexport interface RowSkipTdSpanColIndexsMap {\n  [key: number]: number[];\n}\n\ntype RowEventName =\n  | 'onClick'\n  | 'onDoubleClick'\n  | 'onMouseOver'\n  | 'onMouseDown'\n  | 'onMouseEnter'\n  | 'onMouseLeave'\n  | 'onMouseUp';\ntype APIRowEventName =\n  | 'onRowClick'\n  | 'onRowDbClick'\n  | 'onRowHover'\n  | 'onRowMousedown'\n  | 'onRowMouseenter'\n  | 'onRowMouseleave'\n  | 'onRowMouseup';\nexport type RowEvents = Record<RowEventName, React.MouseEventHandler<HTMLElement>> | { [key: string]: Function };\n\nconst rowEventsMap: Record<RowEventName, APIRowEventName> = {\n  onClick: 'onRowClick',\n  onDoubleClick: 'onRowDbClick',\n  onMouseOver: 'onRowHover',\n  onMouseDown: 'onRowMousedown',\n  onMouseEnter: 'onRowMouseenter',\n  onMouseLeave: 'onRowMouseleave',\n  onMouseUp: 'onRowMouseup',\n};\n\nconst TableBody = forwardRef(\n  (props: TdPrimaryTableProps & ExpandInnerProps, ref: React.Ref<HTMLTableSectionElement>): any => {\n    const { classPrefix } = useConfig();\n    const {\n      data = [],\n      rowKey,\n      rowClassName,\n      expandedRow,\n      expandOnRowClick,\n      handleExpandChange,\n      renderExpandRow,\n      rowspanAndColspan,\n    } = props;\n    const rowSkipTdSpanColIndexsMap: RowSkipTdSpanColIndexsMap = {}; // 引用，不可重置。eg: { 0: [1, 3] } 表示第1行，第2、4列两个cell不渲染\n    const isRowspanAndColspanFn = isFunction(rowspanAndColspan);\n\n    const rowEvents = getRowEvents();\n\n    // ==================== render ====================\n    const rows = data.map((row, index) => {\n      const rowKeyValue = get(row, rowKey) || index;\n\n      return (\n        <React.Fragment key={rowKeyValue}>\n          <TableRow\n            record={row}\n            rowIndex={index}\n            rowKey={rowKey}\n            rowClassName={rowClassName}\n            expandedRow={expandedRow}\n            expandOnRowClick={expandOnRowClick}\n            handleExpandChange={handleExpandChange}\n            {...(isRowspanAndColspanFn\n              ? {\n                  isRowspanAndColspanFn,\n                  rowspanAndColspan,\n                  rowSkipTdSpanColIndexsMap,\n                  dataLength: data.length,\n                }\n              : {})}\n            rowEvents={rowEvents}\n          />\n          {expandedRow ? renderExpandRow(row, index, rowKeyValue) : null}\n        </React.Fragment>\n      );\n    });\n\n    function getRowEvents(): RowEvents {\n      const rowEventProps = {};\n      Object.keys(rowEventsMap).forEach((eventName) => {\n        const apiEventName = rowEventsMap[eventName];\n        const apiEvent = props[apiEventName];\n        if (apiEvent) {\n          rowEventProps[eventName] = apiEvent;\n        }\n      });\n      return rowEventProps;\n    }\n\n    return (\n      <tbody ref={ref} className={`${classPrefix}-table__body`}>\n        {rows}\n      </tbody>\n    );\n  },\n);\n\nexport default TableBody;\n"],"names":["rowEventsMap","onClick","onDoubleClick","onMouseOver","onMouseDown","onMouseEnter","onMouseLeave","onMouseUp","TableBody","forwardRef","props","ref","useConfig","classPrefix","data","rowKey","rowClassName","expandedRow","expandOnRowClick","handleExpandChange","renderExpandRow","rowspanAndColspan","rowSkipTdSpanColIndexsMap","isRowspanAndColspanFn","isFunction","rowEvents","getRowEvents","rows","map","row","index","rowKeyValue","get","React","Fragment","key","TableRow","record","rowIndex","dataLength","length","rowEventProps","keys","forEach","eventName","apiEventName","apiEvent","className"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8BA,IAAMA,eAAsD;AAC1DC,EAAAA,SAAS,YADiD;AAE1DC,EAAAA,eAAe,cAF2C;AAG1DC,EAAAA,aAAa,YAH6C;AAI1DC,EAAAA,aAAa,gBAJ6C;AAK1DC,EAAAA,cAAc,iBAL4C;AAM1DC,EAAAA,cAAc,iBAN4C;AAO1DC,EAAAA,WAAW;AAP+C,CAA5D;IAUMC,yBAAYC,WAChB,UAACC,KAAD,EAAgDC,GAAhD,EAAiG;mBACvEC;MAAhBC,yBAAAA;;oBAUJH,MARFI;MAAAA,gCAAO;MACPC,SAOEL,MAPFK;MACAC,eAMEN,MANFM;MACAC,cAKEP,MALFO;MACAC,mBAIER,MAJFQ;MACAC,qBAGET,MAHFS;MACAC,kBAEEV,MAFFU;MACAC,oBACEX,MADFW;MAEIC,4BAAuD;MACvDC,wBAAwBC,aAAWH;MAEnCI,YAAYC;MAGZC,OAAOb,KAAKc,GAAL,CAAS,UAACC,GAAD,EAAMC,KAAN,EAAgB;QAC9BC,cAAcC,MAAIH,KAAKd,OAAT,IAAoBe;uDAGrCG,eAAMC,UAAP;AAAgBC,MAAAA,KAAKJ;AAArB,mDACGK;AACCC,MAAAA,QAAQR;AACRS,MAAAA,UAAUR;AACVf,MAAAA,QAAAA;AACAC,MAAAA,cAAAA;AACAC,MAAAA,aAAAA;AACAC,MAAAA,kBAAAA;AACAC,MAAAA,oBAAAA;OACKI,wBACD;AACEA,MAAAA,uBAAAA,qBADF;AAEEF,MAAAA,mBAAAA,iBAFF;AAGEC,MAAAA,2BAAAA,yBAHF;AAIEiB,MAAAA,YAAYzB,KAAK0B;AAJnB,QAMA;AACJf,MAAAA,WAAAA;SAEDR,cAAcG,gBAAgBS,KAAKC,OAAOC,eAAe;GAvBnD;;0BA4BsB;QAC3BU,gBAAgB;WACfC,KAAK1C,cAAc2C,QAAQ,UAACC,SAAD,EAAe;UACzCC,eAAe7C,aAAa4C;UAC5BE,WAAWpC,MAAMmC;;UACnBC,UAAU;sBACEF,aAAaE;;;WAGxBL;;;qDAIN,SAAD;AAAO9B,IAAAA,KAAAA,GAAP;AAAiBoC,IAAAA,qBAAclC;AAA/B,KACGc;;;;;"}

package/esm/table/base/TableCell.d.ts

@@ -10,6 +10,7 @@ export interface CellProps<D extends DataType> extends BaseTableCol<DataType> {
     rowSpan?: number;
     colSpan?: number;
     customRender: Function;
+    isFirstChildTdSetBorderWidth?: Boolean;
 }
-declare const TableCell: <D extends DataType>(props: React.PropsWithChildren<CellProps<D>>) => JSX.Element;
+declare const TableCell: <D extends import("../type").TableRowData>(props: React.PropsWithChildren<CellProps<D>>) => JSX.Element;
 export default TableCell;