[Cascader] onChange 事件会重复触发且文档类型不正确

[Kigoal]

tdesign-mobile-vue 版本

1.0.3

重现链接

No response

重现步骤

<script setup lang="ts">
const modelValue = defineModel<string | number>({
  required: true,
});

const visible = ref(false);

const handleChange = (_value: string | number, selectedOptions?: TreeOptionData<string | number>[]) => {
  if (selectedOptions) {
    formartModelValue.value = selectedOptions.map((item) => item.label).join(' / ');

    visible.value = false;
  }
};
</script>

<template>
  <TdCascader v-model:visible="visible" v-model="modelValue" :options="options" :title="title" @change="handleChange" />
</template>

期望结果

No response

实际结果

1.实际在每次选完的时候会触发两次，第一次必定是 undefined 类型， 第二次是 TreeOptionData<string | number>[] 类型，非文档的 string[] 类型。

2.在没有 props.title 时 t-cascader__title 样式的高度为 0 ，导致 t-cascader__close-btn 样式显示错位。

3.v-model 、 v-model:value 只会使用初始值，后面值有更新时不会触发响应式

框架版本

No response

浏览器版本

No response

系统版本

No response

Node版本

No response

补充说明

No response

IssueShoot

• 预估时长: 3
• 期望完成时间: 2023-09-22 00:00:00 +0000 UTC
• 开发难度: 中
• 参与人数: 1
• 验收标准: 实现期望改造效果，提 PR 并通过验收无误
• 备注: 最终激励以实际提交 pull request 并合并为准

[github-actions]

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

[bitjian]

i look look