vxe-pc-ui 3.3.98 → 3.3.100

package/es/language/es-ES.js

@@ -118,7 +118,8 @@ export default {
         },
         button: {
             confirm: 'Confirmar',
-            cancel: 'Cancelar'
+            cancel: 'Cancelar',
+            clear: '清除'
         },
         filter: {
             search: '搜索'

package/es/language/fr-FR.js

@@ -118,7 +118,8 @@ export default {
         },
         button: {
             confirm: '确认',
-            cancel: '取消'
+            cancel: '取消',
+            clear: '清除'
         },
         filter: {
             search: '搜索'

package/es/language/hu-HU.js

@@ -118,7 +118,8 @@ export default {
         },
         button: {
             confirm: 'erősítse meg',
-            cancel: 'Mégsem'
+            cancel: 'Mégsem',
+            clear: '清除'
         },
         filter: {
             search: 'keresés'

package/es/language/hy-AM.js

@@ -118,7 +118,8 @@ export default {
         },
         button: {
             confirm: '确认',
-            cancel: '取消'
+            cancel: '取消',
+            clear: '清除'
         },
         filter: {
             search: '搜索'

package/es/language/id-ID.js

@@ -118,7 +118,8 @@ export default {
         },
         button: {
             confirm: '确认',
-            cancel: '取消'
+            cancel: '取消',
+            clear: '清除'
         },
         filter: {
             search: '搜索'

package/es/language/it-IT.js

@@ -118,7 +118,8 @@ export default {
         },
         button: {
             confirm: 'confermare',
-            cancel: 'Cancellare'
+            cancel: 'Cancellare',
+            clear: '清除'
         },
         filter: {
             search: 'ricerca'

package/es/language/ja-JP.js

@@ -10,7 +10,7 @@ export default {
             text: 'Loading...'
         },
         error: {
-            downErr: '下载失败',
+            downErr: 'ダウンロードに失敗しました',
             errLargeData: '当绑定的数据量过大时，应该请使用 {0}，否则可能会出现卡顿',
             groupFixed: 'ヘッダー結合を使用する場合、固定列はグループで設定しなければなりません',
             groupMouseRange: 'ヘッダー結合と「{0}」は同時に使用できません。これによりエラーが発生する可能性があります',
@@ -118,7 +118,8 @@ export default {
         },
         button: {
             confirm: 'OK',
-            cancel: 'キャンセル'
+            cancel: 'キャンセル',
+            clear: 'パージ'
         },
         filter: {
             search: '検索'

package/es/language/ko-KR.js

@@ -118,7 +118,8 @@ export default {
         },
         button: {
             confirm: '확인',
-            cancel: '취소'
+            cancel: '취소',
+            clear: '清除'
         },
         filter: {
             search: '검색'

package/es/language/nb-NO.js

@@ -118,7 +118,8 @@ export default {
         },
         button: {
             confirm: '确认',
-            cancel: '取消'
+            cancel: '取消',
+            clear: '清除'
         },
         filter: {
             search: '搜索'

package/es/language/pt-BR.js

@@ -118,7 +118,8 @@ export default {
         },
         button: {
             confirm: 'Confirmar',
-            cancel: 'Cancelar'
+            cancel: 'Cancelar',
+            clear: '清除'
         },
         filter: {
             search: 'Buscar'

package/es/language/ru-RU.js

@@ -118,7 +118,8 @@ export default {
         },
         button: {
             confirm: 'подтверждать',
-            cancel: 'Отмена'
+            cancel: 'Отмена',
+            clear: '清除'
         },
         filter: {
             search: 'поиск'

package/es/language/th-TH.js

@@ -118,7 +118,8 @@ export default {
         },
         button: {
             confirm: 'ยืนยัน',
-            cancel: 'ยกเลิก'
+            cancel: 'ยกเลิก',
+            clear: '清除'
         },
         filter: {
             search: 'ค้นหา'

package/es/language/ug-CN.js

@@ -118,7 +118,8 @@ export default {
         },
         button: {
             confirm: 'جەزىملەش',
-            cancel: 'ئەمەلدىن قالدۇرۇش'
+            cancel: 'ئەمەلدىن قالدۇرۇش',
+            clear: '清除'
         },
         filter: {
             search: 'ئىزدەش'

package/es/language/uk-UA.js

@@ -118,7 +118,8 @@ export default {
         },
         button: {
             confirm: 'Підтвердити',
-            cancel: 'Скасувати'
+            cancel: 'Скасувати',
+            clear: '清除'
         },
         filter: {
             search: 'Пошук'

package/es/language/vi-VN.js

@@ -118,7 +118,8 @@ export default {
         },
         button: {
             confirm: '确认',
-            cancel: '取消'
+            cancel: '取消',
+            clear: '清除'
         },
         filter: {
             search: '搜索'

package/es/language/zh-CHT.js

@@ -118,7 +118,8 @@ export default {
         },
         button: {
             confirm: '確認',
-            cancel: '取消'
+            cancel: '取消',
+            clear: '清除'
         },
         filter: {
             search: '搜尋'

package/es/language/zh-CN.js

@@ -118,7 +118,8 @@ export default {
         },
         button: {
             confirm: '确认',
-            cancel: '取消'
+            cancel: '取消',
+            clear: '清除'
         },
         filter: {
             search: '搜索'

package/es/pager/src/pager.js

@@ -290,9 +290,12 @@ export default defineVxeComponent({
         renderHomePage(h) {
             const $xePager = this;
             const props = $xePager;
+            const slots = $xePager.$scopedSlots;
+            const { currentPage } = props;
+            const homePageSlot = slots.homePage || slots['home-page'];
             return h('button', {
                 class: ['vxe-pager--prev-btn', {
-                        'is--disabled': props.currentPage <= 1
+                        'is--disabled': currentPage <= 1
                     }],
                 attrs: {
                     type: 'button',
@@ -301,19 +304,24 @@ export default defineVxeComponent({
                 on: {
                     click: $xePager.handleHomePage
                 }
-            }, [
-                h('i', {
-                    class: ['vxe-pager--btn-icon', props.iconHomePage || getIcon().PAGER_HOME]
-                })
-            ]);
+            }, homePageSlot
+                ? homePageSlot({ currentPage })
+                : [
+                    h('i', {
+                        class: ['vxe-pager--btn-icon', props.iconHomePage || getIcon().PAGER_HOME]
+                    })
+                ]);
         },
         // 上一页
         renderPrevPage(h) {
             const $xePager = this;
             const props = $xePager;
+            const slots = $xePager.$scopedSlots;
+            const { currentPage } = props;
+            const prevPageSlot = slots.prevPage || slots['prev-page'];
             return h('button', {
                 class: ['vxe-pager--prev-btn', {
-                        'is--disabled': props.currentPage <= 1
+                        'is--disabled': currentPage <= 1
                     }],
                 attrs: {
                     type: 'button',
@@ -322,20 +330,25 @@ export default defineVxeComponent({
                 on: {
                     click: $xePager.handlePrevPage
                 }
-            }, [
-                h('i', {
-                    class: ['vxe-pager--btn-icon', props.iconPrevPage || getIcon().PAGER_PREV_PAGE]
-                })
-            ]);
+            }, prevPageSlot
+                ? prevPageSlot({ currentPage })
+                : [
+                    h('i', {
+                        class: ['vxe-pager--btn-icon', props.iconPrevPage || getIcon().PAGER_PREV_PAGE]
+                    })
+                ]);
         },
         // 向上翻页
         renderPrevJump(h, tagName) {
             const $xePager = this;
             const props = $xePager;
+            const slots = $xePager.$scopedSlots;
+            const { currentPage } = props;
+            const jumpPrevSlot = slots.jumpPrev || slots['jump-prev'];
             return h(tagName || 'button', {
                 class: ['vxe-pager--jump-prev', {
                         'is--fixed': !tagName,
-                        'is--disabled': props.currentPage <= 1
+                        'is--disabled': currentPage <= 1
                     }],
                 attrs: {
                     type: 'button',
@@ -344,21 +357,26 @@ export default defineVxeComponent({
                 on: {
                     click: $xePager.handlePrevJump
                 }
-            }, [
-                tagName
-                    ? h('i', {
-                        class: ['vxe-pager--jump-more-icon', props.iconJumpMore || getIcon().PAGER_JUMP_MORE]
+            }, jumpPrevSlot
+                ? jumpPrevSlot({ currentPage })
+                : [
+                    tagName
+                        ? h('i', {
+                            class: ['vxe-pager--jump-more-icon', props.iconJumpMore || getIcon().PAGER_JUMP_MORE]
+                        })
+                        : null,
+                    h('i', {
+                        class: ['vxe-pager--jump-icon', props.iconJumpPrev || getIcon().PAGER_JUMP_PREV]
                     })
-                    : null,
-                h('i', {
-                    class: ['vxe-pager--jump-icon', props.iconJumpPrev || getIcon().PAGER_JUMP_PREV]
-                })
-            ]);
+                ]);
         },
         // 向下翻页
         renderNextJump(h, tagName) {
             const $xePager = this;
             const props = $xePager;
+            const slots = $xePager.$scopedSlots;
+            const { currentPage } = props;
+            const jumpNextSlot = slots.jumpNext || slots['jump-next'];
             const pageCount = $xePager.computePageCount;
             return h(tagName || 'button', {
                 class: ['vxe-pager--jump-next', {
@@ -372,25 +390,30 @@ export default defineVxeComponent({
                 on: {
                     click: $xePager.handleNextJump
                 }
-            }, [
-                tagName
-                    ? h('i', {
-                        class: ['vxe-pager--jump-more-icon', props.iconJumpMore || getIcon().PAGER_JUMP_MORE]
+            }, jumpNextSlot
+                ? jumpNextSlot({ currentPage })
+                : [
+                    tagName
+                        ? h('i', {
+                            class: ['vxe-pager--jump-more-icon', props.iconJumpMore || getIcon().PAGER_JUMP_MORE]
+                        })
+                        : null,
+                    h('i', {
+                        class: ['vxe-pager--jump-icon', props.iconJumpNext || getIcon().PAGER_JUMP_NEXT]
                     })
-                    : null,
-                h('i', {
-                    class: ['vxe-pager--jump-icon', props.iconJumpNext || getIcon().PAGER_JUMP_NEXT]
-                })
-            ]);
+                ]);
         },
         // 下一页
         renderNextPage(h) {
             const $xePager = this;
             const props = $xePager;
+            const slots = $xePager.$scopedSlots;
+            const { currentPage } = props;
+            const nextPageSlot = slots.nextPage || slots['next-page'];
             const pageCount = $xePager.computePageCount;
             return h('button', {
                 class: ['vxe-pager--next-btn', {
-                        'is--disabled': props.currentPage >= pageCount
+                        'is--disabled': currentPage >= pageCount
                     }],
                 attrs: {
                     type: 'button',
@@ -399,20 +422,25 @@ export default defineVxeComponent({
                 on: {
                     click: $xePager.handleNextPage
                 }
-            }, [
-                h('i', {
-                    class: ['vxe-pager--btn-icon', props.iconNextPage || getIcon().PAGER_NEXT_PAGE]
-                })
-            ]);
+            }, nextPageSlot
+                ? nextPageSlot({ currentPage })
+                : [
+                    h('i', {
+                        class: ['vxe-pager--btn-icon', props.iconNextPage || getIcon().PAGER_NEXT_PAGE]
+                    })
+                ]);
         },
         // 最后一页
         renderEndPage(h) {
             const $xePager = this;
             const props = $xePager;
+            const slots = $xePager.$scopedSlots;
+            const { currentPage } = props;
+            const endPageSlot = slots.endPage || slots['end-page'];
             const pageCount = $xePager.computePageCount;
             return h('button', {
                 class: ['vxe-pager--prev-btn', {
-                        'is--disabled': props.currentPage >= pageCount
+                        'is--disabled': currentPage >= pageCount
                     }],
                 attrs: {
                     type: 'button',
@@ -421,17 +449,21 @@ export default defineVxeComponent({
                 on: {
                     click: $xePager.handleEndPage
                 }
-            }, [
-                h('i', {
-                    class: ['vxe-pager--btn-icon', props.iconEndPage || getIcon().PAGER_END]
-                })
-            ]);
+            }, endPageSlot
+                ? endPageSlot({ currentPage })
+                : [
+                    h('i', {
+                        class: ['vxe-pager--btn-icon', props.iconEndPage || getIcon().PAGER_END]
+                    })
+                ]);
         },
         // 页数
         renderNumber(h, showJump) {
             const $xePager = this;
             const props = $xePager;
+            const slots = $xePager.$scopedSlots;
             const { currentPage, pagerCount } = props;
+            const numberSlot = showJump ? (slots.jumpNumber || slots['jump-number']) : slots.number;
             const nums = [];
             const pageCount = $xePager.computePageCount;
             const numList = $xePager.computeNumList;
@@ -448,6 +480,11 @@ export default defineVxeComponent({
                     startNumber = Math.max(currentPage - offsetNumber, 1);
                 }
             }
+            if (numberSlot) {
+                return h('span', {
+                    class: 'vxe-pager--btn-wrapper'
+                }, numberSlot({ numList, currentPage, pageCount }));
+            }
             if (showJump && isLt) {
                 nums.push(h('button', {
                     class: 'vxe-pager--num-btn',
@@ -500,13 +537,21 @@ export default defineVxeComponent({
         renderSizes(h) {
             const $xePager = this;
             const props = $xePager;
+            const slots = $xePager.$scopedSlots;
+            const { pageSize, pageSizePlacement, transfer } = props;
+            const sizesSlot = slots.sizes;
             const sizeList = $xePager.computeSizeList;
+            if (sizesSlot) {
+                return h('span', {
+                    class: 'vxe-pager--sizes'
+                }, sizesSlot({ pageSize, options: sizeList }));
+            }
             return h(VxeSelectComponent, {
                 class: 'vxe-pager--sizes',
                 props: {
-                    value: props.pageSize,
-                    placement: props.pageSizePlacement,
-                    transfer: props.transfer,
+                    value: pageSize,
+                    placement: pageSizePlacement,
+                    transfer: transfer,
                     options: sizeList
                 },
                 on: {
@@ -518,40 +563,45 @@ export default defineVxeComponent({
         renderJump(h, isFull) {
             const $xePager = this;
             const reactData = $xePager.reactData;
+            const slots = $xePager.$scopedSlots;
+            const { inpCurrPage } = reactData;
+            const jumpSlot = isFull ? (slots.fullJump || slots['full-jump']) : slots.jump;
             const pageCount = $xePager.computePageCount;
             return h('span', {
                 class: 'vxe-pager--jump'
-            }, [
-                isFull
-                    ? h('span', {
-                        class: 'vxe-pager--goto-text'
-                    }, getI18n('vxe.pager.goto'))
-                    : null,
-                h(VxeInputComponent, {
-                    class: 'vxe-pager--goto',
-                    props: {
-                        value: reactData.inpCurrPage,
-                        placeholder: getI18n('vxe.pager.gotoTitle'),
-                        align: 'center',
-                        type: 'integer',
-                        max: pageCount,
-                        min: 1,
-                        controls: false
-                    },
-                    on: {
-                        keydown: $xePager.jumpKeydownEvent,
-                        blur: $xePager.triggerJumpEvent,
-                        'modelValue'(val) {
-                            reactData.inpCurrPage = val;
+            }, jumpSlot
+                ? jumpSlot({ currentPage: inpCurrPage, pageCount })
+                : [
+                    isFull
+                        ? h('span', {
+                            class: 'vxe-pager--goto-text'
+                        }, getI18n('vxe.pager.goto'))
+                        : null,
+                    h(VxeInputComponent, {
+                        class: 'vxe-pager--goto',
+                        props: {
+                            value: inpCurrPage,
+                            placeholder: getI18n('vxe.pager.gotoTitle'),
+                            align: 'center',
+                            type: 'integer',
+                            max: pageCount,
+                            min: 1,
+                            controls: false
+                        },
+                        on: {
+                            keydown: $xePager.jumpKeydownEvent,
+                            blur: $xePager.triggerJumpEvent,
+                            'modelValue'(val) {
+                                reactData.inpCurrPage = val;
+                            }
                         }
-                    }
-                }),
-                isFull
-                    ? h('span', {
-                        class: 'vxe-pager--classifier-text'
-                    }, getI18n('vxe.pager.pageClassifier'))
-                    : null
-            ]);
+                    }),
+                    isFull
+                        ? h('span', {
+                            class: 'vxe-pager--classifier-text'
+                        }, getI18n('vxe.pager.pageClassifier'))
+                        : null
+                ]);
         },
         // FullJump
         renderFullJump(h) {
@@ -561,23 +611,32 @@ export default defineVxeComponent({
         // PageCount
         renderPageCount(h) {
             const $xePager = this;
+            const props = $xePager;
+            const slots = $xePager.$scopedSlots;
+            const { currentPage } = props;
+            const pageCountSlot = slots.pageCount || slots['page-count'];
             const pageCount = $xePager.computePageCount;
             return h('span', {
                 class: 'vxe-pager--count'
-            }, [
-                h('span', {
-                    class: 'vxe-pager--separator'
-                }),
-                h('span', pageCount)
-            ]);
+            }, pageCountSlot
+                ? pageCountSlot({ currentPage, pageCount })
+                : [
+                    h('span', {
+                        class: 'vxe-pager--separator'
+                    }),
+                    h('span', pageCount)
+                ]);
         },
         // total
         renderTotal(h) {
             const $xePager = this;
             const props = $xePager;
+            const slots = $xePager.$scopedSlots;
+            const { total, currentPage } = props;
+            const totalSlot = slots.total;
             return h('span', {
                 class: 'vxe-pager--total'
-            }, getI18n('vxe.pager.total', [props.total]));
+            }, totalSlot ? totalSlot({ total, currentPage }) : getI18n('vxe.pager.total', [total]));
         },
         renderVN(h) {
             const $xePager = this;

package/es/row/src/col.js

@@ -90,13 +90,14 @@ export default defineVxeComponent({
             const $xeCol = this;
             const props = $xeCol;
             const slots = $xeCol.$scopedSlots;
-            const { span, fill, align, ellipsis } = props;
+            const { span, fill, align, width, ellipsis } = props;
             const colStyle = $xeCol.computeColStyle;
             const defaultSlot = slots.default;
             return 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
                     }],