feat: 修复菜单 collapse 动画

src/component/button/index.vue

@@ -67,4 +67,4 @@ const classes = computed(() => {
     ></i>
     <slot v-else></slot>
   </button>
-</template>
+</template>

src/component/menu/index.less

@@ -170,8 +170,9 @@
 }
 
 .layui-nav-tree {
-  width: 200px;
   padding: 0;
+  width: 200px;
+  transition: all .3s;
 }
 
 .layui-nav-tree .layui-nav-item {
@@ -187,7 +188,7 @@
   text-overflow: ellipsis;
   overflow: hidden;
   white-space: nowrap;
-  padding: 5px 30px 5px 30px;
+  padding: 5px 23px 5px 23px;
 }
 
 .layui-nav-tree .layui-nav-item * {
@@ -202,6 +203,10 @@
   padding: 5px 0;
 }
 
+.layui-nav-tree .layui-nav-item span {
+  margin-left: 3px;
+}
+
 .layui-nav-tree .layui-nav-bar {
   width: 5px;
   height: 0;
@@ -319,7 +324,7 @@
 }
 
 .layui-nav-tree.inverted .layui-this > a {
-  padding: 5px 24px 5px 24px;
+  padding: 5px 17px 5px 17px;
 }
 
 .layui-nav-tree.level {

src/component/menu/index.vue

@@ -64,7 +64,8 @@ watch(
       // 赋值所有打开
       emit("update:openKeys", oldOpenKeys.value);
     }
-  }, { immediate: true}
+  },
+  { immediate: true }
 );
 
 provide("isTree", isTree);