glib-web 3.8.1 → 3.8.2

package/nav/drawer.vue

@@ -5,14 +5,15 @@
   <div :class="cssClasses" :style="style">
     <v-navigation-drawer v-model="state" app :dark="cssClasses.includes('dark') || null"
       :permanent="mdAndUp || cssClasses.includes('permanent')" :expand-on-hover="expandOnHover()"
-      v-model:mini-variant="shrunk" @input="updateState">
+      v-model:mini-variant="shrunk" @input="updateState" @mouseenter="handleDrawerEnter" @mouseleave="handleDrawerLeave"
+      :class="isExpand ? 'left-menu-expand' : 'left-menu-shrink'">
 
       <template v-if="spec.header">
         <panels-responsive :spec="spec.header" />
       </template>
-
       <glib-component v-if="spec.body" :spec="spec.body" />
 
+
       <v-list :dense="true">
         <div v-for="(item, index) in spec.rows" :key="index" class="nav-item">
           <div v-if="item.type == 'button'" class="indicator"></div>
@@ -64,6 +65,7 @@ export default {
       state: null,
       mini: true,
       shrunk: true,
+      isExpand: false,
     };
   },
   computed: {
@@ -110,6 +112,13 @@ export default {
     expandOnHover() {
       return this.mini;
     },
+    handleDrawerEnter() {
+      this.isExpand = true;
+    },
+
+    handleDrawerLeave() {
+      this.isExpand = false;
+    },
   },
 };
 </script>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "glib-web",
-  "version": "3.8.1",
+  "version": "3.8.2",
   "description": "",
   "main": "index.js",
   "scripts": {