nuxt-echarts 0.0.7 → 0.0.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (12) hide show
  1. package/README.md +1 -1
  2. package/dist/module.d.mts +8 -7
  3. package/dist/module.d.ts +8 -7
  4. package/dist/module.json +1 -1
  5. package/dist/runtime/components/VChart.client.d.ts +126 -126
  6. package/dist/runtime/components/VChartLight.vue +49 -47
  7. package/dist/runtime/components/VChartLight.vue.d.ts +108 -0
  8. package/dist/runtime/composables/autoresize.d.ts +11 -0
  9. package/dist/runtime/composables/loading.d.ts +1 -1
  10. package/dist/runtime/utils/injection.d.ts +3 -3
  11. package/dist/runtime/utils/wc.d.ts +6 -0
  12. package/package.json +5 -4
package/README.md CHANGED
@@ -13,7 +13,7 @@ Nuxt Module for Apache ECharts™
13
13
  >
14
14
  > 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).
15
15
 
16
- - [📖 &nbsp;Documentation (WIP)](https://echarts.nuxt.dev)
16
+ - [📖 &nbsp;Documentation](https://echarts.nuxt.dev)
17
17
 
18
18
  - [✨ &nbsp;Release Notes](/CHANGELOG.md)
19
19
  - [🎞️ &nbsp;Online Demo](https://nuxt-echarts.nuxt.dev/)
package/dist/module.d.mts CHANGED
@@ -9,26 +9,27 @@ type FeaturesName = keyof typeof echartsFeatures;
9
9
  type RendererName = 'canvas' | 'svg';
10
10
  interface ModuleOptions {
11
11
  /**
12
+ * Register the renderer used by `<VChart>`
12
13
  * @default 'canvas'
13
14
  */
14
15
  renderer?: RendererName | RendererName[];
15
16
  /**
16
- * Register the required charts on client side
17
- * (imported only if `VChart` is used)
17
+ * Register the charts used by `<VChart>`
18
+ * (imported only if `<VChart>` is used)
18
19
  */
19
20
  charts?: ChartName[];
20
21
  /**
21
- * Register the required components on client side
22
- * (imported only if `VChart` is used)
22
+ * Register the components used by `<VChart>`
23
+ * (imported only if `<VChart>` is used)
23
24
  */
24
25
  components?: ComponentName[];
25
26
  /**
26
- * Register the required components on client side
27
- * (imported only if `VChart` is used)
27
+ * Register the features used by `<VChart>`
28
+ * (imported only if `<VChart>` is used)
28
29
  */
29
30
  features?: FeaturesName[];
30
31
  /**
31
- * This options indicates if `VChart` should also render on server.
32
+ * This option indicates if `<VChart>` should also render on server.
32
33
  * By default, it only render on client.
33
34
  *
34
35
  * @default false
package/dist/module.d.ts CHANGED
@@ -9,26 +9,27 @@ type FeaturesName = keyof typeof echartsFeatures;
9
9
  type RendererName = 'canvas' | 'svg';
10
10
  interface ModuleOptions {
11
11
  /**
12
+ * Register the renderer used by `<VChart>`
12
13
  * @default 'canvas'
13
14
  */
14
15
  renderer?: RendererName | RendererName[];
15
16
  /**
16
- * Register the required charts on client side
17
- * (imported only if `VChart` is used)
17
+ * Register the charts used by `<VChart>`
18
+ * (imported only if `<VChart>` is used)
18
19
  */
19
20
  charts?: ChartName[];
20
21
  /**
21
- * Register the required components on client side
22
- * (imported only if `VChart` is used)
22
+ * Register the components used by `<VChart>`
23
+ * (imported only if `<VChart>` is used)
23
24
  */
24
25
  components?: ComponentName[];
25
26
  /**
26
- * Register the required components on client side
27
- * (imported only if `VChart` is used)
27
+ * Register the features used by `<VChart>`
28
+ * (imported only if `<VChart>` is used)
28
29
  */
29
30
  features?: FeaturesName[];
30
31
  /**
31
- * This options indicates if `VChart` should also render on server.
32
+ * This option indicates if `<VChart>` should also render on server.
32
33
  * By default, it only render on client.
33
34
  *
34
35
  * @default false
package/dist/module.json CHANGED
@@ -4,7 +4,7 @@
4
4
  "compatibility": {
5
5
  "nuxt": ">=3.2.0"
6
6
  },
7
- "version": "0.0.7",
7
+ "version": "0.0.9",
8
8
  "builder": {
9
9
  "@nuxt/module-builder": "0.8.0",
10
10
  "unbuild": "2.0.0"
package/dist/runtime/components/VChart.client.d.ts CHANGED
@@ -1,20 +1,20 @@
1
1
  import { type PropType } from 'vue';
2
- import type { Option, Theme, UpdateOptions } from '../types.js';
2
+ import type { Option, Theme, InitOptions, UpdateOptions } from '../types.js';
3
3
  import { type EChartsElement } from '../utils/wc.js';
4
4
  import '#build/echarts.mjs';
5
5
  declare const _default: import("vue").DefineComponent<{
6
6
  loading: BooleanConstructor;
7
7
  loadingOptions: PropType<import("../types").LoadingOptions>;
8
8
  autoresize: PropType<boolean | {
9
- throttle?: number | undefined;
10
- onResize?: (() => void) | undefined;
9
+ throttle?: number;
10
+ onResize?: () => void;
11
11
  }>;
12
- option: PropType<import("echarts/core").EChartsCoreOption>;
12
+ option: PropType<Option>;
13
13
  theme: {
14
14
  type: PropType<Theme>;
15
15
  };
16
- initOptions: PropType<import("echarts/core").EChartsInitOpts>;
17
- updateOptions: PropType<import("echarts/core").SetOptionOpts>;
16
+ initOptions: PropType<InitOptions>;
17
+ updateOptions: PropType<UpdateOptions>;
18
18
  group: StringConstructor;
19
19
  manualUpdate: BooleanConstructor;
20
20
  }, {
@@ -22,138 +22,138 @@ declare const _default: import("vue").DefineComponent<{
22
22
  getHeight: () => number;
23
23
  getDom: () => HTMLElement;
24
24
  getOption: () => import("echarts/core").EChartsCoreOption;
25
- resize: (opts?: import("echarts/core").ResizeOpts | undefined) => void;
25
+ resize: (opts?: import("echarts/core").ResizeOpts) => void;
26
26
  dispatchAction: (payload: import("echarts/core").Payload, opt?: boolean | {
27
- silent?: boolean | undefined;
27
+ silent?: boolean;
28
28
  flush?: boolean | undefined;
29
- } | undefined) => void;
29
+ }) => void;
30
30
  convertToPixel: {
31
31
  (finder: string | {
32
- seriesIndex?: (number | false | number[] | "all" | "none") | undefined;
33
- seriesId?: ((string | number) | (string | number)[]) | undefined;
34
- seriesName?: ((string | number) | (string | number)[]) | undefined;
35
- geoIndex?: (number | false | number[] | "all" | "none") | undefined;
36
- geoId?: ((string | number) | (string | number)[]) | undefined;
37
- geoName?: ((string | number) | (string | number)[]) | undefined;
38
- bmapIndex?: (number | false | number[] | "all" | "none") | undefined;
39
- bmapId?: ((string | number) | (string | number)[]) | undefined;
40
- bmapName?: ((string | number) | (string | number)[]) | undefined;
41
- xAxisIndex?: (number | false | number[] | "all" | "none") | undefined;
42
- xAxisId?: ((string | number) | (string | number)[]) | undefined;
43
- xAxisName?: ((string | number) | (string | number)[]) | undefined;
44
- yAxisIndex?: (number | false | number[] | "all" | "none") | undefined;
45
- yAxisId?: ((string | number) | (string | number)[]) | undefined;
46
- yAxisName?: ((string | number) | (string | number)[]) | undefined;
47
- gridIndex?: (number | false | number[] | "all" | "none") | undefined;
48
- gridId?: ((string | number) | (string | number)[]) | undefined;
49
- gridName?: ((string | number) | (string | number)[]) | undefined;
50
- dataIndex?: number | undefined;
51
- dataIndexInside?: number | undefined;
32
+ seriesIndex?: number | false | number[] | "all" | "none";
33
+ seriesId?: (string | number) | (string | number)[];
34
+ seriesName?: (string | number) | (string | number)[];
35
+ geoIndex?: number | false | number[] | "all" | "none";
36
+ geoId?: (string | number) | (string | number)[];
37
+ geoName?: (string | number) | (string | number)[];
38
+ bmapIndex?: number | false | number[] | "all" | "none";
39
+ bmapId?: (string | number) | (string | number)[];
40
+ bmapName?: (string | number) | (string | number)[];
41
+ xAxisIndex?: number | false | number[] | "all" | "none";
42
+ xAxisId?: (string | number) | (string | number)[];
43
+ xAxisName?: (string | number) | (string | number)[];
44
+ yAxisIndex?: number | false | number[] | "all" | "none";
45
+ yAxisId?: (string | number) | (string | number)[];
46
+ yAxisName?: (string | number) | (string | number)[];
47
+ gridIndex?: number | false | number[] | "all" | "none";
48
+ gridId?: (string | number) | (string | number)[];
49
+ gridName?: (string | number) | (string | number)[];
50
+ dataIndex?: number;
51
+ dataIndexInside?: number;
52
52
  }, value: (string | number) | Date): number;
53
53
  (finder: string | {
54
- seriesIndex?: (number | false | number[] | "all" | "none") | undefined;
55
- seriesId?: ((string | number) | (string | number)[]) | undefined;
56
- seriesName?: ((string | number) | (string | number)[]) | undefined;
57
- geoIndex?: (number | false | number[] | "all" | "none") | undefined;
58
- geoId?: ((string | number) | (string | number)[]) | undefined;
59
- geoName?: ((string | number) | (string | number)[]) | undefined;
60
- bmapIndex?: (number | false | number[] | "all" | "none") | undefined;
61
- bmapId?: ((string | number) | (string | number)[]) | undefined;
62
- bmapName?: ((string | number) | (string | number)[]) | undefined;
63
- xAxisIndex?: (number | false | number[] | "all" | "none") | undefined;
64
- xAxisId?: ((string | number) | (string | number)[]) | undefined;
65
- xAxisName?: ((string | number) | (string | number)[]) | undefined;
66
- yAxisIndex?: (number | false | number[] | "all" | "none") | undefined;
67
- yAxisId?: ((string | number) | (string | number)[]) | undefined;
68
- yAxisName?: ((string | number) | (string | number)[]) | undefined;
69
- gridIndex?: (number | false | number[] | "all" | "none") | undefined;
70
- gridId?: ((string | number) | (string | number)[]) | undefined;
71
- gridName?: ((string | number) | (string | number)[]) | undefined;
72
- dataIndex?: number | undefined;
73
- dataIndexInside?: number | undefined;
54
+ seriesIndex?: number | false | number[] | "all" | "none";
55
+ seriesId?: (string | number) | (string | number)[];
56
+ seriesName?: (string | number) | (string | number)[];
57
+ geoIndex?: number | false | number[] | "all" | "none";
58
+ geoId?: (string | number) | (string | number)[];
59
+ geoName?: (string | number) | (string | number)[];
60
+ bmapIndex?: number | false | number[] | "all" | "none";
61
+ bmapId?: (string | number) | (string | number)[];
62
+ bmapName?: (string | number) | (string | number)[];
63
+ xAxisIndex?: number | false | number[] | "all" | "none";
64
+ xAxisId?: (string | number) | (string | number)[];
65
+ xAxisName?: (string | number) | (string | number)[];
66
+ yAxisIndex?: number | false | number[] | "all" | "none";
67
+ yAxisId?: (string | number) | (string | number)[];
68
+ yAxisName?: (string | number) | (string | number)[];
69
+ gridIndex?: number | false | number[] | "all" | "none";
70
+ gridId?: (string | number) | (string | number)[];
71
+ gridName?: (string | number) | (string | number)[];
72
+ dataIndex?: number;
73
+ dataIndexInside?: number;
74
74
  }, value: ((string | number) | Date)[]): number[];
75
75
  };
76
76
  convertFromPixel: {
77
77
  (finder: string | {
78
- seriesIndex?: (number | false | number[] | "all" | "none") | undefined;
79
- seriesId?: ((string | number) | (string | number)[]) | undefined;
80
- seriesName?: ((string | number) | (string | number)[]) | undefined;
81
- geoIndex?: (number | false | number[] | "all" | "none") | undefined;
82
- geoId?: ((string | number) | (string | number)[]) | undefined;
83
- geoName?: ((string | number) | (string | number)[]) | undefined;
84
- bmapIndex?: (number | false | number[] | "all" | "none") | undefined;
85
- bmapId?: ((string | number) | (string | number)[]) | undefined;
86
- bmapName?: ((string | number) | (string | number)[]) | undefined;
87
- xAxisIndex?: (number | false | number[] | "all" | "none") | undefined;
88
- xAxisId?: ((string | number) | (string | number)[]) | undefined;
89
- xAxisName?: ((string | number) | (string | number)[]) | undefined;
90
- yAxisIndex?: (number | false | number[] | "all" | "none") | undefined;
91
- yAxisId?: ((string | number) | (string | number)[]) | undefined;
92
- yAxisName?: ((string | number) | (string | number)[]) | undefined;
93
- gridIndex?: (number | false | number[] | "all" | "none") | undefined;
94
- gridId?: ((string | number) | (string | number)[]) | undefined;
95
- gridName?: ((string | number) | (string | number)[]) | undefined;
96
- dataIndex?: number | undefined;
97
- dataIndexInside?: number | undefined;
78
+ seriesIndex?: number | false | number[] | "all" | "none";
79
+ seriesId?: (string | number) | (string | number)[];
80
+ seriesName?: (string | number) | (string | number)[];
81
+ geoIndex?: number | false | number[] | "all" | "none";
82
+ geoId?: (string | number) | (string | number)[];
83
+ geoName?: (string | number) | (string | number)[];
84
+ bmapIndex?: number | false | number[] | "all" | "none";
85
+ bmapId?: (string | number) | (string | number)[];
86
+ bmapName?: (string | number) | (string | number)[];
87
+ xAxisIndex?: number | false | number[] | "all" | "none";
88
+ xAxisId?: (string | number) | (string | number)[];
89
+ xAxisName?: (string | number) | (string | number)[];
90
+ yAxisIndex?: number | false | number[] | "all" | "none";
91
+ yAxisId?: (string | number) | (string | number)[];
92
+ yAxisName?: (string | number) | (string | number)[];
93
+ gridIndex?: number | false | number[] | "all" | "none";
94
+ gridId?: (string | number) | (string | number)[];
95
+ gridName?: (string | number) | (string | number)[];
96
+ dataIndex?: number;
97
+ dataIndexInside?: number;
98
98
  }, value: number): number;
99
99
  (finder: string | {
100
- seriesIndex?: (number | false | number[] | "all" | "none") | undefined;
101
- seriesId?: ((string | number) | (string | number)[]) | undefined;
102
- seriesName?: ((string | number) | (string | number)[]) | undefined;
103
- geoIndex?: (number | false | number[] | "all" | "none") | undefined;
104
- geoId?: ((string | number) | (string | number)[]) | undefined;
105
- geoName?: ((string | number) | (string | number)[]) | undefined;
106
- bmapIndex?: (number | false | number[] | "all" | "none") | undefined;
107
- bmapId?: ((string | number) | (string | number)[]) | undefined;
108
- bmapName?: ((string | number) | (string | number)[]) | undefined;
109
- xAxisIndex?: (number | false | number[] | "all" | "none") | undefined;
110
- xAxisId?: ((string | number) | (string | number)[]) | undefined;
111
- xAxisName?: ((string | number) | (string | number)[]) | undefined;
112
- yAxisIndex?: (number | false | number[] | "all" | "none") | undefined;
113
- yAxisId?: ((string | number) | (string | number)[]) | undefined;
114
- yAxisName?: ((string | number) | (string | number)[]) | undefined;
115
- gridIndex?: (number | false | number[] | "all" | "none") | undefined;
116
- gridId?: ((string | number) | (string | number)[]) | undefined;
117
- gridName?: ((string | number) | (string | number)[]) | undefined;
118
- dataIndex?: number | undefined;
119
- dataIndexInside?: number | undefined;
100
+ seriesIndex?: number | false | number[] | "all" | "none";
101
+ seriesId?: (string | number) | (string | number)[];
102
+ seriesName?: (string | number) | (string | number)[];
103
+ geoIndex?: number | false | number[] | "all" | "none";
104
+ geoId?: (string | number) | (string | number)[];
105
+ geoName?: (string | number) | (string | number)[];
106
+ bmapIndex?: number | false | number[] | "all" | "none";
107
+ bmapId?: (string | number) | (string | number)[];
108
+ bmapName?: (string | number) | (string | number)[];
109
+ xAxisIndex?: number | false | number[] | "all" | "none";
110
+ xAxisId?: (string | number) | (string | number)[];
111
+ xAxisName?: (string | number) | (string | number)[];
112
+ yAxisIndex?: number | false | number[] | "all" | "none";
113
+ yAxisId?: (string | number) | (string | number)[];
114
+ yAxisName?: (string | number) | (string | number)[];
115
+ gridIndex?: number | false | number[] | "all" | "none";
116
+ gridId?: (string | number) | (string | number)[];
117
+ gridName?: (string | number) | (string | number)[];
118
+ dataIndex?: number;
119
+ dataIndexInside?: number;
120
120
  }, value: number[]): number[];
121
121
  };
122
122
  containPixel: (finder: string | {
123
- seriesIndex?: (number | false | number[] | "all" | "none") | undefined;
124
- seriesId?: ((string | number) | (string | number)[]) | undefined;
125
- seriesName?: ((string | number) | (string | number)[]) | undefined;
126
- geoIndex?: (number | false | number[] | "all" | "none") | undefined;
127
- geoId?: ((string | number) | (string | number)[]) | undefined;
128
- geoName?: ((string | number) | (string | number)[]) | undefined;
129
- bmapIndex?: (number | false | number[] | "all" | "none") | undefined;
130
- bmapId?: ((string | number) | (string | number)[]) | undefined;
131
- bmapName?: ((string | number) | (string | number)[]) | undefined;
132
- xAxisIndex?: (number | false | number[] | "all" | "none") | undefined;
133
- xAxisId?: ((string | number) | (string | number)[]) | undefined;
134
- xAxisName?: ((string | number) | (string | number)[]) | undefined;
135
- yAxisIndex?: (number | false | number[] | "all" | "none") | undefined;
136
- yAxisId?: ((string | number) | (string | number)[]) | undefined;
137
- yAxisName?: ((string | number) | (string | number)[]) | undefined;
138
- gridIndex?: (number | false | number[] | "all" | "none") | undefined;
139
- gridId?: ((string | number) | (string | number)[]) | undefined;
140
- gridName?: ((string | number) | (string | number)[]) | undefined;
141
- dataIndex?: number | undefined;
142
- dataIndexInside?: number | undefined;
123
+ seriesIndex?: number | false | number[] | "all" | "none";
124
+ seriesId?: (string | number) | (string | number)[];
125
+ seriesName?: (string | number) | (string | number)[];
126
+ geoIndex?: number | false | number[] | "all" | "none";
127
+ geoId?: (string | number) | (string | number)[];
128
+ geoName?: (string | number) | (string | number)[];
129
+ bmapIndex?: number | false | number[] | "all" | "none";
130
+ bmapId?: (string | number) | (string | number)[];
131
+ bmapName?: (string | number) | (string | number)[];
132
+ xAxisIndex?: number | false | number[] | "all" | "none";
133
+ xAxisId?: (string | number) | (string | number)[];
134
+ xAxisName?: (string | number) | (string | number)[];
135
+ yAxisIndex?: number | false | number[] | "all" | "none";
136
+ yAxisId?: (string | number) | (string | number)[];
137
+ yAxisName?: (string | number) | (string | number)[];
138
+ gridIndex?: number | false | number[] | "all" | "none";
139
+ gridId?: (string | number) | (string | number)[];
140
+ gridName?: (string | number) | (string | number)[];
141
+ dataIndex?: number;
142
+ dataIndexInside?: number;
143
143
  }, value: number[]) => boolean;
144
144
  getDataURL: (opts?: {
145
- type?: "svg" | "png" | "jpeg" | undefined;
146
- pixelRatio?: number | undefined;
147
- backgroundColor?: import("echarts/core").Color | undefined;
148
- excludeComponents?: string[] | undefined;
149
- } | undefined) => string;
145
+ type?: "png" | "jpeg" | "svg";
146
+ pixelRatio?: number;
147
+ backgroundColor?: import("echarts/core").Color;
148
+ excludeComponents?: string[];
149
+ }) => string;
150
150
  getConnectedDataURL: (opts?: {
151
- type?: "svg" | "png" | "jpeg" | undefined;
152
- pixelRatio?: number | undefined;
153
- backgroundColor?: import("echarts/core").Color | undefined;
154
- connectedBackgroundColor?: import("echarts/core").Color | undefined;
155
- excludeComponents?: string[] | undefined;
156
- } | undefined) => string;
151
+ type?: "png" | "jpeg" | "svg";
152
+ pixelRatio?: number;
153
+ backgroundColor?: import("echarts/core").Color;
154
+ connectedBackgroundColor?: import("echarts/core").Color;
155
+ excludeComponents?: string[];
156
+ }) => string;
157
157
  appendData: (params: {
158
158
  seriesIndex: number;
159
159
  data: any;
@@ -163,7 +163,7 @@ declare const _default: import("vue").DefineComponent<{
163
163
  dispose: () => void;
164
164
  chart: import("vue").ShallowRef<import("echarts/core").ECharts | undefined>;
165
165
  root: import("vue").ShallowRef<EChartsElement | undefined>;
166
- inner: import("vue").ShallowRef<any>;
166
+ inner: import("vue").ShallowRef<HTMLElement | undefined>;
167
167
  setOption: (option: Option, updateOptions?: UpdateOptions) => void;
168
168
  nonEventAttrs: import("vue").ComputedRef<{
169
169
  [x: string]: any;
@@ -234,15 +234,15 @@ declare const _default: import("vue").DefineComponent<{
234
234
  loading: BooleanConstructor;
235
235
  loadingOptions: PropType<import("../types").LoadingOptions>;
236
236
  autoresize: PropType<boolean | {
237
- throttle?: number | undefined;
238
- onResize?: (() => void) | undefined;
237
+ throttle?: number;
238
+ onResize?: () => void;
239
239
  }>;
240
- option: PropType<import("echarts/core").EChartsCoreOption>;
240
+ option: PropType<Option>;
241
241
  theme: {
242
242
  type: PropType<Theme>;
243
243
  };
244
- initOptions: PropType<import("echarts/core").EChartsInitOpts>;
245
- updateOptions: PropType<import("echarts/core").SetOptionOpts>;
244
+ initOptions: PropType<InitOptions>;
245
+ updateOptions: PropType<UpdateOptions>;
246
246
  group: StringConstructor;
247
247
  manualUpdate: BooleanConstructor;
248
248
  }>> & {
package/dist/runtime/components/VChartLight.vue CHANGED
@@ -1,54 +1,56 @@
1
1
  <script>
2
- import { defineComponent } from "vue";
2
+ import {
3
+ hydrate
4
+ } from "echarts/ssr/client/index";
5
+ import {
6
+ useAttrs,
7
+ nextTick,
8
+ ref,
9
+ onMounted,
10
+ defineComponent
11
+ } from "vue";
3
12
  export default defineComponent({
4
13
  inheritAttrs: false,
5
- emits: {}
6
- });
7
- </script>
8
-
9
- <script setup lang="ts">
10
- defineProps<{
11
- option?: Option
12
- theme?: Theme
13
- initOptions?: InitOptions
14
- }>()
15
-
16
- type ECSSRHandler = (params: ECSSRClientEventParams) => string | undefined
17
- type ECSSREventOn = `on${Capitalize<ECSSREvent>}`
18
-
19
- const root = ref<InstanceType<typeof VChartServer> | null>(null)
20
- const attrs = useAttrs() as Partial<Record<ECSSREventOn, ECSSRHandler>>
21
- let container: HTMLElement
22
- function hydrateChart() {
23
- container = root.value?.$el
24
- if (container) {
25
- // Use the lightweight runtime to give the chart interactive capabilities
26
- hydrate(container, {
27
- on: {
28
- click: attrs.onClick,
29
- mouseout: attrs.onMouseout,
30
- mouseover: attrs.onMouseover,
31
- },
32
- })
14
+ props: {
15
+ option: Object,
16
+ theme: {
17
+ type: [Object, String]
18
+ },
19
+ initOptions: Object
20
+ },
21
+ emits: {},
22
+ setup() {
23
+ const root = ref(null);
24
+ const attrs = useAttrs();
25
+ let container;
26
+ function hydrateChart() {
27
+ container = root.value?.$el;
28
+ if (container) {
29
+ hydrate(container, {
30
+ on: {
31
+ click: attrs.onClick,
32
+ mouseout: attrs.onMouseout,
33
+ mouseover: attrs.onMouseover
34
+ }
35
+ });
36
+ }
37
+ }
38
+ let observer;
39
+ onMounted(async () => {
40
+ await nextTick();
41
+ hydrateChart();
42
+ observer = new MutationObserver(async () => {
43
+ hydrateChart();
44
+ });
45
+ observer.observe(root.value.$el, {
46
+ characterData: false,
47
+ childList: true,
48
+ attributes: false
49
+ });
50
+ });
51
+ return { root };
33
52
  }
34
- }
35
-
36
- let observer: MutationObserver
37
- onMounted(async () => {
38
- await nextTick()
39
- hydrateChart()
40
- observer = new MutationObserver(async () => {
41
- hydrateChart()
42
- })
43
-
44
- // call 'observe' on that MutationObserver instance,
45
- // passing it the element to observe, and the options object
46
- observer.observe(root.value!.$el, {
47
- characterData: false,
48
- childList: true,
49
- attributes: false,
50
- })
51
- })
53
+ });
52
54
  </script>
53
55
 
54
56
  <template>
package/dist/runtime/components/VChartLight.vue.d.ts CHANGED
@@ -0,0 +1,108 @@
1
+ import { type ECSSRClientEventParams, type ECSSREvent } from 'echarts/ssr/client/index';
2
+ import type { InitOptions, Option, Theme } from '../types.js';
3
+ import { nextTick, type PropType } from 'vue';
4
+ type ECSSRHandler = (params: ECSSRClientEventParams) => string | undefined;
5
+ declare const _default: import("vue").DefineComponent<{
6
+ option: PropType<Option>;
7
+ theme: {
8
+ type: PropType<Theme>;
9
+ };
10
+ initOptions: PropType<InitOptions>;
11
+ }, {
12
+ root: import("vue").Ref<({
13
+ $: import("vue").ComponentInternalInstance;
14
+ $data: {};
15
+ $props: Partial<{}> & Omit<{
16
+ readonly option?: Option;
17
+ readonly theme?: Theme;
18
+ readonly initOptions?: InitOptions;
19
+ onError?: ((error: unknown) => any) | undefined;
20
+ } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
21
+ option: {
22
+ type: PropType<import("echarts/core").EChartsCoreOption>;
23
+ };
24
+ theme: {
25
+ type: PropType<Theme>;
26
+ };
27
+ initOptions: {
28
+ type: PropType<import("echarts/core").EChartsInitOpts>;
29
+ };
30
+ }>> & {
31
+ onError?: ((error: unknown) => any) | undefined;
32
+ }, never>;
33
+ $attrs: {
34
+ [x: string]: unknown;
35
+ };
36
+ $refs: {
37
+ [x: string]: unknown;
38
+ };
39
+ $slots: Readonly<{
40
+ [name: string]: import("vue").Slot<any> | undefined;
41
+ }>;
42
+ $root: import("vue").ComponentPublicInstance | null;
43
+ $parent: import("vue").ComponentPublicInstance | null;
44
+ $emit: (event: "error", error: unknown) => void;
45
+ $el: any;
46
+ $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
47
+ option: {
48
+ type: PropType<import("echarts/core").EChartsCoreOption>;
49
+ };
50
+ theme: {
51
+ type: PropType<Theme>;
52
+ };
53
+ initOptions: {
54
+ type: PropType<import("echarts/core").EChartsInitOpts>;
55
+ };
56
+ }>> & {
57
+ onError?: ((error: unknown) => any) | undefined;
58
+ }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
59
+ error: (error: unknown) => void;
60
+ }, string, {}, {}, string, {}> & {
61
+ beforeCreate?: (() => void) | (() => void)[];
62
+ created?: (() => void) | (() => void)[];
63
+ beforeMount?: (() => void) | (() => void)[];
64
+ mounted?: (() => void) | (() => void)[];
65
+ beforeUpdate?: (() => void) | (() => void)[];
66
+ updated?: (() => void) | (() => void)[];
67
+ activated?: (() => void) | (() => void)[];
68
+ deactivated?: (() => void) | (() => void)[];
69
+ beforeDestroy?: (() => void) | (() => void)[];
70
+ beforeUnmount?: (() => void) | (() => void)[];
71
+ destroyed?: (() => void) | (() => void)[];
72
+ unmounted?: (() => void) | (() => void)[];
73
+ renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
74
+ renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
75
+ errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance | null, info: string) => boolean | void)[];
76
+ };
77
+ $forceUpdate: () => void;
78
+ $nextTick: typeof nextTick;
79
+ $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;
80
+ } & Omit<Readonly<import("vue").ExtractPropTypes<{
81
+ option: {
82
+ type: PropType<import("echarts/core").EChartsCoreOption>;
83
+ };
84
+ theme: {
85
+ type: PropType<Theme>;
86
+ };
87
+ initOptions: {
88
+ type: PropType<import("echarts/core").EChartsInitOpts>;
89
+ };
90
+ }>> & {
91
+ onError?: ((error: unknown) => any) | undefined;
92
+ }, never> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {} & {
93
+ $slots: {
94
+ fallback?(_: {}): any;
95
+ };
96
+ }) | null>;
97
+ }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<ECSSREvent, ECSSRHandler>, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
98
+ option: PropType<Option>;
99
+ theme: {
100
+ type: PropType<Theme>;
101
+ };
102
+ initOptions: PropType<InitOptions>;
103
+ }>> & {
104
+ onClick?: ((params: ECSSRClientEventParams) => any) | undefined;
105
+ onMouseout?: ((params: ECSSRClientEventParams) => any) | undefined;
106
+ onMouseover?: ((params: ECSSRClientEventParams) => any) | undefined;
107
+ }, {}, {}>;
108
+ export default _default;
package/dist/runtime/composables/autoresize.d.ts CHANGED
@@ -0,0 +1,11 @@
1
+ import { type Ref, type PropType } from 'vue';
2
+ import { type EChartsType } from '../types.js';
3
+ type AutoresizeProp = boolean | {
4
+ throttle?: number;
5
+ onResize?: () => void;
6
+ };
7
+ export declare function useAutoresize(chart: Ref<EChartsType | undefined>, autoresize: Ref<AutoresizeProp | undefined>, root: Ref<HTMLElement | undefined>): void;
8
+ export declare const autoresizeProps: {
9
+ autoresize: PropType<AutoresizeProp>;
10
+ };
11
+ export {};
package/dist/runtime/composables/loading.d.ts CHANGED
@@ -3,6 +3,6 @@ import type { EChartsType, LoadingOptions } from '../types.js';
3
3
  export declare const LOADING_OPTIONS_KEY: InjectionKey<LoadingOptions | Ref<LoadingOptions>>;
4
4
  export declare function useLoading(chart: Ref<EChartsType | undefined>, loading: Ref<boolean>, loadingOptions: Ref<LoadingOptions | undefined>): void;
5
5
  export declare const loadingProps: {
6
- loading: any;
6
+ loading: BooleanConstructor;
7
7
  loadingOptions: PropType<LoadingOptions>;
8
8
  };
package/dist/runtime/utils/injection.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  import type { InjectionKey } from 'vue';
2
- import type { UpdateOptionsInjection } from '../types.js';
3
- export declare const THEME_KEY: InjectionKey<any>;
4
- export declare const INIT_OPTIONS_KEY: InjectionKey<any>;
2
+ import type { ThemeInjection, InitOptionsInjection, UpdateOptionsInjection } from '../types.js';
3
+ export declare const THEME_KEY: InjectionKey<ThemeInjection>;
4
+ export declare const INIT_OPTIONS_KEY: InjectionKey<InitOptionsInjection>;
5
5
  export declare const UPDATE_OPTIONS_KEY: InjectionKey<UpdateOptionsInjection>;
6
6
  export { LOADING_OPTIONS_KEY } from '../composables.js';
package/dist/runtime/utils/wc.d.ts CHANGED
@@ -0,0 +1,6 @@
1
+ export declare const TAG_NAME = "x-vue-echarts";
2
+ export declare class EChartsElement extends HTMLElement {
3
+ __dispose: (() => void) | null;
4
+ disconnectedCallback(): void;
5
+ }
6
+ export declare function register(): boolean;
package/package.json CHANGED
@@ -1,13 +1,14 @@
1
1
  {
2
2
  "name": "nuxt-echarts",
3
- "version": "0.0.7",
3
+ "version": "0.0.9",
4
4
  "description": "Nuxt Module for Apache ECharts™",
5
5
  "keywords": [
6
6
  "vue",
7
7
  "nuxt",
8
8
  "echarts",
9
9
  "data-visualization",
10
- "charts"
10
+ "charts",
11
+ "ssr"
11
12
  ],
12
13
  "author": "Yue JIN <yuejin13@fudan.edu.cn>",
13
14
  "repository": "kingyue737/nuxt-echarts",
@@ -56,7 +57,7 @@
56
57
  "eslint": "^9.5.0",
57
58
  "nuxt": "^3.12.2",
58
59
  "prettier": "^3.3.2",
59
- "typescript": "~5.4.5",
60
+ "typescript": "^5.5.2",
60
61
  "vite": "^5.3.1",
61
62
  "vitest": "^1.6.0",
62
63
  "vue-tsc": "^2.0.22"
@@ -78,4 +79,4 @@
78
79
  "stackblitz": {
79
80
  "startCommand": "pnpm run dev:prepare && pnpm run dev"
80
81
  }
81
- }
82
+ }