tdesign-react icon indicating copy to clipboard operation
tdesign-react copied to clipboard

[Textarea] 的粘贴事件有问题,无法获得粘贴的文件

Open mystraybird opened this issue 3 months ago • 3 comments

tdesign-react 版本

重现链接

No response

重现步骤

粘贴系统文件时,不管是 onPaste 或者是 onPasteCapture 事件,都无法获取到 e.clipboardData

import { Textarea } from 'tdesign-react'

function App() {

  const handlePaste = (content: string, e: React.ClipboardEvent<HTMLTextAreaElement>) => {
    console.log('handlePaste',[content, e, e.clipboardData])
  }
  const handlePasteCapture = (content: string, e: React.ClipboardEvent<HTMLTextAreaElement>) => {
    console.log('handlePasteCapture',[content, e, e.clipboardData])
  }
  return (
    <>
      <div>
        <Textarea onPaste={handlePaste} onPasteCapture={handlePasteCapture} />
      </div>
    </>
  )
}

期望结果

No response

实际结果

No response

框架版本

No response

浏览器版本

No response

系统版本

No response

Node版本

No response

补充说明

No response

mystraybird avatar Sep 28 '25 11:09 mystraybird

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

github-actions[bot] avatar Sep 28 '25 11:09 github-actions[bot]

目前不在文档上的原生事件 ts 有些问题,第二个参数格式如下,可以这么获取:

// @ts-ignore
onPaste={(value, { e }) => {
  console.log('onPaste', e.clipboardData);
}}

RylanBot avatar Sep 28 '25 11:09 RylanBot

目前不在文档上的原生事件 ts 有些问题,第二个参数格式如下,可以这么获取:

// @ts-ignore onPaste={(value, { e }) => { console.log('onPaste', e.clipboardData); }}

可以运行了,后续请更新类型声明和文档吧

mystraybird avatar Sep 29 '25 02:09 mystraybird