tdesign-react 0.19.1 → 0.20.0

package/cjs/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":"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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 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/cjs/table/base/TableAsyncLoadingBody.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.19.1
+ * tdesign v0.20.0
  * (c) 2021 tdesign
  * @license MIT
  */
@@ -9,27 +9,29 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var isFunction = require('../../_chunks/dep-3cf89b5c.js');
+var isFunction = require('../../_chunks/dep-6e386c8a.js');
 var loading_index = require('../../loading/index.js');
 var _util_useConfig = require('../../_util/useConfig.js');
-require('../../_chunks/dep-bc7ce7d9.js');
-require('../../_chunks/dep-9b5ff552.js');
-require('../../_chunks/dep-79109b15.js');
+require('../../_chunks/dep-6b1174cd.js');
+require('../../_chunks/dep-e8336ca1.js');
+require('../../_chunks/dep-b0e9bbd3.js');
 require('../../loading/loading.js');
-require('../../_chunks/dep-cbedafdb.js');
-require('../../_chunks/dep-8f80ce94.js');
-require('../../_chunks/dep-2c22ada3.js');
-require('react-dom');
+require('../../_chunks/dep-3b16b729.js');
+require('../../_chunks/dep-fb19c6e4.js');
+require('../../_chunks/dep-0f342310.js');
 require('classnames');
 require('../../_util/dom.js');
 require('raf');
-require('../../_chunks/dep-9166817e.js');
-require('../../_chunks/dep-ef75128a.js');
-require('../../_chunks/dep-44e3e9bb.js');
+require('../../_chunks/dep-9ee20113.js');
+require('../../_chunks/dep-9e3e211f.js');
+require('../../_chunks/dep-2302f518.js');
 require('../../_util/easing.js');
 require('../../common/Portal.js');
+require('react-dom');
+require('../../loading/gradient.js');
 require('../../config-provider/ConfigContext.js');
 require('../../locale/zh_CN.js');
+require('../../loading/plugin.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -45,7 +47,7 @@ function TableEmptyBody(props) {
 
   if (asyncLoading === "loading") {
     return /* @__PURE__ */React__default["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"
@@ -59,7 +61,7 @@ function TableEmptyBody(props) {
 
   if (asyncLoading === "load-more") {
     return /* @__PURE__ */React__default["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/cjs/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;kEAE3B,OAAD;AACEE,MAAAA,qBAAcH,8CAAoCA,8CADpD;AAEEI,MAAAA,SAAS,mBAAM;4BACO;AAAEC,UAAAA,QAAQ;AAAV;;AAHxB,8DAMGC,uBAAD;AAASC,MAAAA,SAAS,IAAlB;AAAwBC,MAAAA,MAAK;AAA7B,+DACC,QAAD,MAAM;;;MAKRP,iBAAiB,aAAa;kEAE7B,OAAD;AACEE,MAAAA,qBAAcH,8CAAoCA,gDADpD;AAEEI,MAAAA,SAAS,mBAAM;4BACO;AAAEC,UAAAA,QAAQ;AAAV;;AAHxB,OAKC;;;MAMDI,SAA0B;MAC1BR,uBAAuBA;MACvBS,wBAAWT,wBAAwBA;0GAE7BQ;;;;;"}
+{"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;kEAE3B,OAAD;AACEE,MAAAA,qBAAcH,8CAAoCA,2BADpD;AAEEI,MAAAA,SAAS,mBAAM;4BACO;AAAEC,UAAAA,QAAQ;AAAV;;AAHxB,8DAMGC,uBAAD;AAASC,MAAAA,SAAS,IAAlB;AAAwBC,MAAAA,MAAK;AAA7B,+DACC,QAAD,MAAM;;;MAKRP,iBAAiB,aAAa;kEAE7B,OAAD;AACEE,MAAAA,qBAAcH,8CAAoCA,6BADpD;AAEEI,MAAAA,SAAS,mBAAM;4BACO;AAAEC,UAAAA,QAAQ;AAAV;;AAHxB,OAKC;;;MAMDI,SAA0B;MAC1BR,uBAAuBA;MACvBS,wBAAWT,wBAAwBA;0GAE7BQ;;;;;"}

package/cjs/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/cjs/table/base/TableBody.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.19.1
+ * tdesign v0.20.0
  * (c) 2021 tdesign
  * @license MIT
  */
@@ -8,38 +8,47 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var defineProperty = require('../../_chunks/dep-cbedafdb.js');
+var defineProperty = require('../../_chunks/dep-3b16b729.js');
 var React = require('react');
-var isFunction = require('../../_chunks/dep-3cf89b5c.js');
-var get = require('../../_chunks/dep-ebdde240.js');
+var isFunction = require('../../_chunks/dep-6e386c8a.js');
+var get = require('../../_chunks/dep-b9aedb11.js');
 var _util_useConfig = require('../../_util/useConfig.js');
 var table_base_TableRow = require('./TableRow.js');
-require('../../_chunks/dep-bc7ce7d9.js');
-require('../../_chunks/dep-9b5ff552.js');
-require('../../_chunks/dep-79109b15.js');
-require('../../_chunks/dep-6b5e4ff7.js');
-require('../../_chunks/dep-ef75128a.js');
-require('../../_chunks/dep-37d490bf.js');
-require('../../_chunks/dep-44e3e9bb.js');
-require('../../_chunks/dep-d58c0812.js');
-require('../../_chunks/dep-4553e2fd.js');
-require('../../_chunks/dep-9ecba42e.js');
+require('../../_chunks/dep-6b1174cd.js');
+require('../../_chunks/dep-e8336ca1.js');
+require('../../_chunks/dep-b0e9bbd3.js');
+require('../../_chunks/dep-666ca657.js');
+require('../../_chunks/dep-9e3e211f.js');
+require('../../_chunks/dep-4ea10b93.js');
+require('../../_chunks/dep-2302f518.js');
+require('../../_chunks/dep-cad238c0.js');
+require('../../_chunks/dep-bef84f1b.js');
+require('../../_chunks/dep-777e1a4b.js');
 require('../../config-provider/ConfigContext.js');
 require('../../locale/zh_CN.js');
-require('../../_chunks/dep-ab51e170.js');
+require('../../_chunks/dep-c3ff803a.js');
 require('./TableContext.js');
 require('./TableCell.js');
-require('../../_chunks/dep-8f80ce94.js');
-require('../../_chunks/dep-2c22ada3.js');
+require('../../_chunks/dep-fb19c6e4.js');
+require('../../_chunks/dep-0f342310.js');
 require('classnames');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-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._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._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__*/React.forwardRef(function (props, ref) {
   var _useConfig = _util_useConfig["default"](),
       classPrefix = _useConfig.classPrefix;
@@ -49,13 +58,13 @@ var TableBody = /*#__PURE__*/React.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.isFunction_1(rowspanAndColspan);
+  var rowEvents = getRowEvents();
   var rows = data.map(function (row, index) {
     var rowKeyValue = get.get_1(row, rowKey) || index;
     return /* @__PURE__ */React__default["default"].createElement(React__default["default"].Fragment, {
@@ -63,19 +72,34 @@ var TableBody = /*#__PURE__*/React.forwardRef(function (props, ref) {
     }, /* @__PURE__ */React__default["default"].createElement(table_base_TableRow["default"], _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["default"].createElement("tbody", {
     ref: ref,
     className: "".concat(classPrefix, "-table__body")

package/cjs/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,iBAChB,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,wBAAWJ;MAGnCK,OAAOX,KAAKY,GAAL,CAAS,UAACC,GAAD,EAAMC,KAAN,EAAgB;QAC9BC,cAAcC,UAAIH,KAAKZ,OAAT,IAAoBa;kEAGrCG,0BAAMC,UAAP;AAAgBC,MAAAA,KAAKJ;AAArB,8DACGK;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;gEA2BV,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,iBAChB,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,wBAAWH;MAEnCI,YAAYC;MAGZC,OAAOb,KAAKc,GAAL,CAAS,UAACC,GAAD,EAAMC,KAAN,EAAgB;QAC9BC,cAAcC,UAAIH,KAAKd,OAAT,IAAoBe;kEAGrCG,0BAAMC,UAAP;AAAgBC,MAAAA,KAAKJ;AAArB,8DACGK;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;;;gEAIN,SAAD;AAAO9B,IAAAA,KAAAA,GAAP;AAAiBoC,IAAAA,qBAAclC;AAA/B,KACGc;;;;;"}

package/cjs/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;

package/cjs/table/base/TableCell.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.19.1
+ * tdesign v0.20.0
  * (c) 2021 tdesign
  * @license MIT
  */
@@ -8,13 +8,13 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var defineProperty = require('../../_chunks/dep-cbedafdb.js');
-var slicedToArray = require('../../_chunks/dep-8f80ce94.js');
+var defineProperty = require('../../_chunks/dep-3b16b729.js');
+var slicedToArray = require('../../_chunks/dep-fb19c6e4.js');
 var React = require('react');
 var classNames = require('classnames');
 var _util_useConfig = require('../../_util/useConfig.js');
 var table_base_TableContext = require('./TableContext.js');
-require('../../_chunks/dep-2c22ada3.js');
+require('../../_chunks/dep-0f342310.js');
 require('../../config-provider/ConfigContext.js');
 require('../../locale/zh_CN.js');
 
@@ -23,9 +23,9 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var classNames__default = /*#__PURE__*/_interopDefaultLegacy(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._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._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 TableCell = function TableCell(props) {
   var _classnames;
@@ -45,7 +45,8 @@ var TableCell = function TableCell(props) {
       rowIndex = props.rowIndex,
       className = props.className,
       rowSpan = props.rowSpan,
-      colSpan = props.colSpan;
+      colSpan = props.colSpan,
+      isFirstChildTdSetBorderWidth = props.isFirstChildTdSetBorderWidth;
 
   var _useConfig = _util_useConfig["default"](),
       classPrefix = _useConfig.classPrefix;
@@ -100,15 +101,18 @@ var TableCell = function TableCell(props) {
     cellStyle[fixed] = offset;
   }
 
-  if (width) {
-    style.overflow = "hidden";
+  if (width && !fixed) {
+    cellStyle.overflow = "hidden";
   }
 
-  var Component = "td";
-  return /* @__PURE__ */React__default["default"].createElement(Component, {
+  if (isFirstChildTdSetBorderWidth) {
+    cellStyle.borderWidth = 1;
+  }
+
+  return /* @__PURE__ */React__default["default"].createElement("td", {
     ref: ref,
     style: cellStyle,
-    className: classNames__default["default"]((_classnames = {}, defineProperty._defineProperty(_classnames, "".concat(classPrefix, "-table__cell--fixed-").concat(fixed), fixed), defineProperty._defineProperty(_classnames, "".concat(classPrefix, "-table__cell--fixed-").concat(fixed, "-").concat(fixed === "left" ? "last" : "first"), fixed && isBoundary), defineProperty._defineProperty(_classnames, "align-".concat(align), align), defineProperty._defineProperty(_classnames, "text-ellipsis", ellipsis), defineProperty._defineProperty(_classnames, "".concat(className), !!className), _classnames)),
+    className: classNames__default["default"]((_classnames = {}, defineProperty._defineProperty(_classnames, "".concat(classPrefix, "-table__cell--fixed-").concat(fixed), fixed), defineProperty._defineProperty(_classnames, "".concat(classPrefix, "-table__cell--fixed-").concat(fixed, "-").concat(fixed === "left" ? "last" : "first"), fixed && isBoundary), defineProperty._defineProperty(_classnames, "".concat(classPrefix, "-align-").concat(align), align), defineProperty._defineProperty(_classnames, "".concat(classPrefix, "-text-ellipsis"), ellipsis), defineProperty._defineProperty(_classnames, "".concat(className), !!className), _classnames)),
     rowSpan: rowSpan,
     colSpan: colSpan
   }, cellNode);

package/cjs/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';\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,eAAS;;MAA9BC;MAAQC;;mBACqBF,eAAS;;MAAtCG;MAAYC;;MAEbC,MAAMC;wBAEI,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;gEAEfA,WAAD;AACEtB,IAAAA,KAAAA,GADF;AAEExB,IAAAA,OAAO2C,SAFT;AAGE/B,IAAAA,WAAWmC,wGACL/B,4CAAkCT,QAAUA,8DAC5CS,4CAAkCT,mBAASA,UAAU,MAAV,GAAmB,MAAnB,GAA4B,UAAYA,SAASe,yEACtFd,QAAUA,oDACpB,iBAAiBC,iEACbG,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  isFirstChildTdSetBorderWidth?: Boolean;\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    isFirstChildTdSetBorderWidth,\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 && !fixed) {\n    cellStyle.overflow = 'hidden';\n  }\n  if (isFirstChildTdSetBorderWidth) {\n    cellStyle.borderWidth = 1;\n  }\n\n  return (\n    <td\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        [`${classPrefix}-align-${align}`]: align,\n        [`${classPrefix}-text-ellipsis`]: ellipsis,\n        [`${className}`]: !!className,\n      })}\n      rowSpan={rowSpan}\n      colSpan={colSpan}\n    >\n      {cellNode}\n    </td>\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","isFirstChildTdSetBorderWidth","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","borderWidth","classnames"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAmBMA,YAAY,SAAZA,SAAY,CAAqBC,KAArB,EAAgE;AAAA;;qBAkB5EA,MAhBFC;MAAAA,kCAAQ;MACRC,QAeEF,MAfFE;MACAC,OAcEH,MAdFG;MACAC,SAaEJ,MAbFI;MACAC,SAYEL,MAZFK;MACAC,eAWEN,MAXFM;MACAC,WAUEP,MAVFO;MACAC,QASER,MATFQ;MACAC,QAQET,MARFS;MACAC,WAOEV,MAPFU;MACAC,UAMEX,MANFW;MACAC,WAKEZ,MALFY;MACAC,YAIEb,MAJFa;MACAC,UAGEd,MAHFc;MACAC,UAEEf,MAFFe;MACAC,+BACEhB,MADFgB;;mBAGsBC;MAAhBC,yBAAAA;;yBACmBC;MAAnBC,kCAAAA;;kBACoBC,eAAS;;MAA9BC;MAAQC;;mBACqBF,eAAS;;MAAtCG;MAAYC;;MAEbC,MAAMC;wBAEI,YAAM;QAChBD,IAAIE,SAAS;UACXC,UAAS;UACLC,cAAgBJ,IAAIE,QAApBE;UACFC,eAAeX,eAAeY,MAAf,CAAsB,UAACC,MAAD;AAAA,eAAYA,OAAOzB,KAAP,KAAiBA,KAA7B;AAAA,OAAtB;UACf0B,sBAAsBH,aAAaI,SAAb,CAAuB;AAAA,YAAWC,GAAX,QAAG/B,MAAH;AAAA,eAAqB+B,QAAQ/B,MAA7B;AAAA,OAAvB;mBAEfgC,QAAQ,UAACC,CAAD,EAAIC,GAAJ,EAAY;YAC1B/B,UAAU,OAAV,IAAqB+B,MAAML,mBAA3B,IAAoD1B,UAAU,MAAV,IAAoB+B,MAAML,qBAAsB;qBAC7FJ;;;gBAGJD;UAEJW,cAAahC,UAAU,MAAV,GAAmB0B,wBAAwBH,aAAaU,MAAb,GAAsB,CAAjE,GAAqEP,wBAAwB;oBAClGM;;KAEf,CAACd,GAAD,EAAMN,cAAN,EAAsBf,MAAtB,EAA8BG,KAA9B;MAEGkC,WAAWpC,aAAa;AAAEH,IAAAA,MAAAA,IAAF;AAAQwC,IAAAA,KAAKvC,MAAb;AAAqBQ,IAAAA,UAAAA,QAArB;AAA+BgC,IAAAA,KAAKjC,oBAAAA,8BAAAA,QAAUJ,SAA9C;AAAyDA,IAAAA,UAAAA;AAAzD;;MAGxBsC,8BAAiB5C;;MACnBO,OAAO;cACCsC,WAAW;cACXtC,SAASc;;;MAEjBpB,SAAS,CAACM,OAAO;cACTuC,WAAW;;;MAEnB/B,8BAA8B;cACtBgC,cAAc;;;gEAIvB,MAAD;AACEtB,IAAAA,KAAAA,GADF;AAEEzB,IAAAA,OAAO4C,SAFT;AAGEhC,IAAAA,WAAWoC,wGACL/B,4CAAkCV,QAAUA,8DAC5CU,4CAAkCV,mBAASA,UAAU,MAAV,GAAmB,MAAnB,GAA4B,UAAYA,SAASgB,mEAC5FN,+BAAqBT,QAAUA,8DAC/BS,gCAA8BR,iEAC9BG,YAAc,CAAC,CAACA,yBARxB;AAUEC,IAAAA,SAAAA,OAVF;AAWEC,IAAAA,SAAAA;AAXF,KAaG2B;;;;;"}

package/cjs/table/base/TableColGroup.js

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

package/cjs/table/base/TableContext.js

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

package/cjs/table/base/TableEmptyBody.js

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

package/cjs/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 (\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;gEAGb,OAAD;AAAKC,IAAAA,qBAAcF,6BAAnB;AAA+CG,IAAAA,OAAO;AAAEC,MAAAA,cAAc;AAAhB;AAAtD,KACG,OAAOH,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;gEAGb,OAAD;AAAKC,IAAAA,qBAAcF,6BAAnB;AAA+CG,IAAAA,OAAO;AAAEC,MAAAA,cAAc;AAAhB;AAAtD,KACG,OAAOH,KAAP,KAAiB,UAAjB,GAA8BA,OAA9B,GAAwCA;;;;;"}

package/cjs/table/base/TableFooter.js

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

package/cjs/table/base/TableHeader.d.ts

@@ -6,5 +6,5 @@ interface TableHeaderProps<D extends DataType> {
         style?: Styles;
     })[];
 }
-declare const TableHeader: <D extends DataType>(props: TableHeaderProps<D>) => JSX.Element;
+declare const TableHeader: <D extends import("../type").TableRowData>(props: TableHeaderProps<D>) => JSX.Element;
 export default TableHeader;