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

package/dist/Cascader/useCascader.d.ts

@@ -1,29 +1,101 @@
 import { Key } from '../Tree';
 import { CascaderProps, OptionNode } from './typings';
+/**
+ * @author	Parker
+ * @CreateTime	2022/4/17 16:02:49
+ * @LastEditor	Parker
+ * @ModifyTime	2022/11/20 13:05:51
+ * @Description
+ */
 export declare const useCascader: (initialData: object[], props: CascaderProps, value: string[] | string[][]) => {
+    /** 最高层级 */
     allLevel: number;
+    /** 选项数据 */
     optionData: Record<string, OptionNode[]>;
+    /**
+     * 懒加载时存储option
+     * @param nodes
+     * @param level 层级
+     */
     storeOptionData: (nodes: object[], level: number, parent: OptionNode, { isTree, isCover }: {
         isTree?: boolean;
         isCover?: boolean;
     }) => OptionNode[];
+    /**
+     * 获取选中的值
+     * @param level 层级
+     * @returns
+     */
     getSelectedValue: () => string[];
+    /**
+     * 获取任意层级选中的值
+     * @param level 层级
+     * @returns
+     */
     getValueOfLevel: (level?: number) => string;
+    /**
+     * 获取选中的文本
+     * @param level 层级
+     * @returns
+     */
     getSelectedLabel: (labelFormatter?: (node?: OptionNode[]) => string) => string;
+    /**
+     * 设置任意层级节点的标签
+     * @param level 层级
+     * @param value
+     */
     setSelectedNode: (level: number, node: OptionNode) => void;
     setSelectedValue: (level: number, val: string) => void;
     getSelectedNode: () => OptionNode[];
+    /**
+     * 设置选中节点
+     * @param level 层级
+     * @param node 当前节点
+     * @param checked 是否选中
+     */
     setCheckedNode: (level: number, node: OptionNode, checked: boolean) => void;
     getCheckedNodes: () => OptionNode[][];
     getCheckedValue: () => string[][];
     getCheckedLabel: () => any[][];
     loopGetParent: (level: number, node: OptionNode, result?: OptionNode[]) => OptionNode[];
+    /**
+     * 获取任意节点的option数据
+     * @param level 层级
+     * @returns
+     */
     getOptions: (level: number) => OptionNode[];
+    /** 清空值 */
     clearSelected: () => void;
+    /**
+     * 设置节点是否为叶子节点
+     * @param node
+     * @param isLeaf
+     */
     setNodeLeaf: (node: OptionNode, isLeaf: boolean) => void;
+    /**
+     * 获取数据类型
+     * @param level 层级
+     * @returns
+     */
     getDataType: (level: number) => any;
+    /**
+     * 获取树数据
+     * @param level 层级
+     * @returns
+     */
     getTreeData: (level: number) => any[];
+    /**
+     * 获取扩展key
+     * @param level 层级
+     * @returns
+     */
     getExpandedKeys: (level: number) => Key[];
+    /**
+     * 设置扩展key
+     * @param level 层级
+     * @param keys
+     * @returns
+     */
     setExpandedKeys: (level: number, keys: Key[]) => void;
     handleSearch: (searchText: string) => OptionNode[][];
     resetNodes: () => void;

package/dist/Checkbox/Checkbox.js

@@ -51,7 +51,7 @@ var Checkbox = (0, import_react.memo)(
       checked: controlledChecked,
       className,
       children,
-      defaultChecked,
+      defaultChecked = false,
       title,
       indeterminate,
       readOnly = readOnlyContext,
@@ -60,7 +60,7 @@ var Checkbox = (0, import_react.memo)(
       onClick,
       onCheckboxClick,
       onChange,
-      prevent,
+      prevent = false,
       onMouseEnter,
       onMouseLeave,
       ...rest
@@ -160,9 +160,5 @@ var Checkbox = (0, import_react.memo)(
     return title ? /* @__PURE__ */ import_react.default.createElement(import_Tooltip.default, { content: title }, main) : main;
   })
 );
-Checkbox.defaultProps = {
-  prevent: false,
-  defaultChecked: false
-};
 Checkbox.displayName = "ElCheckbox";
 var Checkbox_default = Checkbox;

package/dist/Checkbox/CheckboxButton.js

@@ -50,7 +50,7 @@ var CheckboxButton = (0, import_react.forwardRef)((props, ref) => {
     checked: controlledChecked,
     className,
     children,
-    defaultChecked,
+    defaultChecked = false,
     title,
     indeterminate,
     readOnly = readOnlyContext,
@@ -59,7 +59,7 @@ var CheckboxButton = (0, import_react.forwardRef)((props, ref) => {
     onClick,
     onCheckboxClick,
     onChange,
-    prevent,
+    prevent = false,
     onMouseEnter,
     onMouseLeave,
     ...rest
@@ -158,9 +158,5 @@ var CheckboxButton = (0, import_react.forwardRef)((props, ref) => {
   return title ? /* @__PURE__ */ import_react.default.createElement(import_Tooltip.default, { content: title }, main) : main;
 });
 var Comp = (0, import_react.memo)(CheckboxButton);
-Comp.defaultProps = {
-  prevent: false,
-  defaultChecked: false
-};
 Comp.displayName = "ElCheckboxButton";
 var CheckboxButton_default = Comp;

package/dist/Checkbox/typings.d.ts

@@ -7,15 +7,26 @@ export type CheckboxRef = {
     setChecked: (value: boolean) => void;
 };
 export interface CheckboxProps<V = ValueType> extends Omit<React.AllHTMLAttributes<HTMLElement>, 'value' | 'defaultValue' | 'loading' | 'size' | 'icon' | 'style' | 'onChange' | 'children'>, Omit<FormControlBaseProps<V>, 'onChange'>, BaseProps, NativeProps {
+    /** tooltip 提示*/
     title?: string;
+    /** Inline layout */
     inline?: boolean;
+    /** 是否只读 */
     readOnly?: boolean;
+    /** 是否选中 */
     checked?: boolean;
+    /** 默认是否选中 */
     defaultChecked?: boolean;
+    /** 是否中间状态 */
     indeterminate?: boolean;
+    /** 原生 name 属性 */
     name?: string;
+    /** 点击checkbox时是否阻止默认事件 */
     prevent?: boolean;
+    /** 当绑定值变化时触发的事件 */
     onChange?: (checked: boolean, value: ValueType, event: React.ChangeEvent<HTMLInputElement>) => void;
+    /** 点击checkbox顶级div事件 */
     onClick?: (event: React.MouseEvent<HTMLLabelElement, MouseEvent>) => void;
+    /** 点击checkbox事件 */
     onCheckboxClick?: (event: React.MouseEvent<HTMLInputElement, MouseEvent>) => void;
 }

package/dist/CheckboxGroup/CheckboxGroup.d.ts

@@ -3,9 +3,13 @@ import type { ValueType } from '../Checkbox/index';
 import { BaseProps, FormControlBaseProps, NativeProps, TypeAttributes } from '../types/common';
 export interface CheckboxGroupProps<V = ValueType[] | boolean> extends FormControlBaseProps<V>, BaseProps, NativeProps {
     name?: string;
+    /** 尺寸 */
     size?: TypeAttributes.Size;
+    /** 单个CheckBox时获取Boolean类型的值 */
     getBooleanOnSingle?: boolean;
+    /** 可被勾选的 checkbox 的最小数量 */
     min?: number;
+    /** 可被勾选的 checkbox 的最大数量 */
     max?: number;
 }
 declare const CheckboxGroup: FC<CheckboxGroupProps>;

package/dist/CheckboxGroup/CheckboxGroupContext.d.ts

@@ -9,6 +9,7 @@ export interface CheckboxGroupContextValue {
     disabled?: boolean;
     readOnly?: boolean;
     plaintext?: boolean;
+    /** 尺寸 */
     size?: TypeAttributes.Size;
     onChange?: (value: any, checked: boolean, event: any) => void;
 }

package/dist/Col/Col.js

@@ -39,7 +39,7 @@ var import_Row = require("../Row");
 var import_Util = require("../Util");
 var import_hooks = require("../hooks");
 var Col = (0, import_react.memo)((props) => {
-  const { tag = "div", span, offset, push, pull, classPrefix = "col" } = props;
+  const { tag = "div", span = 24, offset = 0, push = 0, pull = 0, classPrefix = "col" } = props;
   const { wb, b, is } = (0, import_hooks.useClassNames)(classPrefix);
   const { gutter = 0 } = (0, import_react.useContext)(import_Row.RowContext);
   const mediaClassName = (0, import_react.useMemo)(() => {
@@ -79,11 +79,4 @@ var Col = (0, import_react.memo)((props) => {
     props.children
   );
 });
-Col.defaultProps = {
-  span: 24,
-  offset: 0,
-  push: 0,
-  pull: 0,
-  tag: "div"
-};
 var Col_default = Col;

package/dist/Col/typings.d.ts

@@ -3,14 +3,24 @@ export type MediaType = keyof Pick<ColProps, 'span' | 'offset' | 'push' | 'pull'
 export type MediaLayout = Partial<Record<MediaType, number>>;
 export type MediaSize = Pick<ColProps, 'xs' | 'sm' | 'md' | 'lg' | 'xl'>;
 export interface ColProps extends BaseProps, NativeProps {
+    /** 栅格占据的列数 */
     span?: number;
+    /** 栅格左侧的间隔格数 */
     offset?: number;
+    /** 栅格向右移动格数 */
     push?: number;
+    /** 栅格向左移动格数 */
     pull?: number;
+    /** <768px 响应式栅格数或者栅格属性对象 */
     xs?: number | MediaLayout;
+    /** ≥768px 响应式栅格数或者栅格属性对象 */
     sm?: number | MediaLayout;
+    /** ≥992px 响应式栅格数或者栅格属性对象 */
     md?: number | MediaLayout;
+    /** ≥1200px 响应式栅格数或者栅格属性对象 */
     lg?: number | MediaLayout;
+    /** ≥1920px 响应式栅格数或者栅格属性对象 */
     xl?: number | MediaLayout;
+    /** 自定义元素标签 */
     tag?: string;
 }

package/dist/Collapse/CollapseContext.d.ts

@@ -1,9 +1,12 @@
 /// <reference types="react" />
 import { CollapseProps } from './typings';
 interface CollapseContextProps {
+    /** 当前激活的面板(可控模式：如果是手风琴模式，绑定值类型需要为string，否则为array) */
     value: CollapseProps['activeName'];
     setValue: (value: CollapseProps['activeName']) => void;
+    /** 是否手风琴模式 */
     accordion: boolean;
+    /** 当前激活面板改变时触发(如果是手风琴模式，参数 activeNames 类型为string，否则为array) */
     onChange: (activeNames: string | string[]) => void;
 }
 export declare const CollapseContext: import("react").Context<CollapseContextProps>;

package/dist/Collapse/CollapseItem.js

@@ -43,6 +43,7 @@ var CollapseItem = (0, import_react.memo)((props) => {
   const { name, title, disabled, classPrefix = "collapse-item" } = props;
   const { b, e, is } = (0, import_hooks.useClassNames)(classPrefix);
   const { value, setValue, accordion, onChange } = (0, import_react.useContext)(import_CollapseContext.CollapseContext);
+  const containerRef = (0, import_react.useRef)(null);
   const active = (0, import_react.useMemo)(() => {
     if (accordion && typeof value === "string") {
       return name === value;
@@ -77,17 +78,18 @@ var CollapseItem = (0, import_react.memo)((props) => {
   return /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)(b(), is({ active, disabled }), props.className), style: props.style }, /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement("div", { className: e`header`, onClick: handleClick }, title, /* @__PURE__ */ import_react.default.createElement(import_Icon.Icon, { name: "angle-right", className: (0, import_classnames.default)(e`arrow`, is({ active })) }))), /* @__PURE__ */ import_react.default.createElement(
     import_Transition.Transition,
     {
+      nodeRef: containerRef,
       name: "r-menu-collapse",
       duration: 300,
       visible: active,
-      beforeEnter: import_CollapseTransition.beforeEnter,
-      onEnter: import_CollapseTransition.onEnter,
-      afterEnter: import_CollapseTransition.afterEnter,
-      beforeLeave: import_CollapseTransition.beforeLeave,
-      onLeave: import_CollapseTransition.onLeave,
-      afterLeave: import_CollapseTransition.afterLeave
+      beforeEnter: () => (0, import_CollapseTransition.beforeEnter)(containerRef),
+      onEnter: () => (0, import_CollapseTransition.onEnter)(containerRef),
+      afterEnter: () => (0, import_CollapseTransition.afterEnter)(containerRef),
+      beforeLeave: () => (0, import_CollapseTransition.beforeLeave)(containerRef),
+      onLeave: () => (0, import_CollapseTransition.onLeave)(containerRef),
+      afterLeave: () => (0, import_CollapseTransition.afterLeave)(containerRef)
     },
-    /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)(e`wrap`), style: { display: "none" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: e`content` }, props.children))
+    /* @__PURE__ */ import_react.default.createElement("div", { ref: containerRef, className: (0, import_classnames.default)(e`wrap`), style: { display: "none" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: e`content` }, props.children))
   ));
 });
 CollapseItem.displayName = "CollapseItem";

package/dist/Collapse/CollapseTransition.d.ts

@@ -1,6 +1,7 @@
-export declare const beforeEnter: (el: any) => void;
-export declare const onEnter: (el: HTMLElement) => void;
-export declare const afterEnter: (el: HTMLElement) => void;
-export declare const beforeLeave: (el: any) => void;
-export declare const onLeave: (el: any) => void;
-export declare const afterLeave: (el: any) => void;
+import { RefObject } from 'react';
+export declare const beforeEnter: (node: RefObject<HTMLElement>) => void;
+export declare const onEnter: (node: RefObject<HTMLElement>) => void;
+export declare const afterEnter: (node: RefObject<HTMLElement>) => void;
+export declare const beforeLeave: (node: RefObject<any>) => void;
+export declare const onLeave: (node: RefObject<any>) => void;
+export declare const afterLeave: (node: RefObject<HTMLElement>) => void;

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)();
@@ -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;