tdesign-react 0.19.0 → 0.20.2

package/lib/table/base/TableRow.js

@@ -1,28 +1,28 @@
 /**
- * tdesign v0.19.0
+ * tdesign v0.20.2
  * (c) 2021 tdesign
  * @license MIT
  */
 
-import { _ as _defineProperty } from '../../_chunks/dep-53c6c586.js';
-import { _ as _objectWithoutProperties } from '../../_chunks/dep-b3d60655.js';
+import { _ as _defineProperty } from '../../_chunks/dep-2e97cc0d.js';
+import { _ as _objectWithoutProperties } from '../../_chunks/dep-3d9b45dc.js';
 import React__default, { isValidElement } from 'react';
-import { g as get_1 } from '../../_chunks/dep-ca288302.js';
-import { i as isFunction_1 } from '../../_chunks/dep-02f1a98a.js';
+import { g as get_1 } from '../../_chunks/dep-447962b9.js';
+import { i as isFunction_1 } from '../../_chunks/dep-60b80c40.js';
 import { useTableContext } from './TableContext.js';
 import TableCell from './TableCell.js';
-import '../../_chunks/dep-abf70528.js';
-import '../../_chunks/dep-785f8869.js';
-import '../../_chunks/dep-601473bd.js';
-import '../../_chunks/dep-7f56083b.js';
-import '../../_chunks/dep-3072ff80.js';
-import '../../_chunks/dep-aa8beec4.js';
-import '../../_chunks/dep-62256c26.js';
-import '../../_chunks/dep-204550b9.js';
-import '../../_chunks/dep-31aba762.js';
-import '../../_chunks/dep-42f70fd8.js';
-import '../../_chunks/dep-fff59b5a.js';
-import '../../_chunks/dep-4c3606c3.js';
+import '../../_chunks/dep-e96866d8.js';
+import '../../_chunks/dep-8139cd34.js';
+import '../../_chunks/dep-759bc4af.js';
+import '../../_chunks/dep-fb3be3f7.js';
+import '../../_chunks/dep-a0170b8a.js';
+import '../../_chunks/dep-18586a72.js';
+import '../../_chunks/dep-98e66b66.js';
+import '../../_chunks/dep-4bcb4398.js';
+import '../../_chunks/dep-77677472.js';
+import '../../_chunks/dep-ce5f7bb9.js';
+import '../../_chunks/dep-85854991.js';
+import '../../_chunks/dep-38c06164.js';
 import 'classnames';
 import '../../_util/useConfig.js';
 import '../../config-provider/ConfigContext.js';
@@ -30,20 +30,24 @@ import '../../locale/zh_CN.js';
 
 var _excluded = ["colKey", "cell", "render"];
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 var TableRow = function TableRow(props) {
   var record = props.record,
       rowClassName = props.rowClassName,
       rowIndex = props.rowIndex,
+      rowKey = props.rowKey,
       rowspanAndColspan = props.rowspanAndColspan,
       isRowspanAndColspanFn = props.isRowspanAndColspanFn,
       rowSkipTdSpanColIndexsMap = props.rowSkipTdSpanColIndexsMap,
       dataLength = props.dataLength,
-      onTrClick = props.onTrClick,
-      expandOnRowClick = props.expandOnRowClick;
+      _props$rowEvents = props.rowEvents,
+      rowEvents = _props$rowEvents === void 0 ? {} : _props$rowEvents,
+      expandedRow = props.expandedRow,
+      expandOnRowClick = props.expandOnRowClick,
+      handleExpandChange = props.handleExpandChange;
 
   var _useTableContext = useTableContext(),
       flattenColumns = _useTableContext.flattenColumns;
@@ -66,7 +70,8 @@ var TableRow = function TableRow(props) {
     }),
         isSkipRenderTd = _getRowSpanAndColSpan.isSkipRenderTd,
         rowSpan = _getRowSpanAndColSpan.rowSpan,
-        colSpan = _getRowSpanAndColSpan.colSpan;
+        colSpan = _getRowSpanAndColSpan.colSpan,
+        isFirstChildTdSetBorderWidth = _getRowSpanAndColSpan.isFirstChildTdSetBorderWidth;
 
     if (isSkipRenderTd) {
       return null;
@@ -88,7 +93,8 @@ var TableRow = function TableRow(props) {
       columns: flattenColumns,
       customRender: customRender,
       rowSpan: rowSpan,
-      colSpan: colSpan
+      colSpan: colSpan,
+      isFirstChildTdSetBorderWidth: isFirstChildTdSetBorderWidth
     }, restColumnProps));
   });
   var classes = rowClassName;
@@ -136,6 +142,7 @@ var TableRow = function TableRow(props) {
     var rowSpan;
     var colSpan;
     var isSkipRenderTd = false;
+    var isFirstChildTdSetBorderWidth = false;
 
     if (isRowspanAndColspanFn2) {
       var _rowSkipTdSpanColInde;
@@ -185,12 +192,17 @@ var TableRow = function TableRow(props) {
       }
 
       isSkipRenderTd = (_rowSkipTdSpanColInde = rowSkipTdSpanColIndexsMap2[rowIndex2]) === null || _rowSkipTdSpanColInde === void 0 ? void 0 : _rowSkipTdSpanColInde.includes(colIndex);
+      isFirstChildTdSetBorderWidth = getIsFirstChildTdSetBorderWidth({
+        rowSkipTdSpanColIndexsMap: rowSkipTdSpanColIndexsMap2,
+        rowIndex: rowIndex2
+      });
     }
 
     return {
       rowSpan: rowSpan,
       colSpan: colSpan,
-      isSkipRenderTd: isSkipRenderTd
+      isSkipRenderTd: isSkipRenderTd,
+      isFirstChildTdSetBorderWidth: isFirstChildTdSetBorderWidth
     };
   }
 
@@ -210,11 +222,49 @@ var TableRow = function TableRow(props) {
     return rowSkipTdSpanColIndexs;
   }
 
-  return /* @__PURE__ */React__default.createElement("tr", _objectSpread({
+  function getIsFirstChildTdSetBorderWidth(_ref4) {
+    var rowSkipTdSpanColIndexsMap2 = _ref4.rowSkipTdSpanColIndexsMap,
+        rowIndex2 = _ref4.rowIndex;
+
+    if (rowIndex2 > 0) {
+      var rowSkipTdSpanColIndexs = rowSkipTdSpanColIndexsMap2 === null || rowSkipTdSpanColIndexsMap2 === void 0 ? void 0 : rowSkipTdSpanColIndexsMap2[rowIndex2];
+
+      if (rowSkipTdSpanColIndexs && rowSkipTdSpanColIndexs[0] === 0) {
+        return true;
+      }
+    }
+
+    return false;
+  }
+
+  function getExpandOnClickEvent() {
+    if (expandOnRowClick && expandedRow) {
+      var apiEvent = rowEvents.onClick;
+      var rowKeyValue = get_1(record, rowKey) || rowIndex;
+      var onClick;
+
+      if (apiEvent) {
+        onClick = function onClick(e) {
+          apiEvent(e);
+          handleExpandChange(record, rowKeyValue);
+        };
+      } else {
+        onClick = function onClick() {
+          handleExpandChange(record, rowKeyValue);
+        };
+      }
+
+      return {
+        onClick: onClick
+      };
+    }
+
+    return {};
+  }
+
+  return /* @__PURE__ */React__default.createElement("tr", _objectSpread(_objectSpread({
     className: classes
-  }, expandOnRowClick ? {
-    onClick: onTrClick
-  } : {}), baseRow);
+  }, rowEvents), getExpandOnClickEvent()), baseRow);
 };
 
 export { TableRow as default };

package/lib/table/base/TableRow.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableRow.js","sources":["../../../src/table/base/TableRow.tsx"],"sourcesContent":["import React, { isValidElement } from 'react';\nimport get from 'lodash/get';\nimport isFunction from 'lodash/isFunction';\nimport { useTableContext } from './TableContext';\nimport TableCell from './TableCell';\nimport { DataType, TdBaseTableProps, RowspanColspan, RowspanAndColspanParams } from '../type';\nimport { RowSkipTdSpanColIndexsMap } from './TableBody';\n\ninterface MergeCellsProps {\n  rowspanAndColspan?: TdBaseTableProps['rowspanAndColspan'];\n  isRowspanAndColspanFn?: boolean;\n  rowSkipTdSpanColIndexsMap?: RowSkipTdSpanColIndexsMap;\n  dataLength?: number;\n}\n\ninterface RowProps<D extends DataType> extends MergeCellsProps {\n  record: D;\n  rowClassName?: TdBaseTableProps['rowClassName'];\n  rowIndex?: number;\n  onTrClick?: () => void;\n  expandOnRowClick?: boolean;\n}\n\nconst TableRow = <D extends DataType>(props: RowProps<D>) => {\n  const {\n    record,\n    rowClassName,\n    rowIndex,\n    rowspanAndColspan,\n    isRowspanAndColspanFn,\n    rowSkipTdSpanColIndexsMap,\n    dataLength,\n    onTrClick,\n    expandOnRowClick,\n  } = props;\n  const { flattenColumns } = useTableContext();\n  const flattenColumnsLength = flattenColumns?.length;\n\n  const baseRow = flattenColumns.map((column, colIndex) => {\n    const { colKey, cell, render, ...restColumnProps } = column;\n\n    const { isSkipRenderTd, rowSpan, colSpan } = getRowSpanAndColSpanAndIsSkipRenderTd({\n      isRowspanAndColspanFn,\n      rowspanAndColspan,\n      rowSkipTdSpanColIndexsMap,\n      rowIndex,\n      colIndex,\n      col: column,\n      row: record,\n    });\n\n    if (isSkipRenderTd) {\n      return null;\n    }\n\n    const customRender = getCustomRender({ record, colKey, cell, render });\n\n    return (\n      <TableCell\n        key={colKey}\n        type=\"cell\"\n        rowIndex={rowIndex}\n        colIndex={colIndex}\n        record={record}\n        colKey={colKey}\n        columns={flattenColumns}\n        customRender={customRender}\n        rowSpan={rowSpan}\n        colSpan={colSpan}\n        {...restColumnProps}\n      />\n    );\n  });\n\n  let classes = rowClassName as string;\n  if (typeof rowClassName === 'function') {\n    classes = rowClassName({ row: record, rowIndex });\n  }\n\n  function getCustomRender({ record, colKey, cell, render }) {\n    if (typeof cell === 'string' || isValidElement(cell)) {\n      return () => cell;\n    }\n    if (isFunction(cell)) {\n      return cell;\n    }\n    if (isFunction(render)) {\n      return render;\n    }\n    return () => get(record, colKey);\n  }\n\n  function getRowSpanAndColSpanAndIsSkipRenderTd({\n    isRowspanAndColspanFn,\n    rowspanAndColspan,\n    rowSkipTdSpanColIndexsMap,\n    rowIndex,\n    colIndex,\n    col,\n    row,\n  }: MergeCellsProps & RowspanAndColspanParams<DataType>): {\n    rowSpan: number | undefined;\n    colSpan: number | undefined;\n    isSkipRenderTd: boolean;\n  } {\n    let rowSpan;\n    let colSpan;\n    let isSkipRenderTd = false;\n\n    if (isRowspanAndColspanFn) {\n      const rowspanAndColspanValue: RowspanColspan = rowspanAndColspan({\n        rowIndex,\n        colIndex,\n        col,\n        row,\n      });\n\n      const isRowspanAndColspanValueValid =\n        rowspanAndColspanValue && (rowspanAndColspanValue.rowspan || rowspanAndColspanValue.colspan);\n      if (isRowspanAndColspanValueValid) {\n        rowSpan = rowspanAndColspanValue.rowspan;\n        colSpan = rowspanAndColspanValue.colspan;\n\n        if (colSpan && colSpan > 1 && colSpan < flattenColumnsLength) {\n          const minIndex = colIndex + 1;\n          const maxIndex = colIndex + colSpan;\n          const rowSkipTdSpanColIndexs = getRowSkipTdSpanColIndexs({\n            minIndex,\n            maxIndex,\n            rowSkipTdSpanColIndexsMap,\n            rowIndex,\n          });\n          rowSkipTdSpanColIndexsMap[rowIndex] = rowSkipTdSpanColIndexs; // eslint-disable-line\n        }\n\n        if (rowSpan && rowSpan > 1 && rowSpan < dataLength) {\n          const minRowIndex = rowIndex + 1;\n          const maxRowIndex = rowIndex + rowSpan;\n          const minIndex = colIndex;\n          const maxIndex = colIndex + colSpan;\n          Array.from(new Array(maxRowIndex - minRowIndex)).forEach((item, index) => {\n            const skipRowIndex = index + minRowIndex;\n            const rowSkipTdSpanColIndexs = getRowSkipTdSpanColIndexs({\n              minIndex,\n              maxIndex,\n              rowSkipTdSpanColIndexsMap,\n              rowIndex: skipRowIndex,\n            });\n            rowSkipTdSpanColIndexsMap[skipRowIndex] = rowSkipTdSpanColIndexs; // eslint-disable-line\n          });\n        }\n      }\n      isSkipRenderTd = rowSkipTdSpanColIndexsMap[rowIndex]?.includes(colIndex);\n    }\n\n    return {\n      rowSpan,\n      colSpan,\n      isSkipRenderTd,\n    };\n  }\n\n  function getRowSkipTdSpanColIndexs({ minIndex, maxIndex, rowSkipTdSpanColIndexsMap, rowIndex }): number[] {\n    const rowSkipTdSpanColIndexs = rowSkipTdSpanColIndexsMap[rowIndex] || [];\n\n    Array.from(new Array(maxIndex - minIndex)).forEach((item, index) => {\n      const skipColIndex = index + minIndex;\n      if (!rowSkipTdSpanColIndexs.includes(skipColIndex)) {\n        rowSkipTdSpanColIndexs.push(skipColIndex);\n      }\n    });\n\n    return rowSkipTdSpanColIndexs;\n  }\n\n  return (\n    <tr className={classes} {...(expandOnRowClick ? { onClick: onTrClick } : {})}>\n      {baseRow}\n    </tr>\n  );\n};\n\nexport default TableRow;\n"],"names":["TableRow","props","record","rowClassName","rowIndex","rowspanAndColspan","isRowspanAndColspanFn","rowSkipTdSpanColIndexsMap","dataLength","onTrClick","expandOnRowClick","useTableContext","flattenColumns","flattenColumnsLength","length","baseRow","map","column","colIndex","colKey","cell","render","restColumnProps","getRowSpanAndColSpanAndIsSkipRenderTd","col","row","isSkipRenderTd","rowSpan","colSpan","customRender","getCustomRender","TableCell","key","type","columns","classes","isValidElement","isFunction","get","record2","isRowspanAndColspanFn2","rowspanAndColspanValue","rowspanAndColspan2","isRowspanAndColspanValueValid","rowspan","colspan","minIndex","maxIndex","rowSkipTdSpanColIndexs","getRowSkipTdSpanColIndexs","rowIndex2","minRowIndex","maxRowIndex","from","Array","forEach","item","index","skipRowIndex","rowSkipTdSpanColIndexsMap2","includes","skipColIndex","push","className","onClick"],"mappings":"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"}
+{"version":3,"file":"TableRow.js","sources":["../../../src/table/base/TableRow.tsx"],"sourcesContent":["import React, { isValidElement } from 'react';\nimport get from 'lodash/get';\nimport isFunction from 'lodash/isFunction';\nimport { useTableContext } from './TableContext';\nimport TableCell from './TableCell';\nimport { DataType, TdBaseTableProps, RowspanColspan, RowspanAndColspanParams, TdPrimaryTableProps } from '../type';\nimport { RowSkipTdSpanColIndexsMap, RowEvents } from './TableBody';\nimport { ExpandInnerProps } from './Table';\n\ninterface MergeCellsProps {\n  rowspanAndColspan?: TdBaseTableProps['rowspanAndColspan'];\n  isRowspanAndColspanFn?: boolean;\n  rowSkipTdSpanColIndexsMap?: RowSkipTdSpanColIndexsMap;\n  dataLength?: number;\n}\ninterface ExpandProps extends ExpandInnerProps {\n  expandedRow?: TdPrimaryTableProps['expandedRow'];\n  expandOnRowClick?: TdPrimaryTableProps['expandOnRowClick'];\n}\ninterface RowProps<D extends DataType> extends MergeCellsProps, ExpandProps {\n  record: D;\n  rowClassName?: TdBaseTableProps['rowClassName'];\n  rowIndex?: number;\n  rowEvents?: RowEvents;\n  rowKey: TdBaseTableProps['rowKey'];\n}\n\nconst TableRow = <D extends DataType>(props: RowProps<D>) => {\n  const {\n    record,\n    rowClassName,\n    rowIndex,\n    rowKey,\n    rowspanAndColspan,\n    isRowspanAndColspanFn,\n    rowSkipTdSpanColIndexsMap,\n    dataLength,\n    rowEvents = {},\n    expandedRow,\n    expandOnRowClick,\n    handleExpandChange,\n  } = props;\n  const { flattenColumns } = useTableContext();\n  const flattenColumnsLength = flattenColumns?.length;\n  const baseRow = flattenColumns.map((column, colIndex) => {\n    const { colKey, cell, render, ...restColumnProps } = column;\n\n    const { isSkipRenderTd, rowSpan, colSpan, isFirstChildTdSetBorderWidth } = getRowSpanAndColSpanAndIsSkipRenderTd({\n      isRowspanAndColspanFn,\n      rowspanAndColspan,\n      rowSkipTdSpanColIndexsMap,\n      rowIndex,\n      colIndex,\n      col: column,\n      row: record,\n    });\n\n    if (isSkipRenderTd) {\n      return null;\n    }\n\n    const customRender = getCustomRender({ record, colKey, cell, render });\n\n    return (\n      <TableCell\n        key={colKey}\n        type=\"cell\"\n        rowIndex={rowIndex}\n        colIndex={colIndex}\n        record={record}\n        colKey={colKey}\n        columns={flattenColumns}\n        customRender={customRender}\n        rowSpan={rowSpan}\n        colSpan={colSpan}\n        isFirstChildTdSetBorderWidth={isFirstChildTdSetBorderWidth}\n        {...restColumnProps}\n      />\n    );\n  });\n\n  let classes = rowClassName as string;\n  if (typeof rowClassName === 'function') {\n    classes = rowClassName({ row: record, rowIndex });\n  }\n\n  function getCustomRender({ record, colKey, cell, render }) {\n    if (typeof cell === 'string' || isValidElement(cell)) {\n      return () => cell;\n    }\n    if (isFunction(cell)) {\n      return cell;\n    }\n    if (isFunction(render)) {\n      return render;\n    }\n    return () => get(record, colKey);\n  }\n\n  function getRowSpanAndColSpanAndIsSkipRenderTd({\n    isRowspanAndColspanFn,\n    rowspanAndColspan,\n    rowSkipTdSpanColIndexsMap,\n    rowIndex,\n    colIndex,\n    col,\n    row,\n  }: MergeCellsProps & RowspanAndColspanParams<DataType>): {\n    rowSpan: number | undefined;\n    colSpan: number | undefined;\n    isSkipRenderTd: boolean;\n    isFirstChildTdSetBorderWidth: boolean;\n  } {\n    let rowSpan;\n    let colSpan;\n    let isSkipRenderTd = false;\n    let isFirstChildTdSetBorderWidth = false;\n\n    if (isRowspanAndColspanFn) {\n      const rowspanAndColspanValue: RowspanColspan = rowspanAndColspan({\n        rowIndex,\n        colIndex,\n        col,\n        row,\n      });\n\n      const isRowspanAndColspanValueValid =\n        rowspanAndColspanValue && (rowspanAndColspanValue.rowspan || rowspanAndColspanValue.colspan);\n      if (isRowspanAndColspanValueValid) {\n        rowSpan = rowspanAndColspanValue.rowspan;\n        colSpan = rowspanAndColspanValue.colspan;\n\n        if (colSpan && colSpan > 1 && colSpan < flattenColumnsLength) {\n          const minIndex = colIndex + 1;\n          const maxIndex = colIndex + colSpan;\n          const rowSkipTdSpanColIndexs = getRowSkipTdSpanColIndexs({\n            minIndex,\n            maxIndex,\n            rowSkipTdSpanColIndexsMap,\n            rowIndex,\n          });\n          rowSkipTdSpanColIndexsMap[rowIndex] = rowSkipTdSpanColIndexs; // eslint-disable-line\n        }\n\n        if (rowSpan && rowSpan > 1 && rowSpan < dataLength) {\n          const minRowIndex = rowIndex + 1;\n          const maxRowIndex = rowIndex + rowSpan;\n          const minIndex = colIndex;\n          const maxIndex = colIndex + colSpan;\n          Array.from(new Array(maxRowIndex - minRowIndex)).forEach((item, index) => {\n            const skipRowIndex = index + minRowIndex;\n            const rowSkipTdSpanColIndexs = getRowSkipTdSpanColIndexs({\n              minIndex,\n              maxIndex,\n              rowSkipTdSpanColIndexsMap,\n              rowIndex: skipRowIndex,\n            });\n            rowSkipTdSpanColIndexsMap[skipRowIndex] = rowSkipTdSpanColIndexs; // eslint-disable-line\n          });\n        }\n      }\n      isSkipRenderTd = rowSkipTdSpanColIndexsMap[rowIndex]?.includes(colIndex);\n      isFirstChildTdSetBorderWidth = getIsFirstChildTdSetBorderWidth({ rowSkipTdSpanColIndexsMap, rowIndex });\n    }\n\n    return {\n      rowSpan,\n      colSpan,\n      isSkipRenderTd,\n      isFirstChildTdSetBorderWidth,\n    };\n  }\n\n  function getRowSkipTdSpanColIndexs({ minIndex, maxIndex, rowSkipTdSpanColIndexsMap, rowIndex }): number[] {\n    const rowSkipTdSpanColIndexs = rowSkipTdSpanColIndexsMap[rowIndex] || [];\n\n    Array.from(new Array(maxIndex - minIndex)).forEach((item, index) => {\n      const skipColIndex = index + minIndex;\n      if (!rowSkipTdSpanColIndexs.includes(skipColIndex)) {\n        rowSkipTdSpanColIndexs.push(skipColIndex);\n      }\n    });\n\n    return rowSkipTdSpanColIndexs;\n  }\n\n  /**\n   * 行的第一列td css设置borderWidth为0（其余列默认为1）上一行第一列存在跨行时，需补回该borderWidth为1\n   */\n  function getIsFirstChildTdSetBorderWidth({ rowSkipTdSpanColIndexsMap, rowIndex }) {\n    if (rowIndex > 0) {\n      const rowSkipTdSpanColIndexs = rowSkipTdSpanColIndexsMap?.[rowIndex];\n      // 简化条件判断：rowSkipTdSpanColIndexs对应第一列td不渲染时，说明上一行存在跨行，当前行所有列borderWidth都设为1\n      if (rowSkipTdSpanColIndexs && rowSkipTdSpanColIndexs[0] === 0) {\n        return true;\n      }\n    }\n    return false;\n  }\n\n  function getExpandOnClickEvent() {\n    if (expandOnRowClick && expandedRow) {\n      const apiEvent = rowEvents.onClick;\n      const rowKeyValue = get(record, rowKey) || rowIndex;\n      let onClick;\n      if (apiEvent) {\n        onClick = (e) => {\n          apiEvent(e);\n          handleExpandChange(record, rowKeyValue);\n        };\n      } else {\n        onClick = () => {\n          handleExpandChange(record, rowKeyValue);\n        };\n      }\n\n      return {\n        onClick,\n      };\n    }\n    return {};\n  }\n\n  return (\n    <tr className={classes} {...rowEvents} {...getExpandOnClickEvent()}>\n      {baseRow}\n    </tr>\n  );\n};\n\nexport default TableRow;\n"],"names":["TableRow","props","record","rowClassName","rowIndex","rowKey","rowspanAndColspan","isRowspanAndColspanFn","rowSkipTdSpanColIndexsMap","dataLength","rowEvents","expandedRow","expandOnRowClick","handleExpandChange","useTableContext","flattenColumns","flattenColumnsLength","length","baseRow","map","column","colIndex","colKey","cell","render","restColumnProps","getRowSpanAndColSpanAndIsSkipRenderTd","col","row","isSkipRenderTd","rowSpan","colSpan","isFirstChildTdSetBorderWidth","customRender","getCustomRender","TableCell","key","type","columns","classes","isValidElement","isFunction","get","record2","isRowspanAndColspanFn2","rowspanAndColspanValue","rowspanAndColspan2","isRowspanAndColspanValueValid","rowspan","colspan","minIndex","maxIndex","rowSkipTdSpanColIndexs","getRowSkipTdSpanColIndexs","rowIndex2","minRowIndex","maxRowIndex","from","Array","forEach","item","index","skipRowIndex","rowSkipTdSpanColIndexsMap2","includes","getIsFirstChildTdSetBorderWidth","skipColIndex","push","apiEvent","onClick","rowKeyValue","e","className","getExpandOnClickEvent"],"mappings":"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"}

package/lib/table/hooks/useColumns.d.ts

@@ -1,4 +1,4 @@
 import { BaseTableCol, DataType } from '../type';
 export declare function useColumns<RowData extends DataType = DataType>(props: {
     columns?: BaseTableCol<RowData>[];
-}): BaseTableCol<DataType>[][];
+}): BaseTableCol<import("../type").TableRowData>[][];

package/lib/table/hooks/useColumns.js

@@ -1,17 +1,17 @@
 /**
- * tdesign v0.19.0
+ * tdesign v0.20.2
  * (c) 2021 tdesign
  * @license MIT
  */
 
-import { _ as _defineProperty } from '../../_chunks/dep-53c6c586.js';
-import { _ as _toConsumableArray } from '../../_chunks/dep-f405fda4.js';
+import { _ as _defineProperty } from '../../_chunks/dep-2e97cc0d.js';
+import { _ as _toConsumableArray } from '../../_chunks/dep-0ab6329f.js';
 import { useMemo } from 'react';
-import '../../_chunks/dep-4c3606c3.js';
+import '../../_chunks/dep-38c06164.js';
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 function flattenColumns(columns) {
   var result = [];

package/lib/table/index.js

@@ -1,23 +1,23 @@
 /**
- * tdesign v0.19.0
+ * tdesign v0.20.2
  * (c) 2021 tdesign
  * @license MIT
  */
 
 import BaseTable from './base/Table.js';
 import PrimaryTable from './primary/Table.js';
-import '../_chunks/dep-53c6c586.js';
-import '../_chunks/dep-fff59b5a.js';
-import '../_chunks/dep-4c3606c3.js';
+import '../_chunks/dep-2e97cc0d.js';
+import '../_chunks/dep-85854991.js';
+import '../_chunks/dep-38c06164.js';
 import 'react';
 import 'classnames';
-import '../_chunks/dep-bf8d732e.js';
-import '../_chunks/dep-204550b9.js';
-import '../_chunks/dep-601473bd.js';
-import '../_chunks/dep-3072ff80.js';
-import '../_chunks/dep-a7333da6.js';
-import '../_chunks/dep-7f56083b.js';
-import '../_chunks/dep-aa8beec4.js';
+import '../_chunks/dep-9b362afe.js';
+import '../_chunks/dep-4bcb4398.js';
+import '../_chunks/dep-759bc4af.js';
+import '../_chunks/dep-a0170b8a.js';
+import '../_chunks/dep-7a17c79b.js';
+import '../_chunks/dep-fb3be3f7.js';
+import '../_chunks/dep-18586a72.js';
 import '../_util/useUpdateEffect.js';
 import '../_util/useConfig.js';
 import '../config-provider/ConfigContext.js';
@@ -29,47 +29,51 @@ import '../_util/noop.js';
 import '../_util/useDefault.js';
 import '../select/index.js';
 import '../select/base/Select.js';
-import '../_chunks/dep-02f1a98a.js';
-import '../_chunks/dep-ca288302.js';
-import '../_chunks/dep-abf70528.js';
-import '../_chunks/dep-785f8869.js';
-import '../_chunks/dep-62256c26.js';
-import '../_chunks/dep-31aba762.js';
-import '../_chunks/dep-42f70fd8.js';
-import '../_chunks/dep-0cdc5a07.js';
+import '../_chunks/dep-60b80c40.js';
+import '../_chunks/dep-447962b9.js';
+import '../_chunks/dep-e96866d8.js';
+import '../_chunks/dep-8139cd34.js';
+import '../_chunks/dep-98e66b66.js';
+import '../_chunks/dep-77677472.js';
+import '../_chunks/dep-ce5f7bb9.js';
+import '../_chunks/dep-e8fe5149.js';
+import 'lodash';
 import '../locale/LocalReceiver.js';
 import '../_util/composeRefs.js';
 import '../_util/useDefaultValue.js';
-import '../_chunks/dep-b3d60655.js';
+import '../_chunks/dep-3d9b45dc.js';
 import '../_util/forwardRefWithStatics.js';
 import 'hoist-non-react-statics';
 import '../select/util/helper.js';
-import '../_chunks/dep-f405fda4.js';
-import 'lodash';
+import '../_chunks/dep-0ab6329f.js';
 import '../select/base/OptionGroup.js';
 import '../common/FakeArrow.js';
 import '../loading/index.js';
 import '../loading/loading.js';
-import 'react-dom';
 import '../_util/dom.js';
 import 'raf';
 import '../_util/easing.js';
 import '../common/Portal.js';
+import 'react-dom';
+import '../loading/gradient.js';
+import '../loading/plugin.js';
 import '../input/index.js';
 import '../input/Input.js';
 import '../input/InputGroup.js';
 import '../popup/index.js';
 import '../popup/Popup.js';
+import 'react-transition-group';
 import 'react-popper';
 import '../_util/usePrevious.js';
 import '../popup/Portal.js';
-import '../popup/useTriggerProps.js';
+import '../popup/hooks/useTriggerProps.js';
 import '../_util/useClickOutside.js';
+import '../popup/hooks/usePopupCssTransition.js';
 import '../tag/index.js';
 import '../tag/Tag.js';
 import '../tag/CheckTag.js';
 import '../select/base/Option.js';
-import '../_chunks/dep-e4edcaa4.js';
+import '../_chunks/dep-e2d94b95.js';
 import '../_util/useRipple.js';
 import '../_util/setStyle.js';
 import '../select/base/PopupContent.js';
@@ -93,14 +97,15 @@ import '../tooltip/Tooltip.js';
 import './primary/useFilter.js';
 import './primary/FilterButton.js';
 import '../radio/index.js';
-import '../_chunks/dep-89f123fc.js';
+import '../_chunks/dep-34dbe65b.js';
 import '../common/Check.js';
 import '../_util/helper.js';
-import '../_chunks/dep-13d556fa.js';
-import '../_chunks/dep-e89acf5e.js';
-import '../_chunks/dep-44f74e97.js';
+import '../_chunks/dep-6a7cf0b0.js';
+import '../_chunks/dep-d61a0fe0.js';
+import '../_chunks/dep-edf4008d.js';
+import '../_util/useCommonClassName.js';
 import '../checkbox/index.js';
-import '../_chunks/dep-2a10530e.js';
+import '../_chunks/dep-b2e28120.js';
 import './primary/useSelect.js';
 import './primary/useExpand.js';
 import './primary/expand-box.js';

package/lib/table/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/table/index.ts"],"sourcesContent":["import _SimpleTable, { BaseTableProps } from './base/Table';\nimport _PrimaryTable, { PrimaryTableProps } from './primary/Table';\n// import _EnhancedTable from './enhanced/Table';\n\nimport './style/index.js';\n\nexport type { BaseTableProps, PrimaryTableProps };\nexport * from './type';\n\nexport const SimpleTable = _SimpleTable;\nexport const Table = _PrimaryTable;\n// export const EnhancedTable = _EnhancedTable;\n\nexport default Table;\n// export default EnhancedTabled;\n"],"names":["SimpleTable","_SimpleTable","Table","_PrimaryTable"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IASaA,cAAcC;IACdC,QAAQC;;;;"}
+{"version":3,"file":"index.js","sources":["../../src/table/index.ts"],"sourcesContent":["import _SimpleTable, { BaseTableProps } from './base/Table';\nimport _PrimaryTable, { PrimaryTableProps } from './primary/Table';\n// import _EnhancedTable from './enhanced/Table';\n\nimport './style/index.js';\n\nexport type { BaseTableProps, PrimaryTableProps };\nexport * from './type';\n\nexport const SimpleTable = _SimpleTable;\nexport const Table = _PrimaryTable;\n// export const EnhancedTable = _EnhancedTable;\n\nexport default Table;\n// export default EnhancedTabled;\n"],"names":["SimpleTable","_SimpleTable","Table","_PrimaryTable"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IASaA,cAAcC;IACdC,QAAQC;;;;"}

package/lib/table/primary/FilterButton.d.ts

@@ -1,10 +1,10 @@
 import { TElement } from '../../common';
-import { FilterValue, PrimaryTableCol, DataType } from '../type';
+import { FilterValue, PrimaryTableCol } from '../type';
 interface Props {
     columns?: Array<PrimaryTableCol>;
     onChange?: Function;
     innerfiltVal?: FilterValue;
     filterIcon?: TElement;
 }
-declare function FilterButton(props: Props): PrimaryTableCol<DataType>[];
+declare function FilterButton(props: Props): PrimaryTableCol<import("../type").TableRowData>[];
 export default FilterButton;

package/lib/table/primary/FilterButton.js

@@ -1,28 +1,29 @@
 /**
- * tdesign v0.19.0
+ * tdesign v0.20.2
  * (c) 2021 tdesign
  * @license MIT
  */
 
-import { _ as _defineProperty } from '../../_chunks/dep-53c6c586.js';
-import { _ as _slicedToArray } from '../../_chunks/dep-fff59b5a.js';
+import { _ as _defineProperty } from '../../_chunks/dep-2e97cc0d.js';
+import { _ as _slicedToArray } from '../../_chunks/dep-85854991.js';
 import React__default, { useContext, useState, useEffect } from 'react';
 import classNames from 'classnames';
-import { i as isFunction_1 } from '../../_chunks/dep-02f1a98a.js';
-import { i as isString_1 } from '../../_chunks/dep-0cdc5a07.js';
+import { i as isFunction_1 } from '../../_chunks/dep-60b80c40.js';
+import { i as isString_1 } from '../../_chunks/dep-e8fe5149.js';
 import { FilterIcon } from 'tdesign-icons-react';
 import { Popup } from '../../popup/index.js';
 import { Radio } from '../../radio/index.js';
 import { Checkbox } from '../../checkbox/index.js';
 import { Input } from '../../input/index.js';
 import ConfigContext from '../../config-provider/ConfigContext.js';
-import '../../_chunks/dep-4c3606c3.js';
-import '../../_chunks/dep-3072ff80.js';
-import '../../_chunks/dep-601473bd.js';
-import '../../_chunks/dep-204550b9.js';
-import '../../_chunks/dep-785f8869.js';
-import '../../_chunks/dep-aa8beec4.js';
+import '../../_chunks/dep-38c06164.js';
+import '../../_chunks/dep-a0170b8a.js';
+import '../../_chunks/dep-759bc4af.js';
+import '../../_chunks/dep-4bcb4398.js';
+import '../../_chunks/dep-8139cd34.js';
+import '../../_chunks/dep-18586a72.js';
 import '../../popup/Popup.js';
+import 'react-transition-group';
 import 'react-popper';
 import '../../_util/useDefault.js';
 import '../../_util/noop.js';
@@ -32,28 +33,30 @@ import '../../_util/composeRefs.js';
 import '../../_util/usePrevious.js';
 import '../../popup/Portal.js';
 import 'react-dom';
-import '../../popup/useTriggerProps.js';
+import '../../popup/hooks/useTriggerProps.js';
 import '../../_util/useClickOutside.js';
-import '../../_chunks/dep-89f123fc.js';
+import '../../popup/hooks/usePopupCssTransition.js';
+import '../../_chunks/dep-34dbe65b.js';
 import '../../_util/forwardRefWithStatics.js';
 import 'hoist-non-react-statics';
 import '../../common/Check.js';
-import '../../_chunks/dep-b3d60655.js';
+import '../../_chunks/dep-3d9b45dc.js';
 import '../../_util/helper.js';
-import '../../_chunks/dep-13d556fa.js';
-import '../../_chunks/dep-42f70fd8.js';
-import '../../_chunks/dep-7f56083b.js';
-import '../../_chunks/dep-e89acf5e.js';
-import '../../_chunks/dep-44f74e97.js';
-import '../../_chunks/dep-2a10530e.js';
-import '../../_chunks/dep-e4edcaa4.js';
+import '../../_chunks/dep-6a7cf0b0.js';
+import '../../_chunks/dep-ce5f7bb9.js';
+import '../../_chunks/dep-fb3be3f7.js';
+import '../../_chunks/dep-d61a0fe0.js';
+import '../../_chunks/dep-edf4008d.js';
+import '../../_util/useCommonClassName.js';
+import '../../_chunks/dep-b2e28120.js';
+import '../../_chunks/dep-e2d94b95.js';
 import '../../input/Input.js';
 import '../../input/InputGroup.js';
 import '../../_util/useDefaultValue.js';
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 var renderIcon = function renderIcon(classPrefix, icon) {
   var result = null;
@@ -62,11 +65,11 @@ var renderIcon = function renderIcon(classPrefix, icon) {
 
   if (result) {
     result = /* @__PURE__ */React__default.createElement("span", {
-      className: "".concat(classPrefix, "-table-filter-icon")
+      className: "".concat(classPrefix, "-table__filter-icon")
     }, result);
   } else {
     result = /* @__PURE__ */React__default.createElement(FilterIcon, {
-      className: "".concat(classPrefix, "-table-filter-icon")
+      className: "".concat(classPrefix, "-table__filter-icon")
     });
   }
 
@@ -111,7 +114,7 @@ function FilterButton(props) {
     }
 
     return /* @__PURE__ */React__default.createElement("div", {
-      className: "".concat(classPrefix, "-table-filter-pop-content__inner")
+      className: "".concat(classPrefix, "-table__filter-pop-content-inner")
     }, /* @__PURE__ */React__default.createElement(React__default.Fragment, null, filter.type === "multiple" ? /* @__PURE__ */React__default.createElement(Checkbox.Group, {
       value: (filterVal === null || filterVal === void 0 ? void 0 : filterVal[colKey]) || [],
       defaultValue: [],
@@ -175,9 +178,9 @@ function FilterButton(props) {
         trigger: "click",
         placement: "bottom",
         showArrow: true,
-        overlayClassName: "".concat(classPrefix, "-table-filter-pop"),
+        overlayClassName: "".concat(classPrefix, "-table__filter-pop"),
         content: /* @__PURE__ */React__default.createElement("div", {
-          className: "".concat(classPrefix, "-table-filter-pop-content")
+          className: "".concat(classPrefix, "-table__filter-pop-content")
         }, getFilterContent(filter, colKey, column))
       }, renderIcon(classPrefix, filterIcon))));
     };

package/lib/table/primary/FilterButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"FilterButton.js","sources":["../../../src/table/primary/FilterButton.tsx"],"sourcesContent":["import React, { useState, useContext, useEffect } from 'react';\nimport classNames from 'classnames';\nimport isFunction from 'lodash/isFunction';\nimport isString from 'lodash/isString';\nimport { FilterIcon as TIconFilter } from 'tdesign-icons-react';\nimport { Popup } from '../../popup';\nimport { Radio } from '../../radio';\nimport { Checkbox } from '../../checkbox';\nimport { Input } from '../../input';\nimport { TElement } from '../../common';\nimport { Filter, FilterValue, PrimaryTableCol, DataType } from '../type';\nimport { ConfigContext } from '../../config-provider';\n\ninterface Props {\n  columns?: Array<PrimaryTableCol>;\n  onChange?: Function;\n  innerfiltVal?: FilterValue;\n  filterIcon?: TElement;\n}\nconst renderIcon = (classPrefix: string, icon: TElement) => {\n  let result: React.ReactNode = null;\n  if (icon) result = icon;\n  if (typeof icon === 'function') result = icon();\n  if (result) {\n    result = <span className={`${classPrefix}-table-filter-icon`}>{result}</span>;\n  } else {\n    result = <TIconFilter className={`${classPrefix}-table-filter-icon`} />;\n  }\n  return result;\n};\n// 该方法主要用于过滤需要调整表头的时，不支持 render 函数的情况\nfunction getTitle(column: PrimaryTableCol, colIndex: number) {\n  let result = null;\n  if (isFunction(column.title)) {\n    result = column.title({ col: column, colIndex });\n  } else if (isString(column.title)) {\n    result = column.title;\n  }\n  return result;\n}\n\n// 处理tilte字段，添加筛选icon\nfunction FilterButton(props: Props) {\n  const { onChange, filterIcon, innerfiltVal, columns } = props;\n  const { classPrefix } = useContext(ConfigContext);\n  const [filterVal, setfilterVal] = useState<any>();\n\n  const getFilterContent = (filter: Filter, colKey: string, column: PrimaryTableCol<DataType>) => {\n    const types = ['single', 'multiple', 'input'];\n    if (filter.type && !types.includes(filter.type)) {\n      console.error(`column.type must be the following: ${JSON.stringify(types)}`);\n      return;\n    }\n    return (\n      <div className={`${classPrefix}-table-filter-pop-content__inner`}>\n        <>\n          {filter.type === 'multiple' ? (\n            <Checkbox.Group\n              value={filterVal?.[colKey] || []}\n              defaultValue={[]}\n              onChange={(value) => {\n                onChangeFilter(value, colKey, column);\n              }}\n            >\n              {filter?.list.map(({ label, value }) => (\n                <Checkbox key={value} value={value}>\n                  {label}\n                </Checkbox>\n              ))}\n            </Checkbox.Group>\n          ) : null}\n\n          {filter.type === 'single' ? (\n            <Radio.Group\n              size=\"large\"\n              value={filterVal?.[colKey] || ''}\n              onChange={(value) => {\n                onChangeFilter(value, colKey, column);\n              }}\n            >\n              {filter?.list.map(({ label, value }) => (\n                <Radio key={value} value={value}>\n                  {label}\n                </Radio>\n              ))}\n            </Radio.Group>\n          ) : null}\n\n          {filter.type === 'input' ? (\n            <Input\n              placeholder=\"请输入内容（无默认值）\"\n              clearable\n              value={filterVal?.[colKey] || ''}\n              onChange={(value) => {\n                onChangeFilter(value, colKey, column);\n              }}\n            />\n          ) : null}\n        </>\n      </div>\n    );\n  };\n\n  function onChangeFilter(value: any, colKey: string, column: PrimaryTableCol<DataType>) {\n    setfilterVal({\n      ...filterVal,\n      [colKey]: value,\n    });\n    onChange({ ...filterVal, [colKey]: value }, column);\n  }\n\n  // 初始筛选条件变化，更新状态\n  useEffect(() => {\n    setfilterVal(innerfiltVal);\n  }, [innerfiltVal]);\n\n  return columns.map((column: PrimaryTableCol, index: number) => {\n    const { filter, colKey } = column;\n    if (!filter) {\n      return column;\n    }\n    const lastTitle = getTitle(column, index);\n    const titleNew = () => (\n      <div className={`${classPrefix}-table__cell--title`}>\n        <div>{lastTitle}</div>\n        <div className={classNames([`${classPrefix}-table__cell--filter`])}>\n          <Popup\n            trigger=\"click\"\n            placement=\"bottom\"\n            showArrow\n            overlayClassName={`${classPrefix}-table-filter-pop`}\n            content={\n              <div className={`${classPrefix}-table-filter-pop-content`}>\n                {getFilterContent(filter, colKey, column)}\n              </div>\n            }\n          >\n            {renderIcon(classPrefix, filterIcon)}\n          </Popup>\n        </div>\n      </div>\n    );\n    return {\n      ...column,\n      title: titleNew,\n    };\n  });\n}\n\nexport default FilterButton;\n"],"names":["renderIcon","classPrefix","icon","result","className","TIconFilter","column","colIndex","isFunction","title","col","isString","props","onChange","filterIcon","innerfiltVal","columns","useContext","ConfigContext","useState","filterVal","setfilterVal","getFilterContent","filter","colKey","types","type","includes","error","JSON","stringify","Checkbox","Group","value","defaultValue","list","map","label","key","Radio","size","Input","placeholder","clearable","index","lastTitle","getTitle","titleNew","classNames","Popup","trigger","placement","showArrow","overlayClassName","content"],"mappings":"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"}
+{"version":3,"file":"FilterButton.js","sources":["../../../src/table/primary/FilterButton.tsx"],"sourcesContent":["import React, { useState, useContext, useEffect } from 'react';\nimport classNames from 'classnames';\nimport isFunction from 'lodash/isFunction';\nimport isString from 'lodash/isString';\nimport { FilterIcon as TIconFilter } from 'tdesign-icons-react';\nimport { Popup } from '../../popup';\nimport { Radio } from '../../radio';\nimport { Checkbox } from '../../checkbox';\nimport { Input } from '../../input';\nimport { TElement } from '../../common';\nimport { Filter, FilterValue, PrimaryTableCol, DataType } from '../type';\nimport { ConfigContext } from '../../config-provider';\n\ninterface Props {\n  columns?: Array<PrimaryTableCol>;\n  onChange?: Function;\n  innerfiltVal?: FilterValue;\n  filterIcon?: TElement;\n}\nconst renderIcon = (classPrefix: string, icon: TElement) => {\n  let result: React.ReactNode = null;\n  if (icon) result = icon;\n  if (typeof icon === 'function') result = icon();\n  if (result) {\n    result = <span className={`${classPrefix}-table__filter-icon`}>{result}</span>;\n  } else {\n    result = <TIconFilter className={`${classPrefix}-table__filter-icon`} />;\n  }\n  return result;\n};\n// 该方法主要用于过滤需要调整表头的时，不支持 render 函数的情况\nfunction getTitle(column: PrimaryTableCol, colIndex: number) {\n  let result = null;\n  if (isFunction(column.title)) {\n    result = column.title({ col: column, colIndex });\n  } else if (isString(column.title)) {\n    result = column.title;\n  }\n  return result;\n}\n\n// 处理tilte字段，添加筛选icon\nfunction FilterButton(props: Props) {\n  const { onChange, filterIcon, innerfiltVal, columns } = props;\n  const { classPrefix } = useContext(ConfigContext);\n  const [filterVal, setfilterVal] = useState<any>();\n\n  const getFilterContent = (filter: Filter, colKey: string, column: PrimaryTableCol<DataType>) => {\n    const types = ['single', 'multiple', 'input'];\n    if (filter.type && !types.includes(filter.type)) {\n      console.error(`column.type must be the following: ${JSON.stringify(types)}`);\n      return;\n    }\n    return (\n      <div className={`${classPrefix}-table__filter-pop-content-inner`}>\n        <>\n          {filter.type === 'multiple' ? (\n            <Checkbox.Group\n              value={filterVal?.[colKey] || []}\n              defaultValue={[]}\n              onChange={(value) => {\n                onChangeFilter(value, colKey, column);\n              }}\n            >\n              {filter?.list.map(({ label, value }) => (\n                <Checkbox key={value} value={value}>\n                  {label}\n                </Checkbox>\n              ))}\n            </Checkbox.Group>\n          ) : null}\n\n          {filter.type === 'single' ? (\n            <Radio.Group\n              size=\"large\"\n              value={filterVal?.[colKey] || ''}\n              onChange={(value) => {\n                onChangeFilter(value, colKey, column);\n              }}\n            >\n              {filter?.list.map(({ label, value }) => (\n                <Radio key={value} value={value}>\n                  {label}\n                </Radio>\n              ))}\n            </Radio.Group>\n          ) : null}\n\n          {filter.type === 'input' ? (\n            <Input\n              placeholder=\"请输入内容（无默认值）\"\n              clearable\n              value={filterVal?.[colKey] || ''}\n              onChange={(value) => {\n                onChangeFilter(value, colKey, column);\n              }}\n            />\n          ) : null}\n        </>\n      </div>\n    );\n  };\n\n  function onChangeFilter(value: any, colKey: string, column: PrimaryTableCol<DataType>) {\n    setfilterVal({\n      ...filterVal,\n      [colKey]: value,\n    });\n    onChange({ ...filterVal, [colKey]: value }, column);\n  }\n\n  // 初始筛选条件变化，更新状态\n  useEffect(() => {\n    setfilterVal(innerfiltVal);\n  }, [innerfiltVal]);\n\n  return columns.map((column: PrimaryTableCol, index: number) => {\n    const { filter, colKey } = column;\n    if (!filter) {\n      return column;\n    }\n    const lastTitle = getTitle(column, index);\n    const titleNew = () => (\n      <div className={`${classPrefix}-table__cell--title`}>\n        <div>{lastTitle}</div>\n        <div className={classNames([`${classPrefix}-table__cell--filter`])}>\n          <Popup\n            trigger=\"click\"\n            placement=\"bottom\"\n            showArrow\n            overlayClassName={`${classPrefix}-table__filter-pop`}\n            content={\n              <div className={`${classPrefix}-table__filter-pop-content`}>\n                {getFilterContent(filter, colKey, column)}\n              </div>\n            }\n          >\n            {renderIcon(classPrefix, filterIcon)}\n          </Popup>\n        </div>\n      </div>\n    );\n    return {\n      ...column,\n      title: titleNew,\n    };\n  });\n}\n\nexport default FilterButton;\n"],"names":["renderIcon","classPrefix","icon","result","className","TIconFilter","column","colIndex","isFunction","title","col","isString","props","onChange","filterIcon","innerfiltVal","columns","useContext","ConfigContext","useState","filterVal","setfilterVal","getFilterContent","filter","colKey","types","type","includes","error","JSON","stringify","Checkbox","Group","value","defaultValue","list","map","label","key","Radio","size","Input","placeholder","clearable","index","lastTitle","getTitle","titleNew","classNames","Popup","trigger","placement","showArrow","overlayClassName","content"],"mappings":"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"}