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

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/InputNumber/typings.d.ts

@@ -4,28 +4,49 @@ import { BaseProps, FormControlBaseProps, NativeProps } from '../types/common';
 export type LiteralUnion<T extends U, U> = T | (U & {});
 export type ValueType = number | string;
 export interface InputNumberProps<V = ValueType> extends Omit<FormControlBaseProps<V>, 'onChange'>, BaseProps<HTMLDivElement>, NativeProps, Omit<React.AllHTMLAttributes<HTMLInputElement>, 'defaultValue' | 'size' | 'prefix' | 'type' | 'onInput' | 'onChange' | 'style' | 'value' | 'ref' | 'className' | 'readOnly' | 'disabled' | 'name' | 'children'> {
+    /** 设置计数器允许的最大值 */
     max?: number;
+    /** 设置计数器允许的最小值 */
     min?: number;
+    /** 计数器步长 */
     step?: number;
+    /** 是否只能输入 step 的倍数 */
     stepStrictly?: boolean;
+    /** 数值精度 */
     precision?: number;
+    /** 控制按钮位置 */
     controlsPositionRight?: boolean;
+    /** 占位符 */
     placeholder?: string;
+    /** 绑定值被改变时触发 */
     onChange?: (currentValue: number | string, oldValue?: number | string) => void;
+    /** 样式前缀 */
     prefixCls?: string;
+    /** 表单校验错误提示 */
     error?: boolean;
+    /** 表单校验警告提示 */
     warning?: boolean;
+    /** 输入框头部内容 */
     prefix?: React.ReactElement<any> | string | number;
+    /** 输入框尾部内容 */
     suffix?: React.ReactElement<any> | string | number;
+    /** 输入框前置内容 */
     prepend?: React.ReactElement<any> | string | number;
+    /** 输入框后置内容 */
     append?: React.ReactElement | string | number;
+    /** 最大输入长度 */
     maxLength?: number;
+    /** 原生属性，最小输入长度 */
     minLength?: number;
 }
 export interface InputNumberRef {
+    /** 顶级div */
     ref: Ref<HTMLDivElement>;
+    /** input */
     input: Ref<InputRef>;
     getValue: () => number;
+    /** 使 input 组件获得焦点 */
     focus: () => void;
+    /** 使 input 组件失去焦点 */
     blur: () => void;
 }

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/Link/typings.d.ts

@@ -2,10 +2,15 @@ import React from 'react';
 import { IconName } from '../Icon';
 import { BaseProps, NativeProps, TypeAttributes } from '../types/common';
 export type LinkType = TypeAttributes.Appearance;
-export interface LinkProps extends BaseProps, NativeProps, Omit<React.AllHTMLAttributes<HTMLAnchorElement>, 'type' | 'style' | 'children'> {
+export interface LinkProps extends BaseProps, NativeProps<'--el-link-font-size' | '--el-link-font-weight' | '--el-link-text-color' | '--el-link-hover-text-color' | '--el-link-disabled-text-color'>, Omit<React.AllHTMLAttributes<HTMLAnchorElement>, 'type' | 'style' | 'children'> {
+    /** 链接地址 */
     href?: string;
+    /** 链接类型 */
     type?: LinkType;
+    /** 是否下划线  */
     underline?: boolean;
+    /** 是否禁用状态  */
     disabled?: boolean;
+    /** 图标组件 */
     icon?: IconName;
 }

package/dist/Loading/Loading.js

@@ -33,6 +33,7 @@ __export(Loading_exports, {
 });
 module.exports = __toCommonJS(Loading_exports);
 var import_classnames = __toESM(require("classnames"));
+var import_dom_lib = require("dom-lib");
 var import_react = __toESM(require("react"));
 var import_react_dom = require("react-dom");
 var import_client = require("react-dom/client");
@@ -41,17 +42,27 @@ 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 { 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 { visible, text, fullscreen = true, spinner, background } = props;
+  const { b, is, bm } = (0, import_hooks.useClassNames)("loading");
+  const nodeRef = (0, import_react.useRef)(null);
+  (0, import_react.useEffect)(() => {
+    var _a;
+    if ((_a = nodeRef.current) == null ? void 0 : _a.parentNode) {
+      (0, import_dom_lib.addClass)(nodeRef.current.parentNode, bm("parent", "relative"));
+    }
+  }, []);
+  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;
-  const root = (0, import_client.createRoot)(document.body);
+  const renderDom = document.createDocumentFragment();
+  const root = (0, import_client.createRoot)(renderDom);
   root.render((0, import_react_dom.createPortal)(/* @__PURE__ */ import_react.default.createElement(Main, { ...props, visible: true }), target.current));
   return {
     close: () => {
-      root.unmount();
+      setTimeout(() => {
+        root.unmount();
+      }, 200);
     }
   };
 };
@@ -62,9 +73,6 @@ var Loading = (props) => {
   }
   return /* @__PURE__ */ import_react.default.createElement(Main, { ...props, visible });
 };
-Loading.defaultProps = {
-  fullscreen: true
-};
 Loading.service = service;
-Loading.displayName = "Loading";
+Loading.displayName = "ElLoading";
 var Loading_default = Loading;

package/dist/Loading/typings.d.ts

@@ -2,12 +2,17 @@ import { RefObject } from 'react';
 import { IconName } from '../Icon';
 import { BaseProps, NativeProps } from '../types/common';
 export interface LoadingProps extends BaseProps, NativeProps {
+    /** Loading 需要覆盖的 DOM 节点。 可传入一个 DOM 对象或字符串； 若传入字符串，则会将其作为参数传入 document.querySelector以获取到对应 DOM 节点 */
     target?: RefObject<HTMLElement>;
     visible?: boolean;
+    /** 是否让加载组件铺满整个屏幕 */
     fullscreen?: boolean;
     lock?: boolean;
+    /** 显示在加载图标下方的加载文案 */
     text?: string;
+    /** 自定义加载图标类名 */
     spinner?: IconName;
+    /** 遮罩背景色 */
     background?: string;
 }
 export type LoadingService = (props?: LoadingProps) => {

package/dist/Message/Main.d.ts

@@ -1,5 +1,12 @@
 import React from 'react';
 import { MessageProps, MessageRef } from './typings';
+/**
+ * @author	Parker
+ * @CreateTime	2022/5/2 21:15:44
+ * @LastEditor	Parker
+ * @ModifyTime	2022/5/3 12:09:53
+ * @Description
+ */
 export declare class Main {
     ref: React.RefObject<MessageRef>;
     constructor(props: MessageProps);

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/Message/index.d.ts

@@ -1,6 +1,14 @@
 import { RefObject } from 'react';
 import { MessageMethod, MessageQueue } from './typings';
 export declare const instances: MessageQueue;
+/**
+ * 消息提示组件
+ * @author	Parker
+ * @CreateTime	2022/3/10 12:45:48
+ * @LastEditor	Parker
+ * @ModifyTime	2022/5/3 12:10:04
+ * @Description	Element Plus 消息提示组件魔改过来的，源代码见：https://github.com/element-plus/element-plus
+ */
 export declare const Message: MessageMethod;
 export declare function close(id: string, userOnClose?: (el?: RefObject<HTMLElement>) => void): void;
 export declare function closeAll(): void;

package/dist/Message/typings.d.ts

@@ -6,15 +6,25 @@ export interface MessageHandle {
 }
 export interface MessageProps extends BaseProps, NativeProps, AnimationEventProps {
     id?: string;
+    /** 文字是否居中 */
     center?: boolean;
+    /** 显示时间，单位为毫秒。 设为 0 则不会自动关闭 */
     duration?: number;
+    /** 自定义图标 */
     iconClass?: string;
+    /** 消息文字 */
     message?: string | React.ReactElement;
+    /** Message 距离窗口顶部的偏移量 */
     offset?: number;
+    /** 关闭时的回调函数, 参数为被关闭的 message 实例 */
     onClose?: (el?: RefObject<HTMLElement>) => void;
+    /** 是否显示关闭按钮 */
     showClose?: boolean;
+    /** 消息类型 */
     type?: 'success' | 'warning' | 'info' | 'error' | '';
+    /** 是否立即执行onClose方法 */
     immediate?: boolean;
+    /** 合并内容相同的消息，不支持 VNode 类型的消息 */
     grouping?: boolean;
     userOnClose?: (el?: RefObject<HTMLElement>) => void;
 }
@@ -37,6 +47,7 @@ export interface MessageRef {
     message: string | React.ReactElement;
     close: () => void;
     setOffset: (val: number) => void;
+    /** 设置重复数量 */
     setReapetNum: () => void;
 }
 export type MessageQueue = Array<RefObject<MessageRef>>;

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/MessageBox.js

@@ -189,7 +189,7 @@ var MessageBox = (0, import_react.memo)(
         classPrefix,
         visible,
         className: (0, import_classnames.default)("is-message-box", className),
-        style: { ...style, [`--${import_prefix.globalKey}-messagebox-width`]: (0, import_Util.addUnit)(width) },
+        style: { ...style, [`--${import_prefix.namespace}-messagebox-width`]: (0, import_Util.addUnit)(width) },
         modal: true,
         overflow,
         showClose,

package/dist/MessageBox/index.d.ts

@@ -2,8 +2,22 @@ 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>;
+    /**
+     * 消息弹窗提示
+     * @param message 消息内容
+     * @param title 标题
+     * @param options 其他设置项
+     * @returns
+     */
+    alert: (message: string | React.ReactElement, title: string | React.ReactElement | MessageBoxProps, options?: MessageBoxProps) => Promise<MessageBoxData>;
+    /**
+     * 确认消息
+     * @param message 消息内容
+     * @param title 标题
+     * @param options 其他设置项
+     * @returns
+     */
+    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/MessageBox/typings.d.ts

@@ -3,37 +3,70 @@ import { DialogFooterProps, DialogProps } from '../Dialog/typings';
 import { IconName, IconProps } from '../Icon';
 import { AnimationEventProps, BaseProps, NativeProps, TypeAttributes } from '../types/common';
 export interface MessageBoxProps extends BaseProps, NativeProps, AnimationEventProps {
+    /** 标题 */
     title?: string | React.ReactElement;
+    /** 消息正文内容 */
     message?: string | React.ReactElement;
+    /** 是否将 message 属性作为 HTML 片段处理 */
+    /** 消息类型，用于显示图标 */
     type?: 'success' | 'info' | 'warning' | 'error';
+    /** 消息自定义图标，该属性会覆盖 type 的图标 */
     icon?: IconName | React.ReactElement<IconProps>;
+    /** 遮罩的自定义类名 */
     modalClass?: string;
+    /** 自定义确认按钮及取消按钮的大小 */
     width?: DialogProps['width'];
+    /** 若不使用 Promise，可以使用此参数指定 MessageBox 关闭后的回调函数, instance 为 MessageBox 实例， 可以通过它访问实例上的属性和方法 */
     callback?: (value: string, action: Action) => any | ((action: Action) => any);
+    /** 是否显示右上角关闭按钮 */
     showClose?: boolean;
+    /** 是否可以通过点击 modal 关闭 MessageBox */
     closeOnClickModal?: boolean;
+    /** 关闭前的回调，会暂停消息弹出框的关闭过程；instance为 MessageBox 实例，可以通过它访问实例上的属性和方法；done用于关闭 MessageBox 实例 */
     beforeClose?: (action?: Action, done?: () => void, ref?: RefObject<MessageBoxRef>) => void;
+    /** 是否显示取消按钮（以 confirm 和 prompt 方式调用时为 true） */
     showCancelButton?: boolean;
+    /** 是否显示确定按钮 */
     showConfirmButton?: boolean;
+    /** 取消按钮的文本内容 */
     cancelButtonText?: string;
+    /** 确定按钮的文本内容 */
     confirmButtonText?: string;
+    /** 取消按钮的自定义类名 */
     cancelButtonClass?: string;
+    /** 确定按钮的自定义类名 */
     confirmButtonClass?: string;
+    /** 自定义确认和取消按钮的尺寸 */
     buttonSize?: TypeAttributes.Size;
+    /** 按钮位置 */
     buttonPosition?: DialogFooterProps['position'];
+    /** 是否将取消（点击取消按钮）与关闭（点击关闭按钮或遮罩层、按下 Esc 键）进行区分 */
     distinguishCancelAndClose?: boolean;
+    /** 内容区域padding */
     padding?: string | number;
+    /** 是否在 MessageBox 出现时将 body 滚动锁定 */
     lockScroll?: boolean;
+    /** 是否显示输入框 */
     showInput?: boolean;
+    /** 输入框占位文本 */
     inputPlaceholder?: string;
+    /** 输入框的类型 */
     inputType?: string;
+    /** 输入框的初始文本 */
     inputValue?: string;
+    /** 输入框的校验表达式 */
     inputPattern?: RegExp;
+    /** 输入框的校验函数。 应该返回一个 boolean 或者 string， 如果返回的是一个 string 类型，那么该返回值会被赋值给 inputErrorMessage 用于向用户展示错误消息。 */
     inputValidator?: (value: string) => boolean | string;
+    /** 校验未通过时的提示文本 */
     inputErrorMessage?: string;
+    /** 是否居中布局 */
     center?: boolean;
+    /** 为 MessageBox 启用可拖拽功能 */
     draggable?: boolean;
+    /** 拖动范围可以超出可视区 */
     overflow?: boolean;
+    /** 是否使用圆角按钮 */
     roundButton?: boolean;
 }
 export type MessageState = {
@@ -51,13 +84,30 @@ export interface MessageBoxInputData {
 export type ElMessageBoxShortcutMethod = (((message: MessageBoxProps['message'], title: MessageBoxProps['title'], options?: Omit<MessageBoxProps, 'message' | 'title'>) => Promise<MessageBoxData>) & ((message: MessageBoxProps['message'], options?: Omit<MessageBoxProps, 'message' | 'title'>) => Promise<MessageBoxData>));
 export interface MessageBoxMethod {
     (options?: MessageBoxProps): Promise<MessageBoxData>;
+    /**
+     * 消息弹窗提示
+     * @param message 消息内容
+     * @param title 标题
+     * @param options 其他设置项
+     * @returns
+     */
     alert: ElMessageBoxShortcutMethod;
+    /**
+     * 确认消息
+     * @param message 消息内容
+     * @param title 标题
+     * @param options 其他设置项
+     * @returns
+     */
     confirm: ElMessageBoxShortcutMethod;
     prompt: ElMessageBoxShortcutMethod;
 }
 export interface MessageBoxRef {
     ref: RefObject<HTMLDivElement>;
+    /** 关闭方法 */
     close: () => void;
+    /** 设置确认按钮是否加载状态 */
     setConfirmButtonLoading: (value: boolean) => void;
+    /** 修改确认按钮文本方法 */
     setConfirmButtonText: (value: string) => void;
 }

package/dist/Notification/Main.d.ts

@@ -1,5 +1,12 @@
 import { RefObject } from 'react';
 import { NotificationProps, NotificationRef } from './typings';
+/**
+ * @author	Parker
+ * @CreateTime	2022/3/10 12:45:48
+ * @LastEditor	Parker
+ * @ModifyTime	2022/5/3 12:24:58
+ * @Description
+ */
 export declare class Main {
     ref: RefObject<NotificationRef>;
     constructor(props: NotificationProps);

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/Notification/index.d.ts

@@ -1,5 +1,20 @@
 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;
+/**
+ *
+ * @param id
+ * @param position
+ * @param userOnClose
+ * @returns
+ */
 export declare function close(id: string, position: Position, userOnClose?: (vm: NotificationRef) => void): void;
 export declare function closeAll(): void;
 export type { INotification, INotificationHandle, NotificationProps as INotificationOptions } from './typings';

package/dist/Notification/typings.d.ts

@@ -18,18 +18,31 @@ export interface INotification {
     closeAll: () => void;
 }
 export interface NotificationProps extends BaseProps, NativeProps, AnimationEventProps {
+    /** 标题 */
     title?: string;
+    /** 通知栏正文内容 */
     message?: string | React.ReactElement;
+    /** 是否将 message 属性作为 HTML 片段处理 */
     dangerouslyUseHTMLString?: boolean;
+    /** 通知的类型	 */
     type?: 'success' | 'warning' | 'info' | 'error' | '';
+    /** 显示时间, 单位为毫秒。 值为 0 则不会自动关闭 */
     duration?: number;
+    /** 自定义弹出位置 */
     position?: Position;
+    /** 是否显示关闭按钮 */
     showClose?: boolean;
+    /** 关闭时的回调函数 */
     onClose?: () => void;
+    /**  */
     iconClass?: string;
+    /**  */
     id?: string;
+    /** 点击 Notification 时的回调函数 */
     onClick?: () => void;
+    /** 相对屏幕顶部的偏移量 偏移的距离，在同一时刻，所有的 Notification 实例应当具有一个相同的偏移量 */
     offset?: number;
+    /**  */
     onSuccess?: (ref: HTMLDivElement) => void;
 }
 export interface NotificationRef {

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;