feat: 增加 useVbenForm 样式，去掉data.ts 中 字段class

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

@@ -29,18 +29,12 @@ export function useFormSchema(): VbenFormSchema[] {
       fieldName: 'username',
       label: '用户名称',
       component: 'Input',
-      componentProps: {
-        placeholder: '请输入用户名称',
-      },
       rules: 'required',
     },
     {
       label: '用户密码',
       fieldName: 'password',
       component: 'InputPassword',
-      componentProps: {
-        placeholder: '请输入用户密码',
-      },
       rules: 'required',
       dependencies: {
         triggerFields: ['id'],
@@ -51,9 +45,6 @@ export function useFormSchema(): VbenFormSchema[] {
       fieldName: 'nickname',
       label: '用户昵称',
       component: 'Input',
-      componentProps: {
-        placeholder: '请输入用户昵称',
-      },
       rules: 'required',
     },
     {
@@ -65,7 +56,6 @@ export function useFormSchema(): VbenFormSchema[] {
           const data = await getDeptList();
           return handleTree(data);
         },
-        class: 'w-full',
         labelField: 'name',
         valueField: 'id',
         childrenField: 'children',
@@ -79,7 +69,6 @@ export function useFormSchema(): VbenFormSchema[] {
       component: 'ApiSelect',
       componentProps: {
         api: getSimplePostList,
-        class: 'w-full',
         labelField: 'name',
         valueField: 'id',
         mode: 'multiple',
@@ -90,18 +79,12 @@ export function useFormSchema(): VbenFormSchema[] {
       fieldName: 'email',
       label: '邮箱',
       component: 'Input',
-      componentProps: {
-        placeholder: '请输入邮箱',
-      },
       rules: z.string().email('邮箱格式不正确').optional(),
     },
     {
       fieldName: 'mobile',
       label: '手机号码',
       component: 'Input',
-      componentProps: {
-        placeholder: '请输入手机号码',
-      },
     },
     {
       fieldName: 'sex',
@@ -129,9 +112,6 @@ export function useFormSchema(): VbenFormSchema[] {
       fieldName: 'remark',
       label: '备注',
       component: 'Textarea',
-      componentProps: {
-        placeholder: '请输入备注',
-      },
     },
   ];
 }
@@ -210,7 +190,6 @@ export function useAssignRoleFormSchema(): VbenFormSchema[] {
       component: 'ApiSelect',
       componentProps: {
         api: getSimpleRoleList,
-        class: 'w-full',
         labelField: 'name',
         valueField: 'id',
         mode: 'multiple',

apps/web-antd/src/views/system/user/modules/assign-role-form.vue

@@ -13,6 +13,13 @@ import { useAssignRoleFormSchema } from '../data';
 
 const emit = defineEmits(['success']);
 const [Form, formApi] = useVbenForm({
+  commonConfig: {
+    componentProps: {
+      class: 'w-full',
+    },
+    formItemClass: 'col-span-2',
+    labelWidth: 80,
+  },
   layout: 'horizontal',
   schema: useAssignRoleFormSchema(),
   showDefaultActions: false,

apps/web-antd/src/views/system/user/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,

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

@@ -15,6 +15,13 @@ import { useImportFormSchema } from '../data';
 const emit = defineEmits(['success']);
 
 const [Form, formApi] = useVbenForm({
+  commonConfig: {
+    componentProps: {
+      class: 'w-full',
+    },
+    formItemClass: 'col-span-2',
+    labelWidth: 80,
+  },
   layout: 'horizontal',
   schema: useImportFormSchema(),
   showDefaultActions: false,

apps/web-antd/src/views/system/user/modules/reset-password-form.vue

@@ -13,6 +13,13 @@ import { useResetPasswordFormSchema } from '../data';
 
 const emit = defineEmits(['success']);
 const [Form, formApi] = useVbenForm({
+  commonConfig: {
+    componentProps: {
+      class: 'w-full',
+    },
+    formItemClass: 'col-span-2',
+    labelWidth: 80,
+  },
   layout: 'horizontal',
   schema: useResetPasswordFormSchema(),
   showDefaultActions: false,