npm - @realsee/dnalogel - Versions diffs - 2.1.0-alpha.15 → 2.1.0-alpha.17 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (797) hide show

package/dist/ModelViewPlugin/ModelViewPlugin/Plugin.d.ts CHANGED Viewed

@@ -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/ModelViewPlugin/PanoTagPlugin/utils/nullishCoalescing.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ export default function nullishCoalescing<T>(value?: T \| undefined \| null, defaultValue?: T): T;
2	+ export { nullishCoalescing as nc };

package/dist/ModelViewPlugin/Plugin.d.ts CHANGED Viewed

@@ -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/ModelViewPlugin/index.js CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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/Object3DHelperPlugin/PanoTagPlugin/utils/nullishCoalescing.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ export default function nullishCoalescing<T>(value?: T \| undefined \| null, defaultValue?: T): T;
2	+ export { nullishCoalescing as nc };

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

@@ -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/PanoTagPlugin/utils/nullishCoalescing.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ export default function nullishCoalescing<T>(value?: T \| undefined \| null, defaultValue?: T): T;
2	+ export { nullishCoalescing as nc };

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

@@ -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/PanoTagPlugin/utils/nullishCoalescing.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ export default function nullishCoalescing<T>(value?: T \| undefined \| null, defaultValue?: T): T;
2	+ export { nullishCoalescing as nc };

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

@@ -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/PanoTagPlugin/utils/nullishCoalescing.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ export default function nullishCoalescing<T>(value?: T \| undefined \| null, defaultValue?: T): T;
2	+ export { nullishCoalescing as nc };

package/dist/PanoDoorLabelPlugin/index.js CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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/PanoMeasurePlugin/PanoTagPlugin/utils/nullishCoalescing.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ export default function nullishCoalescing<T>(value?: T \| undefined \| null, defaultValue?: T): T;
2	+ export { nullishCoalescing as nc };

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

@@ -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/PanoTagPlugin/utils/nullishCoalescing.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ export default function nullishCoalescing<T>(value?: T \| undefined \| null, defaultValue?: T): T;
2	+ export { nullishCoalescing as nc };

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

@@ -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/PanoTagPlugin/utils/nullishCoalescing.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ export default function nullishCoalescing<T>(value?: T \| undefined \| null, defaultValue?: T): T;
2	+ export { nullishCoalescing as nc };

package/dist/PanoRulerProPlugin/index.js CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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/PanoTagPlugin/utils/nullishCoalescing.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ export default function nullishCoalescing<T>(value?: T \| undefined \| null, defaultValue?: T): T;
2	+ export { nullishCoalescing as nc };