feat: 添加自动高度文本框插件,更新 FormKit 配置以支持 textarea 类型
All checks were successful
/ surge (push) Successful in 37s

This commit is contained in:
严浩
2024-11-19 16:48:06 +08:00
parent 8a1398d91d
commit 60a265e139
2 changed files with 12 additions and 5 deletions

View File

@ -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

View File

@ -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