fix: error occured while resetControl button is called frequently

Author: leftstick

package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-fengmap",
-  "version": "2.9.0",
+  "version": "2.9.1",
   "description": "",
   "author": "Howard.Zuo",
   "typings": "typings/index.d.ts",

src/FengmapBase.js

@@ -125,6 +125,17 @@ class FengmapBase extends Component {
     })
   }
 
+  _destroyAllChildren = map => {
+    const { fengmapSDK } = this.props
+    const { refs } = this
+    if (!isArray(refs)) {
+      return
+    }
+    refs.forEach(ref => {
+      ref.current.unload(map, fengmapSDK, this)
+    })
+  }
+
   componentDidMount() {
     this._loadMap(this.props.mapId)
     if (this.loadingTxt && this.loadingTxt.current) {
@@ -145,6 +156,9 @@ class FengmapBase extends Component {
     if (!this.mapInstance) {
       return
     }
+
+    this._destroyAllChildren(this.mapInstance)
+
     EVENTS.forEach(e => {
       this.mapInstance.off(e)
     })

src/bases/FengmapBaseControl.js

@@ -1,3 +1,6 @@
 import React from 'react'
 
-export default class FengmapBaseControl extends React.Component {}
+export default class FengmapBaseControl extends React.Component {
+  load = () => {}
+  unload = () => {}
+}

src/components/HorizontalButtonGroupsControl/index.js

@@ -155,7 +155,7 @@ class HorizontalButtonGroupsControl extends React.Component {
     const { showGroups } = this.state
     const { showBtnCount } = ctrlOptions
 
-    if (!showGroups) {
+    if (!showGroups || !map || !map.listFloors) {
       return null
     }
 

src/components/VerticalButtonGroupsControl/index.js

@@ -151,7 +151,7 @@ class VerticalButtonGroupsControl extends React.Component {
     const { showGroups } = this.state
     const { showBtnCount } = ctrlOptions
 
-    if (!showGroups) {
+    if (!showGroups || !map || !map.listFloors) {
       return null
     }
 

src/controls/FengmapFloorControl.js

@@ -37,10 +37,14 @@ class FengmapFloorControl extends FengmapBaseControl {
     }
 
     this.resizeHandler = () => {
-      setTimeout(() => {
-        this.setState({
-          showHorizontal: map.height < 450
-        })
+      this.resizeTimer = setTimeout(() => {
+        try {
+          this.setState({
+            showHorizontal: map.height < 450
+          })
+        } catch (error) {
+          console.warn(error.message)
+        }
       }, 1000)
     }
 
@@ -55,6 +59,11 @@ class FengmapFloorControl extends FengmapBaseControl {
     setTimeout(this.resizeHandler, 500)
   }
 
+  unload = (map, fengmapSDK, parent) => {
+    clearTimeout(this.resizeTimer)
+    window.removeEventListener('resize', this.resizeHandler)
+  }
+
   componentWillUnmount() {
     window.removeEventListener('resize', this.resizeHandler)
   }