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

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();
     }
   }
-
 }

package/lib/es/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 };

package/lib/es/progress/generates.js

@@ -1,5 +1,4 @@
 import { strings } from './constants';
-
 function generateColor(s, percent, gradient) {
   try {
     const gradientColorArr = generate(s, percent, gradient);
@@ -7,45 +6,34 @@ function generateColor(s, percent, gradient) {
   } catch (e) {
     return undefined;
   }
-
   return undefined;
 }
-
 function generate(s, percent, gradient) {
   s.sort((a, b) => a.percent - b.percent);
-
   if (s[0].percent > percent) {
     return strings.STROKE_DEFAULT;
   }
-
   const endS = s[s.length - 1];
-
   if (endS.percent < percent) {
     return formatToHex(endS.color);
   }
-
   for (const [index, item] of s.entries()) {
     if (item.percent === percent) {
       return formatToHex(item.color);
     }
-
     if (percent > item.percent) continue;
     const oldItem = s[index - 1];
-
     if (!gradient) {
       return formatToHex(oldItem.color);
     }
-
     return generateGradients({
       startColor: formatToHex(oldItem.color),
       endColor: formatToHex(item.color),
       size: item.percent - oldItem.percent - 1
     }, percent - oldItem.percent - 1);
   }
-
   return undefined;
 }
-
 function generateGradients(g, index) {
   const {
     startColor,
@@ -62,7 +50,6 @@ function generateGradients(g, index) {
   const gStep = (gC[0] - gC[1]) / (size + 1);
   const bStep = (bC[0] - bC[1]) / (size + 1);
   const aStep = (aC[0] - aC[1]) / (size + 1);
-
   function tHex(i) {
     const rS = Math.round(rC[0] - rStep * (i + 1)).toString(16);
     const gS = Math.round(gC[0] - gStep * (i + 1)).toString(16);
@@ -71,91 +58,71 @@ function generateGradients(g, index) {
     const t = Math.floor(aStep * (i + 1) + aC[1]).toString(16);
     return toHex.Hex(`#${h}`, t);
   }
-
   function padTwo(s) {
     if (s.length === 1) {
       return `0${s}`;
     }
-
     if (s.length === 0) {
       return '00';
     }
-
     return s;
   }
-
   if (typeof index === 'undefined') {
     const gradientColorArr = [startColor];
-
     for (let i = 0; i < size; i += 1) {
       gradientColorArr.push(tHex(i));
     }
-
     return gradientColorArr;
   }
-
   return tHex(index);
-} // Resolve the colour type contained within `ColorType` to Hex
-
-
+}
+// Resolve the colour type contained within `ColorType` to Hex
 function formatToHex(color) {
-  color = color.trim().toLowerCase(); // Hex
-
+  color = color.trim().toLowerCase();
+  // Hex
   if (REG_S.hex.test(color)) {
     return toHex.Hex(color, undefined);
-  } // Hsl or Hsla
-
-
+  }
+  // Hsl or Hsla
   if (REG_S.hslA.test(color)) {
     return toHex.Hex(toHex.HslA(color), undefined);
-  } // Rgb or Rgba
-
-
+  }
+  // Rgb or Rgba
   if (REG_S.rgbA.test(color)) {
     return toHex.Hex(toHex.RgbA(color), undefined);
-  } // Semi Design Tokens
-
-
+  }
+  // Semi Design Tokens
   if (REG_S.semiDesignTokens.test(color)) {
     if (SEMI_DESIGN_TOKENS.ALONG.indexOf(color) !== -1) {
       return toHex.SemiDesignToken(color);
     }
-
     if (SEMI_DESIGN_TOKENS.SEQUENCE.indexOf(color) !== -1) {
       return toHex.SemiDesignToken(`${color}-5`);
     }
-
     return toHex.SemiDesignToken(`${color}`);
   }
-
   return undefined;
 }
-
 const toHex = {
   Hex(color, transparency) {
     color = color.replace('#', '');
     if (color.length === 8) return `#${color}`;
     if (color.length === 6) return `#${color}${transparency || 'ff'}`;
-
     if (color.length === 3) {
       color = color.split('').map(c => c + c).join('');
     }
-
     return `#${color}${transparency || 'ff'}`;
   },
-
   SemiDesignToken(color) {
     // ! Only produces effects when used, the conditions for running need to occur after the real DOM is rendered
     if (typeof window === 'undefined') {
       return undefined;
     }
-
     const variable = getComputedStyle(document.body).getPropertyValue(`--semi-${color}`);
     if (variable === '') return undefined;
     const rgba = `rgba(${variable}, 1)`;
     return toHex.RgbA(rgba);
   },
-
   HslA(color) {
     const hsla = REG_S.hslA.exec(color);
     const h = parseInt(hsla[2]);
@@ -163,12 +130,11 @@ const toHex = {
     const l = parseInt(hsla[4]) / 100;
     const a = hsla[5];
     const c = (1 - Math.abs(2 * l - 1)) * s,
-          x = c * (1 - Math.abs(h / 60 % 2 - 1)),
-          m = l - c / 2;
+      x = c * (1 - Math.abs(h / 60 % 2 - 1)),
+      m = l - c / 2;
     let r = 0,
-        g = 0,
-        b = 0;
-
+      g = 0,
+      b = 0;
     if (0 <= h && h < 60) {
       r = c;
       g = x;
@@ -194,37 +160,31 @@ const toHex = {
       g = 0;
       b = x;
     }
-
     r = Math.round((r + m) * 255).toString(16);
     g = Math.round((g + m) * 255).toString(16);
     b = Math.round((b + m) * 255).toString(16);
     return toHex.utils.pAL(r, g, b, a);
   },
-
   RgbA(color) {
     const rgba = REG_S.rgbA.exec(color);
     const r = parseInt(rgba[2], 10).toString(16),
-          g = parseInt(rgba[3], 10).toString(16),
-          b = parseInt(rgba[4], 10).toString(16),
-          a = rgba[5];
+      g = parseInt(rgba[3], 10).toString(16),
+      b = parseInt(rgba[4], 10).toString(16),
+      a = rgba[5];
     return toHex.utils.pAL(r, g, b, a);
   },
-
   utils: {
     pAL(r, g, b, a) {
       if (r.length == 1) r = '0' + r;
       if (g.length == 1) g = '0' + g;
       if (b.length == 1) b = '0' + b;
-
       if (typeof a !== 'undefined') {
         a = Math.round(parseInt(a) * 255).toString(16);
         if (a.length == 1) a = '0' + a;
         return '#' + r + g + b + a;
       }
-
       return '#' + r + g + b;
     }
-
   }
 };
 const REG_S = {
@@ -232,8 +192,8 @@ const REG_S = {
   hslA: /(hsl)a?\(\s*?(\d+),?\s*?(\d+)%,?\s*?(\d+)%,?\s*?\/?(\s*?[\d.]+)?\s*?\)/,
   rgbA: /(rgb)a?\(\s*?(\d+),?\s*?(\d+),?\s*?(\d+),?\s*?\/?(\s*?[\d.]+)?\s*?\)/,
   semiDesignTokens: /(\w+)?-?(\w+)-?(\d)?/
-}; // From src/components/palette.js
-
+};
+// From src/components/palette.js
 const SEMI_DESIGN_TOKENS = {
   // No sequence
   ALONG: ["black", "white"],