perf: [antd] default placeholder for input and select components (#4551)

* chore: demo of customizing form layout using tailwind

* perf: default placeholder for input and select components

* chore: update ts type

* chore: extract public methods

playground/src/views/examples/form/basic.vue

@@ -234,62 +234,41 @@ const [CustomLayoutForm] = useVbenForm({
   layout: 'horizontal',
   schema: [
     {
-      component: 'Input',
-      componentProps: {
-        placeholder: '请输入',
-      },
+      component: 'Select',
       fieldName: 'field1',
       label: '字符串',
     },
     {
-      component: 'Input',
-      componentProps: {
-        placeholder: '请输入',
-      },
+      component: 'TreeSelect',
       fieldName: 'field2',
       label: '字符串',
     },
     {
-      component: 'Input',
-      componentProps: {
-        placeholder: '请输入',
-      },
+      component: 'Mentions',
       fieldName: 'field3',
       label: '字符串',
     },
     {
       component: 'Input',
-      componentProps: {
-        placeholder: '请输入',
-      },
       fieldName: 'field4',
       label: '字符串',
     },
     {
-      component: 'Input',
-      componentProps: {
-        placeholder: '请输入',
-      },
+      component: 'InputNumber',
       fieldName: 'field5',
       // 从第三列开始 相当于中间空了一列
       formItemClass: 'col-start-3',
       label: '前面空了一列',
     },
     {
-      component: 'Input',
-      componentProps: {
-        placeholder: '请输入',
-      },
+      component: 'Textarea',
       fieldName: 'field6',
-      // 占满三列空间
-      formItemClass: 'col-span-3',
+      // 占满三列空间 基线对齐
+      formItemClass: 'col-span-3 items-baseline',
       label: '占满三列',
     },
     {
       component: 'Input',
-      componentProps: {
-        placeholder: '请输入',
-      },
       fieldName: 'field7',
       // 占满2列空间 从第二列开始 相当于前面空了一列
       formItemClass: 'col-span-2 col-start-2',
@@ -297,26 +276,20 @@ const [CustomLayoutForm] = useVbenForm({
     },
     {
       component: 'Input',
-      componentProps: {
-        placeholder: '请输入',
-      },
       fieldName: 'field8',
       // 左右留空
       formItemClass: 'col-start-2',
       label: '左右留空',
     },
     {
-      component: 'Input',
-      componentProps: {
-        placeholder: '请输入',
-      },
+      component: 'InputPassword',
       fieldName: 'field9',
       formItemClass: 'col-start-1',
-      label: '占满2列',
+      label: '字符串',
     },
   ],
   // 一共三列
-  wrapperClass: 'lg:grid-cols-3',
+  wrapperClass: 'grid-cols-3',
 });
 
 function onSubmit(values: Record<string, any>) {