javascript/vueecharts
1
0
Fork 0
mirror of https://github.com/ecomfe/vue-echarts.git synced 2025-10-28 11:33:57 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix: v-on not working in 2.7 (fix #636)

Browse Source
This commit is contained in:
Justineo
2022-07-12 12:25:42 +08:00
parent 4aaca62b89
commit 0ddc499755
5 changed files with 28 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
CHANGELOG.md
View File

@ -1,3 +1,7 @@
## 6.2.3
* Fixed the problem that `v-on` stops working after upgrading to `vue@2.7.x`.
## 6.2.2
* Improve types for `update-options`.

8
README.md
View File

@ -304,13 +304,13 @@ export default {
Drop `<script>` inside your HTML file and access the component via `window.VueECharts`.
<details>
<summary>Vue 3 <!-- vue3DemoLink:start --><a href="https://codesandbox.io/api/v1/sandboxes/define?parameters=N4IgZglgNgpgziAXKCA7AJjAHgOgBYAuAtlEqAMYD2qBMNSIAPAIQAiA8gMIAqAmgAoBRAASESAPgA6qRmKhSZeGAEN0CxnAIBPWAoDEygA6HhwacNEwIAc0KJhAFgAMTw1gDc0gL7TGAek0dGHU_JVV1ACNKdC11dAgAN2EIdABeSRAjQwyFC0YEgFpyPGUAJwJhZQBXAkpS-AgALxhhREpDAghqdJB2zuoMvxD4hPU4clKIDuE4UvIewgJDOEQ_P3J0VBwAKzhMKETSnFQYAj9UQyI_BKqYAAEAZhwAJhwHgHYc_3HJjrGJqYVWbzDKLZardabHZ7GAHBJHE5nC5XGDFMoEOB3ACsbzeXwCAL-vh-gJmcwWBCWKzWGy2u32h2Op3Ol2utwKqJK5UxADYXjgAIz4klEmQiggKABqtxwExUtAAgsYABRmVAWdDKAjKZUASlM5gswnqBCqpXVaqNRr6XVQ9ktVqNtCwBAAytpYPbDY6jWBqAQAGLKIjQLT2ADkAEkaDBSgAaYQZAASsISpwg5GUwgAcjBbhkEwrJsooAm4MpUHACnBYxAwOHvY6vHHG1bOgRPQb1T6ndgCPYMtxSsowJByMJXZQzeR4AXW47YGB-4mQDOY6UMvOLM2t8JapQoJ1DF7uz295NrNZYwOQBBaEQ56ee37SkQtbRSjfgMovMJGBFSiGYAIl_e1yF_VV0C8ABSXVNyfK0dwQo1YCvDATzPCw6ggOhlwyNNygzEtH0w4RFzwkByJIzDNW1ewAG1dytDJWAgepyAIajSIyQQ32gLjMIyBV0BzU4AHc6gAazgASzwySUUhgShhGEmSQBbZCfQyV0VDmPBhEEVBrDQWcQCY4QAF1dyQs8a0meAGPMh1SNQYMYBvIcRzHCcpzmUyNNIixtEMdyV0MHDZJ7Yd4iqFYVyxLFoMin01w_RyQCxJwkvUlceSyjILICwLaOURzNJ7YBhASEtbnsB4HixBNXKIUKWLY1FOJAYQbMCixKuqqBauEB4BScJq3JvXjlH4rqet6_qatC54HgccaWpvYTRIICTSmkjJuqK-aqsW-wBQatbWpABTMGU1T9rmwKFsG0KBSxBwAA4LpvHSymKAyjJMtTuvMixCpB4QYCIQwSjgCA4ucwK70h90ggw3qjTgEp0EoMSACFBs_YRRsO9HMdUHH2FHGsCAADXsMbwatMnsbEzgDzqG9SmsCIdTG4Q-YFnAsTgszyp9HwxaNCXSOlnsrOQ2Xt08bsJa8ODu1lSgoeoXDlXwoouU6hNpRgQROENuB1YsHAiCnGg9ZAAxjAyXVle-QkJV8PwohiEI5HEEAvCDoA">Demo →</a><!-- vue3DemoLink:end --></summary>
<summary>Vue 3 <!-- vue3DemoLink:start --><a href="https://codesandbox.io/api/v1/sandboxes/define?parameters=N4IgZglgNgpgziAXKCA7AJjAHgOgBYAuAtlEqAMYD2qBMNSIAPAIQAiA8gMIAqAmgAoBRAASESAPgA6qRmKhSZeGAEN0CxnAIBPWAoDEygA6HhwacNEwIAc0KJhAFgAMTw1gDc0gL7TGAek0dGHU_JVV1ACNKdC11dAgAN2EIdABeSRAjQwyFC0YEgFpyPGUAJwJhZQBXAkpS-AgALxhhREpDAghqdJB2zuoMvxD4hPU4clKIDuE4UvIewgJDOEQ_P3J0VBwAKzhMKETSnFQYAj9UQyI_BKqYAAEAZhwAJhwHgHYc_3HJjrGJqYVWbzDKLZardabHZ7GAHBJHE5nC5XGDFMoEOB3ACsbzeXwCAL-vh-gJmcwWBCWKzWGy2u32h2Op3Ol2utwKqJK5UxADYXi98SSiTIhQQFAA1W44CYqWgAQWMAAozKgLOhlARlIqAJSmcwWYT1AhVUqqlUGg19Lqoezmi0G2hYAgAZW0sFt-vtBrA1AIADFlERoFp7AByACSNBgpQANMIMgAJWEJU4QcjKYQAORgtwycblk2UUDjcGUqDgBTg0YgYFDnvtXhj9YtnQI7r1qq9DuwBHsGW4pWUYEg5GEzsoJvI8DzzftsDAvfjICnUdKGVnFkbG-EtUoUE6hg9na7O8m1ms0b7IAgtCIM-PXZ9pSIGtopSvwGUXmEjAipSGwARN-trkN-yroF4ACk2rrg-FpbnBBqwBeGBHieFh1BAdCLhkKblGmRb3uhwjzjhICkUR6Hqpq9gANrbhaGSsBA9TkAQlHERkggvtAHHoRkcroFmpwAO51AA1nAfEnhk4opDAlDCIJUkgE2iFehkzoqHMeDCIIqDWGg04gAxwgALrbghJ5VpM8B0aZdrEaggYwFeA5DiOY4TnMxlqcRFjaIYrlLoYWHSV2g7xFUKxLliWKQeFXorm-9kgFiTgJapS48hlGRmX5_nUco9nqV2wDCAkRa3PYDwPFicbOUQwVMSxqLsSAwhWf5FjlZVUDVcIDwAIxOA1LlXtxyi8R1XXdb1VXBc8DwOGNTVXoJwkEGJpSSRknUFXNFULfYQ11atzUgHJmCKcpe2zf5839cFQ1Yg4AAc51XlpZTFHpBlGSpnWmRY-XA8IMBEIYJRwBAMWOf5N4Q66QRod1BpwCU6CUCJABC_XvsII0HWjGOqNj7DDlWBAABr2KNYMWqTWMiZwe51FepTWBEWqjcIvP8zgWIwSZpVej4osGuLxFS12FmITLm6eJ24teDBnbSpQkPUNhiq4UUXLtXGkowIInAG3AasWDgRATjQusgAYxgZNqSvfISYq-H4UQxCEcjiCAXiB0AA">Demo →</a><!-- vue3DemoLink:end --></summary>
<!-- vue3Scripts:start -->
```html
<script src="https://cdn.jsdelivr.net/npm/vue@3.2.37"></script>
<script src="https://cdn.jsdelivr.net/npm/echarts@5.3.3"></script>
<script src="https://cdn.jsdelivr.net/npm/vue-echarts@6.2.1"></script>
<script src="https://cdn.jsdelivr.net/npm/vue-echarts@6.2.2"></script>
```
<!-- vue3Scripts:end -->
@ -324,13 +324,13 @@ app.component('v-chart', VueECharts)
</details>
<details>
<summary>Vue 2 <!-- vue2DemoLink:start --><a href="https://codesandbox.io/api/v1/sandboxes/define?parameters=N4IgZglgNgpgziAXKCA7AJjAHgOgBYAuAtlEqAMYD2qBMNSIAPAIQAiA8gMIAqAmgAoBRAASESAPgA6qRmKhSZeGAEN0CxnAIBPWAoDEygA6HhwacNEwIAc0KJhAFgAMTw1gDc0gL7TGAek0dGHU_JVV1ACNKdC11dAgAN2EIdABeSRAjQwyFC0YEgFpyPGUAJwJhZQBXAkpS-AgALxhhREpDAghqdJB2zuoMvxD4hPU4clKIDuE4UvIewgJDOEQ_P3J0VBwAKzhMKETSnFQYAj9UQyI_BKqYAAEAJhwAdhwAZhz_ccmOsYmpiqzeYZRbLVbrTY7PYwA4JI4nM4XK4wYplAhwO4AVne70-AX-v183wBMzmCwISxWaw2W12-0Ox1O50u11uBRRJXKGIAbDgngBGPHEwkyYUEBQANVuOCoREM1DoBAAFBlCqjyhkADTCKUwQScTnogCUnlQ0hOAHcdbclWZUBYYfYMgZjFrzMJ0MoCMolUbTO6LPUCFVSva7RYI8I-l1UPZw5GI7QsAQAMraWBxgMJixgagEABiyiI0C09gA5ABJGgwUrajIACRhCVOEHIymEADkYLctcIAIKTZRQbVwZSoOAFOA1iBgMtZyNeTXzxMQAgZ_327OJ7AEJ0gbilZRgSDkYQpygh8jwN2brfCWBgXfCDJX6ulDLLiyLz_CWqUKCdIYma3luBCTNY1g1nuq4wEQN53jmdREF6tClHuwDKF4wiMBEpRDMAERYXG5BYba6BeAApEaH4gQuS60RGsCQRgwEIVGkyKnuzblK2Q7wQhD5Phkgn8XenrevYADaP6RhkrAQPU5AEKJCEZIIyHQCpd4ZH26CdqcFp1AA1nAWlbhkEopDAlD9ugpkgPRbEWBkKYqHMeDCIIqDWGg14gDJwgALo_t-DEWFOHErMI0lhRG8ZsagRYwHuB5HieZ4XnMfmOU52iGMlz4gIYEAwGZ2aHvEVRRRkmKYhRZUJq-qFSTVTj1Q5hXcm1GSBTlbHicoLWxdmwDCAkQ63PYbxvJi2qJUQBVyQpKLKSAwihU5cVjRNBVvPyThzUle7qcomlrRtm2mNtUCTcIDxvA4h0LXuun6QQhmlCZGTrX1TmjeNN0FfyM1PYtICWZgNm6fZP0BZG_07fY_KYg4AAcoN7q5ZTFJ53m-TDPjDRGvVw8IsGGCUcAQFF8VOTBRBpkErGXeFJToJQFoAEI3Whwj7b9m1wGzHPsMeU4EAAGvYB2k5GQuqBznD_nUe6lNYEQ-gdwhazrOCYtR_lEwupOE2xptbsFDHm1-ppft4Jq-PiPzio7UQxCEcjiCAXg-0AA">Demo →</a><!-- vue2DemoLink:end --></summary>
<summary>Vue 2 <!-- vue2DemoLink:start --><a href="https://codesandbox.io/api/v1/sandboxes/define?parameters=N4IgZglgNgpgziAXKCA7AJjAHgOgBYAuAtlEqAMYD2qBMNSIAPAIQAiA8gMIAqAmgAoBRAASESAPgA6qRmKhSZeGAEN0CxnAIBPWAoDEygA6HhwacNEwIAc0KJhAFgAMTw1gDc0gL7TGAek0dGHU_JVV1ACNKdC11dAgAN2EIdABeSRAjQwyFC0YEgFpyPGUAJwJhZQBXAkpS-AgALxhhREpDAghqdJB2zuoMvxD4hPU4clKIDuE4UvIewgJDOEQ_P3J0VBwAKzhMKETSnFQYAj9UQyI_BKqYAAEAJhwAdhwAZhz_ccmOsYmpiqzeYZRbLVbrTY7PYwA4JI4nM4XK4wYplAhwO4AVne70-AX-v183wBMzmCwISxWaw2W12-0Ox1O50u11uBRRJXKGIAbDgng88cTCTIhQQFAA1W44KhEQzUOgEAAUGUKqPKGQANMJJTBBJxOeiAJSeVDSE4Ad21t0VZlQFhh9gyBmMmvMwnQygIykVhtMbos9QIVVKdttFnDwj6XVQ9jDEfDtCwBAAytpYLH_fGLGBqAQAGLKIjQLT2ADkAEkaDBSlqMgAJGEJU4QcjKYQAORgt01wgAgpNlFAtXBlKg4AU4NWIGBS5mI14NXOExACOm_XaswnsARHSBuKVlGBIORhMnKMHyPBXRvN8JYGAd8IMpeq6UMkuLAuP8JapQoJ1DAzG9NwISZrGsatdxXGAiGvW9szqIhPVoUpd2AZQvGERgIlKIZgAiTDY3ITCbXQLwAFJDXfYD50XGjw1gCCMCA-DI0mBVdybcoW0HOD4PvR8MgEvjbw9L17AAbW_CMMlYCB6nIAgRPgjJBCQ6BlNvDJe3QDtTnNOoAGs4E0zcMnFFIYEoPt0BMkA6NYiwMmTFQ5jwYRBFQaw0CvEBpOEABdb8v3oixJ3YlZhCk0LwzjVjUELGBd33Q9j1Pc85l8hzHO0QwkqfEBDAgGBTKzA94iqSKMkxTFyNK-MXxQyTqqcOr7IK7lWoyALstYsTlGamKs2AYQEkHW57DeN5MS1BKiHy2T5JRJSQGEELHNi0bxvyt4AEYnFmxLdzU5QNNW9aNtMLaoAm4QHjeBxDvm3cdL0ggDNKYyMjW3rHJGsabvy3bpqehaQAszBrJ0uyfv8iN_u2-xdsxBwAA5Qd3FyymKDyvJ8mGfCG8Merh4QYMMEo4AgSK4sc6CiFTIIWMusKSnQShzQAIRu1DhH236NrgNmOfYI9JwIAANewDtJiMhdUDnOD_Opd1KawIm9A7hC1nWcExKi_KJ-dScJ1jTc3IL6PNz8TU_bxjV8fEfjFR2ohiEI5HEEAvB9oA">Demo →</a><!-- vue2DemoLink:end --></summary>
<!-- vue2Scripts:start -->
```html
<script src="https://cdn.jsdelivr.net/npm/vue@2.7.3"></script>
<script src="https://cdn.jsdelivr.net/npm/echarts@5.3.3"></script>
<script src="https://cdn.jsdelivr.net/npm/vue-echarts@6.2.1"></script>
<script src="https://cdn.jsdelivr.net/npm/vue-echarts@6.2.2"></script>
```
<!-- vue2Scripts:end -->

8
README.zh-Hans.md
View File

@ -302,13 +302,13 @@ export default {
用如下方式在 HTML 中插入 `<script>` 标签，并且通过 `window.VueECharts` 来访问组件接口：
<details>
<summary>Vue 3 <!-- vue3DemoLink:start --><a href="https://codesandbox.io/api/v1/sandboxes/define?parameters=N4IgZglgNgpgziAXKCA7AJjAHgOgBYAuAtlEqAMYD2qBMNSIAPAIQAiA8gMIAqAmgAoBRAASESAPgA6qRmKhSZeGAEN0CxnAIBPWAoDEygA6HhwacNEwIAc0KJhAFgAMTw1gDc0gL7TGAek0dGHU_JVV1ACNKdC11dAgAN2EIdABeSRAjQwyFC0YEgFpyPGUAJwJhZQBXAkpS-AgALxhhREpDAghqdJB2zuoMvxD4hPU4clKIDuE4UvIewgJDOEQ_P3J0VBwAKzhMKETSnFQYAj9UQyI_BKqYAAEAZhwAJhwHgHYc_3HJjrGJqYVWbzDKLZardabHZ7GAHBJHE5nC5XGDFMoEOB3ACsbzeXwCAL-vh-gJmcwWBCWKzWGy2u32h2Op3Ol2utwKqJK5UxADYXjgAIz4klEmQiggKABqtxwExUtAAgsYABRmVAWdDKAjKZUASlM5gswnqBCqpXVaqNRr6XVQ9ktVqNtCwBAAytpYPbDY6jWBqAQAGLKIjQLT2ADkAEkaDBSgAaYQZAASsISpwg5GUwgAcjBbhkEwrJsooAm4MpUHACnBYxAwOHvY6vHHG1bOgRPQb1T6ndgCPYMtxSsowJByMJXZQzeR4AXW47YGB-4mQDOY6UMvOLM2t8JapQoJ1DF7uz295NrNZYwOQBBaEQ56ee37SkQtbRSjfgMovMJGBFSiGYAIl_e1yF_VV0C8ABSXVNyfK0dwQo1YCvDATzPCw6ggOhlwyNNygzEtH0w4RFzwkByJIzDNW1ewAG1dytDJWAgepyAIajSIyQQ32gLjMIyBV0BzU4AHc6gAazgASzwySUUhgShhGEmSQBbZCfQyV0VDmPBhEEVBrDQWcQCY4QAF1dyQs8a0meAGPMh1SNQYMYBvIcRzHCcpzmUyNNIixtEMdyV0MHDZJ7Yd4iqFYVyxLFoMin01w_RyQCxJwkvUlceSyjILICwLaOURzNJ7YBhASEtbnsB4HixBNXKIUKWLY1FOJAYQbMCixKuqqBauEB4BScJq3JvXjlH4rqet6_qatC54HgccaWpvYTRIICTSmkjJuqK-aqsW-wBQatbWpABTMGU1T9rmwKFsG0KBSxBwAA4LpvHSymKAyjJMtTuvMixCpB4QYCIQwSjgCA4ucwK70h90ggw3qjTgEp0EoMSACFBs_YRRsO9HMdUHH2FHGsCAADXsMbwatMnsbEzgDzqG9SmsCIdTG4Q-YFnAsTgszyp9HwxaNCXSOlnsrOQ2Xt08bsJa8ODu1lSgoeoXDlXwoouU6hNpRgQROENuB1YsHAiCnGg9ZAAxjAyXVle-QkJV8PwohiEI5HEEAvCDoA">Demo →</a><!-- vue3DemoLink:end --></summary>
<summary>Vue 3 <!-- vue3DemoLink:start --><a href="https://codesandbox.io/api/v1/sandboxes/define?parameters=N4IgZglgNgpgziAXKCA7AJjAHgOgBYAuAtlEqAMYD2qBMNSIAPAIQAiA8gMIAqAmgAoBRAASESAPgA6qRmKhSZeGAEN0CxnAIBPWAoDEygA6HhwacNEwIAc0KJhAFgAMTw1gDc0gL7TGAek0dGHU_JVV1ACNKdC11dAgAN2EIdABeSRAjQwyFC0YEgFpyPGUAJwJhZQBXAkpS-AgALxhhREpDAghqdJB2zuoMvxD4hPU4clKIDuE4UvIewgJDOEQ_P3J0VBwAKzhMKETSnFQYAj9UQyI_BKqYAAEAZhwAJhwHgHYc_3HJjrGJqYVWbzDKLZardabHZ7GAHBJHE5nC5XGDFMoEOB3ACsbzeXwCAL-vh-gJmcwWBCWKzWGy2u32h2Op3Ol2utwKqJK5UxADYXi98SSiTIhQQFAA1W44CYqWgAQWMAAozKgLOhlARlIqAJSmcwWYT1AhVUqqlUGg19Lqoezmi0G2hYAgAZW0sFt-vtBrA1AIADFlERoFp7AByACSNBgpQANMIMgAJWEJU4QcjKYQAORgtwycblk2UUDjcGUqDgBTg0YgYFDnvtXhj9YtnQI7r1qq9DuwBHsGW4pWUYEg5GEzsoJvI8DzzftsDAvfjICnUdKGVnFkbG-EtUoUE6hg9na7O8m1ms0b7IAgtCIM-PXZ9pSIGtopSvwGUXmEjAipSGwARN-trkN-yroF4ACk2rrg-FpbnBBqwBeGBHieFh1BAdCLhkKblGmRb3uhwjzjhICkUR6Hqpq9gANrbhaGSsBA9TkAQlHERkggvtAHHoRkcroFmpwAO51AA1nAfEnhk4opDAlDCIJUkgE2iFehkzoqHMeDCIIqDWGg04gAxwgALrbghJ5VpM8B0aZdrEaggYwFeA5DiOY4TnMxlqcRFjaIYrlLoYWHSV2g7xFUKxLliWKQeFXorm-9kgFiTgJapS48hlGRmX5_nUco9nqV2wDCAkRa3PYDwPFicbOUQwVMSxqLsSAwhWf5FjlZVUDVcIDwAIxOA1LlXtxyi8R1XXdb1VXBc8DwOGNTVXoJwkEGJpSSRknUFXNFULfYQ11atzUgHJmCKcpe2zf5839cFQ1Yg4AAc51XlpZTFHpBlGSpnWmRY-XA8IMBEIYJRwBAMWOf5N4Q66QRod1BpwCU6CUCJABC_XvsII0HWjGOqNj7DDlWBAABr2KNYMWqTWMiZwe51FepTWBEWqjcIvP8zgWIwSZpVej4osGuLxFS12FmITLm6eJ24teDBnbSpQkPUNhiq4UUXLtXGkowIInAG3AasWDgRATjQusgAYxgZNqSvfISYq-H4UQxCEcjiCAXiB0AA">Demo →</a><!-- vue3DemoLink:end --></summary>
<!-- vue3Scripts:start -->
```html
<script src="https://cdn.jsdelivr.net/npm/vue@3.2.37"></script>
<script src="https://cdn.jsdelivr.net/npm/echarts@5.3.3"></script>
<script src="https://cdn.jsdelivr.net/npm/vue-echarts@6.2.1"></script>
<script src="https://cdn.jsdelivr.net/npm/vue-echarts@6.2.2"></script>
```
<!-- vue3Scripts:end -->
@ -322,13 +322,13 @@ app.component('v-chart', VueECharts)
</details>
<details>
<summary>Vue 2 <!-- vue2DemoLink:start --><a href="https://codesandbox.io/api/v1/sandboxes/define?parameters=N4IgZglgNgpgziAXKCA7AJjAHgOgBYAuAtlEqAMYD2qBMNSIAPAIQAiA8gMIAqAmgAoBRAASESAPgA6qRmKhSZeGAEN0CxnAIBPWAoDEygA6HhwacNEwIAc0KJhAFgAMTw1gDc0gL7TGAek0dGHU_JVV1ACNKdC11dAgAN2EIdABeSRAjQwyFC0YEgFpyPGUAJwJhZQBXAkpS-AgALxhhREpDAghqdJB2zuoMvxD4hPU4clKIDuE4UvIewgJDOEQ_P3J0VBwAKzhMKETSnFQYAj9UQyI_BKqYAAEAJhwAdhwAZhz_ccmOsYmpiqzeYZRbLVbrTY7PYwA4JI4nM4XK4wYplAhwO4AVne70-AX-v183wBMzmCwISxWaw2W12-0Ox1O50u11uBRRJXKGIAbDgngBGPHEwkyYUEBQANVuOCoREM1DoBAAFBlCqjyhkADTCKUwQScTnogCUnlQ0hOAHcdbclWZUBYYfYMgZjFrzMJ0MoCMolUbTO6LPUCFVSva7RYI8I-l1UPZw5GI7QsAQAMraWBxgMJixgagEABiyiI0C09gA5ABJGgwUrajIACRhCVOEHIymEADkYLctcIAIKTZRQbVwZSoOAFOA1iBgMtZyNeTXzxMQAgZ_327OJ7AEJ0gbilZRgSDkYQpygh8jwN2brfCWBgXfCDJX6ulDLLiyLz_CWqUKCdIYma3luBCTNY1g1nuq4wEQN53jmdREF6tClHuwDKF4wiMBEpRDMAERYXG5BYba6BeAApEaH4gQuS60RGsCQRgwEIVGkyKnuzblK2Q7wQhD5Phkgn8XenrevYADaP6RhkrAQPU5AEKJCEZIIyHQCpd4ZH26CdqcFp1AA1nAWlbhkEopDAlD9ugpkgPRbEWBkKYqHMeDCIIqDWGg14gDJwgALo_t-DEWFOHErMI0lhRG8ZsagRYwHuB5HieZ4XnMfmOU52iGMlz4gIYEAwGZ2aHvEVRRRkmKYhRZUJq-qFSTVTj1Q5hXcm1GSBTlbHicoLWxdmwDCAkQ63PYbxvJi2qJUQBVyQpKLKSAwihU5cVjRNBVvPyThzUle7qcomlrRtm2mNtUCTcIDxvA4h0LXuun6QQhmlCZGTrX1TmjeNN0FfyM1PYtICWZgNm6fZP0BZG_07fY_KYg4AAcoN7q5ZTFJ53m-TDPjDRGvVw8IsGGCUcAQFF8VOTBRBpkErGXeFJToJQFoAEI3Whwj7b9m1wGzHPsMeU4EAAGvYB2k5GQuqBznD_nUe6lNYEQ-gdwhazrOCYtR_lEwupOE2xptbsFDHm1-ppft4Jq-PiPzio7UQxCEcjiCAXg-0AA">Demo →</a><!-- vue2DemoLink:end --></summary>
<summary>Vue 2 <!-- vue2DemoLink:start --><a href="https://codesandbox.io/api/v1/sandboxes/define?parameters=N4IgZglgNgpgziAXKCA7AJjAHgOgBYAuAtlEqAMYD2qBMNSIAPAIQAiA8gMIAqAmgAoBRAASESAPgA6qRmKhSZeGAEN0CxnAIBPWAoDEygA6HhwacNEwIAc0KJhAFgAMTw1gDc0gL7TGAek0dGHU_JVV1ACNKdC11dAgAN2EIdABeSRAjQwyFC0YEgFpyPGUAJwJhZQBXAkpS-AgALxhhREpDAghqdJB2zuoMvxD4hPU4clKIDuE4UvIewgJDOEQ_P3J0VBwAKzhMKETSnFQYAj9UQyI_BKqYAAEAJhwAdhwAZhz_ccmOsYmpiqzeYZRbLVbrTY7PYwA4JI4nM4XK4wYplAhwO4AVne70-AX-v183wBMzmCwISxWaw2W12-0Ox1O50u11uBRRJXKGIAbDgng88cTCTIhQQFAA1W44KhEQzUOgEAAUGUKqPKGQANMJJTBBJxOeiAJSeVDSE4Ad21t0VZlQFhh9gyBmMmvMwnQygIykVhtMbos9QIVVKdttFnDwj6XVQ9jDEfDtCwBAAytpYLH_fGLGBqAQAGLKIjQLT2ADkAEkaDBSlqMgAJGEJU4QcjKYQAORgt01wgAgpNlFAtXBlKg4AU4NWIGBS5mI14NXOExACOm_XaswnsARHSBuKVlGBIORhMnKMHyPBXRvN8JYGAd8IMpeq6UMkuLAuP8JapQoJ1DAzG9NwISZrGsatdxXGAiGvW9szqIhPVoUpd2AZQvGERgIlKIZgAiTDY3ITCbXQLwAFJDXfYD50XGjw1gCCMCA-DI0mBVdybcoW0HOD4PvR8MgEvjbw9L17AAbW_CMMlYCB6nIAgRPgjJBCQ6BlNvDJe3QDtTnNOoAGs4E0zcMnFFIYEoPt0BMkA6NYiwMmTFQ5jwYRBFQaw0CvEBpOEABdb8v3oixJ3YlZhCk0LwzjVjUELGBd33Q9j1Pc85l8hzHO0QwkqfEBDAgGBTKzA94iqSKMkxTFyNK-MXxQyTqqcOr7IK7lWoyALstYsTlGamKs2AYQEkHW57DeN5MS1BKiHy2T5JRJSQGEELHNi0bxvyt4AEYnFmxLdzU5QNNW9aNtMLaoAm4QHjeBxDvm3cdL0ggDNKYyMjW3rHJGsabvy3bpqehaQAszBrJ0uyfv8iN_u2-xdsxBwAA5Qd3FyymKDyvJ8mGfCG8Merh4QYMMEo4AgSK4sc6CiFTIIWMusKSnQShzQAIRu1DhH236NrgNmOfYI9JwIAANewDtJiMhdUDnOD_Opd1KawIm9A7hC1nWcExKi_KJ-dScJ1jTc3IL6PNz8TU_bxjV8fEfjFR2ohiEI5HEEAvB9oA">Demo →</a><!-- vue2DemoLink:end --></summary>
<!-- vue2Scripts:start -->
```html
<script src="https://cdn.jsdelivr.net/npm/vue@2.7.3"></script>
<script src="https://cdn.jsdelivr.net/npm/echarts@5.3.3"></script>
<script src="https://cdn.jsdelivr.net/npm/vue-echarts@6.2.1"></script>
<script src="https://cdn.jsdelivr.net/npm/vue-echarts@6.2.2"></script>
```
<!-- vue2Scripts:end -->

2
package.json
View File

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

31
src/ECharts.ts
View File

@ -12,13 +12,14 @@ import {
onUnmounted,
h,
nextTick,
PropType,
watchEffect,
getCurrentInstance,
Vue2,
InjectionKey
type PropType,
type InjectionKey
} from "vue-demi";
import { init as initChart } from "echarts/core";
import {
import type {
EChartsType,
EventTarget,
Option,
@ -36,8 +37,8 @@ import {
useLoading,
loadingProps
} from "./composables";
import "./style.css";
import { omitOn } from "./utils";
import "./style.css";
const TAG_NAME = "x-vue-echarts";
@ -46,8 +47,10 @@ if (Vue2) {
}
export const THEME_KEY = "ecTheme" as unknown as InjectionKey<ThemeInjection>;
export const INIT_OPTIONS_KEY = "ecInitOptions" as unknown as InjectionKey<InitOptionsInjection>;
export const UPDATE_OPTIONS_KEY = "ecUpdateOptions" as unknown as InjectionKey<UpdateOptionsInjection>;
export const INIT_OPTIONS_KEY =
"ecInitOptions" as unknown as InjectionKey<InitOptionsInjection>;
export const UPDATE_OPTIONS_KEY =
"ecUpdateOptions" as unknown as InjectionKey<UpdateOptionsInjection>;
export { LOADING_OPTIONS_KEY } from "./composables";
export default defineComponent({
@ -65,20 +68,13 @@ export default defineComponent({
...loadingProps
},
inheritAttrs: false,
// @ts-expect-error listeners for Vue 2 compatibility
setup(props, { attrs, listeners }) {
setup(props, { attrs }) {
const root = shallowRef<HTMLElement>();
const chart = shallowRef<EChartsType>();
const manualOption = shallowRef<Option>();
const defaultTheme = inject(THEME_KEY, null);
const defaultInitOptions = inject(
INIT_OPTIONS_KEY,
null
);
const defaultUpdateOptions = inject(
UPDATE_OPTIONS_KEY,
null
);
const defaultInitOptions = inject(INIT_OPTIONS_KEY, null);
const defaultUpdateOptions = inject(UPDATE_OPTIONS_KEY, null);
const { autoresize, manualUpdate, loading, loadingOptions } = toRefs(props);
@ -94,6 +90,9 @@ export default defineComponent({
);
const nonEventAttrs = computed(() => omitOn(attrs));
// @ts-expect-error listeners for Vue 2 compatibility
const listeners = getCurrentInstance().proxy.$listeners;
function init(option?: Option) {
if (!root.value) {
return;