Upload console warning: [Vue warn]: Extraneous non-props attributes (mode) were passed to component but could not be automatically inherited because component renders fragment or text root nodes. at <TransitionGroup name="fade-in-height-expand-transition" mode=undefined appear=false ... >

[M1CK431]

TuSimple/naive-ui version (版本)

2.34.3

Vue version (Vue 版本)

3.2.47

Browser and its version (浏览器及其版本)

Vivaldi 5.6.2867.62

System and its version (系统及其版本)

Archlinux

Node version (Node 版本)

19.6.0

Reappearance link (重现链接)

https://www.naiveui.com/en-US/light/components/upload

Reappearance steps (重现步骤)

Use NUpload component this way:

  <NUpload
    @beforeUpload="handleUpload($event.file)"
    accept="text/html"
    trigger-style="height: 100%"
  />

Expected results (期望的结果)

No warning in browser console

Actual results (实际的结果)

[Vue warn]: Extraneous non-props attributes (mode) were passed to component but could not be automatically inherited because component renders fragment or text root nodes. 
  at <TransitionGroup name="fade-in-height-expand-transition" mode=undefined appear=false  ... > 
  at <FadeInExpandTransition group=true > 
  at <UploadFileList> 
  at <Upload onBeforeUpload=fn accept="text/html" trigger-style="height: 100%"  ... >

Remarks (补充说明)

This is a minor issue which could be easily workaround from user side using :show-file-list="false" prop.

[lhf6623]

俺也遇到了

[eastecho]

Same here, after upgraded Vue from 3.2.31 to 3.2.47 .

[recallwei]

+1

[lnzhangsong]

+1

[vshepel]

+1

[wanjinzhong]

+1. And when to fix?

[zhangchenna]

+1

[hi-reeve]

+1

[franck-lynn]

+1

[turulix]

+1

[wangwang93517]

+1

[mazhewei]

+1

[hanpandeng]

我看这个问题已经在2月14号修复了，但是怎么样才能更新到本地项目里呢？

[M1CK431]

@hanpandeng Since this PR is still open (not merged) you will have to wait for a merge then a release. After that, yarn upgrade will be enough.

In the meantime, use :show-file-list="false" prop as a workaround (if you are not using the file list feature, ofc).

[hanpandeng]

@hanpandeng Since this PR is still open (not merged) you will have to wait for a merge then a release. After that, yarn upgrade will be enough.

In the meantime, use :show-file-list="false" prop as a workaround (if you are not using the file list feature, ofc).

thanks

[hanpandeng]

@hanpandeng Since this PR is still open (not merged) you will have to wait for a merge then a release. After that, yarn upgrade will be enough.

In the meantime, use :show-file-list="false" prop as a workaround (if you are not using the file list feature, ofc).

But I need to use the file list feature

[myccy123]

如果设置list-type="image-card" ， 则这个警告就不会出现。。。

[umang-gramener]

Any Updates on this issue yet? I am facing the same issue and I want to show file list