@realsee/dnalogel 2.0.0-alpha.12 → 2.0.0-alpha.13

package/dist/CSS3DRenderPlugin/index.js

@@ -27,7 +27,7 @@ var THREE__namespace = /*#__PURE__*/_interopNamespace(THREE);
 
 function evenNumber(num, config) {
     const roundNum = Math.round(num);
-    return roundNum % 2 === 0 ? roundNum : roundNum + Number(config?.smaller ? -1 : 1);
+    return roundNum % 2 === 0 ? roundNum : roundNum + Number((config === null || config === void 0 ? void 0 : config.smaller) ? -1 : 1);
 }
 
 function centerPoint(point1, point2) {
@@ -64,24 +64,25 @@ function createResizeObserver(func, element) {
 const CSS3DRenderPlugin = (five) => {
     const state = { disposeCallbacks: [] };
     const create3DDomContainer = (...params) => {
+        var _a, _b, _c;
         const points = params[0].map((point) => (point instanceof THREE.Vector3 ? point : transformPositionToVector3(point)));
         const config = params[1];
-        if (points?.length < 4)
+        if ((points === null || points === void 0 ? void 0 : points.length) < 4)
             return console.error('points must be equal or greater than than 4');
-        if (!five?.model?.loaded)
-            return console.error('five.model.loaded is: ', five?.model?.loaded);
+        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?.ratio || 0.00216;
+        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?.dpr || 1;
-        const mode = config?.mode || 'front';
-        const autoRender = config?.autoRender ?? true;
-        const behindFiveContainer = config?.behindFiveContainer || fiveElement.parentElement || document.body;
-        const container = config?.container || document.createElement('div');
+        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 });
@@ -119,8 +120,9 @@ const CSS3DRenderPlugin = (five) => {
                     css3DRenderer.render(scene, five.camera);
                 };
                 return () => {
+                    var _a;
                     scene.add(css3DObject);
-                    resizeObserver?.observe?.();
+                    (_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);
@@ -144,7 +146,8 @@ const CSS3DRenderPlugin = (five) => {
         }
         // ======= INIT END =======
         const dispose = () => {
-            disposers.forEach((d) => d?.());
+            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') {
@@ -156,7 +159,7 @@ const CSS3DRenderPlugin = (five) => {
                 if (mode === 'behind')
                     state.behindMode = undefined;
                 if (!state.behindMode && !state.frontMode) {
-                    resizeObserver?.unobserve?.();
+                    (_a = resizeObserver === null || resizeObserver === void 0 ? void 0 : resizeObserver.unobserve) === null || _a === void 0 ? void 0 : _a.call(resizeObserver);
                 }
             }
             return true;
@@ -221,7 +224,7 @@ const CSS3DRenderPlugin = (five) => {
     return {
         create3DDomContainer,
         disposeAll: () => {
-            state.disposeCallbacks.forEach((d) => d?.());
+            state.disposeCallbacks.forEach((d) => d === null || d === void 0 ? void 0 : d());
             state.disposeCallbacks = [];
         },
     };

package/dist/CameraMovementPlugin/index.js

@@ -25,6 +25,31 @@ function _interopNamespace(e) {
 
 var TWEEN__namespace = /*#__PURE__*/_interopNamespace(TWEEN);
 
+/*! *****************************************************************************
+Copyright (c) Microsoft Corporation.
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
+***************************************************************************** */
+
+function __awaiter(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());
+    });
+}
+
 const _requestAnimationFrame = window.requestAnimationFrame || ((fn) => setTimeout(fn, 16));
 const _cancelAnimationFrame = window.cancelAnimationFrame || clearTimeout;
 function nextFrame(fn, delay = 0) {
@@ -170,21 +195,21 @@ const getLongitudeParams = (from, to, rotation) => {
  */
 const CameraMovementPlugin = (five$1) => {
     const state = {};
-    const move = async (args, duration, opts = { preload: true }) => {
+    const move = (args, duration, opts = { preload: true }) => __awaiter(void 0, void 0, void 0, function* () {
         if (state.interruptCallback) {
             state.interruptCallback(false);
         }
         if (opts.asyncStartCallback) {
-            await opts.asyncStartCallback();
+            yield opts.asyncStartCallback();
         }
         if (args.mode && args.mode !== five$1.currentMode) {
-            await five$1.changeMode(args.mode);
+            yield five$1.changeMode(args.mode);
         }
         if (opts.preload && args.panoIndex !== undefined && args.panoIndex !== five$1.panoIndex) {
-            await five$1.preloadPano(args.panoIndex);
+            yield five$1.preloadPano(args.panoIndex);
         }
         if (opts.asyncEndCallback) {
-            await opts.asyncEndCallback();
+            yield opts.asyncEndCallback();
         }
         if (args.panoIndex === undefined &&
             args.fov === undefined &&
@@ -192,7 +217,7 @@ const CameraMovementPlugin = (five$1) => {
             args.longitude === undefined) {
             return true;
         }
-        return await new Promise((resolve, reject) => {
+        return yield new Promise((resolve, reject) => {
             const panoIndex = args.panoIndex !== undefined ? args.panoIndex : five$1.panoIndex;
             if (panoIndex !== undefined) {
                 five$1.moveToPano(panoIndex, Object.assign({
@@ -205,7 +230,7 @@ const CameraMovementPlugin = (five$1) => {
                 reject(false);
             }
         });
-    };
+    });
     const getAnimeParams = (args) => {
         const currentFiveState = five$1.state;
         // latitude
@@ -221,20 +246,20 @@ const CameraMovementPlugin = (five$1) => {
             to: { latitude: toLatitude, longitude: toLongitude, fov: toFov },
         };
     };
-    const rotate = async (args, duration, opts = {}) => {
+    const rotate = (args, duration, opts = {}) => __awaiter(void 0, void 0, void 0, function* () {
         if (state.interruptCallback) {
             state.interruptCallback(false);
         }
         if (opts.asyncStartCallback) {
-            await opts.asyncStartCallback();
+            yield opts.asyncStartCallback();
         }
         if (five$1.currentMode !== five.Five.Mode.Panorama) {
-            await five$1.changeMode(five.Five.Mode.Panorama);
+            yield five$1.changeMode(five.Five.Mode.Panorama);
         }
         if (args.panoIndex !== undefined && args.panoIndex !== five$1.panoIndex) {
             if (opts.preload)
-                await five$1.preloadPano(args.panoIndex);
-            await new Promise((resolve, reject) => {
+                yield five$1.preloadPano(args.panoIndex);
+            yield new Promise((resolve, reject) => {
                 if (!args.panoIndex) {
                     resolve(true);
                     return;
@@ -246,10 +271,10 @@ const CameraMovementPlugin = (five$1) => {
             });
         }
         if (opts.asyncEndCallback) {
-            await opts.asyncEndCallback();
+            yield opts.asyncEndCallback();
         }
         const { from, to } = getAnimeParams(args);
-        return await new Promise((resolve) => {
+        return yield new Promise((resolve) => {
             const onUpdate = ({ progress }) => {
                 const state = {};
                 state.longitude = progressNumber(from.longitude, to.longitude, progress);
@@ -291,7 +316,7 @@ const CameraMovementPlugin = (five$1) => {
                     state.interruptCallback(true);
             }, duration);
         });
-    };
+    });
     return {
         move,
         rotate,

package/dist/ModelChassisCompassPlugin/index.js

@@ -25,6 +25,31 @@ function _interopNamespace(e) {
 
 var THREE__namespace = /*#__PURE__*/_interopNamespace(THREE);
 
+/*! *****************************************************************************
+Copyright (c) Microsoft Corporation.
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
+***************************************************************************** */
+
+function __awaiter(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());
+    });
+}
+
 const genRotationMatrix = (x, y, z) => {
     const matrix = new THREE__namespace.Matrix4();
     const euler = new THREE__namespace.Euler(x, y, z, 'YXZ');
@@ -55,12 +80,13 @@ const bject3d2LocalMatrix = (mesh, { scale, rotation, position, }) => {
 
 function transfromToMeshBasicMaterial(object, options) {
     object.traverse((ele) => {
+        var _a;
         if (ele.type === 'Mesh') {
             const mesh = ele;
             const materialConf = Object.assign({ map: mesh.material.map || {} }, options);
             mesh.material = new THREE.MeshBasicMaterial(materialConf);
             mesh.renderOrder = 1;
-            if (ele.parent?.type === 'Mesh') {
+            if (((_a = ele.parent) === null || _a === void 0 ? void 0 : _a.type) === 'Mesh') {
                 ele.renderOrder = ele.parent.renderOrder + 1;
             }
         }
@@ -75,9 +101,9 @@ const ModelChassisCompassPlugin = (five, params) => {
     const defaultNorthRad = params.north_rad || undefined;
     // 局部状态
     const state = {};
-    const load = async (data) => {
-        const fbxUrl = data?.fbx_url || defaultFbxUrl;
-        const northRad = data?.north_rad || defaultNorthRad;
+    const load = (data) => __awaiter(void 0, void 0, void 0, function* () {
+        const fbxUrl = (data === null || data === void 0 ? void 0 : data.fbx_url) || defaultFbxUrl;
+        const northRad = (data === null || data === void 0 ? void 0 : data.north_rad) || defaultNorthRad;
         if (!northRad) {
             throw new Error('"northRad"配置参数缺失：未配置指南针指向！');
         }
@@ -86,7 +112,7 @@ const ModelChassisCompassPlugin = (five, params) => {
         const zOffset = bounding.max.z - bounding.min.z;
         const maxOffset = Math.max(xOffset, zOffset);
         const fbxLoader = new FBXLoader.FBXLoader();
-        const object = await fbxLoader.loadAsync(fbxUrl);
+        const object = yield fbxLoader.loadAsync(fbxUrl);
         transfromToMeshBasicMaterial(object, {
             transparent: true,
             side: THREE__namespace.DoubleSide,
@@ -100,7 +126,7 @@ const ModelChassisCompassPlugin = (five, params) => {
         bject3d2LocalMatrix(object, { position, rotation, scale });
         state.object = object;
         return true;
-    };
+    });
     const onCameraUpdate = ({ latitude }) => {
         if (!state.object)
             return;

package/dist/ModelEntryDoorGuidePlugin/index.js

@@ -25,12 +25,38 @@ function _interopNamespace(e) {
 
 var THREE__namespace = /*#__PURE__*/_interopNamespace(THREE);
 
+/*! *****************************************************************************
+Copyright (c) Microsoft Corporation.
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
+***************************************************************************** */
+
+function __awaiter(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());
+    });
+}
+
 function createCanvasTextTexture(text, config) {
-    const size = config?.size ?? 512;
-    const fontSize = config?.fontSize ?? size * (35 / 256) * 1.2;
-    const backgroundColor = config?.backgroundColor ?? 'rgba(0,0,0,0)';
-    const fontColor = config?.fontColor ?? '#fff';
-    const textAlign = config?.textAlign ?? 'center';
+    var _a, _b, _c, _d, _e;
+    const size = (_a = config === null || config === void 0 ? void 0 : config.size) !== null && _a !== void 0 ? _a : 512;
+    const fontSize = (_b = config === null || config === void 0 ? void 0 : config.fontSize) !== null && _b !== void 0 ? _b : size * (35 / 256) * 1.2;
+    const backgroundColor = (_c = config === null || config === void 0 ? void 0 : config.backgroundColor) !== null && _c !== void 0 ? _c : 'rgba(0,0,0,0)';
+    const fontColor = (_d = config === null || config === void 0 ? void 0 : config.fontColor) !== null && _d !== void 0 ? _d : '#fff';
+    const textAlign = (_e = config === null || config === void 0 ? void 0 : config.textAlign) !== null && _e !== void 0 ? _e : 'center';
     const canvas = document.createElement('canvas');
     canvas.setAttribute('width', size + '');
     canvas.setAttribute('height', size + '');
@@ -48,12 +74,13 @@ const transformPositionToVector3 = ({ x, y, z }) => new THREE.Vector3(x, y, z);
 
 function transfromToMeshBasicMaterial(object, options) {
     object.traverse((ele) => {
+        var _a;
         if (ele.type === 'Mesh') {
             const mesh = ele;
             const materialConf = Object.assign({ map: mesh.material.map || {} }, options);
             mesh.material = new THREE.MeshBasicMaterial(materialConf);
             mesh.renderOrder = 1;
-            if (ele.parent?.type === 'Mesh') {
+            if (((_a = ele.parent) === null || _a === void 0 ? void 0 : _a.type) === 'Mesh') {
                 ele.renderOrder = ele.parent.renderOrder + 1;
             }
         }
@@ -64,31 +91,33 @@ function transfromToMeshBasicMaterial(object, options) {
  * 模型入户门引导插件
  */
 const ModelEntryDoorGuidePlugin = (five, params) => {
+    var _a, _b, _c;
     // 局部状态
     const state = {};
-    const defaultAnimationEnable = params.animationEnabled ?? true;
-    const defaultModelPosition = params.position ?? undefined;
-    const defaultRad = params.rad ?? undefined;
+    const defaultAnimationEnable = (_a = params.animationEnabled) !== null && _a !== void 0 ? _a : true;
+    const defaultModelPosition = (_b = params.position) !== null && _b !== void 0 ? _b : undefined;
+    const defaultRad = (_c = params.rad) !== null && _c !== void 0 ? _c : undefined;
     const defaultFbxUrl = params.fbx_url || '//vrlab-image4.ljcdn.com/release/web/entryDoorMini/Anim_Door1.fbx';
     const mixers = [];
-    const load = async (data) => {
-        const position = data?.position ?? defaultModelPosition;
+    const load = (data) => __awaiter(void 0, void 0, void 0, function* () {
+        var _d, _e, _f, _g, _h, _j, _k;
+        const position = (_d = data === null || data === void 0 ? void 0 : data.position) !== null && _d !== void 0 ? _d : defaultModelPosition;
         if (!position)
             return Promise.reject(`ModelEntryDoorGuidePlugin.load(): position is undefined`);
         const modelPosition = transformPositionToVector3(position);
-        const rad = data?.rad ?? defaultRad;
-        const fbxUrl = data?.fbx_url ?? defaultFbxUrl;
+        const rad = (_e = data === null || data === void 0 ? void 0 : data.rad) !== null && _e !== void 0 ? _e : defaultRad;
+        const fbxUrl = (_f = data === null || data === void 0 ? void 0 : data.fbx_url) !== null && _f !== void 0 ? _f : defaultFbxUrl;
         state.rad = rad;
         if (rad === undefined)
             return Promise.reject(`ModelEntryDoorGuidePlugin.load(): rad is ${rad}`);
         // 加载模型
-        const object = await new FBXLoader.FBXLoader().loadAsync(fbxUrl);
+        const object = yield new FBXLoader.FBXLoader().loadAsync(fbxUrl);
         // 设置位置
         object.position.copy(modelPosition);
         object.rotation.z = rad;
         object.scale.set(0.8, 0.8, 0.8);
         transfromToMeshBasicMaterial(object, { transparent: true, side: THREE__namespace.DoubleSide });
-        const textMesh = object.children?.[0]?.children?.[3]?.clone();
+        const textMesh = (_k = (_j = (_h = (_g = object.children) === null || _g === void 0 ? void 0 : _g[0]) === null || _h === void 0 ? void 0 : _h.children) === null || _j === void 0 ? void 0 : _j[3]) === null || _k === void 0 ? void 0 : _k.clone();
         if (!textMesh)
             return Promise.reject(`ModelEntryDoorGuidePlugin.load(): textMesh is ${textMesh}`);
         textMesh.material = new THREE.MeshBasicMaterial({ transparent: true, map: createCanvasTextTexture('入户门') });
@@ -96,7 +125,7 @@ const ModelEntryDoorGuidePlugin = (five, params) => {
         object.children[0].add(textMesh);
         state.object = object;
         return true;
-    };
+    });
     const initAnimation = () => {
         if (state.animation)
             return;
@@ -140,16 +169,17 @@ const ModelEntryDoorGuidePlugin = (five, params) => {
         };
         const stop = () => {
             action.stop();
-            stopAnimation?.();
+            stopAnimation === null || stopAnimation === void 0 ? void 0 : stopAnimation();
             stopAnimation = undefined;
         };
         const animation = { play, stop };
         state.animation = animation;
     };
     const show = (config) => {
+        var _a;
         if (!state.object)
             return console.error('ModelEntryDoorGuidePlugin.enable(): object is ', state.object);
-        const animationEnable = config?.animationEnable ?? defaultAnimationEnable;
+        const animationEnable = (_a = config === null || config === void 0 ? void 0 : config.animationEnable) !== null && _a !== void 0 ? _a : defaultAnimationEnable;
         if (animationEnable) {
             if (!state.animation)
                 initAnimation();

package/dist/ModelItemLabelPlugin/index.js

@@ -321,8 +321,15 @@ function instance($$self, $$props, $$invalidate) {
 	const getLabelCssOffset = (five, itemLabel) => {
 		const modelPosition = new Vector3(itemLabel.modelPosition[0], itemLabel.modelPosition[1], itemLabel.modelPosition[2]);
 		const cssPosition = five.project2d(modelPosition);
-		const xOffset = cssPosition?.x;
-		const yOffset = cssPosition?.y;
+
+		const xOffset = cssPosition === null || cssPosition === void 0
+		? void 0
+		: cssPosition.x;
+
+		const yOffset = cssPosition === null || cssPosition === void 0
+		? void 0
+		: cssPosition.y;
+
 		return [xOffset, yOffset];
 	};
 
@@ -364,18 +371,13 @@ function instance($$self, $$props, $$invalidate) {
 			: true;
 
 			const visible = naturalVisible && !isOverlap([cssOffset[0], cssOffset[1] + strokeLength], curLabelWidth);
-			if (!visible) return { ...label, visible };
+			if (!visible) return Object.assign(Object.assign({}, label), { visible });
 			cssOffsetLists.push(cssOffset);
 
 			// position
 			const transform = getLabelTransform(cssOffset);
 
-			return {
-				...label,
-				visible,
-				transform,
-				strokeLength
-			};
+			return Object.assign(Object.assign({}, label), { visible, transform, strokeLength });
 		});
 
 		const sortedItemLabelItems = newLabels.filter(({ visible }) => visible).map(label => ({
@@ -385,7 +387,7 @@ function instance($$self, $$props, $$invalidate) {
 
 		return newLabels.map(label => {
 			const sortIndex = sortedItemLabelItems.findIndex(item => item.itemLabelItem.id === label.id);
-			if (sortIndex !== undefined) return { ...label, zIndex: sortIndex * 10 };
+			if (sortIndex !== undefined) return Object.assign(Object.assign({}, label), { zIndex: sortIndex * 10 });
 			return label;
 		});
 	};
@@ -502,13 +504,11 @@ class ItemLabelComponent extends internal.SvelteComponent {
 
 /** @description 转成内部所需数据 */
 function parseModelItemLabelPluginData(data) {
-    return data.model_item_labels.map(label => ({
-        modelPosition: [label.position[0], label.position[1] + label.size[1], label.position[2]],
-        ...label
-    }));
+    return data.model_item_labels.map(label => (Object.assign({ modelPosition: [label.position[0], label.position[1] + label.size[1], label.position[2]] }, label)));
 }
 
 const ModelItemLabelPlugin = (five$1, params) => {
+    var _a, _b;
     const pluginState = {
         container: document.createElement('div'),
         data: null,
@@ -518,8 +518,8 @@ const ModelItemLabelPlugin = (five$1, params) => {
         wrapper: null,
         app: undefined,
         hooks: new five.Subscribe(),
-        modelOcclusionEnable: params?.modelOcclusionEnable ?? true,
-        displayStrategyType: params?.displayStrategyType ?? DISPLAY_STRATEGY_TYPE.SMALL
+        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 = `
@@ -594,11 +594,12 @@ const ModelItemLabelPlugin = (five$1, params) => {
         render();
     };
     const render = () => {
+        var _a;
         if (!pluginState.wrapper)
             return;
         // 只要不可展示，销毁容器
         if (!pluginState.enabled || !pluginState.fiveModeEnabled) {
-            pluginState.app?.$destroy();
+            (_a = pluginState.app) === null || _a === void 0 ? void 0 : _a.$destroy();
             pluginState.app = undefined;
             return;
         }

package/dist/ModelRoomLabelPlugin/index.js

@@ -278,12 +278,12 @@ function instance($$self, $$props, $$invalidate) {
 			// 计算是否可见，如果不可见，不会更新位置
 			const visible = getLabelVisible(five, roomLabelItem);
 
-			if (!visible) return { ...roomLabelItem, visible };
+			if (!visible) return Object.assign(Object.assign({}, roomLabelItem), { visible });
 
 			// 更新位置
 			const transform = getLabelTransform(five, roomLabelItem);
 
-			return { ...roomLabelItem, visible, transform };
+			return Object.assign(Object.assign({}, roomLabelItem), { visible, transform });
 		});
 
 		const sortedRoomLabelItems = newLabels.filter(({ visible }) => visible).map(roomLabelItem => ({
@@ -293,7 +293,7 @@ function instance($$self, $$props, $$invalidate) {
 
 		return newLabels.map(roomLabelItem => {
 			const sortIndex = sortedRoomLabelItems.findIndex(item => item.roomLabelItem.id === roomLabelItem.id);
-			if (sortIndex !== undefined) return { ...roomLabelItem, zIndex: sortIndex * 10 };
+			if (sortIndex !== undefined) return Object.assign(Object.assign({}, roomLabelItem), { zIndex: sortIndex * 10 });
 			return roomLabelItem;
 		});
 	}
@@ -352,14 +352,69 @@ function parseModelRoomLabelPluginData(data) {
 }
 
 class ModelRoomLabelController {
-    five;
-    enabled = true;
-    fiveModeEnabled;
-    app = undefined;
-    wrapper;
-    roomLabels = [];
-    container = document.createElement('div');
     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
@@ -412,26 +467,12 @@ class ModelRoomLabelController {
         this.render();
         return this;
     }
-    /** 监听 Five Mode 变化
-     * @description
-     * Mode 不符合要求时，立刻消失，满足要求时，需要等待动画结束再展示
-     */
-    onFiveModeChange = (mode) => {
-        if (mode !== 'Floorplan') {
-            this.fiveModeEnabled = false;
-            this.render();
-            return;
-        }
-        this.five.once('initAnimationEnded', () => {
-            this.fiveModeEnabled = this.five.currentMode === 'Floorplan';
-            this.render();
-        });
-    };
     render() {
+        var _a;
         if (!this.wrapper)
             return;
         if (!this.enabled || !this.fiveModeEnabled) {
-            this.app?.$destroy();
+            (_a = this.app) === null || _a === void 0 ? void 0 : _a.$destroy();
             this.app = undefined;
             return;
         }