@realsee/dnalogel 0.1.7-alpha.2 → 0.1.7-alpha.3

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

package/plugins/floorplan/TopviewFloorplanPlugin/Controller.js

@@ -43,7 +43,7 @@ var _getPxmm = _interopRequireDefault(require("../../../shared-utils/getPxmm"));
 
 var _components = _interopRequireDefault(require("../ModelFloorplanPlugin/components"));
 
-var _changeModelCanvansOpacity = _interopRequireDefault(require("../../../shared-utils/changeModelCanvansOpacity"));
+var _changeModelCanvasOpacity = _interopRequireDefault(require("../../../shared-utils/changeModelCanvasOpacity"));
 
 var _style = require("./style");
 
@@ -218,7 +218,7 @@ var TopviewFloorplanPluginController = /*#__PURE__*/function () {
       this.visible = true;
       this.updateSize();
       this.render(renderDuration);
-      (0, _changeModelCanvansOpacity["default"])(this.five, modelOpacity, renderDuration);
+      (0, _changeModelCanvasOpacity["default"])(this.five, modelOpacity, renderDuration);
       this.five.on('wantsGesture', this.handleWantsGesture);
     }
   }, {
@@ -227,7 +227,7 @@ var TopviewFloorplanPluginController = /*#__PURE__*/function () {
       var modelOpacity = 1;
       var renderDuration = 0;
       this.visible = false;
-      (0, _changeModelCanvansOpacity["default"])(this.five, modelOpacity, renderDuration);
+      (0, _changeModelCanvasOpacity["default"])(this.five, modelOpacity, renderDuration);
       this.render();
       this.five.off('wantsGesture', this.handleWantsGesture);
     }

package/plugins/floorplan/typings/floorplanData.d.ts

@@ -77,11 +77,13 @@ export interface FloorplanRoomItem {
     /** 当前房间里的 observer 索引 */
     observerIndexs: number[];
 }
+export declare type FloorplanServerRuleLabels = Record<'top' | 'right' | 'bottom' | 'left', FloorplanPosition[][]>;
 /** 当前楼层的数据 */
 export interface FloorplanFloorData {
     floorName: string;
     floorIndex: number;
     rooms: FloorplanRoomItem[];
+    rules: FloorplanServerRuleLabels;
 }
 /** 对 observer 做一些样式上的计算
  * @description 每一个 floorplanObserver 对应一个 observer

package/plugins/floorplan/typings/floorplanServerData.d.ts

@@ -96,11 +96,13 @@ export interface FloorplanServerRoomItem {
     /** 当前房间里的 observer 索引 */
     observer_indexs: number[];
 }
+export declare type FloorplanServerRuleLabels = Record<'top' | 'right' | 'bottom' | 'left', FloorplanServerPosition[][]>;
 /** 当前楼层的数据 */
 export interface FloorplanServerFloorData {
     floor_name: string;
     floor_index: number;
     rooms: FloorplanServerRoomItem[];
+    rules: FloorplanServerRuleLabels;
 }
 /** 对 observer 做一些样式上的计算
  * @description 每一个 FloorplanServer_observer 对应一个 observer

package/plugins/floorplan/utils/formatData.js

@@ -130,7 +130,8 @@ function formatFloorData(_data) {
   return {
     floorName: _data.floor_name,
     floorIndex: _data.floor_index,
-    rooms: _data.rooms.map(formatRoom)
+    rooms: _data.rooms.map(formatRoom),
+    rules: _data.rules
   };
 }
 

package/shared-utils/changeModelCanvasOpacity.d.ts

@@ -0,0 +1,2 @@
+import type { Five } from '@realsee/five';
+export default function changeModelCanvasOpacity(five: Five, opacity: number, duration?: number): void;

package/shared-utils/{changeModelCanvansOpacity.js → changeModelCanvasOpacity.js}

@@ -5,7 +5,7 @@ require("core-js/modules/es.object.define-property.js");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = changeModelCanvansOpacity;
+exports["default"] = changeModelCanvasOpacity;
 
 require("core-js/modules/es.array.iterator.js");
 
@@ -19,7 +19,7 @@ require("core-js/modules/web.dom-collections.iterator.js");
 
 require("core-js/modules/web.timers.js");
 
-function changeModelCanvansOpacity(five, opacity) {
+function changeModelCanvasOpacity(five, opacity) {
   var duration = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 300;
   var fiveEle = five.getElement();
   if (!fiveEle) return;

package/shared-utils/three/loadTexture.d.ts

@@ -1,2 +1,2 @@
-import { Texture } from 'three';
-export declare function loadTexture(url: string): Promise<Texture>;
+import * as THREE from 'three';
+export declare function loadTexture(url: string): Promise<THREE.Texture>;

package/shared-utils/three/loadTexture.js

@@ -1,9 +1,21 @@
 "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
 });
@@ -17,9 +29,13 @@ require("core-js/modules/es.promise.js");
 
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 
-var _three = require("three");
+var THREE = _interopRequireWildcard(require("three"));
+
+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 textureLoader = new _three.TextureLoader();
+var textureLoader = new THREE.TextureLoader();
 
 function loadTexture(_x) {
   return _loadTexture.apply(this, arguments);
@@ -33,6 +49,9 @@ function _loadTexture() {
           case 0:
             return _context.abrupt("return", new Promise(function (resolve, reject) {
               textureLoader.load(url, resolve, undefined, reject);
+            }).then(function (texture) {
+              texture.encoding = THREE.sRGBEncoding;
+              return texture;
             }));
 
           case 1:

package/shared-utils/changeModelCanvansOpacity.d.ts

@@ -1,2 +0,0 @@
-import type { Five } from '@realsee/five';
-export default function changeModelCanvansOpacity(five: Five, opacity: number, duration?: number): void;