tdesign-react 0.17.0 → 0.18.2

package/esm/pagination/Pagination.js.map

@@ -1 +1 @@
-{"version":3,"file":"Pagination.js","sources":["../../src/pagination/Pagination.tsx"],"sourcesContent":["import React, { useState, useEffect, useMemo, useRef } from 'react';\nimport classNames from 'classnames';\nimport {\n  ChevronLeftIcon,\n  EllipsisIcon,\n  ChevronLeftDoubleIcon,\n  ChevronRightIcon,\n  ChevronRightDoubleIcon,\n} from 'tdesign-icons-react';\nimport noop from '../_util/noop';\nimport useConfig from '../_util/useConfig';\nimport useDefault from '../_util/useDefault';\nimport Select from '../select';\nimport { useLocaleReceiver } from '../locale/LocalReceiver';\n\nimport { TdPaginationProps } from '../_type/components/pagination';\nimport { StyledProps } from '../_type/StyledProps';\nimport { pageSizeValidator } from './validators';\n\nexport type { PageInfo } from '../_type/components/pagination';\n\nexport interface PaginationProps extends TdPaginationProps, StyledProps {}\n\nconst { Option } = Select;\n\nenum KeyCode {\n  ENTER = 13,\n}\n\nconst Pagination: React.FC<PaginationProps> = (props: PaginationProps) => {\n  const {\n    defaultCurrent = 1,\n    current: currentFromProps,\n    theme = 'default',\n    size = 'medium',\n    total = 0,\n    defaultPageSize = 10,\n    pageSize: pageSizeFromProps,\n    showJumper = false,\n    disabled = false,\n    foldedMaxPageBtn = 5,\n    maxPageBtn = 10,\n    totalContent = true,\n    pageSizeOptions = [5, 10, 20, 50],\n    onChange = noop,\n    onCurrentChange,\n    onPageSizeChange,\n  } = props;\n\n  const [locale, t] = useLocaleReceiver('pagination');\n\n  const [pageSize, setPageSize] = useDefault(pageSizeFromProps, defaultPageSize, onPageSizeChange);\n  const [current, setCurrent] = useDefault(currentFromProps, defaultCurrent, onCurrentChange);\n\n  const [pageCount, setPageCount] = useState(1);\n  const [hoverPreMore, toggleHoverPreMore] = useState(false); // 处理left ellipsis展示逻辑\n  const [hoverNextMore, toggleHoverNextMore] = useState(false); // 处理right ellipsis展示逻辑\n  const simpleInputRef = useRef<HTMLInputElement>(null);\n\n  const min = 1;\n  const pivot = Math.ceil((foldedMaxPageBtn - 1) / 2);\n  const { classPrefix } = useConfig();\n  const name = `${classPrefix}-pagination`; // t-pagination\n\n  useEffect(() => {\n    const calCount = Math.ceil(total / pageSize);\n    setPageCount(calCount > 0 ? calCount : 1);\n  }, [pageSize, total]);\n\n  // 计算pageList的逻辑，用memo避免每次重复计算的消耗\n  const pageList = useMemo<Array<number>>(() => {\n    const isPrevMoreShow = 2 + pivot < current;\n    const isNextMoreShow = pageCount - 1 - pivot > current;\n    const array: Array<number> = [];\n    let start: number;\n    let end: number;\n\n    if (pageCount > maxPageBtn) {\n      if (isPrevMoreShow && isNextMoreShow) {\n        start = current - pivot;\n        end = current + pivot;\n      } else {\n        start = isPrevMoreShow ? pageCount - foldedMaxPageBtn + 1 : 2;\n        end = isPrevMoreShow ? pageCount - 1 : foldedMaxPageBtn;\n      }\n    } else {\n      start = 1;\n      end = pageCount;\n    }\n\n    for (let i = start; i <= end; i++) {\n      array.push(i);\n    }\n    return array;\n  }, [current, pageCount, foldedMaxPageBtn, maxPageBtn, pivot]);\n\n  // 处理改变当前页的逻辑\n  const changeCurrent = (nextCurrent: number, nextPageSize?: number) => {\n    if (!nextPageSize && !pageSizeValidator(nextPageSize)) {\n      // eslint-disable-next-line\n      nextPageSize =\n        pageSize ?? (typeof pageSizeOptions[0] === 'number' ? pageSizeOptions[0] : pageSizeOptions[0]?.value);\n    }\n\n    if (disabled) return;\n    if (pageCount < nextCurrent) {\n      setCurrent(pageCount, { current: pageCount, previous: current, pageSize: nextPageSize });\n      return;\n    }\n    if (nextCurrent < min) {\n      setCurrent(min, { current: min, previous: current, pageSize: nextPageSize });\n\n      return;\n    }\n    setCurrent(nextCurrent, { current: nextCurrent, previous: current, pageSize: nextPageSize });\n\n    if (simpleInputRef.current) {\n      simpleInputRef.current.value = String(nextCurrent);\n    }\n    onChange({\n      current: nextCurrent,\n      previous: current,\n      pageSize: nextPageSize,\n    });\n  };\n\n  // 处理改变pageSize的逻辑\n  const changePageSize = (nextPageSize: number) => {\n    const nextCurrent = Math.min(current, Math.ceil(total / nextPageSize));\n    const pageInfo = {\n      current: nextCurrent,\n      previous: current,\n      pageSize: nextPageSize,\n    };\n    setPageSize(nextPageSize, pageInfo);\n\n    // 改变分页大小也需要触发onChange回调 如果改变分页大小会改变currentPage 则由changeCurrent内去触发onChange 否则需要自己触发\n    if (current !== nextCurrent) {\n      changeCurrent(nextCurrent, nextPageSize);\n    } else {\n      onChange(pageInfo);\n    }\n  };\n\n  // 处理极简版的当前页ga的逻辑\n  const onSimpleCurrentChange = (nextCurrent: number) => {\n    if (disabled || pageCount < nextCurrent || nextCurrent < min) return;\n    setCurrent(nextCurrent, { current: nextCurrent, previous: current, pageSize });\n    onChange({\n      current: nextCurrent,\n      previous: current,\n      pageSize,\n    });\n  };\n\n  const onPageInputChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n    const { target } = event;\n    const value = Number(target.value);\n    if (Number.isNaN(value) || value < min) target.value = '';\n    else if (value > pageCount) target.value = String(pageCount);\n\n    setCurrent(value, { current: value, previous: current, pageSize });\n  };\n\n  const onPageInputKeyUp = (event: React.KeyboardEvent<HTMLInputElement>) => {\n    if (event.keyCode !== KeyCode.ENTER) return;\n    const value = Number((event.target as HTMLInputElement).value);\n    if (!Number.isNaN(value)) changeCurrent(value);\n  };\n\n  // 渲染total相关逻辑\n  const renderTotalContent = () => {\n    if (typeof totalContent === 'boolean') {\n      return totalContent ? t(locale.total, { total }) : null;\n    }\n    if (typeof totalContent === 'string') return totalContent;\n    if (typeof totalContent === 'function') {\n      const start = (current - min) * pageSize;\n      const end = Math.min(total, start + pageSize);\n      return totalContent(total, [start + min, end]);\n    }\n  };\n\n  const renderPaginationBtns = () => {\n    const isFolded = pageCount > maxPageBtn; // 判断是否为需要折叠\n\n    return (\n      <>\n        {isFolded && (\n          <>\n            <li\n              key={1}\n              className={classNames(`${name}__number`, {\n                [`${classPrefix}-is-disabled`]: disabled,\n                [`${classPrefix}-is-current`]: current === 1,\n              })}\n              onClick={() => changeCurrent(1)}\n            >\n              1\n            </li>\n            {2 + pivot < current && (\n              <li\n                className={classNames(`${name}__number`, `${name}__number--more`, {\n                  [`${classPrefix}-is-disabled`]: disabled,\n                })}\n                onMouseOver={() => toggleHoverPreMore(true)}\n                onMouseOut={() => toggleHoverPreMore(false)}\n                onClick={() => changeCurrent(current - foldedMaxPageBtn)}\n              >\n                {!hoverPreMore ? <EllipsisIcon /> : <ChevronLeftDoubleIcon />}\n              </li>\n            )}\n          </>\n        )}\n        {pageList.map((item) => (\n          <li\n            key={item}\n            className={classNames(`${name}__number`, {\n              [`${classPrefix}-is-disabled`]: disabled,\n              [`${classPrefix}-is-current`]: current === item,\n            })}\n            onClick={() => changeCurrent(item)}\n          >\n            {item}\n          </li>\n        ))}\n        {isFolded && (\n          <>\n            {pageCount - 1 - pivot > current && (\n              <li\n                className={classNames(`${name}__number`, `${name}__number--more`, {\n                  [`${classPrefix}-is-disabled`]: disabled,\n                })}\n                onMouseOver={() => toggleHoverNextMore(true)}\n                onMouseOut={() => toggleHoverNextMore(false)}\n                onClick={() => changeCurrent(current + foldedMaxPageBtn)}\n              >\n                {!hoverNextMore ? <EllipsisIcon /> : <ChevronRightDoubleIcon />}\n              </li>\n            )}\n            <li\n              key={pageCount}\n              className={classNames(`${name}__number`, {\n                [`${classPrefix}-is-disabled`]: disabled,\n                [`${classPrefix}-is-current`]: current === pageCount,\n              })}\n              onClick={() => changeCurrent(pageCount)}\n            >\n              {pageCount}\n            </li>\n          </>\n        )}\n      </>\n    );\n  };\n\n  return (\n    <div\n      className={classNames(name, {\n        [`${classPrefix}-size-s`]: size === 'small',\n      })}\n    >\n      {totalContent && <div className={`${name}__total`}>{renderTotalContent()}</div>}\n      {pageSizeOptions instanceof Array && pageSizeOptions.length ? (\n        <div className={`${name}__select`}>\n          <Select size={size} value={pageSize} disabled={disabled} onChange={changePageSize}>\n            {pageSizeOptions.map(\n              // eslint-disable-next-line no-confusing-arrow\n              (item) =>\n                // eslint-disable-next-line implicit-arrow-linebreak\n                typeof item === 'number' ? (\n                  <Option key={item} label={t(locale.itemsPerPage, { size: item })} value={item} />\n                ) : (\n                  <Option key={item.value} label={item.label} value={item.value} />\n                ),\n            )}\n          </Select>\n        </div>\n      ) : null}\n      <div\n        className={classNames(`${name}__btn`, `${name}__btn--prev`, {\n          [`${classPrefix}-is-disabled`]: disabled || current === min,\n        })}\n        onClick={() => changeCurrent(current - 1)}\n      >\n        <ChevronLeftIcon />\n      </div>\n      {theme === 'default' && <ul className={`${name}__pager`}>{renderPaginationBtns()}</ul>}\n      {/* 极简版 */}\n      {theme === 'simple' && (\n        <div className={`${name}__select`}>\n          <Select size={size} value={current} disabled={disabled} onChange={onSimpleCurrentChange}>\n            {Array(pageCount)\n              .fill(0)\n              .map((_, i) => i + 1)\n              .map((item) => (\n                <Option key={item} label={`${item}/${pageCount}`} value={item}>\n                  {item}/{pageCount}\n                </Option>\n              ))}\n          </Select>\n        </div>\n      )}\n      <div\n        className={classNames(`${name}__btn`, `${name}__btn--next`, {\n          [`${classPrefix}-is-disabled`]: disabled || current === pageCount,\n        })}\n        onClick={() => changeCurrent(current + 1)}\n      >\n        <ChevronRightIcon />\n      </div>\n      {showJumper && (\n        <div className={`${name}__jump`}>\n          {t(locale.jumpTo)}\n          <div className={classNames(`${classPrefix}-input`, { [`${classPrefix}-input__is-disabled`]: disabled })}>\n            <input\n              className={`${classPrefix}-input__inner`}\n              disabled={disabled}\n              onChange={onPageInputChange}\n              onKeyUp={onPageInputKeyUp}\n            />\n          </div>\n          {t(locale.page)}\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport default Pagination;\n"],"names":["Option","Select","KeyCode","KeyCode2","Pagination","props","defaultCurrent","currentFromProps","current","theme","size","total","defaultPageSize","pageSizeFromProps","pageSize","showJumper","disabled","foldedMaxPageBtn","maxPageBtn","totalContent","pageSizeOptions","onChange","noop","onCurrentChange","onPageSizeChange","useLocaleReceiver","locale","t","useDefault","setPageSize","setCurrent","useState","pageCount","setPageCount","hoverPreMore","toggleHoverPreMore","hoverNextMore","toggleHoverNextMore","simpleInputRef","useRef","min","pivot","Math","ceil","useConfig","classPrefix","name","calCount","pageList","useMemo","isPrevMoreShow","isNextMoreShow","array","start","end","i","push","changeCurrent","nextCurrent","nextPageSize","pageSizeValidator","value","previous","String","changePageSize","pageInfo","onSimpleCurrentChange","onPageInputChange","event","target","Number","isNaN","onPageInputKeyUp","keyCode","renderTotalContent","renderPaginationBtns","isFolded","key","className","classNames","onClick","onMouseOver","onMouseOut","EllipsisIcon","ChevronLeftDoubleIcon","map","item","ChevronRightDoubleIcon","Array","length","label","itemsPerPage","ChevronLeftIcon","fill","_","ChevronRightIcon","jumpTo","onKeyUp","page"],"mappings":"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"}
+{"version":3,"file":"Pagination.js","sources":["../../src/pagination/Pagination.tsx"],"sourcesContent":["import React, { useState, useEffect, useMemo, useRef } from 'react';\nimport classNames from 'classnames';\nimport {\n  ChevronLeftIcon,\n  EllipsisIcon,\n  ChevronLeftDoubleIcon,\n  ChevronRightIcon,\n  ChevronRightDoubleIcon,\n} from 'tdesign-icons-react';\nimport noop from '../_util/noop';\nimport useConfig from '../_util/useConfig';\nimport useDefault from '../_util/useDefault';\nimport Select from '../select';\nimport { useLocaleReceiver } from '../locale/LocalReceiver';\n\nimport { TdPaginationProps } from '../_type/components/pagination';\nimport { StyledProps } from '../_type/StyledProps';\nimport { pageSizeValidator } from './validators';\n\nexport type { PageInfo } from '../_type/components/pagination';\n\nexport interface PaginationProps extends TdPaginationProps, StyledProps {}\n\nconst { Option } = Select;\n\nenum KeyCode {\n  ENTER = 13,\n}\n\nconst Pagination: React.FC<PaginationProps> = (props: PaginationProps) => {\n  const {\n    defaultCurrent = 1,\n    current: currentFromProps,\n    theme = 'default',\n    size = 'medium',\n    total = 0,\n    defaultPageSize = 10,\n    pageSize: pageSizeFromProps,\n    showJumper = false,\n    disabled = false,\n    foldedMaxPageBtn = 5,\n    maxPageBtn = 10,\n    totalContent = true,\n    pageSizeOptions = [5, 10, 20, 50],\n    onChange = noop,\n    onCurrentChange,\n    onPageSizeChange,\n  } = props;\n\n  const [locale, t] = useLocaleReceiver('pagination');\n\n  const [pageSize, setPageSize] = useDefault(pageSizeFromProps, defaultPageSize, onPageSizeChange);\n  const [current, setCurrent] = useDefault(currentFromProps, defaultCurrent, onCurrentChange);\n\n  const [pageCount, setPageCount] = useState(1);\n  const [hoverPreMore, toggleHoverPreMore] = useState(false); // 处理left ellipsis展示逻辑\n  const [hoverNextMore, toggleHoverNextMore] = useState(false); // 处理right ellipsis展示逻辑\n  const simpleInputRef = useRef<HTMLInputElement>(null);\n\n  const min = 1;\n  const pivot = Math.ceil((foldedMaxPageBtn - 1) / 2);\n  const { classPrefix } = useConfig();\n  const name = `${classPrefix}-pagination`; // t-pagination\n\n  useEffect(() => {\n    const calCount = Math.ceil(total / pageSize);\n    setPageCount(calCount > 0 ? calCount : 1);\n  }, [pageSize, total]);\n\n  // 计算pageList的逻辑，用memo避免每次重复计算的消耗\n  const pageList = useMemo<Array<number>>(() => {\n    const isPrevMoreShow = 2 + pivot < current;\n    const isNextMoreShow = pageCount - 1 - pivot > current;\n    const array: Array<number> = [];\n    let start: number;\n    let end: number;\n\n    if (pageCount > maxPageBtn) {\n      if (isPrevMoreShow && isNextMoreShow) {\n        start = current - pivot;\n        end = current + pivot;\n      } else {\n        start = isPrevMoreShow ? pageCount - foldedMaxPageBtn + 1 : 2;\n        end = isPrevMoreShow ? pageCount - 1 : foldedMaxPageBtn;\n      }\n    } else {\n      start = 1;\n      end = pageCount;\n    }\n\n    for (let i = start; i <= end; i++) {\n      array.push(i);\n    }\n    return array;\n  }, [current, pageCount, foldedMaxPageBtn, maxPageBtn, pivot]);\n\n  // 处理改变当前页的逻辑\n  const changeCurrent = (nextCurrent: number, nextPageSize?: number) => {\n    if (!nextPageSize && !pageSizeValidator(nextPageSize)) {\n      // eslint-disable-next-line\n      nextPageSize =\n        pageSize ?? (typeof pageSizeOptions[0] === 'number' ? pageSizeOptions[0] : pageSizeOptions[0]?.value);\n    }\n\n    if (disabled) return;\n    if (pageCount < nextCurrent) {\n      setCurrent(pageCount, { current: pageCount, previous: current, pageSize: nextPageSize });\n      return;\n    }\n    if (nextCurrent < min) {\n      setCurrent(min, { current: min, previous: current, pageSize: nextPageSize });\n\n      return;\n    }\n    setCurrent(nextCurrent, { current: nextCurrent, previous: current, pageSize: nextPageSize });\n\n    if (simpleInputRef.current) {\n      simpleInputRef.current.value = String(nextCurrent);\n    }\n    onChange({\n      current: nextCurrent,\n      previous: current,\n      pageSize: nextPageSize,\n    });\n  };\n\n  // 处理改变pageSize的逻辑\n  const changePageSize = (nextPageSize: number) => {\n    const nextCurrent = Math.min(current, Math.ceil(total / nextPageSize));\n    const pageInfo = {\n      current: nextCurrent,\n      previous: current,\n      pageSize: nextPageSize,\n    };\n    setPageSize(nextPageSize, pageInfo);\n\n    // 改变分页大小也需要触发onChange回调 如果改变分页大小会改变currentPage 则由changeCurrent内去触发onChange 否则需要自己触发\n    if (current !== nextCurrent) {\n      changeCurrent(nextCurrent, nextPageSize);\n    } else {\n      onChange(pageInfo);\n    }\n  };\n\n  // 处理极简版的当前页ga的逻辑\n  const onSimpleCurrentChange = (nextCurrent: number) => {\n    if (disabled || pageCount < nextCurrent || nextCurrent < min) return;\n    setCurrent(nextCurrent, { current: nextCurrent, previous: current, pageSize });\n    onChange({\n      current: nextCurrent,\n      previous: current,\n      pageSize,\n    });\n  };\n\n  const onPageInputChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n    const { target } = event;\n    const value = Number(target.value);\n    if (Number.isNaN(value) || value < min) target.value = '';\n    else if (value > pageCount) target.value = String(pageCount);\n\n    setCurrent(value, { current: value, previous: current, pageSize });\n  };\n\n  const onPageInputKeyUp = (event: React.KeyboardEvent<HTMLInputElement>) => {\n    if (event.keyCode !== KeyCode.ENTER) return;\n    const value = Number((event.target as HTMLInputElement).value);\n    if (!Number.isNaN(value)) changeCurrent(value);\n  };\n\n  // 渲染total相关逻辑\n  const renderTotalContent = () => {\n    if (typeof totalContent === 'boolean') {\n      return totalContent ? t(locale.total, { total }) : null;\n    }\n    if (typeof totalContent === 'string') return totalContent;\n    if (typeof totalContent === 'function') {\n      const start = (current - min) * pageSize;\n      const end = Math.min(total, start + pageSize);\n      return totalContent(total, [start + min, end]);\n    }\n  };\n\n  const renderPaginationBtns = () => {\n    const isFolded = pageCount > maxPageBtn; // 判断是否为需要折叠\n\n    return (\n      <>\n        {isFolded && (\n          <>\n            <li\n              key={1}\n              className={classNames(`${name}__number`, {\n                [`${classPrefix}-is-disabled`]: disabled,\n                [`${classPrefix}-is-current`]: current === 1,\n              })}\n              onClick={() => changeCurrent(1)}\n            >\n              1\n            </li>\n            {2 + pivot < current && (\n              <li\n                className={classNames(`${name}__number`, `${name}__number--more`, {\n                  [`${classPrefix}-is-disabled`]: disabled,\n                })}\n                onMouseOver={() => toggleHoverPreMore(true)}\n                onMouseOut={() => toggleHoverPreMore(false)}\n                onClick={() => changeCurrent(current - foldedMaxPageBtn)}\n              >\n                {!hoverPreMore ? <EllipsisIcon /> : <ChevronLeftDoubleIcon />}\n              </li>\n            )}\n          </>\n        )}\n        {pageList.map((item) => (\n          <li\n            key={item}\n            className={classNames(`${name}__number`, {\n              [`${classPrefix}-is-disabled`]: disabled,\n              [`${classPrefix}-is-current`]: current === item,\n            })}\n            onClick={() => changeCurrent(item)}\n          >\n            {item}\n          </li>\n        ))}\n        {isFolded && (\n          <>\n            {pageCount - 1 - pivot > current && (\n              <li\n                className={classNames(`${name}__number`, `${name}__number--more`, {\n                  [`${classPrefix}-is-disabled`]: disabled,\n                })}\n                onMouseOver={() => toggleHoverNextMore(true)}\n                onMouseOut={() => toggleHoverNextMore(false)}\n                onClick={() => changeCurrent(current + foldedMaxPageBtn)}\n              >\n                {!hoverNextMore ? <EllipsisIcon /> : <ChevronRightDoubleIcon />}\n              </li>\n            )}\n            <li\n              key={pageCount}\n              className={classNames(`${name}__number`, {\n                [`${classPrefix}-is-disabled`]: disabled,\n                [`${classPrefix}-is-current`]: current === pageCount,\n              })}\n              onClick={() => changeCurrent(pageCount)}\n            >\n              {pageCount}\n            </li>\n          </>\n        )}\n      </>\n    );\n  };\n\n  return (\n    <div\n      className={classNames(name, {\n        [`${classPrefix}-size-s`]: size === 'small',\n      })}\n    >\n      {totalContent && <div className={`${name}__total`}>{renderTotalContent()}</div>}\n      {pageSizeOptions instanceof Array && pageSizeOptions.length ? (\n        <div className={`${name}__select`}>\n          <Select size={size} value={pageSize} disabled={disabled} onChange={changePageSize}>\n            {pageSizeOptions.map(\n              // eslint-disable-next-line no-confusing-arrow\n              (item) =>\n                // eslint-disable-next-line implicit-arrow-linebreak\n                typeof item === 'number' ? (\n                  <Option key={item} label={t(locale.itemsPerPage, { size: item })} value={item} />\n                ) : (\n                  <Option key={item.value} label={item.label} value={item.value} />\n                ),\n            )}\n          </Select>\n        </div>\n      ) : null}\n      <div\n        className={classNames(`${name}__btn`, `${name}__btn--prev`, {\n          [`${classPrefix}-is-disabled`]: disabled || current === min,\n        })}\n        onClick={() => changeCurrent(current - 1)}\n      >\n        <ChevronLeftIcon />\n      </div>\n      {theme === 'default' && <ul className={`${name}__pager`}>{renderPaginationBtns()}</ul>}\n      {/* 极简版 */}\n      {theme === 'simple' && (\n        <div className={`${name}__select`}>\n          <Select size={size} value={current} disabled={disabled} onChange={onSimpleCurrentChange}>\n            {Array(pageCount)\n              .fill(0)\n              .map((_, i) => i + 1)\n              .map((item) => (\n                <Option key={item} label={`${item}/${pageCount}`} value={item}>\n                  {item}/{pageCount}\n                </Option>\n              ))}\n          </Select>\n        </div>\n      )}\n      <div\n        className={classNames(`${name}__btn`, `${name}__btn--next`, {\n          [`${classPrefix}-is-disabled`]: disabled || current === pageCount,\n        })}\n        onClick={() => changeCurrent(current + 1)}\n      >\n        <ChevronRightIcon />\n      </div>\n      {showJumper && (\n        <div className={`${name}__jump`}>\n          {t(locale.jumpTo)}\n          <div className={classNames(`${classPrefix}-input`, { [`${classPrefix}-input__is-disabled`]: disabled })}>\n            <input\n              className={`${classPrefix}-input__inner`}\n              disabled={disabled}\n              onChange={onPageInputChange}\n              onKeyUp={onPageInputKeyUp}\n            />\n          </div>\n          {t(locale.page)}\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport default Pagination;\n"],"names":["Option","Select","KeyCode","KeyCode2","Pagination","props","defaultCurrent","currentFromProps","current","theme","size","total","defaultPageSize","pageSizeFromProps","pageSize","showJumper","disabled","foldedMaxPageBtn","maxPageBtn","totalContent","pageSizeOptions","onChange","noop","onCurrentChange","onPageSizeChange","useLocaleReceiver","locale","t","useDefault","setPageSize","setCurrent","useState","pageCount","setPageCount","hoverPreMore","toggleHoverPreMore","hoverNextMore","toggleHoverNextMore","simpleInputRef","useRef","min","pivot","Math","ceil","useConfig","classPrefix","name","calCount","pageList","useMemo","isPrevMoreShow","isNextMoreShow","array","start","end","i","push","changeCurrent","nextCurrent","nextPageSize","pageSizeValidator","value","previous","String","changePageSize","pageInfo","onSimpleCurrentChange","onPageInputChange","event","target","Number","isNaN","onPageInputKeyUp","keyCode","renderTotalContent","renderPaginationBtns","isFolded","key","className","classNames","onClick","onMouseOver","onMouseOut","EllipsisIcon","ChevronLeftDoubleIcon","map","item","ChevronRightDoubleIcon","Array","length","label","itemsPerPage","ChevronLeftIcon","fill","_","ChevronRightIcon","jumpTo","onKeyUp","page"],"mappings":"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"}

package/esm/pagination/index.d.ts

@@ -1,5 +1,6 @@
 /// <reference types="react" />
 import './style/index.js';
-export type { PaginationProps, PageInfo } from './Pagination';
+export type { PaginationProps } from './Pagination';
+export * from '../_type/components/pagination';
 export declare const Pagination: import("react").FC<import("./Pagination").PaginationProps>;
 export default Pagination;

package/esm/pagination/index.js

@@ -1,14 +1,15 @@
 /**
- * tdesign v0.17.0
+ * tdesign v0.18.2
  * (c) 2021 tdesign
  * @license MIT
  */
 
 import Pagination$1 from './Pagination.js';
 import './style/index.js';
-import '../_chunks/dep-308ea020.js';
-import '../_chunks/dep-01d52b00.js';
-import '../_chunks/dep-65d3c0dc.js';
+import '../_type/components/pagination/index.js';
+import '../_chunks/dep-efe7433b.js';
+import '../_chunks/dep-2f008905.js';
+import '../_chunks/dep-6a5b1968.js';
 import 'react';
 import 'classnames';
 import 'tdesign-icons-react';
@@ -19,52 +20,72 @@ import '../locale/zh_CN.js';
 import '../_util/useDefault.js';
 import '../select/index.js';
 import '../select/base/Select.js';
-import 'lodash';
+import '../_chunks/dep-83646039.js';
+import '../_chunks/dep-cb80da27.js';
+import '../_chunks/dep-b6ff8559.js';
+import '../_chunks/dep-1189939f.js';
+import '../_chunks/dep-504203df.js';
+import '../_chunks/dep-74a044dc.js';
+import '../_chunks/dep-b6158110.js';
+import '../_chunks/dep-744f52b3.js';
+import '../_chunks/dep-9ad4f4b7.js';
+import '../_chunks/dep-4e491803.js';
+import '../_chunks/dep-9d2e7b62.js';
+import '../_chunks/dep-f3eac264.js';
+import '../_chunks/dep-e83a1558.js';
+import '../_chunks/dep-47afb0bc.js';
+import '../_chunks/dep-ed9505a3.js';
+import '../_chunks/dep-43869d17.js';
+import '../_chunks/dep-e507e9db.js';
 import '../locale/LocalReceiver.js';
 import '../config-provider/index.js';
 import '../config-provider/ConfigProvider.js';
-import '../_chunks/dep-34727236.js';
+import '../_chunks/dep-016d27a7.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-983e6e8d.js';
+import '../_chunks/dep-2eeaa58b.js';
+import 'lodash';
 import '../select/base/OptionGroup.js';
 import '../common/FakeArrow.js';
+import '../loading/index.js';
+import '../loading/loading.js';
+import 'react-dom';
+import '../_util/dom.js';
+import 'raf';
+import '../_util/easing.js';
+import '../common/Portal.js';
+import '../_chunks/dep-65c183dc.js';
+import '../loading/style/index.js';
+import '../_type/components/loading/index.js';
 import '../input/index.js';
 import '../input/Input.js';
-import '../_chunks/dep-169d1f12.js';
-import '../_chunks/dep-d77e1dab.js';
-import '../_chunks/dep-72e49bf9.js';
-import '../_chunks/dep-4f8d4a92.js';
-import '../_chunks/dep-d637b20e.js';
-import '../_chunks/dep-a80d1e95.js';
 import '../input/InputGroup.js';
 import '../input/style/index.js';
+import '../_type/components/input/index.js';
 import '../popup/index.js';
 import '../popup/Popup.js';
 import 'react-popper';
 import '../_util/usePrevious.js';
 import '../popup/Portal.js';
-import 'react-dom';
 import '../popup/useTriggerProps.js';
 import '../_util/useClickOutside.js';
 import '../popup/style/index.js';
+import '../_type/components/popup/index.js';
 import '../tag/index.js';
 import '../tag/Tag.js';
 import '../tag/CheckTag.js';
 import '../tag/style/index.js';
+import '../_type/components/tag/index.js';
 import '../select/base/Option.js';
-import '../_chunks/dep-8f70dd0b.js';
-import '../_chunks/dep-0bebd973.js';
-import '../_chunks/dep-8ce9524a.js';
-import '../_chunks/dep-50d67a9e.js';
-import '../_chunks/dep-6d4ba42b.js';
+import '../_chunks/dep-462edfd5.js';
 import '../_util/useRipple.js';
 import '../_util/setStyle.js';
 import '../select/base/PopupContent.js';
 import '../select/style/index.js';
+import '../_type/components/select/index.js';
 import './validators.js';
 
 var Pagination = Pagination$1;

package/esm/pagination/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/pagination/index.ts"],"sourcesContent":["import _Pagination from './Pagination';\n\nimport './style/index.js';\n\nexport type { PaginationProps, PageInfo } from './Pagination';\n\nexport const Pagination = _Pagination;\nexport default Pagination;\n"],"names":["Pagination","_Pagination"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAMaA,aAAaC;;;;"}
+{"version":3,"file":"index.js","sources":["../../src/pagination/index.ts"],"sourcesContent":["import _Pagination from './Pagination';\n\nimport './style/index.js';\n\nexport type { PaginationProps } from './Pagination';\nexport * from '../_type/components/pagination';\n\nexport const Pagination = _Pagination;\nexport default Pagination;\n"],"names":["Pagination","_Pagination"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAOaA,aAAaC;;;;"}

package/esm/pagination/validators.js

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

package/esm/popconfirm/PopConfirm.js

@@ -1,12 +1,12 @@
 /**
- * tdesign v0.17.0
+ * tdesign v0.18.2
  * (c) 2021 tdesign
  * @license MIT
  */
 
-import { _ as _defineProperty } from '../_chunks/dep-308ea020.js';
-import { _ as _slicedToArray } from '../_chunks/dep-01d52b00.js';
-import { _ as _extends } from '../_chunks/dep-fbcffa1a.js';
+import { _ as _defineProperty } from '../_chunks/dep-efe7433b.js';
+import { _ as _slicedToArray } from '../_chunks/dep-2f008905.js';
+import { _ as _extends } from '../_chunks/dep-3f11cde6.js';
 import React__default, { forwardRef } from 'react';
 import classNames from 'classnames';
 import Popup from '../popup/Popup.js';
@@ -14,7 +14,7 @@ import noop from '../_util/noop.js';
 import useConfig from '../_util/useConfig.js';
 import useDefault from '../_util/useDefault.js';
 import PopContent from './PopContent.js';
-import '../_chunks/dep-65d3c0dc.js';
+import '../_chunks/dep-6a5b1968.js';
 import 'react-popper';
 import '../_util/composeRefs.js';
 import '../_util/usePrevious.js';
@@ -24,18 +24,18 @@ import '../popup/useTriggerProps.js';
 import '../_util/useClickOutside.js';
 import '../config-provider/ConfigContext.js';
 import '../locale/zh_CN.js';
-import '../_chunks/dep-8ce9524a.js';
-import '../_chunks/dep-d77e1dab.js';
-import '../_chunks/dep-72e49bf9.js';
-import '../_chunks/dep-4f8d4a92.js';
-import '../_chunks/dep-50d67a9e.js';
-import '../_chunks/dep-6d4ba42b.js';
-import '../_chunks/dep-0bebd973.js';
+import '../_chunks/dep-e507e9db.js';
+import '../_chunks/dep-cb80da27.js';
+import '../_chunks/dep-b6ff8559.js';
+import '../_chunks/dep-1189939f.js';
+import '../_chunks/dep-9ad4f4b7.js';
+import '../_chunks/dep-4e491803.js';
+import '../_chunks/dep-f3eac264.js';
 import 'tdesign-icons-react';
 import '../locale/LocalReceiver.js';
 import '../config-provider/index.js';
 import '../config-provider/ConfigProvider.js';
-import '../_chunks/dep-34727236.js';
+import '../_chunks/dep-016d27a7.js';
 import '../button/Button.js';
 import '../_util/useRipple.js';
 import '../_util/setStyle.js';
@@ -45,8 +45,9 @@ import '../_util/dom.js';
 import 'raf';
 import '../_util/easing.js';
 import '../common/Portal.js';
-import '../_chunks/dep-edc09aef.js';
+import '../_chunks/dep-65c183dc.js';
 import '../loading/style/index.js';
+import '../_type/components/loading/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; }
 

package/esm/popconfirm/PopConfirm.js.map

@@ -1 +1 @@
-{"version":3,"file":"PopConfirm.js","sources":["../../src/popconfirm/PopConfirm.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport classNames from 'classnames';\nimport Popup from '../popup/Popup';\nimport noop from '../_util/noop';\nimport useConfig from '../_util/useConfig';\nimport useDefault from '../_util/useDefault';\nimport { TdPopconfirmProps, PopconfirmVisibleChangeContext } from '../_type/components/popconfirm';\nimport PopContent from './PopContent';\n\nexport type PopConfirmProps = TdPopconfirmProps;\n\nconst PopConfirm = forwardRef<HTMLDivElement, PopConfirmProps>(({ ...props }, ref) => {\n  const { classPrefix } = useConfig();\n  const [visible, setVisible] = useDefault(props.visible, props.defaultVisible, props.onVisibleChange);\n\n  return (\n    <Popup\n      ref={ref}\n      {...props}\n      visible={visible}\n      trigger=\"click\"\n      onVisibleChange={(visible) => setVisible(visible)}\n      overlayClassName={classNames(`${classPrefix}-popconfirm`)}\n      content={\n        <PopContent {...props} onClose={(context: PopconfirmVisibleChangeContext) => setVisible(false, context)} />\n      }\n      {...props.popupProps}\n    />\n  );\n});\n\nPopConfirm.displayName = 'PopConfirm';\n\nPopConfirm.defaultProps = {\n  showArrow: true,\n  cancelBtn: '取消',\n  confirmBtn: '确定',\n  onCancel: noop,\n  onConfirm: noop,\n  theme: 'default',\n};\nexport default PopConfirm;\n"],"names":["PopConfirm","forwardRef","ref","props","useConfig","classPrefix","useDefault","visible","defaultVisible","onVisibleChange","setVisible","Popup","trigger","visible2","overlayClassName","classNames","content","PopContent","onClose","context","popupProps","displayName","defaultProps","showArrow","cancelBtn","confirmBtn","onCancel","noop","onConfirm","theme"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAWMA,0BAAaC,WAA4C,gBAAeC,GAAf,EAAuB;AAAA,MAAjBC,KAAiB;;mBAC5DC;MAAhBC,yBAAAA;;oBACsBC,WAAWH,MAAMI,SAASJ,MAAMK,gBAAgBL,MAAMM;;MAA7EF;MAASG;;qDAGbC;AACCT,IAAAA,KAAAA;KACIC;AACJI,IAAAA,SAAAA;AACAK,IAAAA,SAAQ;AACRH,IAAAA,iBAAiB,yBAACI,QAAD;AAAA,aAAaH,WAAWG,SAAxB;AAAA;AACjBC,IAAAA,kBAAkBC,qBAAcV;AAChCW,IAAAA,qDACGC,4CAAed;AAAOe,MAAAA,SAAS,iBAACC,OAAD;AAAA,eAA6CT,WAAW,OAAOS,QAA/D;AAAA;;KAE9BhB,MAAMiB;;AAKhBpB,WAAWqB,WAAX,GAAyB,YAAzB;AAEArB,WAAWsB,YAAX,GAA0B;AACxBC,EAAAA,WAAW,IADa;AAExBC,EAAAA,WAAW,cAFa;AAGxBC,EAAAA,YAAY,cAHY;AAIxBC,EAAAA,UAAUC,IAJc;AAKxBC,EAAAA,WAAWD,IALa;AAMxBE,EAAAA,OAAO;AANiB,CAA1B;;;;"}
+{"version":3,"file":"PopConfirm.js","sources":["../../src/popconfirm/PopConfirm.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport classNames from 'classnames';\nimport Popup from '../popup/Popup';\nimport noop from '../_util/noop';\nimport useConfig from '../_util/useConfig';\nimport useDefault from '../_util/useDefault';\nimport { TdPopconfirmProps, PopconfirmVisibleChangeContext } from '../_type/components/popconfirm';\nimport PopContent from './PopContent';\n\nexport type PopConfirmProps = TdPopconfirmProps;\n\nconst PopConfirm = forwardRef<HTMLDivElement, PopConfirmProps>(({ ...props }, ref) => {\n  const { classPrefix } = useConfig();\n  const [visible, setVisible] = useDefault(props.visible, props.defaultVisible, props.onVisibleChange);\n\n  return (\n    <Popup\n      ref={ref}\n      {...props}\n      visible={visible}\n      trigger=\"click\"\n      onVisibleChange={(visible) => setVisible(visible)}\n      overlayClassName={classNames(`${classPrefix}-popconfirm`)}\n      content={\n        <PopContent {...props} onClose={(context: PopconfirmVisibleChangeContext) => setVisible(false, context)} />\n      }\n      {...props.popupProps}\n    />\n  );\n});\n\nPopConfirm.displayName = 'PopConfirm';\n\nPopConfirm.defaultProps = {\n  showArrow: true,\n  cancelBtn: '取消',\n  confirmBtn: '确定',\n  onCancel: noop,\n  onConfirm: noop,\n  theme: 'default',\n};\nexport default PopConfirm;\n"],"names":["PopConfirm","forwardRef","ref","props","useConfig","classPrefix","useDefault","visible","defaultVisible","onVisibleChange","setVisible","Popup","trigger","visible2","overlayClassName","classNames","content","PopContent","onClose","context","popupProps","displayName","defaultProps","showArrow","cancelBtn","confirmBtn","onCancel","noop","onConfirm","theme"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAWMA,0BAAaC,WAA4C,gBAAeC,GAAf,EAAuB;AAAA,MAAjBC,KAAiB;;mBAC5DC;MAAhBC,yBAAAA;;oBACsBC,WAAWH,MAAMI,SAASJ,MAAMK,gBAAgBL,MAAMM;;MAA7EF;MAASG;;qDAGbC;AACCT,IAAAA,KAAAA;KACIC;AACJI,IAAAA,SAAAA;AACAK,IAAAA,SAAQ;AACRH,IAAAA,iBAAiB,yBAACI,QAAD;AAAA,aAAaH,WAAWG,SAAxB;AAAA;AACjBC,IAAAA,kBAAkBC,qBAAcV;AAChCW,IAAAA,qDACGC,4CAAed;AAAOe,MAAAA,SAAS,iBAACC,OAAD;AAAA,eAA6CT,WAAW,OAAOS,QAA/D;AAAA;;KAE9BhB,MAAMiB;;AAKhBpB,WAAWqB,WAAX,GAAyB,YAAzB;AAEArB,WAAWsB,YAAX,GAA0B;AACxBC,EAAAA,WAAW,IADa;AAExBC,EAAAA,WAAW,cAFa;AAGxBC,EAAAA,YAAY,cAHY;AAIxBC,EAAAA,UAAUC,IAJc;AAKxBC,EAAAA,WAAWD,IALa;AAMxBE,EAAAA,OAAO;AANiB,CAA1B;;;;"}

package/esm/popconfirm/PopContent.js

@@ -1,29 +1,29 @@
 /**
- * tdesign v0.17.0
+ * tdesign v0.18.2
  * (c) 2021 tdesign
  * @license MIT
  */
 
-import { _ as _defineProperty } from '../_chunks/dep-308ea020.js';
-import { _ as _slicedToArray } from '../_chunks/dep-01d52b00.js';
+import { _ as _defineProperty } from '../_chunks/dep-efe7433b.js';
+import { _ as _slicedToArray } from '../_chunks/dep-2f008905.js';
 import React__default from 'react';
-import { i as isString_1 } from '../_chunks/dep-8ce9524a.js';
+import { i as isString_1 } from '../_chunks/dep-e507e9db.js';
 import classNames from 'classnames';
 import { InfoCircleFilledIcon } from 'tdesign-icons-react';
 import { useLocaleReceiver } from '../locale/LocalReceiver.js';
 import Button from '../button/Button.js';
 import noop from '../_util/noop.js';
 import useConfig from '../_util/useConfig.js';
-import '../_chunks/dep-65d3c0dc.js';
-import '../_chunks/dep-d77e1dab.js';
-import '../_chunks/dep-72e49bf9.js';
-import '../_chunks/dep-4f8d4a92.js';
-import '../_chunks/dep-50d67a9e.js';
-import '../_chunks/dep-6d4ba42b.js';
-import '../_chunks/dep-0bebd973.js';
+import '../_chunks/dep-6a5b1968.js';
+import '../_chunks/dep-cb80da27.js';
+import '../_chunks/dep-b6ff8559.js';
+import '../_chunks/dep-1189939f.js';
+import '../_chunks/dep-9ad4f4b7.js';
+import '../_chunks/dep-4e491803.js';
+import '../_chunks/dep-f3eac264.js';
 import '../config-provider/index.js';
 import '../config-provider/ConfigProvider.js';
-import '../_chunks/dep-34727236.js';
+import '../_chunks/dep-016d27a7.js';
 import '../config-provider/ConfigContext.js';
 import '../locale/zh_CN.js';
 import '../_util/useRipple.js';
@@ -35,8 +35,9 @@ import '../_util/dom.js';
 import 'raf';
 import '../_util/easing.js';
 import '../common/Portal.js';
-import '../_chunks/dep-edc09aef.js';
+import '../_chunks/dep-65c183dc.js';
 import '../loading/style/index.js';
+import '../_type/components/loading/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; }
 

package/esm/popconfirm/PopContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"PopContent.js","sources":["../../src/popconfirm/PopContent.tsx"],"sourcesContent":["import React from 'react';\nimport isString from 'lodash/isString';\nimport classNames from 'classnames';\nimport { InfoCircleFilledIcon } from 'tdesign-icons-react';\nimport { useLocaleReceiver } from '../locale/LocalReceiver';\nimport Button from '../button/Button';\nimport noop from '../_util/noop';\nimport useConfig from '../_util/useConfig';\nimport { PopConfirmProps } from './PopConfirm';\nimport { PopconfirmVisibleChangeContext } from '../_type/components/popconfirm';\n\nconst PopContent = (props: PopConfirmProps & { onClose?: (context: PopconfirmVisibleChangeContext) => any }) => {\n  const {\n    content,\n    cancelBtn,\n    confirmBtn,\n    icon,\n    theme = 'default',\n    onCancel = noop,\n    onConfirm = noop,\n    onClose = noop,\n  } = props;\n\n  // 国际化文本初始化\n  const [local, t] = useLocaleReceiver('popconfirm');\n  const confirmText = t(local.confirm);\n  const cancelText = t(local.cancel);\n\n  const { classPrefix } = useConfig();\n\n  const hideCancel = cancelBtn === null || cancelBtn === undefined;\n  const hideConfirm = confirmBtn === null || confirmBtn === undefined;\n\n  function renderIcon() {\n    let color = '#0052D9';\n    // theme 为 default 时不展示图标，否则根据 theme 的值设置图标颜色样式\n    const defaultIcon = <InfoCircleFilledIcon />;\n\n    switch (theme) {\n      case 'warning': // 黄色\n        color = '#FFAA00';\n        break;\n      case 'danger':\n        color = '#FF3E00'; // 红色\n        break;\n    }\n\n    let iconComponent = null;\n\n    // icon 是自定义组件实例，优先级最高\n    if (React.isValidElement(icon)) {\n      iconComponent = React.cloneElement(icon, {\n        style: { color },\n        ...icon.props,\n      });\n      // icon 是自定义组件类型\n    } else if (typeof icon === 'function') {\n      iconComponent = icon();\n    } else if (defaultIcon) {\n      iconComponent = React.cloneElement(defaultIcon, {\n        style: { color },\n      });\n    }\n    return iconComponent;\n  }\n\n  function renderCancel() {\n    if (React.isValidElement(cancelBtn)) {\n      return React.cloneElement(cancelBtn, {\n        onClick: (e) => {\n          onClose({ e, trigger: 'cancel' });\n          cancelBtn.props?.onClick?.(e);\n        },\n      });\n    }\n\n    if (hideCancel) {\n      return null;\n    }\n\n    return (\n      <Button\n        size=\"small\"\n        variant=\"outline\"\n        onClick={(e) => {\n          onClose({ e, trigger: 'cancel' });\n          onCancel({ e });\n        }}\n      >\n        {isString(cancelBtn) ? cancelBtn : cancelText}\n      </Button>\n    );\n  }\n\n  function renderConfirm() {\n    if (React.isValidElement(confirmBtn)) {\n      return React.cloneElement(confirmBtn, {\n        onClick: (e) => {\n          onClose({ e, trigger: 'confirm' });\n          confirmBtn.props?.onClick?.(e);\n        },\n      });\n    }\n\n    if (hideConfirm) {\n      return null;\n    }\n\n    return (\n      <Button\n        size=\"small\"\n        theme=\"primary\"\n        onClick={(e) => {\n          onClose({ e, trigger: 'confirm' });\n          onConfirm({ e });\n        }}\n      >\n        {isString(confirmBtn) ? confirmBtn : confirmText}\n      </Button>\n    );\n  }\n\n  return (\n    <div className={`${classPrefix}-popconfirm__content`}>\n      <div className={`${classPrefix}-popconfirm__body`}>\n        {renderIcon()}\n        <div className={`${classPrefix}-popconfirm__inner`}>{content}</div>\n      </div>\n      <div className={`${classPrefix}-popconfirm__buttons`}>\n        <span className={classNames(`${classPrefix}-popconfirm__cancel`)}>{renderCancel()}</span>\n        <span className={classNames(`${classPrefix}-popconfirm__confirm`)}>{renderConfirm()}</span>\n      </div>\n    </div>\n  );\n};\n\nPopContent.displayName = 'PopContent';\n\nexport default PopContent;\n"],"names":["PopContent","props","content","cancelBtn","confirmBtn","icon","theme","onCancel","noop","onConfirm","onClose","useLocaleReceiver","local","t","confirmText","confirm","cancelText","cancel","useConfig","classPrefix","hideCancel","hideConfirm","color","defaultIcon","InfoCircleFilledIcon","iconComponent","React","isValidElement","cloneElement","style","onClick","e","trigger","Button","size","variant","isString","className","renderIcon","classNames","renderCancel","renderConfirm","displayName"],"mappings":"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"}
+{"version":3,"file":"PopContent.js","sources":["../../src/popconfirm/PopContent.tsx"],"sourcesContent":["import React from 'react';\nimport isString from 'lodash/isString';\nimport classNames from 'classnames';\nimport { InfoCircleFilledIcon } from 'tdesign-icons-react';\nimport { useLocaleReceiver } from '../locale/LocalReceiver';\nimport Button from '../button/Button';\nimport noop from '../_util/noop';\nimport useConfig from '../_util/useConfig';\nimport { PopConfirmProps } from './PopConfirm';\nimport { PopconfirmVisibleChangeContext } from '../_type/components/popconfirm';\n\nconst PopContent = (props: PopConfirmProps & { onClose?: (context: PopconfirmVisibleChangeContext) => any }) => {\n  const {\n    content,\n    cancelBtn,\n    confirmBtn,\n    icon,\n    theme = 'default',\n    onCancel = noop,\n    onConfirm = noop,\n    onClose = noop,\n  } = props;\n\n  // 国际化文本初始化\n  const [local, t] = useLocaleReceiver('popconfirm');\n  const confirmText = t(local.confirm);\n  const cancelText = t(local.cancel);\n\n  const { classPrefix } = useConfig();\n\n  const hideCancel = cancelBtn === null || cancelBtn === undefined;\n  const hideConfirm = confirmBtn === null || confirmBtn === undefined;\n\n  function renderIcon() {\n    let color = '#0052D9';\n    // theme 为 default 时不展示图标，否则根据 theme 的值设置图标颜色样式\n    const defaultIcon = <InfoCircleFilledIcon />;\n\n    switch (theme) {\n      case 'warning': // 黄色\n        color = '#FFAA00';\n        break;\n      case 'danger':\n        color = '#FF3E00'; // 红色\n        break;\n    }\n\n    let iconComponent = null;\n\n    // icon 是自定义组件实例，优先级最高\n    if (React.isValidElement(icon)) {\n      iconComponent = React.cloneElement(icon, {\n        style: { color },\n        ...icon.props,\n      });\n      // icon 是自定义组件类型\n    } else if (typeof icon === 'function') {\n      iconComponent = icon();\n    } else if (defaultIcon) {\n      iconComponent = React.cloneElement(defaultIcon, {\n        style: { color },\n      });\n    }\n    return iconComponent;\n  }\n\n  function renderCancel() {\n    if (React.isValidElement(cancelBtn)) {\n      return React.cloneElement(cancelBtn, {\n        onClick: (e) => {\n          onClose({ e, trigger: 'cancel' });\n          cancelBtn.props?.onClick?.(e);\n        },\n      });\n    }\n\n    if (hideCancel) {\n      return null;\n    }\n\n    return (\n      <Button\n        size=\"small\"\n        variant=\"outline\"\n        onClick={(e) => {\n          onClose({ e, trigger: 'cancel' });\n          onCancel({ e });\n        }}\n      >\n        {isString(cancelBtn) ? cancelBtn : cancelText}\n      </Button>\n    );\n  }\n\n  function renderConfirm() {\n    if (React.isValidElement(confirmBtn)) {\n      return React.cloneElement(confirmBtn, {\n        onClick: (e) => {\n          onClose({ e, trigger: 'confirm' });\n          confirmBtn.props?.onClick?.(e);\n        },\n      });\n    }\n\n    if (hideConfirm) {\n      return null;\n    }\n\n    return (\n      <Button\n        size=\"small\"\n        theme=\"primary\"\n        onClick={(e) => {\n          onClose({ e, trigger: 'confirm' });\n          onConfirm({ e });\n        }}\n      >\n        {isString(confirmBtn) ? confirmBtn : confirmText}\n      </Button>\n    );\n  }\n\n  return (\n    <div className={`${classPrefix}-popconfirm__content`}>\n      <div className={`${classPrefix}-popconfirm__body`}>\n        {renderIcon()}\n        <div className={`${classPrefix}-popconfirm__inner`}>{content}</div>\n      </div>\n      <div className={`${classPrefix}-popconfirm__buttons`}>\n        <span className={classNames(`${classPrefix}-popconfirm__cancel`)}>{renderCancel()}</span>\n        <span className={classNames(`${classPrefix}-popconfirm__confirm`)}>{renderConfirm()}</span>\n      </div>\n    </div>\n  );\n};\n\nPopContent.displayName = 'PopContent';\n\nexport default PopContent;\n"],"names":["PopContent","props","content","cancelBtn","confirmBtn","icon","theme","onCancel","noop","onConfirm","onClose","useLocaleReceiver","local","t","confirmText","confirm","cancelText","cancel","useConfig","classPrefix","hideCancel","hideConfirm","color","defaultIcon","InfoCircleFilledIcon","iconComponent","React","isValidElement","cloneElement","style","onClick","e","trigger","Button","size","variant","isString","className","renderIcon","classNames","renderCancel","renderConfirm","displayName"],"mappings":"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"}

package/esm/popconfirm/index.d.ts

@@ -1,5 +1,6 @@
 /// <reference types="react" />
 import './style/index.js';
 export type { PopConfirmProps } from './PopConfirm';
+export * from '../_type/components/popconfirm';
 export declare const PopConfirm: import("react").ForwardRefExoticComponent<import("../_type/components/popconfirm").TdPopconfirmProps & import("react").RefAttributes<HTMLDivElement>>;
 export default PopConfirm;

package/esm/popconfirm/index.js

@@ -1,15 +1,16 @@
 /**
- * tdesign v0.17.0
+ * tdesign v0.18.2
  * (c) 2021 tdesign
  * @license MIT
  */
 
 import PopConfirm$1 from './PopConfirm.js';
 import './style/index.js';
-import '../_chunks/dep-308ea020.js';
-import '../_chunks/dep-01d52b00.js';
-import '../_chunks/dep-65d3c0dc.js';
-import '../_chunks/dep-fbcffa1a.js';
+import '../_type/components/popconfirm/index.js';
+import '../_chunks/dep-efe7433b.js';
+import '../_chunks/dep-2f008905.js';
+import '../_chunks/dep-6a5b1968.js';
+import '../_chunks/dep-3f11cde6.js';
 import 'react';
 import 'classnames';
 import '../popup/Popup.js';
@@ -26,18 +27,18 @@ import 'react-dom';
 import '../popup/useTriggerProps.js';
 import '../_util/useClickOutside.js';
 import './PopContent.js';
-import '../_chunks/dep-8ce9524a.js';
-import '../_chunks/dep-d77e1dab.js';
-import '../_chunks/dep-72e49bf9.js';
-import '../_chunks/dep-4f8d4a92.js';
-import '../_chunks/dep-50d67a9e.js';
-import '../_chunks/dep-6d4ba42b.js';
-import '../_chunks/dep-0bebd973.js';
+import '../_chunks/dep-e507e9db.js';
+import '../_chunks/dep-cb80da27.js';
+import '../_chunks/dep-b6ff8559.js';
+import '../_chunks/dep-1189939f.js';
+import '../_chunks/dep-9ad4f4b7.js';
+import '../_chunks/dep-4e491803.js';
+import '../_chunks/dep-f3eac264.js';
 import 'tdesign-icons-react';
 import '../locale/LocalReceiver.js';
 import '../config-provider/index.js';
 import '../config-provider/ConfigProvider.js';
-import '../_chunks/dep-34727236.js';
+import '../_chunks/dep-016d27a7.js';
 import '../button/Button.js';
 import '../_util/useRipple.js';
 import '../_util/setStyle.js';
@@ -47,8 +48,9 @@ import '../_util/dom.js';
 import 'raf';
 import '../_util/easing.js';
 import '../common/Portal.js';
-import '../_chunks/dep-edc09aef.js';
+import '../_chunks/dep-65c183dc.js';
 import '../loading/style/index.js';
+import '../_type/components/loading/index.js';
 
 var PopConfirm = PopConfirm$1;
 

package/esm/popconfirm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/popconfirm/index.ts"],"sourcesContent":["import _PopConfirm from './PopConfirm';\n\nimport './style/index.js';\n\nexport type { PopConfirmProps } from './PopConfirm';\n\nexport const PopConfirm = _PopConfirm;\nexport default PopConfirm;\n"],"names":["PopConfirm","_PopConfirm"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAMaA,aAAaC;;;;"}
+{"version":3,"file":"index.js","sources":["../../src/popconfirm/index.ts"],"sourcesContent":["import _PopConfirm from './PopConfirm';\n\nimport './style/index.js';\n\nexport type { PopConfirmProps } from './PopConfirm';\nexport * from '../_type/components/popconfirm';\n\nexport const PopConfirm = _PopConfirm;\nexport default PopConfirm;\n"],"names":["PopConfirm","_PopConfirm"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAOaA,aAAaC;;;;"}

package/esm/popup/Popup.js

@@ -1,12 +1,12 @@
 /**
- * tdesign v0.17.0
+ * tdesign v0.18.2
  * (c) 2021 tdesign
  * @license MIT
  */
 
-import { _ as _defineProperty } from '../_chunks/dep-308ea020.js';
-import { _ as _slicedToArray } from '../_chunks/dep-01d52b00.js';
-import React__default, { forwardRef, useState, useRef, useImperativeHandle, useMemo, isValidElement, cloneElement, useEffect } from 'react';
+import { _ as _defineProperty } from '../_chunks/dep-efe7433b.js';
+import { _ as _slicedToArray } from '../_chunks/dep-2f008905.js';
+import React__default, { forwardRef, useState, useRef, useMemo, useImperativeHandle, isValidElement, cloneElement, useEffect } from 'react';
 import classNames from 'classnames';
 import { usePopper } from 'react-popper';
 import useDefault from '../_util/useDefault.js';
@@ -15,7 +15,7 @@ import composeRefs from '../_util/composeRefs.js';
 import usePrevious from '../_util/usePrevious.js';
 import Portal from './Portal.js';
 import useTriggerProps from './useTriggerProps.js';
-import '../_chunks/dep-65d3c0dc.js';
+import '../_chunks/dep-6a5b1968.js';
 import '../_util/noop.js';
 import '../config-provider/ConfigContext.js';
 import '../locale/zh_CN.js';
@@ -86,8 +86,20 @@ var Popup = /*#__PURE__*/forwardRef(function (props, ref) {
 
   var contentRef = useRef(null);
 
+  var _useState5 = useState(false),
+      _useState6 = _slicedToArray(_useState5, 2),
+      firstUpdate = _useState6[0],
+      setFirstUpdate = _useState6[1];
+
+  var onPopperFirstUpdate = useMemo(function () {
+    return function () {
+      setFirstUpdate(true);
+    };
+  }, []);
+
   var _usePopper = usePopper(triggerRef, overlayRef, {
-    placement: placementMap[placement]
+    placement: placementMap[placement],
+    onFirstUpdate: onPopperFirstUpdate
   }),
       styles = _usePopper.styles,
       attributes = _usePopper.attributes,
@@ -107,9 +119,7 @@ var Popup = /*#__PURE__*/forwardRef(function (props, ref) {
       zIndex: zIndex
     });
   }, [overlayStyle, zIndex, triggerRef]);
-  var overlayVisibleStyle = visible ? defaulstStyles : _objectSpread(_objectSpread({}, defaulstStyles), {}, {
-    display: "none"
-  });
+  var overlayVisibleStyle = defaulstStyles;
   var triggerNodeTemp = useMemo(function () {
     var _React$Children$toArr = React__default.Children.toArray(children),
         _React$Children$toArr2 = _slicedToArray(_React$Children$toArr, 1),
@@ -146,7 +156,7 @@ var Popup = /*#__PURE__*/forwardRef(function (props, ref) {
     }, /* @__PURE__ */React__default.createElement("div", _objectSpread(_objectSpread({
       ref: composeRefs(setOverlayRef, ref),
       style: styles.popper,
-      className: "".concat(classPrefix, "-popup")
+      className: classNames("".concat(classPrefix, "-popup"), "".concat(classPrefix, "-popup_animation-enter-active"), visible ? "".concat(classPrefix, "-popup_animation-leave") : "".concat(classPrefix, "-popup_animation-leave-to"))
     }, attributes.popper), popupProps), /* @__PURE__ */React__default.createElement("div", {
       className: classNames("".concat(classPrefix, "-popup-content"), overlayClassName, _defineProperty({}, "".concat(classPrefix, "-popup-content--arrow"), showArrow)),
       style: overlayVisibleStyle,
@@ -162,12 +172,24 @@ var Popup = /*#__PURE__*/forwardRef(function (props, ref) {
   }
 
   useEffect(function () {
-    if (visible !== preVisible && visible && update) {
+    if ((visible || firstUpdate) && update) {
       update();
     }
-  }, [visible, preVisible, update]);
+  }, [visible, preVisible, update, children, firstUpdate]);
+
+  var handlePopupWrapperMouseDown = function handlePopupWrapperMouseDown() {
+    var removeUpdate = function removeUpdate() {
+      return window.removeEventListener("mousemove", update);
+    };
+
+    window.removeEventListener("mouseup", removeUpdate);
+    window.addEventListener("mousemove", update);
+    window.addEventListener("mouseup", removeUpdate);
+  };
+
   return /* @__PURE__ */React__default.createElement("div", {
     className: classNames("".concat(classPrefix, "-popup-reference"), className),
+    onMouseDown: handlePopupWrapperMouseDown,
     style: style
   }, triggerNode, portal);
 });