tdesign-react 0.24.2 → 0.25.2

package/es/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  cloneElement,\n  isValidElement,\n  useMemo,\n  useCallback,\n  useRef,\n} from 'react';\nimport { CSSTransition } from 'react-transition-group';\nimport classNames from 'classnames';\nimport { usePopper } from 'react-popper';\nimport Popper from '@popperjs/core';\nimport { StyledProps } from '../common';\nimport useDefault from '../_util/useDefault';\nimport useConfig from '../_util/useConfig';\nimport composeRefs from '../_util/composeRefs';\nimport { TdPopupProps } from './type';\nimport Portal from '../common/Portal';\nimport useTriggerProps from './hooks/useTriggerProps';\nimport usePopupCssTransition from './hooks/usePopupCssTransition';\n\nexport interface PopupProps extends TdPopupProps, StyledProps {\n  // 是否触发展开收起动画，内部下拉式组件使用\n  expandAnimation?: boolean;\n}\n\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 = 'body',\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    onScroll,\n    expandAnimation,\n  } = props;\n  const { classPrefix } = useConfig();\n  const [visible, setVisible] = useDefault(props.visible, defaultVisible, onVisibleChange);\n\n  // refs\n  const [triggerRef, setTriggerRef] = useState<HTMLElement>(null);\n  const [overlayRef, setOverlayRef] = useState<HTMLDivElement>(null);\n\n  const contentRef = useRef<HTMLDivElement>(null);\n  const popupRef = useRef(null);\n  const popperRef = useRef(null);\n  const portalRef = useRef(null);\n\n  // 展开时候动态判断上下左右翻转\n  const onPopperFirstUpdate = useCallback((state) => {\n    const referenceElmRect = popupRef.current.getBoundingClientRect();\n    const { top: referenceElmTop, left: referenceElmLeft, bottom, right } = referenceElmRect;\n    const referenceElmBottom = window.innerHeight - bottom;\n    const referenceElmRight = window.innerWidth - right;\n\n    const { scrollHeight: contentScrollHeight, offsetWidth: contentOffsetWidth } = contentRef.current;\n\n    let newPlacement = state.options.placement;\n    // 底部不够向上翻转\n    if (referenceElmBottom < contentScrollHeight && referenceElmTop >= contentScrollHeight) {\n      newPlacement = state.options.placement.replace('bottom', 'top');\n    }\n    // 顶部不够向下翻转\n    if (referenceElmTop < contentScrollHeight && referenceElmBottom >= contentScrollHeight) {\n      newPlacement = state.options.placement.replace('top', 'bottom');\n    }\n    // 左侧不够向右翻转\n    if (referenceElmLeft < contentOffsetWidth && referenceElmRight >= contentOffsetWidth) {\n      newPlacement = state.options.placement.replace('left', 'right');\n    }\n    // 右侧不够向左翻转\n    if (referenceElmRight < contentOffsetWidth && referenceElmLeft >= contentOffsetWidth) {\n      newPlacement = state.options.placement.replace('right', 'left');\n    }\n    Object.assign(state.options, { ...state.options, placement: newPlacement });\n    popperRef.current.update();\n  }, []);\n\n  popperRef.current = usePopper(triggerRef, overlayRef, {\n    placement: placementMap[placement],\n    onFirstUpdate: onPopperFirstUpdate,\n  });\n\n  const { styles, attributes } = popperRef.current;\n\n  const defaultStyles = useMemo(() => {\n    if (triggerRef && typeof overlayStyle === 'function') return { ...overlayStyle(triggerRef) };\n    return { ...overlayStyle };\n  }, [overlayStyle, triggerRef]);\n\n  // 设置 style 决定展示与隐藏\n  const overlayVisibleStyle: CSSProperties = defaultStyles;\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  const cssTransitionState = usePopupCssTransition({ contentRef, classPrefix, expandAnimation });\n\n  // 初次不渲染.\n  const portal =\n    visible || overlayRef ? (\n      <CSSTransition in={visible} nodeRef={portalRef} timeout={400} appear unmountOnExit={destroyOnClose}>\n        <Portal attach={attach} ref={portalRef}>\n          <CSSTransition in={visible} appear {...cssTransitionState.props}>\n            <div\n              ref={composeRefs(setOverlayRef, ref)}\n              style={{ ...styles.popper, zIndex }}\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                onScroll={(e) => onScroll?.({ e: e as React.WheelEvent<HTMLDivElement> })}\n              >\n                {showArrow ? <div style={styles.arrow} className={`${classPrefix}-popup__arrow`} /> : null}\n                {content}\n              </div>\n            </div>\n          </CSSTransition>\n        </Portal>\n      </CSSTransition>\n    ) : null;\n\n  return (\n    <div className={classNames(`${classPrefix}-popup__reference`, className)} style={style} ref={popupRef}>\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","onScroll","expandAnimation","useConfig","classPrefix","useDefault","visible","setVisible","useState","triggerRef","setTriggerRef","overlayRef","setOverlayRef","contentRef","useRef","popupRef","popperRef","portalRef","onPopperFirstUpdate","useCallback","state","referenceElmRect","current","getBoundingClientRect","referenceElmTop","referenceElmLeft","referenceElmBottom","window","innerHeight","referenceElmRight","innerWidth","contentScrollHeight","scrollHeight","contentOffsetWidth","offsetWidth","newPlacement","options","replace","Object","assign","update","usePopper","onFirstUpdate","styles","attributes","defaultStyles","useMemo","overlayVisibleStyle","triggerNodeTemp","React","Children","toArray","triggerChildNode","count","isValidElement","createElement","useTriggerProps","triggerProps","popupProps","disabledClassName","classNames","triggerNode","cloneElement","composeRefs","cssTransitionState","usePopupCssTransition","portal","CSSTransition","nodeRef","timeout","appear","unmountOnExit","Portal","popper","e","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  cloneElement,\n  isValidElement,\n  useMemo,\n  useCallback,\n  useRef,\n  useEffect,\n} from 'react';\nimport { CSSTransition } from 'react-transition-group';\nimport classNames from 'classnames';\nimport { usePopper } from 'react-popper';\nimport { Placement } from '@popperjs/core';\nimport { StyledProps } from '../common';\nimport useDefault from '../_util/useDefault';\nimport useConfig from '../_util/useConfig';\nimport composeRefs from '../_util/composeRefs';\nimport { TdPopupProps } from './type';\nimport Portal from '../common/Portal';\nimport useTriggerProps from './hooks/useTriggerProps';\nimport getTransitionParams from './utils/getTransitionParams';\n\nexport interface PopupProps extends TdPopupProps, StyledProps {\n  // 是否触发展开收起动画，内部下拉式组件使用\n  expandAnimation?: boolean;\n}\n\nfunction getPopperPlacement(placement: TdPopupProps['placement']) {\n  return placement.replace(/-(left|top)$/, '-start').replace(/-(right|bottom)$/, '-end') as Placement;\n}\nconst Popup = forwardRef<HTMLDivElement, PopupProps>((props, ref) => {\n  const {\n    trigger = 'hover',\n    content = null,\n    placement = 'top',\n    attach = 'body',\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    onScroll,\n    expandAnimation,\n  } = props;\n  const { classPrefix } = useConfig();\n  const [visible, setVisible] = useDefault(props.visible, defaultVisible, onVisibleChange);\n\n  // refs\n  const [triggerRef, setTriggerRef] = useState<HTMLElement>(null);\n  const [overlayRef, setOverlayRef] = useState<HTMLDivElement>(null);\n\n  const contentRef = useRef<HTMLDivElement>(null);\n  const referenceRef = useRef<HTMLDivElement>(null);\n  const popupRef = useRef<HTMLDivElement>(null);\n\n  const popperRef = useRef(null);\n  const portalRef = useRef(null);\n  const triggerObserveRef = useRef(null);\n\n  // 展开时候动态判断上下左右翻转\n  const onPopperFirstUpdate = useCallback((state) => {\n    const referenceElmRect = referenceRef.current.getBoundingClientRect();\n    const { top: referenceElmTop, left: referenceElmLeft, bottom, right } = referenceElmRect;\n    const referenceElmBottom = window.innerHeight - bottom;\n    const referenceElmRight = window.innerWidth - right;\n\n    const { scrollHeight: contentScrollHeight, offsetWidth: contentOffsetWidth } = contentRef.current;\n\n    let newPlacement = state.options.placement;\n    // 底部不够向上翻转\n    if (referenceElmBottom < contentScrollHeight && referenceElmTop >= contentScrollHeight) {\n      newPlacement = state.options.placement.replace('bottom', 'top');\n    }\n    // 顶部不够向下翻转\n    if (referenceElmTop < contentScrollHeight && referenceElmBottom >= contentScrollHeight) {\n      newPlacement = state.options.placement.replace('top', 'bottom');\n    }\n    // 左侧不够向右翻转\n    if (referenceElmLeft < contentOffsetWidth && referenceElmRight >= contentOffsetWidth) {\n      newPlacement = state.options.placement.replace('left', 'right');\n    }\n    // 右侧不够向左翻转\n    if (referenceElmRight < contentOffsetWidth && referenceElmLeft >= contentOffsetWidth) {\n      newPlacement = state.options.placement.replace('right', 'left');\n    }\n    Object.assign(state.options, { ...state.options, placement: newPlacement });\n    popperRef.current.update();\n  }, []);\n\n  popperRef.current = usePopper(triggerRef, overlayRef, {\n    placement: getPopperPlacement(placement),\n    onFirstUpdate: onPopperFirstUpdate,\n  });\n\n  const { styles, attributes } = popperRef.current;\n\n  const defaultStyles = useMemo(() => {\n    if (triggerRef && typeof overlayStyle === 'function') return { ...overlayStyle(triggerRef, overlayRef) };\n    return { ...overlayStyle };\n  }, [overlayStyle, triggerRef, overlayRef]);\n\n  // 设置 style 决定展示与隐藏\n  const overlayVisibleStyle: CSSProperties = defaultStyles;\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  const handleExited = () => {\n    if (!destroyOnClose) {\n      portalRef.current.style.display = 'none';\n    }\n  };\n  const handleEnter = () => {\n    if (!destroyOnClose) {\n      portalRef.current.style.display = 'block';\n    }\n  };\n\n  // 监听 trigger 节点变化动态更新 popup 定位\n  useEffect(() => {\n    if (!triggerRef || !popperRef) return;\n    const config = { attributes: true, childList: true, subtree: true };\n\n    triggerObserveRef.current = new MutationObserver(() => {\n      popperRef.current.update?.();\n    });\n\n    triggerObserveRef.current.observe(triggerRef, config);\n\n    return () => {\n      triggerObserveRef.current.disconnect();\n    };\n  }, [triggerRef, popperRef]);\n\n  // 初次不渲染.\n  const portal =\n    visible || overlayRef ? (\n      <CSSTransition\n        appear\n        in={visible}\n        timeout={180}\n        nodeRef={popupRef}\n        unmountOnExit={destroyOnClose}\n        onEnter={handleEnter}\n        onExited={handleExited}\n      >\n        <Portal attach={attach} ref={portalRef}>\n          <CSSTransition\n            appear\n            timeout={0}\n            in={visible}\n            nodeRef={popupRef}\n            {...getTransitionParams({\n              classPrefix,\n              expandAnimation,\n            })}\n          >\n            <div\n              ref={composeRefs(setOverlayRef, ref, popupRef)}\n              style={{ ...styles.popper, zIndex }}\n              className={`${classPrefix}-popup`}\n              {...attributes.popper}\n              {...popupProps}\n            >\n              <div\n                className={classNames(\n                  `${classPrefix}-popup__content`,\n                  {\n                    [`${classPrefix}-popup__content--arrow`]: showArrow,\n                  },\n                  overlayClassName,\n                )}\n                style={overlayVisibleStyle}\n                ref={contentRef}\n                onScroll={(e) => onScroll?.({ e: e as React.WheelEvent<HTMLDivElement> })}\n              >\n                {showArrow ? <div style={styles.arrow} className={`${classPrefix}-popup__arrow`} /> : null}\n                {content}\n              </div>\n            </div>\n          </CSSTransition>\n        </Portal>\n      </CSSTransition>\n    ) : null;\n\n  return (\n    <div className={classNames(`${classPrefix}-popup__reference`, className)} style={style} ref={referenceRef}>\n      {triggerNode}\n      {portal}\n    </div>\n  );\n});\n\nPopup.displayName = 'Popup';\n\nexport default Popup;\n"],"names":["getPopperPlacement","placement","replace","Popup","forwardRef","props","ref","trigger","content","attach","showArrow","destroyOnClose","className","style","overlayClassName","overlayStyle","triggerElement","children","disabled","defaultVisible","zIndex","onVisibleChange","onScroll","expandAnimation","useConfig","classPrefix","useDefault","visible","setVisible","useState","triggerRef","setTriggerRef","overlayRef","setOverlayRef","contentRef","useRef","referenceRef","popupRef","popperRef","portalRef","triggerObserveRef","onPopperFirstUpdate","useCallback","state","referenceElmRect","current","getBoundingClientRect","referenceElmTop","top","referenceElmLeft","left","bottom","right","referenceElmBottom","window","innerHeight","referenceElmRight","innerWidth","contentScrollHeight","scrollHeight","contentOffsetWidth","offsetWidth","newPlacement","options","Object","assign","update","usePopper","onFirstUpdate","styles","attributes","defaultStyles","useMemo","overlayVisibleStyle","triggerNodeTemp","React","Children","toArray","triggerChildNode","count","isValidElement","createElement","useTriggerProps","triggerProps","popupProps","disabledClassName","classNames","triggerNode","cloneElement","composeRefs","handleExited","display","handleEnter","useEffect","config","childList","subtree","MutationObserver","observe","disconnect","portal","CSSTransition","appear","timeout","nodeRef","unmountOnExit","onEnter","onExited","Portal","getTransitionParams","popper","e","arrow","displayName"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmBA,SAASA,kBAAT,CAA4BC,SAA5B,EAAuC;AACrC,SAAOA,SAAS,CAACC,OAAV,CAAkB,cAAlB,EAAkC,QAAlC,EAA4CA,OAA5C,CAAoD,kBAApD,EAAwE,MAAxE,CAAP;AACD;;IACKC,KAAK,gBAAGC,UAAU,CAAC,UAACC,KAAD,EAAQC,GAAR,EAAgB;AACvC,uBAmBID,KAnBJ,CACEE,OADF;AAAA,MACEA,OADF,+BACY,OADZ;AAAA,uBAmBIF,KAnBJ,CAEEG,OAFF;AAAA,MAEEA,OAFF,+BAEY,IAFZ;AAAA,yBAmBIH,KAnBJ,CAGEJ,SAHF;AAAA,MAGEA,SAHF,iCAGc,KAHd;AAAA,sBAmBII,KAnBJ,CAIEI,MAJF;AAAA,MAIEA,MAJF,8BAIW,MAJX;AAAA,yBAmBIJ,KAnBJ,CAKEK,SALF;AAAA,MAKEA,SALF,iCAKc,KALd;AAAA,8BAmBIL,KAnBJ,CAMEM,cANF;AAAA,MAMEA,cANF,sCAMmB,KANnB;AAAA,MAOEC,SAPF,GAmBIP,KAnBJ,CAOEO,SAPF;AAAA,MAQEC,KARF,GAmBIR,KAnBJ,CAQEQ,KARF;AAAA,MASEC,gBATF,GAmBIT,KAnBJ,CASES,gBATF;AAAA,MAUEC,YAVF,GAmBIV,KAnBJ,CAUEU,YAVF;AAAA,MAWEC,cAXF,GAmBIX,KAnBJ,CAWEW,cAXF;AAAA,wBAmBIX,KAnBJ,CAYEY,QAZF;AAAA,MAYEA,QAZF,gCAYaD,cAZb;AAAA,MAaEE,QAbF,GAmBIb,KAnBJ,CAaEa,QAbF;AAAA,8BAmBIb,KAnBJ,CAcEc,cAdF;AAAA,MAcEA,cAdF,sCAcmB,KAdnB;AAAA,MAeEC,MAfF,GAmBIf,KAnBJ,CAeEe,MAfF;AAAA,MAgBEC,eAhBF,GAmBIhB,KAnBJ,CAgBEgB,eAhBF;AAAA,MAiBEC,SAjBF,GAmBIjB,KAnBJ,CAiBEiB,QAjBF;AAAA,MAkBEC,eAlBF,GAmBIlB,KAnBJ,CAkBEkB,eAlBF;;AAoBA,mBAAwBC,SAAS,EAAjC;AAAA,MAAQC,WAAR,cAAQA,WAAR;;AACA,oBAA8BC,UAAU,CAACrB,KAAK,CAACsB,OAAP,EAAgBR,cAAhB,EAAgCE,eAAhC,CAAxC;AAAA;AAAA,MAAOM,OAAP;AAAA,MAAgBC,UAAhB;;AACA,kBAAoCC,QAAQ,CAAC,IAAD,CAA5C;AAAA;AAAA,MAAOC,UAAP;AAAA,MAAmBC,aAAnB;;AACA,mBAAoCF,QAAQ,CAAC,IAAD,CAA5C;AAAA;AAAA,MAAOG,UAAP;AAAA,MAAmBC,aAAnB;;AACA,MAAMC,UAAU,GAAGC,MAAM,CAAC,IAAD,CAAzB;AACA,MAAMC,YAAY,GAAGD,MAAM,CAAC,IAAD,CAA3B;AACA,MAAME,QAAQ,GAAGF,MAAM,CAAC,IAAD,CAAvB;AACA,MAAMG,SAAS,GAAGH,MAAM,CAAC,IAAD,CAAxB;AACA,MAAMI,SAAS,GAAGJ,MAAM,CAAC,IAAD,CAAxB;AACA,MAAMK,iBAAiB,GAAGL,MAAM,CAAC,IAAD,CAAhC;AACA,MAAMM,mBAAmB,GAAGC,WAAW,CAAC,UAACC,KAAD,EAAW;AACjD,QAAMC,gBAAgB,GAAGR,YAAY,CAACS,OAAb,CAAqBC,qBAArB,EAAzB;AACA,QAAaC,eAAb,GAAwEH,gBAAxE,CAAQI,GAAR;AAAA,QAAoCC,gBAApC,GAAwEL,gBAAxE,CAA8BM,IAA9B;AAAA,QAAsDC,MAAtD,GAAwEP,gBAAxE,CAAsDO,MAAtD;AAAA,QAA8DC,KAA9D,GAAwER,gBAAxE,CAA8DQ,KAA9D;AACA,QAAMC,kBAAkB,GAAGC,MAAM,CAACC,WAAP,GAAqBJ,MAAhD;AACA,QAAMK,iBAAiB,GAAGF,MAAM,CAACG,UAAP,GAAoBL,KAA9C;AACA,8BAA+ElB,UAAU,CAACW,OAA1F;AAAA,QAAsBa,mBAAtB,uBAAQC,YAAR;AAAA,QAAwDC,kBAAxD,uBAA2CC,WAA3C;AACA,QAAIC,YAAY,GAAGnB,KAAK,CAACoB,OAAN,CAAc9D,SAAjC;;AACA,QAAIoD,kBAAkB,GAAGK,mBAArB,IAA4CX,eAAe,IAAIW,mBAAnE,EAAwF;AACtFI,MAAAA,YAAY,GAAGnB,KAAK,CAACoB,OAAN,CAAc9D,SAAd,CAAwBC,OAAxB,CAAgC,QAAhC,EAA0C,KAA1C,CAAf;AACD;;AACD,QAAI6C,eAAe,GAAGW,mBAAlB,IAAyCL,kBAAkB,IAAIK,mBAAnE,EAAwF;AACtFI,MAAAA,YAAY,GAAGnB,KAAK,CAACoB,OAAN,CAAc9D,SAAd,CAAwBC,OAAxB,CAAgC,KAAhC,EAAuC,QAAvC,CAAf;AACD;;AACD,QAAI+C,gBAAgB,GAAGW,kBAAnB,IAAyCJ,iBAAiB,IAAII,kBAAlE,EAAsF;AACpFE,MAAAA,YAAY,GAAGnB,KAAK,CAACoB,OAAN,CAAc9D,SAAd,CAAwBC,OAAxB,CAAgC,MAAhC,EAAwC,OAAxC,CAAf;AACD;;AACD,QAAIsD,iBAAiB,GAAGI,kBAApB,IAA0CX,gBAAgB,IAAIW,kBAAlE,EAAsF;AACpFE,MAAAA,YAAY,GAAGnB,KAAK,CAACoB,OAAN,CAAc9D,SAAd,CAAwBC,OAAxB,CAAgC,OAAhC,EAAyC,MAAzC,CAAf;AACD;;AACD8D,IAAAA,MAAM,CAACC,MAAP,CAActB,KAAK,CAACoB,OAApB,kCAAkCpB,KAAK,CAACoB,OAAxC;AAAiD9D,MAAAA,SAAS,EAAE6D;AAA5D;AACAxB,IAAAA,SAAS,CAACO,OAAV,CAAkBqB,MAAlB;AACD,GArBsC,EAqBpC,EArBoC,CAAvC;AAsBA5B,EAAAA,SAAS,CAACO,OAAV,GAAoBsB,SAAS,CAACrC,UAAD,EAAaE,UAAb,EAAyB;AACpD/B,IAAAA,SAAS,EAAED,kBAAkB,CAACC,SAAD,CADuB;AAEpDmE,IAAAA,aAAa,EAAE3B;AAFqC,GAAzB,CAA7B;AAIA,2BAA+BH,SAAS,CAACO,OAAzC;AAAA,MAAQwB,MAAR,sBAAQA,MAAR;AAAA,MAAgBC,UAAhB,sBAAgBA,UAAhB;AACA,MAAMC,aAAa,GAAGC,OAAO,CAAC,YAAM;AAClC,QAAI1C,UAAU,IAAI,OAAOf,YAAP,KAAwB,UAA1C,EACE,yBAAYA,YAAY,CAACe,UAAD,EAAaE,UAAb,CAAxB;AACF,6BAAYjB,YAAZ;AACD,GAJ4B,EAI1B,CAACA,YAAD,EAAee,UAAf,EAA2BE,UAA3B,CAJ0B,CAA7B;AAKA,MAAMyC,mBAAmB,GAAGF,aAA5B;AACA,MAAMG,eAAe,GAAGF,OAAO,CAAC,YAAM;AACpC,gCAA2BG,KAAK,CAACC,QAAN,CAAeC,OAAf,CAAuB5D,QAAvB,CAA3B;AAAA;AAAA,QAAO6D,gBAAP;;AACA,QAAIH,KAAK,CAACC,QAAN,CAAeG,KAAf,CAAqB9D,QAArB,MAAmC,CAAnC,iBAAwC+D,cAAc,CAACF,gBAAD,CAA1D,EAA8E;AAC5E,aAAOA,gBAAP;AACD;;AACD,0BAAuBH,KAAK,CAACM,aAAN,CAAoB,MAApB,EAA4B;AACjDrE,MAAAA,SAAS,YAAKa,WAAL;AADwC,KAA5B,EAEpBR,QAFoB,CAAvB;AAGD,GAR8B,EAQ5B,CAACA,QAAD,EAAWQ,WAAX,CAR4B,CAA/B;;AASA,yBAAmCyD,eAAe,CAAC;AAAErC,IAAAA,OAAO,EAAEb;AAAX,GAAD,EAA0B;AAAEa,IAAAA,OAAO,EAAEf;AAAX,GAA1B,EAAmD,CAACvB,OAAD,CAAnD,EAA8DoB,OAA9D,EAAuEC,UAAvE,EAAmFV,QAAnF,EAA6FwD,eAA7F,CAAlD;AAAA;AAAA,MAAOS,YAAP;AAAA,MAAqBC,UAArB;;AACA,MAAMC,iBAAiB,GAAGC,UAAU,+BAAO7D,WAAP,mBAAmCP,QAAnC,EAApC;AACA,MAAMqE,WAAW,gBAAGC,YAAY,CAACd,eAAD;AAC9BpE,IAAAA,GAAG,EAAEmF,WAAW,CAACf,eAAe,CAACpE,GAAjB,EAAsByB,aAAtB,CADc;AAE9BnB,IAAAA,SAAS,EAAE0E,UAAU,CAACD,iBAAD,EAAoBX,eAAe,CAACrE,KAAhB,CAAsBO,SAA1C;AAFS,KAG3BuE,YAH2B,EAAhC;;AAKA,MAAMO,YAAY,GAAG,SAAfA,YAAe,GAAM;AACzB,QAAI,CAAC/E,cAAL,EAAqB;AACnB4B,MAAAA,SAAS,CAACM,OAAV,CAAkBhC,KAAlB,CAAwB8E,OAAxB,GAAkC,MAAlC;AACD;AACF,GAJD;;AAKA,MAAMC,WAAW,GAAG,SAAdA,WAAc,GAAM;AACxB,QAAI,CAACjF,cAAL,EAAqB;AACnB4B,MAAAA,SAAS,CAACM,OAAV,CAAkBhC,KAAlB,CAAwB8E,OAAxB,GAAkC,OAAlC;AACD;AACF,GAJD;;AAKAE,EAAAA,SAAS,CAAC,YAAM;AACd,QAAI,CAAC/D,UAAD,IAAe,CAACQ,SAApB,EACE;AACF,QAAMwD,MAAM,GAAG;AAAExB,MAAAA,UAAU,EAAE,IAAd;AAAoByB,MAAAA,SAAS,EAAE,IAA/B;AAAqCC,MAAAA,OAAO,EAAE;AAA9C,KAAf;AACAxD,IAAAA,iBAAiB,CAACK,OAAlB,GAA4B,IAAIoD,gBAAJ,CAAqB,YAAM;AAAA;;AACrD,sDAAA3D,SAAS,CAACO,OAAV,EAAkBqB,MAAlB;AACD,KAF2B,CAA5B;AAGA1B,IAAAA,iBAAiB,CAACK,OAAlB,CAA0BqD,OAA1B,CAAkCpE,UAAlC,EAA8CgE,MAA9C;AACA,WAAO,YAAM;AACXtD,MAAAA,iBAAiB,CAACK,OAAlB,CAA0BsD,UAA1B;AACD,KAFD;AAGD,GAXQ,EAWN,CAACrE,UAAD,EAAaQ,SAAb,CAXM,CAAT;AAYA,MAAM8D,MAAM,GAAGzE,OAAO,IAAIK,UAAX,kBAAwC2C,KAAK,CAACM,aAAN,CAAoBoB,aAApB,EAAmC;AACxFC,IAAAA,MAAM,EAAE,IADgF;AAExF,UAAI3E,OAFoF;AAGxF4E,IAAAA,OAAO,EAAE,GAH+E;AAIxFC,IAAAA,OAAO,EAAEnE,QAJ+E;AAKxFoE,IAAAA,aAAa,EAAE9F,cALyE;AAMxF+F,IAAAA,OAAO,EAAEd,WAN+E;AAOxFe,IAAAA,QAAQ,EAAEjB;AAP8E,GAAnC,iBAQpCf,KAAK,CAACM,aAAN,CAAoB2B,MAApB,EAA4B;AAC7CnG,IAAAA,MAAM,EAANA,MAD6C;AAE7CH,IAAAA,GAAG,EAAEiC;AAFwC,GAA5B,iBAGAoC,KAAK,CAACM,aAAN,CAAoBoB,aAApB;AACjBC,IAAAA,MAAM,EAAE,IADS;AAEjBC,IAAAA,OAAO,EAAE,CAFQ;AAGjB,UAAI5E,OAHa;AAIjB6E,IAAAA,OAAO,EAAEnE;AAJQ,KAKdwE,mBAAmB,CAAC;AACrBpF,IAAAA,WAAW,EAAXA,WADqB;AAErBF,IAAAA,eAAe,EAAfA;AAFqB,GAAD,CALL,kBASAoD,KAAK,CAACM,aAAN,CAAoB,KAApB;AACjB3E,IAAAA,GAAG,EAAEmF,WAAW,CAACxD,aAAD,EAAgB3B,GAAhB,EAAqB+B,QAArB,CADC;AAEjBxB,IAAAA,KAAK,kCAAOwD,MAAM,CAACyC,MAAd;AAAsB1F,MAAAA,MAAM,EAANA;AAAtB,MAFY;AAGjBR,IAAAA,SAAS,YAAKa,WAAL;AAHQ,KAId6C,UAAU,CAACwC,MAJG,GAKd1B,UALc,kBAMAT,KAAK,CAACM,aAAN,CAAoB,KAApB,EAA2B;AAC5CrE,IAAAA,SAAS,EAAE0E,UAAU,WAAI7D,WAAJ,oDACfA,WADe,6BACuBf,SADvB,GAElBI,gBAFkB,CADuB;AAI5CD,IAAAA,KAAK,EAAE4D,mBAJqC;AAK5CnE,IAAAA,GAAG,EAAE4B,UALuC;AAM5CZ,IAAAA,QAAQ,EAAE,kBAACyF,CAAD;AAAA,aAAOzF,SAAP,aAAOA,SAAP,uBAAOA,SAAQ,CAAG;AAAEyF,QAAAA,CAAC,EAADA;AAAF,OAAH,CAAf;AAAA;AANkC,GAA3B,EAOhBrG,SAAS,kBAAmBiE,KAAK,CAACM,aAAN,CAAoB,KAApB,EAA2B;AACxDpE,IAAAA,KAAK,EAAEwD,MAAM,CAAC2C,KAD0C;AAExDpG,IAAAA,SAAS,YAAKa,WAAL;AAF+C,GAA3B,CAAnB,GAGP,IAVc,EAURjB,OAVQ,CANA,CATA,CAHA,CARoC,CAAxC,GAoCW,IApC1B;AAqCA,wBAAuBmE,KAAK,CAACM,aAAN,CAAoB,KAApB,EAA2B;AAChDrE,IAAAA,SAAS,EAAE0E,UAAU,WAAI7D,WAAJ,wBAAoCb,SAApC,CAD2B;AAEhDC,IAAAA,KAAK,EAALA,KAFgD;AAGhDP,IAAAA,GAAG,EAAE8B;AAH2C,GAA3B,EAIpBmD,WAJoB,EAIPa,MAJO,CAAvB;AAKD,CAhJuB;AAiJxBjG,KAAK,CAAC8G,WAAN,GAAoB,OAApB;;;;"}

package/es/popup/hooks/useTriggerProps.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.24.2
+ * tdesign v0.25.2
  * (c) 2022 tdesign
  * @license MIT
  */

package/es/popup/index.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.24.2
+ * tdesign v0.25.2
  * (c) 2022 tdesign
  * @license MIT
  */
@@ -7,9 +7,9 @@
 import Popup$1 from './Popup.js';
 import './style/css.js';
 import './type.js';
-import '../_chunks/dep-77e8c4b5.js';
-import '../_chunks/dep-227e0bb8.js';
-import '../_chunks/dep-61b31811.js';
+import '../_chunks/dep-1dcd6f7a.js';
+import '../_chunks/dep-301db282.js';
+import '../_chunks/dep-5e33104a.js';
 import 'react';
 import 'react-transition-group';
 import 'classnames';
@@ -17,33 +17,37 @@ import 'react-popper';
 import '../_util/useDefault.js';
 import '../_util/noop.js';
 import '../_util/useConfig.js';
-import '../_chunks/dep-27f1e824.js';
-import '../_chunks/dep-5eae925d.js';
-import '../_chunks/dep-35873096.js';
-import '../_chunks/dep-6fade4e3.js';
-import '../_chunks/dep-2c2a1ed3.js';
-import '../_chunks/dep-042bedbb.js';
-import '../_chunks/dep-727523bf.js';
-import '../_chunks/dep-e2c3e976.js';
-import '../_chunks/dep-c5ce2ac5.js';
-import '../_chunks/dep-a47c4980.js';
-import '../_chunks/dep-3c451e24.js';
-import '../_chunks/dep-9bca7361.js';
-import '../_chunks/dep-932974e4.js';
-import '../_chunks/dep-830a9fa5.js';
-import '../_chunks/dep-d8fd6317.js';
-import '../_chunks/dep-a442ec03.js';
-import '../_chunks/dep-8aa68030.js';
-import '../_chunks/dep-e5760bc1.js';
+import '../_chunks/dep-0c32a524.js';
+import '../_chunks/dep-04a6c042.js';
+import '../_chunks/dep-a64706b5.js';
+import '../_chunks/dep-50c12e42.js';
+import '../_chunks/dep-70c9bb2d.js';
+import '../_chunks/dep-98412f1b.js';
+import '../_chunks/dep-8aee3ad0.js';
+import '../_chunks/dep-e4bd3f59.js';
+import '../_chunks/dep-5a75ddfa.js';
+import '../_chunks/dep-75144258.js';
+import '../_chunks/dep-aabdac78.js';
+import '../_chunks/dep-0529bc9f.js';
+import '../_chunks/dep-1aa31dc5.js';
+import '../_chunks/dep-10b8d252.js';
+import '../_chunks/dep-0c0fc89b.js';
+import '../_chunks/dep-8a07113f.js';
+import '../_chunks/dep-6fb8cfe3.js';
+import '../_chunks/dep-3e5f80c6.js';
 import '../locale/zh_CN.js';
 import '../_common/js/locale/zh_CN.js';
 import '../config-provider/defaultConfig.js';
 import '../_util/composeRefs.js';
 import '../common/Portal.js';
 import 'react-dom';
+import '../_util/dom.js';
+import 'raf';
+import '../_chunks/dep-ac5499d2.js';
+import '../_util/easing.js';
 import './hooks/useTriggerProps.js';
 import '../_util/useClickOutside.js';
-import './hooks/usePopupCssTransition.js';
+import './utils/getTransitionParams.js';
 
 var Popup = Popup$1;
 

package/es/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';\nexport * from './type';\n\nexport const Popup = _Popup;\nexport default Popup;\n"],"names":["Popup","_Popup"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAGaA,KAAK,GAAGC;;;;"}
+{"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';\n\nexport const Popup = _Popup;\nexport default Popup;\n"],"names":["Popup","_Popup"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAGaA,KAAK,GAAGC;;;;"}

package/es/popup/style/index.css

@@ -1,73 +1,3 @@
-.arrow-placement-top .t-popup[data-popper-placement^="top"] .t-popup__arrow {
-  bottom: calc(-8px / 2);
-}
-.arrow-placement-top .t-popup[data-popper-placement^="top"] .t-popup__arrow::before {
-  border-top-left-radius: 100%;
-  -webkit-box-shadow: var(--td-shadow-inset-left), var(--td-shadow-inset-bottom);
-          box-shadow: var(--td-shadow-inset-left), var(--td-shadow-inset-bottom);
-}
-.arrow-placement-top .t-popup[data-popper-placement="top-start"] .t-popup__arrow {
-  left: 8px;
-}
-.arrow-placement-top .t-popup[data-popper-placement="top"] .t-popup__arrow {
-  left: 50%;
-  margin-left: calc(-8px / 2);
-}
-.arrow-placement-top .t-popup[data-popper-placement="top-end"] .t-popup__arrow {
-  left: calc(100% - 8px * 2);
-}
-.arrow-placement-bottom .t-popup[data-popper-placement^="bottom"] .t-popup__arrow {
-  top: calc(-8px / 2);
-}
-.arrow-placement-bottom .t-popup[data-popper-placement^="bottom"] .t-popup__arrow::before {
-  border-bottom-right-radius: 100%;
-  -webkit-box-shadow: var(--td-shadow-inset-top), var(--td-shadow-inset-right);
-          box-shadow: var(--td-shadow-inset-top), var(--td-shadow-inset-right);
-}
-.arrow-placement-bottom .t-popup[data-popper-placement="bottom-start"] .t-popup__arrow {
-  left: 8px;
-}
-.arrow-placement-bottom .t-popup[data-popper-placement="bottom"] .t-popup__arrow {
-  left: 50%;
-  margin-left: calc(-8px / 2);
-}
-.arrow-placement-bottom .t-popup[data-popper-placement="bottom-end"] .t-popup__arrow {
-  left: calc(100% - 8px * 2);
-}
-.arrow-placement-left .t-popup[data-popper-placement^="left"] .t-popup__arrow {
-  right: calc(-8px / 2);
-}
-.arrow-placement-left .t-popup[data-popper-placement^="left"] .t-popup__arrow::before {
-  -webkit-box-shadow: var(--td-shadow-inset-left), var(--td-shadow-inset-top);
-          box-shadow: var(--td-shadow-inset-left), var(--td-shadow-inset-top);
-}
-.arrow-placement-left .t-popup[data-popper-placement="left-start"] .t-popup__arrow {
-  top: 8px;
-}
-.arrow-placement-left .t-popup[data-popper-placement="left"] .t-popup__arrow {
-  top: 50%;
-  margin-top: calc(-8px / 2);
-}
-.arrow-placement-left .t-popup[data-popper-placement="left-end"] .t-popup__arrow {
-  top: calc(100% - 8px * 2);
-}
-.arrow-placement-right .t-popup[data-popper-placement^="right"] .t-popup__arrow {
-  left: calc(-8px / 2);
-}
-.arrow-placement-right .t-popup[data-popper-placement^="right"] .t-popup__arrow::before {
-  -webkit-box-shadow: var(--td-shadow-inset-right), var(--td-shadow-inset-bottom);
-          box-shadow: var(--td-shadow-inset-right), var(--td-shadow-inset-bottom);
-}
-.arrow-placement-right .t-popup[data-popper-placement="right-start"] .t-popup__arrow {
-  top: 8px;
-}
-.arrow-placement-right .t-popup[data-popper-placement="right"] .t-popup__arrow {
-  top: 50%;
-  margin-top: calc(-8px / 2);
-}
-.arrow-placement-right .t-popup[data-popper-placement="right-end"] .t-popup__arrow {
-  top: calc(100% - 8px * 2);
-}
 .t-popup {
   color: var(--td-text-color-primary);
   display: inline-block;
@@ -82,8 +12,6 @@
   padding: 4px 8px;
   font-size: 14px;
   line-height: 22px;
-  -webkit-transition: max-height 0.2s cubic-bezier(0.38, 0, 0.24, 1);
-  transition: max-height 0.2s cubic-bezier(0.38, 0, 0.24, 1);
 }
 .t-popup__reference {
   display: inline-block;
@@ -119,6 +47,10 @@
 .t-popup[data-popper-placement^="right"] .t-popup__content--arrow {
   margin: 0 16px;
 }
+.t-popup[data-popper-placement^="left"] .t-popup__content--text,
+.t-popup[data-popper-placement^="right"] .t-popup__content--text {
+  max-width: 480px;
+}
 .t-popup[data-popper-placement^="top"] .t-popup__arrow {
   bottom: calc(-8px / 2);
 }
@@ -206,10 +138,106 @@
           transform: none;
 }
 .t-popup--animation-enter-active {
-  -webkit-transition: opacity 0.2s linear, visibility 0.2s cubic-bezier(0.82, 0, 1, 0.9), max-height 0.2s cubic-bezier(0.38, 0, 0.24, 1);
-  transition: opacity 0.2s linear, visibility 0.2s cubic-bezier(0.82, 0, 1, 0.9), max-height 0.2s cubic-bezier(0.38, 0, 0.24, 1);
+  -webkit-transition: opacity 0.2s linear;
+  transition: opacity 0.2s linear;
 }
 .t-popup--animation-leave-active {
-  -webkit-transition: opacity 0.2s cubic-bezier(0, 0, 0.15, 1), visibility 0.2s cubic-bezier(0.82, 0, 1, 0.9), max-height 0.2s cubic-bezier(0.38, 0, 0.24, 1);
-  transition: opacity 0.2s cubic-bezier(0, 0, 0.15, 1), visibility 0.2s cubic-bezier(0.82, 0, 1, 0.9), max-height 0.2s cubic-bezier(0.38, 0, 0.24, 1);
+  -webkit-transition: opacity 0.2s cubic-bezier(0, 0, 0.15, 1);
+  transition: opacity 0.2s cubic-bezier(0, 0, 0.15, 1);
+}
+.t-popup--animation-expand-enter-active[data-popper-placement^=top] {
+  -webkit-animation: t-popup-animation-expand-in-top 0.2s cubic-bezier(0.38, 0, 0.24, 1), t-fade-in 0.2s linear;
+          animation: t-popup-animation-expand-in-top 0.2s cubic-bezier(0.38, 0, 0.24, 1), t-fade-in 0.2s linear;
+}
+.t-popup--animation-expand-leave-active[data-popper-placement^=top] {
+  -webkit-animation: t-popup-animation-expand-out-top 0.2s cubic-bezier(0.38, 0, 0.24, 1), t-fade-out 0.2s cubic-bezier(0, 0, 0.15, 1);
+          animation: t-popup-animation-expand-out-top 0.2s cubic-bezier(0.38, 0, 0.24, 1), t-fade-out 0.2s cubic-bezier(0, 0, 0.15, 1);
+}
+@-webkit-keyframes t-popup-animation-expand-in-top {
+  0% {
+    -webkit-clip-path: polygon(-20% 120%, 120% 120%, 120% 120%, -20% 120%);
+            clip-path: polygon(-20% 120%, 120% 120%, 120% 120%, -20% 120%);
+  }
+  100% {
+    -webkit-clip-path: polygon(-20% 0, 120% 0, 120% 120%, -20% 120%);
+            clip-path: polygon(-20% 0, 120% 0, 120% 120%, -20% 120%);
+  }
+}
+@keyframes t-popup-animation-expand-in-top {
+  0% {
+    -webkit-clip-path: polygon(-20% 120%, 120% 120%, 120% 120%, -20% 120%);
+            clip-path: polygon(-20% 120%, 120% 120%, 120% 120%, -20% 120%);
+  }
+  100% {
+    -webkit-clip-path: polygon(-20% 0, 120% 0, 120% 120%, -20% 120%);
+            clip-path: polygon(-20% 0, 120% 0, 120% 120%, -20% 120%);
+  }
+}
+@-webkit-keyframes t-popup-animation-expand-out-top {
+  0% {
+    -webkit-clip-path: polygon(-20% 0, 120% 0, 120% 120%, -20% 120%);
+            clip-path: polygon(-20% 0, 120% 0, 120% 120%, -20% 120%);
+  }
+  100% {
+    -webkit-clip-path: polygon(-20% 120%, 120% 120%, 120% 120%, -20% 120%);
+            clip-path: polygon(-20% 120%, 120% 120%, 120% 120%, -20% 120%);
+  }
+}
+@keyframes t-popup-animation-expand-out-top {
+  0% {
+    -webkit-clip-path: polygon(-20% 0, 120% 0, 120% 120%, -20% 120%);
+            clip-path: polygon(-20% 0, 120% 0, 120% 120%, -20% 120%);
+  }
+  100% {
+    -webkit-clip-path: polygon(-20% 120%, 120% 120%, 120% 120%, -20% 120%);
+            clip-path: polygon(-20% 120%, 120% 120%, 120% 120%, -20% 120%);
+  }
+}
+.t-popup--animation-expand-enter-active[data-popper-placement^=bottom] {
+  -webkit-animation: t-popup-animation-expand-in-bottom 0.2s cubic-bezier(0.38, 0, 0.24, 1), t-fade-in 0.2s linear;
+          animation: t-popup-animation-expand-in-bottom 0.2s cubic-bezier(0.38, 0, 0.24, 1), t-fade-in 0.2s linear;
+}
+.t-popup--animation-expand-leave-active[data-popper-placement^=bottom] {
+  -webkit-animation: t-popup-animation-expand-out-bottom 0.2s cubic-bezier(0.38, 0, 0.24, 1), t-fade-out 0.2s cubic-bezier(0, 0, 0.15, 1);
+          animation: t-popup-animation-expand-out-bottom 0.2s cubic-bezier(0.38, 0, 0.24, 1), t-fade-out 0.2s cubic-bezier(0, 0, 0.15, 1);
+}
+@-webkit-keyframes t-popup-animation-expand-in-bottom {
+  0% {
+    -webkit-clip-path: polygon(-20% 0, 120% 0, 120% 0, -20% 0);
+            clip-path: polygon(-20% 0, 120% 0, 120% 0, -20% 0);
+  }
+  100% {
+    -webkit-clip-path: polygon(-20% 0, 120% 0, 120% 120%, -20% 120%);
+            clip-path: polygon(-20% 0, 120% 0, 120% 120%, -20% 120%);
+  }
+}
+@keyframes t-popup-animation-expand-in-bottom {
+  0% {
+    -webkit-clip-path: polygon(-20% 0, 120% 0, 120% 0, -20% 0);
+            clip-path: polygon(-20% 0, 120% 0, 120% 0, -20% 0);
+  }
+  100% {
+    -webkit-clip-path: polygon(-20% 0, 120% 0, 120% 120%, -20% 120%);
+            clip-path: polygon(-20% 0, 120% 0, 120% 120%, -20% 120%);
+  }
+}
+@-webkit-keyframes t-popup-animation-expand-out-bottom {
+  0% {
+    -webkit-clip-path: polygon(-20% 0, 120% 0, 120% 120%, -20% 120%);
+            clip-path: polygon(-20% 0, 120% 0, 120% 120%, -20% 120%);
+  }
+  100% {
+    -webkit-clip-path: polygon(-20% 0, 120% 0, 120% 0, -20% 0);
+            clip-path: polygon(-20% 0, 120% 0, 120% 0, -20% 0);
+  }
+}
+@keyframes t-popup-animation-expand-out-bottom {
+  0% {
+    -webkit-clip-path: polygon(-20% 0, 120% 0, 120% 120%, -20% 120%);
+            clip-path: polygon(-20% 0, 120% 0, 120% 120%, -20% 120%);
+  }
+  100% {
+    -webkit-clip-path: polygon(-20% 0, 120% 0, 120% 0, -20% 0);
+            clip-path: polygon(-20% 0, 120% 0, 120% 0, -20% 0);
+  }
 }

package/es/popup/style/index.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.24.2
+ * tdesign v0.25.2
  * (c) 2022 tdesign
  * @license MIT
  */

package/es/popup/type.d.ts

@@ -27,14 +27,19 @@ export interface TdPopupProps {
      * @default false
      */
     disabled?: boolean;
+    /**
+     * 【开发中】浮层是否隐藏空内容，默认不隐藏
+     * @default false
+     */
+    hideEmptyPopup?: boolean;
     /**
      * 浮层类名，示例：'name1 name2 name3' 或 `['name1', 'name2']` 或 `[{ 'name1': true }]`
      */
     overlayClassName?: ClassName;
     /**
-     * 浮层样式
+     * 浮层样式，第一个参数 `triggerElement` 表示触发元素 DOM 节点，第二个参数 `popupElement` 表示浮层元素 DOM 节点
      */
-    overlayStyle?: Styles | ((trigger: HTMLElement) => Styles);
+    overlayStyle?: Styles | ((triggerElement: HTMLElement, popupElement: HTMLElement) => Styles);
     /**
      * 浮层出现位置
      * @default top

package/es/popup/type.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.24.2
+ * tdesign v0.25.2
  * (c) 2022 tdesign
  * @license MIT
  */

package/es/popup/utils/getTransitionParams.d.ts

@@ -0,0 +1,18 @@
+export interface IAnimationTransitionParams {
+    classPrefix: String;
+    expandAnimation: boolean;
+}
+declare const getTransitionParams: ({ classPrefix, expandAnimation }: IAnimationTransitionParams) => {
+    classNames: {
+        appear: string;
+        appearActive: string;
+        appearDone: string;
+        enter: string;
+        enterActive: string;
+        enterDone: string;
+        exit: string;
+        exitActive: string;
+        exitDone: string;
+    };
+};
+export default getTransitionParams;

package/es/popup/utils/getTransitionParams.js

@@ -0,0 +1,27 @@
+/**
+ * tdesign v0.25.2
+ * (c) 2022 tdesign
+ * @license MIT
+ */
+
+var getTransitionParams = function getTransitionParams(_ref) {
+  var classPrefix = _ref.classPrefix,
+      expandAnimation = _ref.expandAnimation;
+  var popupAnimationClassPrefix = expandAnimation ? "".concat(classPrefix, "-popup--animation-expand") : "".concat(classPrefix, "-popup--animation");
+  return {
+    classNames: {
+      appear: "".concat(popupAnimationClassPrefix, "-enter ").concat(popupAnimationClassPrefix, "-enter-active"),
+      appearActive: "".concat(popupAnimationClassPrefix, "-enter-active"),
+      appearDone: "".concat(popupAnimationClassPrefix, "-enter-active ").concat(popupAnimationClassPrefix, "-enter-to"),
+      enter: "".concat(popupAnimationClassPrefix, "-enter ").concat(popupAnimationClassPrefix, "-enter-active"),
+      enterActive: "".concat(popupAnimationClassPrefix, "-enter-active"),
+      enterDone: "".concat(popupAnimationClassPrefix, "-enter-active ").concat(popupAnimationClassPrefix, "-enter-to"),
+      exit: "".concat(popupAnimationClassPrefix, "-leave ").concat(popupAnimationClassPrefix, "-leave-active"),
+      exitActive: "".concat(popupAnimationClassPrefix, "-leave-active"),
+      exitDone: "".concat(popupAnimationClassPrefix, "-leave-active ").concat(popupAnimationClassPrefix, "-leave-to")
+    }
+  };
+};
+
+export { getTransitionParams as default };
+//# sourceMappingURL=getTransitionParams.js.map

package/es/popup/utils/getTransitionParams.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getTransitionParams.js","sources":["../../../src/popup/utils/getTransitionParams.ts"],"sourcesContent":["export interface IAnimationTransitionParams {\n  classPrefix: String;\n  expandAnimation: boolean;\n}\n\nconst getTransitionParams = ({ classPrefix, expandAnimation }: IAnimationTransitionParams) => {\n  const popupAnimationClassPrefix = expandAnimation\n    ? `${classPrefix}-popup--animation-expand`\n    : `${classPrefix}-popup--animation`;\n\n  return {\n    // 与公共 className 保持一致\n    classNames: {\n      appear: `${popupAnimationClassPrefix}-enter ${popupAnimationClassPrefix}-enter-active`,\n      appearActive: `${popupAnimationClassPrefix}-enter-active`,\n      appearDone: `${popupAnimationClassPrefix}-enter-active ${popupAnimationClassPrefix}-enter-to`,\n      enter: `${popupAnimationClassPrefix}-enter ${popupAnimationClassPrefix}-enter-active`,\n      enterActive: `${popupAnimationClassPrefix}-enter-active`,\n      enterDone: `${popupAnimationClassPrefix}-enter-active ${popupAnimationClassPrefix}-enter-to`,\n      exit: `${popupAnimationClassPrefix}-leave ${popupAnimationClassPrefix}-leave-active`,\n      exitActive: `${popupAnimationClassPrefix}-leave-active`,\n      exitDone: `${popupAnimationClassPrefix}-leave-active ${popupAnimationClassPrefix}-leave-to`,\n    },\n  };\n};\n\nexport default getTransitionParams;\n"],"names":["getTransitionParams","classPrefix","expandAnimation","popupAnimationClassPrefix","classNames","appear","appearActive","appearDone","enter","enterActive","enterDone","exit","exitActive","exitDone"],"mappings":";;;;;;IAAMA,mBAAmB,GAAG,SAAtBA,mBAAsB,OAAsC;AAAA,MAAnCC,WAAmC,QAAnCA,WAAmC;AAAA,MAAtBC,eAAsB,QAAtBA,eAAsB;AAChE,MAAMC,yBAAyB,GAAGD,eAAe,aAAMD,WAAN,0CAAiDA,WAAjD,sBAAjD;AACA,SAAO;AACLG,IAAAA,UAAU,EAAE;AACVC,MAAAA,MAAM,YAAKF,yBAAL,oBAAwCA,yBAAxC,kBADI;AAEVG,MAAAA,YAAY,YAAKH,yBAAL,kBAFF;AAGVI,MAAAA,UAAU,YAAKJ,yBAAL,2BAA+CA,yBAA/C,cAHA;AAIVK,MAAAA,KAAK,YAAKL,yBAAL,oBAAwCA,yBAAxC,kBAJK;AAKVM,MAAAA,WAAW,YAAKN,yBAAL,kBALD;AAMVO,MAAAA,SAAS,YAAKP,yBAAL,2BAA+CA,yBAA/C,cANC;AAOVQ,MAAAA,IAAI,YAAKR,yBAAL,oBAAwCA,yBAAxC,kBAPM;AAQVS,MAAAA,UAAU,YAAKT,yBAAL,kBARA;AASVU,MAAAA,QAAQ,YAAKV,yBAAL,2BAA+CA,yBAA/C;AATE;AADP,GAAP;AAaD;;;;"}

package/es/progress/Progress.js

@@ -1,37 +1,37 @@
 /**
- * tdesign v0.24.2
+ * tdesign v0.25.2
  * (c) 2022 tdesign
  * @license MIT
  */
 
-import { _ as _defineProperty } from '../_chunks/dep-77e8c4b5.js';
+import { _ as _defineProperty } from '../_chunks/dep-1dcd6f7a.js';
 import React, { forwardRef } from 'react';
 import classNames from 'classnames';
 import { CheckCircleFilledIcon, CloseCircleFilledIcon, ErrorCircleFilledIcon, CheckCircleIcon, CloseCircleIcon, ErrorCircleIcon } from 'tdesign-icons-react';
 import useConfig from '../_util/useConfig.js';
 import getBackgroundColor from '../_util/linearGradient.js';
-import '../_chunks/dep-27f1e824.js';
-import '../_chunks/dep-5eae925d.js';
-import '../_chunks/dep-35873096.js';
-import '../_chunks/dep-6fade4e3.js';
-import '../_chunks/dep-2c2a1ed3.js';
-import '../_chunks/dep-042bedbb.js';
-import '../_chunks/dep-727523bf.js';
-import '../_chunks/dep-e2c3e976.js';
-import '../_chunks/dep-c5ce2ac5.js';
-import '../_chunks/dep-a47c4980.js';
-import '../_chunks/dep-3c451e24.js';
-import '../_chunks/dep-9bca7361.js';
-import '../_chunks/dep-932974e4.js';
-import '../_chunks/dep-830a9fa5.js';
-import '../_chunks/dep-d8fd6317.js';
-import '../_chunks/dep-a442ec03.js';
-import '../_chunks/dep-8aa68030.js';
-import '../_chunks/dep-e5760bc1.js';
+import '../_chunks/dep-0c32a524.js';
+import '../_chunks/dep-04a6c042.js';
+import '../_chunks/dep-a64706b5.js';
+import '../_chunks/dep-50c12e42.js';
+import '../_chunks/dep-70c9bb2d.js';
+import '../_chunks/dep-98412f1b.js';
+import '../_chunks/dep-8aee3ad0.js';
+import '../_chunks/dep-e4bd3f59.js';
+import '../_chunks/dep-5a75ddfa.js';
+import '../_chunks/dep-75144258.js';
+import '../_chunks/dep-aabdac78.js';
+import '../_chunks/dep-0529bc9f.js';
+import '../_chunks/dep-1aa31dc5.js';
+import '../_chunks/dep-10b8d252.js';
+import '../_chunks/dep-0c0fc89b.js';
+import '../_chunks/dep-8a07113f.js';
+import '../_chunks/dep-6fb8cfe3.js';
+import '../_chunks/dep-3e5f80c6.js';
 import '../locale/zh_CN.js';
 import '../_common/js/locale/zh_CN.js';
 import '../config-provider/defaultConfig.js';
-import '../_chunks/dep-f28d087e.js';
+import '../_chunks/dep-4b07e198.js';
 
 var Progress = /*#__PURE__*/forwardRef(function (props, ref) {
   var _props$theme = props.theme,
@@ -177,7 +177,7 @@ var Progress = /*#__PURE__*/forwardRef(function (props, ref) {
       strokeWidth: circleStokeWidth,
       stroke: trackColor,
       fill: "none"
-    }), /* @__PURE__ */React.createElement("circle", {
+    }), percentage > 0 && /* @__PURE__ */React.createElement("circle", {
       cx: circleCenterInViewBox,
       cy: circleCenterInViewBox,
       r: radius,

package/es/progress/Progress.js.map

@@ -1 +1 @@
-{"version":3,"file":"Progress.js","sources":["../../src/progress/Progress.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport classNames from 'classnames';\nimport {\n  CheckCircleIcon,\n  CloseCircleIcon,\n  ErrorCircleIcon,\n  CheckCircleFilledIcon,\n  CloseCircleFilledIcon,\n  ErrorCircleFilledIcon,\n} from 'tdesign-icons-react';\nimport useConfig from '../_util/useConfig';\nimport getBackgroundColor from '../_util/linearGradient';\nimport { StyledProps } from '../common';\nimport { TdProgressProps } from './type';\n\nexport interface ProgressProps extends TdProgressProps, StyledProps {}\n/**\n * 按钮组件\n */\nconst Progress = forwardRef((props: ProgressProps, ref: React.Ref<HTMLDivElement>) => {\n  const {\n    theme = 'line',\n    percentage = 0,\n    label = true,\n    color = '',\n    trackColor = '#f5f5f5',\n    strokeWidth,\n    size = 'medium',\n    className,\n  } = props;\n  let { status } = props;\n  if (!status && percentage >= 100) {\n    status = 'success';\n  }\n  let iconMap = {\n    success: CheckCircleFilledIcon,\n    error: CloseCircleFilledIcon,\n    warning: ErrorCircleFilledIcon,\n  };\n  const { classPrefix } = useConfig();\n  // 进度条展示内容\n  const getInfoContent = () => {\n    if (!label) {\n      return '';\n    }\n    let info: React.ReactNode;\n    // 为布尔值，默认百分百展示，否则之间展示label内容\n    if (typeof label === 'boolean') {\n      info = <div className={`${classPrefix}-progress__info`}>{`${percentage}%`}</div>;\n      if (['success', 'error', 'warning'].includes(status)) {\n        const Icon = iconMap[status];\n        info = (\n          <div className={`${classPrefix}-progress__info`}>\n            <Icon className={`${classPrefix}-progress__icon`} />\n          </div>\n        );\n      }\n    } else {\n      info = <div className={`${classPrefix}-progress__info`}>{label}</div>;\n    }\n    return info;\n  };\n  const statusClassName = `${classPrefix}-progress--status--${status}`;\n  let progressDom;\n  if (theme === 'circle') {\n    iconMap = {\n      success: CheckCircleIcon,\n      error: CloseCircleIcon,\n      warning: ErrorCircleIcon,\n    };\n    // 获取直径\n    const getDiameter = (): number => {\n      let diameter = 112;\n      if (!size) {\n        return diameter;\n      }\n      switch (size) {\n        default:\n          diameter = Number(size);\n          break;\n        case 'small':\n          diameter = 72;\n          break;\n        case 'medium':\n          diameter = 112;\n          break;\n        case 'large':\n          diameter = 160;\n          break;\n      }\n      return diameter;\n    };\n    // 获取环形进度条 环的宽度\n    const getCircleStokeWidth = (): number => {\n      if (!strokeWidth) {\n        if (size === 'small') {\n          return 4;\n        }\n      }\n      if (typeof strokeWidth !== 'number' || Number.isNaN(strokeWidth)) {\n        return 6;\n      }\n      return strokeWidth;\n    };\n    // 环形进度条尺寸(进度条占位空间，长宽占位)\n    const circleStokeWidth = getCircleStokeWidth();\n    // 直径\n    const diameter = getDiameter();\n    // 半径\n    const radius = diameter / 2;\n    // 内环半径\n    const innerRadius = radius - circleStokeWidth;\n\n    const perimeter = Math.PI * 2 * radius;\n    const percent = percentage / 100;\n    const strokeDasharray = `${perimeter * percent}  ${perimeter * (1 - percent)}`;\n    // 自适应文字，根据半路，适度调整\n    const fontSizeRatio = innerRadius * 0.27;\n    const circleBoxStyle = {\n      width: diameter,\n      height: diameter,\n      fontSize: 4 + fontSizeRatio,\n    } as React.CSSProperties;\n    const circlePathStyle = {\n      stroke: color,\n      strokeLinecap: circleStokeWidth < 30 ? 'round' : 'buff',\n    } as React.CSSProperties;\n    const circleCenterInViewBox = radius + circleStokeWidth / 2;\n    progressDom = (\n      <div\n        ref={ref}\n        className={classNames(`${classPrefix}-progress--circle`, {\n          [`${statusClassName}`]: status,\n        })}\n        style={circleBoxStyle}\n      >\n        {getInfoContent()}\n        <svg\n          width={diameter}\n          height={diameter}\n          viewBox={`0 0 ${diameter + circleStokeWidth} ${diameter + circleStokeWidth}`}\n        >\n          <circle\n            cx={circleCenterInViewBox}\n            cy={circleCenterInViewBox}\n            r={radius}\n            strokeWidth={circleStokeWidth}\n            stroke={trackColor}\n            fill=\"none\"\n          ></circle>\n          <circle\n            cx={circleCenterInViewBox}\n            cy={circleCenterInViewBox}\n            r={radius}\n            strokeWidth={circleStokeWidth}\n            fill=\"none\"\n            transform={`matrix(0,-1,1,0,0,${diameter + circleStokeWidth})`}\n            strokeDasharray={strokeDasharray}\n            className={`${classPrefix}-progress__circle-inner`}\n            style={circlePathStyle}\n          ></circle>\n        </svg>\n      </div>\n    );\n    return <div className={className}>{progressDom}</div>;\n  }\n  // 进度条轨道高度\n  const getHeight = (): string => {\n    if (strokeWidth) {\n      return typeof strokeWidth === 'string' ? strokeWidth : `${strokeWidth}px`;\n    }\n  };\n  const trackStyle = {\n    height: getHeight(),\n    backgroundColor: trackColor,\n    borderRadius: getHeight(),\n  } as React.CSSProperties;\n  const barStyle = {\n    width: `${percentage}%`,\n    background: getBackgroundColor(color),\n    borderRadius: getHeight(),\n  } as React.CSSProperties;\n  if (theme === 'plump') {\n    const PLUMP_SEPERATE = 10;\n    progressDom = (\n      <div\n        ref={ref}\n        className={classNames(`${classPrefix}-progress__bar`, `${classPrefix}-progress--plump`, {\n          [`${statusClassName}`]: status,\n          [`${classPrefix}-progress--over-ten`]: percentage > PLUMP_SEPERATE,\n          [`${classPrefix}-progress--under-ten`]: percentage <= PLUMP_SEPERATE,\n        })}\n        style={trackStyle}\n      >\n        {percentage > PLUMP_SEPERATE ? (\n          <div className={`${classPrefix}-progress__inner`} style={barStyle}>\n            {label && (\n              <div className={`${classPrefix}-progress__info`} style={{ color: '#fff' }}>{`${percentage}%`}</div>\n            )}\n          </div>\n        ) : (\n          <>\n            <div className={`${classPrefix}-progress__inner`} style={barStyle}></div>\n            {label && <div className={`${classPrefix}-progress__info`}>{`${percentage}%`}</div>}\n          </>\n        )}\n      </div>\n    );\n  } else {\n    progressDom = (\n      <div\n        ref={ref}\n        className={classNames(`${classPrefix}-progress--thin`, {\n          [`${statusClassName}`]: status,\n        })}\n      >\n        <div className={`${classPrefix}-progress__bar`} style={trackStyle}>\n          <div className={`${classPrefix}-progress__inner`} style={barStyle}></div>\n        </div>\n        {getInfoContent()}\n      </div>\n    );\n  }\n  return <div className={className}>{progressDom}</div>;\n});\n\nProgress.displayName = 'Progress';\n\nexport default Progress;\n"],"names":["Progress","forwardRef","props","ref","theme","percentage","label","color","trackColor","strokeWidth","size","className","status","iconMap","success","CheckCircleFilledIcon","error","CloseCircleFilledIcon","warning","ErrorCircleFilledIcon","useConfig","classPrefix","getInfoContent","info","React","createElement","includes","Icon","statusClassName","progressDom","CheckCircleIcon","CloseCircleIcon","ErrorCircleIcon","getDiameter","diameter2","Number","getCircleStokeWidth","isNaN","circleStokeWidth","diameter","radius","innerRadius","perimeter","Math","PI","percent","strokeDasharray","fontSizeRatio","circleBoxStyle","width","height","fontSize","circlePathStyle","stroke","strokeLinecap","circleCenterInViewBox","classNames","style","viewBox","cx","cy","r","fill","transform","getHeight","trackStyle","backgroundColor","borderRadius","barStyle","background","getBackgroundColor","PLUMP_SEPERATE","Fragment","displayName"],"mappings":"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"}
+{"version":3,"file":"Progress.js","sources":["../../src/progress/Progress.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport classNames from 'classnames';\nimport {\n  CheckCircleIcon,\n  CloseCircleIcon,\n  ErrorCircleIcon,\n  CheckCircleFilledIcon,\n  CloseCircleFilledIcon,\n  ErrorCircleFilledIcon,\n} from 'tdesign-icons-react';\nimport useConfig from '../_util/useConfig';\nimport getBackgroundColor from '../_util/linearGradient';\nimport { StyledProps } from '../common';\nimport { TdProgressProps } from './type';\n\nexport interface ProgressProps extends TdProgressProps, StyledProps {}\n/**\n * 按钮组件\n */\nconst Progress = forwardRef((props: ProgressProps, ref: React.Ref<HTMLDivElement>) => {\n  const {\n    theme = 'line',\n    percentage = 0,\n    label = true,\n    color = '',\n    trackColor = '#f5f5f5',\n    strokeWidth,\n    size = 'medium',\n    className,\n  } = props;\n  let { status } = props;\n  if (!status && percentage >= 100) {\n    status = 'success';\n  }\n  let iconMap = {\n    success: CheckCircleFilledIcon,\n    error: CloseCircleFilledIcon,\n    warning: ErrorCircleFilledIcon,\n  };\n  const { classPrefix } = useConfig();\n  // 进度条展示内容\n  const getInfoContent = () => {\n    if (!label) {\n      return '';\n    }\n    let info: React.ReactNode;\n    // 为布尔值，默认百分百展示，否则之间展示label内容\n    if (typeof label === 'boolean') {\n      info = <div className={`${classPrefix}-progress__info`}>{`${percentage}%`}</div>;\n      if (['success', 'error', 'warning'].includes(status)) {\n        const Icon = iconMap[status];\n        info = (\n          <div className={`${classPrefix}-progress__info`}>\n            <Icon className={`${classPrefix}-progress__icon`} />\n          </div>\n        );\n      }\n    } else {\n      info = <div className={`${classPrefix}-progress__info`}>{label}</div>;\n    }\n    return info;\n  };\n  const statusClassName = `${classPrefix}-progress--status--${status}`;\n  let progressDom;\n  if (theme === 'circle') {\n    iconMap = {\n      success: CheckCircleIcon,\n      error: CloseCircleIcon,\n      warning: ErrorCircleIcon,\n    };\n    // 获取直径\n    const getDiameter = (): number => {\n      let diameter = 112;\n      if (!size) {\n        return diameter;\n      }\n      switch (size) {\n        default:\n          diameter = Number(size);\n          break;\n        case 'small':\n          diameter = 72;\n          break;\n        case 'medium':\n          diameter = 112;\n          break;\n        case 'large':\n          diameter = 160;\n          break;\n      }\n      return diameter;\n    };\n    // 获取环形进度条 环的宽度\n    const getCircleStokeWidth = (): number => {\n      if (!strokeWidth) {\n        if (size === 'small') {\n          return 4;\n        }\n      }\n      if (typeof strokeWidth !== 'number' || Number.isNaN(strokeWidth)) {\n        return 6;\n      }\n      return strokeWidth;\n    };\n    // 环形进度条尺寸(进度条占位空间，长宽占位)\n    const circleStokeWidth = getCircleStokeWidth();\n    // 直径\n    const diameter = getDiameter();\n    // 半径\n    const radius = diameter / 2;\n    // 内环半径\n    const innerRadius = radius - circleStokeWidth;\n\n    const perimeter = Math.PI * 2 * radius;\n    const percent = percentage / 100;\n    const strokeDasharray = `${perimeter * percent}  ${perimeter * (1 - percent)}`;\n    // 自适应文字，根据半路，适度调整\n    const fontSizeRatio = innerRadius * 0.27;\n    const circleBoxStyle = {\n      width: diameter,\n      height: diameter,\n      fontSize: 4 + fontSizeRatio,\n    } as React.CSSProperties;\n    const circlePathStyle = {\n      stroke: color,\n      strokeLinecap: circleStokeWidth < 30 ? 'round' : 'buff',\n    } as React.CSSProperties;\n    const circleCenterInViewBox = radius + circleStokeWidth / 2;\n    progressDom = (\n      <div\n        ref={ref}\n        className={classNames(`${classPrefix}-progress--circle`, {\n          [`${statusClassName}`]: status,\n        })}\n        style={circleBoxStyle}\n      >\n        {getInfoContent()}\n        <svg\n          width={diameter}\n          height={diameter}\n          viewBox={`0 0 ${diameter + circleStokeWidth} ${diameter + circleStokeWidth}`}\n        >\n          <circle\n            cx={circleCenterInViewBox}\n            cy={circleCenterInViewBox}\n            r={radius}\n            strokeWidth={circleStokeWidth}\n            stroke={trackColor}\n            fill=\"none\"\n          ></circle>\n          {percentage > 0 && (\n            <circle\n              cx={circleCenterInViewBox}\n              cy={circleCenterInViewBox}\n              r={radius}\n              strokeWidth={circleStokeWidth}\n              fill=\"none\"\n              transform={`matrix(0,-1,1,0,0,${diameter + circleStokeWidth})`}\n              strokeDasharray={strokeDasharray}\n              className={`${classPrefix}-progress__circle-inner`}\n              style={circlePathStyle}\n            ></circle>\n          )}\n        </svg>\n      </div>\n    );\n    return <div className={className}>{progressDom}</div>;\n  }\n  // 进度条轨道高度\n  const getHeight = (): string => {\n    if (strokeWidth) {\n      return typeof strokeWidth === 'string' ? strokeWidth : `${strokeWidth}px`;\n    }\n  };\n  const trackStyle = {\n    height: getHeight(),\n    backgroundColor: trackColor,\n    borderRadius: getHeight(),\n  } as React.CSSProperties;\n  const barStyle = {\n    width: `${percentage}%`,\n    background: getBackgroundColor(color),\n    borderRadius: getHeight(),\n  } as React.CSSProperties;\n  if (theme === 'plump') {\n    const PLUMP_SEPERATE = 10;\n    progressDom = (\n      <div\n        ref={ref}\n        className={classNames(`${classPrefix}-progress__bar`, `${classPrefix}-progress--plump`, {\n          [`${statusClassName}`]: status,\n          [`${classPrefix}-progress--over-ten`]: percentage > PLUMP_SEPERATE,\n          [`${classPrefix}-progress--under-ten`]: percentage <= PLUMP_SEPERATE,\n        })}\n        style={trackStyle}\n      >\n        {percentage > PLUMP_SEPERATE ? (\n          <div className={`${classPrefix}-progress__inner`} style={barStyle}>\n            {label && (\n              <div className={`${classPrefix}-progress__info`} style={{ color: '#fff' }}>{`${percentage}%`}</div>\n            )}\n          </div>\n        ) : (\n          <>\n            <div className={`${classPrefix}-progress__inner`} style={barStyle}></div>\n            {label && <div className={`${classPrefix}-progress__info`}>{`${percentage}%`}</div>}\n          </>\n        )}\n      </div>\n    );\n  } else {\n    progressDom = (\n      <div\n        ref={ref}\n        className={classNames(`${classPrefix}-progress--thin`, {\n          [`${statusClassName}`]: status,\n        })}\n      >\n        <div className={`${classPrefix}-progress__bar`} style={trackStyle}>\n          <div className={`${classPrefix}-progress__inner`} style={barStyle}></div>\n        </div>\n        {getInfoContent()}\n      </div>\n    );\n  }\n  return <div className={className}>{progressDom}</div>;\n});\n\nProgress.displayName = 'Progress';\n\nexport default Progress;\n"],"names":["Progress","forwardRef","props","ref","theme","percentage","label","color","trackColor","strokeWidth","size","className","status","iconMap","success","CheckCircleFilledIcon","error","CloseCircleFilledIcon","warning","ErrorCircleFilledIcon","useConfig","classPrefix","getInfoContent","info","React","createElement","includes","Icon","statusClassName","progressDom","CheckCircleIcon","CloseCircleIcon","ErrorCircleIcon","getDiameter","diameter2","Number","getCircleStokeWidth","isNaN","circleStokeWidth","diameter","radius","innerRadius","perimeter","Math","PI","percent","strokeDasharray","fontSizeRatio","circleBoxStyle","width","height","fontSize","circlePathStyle","stroke","strokeLinecap","circleCenterInViewBox","classNames","style","viewBox","cx","cy","r","fill","transform","getHeight","trackStyle","backgroundColor","borderRadius","barStyle","background","getBackgroundColor","PLUMP_SEPERATE","Fragment","displayName"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAYMA,QAAQ,gBAAGC,UAAU,CAAC,UAACC,KAAD,EAAQC,GAAR,EAAgB;AAC1C,qBASID,KATJ,CACEE,KADF;AAAA,MACEA,KADF,6BACU,MADV;AAAA,0BASIF,KATJ,CAEEG,UAFF;AAAA,MAEEA,UAFF,kCAEe,CAFf;AAAA,qBASIH,KATJ,CAGEI,KAHF;AAAA,MAGEA,KAHF,6BAGU,IAHV;AAAA,qBASIJ,KATJ,CAIEK,KAJF;AAAA,MAIEA,KAJF,6BAIU,EAJV;AAAA,0BASIL,KATJ,CAKEM,UALF;AAAA,MAKEA,UALF,kCAKe,SALf;AAAA,MAMEC,WANF,GASIP,KATJ,CAMEO,WANF;AAAA,oBASIP,KATJ,CAOEQ,IAPF;AAAA,MAOEA,IAPF,4BAOS,QAPT;AAAA,MAQEC,SARF,GASIT,KATJ,CAQES,SARF;AAUA,MAAMC,MAAN,GAAiBV,KAAjB,CAAMU,MAAN;;AACA,MAAI,CAACA,MAAD,IAAWP,UAAU,IAAI,GAA7B,EAAkC;AAChCO,IAAAA,MAAM,GAAG,SAAT;AACD;;AACD,MAAIC,OAAO,GAAG;AACZC,IAAAA,OAAO,EAAEC,qBADG;AAEZC,IAAAA,KAAK,EAAEC,qBAFK;AAGZC,IAAAA,OAAO,EAAEC;AAHG,GAAd;;AAKA,mBAAwBC,SAAS,EAAjC;AAAA,MAAQC,WAAR,cAAQA,WAAR;;AACA,MAAMC,cAAc,GAAG,SAAjBA,cAAiB,GAAM;AAC3B,QAAI,CAAChB,KAAL,EAAY;AACV,aAAO,EAAP;AACD;;AACD,QAAIiB,IAAJ;;AACA,QAAI,OAAOjB,KAAP,KAAiB,SAArB,EAAgC;AAC9BiB,MAAAA,IAAI,kBAAmBC,KAAK,CAACC,aAAN,CAAoB,KAApB,EAA2B;AAChDd,QAAAA,SAAS,YAAKU,WAAL;AADuC,OAA3B,YAEjBhB,UAFiB,OAAvB;;AAGA,UAAI,CAAC,SAAD,EAAY,OAAZ,EAAqB,SAArB,EAAgCqB,QAAhC,CAAyCd,MAAzC,CAAJ,EAAsD;AACpD,YAAMe,IAAI,GAAGd,OAAO,CAACD,MAAD,CAApB;AACAW,QAAAA,IAAI,kBAAmBC,KAAK,CAACC,aAAN,CAAoB,KAApB,EAA2B;AAChDd,UAAAA,SAAS,YAAKU,WAAL;AADuC,SAA3B,iBAEJG,KAAK,CAACC,aAAN,CAAoBE,IAApB,EAA0B;AAC3ChB,UAAAA,SAAS,YAAKU,WAAL;AADkC,SAA1B,CAFI,CAAvB;AAKD;AACF,KAZD,MAYO;AACLE,MAAAA,IAAI,kBAAmBC,KAAK,CAACC,aAAN,CAAoB,KAApB,EAA2B;AAChDd,QAAAA,SAAS,YAAKU,WAAL;AADuC,OAA3B,EAEpBf,KAFoB,CAAvB;AAGD;;AACD,WAAOiB,IAAP;AACD,GAvBD;;AAwBA,MAAMK,eAAe,aAAMP,WAAN,gCAAuCT,MAAvC,CAArB;AACA,MAAIiB,WAAJ;;AACA,MAAIzB,KAAK,KAAK,QAAd,EAAwB;AACtBS,IAAAA,OAAO,GAAG;AACRC,MAAAA,OAAO,EAAEgB,eADD;AAERd,MAAAA,KAAK,EAAEe,eAFC;AAGRb,MAAAA,OAAO,EAAEc;AAHD,KAAV;;AAKA,QAAMC,WAAW,GAAG,SAAdA,WAAc,GAAM;AACxB,UAAIC,SAAS,GAAG,GAAhB;;AACA,UAAI,CAACxB,IAAL,EAAW;AACT,eAAOwB,SAAP;AACD;;AACD,cAAQxB,IAAR;AACE;AACEwB,UAAAA,SAAS,GAAGC,MAAM,CAACzB,IAAD,CAAlB;AACA;;AACF,aAAK,OAAL;AACEwB,UAAAA,SAAS,GAAG,EAAZ;AACA;;AACF,aAAK,QAAL;AACEA,UAAAA,SAAS,GAAG,GAAZ;AACA;;AACF,aAAK,OAAL;AACEA,UAAAA,SAAS,GAAG,GAAZ;AACA;AAZJ;;AAcA,aAAOA,SAAP;AACD,KApBD;;AAqBA,QAAME,mBAAmB,GAAG,SAAtBA,mBAAsB,GAAM;AAChC,UAAI,CAAC3B,WAAL,EAAkB;AAChB,YAAIC,IAAI,KAAK,OAAb,EAAsB;AACpB,iBAAO,CAAP;AACD;AACF;;AACD,UAAI,OAAOD,WAAP,KAAuB,QAAvB,IAAmC0B,MAAM,CAACE,KAAP,CAAa5B,WAAb,CAAvC,EAAkE;AAChE,eAAO,CAAP;AACD;;AACD,aAAOA,WAAP;AACD,KAVD;;AAWA,QAAM6B,gBAAgB,GAAGF,mBAAmB,EAA5C;AACA,QAAMG,QAAQ,GAAGN,WAAW,EAA5B;AACA,QAAMO,MAAM,GAAGD,QAAQ,GAAG,CAA1B;AACA,QAAME,WAAW,GAAGD,MAAM,GAAGF,gBAA7B;AACA,QAAMI,SAAS,GAAGC,IAAI,CAACC,EAAL,GAAU,CAAV,GAAcJ,MAAhC;AACA,QAAMK,OAAO,GAAGxC,UAAU,GAAG,GAA7B;AACA,QAAMyC,eAAe,aAAMJ,SAAS,GAAGG,OAAlB,eAA8BH,SAAS,IAAI,IAAIG,OAAR,CAAvC,CAArB;AACA,QAAME,aAAa,GAAGN,WAAW,GAAG,IAApC;AACA,QAAMO,cAAc,GAAG;AACrBC,MAAAA,KAAK,EAAEV,QADc;AAErBW,MAAAA,MAAM,EAAEX,QAFa;AAGrBY,MAAAA,QAAQ,EAAE,IAAIJ;AAHO,KAAvB;AAKA,QAAMK,eAAe,GAAG;AACtBC,MAAAA,MAAM,EAAE9C,KADc;AAEtB+C,MAAAA,aAAa,EAAEhB,gBAAgB,GAAG,EAAnB,GAAwB,OAAxB,GAAkC;AAF3B,KAAxB;AAIA,QAAMiB,qBAAqB,GAAGf,MAAM,GAAGF,gBAAgB,GAAG,CAA1D;AACAT,IAAAA,WAAW,kBAAmBL,KAAK,CAACC,aAAN,CAAoB,KAApB,EAA2B;AACvDtB,MAAAA,GAAG,EAAHA,GADuD;AAEvDQ,MAAAA,SAAS,EAAE6C,UAAU,WAAInC,WAAJ,sDACfO,eADe,GACKhB,MADL,EAFkC;AAKvD6C,MAAAA,KAAK,EAAET;AALgD,KAA3B,EAM3B1B,cAAc,EANa,iBAMOE,KAAK,CAACC,aAAN,CAAoB,KAApB,EAA2B;AAC9DwB,MAAAA,KAAK,EAAEV,QADuD;AAE9DW,MAAAA,MAAM,EAAEX,QAFsD;AAG9DmB,MAAAA,OAAO,gBAASnB,QAAQ,GAAGD,gBAApB,cAAwCC,QAAQ,GAAGD,gBAAnD;AAHuD,KAA3B,iBAIlBd,KAAK,CAACC,aAAN,CAAoB,QAApB,EAA8B;AAC/CkC,MAAAA,EAAE,EAAEJ,qBAD2C;AAE/CK,MAAAA,EAAE,EAAEL,qBAF2C;AAG/CM,MAAAA,CAAC,EAAErB,MAH4C;AAI/C/B,MAAAA,WAAW,EAAE6B,gBAJkC;AAK/Ce,MAAAA,MAAM,EAAE7C,UALuC;AAM/CsD,MAAAA,IAAI,EAAE;AANyC,KAA9B,CAJkB,EAWjCzD,UAAU,GAAG,CAAb,mBAAkCmB,KAAK,CAACC,aAAN,CAAoB,QAApB,EAA8B;AAClEkC,MAAAA,EAAE,EAAEJ,qBAD8D;AAElEK,MAAAA,EAAE,EAAEL,qBAF8D;AAGlEM,MAAAA,CAAC,EAAErB,MAH+D;AAIlE/B,MAAAA,WAAW,EAAE6B,gBAJqD;AAKlEwB,MAAAA,IAAI,EAAE,MAL4D;AAMlEC,MAAAA,SAAS,8BAAuBxB,QAAQ,GAAGD,gBAAlC,MANyD;AAOlEQ,MAAAA,eAAe,EAAfA,eAPkE;AAQlEnC,MAAAA,SAAS,YAAKU,WAAL,4BARyD;AASlEoC,MAAAA,KAAK,EAAEL;AAT2D,KAA9B,CAXD,CANP,CAA9B;AA4BA,0BAAuB5B,KAAK,CAACC,aAAN,CAAoB,KAApB,EAA2B;AAChDd,MAAAA,SAAS,EAATA;AADgD,KAA3B,EAEpBkB,WAFoB,CAAvB;AAGD;;AACD,MAAMmC,SAAS,GAAG,SAAZA,SAAY,GAAM;AACtB,QAAIvD,WAAJ,EAAiB;AACf,aAAO,OAAOA,WAAP,KAAuB,QAAvB,GAAkCA,WAAlC,aAAmDA,WAAnD,OAAP;AACD;AACF,GAJD;;AAKA,MAAMwD,UAAU,GAAG;AACjBf,IAAAA,MAAM,EAAEc,SAAS,EADA;AAEjBE,IAAAA,eAAe,EAAE1D,UAFA;AAGjB2D,IAAAA,YAAY,EAAEH,SAAS;AAHN,GAAnB;AAKA,MAAMI,QAAQ,GAAG;AACfnB,IAAAA,KAAK,YAAK5C,UAAL,MADU;AAEfgE,IAAAA,UAAU,EAAEC,kBAAkB,CAAC/D,KAAD,CAFf;AAGf4D,IAAAA,YAAY,EAAEH,SAAS;AAHR,GAAjB;;AAKA,MAAI5D,KAAK,KAAK,OAAd,EAAuB;AAAA;;AACrB,QAAMmE,cAAc,GAAG,EAAvB;AACA1C,IAAAA,WAAW,kBAAmBL,KAAK,CAACC,aAAN,CAAoB,KAApB,EAA2B;AACvDtB,MAAAA,GAAG,EAAHA,GADuD;AAEvDQ,MAAAA,SAAS,EAAE6C,UAAU,WAAInC,WAAJ,+BAAoCA,WAApC,mFACfO,eADe,GACKhB,MADL,2CAEfS,WAFe,0BAEoBhB,UAAU,GAAGkE,cAFjC,2CAGflD,WAHe,2BAGqBhB,UAAU,IAAIkE,cAHnC,iBAFkC;AAOvDd,MAAAA,KAAK,EAAEQ;AAPgD,KAA3B,EAQ3B5D,UAAU,GAAGkE,cAAb,kBAA8C/C,KAAK,CAACC,aAAN,CAAoB,KAApB,EAA2B;AAC1Ed,MAAAA,SAAS,YAAKU,WAAL,qBADiE;AAE1EoC,MAAAA,KAAK,EAAEW;AAFmE,KAA3B,EAG9C9D,KAAK,mBAAoBkB,KAAK,CAACC,aAAN,CAAoB,KAApB,EAA2B;AACrDd,MAAAA,SAAS,YAAKU,WAAL,oBAD4C;AAErDoC,MAAAA,KAAK,EAAE;AAAElD,QAAAA,KAAK,EAAE;AAAT;AAF8C,KAA3B,YAGtBF,UAHsB,OAHqB,CAA9C,kBAMqCmB,KAAK,CAACC,aAAN,CAAoBD,KAAK,CAACgD,QAA1B,EAAoC,IAApC,iBAA0DhD,KAAK,CAACC,aAAN,CAAoB,KAApB,EAA2B;AAC3Hd,MAAAA,SAAS,YAAKU,WAAL,qBADkH;AAE3HoC,MAAAA,KAAK,EAAEW;AAFoH,KAA3B,CAA1D,EAGpC9D,KAAK,mBAAoBkB,KAAK,CAACC,aAAN,CAAoB,KAApB,EAA2B;AACtDd,MAAAA,SAAS,YAAKU,WAAL;AAD6C,KAA3B,YAEvBhB,UAFuB,OAHW,CAdV,CAA9B;AAoBD,GAtBD,MAsBO;AACLwB,IAAAA,WAAW,kBAAmBL,KAAK,CAACC,aAAN,CAAoB,KAApB,EAA2B;AACvDtB,MAAAA,GAAG,EAAHA,GADuD;AAEvDQ,MAAAA,SAAS,EAAE6C,UAAU,WAAInC,WAAJ,oDACfO,eADe,GACKhB,MADL;AAFkC,KAA3B,iBAKXY,KAAK,CAACC,aAAN,CAAoB,KAApB,EAA2B;AAC5Cd,MAAAA,SAAS,YAAKU,WAAL,mBADmC;AAE5CoC,MAAAA,KAAK,EAAEQ;AAFqC,KAA3B,iBAGAzC,KAAK,CAACC,aAAN,CAAoB,KAApB,EAA2B;AAC5Cd,MAAAA,SAAS,YAAKU,WAAL,qBADmC;AAE5CoC,MAAAA,KAAK,EAAEW;AAFqC,KAA3B,CAHA,CALW,EAWzB9C,cAAc,EAXW,CAA9B;AAYD;;AACD,wBAAuBE,KAAK,CAACC,aAAN,CAAoB,KAApB,EAA2B;AAChDd,IAAAA,SAAS,EAATA;AADgD,GAA3B,EAEpBkB,WAFoB,CAAvB;AAGD,CA7L0B;AA8L3B7B,QAAQ,CAACyE,WAAT,GAAuB,UAAvB;;;;"}