tdesign-react 0.24.0 → 0.25.1

package/lib/popup/Popup.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.24.0
+ * tdesign v0.25.1
  * (c) 2022 tdesign
  * @license MIT
  */
@@ -8,8 +8,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var defineProperty = require('../_chunks/dep-3f1e68d6.js');
-var slicedToArray = require('../_chunks/dep-80bf0de8.js');
+var defineProperty = require('../_chunks/dep-2c3f65c5.js');
+var slicedToArray = require('../_chunks/dep-661ad10f.js');
 var React = require('react');
 var reactTransitionGroup = require('react-transition-group');
 var classNames = require('classnames');
@@ -19,28 +19,32 @@ var _util_useConfig = require('../_util/useConfig.js');
 var _util_composeRefs = require('../_util/composeRefs.js');
 var common_Portal = require('../common/Portal.js');
 var popup_hooks_useTriggerProps = require('./hooks/useTriggerProps.js');
-var popup_hooks_usePopupCssTransition = require('./hooks/usePopupCssTransition.js');
-require('../_chunks/dep-88ed1f6d.js');
+var popup_utils_getTransitionParams = require('./utils/getTransitionParams.js');
+require('../_chunks/dep-4e4ea898.js');
 require('../_util/noop.js');
-require('../_chunks/dep-465cb61c.js');
-require('../_chunks/dep-1b441fac.js');
-require('../_chunks/dep-fc9cf416.js');
-require('../_chunks/dep-2c27d307.js');
-require('../_chunks/dep-8d07325a.js');
-require('../_chunks/dep-76c61f9f.js');
-require('../_chunks/dep-6fd4f7f9.js');
-require('../_chunks/dep-658d4957.js');
-require('../_chunks/dep-4fac2842.js');
-require('../_chunks/dep-853ce94d.js');
-require('../_chunks/dep-d4ccbfca.js');
-require('../_chunks/dep-05b06bda.js');
-require('../_chunks/dep-2eca7dd0.js');
-require('../_chunks/dep-e95d3a87.js');
-require('../_chunks/dep-830b9cf2.js');
-require('../_chunks/dep-fa1809bc.js');
+require('../_chunks/dep-51f98d04.js');
+require('../_chunks/dep-1626b298.js');
+require('../_chunks/dep-c67594a4.js');
+require('../_chunks/dep-4012a1e4.js');
+require('../_chunks/dep-907a36e3.js');
+require('../_chunks/dep-bad88682.js');
+require('../_chunks/dep-ab7e56ed.js');
+require('../_chunks/dep-ac761868.js');
+require('../_chunks/dep-c44bb200.js');
+require('../_chunks/dep-4a4d4119.js');
+require('../_chunks/dep-5725aa0d.js');
+require('../_chunks/dep-3dfbfa1e.js');
+require('../_chunks/dep-dc65ecc4.js');
+require('../_chunks/dep-d02f776a.js');
+require('../_chunks/dep-da5c2a7e.js');
+require('../_chunks/dep-f2c71809.js');
 require('../_common/js/locale/zh_CN.js');
 require('../config-provider/defaultConfig.js');
 require('react-dom');
+require('../_util/dom.js');
+require('raf');
+require('../_chunks/dep-be015aaa.js');
+require('../_util/easing.js');
 require('../_util/useClickOutside.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -51,20 +55,11 @@ var classNames__default = /*#__PURE__*/_interopDefaultLegacy(classNames);
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { defineProperty._defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-var placementMap = {
-  top: "top",
-  "top-left": "top-start",
-  "top-right": "top-end",
-  bottom: "bottom",
-  "bottom-left": "bottom-start",
-  "bottom-right": "bottom-end",
-  left: "left",
-  "left-top": "left-start",
-  "left-bottom": "left-end",
-  right: "right",
-  "right-top": "right-start",
-  "right-bottom": "right-end"
-};
+
+function getPopperPlacement(placement) {
+  return placement.replace(/-(left|top)$/, "-start").replace(/-(right|bottom)$/, "-end");
+}
+
 var Popup = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _props$trigger = props.trigger,
       trigger = _props$trigger === void 0 ? "hover" : _props$trigger,
@@ -112,11 +107,12 @@ var Popup = /*#__PURE__*/React.forwardRef(function (props, ref) {
       setOverlayRef = _useState4[1];
 
   var contentRef = React.useRef(null);
+  var referenceRef = React.useRef(null);
   var popupRef = React.useRef(null);
   var popperRef = React.useRef(null);
   var portalRef = React.useRef(null);
   var onPopperFirstUpdate = React.useCallback(function (state) {
-    var referenceElmRect = popupRef.current.getBoundingClientRect();
+    var referenceElmRect = referenceRef.current.getBoundingClientRect();
     var referenceElmTop = referenceElmRect.top,
         referenceElmLeft = referenceElmRect.left,
         bottom = referenceElmRect.bottom,
@@ -150,7 +146,7 @@ var Popup = /*#__PURE__*/React.forwardRef(function (props, ref) {
     popperRef.current.update();
   }, []);
   popperRef.current = reactPopper.usePopper(triggerRef, overlayRef, {
-    placement: placementMap[placement],
+    placement: getPopperPlacement(placement),
     onFirstUpdate: onPopperFirstUpdate
   });
   var _popperRef$current = popperRef.current,
@@ -189,31 +185,46 @@ var Popup = /*#__PURE__*/React.forwardRef(function (props, ref) {
     ref: _util_composeRefs["default"](triggerNodeTemp.ref, setTriggerRef),
     className: classNames__default["default"](disabledClassName, triggerNodeTemp.props.className)
   }, triggerProps));
-  var cssTransitionState = popup_hooks_usePopupCssTransition["default"]({
-    contentRef: contentRef,
-    classPrefix: classPrefix,
-    expandAnimation: expandAnimation
-  });
+
+  var handleExited = function handleExited() {
+    if (!destroyOnClose) {
+      portalRef.current.style.display = "none";
+    }
+  };
+
+  var handleEnter = function handleEnter() {
+    if (!destroyOnClose) {
+      portalRef.current.style.display = "block";
+    }
+  };
+
   var portal = visible || overlayRef ? /* @__PURE__ */React__default["default"].createElement(reactTransitionGroup.CSSTransition, {
-    "in": visible,
-    nodeRef: portalRef,
-    timeout: 400,
     appear: true,
-    unmountOnExit: destroyOnClose
+    "in": visible,
+    timeout: 180,
+    nodeRef: popupRef,
+    unmountOnExit: destroyOnClose,
+    onEnter: handleEnter,
+    onExited: handleExited
   }, /* @__PURE__ */React__default["default"].createElement(common_Portal["default"], {
     attach: attach,
     ref: portalRef
   }, /* @__PURE__ */React__default["default"].createElement(reactTransitionGroup.CSSTransition, _objectSpread({
+    appear: true,
+    timeout: 0,
     "in": visible,
-    appear: true
-  }, cssTransitionState.props), /* @__PURE__ */React__default["default"].createElement("div", _objectSpread(_objectSpread({
-    ref: _util_composeRefs["default"](setOverlayRef, ref),
+    nodeRef: popupRef
+  }, popup_utils_getTransitionParams["default"]({
+    classPrefix: classPrefix,
+    expandAnimation: expandAnimation
+  })), /* @__PURE__ */React__default["default"].createElement("div", _objectSpread(_objectSpread({
+    ref: _util_composeRefs["default"](setOverlayRef, ref, popupRef),
     style: _objectSpread(_objectSpread({}, styles.popper), {}, {
       zIndex: zIndex
     }),
     className: "".concat(classPrefix, "-popup")
   }, attributes.popper), popupProps), /* @__PURE__ */React__default["default"].createElement("div", {
-    className: classNames__default["default"]("".concat(classPrefix, "-popup__content"), overlayClassName, defineProperty._defineProperty({}, "".concat(classPrefix, "-popup__content--arrow"), showArrow)),
+    className: classNames__default["default"]("".concat(classPrefix, "-popup__content"), defineProperty._defineProperty({}, "".concat(classPrefix, "-popup__content--arrow"), showArrow), overlayClassName),
     style: overlayVisibleStyle,
     ref: contentRef,
     onScroll: function onScroll(e) {
@@ -228,7 +239,7 @@ var Popup = /*#__PURE__*/React.forwardRef(function (props, ref) {
   return /* @__PURE__ */React__default["default"].createElement("div", {
     className: classNames__default["default"]("".concat(classPrefix, "-popup__reference"), className),
     style: style,
-    ref: popupRef
+    ref: referenceRef
   }, triggerNode, portal);
 });
 Popup.displayName = "Popup";

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  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} 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(null);\n  const popupRef = useRef(null);\n\n  const popperRef = useRef(null);\n  const portalRef = 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) };\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 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  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","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","portal","CSSTransition","appear","timeout","nodeRef","unmountOnExit","onEnter","onExited","Portal","getTransitionParams","popper","e","arrow","displayName"],"mappings":"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"}

package/lib/popup/hooks/useTriggerProps.js

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

package/lib/popup/index.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.24.0
+ * tdesign v0.25.1
  * (c) 2022 tdesign
  * @license MIT
  */
@@ -9,9 +9,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var popup_Popup = require('./Popup.js');
-require('../_chunks/dep-3f1e68d6.js');
-require('../_chunks/dep-80bf0de8.js');
-require('../_chunks/dep-88ed1f6d.js');
+require('../_chunks/dep-2c3f65c5.js');
+require('../_chunks/dep-661ad10f.js');
+require('../_chunks/dep-4e4ea898.js');
 require('react');
 require('react-transition-group');
 require('classnames');
@@ -19,30 +19,34 @@ require('react-popper');
 require('../_util/useDefault.js');
 require('../_util/noop.js');
 require('../_util/useConfig.js');
-require('../_chunks/dep-465cb61c.js');
-require('../_chunks/dep-1b441fac.js');
-require('../_chunks/dep-fc9cf416.js');
-require('../_chunks/dep-2c27d307.js');
-require('../_chunks/dep-8d07325a.js');
-require('../_chunks/dep-76c61f9f.js');
-require('../_chunks/dep-6fd4f7f9.js');
-require('../_chunks/dep-658d4957.js');
-require('../_chunks/dep-4fac2842.js');
-require('../_chunks/dep-853ce94d.js');
-require('../_chunks/dep-d4ccbfca.js');
-require('../_chunks/dep-05b06bda.js');
-require('../_chunks/dep-2eca7dd0.js');
-require('../_chunks/dep-e95d3a87.js');
-require('../_chunks/dep-830b9cf2.js');
-require('../_chunks/dep-fa1809bc.js');
+require('../_chunks/dep-51f98d04.js');
+require('../_chunks/dep-1626b298.js');
+require('../_chunks/dep-c67594a4.js');
+require('../_chunks/dep-4012a1e4.js');
+require('../_chunks/dep-907a36e3.js');
+require('../_chunks/dep-bad88682.js');
+require('../_chunks/dep-ab7e56ed.js');
+require('../_chunks/dep-ac761868.js');
+require('../_chunks/dep-c44bb200.js');
+require('../_chunks/dep-4a4d4119.js');
+require('../_chunks/dep-5725aa0d.js');
+require('../_chunks/dep-3dfbfa1e.js');
+require('../_chunks/dep-dc65ecc4.js');
+require('../_chunks/dep-d02f776a.js');
+require('../_chunks/dep-da5c2a7e.js');
+require('../_chunks/dep-f2c71809.js');
 require('../_common/js/locale/zh_CN.js');
 require('../config-provider/defaultConfig.js');
 require('../_util/composeRefs.js');
 require('../common/Portal.js');
 require('react-dom');
+require('../_util/dom.js');
+require('raf');
+require('../_chunks/dep-be015aaa.js');
+require('../_util/easing.js');
 require('./hooks/useTriggerProps.js');
 require('../_util/useClickOutside.js');
-require('./hooks/usePopupCssTransition.js');
+require('./utils/getTransitionParams.js');
 
 var Popup = popup_Popup["default"];
 

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';\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/lib/popup/type.js

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

package/lib/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/lib/popup/utils/getTransitionParams.js

@@ -0,0 +1,31 @@
+/**
+ * tdesign v0.25.1
+ * (c) 2022 tdesign
+ * @license MIT
+ */
+
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+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")
+    }
+  };
+};
+
+exports["default"] = getTransitionParams;
+//# sourceMappingURL=getTransitionParams.js.map

package/lib/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/lib/progress/Progress.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.24.0
+ * tdesign v0.25.1
  * (c) 2022 tdesign
  * @license MIT
  */
@@ -8,31 +8,31 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var defineProperty = require('../_chunks/dep-3f1e68d6.js');
+var defineProperty = require('../_chunks/dep-2c3f65c5.js');
 var React = require('react');
 var classNames = require('classnames');
 var tdesignIconsReact = require('tdesign-icons-react');
 var _util_useConfig = require('../_util/useConfig.js');
 var _util_linearGradient = require('../_util/linearGradient.js');
-require('../_chunks/dep-465cb61c.js');
-require('../_chunks/dep-1b441fac.js');
-require('../_chunks/dep-fc9cf416.js');
-require('../_chunks/dep-2c27d307.js');
-require('../_chunks/dep-8d07325a.js');
-require('../_chunks/dep-76c61f9f.js');
-require('../_chunks/dep-6fd4f7f9.js');
-require('../_chunks/dep-658d4957.js');
-require('../_chunks/dep-4fac2842.js');
-require('../_chunks/dep-853ce94d.js');
-require('../_chunks/dep-d4ccbfca.js');
-require('../_chunks/dep-05b06bda.js');
-require('../_chunks/dep-2eca7dd0.js');
-require('../_chunks/dep-e95d3a87.js');
-require('../_chunks/dep-830b9cf2.js');
-require('../_chunks/dep-fa1809bc.js');
+require('../_chunks/dep-51f98d04.js');
+require('../_chunks/dep-1626b298.js');
+require('../_chunks/dep-c67594a4.js');
+require('../_chunks/dep-4012a1e4.js');
+require('../_chunks/dep-907a36e3.js');
+require('../_chunks/dep-bad88682.js');
+require('../_chunks/dep-ab7e56ed.js');
+require('../_chunks/dep-ac761868.js');
+require('../_chunks/dep-c44bb200.js');
+require('../_chunks/dep-4a4d4119.js');
+require('../_chunks/dep-5725aa0d.js');
+require('../_chunks/dep-3dfbfa1e.js');
+require('../_chunks/dep-dc65ecc4.js');
+require('../_chunks/dep-d02f776a.js');
+require('../_chunks/dep-da5c2a7e.js');
+require('../_chunks/dep-f2c71809.js');
 require('../_common/js/locale/zh_CN.js');
 require('../config-provider/defaultConfig.js');
-require('../_chunks/dep-33cb1eaf.js');
+require('../_chunks/dep-3a9ef687.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -183,7 +183,7 @@ var Progress = /*#__PURE__*/React.forwardRef(function (props, ref) {
       strokeWidth: circleStokeWidth,
       stroke: trackColor,
       fill: "none"
-    }), /* @__PURE__ */React__default["default"].createElement("circle", {
+    }), percentage > 0 && /* @__PURE__ */React__default["default"].createElement("circle", {
       cx: circleCenterInViewBox,
       cy: circleCenterInViewBox,
       r: radius,

package/lib/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":"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"}

package/lib/progress/index.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.24.0
+ * tdesign v0.25.1
  * (c) 2022 tdesign
  * @license MIT
  */
@@ -9,31 +9,31 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var progress_Progress = require('./Progress.js');
-require('../_chunks/dep-3f1e68d6.js');
+require('../_chunks/dep-2c3f65c5.js');
 require('react');
 require('classnames');
 require('tdesign-icons-react');
 require('../_util/useConfig.js');
-require('../_chunks/dep-465cb61c.js');
-require('../_chunks/dep-1b441fac.js');
-require('../_chunks/dep-fc9cf416.js');
-require('../_chunks/dep-2c27d307.js');
-require('../_chunks/dep-8d07325a.js');
-require('../_chunks/dep-76c61f9f.js');
-require('../_chunks/dep-6fd4f7f9.js');
-require('../_chunks/dep-658d4957.js');
-require('../_chunks/dep-4fac2842.js');
-require('../_chunks/dep-853ce94d.js');
-require('../_chunks/dep-d4ccbfca.js');
-require('../_chunks/dep-05b06bda.js');
-require('../_chunks/dep-2eca7dd0.js');
-require('../_chunks/dep-e95d3a87.js');
-require('../_chunks/dep-830b9cf2.js');
-require('../_chunks/dep-fa1809bc.js');
+require('../_chunks/dep-51f98d04.js');
+require('../_chunks/dep-1626b298.js');
+require('../_chunks/dep-c67594a4.js');
+require('../_chunks/dep-4012a1e4.js');
+require('../_chunks/dep-907a36e3.js');
+require('../_chunks/dep-bad88682.js');
+require('../_chunks/dep-ab7e56ed.js');
+require('../_chunks/dep-ac761868.js');
+require('../_chunks/dep-c44bb200.js');
+require('../_chunks/dep-4a4d4119.js');
+require('../_chunks/dep-5725aa0d.js');
+require('../_chunks/dep-3dfbfa1e.js');
+require('../_chunks/dep-dc65ecc4.js');
+require('../_chunks/dep-d02f776a.js');
+require('../_chunks/dep-da5c2a7e.js');
+require('../_chunks/dep-f2c71809.js');
 require('../_common/js/locale/zh_CN.js');
 require('../config-provider/defaultConfig.js');
 require('../_util/linearGradient.js');
-require('../_chunks/dep-33cb1eaf.js');
+require('../_chunks/dep-3a9ef687.js');
 
 var Progress = progress_Progress["default"];
 

package/lib/progress/type.js

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