@realsee/dnalogel 2.0.0-alpha.44 → 2.0.0-alpha.45

package/libs/src/floorplan/utils/correctFiveState.js

@@ -1,46 +0,0 @@
-import to from '../../shared-utils/to';
-import { FloorplanErrorType } from '../utils/constant';
-import nearlyEqual from '../../shared-utils/nearlyEqual';
-import changeMode from '../../shared-utils/five/changeMode';
-/** 判断当前状态是否可以展示户型图 */
-export function checkShowState(five, showState) {
-    if (five.currentMode !== showState.mode)
-        return false;
-    const { latitude, longitude, fov } = showState;
-    const { latitude: _latitude, longitude: _longitude } = five.getCurrentState();
-    const _fov = five.camera.fov;
-    if (!nearlyEqual(latitude, _latitude, 2))
-        return false;
-    if (!nearlyEqual(longitude, _longitude, 2))
-        return false;
-    if (fov !== _fov)
-        return false;
-    return true;
-}
-/** 更改 Five 状态到展示户型图的状态
- * 1. 判断状态不符合时，会纠正到正确的状态
- * 2. 内置了相应的动画时间计算
- * 3. 纠正成功会返回 true，失败「可能会被用户行为中断」会返回 false
- */
-export default async function correctFiveState(five, showState, userAction = true) {
-    // 当前已满足状态，不需要变更
-    const result = checkShowState(five, showState);
-    if (result === true)
-        return;
-    const currentFiveState = five.getCurrentState();
-    // 纠正 mode
-    if (currentFiveState.mode !== showState.mode) {
-        const [changeModeError] = await to(changeMode(five, [showState.mode, showState, undefined, userAction]));
-        if (changeModeError)
-            throw new Error(FloorplanErrorType.ChangeModeError);
-        return;
-    }
-    // 纠正相机状态
-    // 根据 latitude、longitude、fov 计算动画时间，最多 1s
-    const { latitude, longitude, fov } = currentFiveState;
-    const time = Math.min(1000, Math.max(200, Math.abs(latitude - Math.PI / 2) * 1000, (longitude > Math.PI ? 2 * Math.PI - longitude : longitude) * 500, Math.abs(fov - showState.fov) * 10));
-    const [updateCameraError] = await to(five.updateCamera(showState, time, userAction));
-    if (updateCameraError)
-        throw new Error(FloorplanErrorType.UpdateCameraError);
-    return;
-}

package/libs/src/floorplan/utils/formatData.js

@@ -1,94 +0,0 @@
-import { FLOORPLAN_EXTRA_OBJECT_IMAGE } from '../Assets/floorplanExtraObject';
-import { floorplanPosition2ImagePosition, getFloorIndexFromModelPosition, modelPosition2FloorplanPosition, } from './formatPosition';
-async function formatOutlines(outlines) {
-    const headers = new Headers({ 'Content-Type': 'text/plain' });
-    const getOutlineItem = async function (item) {
-        const outlineItem = {
-            index: item.index,
-            url: item.url,
-            svgUrl: item.svg_url,
-        };
-        if (item.svg_url) {
-            const svgContent = await fetch(item.svg_url, { headers }).then((res) => res.text());
-            outlineItem.svgContent = svgContent;
-        }
-        return outlineItem;
-    };
-    const svgOutlineItems = await Promise.all(outlines.map(getOutlineItem));
-    return svgOutlineItems;
-}
-function formatRoom(data) {
-    const floorplanRoomItem = {
-        id: data.id,
-        size: data.size,
-        name: data.name,
-        path: data.path,
-        roomType: data.room_type,
-        floorType: data.floor_type,
-        roomLabel: {
-            position: data.room_label.position,
-            positionInImage: data.room_label.position_in_image,
-        },
-        observerIndexs: data.observer_indexs,
-    };
-    return floorplanRoomItem;
-}
-function formatFloorData(_data) {
-    return {
-        floorName: _data.floor_name,
-        floorIndex: _data.floor_index,
-        rooms: _data.rooms.map(formatRoom),
-        rules: _data.rules,
-    };
-}
-function formateFloorplanObserver(data) {
-    const floorplanObserver = {
-        index: data.index,
-        floorIndex: data.floor_index,
-        position: data.position,
-        positionInImage: data.position_in_image,
-    };
-    return floorplanObserver;
-}
-function formatFloorplanEntrance(data) {
-    const floorplanEntrance = {
-        rad: data.rad,
-        position: data.position,
-        positionInImage: data.position_in_image,
-        northRad: data.north_rad,
-        roomId: data.room_id,
-        floorIndex: data.floor_index,
-    };
-    return floorplanEntrance;
-}
-export default async function formatData(data) {
-    const outlines = await formatOutlines(data.outlines);
-    const bounding = data.computed_data.bounding;
-    const floorDatas = data.computed_data.floor_datas.map(formatFloorData);
-    const entrance = data.computed_data.entrance ? formatFloorplanEntrance(data.computed_data.entrance) : null;
-    const floorplanData = {
-        outlines,
-        entrance,
-        bounding,
-        floorDatas,
-        observers: data.computed_data.observers.map(formateFloorplanObserver),
-    };
-    return floorplanData;
-}
-export function formatExtraObjects(data, five, floorplanData) {
-    const extraObjects = data.map((object) => {
-        const position = object.position;
-        const icon = object.icon
-            ? object.icon
-            : {
-                url: FLOORPLAN_EXTRA_OBJECT_IMAGE,
-                width: 45,
-                height: 48,
-            };
-        const floorIndex = getFloorIndexFromModelPosition(position, five);
-        const floorplanPosition = modelPosition2FloorplanPosition(position, floorplanData);
-        const floorplanImagePosition = floorplanPosition2ImagePosition(floorplanPosition, floorplanData);
-        return { floorIndex, icon, id: object.id, position: floorplanPosition, positionInImage: floorplanImagePosition };
-    });
-    return extraObjects;
-}

package/libs/src/floorplan/utils/formatPosition.js

@@ -1,50 +0,0 @@
-export function pathD(points, options = {}) {
-    let d = '';
-    const { needZ, needA } = options;
-    const _points = needZ ? points.slice().concat(points[0]) : points.slice();
-    _points.forEach((_point, index) => {
-        const { x, y } = options.format ? options.format(_point) : _point;
-        const point = x + ',' + y;
-        if (index === 0) {
-            d += 'M' + point;
-            return d;
-        }
-        if (needA === null || needA === void 0 ? void 0 : needA[index]) {
-            d += 'A' + needA[index] + ',' + point;
-            return d;
-        }
-        d += 'L' + point;
-        return d;
-    });
-    return d + (needZ ? 'Z' : '');
-}
-/** 把户型图上点点位转换到 SVG 上的点位 */
-export default function formatFloorplanPoint({ x, y }, bounding) {
-    const { max, min } = bounding;
-    return { x: x - min.x, y: max.y - y };
-}
-/** 模型坐标转户型图坐标 */
-export function modelPosition2FloorplanPosition(position, floorplanData) {
-    const x = position.x * 1000 + floorplanData.bounding.origin.x;
-    const y = -position.z * 1000 + floorplanData.bounding.origin.y;
-    return { x, y };
-}
-/** 户型图点位转在图片上的相对坐标 */
-export function floorplanPosition2ImagePosition(position, floorplanData) {
-    const bounding = floorplanData.bounding;
-    const boundingWidth = bounding.max.x - bounding.min.x;
-    const boundingHeight = bounding.max.y - bounding.min.y;
-    return {
-        x: (position.x - bounding.min.x) / boundingWidth,
-        y: (bounding.max.y - position.y) / boundingHeight,
-    };
-}
-/** 求三维坐标点所在的楼层 */
-export function getFloorIndexFromModelPosition(position, five) {
-    const floorIndex = Math.max(...five.work.observers.map((observer) => {
-        if (position.z >= observer.standingPosition.z)
-            return observer.floorIndex;
-        return 0;
-    }));
-    return floorIndex;
-}

package/libs/src/index.d.ts

@@ -1,16 +0,0 @@
-export * from './ModelViewPlugin';
-export * from './CSS3DRenderPlugin';
-export * from './PanoCursorRaycasterPlugin';
-export * from './ModelRoomLabelPlugin';
-export * from './floorplan';
-export * from './ModelChassisCompassPlugin';
-export * from './ModelEntryDoorGuidePlugin';
-export * from './CameraMovementPlugin';
-export * from './PanoRulerPlugin';
-export * from './PanoRulerProPlugin';
-export * from './PanoCompassPlugin';
-export * from './PanoMeasurePlugin';
-export * from './PanoSpatialTagPlugin';
-export * from './ModelItemLabelPlugin';
-export * from './ModelTVVideoPlugin';
-export * from './ItemLabelPlugin';

package/libs/src/index.js

@@ -1,28 +0,0 @@
-export * from './ModelViewPlugin';
-export * from './CSS3DRenderPlugin';
-export * from './PanoCursorRaycasterPlugin';
-// 模型房屋标签
-export * from './ModelRoomLabelPlugin';
-// floorplan
-export * from './floorplan';
-// 模型底盘
-export * from './ModelChassisCompassPlugin';
-// 模型入户门
-export * from './ModelEntryDoorGuidePlugin';
-export * from './CameraMovementPlugin';
-// 全景标尺
-export * from './PanoRulerPlugin';
-// 全景标尺Pro版
-export * from './PanoRulerProPlugin';
-// 全景指南针
-export * from './PanoCompassPlugin';
-// pc 全景测量工具
-export * from './PanoMeasurePlugin';
-// 空间三维标签
-export * from './PanoSpatialTagPlugin';
-// 模型物品标签插件
-export * from './ModelItemLabelPlugin';
-// 模型电视插件
-export * from './ModelTVVideoPlugin';
-// 物品标签
-export * from './ItemLabelPlugin';

package/libs/src/shared-utils/Preloader.js

@@ -1,38 +0,0 @@
-/**
- * 预载器
- */
-export const Preloader = {
-    blob: (url) => {
-        const noop = () => null;
-        return new Promise((resolve, reject) => {
-            const xhr = new XMLHttpRequest();
-            const clear = () => {
-                xhr.ontimeout = noop;
-                xhr.onreadystatechange = noop;
-                xhr.onprogress = noop;
-                xhr.onabort = noop;
-            };
-            xhr.ontimeout = () => {
-                reject(new Error('timeout'));
-                clear();
-            };
-            xhr.onreadystatechange = () => {
-                if (xhr.readyState !== 4)
-                    return;
-                if (xhr.status === 0 && !xhr.response)
-                    return;
-                if (xhr.status === 200 || xhr.status === 0) {
-                    resolve(xhr.response);
-                    clear();
-                }
-                else {
-                    reject(new Error('status:' + xhr.status));
-                    clear();
-                }
-            };
-            xhr.open('GET', url, true);
-            xhr.responseType = 'blob';
-            xhr.send(null);
-        });
-    },
-};

package/libs/src/shared-utils/Subscribe.js

@@ -1,108 +0,0 @@
-var _a;
-/* eslint-disable  @typescript-eslint/no-explicit-any */
-const __EVENT__ = '__events__';
-/**
- * 订阅类。
- * 观察者模式（供前端使用），Node端推荐<a href="https://nodejs.org/api/events.html#events_class_eventemitter">EventEmitter</a>。
- */
-export default class Subscribe {
-    constructor() {
-        Object.defineProperty(this, _a, {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        this[__EVENT__] = {};
-    }
-    /**
-     * 判断是否注册时事件
-     * @param  {string|[string]}  name     事件类型
-     */
-    hasListener(name) {
-        const events = this[__EVENT__];
-        return events && events[name] && events[name].length;
-    }
-    /**
-     * 注册事件
-     * @param  {string|[string]}  names    事件类型
-     * @param  {function}         callback 事件回调函数
-     * @param  {any}              context  事件回调函数调用的上下文
-     * @param  {boolean}          once     是否只执行一次
-     */
-    on(names, callback, context, once = false) {
-        for (const name of [].concat(names)) {
-            if (!this[__EVENT__][name])
-                this[__EVENT__][name] = [];
-            this[__EVENT__][name].push([callback, context, once]);
-        }
-        return () => this.off(names, callback);
-    }
-    /**
-     * 注册事件(是否只执行一次)
-     * @param  {string|[string]}  names    事件类型
-     * @param  {function}         callback 事件回调函数
-     * @param  {any}              context  事件回调函数调用的上下文
-     */
-    once(names, callback, context) {
-        return this.on(names, callback, context, true);
-    }
-    /**
-     * 解除事件
-     * @param  {string|[string]}  names    事件类型
-     * @param  {function}         callback 事件回调函数
-     *
-     * 如果 name 不传的话解除对应所有事件
-     * 如果 name, callback 不传的话解除所有name的所有事件
-     */
-    off(names, callback) {
-        if (arguments.length === 0) {
-            this[__EVENT__] = {};
-            return;
-        }
-        const hasNames = (names) => names;
-        if (hasNames(names)) {
-            const events = this[__EVENT__];
-            for (const name of [].concat(names)) {
-                if (events[name] === undefined)
-                    continue;
-                if (callback === undefined) {
-                    events[name].length = 0;
-                    continue;
-                }
-                events[name] = events[name].filter((one) => one[0] !== callback);
-            }
-        }
-        return this;
-    }
-    /**
-     * 触发事件
-     * @param  {string|[string]}    name      事件类型
-     * @param  {...any}             data      触发事件的数据
-     */
-    emit(name, ...data) {
-        let canceled = false;
-        const event = this[__EVENT__][name] || [];
-        if (event.length === 0) {
-            console.warn(` 💀 "${name}" ⟶ Unregistered event. `);
-        }
-        for (const one of event) {
-            try {
-                const [callback, context = this, once = false] = one;
-                const result = callback.apply(context, data);
-                if (once)
-                    this.off(name, callback);
-                if (result === false) {
-                    // 如果回调的返回结果是false，则中断后续的调用链
-                    canceled = true;
-                    return canceled;
-                }
-            }
-            catch (error) {
-                console.warn(error);
-            }
-        }
-        return canceled;
-    }
-}
-_a = __EVENT__;

package/libs/src/shared-utils/animationFrame/BetterTween.js

@@ -1,59 +0,0 @@
-import TWEEN from '@tweenjs/tween.js';
-import { requestAnimationFrameInterval } from './index';
-export class BetterTween extends TWEEN.Tween {
-    constructor() {
-        super(...arguments);
-        Object.defineProperty(this, "disposeMethods", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: []
-        });
-        Object.defineProperty(this, "animationFrameDisposer", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        Object.defineProperty(this, "onDispose", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: (callback) => {
-                this.disposeMethods.push(callback);
-                return this;
-            }
-        });
-        Object.defineProperty(this, "play", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: () => {
-                this.start(0);
-                this.animationFrameDisposer = requestAnimationFrameInterval((time) => this.update(time));
-                return this;
-            }
-        });
-        Object.defineProperty(this, "dispose", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: () => {
-                var _a;
-                this.stop();
-                (_a = this.animationFrameDisposer) === null || _a === void 0 ? void 0 : _a.call(this);
-                this.disposeMethods.forEach((fn) => fn());
-                this.disposeMethods = [];
-                TWEEN.remove(this);
-            }
-        });
-    }
-}
-export function tweenProgress(duration, easing = TWEEN.Easing.Linear.None) {
-    const tween = new BetterTween({ progress: 0 }).to({ progress: 1 });
-    if (duration !== undefined)
-        tween.duration(duration);
-    if (easing !== undefined)
-        tween.easing(easing);
-    return tween;
-}

package/libs/src/shared-utils/animationFrame/calculateProgress.js

@@ -1,23 +0,0 @@
-import { formatRad } from './formatRad';
-const PI = Math.PI;
-const PI_2 = PI * 2;
-/**
- * 线性过程插值
- */
-export function progressNumber(from, to, pst) {
-    return from + (to - from) * pst;
-}
-/**
- * 弧度过程插值值,会取锐角进行插值
- */
-export function progressRad(from, to, pst) {
-    from = formatRad(from);
-    to = formatRad(to);
-    if (to - from > PI) {
-        return formatRad(progressNumber(from + PI_2, to, pst));
-    }
-    if (from - to > PI) {
-        return formatRad(progressNumber(from - PI_2, to, pst));
-    }
-    return progressNumber(from, to, pst);
-}

package/libs/src/shared-utils/animationFrame/formatRad.js

@@ -1,20 +0,0 @@
-const PI_2 = Math.PI * 2;
-/**
- * 把一个任意角度的弧度值转换为一个 [0, 2PI] 的弧度值
- * @param rad 弧度值
- */
-export function formatLongitude(rad) {
-    return ((rad % PI_2) + PI_2) % PI_2;
-}
-/**
- * 把一个任意角度的弧度值转换为一个 [-2PI, 2PI] 的弧度值
- * @param rad 弧度值
- */
-export function formatLatitude(rad) {
-    return rad % PI_2;
-}
-/**
- * 把一个任意角度的弧度值转换为一个 [0, 2PI] 的弧度值
- * @param rad 弧度值
- */
-export const formatRad = formatLongitude;

package/libs/src/shared-utils/animationFrame/index.js

@@ -1,48 +0,0 @@
-const _requestAnimationFrame = window.requestAnimationFrame || ((fn) => setTimeout(fn, 16));
-const _cancelAnimationFrame = window.cancelAnimationFrame || clearTimeout;
-export default _requestAnimationFrame;
-export function nextFrame(fn, delay = 0) {
-    if (delay <= 0)
-        _requestAnimationFrame(fn);
-    else
-        _requestAnimationFrame(() => nextFrame(fn, delay - 1));
-}
-/**
- * 在每个 AnimationFrame 中调用传入的函数
- * @param callback 每次 AnimationFrame 中调用的函数
- * @param frame 每秒运行多少次
- * @returns 返回一个函数，调用可以停止 AnimationFrameLoop
- */
-export function requestAnimationFrameInterval(callback, frame = 60) {
-    let index = -1;
-    let oldTime = 0;
-    let startTime = -1;
-    const minDeltaTime = 1000 / frame;
-    function loop(time) {
-        startTime === -1 && (startTime = time);
-        index = _requestAnimationFrame(loop);
-        const deltaTime = time - oldTime;
-        if (deltaTime < minDeltaTime)
-            return;
-        oldTime = time;
-        callback && callback(time - startTime);
-    }
-    index = _requestAnimationFrame(loop);
-    return function stop() {
-        _cancelAnimationFrame(index);
-    };
-}
-/**
- * 获取两个 AnimationFrame 间隔的时间
- * @returns 返回一个 Promise，resolve 的结果是两个 AnimationFrame 间隔的时间
- */
-export function getFrameTime() {
-    const start = Date.now();
-    return new Promise((resolve) => {
-        _requestAnimationFrame(() => {
-            resolve(Date.now() - start);
-        });
-    });
-}
-// export { Easing } from './tween'
-// export { default as tween } from './tween'

package/libs/src/shared-utils/animationFrame/tween.js

@@ -1,44 +0,0 @@
-import * as TWEEN from '@tweenjs/tween.js';
-import { nextFrame, requestAnimationFrameInterval } from './index';
-export const Easing = TWEEN.Easing;
-/**
- * 对象变化的补间动画
- * 1. 应用 requestAnimationFrameInterval 做 update
- * 2. 在原生 tween 上新增 destroy 方法和 onDestroy 监听
- * DOC： https://github.com/tweenjs/tween.js
- * @param from 对象起始状态
- * @param to 对象末尾状态
- * @param duration 经历时间（s）
- * @param easing 过程动画，默认是 Easing.Linear.None
- */
-export default function tween(from, to, duration, easing = Easing.Linear.None) {
-    const tween = new TWEEN.Tween(from).to(to, duration).easing(easing);
-    // 这里注意一下，因为 requestAnimationFrameInterval 给的时间是从 0 开始的，tween 动画也从 0 开始
-    nextFrame(() => tween.start(0));
-    const cancelAnimationFrame = requestAnimationFrameInterval((time) => {
-        if (tween.update(time) === false)
-            cancelAnimationFrame();
-    });
-    const destroyMethods = [];
-    tween.onDestroy = (fn) => {
-        destroyMethods.push(fn);
-        return tween;
-    };
-    tween.destroy = function () {
-        this.stop();
-        Object.assign(tween, {
-            _onStartCallback: null,
-            _onUpdateCallback: null,
-            _onCompleteCallback: null,
-            _onStopCallbackL: null,
-        });
-        let destroyMethod;
-        while ((destroyMethod = destroyMethods.shift()))
-            destroyMethod();
-        cancelAnimationFrame();
-    };
-    return tween;
-}
-export function tweenProgress(duration, easing) {
-    return tween({ progress: 0 }, { progress: 1 }, duration, easing);
-}

package/libs/src/shared-utils/changeModelCanvasOpacity.js

@@ -1,15 +0,0 @@
-export default function changeModelCanvasOpacity(five, opacity, duration = 300) {
-    const fiveEle = five.getElement();
-    if (!fiveEle)
-        return;
-    fiveEle.style.opacity = opacity + '';
-    fiveEle.style.transition = duration === 0 ? 'none' : `opacity ${duration}ms linear`;
-    if (duration === 0)
-        return;
-    Promise.race([
-        new Promise((res) => fiveEle.addEventListener('transitionend', res, { once: true })),
-        new Promise((res) => setTimeout(res, duration)),
-    ]).then(() => {
-        fiveEle.style.transition = 'none';
-    });
-}

package/libs/src/shared-utils/createCanvasTextTexture.js

@@ -1,20 +0,0 @@
-import { CanvasTexture } from 'three';
-export default function createCanvasTextTexture(text, config) {
-    var _a, _b, _c, _d, _e;
-    const size = (_a = config === null || config === void 0 ? void 0 : config.size) !== null && _a !== void 0 ? _a : 512;
-    const fontSize = (_b = config === null || config === void 0 ? void 0 : config.fontSize) !== null && _b !== void 0 ? _b : size * (35 / 256) * 1.2;
-    const backgroundColor = (_c = config === null || config === void 0 ? void 0 : config.backgroundColor) !== null && _c !== void 0 ? _c : 'rgba(0,0,0,0)';
-    const fontColor = (_d = config === null || config === void 0 ? void 0 : config.fontColor) !== null && _d !== void 0 ? _d : '#fff';
-    const textAlign = (_e = config === null || config === void 0 ? void 0 : config.textAlign) !== null && _e !== void 0 ? _e : 'center';
-    const canvas = document.createElement('canvas');
-    canvas.setAttribute('width', size + '');
-    canvas.setAttribute('height', size + '');
-    const context = canvas.getContext('2d');
-    context.fillStyle = backgroundColor;
-    context.fillRect(0, 0, size, size);
-    context.font = `${fontSize}px "微软雅黑"`;
-    context.textAlign = textAlign;
-    context.fillStyle = fontColor;
-    context.fillText(text, size / 2, size * 0.7);
-    return new CanvasTexture(canvas);
-}

package/libs/src/shared-utils/createLine/index.js

@@ -1,8 +0,0 @@
-import { Line } from '@realsee/five/line';
-import { Vector3 } from 'three';
-export default function createLine(point1, point2, color = new Vector3(1, 1, 1), dashed = false) {
-    const line = new Line(point1, point2);
-    line.setMaterial({ dashed, color, linewidth: 1 });
-    line.remove(line.points);
-    return line;
-}

package/libs/src/shared-utils/debounce.js

@@ -1,14 +0,0 @@
-/**
- * 创建一个防抖动函数，该函数会在 wait 毫秒后调用 func 方法
- * @param func - 要防抖动的函数
- * @param [wait=0] - 需要延迟的毫秒数
- */
-export default function debounce(func, wait = 200) {
-    let last;
-    return function (...args) {
-        clearTimeout(last);
-        last = setTimeout(() => {
-            func(...args);
-        }, wait);
-    };
-}