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 ( return (
props.disabled || props.disabled ||
checkboxGroup.disabled.value || 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 toggleOption = (option: { label: string; value: string | number }) => {
const currentValue = innerValue.value const currentValue = innerValue.value
const index = currentValue.indexOf(option.value) const index = currentValue.indexOf(option.value)
const newValue = [...currentValue] let newValue = [...currentValue]
if (index === -1) { 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({ uni.showToast({
title: `最多只能选择${props.max}项`, title: `最多只能选择${props.max}项`,
icon: 'none', icon: 'none',
}) })
return return
} } else {
newValue.push(option.value) newValue.push(option.value)
}
} else { } else {
newValue.splice(index, 1) newValue.splice(index, 1)
} }

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

@ -68,7 +68,7 @@ const isDisabled = computed(() => {
return ( return (
props.disabled || props.disabled ||
checkboxGroup.disabled.value || 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 toggleOption = (option: { label: string; value: string | number }) => {
const currentValue = innerValue.value const currentValue = innerValue.value
const index = currentValue.indexOf(option.value) const index = currentValue.indexOf(option.value)
const newValue = [...currentValue] let newValue = [...currentValue]
if (index === -1) { 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({ uni.showToast({
title: `最多只能选择${props.max}项`, title: `最多只能选择${props.max}项`,
icon: 'none', icon: 'none',
}) })
return return
} } else {
newValue.push(option.value) newValue.push(option.value)
}
} else { } else {
newValue.splice(index, 1) newValue.splice(index, 1)
} }