tdesign-react 0.18.1 → 0.18.2

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

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

package/es/table/primary/useSorter.js

@@ -1,35 +1,35 @@
 /**
- * tdesign v0.18.1
+ * tdesign v0.18.2
  * (c) 2021 tdesign
  * @license MIT
  */
 
-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 { _ as _toConsumableArray } from '../../_chunks/dep-2eeaa58b.js';
+import { _ as _defineProperty } from '../../_chunks/dep-efe7433b.js';
+import { _ as _slicedToArray } from '../../_chunks/dep-2f008905.js';
 import React__default, { useContext, useState, useMemo, useEffect } from 'react';
-import { g as get_1 } from '../../_chunks/dep-2fdea8b5.js';
+import { g as get_1 } from '../../_chunks/dep-b6158110.js';
 import '../../config-provider/index.js';
 import SorterButton, { SortTypeEnum } from './SorterButton.js';
 import ConfigContext from '../../config-provider/ConfigContext.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 '../../_chunks/dep-6a5b1968.js';
+import '../../_chunks/dep-cb80da27.js';
+import '../../_chunks/dep-744f52b3.js';
+import '../../_chunks/dep-9ad4f4b7.js';
+import '../../_chunks/dep-4e491803.js';
+import '../../_chunks/dep-1189939f.js';
+import '../../_chunks/dep-9d2e7b62.js';
+import '../../_chunks/dep-b6ff8559.js';
+import '../../_chunks/dep-f3eac264.js';
+import '../../_chunks/dep-e83a1558.js';
+import '../../_chunks/dep-83646039.js';
+import '../../_chunks/dep-504203df.js';
+import '../../_chunks/dep-74a044dc.js';
+import '../../_chunks/dep-47afb0bc.js';
+import '../../_chunks/dep-ed9505a3.js';
+import '../../_chunks/dep-43869d17.js';
 import '../../config-provider/ConfigProvider.js';
-import '../../_chunks/dep-79c7181c.js';
+import '../../_chunks/dep-016d27a7.js';
 import '../../locale/zh_CN.js';
 import 'classnames';
 import 'tdesign-icons-react';

package/es/table/style/index.css

@@ -18,58 +18,58 @@
 }
 :root,
 :root[theme-mode="light"] {
-  --td-brand-color-1: #ECF2FE;
-  --td-brand-color-2: #D4E3FC;
-  --td-brand-color-3: #BBD3FB;
-  --td-brand-color-4: #96BBF8;
-  --td-brand-color-5: #699EF5;
-  --td-brand-color-6: #4787F0;
-  --td-brand-color-7: #266FE8;
-  --td-brand-color-8: #0052D9;
-  --td-brand-color-9: #0034B5;
-  --td-brand-color-10: #001F97;
-  --td-warning-color-1: #FEF3E6;
-  --td-warning-color-2: #F9E0C7;
-  --td-warning-color-3: #F7C797;
-  --td-warning-color-4: #F2995F;
-  --td-warning-color-5: #ED7B2F;
-  --td-warning-color-6: #D35A21;
-  --td-warning-color-7: #BA431B;
-  --td-warning-color-8: #9E3610;
-  --td-warning-color-9: #842B0B;
-  --td-warning-color-10: #5A1907;
-  --td-error-color-1: #FDECEE;
-  --td-error-color-2: #F9D7D9;
-  --td-error-color-3: #F8B9BE;
-  --td-error-color-4: #F78D94;
-  --td-error-color-5: #F36D78;
-  --td-error-color-6: #E34D59;
-  --td-error-color-7: #C9353F;
-  --td-error-color-8: #B11F26;
+  --td-brand-color-1: #ecf2fe;
+  --td-brand-color-2: #d4e3fc;
+  --td-brand-color-3: #bbd3fb;
+  --td-brand-color-4: #96bbf8;
+  --td-brand-color-5: #699ef5;
+  --td-brand-color-6: #4787f0;
+  --td-brand-color-7: #266fe8;
+  --td-brand-color-8: #0052d9;
+  --td-brand-color-9: #0034b5;
+  --td-brand-color-10: #001f97;
+  --td-warning-color-1: #fef3e6;
+  --td-warning-color-2: #f9e0c7;
+  --td-warning-color-3: #f7c797;
+  --td-warning-color-4: #f2995f;
+  --td-warning-color-5: #ed7b2f;
+  --td-warning-color-6: #d35a21;
+  --td-warning-color-7: #ba431b;
+  --td-warning-color-8: #9e3610;
+  --td-warning-color-9: #842b0b;
+  --td-warning-color-10: #5a1907;
+  --td-error-color-1: #fdecee;
+  --td-error-color-2: #f9d7d9;
+  --td-error-color-3: #f8b9be;
+  --td-error-color-4: #f78d94;
+  --td-error-color-5: #f36d78;
+  --td-error-color-6: #e34d59;
+  --td-error-color-7: #c9353f;
+  --td-error-color-8: #b11f26;
   --td-error-color-9: #951114;
   --td-error-color-10: #680506;
-  --td-success-color-1: #E8F8F2;
-  --td-success-color-2: #BCEBDC;
-  --td-success-color-3: #85DBBE;
-  --td-success-color-4: #48C79C;
-  --td-success-color-5: #00A870;
-  --td-success-color-6: #078D5C;
+  --td-success-color-1: #e8f8f2;
+  --td-success-color-2: #bcebdc;
+  --td-success-color-3: #85dbbe;
+  --td-success-color-4: #48c79c;
+  --td-success-color-5: #00a870;
+  --td-success-color-6: #078d5c;
   --td-success-color-7: #067945;
   --td-success-color-8: #056334;
-  --td-success-color-9: #044F2A;
+  --td-success-color-9: #044f2a;
   --td-success-color-10: #033017;
-  --td-gray-color-1: #F3F3F3;
-  --td-gray-color-2: #EEEEEE;
-  --td-gray-color-3: #E7E7E7;
-  --td-gray-color-4: #DCDCDC;
-  --td-gray-color-5: #C5C5C5;
-  --td-gray-color-6: #A6A6A6;
-  --td-gray-color-7: #8B8B8B;
-  --td-gray-color-8: #777777;
-  --td-gray-color-9: #5E5E5E;
-  --td-gray-color-10: #4B4B4B;
+  --td-gray-color-1: #f3f3f3;
+  --td-gray-color-2: #eee;
+  --td-gray-color-3: #e7e7e7;
+  --td-gray-color-4: #dcdcdc;
+  --td-gray-color-5: #c5c5c5;
+  --td-gray-color-6: #a6a6a6;
+  --td-gray-color-7: #8b8b8b;
+  --td-gray-color-8: #777;
+  --td-gray-color-9: #5e5e5e;
+  --td-gray-color-10: #4b4b4b;
   --td-gray-color-11: #383838;
-  --td-gray-color-12: #2C2C2C;
+  --td-gray-color-12: #2c2c2c;
   --td-gray-color-13: #242424;
   --td-gray-color-14: #181818;
   --td-font-white-1: #ffffff;
@@ -130,69 +130,69 @@
   --td-component-stroke: var(--td-gray-color-3);
   --td-border-level-2-color: var(--td-gray-color-4);
   --td-component-border: var(--td-gray-color-4);
-  --td-shadow-1: 0px 1px 10px rgba(0, 0, 0, 0.05), 0px 4px 5px rgba(0, 0, 0, .08), 0px 2px 4px -1px rgba(0, 0, 0, .12);
-  --td-shadow-2: 0px 3px 14px 2px rgba(0, 0, 0, 0.05), 0px 8px 10px 1px rgba(0, 0, 0, .06), 0px 5px 5px -3px rgba(0, 0, 0, .1);
-  --td-shadow-3: 0px 6px 30px 5px rgba(0, 0, 0, 0.05), 0px 16px 24px 2px rgba(0, 0, 0, .04), 0px 8px 10px -5px rgba(0, 0, 0, .08);
-  --td-shadow-inset-top: inset 0px 0.5px 0px #DCDCDC;
-  --td-shadow-inset-right: inset 0.5px 0px 0px #DCDCDC;
-  --td-shadow-inset-bottom: inset 0px -0.5px 0px #DCDCDC;
-  --td-shadow-inset-left: inset -0.5px 0px 0px #DCDCDC;
+  --td-shadow-1: 0 1px 10px rgba(0, 0, 0, 0.05), 0 4px 5px rgba(0, 0, 0, 8%), 0 2px 4px -1px rgba(0, 0, 0, 12%);
+  --td-shadow-2: 0 3px 14px 2px rgba(0, 0, 0, 0.05), 0 8px 10px 1px rgba(0, 0, 0, 6%), 0 5px 5px -3px rgba(0, 0, 0, 10%);
+  --td-shadow-3: 0 6px 30px 5px rgba(0, 0, 0, 0.05), 0 16px 24px 2px rgba(0, 0, 0, 4%), 0 8px 10px -5px rgba(0, 0, 0, 8%);
+  --td-shadow-inset-top: inset 0 0.5px 0 #dcdcdc;
+  --td-shadow-inset-right: inset 0.5px 0 0 #dcdcdc;
+  --td-shadow-inset-bottom: inset 0 -0.5px 0 #dcdcdc;
+  --td-shadow-inset-left: inset -0.5px 0 0 #dcdcdc;
   --td-table-shadow-color: rgba(0, 0, 0, 0.08);
   --td-scrollbar-color: rgba(0, 0, 0, 0.1);
 }
 :root[theme-mode="dark"] {
-  --td-brand-color-1: #1B2F51;
+  --td-brand-color-1: #1b2f51;
   --td-brand-color-2: #173463;
   --td-brand-color-3: #143975;
-  --td-brand-color-4: #103D88;
-  --td-brand-color-5: #0D429A;
-  --td-brand-color-6: #054BBE;
-  --td-brand-color-7: #2667D4;
-  --td-brand-color-8: #4582E6;
-  --td-brand-color-9: #699EF5;
-  --td-brand-color-10: #96BBF8;
-  --td-warning-color-1: #4F2A1D;
-  --td-warning-color-2: #582F21;
-  --td-warning-color-3: #733C23;
-  --td-warning-color-4: #A75D2B;
-  --td-warning-color-5: #CF6E2D;
-  --td-warning-color-6: #DC7633;
-  --td-warning-color-7: #E8935C;
-  --td-warning-color-8: #ECBF91;
-  --td-warning-color-9: #EED7BF;
-  --td-warning-color-10: #F3E9DC;
+  --td-brand-color-4: #103d88;
+  --td-brand-color-5: #0d429a;
+  --td-brand-color-6: #054bbe;
+  --td-brand-color-7: #2667d4;
+  --td-brand-color-8: #4582e6;
+  --td-brand-color-9: #699ef5;
+  --td-brand-color-10: #96bbf8;
+  --td-warning-color-1: #4f2a1d;
+  --td-warning-color-2: #582f21;
+  --td-warning-color-3: #733c23;
+  --td-warning-color-4: #a75d2b;
+  --td-warning-color-5: #cf6e2d;
+  --td-warning-color-6: #dc7633;
+  --td-warning-color-7: #e8935c;
+  --td-warning-color-8: #ecbf91;
+  --td-warning-color-9: #eed7bf;
+  --td-warning-color-10: #f3e9dc;
   --td-error-color-1: #472324;
-  --td-error-color-2: #5E2A2D;
+  --td-error-color-2: #5e2a2d;
   --td-error-color-3: #703439;
-  --td-error-color-4: #83383E;
-  --td-error-color-5: #A03F46;
-  --td-error-color-6: #C64751;
-  --td-error-color-7: #DE6670;
-  --td-error-color-8: #EC888E;
-  --td-error-color-9: #EDB1B6;
-  --td-error-color-10: #EECED0;
-  --td-success-color-1: #193A2A;
-  --td-success-color-2: #1A4230;
-  --td-success-color-3: #17533D;
-  --td-success-color-4: #0D7A55;
+  --td-error-color-4: #83383e;
+  --td-error-color-5: #a03f46;
+  --td-error-color-6: #c64751;
+  --td-error-color-7: #de6670;
+  --td-error-color-8: #ec888e;
+  --td-error-color-9: #edb1b6;
+  --td-error-color-10: #eeced0;
+  --td-success-color-1: #193a2a;
+  --td-success-color-2: #1a4230;
+  --td-success-color-3: #17533d;
+  --td-success-color-4: #0d7a55;
   --td-success-color-5: #059465;
-  --td-success-color-6: #43AF8A;
-  --td-success-color-7: #46BF96;
-  --td-success-color-8: #80D2B6;
-  --td-success-color-9: #B4E1D3;
-  --td-success-color-10: #DEEDE8;
-  --td-gray-color-1: #F3F3F3;
-  --td-gray-color-2: #EEEEEE;
-  --td-gray-color-3: #E7E7E7;
-  --td-gray-color-4: #DCDCDC;
-  --td-gray-color-5: #C5C5C5;
-  --td-gray-color-6: #A6A6A6;
-  --td-gray-color-7: #8B8B8B;
-  --td-gray-color-8: #777777;
-  --td-gray-color-9: #5E5E5E;
-  --td-gray-color-10: #4B4B4B;
+  --td-success-color-6: #43af8a;
+  --td-success-color-7: #46bf96;
+  --td-success-color-8: #80d2b6;
+  --td-success-color-9: #b4e1d3;
+  --td-success-color-10: #deede8;
+  --td-gray-color-1: #f3f3f3;
+  --td-gray-color-2: #eee;
+  --td-gray-color-3: #e7e7e7;
+  --td-gray-color-4: #dcdcdc;
+  --td-gray-color-5: #c5c5c5;
+  --td-gray-color-6: #a6a6a6;
+  --td-gray-color-7: #8b8b8b;
+  --td-gray-color-8: #777;
+  --td-gray-color-9: #5e5e5e;
+  --td-gray-color-10: #4b4b4b;
   --td-gray-color-11: #383838;
-  --td-gray-color-12: #2C2C2C;
+  --td-gray-color-12: #2c2c2c;
   --td-gray-color-13: #242424;
   --td-gray-color-14: #181818;
   --td-font-white-1: rgba(255, 255, 255, 0.9);
@@ -253,13 +253,13 @@
   --td-component-stroke: var(--td-gray-color-11);
   --td-border-level-2-color: var(--td-gray-color-9);
   --td-component-border: var(--td-gray-color-9);
-  --td-shadow-1: 0px 4px 6px rgba(0, 0, 0, 0.06), 0px 1px 10px rgba(0, 0, 0, .08), 0px 2px 4px rgba(0, 0, 0, .12);
-  --td-shadow-2: 0px 8px 10px rgba(0, 0, 0, 0.12), 0px 3px 14px rgba(0, 0, 0, .1), 0px 5px 5px rgba(0, 0, 0, .16);
-  --td-shadow-3: 0px 16px 24px rgba(0, 0, 0, 0.14), 0px 6px 30px rgba(0, 0, 0, .12), 0px 8px 10px rgba(0, 0, 0, .2);
-  --td-shadow-inset-top: inset 0px 0.5px 0px #5E5E5E;
-  --td-shadow-inset-right: inset 0.5px 0px 0px #5E5E5E;
-  --td-shadow-inset-bottom: inset 0px -0.5px 0px #5E5E5E;
-  --td-shadow-inset-left: inset -0.5px 0px 0px #5E5E5E;
+  --td-shadow-1: 0 4px 6px rgba(0, 0, 0, 0.06), 0 1px 10px rgba(0, 0, 0, 8%), 0 2px 4px rgba(0, 0, 0, 12%);
+  --td-shadow-2: 0 8px 10px rgba(0, 0, 0, 0.12), 0 3px 14px rgba(0, 0, 0, 10%), 0 5px 5px rgba(0, 0, 0, 16%);
+  --td-shadow-3: 0 16px 24px rgba(0, 0, 0, 0.14), 0 6px 30px rgba(0, 0, 0, 12%), 0 8px 10px rgba(0, 0, 0, 20%);
+  --td-shadow-inset-top: inset 0 0.5px 0 #5e5e5e;
+  --td-shadow-inset-right: inset 0.5px 0 0 #5e5e5e;
+  --td-shadow-inset-bottom: inset 0 -0.5px 0 #5e5e5e;
+  --td-shadow-inset-left: inset -0.5px 0 0 #5e5e5e;
   --td-table-shadow-color: rgba(0, 0, 0, 0.55);
   --td-scrollbar-color: rgba(255, 255, 255, 0.1);
 }
@@ -388,6 +388,9 @@
   font-size: 0;
   vertical-align: middle;
 }
+.t-table .t-loading {
+  font-size: 16px;
+}
 .t-table--bordered .t-table--empty {
   border-left: 1px solid var(--td-component-border);
   border-right: 1px solid var(--td-component-border);
@@ -413,14 +416,14 @@
   border-bottom: 1px solid var(--td-component-border);
 }
 .t-table--bordered .t-table-content td.t-table__cell--fixed-left-last + td {
-  border-left: 0px;
+  border-left: 0;
 }
 .t-table--bordered .t-table-content td.t-table__cell--fixed-left-last::before {
   border-right: 1px solid var(--td-component-border);
 }
 .t-table--bordered .t-table-content td.t-table__cell--fixed-left,
 .t-table--bordered .t-table-content td.t-table__cell--fixed-right {
-  border-left: 0px;
+  border-left: 0;
 }
 .t-table--bordered .t-table-content td.t-table__cell--fixed-left::before,
 .t-table--bordered .t-table-content td.t-table__cell--fixed-right::before {
@@ -593,11 +596,11 @@
 .t-table__cell--fixed.t-table--hoverable tbody tr:hover .t-table__cell--fixed-right {
   background-color: var(--td-bg-color-container-hover);
 }
-.t-table__cell--fixed .t-table__cell--fixed-left-last:before {
+.t-table__cell--fixed .t-table__cell--fixed-left-last::before {
   z-index: -1;
   background-color: inherit;
 }
-.t-table__cell--fixed .t-table__cell--fixed-left-last:after {
+.t-table__cell--fixed .t-table__cell--fixed-left-last::after {
   position: absolute;
   top: 0;
   right: 0;
@@ -613,11 +616,11 @@
   -webkit-transform: translateX(100%);
           transform: translateX(100%);
 }
-.t-table__cell--fixed .t-table__cell--fixed-right-first:before {
+.t-table__cell--fixed .t-table__cell--fixed-right-first::before {
   z-index: -1;
   background-color: inherit;
 }
-.t-table__cell--fixed .t-table__cell--fixed-right-first:after {
+.t-table__cell--fixed .t-table__cell--fixed-right-first::after {
   position: absolute;
   top: 0;
   left: 0;
@@ -634,12 +637,12 @@
           transform: translateX(-100%);
 }
 .t-table__cell--fixed.t-table--has-fixed .t-table-content--scrollable-to-left .t-table__cell--fixed-left-last::after {
-  -webkit-box-shadow: inset 8px 0px 8px -4px var(--td-table-shadow-color);
-          box-shadow: inset 8px 0px 8px -4px var(--td-table-shadow-color);
+  -webkit-box-shadow: inset 8px 0 8px -4px var(--td-table-shadow-color);
+          box-shadow: inset 8px 0 8px -4px var(--td-table-shadow-color);
 }
 .t-table__cell--fixed.t-table--has-fixed .t-table-content--scrollable-to-right .t-table__cell--fixed-right-first::after {
-  -webkit-box-shadow: inset -8px 0px 8px -4px var(--td-table-shadow-color);
-          box-shadow: inset -8px 0px 8px -4px var(--td-table-shadow-color);
+  -webkit-box-shadow: inset -8px 0 8px -4px var(--td-table-shadow-color);
+          box-shadow: inset -8px 0 8px -4px var(--td-table-shadow-color);
 }
 .t-table .t-table__cell-resizable {
   position: relative;
@@ -670,8 +673,8 @@
   transition: -webkit-transform 0.2s;
   transition: transform 0.2s;
   transition: transform 0.2s, -webkit-transform 0.2s;
-  -webkit-transform: translateY(0px);
-          transform: translateY(0px);
+  -webkit-transform: translateY(0);
+          transform: translateY(0);
 }
 .t-table.t-table__row--draggable tbody tr.v-leave-active {
   display: none;
@@ -735,6 +738,7 @@
 }
 .t-table--loading-async .t-icon-loading {
   margin-right: 10px;
+  color: var(--td-brand-color);
 }
 .t-table--loading-status-load-more {
   cursor: pointer;

package/es/table/style/index.js

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

package/es/table/util/getRowKeyFromRowKey.js

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

package/es/table/util/index.js

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

package/es/tabs/TabBar.js

@@ -1,15 +1,15 @@
 /**
- * tdesign v0.18.1
+ * tdesign v0.18.2
  * (c) 2021 tdesign
  * @license MIT
  */
 
-import { _ as _defineProperty } from '../_chunks/dep-b05711f1.js';
-import { _ as _slicedToArray } from '../_chunks/dep-24340815.js';
+import { _ as _defineProperty } from '../_chunks/dep-efe7433b.js';
+import { _ as _slicedToArray } from '../_chunks/dep-2f008905.js';
 import React__default, { useState, useEffect } from 'react';
 import classNames from 'classnames';
 import useConfig from '../_util/useConfig.js';
-import '../_chunks/dep-d056abc2.js';
+import '../_chunks/dep-6a5b1968.js';
 import '../config-provider/ConfigContext.js';
 import '../locale/zh_CN.js';
 

package/es/tabs/TabNav.js

@@ -1,11 +1,11 @@
 /**
- * tdesign v0.18.1
+ * tdesign v0.18.2
  * (c) 2021 tdesign
  * @license MIT
  */
 
-import { _ as _defineProperty } from '../_chunks/dep-b05711f1.js';
-import { _ as _slicedToArray } from '../_chunks/dep-24340815.js';
+import { _ as _defineProperty } from '../_chunks/dep-efe7433b.js';
+import { _ as _slicedToArray } from '../_chunks/dep-2f008905.js';
 import React__default, { useRef, useState, useEffect } from 'react';
 import classNames from 'classnames';
 import { ChevronLeftIcon, ChevronRightIcon, AddIcon } from 'tdesign-icons-react';
@@ -13,7 +13,7 @@ import noop from '../_util/noop.js';
 import { useTabClass } from './useTabClass.js';
 import TabNavItem from './TabNavItem.js';
 import TabBar from './TabBar.js';
-import '../_chunks/dep-d056abc2.js';
+import '../_chunks/dep-6a5b1968.js';
 import '../_util/useConfig.js';
 import '../config-provider/ConfigContext.js';
 import '../locale/zh_CN.js';

package/es/tabs/TabNavItem.js

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

package/es/tabs/TabPanel.js

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

package/es/tabs/Tabs.js

@@ -1,18 +1,18 @@
 /**
- * tdesign v0.18.1
+ * tdesign v0.18.2
  * (c) 2021 tdesign
  * @license MIT
  */
 
-import { _ as _defineProperty } from '../_chunks/dep-b05711f1.js';
-import { _ as _slicedToArray } from '../_chunks/dep-24340815.js';
+import { _ as _defineProperty } from '../_chunks/dep-efe7433b.js';
+import { _ as _slicedToArray } from '../_chunks/dep-2f008905.js';
 import React__default, { useState } from 'react';
 import classNames from 'classnames';
 import forwardRefWithStatics from '../_util/forwardRefWithStatics.js';
 import TabNav from './TabNav.js';
 import { useTabClass } from './useTabClass.js';
 import TabPanel from './TabPanel.js';
-import '../_chunks/dep-d056abc2.js';
+import '../_chunks/dep-6a5b1968.js';
 import 'hoist-non-react-statics';
 import 'tdesign-icons-react';
 import '../_util/noop.js';

package/es/tabs/index.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.18.1
+ * tdesign v0.18.2
  * (c) 2021 tdesign
  * @license MIT
  */
@@ -7,9 +7,9 @@
 import Tabs$1 from './Tabs.js';
 import './style/css.js';
 import '../_type/components/tabs/index.js';
-import '../_chunks/dep-b05711f1.js';
-import '../_chunks/dep-24340815.js';
-import '../_chunks/dep-d056abc2.js';
+import '../_chunks/dep-efe7433b.js';
+import '../_chunks/dep-2f008905.js';
+import '../_chunks/dep-6a5b1968.js';
 import 'react';
 import 'classnames';
 import '../_util/forwardRefWithStatics.js';