vue-tianditu2
Version:
75 lines (74 loc) • 1.7 kB
JavaScript
import { defineComponent as p, computed as s, h as e } from "vue";
/* empty css */
const i = p({
props: {
/** 当前页码 */
current: { type: Number, default: 1 },
/** 每页条数 */
size: { type: Number, default: 10 },
/** 总条数 */
total: { type: Number, default: 0 }
},
emits: {
// eslint-disable-next-line @typescript-eslint/no-unused-vars
"update:current": (a) => !0
},
setup(a, { emit: l }) {
const n = s(() => Math.ceil(Number(a.total) / Number(a.size))), t = s({
get() {
return a.current;
},
set(r) {
let u = r;
r < 1 && (u = 1), r > n.value && (u = n.value), l("update:current", u);
}
});
return () => e(
"div",
{
class: "tdt-search-page"
},
[
e(
"span",
{
class: "tdt-search-page__btn first-page",
onClick: () => t.value = 1
},
"«"
),
e(
"span",
{
class: "tdt-search-page__btn prev-page",
onClick: () => t.value--
},
"‹"
),
e("span", null, t.value),
e("span", null, " / "),
e("span", null, n.value),
e(
"span",
{
class: "tdt-search-page__btn next-page",
onClick: () => t.value++
},
"›"
),
e(
"span",
{
class: "tdt-search-page__btn last-page",
onClick: () => t.value = n.value
},
"»"
)
]
);
}
});
export {
i as SearchPage
};
//# sourceMappingURL=SearchPage.mjs.map