vue-echarts 6.4.1 → 6.5.0

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.1"></script>
+<script src="https://cdn.jsdelivr.net/npm/vue-echarts@6.5.0"></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.1"></script>
+<script src="https://cdn.jsdelivr.net/npm/vue-echarts@6.5.0"></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.1"></script>
+<script src="https://cdn.jsdelivr.net/npm/vue-echarts@6.5.0"></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.1"></script>
+<script src="https://cdn.jsdelivr.net/npm/vue-echarts@6.5.0"></script>
 ```
 <!-- vue2Scripts:end -->
 

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 import { PropType, InjectionKey } from "vue-demi";
 import { Ref as Ref$0 } from "vue-demi";
-import { init, SetOptionOpts } from "echarts/core";
+import { init, SetOptionOpts, ECElementEvent, ElementEvent } from "echarts/core";
 import { Ref } from "vue";
 type Injection<T> = T | null | Ref<T | null> | {
     value: T | null;
@@ -16,15 +16,6 @@ type UpdateOptionsInjection = Injection<UpdateOptions>;
 type EChartsType = ReturnType<InitType>;
 type SetOptionType = EChartsType["setOption"];
 type Option = Parameters<SetOptionType>[0];
-interface MouseEventParams {
-    componentType: string;
-    seriesType: string;
-    seriesIndex: number;
-    seriesName: string;
-    name: string;
-    dataIndex: number;
-    color: string;
-}
 interface EChartsElement extends HTMLElement {
     __dispose: (() => void) | null;
 }
@@ -154,9 +145,11 @@ declare const _default: import("vue-demi").DefineComponent<{
         renderer?: ("canvas" | "svg") | undefined;
         devicePixelRatio?: number | undefined;
         useDirtyRect?: boolean | undefined;
+        useCoarsePointer?: boolean | undefined;
+        pointerSize?: number | undefined;
         ssr?: boolean | undefined;
-        width?: number | undefined;
-        height?: number | undefined;
+        width?: string | number | undefined;
+        height?: string | number | undefined;
     }>;
     updateOptions: PropType<import("echarts/types/dist/shared").SetOptionOpts>;
     group: StringConstructor;
@@ -312,15 +305,23 @@ declare const _default: import("vue-demi").DefineComponent<{
         [key: string]: any;
     }>;
 }, 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;
+    click: (params: import("echarts/types/dist/shared").ECElementEvent) => boolean;
+    dblclick: (params: import("echarts/types/dist/shared").ECElementEvent) => boolean;
+    mousewheel: (params: import("echarts/types/dist/shared").ECElementEvent) => boolean;
+    mouseout: (params: import("echarts/types/dist/shared").ECElementEvent) => boolean;
+    mouseover: (params: import("echarts/types/dist/shared").ECElementEvent) => boolean;
+    mouseup: (params: import("echarts/types/dist/shared").ECElementEvent) => boolean;
+    mousedown: (params: import("echarts/types/dist/shared").ECElementEvent) => boolean;
+    mousemove: (params: import("echarts/types/dist/shared").ECElementEvent) => boolean;
+    contextmenu: (params: import("echarts/types/dist/shared").ECElementEvent) => boolean;
+    drag: (params: import("echarts/types/dist/shared").ECElementEvent) => boolean;
+    dragstart: (params: import("echarts/types/dist/shared").ECElementEvent) => boolean;
+    dragend: (params: import("echarts/types/dist/shared").ECElementEvent) => boolean;
+    dragenter: (params: import("echarts/types/dist/shared").ECElementEvent) => boolean;
+    dragleave: (params: import("echarts/types/dist/shared").ECElementEvent) => boolean;
+    dragover: (params: import("echarts/types/dist/shared").ECElementEvent) => boolean;
+    drop: (params: import("echarts/types/dist/shared").ECElementEvent) => boolean;
+    globalout: (params: import("echarts/types/dist/shared").ECElementEvent) => boolean;
 } & {
     highlight: null;
     downplay: null;
@@ -349,25 +350,29 @@ declare const _default: import("vue-demi").DefineComponent<{
     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;
+} & {
+    rendered: (params: {
+        elapsedTime: number;
+    }) => boolean;
+    finished: () => boolean;
+} & {
+    "zr:click": (params: import("echarts/types/dist/shared").ElementEvent) => boolean;
+    "zr:dblclick": (params: import("echarts/types/dist/shared").ElementEvent) => boolean;
+    "zr:mousewheel": (params: import("echarts/types/dist/shared").ElementEvent) => boolean;
+    "zr:mouseout": (params: import("echarts/types/dist/shared").ElementEvent) => boolean;
+    "zr:mouseover": (params: import("echarts/types/dist/shared").ElementEvent) => boolean;
+    "zr:mouseup": (params: import("echarts/types/dist/shared").ElementEvent) => boolean;
+    "zr:mousedown": (params: import("echarts/types/dist/shared").ElementEvent) => boolean;
+    "zr:mousemove": (params: import("echarts/types/dist/shared").ElementEvent) => boolean;
+    "zr:contextmenu": (params: import("echarts/types/dist/shared").ElementEvent) => boolean;
+    "zr:drag": (params: import("echarts/types/dist/shared").ElementEvent) => boolean;
+    "zr:dragstart": (params: import("echarts/types/dist/shared").ElementEvent) => boolean;
+    "zr:dragend": (params: import("echarts/types/dist/shared").ElementEvent) => boolean;
+    "zr:dragenter": (params: import("echarts/types/dist/shared").ElementEvent) => boolean;
+    "zr:dragleave": (params: import("echarts/types/dist/shared").ElementEvent) => boolean;
+    "zr:dragover": (params: import("echarts/types/dist/shared").ElementEvent) => boolean;
+    "zr:drop": (params: import("echarts/types/dist/shared").ElementEvent) => boolean;
+    "zr:globalout": (params: import("echarts/types/dist/shared").ElementEvent) => boolean;
 }, string, import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
     loading: BooleanConstructor;
     loadingOptions: ObjectConstructor;
@@ -489,23 +494,50 @@ declare const _default: import("vue-demi").DefineComponent<{
         renderer?: ("canvas" | "svg") | undefined;
         devicePixelRatio?: number | undefined;
         useDirtyRect?: boolean | undefined;
+        useCoarsePointer?: boolean | undefined;
+        pointerSize?: number | undefined;
         ssr?: boolean | undefined;
-        width?: number | undefined;
-        height?: number | undefined;
+        width?: string | number | undefined;
+        height?: string | number | undefined;
     }>;
     updateOptions: PropType<import("echarts/types/dist/shared").SetOptionOpts>;
     group: StringConstructor;
     manualUpdate: BooleanConstructor;
 }>> & {
-    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;
+    onClick?: ((params: import("echarts/types/dist/shared").ECElementEvent) => any) | undefined;
+    onDblclick?: ((params: import("echarts/types/dist/shared").ECElementEvent) => any) | undefined;
+    onMousewheel?: ((params: import("echarts/types/dist/shared").ECElementEvent) => any) | undefined;
+    onMouseout?: ((params: import("echarts/types/dist/shared").ECElementEvent) => any) | undefined;
+    onMouseover?: ((params: import("echarts/types/dist/shared").ECElementEvent) => any) | undefined;
+    onMouseup?: ((params: import("echarts/types/dist/shared").ECElementEvent) => any) | undefined;
+    onMousedown?: ((params: import("echarts/types/dist/shared").ECElementEvent) => any) | undefined;
+    onMousemove?: ((params: import("echarts/types/dist/shared").ECElementEvent) => any) | undefined;
+    onContextmenu?: ((params: import("echarts/types/dist/shared").ECElementEvent) => any) | undefined;
+    onDrag?: ((params: import("echarts/types/dist/shared").ECElementEvent) => any) | undefined;
+    onDragstart?: ((params: import("echarts/types/dist/shared").ECElementEvent) => any) | undefined;
+    onDragend?: ((params: import("echarts/types/dist/shared").ECElementEvent) => any) | undefined;
+    onDragenter?: ((params: import("echarts/types/dist/shared").ECElementEvent) => any) | undefined;
+    onDragleave?: ((params: import("echarts/types/dist/shared").ECElementEvent) => any) | undefined;
+    onDragover?: ((params: import("echarts/types/dist/shared").ECElementEvent) => any) | undefined;
+    onDrop?: ((params: import("echarts/types/dist/shared").ECElementEvent) => any) | undefined;
+    onGlobalout?: ((params: import("echarts/types/dist/shared").ECElementEvent) => any) | undefined;
+    "onZr:click"?: ((params: import("echarts/types/dist/shared").ElementEvent) => any) | undefined;
+    "onZr:dblclick"?: ((params: import("echarts/types/dist/shared").ElementEvent) => any) | undefined;
+    "onZr:mousewheel"?: ((params: import("echarts/types/dist/shared").ElementEvent) => any) | undefined;
+    "onZr:mouseout"?: ((params: import("echarts/types/dist/shared").ElementEvent) => any) | undefined;
+    "onZr:mouseover"?: ((params: import("echarts/types/dist/shared").ElementEvent) => any) | undefined;
+    "onZr:mouseup"?: ((params: import("echarts/types/dist/shared").ElementEvent) => any) | undefined;
+    "onZr:mousedown"?: ((params: import("echarts/types/dist/shared").ElementEvent) => any) | undefined;
+    "onZr:mousemove"?: ((params: import("echarts/types/dist/shared").ElementEvent) => any) | undefined;
+    "onZr:contextmenu"?: ((params: import("echarts/types/dist/shared").ElementEvent) => any) | undefined;
+    "onZr:drag"?: ((params: import("echarts/types/dist/shared").ElementEvent) => any) | undefined;
+    "onZr:dragstart"?: ((params: import("echarts/types/dist/shared").ElementEvent) => any) | undefined;
+    "onZr:dragend"?: ((params: import("echarts/types/dist/shared").ElementEvent) => any) | undefined;
+    "onZr:dragenter"?: ((params: import("echarts/types/dist/shared").ElementEvent) => any) | undefined;
+    "onZr:dragleave"?: ((params: import("echarts/types/dist/shared").ElementEvent) => any) | undefined;
+    "onZr:dragover"?: ((params: import("echarts/types/dist/shared").ElementEvent) => any) | undefined;
+    "onZr:drop"?: ((params: import("echarts/types/dist/shared").ElementEvent) => any) | undefined;
+    "onZr:globalout"?: ((params: import("echarts/types/dist/shared").ElementEvent) => any) | undefined;
     onHighlight?: ((...args: any[]) => any) | undefined;
     onDownplay?: ((...args: any[]) => any) | undefined;
     onSelectchanged?: ((...args: any[]) => any) | undefined;
@@ -533,25 +565,10 @@ declare const _default: import("vue-demi").DefineComponent<{
     onBrushEnd?: ((...args: any[]) => any) | undefined;
     onBrushselected?: ((...args: any[]) => any) | undefined;
     onGlobalcursortaken?: ((...args: any[]) => any) | undefined;
-    onRendered?: ((...args: any[]) => any) | undefined;
-    onFinished?: ((...args: any[]) => any) | undefined;
-    "onZr:click"?: ((...args: any[]) => any) | undefined;
-    "onZr:dblclick"?: ((...args: any[]) => any) | undefined;
-    "onZr:mousewheel"?: ((...args: any[]) => any) | undefined;
-    "onZr:mouseout"?: ((...args: any[]) => any) | undefined;
-    "onZr:mouseover"?: ((...args: any[]) => any) | undefined;
-    "onZr:mouseup"?: ((...args: any[]) => any) | undefined;
-    "onZr:mousedown"?: ((...args: any[]) => any) | undefined;
-    "onZr:mousemove"?: ((...args: any[]) => any) | undefined;
-    "onZr:contextmenu"?: ((...args: any[]) => any) | undefined;
-    "onZr:drag"?: ((...args: any[]) => any) | undefined;
-    "onZr:dragstart"?: ((...args: any[]) => any) | undefined;
-    "onZr:dragend"?: ((...args: any[]) => any) | undefined;
-    "onZr:dragenter"?: ((...args: any[]) => any) | undefined;
-    "onZr:dragleave"?: ((...args: any[]) => any) | undefined;
-    "onZr:dragover"?: ((...args: any[]) => any) | undefined;
-    "onZr:drop"?: ((...args: any[]) => any) | undefined;
-    "onZr:globalout"?: ((...args: any[]) => any) | undefined;
+    onRendered?: ((params: {
+        elapsedTime: number;
+    }) => any) | undefined;
+    onFinished?: (() => any) | undefined;
 }, {
     autoresize: boolean;
     manualUpdate: boolean;

package/dist/index.vue2.d.ts

@@ -1,5 +1,5 @@
 import { DefineComponent, Ref } from 'vue-demi';
-import { init, SetOptionOpts } from 'echarts/core';
+import { init, SetOptionOpts, ECElementEvent, ElementEvent } from 'echarts/core';
 
 type InitType = typeof init;
 type InitParameters = Parameters<InitType>;
@@ -11,17 +11,28 @@ type EChartsType = ReturnType<InitType>;
 type SetOptionType = EChartsType["setOption"];
 type Option = Parameters<SetOptionType>[0];
 
-type EChartsMouseEventName =
+type ElementEventName =
   | "click"
   | "dblclick"
+  | "mousewheel"
+  | "mouseout"
+  | "mouseover"
+  | "mouseup"
   | "mousedown"
   | "mousemove"
-  | "mouseup"
-  | "mouseover"
-  | "mouseout"
-  | "globalout"
-  | "contextmenu";
-type EChartsOtherEventName =
+  | "contextmenu"
+  | "drag"
+  | "dragstart"
+  | "dragend"
+  | "dragenter"
+  | "dragleave"
+  | "dragover"
+  | "drop"
+  | "globalout";
+
+type ZRenderEventName = `zr:${ElementEventName}`;
+
+type OtherEventName =
   | "highlight"
   | "downplay"
   | "selectchanged"
@@ -48,49 +59,25 @@ type EChartsOtherEventName =
   | "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 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;
+  | "globalcursortaken";
+
+type ElementEmits = {
+  [key in ElementEventName]: (params: ECElementEvent) => boolean;
+};
+
+type ZRenderEmits = {
+  [key in ZRenderEventName]: (params: ElementEvent) => boolean;
 };
 
 type OtherEmits = {
   [key in OtherEventName]: null;
 };
 
-type Emits = MouseEmits & OtherEmits;
+type Emits = ElementEmits &
+  OtherEmits & {
+    rendered: (params: { elapsedTime: number }) => boolean;
+    finished: () => boolean;
+  } & ZRenderEmits;
 
 /* eslint-disable @typescript-eslint/ban-types */
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vue-echarts",
-  "version": "6.4.1",
+  "version": "6.5.0",
   "description": "Vue.js component for Apache ECharts.",
   "author": "GU Yiling <justice360@gmail.com>",
   "main": "dist/index.cjs.min.js",
@@ -29,7 +29,7 @@
     "@vue/eslint-config-typescript": "^10.0.0",
     "comment-mark": "^1.0.0",
     "core-js": "^3.23.0",
-    "echarts": "^5.3.2",
+    "echarts": "^5.4.1",
     "echarts-liquidfill": "^3.1.0",
     "eslint": "^7.20.0",
     "eslint-plugin-prettier": "^3.3.1",
@@ -56,7 +56,7 @@
   },
   "peerDependencies": {
     "@vue/composition-api": "^1.0.5",
-    "echarts": "^5.1.2",
+    "echarts": "^5.4.1",
     "vue": "^2.6.12 || ^3.1.1"
   },
   "jsdelivr": "dist/index.umd.min.js",