chore: update changelog and version

CHANGELOG.md

@@ -1,3 +1,15 @@
+## 6.6.5
+
+* Fixed type for `option` regressed in v6.6.2.
+
+## 6.6.4
+
+* Fixed style regression introduced by v6.6.3.
+
+## 6.6.3
+
+* Fixed inner wrapper styles.
+
 ## 6.6.2
 
 * Fixed that tooltips may affected by internal styling by VueECharts.

README.md

@@ -237,7 +237,7 @@ Drop `<script>` inside your HTML file and access the component via `window.VueEC
 ```html
 <script src="https://cdn.jsdelivr.net/npm/vue@3.3.7"></script>
 <script src="https://cdn.jsdelivr.net/npm/echarts@5.4.3"></script>
-<script src="https://cdn.jsdelivr.net/npm/vue-echarts@6.6.1"></script>
+<script src="https://cdn.jsdelivr.net/npm/vue-echarts@6.6.5"></script>
 ```
 <!-- vue3Scripts:end -->
 
@@ -257,7 +257,7 @@ app.component('v-chart', VueECharts)
 ```html
 <script src="https://cdn.jsdelivr.net/npm/vue@2.7.15"></script>
 <script src="https://cdn.jsdelivr.net/npm/echarts@5.4.3"></script>
-<script src="https://cdn.jsdelivr.net/npm/vue-echarts@6.6.1"></script>
+<script src="https://cdn.jsdelivr.net/npm/vue-echarts@6.6.5"></script>
 ```
 <!-- vue2Scripts:end -->
 

README.zh-Hans.md

@@ -4,7 +4,6 @@
 <p align="center"><a href="https://vue-echarts.dev/">查看 Demo →</a></p>
 <p align="center"><a href="https:///pr.new/ecomfe/vue-echarts"><img alt="Open in Codeflow" src="https://developer.stackblitz.com/img/open_in_codeflow.svg" height="28"/></a> <a href="https://codesandbox.io/p/github/ecomfe/vue-echarts"><img alt="Edit in CodeSandbox" src="https://assets.codesandbox.io/github/button-edit-lime.svg" height="28"/></a></p>
 
-
 > [!IMPORTANT]
 > 我们新发布了一个[导入代码生成器](https://vue-echarts.dev/#codegen)，只需要把`option` 代码粘贴进去，就可以得到精确的导入代码。
 >
@@ -238,7 +237,7 @@ import "echarts";
 ```html
 <script src="https://cdn.jsdelivr.net/npm/vue@3.3.7"></script>
 <script src="https://cdn.jsdelivr.net/npm/echarts@5.4.3"></script>
-<script src="https://cdn.jsdelivr.net/npm/vue-echarts@6.6.1"></script>
+<script src="https://cdn.jsdelivr.net/npm/vue-echarts@6.6.5"></script>
 ```
 <!-- vue3Scripts:end -->
 
@@ -258,7 +257,7 @@ app.component('v-chart', VueECharts)
 ```html
 <script src="https://cdn.jsdelivr.net/npm/vue@2.7.15"></script>
 <script src="https://cdn.jsdelivr.net/npm/echarts@5.4.3"></script>
-<script src="https://cdn.jsdelivr.net/npm/vue-echarts@6.6.1"></script>
+<script src="https://cdn.jsdelivr.net/npm/vue-echarts@6.6.5"></script>
 ```
 <!-- vue2Scripts:end -->
 

package.json

@@ -1,6 +1,6 @@
 {
   "name": "vue-echarts",
-  "version": "6.6.2",
+  "version": "6.6.5",
   "description": "Vue.js component for Apache ECharts.",
   "author": "GU Yiling <justice360@gmail.com>",
   "scripts": {

src/ECharts.ts

@@ -307,6 +307,8 @@ export default defineComponent({
     ) as any;
     attrs.ref = "root";
     attrs.class = attrs.class ? ["echarts"].concat(attrs.class) : "echarts";
-    return h(TAG_NAME, attrs, [h("div", { ref: "inner" })]);
+    return h(TAG_NAME, attrs, [
+      h("div", { ref: "inner", class: "echarts-inner" })
+    ]);
   }
 });

src/style.css

@@ -1 +1 @@
-x-vue-echarts{display:block;width:100%;height:100%;min-width:0}x-vue-echarts>[_echarts_instance_]{width:100%;height:100%}
+x-vue-echarts,.echarts-inner{display:block;width:100%;height:100%;min-width:0}

src/types.ts

@@ -1,10 +1,5 @@
 import { init } from "echarts/core";
-import type {
+import type { SetOptionOpts, ECElementEvent, ElementEvent } from "echarts";
-  SetOptionOpts,
-  ECElementEvent,
-  ElementEvent,
-  EChartsOption
-} from "echarts";
 import type { Ref } from "vue";
 
 export type Injection<T> = T | null | Ref<T | null> | { value: T | null };
@@ -23,7 +18,9 @@ export type UpdateOptionsInjection = Injection<UpdateOptions>;
 export type EChartsType = ReturnType<InitType>;
 type ZRenderType = ReturnType<EChartsType["getZr"]>;
 export type EventTarget = EChartsType | ZRenderType;
-export type Option = EChartsOption;
+
+type SetOptionType = EChartsType["setOption"];
+export type Option = Parameters<SetOptionType>[0];
 
 export type LoadingOptions = {
   text?: string;