From c7174726b3f017afb5666f9ccc343a0c98d8d1fa Mon Sep 17 00:00:00 2001
From: roymondchen <roymondchen@tencent.com>
Date: Fri, 24 Oct 2025 18:15:26 +0800
Subject: [PATCH] =?UTF-8?q?feat(design,=20form,=20form-schema,=20tdesign-v?=
 =?UTF-8?q?ue-next-adapter):=20textarea=E6=94=AF=E6=8C=81rows=E9=85=8D?=
 =?UTF-8?q?=E7=BD=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/design/src/Input.vue                 |  7 +++-
 packages/design/src/types.ts                  |  1 -
 packages/form-schema/src/base.ts              |  1 +
 packages/form/src/fields/Textarea.vue         |  1 +
 .../tdesign-vue-next-adapter/src/Input.vue    | 36 +++++++++++++++++--
 5 files changed, 41 insertions(+), 5 deletions(-)

diff --git a/packages/design/src/Input.vue b/packages/design/src/Input.vue
index 1aec4ce0..5d514db8 100644
--- a/packages/design/src/Input.vue
+++ b/packages/design/src/Input.vue
@@ -8,6 +8,7 @@
     @input="inputHandler"
     @update:modelValue="updateModelValue"
     @blur="blurHandler"
+    @focus="focusHandler"
   >
     <template #prepend v-if="$slots.prepend">
       <slot name="prepend"></slot>
@@ -42,7 +43,7 @@ const uiComponent = ui?.component || 'el-input';
 
 const uiProps = computed<InputProps>(() => ui?.props(props) || props);
 
-const emit = defineEmits(['change', 'input', 'blur', 'update:modelValue']);
+const emit = defineEmits(['change', 'input', 'blur', 'focus', 'update:modelValue']);
 
 const instance = ref<any>();
 
@@ -62,6 +63,10 @@ const blurHandler = (...args: any[]) => {
   emit('blur', ...args);
 };
 
+const focusHandler = (...args: any[]) => {
+  emit('focus', ...args);
+};
+
 defineExpose({
   instance,
   getInput() {
diff --git a/packages/design/src/types.ts b/packages/design/src/types.ts
index 30732573..1ede01ef 100644
--- a/packages/design/src/types.ts
+++ b/packages/design/src/types.ts
@@ -194,7 +194,6 @@ export interface InputProps {
   rows?: number;
   type?: string;
   size?: FieldSize;
-  row?: number;
 }
 
 export interface InputNumberProps {
diff --git a/packages/form-schema/src/base.ts b/packages/form-schema/src/base.ts
index 24c014c4..2a309f93 100644
--- a/packages/form-schema/src/base.ts
+++ b/packages/form-schema/src/base.ts
@@ -373,6 +373,7 @@ export interface TextConfig extends FormItem, Input {
 export interface TextareaConfig extends FormItem {
   type: 'textarea';
   placeholder?: string;
+  rows?: number;
 }
 
 /**
diff --git a/packages/form/src/fields/Textarea.vue b/packages/form/src/fields/Textarea.vue
index f5de3bed..c6e30ca9 100644
--- a/packages/form/src/fields/Textarea.vue
+++ b/packages/form/src/fields/Textarea.vue
@@ -6,6 +6,7 @@
     clearable
     :placeholder="config.placeholder"
     :disabled="disabled"
+    :rows="config.rows"
     @update:model-value="changeHandler"
     @input="inputHandler"
   >
diff --git a/packages/tdesign-vue-next-adapter/src/Input.vue b/packages/tdesign-vue-next-adapter/src/Input.vue
index 04b4edbe..f76ee520 100644
--- a/packages/tdesign-vue-next-adapter/src/Input.vue
+++ b/packages/tdesign-vue-next-adapter/src/Input.vue
@@ -1,13 +1,17 @@
 <template>
   <TTextarea
     v-if="type === 'textarea'"
+    ref="textarea"
     :modelValue="modelValue"
     :size="size === 'default' ? 'medium' : size"
     :disabled="disabled"
     :placeholder="placeholder"
-    :row="row"
+    :rows="rows"
     @keypress="inputHandler"
     @change="changeHandler"
+    @blur="blurHandler"
+    @focus="focusHandler"
+    @update:modelValue="updateModelValue"
   ></TTextarea>
   <TInputAdornment v-else>
     <template #prepend v-if="$slots.prepend">
@@ -24,6 +28,8 @@
       :placeholder="placeholder"
       @keypress="inputHandler"
       @change="changeHandler"
+      @blur="blurHandler"
+      @focus="focusHandler"
       @update:modelValue="updateModelValue"
     >
       <template #prefix-icon v-if="$slots.prefix">
@@ -37,6 +43,7 @@
 </template>
 
 <script lang="ts" setup>
+import { useTemplateRef, watch } from 'vue';
 import { Input as TInput, InputAdornment as TInputAdornment, Textarea as TTextarea } from 'tdesign-vue-next';
 
 import type { InputProps } from '@tmagic/design';
@@ -45,13 +52,28 @@ defineOptions({
   name: 'TTDesignAdapterInput',
 });
 
-defineProps<
+const props = defineProps<
   InputProps & {
     modelValue: string;
   }
 >();
 
-const emit = defineEmits(['change', 'input', 'update:modelValue']);
+const emit = defineEmits(['change', 'input', 'blur', 'focus', 'update:modelValue']);
+
+const textareaRef = useTemplateRef('textarea');
+
+watch(
+  [textareaRef, () => props.rows],
+  ([val, rows]) => {
+    if (val && rows) {
+      const el = val.$el.querySelector('textarea');
+      if (el) {
+        el.rows = rows;
+      }
+    }
+  },
+  { immediate: true },
+);
 
 const changeHandler = (...args: any[]) => {
   emit('change', ...args);
@@ -61,6 +83,14 @@ const inputHandler = (...args: any[]) => {
   emit('input', ...args);
 };
 
+const blurHandler = (...args: any[]) => {
+  emit('blur', ...args);
+};
+
+const focusHandler = (...args: any[]) => {
+  emit('focus', ...args);
+};
+
 const updateModelValue = (...args: any[]) => {
   emit('update:modelValue', ...args);
 };