• components 폴더: 컴포넌트
• core 폴더: 핵심 로직
• utils 폴더: 기타 로직

로컬에서 라이브러리 테스트하기

1. 라이브러리(polavo-layout)에서 npm link
2. 라이브러리를 사용하려는 프로젝트에서 npm link polarvo-layout

폴더구조

src/ ├── index.js # 메인 엔트리 포인트 ├── core/
│ ├── engines/ # 엔진별 핵심 로직 │ │ ├── LayoutEngine.js │ │ ├── DisplayEngine.js │ │ ├── FreeDropEngine.js │ │ └── GridDropEngine.js │ │ └── HistoryEngine.js │ ├── managers/ # 엔진 관리 및 통신 │ │ ├── EngineManager.js │ │ ├── ApiManager.js │ │ └── EventBus.js ├── library/ # 반응형 래퍼 │ ├── LayoutLibrary.js │ ├── DisplayLibrary.js │ ├── FreeDropLibrary.js │ ├── GridDropLibrary.js │ ├── HistoryLibrary.js │ └── index.js ├── configs/ # 설정 │ ├── index.js │ ├── resources/ # 기본 설정 │ │ ├── layoutResource.js │ │ ├── displayResource.js │ │ ├── elementResource.js │ │ ├── dropResource.js │ │ └── index.js ├── components/ # vue 컴포넌트
│ ├── Layout/ │ │ ├── CanvasContainer.vue │ │ ├── PolarLayout.vue │ │ ├── BaseLayout.vue │ │ ├── FreeLayout.vue │ │ └── GridLayout.vue │ ├── IconBar/ │ │ └── IconBar.vue │ ├── SideBar/ │ │ ├── ElementSideBar.vue │ │ ├── LayoutSideBar.vue │ │ └── LayoutSettingSideBar.vue │ ├── FastMenu/ │ │ ├── LayoutFastMenu.vue │ │ ├── DisplayFastMenu.vue │ │ ├── DesignFastMenu.vue │ │ └── HistoryFastMenu.vue │ └── MiniMenu/ │ │ └── LayoutMiniMenu.vue ├── utils/ # 유틸리티
│ ├── directives/ │ │ ├── click-outside.js │ │ └── index.js │ └── injex.js ├── icons/ # 아이콘
│ ├── layout/ │ ├── menu/ │ ├── display/ │ ├── action/ │ └── history/ └── styles.scss

history 관련 안내 사항

• history에 추가할 내용이 있다면, event emit하는 시점에서 변경되는 데이터 값들을 prev 객체 내에 명시해주세요.
• 예를 들어, 'layout:updateLayoutName' 이벤트에서는 layoutName을 수정하면서 layoutData, gridNumber, gridRatio 값이 모두 영향을 받기 때문에, prev 객체 내에 layoutName 뿐만이 아니라 layoutData, gridNumber, gridRatio 모두 입력해야 합니다.