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

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.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import { InputNumberProps, InputNumberRef } from './typings';
-declare const _default: React.MemoExoticComponent<React.ForwardRefExoticComponent<InputNumberProps<import("./typings").ValueType> & React.RefAttributes<InputNumberRef>>>;
-export default _default;
+declare const InputNumber: React.MemoExoticComponent<React.ForwardRefExoticComponent<InputNumberProps<import("./typings").ValueType> & React.RefAttributes<InputNumberRef>>>;
+export default InputNumber;

package/dist/InputNumber/InputNumber.js

@@ -25,7 +25,7 @@ import Icon from "../Icon/Icon";
 import Input from "../Input/Input";
 import { floatAdd, floatSub, formatNumber, isEmpty, isNotEmpty, mergeDefaultProps } from "../Util";
 import { partitionHTMLProps, useClassNames, useControlled, useDisabled, useSize } from "../hooks";
-var InputNumber = /*#__PURE__*/forwardRef(function (props, ref) {
+var InputNumber = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function (props, ref) {
   props = mergeDefaultProps({
     step: 1,
     precision: 0,
@@ -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
     })),
@@ -245,6 +250,6 @@ var InputNumber = /*#__PURE__*/forwardRef(function (props, ref) {
     }, []),
     ref: inputRef
   }, omit(htmlInputProps, ['disabled', 'size', 'onInput', 'onKeyDown', 'onKeyUp', 'size', 'onChange', 'style', 'className', 'type', 'name', 'prefix', 'readOnly', 'maxLength', 'minLength']))));
-});
+}));
 InputNumber.displayName = 'ElInputNumber';
-export default /*#__PURE__*/memo(InputNumber);
+export default InputNumber;

package/dist/Loading/Loading.d.ts

@@ -1,9 +1,14 @@
-import { FC } from 'react';
+import { FC, RefObject } from 'react';
 import { LoadingProps, LoadingService } from './typings';
+export declare class Main {
+    ref: RefObject<any>;
+    root: any;
+    constructor(props: LoadingProps);
+    render(props: LoadingProps): void;
+}
 declare const Loading: CompInterface;
 interface CompInterface extends FC<LoadingProps> {
     displayName?: string;
-    defaultProps?: Partial<LoadingProps>;
     service: LoadingService;
 }
 export default Loading;