polarvo-layout 1.0.42 → 1.0.44

package/package.json

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

package/src/components/Layout/FreeItem.vue

@@ -3,7 +3,7 @@
     :id="item.id"
     class="absolute user-select-none"
     :style="itemStyle"
-    :class="{ 'z-50': item.id === activeId, 'bg-white border-2 border-blue-400': item.id === activeId }"
+    :class="{ 'z-50': item.id === activeId, 'bg-white border-2 border-blue-400': item.id === activeId, 'bg-white': item.type === 'chart' }"
     @mousedown.stop="activeEditMode ? null : handleMouseDown($event, item.id)"
   >
     <!-- 크기-->

package/src/components/Layout/FreeLayout.vue

@@ -9,7 +9,7 @@
     ></FreeItem>
 
     <!-- 오버레이 -->
-    <div v-if="activeEditMode" class="absolute inset-0 bg-black opacity-50"></div>
+    <div v-if="activeEditMode" class="absolute inset-0 bg-black opacity-50 z-30"></div>
 
     <!-- 가이드라인 -->
     <div v-if="isActive">

package/src/components/Layout/GridItem.vue

@@ -46,7 +46,7 @@
       />
 
       <!-- 오버레이 -->
-      <div v-if="activeEditMode && item.id !== activeId" class="absolute inset-0 bg-black opacity-50"></div>
+      <div v-if="activeEditMode && item.id !== activeId" class="absolute inset-0 bg-black opacity-50 z-30"></div>
     </template>
 
     <template v-else>

package/src/components/Layout/GridLayout.vue

@@ -9,7 +9,7 @@
     ></GridItem>
 
     <!-- 오버레이 -->
-    <div v-if="activeEditMode" class="absolute inset-0 bg-black opacity-50"></div>
+    <div v-if="activeEditMode" class="absolute inset-0 bg-black opacity-50 z-30"></div>
   </template>
 </template>
 

package/src/core/engines/FreeDropEngine.js

@@ -139,7 +139,6 @@ class FreeDropEngine {
           timestamp: Date.now(),
         });
 
-
         this._gridNumber = snapShot.layout.gridNumber || null;
         this._gridSize = snapShot.display.displaySize?.gridSize || null;
       }
@@ -366,7 +365,7 @@ class FreeDropEngine {
    */
   addElement(event, item) {
     if (this._activeMode !== 'free') return;
-    const elName = item.elName; 
+    const elName = item.elName;
 
     this._startPos = { x: event.clientX, y: event.clientY };
 
@@ -379,7 +378,7 @@ class FreeDropEngine {
       size: elementSource[elName] || { w: 100, h: 100 },
       section: this._activeSection,
       isLocked: false,
-      ...item.propDefaults || {}, // 아이템의 기본 props 설정
+      ...(item.propDefaults || {}), // 아이템의 기본 props 설정
     };
 
     this.setActiveElement(element, 'add');
@@ -701,12 +700,12 @@ class FreeDropEngine {
     // 1) 기존 배치요소인 경우
     if (this._alreadyExist) {
       // 충돌 시 기존 위치로 복귀
-      if (this._detectElementCollision()) {
-        alert('아이템이 겹칩니다. 다른 위치로 드래그해주세요.');
-        this._activeElement.position.x = this._startPos.x;
-        this._activeElement.position.y = this._startPos.y;
-        this._resetDrag(true);
-      } else {
+      // if (this._detectElementCollision()) {
+      //   alert('아이템이 겹칩니다. 다른 위치로 드래그해주세요.');
+      //   this._activeElement.position.x = this._startPos.x;
+      //   this._activeElement.position.y = this._startPos.y;
+      //   this._resetDrag(true);
+      // } else {
         // 로컬에서 position, size 업데이트
         this.eventBus.emit('freeDrop:requestUpdateLocalBounds', {
           elementId: this._activeElement.id,
@@ -716,23 +715,23 @@ class FreeDropEngine {
           timestamp: Date.now(),
         });
         this._resetDrag(true, true);
-      }
+      // }
 
       return;
     }
     // 2) 신규 아이템인 경우
     else {
       // 충돌 시 추가 취소 (로컬에만 반영됨)
-      if (this._detectElementCollision()) {
-        alert('겹치는 위치에 배치할 수 없습니다.');
-        this.setActiveElement(null, 'add');
-      } else {
-        this.guides = { x: null, y: null, w: null, h: null };
-        this.eventBus.emit('freeDrop:requestAddElement', {
-          element: this._activeElement,
-          timestamp: Date.now(),
-        });
-      }
+      // if (this._detectElementCollision()) {
+      //   alert('겹치는 위치에 배치할 수 없습니다.');
+      //   this.setActiveElement(null, 'add');
+      // } else {
+      this.guides = { x: null, y: null, w: null, h: null };
+      this.eventBus.emit('freeDrop:requestAddElement', {
+        element: this._activeElement,
+        timestamp: Date.now(),
+      });
+      // }
       this._resetDrag();
       return;
     }
@@ -804,14 +803,14 @@ class FreeDropEngine {
   /** [내부함수] 리사이징 종료 */
   _stopResize = () => {
     // 충돌 시 기존 위치로 복귀
-    if (this._detectElementCollision()) {
-      alert('아이템이 겹칩니다. 사이즈 조정이 취소되었습니다.');
-      this._activeElement.position = this._startPos;
-      this._activeElement.size = this._startSize;
-      this._resetResize();
-    } else {
+    // if (this._detectElementCollision()) {
+    //   alert('아이템이 겹칩니다. 사이즈 조정이 취소되었습니다.');
+    //   this._activeElement.position = this._startPos;
+    //   this._activeElement.size = this._startSize;
+    //   this._resetResize();
+    // } else {
       this._resetResize(true);
-    }
+    // }
 
     return;
   };