feat: 删除 input-text 组件，添加消息组件，重构表单输入逻辑

src/all-custom/all-custom.vue

@@ -1,12 +1,8 @@
 <script setup lang="ts">
+import { form } from '@/__fk-inputs__/inputs/form';
+import { InputText } from '@/__fk-inputs__/inputs/input-text';
+import { text } from '@/__fk-inputs__/inputs/_demo_text';
 import Swal from 'sweetalert2';
-import { createInput, FormKitSummary } from '@formkit/vue'
-import { form } from '__fk-inputs__/inputs/inputs/form';
-import { text } from '@/__fk-inputs__/inputs/inputs/text';
-import InputText from '@/__fk-inputs__/components/input-text.vue'
-import { createSection, outer } from '@formkit/inputs'
-import { FormKitTypeDefinition } from '@formkit/core';
-import { markRaw } from 'vue';
 
 async function submit() {
   await new Promise(r => setTimeout(r, 500))
@@ -18,40 +14,6 @@ async function submit() {
   })
 }
 
-/* const fooInput = createInput(
-  'hello11',
-  {
-    schemaMemoKey: '',
-  },
-  {
-    label: null,
-  }
-)
-console.debug(`fooInput :>> `, fooInput); */
-
-
-
-const fooInput: FormKitTypeDefinition = {
-  type: 'input',
-  props: ['some'],
-  schema: outer(
-    createSection('input', () => ({
-      $cmp: 'cmpName',
-      props: {
-        context: '$node.context',
-      },
-    }))(),
-  ),
-  library: {
-    'cmpName': markRaw(InputText),
-  },
-  // schema: createSection('input', () => ({
-  //   $cmp: InputText,
-  //   props: {
-  //     context: '$node.context',
-  //   },
-  // }))
-}
 
 </script>
 
@@ -65,28 +27,32 @@ const fooInput: FormKitTypeDefinition = {
       :config="{
         classes: {
           form: 'flex flex-col gap-4 w-full',
+          outer: 'flex flex-col gap-2',
+          label: 'font-bold block'
         }
       }"
       :type="form"
+      #default="{ value }"
       @submit="submit"
       submit-label="提交 ✨"
       :submit-attrs="{ class: 'btn btn-primary' }"
       :errors="['our server is not working.', 'But we don’t like you anyway!']"
       incomplete-message="Please fill out all fields."
     >
-
       <FormKit
-        :type="fooInput"
-        label="fooInput"
+        :type="InputText"
+        name="typeInputText"
+        label="输入框"
+        placeholder="请输入"
         some="prop"
         validation="required"
         validation-visibility="live"
       >
       </FormKit>
-
       <FormKit
         :type="text"
         label="customType"
+        value="default value"
         validation="required"
         validation-visibility="live"
       >
@@ -98,13 +64,15 @@ const fooInput: FormKitTypeDefinition = {
       <FormKit
         type="text"
         label="默认text"
+        value="default value"
         validation="required"
         validation-visibility="live"
       >
       </FormKit>
 
-      <FormKitSummary />
-      <div>content</div>
+      <pre class="font-mono text-sm p-4 bg-slate-100 mb-4 dark:bg-gray-900 ">{{ value }}</pre>
+      <!-- <FormKitSummary /> -->
     </FormKit>
   </Fieldset>
+
 </template>