vue-echarts 6.4.0 → 6.4.1

package/README.md

@@ -227,7 +227,7 @@ Drop `<script>` inside your HTML file and access the component via `window.VueEC
 ```html
 <script src="https://cdn.jsdelivr.net/npm/vue@3.2.37"></script>
 <script src="https://cdn.jsdelivr.net/npm/echarts@5.3.3"></script>
-<script src="https://cdn.jsdelivr.net/npm/vue-echarts@6.4.0"></script>
+<script src="https://cdn.jsdelivr.net/npm/vue-echarts@6.4.1"></script>
 ```
 <!-- vue3Scripts:end -->
 
@@ -247,7 +247,7 @@ app.component('v-chart', VueECharts)
 ```html
 <script src="https://cdn.jsdelivr.net/npm/vue@2.7.5"></script>
 <script src="https://cdn.jsdelivr.net/npm/echarts@5.3.3"></script>
-<script src="https://cdn.jsdelivr.net/npm/vue-echarts@6.4.0"></script>
+<script src="https://cdn.jsdelivr.net/npm/vue-echarts@6.4.1"></script>
 ```
 <!-- vue2Scripts:end -->
 

package/README.zh-Hans.md

@@ -225,7 +225,7 @@ import "echarts";
 ```html
 <script src="https://cdn.jsdelivr.net/npm/vue@3.2.37"></script>
 <script src="https://cdn.jsdelivr.net/npm/echarts@5.3.3"></script>
-<script src="https://cdn.jsdelivr.net/npm/vue-echarts@6.4.0"></script>
+<script src="https://cdn.jsdelivr.net/npm/vue-echarts@6.4.1"></script>
 ```
 <!-- vue3Scripts:end -->
 
@@ -245,7 +245,7 @@ app.component('v-chart', VueECharts)
 ```html
 <script src="https://cdn.jsdelivr.net/npm/vue@2.7.5"></script>
 <script src="https://cdn.jsdelivr.net/npm/echarts@5.3.3"></script>
-<script src="https://cdn.jsdelivr.net/npm/vue-echarts@6.4.0"></script>
+<script src="https://cdn.jsdelivr.net/npm/vue-echarts@6.4.1"></script>
 ```
 <!-- vue2Scripts:end -->
 

package/dist/index.d.ts

@@ -16,12 +16,15 @@ type UpdateOptionsInjection = Injection<UpdateOptions>;
 type EChartsType = ReturnType<InitType>;
 type SetOptionType = EChartsType["setOption"];
 type Option = Parameters<SetOptionType>[0];
-type EChartsEventName = "click" | "dblclick" | "mousedown" | "mousemove" | "mouseup" | "mouseover" | "mouseout" | "globalout" | "contextmenu" | "highlight" | "downplay" | "selectchanged" | "legendselectchanged" | "legendselected" | "legendunselected" | "legendselectall" | "legendinverseselect" | "legendscroll" | "datazoom" | "datarangeselected" | "graphroam" | "georoam" | "treeroam" | "timelinechanged" | "timelineplaychanged" | "restore" | "dataviewchanged" | "magictypechanged" | "geoselectchanged" | "geoselected" | "geounselected" | "axisareaselected" | "brush" | "brushEnd" | "brushselected" | "globalcursortaken" | "rendered" | "finished";
-type ZRenderEventName = "click" | "dblclick" | "mousewheel" | "mouseout" | "mouseover" | "mouseup" | "mousedown" | "mousemove" | "contextmenu" | "drag" | "dragstart" | "dragend" | "dragenter" | "dragleave" | "dragover" | "drop" | "globalout";
-type EventName = EChartsEventName | `zr:${ZRenderEventName}`;
-type Emits = {
-    [key in EventName]: null;
-};
+interface MouseEventParams {
+    componentType: string;
+    seriesType: string;
+    seriesIndex: number;
+    seriesName: string;
+    name: string;
+    dataIndex: number;
+    color: string;
+}
 interface EChartsElement extends HTMLElement {
     __dispose: (() => void) | null;
 }
@@ -308,7 +311,64 @@ declare const _default: import("vue-demi").DefineComponent<{
     nonEventAttrs: import("vue-demi").ComputedRef<{
         [key: string]: any;
     }>;
-}, unknown, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, Emits, string, import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, {
+    click: (params: MouseEventParams) => boolean;
+    dblclick: (params: MouseEventParams) => boolean;
+    mouseout: (params: MouseEventParams) => boolean;
+    mouseover: (params: MouseEventParams) => boolean;
+    mouseup: (params: MouseEventParams) => boolean;
+    mousedown: (params: MouseEventParams) => boolean;
+    mousemove: (params: MouseEventParams) => boolean;
+    contextmenu: (params: MouseEventParams) => boolean;
+    globalout: (params: MouseEventParams) => boolean;
+} & {
+    highlight: null;
+    downplay: null;
+    selectchanged: null;
+    legendselectchanged: null;
+    legendselected: null;
+    legendunselected: null;
+    legendselectall: null;
+    legendinverseselect: null;
+    legendscroll: null;
+    datazoom: null;
+    datarangeselected: null;
+    graphroam: null;
+    georoam: null;
+    treeroam: null;
+    timelinechanged: null;
+    timelineplaychanged: null;
+    restore: null;
+    dataviewchanged: null;
+    magictypechanged: null;
+    geoselectchanged: null;
+    geoselected: null;
+    geounselected: null;
+    axisareaselected: null;
+    brush: null;
+    brushEnd: null;
+    brushselected: null;
+    globalcursortaken: null;
+    rendered: null;
+    finished: null;
+    "zr:click": null;
+    "zr:dblclick": null;
+    "zr:mousewheel": null;
+    "zr:mouseout": null;
+    "zr:mouseover": null;
+    "zr:mouseup": null;
+    "zr:mousedown": null;
+    "zr:mousemove": null;
+    "zr:contextmenu": null;
+    "zr:drag": null;
+    "zr:dragstart": null;
+    "zr:dragend": null;
+    "zr:dragenter": null;
+    "zr:dragleave": null;
+    "zr:dragover": null;
+    "zr:drop": null;
+    "zr:globalout": null;
+}, string, import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
     loading: BooleanConstructor;
     loadingOptions: ObjectConstructor;
     autoresize: BooleanConstructor;
@@ -437,15 +497,15 @@ declare const _default: import("vue-demi").DefineComponent<{
     group: StringConstructor;
     manualUpdate: BooleanConstructor;
 }>> & {
-    onClick?: ((...args: any[]) => any) | undefined;
-    onDblclick?: ((...args: any[]) => any) | undefined;
-    onMouseout?: ((...args: any[]) => any) | undefined;
-    onMouseover?: ((...args: any[]) => any) | undefined;
-    onMouseup?: ((...args: any[]) => any) | undefined;
-    onMousedown?: ((...args: any[]) => any) | undefined;
-    onMousemove?: ((...args: any[]) => any) | undefined;
-    onContextmenu?: ((...args: any[]) => any) | undefined;
-    onGlobalout?: ((...args: any[]) => any) | undefined;
+    onClick?: ((params: MouseEventParams) => any) | undefined;
+    onDblclick?: ((params: MouseEventParams) => any) | undefined;
+    onMouseout?: ((params: MouseEventParams) => any) | undefined;
+    onMouseover?: ((params: MouseEventParams) => any) | undefined;
+    onMouseup?: ((params: MouseEventParams) => any) | undefined;
+    onMousedown?: ((params: MouseEventParams) => any) | undefined;
+    onMousemove?: ((params: MouseEventParams) => any) | undefined;
+    onContextmenu?: ((params: MouseEventParams) => any) | undefined;
+    onGlobalout?: ((params: MouseEventParams) => any) | undefined;
     onHighlight?: ((...args: any[]) => any) | undefined;
     onDownplay?: ((...args: any[]) => any) | undefined;
     onSelectchanged?: ((...args: any[]) => any) | undefined;

package/dist/index.vue2.d.ts

@@ -11,7 +11,7 @@ type EChartsType = ReturnType<InitType>;
 type SetOptionType = EChartsType["setOption"];
 type Option = Parameters<SetOptionType>[0];
 
-type EChartsEventName =
+type EChartsMouseEventName =
   | "click"
   | "dblclick"
   | "mousedown"
@@ -20,7 +20,8 @@ type EChartsEventName =
   | "mouseover"
   | "mouseout"
   | "globalout"
-  | "contextmenu"
+  | "contextmenu";
+type EChartsOtherEventName =
   | "highlight"
   | "downplay"
   | "selectchanged"
@@ -68,11 +69,29 @@ type ZRenderEventName =
   | "dragover"
   | "drop"
   | "globalout";
-type EventName = EChartsEventName | `zr:${ZRenderEventName}`;
-type Emits = {
-  [key in EventName]: null;
+type OtherEventName = EChartsOtherEventName | `zr:${ZRenderEventName}`;
+
+// See https://echarts.apache.org/en/api.html#events.Mouse%20events
+interface MouseEventParams {
+  componentType: string;
+  seriesType: string;
+  seriesIndex: number;
+  seriesName: string;
+  name: string;
+  dataIndex: number;
+  color: string;
+}
+
+type MouseEmits = {
+  [k in EChartsMouseEventName]: (params: MouseEventParams) => boolean;
 };
 
+type OtherEmits = {
+  [key in OtherEventName]: null;
+};
+
+type Emits = MouseEmits & OtherEmits;
+
 /* eslint-disable @typescript-eslint/ban-types */
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vue-echarts",
-  "version": "6.4.0",
+  "version": "6.4.1",
   "description": "Vue.js component for Apache ECharts.",
   "author": "GU Yiling <justice360@gmail.com>",
   "main": "dist/index.cjs.min.js",