SignatureImage 签名渲染

签名图片渲染组件。智能判断传入值是图片资源（base64/blob/URL/fileId）还是纯文本，分别用 AuthImage 或纯文本渲染。支持紧凑模式。

基本用法

<template>
  <!-- 图片签名 -->
  <SignatureImage value="data:image/png;base64,..." />

  <!-- 文件 ID 签名 -->
  <SignatureImage value="file_abc123" />

  <!-- 纯文本签名 -->
  <SignatureImage value="张三" />

  <!-- 紧凑模式 -->
  <SignatureImage value="file_abc123" compact />
</template>

<script setup>
import { SignatureImage } from '@/components/flow/SignatureImage.vue'
</script>

Props

属性	类型	默认值	说明
value	String	''	签名值（图片 URL、base64、文件 ID 或纯文本）
compact	Boolean	false	紧凑模式（88×36px），标准模式 220×72px
lazy	Boolean	true	是否懒加载图片

识别逻辑

值格式	渲染方式
data:image/...	AuthImage 图片渲染
blob:...	AuthImage 图片渲染
以 /api/ 开头	AuthImage 图片渲染
http(s)://...	AuthImage 图片渲染
纯 MD5 哈希	AuthImage 图片渲染
其他	纯文本 <span>