@uni-sw/u-design 2.0.4

package/es/components/UTimeline/style/rtl.less

@@ -0,0 +1,135 @@
+@import '../../style/themes/index';
+@import '../../style/mixins/index';
+
+@timeline-prefix-cls: ~'@{ud-prefix}-timeline';
+
+.@{timeline-prefix-cls} {
+  &-rtl {
+    direction: rtl;
+  }
+
+  &-item {
+    &-tail {
+      .@{timeline-prefix-cls}-rtl & {
+        right: 4px;
+        left: auto;
+        border-right: @timeline-width solid @timeline-color;
+        border-left: none;
+      }
+    }
+
+    &-head-custom {
+      .@{timeline-prefix-cls}-rtl & {
+        right: 5px;
+        left: auto;
+        transform: translate(50%, -50%);
+      }
+    }
+
+    &-content {
+      .@{timeline-prefix-cls}-rtl & {
+        margin: 0 18px 0 0;
+      }
+    }
+  }
+
+  &.@{timeline-prefix-cls}-alternate,
+  &.@{timeline-prefix-cls}-right,
+  &.@{timeline-prefix-cls}-label {
+    .@{timeline-prefix-cls}-item {
+      &-tail,
+      &-head,
+      &-head-custom {
+        .@{timeline-prefix-cls}-rtl& {
+          right: 50%;
+          left: auto;
+        }
+      }
+
+      &-head {
+        .@{timeline-prefix-cls}-rtl& {
+          margin-right: -4px;
+          margin-left: 0;
+        }
+
+        &-custom {
+          .@{timeline-prefix-cls}-rtl& {
+            margin-right: 1px;
+            margin-left: 0;
+          }
+        }
+      }
+
+      &-left {
+        .@{timeline-prefix-cls}-item-content {
+          .@{timeline-prefix-cls}-rtl& {
+            right: calc(50% - 4px);
+            left: auto;
+            text-align: right;
+          }
+        }
+      }
+
+      &-right {
+        .@{timeline-prefix-cls}-item-content {
+          .@{timeline-prefix-cls}-rtl& {
+            text-align: left;
+          }
+        }
+      }
+    }
+  }
+
+  &.@{timeline-prefix-cls}-right {
+    .@{timeline-prefix-cls}-item-right {
+      .@{timeline-prefix-cls}-item-tail,
+      .@{timeline-prefix-cls}-item-head,
+      .@{timeline-prefix-cls}-item-head-custom {
+        .@{timeline-prefix-cls}-rtl& {
+          right: 0;
+          left: auto;
+        }
+      }
+
+      .@{timeline-prefix-cls}-item-content {
+        .@{timeline-prefix-cls}-rtl& {
+          width: 100%;
+          margin-right: 18px;
+          text-align: right;
+        }
+      }
+    }
+  }
+
+  &&-pending &-item-last &-item-tail {
+    .@{timeline-prefix-cls}-rtl& {
+      border-right: 2px dotted @timeline-color;
+      border-left: none;
+    }
+  }
+
+  &&-reverse &-item-pending {
+    .@{timeline-prefix-cls}-item-tail {
+      .@{timeline-prefix-cls}-rtl& {
+        border-right: 2px dotted @timeline-color;
+        border-left: none;
+      }
+    }
+  }
+
+  &.@{timeline-prefix-cls}-label {
+    .@{timeline-prefix-cls}-item-label {
+      .@{timeline-prefix-cls}-rtl& {
+        text-align: left;
+      }
+    }
+    .@{timeline-prefix-cls}-item-right {
+      .@{timeline-prefix-cls}-item-label {
+        .@{timeline-prefix-cls}-rtl& {
+          right: calc(50% + 14px);
+          text-align: right;
+        }
+      }
+    }
+  }
+}

package/es/components/UTipForm/UTips.js

@@ -0,0 +1,160 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
+function _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(r); }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+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; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
+function _defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o); } }
+function _createClass(e, r, t) { return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
+function _possibleConstructorReturn(t, e) { if (e && ("object" == _typeof(e) || "function" == typeof e)) return e; if (void 0 !== e) throw new TypeError("Derived constructors may only return object or undefined"); return _assertThisInitialized(t); }
+function _assertThisInitialized(e) { if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); return e; }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+function _getPrototypeOf(t) { return _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function (t) { return t.__proto__ || Object.getPrototypeOf(t); }, _getPrototypeOf(t); }
+function _inherits(t, e) { if ("function" != typeof e && null !== e) throw new TypeError("Super expression must either be null or a function"); t.prototype = Object.create(e && e.prototype, { constructor: { value: t, writable: !0, configurable: !0 } }), Object.defineProperty(t, "prototype", { writable: !1 }), e && _setPrototypeOf(t, e); }
+function _setPrototypeOf(t, e) { return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, _setPrototypeOf(t, e); }
+/**
+ * original-Author: songmin
+ * createTime: 2021/08/12
+ * component-TipComponent
+ * component-Description：右下角提示框
+ */
+import classNames from 'classnames';
+import React, { Component, Fragment } from 'react';
+import { _getGuid } from "../../globalFunc";
+import { getTheme, CUSTOM_PREFIX } from "../../globalVarious";
+
+// 拼接类名前缀
+var tipsPrefix = "".concat(CUSTOM_PREFIX, "-tip");
+var UTips = /*#__PURE__*/function (_Component) {
+  function UTips(_props) {
+    var _this;
+    _classCallCheck(this, UTips);
+    _this = _callSuper(this, UTips, [_props]);
+    //提示框添加
+    _this.add = function (props) {
+      var tipList = _this.state.tipList;
+      var tipItems = [];
+      try {
+        tipItems = JSON.parse(JSON.stringify(tipList));
+      } catch (err) {
+        tipItems = [];
+      }
+      var everyTip = _objectSpread({
+        id: _getGuid()
+      }, props);
+      if (!props.placement) {
+        everyTip.placement = 'topright';
+      }
+      if (props.duration !== 0) {
+        if (props === null || props === void 0 ? void 0 : props.duration) {
+          everyTip.timer = setTimeout(function () {
+            _this.remove(everyTip);
+          }, props.duration);
+        } else {
+          everyTip.timer = setTimeout(function () {
+            _this.remove(everyTip);
+          }, 4500);
+        }
+      }
+      tipItems.push(everyTip);
+      // 如果isUpdate存在，在原有提示框上更新数据
+      if (props.isUpdate && tipItems.length !== 1) {
+        tipItems = tipItems.slice(0, tipItems.length - 1);
+        tipItems[tipItems.length - 1] = everyTip;
+      }
+      _this.setState({
+        tipList: tipItems
+      });
+    };
+    /**
+     * 提示框关闭
+     */
+    _this.remove = function (tip) {
+      var tipList = _this.state.tipList;
+      if (tip === null || tip === void 0 ? void 0 : tip.timer) {
+        clearTimeout(tip.timer);
+      }
+      var result = tipList.filter(function (item) {
+        return item.id !== tip.id;
+      });
+      _this.setState({
+        tipList: result
+      });
+    };
+    /**
+     * 标移入清除定时器，移出恢复定时器
+     */
+    _this._onMouseFun = function (type, data) {
+      if (data === null || data === void 0 ? void 0 : data.timer) {
+        if (type === 'enter') {
+          clearTimeout(data.timer);
+        }
+        if (type === 'leave') {
+          data.timer = setTimeout(function () {
+            _this.remove(data);
+          }, data.duration || 4500);
+        }
+      }
+    };
+    _this.state = {
+      tipList: []
+    };
+    return _this;
+  }
+  _inherits(UTips, _Component);
+  return _createClass(UTips, [{
+    key: "render",
+    value: function render() {
+      var _this2 = this;
+      var tipList = this.state.tipList;
+      var placeList = _toConsumableArray(new Set(tipList.map(function (item) {
+        return item.placement;
+      })));
+      return /*#__PURE__*/React.createElement(Fragment, null, placeList.map(function (key) {
+        return /*#__PURE__*/React.createElement("div", {
+          className: "".concat(tipsPrefix, " ").concat(tipsPrefix, "-").concat(key),
+          key: key
+        }, tipList.map(function (item) {
+          if (key === item.placement) {
+            var uTipFormClassName = classNames("".concat(tipsPrefix, "-main"), item.className, _defineProperty({}, "".concat(tipsPrefix, "-main-theme-").concat(item.theme || getTheme()), item.theme || getTheme()));
+            return /*#__PURE__*/React.createElement("div", {
+              className: uTipFormClassName,
+              style: item.style || {},
+              key: item.id,
+              onMouseEnter: function onMouseEnter() {
+                return _this2._onMouseFun('enter', item);
+              },
+              onMouseLeave: function onMouseLeave() {
+                return _this2._onMouseFun('leave', item);
+              }
+            }, /*#__PURE__*/React.createElement("div", {
+              className: "".concat(tipsPrefix, "-content")
+            }, /*#__PURE__*/React.createElement("div", {
+              className: "".concat(tipsPrefix, "-head")
+            }, item.icon && /*#__PURE__*/React.createElement("i", {
+              className: "".concat(tipsPrefix, "-icon")
+            }, item.icon), /*#__PURE__*/React.createElement("div", {
+              className: "".concat(tipsPrefix, "-content-title")
+            }, item.title), /*#__PURE__*/React.createElement("span", {
+              className: "".concat(tipsPrefix, "-close"),
+              onClick: function onClick() {
+                return _this2.remove(item);
+              }
+            })), /*#__PURE__*/React.createElement("div", {
+              className: "".concat(tipsPrefix, "-content-desc")
+            }, item.content)));
+          }
+        }));
+      }));
+    }
+  }]);
+}(Component);
+export default UTips;

package/es/components/UTipForm/index.js

@@ -0,0 +1,34 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function _defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o); } }
+function _createClass(e, r, t) { return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
+import React from 'react';
+import UTips from "./UTips";
+import { render } from "../../globalFunc/render";
+import "./style";
+var UTipForm = /*#__PURE__*/_createClass(function UTipForm() {
+  var _this = this;
+  _classCallCheck(this, UTipForm);
+  this.showTip = function (props) {
+    _this.refs.current.add(props);
+  };
+  var myRef = {
+    current: ''
+  };
+  this.dom = document.createElement('div');
+  document.body.appendChild(this.dom);
+  render(/*#__PURE__*/React.createElement(UTips, {
+    ref: myRef
+  }), this.dom);
+  this.refs = myRef;
+});
+var UTip = function () {
+  var instance;
+  if (!instance) {
+    instance = new UTipForm();
+  }
+  return instance;
+}();
+export default UTip;

package/es/components/UTipForm/style/index.d.ts

@@ -0,0 +1 @@
+import './index.less';

package/es/components/UTipForm/style/index.js

@@ -0,0 +1 @@
+import "./index.less";

package/es/components/UTipForm/style/index.less

@@ -0,0 +1,57 @@
+@import './mixin.less';
+
+.@{tip-prefix} {
+    position: fixed;
+    z-index: 1010;
+    list-style: none;
+    margin-right: 24px;
+
+    &.@{tip-prefix}-topright {
+        top: 24px;
+        right: 0;
+        bottom: auto;
+    }
+
+    &.@{tip-prefix}-topleft {
+        left: 0;
+        top: 24px;
+        bottom: auto;
+    }
+
+    &.@{tip-prefix}-btmleft {
+        left: 0;
+        top: auto;
+        bottom: 24px;
+    }
+
+    &.@{tip-prefix}-btmright {
+        right: 0;
+        top: auto;
+        bottom: 24px;
+    }
+
+    ul {
+        padding: 0;
+        margin: 0;
+    }
+
+    ul>li {
+        list-style-type: none;
+    }
+}
+
+
+//按照less变量的值进行样式配置
+.@{tip-prefix}-main {
+    .ud-tip-main-style(@u-theme-name);
+}
+
+//兼容U-DESIGN的theme属性
+.@{tip-prefix}-main-theme-dark {
+    .ud-tip-main-style(dark);
+}
+
+//兼容U-DESIGN的theme属性
+.@{tip-prefix}-main-theme-light {
+    .ud-tip-main-style(light);
+}

package/es/components/UTipForm/style/mixin.less

@@ -0,0 +1,85 @@
+@import '../../../style/global.less';
+@import './theme.less';
+
+@tip-prefix: ~'@{ud-default-prefix}-tip';
+
+.ud-tip-main-style(@u-theme: light) {
+
+    position: relative;
+    margin-bottom: 16px;
+    border-radius: 4px;
+    margin-left: auto;
+    width: 350px;
+    min-height: 120px;
+    overflow: hidden;
+    word-wrap: break-word;
+    background:~'@{@{u-theme}-bg-color}';
+    box-shadow: 0 8px 16px 0~'@{@{u-theme}-border-shadow}';
+    border:1px solid @u-msg-border-color;
+
+    .@{tip-prefix}-content {
+        padding: 16px 20px;
+
+        .@{tip-prefix}-content-desc {
+            margin-top: 8px;
+            font-size: 14px;
+            color:~'@{@{u-theme}-desc-color}'
+        }
+
+        .@{tip-prefix}-head {
+            display: flex;
+            align-items: center;
+
+            .@{tip-prefix}-icon {
+                margin-right: 8px;
+                display: inline-block;
+
+                svg {
+                    vertical-align: middle;
+                }
+            }
+
+            .@{tip-prefix}-content-title {
+                font-size: 16px;
+                font-weight: 500;
+                color:~'@{@{u-theme}-title-color}'
+            }
+
+            .@{tip-prefix}-close {
+                width: 24px;
+                height: 24px;
+                right: 10px;
+                position: absolute;
+                cursor: pointer;
+
+                &:hover {
+
+                    &::before,
+                    &::after {
+                        background:~'@{@{u-theme}-close-hover-bg}'
+                    }
+                }
+
+                &::before,
+                &::after {
+                    content: '';
+                    position: absolute;
+                    height: 11px;
+                    width: 1px;
+                    top: 25%;
+                    left: 50%;
+                    border-radius: 2px;
+                    background:~'@{@{u-theme}-close-bg}'
+                }
+
+                &::before {
+                    transform: rotate(45deg);
+                }
+
+                &::after {
+                    transform: rotate(-45deg);
+                }
+            }
+        }
+    }
+}

package/es/components/UTipForm/style/theme.less

@@ -0,0 +1,16 @@
+// light theme
+@light-bg-color: @u-higher-level-bg;
+@light-border-shadow: @u-text-color-shadow;
+@light-desc-color: @u-text-color-second;
+@light-title-color: @u-text-color;
+@light-close-bg: @u-text-color-second;
+@light-close-hover-bg: @u-primary-color;
+
+
+// dark theme
+@dark-bg-color: #1e2940;
+@dark-border-shadow: @u-text-color-scroll;
+@dark-desc-color: @u-second-white;
+@dark-title-color: @u-info-color;
+@dark-close-bg: @u-text-color-white;
+@dark-close-hover-bg: @u-info-color;

package/es/components/UTooltip/index.d.ts

@@ -0,0 +1,4 @@
+import Tooltip from './tooltip';
+import './style';
+export type { TooltipProps } from './tooltip';
+export default Tooltip;

package/es/components/UTooltip/index.js

@@ -0,0 +1,3 @@
+import Tooltip from "./tooltip";
+import "./style";
+export default Tooltip;

package/es/components/UTooltip/style/index.d.ts

@@ -0,0 +1 @@
+import './index.less';

package/es/components/UTooltip/style/index.js

@@ -0,0 +1 @@
+import "./index.less";

package/es/components/UTooltip/style/index.less

@@ -0,0 +1,16 @@
+@import './mixin.less';
+
+//按照less变量的值进行样式配置
+.@{ud-default-prefix}-tootip-overlay {
+    .ud-tootip-style(@u-theme-name);
+}
+
+//兼容U-DESIGN的theme属性
+.@{ud-default-prefix}-tootip-overlay-theme-dark {
+    .ud-tootip-style(dark);
+}
+
+//兼容U-DESIGN的theme属性
+.@{ud-default-prefix}-tootip-overlay-theme-light {
+    .ud-tootip-style(light);
+}

package/es/components/UTooltip/style/mixin.less

@@ -0,0 +1,15 @@
+
+@import '../../../style/global.less';
+@import './theme.less';
+
+.ud-tootip-style(@u-theme:light) {
+    
+    .@{ud-prefix}-tooltip-arrow{
+        .@{ud-prefix}-tooltip-arrow-content{
+            --ud-arrow-background-color: ~'@{@{u-theme}-tooltip-arrow-bg}';
+        }
+    }
+    .@{ud-prefix}-tooltip-inner{
+        background-color: ~'@{@{u-theme}-tooltip-bg}';
+    }
+}

package/es/components/UTooltip/style/theme.less

@@ -0,0 +1,7 @@
+@light-tooltip-bg: @u-tooltip-bg-color;
+@light-tooltip-arrow-bg: @u-tooltip-bg-color;
+@light-tooltip-border-color: @u-msg-border-color;
+
+@dark-tooltip-bg: @u-tooltip-bg-color;
+@dark-tooltip-arrow-bg: @u-tooltip-bg-color;
+@dark-tooltip-border-color: @u-msg-border-color;

package/es/components/UTooltip/tooltip/index.d.ts

@@ -0,0 +1,72 @@
+import type { placements as Placements } from 'rc-tooltip/lib/placements';
+import type { TooltipProps as RcTooltipProps } from 'rc-tooltip/lib/Tooltip';
+import * as React from 'react';
+import type { PresetColorType } from '../../_util/colors';
+import { AdjustOverflow, PlacementsConfig } from '../../_util/placements';
+import type { LiteralUnion } from '../../_util/type';
+import './style';
+export type { AdjustOverflow, PlacementsConfig };
+export type TooltipPlacement = 'top' | 'left' | 'right' | 'bottom' | 'topLeft' | 'topRight' | 'bottomLeft' | 'bottomRight' | 'leftTop' | 'leftBottom' | 'rightTop' | 'rightBottom';
+export interface TooltipAlignConfig {
+    points?: [string, string];
+    offset?: [number | string, number | string];
+    targetOffset?: [number | string, number | string];
+    overflow?: {
+        adjustX: boolean;
+        adjustY: boolean;
+    };
+    useCssRight?: boolean;
+    useCssBottom?: boolean;
+    useCssTransform?: boolean;
+}
+interface LegacyTooltipProps extends Partial<Omit<RcTooltipProps, 'children' | 'visible' | 'defaultVisible' | 'onVisibleChange' | 'afterVisibleChange'>> {
+    /**
+     * @deprecated `visible` is deprecated which will be removed in next major version. Please use
+     *   `open` instead.
+     */
+    visible?: RcTooltipProps['visible'];
+    open?: RcTooltipProps['visible'];
+    /**
+     * @deprecated `defaultVisible` is deprecated which will be removed in next major version. Please
+     *   use `defaultOpen` instead.
+     */
+    defaultVisible?: RcTooltipProps['defaultVisible'];
+    defaultOpen?: RcTooltipProps['defaultVisible'];
+    /**
+     * @deprecated `onVisibleChange` is deprecated which will be removed in next major version. Please
+     *   use `onOpenChange` instead.
+     */
+    onVisibleChange?: RcTooltipProps['onVisibleChange'];
+    onOpenChange?: RcTooltipProps['onVisibleChange'];
+    /**
+     * @deprecated `afterVisibleChange` is deprecated which will be removed in next major version.
+     *   Please use `afterOpenChange` instead.
+     */
+    afterVisibleChange?: RcTooltipProps['afterVisibleChange'];
+    afterOpenChange?: RcTooltipProps['afterVisibleChange'];
+}
+export interface AbstractTooltipProps extends LegacyTooltipProps {
+    style?: React.CSSProperties;
+    className?: string;
+    color?: LiteralUnion<PresetColorType, string>;
+    placement?: TooltipPlacement;
+    builtinPlacements?: typeof Placements;
+    openClassName?: string;
+    arrowPointAtCenter?: boolean;
+    autoAdjustOverflow?: boolean | AdjustOverflow;
+    getPopupContainer?: (triggerNode: HTMLElement) => HTMLElement;
+    children?: React.ReactNode;
+    theme?: string;
+}
+export type RenderFunction = () => React.ReactNode;
+export interface TooltipPropsWithOverlay extends AbstractTooltipProps {
+    title?: React.ReactNode | RenderFunction;
+    overlay?: React.ReactNode | RenderFunction;
+}
+export interface TooltipPropsWithTitle extends AbstractTooltipProps {
+    title: React.ReactNode | RenderFunction;
+    overlay?: React.ReactNode | RenderFunction;
+}
+export declare type TooltipProps = TooltipPropsWithTitle | TooltipPropsWithOverlay;
+declare const Tooltip: React.ForwardRefExoticComponent<TooltipProps & React.RefAttributes<unknown>>;
+export default Tooltip;