tdesign-react 0.17.0-beta.0 → 0.18.1

package/es/table/primary/FilterButton.js

@@ -1,15 +1,15 @@
 /**
- * tdesign v0.17.0-beta.0
+ * tdesign v0.18.1
  * (c) 2021 tdesign
  * @license MIT
  */
 
-import { _ as _defineProperty } from '../../_chunks/dep-a0803fb6.js';
-import { _ as _slicedToArray } from '../../_chunks/dep-bd3f1446.js';
+import { _ as _defineProperty } from '../../_chunks/dep-b05711f1.js';
+import { _ as _slicedToArray } from '../../_chunks/dep-24340815.js';
 import React__default, { useContext, useState, useEffect } from 'react';
 import classNames from 'classnames';
-import { i as isFunction_1 } from '../../_chunks/dep-9e89d07e.js';
-import { i as isString_1 } from '../../_chunks/dep-31190e87.js';
+import { i as isFunction_1 } from '../../_chunks/dep-53a5fcb7.js';
+import { i as isString_1 } from '../../_chunks/dep-8bc12c0f.js';
 import { FilterIcon } from 'tdesign-icons-react';
 import { Popup } from '../../popup/index.js';
 import { Radio } from '../../radio/index.js';
@@ -17,15 +17,15 @@ 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-7562bb74.js';
-import '../../_chunks/dep-f10228f2.js';
-import '../../_chunks/dep-fbff26c5.js';
-import '../../_chunks/dep-124a41a4.js';
-import '../../_chunks/dep-d5cf8459.js';
-import '../../_chunks/dep-caea8b6e.js';
-import '../../_chunks/dep-2a177d24.js';
-import '../../_chunks/dep-3e26b918.js';
-import '../../_chunks/dep-3146ebd9.js';
+import '../../_chunks/dep-d056abc2.js';
+import '../../_chunks/dep-9052d175.js';
+import '../../_chunks/dep-2f74dba2.js';
+import '../../_chunks/dep-45dee455.js';
+import '../../_chunks/dep-b78554de.js';
+import '../../_chunks/dep-c7c70ac0.js';
+import '../../_chunks/dep-776ae9a7.js';
+import '../../_chunks/dep-66287469.js';
+import '../../_chunks/dep-7e897399.js';
 import '../../popup/Popup.js';
 import 'react-popper';
 import '../../_util/useDefault.js';
@@ -39,17 +39,21 @@ import 'react-dom';
 import '../../popup/useTriggerProps.js';
 import '../../_util/useClickOutside.js';
 import './style/css.js';
-import '../../_chunks/dep-3ee594ef.js';
+import '../../_type/components/popup/index.js';
+import '../../_chunks/dep-96dea3bb.js';
 import '../../_util/forwardRefWithStatics.js';
 import 'hoist-non-react-statics';
 import '../../common/Check.js';
-import '../../_chunks/dep-208842c6.js';
+import '../../_chunks/dep-79c7181c.js';
+import '../../_type/components/radio/index.js';
 import '../../checkbox/Checkbox.js';
 import '../../checkbox/CheckboxGroup.js';
-import '../../_chunks/dep-bf742b46.js';
+import '../../_chunks/dep-cbd5adc9.js';
+import '../../_type/components/checkbox/index.js';
 import '../../input/Input.js';
 import '../../input/InputGroup.js';
 import '../../_util/useDefaultValue.js';
+import '../../_type/components/input/index.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; }

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

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/components/table';\nimport { Styles } from '../../_type/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/components/table';\nimport { Styles } from '../../_type/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;;;;;"}

package/es/table/primary/Table.js

@@ -1,28 +1,28 @@
 /**
- * tdesign v0.17.0-beta.0
+ * tdesign v0.18.1
  * (c) 2021 tdesign
  * @license MIT
  */
 
-import { _ as _defineProperty } from '../../_chunks/dep-a0803fb6.js';
-import { _ as _slicedToArray } from '../../_chunks/dep-bd3f1446.js';
+import { _ as _defineProperty } from '../../_chunks/dep-b05711f1.js';
+import { _ as _slicedToArray } from '../../_chunks/dep-24340815.js';
 import React__default from 'react';
 import BaseTable from '../base/Table.js';
 import useSorter from './useSorter.js';
 import useFilter from './useFilter.js';
 import useSelect from './useSelect.js';
 import useExpand from './useExpand.js';
-import '../../_chunks/dep-7562bb74.js';
+import '../../_chunks/dep-d056abc2.js';
 import 'classnames';
-import '../../_chunks/dep-f10228f2.js';
-import '../../_chunks/dep-839ac7fc.js';
-import '../../_chunks/dep-d5cf8459.js';
-import '../../_chunks/dep-124a41a4.js';
-import '../../_chunks/dep-caea8b6e.js';
-import '../../_chunks/dep-fbff26c5.js';
-import '../../_chunks/dep-ec9dc0d4.js';
-import '../../_chunks/dep-d420d2e8.js';
-import '../../_chunks/dep-3146ebd9.js';
+import '../../_chunks/dep-9052d175.js';
+import '../../_chunks/dep-9a4e0e54.js';
+import '../../_chunks/dep-b78554de.js';
+import '../../_chunks/dep-45dee455.js';
+import '../../_chunks/dep-c7c70ac0.js';
+import '../../_chunks/dep-2f74dba2.js';
+import '../../_chunks/dep-eb51ffd0.js';
+import '../../_chunks/dep-0a958aee.js';
+import '../../_chunks/dep-7e897399.js';
 import '../../_util/useUpdateEffect.js';
 import '../../_util/useConfig.js';
 import '../../config-provider/ConfigContext.js';
@@ -38,20 +38,21 @@ import 'lodash';
 import '../../locale/LocalReceiver.js';
 import '../../config-provider/index.js';
 import '../../config-provider/ConfigProvider.js';
-import '../../_chunks/dep-208842c6.js';
+import '../../_chunks/dep-79c7181c.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-0859ba52.js';
+import '../../_chunks/dep-222f3011.js';
 import '../../select/base/OptionGroup.js';
 import '../../common/FakeArrow.js';
 import '../../input/index.js';
 import '../../input/Input.js';
-import '../../_chunks/dep-9e89d07e.js';
+import '../../_chunks/dep-53a5fcb7.js';
 import '../../input/InputGroup.js';
 import './style/css.js';
+import '../../_type/components/input/index.js';
 import '../../popup/index.js';
 import '../../popup/Popup.js';
 import 'react-popper';
@@ -60,18 +61,22 @@ import '../../popup/Portal.js';
 import 'react-dom';
 import '../../popup/useTriggerProps.js';
 import '../../_util/useClickOutside.js';
+import '../../_type/components/popup/index.js';
 import '../../tag/index.js';
 import '../../tag/Tag.js';
 import '../../tag/CheckTag.js';
+import '../../_type/components/tag/index.js';
 import '../../select/base/Option.js';
-import '../../_chunks/dep-bf742b46.js';
-import '../../_chunks/dep-31190e87.js';
-import '../../_chunks/dep-2a177d24.js';
-import '../../_chunks/dep-3e26b918.js';
+import '../../_chunks/dep-cbd5adc9.js';
+import '../../_chunks/dep-8bc12c0f.js';
+import '../../_chunks/dep-776ae9a7.js';
+import '../../_chunks/dep-66287469.js';
 import '../../_util/useRipple.js';
 import '../../_util/setStyle.js';
 import '../../select/base/PopupContent.js';
+import '../../_type/components/select/index.js';
 import '../../pagination/validators.js';
+import '../../_type/components/pagination/index.js';
 import '../hooks/useColumns.js';
 import '../util/index.js';
 import '../base/TableEmptyBody.js';
@@ -79,12 +84,12 @@ import '../base/TableHeader.js';
 import '../base/TableCell.js';
 import '../base/TableContext.js';
 import '../base/TableBody.js';
-import '../../_chunks/dep-537b0b45.js';
-import '../../_chunks/dep-7ff0c58a.js';
-import '../../_chunks/dep-18aceb94.js';
-import '../../_chunks/dep-77c01d8f.js';
-import '../../_chunks/dep-7dd0fd27.js';
-import '../../_chunks/dep-00f34490.js';
+import '../../_chunks/dep-2fdea8b5.js';
+import '../../_chunks/dep-cd8b9911.js';
+import '../../_chunks/dep-ac24e8fd.js';
+import '../../_chunks/dep-c4d6268b.js';
+import '../../_chunks/dep-9c3437dc.js';
+import '../../_chunks/dep-f18dfb6c.js';
 import '../base/TableRow.js';
 import '../base/TableLoadingBody.js';
 import '../base/TableAsyncLoadingBody.js';
@@ -94,18 +99,23 @@ import '../../_util/dom.js';
 import 'raf';
 import '../../_util/easing.js';
 import '../../common/Portal.js';
+import '../../_chunks/dep-6d4c74ed.js';
+import '../../_type/components/loading/index.js';
 import '../base/TableColGroup.js';
 import '../base/TableFooter.js';
 import './SorterButton.js';
 import '../../tooltip/index.js';
 import '../../tooltip/Tooltip.js';
+import '../../_type/components/tooltip/index.js';
 import './FilterButton.js';
 import '../../radio/index.js';
-import '../../_chunks/dep-3ee594ef.js';
+import '../../_chunks/dep-96dea3bb.js';
 import '../../common/Check.js';
+import '../../_type/components/radio/index.js';
 import '../../checkbox/index.js';
 import '../../checkbox/Checkbox.js';
 import '../../checkbox/CheckboxGroup.js';
+import '../../_type/components/checkbox/index.js';
 import './expand-box.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; }

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

@@ -1 +1 @@
-{"version":3,"file":"Table.js","sources":["../../../src/table/primary/Table.tsx"],"sourcesContent":["import React from 'react';\nimport { TdPrimaryTableProps } from '../../_type/components/table';\nimport BaseTable from '../base/Table';\nimport useSorter from './useSorter';\nimport useFilter from './useFilter';\nimport useSelect from './useSelect';\nimport useExpand from './useExpand';\n\nexport type PrimaryTableProps = TdPrimaryTableProps;\n\nexport default function PrimaryTable(props: PrimaryTableProps) {\n  const [sorterColumns, sortData] = useSorter(props);\n  const [filterColumns, filterData] = useFilter({ ...props, columns: sorterColumns, data: sortData });\n  const [selectColumns] = useSelect({ ...props, columns: filterColumns, data: filterData });\n  const [expandColumns, handleExpandChange, renderExpandRow] = useExpand({\n    ...props,\n    columns: selectColumns,\n    data: filterData,\n  });\n\n  // 添加其他附加功能\n  const mergeColumns = expandColumns;\n  const mergedData = filterData;\n\n  return (\n    <BaseTable\n      {...props}\n      columns={mergeColumns}\n      data={mergedData}\n      onTrClick={handleExpandChange}\n      renderExpandRow={renderExpandRow}\n    />\n  );\n}\n"],"names":["props","useSorter","sorterColumns","sortData","useFilter","columns","data","filterColumns","filterData","useSelect","selectColumns","useExpand","expandColumns","handleExpandChange","renderExpandRow","mergeColumns","mergedData","BaseTable","onTrClick"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sBAUqCA,OAA0B;mBAC3BC,UAAUD;;MAArCE;MAAeC;;mBACcC,0CAAeJ;AAAOK,IAAAA,SAASH;AAAeI,IAAAA,MAAMH;;;MAAjFI;MAAeC;;mBACEC,0CAAeT;AAAOK,IAAAA,SAASE;AAAeD,IAAAA,MAAME;;;MAArEE;;mBACsDC,0CACxDX;AACHK,IAAAA,SAASK;AACTJ,IAAAA,MAAME;;;MAHDI;MAAeC;MAAoBC;;MAOpCC,eAAeH;MACfI,aAAaR;qDAGhBS,2CACKjB;AACJK,IAAAA,SAASU;AACTT,IAAAA,MAAMU;AACNE,IAAAA,WAAWL;AACXC,IAAAA,iBAAAA;;;;;;"}
+{"version":3,"file":"Table.js","sources":["../../../src/table/primary/Table.tsx"],"sourcesContent":["import React from 'react';\nimport { TdPrimaryTableProps } from '../../_type/components/table';\nimport BaseTable from '../base/Table';\nimport useSorter from './useSorter';\nimport useFilter from './useFilter';\nimport useSelect from './useSelect';\nimport useExpand from './useExpand';\n\nexport type PrimaryTableProps = TdPrimaryTableProps;\n\nexport default function PrimaryTable(props: PrimaryTableProps) {\n  const [sorterColumns, sortData] = useSorter(props);\n  const [filterColumns, filterData] = useFilter({ ...props, columns: sorterColumns, data: sortData });\n  const [selectColumns] = useSelect({ ...props, columns: filterColumns, data: filterData });\n  const [expandColumns, handleExpandChange, renderExpandRow] = useExpand({\n    ...props,\n    columns: selectColumns,\n    data: filterData,\n  });\n\n  // 添加其他附加功能\n  const mergeColumns = expandColumns;\n  const mergedData = filterData;\n\n  return (\n    <BaseTable\n      {...props}\n      columns={mergeColumns}\n      data={mergedData}\n      onTrClick={handleExpandChange}\n      renderExpandRow={renderExpandRow}\n    />\n  );\n}\n"],"names":["props","useSorter","sorterColumns","sortData","useFilter","columns","data","filterColumns","filterData","useSelect","selectColumns","useExpand","expandColumns","handleExpandChange","renderExpandRow","mergeColumns","mergedData","BaseTable","onTrClick"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sBAUqCA,OAA0B;mBAC3BC,UAAUD;;MAArCE;MAAeC;;mBACcC,0CAAeJ;AAAOK,IAAAA,SAASH;AAAeI,IAAAA,MAAMH;;;MAAjFI;MAAeC;;mBACEC,0CAAeT;AAAOK,IAAAA,SAASE;AAAeD,IAAAA,MAAME;;;MAArEE;;mBACsDC,0CACxDX;AACHK,IAAAA,SAASK;AACTJ,IAAAA,MAAME;;;MAHDI;MAAeC;MAAoBC;;MAOpCC,eAAeH;MACfI,aAAaR;qDAGhBS,2CACKjB;AACJK,IAAAA,SAASU;AACTT,IAAAA,MAAMU;AACNE,IAAAA,WAAWL;AACXC,IAAAA,iBAAAA;;;;;;"}

package/es/table/primary/expand-box.js

@@ -1,16 +1,16 @@
 /**
- * tdesign v0.17.0-beta.0
+ * tdesign v0.18.1
  * (c) 2021 tdesign
  * @license MIT
  */
 
-import { _ as _defineProperty } from '../../_chunks/dep-a0803fb6.js';
+import { _ as _defineProperty } from '../../_chunks/dep-b05711f1.js';
 import React__default, { useContext } from 'react';
 import { ChevronDownCircleIcon } from 'tdesign-icons-react';
 import '../../config-provider/index.js';
 import ConfigContext from '../../config-provider/ConfigContext.js';
 import '../../config-provider/ConfigProvider.js';
-import '../../_chunks/dep-208842c6.js';
+import '../../_chunks/dep-79c7181c.js';
 import '../../locale/zh_CN.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; }

package/es/table/primary/style/index.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.17.0-beta.0
+ * tdesign v0.18.1
  * (c) 2021 tdesign
  * @license MIT
  */

package/es/table/primary/useExpand.js

@@ -1,35 +1,35 @@
 /**
- * tdesign v0.17.0-beta.0
+ * tdesign v0.18.1
  * (c) 2021 tdesign
  * @license MIT
  */
 
-import { _ as _toConsumableArray } from '../../_chunks/dep-0859ba52.js';
-import { _ as _slicedToArray } from '../../_chunks/dep-bd3f1446.js';
+import { _ as _toConsumableArray } from '../../_chunks/dep-222f3011.js';
+import { _ as _slicedToArray } from '../../_chunks/dep-24340815.js';
 import React__default, { useContext, useState, useEffect } from 'react';
-import { g as get_1 } from '../../_chunks/dep-537b0b45.js';
+import { g as get_1 } from '../../_chunks/dep-2fdea8b5.js';
 import '../../config-provider/index.js';
 import ExpandButton from './expand-box.js';
 import ConfigContext from '../../config-provider/ConfigContext.js';
-import '../../_chunks/dep-7562bb74.js';
-import '../../_chunks/dep-f10228f2.js';
-import '../../_chunks/dep-7ff0c58a.js';
-import '../../_chunks/dep-2a177d24.js';
-import '../../_chunks/dep-3e26b918.js';
-import '../../_chunks/dep-124a41a4.js';
-import '../../_chunks/dep-d420d2e8.js';
-import '../../_chunks/dep-fbff26c5.js';
-import '../../_chunks/dep-3146ebd9.js';
-import '../../_chunks/dep-18aceb94.js';
-import '../../_chunks/dep-9e89d07e.js';
-import '../../_chunks/dep-d5cf8459.js';
-import '../../_chunks/dep-caea8b6e.js';
-import '../../_chunks/dep-77c01d8f.js';
-import '../../_chunks/dep-7dd0fd27.js';
-import '../../_chunks/dep-00f34490.js';
+import '../../_chunks/dep-d056abc2.js';
+import '../../_chunks/dep-9052d175.js';
+import '../../_chunks/dep-cd8b9911.js';
+import '../../_chunks/dep-776ae9a7.js';
+import '../../_chunks/dep-66287469.js';
+import '../../_chunks/dep-45dee455.js';
+import '../../_chunks/dep-0a958aee.js';
+import '../../_chunks/dep-2f74dba2.js';
+import '../../_chunks/dep-7e897399.js';
+import '../../_chunks/dep-ac24e8fd.js';
+import '../../_chunks/dep-53a5fcb7.js';
+import '../../_chunks/dep-b78554de.js';
+import '../../_chunks/dep-c7c70ac0.js';
+import '../../_chunks/dep-c4d6268b.js';
+import '../../_chunks/dep-9c3437dc.js';
+import '../../_chunks/dep-f18dfb6c.js';
 import '../../config-provider/ConfigProvider.js';
-import '../../_chunks/dep-a0803fb6.js';
-import '../../_chunks/dep-208842c6.js';
+import '../../_chunks/dep-b05711f1.js';
+import '../../_chunks/dep-79c7181c.js';
 import '../../locale/zh_CN.js';
 import 'tdesign-icons-react';
 

package/es/table/primary/useFilter.js

@@ -1,25 +1,25 @@
 /**
- * tdesign v0.17.0-beta.0
+ * tdesign v0.18.1
  * (c) 2021 tdesign
  * @license MIT
  */
 
-import { _ as _defineProperty } from '../../_chunks/dep-a0803fb6.js';
-import { _ as _slicedToArray } from '../../_chunks/dep-bd3f1446.js';
+import { _ as _defineProperty } from '../../_chunks/dep-b05711f1.js';
+import { _ as _slicedToArray } from '../../_chunks/dep-24340815.js';
 import { useState, useEffect, useMemo } from 'react';
 import FilterButton from './FilterButton.js';
-import '../../_chunks/dep-7562bb74.js';
+import '../../_chunks/dep-d056abc2.js';
 import 'classnames';
-import '../../_chunks/dep-9e89d07e.js';
-import '../../_chunks/dep-f10228f2.js';
-import '../../_chunks/dep-fbff26c5.js';
-import '../../_chunks/dep-124a41a4.js';
-import '../../_chunks/dep-d5cf8459.js';
-import '../../_chunks/dep-caea8b6e.js';
-import '../../_chunks/dep-31190e87.js';
-import '../../_chunks/dep-2a177d24.js';
-import '../../_chunks/dep-3e26b918.js';
-import '../../_chunks/dep-3146ebd9.js';
+import '../../_chunks/dep-53a5fcb7.js';
+import '../../_chunks/dep-9052d175.js';
+import '../../_chunks/dep-2f74dba2.js';
+import '../../_chunks/dep-45dee455.js';
+import '../../_chunks/dep-b78554de.js';
+import '../../_chunks/dep-c7c70ac0.js';
+import '../../_chunks/dep-8bc12c0f.js';
+import '../../_chunks/dep-776ae9a7.js';
+import '../../_chunks/dep-66287469.js';
+import '../../_chunks/dep-7e897399.js';
 import 'tdesign-icons-react';
 import '../../popup/index.js';
 import '../../popup/Popup.js';
@@ -36,20 +36,24 @@ import 'react-dom';
 import '../../popup/useTriggerProps.js';
 import '../../_util/useClickOutside.js';
 import './style/css.js';
+import '../../_type/components/popup/index.js';
 import '../../radio/index.js';
-import '../../_chunks/dep-3ee594ef.js';
+import '../../_chunks/dep-96dea3bb.js';
 import '../../_util/forwardRefWithStatics.js';
 import 'hoist-non-react-statics';
 import '../../common/Check.js';
-import '../../_chunks/dep-208842c6.js';
+import '../../_chunks/dep-79c7181c.js';
+import '../../_type/components/radio/index.js';
 import '../../checkbox/index.js';
 import '../../checkbox/Checkbox.js';
 import '../../checkbox/CheckboxGroup.js';
-import '../../_chunks/dep-bf742b46.js';
+import '../../_chunks/dep-cbd5adc9.js';
+import '../../_type/components/checkbox/index.js';
 import '../../input/index.js';
 import '../../input/Input.js';
 import '../../input/InputGroup.js';
 import '../../_util/useDefaultValue.js';
+import '../../_type/components/input/index.js';
 import '../../config-provider/index.js';
 import '../../config-provider/ConfigProvider.js';
 

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

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

package/es/table/primary/useSelect.js

@@ -1,27 +1,27 @@
 /**
- * tdesign v0.17.0-beta.0
+ * tdesign v0.18.1
  * (c) 2021 tdesign
  * @license MIT
  */
 
-import { _ as _toConsumableArray } from '../../_chunks/dep-0859ba52.js';
-import { _ as _defineProperty } from '../../_chunks/dep-a0803fb6.js';
-import { _ as _slicedToArray } from '../../_chunks/dep-bd3f1446.js';
+import { _ as _toConsumableArray } from '../../_chunks/dep-222f3011.js';
+import { _ as _defineProperty } from '../../_chunks/dep-b05711f1.js';
+import { _ as _slicedToArray } from '../../_chunks/dep-24340815.js';
 import React__default, { useContext, useState, useEffect } from 'react';
 import classNames from 'classnames';
-import { i as isFunction_1 } from '../../_chunks/dep-9e89d07e.js';
+import { i as isFunction_1 } from '../../_chunks/dep-53a5fcb7.js';
 import '../../config-provider/index.js';
 import { Checkbox } from '../../checkbox/index.js';
 import { Radio } from '../../radio/index.js';
 import ConfigContext from '../../config-provider/ConfigContext.js';
-import '../../_chunks/dep-7562bb74.js';
-import '../../_chunks/dep-f10228f2.js';
-import '../../_chunks/dep-fbff26c5.js';
-import '../../_chunks/dep-124a41a4.js';
-import '../../_chunks/dep-d5cf8459.js';
-import '../../_chunks/dep-caea8b6e.js';
+import '../../_chunks/dep-d056abc2.js';
+import '../../_chunks/dep-9052d175.js';
+import '../../_chunks/dep-2f74dba2.js';
+import '../../_chunks/dep-45dee455.js';
+import '../../_chunks/dep-b78554de.js';
+import '../../_chunks/dep-c7c70ac0.js';
 import '../../config-provider/ConfigProvider.js';
-import '../../_chunks/dep-208842c6.js';
+import '../../_chunks/dep-79c7181c.js';
 import '../../locale/zh_CN.js';
 import '../../checkbox/Checkbox.js';
 import '../../_util/forwardRefWithStatics.js';
@@ -31,10 +31,12 @@ import '../../_util/useConfig.js';
 import '../../_util/useDefault.js';
 import '../../_util/noop.js';
 import '../../checkbox/CheckboxGroup.js';
-import '../../_chunks/dep-bf742b46.js';
-import '../../_chunks/dep-3146ebd9.js';
+import '../../_chunks/dep-cbd5adc9.js';
+import '../../_chunks/dep-7e897399.js';
 import './style/css.js';
-import '../../_chunks/dep-3ee594ef.js';
+import '../../_type/components/checkbox/index.js';
+import '../../_chunks/dep-96dea3bb.js';
+import '../../_type/components/radio/index.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; }