You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
102 lines
4.1 KiB
102 lines
4.1 KiB
import _extends from "@babel/runtime/helpers/esm/extends";
|
|
import _typeof from "@babel/runtime/helpers/esm/typeof";
|
|
import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
|
|
import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
|
|
import * as React from 'react';
|
|
import { useRef, useImperativeHandle, forwardRef } from 'react';
|
|
import Trigger from 'rc-trigger';
|
|
import { placements } from './placements';
|
|
import Content from './Content';
|
|
|
|
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,
|
|
restProps = _objectWithoutProperties(props, ["overlayClassName", "trigger", "mouseEnterDelay", "mouseLeaveDelay", "overlayStyle", "prefixCls", "children", "onVisibleChange", "afterVisibleChange", "transitionName", "animation", "motion", "placement", "align", "destroyTooltipOnHide", "defaultVisible", "getTooltipContainer", "overlayInnerStyle"]);
|
|
|
|
var domRef = useRef(null);
|
|
useImperativeHandle(ref, function () {
|
|
return domRef.current;
|
|
});
|
|
|
|
var extraProps = _objectSpread({}, restProps);
|
|
|
|
if ('visible' in props) {
|
|
extraProps.popupVisible = props.visible;
|
|
}
|
|
|
|
var getPopupElement = function getPopupElement() {
|
|
var _props$arrowContent = props.arrowContent,
|
|
arrowContent = _props$arrowContent === void 0 ? null : _props$arrowContent,
|
|
overlay = props.overlay,
|
|
id = props.id;
|
|
return [/*#__PURE__*/React.createElement("div", {
|
|
className: "".concat(prefixCls, "-arrow"),
|
|
key: "arrow"
|
|
}, arrowContent), /*#__PURE__*/React.createElement(Content, {
|
|
key: "content",
|
|
prefixCls: prefixCls,
|
|
id: id,
|
|
overlay: overlay,
|
|
overlayInnerStyle: overlayInnerStyle
|
|
})];
|
|
};
|
|
|
|
var destroyTooltip = false;
|
|
var autoDestroy = false;
|
|
|
|
if (typeof destroyTooltipOnHide === 'boolean') {
|
|
destroyTooltip = destroyTooltipOnHide;
|
|
} else if (destroyTooltipOnHide && _typeof(destroyTooltipOnHide) === 'object') {
|
|
var keepParent = destroyTooltipOnHide.keepParent;
|
|
destroyTooltip = keepParent === true;
|
|
autoDestroy = keepParent === false;
|
|
}
|
|
|
|
return /*#__PURE__*/React.createElement(Trigger, _extends({
|
|
popupClassName: overlayClassName,
|
|
prefixCls: prefixCls,
|
|
popup: getPopupElement,
|
|
action: trigger,
|
|
builtinPlacements: placements,
|
|
popupPlacement: placement,
|
|
ref: domRef,
|
|
popupAlign: align,
|
|
getPopupContainer: getTooltipContainer,
|
|
onPopupVisibleChange: onVisibleChange,
|
|
afterPopupVisibleChange: afterVisibleChange,
|
|
popupTransitionName: transitionName,
|
|
popupAnimation: animation,
|
|
popupMotion: motion,
|
|
defaultPopupVisible: defaultVisible,
|
|
destroyPopupOnHide: destroyTooltip,
|
|
autoDestroy: autoDestroy,
|
|
mouseLeaveDelay: mouseLeaveDelay,
|
|
popupStyle: overlayStyle,
|
|
mouseEnterDelay: mouseEnterDelay
|
|
}, extraProps), children);
|
|
};
|
|
|
|
export default /*#__PURE__*/forwardRef(Tooltip); |