Merge pull request #58 from wsfe/feat/memory-leak-mitigation-2.x

feat: memory leak mitigation 2.x

Author: ChuChencheng

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wsfe/ctree",
-  "version": "2.3.0",
+  "version": "2.3.1",
   "main": "./dist/ctree.umd.min.js",
   "types": "./types",
   "description": "A vue tree component using virtual list.",

src/components/Tree.vue

@@ -813,22 +813,26 @@ export default (Vue as VueConstructor<Vue & {
       this.debounceTimer = window.requestAnimationFrame(this.updateRenderNodes.bind(this, true))
       // this.updateRenderNodes(true)
     },
+
+    initializeNonReactiveData (): void {
+      const { keyField, ignoreMode, filteredNodeCheckable, cascade, defaultExpandAll, load, expandOnFilter } = this
+      this.nonReactive = {
+        store: new TreeStore({
+          keyField,
+          ignoreMode,
+          filteredNodeCheckable,
+          cascade,
+          defaultExpandAll,
+          load,
+          expandOnFilter,
+        }),
+        blockNodes: [],
+      }
+    },
   },
   created () {
     // Initial non-reactive
-    const { keyField, ignoreMode, filteredNodeCheckable, cascade, defaultExpandAll, load, expandOnFilter } = this
-    this.nonReactive = {
-      store: new TreeStore({
-        keyField,
-        ignoreMode,
-        filteredNodeCheckable,
-        cascade,
-        defaultExpandAll,
-        load,
-        expandOnFilter,
-      }),
-      blockNodes: [],
-    }
+    this.initializeNonReactiveData()
 
     this.nonReactive.store.on('visible-data-change', this.updateBlockNodes)
     this.nonReactive.store.on('render-data-change', this.updateRender)
@@ -860,6 +864,7 @@ export default (Vue as VueConstructor<Vue & {
     if ($iframe.contentWindow) {
       $iframe.contentWindow.removeEventListener('resize', this.updateRender)
     }
+    this.initializeNonReactiveData()
   },
   watch: {
     value (newVal: VModelType) {