nuxt-echarts 0.3.0 → 0.3.2

package/LICENSE

@@ -1,21 +1,21 @@
-The MIT License (MIT)
-
-Copyright (c) 2024 - present, Yue JIN
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.
+The MIT License (MIT)
+
+Copyright (c) 2024 - present, Yue JIN
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/module.json

@@ -4,9 +4,9 @@
   "compatibility": {
     "nuxt": ">=3.2.0"
   },
-  "version": "0.3.0",
+  "version": "0.3.2",
   "builder": {
-    "@nuxt/module-builder": "1.0.0",
+    "@nuxt/module-builder": "1.0.1",
     "unbuild": "3.5.0"
   }
 }

package/dist/module.mjs

@@ -23,7 +23,10 @@ const module = defineNuxtModule({
     if (!nuxt.options.vite.optimizeDeps.exclude.includes("echarts")) {
       nuxt.options.vite.optimizeDeps.exclude.push("echarts");
     }
-    addPlugin(resolve("./runtime/plugin"));
+    addPlugin({
+      src: resolve("./runtime/server-plugin"),
+      mode: "server"
+    });
     addComponentsDir({
       path: resolve("./runtime/components"),
       ignore: ["VChart.*"]

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

@@ -18,11 +18,11 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     group: StringConstructor;
     manualUpdate: BooleanConstructor;
 }>, {
+    resize: (opts?: import("echarts/core").ResizeOpts) => void;
     getWidth: () => number;
     getHeight: () => number;
     getDom: () => HTMLElement;
     getOption: () => import("echarts/core").EChartsCoreOption;
-    resize: (opts?: import("echarts/core").ResizeOpts) => void;
     dispatchAction: (payload: import("echarts/core").Payload, opt?: boolean | {
         silent?: boolean;
         flush?: boolean | undefined;

package/dist/runtime/components/VChart.js

@@ -2,7 +2,7 @@ import {
   defineComponent,
   shallowRef,
   toRefs,
-  unref,
+  toValue,
   watch,
   computed,
   inject,
@@ -55,36 +55,43 @@ export default defineComponent({
     const realOption = computed(
       () => manualOption.value || props.option || null
     );
-    const realTheme = computed(() => props.theme || unref(defaultTheme) || {});
+    const realTheme = computed(() => props.theme || toValue(defaultTheme) || {});
     const realInitOptions = computed(
-      () => props.initOptions || unref(defaultInitOptions) || {}
+      () => props.initOptions || toValue(defaultInitOptions) || {}
     );
     const realUpdateOptions = computed(
-      () => props.updateOptions || unref(defaultUpdateOptions) || {}
+      () => props.updateOptions || toValue(defaultUpdateOptions) || {}
     );
     const nativeListeners = shallowRef({});
     const realAttrs = computed(() => ({
       ...omitOn(attrs),
       ...nativeListeners.value
     }));
-    const realListeners = {};
-    function init(option) {
+    const listeners = /* @__PURE__ */ new Map();
+    function collectListeners() {
       const _nativeListeners = {};
       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
-          )}`;
+        if (key.indexOf("Native:") === 2) {
+          const nativeKey = `on${key.charAt(9).toUpperCase()}${key.slice(10)}`;
           _nativeListeners[nativeKey] = attrs[key];
           return;
         }
+        let event = key.charAt(2).toLowerCase() + key.slice(3);
+        let zr;
+        if (event.indexOf("zr:") === 0) {
+          zr = true;
+          event = event.substring(3);
+        }
+        let once;
         if (event.substring(event.length - 4) === "Once") {
-          event = `~${event.substring(0, event.length - 4)}`;
+          once = true;
+          event = event.substring(0, event.length - 4);
         }
-        realListeners[event] = attrs[key];
+        listeners.set({ event, zr, once }, attrs[key]);
       });
       nativeListeners.value = _nativeListeners;
+    }
+    function init(option) {
       if (!root.value) {
         return;
       }
@@ -96,23 +103,12 @@ export default defineComponent({
       if (props.group) {
         instance.group = props.group;
       }
-      Object.keys(realListeners).forEach((key) => {
-        let handler = realListeners[key];
+      listeners.forEach((handler, { zr, once, event }) => {
         if (!handler) {
           return;
         }
-        let event = key.toLowerCase();
-        if (event.charAt(0) === "~") {
-          event = event.substring(1);
-          handler.__once__ = true;
-        }
-        let target = instance;
-        if (event.indexOf("zr:") === 0) {
-          target = instance.getZr();
-          event = event.substring(3);
-        }
-        if (handler.__once__) {
-          delete handler.__once__;
+        const target = zr ? instance.getZr() : instance;
+        if (once) {
           const raw = handler;
           handler = (...args) => {
             raw(...args);
@@ -210,6 +206,7 @@ export default defineComponent({
     useLoading(chart, loading, loadingOptions);
     useAutoresize(chart, autoresize, root);
     onMounted(async () => {
+      collectListeners();
       if (!root.value) await nextTick();
       init();
     });
@@ -230,9 +227,10 @@ export default defineComponent({
     };
   },
   render() {
-    const attrs = this.realAttrs;
-    attrs.ref = "root";
-    attrs.class = attrs.class ? ["echarts"].concat(attrs.class) : "echarts";
-    return h(TAG_NAME, attrs);
+    return h(TAG_NAME, {
+      ...this.realAttrs,
+      ref: "root",
+      class: ["echarts", ...this.realAttrs.class || []]
+    });
   }
 });

package/dist/runtime/components/VChartIsland.server.vue

@@ -1,20 +1,10 @@
 <script setup>
 import * as echarts from "echarts";
-import "#build/echarts.mjs";
 import { ref } from "vue";
 const props = defineProps({
-  option: {
-    type: null,
-    required: false
-  },
-  initOptions: {
-    type: null,
-    required: false
-  },
-  theme: {
-    type: null,
-    required: false
-  }
+  option: { type: null, required: false },
+  initOptions: { type: null, required: false },
+  theme: { type: null, required: false }
 });
 const svgStr = ref("");
 const initOptions = echarts.util.merge(
@@ -29,8 +19,8 @@ defineSlots();
 </script>
 
 <template>
-  <div class="vue-echarts-container">
-    <!--eslint-disable-next-line vue/no-v-html-->
-    <div class="vue-echarts-inner" v-html="svgStr" />
-  </div>
+  <div class="vue-echarts-container">
+    <!--eslint-disable-next-line vue/no-v-html-->
+    <div class="vue-echarts-inner" v-html="svgStr" />
+  </div>
 </template>

package/dist/runtime/components/VChartIsland.server.vue.d.ts

@@ -1,4 +1,3 @@
-import '#build/echarts.mjs';
 import type { Option, InitOptions, Theme } from '../types.js';
 type __VLS_Props = {
     option?: Option;

package/dist/runtime/components/VChartLight.vue

@@ -54,10 +54,10 @@ export default defineComponent({
 </script>
 
 <template>
-  <VChartServer
-    ref="root"
-    :option="option"
-    :init-options="initOptions"
-    :theme="theme"
-  />
+  <VChartServer
+    ref="root"
+    :option="option"
+    :init-options="initOptions"
+    :theme="theme"
+  />
 </template>

package/dist/runtime/components/VChartLight.vue.d.ts

@@ -68,7 +68,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         onError?: ((error: unknown) => any) | undefined;
     }>, never> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {} & {
         $slots: {
-            fallback?: ((props: {}) => any) | undefined;
+            fallback?: (props: {}) => any;
         };
     }) | null, ({
         $: import("vue").ComponentInternalInstance;
@@ -129,7 +129,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         onError?: ((error: unknown) => any) | undefined;
     }>, never> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {} & {
         $slots: {
-            fallback?: ((props: {}) => any) | undefined;
+            fallback?: (props: {}) => any;
         };
     }) | null>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<ECSSREvent, ECSSRHandler>, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{

package/dist/runtime/components/VChartServer.vue

@@ -1,26 +1,17 @@
 <script setup>
-import { computed, unref, inject, ref } from "vue";
+import { computed, inject, ref, toValue } from "vue";
 import { THEME_KEY, INIT_OPTIONS_KEY } from "../utils/injection";
 const defaultTheme = inject(THEME_KEY, null);
 const defaultInitOptions = inject(INIT_OPTIONS_KEY, null);
 const props = defineProps({
-  option: {
-    type: null,
-    required: false
-  },
-  theme: {
-    type: null,
-    required: false
-  },
-  initOptions: {
-    type: null,
-    required: false
-  }
+  option: { type: null, required: false },
+  theme: { type: null, required: false },
+  initOptions: { type: null, required: false }
 });
 const emits = defineEmits(["error"]);
-const realTheme = computed(() => props.theme || unref(defaultTheme) || {});
+const realTheme = computed(() => props.theme || toValue(defaultTheme) || {});
 const realInitOptions = computed(
-  () => props.initOptions || unref(defaultInitOptions) || {}
+  () => props.initOptions || toValue(defaultInitOptions) || {}
 );
 function onError(e) {
   if (e instanceof TypeError && e.message === "Cannot read properties of undefined (reading 'link')") {
@@ -32,17 +23,17 @@ const root = ref(null);
 </script>
 
 <template>
-  <div class="vue-echarts-server">
-    <VChartIsland
-      ref="root"
-      :theme="realTheme"
-      :option="option"
-      :init-options="realInitOptions"
-      @error="onError"
-    >
-      <template #fallback>
-        <slot name="fallback" />
-      </template>
-    </VChartIsland>
-  </div>
+  <div class="vue-echarts-server">
+    <VChartIsland
+      ref="root"
+      :theme="realTheme"
+      :option="option"
+      :init-options="realInitOptions"
+      @error="onError"
+    >
+      <template #fallback>
+        <slot name="fallback" />
+      </template>
+    </VChartIsland>
+  </div>
 </template>

package/dist/runtime/components/VChartServer.vue.d.ts

@@ -4,229 +4,10 @@ type __VLS_Props = {
     theme?: Theme;
     initOptions?: InitOptions;
 };
-declare const realTheme: import("vue").ComputedRef<Theme>;
-declare const realInitOptions: import("vue").ComputedRef<import("echarts/core").EChartsInitOpts>;
-declare function onError(e: unknown): void;
-declare const root: import("vue").Ref<({
-    $: import("vue").ComponentInternalInstance;
-    $data: {};
-    $props: {
-        readonly option?: Option | undefined;
-        readonly initOptions?: InitOptions | undefined;
-        readonly theme?: Theme | undefined;
-    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
-    $attrs: {
-        [x: string]: unknown;
-    };
-    $refs: {
-        [x: string]: unknown;
-    };
-    $slots: Readonly<{
-        [name: string]: import("vue").Slot<any> | undefined;
-    }>;
-    $root: import("vue").ComponentPublicInstance | null;
-    $parent: import("vue").ComponentPublicInstance | null;
-    $host: Element | null;
-    $emit: (event: string, ...args: any[]) => void;
-    $el: any;
-    $options: import("vue").ComponentOptionsBase<Readonly<{
-        option?: Option;
-        initOptions?: InitOptions;
-        theme?: Theme;
-    }> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & {
-        beforeCreate?: (() => void) | (() => void)[];
-        created?: (() => void) | (() => void)[];
-        beforeMount?: (() => void) | (() => void)[];
-        mounted?: (() => void) | (() => void)[];
-        beforeUpdate?: (() => void) | (() => void)[];
-        updated?: (() => void) | (() => void)[];
-        activated?: (() => void) | (() => void)[];
-        deactivated?: (() => void) | (() => void)[];
-        beforeDestroy?: (() => void) | (() => void)[];
-        beforeUnmount?: (() => void) | (() => void)[];
-        destroyed?: (() => void) | (() => void)[];
-        unmounted?: (() => void) | (() => void)[];
-        renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
-        renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
-        errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance | null, info: string) => boolean | void)[];
-    };
-    $forceUpdate: () => void;
-    $nextTick: typeof import("vue").nextTick;
-    $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import("@vue/reactivity").OnCleanup]) => any : (...args: [any, any, import("@vue/reactivity").OnCleanup]) => any, options?: import("vue").WatchOptions): import("vue").WatchStopHandle;
-} & Readonly<{}> & Omit<Readonly<{
-    option?: Option;
-    initOptions?: InitOptions;
-    theme?: Theme;
-}> & Readonly<{}>, never> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {} & {
-    $slots: {
-        fallback: any;
-    };
-} & {
-    $: import("vue").ComponentInternalInstance;
-    $data: {};
-    $props: Partial<{}> & Omit<{}, never>;
-    $attrs: {
-        [x: string]: unknown;
-    };
-    $refs: {
-        [x: string]: unknown;
-    };
-    $slots: Readonly<{
-        fallback: import("vue").Slot<{
-            error: unknown;
-        }>;
-    }>;
-    $root: import("vue").ComponentPublicInstance | null;
-    $parent: import("vue").ComponentPublicInstance | null;
-    $host: Element | null;
-    $emit: (event: string, ...args: any[]) => void;
-    $el: any;
-    $options: import("vue").ComponentOptionsBase<{}, {
-        refresh: () => Promise<void>;
-    }, {}, {}, {}, {}, {}, {}, string, {}, {}, string, import("vue").SlotsType<{
-        fallback: {
-            error: unknown;
-        };
-    }>, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & {
-        beforeCreate?: (() => void) | (() => void)[];
-        created?: (() => void) | (() => void)[];
-        beforeMount?: (() => void) | (() => void)[];
-        mounted?: (() => void) | (() => void)[];
-        beforeUpdate?: (() => void) | (() => void)[];
-        updated?: (() => void) | (() => void)[];
-        activated?: (() => void) | (() => void)[];
-        deactivated?: (() => void) | (() => void)[];
-        beforeDestroy?: (() => void) | (() => void)[];
-        beforeUnmount?: (() => void) | (() => void)[];
-        destroyed?: (() => void) | (() => void)[];
-        unmounted?: (() => void) | (() => void)[];
-        renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
-        renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
-        errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance | null, info: string) => boolean | void)[];
-    };
-    $forceUpdate: () => void;
-    $nextTick: typeof import("vue").nextTick;
-    $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import("@vue/reactivity").OnCleanup]) => any : (...args: [any, any, import("@vue/reactivity").OnCleanup]) => any, options?: import("vue").WatchOptions): import("vue").WatchStopHandle;
-} & Readonly<{}> & Omit<{}, "refresh"> & import("vue").ShallowUnwrapRef<{
-    refresh: () => Promise<void>;
-}>) | null, ({
-    $: import("vue").ComponentInternalInstance;
-    $data: {};
-    $props: {
-        readonly option?: Option | undefined;
-        readonly initOptions?: InitOptions | undefined;
-        readonly theme?: Theme | undefined;
-    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
-    $attrs: {
-        [x: string]: unknown;
-    };
-    $refs: {
-        [x: string]: unknown;
-    };
-    $slots: Readonly<{
-        [name: string]: import("vue").Slot<any> | undefined;
-    }>;
-    $root: import("vue").ComponentPublicInstance | null;
-    $parent: import("vue").ComponentPublicInstance | null;
-    $host: Element | null;
-    $emit: (event: string, ...args: any[]) => void;
-    $el: any;
-    $options: import("vue").ComponentOptionsBase<Readonly<{
-        option?: Option;
-        initOptions?: InitOptions;
-        theme?: Theme;
-    }> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & {
-        beforeCreate?: (() => void) | (() => void)[];
-        created?: (() => void) | (() => void)[];
-        beforeMount?: (() => void) | (() => void)[];
-        mounted?: (() => void) | (() => void)[];
-        beforeUpdate?: (() => void) | (() => void)[];
-        updated?: (() => void) | (() => void)[];
-        activated?: (() => void) | (() => void)[];
-        deactivated?: (() => void) | (() => void)[];
-        beforeDestroy?: (() => void) | (() => void)[];
-        beforeUnmount?: (() => void) | (() => void)[];
-        destroyed?: (() => void) | (() => void)[];
-        unmounted?: (() => void) | (() => void)[];
-        renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
-        renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
-        errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance | null, info: string) => boolean | void)[];
-    };
-    $forceUpdate: () => void;
-    $nextTick: typeof import("vue").nextTick;
-    $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import("@vue/reactivity").OnCleanup]) => any : (...args: [any, any, import("@vue/reactivity").OnCleanup]) => any, options?: import("vue").WatchOptions): import("vue").WatchStopHandle;
-} & Readonly<{}> & Omit<Readonly<{
-    option?: Option;
-    initOptions?: InitOptions;
-    theme?: Theme;
-}> & Readonly<{}>, never> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {} & {
-    $slots: {
-        fallback: any;
-    };
-} & {
-    $: import("vue").ComponentInternalInstance;
-    $data: {};
-    $props: Partial<{}> & Omit<{}, never>;
-    $attrs: {
-        [x: string]: unknown;
-    };
-    $refs: {
-        [x: string]: unknown;
-    };
-    $slots: Readonly<{
-        fallback: import("vue").Slot<{
-            error: unknown;
-        }>;
-    }>;
-    $root: import("vue").ComponentPublicInstance | null;
-    $parent: import("vue").ComponentPublicInstance | null;
-    $host: Element | null;
-    $emit: (event: string, ...args: any[]) => void;
-    $el: any;
-    $options: import("vue").ComponentOptionsBase<{}, {
-        refresh: () => Promise<void>;
-    }, {}, {}, {}, {}, {}, {}, string, {}, {}, string, import("vue").SlotsType<{
-        fallback: {
-            error: unknown;
-        };
-    }>, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & {
-        beforeCreate?: (() => void) | (() => void)[];
-        created?: (() => void) | (() => void)[];
-        beforeMount?: (() => void) | (() => void)[];
-        mounted?: (() => void) | (() => void)[];
-        beforeUpdate?: (() => void) | (() => void)[];
-        updated?: (() => void) | (() => void)[];
-        activated?: (() => void) | (() => void)[];
-        deactivated?: (() => void) | (() => void)[];
-        beforeDestroy?: (() => void) | (() => void)[];
-        beforeUnmount?: (() => void) | (() => void)[];
-        destroyed?: (() => void) | (() => void)[];
-        unmounted?: (() => void) | (() => void)[];
-        renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
-        renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
-        errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance | null, info: string) => boolean | void)[];
-    };
-    $forceUpdate: () => void;
-    $nextTick: typeof import("vue").nextTick;
-    $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import("@vue/reactivity").OnCleanup]) => any : (...args: [any, any, import("@vue/reactivity").OnCleanup]) => any, options?: import("vue").WatchOptions): import("vue").WatchStopHandle;
-} & Readonly<{}> & Omit<{}, "refresh"> & import("vue").ShallowUnwrapRef<{
-    refresh: () => Promise<void>;
-}>) | null>;
-declare const __VLS_ctx: InstanceType<__VLS_PickNotAny<typeof __VLS_self, new () => {}>>;
 declare var __VLS_11: {};
-type __VLS_Slots = __VLS_PrettifyGlobal<__VLS_OmitStringIndex<typeof __VLS_ctx.$slots> & {
+type __VLS_Slots = {} & {
     fallback?: (props: typeof __VLS_11) => any;
-}>;
-declare const __VLS_self: import("vue").DefineComponent<__VLS_Props, {
-    realTheme: typeof realTheme;
-    realInitOptions: typeof realInitOptions;
-    onError: typeof onError;
-    root: typeof root;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    error: (error: unknown) => any;
-}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onError?: ((error: unknown) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+};
 declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     error: (error: unknown) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{

package/dist/runtime/composables/autoresize.js

@@ -25,6 +25,9 @@ export function useAutoresize(chart, autoresize, root) {
               return;
             }
           }
+          if (root2.offsetWidth === 0 || root2.offsetHeight === 0) {
+            return;
+          }
           resizeCallback(entry, observer);
         });
         ro.observe(root2);

package/dist/runtime/composables/loading.js

@@ -1,5 +1,5 @@
 import {
-  unref,
+  toValue,
   inject,
   computed,
   watchEffect
@@ -8,7 +8,7 @@ export const LOADING_OPTIONS_KEY = "ecLoadingOptions";
 export function useLoading(chart, loading, loadingOptions) {
   const defaultLoadingOptions = inject(LOADING_OPTIONS_KEY, {});
   const realLoadingOptions = computed(() => ({
-    ...unref(defaultLoadingOptions) || {},
+    ...toValue(defaultLoadingOptions) || {},
     ...loadingOptions?.value
   }));
   watchEffect(() => {

package/dist/runtime/server-plugin.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("nuxt/app").Plugin<Record<string, unknown>> & import("nuxt/app").ObjectPlugin<Record<string, unknown>>;
+export default _default;

package/dist/runtime/server-plugin.js

@@ -0,0 +1,4 @@
+import { defineNuxtPlugin } from "#app";
+export default defineNuxtPlugin(async (_nuxtApp) => {
+  await import("#build/echarts.mjs");
+});

package/dist/runtime/types.d.ts

@@ -1,6 +1,6 @@
 import type { init, SetOptionOpts, ECElementEvent, ElementEvent } from 'echarts/core';
-import type { MaybeRef } from 'vue';
-export type Injection<T> = MaybeRef<T | null>;
+import type { MaybeRefOrGetter } from 'vue';
+export type Injection<T> = MaybeRefOrGetter<T | null>;
 type InitType = typeof init;
 export type InitParameters = Parameters<InitType>;
 export type Theme = NonNullable<InitParameters[1]>;
@@ -10,8 +10,6 @@ export type InitOptionsInjection = Injection<InitOptions>;
 export type UpdateOptions = SetOptionOpts;
 export type UpdateOptionsInjection = Injection<UpdateOptions>;
 export type EChartsType = ReturnType<InitType>;
-type ZRenderType = ReturnType<EChartsType['getZr']>;
-export type EventTarget = EChartsType | ZRenderType;
 type SetOptionType = EChartsType['setOption'];
 export type Option = Parameters<SetOptionType>[0];
 export type LoadingOptions = {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "nuxt-echarts",
-  "version": "0.3.0",
+  "version": "0.3.2",
   "description": "Nuxt Module for Apache ECharts™",
   "keywords": [
     "vue",
@@ -14,7 +14,7 @@
   "repository": "kingyue737/nuxt-echarts",
   "license": "MIT",
   "type": "module",
-  "packageManager": "pnpm@10.7.1",
+  "packageManager": "pnpm@10.11.0",
   "exports": {
     ".": {
       "types": "./dist/types.d.mts",
@@ -43,24 +43,25 @@
     "test:types": "vue-tsc --noEmit && nuxi typecheck playground"
   },
   "dependencies": {
-    "@nuxt/kit": "^3.16.2",
-    "echarts": "^5.6.0"
+    "@nuxt/kit": "^3.17.4"
   },
   "devDependencies": {
-    "@nuxt/eslint-config": "^1.3.0",
-    "@nuxt/module-builder": "^1.0.0",
-    "@nuxt/schema": "^3.16.2",
-    "@nuxt/test-utils": "^3.17.2",
-    "@types/node": "^22.14.0",
+    "@nuxt/eslint-config": "^1.4.1",
+    "@nuxt/module-builder": "^1.0.1",
+    "@nuxt/schema": "^3.17.4",
+    "@nuxt/test-utils": "^3.19.1",
+    "@types/node": "^22.15.21",
     "changelogen": "^0.6.1",
-    "eslint": "^9.24.0",
-    "nuxt": "^3.16.2",
+    "echarts": "^5.6.0",
+    "echarts-gl": "^2.0.9",
+    "eslint": "^9.27.0",
+    "nuxt": "^3.17.4",
     "prettier": "^3.5.3",
     "prettier-plugin-tailwindcss": "^0.6.11",
     "typescript": "^5.8.3",
-    "vite": "^6.2.5",
-    "vitest": "^3.1.1",
-    "vue-tsc": "^2.2.8"
+    "vite": "^6.3.5",
+    "vitest": "^3.1.4",
+    "vue-tsc": "^2.2.10"
   },
   "peerDependencies": {
     "echarts": "^5.5.1"
@@ -68,4 +69,4 @@
   "stackblitz": {
     "startCommand": "pnpm run dev:prepare && pnpm run dev"
   }
-}
+}

package/dist/runtime/plugin.d.ts

@@ -1,2 +0,0 @@
-declare const _default: any;
-export default _default;

package/dist/runtime/plugin.js

@@ -1,3 +0,0 @@
-import { defineNuxtPlugin } from "#app";
-export default defineNuxtPlugin((_nuxtApp) => {
-});