tdesign-react 0.18.2 → 0.19.0

package/esm/table/base/Table.js

@@ -1,17 +1,17 @@
 /**
- * tdesign v0.18.2
+ * tdesign v0.19.0
  * (c) 2021 tdesign
  * @license MIT
  */
 
-import { _ as _defineProperty } from '../../_chunks/dep-efe7433b.js';
-import { _ as _slicedToArray } from '../../_chunks/dep-2f008905.js';
+import { _ as _defineProperty } from '../../_chunks/dep-53c6c586.js';
+import { _ as _slicedToArray } from '../../_chunks/dep-fff59b5a.js';
 import React__default, { useState, useMemo, useRef, useLayoutEffect } from 'react';
 import classNames from 'classnames';
-import '../../_chunks/dep-cb80da27.js';
-import { d as debounce_1 } from '../../_chunks/dep-7100b11f.js';
-import { i as isObject_1 } from '../../_chunks/dep-504203df.js';
-import '../../_chunks/dep-74a044dc.js';
+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 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-6a5b1968.js';
-import '../../_chunks/dep-b6ff8559.js';
-import '../../_chunks/dep-1189939f.js';
-import '../../_chunks/dep-ee3e1923.js';
-import '../../_chunks/dep-9d2e7b62.js';
-import '../../_chunks/dep-f3eac264.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 '../../config-provider/ConfigContext.js';
 import '../../locale/zh_CN.js';
 import '../../pagination/Pagination.js';
@@ -40,26 +40,26 @@ import '../../_util/noop.js';
 import '../../_util/useDefault.js';
 import '../../select/index.js';
 import '../../select/base/Select.js';
-import '../../_chunks/dep-83646039.js';
-import '../../_chunks/dep-b6158110.js';
-import '../../_chunks/dep-744f52b3.js';
-import '../../_chunks/dep-9ad4f4b7.js';
-import '../../_chunks/dep-4e491803.js';
-import '../../_chunks/dep-e83a1558.js';
-import '../../_chunks/dep-47afb0bc.js';
-import '../../_chunks/dep-ed9505a3.js';
-import '../../_chunks/dep-43869d17.js';
-import '../../_chunks/dep-e507e9db.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 '../../locale/LocalReceiver.js';
 import '../../config-provider/index.js';
 import '../../config-provider/ConfigProvider.js';
-import '../../_chunks/dep-016d27a7.js';
+import '../../_chunks/dep-b3d60655.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-2eeaa58b.js';
+import '../../_chunks/dep-f405fda4.js';
 import 'lodash';
 import '../../select/base/OptionGroup.js';
 import '../../common/FakeArrow.js';
@@ -67,7 +67,7 @@ import '../../input/index.js';
 import '../../input/Input.js';
 import '../../input/InputGroup.js';
 import '../../input/style/index.js';
-import '../../_type/components/input/index.js';
+import '../../input/type.js';
 import '../../popup/index.js';
 import '../../popup/Popup.js';
 import 'react-popper';
@@ -77,30 +77,29 @@ import 'react-dom';
 import '../../popup/useTriggerProps.js';
 import '../../_util/useClickOutside.js';
 import '../../popup/style/index.js';
-import '../../_type/components/popup/index.js';
+import '../../popup/type.js';
 import '../../tag/index.js';
 import '../../tag/Tag.js';
 import '../../tag/CheckTag.js';
 import '../../tag/style/index.js';
-import '../../_type/components/tag/index.js';
+import '../../tag/type.js';
 import '../../select/base/Option.js';
-import '../../_chunks/dep-462edfd5.js';
+import '../../_chunks/dep-a3d3d11d.js';
 import '../../_util/useRipple.js';
 import '../../_util/setStyle.js';
 import '../../select/base/PopupContent.js';
 import '../../select/style/index.js';
-import '../../_type/components/select/index.js';
+import '../../select/type.js';
 import '../../loading/loading.js';
 import '../../_util/dom.js';
 import 'raf';
 import '../../_util/easing.js';
 import '../../common/Portal.js';
-import '../../_chunks/dep-65c183dc.js';
 import '../../loading/style/index.js';
-import '../../_type/components/loading/index.js';
+import '../../loading/type.js';
 import '../../pagination/validators.js';
 import '../../pagination/style/index.js';
-import '../../_type/components/pagination/index.js';
+import '../../pagination/type.js';
 import './TableCell.js';
 import './TableRow.js';
 
@@ -411,11 +410,13 @@ function BaseTable(props) {
     }, getTable({
       enableBody: false
     }));
-    var onScroll = throttle_1(function (e) {
+
+    var onScroll = function onScroll(e) {
       var scrollLeft = e.target.scrollLeft;
       scrollHeaderRef.current.scrollLeft = scrollLeft;
-      handleScroll(e);
-    }, 10);
+      handleScroll(e, 10);
+    };
+
     var fixedBodyRN = /* @__PURE__ */React__default.createElement("div", _objectSpread({
       ref: scrollBodyRef,
       className: "".concat(classPrefix, "-table__body"),
@@ -444,19 +445,22 @@ function BaseTable(props) {
   }
 
   function handleScroll(e) {
-    checkScrollableToLeftOrRight();
+    var duration = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 100;
     var _e$target = e.target,
         scrollLeft = _e$target.scrollLeft,
         scrollTop = _e$target.scrollTop;
-    var direction = getScrollDirection(scrollLeft, scrollTop);
-
-    if (direction !== ScrollDirection.UNKNOWN) {
-      var scrollListenerFn = direction === ScrollDirection.X ? onScrollX : onScrollY;
-      var scrollParams = {
-        e: e
-      };
-      scrollListenerFn === null || scrollListenerFn === void 0 ? void 0 : scrollListenerFn(scrollParams);
-    }
+    throttle_1(function () {
+      checkScrollableToLeftOrRight();
+      var direction = getScrollDirection(scrollLeft, scrollTop);
+
+      if (direction !== ScrollDirection.UNKNOWN) {
+        var scrollListenerFn = direction === ScrollDirection.X ? onScrollX : onScrollY;
+        var scrollParams = {
+          e: e
+        };
+        scrollListenerFn === null || scrollListenerFn === void 0 ? void 0 : scrollListenerFn(scrollParams);
+      }
+    }, duration);
   }
 
   return /* @__PURE__ */React__default.createElement("div", {
@@ -475,7 +479,7 @@ function BaseTable(props) {
       overflow: "auto"
     }
   }, hasFixedColumns ? {
-    onScroll: throttle_1(handleScroll, 100)
+    onScroll: handleScroll
   } : {}), !fixedHeader ? getTable() : getTableWithFixedHeader())), hasPagination && paginationNode));
 }
 

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/components/table';\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 = throttle((e) => {\n      const { scrollLeft } = e.target;\n      scrollHeaderRef.current.scrollLeft = scrollLeft;\n      handleScroll(e);\n    }, 10);\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) {\n    checkScrollableToLeftOrRight();\n\n    const { scrollLeft, scrollTop } = e.target;\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  }\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: throttle(handleScroll, 100) } : {})}\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","scrollTop","direction","getScrollDirection","ScrollDirection","UNKNOWN","scrollListenerFn","X","scrollParams","classNames","TableContextProvider","value","Loading","showOverlay","indicator","text","TableLoadingBody","overflow","handleScroll","getTableWithFixedHeader"],"mappings":"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"}
+{"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":"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"}

package/esm/table/base/TableAsyncLoadingBody.js

@@ -1,37 +1,36 @@
 /**
- * tdesign v0.18.2
+ * tdesign v0.19.0
  * (c) 2021 tdesign
  * @license MIT
  */
 
 import React__default from 'react';
-import { i as isFunction_1 } from '../../_chunks/dep-83646039.js';
+import { i as isFunction_1 } from '../../_chunks/dep-f749a2c9.js';
 import { Loading } from '../../loading/index.js';
 import useConfig from '../../_util/useConfig.js';
-import '../../_chunks/dep-cb80da27.js';
-import '../../_chunks/dep-b6ff8559.js';
-import '../../_chunks/dep-1189939f.js';
-import '../../_chunks/dep-504203df.js';
-import '../../_chunks/dep-74a044dc.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 '../../loading/loading.js';
-import '../../_chunks/dep-efe7433b.js';
-import '../../_chunks/dep-2f008905.js';
-import '../../_chunks/dep-6a5b1968.js';
+import '../../_chunks/dep-53c6c586.js';
+import '../../_chunks/dep-fff59b5a.js';
+import '../../_chunks/dep-4c3606c3.js';
 import 'react-dom';
 import 'classnames';
 import '../../_util/dom.js';
 import 'raf';
-import '../../_chunks/dep-e507e9db.js';
-import '../../_chunks/dep-9ad4f4b7.js';
-import '../../_chunks/dep-4e491803.js';
-import '../../_chunks/dep-f3eac264.js';
+import '../../_chunks/dep-615797a6.js';
+import '../../_chunks/dep-364c042d.js';
+import '../../_chunks/dep-6b2b86ea.js';
+import '../../_chunks/dep-7d91d695.js';
 import '../../_util/easing.js';
 import '../../common/Portal.js';
-import '../../_chunks/dep-65c183dc.js';
 import '../../config-provider/ConfigContext.js';
 import '../../locale/zh_CN.js';
 import '../../loading/style/index.js';
-import '../../_type/components/loading/index.js';
+import '../../loading/type.js';
 
 function TableEmptyBody(props) {
   var _useConfig = useConfig(),

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--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;;;;;"}

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

@@ -1,8 +1,8 @@
 import React from 'react';
-import { TdPrimaryTableProps } from '../../_type/components/table';
+import { TdPrimaryTableProps } from '../type';
 import { ExpandProps } from './Table';
 export interface RowSkipTdSpanColIndexsMap {
     [key: number]: number[];
 }
-declare const TableBody: React.ForwardRefExoticComponent<TdPrimaryTableProps<import("../../_type/components/table").DataType> & ExpandProps & React.RefAttributes<HTMLTableSectionElement>>;
+declare const TableBody: React.ForwardRefExoticComponent<TdPrimaryTableProps<import("../type").DataType> & ExpandProps & React.RefAttributes<HTMLTableSectionElement>>;
 export default TableBody;

package/esm/table/base/TableBody.js

@@ -1,36 +1,36 @@
 /**
- * tdesign v0.18.2
+ * tdesign v0.19.0
  * (c) 2021 tdesign
  * @license MIT
  */
 
-import { _ as _defineProperty } from '../../_chunks/dep-efe7433b.js';
+import { _ as _defineProperty } from '../../_chunks/dep-53c6c586.js';
 import React__default, { forwardRef } from 'react';
-import { i as isFunction_1 } from '../../_chunks/dep-83646039.js';
-import { g as get_1 } from '../../_chunks/dep-b6158110.js';
+import { i as isFunction_1 } from '../../_chunks/dep-f749a2c9.js';
+import { g as get_1 } from '../../_chunks/dep-3cf2dbce.js';
 import useConfig from '../../_util/useConfig.js';
 import TableRow from './TableRow.js';
-import '../../_chunks/dep-cb80da27.js';
-import '../../_chunks/dep-b6ff8559.js';
-import '../../_chunks/dep-1189939f.js';
-import '../../_chunks/dep-504203df.js';
-import '../../_chunks/dep-74a044dc.js';
-import '../../_chunks/dep-744f52b3.js';
-import '../../_chunks/dep-9ad4f4b7.js';
-import '../../_chunks/dep-4e491803.js';
-import '../../_chunks/dep-9d2e7b62.js';
-import '../../_chunks/dep-f3eac264.js';
-import '../../_chunks/dep-e83a1558.js';
-import '../../_chunks/dep-47afb0bc.js';
-import '../../_chunks/dep-ed9505a3.js';
-import '../../_chunks/dep-43869d17.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 '../../config-provider/ConfigContext.js';
 import '../../locale/zh_CN.js';
-import '../../_chunks/dep-016d27a7.js';
+import '../../_chunks/dep-b3d60655.js';
 import './TableContext.js';
 import './TableCell.js';
-import '../../_chunks/dep-2f008905.js';
-import '../../_chunks/dep-6a5b1968.js';
+import '../../_chunks/dep-fff59b5a.js';
+import '../../_chunks/dep-4c3606c3.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; }

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/components/table';\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 { 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;;;;;"}

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

@@ -1,5 +1,5 @@
 import React, { CSSProperties, PropsWithChildren } from 'react';
-import { BaseTableCol, DataType } from '../../_type/components/table';
+import { BaseTableCol, DataType } from '../type';
 export interface CellProps<D extends DataType> extends BaseTableCol<DataType> {
     columns?: BaseTableCol[];
     type?: 'cell' | 'title';

package/esm/table/base/TableCell.js

@@ -1,16 +1,16 @@
 /**
- * tdesign v0.18.2
+ * tdesign v0.19.0
  * (c) 2021 tdesign
  * @license MIT
  */
 
-import { _ as _defineProperty } from '../../_chunks/dep-efe7433b.js';
-import { _ as _slicedToArray } from '../../_chunks/dep-2f008905.js';
+import { _ as _defineProperty } from '../../_chunks/dep-53c6c586.js';
+import { _ as _slicedToArray } from '../../_chunks/dep-fff59b5a.js';
 import React__default, { useState, useRef, useLayoutEffect } from 'react';
 import classNames from 'classnames';
 import useConfig from '../../_util/useConfig.js';
 import { useTableContext } from './TableContext.js';
-import '../../_chunks/dep-6a5b1968.js';
+import '../../_chunks/dep-4c3606c3.js';
 import '../../config-provider/ConfigContext.js';
 import '../../locale/zh_CN.js';
 

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

@@ -1 +1 @@
-{"version":3,"file":"TableCell.js","sources":["../../../src/table/base/TableCell.tsx"],"sourcesContent":["import React, { CSSProperties, useRef, useLayoutEffect, useState, PropsWithChildren } from 'react';\nimport classnames from 'classnames';\nimport { BaseTableCol, DataType } from '../../_type/components/table';\nimport useConfig from '../../_util/useConfig';\nimport { useTableContext } from './TableContext';\n\nexport interface CellProps<D extends DataType> extends BaseTableCol<DataType> {\n  columns?: BaseTableCol[];\n  type?: 'cell' | 'title';\n  record?: D;\n  style?: CSSProperties;\n  rowIndex?: number;\n  colIndex?: number;\n  rowSpan?: number;\n  colSpan?: number;\n  customRender: Function;\n}\n\nconst TableCell = <D extends DataType>(props: PropsWithChildren<CellProps<D>>) => {\n  const {\n    style = {},\n    width,\n    type,\n    record,\n    colKey,\n    customRender,\n    colIndex,\n    fixed,\n    align,\n    ellipsis,\n    columns,\n    rowIndex,\n    className,\n    rowSpan,\n    colSpan,\n  } = props;\n\n  const { classPrefix } = useConfig();\n  const { flattenColumns } = useTableContext();\n  const [offset, setOffset] = useState(0);\n  const [isBoundary, setIsBoundary] = useState(false);\n\n  const ref = useRef<HTMLTableDataCellElement | HTMLTableHeaderCellElement>();\n\n  useLayoutEffect(() => {\n    if (ref.current) {\n      let offset = 0;\n      const { clientWidth } = ref.current;\n      const fixedColumns = flattenColumns.filter((column) => column.fixed === fixed);\n      const indexInFixedColumns = fixedColumns.findIndex(({ colKey: key }) => key === colKey);\n\n      fixedColumns.forEach((_, cur) => {\n        if ((fixed === 'right' && cur > indexInFixedColumns) || (fixed === 'left' && cur < indexInFixedColumns)) {\n          offset += clientWidth;\n        }\n      });\n      setOffset(offset);\n\n      const isBoundary = fixed === 'left' ? indexInFixedColumns === fixedColumns.length - 1 : indexInFixedColumns === 0;\n      setIsBoundary(isBoundary);\n    }\n  }, [ref, flattenColumns, colKey, fixed]);\n\n  const cellNode = customRender({ type, row: record, rowIndex, col: columns?.[colIndex], colIndex });\n\n  // ==================== styles ====================\n  const cellStyle = { ...style };\n  if (fixed) {\n    cellStyle.position = 'sticky';\n    cellStyle[fixed] = offset;\n  }\n  if (width) {\n    style.overflow = 'hidden';\n  }\n\n  // 样式依靠 td，之后实现请改为 th\n  // const Component = type === 'title' ? 'td' : 'td'; // codecc error\n  const Component = 'td';\n  return (\n    <Component\n      ref={ref}\n      style={cellStyle}\n      className={classnames({\n        [`${classPrefix}-table__cell--fixed-${fixed}`]: fixed,\n        [`${classPrefix}-table__cell--fixed-${fixed}-${fixed === 'left' ? 'last' : 'first'}`]: fixed && isBoundary,\n        [`align-${align}`]: align,\n        'text-ellipsis': ellipsis,\n        [`${className}`]: !!className,\n      })}\n      rowSpan={rowSpan}\n      colSpan={colSpan}\n    >\n      {cellNode}\n    </Component>\n  );\n};\n\nexport default TableCell;\n"],"names":["TableCell","props","style","width","type","record","colKey","customRender","colIndex","fixed","align","ellipsis","columns","rowIndex","className","rowSpan","colSpan","useConfig","classPrefix","useTableContext","flattenColumns","useState","offset","setOffset","isBoundary","setIsBoundary","ref","useRef","current","offset2","clientWidth","fixedColumns","filter","column","indexInFixedColumns","findIndex","key","forEach","_","cur","isBoundary2","length","cellNode","row","col","cellStyle","position","overflow","Component","classnames"],"mappings":";;;;;;;;;;;;;;;;;;;;IAkBMA,YAAY,SAAZA,SAAY,CAAqBC,KAArB,EAAgE;AAAA;;qBAiB5EA,MAfFC;MAAAA,kCAAQ;MACRC,QAcEF,MAdFE;MACAC,OAaEH,MAbFG;MACAC,SAYEJ,MAZFI;MACAC,SAWEL,MAXFK;MACAC,eAUEN,MAVFM;MACAC,WASEP,MATFO;MACAC,QAQER,MARFQ;MACAC,QAOET,MAPFS;MACAC,WAMEV,MANFU;MACAC,UAKEX,MALFW;MACAC,WAIEZ,MAJFY;MACAC,YAGEb,MAHFa;MACAC,UAEEd,MAFFc;MACAC,UACEf,MADFe;;mBAGsBC;MAAhBC,yBAAAA;;yBACmBC;MAAnBC,kCAAAA;;kBACoBC,SAAS;;MAA9BC;MAAQC;;mBACqBF,SAAS;;MAAtCG;MAAYC;;MAEbC,MAAMC;kBAEI,YAAM;QAChBD,IAAIE,SAAS;UACXC,UAAS;UACLC,cAAgBJ,IAAIE,QAApBE;UACFC,eAAeX,eAAeY,MAAf,CAAsB,UAACC,MAAD;AAAA,eAAYA,OAAOxB,KAAP,KAAiBA,KAA7B;AAAA,OAAtB;UACfyB,sBAAsBH,aAAaI,SAAb,CAAuB;AAAA,YAAWC,GAAX,QAAG9B,MAAH;AAAA,eAAqB8B,QAAQ9B,MAA7B;AAAA,OAAvB;mBAEf+B,QAAQ,UAACC,CAAD,EAAIC,GAAJ,EAAY;YAC1B9B,UAAU,OAAV,IAAqB8B,MAAML,mBAA3B,IAAoDzB,UAAU,MAAV,IAAoB8B,MAAML,qBAAsB;qBAC7FJ;;;gBAGJD;UAEJW,cAAa/B,UAAU,MAAV,GAAmByB,wBAAwBH,aAAaU,MAAb,GAAsB,CAAjE,GAAqEP,wBAAwB;oBAClGM;;KAEf,CAACd,GAAD,EAAMN,cAAN,EAAsBd,MAAtB,EAA8BG,KAA9B;MAEGiC,WAAWnC,aAAa;AAAEH,IAAAA,MAAAA,IAAF;AAAQuC,IAAAA,KAAKtC,MAAb;AAAqBQ,IAAAA,UAAAA,QAArB;AAA+B+B,IAAAA,KAAKhC,oBAAAA,8BAAAA,QAAUJ,SAA9C;AAAyDA,IAAAA,UAAAA;AAAzD;;MAGxBqC,8BAAiB3C;;MACnBO,OAAO;cACCqC,WAAW;cACXrC,SAASa;;;MAEjBnB,OAAO;UACH4C,WAAW;;;MAKbC,YAAY;qDAEfA,WAAD;AACEtB,IAAAA,KAAAA,GADF;AAEExB,IAAAA,OAAO2C,SAFT;AAGE/B,IAAAA,WAAWmC,qEACL/B,4CAAkCT,QAAUA,+CAC5CS,4CAAkCT,mBAASA,UAAU,MAAV,GAAmB,MAAnB,GAA4B,UAAYA,SAASe,0DACtFd,QAAUA,qCACpB,iBAAiBC,kDACbG,YAAc,CAAC,CAACA,yBARxB;AAUEC,IAAAA,SAAAA,OAVF;AAWEC,IAAAA,SAAAA;AAXF,KAaG0B;;;;;"}
+{"version":3,"file":"TableCell.js","sources":["../../../src/table/base/TableCell.tsx"],"sourcesContent":["import React, { CSSProperties, useRef, useLayoutEffect, useState, PropsWithChildren } from 'react';\nimport classnames from 'classnames';\nimport { BaseTableCol, DataType } from '../type';\nimport useConfig from '../../_util/useConfig';\nimport { useTableContext } from './TableContext';\n\nexport interface CellProps<D extends DataType> extends BaseTableCol<DataType> {\n  columns?: BaseTableCol[];\n  type?: 'cell' | 'title';\n  record?: D;\n  style?: CSSProperties;\n  rowIndex?: number;\n  colIndex?: number;\n  rowSpan?: number;\n  colSpan?: number;\n  customRender: Function;\n}\n\nconst TableCell = <D extends DataType>(props: PropsWithChildren<CellProps<D>>) => {\n  const {\n    style = {},\n    width,\n    type,\n    record,\n    colKey,\n    customRender,\n    colIndex,\n    fixed,\n    align,\n    ellipsis,\n    columns,\n    rowIndex,\n    className,\n    rowSpan,\n    colSpan,\n  } = props;\n\n  const { classPrefix } = useConfig();\n  const { flattenColumns } = useTableContext();\n  const [offset, setOffset] = useState(0);\n  const [isBoundary, setIsBoundary] = useState(false);\n\n  const ref = useRef<HTMLTableDataCellElement | HTMLTableHeaderCellElement>();\n\n  useLayoutEffect(() => {\n    if (ref.current) {\n      let offset = 0;\n      const { clientWidth } = ref.current;\n      const fixedColumns = flattenColumns.filter((column) => column.fixed === fixed);\n      const indexInFixedColumns = fixedColumns.findIndex(({ colKey: key }) => key === colKey);\n\n      fixedColumns.forEach((_, cur) => {\n        if ((fixed === 'right' && cur > indexInFixedColumns) || (fixed === 'left' && cur < indexInFixedColumns)) {\n          offset += clientWidth;\n        }\n      });\n      setOffset(offset);\n\n      const isBoundary = fixed === 'left' ? indexInFixedColumns === fixedColumns.length - 1 : indexInFixedColumns === 0;\n      setIsBoundary(isBoundary);\n    }\n  }, [ref, flattenColumns, colKey, fixed]);\n\n  const cellNode = customRender({ type, row: record, rowIndex, col: columns?.[colIndex], colIndex });\n\n  // ==================== styles ====================\n  const cellStyle = { ...style };\n  if (fixed) {\n    cellStyle.position = 'sticky';\n    cellStyle[fixed] = offset;\n  }\n  if (width) {\n    style.overflow = 'hidden';\n  }\n\n  // 样式依靠 td，之后实现请改为 th\n  // const Component = type === 'title' ? 'td' : 'td'; // codecc error\n  const Component = 'td';\n  return (\n    <Component\n      ref={ref}\n      style={cellStyle}\n      className={classnames({\n        [`${classPrefix}-table__cell--fixed-${fixed}`]: fixed,\n        [`${classPrefix}-table__cell--fixed-${fixed}-${fixed === 'left' ? 'last' : 'first'}`]: fixed && isBoundary,\n        [`align-${align}`]: align,\n        'text-ellipsis': ellipsis,\n        [`${className}`]: !!className,\n      })}\n      rowSpan={rowSpan}\n      colSpan={colSpan}\n    >\n      {cellNode}\n    </Component>\n  );\n};\n\nexport default TableCell;\n"],"names":["TableCell","props","style","width","type","record","colKey","customRender","colIndex","fixed","align","ellipsis","columns","rowIndex","className","rowSpan","colSpan","useConfig","classPrefix","useTableContext","flattenColumns","useState","offset","setOffset","isBoundary","setIsBoundary","ref","useRef","current","offset2","clientWidth","fixedColumns","filter","column","indexInFixedColumns","findIndex","key","forEach","_","cur","isBoundary2","length","cellNode","row","col","cellStyle","position","overflow","Component","classnames"],"mappings":";;;;;;;;;;;;;;;;;;;;IAkBMA,YAAY,SAAZA,SAAY,CAAqBC,KAArB,EAAgE;AAAA;;qBAiB5EA,MAfFC;MAAAA,kCAAQ;MACRC,QAcEF,MAdFE;MACAC,OAaEH,MAbFG;MACAC,SAYEJ,MAZFI;MACAC,SAWEL,MAXFK;MACAC,eAUEN,MAVFM;MACAC,WASEP,MATFO;MACAC,QAQER,MARFQ;MACAC,QAOET,MAPFS;MACAC,WAMEV,MANFU;MACAC,UAKEX,MALFW;MACAC,WAIEZ,MAJFY;MACAC,YAGEb,MAHFa;MACAC,UAEEd,MAFFc;MACAC,UACEf,MADFe;;mBAGsBC;MAAhBC,yBAAAA;;yBACmBC;MAAnBC,kCAAAA;;kBACoBC,SAAS;;MAA9BC;MAAQC;;mBACqBF,SAAS;;MAAtCG;MAAYC;;MAEbC,MAAMC;kBAEI,YAAM;QAChBD,IAAIE,SAAS;UACXC,UAAS;UACLC,cAAgBJ,IAAIE,QAApBE;UACFC,eAAeX,eAAeY,MAAf,CAAsB,UAACC,MAAD;AAAA,eAAYA,OAAOxB,KAAP,KAAiBA,KAA7B;AAAA,OAAtB;UACfyB,sBAAsBH,aAAaI,SAAb,CAAuB;AAAA,YAAWC,GAAX,QAAG9B,MAAH;AAAA,eAAqB8B,QAAQ9B,MAA7B;AAAA,OAAvB;mBAEf+B,QAAQ,UAACC,CAAD,EAAIC,GAAJ,EAAY;YAC1B9B,UAAU,OAAV,IAAqB8B,MAAML,mBAA3B,IAAoDzB,UAAU,MAAV,IAAoB8B,MAAML,qBAAsB;qBAC7FJ;;;gBAGJD;UAEJW,cAAa/B,UAAU,MAAV,GAAmByB,wBAAwBH,aAAaU,MAAb,GAAsB,CAAjE,GAAqEP,wBAAwB;oBAClGM;;KAEf,CAACd,GAAD,EAAMN,cAAN,EAAsBd,MAAtB,EAA8BG,KAA9B;MAEGiC,WAAWnC,aAAa;AAAEH,IAAAA,MAAAA,IAAF;AAAQuC,IAAAA,KAAKtC,MAAb;AAAqBQ,IAAAA,UAAAA,QAArB;AAA+B+B,IAAAA,KAAKhC,oBAAAA,8BAAAA,QAAUJ,SAA9C;AAAyDA,IAAAA,UAAAA;AAAzD;;MAGxBqC,8BAAiB3C;;MACnBO,OAAO;cACCqC,WAAW;cACXrC,SAASa;;;MAEjBnB,OAAO;UACH4C,WAAW;;;MAKbC,YAAY;qDAEfA,WAAD;AACEtB,IAAAA,KAAAA,GADF;AAEExB,IAAAA,OAAO2C,SAFT;AAGE/B,IAAAA,WAAWmC,qEACL/B,4CAAkCT,QAAUA,+CAC5CS,4CAAkCT,mBAASA,UAAU,MAAV,GAAmB,MAAnB,GAA4B,UAAYA,SAASe,0DACtFd,QAAUA,qCACpB,iBAAiBC,kDACbG,YAAc,CAAC,CAACA,yBARxB;AAUEC,IAAAA,SAAAA,OAVF;AAWEC,IAAAA,SAAAA;AAXF,KAaG0B;;;;;"}

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

@@ -1,4 +1,4 @@
-import { BaseTableCol } from '../../_type/components/table';
+import { BaseTableCol } from '../type';
 export interface TableColGroupProps {
     columns: BaseTableCol[];
 }

package/esm/table/base/TableColGroup.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.18.2
+ * tdesign v0.19.0
  * (c) 2021 tdesign
  * @license MIT
  */

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

@@ -1 +1 @@
-{"version":3,"file":"TableColGroup.js","sources":["../../../src/table/base/TableColGroup.tsx"],"sourcesContent":["import React from 'react';\nimport { BaseTableCol } from '../../_type/components/table';\n\nexport interface TableColGroupProps {\n  columns: BaseTableCol[];\n}\n\nexport const TableColGroup = ({ columns }: TableColGroupProps): any => (\n  <colgroup>\n    {columns.map(({ width, minWidth, colKey }, index) => (\n      <col\n        key={colKey || index}\n        style={{\n          width,\n          minWidth,\n        }}\n      />\n    ))}\n  </colgroup>\n);\n"],"names":["TableColGroup","columns","map","index","width","minWidth","colKey","key","style"],"mappings":";;;;;;;;IAOaA,gBAAgB,SAAhBA,aAAgB;AAAA,MAAGC,OAAH,QAAGA,OAAH;AAAA,qDAC1B,YAAD,MACGA,QAAQC,GAAR,CAAY,iBAA8BC,KAA9B;AAAA,QAAGC,KAAH,SAAGA,KAAH;AAAA,QAAUC,QAAV,SAAUA,QAAV;AAAA,QAAoBC,MAApB,SAAoBA,MAApB;AAAA,uDACV,OAAD;AACEC,MAAAA,KAAKD,UAAUH,KADjB;AAEEK,MAAAA,OAAO;AACLJ,QAAAA,OAAAA,KADK;AAELC,QAAAA,UAAAA;AAFK;AAFT,MADW;AAAA,GAAZ,EAFwB;AAAA;;;;"}
+{"version":3,"file":"TableColGroup.js","sources":["../../../src/table/base/TableColGroup.tsx"],"sourcesContent":["import React from 'react';\nimport { BaseTableCol } from '../type';\n\nexport interface TableColGroupProps {\n  columns: BaseTableCol[];\n}\n\nexport const TableColGroup = ({ columns }: TableColGroupProps): any => (\n  <colgroup>\n    {columns.map(({ width, minWidth, colKey }, index) => (\n      <col\n        key={colKey || index}\n        style={{\n          width,\n          minWidth,\n        }}\n      />\n    ))}\n  </colgroup>\n);\n"],"names":["TableColGroup","columns","map","index","width","minWidth","colKey","key","style"],"mappings":";;;;;;;;IAOaA,gBAAgB,SAAhBA,aAAgB;AAAA,MAAGC,OAAH,QAAGA,OAAH;AAAA,qDAC1B,YAAD,MACGA,QAAQC,GAAR,CAAY,iBAA8BC,KAA9B;AAAA,QAAGC,KAAH,SAAGA,KAAH;AAAA,QAAUC,QAAV,SAAUA,QAAV;AAAA,QAAoBC,MAApB,SAAoBA,MAApB;AAAA,uDACV,OAAD;AACEC,MAAAA,KAAKD,UAAUH,KADjB;AAEEK,MAAAA,OAAO;AACLJ,QAAAA,OAAAA,KADK;AAELC,QAAAA,UAAAA;AAFK;AAFT,MADW;AAAA,GAAZ,EAFwB;AAAA;;;;"}

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { BaseTableCol } from '../../_type/components/table';
+import { BaseTableCol } from '../type';
 export interface TableContextValue {
     /**
      * 表头是否固定

package/esm/table/base/TableContext.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.18.2
+ * tdesign v0.19.0
  * (c) 2021 tdesign
  * @license MIT
  */

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

@@ -1 +1 @@
-{"version":3,"file":"TableContext.js","sources":["../../../src/table/base/TableContext.tsx"],"sourcesContent":["import { createContext, useContext } from 'react';\nimport { BaseTableCol } from '../../_type/components/table';\n\nexport interface TableContextValue {\n  /**\n   * 表头是否固定\n   */\n  fixedHeader: boolean;\n  /**\n   * 扁平后的Columns\n   */\n  flattenColumns: BaseTableCol[];\n}\n\nexport const TableContext = createContext<TableContextValue>({\n  fixedHeader: false,\n  flattenColumns: [],\n});\n\nexport const useTableContext = () => useContext(TableContext);\nexport const TableContextProvider = TableContext.Provider;\n"],"names":["TableContext","createContext","fixedHeader","flattenColumns","useTableContext","useContext","TableContextProvider","Provider"],"mappings":";;;;;;;;IAcaA,4BAAeC,cAAiC;AAC3DC,EAAAA,aAAa,KAD8C;AAE3DC,EAAAA,gBAAgB;AAF2C;IAKhDC,kBAAkB,SAAlBA,eAAkB;AAAA,SAAMC,WAAWL,aAAjB;AAAA;IAClBM,uBAAuBN,aAAaO;;;;"}
+{"version":3,"file":"TableContext.js","sources":["../../../src/table/base/TableContext.tsx"],"sourcesContent":["import { createContext, useContext } from 'react';\nimport { BaseTableCol } from '../type';\n\nexport interface TableContextValue {\n  /**\n   * 表头是否固定\n   */\n  fixedHeader: boolean;\n  /**\n   * 扁平后的Columns\n   */\n  flattenColumns: BaseTableCol[];\n}\n\nexport const TableContext = createContext<TableContextValue>({\n  fixedHeader: false,\n  flattenColumns: [],\n});\n\nexport const useTableContext = () => useContext(TableContext);\nexport const TableContextProvider = TableContext.Provider;\n"],"names":["TableContext","createContext","fixedHeader","flattenColumns","useTableContext","useContext","TableContextProvider","Provider"],"mappings":";;;;;;;;IAcaA,4BAAeC,cAAiC;AAC3DC,EAAAA,aAAa,KAD8C;AAE3DC,EAAAA,gBAAgB;AAF2C;IAKhDC,kBAAkB,SAAlBA,eAAkB;AAAA,SAAMC,WAAWL,aAAjB;AAAA;IAClBM,uBAAuBN,aAAaO;;;;"}

package/esm/table/base/TableEmptyBody.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.18.2
+ * tdesign v0.19.0
  * (c) 2021 tdesign
  * @license MIT
  */
@@ -16,7 +16,10 @@ function TableEmptyBody(props) {
   var _props$empty = props.empty,
       empty = _props$empty === void 0 ? "\u6682\u65E0\u6570\u636E" : _props$empty;
   return /* @__PURE__ */React__default.createElement("div", {
-    className: "".concat(classPrefix, "-table--empty")
+    className: "".concat(classPrefix, "-table--empty"),
+    style: {
+      borderBottom: 0
+    }
   }, typeof empty === "function" ? empty() : empty);
 }
 

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

@@ -1 +1 @@
-{"version":3,"file":"TableEmptyBody.js","sources":["../../../src/table/base/TableEmptyBody.tsx"],"sourcesContent":["import React from 'react';\nimport useConfig from '../../_util/useConfig';\n\nexport default function TableEmptyBody(props) {\n  const { classPrefix } = useConfig();\n  const { empty = '暂无数据' } = props;\n\n  return <div className={`${classPrefix}-table--empty`}>{typeof empty === 'function' ? empty() : empty}</div>;\n}\n"],"names":["props","useConfig","classPrefix","empty","className"],"mappings":";;;;;;;;;;;wBAGuCA,OAAO;mBACpBC;MAAhBC,yBAAAA;;qBACmBF,MAAnBG;MAAAA,kCAAQ;qDAER,OAAD;AAAKC,IAAAA,qBAAcF;AAAnB,KAAgD,OAAOC,KAAP,KAAiB,UAAjB,GAA8BA,OAA9B,GAAwCA;;;;;"}
+{"version":3,"file":"TableEmptyBody.js","sources":["../../../src/table/base/TableEmptyBody.tsx"],"sourcesContent":["import React from 'react';\nimport useConfig from '../../_util/useConfig';\n\nexport default function TableEmptyBody(props) {\n  const { classPrefix } = useConfig();\n  const { empty = '暂无数据' } = props;\n\n  return (\n    <div className={`${classPrefix}-table--empty`} style={{ borderBottom: 0 }}>\n      {typeof empty === 'function' ? empty() : empty}\n    </div>\n  );\n}\n"],"names":["props","useConfig","classPrefix","empty","className","style","borderBottom"],"mappings":";;;;;;;;;;;wBAGuCA,OAAO;mBACpBC;MAAhBC,yBAAAA;;qBACmBF,MAAnBG;MAAAA,kCAAQ;qDAGb,OAAD;AAAKC,IAAAA,qBAAcF,6BAAnB;AAA+CG,IAAAA,OAAO;AAAEC,MAAAA,cAAc;AAAhB;AAAtD,KACG,OAAOH,KAAP,KAAiB,UAAjB,GAA8BA,OAA9B,GAAwCA;;;;;"}

package/esm/table/base/TableFooter.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.18.2
+ * tdesign v0.19.0
  * (c) 2021 tdesign
  * @license MIT
  */