@realsee/dnalogel 0.1.5 → 0.1.7

package/libs/gltf-viewer/mouseWheel.js

@@ -0,0 +1,59 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.addMouseWheel = addMouseWheel;
+exports.removeMouseWheel = removeMouseWheel;
+// 兼容 滚轮事件
+var _document = document;
+var _window = window;
+var eventName = _document.mozFullScreen ? 'DOMMouseScroll' : 'mousewheel';
+var isW3cEvent = !!window.addEventListener;
+var isIEEvent = !!_window.attachEvent;
+
+function fnWrapper(element, fn) {
+  return fn.__mouseWheelWrapper = function (event) {
+    event = event || window.event;
+
+    if (isW3cEvent) {
+      event.preventDefault();
+    }
+
+    if (isIEEvent) {
+      event.returnValue = false;
+    }
+
+    if (eventName == 'DOMMouseScroll' || eventName == 'mousewheel') {
+      event.delta = event.wheelDelta ? event.wheelDelta / 120 : -(event.detail || 0) / 3;
+    }
+
+    fn.call(element, event);
+  };
+}
+
+function addMouseWheel(element, fn) {
+  var __mouseWheelWrapper = fnWrapper(element, fn);
+
+  if (isW3cEvent) {
+    element.addEventListener(eventName, __mouseWheelWrapper, false);
+  } else if (isIEEvent) {
+    var _element = element;
+
+    _element.attachEvent('on' + eventName, __mouseWheelWrapper);
+  }
+}
+
+function removeMouseWheel(element, fn) {
+  if (isW3cEvent) {
+    element.removeEventListener(eventName, fn.__mouseWheelWrapper, false);
+  } else if (isIEEvent) {
+    var _element = element;
+
+    _element.detachEvent('on' + eventName, fn.__mouseWheelWrapper);
+  }
+
+  delete fn.__mouseWheelWrapper;
+}

package/libs/gltf-viewer/requestAnimationFrame.d.ts

@@ -0,0 +1 @@
+export declare const requestAnimationFrame: ((callback: FrameRequestCallback) => number) & typeof globalThis.requestAnimationFrame;

package/libs/gltf-viewer/requestAnimationFrame.js

@@ -0,0 +1,18 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.requestAnimationFrame = void 0;
+
+require("core-js/modules/web.timers.js");
+
+var _window = window;
+
+var requestAnimationFrame = window.requestAnimationFrame || _window.mozRequestAnimationFrame || _window.webkitRequestAnimationFrame || _window.msRequestAnimationFrame || function (fn) {
+  return setTimeout(fn, 16);
+};
+
+exports.requestAnimationFrame = requestAnimationFrame;

package/libs/gltf-viewer/requestAnimationFrameInterval.d.ts

@@ -0,0 +1 @@
+export declare function requestAnimationFrameInterval(fn: any, context?: any, args?: any[]): () => void;

package/libs/gltf-viewer/requestAnimationFrameInterval.js

@@ -0,0 +1,31 @@
+"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.requestAnimationFrameInterval = requestAnimationFrameInterval;
+
+require("core-js/modules/es.array.concat.js");
+
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+
+var _requestAnimationFrame = require("./requestAnimationFrame");
+
+function requestAnimationFrameInterval(fn, context) {
+  var args = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
+  var stoped = false;
+
+  var _loop = function loop(time) {
+    if (fn) fn.call.apply(fn, [context, time].concat((0, _toConsumableArray2["default"])(args)));
+    if (!stoped && _loop) (0, _requestAnimationFrame.requestAnimationFrame)(_loop);
+  };
+
+  (0, _requestAnimationFrame.requestAnimationFrame)(_loop);
+  return function () {
+    _loop = null, stoped = true;
+  };
+}

package/libs/gltf-viewer/uuid.d.ts

@@ -0,0 +1,4 @@
+/**
+ * 随机生成一个uuid值
+ */
+export default function uuid(): string;

package/libs/gltf-viewer/uuid.js

@@ -0,0 +1,28 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = uuid;
+
+require("core-js/modules/es.date.to-string.js");
+
+require("core-js/modules/es.object.to-string.js");
+
+require("core-js/modules/es.regexp.to-string.js");
+
+// uuid
+function S4() {
+  return ((1 + Math.random()) * 0x10000 | 0).toString(16).substring(1);
+}
+/**
+ * 随机生成一个uuid值
+ */
+
+
+function uuid() {
+  // then to call it, plus stitch in '4' in the third group
+  return (S4() + S4() + '-' + S4() + '-4' + S4().substr(0, 3) + '-' + S4() + '-' + S4() + S4() + S4()).toLowerCase();
+}

package/package.json

@@ -1,12 +1,13 @@
 {
   "name": "@realsee/dnalogel",
-  "version": "0.1.5",
+  "version": "0.1.7",
   "description": "如视前端 Componets、Plugins 兼部分 SDKs \"Dnalogel\" 库。",
   "author": "BEIKE REALSEE TECHNOLOGY (HK) LIMITED",
   "peerDependencies": {
     "@realsee/five": "^5.0.0-alpha.52",
     "@tweenjs/tween.js": "^18.6.4",
     "@types/styled-jsx": "^2.2.9",
+    "hammerjs": "^2.0.8",
     "react": "^16.14.0",
     "styled-jsx": "^3.4.6",
     "three": "0.117.1",
@@ -19,4 +20,4 @@
   "dependencies": {
     "core-js": "^3.20.0"
   }
-}
+}

package/plugins/ModelEntryDoorGuidePlugin/index.d.ts

@@ -1,8 +1,8 @@
 import type { FivePlugin } from '@realsee/five';
 import { Vector3Position } from '../../typings/math.type';
 export interface ModelEntryDoorGuidePluginData {
-    position: Vector3Position;
-    rad: number;
+    position?: Vector3Position;
+    rad?: number;
     fbx_url?: string;
 }
 export declare type ModelEntryDoorGuidePluginParameterType = {

package/plugins/ModelEntryDoorGuidePlugin/index.js

@@ -61,38 +61,40 @@ var ModelEntryDoorGuidePlugin = function ModelEntryDoorGuidePlugin(five, params)
 
   var load = /*#__PURE__*/function () {
     var _ref = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee(data) {
-      var _data$position, _data$position2, _data$rad, _data$fbx_url, _object$children, _object$children$, _object$children$$chi, _object$children$$chi2;
+      var _data$position, _data$rad, _data$fbx_url, _object$children, _object$children$, _object$children$$chi, _object$children$$chi2;
 
-      var modelPosition, rad, fbxUrl, object, textMesh;
+      var position, modelPosition, rad, fbxUrl, object, textMesh;
       return _regenerator["default"].wrap(function _callee$(_context) {
         while (1) {
           switch (_context.prev = _context.next) {
             case 0:
-              if (!(((_data$position = data === null || data === void 0 ? void 0 : data.position) !== null && _data$position !== void 0 ? _data$position : defaultModelPosition) === undefined)) {
-                _context.next = 2;
+              position = (_data$position = data === null || data === void 0 ? void 0 : data.position) !== null && _data$position !== void 0 ? _data$position : defaultModelPosition;
+
+              if (position) {
+                _context.next = 3;
                 break;
               }
 
               return _context.abrupt("return", Promise.reject("ModelEntryDoorGuidePlugin.load(): position is undefined"));
 
-            case 2:
-              modelPosition = (0, _transformPositionToVector["default"])((_data$position2 = data === null || data === void 0 ? void 0 : data.position) !== null && _data$position2 !== void 0 ? _data$position2 : defaultModelPosition);
+            case 3:
+              modelPosition = (0, _transformPositionToVector["default"])(position);
               rad = (_data$rad = data === null || data === void 0 ? void 0 : data.rad) !== null && _data$rad !== void 0 ? _data$rad : defaultRad;
               fbxUrl = (_data$fbx_url = data === null || data === void 0 ? void 0 : data.fbx_url) !== null && _data$fbx_url !== void 0 ? _data$fbx_url : defaultFbxUrl;
               state.rad = rad;
 
               if (!(rad === undefined)) {
-                _context.next = 8;
+                _context.next = 9;
                 break;
               }
 
               return _context.abrupt("return", Promise.reject("ModelEntryDoorGuidePlugin.load(): rad is ".concat(rad)));
 
-            case 8:
-              _context.next = 10;
+            case 9:
+              _context.next = 11;
               return new _FBXLoader.FBXLoader().loadAsync(fbxUrl);
 
-            case 10:
+            case 11:
               object = _context.sent;
               // 设置位置
               object.position.copy(modelPosition);
@@ -105,13 +107,13 @@ var ModelEntryDoorGuidePlugin = function ModelEntryDoorGuidePlugin(five, params)
               textMesh = (_object$children = object.children) === null || _object$children === void 0 ? void 0 : (_object$children$ = _object$children[0]) === null || _object$children$ === void 0 ? void 0 : (_object$children$$chi = _object$children$.children) === null || _object$children$$chi === void 0 ? void 0 : (_object$children$$chi2 = _object$children$$chi[3]) === null || _object$children$$chi2 === void 0 ? void 0 : _object$children$$chi2.clone();
 
               if (textMesh) {
-                _context.next = 18;
+                _context.next = 19;
                 break;
               }
 
               return _context.abrupt("return", Promise.reject("ModelEntryDoorGuidePlugin.load(): textMesh is ".concat(textMesh)));
 
-            case 18:
+            case 19:
               textMesh.material = new THREE.MeshBasicMaterial({
                 transparent: true,
                 map: (0, _createCanvasTextTexture["default"])('入户门')
@@ -121,7 +123,7 @@ var ModelEntryDoorGuidePlugin = function ModelEntryDoorGuidePlugin(five, params)
               state.object = object;
               return _context.abrupt("return", true);
 
-            case 23:
+            case 24:
             case "end":
               return _context.stop();
           }
@@ -221,6 +223,7 @@ var ModelEntryDoorGuidePlugin = function ModelEntryDoorGuidePlugin(five, params)
   var enable = function enable(config) {
     if (state.enabled) return true;
     state.enabled = true;
+    modeChangeHandler(five.currentMode);
     five.on('modeChange', modeChangeHandler);
     show(config);
     return true;

package/plugins/PanoTVVideoPlugin/index.d.ts

@@ -1,3 +1,4 @@
+import * as THREE from 'three';
 import { FivePlugin } from '@realsee/five';
 export declare type PanoTVVideoPluginPoints = Record<string, {
     position: {
@@ -19,6 +20,7 @@ export interface PanoTVVideoPluginExportType {
     enable: () => void;
     disable: () => void;
     load: (data: PanoTVVideoPluginData, videoElement?: HTMLVideoElement) => void;
+    getVideoTexture: () => THREE.VideoTexture | undefined;
 }
 export declare const PanoTVVideoPlugin: FivePlugin<PanoTVVideoPluginParameterType, PanoTVVideoPluginExportType>;
 export default PanoTVVideoPlugin;

package/plugins/PanoTVVideoPlugin/index.js

@@ -115,7 +115,7 @@ var PanoTVVideoPlugin = function PanoTVVideoPlugin(five, parameters) {
   };
   var videoMeshes = [];
 
-  var getImageTexture = function getImageTexture(source) {
+  var createImageTexture = function createImageTexture(source) {
     var texture = new THREE.TextureLoader().load(source);
     texture.minFilter = THREE.LinearFilter;
     texture.magFilter = THREE.LinearFilter;
@@ -123,7 +123,7 @@ var PanoTVVideoPlugin = function PanoTVVideoPlugin(five, parameters) {
     return texture;
   };
 
-  var getVideoTexture = function getVideoTexture(source, video) {
+  var createVideoTexture = function createVideoTexture(source, video) {
     return new Promise(function (resolve, reject) {
       var xhr = new XMLHttpRequest();
 
@@ -161,6 +161,10 @@ var PanoTVVideoPlugin = function PanoTVVideoPlugin(five, parameters) {
     });
   };
 
+  var getVideoTexture = function getVideoTexture() {
+    return state.videoTexture;
+  };
+
   var getPoints = function getPoints(panoIndex) {
     if (!state.rectPoints) return [];
     var rectPoints_ = state.rectPoints[panoIndex];
@@ -274,14 +278,14 @@ var PanoTVVideoPlugin = function PanoTVVideoPlugin(five, parameters) {
         points = data.points;
     state.videoSource = video_src;
     state.rectPoints = points;
-    state.imageTexture = getImageTexture(video_poster_src);
+    state.imageTexture = createImageTexture(video_poster_src);
     if (videoElement) state.videoElement = videoElement;
     var panoIndex = five.state.panoIndex;
     var meshes = videoMeshes[panoIndex] = createPanoVideoMeshes(panoIndex);
     meshes.forEach(function (mesh) {
       return five.scene.add(mesh);
     });
-    getVideoTexture(state.videoSource, state.videoElement).then(function (videoTexture_) {
+    createVideoTexture(state.videoSource, state.videoElement).then(function (videoTexture_) {
       if (videoTexture_.videoSource !== state.videoSource) return;
       state.videoTexture = videoTexture_;
 
@@ -370,15 +374,16 @@ var PanoTVVideoPlugin = function PanoTVVideoPlugin(five, parameters) {
   five.on('modeChange', function (mode) {
     if (!state.enabled) return;
     if (mode === _five.Five.Mode.Panorama) return;
-    videoMeshes.forEach(function () {// if (meshes) {
-      //   meshes.forEach((mesh) => {
-      //     mesh.geometry.dispose()
-      //     mesh.material.dispose()
-      //     five.scene.remove(mesh)
-      //   })
-      //   videoMeshes[index] = undefined
-      //   if (state.videoTexture) state.videoTexture.image.pause()
-      // }
+    videoMeshes.forEach(function (meshes, index) {
+      if (meshes) {
+        meshes.forEach(function (mesh) {
+          mesh.geometry.dispose();
+          mesh.material.dispose();
+          five.scene.remove(mesh);
+        });
+        videoMeshes[index] = undefined;
+        if (state.videoTexture) state.videoTexture.image.pause();
+      }
     });
   });
   five.on('wantsTapGesture', function (raycaster) {
@@ -418,7 +423,8 @@ var PanoTVVideoPlugin = function PanoTVVideoPlugin(five, parameters) {
   return {
     enable: enable,
     disable: disable,
-    load: load
+    load: load,
+    getVideoTexture: getVideoTexture
   };
 };
 

package/components/PBRView/index.d.ts

@@ -1,14 +0,0 @@
-import * as React from 'react';
-export interface PBRViewPropTypes {
-    hidden?: boolean;
-    className?: string;
-}
-/**
- * 查看 **PBR**模型
- *
- * @TODO 待排期
- *
- * > RD 小哥哥 正在 加班研发中 ...
- */
-declare const PBRView: React.FC<PBRViewPropTypes>;
-export default PBRView;