@douyinfe/semi-ui 2.36.0 → 2.37.0

package/lib/es/steps/fillSteps.js

@@ -1,20 +1,30 @@
+var __rest = this && this.__rest || function (s, e) {
+  var t = {};
+  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
 import React, { cloneElement, Children, useMemo, isValidElement } from 'react';
 import PropTypes from 'prop-types';
 import cls from 'classnames';
 import { stepsClasses as css } from '@douyinfe/semi-foundation/lib/es/steps/constants';
+import getDataAttr from '@douyinfe/semi-foundation/lib/es/utils/getDataAttr';
 import { Row, Col } from '../grid';
 const Steps = props => {
   const {
-    current,
-    status,
-    children,
-    prefixCls,
-    initial,
-    direction,
-    className,
-    style,
-    onChange
-  } = props;
+      current,
+      status,
+      children,
+      prefixCls,
+      initial,
+      direction,
+      className,
+      style,
+      onChange
+    } = props,
+    rest = __rest(props, ["current", "status", "children", "prefixCls", "initial", "direction", "className", "style", "onChange"]);
   const inner = useMemo(() => {
     const filteredChildren = Children.toArray(children).filter(c => /*#__PURE__*/isValidElement(c));
     const colStyle = direction === 'vertical' ? null : {
@@ -56,11 +66,11 @@ const Steps = props => {
     [prefixCls]: true,
     [`${prefixCls}-${direction}`]: true
   });
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/React.createElement("div", Object.assign({
     className: wrapperCls,
     style: style,
     "aria-label": props["aria-label"]
-  }, /*#__PURE__*/React.createElement(Row, {
+  }, getDataAttr(rest)), /*#__PURE__*/React.createElement(Row, {
     type: "flex",
     justify: "start"
   }, inner));

package/lib/es/steps/navSteps.js

@@ -1,18 +1,28 @@
+var __rest = this && this.__rest || function (s, e) {
+  var t = {};
+  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
 import React, { cloneElement, Children, useMemo, isValidElement } from 'react';
 import PropTypes from 'prop-types';
+import getDataAttr from '@douyinfe/semi-foundation/lib/es/utils/getDataAttr';
 import cls from 'classnames';
 import { stepsClasses as css } from '@douyinfe/semi-foundation/lib/es/steps/constants';
 const Steps = props => {
   const {
-    size,
-    current,
-    initial,
-    children,
-    prefixCls,
-    className,
-    style,
-    onChange
-  } = props;
+      size,
+      current,
+      initial,
+      children,
+      prefixCls,
+      className,
+      style,
+      onChange
+    } = props,
+    rest = __rest(props, ["size", "current", "initial", "children", "prefixCls", "className", "style", "onChange"]);
   const inner = useMemo(() => {
     const filteredChildren = Children.toArray(children).filter(c => /*#__PURE__*/isValidElement(c));
     const total = filteredChildren.length;
@@ -38,11 +48,11 @@ const Steps = props => {
     [`${prefixCls}-nav`]: true,
     [`${prefixCls}-${size}`]: size !== 'default'
   });
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/React.createElement("div", Object.assign({
     "aria-label": props["aria-label"],
     className: wrapperCls,
     style: style
-  }, inner);
+  }, getDataAttr(rest)), inner);
 };
 Steps.propTypes = {
   prefixCls: PropTypes.string,

package/lib/es/switch/index.js

@@ -1,4 +1,12 @@
 import _noop from "lodash/noop";
+var __rest = this && this.__rest || function (s, e) {
+  var t = {};
+  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
 /* eslint-disable max-len */
 import React from 'react';
 import cls from 'classnames';
@@ -67,17 +75,19 @@ class Switch extends BaseComponent {
       nativeControlDisabled,
       focusVisible
     } = this.state;
-    const {
-      className,
-      style,
-      onMouseEnter,
-      onMouseLeave,
-      size,
-      checkedText,
-      uncheckedText,
-      loading,
-      id
-    } = this.props;
+    const _a = this.props,
+      {
+        className,
+        style,
+        onMouseEnter,
+        onMouseLeave,
+        size,
+        checkedText,
+        uncheckedText,
+        loading,
+        id
+      } = _a,
+      rest = __rest(_a, ["className", "style", "onMouseEnter", "onMouseLeave", "size", "checkedText", "uncheckedText", "loading", "id"]);
     const wrapperCls = cls(className, {
       [cssClasses.PREFIX]: true,
       [cssClasses.CHECKED]: nativeControlChecked,
@@ -95,12 +105,12 @@ class Switch extends BaseComponent {
     };
     const showCheckedText = checkedText && nativeControlChecked && size !== 'small';
     const showUncheckedText = uncheckedText && !nativeControlChecked && size !== 'small';
-    return /*#__PURE__*/React.createElement("div", {
+    return /*#__PURE__*/React.createElement("div", Object.assign({
       className: wrapperCls,
       style: style,
       onMouseEnter: onMouseEnter,
       onMouseLeave: onMouseLeave
-    }, loading ? /*#__PURE__*/React.createElement(Spin, {
+    }, this.getDataAttr(rest)), loading ? /*#__PURE__*/React.createElement(Spin, {
       wrapperClassName: cssClasses.LOADING_SPIN,
       size: size === 'default' ? 'middle' : size
     }) : /*#__PURE__*/React.createElement("div", {

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

@@ -311,6 +311,7 @@ declare class Table<RecordType extends Record<string, any>> extends BaseComponen
         popoverPosition?: "left" | "top" | "right" | "bottom" | "topLeft" | "topRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver" | "leftBottomOver" | "rightBottomOver";
         hideOnSinglePage?: boolean;
         hoverShowPageSelect?: boolean;
+        disabled?: boolean;
     };
     render(): JSX.Element;
 }

package/lib/es/table/Table.js

@@ -1298,13 +1298,14 @@ class Table extends BaseComponent {
       getVirtualizedListRef,
       setBodyHasScrollbar: this.setBodyHasScrollbar
     });
-    return /*#__PURE__*/React.createElement("div", {
+    const dataAttr = this.getDataAttr(rest);
+    return /*#__PURE__*/React.createElement("div", Object.assign({
       ref: this.rootWrapRef,
       className: classnames(className, `${prefixCls}-wrapper`, `${prefixCls}-wrapper-${props.direction}`),
       "data-column-fixed": anyColumnFixed,
       style: wrapStyle,
       id: id
-    }, /*#__PURE__*/React.createElement(TableContextProvider, Object.assign({}, tableContextValue, {
+    }, dataAttr), /*#__PURE__*/React.createElement(TableContextProvider, Object.assign({}, tableContextValue, {
       direction: props.direction
     }), /*#__PURE__*/React.createElement(Spin, {
       spinning: loading,

package/lib/es/tabs/index.js

@@ -13,7 +13,6 @@ import cls from 'classnames';
 import PropTypes from 'prop-types';
 import { cssClasses, strings } from '@douyinfe/semi-foundation/lib/es/tabs/constants';
 import isNullOrUndefined from '@douyinfe/semi-foundation/lib/es/utils/isNullOrUndefined';
-import getDataAttr from '@douyinfe/semi-foundation/lib/es/utils/getDataAttr';
 import TabsFoundation from '@douyinfe/semi-foundation/lib/es/tabs/foundation';
 import BaseComponent from '../_base/baseComponent';
 import '@douyinfe/semi-foundation/lib/es/tabs/tabs.css';
@@ -279,7 +278,7 @@ class Tabs extends BaseComponent {
     return /*#__PURE__*/React.createElement("div", Object.assign({
       className: tabWrapperCls,
       style: style
-    }, getDataAttr(restProps)), tabBar, /*#__PURE__*/React.createElement(TabsContext.Provider, {
+    }, this.getDataAttr(restProps)), tabBar, /*#__PURE__*/React.createElement(TabsContext.Provider, {
       value: {
         activeKey,
         lazyRender,

package/lib/es/tagInput/index.js

@@ -4,6 +4,14 @@ import _isNull from "lodash/isNull";
 import _isArray from "lodash/isArray";
 import _isString from "lodash/isString";
 import _noop from "lodash/noop";
+var __rest = this && this.__rest || function (s, e) {
+  var t = {};
+  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
 import React from 'react';
 import cls from 'classnames';
 import PropTypes from 'prop-types';
@@ -424,14 +432,16 @@ class TagInput extends BaseComponent {
     }
   }
   render() {
-    const {
-      size,
-      style,
-      className,
-      disabled,
-      placeholder,
-      validateStatus
-    } = this.props;
+    const _a = this.props,
+      {
+        size,
+        style,
+        className,
+        disabled,
+        placeholder,
+        validateStatus
+      } = _a,
+      rest = __rest(_a, ["size", "style", "className", "disabled", "placeholder", "validateStatus"]);
     const {
       focusing,
       hovering,
@@ -453,7 +463,7 @@ class TagInput extends BaseComponent {
     return (
       /*#__PURE__*/
       // eslint-disable-next-line
-      React.createElement("div", {
+      React.createElement("div", Object.assign({
         ref: this.tagInputRef,
         style: style,
         className: tagInputCls,
@@ -469,7 +479,7 @@ class TagInput extends BaseComponent {
         onClick: e => {
           this.handleClick(e);
         }
-      }, this.renderPrefix(), /*#__PURE__*/React.createElement("div", {
+      }, this.getDataAttr(rest)), this.renderPrefix(), /*#__PURE__*/React.createElement("div", {
         className: wrapperCls
       }, this.renderTags(), /*#__PURE__*/React.createElement(Input, {
         "aria-label": 'input value',

package/lib/es/timeline/index.js

@@ -1,8 +1,17 @@
+var __rest = this && this.__rest || function (s, e) {
+  var t = {};
+  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
 import React, { PureComponent } from 'react';
 import cls from 'classnames';
 import PropTypes from 'prop-types';
 import '@douyinfe/semi-foundation/lib/es/timeline/timeline.css';
 import { cssClasses, strings } from '@douyinfe/semi-foundation/lib/es/timeline/constants';
+import getDataAttr from '@douyinfe/semi-foundation/lib/es/utils/getDataAttr';
 import ConfigContext from '../configProvider/context';
 import Item from './item';
 const prefixCls = cssClasses.PREFIX;
@@ -44,13 +53,15 @@ class Timeline extends PureComponent {
     });
   }
   render() {
-    const {
-      children,
-      className,
-      style,
-      mode,
-      dataSource
-    } = this.props;
+    const _a = this.props,
+      {
+        children,
+        className,
+        style,
+        mode,
+        dataSource
+      } = _a,
+      rest = __rest(_a, ["children", "className", "style", "mode", "dataSource"]);
     const classString = cls(prefixCls, className, {
       [`${prefixCls}-${mode}`]: mode
     });
@@ -62,11 +73,11 @@ class Timeline extends PureComponent {
       childrenList = this.addClassName(items);
     }
     const items = childrenList || this.addClassName(children);
-    return /*#__PURE__*/React.createElement("ul", {
+    return /*#__PURE__*/React.createElement("ul", Object.assign({
       "aria-label": this.props['aria-label'],
       style: style,
       className: classString
-    }, items);
+    }, getDataAttr(rest)), items);
   }
 }
 Timeline.contextType = ConfigContext;

package/lib/es/timeline/item.js

@@ -1,23 +1,34 @@
 import _noop from "lodash/noop";
+var __rest = this && this.__rest || function (s, e) {
+  var t = {};
+  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
 import React, { PureComponent } from 'react';
 import cls from 'classnames';
 import PropTypes from 'prop-types';
 import { cssClasses, strings } from '@douyinfe/semi-foundation/lib/es/timeline/constants';
+import getDataAttr from '@douyinfe/semi-foundation/lib/es/utils/getDataAttr';
 import '@douyinfe/semi-foundation/lib/es/timeline/timeline.css';
 const prefixCls = cssClasses.ITEM;
 export default class Item extends PureComponent {
   render() {
-    const {
-      className,
-      color,
-      children,
-      dot,
-      type,
-      style,
-      time,
-      extra,
-      onClick
-    } = this.props;
+    const _a = this.props,
+      {
+        className,
+        color,
+        children,
+        dot,
+        type,
+        style,
+        time,
+        extra,
+        onClick
+      } = _a,
+      rest = __rest(_a, ["className", "color", "children", "dot", "type", "style", "time", "extra", "onClick"]);
     const itemCls = cls(prefixCls, className);
     const dotCls = cls({
       [`${prefixCls}-head`]: true,
@@ -29,11 +40,11 @@ export default class Item extends PureComponent {
         backgroundColor: color
       }
     } : null;
-    return /*#__PURE__*/React.createElement("li", {
+    return /*#__PURE__*/React.createElement("li", Object.assign({
       className: itemCls,
       style: style,
       onClick: onClick
-    }, /*#__PURE__*/React.createElement("div", {
+    }, getDataAttr(rest)), /*#__PURE__*/React.createElement("div", {
       className: `${prefixCls}-tail`,
       "aria-hidden": true
     }), /*#__PURE__*/React.createElement("div", Object.assign({

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

@@ -26,6 +26,7 @@ declare const createBaseToast: () => {
         componentWillUnmount(): void;
         isControlled: (key: any) => boolean;
         log(text: string, ...rest: any): any;
+        getDataAttr(props?: any): {};
         context: unknown;
         setState<K extends keyof ToastListState>(state: ToastListState | ((prevState: Readonly<ToastListState>, props: Readonly<ToastListProps>) => ToastListState | Pick<ToastListState, K>) | Pick<ToastListState, K>, callback?: () => void): void;
         forceUpdate(callback?: () => void): void;
@@ -59,6 +60,7 @@ declare const createBaseToast: () => {
         componentWillUnmount(): void;
         isControlled: (key: any) => boolean;
         log(text: string, ...rest: any): any;
+        getDataAttr(props?: any): {};
         context: unknown;
         setState<K extends keyof ToastListState>(state: ToastListState | ((prevState: Readonly<ToastListState>, props: Readonly<ToastListProps>) => ToastListState | Pick<ToastListState, K>) | Pick<ToastListState, K>, callback?: () => void): void;
         forceUpdate(callback?: () => void): void;
@@ -120,6 +122,7 @@ declare const _default: {
         componentWillUnmount(): void;
         isControlled: (key: any) => boolean;
         log(text: string, ...rest: any): any;
+        getDataAttr(props?: any): {};
         context: unknown;
         setState<K extends keyof ToastListState>(state: ToastListState | ((prevState: Readonly<ToastListState>, props: Readonly<ToastListProps>) => ToastListState | Pick<ToastListState, K>) | Pick<ToastListState, K>, callback?: () => void): void;
         forceUpdate(callback?: () => void): void;
@@ -153,6 +156,7 @@ declare const _default: {
         componentWillUnmount(): void;
         isControlled: (key: any) => boolean;
         log(text: string, ...rest: any): any;
+        getDataAttr(props?: any): {};
         context: unknown;
         setState<K extends keyof ToastListState>(state: ToastListState | ((prevState: Readonly<ToastListState>, props: Readonly<ToastListProps>) => ToastListState | Pick<ToastListState, K>) | Pick<ToastListState, K>, callback?: () => void): void;
         forceUpdate(callback?: () => void): void;

package/lib/es/tooltip/index.js

@@ -203,7 +203,9 @@ export default class Tooltip extends BaseComponent {
           role: role,
           "x-placement": placement,
           id: id
-        }), contentNode, icon);
+        }), /*#__PURE__*/React.createElement("div", {
+          className: `${prefix}-content`
+        }, contentNode), icon);
       });
       return /*#__PURE__*/React.createElement(Portal, {
         getPopupContainer: this.props.getPopupContainer,

package/lib/es/transfer/index.js

@@ -3,6 +3,14 @@ import _isEmpty from "lodash/isEmpty";
 import _omit from "lodash/omit";
 import _noop from "lodash/noop";
 import _isEqual from "lodash/isEqual";
+var __rest = this && this.__rest || function (s, e) {
+  var t = {};
+  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
 import React from 'react';
 import cls from 'classnames';
 import { SortableContainer, SortableElement, SortableHandle } from 'react-sortable-hoc';
@@ -544,23 +552,25 @@ class Transfer extends BaseComponent {
     }, headerCom, content);
   }
   render() {
-    const {
-      className,
-      style,
-      disabled,
-      renderSelectedPanel,
-      renderSourcePanel
-    } = this.props;
+    const _a = this.props,
+      {
+        className,
+        style,
+        disabled,
+        renderSelectedPanel,
+        renderSourcePanel
+      } = _a,
+      rest = __rest(_a, ["className", "style", "disabled", "renderSelectedPanel", "renderSourcePanel"]);
     const transferCls = cls(prefixCls, className, {
       [`${prefixCls}-disabled`]: disabled,
       [`${prefixCls}-custom-panel`]: renderSelectedPanel && renderSourcePanel
     });
     return /*#__PURE__*/React.createElement(LocaleConsumer, {
       componentName: "Transfer"
-    }, locale => /*#__PURE__*/React.createElement("div", {
+    }, locale => /*#__PURE__*/React.createElement("div", Object.assign({
       className: transferCls,
       style: style
-    }, this.renderLeft(locale), this.renderRight(locale)));
+    }, this.getDataAttr(rest)), this.renderLeft(locale), this.renderRight(locale)));
   }
 }
 Transfer.propTypes = {

package/lib/es/tree/index.js

@@ -2,6 +2,14 @@ import _isFunction from "lodash/isFunction";
 import _get from "lodash/get";
 import _isEqual from "lodash/isEqual";
 import _isEmpty from "lodash/isEmpty";
+var __rest = this && this.__rest || function (s, e) {
+  var t = {};
+  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
 /* eslint-disable max-lines-per-function */
 import React from 'react';
 import cls from 'classnames';
@@ -564,26 +572,28 @@ class Tree extends BaseComponent {
       checkedKeys,
       realCheckedKeys
     } = this.state;
-    const {
-      blockNode,
-      className,
-      style,
-      filterTreeNode,
-      disabled,
-      icon,
-      directory,
-      multiple,
-      showFilteredOnly,
-      motion,
-      expandAction,
-      loadData,
-      renderLabel,
-      draggable,
-      renderFullLabel,
-      labelEllipsis,
-      virtualize,
-      checkRelation
-    } = this.props;
+    const _a = this.props,
+      {
+        blockNode,
+        className,
+        style,
+        filterTreeNode,
+        disabled,
+        icon,
+        directory,
+        multiple,
+        showFilteredOnly,
+        motion,
+        expandAction,
+        loadData,
+        renderLabel,
+        draggable,
+        renderFullLabel,
+        labelEllipsis,
+        virtualize,
+        checkRelation
+      } = _a,
+      rest = __rest(_a, ["blockNode", "className", "style", "filterTreeNode", "disabled", "icon", "directory", "multiple", "showFilteredOnly", "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
@@ -632,11 +642,11 @@ class Tree extends BaseComponent {
         dropPosition,
         labelEllipsis: typeof labelEllipsis === 'undefined' ? virtualize : labelEllipsis
       }
-    }, /*#__PURE__*/React.createElement("div", {
+    }, /*#__PURE__*/React.createElement("div", Object.assign({
       "aria-label": this.props['aria-label'],
       className: wrapperCls,
       style: style
-    }, filterTreeNode ? this.renderInput() : null, /*#__PURE__*/React.createElement("div", Object.assign({
+    }, this.getDataAttr(rest)), filterTreeNode ? this.renderInput() : null, /*#__PURE__*/React.createElement("div", Object.assign({
       className: listCls
     }, ariaAttr), noData ? this.renderEmpty() : multiple ? /*#__PURE__*/React.createElement(CheckboxGroup, {
       value: Array.from(checkRelation === 'related' ? checkedKeys : realCheckedKeys)

package/lib/es/treeSelect/index.js

@@ -6,6 +6,14 @@ import _noop from "lodash/noop";
 import _isEmpty from "lodash/isEmpty";
 import _isString from "lodash/isString";
 import _isEqual from "lodash/isEqual";
+var __rest = this && this.__rest || function (s, e) {
+  var t = {};
+  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
 import React, { Fragment } from 'react';
 import ReactDOM from 'react-dom';
 import cls from 'classnames';
@@ -331,24 +339,26 @@ class TreeSelect extends BaseComponent {
       return null;
     };
     this.renderSelection = () => {
-      const {
-        disabled,
-        multiple,
-        filterTreeNode,
-        validateStatus,
-        prefix,
-        suffix,
-        style,
-        size,
-        insetLabel,
-        className,
-        placeholder,
-        showClear,
-        leafOnly,
-        searchPosition,
-        triggerRender,
-        borderless
-      } = this.props;
+      const _a = this.props,
+        {
+          disabled,
+          multiple,
+          filterTreeNode,
+          validateStatus,
+          prefix,
+          suffix,
+          style,
+          size,
+          insetLabel,
+          className,
+          placeholder,
+          showClear,
+          leafOnly,
+          searchPosition,
+          triggerRender,
+          borderless
+        } = _a,
+        rest = __rest(_a, ["disabled", "multiple", "filterTreeNode", "validateStatus", "prefix", "suffix", "style", "size", "insetLabel", "className", "placeholder", "showClear", "leafOnly", "searchPosition", "triggerRender", "borderless"]);
       const {
         inputValue,
         selectedKeys,
@@ -430,7 +440,7 @@ class TreeSelect extends BaseComponent {
         "aria-labelledby": this.props['aria-labelledby'],
         "aria-describedby": this.props['aria-describedby'],
         "aria-required": this.props['aria-required']
-      }, mouseEvent), inner);
+      }, mouseEvent, this.getDataAttr(rest)), inner);
     };
     // eslint-disable-next-line @typescript-eslint/no-shadow
     this.renderTagItem = (key, idx) => {
@@ -552,7 +562,8 @@ class TreeSelect extends BaseComponent {
         searchPosition,
         searchAutoFocus,
         multiple,
-        disabled
+        disabled,
+        preventScroll
       } = this.props;
       const isDropdownPositionSearch = searchPosition === strings.SEARCH_POSITION_DROPDOWN;
       const inputcls = cls({
@@ -565,6 +576,7 @@ class TreeSelect extends BaseComponent {
       const baseInputProps = {
         value: inputValue,
         className: inputcls,
+        preventScroll,
         onChange: value => this.search(value)
       };
       const inputDropdownProps = {

package/lib/es/typography/title.d.ts

@@ -39,7 +39,7 @@ export default class Title extends PureComponent<TitleProps> {
         underline: PropTypes.Requireable<boolean>;
         strong: PropTypes.Requireable<boolean>;
         type: PropTypes.Requireable<"warning" | "success" | "primary" | "tertiary" | "secondary" | "danger" | "quaternary">;
-        heading: PropTypes.Requireable<1 | 2 | 3 | 4 | 6 | 5>;
+        heading: PropTypes.Requireable<1 | 2 | 3 | 4 | 5 | 6>;
         style: PropTypes.Requireable<object>;
         className: PropTypes.Requireable<string>;
         component: PropTypes.Requireable<string>;