tdesign-react 0.19.0 → 0.20.2

package/es/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","dataSelectedDisabled","dataDisabled","forEach","dataItem","index","isDisabled","rowIndex","isChecked","push","data2","selectedRowData","selectedRowKeysNew","record","selectRowKey"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAWA,IAAMA,WAAgD;AACpDC,EAAAA,QAAQ,QAD4C;AAEpDC,EAAAA,UAAU;AAF0C,CAAtD;AAIA,IAAMC,eAAe,EAArB;;AAKA,kBAAA,CAAmBC,KAAnB,EAAkE;oBACxCC,WAAWC;MAA3BC,0BAAAA;;MACAC,UAAmFJ,MAAnFI;MAASC,OAA0EL,MAA1EK;MAAMC,SAAoEN,MAApEM;MAAQC,yBAA4DP,MAA5DO;MAAwBC,kBAAoCR,MAApCQ;MAAiBC,iBAAmBT,MAAnBS;MAClEC,eAAe,CAAC,CAACF;;kBACiCG,SAASJ,0BAA0B;;MAApFK;MAAsBC;;MACvBC,eAAeV,QAAQW,IAAR,CAAa,UAACC,MAAD;AAAA,WAA6B,CAAC,CAACpB,SAASoB,OAAOC,KAA/C;AAAA,GAAb;YAEX,YAAM;QACVP,cAAc;8BACQF;;KAEzB,CAACA,eAAD,EAAkBE,YAAlB;;MAEC,CAACI,cAAc;WACV,CAACV,OAAD;;;MAEHc,aAAaC,aAAa;AAAEL,IAAAA,cAAAA;AAAF;MAC1BM,qBAAqBC,sBAAsB;AAAEhB,IAAAA,MAAAA,IAAF;AAAQa,IAAAA,YAAAA,UAAR;AAAoBN,IAAAA,sBAAAA,oBAApB;AAA0CE,IAAAA,cAAAA,YAA1C;AAAwDlB,IAAAA,UAAAA;AAAxD;MAE3C0B,qBAAqBlB,QAAQmB,GAAR,CAAY,UAACP,MAAD,EAA6B;QAC1DC,OAA2BD,OAA3BC;QAAMO,YAAqBR,OAArBQ;QAAWC,QAAUT,OAAVS;;QACrB,CAAC7B,SAASqB,OAAO;aACZD;;;QAGLU;QACAC;QACEC,aAAaX,SAASrB,SAASE;;QACjC8B,YAAY;cACN,iBAAM;YACJC,gBAAqCT,mBAArCS;YAAeC,UAAsBV,mBAAtBU;YAASC,WAAaX,mBAAbW;2DAE7BC,UAAD;AACEH,UAAAA,eAAAA,aADF;AAEEC,UAAAA,SAAAA,OAFF;AAGEC,UAAAA,UAAAA,QAHF;AAIEE,UAAAA,UAAU,kBAACC,QAAD;AAAA,mBAAaC,sBAAsBD,SAAnC;AAAA;AAJZ;;;aAQG,cAACE,OAAD,EAAa;YACVC,MAAQD,QAARC;YACFC,qBAAqBD,IAAI/B;YACzBwB,UAAUlB,qBAAqB2B,QAArB,CAA8BD,kBAA9B;YACVP,WAAWb,WAAWkB;2DAGzBJ,UAAD;AACEF,UAAAA,SAAAA,OADF;AAEEC,UAAAA,UAAAA,QAFF;AAGEE,UAAAA,UAAU,kBAACC,QAAD;AAAA,mBAAaM,oBAAoBF,oBAAoBD,KAAKH,SAA1D;AAAA;AAHZ;;WAOC;aACE,cAACE,OAAD,EAAa;YACVC,MAAQD,QAARC;YACFC,qBAAqBD,IAAI/B;YACzBwB,UAAUlB,qBAAqB2B,QAArB,CAA8BD,kBAA9B;YACVP,WAAWb,WAAWkB;2DAEpBK,OAAD;AAAOX,UAAAA,SAAAA,OAAP;AAAyBC,UAAAA,UAAAA,QAAzB;AAA6CE,UAAAA,UAAU;AAAA,mBAAMS,cAAcJ,oBAAoBD,IAAxC;AAAA;AAAvD;;;;;AAKTZ,MAAAA,OAAOA,SAAS1B;AAChB2B,MAAAA,OAAAA;AACAC,MAAAA,MAAAA;AACAgB,MAAAA,OAAO;AAAEC,QAAAA,SAAS;AAAX;AACPpB,MAAAA,WAAWqB,WAAW,WAAI1C,WAAJ,6DAAiDqB,SAAjD,GAA+D,CAAC,CAACA,SAAjE;OACnBR;GApDoB;;wCAwDwE;AAAA,aAAA,SAAlEX,IAAkE;AAAA,mBAAA,SAA5Da,UAA4D;AAAA,6BAAA,SAAhDN,oBAAgD;AAAA,qBAAA,SAA1BE,YAA0B;AAAA,iBAAA,SAAZlB,QAAY;;QAC7FkD,cAAa7B,IAAb,KAAsB8B,UAASjD,UAAU;aACpC;AACLgC,QAAAA,SAAS,KADJ;AAELD,QAAAA,eAAe,KAFV;AAGLE,QAAAA,UAAU;AAHL;;;gCAOyCiB,0CAA0C;AAC1F3C,MAAAA,WAD0F;AAE1Fa,MAAAA,uBAF0F;AAG1FN,MAAAA;AAH0F;QAApFqC,+CAAAA;QAAwBC,sCAAAA;;QAK1BC,sCAAsCC,sBAAqBC,MAArB,CAA4B,UAACC,OAAD;AAAA,aACtEL,uBAAuBV,QAAvB,CAAgCe,OAAhC,CADsE;AAAA,KAA5B;QAGtCxB,UACJqB,oCAAoCI,MAApC,IACAJ,oCAAoCI,MAApC,KAA+CN,uBAAuBM;QAClE1B,gBACJsB,oCAAoCI,MAApC,IACAJ,oCAAoCI,MAApC,GAA6CN,uBAAuBM;WAE/D;AACLzB,MAAAA,SAAAA,OADK;AAELD,MAAAA,eAAAA,aAFK;AAGLE,MAAAA,UAAUmB;AAHL;;;+BAO+B;AAAA,qBAAA,SAAhBpC,YAAgB;QAC9BiB,WAAyBe,cAAzBf;QAAUyB,aAAeV,cAAfU;;QACdC,cAA0C;AAAA,aAAM,KAAN;AAAA;;QAE1C1B,YAAY2B,aAAW3B,WAAW;oBACvBA;eACJyB,YAAY;UACjBE,aAAWF,aAAa;sBACb,qBAACpB,OAAD;AAAA;;AAAA,gCAAaoB,WAAWpB,QAAxB,gDAAa,YAAqBL,QAAlC;AAAA;iBACJyB,WAAWzB,UAAU;sBACjB;AAAA,iBAAMyB,WAAWzB,QAAjB;AAAA;;;;WAGV0B;;;4DAGsF;AAAA,aAAA,SAA1CpD,IAA0C;AAAA,mBAAA,SAApCa,UAAoC;AAAA,6BAAA,SAAxBN,oBAAwB;QACvF+C,uBAAuB;QACvBC,eAAe;QACfX,yBAAyB;UAC1BY,QAAQ,UAACC,QAAD,EAAWC,KAAX,EAAqB;UAC1BC,aAAaP,YAAW;AAAEQ,QAAAA,UAAUF,KAAZ;AAAmB1B,QAAAA,KAAKyB;AAAxB;UACxBI,YAAYd,sBAAqBb,QAArB,CAA8BuB,SAASxD,OAAvC;;UACd,CAAC0D,YAAY;+BACQG,KAAKL,SAASxD;aAChC;qBACQ6D,KAAKL;;;UAEhBE,cAAcE,WAAW;6BACNC,KAAKL;;;QAGxBZ,gBAAgBU,aAAaL,MAAb,KAAwBa,MAAKb;WAC5C;AACLN,MAAAA,wBAAAA,sBADK;AAELC,MAAAA,eAAAA;AAFK;;;iCAMsBpB,SAAkB;QACzCuC,kBAAkB;;QACpBvC,SAAS;WACN+B,QAAQ,UAACC,QAAD,EAAWC,KAAX,EAAqB;YAC1BC,aAAa9C,WAAW;AAAE+C,UAAAA,UAAUF,KAAZ;AAAmB1B,UAAAA,KAAKyB;AAAxB;YACxBI,YAAYtD,qBAAqB2B,QAArB,CAA8BuB,SAASxD,OAAvC;;YACd,CAAC0D,UAAD,IAAeE,WAAW;0BACZC,KAAKL;;;WAGpB;WACAD,QAAQ,UAACC,QAAD,EAAWC,KAAX,EAAqB;YAC1BC,aAAa9C,WAAW;AAAE+C,UAAAA,UAAUF,KAAZ;AAAmB1B,UAAAA,KAAKyB;AAAxB;YACxBI,YAAYtD,qBAAqB2B,QAArB,CAA8BuB,SAASxD,OAAvC;;YACd0D,cAAcE,WAAW;0BACXC,KAAKL;;;;;QAIrBQ,qBAAqBD,gBAAgB9C,GAAhB,CAAoB,UAACgD,MAAD;AAAA,aAAYA,OAAOjE,OAAnB;AAAA,KAApB;;QAEvB,CAACI,cAAc;8BACO4D;;;iBAEf7D,mBAAmBA,eAAe6D,oBAAoB;AAAED,MAAAA,iBAAAA;AAAF;;;+BAGtC/B,oBAAqCD,KAAeP,SAAkB;QAC7FwC,qBAAqB;;QACrBxC,SAAS;wDACclB,wBAAsB0B;WAC1C;2BACgB1B,qBAAqByC,MAArB,CAA4B,UAACmB,YAAD;AAAA,eAAkBA,iBAAiBlC,kBAAnC;AAAA,OAA5B;;;QAEjB+B,kBAAkBhE,KAAKgD,MAAL,CAAY,UAACS,QAAD;AAAA,aAAcQ,mBAAmB/B,QAAnB,CAA4BuB,SAASxD,OAArC,CAAd;AAAA,KAAZ;;QACpB,CAACI,cAAc;8BACO4D;;;iBAEf7D,mBAAmBA,eAAe6D,oBAAoB;AAAED,MAAAA,iBAAAA;AAAF;;;yBAG5C/B,oBAAqCD,KAAe;QACnEiC,qBAAqB,CAAChC,kBAAD;QACrB+B,kBAAkB,CAAChC,GAAD;;QACpB,CAAC3B,cAAc;8BACO4D;;;iBAEf7D,mBAAmBA,eAAe6D,oBAAoB;AAAED,MAAAA,iBAAAA;AAAF;;;SAG5D,CAAC/C,kBAAD;;;;;"}
+{"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","dataSelectedDisabled","dataDisabled","forEach","dataItem","index","isDisabled","rowIndex","isChecked","push","data2","selectedRowData","selectedRowKeysNew","record","selectRowKey"],"mappings":"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"}

package/es/table/primary/useSorter.js

@@ -1,35 +1,35 @@
 /**
- * tdesign v0.19.0
+ * tdesign v0.20.2
  * (c) 2021 tdesign
  * @license MIT
  */
 
-import { _ as _toConsumableArray } from '../../_chunks/dep-f405fda4.js';
-import { _ as _defineProperty } from '../../_chunks/dep-53c6c586.js';
-import { _ as _slicedToArray } from '../../_chunks/dep-fff59b5a.js';
+import { _ as _toConsumableArray } from '../../_chunks/dep-0ab6329f.js';
+import { _ as _defineProperty } from '../../_chunks/dep-2e97cc0d.js';
+import { _ as _slicedToArray } from '../../_chunks/dep-85854991.js';
 import React__default, { useContext, useState, useMemo, useEffect } from 'react';
-import { g as get_1 } from '../../_chunks/dep-3cf2dbce.js';
+import { g as get_1 } from '../../_chunks/dep-a02cc97f.js';
 import '../../config-provider/index.js';
 import SorterButton, { SortTypeEnum } from './SorterButton.js';
 import ConfigContext from '../../config-provider/ConfigContext.js';
-import '../../_chunks/dep-4c3606c3.js';
-import '../../_chunks/dep-2e526f70.js';
-import '../../_chunks/dep-6ff255a8.js';
-import '../../_chunks/dep-364c042d.js';
-import '../../_chunks/dep-6b2b86ea.js';
-import '../../_chunks/dep-601473bd.js';
-import '../../_chunks/dep-ddf2ed34.js';
-import '../../_chunks/dep-b6fbc66d.js';
-import '../../_chunks/dep-7d91d695.js';
-import '../../_chunks/dep-940f6c04.js';
-import '../../_chunks/dep-f749a2c9.js';
-import '../../_chunks/dep-ef50bc46.js';
-import '../../_chunks/dep-97ee645c.js';
-import '../../_chunks/dep-1fc210cf.js';
-import '../../_chunks/dep-c8fef1c7.js';
-import '../../_chunks/dep-3b0ab3bc.js';
+import '../../_chunks/dep-38c06164.js';
+import '../../_chunks/dep-00ccaf0c.js';
+import '../../_chunks/dep-1ba197d7.js';
+import '../../_chunks/dep-cc2481d3.js';
+import '../../_chunks/dep-964eef6f.js';
+import '../../_chunks/dep-759bc4af.js';
+import '../../_chunks/dep-1567c5ea.js';
+import '../../_chunks/dep-88b40b60.js';
+import '../../_chunks/dep-c5dffd03.js';
+import '../../_chunks/dep-e3057b1a.js';
+import '../../_chunks/dep-da5d1ac4.js';
+import '../../_chunks/dep-9f3a6dc7.js';
+import '../../_chunks/dep-2544ac60.js';
+import '../../_chunks/dep-8aba3ccb.js';
+import '../../_chunks/dep-3c01d153.js';
+import '../../_chunks/dep-ec30068f.js';
 import '../../config-provider/ConfigProvider.js';
-import '../../_chunks/dep-b3d60655.js';
+import '../../_chunks/dep-3d9b45dc.js';
 import '../../locale/zh_CN.js';
 import 'classnames';
 import 'tdesign-icons-react';
@@ -37,6 +37,7 @@ import '../../tooltip/index.js';
 import '../../tooltip/Tooltip.js';
 import '../../popup/index.js';
 import '../../popup/Popup.js';
+import 'react-transition-group';
 import 'react-popper';
 import '../../_util/useDefault.js';
 import '../../_util/noop.js';
@@ -45,8 +46,9 @@ 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 '../../popup/hooks/usePopupCssTransition.js';
 import './style/css.js';
 import '../../popup/type.js';
 import '../../tooltip/type.js';
@@ -57,9 +59,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(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 useSorter(props) {
   var _useContext = useContext(ConfigContext),

package/es/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","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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"}
+{"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","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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"}

package/es/table/style/index.css

@@ -291,28 +291,28 @@
   border-left: 1px solid var(--td-component-border);
   pointer-events: none;
 }
-.t-table-content {
+.t-table__content {
   position: relative;
   scrollbar-color: var(--td-scrollbar-color);
   scrollbar-width: thin;
 }
-.t-table-content::-webkit-scrollbar {
+.t-table__content::-webkit-scrollbar {
   width: 6px;
   height: 6px;
 }
-.t-table-content::-webkit-scrollbar-thumb {
+.t-table__content::-webkit-scrollbar-thumb {
   background: var(--td-scrollbar-color);
   border-radius: 11px;
 }
-.t-table-content::-webkit-scrollbar {
+.t-table__content::-webkit-scrollbar {
   width: 6px;
   height: 6px;
 }
-.t-table-content::-webkit-scrollbar-thumb {
+.t-table__content::-webkit-scrollbar-thumb {
   background: var(--td-scrollbar-color);
   border-radius: 11px;
 }
-.t-table-pagination {
+.t-table__pagination {
   padding: 14px 24px;
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
@@ -346,25 +346,20 @@
 .t-table td[key="row-select"] {
   padding: 13px 0 12px 24px;
 }
-.t-table td > a,
-.t-table th > a {
-  text-decoration: none;
-  color: var(--td-text-color-link);
-}
-.t-table td.align-left,
-.t-table th.align-left {
+.t-table td.t-align-left,
+.t-table th.t-align-left {
   text-align: left;
 }
-.t-table td.align-right,
-.t-table th.align-right {
+.t-table td.t-align-right,
+.t-table th.t-align-right {
   text-align: right;
 }
-.t-table td.align-center,
-.t-table th.align-center {
+.t-table td.t-align-center,
+.t-table th.t-align-center {
   text-align: center;
 }
-.t-table td.text-ellipsis,
-.t-table th.text-ellipsis {
+.t-table td.t-text-ellipsis,
+.t-table th.t-text-ellipsis {
   white-space: nowrap;
   word-wrap: normal;
   overflow: hidden;
@@ -378,8 +373,8 @@
 .t-table.t-size-l td {
   padding: 21px;
 }
-.t-table .t-table-expandable-icon-cell,
-.t-table .t-table-selection-cell {
+.t-table .t-table__expandable-icon-cell,
+.t-table .t-table__selection-cell {
   padding: 0;
 }
 .t-table .t-radio,
@@ -391,44 +386,44 @@
 .t-table .t-loading {
   font-size: 16px;
 }
-.t-table--bordered .t-table-content {
+.t-table--bordered .t-table__content {
   border-left: 1px solid var(--td-component-border);
 }
-.t-table--bordered .t-table--empty {
+.t-table--bordered .t-table__empty {
   border-left: 1px solid var(--td-component-border);
   border-right: 1px solid var(--td-component-border);
 }
-.t-table--bordered .t-table-content {
+.t-table--bordered .t-table__content {
   border: 1px solid var(--td-component-border);
   border-bottom: 0;
   border-radius: 3px;
 }
-.t-table--bordered .t-table-content th {
+.t-table--bordered .t-table__content th {
   border-left: 1px solid var(--td-component-border);
   border-bottom: 1px solid var(--td-component-border);
 }
-.t-table--bordered .t-table-content th:first-child {
+.t-table--bordered .t-table__content th:first-child {
   border-left: 0;
 }
-.t-table--bordered .t-table-content th:first-child::before {
+.t-table--bordered .t-table__content th:first-child::before {
   border-left: 0;
 }
-.t-table--bordered .t-table-content td {
+.t-table--bordered .t-table__content td {
   border-left: 1px solid var(--td-component-border);
   border-bottom: 1px solid var(--td-component-border);
 }
-.t-table--bordered .t-table-content td.t-table__cell--fixed-left-last + td {
+.t-table--bordered .t-table__content td.t-table__cell--fixed-left-last + td {
   border-left-width: 0;
 }
-.t-table--bordered .t-table-content td.t-table__cell--fixed-left-last::before {
+.t-table--bordered .t-table__content td.t-table__cell--fixed-left-last::before {
   border-right: 1px solid var(--td-component-border);
 }
-.t-table--bordered .t-table-content td.t-table__cell--fixed-left,
-.t-table--bordered .t-table-content td.t-table__cell--fixed-right {
+.t-table--bordered .t-table__content td.t-table__cell--fixed-left,
+.t-table--bordered .t-table__content td.t-table__cell--fixed-right {
   border-left: 0;
 }
-.t-table--bordered .t-table-content td.t-table__cell--fixed-left::before,
-.t-table--bordered .t-table-content td.t-table__cell--fixed-right::before {
+.t-table--bordered .t-table__content td.t-table__cell--fixed-left::before,
+.t-table--bordered .t-table__content td.t-table__cell--fixed-right::before {
   content: "";
   position: absolute;
   display: block;
@@ -439,23 +434,23 @@
   border-left: 1px solid var(--td-component-border);
   pointer-events: none;
 }
-.t-table--bordered .t-table-content td:first-child {
+.t-table--bordered .t-table__content td:first-child {
   border-left-width: 0;
 }
-.t-table--bordered .t-table-content td:first-child::before {
+.t-table--bordered .t-table__content td:first-child::before {
   border-left: 0;
 }
 .t-table--bordered .t-table--loading {
   border-bottom: 1px solid var(--td-component-border);
 }
-.t-table--bordered .t-table-pagination {
+.t-table--bordered .t-table__pagination {
   border: 1px solid var(--td-component-border);
   border-top: 0;
 }
-.t-table--bordered.t-table__header--fixed .t-table-content {
+.t-table--bordered.t-table__header--fixed .t-table__content {
   border-bottom: 1px solid var(--td-component-border);
 }
-.t-table--bordered.t-table__header--fixed .t-table-content tr:last-child td {
+.t-table--bordered.t-table__header--fixed .t-table__content tr:last-child td {
   border-bottom: 0;
 }
 .t-table--bordered .t-table__cell--sort-trigger {
@@ -487,7 +482,7 @@
 .t-table--hoverable tbody tr:hover {
   background-color: var(--td-bg-color-container-hover);
 }
-.t-table.t-table-valign__top tbody td {
+.t-table.t-table--align-top tbody td {
   vertical-align: top;
 }
 .t-table .t-table__cell--highlight {
@@ -577,7 +572,7 @@
 .t-table__cell--fixed.t-table__header--fixed .t-table__body {
   overflow: auto scroll;
 }
-.t-table__cell--fixed .t-table-content {
+.t-table__cell--fixed .t-table__content {
   overflow: auto hidden;
 }
 .t-table__cell--fixed table {
@@ -648,11 +643,11 @@
   -webkit-transform: translateX(-100%);
           transform: translateX(-100%);
 }
-.t-table__cell--fixed.t-table--has-fixed .t-table-content--scrollable-to-left .t-table__cell--fixed-left-last::after {
+.t-table__cell--fixed.t-table--has-fixed .t-table__content--scrollable-to-left .t-table__cell--fixed-left-last::after {
   -webkit-box-shadow: inset 8px 0 8px -4px var(--td-table-shadow-color);
           box-shadow: inset 8px 0 8px -4px var(--td-table-shadow-color);
 }
-.t-table__cell--fixed.t-table--has-fixed .t-table-content--scrollable-to-right .t-table__cell--fixed-right-first::after {
+.t-table__cell--fixed.t-table--has-fixed .t-table__content--scrollable-to-right .t-table__cell--fixed-right-first::after {
   -webkit-box-shadow: inset -8px 0 8px -4px var(--td-table-shadow-color);
           box-shadow: inset -8px 0 8px -4px var(--td-table-shadow-color);
 }
@@ -671,10 +666,6 @@
 .t-table .t-table__row--disabled {
   color: var(--td-text-color-disabled);
 }
-.t-table .t-table__row--disabled a {
-  color: var(--td-text-color-disabled);
-  cursor: not-allowed;
-}
 .t-table .t-table__cell--title {
   display: -webkit-box;
   display: -ms-flexbox;
@@ -741,21 +732,16 @@
   min-height: 120px;
   color: var(--td-text-color-disabled);
 }
-.t-table-expanded-cell {
+.t-table__expanded-cell {
   padding-left: 45px;
 }
-.t-table--loading-async {
+.t-table__async-loading {
   text-align: center;
-  color: var(--td-text-color-primary);
-}
-.t-table--loading-async .t-icon-loading {
-  margin-right: 10px;
-  color: var(--td-brand-color);
 }
-.t-table--loading-status-load-more {
+.t-table__async-loading.t-is-load-more {
   cursor: pointer;
 }
-.t-table--empty {
+.t-table__empty {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -769,58 +755,58 @@
   color: var(--td-text-color-disabled);
   border-bottom: 1px solid var(--td-component-border);
 }
-.t-table-filter-icon,
-.t-table-sort-icon {
+.t-table__filter-icon,
+.t-table__sort-icon {
   margin-left: 8px;
   background-color: transparent;
   display: inline-block;
   cursor: pointer;
 }
-.t-table-filter-icon:hover,
-.t-table-sort-icon:hover {
+.t-table__filter-icon:hover,
+.t-table__sort-icon:hover {
   color: var(--td-brand-color);
 }
-.t-table-sort-icon {
+.t-table__sort-icon {
   position: absolute;
 }
-.t-table-filter-pop .t-table-filter-pop-content {
+.t-table__filter-pop .t-table__filter-pop-content {
   margin: -8px;
 }
-.t-table-filter-pop .t-table-filter-pop-content .t-table-filter-pop-content__inner {
+.t-table__filter-pop .t-table__filter-pop-content .t-table__filter-pop-content-inner {
   padding: 16px;
 }
-.t-table-filter-pop .t-table-filter-pop-content .t-radio-group {
+.t-table__filter-pop .t-table__filter-pop-content .t-radio-group {
   display: block;
   height: auto;
 }
-.t-table-filter-pop .t-table-filter-pop-content .t-checkbox,
-.t-table-filter-pop .t-table-filter-pop-content .t-radio {
+.t-table__filter-pop .t-table__filter-pop-content .t-checkbox,
+.t-table__filter-pop .t-table__filter-pop-content .t-radio {
   display: block;
   line-height: 34px;
 }
-.t-table-filter-pop .t-table-filter-pop-content .t-table-filter-pop-content__button {
+.t-table__filter-pop .t-table__filter-pop-content .t-table__filter-pop-content-button {
   border-top: 1px solid var(--td-component-border);
   padding: 16px;
 }
-.t-table-filter-pop .t-table-filter-pop-content .t-table-filter-pop-content__button .t-button + .t-button {
+.t-table__filter-pop .t-table__filter-pop-content .t-table__filter-pop-content-button .t-button + .t-button {
   margin-left: 16px;
 }
-.t-table-sort-icon-active {
+.t-table__sort-icon--active {
   color: var(--td-brand-color);
 }
-.t-table-double-icons {
+.t-table__double-icons {
   display: inline-grid;
   vertical-align: middle;
   width: 14px;
 }
-.t-table-expand-box {
+.t-table__expand-box {
   padding: 10px 8px;
   display: inline-grid;
   vertical-align: middle;
   color: var(--td-text-color-placeholder);
   cursor: pointer;
 }
-.t-table-expand-box:hover {
+.t-table__expand-box:hover {
   color: var(--td-brand-color);
 }
 @-webkit-keyframes tTableProgressbar {

package/es/table/style/index.js

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