From 60a265e13908d4ed93e4e9d23e839f79a6e24392 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=B8=A5=E6=B5=A9?= <me@yanhao.ren>
Date: Tue, 19 Nov 2024 16:48:06 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=B7=BB=E5=8A=A0=E8=87=AA=E5=8A=A8?=
 =?UTF-8?q?=E9=AB=98=E5=BA=A6=E6=96=87=E6=9C=AC=E6=A1=86=E6=8F=92=E4=BB=B6?=
 =?UTF-8?q?=EF=BC=8C=E6=9B=B4=E6=96=B0=20FormKit=20=E9=85=8D=E7=BD=AE?=
 =?UTF-8?q?=E4=BB=A5=E6=94=AF=E6=8C=81=20textarea=20=E7=B1=BB=E5=9E=8B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 formkit.config.ts | 10 ++++++----
 src/App.vue       |  7 ++++++-
 2 files changed, 12 insertions(+), 5 deletions(-)

diff --git a/formkit.config.ts b/formkit.config.ts
index 23166d7..afc760f 100644
--- a/formkit.config.ts
+++ b/formkit.config.ts
@@ -1,15 +1,15 @@
 import type { FormKitNode, FormKitOptions } from '@formkit/core'
 import { createI18nPlugin, zh } from '@formkit/i18n'
 import { genesisIcons } from '@formkit/icons'
-import { checkbox, createLibraryPlugin, form, group, range, submit, text, list, number } from '@formkit/inputs'
+import { checkbox, createLibraryPlugin, form, group, range, submit, text, list, number, textarea } from '@formkit/inputs'
 import * as defaultRules from '@formkit/rules'
 import { createThemePlugin } from '@formkit/themes'
 import { createValidationPlugin } from '@formkit/validation'
 import { /* defaultConfig, */ bindings } from '@formkit/vue'
 import { rootClasses } from "./formkit.theme"
-import { createAutoAnimatePlugin } from '@formkit/addons'
+import { createAutoAnimatePlugin, createAutoHeightTextareaPlugin } from '@formkit/addons'
 
-const library = createLibraryPlugin({ text, form, submit, group, checkbox, range, list, number })
+const library = createLibraryPlugin({ text, form, submit, group, checkbox, range, list, number, textarea, })
 const validation = createValidationPlugin(defaultRules)
 const i18n = createI18nPlugin({ zh })
 const theme = undefined;
@@ -55,11 +55,13 @@ function addAsteriskPlugin(node: FormKitNode) {
   })
 }
 
-
 export default {
   plugins: [
     library, themePlugin, bindings, i18n, validation, addAsteriskPlugin,
 
+    // https://github.com/formkit/formkit/blob/ac1947a305eb5082ba95f53800305d080787cb32/packages/addons/src/plugins/autoHeightTextarea.ts
+    createAutoHeightTextareaPlugin(),
+
     // https://auto-animate.formkit.com/#usage
     // https://github.com/formkit/auto-animate/
     // https://github.com/formkit/formkit/blob/46d64d05c1b37875fc6227853f2bcfa987550c91/packages/addons/src/plugins/autoAnimatePlugin.ts
diff --git a/src/App.vue b/src/App.vue
index 351f2aa..b04e58a 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -124,7 +124,12 @@ const SCHEMA: FormKitSchemaDefinition = [
             :plugins="[castNumber]"
             class="mb-4"
           />
-
+          <FormKit
+            type="textarea"
+            auto-height
+            label="我有自动高度插件"
+            help="这个文本框会随着输入内容增加而增高"
+          />
 
           <!-- By default groups do not show validation messages, so we need to add it manually -->
           <ul