🐛: 修复 popup-menu 在按需时使用的问题, 待解决 dropdown 无法在 scroll 正常使用

package/component/src/component/menu/index.less

@@ -309,4 +309,40 @@
   .layui-nav-child {
     background-color: transparent;
   }
+}
+
+.layui-sub-menu-popup.layui-dropdown > dl {
+  border: unset;
+  border-radius: 2px;
+  background-color: #393d49;
+}
+
+.layui-nav.layui-nav-collapse {
+  .layui-sub-menu-popup dl .layui-nav-item {
+    width: 100%;
+    > a {
+      display: flex;
+      align-items: center;
+      text-overflow: ellipsis;
+      padding: 5px 20px 5px 20px;
+      .layui-sub-menu-icon {
+        margin-right: 8px;
+      }
+    }
+
+    span {
+      display: inline-block;
+      margin-left: 0;
+    }
+
+    .layui-nav-more {
+      position: relative;
+      display: inline-block;
+      font-size: 12.5px !important;
+      margin-top: 0;
+      margin-left: 30px;
+      padding: 0;
+      right: -8px;
+    }
+  }
 }

package/component/src/component/menuItem/index.vue

@@ -7,6 +7,7 @@ export default {
 <script setup lang="ts">
 import { computed, ComputedRef, inject, ref, Ref, useSlots } from "vue";
 import useLevel from "../menu/useLevel";
+import LayTooltip from "../tooltip/index.vue";
 
 export interface LayMenuItemProps {
   id: string;

package/component/src/component/subMenu/SubMenuPopup.vue

@@ -3,9 +3,11 @@ export default {
   name: "SubMenuPopup",
 };
 </script>
+
 <script setup lang="ts">
 import { computed, inject, Ref, useSlots } from "vue";
 import LayDropdown from "../dropdown/index.vue";
+import { LayIcon } from "@layui/icons-vue";
 import useLevel from "../menu/useLevel";
 
 export interface LaySubMenuPopupProps {
@@ -56,45 +58,4 @@ const isOpen = computed(() => {
       <slot></slot>
     </template>
   </lay-dropdown>
-</template>
-<style lang="less">
-// popup-menu 面板样式
-.layui-sub-menu-popup.layui-dropdown > dl {
-  border: unset;
-  border-radius: 2px;
-  background-color: #393d49;
-}
-// popup-menu item样式
-.layui-nav.layui-nav-collapse {
-  .layui-sub-menu-popup dl .layui-nav-item {
-    width: 100%;
-    > a {
-      display: flex;
-      align-items: center;
-      text-overflow: ellipsis;
-      padding: 5px 20px 5px 20px;
-      // height: 35px;
-      // width: 95px;
-
-      .layui-sub-menu-icon {
-        margin-right: 8px;
-      }
-    }
-
-    span {
-      display: inline-block;
-      margin-left: 0;
-    }
-
-    .layui-nav-more {
-      position: relative;
-      display: inline-block;
-      font-size: 12.5px !important;
-      margin-top: 0;
-      margin-left: 30px;
-      padding: 0;
-      right: -8px;
-    }
-  }
-}
-</style>
+</template>

package/component/src/component/subMenu/index.vue

@@ -17,7 +17,7 @@ import {
 } from "vue";
 import { onClickOutside } from "@vueuse/core";
 import LayTransition from "../transition/index.vue";
-import SubMenuPopup from "./subMenuPopup.vue";
+import SubMenuPopup from "./SubMenuPopup.vue";
 import { provideLevel, default as useLevel } from "../menu/useLevel";
 
 export interface LaySubMenuProps {