@realsee/dnalogel 3.65.6 → 3.66.0-alpha.10

package/CHANGELOG.md

@@ -1,5 +1,9 @@
 # CHANGELOG
 
+## 3.66.0
+
+- feat(PanoTagPlugin): 新增鼠标`hover`事件支持，当发生`hover`时，加载`TagPopover`组件
+
 ## 3.65.6
 
 - fix(MissingFloor): 修改Missing页出现条件

package/dist/PanoTagPlugin/Components/Common/TagPopover/ArrowRightIcon.svelte.d.ts

@@ -0,0 +1 @@
+export { SvelteComponentTyped as default } from 'svelte/internal';

package/dist/PanoTagPlugin/Components/Common/TagPopover/PanoramaIcon.svelte.d.ts

@@ -0,0 +1 @@
+export { SvelteComponentTyped as default } from 'svelte/internal';

package/dist/PanoTagPlugin/Components/Common/TagPopover/PopoverContent.svelte.d.ts

@@ -0,0 +1 @@
+export { SvelteComponentTyped as default } from 'svelte/internal';

package/dist/PanoTagPlugin/Components/Common/TagPopover/ShareIcon.svelte.d.ts

@@ -0,0 +1 @@
+export { SvelteComponentTyped as default } from 'svelte/internal';

package/dist/PanoTagPlugin/Components/Common/TagPopover/TagPopoverArrow.svelte.d.ts

@@ -0,0 +1 @@
+export { SvelteComponentTyped as default } from 'svelte/internal';

package/dist/PanoTagPlugin/Components/Common/TagPopover/TagPopoverToolBar.svelte.d.ts

@@ -0,0 +1 @@
+export { SvelteComponentTyped as default } from 'svelte/internal';

package/dist/PanoTagPlugin/Components/Common/TagPopover/TagPopup.svelte.d.ts

@@ -0,0 +1 @@
+export { SvelteComponentTyped as default } from 'svelte/internal';

package/dist/PanoTagPlugin/Components/Common/TagPopover/index.svelte.d.ts

@@ -0,0 +1 @@
+export { SvelteComponentTyped as default } from 'svelte/internal';

package/dist/PanoTagPlugin/Components/Common/VideoIcon.svelte.d.ts

@@ -0,0 +1 @@
+export { SvelteComponentTyped as default } from 'svelte/internal';

package/dist/PanoTagPlugin/controller/Tag/BaseTag.d.ts

@@ -42,6 +42,7 @@ export declare abstract class BaseTag<C extends TagContentType = TagContentType,
     state: {
         visible: boolean;
         unfolded: boolean;
+        popoverVisible?: boolean;
     };
     temporaryState: {
         visible: boolean;
@@ -235,4 +236,6 @@ export declare abstract class BaseTag<C extends TagContentType = TagContentType,
      * @description 销毁并移除
      */
     destroy(): void;
+    showPopover(): void;
+    hidePopover(): void;
 }

package/dist/PanoTagPlugin/controller/Tag/PointTag.d.ts

@@ -27,6 +27,9 @@ export declare class PointTag<C extends TagContentType = TagContentType> extends
     }): void;
     set(tag: PartialObjectDeep<Tag<C, '2DPoint' | '3DPoint'>>, deepMerge?: boolean): void;
     setData(...data: Parameters<InstanceType<typeof BaseTag<C, '2DPoint' | '3DPoint'>>['setData']>): void;
+    /**
+     * @description 根据全景漫游索引更新标签是否展开
+     */
     updateUnfoldedByPanoIndex(): void;
     computeNormal(): THREE.Vector3;
 }

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

@@ -24,6 +24,15 @@ export type TagClickParams = {
 } | {
     target: 'TagModel';
     tag: TagInstance<'Model', 'Model'> | TagInstance<'MediaModel', 'Model'>;
+} | {
+    target: 'TagPopoverViewMore';
+    tag: TagInstance;
+} | {
+    target: 'TagPopoverShare';
+    tag: TagInstance;
+} | {
+    target: 'TagPopoverContent';
+    tag: TagInstance;
 });
 export interface PluginEventMap extends BasePlugin.EventMap<State> {
     loaded: () => void;
@@ -61,10 +70,17 @@ export type TagEvents<C extends TagContentType = TagContentType> = {
     show: () => void;
     hide: () => void;
     dataChanged: (data: TagInstance<C>['data']) => void;
+    hover: (params: {
+        event: Event;
+        tag: TagInstance;
+    }) => void;
+    showPopover: () => void;
+    hidePopover: () => void;
 };
 export interface TagCacheInterface {
     visible?: boolean;
     unfolded?: boolean;
+    popoverVisible?: boolean;
     minimumDistanceResult?: boolean;
     distance?: number;
     angle?: number;

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

@@ -6,6 +6,21 @@ import type { PartialObjectDeep } from '../../../typings/typings';
 import type { Vector3 } from 'three';
 import type { TagInstance } from '../..';
 type TagVisibleMode = Mode | Mode[] | 'PanoramaLike' | 'ModelLike' | 'all';
+/**
+ * @description 标签悬停时popover的位置
+ * @default 'auto'
+ * top 是标签上方，bottom 是标签下方，left 是标签左侧，right 是标签右侧
+ * top-left 是标签上方，Popover的左边界与标签的左边界对齐
+ * top-right 是标签上方，Popover的右边界与标签的右边界对齐
+ * bottom-left 是标签下方，Popover的左边界与标签的左边界对齐
+ * bottom-right 是标签下方，Popover的右边界与标签的右边界对齐
+ * left-top 是标签左侧，Popover的上边界与标签的上边界对齐
+ * left-bottom 是标签左侧，Popover的下边界与标签的下边界对齐
+ * right-top 是标签右侧，Popover的上边界与标签的上边界对齐
+ * right-bottom 是标签右侧，Popover的下边界与标签的下边界对齐
+ * auto 是根据标签位置自动计算
+ */
+export type TagPlacement = 'top' | 'bottom' | 'left' | 'right' | 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right' | 'left-top' | 'left-bottom' | 'right-top' | 'right-bottom' | 'auto';
 export interface TagConfig<C extends TagContentType = TagContentType> {
     /**
      * @description 显示/隐藏相关配置
@@ -123,6 +138,7 @@ export interface TagConfig<C extends TagContentType = TagContentType> {
     } | ConfigFunction;
     /**
      * @description 展开/收起相关配置
+     * @warning 与 popoverConfig 同时使用时，popoverConfig 优先级更高
      */
     unfoldedConfig?: {
         /**
@@ -238,6 +254,79 @@ export interface TagConfig<C extends TagContentType = TagContentType> {
      * @deprecated private property
      */
     _isMerged?: boolean;
+    /**
+     * @description 标签浮窗相关配置
+     * @warning 开启之后 unfoldedConfig 无效
+     */
+    popoverConfig?: {
+        /**
+         * @description 是否启用 TagPopover
+         * @warning 开启之后 unfoldedConfig 无效
+         * @default false
+         */
+        enabled?: boolean;
+        /**
+         * @description 是否开启调试模式，调试模式popover常驻
+         * @default false
+         */
+        debug?: boolean;
+        /**
+         * @description 触发方式
+         * @description hover - 鼠标悬停触发
+         * @description click - 点击触发（fold/unfold模式）
+         * @default 'hover'
+         */
+        trigger?: 'hover' | 'click';
+        /**
+         * @description 触发延迟时间（仅在 trigger 为 hover 时生效）, 单位为毫秒
+         * @default 300
+         */
+        triggerDelay?: number;
+        /**
+         * @description popover的位置, 默认根据标签位置自动计算
+         * @description top 是标签上方，bottom 是标签下方，left 是标签左侧，right 是标签右侧
+         * @description top-left 是标签上方，Popover的左边界与标签的左边界对齐
+         * @description top-right 是标签上方，Popover的右边界与标签的右边界对齐
+         * @description bottom-left 是标签下方，Popover的左边界与标签的左边界对齐
+         * @description bottom-right 是标签下方，Popover的右边界与标签的右边界对齐
+         * @description left-top 是标签左侧，Popover的上边界与标签的上边界对齐
+         * @description left-bottom 是标签左侧，Popover的下边界与标签的下边界对齐
+         * @description right-top 是标签右侧，Popover的上边界与标签的上边界对齐
+         * @description right-bottom 是标签右侧，Popover的下边界与标签的下边界对齐
+         * @description auto 是根据标签位置自动计算
+         * @default 'auto'
+         */
+        placement?: TagPlacement;
+        /**
+         * @description 过渡动画的持续时间, 单位为毫秒
+         * @default 100
+         */
+        transitionDuration?: number;
+        /**
+         * @description 主题，可选值为 'dark' | 'light'
+         * @default 'dark'
+         */
+        theme?: 'dark' | 'light';
+        /**
+         * @description 工具栏配置
+         */
+        toolbar?: {
+            showMore?: boolean;
+            showShare?: boolean;
+        };
+        /**
+         * @description 图片URL转换函数
+         */
+        imageURLTransform?: (url: string, options: {
+            width: number;
+            height: number;
+        }) => string;
+        /**
+         * @description 查看更多按钮的文本
+         * @default '查看更多'
+         */
+        viewMoreText?: string;
+    };
 }
 export declare const defaultGlobalConfig: TagConfig;
 type ConfigFunction = (five: Five, tagState: {

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

@@ -85,4 +85,9 @@ export type Point2DTag<C extends TagContentType = TagContentType> = TagInstance<
 export type Point3DTag<C extends TagContentType = TagContentType> = TagInstance<C, '3DPoint'>;
 /** 三维贴片 */
 export type PlaneTag<C extends TagContentType = TagContentType> = TagInstance<C, 'Plane'>;
+export interface TagState {
+    visible: boolean;
+    unfolded: boolean;
+    popoverVisible?: boolean;
+}
 export {};