@realsee/dnalogel 0.1.5 → 0.1.7-alpha.11

package/plugins/floorplan/ModelFloorplanPlugin/components/NowFloor/RoomMaterial.js

@@ -0,0 +1,174 @@
+"use strict";
+
+require("core-js/modules/es.array.iterator.js");
+
+require("core-js/modules/es.object.to-string.js");
+
+require("core-js/modules/es.string.iterator.js");
+
+require("core-js/modules/es.weak-map.js");
+
+require("core-js/modules/web.dom-collections.iterator.js");
+
+require("core-js/modules/es.object.define-property.js");
+
+require("core-js/modules/es.object.get-own-property-descriptor.js");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.RoomMaterialSwitch = RoomMaterialSwitch;
+exports["default"] = RoomMaterial;
+
+require("core-js/modules/es.array.map.js");
+
+require("core-js/modules/es.object.assign.js");
+
+require("core-js/modules/es.array.concat.js");
+
+var React = _interopRequireWildcard(require("react"));
+
+var _formatPosition = _interopRequireWildcard(require("../../../utils/formatPosition"));
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+/** 为不同的房间添加不同的样式 */
+function RoomMaterial(props) {
+  var bounding = props.floorplanData.bounding;
+  var rooms = props.floorplanData.floorDatas[props.floorIndex].rooms;
+  return /*#__PURE__*/React.createElement("div", {
+    className: "floorplan-plugin__room-material"
+  }, rooms // 户型图坐标转 Svg 坐标
+  .map(function (room) {
+    return Object.assign({}, room, {
+      path: room.path.map(function (p) {
+        return (0, _formatPosition["default"])(p, props.pxmm, bounding);
+      })
+    });
+  }).map(function (room) {
+    return /*#__PURE__*/React.createElement(RoomMaterialSvgWrapper, {
+      key: room.id
+    }, /*#__PURE__*/React.createElement(RoomMaterialSwitch, {
+      room: room
+    }));
+  }));
+}
+
+function RoomMaterialSwitch(props) {
+  var floorType = props.room.floorType;
+  if (floorType === 1) return /*#__PURE__*/React.createElement(RoomMaterial_0, {
+    path: props.room.path
+  });
+  if (floorType === 0) return /*#__PURE__*/React.createElement(RoomMaterial_2, {
+    path: props.room.path
+  });
+  return /*#__PURE__*/React.createElement(RoomMaterial_1, {
+    path: props.room.path
+  });
+}
+
+function RoomMaterialSvgWrapper(props) {
+  return /*#__PURE__*/React.createElement("svg", {
+    style: {
+      position: 'absolute',
+      width: '100%',
+      height: '100%',
+      overflow: 'visible'
+    }
+  }, props.children);
+}
+/** 纯色背景 */
+
+
+function RoomMaterial_0(props) {
+  var d = (0, _formatPosition.pathD)(props.path, {
+    needZ: true
+  });
+  return /*#__PURE__*/React.createElement("path", {
+    d: d,
+    fill: "#2F313A"
+  });
+}
+/** 瓷砖地板，偏蓝的格格 */
+
+
+function RoomMaterial_1(props) {
+  var d = (0, _formatPosition.pathD)(props.path, {
+    needZ: true
+  });
+  var halfWidth = 6;
+  var width = halfWidth * 2;
+  var patternPathD = "M0 ".concat(halfWidth, " h ").concat(width, " M").concat(halfWidth, " 0 v ").concat(width);
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("pattern", {
+    id: "fpm-room-pattern-0",
+    x: "0",
+    y: "0",
+    width: width,
+    height: width,
+    patternUnits: "userSpaceOnUse"
+  }, /*#__PURE__*/React.createElement("rect", {
+    x: "0",
+    y: "0",
+    width: width,
+    height: width,
+    fill: "#323747"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: patternPathD,
+    stroke: "#ffffff",
+    strokeOpacity: "0.06",
+    strokeWidth: "0.5",
+    fill: "none"
+  }))), /*#__PURE__*/React.createElement("path", {
+    d: d,
+    fill: "url(#fpm-room-pattern-0)"
+  }));
+}
+/** 木地板，偏灰的格格 */
+
+
+function RoomMaterial_2(props) {
+  var d = (0, _formatPosition.pathD)(props.path, {
+    needZ: true
+  });
+
+  var PatternRect = function PatternRect() {
+    return /*#__PURE__*/React.createElement("rect", {
+      x: "0.5",
+      y: "0.5",
+      width: "6",
+      height: "50",
+      fill: "none",
+      stroke: "#4B4B57",
+      strokeWidth: "0.5"
+    });
+  };
+
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("pattern", {
+    id: "room-material-pattern-1",
+    x: "0",
+    y: "0",
+    width: "13",
+    height: "51",
+    patternUnits: "userSpaceOnUse"
+  }, /*#__PURE__*/React.createElement(PatternRect, null)), /*#__PURE__*/React.createElement("pattern", {
+    id: "room-material-pattern-2",
+    x: "7",
+    y: "25",
+    width: "13",
+    height: "51",
+    patternUnits: "userSpaceOnUse"
+  }, /*#__PURE__*/React.createElement(PatternRect, null))), /*#__PURE__*/React.createElement("path", {
+    d: d,
+    fill: "#43434D"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: d,
+    fill: "url(#room-material-pattern-1)"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: d,
+    fill: "url(#room-material-pattern-2)"
+  }));
+}

package/plugins/floorplan/ModelFloorplanPlugin/components/NowFloor/RuleLabels.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { FloorplanData } from '../../../typings/floorplanData';
+/** 展示当前楼层的户型图对应上下左右的标尺 */
+export default function RuleLabels(props: {
+    floorIndex: number;
+    floorplanData: FloorplanData;
+    pxmm: number;
+}): JSX.Element | null;

package/plugins/floorplan/ModelFloorplanPlugin/components/NowFloor/RuleLabels.js

@@ -0,0 +1,182 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = RuleLabels;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+require("core-js/modules/es.array.map.js");
+
+require("core-js/modules/es.object.keys.js");
+
+require("core-js/modules/es.array.filter.js");
+
+require("core-js/modules/es.object.to-string.js");
+
+require("core-js/modules/es.array.sort.js");
+
+require("core-js/modules/es.array.flat.js");
+
+require("core-js/modules/es.array.unscopables.flat.js");
+
+require("core-js/modules/es.array.slice.js");
+
+require("core-js/modules/es.array.concat.js");
+
+require("core-js/modules/es.object.assign.js");
+
+var _react = _interopRequireDefault(require("react"));
+
+var _px2rem = _interopRequireDefault(require("../../../../../shared-utils/px2rem"));
+
+var _isNil = require("../../../../../shared-utils/isNil");
+
+var padding = 1000;
+
+/** 展示当前楼层的户型图对应上下左右的标尺 */
+function RuleLabels(props) {
+  var currentFloorDatas = props.floorplanData.floorDatas[props.floorIndex];
+  var bounding = props.floorplanData.bounding;
+  var ruleLabels = currentFloorDatas.rules;
+  if (!ruleLabels) return null;
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "floorplan-plugin__rulelabels"
+  }, Object.keys(ruleLabels).map(function (direction) {
+    return /*#__PURE__*/_react["default"].createElement(RulesItem, {
+      key: direction,
+      data: ruleLabels[direction],
+      type: direction,
+      bounding: bounding,
+      pxmm: props.pxmm
+    });
+  }));
+}
+
+function RulesItem(props) {
+  var _rulesStyle;
+
+  var pxmm = props.pxmm,
+      bounding = props.bounding,
+      type = props.type,
+      data = props.data;
+  var isTop = type === 'top';
+  var isBottom = type === 'bottom';
+  var isLeft = type === 'left';
+  var isRight = type === 'right';
+  var isRow = isTop || isBottom; // 计算每一段墙的长度，以及墙两侧点距离标尺初始点的像素值
+
+  var positionArray = data.map(function (_ref) {
+    var _ref2 = (0, _slicedToArray2["default"])(_ref, 2),
+        start = _ref2[0],
+        end = _ref2[1];
+
+    return isRow ? [start.x, end.x] : [start.y, end.y];
+  }).flat().sort().filter(function (x, index, arr) {
+    if (index === 0) return true;
+    return x !== arr[index - 1];
+  });
+  var minPosition = positionArray[0];
+  var maxPosition = positionArray.slice(-1)[0];
+  var length = maxPosition - minPosition;
+  var minBounding = isRow ? bounding.min.x : bounding.min.y;
+  var lengthPx = length * pxmm;
+  var positionPxArray = positionArray.map(function (x) {
+    return (x - minPosition) / length * lengthPx;
+  }); // 在主要方向上的偏移量，上下的标尺是距离图片左侧的长度，左右的标尺是距离图片底部的距离
+
+  var translateMain = (minPosition - minBounding) * pxmm; // 在次要方向的偏移量，希望达到的效果是标尺轴距离户型图边界 27px，但是图片自身是带有 1000mm 的边界，所以在计算时需要减去这个边界
+
+  var translateSecond = 27 - padding * pxmm;
+
+  var transform = function () {
+    if (isTop) return "translate(".concat(translateMain, "px, ").concat(-translateSecond, "px)");
+    if (isBottom) return "translate(".concat(translateMain, "px, ").concat(translateSecond, "px)");
+    if (isLeft) return "translate(".concat(-translateSecond, "px, ").concat(-translateMain, "px)");
+    if (isRight) return "translate(".concat(translateSecond, "px, ").concat(-translateMain - lengthPx, "px)");
+  }(); // 把点位的户型图坐标转成距离起始位置的像素值
+
+
+  var textArray = positionArray.map(function (position, index, array) {
+    if (index === 0) return;
+    var distance = position - array[index - 1];
+    var positionPx = (array[index - 1] + distance / 2 - minPosition) / length * lengthPx;
+    return {
+      distance: distance,
+      positionPx: positionPx
+    };
+  }).filter(_isNil.notNil).filter(function (item) {
+    return item.distance / length > 0.12;
+  });
+  var rulesStyle = (_rulesStyle = {
+    position: 'absolute',
+    transform: "".concat(transform, " ").concat(isRow ? '' : 'rotate(-90deg)'),
+    transformOrigin: "".concat(isRight ? 'right top' : '').concat(isLeft ? 'left bottom' : ''),
+    left: isRow ? 0 : undefined,
+    bottom: !isRow ? 0 : undefined
+  }, (0, _defineProperty2["default"])(_rulesStyle, type, 0), (0, _defineProperty2["default"])(_rulesStyle, "width", lengthPx + 'px'), (0, _defineProperty2["default"])(_rulesStyle, "height", (0, _px2rem["default"])(5)), (0, _defineProperty2["default"])(_rulesStyle, "display", 'flex'), (0, _defineProperty2["default"])(_rulesStyle, "alignItems", 'center'), _rulesStyle);
+  var ruleLineStyle = {
+    background: '#fff',
+    opacity: 0.05,
+    width: '100%',
+    height: (0, _px2rem["default"])(1)
+  };
+  var ruleScaleStyle = {
+    position: 'absolute',
+    background: '#fff',
+    opacity: 0.05,
+    transformOrigin: 'center',
+    width: (0, _px2rem["default"])(1),
+    height: (0, _px2rem["default"])(5)
+  };
+  var isRightOrBottom = isRight || isBottom;
+  var textWrapperStyle = {
+    width: 0,
+    height: 0,
+    position: 'absolute',
+    bottom: isRightOrBottom ? (0, _px2rem["default"])(10) : undefined,
+    top: isRightOrBottom ? undefined : (0, _px2rem["default"])(10)
+  };
+  var textStyle = {
+    position: 'absolute',
+    width: 'max-content',
+    display: 'block',
+    transform: "translate(-50%, -50%) ".concat(isRow ? '' : 'rotate(180deg)'),
+    fontSize: (0, _px2rem["default"])(10),
+    color: '#fff',
+    opacity: 0.2
+  };
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "rule-labels-".concat(type),
+    style: rulesStyle
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "rule-line",
+    style: ruleLineStyle
+  }), positionPxArray.map(function (position, index) {
+    return /*#__PURE__*/_react["default"].createElement("div", {
+      key: index,
+      className: "rule-scale",
+      style: Object.assign({
+        left: "".concat(position, "px")
+      }, ruleScaleStyle)
+    });
+  }), textArray.map(function (textItem, index) {
+    return /*#__PURE__*/_react["default"].createElement("div", {
+      key: index,
+      className: "text-wrapper",
+      style: Object.assign({
+        left: "".concat(textItem.positionPx, "px")
+      }, textWrapperStyle)
+    }, /*#__PURE__*/_react["default"].createElement("span", {
+      className: "text",
+      style: textStyle
+    }, textItem.distance));
+  }));
+}

package/plugins/floorplan/ModelFloorplanPlugin/components/NowFloor/index.d.ts

@@ -7,6 +7,8 @@ export default function NowFloor(props: {
     visible: boolean;
     floorIndex: number;
     hoverEnable?: boolean;
+    ruleLabelsEnable?: boolean;
+    roomLabelsEnable?: boolean;
     floorplanData: FloorplanData;
     getLabelElement?: (room: FloorplanRoomItem) => Element | null;
     onRoomHeightClick?: (e: React.MouseEvent<HTMLDivElement, MouseEvent>) => boolean | void;

package/plugins/floorplan/ModelFloorplanPlugin/components/NowFloor/index.js

@@ -33,6 +33,10 @@ var _RoomHighlight = _interopRequireDefault(require("./RoomHighlight"));
 
 var _FloorplanImage = _interopRequireDefault(require("../../../components/FloorplanImage"));
 
+var _RuleLabels = _interopRequireDefault(require("./RuleLabels"));
+
+var _RoomMaterial = _interopRequireDefault(require("./RoomMaterial"));
+
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -49,14 +53,22 @@ function NowFloor(props) {
   return /*#__PURE__*/React.createElement("div", {
     className: "now-floor",
     style: floorStyle
-  }, !!props.hoverEnable && props.visible && /*#__PURE__*/React.createElement(_RoomHighlight["default"], (0, _extends2["default"])({}, props, {
+  }, /*#__PURE__*/React.createElement(_RoomMaterial["default"], {
+    floorplanData: floorplanData,
+    floorIndex: floorIndex,
+    pxmm: props.pxmm
+  }), !!props.hoverEnable && props.visible && /*#__PURE__*/React.createElement(_RoomHighlight["default"], (0, _extends2["default"])({}, props, {
     onClick: props.onRoomHeightClick
   })), /*#__PURE__*/React.createElement(_FloorplanImage["default"], {
     floorplanData: floorplanData,
     floorIndex: floorIndex
-  }), /*#__PURE__*/React.createElement(_RoomLabels["default"], {
+  }), !!props.roomLabelsEnable && /*#__PURE__*/React.createElement(_RoomLabels["default"], {
     floorplanData: floorplanData,
     floorIndex: floorIndex,
     getLabelElement: getLabelElement
+  }), !!props.ruleLabelsEnable && /*#__PURE__*/React.createElement(_RuleLabels["default"], {
+    floorplanData: floorplanData,
+    floorIndex: floorIndex,
+    pxmm: props.pxmm
   }));
 }

package/plugins/floorplan/ModelFloorplanPlugin/components/index.d.ts

@@ -9,6 +9,9 @@ declare const _default: React.NamedExoticComponent<{
     panoIndex: number;
     floorIndex: number;
     hoverEnable?: boolean | undefined;
+    compassEnable?: boolean | undefined;
+    ruleLabelsEnable?: boolean | undefined;
+    roomLabelsEnable?: boolean | undefined;
     lastPanoramaLongitude: number;
     floorplanData?: FloorplanData | undefined;
     cameraImage?: {

package/plugins/floorplan/ModelFloorplanPlugin/components/index.js

@@ -76,7 +76,7 @@ var _default = /*#__PURE__*/React.memo(function Main(props) {
     floorplanData: props.floorplanData
   })), /*#__PURE__*/React.createElement(_Camera["default"], (0, _extends2["default"])({}, props, {
     floorplanData: props.floorplanData
-  })), /*#__PURE__*/React.createElement(_Compass["default"], {
+  })), !!props.compassEnable && /*#__PURE__*/React.createElement(_Compass["default"], {
     floorplanData: props.floorplanData
   }));
 }, function (prev, next) {

package/plugins/floorplan/ModelFloorplanPlugin/typings/utility.d.ts

@@ -0,0 +1,2 @@
+export declare type RecordKeys<T> = T extends Record<infer P, any> ? P : any;
+export declare type RecordValue<T> = T extends Record<any, infer P> ? P : any;

package/plugins/floorplan/ModelFloorplanPlugin/typings/utility.js

@@ -0,0 +1,7 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/plugins/floorplan/ModelFloorplanPlugin/utils/constant.d.ts

@@ -1,5 +1,5 @@
 export declare const enum FloorplanErrorType {
-    UnknowError = "UnknowError",
+    UnknownError = "UnknowError",
     DataNotLoaded = "DataNotLoaded",
     BreakOffByHide = "BreakOffByHide",
     ModelNotLoaded = "ModelNotLoaded",

package/plugins/floorplan/ModelFloorplanPlugin/utils/constant.js

@@ -12,7 +12,7 @@ var FloorplanErrorType;
 exports.FloorplanErrorType = FloorplanErrorType;
 
 (function (FloorplanErrorType) {
-  FloorplanErrorType["UnknowError"] = "UnknowError";
+  FloorplanErrorType["UnknownError"] = "UnknowError";
   FloorplanErrorType["DataNotLoaded"] = "DataNotLoaded";
   FloorplanErrorType["BreakOffByHide"] = "BreakOffByHide";
   FloorplanErrorType["ModelNotLoaded"] = "ModelNotLoaded";

package/plugins/floorplan/ModelFloorplanPlugin/utils/correctFiveState.js

@@ -138,7 +138,7 @@ function _correctFiveState() {
               break;
             }
 
-            throw new Error(_constant.FloorplanErrorType.UpdateCameraError);
+            throw new Error(_constant.FloorplanErrorType.UpdateCameraError + ' __ ' + updateCameraError.message);
 
           case 25:
             return _context.abrupt("return");

package/plugins/floorplan/PanoFloorplanRadarPlugin/Content/Camera.js

@@ -2,8 +2,6 @@
 
 require("core-js/modules/es.array.iterator.js");
 
-require("core-js/modules/es.object.to-string.js");
-
 require("core-js/modules/es.string.iterator.js");
 
 require("core-js/modules/es.weak-map.js");
@@ -29,6 +27,8 @@ require("core-js/modules/es.object.assign.js");
 
 require("core-js/modules/es.array.every.js");
 
+require("core-js/modules/es.object.to-string.js");
+
 require("core-js/modules/es.object.keys.js");
 
 var React = _interopRequireWildcard(require("react"));
@@ -47,6 +47,7 @@ var _default = /*#__PURE__*/React.memo(function Camera(props) {
   var getCameraPositionTransform = function getCameraPositionTransform(panoIndex) {
     var observers = props.floorplanData.observers;
     var observer = observers[panoIndex];
+    if (!observer) return '';
     var left = Math.floor(observer.positionInImage.x * props.width);
     var top = Math.floor(observer.positionInImage.y * props.height);
     return "translate(".concat(left, "px, ").concat(top, "px)");

package/plugins/floorplan/PanoFloorplanRadarPlugin/Content/Camera.style.js

@@ -26,10 +26,10 @@ var positionStyle = {
 exports.positionStyle = positionStyle;
 var rotateStyle = {
   position: 'absolute',
-  left: "".concat((0, _px2rem["default"])(-15)),
-  top: "".concat((0, _px2rem["default"])(-15)),
-  width: "".concat((0, _px2rem["default"])(17)),
-  height: "".concat((0, _px2rem["default"])(17)),
+  left: (0, _px2rem["default"])(-15),
+  top: (0, _px2rem["default"])(-15),
+  width: (0, _px2rem["default"])(17),
+  height: (0, _px2rem["default"])(17),
   backgroundSize: '100%',
   backgroundRepeat: 'no-repeat',
   transformOrigin: "".concat((0, _px2rem["default"])(15), " ").concat((0, _px2rem["default"])(15)),

package/plugins/floorplan/PanoFloorplanRadarPlugin/Content/NowFloor/ExtraObjects.js

@@ -56,8 +56,8 @@ function ExtraObjects(props) {
       }
     }, /*#__PURE__*/React.createElement("div", {
       style: {
-        width: "".concat((0, _px2rem["default"])(extraObject.icon.width)),
-        height: "".concat((0, _px2rem["default"])(extraObject.icon.height)),
+        width: (0, _px2rem["default"])(extraObject.icon.width),
+        height: (0, _px2rem["default"])(extraObject.icon.height),
         backgroundImage: "url(".concat(extraObject.icon.url, ")"),
         transform: 'translate(-50%, -50%)'
       }

package/plugins/floorplan/PanoFloorplanRadarPlugin/Content/NowFloor/RoomHighlight.js

@@ -2,8 +2,6 @@
 
 require("core-js/modules/es.array.iterator.js");
 
-require("core-js/modules/es.object.to-string.js");
-
 require("core-js/modules/es.string.iterator.js");
 
 require("core-js/modules/es.weak-map.js");
@@ -31,6 +29,8 @@ require("core-js/modules/es.array.sort.js");
 
 require("core-js/modules/es.array.filter.js");
 
+require("core-js/modules/es.object.to-string.js");
+
 require("core-js/modules/es.array.map.js");
 
 var React = _interopRequireWildcard(require("react"));

package/plugins/floorplan/PanoFloorplanRadarPlugin/Content/NowFloor/index.js

@@ -2,8 +2,6 @@
 
 require("core-js/modules/es.array.iterator.js");
 
-require("core-js/modules/es.object.to-string.js");
-
 require("core-js/modules/es.string.iterator.js");
 
 require("core-js/modules/es.weak-map.js");
@@ -27,6 +25,8 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 
 require("core-js/modules/es.array.filter.js");
 
+require("core-js/modules/es.object.to-string.js");
+
 var React = _interopRequireWildcard(require("react"));
 
 var _RoomHighlight = _interopRequireDefault(require("./RoomHighlight"));

package/plugins/floorplan/PanoFloorplanRadarPlugin/Content/index.js

@@ -2,8 +2,6 @@
 
 require("core-js/modules/es.array.iterator.js");
 
-require("core-js/modules/es.object.to-string.js");
-
 require("core-js/modules/es.string.iterator.js");
 
 require("core-js/modules/es.weak-map.js");
@@ -27,6 +25,8 @@ require("core-js/modules/es.object.assign.js");
 
 require("core-js/modules/es.array.every.js");
 
+require("core-js/modules/es.object.to-string.js");
+
 require("core-js/modules/es.object.keys.js");
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));

package/plugins/floorplan/PanoFloorplanRadarPlugin/Controller.d.ts

@@ -19,7 +19,7 @@ export default class PanoFloorplanRadarPluginController {
     private wrapper;
     private size;
     private extraObjects?;
-    private orginExtraObjects?;
+    private originExtraObjects?;
     private configs;
     constructor(five: Five, params?: PanoFloorplanRadarPluginControllerParameter);
     dispose: () => void;

package/plugins/floorplan/PanoFloorplanRadarPlugin/Controller.js

@@ -153,7 +153,7 @@ var PanoFloorplanRadarPluginController = /*#__PURE__*/function () {
   }, {
     key: "setExtraObjectsWith3DPositions",
     value: function setExtraObjectsWith3DPositions(data) {
-      this.orginExtraObjects = data;
+      this.originExtraObjects = data;
       if (!this.data) return;
       this.extraObjects = (0, _formatData.formatExtraObjects)(data, this.five, this.data);
       this.render();
@@ -188,8 +188,8 @@ var PanoFloorplanRadarPluginController = /*#__PURE__*/function () {
     value: function render() {
       if (!this.data || !this.pxmm || !this.wrapper) return;
 
-      if (!this.extraObjects && this.orginExtraObjects) {
-        this.extraObjects = (0, _formatData.formatExtraObjects)(this.orginExtraObjects, this.five, this.data);
+      if (!this.extraObjects && this.originExtraObjects) {
+        this.extraObjects = (0, _formatData.formatExtraObjects)(this.originExtraObjects, this.five, this.data);
       }
 
       var props = {

package/plugins/floorplan/TopviewFloorplanPlugin/Controller.d.ts

@@ -7,6 +7,9 @@ export interface TopviewFloorplanPluginParameterType {
     scale?: number;
     hoverEnable?: boolean;
     autoShowEnable?: boolean;
+    compassEnable?: boolean;
+    ruleLabelsEnable?: boolean;
+    roomLabelsEnable?: boolean;
     cameraImage?: {
         style: React.CSSProperties;
     };