@douyinfe/semi-ui 2.50.0-alpha.0 → 2.50.0-beta.0

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

@@ -33,20 +33,20 @@ declare class NotificationList extends BaseComponent<NotificationListProps, Noti
     constructor(props: NotificationListProps);
     context: ContextValue;
     get adapter(): NotificationListAdapter;
-    static addNotice(notice: NoticeProps): string | number;
+    static addNotice(notice: NoticeProps): string;
     static removeNotice(id: string): string;
-    static info(opts: NoticeProps): string | number;
-    static success(opts: NoticeProps): string | number;
-    static error(opts: NoticeProps): string | number;
-    static warning(opts: NoticeProps): string | number;
-    static open(opts: NoticeProps): string | number;
+    static info(opts: NoticeProps): string;
+    static success(opts: NoticeProps): string;
+    static error(opts: NoticeProps): string;
+    static warning(opts: NoticeProps): string;
+    static open(opts: NoticeProps): string;
     static close(id: string): string;
     static destroyAll(): void;
     static config(opts: ConfigProps): void;
     add: (noticeOpts: NoticeProps) => any;
     has: (id: string) => any;
-    remove: (id: string | number) => void;
-    update: (id: string | number, opts: NoticeProps) => any;
+    remove: (id: string) => void;
+    update: (id: string, opts: NoticeProps) => any;
     destroyAll: () => any;
     renderNoticeInPosition: (notices: NoticeInstance[], position: NoticePosition, removedItems?: NoticeInstance[], updatedItems?: NoticeInstance[]) => JSX.Element;
     setPosInStyle(noticeInstance: NoticeInstance): {};

package/lib/es/notification/index.js

@@ -110,6 +110,7 @@ class NotificationList extends BaseComponent {
   }
   static addNotice(notice) {
     var _a;
+    notice = Object.assign(Object.assign({}, defaultConfig), notice);
     const id = (_a = notice.id) !== null && _a !== void 0 ? _a : getUuid('notification');
     if (!ref) {
       const {
@@ -153,27 +154,27 @@ class NotificationList extends BaseComponent {
     return id;
   }
   static info(opts) {
-    return this.addNotice(Object.assign(Object.assign(Object.assign({}, defaultConfig), opts), {
+    return this.addNotice(Object.assign(Object.assign({}, opts), {
       type: 'info'
     }));
   }
   static success(opts) {
-    return this.addNotice(Object.assign(Object.assign(Object.assign({}, defaultConfig), opts), {
+    return this.addNotice(Object.assign(Object.assign({}, opts), {
       type: 'success'
     }));
   }
   static error(opts) {
-    return this.addNotice(Object.assign(Object.assign(Object.assign({}, defaultConfig), opts), {
+    return this.addNotice(Object.assign(Object.assign({}, opts), {
       type: 'error'
     }));
   }
   static warning(opts) {
-    return this.addNotice(Object.assign(Object.assign(Object.assign({}, defaultConfig), opts), {
+    return this.addNotice(Object.assign(Object.assign({}, opts), {
       type: 'warning'
     }));
   }
   static open(opts) {
-    return this.addNotice(Object.assign(Object.assign(Object.assign({}, defaultConfig), opts), {
+    return this.addNotice(Object.assign(Object.assign({}, opts), {
       type: 'default'
     }));
   }

package/lib/es/notification/notice.d.ts

@@ -16,7 +16,7 @@ declare class Notice extends BaseComponent<NoticeReactProps, NoticeState> {
     static contextType: React.Context<ContextValue>;
     static propTypes: {
         duration: PropTypes.Requireable<number>;
-        id: PropTypes.Requireable<NonNullable<string | number>>;
+        id: PropTypes.Requireable<string>;
         title: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         content: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         type: PropTypes.Requireable<string>;

package/lib/es/notification/notice.js

@@ -161,7 +161,7 @@ class Notice extends BaseComponent {
 Notice.contextType = ConfigContext;
 Notice.propTypes = {
   duration: PropTypes.number,
-  id: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  id: PropTypes.string,
   title: PropTypes.node,
   content: PropTypes.node,
   type: PropTypes.oneOf(types),

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

@@ -58,7 +58,7 @@ declare class Popover extends React.PureComponent<PopoverProps, PopoverState> {
         visible: PropTypes.Requireable<boolean>;
         autoAdjustOverflow: PropTypes.Requireable<boolean>;
         motion: PropTypes.Requireable<boolean>;
-        position: PropTypes.Requireable<"left" | "right" | "top" | "topLeft" | "topRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom" | "bottom" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver">;
+        position: PropTypes.Requireable<"left" | "right" | "top" | "bottom" | "topLeft" | "topRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver">;
         margin: PropTypes.Requireable<NonNullable<number | object>>;
         mouseEnterDelay: PropTypes.Requireable<number>;
         mouseLeaveDelay: PropTypes.Requireable<number>;

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

@@ -139,7 +139,7 @@ export type SelectProps = {
     onDeselect?: (value: SelectProps['value'], option: Record<string, any>) => void;
     onSelect?: (value: SelectProps['value'], option: Record<string, any>) => void;
     allowCreate?: boolean;
-    triggerRender?: (props?: TriggerRenderProps) => React.ReactNode;
+    triggerRender?: (props: TriggerRenderProps) => React.ReactNode;
     onClear?: () => void;
     virtualize?: virtualListProps;
     onFocus?: (e: React.FocusEvent) => void;
@@ -200,7 +200,7 @@ declare class Select extends BaseComponent<SelectProps, SelectState> {
         expandRestTagsOnClick: PropTypes.Requireable<boolean>;
         onDropdownVisibleChange: PropTypes.Requireable<(...args: any[]) => any>;
         zIndex: PropTypes.Requireable<number>;
-        position: PropTypes.Requireable<"left" | "right" | "top" | "topLeft" | "topRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom" | "bottom" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver" | "leftBottomOver" | "rightBottomOver">;
+        position: PropTypes.Requireable<"left" | "right" | "top" | "bottom" | "topLeft" | "topRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver" | "leftBottomOver" | "rightBottomOver">;
         onSearch: PropTypes.Requireable<(...args: any[]) => any>;
         getPopupContainer: PropTypes.Requireable<(...args: any[]) => any>;
         dropdownClassName: PropTypes.Requireable<string>;

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

@@ -308,7 +308,7 @@ declare class Table<RecordType extends Record<string, any>> extends BaseComponen
         showSizeChanger?: boolean;
         showQuickJumper?: boolean;
         popoverZIndex?: number;
-        popoverPosition?: "left" | "right" | "top" | "topLeft" | "topRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom" | "bottom" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver" | "leftBottomOver" | "rightBottomOver";
+        popoverPosition?: "left" | "right" | "top" | "bottom" | "topLeft" | "topRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver" | "leftBottomOver" | "rightBottomOver";
         hideOnSinglePage?: boolean;
         hoverShowPageSelect?: boolean;
         disabled?: boolean;

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

@@ -63,7 +63,7 @@ export type TimePickerProps = {
     secondStep?: number;
     showClear?: boolean;
     size?: InputSize;
-    stopPropagation: boolean;
+    stopPropagation?: boolean;
     style?: React.CSSProperties;
     timeZone?: string | number;
     triggerRender?: (props?: any) => React.ReactNode;
@@ -105,11 +105,11 @@ export default class TimePicker extends BaseComponent<TimePickerProps, TimePicke
         borderless: PropTypes.Requireable<boolean>;
         clearText: PropTypes.Requireable<string>;
         clearIcon: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        value: PropTypes.Requireable<NonNullable<string | number | string[] | Date | number[] | Date[]>>;
+        value: PropTypes.Requireable<NonNullable<string | number | string[] | number[] | Date | Date[]>>;
         inputReadOnly: PropTypes.Requireable<boolean>;
         disabled: PropTypes.Requireable<boolean>;
         showClear: PropTypes.Requireable<boolean>;
-        defaultValue: PropTypes.Requireable<NonNullable<string | number | string[] | Date | number[] | Date[]>>;
+        defaultValue: PropTypes.Requireable<NonNullable<string | number | string[] | number[] | Date | 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<NonNullable<string | number | string[] | Date | number[] | Date[]>>;
+declare const TimeShape: PropTypes.Requireable<NonNullable<string | number | string[] | number[] | Date | Date[]>>;
 export { TimeShape };

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

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

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

@@ -91,7 +91,7 @@ export default class Tooltip extends BaseComponent<TooltipProps, TooltipState> {
         children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         motion: PropTypes.Requireable<boolean>;
         autoAdjustOverflow: PropTypes.Requireable<boolean>;
-        position: PropTypes.Requireable<"left" | "right" | "top" | "topLeft" | "topRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom" | "bottom" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver" | "leftBottomOver" | "rightBottomOver">;
+        position: PropTypes.Requireable<"left" | "right" | "top" | "bottom" | "topLeft" | "topRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver" | "leftBottomOver" | "rightBottomOver">;
         getPopupContainer: PropTypes.Requireable<(...args: any[]) => any>;
         mouseEnterDelay: PropTypes.Requireable<number>;
         mouseLeaveDelay: PropTypes.Requireable<number>;

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

@@ -0,0 +1,9 @@
+import * as React from 'react';
+interface IndentProps {
+    prefixcls: string;
+    level: number;
+    isEnd: boolean[];
+    showLine: boolean;
+}
+declare const _default: React.MemoExoticComponent<({ prefixcls, level, isEnd, showLine }: IndentProps) => JSX.Element>;
+export default _default;

package/lib/es/tree/indent.js

@@ -0,0 +1,27 @@
+import * as React from 'react';
+import classNames from 'classnames';
+const Indent = _ref => {
+  let {
+    prefixcls,
+    level,
+    isEnd,
+    showLine
+  } = _ref;
+  const baseClassName = `${prefixcls}-indent-unit`;
+  const list = [];
+  for (let i = 0; i < level; i += 1) {
+    list.push( /*#__PURE__*/React.createElement("span", {
+      key: i,
+      className: classNames(baseClassName, {
+        [`${baseClassName}-end`]: isEnd[i]
+      })
+    }));
+  }
+  return /*#__PURE__*/React.createElement("span", {
+    "aria-hidden": "true",
+    className: classNames(`${prefixcls}-indent`, {
+      [`${prefixcls}-indent-show-line`]: showLine
+    })
+  }, list);
+};
+export default /*#__PURE__*/React.memo(Indent);

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

@@ -39,6 +39,7 @@ declare class Tree extends BaseComponent<TreeProps, TreeState> {
         searchStyle: PropTypes.Requireable<object>;
         selectedKey: PropTypes.Requireable<string>;
         showFilteredOnly: PropTypes.Requireable<boolean>;
+        showLine: PropTypes.Requireable<boolean>;
         style: PropTypes.Requireable<object>;
         treeData: PropTypes.Requireable<PropTypes.InferProps<{
             key: PropTypes.Requireable<string>;
@@ -90,6 +91,7 @@ declare class Tree extends BaseComponent<TreeProps, TreeState> {
         motion: boolean;
         leafOnly: boolean;
         showFilteredOnly: boolean;
+        showLine: boolean;
         expandAction: boolean;
         disableStrictly: boolean;
         draggable: boolean;

package/lib/es/tree/index.js

@@ -153,12 +153,14 @@ class Tree extends BaseComponent {
         return null;
       }
       const {
-        keyMaps
+        keyMaps,
+        showLine
       } = this.props;
-      const props = _pick(treeNode, ['key', 'label', 'disabled', 'isLeaf', 'icon']);
+      const props = _pick(treeNode, ['key', 'label', 'disabled', 'isLeaf', 'icon', 'isEnd']);
       const children = data[_get(keyMaps, 'children', 'children')];
       !_isUndefined(children) && (props.children = children);
       return /*#__PURE__*/React.createElement(TreeNode, Object.assign({}, treeNodeProps, data, props, {
+        showLine: showLine,
         data: data,
         style: _isEmpty(style) ? {} : style
       }));
@@ -592,6 +594,7 @@ class Tree extends BaseComponent {
         directory,
         multiple,
         showFilteredOnly,
+        showLine,
         motion,
         expandAction,
         loadData,
@@ -602,7 +605,7 @@ class Tree extends BaseComponent {
         virtualize,
         checkRelation
       } = _a,
-      rest = __rest(_a, ["blockNode", "className", "style", "filterTreeNode", "disabled", "icon", "directory", "multiple", "showFilteredOnly", "motion", "expandAction", "loadData", "renderLabel", "draggable", "renderFullLabel", "labelEllipsis", "virtualize", "checkRelation"]);
+      rest = __rest(_a, ["blockNode", "className", "style", "filterTreeNode", "disabled", "icon", "directory", "multiple", "showFilteredOnly", "showLine", "motion", "expandAction", "loadData", "renderLabel", "draggable", "renderFullLabel", "labelEllipsis", "virtualize", "checkRelation"]);
     const wrapperCls = cls(`${prefixcls}-wrapper`, className);
     const listCls = cls(`${prefixcls}-option-list`, {
       [`${prefixcls}-option-list-block`]: blockNode
@@ -691,6 +694,7 @@ Tree.propTypes = {
   searchStyle: PropTypes.object,
   selectedKey: PropTypes.string,
   showFilteredOnly: PropTypes.bool,
+  showLine: PropTypes.bool,
   style: PropTypes.object,
   treeData: PropTypes.arrayOf(PropTypes.shape({
     key: PropTypes.string,
@@ -742,6 +746,7 @@ Tree.defaultProps = {
   motion: true,
   leafOnly: false,
   showFilteredOnly: false,
+  showLine: false,
   expandAction: false,
   disableStrictly: false,
   draggable: false,

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

@@ -90,6 +90,7 @@ export interface TreeState extends BasicTreeInnerData {
 export interface TreeNodeProps extends BasicTreeNodeProps {
     children?: TreeNodeData[];
     icon?: ReactNode;
+    isEnd?: boolean[];
 }
 export interface TreeNodeState {
     [x: string]: any;
@@ -104,6 +105,7 @@ export interface FlattenNode extends BasicFlattenNode {
     data?: BasicTreeNodeData;
     label?: ReactNode;
     parent?: null | FlattenNode;
+    isEnd?: boolean[];
 }
 export interface NodeListProps {
     [x: string]: any;

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

@@ -22,6 +22,8 @@ export default class TreeNode extends PureComponent<TreeNodeProps, TreeNodeState
         treeNodeFilterProp: PropTypes.Requireable<string>;
         selectedKey: PropTypes.Requireable<string>;
         motionKey: PropTypes.Requireable<NonNullable<string | string[]>>;
+        isEnd: PropTypes.Requireable<boolean[]>;
+        showLine: PropTypes.Requireable<boolean>;
     };
     static defaultProps: {
         selectedKey: string;
@@ -56,6 +58,7 @@ export default class TreeNode extends PureComponent<TreeNodeProps, TreeNodeState
     isDisabled: () => boolean;
     renderArrow(): JSX.Element;
     renderCheckbox(): JSX.Element;
+    renderSwitcher: () => JSX.Element;
     renderIcon(): any;
     renderEmptyNode(): JSX.Element;
     renderRealLabel: () => any;

package/lib/es/tree/treeNode.js

@@ -21,6 +21,7 @@ import { Checkbox } from '../checkbox';
 import TreeContext from './treeContext';
 import Spin from '../spin';
 import { getHighLightTextHTML } from '../_utils/index';
+import Indent from './indent';
 const prefixcls = cssClasses.PREFIX_OPTION;
 export default class TreeNode extends PureComponent {
   constructor(props) {
@@ -195,6 +196,18 @@ export default class TreeNode extends PureComponent {
       }
       return Boolean(treeDisabled || disabled);
     };
+    // Switcher
+    this.renderSwitcher = () => {
+      if (this.isLeaf()) {
+        // if switcherIconDom is null, no render switcher span
+        return /*#__PURE__*/React.createElement("span", {
+          className: cls(`${prefixcls}-switcher`)
+        }, /*#__PURE__*/React.createElement("span", {
+          className: `${prefixcls}-switcher-leaf-line`
+        }));
+      }
+      return null;
+    };
     this.renderRealLabel = () => {
       const {
         renderLabel
@@ -234,7 +247,8 @@ export default class TreeNode extends PureComponent {
     const showIcon = !this.isLeaf();
     const {
       loading,
-      expanded
+      expanded,
+      showLine
     } = this.props;
     if (loading) {
       return /*#__PURE__*/React.createElement(Spin, {
@@ -250,6 +264,9 @@ export default class TreeNode extends PureComponent {
         onClick: this.onExpand
       });
     }
+    if (showLine) {
+      return this.renderSwitcher();
+    }
     return /*#__PURE__*/React.createElement("span", {
       className: `${prefixcls}-empty-icon`
     });
@@ -333,9 +350,11 @@ export default class TreeNode extends PureComponent {
         filtered,
         treeNodeFilterProp,
         display,
-        style
+        style,
+        isEnd,
+        showLine
       } = _a,
-      rest = __rest(_a, ["eventKey", "expanded", "selected", "checked", "halfChecked", "loading", "active", "level", "empty", "filtered", "treeNodeFilterProp", "display", "style"]);
+      rest = __rest(_a, ["eventKey", "expanded", "selected", "checked", "halfChecked", "loading", "active", "level", "empty", "filtered", "treeNodeFilterProp", "display", "style", "isEnd", "showLine"]);
     if (empty) {
       return this.renderEmptyNode();
     }
@@ -347,6 +366,7 @@ export default class TreeNode extends PureComponent {
       dropPosition,
       labelEllipsis
     } = this.context;
+    const isEndNode = isEnd[isEnd.length - 1];
     const disabled = this.isDisabled();
     const dragOver = dragOverNodeKey === eventKey && dropPosition === 0;
     const dragOverGapTop = dragOverNodeKey === eventKey && dropPosition === -1;
@@ -364,7 +384,8 @@ export default class TreeNode extends PureComponent {
       [`${prefixcls}-fullLabel-draggable`]: !disabled && draggable && renderFullLabel,
       // When draggable + renderFullLabel is turned on, the style of dragover
       [`${prefixcls}-fullLabel-drag-over-gap-top`]: !disabled && dragOverGapTop && renderFullLabel,
-      [`${prefixcls}-fullLabel-drag-over-gap-bottom`]: !disabled && dragOverGapBottom && renderFullLabel
+      [`${prefixcls}-fullLabel-drag-over-gap-bottom`]: !disabled && dragOverGapBottom && renderFullLabel,
+      [`${prefixcls}-tree-node-last-leaf`]: isEndNode
     });
     const labelProps = {
       onClick: this.onClick,
@@ -440,7 +461,12 @@ export default class TreeNode extends PureComponent {
       onDoubleClick: this.onDoubleClick,
       ref: this.setRef,
       style: style
-    }, dragProps), this.renderArrow(), /*#__PURE__*/React.createElement("span", {
+    }, dragProps), /*#__PURE__*/React.createElement(Indent, {
+      showLine: showLine,
+      prefixcls: prefixcls,
+      level: level,
+      isEnd: isEnd
+    }), this.renderArrow(), /*#__PURE__*/React.createElement("span", {
       className: labelCls
     }, multiple ? this.renderCheckbox() : null, this.renderIcon(), /*#__PURE__*/React.createElement("span", {
       className: `${prefixcls}-label-text`
@@ -465,7 +491,9 @@ TreeNode.propTypes = {
   keyword: PropTypes.string,
   treeNodeFilterProp: PropTypes.string,
   selectedKey: PropTypes.string,
-  motionKey: PropTypes.oneOfType([PropTypes.string, PropTypes.arrayOf(PropTypes.string)])
+  motionKey: PropTypes.oneOfType([PropTypes.string, PropTypes.arrayOf(PropTypes.string)]),
+  isEnd: PropTypes.arrayOf(PropTypes.bool),
+  showLine: PropTypes.bool
 };
 TreeNode.defaultProps = {
   selectedKey: '',

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

@@ -29,7 +29,7 @@ export type RenderSelectedItemInMultiple = (treeNode: TreeNodeData, otherProps:
     content: React.ReactNode;
 };
 export type RenderSelectedItem = RenderSelectedItemInSingle | RenderSelectedItemInMultiple;
-export type OverrideCommonProps = 'renderFullLabel' | 'renderLabel' | 'defaultValue' | 'emptyContent' | 'filterTreeNode' | 'style' | 'treeData' | 'value' | 'onExpand' | 'keyMaps';
+export type OverrideCommonProps = 'renderFullLabel' | 'renderLabel' | 'defaultValue' | 'emptyContent' | 'filterTreeNode' | 'style' | 'treeData' | 'value' | 'onExpand' | 'keyMaps' | 'showLine';
 /**
 * Type definition description:
 * TreeSelectProps inherits some properties from BasicTreeSelectProps (from foundation) and TreeProps (from semi-ui-react).
@@ -77,7 +77,7 @@ export interface TreeSelectProps extends Omit<BasicTreeSelectProps, OverrideComm
     onSelect?: (selectedKey: string, selected: boolean, selectedNode: TreeNodeData) => void;
     renderSelectedItem?: RenderSelectedItem;
     getPopupContainer?: () => HTMLElement;
-    triggerRender?: (props?: TriggerRenderProps) => React.ReactNode;
+    triggerRender?: (props: TriggerRenderProps) => React.ReactNode;
     onBlur?: (e: React.MouseEvent) => void;
     onChange?: OnChange;
     onFocus?: (e: React.MouseEvent) => void;
@@ -134,6 +134,7 @@ declare class TreeSelect extends BaseComponent<TreeSelectProps, TreeSelectState>
         showSearchClear: PropTypes.Requireable<boolean>;
         autoAdjustOverflow: PropTypes.Requireable<boolean>;
         showFilteredOnly: PropTypes.Requireable<boolean>;
+        showLine: PropTypes.Requireable<boolean>;
         motionExpand: PropTypes.Requireable<boolean>;
         emptyContent: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         keyMaps: PropTypes.Requireable<object>;
@@ -190,7 +191,6 @@ declare class TreeSelect extends BaseComponent<TreeSelectProps, TreeSelectState>
     triggerRef: React.RefObject<HTMLDivElement>;
     optionsRef: React.RefObject<any>;
     clickOutsideHandler: any;
-    _flattenNodes: TreeState['flattenNodes'];
     onNodeClick: any;
     onNodeDoubleClick: any;
     onMotionEnd: any;
@@ -247,6 +247,7 @@ declare class TreeSelect extends BaseComponent<TreeSelectProps, TreeSelectState>
     };
     getTreeNodeKey: (treeNode: TreeNodeData) => string;
     handlePopoverClose: (isVisible: any) => void;
+    afterClose: () => void;
     renderTreeNode: (treeNode: FlattenNode, ind: number, style: React.CSSProperties) => JSX.Element;
     itemKey: (index: number, data: Record<string, any>) => any;
     renderNodeList: () => JSX.Element;