@qsxy/element-plus-react 1.0.0-next.1 → 1.0.0-next.2

package/dist/Dialog/Dialog.js

@@ -47,10 +47,10 @@ var import_DialogHeader = __toESM(require("./DialogHeader"));
 var import_useDraggable = require("./useDraggable");
 function InternalElDialog(props, ref) {
   const {
-    modal,
+    modal = true,
     closeOnClickModal = true,
     width = "50%",
-    overflow,
+    overflow = false,
     title,
     showClose,
     border,
@@ -136,6 +136,7 @@ function InternalElDialog(props, ref) {
     /* @__PURE__ */ import_react.default.createElement(
       import_Transition.Transition,
       {
+        nodeRef: wrapperRef,
         visible,
         transitionAppear: true,
         unmountOnExit: props.unmountOnExit || !draggable,
@@ -202,10 +203,6 @@ function InternalElDialog(props, ref) {
 }
 var Comp = (0, import_react.memo)((0, import_react.forwardRef)(InternalElDialog));
 var Dialog = Comp;
-Dialog.defaultProps = {
-  modal: true,
-  overflow: false
-};
 Dialog.body = import_DialogBody.default;
 Dialog.footer = import_DialogFooter.default;
 Dialog.displayName = "ElDialog";

package/dist/Dialog/DialogBody.js

@@ -57,7 +57,4 @@ var DialogBody = (0, import_react.memo)(
   })
 );
 DialogBody.displayName = "ElDialogBody";
-DialogBody.defaultProps = {
-  padding: "0 20px"
-};
 var DialogBody_default = DialogBody;

package/dist/Dialog/DialogHeader.js

@@ -39,15 +39,12 @@ var import_hooks = require("../hooks");
 var import_DialogContext = require("./DialogContext");
 var DialogHeader = (0, import_react.memo)(
   (0, import_react.forwardRef)((props, ref) => {
-    const { showClose, classPrefix = "dialog", border } = props;
+    const { showClose = true, classPrefix = "dialog", border } = props;
     const { e, is } = (0, import_hooks.useClassNames)(classPrefix);
     const { doClose, center } = (0, import_react.useContext)(import_DialogContext.DialogContext);
     const isString = (0, import_react.useMemo)(() => typeof props.children === "string", [props.children]);
     return /* @__PURE__ */ import_react.default.createElement("div", { ref, className: (0, import_classnames.default)(e`header`, is({ border }), { "show-close": showClose }, props.headerClass) }, isString ? /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement("div", { className: e`title`, style: center ? { textAlign: "center" } : {} }, props.children), showClose && /* @__PURE__ */ import_react.default.createElement("button", { className: e`headerbtn`, onClick: doClose }, /* @__PURE__ */ import_react.default.createElement(import_Icon.Icon, { name: "xmark", className: e`close` }))) : props.children);
   })
 );
-DialogHeader.defaultProps = {
-  showClose: true
-};
 DialogHeader.displayName = "ElDialogHeader";
 var DialogHeader_default = DialogHeader;

package/dist/Divider/Divider.js

@@ -36,17 +36,12 @@ var import_classnames = __toESM(require("classnames"));
 var import_react = __toESM(require("react"));
 var import_hooks = require("../hooks");
 var Divider = (props) => {
-  const { direction, borderStyle, contentPosition, classPrefix = "divider" } = props;
+  const { direction = "horizontal", borderStyle = "solid", contentPosition = "left", classPrefix = "divider" } = props;
   const { b, m, e, is } = (0, import_hooks.useClassNames)(classPrefix);
   return (
     // @ts-ignore
     /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)(b(), m(direction), props.className), style: { ...props.style, "--el-border-style": borderStyle } }, props.children && /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)(e`text`, is(contentPosition)), style: props.textStyle }, props.children))
   );
 };
-Divider.defaultProps = {
-  direction: "horizontal",
-  borderStyle: "solid",
-  contentPosition: "left"
-};
 Divider.displayName = "Divider";
 var Divider_default = (0, import_react.memo)(Divider);

package/dist/Drawer/Drawer.js

@@ -44,6 +44,14 @@ var import_DrawerContext = require("./DrawerContext");
 var import_DrawerFooter = __toESM(require("./DrawerFooter"));
 var import_DrawerHeader = __toESM(require("./DrawerHeader"));
 function InternalComp(props, ref) {
+  props = (0, import_Util.mergeDefaultProps)(
+    {
+      placement: "right",
+      backdrop: true,
+      size: "small"
+    },
+    props
+  );
   const { backdrop, size, placement, children, onClose, classPrefix = "drawer" } = props;
   const { b, wb } = (0, import_hooks.useClassNames)(classPrefix);
   const [visible, setVisible, isControlled] = (0, import_hooks.useControlled)(props.visible, props.defaultVisible);
@@ -80,6 +88,7 @@ function InternalComp(props, ref) {
     /* @__PURE__ */ import_react.default.createElement(
       import_Transition.Transition,
       {
+        nodeRef: backdropRef,
         visible,
         transitionAppear: true,
         unmountOnExit: true,
@@ -98,6 +107,7 @@ function InternalComp(props, ref) {
     /* @__PURE__ */ import_react.default.createElement(
       import_Transition.Transition,
       {
+        nodeRef: ref || wrapperRef,
         visible,
         transitionAppear: true,
         unmountOnExit: true,
@@ -124,11 +134,6 @@ function InternalComp(props, ref) {
 }
 var Comp = (0, import_react.forwardRef)(InternalComp);
 var Drawer = Comp;
-Drawer.defaultProps = {
-  placement: "right",
-  backdrop: true,
-  size: "small"
-};
 Drawer.Header = import_DrawerHeader.default;
 Drawer.Body = import_DrawerBody.default;
 Drawer.Footer = import_DrawerFooter.default;

package/dist/Drawer/DrawerBody.js

@@ -38,7 +38,7 @@ var import_react = __toESM(require("react"));
 var import_Scrollbar = require("../Scrollbar");
 var import_hooks = require("../hooks");
 var DrawerBody = (0, import_react.forwardRef)((props, ref) => {
-  const { classPrefix = "drawer-body", padding } = props;
+  const { classPrefix = "drawer-body", padding = "0 20px" } = props;
   const { b } = (0, import_hooks.useClassNames)(classPrefix);
   const scrollbarInstance = (0, import_react.useRef)(null);
   const resizeFn = (0, import_debounce.default)(
@@ -57,7 +57,4 @@ var DrawerBody = (0, import_react.forwardRef)((props, ref) => {
   return /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)(b(), props.className), ref, style: props.style }, /* @__PURE__ */ import_react.default.createElement(import_Scrollbar.Scrollbar, { ref: scrollbarInstance }, /* @__PURE__ */ import_react.default.createElement("div", { style: { padding } }, props.children)));
 });
 DrawerBody.displayName = "DrawerBody";
-DrawerBody.defaultProps = {
-  padding: "0 20px"
-};
 var DrawerBody_default = DrawerBody;

package/dist/Drawer/DrawerHeader.js

@@ -38,7 +38,7 @@ var import_Icon = require("../Icon");
 var import_hooks = require("../hooks");
 var import_DrawerContext = require("./DrawerContext");
 var DrawerHeader = (props) => {
-  const { closeButton, onClose: onCloseHeader, classPrefix = "drawer", border } = props;
+  const { closeButton = true, onClose: onCloseHeader, classPrefix = "drawer", border } = props;
   const { b, is } = (0, import_hooks.useClassNames)(classPrefix);
   const { setVisible, isControlled, onClose } = (0, import_react.useContext)(import_DrawerContext.DrawerContext);
   const handleCloseDialog = (0, import_react.useCallback)(() => {
@@ -51,8 +51,5 @@ var DrawerHeader = (props) => {
   }, [isControlled, onClose, onCloseHeader, setVisible]);
   return /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)(b`header`, props.className, is({ border })), style: props.style }, /* @__PURE__ */ import_react.default.createElement("h4", { className: b`title`, style: props.titleStyle }, props.children), closeButton && /* @__PURE__ */ import_react.default.createElement("span", { className: b`header-close`, onClick: handleCloseDialog }, /* @__PURE__ */ import_react.default.createElement(import_Icon.Icon, { name: "xmark" })));
 };
-DrawerHeader.defaultProps = {
-  closeButton: true
-};
 DrawerHeader.displayName = "DrawerHeader";
 var DrawerHeader_default = DrawerHeader;

package/dist/Dropdown/Dropdown.js

@@ -35,9 +35,20 @@ module.exports = __toCommonJS(Dropdown_exports);
 var import_classnames = __toESM(require("classnames"));
 var import_react = __toESM(require("react"));
 var import_Tooltip = __toESM(require("../Tooltip/Tooltip"));
+var import_Util = require("../Util");
 var import_hooks = require("../hooks");
 var import_DropdownContext = require("./DropdownContext");
 var Dropdown = (props) => {
+  props = (0, import_Util.mergeDefaultProps)(
+    {
+      hideOnClick: true,
+      showArrow: true,
+      showTimeout: 0,
+      hideTimeout: 100,
+      trigger: "hover"
+    },
+    props
+  );
   const {
     menu,
     classPrefix = "dropdown",
@@ -94,12 +105,5 @@ var Dropdown = (props) => {
     }
   ));
 };
-Dropdown.defaultProps = {
-  hideOnClick: true,
-  showArrow: true,
-  showTimeout: 0,
-  hideTimeout: 100,
-  trigger: "hover"
-};
 Dropdown.displayName = "Dropdown";
 var Dropdown_default = Dropdown;

package/dist/Empty/Empty.js

@@ -37,7 +37,7 @@ var import_react = __toESM(require("react"));
 var import_hooks = require("../hooks");
 var import_ImgEmpty = __toESM(require("./ImgEmpty"));
 var Empty = (props) => {
-  const { image, imageSize, description } = props;
+  const { image, imageSize, description = "暂无数据" } = props;
   const { b, e } = (0, import_hooks.useClassNames)("empty");
   const imageStyle = (0, import_react.useMemo)(() => {
     return {
@@ -54,8 +54,5 @@ var Empty = (props) => {
     }
   ) : /* @__PURE__ */ import_react.default.createElement(import_ImgEmpty.default, null)), /* @__PURE__ */ import_react.default.createElement("div", { className: e`description` }, /* @__PURE__ */ import_react.default.createElement("p", null, description)), props.children ? /* @__PURE__ */ import_react.default.createElement("div", { className: e`bottom` }, props.children) : null);
 };
-Empty.defaultProps = {
-  description: "暂无数据"
-};
 Empty.displayName = "Empty";
 var Empty_default = Empty;

package/dist/Form/Form.js

@@ -35,6 +35,7 @@ module.exports = __toCommonJS(Form_exports);
 var import_classnames = __toESM(require("classnames"));
 var import_omit = __toESM(require("lodash/omit"));
 var import_react = __toESM(require("react"));
+var import_Util = require("../Util");
 var import_hooks = require("../hooks");
 var import_FieldContext = __toESM(require("./FieldContext"));
 var import_FormContext = __toESM(require("./FormContext"));
@@ -44,6 +45,15 @@ var import_useForm = __toESM(require("./useForm"));
 var import_useWatch = __toESM(require("./useWatch"));
 var import_valueUtil = require("./utils/valueUtil");
 var Form = (0, import_react.forwardRef)((props, ref) => {
+  props = (0, import_Util.mergeDefaultProps)(
+    {
+      inline: false,
+      cols: 0,
+      labelWidth: 120,
+      labelPosition: "right"
+    },
+    props
+  );
   const {
     colon,
     inline,
@@ -180,10 +190,4 @@ Form.Item = import_FormItem.default;
 Form.List = import_List.default;
 Form.useForm = import_useForm.default;
 Form.useWatch = import_useWatch.default;
-Form.defaultProps = {
-  inline: false,
-  cols: 0,
-  labelWidth: 120,
-  labelPosition: "right"
-};
 var Form_default = Form;

package/dist/Form/FormItem.js

@@ -377,13 +377,15 @@ var Field = class extends import_react.default.Component {
     };
     this.getValidateLable = () => {
       const { errorStyle, warningStyle } = this.props;
-      return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(import_Transition.Transition, { name: (0, import_classUtil.b)("slide-up"), visible: this.errors.length > 0, transitionAppear: true, unmountOnExit: true, display: "" }, /* @__PURE__ */ import_react.default.createElement("label", { className: import_classUtil.e`error`, style: errorStyle }, (0, import_head.default)(this.errors))), /* @__PURE__ */ import_react.default.createElement(import_Transition.Transition, { name: (0, import_classUtil.b)("slide-up"), visible: this.warnings.length > 0, transitionAppear: true, unmountOnExit: true, display: "" }, /* @__PURE__ */ import_react.default.createElement("label", { className: import_classUtil.e`warning`, style: warningStyle }, (0, import_head.default)(this.warnings))));
+      return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(import_Transition.Transition, { nodeRef: this.errorRef, name: (0, import_classUtil.b)("slide-up"), visible: this.errors.length > 0, transitionAppear: true, unmountOnExit: true, display: "" }, /* @__PURE__ */ import_react.default.createElement("label", { ref: this.errorRef, className: import_classUtil.e`error`, style: errorStyle }, (0, import_head.default)(this.errors))), /* @__PURE__ */ import_react.default.createElement(import_Transition.Transition, { nodeRef: this.warningRef, name: (0, import_classUtil.b)("slide-up"), visible: this.warnings.length > 0, transitionAppear: true, unmountOnExit: true, display: "" }, /* @__PURE__ */ import_react.default.createElement("label", { ref: this.warningRef, className: import_classUtil.e`warning`, style: warningStyle }, (0, import_head.default)(this.warnings))));
     };
     if (props.fieldContext) {
       const { getInternalHooks } = props.fieldContext;
       const { initEntityValue } = getInternalHooks(import_FieldContext.HOOK_MARK);
       initEntityValue(this);
     }
+    this.warningRef = (0, import_react.createRef)();
+    this.errorRef = (0, import_react.createRef)();
   }
   componentDidMount() {
     const { shouldUpdate, fieldContext } = this.props;

package/dist/Icon/Icon.js

@@ -38,7 +38,7 @@ var import_react = __toESM(require("react"));
 var import_hooks = require("../hooks");
 var Icon = (0, import_react.memo)(
   (0, import_react.forwardRef)((props, ref) => {
-    const { prefix, name, size, rotate, flip, spin, pulse, className, style, onClick, classPrefix = "icon", ...other } = props;
+    const { prefix = "far", name, size, rotate, flip, spin, pulse, className, style, onClick, classPrefix = "icon", ...other } = props;
     const { b } = (0, import_hooks.useClassNames)(classPrefix, "el");
     const hasFa = (0, import_startsWith.default)(name, "fa-");
     return /* @__PURE__ */ import_react.default.createElement(
@@ -59,8 +59,5 @@ var Icon = (0, import_react.memo)(
     );
   })
 );
-Icon.defaultProps = {
-  prefix: "far"
-};
 Icon.displayName = "ElIcon";
 var Icon_default = Icon;

package/dist/Input/Input.js

@@ -44,6 +44,16 @@ var import_InputGroup = __toESM(require("./InputGroup"));
 var import_InputRange = __toESM(require("./InputRange"));
 var import_TextArea = __toESM(require("./TextArea"));
 function InternalInput(props, ref) {
+  props = (0, import_Util.mergeDefaultProps)(
+    {
+      type: "text",
+      placeholder: "请输入",
+      clearable: true,
+      debounceTime: 200,
+      defaultValue: ""
+    },
+    props
+  );
   const {
     name,
     title,
@@ -277,12 +287,16 @@ function InternalInput(props, ref) {
           onInput: handleInput,
           onClick: props.onClick,
           onFocus: (event) => {
-            (0, import_dom_lib.addClass)(contentRef.current, is("focus"));
+            if (contentRef.current) {
+              (0, import_dom_lib.addClass)(contentRef.current, is("focus"));
+            }
             showClear(value);
             onFocus == null ? void 0 : onFocus.call(this, event);
           },
           onBlur: (event) => {
-            (0, import_dom_lib.removeClass)(contentRef.current, is("focus"));
+            if (contentRef.current) {
+              (0, import_dom_lib.removeClass)(contentRef.current, is("focus"));
+            }
             hideClear();
             onBlur == null ? void 0 : onBlur.call(this, event);
           },
@@ -380,12 +394,5 @@ var ForwardInput = (0, import_react.forwardRef)(InternalInput);
 var Input = ForwardInput;
 Input.TextArea = import_TextArea.default;
 Input.Range = import_InputRange.default;
-Input.defaultProps = {
-  type: "text",
-  placeholder: "请输入",
-  clearable: true,
-  debounceTime: 200,
-  defaultValue: ""
-};
 Input.displayName = "ElInput";
 var Input_default = Input;

package/dist/Input/InputRange.js

@@ -46,6 +46,17 @@ var import_hooks = require("../hooks");
 var import_prefix = require("../hooks/prefix");
 var import_InputGroup = __toESM(require("./InputGroup"));
 var InputRange = (0, import_react.forwardRef)((props, ref) => {
+  props = (0, import_Util.mergeDefaultProps)(
+    {
+      name: ["", ""],
+      startPlaceholder: "请输入",
+      endPlaceholder: "请输入",
+      type: "text",
+      clearable: true,
+      rangeSeparator: "到"
+    },
+    props
+  );
   const {
     name,
     clearable,
@@ -341,13 +352,5 @@ var InputRange = (0, import_react.forwardRef)((props, ref) => {
     return content;
   }
 });
-InputRange.defaultProps = {
-  name: ["", ""],
-  startPlaceholder: "请输入",
-  endPlaceholder: "请输入",
-  type: "text",
-  clearable: true,
-  rangeSeparator: "到"
-};
 InputRange.displayName = "InputRange";
 var InputRange_default = InputRange;

package/dist/Input/TextArea.js

@@ -34,8 +34,16 @@ __export(TextArea_exports, {
 module.exports = __toCommonJS(TextArea_exports);
 var import_classnames = __toESM(require("classnames"));
 var import_react = __toESM(require("react"));
+var import_Util = require("../Util");
 var import_hooks = require("../hooks");
 var TextArea = (0, import_react.forwardRef)((props, ref) => {
+  props = (0, import_Util.mergeDefaultProps)(
+    {
+      placeholder: "请输入",
+      style: { width: "100%" }
+    },
+    props
+  );
   const { name, title, error, placeholder, readOnly, plain, rows, classPrefix = "textarea", onFocus, onBlur, onChange, warning, maxLength, showWordLimit, ...rest } = props;
   const { b, m, e, is } = (0, import_hooks.useClassNames)(classPrefix);
   const [value, setValue] = (0, import_hooks.useControlled)(props.value, props.defaultValue);
@@ -110,9 +118,5 @@ var TextArea = (0, import_react.forwardRef)((props, ref) => {
     }
   ), maxLength && showWordLimit ? /* @__PURE__ */ import_react.default.createElement("span", { className: e`count` }, typeof value === "string" ? value.length : 0, " / ", maxLength) : null);
 });
-TextArea.defaultProps = {
-  placeholder: "请输入",
-  style: { width: "100%" }
-};
 TextArea.displayName = "TextArea";
 var TextArea_default = TextArea;

package/dist/InputNumber/InputNumber.js

@@ -44,6 +44,16 @@ var import_Input = require("../Input");
 var import_Util = require("../Util");
 var import_hooks = require("../hooks");
 var InputNumber = (0, import_react.forwardRef)((props, ref) => {
+  props = (0, import_Util.mergeDefaultProps)(
+    {
+      step: 1,
+      precision: 0,
+      max: Infinity,
+      min: -Infinity,
+      placeholder: "请输入"
+    },
+    props
+  );
   const {
     name,
     max: _maxProp,
@@ -220,12 +230,5 @@ var InputNumber = (0, import_react.forwardRef)((props, ref) => {
     }
   ));
 });
-InputNumber.defaultProps = {
-  step: 1,
-  precision: 0,
-  max: Infinity,
-  min: -Infinity,
-  placeholder: "请输入"
-};
 InputNumber.displayName = "ElInputNumber";
 var InputNumber_default = (0, import_react.memo)(InputNumber);

package/dist/Link/Link.js

@@ -37,7 +37,7 @@ var import_react = __toESM(require("react"));
 var import_Icon = require("../Icon");
 var import_hooks = require("../hooks");
 var Link = (0, import_react.forwardRef)((props, ref) => {
-  const { type, underline, disabled, className, style, classPrefix = "link", onClick, icon, ...rest } = props;
+  const { type = "default", underline, disabled, className, style, classPrefix = "link", onClick, icon, ...rest } = props;
   const { b, m, is } = (0, import_hooks.useClassNames)(classPrefix);
   return /* @__PURE__ */ import_react.default.createElement(
     "a",
@@ -58,7 +58,4 @@ var Link = (0, import_react.forwardRef)((props, ref) => {
   );
 });
 Link.displayName = "Link";
-Link.defaultProps = {
-  type: "default"
-};
 var Link_default = (0, import_react.memo)(Link);

package/dist/Loading/Loading.js

@@ -41,9 +41,10 @@ var import_Transition = require("../Transition");
 var import_Util = require("../Util");
 var import_hooks = require("../hooks");
 var Main = (props) => {
-  const { visible, text, fullscreen, spinner, background } = props;
+  const { visible, text, fullscreen = true, spinner, background } = props;
   const { b, is } = (0, import_hooks.useClassNames)("loading");
-  return /* @__PURE__ */ import_react.default.createElement(import_Transition.Transition, { name: "loading-fade", visible }, /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)(b`mask`, is({ fullscreen }), props.className), style: { ...props.style, background, zIndex: import_Util.PopupManager.nextZIndex() } }, /* @__PURE__ */ import_react.default.createElement("div", { className: b`spinner` }, spinner ? /* @__PURE__ */ import_react.default.createElement(import_Icon.Icon, { name: spinner, spin: true }) : /* @__PURE__ */ import_react.default.createElement("svg", { className: "circular", viewBox: "25 25 50 50" }, /* @__PURE__ */ import_react.default.createElement("circle", { className: "path", cx: "50", cy: "50", r: "20", fill: "none" })), text && /* @__PURE__ */ import_react.default.createElement("p", { className: b`text` }, text))));
+  const nodeRef = (0, import_react.useRef)(null);
+  return /* @__PURE__ */ import_react.default.createElement(import_Transition.Transition, { nodeRef, name: "loading-fade", visible }, /* @__PURE__ */ import_react.default.createElement("div", { ref: nodeRef, className: (0, import_classnames.default)(b`mask`, is({ fullscreen }), props.className), style: { ...props.style, background, zIndex: import_Util.PopupManager.nextZIndex() } }, /* @__PURE__ */ import_react.default.createElement("div", { className: b`spinner` }, spinner ? /* @__PURE__ */ import_react.default.createElement(import_Icon.Icon, { name: spinner, spin: true }) : /* @__PURE__ */ import_react.default.createElement("svg", { className: "circular", viewBox: "25 25 50 50" }, /* @__PURE__ */ import_react.default.createElement("circle", { className: "path", cx: "50", cy: "50", r: "20", fill: "none" })), text && /* @__PURE__ */ import_react.default.createElement("p", { className: b`text` }, text))));
 };
 var service = (props = {}) => {
   const { target = { current: document.body } } = props;
@@ -62,9 +63,6 @@ var Loading = (props) => {
   }
   return /* @__PURE__ */ import_react.default.createElement(Main, { ...props, visible });
 };
-Loading.defaultProps = {
-  fullscreen: true
-};
 Loading.service = service;
 Loading.displayName = "Loading";
 var Loading_default = Loading;

package/dist/Message/Message.js

@@ -41,6 +41,16 @@ var import_Util = require("../Util");
 var import_Constants = require("../config/Constants");
 var import_hooks = require("../hooks");
 var Message = (0, import_react.forwardRef)((props, ref) => {
+  props = (0, import_Util.mergeDefaultProps)(
+    {
+      duration: 3e3,
+      message: "",
+      showClose: true,
+      type: "info",
+      offset: 20
+    },
+    props
+  );
   const { classPrefix = "message", center, iconClass, showClose: closable, type, onClose, duration, message, immediate, userOnClose, afterLeave } = props;
   const { b, e, m, is } = (0, import_hooks.useClassNames)(classPrefix);
   const [visible, setVisible] = (0, import_react.useState)(false);
@@ -124,7 +134,7 @@ var Message = (0, import_react.forwardRef)((props, ref) => {
   }, [b, iconClass, type]);
   const closeIcon = (0, import_react.useMemo)(() => closable && /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)(e`closeBtn`, b("icon-close", false)), onClick: handleClose }), [closable, e, b, handleClose]);
   return (0, import_react_dom.createPortal)(
-    /* @__PURE__ */ import_react.default.createElement(import_Transition.Transition, { name: b("message-fade", false), visible, display: "flex", unmountOnExit: true, afterEnter: startTimer, afterLeave }, /* @__PURE__ */ import_react.default.createElement(
+    /* @__PURE__ */ import_react.default.createElement(import_Transition.Transition, { nodeRef: messageRef, name: b("message-fade", false), visible, display: "flex", unmountOnExit: true, afterEnter: startTimer, afterLeave }, /* @__PURE__ */ import_react.default.createElement(
       "div",
       {
         ref: messageRef,
@@ -145,11 +155,4 @@ var Message = (0, import_react.forwardRef)((props, ref) => {
     document.body
   );
 });
-Message.defaultProps = {
-  duration: 3e3,
-  message: "",
-  showClose: true,
-  type: "info",
-  offset: 20
-};
 var Message_default = (0, import_react.memo)(Message);

package/dist/MessageBox/Main.js

@@ -51,7 +51,9 @@ var Main = class {
           options: {
             ...options,
             afterLeave: () => {
-              root.unmount();
+              setTimeout(() => {
+                root.unmount();
+              }, 200);
             }
           },
           ...other,

package/dist/MessageBox/index.d.ts

@@ -2,8 +2,8 @@ import React from 'react';
 import { MessageBoxData, MessageBoxProps } from './typings';
 export declare const MessageBox: {
     (options?: MessageBoxProps): Promise<unknown>;
-    alert: (message: string | React.ReactElement, title: string | React.ReactElement | MessageBoxProps, options: MessageBoxProps) => Promise<MessageBoxData>;
-    confirm: (message: string | React.ReactElement, title: string | React.ReactElement | MessageBoxProps, options: MessageBoxProps) => Promise<MessageBoxData>;
-    prompt: (message: string | React.ReactElement, title: string | React.ReactElement | MessageBoxProps, options: MessageBoxProps) => Promise<MessageBoxData>;
+    alert: (message: string | React.ReactElement, title: string | React.ReactElement | MessageBoxProps, options?: MessageBoxProps) => Promise<MessageBoxData>;
+    confirm: (message: string | React.ReactElement, title: string | React.ReactElement | MessageBoxProps, options?: MessageBoxProps) => Promise<MessageBoxData>;
+    prompt: (message: string | React.ReactElement, title: string | React.ReactElement | MessageBoxProps, options?: MessageBoxProps) => Promise<MessageBoxData>;
 };
 export type { Action as MessageBoxAction, MessageBoxMethod, MessageBoxProps, MessageBoxRef } from './typings';

package/dist/MessageBox/index.js

@@ -41,7 +41,6 @@ var MESSAGE_BOX_DEFAULT_OPTS = {
 };
 var instanceFactory = (boxType) => {
   return (message, title, options) => {
-    const { distinguishCancelAndClose } = options;
     let titleOrOpts = "";
     if ((0, import_Util.isObject)(title)) {
       options = title;
@@ -51,6 +50,7 @@ var instanceFactory = (boxType) => {
     } else {
       titleOrOpts = title;
     }
+    const { distinguishCancelAndClose } = options ?? {};
     return new Promise((resolve, reject) => {
       new import_Main.default({
         boxType,

package/dist/Notification/Notification.js

@@ -40,6 +40,22 @@ var import_Util = require("../Util");
 var import_Constants = require("../config/Constants");
 var import_hooks = require("../hooks");
 var Notification = (0, import_react.forwardRef)((props, ref) => {
+  props = (0, import_Util.mergeDefaultProps)(
+    {
+      duration: 4500,
+      // default 4500
+      message: "",
+      onClose: null,
+      onClick: null,
+      afterLeave: null,
+      offset: 0,
+      // defaults 0
+      position: "top-right",
+      // default top-right
+      showClose: true
+    },
+    props
+  );
   const { iconClass, message, position, showClose, type, title, classPrefix = "notification", onClose, duration, onSuccess, afterLeave } = props;
   const { b, e } = (0, import_hooks.useClassNames)(classPrefix);
   const [visible, setVisible] = (0, import_react.useState)(false);
@@ -115,7 +131,7 @@ var Notification = (0, import_react.forwardRef)((props, ref) => {
   }, [b, iconClass, type]);
   const closeIcon = (0, import_react.useMemo)(() => showClose && /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)(e`closeBtn`, b("icon-close", false)), onClick: handleClose }), [showClose, e, b, handleClose]);
   return (0, import_react_dom.createPortal)(
-    /* @__PURE__ */ import_react.default.createElement(import_Transition.Transition, { name: b("notification-fade", false), visible, display: "flex", afterLeave }, /* @__PURE__ */ import_react.default.createElement(
+    /* @__PURE__ */ import_react.default.createElement(import_Transition.Transition, { nodeRef: notificationRef, name: b("notification-fade", false), visible, display: "flex", afterLeave }, /* @__PURE__ */ import_react.default.createElement(
       "div",
       {
         ref: notificationRef,
@@ -133,18 +149,5 @@ var Notification = (0, import_react.forwardRef)((props, ref) => {
     document.body
   );
 });
-Notification.defaultProps = {
-  duration: 4500,
-  // default 4500
-  message: "",
-  onClose: null,
-  onClick: null,
-  afterLeave: null,
-  offset: 0,
-  // defaults 0
-  position: "top-right",
-  // default top-right
-  showClose: true
-};
 Notification.displayName = "ElNotification";
 var Notification_default = Notification;

package/dist/Pagination/Pagination.js

@@ -37,11 +37,26 @@ var import_classnames = __toESM(require("classnames"));
 var import_react = __toESM(require("react"));
 var import_Button = require("../Button");
 var import_Icon = require("../Icon");
+var import_Util = require("../Util");
 var import_hooks = require("../hooks");
 var import_Options = __toESM(require("./Options"));
 var import_Pager = __toESM(require("./Pager"));
 var import_util = require("./util");
 var Pagination = (0, import_react.forwardRef)((props, ref) => {
+  props = (0, import_Util.mergeDefaultProps)(
+    {
+      defaultCurrent: 1,
+      total: 0,
+      defaultPageSize: 10,
+      hideOnSinglePage: false,
+      showPrevNextJumpers: true,
+      showQuickJumper: false,
+      showLessItems: false,
+      showTitle: true,
+      itemRender: (page, type, element) => element
+    },
+    props
+  );
   const {
     classPrefix = "pagination",
     className,
@@ -447,16 +462,5 @@ var Pagination = (0, import_react.forwardRef)((props, ref) => {
     )
   );
 });
-Pagination.defaultProps = {
-  defaultCurrent: 1,
-  total: 0,
-  defaultPageSize: 10,
-  hideOnSinglePage: false,
-  showPrevNextJumpers: true,
-  showQuickJumper: false,
-  showLessItems: false,
-  showTitle: true,
-  itemRender: (page, type, element) => element
-};
 Pagination.displayName = "Pagination";
 var Pagination_default = Pagination;