@qsxy/element-plus-react 1.0.0-next.11 → 1.0.0-next.12

package/dist/Avatar/Avatar.d.ts

@@ -1,4 +1,4 @@
-import { FC } from 'react';
+import React from 'react';
 import { AvatarProps } from './typings';
-declare const Avatar: FC<AvatarProps>;
+declare const Avatar: React.MemoExoticComponent<React.ForwardRefExoticComponent<AvatarProps & React.RefAttributes<HTMLSpanElement>>>;
 export default Avatar;

package/dist/Avatar/Avatar.js

@@ -1,4 +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); }
+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 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; }
@@ -12,11 +13,11 @@ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" !=
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 /* eslint-disable indent */
 import classNames from 'classnames';
-import React, { memo, useEffect, useMemo, useState } from 'react';
+import React, { forwardRef, memo, useEffect, useMemo, useState } from 'react';
 import Icon from "../Icon/Icon";
 import { addUnit, isNotEmpty, isNumber, isString } from "../Util/base";
-import { useClassNames } from "../hooks";
-var Avatar = /*#__PURE__*/memo(function (props) {
+import { partitionHTMLProps, useClassNames } from "../hooks";
+var Avatar = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function (props, ref) {
   var icon = props.icon,
     _props$size = props.size,
     size = _props$size === void 0 ? 'default' : _props$size,
@@ -30,6 +31,11 @@ var Avatar = /*#__PURE__*/memo(function (props) {
     _props$classPrefix = props.classPrefix,
     classPrefix = _props$classPrefix === void 0 ? 'avatar' : _props$classPrefix,
     onError = props.onError;
+  var _partitionHTMLProps = partitionHTMLProps(props, {
+      htmlProps: ['onMouseEnter', 'onMouseLeave', 'onClick', 'onContextMenu']
+    }),
+    _partitionHTMLProps2 = _slicedToArray(_partitionHTMLProps, 1),
+    tooltipEvents = _partitionHTMLProps2[0];
   var _useClassNames = useClassNames(classPrefix),
     b = _useClassNames.b,
     m = _useClassNames.m,
@@ -70,10 +76,11 @@ var Avatar = /*#__PURE__*/memo(function (props) {
       name: icon
     }) : props.children;
   }, [icon, props.children]);
-  return /*#__PURE__*/React.createElement("span", {
+  return /*#__PURE__*/React.createElement("span", _extends({
+    ref: ref,
     className: avatarClass,
     style: _objectSpread(_objectSpread({}, sizeStyle), props.style)
-  }, (src || srcSet) && !hasLoadError ? /*#__PURE__*/React.createElement("img", {
+  }, tooltipEvents), (src || srcSet) && !hasLoadError ? /*#__PURE__*/React.createElement("img", {
     src: src,
     alt: alt,
     srcSet: srcSet,
@@ -82,6 +89,6 @@ var Avatar = /*#__PURE__*/memo(function (props) {
     },
     onError: handleError
   }) : children);
-});
+}));
 Avatar.displayName = 'ElAvatar';
 export default Avatar;

package/dist/Badge/Badge.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import { BadgeProps } from './typings';
-declare const Badge: React.ForwardRefExoticComponent<BadgeProps & React.RefAttributes<HTMLDivElement>>;
+declare const Badge: React.MemoExoticComponent<React.ForwardRefExoticComponent<BadgeProps & React.RefAttributes<HTMLDivElement>>>;
 export default Badge;

package/dist/Badge/Badge.js

@@ -1,16 +1,23 @@
 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;
+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 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 _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+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 classNames from 'classnames';
 import isNumber from 'lodash/isNumber';
 import React, { forwardRef, memo, useMemo, useRef } from 'react';
 import Transition from "../Transition/Transition";
-import { useClassNames } from "../hooks";
+import { partitionHTMLProps, useClassNames } from "../hooks";
 var Badge = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function (props, ref) {
   var _props$type = props.type,
     type = _props$type === void 0 ? 'danger' : _props$type,
@@ -26,6 +33,11 @@ var Badge = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function (props, ref) {
     badgeClass = props.badgeClass,
     _props$badgeStyle = props.badgeStyle,
     badgeStyle = _props$badgeStyle === void 0 ? {} : _props$badgeStyle;
+  var _partitionHTMLProps = partitionHTMLProps(props, {
+      htmlProps: ['onMouseEnter', 'onMouseLeave', 'onClick', 'onContextMenu']
+    }),
+    _partitionHTMLProps2 = _slicedToArray(_partitionHTMLProps, 1),
+    tooltipEvents = _partitionHTMLProps2[0];
   var _useClassNames = useClassNames('badge'),
     b = _useClassNames.b,
     e = _useClassNames.e,
@@ -41,11 +53,11 @@ var Badge = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function (props, ref) {
     }
     return "".concat(value);
   }, [isDot, max, value]);
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/React.createElement("div", _extends({
     ref: ref,
     className: classNames(b(), props.className),
     style: props.style
-  }, props.children, /*#__PURE__*/React.createElement(Transition, {
+  }, tooltipEvents), props.children, /*#__PURE__*/React.createElement(Transition, {
     nodeRef: nodeRef,
     name: b('zoom-in-center', false),
     visible: !hidden && (!!content || isDot) && !(!showZero && value === 0),

package/dist/Checkbox/Checkbox.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;
-var _excluded = ["checked", "className", "children", "defaultChecked", "title", "indeterminate", "readOnly", "name", "value", "onClick", "onCheckboxClick", "onChange", "prevent", "onMouseEnter", "onMouseLeave"];
+var _excluded = ["checked", "className", "children", "defaultChecked", "title", "indeterminate", "readOnly", "name", "value", "onClick", "onCheckboxClick", "onChange", "prevent"];
 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 _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; }
@@ -44,8 +44,6 @@ var Checkbox = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function (props, ref)
     onChange = props.onChange,
     _props$prevent = props.prevent,
     prevent = _props$prevent === void 0 ? false : _props$prevent,
-    onMouseEnter = props.onMouseEnter,
-    onMouseLeave = props.onMouseLeave,
     rest = _objectWithoutProperties(props, _excluded);
   var disabled = useDisabled(disabledContext || props.disabled);
   var size = useSize(groupSize !== null && groupSize !== void 0 ? groupSize : props.size);
@@ -67,9 +65,13 @@ var Checkbox = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function (props, ref)
     e = _useClassNames.e,
     is = _useClassNames.is;
   var _partitionHTMLProps = partitionHTMLProps(rest),
-    _partitionHTMLProps2 = _slicedToArray(_partitionHTMLProps, 2),
-    htmlInputProps = _partitionHTMLProps2[0],
-    restProps = _partitionHTMLProps2[1];
+    _partitionHTMLProps2 = _slicedToArray(_partitionHTMLProps, 1),
+    htmlInputProps = _partitionHTMLProps2[0];
+  var _partitionHTMLProps3 = partitionHTMLProps(props, {
+      htmlProps: ['onMouseEnter', 'onMouseLeave', 'onClick', 'onContextMenu']
+    }),
+    _partitionHTMLProps4 = _slicedToArray(_partitionHTMLProps3, 1),
+    tooltipEvents = _partitionHTMLProps4[0];
   var inputRef = useRef(null);
   var containerRef = useRef(null);
   var handleChange = useCallback(function (event) {
@@ -83,6 +85,7 @@ var Checkbox = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function (props, ref)
   }, [checked, disabled, readOnly, setChecked, onChange, value, onGroupChange]);
   useImperativeHandle(ref, function () {
     return {
+      ref: containerRef,
       get input() {
         return inputRef.current;
       },
@@ -98,11 +101,10 @@ var Checkbox = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function (props, ref)
         checked: checked,
         disabled: disabled
       }), m(_defineProperty({}, size, size)), className),
-      ref: containerRef,
-      onClick: onClick,
-      onMouseEnter: onMouseEnter,
-      onMouseLeave: onMouseLeave
-    }, restProps), /*#__PURE__*/React.createElement("input", _extends({
+      ref: containerRef
+    }, tooltipEvents, {
+      onClick: onClick
+    }), /*#__PURE__*/React.createElement("input", _extends({
       key: name
     }, htmlInputProps, {
       name: name,
@@ -130,7 +132,7 @@ var Checkbox = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function (props, ref)
     }), /*#__PURE__*/React.createElement("span", {
       className: e(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["label"])))
     }, children));
-  }, [b, checked, children, className, disabled, e, handleChange, htmlInputProps, indeterminate, is, m, name, onCheckboxClick, onClick, onMouseEnter, onMouseLeave, prevent, readOnly, restProps, size, value]);
+  }, [b, checked, children, className, disabled, e, handleChange, htmlInputProps, indeterminate, is, m, name, onCheckboxClick, onClick, prevent, readOnly, size, tooltipEvents, value]);
   return title ? /*#__PURE__*/React.createElement(Tooltip, {
     content: title
   }, main) : main;

package/dist/Checkbox/CheckboxButton.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;
-var _excluded = ["checked", "className", "children", "defaultChecked", "title", "indeterminate", "readOnly", "name", "value", "onClick", "onCheckboxClick", "onChange", "prevent", "onMouseEnter", "onMouseLeave"];
+var _excluded = ["checked", "className", "children", "defaultChecked", "title", "indeterminate", "readOnly", "name", "value", "onCheckboxClick", "onChange", "prevent"];
 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 _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; }
@@ -39,16 +39,18 @@ var CheckboxButton = /*#__PURE__*/forwardRef(function (props, ref) {
     _props$name = props.name,
     name = _props$name === void 0 ? nameContext : _props$name,
     value = props.value,
-    onClick = props.onClick,
     onCheckboxClick = props.onCheckboxClick,
     onChange = props.onChange,
     _props$prevent = props.prevent,
     prevent = _props$prevent === void 0 ? false : _props$prevent,
-    onMouseEnter = props.onMouseEnter,
-    onMouseLeave = props.onMouseLeave,
     rest = _objectWithoutProperties(props, _excluded);
   var disabled = useDisabled(disabledContext || props.disabled);
   var size = useSize(groupSize !== null && groupSize !== void 0 ? groupSize : props.size);
+  var _partitionHTMLProps = partitionHTMLProps(props, {
+      htmlProps: ['onMouseEnter', 'onMouseLeave', 'onClick', 'onContextMenu']
+    }),
+    _partitionHTMLProps2 = _slicedToArray(_partitionHTMLProps, 1),
+    tooltipEvents = _partitionHTMLProps2[0];
   var isChecked = useCallback(function () {
     if (typeof groupValue !== 'undefined') {
       return groupValue instanceof Array ? groupValue.some(function (i) {
@@ -66,11 +68,12 @@ var CheckboxButton = /*#__PURE__*/forwardRef(function (props, ref) {
     m = _useClassNames.m,
     e = _useClassNames.e,
     is = _useClassNames.is;
-  var _partitionHTMLProps = partitionHTMLProps(rest),
-    _partitionHTMLProps2 = _slicedToArray(_partitionHTMLProps, 2),
-    htmlInputProps = _partitionHTMLProps2[0],
-    restProps = _partitionHTMLProps2[1];
+  var _partitionHTMLProps3 = partitionHTMLProps(rest),
+    _partitionHTMLProps4 = _slicedToArray(_partitionHTMLProps3, 2),
+    htmlInputProps = _partitionHTMLProps4[0],
+    restProps = _partitionHTMLProps4[1];
   var inputRef = useRef(null);
+  var containerRef = useRef(null);
   var handleChange = useCallback(function (event) {
     var nextChecked = !checked;
     if (disabled || readOnly) {
@@ -82,6 +85,7 @@ var CheckboxButton = /*#__PURE__*/forwardRef(function (props, ref) {
   }, [checked, disabled, readOnly, setChecked, onChange, value, onGroupChange]);
   useImperativeHandle(ref, function () {
     return {
+      ref: containerRef,
       get input() {
         return inputRef.current;
       },
@@ -97,11 +101,8 @@ var CheckboxButton = /*#__PURE__*/forwardRef(function (props, ref) {
         checked: checked,
         disabled: disabled
       }), m(_defineProperty({}, size, size)), className),
-      ref: ref,
-      onClick: onClick,
-      onMouseEnter: onMouseEnter,
-      onMouseLeave: onMouseLeave
-    }, restProps), /*#__PURE__*/React.createElement("input", _extends({
+      ref: containerRef
+    }, tooltipEvents), /*#__PURE__*/React.createElement("input", _extends({
       key: name
     }, htmlInputProps, {
       name: name,
@@ -127,7 +128,7 @@ var CheckboxButton = /*#__PURE__*/forwardRef(function (props, ref) {
         disabled: disabled
       }))
     }, children));
-  }, [b, checked, children, className, disabled, e, handleChange, htmlInputProps, indeterminate, is, m, name, onCheckboxClick, onClick, onMouseEnter, onMouseLeave, prevent, readOnly, ref, restProps, size, value]);
+  }, [b, checked, children, className, disabled, e, handleChange, htmlInputProps, indeterminate, is, m, name, onCheckboxClick, prevent, readOnly, size, tooltipEvents, value]);
   return title ? /*#__PURE__*/React.createElement(Tooltip, {
     content: title
   }, main) : main;

package/dist/Checkbox/typings.d.ts

@@ -1,7 +1,8 @@
-import React from 'react';
+import React, { RefObject } from 'react';
 import { BaseProps, FormControlBaseProps, NativeProps } from '../types/common';
 export type ValueType = string | number;
 export type CheckboxRef = {
+    ref: RefObject<HTMLSpanElement>;
     input: HTMLInputElement;
     isChcked: () => boolean;
     setChecked: (value: boolean) => void;

package/dist/Dropdown/Dropdown.d.ts

@@ -1,4 +1,4 @@
-import { FC } from 'react';
-import { DropdownProps } from './typings';
-declare const Dropdown: FC<DropdownProps>;
+import React from 'react';
+import { DropdownProps, DropdownRef } from './typings';
+declare const Dropdown: React.ForwardRefExoticComponent<DropdownProps & React.RefAttributes<DropdownRef>>;
 export default Dropdown;

package/dist/Dropdown/Dropdown.js

@@ -11,12 +11,12 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 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, { useCallback } from 'react';
+import React, { forwardRef, useCallback, useImperativeHandle, useRef } from 'react';
 import Tooltip from "../Tooltip/Tooltip";
 import { mergeDefaultProps } from "../Util";
-import { partitionAnimationProps, partitionPopperPropsUtils, useClassNames } from "../hooks";
+import { partitionAnimationProps, partitionHTMLProps, partitionPopperPropsUtils, useClassNames } from "../hooks";
 import { DropdownContext } from "./DropdownContext";
-var Dropdown = function Dropdown(props) {
+var Dropdown = /*#__PURE__*/forwardRef(function (props, ref) {
   props = mergeDefaultProps({
     hideOnClick: true,
     showArrow: true,
@@ -46,9 +46,15 @@ var Dropdown = function Dropdown(props) {
   var _partitionAnimationPr = partitionAnimationProps(rest),
     _partitionAnimationPr2 = _slicedToArray(_partitionAnimationPr, 1),
     transitionProps = _partitionAnimationPr2[0];
+  var _partitionHTMLProps = partitionHTMLProps(props, {
+      htmlProps: ['onMouseEnter', 'onMouseLeave', 'onClick', 'onContextMenu']
+    }),
+    _partitionHTMLProps2 = _slicedToArray(_partitionHTMLProps, 1),
+    tooltipEvents = _partitionHTMLProps2[0];
   var _useClassNames = useClassNames(classPrefix),
     b = _useClassNames.b,
     e = _useClassNames.e;
+  var containerRef = useRef(null);
 
   /** 显示 */
   var handleMouseEnter = useCallback(function (event) {
@@ -61,10 +67,18 @@ var Dropdown = function Dropdown(props) {
     onMouseLeave === null || onMouseLeave === void 0 || onMouseLeave(event);
     visiblechange === null || visiblechange === void 0 || visiblechange(false);
   }, [onMouseLeave, visiblechange]);
-  return /*#__PURE__*/React.createElement("div", {
+  useImperativeHandle(ref, function () {
+    return {
+      ref: containerRef,
+      handleOpen: onMouseEnter,
+      handleClose: onMouseLeave
+    };
+  });
+  return /*#__PURE__*/React.createElement("div", _extends({
+    ref: containerRef,
     className: classNames(b(), props.className),
     style: props.style
-  }, /*#__PURE__*/React.createElement(Tooltip, _extends({
+  }, tooltipEvents), /*#__PURE__*/React.createElement(Tooltip, _extends({
     classPrefix: classPrefix,
     triggerRef: props.children,
     popperClass: e(_templateObject || (_templateObject = _taggedTemplateLiteral(["popper"]))),
@@ -86,6 +100,6 @@ var Dropdown = function Dropdown(props) {
     }, menu),
     unmountOnExit: true
   }, popperProps, transitionProps)));
-};
+});
 Dropdown.displayName = 'Dropdown';
 export default Dropdown;

package/dist/Dropdown/typings.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { RefObject } from 'react';
 import { PopperOptions } from '../Popper';
 import { TransitionProps } from '../Transition';
 import { AnimationEventProps, BaseProps, NativeProps } from '../types/common';
@@ -40,3 +40,10 @@ export interface DropdownItemProps extends BaseProps, NativeProps {
     /** 是否为激活状态 */
     active?: boolean;
 }
+export type DropdownRef = {
+    ref: RefObject<HTMLDivElement>;
+    /** 打开下拉菜单 */
+    handleOpen?: () => void;
+    /** 关闭下拉菜单 */
+    handleClose?: () => void;
+};

package/dist/Input/Input.js

@@ -162,6 +162,7 @@ function InternalInput(props, ref) {
 
   /** 在点击由 clearable 属性生成的清空按钮时触发 */
   var handelClear = useCallback(function (event) {
+    event.stopPropagation();
     setValue('');
     if (clearRef.current) {
       addStyle(clearRef.current, 'display', 'none');
@@ -321,14 +322,14 @@ function InternalInput(props, ref) {
       className: e(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["suffix"]))),
       style: {
         display: 'none'
-      }
+      },
+      onClick: handelClear
     }, /*#__PURE__*/React.createElement("span", {
       className: e(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["suffix-inner"])))
     }, /*#__PURE__*/React.createElement(Icon, {
       prefix: "fal",
       name: "circle-xmark",
       className: classNames(e(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["icon"]))), e(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["clear"])))),
-      onClick: handelClear,
       onMouseDown: function onMouseDown(event) {
         event.preventDefault();
         event.stopPropagation();

package/dist/Input/typings.d.ts

@@ -69,7 +69,7 @@ export interface InputProps extends FormControlBaseProps<ValueType>, BaseProps,
     /** 是否隐藏值 */
     hiddenValue?: boolean;
     /** 在点击由 clearable 属性生成的清空按钮时触发 */
-    onClear?: (e: MouseEvent) => void;
+    onClear?: (e: React.MouseEvent) => void;
     /** 在 Input 值改变时触发 */
     onChange?: (value: ValueType, event?: React.ChangeEvent) => void;
 }

package/dist/InputNumber/InputNumber.js

@@ -60,6 +60,11 @@ var InputNumber = /*#__PURE__*/forwardRef(function (props, ref) {
   var _partitionHTMLProps = partitionHTMLProps(rest),
     _partitionHTMLProps2 = _slicedToArray(_partitionHTMLProps, 1),
     htmlInputProps = _partitionHTMLProps2[0];
+  var _partitionHTMLProps3 = partitionHTMLProps(props, {
+      htmlProps: ['onMouseEnter', 'onMouseLeave', 'onClick', 'onContextMenu']
+    }),
+    _partitionHTMLProps4 = _slicedToArray(_partitionHTMLProps3, 1),
+    tooltipEvents = _partitionHTMLProps4[0];
   var _useControlled = useControlled(props.value, props.defaultValue),
     _useControlled2 = _slicedToArray(_useControlled, 2),
     value = _useControlled2[0],
@@ -178,13 +183,13 @@ var InputNumber = /*#__PURE__*/forwardRef(function (props, ref) {
       blur: inputRef.current.blur
     };
   });
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/React.createElement("div", _extends({
     className: classNames(b(), m(_defineProperty({}, size, size)), is({
       'controls-right': controlsPositionRight
     }), props.className),
     style: props.style,
     ref: containerRef
-  }, /*#__PURE__*/React.createElement("span", {
+  }, tooltipEvents), /*#__PURE__*/React.createElement("span", {
     className: classNames(e(_templateObject || (_templateObject = _taggedTemplateLiteral(["decrease"]))), is({
       disabled: disabled || value == minProp
     })),

package/dist/Radio/Radio.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;
-var _excluded = ["title", "className", "children", "checked", "defaultChecked", "classPrefix", "readOnly", "plaintext", "name", "value", "onChange", "onClick"];
+var _excluded = ["title", "className", "children", "checked", "defaultChecked", "classPrefix", "readOnly", "plaintext", "name", "value", "onChange"];
 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 _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; }
@@ -44,7 +44,6 @@ var InternalRadio = function InternalRadio(props, ref) {
     name = _props$name === void 0 ? nameContext : _props$name,
     value = props.value,
     onChange = props.onChange,
-    onClick = props.onClick,
     rest = _objectWithoutProperties(props, _excluded);
   var _useControlled = useControlled(typeof groupValue !== 'undefined' ? groupValue === value : checkedProp, defaultChecked || false),
     _useControlled2 = _slicedToArray(_useControlled, 2),
@@ -63,9 +62,13 @@ var InternalRadio = function InternalRadio(props, ref) {
     checked: checked
   }));
   var _partitionHTMLProps = partitionHTMLProps(rest),
-    _partitionHTMLProps2 = _slicedToArray(_partitionHTMLProps, 2),
-    htmlInputProps = _partitionHTMLProps2[0],
-    restProps = _partitionHTMLProps2[1];
+    _partitionHTMLProps2 = _slicedToArray(_partitionHTMLProps, 1),
+    htmlInputProps = _partitionHTMLProps2[0];
+  var _partitionHTMLProps3 = partitionHTMLProps(props, {
+      htmlProps: ['onMouseEnter', 'onMouseLeave', 'onClick', 'onContextMenu']
+    }),
+    _partitionHTMLProps4 = _slicedToArray(_partitionHTMLProps3, 1),
+    tooltipEvents = _partitionHTMLProps4[0];
   var containerRef = useRef(null);
   var inputRef = useRef(null);
   var handleChange = useCallback(function (event) {
@@ -84,6 +87,7 @@ var InternalRadio = function InternalRadio(props, ref) {
 
   useImperativeHandle(ref, function () {
     return {
+      ref: containerRef,
       get input() {
         return inputRef.current;
       },
@@ -116,10 +120,10 @@ var InternalRadio = function InternalRadio(props, ref) {
       className: classNames(b(), is({
         checked: checked,
         disabled: disabled
-      }), m(_defineProperty({}, size, size)), className),
-      onClick: onClick,
+      }), m(_defineProperty({}, size, size)), className)
+    }, tooltipEvents, {
       ref: containerRef
-    }, restProps), /*#__PURE__*/React.createElement("span", {
+    }), /*#__PURE__*/React.createElement("span", {
       className: classNames(e(_templateObject || (_templateObject = _taggedTemplateLiteral(["input"]))), is({
         checked: checked,
         disabled: disabled
@@ -145,9 +149,9 @@ var InternalRadio = function InternalRadio(props, ref) {
     })), /*#__PURE__*/React.createElement("span", {
       className: e(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["label"])))
     }, children));
-  }, [b, checked, children, className, disabled, e, handleChange, htmlInputProps, is, m, name, onClick, readOnly, restProps, size, value]);
+  }, [b, checked, children, className, disabled, e, handleChange, htmlInputProps, is, m, name, readOnly, size, tooltipEvents, value]);
   if (plaintext) {
-    return checked ? /*#__PURE__*/React.createElement("div", _extends({}, restProps, {
+    return checked ? /*#__PURE__*/React.createElement("div", _extends({}, tooltipEvents, {
       ref: containerRef,
       className: classes
     }), children) : null;

package/dist/Radio/RadioButton.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
-import { RadioProps } from './typings';
-declare const RadioButton: React.ForwardRefExoticComponent<RadioProps<string | number | readonly string[]> & React.RefAttributes<unknown>>;
+import { RadioProps, RadioRef } from './typings';
+declare const RadioButton: React.ForwardRefExoticComponent<RadioProps<string | number | readonly string[]> & React.RefAttributes<RadioRef>>;
 export default RadioButton;

package/dist/Radio/RadioButton.js

@@ -56,6 +56,11 @@ var RadioButton = /*#__PURE__*/forwardRef(function (props, ref) {
     _partitionHTMLProps2 = _slicedToArray(_partitionHTMLProps, 2),
     htmlInputProps = _partitionHTMLProps2[0],
     restProps = _partitionHTMLProps2[1];
+  var _partitionHTMLProps3 = partitionHTMLProps(props, {
+      htmlProps: ['onMouseEnter', 'onMouseLeave', 'onClick', 'onContextMenu']
+    }),
+    _partitionHTMLProps4 = _slicedToArray(_partitionHTMLProps3, 1),
+    tooltipEvents = _partitionHTMLProps4[0];
   var disabled = useDisabled(disabledContext !== null && disabledContext !== void 0 ? disabledContext : props.disabled);
   var size = useSize(sizeContext !== null && sizeContext !== void 0 ? sizeContext : props.size);
   var containerRef = useRef(null);
@@ -76,6 +81,7 @@ var RadioButton = /*#__PURE__*/forwardRef(function (props, ref) {
 
   useImperativeHandle(ref, function () {
     return {
+      ref: containerRef,
       get input() {
         return inputRef.current;
       },
@@ -94,16 +100,20 @@ var RadioButton = /*#__PURE__*/forwardRef(function (props, ref) {
       }), m(_defineProperty({}, size, size)), className)
     }), children) : null;
   }
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/React.createElement("div", _extends({
     className: classNames(b(), m(_defineProperty({}, size, size)), className, is({
       active: checked,
       disabled: disabled
     })),
-    ref: containerRef,
+    ref: containerRef
+  }, tooltipEvents, {
     onClick: function onClick() {
-      return inputRef.current.checked = true;
+      var _props$onClick;
+      inputRef.current.checked = true;
+      // @ts-ignore
+      (_props$onClick = props.onClick) === null || _props$onClick === void 0 || _props$onClick.call(props);
     }
-  }, /*#__PURE__*/React.createElement("input", _extends({
+  }), /*#__PURE__*/React.createElement("input", _extends({
     key: name
   }, htmlInputProps, {
     name: name,

package/dist/Radio/typings.d.ts

@@ -1,7 +1,8 @@
-import React from 'react';
+import React, { RefObject } from 'react';
 import { BaseProps, FormControlBaseProps, NativeProps } from '../types/common';
 export type ValueType = React.AllHTMLAttributes<HTMLInputElement>['value'];
 export type RadioRef = {
+    ref: RefObject<HTMLSpanElement>;
     input: HTMLInputElement;
     isChcked: () => boolean;
     setChecked: (value: boolean) => void;

package/dist/Switch/Switch.js

@@ -1,5 +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;
+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); }
 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); }
@@ -15,7 +16,7 @@ import isBoolean from 'lodash/isBoolean';
 import React, { forwardRef, isValidElement, useCallback, useMemo, useRef } from 'react';
 import Icon from "../Icon/Icon";
 import { mergeDefaultProps, warning } from "../Util";
-import { useClassNames, useControlled, useDisabled, useSize } from "../hooks";
+import { partitionHTMLProps, useClassNames, useControlled, useDisabled, useSize } from "../hooks";
 var Switch = /*#__PURE__*/forwardRef(function (props, ref) {
   props = mergeDefaultProps({
     disabled: false,
@@ -58,6 +59,11 @@ var Switch = /*#__PURE__*/forwardRef(function (props, ref) {
     m = _useClassNames.m,
     em = _useClassNames.em,
     is = _useClassNames.is;
+  var _partitionHTMLProps = partitionHTMLProps(props, {
+      htmlProps: ['onMouseEnter', 'onMouseLeave', 'onClick', 'onContextMenu']
+    }),
+    _partitionHTMLProps2 = _slicedToArray(_partitionHTMLProps, 1),
+    tooltipEvents = _partitionHTMLProps2[0];
   var _useControlled = useControlled(props.value, defaultValue),
     _useControlled2 = _slicedToArray(_useControlled, 2),
     value = _useControlled2[0],
@@ -137,7 +143,7 @@ var Switch = /*#__PURE__*/forwardRef(function (props, ref) {
     }
     return null;
   }, [active, activeIcon, activeText, e, em, is]);
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/React.createElement("div", _extends({
     className: classNames(b(), m(_defineProperty({}, size, size)), is({
       disabled: disabled,
       checked: active
@@ -148,7 +154,7 @@ var Switch = /*#__PURE__*/forwardRef(function (props, ref) {
     onMouseEnter: onMouseEnter,
     onMouseLeave: onMouseLeave,
     onContextMenu: onContextMenu
-  }, /*#__PURE__*/React.createElement("input", {
+  }, tooltipEvents), /*#__PURE__*/React.createElement("input", {
     ref: inputRef,
     className: e(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["input"]))),
     type: "checkbox",

package/dist/Tag/Tag.js

@@ -1,17 +1,24 @@
-var _templateObject, _templateObject2;
 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;
+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; }
 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 classNames from 'classnames';
 import { useComposeRef } from 'rc-util/lib/ref';
 import React, { forwardRef, useCallback, useRef } from 'react';
 import Icon from "../Icon/Icon";
 import Transition from "../Transition/Transition";
-import { useClassNames } from "../hooks";
+import { partitionHTMLProps, useClassNames } from "../hooks";
 var Tag = /*#__PURE__*/forwardRef(function (props, ref) {
   var _props$type = props.type,
     type = _props$type === void 0 ? 'primary' : _props$type,
@@ -34,6 +41,11 @@ var Tag = /*#__PURE__*/forwardRef(function (props, ref) {
     m = _useClassNames.m,
     e = _useClassNames.e,
     is = _useClassNames.is;
+  var _partitionHTMLProps = partitionHTMLProps(props, {
+      htmlProps: ['onMouseEnter', 'onMouseLeave', 'onClick', 'onContextMenu']
+    }),
+    _partitionHTMLProps2 = _slicedToArray(_partitionHTMLProps, 1),
+    tooltipEvents = _partitionHTMLProps2[0];
   var containerRef = useRef(null);
   var mergedRef = useComposeRef(ref, containerRef);
   var onClickTag = useCallback(function (event) {
@@ -52,7 +64,7 @@ var Tag = /*#__PURE__*/forwardRef(function (props, ref) {
     transitionAppear: true,
     unmountOnExit: true,
     duration: 200
-  }, /*#__PURE__*/React.createElement("span", {
+  }, /*#__PURE__*/React.createElement("span", _extends({
     ref: mergedRef,
     className: classNames(b(), m(type, theme, _defineProperty({}, size, size)), is({
       round: round,
@@ -60,11 +72,10 @@ var Tag = /*#__PURE__*/forwardRef(function (props, ref) {
     }), className),
     style: _objectSpread({
       background: color
-    }, style),
-    onClick: onClickTag,
-    onMouseEnter: props.onMouseEnter,
-    onMouseLeave: props.onMouseLeave
-  }, /*#__PURE__*/React.createElement("span", {
+    }, style)
+  }, tooltipEvents, {
+    onClick: onClickTag
+  }), /*#__PURE__*/React.createElement("span", {
     className: e(_templateObject || (_templateObject = _taggedTemplateLiteral(["content"])))
   }, props.children), closable && /*#__PURE__*/React.createElement(Icon, {
     name: "xmark",

package/dist/TimePicker/TimeSpinnerPanel.js

@@ -213,11 +213,11 @@ var TimeSpinnerPanel = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function (prop
       if (!isInit.current) {
         handleSelectRange(type);
       }
-    }, isRange ? 500 : 200);
-    if (!isRange) {
-      isScrolling.current = false;
-    }
-  }, [debouncedResetScroll, handleSelectRange, isRange, listRefsMap, modifyDateField, scrollBarHeight, typeItemHeight]);
+    }, 1000);
+    // if (!isRange) {
+    //     isScrolling.current = false;
+    // }
+  }, [debouncedResetScroll, handleSelectRange, listRefsMap, modifyDateField, scrollBarHeight, typeItemHeight]);
 
   /** 绑定时间滚动事件 */
   var bindFuntion = useCallback(function (type) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@qsxy/element-plus-react",
-  "version": "1.0.0-next.11",
+  "version": "1.0.0-next.12",
   "description": "element-plus-react",
   "module": "dist/index.js",
   "types": "dist/index.d.ts",