polarvo-layout 1.0.32 → 1.0.34

package/package.json

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

package/src/components/Layout/FreeLayout.vue

@@ -57,7 +57,7 @@ const props = defineProps({
   },
 });
 
-const { setActiveDesign } = props.polarvo.display;
+const { setActiveDesign, setActiveMenu } = props.polarvo.display;
 const { updateActiveElement } = props.polarvo.layout;
 const { elements, guides, activeElement } = toRefs(props.polarvo.freeDrop.state);
 const filteredElements = computed(() => {
@@ -75,6 +75,7 @@ watch(
     if (newId === oldId) return;
     if (!newId) {
       setActiveDesign(null);
+      setActiveMenu(null);
     }
 
     _isElementSwitching = true;

package/src/components/SideBar/ElementSideBar.vue

@@ -41,14 +41,15 @@ const imageModules = import.meta.glob('@/assets/el_img/*.{png,gif}', { eager: tr
 
 function getPropsDefaults(props) {
   if (!props) return {};
-  return Object.fromEntries(
-    Object.entries(props).map(([key, prop]) => {
-      if (prop.default !== undefined) {
-        return [key, typeof prop.default === 'function' ? prop.default() : prop.default];
-      }
-      return [key, null];
-    })
-  );
+
+  return Object.fromEntries(Object.entries(props).map(([key, prop]) => {
+    if (['size'].includes(key)) return null;
+
+    if (prop.default !== undefined) {
+      return [key, typeof prop.default === 'function' ? prop.default() : prop.default];
+    }
+    return null; // 기본값이 없는 경우 null 반환
+  }).filter(entry => entry !== null));
 }
 
 async function getElements() {

package/src/core/engines/DisplayEngine.js

@@ -61,6 +61,11 @@ class DisplayEngine {
       this.displaySize = { ...$screenConfig.displaySize };
     });
 
+    this._subscribe('freeDrop:setActiveElement', () => {
+      this.setActiveMenu(null);
+      this.setActiveDesign(null);
+    })
+
     this._subscribe('freeDrop:startDrag', () => {
       this.setActiveMenu(null);
       this.setActiveDesign(null);

package/src/core/engines/FreeDropEngine.js

@@ -112,6 +112,7 @@ class FreeDropEngine {
 
       if (index !== -1) {
         this._elements[index] = element; // 업데이트
+        this._activeElement = element;
         this._elementsUpdate = true;
       }
 

package/src/core/managers/EngineManager.js

@@ -910,7 +910,7 @@ class EngineManager {
         // getGuides: () => freeDropEngine.guides,
         setActiveElement: (element, type) => freeDropEngine.setActiveElement(element, type),
 
-        addElement: (event, elName) => freeDropEngine.addElement(event, elName),
+        addElement: (event, item) => freeDropEngine.addElement(event, item),
         toggleLock: () => freeDropEngine.toggleLock(),
         handleMouseDown: (event, id) => freeDropEngine.handleMouseDown(event, id),
         startResize: (event, direction) => freeDropEngine.startResize(event, direction),
@@ -924,7 +924,7 @@ class EngineManager {
         setActiveElement: (element, type) => gridDropEngine.setActiveElement(element, type),
         detectHoverCell: (cell) => gridDropEngine.detectHoverCell(cell),
 
-        addElement: (elName) => gridDropEngine.addElement(elName),
+        addElement: (item) => gridDropEngine.addElement(item),
         toggleLock: () => gridDropEngine.toggleLock(),
         startDrag: (event, id) => gridDropEngine.startDrag(event, id),
         handleMouseDown: (event, id) => gridDropEngine.handleMouseDown(event, id),

package/src/library/FreeDropLibrary.js

@@ -150,9 +150,9 @@ function useFreeDrop(api) {
     }
   };
 
-  const addElement = (event, elName) => {
+  const addElement = (event, item) => {
     try {
-      api.freeDrop.addElement(event, elName);
+      api.freeDrop.addElement(event, item);
     } catch (error) {
       console.warn('[FreeDropLibrary] addElement 실행 중 오류 발생:', error);
     }

package/src/library/GridDropLibrary.js

@@ -133,9 +133,9 @@ function useGridDrop(api) {
   //   }
   // };
 
-  const addElement = (elName) => {
+  const addElement = (item) => {
     try {
-      api.gridDrop.addElement(elName);
+      api.gridDrop.addElement(item);
     } catch (error) {
       console.warn('[GridDropLibrary] addElement 호출 중 오류 발생:', error);
     }