feat: add switch onswitch-icon and unswitch-icon slot

example/docs/zh-CN/components/switch.md

@@ -117,6 +117,35 @@ export default {
 
 :::
 
+::: title 图标插槽
+:::
+
+::: demo
+
+<template>
+  <lay-switch v-model="active5">
+    <template #onswitch-icon>😄</template>
+    <template #unswitch-icon>🤔</template>
+  </lay-switch>
+</template>
+
+<script>
+import { ref } from 'vue'
+
+export default {
+  setup() {
+
+    const active5 = ref(true)
+
+    return {
+        active5
+    }
+  }
+}
+</script>
+
+:::
+
 ::: title Switch 属性
 :::
 

example/docs/zh-CN/components/transfer.md

@@ -170,6 +170,7 @@ export default {
 | dataSource | 数据来源    | --              |
 | title      | 标题        | --              |
 | id         | 主键        | --              |
+| showSearch | 开启搜索        | --              |
 
 :::
 

example/docs/zh-CN/guide/changelog.md

@@ -16,11 +16,13 @@
       <li> 
         <h3>0.4.1 <span class="layui-badge-rim">2022-03-17</span></h3> 
         <ul>
-          <li>[新增] input 组件 prefix 插槽, 提供前缀设置。</li>
-          <li>[新增] input 组件 suffix 插槽, 提供后缀设置。</li>
-          <li>[新增] input 组件 allow-clear 属性, 提供输入清空。</li>
+          <li>[新增] switch 组件 onswitch-icon 插槽。</li>
+          <li>[新增] switch 组件 unswitch-icon 插槽。</li>
           <li>[新增] transition 组件 type 属性, 默认为 collapse 过渡。</li>
           <li>[新增] transition 组件 type 属性 fade 值, 提供淡出淡入效果。</li>
+          <li>[新增] input 组件 allow-clear 属性, 提供输入清空。</li>
+          <li>[新增] input 组件 prefix 插槽, 提供前缀设置。</li>
+          <li>[新增] input 组件 suffix 插槽, 提供后缀设置。</li>
         </ul> 
       </li>
     </ul>

example/src/assets/css/code.css

@@ -206,10 +206,6 @@ div[class*='language-'].line-numbers-mode {
   font-weight: bold;
 }
 
-.token.italic {
-  font-style: italic;
-}
-
 .token.entity {
   cursor: help;
 }

src/component/carousel/index.vue

@@ -140,20 +140,12 @@ const add = function () {
       </ul>
     </div>
     <!-- 操作 -->
-    <button
-      class="layui-icon layui-carousel-arrow"
-      lay-type="sub"
-      @click="sub"
-    >
-      {{ anim === "updown" ? "" : "" }}</button
-    >
-    
-    <button
-      class="layui-icon layui-carousel-arrow"
-      lay-type="add"
-      @click="add"
-    >
+    <button class="layui-icon layui-carousel-arrow" lay-type="sub" @click="sub">
+      {{ anim === "updown" ? "" : "" }}
+    </button>
+
+    <button class="layui-icon layui-carousel-arrow" lay-type="add" @click="add">
       {{ anim === "updown" ? "" : "" }}
     </button>
   </div>
-</template>
+</template>

src/component/carouselItem/index.vue

@@ -17,7 +17,7 @@ slotsChange.value = !slotsChange.value;
 </script>
 
 <template>
-  <li v-if="active === id ">
+  <li v-if="active === id">
     <slot></slot>
   </li>
 </template>

src/component/inputNumber/index.vue

@@ -106,7 +106,6 @@ const isNumber = function (num: any) {
 <template>
   <div class="layui-input-number" :position="position" :size="size">
     <lay-button
-      type="primary"
       size="gl"
       @mousedown="longDown(subtraction)"
       @mouseup="cancelLongDown"
@@ -130,7 +129,6 @@ const isNumber = function (num: any) {
       />
     </div>
     <lay-button
-      type="primary"
       size="gl"
       @mousedown="longDown(addition)"
       @mouseup="cancelLongDown"

src/component/switch/index.less

@@ -14,7 +14,7 @@
   transition: 0.1s linear;
 }
 
-.layui-form-switch i {
+.layui-form-switch span {
   position: absolute;
   left: 5px;
   top: 3px;
@@ -43,7 +43,7 @@
   background-color: @global-checked-color;
 }
 
-.layui-form-onswitch i {
+.layui-form-onswitch span {
   left: 100%;
   margin-left: -21px;
   background-color: #fff;

src/component/switch/index.vue

@@ -51,7 +51,12 @@ const handleClick = function () {
       }"
     >
       <em>{{ isActive == true ? activeText : inactiveText }}</em>
-      <i></i>
+      <span>
+        <div>
+        <slot v-if="isActive" name="onswitch-icon"></slot>
+        <slot v-else name="unswitch-icon"></slot>
+        </div>
+      </span>
     </div>
   </span>
 </template>