diff --git a/formkit.config.ts b/formkit.config.ts index d3f7644..65640d5 100644 --- a/formkit.config.ts +++ b/formkit.config.ts @@ -1,14 +1,14 @@ -import type { FormKitExtendableSchemaRoot, FormKitNode, FormKitOptions } from '@formkit/core' +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 } from '@formkit/inputs' +import { checkbox, createLibraryPlugin, form, group, range, submit, text, list, number } 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" -const library = createLibraryPlugin({ text, form, submit, group, checkbox, range }) +const library = createLibraryPlugin({ text, form, submit, group, checkbox, range, list, number }) const validation = createValidationPlugin(defaultRules) const i18n = createI18nPlugin({ zh }) const theme = undefined; @@ -55,6 +55,6 @@ function addAsteriskPlugin(node: FormKitNode) { } export default { - plugins: [library, themePlugin, bindings, i18n, validation, addAsteriskPlugin], + plugins: [library, themePlugin, bindings, i18n, validation, addAsteriskPlugin,], config: { rootClasses }, } satisfies FormKitOptions \ No newline at end of file diff --git a/src/App.vue b/src/App.vue index 69da120..74b8c61 100644 --- a/src/App.vue +++ b/src/App.vue @@ -13,7 +13,6 @@ const castNumber = (node: FormKitNode) => { node.hook.input((value, next) => next(Number(value))) } - onMounted(() => { console.group('onMounted') const nameNode = getNode('nameNodeId') @@ -65,7 +64,6 @@ const SCHEMA: FormKitSchemaDefinition = [ submit-label="提交 ✨" >
{{ value }}+
{{ value }}@@ -178,4 +227,18 @@ ul.error-box { ul.error-box p { font-weight: 500; } + +.list-group { + position: relative; + padding: 10px; + border: 1px solid grey; + border-radius: 10px; + margin-bottom: 5px; +} + +.list-group button { + position: absolute; + top: 10px; + right: 10px; +} \ No newline at end of file