From ed054e07366682c93297f528161a8ce6c7555413 Mon Sep 17 00:00:00 2001
From: zernonia <zernonia@gmail.com>
Date: Wed, 17 Apr 2024 00:12:03 +0800
Subject: [PATCH] chore: cleanup, log on the docs

---
 .../registry/new-york/example/AutoForm.vue    |  9 ++---
 .../new-york/ui/auto-form/AutoForm.vue        |  2 ++
 .../new-york/ui/auto-form/AutoFormField.vue   | 33 -------------------
 .../new-york/ui/auto-form/fields/Input.vue    | 10 ++----
 4 files changed, 10 insertions(+), 44 deletions(-)

diff --git a/apps/www/src/lib/registry/new-york/example/AutoForm.vue b/apps/www/src/lib/registry/new-york/example/AutoForm.vue
index 52925b3b..8273821d 100644
--- a/apps/www/src/lib/registry/new-york/example/AutoForm.vue
+++ b/apps/www/src/lib/registry/new-york/example/AutoForm.vue
@@ -161,13 +161,14 @@ const onSubmit = handleSubmit((values) => {
     @submit="onSubmit"
   >
     <template #username="componentField">
-      <div class="w-1/3">
+      <div class="border p-4 rounded-lg shadow-sm">
         <AutoFormField v-bind="{ ...componentField, name: 'username' }" />
       </div>
     </template>
-    <template #password="componentField">
-      <div class="w-1/3">
-        <AutoFormField v-bind="{ ...componentField, name: 'password' }" />
+    <template #customParent="componentField">
+      <div class="flex items-end space-x-4">
+        <AutoFormField class="w-full" v-bind="{ ...componentField, name: 'customParent' }" />
+        <Button>Check</Button>
       </div>
     </template>
 
diff --git a/apps/www/src/lib/registry/new-york/ui/auto-form/AutoForm.vue b/apps/www/src/lib/registry/new-york/ui/auto-form/AutoForm.vue
index 0fd3cb65..01782fb7 100644
--- a/apps/www/src/lib/registry/new-york/ui/auto-form/AutoForm.vue
+++ b/apps/www/src/lib/registry/new-york/ui/auto-form/AutoForm.vue
@@ -56,6 +56,8 @@ const shapes = computed(() => {
           :shape="shape"
         />
       </slot>
+
+      {{ shape.schema }}
     </template>
 
     <slot :shapes="shapes" />
diff --git a/apps/www/src/lib/registry/new-york/ui/auto-form/AutoFormField.vue b/apps/www/src/lib/registry/new-york/ui/auto-form/AutoFormField.vue
index 7fd847a2..f1ecf07b 100644
--- a/apps/www/src/lib/registry/new-york/ui/auto-form/AutoFormField.vue
+++ b/apps/www/src/lib/registry/new-york/ui/auto-form/AutoFormField.vue
@@ -26,37 +26,4 @@ defineProps<{
   >
     <slot />
   </component>
-
-  <!-- <FieldInput
-    v-if="shape.type === ZodFirstPartyTypeKind.ZodString"
-    :name="name"
-    :required="shape.required"
-    :config="config"
-  />
-  <FieldInput
-    v-else-if="shape.type === ZodFirstPartyTypeKind.ZodNumber"
-    :name="name"
-    :required="shape.required"
-    type="number"
-    :config="config"
-  />
-  <FieldBoolean
-    v-else-if="shape.type === ZodFirstPartyTypeKind.ZodBoolean"
-    :name="name"
-    :required="shape.required"
-    :config="config"
-  />
-  <FieldDate
-    v-else-if="shape.type === ZodFirstPartyTypeKind.ZodDate"
-    :name="name"
-    :required="shape.required"
-    :config="config"
-  />
-  <FieldEnum
-    v-else-if="shape.type === ZodFirstPartyTypeKind.ZodEnum"
-    :name="name"
-    :required="shape.required"
-    :config="config"
-    :options="shape.options"
-  /> -->
 </template>
diff --git a/apps/www/src/lib/registry/new-york/ui/auto-form/fields/Input.vue b/apps/www/src/lib/registry/new-york/ui/auto-form/fields/Input.vue
index 9e400265..d2e543e0 100644
--- a/apps/www/src/lib/registry/new-york/ui/auto-form/fields/Input.vue
+++ b/apps/www/src/lib/registry/new-york/ui/auto-form/fields/Input.vue
@@ -6,10 +6,6 @@ import { FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessa
 import { Input } from '@/lib/registry/new-york/ui/input'
 import { Textarea } from '@/lib/registry/new-york/ui/textarea'
 
-defineOptions({
-  inheritAttrs: false,
-})
-
 defineProps<{
   name: string
   required?: boolean
@@ -19,13 +15,13 @@ defineProps<{
 
 <template>
   <FormField v-slot="{ componentField }" :name="name">
-    <FormItem>
+    <FormItem v-bind="$attrs">
       <AutoFormLabel :required="required">
         {{ config?.label || beautifyObjectName(name) }}
       </AutoFormLabel>
       <FormControl>
-        <Textarea v-if="config?.component === 'textarea'" type="text" v-bind="{ ...$attrs, ...componentField, ...config?.inputProps }" />
-        <Input v-else type="text" v-bind="{ ...$attrs, ...componentField, ...config?.inputProps }" />
+        <Textarea v-if="config?.component === 'textarea'" type="text" v-bind="{ ...componentField, ...config?.inputProps }" />
+        <Input v-else type="text" v-bind="{ ...componentField, ...config?.inputProps }" />
       </FormControl>
       <FormDescription v-if="config?.description">
         {{ config.description }}