nuxt-echarts 0.0.10 → 0.0.11

package/dist/module.json

@@ -4,7 +4,7 @@
   "compatibility": {
     "nuxt": ">=3.2.0"
   },
-  "version": "0.0.10",
+  "version": "0.0.11",
   "builder": {
     "@nuxt/module-builder": "0.8.1",
     "unbuild": "2.0.0"

package/dist/runtime/components/VChart.client.d.ts

@@ -7,7 +7,7 @@ declare const _default: import("vue").DefineComponent<{
     loadingOptions: PropType<import("../types").LoadingOptions>;
     autoresize: PropType<boolean | {
         throttle?: number;
-        onResize?: () => void;
+        onResize?: ResizeObserverCallback;
     }>;
     option: PropType<Option>;
     theme: {
@@ -165,10 +165,10 @@ declare const _default: import("vue").DefineComponent<{
     root: import("vue").ShallowRef<EChartsElement | undefined>;
     inner: import("vue").ShallowRef<HTMLElement | undefined>;
     setOption: (option: Option, updateOptions?: UpdateOptions) => void;
-    nonEventAttrs: import("vue").ComputedRef<{
+    realAttrs: import("vue").ComputedRef<{
         [x: string]: any;
     }>;
-    nativeListeners: Record<string, unknown>;
+    nativeListeners: import("vue").Ref<Record<string, unknown>>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     click: (params: import("echarts/core").ECElementEvent) => boolean;
     dblclick: (params: import("echarts/core").ECElementEvent) => boolean;
@@ -235,7 +235,7 @@ declare const _default: import("vue").DefineComponent<{
     loadingOptions: PropType<import("../types").LoadingOptions>;
     autoresize: PropType<boolean | {
         throttle?: number;
-        onResize?: () => void;
+        onResize?: ResizeObserverCallback;
     }>;
     option: PropType<Option>;
     theme: {

package/dist/runtime/components/VChart.client.js

@@ -2,6 +2,7 @@ import {
   defineComponent,
   shallowRef,
   toRefs,
+  ref,
   unref,
   watch,
   computed,
@@ -66,24 +67,27 @@ export default defineComponent({
       // @ts-expect-error unknown computed type error
       () => props.updateOptions || unref(defaultUpdateOptions) || {}
     );
-    const nonEventAttrs = computed(() => omitOn(attrs));
-    const nativeListeners = {};
+    const nativeListeners = ref({});
+    const realAttrs = computed(() => ({
+      ...omitOn(attrs),
+      ...nativeListeners.value
+    }));
     const realListeners = {};
-    Object.keys(attrs).filter((key) => isOn(key)).forEach((key) => {
-      let event = key.charAt(2).toLowerCase() + key.slice(3);
-      if (event.indexOf("native:") === 0) {
-        const nativeKey = `on${event.charAt(7).toUpperCase()}${event.slice(
-          8
-        )}`;
-        nativeListeners[nativeKey] = attrs[key];
-        return;
-      }
-      if (event.substring(event.length - 4) === "Once") {
-        event = `~${event.substring(0, event.length - 4)}`;
-      }
-      realListeners[event] = attrs[key];
-    });
     function init(option) {
+      Object.keys(attrs).filter((key) => isOn(key)).forEach((key) => {
+        let event = key.charAt(2).toLowerCase() + key.slice(3);
+        if (event.indexOf("native:") === 0) {
+          const nativeKey = `on${event.charAt(7).toUpperCase()}${event.slice(
+            8
+          )}`;
+          nativeListeners.value[nativeKey] = attrs[key];
+          return;
+        }
+        if (event.substring(event.length - 4) === "Once") {
+          event = `~${event.substring(0, event.length - 4)}`;
+        }
+        realListeners[event] = attrs[key];
+      });
       if (!inner.value) {
         return;
       }
@@ -224,13 +228,13 @@ export default defineComponent({
       root,
       inner,
       setOption,
-      nonEventAttrs,
+      realAttrs,
       nativeListeners,
       ...publicApi
     };
   },
   render() {
-    const attrs = { ...this.nonEventAttrs, ...this.nativeListeners };
+    const attrs = this.realAttrs;
     attrs.ref = "root";
     attrs.class = attrs.class ? ["echarts"].concat(attrs.class) : "echarts";
     return h(TAG_NAME, attrs, [

package/dist/runtime/composables/autoresize.d.ts

@@ -2,7 +2,7 @@ import { type Ref, type PropType } from 'vue';
 import { type EChartsType } from '../types.js';
 type AutoresizeProp = boolean | {
     throttle?: number;
-    onResize?: () => void;
+    onResize?: ResizeObserverCallback;
 };
 export declare function useAutoresize(chart: Ref<EChartsType | undefined>, autoresize: Ref<AutoresizeProp | undefined>, root: Ref<HTMLElement | undefined>): void;
 export declare const autoresizeProps: {

package/dist/runtime/composables/autoresize.js

@@ -10,19 +10,22 @@ export function useAutoresize(chart, autoresize, root) {
         const autoresizeOptions = autoresize2 === true ? {} : autoresize2;
         const { throttle: wait = 100, onResize } = autoresizeOptions;
         let initialResizeTriggered = false;
-        const callback = () => {
+        const callback = (entry, ob) => {
           chart2.resize({ height: "auto", width: "auto" });
-          onResize?.();
+          onResize?.(entry, ob);
         };
-        const resizeCallback = wait ? throttle(callback, wait) : callback;
-        ro = new ResizeObserver(() => {
+        const resizeCallback = wait ? (
+          // @ts-expect-error callback can accept params
+          throttle(callback, wait)
+        ) : callback;
+        ro = new ResizeObserver((entry, observer) => {
           if (!initialResizeTriggered) {
             initialResizeTriggered = true;
             if (root2.offsetWidth === offsetWidth && root2.offsetHeight === offsetHeight) {
               return;
             }
           }
-          resizeCallback();
+          resizeCallback(entry, observer);
         });
         ro.observe(root2);
       }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "nuxt-echarts",
-  "version": "0.0.10",
+  "version": "0.0.11",
   "description": "Nuxt Module for Apache ECharts™",
   "keywords": [
     "vue",