tdesign-react 0.27.0 → 0.27.1

package/es/table/primary/useChange.d.ts

@@ -0,0 +1,9 @@
+import { TableSort, FilterValue, TableChangeData, TdPrimaryTableProps, TableChangeTrigger, TableChangeContext, DataType } from '../type';
+import { PaginationProps } from '../../pagination';
+declare type ChangeDataValue = TableSort | FilterValue | PaginationProps;
+export interface UseChangeResult {
+    triggerOnChange?: (changeKeyValue: TableChangeData, context: TableChangeContext<Array<DataType>>) => void;
+    setTableChangeData?: (changeDataKey: TableChangeTrigger, changeDataValue: ChangeDataValue) => void;
+}
+declare function useChange(props: TdPrimaryTableProps): UseChangeResult;
+export default useChange;

package/es/table/primary/useChange.js

@@ -0,0 +1,37 @@
+/**
+ * tdesign v0.27.1
+ * (c) 2022 tdesign
+ * @license MIT
+ */
+
+import { _ as _defineProperty } from '../../_chunks/dep-c559390e.js';
+import { useRef, useCallback } from 'react';
+
+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 = 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 useChange(props) {
+  var onChange = props.onChange;
+  var isHasOnChange = typeof onChange === "function";
+  var tableChangeDataRef = useRef({});
+  var setTableChangeData = useCallback(function (changeDataKey, changeDataValue) {
+    if (!isHasOnChange) return;
+    tableChangeDataRef.current[changeDataKey] = changeDataValue;
+  }, []);
+  var triggerOnChange = useCallback(function (changeKeyValue, context) {
+    if (!isHasOnChange) return;
+
+    var tableChangeData = _objectSpread(_objectSpread({}, tableChangeDataRef.current), changeKeyValue);
+
+    tableChangeDataRef.current = tableChangeData;
+    onChange === null || onChange === void 0 ? void 0 : onChange(tableChangeData, context);
+  }, []);
+  return {
+    triggerOnChange: triggerOnChange,
+    setTableChangeData: setTableChangeData
+  };
+}
+
+export { useChange as default };
+//# sourceMappingURL=useChange.js.map

package/es/table/primary/useChange.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useChange.js","sources":["../../../src/table/primary/useChange.tsx"],"sourcesContent":["import { useCallback, useRef } from 'react';\nimport {\n  TableSort,\n  FilterValue,\n  TableChangeData,\n  TdPrimaryTableProps,\n  TableChangeTrigger,\n  TableChangeContext,\n  DataType,\n} from '../type';\nimport { PaginationProps } from '../../pagination';\n\ntype ChangeDataValue = TableSort | FilterValue | PaginationProps;\n\nexport interface UseChangeResult {\n  triggerOnChange?: (changeKeyValue: TableChangeData, context: TableChangeContext<Array<DataType>>) => void;\n  setTableChangeData?: (changeDataKey: TableChangeTrigger, changeDataValue: ChangeDataValue) => void;\n}\n\nfunction useChange(props: TdPrimaryTableProps): UseChangeResult {\n  const { onChange } = props;\n  const isHasOnChange = typeof onChange === 'function';\n  const tableChangeDataRef = useRef({});\n\n  const setTableChangeData = useCallback((changeDataKey: TableChangeTrigger, changeDataValue: ChangeDataValue) => {\n    if (!isHasOnChange) return;\n\n    tableChangeDataRef.current[changeDataKey] = changeDataValue;\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  const triggerOnChange = useCallback(\n    (changeKeyValue: TableChangeData, context: TableChangeContext<Array<DataType>>) => {\n      if (!isHasOnChange) return;\n\n      const tableChangeData: TableChangeData = {\n        ...tableChangeDataRef.current,\n        ...changeKeyValue,\n      };\n      tableChangeDataRef.current = tableChangeData;\n      onChange?.(tableChangeData, context);\n    },\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [],\n  );\n\n  return { triggerOnChange, setTableChangeData };\n}\n\nexport default useChange;\n"],"names":["useChange","props","onChange","isHasOnChange","tableChangeDataRef","useRef","setTableChangeData","useCallback","changeDataKey","changeDataValue","current","triggerOnChange","changeKeyValue","context","tableChangeData"],"mappings":";;;;;;;;;;;;;AACA,SAASA,SAAT,CAAmBC,KAAnB,EAA0B;AACxB,EAAA,IAAQC,QAAR,GAAqBD,KAArB,CAAQC,QAAR,CAAA;AACA,EAAA,IAAMC,aAAa,GAAG,OAAOD,QAAP,KAAoB,UAA1C,CAAA;AACA,EAAA,IAAME,kBAAkB,GAAGC,MAAM,CAAC,EAAD,CAAjC,CAAA;AACA,EAAMC,IAAAA,kBAAkB,GAAGC,WAAW,CAAC,UAACC,aAAD,EAAgBC,eAAhB,EAAoC;AACzE,IAAI,IAAA,CAACN,aAAL,EACE,OAAA;AACFC,IAAAA,kBAAkB,CAACM,OAAnB,CAA2BF,aAA3B,IAA4CC,eAA5C,CAAA;AACD,GAJqC,EAInC,EAJmC,CAAtC,CAAA;AAKA,EAAME,IAAAA,eAAe,GAAGJ,WAAW,CAAC,UAACK,cAAD,EAAiBC,OAAjB,EAA6B;AAC/D,IAAI,IAAA,CAACV,aAAL,EACE,OAAA;;AACF,IAAA,IAAMW,eAAe,GAChBV,aAAAA,CAAAA,aAAAA,CAAAA,EAAAA,EAAAA,kBAAkB,CAACM,OADH,CAAA,EAEhBE,cAFgB,CAArB,CAAA;;AAIAR,IAAAA,kBAAkB,CAACM,OAAnB,GAA6BI,eAA7B,CAAA;AACAZ,IAAAA,QAAQ,KAAR,IAAA,IAAAA,QAAQ,KAAA,KAAA,CAAR,GAAAA,KAAAA,CAAAA,GAAAA,QAAQ,CAAGY,eAAH,EAAoBD,OAApB,CAAR,CAAA;AACD,GATkC,EAShC,EATgC,CAAnC,CAAA;AAUA,EAAO,OAAA;AAAEF,IAAAA,eAAe,EAAfA,eAAF;AAAmBL,IAAAA,kBAAkB,EAAlBA,kBAAAA;AAAnB,GAAP,CAAA;AACD;;;;"}

package/es/table/primary/useExpand.js

@@ -1,40 +1,40 @@
 /**
- * tdesign v0.27.0
+ * tdesign v0.27.1
  * (c) 2022 tdesign
  * @license MIT
  */
 
-import { _ as _toConsumableArray } from '../../_chunks/dep-45d1cb64.js';
-import { _ as _slicedToArray } from '../../_chunks/dep-d5157cdb.js';
+import { _ as _toConsumableArray } from '../../_chunks/dep-b916d5f3.js';
+import { _ as _slicedToArray } from '../../_chunks/dep-4232d2a7.js';
 import React, { useState, useRef, useCallback, useMemo, useEffect } from 'react';
-import { g as get_1 } from '../../_chunks/dep-a580dd04.js';
+import { g as get_1 } from '../../_chunks/dep-94f10945.js';
 import ExpandButton from './expand-box.js';
 import useConfig from '../../_util/useConfig.js';
-import '../../_chunks/dep-eef8ab0a.js';
-import '../../_chunks/dep-c4d967ba.js';
-import '../../_chunks/dep-64dbf2f1.js';
-import '../../_chunks/dep-e9372759.js';
-import '../../_chunks/dep-ca202387.js';
-import '../../_chunks/dep-e2b8542f.js';
-import '../../_chunks/dep-eabe1e47.js';
-import '../../_chunks/dep-487c4043.js';
-import '../../_chunks/dep-aef10af2.js';
-import '../../_chunks/dep-c425244b.js';
-import '../../_chunks/dep-ef11c265.js';
-import '../../_chunks/dep-8b9d6408.js';
-import '../../_chunks/dep-900064e4.js';
-import '../../_chunks/dep-00d03701.js';
-import '../../_chunks/dep-a58e1dec.js';
-import '../../_chunks/dep-4b698bc9.js';
-import '../../_chunks/dep-0dee7a0e.js';
+import '../../_chunks/dep-27fdea65.js';
+import '../../_chunks/dep-5099a517.js';
+import '../../_chunks/dep-84d15b45.js';
+import '../../_chunks/dep-de30b3ee.js';
+import '../../_chunks/dep-8f09dacb.js';
+import '../../_chunks/dep-21a072aa.js';
+import '../../_chunks/dep-d4d4f560.js';
+import '../../_chunks/dep-f47dd9f2.js';
+import '../../_chunks/dep-07f207ee.js';
+import '../../_chunks/dep-368e4a27.js';
+import '../../_chunks/dep-f6f6c737.js';
+import '../../_chunks/dep-fcf18d7f.js';
+import '../../_chunks/dep-7bf5d52e.js';
+import '../../_chunks/dep-b548e753.js';
+import '../../_chunks/dep-f643a128.js';
+import '../../_chunks/dep-37a2534f.js';
+import '../../_chunks/dep-c559390e.js';
 import 'tdesign-icons-react';
-import '../../_chunks/dep-0414ef9d.js';
-import '../../_chunks/dep-a1a3d5a3.js';
-import '../../_chunks/dep-efb50bf2.js';
-import '../../_chunks/dep-ae13b294.js';
-import '../../_chunks/dep-aedff59d.js';
-import '../../_chunks/dep-80444892.js';
-import '../../_chunks/dep-e838bdb4.js';
+import '../../_chunks/dep-e3f6d1c5.js';
+import '../../_chunks/dep-4ff5adb0.js';
+import '../../_chunks/dep-c422ba85.js';
+import '../../_chunks/dep-1267d825.js';
+import '../../_chunks/dep-1ce426bf.js';
+import '../../_chunks/dep-8b85d2d1.js';
+import '../../_chunks/dep-6f799e1f.js';
 import '../../locale/zh_CN.js';
 import '../../_common/js/global-config/locale/zh_CN.js';
 import '../../config-provider/zh_CN_config.js';
@@ -139,9 +139,10 @@ function useExpand(props) {
       colSpan: transformedExpandColumns === null || transformedExpandColumns === void 0 ? void 0 : transformedExpandColumns.length
     }, (_expandedRowRef$curre = expandedRowRef.current) === null || _expandedRowRef$curre === void 0 ? void 0 : _expandedRowRef$curre.call(expandedRowRef, {
       row: row,
-      index: index
+      index: index,
+      columns: columns
     })));
-  }, [classPrefix, innerExpandRowKeys, transformedExpandColumns === null || transformedExpandColumns === void 0 ? void 0 : transformedExpandColumns.length]);
+  }, [classPrefix, innerExpandRowKeys, transformedExpandColumns === null || transformedExpandColumns === void 0 ? void 0 : transformedExpandColumns.length, columns]);
   useEffect(function () {
     if (Array.isArray(expandedRowKeys)) {
       setInnerExpandRowKeys(_toConsumableArray(expandedRowKeys));

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

@@ -1 +1 @@
-{"version":3,"file":"useExpand.js","sources":["../../../src/table/primary/useExpand.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport get from 'lodash/get';\nimport { PrimaryTableCol } from '../type';\nimport { PrimaryTableProps } from './Table';\nimport ExpandBox from './expand-box';\nimport useConfig from '../../_util/useConfig';\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, RowkeyType] {\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 } = useConfig();\n  const isControlled = typeof expandedRowKeys !== 'undefined'; // 是否受控\n  const [innerExpandRowKeys, setInnerExpandRowKeys] = useState<RowkeyType>(\n    expandedRowKeys || defaultExpandedRowKeys || [],\n  );\n\n  const onExpandChangeRef = useRef(onExpandChange);\n  const expandedRowRef = useRef(expandedRow);\n  const expandOnRowClickRef = useRef(expandOnRowClick);\n  // 导出：触发展开回调方法\n  const handleExpandChange = useCallback(\n    (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        setInnerExpandRowKeys([...innerExpandRowKeysNew]);\n      }\n\n      // 触发回调\n      onExpandChangeRef.current?.(innerExpandRowKeysNew, { expandedRowData: row });\n    },\n    [innerExpandRowKeys, isControlled],\n  );\n\n  const transformedExpandColumns = useMemo(() => {\n    // 导出：添加展开图标后的columns\n    const getExpandColumns = (columns, innerExpandRowKeys) =>\n      expandedRowRef.current\n        ? [\n            {\n              colKey: expandedColKey,\n              width: 25,\n              className: [`${classPrefix}-table__expandable-icon-cell`],\n              cell: ({ row }) => renderExpandIconCell({ row, innerExpandRowKeys }),\n            },\n            ...columns,\n          ]\n        : columns;\n\n    // 渲染展开单元格内容\n    function renderExpandIconCell({ row = {}, innerExpandRowKeys }: 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={expandOnRowClickRef.current}\n          handleExpandChange={handleExpandChange}\n        />\n      );\n    }\n\n    return getExpandColumns(columns, innerExpandRowKeys);\n  }, [classPrefix, columns, expandIcon, handleExpandChange, innerExpandRowKeys, rowKey]);\n\n  const renderExpandRow = useCallback(\n    (row, index, rowKeyValue) => (\n      <tr\n        className={`${classPrefix}-table__expanded-cell`}\n        style={innerExpandRowKeys?.includes?.(rowKeyValue) ? {} : { display: 'none' }}\n      >\n        <td colSpan={transformedExpandColumns?.length}>{expandedRowRef.current?.({ row, index })}</td>\n      </tr>\n    ),\n    [classPrefix, innerExpandRowKeys, transformedExpandColumns?.length],\n  );\n\n  useEffect(() => {\n    if (Array.isArray(expandedRowKeys)) {\n      setInnerExpandRowKeys([...expandedRowKeys]);\n    }\n  }, [expandedRowKeys]);\n\n  return [transformedExpandColumns, handleExpandChange, renderExpandRow, innerExpandRowKeys];\n}\n\nexport default useExpand;\n"],"names":["expandedColKey","useExpand","props","columns","rowKey","defaultExpandedRowKeys","expandedRowKeys","expandedRow","onExpandChange","expandIcon","expandOnRowClick","useConfig","classPrefix","isControlled","useState","innerExpandRowKeys","setInnerExpandRowKeys","onExpandChangeRef","useRef","expandedRowRef","expandOnRowClickRef","handleExpandChange","useCallback","row","rowKeyValue","innerExpandRowKeysNew","isExpanded","includes","filter","item","current","expandedRowData","transformedExpandColumns","useMemo","getExpandColumns","columns2","innerExpandRowKeys2","colKey","width","className","cell","renderExpandIconCell","get","Array","isArray","console","error","React","createElement","ExpandBox","expanded","renderExpandRow","index","style","display","colSpan","length","useEffect"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIA,IAAMA,cAAc,GAAG,oBAAvB,CAAA;;AACA,SAASC,SAAT,CAAmBC,KAAnB,EAA0B;AACxB,EAAA,IACEC,OADF,GASID,KATJ,CACEC,OADF;AAAA,MAEEC,MAFF,GASIF,KATJ,CAEEE,MAFF;AAAA,MAGEC,sBAHF,GASIH,KATJ,CAGEG,sBAHF;AAAA,MAIEC,eAJF,GASIJ,KATJ,CAIEI,eAJF;AAAA,MAKEC,WALF,GASIL,KATJ,CAKEK,WALF;AAAA,MAMEC,cANF,GASIN,KATJ,CAMEM,cANF;AAAA,MASIN,iBAAAA,GAAAA,KATJ,CAOEO,UAPF;AAAA,MAOEA,UAPF,kCAOe,IAPf,GAAA,iBAAA;AAAA,MASIP,qBAAAA,GAAAA,KATJ,CAQEQ,gBARF;AAAA,MAQEA,gBARF,sCAQqB,KARrB,GAAA,qBAAA,CAAA;;AAUA,EAAA,IAAA,UAAA,GAAwBC,SAAS,EAAjC;AAAA,MAAQC,WAAR,cAAQA,WAAR,CAAA;;AACA,EAAA,IAAMC,YAAY,GAAG,OAAOP,eAAP,KAA2B,WAAhD,CAAA;;AACA,EAAA,IAAA,SAAA,GAAoDQ,QAAQ,CAACR,eAAe,IAAID,sBAAnB,IAA6C,EAA9C,CAA5D;AAAA,MAAA,UAAA,GAAA,cAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAA,MAAOU,kBAAP,GAAA,UAAA,CAAA,CAAA,CAAA;AAAA,MAA2BC,qBAA3B,GAAA,UAAA,CAAA,CAAA,CAAA,CAAA;;AACA,EAAA,IAAMC,iBAAiB,GAAGC,MAAM,CAACV,cAAD,CAAhC,CAAA;AACA,EAAA,IAAMW,cAAc,GAAGD,MAAM,CAACX,WAAD,CAA7B,CAAA;AACA,EAAA,IAAMa,mBAAmB,GAAGF,MAAM,CAACR,gBAAD,CAAlC,CAAA;AACA,EAAMW,IAAAA,kBAAkB,GAAGC,WAAW,CAAC,UAACC,GAAD,EAAMC,WAAN,EAAsB;AAAA,IAAA,IAAA,qBAAA,CAAA;;AAC3D,IAAA,IAAIC,qBAAJ,CAAA;AACA,IAAMC,IAAAA,UAAU,GAAGX,kBAAH,KAAGA,IAAAA,IAAAA,kBAAH,KAAGA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,kBAAkB,CAAEY,QAApB,CAA6BH,WAA7B,CAAnB,CAAA;;AACA,IAAA,IAAIE,UAAJ,EAAgB;AACdD,MAAAA,qBAAqB,GAAGV,kBAAkB,CAACa,MAAnB,CAA0B,UAACC,IAAD,EAAA;AAAA,QAAUA,OAAAA,IAAI,KAAKL,WAAnB,CAAA;AAAA,OAA1B,CAAxB,CAAA;AACD,KAFD,MAEO;AACLC,MAAAA,qBAAqB,GAAA,EAAA,CAAA,MAAA,CAAA,kBAAA,CAAOV,kBAAP,CAAA,EAAA,CAA2BS,WAA3B,CAArB,CAAA,CAAA;AACD,KAAA;;AACD,IAAI,IAAA,CAACX,YAAL,EAAmB;AACjBG,MAAAA,qBAAqB,CAAKS,kBAAAA,CAAAA,qBAAL,CAArB,CAAA,CAAA;AACD,KAAA;;AACD,IAAA,CAAA,qBAAA,GAAAR,iBAAiB,CAACa,OAAlB,qFAAAb,iBAAiB,EAAWQ,qBAAX,EAAkC;AAAEM,MAAAA,eAAe,EAAER,GAAAA;AAAnB,KAAlC,CAAjB,CAAA;AACD,GAZqC,EAYnC,CAACR,kBAAD,EAAqBF,YAArB,CAZmC,CAAtC,CAAA;AAaA,EAAA,IAAMmB,wBAAwB,GAAGC,OAAO,CAAC,YAAM;AAC7C,IAAA,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACC,QAAD,EAAWC,mBAAX,EAAA;AAAA,MAAmCjB,OAAAA,cAAc,CAACW,OAAf,GAC1D,CAAA;AACEO,QAAAA,MAAM,EAAErC,cADV;AAEEsC,QAAAA,KAAK,EAAE,EAFT;AAGEC,QAAAA,SAAS,EAAE,CAAI3B,EAAAA,CAAAA,MAAAA,CAAAA,WAAJ,EAHb,8BAAA,CAAA,CAAA;AAIE4B,QAAAA,IAAI,EAAE,SAAA,IAAA,CAAA,IAAA,EAAA;AAAA,UAAGjB,IAAAA,GAAH,QAAGA,GAAH,CAAA;AAAA,UAAA,OAAakB,oBAAoB,CAAC;AAAElB,YAAAA,GAAG,EAAHA,GAAF;AAAOR,YAAAA,kBAAkB,EAAEqB,mBAAAA;AAA3B,WAAD,CAAjC,CAAA;AAAA,SAAA;AAJR,OAD0D,CAAA,CAAA,MAAA,CAAA,kBAAA,CAOvDD,QAPuD,CAAA,CAAA,GAQxDA,QARqB,CAAA;AAAA,KAAzB,CAAA;;AASA,IAAA,SAASM,oBAAT,CAAqF,KAAA,EAAA;AAAA,MAAA,IAAA,SAAA,GAAA,KAAA,CAArDlB,GAAqD;AAAA,UAArDA,GAAqD,0BAA/C,EAA+C,GAAA,SAAA;AAAA,UAAvBa,mBAAuB,SAA3CrB,kBAA2C,CAAA;AACnF,MAAA,IAAMS,WAAW,GAAGkB,KAAG,CAACnB,GAAD,EAAMnB,MAAN,CAAvB,CAAA;;AACA,MAAA,IAAI,CAACuC,KAAK,CAACC,OAAN,CAAcR,mBAAd,CAAL,EAAyC;AACvCS,QAAAA,OAAO,CAACC,KAAR,CAAc,4BAAd,CAAA,CAAA;AACA,QAAA,OAAA;AACD,OAAA;;AACD,MAAA,sBAAuBC,KAAK,CAACC,aAAN,CAAoBC,YAApB,EAA+B;AACpDC,QAAAA,QAAQ,EAAEd,mBAAF,KAAEA,IAAAA,IAAAA,mBAAF,KAAEA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,mBAAmB,CAAET,QAArB,CAA8BH,WAA9B,CAD0C;AAEpDD,QAAAA,GAAG,EAAHA,GAFoD;AAGpDC,QAAAA,WAAW,EAAXA,WAHoD;AAIpDf,QAAAA,UAAU,EAAVA,UAJoD;AAKpDC,QAAAA,gBAAgB,EAAEU,mBAAmB,CAACU,OALc;AAMpDT,QAAAA,kBAAkB,EAAlBA,kBAAAA;AANoD,OAA/B,CAAvB,CAAA;AAQD,KAAA;;AACD,IAAA,OAAOa,gBAAgB,CAAC/B,OAAD,EAAUY,kBAAV,CAAvB,CAAA;AACD,GA1BuC,EA0BrC,CAACH,WAAD,EAAcT,OAAd,EAAuBM,UAAvB,EAAmCY,kBAAnC,EAAuDN,kBAAvD,EAA2EX,MAA3E,CA1BqC,CAAxC,CAAA;AA2BA,EAAM+C,IAAAA,eAAe,GAAG7B,WAAW,CAAC,UAACC,GAAD,EAAM6B,KAAN,EAAa5B,WAAb,EAAA;AAAA,IAAA,IAAA,qBAAA,EAAA,qBAAA,CAAA;;AAAA,IAAA,sBAA6CuB,KAAK,CAACC,aAAN,CAAoB,IAApB,EAA0B;AACzGT,MAAAA,SAAS,EAAK3B,EAAAA,CAAAA,MAAAA,CAAAA,WAAL,EADgG,uBAAA,CAAA;AAEzGyC,MAAAA,KAAK,EAAEtC,kBAAkB,SAAlB,IAAAA,kBAAkB,WAAlB,IAAAA,CAAAA,qBAAAA,GAAAA,kBAAkB,CAAEY,QAApB,6EAAAZ,kBAAkB,EAAaS,WAAb,CAAlB,GAA8C,EAA9C,GAAmD;AAAE8B,QAAAA,OAAO,EAAE,MAAA;AAAX,OAAA;AAF+C,KAA1B,iBAG9DP,KAAK,CAACC,aAAN,CAAoB,IAApB,EAA0B;AAC3CO,MAAAA,OAAO,EAAEvB,wBAAF,aAAEA,wBAAF,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAEA,wBAAwB,CAAEwB,MAAAA;AADQ,KAA1B,2BAEhBrC,cAAc,CAACW,OAFC,MAEhB,IAAA,IAAA,qBAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,qBAAA,CAAA,IAAA,CAAAX,cAAc,EAAW;AAAEI,MAAAA,GAAG,EAAHA,GAAF;AAAO6B,MAAAA,KAAK,EAALA,KAAAA;AAAP,KAAX,CAFE,CAH8D,CAA7C,CAAA;AAAA,GAAD,EAKY,CAACxC,WAAD,EAAcG,kBAAd,EAAkCiB,wBAAlC,KAAkCA,IAAAA,IAAAA,wBAAlC,KAAkCA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,wBAAwB,CAAEwB,MAA5D,CALZ,CAAnC,CAAA;AAMAC,EAAAA,SAAS,CAAC,YAAM;AACd,IAAA,IAAId,KAAK,CAACC,OAAN,CAActC,eAAd,CAAJ,EAAoC;AAClCU,MAAAA,qBAAqB,CAAKV,kBAAAA,CAAAA,eAAL,CAArB,CAAA,CAAA;AACD,KAAA;AACF,GAJQ,EAIN,CAACA,eAAD,CAJM,CAAT,CAAA;AAKA,EAAO,OAAA,CAAC0B,wBAAD,EAA2BX,kBAA3B,EAA+C8B,eAA/C,EAAgEpC,kBAAhE,CAAP,CAAA;AACD;;;;"}
+{"version":3,"file":"useExpand.js","sources":["../../../src/table/primary/useExpand.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport get from 'lodash/get';\nimport { PrimaryTableCol } from '../type';\nimport { PrimaryTableProps } from './Table';\nimport ExpandBox from './expand-box';\nimport useConfig from '../../_util/useConfig';\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, RowkeyType] {\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 } = useConfig();\n  const isControlled = typeof expandedRowKeys !== 'undefined'; // 是否受控\n  const [innerExpandRowKeys, setInnerExpandRowKeys] = useState<RowkeyType>(\n    expandedRowKeys || defaultExpandedRowKeys || [],\n  );\n\n  const onExpandChangeRef = useRef(onExpandChange);\n  const expandedRowRef = useRef(expandedRow);\n  const expandOnRowClickRef = useRef(expandOnRowClick);\n  // 导出：触发展开回调方法\n  const handleExpandChange = useCallback(\n    (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        setInnerExpandRowKeys([...innerExpandRowKeysNew]);\n      }\n\n      // 触发回调\n      onExpandChangeRef.current?.(innerExpandRowKeysNew, { expandedRowData: row });\n    },\n    [innerExpandRowKeys, isControlled],\n  );\n\n  const transformedExpandColumns = useMemo(() => {\n    // 导出：添加展开图标后的columns\n    const getExpandColumns = (columns, innerExpandRowKeys) =>\n      expandedRowRef.current\n        ? [\n            {\n              colKey: expandedColKey,\n              width: 25,\n              className: [`${classPrefix}-table__expandable-icon-cell`],\n              cell: ({ row }) => renderExpandIconCell({ row, innerExpandRowKeys }),\n            },\n            ...columns,\n          ]\n        : columns;\n\n    // 渲染展开单元格内容\n    function renderExpandIconCell({ row = {}, innerExpandRowKeys }: 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={expandOnRowClickRef.current}\n          handleExpandChange={handleExpandChange}\n        />\n      );\n    }\n\n    return getExpandColumns(columns, innerExpandRowKeys);\n  }, [classPrefix, columns, expandIcon, handleExpandChange, innerExpandRowKeys, rowKey]);\n\n  const renderExpandRow = useCallback(\n    (row, index, rowKeyValue) => (\n      <tr\n        className={`${classPrefix}-table__expanded-cell`}\n        style={innerExpandRowKeys?.includes?.(rowKeyValue) ? {} : { display: 'none' }}\n      >\n        <td colSpan={transformedExpandColumns?.length}>{expandedRowRef.current?.({ row, index, columns })}</td>\n      </tr>\n    ),\n    [classPrefix, innerExpandRowKeys, transformedExpandColumns?.length, columns],\n  );\n\n  useEffect(() => {\n    if (Array.isArray(expandedRowKeys)) {\n      setInnerExpandRowKeys([...expandedRowKeys]);\n    }\n  }, [expandedRowKeys]);\n\n  return [transformedExpandColumns, handleExpandChange, renderExpandRow, innerExpandRowKeys];\n}\n\nexport default useExpand;\n"],"names":["expandedColKey","useExpand","props","columns","rowKey","defaultExpandedRowKeys","expandedRowKeys","expandedRow","onExpandChange","expandIcon","expandOnRowClick","useConfig","classPrefix","isControlled","useState","innerExpandRowKeys","setInnerExpandRowKeys","onExpandChangeRef","useRef","expandedRowRef","expandOnRowClickRef","handleExpandChange","useCallback","row","rowKeyValue","innerExpandRowKeysNew","isExpanded","includes","filter","item","current","expandedRowData","transformedExpandColumns","useMemo","getExpandColumns","columns2","innerExpandRowKeys2","colKey","width","className","cell","renderExpandIconCell","get","Array","isArray","console","error","React","createElement","ExpandBox","expanded","renderExpandRow","index","style","display","colSpan","length","useEffect"],"mappings":"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"}

package/es/table/primary/useFilter.d.ts

@@ -1,9 +1,9 @@
 import { DataType, PrimaryTableCol } from '../type';
-import { PrimaryTableProps } from '..';
+import { InnerPrimaryTableProps } from './Table';
 /**
  * 筛选hook
  * 1.返回加入筛选icon后的title
  * 2.返回筛选后的data
  */
-declare function useFilter(props: PrimaryTableProps): [PrimaryTableCol[], DataType[]];
+declare function useFilter(props: InnerPrimaryTableProps): [PrimaryTableCol[], DataType[]];
 export default useFilter;

package/es/table/primary/useFilter.js

@@ -1,24 +1,24 @@
 /**
- * tdesign v0.27.0
+ * tdesign v0.27.1
  * (c) 2022 tdesign
  * @license MIT
  */
 
-import { _ as _defineProperty } from '../../_chunks/dep-0dee7a0e.js';
-import { _ as _slicedToArray } from '../../_chunks/dep-d5157cdb.js';
+import { _ as _defineProperty } from '../../_chunks/dep-c559390e.js';
+import { _ as _slicedToArray } from '../../_chunks/dep-4232d2a7.js';
 import { useState, useMemo, useRef, useCallback, useEffect } from 'react';
 import useFilterButton from './useFilterButton.js';
-import '../../_chunks/dep-eef8ab0a.js';
+import '../../_chunks/dep-27fdea65.js';
 import 'classnames';
-import '../../_chunks/dep-8b9d6408.js';
-import '../../_chunks/dep-c4d967ba.js';
-import '../../_chunks/dep-487c4043.js';
-import '../../_chunks/dep-e2b8542f.js';
-import '../../_chunks/dep-900064e4.js';
-import '../../_chunks/dep-cbe5cee9.js';
-import '../../_chunks/dep-e9372759.js';
-import '../../_chunks/dep-ca202387.js';
-import '../../_chunks/dep-aef10af2.js';
+import '../../_chunks/dep-fcf18d7f.js';
+import '../../_chunks/dep-5099a517.js';
+import '../../_chunks/dep-f47dd9f2.js';
+import '../../_chunks/dep-21a072aa.js';
+import '../../_chunks/dep-7bf5d52e.js';
+import '../../_chunks/dep-37171ab5.js';
+import '../../_chunks/dep-de30b3ee.js';
+import '../../_chunks/dep-8f09dacb.js';
+import '../../_chunks/dep-07f207ee.js';
 import 'tdesign-icons-react';
 import '../../popup/index.js';
 import '../../popup/Popup.js';
@@ -28,17 +28,17 @@ import '../../_util/useDefault.js';
 import '../../_util/noop.js';
 import '../../_util/useAnimation.js';
 import '../../_util/useConfig.js';
-import '../../_chunks/dep-0414ef9d.js';
-import '../../_chunks/dep-a1a3d5a3.js';
-import '../../_chunks/dep-c425244b.js';
-import '../../_chunks/dep-ef11c265.js';
-import '../../_chunks/dep-00d03701.js';
-import '../../_chunks/dep-a58e1dec.js';
-import '../../_chunks/dep-efb50bf2.js';
-import '../../_chunks/dep-ae13b294.js';
-import '../../_chunks/dep-aedff59d.js';
-import '../../_chunks/dep-80444892.js';
-import '../../_chunks/dep-e838bdb4.js';
+import '../../_chunks/dep-e3f6d1c5.js';
+import '../../_chunks/dep-4ff5adb0.js';
+import '../../_chunks/dep-368e4a27.js';
+import '../../_chunks/dep-f6f6c737.js';
+import '../../_chunks/dep-b548e753.js';
+import '../../_chunks/dep-f643a128.js';
+import '../../_chunks/dep-c422ba85.js';
+import '../../_chunks/dep-1267d825.js';
+import '../../_chunks/dep-1ce426bf.js';
+import '../../_chunks/dep-8b85d2d1.js';
+import '../../_chunks/dep-6f799e1f.js';
 import '../../locale/zh_CN.js';
 import '../../_common/js/global-config/locale/zh_CN.js';
 import '../../config-provider/zh_CN_config.js';
@@ -52,27 +52,27 @@ import '../../popup/hooks/useTriggerProps.js';
 import '../../_util/useClickOutside.js';
 import '../../popup/utils/getTransitionParams.js';
 import '../../_util/useMutationObserver.js';
-import '../../_chunks/dep-892f84d4.js';
-import '../../_chunks/dep-3023424a.js';
-import '../../_chunks/dep-eabe1e47.js';
+import '../../_chunks/dep-bc0a6512.js';
+import '../../_chunks/dep-05c8b1bd.js';
+import '../../_chunks/dep-d4d4f560.js';
 import './style/css.js';
 import '../../popup/type.js';
 import '../../radio/index.js';
-import '../../_chunks/dep-9216bdf2.js';
+import '../../_chunks/dep-a0129bdd.js';
 import '../../_util/forwardRefWithStatics.js';
 import 'hoist-non-react-statics';
 import '../../common/Check.js';
-import '../../_chunks/dep-ef2622e0.js';
+import '../../_chunks/dep-ca1925cf.js';
 import '../../_util/helper.js';
-import '../../_chunks/dep-4e40e7c7.js';
-import '../../_chunks/dep-4b698bc9.js';
-import '../../_chunks/dep-3dd84fdd.js';
-import '../../_chunks/dep-e533ac24.js';
+import '../../_chunks/dep-c1fc6e05.js';
+import '../../_chunks/dep-37a2534f.js';
+import '../../_chunks/dep-7dec3dfe.js';
+import '../../_chunks/dep-04d8367e.js';
 import '../../_util/useCommonClassName.js';
 import '../../radio/type.js';
 import '../../checkbox/index.js';
-import '../../_chunks/dep-b29833d5.js';
-import '../../_chunks/dep-d4e15cf2.js';
+import '../../_chunks/dep-bcb29a45.js';
+import '../../_chunks/dep-388a7ab9.js';
 import '../../checkbox/type.js';
 import '../../input/index.js';
 import '../../input/Input.js';
@@ -93,7 +93,9 @@ function useFilter(props) {
       filterValue = props.filterValue,
       defaultFilterValue = props.defaultFilterValue,
       onFilterChange = props.onFilterChange,
-      data = props.data;
+      data = props.data,
+      triggerOnChange = props.triggerOnChange,
+      setTableChangeData = props.setTableChangeData;
   var isControlled = typeof filterValue !== "undefined";
 
   var _useState = useState(defaultFilterValue),
@@ -138,7 +140,13 @@ function useFilter(props) {
     (_onFilterChangeRef$cu = onFilterChangeRef.current) === null || _onFilterChangeRef$cu === void 0 ? void 0 : _onFilterChangeRef$cu.call(onFilterChangeRef, newFilterVal, {
       col: col
     });
-  }, [filterVal]);
+    triggerOnChange === null || triggerOnChange === void 0 ? void 0 : triggerOnChange({
+      filter: newFilterVal
+    }, {
+      trigger: "filter",
+      currentData: transformedFilterData
+    });
+  }, [filterVal, triggerOnChange, transformedFilterData]);
   var transformedFilterColumns = useFilterButton({
     columns: columns,
     onChange: onChangeFilterButton,
@@ -148,6 +156,9 @@ function useFilter(props) {
   useEffect(function () {
     setFilterVal(isControlled ? filterValue : defaultFilterValue);
   }, [filterValue, defaultFilterValue, isControlled]);
+  useEffect(function () {
+    setTableChangeData === null || setTableChangeData === void 0 ? void 0 : setTableChangeData("filter", filterValue || defaultFilterValue);
+  }, []);
   return [transformedFilterColumns, transformedFilterData];
 }
 

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

@@ -1 +1 @@
-{"version":3,"file":"useFilter.js","sources":["../../../src/table/primary/useFilter.tsx"],"sourcesContent":["import { useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport { DataType, FilterValue, PrimaryTableCol } from '../type';\nimport { PrimaryTableProps } from '..';\nimport useFilterButton from './useFilterButton';\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  // 导出：筛选后的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  const onFilterChangeRef = useRef(onFilterChange);\n  /**\n   * 触发筛选按钮，触发onFilterChange回调\n   * @param toast\n   * @param col\n   */\n  const onChangeFilterButton = useCallback(\n    (toast, col: PrimaryTableCol) => {\n      const newFilterVal: FilterValue = {\n        ...filterVal,\n        ...toast,\n      };\n      setFilterVal(newFilterVal);\n      onFilterChangeRef.current?.(newFilterVal, { col });\n    },\n    [filterVal],\n  );\n\n  // 导出：添加筛选图标后的columns\n  const transformedFilterColumns = useFilterButton({\n    columns,\n    onChange: onChangeFilterButton,\n    innerFilterVal: isControlled ? filterValue : defaultFilterValue,\n    filterIcon,\n  });\n\n  useEffect(() => {\n    setFilterVal(isControlled ? filterValue : defaultFilterValue);\n  }, [filterValue, defaultFilterValue, isControlled]);\n\n  return [transformedFilterColumns, transformedFilterData];\n}\n\nexport default useFilter;\n"],"names":["useFilter","props","columns","filterIcon","filterValue","defaultFilterValue","onFilterChange","data","isControlled","useState","filterVal","setFilterVal","transformedFilterData","useMemo","tmpData","Object","keys","forEach","k","filter","item","toString","includes","Array","isArray","length","onFilterChangeRef","useRef","onChangeFilterButton","useCallback","toast","col","newFilterVal","current","transformedFilterColumns","useFilterButton","onChange","innerFilterVal","useEffect"],"mappings":"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"}
+{"version":3,"file":"useFilter.js","sources":["../../../src/table/primary/useFilter.tsx"],"sourcesContent":["import { useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport { DataType, FilterValue, PrimaryTableCol } from '../type';\nimport { InnerPrimaryTableProps } from './Table';\nimport useFilterButton from './useFilterButton';\n\n/**\n * 筛选hook\n * 1.返回加入筛选icon后的title\n * 2.返回筛选后的data\n */\nfunction useFilter(props: InnerPrimaryTableProps): [PrimaryTableCol[], DataType[]] {\n  const {\n    columns,\n    filterIcon,\n    filterValue,\n    defaultFilterValue,\n    onFilterChange,\n    data,\n    triggerOnChange,\n    setTableChangeData,\n  } = props;\n  const isControlled = typeof filterValue !== 'undefined';\n  const [filterVal, setFilterVal] = useState<FilterValue>(defaultFilterValue);\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  const onFilterChangeRef = useRef(onFilterChange);\n  /**\n   * 触发筛选按钮，触发onFilterChange回调\n   * @param toast\n   * @param col\n   */\n  const onChangeFilterButton = useCallback(\n    (toast, col: PrimaryTableCol) => {\n      const newFilterVal: FilterValue = {\n        ...filterVal,\n        ...toast,\n      };\n      setFilterVal(newFilterVal);\n      onFilterChangeRef.current?.(newFilterVal, { col });\n      triggerOnChange?.(\n        {\n          filter: newFilterVal,\n        },\n        {\n          trigger: 'filter',\n          currentData: transformedFilterData,\n        },\n      );\n    },\n    [filterVal, triggerOnChange, transformedFilterData],\n  );\n\n  // 导出：添加筛选图标后的columns\n  const transformedFilterColumns = useFilterButton({\n    columns,\n    onChange: onChangeFilterButton,\n    innerFilterVal: isControlled ? filterValue : defaultFilterValue,\n    filterIcon,\n  });\n\n  useEffect(() => {\n    setFilterVal(isControlled ? filterValue : defaultFilterValue);\n  }, [filterValue, defaultFilterValue, isControlled]);\n\n  useEffect(() => {\n    setTableChangeData?.('filter', filterValue || defaultFilterValue);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  return [transformedFilterColumns, transformedFilterData];\n}\n\nexport default useFilter;\n"],"names":["useFilter","props","columns","filterIcon","filterValue","defaultFilterValue","onFilterChange","data","triggerOnChange","setTableChangeData","isControlled","useState","filterVal","setFilterVal","transformedFilterData","useMemo","tmpData","Object","keys","forEach","k","filter","item","toString","includes","Array","isArray","length","onFilterChangeRef","useRef","onChangeFilterButton","useCallback","toast","col","newFilterVal","current","trigger","currentData","transformedFilterColumns","useFilterButton","onChange","innerFilterVal","useEffect"],"mappings":"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"}

package/es/table/primary/useFilterButton.js

@@ -1,15 +1,15 @@
 /**
- * tdesign v0.27.0
+ * tdesign v0.27.1
  * (c) 2022 tdesign
  * @license MIT
  */
 
-import { _ as _defineProperty } from '../../_chunks/dep-0dee7a0e.js';
-import { _ as _slicedToArray } from '../../_chunks/dep-d5157cdb.js';
+import { _ as _defineProperty } from '../../_chunks/dep-c559390e.js';
+import { _ as _slicedToArray } from '../../_chunks/dep-4232d2a7.js';
 import React, { useRef, useState, useMemo, useEffect } from 'react';
 import classNames from 'classnames';
-import { i as isFunction_1 } from '../../_chunks/dep-8b9d6408.js';
-import { i as isString_1 } from '../../_chunks/dep-cbe5cee9.js';
+import { i as isFunction_1 } from '../../_chunks/dep-fcf18d7f.js';
+import { i as isString_1 } from '../../_chunks/dep-37171ab5.js';
 import { FilterIcon } from 'tdesign-icons-react';
 import { Popup } from '../../popup/index.js';
 import { Radio } from '../../radio/index.js';
@@ -17,31 +17,31 @@ import { Checkbox } from '../../checkbox/index.js';
 import { Input } from '../../input/index.js';
 import useConfig from '../../_util/useConfig.js';
 import { useLocaleReceiver } from '../../locale/LocalReceiver.js';
-import '../../_chunks/dep-eef8ab0a.js';
-import '../../_chunks/dep-c4d967ba.js';
-import '../../_chunks/dep-487c4043.js';
-import '../../_chunks/dep-e2b8542f.js';
-import '../../_chunks/dep-900064e4.js';
-import '../../_chunks/dep-e9372759.js';
-import '../../_chunks/dep-ca202387.js';
-import '../../_chunks/dep-aef10af2.js';
+import '../../_chunks/dep-27fdea65.js';
+import '../../_chunks/dep-5099a517.js';
+import '../../_chunks/dep-f47dd9f2.js';
+import '../../_chunks/dep-21a072aa.js';
+import '../../_chunks/dep-7bf5d52e.js';
+import '../../_chunks/dep-de30b3ee.js';
+import '../../_chunks/dep-8f09dacb.js';
+import '../../_chunks/dep-07f207ee.js';
 import '../../popup/Popup.js';
 import 'react-transition-group';
 import 'react-popper';
 import '../../_util/useDefault.js';
 import '../../_util/noop.js';
 import '../../_util/useAnimation.js';
-import '../../_chunks/dep-0414ef9d.js';
-import '../../_chunks/dep-a1a3d5a3.js';
-import '../../_chunks/dep-c425244b.js';
-import '../../_chunks/dep-ef11c265.js';
-import '../../_chunks/dep-00d03701.js';
-import '../../_chunks/dep-a58e1dec.js';
-import '../../_chunks/dep-efb50bf2.js';
-import '../../_chunks/dep-ae13b294.js';
-import '../../_chunks/dep-aedff59d.js';
-import '../../_chunks/dep-80444892.js';
-import '../../_chunks/dep-e838bdb4.js';
+import '../../_chunks/dep-e3f6d1c5.js';
+import '../../_chunks/dep-4ff5adb0.js';
+import '../../_chunks/dep-368e4a27.js';
+import '../../_chunks/dep-f6f6c737.js';
+import '../../_chunks/dep-b548e753.js';
+import '../../_chunks/dep-f643a128.js';
+import '../../_chunks/dep-c422ba85.js';
+import '../../_chunks/dep-1267d825.js';
+import '../../_chunks/dep-1ce426bf.js';
+import '../../_chunks/dep-8b85d2d1.js';
+import '../../_chunks/dep-6f799e1f.js';
 import '../../locale/zh_CN.js';
 import '../../_common/js/global-config/locale/zh_CN.js';
 import '../../config-provider/zh_CN_config.js';
@@ -55,25 +55,25 @@ import '../../popup/hooks/useTriggerProps.js';
 import '../../_util/useClickOutside.js';
 import '../../popup/utils/getTransitionParams.js';
 import '../../_util/useMutationObserver.js';
-import '../../_chunks/dep-892f84d4.js';
-import '../../_chunks/dep-3023424a.js';
-import '../../_chunks/dep-eabe1e47.js';
+import '../../_chunks/dep-bc0a6512.js';
+import '../../_chunks/dep-05c8b1bd.js';
+import '../../_chunks/dep-d4d4f560.js';
 import './style/css.js';
 import '../../popup/type.js';
-import '../../_chunks/dep-9216bdf2.js';
+import '../../_chunks/dep-a0129bdd.js';
 import '../../_util/forwardRefWithStatics.js';
 import 'hoist-non-react-statics';
 import '../../common/Check.js';
-import '../../_chunks/dep-ef2622e0.js';
+import '../../_chunks/dep-ca1925cf.js';
 import '../../_util/helper.js';
-import '../../_chunks/dep-4e40e7c7.js';
-import '../../_chunks/dep-4b698bc9.js';
-import '../../_chunks/dep-3dd84fdd.js';
-import '../../_chunks/dep-e533ac24.js';
+import '../../_chunks/dep-c1fc6e05.js';
+import '../../_chunks/dep-37a2534f.js';
+import '../../_chunks/dep-7dec3dfe.js';
+import '../../_chunks/dep-04d8367e.js';
 import '../../_util/useCommonClassName.js';
 import '../../radio/type.js';
-import '../../_chunks/dep-b29833d5.js';
-import '../../_chunks/dep-d4e15cf2.js';
+import '../../_chunks/dep-bcb29a45.js';
+import '../../_chunks/dep-388a7ab9.js';
 import '../../checkbox/type.js';
 import '../../input/Input.js';
 import '../../input/InputGroup.js';
@@ -86,7 +86,7 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
-var renderIcon = function renderIcon(classPrefix, icon) {
+var renderIcon = function renderIcon(classPrefix, icon, isActive) {
   var result = null;
   if (icon) result = icon;
   if (typeof icon === "function") result = icon();
@@ -97,7 +97,10 @@ var renderIcon = function renderIcon(classPrefix, icon) {
     }, result);
   } else {
     result = /* @__PURE__ */React.createElement(FilterIcon, {
-      className: "".concat(classPrefix, "-table__filter-icon")
+      className: "".concat(classPrefix, "-table__filter-icon"),
+      style: isActive ? {
+        color: "var(--td-brand-color)"
+      } : {}
     });
   }
 
@@ -143,6 +146,8 @@ function useFilterButton(props) {
   var filterColumns = useMemo(function () {
     function getFilterColumns(columns2, filterVal2) {
       return columns2.map(function (column, index) {
+        var _filterVal2$colKey;
+
         var filter = column.filter,
             colKey = column.colKey,
             children = column.children;
@@ -158,6 +163,7 @@ function useFilterButton(props) {
         }
 
         var lastTitle = getTitle(column, index);
+        var isActive = !!(filterVal2 !== null && filterVal2 !== void 0 && (_filterVal2$colKey = filterVal2[colKey]) !== null && _filterVal2$colKey !== void 0 && _filterVal2$colKey.length);
 
         var titleNew = function titleNew() {
           return /* @__PURE__ */React.createElement("div", {
@@ -172,7 +178,7 @@ function useFilterButton(props) {
             content: /* @__PURE__ */React.createElement("div", {
               className: "".concat(classPrefix, "-table__filter-pop-content")
             }, getFilterContent(filter, colKey, column, filterVal2))
-          }, renderIcon(classPrefix, filterIcon))));
+          }, renderIcon(classPrefix, filterIcon, isActive))));
         };
 
         return _objectSpread(_objectSpread({}, column), {}, {