From e651d3233455546c062e0c8af039fddb87e2c196 Mon Sep 17 00:00:00 2001
From: Justineo <justice360@gmail.com>
Date: Tue, 7 May 2024 17:43:19 +0800
Subject: [PATCH] fix(#783): chart should display after activation in
 <keep-alive>

---
 CHANGELOG.md      | 4 ++++
 README.md         | 4 ++--
 README.zh-Hans.md | 4 ++--
 package.json      | 2 +-
 src/style.css     | 2 +-
 5 files changed, 10 insertions(+), 6 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index f9ddec1..c490a9e 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,3 +1,7 @@
+## 6.7.2
+
+* Fixed that charts inside `<keep-alive>` failed to display after activation.
+
 ## 6.7.1
 
 * Fixed that native events won't actually trigger.
diff --git a/README.md b/README.md
index 7f22c38..76964ee 100644
--- a/README.md
+++ b/README.md
@@ -238,7 +238,7 @@ Drop `<script>` inside your HTML file and access the component via `window.VueEC
 ```html
 <script src="https://cdn.jsdelivr.net/npm/vue@3.4.23"></script>
 <script src="https://cdn.jsdelivr.net/npm/echarts@5.4.3"></script>
-<script src="https://cdn.jsdelivr.net/npm/vue-echarts@6.7.0"></script>
+<script src="https://cdn.jsdelivr.net/npm/vue-echarts@6.7.2"></script>
 ```
 <!-- vue3Scripts:end -->
 
@@ -258,7 +258,7 @@ app.component('v-chart', VueECharts)
 ```html
 <script src="https://cdn.jsdelivr.net/npm/vue@2.7.16"></script>
 <script src="https://cdn.jsdelivr.net/npm/echarts@5.4.3"></script>
-<script src="https://cdn.jsdelivr.net/npm/vue-echarts@6.7.0"></script>
+<script src="https://cdn.jsdelivr.net/npm/vue-echarts@6.7.2"></script>
 ```
 <!-- vue2Scripts:end -->
 
diff --git a/README.zh-Hans.md b/README.zh-Hans.md
index cd3e0e8..fb3e6af 100644
--- a/README.zh-Hans.md
+++ b/README.zh-Hans.md
@@ -238,7 +238,7 @@ import "echarts";
 ```html
 <script src="https://cdn.jsdelivr.net/npm/vue@3.4.23"></script>
 <script src="https://cdn.jsdelivr.net/npm/echarts@5.4.3"></script>
-<script src="https://cdn.jsdelivr.net/npm/vue-echarts@6.7.0"></script>
+<script src="https://cdn.jsdelivr.net/npm/vue-echarts@6.7.2"></script>
 ```
 <!-- vue3Scripts:end -->
 
@@ -258,7 +258,7 @@ app.component('v-chart', VueECharts)
 ```html
 <script src="https://cdn.jsdelivr.net/npm/vue@2.7.16"></script>
 <script src="https://cdn.jsdelivr.net/npm/echarts@5.4.3"></script>
-<script src="https://cdn.jsdelivr.net/npm/vue-echarts@6.7.0"></script>
+<script src="https://cdn.jsdelivr.net/npm/vue-echarts@6.7.2"></script>
 ```
 <!-- vue2Scripts:end -->
 
diff --git a/package.json b/package.json
index a7363e2..4374031 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "vue-echarts",
-  "version": "6.7.1",
+  "version": "6.7.2",
   "description": "Vue.js component for Apache ECharts™.",
   "author": "GU Yiling <justice360@gmail.com>",
   "scripts": {
diff --git a/src/style.css b/src/style.css
index 3d3f0bd..1c8f847 100644
--- a/src/style.css
+++ b/src/style.css
@@ -1,2 +1,2 @@
 x-vue-echarts{display:block;position:relative;width:100%;height:100%;min-width:0}
-.vue-echarts-inner{position:absolute;top:0;right:0;bottom:0;left:0}
+.vue-echarts-inner{position:absolute!important;top:0;right:0;bottom:0;left:0}