rsuite 5.0.0 → 5.1.0

package/esm/Slider/Handle.js

@@ -5,15 +5,14 @@ import PropTypes from 'prop-types';
 import { DOMMouseMoveTracker, addStyle, getWidth } from 'dom-lib';
 import Tooltip from '../Tooltip';
 import { useClassNames, mergeRefs } from '../utils';
-var defaultProps = {
-  as: 'div',
-  classPrefix: 'slider'
-};
+import Input from './Input';
 var Handle = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _extends2;
 
-  var Component = props.as,
-      classPrefix = props.classPrefix,
+  var _props$as = props.as,
+      Component = _props$as === void 0 ? 'div' : _props$as,
+      _props$classPrefix = props.classPrefix,
+      classPrefix = _props$classPrefix === void 0 ? 'slider' : _props$classPrefix,
       className = props.className,
       disabled = props.disabled,
       style = props.style,
@@ -23,11 +22,16 @@ var Handle = /*#__PURE__*/React.forwardRef(function (props, ref) {
       tooltip = props.tooltip,
       rtl = props.rtl,
       value = props.value,
+      role = props.role,
+      tabIndex = props.tabIndex,
       renderTooltip = props.renderTooltip,
       onDragStart = props.onDragStart,
       onDragMove = props.onDragMove,
       onDragEnd = props.onDragEnd,
-      rest = _objectWithoutPropertiesLoose(props, ["as", "classPrefix", "className", "disabled", "style", "children", "position", "vertical", "tooltip", "rtl", "value", "renderTooltip", "onDragStart", "onDragMove", "onDragEnd"]);
+      onKeyDown = props.onKeyDown,
+      dataRange = props['data-range'],
+      dateKey = props['data-key'],
+      rest = _objectWithoutPropertiesLoose(props, ["as", "classPrefix", "className", "disabled", "style", "children", "position", "vertical", "tooltip", "rtl", "value", "role", "tabIndex", "renderTooltip", "onDragStart", "onDragMove", "onDragEnd", "onKeyDown", "data-range", "data-key"]);
 
   var _useState = useState(false),
       active = _useState[0],
@@ -99,19 +103,26 @@ var Handle = /*#__PURE__*/React.forwardRef(function (props, ref) {
       releaseMouseMoves();
     };
   }, [releaseMouseMoves]);
-  return /*#__PURE__*/React.createElement(Component, _extends({}, rest, {
+  return /*#__PURE__*/React.createElement(Component, {
+    role: role,
+    tabIndex: tabIndex,
     ref: mergeRefs(ref, rootRef),
     className: handleClasses,
     onMouseDown: handleMouseDown,
     onMouseEnter: handleMouseEnter,
-    style: styles
-  }), tooltip && /*#__PURE__*/React.createElement(Tooltip, {
+    onKeyDown: onKeyDown,
+    style: styles,
+    "data-range": dataRange,
+    "data-key": dateKey
+  }, tooltip && /*#__PURE__*/React.createElement(Tooltip, {
+    "aria-hidden": "true",
     ref: tooltipRef,
     className: merge(prefix('tooltip'), 'placement-top')
-  }, renderTooltip ? renderTooltip(value) : value), children);
+  }, renderTooltip ? renderTooltip(value) : value), /*#__PURE__*/React.createElement(Input, _extends({
+    value: value
+  }, rest)), children);
 });
 Handle.displayName = 'Handle';
-Handle.defaultProps = defaultProps;
 Handle.propTypes = {
   as: PropTypes.elementType,
   className: PropTypes.string,

package/esm/Slider/Input.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const Input: React.ForwardRefExoticComponent<React.InputHTMLAttributes<HTMLInputElement> & React.RefAttributes<HTMLInputElement>>;
+export default Input;

package/esm/Slider/Input.js

@@ -0,0 +1,23 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+import React from 'react';
+var rangeStyles = {
+  position: 'absolute',
+  overflow: 'hidden',
+  width: '100%',
+  height: '100%',
+  clip: 'rect(0, 0, 0, 0)'
+};
+var Input = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  var style = props.style,
+      rest = _objectWithoutPropertiesLoose(props, ["style"]);
+
+  return /*#__PURE__*/React.createElement("input", _extends({
+    type: "range",
+    readOnly: true,
+    ref: ref,
+    style: _extends({}, rangeStyles, style)
+  }, rest));
+});
+Input.displayName = 'Input';
+export default Input;

package/esm/Slider/Mark.js

@@ -1,15 +1,13 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import { useClassNames } from '../utils';
-var defaultProps = {
-  as: 'span',
-  classPrefix: 'slider-mark'
-};
 var Mark = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  var Component = props.as,
+  var _props$as = props.as,
+      Component = _props$as === void 0 ? 'span' : _props$as,
       mark = props.mark,
       last = props.last,
-      classPrefix = props.classPrefix,
+      _props$classPrefix = props.classPrefix,
+      classPrefix = _props$classPrefix === void 0 ? 'slider-mark' : _props$classPrefix,
       className = props.className,
       renderMark = props.renderMark;
 
@@ -34,7 +32,6 @@ var Mark = /*#__PURE__*/React.forwardRef(function (props, ref) {
   return null;
 });
 Mark.displayName = 'Mark';
-Mark.defaultProps = defaultProps;
 Mark.propTypes = {
   as: PropTypes.elementType,
   classPrefix: PropTypes.string,

package/esm/Slider/ProgressBar.js

@@ -2,15 +2,13 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import React from 'react';
 import PropTypes from 'prop-types';
 import { useClassNames } from '../utils';
-var defaultProps = {
-  as: 'div',
-  classPrefix: 'slider-progress-bar'
-};
 var ProgressBar = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _extends2;
 
-  var Component = props.as,
-      classPrefix = props.classPrefix,
+  var _props$as = props.as,
+      Component = _props$as === void 0 ? 'div' : _props$as,
+      _props$classPrefix = props.classPrefix,
+      classPrefix = _props$classPrefix === void 0 ? 'slider-progress-bar' : _props$classPrefix,
       vertical = props.vertical,
       rtl = props.rtl,
       _props$end = props.end,
@@ -38,7 +36,6 @@ var ProgressBar = /*#__PURE__*/React.forwardRef(function (props, ref) {
   });
 });
 ProgressBar.displayName = 'ProgressBar';
-ProgressBar.defaultProps = defaultProps;
 ProgressBar.propTypes = {
   as: PropTypes.elementType,
   classPrefix: PropTypes.string,

package/esm/Slider/Slider.d.ts

@@ -76,8 +76,5 @@ export declare const sliderPropTypes: {
     renderTooltip: PropTypes.Requireable<(...args: any[]) => any>;
     getAriaValueText: PropTypes.Requireable<(...args: any[]) => any>;
 };
-/**
- * fixme: Should contain an input
- */
 declare const Slider: React.ForwardRefExoticComponent<SliderProps<number> & React.RefAttributes<unknown>>;
 export default Slider;

package/esm/Slider/Slider.js

@@ -9,15 +9,6 @@ import Graduated from './Graduated';
 import { useClassNames, useControlled, useCustom } from '../utils';
 import { precisionMath, checkValue } from './utils';
 import Plaintext from '../Plaintext';
-var defaultProps = {
-  as: 'div',
-  classPrefix: 'slider',
-  min: 0,
-  max: 100,
-  step: 1,
-  defaultValue: 0,
-  tooltip: true
-};
 export var sliderPropTypes = {
   min: PropTypes.number,
   max: PropTypes.number,
@@ -43,15 +34,12 @@ export var sliderPropTypes = {
   renderTooltip: PropTypes.func,
   getAriaValueText: PropTypes.func
 };
-/**
- * fixme: Should contain an input
- */
-
 var Slider = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var ariaLabel = props['aria-label'],
       ariaLabelledby = props['aria-labelledby'],
       ariaValuetext = props['aria-valuetext'],
-      Componnet = props.as,
+      _props$as = props.as,
+      Componnet = _props$as === void 0 ? 'div' : _props$as,
       graduated = props.graduated,
       className = props.className,
       barClassName = props.barClassName,
@@ -60,16 +48,22 @@ var Slider = /*#__PURE__*/React.forwardRef(function (props, ref) {
       disabled = props.disabled,
       readOnly = props.readOnly,
       plaintext = props.plaintext,
-      classPrefix = props.classPrefix,
-      min = props.min,
+      _props$classPrefix = props.classPrefix,
+      classPrefix = _props$classPrefix === void 0 ? 'slider' : _props$classPrefix,
+      _props$min = props.min,
+      min = _props$min === void 0 ? 0 : _props$min,
       handleClassName = props.handleClassName,
       handleStyle = props.handleStyle,
       handleTitle = props.handleTitle,
-      tooltip = props.tooltip,
-      step = props.step,
-      defaultValue = props.defaultValue,
+      _props$tooltip = props.tooltip,
+      tooltip = _props$tooltip === void 0 ? true : _props$tooltip,
+      _props$step = props.step,
+      step = _props$step === void 0 ? 1 : _props$step,
+      _props$defaultValue = props.defaultValue,
+      defaultValue = _props$defaultValue === void 0 ? 0 : _props$defaultValue,
       valueProp = props.value,
-      maxProp = props.max,
+      _props$max = props.max,
+      maxProp = _props$max === void 0 ? 100 : _props$max,
       getAriaValueText = props.getAriaValueText,
       renderTooltip = props.renderTooltip,
       renderMark = props.renderMark,
@@ -246,7 +240,6 @@ var Slider = /*#__PURE__*/React.forwardRef(function (props, ref) {
     onDragMove: handleChangeValue,
     onKeyDown: handleKeyDown,
     onDragEnd: handleChangeCommitted,
-    role: "slider",
     tabIndex: disabled || readOnly ? null : 0,
     "aria-orientation": vertical ? 'vertical' : 'horizontal',
     "aria-valuenow": value,
@@ -259,6 +252,5 @@ var Slider = /*#__PURE__*/React.forwardRef(function (props, ref) {
   }, handleTitle));
 });
 Slider.displayName = 'Slider';
-Slider.defaultProps = defaultProps;
 Slider.propTypes = sliderPropTypes;
 export default Slider;

package/esm/Steps/StepItem.js

@@ -11,16 +11,14 @@ var STEP_STATUS_ICON = {
   process: null,
   error: /*#__PURE__*/React.createElement(Close, null)
 };
-var defaultProps = {
-  as: 'div',
-  classPrefix: 'steps-item'
-};
 var StepItem = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _withClassPrefix, _STEP_STATUS_ICON$sta;
 
-  var Component = props.as,
+  var _props$as = props.as,
+      Component = _props$as === void 0 ? 'div' : _props$as,
       className = props.className,
-      classPrefix = props.classPrefix,
+      _props$classPrefix = props.classPrefix,
+      classPrefix = _props$classPrefix === void 0 ? 'steps-item' : _props$classPrefix,
       style = props.style,
       itemWidth = props.itemWidth,
       status = props.status,
@@ -70,7 +68,6 @@ var StepItem = /*#__PURE__*/React.forwardRef(function (props, ref) {
   }, description)));
 });
 StepItem.displayName = 'StepItem';
-StepItem.defaultProps = defaultProps;
 StepItem.propTypes = {
   className: PropTypes.string,
   classPrefix: PropTypes.string,

package/esm/Steps/Steps.js

@@ -4,21 +4,19 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import { useClassNames, ReactChildren } from '../utils';
 import StepItem from './StepItem';
-var defaultProps = {
-  as: 'div',
-  classPrefix: 'steps',
-  currentStatus: 'process',
-  current: 0
-};
 var Steps = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  var Component = props.as,
-      classPrefix = props.classPrefix,
+  var _props$as = props.as,
+      Component = _props$as === void 0 ? 'div' : _props$as,
+      _props$classPrefix = props.classPrefix,
+      classPrefix = _props$classPrefix === void 0 ? 'steps' : _props$classPrefix,
       className = props.className,
       children = props.children,
       vertical = props.vertical,
       small = props.small,
-      current = props.current,
-      currentStatus = props.currentStatus,
+      _props$current = props.current,
+      current = _props$current === void 0 ? 0 : _props$current,
+      _props$currentStatus = props.currentStatus,
+      currentStatus = _props$currentStatus === void 0 ? 'process' : _props$currentStatus,
       rest = _objectWithoutPropertiesLoose(props, ["as", "classPrefix", "className", "children", "vertical", "small", "current", "currentStatus"]);
 
   var _useClassNames = useClassNames(classPrefix),
@@ -68,7 +66,6 @@ var Steps = /*#__PURE__*/React.forwardRef(function (props, ref) {
 });
 Steps.Item = StepItem;
 Steps.displayName = 'Steps';
-Steps.defaultProps = defaultProps;
 Steps.propTypes = {
   classPrefix: PropTypes.string,
   vertical: PropTypes.bool,

package/esm/Table/Table.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { TableProps, ColumnProps, ColumnGroupProps } from 'rsuite-table';
-import { StandardProps } from '../@types/common';
+import { Column, Cell, HeaderCell, ColumnGroup, TableProps } from 'rsuite-table';
+import { StandardProps, RsRefForwardingComponent } from '../@types/common';
 export interface TableInstance extends React.Component<TableProps> {
     scrollTop: (top: number) => void;
     scrollLeft: (left: number) => void;
@@ -13,13 +13,13 @@ export interface CellProps extends StandardProps {
     /** Row Data */
     rowData?: any;
 }
-interface TableComponent extends React.ForwardRefExoticComponent<TableProps & {
+interface TableComponent extends RsRefForwardingComponent<'div', TableProps & {
     ref?: React.Ref<TableInstance>;
 }> {
-    Column: React.ComponentType<ColumnProps>;
-    ColumnGroup: React.ComponentType<ColumnGroupProps>;
-    Cell: React.ComponentType<CellProps>;
-    HeaderCell: React.ComponentType<StandardProps>;
+    Column: typeof Column;
+    Cell: typeof Cell;
+    HeaderCell: typeof HeaderCell;
+    ColumnGroup: typeof ColumnGroup;
 }
 declare const Table: TableComponent;
 export default Table;

package/esm/Table/Table.js

@@ -5,7 +5,9 @@ import { Table as RsTable, Column, Cell, HeaderCell, ColumnGroup } from 'rsuite-
 import { useCustom } from '../utils';
 var Table = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var localeProp = props.locale,
-      rest = _objectWithoutPropertiesLoose(props, ["locale"]);
+      _props$loadAnimation = props.loadAnimation,
+      loadAnimation = _props$loadAnimation === void 0 ? true : _props$loadAnimation,
+      rest = _objectWithoutPropertiesLoose(props, ["locale", "loadAnimation"]);
 
   var _useCustom = useCustom('Table', localeProp),
       locale = _useCustom.locale,
@@ -14,7 +16,8 @@ var Table = /*#__PURE__*/React.forwardRef(function (props, ref) {
   return /*#__PURE__*/React.createElement(RsTable, _extends({}, rest, {
     rtl: rtl,
     ref: ref,
-    locale: locale
+    locale: locale,
+    loadAnimation: loadAnimation
   }));
 });
 Table.Cell = Cell;
@@ -22,7 +25,4 @@ Table.Column = Column;
 Table.HeaderCell = HeaderCell;
 Table.ColumnGroup = ColumnGroup;
 Table.displayName = 'Table';
-Table.defaultProps = {
-  loadAnimation: true
-};
 export default Table;

package/esm/TagInput/index.js

@@ -3,8 +3,10 @@ import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWith
 import React, { useMemo } from 'react';
 import InputPicker, { InputPickerContext } from '../InputPicker/InputPicker';
 var TagInput = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  var tagProps = props.tagProps,
-      trigger = props.trigger,
+  var _props$tagProps = props.tagProps,
+      tagProps = _props$tagProps === void 0 ? {} : _props$tagProps,
+      _props$trigger = props.trigger,
+      trigger = _props$trigger === void 0 ? 'Enter' : _props$trigger,
       value = props.value,
       defaultValue = props.defaultValue,
       rest = _objectWithoutPropertiesLoose(props, ["tagProps", "trigger", "value", "defaultValue"]);
@@ -36,9 +38,5 @@ var TagInput = /*#__PURE__*/React.forwardRef(function (props, ref) {
     ref: ref
   })));
 });
-TagInput.defaultProps = {
-  trigger: 'Enter',
-  tagProps: {}
-};
 TagInput.displayName = 'TagInput';
 export default TagInput;

package/esm/TagPicker/index.d.ts

@@ -7,7 +7,7 @@ export interface TagPickerProps extends InputPickerProps {
     /**
      * Set the trigger for creating tags. only valid when creatable
      */
-    trigger: TriggerType | TriggerType[];
+    trigger?: TriggerType | TriggerType[];
 }
 declare const TagPicker: PickerComponent<TagPickerProps>;
 export default TagPicker;

package/esm/TagPicker/index.js

@@ -3,8 +3,10 @@ import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWith
 import React, { useMemo } from 'react';
 import InputPicker, { InputPickerContext } from '../InputPicker/InputPicker';
 var TagPicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  var tagProps = props.tagProps,
-      trigger = props.trigger,
+  var _props$tagProps = props.tagProps,
+      tagProps = _props$tagProps === void 0 ? {} : _props$tagProps,
+      _props$trigger = props.trigger,
+      trigger = _props$trigger === void 0 ? 'Enter' : _props$trigger,
       rest = _objectWithoutPropertiesLoose(props, ["tagProps", "trigger"]);
 
   var contextValue = useMemo(function () {
@@ -20,9 +22,5 @@ var TagPicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
     ref: ref
   })));
 });
-TagPicker.defaultProps = {
-  trigger: 'Enter',
-  tagProps: {}
-};
 TagPicker.displayName = 'TagPicker';
 export default TagPicker;

package/esm/Timeline/Timeline.js

@@ -5,18 +5,15 @@ import PropTypes from 'prop-types';
 import some from 'lodash/some';
 import TimelineItem from './TimelineItem';
 import { useClassNames, ReactChildren } from '../utils';
-var defaultProps = {
-  as: 'ul',
-  // TODO: Consider using <ol>?
-  classPrefix: 'timeline',
-  align: 'left'
-};
 var Timeline = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var children = props.children,
-      Component = props.as,
-      classPrefix = props.classPrefix,
+      _props$as = props.as,
+      Component = _props$as === void 0 ? 'ul' : _props$as,
+      _props$classPrefix = props.classPrefix,
+      classPrefix = _props$classPrefix === void 0 ? 'timeline' : _props$classPrefix,
       className = props.className,
-      align = props.align,
+      _props$align = props.align,
+      align = _props$align === void 0 ? 'left' : _props$align,
       endless = props.endless,
       rest = _objectWithoutPropertiesLoose(props, ["children", "as", "classPrefix", "className", "align", "endless"]);
 
@@ -46,7 +43,6 @@ var Timeline = /*#__PURE__*/React.forwardRef(function (props, ref) {
 });
 Timeline.Item = TimelineItem;
 Timeline.displayName = 'Timeline';
-Timeline.defaultProps = defaultProps;
 Timeline.propTypes = {
   as: PropTypes.elementType,
   className: PropTypes.string,

package/esm/Timeline/TimelineItem.js

@@ -3,14 +3,12 @@ import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWith
 import React from 'react';
 import PropTypes from 'prop-types';
 import { useClassNames } from '../utils';
-var defaultProps = {
-  as: 'li',
-  classPrefix: 'timeline-item'
-};
 var TimelineItem = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  var Component = props.as,
+  var _props$as = props.as,
+      Component = _props$as === void 0 ? 'li' : _props$as,
       children = props.children,
-      classPrefix = props.classPrefix,
+      _props$classPrefix = props.classPrefix,
+      classPrefix = _props$classPrefix === void 0 ? 'timeline-item' : _props$classPrefix,
       last = props.last,
       className = props.className,
       dot = props.dot,
@@ -41,7 +39,6 @@ var TimelineItem = /*#__PURE__*/React.forwardRef(function (props, ref) {
   }, children));
 });
 TimelineItem.displayName = 'TimelineItem';
-TimelineItem.defaultProps = defaultProps;
 TimelineItem.propTypes = {
   last: PropTypes.bool,
   dot: PropTypes.node,

package/esm/Toggle/Toggle.d.ts

@@ -8,6 +8,8 @@ export interface ToggleProps extends WithAsProps {
     plaintext?: boolean;
     /** Make the control readonly */
     readOnly?: boolean;
+    /** Whether the checked state is being updated */
+    loading?: boolean;
     /** Checked（Controlled) */
     checked?: boolean;
     /** Default checked */

package/esm/Toggle/Toggle.js

@@ -4,29 +4,30 @@ import React, { useCallback } from 'react';
 import PropTypes from 'prop-types';
 import { useClassNames, useControlled, useCustom } from '../utils';
 import Plaintext from '../Plaintext';
-var defaultProps = {
-  as: 'span',
-  classPrefix: 'btn-toggle'
-};
+import Loader from '../Loader';
+
 /**
  * fixme: Should contain an input[type=checkbox]
  */
-
 var Toggle = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  var Component = props.as,
+  var _props$as = props.as,
+      Component = _props$as === void 0 ? 'span' : _props$as,
       disabled = props.disabled,
       readOnly = props.readOnly,
+      _props$loading = props.loading,
+      loading = _props$loading === void 0 ? false : _props$loading,
       plaintext = props.plaintext,
       className = props.className,
       checkedChildren = props.checkedChildren,
       unCheckedChildren = props.unCheckedChildren,
-      classPrefix = props.classPrefix,
+      _props$classPrefix = props.classPrefix,
+      classPrefix = _props$classPrefix === void 0 ? 'btn-toggle' : _props$classPrefix,
       checkedProp = props.checked,
       defaultChecked = props.defaultChecked,
       size = props.size,
       localeProp = props.locale,
       onChange = props.onChange,
-      rest = _objectWithoutPropertiesLoose(props, ["as", "disabled", "readOnly", "plaintext", "className", "checkedChildren", "unCheckedChildren", "classPrefix", "checked", "defaultChecked", "size", "locale", "onChange"]);
+      rest = _objectWithoutPropertiesLoose(props, ["as", "disabled", "readOnly", "loading", "plaintext", "className", "checkedChildren", "unCheckedChildren", "classPrefix", "checked", "defaultChecked", "size", "locale", "onChange"]);
 
   var _useControlled = useControlled(checkedProp, defaultChecked),
       checked = _useControlled[0],
@@ -42,7 +43,8 @@ var Toggle = /*#__PURE__*/React.forwardRef(function (props, ref) {
 
   var classes = merge(className, withClassPrefix(size, {
     checked: checked,
-    disabled: disabled
+    disabled: disabled,
+    loading: loading
   }));
   var inner = checked ? checkedChildren : unCheckedChildren;
   var label = checked ? locale.on : locale.off;
@@ -54,6 +56,14 @@ var Toggle = /*#__PURE__*/React.forwardRef(function (props, ref) {
     setChecked(!checked);
     onChange === null || onChange === void 0 ? void 0 : onChange(!checked, event);
   }, [checked, disabled, onChange, readOnly, setChecked]);
+  var handleKeyDown = useCallback(function (event) {
+    if (event.key !== ' ') {
+      return;
+    }
+
+    handleChange(event);
+    event.preventDefault();
+  }, [handleChange]);
 
   if (plaintext) {
     return /*#__PURE__*/React.createElement(Plaintext, null, inner || label);
@@ -64,23 +74,27 @@ var Toggle = /*#__PURE__*/React.forwardRef(function (props, ref) {
     "aria-checked": checked,
     "aria-disabled": disabled,
     "aria-label": typeof inner === 'string' ? inner : label,
-    tabIndex: -1
+    "aria-busy": loading || undefined,
+    tabIndex: 0
   }, rest, {
     ref: ref,
     className: classes,
-    onClick: handleChange
+    onClick: handleChange,
+    onKeyDown: handleKeyDown
   }), /*#__PURE__*/React.createElement("span", {
     className: prefix('inner')
-  }, inner));
+  }, inner), loading && /*#__PURE__*/React.createElement(Loader, {
+    className: prefix('loader')
+  }));
 });
 Toggle.displayName = 'Toggle';
-Toggle.defaultProps = defaultProps;
 Toggle.propTypes = {
   disabled: PropTypes.bool,
   checked: PropTypes.bool,
   defaultChecked: PropTypes.bool,
   checkedChildren: PropTypes.node,
   unCheckedChildren: PropTypes.node,
+  loading: PropTypes.bool,
   classPrefix: PropTypes.string,
   className: PropTypes.string,
   onChange: PropTypes.func

package/esm/Tooltip/Tooltip.js

@@ -3,14 +3,12 @@ import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWith
 import React from 'react';
 import PropTypes from 'prop-types';
 import { useClassNames } from '../utils';
-var defaultProps = {
-  as: 'div',
-  classPrefix: 'tooltip'
-};
 var Tooltip = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  var Component = props.as,
+  var _props$as = props.as,
+      Component = _props$as === void 0 ? 'div' : _props$as,
       className = props.className,
-      classPrefix = props.classPrefix,
+      _props$classPrefix = props.classPrefix,
+      classPrefix = _props$classPrefix === void 0 ? 'tooltip' : _props$classPrefix,
       children = props.children,
       style = props.style,
       visible = props.visible,
@@ -35,7 +33,6 @@ var Tooltip = /*#__PURE__*/React.forwardRef(function (props, ref) {
   }), children);
 });
 Tooltip.displayName = 'Tooltip';
-Tooltip.defaultProps = defaultProps;
 Tooltip.propTypes = {
   visible: PropTypes.bool,
   classPrefix: PropTypes.string,

package/esm/Tree/Tree.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
 import { StandardProps, ItemDataType, RsRefForwardingComponent } from '../@types/common';
+import { ListProps } from 'react-virtualized/dist/commonjs/List';
 /**
  * Tree Node Drag Type
  */
@@ -44,6 +45,11 @@ export interface TreeBaseProps<ValueType = string | number, ItemDataType = Recor
     searchable?: boolean;
     /** Whether using virtualized list */
     virtualized?: boolean;
+    /**
+     * List-related properties in `react-virtualized`
+     * https://github.com/bvaughn/react-virtualized/blob/master/docs/List.md#prop-types
+     */
+    listProps?: ListProps;
     /** Expand all nodes By default */
     defaultExpandAll?: boolean;
     /** searchKeyword (Controlled) */