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

package/dist/Collapse/CollapseTransition.js

@@ -28,44 +28,62 @@ __export(CollapseTransition_exports, {
 });
 module.exports = __toCommonJS(CollapseTransition_exports);
 var import_dom_lib = require("dom-lib");
-var beforeEnter = (el) => {
-  el.style.height = "0";
-  el.style.opacity = "0";
+var beforeEnter = (node) => {
+  if (node.current) {
+    const { current: el } = node;
+    el.style.opacity = "0";
+    el.style.height = "0";
+  }
 };
-var onEnter = (el) => {
-  (0, import_dom_lib.addClass)(el, "collapse-transition");
-  el.dataset.oldOverflow = el.style.overflow;
-  if (el.scrollHeight !== 0) {
-    el.style.height = `${el.scrollHeight}px`;
-  } else {
-    el.style.height = "";
+var onEnter = (node) => {
+  if (node.current) {
+    const { current: el } = node;
+    (0, import_dom_lib.addClass)(el, "collapse-transition");
+    el.dataset.oldOverflow = el.style.overflow;
+    if (el.scrollHeight !== 0) {
+      el.style.height = `${el.scrollHeight}px`;
+    } else {
+      el.style.height = "";
+    }
+    el.style.overflow = "hidden";
+    el.style.opacity = "1";
   }
-  el.style.overflow = "hidden";
-  el.style.opacity = "1";
 };
-var afterEnter = (el) => {
-  (0, import_dom_lib.removeClass)(el, "collapse-transition");
-  el.style.height = "";
-  el.style.overflow = el.dataset.oldOverflow;
+var afterEnter = (node) => {
+  if (node.current) {
+    const { current: el } = node;
+    (0, import_dom_lib.removeClass)(el, "collapse-transition");
+    el.style.height = "";
+    el.style.overflow = el.dataset.oldOverflow;
+  }
 };
-var beforeLeave = (el) => {
-  (0, import_dom_lib.addClass)(el, "collapse-transition");
-  if (!el.dataset) {
-    el.dataset = {};
+var beforeLeave = (node) => {
+  if (node.current) {
+    const { current: el } = node;
+    (0, import_dom_lib.addClass)(el, "collapse-transition");
+    if (!el.dataset) {
+      el.dataset = {};
+    }
+    el.dataset.oldOverflow = el.style.overflow;
+    el.style.height = `${el.scrollHeight}px`;
+    el.style.overflow = "hidden";
+    el.style.margin = 0;
   }
-  el.dataset.oldOverflow = el.style.overflow;
-  el.style.height = `${el.scrollHeight}px`;
-  el.style.overflow = "hidden";
-  el.style.margin = 0;
 };
-var onLeave = (el) => {
-  el.style.transitionProperty = "height";
-  el.style.height = 0;
+var onLeave = (node) => {
+  if (node.current) {
+    const { current: el } = node;
+    el.style.transitionProperty = "height";
+    el.style.height = 0;
+  }
 };
-var afterLeave = (el) => {
-  el.style.height = "";
-  el.style.overflow = el.dataset.oldOverflow;
-  el.style.display = "";
+var afterLeave = (node) => {
+  if (node.current) {
+    const { current: el } = node;
+    el.style.height = "";
+    el.style.overflow = el.dataset.oldOverflow;
+    el.style.display = "";
+  }
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/dist/Collapse/typings.d.ts

@@ -1,13 +1,20 @@
 import React from 'react';
 import { BaseProps, NativeProps } from '../types/common';
 export interface CollapseProps extends BaseProps, NativeProps<'--el-collapse-border-color' | '--el-collapse-header-height' | '--el-collapse-header-bg-color' | '--el-collapse-header-text-color' | '--el-collapse-header-font-size' | '--el-collapse-content-bg-color' | '--el-collapse-content-font-size' | '--el-collapse-content-text-color' | '--el-transition-duration' | '--el-collapse-item-margin'> {
+    /** 当前激活的面板(如果是手风琴模式，绑定值类型需要为string，否则为array) */
     defaultActiveName?: string | string[];
+    /** 当前激活的面板(可控模式：如果是手风琴模式，绑定值类型需要为string，否则为array) */
     activeName?: string | string[];
+    /** 是否手风琴模式 */
     accordion?: boolean;
+    /** 当前激活面板改变时触发(如果是手风琴模式，参数 activeNames 类型为string，否则为array) */
     onChange?: (activeNames: string | string[]) => void;
 }
 export interface CollapseItemProps extends BaseProps, NativeProps {
+    /** 唯一标志符 */
     name: string;
+    /** 面板标题 */
     title?: string | React.ReactElement;
+    /** 是否禁用 */
     disabled?: boolean;
 }

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

@@ -128,6 +128,5 @@ var AlphaSlider = (0, import_react.forwardRef)((props, ref) => {
   );
   return /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)(b(), is({ vertical })), ref: el }, /* @__PURE__ */ import_react.default.createElement("div", { className: e`bar`, ref: bar, onClick: handleClick, style: { backgroundImage: background } }), /* @__PURE__ */ import_react.default.createElement("div", { className: e`thumb`, ref: thumb, style: { left: thumbLeft, top: thumbTop } }));
 });
-AlphaSlider.defaultProps = {};
 AlphaSlider.displayName = "AlphaSlider";
 var AlphaSlider_default = AlphaSlider;

package/dist/ColorPicker/ColorPicker.js

@@ -210,6 +210,5 @@ var ColorPicker = (0, import_react.forwardRef)((props, ref) => {
     )), /* @__PURE__ */ import_react.default.createElement(import_Button.Button, { size: "small", type: "primary", link: true, className: be("dropdown", "link-btn"), onClick: onClear }, "重置"), /* @__PURE__ */ import_react.default.createElement(import_Button.Button, { plain: true, size: "small", className: be("dropdown", "btn"), onClick: confirmValue }, "确定")))
   ));
 });
-ColorPicker.defaultProps = {};
 ColorPicker.displayName = "ColorPicker";
 var ColorPicker_default = ColorPicker;

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

@@ -120,6 +120,5 @@ var HueSlider = (0, import_react.forwardRef)((props, ref) => {
   );
   return /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)(b(), is({ vertical })), ref: el }, /* @__PURE__ */ import_react.default.createElement("div", { className: e`bar`, ref: bar, onClick: handleClick }), /* @__PURE__ */ import_react.default.createElement("div", { className: e`thumb`, ref: thumb, style: { left: thumbLeft, top: thumbTop } }));
 });
-HueSlider.defaultProps = {};
 HueSlider.displayName = "HueSlider";
 var HueSlider_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/Predefine.js

@@ -67,6 +67,5 @@ var Predefine = (0, import_react.forwardRef)((props, ref) => {
     );
   })));
 });
-Predefine.defaultProps = {};
 Predefine.displayName = "Predefine";
 var Predefine_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/SvPanel.js

@@ -90,6 +90,5 @@ var SvPanel = (0, import_react.forwardRef)((props, ref) => {
   });
   return /* @__PURE__ */ import_react.default.createElement("div", { className: b(), style: { backgroundColor: background }, ref: el }, /* @__PURE__ */ import_react.default.createElement("div", { className: e`white` }), /* @__PURE__ */ import_react.default.createElement("div", { className: e`black` }), /* @__PURE__ */ import_react.default.createElement("div", { className: e`cursor`, style: { top: cursorTop, left: cursorLeft } }, /* @__PURE__ */ import_react.default.createElement("div", null)));
 });
-SvPanel.defaultProps = {};
 SvPanel.displayName = "SvPanel";
 var SvPanel_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/DatePicker.js

@@ -50,7 +50,25 @@ import_dayjs.default.extend(import_advancedFormat.default);
 import_dayjs.default.extend(import_weekOfYear.default);
 var DatePicker = (0, import_react.memo)(
   (0, import_react.forwardRef)((props, ref) => {
-    const { name, readonly, clearable, required, valueFormat, plain, onClick, prepend, append, error, warning, shortcuts, onChange, formatter, type, isoWeek, ...rest } = props;
+    const {
+      name,
+      readonly = true,
+      clearable = true,
+      required,
+      valueFormat,
+      plain,
+      onClick,
+      prepend,
+      append,
+      error,
+      warning,
+      shortcuts,
+      onChange,
+      formatter,
+      type = "date",
+      isoWeek = true,
+      ...rest
+    } = props;
     const [value, setValue] = (0, import_hooks.useControlled)(props.value, props.defaultValue);
     const [visible, setVisible] = (0, import_react.useState)(false);
     const popperInstRef = (0, import_react.useRef)();
@@ -65,7 +83,7 @@ var DatePicker = (0, import_react.memo)(
       if ((0, import_Util.isNotEmpty)(props.format)) {
         return props.format;
       } else {
-        switch (props.type) {
+        switch (type) {
           case "year":
             return "YYYY";
           case "month":
@@ -76,12 +94,12 @@ var DatePicker = (0, import_react.memo)(
             return "YYYY-MM-DD";
         }
       }
-    }, [props.format, props.type]);
+    }, [props.format, type]);
     const placeholder = (0, import_react.useMemo)(() => {
       if ((0, import_Util.isNotEmpty)(props.placeholder)) {
         return props.placeholder;
       } else {
-        switch (props.type) {
+        switch (type) {
           case "year":
             return "请选择年份";
           case "month":
@@ -92,7 +110,7 @@ var DatePicker = (0, import_react.memo)(
             return "请选择日期";
         }
       }
-    }, [props.placeholder, props.type]);
+    }, [props.placeholder, type]);
     const dateProp = (0, import_react.useMemo)(() => {
       if (type === "week") {
         return currentDate.current || (currentDate.current = typeof value === "string" ? (0, import_Calendar.toDayjs)(value, props.valueFormat ?? format) : (0, import_Calendar.initDate)());
@@ -153,7 +171,7 @@ var DatePicker = (0, import_react.memo)(
         value,
         onChange: import_noop.default,
         onClear: () => handleChange == null ? void 0 : handleChange(null),
-        className: (0, import_classnames.default)({ [`${import_prefix.globalKey}-date`]: readonly, "is-active": visible }),
+        className: (0, import_classnames.default)({ [`${import_prefix.namespace}-date`]: readonly, "is-active": visible }),
         style: props.style,
         error,
         warning,
@@ -198,7 +216,7 @@ var DatePicker = (0, import_react.memo)(
           value: {
             value: dateProp,
             valueRange,
-            dateType: props.type,
+            dateType: type,
             isoWeek: props.isoWeek,
             showToday: props.showToday,
             popperInstRef,
@@ -213,12 +231,5 @@ var DatePicker = (0, import_react.memo)(
     ));
   })
 );
-DatePicker.defaultProps = {
-  type: "date",
-  readonly: true,
-  isoWeek: true,
-  clearable: true,
-  disabled: false
-};
 DatePicker.displayName = "DatePicker";
 var DatePicker_default = DatePicker;

package/dist/DatePicker/DateRangePicker.js

@@ -46,6 +46,17 @@ var import_Util = require("../Util");
 var import_hooks = require("../hooks");
 var DateRangePicker = (0, import_react.memo)(
   (0, import_react.forwardRef)((props, ref) => {
+    props = {
+      name: ["", ""],
+      type: "daterange",
+      readOnly: false,
+      isoWeek: true,
+      clearable: true,
+      disabled: false,
+      unlinkPanels: false,
+      rangeSeparator: "到",
+      ...props
+    };
     const { name, clearable, valueFormat, type, classPrefix = "range", prepend, append, onChange, error, warning, formatter } = props;
     const [value, setValue] = (0, import_hooks.useControlled)(props.value, props.defaultValue);
     const { b, e, be, bm, ebm, is } = (0, import_hooks.useClassNames)(classPrefix);
@@ -273,15 +284,5 @@ var DateRangePicker = (0, import_react.memo)(
     ));
   })
 );
-DateRangePicker.defaultProps = {
-  name: ["", ""],
-  type: "daterange",
-  readOnly: false,
-  isoWeek: true,
-  clearable: true,
-  disabled: false,
-  unlinkPanels: false,
-  rangeSeparator: "到"
-};
 DateRangePicker.displayName = "DateRangePicker";
 var DateRangePicker_default = DateRangePicker;

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, "type" | "value" | "name" | "defaultValue" | "onChange"> & {
+declare const _default: React.MemoExoticComponent<React.ForwardRefExoticComponent<Omit<import("..").DatePickerProps, "name" | "value" | "type" | "defaultValue" | "onChange"> & {
     name?: string;
     value?: string;
     defaultValue?: string;

package/dist/DateTimePicker/DateTimePicker.js

@@ -45,6 +45,15 @@ var import_Util = require("../Util");
 var import_hooks = require("../hooks");
 var import_util = require("./util");
 var DateTimePicker = (0, import_react.forwardRef)((props, ref) => {
+  props = {
+    format: "YYYY-MM-DD HH:mm:ss",
+    readonly: true,
+    isoWeek: true,
+    clearable: true,
+    disabled: false,
+    placeholder: "请选择日期时间",
+    ...props
+  };
   const {
     name,
     readonly,
@@ -62,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);
@@ -120,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,
@@ -181,8 +190,9 @@ var DateTimePicker = (0, import_react.forwardRef)((props, ref) => {
       /* @__PURE__ */ import_react.default.createElement(import_Calendar.Calendar, { hasTime: true }, /* @__PURE__ */ import_react.default.createElement("div", { className: e`time-header` }, /* @__PURE__ */ import_react.default.createElement("div", { className: e`editor-wrap` }, /* @__PURE__ */ import_react.default.createElement(import_Input.Input, { placeholder: "选择日期", value: date, clearable: false })), /* @__PURE__ */ import_react.default.createElement("div", { className: e`editor-wrap` }, /* @__PURE__ */ import_react.default.createElement(import_Input.Input, { placeholder: "选择时间", value: time, clearable: false, onFocus: () => setShowTime(true), ref: timeReferenceElement }), /* @__PURE__ */ import_react.default.createElement(
         import_Transition.Transition,
         {
+          nodeRef: () => ({ current: timePanelRef.current.ref }),
           visible: showTime,
-          name: "r-slide-up",
+          name: b("slide-up", false),
           transitionAppear: true,
           unmountOnExit: true,
           display: "",
@@ -215,13 +225,5 @@ var DateTimePicker = (0, import_react.forwardRef)((props, ref) => {
     )
   ));
 });
-DateTimePicker.defaultProps = {
-  format: "YYYY-MM-DD HH:mm:ss",
-  readonly: true,
-  isoWeek: true,
-  clearable: true,
-  disabled: false,
-  placeholder: "请选择日期时间"
-};
 DateTimePicker.displayName = "DateTimePicker";
 var DateTimePicker_default = (0, import_react.memo)(DateTimePicker);

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

@@ -38,7 +38,7 @@ var import_hooks = require("../hooks");
 var import_DescriptionsContext = require("./DescriptionsContext");
 var import_DescriptionsRow = __toESM(require("./DescriptionsRow"));
 var Descriptions = (0, import_react.forwardRef)((props, ref) => {
-  const { border, column, direction, title, size, extra, classPrefix = "descriptions", className, style } = props;
+  const { border, column = 3, direction = "horizontal", title, size, extra, classPrefix = "descriptions", className, style } = props;
   const { b, e, m, is } = (0, import_hooks.useClassNames)(classPrefix);
   const getChildInstance = (0, import_hooks.useChildrenInstance)("DescriptionsItem");
   const filledNode = (0, import_react.useCallback)((node, span, count, isLast = false) => {
@@ -89,8 +89,4 @@ var Descriptions = (0, import_react.forwardRef)((props, ref) => {
   return /* @__PURE__ */ import_react.default.createElement("div", { ref, className: (0, import_classnames.default)(b(), { [m(size)]: size }, className), style }, (title || extra) && /* @__PURE__ */ import_react.default.createElement("div", { className: e`header` }, /* @__PURE__ */ import_react.default.createElement("div", { className: e`title` }, title), /* @__PURE__ */ import_react.default.createElement("div", { className: e`extra` }, extra)), /* @__PURE__ */ import_react.default.createElement(import_DescriptionsContext.DescriptionsContext.Provider, { value: { direction, border } }, /* @__PURE__ */ import_react.default.createElement("div", { className: e`body` }, /* @__PURE__ */ import_react.default.createElement("table", { className: (0, import_classnames.default)(e`table`, is({ bordered: border })) }, /* @__PURE__ */ import_react.default.createElement("tbody", null, rows.map((row) => /* @__PURE__ */ import_react.default.createElement(import_DescriptionsRow.default, { row })))))));
 });
 Descriptions.displayName = "Descriptions";
-Descriptions.defaultProps = {
-  column: 3,
-  direction: "horizontal"
-};
 var Descriptions_default = (0, import_react.memo)(Descriptions);

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