Tooltip.js 6.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105
  1. "use strict";
  2. var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
  3. var _typeof = require("@babel/runtime/helpers/typeof");
  4. Object.defineProperty(exports, "__esModule", {
  5. value: true
  6. });
  7. exports.default = void 0;
  8. var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
  9. var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
  10. var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
  11. var _trigger = _interopRequireDefault(require("@rc-component/trigger"));
  12. var _classnames = _interopRequireDefault(require("classnames"));
  13. var _react = _interopRequireWildcard(require("react"));
  14. var React = _react;
  15. var _placements = require("./placements");
  16. var _Popup = _interopRequireDefault(require("./Popup"));
  17. var _useId = _interopRequireDefault(require("rc-util/lib/hooks/useId"));
  18. var _excluded = ["overlayClassName", "trigger", "mouseEnterDelay", "mouseLeaveDelay", "overlayStyle", "prefixCls", "children", "onVisibleChange", "afterVisibleChange", "transitionName", "animation", "motion", "placement", "align", "destroyTooltipOnHide", "defaultVisible", "getTooltipContainer", "overlayInnerStyle", "arrowContent", "overlay", "id", "showArrow", "classNames", "styles"];
  19. function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
  20. function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
  21. var Tooltip = function Tooltip(props, ref) {
  22. var overlayClassName = props.overlayClassName,
  23. _props$trigger = props.trigger,
  24. trigger = _props$trigger === void 0 ? ['hover'] : _props$trigger,
  25. _props$mouseEnterDela = props.mouseEnterDelay,
  26. mouseEnterDelay = _props$mouseEnterDela === void 0 ? 0 : _props$mouseEnterDela,
  27. _props$mouseLeaveDela = props.mouseLeaveDelay,
  28. mouseLeaveDelay = _props$mouseLeaveDela === void 0 ? 0.1 : _props$mouseLeaveDela,
  29. overlayStyle = props.overlayStyle,
  30. _props$prefixCls = props.prefixCls,
  31. prefixCls = _props$prefixCls === void 0 ? 'rc-tooltip' : _props$prefixCls,
  32. children = props.children,
  33. onVisibleChange = props.onVisibleChange,
  34. afterVisibleChange = props.afterVisibleChange,
  35. transitionName = props.transitionName,
  36. animation = props.animation,
  37. motion = props.motion,
  38. _props$placement = props.placement,
  39. placement = _props$placement === void 0 ? 'right' : _props$placement,
  40. _props$align = props.align,
  41. align = _props$align === void 0 ? {} : _props$align,
  42. _props$destroyTooltip = props.destroyTooltipOnHide,
  43. destroyTooltipOnHide = _props$destroyTooltip === void 0 ? false : _props$destroyTooltip,
  44. defaultVisible = props.defaultVisible,
  45. getTooltipContainer = props.getTooltipContainer,
  46. overlayInnerStyle = props.overlayInnerStyle,
  47. arrowContent = props.arrowContent,
  48. overlay = props.overlay,
  49. id = props.id,
  50. _props$showArrow = props.showArrow,
  51. showArrow = _props$showArrow === void 0 ? true : _props$showArrow,
  52. tooltipClassNames = props.classNames,
  53. tooltipStyles = props.styles,
  54. restProps = (0, _objectWithoutProperties2.default)(props, _excluded);
  55. var mergedId = (0, _useId.default)(id);
  56. var triggerRef = (0, _react.useRef)(null);
  57. (0, _react.useImperativeHandle)(ref, function () {
  58. return triggerRef.current;
  59. });
  60. var extraProps = (0, _objectSpread2.default)({}, restProps);
  61. if ('visible' in props) {
  62. extraProps.popupVisible = props.visible;
  63. }
  64. var getPopupElement = function getPopupElement() {
  65. return /*#__PURE__*/React.createElement(_Popup.default, {
  66. key: "content",
  67. prefixCls: prefixCls,
  68. id: mergedId,
  69. bodyClassName: tooltipClassNames === null || tooltipClassNames === void 0 ? void 0 : tooltipClassNames.body,
  70. overlayInnerStyle: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, overlayInnerStyle), tooltipStyles === null || tooltipStyles === void 0 ? void 0 : tooltipStyles.body)
  71. }, overlay);
  72. };
  73. var getChildren = function getChildren() {
  74. var child = React.Children.only(children);
  75. var originalProps = (child === null || child === void 0 ? void 0 : child.props) || {};
  76. var childProps = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, originalProps), {}, {
  77. 'aria-describedby': overlay ? mergedId : null
  78. });
  79. return /*#__PURE__*/React.cloneElement(children, childProps);
  80. };
  81. return /*#__PURE__*/React.createElement(_trigger.default, (0, _extends2.default)({
  82. popupClassName: (0, _classnames.default)(overlayClassName, tooltipClassNames === null || tooltipClassNames === void 0 ? void 0 : tooltipClassNames.root),
  83. prefixCls: prefixCls,
  84. popup: getPopupElement,
  85. action: trigger,
  86. builtinPlacements: _placements.placements,
  87. popupPlacement: placement,
  88. ref: triggerRef,
  89. popupAlign: align,
  90. getPopupContainer: getTooltipContainer,
  91. onPopupVisibleChange: onVisibleChange,
  92. afterPopupVisibleChange: afterVisibleChange,
  93. popupTransitionName: transitionName,
  94. popupAnimation: animation,
  95. popupMotion: motion,
  96. defaultPopupVisible: defaultVisible,
  97. autoDestroy: destroyTooltipOnHide,
  98. mouseLeaveDelay: mouseLeaveDelay,
  99. popupStyle: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, overlayStyle), tooltipStyles === null || tooltipStyles === void 0 ? void 0 : tooltipStyles.root),
  100. mouseEnterDelay: mouseEnterDelay,
  101. arrow: showArrow
  102. }, extraProps), getChildren());
  103. };
  104. var _default = exports.default = /*#__PURE__*/(0, _react.forwardRef)(Tooltip);