polarvo-layout 1.0.36 → 1.0.37

package/package.json

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

package/src/components/Layout/FreeLayout.vue

@@ -7,7 +7,7 @@
       :polarvo="props.polarvo"
       :sectionKey="props.sectionKey"
     ></FreeItem>
-    
+
     <!-- 오버레이 -->
     <div v-if="activeEditMode" class="absolute inset-0 bg-black opacity-50"></div>
 
@@ -68,7 +68,8 @@ const selectedElement = inject('selectedElement');
 const activeEditMode = inject('activeEditMode');
 
 let _isElementSwitching = false;
-import { omit, cloneDeep } from 'lodash-es';
+import { omit, cloneDeep, debounce } from 'lodash-es';
+
 watch(
   () => activeElement.value?.id,
   (newId, oldId) => {
@@ -83,7 +84,6 @@ watch(
 
     // activeElement 바뀌면 편집 모드 해제
     activeEditMode.value = false;
-
   },
 );
 

package/src/components/Layout/GridLayout.vue

@@ -68,11 +68,11 @@ const filteredElements = computed(() => {
 watch(
   () => filteredElements.value,
   () => {
-    debouncedUpdate();
+    debouncedUpdateMergedData();
   },
   { deep: true },
 );
-const debouncedUpdate = debounce(() => {
+const debouncedUpdateMergedData = debounce(() => {
   setMergedData();
   // gridRows 업데이트
 }, 10);
@@ -132,7 +132,7 @@ watch(
       _isElementSwitching = false;
       return;
     }
-    updateActiveElement(selectedElement.value?.id, newElement);
+  updateActiveElement(selectedElement.value?.id, newElement);
   },
   { deep: true },
 );

package/src/components/Layout/PolarLayout.vue

@@ -11,6 +11,7 @@ const props = defineProps({
     default: 'free',
   },
 });
+
 </script>
 
 <style scoped>

package/src/core/managers/EngineManager.js

@@ -38,6 +38,9 @@ class EngineManager {
 
     this._subscriptions = [];
     this._initialized = false;
+
+    this._beforeUnloadHandler = () => this.saveSession();
+    window.addEventListener('beforeunload', this._beforeUnloadHandler);
   }
 
   /** activeSection 데이터 반환
@@ -140,6 +143,15 @@ class EngineManager {
     this.eventBus.emit('system:restoredState', { domain, state });
   }
 
+  saveSession() {
+    const snapshot = {
+      manager: this.getState(),
+      layout: this.getEngine('layout')?.getState() || null,
+      display: this.getEngine('display')?.getState() || null,
+    };
+    sessionStorage.setItem('polarvo-session', JSON.stringify(snapshot));
+  }
+
   /** [내부함수] activeSection의 설정값 업데이트
    * @param {string} type - 설정 타입 (mode, config)
    * @param {object} updates - 업데이트할 설정 값 객체
@@ -734,12 +746,7 @@ class EngineManager {
 
     // 가장 최신 상태를 세션 스토리지에 저장 (새로고침 대비)
     this.eventBus.subscribe('system:historyCheckpoint', () => {
-      const snapshot = {
-        manager: this.getState(),
-        layout: this.getEngine('layout')?.getState() || null,
-        display: this.getEngine('display')?.getState() || null,
-      };
-      sessionStorage.setItem('polarvo-session', JSON.stringify(snapshot));
+      this.saveSession();
     });
 
     // 모든 연결 설정 완료 후 초기화 완료 이벤트 발행
@@ -814,6 +821,8 @@ class EngineManager {
   destroy() {
     console.log('[EngineManager] 엔진 매니저 삭제 시작');
 
+    window.removeEventListener('beforeunload', this._beforeUnloadHandler);
+
     // 모든 구독 해제
     this._subscriptions.forEach((unsubscribe) => {
       if (typeof unsubscribe === 'function') {