🐛(component): 按需加载部分组件样式未正确加载的问题

package/component/src/component/carousel/index.vue

@@ -18,7 +18,7 @@ import {
   watch,
   onMounted,
 } from "vue";
-import CarouselItem from "../carouselItem";
+import CarouselItem from "../carouselItem/index.vue";
 
 const slot = useSlots() as any;
 const slots = slot.default && (slot.default() as any[]);

package/component/src/component/colorPicker/index.less

@@ -1,3 +1,5 @@
+@import "../dropdown/index.less";
+
 .layui-color-picker {
   position: relative;
   user-select: none;

package/component/src/component/countUp/index.vue

@@ -101,7 +101,6 @@ defineExpose({
 
 <template>
   <slot name="prefix"></slot>
-  <!-- <span style="font-family: sans-serif" /> -->
   <span>{{ displayValue }}</span>
   <slot name="suffix"></slot>
 </template>

package/component/src/component/datePicker/index.less

@@ -1,3 +1,6 @@
+@import "../dropdown/index.less";
+@import "../input/index.less";
+
 @font-face {
   font-family: "laydate-icon";
   src: url("./font/iconfont.eot");

package/component/src/component/iconPicker/index.less

@@ -1,3 +1,5 @@
+@import "../dropdown/index.less";
+
 :root {
     --icon-picker-border-radius: var(--global-border-radius);
     --icon-picker-checked-color: var(--global-checked-color);

package/component/src/component/inputNumber/index.less

@@ -1,3 +1,6 @@
+@import "../button/index.less";
+@import "../input/index.less";
+
 @border-color: #eee;
 @hover-border-color: var(--global-primary-color);
 @lg: 40px;

package/component/src/component/layout/index.less

@@ -1,3 +1,5 @@
+@import "../header/index.less";
+
 .layui-layout {
   flex: 1;
   display: flex;

package/component/src/component/noticeBar/index.vue

@@ -172,6 +172,8 @@ onMounted(() => {
 </script>
 
 <style>
+@import "../carousel/index.less";
+
 .layui-notice-bar {
   padding: 0 15px;
   width: 100%;

package/component/src/component/select/index.less

@@ -1,3 +1,6 @@
+@import "../badge/index.less";
+@import "../checkbox/index.less";
+
 dl.layui-anim-upbit > dd input[type="checkbox"] {
   display: none;
 }

package/component/src/component/selectOption/index.vue

@@ -5,7 +5,7 @@ export default {
 </script>
 
 <script setup lang="ts">
-import LayCheckbox from "../checkbox";
+import LayCheckbox from "../checkbox/index.vue";
 import { SelectItem, SelectItemHandle, SelectItemPush } from "../../types";
 import { computed, inject, onMounted, Ref, ref } from "vue";
 

package/component/src/component/slider/index.less

@@ -1,3 +1,5 @@
+@import "../popper/index.less";
+
 .layui-slider-v {
   width: 100%;
   height: 18px;

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

@@ -15,7 +15,7 @@ import {
   watch,
 } from "vue";
 import { onClickOutside } from "@vueuse/core";
-import LayTransition from "../transition";
+import LayTransition from "../transition/index.vue";
 
 export interface LaySubMenuProps {
   id: string;

package/component/src/component/table/index.less

@@ -1,3 +1,6 @@
+@import "../checkbox/index.less";
+@import "../dropdown/index.less";
+@import "../page/index.less";
 .layui-table-col-special {
   width: 34px;
 }

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

@@ -8,10 +8,10 @@ export default {
 import { ref, watch, useSlots, withDefaults, onMounted } from "vue";
 import { v4 as uuidv4 } from "../../utils/guidUtil";
 import { Recordable } from "../../types";
-import LayCheckbox from "../checkbox";
+import LayCheckbox from "../checkbox/index.vue";
-import LayDropdown from "../dropdown";
+import LayDropdown from "../dropdown/index.vue";
-import LayPage from "../page";
+import LayPage from "../page/index.vue";
-import LayIcon from "../icon";
+import LayIcon from "@layui/icons-vue";
 import "./index.less";
 
 const tableId = uuidv4();

package/component/src/component/transfer/index.less

@@ -1,3 +1,6 @@
+@import "../button/index.less";
+@import "../checkbox/index.less";
+
 :root {
   --transfer-box-border-radius: var(--global-border-radius);
 }

package/component/src/component/tree/TreeNode.vue

@@ -6,8 +6,8 @@ export default {
 
 <script setup lang="ts">
 import { StringOrNumber } from "./tree.type";
-import LayIcon from "../icon";
+import LayIcon from "@layui/icons-vue";
-import LayCheckbox from "../checkbox";
+import LayCheckbox from "../checkbox/index.vue";
 import { Ref, useSlots } from "vue";
 import { Tree } from "./tree";
 import { Nullable } from "../../types";

package/component/src/component/tree/index.less

@@ -1,3 +1,5 @@
+@import "../checkbox/index.less";
+
 .layui-tree {
   line-height: 22px;
 }

package/component/src/component/upload/index.less

@@ -1,4 +1,5 @@
 @import "./cropper.min.css";
+@import "../button/index.less";
 
 .layui-upload-file {
   opacity: 0.01;