@douyinfe/semi-ui 2.36.0-beta.0 → 2.36.1-alpha.0

package/lib/cjs/scrollList/scrollItem.js

@@ -4,86 +4,54 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _times2 = _interopRequireDefault(require("lodash/times"));
-
 var _findIndex2 = _interopRequireDefault(require("lodash/findIndex"));
-
 var _map2 = _interopRequireDefault(require("lodash/map"));
-
 var _find2 = _interopRequireDefault(require("lodash/find"));
-
 var _throttle2 = _interopRequireDefault(require("lodash/throttle"));
-
 var _debounce2 = _interopRequireDefault(require("lodash/debounce"));
-
 var _noop2 = _interopRequireDefault(require("lodash/noop"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _baseComponent = _interopRequireDefault(require("../_base/baseComponent"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _constants = require("@douyinfe/semi-foundation/lib/cjs/scrollList/constants");
-
 var _itemFoundation = _interopRequireDefault(require("@douyinfe/semi-foundation/lib/cjs/scrollList/itemFoundation"));
-
 var _scrollTo = _interopRequireDefault(require("@douyinfe/semi-foundation/lib/cjs/scrollList/scrollTo"));
-
 var _isElement = _interopRequireDefault(require("@douyinfe/semi-foundation/lib/cjs/utils/isElement"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const msPerFrame = 1000 / 60;
 const blankReg = /^\s*$/;
 const wheelMode = 'wheel';
-
 class ScrollItem extends _baseComponent.default {
   constructor() {
     var _this;
-
     let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     super(props);
     _this = this;
-
     this._cacheNode = (name, node) => name && node && Object.prototype.hasOwnProperty.call(this, name) && (this[name] = node);
-
     this._cacheSelectedNode = selectedNode => this._cacheNode('selectedNode', selectedNode);
-
     this._cacheWillSelectNode = node => this._cacheNode('willSelectNode', node);
-
     this._cacheListNode = list => this._cacheNode('list', list);
-
     this._cacheSelectorNode = selector => this._cacheNode('selector', selector);
-
     this._cacheWrapperNode = wrapper => this._cacheNode('wrapper', wrapper);
     /* istanbul ignore next */
-
-
     this._isFirst = node => {
       const {
         list
       } = this;
-
       if ((0, _isElement.default)(node) && (0, _isElement.default)(list)) {
         const chilren = list.children;
         const index = (0, _findIndex2.default)(chilren, node);
         return index === 0;
       }
-
       return false;
     };
     /* istanbul ignore next */
-
-
     this._isLast = node => {
       const {
         list
       } = this;
-
       if ((0, _isElement.default)(node) && (0, _isElement.default)(list)) {
         const {
           children
@@ -91,58 +59,44 @@ class ScrollItem extends _baseComponent.default {
         const index = (0, _findIndex2.default)(children, node);
         return index === children.length - 1;
       }
-
       return false;
     };
-
     this.indexIsSame = (index1, index2) => {
       const {
         list
       } = this.props;
-
       if (list.length) {
         return index1 % list.length === index2 % list.length;
       }
-
       return undefined;
     };
-
     this.isDisabledIndex = index => {
       const {
         list
       } = this.props;
-
       if (Array.isArray(list) && list.length && index > -1) {
         const size = list.length;
         const indexInData = index % size;
         return this.isDisabledData(list[indexInData]);
       }
-
       return false;
     };
-
     this.isDisabledNode = node => {
       const listWrapper = this.list;
-
       if ((0, _isElement.default)(node) && (0, _isElement.default)(listWrapper)) {
         const index = (0, _findIndex2.default)(listWrapper.children, child => child === node);
         return this.isDisabledIndex(index);
       }
-
       return false;
     };
-
     this.isDisabledData = data => data && typeof data === 'object' && data.disabled;
-
     this.isWheelMode = () => this.props.mode === wheelMode;
-
     this.addClassToNode = function (selectedNode) {
       let selectedCls = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : _constants.cssClasses.SELECTED;
       const {
         list
       } = _this;
       selectedNode = selectedNode || _this.selectedNode;
-
       if ((0, _isElement.default)(selectedNode) && (0, _isElement.default)(list)) {
         const {
           children
@@ -150,12 +104,10 @@ class ScrollItem extends _baseComponent.default {
         const reg = new RegExp(`\\s*${selectedCls}\\s*`, 'g');
         (0, _map2.default)(children, node => {
           node.className = node.className && node.className.replace(reg, ' ');
-
           if (blankReg.test(node.className)) {
             node.className = '';
           }
         });
-
         if (selectedNode.className && !blankReg.test(selectedNode.className)) {
           selectedNode.className += ` ${selectedCls}`;
         } else {
@@ -163,27 +115,22 @@ class ScrollItem extends _baseComponent.default {
         }
       }
     };
-
     this.getIndexByNode = node => (0, _findIndex2.default)(this.list.children, node);
-
     this.getNodeByIndex = index => {
       if (index > -1) {
         return (0, _find2.default)(this.list.children, (node, idx) => idx === index);
       }
-
       const defaultSelectedNode = (0, _find2.default)(this.list.children, child => !this.isDisabledNode(child));
       return defaultSelectedNode;
     };
-
     this.scrollToIndex = (selectedIndex, duration) => {
       // move to selected item
-      duration = typeof duration === 'number' ? duration : _constants.numbers.DEFAULT_SCROLL_DURATION; // eslint-disable-next-line
-
-      selectedIndex = selectedIndex == null ? this.props.selectedIndex : selectedIndex; // this.isWheelMode() && this.addClassToNode();
-
+      duration = typeof duration === 'number' ? duration : _constants.numbers.DEFAULT_SCROLL_DURATION;
+      // eslint-disable-next-line
+      selectedIndex = selectedIndex == null ? this.props.selectedIndex : selectedIndex;
+      // this.isWheelMode() && this.addClassToNode();
       this.scrollToNode(this.selectedNode, duration);
     };
-
     this.scrollToNode = (node, duration) => {
       const {
         wrapper
@@ -193,53 +140,43 @@ class ScrollItem extends _baseComponent.default {
       const targetTop = (node.offsetTop || this.list.children.length * itemHeight / 2) - (wrapperHeight - itemHeight) / 2;
       this.scrollToPos(targetTop, duration);
     };
-
     this.scrollToPos = function (targetTop) {
       let duration = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : _constants.numbers.DEFAULT_SCROLL_DURATION;
       const {
         wrapper
-      } = _this; // this.isWheelMode() && this.addClassToNode();
-
+      } = _this;
+      // this.isWheelMode() && this.addClassToNode();
       if (duration && _this.props.motion) {
         if (_this.scrollAnimation) {
           _this.scrollAnimation.destroy();
-
           _this.scrolling = false;
         }
-
         if (wrapper.scrollTop === targetTop) {
           if (_this.isWheelMode()) {
             const nodeInfo = _this.foundation.getNearestNodeInfo(_this.list, _this.selector);
-
             _this.addClassToNode(nodeInfo.nearestNode);
           }
         } else {
           _this.scrollAnimation = (0, _scrollTo.default)(wrapper, targetTop, duration);
-
           _this.scrollAnimation.on('rest', () => {
             if (_this.isWheelMode()) {
               const nodeInfo = _this.foundation.getNearestNodeInfo(_this.list, _this.selector);
-
               _this.addClassToNode(nodeInfo.nearestNode);
             }
           });
-
           _this.scrollAnimation.start();
         }
       } else {
         wrapper.scrollTop = targetTop;
       }
     };
-
     this.scrollToSelectItem = e => {
       const {
         nearestNode
       } = this.foundation.getNearestNodeInfo(this.list, this.selector);
-
       if (this.props.cycled) {
         this.throttledAdjustList(e, nearestNode);
       }
-
       this.debouncedSelect(e, nearestNode);
     };
     /**
@@ -250,12 +187,9 @@ class ScrollItem extends _baseComponent.default {
      * @param {HTMLElement} scrollWnumber
      * @param {number} duration
      */
-
-
     this.scrollToCenter = (selectedNode, scrollWrapper, duration) => {
       selectedNode = selectedNode || this.selectedNode;
       scrollWrapper = scrollWrapper || this.wrapper;
-
       if ((0, _isElement.default)(selectedNode) && (0, _isElement.default)(scrollWrapper)) {
         const scrollRect = scrollWrapper.getBoundingClientRect();
         const selectedRect = selectedNode.getBoundingClientRect();
@@ -263,7 +197,6 @@ class ScrollItem extends _baseComponent.default {
         this.scrollToPos(targetTop, typeof duration === 'number' ? duration : _constants.numbers.DEFAULT_SCROLL_DURATION);
       }
     };
-
     this.clickToSelectItem = e => {
       // const index = this.foundation.selectNearestIndex(e.nativeEvent, this.list);
       e && e.nativeEvent && e.nativeEvent.stopImmediatePropagation();
@@ -271,14 +204,11 @@ class ScrollItem extends _baseComponent.default {
         targetNode: node,
         infoInList
       } = this.foundation.getTargetNode(e, this.list);
-
       if (node && infoInList && !infoInList.disabled) {
         this.debouncedSelect(null, node);
       }
     };
-
     this.getItmHeight = itm => itm && itm.offsetHeight || _constants.numbers.DEFAULT_ITEM_HEIGHT;
-
     this.renderItemList = function () {
       let prefixKey = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
       const {
@@ -298,7 +228,6 @@ class ScrollItem extends _baseComponent.default {
           [`${_constants.cssClasses.PREFIX}-item-disabled`]: Boolean(item.disabled)
         });
         let text = '';
-
         if (selected) {
           if (typeof transform === 'function') {
             text = transform(item.value, item.text);
@@ -310,13 +239,10 @@ class ScrollItem extends _baseComponent.default {
           // eslint-disable-next-line
           text = item.text == null ? item.value : item.text;
         }
-
         const events = {};
-
         if (!_this.isWheelMode() && !item.disabled) {
           events.onClick = () => _this.foundation.selectIndex(index, _this.list);
         }
-
         return (
           /*#__PURE__*/
           // eslint-disable-next-line @typescript-eslint/restrict-plus-operands
@@ -331,7 +257,6 @@ class ScrollItem extends _baseComponent.default {
         );
       });
     };
-
     this.renderNormalList = () => {
       const {
         list,
@@ -354,8 +279,6 @@ class ScrollItem extends _baseComponent.default {
     /**
      * List of Rendering Unlimited Modes
      */
-
-
     this.renderInfiniteList = () => {
       const {
         list,
@@ -407,34 +330,31 @@ class ScrollItem extends _baseComponent.default {
         onClick: this.clickToSelectItem
       }, prependList, inner, appendList)));
     };
-
     this.state = {
       prependCount: 0,
-      appendCount: 0 // selectedIndex: props.selectedIndex,
+      appendCount: 0
+      // selectedIndex: props.selectedIndex,
       // fakeSelectedIndex: props.selectedIndex,
-
     };
+
     this.selectedNode = null;
     this.willSelectNode = null;
     this.list = null;
     this.wrapper = null;
     this.selector = null;
-    this.scrollAnimation = null; // cache if select action comes from outside
-
+    this.scrollAnimation = null;
+    // cache if select action comes from outside
     this.foundation = new _itemFoundation.default(this.adapter);
     this.throttledAdjustList = (0, _throttle2.default)((e, nearestNode) => {
       this.foundation.adjustInfiniteList(this.list, this.wrapper, nearestNode);
     }, msPerFrame);
     this.debouncedSelect = (0, _debounce2.default)((e, nearestNode) => {
       this._cacheSelectedNode(nearestNode);
-
       this.foundation.selectNode(nearestNode, this.list);
     }, msPerFrame * 2);
   }
-
   get adapter() {
     var _this2 = this;
-
     return Object.assign(Object.assign({}, super.adapter), {
       setState: (states, callback) => this.setState(Object.assign({}, states), callback),
       setPrependCount: prependCount => this.setState({
@@ -451,14 +371,12 @@ class ScrollItem extends _baseComponent.default {
       scrollToCenter: this.scrollToCenter
     });
   }
-
   componentWillUnmount() {
     if (this.props.cycled) {
       this.throttledAdjustList.cancel();
       this.debouncedSelect.cancel();
     }
   }
-
   componentDidMount() {
     this.foundation.init();
     const {
@@ -468,38 +386,31 @@ class ScrollItem extends _baseComponent.default {
       list
     } = this.props;
     const selectedNode = this.getNodeByIndex(typeof selectedIndex === 'number' && selectedIndex > -1 ? selectedIndex : 0);
-
     this._cacheSelectedNode(selectedNode);
-
     this._cacheWillSelectNode(selectedNode);
-
     if (mode === wheelMode && cycled) {
       this.foundation.initWheelList(this.list, this.wrapper, () => {
         // we have to scroll in next tick
         // setTimeout(() => {
-        this.scrollToNode(selectedNode, 0); // });
+        this.scrollToNode(selectedNode, 0);
+        // });
       });
     } else {
       this.scrollToNode(selectedNode, 0);
     }
   }
-
   componentDidUpdate(prevProps) {
     const {
       selectedIndex
-    } = this.props; // smooth scroll to selected option
-
+    } = this.props;
+    // smooth scroll to selected option
     if (prevProps.selectedIndex !== selectedIndex) {
       const willSelectIndex = this.getIndexByNode(this.willSelectNode);
-
       if (!this.indexIsSame(willSelectIndex, selectedIndex)) {
         const newSelectedNode = this.getNodeByOffset(this.selectedNode, selectedIndex - prevProps.selectedIndex, this.list);
-
         this._cacheWillSelectNode(newSelectedNode);
       }
-
       this._cacheSelectedNode(this.willSelectNode);
-
       this.scrollToIndex(selectedIndex);
     }
   }
@@ -511,36 +422,27 @@ class ScrollItem extends _baseComponent.default {
    *
    * @returns {HTMLElement}
    */
-
-
   getNodeByOffset(refNode, offset, listWrapper) {
     const {
       list
     } = this.props;
-
     if ((0, _isElement.default)(refNode) && (0, _isElement.default)(listWrapper) && typeof offset === 'number' && Array.isArray(list) && list.length) {
       offset = offset % list.length;
       const refIndex = this.getIndexByNode(refNode);
       let targetIndex = refIndex + offset;
-
       while (targetIndex < 0) {
         targetIndex += list.length;
       }
-
       if (offset) {
         return this.getNodeByIndex(targetIndex);
       }
     }
-
     return refNode;
   }
-
   render() {
     return this.isWheelMode() ? this.renderInfiniteList() : this.renderNormalList();
   }
-
 }
-
 exports.default = ScrollItem;
 ScrollItem.propTypes = {
   mode: _propTypes.default.oneOf(_constants.strings.MODE),

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

@@ -14,7 +14,7 @@ import type { Subtract } from 'utility-types';
 export type { OptionProps } from './option';
 export type { OptionGroupProps } from './optionGroup';
 export type { VirtualRowProps } from './virtualRow';
-declare type ExcludeInputType = {
+type ExcludeInputType = {
     value?: InputProps['value'];
     onFocus?: InputProps['onFocus'];
     onChange?: InputProps['onChange'];
@@ -58,14 +58,14 @@ export interface selectMethod {
     close?: () => void;
     open?: () => void;
 }
-export declare type SelectSize = 'small' | 'large' | 'default';
+export type SelectSize = 'small' | 'large' | 'default';
 export interface virtualListProps {
     itemSize?: number;
     height?: number;
     width?: string | number;
 }
-export declare type RenderSingleSelectedItemFn = (optionNode: Record<string, any>) => React.ReactNode;
-export declare type RenderMultipleSelectedItemFn = (optionNode: Record<string, any>, multipleProps: {
+export type RenderSingleSelectedItemFn = (optionNode: Record<string, any>) => React.ReactNode;
+export type RenderMultipleSelectedItemFn = (optionNode: Record<string, any>, multipleProps: {
     index: number;
     disabled: boolean;
     onClose: (tagContent: React.ReactNode, e: MouseEvent) => void;
@@ -73,8 +73,8 @@ export declare type RenderMultipleSelectedItemFn = (optionNode: Record<string, a
     isRenderInTag: boolean;
     content: React.ReactNode;
 };
-export declare type RenderSelectedItemFn = RenderSingleSelectedItemFn | RenderMultipleSelectedItemFn;
-export declare type SelectProps = {
+export type RenderSelectedItemFn = RenderSingleSelectedItemFn | RenderMultipleSelectedItemFn;
+export type SelectProps = {
     'aria-describedby'?: React.AriaAttributes['aria-describedby'];
     'aria-errormessage'?: React.AriaAttributes['aria-errormessage'];
     'aria-invalid'?: React.AriaAttributes['aria-invalid'];