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

package/libs/floorplan/PanoFloorplanRadarPlugin/Components/Main.svelte

@@ -1,64 +0,0 @@
-<script>import { onMount } from 'svelte';
-import Camera from './Camera.svelte';
-import CurrentFloor from './CurrentFloor/CurrentFloor.svelte';
-export let five;
-export let visible;
-export let hoverEnable;
-export let floorplanData;
-export let cameraImageUrl;
-export let extraObjects = [];
-let pxmm = 0;
-let floorIndex = 0;
-let clientWidth = 0;
-let clientHeight = 0;
-let contentWidth = 0;
-let contentHeight = 0;
-$: {
-    const size = Math.min(clientWidth, clientHeight);
-    const { max, min } = floorplanData.bounding;
-    const boundingWidth = max.x - min.x;
-    const boundingHeight = max.y - min.y;
-    const contentSize = (function getSize() {
-        if (boundingWidth > boundingHeight)
-            return [size, (size / boundingWidth) * boundingHeight];
-        return [(size / boundingHeight) * boundingWidth, size];
-    })();
-    contentWidth = contentSize[0];
-    contentHeight = contentSize[1];
-    pxmm = contentWidth / boundingWidth;
-}
-function handlePanoArrived(panoIndex) {
-    floorIndex = five.work.observers[panoIndex].floorIndex;
-}
-onMount(() => {
-    five.on('panoArrived', handlePanoArrived);
-    return () => {
-        five.off('panoArrived', handlePanoArrived);
-    };
-});
-</script>
-
-{#if visible}
-  <div class="plugin-floorplan-radar" bind:clientWidth bind:clientHeight>
-    {#if clientWidth !== 0}
-      <div class="plugin-floorplan-radar-container" style:width="{contentWidth}px" style:height="{contentHeight}px">
-        <CurrentFloor {...{ five, pxmm, floorIndex, floorplanData, hoverEnable, extraObjects }} />
-        <Camera {...{ pxmm, five, floorplanData, cameraImageUrl }} />
-      </div>
-    {/if}
-  </div>
-{/if}
-
-<style>
-  .plugin-floorplan-radar {
-    width: 100%;
-    height: 100%;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-  }
-
-  .plugin-floorplan-radar-container {
-    position: relative;
-  }
-</style>

package/libs/package.json

@@ -1,68 +0,0 @@
-{
-    "name": "@realsee/dnalogel",
-    "main": "dist/index.js",
-    "module": "dist/index.es.js",
-    "browser": "dist/index.umd.js",
-    "types": "dist/index.d.ts",
-    "author": "REALSEE-DEVELOPER",
-    "repository": "https://github.com/realsee-developer/dnalogel.git",
-    "description": "如视 VR 看房插件合集",
-    "private": false,
-    "version": "2.0.0-alpha.38",
-    "license": "SEE LICENSE IN TERMS.txt",
-    "scripts": {
-        "build": "yarn run tsb && yarn run build:rollup && yarn run build:components && yarn build:docs",
-        "build:dev": "yarn build:svelte && tsc --watch",
-        "build:rollup": " rollup --config rollup.config.js",
-        "build:components": "vite build",
-        "tsb": "tsc && yarn build:svelte && ./bin/svelte-compile.js",
-        "build:svelte": "svelte-strip strip src/ libs -m=false",
-        "build:docs": "typedoc --options ./typedoc.json",
-        "preview": "vite preview",
-        "check": "svelte-check --tsconfig ./tsconfig.json"
-    },
-    "files": [
-        "libs",
-        "dist",
-        "components",
-        "docs",
-        "TERMS.txt"
-    ],
-    "devDependencies": {
-        "@babel/core": "^7.17.5",
-        "@realsee/five": "5.0.0-alpha.138",
-        "@rollup/plugin-alias": "^3.1.9",
-        "@rollup/plugin-commonjs": "^21.1.0",
-        "@rollup/plugin-typescript": "^8.3.2",
-        "@sveltejs/vite-plugin-svelte": "^1.0.0-next.44",
-        "@tsconfig/svelte": "^2.0.1",
-        "@types/hammerjs": "2.0.41",
-        "@typescript-eslint/eslint-plugin": "^5.12.1",
-        "@typescript-eslint/parser": "^5.12.1",
-        "@vitejs/plugin-react-refresh": "^1.3.6",
-        "autoprefixer": "^10.4.2",
-        "classnames": "^2.3.1",
-        "eslint": "^8.9.0",
-        "eslint-config-alloy": "^4.5.1",
-        "glob": "^8.0.1",
-        "postcss": "^8.4.6",
-        "postcss-plugin-px2rem": "^0.8.1",
-        "replace": "^1.2.1",
-        "rollup-plugin-multi-input": "^1.3.1",
-        "rollup-plugin-postcss": "^4.0.2",
-        "rollup-plugin-svelte": "^7.1.0",
-        "svelte-check": "^2.2.7",
-        "svelte-preprocess": "^4.10.6",
-        "svelte-strip": "^1.0.1",
-        "three": "0.117.1",
-        "tslib": "^2.3.1",
-        "typedoc": "^0.22.11",
-        "typescript": "^4.5.5",
-        "vite": "^2.8.0"
-    },
-    "dependencies": {
-        "@tweenjs/tween.js": "^18.6.4",
-        "hammerjs": "^2.0.8",
-        "svelte": "^3.47.0"
-    }
-}

package/libs/src/CSS3DRenderPlugin/Plugin.js

@@ -1,182 +0,0 @@
-import * as THREE from 'three';
-import { Scene, Vector3 } from 'three';
-import { CSS3DObject, CSS3DRenderer } from 'three/examples/jsm/renderers/CSS3DRenderer';
-import evenNumber from '../shared-utils/math/evenNumber';
-import centerPoint from '../shared-utils/three/centerPoint';
-import transformPositionToVector3 from '../shared-utils/three/transformPositionToVector3';
-import createResizeObserver from './utils/createResizeObserver';
-/**
- * **CSS3DRenderPlugin** 提供矩形区域（三维空间四个坐标点），你可以在此矩形区域中渲染 DOM 内容。
- * 实现原理参考[CSS3DRenderer](https://threejs.org/docs/index.html?q=CSS3D#examples/en/renderers/CSS3DRenderer)。
- *
- * @returns
- */
-export const CSS3DRenderPlugin = (five) => {
-    const state = { disposeCallbacks: [] };
-    const create3DDomContainer = (...params) => {
-        var _a, _b, _c;
-        const points = params[0].map((point) => (point instanceof Vector3 ? point : transformPositionToVector3(point)));
-        const config = params[1];
-        if ((points === null || points === void 0 ? void 0 : points.length) < 4)
-            return console.error('points must be equal or greater than than 4');
-        if (!((_a = five === null || five === void 0 ? void 0 : five.model) === null || _a === void 0 ? void 0 : _a.loaded))
-            return console.error('five.model.loaded is: ', (_b = five === null || five === void 0 ? void 0 : five.model) === null || _b === void 0 ? void 0 : _b.loaded);
-        const fiveElement = five.getElement();
-        if (!fiveElement)
-            return console.error('five.getElement() is ' + fiveElement);
-        const disposers = [];
-        const ratio = (config === null || config === void 0 ? void 0 : config.ratio) || 0.00216;
-        if (ratio <= 0.00215)
-            console.warn('if you need click css3DElement on safari, ratio must be greater than 0.00215');
-        const dpr = (config === null || config === void 0 ? void 0 : config.dpr) || 1;
-        const mode = (config === null || config === void 0 ? void 0 : config.mode) || 'front';
-        const autoRender = (_c = config === null || config === void 0 ? void 0 : config.autoRender) !== null && _c !== void 0 ? _c : true;
-        const behindFiveContainer = (config === null || config === void 0 ? void 0 : config.behindFiveContainer) || fiveElement.parentElement || document.body;
-        const container = (config === null || config === void 0 ? void 0 : config.container) || document.createElement('div');
-        container.classList.add('__Dnalogel-plugin--CSS3DRenderPlugin');
-        // 获取css3DObject, 如果mode为behind的话，一起获取mesh
-        const { css3DObject, mesh } = createObject(points, { ratio, dpr, container, mode });
-        // ======= INIT START =======
-        let resizeObserver;
-        const frontModeUnInited = mode === 'front' && !state.frontMode;
-        const behindModeUnInited = mode === 'behind' && !state.behindMode;
-        const inited = !(frontModeUnInited || behindModeUnInited);
-        if (behindModeUnInited) {
-            state.behindMode = { scene: new Scene(), css3DRenderer: new CSS3DRenderer() };
-        }
-        if (frontModeUnInited) {
-            state.frontMode = { scene: new Scene(), css3DRenderer: new CSS3DRenderer() };
-        }
-        const stateMode = mode === 'behind' ? state.behindMode : state.frontMode;
-        const { scene, css3DRenderer } = stateMode;
-        const render = (() => {
-            if (!inited) {
-                const css3DRendererSetSize = () => {
-                    // 这里evenNumber策略是遇到奇数会加1，不知道为啥会触发滚动条显示，导致fiveElement变小，fiveElement变小又触发了这里的resize，宽高变小，滚动条消失，然后又触发resize。。。无限循环
-                    // 为了规避上面这种情况，evenNumber设置了一个参数，遇到奇数可选择减一
-                    const rendererWidth = evenNumber(fiveElement.clientWidth, { smaller: true });
-                    const rendererHeight = evenNumber(fiveElement.clientHeight, { smaller: true });
-                    css3DRenderer.setSize(rendererWidth, rendererHeight);
-                };
-                css3DRendererSetSize();
-                resizeObserver = createResizeObserver(css3DRendererSetSize, fiveElement);
-                css3DRenderer.domElement.style.position = 'absolute';
-                css3DRenderer.domElement.style.top = '0';
-                css3DRenderer.domElement.style.userSelect = 'none';
-                css3DRenderer.domElement.style.pointerEvents = 'none';
-                const renderEveryFrame = () => {
-                    const requestAnimationFrameId = requestAnimationFrame(renderEveryFrame);
-                    stateMode.requestAnimationFrameId = requestAnimationFrameId;
-                    css3DRenderer.render(scene, five.camera);
-                };
-                return () => {
-                    var _a;
-                    scene.add(css3DObject);
-                    (_a = resizeObserver === null || resizeObserver === void 0 ? void 0 : resizeObserver.observe) === null || _a === void 0 ? void 0 : _a.call(resizeObserver);
-                    renderEveryFrame();
-                    if (mode === 'behind' && mesh) {
-                        five.scene.add(mesh);
-                        disposers.push(() => mesh && five.scene.remove(mesh));
-                    }
-                };
-            }
-            else {
-                return () => {
-                    scene.add(css3DObject);
-                };
-            }
-        })();
-        if (frontModeUnInited) {
-            const wrapper = fiveElement.parentElement || document.body;
-            wrapper.appendChild(css3DRenderer.domElement);
-        }
-        if (behindModeUnInited) {
-            const wrapper = behindFiveContainer;
-            wrapper.appendChild(css3DRenderer.domElement);
-        }
-        // ======= INIT END =======
-        const dispose = () => {
-            var _a;
-            disposers.forEach((d) => d === null || d === void 0 ? void 0 : d());
-            scene.remove(css3DObject);
-            if (scene.children.length === 0) {
-                if (typeof stateMode.requestAnimationFrameId === 'number') {
-                    cancelAnimationFrame(stateMode.requestAnimationFrameId);
-                }
-                css3DRenderer.domElement.remove();
-                if (mode === 'front')
-                    state.frontMode = undefined;
-                if (mode === 'behind')
-                    state.behindMode = undefined;
-                if (!state.behindMode && !state.frontMode) {
-                    (_a = resizeObserver === null || resizeObserver === void 0 ? void 0 : resizeObserver.unobserve) === null || _a === void 0 ? void 0 : _a.call(resizeObserver);
-                }
-            }
-            return true;
-        };
-        const idx = state.disposeCallbacks.findIndex((item) => item === dispose);
-        if (idx !== -1) {
-            state.disposeCallbacks.splice(idx, 1);
-        }
-        else {
-            state.disposeCallbacks.push(dispose);
-        }
-        if (autoRender)
-            render();
-        return { container, dispose, css3DObject, render: autoRender ? undefined : render };
-    };
-    const createObject = (points, config) => {
-        const { ratio, dpr, container: element, mode } = config;
-        const planeWidth = points[0].distanceTo(points[1]);
-        const planeHeight = points[1].distanceTo(points[2]);
-        const domWidthPx = evenNumber((planeWidth / ratio) * dpr);
-        const domHeightPx = evenNumber((planeHeight / ratio) * dpr);
-        const css3DObject = new CSS3DObject(element);
-        css3DObject.scale.set(ratio, ratio, ratio);
-        element.style.width = domWidthPx + 'px';
-        element.style.height = domHeightPx + 'px';
-        element.style.pointerEvents = 'none';
-        const centerPosition = centerPoint(points[0], points[2]);
-        const vector01 = points[1].clone().sub(points[0]); // 点0 -> 点1 的向量
-        const vector12 = points[2].clone().sub(points[1]); // 点1 -> 点2 的向量
-        // 旋转
-        const rotateXAngle = new Vector3(0, 1, 0).angleTo(new Vector3(0, vector12.y, vector12.z));
-        const rotateYAngle = new Vector3(1, 0, 0).angleTo(new Vector3(vector01.x, 0, vector01.z));
-        const rotateZAngle = vector01.angleTo(new Vector3(vector01.x, 0, vector01.z));
-        /**
-         * [0,1,0] => [0,0,1]  为rotate Worldx正方向
-         * [0,0,1] => [0,1,0]  为rotate Worldy正方向
-         * [0,1,1] => [-1,0,0] 为rotate Worldz正方向
-         */
-        const rotateX = (vector12.z > 0 ? -1 : 1) * rotateXAngle;
-        const rotateY = (vector01.z < 0 ? 1 : -1) * rotateYAngle;
-        const rotateZ = ((vector01.x > 0 && vector01.y < 0) || (vector01.x < 0 && vector01.y > 0) ? -1 : 1) * rotateZAngle;
-        css3DObject.rotateOnWorldAxis(new Vector3(1, 0, 0), rotateX); // x
-        css3DObject.rotateOnWorldAxis(new Vector3(0, 1, 0), rotateY); // y
-        css3DObject.rotateOnWorldAxis(new Vector3(0, 0, 1), rotateZ); // z
-        css3DObject.position.set(centerPosition.x, centerPosition.y, centerPosition.z);
-        let mesh;
-        if (mode === 'behind') {
-            const material = new THREE.MeshBasicMaterial({
-                opacity: 0,
-                transparent: false,
-                side: THREE.DoubleSide,
-            });
-            const geometry = new THREE.PlaneGeometry(domWidthPx, domHeightPx);
-            mesh = new THREE.Mesh(geometry, material);
-            mesh.name = 'CSS3DRenderPlugin-mesh';
-            mesh.position.copy(css3DObject.position);
-            mesh.rotation.copy(css3DObject.rotation);
-            mesh.scale.copy(css3DObject.scale);
-        }
-        return { css3DObject, mesh };
-    };
-    return {
-        create3DDomContainer,
-        disposeAll: () => {
-            state.disposeCallbacks.forEach((d) => d === null || d === void 0 ? void 0 : d());
-            state.disposeCallbacks = [];
-        },
-    };
-};
-export default CSS3DRenderPlugin;

package/libs/src/CSS3DRenderPlugin/index.js

@@ -1,3 +0,0 @@
-import CSS3DRenderPlugin from './Plugin';
-export { CSS3DRenderPlugin };
-export default CSS3DRenderPlugin;

package/libs/src/CSS3DRenderPlugin/utils/createResizeObserver.js

@@ -1,18 +0,0 @@
-/**
- * @description: 究极简陋的 ResizeObserver polyfill
- */
-export default function createResizeObserver(func, element) {
-    if (!element || typeof ResizeObserver === 'undefined') {
-        return {
-            observe: () => window.addEventListener('resize', func),
-            unobserve: () => window.removeEventListener('resize', func),
-        };
-    }
-    else {
-        const observer = new ResizeObserver(func);
-        return {
-            observe: () => observer.observe(element),
-            unobserve: () => observer.unobserve(element),
-        };
-    }
-}

package/libs/src/CameraMovementPlugin/CameraMovementPlugin.js

@@ -1,159 +0,0 @@
-import { Five } from '@realsee/five';
-import * as TWEEN from '@tweenjs/tween.js';
-import { tweenProgress } from '../shared-utils/animationFrame/tween';
-import { Rotation, } from './typing';
-import { formatLongitude, formatLatitude } from '../shared-utils/animationFrame/formatRad';
-import { progressNumber } from '../shared-utils/animationFrame/calculateProgress';
-const getLongitudeParams = (from, to, rotation) => {
-    const PI = Math.PI;
-    const PI_2 = PI * 2;
-    from = formatLongitude(from);
-    to = formatLongitude(to);
-    // 逆时针旋转，初始值必须是较大的值
-    if (rotation === Rotation.Anticlockwise && from < to)
-        from += PI_2;
-    // 顺时针旋转，结束值必须是较大值
-    if (rotation === Rotation.Clockwise && to < from)
-        to += PI_2;
-    // Loop 旋转，找锐角旋转
-    // 如果 to 比 from 大 180°，逆时针转
-    // 如果 from 比 to 大 180°，顺时针转
-    if (rotation === Rotation.Loop && to - from > PI)
-        return getLongitudeParams(from, to, Rotation.Anticlockwise);
-    if (rotation === Rotation.Loop && from - to > PI)
-        return getLongitudeParams(from, to, Rotation.Clockwise);
-    return { from, to };
-};
-/**
- * **运镜插件** 模拟类似于电影运镜效果。
- */
-export const CameraMovementPlugin = (five) => {
-    const state = {};
-    const move = async (args, duration, opts = { preload: true }) => {
-        if (state.interruptCallback) {
-            state.interruptCallback(false);
-        }
-        if (opts.asyncStartCallback) {
-            await opts.asyncStartCallback();
-        }
-        if (args.mode && args.mode !== five.currentMode) {
-            await five.changeMode(args.mode);
-        }
-        if (opts.preload && args.panoIndex !== undefined && args.panoIndex !== five.panoIndex) {
-            await five.preloadPano(args.panoIndex);
-        }
-        if (opts.asyncEndCallback) {
-            await opts.asyncEndCallback();
-        }
-        if (args.panoIndex === undefined &&
-            args.fov === undefined &&
-            args.latitude === undefined &&
-            args.longitude === undefined) {
-            return true;
-        }
-        return await new Promise((resolve, reject) => {
-            const panoIndex = args.panoIndex !== undefined ? args.panoIndex : five.panoIndex;
-            if (panoIndex !== undefined) {
-                five.moveToPano(panoIndex, Object.assign({
-                    duration,
-                    moveEndCallback: () => resolve(true),
-                    moveCancelCallback: () => reject(false), // 移动开始
-                }, args));
-            }
-            else {
-                reject(false);
-            }
-        });
-    };
-    const getAnimeParams = (args) => {
-        const currentFiveState = five.state;
-        // latitude
-        const fromLatitude = formatLatitude(currentFiveState.latitude);
-        const toLatitude = formatLatitude(args.latitude);
-        // longitude
-        const { from: fromLongitude, to: toLongitude } = getLongitudeParams(currentFiveState.longitude, args.longitude, args.rotation || Rotation.Loop);
-        // fov
-        const fromFov = currentFiveState.fov;
-        const toFov = args.fov;
-        return {
-            from: { latitude: fromLatitude, longitude: fromLongitude, fov: fromFov },
-            to: { latitude: toLatitude, longitude: toLongitude, fov: toFov },
-        };
-    };
-    const rotate = async (args, duration, opts = {}) => {
-        if (state.interruptCallback) {
-            state.interruptCallback(false);
-        }
-        if (opts.asyncStartCallback) {
-            await opts.asyncStartCallback();
-        }
-        if (five.currentMode !== Five.Mode.Panorama) {
-            await five.changeMode(Five.Mode.Panorama);
-        }
-        if (args.panoIndex !== undefined && args.panoIndex !== five.panoIndex) {
-            if (opts.preload)
-                await five.preloadPano(args.panoIndex);
-            await new Promise((resolve, reject) => {
-                if (!args.panoIndex) {
-                    resolve(true);
-                    return;
-                }
-                five.moveToPano(args.panoIndex, {
-                    moveEndCallback: () => resolve(true),
-                    moveCancelCallback: () => reject(false), // 移动开始
-                });
-            });
-        }
-        if (opts.asyncEndCallback) {
-            await opts.asyncEndCallback();
-        }
-        const { from, to } = getAnimeParams(args);
-        return await new Promise((resolve) => {
-            const onUpdate = ({ progress }) => {
-                const state = {};
-                state.longitude = progressNumber(from.longitude, to.longitude, progress);
-                state.latitude = progressNumber(from.latitude, to.latitude, progress);
-                state.fov = progressNumber(from.fov, to.fov, progress);
-                five.setState(state, true);
-            };
-            const onComplete = () => {
-                resolve(true);
-            };
-            const onDestroy = () => {
-                resolve(false);
-            };
-            const animeDuration = args.rotateSpeed
-                ? Math.ceil((Math.abs(to.longitude - from.longitude) / args.rotateSpeed) * 1000)
-                : duration;
-            const tween = tweenProgress(animeDuration, TWEEN.Easing.Linear.None)
-                .onUpdate(onUpdate)
-                .onComplete(onComplete)
-                .onDestroy(onDestroy);
-            if (args.rotation === Rotation.Loop) {
-                tween.repeat(Infinity).yoyo(true);
-            }
-            /**
-             * 中断回调：可能会被其他动画中断。
-             */
-            state.interruptCallback = (flag = true) => {
-                tween.destroy();
-                state.interruptCallback = undefined;
-                if (state.timeoutId) {
-                    clearTimeout(state.timeoutId);
-                    state.timeoutId = undefined;
-                }
-                resolve(flag);
-            };
-            state.timeoutId = setTimeout(() => {
-                // 总时间到了之后强制结束，同时也是 Loop 模式的结束方式
-                if (state.interruptCallback)
-                    state.interruptCallback(true);
-            }, duration);
-        });
-    };
-    return {
-        move,
-        rotate,
-    };
-};
-export default CameraMovementPlugin;

package/libs/src/CameraMovementPlugin/index.js

@@ -1,4 +0,0 @@
-import CameraMovementPlugin from "./CameraMovementPlugin";
-export { CameraMovementPlugin };
-export default CameraMovementPlugin;
-export { CameraMovementEffect, Rotation } from './typing';

package/libs/src/CameraMovementPlugin/typing.js

@@ -1,17 +0,0 @@
-/**
- * 运镜效果
- */
-export var CameraMovementEffect;
-(function (CameraMovementEffect) {
-    CameraMovementEffect["Move"] = "Move";
-    CameraMovementEffect["Rotate"] = "Rotate";
-})(CameraMovementEffect || (CameraMovementEffect = {}));
-/**
- * 旋转类型
- */
-export var Rotation;
-(function (Rotation) {
-    Rotation["Clockwise"] = "Clockwise";
-    Rotation["Anticlockwise"] = "Anticlockwise";
-    Rotation["Loop"] = "Loop";
-})(Rotation || (Rotation = {}));

package/libs/src/ItemLabelPlugin/Plugin.js

@@ -1,120 +0,0 @@
-import { Subscribe } from "@realsee/five";
-import ItemLabelComponent from './ItemLabelComponent';
-import { ITEM_LABEL_PLUGIN_DISPLAY_STRATEGY_TYPE } from "./typings";
-import { parseItemLabelPluginData } from "./utils/parseData";
-const defaultMaxVisibleDistance = undefined;
-export const Plugin = (five, params) => {
-    var _a, _b, _c;
-    const pluginState = {
-        container: document.createElement('div'),
-        data: null,
-        enabled: true,
-        fiveModeEnabled: true,
-        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 : ITEM_LABEL_PLUGIN_DISPLAY_STRATEGY_TYPE.SMALL,
-        maxVisibleDistance: (_c = params === null || params === void 0 ? void 0 : params.maxVisibleDistance) !== null && _c !== void 0 ? _c : defaultMaxVisibleDistance,
-    };
-    pluginState.container.setAttribute('class', '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 = parseItemLabelPluginData(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,
-                    maxVisibleDistance: pluginState.maxVisibleDistance
-                }
-            });
-        }
-        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;
-        pluginState.fiveModeEnabled = false;
-        render();
-        five.once('initAnimationEnded', () => {
-            pluginState.fiveModeEnabled = true;
-            render();
-        });
-    };
-    addListener4Five();
-    return {
-        appendTo,
-        load,
-        enable,
-        disable,
-        dispose,
-        hooks: pluginState.hooks
-    };
-};
-export default Plugin;

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

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

package/libs/src/ItemLabelPlugin/index.js

@@ -1,8 +0,0 @@
-import ItemLabelPlugin from './Plugin';
-export { ItemLabelPlugin };
-export default ItemLabelPlugin;
-export const itemLabelPluginServerParams = {
-    name: 'ItemLabelPlugin',
-    version: 0,
-};
-export { ITEM_LABEL_PLUGIN_DISPLAY_STRATEGY_TYPE } from './typings';

package/libs/src/ItemLabelPlugin/typings.js

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

package/libs/src/ItemLabelPlugin/utils/getLabelTransform.js

@@ -1,3 +0,0 @@
-export const getLabelTransform = (cssOffset) => {
-    return `translate(${cssOffset[0]}px, ${cssOffset[1]}px)`;
-};