fix: 🐛 修复 Collapse v-model绑定数据变化时未更新折叠面板状态的问题 (#744)

✅ Closes: #741

Author: Moonofweisheng

src/uni_modules/wot-design-uni/components/wd-collapse-item/wd-collapse-item.vue

@@ -31,7 +31,7 @@ export default {
 
 <script lang="ts" setup>
 import wdIcon from '../wd-icon/wd-icon.vue'
-import { computed, getCurrentInstance, onMounted, ref, type CSSProperties } from 'vue'
+import { computed, getCurrentInstance, onMounted, ref, watch, type CSSProperties } from 'vue'
 import { addUnit, getRect, isArray, isDef, isPromise, isString, objToStyle, requestAnimationFrame, uuid } from '../common/util'
 import { useParent } from '../composables/useParent'
 import { COLLAPSE_KEY } from '../wd-collapse/types'
@@ -80,6 +80,13 @@ const isSelected = computed(() => {
   return (isString(modelValue) && modelValue === name) || (isArray(modelValue) && modelValue.indexOf(name as string) >= 0)
 })
 
+watch(
+  () => isSelected.value,
+  (newVal) => {
+    updateExpand(newVal)
+  }
+)
+
 onMounted(() => {
   updateExpand(isSelected.value)
 })

src/uni_modules/wot-design-uni/components/wd-collapse/wd-collapse.vue

@@ -69,7 +69,7 @@ watch(
       console.error('value must be Array')
     }
   },
-  { deep: true, immediate: true }
+  { deep: true }
 )
 
 watch(
@@ -94,22 +94,10 @@ function updateChange(activeNames: string | string[] | boolean) {
   })
 }
 
-// 更新全部自组件展开状态
-const updateChildren = async () => {
-  for (const item of children) {
-    try {
-      await item.$.exposed!.updateExpand()
-    } catch (error) {
-      console.warn(`更新折叠面板状态失败: ${error}`)
-    }
-  }
-}
-
-async function toggle(name: string, expanded: boolean) {
+function toggle(name: string, expanded: boolean) {
   const { accordion, modelValue } = props
   if (accordion) {
     updateChange(name === modelValue ? '' : name)
-    await updateChildren()
   } else if (expanded) {
     updateChange((modelValue as string[]).concat(name))
   } else {
@@ -121,7 +109,7 @@ async function toggle(name: string, expanded: boolean) {
  * 切换所有面板展开状态，传 true 为全部展开，false 为全部收起，不传参为全部切换
  * @param options 面板状态
  */
-const toggleAll = async (options: CollapseToggleAllOptions = {}) => {
+const toggleAll = (options: CollapseToggleAllOptions = {}) => {
   if (props.accordion) {
     return
   }
@@ -141,7 +129,6 @@ const toggleAll = async (options: CollapseToggleAllOptions = {}) => {
     }
   })
   updateChange(names)
-  await updateChildren()
 }
 
 /**