polarvo-layout 1.0.47 → 1.0.48

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "polarvo-layout",
-  "version": "1.0.47",
+  "version": "1.0.48",
   "type": "module",
   "author": "unigence <unigencelab@gmail.com>",
   "repository": {

package/src/core/managers/EngineManager.js

@@ -177,7 +177,7 @@ class EngineManager {
         console.warn('[EngineManager] baseLayout 요소를 찾을 수 없습니다.');
         return false;
       }
-      
+
       const { width, height } = containerEl.getBoundingClientRect();
       const newHeight = width / calculateAspectRatio(this._displaySize.aspectRatio);
 
@@ -269,26 +269,28 @@ class EngineManager {
     });
   }
 
-  _updateElementsScale(oldValue, newValue) {
+  async _updateElementsScale(oldValue, newValue) {
     const oldWidth = oldValue.px;
     const oldHeight = oldValue.px / calculateAspectRatio(oldValue.aspectRatio);
 
     const newWidth = newValue.px;
     const newHeight = newValue.px / calculateAspectRatio(newValue.aspectRatio);
 
-    nextTick(() => {
-      this.setContainerSize();
+    await nextTick();
+    // nextTick(() => {
+    this.setContainerSize();
 
-      const normalizeElements = dataConverter.normalize(this.state.elements, oldWidth, oldHeight);
-      const denormalizedElements = dataConverter.denormalize(normalizeElements, newWidth, newHeight);
+    const normalizeElements = dataConverter.normalize(this.state.elements, oldWidth, oldHeight);
+    const denormalizedElements = dataConverter.denormalize(normalizeElements, newWidth, newHeight);
 
-      this.state.elements = denormalizedElements;
+    // this.state.elements = denormalizedElements;
+    this.state.elements.splice(0, this.state.elements.length, ...denormalizedElements);
 
-      this.eventBus.emit('system:requestElementsScale', {
-        $elements: this.state.elements,
-        timestamp: Date.now(),
-      });
+    this.eventBus.emit('system:requestElementsScale', {
+      $elements: this.state.elements,
+      timestamp: Date.now(),
     });
+    // });
   }
 
   /** ---------------------------------- layout Engine ---------------------------------- **/
@@ -383,6 +385,7 @@ class EngineManager {
               size: { ...el.size, h: el.size.h * scaleFactor },
             };
       });
+      console.log('element', this.state.elements);
 
       // nextTick(() => {
       this.eventBus.emit('system:requestElementsScale', {

package/src/library/FreeDropLibrary.js

@@ -81,7 +81,8 @@ function useFreeDrop(api) {
     });
 
     _subscribe('system:requestElementsScale', ({ $elements, guides }) => {
-      state.elements = [...$elements];
+      // state.elements = [...$elements];
+      state.elements.splice(0, state.elements.length, ...$elements);
       state.guides = guides ?? { x: null, y: null, w: null, h: null };
     });
 

package/src/library/GridDropLibrary.js

@@ -68,7 +68,8 @@ function useGridDrop(api) {
     });
 
     _subscribe('system:requestElementsScale', ({ $elements }) => {
-      state.elements = $elements;
+      // state.elements = $elements;
+      state.elements.splice(0, state.elements.length, ...$elements);
     });
 
     _subscribe('gridDrop:requestUpdateLocalBounds', ({ elementId, position, size }) => {

package/src/library/LayoutLibrary.js

@@ -113,7 +113,8 @@ function useLayout(api) {
     });
 
     _subscribe('system:requestElementsScale', ({ $elements }) => {
-      state.elements = $elements;
+      // state.elements = $elements;
+      state.elements.splice(0, state.elements.length, ...$elements);
     });
 
     _subscribe('system:restoredState', ({ domain, state: snapShot }) => {