代码格式化

snowy-admin-web/src/components/XnPageSelect/index.vue

@@ -15,14 +15,14 @@
 </template>
 
 <script setup>
-import { watch } from 'vue'
+	import { watch } from 'vue'
 
-const total = ref(0) // 数据总数
+	const total = ref(0) // 数据总数
-const initParams = ref({})
+	const initParams = ref({})
-const options = ref([])
+	const options = ref([])
-const spinning = ref(false)
+	const spinning = ref(false)
-const emit = defineEmits({ change: null, 'update:value': null })
+	const emit = defineEmits({ change: null, 'update:value': null })
-const props = defineProps({
+	const props = defineProps({
 		value: {
 			type: String,
 			default: () => undefined
@@ -49,33 +49,34 @@ const props = defineProps({
 			type: Boolean,
 			default: () => false
 		}
-})
+	})
-const modelValue = ref(props.value)
+	const modelValue = ref(props.value)
-watch(props, (newValue) => {
+	watch(props, (newValue) => {
 		modelValue.value = newValue.value
-})
+	})
 
-// 请求数据
+	// 请求数据
-const onPage = (param = {}) => {
+	const onPage = (param = {}) => {
 		if (props.pageFunction) {
-		initParams.value = { ...initParams.value, ...param, size: props.pageSize };
+			initParams.value = { ...initParams.value, ...param, size: props.pageSize }
 			// 加载API
-		spinning.value = true;
+			spinning.value = true
-		props.pageFunction(initParams.value)
+			props
+				.pageFunction(initParams.value)
 				.then((data) => {
 					// 更新当前页码
-				initParams.value.current = data.current;
+					initParams.value.current = data.current
 					// 加载完后设置总数
-				total.value = data.total;
+					total.value = data.total
-				options.value = data.records;
+					options.value = data.records
-				queryEcho();
+					queryEcho()
 				})
 				.finally(() => {
-				spinning.value = false;
+					spinning.value = false
-			});
+				})
 		}
-};
+	}
-const queryEcho = () => {
+	const queryEcho = () => {
 		// 如果带有查询的方法，那么我们去给查询回显
 		if (props.echoFunction) {
 			nextTick(() => {
@@ -86,7 +87,7 @@ const queryEcho = () => {
 							idList: [modelValue.value]
 						}
 						props.echoFunction(param).then((data) => {
-						if (data[0]){
+							if (data[0]) {
 								options.value.unshift(data[0])
 							}
 						})
@@ -94,52 +95,53 @@ const queryEcho = () => {
 				}
 			})
 		}
-}
+	}
-// change
+	// change
-const handleChange = (value, array) => {
+	const handleChange = (value, array) => {
 		modelValue.value = value
 		// 触发change事件
 		emit('change', value, array)
 		// 更新数据
 		emit('update:value', value)
-}
+	}
-// 滚动触发
+	// 滚动触发
-const handlePopupScroll = (e) => {
+	const handlePopupScroll = (e) => {
 		const { target } = e
 		const { scrollTop, scrollHeight, clientHeight } = target
 		if (scrollTop + 2 + clientHeight >= scrollHeight) {
 			// 已经到达底部，触发分页逻辑
 			handlePagination()
 		}
-}
+	}
-// 分页加载数据
+	// 分页加载数据
-const handlePagination = () => {
+	const handlePagination = () => {
 		// 判断已有数量是否小于总量
 		if (options.value.length < total.value) {
-		const param = { ...initParams.value, current: initParams.value.current + 1 };
+			const param = { ...initParams.value, current: initParams.value.current + 1 }
-		spinning.value = true;
+			spinning.value = true
-		props.pageFunction(param)
+			props
+				.pageFunction(param)
 				.then((data) => {
 					if (data.records.length > 0) {
 						// 更新当前页码
-					initParams.value.current = data.current;
+						initParams.value.current = data.current
 						// 合并新旧数据
-					const newOptions = [...options.value, ...data.records];
+						const newOptions = [...options.value, ...data.records]
 						// 使用 id 去重
 						const uniqueOptions = newOptions.reduce((acc, cur) => {
-						acc[cur.id] = cur;
+							acc[cur.id] = cur
-						return acc;
+							return acc
-					}, {});
+						}, {})
-					options.value = Object.values(uniqueOptions);
+						options.value = Object.values(uniqueOptions)
 					}
 				})
 				.finally(() => {
-				spinning.value = false;
+					spinning.value = false
-			});
+				})
+		}
 	}
-};
 
-defineExpose({
+	defineExpose({
 		onPage
-})
+	})
 </script>