feat: 重构表单输入组件，添加文本输入类型，优化配置和样式

formkit.config.ts

@@ -1,8 +1,8 @@
 import { createAutoAnimatePlugin, createAutoHeightTextareaPlugin } from '@formkit/addons'
-import type { FormKitOptions } from '@formkit/core'
+import type { FormKitNode, FormKitOptions } from '@formkit/core'
 import { createI18nPlugin, zh } from '@formkit/i18n'
 import { genesisIcons } from '@formkit/icons'
-import { createLibraryPlugin, submit } from '@formkit/inputs'
+import { createLibraryPlugin, submit, text } from '@formkit/inputs'
 import { createProPlugin, toggle } from '@formkit/pro'
 import * as defaultRules from '@formkit/rules'
 import { createThemePlugin } from '@formkit/themes'
@@ -10,7 +10,7 @@ import { createValidationPlugin } from '@formkit/validation'
 import { /* defaultConfig, */ bindings, createInput } from '@formkit/vue'
 import { addAsteriskPlugin } from './formkit.addAsteriskPlugin'
 // import { fkLibrary } from './formkit.config.fkLibrary'
-import { rootClasses } from "./formkit.config.theme"
+// import { rootClasses } from "./formkit.config.theme"
 import HeadlessuiToggle from "./src/headlessui-switch.vue"
 import { register as decodeErrors } from '@formkit/dev'
 
@@ -21,14 +21,20 @@ const validation = createValidationPlugin(defaultRules)
 const theme = undefined;
 const icons = genesisIcons;
 
-const apiKey = 'fk-6cdd5192223'
+// const apiKey = 'fk-6cdd5192223'
 export default {
   plugins: [
-    createProPlugin(apiKey, { toggle }),
+    // createProPlugin(apiKey, { toggle }),
     // createLibraryPlugin(fkLibrary),
     createLibraryPlugin({
+      text,
       submit,
     }),
+    // createLibraryPlugin(
+    //   {
+    //     'headlessuiSwitch': createInput(HeadlessuiToggle),
+    //   }
+    // ),
     createThemePlugin(theme, icons/* , iconLoaderUrl, iconLoader */),
     bindings,
     createI18nPlugin({ zh }),
@@ -56,6 +62,10 @@ export default {
     )
   ],
   config: {
+    // rootClasses: false,
     // rootClasses,
+    // rootClasses: (sectionName: string, node: FormKitNode) => {
+    //   console.debug(`sectionName :>> `, sectionName);
+    // }
   },
 } satisfies FormKitOptions