@douyinfe/semi-foundation 2.24.3 → 2.25.0-alpha.0

package/lib/es/scrollList/itemFoundation.js

@@ -9,20 +9,16 @@ export default class ItemFoundation extends BaseFoundation {
     super(...arguments);
     this._cachedSelectedNode = null;
   }
-
   selectIndex(index, listWrapper) {
     const {
       type,
       list
     } = this.getProps();
-
     if (index > -1 && Array.isArray(list) && list.length && isElement(listWrapper)) {
       const indexInData = index % list.length;
       const item = list[indexInData];
       const node = listWrapper.children[index];
-
       this._adapter.setSelectedNode(node);
-
       this._adapter.notifySelectItem(Object.assign(Object.assign({}, item), {
         value: item.value,
         type,
@@ -30,33 +26,24 @@ export default class ItemFoundation extends BaseFoundation {
       }));
     }
   }
-
   selectNode(node, listWrapper) {
     const {
       type,
       list: data
     } = this.getProps();
-
     if (isElement(node) && isElement(listWrapper)) {
       const indexInList = _findIndex(listWrapper.children, ele => ele === node);
-
       const indexInData = indexInList % data.length;
-
       const cachedIndexInList = _findIndex(listWrapper.children, ele => ele === this._cachedSelectedNode);
-
       const cachedIndexData = cachedIndexInList % data.length;
       const item = data[indexInData];
-
       this._adapter.setSelectedNode(node);
-
-      this._adapter.scrollToCenter(node); // Avoid triggerring notifySelectItem twice,
+      this._adapter.scrollToCenter(node);
+      // Avoid triggerring notifySelectItem twice,
       // because that scroll event will be trigger
       // when you click to select an item.
-
-
       if (this._cachedSelectedNode !== node) {
         this._cachedSelectedNode = node;
-
         if (cachedIndexData !== indexInData) {
           this._adapter.notifySelectItem(Object.assign(Object.assign({}, item), {
             value: item.value,
@@ -74,35 +61,28 @@ export default class ItemFoundation extends BaseFoundation {
    * @param {number} ratio
    * @returns {boolean}
    */
-
-
   shouldAppend(listWrapper, scrollWrapper) {
     let ratio = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 2;
     const tag = 'li';
-
     if (isElement(listWrapper) && isElement(scrollWrapper)) {
       const itemNodes = listWrapper.querySelectorAll(tag);
       const lastNode = itemNodes[itemNodes.length - 1];
       const {
         list
       } = this.getProps();
-
       if (lastNode) {
         const scrollRect = scrollWrapper.getBoundingClientRect();
         const lastRect = lastNode.getBoundingClientRect();
         const listHeight = lastRect.height * list.length;
         let baseTop = lastRect.top;
         let count = 0;
-
         while (baseTop <= scrollRect.top + scrollRect.height * ratio) {
           count += 1;
           baseTop += listHeight;
         }
-
         return count;
       }
     }
-
     return false;
   }
   /**
@@ -113,35 +93,28 @@ export default class ItemFoundation extends BaseFoundation {
    *
    * @returns {boolean}
    */
-
-
   shouldPrepend(listWrapper, scrollWrapper) {
     let ratio = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 2;
     const tag = 'li';
-
     if (isElement(listWrapper) && isElement(scrollWrapper)) {
       const itemNodes = listWrapper.querySelectorAll(tag);
       const firstNode = itemNodes[0];
       const {
         list
       } = this.getProps();
-
       if (firstNode) {
         const scrollRect = scrollWrapper.getBoundingClientRect();
         const firstRect = firstNode.getBoundingClientRect();
         const listHeight = firstRect.height * list.length;
         let baseTop = firstRect.top;
         let count = 0;
-
         while (baseTop + firstRect.height >= scrollRect.top - scrollRect.height * ratio) {
           count += 1;
           baseTop -= listHeight;
         }
-
         return count;
       }
     }
-
     return 0;
   }
   /**
@@ -150,22 +123,17 @@ export default class ItemFoundation extends BaseFoundation {
    * @param {HTMLElement} wrapper
    * @param {Function} [callback]
    */
-
-
   initWheelList(listWrapper, wrapper, callback) {
     const {
       list
     } = this.getProps();
-
     if (isElement(wrapper) && isElement(listWrapper) && list && list.length) {
       const allNodes = listWrapper.children;
-
       const baseNodes = _slice(allNodes, 0, list.length);
-
       const prependCount = this.shouldPrepend(listWrapper, wrapper);
-      const appendCount = this.shouldAppend(listWrapper, wrapper); // this._adapter.setPrependCount(prependCount);
+      const appendCount = this.shouldAppend(listWrapper, wrapper);
+      // this._adapter.setPrependCount(prependCount);
       // this._adapter.setAppendCount(appendCount);
-
       this._adapter.setState({
         prependCount,
         appendCount
@@ -178,35 +146,29 @@ export default class ItemFoundation extends BaseFoundation {
    * @param {HTMLElement} wrapper
    * @param {HTMLElement} [nearestNode]
    */
-
-
   adjustInfiniteList(listWrapper, wrapper, nearestNode) {
     const {
       list
     } = this.getProps();
     const nodeTag = 'li';
-
     if (isElement(wrapper) && isElement(listWrapper) && list && list.length) {
       const allNodes = listWrapper.querySelectorAll(nodeTag);
       const total = allNodes.length;
       const ratio = 1;
       const prependCount = this.shouldPrepend(listWrapper, wrapper, ratio);
-      const appendCount = this.shouldAppend(listWrapper, wrapper, ratio); // while (this.shouldPrepend(listWrapper, wrapper, nearestNode)) {
-
+      const appendCount = this.shouldAppend(listWrapper, wrapper, ratio);
+      // while (this.shouldPrepend(listWrapper, wrapper, nearestNode)) {
       if (prependCount) {
         // move last nodes to first position
         for (let i = 0; i < prependCount; i++) {
           const nodes = _slice(allNodes, total - list.length * (i + 1), total - list.length * i);
-
           prepend(listWrapper, ...nodes);
         }
-      } // while (this.shouldAppend(listWrapper, wrapper, nearestNode)) {
-
-
+      }
+      // while (this.shouldAppend(listWrapper, wrapper, nearestNode)) {
       if (appendCount) {
         for (let i = 0; i < appendCount; i++) {
           const nodes = _slice(allNodes, i * list.length, (i + 1) * list.length);
-
           append(listWrapper, ...nodes);
         }
       }
@@ -218,8 +180,6 @@ export default class ItemFoundation extends BaseFoundation {
    * @param {HTMLElement} selector
    *
    */
-
-
   getNearestNodeInfo(listWrapper, selector) {
     if (isElement(listWrapper) && isElement(selector)) {
       const selectorRect = selector.getBoundingClientRect();
@@ -232,7 +192,6 @@ export default class ItemFoundation extends BaseFoundation {
         const rect = node.getBoundingClientRect();
         const rectTop = rect.top;
         const absDistance = Math.abs(rectTop - selectorTop);
-
         if (absDistance < nearestDistance && !this._adapter.isDisabledIndex(index)) {
           nearestDistance = absDistance;
           nearestNode = node;
@@ -244,7 +203,6 @@ export default class ItemFoundation extends BaseFoundation {
         nearestIndex
       };
     }
-
     return undefined;
   }
   /**
@@ -253,8 +211,6 @@ export default class ItemFoundation extends BaseFoundation {
    *
    * @param {HTMLElement|null}
    */
-
-
   getTargetNode(e, listWrapper) {
     if (e && isElement(listWrapper)) {
       const targetTagName = 'li';
@@ -265,25 +221,19 @@ export default class ItemFoundation extends BaseFoundation {
       let targetIndex = -1;
       let indexInList = -1;
       let infoInList = null;
-
       const targetNode = _find(itemNodes, (node, index) => {
         if (node === currentTarget || node.contains(currentTarget)) {
           targetIndex = index;
-
           if (length > 0) {
             indexInList = index % length;
           }
-
           return true;
         }
-
         return undefined;
       });
-
       if (indexInList > -1) {
         infoInList = list[indexInList];
       }
-
       return {
         targetNode,
         targetIndex,
@@ -291,8 +241,6 @@ export default class ItemFoundation extends BaseFoundation {
         infoInList
       };
     }
-
     return null;
   }
-
 }

package/lib/es/scrollList/scrollTo.js

@@ -1,5 +1,4 @@
 import { Animation } from '@douyinfe/semi-animation';
-
 const scrollTo = (element, to, duration) => {
   const animation = new Animation({
     from: {
@@ -16,9 +15,8 @@ const scrollTo = (element, to, duration) => {
       scrollTop
     } = _ref;
     element.scrollTop = scrollTop;
-  }); // animation.start();
-
+  });
+  // animation.start();
   return animation;
 };
-
 export default scrollTo;

package/lib/es/select/constants.js

@@ -1,9 +1,9 @@
 import { VALIDATE_STATUS, BASE_CLASS_PREFIX } from '../base/constants';
 import { strings as tooltipStrings } from '../tooltip/constants';
 const cssClasses = {
-  PREFIX: "".concat(BASE_CLASS_PREFIX, "-select"),
-  PREFIX_OPTION: "".concat(BASE_CLASS_PREFIX, "-select-option"),
-  PREFIX_GROUP: "".concat(BASE_CLASS_PREFIX, "-select-group")
+  PREFIX: `${BASE_CLASS_PREFIX}-select`,
+  PREFIX_OPTION: `${BASE_CLASS_PREFIX}-select-option`,
+  PREFIX_GROUP: `${BASE_CLASS_PREFIX}-select-group`
 };
 const strings = {
   SIZE_SET: ['small', 'large', 'default'],

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

@@ -2,7 +2,6 @@ import BaseFoundation, { DefaultAdapter } from '../base/foundation';
 import { BasicOptionProps } from './optionFoundation';
 export interface SelectAdapter<P = Record<string, any>, S = Record<string, any>> extends DefaultAdapter<P, S> {
     getTriggerWidth(): number;
-    setOptionsWidth?(): any;
     updateFocusState(focus: boolean): void;
     focusTrigger(): void;
     unregisterClickOutsideHandler(): void;
@@ -24,7 +23,7 @@ export interface SelectAdapter<P = Record<string, any>, S = Record<string, any>>
     notifyClear(): void;
     updateInputValue(inputValue: string): void;
     focusInput(): void;
-    notifySearch(inputValue: string): void;
+    notifySearch(inputValue: string, event?: any): void;
     registerKeyDown(handler: () => void): void;
     unregisterKeyDown(): void;
     notifyChange(value: string | BasicOptionProps | (string | BasicOptionProps)[]): void;
@@ -37,6 +36,7 @@ export interface SelectAdapter<P = Record<string, any>, S = Record<string, any>>
     notifyMouseEnter(event: any): void;
     updateHovering(isHover: boolean): void;
     updateScrollTop(index?: number): void;
+    updateOverflowItemCount(count: number): void;
     getContainer(): any;
     getFocusableElements(node: any): any[];
     getActiveElement(): any;
@@ -47,8 +47,8 @@ export interface SelectAdapter<P = Record<string, any>, S = Record<string, any>>
     emit(eventName: string): void;
     once(eventName: string, eventCallback: () => void): void;
 }
-declare type LabelValue = string | number;
-declare type PropValue = LabelValue | Record<string, any>;
+type LabelValue = string | number;
+type PropValue = LabelValue | Record<string, any>;
 export default class SelectFoundation extends BaseFoundation<SelectAdapter> {
     constructor(adapter: SelectAdapter);
     _keydownHandler: (...arg: any[]) => void | null;
@@ -78,9 +78,9 @@ export default class SelectFoundation extends BaseFoundation<SelectAdapter> {
     clearSelected(): void;
     updateOptionsActiveStatus(selections: Map<any, any>, options?: BasicOptionProps[]): void;
     removeTag(item: BasicOptionProps): void;
-    clearInput(): void;
+    clearInput(event?: any): void;
     focusInput(): void;
-    handleInputChange(sugInput: string): void;
+    handleInputChange(sugInput: string, event: any): void;
     _filterOption(originalOptions: BasicOptionProps[], sugInput: string): BasicOptionProps[];
     _createOptionByInput(allowCreate: boolean, optionsAfterFilter: BasicOptionProps[], sugInput: string): BasicOptionProps[];
     bindKeyBoardEvent(): void;
@@ -129,7 +129,9 @@ export default class SelectFoundation extends BaseFoundation<SelectAdapter> {
      */
     checkMultipleProps(props?: Record<string, any>): void;
     updateScrollTop(): void;
+    updateOverflowItemCount(selectionLength: number, overFlowCount?: number): void;
     updateIsFullTags(): void;
     handlePopoverClose(): void;
+    handleSlotMouseEnter(): void;
 }
 export {};