@realsee/dnalogel 0.1.7-alpha.8 → 2.0.0-alpha.10

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

@@ -1,2 +0,0 @@
-export declare function addMouseWheel(element: Element, fn: any): void;
-export declare function removeMouseWheel(element: Element, fn: any): void;

package/libs/gltf-viewer/mouseWheel.js

@@ -1,59 +0,0 @@
-"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

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

package/libs/gltf-viewer/requestAnimationFrame.js

@@ -1,18 +0,0 @@
-"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

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

package/libs/gltf-viewer/requestAnimationFrameInterval.js

@@ -1,31 +0,0 @@
-"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.js

@@ -1,28 +0,0 @@
-"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/plugins/AutoPreloadPlugin/index.d.ts

@@ -1,23 +0,0 @@
-import { FivePlugin } from '@realsee/five';
-export declare type AutoPreloadPluginParameterType = {
-    /** 预加载使用的图片质量 */
-    preloadImageSize?: number;
-    /** 走点时，预加载的点位个数 */
-    preloadPanoIndexNumber?: number;
-    /** 走点时，是否使用预加载功能 */
-    shouldPreloadAroundPanoImage?: (panoIndex: number) => boolean | void;
-};
-export interface AutoPreloadPluginReturnType {
-    dispose: () => void;
-}
-/** 优化首点位加载的逻辑
- *
- * 1.进入 VR 时，如果 Five 默认的配置图片像素超过了 1024，先用 1024 加载
- * 第一个点位加载完成之后，再使用业务上配置的图片像素重复加载一遍当前点位
- *
- * 2.在走点时，会预载距离当前点位最近的 preloadPanoIndexNumber 个数的点
- * @description
- * 预载周围的点时，不会一次性全部预载。而是每隔1s，预载其中的一个点
- */
-declare const AutoPreloadPlugin: FivePlugin<AutoPreloadPluginParameterType, AutoPreloadPluginReturnType>;
-export default AutoPreloadPlugin;

package/plugins/AutoPreloadPlugin/index.js

@@ -1,111 +0,0 @@
-"use strict";
-
-require("core-js/modules/es.object.define-property.js");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-require("core-js/modules/web.timers.js");
-
-require("core-js/modules/es.array.splice.js");
-
-require("core-js/modules/es.array.from.js");
-
-require("core-js/modules/es.string.iterator.js");
-
-require("core-js/modules/es.array.iterator.js");
-
-require("core-js/modules/es.object.to-string.js");
-
-require("core-js/modules/es.set.js");
-
-require("core-js/modules/web.dom-collections.iterator.js");
-
-require("core-js/modules/es.array.map.js");
-
-require("core-js/modules/es.array.slice.js");
-
-require("core-js/modules/es.array.sort.js");
-
-require("core-js/modules/es.array.filter.js");
-
-var _nextFrame = require("../../shared-utils/nextFrame");
-
-/** 优化首点位加载的逻辑
- *
- * 1.进入 VR 时，如果 Five 默认的配置图片像素超过了 1024，先用 1024 加载
- * 第一个点位加载完成之后，再使用业务上配置的图片像素重复加载一遍当前点位
- *
- * 2.在走点时，会预载距离当前点位最近的 preloadPanoIndexNumber 个数的点
- * @description
- * 预载周围的点时，不会一次性全部预载。而是每隔1s，预载其中的一个点
- */
-var AutoPreloadPlugin = function AutoPreloadPlugin(five, parameters) {
-  var _parameters$preloadIm, _parameters$preloadPa;
-
-  var preloadImageSize = (_parameters$preloadIm = parameters === null || parameters === void 0 ? void 0 : parameters.preloadImageSize) !== null && _parameters$preloadIm !== void 0 ? _parameters$preloadIm : 1024;
-  var preloadPanoIndexNumber = (_parameters$preloadPa = parameters === null || parameters === void 0 ? void 0 : parameters.preloadPanoIndexNumber) !== null && _parameters$preloadPa !== void 0 ? _parameters$preloadPa : 4;
-  var lastSize = five.imageOptions.size;
-  var timer = void 0;
-
-  var doPreload = function doPreload(quene) {
-    if (quene.length === 0) return;
-    five.preloadPano(quene[0]);
-    if (quene.length === 1) return;
-    timer = setTimeout(function () {
-      return doPreload(quene.splice(1));
-    }, 1000);
-  };
-
-  var onPanoArrived = function onPanoArrived(panoIndex) {
-    if (parameters !== null && parameters !== void 0 && parameters.shouldPreloadAroundPanoImage) {
-      var shouldPreload = parameters.shouldPreloadAroundPanoImage(panoIndex);
-      if (!shouldPreload) return;
-    }
-
-    if (timer) clearTimeout(timer);
-    var currentIndex = panoIndex;
-    var currentObserver = five.work.observers[currentIndex];
-    var preloadIndexArray = Array.from(new Set(five.work.observers.filter(function (observer) {
-      return observer.floorIndex === currentObserver.floorIndex;
-    }).map(function (observer) {
-      var distance = observer.standingPosition.clone().distanceTo(currentObserver.standingPosition);
-      return {
-        observer: observer,
-        distance: distance
-      };
-    }).sort(function (a, b) {
-      return a.distance - b.distance;
-    }).slice(0, preloadPanoIndexNumber).map(function (_ref) {
-      var observer = _ref.observer;
-      return observer.panoIndex;
-    })));
-    doPreload(preloadIndexArray);
-  };
-
-  var onFirstPanoArrived = function onFirstPanoArrived(panoIndex) {
-    // 在第一次点位加载之后再做周围点位的预载，防止第一个点位周围的点预载两次
-    // 同时也防止阻塞第一个点的低分辨率图快速加载
-    five.on('panoArrived', onPanoArrived);
-    var shouldPreloadFirstPanoImage = five.imageOptions.size !== lastSize;
-    if (!shouldPreloadFirstPanoImage) return;
-    (0, _nextFrame.nextFrame)(function () {
-      five.imageOptions.size = lastSize;
-      five.moveToPano(panoIndex);
-    }, 5);
-  };
-
-  five.imageOptions.size = lastSize && lastSize > preloadImageSize ? preloadImageSize : lastSize;
-  if (five.imageOptions.size !== lastSize) five.once('panoArrived', onFirstPanoArrived);
-  return {
-    dispose: function dispose() {
-      five.off('panoArrived', onFirstPanoArrived);
-      five.off('panoArrived', onPanoArrived);
-    }
-  };
-};
-
-var _default = AutoPreloadPlugin;
-exports["default"] = _default;

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

@@ -1,12 +0,0 @@
-/// <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

@@ -1,121 +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"] = Marker;
-
-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");
-
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
-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 _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 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 = (0, _slicedToArray2["default"])(_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

@@ -1,49 +0,0 @@
-import { FivePlugin } from '@realsee/five';
-import { Vector3 } from 'three';
-import { CSS3DObject } from 'three/examples/jsm/renderers/CSS3DRenderer';
-import { Vector3Position } from '../../typings/math.type';
-export declare type CSS3DRenderPluginParameterType = undefined;
-export interface CSS3DRenderPluginExportType {
-    /**
-     * @description: 根据传入的四个点位创建一个3d dom容器，可以通过ReactDom.render()的方式将react组件放到容器中
-     * @param {Five} five
-     * @param {Vector3[] | Vector3Position[]} points: 矩形四个点坐标
-     * @param {number} config.ratio: 1px对应多少米，默认为 0.002，即1px对应2mm
-     * @param {number} config.dpr: dpr, 默认为1
-     * @param {HTMLElement} config.container: HTMLElement
-     * @param {number} config.autoRender: 默认为true，如果需要手动render则传false
-     * @param {'front' | 'behind'} config.mode: 两种模式
-     * @param {HTMLElement} config.behindFiveContainer: 如果config.mode为'behind'，需要传入容器，并确保此容器位five下方，且中间没有其他dom元素遮挡
-     * @return {{ container: HTMLElement; dispose: () => void }}: container: dom容器, dispose: 清理函数
-     */
-    create3DDomContainer: (points: Vector3[] | Vector3Position[], config?: {
-        ratio?: number;
-        dpr?: number;
-        autoRender?: boolean;
-        container?: HTMLElement;
-        [key: string]: any;
-    } & ({
-        mode?: 'front';
-    } | {
-        mode: 'behind';
-        behindFiveContainer: HTMLElement;
-    })) => {
-        container: HTMLElement;
-        dispose: () => void;
-        css3DObject: 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;