@qsxy/element-plus-react 1.0.0-next.15 → 1.0.0-next.16

package/dist/Button/Button.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 = ["active", "block", "plain", "round", "circle", "link", "text", "bg", "dashed", "className", "loading", "loadingIcon", "loadingSlot", "nativeType", "icon", "onClick"];
+var _excluded = ["active", "block", "plain", "round", "circle", "link", "text", "bg", "dashed", "className", "loading", "loadingIcon", "loadingSlot", "nativeType", "icon", "iconProps", "onClick"];
 var _this = this,
   _templateObject,
   _templateObject2;
@@ -54,6 +54,8 @@ var InternalButton = function InternalButton(props, ref) {
     nativeType = _props$nativeType === void 0 ? 'button' : _props$nativeType,
     _props$icon = props.icon,
     icon = _props$icon === void 0 ? false : _props$icon,
+    _props$iconProps = props.iconProps,
+    iconProps = _props$iconProps === void 0 ? {} : _props$iconProps,
     _onClick = props.onClick,
     rest = _objectWithoutProperties(props, _excluded);
   var disabled = useDisabled(groupDisabled !== null && groupDisabled !== void 0 ? groupDisabled : props.disabled);
@@ -127,9 +129,9 @@ var InternalButton = function InternalButton(props, ref) {
       }
       (_e$currentTarget = e.currentTarget) === null || _e$currentTarget === void 0 || _e$currentTarget.blur();
     }
-  }), loading && spin, icon && !loading && typeof icon === 'string' ? /*#__PURE__*/React.createElement(Icon, {
+  }), loading && spin, icon && !loading && typeof icon === 'string' ? /*#__PURE__*/React.createElement(Icon, _extends({
     name: icon
-  }) : null, children);
+  }, iconProps)) : null, children);
 };
 var Comp = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(InternalButton));
 var Button = Comp;

package/dist/Button/typings.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { IconName } from '../Icon';
+import { IconName, IconProps } from '../Icon';
 import { BaseProps, NativeProps, TypeAttributes } from '../types/common';
 export interface ButtonProps extends Omit<React.AllHTMLAttributes<HTMLElement>, 'loading' | 'size' | 'icon' | 'style' | 'children'>, BaseProps, NativeProps<'--el-button-bg-color' | '--el-button-border-style' | '--el-button-text-color' | '--el-button-border-color' | '--el-button-hover-bg-color' | '--el-button-active-border-color' | '--el-button-active-bg-color' | '--el-button-active-color' | '--el-button-hover-text-color' | '--el-button-hover-border-color' | '--el-button-hover-link-text-color' | '--el-button-active-text-color' | '--el-button-disabled-text-color' | '--el-button-disabled-bg-color' | '--el-button-disabled-border-color' | '--el-button-divide-border-color' | '--el-button-outline-color' | '--el-button-border-radius-round'> {
     /** 尺寸 */
@@ -34,6 +34,8 @@ export interface ButtonProps extends Omit<React.AllHTMLAttributes<HTMLElement>,
     dark?: boolean;
     /** 自定义图标 */
     icon?: IconName | boolean;
+    /** 自定义图标设置 */
+    iconProps?: Omit<IconProps, 'name'>;
     /** 自定义颜色 */
     color?: string;
     /** Format button to appear inside a content bloc */

package/dist/ColorPicker/AlphaSlider.d.ts

@@ -8,12 +8,5 @@ interface Props {
 export interface AlphaSliderRef {
     update: () => void;
 }
-/**
- * @author	Parker
- * @CreateTime	2022/5/14 18:16:52
- * @LastEditor	Parker
- * @ModifyTime	2022/5/14 22:17:13
- * @Description	Element Plus 颜色选择器组件魔改过来的，源代码见：https://github.com/element-plus/element-plus
- */
 declare const AlphaSlider: React.ForwardRefExoticComponent<Props & React.RefAttributes<AlphaSliderRef>>;
 export default AlphaSlider;

package/dist/ColorPicker/AlphaSlider.js

@@ -12,13 +12,6 @@ import React, { forwardRef, useCallback, useImperativeHandle, useRef, useState }
 import { useClassNames } from "../hooks";
 import draggable from "./draggable";
 import { getClientXY } from "./util";
-/**
- * @author	Parker
- * @CreateTime	2022/5/14 18:16:52
- * @LastEditor	Parker
- * @ModifyTime	2022/5/14 22:17:13
- * @Description	Element Plus 颜色选择器组件魔改过来的，源代码见：https://github.com/element-plus/element-plus
- */
 var AlphaSlider = /*#__PURE__*/forwardRef(function (props, ref) {
   var color = props.color,
     vertical = props.vertical,

package/dist/ColorPicker/HueSlider.d.ts

@@ -8,12 +8,5 @@ interface Props {
 export interface HueSliderRef {
     update: () => void;
 }
-/**
- * @author	Parker
- * @CreateTime	2022/5/14 16:16:37
- * @LastEditor	Parker
- * @ModifyTime	2022/11/20 11:55:00
- * @Description	Element Plus 颜色选择器组件魔改过来的，源代码见：https://github.com/element-plus/element-plus
- */
 declare const HueSlider: React.ForwardRefExoticComponent<Props & React.RefAttributes<HueSliderRef>>;
 export default HueSlider;

package/dist/ColorPicker/HueSlider.js

@@ -12,13 +12,6 @@ import React, { forwardRef, useCallback, useImperativeHandle, useRef, useState }
 import { useClassNames } from "../hooks";
 import draggable from "./draggable";
 import { getClientXY } from "./util";
-/**
- * @author	Parker
- * @CreateTime	2022/5/14 16:16:37
- * @LastEditor	Parker
- * @ModifyTime	2022/11/20 11:55:00
- * @Description	Element Plus 颜色选择器组件魔改过来的，源代码见：https://github.com/element-plus/element-plus
- */
 var HueSlider = /*#__PURE__*/forwardRef(function (props, ref) {
   var color = props.color,
     vertical = props.vertical,

package/dist/ColorPicker/Predefine.d.ts

@@ -8,12 +8,5 @@ interface Props {
 export interface PredefineRef {
     update: () => void;
 }
-/**
- * @author	Parker
- * @CreateTime	2022/5/14 19:24:19
- * @LastEditor	Parker
- * @ModifyTime	2025/2/22 19:59:12
- * @Description	Element Plus 颜色选择器组件魔改过来的，源代码见：https://github.com/element-plus/element-plus
- */
 declare const Predefine: React.ForwardRefExoticComponent<Props & React.RefAttributes<PredefineRef>>;
 export default Predefine;

package/dist/ColorPicker/Predefine.js

@@ -11,13 +11,6 @@ import classNames from 'classnames';
 import React, { forwardRef, useCallback, useImperativeHandle, useState } from 'react';
 import { useClassNames } from "../hooks";
 import { parseColors } from "./util";
-/**
- * @author	Parker
- * @CreateTime	2022/5/14 19:24:19
- * @LastEditor	Parker
- * @ModifyTime	2025/2/22 19:59:12
- * @Description	Element Plus 颜色选择器组件魔改过来的，源代码见：https://github.com/element-plus/element-plus
- */
 var Predefine = /*#__PURE__*/forwardRef(function (props, ref) {
   var color = props.color,
     colors = props.colors,

package/dist/ColorPicker/SvPanel.d.ts

@@ -7,12 +7,5 @@ interface Props {
 export interface SvPanelRef {
     update: () => void;
 }
-/**
- * @author	Parker
- * @CreateTime	2022/5/14 16:16:37
- * @LastEditor	Parker
- * @ModifyTime	2022/11/20 11:54:52
- * @Description	Element Plus 颜色选择器组件魔改过来的，源代码见：https://github.com/element-plus/element-plus
- */
 declare const SvPanel: React.ForwardRefExoticComponent<Props & React.RefAttributes<SvPanelRef>>;
 export default SvPanel;

package/dist/ColorPicker/SvPanel.js

@@ -11,13 +11,6 @@ import React, { forwardRef, useCallback, useImperativeHandle, useRef, useState }
 import { useClassNames } from "../hooks";
 import draggable from "./draggable";
 import { getClientXY } from "./util";
-/**
- * @author	Parker
- * @CreateTime	2022/5/14 16:16:37
- * @LastEditor	Parker
- * @ModifyTime	2022/11/20 11:54:52
- * @Description	Element Plus 颜色选择器组件魔改过来的，源代码见：https://github.com/element-plus/element-plus
- */
 var SvPanel = /*#__PURE__*/forwardRef(function (props, ref) {
   var color = props.color,
     onChange = props.onChange;

package/dist/DateTimePicker/DateTimePicker.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { DateTimePickerRef } from './typings';
-declare const DateTimePicker: React.MemoExoticComponent<React.ForwardRefExoticComponent<Omit<import("..").DatePickerProps, "name" | "type"> & {
+declare const DateTimePicker: React.MemoExoticComponent<React.ForwardRefExoticComponent<Omit<import("..").DatePickerProps, "type" | "name"> & {
     name?: string;
     onClear?: (event?: any) => void;
     defaultTime?: Date;

package/dist/Descriptions/Descriptions.d.ts

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

package/dist/Descriptions/Descriptions.js

@@ -11,7 +11,7 @@ import React, { cloneElement, forwardRef, memo, useCallback, useMemo } from 'rea
 import { useChildrenInstance, useClassNames } from "../hooks";
 import { DescriptionsContext } from "./DescriptionsContext";
 import DescriptionsRow from "./DescriptionsRow";
-var Descriptions = /*#__PURE__*/forwardRef(function (props, ref) {
+var Descriptions = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function (props, ref) {
   var border = props.border,
     _props$column = props.column,
     column = _props$column === void 0 ? 3 : _props$column,
@@ -31,7 +31,7 @@ var Descriptions = /*#__PURE__*/forwardRef(function (props, ref) {
     is = _useClassNames.is;
 
   /** 获取子组件 */
-  var getChildInstance = useChildrenInstance('DescriptionsItem');
+  var getChildInstance = useChildrenInstance('ElDescriptionsItem');
   var filledNode = useCallback(function (node, span, count) {
     var isLast = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
     if (span > count) {
@@ -102,11 +102,12 @@ var Descriptions = /*#__PURE__*/forwardRef(function (props, ref) {
     className: classNames(e(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["table"]))), is({
       bordered: border
     }))
-  }, /*#__PURE__*/React.createElement("tbody", null, rows.map(function (row) {
+  }, /*#__PURE__*/React.createElement("tbody", null, rows.map(function (row, index) {
     return /*#__PURE__*/React.createElement(DescriptionsRow, {
+      key: index,
       row: row
     });
   }))))));
-});
-Descriptions.displayName = 'Descriptions';
-export default /*#__PURE__*/memo(Descriptions);
+}));
+Descriptions.displayName = 'ElDescriptions';
+export default Descriptions;

package/dist/Descriptions/DescriptionsCell.d.ts

@@ -4,16 +4,15 @@ interface Props {
     cell: React.ReactElement<DescriptionsItemProps>;
     tag: string;
     type: string;
+    _key: string;
 }
-declare const _default: React.MemoExoticComponent<{
-    ({ cell, tag, type }: Props): React.ReactElement<{
-        style: {
-            width: string | number;
-            minWidth: string | number;
-        };
-        className: string;
-        colSpan: number;
-    }, string | React.JSXElementConstructor<any>>;
-    displayName: string;
-}>;
-export default _default;
+declare const DescriptionsCell: React.MemoExoticComponent<({ cell, tag, type, _key }: Props) => React.ReactElement<{
+    key: string;
+    style: {
+        width: string | number;
+        minWidth: string | number;
+    };
+    className: string;
+    colSpan: number;
+}, string | React.JSXElementConstructor<any>>>;
+export default DescriptionsCell;

package/dist/Descriptions/DescriptionsCell.js

@@ -8,13 +8,15 @@ import classNames from 'classnames';
 import { createElement, memo, useContext, useMemo } from 'react';
 import { useClassNames } from "../hooks";
 import { DescriptionsContext } from "./DescriptionsContext";
-var DescriptionsCell = function DescriptionsCell(_ref) {
+var DescriptionsCell = /*#__PURE__*/memo(function (_ref) {
   var cell = _ref.cell,
     tag = _ref.tag,
-    type = _ref.type;
+    type = _ref.type,
+    _key = _ref._key;
   var _cell$props = cell.props,
     label = _cell$props.label,
-    span = _cell$props.span,
+    _cell$props$span = _cell$props.span,
+    span = _cell$props$span === void 0 ? 1 : _cell$props$span,
     align = _cell$props.align,
     labelAlign = _cell$props.labelAlign,
     className = _cell$props.className,
@@ -40,6 +42,7 @@ var DescriptionsCell = function DescriptionsCell(_ref) {
   switch (type) {
     case 'label':
       return /*#__PURE__*/createElement(tag, {
+        key: _key,
         style: style,
         className: classNames(e(_templateObject || (_templateObject = _taggedTemplateLiteral(["cell"]))), e(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["label"]))), is(_defineProperty({
           'bordered-label': border,
@@ -49,6 +52,7 @@ var DescriptionsCell = function DescriptionsCell(_ref) {
       }, label);
     case 'content':
       return /*#__PURE__*/createElement(tag, {
+        key: _key,
         style: style,
         className: classNames(e(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["cell"]))), e(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["content"]))), is(_defineProperty({
           'bordered-label': border,
@@ -58,15 +62,18 @@ var DescriptionsCell = function DescriptionsCell(_ref) {
       }, children);
     default:
       return /*#__PURE__*/createElement('td', {
+        key: _key,
         style: style,
         className: classNames(e(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["cell"]))), is(_defineProperty({}, align, align))),
         colSpan: span
       }, [/*#__PURE__*/createElement('span', {
+        key: _key + '1',
         className: classNames(e(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["label"]))), labelClassName)
       }, label), /*#__PURE__*/createElement('span', {
+        key: _key + '2',
         className: classNames(e(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["content"]))), className)
       }, children)]);
   }
-};
-DescriptionsCell.displayName = 'DescriptionsCell';
-export default /*#__PURE__*/memo(DescriptionsCell);
+});
+DescriptionsCell.displayName = 'ElDescriptionsCell';
+export default DescriptionsCell;

package/dist/Descriptions/DescriptionsItem.js

@@ -2,5 +2,5 @@
 var DescriptionsItem = function DescriptionsItem(props) {
   return null;
 };
-DescriptionsItem.displayName = 'DescriptionsItem';
+DescriptionsItem.displayName = 'ElDescriptionsItem';
 export default DescriptionsItem;

package/dist/Descriptions/DescriptionsRow.d.ts

@@ -3,8 +3,5 @@ import { DescriptionsItemProps } from './typings';
 interface Props {
     row: React.ReactElement<DescriptionsItemProps>[];
 }
-declare const _default: React.MemoExoticComponent<{
-    ({ row }: Props): React.JSX.Element;
-    displayName: string;
-}>;
-export default _default;
+declare const DescriptionsRow: React.MemoExoticComponent<({ row }: Props) => React.JSX.Element>;
+export default DescriptionsRow;

package/dist/Descriptions/DescriptionsRow.js

@@ -1,7 +1,7 @@
 import React, { Fragment, memo, useContext } from 'react';
 import DescriptionsCell from "./DescriptionsCell";
 import { DescriptionsContext } from "./DescriptionsContext";
-var DescriptionsRow = function DescriptionsRow(_ref) {
+var DescriptionsRow = /*#__PURE__*/memo(function (_ref) {
   var row = _ref.row;
   var _useContext = useContext(DescriptionsContext),
     direction = _useContext.direction,
@@ -9,6 +9,7 @@ var DescriptionsRow = function DescriptionsRow(_ref) {
   return direction === 'vertical' ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("tr", null, row.map(function (cell, index) {
     return /*#__PURE__*/React.createElement(DescriptionsCell, {
       key: "tr1-".concat(index),
+      _key: "tr1-".concat(index),
       cell: cell,
       tag: "th",
       type: "label"
@@ -16,6 +17,7 @@ var DescriptionsRow = function DescriptionsRow(_ref) {
   })), /*#__PURE__*/React.createElement("tr", null, row.map(function (cell, index) {
     return /*#__PURE__*/React.createElement(DescriptionsCell, {
       key: "tr2-".concat(index),
+      _key: "tr2-".concat(index),
       cell: cell,
       tag: "td",
       type: "content"
@@ -24,20 +26,25 @@ var DescriptionsRow = function DescriptionsRow(_ref) {
     return border ? /*#__PURE__*/React.createElement(Fragment, {
       key: "tr1-".concat(index)
     }, /*#__PURE__*/React.createElement(DescriptionsCell, {
+      key: "tr1-".concat(index, "-label"),
+      _key: "tr1-".concat(index, "-label"),
       cell: cell,
       tag: "th",
       type: "label"
     }), /*#__PURE__*/React.createElement(DescriptionsCell, {
+      key: "tr1-".concat(index, "-content"),
+      _key: "tr1-".concat(index, "-content"),
       cell: cell,
       tag: "th",
       type: "content"
     })) : /*#__PURE__*/React.createElement(DescriptionsCell, {
       key: "tr3-".concat(index),
+      _key: "tr3-".concat(index),
       cell: cell,
       tag: "th",
       type: "both"
     });
   }));
-};
-DescriptionsRow.displayName = 'DescriptionsRow';
-export default /*#__PURE__*/memo(DescriptionsRow);
+});
+DescriptionsRow.displayName = 'ElDescriptionsRow';
+export default DescriptionsRow;

package/dist/Drawer/typings.d.ts

@@ -7,13 +7,13 @@ export interface DrawerProps extends AnimationEventProps, BaseProps, NativeProps
     defaultVisible?: boolean;
     /** 当设置为 true，Drawer 打开时会显示背景，点击背景会关闭 Drawer，如果不想关闭 Drawer，可以设置为 'static' */
     modal?: boolean;
-    /** 是否可以通过点击 modal 关闭 Dialog */
+    /** 是否可以通过点击 modal 关闭 Drawer */
     closeOnClickModal?: boolean;
-    /** 是否在 Dialog 出现时将 body 滚动锁定 */
+    /** 是否在 Drawer 出现时将 body 滚动锁定 */
     lockScroll?: boolean;
     /** 应用于 backdrop DOM 节点的 css class */
     modalClassName?: string;
-    /** Dialog 对话框 Dialog 的标题， 也可通过ElDialog.header传入 */
+    /** Drawer 对话框 Drawer 的标题 */
     title?: string | React.ReactElement;
     /** 控制是否显示 header 栏, 默认为 true, 当此项为 false 时, title 属性不生效 */
     withHeader?: boolean;
@@ -25,21 +25,21 @@ export interface DrawerProps extends AnimationEventProps, BaseProps, NativeProps
     size?: number | string;
     /** 设置 Drawer 显示的位置 */
     direction?: 'top' | 'bottom' | 'right' | 'left';
-    /** Dialog 打开的回调 */
+    /** Drawer 打开的回调 */
     onOpen?: () => void;
-    /** Dialog 打开动画结束时的回调 */
+    /** Drawer 打开动画结束时的回调 */
     onOpened?: () => void;
-    /** Dialog 关闭的回调 */
+    /** Drawer 关闭的回调 */
     onClose?: () => void;
-    /** Dialog 关闭动画结束时的回调 */
+    /** Drawer 关闭动画结束时的回调 */
     onClosed?: () => void;
     /** 关闭弹窗函数 */
     close: () => void;
-    /** 关闭前的回调，会暂停 Dialog 的关闭. 回调函数内执行 done 参数方法的时候才是真正关闭对话框的时候. */
-    beforeClose?: DialogBeforeCloseFn;
+    /** 关闭前的回调，会暂停 Drawer 的关闭. 回调函数内执行 done 参数方法的时候才是真正关闭对话框的时候. */
+    beforeClose?: DrawerBeforeCloseFn;
 }
 type DoneFn = (cancel?: boolean) => void;
-export type DialogBeforeCloseFn = (done: DoneFn) => void;
+export type DrawerBeforeCloseFn = (done: DoneFn) => void;
 export interface DrawerHeaderProps extends BaseProps, NativeProps {
     /** 当设置为 true, 显示关闭按钮 */
     showClose?: boolean;

package/dist/Dropdown/Dropdown.js

@@ -1,5 +1,5 @@
 var _templateObject;
-var _excluded = ["menu", "classPrefix", "showTimeout", "hideTimeout", "offset", "trigger", "hideOnClick", "onClick", "visiblechange", "onEnter", "onMouseEnter", "onMouseLeave", "disabled"];
+var _excluded = ["menu", "classPrefix", "showTimeout", "hideTimeout", "offset", "trigger", "hideOnClick", "onClick", "onVisiblechange", "onEnter", "onMouseEnter", "onMouseLeave", "disabled"];
 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 _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
@@ -34,7 +34,7 @@ var Dropdown = /*#__PURE__*/forwardRef(function (props, ref) {
     trigger = _props.trigger,
     hideOnClick = _props.hideOnClick,
     onClick = _props.onClick,
-    visiblechange = _props.visiblechange,
+    onVisiblechange = _props.onVisiblechange,
     onEnter = _props.onEnter,
     onMouseEnter = _props.onMouseEnter,
     onMouseLeave = _props.onMouseLeave,
@@ -59,14 +59,14 @@ var Dropdown = /*#__PURE__*/forwardRef(function (props, ref) {
   /** 显示 */
   var handleMouseEnter = useCallback(function (event) {
     onMouseEnter === null || onMouseEnter === void 0 || onMouseEnter(event);
-    visiblechange === null || visiblechange === void 0 || visiblechange(true);
-  }, [onMouseEnter, visiblechange]);
+    onVisiblechange === null || onVisiblechange === void 0 || onVisiblechange(true);
+  }, [onMouseEnter, onVisiblechange]);
 
   /** 隐藏 */
   var handleMouseLeave = useCallback(function (event) {
     onMouseLeave === null || onMouseLeave === void 0 || onMouseLeave(event);
-    visiblechange === null || visiblechange === void 0 || visiblechange(false);
-  }, [onMouseLeave, visiblechange]);
+    onVisiblechange === null || onVisiblechange === void 0 || onVisiblechange(false);
+  }, [onMouseLeave, onVisiblechange]);
   useImperativeHandle(ref, function () {
     return {
       ref: containerRef,
@@ -101,5 +101,5 @@ var Dropdown = /*#__PURE__*/forwardRef(function (props, ref) {
     unmountOnExit: true
   }, popperProps, transitionProps)));
 });
-Dropdown.displayName = 'Dropdown';
+Dropdown.displayName = 'ElDropdown';
 export default Dropdown;

package/dist/Dropdown/DropdownItem.js

@@ -38,5 +38,5 @@ var DropdownItem = function DropdownItem(props) {
     }
   }, props.children));
 };
-DropdownItem.displayName = 'DropdownItem';
+DropdownItem.displayName = 'ElDropdownItem';
 export default DropdownItem;

package/dist/Dropdown/DropdownMenu.d.ts

@@ -1,4 +1,7 @@
-import { FC } from 'react';
+import React from 'react';
 import { DropdownMenuProps } from './typings';
-declare const DropdownMenu: FC<DropdownMenuProps>;
+declare const DropdownMenu: {
+    (props: DropdownMenuProps): React.JSX.Element;
+    displayName: string;
+};
 export default DropdownMenu;

package/dist/Dropdown/DropdownMenu.js

@@ -8,7 +8,8 @@ import { TooltipContext } from "../Tooltip/TooltipContext";
 import { useClassNames } from "../hooks";
 var DropdownMenu = function DropdownMenu(props) {
   var _props$classPrefix = props.classPrefix,
-    classPrefix = _props$classPrefix === void 0 ? 'dropdown' : _props$classPrefix;
+    classPrefix = _props$classPrefix === void 0 ? 'dropdown' : _props$classPrefix,
+    maxHeight = props.maxHeight;
   var _useClassNames = useClassNames(classPrefix),
     b = _useClassNames.b,
     e = _useClassNames.e;
@@ -17,7 +18,8 @@ var DropdownMenu = function DropdownMenu(props) {
     onMouseLeave = _useContext.onMouseLeave,
     trigger = _useContext.trigger;
   return /*#__PURE__*/React.createElement(Scrollbar, {
-    viewClass: e(_templateObject || (_templateObject = _taggedTemplateLiteral(["list"])))
+    viewClass: e(_templateObject || (_templateObject = _taggedTemplateLiteral(["list"]))),
+    height: maxHeight
   }, /*#__PURE__*/React.createElement("ul", {
     onMouseEnter: trigger === 'hover' ? onMouseEnter : noop,
     onMouseLeave: trigger === 'hover' ? onMouseLeave : noop,
@@ -25,5 +27,5 @@ var DropdownMenu = function DropdownMenu(props) {
     style: props.style
   }, props.children));
 };
-DropdownMenu.displayName = 'DropdownMenu';
+DropdownMenu.displayName = 'ElDropdownMenu';
 export default DropdownMenu;

package/dist/Dropdown/typings.d.ts

@@ -24,10 +24,12 @@ export interface DropdownProps extends BaseProps<React.ReactElement>, NativeProp
     /** 点击菜单项触发的事件回调 */
     onClick?: (command: string | number | object) => void;
     /** 下拉框出现/隐藏时触发: 出现则为 true，隐藏则为 false */
-    visiblechange?: (visible: boolean) => void;
+    onVisiblechange?: (visible: boolean) => void;
 }
 export interface DropdownMenuProps extends BaseProps, NativeProps {
     classPrefix?: string;
+    /** 菜单最大高度 */
+    maxHeight?: number;
 }
 /** Dropdown-Item 属性 */
 export interface DropdownItemProps extends BaseProps, NativeProps {

package/dist/MessageBox/MessageBox.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, _templateObject7, _templateObject8, _templateObject9, _templateObject10;
-var _excluded = ["title", "message", "type", "icon", "width", "callback", "showClose", "beforeClose", "showCancelButton", "showConfirmButton", "cancelButtonText", "cancelButtonClass", "confirmButtonClass", "buttonSize", "buttonPosition", "overflow", "showInput", "inputType", "inputPlaceholder", "inputPattern", "inputErrorMessage", "inputValidator", "distinguishCancelAndClose", "classPrefix", "className", "style", "padding"];
+var _excluded = ["title", "message", "type", "icon", "width", "callback", "showClose", "beforeClose", "showCancelButton", "showConfirmButton", "cancelButtonText", "cancelButtonClass", "confirmButtonClass", "buttonSize", "buttonPosition", "draggable", "overflow", "showInput", "inputType", "inputPlaceholder", "inputPattern", "inputErrorMessage", "inputValidator", "distinguishCancelAndClose", "classPrefix", "className", "style", "padding", "roundButton"];
 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; }
@@ -51,6 +51,7 @@ var MessageBox = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function (props, ref
     buttonSize = options.buttonSize,
     _options$buttonPositi = options.buttonPosition,
     buttonPosition = _options$buttonPositi === void 0 ? 'right' : _options$buttonPositi,
+    draggable = options.draggable,
     overflow = options.overflow,
     showInput = options.showInput,
     inputType = options.inputType,
@@ -64,6 +65,7 @@ var MessageBox = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function (props, ref
     className = options.className,
     style = options.style,
     padding = options.padding,
+    roundButton = options.roundButton,
     rest = _objectWithoutProperties(options, _excluded);
   var _useClassNames = useClassNames(classPrefix),
     e = _useClassNames.e,
@@ -220,6 +222,7 @@ var MessageBox = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function (props, ref
     ,
     style: _objectSpread(_objectSpread({}, style), {}, _defineProperty({}, "--".concat(namespace, "-messagebox-width"), addUnit(width))),
     modal: true,
+    draggable: draggable,
     overflow: overflow,
     showClose: showClose,
     title: title,
@@ -252,6 +255,7 @@ var MessageBox = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function (props, ref
   }, showCancelButton && /*#__PURE__*/React.createElement(Button, {
     className: cancelButtonClass,
     size: buttonSize,
+    round: roundButton,
     onClick: function onClick() {
       return handleAction('cancel');
     }
@@ -259,6 +263,7 @@ var MessageBox = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function (props, ref
     className: confirmButtonClass,
     type: "primary",
     size: buttonSize,
+    round: roundButton,
     loading: confirmButtonLoading,
     onClick: function onClick() {
       return handleAction('confirm');

package/dist/Notification/Notification.js

@@ -1,5 +1,7 @@
 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;
+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); }
@@ -144,12 +146,13 @@ var Notification = /*#__PURE__*/forwardRef(function (props, ref) {
     afterLeave: afterLeave
   }, /*#__PURE__*/React.createElement("div", {
     ref: notificationRef,
-    className: classNames(b(), position.indexOf('right') > 1 ? 'right' : 'left'),
-    style: _defineProperty(_defineProperty({}, verticalProperty, offset), "zIndex", PopupManager.nextZIndex())
+    className: classNames(b(), position.indexOf('right') > 1 ? 'right' : 'left', props.className),
+    style: _objectSpread(_defineProperty(_defineProperty({}, verticalProperty, offset), "zIndex", PopupManager.nextZIndex()), props.style)
     // 鼠标悬浮停止自动关闭
     ,
     onMouseEnter: clearTimer,
-    onMouseLeave: startTimer
+    onMouseLeave: startTimer,
+    onClick: props.onClick
   }, (type || iconClass) && /*#__PURE__*/React.createElement("i", {
     className: classNames(e(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["icon"]))), typeClass, iconClass)
   }), /*#__PURE__*/React.createElement("div", {

package/dist/Notification/index.d.ts

@@ -1,12 +1,4 @@
 import type { INotification, NotificationRef, Position } from './typings';
-/**
- * 通知组件
- * @author	Parker
- * @CreateTime	2022/3/10 12:45:48
- * @LastEditor	Parker
- * @ModifyTime	2022/5/3 13:43:28
- * @Description	Element Plus 通知组件魔改过来的，源代码见：https://github.com/element-plus/element-plus
- */
 export declare const Notification: INotification;
 /**
  *

package/dist/Notification/index.js

@@ -16,15 +16,6 @@ var notifications = {
 // the gap size between each notification
 var GAP_SIZE = 16;
 var seed = 1;
-
-/**
- * 通知组件
- * @author	Parker
- * @CreateTime	2022/3/10 12:45:48
- * @LastEditor	Parker
- * @ModifyTime	2022/5/3 13:43:28
- * @Description	Element Plus 通知组件魔改过来的，源代码见：https://github.com/element-plus/element-plus
- */
 export var Notification = function Notification(options) {
   var _ref$current, _ref$current2;
   var position = options.position || 'top-right';