tdesign-react
Version:
TDesign Component for React
116 lines (112 loc) • 5.22 kB
JavaScript
/**
* tdesign v1.15.1
* (c) 2025 tdesign
* @license MIT
*/
import { _ as _defineProperty } from '../_chunks/dep-cb0a3966.js';
import { _ as _slicedToArray } from '../_chunks/dep-48805ab8.js';
import { _ as _objectWithoutProperties } from '../_chunks/dep-6b660ef0.js';
import React, { forwardRef, useState, useRef, useEffect, useImperativeHandle } from 'react';
import classNames from 'classnames';
import { Popup } from '../popup/index.js';
import useConfig from '../hooks/useConfig.js';
import { tooltipDefaultProps } from './defaultProps.js';
import useDefaultProps from '../hooks/useDefaultProps.js';
import '../_chunks/dep-eca3a3de.js';
import '../_chunks/dep-026a4c6b.js';
import '../popup/Popup.js';
import 'lodash-es';
import 'react-transition-group';
import '../_util/ref.js';
import 'react-is';
import '../_util/isFragment.js';
import '../_chunks/dep-3a09424a.js';
import '../common/Portal.js';
import 'react-dom';
import '../hooks/useLayoutEffect.js';
import '../hooks/useAnimation.js';
import '../config-provider/ConfigContext.js';
import '../_chunks/dep-f97636ce.js';
import '../_chunks/dep-9dbbf468.js';
import 'dayjs';
import '../hooks/useAttach.js';
import '../hooks/useControlled.js';
import '../_util/noop.js';
import '../hooks/useMutationObserver.js';
import '../hooks/useLatest.js';
import '../hooks/usePopper.js';
import '../_chunks/dep-87d110df.js';
import '@popperjs/core';
import 'react-fast-compare';
import '../hooks/useWindowSize.js';
import '../popup/defaultProps.js';
import '../popup/hooks/useTrigger.js';
import '../_util/composeRefs.js';
import '../_util/listener.js';
import '../popup/utils/transition.js';
import '../popup/PopupPlugin.js';
import '../_chunks/dep-52ff3837.js';
import '../_util/react-render.js';
import '../common/PluginContainer.js';
import '../config-provider/ConfigProvider.js';
var _excluded = ["theme", "showArrow", "destroyOnClose", "overlayClassName", "children", "duration", "placement", "onVisibleChange"];
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
var Tooltip = /*#__PURE__*/forwardRef(function (originalProps, ref) {
var props = useDefaultProps(originalProps, tooltipDefaultProps);
var theme = props.theme,
showArrow = props.showArrow,
destroyOnClose = props.destroyOnClose,
overlayClassName = props.overlayClassName,
children = props.children,
duration = props.duration,
placement = props.placement,
onVisibleChange = props.onVisibleChange,
restProps = _objectWithoutProperties(props, _excluded);
var _useConfig = useConfig(),
classPrefix = _useConfig.classPrefix;
var _useState = useState(false),
_useState2 = _slicedToArray(_useState, 2),
timeUp = _useState2[0],
setTimeUp = _useState2[1];
var popupRef = useRef(null);
var timerRef = useRef(null);
var toolTipClass = classNames("".concat(classPrefix, "-tooltip"), _defineProperty({}, "".concat(classPrefix, "-tooltip--").concat(theme), theme), overlayClassName);
function handleVisibleChange(visible, _ref) {
var e = _ref.e,
trigger = _ref.trigger;
setTimeUp(false);
onVisibleChange === null || onVisibleChange === void 0 || onVisibleChange(visible, {
e: e,
trigger: trigger
});
}
useEffect(function () {
if (duration !== 0 && !timeUp) {
var _popupRef$current, _popupRef$current$set;
(_popupRef$current = popupRef.current) === null || _popupRef$current === void 0 || (_popupRef$current$set = _popupRef$current.setVisible) === null || _popupRef$current$set === void 0 || _popupRef$current$set.call(_popupRef$current, true);
timerRef.current = window.setTimeout(function () {
var _popupRef$current2, _popupRef$current2$se;
(_popupRef$current2 = popupRef.current) === null || _popupRef$current2 === void 0 || (_popupRef$current2$se = _popupRef$current2.setVisible) === null || _popupRef$current2$se === void 0 || _popupRef$current2$se.call(_popupRef$current2, false);
setTimeUp(true);
}, duration);
}
return function () {
window.clearTimeout(timerRef.current);
};
}, [duration, timeUp]);
useImperativeHandle(ref, function () {
return _objectSpread({}, popupRef.current || {});
});
return /* @__PURE__ */React.createElement(Popup, _objectSpread({
ref: popupRef,
destroyOnClose: destroyOnClose,
showArrow: showArrow,
overlayClassName: toolTipClass,
onVisibleChange: handleVisibleChange,
placement: placement
}, restProps), children);
});
Tooltip.displayName = "Tooltip";
export { Tooltip as default };
//# sourceMappingURL=Tooltip.js.map