fix: fix padding style

CHANGELOG.md

@@ -1,3 +1,11 @@
+## 6.7.3
+
+* Fixed that `padding` on the component root doesn't work.
+
+## 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.

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 -->
 

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 -->
 

package.json

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

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}
+x-vue-echarts{display:flex;flex-direction:column;width:100%;height:100%;min-width:0}
+.vue-echarts-inner{flex-grow:1;min-width:0;width:auto!important;height:auto!important}