Tencent / tdesign-vue-next

A Vue3.x UI components lib for TDesign.
https://tdesign.tencent.com/vue-next
MIT License
1.35k stars 445 forks source link

[OptionGroup] Option in OptionGroup must be render in v-for #4317

Closed KawaiiZapic closed 5 days ago

KawaiiZapic commented 1 week ago

tdesign-vue-next 版本

1.9.6

重现链接

https://stackblitz.com/edit/vitejs-vite-prb4of?file=src%2FApp.vue

重现步骤

This should be work.

<t-select>
    <t-option-group label="test">
      <t-option>123</t-option>
    </t-option-group>
  </t-select>

期望结果

Not provided

实际结果

Error thrown:

TypeError: Invalid attempt to iterate non-iterable instance.
In order to be iterable, non-array objects must have a [Symbol.iterator]() method.
    at _createForOfIteratorHelper3 (tdesign-vue-next.js?v=f1c5dfe1:108760:11)
    at tdesign-vue-next.js?v=f1c5dfe1:108853:28
    at ReactiveEffect.fn (chunk-C4KGUF5A.js?v=19d3c92d:1248:13)
    at ReactiveEffect.run (chunk-C4KGUF5A.js?v=19d3c92d:436:19)
    at get value (chunk-C4KGUF5A.js?v=19d3c92d:1260:107)
    at tdesign-vue-next.js?v=f1c5dfe1:108914:28
    at ReactiveEffect.fn (chunk-C4KGUF5A.js?v=19d3c92d:1248:13)
    at ReactiveEffect.run (chunk-C4KGUF5A.js?v=19d3c92d:436:19)
    at get value (chunk-C4KGUF5A.js?v=19d3c92d:1260:107)
    at tdesign-vue-next.js?v=f1c5dfe1:108919:43
_createForOfIteratorHelper3 @ tdesign-vue-next.js?v=f1c5dfe1:108760
(anonymous) @ tdesign-vue-next.js?v=f1c5dfe1:108853
(anonymous) @ chunk-C4KGUF5A.js?v=19d3c92d:1248
run @ chunk-C4KGUF5A.js?v=19d3c92d:436
get value @ chunk-C4KGUF5A.js?v=19d3c92d:1260
(anonymous) @ tdesign-vue-next.js?v=f1c5dfe1:108914
(anonymous) @ chunk-C4KGUF5A.js?v=19d3c92d:1248
run @ chunk-C4KGUF5A.js?v=19d3c92d:436
get value @ chunk-C4KGUF5A.js?v=19d3c92d:1260
(anonymous) @ tdesign-vue-next.js?v=f1c5dfe1:108919
(anonymous) @ chunk-C4KGUF5A.js?v=19d3c92d:1248
run @ chunk-C4KGUF5A.js?v=19d3c92d:436
get value @ chunk-C4KGUF5A.js?v=19d3c92d:1260
getSingleContent2 @ tdesign-vue-next.js?v=f1c5dfe1:108141
(anonymous) @ tdesign-vue-next.js?v=f1c5dfe1:109198
(anonymous) @ chunk-C4KGUF5A.js?v=19d3c92d:1248
run @ chunk-C4KGUF5A.js?v=19d3c92d:436
get value @ chunk-C4KGUF5A.js?v=19d3c92d:1260
(anonymous) @ tdesign-vue-next.js?v=f1c5dfe1:109444
renderComponentRoot @ chunk-C4KGUF5A.js?v=19d3c92d:2364
componentUpdateFn @ chunk-C4KGUF5A.js?v=19d3c92d:6603
run @ chunk-C4KGUF5A.js?v=19d3c92d:436
instance.update @ chunk-C4KGUF5A.js?v=19d3c92d:6734
setupRenderEffect @ chunk-C4KGUF5A.js?v=19d3c92d:6744
mountComponent @ chunk-C4KGUF5A.js?v=19d3c92d:6512
processComponent @ chunk-C4KGUF5A.js?v=19d3c92d:6466
patch @ chunk-C4KGUF5A.js?v=19d3c92d:5933
mountChildren @ chunk-C4KGUF5A.js?v=19d3c92d:6181
processFragment @ chunk-C4KGUF5A.js?v=19d3c92d:6396
patch @ chunk-C4KGUF5A.js?v=19d3c92d:5907
componentUpdateFn @ chunk-C4KGUF5A.js?v=19d3c92d:6610
run @ chunk-C4KGUF5A.js?v=19d3c92d:436
instance.update @ chunk-C4KGUF5A.js?v=19d3c92d:6734
setupRenderEffect @ chunk-C4KGUF5A.js?v=19d3c92d:6744
mountComponent @ chunk-C4KGUF5A.js?v=19d3c92d:6512
processComponent @ chunk-C4KGUF5A.js?v=19d3c92d:6466
patch @ chunk-C4KGUF5A.js?v=19d3c92d:5933
render2 @ chunk-C4KGUF5A.js?v=19d3c92d:7260
mount @ chunk-C4KGUF5A.js?v=19d3c92d:4522
app.mount @ chunk-C4KGUF5A.js?v=19d3c92d:11140
(anonymous) @ main.ts?t=1718878341941:5
tdesign-vue-next.js?v=f1c5dfe1:109388 Uncaught (in promise) TypeError: Cannot read properties of undefined (reading 'get')
    at addCache2 (tdesign-vue-next.js?v=f1c5dfe1:109388:40)
    at tdesign-vue-next.js?v=f1c5dfe1:109397:9
addCache2 @ tdesign-vue-next.js?v=f1c5dfe1:109388
(anonymous) @ tdesign-vue-next.js?v=f1c5dfe1:109397
Promise.then (async)
nextTick @ chunk-C4KGUF5A.js?v=19d3c92d:1763
watch.immediate @ tdesign-vue-next.js?v=f1c5dfe1:109396
callWithErrorHandling @ chunk-C4KGUF5A.js?v=19d3c92d:1673
callWithAsyncErrorHandling @ chunk-C4KGUF5A.js?v=19d3c92d:1680
job @ chunk-C4KGUF5A.js?v=19d3c92d:7562
doWatch @ chunk-C4KGUF5A.js?v=19d3c92d:7599
watch @ chunk-C4KGUF5A.js?v=19d3c92d:7427
setup56 @ tdesign-vue-next.js?v=f1c5dfe1:109394
callWithErrorHandling @ chunk-C4KGUF5A.js?v=19d3c92d:1673
setupStatefulComponent @ chunk-C4KGUF5A.js?v=19d3c92d:9094
setupComponent @ chunk-C4KGUF5A.js?v=19d3c92d:9055
mountComponent @ chunk-C4KGUF5A.js?v=19d3c92d:6500
processComponent @ chunk-C4KGUF5A.js?v=19d3c92d:6466
patch @ chunk-C4KGUF5A.js?v=19d3c92d:5933
mountChildren @ chunk-C4KGUF5A.js?v=19d3c92d:6181
processFragment @ chunk-C4KGUF5A.js?v=19d3c92d:6396
patch @ chunk-C4KGUF5A.js?v=19d3c92d:5907
componentUpdateFn @ chunk-C4KGUF5A.js?v=19d3c92d:6610
run @ chunk-C4KGUF5A.js?v=19d3c92d:436
instance.update @ chunk-C4KGUF5A.js?v=19d3c92d:6734
setupRenderEffect @ chunk-C4KGUF5A.js?v=19d3c92d:6744
mountComponent @ chunk-C4KGUF5A.js?v=19d3c92d:6512
processComponent @ chunk-C4KGUF5A.js?v=19d3c92d:6466
patch @ chunk-C4KGUF5A.js?v=19d3c92d:5933
render2 @ chunk-C4KGUF5A.js?v=19d3c92d:7260
mount @ chunk-C4KGUF5A.js?v=19d3c92d:4522
app.mount @ chunk-C4KGUF5A.js?v=19d3c92d:11140
(anonymous) @ main.ts?t=1718878341941:5

框架版本

3.4.29

浏览器版本

Chrome 126

系统版本

Not related

Node版本

Not related

补充说明

No response

github-actions[bot] commented 1 week ago

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

1379255913 commented 1 week ago

认领

uyarn commented 5 days ago

fixed 1.9.7