From d07da1a475fef47cc64c19e0b2f830d33e53eab9 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 11:04:56 +0800
Subject: [PATCH] =?UTF-8?q?=F0=9F=90=9B(component):=20=E4=BF=AE=E5=A4=8D?=
 =?UTF-8?q?=20textarea=20=E7=BB=84=E4=BB=B6=20maxlength=20=E5=B1=9E?=
 =?UTF-8?q?=E6=80=A7=E4=B8=8D=E5=8F=AF=E7=94=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 package/component/src/component/input/index.ts |  2 +-
 .../component/src/component/textarea/index.vue | 18 ++++++++++--------
 .../src/document/zh-CN/components/textarea.md  |  5 +++--
 3 files changed, 14 insertions(+), 11 deletions(-)

diff --git a/package/component/src/component/input/index.ts b/package/component/src/component/input/index.ts
index a1b16342..bc751ebc 100644
--- a/package/component/src/component/input/index.ts
+++ b/package/component/src/component/input/index.ts
@@ -2,4 +2,4 @@ import { withInstall, WithInstallType } from "../../utils";
 import Component from "./index.vue";
 
 const component: WithInstallType<typeof Component> = withInstall(Component);
-export default component;
\ No newline at end of file
+export default component;
diff --git a/package/component/src/component/textarea/index.vue b/package/component/src/component/textarea/index.vue
index 097697d5..662510ab 100644
--- a/package/component/src/component/textarea/index.vue
+++ b/package/component/src/component/textarea/index.vue
@@ -15,15 +15,16 @@ export interface LayTextareaProps {
   disabled?: boolean;
   showCount?: boolean;
   allowClear?: boolean;
+  maxlength?: number;
 }
 
 const props = defineProps<LayTextareaProps>();
 
 interface TextareaEmits {
   (e: "blur", event: Event): void;
-  (e: "input", event: Event): void;
+  (e: "input", value: string ): void;
   (e: "update:modelValue", value: string): void;
-  (e: "change", event: Event): void;
+  (e: "change", value: string): void;
   (e: "focus", event: Event): void;
   (e: "clear"): void;
 }
@@ -35,7 +36,7 @@ const attrs = useAttrs();
 const onInput = function (event: Event) {
   const inputElement = event.target as HTMLInputElement;
   emit("update:modelValue", inputElement.value);
-  emit("input", event);
+  emit("input", inputElement.value);
 };
 
 const onFocus = function (event: Event) {
@@ -47,7 +48,8 @@ const onBlur = function (event: Event) {
 };
 
 const onChange = (event: Event) => {
-  emit("change", event);
+  const inputElement = event.target as HTMLInputElement;
+  emit("change", inputElement.value);
 };
 
 const onClear = function () {
@@ -59,8 +61,8 @@ const hasContent = computed(() => (props.modelValue as string)?.length > 0);
 
 const wordCount = computed(() => {
   let count = String(props.modelValue?.length ?? 0);
-  if (attrs.maxlength) {
-    count += "/" + attrs.maxlength;
+  if (props.maxlength) {
+    count += "/" + props.maxlength;
   }
   return count;
 });
@@ -69,12 +71,12 @@ const wordCount = computed(() => {
 <template>
   <div class="layui-textarea-wrapper">
     <textarea
+      class="layui-textarea"
       :value="modelValue"
-      v-bind="$attrs"
       :placeholder="placeholder"
       :name="name"
       :disabled="disabled"
-      class="layui-textarea"
+      :maxlength="maxlength"
       :class="{ 'layui-disabled': disabled }"
       @input="onInput"
       @focus="onFocus"
diff --git a/package/document-component/src/document/zh-CN/components/textarea.md b/package/document-component/src/document/zh-CN/components/textarea.md
index a002965c..2bf5f205 100644
--- a/package/document-component/src/document/zh-CN/components/textarea.md
+++ b/package/document-component/src/document/zh-CN/components/textarea.md
@@ -125,7 +125,7 @@ export default {
 <template>
   <lay-textarea placeholder="显示字数" v-model="data4" show-count></lay-textarea>
   <br>
-  <lay-textarea placeholder="最大输入长度" v-model="data5" show-count :max-length="10"></lay-textarea>
+  <lay-textarea placeholder="最大输入长度" v-model="data5" show-count :maxlength="10"></lay-textarea>
 </template>
 
 <script>
@@ -155,9 +155,10 @@ export default {
 | ----------- | ------------- | -------------- |
 | name        | 原始属性 name | --             |
 | placeholder | 提示信息      | --             |
-| show-count | 显示字数       | `true` `false`  |
+| show-count  | 显示字数       | `true` `false`  |
 | disabled    | 禁用          | `true` `false` |
 | v-model     | 值            | --             |
+| maxlength   | 限制输入长度   | --             |
 
 :::