🐛修复(component): 🐛修复: 按需加载部分被引用组件无法解析的问题

package/component/script/build.es.ts

@@ -31,6 +31,10 @@ const matchModule: string[] = [
   "skeletonItem",
   "tabItem",
   "upload",
+  "checkbox",
+  "badge",
+  "button",
+  "tooltip",
 ];
 
 export default (): UserConfigExport => {

package/component/src/component/iconPicker/index.vue

@@ -8,6 +8,7 @@ export default {
 import "./index.less";
 import { Ref, ref } from "vue";
 import { LayIconList as icons } from "@layui/icons-vue";
+import LayDropdown from "../dropdown/index.vue";
 
 export interface LayIconPickerProps {
   page?: boolean;

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

@@ -8,11 +8,11 @@
       class="layui-notice-bar-warp"
       :style="{ color, fontSize: `${size}px` }"
     >
-      <lay-icon
+      <LayIcon
         v-if="leftIcon"
         class="layui-notice-bar-warp-left-icon"
         :type="leftIcon"
-      ></lay-icon>
+      ></LayIcon>
       <div
         class="layui-notice-bar-warp-text-box"
         ref="noticeBarWarpRef"
@@ -45,12 +45,12 @@
           <!-- <slot />   -->
         </div>
       </div>
-      <lay-icon
+      <LayIcon
         :type="rightIcon"
         v-if="rightIcon"
         class="layui-notice-bar-warp-right-icon"
         @click="onRightIconClick"
-      ></lay-icon>
+      ></LayIcon>
     </div>
   </div>
 </template>
@@ -65,10 +65,14 @@ import {
   nextTick,
 } from "vue";
 import LayCarousel from "../carousel/index.vue";
+import LayCarouselItem from "../carouselItem/index.vue";
+import { LayIcon } from "@layui/icons-vue";
 export default defineComponent({
   name: "LayNoticeBar",
   components: {
     LayCarousel,
+    LayCarouselItem,
+    LayIcon,
   },
   props: {
     mode: {

package/component/src/component/select/index.vue

@@ -18,6 +18,7 @@ import {
   Ref,
 } from "vue";
 import LayScroll from "../scroll";
+import LayBadge from "../badge/index.vue";
 import { onClickOutside } from "@vueuse/core";
 import { SelectItem } from "../../types";
 

package/component/src/component/skeletonItem/index.vue

@@ -6,6 +6,7 @@ export default {
 
 <script setup lang="ts">
 import { withDefaults } from "vue";
+import { LayIcon } from "@layui/icons-vue";
 
 export interface LaySkeletonProps {
   type?: string;

package/component/src/component/slider/Standard.vue

@@ -2,6 +2,7 @@
 import { Ref, ref } from "vue";
 import { on, off } from "evtd";
 import { throttle, handle_select } from "./utils/index";
+import LayTooltip from "../tooltip/index.vue";
 
 interface Prop {
   val?: number | Array<number>;

package/component/src/component/slider/StandardRange.vue

@@ -2,6 +2,7 @@
 import { ref, toRef, Ref } from "vue";
 import { on, off } from "evtd";
 import { throttle } from "./utils/index";
+import LayTooltip from "../tooltip/index.vue";
 interface Prop {
   rangeValue: Array<number>;
   disabled?: boolean;

package/component/src/component/slider/Vertical.vue

@@ -2,6 +2,7 @@
 import { Ref, ref } from "vue";
 import { on, off } from "evtd";
 import { throttle } from "./utils/index";
+import LayTooltip from "../tooltip/index.vue";
 
 interface Prop {
   val?: number | Array<number>;

package/component/src/component/slider/VerticalRange.vue

@@ -2,6 +2,7 @@
 import { ref, toRef, Ref } from "vue";
 import { on, off } from "evtd";
 import { throttle } from "./utils/index";
+import LayTooltip from "../tooltip/index.vue";
 interface Prop {
   rangeValue: Array<number>;
   disabled?: boolean;

package/component/src/component/stepItem/index.vue

@@ -15,7 +15,7 @@ import {
   reactive,
   withDefaults,
 } from "vue";
-
+import { LayIcon } from "@layui/icons-vue";
 import type { ComputedRef } from "vue";
 
 export interface LayStepItemProps {

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

@@ -7,6 +7,8 @@ export default {
 <script setup lang="ts">
 import "./index.less";
 import LayScroll from "../scroll";
+import LayButton from "../button/index.vue";
+import LayCheckbox from "../checkbox/index.vue";
 import { Ref, ref, useSlots, watch } from "vue";
 import { BooleanOrString, Recordable } from "../../types";
 
@@ -165,14 +167,14 @@ const searchRight = (e: any) => {
     <div class="layui-transfer layui-form layui-border-box">
       <div class="layui-transfer-box" style="width: 200px; height: 360px">
         <div class="layui-transfer-header">
-          <lay-checkbox
+          <LayCheckbox
             v-model="allLeftChecked"
             skin="primary"
             label="all"
             @change="allLeftChange"
           >
             <span>{{ title[0] }}</span>
-          </lay-checkbox>
+          </LayCheckbox>
         </div>
         <div class="layui-transfer-search" v-if="showSearch">
           <i class="layui-icon layui-icon-search"></i
@@ -185,41 +187,41 @@ const searchRight = (e: any) => {
         </div>
         <ul class="layui-transfer-data" style="height: 320px">
           <li v-for="dataSource in leftDataSource" :key="dataSource">
-            <lay-checkbox
+            <LayCheckbox
               v-model="leftSelectedKeys"
               skin="primary"
               :label="dataSource[id]"
             >
               <slot v-if="slot.item" name="item" :data="dataSource"></slot>
               <span v-else>{{ dataSource.title }}</span>
-            </lay-checkbox>
+            </LayCheckbox>
           </li>
         </ul>
       </div>
       <div class="layui-transfer-active">
-        <lay-button
+        <LayButton
           type="primary"
           :disabled="leftSelectedKeys.length == 0"
           @click="add"
           ><i class="layui-icon layui-icon-next"></i
-        ></lay-button>
+        ></LayButton>
-        <lay-button
+        <LayButton
           type="primary"
           :disabled="rightSelectedKeys.length == 0"
           @click="remove"
           ><i class="layui-icon layui-icon-prev"></i
-        ></lay-button>
+        ></LayButton>
       </div>
       <div class="layui-transfer-box" style="width: 200px; height: 360px">
         <div class="layui-transfer-header">
-          <lay-checkbox
+          <LayCheckbox
             v-model="allRightChecked"
             skin="primary"
             label="all"
             @change="allRightChange"
           >
             <span>{{ title[1] }}</span>
-          </lay-checkbox>
+          </LayCheckbox>
         </div>
         <div class="layui-transfer-search" v-if="showSearch">
           <i class="layui-icon layui-icon-search"></i
@@ -232,14 +234,14 @@ const searchRight = (e: any) => {
         </div>
         <ul class="layui-transfer-data" style="height: 320px">
           <li v-for="dataSource in rightDataSource" :key="dataSource">
-            <lay-checkbox
+            <LayCheckbox
               v-model="rightSelectedKeys"
               skin="primary"
               :label="dataSource[id]"
             >
               <slot v-if="slot.item" name="item" :data="dataSource"></slot>
               <span v-else>{{ dataSource.title }}</span>
-            </lay-checkbox>
+            </LayCheckbox>
           </li>
         </ul>
       </div>

package/component/src/component/upload/index.vue

@@ -19,6 +19,7 @@ import {
 } from "vue";
 import { templateRef } from "@vueuse/core";
 import { LayLayer } from "@layui/layer-vue";
+import LayButton from "../button/index.vue";
 import Cropper from "cropperjs";
 // 组件的参数字段类型
 //https://www.layuiweb.com/doc/modules/upload.html#options