polarvo-layout 1.0.60 → 1.0.62

package/package.json

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

package/src/components/Layout/FreeLayout.vue

@@ -69,12 +69,14 @@ 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) {
       setActiveDesign(null);
@@ -99,6 +101,8 @@ watch(
       _isElementSwitching = false;
       return;
     }
+    // 이 섹션이 담당하는 activeElement가 아니면 무시
+    if (activeElement.value?.section !== props.sectionKey) return;
     updateActiveElement(selectedElement.value?.id, newElement);
   },
   { deep: true },
@@ -108,6 +112,7 @@ watch(
   () => activeDesign.value,
   (newDesign, oldDesign) => {
     if (newDesign != null || oldDesign == null) return; // null → null이 아닌 값으로 닫히는(값이 있다가 null 되는) 경우만
+    if (activeElement.value?.section !== props.sectionKey) 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,7 @@ watch(
   () => activeDesign.value,
   (newDesign, oldDesign) => {
     if (newDesign != null || oldDesign == null) return; // null → null이 아닌 값으로 닫히는(값이 있다가 null 되는) 경우만
+    if (activeElement.value?.section !== props.sectionKey) return;
 
     if (activeElement.value?.id && !activeElement.value.id.includes('inputForm')) {
       updateActiveElement(activeElement.value.id, selectedElementForWatch.value, true);

package/src/core/engines/FreeDropEngine.js

@@ -445,8 +445,8 @@ class FreeDropEngine {
    * @param {string|null} action - 액션 종류 (예: 'add')
    */
   setActiveElement(element, action = null) {
-    // 이미 활성화된 요소를 다시 활성화하려는 경우 무시
-    if (element && this._activeElement?.id === element?.id) return;
+    // 이미 활성화된 요소를 다시 활성화하려는 경우 무시 (단, 속성이 갱신된 경우는 제외)
+    if (action !== 'update' && element && this._activeElement?.id === element?.id) return;
 
     this._activeElement = element;
     this._alreadyExist = action === 'add' ? false : true;

package/src/core/engines/GridDropEngine.js

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

package/src/core/managers/EngineManager.js

@@ -333,6 +333,7 @@ class EngineManager {
 
       const prevGridRatio = $prev?.gridRatio || { column: [100], row: [100] };
       this._updateElementsScaleByRatio('column', prevGridRatio, $gridRatio);
+      this._updateElementsScaleByRatio('row', prevGridRatio, $gridRatio);
 
       nextTick(() => {
         this.eventBus.emit('system:historyCheckpoint', {