1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495 |
- import _extends from "@babel/runtime/helpers/esm/extends";
- import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
- import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
- 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"];
- import Trigger from '@rc-component/trigger';
- import classNames from 'classnames';
- import * as React from 'react';
- import { forwardRef, useImperativeHandle, useRef } from 'react';
- import { placements } from "./placements";
- import Popup from "./Popup";
- import useId from "rc-util/es/hooks/useId";
- var Tooltip = function Tooltip(props, ref) {
- var overlayClassName = props.overlayClassName,
- _props$trigger = props.trigger,
- trigger = _props$trigger === void 0 ? ['hover'] : _props$trigger,
- _props$mouseEnterDela = props.mouseEnterDelay,
- mouseEnterDelay = _props$mouseEnterDela === void 0 ? 0 : _props$mouseEnterDela,
- _props$mouseLeaveDela = props.mouseLeaveDelay,
- mouseLeaveDelay = _props$mouseLeaveDela === void 0 ? 0.1 : _props$mouseLeaveDela,
- overlayStyle = props.overlayStyle,
- _props$prefixCls = props.prefixCls,
- prefixCls = _props$prefixCls === void 0 ? 'rc-tooltip' : _props$prefixCls,
- children = props.children,
- onVisibleChange = props.onVisibleChange,
- afterVisibleChange = props.afterVisibleChange,
- transitionName = props.transitionName,
- animation = props.animation,
- motion = props.motion,
- _props$placement = props.placement,
- placement = _props$placement === void 0 ? 'right' : _props$placement,
- _props$align = props.align,
- align = _props$align === void 0 ? {} : _props$align,
- _props$destroyTooltip = props.destroyTooltipOnHide,
- destroyTooltipOnHide = _props$destroyTooltip === void 0 ? false : _props$destroyTooltip,
- defaultVisible = props.defaultVisible,
- getTooltipContainer = props.getTooltipContainer,
- overlayInnerStyle = props.overlayInnerStyle,
- arrowContent = props.arrowContent,
- overlay = props.overlay,
- id = props.id,
- _props$showArrow = props.showArrow,
- showArrow = _props$showArrow === void 0 ? true : _props$showArrow,
- tooltipClassNames = props.classNames,
- tooltipStyles = props.styles,
- restProps = _objectWithoutProperties(props, _excluded);
- var mergedId = useId(id);
- var triggerRef = useRef(null);
- useImperativeHandle(ref, function () {
- return triggerRef.current;
- });
- var extraProps = _objectSpread({}, restProps);
- if ('visible' in props) {
- extraProps.popupVisible = props.visible;
- }
- var getPopupElement = function getPopupElement() {
- return /*#__PURE__*/React.createElement(Popup, {
- key: "content",
- prefixCls: prefixCls,
- id: mergedId,
- bodyClassName: tooltipClassNames === null || tooltipClassNames === void 0 ? void 0 : tooltipClassNames.body,
- overlayInnerStyle: _objectSpread(_objectSpread({}, overlayInnerStyle), tooltipStyles === null || tooltipStyles === void 0 ? void 0 : tooltipStyles.body)
- }, overlay);
- };
- var getChildren = function getChildren() {
- var child = React.Children.only(children);
- var originalProps = (child === null || child === void 0 ? void 0 : child.props) || {};
- var childProps = _objectSpread(_objectSpread({}, originalProps), {}, {
- 'aria-describedby': overlay ? mergedId : null
- });
- return /*#__PURE__*/React.cloneElement(children, childProps);
- };
- return /*#__PURE__*/React.createElement(Trigger, _extends({
- popupClassName: classNames(overlayClassName, tooltipClassNames === null || tooltipClassNames === void 0 ? void 0 : tooltipClassNames.root),
- prefixCls: prefixCls,
- popup: getPopupElement,
- action: trigger,
- builtinPlacements: placements,
- popupPlacement: placement,
- ref: triggerRef,
- popupAlign: align,
- getPopupContainer: getTooltipContainer,
- onPopupVisibleChange: onVisibleChange,
- afterPopupVisibleChange: afterVisibleChange,
- popupTransitionName: transitionName,
- popupAnimation: animation,
- popupMotion: motion,
- defaultPopupVisible: defaultVisible,
- autoDestroy: destroyTooltipOnHide,
- mouseLeaveDelay: mouseLeaveDelay,
- popupStyle: _objectSpread(_objectSpread({}, overlayStyle), tooltipStyles === null || tooltipStyles === void 0 ? void 0 : tooltipStyles.root),
- mouseEnterDelay: mouseEnterDelay,
- arrow: showArrow
- }, extraProps), getChildren());
- };
- export default /*#__PURE__*/forwardRef(Tooltip);
|