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

package/lib/cjs/overflowList/foundation.js

@@ -4,32 +4,23 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _cloneDeep2 = _interopRequireDefault(require("lodash/cloneDeep"));
-
 var _get2 = _interopRequireDefault(require("lodash/get"));
-
 var _foundation = _interopRequireDefault(require("../base/foundation"));
-
 var _constants = require("./constants");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const Boundary = _constants.strings.BOUNDARY_MAP;
 const OverflowDirection = _constants.strings.OVERFLOW_DIR;
-
 class OverflowListFoundation extends _foundation.default {
   constructor(adapter) {
     super(Object.assign({}, adapter));
     this.previousY = undefined;
-
     this.isScrollMode = () => {
       const {
         renderMode
       } = this.getProps();
       return renderMode === 'scroll';
     };
-
     this.getReversedItems = () => {
       const {
         items
@@ -37,7 +28,6 @@ class OverflowListFoundation extends _foundation.default {
       return (0, _cloneDeep2.default)(items).reverse();
     };
   }
-
   getOverflowItem() {
     const {
       items
@@ -46,11 +36,9 @@ class OverflowListFoundation extends _foundation.default {
       visibleState,
       overflow
     } = this.getStates();
-
     if (!this.isScrollMode()) {
       return overflow;
     }
-
     const visibleStateArr = items.map(_ref => {
       let {
         key
@@ -64,7 +52,6 @@ class OverflowListFoundation extends _foundation.default {
     overflowList[1] = visibleEnd >= 0 ? items.slice(visibleEnd + 1, items.length) : items;
     return overflowList;
   }
-
   handleIntersect(entries) {
     const visibleState = (0, _cloneDeep2.default)(this.getState('visibleState'));
     const res = {};
@@ -75,33 +62,26 @@ class OverflowListFoundation extends _foundation.default {
       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,
@@ -118,18 +98,16 @@ class OverflowListFoundation extends _foundation.default {
       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",
@@ -137,36 +115,28 @@ class OverflowListFoundation extends _foundation.default {
           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;
     }
   }
-
 }
-
 var _default = OverflowListFoundation;
 exports.default = _default;

package/lib/cjs/pagination/constants.js

@@ -4,9 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.strings = exports.numbers = exports.cssClasses = void 0;
-
 var _constants = require("../base/constants");
-
 const cssClasses = {
   PREFIX: `${_constants.BASE_CLASS_PREFIX}-page`
 };

package/lib/cjs/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/cjs/pagination/foundation.js

@@ -4,67 +4,53 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _foundation = _interopRequireDefault(require("../base/foundation"));
-
 var _constants = require("./constants");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 /* eslint-disable max-len */
-
 /* eslint-disable no-param-reassign */
+
 class PaginationFoundation extends _foundation.default {
   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;
@@ -72,96 +58,73 @@ class PaginationFoundation extends _foundation.default {
       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,
@@ -170,9 +133,7 @@ class PaginationFoundation extends _foundation.default {
     } = 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
@@ -190,14 +151,11 @@ class PaginationFoundation extends _foundation.default {
             - 当 t-3<=c<=t 时，第 2 个为截断符号（...），后面为倒数第5个-倒数第1个
         截断符+数字 总共个数为7个
     */
-
     const totalPageNum = this._getTotalPageNumber(total, pageSize);
-
     const {
       PAGE_SHOW_MAX,
       REST_PAGE_MAX_SIZE
     } = _constants.numbers;
-
     if (totalPageNum <= PAGE_SHOW_MAX) {
       pageList = Array.from({
         length: totalPageNum
@@ -207,14 +165,13 @@ class PaginationFoundation extends _foundation.default {
     } 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({
@@ -222,13 +179,12 @@ class PaginationFoundation extends _foundation.default {
           }, (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);
@@ -236,7 +192,6 @@ class PaginationFoundation extends _foundation.default {
             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
@@ -247,51 +202,42 @@ class PaginationFoundation extends _foundation.default {
             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
@@ -300,67 +246,52 @@ class PaginationFoundation extends _foundation.default {
       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;
   }
-
 }
-
 var _default = PaginationFoundation;
 exports.default = _default;

package/lib/cjs/popconfirm/constants.js

@@ -4,9 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.strings = exports.numbers = exports.cssClasses = void 0;
-
 var _constants = require("../base/constants");
-
 const cssClasses = {
   PREFIX: `${_constants.BASE_CLASS_PREFIX}-popconfirm`,
   POPOVER: `${_constants.BASE_CLASS_PREFIX}-popconfirm-popover`

package/lib/cjs/popconfirm/popconfirmFoundation.js

@@ -4,29 +4,21 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _get2 = _interopRequireDefault(require("lodash/get"));
-
 var _foundation = _interopRequireDefault(require("../base/foundation"));
-
 var _isPromise = _interopRequireDefault(require("../utils/isPromise"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+/* eslint-disable @typescript-eslint/no-empty-function */
 
 class PopConfirmFoundation extends _foundation.default {
   init() {}
-
   destroy() {}
-
   handleCancel(e) {
     const maybePromise = this._adapter.notifyCancel(e);
-
     if ((0, _isPromise.default)(maybePromise)) {
       this._adapter.updateCancelLoading(true);
-
       maybePromise.then(result => {
         this.handleVisibleChange(false);
-
         this._adapter.updateCancelLoading(false);
       }, errors => {
         this._adapter.updateCancelLoading(false);
@@ -35,16 +27,12 @@ class PopConfirmFoundation extends _foundation.default {
       this.handleVisibleChange(false);
     }
   }
-
   handleConfirm(e) {
     const maybePromise = this._adapter.notifyConfirm(e);
-
     if ((0, _isPromise.default)(maybePromise)) {
       this._adapter.updateConfirmLoading(true);
-
       maybePromise.then(result => {
         this._adapter.updateConfirmLoading(false);
-
         this.handleVisibleChange(false);
       }, errors => {
         this._adapter.updateConfirmLoading(false);
@@ -53,38 +41,30 @@ class PopConfirmFoundation extends _foundation.default {
       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 ((0, _get2.default)(cancelButtonProps, 'autoFocus') && !(0, _get2.default)(cancelButtonProps, 'disabled')) {
       this._adapter.focusCancelButton();
     } else if ((0, _get2.default)(okButtonProps, 'autoFocus') && !(0, _get2.default)(okButtonProps, 'disabled')) {
       this._adapter.focusOkButton();
     }
   }
-
 }
-
 exports.default = PopConfirmFoundation;

package/lib/cjs/popover/constants.js

@@ -4,11 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.strings = exports.numbers = exports.cssClasses = void 0;
-
 var _constants = require("../tooltip/constants");
-
 var _constants2 = require("../base/constants");
-
 const cssClasses = {
   PREFIX: `${_constants2.BASE_CLASS_PREFIX}-popover`,
   ARROW: `${_constants2.BASE_CLASS_PREFIX}-popover-icon-arrow`

package/lib/cjs/progress/constants.js

@@ -4,9 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.strings = exports.cssClasses = void 0;
-
 var _constants = require("../base/constants");
-
 const cssClasses = {
   PREFIX: `${_constants.BASE_CLASS_PREFIX}-progress`
 };

package/lib/cjs/progress/generates.d.ts

@@ -1,7 +1,7 @@
-declare type StrokeSet = {
+type StrokeSet = {
     percent: number;
     color: string;
 };
-declare type StrokeArr = Array<StrokeSet>;
+type StrokeArr = Array<StrokeSet>;
 declare function generateColor(s: StrokeArr, percent: number, gradient: boolean): string | undefined;
 export { generateColor, StrokeArr };