by2025/admin-vben5
9
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

fix: form item style adjustment (#5694)

Browse Source
This commit is contained in:
Netfan 2025-03-11 02:47:06 +08:00 committed by GitHub
parent 2d4ac33046
commit feab6b3b30
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 31 additions and 34 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

65
packages/@core/ui-kit/form-ui/src/form-render/form-field.vue
View File

@ -320,44 +320,41 @@ onUnmounted(() => {
<VbenRenderContent :content="label" /> <VbenRenderContent :content="label" />
</template> </template>
</FormLabel> </FormLabel>
<div class="w-full overflow-hidden"> <div class="flex-auto overflow-hidden">
<div :class="cn('relative flex w-full items-center', wrapperClass)"> <div :class="cn('relative flex w-full items-center', wrapperClass)">
<div class="flex-auto overflow-hidden p-[2px]"> <FormControl :class="cn(controlClass)">
<FormControl :class="cn(controlClass)"> <slot
<slot v-bind="{
v-bind="{ ...slotProps,
...slotProps, ...createComponentProps(slotProps),
...createComponentProps(slotProps), disabled: shouldDisabled,
disabled: shouldDisabled, isInValid,
isInValid, }"
>
<component
:is="FieldComponent"
ref="fieldComponentRef"
:class="{
'border-destructive focus:border-destructive hover:border-destructive/80 focus:shadow-[0_0_0_2px_rgba(255,38,5,0.06)]':
isInValid,
}" }"
v-bind="createComponentProps(slotProps)"
:disabled="shouldDisabled"
> >
<component <template
:is="FieldComponent" v-for="name in renderContentKey"
ref="fieldComponentRef" :key="name"
:class="{ #[name]="renderSlotProps"
'border-destructive focus:border-destructive hover:border-destructive/80 focus:shadow-[0_0_0_2px_rgba(255,38,5,0.06)]':
isInValid,
}"
v-bind="createComponentProps(slotProps)"
:disabled="shouldDisabled"
> >
<template <VbenRenderContent
v-for="name in renderContentKey" :content="customContentRender[name]"
:key="name" v-bind="{ ...renderSlotProps, formContext: slotProps }"
#[name]="renderSlotProps" />
> </template>
<VbenRenderContent <!-- <slot></slot> -->
:content="customContentRender[name]" </component>
v-bind="{ ...renderSlotProps, formContext: slotProps }" </slot>
/> </FormControl>
</template>
<!-- <slot></slot> -->
</component>
</slot>
</FormControl>
</div>
<!-- 自定义后缀 --> <!-- 自定义后缀 -->
<div v-if="suffix" class="ml-1"> <div v-if="suffix" class="ml-1">
<VbenRenderContent :content="suffix" /> <VbenRenderContent :content="suffix" />