vxe-table
vxe-table copied to clipboard
tools\dom.js文件里,检查触发源是否属于目标节点需要优化
可复现的链接:
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
看了vxe-table-plugin-antd代码,发现可以自己写插件,实现interceptor.add('event.clearActived', handleClearEvent)
来保持编辑状态
ps: vxe-table-plugin-antd里日期相关预设的类名有缺少,可以用'ant-picker-dropdown'统一包含