@v-c/pagination 1.0.0 → 1.0.1

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.
Files changed (160) hide show
  1. package/dist/Options.js +8 -10
  2. package/dist/Pager.js +7 -8
  3. package/dist/Pagination.js +30 -20
  4. package/dist/index.js +2 -2
  5. package/dist/interface.js +2 -0
  6. package/dist/locale/am.js +4 -2
  7. package/dist/locale/ar_EG.js +4 -2
  8. package/dist/locale/az_AZ.js +4 -2
  9. package/dist/locale/bg_BG.js +4 -2
  10. package/dist/locale/bn_BD.js +4 -2
  11. package/dist/locale/by_BY.js +4 -2
  12. package/dist/locale/ca_ES.js +4 -2
  13. package/dist/locale/cs_CZ.js +4 -2
  14. package/dist/locale/da_DK.js +4 -2
  15. package/dist/locale/de_DE.js +4 -2
  16. package/dist/locale/el_GR.js +4 -2
  17. package/dist/locale/en_GB.js +4 -2
  18. package/dist/locale/en_US.js +4 -2
  19. package/dist/locale/es_ES.js +4 -2
  20. package/dist/locale/et_EE.js +4 -2
  21. package/dist/locale/eu_ES.js +4 -2
  22. package/dist/locale/fa_IR.js +4 -2
  23. package/dist/locale/fi_FI.js +4 -2
  24. package/dist/locale/fr_BE.js +4 -2
  25. package/dist/locale/fr_CA.js +4 -2
  26. package/dist/locale/fr_FR.js +4 -2
  27. package/dist/locale/ga_IE.js +4 -2
  28. package/dist/locale/gl_ES.js +4 -2
  29. package/dist/locale/he_IL.js +4 -2
  30. package/dist/locale/hi_IN.js +4 -2
  31. package/dist/locale/hr_HR.js +4 -2
  32. package/dist/locale/hu_HU.js +4 -2
  33. package/dist/locale/id_ID.js +4 -2
  34. package/dist/locale/is_IS.js +4 -2
  35. package/dist/locale/it_IT.js +4 -2
  36. package/dist/locale/ja_JP.js +4 -2
  37. package/dist/locale/ka_GE.js +4 -2
  38. package/dist/locale/kk_KZ.js +4 -2
  39. package/dist/locale/km_KH.js +4 -2
  40. package/dist/locale/kmr_IQ.js +4 -2
  41. package/dist/locale/kn_IN.js +4 -2
  42. package/dist/locale/ko_KR.js +4 -2
  43. package/dist/locale/lt_LT.js +4 -2
  44. package/dist/locale/lv_LV.js +4 -2
  45. package/dist/locale/mk_MK.js +4 -2
  46. package/dist/locale/ml_IN.js +4 -2
  47. package/dist/locale/mn_MN.js +4 -2
  48. package/dist/locale/mr_IN.js +4 -2
  49. package/dist/locale/ms_MY.js +4 -2
  50. package/dist/locale/my_MM.js +4 -2
  51. package/dist/locale/nb_NO.js +4 -2
  52. package/dist/locale/ne_NP.js +4 -2
  53. package/dist/locale/nl_BE.js +4 -2
  54. package/dist/locale/nl_NL.js +4 -2
  55. package/dist/locale/pa_IN.js +4 -2
  56. package/dist/locale/pb_IN.js +4 -2
  57. package/dist/locale/pl_PL.js +4 -2
  58. package/dist/locale/pt_BR.js +4 -2
  59. package/dist/locale/pt_PT.js +4 -2
  60. package/dist/locale/ro_RO.js +4 -2
  61. package/dist/locale/ru_RU.js +4 -2
  62. package/dist/locale/si_LK.js +4 -2
  63. package/dist/locale/sk_SK.js +4 -2
  64. package/dist/locale/sl_SI.js +4 -2
  65. package/dist/locale/sr_Cyrl_RS.js +4 -2
  66. package/dist/locale/sr_RS.js +4 -2
  67. package/dist/locale/sv_SE.js +4 -2
  68. package/dist/locale/ta_IN.js +4 -2
  69. package/dist/locale/te_IN.js +4 -2
  70. package/dist/locale/th_TH.js +4 -2
  71. package/dist/locale/tk_TK.js +4 -2
  72. package/dist/locale/tr_TR.js +4 -2
  73. package/dist/locale/ug_CN.js +4 -2
  74. package/dist/locale/uk_UA.js +4 -2
  75. package/dist/locale/ur_PK.js +4 -2
  76. package/dist/locale/uz_UZ.js +4 -2
  77. package/dist/locale/vi_VN.js +4 -2
  78. package/dist/locale/zh_CN.js +4 -2
  79. package/dist/locale/zh_TW.js +4 -2
  80. package/package.json +7 -7
  81. package/dist/Options.cjs +0 -162
  82. package/dist/Pager.cjs +0 -80
  83. package/dist/Pagination.cjs +0 -592
  84. package/dist/_virtual/rolldown_runtime.cjs +0 -21
  85. package/dist/index.cjs +0 -6
  86. package/dist/interface.cjs +0 -30
  87. package/dist/locale/am.cjs +0 -19
  88. package/dist/locale/ar_EG.cjs +0 -19
  89. package/dist/locale/az_AZ.cjs +0 -19
  90. package/dist/locale/bg_BG.cjs +0 -19
  91. package/dist/locale/bn_BD.cjs +0 -19
  92. package/dist/locale/by_BY.cjs +0 -19
  93. package/dist/locale/ca_ES.cjs +0 -19
  94. package/dist/locale/cs_CZ.cjs +0 -19
  95. package/dist/locale/da_DK.cjs +0 -19
  96. package/dist/locale/de_DE.cjs +0 -19
  97. package/dist/locale/el_GR.cjs +0 -19
  98. package/dist/locale/en_GB.cjs +0 -19
  99. package/dist/locale/en_US.cjs +0 -19
  100. package/dist/locale/es_ES.cjs +0 -19
  101. package/dist/locale/et_EE.cjs +0 -19
  102. package/dist/locale/eu_ES.cjs +0 -19
  103. package/dist/locale/fa_IR.cjs +0 -19
  104. package/dist/locale/fi_FI.cjs +0 -19
  105. package/dist/locale/fr_BE.cjs +0 -19
  106. package/dist/locale/fr_CA.cjs +0 -19
  107. package/dist/locale/fr_FR.cjs +0 -19
  108. package/dist/locale/ga_IE.cjs +0 -19
  109. package/dist/locale/gl_ES.cjs +0 -19
  110. package/dist/locale/he_IL.cjs +0 -19
  111. package/dist/locale/hi_IN.cjs +0 -19
  112. package/dist/locale/hr_HR.cjs +0 -19
  113. package/dist/locale/hu_HU.cjs +0 -19
  114. package/dist/locale/id_ID.cjs +0 -19
  115. package/dist/locale/is_IS.cjs +0 -19
  116. package/dist/locale/it_IT.cjs +0 -19
  117. package/dist/locale/ja_JP.cjs +0 -19
  118. package/dist/locale/ka_GE.cjs +0 -19
  119. package/dist/locale/kk_KZ.cjs +0 -19
  120. package/dist/locale/km_KH.cjs +0 -19
  121. package/dist/locale/kmr_IQ.cjs +0 -19
  122. package/dist/locale/kn_IN.cjs +0 -19
  123. package/dist/locale/ko_KR.cjs +0 -19
  124. package/dist/locale/lt_LT.cjs +0 -19
  125. package/dist/locale/lv_LV.cjs +0 -19
  126. package/dist/locale/mk_MK.cjs +0 -19
  127. package/dist/locale/ml_IN.cjs +0 -19
  128. package/dist/locale/mn_MN.cjs +0 -19
  129. package/dist/locale/mr_IN.cjs +0 -19
  130. package/dist/locale/ms_MY.cjs +0 -19
  131. package/dist/locale/my_MM.cjs +0 -19
  132. package/dist/locale/nb_NO.cjs +0 -18
  133. package/dist/locale/ne_NP.cjs +0 -19
  134. package/dist/locale/nl_BE.cjs +0 -19
  135. package/dist/locale/nl_NL.cjs +0 -19
  136. package/dist/locale/pa_IN.cjs +0 -19
  137. package/dist/locale/pb_IN.cjs +0 -19
  138. package/dist/locale/pl_PL.cjs +0 -19
  139. package/dist/locale/pt_BR.cjs +0 -19
  140. package/dist/locale/pt_PT.cjs +0 -19
  141. package/dist/locale/ro_RO.cjs +0 -19
  142. package/dist/locale/ru_RU.cjs +0 -19
  143. package/dist/locale/si_LK.cjs +0 -19
  144. package/dist/locale/sk_SK.cjs +0 -19
  145. package/dist/locale/sl_SI.cjs +0 -19
  146. package/dist/locale/sr_Cyrl_RS.cjs +0 -18
  147. package/dist/locale/sr_RS.cjs +0 -18
  148. package/dist/locale/sv_SE.cjs +0 -19
  149. package/dist/locale/ta_IN.cjs +0 -19
  150. package/dist/locale/te_IN.cjs +0 -19
  151. package/dist/locale/th_TH.cjs +0 -19
  152. package/dist/locale/tk_TK.cjs +0 -19
  153. package/dist/locale/tr_TR.cjs +0 -19
  154. package/dist/locale/ug_CN.cjs +0 -19
  155. package/dist/locale/uk_UA.cjs +0 -19
  156. package/dist/locale/ur_PK.cjs +0 -19
  157. package/dist/locale/uz_UZ.cjs +0 -19
  158. package/dist/locale/vi_VN.cjs +0 -19
  159. package/dist/locale/zh_CN.cjs +0 -19
  160. package/dist/locale/zh_TW.cjs +0 -19
@@ -1,592 +0,0 @@
1
- Object.defineProperties(exports, {
2
- __esModule: { value: true },
3
- [Symbol.toStringTag]: { value: "Module" }
4
- });
5
- const require_rolldown_runtime = require("./_virtual/rolldown_runtime.cjs");
6
- const require_Options = require("./Options.cjs");
7
- const require_Pager = require("./Pager.cjs");
8
- const require_zh_CN = require("./locale/zh_CN.cjs");
9
- let vue = require("vue");
10
- let _v_c_util_dist_KeyCode = require("@v-c/util/dist/KeyCode");
11
- _v_c_util_dist_KeyCode = require_rolldown_runtime.__toESM(_v_c_util_dist_KeyCode);
12
- let _v_c_util = require("@v-c/util");
13
- let _v_c_util_dist_hooks_useMergedState = require("@v-c/util/dist/hooks/useMergedState");
14
- _v_c_util_dist_hooks_useMergedState = require_rolldown_runtime.__toESM(_v_c_util_dist_hooks_useMergedState);
15
- let _v_c_util_dist_pickAttrs = require("@v-c/util/dist/pickAttrs");
16
- _v_c_util_dist_pickAttrs = require_rolldown_runtime.__toESM(_v_c_util_dist_pickAttrs);
17
- let _v_c_util_dist_props_util = require("@v-c/util/dist/props-util");
18
- let _v_c_util_dist_vnode = require("@v-c/util/dist/vnode");
19
- let _v_c_util_dist_warning = require("@v-c/util/dist/warning");
20
- _v_c_util_dist_warning = require_rolldown_runtime.__toESM(_v_c_util_dist_warning);
21
- function isInteger(v) {
22
- const value = Number(v);
23
- return typeof value === "number" && !Number.isNaN(value) && isFinite(value) && Math.floor(value) === value;
24
- }
25
- var defaultItemRender = (_page, _type, element) => element;
26
- function calculatePage(p, pageSize, total) {
27
- const _pageSize = typeof p === "undefined" ? pageSize : p;
28
- return Math.floor((total - 1) / _pageSize) + 1;
29
- }
30
- var paginationDefaults = {
31
- prefixCls: "vc-pagination",
32
- selectPrefixCls: "vc-select",
33
- defaultCurrent: 1,
34
- total: 0,
35
- defaultPageSize: 10,
36
- showPrevNextJumpers: true,
37
- showTitle: true,
38
- locale: require_zh_CN.default,
39
- totalBoundaryShowSizeChanger: 50
40
- };
41
- var Pagination = /* @__PURE__ */ (0, vue.defineComponent)((props, { attrs }) => {
42
- const paginationRef = (0, vue.ref)();
43
- const mergedPrefixCls = (0, vue.computed)(() => props.prefixCls ?? paginationDefaults.prefixCls);
44
- const mergedSelectPrefixCls = (0, vue.computed)(() => props.selectPrefixCls ?? paginationDefaults.selectPrefixCls);
45
- const mergedLocale = (0, vue.computed)(() => props.locale ?? paginationDefaults.locale);
46
- const mergedTotal = (0, vue.computed)(() => props.total ?? paginationDefaults.total);
47
- const mergedShowPrevNextJumpers = (0, vue.computed)(() => props.showPrevNextJumpers ?? paginationDefaults.showPrevNextJumpers);
48
- const mergedShowTitle = (0, vue.computed)(() => props.showTitle ?? paginationDefaults.showTitle);
49
- const mergedTotalBoundaryShowSizeChanger = (0, vue.computed)(() => props.totalBoundaryShowSizeChanger ?? paginationDefaults.totalBoundaryShowSizeChanger);
50
- const pageSizeProp = (0, vue.toRef)(props, "pageSize");
51
- const [pageSize, setPageSize] = (0, _v_c_util_dist_hooks_useMergedState.default)(paginationDefaults.defaultPageSize, {
52
- value: pageSizeProp,
53
- defaultValue: props.defaultPageSize ?? paginationDefaults.defaultPageSize
54
- });
55
- const currentProp = (0, vue.toRef)(props, "current");
56
- const allPages = (0, vue.computed)(() => calculatePage(void 0, pageSize.value, mergedTotal.value));
57
- const [current, setCurrent] = (0, _v_c_util_dist_hooks_useMergedState.default)(paginationDefaults.defaultCurrent, {
58
- value: currentProp,
59
- defaultValue: props.defaultCurrent ?? paginationDefaults.defaultCurrent,
60
- postState: (c) => Math.max(1, Math.min(c ?? 1, calculatePage(void 0, pageSize.value, mergedTotal.value)))
61
- });
62
- const internalInputVal = (0, vue.ref)(current.value);
63
- (0, vue.watchEffect)(() => {
64
- internalInputVal.value = current.value;
65
- });
66
- if (process.env.NODE_ENV !== "production") (0, vue.watchEffect)(() => {
67
- (0, _v_c_util_dist_warning.default)(props?.current !== void 0 ? !!props.onChange : true, "You provided a `current` prop to a Pagination component without an `onChange` handler. This will render a read-only component.");
68
- });
69
- function getValidValue(e) {
70
- const inputValue = e.target.value;
71
- const allPages$1 = calculatePage(void 0, pageSize.value, mergedTotal.value);
72
- let value;
73
- if (inputValue === "") value = inputValue;
74
- else if (Number.isNaN(Number(inputValue))) value = internalInputVal.value;
75
- else if (inputValue >= allPages$1) value = allPages$1;
76
- else value = Number(inputValue);
77
- return value;
78
- }
79
- function isValid(page) {
80
- return isInteger(page) && page !== current.value && isInteger(mergedTotal.value) && mergedTotal.value > 0;
81
- }
82
- function getItemIcon(icon, label) {
83
- const prefixCls = mergedPrefixCls.value;
84
- let iconNode = icon || (0, vue.createVNode)("button", {
85
- "type": "button",
86
- "aria-label": label,
87
- "class": `${prefixCls}-item-link`
88
- }, null);
89
- if (typeof icon === "function") iconNode = (0, vue.h)(icon, { ...props });
90
- return iconNode;
91
- }
92
- const prevPage = (0, vue.computed)(() => current.value - 1 > 0 ? current.value - 1 : 0);
93
- const nextPage = (0, vue.computed)(() => current.value + 1 < allPages.value ? current.value + 1 : allPages.value);
94
- const jumpPrevPage = (0, vue.computed)(() => Math.max(1, current.value - (props.showLessItems ? 3 : 5)));
95
- const jumpNextPage = (0, vue.computed)(() => Math.min(calculatePage(void 0, pageSize.value, mergedTotal.value), current.value + (props.showLessItems ? 3 : 5)));
96
- const hasPrev = (0, vue.computed)(() => current.value > 1);
97
- const hasNext = (0, vue.computed)(() => current.value < calculatePage(void 0, pageSize.value, mergedTotal.value));
98
- const goButton = (0, vue.computed)(() => props.showQuickJumper && props.showQuickJumper.goButton);
99
- function handleChange(page) {
100
- if (typeof page !== "undefined" && isValid(page) && !props.disabled) {
101
- const currentPage = calculatePage(void 0, pageSize.value, mergedTotal.value);
102
- let newPage = page;
103
- if (page > currentPage) newPage = currentPage;
104
- else if (page < 1) newPage = 1;
105
- if (newPage !== internalInputVal.value) internalInputVal.value = newPage;
106
- setCurrent(newPage);
107
- props.onChange?.(newPage, pageSize.value);
108
- return newPage;
109
- }
110
- return current.value;
111
- }
112
- function prevHandle() {
113
- if (hasPrev.value) handleChange(current.value - 1);
114
- }
115
- function nextHandle() {
116
- if (hasNext.value) handleChange(current.value + 1);
117
- }
118
- function jumpPrevHandle() {
119
- handleChange(jumpPrevPage.value);
120
- }
121
- function jumpNextHandle() {
122
- handleChange(jumpNextPage.value);
123
- }
124
- function runIfEnter(event, callback, ...restParams) {
125
- if (event.key === "Enter" || event.charCode === _v_c_util_dist_KeyCode.default.ENTER || event.keyCode === _v_c_util_dist_KeyCode.default.ENTER) callback(...restParams);
126
- }
127
- function runIfEnterPrev(event) {
128
- runIfEnter(event, prevHandle);
129
- }
130
- function runIfEnterNext(event) {
131
- runIfEnter(event, nextHandle);
132
- }
133
- function runIfEnterJumpPrev(event) {
134
- runIfEnter(event, jumpPrevHandle);
135
- }
136
- function runIfEnterJumpNext(event) {
137
- runIfEnter(event, jumpNextHandle);
138
- }
139
- function renderPrev(prevPage$1) {
140
- const prevButton = (props.itemRender || defaultItemRender)?.(prevPage$1, "prev", getItemIcon(props.prevIcon, "prev page"));
141
- const nextProps = {};
142
- if (!hasPrev.value) nextProps.disabled = true;
143
- return (0, vue.isVNode)(prevButton) ? (0, _v_c_util_dist_vnode.cloneElement)(prevButton, nextProps) : prevButton;
144
- }
145
- function renderNext(nextPage$1) {
146
- const nextButton = (props.itemRender || defaultItemRender)?.(nextPage$1, "next", getItemIcon(props.nextIcon, "next page"));
147
- const nextProps = {};
148
- if (!hasNext.value) nextProps.disabled = true;
149
- return (0, vue.isVNode)(nextButton) ? (0, _v_c_util_dist_vnode.cloneElement)(nextButton, nextProps) : nextButton;
150
- }
151
- function handleGoTO(event) {
152
- if (event.type === "click" || event.keyCode === _v_c_util_dist_KeyCode.default.ENTER) handleChange(internalInputVal.value);
153
- }
154
- function handleKeyDown(event) {
155
- if (event.keyCode === _v_c_util_dist_KeyCode.default.UP || event.keyCode === _v_c_util_dist_KeyCode.default.DOWN) event.preventDefault();
156
- }
157
- function handleKeyUp(event) {
158
- const value = getValidValue(event);
159
- if (value !== internalInputVal.value) internalInputVal.value = value;
160
- switch (event.keyCode) {
161
- case _v_c_util_dist_KeyCode.default.ENTER:
162
- handleChange(value);
163
- break;
164
- case _v_c_util_dist_KeyCode.default.UP:
165
- handleChange(value - 1);
166
- break;
167
- case _v_c_util_dist_KeyCode.default.DOWN:
168
- handleChange(value + 1);
169
- break;
170
- default: break;
171
- }
172
- }
173
- function handleBlur(event) {
174
- handleChange(getValidValue(event));
175
- }
176
- function changePageSize(size) {
177
- const newCurrent = calculatePage(size, pageSize.value, mergedTotal.value);
178
- const nextCurrent = current.value > newCurrent && newCurrent !== 0 ? newCurrent : current.value;
179
- setPageSize(size);
180
- internalInputVal.value = nextCurrent;
181
- props.onShowSizeChange?.(current.value, size);
182
- setCurrent(nextCurrent);
183
- props.onChange?.(nextCurrent, size);
184
- }
185
- const shouldDisplayQuickJumper = (0, vue.computed)(() => mergedTotal.value > pageSize.value ? props.showQuickJumper : false);
186
- return () => {
187
- const { align, simple, showTotal, showLessItems, jumpPrevIcon, jumpNextIcon, pageSizeOptions, disabled, classNames: paginationClassNames, styles, hideOnSinglePage, sizeChangerRender, showSizeChanger: showSizeChangerProp, totalBoundaryShowSizeChanger, itemRender } = props;
188
- const prefixCls = mergedPrefixCls.value;
189
- const selectPrefixCls = mergedSelectPrefixCls.value;
190
- const locale = mergedLocale.value;
191
- const total = mergedTotal.value;
192
- const showTitle = mergedShowTitle.value;
193
- const showPrevNextJumpers = mergedShowPrevNextJumpers.value;
194
- const totalBoundary = totalBoundaryShowSizeChanger ?? mergedTotalBoundaryShowSizeChanger.value;
195
- const showSizeChanger = showSizeChangerProp ?? total > totalBoundary;
196
- const mergedItemRender = itemRender || defaultItemRender;
197
- const { style, className } = (0, _v_c_util_dist_props_util.getAttrStyleAndClass)(attrs);
198
- const dataOrAriaAttributeProps = (0, _v_c_util_dist_pickAttrs.default)(attrs, {
199
- aria: true,
200
- data: true
201
- });
202
- if (hideOnSinglePage && total <= pageSize.value) return null;
203
- const itemClassName = paginationClassNames?.item;
204
- const itemStyle = styles?.item;
205
- let prev = renderPrev(prevPage.value);
206
- if (prev) {
207
- const prevDisabled = !hasPrev.value || !allPages.value;
208
- (function() {
209
- return prev;
210
- })();
211
- prev = (0, vue.createVNode)("li", {
212
- "title": showTitle ? locale?.prev_page : void 0,
213
- "onClick": prevHandle,
214
- "tabindex": prevDisabled ? void 0 : 0,
215
- "onKeydown": runIfEnterPrev,
216
- "class": (0, _v_c_util.classNames)(`${prefixCls}-prev`, itemClassName, { [`${prefixCls}-disabled`]: prevDisabled }),
217
- "style": itemStyle,
218
- "aria-disabled": prevDisabled
219
- }, [prev]);
220
- }
221
- let next = renderNext(nextPage.value);
222
- if (next) {
223
- let nextDisabled, nextTabIndex;
224
- if (simple) {
225
- nextDisabled = !hasNext.value;
226
- nextTabIndex = hasPrev.value ? 0 : null;
227
- } else {
228
- nextDisabled = !hasNext.value || !allPages.value;
229
- nextTabIndex = nextDisabled ? null : 0;
230
- }
231
- (function() {
232
- return next;
233
- })();
234
- next = (0, vue.createVNode)("li", {
235
- "title": showTitle ? locale?.next_page : void 0,
236
- "onClick": nextHandle,
237
- "tabindex": nextTabIndex ?? void 0,
238
- "onKeydown": runIfEnterNext,
239
- "class": (0, _v_c_util.classNames)(`${prefixCls}-next`, itemClassName, { [`${prefixCls}-disabled`]: nextDisabled }),
240
- "style": itemStyle,
241
- "aria-disabled": nextDisabled
242
- }, [next]);
243
- }
244
- const totalText = showTotal && (0, vue.createVNode)("li", { "class": `${prefixCls}-total-text` }, [showTotal(total, [total === 0 ? 0 : (current.value - 1) * pageSize.value + 1, current.value * pageSize.value > total ? total : current.value * pageSize.value])]);
245
- const isReadOnly = typeof simple === "object" ? simple.readOnly : !simple;
246
- let gotoButton = goButton.value;
247
- let simplePager = null;
248
- if (simple) {
249
- if (goButton.value) {
250
- if (typeof goButton.value === "boolean") gotoButton = (0, vue.createVNode)("button", {
251
- "type": "button",
252
- "onClick": handleGoTO,
253
- "onKeyup": handleGoTO
254
- }, [locale?.jump_to_confirm]);
255
- else gotoButton = (0, vue.createVNode)("span", {
256
- "onClick": handleGoTO,
257
- "onKeyup": handleGoTO
258
- }, [goButton.value]);
259
- (function() {
260
- return gotoButton;
261
- })();
262
- gotoButton = (0, vue.createVNode)("li", {
263
- "title": showTitle ? `${locale?.jump_to}${current.value}/${allPages.value}` : void 0,
264
- "class": `${prefixCls}-simple-pager`
265
- }, [gotoButton]);
266
- }
267
- simplePager = (0, vue.createVNode)("li", {
268
- "title": showTitle ? `${current.value}/${allPages.value}` : void 0,
269
- "class": (0, _v_c_util.classNames)(`${prefixCls}-simple-pager`, itemClassName),
270
- "style": itemStyle
271
- }, [
272
- isReadOnly ? internalInputVal.value : (0, vue.createVNode)("input", {
273
- "type": "text",
274
- "aria-label": locale?.jump_to,
275
- "value": internalInputVal.value,
276
- "disabled": disabled,
277
- "onKeydown": handleKeyDown,
278
- "onKeyup": handleKeyUp,
279
- "onChange": handleKeyUp,
280
- "onBlur": handleBlur,
281
- "size": 3
282
- }, null),
283
- (0, vue.createVNode)("span", { "class": `${prefixCls}-slash` }, [(0, vue.createTextVNode)("/")]),
284
- allPages.value
285
- ]);
286
- }
287
- const pagerProps = {
288
- rootPrefixCls: prefixCls,
289
- onClick: handleChange,
290
- onKeyPress: runIfEnter,
291
- showTitle,
292
- itemRender: mergedItemRender,
293
- page: -1,
294
- className: itemClassName,
295
- style: itemStyle
296
- };
297
- const pagerList = [];
298
- const pageBufferSize = showLessItems ? 1 : 2;
299
- if (allPages.value <= 3 + pageBufferSize * 2) {
300
- if (!allPages.value) pagerList.push((0, vue.createVNode)(require_Pager.default, (0, vue.mergeProps)(pagerProps, {
301
- "key": "noPager",
302
- "page": 1,
303
- "className": `${prefixCls}-item-disabled`
304
- }), null));
305
- for (let i = 1; i <= allPages.value; i += 1) pagerList.push((0, vue.createVNode)(require_Pager.default, (0, vue.mergeProps)(pagerProps, {
306
- "key": i,
307
- "page": i,
308
- "active": current.value === i
309
- }), null));
310
- } else {
311
- const prevItemTitle = showLessItems ? locale?.prev_3 : locale?.prev_5;
312
- const nextItemTitle = showLessItems ? locale?.next_3 : locale?.next_5;
313
- const jumpPrevContent = mergedItemRender(jumpPrevPage.value, "jump-prev", getItemIcon(jumpPrevIcon, "prev page"));
314
- const jumpNextContent = mergedItemRender(jumpNextPage.value, "jump-next", getItemIcon(jumpNextIcon, "next page"));
315
- let jumpPrev = null;
316
- let jumpNext = null;
317
- if (showPrevNextJumpers) {
318
- jumpPrev = jumpPrevContent ? (0, vue.createVNode)("li", {
319
- "title": showTitle ? prevItemTitle : void 0,
320
- "key": "prev",
321
- "onClick": jumpPrevHandle,
322
- "tabindex": 0,
323
- "onKeydown": runIfEnterJumpPrev,
324
- "class": (0, _v_c_util.classNames)(`${prefixCls}-jump-prev`, { [`${prefixCls}-jump-prev-custom-icon`]: !!jumpPrevIcon })
325
- }, [jumpPrevContent]) : null;
326
- jumpNext = jumpNextContent ? (0, vue.createVNode)("li", {
327
- "title": showTitle ? nextItemTitle : void 0,
328
- "key": "next",
329
- "onClick": jumpNextHandle,
330
- "tabindex": 0,
331
- "onKeydown": runIfEnterJumpNext,
332
- "class": (0, _v_c_util.classNames)(`${prefixCls}-jump-next`, { [`${prefixCls}-jump-next-custom-icon`]: !!jumpNextIcon })
333
- }, [jumpNextContent]) : null;
334
- }
335
- let left = Math.max(1, current.value - pageBufferSize);
336
- let right = Math.min(current.value + pageBufferSize, allPages.value);
337
- if (current.value - 1 <= pageBufferSize) right = 1 + pageBufferSize * 2;
338
- if (allPages.value - current.value <= pageBufferSize) left = allPages.value - pageBufferSize * 2;
339
- for (let i = left; i <= right; i += 1) pagerList.push((0, vue.createVNode)(require_Pager.default, (0, vue.mergeProps)(pagerProps, {
340
- "key": i,
341
- "page": i,
342
- "active": current.value === i
343
- }), null));
344
- if (current.value - 1 >= pageBufferSize * 2 && current.value !== 3) {
345
- if (pagerList[0]) pagerList[0] = (0, _v_c_util_dist_vnode.cloneElement)(pagerList[0], { className: (0, _v_c_util.classNames)(`${prefixCls}-item-after-jump-prev`, pagerList[0].props?.className) });
346
- pagerList.unshift(jumpPrev);
347
- }
348
- if (allPages.value - current.value >= pageBufferSize * 2 && current.value !== allPages.value - 2) {
349
- const lastOne = pagerList[pagerList.length - 1];
350
- if (lastOne) pagerList[pagerList.length - 1] = (0, _v_c_util_dist_vnode.cloneElement)(lastOne, { className: (0, _v_c_util.classNames)(`${prefixCls}-item-before-jump-next`, lastOne.props?.className) });
351
- pagerList.push(jumpNext);
352
- }
353
- if (left !== 1) pagerList.unshift((0, vue.createVNode)(require_Pager.default, (0, vue.mergeProps)(pagerProps, {
354
- "key": 1,
355
- "page": 1
356
- }), null));
357
- if (right !== allPages.value) pagerList.push((0, vue.createVNode)(require_Pager.default, (0, vue.mergeProps)(pagerProps, {
358
- "key": allPages.value,
359
- "page": allPages.value
360
- }), null));
361
- }
362
- const cls = (0, _v_c_util.classNames)(prefixCls, props.className, className, {
363
- [`${prefixCls}-start`]: align === "start",
364
- [`${prefixCls}-center`]: align === "center",
365
- [`${prefixCls}-end`]: align === "end",
366
- [`${prefixCls}-simple`]: simple,
367
- [`${prefixCls}-disabled`]: disabled
368
- });
369
- return (0, vue.createVNode)("ul", (0, vue.mergeProps)({
370
- "ref": paginationRef,
371
- "class": cls,
372
- "style": style
373
- }, dataOrAriaAttributeProps), [
374
- totalText,
375
- prev,
376
- simple ? simplePager : pagerList,
377
- next,
378
- (0, vue.createVNode)(require_Options.default, {
379
- "locale": locale,
380
- "rootPrefixCls": prefixCls,
381
- "disabled": disabled,
382
- "selectPrefixCls": selectPrefixCls,
383
- "changeSize": changePageSize,
384
- "pageSizeOptions": pageSizeOptions,
385
- "pageSize": pageSize.value,
386
- "quickGo": shouldDisplayQuickJumper.value ? handleChange : void 0,
387
- "goButton": gotoButton,
388
- "showSizeChanger": showSizeChanger,
389
- "sizeChangerRender": sizeChangerRender
390
- }, null)
391
- ]);
392
- };
393
- }, {
394
- props: {
395
- onChange: {
396
- type: Function,
397
- required: false,
398
- default: void 0
399
- },
400
- onShowSizeChange: {
401
- type: Function,
402
- required: false,
403
- default: void 0
404
- },
405
- itemRender: {
406
- type: Function,
407
- required: false,
408
- default: void 0
409
- },
410
- showTotal: {
411
- type: Function,
412
- required: false,
413
- default: void 0
414
- },
415
- role: {
416
- type: [String, null],
417
- required: false,
418
- default: void 0
419
- },
420
- styles: {
421
- type: Object,
422
- required: false,
423
- default: void 0
424
- },
425
- classNames: {
426
- type: Object,
427
- required: false,
428
- default: void 0
429
- },
430
- className: {
431
- type: String,
432
- required: false,
433
- default: void 0
434
- },
435
- selectPrefixCls: {
436
- type: String,
437
- required: false,
438
- default: void 0
439
- },
440
- prefixCls: {
441
- type: String,
442
- required: false,
443
- default: void 0
444
- },
445
- pageSizeOptions: {
446
- type: Array,
447
- required: false,
448
- default: void 0
449
- },
450
- current: {
451
- type: Number,
452
- required: false,
453
- default: void 0
454
- },
455
- defaultCurrent: {
456
- type: Number,
457
- required: false,
458
- default: void 0
459
- },
460
- total: {
461
- type: Number,
462
- required: false,
463
- default: void 0
464
- },
465
- totalBoundaryShowSizeChanger: {
466
- type: Number,
467
- required: false,
468
- default: void 0
469
- },
470
- pageSize: {
471
- type: Number,
472
- required: false,
473
- default: void 0
474
- },
475
- defaultPageSize: {
476
- type: Number,
477
- required: false,
478
- default: void 0
479
- },
480
- hideOnSinglePage: {
481
- type: Boolean,
482
- required: false,
483
- default: void 0
484
- },
485
- align: {
486
- type: String,
487
- required: false,
488
- default: void 0
489
- },
490
- showSizeChanger: {
491
- type: Boolean,
492
- required: false,
493
- default: void 0
494
- },
495
- sizeChangerRender: {
496
- type: Function,
497
- required: false,
498
- default: void 0
499
- },
500
- showLessItems: {
501
- type: Boolean,
502
- required: false,
503
- default: void 0
504
- },
505
- showPrevNextJumpers: {
506
- type: Boolean,
507
- required: false,
508
- default: void 0
509
- },
510
- showQuickJumper: {
511
- type: [Boolean, Object],
512
- required: false,
513
- default: void 0
514
- },
515
- showTitle: {
516
- type: Boolean,
517
- required: false,
518
- default: void 0
519
- },
520
- simple: {
521
- type: [Boolean, Object],
522
- required: false,
523
- default: void 0
524
- },
525
- disabled: {
526
- type: Boolean,
527
- required: false,
528
- default: void 0
529
- },
530
- locale: {
531
- type: Object,
532
- required: false,
533
- default: void 0
534
- },
535
- prevIcon: {
536
- type: [
537
- Object,
538
- Function,
539
- String,
540
- Number,
541
- null,
542
- Boolean,
543
- Array
544
- ],
545
- required: false,
546
- default: void 0
547
- },
548
- nextIcon: {
549
- type: [
550
- Object,
551
- Function,
552
- String,
553
- Number,
554
- null,
555
- Boolean,
556
- Array
557
- ],
558
- required: false,
559
- default: void 0
560
- },
561
- jumpPrevIcon: {
562
- type: [
563
- Object,
564
- Function,
565
- String,
566
- Number,
567
- null,
568
- Boolean,
569
- Array
570
- ],
571
- required: false,
572
- default: void 0
573
- },
574
- jumpNextIcon: {
575
- type: [
576
- Object,
577
- Function,
578
- String,
579
- Number,
580
- null,
581
- Boolean,
582
- Array
583
- ],
584
- required: false,
585
- default: void 0
586
- }
587
- },
588
- name: "VCPagination",
589
- inheritAttrs: false
590
- });
591
- var Pagination_default = Pagination;
592
- exports.default = Pagination_default;
@@ -1,21 +0,0 @@
1
- var __create = Object.create;
2
- var __defProp = Object.defineProperty;
3
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
- var __getOwnPropNames = Object.getOwnPropertyNames;
5
- var __getProtoOf = Object.getPrototypeOf;
6
- var __hasOwnProp = Object.prototype.hasOwnProperty;
7
- var __copyProps = (to, from, except, desc) => {
8
- if (from && typeof from === "object" || typeof from === "function") for (var keys = __getOwnPropNames(from), i = 0, n = keys.length, key; i < n; i++) {
9
- key = keys[i];
10
- if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
11
- get: ((k) => from[k]).bind(null, key),
12
- enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
13
- });
14
- }
15
- return to;
16
- };
17
- var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
18
- value: mod,
19
- enumerable: true
20
- }) : target, mod));
21
- exports.__toESM = __toESM;
package/dist/index.cjs DELETED
@@ -1,6 +0,0 @@
1
- Object.defineProperties(exports, {
2
- __esModule: { value: true },
3
- [Symbol.toStringTag]: { value: "Module" }
4
- });
5
- const require_Pagination = require("./Pagination.cjs");
6
- exports.default = require_Pagination.default;
@@ -1,30 +0,0 @@
1
- Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
2
- function optionsProps() {
3
- return {
4
- disabled: { type: Boolean },
5
- locale: {
6
- type: Object,
7
- required: true
8
- },
9
- rootPrefixCls: {
10
- type: String,
11
- required: true
12
- },
13
- selectPrefixCls: { type: String },
14
- pageSize: {
15
- type: Number,
16
- required: true
17
- },
18
- pageSizeOptions: { type: Array },
19
- goButton: { type: [Boolean, String] },
20
- changeSize: { type: Function },
21
- quickGo: { type: Function },
22
- buildOptionText: { type: Function },
23
- showSizeChanger: {
24
- type: Boolean,
25
- require: true
26
- },
27
- sizeChangerRender: { type: Function }
28
- };
29
- }
30
- exports.optionsProps = optionsProps;
@@ -1,19 +0,0 @@
1
- Object.defineProperties(exports, {
2
- __esModule: { value: true },
3
- [Symbol.toStringTag]: { value: "Module" }
4
- });
5
- var locale = {
6
- items_per_page: "/ ግፅ",
7
- jump_to: "ሂድ ወደ",
8
- jump_to_confirm: "አረጋግጥ",
9
- page: "ገፅ",
10
- prev_page: "ያለፈው ገፅ",
11
- next_page: "ቀጣይ ገፅ",
12
- prev_5: "ያለፈው 5 ገፅ",
13
- next_5: "ቀጣይ 5 ገፅ",
14
- prev_3: "ያለፈው 3 ገፅ",
15
- next_3: "ቀጣይ 3 ገፅ",
16
- page_size: "የገፅ መጠን"
17
- };
18
- var am_default = locale;
19
- exports.default = am_default;
@@ -1,19 +0,0 @@
1
- Object.defineProperties(exports, {
2
- __esModule: { value: true },
3
- [Symbol.toStringTag]: { value: "Module" }
4
- });
5
- var locale = {
6
- items_per_page: "/ الصفحة",
7
- jump_to: "الذهاب إلى",
8
- jump_to_confirm: "تأكيد",
9
- page: "الصفحة",
10
- prev_page: "الصفحة السابقة",
11
- next_page: "الصفحة التالية",
12
- prev_5: "خمس صفحات سابقة",
13
- next_5: "خمس صفحات تالية",
14
- prev_3: "ثلاث صفحات سابقة",
15
- next_3: "ثلاث صفحات تالية",
16
- page_size: "مقاس الصفحه"
17
- };
18
- var ar_EG_default = locale;
19
- exports.default = ar_EG_default;