docs: remove english in Chinese README

* docs: remove showLoading and hideLoading

* docs: add note for `showLoading` and `hideLoading` method

CHANGELOG.md

@@ -1,3 +1,11 @@
+## 7.0.3
+
+* Fixed type for `autoresize` (again).
+
+## 7.0.2
+
+* Fixed style injection regression (#805).
+
 ## 7.0.1
 
 * Fixed type for `autoresize`.

README.md

@@ -214,7 +214,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.33"></script>
 <script src="https://cdn.jsdelivr.net/npm/echarts@5.5.1"></script>
-<script src="https://cdn.jsdelivr.net/npm/vue-echarts@7.0.0"></script>
+<script src="https://cdn.jsdelivr.net/npm/vue-echarts@7.0.3"></script>
 ```
 <!-- vue3Scripts:end -->
 
@@ -234,7 +234,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.5.1"></script>
-<script src="https://cdn.jsdelivr.net/npm/vue-echarts@7.0.0"></script>
+<script src="https://cdn.jsdelivr.net/npm/vue-echarts@7.0.3"></script>
 ```
 <!-- vue2Scripts:end -->
 
@@ -439,13 +439,14 @@ import { THEME_KEY } from 'vue-echarts'
 - `convertToPixel` [→](https://echarts.apache.org/en/api.html#echartsInstance.convertToPixel)
 - `convertFromPixel` [→](https://echarts.apache.org/en/api.html#echartsInstance.convertFromPixel)
 - `containPixel` [→](https://echarts.apache.org/en/api.html#echartsInstance.containPixel)
-- `showLoading` [→](https://echarts.apache.org/en/api.html#echartsInstance.showLoading)
-- `hideLoading` [→](https://echarts.apache.org/en/api.html#echartsInstance.hideLoading)
 - `getDataURL` [→](https://echarts.apache.org/en/api.html#echartsInstance.getDataURL)
 - `getConnectedDataURL` [→](https://echarts.apache.org/en/api.html#echartsInstance.getConnectedDataURL)
 - `clear` [→](https://echarts.apache.org/en/api.html#echartsInstance.clear)
 - `dispose` [→](https://echarts.apache.org/en/api.html#echartsInstance.dispose)
 
+> [!NOTE]
+> [`showLoading`](https://echarts.apache.org/en/api.html#echartsInstance.showLoading) and [`hideLoading`](https://echarts.apache.org/en/api.html#echartsInstance.hideLoading) are not exposed. Use the **`loading`** and **`loading-options`** props.
+
 ### Static Methods
 
 Static methods can be accessed from [`echarts` itself](https://echarts.apache.org/en/api.html#echarts).

README.zh-Hans.md

@@ -6,7 +6,7 @@
 
 ---
 
-> 还在使用 v6？可以继续阅读老版本的文档。[前往 →](https://github.com/ecomfe/vue-echarts/blob/6.x/README.zh_CN.md)
+> 还在使用 v6？可以继续阅读老版本的文档。[前往 →](https://github.com/ecomfe/vue-echarts/blob/6.x/README.zh-Hans.md)
 
 ## 安装 & 使用
 
@@ -214,7 +214,7 @@ import "echarts";
 ```html
 <script src="https://cdn.jsdelivr.net/npm/vue@3.4.33"></script>
 <script src="https://cdn.jsdelivr.net/npm/echarts@5.5.1"></script>
-<script src="https://cdn.jsdelivr.net/npm/vue-echarts@7.0.0"></script>
+<script src="https://cdn.jsdelivr.net/npm/vue-echarts@7.0.3"></script>
 ```
 <!-- vue3Scripts:end -->
 
@@ -234,7 +234,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.5.1"></script>
-<script src="https://cdn.jsdelivr.net/npm/vue-echarts@7.0.0"></script>
+<script src="https://cdn.jsdelivr.net/npm/vue-echarts@7.0.3"></script>
 ```
 <!-- vue2Scripts:end -->
 
@@ -359,7 +359,7 @@ Vue-ECharts 支持如下事件：
 
 #### 原生 DOM 事件
 
-由于 Vue-ECharts 默认将事件绑定到 ECharts 实例，因此在使用原生 DOM 事件时需要做一些特殊处理。你需要在事件名称前加上 `native:` 前缀来绑定原生 DOM 事件（可以在 Vue 2 中也可以使用 `.native` 修饰符，但这在 Vue 3 中已被废弃）。
+由于 Vue-ECharts 默认将事件绑定到 ECharts 实例，因此在使用原生 DOM 事件时需要做一些特殊处理。你需要在事件名称前加上 `native:` 前缀来绑定原生 DOM 事件（在 Vue 2 中也可以使用 `.native` 修饰符，但这在 Vue 3 中已被废弃）。
 
 ```vue
 <template>
@@ -439,13 +439,14 @@ import { THEME_KEY } from 'vue-echarts'
 - `convertToPixel` [→](https://echarts.apache.org/zh/api.html#echartsInstance.convertToPixel)
 - `convertFromPixel` [→](https://echarts.apache.org/zh/api.html#echartsInstance.convertFromPixel)
 - `containPixel` [→](https://echarts.apache.org/zh/api.html#echartsInstance.containPixel)
-- `showLoading` [→](https://echarts.apache.org/zh/api.html#echartsInstance.showLoading)
-- `hideLoading` [→](https://echarts.apache.org/zh/api.html#echartsInstance.hideLoading)
 - `getDataURL` [→](https://echarts.apache.org/zh/api.html#echartsInstance.getDataURL)
 - `getConnectedDataURL` [→](https://echarts.apache.org/zh/api.html#echartsInstance.getConnectedDataURL)
 - `clear` [→](https://echarts.apache.org/zh/api.html#echartsInstance.clear)
 - `dispose` [→](https://echarts.apache.org/zh/api.html#echartsInstance.dispose)
 
+> [!NOTE]
+> [`showLoading`](https://echarts.apache.org/zh/api.html#echartsInstance.showLoading) 和 [`hideLoading`](https://echarts.apache.org/zh/api.html#echartsInstance.hideLoading) 未被暴露，请使用 **`loading`** 和 **`loading-options`** prop。
+
 ### 静态方法
 
 静态方法请直接通过 [`echarts` 本身](https://echarts.apache.org/zh/api.html#echarts)进行调用。
@@ -458,9 +459,6 @@ import { THEME_KEY } from 'vue-echarts'
 
 ## 迁移到 v7
 
-Translate:
-Read the breaking changes document in the [release log](https://github.com/ecomfe/vue-echarts/releases/tag/v7.0.0-beta.0) and the migration shoud be straightforward.
-
 请阅读[发布日志](https://github.com/ecomfe/vue-echarts/releases/tag/v7.0.0-beta.0)中的变更记录，之后迁移过程应该会相对简单。
 
 ## 本地开发

package.json

@@ -1,6 +1,6 @@
 {
   "name": "vue-echarts",
-  "version": "7.0.1",
+  "version": "7.0.3",
   "description": "Vue.js component for Apache ECharts™.",
   "license": "MIT",
   "repository": "https://github.com/ecomfe/vue-echarts.git",
@@ -80,7 +80,7 @@
     "rollup": "^4.19.0",
     "rollup-plugin-dts": "^6.1.0",
     "rollup-plugin-esbuild": "^6.1.1",
-    "rollup-plugin-import-css": "^3.5.0",
+    "rollup-plugin-import-css": "^3.5.1",
     "tslib": "^2.6.3",
     "typescript": "5.5.4",
     "vue": "^3.4.33",

pnpm-lock.yaml

@@ -127,8 +127,8 @@ importers:
         specifier: ^6.1.1
         version: 6.1.1(esbuild@0.23.0)(rollup@4.19.0)
       rollup-plugin-import-css:
-        specifier: ^3.5.0
+        specifier: ^3.5.1
-        version: 3.5.0(rollup@4.19.0)
+        version: 3.5.1(rollup@4.19.0)
       tslib:
         specifier: ^2.6.3
         version: 2.6.3
@@ -4070,8 +4070,8 @@ packages:
       esbuild: '>=0.18.0'
       rollup: ^1.20.0 || ^2.0.0 || ^3.0.0 || ^4.0.0
 
-  rollup-plugin-import-css@3.5.0:
+  rollup-plugin-import-css@3.5.1:
-    resolution: {integrity: sha512-JOVow6n00qt2C/NnsqPmIjFOfxIAudwWqC5SaC84CodMGiMFaP1gPAdgnJ8g8hcG+P85TCYp2kI98grYCEt5pg==}
+    resolution: {integrity: sha512-cXgMPCUoDu64A2OFme4Is3eHmLiA54qTzxfvCbsORzro3C1adSe1fMMKUqfOUKTXROAPpW9PNDjpaGgPloGJOQ==}
     engines: {node: '>=16'}
     peerDependencies:
       rollup: ^2.x.x || ^3.x.x || ^4.x.x
@@ -8983,7 +8983,7 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  rollup-plugin-import-css@3.5.0(rollup@4.19.0):
+  rollup-plugin-import-css@3.5.1(rollup@4.19.0):
     dependencies:
       '@rollup/pluginutils': 5.1.0(rollup@4.19.0)
       rollup: 4.19.0

src/composables/autoresize.ts

@@ -40,6 +40,12 @@ export function useAutoresize(
               return;
             }
           }
+
+          // Skip if container has zero size
+          if (root.offsetWidth === 0 || root.offsetHeight === 0) {
+            return;
+          }
+
           resizeCallback();
         });
         ro.observe(root);

src/index.d.ts

@@ -6,6 +6,7 @@ import type {
   InitOptions,
   UpdateOptions,
   LoadingOptions,
+  AutoResize,
   EChartsType,
   Emits,
   ThemeInjection,
@@ -25,7 +26,7 @@ declare type ChartProps = {
   updateOptions?: UpdateOptions;
   loadingOptions?: LoadingOptions;
   option?: Option;
-  autoresize?: boolean;
+  autoresize?: AutoResize;
   loading?: boolean;
   group?: string;
   manualUpdate?: boolean;