From b06f6a316b6a8293bb8aba6bfff33336b66c032a Mon Sep 17 00:00:00 2001
From: ahaos <8406649+lhailgl@user.noreply.gitee.com>
Date: 星期三, 13 十二月 2023 09:01:52 +0800
Subject: [PATCH] !64 版本升级 * Merge branch 'dev' of gitee.com:JavaLionLi/plus-ui into ts * 升级依赖 * !61 fix: 删除重复环境变量ElUploadInstance * fix: 删除重复环境变量ElUploadInstance
---
src/components/Pagination/index.vue | 94 +++++++++++++++++++++++-----------------------
1 files changed, 47 insertions(+), 47 deletions(-)
diff --git a/src/components/Pagination/index.vue b/src/components/Pagination/index.vue
index df73ceb..ac02193 100644
--- a/src/components/Pagination/index.vue
+++ b/src/components/Pagination/index.vue
@@ -1,9 +1,9 @@
<template>
- <div :class="{ 'hidden': hidden }" class="pagination-container">
+ <div :class="{ hidden: hidden }" class="pagination-container">
<el-pagination
- :background="background"
v-model:current-page="currentPage"
v-model:page-size="pageSize"
+ :background="background"
:layout="layout"
:page-sizes="pageSizes"
:pager-count="pagerCount"
@@ -16,69 +16,69 @@
<script lang="ts">
export default {
- name: 'Pagination'
-}
+ name: 'Pagination'
+};
</script>
<script setup lang="ts">
-import { scrollTo } from '@/utils/scroll-to'
-import { propTypes } from "@/utils/propTypes";
+import { scrollTo } from '@/utils/scroll-to';
+import { propTypes } from '@/utils/propTypes';
const props = defineProps({
- total: propTypes.number,
- page: propTypes.number.def(1),
- limit: propTypes.number.def(20),
- pageSizes: {
- type: Array as PropType<number[]>,
- default: () => [10, 20, 30, 50]
- },
- // 绉诲姩绔〉鐮佹寜閽殑鏁伴噺绔粯璁ゅ��5
- pagerCount: propTypes.number.def(document.body.clientWidth < 992 ? 5 : 7),
- layout: propTypes.string.def('total, sizes, prev, pager, next, jumper'),
- background: propTypes.bool.def(true),
- autoScroll: propTypes.bool.def(true),
- hidden: propTypes.bool.def(false),
- float: propTypes.string.def('right')
-})
+ total: propTypes.number,
+ page: propTypes.number.def(1),
+ limit: propTypes.number.def(20),
+ pageSizes: {
+ type: Array,
+ default: () => [10, 20, 30, 50]
+ },
+ // 绉诲姩绔〉鐮佹寜閽殑鏁伴噺绔粯璁ゅ��5
+ pagerCount: propTypes.number.def(document.body.clientWidth < 992 ? 5 : 7),
+ layout: propTypes.string.def('total, sizes, prev, pager, next, jumper'),
+ background: propTypes.bool.def(true),
+ autoScroll: propTypes.bool.def(true),
+ hidden: propTypes.bool.def(false),
+ float: propTypes.string.def('right')
+});
const emit = defineEmits(['update:page', 'update:limit', 'pagination']);
const currentPage = computed({
- get() {
- return props.page
- },
- set(val) {
- emit('update:page', val)
- }
-})
+ get() {
+ return props.page;
+ },
+ set(val) {
+ emit('update:page', val);
+ }
+});
const pageSize = computed({
- get() {
- return props.limit
- },
- set(val){
- emit('update:limit', val)
- }
-})
+ get() {
+ return props.limit;
+ },
+ set(val) {
+ emit('update:limit', val);
+ }
+});
function handleSizeChange(val: number) {
- if (currentPage.value * val > props.total) {
- currentPage.value = 1
- }
- emit('pagination', { page: currentPage.value, limit: val })
- if (props.autoScroll) {
- scrollTo(0, 800)
- }
+ if (currentPage.value * val > props.total) {
+ currentPage.value = 1;
+ }
+ emit('pagination', { page: currentPage.value, limit: val });
+ if (props.autoScroll) {
+ scrollTo(0, 800);
+ }
}
function handleCurrentChange(val: number) {
- emit('pagination', { page: val, limit: pageSize.value })
- if (props.autoScroll) {
- scrollTo(0, 800)
- }
+ emit('pagination', { page: val, limit: pageSize.value });
+ if (props.autoScroll) {
+ scrollTo(0, 800);
+ }
}
</script>
<style lang="scss" scoped>
.pagination-container {
padding: 32px 16px;
- .el-pagination{
+ .el-pagination {
float: v-bind(float);
}
}
--
Gitblit v1.9.3