<script setup lang="ts">
|
import type { CustomRenderType } from '../types';
|
|
import { FormLabel, VbenHelpTooltip, VbenRenderContent } from '@vben-core/shadcn-ui';
|
import { cn } from '@vben-core/shared/utils';
|
|
interface Props {
|
class?: string;
|
colon?: boolean;
|
help?: CustomRenderType;
|
label?: CustomRenderType;
|
required?: boolean;
|
}
|
|
const props = defineProps<Props>();
|
</script>
|
|
<template>
|
<FormLabel :class="cn('flex items-center', props.class)">
|
<span v-if="required" class="text-destructive mr-[2px]">*</span>
|
<span class="min-w-0 break-words"><slot></slot></span>
|
<VbenHelpTooltip v-if="help" trigger-class="size-3.5 ml-1">
|
<VbenRenderContent :content="help" />
|
</VbenHelpTooltip>
|
<span v-if="colon && label" class="ml-[2px]">:</span>
|
</FormLabel>
|
</template>
|
