Naive UI 可过滤 Select 组件输入中文报错

问题分析

在wujie微前端框架中，使用了naive-ui的子应用，n-select开启filterable后，中文输入报错问题https://github.com/tusen-ai/naive-ui/issues/5491

经调试复制中文进入可以，但是使用中文输入法（win11自带微软拼音）输入时报错。经调试是naiveui Select.js中handlePatternInput方法获取e.target时，e.target变成了wujie-app.wujie_iframe，导致没取到value。如果是英文输入或粘贴内容进去时，e.target则为input.n-base-selection-input，此时可以取到e.target.value。

解决方法

使用wujie-polyfill的EventTargetPlugin

import { EventTargetPlugin } from 'wujie-polyfill';

WujieVue使用plugins属性引入

:plugins="[EventTargetPlugin()]"

插件特性

EventTargetPlugin插件修复了wujie框架下UI事件由子应用传递时，target会指向到WUJIE-APP标签问题。

特性

• 修正了 target 指向
• 修正了异步获取的 target 指向
• 修复了 chrome 109+版本 event.path 为空