🐛(component): [menu]在一个按需配置的项目中，只使用 menu 组件时,dropdown css 未自动引入导致的位置异常

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

@@ -1,3 +1,6 @@
+@import "../dropdown/index.less";
+@import "../popper/index.less"
+
 .layui-nav .layui-show.layui-anim-upbit .layui-show.layui-anim-upbit {
   top: 0px;
   left: calc(100% + 5px);

package/component/src/component/table/index.vue

@@ -265,16 +265,18 @@ watch(
 
 const changeAll = (isChecked: boolean) => {
   // Selected
-  if(isChecked) {
+  if (isChecked) {
     const datasources = props.dataSource.filter((item: any, index: number) => {
       return !props.getCheckboxProps(item, index).disabled;
     });
-    const ids = datasources.map((item) => {return item[props.id]});
+    const ids = datasources.map((item) => {
+      return item[props.id];
+    });
     tableSelectedKeys.value = [...ids];
   } else {
     // unSelected
     tableSelectedKeys.value = [];
-  }  
+  }
 };
 
 watch(

package/component/src/component/transfer/index.vue

@@ -49,10 +49,12 @@ const hasRightChecked = ref(false);
 const allLeftChange = (isChecked: boolean) => {
   if (isChecked) {
     const datasources = leftDataSource.value.filter((item: any) => {
-      return !item.disabled
+      return !item.disabled;
     });
-    const ids = datasources.map((item) => {return item[props.id]});
-    console.log(JSON.stringify(ids))
+    const ids = datasources.map((item) => {
+      return item[props.id];
+    });
+    console.log(JSON.stringify(ids));
     leftSelectedKeys.value = [...ids];
   } else {
     leftSelectedKeys.value = [];
@@ -82,10 +84,12 @@ watch(
 const allRightChange = (checked: any) => {
   if (checked) {
     const datasources = rightDataSource.value.filter((item: any) => {
-      return !item.disabled
+      return !item.disabled;
     });
-    const ids = datasources.map((item) => { return item[props.id]})
-    console.log(JSON.stringify(ids))
+    const ids = datasources.map((item) => {
+      return item[props.id];
+    });
+    console.log(JSON.stringify(ids));
     rightSelectedKeys.value = [...ids];
   } else {
     rightSelectedKeys.value = [];

package/document-component/src/components/LayCode.vue

@@ -27,10 +27,11 @@
         @click="onPlayground"
         title="在 sandbox-vue 打开"
       />
-      <i 
-        class="layui-icon layui-icon-chart btn" 
-        title="在 stackblitz 打开"  
-        @click="onStackblitz">
+      <i
+        class="layui-icon layui-icon-chart btn"
+        title="在 stackblitz 打开"
+        @click="onStackblitz"
+      >
       </i>
     </div>
   </div>
@@ -40,7 +41,7 @@
 import { layer } from "@layui/layer-vue";
 import { onMounted, onUnmounted, ref, watch } from "vue";
 import { openPlayground } from "../utils/code-playground";
-import { openStackblitz } from "../utils/code-stackblitz"
+import { openStackblitz } from "../utils/code-stackblitz";
 
 const meta = ref<HTMLElement>({} as HTMLElement);
 const isFixContorl = ref(false);
@@ -61,12 +62,12 @@ const onPlayground = async function () {
   window.open(link);
 };
 
-const onStackblitz = function() {
+const onStackblitz = function () {
   const foundCodes = meta.value.getElementsByClassName("language-html");
   const foundCode = foundCodes[0];
   const SourceCode = foundCode.textContent || "";
   openStackblitz(SourceCode);
-}
+};
 
 const copy = function () {
   const foundCodes = meta.value.getElementsByClassName("language-html");
@@ -213,7 +214,7 @@ function handleScroll() {
 .btn:hover::before {
   color: #5fb878;
 }
-.btn:hover svg > path{
+.btn:hover svg > path {
   fill: #5fb878;
 }
 </style>