feat(Input/Textarea): expose ref

docs/content/3.components/form.md

@@ -24,7 +24,7 @@ links:
 
 :component-events
 
-### Exposed
+### Expose
 
 When accessing the component via a template ref, you can use the following:
 

docs/content/3.components/input.md

@@ -183,6 +183,14 @@ props:
 
 :component-events
 
+### Expose
+
+When accessing the component via a template ref, you can use the following:
+
+| Name | Type |
+| ---- | ---- |
+| `inputRef`{lang="ts-type"} | `Ref<HTMLInputElement \| null>`{lang="ts-type"} |
+
 ## Theme
 
 :component-theme

docs/content/3.components/textarea.md

@@ -144,6 +144,14 @@ props:
 
 :component-events
 
+### Expose
+
+When accessing the component via a template ref, you can use the following:
+
+| Name | Type |
+| ---- | ---- |
+| `textareaRef`{lang="ts-type"} | `Ref<HTMLTextAreaElement \| null>`{lang="ts-type"} |
+
 ## Theme
 
 :component-theme

src/runtime/components/Input.vue

@@ -133,6 +133,10 @@ function onBlur(event: FocusEvent) {
   emits('blur', event)
 }
 
+defineExpose({
+  inputRef
+})
+
 onMounted(() => {
   setTimeout(() => {
     autoFocus()

src/runtime/components/InputMenu.vue

@@ -228,6 +228,10 @@ function onUpdateOpen(value: boolean) {
     emits('focus', event)
   }
 }
+
+defineExpose({
+  inputRef
+})
 </script>
 
 <template>

src/runtime/components/Textarea.vue

@@ -151,6 +151,10 @@ watch(() => modelValue, () => {
   nextTick(autoResize)
 })
 
+defineExpose({
+  textareaRef
+})
+
 onMounted(() => {
   setTimeout(() => {
     autoResize()