style: 全局代码格式化

Former-commit-id: bb50c8419b8fcdeb48c93fce9f399d901e8f5a52

src/components/Pagination/index.vue

@@ -1,94 +1,101 @@
 <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">
-import { computed, PropType } from "vue";
-import { scrollTo } from '@/utils/scroll-to'
+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 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>