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

[TagInput] 期望增加便捷的粘贴时自动输入多个标签的回调

Open fangxiezhen opened this issue 3 years ago • 5 comments

这个功能解决了什么问题

有一些很常见的场景是:在标签输入框中粘贴一些文本,然后生成一些标签,不用一个个输入再一个个按回车。 期望可以增加粘贴的回调 api,使得可以自由格式化粘贴数据然后返回一个 TagInputValue

你建议的方案是什么

例如 onPaste=(pasteValue:粘贴的内容)=>TagInputValue 而不是 return void, 组件内部再把这个返回值给自动添加到 value 中,触发 onChange 来给外部同步 value 虽然同外部自己改变 value 相差不大,只是这个逻辑封装在内部似乎比外部手写来的方便

fangxiezhen avatar Jul 11 '22 09:07 fangxiezhen

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

github-actions[bot] avatar Jul 11 '22 09:07 github-actions[bot]

♥️ 有劳 @LittlehorseXie 尽快确认问题。 确认有效后将下一步计划和可能需要的时间回复给 @fangxiezhen 。

github-actions[bot] avatar Jul 11 '22 09:07 github-actions[bot]

复制后,直接把数据添加到 value 就好了呀,又不复杂的。

onPaste: ({ pasteValue }) => {
  const newValue = tagInputValue.concat(pasteValue.split(',’));
  setTagInputValue(newValue);
}
image

chaishi avatar Jul 11 '22 09:07 chaishi

复制后,直接把数据添加到 value 就好了呀,又不复杂的。

onPaste: ({ pasteValue }) => {
  const newValue = tagInputValue.concat(pasteValue.split(',’));
  setTagInputValue(newValue);
}
image

是,想着既然都有粘贴的回调了,还是 return 一个 void, 不如直接 return 一个 TagInputValue 了 咳咳。。。

而且这样处理也不太友好,因为粘贴的值已经生成标签后,就不应该还在 input 框里

fangxiezhen avatar Jul 12 '22 03:07 fangxiezhen

这个 Issue 被标记为了过时 stale ,因为它已经持续 30 天没有任何活动了。删除 stale 标签或评论,否则将在 7 天内关闭。

github-actions[bot] avatar Aug 11 '22 05:08 github-actions[bot]

此 Issue 被自动关闭,因为它自被标记为过时 stale 以来已闲置 7 天。

github-actions[bot] avatar Aug 18 '22 05:08 github-actions[bot]