@qsxy/element-plus-react 1.0.2 → 2.0.0

package/dist/Text/Text.js

@@ -0,0 +1,84 @@
+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 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(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(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); }
+import classNames from 'classnames';
+import React, { memo, useEffect, useMemo, useRef } from 'react';
+import { isUndefined, mergeDefaultProps } from "../Util";
+import { useClassNames, useSize } from "../hooks";
+var Text = /*#__PURE__*/memo(function (props) {
+  props = mergeDefaultProps({
+    truncated: false,
+    tag: 'span'
+  }, props);
+  var _props = props,
+    type = _props.type,
+    size = _props.size,
+    truncated = _props.truncated,
+    lineClamp = _props.lineClamp,
+    tag = _props.tag,
+    title = _props.title,
+    children = _props.children,
+    className = _props.className,
+    style = _props.style;
+  var _useClassNames = useClassNames('text'),
+    b = _useClassNames.b,
+    m = _useClassNames.m,
+    is = _useClassNames.is;
+  var textSize = useSize(size);
+  var textRef = useRef(null);
+  var textKls = useMemo(function () {
+    return classNames([b(), m(type), m(textSize || size), is({
+      truncated: truncated,
+      'line-clamp': !isUndefined(lineClamp)
+    })], className);
+  }, [b, m, type, textSize, size, is, truncated, lineClamp, className]);
+
+  // 绑定 title 属性的逻辑
+  var bindTitle = function bindTitle() {
+    // 如果外部已经提供了 title，则不添加
+    if (title) {
+      return;
+    }
+    var element = textRef.current;
+    if (!element) {
+      return;
+    }
+    var shouldAddTitle = false;
+    var text = element.textContent || '';
+    if (truncated) {
+      var width = element.offsetWidth;
+      var scrollWidth = element.scrollWidth;
+      if (width && scrollWidth && scrollWidth > width) {
+        shouldAddTitle = true;
+      }
+    } else if (!isUndefined(lineClamp)) {
+      var height = element.offsetHeight;
+      var scrollHeight = element.scrollHeight;
+      if (height && scrollHeight && scrollHeight > height) {
+        shouldAddTitle = true;
+      }
+    }
+    if (shouldAddTitle) {
+      element.setAttribute('title', text);
+    } else {
+      element.removeAttribute('title');
+    }
+  };
+
+  // 每次渲染后都执行 title 绑定
+  useEffect(function () {
+    bindTitle();
+  }, [children]);
+  return /*#__PURE__*/React.createElement(tag, {
+    ref: textRef,
+    className: textKls,
+    style: _objectSpread({
+      WebkitLineClamp: lineClamp
+    }, style)
+  }, children);
+});
+Text.displayName = 'ElText';
+export default Text;

package/dist/Text/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Text } from './Text';
+export type { TextProps } from './typings';

package/dist/Text/index.js

@@ -0,0 +1 @@
+export { default as Text } from "./Text";

package/dist/Text/typings.d.ts

@@ -0,0 +1,15 @@
+import { BaseProps, NativeProps, TypeAttributes } from '../types/common';
+export interface TextProps extends BaseProps, NativeProps<'--el-text-font-size' | '--el-text-color'> {
+    /** 类型 */
+    type?: TypeAttributes.Appearance;
+    /** 大小 */
+    size?: TypeAttributes.Size;
+    /** 显示省略号 */
+    truncated?: boolean;
+    /** 最大行数 */
+    lineClamp?: string | number;
+    /** 自定义元素标签 */
+    tag?: string;
+    /** 标题 */
+    title?: string;
+}

package/dist/Text/typings.js

@@ -0,0 +1 @@
+export {};

package/dist/TimePicker/TimePicker.js

@@ -1,5 +1,5 @@
 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); }
-var _excluded = ["name", "readonly", "clearable", "valueFormat", "format", "placeholder", "onChange", "disabledHours", "disabledMinutes", "disabledSeconds", "prepend", "append", "warning", "error", "onClear", "onVisibleChange", "prefixIcon"];
+var _excluded = ["name", "readonly", "clearable", "valueFormat", "format", "placeholder", "onChange", "disabledHours", "disabledMinutes", "disabledSeconds", "prepend", "append", "onClear", "onVisibleChange", "prefixIcon"];
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
@@ -42,7 +42,7 @@ var TimePicker = /*#__PURE__*/forwardRef(function (props, ref) {
     isoWeek: true,
     clearable: true,
     disabled: false,
-    placeholder: '请选择时间'
+    placeholder: ''
   }, props);
   var _props = props,
     name = _props.name,
@@ -57,8 +57,6 @@ var TimePicker = /*#__PURE__*/forwardRef(function (props, ref) {
     disabledSeconds = _props.disabledSeconds,
     prepend = _props.prepend,
     append = _props.append,
-    warning = _props.warning,
-    error = _props.error,
     _onClear = _props.onClear,
     onVisibleChange = _props.onVisibleChange,
     prefixIcon = _props.prefixIcon,
@@ -231,8 +229,6 @@ var TimePicker = /*#__PURE__*/forwardRef(function (props, ref) {
     },
     className: classNames(_defineProperty(_defineProperty({}, "".concat(namespace, "-date"), readonly), 'is-focus', visible)),
     style: props.style,
-    error: error,
-    warning: warning,
     append: append,
     prepend: prepend,
     ref: inputRef
@@ -242,6 +238,7 @@ var TimePicker = /*#__PURE__*/forwardRef(function (props, ref) {
       var _inputRef$current;
       return inputRef === null || inputRef === void 0 || (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.ref;
     },
+    popperClass: "is-pure",
     popperInstRef: popperInstRef
     // afterEnter={(node?: HTMLElement | Text) => {
     //     setEnter(true);
@@ -258,7 +255,9 @@ var TimePicker = /*#__PURE__*/forwardRef(function (props, ref) {
       onVisibleChange === null || onVisibleChange === void 0 || onVisibleChange(false);
     },
     onEnter: function onEnter() {
-      return timePanelRef.current.adjustSpinners();
+      var _popperInstRef$curren;
+      timePanelRef.current.adjustSpinners();
+      (_popperInstRef$curren = popperInstRef.current) === null || _popperInstRef$curren === void 0 || _popperInstRef$curren.update();
     }
   }, animationInputProps, {
     transitionAppear: true,

package/dist/TimePicker/TimePickerPanel.js

@@ -6,6 +6,8 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 import classNames from 'classnames';
 import React, { forwardRef, memo, useImperativeHandle, useMemo, useRef } from 'react';
+import { useTranslation } from 'react-i18next';
+import { useConfigProvider } from "../ConfigProvider/ConfigProviderContext";
 import { useClassNames, useClickOutside } from "../hooks";
 import TimeSpinnerPanel from "./TimeSpinnerPanel";
 var TimePickerPanel = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function (props, ref) {
@@ -16,6 +18,10 @@ var TimePickerPanel = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function (props
   var _useClassNames = useClassNames(classPrefix),
     b = _useClassNames.b,
     be = _useClassNames.be;
+  var _useConfigProvider = useConfigProvider(),
+    locale = _useConfigProvider.locale;
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
   var containerRef = useRef(null);
   var spinnerRef = useRef(null);
   var reference = useMemo(function () {
@@ -55,12 +61,16 @@ var TimePickerPanel = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function (props
       // spinnerDate.current = null;
       (_props$onDestroy2 = props.onDestroy) === null || _props$onDestroy2 === void 0 || _props$onDestroy2.call(props);
     }
-  }, "\u53D6 \u6D88"), /*#__PURE__*/React.createElement("button", {
+  }, t('el.datepicker.cancel', {
+    lng: locale
+  })), /*#__PURE__*/React.createElement("button", {
     className: classNames(be('panel', 'btn'), 'confirm'),
     onClick: function onClick() {
       var _props$onOk;
       return (_props$onOk = props.onOk) === null || _props$onOk === void 0 ? void 0 : _props$onOk.call(props);
     }
-  }, "\u786E \u5B9A")));
+  }, t('el.datepicker.confirm', {
+    lng: locale
+  }))));
 }));
 export default TimePickerPanel;

package/dist/TimePicker/TimePickerRange.js

@@ -1,6 +1,6 @@
 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); }
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
-var _excluded = ["name", "clearable", "valueFormat", "format", "startPlaceholder", "endPlaceholder", "onChange", "prepend", "append", "warning", "error", "disabledHours", "disabledMinutes", "disabledSeconds", "afterEnter", "afterLeave", "classPrefix", "prefixIcon", "onClear", "onVisibleChange"];
+var _excluded = ["name", "clearable", "valueFormat", "format", "startPlaceholder", "endPlaceholder", "onChange", "prepend", "append", "disabledHours", "disabledMinutes", "disabledSeconds", "afterEnter", "afterLeave", "classPrefix", "prefixIcon", "onClear", "onVisibleChange"];
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
@@ -28,6 +28,8 @@ import head from 'lodash/head';
 import isEqual from 'lodash/isEqual';
 import last from 'lodash/last';
 import React, { forwardRef, memo, useCallback, useImperativeHandle, useMemo, useRef, useState } from 'react';
+import { useTranslation } from 'react-i18next';
+import { useConfigProvider } from "../ConfigProvider/ConfigProviderContext";
 import Icon from "../Icon/Icon";
 import Popper from "../Popper/Popper";
 import { isEmpty, isNotEmpty, mergeDefaultProps } from "../Util";
@@ -36,6 +38,10 @@ import TimeRangePanel from "./TimeRangePanel";
 import { getAvailableArrs } from "./useTimePicker";
 import { makeRange } from "./util";
 var TimePickerRange = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function (props, ref) {
+  var _useConfigProvider = useConfigProvider(),
+    locale = _useConfigProvider.locale;
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
   props = mergeDefaultProps({
     format: 'HH:mm:ss',
     disabledHours: function disabledHours() {
@@ -50,8 +56,12 @@ var TimePickerRange = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function (props
     isoWeek: true,
     clearable: true,
     disabled: false,
-    startPlaceholder: '开始时间',
-    endPlaceholder: '结束时间',
+    startPlaceholder: t('el.datepicker.startTime', {
+      lng: locale
+    }),
+    endPlaceholder: t('el.datepicker.endTime', {
+      lng: locale
+    }),
     rangeSeparator: '-'
   }, props);
   var _props = props,
@@ -64,8 +74,6 @@ var TimePickerRange = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function (props
     onChange = _props.onChange,
     prepend = _props.prepend,
     append = _props.append,
-    warning = _props.warning,
-    error = _props.error,
     disabledHours = _props.disabledHours,
     disabledMinutes = _props.disabledMinutes,
     disabledSeconds = _props.disabledSeconds,
@@ -317,9 +325,7 @@ var TimePickerRange = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function (props
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
     className: classNames(b('date-editor', 'date-editor--timerange', false), b(_templateObject || (_templateObject = _taggedTemplateLiteral(["editor"]))), be('input', 'wrapper', false), be('tooltip', 'trigger', false), _defineProperty({}, bm('editor', size), size), is({
       active: visible,
-      disabled: disabled,
-      error: error,
-      warning: warning
+      disabled: disabled
     })),
     ref: containerRef,
     onClick: onActive,
@@ -361,6 +367,11 @@ var TimePickerRange = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function (props
     visible: visible,
     referenceElement: containerRef,
     popperInstRef: popperInstRef,
+    onEnter: function onEnter() {
+      var _popperInstRef$curren, _props$onEnter, _props2;
+      (_popperInstRef$curren = popperInstRef.current) === null || _popperInstRef$curren === void 0 || _popperInstRef$curren.update();
+      (_props$onEnter = (_props2 = props).onEnter) === null || _props$onEnter === void 0 || _props$onEnter.call(_props2);
+    },
     afterEnter: function afterEnter(node) {
       initialValue.current = value;
       _afterEnter === null || _afterEnter === void 0 || _afterEnter(node);

package/dist/Tooltip/Tooltip.js

@@ -1,6 +1,6 @@
 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); }
 var _templateObject;
-var _excluded = ["classPrefix", "effect", "trigger", "content", "disabled", "enterable", "showAfter", "hideAfter", "onMouseEnter", "onMouseLeave", "onEnter", "triggerRef", "contentSlot", "virtualTriggering", "virtualRef", "unmountOnExit"];
+var _excluded = ["classPrefix", "effect", "trigger", "content", "disabled", "enterable", "hideOnClick", "showAfter", "hideAfter", "onMouseEnter", "onMouseLeave", "onEnter", "triggerRef", "contentSlot", "virtualTriggering", "virtualRef", "unmountOnExit", "disableTransition"];
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 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; }
@@ -34,6 +34,8 @@ var Tooltip = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function (props, ref) {
     disabled = props.disabled,
     _props$enterable = props.enterable,
     enterable = _props$enterable === void 0 ? true : _props$enterable,
+    _props$hideOnClick = props.hideOnClick,
+    hideOnClick = _props$hideOnClick === void 0 ? false : _props$hideOnClick,
     _props$showAfter = props.showAfter,
     showAfter = _props$showAfter === void 0 ? 0 : _props$showAfter,
     _props$hideAfter = props.hideAfter,
@@ -47,6 +49,7 @@ var Tooltip = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function (props, ref) {
     virtualRef = props.virtualRef,
     _props$unmountOnExit = props.unmountOnExit,
     unmountOnExit = _props$unmountOnExit === void 0 ? true : _props$unmountOnExit,
+    disableTransition = props.disableTransition,
     rest = _objectWithoutProperties(props, _excluded);
   var _partitionPopperProps = partitionPopperPropsUtils(rest),
     _partitionPopperProps2 = _slicedToArray(_partitionPopperProps, 1),
@@ -63,6 +66,7 @@ var Tooltip = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function (props, ref) {
   var _referenceElement2 = useRef(null);
   var timeOut = useRef(0);
   var popperInstRef = useRef(null);
+  var entering = useRef(false); // 是否正在进入
 
   /** 显示 */
   var handleMouseEnter = useCallback(function (event) {
@@ -82,17 +86,22 @@ var Tooltip = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function (props, ref) {
   /** 隐藏 */
   var handleMouseLeave = useCallback(function (event) {
     if (enterable) {
+      if (entering.current && !hideOnClick) {
+        return;
+      }
       event === null || event === void 0 || event.preventDefault();
       timeOut.current && clearTimeout(timeOut.current);
       timeOut.current = window.setTimeout(function () {
         setVisible(false);
         onMouseLeave === null || onMouseLeave === void 0 || onMouseLeave(event);
+        entering.current = false;
       }, hideAfter);
     } else {
       setVisible(false);
       onMouseLeave === null || onMouseLeave === void 0 || onMouseLeave(event);
+      entering.current = false;
     }
-  }, [enterable, hideAfter, onMouseLeave, setVisible]);
+  }, [enterable, hideAfter, hideOnClick, onMouseLeave, setVisible]);
   var filterChildren = Children.toArray(triggerRef !== null && triggerRef !== void 0 ? triggerRef : props.children).filter(function (child) {
     return /*#__PURE__*/React.isValidElement(child) || typeof child === 'string' || typeof child === 'number' || !ReactIs.isPortal(child);
   });
@@ -109,6 +118,9 @@ var Tooltip = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function (props, ref) {
       onClose: handleMouseLeave,
       hide: function hide() {
         setVisible(false);
+        setTimeout(function () {
+          entering.current = false;
+        }, hideAfter);
       }
     };
   });
@@ -142,7 +154,7 @@ var Tooltip = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function (props, ref) {
         Object.assign(newProps, {
           onClick: function onClick(event) {
             var _child3, _child3$onClick;
-            setVisible(true);
+            setVisible(!visible);
             onMouseEnter === null || onMouseEnter === void 0 || onMouseEnter(event);
             (_child3 = child) === null || _child3 === void 0 || (_child3 = _child3.props) === null || _child3 === void 0 || (_child3$onClick = _child3.onClick) === null || _child3$onClick === void 0 || _child3$onClick.call(_child3, event);
           }
@@ -152,7 +164,7 @@ var Tooltip = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function (props, ref) {
           onContextMenu: function onContextMenu(event) {
             var _child4, _child4$onContextMenu;
             event.preventDefault();
-            setVisible(true);
+            setVisible(!visible);
             onMouseLeave === null || onMouseLeave === void 0 || onMouseLeave(event);
             (_child4 = child) === null || _child4 === void 0 || (_child4 = _child4.props) === null || _child4 === void 0 || (_child4$onContextMenu = _child4.onContextMenu) === null || _child4$onContextMenu === void 0 || _child4$onContextMenu.call(_child4, event);
           }
@@ -170,6 +182,7 @@ var Tooltip = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function (props, ref) {
       } : (_referenceElement$cur = (_referenceElement = _referenceElement2) === null || _referenceElement === void 0 || (_referenceElement = _referenceElement.current) === null || _referenceElement === void 0 ? void 0 : _referenceElement.ref) !== null && _referenceElement$cur !== void 0 ? _referenceElement$cur : _referenceElement2;
     },
     popperInstRef: popperInstRef,
+    disableTransition: disableTransition,
     onEnter: useCallback(function () {
       var _popperInstRef$curren2;
       if (popperInstRef !== null && popperInstRef !== void 0 && (_popperInstRef$curren2 = popperInstRef.current) !== null && _popperInstRef$curren2 !== void 0 && _popperInstRef$curren2.update) {
@@ -178,11 +191,20 @@ var Tooltip = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function (props, ref) {
       onEnter === null || onEnter === void 0 || onEnter();
     }, [onEnter]),
     onDestroy: function onDestroy() {
-      setVisible(false);
-      onMouseLeave === null || onMouseLeave === void 0 || onMouseLeave();
+      handleMouseLeave();
+    },
+    onMouseEnter: function onMouseEnter() {
+      if (enterable && trigger === 'hover') {
+        entering.current = true;
+        handleMouseEnter();
+      }
+    },
+    onMouseLeave: function onMouseLeave() {
+      if (enterable && trigger === 'hover') {
+        entering.current = false;
+        handleMouseLeave();
+      }
     },
-    onMouseEnter: enterable && trigger === 'hover' ? handleMouseEnter : noop,
-    onMouseLeave: enterable && trigger === 'hover' ? handleMouseLeave : noop,
     className: classNames(props.popperClass, _defineProperty({}, e(_templateObject || (_templateObject = _taggedTemplateLiteral(["popper"]))), classPrefix === 'tooltip')),
     effect: effect,
     unmountOnExit: unmountOnExit
@@ -193,6 +215,7 @@ var Tooltip = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function (props, ref) {
       trigger: trigger,
       onClose: function onClose() {
         setVisible(false);
+        entering.current = false;
       }
     }
   }, contentSlot !== null && contentSlot !== void 0 ? contentSlot : /*#__PURE__*/React.createElement("span", null, content))));

package/dist/Tooltip/typings.d.ts

@@ -29,6 +29,8 @@ export interface TooltipProps extends BaseProps<React.ReactNode>, NativeProps, P
     disabled?: boolean;
     /** 鼠标是否可进入到 tooltip 中 */
     enterable?: boolean;
+    /** 是否在点击菜单项后隐藏菜单 */
+    hideOnClick?: boolean;
     /** 延迟出现，单位毫秒 */
     showAfter?: number;
     /** Tooltip 出现后自动隐藏延时，单位毫秒，为 0 则不会自动隐藏 */
@@ -41,4 +43,6 @@ export interface TooltipProps extends BaseProps<React.ReactNode>, NativeProps, P
     /** 标识虚拟触发时的触发元素 */
     virtualRef?: VirtualElement;
     contentSlot?: ComponentChildren;
+    /** 是否禁用过渡动画 */
+    disableTransition?: boolean;
 }

package/dist/Tour/Content.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { TourContentProps } from './typings';
+interface ContentProps extends TourContentProps {
+    children?: React.ReactNode;
+    onClose?: () => void;
+    style?: React.CSSProperties;
+}
+declare function Content({ placement: initialPlacement, reference, strategy, offset: offsetValue, showArrow, style, zIndex, children, onClose, }: ContentProps): React.JSX.Element;
+export default Content;

package/dist/Tour/Content.js

@@ -0,0 +1,81 @@
+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 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(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(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 _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import React, { useEffect, useMemo, useState } from 'react';
+import { useClassNames } from "../hooks";
+import { useFloating } from "./helper";
+function Content(_ref) {
+  var _ref$placement = _ref.placement,
+    initialPlacement = _ref$placement === void 0 ? 'bottom' : _ref$placement,
+    reference = _ref.reference,
+    _ref$strategy = _ref.strategy,
+    strategy = _ref$strategy === void 0 ? 'absolute' : _ref$strategy,
+    _ref$offset = _ref.offset,
+    offsetValue = _ref$offset === void 0 ? 10 : _ref$offset,
+    showArrow = _ref.showArrow,
+    style = _ref.style,
+    _ref$zIndex = _ref.zIndex,
+    zIndex = _ref$zIndex === void 0 ? 2001 : _ref$zIndex,
+    children = _ref.children,
+    onClose = _ref.onClose;
+  var ns = useClassNames('tour');
+  var _useState = useState(null),
+    _useState2 = _slicedToArray(_useState, 2),
+    popperElement = _useState2[0],
+    setPopperElement = _useState2[1];
+  var _useState3 = useState(null),
+    _useState4 = _slicedToArray(_useState3, 2),
+    arrowElement = _useState4[0],
+    setArrowElement = _useState4[1];
+  var _useFloating = useFloating(reference, popperElement, arrowElement, initialPlacement, strategy, offsetValue, zIndex, showArrow),
+    update = _useFloating.update,
+    contentStyle = _useFloating.contentStyle,
+    arrowStyle = _useFloating.arrowStyle,
+    states = _useFloating.states;
+  useEffect(function () {
+    if (popperElement && update) {
+      update();
+    }
+  }, [popperElement]);
+  var side = useMemo(function () {
+    return states.placement.split('-')[0];
+  }, [states]);
+  useEffect(function () {
+    var handleKeyDown = function handleKeyDown(e) {
+      if (e.key === 'Escape') {
+        onClose === null || onClose === void 0 || onClose();
+      }
+    };
+    window.addEventListener('keydown', handleKeyDown);
+    return function () {
+      window.removeEventListener('keydown', handleKeyDown);
+    };
+  }, [onClose]);
+  var mergedContentStyle = useMemo(function () {
+    return _objectSpread(_objectSpread({}, contentStyle), style);
+  }, [contentStyle, style]);
+  return /*#__PURE__*/React.createElement("div", {
+    ref: setPopperElement,
+    style: mergedContentStyle,
+    className: ns.e('content'),
+    "data-side": side,
+    tabIndex: -1 /* {...attributes.popper} */
+  }, children, /*#__PURE__*/React.createElement("span", {
+    ref: setArrowElement,
+    style: _objectSpread(_objectSpread({}, arrowStyle), {}, {
+      display: showArrow ? 'block' : 'none'
+    }),
+    className: ns.e('arrow'),
+    "data-popper-arrow": true
+  }));
+}
+export default Content;

package/dist/Tour/Mask.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import type { PosInfo } from './typings';
+interface MaskProps {
+    zIndex?: number;
+    visible?: boolean;
+    fill?: string;
+    pos?: PosInfo | null;
+    targetAreaClickable?: boolean;
+    style?: React.CSSProperties;
+}
+declare function Mask({ zIndex, visible, fill, pos, targetAreaClickable, style }: MaskProps): React.JSX.Element;
+export default Mask;

package/dist/Tour/Mask.js

@@ -0,0 +1,100 @@
+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 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(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(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 _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import React, { useEffect, useMemo, useState } from 'react';
+import { useClassNames } from "../hooks";
+function Mask(_ref) {
+  var _pos$radius;
+  var _ref$zIndex = _ref.zIndex,
+    zIndex = _ref$zIndex === void 0 ? 1001 : _ref$zIndex,
+    _ref$visible = _ref.visible,
+    visible = _ref$visible === void 0 ? false : _ref$visible,
+    _ref$fill = _ref.fill,
+    fill = _ref$fill === void 0 ? 'rgba(0,0,0,0.5)' : _ref$fill,
+    pos = _ref.pos,
+    _ref$targetAreaClicka = _ref.targetAreaClickable,
+    targetAreaClickable = _ref$targetAreaClicka === void 0 ? true : _ref$targetAreaClicka,
+    style = _ref.style;
+  var ns = useClassNames('tour');
+  var radius = (_pos$radius = pos === null || pos === void 0 ? void 0 : pos.radius) !== null && _pos$radius !== void 0 ? _pos$radius : 2;
+  var roundInfo = useMemo(function () {
+    var v = radius;
+    var baseInfo = "a".concat(v, ",").concat(v, " 0 0 1");
+    return {
+      topRight: "".concat(baseInfo, " ").concat(v, ",").concat(v),
+      bottomRight: "".concat(baseInfo, " ").concat(-v, ",").concat(v),
+      bottomLeft: "".concat(baseInfo, " ").concat(-v, ",").concat(-v),
+      topLeft: "".concat(baseInfo, " ").concat(v, ",").concat(-v)
+    };
+  }, [radius]);
+  var _useState = useState({
+      width: window.innerWidth,
+      height: window.innerHeight
+    }),
+    _useState2 = _slicedToArray(_useState, 2),
+    windowSize = _useState2[0],
+    setWindowSize = _useState2[1];
+  useEffect(function () {
+    var handleResize = function handleResize() {
+      setWindowSize({
+        width: window.innerWidth,
+        height: window.innerHeight
+      });
+    };
+    window.addEventListener('resize', handleResize);
+    return function () {
+      return window.removeEventListener('resize', handleResize);
+    };
+  }, []);
+  var path = useMemo(function () {
+    var width = windowSize.width,
+      height = windowSize.height;
+    var info = roundInfo;
+    var _path = "M".concat(width, ",0 L0,0 L0,").concat(height, " L").concat(width, ",").concat(height, " L").concat(width, ",0 Z");
+    var _radius = radius;
+    if (!pos) {
+      return _path;
+    }
+    return "".concat(_path, " M").concat(pos.left + _radius, ",").concat(pos.top, " h").concat(pos.width - _radius * 2, " ").concat(info.topRight, " v").concat(pos.height - _radius * 2, " ").concat(info.bottomRight, " h").concat(-pos.width + _radius * 2, " ").concat(info.bottomLeft, " v").concat(-pos.height + _radius * 2, " ").concat(info.topLeft, " z");
+  }, [windowSize, roundInfo, radius, pos]);
+  var maskStyle = _objectSpread({
+    position: 'fixed',
+    left: 0,
+    right: 0,
+    top: 0,
+    bottom: 0,
+    zIndex: zIndex,
+    pointerEvents: pos && targetAreaClickable ? 'none' : 'auto'
+  }, style);
+  var pathStyle = {
+    fill: fill,
+    pointerEvents: 'auto',
+    cursor: 'auto'
+  };
+  if (!visible) {
+    return null;
+  }
+  return /*#__PURE__*/React.createElement("div", {
+    className: ns.e('mask'),
+    style: maskStyle
+  }, /*#__PURE__*/React.createElement("svg", {
+    style: {
+      width: '100%',
+      height: '100%'
+    }
+  }, /*#__PURE__*/React.createElement("path", {
+    className: ns.e('hollow'),
+    style: pathStyle,
+    d: path
+  })));
+}
+export default Mask;

package/dist/Tour/Step.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import type { TourStepProps } from './typings';
+declare function Step(props: TourStepProps): React.JSX.Element;
+declare namespace Step {
+    var displayName: string;
+}
+export default Step;