vue-devui icon indicating copy to clipboard operation
vue-devui copied to clipboard

✨ [Feature]: CodeReview组件增加多行选择功能

Open redshade opened this issue 1 year ago • 7 comments

What problem does this feature solve

  • 业务中需要实现类似github的多行代码建议功能

What does the proposed API look like

  • 支持多行选择效果
  • 可获取到多行选择的代码内容 image

redshade avatar Jun 03 '24 11:06 redshade

现调研了一下github的这块功能。

aolinpk avatar Jun 04 '24 06:06 aolinpk

结合现有CodeReview现有功能,预计增加以下功能: 1、点击选中行(只能选连续的行,预计做成按住shift点击左键)。 2、点击评论的回调函数中增加一到两个参数,优先增加返回参数行号数组[1,2,3,4,5,6],如果可以的话返回对应选中行的代码块字符串。

aolinpk avatar Jun 04 '24 07:06 aolinpk

补充:参照github如果已经选中多行 此时如果点击的是最后一个选中的行触发事件则为多选。 如果选中的不是已选中多选的最后一行,或者点击是未选中行则走原来的单选。 image

aolinpk avatar Jun 05 '24 06:06 aolinpk

选中方法参照github,改成只能从小到大选择。 因为如果能自由选择的话会有一个问题。 例如选中了200-205,再选202的时候到底是要200-202还是202-205就会有分歧。

aolinpk avatar Jun 05 '24 07:06 aolinpk

image

aolinpk avatar Jun 13 '24 06:06 aolinpk

image

aolinpk avatar Jun 13 '24 06:06 aolinpk

image image

aolinpk avatar Jun 13 '24 06:06 aolinpk