feat: make focusFloor writable

example/src/pages/api/fengmap-floorcontrol/index.js

@@ -84,7 +84,9 @@ class FengmapFloorControlDoc extends Component {
                 position: fengmapSDK.controlPositon.RIGHT_BOTTOM,
                 showBtnCount: 7
               }}
-              onFloorChange={this.changeFloor}
+              onFloorChange={floor => {
+                console.log(`Changed floor to: `, floor)
+              }}
             />
           </FengmapBase>
 

package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-fengmap",
-  "version": "2.2.1",
+  "version": "2.2.2",
   "description": "",
   "author": "leftstick",
   "typings": "typings/index.d.ts",

src/FengmapBase.js

@@ -3,7 +3,7 @@ import PropTypes from 'prop-types'
 import { isChildrenValid } from './helpers/validator'
 import { isArray } from './helpers/object'
 import { isOrderIE } from './helpers/browser'
-import { setFloorsByGroupId, setFloorsToMapInstance } from './helpers/map'
+import { initFloorsToMapInstance } from './helpers/map'
 
 const EVENTS = [
   'focusGroupIDChanged',
@@ -83,11 +83,7 @@ class FengmapBase extends Component {
           this.loadingTxt.current.style['zIndex'] = -10
           this._configGestureEnableController()
           this._initAllChildren(this.mapInstance)
-          setFloorsByGroupId(this.mapInstance)
-          setFloorsToMapInstance(this.mapInstance)
-        }
-        if (e === 'focusGroupIDChanged') {
-          setFloorsByGroupId(this.mapInstance)
+          initFloorsToMapInstance(this.mapInstance)
         }
         if (events && events[e]) {
           events[e](event, this.mapInstance)

src/controls/FengmapFloorControl.js

@@ -1,8 +1,6 @@
 import FengmapBaseControl from '../bases/FengmapBaseControl'
 import PropTypes from 'prop-types'
 
-import { getFloors } from '../helpers/map'
-
 class FengmapFloorControl extends FengmapBaseControl {
   static propTypes = {
     ctrlOptions: PropTypes.shape({
@@ -29,11 +27,8 @@ class FengmapFloorControl extends FengmapBaseControl {
       if (!onFloorChange) {
         return
       }
-
-      const availableFloors = getFloors(map)
-
       onFloorChange({
-        floorLevel: availableFloors ? availableFloors[map.focusGroupID - 1] : undefined,
+        floorLevel: map.focusFloor,
         groupId: map.focusGroupID
       })
     })

src/helpers/map.js

@@ -7,11 +7,35 @@ export function getFloors(map) {
   })
 }
 
-export function setFloorsToMapInstance(map) {
-  if (!map.listGroups || !map.listGroups.length) {
+export function initFloorsToMapInstance(map) {
+  if (!map) {
     return
   }
-  map.listFloors = getFloors(map)
+
+  Object.defineProperty(map, 'focusFloor', {
+    get: function() {
+      return getFloors(map)[map.groupIDs.indexOf(map.focusGroupID)]
+    },
+    set: function(floor) {
+      const floors = getFloors(map)
+      const focusGroupID = map.groupIDs[floors.indexOf(floor)]
+      map.visibleGroupIDs = [focusGroupID]
+      map.focusGroupID = focusGroupID
+    },
+    enumerable: true,
+    configurable: true
+  })
+
+  Object.defineProperty(map, 'listFloors', {
+    get: function() {
+      return getFloors(map)
+    },
+    set: function(floor) {
+      throw new Error('listFloors is not writable')
+    },
+    enumerable: true,
+    configurable: true
+  })
 }
 
 export function setFloorsByGroupId(map) {