@douyinfe/semi-ui 2.17.1 → 2.18.1-alpha.0

package/lib/es/locale/source/pt_BR.js

@@ -155,6 +155,9 @@ const local = {
     clearSelectAll: 'Cancelar selecionar tudo',
     total: 'Total de ${total} itens',
     selected: '${total} itens selecionados'
+  },
+  Form: {
+    optional: '(opcional)'
   }
 }; // 葡萄牙语
 

package/lib/es/locale/source/ru_RU.js

@@ -150,6 +150,9 @@ const local = {
     clearSelectAll: 'Снять выделение',
     total: 'Всего ${total} элементов',
     selected: 'Выбрано ${total} элементов'
+  },
+  Form: {
+    optional: '(по желанию)'
   }
 }; // [i18n-Russia] 俄罗斯语
 

package/lib/es/locale/source/th_TH.js

@@ -151,6 +151,9 @@ const local = {
     clearSelectAll: 'ยกเลิกการเลือกทั้งหมด',
     total: 'รวม ${total} รายการ',
     selected: 'เลือก ${total} รายการ'
+  },
+  Form: {
+    optional: '(ไม่จำเป็น)'
   }
 }; // [i18n-Thai]
 

package/lib/es/locale/source/tr_TR.js

@@ -150,6 +150,9 @@ const local = {
     clearSelectAll: 'Tümünün seçimini kaldır',
     total: 'Toplam ${total} öğe',
     selected: '${total} öğe seçildi'
+  },
+  Form: {
+    optional: '(isteğe bağlı)'
   }
 }; // [i18n-Turkish] 
 

package/lib/es/locale/source/vi_VN.js

@@ -150,6 +150,9 @@ const local = {
     clearSelectAll: 'Bỏ chọn tất cả',
     total: 'Tổng số ${total} mặt hàng',
     selected: '${total} mục được chọn'
+  },
+  Form: {
+    optional: '(không bắt buộc)'
   }
 }; // [i18n-Vietnam] 越南语
 

package/lib/es/locale/source/zh_CN.js

@@ -148,6 +148,9 @@ const local = {
     clearSelectAll: '取消全选',
     total: '共 ${total} 项',
     selected: '已选 ${total} 项'
+  },
+  Form: {
+    optional: '（可选）'
   }
 }; // 中文
 

package/lib/es/locale/source/zh_TW.js

@@ -148,6 +148,9 @@ const local = {
     clearSelectAll: '取消全選',
     total: '共 ${total} 項',
     selected: '已選 ${total} 項'
+  },
+  Form: {
+    optional: '（可選）'
   }
 }; // 中文
 

package/lib/es/modal/Modal.js

@@ -125,14 +125,6 @@ class Modal extends BaseComponent {
       let style = styleFromProps;
       const maskStyle = maskStyleFromProps;
       const renderFooter = 'footer' in this.props ? footer : this.renderFooter();
-
-      if (this.props.centered) {
-        style = _Object$assign({
-          transform: 'translateY(-50%)',
-          top: '50%'
-        }, style);
-      }
-
       let wrapperStyle = {
         zIndex
       };

package/lib/es/modal/ModalContent.js

@@ -342,7 +342,10 @@ export default class ModalContent extends BaseComponent {
     }, this.getMaskElement(), /*#__PURE__*/React.createElement("div", {
       role: "none",
       tabIndex: -1,
-      className: "".concat(cssClasses.DIALOG, "-wrap"),
+      className: cls({
+        ["".concat(cssClasses.DIALOG, "-wrap")]: true,
+        ["".concat(cssClasses.DIALOG, "-wrap-center")]: this.props.centered
+      }),
       onClick: maskClosable ? this.onMaskClick : null,
       onMouseUp: maskClosable ? this.onMaskMouseUp : null
     }, this.getDialogElement())); // eslint-disable-next-line max-len

package/lib/es/radio/radio.d.ts

@@ -39,6 +39,7 @@ export interface RadioState {
     addonId?: string;
     extraId?: string;
     focusVisible?: boolean;
+    checked?: boolean;
 }
 export { RadioChangeEvent };
 declare class Radio extends BaseComponent<RadioProps, RadioState> {
@@ -71,6 +72,7 @@ declare class Radio extends BaseComponent<RadioProps, RadioState> {
     addonId: string;
     extraId: string;
     constructor(props: RadioProps);
+    componentDidUpdate(prevProps: RadioProps): void;
     get adapter(): RadioAdapter;
     isInGroup(): {
         value?: string | number;
@@ -79,7 +81,7 @@ declare class Radio extends BaseComponent<RadioProps, RadioState> {
         prefixCls?: string;
         name?: string;
         onChange?: (e: RadioChangeEvent) => void;
-        buttonSize?: "small" | "middle" | "large";
+        buttonSize?: "small" | "large" | "middle";
         isCardRadio?: boolean;
         isPureCardRadio?: boolean;
     };

package/lib/es/radio/radio.js

@@ -1,3 +1,5 @@
+import _isBoolean from "lodash/isBoolean";
+import _isUndefined from "lodash/isUndefined";
 import _noop from "lodash/noop";
 import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
 import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
@@ -30,6 +32,7 @@ class Radio extends BaseComponent {
         radioGroup.onChange && radioGroup.onChange(e);
       }
 
+      !('checked' in this.props) && this.foundation.setChecked(e.target.checked);
       onChange && onChange(e);
     };
 
@@ -54,12 +57,23 @@ class Radio extends BaseComponent {
     this.state = {
       hover: false,
       addonId: props.addonId,
-      extraId: props.extraId
+      extraId: props.extraId,
+      checked: props.checked || props.defaultChecked || false
     };
     this.foundation = new RadioFoundation(this.adapter);
     this.radioEntity = null;
   }
 
+  componentDidUpdate(prevProps) {
+    if (this.props.checked !== prevProps.checked) {
+      if (_isUndefined(this.props.checked)) {
+        this.foundation.setChecked(false);
+      } else if (_isBoolean(this.props.checked)) {
+        this.foundation.setChecked(this.props.checked);
+      }
+    }
+  }
+
   get adapter() {
     return _Object$assign(_Object$assign({}, super.adapter), {
       setHover: hover => {
@@ -74,6 +88,11 @@ class Radio extends BaseComponent {
           })
         });
       },
+      setChecked: checked => {
+        this.setState({
+          checked
+        });
+      },
       setExtraId: () => {
         this.setState({
           extraId: getUuidShort({
@@ -108,7 +127,6 @@ class Radio extends BaseComponent {
     const {
       addonClassName,
       addonStyle,
-      checked,
       disabled,
       style,
       className,
@@ -126,9 +144,13 @@ class Radio extends BaseComponent {
       hover: isHover,
       addonId,
       extraId,
-      focusVisible
+      focusVisible,
+      checked
     } = this.state;
-    let props = {};
+    const props = {
+      checked,
+      disabled
+    };
 
     if (this.isInGroup()) {
       realChecked = this.context.radioGroup.value === propValue;
@@ -139,16 +161,17 @@ class Radio extends BaseComponent {
       isPureCardRadioGroup = this.context.radioGroup.isPureCardRadio;
       buttonSize = this.context.radioGroup.buttonSize;
       realPrefixCls = prefixCls || this.context.radioGroup.prefixCls;
-      props = {
-        checked: realChecked,
-        disabled: isDisabled
-      };
+      props.checked = realChecked;
+      props.disabled = isDisabled;
     } else {
       realChecked = checked;
       isDisabled = disabled;
       realMode = mode;
       isButtonRadioComponent = type === 'button';
       realPrefixCls = prefixCls;
+      isButtonRadioGroup = type === strings.TYPE_BUTTON;
+      isPureCardRadioGroup = type === strings.TYPE_PURECARD;
+      isCardRadioGroup = type === strings.TYPE_CARD || isPureCardRadioGroup;
     }
 
     const isButtonRadio = typeof isButtonRadioGroup === 'undefined' ? isButtonRadioComponent : isButtonRadioGroup;

package/lib/es/radio/radioGroup.d.ts

@@ -48,7 +48,7 @@ declare class RadioGroup extends BaseComponent<RadioGroupProps, RadioGroupState>
         disabled: PropTypes.Requireable<boolean>;
         name: PropTypes.Requireable<string>;
         options: PropTypes.Requireable<any[]>;
-        buttonSize: PropTypes.Requireable<"small" | "middle" | "large">;
+        buttonSize: PropTypes.Requireable<"small" | "large" | "middle">;
         type: PropTypes.Requireable<"default" | "button" | "card" | "pureCard">;
         value: PropTypes.Requireable<any>;
         onChange: PropTypes.Requireable<(...args: any[]) => any>;

package/lib/es/table/ColumnFilter.js

@@ -153,12 +153,14 @@ export default function ColumnFilter() {
   } else {
     iconElem = /*#__PURE__*/React.createElement("div", {
       className: finalCls
-    }, /*#__PURE__*/React.createElement(IconFilter, {
+    }, '\u200b'
+    /* ZWSP(zero-width space) */
+    , /*#__PURE__*/React.createElement(IconFilter, {
       role: "button",
       "aria-label": "Filter data with this column",
       "aria-haspopup": "listbox",
       tabIndex: -1,
-      size: "small"
+      size: "default"
     }));
   }
 

package/lib/es/table/ColumnSorter.d.ts

@@ -7,6 +7,7 @@ export interface ColumnSorterProps {
     onClick?: (e: React.MouseEvent<HTMLDivElement>) => void;
     prefixCls?: string;
     sortOrder?: SortOrder;
+    title?: React.ReactNode;
 }
 export default class ColumnSorter extends PureComponent<ColumnSorterProps> {
     static propTypes: {

package/lib/es/table/ColumnSorter.js

@@ -12,9 +12,10 @@ export default class ColumnSorter extends PureComponent {
       prefixCls,
       onClick,
       sortOrder,
-      style
+      style,
+      title
     } = this.props;
-    const iconBtnSize = 'small';
+    const iconBtnSize = 'default';
     const upCls = cls("".concat(prefixCls, "-column-sorter-up"), {
       on: sortOrder === strings.SORT_DIRECTIONS[0]
     });
@@ -33,11 +34,13 @@ export default class ColumnSorter extends PureComponent {
       role: 'button'
     }, ariaProps, {
       tabIndex: -1,
-      style: style,
-      className: "".concat(prefixCls, "-column-sorter"),
+      className: "".concat(prefixCls, "-column-sorter-wrapper"),
       onClick: onClick,
       onKeyPress: e => isEnterPress(e) && onClick(e)
-    }), /*#__PURE__*/React.createElement("span", {
+    }), title, /*#__PURE__*/React.createElement("div", {
+      style: style,
+      className: "".concat(prefixCls, "-column-sorter")
+    }, /*#__PURE__*/React.createElement("span", {
       className: "".concat(upCls)
     }, /*#__PURE__*/React.createElement(IconCaretup, {
       size: iconBtnSize
@@ -45,7 +48,7 @@ export default class ColumnSorter extends PureComponent {
       className: "".concat(downCls)
     }, /*#__PURE__*/React.createElement(IconCaretdown, {
       size: iconBtnSize
-    })));
+    }))));
   }
 
 }

package/lib/es/table/Table.js

@@ -494,15 +494,23 @@ class Table extends BaseComponent {
         const defaultSortOrder = _get(curQuery, 'defaultSortOrder', false);
 
         const sortOrder = _this.foundation.isSortOrderValid(stateSortOrder) ? stateSortOrder : defaultSortOrder;
+        const TitleNode = typeof rawTitle !== 'function' && /*#__PURE__*/React.createElement(React.Fragment, {
+          key: strings.DEFAULT_KEY_COLUMN_TITLE
+        }, rawTitle);
 
         if (typeof column.sorter === 'function' || column.sorter === true) {
+          // In order to increase the click hot area of ​​sorting, when sorting is required & useFullRender is false,
+          // both the title and sorting areas are used as the click hot area for sorting。
           const sorter = /*#__PURE__*/React.createElement(ColumnSorter, {
             key: strings.DEFAULT_KEY_COLUMN_SORTER,
             sortOrder: sortOrder,
-            onClick: e => _this.foundation.handleSort(column, e)
+            onClick: e => _this.foundation.handleSort(column, e),
+            title: TitleNode
           });
           useFullRender && (titleMap.sorter = sorter);
           titleArr.push(sorter);
+        } else {
+          titleArr.push(TitleNode);
         }
 
         const stateFilteredValue = _get(curQuery, 'filteredValue');
@@ -523,9 +531,7 @@ class Table extends BaseComponent {
           titleArr.push(filter);
         }
 
-        const newTitle = typeof rawTitle === 'function' ? () => rawTitle(titleMap) : titleArr.unshift( /*#__PURE__*/React.createElement(React.Fragment, {
-          key: strings.DEFAULT_KEY_COLUMN_TITLE
-        }, rawTitle)) && titleArr;
+        const newTitle = typeof rawTitle === 'function' ? () => rawTitle(titleMap) : titleArr;
         column = _Object$assign(_Object$assign({}, column), {
           title: newTitle
         });

package/lib/es/tabs/TabBar.js

@@ -125,7 +125,11 @@ class TabBar extends React.Component {
       var _context5, _context6;
 
       if (_isEmpty(items)) {
-        return null;
+        return /*#__PURE__*/React.createElement(Button, {
+          disabled: true,
+          icon: icon,
+          theme: "borderless"
+        });
       }
 
       const {

package/lib/es/tag/group.d.ts

@@ -14,6 +14,7 @@ export interface TagGroupProps<T> {
     popoverProps?: PopoverProps;
     avatarShape?: AvatarShape;
     mode?: string;
+    onTagClose: (tagChildren: React.ReactNode, event: React.MouseEvent<HTMLElement>, tagKey: string | number) => void;
 }
 export default class TagGroup<T> extends PureComponent<TagGroupProps<T>> {
     static defaultProps: {
@@ -21,6 +22,7 @@ export default class TagGroup<T> extends PureComponent<TagGroupProps<T>> {
         className: string;
         size: string;
         avatarShape: string;
+        onTagClose: () => any;
     };
     static propTypes: {
         children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
@@ -31,6 +33,7 @@ export default class TagGroup<T> extends PureComponent<TagGroupProps<T>> {
         tagList: PropTypes.Requireable<any[]>;
         size: PropTypes.Requireable<string>;
         mode: PropTypes.Requireable<string>;
+        onTagClose: PropTypes.Requireable<(...args: any[]) => any>;
         showPopover: PropTypes.Requireable<boolean>;
         popoverProps: PropTypes.Requireable<object>;
         avatarShape: PropTypes.Requireable<string>;

package/lib/es/tag/group.js

@@ -72,10 +72,11 @@ export default class TagGroup extends PureComponent {
       tagList,
       size,
       mode,
-      avatarShape
+      avatarShape,
+      onTagClose
     } = this.props;
 
-    const renderTags = _mapInstanceProperty(tagList).call(tagList, (tag, index) => {
+    const renderTags = _mapInstanceProperty(tagList).call(tagList, tag => {
       if (mode === 'custom') {
         return tag;
       }
@@ -88,9 +89,24 @@ export default class TagGroup extends PureComponent {
         tag.avatarShape = avatarShape;
       }
 
-      return /*#__PURE__*/React.createElement(Tag, _Object$assign({
-        key: "".concat(index, "-tag")
-      }, tag));
+      if (!tag.tagKey) {
+        if (typeof tag.children === 'string' || typeof tag.children === 'number') {
+          tag.tagKey = tag.children;
+        } else {
+          tag.tagKey = Math.random();
+        }
+      }
+
+      return /*#__PURE__*/React.createElement(Tag, _Object$assign({}, tag, {
+        key: tag.tagKey,
+        onClose: (tagChildren, e, tagKey) => {
+          if (tag.onClose) {
+            tag.onClose(tagChildren, e, tagKey);
+          }
+
+          onTagClose && onTagClose(tagChildren, e, tagKey);
+        }
+      }));
     });
 
     return renderTags;
@@ -122,7 +138,8 @@ TagGroup.defaultProps = {
   style: {},
   className: '',
   size: tagSize[0],
-  avatarShape: 'square'
+  avatarShape: 'square',
+  onTagClose: () => undefined
 };
 TagGroup.propTypes = {
   children: PropTypes.node,
@@ -133,6 +150,7 @@ TagGroup.propTypes = {
   tagList: PropTypes.array,
   size: PropTypes.oneOf(tagSize),
   mode: PropTypes.string,
+  onTagClose: PropTypes.func,
   showPopover: PropTypes.bool,
   popoverProps: PropTypes.object,
   avatarShape: PropTypes.oneOf(avatarShapeSet)

package/lib/es/tag/index.d.ts

@@ -10,6 +10,7 @@ export default class Tag extends Component<TagProps, TagState> {
     static defaultProps: TagProps;
     static propTypes: {
         children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        tagKey: PropTypes.Requireable<PropTypes.Requireable<string> | PropTypes.Requireable<number>>;
         size: PropTypes.Requireable<string>;
         color: PropTypes.Requireable<string>;
         type: PropTypes.Requireable<string>;
@@ -28,7 +29,7 @@ export default class Tag extends Component<TagProps, TagState> {
         visible: boolean;
     };
     setVisible(visible: boolean): void;
-    close(e: React.MouseEvent<HTMLElement>, value: React.ReactNode): void;
+    close(e: React.MouseEvent<HTMLElement>, value: React.ReactNode, tagKey: string | number): void;
     handleKeyDown(event: any): void;
     renderAvatar(): JSX.Element;
     render(): JSX.Element;

package/lib/es/tag/index.js

@@ -63,13 +63,13 @@ export default class Tag extends Component {
     }
   }
 
-  close(e, value) {
+  close(e, value, tagKey) {
     const {
       onClose
     } = this.props;
     e.stopPropagation();
     e.nativeEvent.stopImmediatePropagation();
-    onClose && onClose(value, e); // when user call e.preventDefault() in onClick callback, tag will not hidden
+    onClose && onClose(value, e, tagKey); // when user call e.preventDefault() in onClick callback, tag will not hidden
 
     if (e.defaultPrevented) {
       return;
@@ -88,7 +88,7 @@ export default class Tag extends Component {
     switch (event.key) {
       case "Backspace":
       case "Delete":
-        closable && this.close(event, this.props.children);
+        closable && this.close(event, this.props.children, this.props.tagKey);
         handlePrevent(event);
         break;
 
@@ -125,6 +125,7 @@ export default class Tag extends Component {
 
     const _a = this.props,
           {
+      tagKey,
       children,
       size,
       color,
@@ -138,7 +139,7 @@ export default class Tag extends Component {
       avatarShape,
       tabIndex
     } = _a,
-          attr = __rest(_a, ["children", "size", "color", "closable", "visible", "onClose", "onClick", "className", "type", "avatarSrc", "avatarShape", "tabIndex"]);
+          attr = __rest(_a, ["tagKey", "children", "size", "color", "closable", "visible", "onClose", "onClick", "className", "type", "avatarSrc", "avatarShape", "tabIndex"]);
 
     const {
       visible: isVisible
@@ -171,7 +172,7 @@ export default class Tag extends Component {
     // eslint-disable-next-line jsx-a11y/click-events-have-key-events
     React.createElement("div", {
       className: "".concat(prefixCls, "-close"),
-      onClick: e => this.close(e, children)
+      onClick: e => this.close(e, children, tagKey)
     }, /*#__PURE__*/React.createElement(IconClose, {
       size: "small"
     })) : null;
@@ -197,6 +198,7 @@ Tag.defaultProps = {
 };
 Tag.propTypes = {
   children: PropTypes.node,
+  tagKey: PropTypes.oneOf([PropTypes.string, PropTypes.number]),
   size: PropTypes.oneOf(tagSize),
   color: PropTypes.oneOf(tagColors),
   type: PropTypes.oneOf(tagType),

package/lib/es/tag/interface.d.ts

@@ -5,12 +5,13 @@ export declare type TagSize = 'default' | 'small' | 'large';
 export declare type AvatarShape = 'circle' | 'square';
 export interface TagProps {
     children?: React.ReactNode;
+    tagKey?: string | number;
     size?: TagSize;
     color?: TagColor;
     type?: TagType;
     closable?: boolean;
     visible?: boolean;
-    onClose?: (tagChildren: React.ReactNode, event: React.MouseEvent<HTMLElement>) => void;
+    onClose?: (tagChildren: React.ReactNode, event: React.MouseEvent<HTMLElement>, tagKey: string | number) => void;
     onClick?: React.MouseEventHandler<HTMLDivElement>;
     style?: React.CSSProperties;
     className?: string;

package/lib/es/timePicker/TimePicker.d.ts

@@ -99,11 +99,11 @@ export default class TimePicker extends BaseComponent<TimePickerProps, TimePicke
         'aria-required': PropTypes.Requireable<boolean>;
         prefixCls: PropTypes.Requireable<string>;
         clearText: PropTypes.Requireable<string>;
-        value: PropTypes.Requireable<string | number | string[] | number[] | Date | Date[]>;
+        value: PropTypes.Requireable<string | number | string[] | Date | number[] | Date[]>;
         inputReadOnly: PropTypes.Requireable<boolean>;
         disabled: PropTypes.Requireable<boolean>;
         showClear: PropTypes.Requireable<boolean>;
-        defaultValue: PropTypes.Requireable<string | number | string[] | number[] | Date | Date[]>;
+        defaultValue: PropTypes.Requireable<string | number | string[] | Date | number[] | Date[]>;
         open: PropTypes.Requireable<boolean>;
         defaultOpen: PropTypes.Requireable<boolean>;
         onOpenChange: PropTypes.Requireable<(...args: any[]) => any>;

package/lib/es/timePicker/TimeShape.d.ts

@@ -6,5 +6,5 @@ import PropTypes from 'prop-types';
  * - \[12:00:12, 12:21:12]
  * - \[[12:00:12, 12:21:12], [12:11:12, 12:32:12]]
  */
-declare const TimeShape: PropTypes.Requireable<string | number | string[] | number[] | Date | Date[]>;
+declare const TimeShape: PropTypes.Requireable<string | number | string[] | Date | number[] | Date[]>;
 export { TimeShape };

package/lib/es/timePicker/index.d.ts

@@ -19,11 +19,11 @@ export default class LocaleTimePicker extends React.PureComponent<LocalePickerPr
         'aria-required': import("prop-types").Requireable<boolean>;
         prefixCls: import("prop-types").Requireable<string>;
         clearText: import("prop-types").Requireable<string>;
-        value: import("prop-types").Requireable<string | number | string[] | number[] | Date | Date[]>;
+        value: import("prop-types").Requireable<string | number | string[] | Date | number[] | Date[]>;
         inputReadOnly: import("prop-types").Requireable<boolean>;
         disabled: import("prop-types").Requireable<boolean>;
         showClear: import("prop-types").Requireable<boolean>;
-        defaultValue: import("prop-types").Requireable<string | number | string[] | number[] | Date | Date[]>;
+        defaultValue: import("prop-types").Requireable<string | number | string[] | Date | number[] | Date[]>;
         open: import("prop-types").Requireable<boolean>;
         defaultOpen: import("prop-types").Requireable<boolean>;
         onOpenChange: import("prop-types").Requireable<(...args: any[]) => any>;

package/lib/es/transfer/index.js

@@ -280,7 +280,8 @@ class Transfer extends BaseComponent {
     const noMatch = inSearchMode && searchResult.size === 0;
     const emptySearch = emptyContent.search ? emptyContent.search : locale.emptySearch;
     const emptyLeft = emptyContent.left ? emptyContent.left : locale.emptyLeft;
-    const emptyCom = this.renderEmpty('left', inputValue ? emptySearch : emptyLeft);
+    const emptyDataCom = this.renderEmpty('left', emptyLeft);
+    const emptySearchCom = this.renderEmpty('left', emptySearch);
     const loadingCom = /*#__PURE__*/React.createElement(Spin, null);
     let content = null;
 
@@ -290,7 +291,11 @@ class Transfer extends BaseComponent {
         break;
 
       case noMatch:
-        content = emptyCom;
+        content = emptySearchCom;
+        break;
+
+      case data.length === 0:
+        content = emptyDataCom;
         break;
 
       case type === strings.TYPE_TREE_TO_LIST:

package/lib/es/tree/index.d.ts

@@ -6,7 +6,7 @@ import BaseComponent from '../_base/baseComponent';
 import Input from '../input/index';
 import TreeNode from './treeNode';
 import '@douyinfe/semi-foundation/lib/es/tree/tree.css';
-import { TreeProps, TreeState, TreeNodeProps, TreeNodeData, FlattenNode, KeyEntity } from './interface';
+import { TreeProps, TreeState, TreeNodeProps, TreeNodeData, FlattenNode, KeyEntity, ScrollData } from './interface';
 export * from './interface';
 export { AutoSizerProps } from './autoSizer';
 declare class Tree extends BaseComponent<TreeProps, TreeState> {
@@ -102,6 +102,7 @@ declare class Tree extends BaseComponent<TreeProps, TreeState> {
     onNodeClick: any;
     onMotionEnd: any;
     context: ContextValue;
+    virtualizedListRef: React.RefObject<any>;
     constructor(props: TreeProps);
     /**
      * Process of getDerivedStateFromProps was inspired by rc-tree
@@ -110,6 +111,7 @@ declare class Tree extends BaseComponent<TreeProps, TreeState> {
     static getDerivedStateFromProps(props: TreeProps, prevState: TreeState): Partial<TreeState>;
     get adapter(): TreeAdapter;
     search: (value: string) => void;
+    scrollTo: (scrollData: ScrollData) => void;
     renderInput(): JSX.Element;
     renderEmpty: () => JSX.Element;
     onNodeSelect: (e: MouseEvent | KeyboardEvent, treeNode: TreeNodeProps) => void;