polarvo-layout 1.0.74 → 1.0.76

package/package.json

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

package/src/core/engines/FreeDropEngine.js

@@ -127,7 +127,7 @@ class FreeDropEngine {
       const index = this._elements.findIndex((x) => x.id === elementId);
 
       if (index !== -1) {
-        this._elements[index] = element; // 업데이트
+        this._elements = [...this._elements.slice(0, index), element, ...this._elements.slice(index + 1)]; // 배열 자체를 교체하여 갱신
         this._activeElement = element;
         this._elementsUpdate = true;
       }

package/src/core/engines/GridDropEngine.js

@@ -94,7 +94,7 @@ class GridDropEngine {
       const index = this._elements.findIndex((x) => x.id === elementId);
 
       if (index !== -1) {
-        this._elements[index] = element; // 업데이트
+        this._elements = [...this._elements.slice(0, index), element, ...this._elements.slice(index + 1)]; // 배열 자체를 교체하여 갱신
         this._elementsUpdate = true;
       }
 

package/src/library/FreeDropLibrary.js

@@ -62,7 +62,7 @@ function useFreeDrop(api) {
       const index = state.elements.findIndex((el) => el.id === element.id);
 
       if (index !== -1) {
-        state.elements[index] = element;
+        state.elements = [...state.elements.slice(0, index), element, ...state.elements.slice(index + 1)]; // 배열 자체를 교체하여 갱신
         state.activeElement = element;
         state.activeId = element?.id ?? null;
       }

package/src/library/GridDropLibrary.js

@@ -50,7 +50,7 @@ function useGridDrop(api) {
       // state.elements = elements;
       const index = state.elements.findIndex((el) => el.id === element.id);
       if (index !== -1) {
-        state.elements[index] = element;
+        state.elements = [...state.elements.slice(0, index), element, ...state.elements.slice(index + 1)]; // 배열 자체를 교체하여 갱신
         state.activeElement = element;
         state.activeId = element?.id ?? null;
       }

package/src/library/LayoutLibrary.js

@@ -93,7 +93,7 @@ function useLayout(api) {
     _subscribe('system:requestUpdateActiveElement', ({ elementId, element }) => {
       const index = state.elements.findIndex((x) => x.id === elementId);
       if (index !== -1) {
-        state.elements[index] = element; // 업데이트
+        state.elements = [...state.elements.slice(0, index), element, ...state.elements.slice(index + 1)]; // 배열 자체를 교체하여 갱신
       }
     });