From 63d8c988224ac2f635e3be5ad73370b0f152d783 Mon Sep 17 00:00:00 2001
From: roymondchen <roymondchen@tencent.com>
Date: Tue, 8 Aug 2023 16:14:36 +0800
Subject: [PATCH] =?UTF-8?q?feat(design):=20input=E6=94=AF=E6=8C=81textarea?=
 =?UTF-8?q?=20rows?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/design/src/Input.vue | 15 ++++++++++++++-
 packages/design/src/types.ts  | 13 ++++++++++++-
 2 files changed, 26 insertions(+), 2 deletions(-)

diff --git a/packages/design/src/Input.vue b/packages/design/src/Input.vue
index 5985c23d..3144cff3 100644
--- a/packages/design/src/Input.vue
+++ b/packages/design/src/Input.vue
@@ -1,5 +1,6 @@
 <template>
   <component
+    ref="instance"
     class="tmagic-design-input"
     :is="uiComponent"
     v-bind="uiProps"
@@ -23,7 +24,7 @@
 </template>
 
 <script setup lang="ts">
-import { computed } from 'vue';
+import { computed, ref } from 'vue';
 
 import { getConfig } from './config';
 import type { InputProps } from './types';
@@ -42,6 +43,8 @@ const uiProps = computed(() => ui?.props(props) || props);
 
 const emit = defineEmits(['change', 'input', 'update:modelValue']);
 
+const instance = ref<any>();
+
 const changeHandler = (...args: any[]) => {
   emit('change', ...args);
 };
@@ -53,4 +56,14 @@ const inputHandler = (...args: any[]) => {
 const updateModelValue = (...args: any[]) => {
   emit('update:modelValue', ...args);
 };
+
+defineExpose({
+  instance,
+  getInput() {
+    return instance.value.input;
+  },
+  getTextarea() {
+    return instance.value.textarea;
+  },
+});
 </script>
diff --git a/packages/design/src/types.ts b/packages/design/src/types.ts
index eefcdaaa..c5ff22a7 100644
--- a/packages/design/src/types.ts
+++ b/packages/design/src/types.ts
@@ -181,6 +181,7 @@ export interface InputProps {
   clearable?: boolean;
   disabled?: boolean;
   placeholder?: string;
+  rows?: number;
   type?: string;
   size?: FieldSize;
 }
@@ -515,7 +516,17 @@ export interface Components {
   };
 
   input: {
-    component: DefineComponent<InputProps, {}, any> | string;
+    component:
+      | DefineComponent<
+          InputProps,
+          {
+            instance: any;
+            getInput: () => HTMLInputElement | undefined;
+            getTextarea: () => HTMLTextAreaElement | undefined;
+          },
+          any
+        >
+      | string;
     props: (props: InputProps) => InputProps;
   };