@realsee/dnalogel 2.0.0-alpha.43 → 2.0.0-alpha.46

package/libs/src/ModelItemLabelPlugin/ModelItemLabelPlugin.js

@@ -1,120 +0,0 @@
-import { Five, Subscribe } from "@realsee/five";
-import ItemLabelComponent from './ItemLabelComponent';
-import { DISPLAY_STRATEGY_TYPE } from "./typings";
-import { parseModelItemLabelPluginData } from "./utils/parseData";
-export const ModelItemLabelPlugin = (five, params) => {
-    var _a, _b;
-    const pluginState = {
-        container: document.createElement('div'),
-        data: null,
-        enabled: true,
-        fiveModeEnabled: undefined,
-        itemLabels: [],
-        wrapper: null,
-        app: undefined,
-        hooks: new Subscribe(),
-        modelOcclusionEnable: (_a = params === null || params === void 0 ? void 0 : params.modelOcclusionEnable) !== null && _a !== void 0 ? _a : true,
-        displayStrategyType: (_b = params === null || params === void 0 ? void 0 : params.displayStrategyType) !== null && _b !== void 0 ? _b : DISPLAY_STRATEGY_TYPE.SMALL,
-    };
-    pluginState.container.setAttribute('class', 'model-item-label-plugin-container');
-    pluginState.container.style.cssText = `
-        position: absolute;
-        left: 0;
-        top: 0;
-        width: 100%;
-        height: 100%;
-        z-index: 5;
-    `;
-    pluginState.container.style.pointerEvents = 'none'; // 写到 cssText 里不生效
-    const appendTo = (wrapper) => {
-        pluginState.wrapper = wrapper;
-        wrapper.appendChild(pluginState.container);
-        render();
-        return true;
-    };
-    const load = (data) => {
-        pluginState.itemLabels = parseModelItemLabelPluginData(data);
-        render();
-    };
-    const enable = () => {
-        if (pluginState.enabled)
-            return true;
-        pluginState.enabled = true;
-        render();
-        return true;
-    };
-    const disable = () => {
-        if (!pluginState.enabled)
-            return true;
-        pluginState.enabled = false;
-        render();
-        return true;
-    };
-    const dispose = () => {
-        removeListener4Five();
-        pluginState.container.remove();
-    };
-    const render = () => {
-        var _a;
-        if (!pluginState.wrapper)
-            return;
-        // 只要不可展示，销毁容器
-        if (!pluginState.enabled || !pluginState.fiveModeEnabled) {
-            (_a = pluginState.app) === null || _a === void 0 ? void 0 : _a.$destroy();
-            pluginState.app = undefined;
-            return;
-        }
-        // 正常显示时，分为 app 存在和不存在两种情况，如果存在，传值，不存在则初始化并传值
-        if (!pluginState.app) {
-            pluginState.app = new ItemLabelComponent({
-                target: pluginState.container,
-                props: {
-                    five: five,
-                    modelOcclusionEnable: pluginState.modelOcclusionEnable,
-                    itemLabels: pluginState.itemLabels,
-                    wrapper: pluginState.wrapper,
-                    hooks: pluginState.hooks,
-                    displayStrategyType: pluginState.displayStrategyType
-                }
-            });
-        }
-        else {
-            pluginState.app.$set({
-                five: five,
-                itemLabels: pluginState.itemLabels
-            });
-        }
-    };
-    // 添加 five 监听
-    const addListener4Five = () => {
-        five.on('modeChange', onFiveModeChange);
-        five.once('dispose', dispose);
-    };
-    // 取消 five 监听
-    const removeListener4Five = () => {
-        five.off('modeChange', onFiveModeChange);
-    };
-    const onFiveModeChange = (mode) => {
-        if (!pluginState.enabled)
-            return;
-        if (mode !== Five.Mode.Floorplan) {
-            pluginState.fiveModeEnabled = false;
-            render();
-            return;
-        }
-        five.once('initAnimationEnded', () => {
-            pluginState.fiveModeEnabled = five.currentMode === Five.Mode.Floorplan;
-            render();
-        });
-    };
-    addListener4Five();
-    return {
-        appendTo,
-        load,
-        enable,
-        disable,
-        dispose,
-        hooks: pluginState.hooks
-    };
-};
-export default ModelItemLabelPlugin;

package/libs/src/ModelItemLabelPlugin/events.type.js

@@ -1 +0,0 @@
-export {};

package/libs/src/ModelItemLabelPlugin/index.js

@@ -1,8 +0,0 @@
-import ModelItemLabelPlugin from './ModelItemLabelPlugin';
-export { ModelItemLabelPlugin };
-export default ModelItemLabelPlugin;
-export const modelItemLabelPluginServerParams = {
-    name: 'ModelItemLabelPlugin',
-    version: 0,
-};
-export { DISPLAY_STRATEGY_TYPE } from './typings';

package/libs/src/ModelItemLabelPlugin/typings.js

@@ -1,7 +0,0 @@
-export var DISPLAY_STRATEGY_TYPE;
-(function (DISPLAY_STRATEGY_TYPE) {
-    DISPLAY_STRATEGY_TYPE["SMALL"] = "small";
-    DISPLAY_STRATEGY_TYPE["MIDLLE"] = "middle";
-    DISPLAY_STRATEGY_TYPE["LARGE"] = "large";
-    DISPLAY_STRATEGY_TYPE["EXTRA_LARGE"] = "x-large";
-})(DISPLAY_STRATEGY_TYPE || (DISPLAY_STRATEGY_TYPE = {}));

package/libs/src/ModelItemLabelPlugin/utils/parseData.js

@@ -1,4 +0,0 @@
-/** @description 转成内部所需数据 */
-export function parseModelItemLabelPluginData(data) {
-    return data.model_item_labels.map(label => (Object.assign({ modelPosition: [label.position[0], label.position[1] + label.size[1], label.position[2]] }, label)));
-}

package/libs/src/ModelRoomLabelPlugin/Assets/roomLabelBg.js

@@ -1 +0,0 @@
-export const ROOM_LABEL_BG = 'data:image/png;base64,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';

package/libs/src/ModelRoomLabelPlugin/Controller.js

@@ -1,142 +0,0 @@
-import RoomLabelItems from './RoomLabelItems';
-import { parseModelRoomLabelPluginData } from './utils/parseData';
-export class ModelRoomLabelController {
-    constructor(five) {
-        Object.defineProperty(this, "five", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        Object.defineProperty(this, "enabled", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: true
-        });
-        Object.defineProperty(this, "fiveModeEnabled", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        Object.defineProperty(this, "app", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: undefined
-        });
-        Object.defineProperty(this, "wrapper", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        Object.defineProperty(this, "roomLabels", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: []
-        });
-        Object.defineProperty(this, "container", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: document.createElement('div')
-        });
-        /** 监听 Five Mode 变化
-         * @description
-         * Mode 不符合要求时，立刻消失，满足要求时，需要等待动画结束再展示
-         */
-        Object.defineProperty(this, "onFiveModeChange", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: (mode) => {
-                if (mode !== 'Floorplan') {
-                    this.fiveModeEnabled = false;
-                    this.render();
-                    return;
-                }
-                this.five.once('initAnimationEnded', () => {
-                    this.fiveModeEnabled = this.five.currentMode === 'Floorplan';
-                    this.render();
-                });
-            }
-        });
-        this.five = five;
-        this.fiveModeEnabled = this.five.currentMode === 'Floorplan';
-        // init container style
-        this.container.classList.add('model-room-label-plugin-container');
-        this.container.style.width = '100%';
-        this.container.style.height = '100%';
-        this.container.style.position = 'absolute';
-        this.container.style.pointerEvents = 'none';
-        this.container.style.left = '0';
-        this.container.style.top = '0';
-        this.container.style.zIndex = '5';
-        // five listener
-        this.five.once('dispose', () => this.dispose());
-        this.five.on('modeChange', this.onFiveModeChange);
-        this.render();
-    }
-    dispose() {
-        this.five.off('modeChange', this.onFiveModeChange);
-        // ReactDOM.unmountComponentAtNode(this.container)
-        this.container.remove();
-    }
-    /** 加载数据 */
-    load(data) {
-        this.roomLabels = parseModelRoomLabelPluginData(data);
-        this.render();
-    }
-    /** 设置插件容器 */
-    appendTo(wrapper) {
-        this.wrapper = wrapper;
-        wrapper.appendChild(this.container);
-        this.render();
-        return this;
-    }
-    /** 禁用插件功能
-     * @description
-     * - 如果当前正在展示中，会清除所有展示的 DOM
-     * - 如果当前未展示，即使后续 Five 状态满足展示要求，也不会展示
-     * */
-    disable() {
-        this.enabled = false;
-        this.render();
-        return this;
-    }
-    /** 启用插件功能
-     * @description
-     * - 如果当前符合展示条件，会立刻展示
-     * - 如果不符合展示条件，会等待 Five 状态满足条件后再展示
-     */
-    enable() {
-        this.enabled = true;
-        this.render();
-        return this;
-    }
-    render() {
-        var _a;
-        if (!this.wrapper)
-            return;
-        if (!this.enabled || !this.fiveModeEnabled) {
-            (_a = this.app) === null || _a === void 0 ? void 0 : _a.$destroy();
-            this.app = undefined;
-            return;
-        }
-        if (!this.app) {
-            this.app = new RoomLabelItems({
-                target: this.container,
-                props: {
-                    five: this.five,
-                    roomLabels: this.roomLabels,
-                },
-            });
-        }
-        else {
-            this.app.$set({ five: this.five, roomLabels: this.roomLabels });
-        }
-    }
-}

package/libs/src/ModelRoomLabelPlugin/index.js

@@ -1,9 +0,0 @@
-import * as Controller from './Controller';
-export const ModelRoomLabelPlugin = (five) => {
-    return new Controller.ModelRoomLabelController(five);
-};
-export default ModelRoomLabelPlugin;
-export const modelRoomLabelPluginServerParams = {
-    name: 'ModelRoomLabelPlugin',
-    version: 0,
-};

package/libs/src/ModelRoomLabelPlugin/utils/parseData.js

@@ -1,14 +0,0 @@
-/** @description 下划线转驼峰 */
-export function parseModelRoomLabelPluginData(data) {
-    return data.model_room_labels.map(({ id, pano_index, floor_index, name, position, longitude }) => ({
-        id,
-        name,
-        position,
-        longitude,
-        panoIndex: pano_index,
-        floorIndex: floor_index,
-        zIndex: 0,
-        visible: false,
-        transform: '',
-    }));
-}

package/libs/src/ModelTVVideoPlugin/Plugin.js

@@ -1,254 +0,0 @@
-import * as THREE from 'three';
-import { parseModelTVVideoPoints } from "./utils/parseData";
-export const ModelTVVideoPlugin = (five, { videoElement }) => {
-    const state = {
-        videoMeshes: [],
-        videoTextureEnabled: false,
-        videoSource: '',
-        rectPoints: [],
-        enabled: false,
-        videoElement: videoElement,
-    };
-    const setMuted = (muted) => {
-        if (state.videoTexture) {
-            state.videoTexture.image.muted = muted;
-            state.videoTexture.image.play();
-        }
-    };
-    const getMuted = () => {
-        if (state.videoTexture)
-            return state.videoTexture.image.muted;
-        else
-            return true;
-    };
-    const enable = () => {
-        if (state.enabled)
-            return;
-        if (!state.videoTexture)
-            return;
-        state.enabled = true;
-        state.videoMeshes = createPanoVideoMeshes();
-        console.log('state.videoMeshes', state.videoMeshes);
-        state.videoMeshes.forEach((mesh) => five.scene.add(mesh));
-        const play = () => {
-            console.log('play', state.videoTexture);
-            if (!state.videoTexture)
-                return;
-            const timeupdate = () => {
-                var _a;
-                if (!state.videoTexture)
-                    return;
-                (_a = state.videoTexture) === null || _a === void 0 ? void 0 : _a.image.removeEventListener('timeupdate', timeupdate);
-                state.videoTextureEnabled = true;
-                state.videoMeshes.forEach((mesh) => {
-                    if (mesh.material.map !== state.videoTexture)
-                        mesh.material.map = state.videoTexture;
-                });
-                five.needsRender = true;
-            };
-            state.videoTexture.image.addEventListener('timeupdate', timeupdate);
-            if (state.videoTexture && state.videoMeshes.length) {
-                state.videoTexture.image.play();
-            }
-        };
-        if (five.model.loaded)
-            play();
-        else {
-            return five.once('modelLoaded', () => play());
-        }
-    };
-    const disable = () => {
-        if (!state.enabled)
-            return;
-        state.enabled = false;
-        state.videoMeshes.forEach((mesh) => {
-            mesh.geometry.dispose();
-            mesh.material.dispose();
-            five.scene.remove(mesh);
-            if (state.videoTexture)
-                state.videoTexture.image.pause();
-        });
-        state.videoMeshes = [];
-        five.needsRender = true;
-    };
-    const createPanoVideoMeshes = () => {
-        return state.rectPoints.map((points, index) => {
-            const geometry = new THREE.BufferGeometry();
-            const segments = 128;
-            const verticesArray = [];
-            verticesArray.push(points[0].x, points[0].y, points[0].z);
-            for (let i = 1; i < segments; i++) {
-                verticesArray.push(points[0].x + ((points[1].x - points[0].x) * i) / segments, points[0].y + ((points[1].y - points[0].y) * i) / segments, points[0].z + ((points[1].z - points[0].z) * i) / segments);
-            }
-            verticesArray.push(points[1].x, points[1].y, points[1].z);
-            verticesArray.push(points[2].x, points[2].y, points[2].z);
-            for (let i = 1; i < segments; i++) {
-                verticesArray.push(points[2].x + ((points[3].x - points[2].x) * i) / segments, points[2].y + ((points[3].y - points[2].y) * i) / segments, points[2].z + ((points[3].z - points[2].z) * i) / segments);
-            }
-            verticesArray.push(points[3].x, points[3].y, points[3].z);
-            const uvArray = [];
-            uvArray.push(0, 1);
-            for (let i = 1; i < segments; i++) {
-                uvArray.push(0, 1 - i / segments);
-            }
-            uvArray.push(0, 0);
-            uvArray.push(1, 0);
-            for (let i = 1; i < segments; i++) {
-                uvArray.push(1, i / segments);
-            }
-            uvArray.push(1, 1);
-            const indicesArray = [];
-            for (let i = 0; i < segments; i++) {
-                indicesArray.push(i, i + 1, segments * 2 - i, i, segments * 2 - i, segments * 2 + 1 - i);
-            }
-            geometry.setAttribute('position', new THREE.BufferAttribute(new Float32Array(verticesArray), 3));
-            geometry.setAttribute('uv', new THREE.BufferAttribute(new Float32Array(uvArray), 2));
-            geometry.setIndex(new THREE.BufferAttribute(new Uint32Array(indicesArray), 1));
-            const material = new THREE.MeshBasicMaterial({
-                map: state.videoTextureEnabled ? state.videoTexture : state.imageTexture,
-                side: THREE.DoubleSide,
-            });
-            const mesh = new THREE.Mesh(geometry, material);
-            mesh.renderOrder = 1;
-            mesh.name = `ModelTVVideoPlugin-${index}-${performance.now()}`;
-            return mesh;
-        });
-    };
-    const getImageTexture = (source) => {
-        const texture = new THREE.TextureLoader().load(source);
-        texture.minFilter = THREE.LinearFilter;
-        texture.magFilter = THREE.LinearFilter;
-        texture.format = THREE.RGBFormat;
-        return texture;
-    };
-    const getVideoTexture = (source, video) => {
-        return new Promise((resolve, reject) => {
-            const xhr = new XMLHttpRequest();
-            xhr.onreadystatechange = () => {
-                if (xhr.readyState == 4) {
-                    if (xhr.status == 200) {
-                        const url = window.URL || window.webkitURL;
-                        video = video || document.createElement('video');
-                        video.crossOrigin = 'anonymous';
-                        video.autoplay = true;
-                        video.muted = true;
-                        video.loop = true;
-                        video.playsInline = true;
-                        video.src = url.createObjectURL(xhr.response);
-                        const texture = new THREE.VideoTexture(video);
-                        texture.minFilter = THREE.LinearFilter;
-                        texture.magFilter = THREE.LinearFilter;
-                        texture.format = THREE.RGBFormat;
-                        resolve(Object.assign(texture, { videoSource: source }));
-                    }
-                    else {
-                        reject(new Error('Video download Error: ' + xhr.status));
-                    }
-                }
-            };
-            xhr.onerror = (error) => reject(error);
-            xhr.open('GET', source);
-            xhr.responseType = 'blob';
-            xhr.send();
-        });
-    };
-    const load = async (data, videoElement) => {
-        const { video_src, video_poster_src, points } = data;
-        state.videoSource = video_src;
-        // TODO 存疑，先处理多一次遍历 o(2n)
-        state.rectPoints = parseModelTVVideoPoints(points)
-            .map((items) => items.map(({ x, y, z }) => new THREE.Vector3(x, y, z)));
-        state.imageTexture = getImageTexture(video_poster_src);
-        if (videoElement) {
-            state.videoElement = videoElement;
-        }
-        state.videoTexture = await getVideoTexture(state.videoSource, state.videoElement);
-        state.enabled = !!data.enable;
-        if (state.enabled)
-            enable();
-    };
-    const dispose = () => {
-        disable();
-        state.videoTexture = undefined;
-        five.off('modeChange', () => setMuted(true));
-        five.off('wantsTapGesture', (raycaster) => {
-            if (!state.enabled)
-                return;
-            const [intersect] = raycaster.intersectObjects(five.scene.children, true);
-            if (!!intersect && /^video/.test(intersect.object.name)) {
-                if (state.videoTexture)
-                    setMuted(!state.videoTexture.image.muted);
-                return false;
-            }
-        });
-        five.off('panoArrived', () => {
-            if (!state.enabled)
-                return;
-            if (getMuted())
-                return;
-            const cameraPosition = five.camera.position;
-            const visible = state.rectPoints.find((points) => {
-                const centerVector = points.reduce((total, curr) => new THREE.Vector3(total.x + curr.x / points.length, total.y + curr.y / points.length, total.z + curr.z / points.length), new THREE.Vector3());
-                return (points.map((point) => new THREE.Vector3((point.x + centerVector.x) / 2, (point.y + centerVector.y) / 2, (point.z + centerVector.z) / 2)).filter((vector) => {
-                    vector = vector.clone().sub(cameraPosition).normalize();
-                    const raycaster = new THREE.Raycaster(cameraPosition, vector);
-                    const [intersect] = raycaster.intersectObjects(five.scene.children, true);
-                    return !!intersect && /^video/.test(intersect.object.name);
-                }).length >= 2);
-            });
-            if (!visible)
-                setMuted(true);
-        });
-        five.off('renderFrame', () => {
-            // console.log('renderFrame', state.videoMeshes)
-            state.videoMeshes.forEach((meshes) => {
-                if (meshes)
-                    //@ts-ignore
-                    meshes.needsRender = true;
-            });
-        });
-    };
-    five.on('modeChange', () => setMuted(true));
-    five.on('wantsTapGesture', (raycaster) => {
-        if (!state.enabled)
-            return;
-        const targetMesh = five.scene.children.find(item => /^ModelTVVideoPlugin/.test(item.name));
-        if (!targetMesh)
-            return;
-        const intersectObjects = raycaster.intersectObjects([targetMesh]);
-        if (intersectObjects.length === 0)
-            return;
-        if (state.videoTexture)
-            setMuted(!state.videoTexture.image.muted); // TODO  toggle video play
-        return false;
-    });
-    five.on('panoArrived', () => {
-        if (!state.enabled)
-            return;
-        if (getMuted())
-            return;
-        const cameraPosition = five.camera.position;
-        const visible = state.rectPoints.find((points) => {
-            const centerVector = points.reduce((total, curr) => new THREE.Vector3(total.x + curr.x / points.length, total.y + curr.y / points.length, total.z + curr.z / points.length), new THREE.Vector3());
-            return (points.map((point) => new THREE.Vector3((point.x + centerVector.x) / 2, (point.y + centerVector.y) / 2, (point.z + centerVector.z) / 2)).filter((vector) => {
-                vector = vector.clone().sub(cameraPosition).normalize();
-                const raycaster = new THREE.Raycaster(cameraPosition, vector);
-                const [intersect] = raycaster.intersectObjects(five.scene.children, true);
-                return !!intersect && /^video/.test(intersect.object.name);
-            }).length >= 2);
-        });
-        if (!visible)
-            setMuted(true);
-    });
-    five.on('renderFrame', () => {
-        // console.log('renderFrame', state.videoMeshes)
-        state.videoMeshes.forEach((meshes) => {
-            if (meshes)
-                //@ts-ignore
-                meshes.needsRender = true;
-        });
-    });
-    Object.assign(window, { $state: state });
-    return { enable, disable, load, dispose };
-};
-export default ModelTVVideoPlugin;

package/libs/src/ModelTVVideoPlugin/index.js

@@ -1,4 +0,0 @@
-import ModelTVVideoPlugin from './Plugin';
-export { ModelTVVideoPlugin };
-export default ModelTVVideoPlugin;
-export { DIRECTION } from './typings';

package/libs/src/ModelTVVideoPlugin/typings.js

@@ -1,8 +0,0 @@
-import "three";
-export var DIRECTION;
-(function (DIRECTION) {
-    DIRECTION["TOP_LEFT"] = "topLeft";
-    DIRECTION["TOP_RIGHT"] = "topRight";
-    DIRECTION["BOTTOM_LEFT"] = "bottomLeft";
-    DIRECTION["BOTTOM_RIGHT"] = "bottomRight";
-})(DIRECTION || (DIRECTION = {}));

package/libs/src/ModelTVVideoPlugin/utils/parseData.js

@@ -1,13 +0,0 @@
-import { DIRECTION } from "../typings";
-export function parseModelTVVideoPoints(points) {
-    if (points.length === 0)
-        return [];
-    if (Array.isArray(points[0]))
-        return points;
-    let newPoints = [];
-    points.map(point => {
-        const newPoint = [point[DIRECTION.TOP_LEFT], point[DIRECTION.BOTTOM_LEFT], point[DIRECTION.BOTTOM_RIGHT], point[DIRECTION.TOP_RIGHT]];
-        newPoints.push(newPoint);
-    });
-    return newPoints;
-}