polarvo-layout 1.0.12 → 1.0.13

package/package.json

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

package/src/components/FastMenu/{DesignFastMenu.vue → DesignFastmenu.vue}

@@ -2,20 +2,20 @@
   <!-- editor - sub right -->
   <div id="fast-menu" class="flex items-center gap-2">
     <div
-      class="text-sm px-2 py-0.5 rounded-md cursor-pointer hover:opacity-80"
-      :class="{ 'bg-blue-50 text-blue-700 font-semibold': activeDesign === 'option' }"
+      class="text-sm px-2 py-0.5 text-blue-500 rounded-md bg-white cursor-pointer hover:-translate-y-px border border-blue-200 transition"
+      :class="{ 'bg-blue-50 text-blue-600 font-semibold': activeDesign === 'option-default' }"
       @click="clickDesignBar('option')"
     >
       옵션설정
     </div>
     <div
-      class="text-sm px-2 py-0.5 rounded-md cursor-pointer hover:opacity-80"
-      :class="{ 'bg-blue-50 text-blue-700 font-semibold': activeDesign === 'design' }"
+      class="text-sm px-2 py-0.5 text-blue-500 rounded-md bg-white cursor-pointer hover:-translate-y-px border border-blue-200 transition"
+      :class="{ 'bg-blue-50 border-blue-400 text-blue-600 font-semibold': activeDesign === 'design' }"
       @click="clickDesignBar('design')"
     >
       디자인설정
     </div>
-    <div class="text-sm px-2 py-0.5 rounded-md cursor-pointer hover:opacity-80">더보기</div>
+    <div class="text-sm px-2 py-0.5 text-gray-500 rounded-md cursor-pointer hover:-translate-y-px transition">더보기</div>
   </div>
 </template>
 

package/src/components/Layout/BaseLayout.vue

@@ -89,6 +89,7 @@ const getSectionClass = (key, section) => ({
   'section-active': activeSection.value === key,
   disabled: activeSection.value != key && !props.preview,
 });
+
 </script>
 
 <style scoped>

package/src/core/engines/DisplayEngine.js

@@ -71,6 +71,7 @@ class DisplayEngine {
     });
 
     this._subscribe('gridDrop:setActiveElement', ({ action }) => {
+      if (action === 'update') return;
       if (action === 'click') {
         this.setActiveMenu('element');
       } else {

package/src/core/engines/GridDropEngine.js

@@ -111,7 +111,7 @@ class GridDropEngine {
     this._subscribe('system:requestUpdateActiveElement', ({ elements, elementId }) => {
       this._elements = elements;
       this._elementsUpdate = true;
-      this.setActiveElement(this._elements.find((x) => x.id === elementId) || null);
+      this.setActiveElement(this._elements.find((x) => x.id === elementId) || null, 'update');
 
       this.eventBus.emit('gridDrop:requestUpdateActiveElement', {
         elements: cloneDeep(this.gridElements),

package/src/index.js

@@ -18,7 +18,6 @@ import LayoutSideBar from './components/SideBar/LayoutSideBar.vue';
 import LayoutMiniMenu from './components/MiniMenu/LayoutMiniMenu.vue';
 import CanvasContainer from './components/Layout/CanvasContainer.vue';
 
-
 export {
   createPolarvoLayout,
   IconBar,