nuxt-echarts 0.0.1 → 0.0.4

package/README.md

@@ -1,3 +1,5 @@
+![nuxt-echarts](./.github/assets/social-card.png)
+
 # Nuxt ECharts
 
 [![npm version][npm-version-src]][npm-version-href]
@@ -7,21 +9,24 @@
 
 Nuxt Module for Apache ECharts™
 
-> 🚧 **Work in Progress**
+> [!IMPORTANT]
 >
-> Nuxt ECharts is currently in active development and not usable for production yet.
+> 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).
 
 - [✨ &nbsp;Release Notes](/CHANGELOG.md)
-  <!-- - [🏀 Online playground](https://stackblitz.com/github/your-org/nuxt-echarts?file=playground%2Fapp.vue) -->
+- 🏀 &nbsp;Online playground (WIP)
+- 📖 &nbsp;Documentation (WIP)
+  <!-- - [🏀 Online playground](https://stackblitz.com/github/kingyue737/nuxt-echarts?file=playground%2Fapp.vue) -->
   <!-- - [📖 &nbsp;Documentation](https://example.com) -->
 
 ## Features
 
-<!-- Highlight some of the features your module provide here -->
+- ⛰&nbsp;**SSR**: Server-side SVG Rendering with [Nuxt server components](https://nuxt.com/docs/guide/directory-structure/components#server-components)
 
-- ⛰ &nbsp;Foo
-- 🚠 &nbsp;Bar
-- 🌲 &nbsp;Baz
+- ♾️&nbsp;**Client Hydration**: lazy-loading Full ECharts or [lightweight client runtime](https://echarts.apache.org/handbook/en/how-to/cross-platform/server#using-lightweight-runtime)
+- 🛠️&nbsp;**Configurable**: import only [necessary functionality](https://echarts.apache.org/handbook/en/basics/import#shrinking-bundle-size) for shrinking bundle size
+- 🦾&nbsp;**Type Strong**: auto-import [ECharts option type](https://echarts.apache.org/handbook/en/basics/import#creating-an-option-type-in-typescript) based on your config
+- 🌲&nbsp;**Tree-shaking**: Components and ECharts are only included if you use them
 
 ## Quick Setup
 
@@ -40,30 +45,47 @@ That's it! You can now use Nuxt ECharts in your Nuxt app ✨
   
   ```bash
   # Install dependencies
-  npm install
+  pnpm install
   
   # Generate type stubs
-  npm run dev:prepare
+  pnpm run dev:prepare
   
   # Develop with the playground
-  npm run dev
+  pnpm run dev
   
   # Build the playground
-  npm run dev:build
+  pnpm run dev:build
   
   # Run ESLint
-  npm run lint
+  pnpm run lint
+  
+  # Format with Prettier
+  pnpm run format
   
   # Run Vitest
-  npm run test
-  npm run test:watch
+  pnpm run test
+  pnpm run test:watch
   
   # Release new version
-  npm run release
+  pnpm run release
   ```
 
 </details>
 
+## Credits
+
+The Nuxt ECharts module is heavily inspired by [vue-echarts](https://github.com/ecomfe/vue-echarts), created by [@Justineo](https://github.com/Justineo).
+
+## License
+
+This project is licensed under the [MIT License](./LICENSE).
+
+This project also partially contains code derived or copied from [vue-echarts(MIT)](https://github.com/ecomfe/vue-echarts/blob/main/LICENSE).
+
+## Notice
+
+The Apache Software Foundation [Apache ECharts, ECharts](https://echarts.apache.org/), Apache, the Apache feather, and the Apache ECharts project logo are either registered trademarks or trademarks of the [Apache Software Foundation](https://www.apache.org/).
+
 <!-- Badges -->
 
 [npm-version-src]: https://img.shields.io/npm/v/nuxt-echarts/latest.svg?style=flat&colorA=020420&colorB=00DC82

package/dist/module.d.mts

@@ -1,7 +1,37 @@
 import * as _nuxt_schema from '@nuxt/schema';
+import * as echartsComponents from 'echarts/components';
+import * as echartsCharts from 'echarts/charts';
+import * as echartsFeatures from 'echarts/features';
 
+type ComponentName = keyof typeof echartsComponents;
+type ChartName = keyof typeof echartsCharts;
+type FeaturesName = keyof typeof echartsFeatures;
+type RendererName = 'canvas' | 'svg';
 interface ModuleOptions {
+    /**
+     * @default 'canvas'
+     */
+    renderer?: RendererName | RendererName[];
+    /**
+     * Register the required charts globally
+     */
+    charts?: ChartName[];
+    /**
+     * Register the required components globally
+     */
+    components?: ComponentName[];
+    /**
+     * Register the required components globally
+     */
+    features?: FeaturesName[];
+    /**
+     * WIP
+     *
+     * @default false
+     */
+    ssr?: boolean;
 }
+
 declare const _default: _nuxt_schema.NuxtModule<ModuleOptions>;
 
-export { type ModuleOptions, _default as default };
+export { _default as default };

package/dist/module.d.ts

@@ -1,7 +1,37 @@
 import * as _nuxt_schema from '@nuxt/schema';
+import * as echartsComponents from 'echarts/components';
+import * as echartsCharts from 'echarts/charts';
+import * as echartsFeatures from 'echarts/features';
 
+type ComponentName = keyof typeof echartsComponents;
+type ChartName = keyof typeof echartsCharts;
+type FeaturesName = keyof typeof echartsFeatures;
+type RendererName = 'canvas' | 'svg';
 interface ModuleOptions {
+    /**
+     * @default 'canvas'
+     */
+    renderer?: RendererName | RendererName[];
+    /**
+     * Register the required charts globally
+     */
+    charts?: ChartName[];
+    /**
+     * Register the required components globally
+     */
+    components?: ComponentName[];
+    /**
+     * Register the required components globally
+     */
+    features?: FeaturesName[];
+    /**
+     * WIP
+     *
+     * @default false
+     */
+    ssr?: boolean;
 }
+
 declare const _default: _nuxt_schema.NuxtModule<ModuleOptions>;
 
-export { type ModuleOptions, _default as default };
+export { _default as default };

package/dist/module.json

@@ -1,9 +1,12 @@
 {
   "name": "nuxt-echarts",
   "configKey": "echarts",
-  "version": "0.0.1",
+  "compatibility": {
+    "nuxt": ">=3.2.0"
+  },
+  "version": "0.0.4",
   "builder": {
-    "@nuxt/module-builder": "0.6.0",
+    "@nuxt/module-builder": "0.8.0",
     "unbuild": "2.0.0"
   }
 }

package/dist/module.mjs

@@ -1,15 +1,114 @@
-import { defineNuxtModule, createResolver, addPlugin } from '@nuxt/kit';
+import { defineNuxtModule, createResolver, addPlugin, addComponentsDir, addTemplate, addTypeTemplate, addImports } from '@nuxt/kit';
 
 const module = defineNuxtModule({
   meta: {
     name: "nuxt-echarts",
-    configKey: "echarts"
+    configKey: "echarts",
+    compatibility: {
+      // Semver version of supported nuxt versions
+      nuxt: ">=3.2.0"
+    }
   },
   // Default configuration options of the Nuxt module
-  defaults: {},
-  setup(_options, _nuxt) {
-    const resolver = createResolver(import.meta.url);
-    addPlugin(resolver.resolve("./runtime/plugin"));
+  defaults: {
+    renderer: "canvas"
+  },
+  setup(options, nuxt) {
+    const { resolve } = createResolver(import.meta.url);
+    addPlugin(resolve("./runtime/plugin"));
+    addComponentsDir({ path: resolve("runtime/components") });
+    nuxt.options.css.unshift(resolve("./runtime/style.css"));
+    function join(arr) {
+      return arr?.map((name) => `  ${name},`).join("\n") || "";
+    }
+    let renderers = [];
+    if (typeof options.renderer === "string" || options.renderer instanceof String) {
+      renderers.push(options.renderer);
+    } else {
+      renderers = options.renderer;
+    }
+    const rendererNames = [];
+    renderers.forEach((v) => {
+      if (v === "canvas")
+        rendererNames.push("CanvasRenderer");
+      else if (v === "svg")
+        rendererNames.push("SVGRenderer");
+    });
+    const joinedRendererNames = join(rendererNames);
+    const joinedChartNames = join(options.charts);
+    const joinedComponentNames = join(options.components);
+    const joinedFeatureNames = join(options.features);
+    addTemplate({
+      filename: "echarts.mjs",
+      write: true,
+      getContents: () => [
+        "// Generated by nuxt-echarts",
+        "",
+        "import { use } from 'echarts/core'",
+        "import {",
+        joinedRendererNames,
+        "} from 'echarts/renderers'",
+        "import {",
+        joinedChartNames,
+        "} from 'echarts/charts'",
+        "import {",
+        joinedComponentNames,
+        "} from 'echarts/components'",
+        "import {",
+        joinedFeatureNames,
+        "} from 'echarts/features'",
+        "",
+        "use([",
+        joinedRendererNames,
+        joinedChartNames,
+        joinedComponentNames,
+        joinedFeatureNames,
+        "])"
+      ].join("\n")
+    });
+    if (options.charts || options.components) {
+      const chartOptionNames = options.charts?.map(
+        (name) => `${name.slice(0, -5)}SeriesOption`
+      );
+      const componentOptionNames = options.components?.map(
+        (name) => `${name}Option`
+      );
+      addTypeTemplate({
+        filename: "types/nuxt-echarts.d.ts",
+        getContents: () => [
+          `// Generated by nuxt-echarts`,
+          "",
+          "import type { ComposeOption } from 'echarts/core'",
+          "import type {",
+          join(chartOptionNames),
+          "} from 'echarts/charts'",
+          "import type {",
+          join(componentOptionNames),
+          "} from 'echarts/components'",
+          "",
+          "declare global {",
+          "  export type ECOption = ComposeOption<",
+          `${chartOptionNames?.map((name) => `    | ${name}`).join("\n")}`,
+          `${componentOptionNames?.map((name) => `    | ${name}`).join("\n")}`,
+          "  >",
+          "}",
+          "",
+          "export {}"
+        ].join("\n")
+      });
+    }
+    [
+      "THEME_KEY",
+      "INIT_OPTIONS_KEY",
+      "UPDATE_OPTIONS_KEY",
+      "LOADING_OPTIONS_KEY"
+    ].forEach(
+      (name) => addImports({ name, from: resolve("./runtime/utils/injection") })
+    );
+    if (options.ssr) {
+      nuxt.options.experimental ||= {};
+      nuxt.options.experimental.componentIslands = true;
+    }
   }
 });
 

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

@@ -0,0 +1,310 @@
+import { type PropType } from 'vue';
+import type { Option, Theme, UpdateOptions } from '../types.js';
+import { type EChartsElement } from '../utils/wc.js';
+import '#build/echarts.mjs';
+declare const _default: import("vue").DefineComponent<{
+    loading: BooleanConstructor;
+    loadingOptions: PropType<import("../types").LoadingOptions>;
+    autoresize: PropType<boolean | {
+        throttle?: number | undefined;
+        onResize?: (() => void) | undefined;
+    }>;
+    option: PropType<import("echarts/core").EChartsCoreOption>;
+    theme: {
+        type: PropType<Theme>;
+    };
+    initOptions: PropType<import("echarts/core").EChartsInitOpts>;
+    updateOptions: PropType<import("echarts/core").SetOptionOpts>;
+    group: StringConstructor;
+    manualUpdate: BooleanConstructor;
+}, {
+    getWidth: () => number;
+    getHeight: () => number;
+    getDom: () => HTMLElement;
+    getOption: () => import("echarts/core").EChartsCoreOption;
+    resize: (opts?: import("echarts/core").ResizeOpts | undefined) => void;
+    dispatchAction: (payload: import("echarts/core").Payload, opt?: boolean | {
+        silent?: boolean | undefined;
+        flush?: boolean | undefined;
+    } | undefined) => void;
+    convertToPixel: {
+        (finder: string | {
+            seriesIndex?: (number | false | number[] | "none" | "all") | undefined;
+            seriesId?: ((string | number) | (string | number)[]) | undefined;
+            seriesName?: ((string | number) | (string | number)[]) | undefined;
+            geoIndex?: (number | false | number[] | "none" | "all") | undefined;
+            geoId?: ((string | number) | (string | number)[]) | undefined;
+            geoName?: ((string | number) | (string | number)[]) | undefined;
+            bmapIndex?: (number | false | number[] | "none" | "all") | undefined;
+            bmapId?: ((string | number) | (string | number)[]) | undefined;
+            bmapName?: ((string | number) | (string | number)[]) | undefined;
+            xAxisIndex?: (number | false | number[] | "none" | "all") | undefined;
+            xAxisId?: ((string | number) | (string | number)[]) | undefined;
+            xAxisName?: ((string | number) | (string | number)[]) | undefined;
+            yAxisIndex?: (number | false | number[] | "none" | "all") | undefined;
+            yAxisId?: ((string | number) | (string | number)[]) | undefined;
+            yAxisName?: ((string | number) | (string | number)[]) | undefined;
+            gridIndex?: (number | false | number[] | "none" | "all") | undefined;
+            gridId?: ((string | number) | (string | number)[]) | undefined;
+            gridName?: ((string | number) | (string | number)[]) | undefined;
+            dataIndex?: number | undefined;
+            dataIndexInside?: number | undefined;
+        }, value: (string | number) | Date): number;
+        (finder: string | {
+            seriesIndex?: (number | false | number[] | "none" | "all") | undefined;
+            seriesId?: ((string | number) | (string | number)[]) | undefined;
+            seriesName?: ((string | number) | (string | number)[]) | undefined;
+            geoIndex?: (number | false | number[] | "none" | "all") | undefined;
+            geoId?: ((string | number) | (string | number)[]) | undefined;
+            geoName?: ((string | number) | (string | number)[]) | undefined;
+            bmapIndex?: (number | false | number[] | "none" | "all") | undefined;
+            bmapId?: ((string | number) | (string | number)[]) | undefined;
+            bmapName?: ((string | number) | (string | number)[]) | undefined;
+            xAxisIndex?: (number | false | number[] | "none" | "all") | undefined;
+            xAxisId?: ((string | number) | (string | number)[]) | undefined;
+            xAxisName?: ((string | number) | (string | number)[]) | undefined;
+            yAxisIndex?: (number | false | number[] | "none" | "all") | undefined;
+            yAxisId?: ((string | number) | (string | number)[]) | undefined;
+            yAxisName?: ((string | number) | (string | number)[]) | undefined;
+            gridIndex?: (number | false | number[] | "none" | "all") | undefined;
+            gridId?: ((string | number) | (string | number)[]) | undefined;
+            gridName?: ((string | number) | (string | number)[]) | undefined;
+            dataIndex?: number | undefined;
+            dataIndexInside?: number | undefined;
+        }, value: ((string | number) | Date)[]): number[];
+    };
+    convertFromPixel: {
+        (finder: string | {
+            seriesIndex?: (number | false | number[] | "none" | "all") | undefined;
+            seriesId?: ((string | number) | (string | number)[]) | undefined;
+            seriesName?: ((string | number) | (string | number)[]) | undefined;
+            geoIndex?: (number | false | number[] | "none" | "all") | undefined;
+            geoId?: ((string | number) | (string | number)[]) | undefined;
+            geoName?: ((string | number) | (string | number)[]) | undefined;
+            bmapIndex?: (number | false | number[] | "none" | "all") | undefined;
+            bmapId?: ((string | number) | (string | number)[]) | undefined;
+            bmapName?: ((string | number) | (string | number)[]) | undefined;
+            xAxisIndex?: (number | false | number[] | "none" | "all") | undefined;
+            xAxisId?: ((string | number) | (string | number)[]) | undefined;
+            xAxisName?: ((string | number) | (string | number)[]) | undefined;
+            yAxisIndex?: (number | false | number[] | "none" | "all") | undefined;
+            yAxisId?: ((string | number) | (string | number)[]) | undefined;
+            yAxisName?: ((string | number) | (string | number)[]) | undefined;
+            gridIndex?: (number | false | number[] | "none" | "all") | undefined;
+            gridId?: ((string | number) | (string | number)[]) | undefined;
+            gridName?: ((string | number) | (string | number)[]) | undefined;
+            dataIndex?: number | undefined;
+            dataIndexInside?: number | undefined;
+        }, value: number): number;
+        (finder: string | {
+            seriesIndex?: (number | false | number[] | "none" | "all") | undefined;
+            seriesId?: ((string | number) | (string | number)[]) | undefined;
+            seriesName?: ((string | number) | (string | number)[]) | undefined;
+            geoIndex?: (number | false | number[] | "none" | "all") | undefined;
+            geoId?: ((string | number) | (string | number)[]) | undefined;
+            geoName?: ((string | number) | (string | number)[]) | undefined;
+            bmapIndex?: (number | false | number[] | "none" | "all") | undefined;
+            bmapId?: ((string | number) | (string | number)[]) | undefined;
+            bmapName?: ((string | number) | (string | number)[]) | undefined;
+            xAxisIndex?: (number | false | number[] | "none" | "all") | undefined;
+            xAxisId?: ((string | number) | (string | number)[]) | undefined;
+            xAxisName?: ((string | number) | (string | number)[]) | undefined;
+            yAxisIndex?: (number | false | number[] | "none" | "all") | undefined;
+            yAxisId?: ((string | number) | (string | number)[]) | undefined;
+            yAxisName?: ((string | number) | (string | number)[]) | undefined;
+            gridIndex?: (number | false | number[] | "none" | "all") | undefined;
+            gridId?: ((string | number) | (string | number)[]) | undefined;
+            gridName?: ((string | number) | (string | number)[]) | undefined;
+            dataIndex?: number | undefined;
+            dataIndexInside?: number | undefined;
+        }, value: number[]): number[];
+    };
+    containPixel: (finder: string | {
+        seriesIndex?: (number | false | number[] | "none" | "all") | undefined;
+        seriesId?: ((string | number) | (string | number)[]) | undefined;
+        seriesName?: ((string | number) | (string | number)[]) | undefined;
+        geoIndex?: (number | false | number[] | "none" | "all") | undefined;
+        geoId?: ((string | number) | (string | number)[]) | undefined;
+        geoName?: ((string | number) | (string | number)[]) | undefined;
+        bmapIndex?: (number | false | number[] | "none" | "all") | undefined;
+        bmapId?: ((string | number) | (string | number)[]) | undefined;
+        bmapName?: ((string | number) | (string | number)[]) | undefined;
+        xAxisIndex?: (number | false | number[] | "none" | "all") | undefined;
+        xAxisId?: ((string | number) | (string | number)[]) | undefined;
+        xAxisName?: ((string | number) | (string | number)[]) | undefined;
+        yAxisIndex?: (number | false | number[] | "none" | "all") | undefined;
+        yAxisId?: ((string | number) | (string | number)[]) | undefined;
+        yAxisName?: ((string | number) | (string | number)[]) | undefined;
+        gridIndex?: (number | false | number[] | "none" | "all") | undefined;
+        gridId?: ((string | number) | (string | number)[]) | undefined;
+        gridName?: ((string | number) | (string | number)[]) | undefined;
+        dataIndex?: number | undefined;
+        dataIndexInside?: number | undefined;
+    }, value: number[]) => boolean;
+    getDataURL: (opts?: {
+        type?: "svg" | "png" | "jpeg" | undefined;
+        pixelRatio?: number | undefined;
+        backgroundColor?: import("echarts/core").Color | undefined;
+        excludeComponents?: string[] | undefined;
+    } | undefined) => string;
+    getConnectedDataURL: (opts?: {
+        type?: "svg" | "png" | "jpeg" | undefined;
+        pixelRatio?: number | undefined;
+        backgroundColor?: import("echarts/core").Color | undefined;
+        connectedBackgroundColor?: import("echarts/core").Color | undefined;
+        excludeComponents?: string[] | undefined;
+    } | undefined) => string;
+    appendData: (params: {
+        seriesIndex: number;
+        data: any;
+    }) => void;
+    clear: () => void;
+    isDisposed: () => boolean;
+    dispose: () => void;
+    chart: import("vue").ShallowRef<import("echarts/core").ECharts | undefined>;
+    root: import("vue").ShallowRef<EChartsElement | undefined>;
+    inner: import("vue").ShallowRef<any>;
+    setOption: (option: Option, updateOptions?: UpdateOptions) => void;
+    nonEventAttrs: import("vue").ComputedRef<{
+        [x: string]: any;
+    }>;
+    nativeListeners: 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;
+} & {
+    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;
+} & {
+    rendered: (params: {
+        elapsedTime: number;
+    }) => boolean;
+    finished: () => boolean;
+} & {
+    "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;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    loading: BooleanConstructor;
+    loadingOptions: PropType<import("../types").LoadingOptions>;
+    autoresize: PropType<boolean | {
+        throttle?: number | undefined;
+        onResize?: (() => void) | undefined;
+    }>;
+    option: PropType<import("echarts/core").EChartsCoreOption>;
+    theme: {
+        type: PropType<Theme>;
+    };
+    initOptions: PropType<import("echarts/core").EChartsInitOpts>;
+    updateOptions: PropType<import("echarts/core").SetOptionOpts>;
+    group: StringConstructor;
+    manualUpdate: BooleanConstructor;
+}>> & {
+    onClick?: ((params: import("echarts/core").ECElementEvent) => any) | undefined;
+    onDblclick?: ((params: import("echarts/core").ECElementEvent) => any) | undefined;
+    onMouseout?: ((params: import("echarts/core").ECElementEvent) => any) | undefined;
+    onMouseover?: ((params: import("echarts/core").ECElementEvent) => any) | undefined;
+    onMouseup?: ((params: import("echarts/core").ECElementEvent) => any) | undefined;
+    onMousedown?: ((params: import("echarts/core").ECElementEvent) => any) | undefined;
+    onMousemove?: ((params: import("echarts/core").ECElementEvent) => any) | undefined;
+    onContextmenu?: ((params: import("echarts/core").ECElementEvent) => any) | undefined;
+    onGlobalout?: ((params: import("echarts/core").ECElementEvent) => any) | undefined;
+    "onZr:mousewheel"?: ((params: import("echarts/core").ElementEvent) => any) | undefined;
+    "onZr:drag"?: ((params: import("echarts/core").ElementEvent) => any) | undefined;
+    "onZr:dragstart"?: ((params: import("echarts/core").ElementEvent) => any) | undefined;
+    "onZr:dragend"?: ((params: import("echarts/core").ElementEvent) => any) | undefined;
+    "onZr:dragenter"?: ((params: import("echarts/core").ElementEvent) => any) | undefined;
+    "onZr:dragleave"?: ((params: import("echarts/core").ElementEvent) => any) | undefined;
+    "onZr:dragover"?: ((params: import("echarts/core").ElementEvent) => any) | undefined;
+    "onZr:drop"?: ((params: import("echarts/core").ElementEvent) => any) | undefined;
+    "onZr:click"?: ((params: import("echarts/core").ElementEvent) => any) | undefined;
+    "onZr:dblclick"?: ((params: import("echarts/core").ElementEvent) => any) | undefined;
+    "onZr:mouseout"?: ((params: import("echarts/core").ElementEvent) => any) | undefined;
+    "onZr:mouseover"?: ((params: import("echarts/core").ElementEvent) => any) | undefined;
+    "onZr:mouseup"?: ((params: import("echarts/core").ElementEvent) => any) | undefined;
+    "onZr:mousedown"?: ((params: import("echarts/core").ElementEvent) => any) | undefined;
+    "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;
+    onRendered?: ((params: {
+        elapsedTime: number;
+    }) => any) | undefined;
+    onFinished?: (() => any) | undefined;
+}, {
+    manualUpdate: boolean;
+    loading: boolean;
+}, {}>;
+export default _default;