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

package/dist/Pagination/typings.d.ts

@@ -1,41 +1,69 @@
 import React from 'react';
 import { BaseProps, NativeProps } from '../types/common';
 export interface PaginationRef {
+    /** 当前页数 */
     pageNum: number;
+    /** 每页条数 */
     pageSize: number;
+    /** 设置当前页数 */
     setPageNum: (value: number) => void;
+    /** 设置每页条数 */
     setPageSize: (value: number) => void;
 }
 export interface PaginationProps extends BaseProps, NativeProps {
+    /** 当前页数 */
     current?: number;
+    /** 默认的当前页数 */
     defaultCurrent?: number;
+    /** 禁用分页 */
     disabled?: boolean;
+    /** 数据总数 */
     total: number;
+    /** 默认的每页条数 */
     defaultPageSize?: number;
+    /** 每页条数 */
     pageSize?: number;
+    /** 指定每页可以显示多少条 */
     pageSizeOptions?: Array<string>;
+    /** 只有一页时是否隐藏分页器 */
     hideOnSinglePage?: boolean;
+    /**  */
     showPrevNextJumpers?: boolean;
+    /** 是否可以快速跳转至某页 */
     showQuickJumper?: boolean | {
         goButton: React.ReactElement;
     };
+    /** 用于显示数据总量和当前数据顺序 */
     showTotal?: (total: number, [from, to]: [number, number]) => React.ReactElement | boolean | string;
+    /** 是否显示较少页面内容 */
     showLessItems?: boolean;
+    /** 是否显示原生 tooltip 页码提示 */
     showTitle?: boolean;
+    /** 是否展示 pageSize 切换器，当 total 大于 50 时默认为 true */
     showSizeChanger?: boolean;
+    /** pageSize 变化的回调 */
     onShowSizeChange?: (current?: number, size?: number) => void;
+    /** 用于自定义页码的结构，可用于优化 SEO */
     itemRender?: (page: number, type: PageType, element: React.ReactElement) => React.ReactElement<{
         disabled?: boolean;
     }>;
+    /** 页码或 pageSize 改变的回调，参数是改变后的页码及每页条数 */
     onChange?: (current: number, pageSize: number) => void;
+    /** 当添加该属性时，显示为简单分页 */
     simple?: boolean;
+    /** 当为 small 时，是小尺寸分页 */
     size?: 'small';
 }
 export type PageType = 'page' | 'prev' | 'next' | 'jump-prev' | 'jump-next';
 export interface PagerProps extends BaseProps, NativeProps {
+    /** 页数 */
     page: number;
+    /** 是否显示原生 tooltip 页码提示 */
     showTitle?: boolean;
+    /** 是否激活状态 */
     active?: boolean;
+    /** 点击事件 */
     onClick?: (page: number) => void;
+    /** 用于自定义页码的结构，可用于优化 SEO */
     itemRender?: (current: number, type: PageType, element: React.ReactElement) => React.ReactElement;
 }

package/dist/Popconfirm/Popconfirm.js

@@ -37,8 +37,21 @@ var import_react = __toESM(require("react"));
 var import_Button = require("../Button");
 var import_Icon = require("../Icon");
 var import_Tooltip = __toESM(require("../Tooltip/Tooltip"));
+var import_Util = require("../Util");
 var import_hooks = require("../hooks");
 var Popconfirm = (props) => {
+  props = (0, import_Util.mergeDefaultProps)(
+    {
+      showArrow: true,
+      confirmButtonText: "确 定",
+      cancelButtonText: "取 消",
+      confirmButtonType: "primary",
+      cancelButtonType: "primary",
+      icon: "circle-question",
+      iconColor: "#f90"
+    },
+    props
+  );
   const {
     title,
     confirmButtonText,
@@ -64,7 +77,7 @@ var Popconfirm = (props) => {
       classPrefix,
       popperClass: b("popover", false),
       popperStyle: { minWidth: 200 },
-      triggerRef: /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, props.children),
+      triggerRef: props.children,
       enterable: true,
       effect: "light",
       trigger: "click",
@@ -101,14 +114,5 @@ var Popconfirm = (props) => {
     }
   );
 };
-Popconfirm.defaultProps = {
-  showArrow: true,
-  confirmButtonText: "确 定",
-  cancelButtonText: "取 消",
-  confirmButtonType: "primary",
-  cancelButtonType: "primary",
-  icon: "circle-question",
-  iconColor: "#f90"
-};
 Popconfirm.displayName = "Popconfirm";
 var Popconfirm_default = Popconfirm;

package/dist/Popconfirm/typings.d.ts

@@ -1,16 +1,27 @@
+import React from 'react';
 import { IconName } from '../Icon';
 import { PopperOptions } from '../Popper';
 import { BaseProps, NativeProps, TypeAttributes } from '../types/common';
-export interface PopconfirmProps extends BaseProps, NativeProps, PopperOptions {
+export interface PopconfirmProps extends BaseProps<React.ReactElement>, NativeProps, PopperOptions {
     classPrefix?: string;
+    /** 显示的内容 */
     title: string;
+    /** 确认按钮文字 */
     confirmButtonText?: string;
+    /** 取消按钮文字 */
     cancelButtonText?: string;
+    /** 确认按钮类型 */
     confirmButtonType?: TypeAttributes.Appearance;
+    /** 取消按钮类型 */
     cancelButtonType?: TypeAttributes.Appearance;
+    /** 自定义图标 */
     icon?: IconName;
+    /** Icon 颜色 */
     iconColor?: string;
+    /** 是否隐藏 Icon */
     hideIcon?: boolean;
+    /** 点击确认按钮时触发 */
     onConfirm?: () => void;
+    /** 点击取消按钮时触发 */
     onCancel?: () => void;
 }

package/dist/Popover/Popover.js

@@ -35,8 +35,20 @@ module.exports = __toCommonJS(Popover_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 Popover = (props) => {
+  props = (0, import_Util.mergeDefaultProps)(
+    {
+      placement: "bottom",
+      showArrow: true,
+      showTimeout: 0,
+      hideTimeout: 300,
+      width: 200,
+      trigger: "click"
+    },
+    props
+  );
   const { title, classPrefix = "popover", plain, width, showTimeout, hideTimeout, offset, trigger, content, onEnter, onMouseEnter, onMouseLeave, placement, ...rest } = props;
   const { b, e, m } = (0, import_hooks.useClassNames)(classPrefix);
   const [popperProps] = (0, import_hooks.partitionPopperPropsUtils)(rest);
@@ -59,7 +71,7 @@ var Popover = (props) => {
       classPrefix,
       popperClass: (0, import_classnames.default)(b(), { [m`plain`]: plain }),
       popperStyle: { width },
-      triggerRef: /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, props.children),
+      triggerRef: props.children,
       enterable: true,
       effect: "light",
       placement,
@@ -76,13 +88,5 @@ var Popover = (props) => {
     }
   );
 };
-Popover.defaultProps = {
-  placement: "bottom",
-  showArrow: true,
-  showTimeout: 0,
-  hideTimeout: 300,
-  width: 200,
-  trigger: "click"
-};
 Popover.displayName = "Popover";
 var Popover_default = Popover;

package/dist/Popover/typings.d.ts

@@ -2,17 +2,29 @@ import React from 'react';
 import { PopperOptions } from '../Popper';
 import { TransitionProps } from '../Transition';
 import { AnimationEventProps, BaseProps, NativeProps } from '../types/common';
-export interface PopoverProps extends BaseProps, NativeProps, PopperOptions, AnimationEventProps, TransitionProps {
+/** Dropdown 属性 */
+export interface PopoverProps extends BaseProps<React.ReactElement>, NativeProps, PopperOptions, AnimationEventProps, Omit<TransitionProps, 'children'> {
+    /** 触发下拉的行为 */
     trigger?: 'hover' | 'click' | 'contextmenu';
+    /** 标题 */
     title?: string;
+    /** 显示的内容 */
     content?: string | React.ReactElement;
+    /** 默认提供的主题 */
     theme?: 'light' | 'dark' | string;
+    /** 宽度 */
     width?: number | string;
+    /** Popover 是否可用 */
     disabled?: boolean;
+    /** 展开下拉菜单的延时，仅在 trigger 为 hover 时有效 */
     showTimeout?: number;
+    /** 收起下拉菜单的延时（仅在 trigger 为 hover 时有效） */
     hideTimeout?: number;
+    /** 状态是否可见 */
     visible?: boolean;
+    /** 初始值 */
     defaultVisible?: boolean;
+    /** 是否纯文本 */
     plain?: boolean;
     onMouseEnter?: (e?: React.MouseEvent<any>) => void;
     onMouseLeave?: (e?: React.MouseEvent<any>) => void;

package/dist/Popper/Popper.js

@@ -45,6 +45,19 @@ var import_prefix = require("../hooks/prefix");
 var import_popperOptions = __toESM(require("./popperOptions"));
 var Popper = (0, import_react.forwardRef)((props, ref) => {
   var _a;
+  props = (0, import_Util.mergeDefaultProps)(
+    {
+      arrowOffset: 5,
+      appendToBody: true,
+      offset: 10,
+      placement: "bottom",
+      popperClass: "",
+      showArrow: true,
+      gpuAcceleration: false,
+      strategy: "absolute"
+    },
+    props
+  );
   const {
     id = (0, import_Util.randomCode)(5),
     visible,
@@ -74,13 +87,13 @@ var Popper = (0, import_react.forwardRef)((props, ref) => {
   const animation = (0, import_react.useMemo)(() => {
     var _a2, _b, _c, _d;
     if ((0, import_startsWith.default)(((_a2 = popperInstance == null ? void 0 : popperInstance.state) == null ? void 0 : _a2.placement) || (props == null ? void 0 : props.placement), "top")) {
-      return `${import_prefix.globalKey}-slide-down`;
+      return `${import_prefix.namespace}-slide-down`;
     } else if ((0, import_startsWith.default)(((_b = popperInstance == null ? void 0 : popperInstance.state) == null ? void 0 : _b.placement) || (props == null ? void 0 : props.placement), "bottom")) {
-      return `${import_prefix.globalKey}-slide-up`;
+      return `${import_prefix.namespace}-slide-up`;
     } else if ((0, import_startsWith.default)(((_c = popperInstance == null ? void 0 : popperInstance.state) == null ? void 0 : _c.placement) || (props == null ? void 0 : props.placement), "left")) {
-      return `${import_prefix.globalKey}-slide-right`;
+      return `${import_prefix.namespace}-slide-right`;
     } else if ((0, import_startsWith.default)(((_d = popperInstance == null ? void 0 : popperInstance.state) == null ? void 0 : _d.placement) || (props == null ? void 0 : props.placement), "right")) {
-      return `${import_prefix.globalKey}-slide-left`;
+      return `${import_prefix.namespace}-slide-left`;
     }
   }, [(_a = popperInstance == null ? void 0 : popperInstance.state) == null ? void 0 : _a.placement, props == null ? void 0 : props.placement]);
   const afterLeave = (0, import_react.useCallback)(() => {
@@ -102,18 +115,18 @@ var Popper = (0, import_react.forwardRef)((props, ref) => {
     }
   }, [popperInstance]);
   (0, import_hooks.useComponentWillMount)(() => {
-    if (!transitionProps.unmountOnExit && document.getElementById(`${import_prefix.globalKey}-popper-${id}`)) {
-      document.getElementById(`${import_prefix.globalKey}-popper-${id}`).parentNode.removeChild(document.getElementById(`${import_prefix.globalKey}-popper-${id}`));
+    if (!transitionProps.unmountOnExit && document.getElementById(`${import_prefix.namespace}-popper-${id}`)) {
+      document.getElementById(`${import_prefix.namespace}-popper-${id}`).parentNode.removeChild(document.getElementById(`${import_prefix.namespace}-popper-${id}`));
     }
   });
   (0, import_react.useImperativeHandle)(ref, () => ({
     popperInstance
   }));
   const content = (0, import_react.useMemo)(
-    () => /* @__PURE__ */ import_react.default.createElement(import_Transition.Transition, { visible, name: animation, className, afterLeave, ...transitionProps }, /* @__PURE__ */ import_react.default.createElement(
+    () => /* @__PURE__ */ import_react.default.createElement(import_Transition.Transition, { nodeRef: { current: popperElement }, visible, name: animation, className, afterLeave, ...transitionProps }, /* @__PURE__ */ import_react.default.createElement(
       "div",
       {
-        id: `${import_prefix.globalKey}-popper-${id}`,
+        id: `${import_prefix.namespace}-popper-${id}`,
         className: (0, import_classnames.default)(b(), is(effect), popperClass),
         onMouseEnter,
         onMouseLeave,
@@ -137,6 +150,7 @@ var Popper = (0, import_react.forwardRef)((props, ref) => {
       onMouseEnter,
       onMouseLeave,
       popperClass,
+      popperElement,
       popperStyle,
       props.children,
       showArrow,
@@ -148,14 +162,4 @@ var Popper = (0, import_react.forwardRef)((props, ref) => {
   );
   return appendToBody ? (0, import_react_dom.createPortal)(content, appendTo) : content;
 });
-Popper.defaultProps = {
-  arrowOffset: 5,
-  appendToBody: true,
-  offset: 10,
-  placement: "bottom",
-  popperClass: "",
-  showArrow: true,
-  gpuAcceleration: false,
-  strategy: "absolute"
-};
 var Popper_default = Popper;

package/dist/Popper/typings.d.ts

@@ -17,13 +17,19 @@ export interface PopperOptionRef {
 }
 export type PopperOptions = {
     popperInstRef?: React.MutableRefObject<PopperOptionRef>;
+    /** 出现位置的偏移量 */
     offset?: number;
+    /** 出现的位置 */
     placement?: Placement;
+    /** 是否显示箭头 */
     arrowOffset?: number;
+    /** 箭头距离边缘的位置 */
     showArrow?: boolean;
+    /** 为 popper 添加自定义类名 */
     popperClass?: string;
+    /** 为 popper 添加自定义内联样式 */
     popperStyle?: React.CSSProperties;
-    effect?: 'light' | 'dark';
+    effect?: 'light' | 'dark' | string;
     popperOptions?: Options;
 };
 export type PopperProps = {

package/dist/Progress/Progress.js

@@ -35,9 +35,21 @@ module.exports = __toCommonJS(Progress_exports);
 var import_classnames = __toESM(require("classnames"));
 var import_react = __toESM(require("react"));
 var import_Icon = require("../Icon");
+var import_Util = require("../Util");
 var import_hooks = require("../hooks");
 var import_prefix = require("../hooks/prefix");
 var Progress = (props) => {
+  props = (0, import_Util.mergeDefaultProps)(
+    {
+      type: "line",
+      strokeWidth: 6,
+      duration: 3,
+      width: 126,
+      showText: true,
+      strokeLinecap: "round"
+    },
+    props
+  );
   const { classPrefix = "progress", percentage, type, strokeWidth, textInside, status, indeterminate, duration, color, width, showText, strokeLinecap, format } = props;
   const { b, m, e, be, bem, is } = (0, import_hooks.useClassNames)(classPrefix);
   const backgroundColor = (0, import_react.useMemo)(() => {
@@ -161,7 +173,7 @@ var Progress = (props) => {
       {
         className: be("circle", "track"),
         d: trackPath,
-        stroke: `var(--${import_prefix.globalKey}-fill-color-light, #e5e9f2)`,
+        stroke: `var(--${import_prefix.namespace}-fill-color-light, #e5e9f2)`,
         strokeWidth: relativeStrokeWidth,
         fill: "none",
         style: trailPathStyle
@@ -182,13 +194,5 @@ var Progress = (props) => {
   );
   return /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)(b(), m(type), is(status), props.className), style: props.style }, type === "line" && bar, (type === "circle" || type === "dashboard") && circle, showText && !textInside && /* @__PURE__ */ import_react.default.createElement("div", { className: e`text` }, text));
 };
-Progress.defaultProps = {
-  type: "line",
-  strokeWidth: 6,
-  duration: 3,
-  width: 126,
-  showText: true,
-  strokeLinecap: "round"
-};
 Progress.displayName = "Progress";
 var Progress_default = Progress;

package/dist/Progress/typings.d.ts

@@ -1,18 +1,30 @@
 import { BaseProps, NativeProps } from '../types/common';
 export interface PropgressProps extends BaseProps, NativeProps {
+    /** 百分比，必填 */
     percentage: number;
+    /** 进度条类型 */
     type?: 'line' | 'circle' | 'dashboard';
+    /** 进度条的宽度 */
     strokeWidth?: number;
+    /** 进度条显示文字内置在进度条内（仅 type 为 'line' 时可用） */
     textInside?: boolean;
+    /** 进度条当前状态 */
     status?: 'success' | 'exception' | 'warning';
+    /** 是否为动画进度条 */
     indeterminate?: boolean;
+    /** 控制动画进度条速度 */
     duration?: number;
+    /** 进度条背景色 进度条背景色 （会覆盖 status 状态颜色） */
     color?: string | ((percentage: number) => string) | {
         color: string;
         percentage: number;
     }[];
+    /** 环形进度条画布宽度（只在 type 为 circle 或 dashboard 时可用） */
     width?: number;
+    /** 是否显示进度条文字内容 */
     showText?: boolean;
+    /** circle/dashboard 类型路径两端的形状 */
     strokeLinecap?: 'butt' | 'round' | 'square';
+    /** 指定进度条文字内容 */
     format?: (percentage: number) => string;
 }

package/dist/Radio/typings.d.ts

@@ -7,11 +7,18 @@ export type RadioRef = {
     setChecked: (value: boolean) => void;
 };
 export interface RadioProps<T = ValueType> extends Omit<React.AllHTMLAttributes<HTMLInputElement>, 'size' | 'prefix' | 'type' | 'value' | 'defaultValue' | 'onChange' | 'style' | 'children'>, Omit<FormControlBaseProps<T>, 'onChange'>, BaseProps, NativeProps {
+    /** tooltip 提示*/
     title?: string;
+    /** 是否只读 */
     readOnly?: boolean;
+    /** Render the control as plain text */
     plaintext?: boolean;
+    /** 是否选中 */
     checked?: boolean;
+    /** 默认是否选中 */
     defaultChecked?: boolean;
+    /** 原生 name 属性 */
     name?: string;
+    /** 当绑定值变化时触发的事件 */
     onChange?: (checked: boolean, value: T, event: React.ChangeEvent<HTMLInputElement>) => void;
 }

package/dist/RadioGroup/typings.d.ts

@@ -6,6 +6,7 @@ export interface RadioContextProps {
     value?: ValueType;
     controlled?: boolean;
     disabled?: boolean;
+    /** 尺寸 */
     size?: TypeAttributes.Size;
     readOnly?: boolean;
     plaintext?: boolean;

package/dist/Row/Row.js

@@ -38,6 +38,14 @@ var import_Util = require("../Util");
 var import_hooks = require("../hooks");
 var import_RowContext = require("./RowContext");
 var Row = (props) => {
+  props = (0, import_Util.mergeDefaultProps)(
+    {
+      gutter: 0,
+      justify: "start",
+      tag: "div"
+    },
+    props
+  );
   const { tag = "div", gutter = 0, justify, align, classPrefix = "row" } = props;
   const { b, is } = (0, import_hooks.useClassNames)(classPrefix);
   return /* @__PURE__ */ import_react.default.createElement(import_RowContext.RowContext.Provider, { value: { gutter } }, import_react.default.createElement(
@@ -52,9 +60,4 @@ var Row = (props) => {
     props.children
   ));
 };
-Row.defaultProps = {
-  gutter: 0,
-  justify: "start",
-  tag: "div"
-};
 var Row_default = Row;

package/dist/Row/RowContext.d.ts

@@ -1,5 +1,6 @@
 /// <reference types="react" />
 export interface RowContext {
+    /** 栅格间隔 */
     gutter?: number;
 }
 export declare const RowContext: import("react").Context<RowContext>;

package/dist/Row/typings.d.ts

@@ -1,7 +1,11 @@
 import { BaseProps, NativeProps } from '../types/common';
 export interface RowProps extends BaseProps, NativeProps {
+    /** 栅格间隔 */
     gutter?: number;
+    /** 布局下的水平排列方式 */
     justify?: 'start' | 'end' | 'center' | 'space-around' | 'space-between' | 'space-evenly';
+    /** flex 布局下的垂直排列方式 */
     align?: 'top' | 'middle' | 'bottom';
+    /** 自定义元素标签 */
     tag?: string;
 }

package/dist/Scrollbar/Scrollbar.js

@@ -36,10 +36,23 @@ var import_classnames = __toESM(require("classnames"));
 var import_isNumber = __toESM(require("lodash/isNumber"));
 var import_isObject = __toESM(require("lodash/isObject"));
 var import_react = __toESM(require("react"));
+var import_Util = require("../Util");
 var import_resize_event = require("../Util/resize-event");
 var import_hooks = require("../hooks");
 var import_Thumb = __toESM(require("./Thumb"));
 var Scrollbar = (0, import_react.forwardRef)((props, ref) => {
+  props = (0, import_Util.mergeDefaultProps)(
+    {
+      native: false,
+      tag: "div",
+      always: false,
+      minSize: 20,
+      height: "100%",
+      showHorizontal: true,
+      showVertical: true
+    },
+    props
+  );
   const { tag, className, style, wrapClass, wrapStyle, viewClass, viewStyle, native, height, maxHeight, minSize, always, onScroll, showHorizontal, showVertical, ...rest } = props;
   const { b, e, em } = (0, import_hooks.useClassNames)("scrollbar");
   const [htmlInputProps] = (0, import_hooks.partitionHTMLProps)(rest);
@@ -149,14 +162,5 @@ var Scrollbar = (0, import_react.forwardRef)((props, ref) => {
     )
   ), !native ? /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, showHorizontal && /* @__PURE__ */ import_react.default.createElement(import_Thumb.default, { move: moveX, ratio: ratioX, size: sizeWidth, vertical: false, always, scrollbar: containerRef, wrapRef }), showVertical && /* @__PURE__ */ import_react.default.createElement(import_Thumb.default, { move: moveY, ratio: ratioY, size: sizeHeight, vertical: true, always, scrollbar: containerRef, wrapRef })) : null);
 });
-Scrollbar.defaultProps = {
-  native: false,
-  tag: "div",
-  always: false,
-  minSize: 20,
-  height: "100%",
-  showHorizontal: true,
-  showVertical: true
-};
 Scrollbar.displayName = "Scrollbar";
 var Scrollbar_default = Scrollbar;

package/dist/Scrollbar/Thumb.js

@@ -150,6 +150,6 @@ var Thumb = (props) => {
       }
     };
   }, []);
-  return /* @__PURE__ */ import_react.default.createElement(import_Transition.Transition, { name: b`fade`, visible: always || visible, transitionAppear: true, afterEnter: onEnter }, /* @__PURE__ */ import_react.default.createElement("div", { ref: instanceRef, className: (0, import_classnames.default)(e`bar`, is(bar.key, { always })), onMouseDown: clickTrackHandler }, /* @__PURE__ */ import_react.default.createElement("div", { ref: thumbRef, className: (0, import_classnames.default)(e`thumb`), style: thumbStyle, onMouseDown: clickThumbHandler })));
+  return /* @__PURE__ */ import_react.default.createElement(import_Transition.Transition, { nodeRef: instanceRef, name: b`fade`, visible: always || visible, transitionAppear: true, afterEnter: onEnter }, /* @__PURE__ */ import_react.default.createElement("div", { ref: instanceRef, className: (0, import_classnames.default)(e`bar`, is(bar.key, { always })), onMouseDown: clickTrackHandler }, /* @__PURE__ */ import_react.default.createElement("div", { ref: thumbRef, className: (0, import_classnames.default)(e`thumb`), style: thumbStyle, onMouseDown: clickThumbHandler })));
 };
 var Thumb_default = (0, import_react.memo)(Thumb);

package/dist/Scrollbar/typings.d.ts

@@ -2,27 +2,47 @@ import React, { RefObject } from 'react';
 import { BaseProps, NativeProps } from '../types/common';
 export interface ScrollbarRef {
     ref: RefObject<HTMLDivElement>;
+    /** 滚动到一组特定坐标 */
     scrollTo: (options: number, yCoord?: number) => void;
+    /** 设置滚动条到顶部的距离 */
     setScrollTop: (value: number) => void;
+    /** 设置滚动条到左边的距离 */
     setScrollLeft: (value: number) => void;
+    /** 手动更新滚动条状态 */
     update: () => void;
+    /** 滚动条包裹的 ref 对象 */
     wrapRef: RefObject<HTMLDivElement>;
+    /** 视图ref对象 */
     resizeRef: RefObject<any>;
 }
 export interface ScrollbarProps extends BaseProps, NativeProps<'--el-scrollbar-opacity' | '--el-scrollbar-bg-color' | '--el-scrollbar-hover-opacity' | '--el-scrollbar-hover-bg-color' | '--el-scrollbar-width'> {
+    /** 滚动条高度 */
     height?: number | string;
+    /** 滚动条最大高度 */
     maxHeight?: number | string;
+    /** 是否使用原生滚动条样式 */
     native?: boolean;
+    /** 包裹容器的自定义样式 */
     wrapStyle?: React.CSSProperties;
+    /** 包裹容器的自定义类名 */
     wrapClass?: string;
+    /** 视图的自定义样式 */
     viewStyle?: React.CSSProperties;
+    /** 视图的自定义类名 */
     viewClass?: string;
+    /** 不响应容器尺寸变化，如果容器尺寸不会发生变化，最好设置它可以优化性能 */
     noresize?: boolean;
+    /** 视图的元素标签 */
     tag?: string;
+    /** 滚动条总是显示 */
     always?: boolean;
+    /** 滚动条最小尺寸 */
     minSize?: number;
+    /** 是否显示横向滚动条 */
     showHorizontal?: boolean;
+    /** 是否显示纵向滚动条 */
     showVertical?: boolean;
+    /** 滚动时触发的事件 */
     onScroll?: (data: {
         e: React.UIEvent<HTMLDivElement, UIEvent>;
         scrollTop: number;

package/dist/Select/SelectCore.js

@@ -48,6 +48,23 @@ var import_Util = require("../Util");
 var import_hooks = require("../hooks");
 var import_SelectDropdown = __toESM(require("./SelectDropdown"));
 var SelectCore = (0, import_react.forwardRef)((props, ref) => {
+  props = (0, import_Util.mergeDefaultProps)(
+    {
+      placeholder: "请选择",
+      noDataText: "无数据",
+      noMatchText: "没有找到匹配的结果",
+      loadingText: /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(import_Icon.Icon, { prefix: "fas", name: "spinner", spin: true }), " 加载中..."),
+      clearable: true,
+      filterable: false,
+      error: false,
+      required: false,
+      disabled: false,
+      maxWidth: 500,
+      collapseTagsTooltip: true,
+      maxCollapseTags: 1
+    },
+    props
+  );
   const { b, e, be, m, is } = (0, import_hooks.useClassNames)("select");
   const containerRef = (0, import_react.useRef)(null);
   const contentRef = (0, import_react.useRef)(null);
@@ -412,19 +429,5 @@ var SelectCore = (0, import_react.forwardRef)((props, ref) => {
     )
   ));
 });
-SelectCore.defaultProps = {
-  placeholder: "请选择",
-  noDataText: "无数据",
-  noMatchText: "没有找到匹配的结果",
-  loadingText: /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(import_Icon.Icon, { prefix: "fas", name: "spinner", spin: true }), " 加载中..."),
-  clearable: true,
-  filterable: false,
-  error: false,
-  required: false,
-  disabled: false,
-  maxWidth: 500,
-  collapseTagsTooltip: true,
-  maxCollapseTags: 1
-};
 SelectCore.displayName = "SelectCore";
 var SelectCore_default = SelectCore;