@douyinfe/semi-ui 2.1.0-beta.1 → 2.1.0-next.1

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

@@ -7,7 +7,7 @@ import Item, { NavItemProps } from './Item';
 import Footer, { NavFooterProps } from './Footer';
 import Header, { NavHeaderProps } from './Header';
 import '@douyinfe/semi-foundation/lib/es/navigation/navigation.css';
-import { Motion } from '_base/base';
+import { Motion } from '../_base/base';
 export { CollapseButtonProps } from './CollapseButton';
 export { NavFooterProps } from './Footer';
 export { NavHeaderProps } from './Header';

package/lib/es/navigation/index.js

@@ -1,3 +1,6 @@
+import _isEqual from "lodash/isEqual";
+import _get from "lodash/get";
+import _noop from "lodash/noop";
 import _Set from "@babel/runtime-corejs3/core-js-stable/set";
 import _forEachInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/for-each";
 import _Array$from from "@babel/runtime-corejs3/core-js-stable/array/from";
@@ -11,7 +14,6 @@ import BaseComponent from '../_base/baseComponent';
 import React, { Children } from 'react';
 import PropTypes from 'prop-types';
 import cls from 'classnames';
-import { noop, get, isEqual } from 'lodash-es';
 import NavigationFoundation from '@douyinfe/semi-foundation/lib/es/navigation/foundation';
 import { strings, cssClasses, numbers } from '@douyinfe/semi-foundation/lib/es/navigation/constants';
 import SubNav from './SubNav';
@@ -112,15 +114,15 @@ class Nav extends BaseComponent {
         selectedKeys
       } = this.state;
 
-      if (this.props.selectedKeys && !isEqual(prevProps.selectedKeys, this.props.selectedKeys)) {
+      if (this.props.selectedKeys && !_isEqual(prevProps.selectedKeys, this.props.selectedKeys)) {
         this.adapter.updateSelectedKeys(this.props.selectedKeys);
       }
 
-      if (this.props.openKeys && !isEqual(prevProps.openKeys, this.props.openKeys)) {
+      if (this.props.openKeys && !_isEqual(prevProps.openKeys, this.props.openKeys)) {
         this.adapter.updateOpenKeys(this.props.openKeys);
       }
 
-      if (!isEqual(selectedKeys, prevState.selectedKeys)) {
+      if (!_isEqual(selectedKeys, prevState.selectedKeys)) {
         const parentSelectKeys = this.foundation.selectLevelZeroParentKeys(null, ...selectedKeys);
         this.adapter.addSelectedKeys(...parentSelectKeys);
       }
@@ -262,14 +264,14 @@ class Nav extends BaseComponent {
       for (let i = 0; i < childrenLength; i++) {
         const child = children[i];
 
-        if (child.type === Footer || get(child, 'type.name') === 'NavFooter') {
+        if (child.type === Footer || _get(child, 'type.name') === 'NavFooter') {
           footers.push(child);
 
           _spliceInstanceProperty(children).call(children, i, 1);
 
           i--;
           childrenLength--;
-        } else if (child.type === Header || get(child, 'type.name') === 'NavHeader') {
+        } else if (child.type === Header || _get(child, 'type.name') === 'NavHeader') {
           headers.push(child);
 
           _spliceInstanceProperty(children).call(children, i, 1);
@@ -389,10 +391,10 @@ Nav.defaultProps = {
   subNavOpenDelay: numbers.DEFAULT_SUBNAV_OPEN_DELAY,
   tooltipHideDelay: numbers.DEFAULT_TOOLTIP_HIDE_DELAY,
   tooltipShowDelay: numbers.DEFAULT_TOOLTIP_SHOW_DELAY,
-  onCollapseChange: noop,
-  onSelect: noop,
-  onClick: noop,
-  onOpenChange: noop,
+  onCollapseChange: _noop,
+  onSelect: _noop,
+  onClick: _noop,
+  onOpenChange: _noop,
   toggleIconPosition: 'right',
   limitIndent: true,
   prefixCls: cssClasses.PREFIX,

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

@@ -43,7 +43,7 @@ declare class NotificationList extends BaseComponent<NotificationListProps, Noti
     static destroyAll(): void;
     static config(opts: ConfigProps): void;
     add: (noticeOpts: NoticeProps) => any;
-    remove: (id: string) => void;
+    remove: (id: string | number) => void;
     destroyAll: () => any;
     renderNoticeInPosition: (notices: NoticeInstance[], position: NoticePosition, removedItems?: NoticeInstance[]) => JSX.Element;
     setPosInStyle(noticeInstance: NoticeInstance): {};

package/lib/es/notification/index.js

@@ -39,7 +39,7 @@ class NotificationList extends BaseComponent {
     this.add = noticeOpts => this.foundation.addNotice(noticeOpts);
 
     this.remove = id => {
-      this.foundation.removeNotice(id);
+      this.foundation.removeNotice(String(id));
     };
 
     this.destroyAll = () => this.foundation.destroyAll();

package/lib/es/notification/notice.js

@@ -1,3 +1,4 @@
+import _noop from "lodash/noop";
 import _indexOfInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/index-of";
 import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols";
 import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
@@ -26,7 +27,6 @@ import NotificationFoundation from '@douyinfe/semi-foundation/lib/es/notificatio
 import Button from '../iconButton';
 import BaseComponent from '../_base/baseComponent';
 import { isSemiIcon } from '../_utils';
-import { noop } from 'lodash-es';
 import { IconAlertTriangle, IconInfoCircle, IconTickCircle, IconAlertCircle, IconClose } from '@douyinfe/semi-icons';
 const prefixCls = cssClasses.NOTICE;
 const {
@@ -200,10 +200,10 @@ Notice.propTypes = {
 Notice.defaultProps = {
   duration,
   id: '',
-  close: noop,
-  onClose: noop,
-  onClick: noop,
-  onCloseClick: noop,
+  close: _noop,
+  onClose: _noop,
+  onClick: _noop,
+  onCloseClick: _noop,
   content: '',
   title: '',
   showClose: true,

package/lib/es/overflowList/index.js

@@ -1,3 +1,7 @@
+import _isUndefined from "lodash/isUndefined";
+import _isNull from "lodash/isNull";
+import _omit from "lodash/omit";
+import _isEqual from "lodash/isEqual";
 import _someInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/some";
 import _forEachInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/for-each";
 import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
@@ -9,7 +13,6 @@ import React from 'react';
 import cls from 'classnames';
 import BaseComponent from '../_base/baseComponent';
 import PropTypes from 'prop-types';
-import { isEqual, omit, isNull, isUndefined } from 'lodash-es';
 import { cssClasses, strings } from '@douyinfe/semi-foundation/lib/es/overflowList/constants';
 import ResizeObserver from '../resizeObserver';
 import IntersectionObserver from './intersectionObserver';
@@ -52,7 +55,7 @@ class OverflowList extends BaseComponent {
 
     this.repartition = growing => {
       // if not mounted or scroll mode, we do not
-      if (isNull(this.spacer) || isUndefined(this.spacer) || this.isScrollMode()) {
+      if (_isNull(this.spacer) || _isUndefined(this.spacer) || this.isScrollMode()) {
         return;
       } // spacer has flex-shrink and width 1px so if it's much smaller then we know to shrink
 
@@ -146,7 +149,7 @@ class OverflowList extends BaseComponent {
     newState.prevProps = props;
 
     const needUpdate = name => {
-      return !prevProps && name in props || prevProps && !isEqual(prevProps[name], props[name]);
+      return !prevProps && name in props || prevProps && !_isEqual(prevProps[name], props[name]);
     };
 
     if (needUpdate('items') || needUpdate('style')) {
@@ -186,17 +189,19 @@ class OverflowList extends BaseComponent {
     // The following statement prevents re-rendering only in the case where the state changes
     // identity (i.e. setState was called), but the state is still the same when
     // shallow-compared to the previous state.
-    const currState = omit(this.state, 'prevProps');
-    const comingState = omit(nextState, 'prevProps');
-    return !(currState !== comingState && isEqual(currState, comingState));
+    const currState = _omit(this.state, 'prevProps');
+
+    const comingState = _omit(nextState, 'prevProps');
+
+    return !(currState !== comingState && _isEqual(currState, comingState));
   }
 
   componentDidUpdate(prevProps, prevState) {
-    if (!isEqual(prevProps.items, this.props.items)) {
+    if (!_isEqual(prevProps.items, this.props.items)) {
       this.itemRefs = {};
     }
 
-    if (!isEqual(omit(prevState, 'prevProps'), omit(this.state, 'prevProps'))) {
+    if (!_isEqual(_omit(prevState, 'prevProps'), _omit(this.state, 'prevProps'))) {
       this.repartition(false);
     }
 

package/lib/es/overflowList/intersectionObserver.js

@@ -1,9 +1,10 @@
+import _isEmpty from "lodash/isEmpty";
+import _isEqual from "lodash/isEqual";
 import _Object$keys from "@babel/runtime-corejs3/core-js-stable/object/keys";
 import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
 import _forEachInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/for-each";
 import React from 'react';
 import PropTypes from 'prop-types';
-import { isEqual, isEmpty } from 'lodash-es';
 export default class ReactIntersectionObserver extends React.PureComponent {
   componentDidMount() {
     const {
@@ -32,7 +33,7 @@ export default class ReactIntersectionObserver extends React.PureComponent {
 
     const itemKeys = _Object$keys(items);
 
-    if (!isEqual(this.cachedKeys, itemKeys)) {
+    if (!_isEqual(this.cachedKeys, itemKeys)) {
       this.observeElement(true);
       this.cachedKeys = itemKeys;
     }
@@ -53,7 +54,7 @@ export default class ReactIntersectionObserver extends React.PureComponent {
       items
     } = this.props;
 
-    if (isEmpty(items)) {
+    if (_isEmpty(items)) {
       // stop everything if not defined
       this.observer.disconnect();
       return;

package/lib/es/pagination/index.js

@@ -1,3 +1,4 @@
+import _noop from "lodash/noop";
 import _bindInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/bind";
 import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
 import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
@@ -9,7 +10,6 @@ import React from 'react';
 import classNames from 'classnames';
 import PropTypes from 'prop-types';
 import { FixedSizeList as List } from 'react-window';
-import { noop } from 'lodash-es';
 import PaginationFoundation from '@douyinfe/semi-foundation/lib/es/pagination/foundation';
 import { cssClasses, numbers } from '@douyinfe/semi-foundation/lib/es/pagination/constants';
 import '@douyinfe/semi-foundation/lib/es/pagination/pagination.css';
@@ -436,9 +436,9 @@ Pagination.defaultProps = {
   pageSizeOpts: numbers.PAGE_SIZE_OPTION,
   defaultCurrentPage: 1,
   size: 'default',
-  onPageChange: noop,
-  onPageSizeChange: noop,
-  onChange: noop,
+  onPageChange: _noop,
+  onPageSizeChange: _noop,
+  onChange: _noop,
   showSizeChanger: false,
   className: '',
   hideOnSinglePage: false,

package/lib/es/popconfirm/index.js

@@ -1,3 +1,5 @@
+import _get from "lodash/get";
+import _noop from "lodash/noop";
 import _indexOfInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/index-of";
 import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols";
 import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
@@ -18,7 +20,6 @@ var __rest = this && this.__rest || function (s, e) {
 import React from 'react';
 import cls from 'classnames';
 import PropTypes from 'prop-types';
-import { noop, get } from 'lodash-es';
 import { cssClasses, numbers } from '@douyinfe/semi-foundation/lib/es/popconfirm/constants';
 import PopconfirmFoundation from '@douyinfe/semi-foundation/lib/es/popconfirm/popconfirmFoundation';
 import { IconClose, IconAlertTriangle } from '@douyinfe/semi-icons';
@@ -87,11 +88,11 @@ export default class Popconfirm extends BaseComponent {
     }, (locale, localeCode) => /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Button, _Object$assign({
       type: cancelType,
       onClick: this.handleCancel
-    }, cancelButtonProps), cancelText || get(locale, 'cancel')), /*#__PURE__*/React.createElement(Button, _Object$assign({
+    }, cancelButtonProps), cancelText || _get(locale, 'cancel')), /*#__PURE__*/React.createElement(Button, _Object$assign({
       type: okType,
       theme: "solid",
       onClick: this.handleConfirm
-    }, okButtonProps), okText || get(locale, 'confirm'))));
+    }, okButtonProps), okText || _get(locale, 'confirm'))));
   }
 
   renderConfirmPopCard() {
@@ -216,7 +217,7 @@ Popconfirm.defaultProps = {
   stopPropagation: true,
   trigger: 'click',
   // position: 'bottomLeft',
-  onVisibleChange: noop,
+  onVisibleChange: _noop,
   disabled: false,
   icon: /*#__PURE__*/React.createElement(IconAlertTriangle, {
     size: "extra-large"
@@ -225,7 +226,7 @@ Popconfirm.defaultProps = {
   cancelType: 'tertiary',
   prefixCls: cssClasses.PREFIX,
   zIndex: numbers.DEFAULT_Z_INDEX,
-  onCancel: noop,
-  onConfirm: noop,
-  onClickOutSide: noop
+  onCancel: _noop,
+  onConfirm: _noop,
+  onClickOutSide: _noop
 };

package/lib/es/popover/Arrow.js

@@ -1,3 +1,4 @@
+import _get from "lodash/get";
 import _indexOfInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/index-of";
 import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols";
 import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
@@ -16,7 +17,6 @@ var __rest = this && this.__rest || function (s, e) {
 import React from 'react';
 import PropTypes from 'prop-types';
 import classnames from 'classnames';
-import { get } from 'lodash-es';
 import { numbers, cssClasses, strings } from '@douyinfe/semi-foundation/lib/es/popover/constants';
 
 const Arrow = function () {
@@ -32,9 +32,12 @@ const Arrow = function () {
 
   const isVertical = _indexOfInstanceProperty(position).call(position, 'top') === 0 || _indexOfInstanceProperty(position).call(position, 'bottom') === 0;
   const cls = classnames(className, cssClasses.ARROW);
-  const borderOpacity = get(arrowStyle, 'borderOpacity', strings.DEFAULT_ARROW_STYLE.borderOpacity);
-  const bgColor = get(arrowStyle, 'backgroundColor', get(popStyle, 'backgroundColor', strings.DEFAULT_ARROW_STYLE.backgroundColor));
-  const borderColor = get(arrowStyle, 'borderColor', get(popStyle, 'borderColor', strings.DEFAULT_ARROW_STYLE.borderColor));
+
+  const borderOpacity = _get(arrowStyle, 'borderOpacity', strings.DEFAULT_ARROW_STYLE.borderOpacity);
+
+  const bgColor = _get(arrowStyle, 'backgroundColor', _get(popStyle, 'backgroundColor', strings.DEFAULT_ARROW_STYLE.backgroundColor));
+
+  const borderColor = _get(arrowStyle, 'borderColor', _get(popStyle, 'borderColor', strings.DEFAULT_ARROW_STYLE.borderColor));
 
   const wrapProps = _Object$assign(_Object$assign({}, rest), {
     width: numbers.ARROW_BOUNDING.width,

package/lib/es/popover/index.js

@@ -1,3 +1,4 @@
+import _noop from "lodash-es/noop";
 import _indexOfInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/index-of";
 import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols";
 import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
@@ -21,7 +22,6 @@ import { cssClasses, strings, numbers } from '@douyinfe/semi-foundation/lib/es/p
 import Tooltip from '../tooltip/index';
 import Arrow from './Arrow';
 import '@douyinfe/semi-foundation/lib/es/popover/popover.css';
-import { noop } from 'lodash-es';
 const positionSet = strings.POSITION_SET;
 const triggerSet = strings.TRIGGER_SET;
 
@@ -126,6 +126,6 @@ Popover.defaultProps = {
   okText: 'Yes',
   position: 'bottom',
   prefixCls: cssClasses.PREFIX,
-  onClickOutSide: noop
+  onClickOutSide: _noop
 };
 export default Popover;

package/lib/es/radio/radio.js

@@ -1,3 +1,4 @@
+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";
 
@@ -5,7 +6,6 @@ import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/insta
 import React from 'react';
 import PropTypes from 'prop-types';
 import cls from 'classnames';
-import { noop } from 'lodash-es';
 import RadioFoundation from '@douyinfe/semi-foundation/lib/es/radio/radioFoundation';
 import { strings, radioClasses as css } from '@douyinfe/semi-foundation/lib/es/radio/constants';
 import '@douyinfe/semi-foundation/lib/es/radio/radio.css';
@@ -194,8 +194,8 @@ Radio.defaultProps = {
   defaultChecked: false,
   value: undefined,
   style: undefined,
-  onMouseEnter: noop,
-  onMouseLeave: noop,
+  onMouseEnter: _noop,
+  onMouseLeave: _noop,
   mode: '',
   type: 'default'
 };

package/lib/es/radio/radioGroup.js

@@ -1,10 +1,10 @@
+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";
 import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
 import React from 'react';
 import PropTypes from 'prop-types';
 import classnames from 'classnames';
-import { noop } from 'lodash-es';
 import { radioGroupClasses as css, strings } from '@douyinfe/semi-foundation/lib/es/radio/constants';
 import RadioGroupFoundation from '@douyinfe/semi-foundation/lib/es/radio/radioGroupFoundation';
 import BaseComponent from '../_base/baseComponent';
@@ -156,7 +156,7 @@ RadioGroup.propTypes = {
 };
 RadioGroup.defaultProps = {
   disabled: false,
-  onChange: noop,
+  onChange: _noop,
   direction: strings.DEFAULT_DIRECTION,
   mode: '',
   type: strings.TYPE_DEFAULT,

package/lib/es/radio/radioInner.js

@@ -1,3 +1,4 @@
+import _noop from "lodash/noop";
 import _bindInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/bind";
 import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
 import React from 'react';
@@ -8,7 +9,6 @@ import { radioClasses as css } from '@douyinfe/semi-foundation/lib/es/radio/cons
 import Context from './context';
 import classnames from 'classnames';
 import { IconRadio } from '@douyinfe/semi-icons';
-import { noop } from 'lodash-es';
 
 class RadioInner extends BaseComponent {
   constructor(props) {
@@ -111,7 +111,7 @@ RadioInner.propTypes = {
   mode: PropTypes.oneOf(['advanced', ''])
 };
 RadioInner.defaultProps = {
-  onChange: noop,
+  onChange: _noop,
   isButtonRadio: false
 };
 export default RadioInner;

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

@@ -23,7 +23,7 @@ export interface RatingProps {
     onFocus?: (e: React.FocusEvent) => void;
     onBlur?: (e: React.FocusEvent) => void;
     onKeyDown?: (e: React.KeyboardEvent) => void;
-    onClick?: (e: React.MouseEvent, index: number) => void;
+    onClick?: (e: React.MouseEvent | React.KeyboardEvent, index: number) => void;
     autoFocus?: boolean;
     size?: 'small' | 'default' | number;
     tooltips?: string[];

package/lib/es/resizeObserver/index.js

@@ -12,6 +12,7 @@ export default class ReactResizeObserver extends BaseComponent {
         // using findDOMNode for two reasons:
         // 1. cloning to insert a ref is unwieldy and not performant.
         // 2. ensure that we resolve to an actual DOM node (instead of any JSX ref instance).
+        // eslint-disable-next-line
         return findDOMNode(this.childNode || this);
       } catch (error) {
         // swallow error if findDOMNode is run on unmounted component.

package/lib/es/scrollList/scrollItem.d.ts

@@ -1,15 +1,15 @@
-/// <reference types="lodash" />
 import React from 'react';
 import BaseComponent from '../_base/baseComponent';
 import PropTypes from 'prop-types';
 import { Item, ScrollItemAdapter } from '@douyinfe/semi-foundation/lib/es/scrollList/itemFoundation';
 import { Motion } from '../_base/base';
-export interface ScrollItemProps {
+declare type DebounceSelectFn = (e: React.UIEvent, newSelectedNode: HTMLElement) => void;
+export interface ScrollItemProps<T extends Item> {
     mode?: string;
     cycled?: boolean;
-    list?: Item[];
+    list?: T[];
     selectedIndex?: number;
-    onSelect?: (data: Item) => void;
+    onSelect?: (data: T) => void;
     transform?: (value: any, text: string) => string;
     className?: string;
     motion?: Motion;
@@ -20,7 +20,7 @@ export interface ScrollItemState {
     prependCount: number;
     appendCount: number;
 }
-export default class ScrollItem extends BaseComponent<ScrollItemProps, ScrollItemState> {
+export default class ScrollItem<T extends Item> extends BaseComponent<ScrollItemProps<T>, ScrollItemState> {
     static propTypes: {
         mode: PropTypes.Requireable<string>;
         cycled: PropTypes.Requireable<boolean>;
@@ -36,7 +36,7 @@ export default class ScrollItem extends BaseComponent<ScrollItemProps, ScrollIte
     static defaultProps: {
         selectedIndex: number;
         motion: boolean;
-        list: Item[];
+        list: readonly [];
         onSelect: (...args: any[]) => void;
         cycled: boolean;
         mode: string;
@@ -48,12 +48,12 @@ export default class ScrollItem extends BaseComponent<ScrollItemProps, ScrollIte
     selector: unknown;
     scrollAnimation: any;
     scrolling: boolean;
-    throttledAdjustList: import("lodash").DebouncedFunc<(e: any, nearestNode: any) => void>;
-    debouncedSelect: import("lodash").DebouncedFunc<(e: any, nearestNode: any) => void>;
+    throttledAdjustList: DebounceSelectFn;
+    debouncedSelect: DebounceSelectFn;
     constructor(props?: {});
-    get adapter(): ScrollItemAdapter<ScrollItemProps, ScrollItemState>;
+    get adapter(): ScrollItemAdapter<ScrollItemProps<T>, ScrollItemState, T>;
     componentDidMount(): void;
-    componentDidUpdate(prevProps: ScrollItemProps): void;
+    componentDidUpdate(prevProps: ScrollItemProps<T>): void;
     _cacheNode: (name: string, node: Element) => Element;
     _cacheSelectedNode: (selectedNode: Element) => Element;
     _cacheWillSelectNode: (node: Element) => Element;
@@ -74,7 +74,7 @@ export default class ScrollItem extends BaseComponent<ScrollItemProps, ScrollIte
     indexIsSame: (index1: number, index2: number) => boolean;
     isDisabledIndex: (index: number) => boolean;
     isDisabledNode: (node: Element) => boolean;
-    isDisabledData: (data: Item) => boolean;
+    isDisabledData: (data: T) => boolean;
     isWheelMode: () => boolean;
     addClassToNode: (selectedNode: Element, selectedCls?: string) => void;
     getIndexByNode: (node: Element) => number;
@@ -102,3 +102,4 @@ export default class ScrollItem extends BaseComponent<ScrollItemProps, ScrollIte
     renderInfiniteList: () => JSX.Element;
     render(): JSX.Element;
 }
+export {};

package/lib/es/scrollList/scrollItem.js

@@ -1,3 +1,10 @@
+import _times from "lodash/times";
+import _findIndex from "lodash/findIndex";
+import _map from "lodash/map";
+import _find from "lodash/find";
+import _throttle from "lodash/throttle";
+import _debounce from "lodash/debounce";
+import _noop from "lodash/noop";
 import _Array$isArray from "@babel/runtime-corejs3/core-js-stable/array/is-array";
 import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
 import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
@@ -6,7 +13,6 @@ import React from 'react';
 import BaseComponent from '../_base/baseComponent';
 import PropTypes from 'prop-types';
 import classnames from 'classnames';
-import { noop, debounce, throttle, find, map, findIndex, times } from 'lodash-es';
 import { cssClasses, numbers } from '@douyinfe/semi-foundation/lib/es/scrollList/constants';
 import ItemFoundation from '@douyinfe/semi-foundation/lib/es/scrollList/itemFoundation';
 import animatedScrollTo from '@douyinfe/semi-foundation/lib/es/scrollList/scrollTo';
@@ -21,14 +27,6 @@ export default class ScrollItem extends BaseComponent {
     let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     super(props);
     _this = this;
-    this.throttledAdjustList = throttle((e, nearestNode) => {
-      this.foundation.adjustInfiniteList(this.list, this.wrapper, nearestNode);
-    }, msPerFrame);
-    this.debouncedSelect = debounce((e, nearestNode) => {
-      this._cacheSelectedNode(nearestNode);
-
-      this.foundation.selectNode(nearestNode, this.list);
-    }, msPerFrame * 5);
 
     this._cacheNode = (name, node) => name && node && Object.prototype.hasOwnProperty.call(this, name) && (this[name] = node);
 
@@ -49,7 +47,9 @@ export default class ScrollItem extends BaseComponent {
 
       if (isElement(node) && isElement(list)) {
         const chilren = list.children;
-        const index = findIndex(chilren, node);
+
+        const index = _findIndex(chilren, node);
+
         return index === 0;
       }
 
@@ -65,7 +65,9 @@ export default class ScrollItem extends BaseComponent {
         const {
           children
         } = list;
-        const index = findIndex(children, node);
+
+        const index = _findIndex(children, node);
+
         return index === children.length - 1;
       }
 
@@ -102,7 +104,8 @@ export default class ScrollItem extends BaseComponent {
       const listWrapper = this.list;
 
       if (isElement(node) && isElement(listWrapper)) {
-        const index = findIndex(listWrapper.children, child => child === node);
+        const index = _findIndex(listWrapper.children, child => child === node);
+
         return this.isDisabledIndex(index);
       }
 
@@ -125,7 +128,8 @@ export default class ScrollItem extends BaseComponent {
           children
         } = list;
         const reg = new RegExp("\\s*".concat(selectedCls, "\\s*"), 'g');
-        map(children, node => {
+
+        _map(children, node => {
           node.className = node.className && node.className.replace(reg, ' ');
 
           if (blankReg.test(node.className)) {
@@ -141,14 +145,15 @@ export default class ScrollItem extends BaseComponent {
       }
     };
 
-    this.getIndexByNode = node => findIndex(this.list.children, node);
+    this.getIndexByNode = node => _findIndex(this.list.children, node);
 
     this.getNodeByIndex = index => {
       if (index > -1) {
-        return find(this.list.children, (node, idx) => idx === index);
+        return _find(this.list.children, (node, idx) => idx === index);
       }
 
-      const defaultSelectedNode = find(this.list.children, child => !this.isDisabledNode(child));
+      const defaultSelectedNode = _find(this.list.children, child => !this.isDisabledNode(child));
+
       return defaultSelectedNode;
     };
 
@@ -340,13 +345,13 @@ export default class ScrollItem extends BaseComponent {
         appendCount
       } = this.state;
 
-      const prependList = _reduceInstanceProperty(_context = times(prependCount)).call(_context, (arr, num) => {
+      const prependList = _reduceInstanceProperty(_context = _times(prependCount)).call(_context, (arr, num) => {
         const items = this.renderItemList("pre_".concat(num, "_"));
         arr.unshift(...items);
         return arr;
       }, []);
 
-      const appendList = _reduceInstanceProperty(_context2 = times(appendCount)).call(_context2, (arr, num) => {
+      const appendList = _reduceInstanceProperty(_context2 = _times(appendCount)).call(_context2, (arr, num) => {
         const items = this.renderItemList("app_".concat(num, "_"));
         arr.push(...items);
         return arr;
@@ -394,6 +399,14 @@ export default class ScrollItem extends BaseComponent {
     this.scrollAnimation = null; // cache if select action comes from outside
 
     this.foundation = new ItemFoundation(this.adapter);
+    this.throttledAdjustList = _throttle((e, nearestNode) => {
+      this.foundation.adjustInfiniteList(this.list, this.wrapper, nearestNode);
+    }, msPerFrame);
+    this.debouncedSelect = _debounce((e, nearestNode) => {
+      this._cacheSelectedNode(nearestNode);
+
+      this.foundation.selectNode(nearestNode, this.list);
+    }, msPerFrame * 5);
   }
 
   get adapter() {
@@ -514,7 +527,7 @@ ScrollItem.defaultProps = {
   motion: true,
   // transform: identity,
   list: [],
-  onSelect: noop,
+  onSelect: _noop,
   cycled: false,
   mode: wheelMode
 };