@realsee/dnalogel 2.0.0-alpha.9 → 2.0.0

package/dist/GuideLinePlugin/floorplan/utils/constant.d.ts

@@ -0,0 +1,22 @@
+export declare const enum FloorplanErrorType {
+    /** 意料之外的错误 */
+    UnknownError = "UnknownError",
+    /** 数据未加载 */
+    DataNotLoaded = "DataNotLoaded",
+    /** 展示过程被隐藏打断 */
+    BreakOffByHide = "BreakOffByHide",
+    /** 展示过程中插件被禁用 */
+    BreakOffByDisable = "BreakOffByDisable",
+    /** 模型未加载完成 */
+    ModelNotLoaded = "ModelNotLoaded",
+    /** Five changeMode 行为不符合预期 */
+    ChangeModeError = "ChangeModeError",
+    /** Five updateCamera 行为不符合预期 */
+    UpdateCameraError = "UpdateCameraError"
+}
+/** 户型图展示 & 模型消失的默认时间 */
+export declare const SHOW_ANIME_DURATION = 500;
+/** Five camera 默认 fov */
+export declare const FIVE_CAMERA_DEFAULT_FOV = 80;
+/** 展示户型图时，默认模型的透明度 */
+export declare const DEFAULT_SHOW_MODEL_OPACITY = 0.01;

package/dist/GuideLinePlugin/floorplan/utils/correctFiveState.d.ts

@@ -0,0 +1,15 @@
+import type { Five, Mode } from '@realsee/five';
+export interface ShowState {
+    latitude: number;
+    longitude: number;
+    fov: number;
+    mode: Mode;
+}
+/** 判断当前状态是否可以展示户型图 */
+export declare function checkShowState(five: Five, showState: ShowState): boolean;
+/** 更改 Five 状态到展示户型图的状态
+ * 1. 判断状态不符合时，会纠正到正确的状态
+ * 2. 内置了相应的动画时间计算
+ * 3. 纠正成功会返回 true，失败「可能会被用户行为中断」会返回 false
+ */
+export default function correctFiveState(five: Five, showState: ShowState, userAction?: boolean): Promise<void>;

package/dist/GuideLinePlugin/floorplan/utils/formatData.d.ts

@@ -0,0 +1,5 @@
+import type { Five } from '@realsee/five';
+import type { FloorplanData, FloorplanExtraObject, FloorplanExtraObject3D } from '../typings/floorplanData';
+import type { FloorplanServerData } from '../typings/floorplanServerData';
+export default function formatData(data: FloorplanServerData): Promise<FloorplanData>;
+export declare function formatExtraObjects(data: FloorplanExtraObject3D[], five: Five, floorplanData: FloorplanData): FloorplanExtraObject[];

package/dist/GuideLinePlugin/floorplan/utils/formatPosition.d.ts

@@ -0,0 +1,36 @@
+import type { Five } from '@realsee/five';
+import type { Vector2Position } from '../../typings/math.type';
+import type { FloorplanData, FloorplanBounding } from '../typings/floorplanData';
+export declare function pathD(points: Vector2Position[], options?: {
+    needZ?: boolean;
+    needA?: Record<number, string>;
+    format?: (vector: Vector2Position) => Vector2Position;
+}): string;
+/** 把户型图上点点位转换到 SVG 上的点位 */
+export default function formatFloorplanPoint({ x, y }: Vector2Position, bounding: FloorplanBounding): {
+    x: number;
+    y: number;
+};
+/** 模型坐标转户型图坐标 */
+export declare function modelPosition2FloorplanPosition(position: {
+    x: number;
+    y: number;
+    z: number;
+}, floorplanData: FloorplanData): {
+    x: number;
+    y: number;
+};
+/** 户型图点位转在图片上的相对坐标 */
+export declare function floorplanPosition2ImagePosition(position: {
+    x: number;
+    y: number;
+}, floorplanData: FloorplanData): {
+    x: number;
+    y: number;
+};
+/** 求三维坐标点所在的楼层 */
+export declare function getFloorIndexFromModelPosition(position: {
+    x: number;
+    y: number;
+    z: number;
+}, five: Five): number;

package/dist/GuideLinePlugin/index.d.ts

@@ -0,0 +1,5 @@
+import type { FivePlugin } from '@realsee/five';
+import Controller from './Controller';
+export declare const GuideLinePlugin: FivePlugin<void, InstanceType<typeof Controller>>;
+export type { GuideLinePluginExportType } from './typing';
+export default GuideLinePlugin;

package/dist/GuideLinePlugin/index.js

@@ -0,0 +1,550 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var five = require('@realsee/five');
+var THREE = require('three');
+var getNormals = require('polyline-normals');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+function _interopNamespace(e) {
+    if (e && e.__esModule) return e;
+    var n = Object.create(null);
+    if (e) {
+        Object.keys(e).forEach(function (k) {
+            if (k !== 'default') {
+                var d = Object.getOwnPropertyDescriptor(e, k);
+                Object.defineProperty(n, k, d.get ? d : {
+                    enumerable: true,
+                    get: function () { return e[k]; }
+                });
+            }
+        });
+    }
+    n["default"] = e;
+    return Object.freeze(n);
+}
+
+var THREE__namespace = /*#__PURE__*/_interopNamespace(THREE);
+var getNormals__default = /*#__PURE__*/_interopDefaultLegacy(getNormals);
+
+/**
+ * plugin 的基本控制器
+ */
+class Controller$2 {
+    constructor(five$1) {
+        Object.defineProperty(this, "five", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        /**
+         * 插件事件钩子
+         */
+        Object.defineProperty(this, "hooks", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: new five.Subscribe()
+        });
+        this.five = five$1;
+    }
+    /**
+     * 获取当前的插件状态，如果当初插件内存在需要通过动画变更的 state 值，则通过此方法可以得到中间状态
+     */
+    getCurrentState() {
+        return this.state;
+    }
+}
+
+class Controller$1 extends Controller$2 {
+}
+
+// 定义常量
+const TRIANGLE_NUMBER_OF_RECTANGLE = 2; // 每个矩形有两个三角形
+const VERTEX_NUMBER_OF_TRIANGLE = 3; // 每个三角形有三个顶点
+const AXIS_NUMBER_OF_VERTEX = 3; // 每个顶点有三个轴坐标
+const UV_NUMBER_OF_VERTEX = 2; // 每个顶点有两个 UV 轴坐标
+/**
+ * @description: 根据坐标获取平滑曲线
+ * @param {Vector3[]} positionList 坐标点数组
+ * @param {number} config.unitWidth 宽
+ * @param {number} config.unitHeight 高
+ * @param {boolean} config.skipPosition 是否越过点位。如果点位上有其他物体，比如点位圆环，可以开启此选项来使越过点位，使其不会重叠显示
+ * @return {THREE.BufferGeometry[]} THREE.BufferGeometry[]
+ */
+function getLineGeometries(positionList, config) {
+    var _a, _b, _c;
+    if (positionList.length < 2) {
+        console.warn('positionList length must be greater than 1');
+        return [];
+    }
+    const unitWidth = (_a = config === null || config === void 0 ? void 0 : config.unitWidth) !== null && _a !== void 0 ? _a : 0.5;
+    const unitHeight = (_b = config === null || config === void 0 ? void 0 : config.unitHeight) !== null && _b !== void 0 ? _b : 0.5;
+    const skipPosition = (_c = config === null || config === void 0 ? void 0 : config.skipPosition) !== null && _c !== void 0 ? _c : false;
+    // 点位组成的平滑曲线
+    const curve = new THREE__namespace.CatmullRomCurve3(positionList, false, 'catmullrom', 1);
+    if (skipPosition) {
+        // 曲线切片数
+        const divisions = Math.ceil((curve.getLength() / unitHeight) * 1.5); // 一个箭头切1.5点（切几个随意，越多越精准）
+        const curvePoints = curve.getPoints(divisions);
+        const geometries = [];
+        let startIndex = 0;
+        // curvePoints.forEach((point) => {
+        //   const p1 = getPoint(point, 1)
+        //   ;(window as any).five.scene.add(p1)
+        // })
+        const originPositions = positionList;
+        // eslint-disable-next-line complexity
+        originPositions.forEach((originPosition, index) => {
+            let nearestCurvePointIndex = 0;
+            let distance = 99999999;
+            // 获取离panoIndex最近的曲线点curvePoint
+            curvePoints.forEach((curvePoint, curvePointIndex) => {
+                const curvePointDistanceToOriginPosition = curvePoint.distanceTo(originPosition);
+                if (curvePointDistanceToOriginPosition < distance) {
+                    nearestCurvePointIndex = curvePointIndex;
+                    distance = curvePointDistanceToOriginPosition;
+                }
+            });
+            const nextCurvePoint = curvePoints[nearestCurvePointIndex + 1];
+            const nextCurvePointDistanceToOriginPosition = nextCurvePoint === null || nextCurvePoint === void 0 ? void 0 : nextCurvePoint.distanceTo(originPosition);
+            const lastCurvePoint = curvePoints[nearestCurvePointIndex - 1];
+            const lastCurvePointDistanceToOriginPosition = lastCurvePoint === null || lastCurvePoint === void 0 ? void 0 : lastCurvePoint.distanceTo(originPosition);
+            if (nearestCurvePointIndex > startIndex && nearestCurvePointIndex - startIndex > 1) {
+                let endIndex = nearestCurvePointIndex;
+                // endIndex
+                if (lastCurvePoint !== undefined && lastCurvePointDistanceToOriginPosition > 0.8) {
+                    endIndex = nearestCurvePointIndex + 1;
+                }
+                if (lastCurvePoint !== undefined &&
+                    lastCurvePointDistanceToOriginPosition > 0.2 &&
+                    lastCurvePointDistanceToOriginPosition < 0.3) {
+                    endIndex = nearestCurvePointIndex;
+                }
+                else if (distance > 0.2 && distance < 0.3) {
+                    endIndex = nearestCurvePointIndex + 1;
+                }
+                // end
+                // startIndex
+                let _startIndex = startIndex;
+                if (nextCurvePoint !== undefined &&
+                    nextCurvePointDistanceToOriginPosition > 0.2 &&
+                    nextCurvePointDistanceToOriginPosition < 0.3) {
+                    _startIndex = startIndex + 1;
+                }
+                else if (distance > 0.2 && distance < 0.3) {
+                    _startIndex = startIndex;
+                }
+                if (curvePoints[_startIndex] && curvePoints[_startIndex + 1]) {
+                    const pano = originPositions[index - 1];
+                    if (pano) {
+                        if (pano.equals(curvePoints[_startIndex]))
+                            _startIndex += 1;
+                        else {
+                            const normal = new THREE.Vector3().subVectors(curvePoints[_startIndex + 1], curvePoints[_startIndex]);
+                            const panoPosition = new THREE.Vector3().subVectors(pano, curvePoints[_startIndex]);
+                            const isBehind = normal.angleTo(panoPosition) < Math.PI / 2;
+                            if (isBehind)
+                                _startIndex += 1;
+                        }
+                    }
+                    // const p0 = getPoint(pano, 0)
+                    // const p1 = getPoint(curvePoints[_startIndex]!, 1)
+                    // const p2 = getPoint(curvePoints[_startIndex + 1]!, 2)
+                    // ;(window as any).five.scene.add(p0, p1, p2)
+                }
+                // end
+                if (endIndex < _startIndex || endIndex - _startIndex <= 1)
+                    return;
+                const slicedCurvePoints = curvePoints.slice(_startIndex, endIndex);
+                const geometry = getLineGeometry(slicedCurvePoints, unitWidth, unitHeight);
+                geometries.push(geometry);
+                startIndex = nearestCurvePointIndex;
+            }
+        });
+        return geometries;
+    }
+    else {
+        // 曲线切片数
+        const divisions = Math.ceil(curve.getLength()); // 一米切一个点
+        const curvePoints = curve.getPoints(divisions);
+        const geometry = getLineGeometry(curvePoints, unitWidth, unitHeight);
+        return [geometry];
+    }
+}
+function getLineGeometry(curvePoints, unitWidth, unitHeight) {
+    const halfUnitWidth = unitWidth / 2;
+    const aspect = unitHeight / unitWidth; // 纵横比 height / width
+    const curvePointsLength = curvePoints.length;
+    const normals = getNormals__default["default"](curvePoints.map((p) => [p.x, p.z])); // curvePoints：每个点切线的向量「二维」
+    const rectangleNumber = curvePoints.length - 1; // 曲线上 N 个点，构成了 N - 1 个矩形
+    const indexNumber = rectangleNumber * TRIANGLE_NUMBER_OF_RECTANGLE * VERTEX_NUMBER_OF_TRIANGLE;
+    const verticesNumber = 2 * curvePointsLength; // 顶点数量（包含公用）：每个曲线点对应两个顶点，N 个 点有 2N 个顶点
+    const positionNumber = verticesNumber * AXIS_NUMBER_OF_VERTEX; // 坐标点数量
+    const uvNumber = verticesNumber * UV_NUMBER_OF_VERTEX; // uv 数量
+    const index = new Uint32Array(indexNumber);
+    const positions = new Float32Array(positionNumber);
+    const uv = new Float32Array(uvNumber);
+    curvePoints.forEach((point, i) => {
+    });
+    let totalLength = 0;
+    for (let i = 0; i < curvePoints.length; i++) {
+        const [nx, nz] = normals[i][0];
+        const curvePoint = curvePoints[i];
+        const { x: curvePointX, y: curvePointY, z: curvePointZ } = curvePoint;
+        // vertices[2i]
+        const vertices2i = new THREE.Vector3(curvePointX + nx * halfUnitWidth, curvePointY + 0.05, curvePointZ + nz * halfUnitWidth);
+        positions[i * 6 + 0] = vertices2i.x;
+        positions[i * 6 + 1] = vertices2i.y;
+        positions[i * 6 + 2] = vertices2i.z;
+        // vertices[2i + 1]
+        const vertices2i1 = new THREE.Vector3(curvePointX - nx * halfUnitWidth, curvePointY + 0.05, curvePointZ - nz * halfUnitWidth);
+        positions[i * 6 + 3] = vertices2i1.x;
+        positions[i * 6 + 4] = vertices2i1.y;
+        positions[i * 6 + 5] = vertices2i1.z;
+        totalLength += i > 0 ? curvePoints[i - 1].clone().sub(curvePoints[i]).length() : 0;
+        const end = totalLength / unitWidth / aspect;
+        uv[i * 4 + 0] = 0;
+        uv[i * 4 + 1] = end;
+        uv[i * 4 + 2] = 1;
+        uv[i * 4 + 3] = end;
+        if (i === curvePoints.length - 1)
+            continue;
+        index[i * 6 + 0] = i * 2 + 0;
+        index[i * 6 + 1] = i * 2 + 2;
+        index[i * 6 + 2] = i * 2 + 1;
+        index[i * 6 + 3] = i * 2 + 2;
+        index[i * 6 + 4] = i * 2 + 3;
+        index[i * 6 + 5] = i * 2 + 1;
+    }
+    const geometry = new THREE__namespace.BufferGeometry();
+    geometry.setAttribute('position', new THREE__namespace.BufferAttribute(positions, 3));
+    geometry.setAttribute('uv', new THREE__namespace.BufferAttribute(uv, 2));
+    geometry.setIndex(new THREE__namespace.BufferAttribute(index, 1));
+    return geometry;
+}
+
+function getArrowMaterial(params) {
+    var _a;
+    // const texture = new THREE.TextureLoader().load(params?.textureUrl ?? '//vrlab-static.ljcdn.com/release/web/arrow.c5d028e4.png')
+    // const texture = new THREE.TextureLoader().load(params?.textureUrl ?? '//vrlab-static.ljcdn.com/release/web/arrow2.aa1762e4.png')
+    // const texture = new THREE.TextureLoader().load(params?.textureUrl ?? '//vrlab-static.ljcdn.com/release/web/arrow3.06c5b657.png')
+    // const texture = new THREE.TextureLoader().load(params?.textureUrl ?? '//vrlab-static.ljcdn.com/release/web/arrow4.b1427685.png')
+    // const texture = new THREE.TextureLoader().load(params?.textureUrl ?? '//vrlab-static.ljcdn.com/release/web/arrow5.ae49f3c8.png')
+    const texture = new THREE__namespace.TextureLoader().load((_a = params === null || params === void 0 ? void 0 : params.textureUrl) !== null && _a !== void 0 ? _a : '//vrlab-static.ljcdn.com/release/web/arrow6.b6ce0c62.png');
+    texture.wrapS = texture.wrapT = THREE__namespace.RepeatWrapping;
+    texture.encoding = THREE__namespace.sRGBEncoding;
+    const arrowMaterial = new THREE__namespace.MeshBasicMaterial({
+        color: 0xffffff,
+        map: texture,
+        transparent: true,
+        opacity: 0.8,
+    });
+    return arrowMaterial;
+}
+
+/**
+ * 判断对象是否为`null`或`undefined`。
+ * @param
+ * @return
+ */
+/**
+ * 判断对象不为`null`或`undefined`。
+ */
+function notNil(value) {
+    return value !== null && value !== undefined;
+}
+
+/**
+ * 检查一个值是否是狭义上的对象
+ * @param {any} value 要检查的值
+ *
+ * isTruelyObject({})
+ * // => true
+ *
+ * isObjectLike([1, 2, 3])
+ * // => false
+ *
+ * isObjectLike(Function)
+ * // => false
+ *
+ * isObjectLike(null)
+ * // => false
+ *
+ */
+function isTruelyObject(value) {
+    return Object.prototype.toString.call(value) === '[object Object]';
+}
+
+/* eslint-disable @typescript-eslint/no-use-before-define */
+function baseIsEqual(value, other) {
+    if (value === other)
+        return true;
+    if (typeof value !== typeof other)
+        return false;
+    if (Number.isNaN(value) && Number.isNaN(other))
+        return true;
+    return false;
+}
+function objEqualShallow(value, other) {
+    const valueProps = Object.getOwnPropertyNames(value);
+    const otherProps = Object.getOwnPropertyNames(other);
+    if (valueProps.length !== otherProps.length)
+        return false;
+    for (let i = 0, len = valueProps.length; i < len; i++) {
+        const propName = valueProps[i];
+        if (!baseIsEqual(value[propName], other[propName]))
+            return false;
+    }
+    return true;
+}
+function arrayEqualShallow(value, other) {
+    if (value.length !== other.length)
+        return false;
+    for (let i = 0, len = value.length; i < len; i++) {
+        if (!baseIsEqual(value[i], other[i]))
+            return false;
+    }
+    return true;
+}
+function isShallowEqual(value, other) {
+    if (baseIsEqual(value, other))
+        return true;
+    if (isTruelyObject(value) && isTruelyObject(other))
+        return objEqualShallow(value, other);
+    if (Array.isArray(value) && Array.isArray(other))
+        return arrayEqualShallow(value, other);
+    return false;
+}
+function isDeepEqual(value, other) {
+    if (baseIsEqual(value, other))
+        return true;
+    if (isTruelyObject(value) && isTruelyObject(other))
+        return objEqualDeep(value, other);
+    if (Array.isArray(value) && Array.isArray(other))
+        return arrayEqualDeep(value, other);
+    return false;
+}
+function arrayEqualDeep(value, other) {
+    if (value.length !== other.length)
+        return false;
+    for (let i = 0, len = value.length; i < len; i++) {
+        if (!isDeepEqual(value[i], other[i]))
+            return false;
+    }
+    return true;
+}
+function objEqualDeep(value, other) {
+    const valueProps = Object.getOwnPropertyNames(value);
+    const otherProps = Object.getOwnPropertyNames(other);
+    if (valueProps.length !== otherProps.length)
+        return false;
+    for (let i = 0, len = valueProps.length; i < len; i++) {
+        const propName = valueProps[i];
+        if (!isDeepEqual(value[propName], other[propName]))
+            return false;
+    }
+    return true;
+}
+/**
+ * 对象比较
+ * @param {*} value 第一个比较的值
+ * @param {*} other 第二个比较的值
+ * @param {Object} options 可选参数，可选项包括：<br />
+ *    deep {Boolean} 是否深比较<br />
+ * @returns {boolean} 是否相等
+ */
+function equal(value, other, opt = { deep: false }) {
+    if (!opt.deep)
+        return isShallowEqual(value, other);
+    return isDeepEqual(value, other);
+}
+
+const VERSION = 'v1.0.1';
+const PLUGIN_NAME = 'GuideLinePlugin';
+const PLUGIN = `${PLUGIN_NAME}@${VERSION}`;
+const pluginFlag = (name) => `${PLUGIN}--${name}`;
+class Controller extends Controller$1 {
+    constructor(five) {
+        super(five);
+        Object.defineProperty(this, "state", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: {
+                visible: false,
+                enabled: true,
+                disposed: false,
+            }
+        });
+        Object.defineProperty(this, "data", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "linesGroup", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "disposedErrorLog", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: () => {
+                console.error(`${PLUGIN} is disposed`);
+            }
+        });
+        Object.defineProperty(this, "actionWhenEnabled", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: (func) => {
+                if (this.state.enabled)
+                    return func();
+            }
+        });
+        Object.assign(window, { [`__${PLUGIN_NAME}_DEBUG__`]: this });
+    }
+    async load(serverData, state, userAction = true) {
+        const prevData = this.data ? JSON.parse(JSON.stringify(this.data)) : undefined;
+        // format server data to plugin data
+        const data = await this.formatData(serverData);
+        this.hooks.emit('dataChange', data, prevData);
+        this.data = data;
+        // render line group
+        if (this.linesGroup)
+            this.five.scene.remove(this.linesGroup);
+        const linesGroup = this.getLinesGroup(data.routes);
+        if (!linesGroup)
+            return;
+        this.linesGroup = linesGroup;
+        this.five.scene.add(linesGroup);
+        this.handleVisible(this.state.visible);
+        this.handleEnable(this.state.enabled);
+        // initialize plugin state
+        if (state)
+            this.setState(state);
+        // load end
+        this.five.needsRender = true;
+        this.hooks.emit('dataLoaded', data);
+        console.log(`${PLUGIN} loaded`, data);
+    }
+    async formatData(serverData) {
+        if (typeof serverData === 'object' && serverData !== null && serverData.version && serverData.data) {
+            return serverData.data;
+        }
+        return serverData;
+    }
+    async show(options) {
+        this.setState({ visible: true }, options);
+    }
+    async hide(options) {
+        this.setState({ visible: false }, options);
+    }
+    enable(options) {
+        this.setState({ enabled: true }, options);
+    }
+    disable(options) {
+        this.setState({ enabled: false }, options);
+    }
+    dispose() {
+        this.setState({ disposed: true });
+    }
+    setState(state, options) {
+        var _a;
+        if (this.state.disposed)
+            return this.disposedErrorLog();
+        const prevState = Object.assign({}, this.state);
+        this.state = Object.assign(Object.assign({}, this.state), state);
+        if (state.disposed !== undefined && state.disposed !== prevState.disposed) {
+            if (state.disposed)
+                this.handleDispose();
+        }
+        if (state.visible !== undefined && state.visible !== prevState.visible) {
+            this.handleVisible(state.visible, options === null || options === void 0 ? void 0 : options.userAction);
+        }
+        if (state.enabled !== undefined && state.enabled !== prevState.enabled) {
+            this.handleEnable(state.enabled, options === null || options === void 0 ? void 0 : options.userAction);
+        }
+        if (!equal(prevState, this.state, { deep: true })) {
+            this.hooks.emit('stateChange', { state: this.state, prevState, userAction: (_a = options === null || options === void 0 ? void 0 : options.userAction) !== null && _a !== void 0 ? _a : true });
+            this.five.needsRender = true;
+        }
+    }
+    handleEnable(enabled, userAction = true) {
+        if (this.linesGroup) {
+            if (enabled) {
+                this.five.scene.add(this.linesGroup);
+                this.actionWhenEnabled(() => this.hooks.emit('enable', { userAction }));
+            }
+            else {
+                this.five.scene.remove(this.linesGroup);
+                this.hooks.emit('disable', { userAction });
+            }
+        }
+    }
+    handleVisible(visible, userAction = true) {
+        if (this.linesGroup) {
+            if (visible) {
+                this.linesGroup.visible = true;
+                this.actionWhenEnabled(() => this.hooks.emit('show', { userAction }));
+            }
+            else {
+                this.linesGroup.visible = false;
+                this.actionWhenEnabled(() => this.hooks.emit('hide', { userAction }));
+            }
+        }
+    }
+    handleDispose() {
+        if (this.linesGroup)
+            this.five.scene.add(this.linesGroup);
+    }
+    /**
+     * 获取多条路线的 Mesh Group
+     */
+    getLinesGroup(routes) {
+        /** 'as THREE.Mesh[]' for build check */
+        const meshes = routes.map(this.getLine.bind(this)).filter(notNil);
+        const group = new THREE__namespace.Group();
+        group.name = pluginFlag('route-group');
+        if (meshes.length === 0)
+            return;
+        group.add(...meshes);
+        return group;
+    }
+    /**
+     * 获取单条路线
+     */
+    getLine(data) {
+        const group = new THREE__namespace.Group();
+        const positions = data.panoIndexList.map((panoIndex) => { var _a; return (_a = this.five.work.observers[panoIndex]) === null || _a === void 0 ? void 0 : _a.standingPosition; }).filter(notNil);
+        const geometries = getLineGeometries(positions, { skipPosition: true, unitWidth: 0.6, unitHeight: 0.4 });
+        if (!geometries)
+            return;
+        const material = getArrowMaterial({ textureUrl: data.arrowTextureUrl });
+        geometries.forEach((geometry) => {
+            const mesh = new THREE__namespace.Mesh(geometry, material);
+            mesh.name = pluginFlag('route-line-mesh');
+            group.add(mesh);
+        });
+        // mesh.renderOrder = 3
+        return group;
+    }
+}
+Object.defineProperty(Controller, "lasestVersion", {
+    enumerable: true,
+    configurable: true,
+    writable: true,
+    value: VERSION
+});
+
+const GuideLinePlugin = (five) => new Controller(five);
+
+exports.GuideLinePlugin = GuideLinePlugin;
+exports["default"] = GuideLinePlugin;

package/dist/GuideLinePlugin/shared-utils/Preloader.d.ts

@@ -0,0 +1,6 @@
+/**
+ * 预载器
+ */
+export declare const Preloader: {
+    blob: (url: string) => Promise<string>;
+};