vxe-table icon indicating copy to clipboard operation
vxe-table copied to clipboard

tools\dom.js文件里,检查触发源是否属于目标节点需要优化

Open zbczbc2006 opened this issue 1 year ago • 1 comments

可复现的链接:

https://codesandbox.io/s/vxe-table-4-x-vue-3-0-wen-ti-yan-shi-forked-ypo3np?file=/src/views/Demo1.vue

问题描述与截图:

例子中使用antdv的select实现编辑,设置allowClear添加选择清空按钮,点击后会导致编辑项失去编辑状态 原因是tools\dom.js文件里检查触发源是否属于目标节点方法getEventTargetNode通过使用parentNode遍历,且事件使用冒泡监听。捕捉到时清空按钮已被先行移除,parentNode为null导致方法返回false。是否可以使用event.path来判断

期望的结果:

优化getEventTargetNode判断逻辑

操作系统:

win10

浏览器版本:

chrome104

vue 版本:

3.2.31

vxe-table 版本:

4.1.21

zbczbc2006 avatar Aug 17 '22 07:08 zbczbc2006

看了vxe-table-plugin-antd代码,发现可以自己写插件,实现interceptor.add('event.clearActived', handleClearEvent)来保持编辑状态 ps: vxe-table-plugin-antd里日期相关预设的类名有缺少,可以用'ant-picker-dropdown'统一包含

zbczbc2006 avatar Aug 17 '22 09:08 zbczbc2006