polarvo-layout 1.0.61 → 1.0.63

package/package.json

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

package/src/components/Layout/FreeLayout.vue

@@ -69,14 +69,17 @@ const selectedElement = inject('selectedElement');
 const activeEditMode = inject('activeEditMode');
 
 let _isElementSwitching = false;
-import { omit, cloneDeep, debounce } from 'lodash-es';
+import { omit, cloneDeep } from 'lodash-es';
 
 watch(
   () => activeElement.value?.id,
   (newId, oldId) => {
     if (newId === oldId) return;
+    // activeElement가 이 섹션 소속이 아니면 무시 (activeElement/selectedElement는 전역 공유 상태라 섹션마다 인스턴스가 따로 반응함)
+    if (newId && activeElement.value?.section !== props.sectionKey) return;
 
     if (!newId) {
+      console.l
       setActiveDesign(null);
       setActiveMenu(null);
     }
@@ -99,6 +102,8 @@ watch(
       _isElementSwitching = false;
       return;
     }
+    // 이 섹션이 담당하는 activeElement가 아니면 무시
+    if (activeElement.value?.section !== props.sectionKey) return;
     updateActiveElement(selectedElement.value?.id, newElement);
   },
   { deep: true },
@@ -108,6 +113,9 @@ watch(
   () => activeDesign.value,
   (newDesign, oldDesign) => {
     if (newDesign != null || oldDesign == null) return; // null → null이 아닌 값으로 닫히는(값이 있다가 null 되는) 경우만
+    if (activeElement.value?.section !== props.sectionKey) return;
+    // selectedElement가 아직 activeElement로 갱신되기 전(요소 전환 레이스)이면 저장하지 않음
+    if (selectedElement.value?.id !== activeElement.value?.id) return;
 
     if (activeElement.value?.id && !activeElement.value.id.includes('inputForm')) {
       updateActiveElement(activeElement.value.id, selectedElementForWatch.value, true);

package/src/components/Layout/GridLayout.vue

@@ -333,6 +333,9 @@ watch(
   () => activeElement.value?.id,
   (newId, oldId) => {
     if (newId === oldId) return;
+    // activeElement가 이 섹션 소속이 아니면 무시 (activeElement/selectedElement는 전역 공유 상태라 섹션마다 인스턴스가 따로 반응함)
+    if (newId && activeElement.value?.section !== props.sectionKey) return;
+
     if (!newId) {
       setActiveDesign(null);
     }
@@ -356,6 +359,8 @@ watch(
       _isElementSwitching = false;
       return;
     }
+    // 이 섹션이 담당하는 activeElement가 아니면 무시
+    if (activeElement.value?.section !== props.sectionKey) return;
     updateActiveElement(selectedElement.value?.id, newElement);
   },
   { deep: true },
@@ -365,6 +370,9 @@ watch(
   () => activeDesign.value,
   (newDesign, oldDesign) => {
     if (newDesign != null || oldDesign == null) return; // null → null이 아닌 값으로 닫히는(값이 있다가 null 되는) 경우만
+    if (activeElement.value?.section !== props.sectionKey) return;
+    // selectedElement가 아직 activeElement로 갱신되기 전(요소 전환 레이스)이면 저장하지 않음
+    if (selectedElement.value?.id !== activeElement.value?.id) return;
 
     if (activeElement.value?.id && !activeElement.value.id.includes('inputForm')) {
       updateActiveElement(activeElement.value.id, selectedElementForWatch.value, true);

package/src/core/engines/DisplayEngine.js

@@ -61,7 +61,8 @@ class DisplayEngine {
       this.displaySize = { ...$screenConfig.displaySize };
     });
 
-    this._subscribe('freeDrop:setActiveElement', () => {
+    this._subscribe('freeDrop:setActiveElement', ({ action }) => {
+      if (action === 'update') return;
       this.setActiveMenu(null);
       this.setActiveDesign(null);
     });

package/src/core/engines/FreeDropEngine.js

@@ -445,7 +445,7 @@ class FreeDropEngine {
    * @param {string|null} action - 액션 종류 (예: 'add')
    */
   setActiveElement(element, action = null) {
-    // 이미 활성화된 요소를 다시 활성화하려는 경우 무시
+    // 이미 활성화된 요소를 다시 활성화하려는 경우 무시 (단, 속성이 갱신된 경우는 제외)
     if (element && this._activeElement?.id === element?.id) return;
 
     this._activeElement = element;
@@ -453,6 +453,7 @@ class FreeDropEngine {
     // this._elementsUpdate = true;
 
     this.eventBus.emit('freeDrop:setActiveElement', {
+      action: action,
       $alreadyExist: this._alreadyExist,
       activeElement: this._activeElement,
       timestamp: Date.now(),

package/src/core/engines/GridDropEngine.js

@@ -222,7 +222,7 @@ class GridDropEngine {
    * @param {string|null} action - 변경 액션 (예: 'click', 'reset' 등)
    */
   setActiveElement(element, action = null) {
-    // 이미 활성화된 요소를 다시 활성화하려는 경우 무시
+    // 이미 활성화된 요소를 다시 활성화하려는 경우 무시 (단, 속성이 갱신된 경우는 제외)
     if (element && this._activeElement?.id === element?.id) return;
 
     this._activeElement = element;