feat: 在表单标签中使用 VbenRenderContent 渲染帮助信息

This commit is contained in:
dap
2026-04-30 11:56:00 +08:00
parent eb49849a01
commit 06cd32fcd1

View File

@@ -1,7 +1,11 @@
<script setup lang="ts">
import type { CustomRenderType } from '../types';
import { FormLabel, VbenHelpTooltip } from '@vben-core/shadcn-ui';
import {
FormLabel,
VbenHelpTooltip,
VbenRenderContent,
} from '@vben-core/shadcn-ui';
import { cn } from '@vben-core/shared/utils';
interface Props {
@@ -20,11 +24,7 @@ const props = defineProps<Props>();
<span v-if="required" class="mr-0.5 text-destructive">*</span>
<slot></slot>
<VbenHelpTooltip v-if="help" trigger-class="size-3.5 ml-1">
<!-- 可通过\n换行 -->
<span class="whitespace-pre-line">
{{ help }}
</span>
<!-- <VbenRenderContent :content="help" /> -->
<VbenRenderContent :content="help" render-br />
</VbenHelpTooltip>
<slot name="extra"></slot>
<span v-if="colon && label" class="ml-0.5">:</span>