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

package/dist/ColorPicker/AlphaSlider.d.ts

@@ -8,5 +8,12 @@ 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/HueSlider.d.ts

@@ -8,5 +8,12 @@ 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/Predefine.d.ts

@@ -8,5 +8,12 @@ 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/SvPanel.d.ts

@@ -7,5 +7,12 @@ 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/typings.d.ts

@@ -1,13 +1,22 @@
 import { PopperOptions } from '../Popper';
 import { AnimationEventProps, BaseProps, NativeProps, TypeAttributes } from '../types/common';
 export interface ColorPickerProps extends BaseProps, NativeProps, AnimationEventProps, PopperOptions {
+    /** 绑定值（可控模式） */
     value?: string;
+    /** 默认值 */
     defaultValue?: string;
+    /** 是否禁用 */
     disabled?: boolean;
+    /** 尺寸 */
     size?: TypeAttributes.Size;
+    /** 是否支持透明度选择 */
     showAlpha?: boolean;
+    /** 颜色的格式 */
     colorFormat?: 'hsl' | 'hsv' | 'hex' | 'rgb';
+    /** 预定义颜色 */
     predefine?: string[];
+    /** 当绑定值变化时触发 */
     onChange?: (value?: string) => void;
+    /** 面板中当前显示的颜色发生改变时触发 */
     activeChange?: (value?: string) => void;
 }

package/dist/ConfigProvider/ConfigProvider.d.ts

@@ -1,9 +1,14 @@
 /// <reference types="react" />
 export interface ConfigProviderProps {
+    /** 对按钮进行配置 */
     button?: {
+        /** 自动在两个中文字符之间插入空格 */
         autoInsertSpace?: boolean;
     };
+    /** 对消息进行配置 */
+    /** 对数字输入框进行配置 */
     inputNumber?: {
+        /** 控制按钮位置 */
         controlsPositionRight?: boolean;
         max?: number;
         min?: number;

package/dist/DatePicker/typings.d.ts

@@ -12,84 +12,153 @@ export type DatePickerRef = {
     setVisible: (value: boolean) => void;
 };
 export interface DatePickerProps extends Omit<FormControlBaseProps, 'name' | 'value' | 'defaultValue' | 'onChange'>, BaseProps, NativeProps, AnimationEventProps, Omit<React.AllHTMLAttributes<HTMLInputElement>, 'value' | 'defaultValue' | 'size' | 'prefix' | 'type' | 'onInput' | 'onChange' | 'className' | 'style' | 'readOnly' | 'disabled' | 'children'> {
+    /** 等价于原生 name 属性 */
     name?: string;
+    /** 选中项绑定值 */
     value?: string;
+    /** 默认值 */
     defaultValue?: string;
+    /** 只读 */
     readonly?: boolean;
+    /** 必输项*/
     required?: boolean;
+    /** 是否显示清除按钮 */
     clearable?: boolean;
+    /** 非范围选择时的占位内容 */
     placeholder?: string;
+    /** 是否展示“今天”按钮 */
     showToday?: boolean;
+    /** 显示类型 */
     type?: DateType;
+    /** 显示在输入框中的格式 */
     format?: string;
+    /** 可选，绑定值的格式。 不指定则绑定值为 Date 对象 */
     valueFormat?: string;
+    /** 设置ISO周数，其中1为星期一，7为星期日 */
     isoWeek?: boolean;
+    /** 表单校验错误提示 */
     error?: boolean;
+    /** 表单校验警告提示 */
     warning?: boolean;
+    /** 输入框前置内容，只对 type="text" 有效 */
     prepend?: React.ReactElement<any> | string | number;
+    /** 输入框后置内容，只对 type="text" 有效 */
     append?: React.ReactElement | string | number;
+    /** 是否纯文本模式，即无边框 */
     plain?: boolean;
     size?: TypeAttributes.Size;
+    /** 一个用来判断该日期是否被禁用的函数，接受一个 Date 对象作为参数。 应该返回一个 Boolean 值。 */
     disabledDate?: (time: Date) => boolean;
     shortcuts?: Shortcuts[];
+    /** 是否追加到body下 */
     appendToBody?: boolean;
+    /** 点击确定按钮的回调 */
     onOk?: () => void;
     onChange?: (value: string | Date | number, event?: Event) => void;
+    /** 格式化 */
     formatter?: (value: Dayjs, text: number) => React.ReactElement;
 }
 export interface DatePickerRangeProps extends Omit<FormControlBaseProps, 'name' | 'value' | 'defaultValue' | 'onChange'>, BaseProps, AnimationEventProps, NativeProps {
+    /** 等价于原生 name 属性 */
     name?: [string, string];
+    /** 选中项绑定值 */
     value?: [string, string];
+    /** 默认值 */
     defaultValue?: [string, string];
+    /** 只读 */
     readOnly?: boolean;
+    /** 禁用 */
     disabled?: boolean;
+    /** 是否显示清除按钮 */
     clearable?: boolean;
+    /** 范围选择时开始日期的占位内容 */
     startPlaceholder?: string;
+    /** 范围选择时结束日期的占位内容 */
     endPlaceholder?: string;
+    /** 显示类型 */
     type?: DateRangeType;
+    /** 显示在输入框中的格式 */
     format?: string;
+    /** 可选，绑定值的格式。 不指定则绑定值为 Date 对象 */
     valueFormat?: string;
+    /** 选择范围时的分隔符 */
     rangeSeparator?: string;
+    /** 在范围选择器里取消两个日期面板之间的联动 */
     unlinkPanels?: boolean;
+    /** 设置ISO周数，其中1为星期一，7为星期日 */
     isoWeek?: boolean;
+    /** 表单校验错误提示 */
     error?: boolean;
+    /** 表单校验警告提示 */
     warning?: boolean;
+    /** 输入框前置内容，只对 type="text" 有效 */
     prepend?: React.ReactElement<any> | string | number;
+    /** 输入框后置内容，只对 type="text" 有效 */
     append?: React.ReactElement | string | number;
+    /** 点击确定按钮的回调 */
     onOk?: () => void;
+    /** 一个用来判断该日期是否被禁用的函数，接受一个 Date 对象作为参数。 应该返回一个 Boolean 值。 */
     disabledDate?: (time: Date) => boolean;
     onChange?: (value: [string, string] | [Date, Date] | [number, number], event?: Event) => void;
+    /** 格式化 */
     formatter?: (value: Dayjs, text: number) => React.ReactElement;
 }
 export interface AllDatePickerProps extends Omit<FormControlBaseProps, 'name' | 'value' | 'defaultValue' | 'onChange'>, BaseProps, NativeProps, AnimationEventProps, Omit<React.AllHTMLAttributes<HTMLInputElement>, 'name' | 'value' | 'defaultValue' | 'size' | 'prefix' | 'type' | 'onInput' | 'onChange' | 'className' | 'style' | 'readOnly' | 'disabled' | 'children'> {
+    /** 等价于原生 name 属性 */
     name?: string | [string, string];
+    /** 选中项绑定值 */
     value?: string | Date | number | [string, string] | [Date, Date] | [number, number];
+    /** 默认值 */
     defaultValue?: string | Date | number | [string, string] | [Date, Date] | [number, number];
+    /** 只读 */
     readonly?: boolean;
+    /** 必输项*/
     required?: boolean;
+    /** 是否显示清除按钮 */
     clearable?: boolean;
+    /** 非范围选择时的占位内容 */
     placeholder?: string;
+    /** 是否展示“今天”按钮 */
     showToday?: boolean;
+    /** 显示类型 */
     type?: DateType | DateRangeType;
+    /** 显示在输入框中的格式 */
     format?: string;
+    /** 可选，绑定值的格式。 不指定则绑定值为 Date 对象 */
     valueFormat?: string;
+    /** 设置ISO周数，其中1为星期一，7为星期日 */
     isoWeek?: boolean;
+    /** 表单校验错误提示 */
     error?: boolean;
+    /** 表单校验警告提示 */
     warning?: boolean;
+    /** 输入框前置内容，只对 type="text" 有效 */
     prepend?: React.ReactElement<any> | string | number;
+    /** 输入框后置内容，只对 type="text" 有效 */
     append?: React.ReactElement | string | number;
+    /** 是否纯文本模式，即无边框 */
     plain?: boolean;
     size?: TypeAttributes.Size;
+    /** 一个用来判断该日期是否被禁用的函数，接受一个 Date 对象作为参数。 应该返回一个 Boolean 值。 */
     disabledDate?: (time: Date) => boolean;
     shortcuts?: Shortcuts[];
+    /** 是否追加到body下 */
     appendToBody?: boolean;
+    /** 点击确定按钮的回调 */
     onOk?: () => void;
     onChange?: (value: string | Date | number | [string, string] | [Date, Date] | [number, number], event?: Event) => void;
+    /** 格式化 */
     formatter?: (value: Dayjs, text: number) => React.ReactElement;
+    /** 只读 */
     readOnly?: boolean;
+    /** 禁用 */
     disabled?: boolean;
+    /** 范围选择时开始日期的占位内容 */
     startPlaceholder?: string;
+    /** 范围选择时结束日期的占位内容 */
     endPlaceholder?: string;
+    /** 选择范围时的分隔符 */
     rangeSeparator?: string;
+    /** 在范围选择器里取消两个日期面板之间的联动 */
     unlinkPanels?: boolean;
 }

package/dist/DateTimePicker/DateTimePicker.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { DateTimePickerRef } from './typings';
-declare const _default: React.MemoExoticComponent<React.ForwardRefExoticComponent<Omit<import("..").DatePickerProps, "name" | "value" | "type" | "defaultValue" | "onChange"> & {
+declare const _default: React.MemoExoticComponent<React.ForwardRefExoticComponent<Omit<import("..").DatePickerProps, "value" | "defaultValue" | "type" | "onChange" | "name"> & {
     name?: string;
     value?: string;
     defaultValue?: string;

package/dist/DateTimePicker/DateTimePicker.js

@@ -71,7 +71,7 @@ var DateTimePicker = (0, import_react.forwardRef)((props, ref) => {
     formatter,
     ...rest
   } = props;
-  const { e, is } = (0, import_hooks.useClassNames)(classPrefix);
+  const { b, e, is } = (0, import_hooks.useClassNames)(classPrefix);
   const [value, setValue] = (0, import_hooks.useControlled)(props.value, props.defaultValue);
   const [visible, setVisible] = (0, import_react.useState)(false);
   const [showTime, setShowTime] = (0, import_react.useState)(false);
@@ -129,7 +129,7 @@ var DateTimePicker = (0, import_react.forwardRef)((props, ref) => {
       onClick: onActive,
       value,
       onClear: () => handleChange(null, {}),
-      className: (0, import_classnames.default)({ "r-date": readonly }, is({ active: visible })),
+      className: (0, import_classnames.default)({ [b("date", false)]: readonly }, is({ active: visible })),
       style: props.style,
       error,
       warning,
@@ -192,7 +192,7 @@ var DateTimePicker = (0, import_react.forwardRef)((props, ref) => {
         {
           nodeRef: () => ({ current: timePanelRef.current.ref }),
           visible: showTime,
-          name: "r-slide-up",
+          name: b("slide-up", false),
           transitionAppear: true,
           unmountOnExit: true,
           display: "",

package/dist/DateTimePicker/typings.d.ts

@@ -4,6 +4,7 @@ import { PopperOptionRef } from '../Popper';
 export type DateTimePickerRef = {
     inputInstance?: InputRef;
     popperInstRef: PopperOptionRef;
+    /** �Ƿ�׷�ӵ�body�� */
     appendToBody?: boolean;
     getValue: () => string;
     setValue: (value: string) => void;

package/dist/Descriptions/DescriptionsContext.d.ts

@@ -1,6 +1,8 @@
 /// <reference types="react" />
 interface DescriptionsContextProps {
+    /** 排列的方向 */
     direction?: 'vertical' | 'horizontal';
+    /** 是否带有边框 */
     border?: boolean;
 }
 export declare const DescriptionsContext: import("react").Context<DescriptionsContextProps>;

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

@@ -39,6 +39,7 @@ 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"));
@@ -76,14 +77,14 @@ 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.globalKey}-drawer-shake`);
           setTimeout(() => {
-            (0, import_dom_lib.removeClass)(drawerRef.current, "r-drawer-shake");
+            (0, import_dom_lib.removeClass)(drawerRef.current, `${import_prefix.globalKey}-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,
@@ -95,12 +96,12 @@ function InternalComp(props, ref) {
         duration: 300,
         onEnter: () => {
           setTimeout(() => {
-            (0, import_dom_lib.addClass)(backdropRef.current, "r-anim-in");
+            (0, import_dom_lib.addClass)(backdropRef.current, `${import_prefix.globalKey}-anim-in`);
           }, 10);
         },
-        beforeLeave: () => (0, import_dom_lib.removeClass)(backdropRef.current, "r-anim-in")
+        beforeLeave: () => (0, import_dom_lib.removeClass)(backdropRef.current, `${import_prefix.globalKey}-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.globalKey}-anim-fade`), style: { zIndex: import_Util.PopupManager.nextZIndex() }, ref: backdropRef })
     ),
     document.body
   ), (0, import_react_dom.createPortal)(
@@ -119,15 +120,23 @@ 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.globalKey}-anim-slide-in`);
+          (0, import_dom_lib.addClass)(drawerRef.current, `${import_prefix.globalKey}-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.globalKey}-anim-slide-in`, `${import_prefix.globalKey}-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
   ));

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/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

@@ -86,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,

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>;