@douyinfe/semi-foundation 2.36.0-beta.0 → 2.36.0

package/lib/es/notification/notificationFoundation.js

@@ -9,46 +9,35 @@ export default class NotificationFoundation extends BaseFoundation {
 
   init() {
     this._startCloseTimer();
-
     this._id = this.getProp('id');
   }
-
   destroy() {
     this._clearCloseTimer();
   }
-
   _startCloseTimer() {
     // unit: s
     const duration = this.getProp('duration');
-
     if (duration && _isNumber(duration)) {
       this._timer = setTimeout(() => {
         this.close(); // call parent to remove itself
       }, duration * 1000);
     }
   }
-
   close(e) {
     if (e) {
       e.stopPropagation();
     }
-
     this._adapter.notifyWrapperToRemove(this._id);
-
     this._adapter.notifyClose();
   }
-
   _clearCloseTimer() {
     if (this._timer) {
       clearTimeout(this._timer);
       this._timer = null;
     }
   }
-
   restartCloseTimer() {
     this._clearCloseTimer();
-
     this._startCloseTimer();
   }
-
 }

package/lib/es/notification/notificationListFoundation.js

@@ -3,42 +3,35 @@ import BaseFoundation from '../base/foundation';
 export default class NotificationListFoundation extends BaseFoundation {
   addNotice(opts) {
     // let notices = this._adapter.getNotices();
-    const notices = this._adapter.getNotices(); // opts = { ...opts, id };
+    const notices = this._adapter.getNotices();
+    // opts = { ...opts, id };
     // if (opts.duration) {
     //     setTimeout(() => {
     //         this.removeNotice(opts.id);
     //     }, opts.duration * 1000);
     // }
-
-
-    this._adapter.updateNotices([opts, ...notices]); // return id;
-
+    this._adapter.updateNotices([opts, ...notices]);
+    // return id;
   }
 
   removeNotice(id) {
-    let notices = this._adapter.getNotices(); // let notices = this._adapter.getNotices();
-
-
+    let notices = this._adapter.getNotices();
+    // let notices = this._adapter.getNotices();
     const removedItems = [];
     notices = notices.filter(notice => {
       if (notice.id === id) {
         removedItems.push(notice);
         return false;
       }
-
       return true;
     });
-
     this._adapter.updateNotices(notices, removedItems); // This must be updated at the same time https://github.com/facebook/react/issues/12312
-
   }
 
   destroyAll() {
     const notices = this._adapter.getNotices();
-
     if (notices.length > 0) {
       this._adapter.updateNotices([], notices);
     }
   }
-
 }

package/lib/es/overflowList/foundation.js

@@ -4,19 +4,16 @@ import BaseFoundation from '../base/foundation';
 import { strings } from './constants';
 const Boundary = strings.BOUNDARY_MAP;
 const OverflowDirection = strings.OVERFLOW_DIR;
-
 class OverflowListFoundation extends BaseFoundation {
   constructor(adapter) {
     super(Object.assign({}, adapter));
     this.previousY = undefined;
-
     this.isScrollMode = () => {
       const {
         renderMode
       } = this.getProps();
       return renderMode === 'scroll';
     };
-
     this.getReversedItems = () => {
       const {
         items
@@ -24,7 +21,6 @@ class OverflowListFoundation extends BaseFoundation {
       return _cloneDeep(items).reverse();
     };
   }
-
   getOverflowItem() {
     const {
       items
@@ -33,11 +29,9 @@ class OverflowListFoundation extends BaseFoundation {
       visibleState,
       overflow
     } = this.getStates();
-
     if (!this.isScrollMode()) {
       return overflow;
     }
-
     const visibleStateArr = items.map(_ref => {
       let {
         key
@@ -51,46 +45,36 @@ class OverflowListFoundation extends BaseFoundation {
     overflowList[1] = visibleEnd >= 0 ? items.slice(visibleEnd + 1, items.length) : items;
     return overflowList;
   }
-
   handleIntersect(entries) {
     const visibleState = _cloneDeep(this.getState('visibleState'));
-
     const res = {};
     entries.forEach(entry => {
       const itemKey = _get(entry, 'target.dataset.scrollkey');
-
       const visible = entry.isIntersecting;
       res[itemKey] = entry;
       visibleState.set(itemKey, visible);
     });
     let someItemVisible = false;
-
     for (const value of visibleState.values()) {
       if (value) {
         someItemVisible = true;
         break;
       }
-    } // Any item is visible, indicating that the List is visible
-
-
-    const wholeListVisible = someItemVisible; // If scrolling in the vertical direction makes the List invisible, no processing is required. 
+    }
+    // Any item is visible, indicating that the List is visible
+    const wholeListVisible = someItemVisible;
+    // If scrolling in the vertical direction makes the List invisible, no processing is required. 
     // If this.previousY is undefined, it means that the List is mounted for the first time and will not be processed.
-
     const [entry1] = entries;
     const currentY = entry1.boundingClientRect.y;
-
     if (!wholeListVisible && this.previousY !== undefined && currentY !== this.previousY) {
       this.previousY = currentY;
       return;
     }
-
     this.previousY = currentY;
-
     this._adapter.updateVisibleState(visibleState);
-
     this._adapter.notifyIntersect(res);
   }
-
   handleCollapseOverflow() {
     const {
       minVisibleItems,
@@ -107,18 +91,16 @@ class OverflowListFoundation extends BaseFoundation {
       onOverflow
     } = this.getProps();
     let itemWidths = overflowWidth,
-        _pivot = 0;
+      _pivot = 0;
     let overflowed = false;
-
     for (const size of this._adapter.getItemSizeMap().values()) {
-      itemWidths += size; // 触发overflow
-
+      itemWidths += size;
+      // 触发overflow
       if (itemWidths > containerWidth) {
         overflowed = true;
         break;
-      } // 顺利遍历完整个列表，说明不存在overflow，直接渲染全部
-
-
+      }
+      // 顺利遍历完整个列表，说明不存在overflow，直接渲染全部
       if (_pivot === items.length - 1) {
         this._adapter.updateStates({
           overflowStatus: "normal",
@@ -126,35 +108,27 @@ class OverflowListFoundation extends BaseFoundation {
           visible: items,
           overflow: []
         });
-
         break;
       }
-
       _pivot++;
     }
-
     if (overflowed) {
       const pivot = Math.max(minVisibleItems, _pivot);
       const isCollapseFromStart = collapseFrom === Boundary.START;
       const visible = isCollapseFromStart ? this.getReversedItems().slice(0, pivot).reverse() : items.slice(0, pivot);
       const overflow = isCollapseFromStart ? this.getReversedItems().slice(pivot).reverse() : items.slice(pivot);
-
       this._adapter.updateStates({
         overflowStatus: "overflowed",
         pivot: pivot,
         visible,
         overflow
-      }); // trigger onOverflow
-
-
+      });
+      // trigger onOverflow
       if (statePivot !== pivot) {
         onOverflow(overflow);
       }
-
       return;
     }
   }
-
 }
-
 export default OverflowListFoundation;

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

@@ -12,14 +12,14 @@ export interface PaginationAdapter<P = Record<string, any>, S = Record<string, a
     notifyPageSizeChange: (pageSize: number) => void;
     notifyChange: (pageIndex: number, pageSize: number) => void;
 }
-export declare type PageRenderText = number | '...';
-export declare type PageList = PageRenderText[];
+export type PageRenderText = number | '...';
+export type PageList = PageRenderText[];
 export interface AdapterPageList {
     pageList: PageRenderText[];
     restLeftPageList: number[];
     restRightPageList: number[];
 }
-export declare type KeyDownHandler = any;
+export type KeyDownHandler = any;
 declare class PaginationFoundation<P = Record<string, any>, S = Record<string, any>> extends BaseFoundation<PaginationAdapter<P, S>, P, S> {
     constructor(adapter: PaginationAdapter<P, S>);
     init(): void;

package/lib/es/pagination/foundation.js

@@ -1,60 +1,48 @@
 /* eslint-disable max-len */
-
 /* eslint-disable no-param-reassign */
 import BaseFoundation from '../base/foundation';
 import { numbers } from './constants';
-
 class PaginationFoundation extends BaseFoundation {
   constructor(adapter) {
     super(Object.assign({}, adapter));
   }
-
   init() {
     const {
       currentPage,
       total,
       pageSize
-    } = this.getStates(); // If pageSize is set, pageSizeOpts does not work
-
+    } = this.getStates();
+    // If pageSize is set, pageSizeOpts does not work
     this._updateDisabled({
       currentPage,
       total,
       pageSize
     });
-
     this._updatePageList({
       currentPage,
       total,
       pageSize
     });
-
     this._registerEventHandler();
   }
-
   destroy() {
     this._unregisterEventHandler();
   }
-
   _registerEventHandler() {
     this._adapter.registerKeyDownHandler(this.handleKeyDown);
   }
-
   _unregisterEventHandler() {
     this._adapter.unregisterKeyDownHandler(this.handleKeyDown);
   }
-
   _updateDisabled(pageInfo) {
     const {
       currentPage,
       total,
       pageSize
     } = pageInfo;
-
     const totalPageNum = this._getTotalPageNumber(total, pageSize);
-
     let prevIsDisabled = false;
     let nextIsDisabled = false;
-
     if (currentPage === 1) {
       prevIsDisabled = true;
       nextIsDisabled = totalPageNum < 2;
@@ -62,96 +50,73 @@ class PaginationFoundation extends BaseFoundation {
       prevIsDisabled = false;
       nextIsDisabled = true;
     }
-
     this._adapter.setDisabled(prevIsDisabled, nextIsDisabled);
   }
-
   goPage(targetPageIndex) {
     if (targetPageIndex === '...') {
       return;
     }
-
     const {
       pageSize,
       currentPage
     } = this.getStates();
-
     const isControlComponent = this._isInProps('currentPage');
-
     if (targetPageIndex === currentPage) {
       return;
     }
-
     if (!isControlComponent) {
       this.updatePage(targetPageIndex);
-
       this._adapter.notifyPageChange(targetPageIndex);
-
       this._adapter.notifyChange(targetPageIndex, pageSize);
     } else {
       this._adapter.notifyPageChange(targetPageIndex);
-
       this._adapter.notifyChange(targetPageIndex, pageSize);
     }
   }
-
   updatePage() {
     let targetPageIndex = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 1;
     let total = arguments.length > 1 ? arguments[1] : undefined;
     let pageSize = arguments.length > 2 ? arguments[2] : undefined;
-
     // maybe undefined or null
     if (total === null || typeof total === 'undefined') {
       total = this.getState('total');
     }
-
     if (pageSize === null || typeof pageSize === 'undefined') {
       pageSize = this.getState('pageSize');
     }
-
     this._updateDisabled({
       currentPage: targetPageIndex,
       total,
       pageSize
     });
-
     this._updatePageList({
       currentPage: targetPageIndex,
       total,
       pageSize
     });
-
     this._adapter.updateTotal(total);
-
     this._adapter.setCurrentPage(targetPageIndex);
-
     this._adapter.updatePageSize(pageSize);
   }
-
   goPrev() {
     const {
       currentPage
     } = this.getStates();
-
     if (currentPage > 1) {
       this.goPage(currentPage - 1);
     }
   }
-
   goNext() {
     const {
       currentPage,
       total,
       pageSize
     } = this.getStates();
-
     const totalPageNum = this._getTotalPageNumber(total, pageSize);
-
     if (currentPage <= totalPageNum - 1) {
       this.goPage(currentPage + 1);
     }
   }
-
   _updatePageList(pageListInfo) {
     const {
       currentPage,
@@ -160,9 +125,7 @@ class PaginationFoundation extends BaseFoundation {
     } = pageListInfo;
     let pageList = [];
     let restLeftPageList = []; // pages before ...
-
     let restRightPageList = []; // pages after ...
-
     /** Pager truncation logic (t is the total number of pages, c is the current page):
          - No need to truncate when t<=7 pages
          - When t>7
@@ -180,14 +143,11 @@ class PaginationFoundation extends BaseFoundation {
             - 当 t-3<=c<=t 时，第 2 个为截断符号（...），后面为倒数第5个-倒数第1个
         截断符+数字 总共个数为7个
     */
-
     const totalPageNum = this._getTotalPageNumber(total, pageSize);
-
     const {
       PAGE_SHOW_MAX,
       REST_PAGE_MAX_SIZE
     } = numbers;
-
     if (totalPageNum <= PAGE_SHOW_MAX) {
       pageList = Array.from({
         length: totalPageNum
@@ -197,14 +157,13 @@ class PaginationFoundation extends BaseFoundation {
     } else {
       switch (true) {
         case currentPage < 4:
-          pageList = [1, 2, 3, 4, '...', totalPageNum - 1, totalPageNum]; // length: (totalPageNum - 1) - 4
-
+          pageList = [1, 2, 3, 4, '...', totalPageNum - 1, totalPageNum];
+          // length: (totalPageNum - 1) - 4
           restRightPageList = Array.from({
             length: Math.min(totalPageNum - 6, REST_PAGE_MAX_SIZE)
           }, (v, i) => i + 5);
           restLeftPageList = [];
           break;
-
         case currentPage === 4:
           pageList = [1, 2, 3, 4, 5, '...', totalPageNum];
           restRightPageList = Array.from({
@@ -212,13 +171,12 @@ class PaginationFoundation extends BaseFoundation {
           }, (v, i) => i + 6);
           restLeftPageList = [];
           break;
-
         case 4 < currentPage && currentPage < totalPageNum - 3:
           const middle = Array.from({
             length: 3
           }, (v, i) => currentPage + (i - 1));
-          pageList = [1].concat('...', middle, '...', totalPageNum); // length: total-(currentPage+1)-1
-
+          pageList = [1].concat('...', middle, '...', totalPageNum);
+          // length: total-(currentPage+1)-1
           restRightPageList = Array.from({
             length: Math.min(totalPageNum - currentPage - 2, REST_PAGE_MAX_SIZE)
           }, (v, i) => currentPage + i + 2);
@@ -226,7 +184,6 @@ class PaginationFoundation extends BaseFoundation {
             length: Math.min(currentPage - 3, REST_PAGE_MAX_SIZE)
           }, (v, i) => i + 2);
           break;
-
         case currentPage - 3 <= currentPage && currentPage <= totalPageNum:
           const right = Array.from({
             length: 5
@@ -237,51 +194,42 @@ class PaginationFoundation extends BaseFoundation {
             length: Math.min(right[0] - 2, REST_PAGE_MAX_SIZE)
           }, (v, i) => i + 2);
           break;
-
         default:
           break;
       }
     }
-
     this._adapter.setPageList({
       pageList,
       restLeftPageList,
       restRightPageList
-    }); // this._adapter.setRestLeftPageList(restLeftPageList);
+    });
+    // this._adapter.setRestLeftPageList(restLeftPageList);
     // this._adapter.setRestRightPageList(restRightPageList);
-
   }
 
   changePageSize(newPageSize) {
     const {
       pageSize
     } = this.getStates();
-
     this._adapter.updatePageSize(newPageSize);
-
     this._adapter.notifyPageSizeChange(newPageSize);
-
     const {
       total,
       currentPage
-    } = this.getStates(); // After converting the switching page capacity, which page is the current page
-
+    } = this.getStates();
+    // After converting the switching page capacity, which page is the current page
     const currentPageFirstItemIndex = (currentPage - 1) * pageSize + 1;
     const newCurrentPage = Math.ceil(currentPageFirstItemIndex / newPageSize);
     this.updatePage(newCurrentPage, total, newPageSize);
-
     if (currentPage !== newCurrentPage) {
       this._adapter.notifyPageChange(newCurrentPage);
     }
-
     this._adapter.notifyChange(newCurrentPage, newPageSize);
-  } // TODO handle tab/enter events
+  }
+  // TODO handle tab/enter events
   // eslint-disable-next-line @typescript-eslint/no-empty-function
-
-
-  handleKeyDown() {} // If pageSize is not in the Opts array, insert it
-
-
+  handleKeyDown() {}
+  // If pageSize is not in the Opts array, insert it
   pageSizeInOpts() {
     const {
       pageSizeOpts
@@ -290,66 +238,51 @@ class PaginationFoundation extends BaseFoundation {
       pageSize
     } = this.getStates();
     const newPageSizeOpts = [...pageSizeOpts];
-
     if (newPageSizeOpts.indexOf(pageSize) === -1) {
       const firstLargerIndex = newPageSizeOpts.findIndex(el => el > pageSize);
       newPageSizeOpts.splice(firstLargerIndex, 0, pageSize);
     }
-
     return newPageSizeOpts;
   }
-
   handleQuickJumpNumberChange(targetPage) {
     this._adapter.updateQuickJumpPage(targetPage);
   }
-
   _handleQuickJump(quickJumpPage) {
     let page = Number(quickJumpPage);
     const {
       pageSize,
       total
     } = this.getStates();
-
     const totalPageNum = this._getTotalPageNumber(total, pageSize);
-
     if (Number.isNaN(page)) {
       return;
-    } // If the user input is greater than totalPage
-
-
+    }
+    // If the user input is greater than totalPage
     if (page > totalPageNum) {
       page = totalPageNum;
     }
-
     if (page <= 0) {
       page = 1;
-    } // clear inputnumber
-
-
+    }
+    // clear inputnumber
     this._adapter.updateQuickJumpPage('');
-
     this.goPage(page);
   }
-
   handleQuickJumpBlur() {
     const {
       quickJumpPage
-    } = this.getStates(); // no need to operate when inputnumber blur & quickJumpPage is empty
-
+    } = this.getStates();
+    // no need to operate when inputnumber blur & quickJumpPage is empty
     if (typeof quickJumpPage === 'string' && quickJumpPage || typeof quickJumpPage === 'number') {
       this._handleQuickJump(quickJumpPage);
     }
   }
-
   handleQuickJumpEnterPress(targetPage) {
     this._handleQuickJump(targetPage);
   }
-
   _getTotalPageNumber(total, pageSize) {
     const totalPageNum = Math.ceil(total / pageSize);
     return totalPageNum;
   }
-
 }
-
 export default PaginationFoundation;

package/lib/es/popconfirm/popconfirmFoundation.js

@@ -1,20 +1,16 @@
 import _get from "lodash/get";
+/* eslint-disable @typescript-eslint/no-empty-function */
 import BaseFoundation from '../base/foundation';
 import isPromise from '../utils/isPromise';
 export default class PopConfirmFoundation extends BaseFoundation {
   init() {}
-
   destroy() {}
-
   handleCancel(e) {
     const maybePromise = this._adapter.notifyCancel(e);
-
     if (isPromise(maybePromise)) {
       this._adapter.updateCancelLoading(true);
-
       maybePromise.then(result => {
         this.handleVisibleChange(false);
-
         this._adapter.updateCancelLoading(false);
       }, errors => {
         this._adapter.updateCancelLoading(false);
@@ -23,16 +19,12 @@ export default class PopConfirmFoundation extends BaseFoundation {
       this.handleVisibleChange(false);
     }
   }
-
   handleConfirm(e) {
     const maybePromise = this._adapter.notifyConfirm(e);
-
     if (isPromise(maybePromise)) {
       this._adapter.updateConfirmLoading(true);
-
       maybePromise.then(result => {
         this._adapter.updateConfirmLoading(false);
-
         this.handleVisibleChange(false);
       }, errors => {
         this._adapter.updateConfirmLoading(false);
@@ -41,36 +33,29 @@ export default class PopConfirmFoundation extends BaseFoundation {
       this.handleVisibleChange(false);
     }
   }
-
   handleClickOutSide(e) {
     this._adapter.notifyClickOutSide(e);
   }
-
   handleVisibleChange(visible) {
     if (!this._isControlledComponent('visible')) {
       this._adapter.setVisible(visible);
     }
-
     if (visible) {
       this.handleFocusOperateButton();
     } else {
       this._adapter.focusPrevFocusElement();
     }
-
     this._adapter.notifyVisibleChange(visible);
   }
-
   handleFocusOperateButton() {
     const {
       cancelButtonProps,
       okButtonProps
     } = this._adapter.getProps();
-
     if (_get(cancelButtonProps, 'autoFocus') && !_get(cancelButtonProps, 'disabled')) {
       this._adapter.focusCancelButton();
     } else if (_get(okButtonProps, 'autoFocus') && !_get(okButtonProps, 'disabled')) {
       this._adapter.focusOkButton();
     }
   }
-
 }