@douyinfe/semi-ui 2.39.1 → 2.39.2-alpha.0

package/dist/umd/semi-ui.js

@@ -66029,6 +66029,22 @@ class PaginationFoundation extends foundation {
     this._adapter.setCurrentPage(targetPageIndex);
     this._adapter.updatePageSize(pageSize);
   }
+  updateAllPageNumbers(total, pageSize) {
+    // only need to update in small size
+    const {
+      size,
+      hoverShowPageSelect,
+      disabled
+    } = this.getProps();
+    if (size !== 'small' || !hoverShowPageSelect || disabled) {
+      return;
+    } else {
+      const pageNumbers = Array.from({
+        length: Math.ceil(total / pageSize)
+      }, (v, i) => i + 1);
+      this._adapter.updateAllPageNumbers(pageNumbers);
+    }
+  }
   goPrev() {
     const {
       currentPage
@@ -69188,18 +69204,25 @@ const {
 class Pagination extends BaseComponent {
   constructor(props) {
     super(props);
+    const total = props.total;
+    const pageSize = props.pageSize || props.pageSizeOpts[0] || pagination_constants_numbers.DEFAULT_PAGE_SIZE; // Use pageSize first, use the first of pageSizeOpts when not, use the default value when none
+    const shouldFillAllNumber = props.size === 'small' && props.hoverShowPageSelect && !props.disabled;
     this.state = {
-      total: props.total,
+      total,
       showTotal: props.showTotal,
       currentPage: props.currentPage || props.defaultCurrentPage,
-      pageSize: props.pageSize || props.pageSizeOpts[0] || pagination_constants_numbers.DEFAULT_PAGE_SIZE,
+      pageSize,
       pageList: [],
       prevDisabled: false,
       nextDisabled: false,
       restLeftPageList: [],
       restRightPageList: [],
-      quickJumpPage: ''
+      quickJumpPage: '',
+      allPageNumbers: shouldFillAllNumber ? Array.from({
+        length: Math.ceil(total / pageSize)
+      }, (v, i) => i + 1) : [] // only need to count in smallPage mode, when props.size = small
     };
+
     this.foundation = new pagination_foundation(this.adapter);
     this.renderDefaultPage = this.renderDefaultPage.bind(this);
     this.renderSmallPage = this.renderSmallPage.bind(this);
@@ -69234,7 +69257,9 @@ class Pagination extends BaseComponent {
       updateQuickJumpPage: quickJumpPage => this.setState({
         quickJumpPage
       }),
-      // updateRestPageList: () => {},
+      updateAllPageNumbers: allPageNumbers => this.setState({
+        allPageNumbers
+      }),
       setCurrentPage: pageIndex => {
         this.setState({
           currentPage: pageIndex
@@ -69270,6 +69295,7 @@ class Pagination extends BaseComponent {
       pageSize: this.props.pageSize
     };
     let pagerHasChanged = false;
+    let allPageNumberNeedUpdate = false;
     if (prevProps.currentPage !== this.props.currentPage) {
       pagerHasChanged = true;
       // this.foundation.updatePage(this.props.currentPage);
@@ -69277,13 +69303,18 @@ class Pagination extends BaseComponent {
 
     if (prevProps.total !== this.props.total) {
       pagerHasChanged = true;
+      allPageNumberNeedUpdate = true;
     }
     if (prevProps.pageSize !== this.props.pageSize) {
       pagerHasChanged = true;
+      allPageNumberNeedUpdate = true;
     }
     if (pagerHasChanged) {
       this.foundation.updatePage(pagerProps.currentPage, pagerProps.total, pagerProps.pageSize);
     }
+    if (allPageNumberNeedUpdate) {
+      this.foundation.updateAllPageNumbers(pagerProps.total, pagerProps.pageSize);
+    }
   }
   renderPrevBtn() {
     const {
@@ -69486,6 +69517,13 @@ class Pagination extends BaseComponent {
       }, row)
     );
   }
+  renderSmallPageSelect(content) {
+    const allPageNumbers = this.state.allPageNumbers;
+    const pageList = this.renderRestPageList(allPageNumbers);
+    return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement(popover_0, {
+      content: pageList
+    }, content);
+  }
   renderSmallPage(locale) {
     const _a = this.props,
       {
@@ -69509,24 +69547,18 @@ class Pagination extends BaseComponent {
     if (totalPageNum < 2 && hideOnSinglePage && !showSizeChanger) {
       return null;
     }
-    const pageNumbers = Array.from({
-      length: Math.ceil(total / pageSize)
-    }, (v, i) => i + 1);
-    const pageList = this.renderRestPageList(pageNumbers);
     const pageCls = classnames_default()({
       [`${pagination_prefixCls}-item`]: true,
       [`${pagination_prefixCls}-item-small`]: true,
       [`${pagination_prefixCls}-item-all-disabled`]: disabled
     });
-    const page = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", {
+    const content = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", {
       className: pageCls
     }, currentPage, "/", totalPageNum, " ");
     return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", Object.assign({
       className: paginationCls,
       style: style
-    }, this.getDataAttr(rest)), this.renderPrevBtn(), hoverShowPageSelect && !disabled ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement(popover_0, {
-      content: pageList
-    }, page) : page, this.renderNextBtn(), this.renderQuickJump(locale));
+    }, this.getDataAttr(rest)), this.renderPrevBtn(), hoverShowPageSelect && !disabled ? this.renderSmallPageSelect(content) : content, this.renderNextBtn(), this.renderQuickJump(locale));
   }
   renderDefaultPage(locale) {
     const {