Merge branch 'dev_vite' of ssh://18.167.251.121:10002/aidlab/aida_front into dev_vite

src/views/SellerDashboard/MyListings/EditDetail/components/Radio.vue

@@ -20,85 +20,85 @@
 </template>
 
 <script setup lang="ts">
-import { computed } from "vue"
+	import { computed } from "vue"
 
-interface Option {
-	name: string | number
-	value: string | number | boolean
-	key: string
-	optype: boolean
-}
-
-const props = defineProps<{
-	modelValue: string | number | boolean | Array<string | number | boolean> | null
-	options: Option[] // 按钮选项数组
-	multiple?: boolean // 是否支持多选，默认为 false
-}>()
-
-const emit = defineEmits<{
-	(e: "update:modelValue", value: any): void
-}>()
-
-const multiple = props.multiple === true
-
-const selectedValues = computed(() => {
-	if (!multiple) {
-		return typeof props.modelValue === 'undefined' || props.modelValue === null
-			? []
-			: [props.modelValue]
+	interface Option {
+		name: string | number
+		value: string | number | boolean
+		key: string
+		optype: boolean
 	}
 
-	return Array.isArray(props.modelValue) ? props.modelValue : []
-})
+	const props = defineProps<{
+		modelValue: string | number | boolean | Array<string | number | boolean> | null
+		options: Option[] // 按钮选项数组
+		multiple?: boolean // 是否支持多选，默认为 false
+	}>()
 
-const selectOption = (value: any) => {
-	if (multiple) {
-		const current = Array.isArray(props.modelValue) ? [...props.modelValue] : []
-		const index = current.indexOf(value)
-		if (index >= 0) {
-			current.splice(index, 1)
-		} else {
-			current.push(value.toLocaleLowerCase)
+	const emit = defineEmits<{
+		(e: "update:modelValue", value: any): void
+	}>()
+
+	const multiple = props.multiple === true
+
+	const selectedValues = computed(() => {
+		if (!multiple) {
+			return typeof props.modelValue === "undefined" || props.modelValue === null
+				? []
+				: [props.modelValue]
 		}
-		emit("update:modelValue", current)
-		return
-	}
 
-	if (props.modelValue !== value) {
-		emit("update:modelValue", value)
+		return Array.isArray(props.modelValue) ? props.modelValue : []
+	})
+
+	const selectOption = (value: any) => {
+		if (multiple) {
+			const current = Array.isArray(props.modelValue) ? [...props.modelValue] : []
+			const index = current.indexOf(value)
+			if (index >= 0) {
+				current.splice(index, 1)
+			} else {
+				current.push(value.toLocaleLowerCase)
+			}
+			emit("update:modelValue", current)
+			return
+		}
+
+		if (props.modelValue !== value) {
+			emit("update:modelValue", value)
+		}
 	}
-}
 </script>
 
 <style lang="less" scoped>
-.radio-button-group {
-	display: flex;
-	gap: 8px;
-	flex-wrap: wrap;
-}
+	.radio-button-group {
+		display: flex;
+		gap: 8px;
+		flex-wrap: wrap;
+	}
 
-.radio-button {
-	border: 1px solid #d9d9d9;
-	height: 3.2rem;
-	min-width: 8rem;
-	padding: 0 1.7rem;
-	color: #000;
-	cursor: pointer;
-	border-radius: 2rem;
-	outline: none;
-	background-color: #fff;
-	font-size: 1.2rem;
-	transition: all 0.2s ease;
-}
+	.radio-button {
+		border: 1px solid #d9d9d9;
+		height: 3.2rem;
+		min-width: 8rem;
+		padding: 0 1.7rem;
+		color: #000;
+		cursor: pointer;
+		border-radius: 2rem;
+		outline: none;
+		background-color: #fff;
+		font-size: 1.2rem;
+		transition: all 0.2s ease;
+	}
 
-.radio-button:hover {
-	border-color: #000;
-}
+	.radio-button:hover {
+		border-color: #000;
+	}
 
-.radio-button.is-active {
-	color: #fff;
-	background-color: #000;
-	border-color: #000;
-	font-family: pingfang_medium;
-}
+	.radio-button.is-active {
+		color: #fff;
+		background-color: #000;
+		border-color: #000;
+		font-family: pingfang_medium;
+	}
 </style>