@douyinfe/semi-ui 2.14.0 → 2.15.0-beta.0

package/lib/es/rating/index.js

@@ -1,7 +1,7 @@
-import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
 import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
 import _keysInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/keys";
 import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
+import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
 import React from 'react';
 import ReactDOM from 'react-dom';
 import BaseComponent from '../_base/baseComponent';
@@ -48,11 +48,14 @@ export default class Rating extends BaseComponent {
 
     this.focus = () => {
       const {
-        disabled
+        disabled,
+        preventScroll
       } = this.props;
 
       if (!disabled) {
-        this.rate.focus();
+        this.rate.focus({
+          preventScroll
+        });
       }
     };
 
@@ -74,13 +77,96 @@ export default class Rating extends BaseComponent {
       this.rate = node;
     };
 
+    this.handleStarFocusVisible = event => {
+      this.foundation.handleStarFocusVisible(event);
+    };
+
+    this.handleStarBlur = event => {
+      this.foundation.handleStarBlur(event);
+    };
+
+    this.getAriaLabelPrefix = () => {
+      if (this.props['aria-label']) {
+        return this.props['aria-label'];
+      }
+
+      let prefix = 'star';
+      const {
+        character
+      } = this.props;
+
+      if (typeof character === 'string') {
+        prefix = character;
+      }
+
+      return prefix;
+    };
+
+    this.getItemList = ariaLabelPrefix => {
+      var _context, _context2;
+
+      const {
+        count,
+        allowHalf,
+        prefixCls,
+        disabled,
+        character,
+        size,
+        tooltips
+      } = this.props;
+      const {
+        value,
+        hoverValue,
+        focused
+      } = this.state; // index == count is for Empty rating
+
+      const itemList = _mapInstanceProperty(_context = [..._keysInstanceProperty(_context2 = Array(count + 1)).call(_context2)]).call(_context, ind => {
+        const content = /*#__PURE__*/React.createElement(Item, {
+          ref: this.saveRef(ind),
+          index: ind,
+          count: count,
+          prefixCls: "".concat(prefixCls, "-star"),
+          allowHalf: allowHalf,
+          value: hoverValue === undefined ? value : hoverValue,
+          onClick: disabled ? noop : this.onClick,
+          onHover: disabled ? noop : this.onHover,
+          key: ind,
+          disabled: disabled,
+          character: character,
+          focused: focused,
+          size: ind === count ? 0 : size,
+          ariaLabelPrefix: ariaLabelPrefix,
+          onFocus: disabled || count !== ind ? noop : this.handleStarFocusVisible,
+          onBlur: disabled || count !== ind ? noop : this.handleStarBlur
+        });
+
+        if (tooltips) {
+          var _context3;
+
+          const text = tooltips[ind] ? tooltips[ind] : '';
+          const showTips = hoverValue - 1 === ind;
+          return /*#__PURE__*/React.createElement(Tooltip, {
+            visible: showTips,
+            trigger: "custom",
+            content: text,
+            key: _concatInstanceProperty(_context3 = "".concat(ind, "-")).call(_context3, showTips)
+          }, content);
+        }
+
+        return content;
+      });
+
+      return itemList;
+    };
+
     const value = props.value === undefined ? props.defaultValue : props.value;
     this.stars = {};
     this.state = {
       value,
       focused: false,
       hoverValue: undefined,
-      clearedValue: null
+      clearedValue: null,
+      emptyStarFocusVisible: false
     };
     this.foundation = new RatingFoundation(this.adapter);
   }
@@ -99,11 +185,16 @@ export default class Rating extends BaseComponent {
     return _Object$assign(_Object$assign({}, super.adapter), {
       focus: () => {
         const {
-          disabled
+          disabled,
+          count
         } = this.props;
+        const {
+          value
+        } = this.state;
 
         if (!disabled) {
-          this.rate.focus();
+          const index = Math.ceil(value) - 1;
+          this.stars[index < 0 ? count : index].starFocus();
         }
       },
       getStarDOM: index => {
@@ -165,6 +256,11 @@ export default class Rating extends BaseComponent {
           focused: false
         });
         onKeyDown && onKeyDown(e);
+      },
+      setEmptyStarFocusVisible: focusVisible => {
+        this.setState({
+          emptyStarFocusVisible: focusVisible
+        });
       }
     });
   }
@@ -178,77 +274,48 @@ export default class Rating extends BaseComponent {
   }
 
   render() {
-    var _context, _context2;
+    var _context4, _context5, _context6;
 
     const {
-      count,
-      allowHalf,
       style,
       prefixCls,
       disabled,
       className,
-      character,
-      tabIndex,
-      size,
-      tooltips,
-      id
+      id,
+      count,
+      tabIndex
     } = this.props;
     const {
       value,
-      hoverValue,
-      focused
+      emptyStarFocusVisible
     } = this.state;
+    const ariaLabelPrefix = this.getAriaLabelPrefix();
 
-    const itemList = _mapInstanceProperty(_context = [..._keysInstanceProperty(_context2 = Array(count)).call(_context2)]).call(_context, ind => {
-      const content = /*#__PURE__*/React.createElement(Item, {
-        ref: this.saveRef(ind),
-        index: ind,
-        count: count,
-        prefixCls: "".concat(prefixCls, "-star"),
-        allowHalf: allowHalf,
-        value: hoverValue === undefined ? value : hoverValue,
-        onClick: this.onClick,
-        onHover: this.onHover,
-        key: ind,
-        disabled: disabled,
-        character: character,
-        focused: focused,
-        size: size
-      });
-
-      if (tooltips) {
-        var _context3;
-
-        const text = tooltips[ind] ? tooltips[ind] : '';
-        const showTips = hoverValue - 1 === ind;
-        return /*#__PURE__*/React.createElement(Tooltip, {
-          visible: showTips,
-          trigger: "custom",
-          content: text,
-          key: _concatInstanceProperty(_context3 = "".concat(ind, "-")).call(_context3, showTips)
-        }, content);
-      }
-
-      return content;
-    });
+    const ariaLabel = _concatInstanceProperty(_context4 = _concatInstanceProperty(_context5 = _concatInstanceProperty(_context6 = "Rating: ".concat(value, " of ")).call(_context6, count, " ")).call(_context5, ariaLabelPrefix)).call(_context4, value === 1 ? '' : 's', ",");
 
+    const itemList = this.getItemList(ariaLabelPrefix);
     const listCls = cls(prefixCls, {
-      ["".concat(prefixCls, "-disabled")]: disabled
+      ["".concat(prefixCls, "-disabled")]: disabled,
+      ["".concat(prefixCls, "-focus")]: emptyStarFocusVisible
     }, className);
-    return /*#__PURE__*/React.createElement("ul", {
-      "aria-label": this.props['aria-label'],
-      "aria-labelledby": this.props['aria-labelledby'],
-      "aria-describedby": this.props['aria-describedby'],
-      className: listCls,
-      style: style,
-      onMouseLeave: disabled ? null : this.onMouseLeave,
-      tabIndex: disabled ? -1 : tabIndex,
-      onFocus: disabled ? null : this.onFocus,
-      onBlur: disabled ? null : this.onBlur,
-      onKeyDown: disabled ? null : this.onKeyDown,
-      ref: this.saveRate,
-      id: id
-    }, itemList);
+    return (
+      /*#__PURE__*/
+      // eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions
+      React.createElement("ul", {
+        "aria-label": ariaLabel,
+        "aria-labelledby": this.props['aria-labelledby'],
+        "aria-describedby": this.props['aria-describedby'],
+        className: listCls,
+        style: style,
+        onMouseLeave: disabled ? noop : this.onMouseLeave,
+        tabIndex: disabled ? -1 : tabIndex,
+        onFocus: disabled ? noop : this.onFocus,
+        onBlur: disabled ? noop : this.onBlur,
+        onKeyDown: disabled ? noop : this.onKeyDown,
+        ref: this.saveRate,
+        id: id
+      }, itemList)
+    );
   }
 
 }
@@ -279,7 +346,8 @@ Rating.propTypes = {
   autoFocus: PropTypes.bool,
   size: PropTypes.oneOfType([PropTypes.oneOf(strings.SIZE_SET), PropTypes.number]),
   tooltips: PropTypes.arrayOf(PropTypes.string),
-  id: PropTypes.string
+  id: PropTypes.string,
+  preventScroll: PropTypes.bool
 };
 Rating.defaultProps = {
   defaultValue: 0,
@@ -290,6 +358,6 @@ Rating.defaultProps = {
   prefixCls: cssClasses.PREFIX,
   onChange: noop,
   onHoverChange: noop,
-  tabIndex: 0,
+  tabIndex: -1,
   size: 'default'
 };

package/lib/es/rating/item.d.ts

@@ -1,9 +1,11 @@
-import React, { PureComponent } from 'react';
+import React from 'react';
 import PropTypes from 'prop-types';
 import { strings } from '@douyinfe/semi-foundation/lib/es/rating/constants';
 import '@douyinfe/semi-foundation/lib/es/rating/rating.css';
+import { RatingItemFoundation, RatingItemAdapter } from '@douyinfe/semi-foundation/lib/es/rating/foundation';
+import BaseComponent, { BaseProps } from '../_base/baseComponent';
 declare type ArrayElement<ArrayType extends readonly unknown[]> = ArrayType extends readonly (infer ElementType)[] ? ElementType : never;
-export interface RatingItemProps {
+export interface RatingItemProps extends BaseProps {
     value: number;
     index: number;
     prefixCls: string;
@@ -14,10 +16,18 @@ export interface RatingItemProps {
     focused: boolean;
     disabled: boolean;
     count: number;
+    ariaLabelPrefix: string;
     size: number | ArrayElement<typeof strings.SIZE_SET>;
     'aria-describedby'?: React.AriaAttributes['aria-describedby'];
+    onFocus?: (e: React.FocusEvent) => void;
+    onBlur?: (e: React.FocusEvent) => void;
+    preventScroll?: boolean;
 }
-export default class Item extends PureComponent<RatingItemProps> {
+export interface RatingItemState {
+    firstStarFocus: boolean;
+    secondStarFocus: boolean;
+}
+export default class Item extends BaseComponent<RatingItemProps, RatingItemState> {
     static propTypes: {
         value: PropTypes.Requireable<number>;
         index: PropTypes.Requireable<number>;
@@ -29,12 +39,26 @@ export default class Item extends PureComponent<RatingItemProps> {
         focused: PropTypes.Requireable<boolean>;
         disabled: PropTypes.Requireable<boolean>;
         count: PropTypes.Requireable<number>;
+        ariaLabelPrefix: PropTypes.Requireable<string>;
         size: PropTypes.Requireable<number | "default" | "small">;
         'aria-describedby': PropTypes.Requireable<string>;
+        onFocus: PropTypes.Requireable<(...args: any[]) => any>;
+        onBlur: PropTypes.Requireable<(...args: any[]) => any>;
+        preventScroll: PropTypes.Requireable<boolean>;
     };
+    foundation: RatingItemFoundation;
+    constructor(props: RatingItemProps);
+    get adapter(): RatingItemAdapter<RatingItemProps, RatingItemState>;
+    firstStar: HTMLDivElement;
+    secondStar: HTMLDivElement;
     onHover: React.MouseEventHandler;
     onClick: React.MouseEventHandler;
+    onFocus: (e: any, star: any) => void;
+    onBlur: (e: any, star: any) => void;
     onKeyDown: React.KeyboardEventHandler;
+    starFocus: () => void;
+    saveFirstStar: (node: HTMLDivElement) => void;
+    saveSecondStar: (node: HTMLDivElement) => void;
     render(): JSX.Element;
 }
 export {};

package/lib/es/rating/item.js

@@ -1,14 +1,18 @@
-import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
 import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
-import React, { PureComponent } from 'react';
+import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
+import React from 'react';
 import cls from 'classnames';
 import PropTypes from 'prop-types';
-import { strings } from '@douyinfe/semi-foundation/lib/es/rating/constants';
+import { cssClasses, strings } from '@douyinfe/semi-foundation/lib/es/rating/constants';
 import '@douyinfe/semi-foundation/lib/es/rating/rating.css';
 import { IconStar } from '@douyinfe/semi-icons';
-export default class Item extends PureComponent {
-  constructor() {
-    super(...arguments);
+import { RatingItemFoundation } from '@douyinfe/semi-foundation/lib/es/rating/foundation';
+import BaseComponent from '../_base/baseComponent';
+export default class Item extends BaseComponent {
+  constructor(props) {
+    super(props);
+    this.firstStar = null;
+    this.secondStar = null;
 
     this.onHover = e => {
       const {
@@ -26,6 +30,22 @@ export default class Item extends PureComponent {
       onClick(e, index);
     };
 
+    this.onFocus = (e, star) => {
+      const {
+        onFocus
+      } = this.props;
+      onFocus && onFocus(e);
+      this.foundation.handleFocusVisible(e, star);
+    };
+
+    this.onBlur = (e, star) => {
+      const {
+        onBlur
+      } = this.props;
+      onBlur && onBlur(e);
+      this.foundation.handleBlur(e, star);
+    };
+
     this.onKeyDown = e => {
       const {
         onClick,
@@ -36,10 +56,57 @@ export default class Item extends PureComponent {
         onClick(e, index);
       }
     };
+
+    this.starFocus = () => {
+      const {
+        value,
+        index,
+        preventScroll
+      } = this.props;
+
+      if (value - index === 0.5) {
+        this.firstStar.focus({
+          preventScroll
+        });
+      } else {
+        this.secondStar.focus({
+          preventScroll
+        });
+      }
+    };
+
+    this.saveFirstStar = node => {
+      this.firstStar = node;
+    };
+
+    this.saveSecondStar = node => {
+      this.secondStar = node;
+    };
+
+    this.state = {
+      firstStarFocus: false,
+      secondStarFocus: false
+    };
+    this.foundation = new RatingItemFoundation(this.adapter);
+  }
+
+  get adapter() {
+    return _Object$assign(_Object$assign({}, super.adapter), {
+      setFirstStarFocus: value => {
+        this.setState({
+          firstStarFocus: value
+        });
+      },
+      setSecondStarFocus: value => {
+        this.setState({
+          secondStarFocus: value
+        });
+      }
+    });
   }
 
   render() {
-    var _context;
+    var _context, _context2, _context3, _context4;
 
     const {
       index,
@@ -50,18 +117,21 @@ export default class Item extends PureComponent {
       disabled,
       allowHalf,
       focused,
-      size
+      size,
+      ariaLabelPrefix
     } = this.props;
+    const {
+      firstStarFocus,
+      secondStarFocus
+    } = this.state;
     const starValue = index + 1;
-    const diff = starValue - value;
-    const isFocused = value === 0 && index === 0 && focused; // const isHalf = allowHalf && value + 0.5 === starValue;
+    const diff = starValue - value; // const isHalf = allowHalf && value + 0.5 === starValue;
 
     const isHalf = allowHalf && diff < 1 && diff > 0;
-    const firstWidth = isHalf ? 1 - diff : 0.5;
+    const firstWidth = 1 - diff;
     const isFull = starValue <= value;
     const isCustomSize = typeof size === 'number';
     const starCls = cls(prefixCls, {
-      ["".concat(prefixCls, "-focused")]: isFocused,
       ["".concat(prefixCls, "-half")]: isHalf,
       ["".concat(prefixCls, "-full")]: isFull,
       [_concatInstanceProperty(_context = "".concat(prefixCls, "-")).call(_context, size)]: !isCustomSize
@@ -73,34 +143,73 @@ export default class Item extends PureComponent {
     } : {};
     const iconSize = isCustomSize ? 'inherit' : size === 'small' ? 'default' : 'extra-large';
     const content = character ? character : /*#__PURE__*/React.createElement(IconStar, {
-      size: iconSize
+      size: iconSize,
+      style: {
+        display: 'block'
+      }
     });
-    return /*#__PURE__*/React.createElement("li", {
-      className: starCls,
-      style: _Object$assign({}, sizeStyle)
-    }, /*#__PURE__*/React.createElement("div", {
+    const isEmpty = index === count;
+    const starWrapCls = cls("".concat(prefixCls, "-wrapper"), {
+      ["".concat(prefixCls, "-disabled")]: disabled,
+      ["".concat(cssClasses.PREFIX, "-focus")]: (firstStarFocus || secondStarFocus) && value !== 0
+    });
+    const starWrapProps = {
       onClick: disabled ? null : this.onClick,
       onKeyDown: disabled ? null : this.onKeyDown,
       onMouseMove: disabled ? null : this.onHover,
+      className: starWrapCls
+    };
+    const AriaSetSize = allowHalf ? count * 2 + 1 : count + 1;
+    const firstStarProps = {
+      ref: this.saveFirstStar,
+      role: "radio",
+      'aria-checked': value === index + 0.5,
+      'aria-posinset': 2 * index + 1,
+      'aria-setsize': AriaSetSize,
+      'aria-disabled': disabled,
+      'aria-label': _concatInstanceProperty(_context2 = "".concat(index + 0.5, " ")).call(_context2, ariaLabelPrefix, "s"),
+      'aria-labelledby': this.props['aria-describedby'],
+      'aria-describedby': this.props['aria-describedby'],
+      className: cls("".concat(prefixCls, "-first"), "".concat(cssClasses.PREFIX, "-no-focus")),
+      tabIndex: !disabled && value === index + 0.5 ? 0 : -1,
+      onFocus: e => {
+        this.onFocus(e, 'first');
+      },
+      onBlur: e => {
+        this.onBlur(e, 'first');
+      }
+    };
+    const secondStarTabIndex = !disabled && (value === index + 1 || isEmpty && value === 0) ? 0 : -1;
+    const secondStarProps = {
+      ref: this.saveSecondStar,
       role: "radio",
-      "aria-checked": value > index ? 'true' : 'false',
-      "aria-posinset": index + 1,
-      "aria-setsize": count,
-      "aria-disabled": disabled,
-      "aria-label": "Rating ".concat(index + (isHalf ? 0.5 : 1)),
-      "aria-labelledby": this.props['aria-describedby'],
-      "aria-describedby": this.props['aria-describedby'],
-      tabIndex: 0,
-      className: "".concat(prefixCls, "-wrapper")
-    }, /*#__PURE__*/React.createElement("div", {
-      className: "".concat(prefixCls, "-first"),
+      'aria-checked': isEmpty ? value === 0 : value === index + 1,
+      'aria-posinset': allowHalf ? 2 * (index + 1) : index + 1,
+      'aria-setsize': AriaSetSize,
+      'aria-disabled': disabled,
+      'aria-label': _concatInstanceProperty(_context3 = _concatInstanceProperty(_context4 = "".concat(isEmpty ? 0 : index + 1, " ")).call(_context4, ariaLabelPrefix)).call(_context3, index === 0 ? '' : 's'),
+      'aria-labelledby': this.props['aria-describedby'],
+      'aria-describedby': this.props['aria-describedby'],
+      className: cls("".concat(prefixCls, "-second"), "".concat(cssClasses.PREFIX, "-no-focus")),
+      tabIndex: secondStarTabIndex,
+      onFocus: e => {
+        this.onFocus(e, 'second');
+      },
+      onBlur: e => {
+        this.onBlur(e, 'second');
+      }
+    };
+    return /*#__PURE__*/React.createElement("li", {
+      className: starCls,
+      style: _Object$assign({}, sizeStyle),
+      key: index
+    }, /*#__PURE__*/React.createElement("div", _Object$assign({}, starWrapProps), allowHalf && !isEmpty && /*#__PURE__*/React.createElement("div", _Object$assign({}, firstStarProps, {
       style: {
         width: "".concat(firstWidth * 100, "%")
       }
-    }, content), /*#__PURE__*/React.createElement("div", {
-      className: "".concat(prefixCls, "-second"),
+    }), content), /*#__PURE__*/React.createElement("div", _Object$assign({}, secondStarProps, {
       "x-semi-prop": "character"
-    }, content)));
+    }), content)));
   }
 
 }
@@ -115,6 +224,10 @@ Item.propTypes = {
   focused: PropTypes.bool,
   disabled: PropTypes.bool,
   count: PropTypes.number,
+  ariaLabelPrefix: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.oneOf(strings.SIZE_SET), PropTypes.number]),
-  'aria-describedby': PropTypes.string
+  'aria-describedby': PropTypes.string,
+  onFocus: PropTypes.func,
+  onBlur: PropTypes.func,
+  preventScroll: PropTypes.bool
 };

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

@@ -122,6 +122,7 @@ export declare type SelectProps = {
     onBlur?: (e: React.FocusEvent) => void;
     onListScroll?: (e: React.UIEvent<HTMLDivElement>) => void;
     children?: React.ReactNode;
+    preventScroll?: boolean;
 } & Pick<TooltipProps, 'spacing' | 'getPopupContainer' | 'motion' | 'autoAdjustOverflow' | 'mouseLeaveDelay' | 'mouseEnterDelay' | 'stopPropagation'> & React.RefAttributes<any>;
 export interface SelectState {
     isOpen: boolean;
@@ -214,6 +215,7 @@ declare class Select extends BaseComponent<SelectProps, SelectState> {
         renderOptionItem: PropTypes.Requireable<(...args: any[]) => any>;
         onListScroll: PropTypes.Requireable<(...args: any[]) => any>;
         arrowIcon: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        preventScroll: PropTypes.Requireable<boolean>;
     };
     static defaultProps: Partial<SelectProps>;
     inputRef: React.RefObject<HTMLInputElement>;

package/lib/es/select/index.js

@@ -129,8 +129,14 @@ class Select extends BaseComponent {
         });
       },
       focusInput: () => {
+        const {
+          preventScroll
+        } = this.props;
+
         if (this.inputRef && this.inputRef.current) {
-          this.inputRef.current.focus();
+          this.inputRef.current.focus({
+            preventScroll
+          });
         }
       }
     };
@@ -282,8 +288,13 @@ class Select extends BaseComponent {
       },
       focusTrigger: () => {
         try {
+          const {
+            preventScroll
+          } = this.props;
           const el = this.triggerRef.current;
-          el.focus();
+          el.focus({
+            preventScroll
+          });
         } catch (error) {}
       },
       updateScrollTop: index => {
@@ -1086,7 +1097,8 @@ Select.propTypes = {
   virtualize: PropTypes.object,
   renderOptionItem: PropTypes.func,
   onListScroll: PropTypes.func,
-  arrowIcon: PropTypes.node // open: PropTypes.bool,
+  arrowIcon: PropTypes.node,
+  preventScroll: PropTypes.bool // open: PropTypes.bool,
   // tagClosable: PropTypes.bool,
 
 };

package/lib/es/table/Body/index.js

@@ -299,7 +299,7 @@ class Body extends BaseComponent {
 
       const listStyle = {
         width: '100%',
-        height: y,
+        height: (virtualizedData === null || virtualizedData === void 0 ? void 0 : virtualizedData.length) ? y : 0,
         overflowX: 'auto',
         overflowY: 'auto'
       };

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

@@ -33,6 +33,7 @@ declare class Tabs extends BaseComponent<TabsProps, TabsState> {
         tabPosition: PropTypes.Requireable<string>;
         type: PropTypes.Requireable<string>;
         onTabClose: PropTypes.Requireable<(...args: any[]) => any>;
+        preventScroll: PropTypes.Requireable<boolean>;
     };
     static defaultProps: TabsProps;
     contentRef: RefObject<HTMLDivElement>;

package/lib/es/tabs/index.js

@@ -359,7 +359,8 @@ Tabs.propTypes = {
   tabPaneMotion: PropTypes.oneOfType([PropTypes.bool, PropTypes.object, PropTypes.func]),
   tabPosition: PropTypes.oneOf(strings.POSITION_MAP),
   type: PropTypes.oneOf(strings.TYPE_MAP),
-  onTabClose: PropTypes.func
+  onTabClose: PropTypes.func,
+  preventScroll: PropTypes.bool
 };
 Tabs.defaultProps = {
   children: [],

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

@@ -32,6 +32,7 @@ export interface TabsProps {
     tabPosition?: TabPosition;
     type?: TabType;
     onTabClose?: (tabKey: string) => void;
+    preventScroll?: boolean;
 }
 export interface TabBarProps {
     activeKey?: string;