mirror of
https://github.com/imdap/ruoyi-plus-vben5.git
synced 2026-05-11 05:02:10 +08:00
feat: 在表单标签中使用 VbenRenderContent 渲染帮助信息
This commit is contained in:
@@ -1,7 +1,11 @@
|
|||||||
<script setup lang="ts">
|
<script setup lang="ts">
|
||||||
import type { CustomRenderType } from '../types';
|
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';
|
import { cn } from '@vben-core/shared/utils';
|
||||||
|
|
||||||
interface Props {
|
interface Props {
|
||||||
@@ -20,11 +24,7 @@ const props = defineProps<Props>();
|
|||||||
<span v-if="required" class="mr-0.5 text-destructive">*</span>
|
<span v-if="required" class="mr-0.5 text-destructive">*</span>
|
||||||
<slot></slot>
|
<slot></slot>
|
||||||
<VbenHelpTooltip v-if="help" trigger-class="size-3.5 ml-1">
|
<VbenHelpTooltip v-if="help" trigger-class="size-3.5 ml-1">
|
||||||
<!-- 可通过\n换行 -->
|
<VbenRenderContent :content="help" render-br />
|
||||||
<span class="whitespace-pre-line">
|
|
||||||
{{ help }}
|
|
||||||
</span>
|
|
||||||
<!-- <VbenRenderContent :content="help" /> -->
|
|
||||||
</VbenHelpTooltip>
|
</VbenHelpTooltip>
|
||||||
<slot name="extra"></slot>
|
<slot name="extra"></slot>
|
||||||
<span v-if="colon && label" class="ml-0.5">:</span>
|
<span v-if="colon && label" class="ml-0.5">:</span>
|
||||||
|
|||||||
Reference in New Issue
Block a user