@realsee/dnalogel 0.1.7-alpha.7 → 2.0.0-alpha.1

package/plugins/ModelExtrudeWallsPlugin/index.js

@@ -1,252 +0,0 @@
-"use strict";
-
-require("core-js/modules/es.array.iterator.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.ModelExtrudeWallsPlugin = void 0;
-
-require("core-js/modules/es.array.for-each.js");
-
-require("core-js/modules/es.object.to-string.js");
-
-require("core-js/modules/web.dom-collections.for-each.js");
-
-require("core-js/modules/es.function.name.js");
-
-var _five = require("@realsee/five");
-
-var THREE = _interopRequireWildcard(require("three"));
-
-var _nextFrame = require("../../shared-utils/nextFrame");
-
-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; }
-
-var lineTo = function lineTo(d, s) {
-  return d.forEach(function (p, i) {
-    return s[!i ? 'moveTo' : 'lineTo'](p[0], p[1]);
-  });
-};
-
-var generateSideWallUV = function generateSideWallUV() {
-  return [new THREE.Vector2(1, 1), new THREE.Vector2(0, 1), new THREE.Vector2(0, 0), new THREE.Vector2(1, 0)];
-};
-
-var bezierArcTransition = function bezierArcTransition(t) {
-  return -0.7 * (2.4 * t * t * t - 3.6 * t * t + 0.2 * t);
-};
-
-var ModelExtrudeWallsPlugin = function ModelExtrudeWallsPlugin(five) {
-  var parameters = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-  var state = {
-    data: parameters.data,
-    walls: {},
-    visible: true
-  };
-
-  var wrapper = function wrapper() {
-    if (!state.data) return;
-    var wallShape = new THREE.Shape();
-    var floorplanShape = new THREE.Shape();
-    lineTo(state.data.exterior, wallShape);
-    lineTo(state.data.exterior, floorplanShape);
-    lineTo(state.data.interior, floorplanShape);
-    var bb = new THREE.Box2();
-    bb.setFromPoints(wallShape.extractPoints(1).shape);
-
-    var generateTopUV = function generateTopUV(geometry, vertices, indexA, indexB, indexC) {
-      var ax = vertices[indexA * 3];
-      var ay = vertices[indexA * 3 + 1];
-      var bx = vertices[indexB * 3];
-      var by = vertices[indexB * 3 + 1];
-      var cx = vertices[indexC * 3];
-      var cy = vertices[indexC * 3 + 1];
-      var bbx = bb.max.x - bb.min.x;
-      var bby = bb.max.y - bb.min.y;
-      return [new THREE.Vector2((ax - bb.min.x) / bbx, 1.0 - (ay - bb.min.y) / bby), new THREE.Vector2((bx - bb.min.x) / bbx, 1.0 - (by - bb.min.y) / bby), new THREE.Vector2((cx - bb.min.x) / bbx, 1.0 - (cy - bb.min.y) / bby)];
-    };
-
-    var extrudeSettings = {
-      steps: 1,
-      depth: Math.abs(state.data.height),
-      bevelEnabled: false,
-      UVGenerator: {
-        generateTopUV: generateTopUV,
-        generateSideWallUV: generateSideWallUV
-      }
-    };
-    var geometry1 = new THREE.ExtrudeGeometry(wallShape, extrudeSettings);
-    var geometry2 = new THREE.ExtrudeGeometry(wallShape, extrudeSettings);
-    var geometry3 = new THREE.ExtrudeGeometry(floorplanShape, extrudeSettings);
-    geometry1.faces.forEach(function (face) {
-      var temp = face.a;
-      face.a = face.c;
-      face.c = temp;
-    });
-    geometry1.faceVertexUvs.forEach(function (faceVertexUvs) {
-      faceVertexUvs.forEach(function (uv) {
-        var temp = uv[0];
-        uv[0] = uv[2];
-        uv[2] = temp;
-      });
-    });
-    geometry1.computeFaceNormals();
-    var material0 = new THREE.MeshBasicMaterial({
-      color: 0xc8c8c8,
-      // color: 0x2bb8aa,
-      wireframe: false,
-      transparent: true,
-      opacity: 0.9
-    });
-    var material1 = new THREE.MeshBasicMaterial({
-      color: 0xffeedf,
-      wireframe: false,
-      transparent: true,
-      opacity: 0.7
-    });
-    var material2 = new THREE.MeshBasicMaterial({
-      color: 0xffffff,
-      wireframe: false,
-      transparent: true,
-      opacity: 0,
-      depthTest: false
-    });
-    var material3 = new THREE.MeshBasicMaterial({
-      color: 0xc8c8c8,
-      // color: 0x2bb8aa,
-      wireframe: false,
-      transparent: true,
-      opacity: 0.2,
-      depthTest: false
-    });
-    var renderOrder = 99;
-
-    var initMesh = function initMesh(m) {
-      m.rotation.x = -Math.PI / 2;
-      m.rotation.y = 0;
-      m.rotation.z = 0; // Math.PI / 2
-
-      m.position.y = five.model.bounding.min.y;
-      m.name = 'extrude-walls' + renderOrder;
-      m.renderOrder = renderOrder++;
-      five.needsRender = true;
-    }; // 内墙
-
-
-    var insideWall = new THREE.Mesh(geometry1, [material2, material0]); // 外墙
-
-    var outsideWall = new THREE.Mesh(geometry2, [material2, material3]); // 内墙
-
-    var lookDownWall = new THREE.Mesh(geometry3, [material1, material2]);
-
-    var append = function append() {
-      initMesh(insideWall);
-      initMesh(lookDownWall);
-      initMesh(outsideWall);
-      five.scene.add(insideWall);
-      five.scene.add(outsideWall);
-      five.scene.add(lookDownWall);
-      state.walls.inside = insideWall;
-      state.walls.outside = outsideWall;
-      state.walls.lookDown = lookDownWall;
-      state.visible = true;
-      visible(five.currentMode === _five.Five.Mode.Floorplan);
-    };
-
-    if (five.model.loaded) {
-      append();
-    } else {
-      five.once('modelLoaded', function () {
-        return append();
-      });
-    }
-  };
-
-  var enable = function enable() {
-    state.visible = true;
-    visible(true);
-  };
-
-  var disable = function disable() {
-    state.visible = false;
-    visible(false);
-  };
-
-  var visible = function visible() {
-    var flag = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
-    if (state.walls.inside) state.walls.inside.visible = flag;
-    if (state.walls.outside) state.walls.outside.visible = flag;
-    if (state.walls.lookDown) state.walls.lookDown.visible = flag;
-    five.needsRender = true;
-  };
-
-  var modeChangeListener = function modeChangeListener(mode, prevMode) {
-    if (!state.visible) return;
-
-    if (prevMode === _five.Five.Mode.Floorplan) {
-      five.once('initAnimationEnded', function () {
-        return (0, _nextFrame.nextFrame)(function () {
-          return visible(false);
-        });
-      });
-      return;
-    }
-
-    return visible(mode === _five.Five.Mode.Floorplan);
-  };
-
-  var cameraDirectionUpdateListener = function cameraDirectionUpdateListener(_ref) {
-    var latitude = _ref.latitude;
-    if (state.walls.inside) state.walls.inside.material[1].opacity = bezierArcTransition(latitude / (Math.PI / 2));
-    if (state.walls.outside) state.walls.outside.material[1].opacity = bezierArcTransition(latitude / (Math.PI / 2));
-    if (state.walls.lookDown) state.walls.lookDown.material[0].opacity = bezierArcTransition(latitude / (Math.PI / 2));
-  };
-
-  five.on('modeChange', modeChangeListener);
-  five.on('cameraDirectionUpdate', cameraDirectionUpdateListener);
-
-  var dispose = function dispose() {
-    five.off('modeChange', modeChangeListener);
-    five.off('cameraDirectionUpdate', cameraDirectionUpdateListener);
-    if (state.walls.inside) five.scene.remove(state.walls.inside);
-    if (state.walls.outside) five.scene.remove(state.walls.outside);
-    if (state.walls.lookDown) five.scene.remove(state.walls.lookDown);
-    state.data = undefined;
-    state.walls = {};
-    state.visible = true;
-  };
-
-  wrapper();
-
-  var load = function load(data) {
-    state.data = data;
-    if (state.walls.inside) five.scene.remove(state.walls.inside);
-    if (state.walls.outside) five.scene.remove(state.walls.outside);
-    if (state.walls.lookDown) five.scene.remove(state.walls.lookDown);
-    wrapper();
-  };
-
-  return {
-    enable: enable,
-    disable: disable,
-    dispose: dispose,
-    load: load
-  };
-};
-
-exports.ModelExtrudeWallsPlugin = ModelExtrudeWallsPlugin;

package/plugins/ModelRoomLabelPlugin/Controller.js

@@ -1,154 +0,0 @@
-"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 _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-var _typeof = require("@babel/runtime/helpers/typeof");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ModelRoomLabelController = void 0;
-
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var React = _interopRequireWildcard(require("react"));
-
-var ReactDOM = _interopRequireWildcard(require("react-dom"));
-
-var _RoomLabelItems = _interopRequireDefault(require("./RoomLabelItems"));
-
-var _parseData = require("./utils/parseData");
-
-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; }
-
-var ModelRoomLabelController = /*#__PURE__*/function () {
-  function ModelRoomLabelController(five) {
-    var _this = this;
-
-    (0, _classCallCheck2["default"])(this, ModelRoomLabelController);
-    (0, _defineProperty2["default"])(this, "enabled", true);
-    (0, _defineProperty2["default"])(this, "roomLabels", []);
-    (0, _defineProperty2["default"])(this, "container", document.createElement('div'));
-    (0, _defineProperty2["default"])(this, "onFiveModeChange", function (mode) {
-      if (mode !== 'Floorplan') {
-        _this.fiveModeEnabled = false;
-
-        _this.render();
-
-        return;
-      }
-
-      _this.five.once('initAnimationEnded', function () {
-        _this.fiveModeEnabled = _this.five.currentMode === 'Floorplan';
-
-        _this.render();
-      });
-    });
-    this.five = five;
-    this.fiveModeEnabled = this.five.currentMode === 'Floorplan'; // init container style
-
-    this.container.classList.add('model-room-label-plugin-container');
-    this.container.style.width = '100%';
-    this.container.style.height = '100%';
-    this.container.style.position = 'absolute';
-    this.container.style.pointerEvents = 'none';
-    this.container.style.left = '0';
-    this.container.style.top = '0'; // five lisenter
-
-    this.five.once('dispose', function () {
-      return _this.dispose();
-    });
-    this.five.on('modeChange', this.onFiveModeChange);
-    this.render();
-  }
-
-  (0, _createClass2["default"])(ModelRoomLabelController, [{
-    key: "dispose",
-    value: function dispose() {
-      this.five.off('modeChange', this.onFiveModeChange);
-      ReactDOM.unmountComponentAtNode(this.container);
-      this.container.remove();
-    }
-    /** 加载数据 */
-
-  }, {
-    key: "load",
-    value: function load(data) {
-      this.roomLabels = (0, _parseData.parseModelRoomLabelPluginData)(data);
-      this.render();
-    }
-    /** 设置插件容器 */
-
-  }, {
-    key: "appendTo",
-    value: function appendTo(wrapper) {
-      this.wrapper = wrapper;
-      wrapper.appendChild(this.container);
-      this.render();
-      return this;
-    }
-    /** 禁用插件功能
-     * @description
-     * - 如果当前正在展示中，会清除所有展示的 DOM
-     * - 如果当前未展示，即使后续 Five 状态满足展示要求，也不会展示
-     * */
-
-  }, {
-    key: "disable",
-    value: function disable() {
-      this.enabled = false;
-      this.render();
-      return this;
-    }
-    /** 启用插件功能
-     * @description
-     * - 如果当前符合展示条件，会立刻展示
-     * - 如果不符合展示条件，会等待 Five 状态满足条件后再展示
-     */
-
-  }, {
-    key: "enable",
-    value: function enable() {
-      this.enabled = true;
-      this.render();
-      return this;
-    }
-    /** 监听 Five Mode 变化
-     * @description
-     * Mode 不符合要求时，立刻消失，满足要求时，需要等待动画结束再展示
-     */
-
-  }, {
-    key: "render",
-    value: function render() {
-      if (!this.wrapper) return;
-      ReactDOM.render(this.enabled && this.fiveModeEnabled ? /*#__PURE__*/React.createElement(_RoomLabelItems["default"], {
-        five: this.five,
-        roomLabels: this.roomLabels
-      }) : /*#__PURE__*/React.createElement(React.Fragment, null), this.container);
-    }
-  }]);
-  return ModelRoomLabelController;
-}();
-
-exports.ModelRoomLabelController = ModelRoomLabelController;

package/plugins/ModelRoomLabelPlugin/RoomLabelItem.d.ts

@@ -1,8 +0,0 @@
-import * as React from 'react';
-import { Five } from '@realsee/five';
-import { RoomLabel } from './typings';
-declare const RefRoomLabelItem: React.ForwardRefExoticComponent<{
-    five: Five;
-    item: RoomLabel;
-} & React.RefAttributes<HTMLDivElement>>;
-export default RefRoomLabelItem;

package/plugins/ModelRoomLabelPlugin/RoomLabelItem.js

@@ -1,66 +0,0 @@
-"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 _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-var _typeof = require("@babel/runtime/helpers/typeof");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _style = _interopRequireDefault(require("styled-jsx/style"));
-
-require("core-js/modules/es.function.name.js");
-
-require("core-js/modules/es.array.concat.js");
-
-var React = _interopRequireWildcard(require("react"));
-
-var _px2rem = _interopRequireDefault(require("../../shared-utils/px2rem"));
-
-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 RoomLabelItem(props, ref) {
-  var five = props.five;
-  var roomName = props.item.name;
-  var handleClick = React.useCallback(function () {
-    five.setState({
-      panoIndex: props.item.panoIndex,
-      mode: 'Panorama',
-      longitude: props.item.longitude
-    });
-  }, [props.five]);
-  return /*#__PURE__*/React.createElement("div", {
-    onClick: handleClick,
-    ref: ref,
-    className: _style["default"].dynamic([["312299051", [(0, _px2rem["default"])(roomName.length > 3 ? 8 : 10), (0, _px2rem["default"])(-64), (0, _px2rem["default"])(20), (0, _px2rem["default"])(32), (0, _px2rem["default"])(6), (0, _px2rem["default"])(-44), (0, _px2rem["default"])(48), (0, _px2rem["default"])(1)]]]) + " " + "room-guid-label-plugin__item"
-  }, /*#__PURE__*/React.createElement(_style["default"], {
-    id: "312299051",
-    dynamic: [(0, _px2rem["default"])(roomName.length > 3 ? 8 : 10), (0, _px2rem["default"])(-64), (0, _px2rem["default"])(20), (0, _px2rem["default"])(32), (0, _px2rem["default"])(6), (0, _px2rem["default"])(-44), (0, _px2rem["default"])(48), (0, _px2rem["default"])(1)]
-  }, [".room-guid-label-plugin__item.__jsx-style-dynamic-selector{position:absolute;z-index:0;font-size:".concat((0, _px2rem["default"])(roomName.length > 3 ? 8 : 10), ";-webkit-transform:'';-ms-transform:'';transform:'';cursor:pointer;point-events:auto;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}"), ".room-guid-label-plugin__item-text.__jsx-style-dynamic-selector{position:absolute;left:0;top:".concat((0, _px2rem["default"])(-64), ";-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);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;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:").concat((0, _px2rem["default"])(20), ";min-width:").concat((0, _px2rem["default"])(32), ";padding:0 ").concat((0, _px2rem["default"])(6), ";pointer-events:all;background:url('//vrlab-static.ljcdn.com/release/web/room-label-bg.23e9d038.png') no-repeat;background-size:100% 100%;white-space:nowrap;}"), ".room-guid-label-plugin__item-bar.__jsx-style-dynamic-selector{position:absolute;top:".concat((0, _px2rem["default"])(-44), ";height:").concat((0, _px2rem["default"])(48), ";width:").concat((0, _px2rem["default"])(1), ";background-image:linear-gradient(to bottom,rgba(255,255,255,1),rgba(255,255,255,0));}")]), /*#__PURE__*/React.createElement("span", {
-    className: _style["default"].dynamic([["312299051", [(0, _px2rem["default"])(roomName.length > 3 ? 8 : 10), (0, _px2rem["default"])(-64), (0, _px2rem["default"])(20), (0, _px2rem["default"])(32), (0, _px2rem["default"])(6), (0, _px2rem["default"])(-44), (0, _px2rem["default"])(48), (0, _px2rem["default"])(1)]]]) + " " + "room-guid-label-plugin__item-text"
-  }, roomName), /*#__PURE__*/React.createElement("div", {
-    className: _style["default"].dynamic([["312299051", [(0, _px2rem["default"])(roomName.length > 3 ? 8 : 10), (0, _px2rem["default"])(-64), (0, _px2rem["default"])(20), (0, _px2rem["default"])(32), (0, _px2rem["default"])(6), (0, _px2rem["default"])(-44), (0, _px2rem["default"])(48), (0, _px2rem["default"])(1)]]]) + " " + "room-guid-label-plugin__item-bar"
-  }));
-}
-
-var RefRoomLabelItem = /*#__PURE__*/React.forwardRef(RoomLabelItem);
-var _default = RefRoomLabelItem;
-exports["default"] = _default;

package/plugins/ModelRoomLabelPlugin/RoomLabelItems.d.ts

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-import { Five } from '@realsee/five';
-import { RoomLabel } from './typings';
-export default function RoomLabelItems(props: {
-    five: Five;
-    roomLabels: RoomLabel[];
-}): JSX.Element;

package/plugins/ModelRoomLabelPlugin/RoomLabelItems.js

@@ -1,159 +0,0 @@
-"use strict";
-
-require("core-js/modules/es.array.iterator.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 _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-var _typeof = require("@babel/runtime/helpers/typeof");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = RoomLabelItems;
-
-var _style = _interopRequireDefault(require("styled-jsx/style"));
-
-var _construct2 = _interopRequireDefault(require("@babel/runtime/helpers/construct"));
-
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
-require("core-js/modules/es.string.sub.js");
-
-require("core-js/modules/es.array.concat.js");
-
-require("core-js/modules/es.array.for-each.js");
-
-require("core-js/modules/es.object.to-string.js");
-
-require("core-js/modules/web.dom-collections.for-each.js");
-
-require("core-js/modules/es.array.sort.js");
-
-require("core-js/modules/es.array.map.js");
-
-require("core-js/modules/es.array.filter.js");
-
-require("core-js/modules/es.object.values.js");
-
-var React = _interopRequireWildcard(require("react"));
-
-var _three = require("three");
-
-var _RoomLabelItem = _interopRequireDefault(require("./RoomLabelItem"));
-
-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 getLabelVisible(five, roomLabelItem) {
-  // 先看是不是在当前展示的楼层上
-  var isLabelInFloor = five.model.shownFloor === null || roomLabelItem.floorIndex === five.model.shownFloor;
-  if (!isLabelInFloor) return false; // 再看是不是被模型遮挡
-
-  var raycaster = new _three.Raycaster();
-  var cameraPosition = five.camera.position.clone();
-  var position = new _three.Vector3(roomLabelItem.position.x, roomLabelItem.position.y, roomLabelItem.position.z);
-  var vectorDistance = position.distanceTo(cameraPosition);
-  raycaster.set(cameraPosition.clone(), position.clone().sub(cameraPosition).normalize());
-
-  var _five$model$intersect = five.model.intersectRaycaster(raycaster),
-      _five$model$intersect2 = (0, _slicedToArray2["default"])(_five$model$intersect, 1),
-      intersection = _five$model$intersect2[0];
-
-  if (intersection && intersection.distance + 1 < vectorDistance) return false;
-  return true;
-}
-
-function getLabelTransform(five, roomLabelItem, containerWidth, containerHeight) {
-  var position = new _three.Vector3(roomLabelItem.position.x, roomLabelItem.position.y, roomLabelItem.position.z);
-  var mouse = position.clone().project(five.camera);
-  var xOffset = Math.ceil((mouse.x + 1) / 2 * containerWidth);
-  var yOffset = Math.ceil((-mouse.y + 1) / 2 * containerHeight);
-  return "translate(".concat(xOffset, "px, ").concat(yOffset, "px)");
-}
-
-function updateFormatData(five, labels, containerWidth, containerHeight) {
-  labels.forEach(function (roomLabelItem) {
-    // 计算是否可见，入股不可见，不会更新位置
-    roomLabelItem.visible = getLabelVisible(five, roomLabelItem);
-    if (!roomLabelItem.visible) return roomLabelItem; // 更新位置
-
-    roomLabelItem.transform = getLabelTransform(five, roomLabelItem, containerWidth, containerHeight);
-    return true;
-  });
-  labels.filter(function (_ref) {
-    var visible = _ref.visible;
-    return visible;
-  }).map(function (roomLabelItem) {
-    return {
-      roomLabelItem: roomLabelItem,
-      distance: (0, _construct2["default"])(_three.Vector3, (0, _toConsumableArray2["default"])(Object.values(roomLabelItem.position))).clone().distanceTo(five.camera.position)
-    };
-  }).sort(function (a, b) {
-    return a.distance - b.distance;
-  }).forEach(function (_ref2, index) {
-    var roomLabelItem = _ref2.roomLabelItem;
-    roomLabelItem.zIndex = index * 10;
-  });
-  return labels;
-}
-
-function RoomLabelItems(props) {
-  var five = props.five;
-  var itemRefs = React.useRef([]);
-  var contentRef = React.useRef(null);
-  var roomLabels = props.roomLabels;
-
-  function onFiveCameraDirectionUpdate() {
-    if (!contentRef.current) return;
-    updateFormatData(five, roomLabels, contentRef.current.clientWidth, contentRef.current.clientHeight).forEach(function (item, index) {
-      var ref = itemRefs.current[index];
-      if (!ref) return;
-
-      if (!item.visible) {
-        ref.style.opacity = '0';
-        ref.style.pointerEvents = 'none';
-        return;
-      }
-
-      ref.style.opacity = '1';
-      ref.style.pointerEvents = 'all';
-      ref.style.transform = item.transform;
-    });
-  }
-
-  React.useEffect(function () {
-    five.on('cameraDirectionUpdate', onFiveCameraDirectionUpdate);
-    onFiveCameraDirectionUpdate();
-    return function () {
-      five.off('cameraDirectionUpdate', onFiveCameraDirectionUpdate);
-    };
-  }, []);
-  return /*#__PURE__*/React.createElement("div", {
-    ref: contentRef,
-    className: "jsx-2859587460" + " " + "room-guid-label-plugin__content"
-  }, /*#__PURE__*/React.createElement(_style["default"], {
-    id: "2859587460"
-  }, [".room-guid-label-plugin__content.jsx-2859587460{width:100%;height:100%;position:relative;color:#fff;}"]), roomLabels.map(function (item) {
-    return /*#__PURE__*/React.createElement(_RoomLabelItem["default"], {
-      key: item.id,
-      item: item,
-      five: props.five,
-      ref: function ref(_ref3) {
-        return itemRefs.current.push(_ref3);
-      }
-    });
-  }));
-}

package/plugins/ModelRoomLabelPlugin/index.js

@@ -1,23 +0,0 @@
-"use strict";
-
-require("core-js/modules/es.object.define-property.js");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.modelRoomLabelPluginServerParams = exports["default"] = exports.ModelRoomLabelPlugin = void 0;
-
-var _Controller = require("./Controller");
-
-var ModelRoomLabelPlugin = function ModelRoomLabelPlugin(five) {
-  return new _Controller.ModelRoomLabelController(five);
-};
-
-exports.ModelRoomLabelPlugin = ModelRoomLabelPlugin;
-var _default = ModelRoomLabelPlugin;
-exports["default"] = _default;
-var modelRoomLabelPluginServerParams = {
-  name: 'ModelRoomLabelPlugin',
-  version: 0
-};
-exports.modelRoomLabelPluginServerParams = modelRoomLabelPluginServerParams;