style: 代码统一风格格式化

Former-commit-id: 5d0a75e41127c57c663eb2617b1ce66d039f4c29

src/components/Pagination/index.vue

@@ -1,16 +1,16 @@
 <template>
-	<div :class="{ hidden: hidden }" class="pagination-container">
-		<el-pagination
-			:background="background"
-			v-model:current-page="currentPage"
-			v-model:page-size="pageSize"
-			:layout="layout"
-			:page-sizes="pageSizes"
-			:total="total"
-			@size-change="handleSizeChange"
-			@current-change="handleCurrentChange"
-		/>
-	</div>
+  <div :class="{ hidden: hidden }" class="pagination-container">
+    <el-pagination
+      :background="background"
+      v-model:current-page="currentPage"
+      v-model:page-size="pageSize"
+      :layout="layout"
+      :page-sizes="pageSizes"
+      :total="total"
+      @size-change="handleSizeChange"
+      @current-change="handleCurrentChange"
+    />
+  </div>
 </template>
 
 <script setup lang="ts">
@@ -18,84 +18,84 @@ import { computed, PropType } from 'vue';
 import { scrollTo } from '@/utils/scroll-to';
 
 const props = defineProps({
-	total: {
-		required: true,
-		type: Number as PropType<number>,
-		default: 0
-	},
-	page: {
-		type: Number,
-		default: 1
-	},
-	limit: {
-		type: Number,
-		default: 20
-	},
-	pageSizes: {
-		type: Array as PropType<number[]>,
-		default() {
-			return [10, 20, 30, 50];
-		}
-	},
-	layout: {
-		type: String,
-		default: 'total, sizes, prev, pager, next, jumper'
-	},
-	background: {
-		type: Boolean,
-		default: true
-	},
-	autoScroll: {
-		type: Boolean,
-		default: true
-	},
-	hidden: {
-		type: Boolean,
-		default: false
-	}
+  total: {
+    required: true,
+    type: Number as PropType<number>,
+    default: 0
+  },
+  page: {
+    type: Number,
+    default: 1
+  },
+  limit: {
+    type: Number,
+    default: 20
+  },
+  pageSizes: {
+    type: Array as PropType<number[]>,
+    default() {
+      return [10, 20, 30, 50];
+    }
+  },
+  layout: {
+    type: String,
+    default: 'total, sizes, prev, pager, next, jumper'
+  },
+  background: {
+    type: Boolean,
+    default: true
+  },
+  autoScroll: {
+    type: Boolean,
+    default: true
+  },
+  hidden: {
+    type: Boolean,
+    default: false
+  }
 });
 
 const emit = defineEmits(['update:page', 'update:limit', 'pagination']);
 
 const currentPage = computed<number | undefined>({
-	get: () => props.page,
-	set: value => {
-		emit('update:page', value);
-	}
+  get: () => props.page,
+  set: value => {
+    emit('update:page', value);
+  }
 });
 
 const pageSize = computed<number | undefined>({
-	get() {
-		return props.limit;
-	},
-	set(val) {
-		emit('update:limit', val);
-	}
+  get() {
+    return props.limit;
+  },
+  set(val) {
+    emit('update:limit', val);
+  }
 });
 
 function handleSizeChange(val: number) {
-	emit('pagination', { page: currentPage, limit: val });
-	if (props.autoScroll) {
-		scrollTo(0, 800);
-	}
+  emit('pagination', { page: currentPage, limit: val });
+  if (props.autoScroll) {
+    scrollTo(0, 800);
+  }
 }
 
 function handleCurrentChange(val: number) {
-	currentPage.value = val;
-	emit('pagination', { page: val, limit: props.limit });
-	if (props.autoScroll) {
-		scrollTo(0, 800);
-	}
+  currentPage.value = val;
+  emit('pagination', { page: val, limit: props.limit });
+  if (props.autoScroll) {
+    scrollTo(0, 800);
+  }
 }
 </script>
 
 <style scoped>
 .pagination-container {
-	background: #fff;
-	padding: 32px 16px;
+  background: #fff;
+  padding: 32px 16px;
 }
 
 .pagination-container.hidden {
-	display: none;
+  display: none;
 }
 </style>