feat: 添加自动高度文本框插件,更新 FormKit 配置以支持 textarea 类型
All checks were successful
/ surge (push) Successful in 37s
All checks were successful
/ surge (push) Successful in 37s
This commit is contained in:
@ -1,15 +1,15 @@
|
|||||||
import type { FormKitNode, FormKitOptions } from '@formkit/core'
|
import type { FormKitNode, FormKitOptions } from '@formkit/core'
|
||||||
import { createI18nPlugin, zh } from '@formkit/i18n'
|
import { createI18nPlugin, zh } from '@formkit/i18n'
|
||||||
import { genesisIcons } from '@formkit/icons'
|
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 * as defaultRules from '@formkit/rules'
|
||||||
import { createThemePlugin } from '@formkit/themes'
|
import { createThemePlugin } from '@formkit/themes'
|
||||||
import { createValidationPlugin } from '@formkit/validation'
|
import { createValidationPlugin } from '@formkit/validation'
|
||||||
import { /* defaultConfig, */ bindings } from '@formkit/vue'
|
import { /* defaultConfig, */ bindings } from '@formkit/vue'
|
||||||
import { rootClasses } from "./formkit.theme"
|
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 validation = createValidationPlugin(defaultRules)
|
||||||
const i18n = createI18nPlugin({ zh })
|
const i18n = createI18nPlugin({ zh })
|
||||||
const theme = undefined;
|
const theme = undefined;
|
||||||
@ -55,11 +55,13 @@ function addAsteriskPlugin(node: FormKitNode) {
|
|||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
plugins: [
|
plugins: [
|
||||||
library, themePlugin, bindings, i18n, validation, addAsteriskPlugin,
|
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://auto-animate.formkit.com/#usage
|
||||||
// https://github.com/formkit/auto-animate/
|
// https://github.com/formkit/auto-animate/
|
||||||
// https://github.com/formkit/formkit/blob/46d64d05c1b37875fc6227853f2bcfa987550c91/packages/addons/src/plugins/autoAnimatePlugin.ts
|
// https://github.com/formkit/formkit/blob/46d64d05c1b37875fc6227853f2bcfa987550c91/packages/addons/src/plugins/autoAnimatePlugin.ts
|
||||||
|
@ -124,7 +124,12 @@ const SCHEMA: FormKitSchemaDefinition = [
|
|||||||
:plugins="[castNumber]"
|
:plugins="[castNumber]"
|
||||||
class="mb-4"
|
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 -->
|
<!-- By default groups do not show validation messages, so we need to add it manually -->
|
||||||
<ul
|
<ul
|
||||||
|
Reference in New Issue
Block a user