style: useVbenForm commonConfig

apps/web-antd/src/views/system/post/data.ts

@@ -39,9 +39,6 @@ export function useFormSchema(): VbenFormSchema[] {
       component: 'InputNumber',
       componentProps: {
         min: 0,
-        class: 'w-full',
-        controlsPosition: 'right',
-        placeholder: '请输入显示顺序',
       },
       rules: 'required',
     },

apps/web-antd/src/views/system/post/modules/form.vue

@@ -22,6 +22,13 @@ const getTitle = computed(() => {
 });
 
 const [Form, formApi] = useVbenForm({
+  commonConfig: {
+    componentProps: {
+      class: 'w-full',
+    },
+    formItemClass: 'col-span-2',
+    labelWidth: 80,
+  },
   layout: 'horizontal',
   schema: useFormSchema(),
   showDefaultActions: false,
@@ -71,7 +78,7 @@ const [Modal, modalApi] = useVbenModal({
 </script>
 
 <template>
-  <Modal :title="getTitle">
+  <Modal class="w-[600px]" :title="getTitle">
     <Form class="mx-4" />
   </Modal>
 </template>