@realsee/dnalogel 2.0.0-alpha.38 → 2.0.0-alpha.39

package/dist/index.js

@@ -15601,18 +15601,18 @@ function add_css(target) {
 
 function get_each_context(ctx, list, i) {
 	const child_ctx = ctx.slice();
-	child_ctx[30] = list[i];
+	child_ctx[31] = list[i];
 	return child_ctx;
 }
 
-// (229:2) {#if itemLabelItem.visible}
+// (235:2) {#if itemLabelItem.visible}
 function create_if_block(ctx) {
 	let itemlabelitem;
 	let current;
 
 	itemlabelitem = new ItemLabelItem({
 			props: {
-				itemLabel: /*itemLabelItem*/ ctx[30],
+				itemLabel: /*itemLabelItem*/ ctx[31],
 				hooks: /*hooks*/ ctx[0],
 				anchorEnabled: /*anchorEnabled*/ ctx[2],
 				onIconClick: /*onIconClick*/ ctx[6]
@@ -15629,7 +15629,7 @@ function create_if_block(ctx) {
 		},
 		p(ctx, dirty) {
 			const itemlabelitem_changes = {};
-			if (dirty[0] & /*renderItemLabels*/ 2) itemlabelitem_changes.itemLabel = /*itemLabelItem*/ ctx[30];
+			if (dirty[0] & /*renderItemLabels*/ 2) itemlabelitem_changes.itemLabel = /*itemLabelItem*/ ctx[31];
 			if (dirty[0] & /*hooks*/ 1) itemlabelitem_changes.hooks = /*hooks*/ ctx[0];
 			if (dirty[0] & /*anchorEnabled*/ 4) itemlabelitem_changes.anchorEnabled = /*anchorEnabled*/ ctx[2];
 			itemlabelitem.$set(itemlabelitem_changes);
@@ -15649,12 +15649,12 @@ function create_if_block(ctx) {
 	};
 }
 
-// (228:1) {#each renderItemLabels as itemLabelItem (itemLabelItem.id)}
+// (234:1) {#each renderItemLabels as itemLabelItem (itemLabelItem.id)}
 function create_each_block(key_1, ctx) {
 	let first;
 	let if_block_anchor;
 	let current;
-	let if_block = /*itemLabelItem*/ ctx[30].visible && create_if_block(ctx);
+	let if_block = /*itemLabelItem*/ ctx[31].visible && create_if_block(ctx);
 
 	return {
 		key: key_1,
@@ -15674,7 +15674,7 @@ function create_each_block(key_1, ctx) {
 		p(new_ctx, dirty) {
 			ctx = new_ctx;
 
-			if (/*itemLabelItem*/ ctx[30].visible) {
+			if (/*itemLabelItem*/ ctx[31].visible) {
 				if (if_block) {
 					if_block.p(ctx, dirty);
 
@@ -15721,7 +15721,7 @@ function create_fragment(ctx) {
 	let div_resize_listener;
 	let current;
 	let each_value = /*renderItemLabels*/ ctx[1];
-	const get_key = ctx => /*itemLabelItem*/ ctx[30].id;
+	const get_key = ctx => /*itemLabelItem*/ ctx[31].id;
 
 	for (let i = 0; i < each_value.length; i += 1) {
 		let child_ctx = get_each_context(ctx, each_value, i);
@@ -15738,7 +15738,7 @@ function create_fragment(ctx) {
 			}
 
 			internal.attr(div, "class", "item-labels-container svelte-gk8s47");
-			internal.add_render_callback(() => /*div_elementresize_handler*/ ctx[12].call(div));
+			internal.add_render_callback(() => /*div_elementresize_handler*/ ctx[13].call(div));
 			internal.set_style(div, "opacity", /*itemsVisible*/ ctx[5] ? 1 : 0, false);
 		},
 		m(target, anchor) {
@@ -15748,7 +15748,7 @@ function create_fragment(ctx) {
 				each_blocks[i].m(div, null);
 			}
 
-			div_resize_listener = internal.add_resize_listener(div, /*div_elementresize_handler*/ ctx[12].bind(div));
+			div_resize_listener = internal.add_resize_listener(div, /*div_elementresize_handler*/ ctx[13].bind(div));
 			current = true;
 		},
 		p(ctx, dirty) {
@@ -15796,6 +15796,7 @@ function instance($$self, $$props, $$invalidate) {
 	const { Raycaster, Vector3 } = THREE__namespace;
 	let { five: five$1 } = $$props;
 	let { modelOcclusionEnable } = $$props;
+	let { onlyVisibleInPanorama } = $$props;
 	let { itemLabels } = $$props;
 	let { hooks } = $$props;
 	let { displayStrategyType } = $$props;
@@ -15847,7 +15848,10 @@ function instance($$self, $$props, $$invalidate) {
 		const ratioFromTop = (2 - (offsetYFromCenter + 1)) / 2;
 		const isFront = Math.abs(offsetZFromCenter) < 1;
 		const cssOffset = [ratioFromLeft, ratioFromTop];
+
+		// 只计算在前面就行
 		const isInViewport = isFront && cssOffset.every(ratio => ratio < 1 && ratio >= 0);
+
 		return Boolean(isInViewport);
 	};
 
@@ -15868,8 +15872,15 @@ function instance($$self, $$props, $$invalidate) {
 	};
 
 	const getFormatedItemLabels = (five$1, labels) => {
+		console.log(labels);
+
 		// 计算位置 & 可见性
 		const newLabels = labels.map(label => {
+			// 不在绑定点位则直接不可见
+			if (five$1.state.panoIndex !== label.panoIndex) {
+				return Object.assign(Object.assign({}, label), { visible: false });
+			}
+
 			const cssOffset = getLabelCssOffset(five$1, label);
 			label.name.length * basicWidth;
 			const strokeLength = getStrokeLength(label.modelPosition[1], displayStrategyType);
@@ -15922,16 +15933,6 @@ function instance($$self, $$props, $$invalidate) {
 		handleCameraUpdate();
 	};
 
-	const onFiveModeChange = mode => {
-		$$invalidate(5, itemsVisible = false);
-
-		five$1.once('initAnimationEnded', (panoIndex, pose, userAction) => {
-			$$invalidate(2, anchorEnabled = mode === five.Five.Mode.Panorama);
-			$$invalidate(5, itemsVisible = true);
-			if (!userAction) return; else onItemLabelUpdate();
-		});
-	};
-
 	const handleCameraUpdate = debounce(
 		() => {
 			$$invalidate(5, itemsVisible = true);
@@ -15989,11 +15990,10 @@ function instance($$self, $$props, $$invalidate) {
 	const onIconClick = itemLabel => {
 		if (five$1.state.mode === five.Five.Mode.Panorama) return;
 		const observers = five$1.work.observers;
-		const fromPositionVector = new Vector3(itemLabel.position[0], itemLabel.position[1], itemLabel.position[2]);
+		const fromPositionVector = new Vector3().fromArray(itemLabel.position);
 		const observer = getNearObserverPano(fromPositionVector, observers);
 
 		if (observer) {
-			console.log('--has observer--');
 			itemLabel.observerIndex = observer.panoIndex;
 		}
 
@@ -16036,12 +16036,12 @@ function instance($$self, $$props, $$invalidate) {
 		onItemLabelUpdate();
 		addResizeListener();
 		five$1.on('cameraUpdate', handleCameraUpdateCallback);
-		five$1.on('modeChange', onFiveModeChange);
-	});
+	}); // five.on('modeChange', onFiveModeChange)
 
 	svelte.onDestroy(() => {
 		five$1.off('cameraUpdate', handleCameraUpdateCallback);
-		five$1.off('modeChange', onFiveModeChange);
+
+		// five.off('modeChange', onFiveModeChange)
 		window.removeEventListener('resize', onResize, false);
 	});
 
@@ -16055,10 +16055,11 @@ function instance($$self, $$props, $$invalidate) {
 	$$self.$$set = $$props => {
 		if ('five' in $$props) $$invalidate(7, five$1 = $$props.five);
 		if ('modelOcclusionEnable' in $$props) $$invalidate(8, modelOcclusionEnable = $$props.modelOcclusionEnable);
-		if ('itemLabels' in $$props) $$invalidate(9, itemLabels = $$props.itemLabels);
+		if ('onlyVisibleInPanorama' in $$props) $$invalidate(9, onlyVisibleInPanorama = $$props.onlyVisibleInPanorama);
+		if ('itemLabels' in $$props) $$invalidate(10, itemLabels = $$props.itemLabels);
 		if ('hooks' in $$props) $$invalidate(0, hooks = $$props.hooks);
-		if ('displayStrategyType' in $$props) $$invalidate(10, displayStrategyType = $$props.displayStrategyType);
-		if ('maxVisibleDistance' in $$props) $$invalidate(11, maxVisibleDistance = $$props.maxVisibleDistance);
+		if ('displayStrategyType' in $$props) $$invalidate(11, displayStrategyType = $$props.displayStrategyType);
+		if ('maxVisibleDistance' in $$props) $$invalidate(12, maxVisibleDistance = $$props.maxVisibleDistance);
 	};
 
 	return [
@@ -16071,6 +16072,7 @@ function instance($$self, $$props, $$invalidate) {
 		onIconClick,
 		five$1,
 		modelOcclusionEnable,
+		onlyVisibleInPanorama,
 		itemLabels,
 		displayStrategyType,
 		maxVisibleDistance,
@@ -16091,10 +16093,11 @@ class ItemLabelComponent extends internal.SvelteComponent {
 			{
 				five: 7,
 				modelOcclusionEnable: 8,
-				itemLabels: 9,
+				onlyVisibleInPanorama: 9,
+				itemLabels: 10,
 				hooks: 0,
-				displayStrategyType: 10,
-				maxVisibleDistance: 11
+				displayStrategyType: 11,
+				maxVisibleDistance: 12
 			},
 			add_css,
 			[-1, -1]
@@ -16104,12 +16107,12 @@ class ItemLabelComponent extends internal.SvelteComponent {
 
 /** @description 转成内部所需数据 */
 function parseItemLabelPluginData(data) {
-    return data.item_labels.map(label => (Object.assign({ modelPosition: [label.position[0], label.position[1], label.position[2]], observerIndex: undefined }, label)));
+    return data.item_labels.map(label => (Object.assign(Object.assign({}, label), { modelPosition: [label.position[0], label.position[1], label.position[2]], observerIndex: undefined })));
 }
 
 const defaultMaxVisibleDistance = undefined;
 const Plugin = (five$1, params) => {
-    var _a, _b, _c;
+    var _a, _b, _c, _d;
     const pluginState = {
         container: document.createElement('div'),
         data: null,
@@ -16120,8 +16123,9 @@ const Plugin = (five$1, params) => {
         app: undefined,
         hooks: new five.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 : exports.ITEM_LABEL_PLUGIN_DISPLAY_STRATEGY_TYPE.SMALL,
-        maxVisibleDistance: (_c = params === null || params === void 0 ? void 0 : params.maxVisibleDistance) !== null && _c !== void 0 ? _c : defaultMaxVisibleDistance,
+        onlyVisibleInPanorama: (_b = params === null || params === void 0 ? void 0 : params.onlyVisibleInPanorama) !== null && _b !== void 0 ? _b : true,
+        displayStrategyType: (_c = params === null || params === void 0 ? void 0 : params.displayStrategyType) !== null && _c !== void 0 ? _c : exports.ITEM_LABEL_PLUGIN_DISPLAY_STRATEGY_TYPE.SMALL,
+        maxVisibleDistance: (_d = params === null || params === void 0 ? void 0 : params.maxVisibleDistance) !== null && _d !== void 0 ? _d : defaultMaxVisibleDistance,
     };
     pluginState.container.setAttribute('class', 'item-label-plugin-container');
     pluginState.container.style.cssText = `
@@ -16158,6 +16162,7 @@ const Plugin = (five$1, params) => {
         return true;
     };
     const dispose = () => {
+        removeListener4Five();
         pluginState.container.remove();
     };
     const render = () => {
@@ -16177,6 +16182,7 @@ const Plugin = (five$1, params) => {
                 props: {
                     five: five$1,
                     modelOcclusionEnable: pluginState.modelOcclusionEnable,
+                    onlyVisibleInPanorama: pluginState.onlyVisibleInPanorama,
                     itemLabels: pluginState.itemLabels,
                     wrapper: pluginState.wrapper,
                     hooks: pluginState.hooks,
@@ -16194,9 +16200,27 @@ const Plugin = (five$1, params) => {
     };
     // 添加 five 监听
     const addListener4Five = () => {
-        // five.on('modeChange', onFiveModeChange)
+        five$1.on('modeChange', onFiveModeChange);
         five$1.once('dispose', dispose);
     };
+    // 取消 five 监听
+    const removeListener4Five = () => {
+        five$1.off('modeChange', onFiveModeChange);
+    };
+    const onFiveModeChange = (mode) => {
+        // if (!pluginState.enabled) return
+        if (mode !== five.Five.Mode.Panorama) {
+            pluginState.fiveModeEnabled = false;
+            disable();
+            return;
+        }
+        // pluginState.fiveModeEnabled = false
+        // render()
+        five$1.once('initAnimationEnded', () => {
+            pluginState.fiveModeEnabled = true;
+            enable();
+        });
+    };
     addListener4Five();
     return {
         appendTo,
@@ -16213,8 +16237,11 @@ const itemLabelPluginServerParams = {
     version: 0,
 };
 
+const DnalogelVersion = '2.0.0-alpha.38';
+
 exports.CSS3DRenderPlugin = CSS3DRenderPlugin;
 exports.CameraMovementPlugin = CameraMovementPlugin;
+exports.DnalogelVersion = DnalogelVersion;
 exports.FLOOR_TYPE_MAP = FLOOR_TYPE_MAP;
 exports.ItemLabelPlugin = Plugin;
 exports.Magnifier = Magnifier;

package/dist/index.umd.js

@@ -15589,18 +15589,18 @@ void main() {
 
     function get_each_context(ctx, list, i) {
     	const child_ctx = ctx.slice();
-    	child_ctx[30] = list[i];
+    	child_ctx[31] = list[i];
     	return child_ctx;
     }
 
-    // (229:2) {#if itemLabelItem.visible}
+    // (235:2) {#if itemLabelItem.visible}
     function create_if_block(ctx) {
     	let itemlabelitem;
     	let current;
 
     	itemlabelitem = new ItemLabelItem({
     			props: {
-    				itemLabel: /*itemLabelItem*/ ctx[30],
+    				itemLabel: /*itemLabelItem*/ ctx[31],
     				hooks: /*hooks*/ ctx[0],
     				anchorEnabled: /*anchorEnabled*/ ctx[2],
     				onIconClick: /*onIconClick*/ ctx[6]
@@ -15617,7 +15617,7 @@ void main() {
     		},
     		p(ctx, dirty) {
     			const itemlabelitem_changes = {};
-    			if (dirty[0] & /*renderItemLabels*/ 2) itemlabelitem_changes.itemLabel = /*itemLabelItem*/ ctx[30];
+    			if (dirty[0] & /*renderItemLabels*/ 2) itemlabelitem_changes.itemLabel = /*itemLabelItem*/ ctx[31];
     			if (dirty[0] & /*hooks*/ 1) itemlabelitem_changes.hooks = /*hooks*/ ctx[0];
     			if (dirty[0] & /*anchorEnabled*/ 4) itemlabelitem_changes.anchorEnabled = /*anchorEnabled*/ ctx[2];
     			itemlabelitem.$set(itemlabelitem_changes);
@@ -15637,12 +15637,12 @@ void main() {
     	};
     }
 
-    // (228:1) {#each renderItemLabels as itemLabelItem (itemLabelItem.id)}
+    // (234:1) {#each renderItemLabels as itemLabelItem (itemLabelItem.id)}
     function create_each_block(key_1, ctx) {
     	let first;
     	let if_block_anchor;
     	let current;
-    	let if_block = /*itemLabelItem*/ ctx[30].visible && create_if_block(ctx);
+    	let if_block = /*itemLabelItem*/ ctx[31].visible && create_if_block(ctx);
 
     	return {
     		key: key_1,
@@ -15662,7 +15662,7 @@ void main() {
     		p(new_ctx, dirty) {
     			ctx = new_ctx;
 
-    			if (/*itemLabelItem*/ ctx[30].visible) {
+    			if (/*itemLabelItem*/ ctx[31].visible) {
     				if (if_block) {
     					if_block.p(ctx, dirty);
 
@@ -15709,7 +15709,7 @@ void main() {
     	let div_resize_listener;
     	let current;
     	let each_value = /*renderItemLabels*/ ctx[1];
-    	const get_key = ctx => /*itemLabelItem*/ ctx[30].id;
+    	const get_key = ctx => /*itemLabelItem*/ ctx[31].id;
 
     	for (let i = 0; i < each_value.length; i += 1) {
     		let child_ctx = get_each_context(ctx, each_value, i);
@@ -15726,7 +15726,7 @@ void main() {
     			}
 
     			internal.attr(div, "class", "item-labels-container svelte-gk8s47");
-    			internal.add_render_callback(() => /*div_elementresize_handler*/ ctx[12].call(div));
+    			internal.add_render_callback(() => /*div_elementresize_handler*/ ctx[13].call(div));
     			internal.set_style(div, "opacity", /*itemsVisible*/ ctx[5] ? 1 : 0, false);
     		},
     		m(target, anchor) {
@@ -15736,7 +15736,7 @@ void main() {
     				each_blocks[i].m(div, null);
     			}
 
-    			div_resize_listener = internal.add_resize_listener(div, /*div_elementresize_handler*/ ctx[12].bind(div));
+    			div_resize_listener = internal.add_resize_listener(div, /*div_elementresize_handler*/ ctx[13].bind(div));
     			current = true;
     		},
     		p(ctx, dirty) {
@@ -15784,6 +15784,7 @@ void main() {
     	const { Raycaster, Vector3 } = THREE__namespace;
     	let { five: five$1 } = $$props;
     	let { modelOcclusionEnable } = $$props;
+    	let { onlyVisibleInPanorama } = $$props;
     	let { itemLabels } = $$props;
     	let { hooks } = $$props;
     	let { displayStrategyType } = $$props;
@@ -15835,7 +15836,10 @@ void main() {
     		const ratioFromTop = (2 - (offsetYFromCenter + 1)) / 2;
     		const isFront = Math.abs(offsetZFromCenter) < 1;
     		const cssOffset = [ratioFromLeft, ratioFromTop];
+
+    		// 只计算在前面就行
     		const isInViewport = isFront && cssOffset.every(ratio => ratio < 1 && ratio >= 0);
+
     		return Boolean(isInViewport);
     	};
 
@@ -15856,8 +15860,15 @@ void main() {
     	};
 
     	const getFormatedItemLabels = (five$1, labels) => {
+    		console.log(labels);
+
     		// 计算位置 & 可见性
     		const newLabels = labels.map(label => {
+    			// 不在绑定点位则直接不可见
+    			if (five$1.state.panoIndex !== label.panoIndex) {
+    				return Object.assign(Object.assign({}, label), { visible: false });
+    			}
+
     			const cssOffset = getLabelCssOffset(five$1, label);
     			label.name.length * basicWidth;
     			const strokeLength = getStrokeLength(label.modelPosition[1], displayStrategyType);
@@ -15910,16 +15921,6 @@ void main() {
     		handleCameraUpdate();
     	};
 
-    	const onFiveModeChange = mode => {
-    		$$invalidate(5, itemsVisible = false);
-
-    		five$1.once('initAnimationEnded', (panoIndex, pose, userAction) => {
-    			$$invalidate(2, anchorEnabled = mode === five.Five.Mode.Panorama);
-    			$$invalidate(5, itemsVisible = true);
-    			if (!userAction) return; else onItemLabelUpdate();
-    		});
-    	};
-
     	const handleCameraUpdate = debounce(
     		() => {
     			$$invalidate(5, itemsVisible = true);
@@ -15977,11 +15978,10 @@ void main() {
     	const onIconClick = itemLabel => {
     		if (five$1.state.mode === five.Five.Mode.Panorama) return;
     		const observers = five$1.work.observers;
-    		const fromPositionVector = new Vector3(itemLabel.position[0], itemLabel.position[1], itemLabel.position[2]);
+    		const fromPositionVector = new Vector3().fromArray(itemLabel.position);
     		const observer = getNearObserverPano(fromPositionVector, observers);
 
     		if (observer) {
-    			console.log('--has observer--');
     			itemLabel.observerIndex = observer.panoIndex;
     		}
 
@@ -16024,12 +16024,12 @@ void main() {
     		onItemLabelUpdate();
     		addResizeListener();
     		five$1.on('cameraUpdate', handleCameraUpdateCallback);
-    		five$1.on('modeChange', onFiveModeChange);
-    	});
+    	}); // five.on('modeChange', onFiveModeChange)
 
     	svelte.onDestroy(() => {
     		five$1.off('cameraUpdate', handleCameraUpdateCallback);
-    		five$1.off('modeChange', onFiveModeChange);
+
+    		// five.off('modeChange', onFiveModeChange)
     		window.removeEventListener('resize', onResize, false);
     	});
 
@@ -16043,10 +16043,11 @@ void main() {
     	$$self.$$set = $$props => {
     		if ('five' in $$props) $$invalidate(7, five$1 = $$props.five);
     		if ('modelOcclusionEnable' in $$props) $$invalidate(8, modelOcclusionEnable = $$props.modelOcclusionEnable);
-    		if ('itemLabels' in $$props) $$invalidate(9, itemLabels = $$props.itemLabels);
+    		if ('onlyVisibleInPanorama' in $$props) $$invalidate(9, onlyVisibleInPanorama = $$props.onlyVisibleInPanorama);
+    		if ('itemLabels' in $$props) $$invalidate(10, itemLabels = $$props.itemLabels);
     		if ('hooks' in $$props) $$invalidate(0, hooks = $$props.hooks);
-    		if ('displayStrategyType' in $$props) $$invalidate(10, displayStrategyType = $$props.displayStrategyType);
-    		if ('maxVisibleDistance' in $$props) $$invalidate(11, maxVisibleDistance = $$props.maxVisibleDistance);
+    		if ('displayStrategyType' in $$props) $$invalidate(11, displayStrategyType = $$props.displayStrategyType);
+    		if ('maxVisibleDistance' in $$props) $$invalidate(12, maxVisibleDistance = $$props.maxVisibleDistance);
     	};
 
     	return [
@@ -16059,6 +16060,7 @@ void main() {
     		onIconClick,
     		five$1,
     		modelOcclusionEnable,
+    		onlyVisibleInPanorama,
     		itemLabels,
     		displayStrategyType,
     		maxVisibleDistance,
@@ -16079,10 +16081,11 @@ void main() {
     			{
     				five: 7,
     				modelOcclusionEnable: 8,
-    				itemLabels: 9,
+    				onlyVisibleInPanorama: 9,
+    				itemLabels: 10,
     				hooks: 0,
-    				displayStrategyType: 10,
-    				maxVisibleDistance: 11
+    				displayStrategyType: 11,
+    				maxVisibleDistance: 12
     			},
     			add_css,
     			[-1, -1]
@@ -16092,12 +16095,12 @@ void main() {
 
     /** @description 转成内部所需数据 */
     function parseItemLabelPluginData(data) {
-        return data.item_labels.map(label => (Object.assign({ modelPosition: [label.position[0], label.position[1], label.position[2]], observerIndex: undefined }, label)));
+        return data.item_labels.map(label => (Object.assign(Object.assign({}, label), { modelPosition: [label.position[0], label.position[1], label.position[2]], observerIndex: undefined })));
     }
 
     const defaultMaxVisibleDistance = undefined;
     const Plugin = (five$1, params) => {
-        var _a, _b, _c;
+        var _a, _b, _c, _d;
         const pluginState = {
             container: document.createElement('div'),
             data: null,
@@ -16108,8 +16111,9 @@ void main() {
             app: undefined,
             hooks: new five.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 : exports.ITEM_LABEL_PLUGIN_DISPLAY_STRATEGY_TYPE.SMALL,
-            maxVisibleDistance: (_c = params === null || params === void 0 ? void 0 : params.maxVisibleDistance) !== null && _c !== void 0 ? _c : defaultMaxVisibleDistance,
+            onlyVisibleInPanorama: (_b = params === null || params === void 0 ? void 0 : params.onlyVisibleInPanorama) !== null && _b !== void 0 ? _b : true,
+            displayStrategyType: (_c = params === null || params === void 0 ? void 0 : params.displayStrategyType) !== null && _c !== void 0 ? _c : exports.ITEM_LABEL_PLUGIN_DISPLAY_STRATEGY_TYPE.SMALL,
+            maxVisibleDistance: (_d = params === null || params === void 0 ? void 0 : params.maxVisibleDistance) !== null && _d !== void 0 ? _d : defaultMaxVisibleDistance,
         };
         pluginState.container.setAttribute('class', 'item-label-plugin-container');
         pluginState.container.style.cssText = `
@@ -16146,6 +16150,7 @@ void main() {
             return true;
         };
         const dispose = () => {
+            removeListener4Five();
             pluginState.container.remove();
         };
         const render = () => {
@@ -16165,6 +16170,7 @@ void main() {
                     props: {
                         five: five$1,
                         modelOcclusionEnable: pluginState.modelOcclusionEnable,
+                        onlyVisibleInPanorama: pluginState.onlyVisibleInPanorama,
                         itemLabels: pluginState.itemLabels,
                         wrapper: pluginState.wrapper,
                         hooks: pluginState.hooks,
@@ -16182,9 +16188,27 @@ void main() {
         };
         // 添加 five 监听
         const addListener4Five = () => {
-            // five.on('modeChange', onFiveModeChange)
+            five$1.on('modeChange', onFiveModeChange);
             five$1.once('dispose', dispose);
         };
+        // 取消 five 监听
+        const removeListener4Five = () => {
+            five$1.off('modeChange', onFiveModeChange);
+        };
+        const onFiveModeChange = (mode) => {
+            // if (!pluginState.enabled) return
+            if (mode !== five.Five.Mode.Panorama) {
+                pluginState.fiveModeEnabled = false;
+                disable();
+                return;
+            }
+            // pluginState.fiveModeEnabled = false
+            // render()
+            five$1.once('initAnimationEnded', () => {
+                pluginState.fiveModeEnabled = true;
+                enable();
+            });
+        };
         addListener4Five();
         return {
             appendTo,
@@ -16201,8 +16225,11 @@ void main() {
         version: 0,
     };
 
+    const DnalogelVersion = '2.0.0-alpha.38';
+
     exports.CSS3DRenderPlugin = CSS3DRenderPlugin;
     exports.CameraMovementPlugin = CameraMovementPlugin;
+    exports.DnalogelVersion = DnalogelVersion;
     exports.FLOOR_TYPE_MAP = FLOOR_TYPE_MAP;
     exports.ItemLabelPlugin = Plugin;
     exports.Magnifier = Magnifier;