[ColorPicker] 颜色选择器 遍历循环的时候无法监听change 事件会报错

[dennlian]

tdesign-vue-next 版本

0.10.2

重现链接

https://tdesign.tencent.com/vue-next/components/color-picker?tab=demo

重现步骤

<template>
  <div class="tdesign-demo-block-row">
    <div class="item">
      <h5>默认（单色 + 线性渐变）</h5>
      <t-color-picker v-model="color1" format="CSS" />
    </div>
    <div class="item">
      <h5>仅单色模式</h5>
      <t-color-picker
        v-model="color2"
        format="CSS"
        :color-modes="['monochrome']"
      />
    </div>
    <div style="width: 100%"></div>
    <div class="item">
      <h5>仅线性渐变模式</h5>
      <t-color-picker
        v-model="color3"
        format="CSS"
        :color-modes="['linear-gradient']"
      />
    </div>

    <div class="item" v-for="(it, idx) in list" :key="idx">
      <h5>默认（单色 + 线性渐变）</h5>
      <t-color-picker v-model="it.color" @change="change" format="CSS" />
    </div>
  </div>
</template>
<script setup>
import { ref } from 'vue';

const color1 = ref('#0052d9');
const color2 = ref('#0052d9');
const color3 = ref('linear-gradient(45deg, #4facfe 0%, #00f2fe 100%)');

const list = ref([{ color: '#F00' }]);
const change = (value) => {
  console.log(value);
};
</script>
<style scoped>
.item {
  display: inline-block;
  vertical-align: middle;
  margin-right: 20px;
}
.item h5 {
  font-weight: normal;
  margin-bottom: 10px;
}
</style>

期望结果

遍历的时候不报错，可以触发变化事件

实际结果

框架版本

No response

浏览器版本

No response

系统版本

No response

Node版本

No response

补充说明

No response

[github-actions]

👋 @dennlian，感谢给 TDesign 提出了 issue。
请根据 issue 模版确保背景信息的完善，我们将调查并尽快回复你。

[PengYYYYY]

S-mohan 处理中