tdesign-react 0.23.0 → 0.23.1

package/lib/popconfirm/PopContent.js.map

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

package/lib/popconfirm/index.js

@@ -1,54 +1,59 @@
 /**
- * tdesign v0.23.0
+ * tdesign v0.23.1
  * (c) 2022 tdesign
  * @license MIT
  */
 
-import PopConfirm$1 from './PopConfirm.js';
-import '../_chunks/dep-72ef6cf6.js';
-import '../_chunks/dep-442ff40f.js';
-import '../_chunks/dep-42dfd306.js';
-import '../_chunks/dep-33e85467.js';
-import 'react';
-import 'classnames';
-import '../popup/Popup.js';
-import 'react-transition-group';
-import 'react-popper';
-import '../_util/useDefault.js';
-import '../_util/noop.js';
-import '../_util/useConfig.js';
-import '../config-provider/ConfigContext.js';
-import '../locale/zh_CN.js';
-import '../_util/composeRefs.js';
-import '../popup/Portal.js';
-import 'react-dom';
-import '../popup/hooks/useTriggerProps.js';
-import '../_util/useClickOutside.js';
-import '../popup/hooks/usePopupCssTransition.js';
-import './PopContent.js';
-import '../_chunks/dep-2c954aac.js';
-import '../_chunks/dep-ad63776f.js';
-import '../_chunks/dep-55ec31d6.js';
-import '../_chunks/dep-566d4902.js';
-import '../_chunks/dep-106adff6.js';
-import 'tdesign-icons-react';
-import '../locale/LocalReceiver.js';
-import '../button/Button.js';
-import '../_chunks/dep-c611ea38.js';
-import '../_util/useRipple.js';
-import '../_util/setStyle.js';
-import '../loading/index.js';
-import '../loading/loading.js';
-import '../_util/dom.js';
-import 'raf';
-import '../_util/easing.js';
-import '../common/Portal.js';
-import '../loading/gradient.js';
-import '../_common/js/loading/circle-adapter.js';
-import '../_common/js/utils/set-style.js';
-import '../loading/plugin.js';
+'use strict';
 
-var PopConfirm = PopConfirm$1;
+Object.defineProperty(exports, '__esModule', { value: true });
 
-export { PopConfirm, PopConfirm as default };
+var popconfirm_PopConfirm = require('./PopConfirm.js');
+require('../_chunks/dep-60e5ab16.js');
+require('../_chunks/dep-dcd8e953.js');
+require('../_chunks/dep-e9b6be46.js');
+require('../_chunks/dep-a72a2eef.js');
+require('react');
+require('classnames');
+require('../popup/Popup.js');
+require('react-transition-group');
+require('react-popper');
+require('../_util/useDefault.js');
+require('../_util/noop.js');
+require('../_util/useConfig.js');
+require('../config-provider/ConfigContext.js');
+require('../locale/zh_CN.js');
+require('../_util/composeRefs.js');
+require('../common/Portal.js');
+require('../_chunks/dep-bf25d6c3.js');
+require('react-dom');
+require('../popup/hooks/useTriggerProps.js');
+require('../_util/useClickOutside.js');
+require('../popup/hooks/usePopupCssTransition.js');
+require('./PopContent.js');
+require('../_chunks/dep-cf067838.js');
+require('../_chunks/dep-a3912276.js');
+require('../_chunks/dep-06e9d05b.js');
+require('../_chunks/dep-9c909570.js');
+require('tdesign-icons-react');
+require('../locale/LocalReceiver.js');
+require('../button/Button.js');
+require('../_chunks/dep-d004a138.js');
+require('../_util/useRipple.js');
+require('../_util/setStyle.js');
+require('../loading/index.js');
+require('../loading/loading.js');
+require('../_util/dom.js');
+require('raf');
+require('../_util/easing.js');
+require('../loading/gradient.js');
+require('../_common/js/loading/circle-adapter.js');
+require('../_common/js/utils/set-style.js');
+require('../_common/js/utils/helper.js');
+require('../loading/plugin.js');
+
+var PopConfirm = popconfirm_PopConfirm["default"];
+
+exports.PopConfirm = PopConfirm;
+exports["default"] = PopConfirm;
 //# sourceMappingURL=index.js.map

package/lib/popconfirm/index.js.map

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

package/lib/popconfirm/type.js

@@ -1,7 +1,9 @@
 /**
- * tdesign v0.23.0
+ * tdesign v0.23.1
  * (c) 2022 tdesign
  * @license MIT
  */
 
+'use strict';
+
 //# sourceMappingURL=type.js.map

package/lib/popconfirm/type.js.map

@@ -1 +1 @@
-{"version":3,"file":"type.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}
+{"version":3,"file":"type.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/lib/popup/Popup.js

@@ -1,31 +1,41 @@
 /**
- * tdesign v0.23.0
+ * tdesign v0.23.1
  * (c) 2022 tdesign
  * @license MIT
  */
 
-import { _ as _defineProperty } from '../_chunks/dep-72ef6cf6.js';
-import { _ as _slicedToArray } from '../_chunks/dep-442ff40f.js';
-import React, { forwardRef, useState, useRef, useCallback, useMemo, isValidElement, cloneElement } from 'react';
-import { CSSTransition } from 'react-transition-group';
-import classNames from 'classnames';
-import { usePopper } from 'react-popper';
-import useDefault from '../_util/useDefault.js';
-import useConfig from '../_util/useConfig.js';
-import composeRefs from '../_util/composeRefs.js';
-import Portal from './Portal.js';
-import useTriggerProps from './hooks/useTriggerProps.js';
-import usePopupCssTransition from './hooks/usePopupCssTransition.js';
-import '../_chunks/dep-42dfd306.js';
-import '../_util/noop.js';
-import '../config-provider/ConfigContext.js';
-import '../locale/zh_CN.js';
-import 'react-dom';
-import '../_util/useClickOutside.js';
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var defineProperty = require('../_chunks/dep-60e5ab16.js');
+var slicedToArray = require('../_chunks/dep-dcd8e953.js');
+var React = require('react');
+var reactTransitionGroup = require('react-transition-group');
+var classNames = require('classnames');
+var reactPopper = require('react-popper');
+var _util_useDefault = require('../_util/useDefault.js');
+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-e9b6be46.js');
+require('../_util/noop.js');
+require('../config-provider/ConfigContext.js');
+require('../locale/zh_CN.js');
+require('../_chunks/dep-bf25d6c3.js');
+require('react-dom');
+require('../_util/useClickOutside.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+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(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; }
+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",
@@ -40,7 +50,7 @@ var placementMap = {
   "right-top": "right-start",
   "right-bottom": "right-end"
 };
-var Popup = /*#__PURE__*/forwardRef(function (props, ref) {
+var Popup = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _props$trigger = props.trigger,
       trigger = _props$trigger === void 0 ? "hover" : _props$trigger,
       _props$content = props.content,
@@ -65,30 +75,32 @@ var Popup = /*#__PURE__*/forwardRef(function (props, ref) {
       defaultVisible = _props$defaultVisible === void 0 ? false : _props$defaultVisible,
       zIndex = props.zIndex,
       onVisibleChange = props.onVisibleChange,
+      _onScroll = props.onScroll,
       expandAnimation = props.expandAnimation;
 
-  var _useConfig = useConfig(),
+  var _useConfig = _util_useConfig["default"](),
       classPrefix = _useConfig.classPrefix;
 
-  var _useDefault = useDefault(props.visible, defaultVisible, onVisibleChange),
-      _useDefault2 = _slicedToArray(_useDefault, 2),
+  var _useDefault = _util_useDefault["default"](props.visible, defaultVisible, onVisibleChange),
+      _useDefault2 = slicedToArray._slicedToArray(_useDefault, 2),
       visible = _useDefault2[0],
       setVisible = _useDefault2[1];
 
-  var _useState = useState(null),
-      _useState2 = _slicedToArray(_useState, 2),
+  var _useState = React.useState(null),
+      _useState2 = slicedToArray._slicedToArray(_useState, 2),
       triggerRef = _useState2[0],
       setTriggerRef = _useState2[1];
 
-  var _useState3 = useState(null),
-      _useState4 = _slicedToArray(_useState3, 2),
+  var _useState3 = React.useState(null),
+      _useState4 = slicedToArray._slicedToArray(_useState3, 2),
       overlayRef = _useState4[0],
       setOverlayRef = _useState4[1];
 
-  var contentRef = useRef(null);
-  var popupRef = useRef(null);
-  var popperRef = useRef(null);
-  var onPopperFirstUpdate = useCallback(function (state) {
+  var contentRef = 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 referenceElmTop = referenceElmRect.top,
         referenceElmLeft = referenceElmRect.left,
@@ -122,14 +134,14 @@ var Popup = /*#__PURE__*/forwardRef(function (props, ref) {
     }));
     popperRef.current.update();
   }, []);
-  popperRef.current = usePopper(triggerRef, overlayRef, {
+  popperRef.current = reactPopper.usePopper(triggerRef, overlayRef, {
     placement: placementMap[placement],
     onFirstUpdate: onPopperFirstUpdate
   });
   var _popperRef$current = popperRef.current,
       styles = _popperRef$current.styles,
       attributes = _popperRef$current.attributes;
-  var defaultStyles = useMemo(function () {
+  var defaultStyles = React.useMemo(function () {
     if (triggerRef && typeof overlayStyle === "function") return _objectSpread(_objectSpread({}, overlayStyle(triggerRef)), {}, {
       zIndex: zIndex
     });
@@ -138,64 +150,75 @@ var Popup = /*#__PURE__*/forwardRef(function (props, ref) {
     });
   }, [overlayStyle, zIndex, triggerRef]);
   var overlayVisibleStyle = defaultStyles;
-  var triggerNodeTemp = useMemo(function () {
-    var _React$Children$toArr = React.Children.toArray(children),
-        _React$Children$toArr2 = _slicedToArray(_React$Children$toArr, 1),
+  var triggerNodeTemp = React.useMemo(function () {
+    var _React$Children$toArr = React__default["default"].Children.toArray(children),
+        _React$Children$toArr2 = slicedToArray._slicedToArray(_React$Children$toArr, 1),
         triggerChildNode = _React$Children$toArr2[0];
 
-    if (React.Children.count(children) === 1 && /*#__PURE__*/isValidElement(triggerChildNode)) {
+    if (React__default["default"].Children.count(children) === 1 && /*#__PURE__*/React.isValidElement(triggerChildNode)) {
       return triggerChildNode;
     }
 
-    return /* @__PURE__ */React.createElement("span", {
+    return /* @__PURE__ */React__default["default"].createElement("span", {
       className: "".concat(classPrefix, "-trigger")
     }, children);
   }, [children, classPrefix]);
 
-  var _useTriggerProps = useTriggerProps({
+  var _useTriggerProps = popup_hooks_useTriggerProps["default"]({
     current: overlayRef
   }, {
     current: triggerRef
   }, [trigger], visible, setVisible, disabled, triggerNodeTemp),
-      _useTriggerProps2 = _slicedToArray(_useTriggerProps, 2),
+      _useTriggerProps2 = slicedToArray._slicedToArray(_useTriggerProps, 2),
       triggerProps = _useTriggerProps2[0],
       popupProps = _useTriggerProps2[1];
 
-  var disabledClassName = classNames(_defineProperty({}, "".concat(classPrefix, "-is-disabled"), disabled));
-  var triggerNode = /*#__PURE__*/cloneElement(triggerNodeTemp, _objectSpread({
-    ref: composeRefs(triggerNodeTemp.ref, setTriggerRef),
-    className: classNames(disabledClassName, triggerNodeTemp.props.className)
+  var disabledClassName = classNames__default["default"](defineProperty._defineProperty({}, "".concat(classPrefix, "-is-disabled"), disabled));
+  var triggerNode = /*#__PURE__*/React.cloneElement(triggerNodeTemp, _objectSpread({
+    ref: _util_composeRefs["default"](triggerNodeTemp.ref, setTriggerRef),
+    className: classNames__default["default"](disabledClassName, triggerNodeTemp.props.className)
   }, triggerProps));
-  var cssTransitionState = usePopupCssTransition({
+  var cssTransitionState = popup_hooks_usePopupCssTransition["default"]({
     contentRef: contentRef,
     classPrefix: classPrefix,
     expandAnimation: expandAnimation
   });
-  var portal = visible || overlayRef ? /* @__PURE__ */React.createElement(Portal, {
-    attach: attach
-  }, /* @__PURE__ */React.createElement(CSSTransition, _objectSpread({
+  var portal = visible || overlayRef ? /* @__PURE__ */React__default["default"].createElement(reactTransitionGroup.CSSTransition, {
     "in": visible,
+    nodeRef: portalRef,
+    timeout: 400,
     appear: true,
     unmountOnExit: destroyOnClose
-  }, cssTransitionState.props), /* @__PURE__ */React.createElement("div", _objectSpread(_objectSpread({
-    ref: composeRefs(setOverlayRef, ref),
+  }, /* @__PURE__ */React__default["default"].createElement(common_Portal["default"], {
+    attach: attach,
+    ref: portalRef
+  }, /* @__PURE__ */React__default["default"].createElement(reactTransitionGroup.CSSTransition, _objectSpread({
+    "in": visible,
+    appear: true
+  }, cssTransitionState.props), /* @__PURE__ */React__default["default"].createElement("div", _objectSpread(_objectSpread({
+    ref: _util_composeRefs["default"](setOverlayRef, ref),
     style: styles.popper,
     className: "".concat(classPrefix, "-popup")
-  }, attributes.popper), popupProps), /* @__PURE__ */React.createElement("div", {
-    className: classNames("".concat(classPrefix, "-popup__content"), overlayClassName, _defineProperty({}, "".concat(classPrefix, "-popup__content--arrow"), showArrow)),
+  }, 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)),
     style: overlayVisibleStyle,
-    ref: contentRef
-  }, showArrow ? /* @__PURE__ */React.createElement("div", {
+    ref: contentRef,
+    onScroll: function onScroll(e) {
+      return _onScroll === null || _onScroll === void 0 ? void 0 : _onScroll({
+        e: e
+      });
+    }
+  }, showArrow ? /* @__PURE__ */React__default["default"].createElement("div", {
     style: styles.arrow,
     className: "".concat(classPrefix, "-popup__arrow")
-  }) : null, content)))) : null;
-  return /* @__PURE__ */React.createElement("div", {
-    className: classNames("".concat(classPrefix, "-popup__reference"), className),
+  }) : null, content))))) : null;
+  return /* @__PURE__ */React__default["default"].createElement("div", {
+    className: classNames__default["default"]("".concat(classPrefix, "-popup__reference"), className),
     style: style,
     ref: popupRef
   }, triggerNode, portal);
 });
 Popup.displayName = "Popup";
 
-export { Popup as default };
+exports["default"] = Popup;
 //# sourceMappingURL=Popup.js.map

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 './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    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\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), zIndex };\n    return { ...overlayStyle, zIndex };\n  }, [overlayStyle, zIndex, 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      <Portal attach={attach}>\n        <CSSTransition in={visible} appear={true} unmountOnExit={destroyOnClose} {...cssTransitionState.props}>\n          <div\n            ref={composeRefs(setOverlayRef, ref)}\n            style={styles.popper}\n            className={`${classPrefix}-popup`}\n            {...attributes.popper}\n            {...popupProps}\n          >\n            <div\n              className={classNames(`${classPrefix}-popup__content`, overlayClassName, {\n                [`${classPrefix}-popup__content--arrow`]: showArrow,\n              })}\n              style={overlayVisibleStyle}\n              ref={contentRef}\n            >\n              {showArrow ? <div style={styles.arrow} className={`${classPrefix}-popup__arrow`} /> : null}\n              {content}\n            </div>\n          </div>\n        </CSSTransition>\n      </Portal>\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","expandAnimation","useConfig","classPrefix","useDefault","visible","setVisible","useState","triggerRef","setTriggerRef","overlayRef","setOverlayRef","contentRef","useRef","popupRef","popperRef","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","Portal","CSSTransition","appear","unmountOnExit","popper","arrow","displayName"],"mappings":"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"}
+{"version":3,"file":"Popup.js","sources":["../../src/popup/Popup.tsx"],"sourcesContent":["import React, {\n  forwardRef,\n  CSSProperties,\n  useState,\n  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), zIndex };\n    return { ...overlayStyle, zIndex };\n  }, [overlayStyle, zIndex, 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}\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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"}

package/lib/popup/hooks/usePopupCssTransition.d.ts

@@ -20,6 +20,8 @@ declare const usePopupCssTransition: ({ contentRef, classPrefix, expandAnimation
         onEntering: () => void;
         onEntered: () => void;
         onExiting: () => void;
+        onEnter: () => void;
+        onExited: () => void;
         timeout: number;
         nodeRef: import("react").MutableRefObject<HTMLDivElement>;
     } | {
@@ -34,9 +36,8 @@ declare const usePopupCssTransition: ({ contentRef, classPrefix, expandAnimation
             exitActive: string;
             exitDone: string;
         };
-        onEntering?: undefined;
-        onEntered?: undefined;
-        onExiting?: undefined;
+        onEnter: () => void;
+        onExited: () => void;
         timeout: number;
         nodeRef: import("react").MutableRefObject<HTMLDivElement>;
     };

package/lib/popup/hooks/usePopupCssTransition.js

@@ -1,41 +1,58 @@
 /**
- * tdesign v0.23.0
+ * tdesign v0.23.1
  * (c) 2022 tdesign
  * @license MIT
  */
 
-import { _ as _defineProperty } from '../../_chunks/dep-72ef6cf6.js';
-import { _ as _slicedToArray } from '../../_chunks/dep-442ff40f.js';
-import { useState } from 'react';
-import '../../_chunks/dep-42dfd306.js';
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var defineProperty = require('../../_chunks/dep-60e5ab16.js');
+var slicedToArray = require('../../_chunks/dep-dcd8e953.js');
+var React = require('react');
+require('../../_chunks/dep-e9b6be46.js');
 
 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(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; }
+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 usePopupCssTransition = function usePopupCssTransition(_ref) {
   var contentRef = _ref.contentRef,
       classPrefix = _ref.classPrefix,
       expandAnimation = _ref.expandAnimation;
 
-  var _useState = useState(null),
-      _useState2 = _slicedToArray(_useState, 2),
+  var _useState = React.useState(null),
+      _useState2 = slicedToArray._slicedToArray(_useState, 2),
       presetMaxHeight = _useState2[0],
       setPresetMaxHeight = _useState2[1];
 
+  var timerRef = React.useRef(null);
   var contentEle = contentRef === null || contentRef === void 0 ? void 0 : contentRef.current;
   var popupAnimationClassPrefix = "".concat(classPrefix, "-popup--animation");
+  var defaultEvents = {
+    onEnter: handleEnter,
+    onExited: handleExited
+  };
+
+  function handleEnter() {
+    clearTimeout(timerRef.current);
+
+    if (contentEle && contentEle.style.display === "none") {
+      contentEle.style.display = "block";
+    }
+  }
 
-  var handleEntering = function handleEntering() {
+  function handleEntering() {
     setPresetMaxHeight(parseInt(getComputedStyle(contentEle).maxHeight, 10) || Infinity);
 
     if (contentEle) {
       contentEle.style.overflow = "hidden";
       contentEle.style.maxHeight = "0";
     }
-  };
+  }
 
-  var handleEntered = function handleEntered() {
+  function handleEntered() {
     if (contentEle) {
       var scrollHeight = contentEle.scrollHeight;
       var minHeight = presetMaxHeight !== Infinity ? presetMaxHeight : scrollHeight;
@@ -45,20 +62,28 @@ var usePopupCssTransition = function usePopupCssTransition(_ref) {
         contentEle.style.overflow = "";
       }
     }
-  };
+  }
 
-  var handleExiting = function handleExiting() {
+  function handleExiting() {
     if (contentEle) {
       contentEle.style.maxHeight = "0";
       contentEle.style.overflow = "hidden";
     }
-  };
+  }
+
+  function handleExited() {
+    if (contentEle) {
+      timerRef.current = setTimeout(function () {
+        contentEle.style.display = "none";
+      }, 200);
+    }
+  }
 
-  var lifeCircleEvent = expandAnimation ? {
+  var lifeCircleEvent = expandAnimation ? _objectSpread(_objectSpread({}, defaultEvents), {}, {
     onEntering: handleEntering,
     onEntered: handleEntered,
     onExiting: handleExiting
-  } : {};
+  }) : _objectSpread({}, defaultEvents);
   return {
     props: _objectSpread(_objectSpread({
       timeout: 200,
@@ -79,5 +104,5 @@ var usePopupCssTransition = function usePopupCssTransition(_ref) {
   };
 };
 
-export { usePopupCssTransition as default };
+exports["default"] = usePopupCssTransition;
 //# sourceMappingURL=usePopupCssTransition.js.map