From 19b1dd5c8825f443fe56a3a2956b537b5df062d5 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: Thu, 28 Jul 2022 17:50:09 +0800
Subject: [PATCH] =?UTF-8?q?=F0=9F=90=9B(component):=20=E4=BF=AE=E5=A4=8D?=
 =?UTF-8?q?=20select=20=E7=BB=84=E4=BB=B6=20allow-clear=20=E5=B1=9E?=
 =?UTF-8?q?=E6=80=A7=E4=B8=BA=E9=9D=9E=E5=BF=85=E5=A1=AB?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 package/component/src/component/select/index.vue    | 2 +-
 package/component/src/component/textarea/index.less | 3 ++-
 package/component/src/component/textarea/index.vue  | 2 +-
 3 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/package/component/src/component/select/index.vue b/package/component/src/component/select/index.vue
index bd8f9719..d0e5c503 100644
--- a/package/component/src/component/select/index.vue
+++ b/package/component/src/component/select/index.vue
@@ -31,7 +31,7 @@ export interface LaySelectProps {
     keyword: string;
   }[];
   size?: "lg" | "md" | "sm" | "xs";
-  allowClear: boolean;
+  allowClear?: boolean;
 }
 
 const selectRef = shallowRef<undefined | HTMLElement>(undefined);
diff --git a/package/component/src/component/textarea/index.less b/package/component/src/component/textarea/index.less
index 111fe9f3..0ddb864e 100644
--- a/package/component/src/component/textarea/index.less
+++ b/package/component/src/component/textarea/index.less
@@ -42,9 +42,10 @@
 .layui-textarea::-webkit-input-placeholder {
   line-height: 1.3;
 }
-.layui-texterea-show-count {
+.layui-texterea-count {
   text-align: right;
   color: inherit;
   white-space: nowrap;
   pointer-events: none;
+  margin-top: 4px;
 }
\ No newline at end of file
diff --git a/package/component/src/component/textarea/index.vue b/package/component/src/component/textarea/index.vue
index aa270fac..4a6bae90 100644
--- a/package/component/src/component/textarea/index.vue
+++ b/package/component/src/component/textarea/index.vue
@@ -84,7 +84,7 @@ const wordCount = computed(() => {
     <span class="layui-textarea-clear" v-if="allowClear && hasContent">
       <lay-icon type="layui-icon-close-fill" @click="onClear"></lay-icon>
     </span>
-    <div v-if="showCount" class="layui-texterea-show-count">
+    <div v-if="showCount" class="layui-texterea-count">
       {{ wordCount }}
     </div>
   </div>