@realsee/dnalogel 2.1.0-alpha.15 → 2.1.0-alpha.16

package/dist/ModelViewPlugin/index.js

@@ -2,6 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var five = require('@realsee/five');
 var THREE = require('three');
 
 function _interopNamespace(e) {
@@ -28,12 +29,21 @@ var THREE__namespace = /*#__PURE__*/_interopNamespace(THREE);
  * Five 模型插件
  * @template ExportType 导出方法
  */
-const ModelViewPlugin = (five) => {
+const ModelViewPlugin = (five$1, params) => {
     let needsRender = true;
     let renderer = null;
+    const defaultConfig = {
+        lookAtCurrentCamera: false,
+        lockedPanoIndex: null,
+        lockedLatitude: null,
+        lockedLongitude: null,
+    };
+    const config = Object.assign(Object.assign({}, defaultConfig), params === null || params === void 0 ? void 0 : params.config);
     const scene = new THREE__namespace.Scene();
-    const camera = new THREE__namespace.PerspectiveCamera(60, 1, 0.1, 1000);
+    const camera = new five.Camera(60);
     let model = new THREE__namespace.Object3D();
+    let distance;
+    let offset;
     {
         const light = new THREE__namespace.DirectionalLight(0xffffff, 0.5);
         light.position.copy(new THREE__namespace.Vector3(1, 1, 1));
@@ -49,11 +59,11 @@ const ModelViewPlugin = (five) => {
     }
     scene.add(model);
     const initRendererIfNeeds = () => {
-        if (!five.renderer)
+        if (!five$1.renderer)
             return;
         if (!renderer) {
             renderer = new THREE__namespace.WebGLRenderer({ antialias: false, alpha: true });
-            renderer.setPixelRatio(five.renderer.getPixelRatio());
+            renderer.setPixelRatio(five$1.renderer.getPixelRatio());
             renderer.outputEncoding = THREE__namespace.sRGBEncoding;
             renderer.setClearColor(0x181a1c, 0);
             renderer.autoClear = true;
@@ -73,6 +83,8 @@ const ModelViewPlugin = (five) => {
         update();
     };
     const handleModelLoaded = () => {
+        distance = getDistanceFromModel(five$1.model, camera.fov, camera.aspect);
+        offset = five$1.model.bounding.getCenter(new THREE__namespace.Vector3());
         function cloneMaterial(_material) {
             const material = _material.clone();
             material.uniforms.modelAlpha.value = 1;
@@ -101,7 +113,7 @@ const ModelViewPlugin = (five) => {
             }
         }
         scene.remove(model);
-        model = cloneModel(five.model);
+        model = cloneModel(five$1.model);
         scene.add(model);
         update();
     };
@@ -132,29 +144,36 @@ const ModelViewPlugin = (five) => {
         }
         update();
     };
-    const cameraDistance = () => {
-        const bounding = five.model.bounding;
-        const { fov, aspect } = camera;
-        const radius = Math.sqrt(Math.pow(bounding.max.x - bounding.min.x + 2, 2) +
-            Math.pow(bounding.max.y - bounding.min.y + 2, 2) +
-            Math.pow(bounding.max.z - bounding.min.z + 2, 2));
+    function getDistanceFromModel(model, fov, aspect) {
+        const bounding = model.bounding;
+        const radius = Math.pow(Math.pow(bounding.max.x - bounding.min.x + 1, 2) +
+            Math.pow(bounding.max.y - bounding.min.y + 1, 2) +
+            Math.pow(bounding.max.z - bounding.min.z + 1, 2), 1 / 2);
         // fit screen
         let distance = radius / 2 / Math.tan((Math.PI * fov) / 360);
         if (aspect < 1)
             distance = distance / aspect;
         return isNaN(distance) ? radius : distance;
-    };
+    }
+    function getOffsetFromPanoIndex(panoIndex) {
+        return five$1.work.observers[panoIndex].standingPosition.clone();
+    }
     const update = () => {
-        const { longitude, latitude } = five.getPose();
-        const distance = cameraDistance();
-        const lookAt = five.model.bounding.getCenter(new THREE__namespace.Vector3());
-        const longitudeDistance = distance * Math.cos(latitude);
-        const cameraPosition = new THREE__namespace.Vector3();
-        cameraPosition.x = Math.sin(longitude) * longitudeDistance + lookAt.x;
-        cameraPosition.z = Math.cos(longitude) * longitudeDistance + lookAt.z;
-        cameraPosition.y = Math.sin(latitude) * distance + lookAt.y;
-        camera.position.copy(cameraPosition);
-        camera.lookAt(lookAt);
+        if (!distance || !offset)
+            return;
+        const pose = five$1.getPose();
+        pose.fov = camera.fov;
+        pose.offset = offset;
+        pose.distance = distance;
+        if (typeof config.lockedLatitude === 'number')
+            pose.latitude = config.lockedLatitude;
+        if (typeof config.lockedLongitude === 'number')
+            pose.longitude = config.lockedLongitude;
+        if (typeof config.lockedPanoIndex === 'number')
+            pose.offset = getOffsetFromPanoIndex(config.lockedPanoIndex);
+        if (config.lookAtCurrentCamera)
+            pose.offset = five$1.camera.position.clone().setY(five$1.camera.position.y + 1);
+        camera.setFromPose(pose);
         needsRender = true;
     };
     const render = () => {
@@ -175,12 +194,18 @@ const ModelViewPlugin = (five) => {
             renderer.dispose();
         renderer = null;
     };
-    five.on('modelLoaded', handleModelLoaded);
-    five.on('modelWillLoad', handleModelWillLoad);
-    five.on('cameraDirectionUpdate', update);
-    five.on('dispose', dispose);
-    five.on('renderFrame', render);
-    return { appendTo, refresh };
+    const changeConfigs = (userConfig) => {
+        Object.assign(config, userConfig);
+        update();
+    };
+    Object.assign(window, { camera });
+    five$1.on('modelLoaded', handleModelLoaded);
+    five$1.on('modelWillLoad', handleModelWillLoad);
+    five$1.on('cameraDirectionUpdate', update);
+    five$1.on('dispose', dispose);
+    five$1.on('renderFrame', render);
+    five$1.on('cameraPositionUpdate', update);
+    return { appendTo, refresh, changeConfigs };
 };
 
 exports.ModelViewPlugin = ModelViewPlugin;

package/dist/Object3DHelperPlugin/ModelViewPlugin/Plugin.d.ts

@@ -1,4 +1,11 @@
-import type { FivePlugin } from '@realsee/five';
+import type { PartialDeep } from 'type-fest';
+import { FivePlugin } from '@realsee/five';
+export interface Config {
+    lookAtCurrentCamera: boolean;
+    lockedPanoIndex: number | null;
+    lockedLatitude: number | null;
+    lockedLongitude: number | null;
+}
 export interface ModelViewPluginExportType {
     appendTo: (element: HTMLElement, size?: {
         width?: number;
@@ -8,10 +15,14 @@ export interface ModelViewPluginExportType {
         width?: number;
         height?: number;
     }) => void;
+    changeConfigs: (config: Partial<Config>) => void;
+}
+export interface ModelViewPluginParameterType {
+    config: Config;
 }
 /**
  * Five 模型插件
  * @template ExportType 导出方法
  */
-export declare const ModelViewPlugin: FivePlugin<void, ModelViewPluginExportType>;
+export declare const ModelViewPlugin: FivePlugin<PartialDeep<ModelViewPluginParameterType> | undefined, ModelViewPluginExportType>;
 export default ModelViewPlugin;

package/dist/PanoCompassPlugin/ModelViewPlugin/Plugin.d.ts

@@ -1,4 +1,11 @@
-import type { FivePlugin } from '@realsee/five';
+import type { PartialDeep } from 'type-fest';
+import { FivePlugin } from '@realsee/five';
+export interface Config {
+    lookAtCurrentCamera: boolean;
+    lockedPanoIndex: number | null;
+    lockedLatitude: number | null;
+    lockedLongitude: number | null;
+}
 export interface ModelViewPluginExportType {
     appendTo: (element: HTMLElement, size?: {
         width?: number;
@@ -8,10 +15,14 @@ export interface ModelViewPluginExportType {
         width?: number;
         height?: number;
     }) => void;
+    changeConfigs: (config: Partial<Config>) => void;
+}
+export interface ModelViewPluginParameterType {
+    config: Config;
 }
 /**
  * Five 模型插件
  * @template ExportType 导出方法
  */
-export declare const ModelViewPlugin: FivePlugin<void, ModelViewPluginExportType>;
+export declare const ModelViewPlugin: FivePlugin<PartialDeep<ModelViewPluginParameterType> | undefined, ModelViewPluginExportType>;
 export default ModelViewPlugin;

package/dist/PanoCursorRaycasterPlugin/ModelViewPlugin/Plugin.d.ts

@@ -1,4 +1,11 @@
-import type { FivePlugin } from '@realsee/five';
+import type { PartialDeep } from 'type-fest';
+import { FivePlugin } from '@realsee/five';
+export interface Config {
+    lookAtCurrentCamera: boolean;
+    lockedPanoIndex: number | null;
+    lockedLatitude: number | null;
+    lockedLongitude: number | null;
+}
 export interface ModelViewPluginExportType {
     appendTo: (element: HTMLElement, size?: {
         width?: number;
@@ -8,10 +15,14 @@ export interface ModelViewPluginExportType {
         width?: number;
         height?: number;
     }) => void;
+    changeConfigs: (config: Partial<Config>) => void;
+}
+export interface ModelViewPluginParameterType {
+    config: Config;
 }
 /**
  * Five 模型插件
  * @template ExportType 导出方法
  */
-export declare const ModelViewPlugin: FivePlugin<void, ModelViewPluginExportType>;
+export declare const ModelViewPlugin: FivePlugin<PartialDeep<ModelViewPluginParameterType> | undefined, ModelViewPluginExportType>;
 export default ModelViewPlugin;

package/dist/PanoDoorLabelPlugin/ModelViewPlugin/Plugin.d.ts

@@ -1,4 +1,11 @@
-import type { FivePlugin } from '@realsee/five';
+import type { PartialDeep } from 'type-fest';
+import { FivePlugin } from '@realsee/five';
+export interface Config {
+    lookAtCurrentCamera: boolean;
+    lockedPanoIndex: number | null;
+    lockedLatitude: number | null;
+    lockedLongitude: number | null;
+}
 export interface ModelViewPluginExportType {
     appendTo: (element: HTMLElement, size?: {
         width?: number;
@@ -8,10 +15,14 @@ export interface ModelViewPluginExportType {
         width?: number;
         height?: number;
     }) => void;
+    changeConfigs: (config: Partial<Config>) => void;
+}
+export interface ModelViewPluginParameterType {
+    config: Config;
 }
 /**
  * Five 模型插件
  * @template ExportType 导出方法
  */
-export declare const ModelViewPlugin: FivePlugin<void, ModelViewPluginExportType>;
+export declare const ModelViewPlugin: FivePlugin<PartialDeep<ModelViewPluginParameterType> | undefined, ModelViewPluginExportType>;
 export default ModelViewPlugin;

package/dist/PanoDoorLabelPlugin/index.js

@@ -143,7 +143,7 @@ class BasePanoPluginController extends Controller {
     }
 }
 
-/* src/PanoDoorLabelPlugin/DoorLabelItem.svelte generated by Svelte v3.51.0 */
+/* src/PanoDoorLabelPlugin/DoorLabelItem.svelte generated by Svelte v3.52.0 */
 
 function add_css(target) {
 	internal.append_styles(target, "svelte-wpy7pz", ".plugin-DoorLabelPlugin-item.svelte-wpy7pz.svelte-wpy7pz{position:absolute;left:0;top:0;width:0;height:0;pointer-events:none;transition:opacity 0.3s ease}.plugin-DoorLabelPlugin-cnt.svelte-wpy7pz.svelte-wpy7pz{position:absolute;top:50%;left:50%;border-radius:0.125rem;background:rgba(0, 0, 0, 0.35);line-height:0.75rem;padding:0.375rem;white-space:nowrap;font-size:0.75rem;font-style:normal;color:white;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform ease 1s, background ease 0.3s, color ease 0.3s}.plugin-DoorLabelPlugin-cnt.svelte-wpy7pz.svelte-wpy7pz::after{content:\"\";display:block;position:absolute;top:-0.0625rem;left:-0.0625rem;bottom:-0.0625rem;right:-0.0625rem;border-radius:0.125rem;border:0.0625rem solid rgba(0, 0, 0, 0);-o-border-image:url(\"//vrlab-image4.ljcdn.com/release/web/highlightCarouseal-border-image.14b51834.png\") 4;border-image:url(\"//vrlab-image4.ljcdn.com/release/web/highlightCarouseal-border-image.14b51834.png\") 4;transition:opacity ease 0.3s}.plugin-DoorLabelPlugin-cnt.svelte-wpy7pz.svelte-wpy7pz:active,.plugin-DoorLabelPlugin-cnt.svelte-wpy7pz.svelte-wpy7pz:focus{background:rgba(0, 0, 0, 0.5);color:rgba(255, 255, 255, 0.5)}.plugin-DoorLabelPlugin-icon.svelte-wpy7pz.svelte-wpy7pz{background:url(\"//vrlab-image4.ljcdn.com/release/web/DoorLabel-icon.de1304ae.svg\") no-repeat;background-size:100%;display:inline-block;width:0.625rem;height:0.625rem;margin-left:0.25rem;transform-origin:center}.plugin-DoorLabelPlugin-cnt[data-camera-toward=forward].left.svelte-wpy7pz .plugin-DoorLabelPlugin-icon.svelte-wpy7pz{transform:rotate(90deg)}.plugin-DoorLabelPlugin-cnt[data-camera-toward=forward].right.svelte-wpy7pz .plugin-DoorLabelPlugin-txt.svelte-wpy7pz{order:1}.plugin-DoorLabelPlugin-cnt[data-camera-toward=forward].right.svelte-wpy7pz .plugin-DoorLabelPlugin-icon.svelte-wpy7pz{transform:rotate(-90deg);margin-left:0;margin-right:0.25rem;order:0}.plugin-DoorLabelPlugin-cnt[data-camera-toward=right].forward.svelte-wpy7pz .plugin-DoorLabelPlugin-icon.svelte-wpy7pz{transform:rotate(90deg)}.plugin-DoorLabelPlugin-cnt[data-camera-toward=right].back.svelte-wpy7pz .plugin-DoorLabelPlugin-txt.svelte-wpy7pz{order:1}.plugin-DoorLabelPlugin-cnt[data-camera-toward=right].back.svelte-wpy7pz .plugin-DoorLabelPlugin-icon.svelte-wpy7pz{transform:rotate(-90deg);margin-left:0;margin-right:0.25rem;order:0}.plugin-DoorLabelPlugin-cnt[data-camera-toward=left].back.svelte-wpy7pz .plugin-DoorLabelPlugin-icon.svelte-wpy7pz{transform:rotate(90deg)}.plugin-DoorLabelPlugin-cnt[data-camera-toward=left].forward.svelte-wpy7pz .plugin-DoorLabelPlugin-txt.svelte-wpy7pz{order:1}.plugin-DoorLabelPlugin-cnt[data-camera-toward=left].forward.svelte-wpy7pz .plugin-DoorLabelPlugin-icon.svelte-wpy7pz{transform:rotate(-90deg);margin-left:0;margin-right:0.25rem;order:0}.plugin-DoorLabelPlugin-cnt[data-camera-toward=back].right.svelte-wpy7pz .plugin-DoorLabelPlugin-icon.svelte-wpy7pz{transform:rotate(90deg)}.plugin-DoorLabelPlugin-cnt[data-camera-toward=back].left.svelte-wpy7pz .plugin-DoorLabelPlugin-txt.svelte-wpy7pz{order:1}.plugin-DoorLabelPlugin-cnt[data-camera-toward=back].left.svelte-wpy7pz .plugin-DoorLabelPlugin-icon.svelte-wpy7pz{transform:rotate(-90deg);margin-left:0;margin-right:0.25rem;order:0}.plugin-DoorLabelPlugin-cnt--customBrand.svelte-wpy7pz.svelte-wpy7pz{color:#f9eac1}.plugin-DoorLabelPlugin-cnt--customBrand.svelte-wpy7pz .plugin-DoorLabelPlugin-icon.svelte-wpy7pz{background:url(\"//vrlab-image4.ljcdn.com/release/web/arrow.6e8ec00e.svg\") no-repeat}.plugin-DoorLabelPlugin-cnt--customBrand.svelte-wpy7pz.svelte-wpy7pz:active,.plugin-DoorLabelPlugin-cnt--customBrand.svelte-wpy7pz.svelte-wpy7pz:focus{background:rgba(0, 0, 0, 0.5);color:rgba(249, 234, 193, 0.5)}");

package/dist/PanoMeasurePlugin/ModelViewPlugin/Plugin.d.ts

@@ -1,4 +1,11 @@
-import type { FivePlugin } from '@realsee/five';
+import type { PartialDeep } from 'type-fest';
+import { FivePlugin } from '@realsee/five';
+export interface Config {
+    lookAtCurrentCamera: boolean;
+    lockedPanoIndex: number | null;
+    lockedLatitude: number | null;
+    lockedLongitude: number | null;
+}
 export interface ModelViewPluginExportType {
     appendTo: (element: HTMLElement, size?: {
         width?: number;
@@ -8,10 +15,14 @@ export interface ModelViewPluginExportType {
         width?: number;
         height?: number;
     }) => void;
+    changeConfigs: (config: Partial<Config>) => void;
+}
+export interface ModelViewPluginParameterType {
+    config: Config;
 }
 /**
  * Five 模型插件
  * @template ExportType 导出方法
  */
-export declare const ModelViewPlugin: FivePlugin<void, ModelViewPluginExportType>;
+export declare const ModelViewPlugin: FivePlugin<PartialDeep<ModelViewPluginParameterType> | undefined, ModelViewPluginExportType>;
 export default ModelViewPlugin;

package/dist/PanoRulerPlugin/ModelViewPlugin/Plugin.d.ts

@@ -1,4 +1,11 @@
-import type { FivePlugin } from '@realsee/five';
+import type { PartialDeep } from 'type-fest';
+import { FivePlugin } from '@realsee/five';
+export interface Config {
+    lookAtCurrentCamera: boolean;
+    lockedPanoIndex: number | null;
+    lockedLatitude: number | null;
+    lockedLongitude: number | null;
+}
 export interface ModelViewPluginExportType {
     appendTo: (element: HTMLElement, size?: {
         width?: number;
@@ -8,10 +15,14 @@ export interface ModelViewPluginExportType {
         width?: number;
         height?: number;
     }) => void;
+    changeConfigs: (config: Partial<Config>) => void;
+}
+export interface ModelViewPluginParameterType {
+    config: Config;
 }
 /**
  * Five 模型插件
  * @template ExportType 导出方法
  */
-export declare const ModelViewPlugin: FivePlugin<void, ModelViewPluginExportType>;
+export declare const ModelViewPlugin: FivePlugin<PartialDeep<ModelViewPluginParameterType> | undefined, ModelViewPluginExportType>;
 export default ModelViewPlugin;

package/dist/PanoRulerProPlugin/ModelViewPlugin/Plugin.d.ts

@@ -1,4 +1,11 @@
-import type { FivePlugin } from '@realsee/five';
+import type { PartialDeep } from 'type-fest';
+import { FivePlugin } from '@realsee/five';
+export interface Config {
+    lookAtCurrentCamera: boolean;
+    lockedPanoIndex: number | null;
+    lockedLatitude: number | null;
+    lockedLongitude: number | null;
+}
 export interface ModelViewPluginExportType {
     appendTo: (element: HTMLElement, size?: {
         width?: number;
@@ -8,10 +15,14 @@ export interface ModelViewPluginExportType {
         width?: number;
         height?: number;
     }) => void;
+    changeConfigs: (config: Partial<Config>) => void;
+}
+export interface ModelViewPluginParameterType {
+    config: Config;
 }
 /**
  * Five 模型插件
  * @template ExportType 导出方法
  */
-export declare const ModelViewPlugin: FivePlugin<void, ModelViewPluginExportType>;
+export declare const ModelViewPlugin: FivePlugin<PartialDeep<ModelViewPluginParameterType> | undefined, ModelViewPluginExportType>;
 export default ModelViewPlugin;

package/dist/PanoRulerProPlugin/index.js

@@ -241,7 +241,7 @@ function throttle(func, wait = 200) {
     };
 }
 
-/* src/PanoRulerProPlugin/RulerItem.svelte generated by Svelte v3.51.0 */
+/* src/PanoRulerProPlugin/RulerItem.svelte generated by Svelte v3.52.0 */
 
 function add_css(target) {
 	internal.append_styles(target, "svelte-1h27ktp", ".PanoRulerPlugin-rule-line.svelte-1h27ktp.svelte-1h27ktp{position:absolute;transform-origin:left 0.0625rem;width:0;height:0.125rem;pointer-events:none}.PanoRulerPlugin-rule-line.svelte-1h27ktp.svelte-1h27ktp::after{content:'';position:absolute;left:-0.125rem;top:-0.1rem;width:0.25rem;height:0.25rem;border-radius:50%;background:#fff;z-index:1;animation:svelte-1h27ktp-viewport-rule-point 0.1s 1s;animation-fill-mode:both}.PanoRulerPlugin-rule-line.svelte-1h27ktp.svelte-1h27ktp::before{content:'';position:absolute;right:-0.125rem;top:-0.1rem;width:0.25rem;height:0.25rem;border-radius:50%;background:#fff;z-index:1;animation:svelte-1h27ktp-viewport-rule-point 0.1s 1.5s;animation-fill-mode:both}.PanoRulerPlugin-rule-line.svelte-1h27ktp em.svelte-1h27ktp{display:block;height:0.0625rem;animation:svelte-1h27ktp-viewport-rule-line 0.5s ease 1s;animation-fill-mode:both;box-shadow:0 0 0.25rem rgb(0 0 0 / 40%);position:relative}.rule-mixed-line.svelte-1h27ktp.svelte-1h27ktp{display:flex;height:0.0625rem;animation:svelte-1h27ktp-viewport-rule-line 0.5s ease 1s;animation-fill-mode:both;align-items:center}.em-solid.svelte-1h27ktp.svelte-1h27ktp{height:100%;background:#ffffff}.em-dotted.svelte-1h27ktp.svelte-1h27ktp{height:0.125rem;background:var(--background-image);background-position:center;background-repeat:repeat}.PanoRulerPlugin-rule-label.svelte-1h27ktp.svelte-1h27ktp{position:absolute;width:0;height:0;top:0.0625rem;pointer-events:none}.PanoRulerPlugin-rule-label-name.svelte-1h27ktp.svelte-1h27ktp{position:absolute;padding:0.1875rem 0.375rem;background:rgba(195, 195, 195, 0.3);backdrop-filter:blur(0.25rem);-webkit-backdrop-filter:blur(0.25rem);border-radius:6.25rem;border:0.0625rem solid rgba(255, 255, 255, 0.6);white-space:nowrap;overflow:hidden;color:#ffffff;font-weight:500;font-size:0.75rem;line-height:1;animation:svelte-1h27ktp-viewport-rule-label 0.25s ease 1s;animation-fill-mode:both;box-shadow:inset 0 0 0.625rem 0 rgba(255, 255, 255, 0.3)}@keyframes svelte-1h27ktp-viewport-rule-line{0%{width:0%}100%{width:100%}}@keyframes svelte-1h27ktp-viewport-rule-label{0%{opacity:0;transform:scaleX(0)}100%{opacity:1;transform:translate(-50%, -50%) scaleX(1)}}@keyframes svelte-1h27ktp-viewport-rule-point{0%{transform:scaleX(0)}100%{transform:scaleX(1)}}");
@@ -357,7 +357,7 @@ function create_each_block$1(ctx) {
 			div = internal.element("div");
 			internal.attr(div, "class", div_class_value = "" + (internal.null_to_empty(/*child*/ ctx[6].state ? 'em-solid' : 'em-dotted') + " svelte-1h27ktp"));
 			internal.attr(div, "style", /*vars*/ ctx[3]);
-			internal.set_style(div, "width", style_width, false);
+			internal.set_style(div, "width", style_width);
 		},
 		m(target, anchor) {
 			internal.insert(target, div, anchor);
@@ -372,7 +372,7 @@ function create_each_block$1(ctx) {
 			}
 
 			if (dirty & /*rulerItemProp*/ 1 && style_width !== (style_width = `${/*child*/ ctx[6].width}px`)) {
-				internal.set_style(div, "width", style_width, false);
+				internal.set_style(div, "width", style_width);
 			}
 		},
 		d(detaching) {
@@ -414,21 +414,16 @@ function create_fragment$1(ctx) {
 			internal.attr(div0, "class", "PanoRulerPlugin-rule-label-name svelte-1h27ktp");
 			internal.add_render_callback(() => /*div0_elementresize_handler*/ ctx[4].call(div0));
 			internal.attr(div1, "class", "PanoRulerPlugin-rule-label svelte-1h27ktp");
-			internal.set_style(div1, "left", style_left, false);
+			internal.set_style(div1, "left", style_left);
 			internal.attr(div2, "class", "PanoRulerPlugin-rule-line svelte-1h27ktp");
-			internal.set_style(div2, "width", style_width, false);
-			internal.set_style(div2, "left", style_left_1, false);
-			internal.set_style(div2, "top", style_top, false);
-			internal.set_style(div2, "transform", style_transform, false);
-
-			internal.set_style(
-				div2,
-				"display",
-				/*rulerItemProp*/ ctx[0].visible && /*_visible*/ ctx[2]
-				? 'block'
-				: 'none',
-				false
-			);
+			internal.set_style(div2, "width", style_width);
+			internal.set_style(div2, "left", style_left_1);
+			internal.set_style(div2, "top", style_top);
+			internal.set_style(div2, "transform", style_transform);
+
+			internal.set_style(div2, "display", /*rulerItemProp*/ ctx[0].visible && /*_visible*/ ctx[2]
+			? 'block'
+			: 'none');
 		},
 		m(target, anchor) {
 			internal.insert(target, div2, anchor);
@@ -455,34 +450,29 @@ function create_fragment$1(ctx) {
 			if (dirty & /*rulerItemProp*/ 1 && t1_value !== (t1_value = /*rulerItemProp*/ ctx[0].labelElement + "")) internal.set_data(t1, t1_value);
 
 			if (dirty & /*rulerItemProp*/ 1 && style_left !== (style_left = `${/*rulerItemProp*/ ctx[0].labelOffset}%`)) {
-				internal.set_style(div1, "left", style_left, false);
+				internal.set_style(div1, "left", style_left);
 			}
 
 			if (dirty & /*rulerItemProp*/ 1 && style_width !== (style_width = `${/*rulerItemProp*/ ctx[0].width}px`)) {
-				internal.set_style(div2, "width", style_width, false);
+				internal.set_style(div2, "width", style_width);
 			}
 
 			if (dirty & /*rulerItemProp*/ 1 && style_left_1 !== (style_left_1 = `${/*rulerItemProp*/ ctx[0].left}px`)) {
-				internal.set_style(div2, "left", style_left_1, false);
+				internal.set_style(div2, "left", style_left_1);
 			}
 
 			if (dirty & /*rulerItemProp*/ 1 && style_top !== (style_top = `${/*rulerItemProp*/ ctx[0].top}px`)) {
-				internal.set_style(div2, "top", style_top, false);
+				internal.set_style(div2, "top", style_top);
 			}
 
 			if (dirty & /*rulerItemProp*/ 1 && style_transform !== (style_transform = `rotate(${/*rulerItemProp*/ ctx[0].rotateDeg}deg)`)) {
-				internal.set_style(div2, "transform", style_transform, false);
+				internal.set_style(div2, "transform", style_transform);
 			}
 
 			if (dirty & /*rulerItemProp, _visible*/ 5) {
-				internal.set_style(
-					div2,
-					"display",
-					/*rulerItemProp*/ ctx[0].visible && /*_visible*/ ctx[2]
-					? 'block'
-					: 'none',
-					false
-				);
+				internal.set_style(div2, "display", /*rulerItemProp*/ ctx[0].visible && /*_visible*/ ctx[2]
+				? 'block'
+				: 'none');
 			}
 		},
 		i: internal.noop,
@@ -534,7 +524,7 @@ class RulerItem extends internal.SvelteComponent {
 	}
 }
 
-/* src/PanoRulerProPlugin/RulerItems.svelte generated by Svelte v3.51.0 */
+/* src/PanoRulerProPlugin/RulerItems.svelte generated by Svelte v3.52.0 */
 
 function get_each_context(ctx, list, i) {
 	const child_ctx = ctx.slice();

package/dist/PanoSpatialTagPlugin/ModelViewPlugin/Plugin.d.ts

@@ -1,4 +1,11 @@
-import type { FivePlugin } from '@realsee/five';
+import type { PartialDeep } from 'type-fest';
+import { FivePlugin } from '@realsee/five';
+export interface Config {
+    lookAtCurrentCamera: boolean;
+    lockedPanoIndex: number | null;
+    lockedLatitude: number | null;
+    lockedLongitude: number | null;
+}
 export interface ModelViewPluginExportType {
     appendTo: (element: HTMLElement, size?: {
         width?: number;
@@ -8,10 +15,14 @@ export interface ModelViewPluginExportType {
         width?: number;
         height?: number;
     }) => void;
+    changeConfigs: (config: Partial<Config>) => void;
+}
+export interface ModelViewPluginParameterType {
+    config: Config;
 }
 /**
  * Five 模型插件
  * @template ExportType 导出方法
  */
-export declare const ModelViewPlugin: FivePlugin<void, ModelViewPluginExportType>;
+export declare const ModelViewPlugin: FivePlugin<PartialDeep<ModelViewPluginParameterType> | undefined, ModelViewPluginExportType>;
 export default ModelViewPlugin;

package/dist/PanoSpatialTagPlugin/index.js

@@ -851,7 +851,7 @@ const CSS3DRenderPlugin = (five) => new Controller(five);
 
 const currentTarget = store.writable(null);
 
-/* src/PanoSpatialTagPlugin/Components/origins.svelte generated by Svelte v3.51.0 */
+/* src/PanoSpatialTagPlugin/Components/origins.svelte generated by Svelte v3.52.0 */
 
 function add_css$1(target) {
 	internal.append_styles(target, "svelte-19zi46m", ".PanoSpatialTagPlugin__tag-origin.svelte-19zi46m{position:absolute;width:0.5rem;height:0.5rem;border-radius:50%;background:#fff;box-shadow:0 0 .6rem #fff;transform:translate(-50%, -50%) scale(1);transform-origin:center center;animation:svelte-19zi46m-PanoSpatialTagPlugin__tag-origin 1.2s forwards;pointer-events:auto}.PanoSpatialTagPlugin__tag-origin.svelte-19zi46m:after{content:'';position:absolute;top:50%;height:50%;width:2rem;height:2rem;transform:translate(-50%, -50%)}.PanoSpatialTagPlugin__tag-origin-destroy.svelte-19zi46m{transform:translate(-50%, -50%) scale(0.6);animation:svelte-19zi46m-PanoSpatialTagPlugin__tag-origin-destroy 1.2s forwards .7s}@keyframes svelte-19zi46m-PanoSpatialTagPlugin__tag-origin{0%{transform:translate(-50%, -50%) scale(1);opacity:0}100%{transform:translate(-50%, -50%) scale(0.6);opacity:1 }}@keyframes svelte-19zi46m-PanoSpatialTagPlugin__tag-origin-destroy{0%{transform:translate(-50%, -50%) scale(0.6);opacity:1}10%{transform:translate(-50%, -50%) scale(1);opacity:0.9}100%{transform:translate(-50%, -50%) scale(1);opacity:0}}");
@@ -881,9 +881,9 @@ function create_each_block(ctx) {
 			internal.attr(i, "class", "svelte-19zi46m");
 			internal.toggle_class(i, "PanoSpatialTagPlugin__tag-origin", true);
 			internal.toggle_class(i, "PanoSpatialTagPlugin__tag-origin-destroy", /*origin*/ ctx[3].destroying);
-			internal.set_style(i, "top", style_top, false);
-			internal.set_style(i, "left", style_left, false);
-			internal.set_style(i, "visibility", /*origin*/ ctx[3].front ? 'visible' : 'hidden', false);
+			internal.set_style(i, "top", style_top);
+			internal.set_style(i, "left", style_left);
+			internal.set_style(i, "visibility", /*origin*/ ctx[3].front ? 'visible' : 'hidden');
 		},
 		m(target, anchor) {
 			internal.insert(target, i, anchor);
@@ -901,15 +901,15 @@ function create_each_block(ctx) {
 			}
 
 			if (dirty & /*origins*/ 1 && style_top !== (style_top = `${/*origin*/ ctx[3].top}%`)) {
-				internal.set_style(i, "top", style_top, false);
+				internal.set_style(i, "top", style_top);
 			}
 
 			if (dirty & /*origins*/ 1 && style_left !== (style_left = `${/*origin*/ ctx[3].left}%`)) {
-				internal.set_style(i, "left", style_left, false);
+				internal.set_style(i, "left", style_left);
 			}
 
 			if (dirty & /*origins*/ 1) {
-				internal.set_style(i, "visibility", /*origin*/ ctx[3].front ? 'visible' : 'hidden', false);
+				internal.set_style(i, "visibility", /*origin*/ ctx[3].front ? 'visible' : 'hidden');
 			}
 		},
 		d(detaching) {
@@ -1000,7 +1000,7 @@ class Origins extends internal.SvelteComponent {
 	}
 }
 
-/* src/PanoSpatialTagPlugin/Components/tag.svelte generated by Svelte v3.51.0 */
+/* src/PanoSpatialTagPlugin/Components/tag.svelte generated by Svelte v3.52.0 */
 
 function add_css(target) {
 	internal.append_styles(target, "svelte-1i5h9zh", ".PanoSpatialTagPlugin__tag-x.svelte-1i5h9zh.svelte-1i5h9zh{position:absolute;top:0;left:0;display:block;white-space:nowrap;box-sizing:border-box;width:25rem;height:14rem;color:#FFF;transform:translate(0, -100%);transition:height .5s linear}.PanoSpatialTagPlugin__tag-shadow.svelte-1i5h9zh.svelte-1i5h9zh{content:'';position:absolute;width:30rem;height:30rem;top:-15rem;left:-15rem;z-index:-1;opacity:0;transition:opacity .8s .6s;background:url('https://vrlab-image4.ljcdn.com/release/web/PanoSpatialTagPlugin__blur.png');background-size:30rem 30rem}.PanoSpatialTagPlugin__tag-line.svelte-1i5h9zh.svelte-1i5h9zh{position:absolute;left:-1rem;width:2rem;height:100%;overflow:hidden}.PanoSpatialTagPlugin__tag-flagpole.svelte-1i5h9zh.svelte-1i5h9zh{position:absolute;top:0;left:1rem;height:calc(100% - 1.5rem);width:.15rem;background:linear-gradient(to bottom, rgba(255, 255, 255, 1), rgba(255, 255, 255, .1));box-shadow:0 .1rem .5rem rgba(0, 0, 0, .2);opacity:0;transform:translate(-50%, 60%) scaleY(0);transition:transform .4s cubic-bezier(.44,.44,.74,.98) , opacity .4s cubic-bezier(.44,.44,.74,.98), width .5s linear, height .5s linear ;transform-origin:center bottom}.PanoSpatialTagPlugin__tag-line1.svelte-1i5h9zh.svelte-1i5h9zh{position:absolute;top:0;left:0.3rem;height:1.8rem;width:.1rem;background:#fff;opacity:0;transform:translate(-50%, 200%) scaleY(0);transform-origin:center top}.PanoSpatialTagPlugin__tag-line2.svelte-1i5h9zh.svelte-1i5h9zh{position:absolute;top:0;left:0.5rem;height:1.8rem;width:.1rem;background:#fff;opacity:0;transform:translate(-50%, 200%) scaleY(0);transform-origin:center top}.PanoSpatialTagPlugin__tag-show.svelte-1i5h9zh .PanoSpatialTagPlugin__tag-line1.svelte-1i5h9zh{animation:svelte-1i5h9zh-PanoSpatialTagPlugin__tag-line1 linear .5s forwards .45s}.PanoSpatialTagPlugin__tag-show.svelte-1i5h9zh .PanoSpatialTagPlugin__tag-line2.svelte-1i5h9zh{animation:svelte-1i5h9zh-PanoSpatialTagPlugin__tag-line2 linear .5s forwards .65s}.PanoSpatialTagPlugin__tag-x.PanoSpatialTagPlugin__tag-upside-down.svelte-1i5h9zh.svelte-1i5h9zh{transform:translate(0, 0)}.PanoSpatialTagPlugin__tag-upside-down.svelte-1i5h9zh .PanoSpatialTagPlugin__tag-line.svelte-1i5h9zh{transform:scaleY(-1)}.PanoSpatialTagPlugin__tag-animate.svelte-1i5h9zh.svelte-1i5h9zh{position:relative;height:100%;overflow:hidden;transform-origin:left top;transition:transform .5s linear}.PanoSpatialTagPlugin__tag-upside-down.svelte-1i5h9zh .PanoSpatialTagPlugin__tag-animate.svelte-1i5h9zh{transform-origin:left bottom}.PanoSpatialTagPlugin__tag-content.svelte-1i5h9zh.svelte-1i5h9zh{position:absolute;display:inline-block;transform:translate(-100%, 0);transition:transform .9s cubic-bezier(0,.65,.16,1.08) .6s;padding-left:.5rem;font-size:1rem}.PanoSpatialTagPlugin__tag-upside-down.svelte-1i5h9zh .PanoSpatialTagPlugin__tag-content.svelte-1i5h9zh{bottom:0}.PanoSpatialTagPlugin__tag-show.svelte-1i5h9zh .PanoSpatialTagPlugin__tag-flagpole.svelte-1i5h9zh{opacity:1;transform:translate(-50%, 0) scaleY(1)}.PanoSpatialTagPlugin__tag-upside-down.svelte-1i5h9zh .PanoSpatialTagPlugin__tag-shadow.svelte-1i5h9zh{top:unset;bottom:-15rem}.PanoSpatialTagPlugin__tag-show.svelte-1i5h9zh .PanoSpatialTagPlugin__tag-shadow.svelte-1i5h9zh{opacity:.32}.PanoSpatialTagPlugin__tag-show.svelte-1i5h9zh .PanoSpatialTagPlugin__tag-content.svelte-1i5h9zh{transform:translate(0, 0)}.PanoSpatialTagPlugin__tag-hide.svelte-1i5h9zh .PanoSpatialTagPlugin__tag-flagpole.svelte-1i5h9zh{opacity:0;transform:translate(-50%, 60%) scaleY(0);transition:transform .5s .55s, opacity .4s .55s}.PanoSpatialTagPlugin__tag-hide.svelte-1i5h9zh .PanoSpatialTagPlugin__tag-shadow.svelte-1i5h9zh{opacity:0;transition:opacity .8s}.PanoSpatialTagPlugin__tag-hide.svelte-1i5h9zh .PanoSpatialTagPlugin__tag-content.svelte-1i5h9zh{transform:translate(-100%, 0);transition:transform .6s cubic-bezier(.53,.06,.88,.59)}.PanoSpatialTagPlugin__tag-hide.svelte-1i5h9zh .PanoSpatialTagPlugin__tag-content .svelte-1i5h9zh{pointer-events:none}.PanoSpatialTagPlugin__tag-hide.svelte-1i5h9zh .PanoSpatialTagPlugin__tag-line1.svelte-1i5h9zh{opacity:0.5;transform:translate(-50%, 10%) scaleY(0);animation:svelte-1i5h9zh-PanoSpatialTagPlugin__tag-line1-hide linear .28s forwards .3s}.PanoSpatialTagPlugin__tag-hide.svelte-1i5h9zh .PanoSpatialTagPlugin__tag-line2.svelte-1i5h9zh{opacity:0.5;transform:translate(-50%, 0) scaleY(0);animation:svelte-1i5h9zh-PanoSpatialTagPlugin__tag-line2-hide linear .28s forwards .45s}@keyframes svelte-1i5h9zh-PanoSpatialTagPlugin__tag-line1{0%{opacity:0;transform:translate(-50%, 250%) scaleY(1)}50%{opacity:0.5;transform:translate(-50%, 135%) scaleY(1)}100%{opacity:0.5;transform:translate(-50%, 20%) scaleY(0)}}@keyframes svelte-1i5h9zh-PanoSpatialTagPlugin__tag-line2{0%{opacity:0;transform:translate(-50%, 250%) scaleY(1)}50%{opacity:0.5;transform:translate(-50%, 125%) scaleY(1)}100%{opacity:0.5;transform:translate(-50%, 0) scaleY(0)}}@keyframes svelte-1i5h9zh-PanoSpatialTagPlugin__tag-line1-hide{0%{opacity:0.5;transform:translate(-50%, 10%) scaleY(0)}50%{opacity:0.2;transform:translate(-50%, 105%) scaleY(1)}100%{opacity:0;transform:translate(-50%, 200%) scaleY(0)}}@keyframes svelte-1i5h9zh-PanoSpatialTagPlugin__tag-line2-hide{0%{opacity:0.5;transform:translate(-50%, 0) scaleY(0)}50%{opacity:0.2;transform:translate(-50%, 100%) scaleY(1)}100%{opacity:0;transform:translate(-50%, 200%) scaleY(0)}}");

package/dist/PanoTagPlugin/ModelViewPlugin/Plugin.d.ts

@@ -1,4 +1,11 @@
-import type { FivePlugin } from '@realsee/five';
+import type { PartialDeep } from 'type-fest';
+import { FivePlugin } from '@realsee/five';
+export interface Config {
+    lookAtCurrentCamera: boolean;
+    lockedPanoIndex: number | null;
+    lockedLatitude: number | null;
+    lockedLongitude: number | null;
+}
 export interface ModelViewPluginExportType {
     appendTo: (element: HTMLElement, size?: {
         width?: number;
@@ -8,10 +15,14 @@ export interface ModelViewPluginExportType {
         width?: number;
         height?: number;
     }) => void;
+    changeConfigs: (config: Partial<Config>) => void;
+}
+export interface ModelViewPluginParameterType {
+    config: Config;
 }
 /**
  * Five 模型插件
  * @template ExportType 导出方法
  */
-export declare const ModelViewPlugin: FivePlugin<void, ModelViewPluginExportType>;
+export declare const ModelViewPlugin: FivePlugin<PartialDeep<ModelViewPluginParameterType> | undefined, ModelViewPluginExportType>;
 export default ModelViewPlugin;