tdesign-react 0.23.0 → 0.23.1

package/lib/tooltip/Tooltip.js

@@ -1,31 +1,40 @@
 /**
- * tdesign v0.23.0
+ * tdesign v0.23.1
  * (c) 2022 tdesign
  * @license MIT
  */
 
-import { _ as _defineProperty } from '../_chunks/dep-72ef6cf6.js';
-import { _ as _objectWithoutProperties } from '../_chunks/dep-c611ea38.js';
-import React, { forwardRef } from 'react';
-import { _ as _typeof } from '../_chunks/dep-55ec31d6.js';
-import classNames from 'classnames';
-import { Popup } from '../popup/index.js';
-import useConfig from '../_util/useConfig.js';
-import '../popup/Popup.js';
-import '../_chunks/dep-442ff40f.js';
-import '../_chunks/dep-42dfd306.js';
-import 'react-transition-group';
-import 'react-popper';
-import '../_util/useDefault.js';
-import '../_util/noop.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 '../config-provider/ConfigContext.js';
-import '../locale/zh_CN.js';
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var defineProperty = require('../_chunks/dep-60e5ab16.js');
+var slicedToArray = require('../_chunks/dep-dcd8e953.js');
+var objectWithoutProperties = require('../_chunks/dep-d004a138.js');
+var React = require('react');
+var _typeof = require('../_chunks/dep-bf25d6c3.js');
+var classNames = require('classnames');
+var popup_index = require('../popup/index.js');
+var _util_useConfig = require('../_util/useConfig.js');
+require('../_chunks/dep-e9b6be46.js');
+require('../popup/Popup.js');
+require('react-transition-group');
+require('react-popper');
+require('../_util/useDefault.js');
+require('../_util/noop.js');
+require('../_util/composeRefs.js');
+require('../common/Portal.js');
+require('react-dom');
+require('../popup/hooks/useTriggerProps.js');
+require('../_util/useClickOutside.js');
+require('../popup/hooks/usePopupCssTransition.js');
+require('../config-provider/ConfigContext.js');
+require('../locale/zh_CN.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);
 
 var propTypes = {exports: {}};
 
@@ -54,7 +63,7 @@ var b = "function" === typeof Symbol && Symbol["for"],
     y = b ? Symbol["for"]("react.scope") : 60119;
 
 function z(a) {
-  if ("object" === _typeof(a) && null !== a) {
+  if ("object" === _typeof._typeof(a) && null !== a) {
     var u = a.$$typeof;
 
     switch (u) {
@@ -122,7 +131,7 @@ reactIs_production_min.isContextProvider = function (a) {
 };
 
 reactIs_production_min.isElement = function (a) {
-  return "object" === _typeof(a) && null !== a && a.$$typeof === c;
+  return "object" === _typeof._typeof(a) && null !== a && a.$$typeof === c;
 };
 
 reactIs_production_min.isForwardRef = function (a) {
@@ -158,7 +167,7 @@ reactIs_production_min.isSuspense = function (a) {
 };
 
 reactIs_production_min.isValidElementType = function (a) {
-  return "string" === typeof a || "function" === typeof a || a === e || a === m || a === g || a === f || a === p || a === q || "object" === _typeof(a) && null !== a && (a.$$typeof === t || a.$$typeof === r || a.$$typeof === h || a.$$typeof === k || a.$$typeof === n || a.$$typeof === w || a.$$typeof === x || a.$$typeof === y || a.$$typeof === v);
+  return "string" === typeof a || "function" === typeof a || a === e || a === m || a === g || a === f || a === p || a === q || "object" === _typeof._typeof(a) && null !== a && (a.$$typeof === t || a.$$typeof === r || a.$$typeof === h || a.$$typeof === k || a.$$typeof === n || a.$$typeof === w || a.$$typeof === x || a.$$typeof === y || a.$$typeof === v);
 };
 
 reactIs_production_min.typeOf = z;
@@ -193,11 +202,11 @@ if (process.env.NODE_ENV !== "production") {
 
     function isValidElementType(type) {
       return typeof type === 'string' || typeof type === 'function' || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
-      type === REACT_FRAGMENT_TYPE || type === REACT_CONCURRENT_MODE_TYPE || type === REACT_PROFILER_TYPE || type === REACT_STRICT_MODE_TYPE || type === REACT_SUSPENSE_TYPE || type === REACT_SUSPENSE_LIST_TYPE || _typeof(type) === 'object' && type !== null && (type.$$typeof === REACT_LAZY_TYPE || type.$$typeof === REACT_MEMO_TYPE || type.$$typeof === REACT_PROVIDER_TYPE || type.$$typeof === REACT_CONTEXT_TYPE || type.$$typeof === REACT_FORWARD_REF_TYPE || type.$$typeof === REACT_FUNDAMENTAL_TYPE || type.$$typeof === REACT_RESPONDER_TYPE || type.$$typeof === REACT_SCOPE_TYPE || type.$$typeof === REACT_BLOCK_TYPE);
+      type === REACT_FRAGMENT_TYPE || type === REACT_CONCURRENT_MODE_TYPE || type === REACT_PROFILER_TYPE || type === REACT_STRICT_MODE_TYPE || type === REACT_SUSPENSE_TYPE || type === REACT_SUSPENSE_LIST_TYPE || _typeof._typeof(type) === 'object' && type !== null && (type.$$typeof === REACT_LAZY_TYPE || type.$$typeof === REACT_MEMO_TYPE || type.$$typeof === REACT_PROVIDER_TYPE || type.$$typeof === REACT_CONTEXT_TYPE || type.$$typeof === REACT_FORWARD_REF_TYPE || type.$$typeof === REACT_FUNDAMENTAL_TYPE || type.$$typeof === REACT_RESPONDER_TYPE || type.$$typeof === REACT_SCOPE_TYPE || type.$$typeof === REACT_BLOCK_TYPE);
     }
 
     function typeOf(object) {
-      if (_typeof(object) === 'object' && object !== null) {
+      if (_typeof._typeof(object) === 'object' && object !== null) {
         var $$typeof = object.$$typeof;
 
         switch ($$typeof) {
@@ -278,7 +287,7 @@ if (process.env.NODE_ENV !== "production") {
     }
 
     function isElement(object) {
-      return _typeof(object) === 'object' && object !== null && object.$$typeof === REACT_ELEMENT_TYPE;
+      return _typeof._typeof(object) === 'object' && object !== null && object.$$typeof === REACT_ELEMENT_TYPE;
     }
 
     function isForwardRef(object) {
@@ -507,7 +516,7 @@ function checkPropTypes$1(typeSpecs, values, location, componentName, getStack)
           // This is intentionally an invariant that gets caught. It's the same
           // behavior as without this statement except with a better message.
           if (typeof typeSpecs[typeSpecName] !== 'function') {
-            var err = Error((componentName || 'React class') + ': ' + location + ' type `' + typeSpecName + '` is invalid; ' + 'it must be a function, usually from the `prop-types` package, but received `' + _typeof(typeSpecs[typeSpecName]) + '`.' + 'This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.');
+            var err = Error((componentName || 'React class') + ': ' + location + ' type `' + typeSpecName + '` is invalid; ' + 'it must be a function, usually from the `prop-types` package, but received `' + _typeof._typeof(typeSpecs[typeSpecName]) + '`.' + 'This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.');
             err.name = 'Invariant Violation';
             throw err;
           }
@@ -518,7 +527,7 @@ function checkPropTypes$1(typeSpecs, values, location, componentName, getStack)
         }
 
         if (error && !(error instanceof Error)) {
-          printWarning$1((componentName || 'React class') + ': type specification of ' + location + ' `' + typeSpecName + '` is invalid; the type checker ' + 'function must return `null` or an `Error` but returned a ' + _typeof(error) + '. ' + 'You may have forgotten to pass an argument to the type checker ' + 'creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and ' + 'shape all require an argument).');
+          printWarning$1((componentName || 'React class') + ': type specification of ' + location + ' `' + typeSpecName + '` is invalid; the type checker ' + 'function must return `null` or an `Error` but returned a ' + _typeof._typeof(error) + '. ' + 'You may have forgotten to pass an argument to the type checker ' + 'creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and ' + 'shape all require an argument).');
         }
 
         if (error instanceof Error && !(error.message in loggedTypeFailures)) {
@@ -706,7 +715,7 @@ var factoryWithTypeCheckers = function factoryWithTypeCheckers(isValidElement, t
 
   function PropTypeError(message, data) {
     this.message = message;
-    this.data = data && _typeof(data) === 'object' ? data : {};
+    this.data = data && _typeof._typeof(data) === 'object' ? data : {};
     this.stack = '';
   } // Make `instanceof Error` still work for returned errors.
 
@@ -1044,7 +1053,7 @@ var factoryWithTypeCheckers = function factoryWithTypeCheckers(isValidElement, t
   }
 
   function isNode(propValue) {
-    switch (_typeof(propValue)) {
+    switch (_typeof._typeof(propValue)) {
       case 'number':
       case 'string':
       case 'undefined':
@@ -1123,7 +1132,7 @@ var factoryWithTypeCheckers = function factoryWithTypeCheckers(isValidElement, t
 
 
   function getPropType(propValue) {
-    var propType = _typeof(propValue);
+    var propType = _typeof._typeof(propValue);
 
     if (Array.isArray(propValue)) {
       return 'array';
@@ -1279,12 +1288,12 @@ if (process.env.NODE_ENV !== 'production') {
 
 var PropTypes = propTypes.exports;
 
-var _excluded = ["theme", "showArrow", "destroyOnClose", "overlayClassName", "children"];
+var _excluded = ["theme", "showArrow", "destroyOnClose", "overlayClassName", "children", "duration"];
 
 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; }
-var Tooltip = /*#__PURE__*/forwardRef(function (props, ref) {
+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 Tooltip = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var theme = props.theme,
       _props$showArrow = props.showArrow,
       showArrow = _props$showArrow === void 0 ? true : _props$showArrow,
@@ -1292,18 +1301,63 @@ var Tooltip = /*#__PURE__*/forwardRef(function (props, ref) {
       destroyOnClose = _props$destroyOnClose === void 0 ? true : _props$destroyOnClose,
       overlayClassName = props.overlayClassName,
       children = props.children,
-      restProps = _objectWithoutProperties(props, _excluded);
+      _props$duration = props.duration,
+      duration = _props$duration === void 0 ? 0 : _props$duration,
+      restProps = objectWithoutProperties._objectWithoutProperties(props, _excluded);
 
-  var _useConfig = useConfig(),
+  var _useConfig = _util_useConfig["default"](),
       classPrefix = _useConfig.classPrefix;
 
-  var toolTipClass = classNames("".concat(classPrefix, "-tooltip"), _defineProperty({}, "".concat(classPrefix, "-tooltip--").concat(theme), theme), overlayClassName);
-  return /* @__PURE__ */React.createElement(React.Fragment, null, /* @__PURE__ */React.createElement(Popup, _objectSpread({
-    ref: ref,
+  var _useState = React.useState(duration !== 0),
+      _useState2 = slicedToArray._slicedToArray(_useState, 2),
+      isTipShowed = _useState2[0],
+      setTipshow = _useState2[1];
+
+  var _useState3 = React.useState(false),
+      _useState4 = slicedToArray._slicedToArray(_useState3, 2),
+      timeup = _useState4[0],
+      setTimeup = _useState4[1];
+
+  var popupRef = React.useRef();
+  var timerRef = React.useRef(null);
+  var toolTipClass = classNames__default["default"]("".concat(classPrefix, "-tooltip"), defineProperty._defineProperty({}, "".concat(classPrefix, "-tooltip--").concat(theme), theme), overlayClassName);
+
+  var setVisible = function setVisible(v) {
+    if (duration !== 0) setTimeup(false);
+    setTipshow(v);
+  };
+
+  var handleShowTip = function handleShowTip(visible) {
+    if (duration === 0 || duration !== 0 && timeup) {
+      setTipshow(visible);
+    }
+  };
+
+  React.useEffect(function () {
+    if (duration !== 0 && !timeup) {
+      timerRef.current = window.setTimeout(function () {
+        setTipshow(false);
+        setTimeup(true);
+      }, duration);
+    }
+
+    return function () {
+      if (timerRef.current) window.clearTimeout(timerRef.current);
+    };
+  }, [duration, timeup]);
+  React.useImperativeHandle(ref, function () {
+    return {
+      setVisible: setVisible
+    };
+  });
+  return /* @__PURE__ */React__default["default"].createElement(popup_index.Popup, _objectSpread({
+    ref: popupRef,
     destroyOnClose: destroyOnClose,
     showArrow: showArrow,
-    overlayClassName: toolTipClass
-  }, restProps), children));
+    overlayClassName: toolTipClass,
+    visible: isTipShowed,
+    onVisibleChange: handleShowTip
+  }, restProps), children);
 });
 Tooltip.displayName = "Tooltip";
 Tooltip.propTypes = {
@@ -1315,5 +1369,5 @@ Tooltip.defaultProps = {
   showArrow: true
 };
 
-export { Tooltip as default };
+exports["default"] = Tooltip;
 //# sourceMappingURL=Tooltip.js.map