@realsee/dnalogel 0.1.0

package/plugins/TreasurePlugin/utils/loadTreasureTextures.js

@@ -0,0 +1,115 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.loadTreasureTextures = loadTreasureTextures;
+
+var _loadTexture = require("../../../shared-utils/three/loadTexture");
+
+var _constants = require("../constants");
+
+var _treasureDataMap = require("../treasureDataMap");
+
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
+
+function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
+
+function loadTreasureTextures(_x, _x2) {
+  return _loadTreasureTextures.apply(this, arguments);
+}
+
+function _loadTreasureTextures() {
+  _loadTreasureTextures = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee(data, baseFbxObjPromise) {
+    var types, treasureTexturePromise;
+    return regeneratorRuntime.wrap(function _callee$(_context) {
+      while (1) {
+        switch (_context.prev = _context.next) {
+          case 0:
+            // 需要加载的所有宝箱种类
+            types = Array.from(new Set(data.treasures.map(function (treasure) {
+              return treasure.type;
+            })));
+            treasureTexturePromise = Promise.all(types.map(function (type) {
+              return loadTreasureTextureWithType(type, baseFbxObjPromise);
+            }));
+            return _context.abrupt("return", treasureTexturePromise);
+
+          case 3:
+          case "end":
+            return _context.stop();
+        }
+      }
+    }, _callee);
+  }));
+  return _loadTreasureTextures.apply(this, arguments);
+}
+
+function loadTreasureTextureWithType(_x3, _x4) {
+  return _loadTreasureTextureWithType.apply(this, arguments);
+}
+
+function _loadTreasureTextureWithType() {
+  _loadTreasureTextureWithType = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee2(type, baseFbxObjPromise) {
+    var treasureMapItem, _texture, fbxGroup, box2Mesh, texture;
+
+    return regeneratorRuntime.wrap(function _callee2$(_context2) {
+      while (1) {
+        switch (_context2.prev = _context2.next) {
+          case 0:
+            treasureMapItem = _treasureDataMap.treasureDataMap.get(type);
+
+            if (treasureMapItem) {
+              _context2.next = 3;
+              break;
+            }
+
+            throw new Error('不存在的宝箱类型');
+
+          case 3:
+            if (!(treasureMapItem.type !== _constants.DEFAULT_TREASURE_TYPE)) {
+              _context2.next = 8;
+              break;
+            }
+
+            _context2.next = 6;
+            return (0, _loadTexture.loadTexture)(treasureMapItem.textureUrl);
+
+          case 6:
+            _texture = _context2.sent;
+            return _context2.abrupt("return", {
+              treasureMapItem: treasureMapItem,
+              texture: _texture
+            });
+
+          case 8:
+            _context2.next = 10;
+            return baseFbxObjPromise;
+
+          case 10:
+            fbxGroup = _context2.sent;
+            box2Mesh = fbxGroup.getObjectByName('box2');
+            texture = box2Mesh === null || box2Mesh === void 0 ? void 0 : box2Mesh.material.map;
+
+            if (texture) {
+              _context2.next = 15;
+              break;
+            }
+
+            throw new Error('加载内置资源失败: FBX 文件不存在 box2');
+
+          case 15:
+            return _context2.abrupt("return", {
+              treasureMapItem: treasureMapItem,
+              texture: texture
+            });
+
+          case 16:
+          case "end":
+            return _context2.stop();
+        }
+      }
+    }, _callee2);
+  }));
+  return _loadTreasureTextureWithType.apply(this, arguments);
+}

package/plugins/floorplan/Assets/floorplanExtraObject.d.ts

@@ -0,0 +1 @@
+export declare const FLOORPLANE_EXTRA_OBJECT_IMAGE = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC0AAAAwCAYAAACFUvPfAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAALaADAAQAAAABAAAAMAAAAADe2FZjAAAEF0lEQVRoBe2WzWskRRiHf13V092TxI2oEzYeVDwITtyDuCiihwiCePGgxIM3vYgHL4J4UIhBRA8i/gPqyUvWg7AiIuIeloDiYUHJLOK6BPwIk9nNODM9Xf1RVe1b3elJRjCZmQ6euqGmuqer33rq4e23GqiOykBloDJQGagMVAYqA5WBykBlYFYD1qwP/tdzaZqOx9zYOLxeX0+L5yzLGp0X/03a25MOnGRcBtx+6Rlo9SL08G4EooFnxa8Yiivox5/h5Ys/4cl7NVorNDRnngX+0MIkVMeMSf23zyKML8J7/Dy8hwF2Buh9CnS+AEQIdLspBuGb+M7/qLW4qJrNpsLapjYhpwVnx3BMfCtNNx3Etc9xywvnMf80wG8HmQainw0RxSGrnmeBp+8k5/j9S0HbvXb5io0Lz880/0wPHV1NlhLd316He+4xOCv5ragF7L9PrH1qBJyB0626x/lC+qrSvH5r/W+n1WpxUM5nMY4GPeH8lHJaPgfeAFQHCL+ntkXT+vnUc3W6pvTIwC0wy3rA4dwLmK2avZ7Eo9uKBuYJfgJscbs8dLCxDMt+EOEPBEZNEWyBYHqTz6bPXrzUnNrSShxHIsYiOL69zrCGLLcLqJP68tB+9w5wj+YhWDafQ2s61wNqxjZhmrQ2pvMFCEvXuCUZ7wqH794ZWs28LJqlTXSUyuksF2M/yOwqgkx2c1ADa4wLAQRk2sAGQQakhN6yFC2hltfz5kSY44NKQeeh+vtI/SSzWhg2CzCgmWISmKUGmaYFBDfCSymnfxJ6/+ospVcWOLLp5DGP/y0P/Rp66O99DQNq7Po3Ds0a0wY+My2QSv2N2mO/OyxR2o6UQk+Lv7yJ06JYSnnolZVU9cUn2O9SmaMWGFBqYXRwbqAJWIi94TX5biotpcGl1DXZ6LnqIbNDTnmUgi52Mv5l5ysMxIcZcGjy2DTK4ZHlcBC14zeSge4qphICjj3bS0A7o9nSp2TOkm7aZ8bGZy/jxhO87V91G0+dfY/Z7BWIIK9KYUi5qy/Hf8YfBG3sqJTHiQWhmTVkbip+wX3x6volVSx+LPAxF+VLXhZ8VQ+iP2Rta/iWe5v42Fngj0BbdnRTXh12ZIcKhTaGbcYjybRwXBU1lu9KlndXp04NM52poKWO0RZsviNaP9a6grkO972+st05pXhE5c1hTEluJy7XUejGUQNLMbAmTdWY1rKBLW3aTJqBZ7nZkb36DhYCreeYHbMUXHvaYi5XDK70EcgulmRjm77wNtenzuXCbmnTRaAx493rbGf3Jr/njMzj920CnKdUaFCjlDioy7NYNvOdGrQJNgI32/L2tkXfFPlxgToqjWVhD6KdLnQRdARf/HHQz2r2X2Gqy8pAZaAyUBmoDFQGKgP/q4F/AJYg9/s0ZoABAAAAAElFTkSuQmCC";

package/plugins/floorplan/Assets/floorplanExtraObject.js

@@ -0,0 +1,8 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FLOORPLANE_EXTRA_OBJECT_IMAGE = void 0;
+var FLOORPLANE_EXTRA_OBJECT_IMAGE = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC0AAAAwCAYAAACFUvPfAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAALaADAAQAAAABAAAAMAAAAADe2FZjAAAEF0lEQVRoBe2WzWskRRiHf13V092TxI2oEzYeVDwITtyDuCiihwiCePGgxIM3vYgHL4J4UIhBRA8i/gPqyUvWg7AiIuIeloDiYUHJLOK6BPwIk9nNODM9Xf1RVe1b3elJRjCZmQ6euqGmuqer33rq4e23GqiOykBloDJQGagMVAYqA5WBykBlYFYD1qwP/tdzaZqOx9zYOLxeX0+L5yzLGp0X/03a25MOnGRcBtx+6Rlo9SL08G4EooFnxa8Yiivox5/h5Ys/4cl7NVorNDRnngX+0MIkVMeMSf23zyKML8J7/Dy8hwF2Buh9CnS+AEQIdLspBuGb+M7/qLW4qJrNpsLapjYhpwVnx3BMfCtNNx3Etc9xywvnMf80wG8HmQainw0RxSGrnmeBp+8k5/j9S0HbvXb5io0Lz880/0wPHV1NlhLd316He+4xOCv5ragF7L9PrH1qBJyB0626x/lC+qrSvH5r/W+n1WpxUM5nMY4GPeH8lHJaPgfeAFQHCL+ntkXT+vnUc3W6pvTIwC0wy3rA4dwLmK2avZ7Eo9uKBuYJfgJscbs8dLCxDMt+EOEPBEZNEWyBYHqTz6bPXrzUnNrSShxHIsYiOL69zrCGLLcLqJP68tB+9w5wj+YhWDafQ2s61wNqxjZhmrQ2pvMFCEvXuCUZ7wqH794ZWs28LJqlTXSUyuksF2M/yOwqgkx2c1ADa4wLAQRk2sAGQQakhN6yFC2hltfz5kSY44NKQeeh+vtI/SSzWhg2CzCgmWISmKUGmaYFBDfCSymnfxJ6/+ospVcWOLLp5DGP/y0P/Rp66O99DQNq7Po3Ds0a0wY+My2QSv2N2mO/OyxR2o6UQk+Lv7yJ06JYSnnolZVU9cUn2O9SmaMWGFBqYXRwbqAJWIi94TX5biotpcGl1DXZ6LnqIbNDTnmUgi52Mv5l5ysMxIcZcGjy2DTK4ZHlcBC14zeSge4qphICjj3bS0A7o9nSp2TOkm7aZ8bGZy/jxhO87V91G0+dfY/Z7BWIIK9KYUi5qy/Hf8YfBG3sqJTHiQWhmTVkbip+wX3x6volVSx+LPAxF+VLXhZ8VQ+iP2Rta/iWe5v42Fngj0BbdnRTXh12ZIcKhTaGbcYjybRwXBU1lu9KlndXp04NM52poKWO0RZsviNaP9a6grkO972+st05pXhE5c1hTEluJy7XUejGUQNLMbAmTdWY1rKBLW3aTJqBZ7nZkb36DhYCreeYHbMUXHvaYi5XDK70EcgulmRjm77wNtenzuXCbmnTRaAx493rbGf3Jr/njMzj920CnKdUaFCjlDioy7NYNvOdGrQJNgI32/L2tkXfFPlxgToqjWVhD6KdLnQRdARf/HHQz2r2X2Gqy8pAZaAyUBmoDFQGKgP/q4F/AJYg9/s0ZoABAAAAAElFTkSuQmCC';
+exports.FLOORPLANE_EXTRA_OBJECT_IMAGE = FLOORPLANE_EXTRA_OBJECT_IMAGE;

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

@@ -0,0 +1,100 @@
+import * as React from 'react';
+import { Five, Subscribe } from '@realsee/five';
+import { FloorplanEventHandlers } from './typings/events.type';
+import { FloorplanServerData } from '../typings/floorplanServerData';
+import { FloorplanRoomItem } from '../typings/floorplanData';
+export interface ModelFloorplanParameterType {
+    selector?: string | Element;
+    scale?: number;
+    autoShowEnable?: boolean;
+    hoverEnable?: boolean;
+    cameraImage?: {
+        style: React.CSSProperties;
+    };
+    getLabelElement?: (room: FloorplanRoomItem) => Element | null;
+}
+export declare type ModelFloorplanPluginsConfigs = Omit<ModelFloorplanParameterType, 'selector' | 'scale'>;
+export interface ModelFloorplanPluginsShowOpts {
+    floorIndex?: number;
+    isAutoShow?: boolean;
+    modelOpacity?: number;
+    immediatily?: boolean;
+    userAction?: boolean;
+}
+export declare const MODEL_FLOORPLAN_PLUGIN_NAME = "modelFloorplanPlugin";
+export default class ModelFloorplanPluginController {
+    name: string;
+    /** 用于绑定事件钩子 */
+    hooks: Subscribe<FloorplanEventHandlers>;
+    /** 展示状态 */
+    visible: boolean;
+    /** 户型图大小 */
+    size: {
+        width: number;
+        height: number;
+    };
+    private pxmm;
+    private five;
+    private panoIndex;
+    private floorIndex;
+    private configs;
+    private lastPanoramaLongitude;
+    private selector?;
+    private floorplanData?;
+    private wrapper?;
+    private container;
+    private showState;
+    /** 记录上次 show 的参数，如果不一致，需要 reject 掉正在进行的 showPromise */
+    private ModelFloorplanPluginsShowOpts?;
+    private showPromise?;
+    private showRejection?;
+    constructor(five: Five, params: ModelFloorplanParameterType);
+    dispose: () => void;
+    /** 加载户型图数据 */
+    load(data: FloorplanServerData): Promise<void>;
+    /** 把插件的渲染DOM插入到对应的容器中去 */
+    appendTo(wrapper: Element): this;
+    /** 更新户型图大小 */
+    updateSize: () => void;
+    /** 展示户型图
+     * 1. show 函数大部分情况下需要耗时
+     * 2. 如果当前已经在展示中，将不会触发任何事件
+     * 3. 如果展示过程被中断，将抛出错误
+     * 4. 多次调用 show 方法，只会触发一次 showAnimationEnded 事件，但是展示结果会取决于最后一次调用参数
+     * 5. 如果多次调用 show 方法，参数与上次参数不一致时，上次 show Promise 会被 reject
+     * @param opts.floorIndex 楼层
+     * @param opts.modelOpacity 模型透明度
+     * @param opts.immediatily 是否立即展示
+     * @param opts.isAutoShow 是否是自动展示
+     */
+    show: (opts?: ModelFloorplanPluginsShowOpts | undefined) => Promise<boolean>;
+    /** 隐藏户型图 */
+    hide: (options?: {
+        isAutoHide?: boolean | undefined;
+        userAction?: boolean | undefined;
+    } | undefined) => boolean;
+    /** 更改户型图楼层 */
+    changeFloor(floorIndex: number): void;
+    changeConfigs(params: ModelFloorplanPluginsConfigs): void;
+    /** 模型楼层高亮改变时，自动进行楼层切换 */
+    private onModelShownFloorChange;
+    private handleModelLoaded;
+    private handleClick;
+    private handleWantsTapGesture;
+    /** 从 Panorama 切换到其他模式时，记录当前的相机水平视角 */
+    private handleWantsChangeMode;
+    /** 监听模型态变化，只有在模型态才进行手势动作监听 */
+    private handleModeChange;
+    /** panoIndex 改变时，更新 floorIndex */
+    private handlePanoArrived;
+    /** 当户型图正在展示中的时候禁用惯性 */
+    private handleWantsInteriaPan;
+    /** 在户型图展示时阻止多指操作, 阻止鼠标放大 */
+    private handleWantsGesture;
+    /** 监听三维模型滑动
+     * 1. 在三维模型转动结束时，如果达到设置的阈值，会自动切换到户型图
+     * 2. 如何户型图已经展示，滑动时关闭户型图
+     */
+    private handlePanGesture;
+    private render;
+}