admin/wot-design-uni
1
0
Fork 0
mirror of https://gitee.com/wot-design-uni/wot-design-uni.git synced 2025-12-06 09:08:51 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix: 🐛 修复 Segmented 选项点击时无论是否改变选中值都会触发 change 的问题 (#1326)

Browse Source 
✅ Closes: #1323
This commit is contained in:
不如摸鱼去 2025-09-28 19:23:40 +08:00 committed by GitHub
parent c3c6eb1249
commit 5657aa68a8
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 15 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
src/uni_modules/wot-design-uni/components/wd-segmented/wd-segmented.vue
View File

@ -32,7 +32,7 @@ export default {
<script setup lang="ts">
import { computed, getCurrentInstance, onMounted, reactive, watch } from 'vue'
import { getRect, isObj, objToStyle, addUnit, pause } from '../common/util'
import { getRect, isObj, objToStyle, addUnit, pause, isEqual } from '../common/util'
import type { CSSProperties } from 'vue'
import { segmentedProps, type SegmentedExpose, type SegmentedOption } from './types'
const $item = '.wd-segmented__item'
@ -94,20 +94,29 @@ function updateActiveStyle(animation: boolean = true) {
})
}
/**
* 更新值
*/
function updateValue(newValue: string | number, option: string | number | SegmentedOption) {
if (!isEqual(newValue, props.value)) {
emit('update:value', newValue)
emit('change', isObj(option) ? option : { value: newValue })
}
}
/**
* 更新当前下标
*/
function updateCurrentIndex() {
const index = props.options.findIndex((option: string | number | SegmentedOption) => {
const value = isObj(option) ? option.value : option
return value == props.value
return isEqual(value, props.value)
})
if (index >= 0) {
state.activeIndex = index
} else {
const value = isObj(props.options[0]) ? props.options[0].value : props.options[0]
emit('update:value', value)
emit('change', isObj(props.options[0]) ? props.options[0] : { value })
updateValue(value, props.options[0])
}
}
@ -117,10 +126,10 @@ function handleClick(option: string | number | SegmentedOption, index: number) {
return
}
const value = isObj(option) ? option.value : option
state.activeIndex = index
updateActiveStyle()
emit('update:value', value)
emit('change', isObj(option) ? option : { value })
updateValue(value, option)
emit('click', isObj(option) ? option : { value })
}