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

package/libs/PanoCompassPlugin/Plugin.js

@@ -1,267 +0,0 @@
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-import * as THREE from 'three';
-import { getRoomInfoInstance } from './getRoomInfoInstance';
-import { loadTexture } from '../shared-utils/three/loadTexture';
-import CSS3DRenderPlugin from '../CSS3DRenderPlugin';
-import { tweenProgress } from '../shared-utils/animationFrame/BetterTween';
-export const PanoCompassPlugin = function (five, config) {
-    return new PanoCompassController(five, config);
-};
-export default PanoCompassPlugin;
-class PanoCompassController {
-    constructor(five, config) {
-        Object.defineProperty(this, "five", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        Object.defineProperty(this, "data", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        Object.defineProperty(this, "config", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        Object.defineProperty(this, "group", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: new THREE.Group()
-        });
-        Object.defineProperty(this, "modelLoaded", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: false
-        });
-        Object.defineProperty(this, "roomInfoInstance", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        Object.defineProperty(this, "roomInfoWrapperInstance", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        Object.defineProperty(this, "compassMeshTween", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        Object.defineProperty(this, "compassMesh", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        Object.defineProperty(this, "entryDoorMesh", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        Object.defineProperty(this, "dispose", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: () => {
-                var _a, _b, _c, _d;
-                this.five.scene.remove(this.group);
-                this.group.remove(...this.group.children);
-                (_b = (_a = this.compassMesh) === null || _a === void 0 ? void 0 : _a.material.map) === null || _b === void 0 ? void 0 : _b.dispose();
-                (_d = (_c = this.entryDoorMesh) === null || _c === void 0 ? void 0 : _c.material.map) === null || _d === void 0 ? void 0 : _d.dispose();
-                this.five.off('dispose', this.dispose);
-                this.five.off('modelLoaded', this.onFiveFistPanoLoaded);
-                this.five.off('panoArrived', this.onFivePanoArrived);
-                this.five.off('panoWillArrive', this.onFivePanoWillArrive);
-                this.five.off('cameraDirectionUpdate', this.onFiveCameraDirectionUpdate);
-            }
-        });
-        Object.defineProperty(this, "onFiveFistPanoLoaded", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: () => {
-                this.modelLoaded = true;
-                if (this.data)
-                    this.init();
-            }
-        });
-        Object.defineProperty(this, "onFivePanoWillArrive", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: (panoIndex) => {
-                var _a, _b;
-                if (panoIndex === this.five.panoIndex)
-                    return;
-                (_a = this.compassMeshTween) === null || _a === void 0 ? void 0 : _a.dispose();
-                (_b = this.compassMesh) === null || _b === void 0 ? void 0 : _b.material.setValues({ opacity: 0 });
-            }
-        });
-        Object.defineProperty(this, "onFivePanoArrived", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: (panoIndex) => {
-                var _a, _b, _c, _d;
-                // ======== fix compass position ========
-                const standingPosition = this.five.work.observers[panoIndex].standingPosition;
-                if (this.compassMesh) {
-                    // 指南针上移 0.01m，防止与地板重合
-                    this.compassMesh.position.copy(standingPosition.clone().setY(standingPosition.y + 0.01));
-                    if (this.compassMesh.material.opacity !== 0)
-                        return;
-                    (_a = this.compassMeshTween) === null || _a === void 0 ? void 0 : _a.dispose();
-                    this.compassMeshTween = tweenProgress(1000)
-                        .onUpdate(({ progress }) => {
-                        var _a;
-                        (_a = this.compassMesh) === null || _a === void 0 ? void 0 : _a.material.setValues({ opacity: progress });
-                        this.five.needsRender = true;
-                    })
-                        .play();
-                }
-                // ======== fix entry door label position and rotation ========
-                if (this.entryDoorMesh) {
-                    const entryDoorPosition = new THREE.Vector3(this.data.entrance.position.x, this.data.entrance.position.y, this.data.entrance.position.z);
-                    const panoToEntryDoorVector = entryDoorPosition
-                        .clone()
-                        .setY(standingPosition.y)
-                        .sub(standingPosition)
-                        .normalize();
-                    const compassEntryDoorPosition = standingPosition
-                        .clone()
-                        .add(panoToEntryDoorVector.clone().multiplyScalar(0.7))
-                        .setY(standingPosition.y + 0.01);
-                    this.entryDoorMesh.rotation.z = new THREE.Vector3(0, 0, -1).angleTo(panoToEntryDoorVector);
-                    this.entryDoorMesh.position.copy(compassEntryDoorPosition);
-                    // 不是客厅时，隐藏入户门指引
-                    ((_b = this.data) === null || _b === void 0 ? void 0 : _b.room_observers[panoIndex].room.type) === 1
-                        ? (_c = this.entryDoorMesh) === null || _c === void 0 ? void 0 : _c.material.setValues({ opacity: 1 })
-                        : (_d = this.entryDoorMesh) === null || _d === void 0 ? void 0 : _d.material.setValues({ opacity: 0 });
-                }
-                // ======== fix room info ========
-                if (this.roomInfoInstance && this.roomInfoWrapperInstance) {
-                    this.roomInfoWrapperInstance.css3DObject.position.copy(standingPosition.clone().setY(standingPosition.y + 0.01));
-                    this.roomInfoInstance.setRoom(this.data.room_observers[panoIndex].room);
-                }
-                this.five.needsRender = true;
-            }
-        });
-        Object.defineProperty(this, "onFiveCameraDirectionUpdate", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: ({ longitude, latitude, }) => {
-                var _a, _b;
-                if (!this.roomInfoWrapperInstance)
-                    return;
-                this.roomInfoWrapperInstance.css3DObject.rotation.z = longitude;
-                latitude > 0.66 && this.five.getCurrentState().mode === 'Panorama'
-                    ? (_a = this.roomInfoInstance) === null || _a === void 0 ? void 0 : _a.show()
-                    : (_b = this.roomInfoInstance) === null || _b === void 0 ? void 0 : _b.hide();
-            }
-        });
-        this.five = five;
-        this.config = config;
-        this.five.scene.add(this.group);
-        this.five.once('dispose', this.dispose);
-        this.five.once('modelLoaded', this.onFiveFistPanoLoaded);
-        this.five.on('panoArrived', this.onFivePanoArrived);
-        this.five.on('panoWillArrive', this.onFivePanoWillArrive);
-        this.five.on('cameraDirectionUpdate', this.onFiveCameraDirectionUpdate);
-    }
-    load(data) {
-        this.data = data;
-        if (this.modelLoaded)
-            this.init();
-    }
-    init() {
-        return __awaiter(this, void 0, void 0, function* () {
-            if (!this.data || !this.modelLoaded)
-                return;
-            const northRad = this.data.north_rad;
-            if (northRad != null) {
-                this.compassMesh = yield this.loadCompassMesh();
-                this.compassMesh.rotateX(-Math.PI / 2);
-                this.compassMesh.rotateZ(northRad - Math.PI / 2);
-                this.group.add(this.compassMesh);
-            }
-            if (this.data.entrance != null) {
-                this.entryDoorMesh = yield this.loadEntryDoorMesh();
-                this.roomInfoWrapperInstance = this.loadRoomInfo();
-                this.roomInfoInstance = getRoomInfoInstance();
-                this.entryDoorMesh.rotateX(-Math.PI / 2);
-                if (this.roomInfoWrapperInstance)
-                    this.roomInfoInstance.appendTo(this.roomInfoWrapperInstance.container);
-                this.group.add(this.entryDoorMesh);
-            }
-            this.onFivePanoArrived(this.five.panoIndex || 0);
-            this.five.needsRender = true;
-        });
-    }
-    loadCompassMesh() {
-        var _a;
-        return __awaiter(this, void 0, void 0, function* () {
-            const compassImageUrl = ((_a = this.config) === null || _a === void 0 ? void 0 : _a.compassImageUrl) ||
-                '//vrlab-image4.ljcdn.com/release/web/v3/north-point-circle.96498e69.png';
-            const compassTexture = yield loadTexture(compassImageUrl);
-            const compassGeometry = new THREE.CircleGeometry(0.7, 32);
-            const compassMaterial = new THREE.MeshBasicMaterial({
-                map: compassTexture,
-                transparent: true,
-                opacity: 0,
-                depthTest: false,
-            });
-            const compassMesh = new THREE.Mesh(compassGeometry, compassMaterial);
-            compassMesh.name = 'pano-compass-mesh';
-            return compassMesh;
-        });
-    }
-    loadEntryDoorMesh() {
-        var _a;
-        return __awaiter(this, void 0, void 0, function* () {
-            const entryDoorImageUrl = ((_a = this.config) === null || _a === void 0 ? void 0 : _a.entryDoorImageUrl) ||
-                '//vrlab-image4.ljcdn.com/release/web/enterDoor.831b8208.png';
-            const entryDoorTexture = yield loadTexture(entryDoorImageUrl);
-            const entryDoorGeometry = new THREE.PlaneGeometry(0.2, 0.16);
-            const entryDoorMaterial = new THREE.MeshBasicMaterial({
-                map: entryDoorTexture,
-                transparent: true,
-                opacity: 0.8,
-                depthTest: false,
-            });
-            const entryDoorMesh = new THREE.Mesh(entryDoorGeometry, entryDoorMaterial);
-            entryDoorMesh.name = 'pano-compass-entry-door';
-            return entryDoorMesh;
-        });
-    }
-    loadRoomInfo() {
-        const points = [
-            new THREE.Vector3(-0.7, 0, -0.7),
-            new THREE.Vector3(0.7, 0, -0.7),
-            new THREE.Vector3(0.7, 0, 0.7),
-            new THREE.Vector3(-0.7, 0, 0.7),
-        ];
-        const roomInfo = CSS3DRenderPlugin(this.five).create3DDomContainer(points);
-        return roomInfo;
-    }
-}

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),
-        };
-    }
-}