新年的第一次提交

src/component/menu/index.less

@@ -157,15 +157,15 @@
 }
 
 .layui-nav-tree .layui-nav-item {
-  display: block;
   width: 100%;
+  display: block;
   line-height: 42px;
 }
 
 .layui-nav-tree .layui-nav-item > a {
-  position: relative;
   height: 40px;
   line-height: 40px;
+  position: relative;
   text-overflow: ellipsis;
   overflow: hidden;
   white-space: nowrap;
@@ -208,11 +208,11 @@
 }
 
 .layui-nav-tree .layui-nav-child {
-  position: relative;
-  z-index: 0;
   top: 0;
+  z-index: 0;
   border: none;
   box-shadow: none;
+  position: relative;
 }
 
 .layui-nav-tree .layui-nav-child dd {

src/component/menu/index.ts

@@ -1,9 +1,8 @@
 import type { App } from "vue";
 import Component from "./index.vue";
-import type { IDefineComponent } from "../../types/index";
 
 Component.install = (app: App) => {
-  app.component(Component.name || "LayMenu", Component);
+  app.component(Component.name, Component);
 };
 
-export default Component as IDefineComponent;
+export default Component;

src/component/menu/index.vue

@@ -1,10 +1,10 @@
-<template>
-  <ul class="layui-nav" :class="[level? 'level':'',inverted ? 'inverted':'',tree ? 'layui-nav-tree' : '', theme === 'dark' ? 'layui-nav-dark':'layui-nav-light' ]">
-    <slot></slot>
-  </ul>
-</template>
+<script lang="ts">
+export default {
+  name: "LayMenu"
+}
+</script>
 
-<script setup name="LayMenu" lang="ts">
+<script setup lang="ts">
 import { computed, defineProps, provide } from "vue";
 import "./index.less";
 
@@ -52,3 +52,9 @@ provide("isTree", isTree);
 provide("selectedKey", selectedKey);
 provide("openKeys", openKeys);
 </script>
+
+<template>
+  <ul class="layui-nav" :class="[level? 'level':'',inverted ? 'inverted':'',tree ? 'layui-nav-tree' : '', theme === 'dark' ? 'layui-nav-dark':'layui-nav-light' ]">
+    <slot></slot>
+  </ul>
+</template>