1 line
3.5 KiB
JSON
1 line
3.5 KiB
JSON
{"remainingRequest":"/Users/kang/Gitea/vue-element-admin/node_modules/vue-loader/lib/index.js??vue-loader-options!/Users/kang/Gitea/vue-element-admin/src/components/Pagination/index.vue?vue&type=style&index=0&id=72233bcd&scoped=true&lang=css","dependencies":[{"path":"/Users/kang/Gitea/vue-element-admin/src/components/Pagination/index.vue","mtime":1754409279863},{"path":"/Users/kang/Gitea/vue-element-admin/node_modules/css-loader/dist/cjs.js","mtime":1754409278208},{"path":"/Users/kang/Gitea/vue-element-admin/node_modules/vue-loader/lib/loaders/stylePostLoader.js","mtime":1754409279720},{"path":"/Users/kang/Gitea/vue-element-admin/node_modules/postcss-loader/src/index.js","mtime":1754409279211},{"path":"/Users/kang/Gitea/vue-element-admin/node_modules/cache-loader/dist/cjs.js","mtime":1754409278035},{"path":"/Users/kang/Gitea/vue-element-admin/node_modules/vue-loader/lib/index.js","mtime":1754409279720}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:CgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKLnBhZ2luYXRpb24tY29udGFpbmVyIHsKICBiYWNrZ3JvdW5kOiAjZmZmOwogIHBhZGRpbmc6IDMycHggMTZweDsKfQoucGFnaW5hdGlvbi1jb250YWluZXIuaGlkZGVuIHsKICBkaXNwbGF5OiBub25lOwp9Cg=="},{"version":3,"sources":["index.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6FA;AACA;AACA;AACA;AACA;AACA;AACA","file":"index.vue","sourceRoot":"src/components/Pagination","sourcesContent":["<template>\n <div :class=\"{'hidden':hidden}\" class=\"pagination-container\">\n <el-pagination\n :background=\"background\"\n :current-page.sync=\"currentPage\"\n :page-size.sync=\"pageSize\"\n :layout=\"layout\"\n :page-sizes=\"pageSizes\"\n :total=\"total\"\n v-bind=\"$attrs\"\n @size-change=\"handleSizeChange\"\n @current-change=\"handleCurrentChange\"\n />\n </div>\n</template>\n\n<script>\nimport { scrollTo } from '@/utils/scroll-to'\n\nexport default {\n name: 'Pagination',\n props: {\n total: {\n required: true,\n type: Number\n },\n page: {\n type: Number,\n default: 1\n },\n limit: {\n type: Number,\n default: 20\n },\n pageSizes: {\n type: Array,\n default() {\n return [10, 20, 30, 50]\n }\n },\n layout: {\n type: String,\n default: 'total, sizes, prev, pager, next, jumper'\n },\n background: {\n type: Boolean,\n default: true\n },\n autoScroll: {\n type: Boolean,\n default: true\n },\n hidden: {\n type: Boolean,\n default: false\n }\n },\n computed: {\n currentPage: {\n get() {\n return this.page\n },\n set(val) {\n this.$emit('update:page', val)\n }\n },\n pageSize: {\n get() {\n return this.limit\n },\n set(val) {\n this.$emit('update:limit', val)\n }\n }\n },\n methods: {\n handleSizeChange(val) {\n this.$emit('pagination', { page: this.currentPage, limit: val })\n if (this.autoScroll) {\n scrollTo(0, 800)\n }\n },\n handleCurrentChange(val) {\n this.$emit('pagination', { page: val, limit: this.pageSize })\n if (this.autoScroll) {\n scrollTo(0, 800)\n }\n }\n }\n}\n</script>\n\n<style scoped>\n.pagination-container {\n background: #fff;\n padding: 32px 16px;\n}\n.pagination-container.hidden {\n display: none;\n}\n</style>\n"]}]} |