From 4cb92078c375e39cb2eb85f3ab395c05ba2a4b99 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=B0=B1=E7=9C=A0=E5=84=80=E5=BC=8F?= <854085467@qq.com>
Date: Sun, 7 Aug 2022 17:23:09 +0800
Subject: [PATCH] =?UTF-8?q?=F0=9F=90=9B(component):=20=E4=BF=AE=E5=A4=8D?=
 =?UTF-8?q?=20transfer=20=E6=A0=87=E9=A2=98=20=E4=B8=8E=20=E9=A1=B9?=
 =?UTF-8?q?=E6=8F=8F=E8=BF=B0=20=E5=9C=A8=E4=B8=AA=E5=88=AB=E5=88=86?=
 =?UTF-8?q?=E8=BE=A8=E7=8E=87=E5=8C=BA=E9=97=B4=E6=98=BE=E7=A4=BA=E4=B8=8D?=
 =?UTF-8?q?=E5=85=A8=E7=9A=84=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 package/component/package.json                |  2 +-
 .../src/component/checkbox/index.less         |  1 -
 .../src/component/checkbox/index.vue          |  7 +++---
 .../component/src/component/page/index.vue    | 18 +++++++-------
 .../component/src/component/switch/index.vue  |  9 ++++---
 .../src/component/transfer/index.vue          |  8 +++----
 .../src/document/zh-CN/components/switch.md   | 24 +++++++++----------
 7 files changed, 36 insertions(+), 33 deletions(-)

diff --git a/package/component/package.json b/package/component/package.json
index d52d961f..2db4c6b4 100644
--- a/package/component/package.json
+++ b/package/component/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@layui/layui-vue",
-  "version": "1.3.14",
+  "version": "1.4.0",
   "author": "就眠儀式",
   "license": "MIT",
   "description": "a component library for Vue 3 base on layui-vue",
diff --git a/package/component/src/component/checkbox/index.less b/package/component/src/component/checkbox/index.less
index 4415b0b9..2567e938 100644
--- a/package/component/src/component/checkbox/index.less
+++ b/package/component/src/component/checkbox/index.less
@@ -22,7 +22,6 @@
         height: @size;
         line-height: @size;
         font-size: @font-size;
-        margin-top: 1px;
       }
     }
   }
diff --git a/package/component/src/component/checkbox/index.vue b/package/component/src/component/checkbox/index.vue
index 3d9c68ee..f236133d 100644
--- a/package/component/src/component/checkbox/index.vue
+++ b/package/component/src/component/checkbox/index.vue
@@ -116,15 +116,16 @@ const isDisabled = computed(() => {
   <span @click.stop="handleClick" class="layui-checkbox" :size="size">
     <input type="checkbox" :name="name" :value="value" />
     <div
-      class="layui-unselect layui-form-checkbox"
+      class="layui-form-checkbox"
       :class="{
         'layui-form-checked': isChecked,
         'layui-checkbox-disabled layui-disabled': isDisabled,
       }"
       :lay-skin="skin"
     >
-      <span class="layui-checkbox-label"
-        ><slot>{{ label }}</slot></span
+      <span class="layui-checkbox-label">
+        <slot>{{ label }}</slot>
+      </span
       >
       <lay-icon
         :type="
diff --git a/package/component/src/component/page/index.vue b/package/component/src/component/page/index.vue
index fe22069f..0effa485 100644
--- a/package/component/src/component/page/index.vue
+++ b/package/component/src/component/page/index.vue
@@ -13,19 +13,21 @@ export interface LayPageProps {
   total: number;
   limit: number;
   theme?: string;
-  modelValue?: number;
-  showPage?: boolean | string;
-  showSkip?: boolean | string;
-  showCount?: boolean | string;
-  showLimit?: boolean | string;
-  showInput?: boolean | string;
-  showRefresh?: boolean | string;
+  showPage?: boolean;
+  showSkip?: boolean;
+  showCount?: boolean;
+  showLimit?: boolean;
+  showInput?: boolean;
+  showRefresh?: boolean;
   pages?: number;
   limits?: number[];
+  modelValue?: number;
 }
 
 const props = withDefaults(defineProps<LayPageProps>(), {
   limit: 10,
+  pages: 10,
+  modelValue: 1,
   theme: "green",
   showPage: false,
   showSkip: false,
@@ -33,8 +35,6 @@ const props = withDefaults(defineProps<LayPageProps>(), {
   showLimit: true,
   showInput: false,
   showRefresh: false,
-  modelValue: 1,
-  pages: 10,
   limits: () => [10, 20, 30, 40, 50],
 });
 
diff --git a/package/component/src/component/switch/index.vue b/package/component/src/component/switch/index.vue
index 0070d5a7..3f222987 100644
--- a/package/component/src/component/switch/index.vue
+++ b/package/component/src/component/switch/index.vue
@@ -79,11 +79,14 @@ const styles = computed(() => {
       <span>
         <div>
           <template v-if="loading">
-            <i class="layui-icon layui-anim layui-anim-rotate layui-anim-loop" :class="loadingIcon"></i>
+            <i
+              class="layui-icon layui-anim layui-anim-rotate layui-anim-loop"
+              :class="loadingIcon"
+            ></i>
           </template>
           <template v-else>
-              <slot v-if="isActive" name="onswitch-icon"></slot>
-              <slot v-else name="unswitch-icon"></slot>
+            <slot v-if="isActive" name="onswitch-icon"></slot>
+            <slot v-else name="unswitch-icon"></slot>
           </template>
         </div>
       </span>
diff --git a/package/component/src/component/transfer/index.vue b/package/component/src/component/transfer/index.vue
index 196e7d93..d39e7fa4 100644
--- a/package/component/src/component/transfer/index.vue
+++ b/package/component/src/component/transfer/index.vue
@@ -199,7 +199,7 @@ const boxStyle = computed(() => {
             value="all"
             @change="allLeftChange"
           >
-            <span>{{ title[0] }}</span>
+            {{ title[0] }}
           </LayCheckbox>
         </div>
         <div class="layui-transfer-search" v-if="showSearch">
@@ -217,7 +217,7 @@ const boxStyle = computed(() => {
               :value="dataSource[id]"
             >
               <slot v-if="slots.item" name="item" :data="dataSource"></slot>
-              <span v-else>{{ dataSource.title }}</span>
+              <template v-else>{{ dataSource.title }}</template>
             </LayCheckbox>
           </li>
         </ul>
@@ -250,7 +250,7 @@ const boxStyle = computed(() => {
             value="all"
             @change="allRightChange"
           >
-            <span>{{ title[1] }}</span>
+            {{ title[1] }}
           </LayCheckbox>
         </div>
         <div class="layui-transfer-search" v-if="showSearch">
@@ -268,7 +268,7 @@ const boxStyle = computed(() => {
               :value="dataSource[id]"
             >
               <slot v-if="slots.item" name="item" :data="dataSource"></slot>
-              <span v-else>{{ dataSource.title }}</span>
+              <template v-else>{{ dataSource.title }}</template>
             </LayCheckbox>
           </li>
         </ul>
diff --git a/package/document-component/src/document/zh-CN/components/switch.md b/package/document-component/src/document/zh-CN/components/switch.md
index fc9eb088..825f1744 100644
--- a/package/document-component/src/document/zh-CN/components/switch.md
+++ b/package/document-component/src/document/zh-CN/components/switch.md
@@ -237,18 +237,18 @@ export default {
 
 ::: table
 
-| 属性          | 描述           | 可选值         |
-| ------------- | -------------- | -------------- |
-| name          | 原生 name 属性 | --             |
-| v-model       | 是否启用       | `true` `false` |
-| disabled      | 禁用           | `true` `false` |
-| onswitch-text | 启用描述       | `启动`        |
-| unswitch-text | 禁用描述       | `禁用`         |
-| onswitch-value | 启用值       | `true`        |
-| unswitch-value | 禁用值       | `false`         |
-| size | 尺寸       | `lg` `md` `sm` `xs`         |
-| loading | 加载状态       | `true` `false`         |
-| loading-icon | 加载图标       | --         |
+| 属性          | 描述           | 可选值                 |
+| ------------- | -------------- | --------------------- |
+| name          | 原生 name 属性 | --                     |
+| v-model       | 是否启用       | `true` `false`         |
+| disabled      | 禁用           | `true` `false`         |
+| onswitch-text | 启用描述        | `启动`                |
+| unswitch-text | 禁用描述        | `禁用`                |
+| onswitch-value | 启用值         | `true`                |
+| unswitch-value | 禁用值         | `false`               |
+| size           | 尺寸           | `lg` `md` `sm` `xs`   |
+| loading        | 加载状态       | `true` `false`        |
+| loading-icon   | 加载图标       | --                    |
 
 :::