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

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

@@ -0,0 +1,14 @@
+export default {
+    tagList: [
+        {
+            dimensionType: '3D',
+            pointType: 'PointTag',
+            contentType: 'Text',
+            normal: [-1.3472052051879881, -0.22353184120423517, -0.4423657342911711],
+            position: [2.4858952, 0.12852754341132364, -3.848354251670743],
+            data: {
+                text: '112123',
+            },
+        },
+    ],
+};

package/libs/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/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,47 @@
+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,
+            },
+            clickable: false,
+        },
+    },
+};
+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;
@@ -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;