bootstrap-vue-wrapper
Version:
Bootstrap 5 components in Vue3 wrapper.
64 lines (63 loc) • 2.31 kB
JavaScript
import r from "./BsPaginator.vue2.js";
import { openBlock as s, createElementBlock as o, createElementVNode as t, normalizeClass as a, toDisplayString as l, Fragment as p, renderList as d } from "vue";
import './BsPaginator.css';/* empty css */
import C from "../../_virtual/_plugin-vue_export-helper.js";
const m = { class: "pagination" }, u = ["textContent"], P = ["textContent"], v = ["onClick", "textContent"], k = ["textContent"], c = ["textContent"];
function f(e, n, b, $, A, L) {
return s(), o("nav", null, [
t("ul", m, [
t("li", {
class: a(["page-item page-item-first", { disabled: e.isPageActive(1) }])
}, [
t("div", {
class: "page-link",
onClick: n[0] || (n[0] = (i) => e.onPageClick(1)),
textContent: l(e.firstPageLabel)
}, null, 8, u)
], 2),
t("li", {
class: a(["page-item page-item-previous", { disabled: e.isPageActive(1) }])
}, [
t("div", {
class: "page-link",
onClick: n[1] || (n[1] = (i) => e.onPageClick(e.currentPage - 1)),
textContent: l(e.previousPageLabel)
}, null, 8, P)
], 2),
(s(!0), o(p, null, d(e.getVisiblePages(), (i, g) => (s(), o("li", {
key: g,
class: a(["page-item page-item-number", {
active: e.isPageActive(i)
}])
}, [
t("div", {
class: "page-link",
onClick: (B) => e.onPageClick(i),
textContent: l(i)
}, null, 8, v)
], 2))), 128)),
t("li", {
class: a(["page-item page-item-next", { disabled: e.isPageActive(e.getPageCount()) }])
}, [
t("div", {
class: "page-link",
onClick: n[2] || (n[2] = (i) => e.onPageClick(e.currentPage + 1)),
textContent: l(e.nextPageLabel)
}, null, 8, k)
], 2),
t("li", {
class: a(["page-item page-item-last", { disabled: e.isPageActive(e.getPageCount()) }])
}, [
t("div", {
class: "page-link",
onClick: n[3] || (n[3] = (i) => e.onPageClick(e.getPageCount())),
textContent: l(e.lastPageLabel)
}, null, 8, c)
], 2)
])
]);
}
const D = /* @__PURE__ */ C(r, [["render", f], ["__scopeId", "data-v-f98dc134"]]);
export {
D as default
};