@realsee/dnalogel 2.1.0-alpha.1 → 2.1.0-alpha.10

package/dist/PanoDoorLabelPlugin/PanoTagPlugin/mocks/mock2.d.ts

@@ -0,0 +1,233 @@
+declare const _default: {
+    tagList: ({
+        id: number;
+        pointType: string;
+        dimensionType: string;
+        position: string[];
+        style: {
+            point: {
+                iconUrl: string;
+                style?: undefined;
+            };
+        };
+        contentType: string;
+        data: {
+            title: string;
+            brandTags: string[];
+            tags: string[];
+            headerPictureUrl: string;
+            highlightText: string;
+            price: {
+                unit: string;
+                value: string;
+            };
+            extraData: {
+                brandTags: string[];
+                headerPictureUrl: string;
+                highlightText: string;
+                price: {
+                    unit: string;
+                    value: string;
+                };
+                style: {
+                    point: {
+                        iconUrl: string;
+                        style?: undefined;
+                    };
+                };
+                tagClosedStyle: string;
+                tagIconUrl: string;
+                tags: string[];
+                linkOpeningMethod?: undefined;
+                linkType?: undefined;
+            };
+            text?: undefined;
+            mediaData?: undefined;
+            audioUrl?: undefined;
+            linkType?: undefined;
+        };
+    } | {
+        id: number;
+        pointType: string;
+        dimensionType: string;
+        position: string[];
+        style: {
+            point: {
+                iconUrl: string;
+                style?: undefined;
+            };
+        };
+        contentType: string;
+        data: {
+            text: string;
+            mediaData: {
+                type: string;
+                url: string;
+                videoCoverUrl: string;
+                name: string;
+                width: number;
+                height: number;
+            }[];
+            extraData: {
+                style: {
+                    point: {
+                        iconUrl: string;
+                        style?: undefined;
+                    };
+                };
+                tagClosedStyle: string;
+                tagIconUrl: string;
+                brandTags?: undefined;
+                headerPictureUrl?: undefined;
+                highlightText?: undefined;
+                price?: undefined;
+                tags?: undefined;
+                linkOpeningMethod?: undefined;
+                linkType?: undefined;
+            };
+            title?: undefined;
+            brandTags?: undefined;
+            tags?: undefined;
+            headerPictureUrl?: undefined;
+            highlightText?: undefined;
+            price?: undefined;
+            audioUrl?: undefined;
+            linkType?: undefined;
+        };
+    } | {
+        id: number;
+        pointType: string;
+        dimensionType: string;
+        position: string[];
+        contentType: string;
+        data: {
+            text: string;
+            audioUrl: string;
+            extraData: {
+                tagClosedStyle: string;
+                tagIconUrl: string;
+                brandTags?: undefined;
+                headerPictureUrl?: undefined;
+                highlightText?: undefined;
+                price?: undefined;
+                style?: undefined;
+                tags?: undefined;
+                linkOpeningMethod?: undefined;
+                linkType?: undefined;
+            };
+            title?: undefined;
+            brandTags?: undefined;
+            tags?: undefined;
+            headerPictureUrl?: undefined;
+            highlightText?: undefined;
+            price?: undefined;
+            mediaData?: undefined;
+            linkType?: undefined;
+        };
+        style?: undefined;
+    } | {
+        id: number;
+        pointType: string;
+        dimensionType: string;
+        position: string[];
+        contentType: string;
+        data: {
+            text: string;
+            linkType: string;
+            extraData: {
+                linkOpeningMethod: string;
+                linkType: string;
+                brandTags?: undefined;
+                headerPictureUrl?: undefined;
+                highlightText?: undefined;
+                price?: undefined;
+                style?: undefined;
+                tagClosedStyle?: undefined;
+                tagIconUrl?: undefined;
+                tags?: undefined;
+            };
+            title?: undefined;
+            brandTags?: undefined;
+            tags?: undefined;
+            headerPictureUrl?: undefined;
+            highlightText?: undefined;
+            price?: undefined;
+            mediaData?: undefined;
+            audioUrl?: undefined;
+        };
+        style?: undefined;
+    } | {
+        id: number;
+        pointType: string;
+        dimensionType: string;
+        position: string[];
+        style: {
+            point: {
+                iconUrl: string;
+                style: string;
+            };
+        };
+        contentType: string;
+        data: {
+            text: string;
+            linkType: string;
+            extraData: {
+                linkOpeningMethod: string;
+                linkType: string;
+                style: {
+                    point: {
+                        iconUrl: string;
+                        style: string;
+                    };
+                };
+                brandTags?: undefined;
+                headerPictureUrl?: undefined;
+                highlightText?: undefined;
+                price?: undefined;
+                tagClosedStyle?: undefined;
+                tagIconUrl?: undefined;
+                tags?: undefined;
+            };
+            title?: undefined;
+            brandTags?: undefined;
+            tags?: undefined;
+            headerPictureUrl?: undefined;
+            highlightText?: undefined;
+            price?: undefined;
+            mediaData?: undefined;
+            audioUrl?: undefined;
+        };
+    } | {
+        id: number;
+        pointType: string;
+        dimensionType: string;
+        position: string[];
+        contentType: string;
+        data: {
+            text: string;
+            extraData: {
+                tagClosedStyle: string;
+                tagIconUrl: string;
+                brandTags?: undefined;
+                headerPictureUrl?: undefined;
+                highlightText?: undefined;
+                price?: undefined;
+                style?: undefined;
+                tags?: undefined;
+                linkOpeningMethod?: undefined;
+                linkType?: undefined;
+            };
+            title?: undefined;
+            brandTags?: undefined;
+            tags?: undefined;
+            headerPictureUrl?: undefined;
+            highlightText?: undefined;
+            price?: undefined;
+            mediaData?: undefined;
+            audioUrl?: undefined;
+            linkType?: undefined;
+        };
+        style?: undefined;
+    })[];
+};
+export default _default;

package/dist/PanoDoorLabelPlugin/PanoTagPlugin/mocks/mock3.d.ts

@@ -0,0 +1,14 @@
+declare const _default: {
+    tagList: {
+        id: number;
+        pointType: string;
+        dimensionType: string;
+        position: number[];
+        data: {
+            text: string;
+        };
+        normal: number[];
+        contentType: string;
+    }[];
+};
+export default _default;

package/dist/PanoDoorLabelPlugin/PanoTagPlugin/mocks/mock4.d.ts

@@ -0,0 +1,56 @@
+declare const _default: {
+    tagList: {
+        id: number;
+        pointType: string;
+        dimensionType: string;
+        position: number[];
+        normal: number[];
+        style: {
+            point: {
+                iconUrl: string;
+                style: string;
+            };
+            style: string;
+        };
+        contentType: string;
+        data: {
+            text: string;
+            extraData: {
+                baseNormal: number[];
+                fiveState: {
+                    fov: number;
+                    latitude: number;
+                    longitude: number;
+                    mode: string;
+                    offset: {
+                        x: number;
+                        y: number;
+                        z: number;
+                    };
+                    panoIndex: number;
+                };
+                style: {
+                    point: {
+                        iconUrl: string;
+                        style: string;
+                    };
+                    style: string;
+                };
+                tagClosedStyle: string;
+                tagIconUrl: string;
+            };
+        };
+        state: {
+            visible: boolean;
+            unfolded: boolean;
+        };
+        pointTagStyle: {
+            leftPercent: number;
+            topPercent: number;
+        };
+        temporaryState: {
+            visible: boolean;
+        };
+    }[];
+};
+export default _default;

package/dist/PanoDoorLabelPlugin/PanoTagPlugin/mocks/mock5.d.ts

@@ -0,0 +1,13 @@
+declare const _default: {
+    tagList: {
+        dimensionType: string;
+        pointType: string;
+        contentType: string;
+        normal: number[];
+        position: number[];
+        data: {
+            text: string;
+        };
+    }[];
+};
+export default _default;

package/dist/PanoDoorLabelPlugin/PanoTagPlugin/mocks/mock6.d.ts

@@ -0,0 +1,16 @@
+declare const _default: {
+    tagList: {
+        dimensionType: string;
+        pointType: string;
+        contentType: string;
+        position: number[][];
+        data: {
+            mediaData: {
+                url: string;
+                videoCoverUrl: string;
+                type: string;
+            }[];
+        };
+    }[];
+};
+export default _default;

package/dist/PanoDoorLabelPlugin/PanoTagPlugin/mocks/mock7.d.ts

@@ -0,0 +1,22 @@
+declare const _default: {
+    tagList: ({
+        id: string;
+        dimensionType: string;
+        pointType: string;
+        contentType: string;
+        position: number[][];
+        element: string;
+        data: {
+            text: string;
+        };
+    } | {
+        id: string;
+        dimensionType: string;
+        pointType: string;
+        contentType: string;
+        position: number[][];
+        element: string;
+        data?: undefined;
+    })[];
+};
+export default _default;

package/dist/PanoDoorLabelPlugin/PanoTagPlugin/tag.config.d.ts

@@ -0,0 +1,7 @@
+import type { Tags } from './typings';
+declare const DefaultConfig: {
+    globalConfig?: Tags['globalConfig'];
+    contentTypeConfig?: Tags['contentTypeConfig'];
+};
+export { DefaultConfig };
+export default DefaultConfig;

package/dist/PanoDoorLabelPlugin/PanoTagPlugin/typings/controller.d.ts

@@ -1,9 +1,11 @@
-import type { ContentType, DimensionType, PanoTagPluginController, TagId, PointType, Tag } from '../index';
+import type { PanoTagPluginController } from '../index';
+import type { ContentType, DimensionType, TagId, PointType, Tag } from '../typings';
 import type * as BasePlugin from '../../base/BasePlugin';
 import type TagContentSvelte from '../Components/Tag/index.svelte';
 import type { Vector3 } from 'three';
 import type { Create3DDomContainerReturnType } from '../../CSS3DRenderPlugin';
 import type { Writable } from 'svelte/store';
+import type { Subscribe } from '@realsee/five';
 export declare type PanoIndex = number;
 export declare type WorkCode = string;
 export declare type Hooks = InstanceType<typeof PanoTagPluginController>['hooks'];
@@ -54,6 +56,12 @@ export interface EventMap extends BasePlugin.EventMap<State> {
         userAction: boolean;
     }) => void;
 }
+export declare type TagEvents = {
+    unfolded: () => void;
+    folded: () => void;
+    show: () => void;
+    hide: () => void;
+};
 export interface TagCache {
     visible?: boolean;
     unfolded?: boolean;
@@ -66,6 +74,7 @@ export declare type TagElement<C extends ContentType = ContentType, P extends Po
         leftPercent: number;
         topPercent: number;
     };
+    clickable: boolean;
     state: {
         visible?: boolean;
         unfolded: boolean;
@@ -79,6 +88,7 @@ export declare type TagElement<C extends ContentType = ContentType, P extends Po
         initialNormal: Vector3;
         currentNormal: Vector3;
     };
+    hooks: Subscribe<TagEvents>;
 }>;
 export declare type MediaStore = Writable<{
     currentMediaUrl: string;

package/dist/PanoDoorLabelPlugin/PanoTagPlugin/typings/tag.d.ts

@@ -31,7 +31,7 @@ export declare enum ContentType {
     /** 营销标签 */
     Marketing = "Marketing",
     /** 图片视频贴片 */
-    MediaPanel = "MediaPanel",
+    MediaPlane = "MediaPlane",
     /** 其他/自定义标签 */
     Custom = "Custom"
 }
@@ -146,11 +146,21 @@ export interface TagConfig<C extends ContentType = ContentType, T extends PointT
         unfolded?: boolean;
     };
     tag3DConfig?: Create3DDomContainerParamsType['config'];
+    clickable?: false;
 }
 export declare enum LinkType {
     VrLink = "vr",
     NormalLink = "normal"
 }
+export declare type MediaData = {
+    type: 'Image';
+    url: string;
+} | {
+    type: 'Video';
+    url: string;
+    videoCoverUrl?: string;
+};
+export declare type ObjectFit = 'fill' | 'contain' | 'cover' | 'none' | 'scale-down';
 interface ContentTypeMap {
     [ContentType.Audio]: {
         text: string;
@@ -159,14 +169,9 @@ interface ContentTypeMap {
     };
     [ContentType.ImageText]: {
         text?: string;
-        mediaData: {
-            type: 'Video' | 'Image';
-            url: string;
-            videoCoverUrl?: string;
-            name: string;
-            width?: number;
-            height?: number;
-        }[];
+        mediaData: (MediaData & {
+            name?: string;
+        })[];
         extraData?: Object;
     };
     [ContentType.Text]: {
@@ -197,7 +202,18 @@ interface ContentTypeMap {
         };
         extraData?: Object;
     };
-    [ContentType.MediaPanel]: {};
+    [ContentType.MediaPlane]: {
+        enableCarousel?: boolean;
+        /**
+         * @description stretch: 拉伸适配, proportional: 等比适配，默认值 'proportional'
+         * @deprecated replaced by objectFit
+         */
+        adaptationMode?: 'stretch' | 'proportional';
+        /** object-fit doc {@link https://developer.mozilla.org/zh-CN/docs/Web/CSS/object-fit} */
+        objectFit?: ObjectFit;
+        mediaData: MediaData[];
+        extraData?: Object;
+    };
     [ContentType.Custom]: unknown;
 }
 /** 内置一些基础标签 */

package/dist/PanoDoorLabelPlugin/index.js

@@ -146,7 +146,7 @@ class BasePanoPluginController extends Controller {
 /* src/PanoDoorLabelPlugin/DoorLabelItem.svelte generated by Svelte v3.50.1 */
 
 function add_css(target) {
-	internal.append_styles(target, "svelte-16kdbw2", ".plugin-DoorLabelPlugin-item.svelte-16kdbw2.svelte-16kdbw2{position:absolute;left:0;top:0;width:0;height:0;pointer-events:none;transition:opacity 0.3s ease}.plugin-DoorLabelPlugin-cnt.svelte-16kdbw2.svelte-16kdbw2{position:absolute;top:50%;left:50%;border-radius:2px;background:rgba(0, 0, 0, 0.35);line-height:0.625rem;padding:0.3125rem;white-space:nowrap;font-size:0.625rem;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-16kdbw2.svelte-16kdbw2::after{content:\"\";display:block;position:absolute;top:-1px;left:-1px;bottom:-1px;right:-1px;border-radius:2px;border:1px 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-16kdbw2.svelte-16kdbw2:active,.plugin-DoorLabelPlugin-cnt.svelte-16kdbw2.svelte-16kdbw2:focus{background:rgba(0, 0, 0, 0.5);color:rgba(255, 255, 255, 0.5)}.plugin-DoorLabelPlugin-icon.svelte-16kdbw2.svelte-16kdbw2{background:url(\"//vrlab-image4.ljcdn.com/release/web/DoorLabel-icon.de1304ae.svg\") no-repeat;background-size:100%;display:inline-block;width:0.52083rem;height:0.52083rem;margin-left:0.20833rem;transform-origin:center}.plugin-DoorLabelPlugin-cnt[data-camera-toward=forward].left.svelte-16kdbw2 .plugin-DoorLabelPlugin-icon.svelte-16kdbw2{transform:rotate(90deg)}.plugin-DoorLabelPlugin-cnt[data-camera-toward=forward].right.svelte-16kdbw2 .plugin-DoorLabelPlugin-txt.svelte-16kdbw2{order:1}.plugin-DoorLabelPlugin-cnt[data-camera-toward=forward].right.svelte-16kdbw2 .plugin-DoorLabelPlugin-icon.svelte-16kdbw2{transform:rotate(-90deg);margin-left:0;margin-right:0.20833rem;order:0}.plugin-DoorLabelPlugin-cnt[data-camera-toward=right].forward.svelte-16kdbw2 .plugin-DoorLabelPlugin-icon.svelte-16kdbw2{transform:rotate(90deg)}.plugin-DoorLabelPlugin-cnt[data-camera-toward=right].back.svelte-16kdbw2 .plugin-DoorLabelPlugin-txt.svelte-16kdbw2{order:1}.plugin-DoorLabelPlugin-cnt[data-camera-toward=right].back.svelte-16kdbw2 .plugin-DoorLabelPlugin-icon.svelte-16kdbw2{transform:rotate(-90deg);margin-left:0;margin-right:0.20833rem;order:0}.plugin-DoorLabelPlugin-cnt[data-camera-toward=left].back.svelte-16kdbw2 .plugin-DoorLabelPlugin-icon.svelte-16kdbw2{transform:rotate(90deg)}.plugin-DoorLabelPlugin-cnt[data-camera-toward=left].forward.svelte-16kdbw2 .plugin-DoorLabelPlugin-txt.svelte-16kdbw2{order:1}.plugin-DoorLabelPlugin-cnt[data-camera-toward=left].forward.svelte-16kdbw2 .plugin-DoorLabelPlugin-icon.svelte-16kdbw2{transform:rotate(-90deg);margin-left:0;margin-right:0.20833rem;order:0}.plugin-DoorLabelPlugin-cnt[data-camera-toward=back].right.svelte-16kdbw2 .plugin-DoorLabelPlugin-icon.svelte-16kdbw2{transform:rotate(90deg)}.plugin-DoorLabelPlugin-cnt[data-camera-toward=back].left.svelte-16kdbw2 .plugin-DoorLabelPlugin-txt.svelte-16kdbw2{order:1}.plugin-DoorLabelPlugin-cnt[data-camera-toward=back].left.svelte-16kdbw2 .plugin-DoorLabelPlugin-icon.svelte-16kdbw2{transform:rotate(-90deg);margin-left:0;margin-right:0.20833rem;order:0}.plugin-DoorLabelPlugin-cnt--customBrand.svelte-16kdbw2.svelte-16kdbw2{color:#f9eac1}.plugin-DoorLabelPlugin-cnt--customBrand.svelte-16kdbw2 .plugin-DoorLabelPlugin-icon.svelte-16kdbw2{background:url(\"//vrlab-image4.ljcdn.com/release/web/arrow.6e8ec00e.svg\") no-repeat}.plugin-DoorLabelPlugin-cnt--customBrand.svelte-16kdbw2.svelte-16kdbw2:active,.plugin-DoorLabelPlugin-cnt--customBrand.svelte-16kdbw2.svelte-16kdbw2:focus{background:rgba(0, 0, 0, 0.5);color:rgba(249, 234, 193, 0.5)}");
+	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)}");
 }
 
 function create_fragment(ctx) {
@@ -167,13 +167,13 @@ function create_fragment(ctx) {
 			span.textContent = `${/*name*/ ctx[8]}`;
 			t1 = internal.space();
 			i = internal.element("i");
-			internal.attr(span, "class", "plugin-DoorLabelPlugin-txt svelte-16kdbw2");
-			internal.attr(i, "class", "plugin-DoorLabelPlugin-icon svelte-16kdbw2");
-			internal.attr(div0, "class", div0_class_value = "" + (internal.null_to_empty(classnames__default["default"]('plugin-DoorLabelPlugin-cnt', /*props*/ ctx[0].toward)) + " svelte-16kdbw2"));
+			internal.attr(span, "class", "plugin-DoorLabelPlugin-txt svelte-wpy7pz");
+			internal.attr(i, "class", "plugin-DoorLabelPlugin-icon svelte-wpy7pz");
+			internal.attr(div0, "class", div0_class_value = "" + (internal.null_to_empty(classnames__default["default"]('plugin-DoorLabelPlugin-cnt', /*props*/ ctx[0].toward)) + " svelte-wpy7pz"));
 			internal.attr(div0, "style", `transform: ${/*transform*/ ctx[6] || 'initial'};pointer-events: ${/*inSight*/ ctx[5] ? 'auto' : 'none'};opacity: ${/*inSight*/ ctx[5] ? 1 : 0}`);
 			internal.attr(div0, "data-camera-toward", /*cameraToward*/ ctx[7]);
 			internal.attr(div1, "style", `left: ${/*left*/ ctx[3] || 0}%;top: ${/*top*/ ctx[4] || 0}%;opacity: ${/*inSight*/ ctx[5] ? 1 : 0}`);
-			internal.attr(div1, "class", "plugin-DoorLabelPlugin-item svelte-16kdbw2");
+			internal.attr(div1, "class", "plugin-DoorLabelPlugin-item svelte-wpy7pz");
 		},
 		m(target, anchor) {
 			internal.insert(target, div1, anchor);
@@ -189,7 +189,7 @@ function create_fragment(ctx) {
 			}
 		},
 		p(ctx, [dirty]) {
-			if (dirty & /*props*/ 1 && div0_class_value !== (div0_class_value = "" + (internal.null_to_empty(classnames__default["default"]('plugin-DoorLabelPlugin-cnt', /*props*/ ctx[0].toward)) + " svelte-16kdbw2"))) {
+			if (dirty & /*props*/ 1 && div0_class_value !== (div0_class_value = "" + (internal.null_to_empty(classnames__default["default"]('plugin-DoorLabelPlugin-cnt', /*props*/ ctx[0].toward)) + " svelte-wpy7pz"))) {
 				internal.attr(div0, "class", div0_class_value);
 			}
 		},

package/dist/PanoDoorLabelPlugin/shared-utils/Object3DHelper/Base/BaseController.d.ts

@@ -3,29 +3,37 @@ import { Subscribe } from '../../Subscribe';
 import type { HelperEventMap } from '../typings';
 import type { BaseHelper } from './BaseHelper';
 import DomEvents from '../utils/threex/domevents';
+export declare let originOpacity: {
+    opacity: number;
+} | null;
 export declare abstract class BaseController<T extends BaseHelper = BaseHelper, K extends THREE.Object3D = THREE.Object3D> {
     hooks: Subscribe<HelperEventMap>;
     helperObject3D: T;
-    protected originObject3D: K;
+    originObject3D: K;
     protected camera: THREE.Camera;
     protected model: THREE.Object3D;
     protected scene: THREE.Scene;
     protected container: HTMLElement;
     protected domEvents: DomEvents;
     protected isDragging: boolean;
-    protected needsRender: () => void;
+    protected onRender: () => void;
     protected enabled: boolean;
-    constructor(camera: THREE.Camera, model: THREE.Object3D, originObject3D: K, helperObject3D: T, container: HTMLElement, scene: THREE.Scene, needsRender?: () => void);
+    constructor(camera: THREE.Camera, model: THREE.Object3D, originObject3D: K, helperObject3D: T, container: HTMLElement, scene: THREE.Scene, onRender?: () => void);
+    initialHelperPosition(): void;
+    initialHelperQuaternion(): void;
     enable(): void;
     disable(): void;
     show(): void;
     hide(): void;
     dispose(): void;
+    setOpacity(opacity: number): void;
+    restoreOpacity(): void;
+    setOriginOpacityProperty(): void;
     updateHelperPosition(): void;
-    setHelperPosition(position: THREE.Vector3): void;
-    setHelperMatrix4(matrix4: THREE.Matrix4, origin?: THREE.Vector3): void;
-    setHelperQuaternion(quaternion: THREE.Quaternion, origin: THREE.Vector3): void;
-    setHelperScaleMatrix4(matrix4: THREE.Matrix4, params?: {
+    updateHelperQuaternion(): void;
+    applyHelperMatrix4(matrix4: THREE.Matrix4): void;
+    applyHelperQuaternion(quaternion: THREE.Quaternion, origin: THREE.Vector3): void;
+    applyHelperScaleMatrix4(matrix4: THREE.Matrix4, params?: {
         origin?: THREE.Vector3;
         helperOrigin?: THREE.Vector3;
     }): void;
@@ -34,6 +42,7 @@ export declare abstract class BaseController<T extends BaseHelper = BaseHelper,
         x: number;
         y: number;
     }[], final: boolean): false | void;
+    protected render(): void;
     protected hoverListener(object3D: THREE.Object3D | undefined | THREE.Group | (THREE.Object3D | undefined | THREE.Group)[], hoverColor?: THREE.Color | string | number, hoverOpacity?: number): () => void;
     private getIntersectObject;
 }

package/dist/PanoDoorLabelPlugin/shared-utils/Object3DHelper/Base/BaseHelper.d.ts

@@ -5,18 +5,22 @@ import type { Direction, Direction4 } from '../typings';
 import type { tipsDom } from '../Helper/HTML/tipsDom';
 export declare abstract class BaseHelper<OriginObject3D extends Object3D = Object3D> extends Object3D {
     protected originObject3D: OriginObject3D;
+    protected onRender: () => any;
     get helperObject(): Object3D;
-    constructor(originObject3D: OriginObject3D);
+    constructor(originObject3D: OriginObject3D, config?: {
+        onRender?: () => any;
+    });
+    render(): void;
+    show(): void;
+    hide(): void;
     updatePosition(): void;
-    setPosition(position: Vector3): void;
-    updateMatrix4(matrix: THREE.Matrix4, origin?: THREE.Vector3): void;
-    setHelperScaleMatrix4(matrix: THREE.Matrix4, params?: {
+    updateQuaternion(): void;
+    applyHelperScaleMatrix4(matrix: THREE.Matrix4, params?: {
         origin?: THREE.Vector3;
         helperOrigin?: THREE.Vector3;
     }): void;
-    updateQuaternion(quaternion: THREE.Quaternion, origin?: THREE.Vector3): void;
-    abstract hide(...args: any[]): void;
-    abstract show(...args: any[]): void;
+    applyHelperQuaternion(quaternion: THREE.Quaternion, origin?: THREE.Vector3): void;
+    abstract showDraggingHelper(directions?: Direction[]): void;
     abstract dispose(): void;
 }
 export declare abstract class MoveHelperAbstract<OriginObject3D extends Object3D = Object3D> extends BaseHelper<OriginObject3D> {
@@ -35,8 +39,6 @@ export declare abstract class MoveHelperAbstract<OriginObject3D extends Object3D
         line?: Object3D;
         direction: Direction;
     };
-    abstract hide(...directions: Direction[]): void;
-    abstract show(...directions: Direction[]): void;
 }
 export declare abstract class RotateHelperAbstract<OriginObject3D extends Object3D = Object3D> extends BaseHelper<OriginObject3D> {
     abstract xyCircle: Mesh & {
@@ -64,8 +66,7 @@ export declare abstract class RotateHelperAbstract<OriginObject3D extends Object
         direction: Direction;
     };
     abstract angleTips?: ReturnType<typeof tipsDom>;
-    abstract hide(): void;
-    abstract show(direction?: Direction): void;
+    abstract showDraggingHelper(directions: Direction[]): void;
     abstract updateAngleHelperQuaternion(): void;
 }
 export declare abstract class ScaleHelperAbstract<OriginObject3D extends Object3D = Object3D> extends BaseHelper<OriginObject3D> {
@@ -82,6 +83,7 @@ export declare abstract class RectangleScaleHelperAbstract<OriginObject3D extend
     }[];
     abstract cornerPositions: Vector3[];
     abstract css3DInstance?: NonVoid<Create3DElementReturnType>;
+    abstract plane?: THREE.Mesh;
     abstract updatePoints(): void;
     abstract enable(): void;
     abstract disable(): void;

package/dist/PanoDoorLabelPlugin/shared-utils/Object3DHelper/Controller/RectangleScaleController.d.ts

@@ -8,8 +8,8 @@ interface StartInfo {
         position: Vector3;
         direction: Direction4;
     };
-    nsMoveIsNegative?: boolean | null;
-    ewMoveIsNegative?: boolean | null;
+    dragPointInCenterBottom?: boolean | null;
+    dragPointInCenterLeft?: boolean | null;
     plane: THREE.Plane;
 }
 export declare abstract class RectangleScaleController<OriginObject3D extends THREE.Object3D, PointType extends THREE.Object3D | HTMLElement> extends BaseController<RectangleScaleHelperAbstract<OriginObject3D, PointType>> {

package/dist/PanoDoorLabelPlugin/shared-utils/Object3DHelper/Controller/RotateController.d.ts

@@ -4,9 +4,9 @@ export declare class RotateController<T extends RotateHelperAbstract = RotateHel
     private startInfo?;
     private lastRotation?;
     private rotations;
-    private a;
     private helperObject3DQuaternion;
     constructor(...params: ConstructorParameters<typeof BaseController<T>>);
+    initialHelperQuaternion(): void;
     /**
      * @description: 拖动开始，找出拖的Direction
      */

package/dist/PanoDoorLabelPlugin/shared-utils/Object3DHelper/Helper/MoveHelper.d.ts

@@ -7,7 +7,7 @@ export declare class MoveHelper extends MoveHelperAbstract {
     yArrow: ArrowGroup;
     zArrow: ArrowGroup;
     constructor(originObject3D: Object3D);
-    hide(...directions: Direction[]): void;
-    show(direction?: Direction): void;
+    show(): void;
+    showDraggingHelper(directions: Direction[]): void;
     dispose(): void;
 }