From d7058af64c62635e0340eb4e8130baa4c347ed6e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=B8=A5=E6=B5=A9?= <me@yanhao.ren>
Date: Mon, 25 Nov 2024 13:22:39 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=9B=B4=E6=96=B0=20all-custom=20?=
 =?UTF-8?q?=E7=BB=84=E4=BB=B6=EF=BC=8C=E5=A2=9E=E5=BC=BA=E6=8F=90=E4=BA=A4?=
 =?UTF-8?q?=E5=8A=9F=E8=83=BD=E5=B9=B6=E4=BC=98=E5=8C=96=E6=A8=A1=E6=9D=BF?=
 =?UTF-8?q?=E7=BB=93=E6=9E=84?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/all-custom/all-custom.vue | 18 ++++++++++++++++--
 1 file changed, 16 insertions(+), 2 deletions(-)

diff --git a/src/all-custom/all-custom.vue b/src/all-custom/all-custom.vue
index 0e4ce30..daeb0f0 100644
--- a/src/all-custom/all-custom.vue
+++ b/src/all-custom/all-custom.vue
@@ -1,8 +1,14 @@
 <script setup lang="ts">
 import { text } from '@/__fk-inputs__/inputs/_demo_text';
+import { FormKitNode } from '@formkit/core';
 import Swal from 'sweetalert2';
 
-async function submit() {
+async function submit(formData: Record<string, any>, formNode: FormKitNode) {
+  console.group('submit');
+  console.log('formData :>> ', formData);
+  console.log('formNode :>> ', formNode);
+  console.groupEnd();
+
   await new Promise(r => setTimeout(r, 500))
   Swal.fire({
     title: 'Submitted! 🎉',
@@ -18,6 +24,7 @@ async function submit() {
 <template>
   <Fieldset
     legend="Form 1"
+    class="min-w-full"
     pt:content:class="flex justify-center"
   >
     <!-- https://formkit.com/inputs/form#props-attributes -->
@@ -41,6 +48,7 @@ async function submit() {
         type="PInputText"
         name="PInputText"
         label="输入框"
+        :value="`default value`.repeat(5)"
         placeholder="请输入"
         some="prop"
         validation="required"
@@ -74,8 +82,14 @@ async function submit() {
       >
       </FormKit>
 
-      <pre class="font-mono text-sm p-4 bg-slate-100 mb-4 dark:bg-gray-900 ">{{ value }}</pre>
+      <pre class="font-mono text-sm p-4 bg-slate-100 mb-4 dark:bg-gray-900 overflow-x-auto rounded-md shadow-inner dark:text-gray-300
+        ">{{ value }}</pre>
       <!-- <FormKitSummary /> -->
+
+      <button
+        type="submit"
+        class="btn btn-primary"
+      >提交 ✨ </button>
     </FormKit>
   </Fieldset>