hart-estate-widget 0.0.69 → 0.0.72

package/README.md

@@ -11,24 +11,31 @@
 import React, { useEffect, useState } from 'react';
 import { Widget, rotationModes } from 'hart-estate-widget';
 // либо
-import 'hart-estate-widget/build/bundle.js';
-import 'hart-estate-widget/build/index.css';
+import 'hart-estate-widget/build/widget.bundle.js'; // в таком случае создается глобальная переменная WidgetLibrary
 
 const WIDGET_OPTIONS = {
   tabs: ['planImage', 'rotation', 'panorama'],
   logo: '/path/to/logo.png',
   planImage: '/path/to/plan.jpg',
   rotationMode: rotationModes.DEFAULY,
-  rotationImages: [
-    '/path/to/rotation_image_1.jpg',
-    ...
-    '/path/to/rotation_image_5.jpg',
-  ],
-  panoramaImages: [
-    '/path/to/panorama_image_1.jpg',
-    ...
-    '/path/to/panorama_image_5.jpg',
-  ],
+  rotationData: {
+    type: 'top_down',
+    items: [
+      '/path/to/rotation_image_1.jpg',
+      ...
+      '/path/to/rotation_image_5.jpg',
+    ],
+  },
+  panoramaData: {
+    type: 'sphere',
+    items: [
+      {
+        camera_id: '1234',
+        images: ['/path/to/panorama_image.jpg'],
+        room_id: '1234',
+      },
+    ],
+  },
 };
 
 const App = () => {
@@ -36,24 +43,12 @@ const App = () => {
 
   useEffect(() => {
     const createdWidget = new Widget('#widget-container', WIDGET_OPTIONS);
-
-    const onResize = () => {
-      const { innerWidth: width, innerHeight: height } = window;
-      createdWidget.updateSize({ width, height });
-    };
-
-    window.addEventListener('resize', onResize);
-
     setState(createdWidget);
-
-    return function cleanup() {
-      window.removeEventListener('resize', onResize);
-    };
   }, []);
   
   return (
     <div>
-      <div id="#widget-container" />
+      <div id="widget-container" />
     </div>
   );
 }
@@ -86,8 +81,8 @@ export App;
   planImage: '', // путь к изображению планировки (необходимо для панорамного тура)
   topViewImage: '', // путь к изображению планировки сверху
   rotationMode: 'default', // режим работы изображений планировки
-  rotationImages: [], // пути к изображениям кругового просмотра (порядок обязателен)
-  panoramaImages: [], // пути к изображениям 360°
+  rotationData: {}, // тип изображений и пути к изображениям кругового просмотра (порядок обязателен)
+  panoramaData: {}, // тип панорамы и пути к изображениям 360°
 }
 
 ```
@@ -102,6 +97,14 @@ rotationMode: [
   rotationModes.DEFAULT, // режим просмотра вида сверху (несколько ракурсов) и стилизованной планировки
   rotationModes.THREESIXTY, // режим прокрутки изображений кругового просмотра
 ],
+rotationData.type: [
+  'top_down', // полная модель
+  'middle_cut', // модеь со срезом посередине
+],
+panoramaData.type: [
+  'sphere', // панорама с изображениями 360°
+  'cube', // панорама с 6 изображениями (top, down, left, right, front, back)
+],
 locale: [
   'ru', // русский язык
   'en', // английский язык