nuxt-echarts 0.1.0 → 0.2.0

package/README.md

@@ -11,7 +11,7 @@ Nuxt Module for Apache ECharts™
 
 > [!IMPORTANT]
 >
-> Nuxt ECharts is currently in active development and based on [experimental `<NuxtIsland>`](https://nuxt.com/docs/api/components/nuxt-island). If you found any issue, design flaw, or have ideas to improve it, please open an [issue](https://github.com/kingyue737/nuxt-echarts/issues) or a [Discussion](https://github.com/kingyue737/nuxt-echarts/discussions).
+> Nuxt ECharts SSR is based on [experimental `<NuxtIsland>`](https://nuxt.com/docs/api/components/nuxt-island). If you found any issue, design flaw, or have ideas to improve it, please open an [issue](https://github.com/kingyue737/nuxt-echarts/issues) or a [Discussion](https://github.com/kingyue737/nuxt-echarts/discussions).
 
 - [📖 &nbsp;Documentation](https://echarts.nuxt.dev)
 

package/dist/module.json

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

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

@@ -163,73 +163,72 @@ declare const _default: import("vue").DefineComponent<{
     dispose: () => void;
     chart: import("vue").ShallowRef<import("echarts/core").ECharts | undefined>;
     root: import("vue").ShallowRef<EChartsElement | undefined>;
-    inner: import("vue").ShallowRef<HTMLElement | undefined>;
     setOption: (option: Option, updateOptions?: UpdateOptions) => void;
     realAttrs: import("vue").ComputedRef<{
         [x: string]: any;
     }>;
-    nativeListeners: import("vue").Ref<Record<string, unknown>>;
+    nativeListeners: import("vue").Ref<Record<string, unknown>, Record<string, unknown>>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    click: (params: import("echarts/core").ECElementEvent) => boolean;
-    dblclick: (params: import("echarts/core").ECElementEvent) => boolean;
-    mouseout: (params: import("echarts/core").ECElementEvent) => boolean;
-    mouseover: (params: import("echarts/core").ECElementEvent) => boolean;
-    mouseup: (params: import("echarts/core").ECElementEvent) => boolean;
-    mousedown: (params: import("echarts/core").ECElementEvent) => boolean;
-    mousemove: (params: import("echarts/core").ECElementEvent) => boolean;
-    contextmenu: (params: import("echarts/core").ECElementEvent) => boolean;
-    globalout: (params: import("echarts/core").ECElementEvent) => boolean;
+    click: (params: import("echarts/core").ECElementEvent) => void;
+    dblclick: (params: import("echarts/core").ECElementEvent) => void;
+    mouseout: (params: import("echarts/core").ECElementEvent) => void;
+    mouseover: (params: import("echarts/core").ECElementEvent) => void;
+    mouseup: (params: import("echarts/core").ECElementEvent) => void;
+    mousedown: (params: import("echarts/core").ECElementEvent) => void;
+    mousemove: (params: import("echarts/core").ECElementEvent) => void;
+    contextmenu: (params: import("echarts/core").ECElementEvent) => void;
+    globalout: (params: import("echarts/core").ECElementEvent) => void;
 } & {
-    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;
+    highlight: (params: any) => void;
+    downplay: (params: any) => void;
+    selectchanged: (params: any) => void;
+    legendselectchanged: (params: any) => void;
+    legendselected: (params: any) => void;
+    legendunselected: (params: any) => void;
+    legendselectall: (params: any) => void;
+    legendinverseselect: (params: any) => void;
+    legendscroll: (params: any) => void;
+    datazoom: (params: any) => void;
+    datarangeselected: (params: any) => void;
+    graphroam: (params: any) => void;
+    georoam: (params: any) => void;
+    treeroam: (params: any) => void;
+    timelinechanged: (params: any) => void;
+    timelineplaychanged: (params: any) => void;
+    restore: (params: any) => void;
+    dataviewchanged: (params: any) => void;
+    magictypechanged: (params: any) => void;
+    geoselectchanged: (params: any) => void;
+    geoselected: (params: any) => void;
+    geounselected: (params: any) => void;
+    axisareaselected: (params: any) => void;
+    brush: (params: any) => void;
+    brushEnd: (params: any) => void;
+    brushselected: (params: any) => void;
+    globalcursortaken: (params: any) => void;
 } & {
     rendered: (params: {
         elapsedTime: number;
-    }) => boolean;
-    finished: () => boolean;
+    }) => void;
+    finished: () => void;
 } & {
-    "zr:mousewheel": (params: import("echarts/core").ElementEvent) => boolean;
-    "zr:drag": (params: import("echarts/core").ElementEvent) => boolean;
-    "zr:dragstart": (params: import("echarts/core").ElementEvent) => boolean;
-    "zr:dragend": (params: import("echarts/core").ElementEvent) => boolean;
-    "zr:dragenter": (params: import("echarts/core").ElementEvent) => boolean;
-    "zr:dragleave": (params: import("echarts/core").ElementEvent) => boolean;
-    "zr:dragover": (params: import("echarts/core").ElementEvent) => boolean;
-    "zr:drop": (params: import("echarts/core").ElementEvent) => boolean;
-    "zr:click": (params: import("echarts/core").ElementEvent) => boolean;
-    "zr:dblclick": (params: import("echarts/core").ElementEvent) => boolean;
-    "zr:mouseout": (params: import("echarts/core").ElementEvent) => boolean;
-    "zr:mouseover": (params: import("echarts/core").ElementEvent) => boolean;
-    "zr:mouseup": (params: import("echarts/core").ElementEvent) => boolean;
-    "zr:mousedown": (params: import("echarts/core").ElementEvent) => boolean;
-    "zr:mousemove": (params: import("echarts/core").ElementEvent) => boolean;
-    "zr:contextmenu": (params: import("echarts/core").ElementEvent) => boolean;
-    "zr:globalout": (params: import("echarts/core").ElementEvent) => boolean;
+    "zr:mousewheel": (params: import("echarts/core").ElementEvent) => void;
+    "zr:drag": (params: import("echarts/core").ElementEvent) => void;
+    "zr:dragstart": (params: import("echarts/core").ElementEvent) => void;
+    "zr:dragend": (params: import("echarts/core").ElementEvent) => void;
+    "zr:dragenter": (params: import("echarts/core").ElementEvent) => void;
+    "zr:dragleave": (params: import("echarts/core").ElementEvent) => void;
+    "zr:dragover": (params: import("echarts/core").ElementEvent) => void;
+    "zr:drop": (params: import("echarts/core").ElementEvent) => void;
+    "zr:click": (params: import("echarts/core").ElementEvent) => void;
+    "zr:dblclick": (params: import("echarts/core").ElementEvent) => void;
+    "zr:mouseout": (params: import("echarts/core").ElementEvent) => void;
+    "zr:mouseover": (params: import("echarts/core").ElementEvent) => void;
+    "zr:mouseup": (params: import("echarts/core").ElementEvent) => void;
+    "zr:mousedown": (params: import("echarts/core").ElementEvent) => void;
+    "zr:mousemove": (params: import("echarts/core").ElementEvent) => void;
+    "zr:contextmenu": (params: import("echarts/core").ElementEvent) => void;
+    "zr:globalout": (params: import("echarts/core").ElementEvent) => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     loading: BooleanConstructor;
     loadingOptions: PropType<import("../types").LoadingOptions>;
@@ -272,33 +271,33 @@ declare const _default: import("vue").DefineComponent<{
     "onZr:mousemove"?: ((params: import("echarts/core").ElementEvent) => any) | undefined;
     "onZr:contextmenu"?: ((params: import("echarts/core").ElementEvent) => any) | undefined;
     "onZr:globalout"?: ((params: import("echarts/core").ElementEvent) => any) | undefined;
-    onHighlight?: ((...args: any[]) => any) | undefined;
-    onDownplay?: ((...args: any[]) => any) | undefined;
-    onSelectchanged?: ((...args: any[]) => any) | undefined;
-    onLegendselectchanged?: ((...args: any[]) => any) | undefined;
-    onLegendselected?: ((...args: any[]) => any) | undefined;
-    onLegendunselected?: ((...args: any[]) => any) | undefined;
-    onLegendselectall?: ((...args: any[]) => any) | undefined;
-    onLegendinverseselect?: ((...args: any[]) => any) | undefined;
-    onLegendscroll?: ((...args: any[]) => any) | undefined;
-    onDatazoom?: ((...args: any[]) => any) | undefined;
-    onDatarangeselected?: ((...args: any[]) => any) | undefined;
-    onGraphroam?: ((...args: any[]) => any) | undefined;
-    onGeoroam?: ((...args: any[]) => any) | undefined;
-    onTreeroam?: ((...args: any[]) => any) | undefined;
-    onTimelinechanged?: ((...args: any[]) => any) | undefined;
-    onTimelineplaychanged?: ((...args: any[]) => any) | undefined;
-    onRestore?: ((...args: any[]) => any) | undefined;
-    onDataviewchanged?: ((...args: any[]) => any) | undefined;
-    onMagictypechanged?: ((...args: any[]) => any) | undefined;
-    onGeoselectchanged?: ((...args: any[]) => any) | undefined;
-    onGeoselected?: ((...args: any[]) => any) | undefined;
-    onGeounselected?: ((...args: any[]) => any) | undefined;
-    onAxisareaselected?: ((...args: any[]) => any) | undefined;
-    onBrush?: ((...args: any[]) => any) | undefined;
-    onBrushEnd?: ((...args: any[]) => any) | undefined;
-    onBrushselected?: ((...args: any[]) => any) | undefined;
-    onGlobalcursortaken?: ((...args: any[]) => any) | undefined;
+    onHighlight?: ((params: any) => any) | undefined;
+    onDownplay?: ((params: any) => any) | undefined;
+    onSelectchanged?: ((params: any) => any) | undefined;
+    onLegendselectchanged?: ((params: any) => any) | undefined;
+    onLegendselected?: ((params: any) => any) | undefined;
+    onLegendunselected?: ((params: any) => any) | undefined;
+    onLegendselectall?: ((params: any) => any) | undefined;
+    onLegendinverseselect?: ((params: any) => any) | undefined;
+    onLegendscroll?: ((params: any) => any) | undefined;
+    onDatazoom?: ((params: any) => any) | undefined;
+    onDatarangeselected?: ((params: any) => any) | undefined;
+    onGraphroam?: ((params: any) => any) | undefined;
+    onGeoroam?: ((params: any) => any) | undefined;
+    onTreeroam?: ((params: any) => any) | undefined;
+    onTimelinechanged?: ((params: any) => any) | undefined;
+    onTimelineplaychanged?: ((params: any) => any) | undefined;
+    onRestore?: ((params: any) => any) | undefined;
+    onDataviewchanged?: ((params: any) => any) | undefined;
+    onMagictypechanged?: ((params: any) => any) | undefined;
+    onGeoselectchanged?: ((params: any) => any) | undefined;
+    onGeoselected?: ((params: any) => any) | undefined;
+    onGeounselected?: ((params: any) => any) | undefined;
+    onAxisareaselected?: ((params: any) => any) | undefined;
+    onBrush?: ((params: any) => any) | undefined;
+    onBrushEnd?: ((params: any) => any) | undefined;
+    onBrushselected?: ((params: any) => any) | undefined;
+    onGlobalcursortaken?: ((params: any) => any) | undefined;
     onRendered?: ((params: {
         elapsedTime: number;
     }) => any) | undefined;

package/dist/runtime/components/VChart.js

@@ -47,7 +47,6 @@ export default defineComponent({
   inheritAttrs: false,
   setup(props, { attrs }) {
     const root = shallowRef();
-    const inner = shallowRef();
     const chart = shallowRef();
     const manualOption = shallowRef();
     const defaultTheme = inject(THEME_KEY, null);
@@ -59,11 +58,9 @@ export default defineComponent({
     );
     const realTheme = computed(() => props.theme || unref(defaultTheme) || {});
     const realInitOptions = computed(
-      // @ts-expect-error unknown computed type error
       () => props.initOptions || unref(defaultInitOptions) || {}
     );
     const realUpdateOptions = computed(
-      // @ts-expect-error unknown computed type error
       () => props.updateOptions || unref(defaultUpdateOptions) || {}
     );
     const nativeListeners = ref({});
@@ -87,11 +84,11 @@ export default defineComponent({
         }
         realListeners[event] = attrs[key];
       });
-      if (!inner.value) {
+      if (!root.value) {
         return;
       }
       const instance = chart.value = initChart(
-        inner.value,
+        root.value,
         realTheme.value,
         realInitOptions.value
       );
@@ -210,7 +207,7 @@ export default defineComponent({
     });
     const publicApi = usePublicAPI(chart);
     useLoading(chart, loading, loadingOptions);
-    useAutoresize(chart, autoresize, inner);
+    useAutoresize(chart, autoresize, root);
     onMounted(async () => {
       if (!root.value) await nextTick();
       init();
@@ -225,7 +222,6 @@ export default defineComponent({
     return {
       chart,
       root,
-      inner,
       setOption,
       realAttrs,
       nativeListeners,
@@ -236,8 +232,6 @@ export default defineComponent({
     const attrs = this.realAttrs;
     attrs.ref = "root";
     attrs.class = attrs.class ? ["echarts"].concat(attrs.class) : "echarts";
-    return h(TAG_NAME, attrs, [
-      h("div", { ref: "inner", class: "vue-echarts-inner" })
-    ]);
+    return h(TAG_NAME, attrs);
   }
 });

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

@@ -1,34 +1,34 @@
-<script setup lang="ts">
-import * as echarts from 'echarts'
-import { ref } from 'vue'
-import type { Option, InitOptions, Theme } from '../types'
-
-const props = defineProps<{
-  option?: Option
-  initOptions?: InitOptions
-  theme?: Theme
-}>()
-
-const svgStr = ref('')
-const initOptions: InitOptions = echarts.util.merge(
-  { renderer: 'svg', ssr: true } satisfies InitOptions,
-  props.initOptions || {},
-)
-let chart = echarts.init(null, props.theme, initOptions)
-chart.setOption(props.option || {})
-svgStr.value = chart.renderToSVGString()
-
-chart.dispose()
-
-// @ts-expect-error release memory
-chart = null
-
-defineSlots<{ fallback: any }>()
-</script>
-
-<template>
-  <div class="vue-echarts-container">
-    <!--eslint-disable-next-line vue/no-v-html-->
-    <div class="vue-echarts-inner" v-html="svgStr" />
-  </div>
-</template>
+<script setup lang="ts">
+import * as echarts from 'echarts'
+import { ref } from 'vue'
+import type { Option, InitOptions, Theme } from '../types'
+
+const props = defineProps<{
+  option?: Option
+  initOptions?: InitOptions
+  theme?: Theme
+}>()
+
+const svgStr = ref('')
+const initOptions: InitOptions = echarts.util.merge(
+  { renderer: 'svg', ssr: true } satisfies InitOptions,
+  props.initOptions || {},
+)
+let chart = echarts.init(null, props.theme, initOptions)
+chart.setOption(props.option || {})
+svgStr.value = chart.renderToSVGString()
+
+chart.dispose()
+
+// @ts-expect-error release memory
+chart = null
+
+defineSlots<{ fallback: any }>()
+</script>
+
+<template>
+  <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/VChartLight.vue.d.ts

@@ -13,9 +13,93 @@ declare const _default: import("vue").DefineComponent<{
         $: import("vue").ComponentInternalInstance;
         $data: {};
         $props: Partial<{}> & Omit<{
-            readonly option?: Option;
-            readonly initOptions?: InitOptions;
-            readonly theme?: Theme;
+            readonly option?: Option | undefined;
+            readonly initOptions?: InitOptions | undefined;
+            readonly theme?: Theme | undefined;
+            onError?: ((error: unknown) => any) | undefined;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+            option: {
+                type: PropType<import("echarts/core").EChartsCoreOption>;
+            };
+            theme: {
+                type: PropType<Theme>;
+            };
+            initOptions: {
+                type: PropType<import("echarts/core").EChartsInitOpts>;
+            };
+        }>> & {
+            onError?: ((error: unknown) => any) | undefined;
+        }, never>;
+        $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;
+        $emit: (event: "error", error: unknown) => void;
+        $el: any;
+        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+            option: {
+                type: PropType<import("echarts/core").EChartsCoreOption>;
+            };
+            theme: {
+                type: PropType<Theme>;
+            };
+            initOptions: {
+                type: PropType<import("echarts/core").EChartsInitOpts>;
+            };
+        }>> & {
+            onError?: ((error: unknown) => any) | undefined;
+        }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+            error: (error: unknown) => void;
+        }, string, {}, {}, string, {}> & {
+            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 nextTick;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, (cleanupFn: () => void) => void]) => any : (...args: [any, any, (cleanupFn: () => void) => void]) => any, options?: import("vue").WatchOptions): import("vue").WatchStopHandle;
+    } & Omit<Readonly<import("vue").ExtractPropTypes<{
+        option: {
+            type: PropType<import("echarts/core").EChartsCoreOption>;
+        };
+        theme: {
+            type: PropType<Theme>;
+        };
+        initOptions: {
+            type: PropType<import("echarts/core").EChartsInitOpts>;
+        };
+    }>> & {
+        onError?: ((error: unknown) => any) | undefined;
+    }, never> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {} & {
+        $slots: {
+            fallback?(_: {}): any;
+        };
+    }) | null, ({
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{}> & Omit<{
+            readonly option?: Option | undefined;
+            readonly initOptions?: InitOptions | undefined;
+            readonly theme?: Theme | undefined;
             onError?: ((error: unknown) => any) | undefined;
         } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
             option: {

package/dist/runtime/components/VChartServer.vue

@@ -1,49 +1,48 @@
-<script setup lang="ts">
-import { computed, unref, inject, ref } from 'vue'
-import type { InitOptions, Option, Theme } from '../types'
-import { THEME_KEY, INIT_OPTIONS_KEY } from '../utils/injection'
-import type { VChartIsland } from '#components'
-
-const defaultTheme = inject(THEME_KEY, null)
-const defaultInitOptions = inject(INIT_OPTIONS_KEY, null)
-
-const props = defineProps<{
-  option?: Option
-  theme?: Theme
-  initOptions?: InitOptions
-}>()
-const emits = defineEmits<{ (event: 'error', error: unknown): void }>()
-
-const realTheme = computed(() => props.theme || unref(defaultTheme) || {})
-const realInitOptions = computed(
-  // @ts-expect-error unknown computed type error
-  () => props.initOptions || unref(defaultInitOptions) || {},
-)
-function onError(e: unknown) {
-  // https://github.com/nuxt/nuxt/issues/27491
-  if (
-    e instanceof TypeError &&
-    e.message === "Cannot read properties of undefined (reading 'link')"
-  ) {
-    root.value?.refresh()
-  }
-  emits('error', e)
-}
-const root = ref<InstanceType<typeof VChartIsland> | null>(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>
-</template>
+<script setup lang="ts">
+import { computed, unref, inject, ref } from 'vue'
+import type { InitOptions, Option, Theme } from '../types'
+import { THEME_KEY, INIT_OPTIONS_KEY } from '../utils/injection'
+import type { VChartIsland } from '#components'
+
+const defaultTheme = inject(THEME_KEY, null)
+const defaultInitOptions = inject(INIT_OPTIONS_KEY, null)
+
+const props = defineProps<{
+  option?: Option
+  theme?: Theme
+  initOptions?: InitOptions
+}>()
+const emits = defineEmits<{ (event: 'error', error: unknown): void }>()
+
+const realTheme = computed(() => props.theme || unref(defaultTheme) || {})
+const realInitOptions = computed(
+  () => props.initOptions || unref(defaultInitOptions) || {},
+)
+function onError(e: unknown) {
+  // https://github.com/nuxt/nuxt/issues/27491
+  if (
+    e instanceof TypeError &&
+    e.message === "Cannot read properties of undefined (reading 'link')"
+  ) {
+    root.value?.refresh()
+  }
+  emits('error', e)
+}
+const root = ref<InstanceType<typeof VChartIsland> | null>(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>
+</template>

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

@@ -1,5 +1,5 @@
 import { type Ref, type PropType } from 'vue';
-import { type EChartsType } from '../types.js';
+import type { EChartsType } from '../types.js';
 type AutoresizeProp = boolean | {
     throttle?: number;
     onResize?: ResizeObserverCallback;

package/dist/runtime/style.css

@@ -1 +1 @@
-.vue-echarts-container,x-vue-echarts{display:flex;flex-direction:column;height:100%;min-width:0;width:100%}.vue-echarts-inner{flex-grow:1;height:auto!important;min-width:0;width:auto!important}
+.vue-echarts-container,x-vue-echarts{display:block;height:100%;min-width:0;width:100%}

package/dist/runtime/types.d.ts

@@ -1,8 +1,6 @@
 import type { init, SetOptionOpts, ECElementEvent, ElementEvent } from 'echarts/core';
-import type { Ref } from 'vue';
-export type Injection<T> = T | null | Ref<T | null> | {
-    value: T | null;
-};
+import type { MaybeRef } from 'vue';
+export type Injection<T> = MaybeRef<T | null>;
 type InitType = typeof init;
 export type InitParameters = Parameters<InitType>;
 export type Theme = NonNullable<InitParameters[1]>;
@@ -35,18 +33,18 @@ type ElementEventName = MouseEventName | 'mousewheel' | 'drag' | 'dragstart' | '
 type ZRenderEventName = `zr:${ElementEventName}`;
 type OtherEventName = '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';
 type MouseEmits = {
-    [key in MouseEventName]: (params: ECElementEvent) => boolean;
+    [key in MouseEventName]: (params: ECElementEvent) => void;
 };
 type ZRenderEmits = {
-    [key in ZRenderEventName]: (params: ElementEvent) => boolean;
+    [key in ZRenderEventName]: (params: ElementEvent) => void;
 };
 type OtherEmits = {
-    [key in OtherEventName]: null;
+    [key in OtherEventName]: (params: any) => void;
 };
 export type Emits = MouseEmits & OtherEmits & {
     rendered: (params: {
         elapsedTime: number;
-    }) => boolean;
-    finished: () => boolean;
+    }) => void;
+    finished: () => void;
 } & ZRenderEmits;
 export {};

package/dist/runtime/utils/wc.js

@@ -23,7 +23,7 @@ export function register() {
     if (customElements.get(TAG_NAME) == null) {
       customElements.define(TAG_NAME, EChartsElement);
     }
-  } catch (e) {
+  } catch {
     return registered = false;
   }
   return registered = true;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "nuxt-echarts",
-  "version": "0.1.0",
+  "version": "0.2.0",
   "description": "Nuxt Module for Apache ECharts™",
   "keywords": [
     "vue",
@@ -14,7 +14,7 @@
   "repository": "kingyue737/nuxt-echarts",
   "license": "MIT",
   "type": "module",
-  "packageManager": "pnpm@9.5.0",
+  "packageManager": "pnpm@9.6.0",
   "exports": {
     ".": {
       "types": "./dist/types.d.ts",
@@ -41,38 +41,35 @@
     "format": "prettier . --write",
     "test": "vitest run",
     "test:watch": "vitest watch",
-    "test:types": "nuxi typecheck && nuxi typecheck playground"
+    "test:types": "vue-tsc --noEmit && nuxi typecheck playground"
   },
   "dependencies": {
-    "@nuxt/kit": "^3.12.3",
+    "@nuxt/kit": "^3.12.4",
     "echarts": "^5.5.1"
   },
   "devDependencies": {
     "@nuxt/devtools": "^1.3.9",
-    "@nuxt/eslint-config": "^0.3.13",
+    "@nuxt/eslint-config": "^0.5.0",
     "@nuxt/module-builder": "^0.8.1",
-    "@nuxt/schema": "^3.12.3",
-    "@nuxt/test-utils": "^3.13.1",
-    "@types/node": "^20.14.10",
+    "@nuxt/schema": "^3.12.4",
+    "@nuxt/test-utils": "^3.14.0",
+    "@types/node": "^20.14.14",
     "changelogen": "^0.5.5",
-    "eslint": "^9.6.0",
-    "nuxt": "^3.12.3",
-    "prettier": "^3.3.2",
+    "eslint": "^9.8.0",
+    "nuxt": "^3.12.4",
+    "prettier": "^3.3.3",
     "prettier-plugin-tailwindcss": "^0.6.5",
-    "typescript": "^5.5.3",
-    "vite": "^5.3.3",
-    "vitest": "^1.6.0",
-    "vue-tsc": "^2.0.26"
+    "typescript": "^5.5.4",
+    "vite": "^5.3.5",
+    "vitest": "^2.0.5",
+    "vue-tsc": "^2.0.29"
   },
   "peerDependencies": {
-    "echarts": "^5.5.0"
+    "echarts": "^5.5.1"
   },
   "pnpm": {
     "peerDependencyRules": {
       "allowedVersions": {
-        "@typescript-eslint/eslint-plugin>eslint": "^9.0.0",
-        "@typescript-eslint/parser>eslint": "^9.0.0",
-        "@typescript-eslint/type-utils>eslint": "^9.0.0",
         "@typescript-eslint/utils>eslint": "^9.0.0"
       },
       "ignoreMissing": [