javascript/vueecharts
1
0
Fork 0
mirror of https://github.com/ecomfe/vue-echarts.git synced 2025-10-27 19:13:59 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat: also supports native: in Vue 2

Browse Source
This commit is contained in:
Yue JIN
2024-02-29 16:38:47 +08:00
committed by GU Yiling
parent 29ff9bc52a
commit 5cdff0b4f9
2 changed files with 14 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
src/ECharts.ts
View File

@ -126,7 +126,7 @@ export default defineComponent({
// onZr:click -> z + r:click
let event = key.charAt(2).toLowerCase() + key.slice(3);
// Collect native events
// Collect native DOM events
if (event.startsWith("native:")) {
// native:click -> onClick
const nativeKey =
@ -144,6 +144,18 @@ export default defineComponent({
realListeners[event] = attrs[key];
});
} else {
// Vue 2 native DOM events
Object.keys(realListeners).forEach(key => {
const index = key.indexOf("native:");
if (index === 0 || index === 1 || index === 2) {
// native:click -> click
// ~native:click -> ~click
// ~!native:click -> ~!click (eg: .capture.once)
nativeEventAttrs[key.slice(0, index) + key.slice(index + 7)] =
realListeners[key];
}
});
}
Object.keys(realListeners).forEach(key => {
@ -316,7 +328,7 @@ export default defineComponent({
// See https://v3-migration.vuejs.org/breaking-changes/render-function-api.html#vnode-props-format
const attrs = (
Vue2
? { attrs: this.nonEventAttrs }
? { attrs: this.nonEventAttrs, on: this.nativeEventAttrs }
: { ...this.nonEventAttrs, ...this.nativeEventAttrs }
) as any;
attrs.ref = "root";