nuxt-echarts 0.0.8 → 0.0.9

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,7 +4,7 @@
   "compatibility": {
     "nuxt": ">=3.2.0"
   },
-  "version": "0.0.8",
+  "version": "0.0.9",
   "builder": {
     "@nuxt/module-builder": "0.8.0",
     "unbuild": "2.0.0"

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

@@ -1,5 +1,5 @@
-<script setup lang="ts"></script>
-
-<template>
-  <VChartServer v-bind="$attrs" />
-</template>
+<script setup lang="ts"></script>
+
+<template>
+  <VChartServer v-bind="$attrs" />
+</template>

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

@@ -1,61 +1,63 @@
 <script>
-import { defineComponent } from "vue";
+import {
+  hydrate
+} from "echarts/ssr/client/index";
+import {
+  useAttrs,
+  nextTick,
+  ref,
+  onMounted,
+  defineComponent
+} from "vue";
 export default defineComponent({
   inheritAttrs: false,
-  emits: {}
+  props: {
+    option: Object,
+    theme: {
+      type: [Object, String]
+    },
+    initOptions: Object
+  },
+  emits: {},
+  setup() {
+    const root = ref(null);
+    const attrs = useAttrs();
+    let container;
+    function hydrateChart() {
+      container = root.value?.$el;
+      if (container) {
+        hydrate(container, {
+          on: {
+            click: attrs.onClick,
+            mouseout: attrs.onMouseout,
+            mouseover: attrs.onMouseover
+          }
+        });
+      }
+    }
+    let observer;
+    onMounted(async () => {
+      await nextTick();
+      hydrateChart();
+      observer = new MutationObserver(async () => {
+        hydrateChart();
+      });
+      observer.observe(root.value.$el, {
+        characterData: false,
+        childList: true,
+        attributes: false
+      });
+    });
+    return { root };
+  }
 });
-</script>
-
-<script setup lang="ts">
-defineProps<{
-  option?: Option
-  theme?: Theme
-  initOptions?: InitOptions
-}>()
-
-type ECSSRHandler = (params: ECSSRClientEventParams) => string | undefined
-type ECSSREventOn = `on${Capitalize<ECSSREvent>}`
-
-const root = ref<InstanceType<typeof VChartServer> | null>(null)
-const attrs = useAttrs() as Partial<Record<ECSSREventOn, ECSSRHandler>>
-let container: HTMLElement
-function hydrateChart() {
-  container = root.value?.$el
-  if (container) {
-    // Use the lightweight runtime to give the chart interactive capabilities
-    hydrate(container, {
-      on: {
-        click: attrs.onClick,
-        mouseout: attrs.onMouseout,
-        mouseover: attrs.onMouseover,
-      },
-    })
-  }
-}
-
-let observer: MutationObserver
-onMounted(async () => {
-  await nextTick()
-  hydrateChart()
-  observer = new MutationObserver(async () => {
-    hydrateChart()
-  })
-
-  // call 'observe' on that MutationObserver instance,
-  // passing it the element to observe, and the options object
-  observer.observe(root.value!.$el, {
-    characterData: false,
-    childList: true,
-    attributes: false,
-  })
-})
-</script>
-
-<template>
-  <VChartServer
-    ref="root"
-    :option="option"
-    :init-options="initOptions"
-    :theme="theme"
-  />
-</template>
+</script>
+
+<template>
+  <VChartServer
+    ref="root"
+    :option="option"
+    :init-options="initOptions"
+    :theme="theme"
+  />
+</template>

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

@@ -1,26 +1,108 @@
 import { type ECSSRClientEventParams, type ECSSREvent } from 'echarts/ssr/client/index';
 import type { InitOptions, Option, Theme } from '../types.js';
-declare const _default: import("vue").DefineComponent<__VLS_TypePropsToOption<{
-    option?: Option;
-    theme?: Theme;
-    initOptions?: InitOptions;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<ECSSREvent, (params: ECSSRClientEventParams) => string | undefined>, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<{
-    option?: Option;
-    theme?: Theme;
-    initOptions?: InitOptions;
-}>>> & {
+import { nextTick, type PropType } from 'vue';
+type ECSSRHandler = (params: ECSSRClientEventParams) => string | undefined;
+declare const _default: import("vue").DefineComponent<{
+    option: PropType<Option>;
+    theme: {
+        type: PropType<Theme>;
+    };
+    initOptions: PropType<InitOptions>;
+}, {
+    root: import("vue").Ref<({
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{}> & Omit<{
+            readonly option?: Option;
+            readonly theme?: Theme;
+            readonly initOptions?: InitOptions;
+            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>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<ECSSREvent, ECSSRHandler>, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    option: PropType<Option>;
+    theme: {
+        type: PropType<Theme>;
+    };
+    initOptions: PropType<InitOptions>;
+}>> & {
     onClick?: ((params: ECSSRClientEventParams) => any) | undefined;
     onMouseout?: ((params: ECSSRClientEventParams) => any) | undefined;
     onMouseover?: ((params: ECSSRClientEventParams) => any) | undefined;
 }, {}, {}>;
 export default _default;
-
-type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToOption<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
-    } : {
-        type: import('vue').PropType<T[K]>;
-        required: true;
-    };
-};

package/dist/runtime/components/VChartServer.vue

@@ -1,50 +1,50 @@
-<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 './VChartLight.vue'
-
-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')"
-  ) {
-    // @ts-expect-error https://github.com/nuxt/nuxt/issues/27730
-    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 './VChartLight.vue'
+
+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')"
+  ) {
+    // @ts-expect-error https://github.com/nuxt/nuxt/issues/27730
+    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/package.json

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