feat: 重构消息组件，优化表单输入逻辑，移除不必要的依赖

formkit.config.ts

@@ -35,6 +35,7 @@ export default {
     //     'headlessuiSwitch': createInput(HeadlessuiToggle),
     //   }
     // ),
+    (node) => { },
     createThemePlugin(theme, icons/* , iconLoaderUrl, iconLoader */),
     bindings,
     createI18nPlugin({ zh }),

src/__fk-inputs__/inputs/form.ts

@@ -1,13 +1,12 @@
 import { FormKitTypeDefinition } from '@formkit/core'
 import {
-  messages,
-  message,
   actions,
   submitInput,
   forms,
   disablesChildren,
   createSection,
 } from '@formkit/inputs'
+import { messages } from '../sections/messages'
 
 const formInput = createSection('form', () => ({
   $el: 'form',
@@ -33,7 +32,7 @@ export const form: FormKitTypeDefinition = {
    */
   schema: formInput(
     '$slots.default',
-    messages(message('$message.value')),
+    messages(),
     actions(submitInput())
   ),
   /**

src/__fk-inputs__/inputs/input-text.ts

@@ -1,4 +1,3 @@
-import MessagesCmp from '@/__fk-inputs__/components/messages.vue';
 import { FormKitTypeDefinition, type FormKitFrameworkContext } from '@formkit/core';
 import {
   casts,
@@ -8,6 +7,7 @@ import {
 } from '@formkit/inputs';
 import PInputText from 'primevue/inputtext';
 import { h, markRaw } from 'vue';
+import { messages } from '../sections/messages';
 
 export const InputText: FormKitTypeDefinition = {
   type: 'input',
@@ -29,16 +29,11 @@ export const InputText: FormKitTypeDefinition = {
         'aria-required': '$state.required || undefined',
       },
     }))(),
-    createSection('messages', () => ({
+    messages(),
-      $cmp: 'MessagesCmp',
-      props: { context: '$node.context', },
-      if: '$defaultMessagePlacement && $fns.length($messages)',
-    }))(),
   ),
   library: {
     // 'FComponent': custom_FComponent.library,
     'PInputText': markRaw(PInputText),
-    'MessagesCmp': markRaw(MessagesCmp)
   },
   features: [casts],
   // family: 'text',

src/__fk-inputs__/sections/messages.ts

@@ -1,11 +1,8 @@
+import MessagesCmp from '@/__fk-inputs__/components/messages.vue';
 import { createSection } from '@formkit/inputs';
 
-/**
- * Messages section where all messages will be displayed.
- *
- * @public
- */
 export const messages = createSection('messages', () => ({
-  $el: 'ul',
+  $cmp: MessagesCmp as any,
+  props: { context: '$node.context', },
   if: '$defaultMessagePlacement && $fns.length($messages)',
 }))