tdesign-react 0.17.0 → 0.18.2

package/lib/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/lib/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/lib/pagination/index.js

@@ -1,13 +1,13 @@
 /**
- * tdesign v0.17.0
+ * tdesign v0.18.2
  * (c) 2021 tdesign
  * @license MIT
  */
 
 import Pagination$1 from './Pagination.js';
-import '../_chunks/dep-308ea020.js';
-import '../_chunks/dep-01d52b00.js';
-import '../_chunks/dep-65d3c0dc.js';
+import '../_chunks/dep-efe7433b.js';
+import '../_chunks/dep-2f008905.js';
+import '../_chunks/dep-6a5b1968.js';
 import 'react';
 import 'classnames';
 import 'tdesign-icons-react';
@@ -18,40 +18,53 @@ import '../locale/zh_CN.js';
 import '../_util/useDefault.js';
 import '../select/index.js';
 import '../select/base/Select.js';
-import 'lodash';
+import '../_chunks/dep-0d083983.js';
+import '../_chunks/dep-f879eead.js';
+import '../_chunks/dep-1189939f.js';
+import '../_chunks/dep-8feebb03.js';
+import '../_chunks/dep-4fec9bd1.js';
+import '../_chunks/dep-a573ca40.js';
+import '../_chunks/dep-074cf15e.js';
+import '../_chunks/dep-9bf1ae6b.js';
+import '../_chunks/dep-4c6e8221.js';
+import '../_chunks/dep-1599f0a8.js';
+import '../_chunks/dep-4250a6ff.js';
+import '../_chunks/dep-79cd2b4c.js';
+import '../_chunks/dep-748f57d4.js';
 import '../locale/LocalReceiver.js';
 import '../_util/composeRefs.js';
 import '../_util/useDefaultValue.js';
-import '../_chunks/dep-34727236.js';
+import '../_chunks/dep-016d27a7.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 '../input/index.js';
 import '../input/Input.js';
-import '../_chunks/dep-595c6f70.js';
-import '../_chunks/dep-b9a3a4c3.js';
-import '../_chunks/dep-4f8d4a92.js';
-import '../_chunks/dep-912b3702.js';
 import '../input/InputGroup.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 '../tag/index.js';
 import '../tag/Tag.js';
 import '../tag/CheckTag.js';
 import '../select/base/Option.js';
-import '../_chunks/dep-486658c7.js';
-import '../_chunks/dep-0d4554b0.js';
-import '../_chunks/dep-df593f73.js';
-import '../_chunks/dep-2a1470e6.js';
+import '../_chunks/dep-5a05d23d.js';
 import '../_util/useRipple.js';
 import '../_util/setStyle.js';
 import '../select/base/PopupContent.js';

package/lib/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/lib/pagination/validators.js

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

package/lib/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,15 +24,15 @@ import '../popup/useTriggerProps.js';
 import '../_util/useClickOutside.js';
 import '../config-provider/ConfigContext.js';
 import '../locale/zh_CN.js';
-import '../_chunks/dep-df593f73.js';
-import '../_chunks/dep-b9a3a4c3.js';
-import '../_chunks/dep-4f8d4a92.js';
-import '../_chunks/dep-2a1470e6.js';
-import '../_chunks/dep-0d4554b0.js';
+import '../_chunks/dep-748f57d4.js';
+import '../_chunks/dep-f879eead.js';
+import '../_chunks/dep-1189939f.js';
+import '../_chunks/dep-074cf15e.js';
+import '../_chunks/dep-4c6e8221.js';
 import 'tdesign-icons-react';
 import '../locale/LocalReceiver.js';
 import '../button/Button.js';
-import '../_chunks/dep-34727236.js';
+import '../_chunks/dep-016d27a7.js';
 import '../_util/useRipple.js';
 import '../_util/setStyle.js';
 import '../loading/index.js';
@@ -41,7 +41,7 @@ import '../_util/dom.js';
 import 'raf';
 import '../_util/easing.js';
 import '../common/Portal.js';
-import '../_chunks/dep-edc09aef.js';
+import '../_chunks/dep-65c183dc.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/lib/popconfirm/PopContent.js

@@ -1,27 +1,27 @@
 /**
- * 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-df593f73.js';
+import { i as isString_1 } from '../_chunks/dep-748f57d4.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-b9a3a4c3.js';
-import '../_chunks/dep-4f8d4a92.js';
-import '../_chunks/dep-2a1470e6.js';
-import '../_chunks/dep-0d4554b0.js';
+import '../_chunks/dep-6a5b1968.js';
+import '../_chunks/dep-f879eead.js';
+import '../_chunks/dep-1189939f.js';
+import '../_chunks/dep-074cf15e.js';
+import '../_chunks/dep-4c6e8221.js';
 import '../config-provider/ConfigContext.js';
 import '../locale/zh_CN.js';
-import '../_chunks/dep-34727236.js';
+import '../_chunks/dep-016d27a7.js';
 import '../_util/useRipple.js';
 import '../_util/setStyle.js';
 import '../loading/index.js';
@@ -31,7 +31,7 @@ import '../_util/dom.js';
 import 'raf';
 import '../_util/easing.js';
 import '../common/Portal.js';
-import '../_chunks/dep-edc09aef.js';
+import '../_chunks/dep-65c183dc.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/lib/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/lib/popconfirm/index.js

@@ -1,14 +1,14 @@
 /**
- * tdesign v0.17.0
+ * tdesign v0.18.2
  * (c) 2021 tdesign
  * @license MIT
  */
 
 import PopConfirm$1 from './PopConfirm.js';
-import '../_chunks/dep-308ea020.js';
-import '../_chunks/dep-01d52b00.js';
-import '../_chunks/dep-65d3c0dc.js';
-import '../_chunks/dep-fbcffa1a.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';
@@ -25,15 +25,15 @@ import 'react-dom';
 import '../popup/useTriggerProps.js';
 import '../_util/useClickOutside.js';
 import './PopContent.js';
-import '../_chunks/dep-df593f73.js';
-import '../_chunks/dep-b9a3a4c3.js';
-import '../_chunks/dep-4f8d4a92.js';
-import '../_chunks/dep-2a1470e6.js';
-import '../_chunks/dep-0d4554b0.js';
+import '../_chunks/dep-748f57d4.js';
+import '../_chunks/dep-f879eead.js';
+import '../_chunks/dep-1189939f.js';
+import '../_chunks/dep-074cf15e.js';
+import '../_chunks/dep-4c6e8221.js';
 import 'tdesign-icons-react';
 import '../locale/LocalReceiver.js';
 import '../button/Button.js';
-import '../_chunks/dep-34727236.js';
+import '../_chunks/dep-016d27a7.js';
 import '../_util/useRipple.js';
 import '../_util/setStyle.js';
 import '../loading/index.js';
@@ -42,7 +42,7 @@ import '../_util/dom.js';
 import 'raf';
 import '../_util/easing.js';
 import '../common/Portal.js';
-import '../_chunks/dep-edc09aef.js';
+import '../_chunks/dep-65c183dc.js';
 
 var PopConfirm = PopConfirm$1;
 

package/lib/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/lib/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);
 });

package/lib/popup/Popup.js.map

@@ -1 +1 @@
-{"version":3,"file":"Popup.js","sources":["../../src/popup/Popup.tsx"],"sourcesContent":["import React, {\n  forwardRef,\n  CSSProperties,\n  useState,\n  useEffect,\n  cloneElement,\n  isValidElement,\n  useMemo,\n  useImperativeHandle,\n  useRef,\n} from 'react';\nimport classNames from 'classnames';\nimport { usePopper } from 'react-popper';\nimport Popper from '@popperjs/core';\nimport { StyledProps } from '../_type';\nimport useDefault from '../_util/useDefault';\nimport useConfig from '../_util/useConfig';\nimport composeRefs from '../_util/composeRefs';\nimport usePrevious from '../_util/usePrevious';\nimport { TdPopupProps } from '../_type/components/popup';\nimport Portal from './Portal';\nimport useTriggerProps from './useTriggerProps';\n\nexport interface PopupProps extends TdPopupProps, StyledProps {}\n/**\n * 修复参数对齐popper.js 组件展示方向，与TD组件定义有差异\n */\ntype PlacementDictionary = {\n  [Key in TdPopupProps['placement']]: Popper.Placement;\n};\n\nconst placementMap: PlacementDictionary = {\n  top: 'top',\n  'top-left': 'top-start',\n  'top-right': 'top-end',\n  bottom: 'bottom',\n  'bottom-left': 'bottom-start',\n  'bottom-right': 'bottom-end',\n  left: 'left',\n  'left-top': 'left-start',\n  'left-bottom': 'left-end',\n  right: 'right',\n  'right-top': 'right-start',\n  'right-bottom': 'right-end',\n};\n\nconst Popup = forwardRef<HTMLDivElement, PopupProps>((props, ref) => {\n  const {\n    trigger = 'hover',\n    content = null,\n    placement = 'top',\n    attach,\n    showArrow = false,\n    destroyOnClose = false,\n    className,\n    style,\n    overlayClassName,\n    overlayStyle,\n    triggerElement,\n    children = triggerElement,\n    disabled,\n    defaultVisible = false,\n    zIndex,\n    onVisibleChange,\n  } = props;\n  const { classPrefix } = useConfig();\n  const [visible, setVisible] = useDefault(props.visible, defaultVisible, onVisibleChange);\n  const preVisible = usePrevious(visible);\n\n  // refs\n  const [triggerRef, setTriggerRef] = useState<HTMLElement>(null);\n  const [overlayRef, setOverlayRef] = useState<HTMLDivElement>(null);\n  const contentRef = useRef(null);\n\n  const { styles, attributes, update } = usePopper(triggerRef, overlayRef, {\n    placement: placementMap[placement],\n  });\n\n  useImperativeHandle(ref, (): any => ({\n    setVisible,\n    getContentRef: contentRef?.current,\n  }));\n\n  const defaulstStyles = useMemo(() => {\n    if (triggerRef && typeof overlayStyle === 'function') return { ...overlayStyle(triggerRef), zIndex };\n    return { ...overlayStyle, zIndex };\n  }, [overlayStyle, zIndex, triggerRef]);\n  // 设置 style 决定展示与隐藏\n  const overlayVisibleStyle: CSSProperties = visible ? defaulstStyles : { ...defaulstStyles, display: 'none' };\n\n  const triggerNodeTemp = useMemo(() => {\n    const [triggerChildNode] = React.Children.toArray(children);\n\n    if (React.Children.count(children) === 1 && isValidElement(triggerChildNode)) {\n      return triggerChildNode;\n    }\n    return <span className={`${classPrefix}-trigger`}>{children}</span>;\n  }, [children, classPrefix]);\n\n  const [triggerProps, popupProps] = useTriggerProps(\n    { current: overlayRef },\n    { current: triggerRef },\n    [trigger],\n    visible,\n    setVisible,\n    disabled,\n    triggerNodeTemp,\n  );\n\n  // 触发器只能有一个元素\n  const disabledClassName = classNames({ [`${classPrefix}-is-disabled`]: disabled });\n\n  // 代理 trigger 的 ref\n  const triggerNode = cloneElement(triggerNodeTemp, {\n    ref: composeRefs((triggerNodeTemp as any).ref, setTriggerRef),\n    className: classNames(disabledClassName, triggerNodeTemp.props.className),\n    ...triggerProps,\n  });\n\n  // portal\n  let portal: React.ReactElement = null;\n  // 如果要展示，或者已经渲染过，默认不销毁\n  if (visible || overlayRef) {\n    portal = (\n      <Portal attach={attach}>\n        <div\n          ref={composeRefs(setOverlayRef, ref)}\n          style={styles.popper}\n          className={`${classPrefix}-popup`}\n          {...attributes.popper}\n          {...popupProps}\n        >\n          <div\n            className={classNames(`${classPrefix}-popup-content`, overlayClassName, {\n              [`${classPrefix}-popup-content--arrow`]: showArrow,\n            })}\n            style={overlayVisibleStyle}\n            ref={contentRef}\n          >\n            {showArrow ? (\n              <div style={styles.arrow} className={`${classPrefix}-popup__arrow`} />\n            ) : null}\n            {content}\n          </div>\n        </div>\n      </Portal>\n    );\n  }\n\n  // 强制销毁\n  if (!visible && destroyOnClose) {\n    portal = null;\n  }\n\n  // 弹出框展示的时候，重新计算一下位置\n  useEffect(() => {\n    if (visible !== preVisible && visible && update) {\n      update();\n    }\n  }, [visible, preVisible, update]);\n\n  return (\n    <div className={classNames(`${classPrefix}-popup-reference`, className)} style={style}>\n      {triggerNode}\n      {portal}\n    </div>\n  );\n});\n\nPopup.displayName = 'Popup';\n\nexport default Popup;\n"],"names":["placementMap","top","bottom","left","right","Popup","forwardRef","props","ref","trigger","content","placement","attach","showArrow","destroyOnClose","className","style","overlayClassName","overlayStyle","triggerElement","children","disabled","defaultVisible","zIndex","onVisibleChange","useConfig","classPrefix","useDefault","visible","setVisible","preVisible","usePrevious","useState","triggerRef","setTriggerRef","overlayRef","setOverlayRef","contentRef","useRef","usePopper","styles","attributes","update","getContentRef","current","defaulstStyles","useMemo","overlayVisibleStyle","display","triggerNodeTemp","React","Children","toArray","triggerChildNode","count","isValidElement","useTriggerProps","triggerProps","popupProps","disabledClassName","classNames","triggerNode","cloneElement","composeRefs","portal","Portal","popper","arrow","displayName"],"mappings":"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"}
+{"version":3,"file":"Popup.js","sources":["../../src/popup/Popup.tsx"],"sourcesContent":["import React, {\n  forwardRef,\n  CSSProperties,\n  useState,\n  useEffect,\n  cloneElement,\n  isValidElement,\n  useMemo,\n  useImperativeHandle,\n  useRef,\n} from 'react';\nimport classNames from 'classnames';\nimport { usePopper } from 'react-popper';\nimport Popper from '@popperjs/core';\nimport { StyledProps } from '../_type';\nimport useDefault from '../_util/useDefault';\nimport useConfig from '../_util/useConfig';\nimport composeRefs from '../_util/composeRefs';\nimport usePrevious from '../_util/usePrevious';\nimport { TdPopupProps } from '../_type/components/popup';\nimport Portal from './Portal';\nimport useTriggerProps from './useTriggerProps';\n\nexport interface PopupProps extends TdPopupProps, StyledProps {}\n/**\n * 修复参数对齐popper.js 组件展示方向，与TD组件定义有差异\n */\ntype PlacementDictionary = {\n  [Key in TdPopupProps['placement']]: Popper.Placement;\n};\n\nconst placementMap: PlacementDictionary = {\n  top: 'top',\n  'top-left': 'top-start',\n  'top-right': 'top-end',\n  bottom: 'bottom',\n  'bottom-left': 'bottom-start',\n  'bottom-right': 'bottom-end',\n  left: 'left',\n  'left-top': 'left-start',\n  'left-bottom': 'left-end',\n  right: 'right',\n  'right-top': 'right-start',\n  'right-bottom': 'right-end',\n};\n\nconst Popup = forwardRef<HTMLDivElement, PopupProps>((props, ref) => {\n  const {\n    trigger = 'hover',\n    content = null,\n    placement = 'top',\n    attach,\n    showArrow = false,\n    destroyOnClose = false,\n    className,\n    style,\n    overlayClassName,\n    overlayStyle,\n    triggerElement,\n    children = triggerElement,\n    disabled,\n    defaultVisible = false,\n    zIndex,\n    onVisibleChange,\n  } = props;\n  const { classPrefix } = useConfig();\n  const [visible, setVisible] = useDefault(props.visible, defaultVisible, onVisibleChange);\n  const preVisible = usePrevious(visible);\n\n  // refs\n  const [triggerRef, setTriggerRef] = useState<HTMLElement>(null);\n  const [overlayRef, setOverlayRef] = useState<HTMLDivElement>(null);\n  const contentRef = useRef(null);\n\n  // https://popper.js.org/react-popper/v2/faq/\n  const [firstUpdate, setFirstUpdate] = useState<boolean>(false);\n  const onPopperFirstUpdate = useMemo(\n    () => () => {\n      setFirstUpdate(true);\n    },\n    [],\n  );\n\n  const { styles, attributes, update } = usePopper(triggerRef, overlayRef, {\n    placement: placementMap[placement],\n    onFirstUpdate: onPopperFirstUpdate,\n  });\n\n  useImperativeHandle(ref, (): any => ({\n    setVisible,\n    getContentRef: contentRef?.current,\n  }));\n\n  const defaulstStyles = useMemo(() => {\n    if (triggerRef && typeof overlayStyle === 'function') return { ...overlayStyle(triggerRef), zIndex };\n    return { ...overlayStyle, zIndex };\n  }, [overlayStyle, zIndex, triggerRef]);\n  // 设置 style 决定展示与隐藏\n  const overlayVisibleStyle: CSSProperties = defaulstStyles;\n\n  const triggerNodeTemp = useMemo(() => {\n    const [triggerChildNode] = React.Children.toArray(children);\n\n    if (React.Children.count(children) === 1 && isValidElement(triggerChildNode)) {\n      return triggerChildNode;\n    }\n    return <span className={`${classPrefix}-trigger`}>{children}</span>;\n  }, [children, classPrefix]);\n\n  const [triggerProps, popupProps] = useTriggerProps(\n    { current: overlayRef },\n    { current: triggerRef },\n    [trigger],\n    visible,\n    setVisible,\n    disabled,\n    triggerNodeTemp,\n  );\n\n  // 触发器只能有一个元素\n  const disabledClassName = classNames({ [`${classPrefix}-is-disabled`]: disabled });\n\n  // 代理 trigger 的 ref\n  const triggerNode = cloneElement(triggerNodeTemp, {\n    ref: composeRefs((triggerNodeTemp as any).ref, setTriggerRef),\n    className: classNames(disabledClassName, triggerNodeTemp.props.className),\n    ...triggerProps,\n  });\n\n  // portal\n  let portal: React.ReactElement = null;\n  // 如果要展示，或者已经渲染过，默认不销毁\n  if (visible || overlayRef) {\n    portal = (\n      <Portal attach={attach}>\n        <div\n          ref={composeRefs(setOverlayRef, ref)}\n          style={styles.popper}\n          className={classNames(\n            `${classPrefix}-popup`,\n            `${classPrefix}-popup_animation-enter-active`,\n            visible ? `${classPrefix}-popup_animation-leave` : `${classPrefix}-popup_animation-leave-to`,\n          )}\n          {...attributes.popper}\n          {...popupProps}\n        >\n          <div\n            className={classNames(`${classPrefix}-popup-content`, overlayClassName, {\n              [`${classPrefix}-popup-content--arrow`]: showArrow,\n            })}\n            style={overlayVisibleStyle}\n            ref={contentRef}\n          >\n            {showArrow ? <div style={styles.arrow} className={`${classPrefix}-popup__arrow`} /> : null}\n            {content}\n          </div>\n        </div>\n      </Portal>\n    );\n  }\n\n  // 强制销毁\n  if (!visible && destroyOnClose) {\n    portal = null;\n  }\n\n  // 弹出框展示的时候，重新计算一下位置\n  useEffect(() => {\n    if ((visible || firstUpdate) && update) {\n      update();\n    }\n  }, [visible, preVisible, update, children, firstUpdate]);\n\n  const handlePopupWrapperMouseDown = () => {\n    const removeUpdate = () => window.removeEventListener('mousemove', update);\n    window.removeEventListener('mouseup', removeUpdate);\n    window.addEventListener('mousemove', update);\n    window.addEventListener('mouseup', removeUpdate);\n  };\n\n  return (\n    <div\n      className={classNames(`${classPrefix}-popup-reference`, className)}\n      onMouseDown={handlePopupWrapperMouseDown}\n      style={style}\n    >\n      {triggerNode}\n      {portal}\n    </div>\n  );\n});\n\nPopup.displayName = 'Popup';\n\nexport default Popup;\n"],"names":["placementMap","top","bottom","left","right","Popup","forwardRef","props","ref","trigger","content","placement","attach","showArrow","destroyOnClose","className","style","overlayClassName","overlayStyle","triggerElement","children","disabled","defaultVisible","zIndex","onVisibleChange","useConfig","classPrefix","useDefault","visible","setVisible","preVisible","usePrevious","useState","triggerRef","setTriggerRef","overlayRef","setOverlayRef","contentRef","useRef","firstUpdate","setFirstUpdate","onPopperFirstUpdate","useMemo","usePopper","onFirstUpdate","styles","attributes","update","getContentRef","current","defaulstStyles","overlayVisibleStyle","triggerNodeTemp","React","Children","toArray","triggerChildNode","count","isValidElement","useTriggerProps","triggerProps","popupProps","disabledClassName","classNames","triggerNode","cloneElement","composeRefs","portal","Portal","popper","arrow","handlePopupWrapperMouseDown","removeUpdate","window","removeEventListener","addEventListener","onMouseDown","displayName"],"mappings":"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"}

package/lib/popup/Portal.d.ts

@@ -1,8 +1,8 @@
-import { ReactNode } from 'react';
+import React, { ReactNode } from 'react';
 import { AttachNode } from '../_type/common';
 export interface PortalProps {
     children: ReactNode;
     attach: AttachNode;
 }
-declare const Portal: (props: PortalProps) => import("react").ReactPortal;
+declare const Portal: (props: PortalProps) => React.ReactPortal;
 export default Portal;

package/lib/popup/Portal.js

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

package/lib/popup/Portal.js.map

@@ -1 +1 @@
-{"version":3,"file":"Portal.js","sources":["../../src/popup/Portal.tsx"],"sourcesContent":["import { useEffect, ReactNode, useMemo } from 'react';\nimport { createPortal } from 'react-dom';\nimport { AttachNode } from '../_type/common';\n\nexport interface PortalProps {\n  // 子元素\n  children: ReactNode;\n\n  // 自定义 container 的方法\n  attach: AttachNode;\n}\n\n// 将 children 渲染到正常的 DOM 树外面\nconst Portal = (props: PortalProps) => {\n  const { children, attach } = props;\n\n  const container = useMemo(() => {\n    const el = document.createElement('div');\n    return el;\n  }, []);\n\n  useEffect(() => {\n    let parentElement = document.body;\n    let el = null;\n\n    // 处理 getContainer\n    if (typeof attach === 'function') {\n      el = attach();\n    } else if (typeof attach === 'string') {\n      el = document.querySelector(attach);\n    }\n\n    if (el instanceof HTMLElement) {\n      parentElement = el;\n    }\n\n    parentElement.appendChild(container);\n    return () => {\n      parentElement.removeChild(container);\n    };\n  }, [container, attach]);\n\n  return createPortal(children, container);\n};\n\nexport default Portal;\n"],"names":["Portal","props","children","attach","container","useMemo","el","document","createElement","parentElement","body","querySelector","HTMLElement","appendChild","removeChild","createPortal"],"mappings":";;;;;;;;;IAaMA,SAAS,SAATA,MAAS,CAACC,KAAD,EAAwB;MAC7BC,WAAqBD,MAArBC;MAAUC,SAAWF,MAAXE;MAEZC,YAAYC,QAAQ,YAAM;QACxBC,KAAKC,SAASC,aAAT,CAAuB,KAAvB;WACJF;KACN;YAEO,YAAM;QACVG,gBAAgBF,SAASG;QACzBJ,KAAK;;QAGL,OAAOH,MAAP,KAAkB,YAAY;WAC3BA;eACI,OAAOA,MAAP,KAAkB,UAAU;WAChCI,SAASI,aAAT,CAAuBR,MAAvB;;;QAGHG,cAAcM,aAAa;sBACbN;;;kBAGJO,YAAYT;WACnB,YAAM;oBACGU,YAAYV;;KAE3B,CAACA,SAAD,EAAYD,MAAZ;sBAEIY,aAAab,UAAUE;;;;;"}
+{"version":3,"file":"Portal.js","sources":["../../src/popup/Portal.tsx"],"sourcesContent":["import React, { useEffect, ReactNode, useMemo } from 'react';\nimport { createPortal } from 'react-dom';\nimport { AttachNode } from '../_type/common';\n\nexport interface PortalProps {\n  // 子元素\n  children: ReactNode;\n\n  // 自定义 container 的方法\n  attach: AttachNode;\n}\n\n// 将 children 渲染到正常的 DOM 树外面\nconst Portal = (props: PortalProps): React.ReactPortal => {\n  const { children, attach } = props;\n\n  const container = useMemo(() => {\n    const el = document.createElement('div');\n    return el;\n  }, []);\n\n  useEffect(() => {\n    let parentElement = document.body;\n    let el = null;\n\n    // 处理 getContainer\n    if (typeof attach === 'function') {\n      el = attach();\n    } else if (typeof attach === 'string') {\n      el = document.querySelector(attach);\n    }\n\n    if (el instanceof HTMLElement) {\n      parentElement = el;\n    }\n\n    parentElement.appendChild(container);\n    return () => {\n      parentElement.removeChild(container);\n    };\n  }, [container, attach]);\n\n  return createPortal(children, container);\n};\n\nexport default Portal;\n"],"names":["Portal","props","children","attach","container","useMemo","el","document","createElement","parentElement","body","querySelector","HTMLElement","appendChild","removeChild","createPortal"],"mappings":";;;;;;;;;IAaMA,SAAS,SAATA,MAAS,CAACC,KAAD,EAA2C;MAChDC,WAAqBD,MAArBC;MAAUC,SAAWF,MAAXE;MAEZC,YAAYC,QAAQ,YAAM;QACxBC,KAAKC,SAASC,aAAT,CAAuB,KAAvB;WACJF;KACN;YAEO,YAAM;QACVG,gBAAgBF,SAASG;QACzBJ,KAAK;;QAGL,OAAOH,MAAP,KAAkB,YAAY;WAC3BA;eACI,OAAOA,MAAP,KAAkB,UAAU;WAChCI,SAASI,aAAT,CAAuBR,MAAvB;;;QAGHG,cAAcM,aAAa;sBACbN;;;kBAGJO,YAAYT;WACnB,YAAM;oBACGU,YAAYV;;KAE3B,CAACA,SAAD,EAAYD,MAAZ;sBAEIY,aAAab,UAAUE;;;;;"}

package/lib/popup/index.d.ts

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

package/lib/popup/index.js

@@ -1,13 +1,13 @@
 /**
- * tdesign v0.17.0
+ * tdesign v0.18.2
  * (c) 2021 tdesign
  * @license MIT
  */
 
 import Popup$1 from './Popup.js';
-import '../_chunks/dep-308ea020.js';
-import '../_chunks/dep-01d52b00.js';
-import '../_chunks/dep-65d3c0dc.js';
+import '../_chunks/dep-efe7433b.js';
+import '../_chunks/dep-2f008905.js';
+import '../_chunks/dep-6a5b1968.js';
 import 'react';
 import 'classnames';
 import 'react-popper';

package/lib/popup/index.js.map

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

package/lib/popup/useTriggerProps.js

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

package/lib/progress/Progress.js

@@ -1,10 +1,10 @@
 /**
- * tdesign v0.17.0
+ * tdesign v0.18.2
  * (c) 2021 tdesign
  * @license MIT
  */
 
-import { _ as _defineProperty } from '../_chunks/dep-308ea020.js';
+import { _ as _defineProperty } from '../_chunks/dep-efe7433b.js';
 import React__default, { forwardRef } from 'react';
 import classNames from 'classnames';
 import { CheckCircleIcon, CloseCircleIcon, ErrorCircleIcon, CheckCircleFilledIcon, CloseCircleFilledIcon, ErrorCircleFilledIcon } from 'tdesign-icons-react';
@@ -12,7 +12,7 @@ import useConfig from '../_util/useConfig.js';
 import getBackgroundColor from '../_util/linearGradient.js';
 import '../config-provider/ConfigContext.js';
 import '../locale/zh_CN.js';
-import '../_chunks/dep-34727236.js';
+import '../_chunks/dep-016d27a7.js';
 
 var Progress = /*#__PURE__*/forwardRef(function (props, ref) {
   var _props$theme = props.theme,