@realsee/dnalogel 0.1.0

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

@@ -0,0 +1,58 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = Camera;
+
+var React = _interopRequireWildcard(require("react"));
+
+var _px2rem = _interopRequireDefault(require("../../../../shared-utils/px2rem"));
+
+var _rad2Deg = _interopRequireDefault(require("../../../../shared-utils/math/rad2Deg"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+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 Camera(props) {
+  var observers = props.floorplanData.observers;
+  var observer = observers[props.panoIndex];
+  var leftRatio = observer.positionInImage.x;
+  var topRatio = observer.positionInImage.y;
+  var positionStyl = {
+    width: 0,
+    height: 0,
+    position: 'absolute',
+    left: leftRatio * 100 + '%',
+    top: topRatio * 100 + '%'
+  };
+  var lng = props.lastPanoramaLongitude;
+  var rotate = -(0, _rad2Deg["default"])(lng) + 45;
+  var bodyWidth = document.body.clientWidth;
+  var size = bodyWidth < 500 ? 24 : 37;
+  var rotateBaseStyle = {
+    position: 'absolute',
+    left: "".concat((0, _px2rem["default"])(-15)),
+    top: "".concat((0, _px2rem["default"])(-15)),
+    width: "".concat((0, _px2rem["default"])(size)),
+    height: "".concat((0, _px2rem["default"])(size)),
+    transformOrigin: "".concat((0, _px2rem["default"])(15), " ").concat((0, _px2rem["default"])(15)),
+    transform: "rotate(".concat(rotate, "deg)"),
+    backgroundImage: "url('//vrlab-image4.ljcdn.com/release/web/default-sidemap-camera.c9772225.png')",
+    backgroundRepeat: "no-repeat",
+    backgroundSize: "100%"
+  };
+  var rotateStyle = props.cameraImage ? Object.assign(rotateBaseStyle, props.cameraImage.style) : rotateBaseStyle;
+  return /*#__PURE__*/React.createElement("div", {
+    className: "floor-plan__camera-position",
+    style: positionStyl
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "floor-plan__camera-rotate",
+    style: rotateStyle
+  }));
+}

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

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { FloorplanData } from '../../typings/floorplanData';
+export default function Compass(props: {
+    floorplanData: FloorplanData;
+}): JSX.Element | null;

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

@@ -0,0 +1,69 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = Compass;
+
+var React = _interopRequireWildcard(require("react"));
+
+var _px2rem = _interopRequireDefault(require("../../../../shared-utils/px2rem"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+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 Compass(props) {
+  var _props$floorplanData$;
+
+  var northRad = (_props$floorplanData$ = props.floorplanData.entrance) === null || _props$floorplanData$ === void 0 ? void 0 : _props$floorplanData$.northRad;
+  if (!northRad) return null;
+  var rotate = rad2Deg(northRad);
+  var compassStyle = {
+    width: "".concat((0, _px2rem["default"])(231)),
+    height: "".concat((0, _px2rem["default"])(41)),
+    position: 'absolute',
+    left: '50%',
+    top: "".concat((0, _px2rem["default"])(-46)),
+    transformOrigin: "center ".concat((0, _px2rem["default"])(184)),
+    transform: "translateX(-50%) rotate(".concat(-rotate + 90, "deg)")
+  };
+  var imageStyle = {
+    width: '100%',
+    height: '100%',
+    position: 'absolute',
+    left: '0',
+    top: '0',
+    opacity: '.1',
+    background: "url('//vrlab-static.ljcdn.com/release/web/v3/floor-plan-map-compass.b8100c2d.png') no-repeat",
+    backgroundSize: '100% 100%'
+  };
+  var textStyle = {
+    position: 'absolute',
+    left: '50%',
+    top: "".concat((0, _px2rem["default"])(15)),
+    transform: 'translateX(-50%)',
+    opacity: '.2',
+    fontWeight: 'bold',
+    fontSize: "".concat((0, _px2rem["default"])(10)),
+    color: '#fff'
+  };
+  return /*#__PURE__*/React.createElement("div", {
+    className: "floorplan-plugin__compass",
+    style: compassStyle
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "floorplan-plugin__compass-image",
+    style: imageStyle
+  }), /*#__PURE__*/React.createElement("span", {
+    className: "floorplan-plugin__compass-text",
+    style: textStyle
+  }, "\u5317"));
+}
+
+function rad2Deg(rad) {
+  return rad / Math.PI * 180;
+}

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

@@ -0,0 +1,10 @@
+import * as React from 'react';
+import { Five } from '@realsee/five';
+import { FloorplanData } from '../../../typings/floorplanData';
+export default function RoomHighlight(props: {
+    five: Five;
+    pxmm: number;
+    floorIndex: number;
+    floorplanData: FloorplanData;
+    onClick?: (e: React.MouseEvent<HTMLDivElement, MouseEvent>) => boolean | void;
+}): JSX.Element;

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

@@ -0,0 +1,105 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = RoomHighlight;
+
+var React = _interopRequireWildcard(require("react"));
+
+var _three = require("three");
+
+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 _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+function RoomHighlight(props) {
+  if (!props.five.work || !props.five.model) return /*#__PURE__*/React.createElement(React.Fragment, null);
+  var nowFloorData = props.floorplanData.floorDatas[props.floorIndex];
+  var floorplan_observers = props.floorplanData.observers;
+  var contentDomRef = React.useRef(null);
+
+  var handleClick = function handleClick(e) {
+    var _props$onClick;
+
+    if (!contentDomRef.current) return;
+    if (((_props$onClick = props.onClick) === null || _props$onClick === void 0 ? void 0 : _props$onClick.call(props, e)) === false) return;
+    var boundingClient = contentDomRef.current.getBoundingClientRect(); // 注意 React 对事件做了代理，clientX 和 clientY 不再相对于原 DOM，而是 document
+
+    var mouseVector = new _three.Vector2(e.clientX, e.clientY);
+    var contentOffset = new _three.Vector2(boundingClient.left, boundingClient.top); // 相当于原生 mouseEvent 的 clientX clientY
+
+    var mouseOriginVector = mouseVector.clone().sub(contentOffset);
+    var mouseOffsetVector = new _three.Vector2(mouseOriginVector.x / contentDomRef.current.clientWidth, mouseOriginVector.y / contentDomRef.current.clientHeight);
+    var closestPoint = floorplan_observers.filter(function (observer) {
+      return observer.floorIndex === props.floorIndex;
+    }).sort(function (ob1, ob2) {
+      var position1 = new _three.Vector2(ob1.positionInImage.x, ob1.positionInImage.y);
+      var position2 = new _three.Vector2(ob2.positionInImage.x, ob2.positionInImage.y);
+      return position1.distanceTo(mouseOffsetVector) - position2.distanceTo(mouseOffsetVector);
+    })[0];
+    props.five.moveToPano(closestPoint.index);
+  };
+
+  var highlightStyle = {
+    position: 'absolute',
+    width: '100%',
+    height: '100%',
+    pointerEvents: 'all'
+  };
+  var svgStyle = {
+    width: '100%',
+    height: '100%',
+    overflow: 'visible'
+  };
+  return /*#__PURE__*/React.createElement("div", {
+    ref: contentDomRef,
+    className: "floorplan-plugin__room-highlight",
+    style: highlightStyle,
+    onClick: handleClick
+  }, /*#__PURE__*/React.createElement("svg", {
+    style: svgStyle
+  }, nowFloorData.rooms.map(function (room) {
+    return /*#__PURE__*/React.createElement(Room, _extends({
+      key: room.id
+    }, props, {
+      data: room
+    }));
+  })));
+}
+
+function Room(props) {
+  var bounding = props.floorplanData.bounding;
+
+  var _pathD = (0, _formatPosition.pathD)(props.data.path, {
+    needZ: true,
+    format: function format(vector) {
+      return (0, _formatPosition["default"])(vector, props.pxmm, bounding);
+    }
+  });
+
+  var pathElement = React.useRef(null);
+
+  var handleMouseOver = function handleMouseOver() {
+    pathElement.current && (pathElement.current.style.opacity = '0.1');
+  };
+
+  var handleMouseOut = function handleMouseOut() {
+    pathElement.current && (pathElement.current.style.opacity = '0');
+  };
+
+  return /*#__PURE__*/React.createElement("path", {
+    ref: pathElement,
+    d: _pathD,
+    fill: "#fff",
+    opacity: 0,
+    onMouseOver: handleMouseOver,
+    onMouseOut: handleMouseOut
+  });
+}

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

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { FloorplanData, FloorplanRoomItem } from '../../../typings/floorplanData';
+/** 展示户型图上对应的房间名称和房间面积 */
+export default function RoomLabels(props: {
+    floorIndex: number;
+    floorplanData: FloorplanData;
+    getLabelElement?: (room: FloorplanRoomItem) => Element | null;
+}): JSX.Element | null;
+export declare function RoomLabel(props: {
+    room: FloorplanRoomItem;
+    floorplanData: FloorplanData;
+    getLabelElement?: (room: FloorplanRoomItem) => Element | null;
+}): JSX.Element;

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

@@ -0,0 +1,95 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.RoomLabel = RoomLabel;
+exports["default"] = RoomLabels;
+
+var React = _interopRequireWildcard(require("react"));
+
+var _px2rem = _interopRequireDefault(require("../../../../../shared-utils/px2rem"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+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 RoomLabels(props) {
+  var floorplanData = props.floorplanData,
+      floorIndex = props.floorIndex;
+  var rooms = floorplanData.floorDatas[floorIndex].rooms;
+  if (!rooms) return null;
+  var roomLabelsStyle = {
+    width: '100%',
+    height: '100%',
+    position: 'absolute',
+    left: '0',
+    top: '0',
+    zIndex: 20
+  };
+  return /*#__PURE__*/React.createElement("div", {
+    className: "floorplan-plugin__room-labels",
+    style: roomLabelsStyle
+  }, rooms.map(function (room) {
+    return /*#__PURE__*/React.createElement(RoomLabel, {
+      key: room.id,
+      room: room,
+      floorplanData: props.floorplanData,
+      getLabelElement: props.getLabelElement
+    });
+  }));
+}
+
+function RoomLabel(props) {
+  var _props$getLabelElemen, _props$room$size;
+
+  var label = props.room.roomLabel;
+  var left = label.positionInImage.x * 100 + '%';
+  var top = label.positionInImage.y * 100 + '%';
+  var userConfigElement = (_props$getLabelElemen = props.getLabelElement) === null || _props$getLabelElemen === void 0 ? void 0 : _props$getLabelElemen.call(props, props.room);
+  var areaNum = (((_props$room$size = props.room.size) !== null && _props$room$size !== void 0 ? _props$room$size : 0) / 1000000).toFixed(1);
+  var itemStyle = {
+    left: left,
+    top: top,
+    position: 'absolute',
+    display: 'flex',
+    flexFlow: 'column',
+    alignItems: 'center',
+    fontSize: "".concat((0, _px2rem["default"])(10)),
+    color: '#fff',
+    transform: 'translate(-50%, -50%)',
+    whiteSpace: 'nowrap'
+  };
+  var bodyWidth = document.body.clientWidth;
+  var fontSize = bodyWidth < 500 ? 10 : 14;
+  var roomNameStyle = {
+    fontSize: "".concat((0, _px2rem["default"])(fontSize))
+  };
+  var roomSizeStyle = {
+    fontSize: "".concat((0, _px2rem["default"])(fontSize)),
+    opacity: '0.45'
+  };
+  if (userConfigElement === null) return /*#__PURE__*/React.createElement(React.Fragment, null);
+  if (!!userConfigElement) return /*#__PURE__*/React.createElement("div", {
+    className: "floorplan-plugin__room-label-item",
+    style: itemStyle,
+    dangerouslySetInnerHTML: {
+      __html: userConfigElement.outerHTML
+    }
+  });
+  return /*#__PURE__*/React.createElement("div", {
+    className: "floorplan-plugin__room-label-item",
+    style: itemStyle
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "floorplan-plugin__room-name",
+    style: roomNameStyle
+  }, props.room.name), areaNum && /*#__PURE__*/React.createElement("span", {
+    className: "floorplan-plugin__room-size",
+    style: roomSizeStyle
+  }, "".concat(areaNum, "\u33A1")));
+}

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

@@ -0,0 +1,13 @@
+import * as React from 'react';
+import { Five } from '@realsee/five';
+import { FloorplanData, FloorplanRoomItem } from '../../../typings/floorplanData';
+export default function NowFloor(props: {
+    five: Five;
+    pxmm: number;
+    visible: boolean;
+    floorIndex: number;
+    hoverEnable?: boolean;
+    floorplanData: FloorplanData;
+    getLabelElement?: (room: FloorplanRoomItem) => Element | null;
+    onRoomHeightClick?: (e: React.MouseEvent<HTMLDivElement, MouseEvent>) => boolean | void;
+}): JSX.Element;

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

@@ -0,0 +1,48 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = NowFloor;
+
+var React = _interopRequireWildcard(require("react"));
+
+var _RoomLabels = _interopRequireDefault(require("./RoomLabels"));
+
+var _RoomHighlight = _interopRequireDefault(require("./RoomHighlight"));
+
+var _FloorplanImage = _interopRequireDefault(require("../../../components/FloorplanImage"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+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 _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+function NowFloor(props) {
+  var floorplanData = props.floorplanData,
+      floorIndex = props.floorIndex,
+      getLabelElement = props.getLabelElement;
+  var floorStyle = {
+    position: "relative",
+    width: "100%",
+    height: "100%"
+  };
+  return /*#__PURE__*/React.createElement("div", {
+    className: "now-floor",
+    style: floorStyle
+  }, !!props.hoverEnable && props.visible && /*#__PURE__*/React.createElement(_RoomHighlight["default"], _extends({}, props, {
+    onClick: props.onRoomHeightClick
+  })), /*#__PURE__*/React.createElement(_FloorplanImage["default"], {
+    floorplanData: floorplanData,
+    floorIndex: floorIndex
+  }), /*#__PURE__*/React.createElement(_RoomLabels["default"], {
+    floorplanData: floorplanData,
+    floorIndex: floorIndex,
+    getLabelElement: getLabelElement
+  }));
+}

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

@@ -0,0 +1,20 @@
+import * as React from 'react';
+import { Five } from '@realsee/five';
+import { FloorplanData, FloorplanRoomItem } from '../../typings/floorplanData';
+declare const _default: React.NamedExoticComponent<{
+    five: Five;
+    pxmm: number;
+    visible: boolean;
+    duration: number;
+    panoIndex: number;
+    floorIndex: number;
+    hoverEnable?: boolean | undefined;
+    lastPanoramaLongitude: number;
+    floorplanData?: FloorplanData | undefined;
+    cameraImage?: {
+        style: React.CSSProperties;
+    } | undefined;
+    getLabelElement?: ((room: FloorplanRoomItem) => Element | null) | undefined;
+    onRoomHeightClick?: ((e: React.MouseEvent<HTMLDivElement, MouseEvent>) => boolean | void) | undefined;
+}>;
+export default _default;

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

@@ -0,0 +1,66 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var React = _interopRequireWildcard(require("react"));
+
+var _Camera = _interopRequireDefault(require("./Camera"));
+
+var _Compass = _interopRequireDefault(require("./Compass"));
+
+var _NowFloor = _interopRequireDefault(require("./NowFloor"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+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 _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+var _default = /*#__PURE__*/React.memo(function Main(props) {
+  if (!props.floorplanData) return null;
+  var mainRef = React.useRef(null);
+  var mainStyle = {
+    opacity: 0,
+    width: "100%",
+    height: "100%"
+  };
+  React.useEffect(function handleOpacity() {
+    if (!mainRef.current) return;
+    var oldOpacity = mainRef.current.style.opacity;
+    var opacity = props.visible ? 1 : 0;
+    if (opacity.toString() === oldOpacity) return;
+
+    if (props.duration === 0) {
+      mainRef.current.style.transition = 'null';
+      mainRef.current.style.opacity = opacity.toString();
+      return;
+    }
+
+    mainRef.current.style.transition = "opacity linear ".concat(props.duration, "ms");
+    mainRef.current.style.opacity = opacity.toString();
+  });
+  return /*#__PURE__*/React.createElement("div", {
+    className: "floorplan-main",
+    ref: mainRef,
+    style: mainStyle
+  }, /*#__PURE__*/React.createElement(_NowFloor["default"], _extends({}, props, {
+    floorplanData: props.floorplanData
+  })), /*#__PURE__*/React.createElement(_Camera["default"], _extends({}, props, {
+    floorplanData: props.floorplanData
+  })), /*#__PURE__*/React.createElement(_Compass["default"], {
+    floorplanData: props.floorplanData
+  }));
+}, function (prev, next) {
+  return Object.keys(prev).every(function (key) {
+    return next[key] === prev[key];
+  });
+});
+
+exports["default"] = _default;

package/plugins/floorplan/ModelFloorplanPlugin/controller.style.d.ts

@@ -0,0 +1 @@
+export declare const pluginStyle: Partial<CSSStyleDeclaration>;

package/plugins/floorplan/ModelFloorplanPlugin/controller.style.js

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.pluginStyle = void 0;
+var pluginStyle = {
+  position: 'absolute',
+  left: '50%',
+  top: '50%',
+  transform: 'translate(-50%, -50%)',
+  pointerEvents: 'none'
+};
+exports.pluginStyle = pluginStyle;

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

@@ -0,0 +1,9 @@
+import { FivePlugin } from '@realsee/five';
+import FloorplanPluginController, { ModelFloorplanParameterType } from './Controller';
+export declare const ModelFloorplanPlugin: FivePlugin<ModelFloorplanParameterType, ModelFloorplanPluginReturnType>;
+export default ModelFloorplanPlugin;
+export declare type ModelFloorplanPluginReturnType = FloorplanPluginController;
+export type { ModelFloorplanViewEvent } from './typings/events.type';
+export type { FloorplanErrorType as ModelFloorplanErrorType } from './utils/constant';
+export type { ModelFloorplanPluginsConfigs, ModelFloorplanParameterType } from './Controller';
+export type { FloorplanEventHandlers as ModelFloorplanEventHandlers } from './typings/events.type';

package/plugins/floorplan/ModelFloorplanPlugin/index.js

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.ModelFloorplanPlugin = void 0;
+
+var _Controller = _interopRequireDefault(require("./Controller"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var ModelFloorplanPlugin = function ModelFloorplanPlugin(five, params) {
+  return new _Controller["default"](five, params);
+};
+
+exports.ModelFloorplanPlugin = ModelFloorplanPlugin;
+var _default = ModelFloorplanPlugin;
+exports["default"] = _default;

package/plugins/floorplan/ModelFloorplanPlugin/typings/events.type.d.ts

@@ -0,0 +1,23 @@
+export interface ModelFloorplanViewEvent {
+    /** 是否是用户滑动模型导致的户型图自动展示/消失 */
+    auto: boolean;
+    /** 是否是用户操作 */
+    userAction: boolean;
+}
+export declare type FloorplanEventHandlers = {
+    /**
+     * 展示结束的回调
+     * * @param event.auto 是否是自动展示
+     */
+    showAnimationEnded: (event: ModelFloorplanViewEvent) => void;
+    /**
+     * 隐藏的回调
+     * @param event.auto 是否是自动隐藏
+     */
+    hide: (event: ModelFloorplanViewEvent) => void;
+    /**
+     * 点击户型图的回调
+     * @return 当返回 false 时，会阻止默认行为
+     */
+    click: () => boolean | void;
+};

package/plugins/floorplan/ModelFloorplanPlugin/typings/events.type.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

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

@@ -0,0 +1,15 @@
+export declare const enum FloorplanErrorType {
+    UnknowError = "UnknowError",
+    DataNotLoaded = "DataNotLoaded",
+    BreakOffByHide = "BreakOffByHide",
+    ModelNotLoaded = "ModelNotLoaded",
+    ChangeModeError = "ChangeModeError",
+    UpdateCameraError = "UpdateCameraError",
+    DifferentShowParams = "DifferentShowParams"
+}
+/** 户型图展示 & 模型消失的默认时间 */
+export declare const SHOW_ANIME_DURATION = 500;
+/** Five camera 默认 fov */
+export declare const FIVE_CAMERA_DEFAULT_FOV = 80;
+/** 展示户型图时，默认模型的透明度 */
+export declare const DEFAULT_SHOW_MODEL_OPACITY = 0.01;

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

@@ -0,0 +1,31 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SHOW_ANIME_DURATION = exports.FloorplanErrorType = exports.FIVE_CAMERA_DEFAULT_FOV = exports.DEFAULT_SHOW_MODEL_OPACITY = void 0;
+var FloorplanErrorType;
+/** 户型图展示 & 模型消失的默认时间 */
+
+exports.FloorplanErrorType = FloorplanErrorType;
+
+(function (FloorplanErrorType) {
+  FloorplanErrorType["UnknowError"] = "UnknowError";
+  FloorplanErrorType["DataNotLoaded"] = "DataNotLoaded";
+  FloorplanErrorType["BreakOffByHide"] = "BreakOffByHide";
+  FloorplanErrorType["ModelNotLoaded"] = "ModelNotLoaded";
+  FloorplanErrorType["ChangeModeError"] = "ChangeModeError";
+  FloorplanErrorType["UpdateCameraError"] = "UpdateCameraError";
+  FloorplanErrorType["DifferentShowParams"] = "DifferentShowParams";
+})(FloorplanErrorType || (exports.FloorplanErrorType = FloorplanErrorType = {}));
+
+var SHOW_ANIME_DURATION = 500;
+/** Five camera 默认 fov */
+
+exports.SHOW_ANIME_DURATION = SHOW_ANIME_DURATION;
+var FIVE_CAMERA_DEFAULT_FOV = 80;
+/** 展示户型图时，默认模型的透明度 */
+
+exports.FIVE_CAMERA_DEFAULT_FOV = FIVE_CAMERA_DEFAULT_FOV;
+var DEFAULT_SHOW_MODEL_OPACITY = 0.01;
+exports.DEFAULT_SHOW_MODEL_OPACITY = DEFAULT_SHOW_MODEL_OPACITY;