vxe-pc-ui 4.3.95 → 4.3.97
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/es/col/style.css +4 -0
- package/es/col/style.min.css +1 -1
- package/es/date-picker/style.css +1 -1
- package/es/date-picker/style.min.css +1 -1
- package/es/icon/style.css +1 -1
- package/es/language/ja-JP.js +2 -2
- package/es/pager/src/pager.js +92 -12
- package/es/pager/style.css +40 -2
- package/es/pager/style.min.css +1 -1
- package/es/row/src/col.js +3 -2
- package/es/style.css +1 -1
- package/es/style.min.css +1 -1
- package/es/ui/index.js +1 -1
- package/es/ui/src/log.js +1 -1
- package/es/vxe-col/style.css +4 -0
- package/es/vxe-col/style.min.css +1 -1
- package/es/vxe-date-picker/style.css +1 -1
- package/es/vxe-date-picker/style.min.css +1 -1
- package/es/vxe-pager/style.css +40 -2
- package/es/vxe-pager/style.min.css +1 -1
- package/lib/col/style/style.css +4 -0
- package/lib/col/style/style.min.css +1 -1
- package/lib/date-picker/style/style.css +1 -1
- package/lib/date-picker/style/style.min.css +1 -1
- package/lib/icon/style/style.css +1 -1
- package/lib/icon/style/style.min.css +1 -1
- package/lib/index.umd.js +149 -15
- package/lib/index.umd.min.js +1 -1
- package/lib/language/ja-JP.js +2 -2
- package/lib/language/ja-JP.min.js +1 -1
- package/lib/language/ja-JP.umd.js +2 -2
- package/lib/pager/src/pager.js +144 -12
- package/lib/pager/src/pager.min.js +1 -1
- package/lib/pager/style/style.css +40 -2
- package/lib/pager/style/style.min.css +1 -1
- package/lib/row/src/col.js +3 -1
- package/lib/row/src/col.min.js +1 -1
- package/lib/style.css +1 -1
- package/lib/style.min.css +1 -1
- package/lib/ui/index.js +1 -1
- package/lib/ui/index.min.js +1 -1
- package/lib/ui/src/log.js +1 -1
- package/lib/ui/src/log.min.js +1 -1
- package/lib/vxe-col/style/style.css +4 -0
- package/lib/vxe-col/style/style.min.css +1 -1
- package/lib/vxe-date-picker/style/style.css +1 -1
- package/lib/vxe-date-picker/style/style.min.css +1 -1
- package/lib/vxe-pager/style/style.css +40 -2
- package/lib/vxe-pager/style/style.min.css +1 -1
- package/package.json +1 -1
- package/packages/language/ja-JP.ts +2 -2
- package/packages/pager/src/pager.ts +94 -12
- package/packages/row/src/col.ts +3 -2
- package/styles/components/col.scss +23 -1
- package/styles/components/date-picker.scss +1 -1
- package/styles/components/pager.scss +16 -0
- package/types/components/pager.d.ts +74 -0
- package/types/components/table.d.ts +7 -0
- /package/es/icon/{iconfont.1740188871481.ttf → iconfont.1740558176929.ttf} +0 -0
- /package/es/icon/{iconfont.1740188871481.woff → iconfont.1740558176929.woff} +0 -0
- /package/es/icon/{iconfont.1740188871481.woff2 → iconfont.1740558176929.woff2} +0 -0
- /package/es/{iconfont.1740188871481.ttf → iconfont.1740558176929.ttf} +0 -0
- /package/es/{iconfont.1740188871481.woff → iconfont.1740558176929.woff} +0 -0
- /package/es/{iconfont.1740188871481.woff2 → iconfont.1740558176929.woff2} +0 -0
- /package/lib/icon/style/{iconfont.1740188871481.ttf → iconfont.1740558176929.ttf} +0 -0
- /package/lib/icon/style/{iconfont.1740188871481.woff → iconfont.1740558176929.woff} +0 -0
- /package/lib/icon/style/{iconfont.1740188871481.woff2 → iconfont.1740558176929.woff2} +0 -0
- /package/lib/{iconfont.1740188871481.ttf → iconfont.1740558176929.ttf} +0 -0
- /package/lib/{iconfont.1740188871481.woff → iconfont.1740558176929.woff} +0 -0
- /package/lib/{iconfont.1740188871481.woff2 → iconfont.1740558176929.woff2} +0 -0
package/lib/index.umd.js
CHANGED
|
@@ -4148,14 +4148,14 @@ function checkDynamic() {
|
|
|
4148
4148
|
}
|
|
4149
4149
|
;// CONCATENATED MODULE: ./packages/ui/src/log.ts
|
|
4150
4150
|
|
|
4151
|
-
const log_version = `ui v${"4.3.
|
|
4151
|
+
const log_version = `ui v${"4.3.97"}`;
|
|
4152
4152
|
const warnLog = log.create('warn', log_version);
|
|
4153
4153
|
const errLog = log.create('error', log_version);
|
|
4154
4154
|
;// CONCATENATED MODULE: ./packages/ui/index.ts
|
|
4155
4155
|
|
|
4156
4156
|
|
|
4157
4157
|
|
|
4158
|
-
const ui_version = "4.3.
|
|
4158
|
+
const ui_version = "4.3.97";
|
|
4159
4159
|
index_esm_VxeUI.uiVersion = ui_version;
|
|
4160
4160
|
index_esm_VxeUI.dynamicApp = dynamicApp;
|
|
4161
4161
|
function config(options) {
|
|
@@ -9530,6 +9530,7 @@ const CheckboxGroup = VxeCheckboxGroup;
|
|
|
9530
9530
|
span,
|
|
9531
9531
|
fill,
|
|
9532
9532
|
align,
|
|
9533
|
+
width,
|
|
9533
9534
|
ellipsis
|
|
9534
9535
|
} = props;
|
|
9535
9536
|
const colStyle = computeColStyle.value;
|
|
@@ -9537,7 +9538,8 @@ const CheckboxGroup = VxeCheckboxGroup;
|
|
|
9537
9538
|
return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
|
|
9538
9539
|
ref: refElem,
|
|
9539
9540
|
class: ['vxe-col', span ? `span${span}` : '', align ? `align--${align}` : '', {
|
|
9540
|
-
'is--span': span,
|
|
9541
|
+
'is--span': !!span,
|
|
9542
|
+
'is--width': !!width,
|
|
9541
9543
|
'is--fill': fill,
|
|
9542
9544
|
'is--ellipsis': ellipsis
|
|
9543
9545
|
}],
|
|
@@ -42789,9 +42791,20 @@ const Option = VxeOption;
|
|
|
42789
42791
|
};
|
|
42790
42792
|
// 第一页
|
|
42791
42793
|
const renderHomePage = () => {
|
|
42794
|
+
const {
|
|
42795
|
+
currentPage
|
|
42796
|
+
} = props;
|
|
42797
|
+
const homeSlot = slots.home;
|
|
42798
|
+
if (homeSlot) {
|
|
42799
|
+
return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('span', {
|
|
42800
|
+
class: 'vxe-pager--custom-home-btn'
|
|
42801
|
+
}, homeSlot({
|
|
42802
|
+
currentPage
|
|
42803
|
+
}));
|
|
42804
|
+
}
|
|
42792
42805
|
return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('button', {
|
|
42793
|
-
class: ['vxe-pager--
|
|
42794
|
-
'is--disabled':
|
|
42806
|
+
class: ['vxe-pager--home-btn', {
|
|
42807
|
+
'is--disabled': currentPage <= 1
|
|
42795
42808
|
}],
|
|
42796
42809
|
type: 'button',
|
|
42797
42810
|
title: i18n_getI18n('vxe.pager.homePageTitle'),
|
|
@@ -42802,9 +42815,20 @@ const Option = VxeOption;
|
|
|
42802
42815
|
};
|
|
42803
42816
|
// 上一页
|
|
42804
42817
|
const renderPrevPage = () => {
|
|
42818
|
+
const {
|
|
42819
|
+
currentPage
|
|
42820
|
+
} = props;
|
|
42821
|
+
const prevPageSlot = slots.prevPage || slots['prev-page'];
|
|
42822
|
+
if (prevPageSlot) {
|
|
42823
|
+
return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('span', {
|
|
42824
|
+
class: 'vxe-pager--custom-prev-btn'
|
|
42825
|
+
}, prevPageSlot({
|
|
42826
|
+
currentPage
|
|
42827
|
+
}));
|
|
42828
|
+
}
|
|
42805
42829
|
return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('button', {
|
|
42806
42830
|
class: ['vxe-pager--prev-btn', {
|
|
42807
|
-
'is--disabled':
|
|
42831
|
+
'is--disabled': currentPage <= 1
|
|
42808
42832
|
}],
|
|
42809
42833
|
type: 'button',
|
|
42810
42834
|
title: i18n_getI18n('vxe.pager.prevPageTitle'),
|
|
@@ -42815,10 +42839,21 @@ const Option = VxeOption;
|
|
|
42815
42839
|
};
|
|
42816
42840
|
// 向上翻页
|
|
42817
42841
|
const renderPrevJump = tagName => {
|
|
42842
|
+
const {
|
|
42843
|
+
currentPage
|
|
42844
|
+
} = props;
|
|
42845
|
+
const prevJumpSlot = slots.prevJump || slots['prev-jump'];
|
|
42846
|
+
if (prevJumpSlot) {
|
|
42847
|
+
return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('span', {
|
|
42848
|
+
class: 'vxe-pager--custom-jump-prev'
|
|
42849
|
+
}, prevJumpSlot({
|
|
42850
|
+
currentPage
|
|
42851
|
+
}));
|
|
42852
|
+
}
|
|
42818
42853
|
return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)(tagName || 'button', {
|
|
42819
42854
|
class: ['vxe-pager--jump-prev', {
|
|
42820
42855
|
'is--fixed': !tagName,
|
|
42821
|
-
'is--disabled':
|
|
42856
|
+
'is--disabled': currentPage <= 1
|
|
42822
42857
|
}],
|
|
42823
42858
|
type: 'button',
|
|
42824
42859
|
title: i18n_getI18n('vxe.pager.prevJumpTitle'),
|
|
@@ -42831,11 +42866,22 @@ const Option = VxeOption;
|
|
|
42831
42866
|
};
|
|
42832
42867
|
// 向下翻页
|
|
42833
42868
|
const renderNextJump = tagName => {
|
|
42869
|
+
const {
|
|
42870
|
+
currentPage
|
|
42871
|
+
} = props;
|
|
42872
|
+
const nextJumpSlot = slots.nextJump || slots['next-jump'];
|
|
42834
42873
|
const pageCount = computePageCount.value;
|
|
42874
|
+
if (nextJumpSlot) {
|
|
42875
|
+
return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('span', {
|
|
42876
|
+
class: 'vxe-pager--custom-jump-next'
|
|
42877
|
+
}, nextJumpSlot({
|
|
42878
|
+
currentPage
|
|
42879
|
+
}));
|
|
42880
|
+
}
|
|
42835
42881
|
return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)(tagName || 'button', {
|
|
42836
42882
|
class: ['vxe-pager--jump-next', {
|
|
42837
42883
|
'is--fixed': !tagName,
|
|
42838
|
-
'is--disabled':
|
|
42884
|
+
'is--disabled': currentPage >= pageCount
|
|
42839
42885
|
}],
|
|
42840
42886
|
type: 'button',
|
|
42841
42887
|
title: i18n_getI18n('vxe.pager.nextJumpTitle'),
|
|
@@ -42848,10 +42894,21 @@ const Option = VxeOption;
|
|
|
42848
42894
|
};
|
|
42849
42895
|
// 下一页
|
|
42850
42896
|
const renderNextPage = () => {
|
|
42897
|
+
const {
|
|
42898
|
+
currentPage
|
|
42899
|
+
} = props;
|
|
42900
|
+
const nextPageSlot = slots.nextPage || slots['next-page'];
|
|
42851
42901
|
const pageCount = computePageCount.value;
|
|
42902
|
+
if (nextPageSlot) {
|
|
42903
|
+
return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('span', {
|
|
42904
|
+
class: 'vxe-pager--custom-next-btn'
|
|
42905
|
+
}, nextPageSlot({
|
|
42906
|
+
currentPage
|
|
42907
|
+
}));
|
|
42908
|
+
}
|
|
42852
42909
|
return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('button', {
|
|
42853
42910
|
class: ['vxe-pager--next-btn', {
|
|
42854
|
-
'is--disabled':
|
|
42911
|
+
'is--disabled': currentPage >= pageCount
|
|
42855
42912
|
}],
|
|
42856
42913
|
type: 'button',
|
|
42857
42914
|
title: i18n_getI18n('vxe.pager.nextPageTitle'),
|
|
@@ -42862,10 +42919,22 @@ const Option = VxeOption;
|
|
|
42862
42919
|
};
|
|
42863
42920
|
// 最后一页
|
|
42864
42921
|
const renderEndPage = () => {
|
|
42922
|
+
const {
|
|
42923
|
+
currentPage
|
|
42924
|
+
} = props;
|
|
42925
|
+
const endSlot = slots.end;
|
|
42865
42926
|
const pageCount = computePageCount.value;
|
|
42927
|
+
if (endSlot) {
|
|
42928
|
+
return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('span', {
|
|
42929
|
+
class: 'vxe-pager--custom-end-btn'
|
|
42930
|
+
}, endSlot({
|
|
42931
|
+
currentPage,
|
|
42932
|
+
pageCount
|
|
42933
|
+
}));
|
|
42934
|
+
}
|
|
42866
42935
|
return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('button', {
|
|
42867
|
-
class: ['vxe-pager--
|
|
42868
|
-
'is--disabled':
|
|
42936
|
+
class: ['vxe-pager--end-btn', {
|
|
42937
|
+
'is--disabled': currentPage >= pageCount
|
|
42869
42938
|
}],
|
|
42870
42939
|
type: 'button',
|
|
42871
42940
|
title: i18n_getI18n('vxe.pager.endPageTitle'),
|
|
@@ -42880,6 +42949,7 @@ const Option = VxeOption;
|
|
|
42880
42949
|
currentPage,
|
|
42881
42950
|
pagerCount
|
|
42882
42951
|
} = props;
|
|
42952
|
+
const numberSlot = showJump ? slots.numberJump || slots['number-jump'] : slots.number;
|
|
42883
42953
|
const nums = [];
|
|
42884
42954
|
const pageCount = computePageCount.value;
|
|
42885
42955
|
const numList = computeNumList.value;
|
|
@@ -42887,6 +42957,7 @@ const Option = VxeOption;
|
|
|
42887
42957
|
const isOv = pageCount > pagerCount;
|
|
42888
42958
|
const isLt = isOv && currentPage > offsetNumber + 1;
|
|
42889
42959
|
const isGt = isOv && currentPage < pageCount - offsetNumber;
|
|
42960
|
+
const restList = [];
|
|
42890
42961
|
let startNumber = 1;
|
|
42891
42962
|
if (isOv) {
|
|
42892
42963
|
if (currentPage >= pageCount - offsetNumber) {
|
|
@@ -42896,6 +42967,7 @@ const Option = VxeOption;
|
|
|
42896
42967
|
}
|
|
42897
42968
|
}
|
|
42898
42969
|
if (showJump && isLt) {
|
|
42970
|
+
restList.push(1);
|
|
42899
42971
|
nums.push((0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('button', {
|
|
42900
42972
|
class: 'vxe-pager--num-btn',
|
|
42901
42973
|
type: 'button',
|
|
@@ -42905,6 +42977,7 @@ const Option = VxeOption;
|
|
|
42905
42977
|
numList.forEach((item, index) => {
|
|
42906
42978
|
const number = startNumber + index;
|
|
42907
42979
|
if (number <= pageCount) {
|
|
42980
|
+
restList.push(number);
|
|
42908
42981
|
nums.push((0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('button', {
|
|
42909
42982
|
key: number,
|
|
42910
42983
|
class: ['vxe-pager--num-btn', {
|
|
@@ -42916,12 +42989,22 @@ const Option = VxeOption;
|
|
|
42916
42989
|
}
|
|
42917
42990
|
});
|
|
42918
42991
|
if (showJump && isGt) {
|
|
42992
|
+
restList.push(pageCount);
|
|
42919
42993
|
nums.push(renderNextJump('button'), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('button', {
|
|
42920
42994
|
class: 'vxe-pager--num-btn',
|
|
42921
42995
|
type: 'button',
|
|
42922
42996
|
onClick: evnt => jumpPageEvent(evnt, pageCount)
|
|
42923
42997
|
}, pageCount));
|
|
42924
42998
|
}
|
|
42999
|
+
if (numberSlot) {
|
|
43000
|
+
return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('span', {
|
|
43001
|
+
class: 'vxe-pager--custom-btn-wrapper'
|
|
43002
|
+
}, numberSlot({
|
|
43003
|
+
numList: restList,
|
|
43004
|
+
currentPage,
|
|
43005
|
+
pageCount
|
|
43006
|
+
}));
|
|
43007
|
+
}
|
|
42925
43008
|
return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('span', {
|
|
42926
43009
|
class: 'vxe-pager--btn-wrapper'
|
|
42927
43010
|
}, nums);
|
|
@@ -42932,19 +43015,45 @@ const Option = VxeOption;
|
|
|
42932
43015
|
};
|
|
42933
43016
|
// sizes
|
|
42934
43017
|
const renderSizes = () => {
|
|
43018
|
+
const {
|
|
43019
|
+
pageSize,
|
|
43020
|
+
pageSizePlacement,
|
|
43021
|
+
transfer
|
|
43022
|
+
} = props;
|
|
43023
|
+
const sizesSlot = slots.sizes;
|
|
42935
43024
|
const sizeList = computeSizeList.value;
|
|
43025
|
+
if (sizesSlot) {
|
|
43026
|
+
return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('span', {
|
|
43027
|
+
class: 'vxe-pager--custom-sizes'
|
|
43028
|
+
}, sizesSlot({
|
|
43029
|
+
pageSize,
|
|
43030
|
+
options: sizeList
|
|
43031
|
+
}));
|
|
43032
|
+
}
|
|
42936
43033
|
return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)(src_select, {
|
|
42937
43034
|
class: 'vxe-pager--sizes',
|
|
42938
|
-
modelValue:
|
|
42939
|
-
placement:
|
|
42940
|
-
transfer:
|
|
43035
|
+
modelValue: pageSize,
|
|
43036
|
+
placement: pageSizePlacement,
|
|
43037
|
+
transfer: transfer,
|
|
42941
43038
|
options: sizeList,
|
|
42942
43039
|
onChange: pageSizeEvent
|
|
42943
43040
|
});
|
|
42944
43041
|
};
|
|
42945
43042
|
// Jump
|
|
42946
43043
|
const renderJump = isFull => {
|
|
43044
|
+
const {
|
|
43045
|
+
inpCurrPage
|
|
43046
|
+
} = reactData;
|
|
43047
|
+
const jumpSlot = isFull ? slots.fullJump || slots['full-jump'] : slots.jump;
|
|
42947
43048
|
const pageCount = computePageCount.value;
|
|
43049
|
+
if (jumpSlot) {
|
|
43050
|
+
return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('span', {
|
|
43051
|
+
class: 'vxe-pager--custom-jump'
|
|
43052
|
+
}, jumpSlot({
|
|
43053
|
+
currentPage: inpCurrPage,
|
|
43054
|
+
pageCount
|
|
43055
|
+
}));
|
|
43056
|
+
}
|
|
42948
43057
|
return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('span', {
|
|
42949
43058
|
class: 'vxe-pager--jump'
|
|
42950
43059
|
}, [isFull ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('span', {
|
|
@@ -42973,7 +43082,19 @@ const Option = VxeOption;
|
|
|
42973
43082
|
};
|
|
42974
43083
|
// PageCount
|
|
42975
43084
|
const renderPageCount = () => {
|
|
43085
|
+
const {
|
|
43086
|
+
currentPage
|
|
43087
|
+
} = props;
|
|
43088
|
+
const pageCountSlot = slots.pageCount || slots['page-count'];
|
|
42976
43089
|
const pageCount = computePageCount.value;
|
|
43090
|
+
if (pageCountSlot) {
|
|
43091
|
+
return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('span', {
|
|
43092
|
+
class: 'vxe-pager--custom-count'
|
|
43093
|
+
}, pageCountSlot({
|
|
43094
|
+
currentPage,
|
|
43095
|
+
pageCount
|
|
43096
|
+
}));
|
|
43097
|
+
}
|
|
42977
43098
|
return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('span', {
|
|
42978
43099
|
class: 'vxe-pager--count'
|
|
42979
43100
|
}, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('span', {
|
|
@@ -42982,9 +43103,22 @@ const Option = VxeOption;
|
|
|
42982
43103
|
};
|
|
42983
43104
|
// total
|
|
42984
43105
|
const renderTotal = () => {
|
|
43106
|
+
const {
|
|
43107
|
+
currentPage,
|
|
43108
|
+
total
|
|
43109
|
+
} = props;
|
|
43110
|
+
const totalSlot = slots.total;
|
|
43111
|
+
if (totalSlot) {
|
|
43112
|
+
return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('span', {
|
|
43113
|
+
class: 'vxe-pager--custom-total'
|
|
43114
|
+
}, totalSlot({
|
|
43115
|
+
total,
|
|
43116
|
+
currentPage
|
|
43117
|
+
}));
|
|
43118
|
+
}
|
|
42985
43119
|
return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('span', {
|
|
42986
43120
|
class: 'vxe-pager--total'
|
|
42987
|
-
}, i18n_getI18n('vxe.pager.total', [
|
|
43121
|
+
}, i18n_getI18n('vxe.pager.total', [total]));
|
|
42988
43122
|
};
|
|
42989
43123
|
const dispatchEvent = (type, params, evnt) => {
|
|
42990
43124
|
emit(type, createEvent(evnt, {
|