floatLabel

src/all-custom/all-custom.vue

@@ -1,10 +1,8 @@
 <script setup lang="ts">
-import { text } from '@/__fk-inputs__/inputs/_demo_text';
 import { FormKitNode } from '@formkit/core';
+import { text } from '@formkit/inputs';
 import Swal from 'sweetalert2';
 
-
-
 async function submit(formData: Record<string, any>, formNode: FormKitNode) {
   console.group('submit');
   console.log('formData :>> ', formData);
@@ -19,8 +17,6 @@ async function submit(formData: Record<string, any>, formNode: FormKitNode) {
     timer: 1500
   })
 }
-
-
 </script>
 
 <template>
@@ -33,10 +29,10 @@ async function submit(formData: Record<string, any>, formNode: FormKitNode) {
     <FormKit
       :config="{
         classes: {
-          form: 'flex flex-col gap-4 w-full',
+          form: 'flex flex-col w-full py-8 gap-8',
           outer: 'flex flex-col gap-2',
-          label: 'font-medium block'
-        }
+          /* label: 'font-medium block' */
+        },
       }"
       type="form"
       #default="{ value }"
@@ -51,7 +47,6 @@ async function submit(formData: Record<string, any>, formNode: FormKitNode) {
         name="PInputText"
         label="输入框"
         :value="`default value`.repeat(5)"
-        placeholder="请输入"
         some="prop"
         some-boolean-prop
         validation="required"
@@ -61,10 +56,8 @@ async function submit(formData: Record<string, any>, formNode: FormKitNode) {
         type="PInputPassword"
         name="PInputPassword"
         label="密码"
-        placeholder="输入一个密码"
         validation="required"
         toggleMask
-        fluid
         :feedback="false"
       />
       <FormKit