@realsee/dnalogel 2.1.0-alpha.2 → 2.1.0-alpha.4

package/libs/PanoTagPlugin/mocks/mock6.js

@@ -0,0 +1,236 @@
+const vector0 = [2.7818808289123007, -1.4285811161048776, -3.616888414534893];
+const vector1 = [4.829741729794315, -1.4285811161048776, -3.616888414534893];
+const vector2 = [4.829741729794315, -0.30950769602726647, -3.616888414534893];
+const vector3 = [2.7818808289123007, -0.30950769602726647, -3.616888414534893];
+export default {
+    tagList: [
+        // {
+        //   id: 'u-T161w3kyIaSQn0',
+        //   dimensionType: '3D',
+        //   pointType: 'PlaneTag',
+        //   contentType: 'Custom',
+        //   position: [
+        //     [0.22148510000109672, 1.517, 3.1481822000000177],
+        //     [0.22148510000109672, 1.717, 3.1481822000000177],
+        //     [-0.07851489999890328, 1.717, 3.1481822000000177],
+        //     [-0.07851489999890328, 1.517, 3.1481822000000177],
+        //   ],
+        //   data: {
+        //     text: '111',
+        //   },
+        //   // normal: [0, 0, 1],
+        // },
+        // {
+        //   id: 'u-nqPWImkYiASqk0',
+        //   dimensionType: '3D',
+        //   pointType: 'PlaneTag',
+        //   contentType: 'Custom',
+        //   position: [
+        //     [0.34248509999999804, 1.517, 3.903182200000003],
+        //     [0.34248509999999804, 1.717, 3.903182200000003],
+        //     [0.34248509999999804, 1.717, 3.603182200000003],
+        //     [0.34248509999999804, 1.517, 3.603182200000003],
+        //   ],
+        //   data: {
+        //     text: '111',
+        //   },
+        //   // normal: [-1, 0, 0],
+        // },
+        // {
+        //   id: 'u-4ASy5KkYIaSQHX',
+        //   dimensionType: '3D',
+        //   pointType: 'PlaneTag',
+        //   contentType: 'Custom',
+        //   position: [
+        //     [-2.528514900000002, 1.517, 0.24818220000000293],
+        //     [-2.528514900000002, 1.717, 0.24818220000000293],
+        //     [-2.528514900000002, 1.717, 0.548182200000003],
+        //     [-2.528514900000002, 1.517, 0.548182200000003],
+        //   ],
+        //   data: {
+        //     text: '111',
+        //   },
+        //   // normal: [1, 0, 0],
+        // },
+        // {
+        //   id: 'u-fRw8wqKYIASQMy',
+        //   dimensionType: '3D',
+        //   pointType: 'PlaneTag',
+        //   contentType: 'Custom',
+        //   position: [
+        //     [0.24248509999999807, 1.517, -0.5926472999999969],
+        //     [0.24248509999999807, 1.717, -0.5926472999999969],
+        //     [0.24248509999999807, 1.717, -0.8926472999999969],
+        //     [0.24248509999999807, 1.517, -0.8926472999999969],
+        //   ],
+        //   data: {
+        //     text: '111',
+        //   },
+        //   // normal: [-1, 0, 0],
+        // },
+        // {
+        //   id: 'u-kZ96uUkYiAsqj4',
+        //   dimensionType: '3D',
+        //   pointType: 'PlaneTag',
+        //   contentType: 'Custom',
+        //   position: [
+        //     [0.34248509999999804, 1.517, -8.495272299999996],
+        //     [0.34248509999999804, 1.717, -8.495272299999996],
+        //     [0.34248509999999804, 1.717, -8.795272299999997],
+        //     [0.34248509999999804, 1.517, -8.795272299999997],
+        //   ],
+        //   data: {
+        //     text: '111',
+        //   },
+        //   // normal: [-1, 0, 0],
+        // },
+        // {
+        //   id: 'u-KyPQ1nkyiAsqQH',
+        //   dimensionType: '3D',
+        //   pointType: 'PlaneTag',
+        //   contentType: 'Custom',
+        //   position: [
+        //     [-3.7705148999999945, 1.517, -3.618522299999997],
+        //     [-3.7705148999999945, 1.717, -3.618522299999997],
+        //     [-4.070514899999995, 1.717, -3.618522299999997],
+        //     [-4.070514899999995, 1.517, -3.618522299999997],
+        //   ],
+        //   data: {
+        //     text: '111',
+        //   },
+        //   // normal: [0, 0, 1],
+        // },
+        {
+            dimensionType: '3D',
+            pointType: 'PlaneTag',
+            contentType: 'MediaPlane',
+            position: [vector0, vector1, vector2, vector3],
+            data: {
+                mediaData: [
+                    {
+                        url: '//vrlab-static.ljcdn.com/release/web/jsl/test.69dacffb.mp4',
+                        videoCoverUrl: '//vrlab-static.ljcdn.com/release/web/jsl/test.65720b34.png',
+                        type: 'Video',
+                    },
+                    {
+                        url: '//vrlab-static.ljcdn.com/release/web/jsl/test.65720b34.png',
+                        videoCoverUrl: '//vrlab-static.ljcdn.com/release/web/jsl/test.65720b34.png',
+                        type: 'Image',
+                    },
+                ],
+            },
+        },
+        // {
+        //   id: 'u-P3SmwCkYIaSQMs',
+        //   dimensionType: '3D',
+        //   pointType: 'PlaneTag',
+        //   contentType: 'Custom',
+        //   position: [
+        //     [0.24248509999999807, 1.517, -3.1820222999999968],
+        //     [0.24248509999999807, 1.717, -3.1820222999999968],
+        //     [0.24248509999999807, 1.717, -3.482022299999997],
+        //     [0.24248509999999807, 1.517, -3.482022299999997],
+        //   ],
+        //   data: {
+        //     text: '111',
+        //   },
+        //   // normal: [-1, 0, 0],
+        // },
+        // {
+        //   id: 'u-oksb9DKyiAsQMt',
+        //   dimensionType: '3D',
+        //   pointType: 'PlaneTag',
+        //   contentType: 'Custom',
+        //   position: [
+        //     [-0.707514900000002, 1.517, -2.292647299999997],
+        //     [-0.707514900000002, 1.717, -2.292647299999997],
+        //     [-0.40751490000000196, 1.717, -2.292647299999997],
+        //     [-0.40751490000000196, 1.517, -2.292647299999997],
+        //   ],
+        //   data: {
+        //     text: '111',
+        //   },
+        //   // normal: [0, 0, -1],
+        // },
+        // {
+        //   id: 'u-kBqHOJKyIAsQQd',
+        //   dimensionType: '3D',
+        //   pointType: 'PlaneTag',
+        //   contentType: 'Custom',
+        //   position: [
+        //     [-2.528514900000002, 1.517, -7.402022299999997],
+        //     [-2.528514900000002, 1.717, -7.402022299999997],
+        //     [-2.528514900000002, 1.717, -7.102022299999997],
+        //     [-2.528514900000002, 1.517, -7.102022299999997],
+        //   ],
+        //   data: {
+        //     text: '111',
+        //   },
+        //   // normal: [1, 0, 0],
+        // },
+        // {
+        //   id: 'u-WKW6BoKyiASqpv',
+        //   dimensionType: '3D',
+        //   pointType: 'PlaneTag',
+        //   contentType: 'Custom',
+        //   position: [
+        //     [-1.3585149000000019, 1.517, -6.8122722999999965],
+        //     [-1.3585149000000019, 1.717, -6.8122722999999965],
+        //     [-1.3585149000000019, 1.717, -7.112272299999997],
+        //     [-1.3585149000000019, 1.517, -7.112272299999997],
+        //   ],
+        //   data: {
+        //     text: '111',
+        //   },
+        //   // normal: [-1, 0, 0],
+        // },
+        // {
+        //   id: 'u-9G3UJRkyiAsqQf',
+        //   dimensionType: '3D',
+        //   pointType: 'PlaneTag',
+        //   contentType: 'Custom',
+        //   position: [
+        //     [-5.5205148999999984, 1.517, -6.888522299999997],
+        //     [-5.5205148999999984, 1.717, -6.888522299999997],
+        //     [-5.5205148999999984, 1.717, -6.588522299999997],
+        //     [-5.5205148999999984, 1.517, -6.588522299999997],
+        //   ],
+        //   data: {
+        //     text: '111',
+        //   },
+        //   // normal: [1, 0, 0],
+        // },
+        // {
+        //   id: 'u-QVST2hkYiaSQPn',
+        //   dimensionType: '3D',
+        //   pointType: 'PlaneTag',
+        //   contentType: 'Custom',
+        //   position: [
+        //     [-2.7705148999999945, 1.517, -7.762272299999997],
+        //     [-2.7705148999999945, 1.717, -7.762272299999997],
+        //     [-3.0705148999999947, 1.717, -7.762272299999997],
+        //     [-3.0705148999999947, 1.517, -7.762272299999997],
+        //   ],
+        //   data: {
+        //     text: '111',
+        //   },
+        //   // normal: [0, 0, 1],
+        // },
+        // {
+        //   id: 'u-gTvYY5KyIASQQd',
+        //   dimensionType: '3D',
+        //   pointType: 'PlaneTag',
+        //   contentType: 'Custom',
+        //   position: [
+        //     [-2.7285149000000017, 1.517, -6.712272299999997],
+        //     [-2.7285149000000017, 1.717, -6.712272299999997],
+        //     [-2.7285149000000017, 1.717, -7.012272299999997],
+        //     [-2.7285149000000017, 1.517, -7.012272299999997],
+        //   ],
+        //   data: {
+        //     text: '111',
+        //   },
+        //   // normal: [-1, 0, 0],
+        // },
+    ],
+};

package/libs/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/libs/PanoTagPlugin/mocks/mock7.js

@@ -0,0 +1,246 @@
+export default {
+    tagList: [
+        {
+            id: 'u-T161w3kyIaSQn0',
+            dimensionType: '3D',
+            pointType: 'PlaneTag',
+            contentType: 'Custom',
+            position: [
+                [0.22148510000109672, 1.517, 3.1481822000000177],
+                [0.22148510000109672, 1.717, 3.1481822000000177],
+                [-0.07851489999890328, 1.717, 3.1481822000000177],
+                [-0.07851489999890328, 1.517, 3.1481822000000177],
+            ],
+            element: '<div>TTT2367189372819378291378921</div>',
+            data: {
+                text: '111',
+            },
+            // normal: [0, 0, 1],
+        },
+        {
+            id: 'u-nqPWImkYiASqk0',
+            dimensionType: '3D',
+            pointType: 'PlaneTag',
+            contentType: 'Custom',
+            position: [
+                [0.34248509999999804, 1.517, 3.903182200000003],
+                [0.34248509999999804, 1.717, 3.903182200000003],
+                [0.34248509999999804, 1.717, 3.603182200000003],
+                [0.34248509999999804, 1.517, 3.603182200000003],
+            ],
+            element: '<div>TTT2367189372819378291378921</div>',
+            data: {
+                text: '111',
+            },
+            // normal: [-1, 0, 0],
+        },
+        {
+            id: 'u-4ASy5KkYIaSQHX',
+            dimensionType: '3D',
+            pointType: 'PlaneTag',
+            contentType: 'Custom',
+            position: [
+                [-2.528514900000002, 1.517, 0.24818220000000293],
+                [-2.528514900000002, 1.717, 0.24818220000000293],
+                [-2.528514900000002, 1.717, 0.548182200000003],
+                [-2.528514900000002, 1.517, 0.548182200000003],
+            ],
+            element: '<div>TTT2367189372819378291378921</div>',
+            data: {
+                text: '111',
+            },
+            // normal: [1, 0, 0],
+        },
+        {
+            id: 'u-fRw8wqKYIASQMy',
+            dimensionType: '3D',
+            pointType: 'PlaneTag',
+            contentType: 'Custom',
+            position: [
+                [0.24248509999999807, 1.517, -0.5926472999999969],
+                [0.24248509999999807, 1.717, -0.5926472999999969],
+                [0.24248509999999807, 1.717, -0.8926472999999969],
+                [0.24248509999999807, 1.517, -0.8926472999999969],
+            ],
+            element: '<div>TTT2367189372819378291378921</div>',
+            data: {
+                text: '111',
+            },
+            // normal: [-1, 0, 0],
+        },
+        {
+            id: 'u-kZ96uUkYiAsqj4',
+            dimensionType: '3D',
+            pointType: 'PlaneTag',
+            contentType: 'Custom',
+            position: [
+                [0.34248509999999804, 1.517, -8.495272299999996],
+                [0.34248509999999804, 1.717, -8.495272299999996],
+                [0.34248509999999804, 1.717, -8.795272299999997],
+                [0.34248509999999804, 1.517, -8.795272299999997],
+            ],
+            element: '<div>TTT2367189372819378291378921</div>',
+            data: {
+                text: '111',
+            },
+            // normal: [-1, 0, 0],
+        },
+        {
+            id: 'u-KyPQ1nkyiAsqQH',
+            dimensionType: '3D',
+            pointType: 'PlaneTag',
+            contentType: 'Custom',
+            position: [
+                [-3.7705148999999945, 1.517, -3.618522299999997],
+                [-3.7705148999999945, 1.717, -3.618522299999997],
+                [-4.070514899999995, 1.717, -3.618522299999997],
+                [-4.070514899999995, 1.517, -3.618522299999997],
+            ],
+            element: '<div>TTT2367189372819378291378921</div>',
+            data: {
+                text: '111',
+            },
+            // normal: [0, 0, 1],
+        },
+        {
+            id: 'u-9A7pXvkYIasqJY',
+            dimensionType: '3D',
+            pointType: 'PlaneTag',
+            contentType: 'Custom',
+            position: [
+                [-2.5285148999999585, 1.517, -4.068522299999997],
+                [-2.5285148999999585, 1.517, -4.368522299999997],
+                [-2.5285148999999585, 1.717, -4.368522299999997],
+                [-2.5285148999999585, 1.717, -4.068522299999997],
+                // [-2.5285148999999585, 1.517, -4.368522299999997],
+                // [-2.5285148999999585, 1.717, -4.368522299999997],
+                // [-2.5285148999999585, 1.717, -4.068522299999997],
+                // [-2.5285148999999585, 1.517, -4.068522299999997],
+            ],
+            element: '<div>TTT2367189372819378291378921</div>',
+            // data: {
+            //   text: '111',
+            // },
+            // normal: [1, 0, -2.0655663915353942e-14],
+        },
+        {
+            id: 'u-P3SmwCkYIaSQMs',
+            dimensionType: '3D',
+            pointType: 'PlaneTag',
+            contentType: 'Custom',
+            position: [
+                [0.24248509999999807, 1.517, -3.1820222999999968],
+                [0.24248509999999807, 1.717, -3.1820222999999968],
+                [0.24248509999999807, 1.717, -3.482022299999997],
+                [0.24248509999999807, 1.517, -3.482022299999997],
+            ],
+            element: '<div>TTT2367189372819378291378921</div>',
+            data: {
+                text: '111',
+            },
+            // normal: [-1, 0, 0],
+        },
+        {
+            id: 'u-oksb9DKyiAsQMt',
+            dimensionType: '3D',
+            pointType: 'PlaneTag',
+            contentType: 'Custom',
+            position: [
+                [-0.707514900000002, 1.517, -2.292647299999997],
+                [-0.707514900000002, 1.717, -2.292647299999997],
+                [-0.40751490000000196, 1.717, -2.292647299999997],
+                [-0.40751490000000196, 1.517, -2.292647299999997],
+            ],
+            element: '<div>TTT2367189372819378291378921</div>',
+            data: {
+                text: '111',
+            },
+            // normal: [0, 0, -1],
+        },
+        {
+            id: 'u-kBqHOJKyIAsQQd',
+            dimensionType: '3D',
+            pointType: 'PlaneTag',
+            contentType: 'Custom',
+            position: [
+                [-2.528514900000002, 1.517, -7.402022299999997],
+                [-2.528514900000002, 1.717, -7.402022299999997],
+                [-2.528514900000002, 1.717, -7.102022299999997],
+                [-2.528514900000002, 1.517, -7.102022299999997],
+            ],
+            element: '<div>TTT2367189372819378291378921</div>',
+            data: {
+                text: '111',
+            },
+            // normal: [1, 0, 0],
+        },
+        {
+            id: 'u-WKW6BoKyiASqpv',
+            dimensionType: '3D',
+            pointType: 'PlaneTag',
+            contentType: 'Custom',
+            position: [
+                [-1.3585149000000019, 1.517, -6.8122722999999965],
+                [-1.3585149000000019, 1.717, -6.8122722999999965],
+                [-1.3585149000000019, 1.717, -7.112272299999997],
+                [-1.3585149000000019, 1.517, -7.112272299999997],
+            ],
+            element: '<div>TTT2367189372819378291378921</div>',
+            data: {
+                text: '111',
+            },
+            // normal: [-1, 0, 0],
+        },
+        {
+            id: 'u-9G3UJRkyiAsqQf',
+            dimensionType: '3D',
+            pointType: 'PlaneTag',
+            contentType: 'Custom',
+            position: [
+                [-5.5205148999999984, 1.517, -6.888522299999997],
+                [-5.5205148999999984, 1.717, -6.888522299999997],
+                [-5.5205148999999984, 1.717, -6.588522299999997],
+                [-5.5205148999999984, 1.517, -6.588522299999997],
+            ],
+            element: '<div>TTT2367189372819378291378921</div>',
+            data: {
+                text: '111',
+            },
+            // normal: [1, 0, 0],
+        },
+        {
+            id: 'u-QVST2hkYiaSQPn',
+            dimensionType: '3D',
+            pointType: 'PlaneTag',
+            contentType: 'Custom',
+            position: [
+                [-2.7705148999999945, 1.517, -7.762272299999997],
+                [-2.7705148999999945, 1.717, -7.762272299999997],
+                [-3.0705148999999947, 1.717, -7.762272299999997],
+                [-3.0705148999999947, 1.517, -7.762272299999997],
+            ],
+            element: '<div>TTT2367189372819378291378921</div>',
+            data: {
+                text: '111',
+            },
+            // normal: [0, 0, 1],
+        },
+        {
+            id: 'u-gTvYY5KyIASQQd',
+            dimensionType: '3D',
+            pointType: 'PlaneTag',
+            contentType: 'Custom',
+            position: [
+                [-2.7285149000000017, 1.517, -6.712272299999997],
+                [-2.7285149000000017, 1.717, -6.712272299999997],
+                [-2.7285149000000017, 1.717, -7.012272299999997],
+                [-2.7285149000000017, 1.517, -7.012272299999997],
+            ],
+            element: '<div>TTT2367189372819378291378921</div>',
+            data: {
+                text: '111',
+            },
+            // normal: [-1, 0, 0],
+        },
+    ],
+};

package/libs/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/libs/PanoTagPlugin/tag.config.js

@@ -0,0 +1,46 @@
+const DefaultConfig = {
+    globalConfig: {
+        initialState: {
+        // unfolded: false,
+        },
+        visibleConfig: {
+            visibleDistance: { max: 5 },
+            angleRange: { min: -45, max: 45 },
+        },
+        unfoldedConfig: {
+            autoUnfold: {
+                strategy: 'MinimumDistance',
+            },
+        },
+        tag3DConfig: {
+            ratio: 0.0035,
+            devicePixelRatio: window.devicePixelRatio,
+        },
+    },
+    contentTypeConfig: {
+        'Any-Link-Any': {
+            unfoldedConfig: {
+                // VR 跳转标签没有展开/收起状态
+                disableFold: true,
+                autoUnfold: undefined,
+            },
+            initialState: {
+                unfolded: true,
+            },
+        },
+        'Any-Marketing-Any': {
+            unfoldedConfig: undefined,
+        },
+        '3D-MediaPlane-PlaneTag': {
+            unfoldedConfig: {
+                disableFold: true,
+            },
+            visibleConfig: {
+                angleRange: undefined,
+                visibleDistance: undefined,
+            },
+        },
+    },
+};
+export { DefaultConfig };
+export default DefaultConfig;

package/libs/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';
 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;
@@ -79,6 +87,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/libs/PanoTagPlugin/typings/tag.d.ts

@@ -31,7 +31,7 @@ export declare enum ContentType {
     /** 营销标签 */
     Marketing = "Marketing",
     /** 图片视频贴片 */
-    MediaPanel = "MediaPanel",
+    MediaPlane = "MediaPlane",
     /** 其他/自定义标签 */
     Custom = "Custom"
 }
@@ -151,6 +151,15 @@ 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 +168,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 +201,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/libs/PanoTagPlugin/typings/tag.js

@@ -21,7 +21,7 @@ export var ContentType;
     /** 营销标签 */
     ContentType["Marketing"] = "Marketing";
     /** 图片视频贴片 */
-    ContentType["MediaPanel"] = "MediaPanel";
+    ContentType["MediaPlane"] = "MediaPlane";
     /** 其他/自定义标签 */
     ContentType["Custom"] = "Custom";
 })(ContentType || (ContentType = {}));