polarvo-layout 1.0.33 → 1.0.35

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "polarvo-layout",
-  "version": "1.0.33",
+  "version": "1.0.35",
   "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,14 +75,15 @@ watch(
     if (newId === oldId) return;
     if (!newId) {
       setActiveDesign(null);
+      setActiveMenu(null);
     }
-
     _isElementSwitching = true;
     // selectedElement.value = structuredClone(toRaw(activeElement.value));
     selectedElement.value = cloneDeep(activeElement.value);
 
     // activeElement 바뀌면 편집 모드 해제
     activeEditMode.value = false;
+
   },
 );
 

package/src/components/SideBar/ElementSideBar.vue

@@ -43,7 +43,7 @@ function getPropsDefaults(props) {
   if (!props) return {};
 
   return Object.fromEntries(Object.entries(props).map(([key, prop]) => {
-    if (['size'].includes(key)) return null;
+    if (['size', 'preview'].includes(key)) return null;
 
     if (prop.default !== undefined) {
       return [key, typeof prop.default === 'function' ? prop.default() : prop.default];

package/src/core/engines/FreeDropEngine.js

@@ -1,5 +1,4 @@
 import { cloneDeep } from 'lodash-es';
-import { nextTick } from 'vue';
 
 // event 발행 시 'freeDrop'으로 시작하는 이름 사용
 class FreeDropEngine {
@@ -112,6 +111,7 @@ class FreeDropEngine {
 
       if (index !== -1) {
         this._elements[index] = element; // 업데이트
+        this._activeElement = element;
         this._elementsUpdate = true;
       }
 
@@ -427,6 +427,7 @@ class FreeDropEngine {
     this._activeElement = element;
     this._alreadyExist = action === 'add' ? false : true;
     // this._elementsUpdate = true;
+    console.log('setActiveElement', this._activeElement?.id, this.freeElements)
 
     this.eventBus.emit('freeDrop:setActiveElement', {
       $alreadyExist: this._alreadyExist,

package/src/library/FreeDropLibrary.js

@@ -81,7 +81,7 @@ function useFreeDrop(api) {
     });
 
     _subscribe('system:requestElementsScale', ({ $elements, guides }) => {
-      state.elements = $elements;
+      state.elements = [...$elements];
       state.guides = guides ?? { x: null, y: null, w: null, h: null };
     });