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

fix: fix event support for Vue 2, fix #510

Browse Source
This commit is contained in:
Justineo
2021-02-23 20:09:16 +08:00
parent 175d823200
commit 6629540a8e
8 changed files with 49 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files

42
src/ECharts.ts
View File

@ -54,7 +54,9 @@ export default defineComponent({
...autoresizeProps,
...loadingProps
},
setup(props, { attrs }) {
// eslint-disable-next-line @typescript-eslint/no-unused-vars
// @ts-expect-error
setup(props, { attrs, listeners }) {
const root = ref<HTMLElement>();
const chart = shallowRef<EChartsType>();
const manualOption = shallowRef<Option>();
@ -98,21 +100,33 @@ export default defineComponent({
instance.group = props.group;
}
Object.keys(attrs)
.filter(key => key.indexOf("on") === 0)
.forEach(key => {
const handler = attrs[key] as any;
let realListeners = listeners;
if (!realListeners) {
realListeners = {};
if (!handler) {
return;
}
Object.keys(attrs)
.filter(key => key.indexOf("on") === 0 && key.length > 2)
.forEach(key => {
// onClick -> c + lick
// onZr:click -> z + r:click
const event = key.charAt(2).toLowerCase() + key.slice(3);
realListeners[event] = attrs[key];
});
}
if (key.indexOf("onZr:") === 0) {
instance.getZr().on(key.slice(5).toLowerCase(), handler);
} else {
instance.on(key.slice(2).toLowerCase(), handler);
}
});
Object.keys(realListeners).forEach(key => {
const handler = realListeners[key] as any;
if (!handler) {
return;
}
if (key.indexOf("zr:") === 0) {
instance.getZr().on(key.slice(3).toLowerCase(), handler);
} else {
instance.on(key.toLowerCase(), handler);
}
});
instance.setOption(option || realOption.value, realUpdateOptions.value);
}