fix: vben 代码生成默认vbenForm 样式

This commit is contained in:
xingyu4j 2025-04-28 15:10:30 +08:00
parent 1080972e36
commit aa48a6f533
6 changed files with 41 additions and 13 deletions

View File

@ -24,6 +24,13 @@
}); });
const [Form, formApi] = useVbenForm({ const [Form, formApi] = useVbenForm({
commonConfig: {
componentProps: {
class: 'w-full',
},
formItemClass: 'col-span-2',
labelWidth: 80,
},
layout: 'horizontal', layout: 'horizontal',
schema: use${subSimpleClassName}FormSchema(), schema: use${subSimpleClassName}FormSchema(),
showDefaultActions: false showDefaultActions: false

View File

@ -96,6 +96,13 @@ watch(
); );
#else #else
const [Form, formApi] = useVbenForm({ const [Form, formApi] = useVbenForm({
commonConfig: {
componentProps: {
class: 'w-full',
},
formItemClass: 'col-span-2',
labelWidth: 80,
},
layout: 'horizontal', layout: 'horizontal',
schema: use${subSimpleClassName}FormSchema(), schema: use${subSimpleClassName}FormSchema(),
showDefaultActions: false showDefaultActions: false

View File

@ -39,7 +39,6 @@ export function useFormSchema(): VbenFormSchema[] {
}); });
return handleTree(data); return handleTree(data);
}, },
class: 'w-full',
labelField: '${treeNameColumn.javaField}', labelField: '${treeNameColumn.javaField}',
valueField: 'id', valueField: 'id',
childrenField: 'children', childrenField: 'children',
@ -89,7 +88,6 @@ export function useFormSchema(): VbenFormSchema[] {
options: [], options: [],
#end #end
placeholder: '请选择${comment}', placeholder: '请选择${comment}',
class: 'w-full',
}, },
#elseif($column.htmlType == "checkbox")## 多选框 #elseif($column.htmlType == "checkbox")## 多选框
component: 'Checkbox', component: 'Checkbox',
@ -127,7 +125,6 @@ export function useFormSchema(): VbenFormSchema[] {
component: 'InputNumber', component: 'InputNumber',
componentProps: { componentProps: {
min: 0, min: 0,
class: 'w-full',
controlsPosition: 'right', controlsPosition: 'right',
placeholder: '请输入${comment}', placeholder: '请输入${comment}',
}, },
@ -325,7 +322,6 @@ export function use${subSimpleClassName}FormSchema(): VbenFormSchema[] {
options: [], options: [],
#end #end
placeholder: '请选择${comment}', placeholder: '请选择${comment}',
class: 'w-full',
}, },
#elseif($column.htmlType == "checkbox")## 多选框 #elseif($column.htmlType == "checkbox")## 多选框
component: 'Checkbox', component: 'Checkbox',
@ -363,7 +359,6 @@ export function use${subSimpleClassName}FormSchema(): VbenFormSchema[] {
component: 'InputNumber', component: 'InputNumber',
componentProps: { componentProps: {
min: 0, min: 0,
class: 'w-full',
controlsPosition: 'right', controlsPosition: 'right',
placeholder: '请输入${comment}', placeholder: '请输入${comment}',
}, },
@ -600,7 +595,6 @@ export function use${subSimpleClassName}GridColumns(
options: [], options: [],
#end #end
placeholder: '请选择${comment}', placeholder: '请选择${comment}',
class: 'w-full',
}, },
#elseif($column.htmlType == "checkbox")## 多选框 #elseif($column.htmlType == "checkbox")## 多选框
component: 'Checkbox', component: 'Checkbox',
@ -638,7 +632,6 @@ export function use${subSimpleClassName}GridColumns(
component: 'InputNumber', component: 'InputNumber',
componentProps: { componentProps: {
min: 0, min: 0,
class: 'w-full',
controlsPosition: 'right', controlsPosition: 'right',
placeholder: '请输入${comment}', placeholder: '请输入${comment}',
}, },

View File

@ -55,6 +55,13 @@ const getTitle = computed(() => {
#end #end
const [Form, formApi] = useVbenForm({ const [Form, formApi] = useVbenForm({
commonConfig: {
componentProps: {
class: 'w-full',
},
formItemClass: 'col-span-2',
labelWidth: 80,
},
layout: 'horizontal', layout: 'horizontal',
schema: useFormSchema(), schema: useFormSchema(),
showDefaultActions: false showDefaultActions: false

View File

@ -24,6 +24,13 @@
}); });
const [Form, formApi] = useVbenForm({ const [Form, formApi] = useVbenForm({
commonConfig: {
componentProps: {
class: 'w-full',
},
formItemClass: 'col-span-2',
labelWidth: 80,
},
layout: 'horizontal', layout: 'horizontal',
schema: use${subSimpleClassName}FormSchema(), schema: use${subSimpleClassName}FormSchema(),
showDefaultActions: false showDefaultActions: false

View File

@ -96,6 +96,13 @@ watch(
); );
#else #else
const [Form, formApi] = useVbenForm({ const [Form, formApi] = useVbenForm({
commonConfig: {
componentProps: {
class: 'w-full',
},
formItemClass: 'col-span-2',
labelWidth: 80,
},
layout: 'horizontal', layout: 'horizontal',
schema: use${subSimpleClassName}FormSchema(), schema: use${subSimpleClassName}FormSchema(),
showDefaultActions: false showDefaultActions: false