vxe-pc-ui 4.3.94 → 4.3.96

package/lib/index.umd.js

@@ -3524,7 +3524,8 @@ setTheme();
     },
     button: {
       confirm: '确认',
-      cancel: '取消'
+      cancel: '取消',
+      clear: '清除'
     },
     filter: {
       search: '搜索'
@@ -4147,14 +4148,14 @@ function checkDynamic() {
 }
 ;// CONCATENATED MODULE: ./packages/ui/src/log.ts
 
-const log_version = `ui v${"4.3.94"}`;
+const log_version = `ui v${"4.3.96"}`;
 const warnLog = log.create('warn', log_version);
 const errLog = log.create('error', log_version);
 ;// CONCATENATED MODULE: ./packages/ui/index.ts
 
 
 
-const ui_version = "4.3.94";
+const ui_version = "4.3.96";
 index_esm_VxeUI.uiVersion = ui_version;
 index_esm_VxeUI.dynamicApp = dynamicApp;
 function config(options) {
@@ -4365,6 +4366,7 @@ setConfig({
         left: 32
       }
     },
+    // remember: false,
     // storage: false,
     storageKey: 'VXE_MODAL_POSITION'
   },
@@ -9528,6 +9530,7 @@ const CheckboxGroup = VxeCheckboxGroup;
         span,
         fill,
         align,
+        width,
         ellipsis
       } = props;
       const colStyle = computeColStyle.value;
@@ -9535,7 +9538,8 @@ const CheckboxGroup = VxeCheckboxGroup;
       return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
         ref: refElem,
         class: ['vxe-col', span ? `span${span}` : '', align ? `align--${align}` : '', {
-          'is--span': span,
+          'is--span': !!span,
+          'is--width': !!width,
           'is--fill': fill,
           'is--ellipsis': ellipsis
         }],
@@ -14259,6 +14263,10 @@ const Countdown = VxeCountdown;
       default: () => getConfig().datePicker.size || getConfig().size
     },
     multiple: Boolean,
+    limitCount: {
+      type: [String, Number],
+      default: () => getConfig().upload.limitCount
+    },
     // date、week、month、quarter、year
     startDate: {
       type: [String, Number, Date],
@@ -14452,6 +14460,20 @@ const Countdown = VxeCountdown;
       const dateLabelFormat = computeDateLabelFormat.value;
       return dateListValue.map(date => external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toDateString(date, dateLabelFormat)).join(', ');
     });
+    const computeLimitMaxCount = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
+      return props.multiple ? external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toNumber(props.limitCount) : 0;
+    });
+    const computeOverCount = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
+      const {
+        multiple
+      } = props;
+      const limitMaxCount = computeLimitMaxCount.value;
+      const dateMultipleValue = computeDateMultipleValue.value;
+      if (multiple && limitMaxCount) {
+        return dateMultipleValue.length >= limitMaxCount;
+      }
+      return false;
+    });
     const computeDateValueFormat = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
       const {
         type,
@@ -15055,6 +15077,7 @@ const Countdown = VxeCountdown;
       });
       dateCheckMonth(date);
       if (multiple) {
+        const overCount = computeOverCount.value;
         // 如果为多选
         if (isDateTimeType) {
           // 如果是datetime特殊类型
@@ -15062,6 +15085,10 @@ const Countdown = VxeCountdown;
           const datetimeRest = [];
           const eqIndex = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().findIndexOf(dateListValue, val => external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isDateSame(date, val, 'yyyyMMdd'));
           if (eqIndex === -1) {
+            if (overCount) {
+              // 如果超出最大多选数量
+              return;
+            }
             dateListValue.push(date);
           } else {
             dateListValue.splice(eqIndex, 1);
@@ -15087,6 +15114,10 @@ const Countdown = VxeCountdown;
               type: 'update'
             });
           } else {
+            if (overCount) {
+              // 如果超出最大多选数量
+              return;
+            }
             handleChange(dateMultipleValue.concat([inpVal]).join(','), {
               type: 'update'
             });
@@ -15484,6 +15515,11 @@ const Countdown = VxeCountdown;
       }
       dateTimeChangeEvent(evnt);
     };
+    // const dateClearEvent = (evnt: MouseEvent) => {
+    //   const value = ''
+    //   handleChange(value, evnt)
+    //   dispatchEvent('clear', { value }, evnt)
+    // }
     const dateConfirmEvent = () => {
       const {
         multiple
@@ -16014,6 +16050,7 @@ const Countdown = VxeCountdown;
       const dateHeaders = computeDateHeaders.value;
       const dayDatas = computeDayDatas.value;
       const dateListValue = computeDateListValue.value;
+      const overCount = computeOverCount.value;
       const matchFormat = 'yyyyMMdd';
       return [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('table', {
         class: `vxe-date-picker--date-${datePanelType}-view`,
@@ -16024,6 +16061,7 @@ const Countdown = VxeCountdown;
         return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('th', item.label);
       }))]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('tbody', dayDatas.map(rows => {
         return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('tr', rows.map(item => {
+          const isSelected = multiple ? dateListValue.some(val => external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isDateSame(val, item.date, matchFormat)) : external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isDateSame(dateValue, item.date, matchFormat);
           return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('td', {
             class: {
               'is--prev': item.isPrev,
@@ -16031,8 +16069,9 @@ const Countdown = VxeCountdown;
               'is--now': item.isNow,
               'is--next': item.isNext,
               'is--disabled': isDateDisabled(item),
-              'is--selected': multiple ? dateListValue.some(val => external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isDateSame(val, item.date, matchFormat)) : external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isDateSame(dateValue, item.date, matchFormat),
-              'is--hover': external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isDateSame(datePanelValue, item.date, matchFormat)
+              'is--selected': isSelected,
+              'is--over': overCount && !isSelected,
+              'is--hover': !overCount && external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isDateSame(datePanelValue, item.date, matchFormat)
             },
             onClick: () => dateSelectEvent(item),
             onMouseenter: () => dateMouseenterEvent(item)
@@ -16052,6 +16091,7 @@ const Countdown = VxeCountdown;
       const weekHeaders = computeWeekHeaders.value;
       const weekDates = computeWeekDates.value;
       const dateListValue = computeDateListValue.value;
+      const overCount = computeOverCount.value;
       const matchFormat = 'yyyyMMdd';
       return [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('table', {
         class: `vxe-date-picker--date-${datePanelType}-view`,
@@ -16072,7 +16112,8 @@ const Countdown = VxeCountdown;
               'is--next': item.isNext,
               'is--disabled': isDateDisabled(item),
               'is--selected': isSelected,
-              'is--hover': isHover
+              'is--over': overCount && !isSelected,
+              'is--hover': !overCount && isHover
             },
             // event
             onClick: () => dateSelectEvent(item),
@@ -16092,6 +16133,7 @@ const Countdown = VxeCountdown;
       const dateValue = computeDateValue.value;
       const monthDatas = computeMonthDatas.value;
       const dateListValue = computeDateListValue.value;
+      const overCount = computeOverCount.value;
       const matchFormat = 'yyyyMM';
       return [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('table', {
         class: `vxe-date-picker--date-${datePanelType}-view`,
@@ -16100,6 +16142,7 @@ const Countdown = VxeCountdown;
         border: 0
       }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('tbody', monthDatas.map(rows => {
         return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('tr', rows.map(item => {
+          const isSelected = multiple ? dateListValue.some(val => external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isDateSame(val, item.date, matchFormat)) : external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isDateSame(dateValue, item.date, matchFormat);
           return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('td', {
             class: {
               'is--prev': item.isPrev,
@@ -16107,8 +16150,9 @@ const Countdown = VxeCountdown;
               'is--now': item.isNow,
               'is--next': item.isNext,
               'is--disabled': isDateDisabled(item),
-              'is--selected': multiple ? dateListValue.some(val => external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isDateSame(val, item.date, matchFormat)) : external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isDateSame(dateValue, item.date, matchFormat),
-              'is--hover': external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isDateSame(datePanelValue, item.date, matchFormat)
+              'is--selected': isSelected,
+              'is--over': overCount && !isSelected,
+              'is--hover': !overCount && external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isDateSame(datePanelValue, item.date, matchFormat)
             },
             onClick: () => dateSelectEvent(item),
             onMouseenter: () => dateMouseenterEvent(item)
@@ -16127,6 +16171,7 @@ const Countdown = VxeCountdown;
       const dateValue = computeDateValue.value;
       const quarterDatas = computeQuarterDatas.value;
       const dateListValue = computeDateListValue.value;
+      const overCount = computeOverCount.value;
       const matchFormat = 'yyyyq';
       return [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('table', {
         class: `vxe-date-picker--date-${datePanelType}-view`,
@@ -16135,6 +16180,7 @@ const Countdown = VxeCountdown;
         border: 0
       }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('tbody', quarterDatas.map(rows => {
         return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('tr', rows.map(item => {
+          const isSelected = multiple ? dateListValue.some(val => external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isDateSame(val, item.date, matchFormat)) : external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isDateSame(dateValue, item.date, matchFormat);
           return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('td', {
             class: {
               'is--prev': item.isPrev,
@@ -16142,8 +16188,9 @@ const Countdown = VxeCountdown;
               'is--now': item.isNow,
               'is--next': item.isNext,
               'is--disabled': isDateDisabled(item),
-              'is--selected': multiple ? dateListValue.some(val => external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isDateSame(val, item.date, matchFormat)) : external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isDateSame(dateValue, item.date, matchFormat),
-              'is--hover': external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isDateSame(datePanelValue, item.date, matchFormat)
+              'is--selected': isSelected,
+              'is--over': overCount && !isSelected,
+              'is--hover': !overCount && external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isDateSame(datePanelValue, item.date, matchFormat)
             },
             onClick: () => dateSelectEvent(item),
             onMouseenter: () => dateMouseenterEvent(item)
@@ -16162,6 +16209,7 @@ const Countdown = VxeCountdown;
       const dateValue = computeDateValue.value;
       const yearDatas = computeYearDatas.value;
       const dateListValue = computeDateListValue.value;
+      const overCount = computeOverCount.value;
       const matchFormat = 'yyyy';
       return [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('table', {
         class: `vxe-date-picker--date-${datePanelType}-view`,
@@ -16170,6 +16218,7 @@ const Countdown = VxeCountdown;
         border: 0
       }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('tbody', yearDatas.map(rows => {
         return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('tr', rows.map(item => {
+          const isSelected = multiple ? dateListValue.some(val => external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isDateSame(val, item.date, matchFormat)) : external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isDateSame(dateValue, item.date, matchFormat);
           return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('td', {
             class: {
               'is--prev': item.isPrev,
@@ -16177,8 +16226,9 @@ const Countdown = VxeCountdown;
               'is--now': item.isNow,
               'is--next': item.isNext,
               'is--disabled': isDateDisabled(item),
-              'is--selected': multiple ? dateListValue.some(val => external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isDateSame(val, item.date, matchFormat)) : external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isDateSame(dateValue, item.date, matchFormat),
-              'is--hover': external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isDateSame(datePanelValue, item.date, matchFormat)
+              'is--selected': isSelected,
+              'is--over': overCount && !isSelected,
+              'is--hover': !overCount && external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isDateSame(datePanelValue, item.date, matchFormat)
             },
             onClick: () => dateSelectEvent(item),
             onMouseenter: () => dateMouseenterEvent(item)
@@ -16212,6 +16262,7 @@ const Countdown = VxeCountdown;
       const isDisabledPrevDateBtn = computeIsDisabledPrevDateBtn.value;
       const isDisabledNextDateBtn = computeIsDisabledNextDateBtn.value;
       const selectDatePanelLabel = computeSelectDatePanelLabel.value;
+      const supportMultiples = computeSupportMultiples.value;
       return [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
         class: 'vxe-date-picker--date-picker-header'
       }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
@@ -16242,7 +16293,7 @@ const Countdown = VxeCountdown;
         onClick: dateNextEvent
       }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('i', {
         class: 'vxe-icon-caret-right'
-      })]), multiple && computeSupportMultiples.value ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('span', {
+      })]), multiple && supportMultiples ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('span', {
         class: 'vxe-date-picker--date-picker-btn vxe-date-picker--date-picker-confirm-btn'
       }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('button', {
         class: 'vxe-date-picker--date-picker-confirm',
@@ -42740,41 +42791,59 @@ const Option = VxeOption;
     };
     // 第一页
     const renderHomePage = () => {
+      const {
+        currentPage
+      } = props;
+      const homePageSlot = slots.homePage || slots['home-page'];
       return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('button', {
         class: ['vxe-pager--prev-btn', {
-          'is--disabled': props.currentPage <= 1
+          'is--disabled': currentPage <= 1
         }],
         type: 'button',
         title: i18n_getI18n('vxe.pager.homePageTitle'),
         onClick: handleHomePage
-      }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('i', {
+      }, homePageSlot ? homePageSlot({
+        currentPage
+      }) : [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('i', {
         class: ['vxe-pager--btn-icon', props.iconHomePage || getIcon().PAGER_HOME]
       })]);
     };
     // 上一页
     const renderPrevPage = () => {
+      const {
+        currentPage
+      } = props;
+      const prevPageSlot = slots.prevPage || slots['prev-page'];
       return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('button', {
         class: ['vxe-pager--prev-btn', {
-          'is--disabled': props.currentPage <= 1
+          'is--disabled': currentPage <= 1
         }],
         type: 'button',
         title: i18n_getI18n('vxe.pager.prevPageTitle'),
         onClick: handlePrevPage
-      }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('i', {
+      }, prevPageSlot ? prevPageSlot({
+        currentPage
+      }) : [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('i', {
         class: ['vxe-pager--btn-icon', props.iconPrevPage || getIcon().PAGER_PREV_PAGE]
       })]);
     };
     // 向上翻页
     const renderPrevJump = tagName => {
+      const {
+        currentPage
+      } = props;
+      const jumpPrevSlot = slots.jumpPrev || slots['jump-prev'];
       return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)(tagName || 'button', {
         class: ['vxe-pager--jump-prev', {
           'is--fixed': !tagName,
-          'is--disabled': props.currentPage <= 1
+          'is--disabled': currentPage <= 1
         }],
         type: 'button',
         title: i18n_getI18n('vxe.pager.prevJumpTitle'),
         onClick: handlePrevJump
-      }, [tagName ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('i', {
+      }, jumpPrevSlot ? jumpPrevSlot({
+        currentPage
+      }) : [tagName ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('i', {
         class: ['vxe-pager--jump-more-icon', props.iconJumpMore || getIcon().PAGER_JUMP_MORE]
       }) : null, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('i', {
         class: ['vxe-pager--jump-icon', props.iconJumpPrev || getIcon().PAGER_JUMP_PREV]
@@ -42782,16 +42851,22 @@ const Option = VxeOption;
     };
     // 向下翻页
     const renderNextJump = tagName => {
+      const {
+        currentPage
+      } = props;
+      const jumpNextSlot = slots.jumpNext || slots['jump-next'];
       const pageCount = computePageCount.value;
       return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)(tagName || 'button', {
         class: ['vxe-pager--jump-next', {
           'is--fixed': !tagName,
-          'is--disabled': props.currentPage >= pageCount
+          'is--disabled': currentPage >= pageCount
         }],
         type: 'button',
         title: i18n_getI18n('vxe.pager.nextJumpTitle'),
         onClick: handleNextJump
-      }, [tagName ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('i', {
+      }, jumpNextSlot ? jumpNextSlot({
+        currentPage
+      }) : [tagName ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('i', {
         class: ['vxe-pager--jump-more-icon', props.iconJumpMore || getIcon().PAGER_JUMP_MORE]
       }) : null, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('i', {
         class: ['vxe-pager--jump-icon', props.iconJumpNext || getIcon().PAGER_JUMP_NEXT]
@@ -42799,29 +42874,41 @@ const Option = VxeOption;
     };
     // 下一页
     const renderNextPage = () => {
+      const {
+        currentPage
+      } = props;
+      const nextPageSlot = slots.nextPage || slots['next-page'];
       const pageCount = computePageCount.value;
       return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('button', {
         class: ['vxe-pager--next-btn', {
-          'is--disabled': props.currentPage >= pageCount
+          'is--disabled': currentPage >= pageCount
         }],
         type: 'button',
         title: i18n_getI18n('vxe.pager.nextPageTitle'),
         onClick: handleNextPage
-      }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('i', {
+      }, nextPageSlot ? nextPageSlot({
+        currentPage
+      }) : [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('i', {
         class: ['vxe-pager--btn-icon', props.iconNextPage || getIcon().PAGER_NEXT_PAGE]
       })]);
     };
     // 最后一页
     const renderEndPage = () => {
+      const {
+        currentPage
+      } = props;
+      const endPageSlot = slots.endPage || slots['end-page'];
       const pageCount = computePageCount.value;
       return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('button', {
         class: ['vxe-pager--prev-btn', {
-          'is--disabled': props.currentPage >= pageCount
+          'is--disabled': currentPage >= pageCount
         }],
         type: 'button',
         title: i18n_getI18n('vxe.pager.endPageTitle'),
         onClick: handleEndPage
-      }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('i', {
+      }, endPageSlot ? endPageSlot({
+        currentPage
+      }) : [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('i', {
         class: ['vxe-pager--btn-icon', props.iconEndPage || getIcon().PAGER_END]
       })]);
     };
@@ -42831,6 +42918,7 @@ const Option = VxeOption;
         currentPage,
         pagerCount
       } = props;
+      const numberSlot = showJump ? slots.jumpNumber || slots['jump-number'] : slots.number;
       const nums = [];
       const pageCount = computePageCount.value;
       const numList = computeNumList.value;
@@ -42846,6 +42934,16 @@ const Option = VxeOption;
           startNumber = Math.max(currentPage - offsetNumber, 1);
         }
       }
+      if (numberSlot) {
+        return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('span', {
+          class: 'vxe-pager--btn-wrapper'
+        }, numberSlot({
+          numList,
+          currentPage,
+          pageCount,
+          startNumber
+        }));
+      }
       if (showJump && isLt) {
         nums.push((0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('button', {
           class: 'vxe-pager--num-btn',
@@ -42883,22 +42981,43 @@ const Option = VxeOption;
     };
     // sizes
     const renderSizes = () => {
+      const {
+        pageSize,
+        pageSizePlacement,
+        transfer
+      } = props;
+      const sizesSlot = slots.sizes;
       const sizeList = computeSizeList.value;
+      if (sizesSlot) {
+        return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('span', {
+          class: 'vxe-pager--sizes'
+        }, sizesSlot({
+          pageSize,
+          options: sizeList
+        }));
+      }
       return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)(src_select, {
         class: 'vxe-pager--sizes',
-        modelValue: props.pageSize,
-        placement: props.pageSizePlacement,
-        transfer: props.transfer,
+        modelValue: pageSize,
+        placement: pageSizePlacement,
+        transfer: transfer,
         options: sizeList,
         onChange: pageSizeEvent
       });
     };
     // Jump
     const renderJump = isFull => {
+      const {
+        inpCurrPage
+      } = reactData;
+      const jumpSlot = isFull ? slots.fullJump || slots['full-jump'] : slots.jump;
       const pageCount = computePageCount.value;
       return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('span', {
         class: 'vxe-pager--jump'
-      }, [isFull ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('span', {
+      }, jumpSlot ? jumpSlot({
+        currentPage: inpCurrPage,
+        pageCount
+      }) : [isFull ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('span', {
         class: 'vxe-pager--goto-text'
       }, i18n_getI18n('vxe.pager.goto')) : null, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)(input, {
         class: 'vxe-pager--goto',
@@ -42924,18 +43043,33 @@ const Option = VxeOption;
     };
     // PageCount
     const renderPageCount = () => {
+      const {
+        currentPage
+      } = props;
+      const pageCountSlot = slots.pageCount || slots['page-count'];
       const pageCount = computePageCount.value;
       return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('span', {
         class: 'vxe-pager--count'
-      }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('span', {
+      }, pageCountSlot ? pageCountSlot({
+        currentPage,
+        pageCount
+      }) : [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('span', {
         class: 'vxe-pager--separator'
       }), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('span', pageCount)]);
     };
     // total
     const renderTotal = () => {
+      const {
+        currentPage,
+        total
+      } = props;
+      const totalSlot = slots.total;
       return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('span', {
         class: 'vxe-pager--total'
-      }, i18n_getI18n('vxe.pager.total', [props.total]));
+      }, totalSlot ? totalSlot({
+        total,
+        currentPage
+      }) : i18n_getI18n('vxe.pager.total', [total]));
     };
     const dispatchEvent = (type, params, evnt) => {
       emit(type, createEvent(evnt, {