xjs
/
volunteer-4
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat: 优化多选组件可以单选切换的逻辑

master
xjs 2025-04-23 09:49:43 +08:00
parent c1d895582c
commit 5dbdcc52c8
4 changed files with 14 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/pages-evaluation-sub/components/check-group/Checkbox.vue
View File

@ -68,7 +68,7 @@ const isDisabled = computed(() => {
return (
props.disabled ||
checkboxGroup.disabled.value ||
(max > 0 && !isChecked.value && selectedCount >= max)
(max > 1 && !isChecked.value && selectedCount >= max)
)
})

9
src/pages-evaluation-sub/components/check-group/CheckboxGroup.vue
View File

@ -31,17 +31,20 @@ const innerValue = computed(() => props.modelValue)
const toggleOption = (option: { label: string; value: string | number }) => {
const currentValue = innerValue.value
const index = currentValue.indexOf(option.value)
const newValue = [...currentValue]
let newValue = [...currentValue]
if (index === -1) {
if (props.max && currentValue.length >= props.max) {
if (props.max === 1) {
newValue = [option.value]
} else if (props.max && currentValue.length >= props.max) {
uni.showToast({
title: `最多只能选择${props.max}项`,
icon: 'none',
})
return
} else {
newValue.push(option.value)
}
newValue.push(option.value)
} else {
newValue.splice(index, 1)
}

2
src/pages-sub/components/check-group/Checkbox.vue
View File

@ -68,7 +68,7 @@ const isDisabled = computed(() => {
return (
props.disabled ||
checkboxGroup.disabled.value ||
(max > 0 && !isChecked.value && selectedCount >= max)
(max > 1 && !isChecked.value && selectedCount >= max)
)
})

9
src/pages-sub/components/check-group/CheckboxGroup.vue
View File

@ -31,17 +31,20 @@ const innerValue = computed(() => props.modelValue)
const toggleOption = (option: { label: string; value: string | number }) => {
const currentValue = innerValue.value
const index = currentValue.indexOf(option.value)
const newValue = [...currentValue]
let newValue = [...currentValue]
if (index === -1) {
if (props.max && currentValue.length >= props.max) {
if (props.max === 1) {
newValue = [option.value]
} else if (props.max && currentValue.length >= props.max) {
uni.showToast({
title: `最多只能选择${props.max}项`,
icon: 'none',
})
return
} else {
newValue.push(option.value)
}
newValue.push(option.value)
} else {
newValue.splice(index, 1)
}