tdesign-react 0.19.1 → 0.20.0

package/cjs/table/primary/useExpand.js.map

@@ -1 +1 @@
-{"version":3,"file":"useExpand.js","sources":["../../../src/table/primary/useExpand.tsx"],"sourcesContent":["import React, { useContext, useEffect, useState } from 'react';\nimport get from 'lodash/get';\nimport { ConfigContext } from '../../config-provider';\nimport { PrimaryTableCol } from '../type';\nimport { PrimaryTableProps } from './Table';\nimport ExpandBox from './expand-box';\n\nconst expandedColKey = 'expanded-icon-cell';\n\nexport type RowkeyType = PrimaryTableProps['expandedRowKeys'];\n\n/**\n * 展开收起hook\n * 1.返回加入展开icon的列配置 Array[]\n * 2.返回展开回调方法\n * 3.返回渲染行展开方法\n */\nfunction useExpand(props: PrimaryTableProps): [PrimaryTableCol[], Function, Function] {\n  const {\n    columns,\n    rowKey,\n    defaultExpandedRowKeys,\n    expandedRowKeys,\n    expandedRow,\n    onExpandChange,\n    expandIcon = true,\n    expandOnRowClick = false,\n  } = props;\n  const { classPrefix } = useContext(ConfigContext);\n  const isControlled = typeof expandedRowKeys !== 'undefined'; // 是否受控\n  const [innerExpandRowKeys, setThisExpandRowKeys] = useState<RowkeyType>(\n    expandedRowKeys || defaultExpandedRowKeys || [],\n  );\n\n  useEffect(() => {\n    if (Array.isArray(expandedRowKeys)) {\n      setThisExpandRowKeys([...expandedRowKeys]);\n    }\n  }, [expandedRowKeys]);\n\n  // 导出：添加展开图标后的columns\n  const transformedExpandColumnsFun = () =>\n    expandedRow\n      ? [\n          {\n            colKey: expandedColKey,\n            width: 25,\n            className: [`${classPrefix}-table-expandable-icon-cell`],\n            cell: ({ row }) => renderExpandIconCell({ row }),\n          },\n          ...columns,\n        ]\n      : columns;\n\n  const transformedExpandColumns = transformedExpandColumnsFun();\n\n  // 渲染展开单元格内容\n  function renderExpandIconCell({ row = {} }: Record<string, any>) {\n    const rowKeyValue = get(row, rowKey);\n    if (!Array.isArray(innerExpandRowKeys)) {\n      console.error('ExpandedRowKeys type error');\n      return;\n    }\n    return (\n      <ExpandBox\n        expanded={innerExpandRowKeys?.includes(rowKeyValue)}\n        row={row}\n        rowKeyValue={rowKeyValue}\n        expandIcon={expandIcon}\n        expandOnRowClick={expandOnRowClick}\n        handleExpandChange={handleExpandChange}\n      />\n    );\n  }\n\n  // 导出：触发展开回调方法\n  function handleExpandChange(row, rowKeyValue) {\n    let innerExpandRowKeysNew: RowkeyType;\n    const isExpanded = innerExpandRowKeys?.includes(rowKeyValue);\n    if (isExpanded) {\n      innerExpandRowKeysNew = innerExpandRowKeys.filter((item) => item !== rowKeyValue);\n    } else {\n      innerExpandRowKeysNew = [...innerExpandRowKeys, rowKeyValue];\n    }\n\n    if (!isControlled) {\n      setThisExpandRowKeys([...innerExpandRowKeysNew]);\n    }\n\n    // 触发回调\n    typeof onExpandChange === 'function' && onExpandChange(innerExpandRowKeysNew, { expandedRowData: row });\n  }\n\n  // 导出：渲染行展开方法\n  function renderExpandRow(row, index, rowKeyValue) {\n    return (\n      <tr\n        className={`${classPrefix}-table-expanded-cell`}\n        style={innerExpandRowKeys?.includes?.(rowKeyValue) ? {} : { display: 'none' }}\n      >\n        <td colSpan={transformedExpandColumns?.length}>{expandedRow && expandedRow({ row, index })}</td>\n      </tr>\n    );\n  }\n\n  return [transformedExpandColumns, handleExpandChange, renderExpandRow];\n}\n\nexport default useExpand;\n"],"names":["expandedColKey","props","columns","rowKey","defaultExpandedRowKeys","expandedRowKeys","expandedRow","onExpandChange","expandIcon","expandOnRowClick","useContext","ConfigContext","classPrefix","isControlled","useState","innerExpandRowKeys","setThisExpandRowKeys","Array","isArray","transformedExpandColumnsFun","colKey","width","className","cell","row","renderExpandIconCell","transformedExpandColumns","rowKeyValue","get","error","ExpandBox","expanded","includes","handleExpandChange","innerExpandRowKeysNew","isExpanded","filter","item","expandedRowData","index","style","display","colSpan","length","renderExpandRow"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOA,IAAMA,iBAAiB,oBAAvB;;AAUA,kBAAA,CAAmBC,KAAnB,EAAsF;MAElFC,UAQED,MARFC;MACAC,SAOEF,MAPFE;MACAC,yBAMEH,MANFG;MACAC,kBAKEJ,MALFI;MACAC,cAIEL,MAJFK;MACAC,iBAGEN,MAHFM;0BAGEN,MAFFO;MAAAA,4CAAa;8BAEXP,MADFQ;MAAAA,sDAAmB;;oBAEGC,iBAAWC;MAA3BC,0BAAAA;;MACFC,eAAe,OAAOR,eAAP,KAA2B;;kBACGS,eACjDT,mBAAmBD,sBAAnB,IAA6C;;MADxCW;MAAoBC;;kBAIjB,YAAM;QACVC,MAAMC,OAAN,CAAcb,eAAd,GAAgC;gEACTA;;KAE1B,CAACA,eAAD;;MAGGc,8BAA8B,SAA9BA,2BAA8B;AAAA,WAClCb,eAEM;AACEc,MAAAA,QAAQpB,cADV;AAEEqB,MAAAA,OAAO,EAFT;AAGEC,MAAAA,WAAW,WAAIV,WAAJ,iCAHb;AAIEW,MAAAA,MAAM;AAAA,YAAGC,GAAH,QAAGA,GAAH;AAAA,eAAaC,qBAAqB;AAAED,UAAAA,KAAAA;AAAF,UAAlC;AAAA;AAJR,mDAMGtB,YAELA,OAX8B;AAAA;;MAa9BwB,2BAA2BP;;uCAGgC;AAAA,0BAAjCK,GAAiC;AAAA,QAAjCA,GAAiC,0BAA3B,EAA2B;QACzDG,cAAcC,UAAIJ,KAAKrB;;QACzB,CAACc,MAAMC,OAAN,CAAcH,kBAAd,GAAmC;cAC9Bc,MAAM;;;;kEAIbC,oCAAD;AACEC,MAAAA,UAAUhB,+BAAAA,yCAAAA,mBAAoBiB,QAApB,CAA6BL,WAA7B,CADZ;AAEEH,MAAAA,KAAAA,GAFF;AAGEG,MAAAA,aAAAA,WAHF;AAIEnB,MAAAA,YAAAA,UAJF;AAKEC,MAAAA,kBAAAA,gBALF;AAMEwB,MAAAA,oBAAAA;AANF;;;8BAYwBT,KAAKG,aAAa;QACxCO;QACEC,aAAapB,+BAAAA,yCAAAA,mBAAoBiB,QAApB,CAA6BL,WAA7B;;QACfQ,YAAY;8BACUpB,mBAAmBqB,MAAnB,CAA0B,UAACC,IAAD;AAAA,eAAUA,SAASV,WAAnB;AAAA,OAA1B;WACnB;6EACuBZ,sBAAoBY;;;QAG9C,CAACd,cAAc;gEACQqB;;;WAIpB3B,mBAAmB,cAAcA,eAAe2B,uBAAuB;AAAEI,MAAAA,iBAAiBd;AAAnB;;;2BAIvDA,KAAKe,OAAOZ,aAAa;AAAA;;kEAE7C,MAAD;AACEL,MAAAA,qBAAcV,oCADhB;AAEE4B,MAAAA,OAAOzB,2BAAA,IAAAA,6BAAA,6BAAAA,mBAAoBiB,QAApB,6EAAAjB,oBAA+BY,YAA/B,GAA8C,EAA9C,GAAmD;AAAEc,QAAAA,SAAS;AAAX;AAF5D,8DAIG,MAAD;AAAIC,MAAAA,SAAShB,qCAAAA,+CAAAA,yBAA0BiB;AAAvC,OAAgDrC,eAAeA,YAAY;AAAEkB,MAAAA,KAAAA,GAAF;AAAOe,MAAAA,OAAAA;AAAP;;;SAK1E,CAACb,wBAAD,EAA2BO,kBAA3B,EAA+CW,eAA/C;;;;;"}
+{"version":3,"file":"useExpand.js","sources":["../../../src/table/primary/useExpand.tsx"],"sourcesContent":["import React, { useContext, useEffect, useState } from 'react';\nimport get from 'lodash/get';\nimport { ConfigContext } from '../../config-provider';\nimport { PrimaryTableCol } from '../type';\nimport { PrimaryTableProps } from './Table';\nimport ExpandBox from './expand-box';\n\nconst expandedColKey = 'expanded-icon-cell';\n\nexport type RowkeyType = PrimaryTableProps['expandedRowKeys'];\n\n/**\n * 展开收起hook\n * 1.返回加入展开icon的列配置 Array[]\n * 2.返回展开回调方法\n * 3.返回渲染行展开方法\n */\nfunction useExpand(props: PrimaryTableProps): [PrimaryTableCol[], Function, Function] {\n  const {\n    columns,\n    rowKey,\n    defaultExpandedRowKeys,\n    expandedRowKeys,\n    expandedRow,\n    onExpandChange,\n    expandIcon = true,\n    expandOnRowClick = false,\n  } = props;\n  const { classPrefix } = useContext(ConfigContext);\n  const isControlled = typeof expandedRowKeys !== 'undefined'; // 是否受控\n  const [innerExpandRowKeys, setThisExpandRowKeys] = useState<RowkeyType>(\n    expandedRowKeys || defaultExpandedRowKeys || [],\n  );\n\n  useEffect(() => {\n    if (Array.isArray(expandedRowKeys)) {\n      setThisExpandRowKeys([...expandedRowKeys]);\n    }\n  }, [expandedRowKeys]);\n\n  // 导出：添加展开图标后的columns\n  const transformedExpandColumnsFun = () =>\n    expandedRow\n      ? [\n          {\n            colKey: expandedColKey,\n            width: 25,\n            className: [`${classPrefix}-table__expandable-icon-cell`],\n            cell: ({ row }) => renderExpandIconCell({ row }),\n          },\n          ...columns,\n        ]\n      : columns;\n\n  const transformedExpandColumns = transformedExpandColumnsFun();\n\n  // 渲染展开单元格内容\n  function renderExpandIconCell({ row = {} }: Record<string, any>) {\n    const rowKeyValue = get(row, rowKey);\n    if (!Array.isArray(innerExpandRowKeys)) {\n      console.error('ExpandedRowKeys type error');\n      return;\n    }\n    return (\n      <ExpandBox\n        expanded={innerExpandRowKeys?.includes(rowKeyValue)}\n        row={row}\n        rowKeyValue={rowKeyValue}\n        expandIcon={expandIcon}\n        expandOnRowClick={expandOnRowClick}\n        handleExpandChange={handleExpandChange}\n      />\n    );\n  }\n\n  // 导出：触发展开回调方法\n  function handleExpandChange(row, rowKeyValue) {\n    let innerExpandRowKeysNew: RowkeyType;\n    const isExpanded = innerExpandRowKeys?.includes(rowKeyValue);\n    if (isExpanded) {\n      innerExpandRowKeysNew = innerExpandRowKeys.filter((item) => item !== rowKeyValue);\n    } else {\n      innerExpandRowKeysNew = [...innerExpandRowKeys, rowKeyValue];\n    }\n\n    if (!isControlled) {\n      setThisExpandRowKeys([...innerExpandRowKeysNew]);\n    }\n\n    // 触发回调\n    typeof onExpandChange === 'function' && onExpandChange(innerExpandRowKeysNew, { expandedRowData: row });\n  }\n\n  // 导出：渲染行展开方法\n  function renderExpandRow(row, index, rowKeyValue) {\n    return (\n      <tr\n        className={`${classPrefix}-table__expanded-cell`}\n        style={innerExpandRowKeys?.includes?.(rowKeyValue) ? {} : { display: 'none' }}\n      >\n        <td colSpan={transformedExpandColumns?.length}>{expandedRow && expandedRow({ row, index })}</td>\n      </tr>\n    );\n  }\n\n  return [transformedExpandColumns, handleExpandChange, renderExpandRow];\n}\n\nexport default useExpand;\n"],"names":["expandedColKey","props","columns","rowKey","defaultExpandedRowKeys","expandedRowKeys","expandedRow","onExpandChange","expandIcon","expandOnRowClick","useContext","ConfigContext","classPrefix","isControlled","useState","innerExpandRowKeys","setThisExpandRowKeys","Array","isArray","transformedExpandColumnsFun","colKey","width","className","cell","row","renderExpandIconCell","transformedExpandColumns","rowKeyValue","get","error","ExpandBox","expanded","includes","handleExpandChange","innerExpandRowKeysNew","isExpanded","filter","item","expandedRowData","index","style","display","colSpan","length","renderExpandRow"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOA,IAAMA,iBAAiB,oBAAvB;;AAUA,kBAAA,CAAmBC,KAAnB,EAAsF;MAElFC,UAQED,MARFC;MACAC,SAOEF,MAPFE;MACAC,yBAMEH,MANFG;MACAC,kBAKEJ,MALFI;MACAC,cAIEL,MAJFK;MACAC,iBAGEN,MAHFM;0BAGEN,MAFFO;MAAAA,4CAAa;8BAEXP,MADFQ;MAAAA,sDAAmB;;oBAEGC,iBAAWC;MAA3BC,0BAAAA;;MACFC,eAAe,OAAOR,eAAP,KAA2B;;kBACGS,eACjDT,mBAAmBD,sBAAnB,IAA6C;;MADxCW;MAAoBC;;kBAIjB,YAAM;QACVC,MAAMC,OAAN,CAAcb,eAAd,GAAgC;gEACTA;;KAE1B,CAACA,eAAD;;MAGGc,8BAA8B,SAA9BA,2BAA8B;AAAA,WAClCb,eAEM;AACEc,MAAAA,QAAQpB,cADV;AAEEqB,MAAAA,OAAO,EAFT;AAGEC,MAAAA,WAAW,WAAIV,WAAJ,kCAHb;AAIEW,MAAAA,MAAM;AAAA,YAAGC,GAAH,QAAGA,GAAH;AAAA,eAAaC,qBAAqB;AAAED,UAAAA,KAAAA;AAAF,UAAlC;AAAA;AAJR,mDAMGtB,YAELA,OAX8B;AAAA;;MAa9BwB,2BAA2BP;;uCAGgC;AAAA,0BAAjCK,GAAiC;AAAA,QAAjCA,GAAiC,0BAA3B,EAA2B;QACzDG,cAAcC,UAAIJ,KAAKrB;;QACzB,CAACc,MAAMC,OAAN,CAAcH,kBAAd,GAAmC;cAC9Bc,MAAM;;;;kEAIbC,oCAAD;AACEC,MAAAA,UAAUhB,+BAAAA,yCAAAA,mBAAoBiB,QAApB,CAA6BL,WAA7B,CADZ;AAEEH,MAAAA,KAAAA,GAFF;AAGEG,MAAAA,aAAAA,WAHF;AAIEnB,MAAAA,YAAAA,UAJF;AAKEC,MAAAA,kBAAAA,gBALF;AAMEwB,MAAAA,oBAAAA;AANF;;;8BAYwBT,KAAKG,aAAa;QACxCO;QACEC,aAAapB,+BAAAA,yCAAAA,mBAAoBiB,QAApB,CAA6BL,WAA7B;;QACfQ,YAAY;8BACUpB,mBAAmBqB,MAAnB,CAA0B,UAACC,IAAD;AAAA,eAAUA,SAASV,WAAnB;AAAA,OAA1B;WACnB;6EACuBZ,sBAAoBY;;;QAG9C,CAACd,cAAc;gEACQqB;;;WAIpB3B,mBAAmB,cAAcA,eAAe2B,uBAAuB;AAAEI,MAAAA,iBAAiBd;AAAnB;;;2BAIvDA,KAAKe,OAAOZ,aAAa;AAAA;;kEAE7C,MAAD;AACEL,MAAAA,qBAAcV,qCADhB;AAEE4B,MAAAA,OAAOzB,2BAAA,IAAAA,6BAAA,6BAAAA,mBAAoBiB,QAApB,6EAAAjB,oBAA+BY,YAA/B,GAA8C,EAA9C,GAAmD;AAAEc,QAAAA,SAAS;AAAX;AAF5D,8DAIG,MAAD;AAAIC,MAAAA,SAAShB,qCAAAA,+CAAAA,yBAA0BiB;AAAvC,OAAgDrC,eAAeA,YAAY;AAAEkB,MAAAA,KAAAA,GAAF;AAAOe,MAAAA,OAAAA;AAAP;;;SAK1E,CAACb,wBAAD,EAA2BO,kBAA3B,EAA+CW,eAA/C;;;;;"}

package/cjs/table/primary/useFilter.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.19.1
+ * tdesign v0.20.0
  * (c) 2021 tdesign
  * @license MIT
  */
@@ -8,22 +8,23 @@
 
 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 table_primary_FilterButton = require('./FilterButton.js');
-require('../../_chunks/dep-2c22ada3.js');
+require('../../_chunks/dep-0f342310.js');
 require('classnames');
-require('../../_chunks/dep-3cf89b5c.js');
-require('../../_chunks/dep-bc7ce7d9.js');
-require('../../_chunks/dep-9b5ff552.js');
-require('../../_chunks/dep-79109b15.js');
-require('../../_chunks/dep-9166817e.js');
-require('../../_chunks/dep-ef75128a.js');
-require('../../_chunks/dep-44e3e9bb.js');
+require('../../_chunks/dep-6e386c8a.js');
+require('../../_chunks/dep-6b1174cd.js');
+require('../../_chunks/dep-e8336ca1.js');
+require('../../_chunks/dep-b0e9bbd3.js');
+require('../../_chunks/dep-9ee20113.js');
+require('../../_chunks/dep-9e3e211f.js');
+require('../../_chunks/dep-2302f518.js');
 require('tdesign-icons-react');
 require('../../popup/index.js');
 require('../../popup/Popup.js');
+require('react-transition-group');
 require('react-popper');
 require('../../_util/useDefault.js');
 require('../../_util/noop.js');
@@ -34,31 +35,33 @@ require('../../_util/composeRefs.js');
 require('../../_util/usePrevious.js');
 require('../../popup/Portal.js');
 require('react-dom');
-require('../../popup/useTriggerProps.js');
+require('../../popup/hooks/useTriggerProps.js');
 require('../../_util/useClickOutside.js');
+require('../../popup/hooks/usePopupCssTransition.js');
 require('../../radio/index.js');
-require('../../_chunks/dep-d6a1c9fc.js');
+require('../../_chunks/dep-62e0fe2c.js');
 require('../../_util/forwardRefWithStatics.js');
 require('hoist-non-react-statics');
 require('../../common/Check.js');
-require('../../_chunks/dep-ab51e170.js');
+require('../../_chunks/dep-c3ff803a.js');
 require('../../_util/helper.js');
-require('../../_chunks/dep-abe29065.js');
-require('../../_chunks/dep-9ecba42e.js');
-require('../../_chunks/dep-37d490bf.js');
-require('../../_chunks/dep-cba485ce.js');
-require('../../_chunks/dep-62e1d7f2.js');
+require('../../_chunks/dep-3de250de.js');
+require('../../_chunks/dep-777e1a4b.js');
+require('../../_chunks/dep-4ea10b93.js');
+require('../../_chunks/dep-d9585831.js');
+require('../../_chunks/dep-ce3e65d8.js');
+require('../../_util/useCommonClassName.js');
 require('../../checkbox/index.js');
-require('../../_chunks/dep-1d475598.js');
-require('../../_chunks/dep-56eca6a0.js');
+require('../../_chunks/dep-e6ad4f5e.js');
+require('../../_chunks/dep-d4d2f1b5.js');
 require('../../input/index.js');
 require('../../input/Input.js');
 require('../../input/InputGroup.js');
 require('../../_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._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; }
 
 function useFilter(props) {
   var columns = props.columns,

package/cjs/table/primary/useFilter.js.map

@@ -1 +1 @@
-{"version":3,"file":"useFilter.js","sources":["../../../src/table/primary/useFilter.tsx"],"sourcesContent":["import { useEffect, useMemo, useState } from 'react';\nimport { DataType, FilterValue, PrimaryTableCol } from '../type';\nimport { PrimaryTableProps } from '..';\nimport filterButton from './FilterButton';\n\n/**\n * 筛选hook\n * 1.返回加入筛选icon后的title\n * 2.返回筛选后的data\n */\nfunction useFilter(props: PrimaryTableProps): [PrimaryTableCol[], DataType[]] {\n  const { columns, filterIcon, filterValue, defaultFilterValue, onFilterChange, data } = props;\n  const isControlled = typeof filterValue !== 'undefined';\n  const [filterVal, setFilterVal] = useState<FilterValue>(defaultFilterValue);\n\n  useEffect(() => {\n    setFilterVal(isControlled ? filterValue : defaultFilterValue);\n  }, [filterValue, defaultFilterValue, isControlled]);\n\n  // 导出：筛选后的data。受控直接导出，非受控导出筛选数据\n  const transformedFilterData = useMemo<DataType[]>(() => {\n    if (isControlled) {\n      return data;\n    }\n    if (filterVal) {\n      let tmpData: DataType[] = data;\n      Object.keys(filterVal).forEach((k) => {\n        if (typeof filterVal?.[k] === 'string' || typeof filterVal?.[k] === 'number') {\n          tmpData = tmpData.filter((item) => item?.[k]?.toString().includes(filterVal?.[k].toString()));\n        }\n        if (Array.isArray(filterVal?.[k]) && (filterVal?.[k] as Array<string | number>).length > 0) {\n          tmpData = tmpData.filter((item) => (filterVal?.[k] as Array<string | number>).includes(item?.[k]));\n        }\n      });\n      return tmpData;\n    }\n    return data;\n  }, [data, filterVal, isControlled]);\n\n  // 导出：添加筛选图标后的columns\n  const transformedFilterColumns = filterButton({\n    columns,\n    onChange: onChangeFilterButton,\n    innerfiltVal: isControlled ? filterValue : defaultFilterValue,\n    filterIcon,\n  });\n\n  /**\n   * 触发筛选按钮，触发onFilterChange回调\n   * @param toast\n   * @param col\n   */\n  function onChangeFilterButton(toast, col: PrimaryTableCol) {\n    const newFilterVal: FilterValue = {\n      ...filterVal,\n      ...toast,\n    };\n    setFilterVal(newFilterVal);\n    if (onFilterChange) {\n      onFilterChange(newFilterVal, { col });\n    }\n  }\n\n  return [transformedFilterColumns, transformedFilterData];\n}\n\nexport default useFilter;\n"],"names":["props","columns","filterIcon","filterValue","defaultFilterValue","onFilterChange","data","isControlled","useState","filterVal","setFilterVal","transformedFilterData","useMemo","tmpData","keys","forEach","k","filter","item","toString","includes","Array","isArray","length","transformedFilterColumns","filterButton","onChange","onChangeFilterButton","innerfiltVal","toast","col","newFilterVal"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAUA,kBAAA,CAAmBA,KAAnB,EAA8E;MACpEC,UAA+ED,MAA/EC;MAASC,aAAsEF,MAAtEE;MAAYC,cAA0DH,MAA1DG;MAAaC,qBAA6CJ,MAA7CI;MAAoBC,iBAAyBL,MAAzBK;MAAgBC,OAASN,MAATM;MACxEC,eAAe,OAAOJ,WAAP,KAAuB;;kBACVK,eAAsBJ;;MAAjDK;MAAWC;;kBAER,YAAM;iBACDH,eAAeJ,cAAcC;KACzC,CAACD,WAAD,EAAcC,kBAAd,EAAkCG,YAAlC;MAGGI,wBAAwBC,cAAoB,YAAM;QAClDL,cAAc;aACTD;;;QAELG,WAAW;UACTI,UAAsBP;aACnBQ,KAAKL,WAAWM,QAAQ,UAACC,CAAD,EAAO;YAChC,QAAOP,SAAP,aAAOA,SAAP,uBAAOA,UAAYO,EAAnB,MAA0B,QAA1B,IAAsC,QAAOP,SAAP,aAAOA,SAAP,uBAAOA,UAAYO,EAAnB,MAA0B,UAAU;oBAClEH,QAAQI,MAAR,CAAe,UAACC,IAAD;AAAA;;AAAA,mBAAUA,IAAV,aAAUA,IAAV,kCAAUA,KAAOF,EAAjB,4CAAU,QAAWG,QAAX,GAAsBC,QAAtB,CAA+BX,SAA/B,aAA+BA,SAA/B,uBAA+BA,UAAYO,EAAZ,CAAeG,QAAf,EAA/B,CAAV;AAAA,WAAf;;;YAERE,MAAMC,OAAN,CAAcb,SAAd,aAAcA,SAAd,uBAAcA,UAAYO,EAA1B,KAAkC,UAAA,sBAAA,iCAAYA,EAAZ,EAA0CO,MAA1C,GAAmD,GAAG;oBAChFV,QAAQI,MAAR,CAAe,UAACC,IAAD;AAAA,mBAAW,UAAA,sBAAA,iCAAYF,EAAZ,EAA0CI,QAA1C,CAAmDF,IAAnD,aAAmDA,IAAnD,uBAAmDA,KAAOF,EAA1D,CAAX;AAAA,WAAf;;;aAGPH;;;WAEFP;KACN,CAACA,IAAD,EAAOG,SAAP,EAAkBF,YAAlB;MAGGiB,2BAA2BC,sCAAa;AAC5CxB,IAAAA,SAAAA,OAD4C;AAE5CyB,IAAAA,UAAUC,oBAFkC;AAG5CC,IAAAA,cAAcrB,eAAeJ,cAAcC,kBAHC;AAI5CF,IAAAA,YAAAA;AAJ4C;;gCAYhB2B,OAAOC,KAAsB;QACnDC,+CACDtB,YACAoB;;iBAEQE;;QACT1B,gBAAgB;qBACH0B,cAAc;AAAED,QAAAA,KAAAA;AAAF;;;;SAI1B,CAACN,wBAAD,EAA2Bb,qBAA3B;;;;;"}
+{"version":3,"file":"useFilter.js","sources":["../../../src/table/primary/useFilter.tsx"],"sourcesContent":["import { useEffect, useMemo, useState } from 'react';\nimport { DataType, FilterValue, PrimaryTableCol } from '../type';\nimport { PrimaryTableProps } from '..';\nimport filterButton from './FilterButton';\n\n/**\n * 筛选hook\n * 1.返回加入筛选icon后的title\n * 2.返回筛选后的data\n */\nfunction useFilter(props: PrimaryTableProps): [PrimaryTableCol[], DataType[]] {\n  const { columns, filterIcon, filterValue, defaultFilterValue, onFilterChange, data } = props;\n  const isControlled = typeof filterValue !== 'undefined';\n  const [filterVal, setFilterVal] = useState<FilterValue>(defaultFilterValue);\n\n  useEffect(() => {\n    setFilterVal(isControlled ? filterValue : defaultFilterValue);\n  }, [filterValue, defaultFilterValue, isControlled]);\n\n  // 导出：筛选后的data。受控直接导出，非受控导出筛选数据\n  const transformedFilterData = useMemo<DataType[]>(() => {\n    if (isControlled) {\n      return data;\n    }\n    if (filterVal) {\n      let tmpData: DataType[] = data;\n      Object.keys(filterVal).forEach((k) => {\n        if (typeof filterVal?.[k] === 'string' || typeof filterVal?.[k] === 'number') {\n          tmpData = tmpData.filter((item) => item?.[k]?.toString().includes(filterVal?.[k].toString()));\n        }\n        if (Array.isArray(filterVal?.[k]) && (filterVal?.[k] as Array<string | number>).length > 0) {\n          tmpData = tmpData.filter((item) => (filterVal?.[k] as Array<string | number>).includes(item?.[k]));\n        }\n      });\n      return tmpData;\n    }\n    return data;\n  }, [data, filterVal, isControlled]);\n\n  // 导出：添加筛选图标后的columns\n  const transformedFilterColumns = filterButton({\n    columns,\n    onChange: onChangeFilterButton,\n    innerfiltVal: isControlled ? filterValue : defaultFilterValue,\n    filterIcon,\n  });\n\n  /**\n   * 触发筛选按钮，触发onFilterChange回调\n   * @param toast\n   * @param col\n   */\n  function onChangeFilterButton(toast, col: PrimaryTableCol) {\n    const newFilterVal: FilterValue = {\n      ...filterVal,\n      ...toast,\n    };\n    setFilterVal(newFilterVal);\n    if (onFilterChange) {\n      onFilterChange(newFilterVal, { col });\n    }\n  }\n\n  return [transformedFilterColumns, transformedFilterData];\n}\n\nexport default useFilter;\n"],"names":["props","columns","filterIcon","filterValue","defaultFilterValue","onFilterChange","data","isControlled","useState","filterVal","setFilterVal","transformedFilterData","useMemo","tmpData","keys","forEach","k","filter","item","toString","includes","Array","isArray","length","transformedFilterColumns","filterButton","onChange","onChangeFilterButton","innerfiltVal","toast","col","newFilterVal"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAUA,kBAAA,CAAmBA,KAAnB,EAA8E;MACpEC,UAA+ED,MAA/EC;MAASC,aAAsEF,MAAtEE;MAAYC,cAA0DH,MAA1DG;MAAaC,qBAA6CJ,MAA7CI;MAAoBC,iBAAyBL,MAAzBK;MAAgBC,OAASN,MAATM;MACxEC,eAAe,OAAOJ,WAAP,KAAuB;;kBACVK,eAAsBJ;;MAAjDK;MAAWC;;kBAER,YAAM;iBACDH,eAAeJ,cAAcC;KACzC,CAACD,WAAD,EAAcC,kBAAd,EAAkCG,YAAlC;MAGGI,wBAAwBC,cAAoB,YAAM;QAClDL,cAAc;aACTD;;;QAELG,WAAW;UACTI,UAAsBP;aACnBQ,KAAKL,WAAWM,QAAQ,UAACC,CAAD,EAAO;YAChC,QAAOP,SAAP,aAAOA,SAAP,uBAAOA,UAAYO,EAAnB,MAA0B,QAA1B,IAAsC,QAAOP,SAAP,aAAOA,SAAP,uBAAOA,UAAYO,EAAnB,MAA0B,UAAU;oBAClEH,QAAQI,MAAR,CAAe,UAACC,IAAD;AAAA;;AAAA,mBAAUA,IAAV,aAAUA,IAAV,kCAAUA,KAAOF,EAAjB,4CAAU,QAAWG,QAAX,GAAsBC,QAAtB,CAA+BX,SAA/B,aAA+BA,SAA/B,uBAA+BA,UAAYO,EAAZ,CAAeG,QAAf,EAA/B,CAAV;AAAA,WAAf;;;YAERE,MAAMC,OAAN,CAAcb,SAAd,aAAcA,SAAd,uBAAcA,UAAYO,EAA1B,KAAkC,UAAA,sBAAA,iCAAYA,EAAZ,EAA0CO,MAA1C,GAAmD,GAAG;oBAChFV,QAAQI,MAAR,CAAe,UAACC,IAAD;AAAA,mBAAW,UAAA,sBAAA,iCAAYF,EAAZ,EAA0CI,QAA1C,CAAmDF,IAAnD,aAAmDA,IAAnD,uBAAmDA,KAAOF,EAA1D,CAAX;AAAA,WAAf;;;aAGPH;;;WAEFP;KACN,CAACA,IAAD,EAAOG,SAAP,EAAkBF,YAAlB;MAGGiB,2BAA2BC,sCAAa;AAC5CxB,IAAAA,SAAAA,OAD4C;AAE5CyB,IAAAA,UAAUC,oBAFkC;AAG5CC,IAAAA,cAAcrB,eAAeJ,cAAcC,kBAHC;AAI5CF,IAAAA,YAAAA;AAJ4C;;gCAYhB2B,OAAOC,KAAsB;QACnDC,+CACDtB,YACAoB;;iBAEQE;;QACT1B,gBAAgB;qBACH0B,cAAc;AAAED,QAAAA,KAAAA;AAAF;;;;SAI1B,CAACN,wBAAD,EAA2Bb,qBAA3B;;;;;"}

package/cjs/table/primary/useSelect.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.19.1
+ * tdesign v0.20.0
  * (c) 2021 tdesign
  * @license MIT
  */
@@ -8,47 +8,48 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var toConsumableArray = require('../../_chunks/dep-24e6d496.js');
-var defineProperty = require('../../_chunks/dep-cbedafdb.js');
-var slicedToArray = require('../../_chunks/dep-8f80ce94.js');
+var toConsumableArray = require('../../_chunks/dep-359fe2d6.js');
+var defineProperty = require('../../_chunks/dep-3b16b729.js');
+var slicedToArray = require('../../_chunks/dep-fb19c6e4.js');
 var React = require('react');
 var classNames = require('classnames');
-var isFunction = require('../../_chunks/dep-3cf89b5c.js');
+var isFunction = require('../../_chunks/dep-6e386c8a.js');
 var configProvider_ConfigContext = require('../../config-provider/ConfigContext.js');
 var checkbox_index = require('../../checkbox/index.js');
 var radio_index = require('../../radio/index.js');
-require('../../_chunks/dep-2c22ada3.js');
-require('../../_chunks/dep-bc7ce7d9.js');
-require('../../_chunks/dep-9b5ff552.js');
-require('../../_chunks/dep-79109b15.js');
+require('../../_chunks/dep-0f342310.js');
+require('../../_chunks/dep-6b1174cd.js');
+require('../../_chunks/dep-e8336ca1.js');
+require('../../_chunks/dep-b0e9bbd3.js');
 require('../../locale/zh_CN.js');
-require('../../_chunks/dep-1d475598.js');
+require('../../_chunks/dep-e6ad4f5e.js');
 require('../../_util/forwardRefWithStatics.js');
 require('hoist-non-react-statics');
 require('../../common/Check.js');
-require('../../_chunks/dep-ab51e170.js');
+require('../../_chunks/dep-c3ff803a.js');
 require('../../_util/helper.js');
-require('../../_chunks/dep-abe29065.js');
-require('../../_chunks/dep-9ecba42e.js');
-require('../../_chunks/dep-ef75128a.js');
-require('../../_chunks/dep-37d490bf.js');
-require('../../_chunks/dep-44e3e9bb.js');
-require('../../_chunks/dep-cba485ce.js');
-require('../../_chunks/dep-62e1d7f2.js');
+require('../../_chunks/dep-3de250de.js');
+require('../../_chunks/dep-777e1a4b.js');
+require('../../_chunks/dep-9e3e211f.js');
+require('../../_chunks/dep-4ea10b93.js');
+require('../../_chunks/dep-2302f518.js');
+require('../../_chunks/dep-d9585831.js');
+require('../../_chunks/dep-ce3e65d8.js');
 require('../../_util/useConfig.js');
 require('../../_util/useDefault.js');
 require('../../_util/noop.js');
-require('../../_chunks/dep-56eca6a0.js');
-require('../../_chunks/dep-d6a1c9fc.js');
+require('../../_chunks/dep-d4d2f1b5.js');
+require('../../_chunks/dep-62e0fe2c.js');
+require('../../_util/useCommonClassName.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 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 TypeEnum = {
   single: "single",
   multiple: "multiple"

package/cjs/table/primary/useSelect.js.map

@@ -1 +1 @@
-{"version":3,"file":"useSelect.js","sources":["../../../src/table/primary/useSelect.tsx"],"sourcesContent":["import React, { useContext, useEffect, useState } from 'react';\nimport classnames from 'classnames';\nimport isFunction from 'lodash/isFunction';\nimport { ConfigContext } from '../../config-provider';\nimport { PrimaryTableCol, DataType } from '../type';\nimport { PrimaryTableProps } from './Table';\nimport { Checkbox } from '../../checkbox';\nimport { Radio } from '../../radio';\n\ntype SelectType = PrimaryTableCol['type'];\n\nconst TypeEnum: { [key in SelectType]: SelectType } = {\n  single: 'single',\n  multiple: 'multiple',\n};\nconst defaultWidth = 50;\n\n/**\n * 选中hook\n */\nfunction useSelect(props: PrimaryTableProps): [PrimaryTableCol[]] {\n  const { classPrefix } = useContext(ConfigContext);\n  const { columns, data, rowKey, defaultSelectedRowKeys, selectedRowKeys, onSelectChange } = props;\n  const isControlled = !!selectedRowKeys;\n  const [innerSelectedRowKeys, setInnerSelectedRowKeys] = useState(defaultSelectedRowKeys || []);\n  const selectColumn = columns.find((column: PrimaryTableCol) => !!TypeEnum[column.type]);\n\n  useEffect(() => {\n    if (isControlled) {\n      setInnerSelectedRowKeys(selectedRowKeys);\n    }\n  }, [selectedRowKeys, isControlled]);\n\n  if (!selectColumn) {\n    return [columns];\n  }\n  const disabledFn = getDisableFn({ selectColumn });\n  const titleCheckboxProps = getTitleCheckboxProps({ data, disabledFn, innerSelectedRowKeys, selectColumn, TypeEnum });\n\n  const transformedColumns = columns.map((column: PrimaryTableCol) => {\n    const { type, className, width } = column;\n    if (!TypeEnum[type]) {\n      return column;\n    }\n\n    let title: PrimaryTableCol['title'];\n    let cell: PrimaryTableCol['cell'];\n    const isMultiple = type === TypeEnum.multiple;\n    if (isMultiple) {\n      title = () => {\n        const { indeterminate, checked, disabled } = titleCheckboxProps;\n        return (\n          <Checkbox\n            indeterminate={indeterminate}\n            checked={checked}\n            disabled={disabled}\n            onChange={(checked) => onTitleCheckboxChange(checked)}\n          />\n        );\n      };\n      cell = (options) => {\n        const { row } = options;\n        const currentRowKeyValue = row[rowKey];\n        const checked = innerSelectedRowKeys.includes(currentRowKeyValue);\n        const disabled = disabledFn(options);\n\n        return (\n          <Checkbox\n            checked={checked}\n            disabled={disabled}\n            onChange={(checked) => onRowCheckboxChange(currentRowKeyValue, row, checked)}\n          />\n        );\n      };\n    } else {\n      cell = (options) => {\n        const { row } = options;\n        const currentRowKeyValue = row[rowKey];\n        const checked = innerSelectedRowKeys.includes(currentRowKeyValue);\n        const disabled = disabledFn(options);\n\n        return <Radio checked={checked} disabled={disabled} onChange={() => onRadioChange(currentRowKeyValue, row)} />;\n      };\n    }\n\n    return {\n      width: width || defaultWidth,\n      title,\n      cell,\n      style: { padding: '10px 0 10px 24px' },\n      className: classnames([`${classPrefix}-table__cell--selectable`, { [`${className}`]: !!className }]),\n      ...column,\n    };\n  });\n\n  function getTitleCheckboxProps({ data, disabledFn, innerSelectedRowKeys, selectColumn, TypeEnum }) {\n    if (selectColumn.type !== TypeEnum.multiple) {\n      return {\n        checked: false,\n        indeterminate: false,\n        disabled: false,\n      };\n    }\n\n    const { rowKeysExcludeDisabled, isDisabledAll } = getRowKeysExcludeDisabledAndIsDisabledAll({\n      data,\n      disabledFn,\n      innerSelectedRowKeys,\n    });\n    const innerSelectedRowKeysExcludeDisabled = innerSelectedRowKeys.filter((rowKey) =>\n      rowKeysExcludeDisabled.includes(rowKey),\n    );\n    const checked =\n      innerSelectedRowKeysExcludeDisabled.length &&\n      innerSelectedRowKeysExcludeDisabled.length === rowKeysExcludeDisabled.length;\n    const indeterminate =\n      innerSelectedRowKeysExcludeDisabled.length &&\n      innerSelectedRowKeysExcludeDisabled.length < rowKeysExcludeDisabled.length;\n\n    return {\n      checked,\n      indeterminate,\n      disabled: isDisabledAll,\n    };\n  }\n\n  function getDisableFn({ selectColumn }) {\n    const { disabled, checkProps } = selectColumn;\n    let disabledFn: PrimaryTableCol['disabled'] = () => false;\n\n    if (disabled && isFunction(disabled)) {\n      disabledFn = disabled;\n    } else if (checkProps) {\n      if (isFunction(checkProps)) {\n        disabledFn = (options) => checkProps(options)?.disabled;\n      } else if (checkProps.disabled) {\n        disabledFn = () => checkProps.disabled;\n      }\n    }\n    return disabledFn;\n  }\n\n  function getRowKeysExcludeDisabledAndIsDisabledAll({ data, disabledFn, innerSelectedRowKeys }) {\n    const dataSelectedDisabled = [];\n    const dataDisabled = [];\n    const rowKeysExcludeDisabled = [];\n    data.forEach((dataItem, index) => {\n      const isDisabled = disabledFn({ rowIndex: index, row: dataItem });\n      const isChecked = innerSelectedRowKeys.includes(dataItem[rowKey]);\n      if (!isDisabled) {\n        rowKeysExcludeDisabled.push(dataItem[rowKey]);\n      } else {\n        dataDisabled.push(dataItem);\n      }\n      if (isDisabled && isChecked) {\n        dataSelectedDisabled.push(dataItem);\n      }\n    });\n    const isDisabledAll = dataDisabled.length === data.length;\n    return {\n      rowKeysExcludeDisabled,\n      isDisabledAll,\n    };\n  }\n\n  function onTitleCheckboxChange(checked: boolean) {\n    const selectedRowData = [];\n    if (checked) {\n      data.forEach((dataItem, index) => {\n        const isDisabled = disabledFn({ rowIndex: index, row: dataItem });\n        const isChecked = innerSelectedRowKeys.includes(dataItem[rowKey]);\n        if (!isDisabled || isChecked) {\n          selectedRowData.push(dataItem);\n        }\n      });\n    } else {\n      data.forEach((dataItem, index) => {\n        const isDisabled = disabledFn({ rowIndex: index, row: dataItem });\n        const isChecked = innerSelectedRowKeys.includes(dataItem[rowKey]);\n        if (isDisabled && isChecked) {\n          selectedRowData.push(dataItem);\n        }\n      });\n    }\n    const selectedRowKeysNew = selectedRowData.map((record) => record[rowKey]);\n\n    if (!isControlled) {\n      setInnerSelectedRowKeys(selectedRowKeysNew);\n    }\n    isFunction(onSelectChange) && onSelectChange(selectedRowKeysNew, { selectedRowData });\n  }\n\n  function onRowCheckboxChange(currentRowKeyValue: string | number, row: DataType, checked: boolean) {\n    let selectedRowKeysNew = [];\n    if (checked) {\n      selectedRowKeysNew = [...innerSelectedRowKeys, currentRowKeyValue];\n    } else {\n      selectedRowKeysNew = innerSelectedRowKeys.filter((selectRowKey) => selectRowKey !== currentRowKeyValue);\n    }\n    const selectedRowData = data.filter((dataItem) => selectedRowKeysNew.includes(dataItem[rowKey]));\n    if (!isControlled) {\n      setInnerSelectedRowKeys(selectedRowKeysNew);\n    }\n    isFunction(onSelectChange) && onSelectChange(selectedRowKeysNew, { selectedRowData });\n  }\n\n  function onRadioChange(currentRowKeyValue: string | number, row: DataType) {\n    const selectedRowKeysNew = [currentRowKeyValue];\n    const selectedRowData = [row];\n    if (!isControlled) {\n      setInnerSelectedRowKeys(selectedRowKeysNew);\n    }\n    isFunction(onSelectChange) && onSelectChange(selectedRowKeysNew, { selectedRowData });\n  }\n\n  return [transformedColumns];\n}\n\nexport default useSelect;\n"],"names":["TypeEnum","single","multiple","defaultWidth","props","useContext","ConfigContext","classPrefix","columns","data","rowKey","defaultSelectedRowKeys","selectedRowKeys","onSelectChange","isControlled","useState","innerSelectedRowKeys","setInnerSelectedRowKeys","selectColumn","find","column","type","disabledFn","getDisableFn","titleCheckboxProps","getTitleCheckboxProps","transformedColumns","map","className","width","title","cell","isMultiple","indeterminate","checked","disabled","Checkbox","onChange","checked2","onTitleCheckboxChange","options","row","currentRowKeyValue","includes","onRowCheckboxChange","Radio","onRadioChange","style","padding","classnames","selectColumn2","TypeEnum2","getRowKeysExcludeDisabledAndIsDisabledAll","rowKeysExcludeDisabled","isDisabledAll","innerSelectedRowKeysExcludeDisabled","innerSelectedRowKeys2","filter","rowKey2","length","checkProps","disabledFn2","isFunction","dataDisabled","forEach","dataItem","index","isDisabled","rowIndex","push","data2","selectedRowData","isChecked","selectedRowKeysNew","record","selectRowKey"],"mappings":"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"}
+{"version":3,"file":"useSelect.js","sources":["../../../src/table/primary/useSelect.tsx"],"sourcesContent":["import React, { useContext, useEffect, useState } from 'react';\nimport classnames from 'classnames';\nimport isFunction from 'lodash/isFunction';\nimport { ConfigContext } from '../../config-provider';\nimport { PrimaryTableCol, DataType } from '../type';\nimport { PrimaryTableProps } from './Table';\nimport { Checkbox } from '../../checkbox';\nimport { Radio } from '../../radio';\n\ntype SelectType = PrimaryTableCol['type'];\n\nconst TypeEnum: { [key in SelectType]: SelectType } = {\n  single: 'single',\n  multiple: 'multiple',\n};\nconst defaultWidth = 50;\n\n/**\n * 选中hook\n */\nfunction useSelect(props: PrimaryTableProps): [PrimaryTableCol[]] {\n  const { classPrefix } = useContext(ConfigContext);\n  const { columns, data, rowKey, defaultSelectedRowKeys, selectedRowKeys, onSelectChange } = props;\n  const isControlled = !!selectedRowKeys;\n  const [innerSelectedRowKeys, setInnerSelectedRowKeys] = useState(defaultSelectedRowKeys || []);\n  const selectColumn = columns.find((column: PrimaryTableCol) => !!TypeEnum[column.type]);\n\n  useEffect(() => {\n    if (isControlled) {\n      setInnerSelectedRowKeys(selectedRowKeys);\n    }\n  }, [selectedRowKeys, isControlled]);\n\n  if (!selectColumn) {\n    return [columns];\n  }\n  const disabledFn = getDisableFn({ selectColumn });\n  const titleCheckboxProps = getTitleCheckboxProps({ data, disabledFn, innerSelectedRowKeys, selectColumn, TypeEnum });\n\n  const transformedColumns = columns.map((column: PrimaryTableCol) => {\n    const { type, className, width } = column;\n    if (!TypeEnum[type]) {\n      return column;\n    }\n\n    let title: PrimaryTableCol['title'];\n    let cell: PrimaryTableCol['cell'];\n    const isMultiple = type === TypeEnum.multiple;\n    if (isMultiple) {\n      title = () => {\n        const { indeterminate, checked, disabled } = titleCheckboxProps;\n        return (\n          <Checkbox\n            indeterminate={indeterminate}\n            checked={checked}\n            disabled={disabled}\n            onChange={(checked) => onTitleCheckboxChange(checked)}\n          />\n        );\n      };\n      cell = (options) => {\n        const { row } = options;\n        const currentRowKeyValue = row[rowKey];\n        const checked = innerSelectedRowKeys.includes(currentRowKeyValue);\n        const disabled = disabledFn(options);\n\n        return (\n          <Checkbox\n            checked={checked}\n            disabled={disabled}\n            onChange={(checked) => onRowCheckboxChange(currentRowKeyValue, row, checked)}\n          />\n        );\n      };\n    } else {\n      cell = (options) => {\n        const { row } = options;\n        const currentRowKeyValue = row[rowKey];\n        const checked = innerSelectedRowKeys.includes(currentRowKeyValue);\n        const disabled = disabledFn(options);\n\n        return <Radio checked={checked} disabled={disabled} onChange={() => onRadioChange(currentRowKeyValue, row)} />;\n      };\n    }\n\n    return {\n      width: width || defaultWidth,\n      title,\n      cell,\n      style: { padding: '10px 0 10px 24px' },\n      className: classnames([`${classPrefix}-table__cell--selectable`, { [`${className}`]: !!className }]),\n      ...column,\n    };\n  });\n\n  function getTitleCheckboxProps({ data, disabledFn, innerSelectedRowKeys, selectColumn, TypeEnum }) {\n    if (selectColumn.type !== TypeEnum.multiple) {\n      return {\n        checked: false,\n        indeterminate: false,\n        disabled: false,\n      };\n    }\n\n    const { rowKeysExcludeDisabled, isDisabledAll } = getRowKeysExcludeDisabledAndIsDisabledAll({\n      data,\n      disabledFn,\n      innerSelectedRowKeys,\n    });\n    const innerSelectedRowKeysExcludeDisabled = innerSelectedRowKeys.filter((rowKey) =>\n      rowKeysExcludeDisabled.includes(rowKey),\n    );\n    const checked =\n      innerSelectedRowKeysExcludeDisabled.length &&\n      innerSelectedRowKeysExcludeDisabled.length === rowKeysExcludeDisabled.length;\n    const indeterminate =\n      innerSelectedRowKeysExcludeDisabled.length &&\n      innerSelectedRowKeysExcludeDisabled.length < rowKeysExcludeDisabled.length;\n\n    return {\n      checked,\n      indeterminate,\n      disabled: isDisabledAll,\n    };\n  }\n\n  function getDisableFn({ selectColumn }) {\n    const { disabled, checkProps } = selectColumn;\n    let disabledFn: PrimaryTableCol['disabled'] = () => false;\n\n    if (disabled && isFunction(disabled)) {\n      disabledFn = disabled;\n    } else if (checkProps) {\n      if (isFunction(checkProps)) {\n        disabledFn = (options) => checkProps(options)?.disabled;\n      } else if (checkProps.disabled) {\n        disabledFn = () => checkProps.disabled;\n      }\n    }\n    return disabledFn;\n  }\n\n  function getRowKeysExcludeDisabledAndIsDisabledAll({ data, disabledFn, innerSelectedRowKeys }) {\n    const dataSelectedDisabled = [];\n    const dataDisabled = [];\n    const rowKeysExcludeDisabled = [];\n    data.forEach((dataItem, index) => {\n      const isDisabled = disabledFn({ rowIndex: index, row: dataItem });\n      const isChecked = innerSelectedRowKeys.includes(dataItem[rowKey]);\n      if (!isDisabled) {\n        rowKeysExcludeDisabled.push(dataItem[rowKey]);\n      } else {\n        dataDisabled.push(dataItem);\n      }\n      if (isDisabled && isChecked) {\n        dataSelectedDisabled.push(dataItem);\n      }\n    });\n    const isDisabledAll = dataDisabled.length === data.length;\n    return {\n      rowKeysExcludeDisabled,\n      isDisabledAll,\n    };\n  }\n\n  function onTitleCheckboxChange(checked: boolean) {\n    const selectedRowData = [];\n    if (checked) {\n      data.forEach((dataItem, index) => {\n        const isDisabled = disabledFn({ rowIndex: index, row: dataItem });\n        const isChecked = innerSelectedRowKeys.includes(dataItem[rowKey]);\n        if (!isDisabled || isChecked) {\n          selectedRowData.push(dataItem);\n        }\n      });\n    } else {\n      data.forEach((dataItem, index) => {\n        const isDisabled = disabledFn({ rowIndex: index, row: dataItem });\n        const isChecked = innerSelectedRowKeys.includes(dataItem[rowKey]);\n        if (isDisabled && isChecked) {\n          selectedRowData.push(dataItem);\n        }\n      });\n    }\n    const selectedRowKeysNew = selectedRowData.map((record) => record[rowKey]);\n\n    if (!isControlled) {\n      setInnerSelectedRowKeys(selectedRowKeysNew);\n    }\n    isFunction(onSelectChange) && onSelectChange(selectedRowKeysNew, { selectedRowData });\n  }\n\n  function onRowCheckboxChange(currentRowKeyValue: string | number, row: DataType, checked: boolean) {\n    let selectedRowKeysNew = [];\n    if (checked) {\n      selectedRowKeysNew = [...innerSelectedRowKeys, currentRowKeyValue];\n    } else {\n      selectedRowKeysNew = innerSelectedRowKeys.filter((selectRowKey) => selectRowKey !== currentRowKeyValue);\n    }\n    const selectedRowData = data.filter((dataItem) => selectedRowKeysNew.includes(dataItem[rowKey]));\n    if (!isControlled) {\n      setInnerSelectedRowKeys(selectedRowKeysNew);\n    }\n    isFunction(onSelectChange) && onSelectChange(selectedRowKeysNew, { selectedRowData });\n  }\n\n  function onRadioChange(currentRowKeyValue: string | number, row: DataType) {\n    const selectedRowKeysNew = [currentRowKeyValue];\n    const selectedRowData = [row];\n    if (!isControlled) {\n      setInnerSelectedRowKeys(selectedRowKeysNew);\n    }\n    isFunction(onSelectChange) && onSelectChange(selectedRowKeysNew, { selectedRowData });\n  }\n\n  return [transformedColumns];\n}\n\nexport default useSelect;\n"],"names":["TypeEnum","single","multiple","defaultWidth","props","useContext","ConfigContext","classPrefix","columns","data","rowKey","defaultSelectedRowKeys","selectedRowKeys","onSelectChange","isControlled","useState","innerSelectedRowKeys","setInnerSelectedRowKeys","selectColumn","find","column","type","disabledFn","getDisableFn","titleCheckboxProps","getTitleCheckboxProps","transformedColumns","map","className","width","title","cell","isMultiple","indeterminate","checked","disabled","Checkbox","onChange","checked2","onTitleCheckboxChange","options","row","currentRowKeyValue","includes","onRowCheckboxChange","Radio","onRadioChange","style","padding","classnames","selectColumn2","TypeEnum2","getRowKeysExcludeDisabledAndIsDisabledAll","rowKeysExcludeDisabled","isDisabledAll","innerSelectedRowKeysExcludeDisabled","innerSelectedRowKeys2","filter","rowKey2","length","checkProps","disabledFn2","isFunction","dataDisabled","forEach","dataItem","index","isDisabled","rowIndex","push","data2","selectedRowData","isChecked","selectedRowKeysNew","record","selectRowKey"],"mappings":"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"}

package/cjs/table/primary/useSorter.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.19.1
+ * tdesign v0.20.0
  * (c) 2021 tdesign
  * @license MIT
  */
@@ -8,33 +8,34 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var toConsumableArray = require('../../_chunks/dep-24e6d496.js');
-var defineProperty = require('../../_chunks/dep-cbedafdb.js');
-var slicedToArray = require('../../_chunks/dep-8f80ce94.js');
+var toConsumableArray = require('../../_chunks/dep-359fe2d6.js');
+var defineProperty = require('../../_chunks/dep-3b16b729.js');
+var slicedToArray = require('../../_chunks/dep-fb19c6e4.js');
 var React = require('react');
-var get = require('../../_chunks/dep-ebdde240.js');
+var get = require('../../_chunks/dep-b9aedb11.js');
 var configProvider_ConfigContext = require('../../config-provider/ConfigContext.js');
 var table_primary_SorterButton = require('./SorterButton.js');
-require('../../_chunks/dep-2c22ada3.js');
-require('../../_chunks/dep-6b5e4ff7.js');
-require('../../_chunks/dep-ef75128a.js');
-require('../../_chunks/dep-9b5ff552.js');
-require('../../_chunks/dep-37d490bf.js');
-require('../../_chunks/dep-bc7ce7d9.js');
-require('../../_chunks/dep-44e3e9bb.js');
-require('../../_chunks/dep-d58c0812.js');
-require('../../_chunks/dep-3cf89b5c.js');
-require('../../_chunks/dep-79109b15.js');
-require('../../_chunks/dep-4553e2fd.js');
-require('../../_chunks/dep-9ecba42e.js');
+require('../../_chunks/dep-0f342310.js');
+require('../../_chunks/dep-666ca657.js');
+require('../../_chunks/dep-9e3e211f.js');
+require('../../_chunks/dep-e8336ca1.js');
+require('../../_chunks/dep-4ea10b93.js');
+require('../../_chunks/dep-6b1174cd.js');
+require('../../_chunks/dep-2302f518.js');
+require('../../_chunks/dep-cad238c0.js');
+require('../../_chunks/dep-6e386c8a.js');
+require('../../_chunks/dep-b0e9bbd3.js');
+require('../../_chunks/dep-bef84f1b.js');
+require('../../_chunks/dep-777e1a4b.js');
 require('../../locale/zh_CN.js');
 require('classnames');
 require('tdesign-icons-react');
 require('../../tooltip/index.js');
 require('../../tooltip/Tooltip.js');
-require('../../_chunks/dep-ab51e170.js');
+require('../../_chunks/dep-c3ff803a.js');
 require('../../popup/index.js');
 require('../../popup/Popup.js');
+require('react-transition-group');
 require('react-popper');
 require('../../_util/useDefault.js');
 require('../../_util/noop.js');
@@ -43,8 +44,9 @@ require('../../_util/composeRefs.js');
 require('../../_util/usePrevious.js');
 require('../../popup/Portal.js');
 require('react-dom');
-require('../../popup/useTriggerProps.js');
+require('../../popup/hooks/useTriggerProps.js');
 require('../../_util/useClickOutside.js');
+require('../../popup/hooks/usePopupCssTransition.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -56,9 +58,9 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
 
-function 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; }
 
 function useSorter(props) {
   var _useContext = React.useContext(configProvider_ConfigContext["default"]),

package/cjs/table/primary/useSorter.js.map

@@ -1 +1 @@
-{"version":3,"file":"useSorter.js","sources":["../../../src/table/primary/useSorter.tsx"],"sourcesContent":["import React, { useContext, useEffect, useMemo, useState } from 'react';\nimport get from 'lodash/get';\nimport { ConfigContext } from '../../config-provider';\nimport { SortInfo, PrimaryTableCol, SortType, DataType, SortOptions, TableSort } from '../type';\nimport SorterButton, { SortTypeEnum } from './SorterButton';\nimport { PrimaryTableProps } from './Table';\n\ninterface ColKeySorterMap {\n  [colKey: string]: PrimaryTableCol['sorter'];\n}\ninterface SortInfoWithSorter extends SortInfo {\n  sorter: PrimaryTableCol['sorter'];\n}\n\n/**\n * 排序hook\n * 1.修改column中的title\n * 2.排序data\n */\nfunction useSorter(props: PrimaryTableProps): [PrimaryTableCol[], DataType[]] {\n  const { classPrefix } = useContext(ConfigContext);\n  const { columns, sort, defaultSort, multipleSort, onSortChange, data } = props;\n  const isControlled = typeof sort !== 'undefined';\n  const [innerSort, setInnerSort] = useState<TableSort>(defaultSort || []);\n  const sorts = getSorts(innerSort, columns);\n\n  // 导出：添加排序图标后columns\n  const transformedSorterColumns = columns.map((column: PrimaryTableCol) => {\n    const { title, sorter, sortType, colKey } = column;\n    if (!sorter || !SortTypeEnum[sortType]) {\n      return column;\n    }\n\n    const singleSort = sorts.find?.((sortItem: SortInfo) => sortItem?.sortBy === colKey);\n    const titleNew = () => (\n      <div className={`${classPrefix}-table__cell--sortable`}>\n        <div className={`${classPrefix}-table__cell--title`}>\n          <div>{title}</div>\n          <SorterButton column={column} singleSort={singleSort} onChange={onChangeSortButton} />\n        </div>\n      </div>\n    );\n\n    return {\n      ...column,\n      title: titleNew,\n    };\n  });\n\n  // 导出：排序后data。受控直接导出、非受控多级排序\n  const transformedSorterData = useMemo<DataType[]>(() => {\n    if (isControlled) {\n      return data;\n    }\n    return [...data].sort(comparer(sorts));\n  }, [data, sorts, isControlled]);\n\n  /**\n   * 格式化sort\n   * 1.PrimaryTableCol的sort改为数组sorts；\n   * 2.依据TdPrimaryTableProps的sort过滤出validSorts\n   * 3.TdPrimaryTableProps的sort添加至validSortItem，用于data排序\n   */\n  function getSorts(innerSort: TableSort, columns: PrimaryTableCol[]): SortInfoWithSorter[] {\n    let validSorts = [];\n    const sortColumns = columns.filter(({ sorter }) => !!sorter);\n    const colKeySorterMap: ColKeySorterMap = {};\n    sortColumns.forEach(({ colKey, sorter }) => {\n      colKeySorterMap[colKey] = sorter;\n    });\n    const sortColKeys = sortColumns.map(({ colKey }) => colKey);\n    if (Array.isArray(innerSort)) {\n      validSorts = innerSort.filter((sortItem: SortInfo) => sortColKeys.includes(sortItem?.sortBy));\n    } else if (sortColKeys.includes(innerSort?.sortBy)) {\n      validSorts = [innerSort];\n    }\n\n    const validSortsWithSorter = validSorts?.map((sortItem: SortInfo) => ({\n      ...sortItem,\n      sorter: colKeySorterMap[sortItem.sortBy],\n    }));\n\n    return validSortsWithSorter;\n  }\n\n  /**\n   * 排序点击回调\n   * 1.设置onSortChange的参数sort（区分单个/多个排序）、sortOptions\n   * 2.触发onSortChange\n   */\n  function onChangeSortButton(activeSort: SortInfo, activeSortType: SortType, activeColumn: PrimaryTableCol) {\n    const sortOptions: SortOptions<DataType> = {\n      currentDataSource: transformedSorterData,\n      col: activeColumn,\n    };\n    const { colKey: activeColKey } = activeColumn;\n    if (multipleSort) {\n      let sortsNew: SortInfo[] = [];\n      if (activeSort) {\n        if (activeSortType === SortTypeEnum.all) {\n          sortsNew = sorts\n            .filter((sortItem) => sortItem !== activeSort)\n            .map(({ sortBy, descending }) => ({ sortBy, descending }));\n        } else {\n          sortsNew = sorts.map((sortItem) => ({\n            sortBy: sortItem.sortBy,\n            descending: sortItem === activeSort ? activeSortType === SortTypeEnum.desc : sortItem.descending,\n          }));\n        }\n      } else {\n        const sortInfo = {\n          sortBy: activeColKey,\n          descending: activeSortType === SortTypeEnum.desc,\n        };\n        if (sorts.length) {\n          sortsNew = [...sorts.map(({ sortBy, descending }) => ({ sortBy, descending })), sortInfo];\n        } else {\n          sortsNew = [sortInfo];\n        }\n      }\n      setInnerSort(sortsNew);\n      onSortChange(sortsNew, sortOptions);\n    } else {\n      let sortNew: SortInfo | undefined;\n      if (activeSort) {\n        if (activeSortType !== SortTypeEnum.all) {\n          sortNew = {\n            sortBy: activeSort.sortBy,\n            descending: activeSortType === SortTypeEnum.desc,\n          };\n        }\n      } else {\n        sortNew = {\n          sortBy: activeColKey,\n          descending: activeSortType === SortTypeEnum.desc,\n        };\n      }\n      setInnerSort(sortNew);\n      onSortChange(sortNew, sortOptions);\n    }\n  }\n\n  useEffect(() => {\n    if (isControlled) {\n      setInnerSort(sort);\n    }\n  }, [sort, isControlled]);\n\n  return [transformedSorterColumns, transformedSorterData];\n}\n\nexport default useSorter;\n\nfunction comparer(sorts: SortInfoWithSorter[]) {\n  return (a: any, b: any) => {\n    for (const { sortBy, descending, sorter } of sorts) {\n      const firstValue = get(a, sortBy);\n      const secondValue = get(b, sortBy);\n      const isAsc = typeof sorter === 'function' ? sorter(a, b) < 0 : firstValue < secondValue;\n      const isDesc = typeof sorter === 'function' ? sorter(a, b) > 0 : firstValue > secondValue;\n      if (isAsc || isDesc) {\n        if (!descending) return isAsc ? -1 : 1;\n        if (descending) return isDesc ? -1 : 1;\n      }\n    }\n    return 0;\n  };\n}\n"],"names":["props","useContext","ConfigContext","classPrefix","columns","sort","defaultSort","multipleSort","onSortChange","data","isControlled","useState","innerSort","setInnerSort","sorts","getSorts","transformedSorterColumns","map","column","title","sorter","sortType","colKey","SortTypeEnum","singleSort","find","sortItem","sortBy","titleNew","className","SorterButton","onChange","onChangeSortButton","transformedSorterData","useMemo","_toConsumableArray","comparer","innerSort2","columns2","validSorts","sortColumns","filter","colKeySorterMap","forEach","sortColKeys","Array","isArray","includes","validSortsWithSorter","activeSort","activeSortType","activeColumn","sortOptions","currentDataSource","col","activeColKey","sortsNew","all","descending","desc","sortInfo","length","sortNew","a","b","firstValue","get","secondValue","isAsc","isDesc"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmBA,kBAAA,CAAmBA,KAAnB,EAA8E;oBACpDC,iBAAWC;MAA3BC,0BAAAA;;MACAC,UAAiEJ,MAAjEI;MAASC,OAAwDL,MAAxDK;MAAMC,cAAkDN,MAAlDM;MAAaC,eAAqCP,MAArCO;MAAcC,eAAuBR,MAAvBQ;MAAcC,OAAST,MAATS;MAC1DC,eAAe,OAAOL,IAAP,KAAgB;;kBACHM,eAAoBL,eAAe;;MAA9DM;MAAWC;;MACZC,QAAQC,SAASH,WAAWR;MAG5BY,2BAA2BZ,QAAQa,GAAR,CAAY,UAACC,MAAD,EAA6B;AAAA;;QAChEC,QAAoCD,OAApCC;QAAOC,SAA6BF,OAA7BE;QAAQC,WAAqBH,OAArBG;QAAUC,SAAWJ,OAAXI;;QAC7B,CAACF,MAAD,IAAW,CAACG,wCAAaF,WAAW;aAC/BH;;;QAGHM,4BAAaV,MAAMW,oDAAN,iBAAAX,OAAa,UAACY,QAAD;AAAA,aAAwB,CAAAA,iBAAA,IAAAA,mBAAA,YAAAA,SAAUC,MAAV,MAAqBL,MAA7C;AAAA;;QAC1BM,WAAW,SAAXA,QAAW;AAAA,oEACd,OAAD;AAAKC,QAAAA,qBAAc1B;AAAnB,gEACG,OAAD;AAAK0B,QAAAA,qBAAc1B;AAAnB,gEACG,OAAD,MAAMgB,+DACLW,uCAAD;AAAcZ,QAAAA,QAAAA,MAAd;AAA8BM,QAAAA,YAAAA,UAA9B;AAAsDO,QAAAA,UAAUC;AAAhE,UAJW;AAAA;;2CAUZd;AACHC,MAAAA,OAAOS;;GAlBsB;MAuB3BK,wBAAwBC,cAAoB,YAAM;QAClDxB,cAAc;aACTD;;;WAEF0B,qCAAI1B,IAAJ,EAAUJ,IAAV,CAAe+B,SAAStB,MAAxB;KACN,CAACL,IAAD,EAAOK,KAAP,EAAcJ,YAAd;;oBAQe2B,YAAsBC,UAAkD;AAAA;;QACpFC,aAAa;QACXC,cAAcF,SAAQG,MAAR,CAAe;AAAA,UAAGrB,MAAH,QAAGA,MAAH;AAAA,aAAgB,CAAC,CAACA,MAAlB;AAAA,KAAf;QACdsB,kBAAmC;gBAC7BC,QAAQ,iBAAwB;AAAA,UAArBrB,MAAqB,SAArBA,MAAqB;AAAA,UAAbF,MAAa,SAAbA,MAAa;sBAC1BE,UAAUF;;QAEtBwB,cAAcJ,YAAYvB,GAAZ,CAAgB;AAAA,UAAGK,MAAH,SAAGA,MAAH;AAAA,aAAgBA,MAAhB;AAAA,KAAhB;;QAChBuB,MAAMC,OAAN,CAAcT,UAAd,GAA0B;mBACfA,WAAUI,MAAV,CAAiB,UAACf,QAAD;AAAA,eAAwBkB,YAAYG,QAAZ,CAAqBrB,QAArB,aAAqBA,QAArB,uBAAqBA,SAAUC,MAA/B,CAAxB;AAAA,OAAjB;eACJiB,YAAYG,QAAZ,CAAqBV,UAArB,aAAqBA,UAArB,uBAAqBA,WAAWV,MAAhC,GAAyC;mBACrC,CAACU,UAAD;;;QAGTW,sCAAuBT,0DAAA,YAAYtB,GAAZ,CAAgB,UAACS,QAAD;AAAA,6CACxCA,QADwC;AAE3CN,QAAAA,QAAQsB,gBAAgBhB,SAASC;AAFU;AAAA,KAAhB;WAKtBqB;;;8BAQmBC,YAAsBC,gBAA0BC,cAA+B;QACnGC,cAAqC;AACzCC,MAAAA,mBAAmBpB,qBADsB;AAEzCqB,MAAAA,KAAKH;AAFoC;QAI3BI,eAAiBJ,aAAzB7B;;QACJf,cAAc;UACZiD,WAAuB;;UACvBP,YAAY;YACVC,mBAAmB3B,wCAAakC,KAAK;qBAC5B3C,MACR2B,MADQ,CACD,UAACf,QAAD;AAAA,mBAAcA,aAAauB,UAA3B;AAAA,WADC,EAERhC,GAFQ,CAEJ;AAAA,gBAAGU,MAAH,SAAGA,MAAH;AAAA,gBAAW+B,UAAX,SAAWA,UAAX;AAAA;AAA+B/B,cAAAA,QAAAA;AAAQ+B,cAAAA,YAAAA;aAAvC;AAAA,WAFI;eAGN;qBACM5C,MAAMG,GAAN,CAAU,UAACS,QAAD;AAAA;AACnBC,cAAAA,QAAQD,SAASC;AACjB+B,cAAAA,YAAYhC,aAAauB,UAAb,GAA0BC,mBAAmB3B,wCAAaoC,IAA1D,GAAiEjC,SAASgC;aAFnE;AAAA,WAAV;;aAKR;YACCE,WAAW;AACfjC,UAAAA,QAAQ4B,YADO;AAEfG,UAAAA,YAAYR,mBAAmB3B,wCAAaoC;AAF7B;;YAIb7C,MAAM+C,QAAQ;oEACD/C,MAAMG,GAAN,CAAU;AAAA,gBAAGU,MAAH,SAAGA,MAAH;AAAA,gBAAW+B,UAAX,SAAWA,UAAX;AAAA;AAA+B/B,cAAAA,QAAAA;AAAQ+B,cAAAA,YAAAA;aAAvC;AAAA,WAAV,KAAiEE;eAC3E;qBACM,CAACA,QAAD;;;;mBAGFJ;mBACAA,UAAUJ;WAClB;UACDU;;UACAb,YAAY;YACVC,mBAAmB3B,wCAAakC,KAAK;oBAC7B;AACR9B,YAAAA,QAAQsB,WAAWtB,MADX;AAER+B,YAAAA,YAAYR,mBAAmB3B,wCAAaoC;AAFpC;;aAKP;kBACK;AACRhC,UAAAA,QAAQ4B,YADA;AAERG,UAAAA,YAAYR,mBAAmB3B,wCAAaoC;AAFpC;;;mBAKCG;mBACAA,SAASV;;;;kBAIhB,YAAM;QACV1C,cAAc;mBACHL;;KAEd,CAACA,IAAD,EAAOK,YAAP;SAEI,CAACM,wBAAD,EAA2BiB,qBAA3B;;;AAKT,iBAAA,CAAkBnB,KAAlB,EAA+C;SACtC,UAACiD,CAAD,EAASC,CAAT,EAAoB;AAAA,+CACoBlD,KADpB;AAAA;;AAAA;0DAC2B;AAAA;AAAA,YAAvCa,MAAuC,eAAvCA,MAAuC;AAAA,YAA/B+B,UAA+B,eAA/BA,UAA+B;AAAA,YAAnBtC,MAAmB,eAAnBA,MAAmB;YAC5C6C,aAAaC,UAAIH,GAAGpC;YACpBwC,cAAcD,UAAIF,GAAGrC;YACrByC,QAAQ,OAAOhD,MAAP,KAAkB,UAAlB,GAA+BA,OAAO2C,GAAGC,EAAV,GAAe,CAA9C,GAAkDC,aAAaE;YACvEE,SAAS,OAAOjD,MAAP,KAAkB,UAAlB,GAA+BA,OAAO2C,GAAGC,EAAV,GAAe,CAA9C,GAAkDC,aAAaE;;YAC1EC,SAASC,QAAQ;cACf,CAACX,mBAAmBU,QAAQ,KAAK;cACjCV,mBAAmBW,SAAS,KAAK;;;AARhB;AAAA;AAAA;AAAA;AAAA;;WAWlB;;;;;;"}
+{"version":3,"file":"useSorter.js","sources":["../../../src/table/primary/useSorter.tsx"],"sourcesContent":["import React, { useContext, useEffect, useMemo, useState } from 'react';\nimport get from 'lodash/get';\nimport { ConfigContext } from '../../config-provider';\nimport { SortInfo, PrimaryTableCol, SortType, DataType, SortOptions, TableSort } from '../type';\nimport SorterButton, { SortTypeEnum } from './SorterButton';\nimport { PrimaryTableProps } from './Table';\n\ninterface ColKeySorterMap {\n  [colKey: string]: PrimaryTableCol['sorter'];\n}\ninterface SortInfoWithSorter extends SortInfo {\n  sorter: PrimaryTableCol['sorter'];\n}\n\n/**\n * 排序hook\n * 1.修改column中的title\n * 2.排序data\n */\nfunction useSorter(props: PrimaryTableProps): [PrimaryTableCol[], DataType[]] {\n  const { classPrefix } = useContext(ConfigContext);\n  const { columns, sort, defaultSort, multipleSort, onSortChange, data } = props;\n  const isControlled = typeof sort !== 'undefined';\n  const [innerSort, setInnerSort] = useState<TableSort>(defaultSort || []);\n  const sorts = getSorts(innerSort, columns);\n\n  // 导出：添加排序图标后columns\n  const transformedSorterColumns = columns.map((column: PrimaryTableCol) => {\n    const { title, sorter, sortType, colKey } = column;\n    if (!sorter || !SortTypeEnum[sortType]) {\n      return column;\n    }\n\n    const singleSort = sorts.find?.((sortItem: SortInfo) => sortItem?.sortBy === colKey);\n    const titleNew = () => (\n      <div className={`${classPrefix}-table__cell--sortable`}>\n        <div className={`${classPrefix}-table__cell--title`}>\n          <div>{title}</div>\n          <SorterButton column={column} singleSort={singleSort} onChange={onChangeSortButton} />\n        </div>\n      </div>\n    );\n\n    return {\n      ...column,\n      title: titleNew,\n    };\n  });\n\n  // 导出：排序后data。受控直接导出、非受控多级排序\n  const transformedSorterData = useMemo<DataType[]>(() => {\n    if (isControlled) {\n      return data;\n    }\n    return [...data].sort(comparer(sorts));\n  }, [data, sorts, isControlled]);\n\n  /**\n   * 格式化sort\n   * 1.PrimaryTableCol的sort改为数组sorts；\n   * 2.依据TdPrimaryTableProps的sort过滤出validSorts\n   * 3.TdPrimaryTableProps的sort添加至validSortItem，用于data排序\n   */\n  function getSorts(innerSort: TableSort, columns: PrimaryTableCol[]): SortInfoWithSorter[] {\n    let validSorts = [];\n    const sortColumns = columns.filter(({ sorter }) => !!sorter);\n    const colKeySorterMap: ColKeySorterMap = {};\n    sortColumns.forEach(({ colKey, sorter }) => {\n      colKeySorterMap[colKey] = sorter;\n    });\n    const sortColKeys = sortColumns.map(({ colKey }) => colKey);\n    if (Array.isArray(innerSort)) {\n      validSorts = innerSort.filter((sortItem: SortInfo) => sortColKeys.includes(sortItem?.sortBy));\n    } else if (sortColKeys.includes(innerSort?.sortBy)) {\n      validSorts = [innerSort];\n    }\n\n    const validSortsWithSorter = validSorts?.map((sortItem: SortInfo) => ({\n      ...sortItem,\n      sorter: colKeySorterMap[sortItem.sortBy],\n    }));\n\n    return validSortsWithSorter;\n  }\n\n  /**\n   * 排序点击回调\n   * 1.设置onSortChange的参数sort（区分单个/多个排序）、sortOptions\n   * 2.触发onSortChange\n   */\n  function onChangeSortButton(activeSort: SortInfo, activeSortType: SortType, activeColumn: PrimaryTableCol) {\n    const sortOptions: SortOptions<DataType> = {\n      currentDataSource: transformedSorterData,\n      col: activeColumn,\n    };\n    const { colKey: activeColKey } = activeColumn;\n    if (multipleSort) {\n      let sortsNew: SortInfo[] = [];\n      if (activeSort) {\n        if (activeSortType === SortTypeEnum.all) {\n          sortsNew = sorts\n            .filter((sortItem) => sortItem !== activeSort)\n            .map(({ sortBy, descending }) => ({ sortBy, descending }));\n        } else {\n          sortsNew = sorts.map((sortItem) => ({\n            sortBy: sortItem.sortBy,\n            descending: sortItem === activeSort ? activeSortType === SortTypeEnum.desc : sortItem.descending,\n          }));\n        }\n      } else {\n        const sortInfo = {\n          sortBy: activeColKey,\n          descending: activeSortType === SortTypeEnum.desc,\n        };\n        if (sorts.length) {\n          sortsNew = [...sorts.map(({ sortBy, descending }) => ({ sortBy, descending })), sortInfo];\n        } else {\n          sortsNew = [sortInfo];\n        }\n      }\n      setInnerSort(sortsNew);\n      onSortChange(sortsNew, sortOptions);\n    } else {\n      let sortNew: SortInfo | undefined;\n      if (activeSort) {\n        if (activeSortType !== SortTypeEnum.all) {\n          sortNew = {\n            sortBy: activeSort.sortBy,\n            descending: activeSortType === SortTypeEnum.desc,\n          };\n        }\n      } else {\n        sortNew = {\n          sortBy: activeColKey,\n          descending: activeSortType === SortTypeEnum.desc,\n        };\n      }\n      setInnerSort(sortNew);\n      onSortChange(sortNew, sortOptions);\n    }\n  }\n\n  useEffect(() => {\n    if (isControlled) {\n      setInnerSort(sort);\n    }\n  }, [sort, isControlled]);\n\n  return [transformedSorterColumns, transformedSorterData];\n}\n\nexport default useSorter;\n\nfunction comparer(sorts: SortInfoWithSorter[]) {\n  return (a: any, b: any) => {\n    for (const { sortBy, descending, sorter } of sorts) {\n      const firstValue = get(a, sortBy);\n      const secondValue = get(b, sortBy);\n      const isAsc = typeof sorter === 'function' ? sorter(a, b) < 0 : firstValue < secondValue;\n      const isDesc = typeof sorter === 'function' ? sorter(a, b) > 0 : firstValue > secondValue;\n      if (isAsc || isDesc) {\n        if (!descending) return isAsc ? -1 : 1;\n        if (descending) return isDesc ? -1 : 1;\n      }\n    }\n    return 0;\n  };\n}\n"],"names":["props","useContext","ConfigContext","classPrefix","columns","sort","defaultSort","multipleSort","onSortChange","data","isControlled","useState","innerSort","setInnerSort","sorts","getSorts","transformedSorterColumns","map","column","title","sorter","sortType","colKey","SortTypeEnum","singleSort","find","sortItem","sortBy","titleNew","className","SorterButton","onChange","onChangeSortButton","transformedSorterData","useMemo","_toConsumableArray","comparer","innerSort2","columns2","validSorts","sortColumns","filter","colKeySorterMap","forEach","sortColKeys","Array","isArray","includes","validSortsWithSorter","activeSort","activeSortType","activeColumn","sortOptions","currentDataSource","col","activeColKey","sortsNew","all","descending","desc","sortInfo","length","sortNew","a","b","firstValue","get","secondValue","isAsc","isDesc"],"mappings":"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"}