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

package/dist/Descriptions/typings.d.ts

@@ -1,19 +1,32 @@
 import React from 'react';
 import { BaseProps, NativeProps, TypeAttributes } from '../types/common';
 export interface DescriptionsProps extends BaseProps<React.ReactElement<DescriptionsItemProps> | React.ReactElement<DescriptionsItemProps>[]>, NativeProps<'--el-descriptions-table-border' | '--el-descriptions-item-bordered-label-background'> {
+    /** 是否带有边框 */
     border?: boolean;
+    /** 一行 Descriptions Item 的数量 */
     column?: number;
+    /** 排列的方向 */
     direction?: 'vertical' | 'horizontal';
+    /** 列表的尺寸 */
     size?: TypeAttributes.Size;
+    /** 标题文本，显示在左上方 */
     title?: string | React.ReactElement<any>;
+    /** 操作区文本，显示在右上方 */
     extra?: string | React.ReactElement<any>;
 }
 export interface DescriptionsItemProps extends BaseProps, NativeProps {
+    /** 标签文本 */
     label?: string | React.ReactElement<any>;
+    /** 列的数量 */
     span?: number;
+    /** 列的宽度，不同行相同列的宽度按最大值设定（如无 border ，宽度包含标签与内容） */
     width?: number | string;
+    /** 列的最小宽度，与 width 的区别是 width 是固定的，minWidth 会把剩余宽度按比例分配给设置了 minWidth 的列（如无 border，宽度包含标签与内容） */
     minWidth?: number | string;
+    /** 列的内容对齐方式（如无 border，对标签和内容均生效） */
     align?: 'left' | 'center' | 'right';
+    /** 列的标签对齐方式，若不设置该项，则使用内容的对齐方式（如无 border，请使用 align 参数） */
     labelAlign?: 'left' | 'center' | 'right';
+    /** 列标题自定义类名 */
     labelClassName?: string;
 }

package/dist/Dialog/Dialog.d.ts

@@ -8,7 +8,6 @@ declare const Comp: (props: DialogProps & {
 type InternalType = typeof Comp;
 interface CompInterface extends InternalType {
     displayName?: string;
-    defaultProps?: Partial<DialogProps>;
     body: typeof DialogBody;
     footer: typeof DialogFooter;
 }

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,
@@ -188,8 +189,8 @@ function InternalElDialog(props, ref) {
           style: {
             ...props.style,
             // @ts-ignore
-            [`--${import_prefix.globalKey}-dialog-width`]: fullscreen || classPrefix !== "dialog" ? "" : (0, import_Util.addUnit)(width),
-            [`--${import_prefix.globalKey}-dialog-margin-top`]: (0, import_Util.addUnit)(top)
+            [`--${import_prefix.namespace}-dialog-width`]: fullscreen || classPrefix !== "dialog" ? "" : (0, import_Util.addUnit)(width),
+            [`--${import_prefix.namespace}-dialog-margin-top`]: (0, import_Util.addUnit)(top)
           },
           ref: dialogRef
         },
@@ -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/DialogContext.d.ts

@@ -1,13 +1,21 @@
 /// <reference types="react" />
 interface DialogContentProps {
+    /** 当设置为 true，Dialog 打开时会显示背景，点击背景会关闭 Dialog，如果不想关闭 Dialog，可以设置为 'static' */
     backdrop: boolean | 'static';
     setVisible: (visible: boolean) => void;
+    /** 隐藏时的回调函数 */
     doClose: () => void;
+    /** 是否可控 */
     isControlled: boolean;
+    /** 是否让 Dialog 的 header 和 footer 部分居中排列 */
     center: boolean;
+    /** body 内容过长时自动设置高度 */
     overflow: boolean;
+    /** 是否加载成功 */
     mounted?: boolean;
+    /** 是否有标题 */
     haveTitle: boolean;
+    /** 是否有按钮组 */
     haveFooter: boolean;
 }
 export declare const DialogContext: import("react").Context<DialogContentProps>;

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

@@ -2,47 +2,83 @@ import React from 'react';
 import { TransitionProps } from '../Transition';
 import { AnimationEventProps, BaseProps, NativeProps } from '../types/common';
 export interface DialogProps extends AnimationEventProps, BaseProps, NativeProps, TransitionProps {
-    visible?: boolean;
+    /** 是否显示模态框（可控） */
+    visible: boolean;
+    /** 默认是否显示模态框 */
     defaultVisible?: boolean;
+    /** 是否需要遮罩层 */
     modal?: boolean;
+    /** 遮罩的自定义类名 */
     className?: string;
+    /** 是否可以通过点击 modal 关闭 Dialog */
     closeOnClickModal?: boolean;
+    /** 应用于 backdrop DOM 节点的 css class */
     backdropClassName?: string;
+    /** 对话框的宽度，默认值为 50% */
     width?: string | number;
+    /** header 部分的自定义 class 名 */
     headerClass?: string;
+    /** Dialog 对话框 Dialog 的标题， 也可通过ElDialog.header传入 */
     title?: string | React.ReactElement;
+    /** 当设置为 true, 显示关闭按钮 */
     showClose?: boolean;
+    /** 标题是否有边框 */
     border?: boolean;
+    /** dialog CSS 中的 margin-top 值，默认为 15vh */
     top?: string;
+    /** 是否让 Dialog 的 header 和 footer 部分居中排列 */
     center?: boolean;
+    /** 是否水平垂直对齐对话框 */
     alignCenter?: boolean;
+    /** 为 Dialog 启用可拖拽功能 */
     draggable?: boolean;
+    /** 拖动范围可以超出可视区 */
     overflow?: boolean;
+    /** 是否为全屏 Dialog */
     fullscreen?: boolean;
+    /** 是否在 Dialog 出现时将 body 滚动锁定 */
     lockScroll?: boolean;
+    /** 是否可以通过按下 ESC 关闭 Dialog */
+    /** 和原生的 CSS 的 z-index 相同，改变 z 轴的顺序 */
     zIndex?: number;
+    /** Dialog 打开的回调 */
     onOpen?: () => void;
+    /** Dialog 打开动画结束时的回调 */
     onOpened?: () => void;
+    /** Dialog 关闭的回调 */
     onClose?: () => void;
+    /** Dialog 关闭动画结束时的回调 */
     onClosed?: () => void;
-    close?: () => void;
+    /** 关闭弹窗函数 */
+    close: () => void;
+    /** 关闭前的回调，会暂停 Dialog 的关闭. 回调函数内执行 done 参数方法的时候才是真正关闭对话框的时候. */
     beforeClose?: DialogBeforeCloseFn;
 }
 type DoneFn = (cancel?: boolean) => void;
 export type DialogBeforeCloseFn = (done: DoneFn) => void;
 export interface DialogHeaderProps extends BaseProps {
+    /** header 部分的自定义 class 名 */
     headerClass?: string;
+    /** 当设置为 true, 显示关闭按钮 */
     showClose?: boolean;
+    /** 标题是否有边框 */
     border?: boolean;
+    /** 组件 CSS 类的前缀 */
     classPrefix?: string;
+    /** 隐藏时的回调函数 */
+    /** 自定义标题内联样式 */
     titleStyle?: React.CSSProperties;
 }
 export interface DialogBodyProps extends BaseProps, NativeProps {
+    /** 组件 CSS 类的前缀 */
     classPrefix?: string;
+    /** 内容区域padding */
     padding?: string | number;
 }
 export interface DialogFooterProps extends BaseProps, NativeProps {
+    /** 组件 CSS 类的前缀 */
     classPrefix?: string;
+    /** 内容位置 */
     position?: 'left' | 'center' | 'right';
 }
 export {};

package/dist/Divider/Divider.d.ts

@@ -1,9 +1,13 @@
 import React from 'react';
 import { BaseProps, NativeProps } from '../types/common';
 export interface DividerProps extends BaseProps, NativeProps<'--el-divider-text-bg-color' | '--el-divider-border-color' | '--el-divider-margin' | '--el-divider-tip-bg-color' | '--el-border-style'> {
+    /** 设置分割线方向 */
     direction?: 'horizontal' | 'vertical';
+    /** 设置分隔符样式 */
     borderStyle?: string;
+    /** 自定义文本样式 */
     textStyle?: React.CSSProperties;
+    /** 设置分割线文案的位置 */
     contentPosition?: 'left' | 'right' | 'center';
 }
 declare const _default: React.NamedExoticComponent<DividerProps>;

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

@@ -39,11 +39,20 @@ var import_react_dom = require("react-dom");
 var import_Transition = require("../Transition");
 var import_Util = require("../Util");
 var import_hooks = require("../hooks");
+var import_prefix = require("../hooks/prefix");
 var import_DrawerBody = __toESM(require("./DrawerBody"));
 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);
@@ -68,36 +77,38 @@ function InternalComp(props, ref) {
           setVisible(false);
           onClose == null ? void 0 : onClose();
         } else if (backdrop === "static") {
-          (0, import_dom_lib.addClass)(drawerRef.current, "r-drawer-shake");
+          (0, import_dom_lib.addClass)(drawerRef.current, `${import_prefix.namespace}-drawer-shake`);
           setTimeout(() => {
-            (0, import_dom_lib.removeClass)(drawerRef.current, "r-drawer-shake");
+            (0, import_dom_lib.removeClass)(drawerRef.current, `${import_prefix.namespace}-drawer-shake`);
           }, 300);
         }
       });
     }
-  }, [backdrop, onClose, ref, setVisible, visible]);
+  }, [b, backdrop, onClose, ref, setVisible, visible]);
   return /* @__PURE__ */ import_react.default.createElement(import_DrawerContext.DrawerContext.Provider, { value: { backdrop, setVisible, isControlled, onClose } }, backdrop && (0, import_react_dom.createPortal)(
     /* @__PURE__ */ import_react.default.createElement(
       import_Transition.Transition,
       {
+        nodeRef: backdropRef,
         visible,
         transitionAppear: true,
         unmountOnExit: true,
         duration: 300,
         onEnter: () => {
           setTimeout(() => {
-            (0, import_dom_lib.addClass)(backdropRef.current, "r-anim-in");
+            (0, import_dom_lib.addClass)(backdropRef.current, `${import_prefix.namespace}-anim-in`);
           }, 10);
         },
-        beforeLeave: () => (0, import_dom_lib.removeClass)(backdropRef.current, "r-anim-in")
+        beforeLeave: () => (0, import_dom_lib.removeClass)(backdropRef.current, `${import_prefix.namespace}-anim-in`)
       },
-      /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)(b`backdrop`, "r-anim-fade"), style: { zIndex: import_Util.PopupManager.nextZIndex() }, ref: backdropRef })
+      /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)(b`backdrop`, `${import_prefix.namespace}-anim-fade`), style: { zIndex: import_Util.PopupManager.nextZIndex() }, ref: backdropRef })
     ),
     document.body
   ), (0, import_react_dom.createPortal)(
     /* @__PURE__ */ import_react.default.createElement(
       import_Transition.Transition,
       {
+        nodeRef: ref || wrapperRef,
         visible,
         transitionAppear: true,
         unmountOnExit: true,
@@ -109,26 +120,29 @@ function InternalComp(props, ref) {
         },
         beforeLeave: () => {
           var _a;
-          (0, import_dom_lib.removeClass)(drawerRef.current, "r-anim-slide-in");
-          (0, import_dom_lib.addClass)(drawerRef.current, "r-anim-slide-out");
+          (0, import_dom_lib.removeClass)(drawerRef.current, `${import_prefix.namespace}-anim-slide-in`);
+          (0, import_dom_lib.addClass)(drawerRef.current, `${import_prefix.namespace}-anim-slide-out`);
           (_a = props.beforeLeave) == null ? void 0 : _a.call(props);
         },
         onLeave: props.onLeave,
         afterLeave: props.afterLeave,
         duration: 300
       },
-      /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)(b`wrapper`, props.className), style: { ...props.style, zIndex: import_Util.PopupManager.nextZIndex() }, ref: ref || wrapperRef }, /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)(wb(size, placement), "r-anim-slide-in", `r-anim-${placement}`), style: { display: "block" }, ref: drawerRef }, /* @__PURE__ */ import_react.default.createElement("div", { className: b`dialog` }, /* @__PURE__ */ import_react.default.createElement("div", { className: b`content` }, children))))
+      /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)(b`wrapper`, props.className), style: { ...props.style, zIndex: import_Util.PopupManager.nextZIndex() }, ref: ref || wrapperRef }, /* @__PURE__ */ import_react.default.createElement(
+        "div",
+        {
+          className: (0, import_classnames.default)(wb(size, placement), `${import_prefix.namespace}-anim-slide-in`, `${import_prefix.namespace}-anim-${placement}`),
+          style: { display: "block" },
+          ref: drawerRef
+        },
+        /* @__PURE__ */ import_react.default.createElement("div", { className: b`dialog` }, /* @__PURE__ */ import_react.default.createElement("div", { className: b`content` }, children))
+      ))
     ),
     document.body
   ));
 }
 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/DrawerContext.d.ts

@@ -1,9 +1,19 @@
 /// <reference types="react" />
 interface DrawerContentProps {
+    /** 当设置为 true，Drawer 打开时会显示背景，点击背景会关闭 Drawer，如果不想关闭 Drawer，可以设置为 'static' */
     backdrop: boolean | 'static';
     setVisible: (visible: boolean) => void;
+    /** 隐藏时的回调函数 */
     onClose: () => void;
+    /** 是否可控 */
     isControlled: boolean;
 }
+/**
+ * @author	Parker
+ * @CreateTime	2022/3/20下午3:10:40
+ * @LastEditor	Parker
+ * @ModifyTime	2022/5/3 22:55:13
+ * @Description 模态框上下文
+ */
 export declare const DrawerContext: import("react").Context<DrawerContentProps>;
 export {};

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

@@ -1,26 +1,42 @@
 import React from 'react';
 import { AnimationEventProps, BaseProps, NativeProps } from '../types/common';
 export interface DrawerProps extends AnimationEventProps, BaseProps, NativeProps {
+    /** 是否显示抽屉（可控） */
     visible?: boolean;
+    /** 默认是否显示抽屉 */
     defaultVisible?: boolean;
+    /** 当设置为 true，Drawer 打开时会显示背景，点击背景会关闭 Drawer，如果不想关闭 Drawer，可以设置为 'static' */
     backdrop?: boolean | 'static';
+    /** 应用于 backdrop DOM 节点的 css class */
     backdropClassName?: string;
+    /** 设置 Drawer 尺寸 */
     size?: 'full' | 'large' | 'md' | 'small' | 'xs';
+    /** 设置 Drawer 显示的位置 */
     placement?: 'top' | 'bottom' | 'right' | 'left';
+    /** 显示时的回调函数 */
     onOpen?: () => void;
+    /** 隐藏时的回调函数 */
     onClose?: () => void;
 }
 export interface DrawerHeaderProps extends BaseProps, NativeProps {
+    /** 当设置为 true, 显示关闭按钮 */
     closeButton?: boolean;
+    /** 标题是否有边框 */
     border?: boolean;
+    /** 组件 CSS 类的前缀 */
     classPrefix?: string;
+    /** 隐藏时的回调函数 */
     onClose?: () => void;
+    /** 自定义标题内联样式 */
     titleStyle?: React.CSSProperties;
 }
 export interface DrawerBodyProps extends BaseProps, NativeProps {
+    /** 组件 CSS 类的前缀 */
     classPrefix?: string;
+    /** 内容区域padding */
     padding?: string | number;
 }
 export interface DrawerFooterProps extends BaseProps, NativeProps {
+    /** 组件 CSS 类的前缀 */
     classPrefix?: string;
 }

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",
@@ -75,7 +86,7 @@ var Dropdown = (props) => {
     import_Tooltip.default,
     {
       classPrefix,
-      triggerRef: /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, props.children),
+      triggerRef: props.children,
       popperClass: e`popper`,
       disabled,
       enterable: true,
@@ -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/Dropdown/DropdownContext.d.ts

@@ -1,6 +1,8 @@
 /// <reference types="react" />
 interface DropdownContextProps {
+    /** 是否在点击菜单项后隐藏菜单 */
     hideOnClick: boolean;
+    /** 点击菜单项触发的事件回调 */
     onClick: (command: string | number | object) => void;
 }
 export declare const DropdownContext: import("react").Context<DropdownContextProps>;

package/dist/Dropdown/typings.d.ts

@@ -2,26 +2,41 @@ import React from 'react';
 import { PopperOptions } from '../Popper';
 import { TransitionProps } from '../Transition';
 import { AnimationEventProps, BaseProps, NativeProps } from '../types/common';
-export interface DropdownProps extends BaseProps, NativeProps, PopperOptions, AnimationEventProps, TransitionProps {
+/** Dropdown 属性 */
+export interface DropdownProps extends BaseProps<React.ReactElement>, NativeProps, PopperOptions, AnimationEventProps, Omit<TransitionProps, 'children'> {
     menu: React.ReactElement<DropdownMenuProps>;
+    /** 触发下拉的行为 */
     trigger?: 'hover' | 'click' | 'contextmenu';
+    /** 是否在点击菜单项后隐藏菜单 */
     hideOnClick?: boolean;
+    /** 展开下拉菜单的延时，仅在 trigger 为 hover 时有效 */
     showTimeout?: number;
+    /** 收起下拉菜单的延时（仅在 trigger 为 hover 时有效） */
     hideTimeout?: number;
+    /** 状态是否可见 */
     visible?: boolean;
+    /** 初始值 */
     defaultVisible?: boolean;
+    /** 是否禁用 */
     disabled?: boolean;
     onMouseEnter?: (e?: React.MouseEvent<any>) => void;
     onMouseLeave?: (e?: React.MouseEvent<any>) => void;
+    /** 点击菜单项触发的事件回调 */
     onClick?: (command: string | number | object) => void;
+    /** 下拉框出现/隐藏时触发: 出现则为 true，隐藏则为 false */
     visiblechange?: (visible: boolean) => void;
 }
 export interface DropdownMenuProps extends BaseProps, NativeProps {
     classPrefix?: string;
 }
+/** Dropdown-Item 属性 */
 export interface DropdownItemProps extends BaseProps, NativeProps {
+    /** 派发到command回调函数的指令参数 */
     command?: string | number | object;
+    /** 是否禁用*/
     disabled?: boolean;
+    /** 是否显示分隔符 */
     divided?: boolean;
+    /** 是否为激活状态 */
     active?: boolean;
 }

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/Empty/ImgEmpty.js

@@ -36,7 +36,7 @@ var import_react = __toESM(require("react"));
 var import_Util = require("../Util");
 var ImgEmpty = () => {
   const ids = (0, import_react.useMemo)(() => [`linearGradient-${(0, import_Util.randomCode)(5)}`, `linearGradient-${(0, import_Util.randomCode)(5)}`], []);
-  return /* @__PURE__ */ import_react.default.createElement("svg", { viewBox: "0 0 79 86", version: "1.1", xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink" }, /* @__PURE__ */ import_react.default.createElement("defs", null, /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: ids[0], x1: "38.8503086%", y1: "0%", x2: "61.1496914%", y2: "100%" }, /* @__PURE__ */ import_react.default.createElement("stop", { "stop-color": "var(--el-empty-fill-color-1)", offset: "0%" }), /* @__PURE__ */ import_react.default.createElement("stop", { "stop-color": "var(--el-empty-fill-color-4)", offset: "100%" })), /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: ids[1], x1: "0%", y1: "9.5%", x2: "100%", y2: "90.5%" }, /* @__PURE__ */ import_react.default.createElement("stop", { "stop-color": "var(--el-empty-fill-color-1)", offset: "0%" }), /* @__PURE__ */ import_react.default.createElement("stop", { "stop-color": "var(--el-empty-fill-color-6)", offset: "100%" })), /* @__PURE__ */ import_react.default.createElement("rect", { id: "path-3-1", x: "0", y: "0", width: "17", height: "36" })), /* @__PURE__ */ import_react.default.createElement("g", { id: "Illustrations", stroke: "none", "stroke-width": "1", fill: "none", "fill-rule": "evenodd" }, /* @__PURE__ */ import_react.default.createElement("g", { id: "B-type", transform: "translate(-1268.000000, -535.000000)" }, /* @__PURE__ */ import_react.default.createElement("g", { id: "Group-2", transform: "translate(1268.000000, 535.000000)" }, /* @__PURE__ */ import_react.default.createElement(
+  return /* @__PURE__ */ import_react.default.createElement("svg", { viewBox: "0 0 79 86", version: "1.1", xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink" }, /* @__PURE__ */ import_react.default.createElement("defs", null, /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: ids[0], x1: "38.8503086%", y1: "0%", x2: "61.1496914%", y2: "100%" }, /* @__PURE__ */ import_react.default.createElement("stop", { "stop-color": "var(--el-empty-fill-color-1)", offset: "0%" }), /* @__PURE__ */ import_react.default.createElement("stop", { "stop-color": "var(--el-empty-fill-color-4)", offset: "100%" })), /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: ids[1], x1: "0%", y1: "9.5%", x2: "100%", y2: "90.5%" }, /* @__PURE__ */ import_react.default.createElement("stop", { "stop-color": "var(--el-empty-fill-color-1)", offset: "0%" }), /* @__PURE__ */ import_react.default.createElement("stop", { "stop-color": "var(--el-empty-fill-color-6)", offset: "100%" })), /* @__PURE__ */ import_react.default.createElement("rect", { id: "path-3-1", x: "0", y: "0", width: "17", height: "36" })), /* @__PURE__ */ import_react.default.createElement("g", { id: "Illustrations", stroke: "none", "stroke-width": "1", fill: "none", fillRule: "evenodd" }, /* @__PURE__ */ import_react.default.createElement("g", { id: "B-type", transform: "translate(-1268.000000, -535.000000)" }, /* @__PURE__ */ import_react.default.createElement("g", { id: "Group-2", transform: "translate(1268.000000, 535.000000)" }, /* @__PURE__ */ import_react.default.createElement(
     "path",
     {
       id: "Oval-Copy-2",

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;