@realsee/dnalogel 2.0.0-alpha.57 → 2.0.0-alpha.58

package/dist/GuideLinePlugin/index.js

@@ -0,0 +1,733 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var five = require('@realsee/five');
+var THREE = require('three');
+
+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);
+
+/**
+ * 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 {
+}
+
+var polylineMiterUtil = {};
+
+var add_1 = add$1;
+
+/**
+ * Adds two vec2's
+ *
+ * @param {vec2} out the receiving vector
+ * @param {vec2} a the first operand
+ * @param {vec2} b the second operand
+ * @returns {vec2} out
+ */
+function add$1(out, a, b) {
+    out[0] = a[0] + b[0];
+    out[1] = a[1] + b[1];
+    return out
+}
+
+var set_1 = set$1;
+
+/**
+ * Set the components of a vec2 to the given values
+ *
+ * @param {vec2} out the receiving vector
+ * @param {Number} x X component
+ * @param {Number} y Y component
+ * @returns {vec2} out
+ */
+function set$1(out, x, y) {
+    out[0] = x;
+    out[1] = y;
+    return out
+}
+
+var normalize_1 = normalize$1;
+
+/**
+ * Normalize a vec2
+ *
+ * @param {vec2} out the receiving vector
+ * @param {vec2} a vector to normalize
+ * @returns {vec2} out
+ */
+function normalize$1(out, a) {
+    var x = a[0],
+        y = a[1];
+    var len = x*x + y*y;
+    if (len > 0) {
+        //TODO: evaluate use of glm_invsqrt here?
+        len = 1 / Math.sqrt(len);
+        out[0] = a[0] * len;
+        out[1] = a[1] * len;
+    }
+    return out
+}
+
+var subtract_1 = subtract$1;
+
+/**
+ * Subtracts vector b from vector a
+ *
+ * @param {vec2} out the receiving vector
+ * @param {vec2} a the first operand
+ * @param {vec2} b the second operand
+ * @returns {vec2} out
+ */
+function subtract$1(out, a, b) {
+    out[0] = a[0] - b[0];
+    out[1] = a[1] - b[1];
+    return out
+}
+
+var dot_1 = dot$1;
+
+/**
+ * Calculates the dot product of two vec2's
+ *
+ * @param {vec2} a the first operand
+ * @param {vec2} b the second operand
+ * @returns {Number} dot product of a and b
+ */
+function dot$1(a, b) {
+    return a[0] * b[0] + a[1] * b[1]
+}
+
+var add = add_1;
+var set = set_1;
+var normalize = normalize_1;
+var subtract = subtract_1;
+var dot = dot_1;
+
+var tmp = [0, 0];
+
+polylineMiterUtil.computeMiter = function computeMiter(tangent, miter, lineA, lineB, halfThick) {
+    //get tangent line
+    add(tangent, lineA, lineB);
+    normalize(tangent, tangent);
+
+    //get miter as a unit vector
+    set(miter, -tangent[1], tangent[0]);
+    set(tmp, -lineA[1], lineA[0]);
+
+    //get the necessary length of our miter
+    return halfThick / dot(miter, tmp)
+};
+
+polylineMiterUtil.normal = function normal(out, dir) {
+    //get perpendicular
+    set(out, -dir[1], dir[0]);
+    return out
+};
+
+polylineMiterUtil.direction = function direction(out, a, b) {
+    //get unit dir of two lines
+    subtract(out, a, b);
+    normalize(out, out);
+    return out
+};
+
+var util = polylineMiterUtil;
+
+var lineA = [0, 0];
+var lineB = [0, 0];
+var tangent = [0, 0];
+var miter = [0, 0];
+
+var polylineNormals = function(points, closed) {
+    var curNormal = null;
+    var out = [];
+    if (closed) {
+        points = points.slice();
+        points.push(points[0]);
+    }
+
+    var total = points.length;
+    for (var i=1; i<total; i++) {
+        var last = points[i-1];
+        var cur = points[i];
+        var next = i<points.length-1 ? points[i+1] : null;
+
+        util.direction(lineA, cur, last);
+        if (!curNormal)  {
+            curNormal = [0, 0];
+            util.normal(curNormal, lineA);
+        }
+
+        if (i === 1) //add initial normals
+            addNext(out, curNormal, 1);
+
+        if (!next) { //no miter, simple segment
+            util.normal(curNormal, lineA); //reset normal
+            addNext(out, curNormal, 1);
+        } else { //miter with last
+            //get unit dir of next line
+            util.direction(lineB, next, cur);
+
+            //stores tangent & miter
+            var miterLen = util.computeMiter(tangent, miter, lineA, lineB, 1);
+            addNext(out, miter, miterLen);
+        }
+    }
+
+    //if the polyline is a closed loop, clean up the last normal
+    if (points.length > 2 && closed) {
+        var last2 = points[total-2];
+        var cur2 = points[0];
+        var next2 = points[1];
+
+        util.direction(lineA, cur2, last2);
+        util.direction(lineB, next2, cur2);
+        util.normal(curNormal, lineA);
+        
+        var miterLen2 = util.computeMiter(tangent, miter, lineA, lineB, 1);
+        out[0][0] = miter.slice();
+        out[total-1][0] = miter.slice();
+        out[0][1] = miterLen2;
+        out[total-1][1] = miterLen2;
+        out.pop();
+    }
+
+    return out
+};
+
+function addNext(out, normal, length) {
+    out.push([[normal[0], normal[1]], length]);
+}
+
+// 定义常量
+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 = polylineNormals(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;