chore: update deps and docs (#4184)

* chore: update deps

* chore: update docs

* chore: update menu

packages/@core/ui-kit/layout-ui/package.json

@@ -42,6 +42,6 @@
     "@vben-core/shadcn-ui": "workspace:*",
     "@vben-core/typings": "workspace:*",
     "@vueuse/core": "^11.0.0",
-    "vue": "^3.4.37"
+    "vue": "^3.4.38"
   }
 }

packages/@core/ui-kit/menu-ui/package.json

@@ -43,6 +43,6 @@
     "@vben-core/shared": "workspace:*",
     "@vben-core/typings": "workspace:*",
     "@vueuse/core": "^11.0.0",
-    "vue": "^3.4.37"
+    "vue": "^3.4.38"
   }
 }

packages/@core/ui-kit/menu-ui/src/components/menu.vue

@@ -683,7 +683,7 @@ $namespace: vben;
   }
 
   &__popup {
-    padding: 4px 0;
+    padding: 10px 0;
     border-radius: var(--menu-item-radius);
 
     .#{$namespace}-sub-menu-content,

packages/@core/ui-kit/menu-ui/src/components/sub-menu.vue

@@ -68,11 +68,13 @@ const isFirstLevel = computed(() => {
 });
 
 const contentProps = computed((): HoverCardContentProps => {
-  const side =
-    mode.value === 'horizontal' && isFirstLevel.value ? 'bottom' : 'right';
+  const isHorizontal = mode.value === 'horizontal';
+  const side = isHorizontal && isFirstLevel.value ? 'bottom' : 'right';
   return {
+    collisionPadding: { top: 20 },
     side,
-    sideOffset: isFirstLevel.value ? 5 : 10,
+    sideOffset: isHorizontal ? 5 : 10,
+    // sideOffset: 10,
   };
 });
 
@@ -214,7 +216,7 @@ onBeforeUnmount(() => {
         ]"
         :content-props="contentProps"
         :open="true"
-        :open-delay="0"
+        :open-delay="30"
       >
         <template #trigger>
           <SubMenuContent

packages/@core/ui-kit/shadcn-ui/package.json

@@ -50,6 +50,6 @@
     "class-variance-authority": "^0.7.0",
     "lucide-vue-next": "^0.428.0",
     "radix-vue": "^1.9.4",
-    "vue": "^3.4.37"
+    "vue": "^3.4.38"
   }
 }

packages/@core/ui-kit/tabs-ui/package.json

@@ -42,6 +42,6 @@
     "@vben-core/shadcn-ui": "workspace:*",
     "@vben-core/typings": "workspace:*",
     "@vueuse/core": "^11.0.0",
-    "vue": "^3.4.37"
+    "vue": "^3.4.38"
   }
 }