tdesign-react 0.19.1 → 0.20.0

package/es/table/hooks/useColumns.js

@@ -1,17 +1,17 @@
 /**
- * tdesign v0.19.1
+ * tdesign v0.20.0
  * (c) 2021 tdesign
  * @license MIT
  */
 
-import { _ as _defineProperty } from '../../_chunks/dep-bd2ff6be.js';
-import { _ as _toConsumableArray } from '../../_chunks/dep-6d27991d.js';
+import { _ as _defineProperty } from '../../_chunks/dep-31796d32.js';
+import { _ as _toConsumableArray } from '../../_chunks/dep-ff66d271.js';
 import { useMemo } from 'react';
-import '../../_chunks/dep-4ca264a0.js';
+import '../../_chunks/dep-88fe1571.js';
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 function flattenColumns(columns) {
   var result = [];

package/es/table/index.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.19.1
+ * tdesign v0.20.0
  * (c) 2021 tdesign
  * @license MIT
  */
@@ -8,20 +8,20 @@ import BaseTable from './base/Table.js';
 import PrimaryTable from './primary/Table.js';
 import './style/css.js';
 import './type.js';
-import '../_chunks/dep-bd2ff6be.js';
-import '../_chunks/dep-c5e94c83.js';
-import '../_chunks/dep-4ca264a0.js';
+import '../_chunks/dep-31796d32.js';
+import '../_chunks/dep-81bda54a.js';
+import '../_chunks/dep-88fe1571.js';
 import 'react';
 import 'classnames';
-import '../_chunks/dep-3796d701.js';
-import '../_chunks/dep-bdf48dee.js';
-import '../_chunks/dep-7e18698b.js';
-import '../_chunks/dep-a6296075.js';
-import '../_chunks/dep-b48a9335.js';
-import '../_chunks/dep-a17dbe80.js';
-import '../_chunks/dep-044f6a06.js';
-import '../_chunks/dep-c060cbaa.js';
-import '../_chunks/dep-88b2f549.js';
+import '../_chunks/dep-e2373ef6.js';
+import '../_chunks/dep-53a8d1c2.js';
+import '../_chunks/dep-c3526061.js';
+import '../_chunks/dep-bf215a19.js';
+import '../_chunks/dep-7c1ece64.js';
+import '../_chunks/dep-cebb3b28.js';
+import '../_chunks/dep-c01dcb74.js';
+import '../_chunks/dep-4eebb4d5.js';
+import '../_chunks/dep-1cc29dd4.js';
 import '../_util/useUpdateEffect.js';
 import '../_util/useConfig.js';
 import '../config-provider/ConfigContext.js';
@@ -33,55 +33,59 @@ import '../_util/noop.js';
 import '../_util/useDefault.js';
 import '../select/index.js';
 import '../select/base/Select.js';
-import '../_chunks/dep-dabea1d1.js';
-import '../_chunks/dep-02952992.js';
-import '../_chunks/dep-00019a7f.js';
-import '../_chunks/dep-43b6ec11.js';
-import '../_chunks/dep-53bb8c23.js';
-import '../_chunks/dep-52f056ee.js';
-import '../_chunks/dep-4cfb170f.js';
-import '../_chunks/dep-fbe7c735.js';
-import '../_chunks/dep-c8d6ce97.js';
-import '../_chunks/dep-1c77104d.js';
+import '../_chunks/dep-27282969.js';
+import '../_chunks/dep-9025a74a.js';
+import '../_chunks/dep-48be8fe9.js';
+import '../_chunks/dep-02feec19.js';
+import '../_chunks/dep-0f564970.js';
+import '../_chunks/dep-3959eba0.js';
+import '../_chunks/dep-28a3624e.js';
+import '../_chunks/dep-9fc2fb1e.js';
+import '../_chunks/dep-7ed5b2c7.js';
+import '../_chunks/dep-31240b08.js';
+import 'lodash';
 import '../locale/LocalReceiver.js';
 import '../config-provider/index.js';
 import '../config-provider/ConfigProvider.js';
-import '../_chunks/dep-21185a7d.js';
+import '../_chunks/dep-252337e0.js';
 import '../_util/composeRefs.js';
 import '../_util/useDefaultValue.js';
 import '../_util/forwardRefWithStatics.js';
 import 'hoist-non-react-statics';
 import '../select/util/helper.js';
-import '../_chunks/dep-6d27991d.js';
-import 'lodash';
+import '../_chunks/dep-ff66d271.js';
 import '../select/base/OptionGroup.js';
 import '../common/FakeArrow.js';
 import '../loading/index.js';
 import '../loading/loading.js';
-import 'react-dom';
 import '../_util/dom.js';
 import 'raf';
 import '../_util/easing.js';
 import '../common/Portal.js';
+import 'react-dom';
+import '../loading/gradient.js';
 import '../loading/type.js';
+import '../loading/plugin.js';
 import '../input/index.js';
 import '../input/Input.js';
 import '../input/InputGroup.js';
 import '../input/type.js';
 import '../popup/index.js';
 import '../popup/Popup.js';
+import 'react-transition-group';
 import 'react-popper';
 import '../_util/usePrevious.js';
 import '../popup/Portal.js';
-import '../popup/useTriggerProps.js';
+import '../popup/hooks/useTriggerProps.js';
 import '../_util/useClickOutside.js';
+import '../popup/hooks/usePopupCssTransition.js';
 import '../popup/type.js';
 import '../tag/index.js';
 import '../tag/Tag.js';
 import '../tag/CheckTag.js';
 import '../tag/type.js';
 import '../select/base/Option.js';
-import '../_chunks/dep-a3627124.js';
+import '../_chunks/dep-8d22ffec.js';
 import '../_util/useRipple.js';
 import '../_util/setStyle.js';
 import '../select/base/PopupContent.js';
@@ -108,15 +112,16 @@ import '../tooltip/type.js';
 import './primary/useFilter.js';
 import './primary/FilterButton.js';
 import '../radio/index.js';
-import '../_chunks/dep-bb9c6942.js';
+import '../_chunks/dep-b25fc71f.js';
 import '../common/Check.js';
 import '../_util/helper.js';
-import '../_chunks/dep-3aee7c63.js';
-import '../_chunks/dep-b87b2179.js';
-import '../_chunks/dep-cdfb69ea.js';
+import '../_chunks/dep-2814904a.js';
+import '../_chunks/dep-67dc9383.js';
+import '../_chunks/dep-5900f2c2.js';
+import '../_util/useCommonClassName.js';
 import '../radio/type.js';
 import '../checkbox/index.js';
-import '../_chunks/dep-e1db5516.js';
+import '../_chunks/dep-0d85e9bd.js';
 import '../checkbox/type.js';
 import './primary/useSelect.js';
 import './primary/useExpand.js';

package/es/table/index.js.map

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

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

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

package/es/table/primary/FilterButton.js

@@ -1,15 +1,15 @@
 /**
- * tdesign v0.19.1
+ * tdesign v0.20.0
  * (c) 2021 tdesign
  * @license MIT
  */
 
-import { _ as _defineProperty } from '../../_chunks/dep-bd2ff6be.js';
-import { _ as _slicedToArray } from '../../_chunks/dep-c5e94c83.js';
+import { _ as _defineProperty } from '../../_chunks/dep-31796d32.js';
+import { _ as _slicedToArray } from '../../_chunks/dep-81bda54a.js';
 import React__default, { useContext, useState, useEffect } from 'react';
 import classNames from 'classnames';
-import { i as isFunction_1 } from '../../_chunks/dep-dabea1d1.js';
-import { i as isString_1 } from '../../_chunks/dep-1c77104d.js';
+import { i as isFunction_1 } from '../../_chunks/dep-27282969.js';
+import { i as isString_1 } from '../../_chunks/dep-31240b08.js';
 import { FilterIcon } from 'tdesign-icons-react';
 import { Popup } from '../../popup/index.js';
 import { Radio } from '../../radio/index.js';
@@ -17,16 +17,17 @@ import { Checkbox } from '../../checkbox/index.js';
 import { Input } from '../../input/index.js';
 import '../../config-provider/index.js';
 import ConfigContext from '../../config-provider/ConfigContext.js';
-import '../../_chunks/dep-4ca264a0.js';
-import '../../_chunks/dep-3796d701.js';
-import '../../_chunks/dep-a17dbe80.js';
-import '../../_chunks/dep-a6296075.js';
-import '../../_chunks/dep-7e18698b.js';
-import '../../_chunks/dep-b48a9335.js';
-import '../../_chunks/dep-43b6ec11.js';
-import '../../_chunks/dep-53bb8c23.js';
-import '../../_chunks/dep-88b2f549.js';
+import '../../_chunks/dep-88fe1571.js';
+import '../../_chunks/dep-e2373ef6.js';
+import '../../_chunks/dep-cebb3b28.js';
+import '../../_chunks/dep-bf215a19.js';
+import '../../_chunks/dep-c3526061.js';
+import '../../_chunks/dep-7c1ece64.js';
+import '../../_chunks/dep-02feec19.js';
+import '../../_chunks/dep-0f564970.js';
+import '../../_chunks/dep-1cc29dd4.js';
 import '../../popup/Popup.js';
+import 'react-transition-group';
 import 'react-popper';
 import '../../_util/useDefault.js';
 import '../../_util/noop.js';
@@ -36,24 +37,26 @@ 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 '../../_chunks/dep-bb9c6942.js';
+import '../../_chunks/dep-b25fc71f.js';
 import '../../_util/forwardRefWithStatics.js';
 import 'hoist-non-react-statics';
 import '../../common/Check.js';
-import '../../_chunks/dep-21185a7d.js';
+import '../../_chunks/dep-252337e0.js';
 import '../../_util/helper.js';
-import '../../_chunks/dep-3aee7c63.js';
-import '../../_chunks/dep-c8d6ce97.js';
-import '../../_chunks/dep-c060cbaa.js';
-import '../../_chunks/dep-b87b2179.js';
-import '../../_chunks/dep-cdfb69ea.js';
+import '../../_chunks/dep-2814904a.js';
+import '../../_chunks/dep-7ed5b2c7.js';
+import '../../_chunks/dep-4eebb4d5.js';
+import '../../_chunks/dep-67dc9383.js';
+import '../../_chunks/dep-5900f2c2.js';
+import '../../_util/useCommonClassName.js';
 import '../../radio/type.js';
-import '../../_chunks/dep-e1db5516.js';
-import '../../_chunks/dep-a3627124.js';
+import '../../_chunks/dep-0d85e9bd.js';
+import '../../_chunks/dep-8d22ffec.js';
 import '../../checkbox/type.js';
 import '../../input/Input.js';
 import '../../input/InputGroup.js';
@@ -61,9 +64,9 @@ import '../../_util/useDefaultValue.js';
 import '../../input/type.js';
 import '../../config-provider/ConfigProvider.js';
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 var renderIcon = function renderIcon(classPrefix, icon) {
   var result = null;
@@ -72,11 +75,11 @@ var renderIcon = function renderIcon(classPrefix, icon) {
 
   if (result) {
     result = /* @__PURE__ */React__default.createElement("span", {
-      className: "".concat(classPrefix, "-table-filter-icon")
+      className: "".concat(classPrefix, "-table__filter-icon")
     }, result);
   } else {
     result = /* @__PURE__ */React__default.createElement(FilterIcon, {
-      className: "".concat(classPrefix, "-table-filter-icon")
+      className: "".concat(classPrefix, "-table__filter-icon")
     });
   }
 
@@ -121,7 +124,7 @@ function FilterButton(props) {
     }
 
     return /* @__PURE__ */React__default.createElement("div", {
-      className: "".concat(classPrefix, "-table-filter-pop-content__inner")
+      className: "".concat(classPrefix, "-table__filter-pop-content-inner")
     }, /* @__PURE__ */React__default.createElement(React__default.Fragment, null, filter.type === "multiple" ? /* @__PURE__ */React__default.createElement(Checkbox.Group, {
       value: (filterVal === null || filterVal === void 0 ? void 0 : filterVal[colKey]) || [],
       defaultValue: [],
@@ -185,9 +188,9 @@ function FilterButton(props) {
         trigger: "click",
         placement: "bottom",
         showArrow: true,
-        overlayClassName: "".concat(classPrefix, "-table-filter-pop"),
+        overlayClassName: "".concat(classPrefix, "-table__filter-pop"),
         content: /* @__PURE__ */React__default.createElement("div", {
-          className: "".concat(classPrefix, "-table-filter-pop-content")
+          className: "".concat(classPrefix, "-table__filter-pop-content")
         }, getFilterContent(filter, colKey, column))
       }, renderIcon(classPrefix, filterIcon))));
     };

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

@@ -1 +1 @@
-{"version":3,"file":"FilterButton.js","sources":["../../../src/table/primary/FilterButton.tsx"],"sourcesContent":["import React, { useState, useContext, useEffect } from 'react';\nimport classNames from 'classnames';\nimport isFunction from 'lodash/isFunction';\nimport isString from 'lodash/isString';\nimport { FilterIcon as TIconFilter } from 'tdesign-icons-react';\nimport { Popup } from '../../popup';\nimport { Radio } from '../../radio';\nimport { Checkbox } from '../../checkbox';\nimport { Input } from '../../input';\nimport { TElement } from '../../common';\nimport { Filter, FilterValue, PrimaryTableCol, DataType } from '../type';\nimport { ConfigContext } from '../../config-provider';\n\ninterface Props {\n  columns?: Array<PrimaryTableCol>;\n  onChange?: Function;\n  innerfiltVal?: FilterValue;\n  filterIcon?: TElement;\n}\nconst renderIcon = (classPrefix: string, icon: TElement) => {\n  let result: React.ReactNode = null;\n  if (icon) result = icon;\n  if (typeof icon === 'function') result = icon();\n  if (result) {\n    result = <span className={`${classPrefix}-table-filter-icon`}>{result}</span>;\n  } else {\n    result = <TIconFilter className={`${classPrefix}-table-filter-icon`} />;\n  }\n  return result;\n};\n// 该方法主要用于过滤需要调整表头的时，不支持 render 函数的情况\nfunction getTitle(column: PrimaryTableCol, colIndex: number) {\n  let result = null;\n  if (isFunction(column.title)) {\n    result = column.title({ col: column, colIndex });\n  } else if (isString(column.title)) {\n    result = column.title;\n  }\n  return result;\n}\n\n// 处理tilte字段，添加筛选icon\nfunction FilterButton(props: Props) {\n  const { onChange, filterIcon, innerfiltVal, columns } = props;\n  const { classPrefix } = useContext(ConfigContext);\n  const [filterVal, setfilterVal] = useState<any>();\n\n  const getFilterContent = (filter: Filter, colKey: string, column: PrimaryTableCol<DataType>) => {\n    const types = ['single', 'multiple', 'input'];\n    if (filter.type && !types.includes(filter.type)) {\n      console.error(`column.type must be the following: ${JSON.stringify(types)}`);\n      return;\n    }\n    return (\n      <div className={`${classPrefix}-table-filter-pop-content__inner`}>\n        <>\n          {filter.type === 'multiple' ? (\n            <Checkbox.Group\n              value={filterVal?.[colKey] || []}\n              defaultValue={[]}\n              onChange={(value) => {\n                onChangeFilter(value, colKey, column);\n              }}\n            >\n              {filter?.list.map(({ label, value }) => (\n                <Checkbox key={value} value={value}>\n                  {label}\n                </Checkbox>\n              ))}\n            </Checkbox.Group>\n          ) : null}\n\n          {filter.type === 'single' ? (\n            <Radio.Group\n              size=\"large\"\n              value={filterVal?.[colKey] || ''}\n              onChange={(value) => {\n                onChangeFilter(value, colKey, column);\n              }}\n            >\n              {filter?.list.map(({ label, value }) => (\n                <Radio key={value} value={value}>\n                  {label}\n                </Radio>\n              ))}\n            </Radio.Group>\n          ) : null}\n\n          {filter.type === 'input' ? (\n            <Input\n              placeholder=\"请输入内容（无默认值）\"\n              clearable\n              value={filterVal?.[colKey] || ''}\n              onChange={(value) => {\n                onChangeFilter(value, colKey, column);\n              }}\n            />\n          ) : null}\n        </>\n      </div>\n    );\n  };\n\n  function onChangeFilter(value: any, colKey: string, column: PrimaryTableCol<DataType>) {\n    setfilterVal({\n      ...filterVal,\n      [colKey]: value,\n    });\n    onChange({ ...filterVal, [colKey]: value }, column);\n  }\n\n  // 初始筛选条件变化，更新状态\n  useEffect(() => {\n    setfilterVal(innerfiltVal);\n  }, [innerfiltVal]);\n\n  return columns.map((column: PrimaryTableCol, index: number) => {\n    const { filter, colKey } = column;\n    if (!filter) {\n      return column;\n    }\n    const lastTitle = getTitle(column, index);\n    const titleNew = () => (\n      <div className={`${classPrefix}-table__cell--title`}>\n        <div>{lastTitle}</div>\n        <div className={classNames([`${classPrefix}-table__cell--filter`])}>\n          <Popup\n            trigger=\"click\"\n            placement=\"bottom\"\n            showArrow\n            overlayClassName={`${classPrefix}-table-filter-pop`}\n            content={\n              <div className={`${classPrefix}-table-filter-pop-content`}>\n                {getFilterContent(filter, colKey, column)}\n              </div>\n            }\n          >\n            {renderIcon(classPrefix, filterIcon)}\n          </Popup>\n        </div>\n      </div>\n    );\n    return {\n      ...column,\n      title: titleNew,\n    };\n  });\n}\n\nexport default FilterButton;\n"],"names":["renderIcon","classPrefix","icon","result","className","TIconFilter","column","colIndex","isFunction","title","col","isString","props","onChange","filterIcon","innerfiltVal","columns","useContext","ConfigContext","useState","filterVal","setfilterVal","getFilterContent","filter","colKey","types","type","includes","error","JSON","stringify","Checkbox","Group","value","defaultValue","list","map","label","key","Radio","size","Input","placeholder","clearable","index","lastTitle","getTitle","titleNew","classNames","Popup","trigger","placement","showArrow","overlayClassName","content"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmBA,IAAMA,aAAa,SAAbA,UAAa,CAACC,WAAD,EAAsBC,IAAtB,EAAyC;MACtDC,SAA0B;MAC1BD,eAAeA;MACf,OAAOA,IAAP,KAAgB,qBAAqBA;;MACrCC,QAAQ;yDACA,QAAD;AAAMC,MAAAA,qBAAcH;AAApB,OAAsDE;SAC1D;yDACKE,YAAD;AAAaD,MAAAA,qBAAcH;AAA3B;;;SAEJE;CATT;;AAYA,iBAAA,CAAkBG,MAAlB,EAA2CC,QAA3C,EAA6D;MACvDJ,SAAS;;MACTK,aAAWF,OAAOG,QAAQ;aACnBH,OAAOG,KAAP,CAAa;AAAEC,MAAAA,KAAKJ,MAAP;AAAeC,MAAAA,UAAAA;AAAf,KAAb;aACAI,WAASL,OAAOG,QAAQ;aACxBH,OAAOG;;;SAEXN;;;AAIT,qBAAA,CAAsBS,KAAtB,EAAoC;MAC1BC,WAAgDD,MAAhDC;MAAUC,aAAsCF,MAAtCE;MAAYC,eAA0BH,MAA1BG;MAAcC,UAAYJ,MAAZI;;oBACpBC,WAAWC;MAA3BjB,0BAAAA;;kBAC0BkB;;MAA3BC;MAAWC;;MAEZC,mBAAmB,SAAnBA,gBAAmB,CAACC,MAAD,EAAiBC,MAAjB,EAAiClB,MAAjC,EAAuE;QACxFmB,QAAQ,CAAC,QAAD,EAAW,UAAX,EAAuB,OAAvB;;QACVF,OAAOG,IAAP,IAAe,CAACD,MAAME,QAAN,CAAeJ,OAAOG,IAAtB,GAA6B;cACvCE,mDAA4CC,KAAKC,SAAL,CAAeL,KAAf;;;;uDAInD,OAAD;AAAKrB,MAAAA,qBAAcH;AAAnB,kFAEKsB,OAAOG,IAAP,KAAgB,UAAhB,+CACEK,SAASC,OAAV;AACEC,MAAAA,OAAO,CAAAb,kBAAA,IAAAA,oBAAA,YAAAA,UAAYI,OAAZ,KAAuB,EADhC;AAEEU,MAAAA,cAAc,EAFhB;AAGErB,MAAAA,UAAU,kBAACoB,KAAD,EAAW;uBACJA,OAAOT,QAAQlB;;AAJlC,OAOGiB,mBAAAA,6BAAAA,OAAQY,IAAR,CAAaC,GAAb,CAAiB;AAAA,UAAGC,KAAH,QAAGA,KAAH;AAAA,UAAUJ,KAAV,QAAUA,KAAV;AAAA,yDACfF,UAAD;AAAUO,QAAAA,KAAKL,KAAf;AAAsBA,QAAAA,OAAAA;AAAtB,SACGI,MAFa;AAAA,KAAjB,EARJ,GAcG,MAEHd,OAAOG,IAAP,KAAgB,QAAhB,+CACEa,MAAMP,OAAP;AACEQ,MAAAA,MAAK,OADP;AAEEP,MAAAA,OAAO,CAAAb,kBAAA,IAAAA,oBAAA,YAAAA,UAAYI,OAAZ,KAAuB,EAFhC;AAGEX,MAAAA,UAAU,kBAACoB,KAAD,EAAW;uBACJA,OAAOT,QAAQlB;;AAJlC,OAOGiB,mBAAAA,6BAAAA,OAAQY,IAAR,CAAaC,GAAb,CAAiB;AAAA,UAAGC,KAAH,SAAGA,KAAH;AAAA,UAAUJ,KAAV,SAAUA,KAAV;AAAA,yDACfM,OAAD;AAAOD,QAAAA,KAAKL,KAAZ;AAAmBA,QAAAA,OAAAA;AAAnB,SACGI,MAFa;AAAA,KAAjB,EARJ,GAcG,MAEHd,OAAOG,IAAP,KAAgB,OAAhB,+CACEe,OAAD;AACEC,MAAAA,aAAY,oEADd;AAEEC,MAAAA,WAAS,IAFX;AAGEV,MAAAA,OAAO,CAAAb,kBAAA,IAAAA,oBAAA,YAAAA,UAAYI,OAAZ,KAAuB,EAHhC;AAIEX,MAAAA,UAAU,kBAACoB,KAAD,EAAW;uBACJA,OAAOT,QAAQlB;;AALlC,MADD,GASG;;;0BAMY2B,OAAYT,QAAgBlB,QAAmC;iDAEhFc,oCACFI,QAASS;6CAEEb,oCAAYI,QAASS,SAAS3B;;;YAIpC,YAAM;iBACDS;KACZ,CAACA,YAAD;SAEIC,QAAQoB,GAAR,CAAY,UAAC9B,MAAD,EAA0BsC,KAA1B,EAA4C;QACrDrB,SAAmBjB,OAAnBiB;QAAQC,SAAWlB,OAAXkB;;QACZ,CAACD,QAAQ;aACJjB;;;QAEHuC,YAAYC,SAASxC,QAAQsC;;QAC7BG,WAAW,SAAXA,QAAW;AAAA,yDACd,OAAD;AAAK3C,QAAAA,qBAAcH;AAAnB,qDACG,OAAD,MAAM4C,wDACL,OAAD;AAAKzC,QAAAA,WAAW4C,WAAW,WAAI/C,WAAJ;AAA3B,qDACGgD,OAAD;AACEC,QAAAA,SAAQ,OADV;AAEEC,QAAAA,WAAU,QAFZ;AAGEC,QAAAA,WAAS,IAHX;AAIEC,QAAAA,4BAAqBpD,iCAJvB;AAKEqD,QAAAA,qDACG,OAAD;AAAKlD,UAAAA,qBAAcH;AAAnB,WACGqB,iBAAiBC,QAAQC,QAAQlB;AAPxC,SAWGN,WAAWC,aAAaa,cAfhB;AAAA;;2CAqBZR;AACHG,MAAAA,OAAOsC;;GA5BJ;;;;;"}
+{"version":3,"file":"FilterButton.js","sources":["../../../src/table/primary/FilterButton.tsx"],"sourcesContent":["import React, { useState, useContext, useEffect } from 'react';\nimport classNames from 'classnames';\nimport isFunction from 'lodash/isFunction';\nimport isString from 'lodash/isString';\nimport { FilterIcon as TIconFilter } from 'tdesign-icons-react';\nimport { Popup } from '../../popup';\nimport { Radio } from '../../radio';\nimport { Checkbox } from '../../checkbox';\nimport { Input } from '../../input';\nimport { TElement } from '../../common';\nimport { Filter, FilterValue, PrimaryTableCol, DataType } from '../type';\nimport { ConfigContext } from '../../config-provider';\n\ninterface Props {\n  columns?: Array<PrimaryTableCol>;\n  onChange?: Function;\n  innerfiltVal?: FilterValue;\n  filterIcon?: TElement;\n}\nconst renderIcon = (classPrefix: string, icon: TElement) => {\n  let result: React.ReactNode = null;\n  if (icon) result = icon;\n  if (typeof icon === 'function') result = icon();\n  if (result) {\n    result = <span className={`${classPrefix}-table__filter-icon`}>{result}</span>;\n  } else {\n    result = <TIconFilter className={`${classPrefix}-table__filter-icon`} />;\n  }\n  return result;\n};\n// 该方法主要用于过滤需要调整表头的时，不支持 render 函数的情况\nfunction getTitle(column: PrimaryTableCol, colIndex: number) {\n  let result = null;\n  if (isFunction(column.title)) {\n    result = column.title({ col: column, colIndex });\n  } else if (isString(column.title)) {\n    result = column.title;\n  }\n  return result;\n}\n\n// 处理tilte字段，添加筛选icon\nfunction FilterButton(props: Props) {\n  const { onChange, filterIcon, innerfiltVal, columns } = props;\n  const { classPrefix } = useContext(ConfigContext);\n  const [filterVal, setfilterVal] = useState<any>();\n\n  const getFilterContent = (filter: Filter, colKey: string, column: PrimaryTableCol<DataType>) => {\n    const types = ['single', 'multiple', 'input'];\n    if (filter.type && !types.includes(filter.type)) {\n      console.error(`column.type must be the following: ${JSON.stringify(types)}`);\n      return;\n    }\n    return (\n      <div className={`${classPrefix}-table__filter-pop-content-inner`}>\n        <>\n          {filter.type === 'multiple' ? (\n            <Checkbox.Group\n              value={filterVal?.[colKey] || []}\n              defaultValue={[]}\n              onChange={(value) => {\n                onChangeFilter(value, colKey, column);\n              }}\n            >\n              {filter?.list.map(({ label, value }) => (\n                <Checkbox key={value} value={value}>\n                  {label}\n                </Checkbox>\n              ))}\n            </Checkbox.Group>\n          ) : null}\n\n          {filter.type === 'single' ? (\n            <Radio.Group\n              size=\"large\"\n              value={filterVal?.[colKey] || ''}\n              onChange={(value) => {\n                onChangeFilter(value, colKey, column);\n              }}\n            >\n              {filter?.list.map(({ label, value }) => (\n                <Radio key={value} value={value}>\n                  {label}\n                </Radio>\n              ))}\n            </Radio.Group>\n          ) : null}\n\n          {filter.type === 'input' ? (\n            <Input\n              placeholder=\"请输入内容（无默认值）\"\n              clearable\n              value={filterVal?.[colKey] || ''}\n              onChange={(value) => {\n                onChangeFilter(value, colKey, column);\n              }}\n            />\n          ) : null}\n        </>\n      </div>\n    );\n  };\n\n  function onChangeFilter(value: any, colKey: string, column: PrimaryTableCol<DataType>) {\n    setfilterVal({\n      ...filterVal,\n      [colKey]: value,\n    });\n    onChange({ ...filterVal, [colKey]: value }, column);\n  }\n\n  // 初始筛选条件变化，更新状态\n  useEffect(() => {\n    setfilterVal(innerfiltVal);\n  }, [innerfiltVal]);\n\n  return columns.map((column: PrimaryTableCol, index: number) => {\n    const { filter, colKey } = column;\n    if (!filter) {\n      return column;\n    }\n    const lastTitle = getTitle(column, index);\n    const titleNew = () => (\n      <div className={`${classPrefix}-table__cell--title`}>\n        <div>{lastTitle}</div>\n        <div className={classNames([`${classPrefix}-table__cell--filter`])}>\n          <Popup\n            trigger=\"click\"\n            placement=\"bottom\"\n            showArrow\n            overlayClassName={`${classPrefix}-table__filter-pop`}\n            content={\n              <div className={`${classPrefix}-table__filter-pop-content`}>\n                {getFilterContent(filter, colKey, column)}\n              </div>\n            }\n          >\n            {renderIcon(classPrefix, filterIcon)}\n          </Popup>\n        </div>\n      </div>\n    );\n    return {\n      ...column,\n      title: titleNew,\n    };\n  });\n}\n\nexport default FilterButton;\n"],"names":["renderIcon","classPrefix","icon","result","className","TIconFilter","column","colIndex","isFunction","title","col","isString","props","onChange","filterIcon","innerfiltVal","columns","useContext","ConfigContext","useState","filterVal","setfilterVal","getFilterContent","filter","colKey","types","type","includes","error","JSON","stringify","Checkbox","Group","value","defaultValue","list","map","label","key","Radio","size","Input","placeholder","clearable","index","lastTitle","getTitle","titleNew","classNames","Popup","trigger","placement","showArrow","overlayClassName","content"],"mappings":"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"}

package/es/table/primary/SorterButton.js

@@ -1,24 +1,25 @@
 /**
- * tdesign v0.19.1
+ * tdesign v0.20.0
  * (c) 2021 tdesign
  * @license MIT
  */
 
-import { _ as _defineProperty } from '../../_chunks/dep-bd2ff6be.js';
-import { _ as _slicedToArray } from '../../_chunks/dep-c5e94c83.js';
+import { _ as _defineProperty } from '../../_chunks/dep-31796d32.js';
+import { _ as _slicedToArray } from '../../_chunks/dep-81bda54a.js';
 import React__default, { useContext, useState, useEffect } from 'react';
 import classNames from 'classnames';
 import { ChevronDownIcon } from 'tdesign-icons-react';
 import { Tooltip } from '../../tooltip/index.js';
 import '../../config-provider/index.js';
 import ConfigContext from '../../config-provider/ConfigContext.js';
-import '../../_chunks/dep-4ca264a0.js';
+import '../../_chunks/dep-88fe1571.js';
 import '../../tooltip/Tooltip.js';
-import '../../_chunks/dep-21185a7d.js';
-import '../../_chunks/dep-3796d701.js';
-import '../../_chunks/dep-a6296075.js';
+import '../../_chunks/dep-252337e0.js';
+import '../../_chunks/dep-e2373ef6.js';
+import '../../_chunks/dep-bf215a19.js';
 import '../../popup/index.js';
 import '../../popup/Popup.js';
+import 'react-transition-group';
 import 'react-popper';
 import '../../_util/useDefault.js';
 import '../../_util/noop.js';
@@ -28,16 +29,17 @@ 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';
 import '../../config-provider/ConfigProvider.js';
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var SortTypeEnum = {
   desc: "desc",
   asc: "asc",
@@ -90,7 +92,7 @@ var SorterButton = function SorterButton(props) {
       style.bottom = "-1px";
     }
 
-    var sortClassName = classNames(["".concat(classPrefix, "-table-sort-icon"), className, "".concat(classPrefix, "-table-sort-").concat(direction)]);
+    var sortClassName = classNames(["".concat(classPrefix, "-table__sort-icon"), className, "".concat(classPrefix, "-table__sort-").concat(direction)]);
     return /* @__PURE__ */React__default.createElement("div", {
       key: direction,
       style: style,
@@ -110,7 +112,7 @@ var SorterButton = function SorterButton(props) {
     }
 
     var sortIcons = allowSortTypes.map(function (direction) {
-      var className = direction === currentSortType ? "".concat(classPrefix, "-table-sort-icon-active") : "".concat(classPrefix, "-icon-sort-default");
+      var className = direction === currentSortType ? "".concat(classPrefix, "-table__sort-icon--active") : "".concat(classPrefix, "-icon-sort-default");
       return renderIcon(direction, className);
     });
     return sortIcons.length > 1 ? /* @__PURE__ */React__default.createElement("div", {
@@ -136,7 +138,7 @@ var SorterButton = function SorterButton(props) {
     setCurrentSortType(currentSortType2);
   }, [currentSort]);
   return /* @__PURE__ */React__default.createElement("div", {
-    className: classNames(["".concat(classPrefix, "-table__cell--sort-trigger"), _defineProperty({}, "".concat(classPrefix, "-table-double-icons"), true)]),
+    className: classNames(["".concat(classPrefix, "-table__cell--sort-trigger"), _defineProperty({}, "".concat(classPrefix, "-table__double-icons"), true)]),
     onClick: handleSort
   }, /* @__PURE__ */React__default.createElement(Tooltip, {
     content: tooltips[nextSortType],

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

@@ -1 +1 @@
-{"version":3,"file":"SorterButton.js","sources":["../../../src/table/primary/SorterButton.tsx"],"sourcesContent":["import React, { FC, useState, useContext, useEffect } from 'react';\nimport classNames from 'classnames';\nimport { ChevronDownIcon } from 'tdesign-icons-react';\nimport { SortInfo, PrimaryTableCol, SortType } from '../type';\nimport { Styles } from '../../common';\nimport Tooltip from '../../tooltip';\nimport { ConfigContext } from '../../config-provider';\n\nexport const SortTypeEnum: { [key in SortType]: SortType } = {\n  desc: 'desc',\n  asc: 'asc',\n  all: 'all',\n};\ninterface SorterButtonProps {\n  column: PrimaryTableCol;\n  onChange: Function;\n  singleSort: SortInfo;\n}\n\n// 用于点击排序图标时tooltip的顺序显示标准\nconst sortTypeOrder = [SortTypeEnum.desc, SortTypeEnum.asc, SortTypeEnum.all];\nconst tooltips = {\n  desc: '点击降序',\n  asc: '点击升序',\n  all: '点击取消排序', // 单个/多个排序，取消时，均使用all\n};\n\nconst SorterButton: FC<SorterButtonProps> = (props) => {\n  const { column: currentColumn, singleSort: currentSort, onChange } = props;\n  const { sortType = SortTypeEnum.all } = currentColumn;\n  const { classPrefix } = useContext(ConfigContext);\n  const [currentSortType, setCurrentSortType] = useState<SortType>(SortTypeEnum.all);\n  const isAllSortType = sortType === SortTypeEnum.all;\n  const nextSortType = getNextSortType(currentSortType);\n\n  /**\n   * 设置tooltip文案提示对应的key\n   */\n  function getNextSortType(currentSortType: SortType): SortType {\n    if (isAllSortType) {\n      const currentIndex = sortTypeOrder.indexOf(currentSortType);\n      const nextIndex = currentIndex === sortTypeOrder.length - 1 ? 0 : currentIndex + 1;\n      return sortTypeOrder[nextIndex];\n    }\n    return currentSortType === SortTypeEnum.all ? sortType : SortTypeEnum.all;\n  }\n\n  /**\n   * 设置单个排序图标元素，默认为TIconChevronDown\n   */\n  function renderIcon(direction: string, className: string) {\n    let style: Styles = {};\n    if (direction === SortTypeEnum.asc) {\n      style = {\n        transform: 'rotate(-180deg)',\n        top: '-1px',\n        ...style,\n      };\n    } else {\n      style.bottom = '-1px';\n    }\n    const sortClassName = classNames([\n      `${classPrefix}-table-sort-icon`,\n      className,\n      `${classPrefix}-table-sort-${direction}`,\n    ]);\n\n    return (\n      <div key={direction} style={style} className={sortClassName}>\n        <ChevronDownIcon size=\"16px\" />\n      </div>\n    );\n  }\n\n  /**\n   * 设置多个排序图标元素\n   */\n  function renderSortIcons() {\n    const allowSortTypes = [];\n    if (isAllSortType) {\n      allowSortTypes.push(SortTypeEnum.asc, SortTypeEnum.desc);\n    } else {\n      allowSortTypes.push(sortType);\n    }\n    const sortIcons = allowSortTypes.map((direction: string) => {\n      const className =\n        direction === currentSortType ? `${classPrefix}-table-sort-icon-active` : `${classPrefix}-icon-sort-default`;\n      return renderIcon(direction, className);\n    });\n    return sortIcons.length > 1 ? <div style={{ lineHeight: 0 }}>{sortIcons}</div> : sortIcons;\n  }\n\n  /**\n   * 点击排序图标\n   */\n  function handleSort() {\n    const currentSortTypeNew = nextSortType;\n    setCurrentSortType(currentSortTypeNew);\n    onChange(currentSort, currentSortTypeNew, currentColumn);\n  }\n\n  useEffect(() => {\n    let currentSortType = SortTypeEnum.all;\n    if (currentSort) {\n      currentSortType = currentSort.descending ? SortTypeEnum.desc : SortTypeEnum.asc;\n    }\n    setCurrentSortType(currentSortType);\n  }, [currentSort]);\n\n  return (\n    <div\n      className={classNames([\n        `${classPrefix}-table__cell--sort-trigger`,\n        { [`${classPrefix}-table-double-icons`]: true },\n      ])}\n      onClick={handleSort}\n    >\n      <Tooltip content={tooltips[nextSortType]} showArrow={false}>\n        {renderSortIcons()}\n      </Tooltip>\n    </div>\n  );\n};\n\nexport default SorterButton;\n"],"names":["SortTypeEnum","desc","asc","all","sortTypeOrder","tooltips","SorterButton","props","currentColumn","column","currentSort","singleSort","onChange","sortType","useContext","ConfigContext","classPrefix","useState","currentSortType","setCurrentSortType","isAllSortType","nextSortType","getNextSortType","currentSortType2","currentIndex","indexOf","nextIndex","length","direction","className","style","transform","top","bottom","sortClassName","classNames","key","ChevronDownIcon","size","allowSortTypes","push","sortIcons","map","renderIcon","lineHeight","currentSortTypeNew","descending","onClick","handleSort","Tooltip","content","showArrow","renderSortIcons"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAQaA,eAAgD;AAC3DC,EAAAA,MAAM,MADqD;AAE3DC,EAAAA,KAAK,KAFsD;AAG3DC,EAAAA,KAAK;AAHsD;AAY7D,IAAMC,gBAAgB,CAACJ,aAAaC,IAAd,EAAoBD,aAAaE,GAAjC,EAAsCF,aAAaG,GAAnD,CAAtB;AACA,IAAME,WAAW;AACfJ,EAAAA,MAAM,0BADS;AAEfC,EAAAA,KAAK,0BAFU;AAGfC,EAAAA,KAAK;AAHU,CAAjB;;IAMMG,eAAsC,SAAtCA,YAAsC,CAACC,KAAD,EAAW;MACrCC,gBAAqDD,MAA7DE;MAAmCC,cAA0BH,MAAtCI;MAAyBC,WAAaL,MAAbK;8BAChBJ,cAAhCK;MAAAA,8CAAWb,aAAaG;;oBACRW,WAAWC;MAA3BC,0BAAAA;;kBACsCC,SAAmBjB,aAAaG;;MAAvEe;MAAiBC;;MAClBC,gBAAgBP,aAAab,aAAaG;MAC1CkB,eAAeC,gBAAgBJ;;2BAKZK,kBAAqC;QACxDH,eAAe;UACXI,eAAepB,cAAcqB,OAAd,CAAsBF,gBAAtB;UACfG,YAAYF,iBAAiBpB,cAAcuB,MAAd,GAAuB,CAAxC,GAA4C,CAA5C,GAAgDH,eAAe;aAC1EpB,cAAcsB;;;WAEhBH,qBAAoBvB,aAAaG,GAAjC,GAAuCU,QAAvC,GAAkDb,aAAaG;;;sBAMpDyB,WAAmBC,WAAmB;QACpDC,QAAgB;;QAChBF,cAAc5B,aAAaE,KAAK;;AAEhC6B,QAAAA,WAAW;AACXC,QAAAA,KAAK;SACFF;WAEA;YACCG,SAAS;;;QAEXC,gBAAgBC,WAAW,WAC5BnB,WAD4B,uBAE/Ba,SAF+B,YAG5Bb,WAH4B,yBAGFY,SAHE;uDAO9B,OAAD;AAAKQ,MAAAA,KAAKR,SAAV;AAAqBE,MAAAA,OAAAA,KAArB;AAAmCD,MAAAA,WAAWK;AAA9C,mDACGG,iBAAD;AAAiBC,MAAAA,MAAK;AAAtB;;;6BAQqB;QACnBC,iBAAiB;;QACnBnB,eAAe;qBACFoB,KAAKxC,aAAaE,KAAKF,aAAaC;WAC9C;qBACUuC,KAAK3B;;;QAEhB4B,YAAYF,eAAeG,GAAf,CAAmB,UAACd,SAAD,EAAuB;UACpDC,YACJD,cAAcV,eAAd,aAAmCF,WAAnC,yCAA6EA,WAA7E;aACK2B,WAAWf,WAAWC;KAHb;WAKXY,UAAUd,MAAV,GAAmB,CAAnB,+CAAwB,OAAD;AAAKG,MAAAA,OAAO;AAAEc,QAAAA,YAAY;AAAd;AAAZ,OAAgCH,UAAvD,GAA0EA;;;wBAM7D;QACdI,qBAAqBxB;uBACRwB;aACVnC,aAAamC,oBAAoBrC;;;YAGlC,YAAM;QACVe,mBAAkBvB,aAAaG;;QAC/BO,aAAa;yBACGA,YAAYoC,UAAZ,GAAyB9C,aAAaC,IAAtC,GAA6CD,aAAaE;;;uBAE3DqB;KAClB,CAACb,WAAD;qDAGA,OAAD;AACEmB,IAAAA,WAAWM,WAAW,WACjBnB,WADiB,+DAEdA,WAFc,0BAEqB,IAFrB,GADxB;AAKE+B,IAAAA,SAASC;AALX,iDAOGC,SAAD;AAASC,IAAAA,SAAS7C,SAASgB,aAA3B;AAA0C8B,IAAAA,WAAW;AAArD,KACGC;;;;;"}
+{"version":3,"file":"SorterButton.js","sources":["../../../src/table/primary/SorterButton.tsx"],"sourcesContent":["import React, { FC, useState, useContext, useEffect } from 'react';\nimport classNames from 'classnames';\nimport { ChevronDownIcon } from 'tdesign-icons-react';\nimport { SortInfo, PrimaryTableCol, SortType } from '../type';\nimport { Styles } from '../../common';\nimport Tooltip from '../../tooltip';\nimport { ConfigContext } from '../../config-provider';\n\nexport const SortTypeEnum: { [key in SortType]: SortType } = {\n  desc: 'desc',\n  asc: 'asc',\n  all: 'all',\n};\ninterface SorterButtonProps {\n  column: PrimaryTableCol;\n  onChange: Function;\n  singleSort: SortInfo;\n}\n\n// 用于点击排序图标时tooltip的顺序显示标准\nconst sortTypeOrder = [SortTypeEnum.desc, SortTypeEnum.asc, SortTypeEnum.all];\nconst tooltips = {\n  desc: '点击降序',\n  asc: '点击升序',\n  all: '点击取消排序', // 单个/多个排序，取消时，均使用all\n};\n\nconst SorterButton: FC<SorterButtonProps> = (props) => {\n  const { column: currentColumn, singleSort: currentSort, onChange } = props;\n  const { sortType = SortTypeEnum.all } = currentColumn;\n  const { classPrefix } = useContext(ConfigContext);\n  const [currentSortType, setCurrentSortType] = useState<SortType>(SortTypeEnum.all);\n  const isAllSortType = sortType === SortTypeEnum.all;\n  const nextSortType = getNextSortType(currentSortType);\n\n  /**\n   * 设置tooltip文案提示对应的key\n   */\n  function getNextSortType(currentSortType: SortType): SortType {\n    if (isAllSortType) {\n      const currentIndex = sortTypeOrder.indexOf(currentSortType);\n      const nextIndex = currentIndex === sortTypeOrder.length - 1 ? 0 : currentIndex + 1;\n      return sortTypeOrder[nextIndex];\n    }\n    return currentSortType === SortTypeEnum.all ? sortType : SortTypeEnum.all;\n  }\n\n  /**\n   * 设置单个排序图标元素，默认为TIconChevronDown\n   */\n  function renderIcon(direction: string, className: string) {\n    let style: Styles = {};\n    if (direction === SortTypeEnum.asc) {\n      style = {\n        transform: 'rotate(-180deg)',\n        top: '-1px',\n        ...style,\n      };\n    } else {\n      style.bottom = '-1px';\n    }\n    const sortClassName = classNames([\n      `${classPrefix}-table__sort-icon`,\n      className,\n      `${classPrefix}-table__sort-${direction}`,\n    ]);\n\n    return (\n      <div key={direction} style={style} className={sortClassName}>\n        <ChevronDownIcon size=\"16px\" />\n      </div>\n    );\n  }\n\n  /**\n   * 设置多个排序图标元素\n   */\n  function renderSortIcons() {\n    const allowSortTypes = [];\n    if (isAllSortType) {\n      allowSortTypes.push(SortTypeEnum.asc, SortTypeEnum.desc);\n    } else {\n      allowSortTypes.push(sortType);\n    }\n    const sortIcons = allowSortTypes.map((direction: string) => {\n      const className =\n        direction === currentSortType ? `${classPrefix}-table__sort-icon--active` : `${classPrefix}-icon-sort-default`;\n      return renderIcon(direction, className);\n    });\n    return sortIcons.length > 1 ? <div style={{ lineHeight: 0 }}>{sortIcons}</div> : sortIcons;\n  }\n\n  /**\n   * 点击排序图标\n   */\n  function handleSort() {\n    const currentSortTypeNew = nextSortType;\n    setCurrentSortType(currentSortTypeNew);\n    onChange(currentSort, currentSortTypeNew, currentColumn);\n  }\n\n  useEffect(() => {\n    let currentSortType = SortTypeEnum.all;\n    if (currentSort) {\n      currentSortType = currentSort.descending ? SortTypeEnum.desc : SortTypeEnum.asc;\n    }\n    setCurrentSortType(currentSortType);\n  }, [currentSort]);\n\n  return (\n    <div\n      className={classNames([\n        `${classPrefix}-table__cell--sort-trigger`,\n        { [`${classPrefix}-table__double-icons`]: true },\n      ])}\n      onClick={handleSort}\n    >\n      <Tooltip content={tooltips[nextSortType]} showArrow={false}>\n        {renderSortIcons()}\n      </Tooltip>\n    </div>\n  );\n};\n\nexport default SorterButton;\n"],"names":["SortTypeEnum","desc","asc","all","sortTypeOrder","tooltips","SorterButton","props","currentColumn","column","currentSort","singleSort","onChange","sortType","useContext","ConfigContext","classPrefix","useState","currentSortType","setCurrentSortType","isAllSortType","nextSortType","getNextSortType","currentSortType2","currentIndex","indexOf","nextIndex","length","direction","className","style","transform","top","bottom","sortClassName","classNames","key","ChevronDownIcon","size","allowSortTypes","push","sortIcons","map","renderIcon","lineHeight","currentSortTypeNew","descending","onClick","handleSort","Tooltip","content","showArrow","renderSortIcons"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAQaA,eAAgD;AAC3DC,EAAAA,MAAM,MADqD;AAE3DC,EAAAA,KAAK,KAFsD;AAG3DC,EAAAA,KAAK;AAHsD;AAY7D,IAAMC,gBAAgB,CAACJ,aAAaC,IAAd,EAAoBD,aAAaE,GAAjC,EAAsCF,aAAaG,GAAnD,CAAtB;AACA,IAAME,WAAW;AACfJ,EAAAA,MAAM,0BADS;AAEfC,EAAAA,KAAK,0BAFU;AAGfC,EAAAA,KAAK;AAHU,CAAjB;;IAMMG,eAAsC,SAAtCA,YAAsC,CAACC,KAAD,EAAW;MACrCC,gBAAqDD,MAA7DE;MAAmCC,cAA0BH,MAAtCI;MAAyBC,WAAaL,MAAbK;8BAChBJ,cAAhCK;MAAAA,8CAAWb,aAAaG;;oBACRW,WAAWC;MAA3BC,0BAAAA;;kBACsCC,SAAmBjB,aAAaG;;MAAvEe;MAAiBC;;MAClBC,gBAAgBP,aAAab,aAAaG;MAC1CkB,eAAeC,gBAAgBJ;;2BAKZK,kBAAqC;QACxDH,eAAe;UACXI,eAAepB,cAAcqB,OAAd,CAAsBF,gBAAtB;UACfG,YAAYF,iBAAiBpB,cAAcuB,MAAd,GAAuB,CAAxC,GAA4C,CAA5C,GAAgDH,eAAe;aAC1EpB,cAAcsB;;;WAEhBH,qBAAoBvB,aAAaG,GAAjC,GAAuCU,QAAvC,GAAkDb,aAAaG;;;sBAMpDyB,WAAmBC,WAAmB;QACpDC,QAAgB;;QAChBF,cAAc5B,aAAaE,KAAK;;AAEhC6B,QAAAA,WAAW;AACXC,QAAAA,KAAK;SACFF;WAEA;YACCG,SAAS;;;QAEXC,gBAAgBC,WAAW,WAC5BnB,WAD4B,wBAE/Ba,SAF+B,YAG5Bb,WAH4B,0BAGDY,SAHC;uDAO9B,OAAD;AAAKQ,MAAAA,KAAKR,SAAV;AAAqBE,MAAAA,OAAAA,KAArB;AAAmCD,MAAAA,WAAWK;AAA9C,mDACGG,iBAAD;AAAiBC,MAAAA,MAAK;AAAtB;;;6BAQqB;QACnBC,iBAAiB;;QACnBnB,eAAe;qBACFoB,KAAKxC,aAAaE,KAAKF,aAAaC;WAC9C;qBACUuC,KAAK3B;;;QAEhB4B,YAAYF,eAAeG,GAAf,CAAmB,UAACd,SAAD,EAAuB;UACpDC,YACJD,cAAcV,eAAd,aAAmCF,WAAnC,2CAA+EA,WAA/E;aACK2B,WAAWf,WAAWC;KAHb;WAKXY,UAAUd,MAAV,GAAmB,CAAnB,+CAAwB,OAAD;AAAKG,MAAAA,OAAO;AAAEc,QAAAA,YAAY;AAAd;AAAZ,OAAgCH,UAAvD,GAA0EA;;;wBAM7D;QACdI,qBAAqBxB;uBACRwB;aACVnC,aAAamC,oBAAoBrC;;;YAGlC,YAAM;QACVe,mBAAkBvB,aAAaG;;QAC/BO,aAAa;yBACGA,YAAYoC,UAAZ,GAAyB9C,aAAaC,IAAtC,GAA6CD,aAAaE;;;uBAE3DqB;KAClB,CAACb,WAAD;qDAGA,OAAD;AACEmB,IAAAA,WAAWM,WAAW,WACjBnB,WADiB,+DAEdA,WAFc,2BAEsB,IAFtB,GADxB;AAKE+B,IAAAA,SAASC;AALX,iDAOGC,SAAD;AAASC,IAAAA,SAAS7C,SAASgB,aAA3B;AAA0C8B,IAAAA,WAAW;AAArD,KACGC;;;;;"}