@whitesev/data-paging 0.0.2 → 0.0.3

package/dist/index.system.min.js

@@ -0,0 +1,356 @@
+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.3";
+          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);
+          }
+        }
+      );
+    },
+  };
+});
+//# sourceMappingURL=index.system.min.js.map

package/dist/index.system.min.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.system.min.js","sources":["../src/config.ts","../src/utils.ts","../index.ts","../src/index.ts"],"sourcesContent":[null,null,null,null],"names":["PagingUtils","setSafeHTML","$el","text","innerHTML","globalThis","trustedTypes","Error","policy","createPolicy","createHTML","html","exports","version","CONFIG","PAGE_CONFIG","currentPage","$page","this","DOM_CONFIG","getAttributeWithCurrentPage","getAttributeWithPageId","maxPage","$pageWrapper","localName","id","dom","firstBtnNode","className","svgHTML","get","querySelector","prevBtnNode","nextBtnNode","lastBtnNode","setAttributeWithPageId","page","setAttribute","String","pageId","getAttribute","parseInt","hasAttributeWithPageId","hasAttribute","setAttributeWithCurrentPage","hasAttributeWithCurrentPage","removeAttributeWithCurrentPage","removeAttribute","setAttributeWithDisabled","removeAllAttributeWithDisabled","querySelectorAll","forEach","item","getFirstPageNode","getLastPageNode","getAllPageNode","Array","from","constructor","config","data","pageShowDataMaxCount","pageMaxStep","pageChangeCallBack","prevBtn","enable","callBack","nextBtn","firstBtn","lastBtn","changeConfig","hide","$wrapper","style","display","show","isHide","includes","destory","$parent","parentElement","removeChild","addCSS","document","head","$style","createElement","cssText","appendChild","createDataPagingWrapper","$firstPage","$prevPage","$nextPage","$lastPage","Math","ceil","length","setFirstBtnClickEvent","setPrevBtnClickEvent","index","innerText","setPageBtnClickEvent","needAppendNodeList","push","reverse","setNextBtnClickEvent","setLastBtnClickEvent","addEventListener","async","event","$currentPage","$allPage","$prev","previousElementSibling","click","$next","nextElementSibling","pageCount","$clickButton","$allPageList","append","after","$nextSlibling","nextSibling","insertBefore","Object","assign","refresh"],"mappings":"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"}