@whitesev/data-paging 0.0.3 → 0.0.4
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/dist/index.amd.js +645 -637
- package/dist/index.amd.min.js +1 -344
- package/dist/index.cjs.js +643 -635
- package/dist/index.cjs.min.js +1 -340
- package/dist/index.esm.js +641 -633
- package/dist/index.esm.min.js +1 -339
- package/dist/index.iife.js +646 -637
- package/dist/index.iife.min.js +1 -344
- package/dist/index.system.js +648 -640
- package/dist/index.system.min.js +1 -355
- package/dist/index.umd.js +649 -643
- package/dist/index.umd.min.js +1 -350
- package/dist/types/eslint.config.d.mts +2 -0
- package/dist/types/src/index.d.ts +183 -183
- package/dist/types/src/utils.d.ts +4 -4
- package/package.json +11 -11
package/dist/index.system.min.js
CHANGED
|
@@ -1,356 +1,2 @@
|
|
|
1
|
-
System.register("DataPaging", [], function (t) {
|
|
2
|
-
"use strict";
|
|
3
|
-
return {
|
|
4
|
-
execute: function () {
|
|
5
|
-
const e = {
|
|
6
|
-
setSafeHTML(t, e) {
|
|
7
|
-
try {
|
|
8
|
-
t.innerHTML = e;
|
|
9
|
-
} catch {
|
|
10
|
-
if (!globalThis.trustedTypes) throw new Error("PagingUtils trustedTypes is not defined");
|
|
11
|
-
{
|
|
12
|
-
const i = globalThis.trustedTypes.createPolicy("safe-innerHTML", { createHTML: (t) => t });
|
|
13
|
-
t.innerHTML = i.createHTML(e);
|
|
14
|
-
}
|
|
15
|
-
}
|
|
16
|
-
},
|
|
17
|
-
};
|
|
18
|
-
t(
|
|
19
|
-
"default",
|
|
20
|
-
class {
|
|
21
|
-
version = "0.0.3";
|
|
22
|
-
CONFIG;
|
|
23
|
-
PAGE_CONFIG = {
|
|
24
|
-
currentPage: () => {
|
|
25
|
-
const t = this.DOM_CONFIG.getAttributeWithCurrentPage();
|
|
26
|
-
return this.DOM_CONFIG.getAttributeWithPageId(t) ?? 1;
|
|
27
|
-
},
|
|
28
|
-
maxPage: 1,
|
|
29
|
-
};
|
|
30
|
-
DOM_CONFIG = {
|
|
31
|
-
$pageWrapper: { localName: "div", id: "data-paging-wrapper", dom: null },
|
|
32
|
-
firstBtnNode: {
|
|
33
|
-
localName: "a",
|
|
34
|
-
className: "pg-first",
|
|
35
|
-
svgHTML:
|
|
36
|
-
'<svg t="1694497357294" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4758" width="20"><path d="M730.639277 211.376748l60.943177 60.943176-301.698894 301.698893L428.940384 513.075641z" p-id="4759"></path><path d="M730.496772 814.924547l60.943176-60.943176-301.698893-301.698893L428.797879 513.225654z" p-id="4760"></path><path d="M298.666667 213.333333h85.333333v597.333334H298.666667z" p-id="4761"></path></svg>',
|
|
37
|
-
get: () =>
|
|
38
|
-
this.DOM_CONFIG.$pageWrapper.dom.querySelector(
|
|
39
|
-
`${this.DOM_CONFIG.firstBtnNode.localName}.${this.DOM_CONFIG.firstBtnNode.className}`
|
|
40
|
-
),
|
|
41
|
-
},
|
|
42
|
-
prevBtnNode: {
|
|
43
|
-
localName: "a",
|
|
44
|
-
className: "pg-prev",
|
|
45
|
-
svgHTML:
|
|
46
|
-
'<svg t="1694497840770" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5272" width="20"><path d="M620.322607 151.04875l60.943176 60.943176-362.038672 362.038672L258.283935 513.087422z" p-id="5273"></path><path d="M620.180101 875.252545l60.943177-60.943176-362.038672-362.038672L258.141429 513.213873z" p-id="5274"></path></svg>',
|
|
47
|
-
get: () =>
|
|
48
|
-
this.DOM_CONFIG.$pageWrapper.dom.querySelector(
|
|
49
|
-
`${this.DOM_CONFIG.prevBtnNode.localName}.${this.DOM_CONFIG.prevBtnNode.className}`
|
|
50
|
-
),
|
|
51
|
-
},
|
|
52
|
-
nextBtnNode: {
|
|
53
|
-
localName: "a",
|
|
54
|
-
className: "pg-next",
|
|
55
|
-
svgHTML:
|
|
56
|
-
'<svg t="1694497949481" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5465" width="20"><path d="M403.399239 151.02258l-60.943177 60.943177 362.038672 362.038672L765.437911 513.061252z" p-id="5466"></path><path d="M403.576858 875.263008l-60.943176-60.943176 362.038672-362.038672L765.61553 513.224336z" p-id="5467"></path></svg>',
|
|
57
|
-
get: () =>
|
|
58
|
-
this.DOM_CONFIG.$pageWrapper.dom.querySelector(
|
|
59
|
-
`${this.DOM_CONFIG.nextBtnNode.localName}.${this.DOM_CONFIG.nextBtnNode.className}`
|
|
60
|
-
),
|
|
61
|
-
},
|
|
62
|
-
lastBtnNode: {
|
|
63
|
-
localName: "a",
|
|
64
|
-
className: "pg-last",
|
|
65
|
-
svgHTML:
|
|
66
|
-
'<svg t="1694498035538" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2299" width="20"><path d="M516.266667 490.666667L256 230.4 315.733333 170.666667l320 320L315.733333 810.666667 256 750.933333l260.266667-260.266666zM678.4 170.666667h85.333333v640h-85.333333V170.666667z" p-id="2300"></path></svg>',
|
|
67
|
-
get: () =>
|
|
68
|
-
this.DOM_CONFIG.$pageWrapper.dom.querySelector(
|
|
69
|
-
`${this.DOM_CONFIG.lastBtnNode.localName}.${this.DOM_CONFIG.lastBtnNode.className}`
|
|
70
|
-
),
|
|
71
|
-
},
|
|
72
|
-
setAttributeWithPageId: (t, e) => {
|
|
73
|
-
t.setAttribute("page-id", String(e));
|
|
74
|
-
},
|
|
75
|
-
getAttributeWithPageId: (t) => {
|
|
76
|
-
const e = t?.getAttribute("page-id");
|
|
77
|
-
return e ? parseInt(e) : null;
|
|
78
|
-
},
|
|
79
|
-
hasAttributeWithPageId: (t) => t.hasAttribute("page-id"),
|
|
80
|
-
setAttributeWithCurrentPage: (t) => {
|
|
81
|
-
t.setAttribute("data-current-page", "");
|
|
82
|
-
},
|
|
83
|
-
getAttributeWithCurrentPage: (t) =>
|
|
84
|
-
(t || this.DOM_CONFIG.$pageWrapper.dom).querySelector("a[data-current-page]"),
|
|
85
|
-
hasAttributeWithCurrentPage: (t) => t.hasAttribute("data-current-page"),
|
|
86
|
-
removeAttributeWithCurrentPage: (t) => {
|
|
87
|
-
t.removeAttribute("data-current-page");
|
|
88
|
-
},
|
|
89
|
-
setAttributeWithDisabled: (t) => {
|
|
90
|
-
t.setAttribute("disabled", "true");
|
|
91
|
-
},
|
|
92
|
-
removeAllAttributeWithDisabled: (t) => {
|
|
93
|
-
(t || this.DOM_CONFIG.$pageWrapper.dom)?.querySelectorAll("a[class][disabled]").forEach((t) => {
|
|
94
|
-
t.removeAttribute("disabled");
|
|
95
|
-
});
|
|
96
|
-
},
|
|
97
|
-
getFirstPageNode: (t) => (t || this.DOM_CONFIG.$pageWrapper.dom).querySelector("a[page-id='1']"),
|
|
98
|
-
getLastPageNode: (t) =>
|
|
99
|
-
(t || this.DOM_CONFIG.$pageWrapper.dom).querySelector(`a[page-id='${this.PAGE_CONFIG.maxPage}']`),
|
|
100
|
-
getAllPageNode: (t) => Array.from((t || this.DOM_CONFIG.$pageWrapper.dom).querySelectorAll("a[page-id]")),
|
|
101
|
-
};
|
|
102
|
-
constructor(t) {
|
|
103
|
-
((this.CONFIG = {
|
|
104
|
-
data: [],
|
|
105
|
-
pageShowDataMaxCount: 5,
|
|
106
|
-
pageMaxStep: 3,
|
|
107
|
-
currentPage: 1,
|
|
108
|
-
pageChangeCallBack: function () {},
|
|
109
|
-
prevBtn: { enable: !0, callBack: function () {} },
|
|
110
|
-
nextBtn: { enable: !0, callBack: function () {} },
|
|
111
|
-
firstBtn: { enable: !0, callBack: function () {} },
|
|
112
|
-
lastBtn: { enable: !0, callBack: function () {} },
|
|
113
|
-
}),
|
|
114
|
-
this.changeConfig(t));
|
|
115
|
-
}
|
|
116
|
-
hide(t = this.DOM_CONFIG.$pageWrapper.dom) {
|
|
117
|
-
t && (t.style.display = "none");
|
|
118
|
-
}
|
|
119
|
-
show(t = this.DOM_CONFIG.$pageWrapper.dom) {
|
|
120
|
-
t && (t.style.display = "");
|
|
121
|
-
}
|
|
122
|
-
isHide(t = this.DOM_CONFIG.$pageWrapper.dom) {
|
|
123
|
-
if (t) return t.style.display.includes("none");
|
|
124
|
-
}
|
|
125
|
-
destory() {
|
|
126
|
-
const t = this.DOM_CONFIG.$pageWrapper.dom;
|
|
127
|
-
if (!t) return;
|
|
128
|
-
const e = t.parentElement;
|
|
129
|
-
(e?.removeChild?.(t), (this.DOM_CONFIG.$pageWrapper.dom = null));
|
|
130
|
-
}
|
|
131
|
-
addCSS(t = document.head) {
|
|
132
|
-
const i = document.createElement("style");
|
|
133
|
-
i.setAttribute("type", "text/css");
|
|
134
|
-
const a = `@charset "utf-8";\n\t\t#${this.DOM_CONFIG.$pageWrapper.id} {\n\t\t\ttext-align: center;\n\t\t\tdisplay: inline-block;\n\t\t}\n\t\t#${this.DOM_CONFIG.$pageWrapper.id} .${this.DOM_CONFIG.firstBtnNode.className},\n\t\t#${this.DOM_CONFIG.$pageWrapper.id} .${this.DOM_CONFIG.prevBtnNode.className},\n\t\t#${this.DOM_CONFIG.$pageWrapper.id} .${this.DOM_CONFIG.nextBtnNode.className},\n\t\t#${this.DOM_CONFIG.$pageWrapper.id} .${this.DOM_CONFIG.lastBtnNode.className} {\n\t\t\tfont-family: Arial, sans-serif;\n\t\t\tcolor: #333;\n\t\t\tfont-size: 22px;\n\t\t\tfill: currentColor;\n\t\t\tdisplay: inline-flex;\n\t\t\tjustify-content: center;\n\t\t\talign-items: center;\n\t\t\ttext-decoration: none;\n\t\t}\n\t\t#${this.DOM_CONFIG.$pageWrapper.id} a,\n\t\t#${this.DOM_CONFIG.$pageWrapper.id} span {\n\t\t\twidth: 45px;\n\t\t\theight: 40px;\n\t\t\tborder: 1px solid #ebebeb;\n\t\t\tmargin-left: -1px;\n\t\t\tcolor: #000000;\n\t\t\tline-height: 40px;\n\t\t\tfloat: left;\n\t\t\tfont-size: 15px;\n\t\t\ttext-decoration: none;\n\t\t\tmargin: 0 2px;\n\t\t\tborder-radius: 6px;\n\t\t}\n\t\t#${this.DOM_CONFIG.$pageWrapper.id} a:hover,\n\t\t#${this.DOM_CONFIG.$pageWrapper.id} span:hover {\n\t\t\tborder-color: #3897cd;\n\t\t\tcolor: #3897cd;\n\t\t\tposition: relative;\n\t\t\tz-index: 1;\n\t\t}\n\t\t#${this.DOM_CONFIG.$pageWrapper.id} a {\n\t\t\tcursor: pointer;\n\t\t\tuser-select: none;\n\t\t}\n\t\t#${this.DOM_CONFIG.$pageWrapper.id} a[data-current-page] {\n\t\t\tbackground-color: #222a35;\n\t\t\tcolor: #fff;\n\t\t\tborder-color: #ebebeb;\n\t\t\tposition: relative;\n\t\t\tz-index: 1;\n\t\t}\n\t\t#${this.DOM_CONFIG.$pageWrapper.id} a.${this.DOM_CONFIG.firstBtnNode.className}[disabled="true"],\n\t\t#${this.DOM_CONFIG.$pageWrapper.id} a.${this.DOM_CONFIG.prevBtnNode.className}[disabled="true"],\n\t\t#${this.DOM_CONFIG.$pageWrapper.id} a.${this.DOM_CONFIG.nextBtnNode.className}[disabled="true"],\n\t\t#${this.DOM_CONFIG.$pageWrapper.id} a.${this.DOM_CONFIG.lastBtnNode.className}[disabled="true"]{\n\t\t\tcursor: not-allowed;\n\t\t\tborder: 1px solid transparent;\n\t\t\tcolor: #c9c9c9;\n\t\t}\n\t\t`;
|
|
135
|
-
(e.setSafeHTML(i, a), t.appendChild(i));
|
|
136
|
-
}
|
|
137
|
-
createDataPagingWrapper() {
|
|
138
|
-
const t = document.createElement(this.DOM_CONFIG.$pageWrapper.localName);
|
|
139
|
-
((this.DOM_CONFIG.$pageWrapper.dom = t), (t.id = this.DOM_CONFIG.$pageWrapper.id));
|
|
140
|
-
const i = document.createElement(this.DOM_CONFIG.firstBtnNode.localName);
|
|
141
|
-
e.setSafeHTML(i, this.DOM_CONFIG.firstBtnNode.svgHTML);
|
|
142
|
-
const a = document.createElement(this.DOM_CONFIG.prevBtnNode.localName);
|
|
143
|
-
e.setSafeHTML(a, this.DOM_CONFIG.prevBtnNode.svgHTML);
|
|
144
|
-
const s = document.createElement(this.DOM_CONFIG.nextBtnNode.localName);
|
|
145
|
-
e.setSafeHTML(s, this.DOM_CONFIG.nextBtnNode.svgHTML);
|
|
146
|
-
const r = document.createElement(this.DOM_CONFIG.lastBtnNode.localName);
|
|
147
|
-
if (
|
|
148
|
-
(e.setSafeHTML(r, this.DOM_CONFIG.lastBtnNode.svgHTML),
|
|
149
|
-
(i.className = this.DOM_CONFIG.firstBtnNode.className),
|
|
150
|
-
(a.className = this.DOM_CONFIG.prevBtnNode.className),
|
|
151
|
-
(s.className = this.DOM_CONFIG.nextBtnNode.className),
|
|
152
|
-
(r.className = this.DOM_CONFIG.lastBtnNode.className),
|
|
153
|
-
(this.PAGE_CONFIG.maxPage = Math.ceil(this.CONFIG.data.length / this.CONFIG.pageShowDataMaxCount)),
|
|
154
|
-
this.CONFIG.currentPage < 1
|
|
155
|
-
? (this.CONFIG.currentPage = 1)
|
|
156
|
-
: this.CONFIG.currentPage > this.PAGE_CONFIG.maxPage &&
|
|
157
|
-
(this.CONFIG.currentPage = this.PAGE_CONFIG.maxPage),
|
|
158
|
-
this.PAGE_CONFIG.maxPage < 2)
|
|
159
|
-
)
|
|
160
|
-
return t;
|
|
161
|
-
(this.CONFIG.firstBtn.enable && (this.setFirstBtnClickEvent(i, t), t.appendChild(i)),
|
|
162
|
-
this.CONFIG.prevBtn.enable && (this.setPrevBtnClickEvent(a, t), t.appendChild(a)));
|
|
163
|
-
let n = this.CONFIG.currentPage;
|
|
164
|
-
if (this.CONFIG.pageMaxStep > this.PAGE_CONFIG.maxPage)
|
|
165
|
-
for (let e = n; e <= this.PAGE_CONFIG.maxPage; e++) {
|
|
166
|
-
const i = document.createElement("a");
|
|
167
|
-
(this.DOM_CONFIG.setAttributeWithPageId(i, e),
|
|
168
|
-
(i.innerText = String(e)),
|
|
169
|
-
this.CONFIG.currentPage === e && this.DOM_CONFIG.setAttributeWithCurrentPage(i),
|
|
170
|
-
this.setPageBtnClickEvent(i, t),
|
|
171
|
-
t.appendChild(i));
|
|
172
|
-
}
|
|
173
|
-
else if (n + this.CONFIG.pageMaxStep > this.PAGE_CONFIG.maxPage) {
|
|
174
|
-
n = this.PAGE_CONFIG.maxPage;
|
|
175
|
-
const e = [];
|
|
176
|
-
for (let i = 0; i < this.CONFIG.pageMaxStep; i++) {
|
|
177
|
-
const i = document.createElement("a");
|
|
178
|
-
(this.DOM_CONFIG.setAttributeWithPageId(i, n),
|
|
179
|
-
(i.innerText = String(n)),
|
|
180
|
-
this.CONFIG.currentPage === n && this.DOM_CONFIG.setAttributeWithCurrentPage(i),
|
|
181
|
-
this.setPageBtnClickEvent(i, t),
|
|
182
|
-
e.push(i),
|
|
183
|
-
n--);
|
|
184
|
-
}
|
|
185
|
-
(e.reverse(),
|
|
186
|
-
e.forEach((e) => {
|
|
187
|
-
t.appendChild(e);
|
|
188
|
-
}));
|
|
189
|
-
} else
|
|
190
|
-
for (let e = 0; e < this.CONFIG.pageMaxStep; e++) {
|
|
191
|
-
const e = document.createElement("a");
|
|
192
|
-
(this.DOM_CONFIG.setAttributeWithPageId(e, n),
|
|
193
|
-
(e.innerText = String(n)),
|
|
194
|
-
this.CONFIG.currentPage === n && this.DOM_CONFIG.setAttributeWithCurrentPage(e),
|
|
195
|
-
this.setPageBtnClickEvent(e, t),
|
|
196
|
-
t.appendChild(e),
|
|
197
|
-
n++);
|
|
198
|
-
}
|
|
199
|
-
return (
|
|
200
|
-
this.CONFIG.nextBtn.enable && (this.setNextBtnClickEvent(s, t), t.appendChild(s)),
|
|
201
|
-
this.CONFIG.lastBtn.enable && (this.setLastBtnClickEvent(r, t), t.appendChild(r)),
|
|
202
|
-
1 === this.CONFIG.currentPage
|
|
203
|
-
? (this.DOM_CONFIG.setAttributeWithDisabled(this.DOM_CONFIG.firstBtnNode.get()),
|
|
204
|
-
this.DOM_CONFIG.setAttributeWithDisabled(this.DOM_CONFIG.prevBtnNode.get()))
|
|
205
|
-
: this.CONFIG.currentPage === this.PAGE_CONFIG.maxPage &&
|
|
206
|
-
(this.DOM_CONFIG.setAttributeWithDisabled(this.DOM_CONFIG.nextBtnNode.get()),
|
|
207
|
-
this.DOM_CONFIG.setAttributeWithDisabled(this.DOM_CONFIG.lastBtnNode.get())),
|
|
208
|
-
t
|
|
209
|
-
);
|
|
210
|
-
}
|
|
211
|
-
setFirstBtnClickEvent(t, e) {
|
|
212
|
-
t.addEventListener("click", async (t) => {
|
|
213
|
-
const i = this.DOM_CONFIG.getAttributeWithCurrentPage();
|
|
214
|
-
if (1 === this.DOM_CONFIG.getAttributeWithPageId(i)) return;
|
|
215
|
-
await this.CONFIG.firstBtn?.callBack?.(t);
|
|
216
|
-
const a = this.DOM_CONFIG.getAllPageNode(e);
|
|
217
|
-
for (let t = 0; t < this.CONFIG.pageMaxStep; t++) {
|
|
218
|
-
const e = a[t];
|
|
219
|
-
null != e &&
|
|
220
|
-
(0 === t
|
|
221
|
-
? this.DOM_CONFIG.setAttributeWithCurrentPage(e)
|
|
222
|
-
: this.DOM_CONFIG.removeAttributeWithCurrentPage(e),
|
|
223
|
-
this.DOM_CONFIG.setAttributeWithPageId(e, t + 1),
|
|
224
|
-
(e.innerText = String(t + 1)));
|
|
225
|
-
}
|
|
226
|
-
(this.DOM_CONFIG.removeAllAttributeWithDisabled(e),
|
|
227
|
-
this.DOM_CONFIG.getFirstPageNode(e) &&
|
|
228
|
-
(this.DOM_CONFIG.setAttributeWithDisabled(this.DOM_CONFIG.firstBtnNode.get()),
|
|
229
|
-
this.DOM_CONFIG.setAttributeWithDisabled(this.DOM_CONFIG.prevBtnNode.get())),
|
|
230
|
-
this.CONFIG.pageChangeCallBack(1));
|
|
231
|
-
});
|
|
232
|
-
}
|
|
233
|
-
setPrevBtnClickEvent(t, e) {
|
|
234
|
-
t.addEventListener("click", async (t) => {
|
|
235
|
-
const i = this.DOM_CONFIG.getAttributeWithCurrentPage();
|
|
236
|
-
if (1 === this.DOM_CONFIG.getAttributeWithPageId(i)) return;
|
|
237
|
-
await this.CONFIG.prevBtn?.callBack?.(t);
|
|
238
|
-
const a = i.previousElementSibling;
|
|
239
|
-
if (a && this.DOM_CONFIG.hasAttributeWithPageId(a)) a.click();
|
|
240
|
-
else {
|
|
241
|
-
(this.DOM_CONFIG.getAllPageNode(e).forEach((t) => {
|
|
242
|
-
let e = this.DOM_CONFIG.getAttributeWithPageId(t);
|
|
243
|
-
(e--, this.DOM_CONFIG.setAttributeWithPageId(t, e), (t.innerText = String(e)));
|
|
244
|
-
}),
|
|
245
|
-
this.CONFIG.pageChangeCallBack(this.PAGE_CONFIG.currentPage()));
|
|
246
|
-
}
|
|
247
|
-
(this.DOM_CONFIG.removeAllAttributeWithDisabled(e),
|
|
248
|
-
this.DOM_CONFIG.getFirstPageNode(e) &&
|
|
249
|
-
1 == this.PAGE_CONFIG.currentPage() &&
|
|
250
|
-
(this.DOM_CONFIG.setAttributeWithDisabled(this.DOM_CONFIG.firstBtnNode.get()),
|
|
251
|
-
this.DOM_CONFIG.setAttributeWithDisabled(this.DOM_CONFIG.prevBtnNode.get())));
|
|
252
|
-
});
|
|
253
|
-
}
|
|
254
|
-
setNextBtnClickEvent(t, e) {
|
|
255
|
-
t.addEventListener("click", async (t) => {
|
|
256
|
-
const i = this.DOM_CONFIG.getAttributeWithCurrentPage();
|
|
257
|
-
if (this.DOM_CONFIG.getAttributeWithPageId(i) === this.PAGE_CONFIG.maxPage) return;
|
|
258
|
-
await this.CONFIG.nextBtn?.callBack?.(t);
|
|
259
|
-
const a = i.nextElementSibling;
|
|
260
|
-
if (a && this.DOM_CONFIG.hasAttributeWithPageId(a)) a.click();
|
|
261
|
-
else {
|
|
262
|
-
(this.DOM_CONFIG.getAllPageNode(e).forEach((t) => {
|
|
263
|
-
let e = this.DOM_CONFIG.getAttributeWithPageId(t);
|
|
264
|
-
(e++,
|
|
265
|
-
e > this.PAGE_CONFIG.maxPage ||
|
|
266
|
-
(this.DOM_CONFIG.setAttributeWithPageId(t, e), (t.innerText = String(e))));
|
|
267
|
-
}),
|
|
268
|
-
this.CONFIG.pageChangeCallBack(this.PAGE_CONFIG.currentPage()));
|
|
269
|
-
}
|
|
270
|
-
(this.DOM_CONFIG.removeAllAttributeWithDisabled(e),
|
|
271
|
-
this.DOM_CONFIG.getLastPageNode() &&
|
|
272
|
-
this.PAGE_CONFIG.currentPage() == this.PAGE_CONFIG.maxPage &&
|
|
273
|
-
(this.DOM_CONFIG.setAttributeWithDisabled(this.DOM_CONFIG.nextBtnNode.get()),
|
|
274
|
-
this.DOM_CONFIG.setAttributeWithDisabled(this.DOM_CONFIG.lastBtnNode.get())));
|
|
275
|
-
});
|
|
276
|
-
}
|
|
277
|
-
setLastBtnClickEvent(t, e) {
|
|
278
|
-
t.addEventListener("click", async (t) => {
|
|
279
|
-
const i = this.DOM_CONFIG.getAttributeWithCurrentPage();
|
|
280
|
-
if (this.DOM_CONFIG.getAttributeWithPageId(i) === this.PAGE_CONFIG.maxPage) return;
|
|
281
|
-
await this.CONFIG.lastBtn?.callBack?.(t);
|
|
282
|
-
const a = Array.from(this.DOM_CONFIG.getAllPageNode(e));
|
|
283
|
-
a.reverse();
|
|
284
|
-
let s = this.PAGE_CONFIG.maxPage,
|
|
285
|
-
r = 0;
|
|
286
|
-
for (; !(this.PAGE_CONFIG.maxPage - s > 3); ) {
|
|
287
|
-
const t = a[r];
|
|
288
|
-
if (null == t) break;
|
|
289
|
-
(0 === r
|
|
290
|
-
? this.DOM_CONFIG.setAttributeWithCurrentPage(t)
|
|
291
|
-
: this.DOM_CONFIG.removeAttributeWithCurrentPage(t),
|
|
292
|
-
this.DOM_CONFIG.setAttributeWithPageId(t, s),
|
|
293
|
-
(t.innerText = String(s)),
|
|
294
|
-
s--,
|
|
295
|
-
r++);
|
|
296
|
-
}
|
|
297
|
-
(this.DOM_CONFIG.removeAllAttributeWithDisabled(e),
|
|
298
|
-
this.DOM_CONFIG.setAttributeWithDisabled(this.DOM_CONFIG.nextBtnNode.get()),
|
|
299
|
-
this.DOM_CONFIG.setAttributeWithDisabled(this.DOM_CONFIG.lastBtnNode.get()),
|
|
300
|
-
this.CONFIG.pageChangeCallBack(this.PAGE_CONFIG.maxPage));
|
|
301
|
-
});
|
|
302
|
-
}
|
|
303
|
-
setPageBtnClickEvent(t, e) {
|
|
304
|
-
t.addEventListener("click", async () => {
|
|
305
|
-
const i = t,
|
|
306
|
-
a = this.DOM_CONFIG.getAllPageNode(e);
|
|
307
|
-
for (const t of a)
|
|
308
|
-
if (t == i) {
|
|
309
|
-
if (!this.DOM_CONFIG.hasAttributeWithCurrentPage(i)) {
|
|
310
|
-
this.DOM_CONFIG.setAttributeWithCurrentPage(i);
|
|
311
|
-
const t = this.PAGE_CONFIG.currentPage();
|
|
312
|
-
await this.CONFIG?.pageChangeCallBack?.(t);
|
|
313
|
-
}
|
|
314
|
-
} else this.DOM_CONFIG.removeAttributeWithCurrentPage(t);
|
|
315
|
-
(this.DOM_CONFIG.removeAllAttributeWithDisabled(e),
|
|
316
|
-
this.DOM_CONFIG.getFirstPageNode(e) &&
|
|
317
|
-
1 == this.PAGE_CONFIG.currentPage() &&
|
|
318
|
-
(this.DOM_CONFIG.setAttributeWithDisabled(this.DOM_CONFIG.firstBtnNode.get()),
|
|
319
|
-
this.DOM_CONFIG.setAttributeWithDisabled(this.DOM_CONFIG.prevBtnNode.get())),
|
|
320
|
-
this.DOM_CONFIG.getLastPageNode() &&
|
|
321
|
-
this.PAGE_CONFIG.currentPage() == this.PAGE_CONFIG.maxPage &&
|
|
322
|
-
(this.DOM_CONFIG.setAttributeWithDisabled(this.DOM_CONFIG.nextBtnNode.get()),
|
|
323
|
-
this.DOM_CONFIG.setAttributeWithDisabled(this.DOM_CONFIG.lastBtnNode.get())));
|
|
324
|
-
});
|
|
325
|
-
}
|
|
326
|
-
append(t) {
|
|
327
|
-
const e = this.isHide();
|
|
328
|
-
this.destory();
|
|
329
|
-
const i = this.createDataPagingWrapper();
|
|
330
|
-
(e && this.hide(i), t.appendChild(i));
|
|
331
|
-
}
|
|
332
|
-
after(t) {
|
|
333
|
-
const e = this.isHide(),
|
|
334
|
-
i = t.parentElement,
|
|
335
|
-
a = t.nextSibling;
|
|
336
|
-
this.destory();
|
|
337
|
-
const s = this.createDataPagingWrapper();
|
|
338
|
-
(e && this.hide(s), !i || a ? t.after(s) : i.insertBefore(s, a));
|
|
339
|
-
}
|
|
340
|
-
changeConfig(t) {
|
|
341
|
-
Object.assign(this.CONFIG, t);
|
|
342
|
-
}
|
|
343
|
-
refresh(t) {
|
|
344
|
-
((this.CONFIG.data = []), (this.CONFIG.data = t));
|
|
345
|
-
let e = this.PAGE_CONFIG.currentPage();
|
|
346
|
-
const i = Math.ceil(t.length / this.CONFIG.pageShowDataMaxCount);
|
|
347
|
-
(e > i && (e = i), (this.CONFIG.currentPage = e));
|
|
348
|
-
const a = this.DOM_CONFIG.$pageWrapper.dom;
|
|
349
|
-
a && this.after(a);
|
|
350
|
-
}
|
|
351
|
-
}
|
|
352
|
-
);
|
|
353
|
-
},
|
|
354
|
-
};
|
|
355
|
-
});
|
|
1
|
+
System.register("DataPaging",[],function(t){"use strict";return{execute:function(){const e={setSafeHTML(t,e){try{t.innerHTML=e}catch{if(!globalThis.trustedTypes)throw new Error("PagingUtils trustedTypes is not defined");{const i=globalThis.trustedTypes.createPolicy("safe-innerHTML",{createHTML:t=>t});t.innerHTML=i.createHTML(e)}}}};t("default",class{version="0.0.4";CONFIG;PAGE_CONFIG={currentPage:()=>{const t=this.DOM_CONFIG.getAttributeWithCurrentPage();return this.DOM_CONFIG.getAttributeWithPageId(t)??1},maxPage:1};DOM_CONFIG={$pageWrapper:{localName:"div",id:"data-paging-wrapper",dom:null},firstBtnNode:{localName:"a",className:"pg-first",svgHTML:'<svg t="1694497357294" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4758" width="20"><path d="M730.639277 211.376748l60.943177 60.943176-301.698894 301.698893L428.940384 513.075641z" p-id="4759"></path><path d="M730.496772 814.924547l60.943176-60.943176-301.698893-301.698893L428.797879 513.225654z" p-id="4760"></path><path d="M298.666667 213.333333h85.333333v597.333334H298.666667z" p-id="4761"></path></svg>',get:()=>this.DOM_CONFIG.$pageWrapper.dom.querySelector(`${this.DOM_CONFIG.firstBtnNode.localName}.${this.DOM_CONFIG.firstBtnNode.className}`)},prevBtnNode:{localName:"a",className:"pg-prev",svgHTML:'<svg t="1694497840770" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5272" width="20"><path d="M620.322607 151.04875l60.943176 60.943176-362.038672 362.038672L258.283935 513.087422z" p-id="5273"></path><path d="M620.180101 875.252545l60.943177-60.943176-362.038672-362.038672L258.141429 513.213873z" p-id="5274"></path></svg>',get:()=>this.DOM_CONFIG.$pageWrapper.dom.querySelector(`${this.DOM_CONFIG.prevBtnNode.localName}.${this.DOM_CONFIG.prevBtnNode.className}`)},nextBtnNode:{localName:"a",className:"pg-next",svgHTML:'<svg t="1694497949481" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5465" width="20"><path d="M403.399239 151.02258l-60.943177 60.943177 362.038672 362.038672L765.437911 513.061252z" p-id="5466"></path><path d="M403.576858 875.263008l-60.943176-60.943176 362.038672-362.038672L765.61553 513.224336z" p-id="5467"></path></svg>',get:()=>this.DOM_CONFIG.$pageWrapper.dom.querySelector(`${this.DOM_CONFIG.nextBtnNode.localName}.${this.DOM_CONFIG.nextBtnNode.className}`)},lastBtnNode:{localName:"a",className:"pg-last",svgHTML:'<svg t="1694498035538" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2299" width="20"><path d="M516.266667 490.666667L256 230.4 315.733333 170.666667l320 320L315.733333 810.666667 256 750.933333l260.266667-260.266666zM678.4 170.666667h85.333333v640h-85.333333V170.666667z" p-id="2300"></path></svg>',get:()=>this.DOM_CONFIG.$pageWrapper.dom.querySelector(`${this.DOM_CONFIG.lastBtnNode.localName}.${this.DOM_CONFIG.lastBtnNode.className}`)},setAttributeWithPageId:(t,e)=>{t.setAttribute("page-id",String(e))},getAttributeWithPageId:t=>{const e=t?.getAttribute("page-id");return e?parseInt(e):null},hasAttributeWithPageId:t=>t.hasAttribute("page-id"),setAttributeWithCurrentPage:t=>{t.setAttribute("data-current-page","")},getAttributeWithCurrentPage:t=>(t||this.DOM_CONFIG.$pageWrapper.dom).querySelector("a[data-current-page]"),hasAttributeWithCurrentPage:t=>t.hasAttribute("data-current-page"),removeAttributeWithCurrentPage:t=>{t.removeAttribute("data-current-page")},setAttributeWithDisabled:t=>{t.setAttribute("disabled","true")},removeAllAttributeWithDisabled:t=>{(t||this.DOM_CONFIG.$pageWrapper.dom)?.querySelectorAll("a[class][disabled]").forEach(t=>{t.removeAttribute("disabled")})},getFirstPageNode:t=>(t||this.DOM_CONFIG.$pageWrapper.dom).querySelector("a[page-id='1']"),getLastPageNode:t=>(t||this.DOM_CONFIG.$pageWrapper.dom).querySelector(`a[page-id='${this.PAGE_CONFIG.maxPage}']`),getAllPageNode:t=>Array.from((t||this.DOM_CONFIG.$pageWrapper.dom).querySelectorAll("a[page-id]"))};constructor(t){this.CONFIG={data:[],pageShowDataMaxCount:5,pageMaxStep:3,currentPage:1,pageChangeCallBack:function(){},prevBtn:{enable:!0,callBack:function(){}},nextBtn:{enable:!0,callBack:function(){}},firstBtn:{enable:!0,callBack:function(){}},lastBtn:{enable:!0,callBack:function(){}}},this.changeConfig(t)}hide(t=this.DOM_CONFIG.$pageWrapper.dom){t&&(t.style.display="none")}show(t=this.DOM_CONFIG.$pageWrapper.dom){t&&(t.style.display="")}isHide(t=this.DOM_CONFIG.$pageWrapper.dom){if(t)return t.style.display.includes("none")}destory(){const t=this.DOM_CONFIG.$pageWrapper.dom;if(!t)return;const e=t.parentElement;e?.removeChild?.(t),this.DOM_CONFIG.$pageWrapper.dom=null}addCSS(t=document.head){const i=document.createElement("style");i.setAttribute("type","text/css");const a=`@charset "utf-8";\n\t\t#${this.DOM_CONFIG.$pageWrapper.id} {\n\t\t\ttext-align: center;\n\t\t\tdisplay: inline-block;\n\t\t}\n\t\t#${this.DOM_CONFIG.$pageWrapper.id} .${this.DOM_CONFIG.firstBtnNode.className},\n\t\t#${this.DOM_CONFIG.$pageWrapper.id} .${this.DOM_CONFIG.prevBtnNode.className},\n\t\t#${this.DOM_CONFIG.$pageWrapper.id} .${this.DOM_CONFIG.nextBtnNode.className},\n\t\t#${this.DOM_CONFIG.$pageWrapper.id} .${this.DOM_CONFIG.lastBtnNode.className} {\n\t\t\tfont-family: Arial, sans-serif;\n\t\t\tcolor: #333;\n\t\t\tfont-size: 22px;\n\t\t\tfill: currentColor;\n\t\t\tdisplay: inline-flex;\n\t\t\tjustify-content: center;\n\t\t\talign-items: center;\n\t\t\ttext-decoration: none;\n\t\t}\n\t\t#${this.DOM_CONFIG.$pageWrapper.id} a,\n\t\t#${this.DOM_CONFIG.$pageWrapper.id} span {\n\t\t\twidth: 45px;\n\t\t\theight: 40px;\n\t\t\tborder: 1px solid #ebebeb;\n\t\t\tmargin-left: -1px;\n\t\t\tcolor: #000000;\n\t\t\tline-height: 40px;\n\t\t\tfloat: left;\n\t\t\tfont-size: 15px;\n\t\t\ttext-decoration: none;\n\t\t\tmargin: 0 2px;\n\t\t\tborder-radius: 6px;\n\t\t}\n\t\t#${this.DOM_CONFIG.$pageWrapper.id} a:hover,\n\t\t#${this.DOM_CONFIG.$pageWrapper.id} span:hover {\n\t\t\tborder-color: #3897cd;\n\t\t\tcolor: #3897cd;\n\t\t\tposition: relative;\n\t\t\tz-index: 1;\n\t\t}\n\t\t#${this.DOM_CONFIG.$pageWrapper.id} a {\n\t\t\tcursor: pointer;\n\t\t\tuser-select: none;\n\t\t}\n\t\t#${this.DOM_CONFIG.$pageWrapper.id} a[data-current-page] {\n\t\t\tbackground-color: #222a35;\n\t\t\tcolor: #fff;\n\t\t\tborder-color: #ebebeb;\n\t\t\tposition: relative;\n\t\t\tz-index: 1;\n\t\t}\n\t\t#${this.DOM_CONFIG.$pageWrapper.id} a.${this.DOM_CONFIG.firstBtnNode.className}[disabled="true"],\n\t\t#${this.DOM_CONFIG.$pageWrapper.id} a.${this.DOM_CONFIG.prevBtnNode.className}[disabled="true"],\n\t\t#${this.DOM_CONFIG.$pageWrapper.id} a.${this.DOM_CONFIG.nextBtnNode.className}[disabled="true"],\n\t\t#${this.DOM_CONFIG.$pageWrapper.id} a.${this.DOM_CONFIG.lastBtnNode.className}[disabled="true"]{\n\t\t\tcursor: not-allowed;\n\t\t\tborder: 1px solid transparent;\n\t\t\tcolor: #c9c9c9;\n\t\t}\n\t\t`;e.setSafeHTML(i,a),t.appendChild(i)}createDataPagingWrapper(){const t=document.createElement(this.DOM_CONFIG.$pageWrapper.localName);this.DOM_CONFIG.$pageWrapper.dom=t,t.id=this.DOM_CONFIG.$pageWrapper.id;const i=document.createElement(this.DOM_CONFIG.firstBtnNode.localName);e.setSafeHTML(i,this.DOM_CONFIG.firstBtnNode.svgHTML);const a=document.createElement(this.DOM_CONFIG.prevBtnNode.localName);e.setSafeHTML(a,this.DOM_CONFIG.prevBtnNode.svgHTML);const s=document.createElement(this.DOM_CONFIG.nextBtnNode.localName);e.setSafeHTML(s,this.DOM_CONFIG.nextBtnNode.svgHTML);const r=document.createElement(this.DOM_CONFIG.lastBtnNode.localName);if(e.setSafeHTML(r,this.DOM_CONFIG.lastBtnNode.svgHTML),i.className=this.DOM_CONFIG.firstBtnNode.className,a.className=this.DOM_CONFIG.prevBtnNode.className,s.className=this.DOM_CONFIG.nextBtnNode.className,r.className=this.DOM_CONFIG.lastBtnNode.className,this.PAGE_CONFIG.maxPage=Math.ceil(this.CONFIG.data.length/this.CONFIG.pageShowDataMaxCount),this.CONFIG.currentPage<1?this.CONFIG.currentPage=1:this.CONFIG.currentPage>this.PAGE_CONFIG.maxPage&&(this.CONFIG.currentPage=this.PAGE_CONFIG.maxPage),this.PAGE_CONFIG.maxPage<2)return t;this.CONFIG.firstBtn.enable&&(this.setFirstBtnClickEvent(i,t),t.appendChild(i)),this.CONFIG.prevBtn.enable&&(this.setPrevBtnClickEvent(a,t),t.appendChild(a));let n=this.CONFIG.currentPage;if(this.CONFIG.pageMaxStep>this.PAGE_CONFIG.maxPage)for(let e=n;e<=this.PAGE_CONFIG.maxPage;e++){const i=document.createElement("a");this.DOM_CONFIG.setAttributeWithPageId(i,e),i.innerText=String(e),this.CONFIG.currentPage===e&&this.DOM_CONFIG.setAttributeWithCurrentPage(i),this.setPageBtnClickEvent(i,t),t.appendChild(i)}else if(n+this.CONFIG.pageMaxStep>this.PAGE_CONFIG.maxPage){n=this.PAGE_CONFIG.maxPage;const e=[];for(let i=0;i<this.CONFIG.pageMaxStep;i++){const i=document.createElement("a");this.DOM_CONFIG.setAttributeWithPageId(i,n),i.innerText=String(n),this.CONFIG.currentPage===n&&this.DOM_CONFIG.setAttributeWithCurrentPage(i),this.setPageBtnClickEvent(i,t),e.push(i),n--}e.reverse(),e.forEach(e=>{t.appendChild(e)})}else for(let e=0;e<this.CONFIG.pageMaxStep;e++){const e=document.createElement("a");this.DOM_CONFIG.setAttributeWithPageId(e,n),e.innerText=String(n),this.CONFIG.currentPage===n&&this.DOM_CONFIG.setAttributeWithCurrentPage(e),this.setPageBtnClickEvent(e,t),t.appendChild(e),n++}return this.CONFIG.nextBtn.enable&&(this.setNextBtnClickEvent(s,t),t.appendChild(s)),this.CONFIG.lastBtn.enable&&(this.setLastBtnClickEvent(r,t),t.appendChild(r)),1===this.CONFIG.currentPage?(this.DOM_CONFIG.setAttributeWithDisabled(this.DOM_CONFIG.firstBtnNode.get()),this.DOM_CONFIG.setAttributeWithDisabled(this.DOM_CONFIG.prevBtnNode.get())):this.CONFIG.currentPage===this.PAGE_CONFIG.maxPage&&(this.DOM_CONFIG.setAttributeWithDisabled(this.DOM_CONFIG.nextBtnNode.get()),this.DOM_CONFIG.setAttributeWithDisabled(this.DOM_CONFIG.lastBtnNode.get())),t}setFirstBtnClickEvent(t,e){t.addEventListener("click",async t=>{const i=this.DOM_CONFIG.getAttributeWithCurrentPage();if(1===this.DOM_CONFIG.getAttributeWithPageId(i))return;await(this.CONFIG.firstBtn?.callBack?.(t));const a=this.DOM_CONFIG.getAllPageNode(e);for(let t=0;t<this.CONFIG.pageMaxStep;t++){const e=a[t];null!=e&&(0===t?this.DOM_CONFIG.setAttributeWithCurrentPage(e):this.DOM_CONFIG.removeAttributeWithCurrentPage(e),this.DOM_CONFIG.setAttributeWithPageId(e,t+1),e.innerText=String(t+1))}this.DOM_CONFIG.removeAllAttributeWithDisabled(e),this.DOM_CONFIG.getFirstPageNode(e)&&(this.DOM_CONFIG.setAttributeWithDisabled(this.DOM_CONFIG.firstBtnNode.get()),this.DOM_CONFIG.setAttributeWithDisabled(this.DOM_CONFIG.prevBtnNode.get())),this.CONFIG.pageChangeCallBack(1)})}setPrevBtnClickEvent(t,e){t.addEventListener("click",async t=>{const i=this.DOM_CONFIG.getAttributeWithCurrentPage();if(1===this.DOM_CONFIG.getAttributeWithPageId(i))return;await(this.CONFIG.prevBtn?.callBack?.(t));const a=i.previousElementSibling;if(a&&this.DOM_CONFIG.hasAttributeWithPageId(a))a.click();else{this.DOM_CONFIG.getAllPageNode(e).forEach(t=>{let e=this.DOM_CONFIG.getAttributeWithPageId(t);e--,this.DOM_CONFIG.setAttributeWithPageId(t,e),t.innerText=String(e)}),this.CONFIG.pageChangeCallBack(this.PAGE_CONFIG.currentPage())}this.DOM_CONFIG.removeAllAttributeWithDisabled(e),this.DOM_CONFIG.getFirstPageNode(e)&&1==this.PAGE_CONFIG.currentPage()&&(this.DOM_CONFIG.setAttributeWithDisabled(this.DOM_CONFIG.firstBtnNode.get()),this.DOM_CONFIG.setAttributeWithDisabled(this.DOM_CONFIG.prevBtnNode.get()))})}setNextBtnClickEvent(t,e){t.addEventListener("click",async t=>{const i=this.DOM_CONFIG.getAttributeWithCurrentPage();if(this.DOM_CONFIG.getAttributeWithPageId(i)===this.PAGE_CONFIG.maxPage)return;await(this.CONFIG.nextBtn?.callBack?.(t));const a=i.nextElementSibling;if(a&&this.DOM_CONFIG.hasAttributeWithPageId(a))a.click();else{this.DOM_CONFIG.getAllPageNode(e).forEach(t=>{let e=this.DOM_CONFIG.getAttributeWithPageId(t);e++,e>this.PAGE_CONFIG.maxPage||(this.DOM_CONFIG.setAttributeWithPageId(t,e),t.innerText=String(e))}),this.CONFIG.pageChangeCallBack(this.PAGE_CONFIG.currentPage())}this.DOM_CONFIG.removeAllAttributeWithDisabled(e),this.DOM_CONFIG.getLastPageNode()&&this.PAGE_CONFIG.currentPage()==this.PAGE_CONFIG.maxPage&&(this.DOM_CONFIG.setAttributeWithDisabled(this.DOM_CONFIG.nextBtnNode.get()),this.DOM_CONFIG.setAttributeWithDisabled(this.DOM_CONFIG.lastBtnNode.get()))})}setLastBtnClickEvent(t,e){t.addEventListener("click",async t=>{const i=this.DOM_CONFIG.getAttributeWithCurrentPage();if(this.DOM_CONFIG.getAttributeWithPageId(i)===this.PAGE_CONFIG.maxPage)return;await(this.CONFIG.lastBtn?.callBack?.(t));const a=Array.from(this.DOM_CONFIG.getAllPageNode(e));a.reverse();let s=this.PAGE_CONFIG.maxPage,r=0;for(;!(this.PAGE_CONFIG.maxPage-s>3);){const t=a[r];if(null==t)break;0===r?this.DOM_CONFIG.setAttributeWithCurrentPage(t):this.DOM_CONFIG.removeAttributeWithCurrentPage(t),this.DOM_CONFIG.setAttributeWithPageId(t,s),t.innerText=String(s),s--,r++}this.DOM_CONFIG.removeAllAttributeWithDisabled(e),this.DOM_CONFIG.setAttributeWithDisabled(this.DOM_CONFIG.nextBtnNode.get()),this.DOM_CONFIG.setAttributeWithDisabled(this.DOM_CONFIG.lastBtnNode.get()),this.CONFIG.pageChangeCallBack(this.PAGE_CONFIG.maxPage)})}setPageBtnClickEvent(t,e){t.addEventListener("click",async()=>{const i=t,a=this.DOM_CONFIG.getAllPageNode(e);for(const t of a)if(t==i){if(!this.DOM_CONFIG.hasAttributeWithCurrentPage(i)){this.DOM_CONFIG.setAttributeWithCurrentPage(i);const t=this.PAGE_CONFIG.currentPage();await(this.CONFIG?.pageChangeCallBack?.(t))}}else this.DOM_CONFIG.removeAttributeWithCurrentPage(t);this.DOM_CONFIG.removeAllAttributeWithDisabled(e),this.DOM_CONFIG.getFirstPageNode(e)&&1==this.PAGE_CONFIG.currentPage()&&(this.DOM_CONFIG.setAttributeWithDisabled(this.DOM_CONFIG.firstBtnNode.get()),this.DOM_CONFIG.setAttributeWithDisabled(this.DOM_CONFIG.prevBtnNode.get())),this.DOM_CONFIG.getLastPageNode()&&this.PAGE_CONFIG.currentPage()==this.PAGE_CONFIG.maxPage&&(this.DOM_CONFIG.setAttributeWithDisabled(this.DOM_CONFIG.nextBtnNode.get()),this.DOM_CONFIG.setAttributeWithDisabled(this.DOM_CONFIG.lastBtnNode.get()))})}append(t){const e=this.isHide();this.destory();const i=this.createDataPagingWrapper();e&&this.hide(i),t.appendChild(i)}after(t){const e=this.isHide(),i=t.parentElement,a=t.nextSibling;this.destory();const s=this.createDataPagingWrapper();e&&this.hide(s),!i||a?t.after(s):i.insertBefore(s,a)}changeConfig(t){Object.assign(this.CONFIG,t)}refresh(t){this.CONFIG.data=[],this.CONFIG.data=t;let e=this.PAGE_CONFIG.currentPage();const i=Math.ceil(t.length/this.CONFIG.pageShowDataMaxCount);e>i&&(e=i),this.CONFIG.currentPage=e;const a=this.DOM_CONFIG.$pageWrapper.dom;a&&this.after(a)}})}}});
|
|
356
2
|
//# sourceMappingURL=index.system.min.js.map
|