@realsee/dnalogel 0.1.0

package/data/wz0QV9KA4ugyo9ME.js

@@ -0,0 +1,134 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var workJson = {
+  screenshot: !1,
+  canFloorpan: !0,
+  size: 1024,
+  model: {
+    file_url: 'https://vrlab-image4.ljcdn.com/vrframework/release/ue4_decoration_plan/wz0QV9KA4ugyo9ME/vrproc-ue4/render/model.domez'
+  },
+  panoIndex: 3,
+  longitude: 6.138322219083363,
+  latitude: 0,
+  fov: 60,
+  observers: [{
+    index: 0,
+    floor_index: 0,
+    position: [-5.2, 1.21, -2.633334],
+    standing_position: [-5.2, 0.01, -2.633334],
+    quaternion: {
+      w: 0.7071067811865475,
+      x: 0,
+      y: 0.7071067811865475,
+      z: 0
+    },
+    visible_nodes: [1, 2, 3, 4],
+    accessible_nodes: [1, 2, 3, 4]
+  }, {
+    index: 1,
+    floor_index: 0,
+    position: [-5.366667, 1.21, -0.833334],
+    standing_position: [-5.366667, 0.01, -0.833334],
+    quaternion: {
+      w: 0.7071067811865475,
+      x: 0,
+      y: 0.7071067811865475,
+      z: 0
+    },
+    visible_nodes: [0, 2, 3, 4],
+    accessible_nodes: [0, 2, 3, 4]
+  }, {
+    index: 2,
+    floor_index: 0,
+    position: [-3.883334, 1.21, 0.916666],
+    standing_position: [-3.883334, 0.01, 0.916666],
+    quaternion: {
+      w: 0.7071067811865475,
+      x: 0,
+      y: 0.7071067811865475,
+      z: 0
+    },
+    visible_nodes: [0, 1, 3, 4],
+    accessible_nodes: [0, 1, 3, 4]
+  }, {
+    index: 3,
+    floor_index: 0,
+    position: [-5.383334, 1.21, 0.75],
+    standing_position: [-5.383334, 0.01, 0.75],
+    quaternion: {
+      w: 0.7071067811865475,
+      x: 0,
+      y: 0.7071067811865475,
+      z: 0
+    },
+    visible_nodes: [0, 1, 2, 4],
+    accessible_nodes: [0, 1, 2, 4]
+  }, {
+    index: 4,
+    floor_index: 0,
+    position: [-2.916667, 1.21, -1.816667],
+    standing_position: [-2.916667, 0.01, -1.816667],
+    quaternion: {
+      w: 0.7071067811865475,
+      x: 0,
+      y: 0.7071067811865475,
+      z: 0
+    },
+    visible_nodes: [0, 1, 2, 3],
+    accessible_nodes: [0, 1, 2, 3]
+  }],
+  panorama: {
+    list: [{
+      floor_index: 1,
+      index: 0,
+      right: 'https://vrlab-public.ljcdn.com/release/ue4/d10a81b593102dafc66c73e74b702f2d/ue4_result/0/0_r.jpg',
+      left: 'https://vrlab-public.ljcdn.com/release/ue4/d10a81b593102dafc66c73e74b702f2d/ue4_result/0/0_l.jpg',
+      up: 'https://vrlab-public.ljcdn.com/release/ue4/d10a81b593102dafc66c73e74b702f2d/ue4_result/0/0_u.jpg',
+      down: 'https://vrlab-public.ljcdn.com/release/ue4/d10a81b593102dafc66c73e74b702f2d/ue4_result/0/0_d.jpg',
+      front: 'https://vrlab-public.ljcdn.com/release/ue4/d10a81b593102dafc66c73e74b702f2d/ue4_result/0/0_f.jpg',
+      back: 'https://vrlab-public.ljcdn.com/release/ue4/d10a81b593102dafc66c73e74b702f2d/ue4_result/0/0_b.jpg'
+    }, {
+      floor_index: 1,
+      index: 1,
+      right: 'https://vrlab-public.ljcdn.com/release/ue4/d10a81b593102dafc66c73e74b702f2d/ue4_result/1/1_r.jpg',
+      left: 'https://vrlab-public.ljcdn.com/release/ue4/d10a81b593102dafc66c73e74b702f2d/ue4_result/1/1_l.jpg',
+      up: 'https://vrlab-public.ljcdn.com/release/ue4/d10a81b593102dafc66c73e74b702f2d/ue4_result/1/1_u.jpg',
+      down: 'https://vrlab-public.ljcdn.com/release/ue4/d10a81b593102dafc66c73e74b702f2d/ue4_result/1/1_d.jpg',
+      front: 'https://vrlab-public.ljcdn.com/release/ue4/d10a81b593102dafc66c73e74b702f2d/ue4_result/1/1_f.jpg',
+      back: 'https://vrlab-public.ljcdn.com/release/ue4/d10a81b593102dafc66c73e74b702f2d/ue4_result/1/1_b.jpg'
+    }, {
+      floor_index: 1,
+      index: 2,
+      right: 'https://vrlab-public.ljcdn.com/release/ue4/d10a81b593102dafc66c73e74b702f2d/ue4_result/2/2_r.jpg',
+      left: 'https://vrlab-public.ljcdn.com/release/ue4/d10a81b593102dafc66c73e74b702f2d/ue4_result/2/2_l.jpg',
+      up: 'https://vrlab-public.ljcdn.com/release/ue4/d10a81b593102dafc66c73e74b702f2d/ue4_result/2/2_u.jpg',
+      down: 'https://vrlab-public.ljcdn.com/release/ue4/d10a81b593102dafc66c73e74b702f2d/ue4_result/2/2_d.jpg',
+      front: 'https://vrlab-public.ljcdn.com/release/ue4/d10a81b593102dafc66c73e74b702f2d/ue4_result/2/2_f.jpg',
+      back: 'https://vrlab-public.ljcdn.com/release/ue4/d10a81b593102dafc66c73e74b702f2d/ue4_result/2/2_b.jpg'
+    }, {
+      floor_index: 1,
+      index: 3,
+      right: 'https://vrlab-public.ljcdn.com/release/ue4/d10a81b593102dafc66c73e74b702f2d/ue4_result/3/3_r.jpg',
+      left: 'https://vrlab-public.ljcdn.com/release/ue4/d10a81b593102dafc66c73e74b702f2d/ue4_result/3/3_l.jpg',
+      up: 'https://vrlab-public.ljcdn.com/release/ue4/d10a81b593102dafc66c73e74b702f2d/ue4_result/3/3_u.jpg',
+      down: 'https://vrlab-public.ljcdn.com/release/ue4/d10a81b593102dafc66c73e74b702f2d/ue4_result/3/3_d.jpg',
+      front: 'https://vrlab-public.ljcdn.com/release/ue4/d10a81b593102dafc66c73e74b702f2d/ue4_result/3/3_f.jpg',
+      back: 'https://vrlab-public.ljcdn.com/release/ue4/d10a81b593102dafc66c73e74b702f2d/ue4_result/3/3_b.jpg'
+    }, {
+      floor_index: 1,
+      index: 4,
+      right: 'https://vrlab-public.ljcdn.com/release/ue4/d10a81b593102dafc66c73e74b702f2d/ue4_result/4/4_r.jpg',
+      left: 'https://vrlab-public.ljcdn.com/release/ue4/d10a81b593102dafc66c73e74b702f2d/ue4_result/4/4_l.jpg',
+      up: 'https://vrlab-public.ljcdn.com/release/ue4/d10a81b593102dafc66c73e74b702f2d/ue4_result/4/4_u.jpg',
+      down: 'https://vrlab-public.ljcdn.com/release/ue4/d10a81b593102dafc66c73e74b702f2d/ue4_result/4/4_d.jpg',
+      front: 'https://vrlab-public.ljcdn.com/release/ue4/d10a81b593102dafc66c73e74b702f2d/ue4_result/4/4_f.jpg',
+      back: 'https://vrlab-public.ljcdn.com/release/ue4/d10a81b593102dafc66c73e74b702f2d/ue4_result/4/4_b.jpg'
+    }]
+  }
+};
+var _default = workJson;
+exports["default"] = _default;

package/examples/FiveStateController/index.js

@@ -0,0 +1,140 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _style = _interopRequireDefault(require("styled-jsx/style"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _react2 = require("@realsee/five/react");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+var styles = [".controller.jsx-2630336174{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;padding:2px;line-height:1.5;}", ".panel.jsx-2630336174{margin:5px 0 0 5px;max-width:230px;}", ".panel.jsx-2630336174+.panel.jsx-2630336174{margin-top:10px;}", ".panel.jsx-2630336174 .label.jsx-2630336174{font-weight:bold;margin-bottom:5px;text-shadow:0 0 2px rgba(255,255,255,0.5);}", ".panel.jsx-2630336174 .content.jsx-2630336174{font-size:12px;background-color:#0078e7;color:white;padding:1rem;}", ".state.jsx-2630336174{font-family:monospace;color:yellowgreen;}", ".state_s.jsx-2630336174{color:white;}", ".btns.jsx-2630336174{position:absolute;right:0;left:0;bottom:36px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}", ".btns.jsx-2630336174 button.jsx-2630336174{margin:0 6px;}"];
+/**
+ * <br />
+ * ### Five 状态控制器
+ * > 这是一个简单的 `Five` 状态控制器，用于演示如何控制 `Five` VR 实例的状态。
+ *
+ * `Five` 实例的核心状态有五个：
+ *
+ * - `longitude`  视野水平方向位移（左右）。
+ * - `latitude`   视野垂直方向位移（上下）。
+ * - `fov`        视野大小（远近）。
+ * - `panoIndex`  全景模式下所在点位。
+ * - `mode`       当前实例所处模式："Panorama" 全景模式; "Floorplan" 模型模式。
+ *
+ * @param param `{ showState }` 是否展示状态信息
+ */
+
+styles.__hash = "2630336174";
+
+var FiveStateController = function FiveStateController(_ref) {
+  var showState = _ref.showState;
+
+  var _useFiveCurrentState = (0, _react2.useFiveCurrentState)(),
+      _useFiveCurrentState2 = _slicedToArray(_useFiveCurrentState, 2),
+      state = _useFiveCurrentState2[0],
+      setState = _useFiveCurrentState2[1];
+
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_style["default"], {
+    id: styles.__hash
+  }, styles), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "jsx-".concat(styles.__hash) + " " + "controller"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "jsx-".concat(styles.__hash) + " " + "panel"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    style: {
+      opacity: showState ? '1' : '0'
+    },
+    className: "jsx-".concat(styles.__hash) + " " + "content"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "jsx-".concat(styles.__hash) + " " + "label"
+  }, "\u5F53\u524D\u72B6\u6001"), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "jsx-".concat(styles.__hash) + " " + "state"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "jsx-".concat(styles.__hash)
+  }, "longitude: ", /*#__PURE__*/_react["default"].createElement("span", {
+    className: "jsx-".concat(styles.__hash) + " " + "state_s"
+  }, state.longitude.toFixed(10))), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "jsx-".concat(styles.__hash)
+  }, "latitude: ", /*#__PURE__*/_react["default"].createElement("span", {
+    className: "jsx-".concat(styles.__hash) + " " + "state_s"
+  }, state.latitude.toFixed(10))), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "jsx-".concat(styles.__hash)
+  }, "fov: ", /*#__PURE__*/_react["default"].createElement("span", {
+    className: "jsx-".concat(styles.__hash) + " " + "state_s"
+  }, state.fov.toFixed(0))), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "jsx-".concat(styles.__hash)
+  }, "panoIndex: ", /*#__PURE__*/_react["default"].createElement("span", {
+    className: "jsx-".concat(styles.__hash) + " " + "state_s"
+  }, state.panoIndex.toFixed(0))), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "jsx-".concat(styles.__hash)
+  }, "mode: ", /*#__PURE__*/_react["default"].createElement("span", {
+    className: "jsx-".concat(styles.__hash) + " " + "state_s"
+  }, state.mode)))), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "jsx-".concat(styles.__hash) + " " + "btns"
+  }, /*#__PURE__*/_react["default"].createElement("button", {
+    onMouseDown: function onMouseDown() {
+      return setState({
+        longitude: state.longitude - Math.PI / 4
+      });
+    },
+    className: "jsx-".concat(styles.__hash) + " " + "pure-button pure-button-primary"
+  }, "\u5411\u5DE6"), /*#__PURE__*/_react["default"].createElement("button", {
+    onMouseDown: function onMouseDown() {
+      return setState({
+        latitude: state.latitude - Math.PI / 4
+      });
+    },
+    className: "jsx-".concat(styles.__hash) + " " + "pure-button pure-button-primary"
+  }, "\u5411\u4E0A"), /*#__PURE__*/_react["default"].createElement("button", {
+    onMouseDown: function onMouseDown() {
+      return setState({
+        latitude: state.latitude + Math.PI / 4
+      });
+    },
+    className: "jsx-".concat(styles.__hash) + " " + "pure-button pure-button-primary"
+  }, "\u5411\u4E0B"), /*#__PURE__*/_react["default"].createElement("button", {
+    onMouseDown: function onMouseDown() {
+      return setState({
+        longitude: state.longitude + Math.PI / 4
+      });
+    },
+    className: "jsx-".concat(styles.__hash) + " " + "pure-button pure-button-primary"
+  }, "\u5411\u53F3"), /*#__PURE__*/_react["default"].createElement("button", {
+    onMouseDown: function onMouseDown() {
+      return setState({
+        fov: state.fov + 20
+      });
+    },
+    className: "jsx-".concat(styles.__hash) + " " + "pure-button pure-button-primary"
+  }, "\u89C6\u89D2+"), /*#__PURE__*/_react["default"].createElement("button", {
+    onMouseDown: function onMouseDown() {
+      return setState({
+        fov: state.fov - 20
+      });
+    },
+    className: "jsx-".concat(styles.__hash) + " " + "pure-button pure-button-primary"
+  }, "\u89C6\u89D2-")))));
+};
+
+exports["default"] = FiveStateController;
+FiveStateController.defaultProps = {
+  showState: true
+};

package/examples/VRHouse/Mobile.js

@@ -0,0 +1,22 @@
+"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"] = ExampleMobile;
+
+var React = _interopRequireWildcard(require("react"));
+
+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; }
+
+/**
+ * 移动端 VR 看房
+ * @returns
+ */
+function ExampleMobile() {
+  return /*#__PURE__*/React.createElement("div", null, "\u79FB\u52A8\u7AEF VR \u770B\u623F");
+}

package/examples/VRHouse/PC.js

@@ -0,0 +1,22 @@
+"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"] = ExamplePC;
+
+var React = _interopRequireWildcard(require("react"));
+
+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; }
+
+/**
+ * PC端 VR 看房
+ * @returns
+ */
+function ExamplePC() {
+  return /*#__PURE__*/React.createElement("div", null, "PC\u7AEF VR \u770B\u623F");
+}

package/examples/VRHouse/index.js

@@ -0,0 +1,22 @@
+"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"] = VRHouse;
+
+var React = _interopRequireWildcard(require("react"));
+
+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; }
+
+/**
+ * VR 看房
+ * @returns
+ */
+function VRHouse() {
+  return /*#__PURE__*/React.createElement("div", null, "VR \u770B\u623F");
+}

package/index.d.ts

@@ -0,0 +1,15 @@
+import GlassFilters from './components/GlassFilters';
+declare const _default: {
+    /** React Components */
+    GlassFilters: typeof GlassFilters;
+    /** Five Plugins */
+    ModelChassisCompassPlugin: (five: import("@realsee/five").Five, parameters: import("./plugins/ModelChassisCompassPlugin").ModelChassisCompassPluginParameterType) => import("./plugins/ModelChassisCompassPlugin").ModelChassisCompassPluginExportType;
+    ModelTVVideoPlugin: (five: import("@realsee/five").Five, parameters: import("./plugins/ModelTVVideoPlugin").ModelTVVideoPluginParameterType) => import("./plugins/ModelTVVideoPlugin").ModelTVVideoPluginExportType;
+    ModelViewPlugin: (five: import("@realsee/five").Five) => import("./plugins/ModelViewPlugin").ModelViewPluginExportType;
+    PanoRulerPlugin: (five: import("@realsee/five").Five, parameters: import("./plugins/PanoRulerPlugin").PanoRulerPluginParameterType) => import("./plugins/PanoRulerPlugin").PanoRulerPluginExportType;
+    PanoTVVideoPlugin: (five: import("@realsee/five").Five, parameters: import("./plugins/PanoTVVideoPlugin").PanoTVVideoPluginParameterType) => import("./plugins/PanoTVVideoPlugin").PanoTVVideoPluginExportType;
+    ModelFloorplanPlugin: (five: import("@realsee/five").Five, parameters: import("./plugins/floorplan/ModelFloorplanPlugin").ModelFloorplanParameterType) => import("./typedoc/plugins").ModelFloorplanPluginController;
+    TopviewFloorplanPlugin: (five: import("@realsee/five").Five, parameters: import("./plugins/floorplan/TopviewFloorplanPlugin").TopviewFloorplanPluginParameterType) => import("./typedoc/plugins").TopviewFloorplanPluginController;
+    PanoFloorplanRadarPlugin: ((five: import("@realsee/five").Five) => import("./plugins/floorplan/PanoFloorplanRadarPlugin").PanoFloorplanRadarPluginController) | ((five: import("@realsee/five").Five, parameters: import("./plugins/floorplan/PanoFloorplanRadarPlugin").PanoFloorplanRadarPluginControllerParameter) => import("./plugins/floorplan/PanoFloorplanRadarPlugin").PanoFloorplanRadarPluginController);
+};
+export default _default;

package/index.js

@@ -0,0 +1,43 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _GlassFilters = _interopRequireDefault(require("./components/GlassFilters"));
+
+var _ModelChassisCompassPlugin = _interopRequireDefault(require("./plugins/ModelChassisCompassPlugin"));
+
+var _ModelTVVideoPlugin = _interopRequireDefault(require("./plugins/ModelTVVideoPlugin"));
+
+var _ModelViewPlugin = _interopRequireDefault(require("./plugins/ModelViewPlugin"));
+
+var _PanoRulerPlugin = _interopRequireDefault(require("./plugins/PanoRulerPlugin"));
+
+var _PanoTVVideoPlugin = _interopRequireDefault(require("./plugins/PanoTVVideoPlugin"));
+
+var _ModelFloorplanPlugin = _interopRequireDefault(require("./plugins/floorplan/ModelFloorplanPlugin"));
+
+var _TopviewFloorplanPlugin = _interopRequireDefault(require("./plugins/floorplan/TopviewFloorplanPlugin"));
+
+var _PanoFloorplanRadarPlugin = _interopRequireDefault(require("./plugins/floorplan/PanoFloorplanRadarPlugin"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var _default = {
+  /** React Components */
+  GlassFilters: _GlassFilters["default"],
+
+  /** Five Plugins */
+  ModelChassisCompassPlugin: _ModelChassisCompassPlugin["default"],
+  ModelTVVideoPlugin: _ModelTVVideoPlugin["default"],
+  ModelViewPlugin: _ModelViewPlugin["default"],
+  PanoRulerPlugin: _PanoRulerPlugin["default"],
+  PanoTVVideoPlugin: _PanoTVVideoPlugin["default"],
+  // floorplan
+  ModelFloorplanPlugin: _ModelFloorplanPlugin["default"],
+  TopviewFloorplanPlugin: _TopviewFloorplanPlugin["default"],
+  PanoFloorplanRadarPlugin: _PanoFloorplanRadarPlugin["default"]
+};
+exports["default"] = _default;

package/package.json

@@ -0,0 +1,19 @@
+{
+  "name": "@realsee/dnalogel",
+  "version": "0.1.0",
+  "description": "Realsee Components(React) & Plugins(Five).",
+  "author": "BEIKE REALSEE TECHNOLOGY (HK) LIMITED",
+  "peerDependencies": {
+    "@realsee/five": "^5.0.0-alpha.47",
+    "@tweenjs/tween.js": "^18.6.4",
+    "@types/styled-jsx": "^2.2.9",
+    "react": "^16.14.0",
+    "styled-jsx": "^3.4.6",
+    "three": "0.117.1",
+    "tslib": "^2.3.0",
+    "typescript": "^4.3.5"
+  },
+  "main": "index.js",
+  "repository": "git@git.lianjia.com:vrlab_frontend/dnalogel.git",
+  "license": "SEE LICENSE IN TERMS.txt"
+}

package/plugins/CSS3DRenderPlugin/components/Marker/index.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import './index.css';
+import { Vector3 } from 'three';
+declare type MarkerProps = {
+    color?: string;
+    point: Vector3;
+    face?: {
+        normal: Vector3;
+    } | null;
+};
+export default function Marker(props: MarkerProps): JSX.Element;
+export {};

package/plugins/CSS3DRenderPlugin/components/Marker/index.js

@@ -0,0 +1,113 @@
+"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"] = Marker;
+
+var _react = require("@realsee/five/react");
+
+var React = _interopRequireWildcard(require("react"));
+
+var THREE = _interopRequireWildcard(require("three"));
+
+require("./index.css");
+
+var _getRandomColor = _interopRequireDefault(require("../../../../shared-utils/getRandomColor"));
+
+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 _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+function Marker(props) {
+  var color = React.useRef(props.color || (0, _getRandomColor["default"])());
+  var intersectMeshRef = React.useRef(new THREE.Mesh(new THREE.RingGeometry(0.04, 0.08, 32), new THREE.MeshBasicMaterial({
+    color: 0x12fffb,
+    opacity: 0,
+    side: THREE.DoubleSide,
+    transparent: true
+  })));
+  (0, _react.useFiveSceneEffect)(function (scene) {
+    scene.add(intersectMeshRef.current);
+    return function () {
+      return scene.remove(intersectMeshRef.current);
+    };
+  }, []);
+  var preject2d = (0, _react.useFiveProject2d)();
+
+  var _React$useState = React.useState({
+    left: 0,
+    top: 0,
+    matrix: '[1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1]'
+  }),
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      state = _React$useState2[0],
+      setState = _React$useState2[1];
+
+  var fresh = React.useCallback(function () {
+    var _props$point = props.point,
+        x = _props$point.x,
+        y = _props$point.y,
+        z = _props$point.z;
+    var vector2 = preject2d(new THREE.Vector3(x, y, z), false);
+    if (!vector2) return;
+    var left = vector2.x,
+        top = vector2.y;
+    var matrix;
+
+    if (props.face) {
+      var normal = props.face.normal.clone();
+      var positionVector = normal.clone().multiplyScalar(0.05);
+      var position = props.point.clone().add(positionVector);
+      intersectMeshRef.current.position.copy(position);
+      var lookAtVector = position.clone().add(positionVector);
+      intersectMeshRef.current.lookAt(lookAtVector);
+      matrix = intersectMeshRef.current.modelViewMatrix.clone().toArray().toString();
+    }
+
+    setState({
+      left: left,
+      top: top,
+      matrix: matrix
+    });
+  }, [props.point]);
+  React.useEffect(function () {
+    return fresh();
+  }, [props]);
+  (0, _react.useFiveEventCallback)('stateChange', function () {
+    return fresh();
+  });
+  (0, _react.useFiveEventCallback)('initAnimationEnded', function () {
+    return fresh();
+  });
+  return /*#__PURE__*/React.createElement("div", {
+    className: "Marker",
+    style: {
+      position: 'absolute',
+      left: state.left + 'px',
+      top: state.top + 'px',
+      borderColor: color.current
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "Marker-inner",
+    style: {
+      backgroundColor: color.current
+    }
+  }));
+}

package/plugins/CSS3DRenderPlugin/index.d.ts

@@ -0,0 +1,49 @@
+import { FivePlugin } from '@realsee/five';
+import { Vector3 } from 'three';
+import { CSS3DObject } from 'three/examples/jsm/renderers/CSS3DRenderer';
+export interface CSS3DRenderPluginParameterType {
+}
+export interface CSS3DRenderPluginExportType {
+    /**
+     * @description: 根据传入的四个点位创建一个3d dom容器，可以通过ReactDom.render()的方式将react组件放到容器中
+     * @param {Five} five
+     * @param {Vector3[]} points: 矩形四个点坐标
+     * @param {HTMLElement} container: HTMLElement
+     * @param {number} config.ratio: 1px对应多少米，默认为 0.002，即1px对应2mm
+     * @param {number} config.dpr: dpr, 默认为1
+     * @param {number} config.autoRender: 默认为true，如果需要手动render则传false
+     * @param {'front' | 'behind'} config.mode: 两种模式
+     * @param {HTMLElement} config.behindFiveContainer: 如果config.mode为'behind'，需要传入容器，并确保此容器的层级小于five层级
+     * @return {{ container: HTMLElement; dispose: () => void }}: container: dom容器, dispose: 清理函数
+     */
+    create3DDomContainer: (points: [Vector3, Vector3, Vector3, Vector3], container?: HTMLElement, config?: {
+        ratio?: number;
+        dpr?: number;
+        autoRender?: boolean;
+        mode?: 'front';
+    } | {
+        ratio?: number;
+        dpr?: number;
+        autoRender?: boolean;
+        mode: 'behind';
+        behindFiveContainer: HTMLElement;
+    }) => {
+        container: HTMLElement;
+        dispose: () => void;
+        object: CSS3DObject;
+        render?: () => void;
+    } | void;
+    /**
+     * @description: 销毁所有的渲染内容
+     * @return {void}
+     */
+    disposeAll: () => void;
+}
+/**
+ * **CSS3DRenderPlugin** 提供矩形区域（三维空间四个坐标点），你可以在此矩形区域中渲染 DOM 内容。
+ * 实现原理参考[CSS3DRenderer](https://threejs.org/docs/index.html?q=CSS3D#examples/en/renderers/CSS3DRenderer)。
+ *
+ * @returns
+ */
+export declare const CSS3DRenderPlugin: FivePlugin<CSS3DRenderPluginParameterType, CSS3DRenderPluginExportType>;
+export default CSS3DRenderPlugin;