fix: fix default behavior for notMerge, close #691

Author: Justineo

CHANGELOG.md

@@ -1,3 +1,7 @@
+## 6.5.3
+
+* Fixed default behavior for `notMerge` option (#691).
+
 ## 6.5.2
 
 * Added `dist/csp/*` to support strict CSP with extracted CSS file.

README.md

@@ -224,13 +224,11 @@ Drop `<script>` inside your HTML file and access the component via `window.VueEC
 <summary>Vue 3 <a href="https://stackblitz.com/edit/vue-echarts-vue-3-global?file=index.html">Demo →</a></summary>
 
 <!-- vue3Scripts:start -->
-
 ```html
 <script src="https://cdn.jsdelivr.net/npm/[email protected]"></script>
 <script src="https://cdn.jsdelivr.net/npm/[email protected]"></script>
-<script src="https://cdn.jsdelivr.net/npm/[email protected].2"></script>
+<script src="https://cdn.jsdelivr.net/npm/[email protected].3"></script>
 ```
-
 <!-- vue3Scripts:end -->
 
 ```js
@@ -246,13 +244,11 @@ app.component('v-chart', VueECharts)
 <summary>Vue 2 <a href="https://stackblitz.com/edit/vue-echarts-vue-2-global?file=index.html">Demo →</a></summary>
 
 <!-- vue2Scripts:start -->
-
 ```html
 <script src="https://cdn.jsdelivr.net/npm/[email protected]"></script>
 <script src="https://cdn.jsdelivr.net/npm/[email protected]"></script>
-<script src="https://cdn.jsdelivr.net/npm/[email protected].2"></script>
+<script src="https://cdn.jsdelivr.net/npm/[email protected].3"></script>
 ```
-
 <!-- vue2Scripts:end -->
 
 ```js

README.zh-Hans.md

@@ -227,7 +227,7 @@ import "echarts";
 ```html
 <script src="https://cdn.jsdelivr.net/npm/[email protected]"></script>
 <script src="https://cdn.jsdelivr.net/npm/[email protected]"></script>
-<script src="https://cdn.jsdelivr.net/npm/[email protected].2"></script>
+<script src="https://cdn.jsdelivr.net/npm/[email protected].3"></script>
 ```
 <!-- vue3Scripts:end -->
 
@@ -247,7 +247,7 @@ app.component('v-chart', VueECharts)
 ```html
 <script src="https://cdn.jsdelivr.net/npm/[email protected]"></script>
 <script src="https://cdn.jsdelivr.net/npm/[email protected]"></script>
-<script src="https://cdn.jsdelivr.net/npm/[email protected].2"></script>
+<script src="https://cdn.jsdelivr.net/npm/[email protected].3"></script>
 ```
 <!-- vue2Scripts:end -->
 

package.json

@@ -1,6 +1,6 @@
 {
   "name": "vue-echarts",
-  "version": "6.5.2",
+  "version": "6.5.3",
   "description": "Vue.js component for Apache ECharts.",
   "author": "GU Yiling <[email protected]>",
   "scripts": {

src/ECharts.ts

@@ -232,8 +232,11 @@ export default defineComponent({
               if (!chart.value) {
                 init();
               } else {
+                console.log(`notMerge: ${option !== oldOption}`);
                 chart.value.setOption(option, {
-                  notMerge: option.value !== oldOption?.value,
+                  // mutating `option` will lead to `notMerge: false` and
+                  // replacing it with new reference will lead to `notMerge: true`
+                  notMerge: option !== oldOption,
                   ...realUpdateOptions.value
                 });
               }