cx-chat 0.0.1

package/src/utils/date.ts

@@ -0,0 +1,72 @@
+/**
+ * 日期格式化（挂到 `Date.prototype.format`）。
+ * 占位符：`yyyy` `MM` `dd` `hh` `mm` `ss` `q`（季度）`S`（毫秒）等，与常见 legacy 写法一致。
+ *
+ * 解析后端字符串请用 {@link parseBackendDate}，再调用 `.format(...)`。
+ */
+
+declare global {
+  interface Date {
+    format(format?: string): string
+  }
+}
+
+function legacyFormat(this: Date, format?: string): string {
+  let fmt = 'yyyy-MM-dd'
+  if (format) fmt = format
+  const o: Record<string, number> = {
+    'M+': this.getMonth() + 1,
+    'd+': this.getDate(),
+    'h+': this.getHours(),
+    'm+': this.getMinutes(),
+    's+': this.getSeconds(),
+    'q+': Math.floor((this.getMonth() + 3) / 3),
+    S: this.getMilliseconds(),
+  }
+  const yMatch = fmt.match(/(y+)/)
+  if (yMatch) {
+    const yToken = yMatch[1]
+    fmt = fmt.replace(
+      yToken,
+      String(this.getFullYear()).substring(4 - yToken.length),
+    )
+  }
+  const keys = ['M+', 'd+', 'h+', 'm+', 's+', 'q+', 'S'] as const
+  for (const k of keys) {
+    const re = new RegExp(`(${k})`)
+    const m = fmt.match(re)
+    if (!m) continue
+    const token = m[1]
+    const v = o[k]
+    fmt = fmt.replace(
+      token,
+      token.length === 1
+        ? String(v)
+        : (`00${v}`).substring(String(v).length),
+    )
+  }
+  return fmt
+}
+
+// eslint-disable-next-line no-extend-native -- 项目约定：链式 `date.format('yyyy-MM-dd')`
+Date.prototype.format = function format(this: Date, f?: string) {
+  return legacyFormat.call(this, f)
+}
+
+/**
+ * 解析后端常见 ISO 时间串：含 `T` 且无 `Z`/offset 时追加 `Z`，按 UTC 解析。
+ * @returns 无效或空串时返回 `null`
+ */
+export function parseBackendDate(dateString?: string | null): Date | null {
+  if (!dateString) return null
+  let adjusted = dateString
+  if (
+    dateString.includes('T') &&
+    !dateString.includes('Z') &&
+    !/[+-]\d{2}:?\d{2}$/.test(dateString)
+  ) {
+    adjusted = `${dateString}Z`
+  }
+  const d = new Date(adjusted)
+  return Number.isNaN(d.getTime()) ? null : d
+}

package/src/utils/file-icons.tsx

@@ -0,0 +1,79 @@
+import React from 'react'
+import {
+  FileExcelOutlined,
+  FileImageOutlined,
+  FileOutlined,
+  FilePdfOutlined,
+  FilePptOutlined,
+  FileTextOutlined,
+  FileWordOutlined,
+} from '@ant-design/icons'
+
+export type FileIconAsset = {
+  /** 图标节点（优先使用）；适合直接复用 antd icon */
+  icon?: React.ReactNode
+  /** 静态资源地址（可选）；如果你想后续换成图片图标，用 url 即可 */
+  url?: string
+}
+
+/** 文件后缀 → 图标资源配置（集中维护，方便后续复用/替换）。 */
+export const FILE_EXT_ICON_ASSET_MAP: Record<string, FileIconAsset> = {
+  // 图片
+  png: { icon: <FileImageOutlined /> },
+  jpg: { icon: <FileImageOutlined /> },
+  jpeg: { icon: <FileImageOutlined /> },
+  gif: { icon: <FileImageOutlined /> },
+  webp: { icon: <FileImageOutlined /> },
+  bmp: { icon: <FileImageOutlined /> },
+  svg: { icon: <FileImageOutlined /> },
+
+  // 文档/表格/演示
+  pdf: { icon: <FilePdfOutlined /> },
+  doc: { icon: <FileWordOutlined /> },
+  docx: { icon: <FileWordOutlined /> },
+  xls: { icon: <FileExcelOutlined /> },
+  xlsx: { icon: <FileExcelOutlined /> },
+  csv: { icon: <FileExcelOutlined /> },
+  ppt: { icon: <FilePptOutlined /> },
+  pptx: { icon: <FilePptOutlined /> },
+
+  // 文本
+  txt: { icon: <FileTextOutlined /> },
+  md: { icon: <FileTextOutlined /> },
+  log: { icon: <FileTextOutlined /> },
+}
+
+/** 默认图标资源（未命中后缀映射时使用）。 */
+export const DEFAULT_FILE_ICON_ASSET: FileIconAsset = {
+  icon: <FileOutlined />,
+}
+
+/** 获取文件后缀（小写，不带点），支持带 query 的 url。 */
+export function getLowerFileExt(nameOrUrl?: string) {
+  if (!nameOrUrl) return ''
+  const cleaned = nameOrUrl.split('?')[0]
+  const idx = cleaned.lastIndexOf('.')
+  if (idx < 0) return ''
+  return cleaned.slice(idx + 1).toLowerCase()
+}
+
+/** 根据后缀获取图标资源（没命中返回默认图标）。 */
+export function getFileIconAssetByExt(ext?: string) {
+  const key = (ext || '').toLowerCase()
+  return FILE_EXT_ICON_ASSET_MAP[key] ?? DEFAULT_FILE_ICON_ASSET
+}
+
+/** 根据文件名/URL 获取图标资源（内部会取后缀）。 */
+export function getFileIconAssetByName(nameOrUrl?: string) {
+  return getFileIconAssetByExt(getLowerFileExt(nameOrUrl))
+}
+
+/** 将图标资源转换成可渲染节点（支持 url 或 icon）。 */
+export function renderFileIconAsset(asset: FileIconAsset) {
+  if (asset.url) {
+    // eslint-disable-next-line @next/next/no-img-element
+    return <img src={asset.url} alt="" style={{ width: '1em', height: '1em', display: 'block' }} />
+  }
+  return asset.icon ?? DEFAULT_FILE_ICON_ASSET.icon
+}
+

package/src/utils/index.ts

@@ -0,0 +1,168 @@
+import type { MenuTreeItem } from '@/types/menu'
+import aesUtil from '@/utils/aesUtil'
+import { getIconComponent } from '@/utils/routeConfig'
+import { showGlobalToast } from '@/utils/toastBridge'
+import { Folder, FolderOpen } from 'lucide-react'
+import React from 'react'
+
+/**
+ * 获取菜单节点图标组件（优先使用配置的 icon，否则返回默认文件夹图标）
+ */
+export function getMenuNodeIcon(node: MenuTreeItem, isExpanded?: boolean, isSelected?: boolean) {
+  // 优先使用配置的 icon
+  if (node.icon) {
+    const Icon = getIconComponent(node.icon)
+    if (Icon) return React.createElement(Icon, { size: 16, className: 'text-gray-500 dark:text-gray-400' })
+  }
+  
+  // 默认文件夹图标
+  return isExpanded || isSelected
+    ? React.createElement(FolderOpen, { size: 16, className: 'text-gray-400 dark:text-gray-500' })
+    : React.createElement(Folder, { size: 16, className: 'text-gray-400 dark:text-gray-500' })
+}
+
+/** 将 { value, label }[] 转为 value → label 的映射（label 常为 i18n key） */
+export function listToValueMap<T extends string | number>(
+  options: Array<{ value: T; label: string; [key: string]: any }>,
+  labelField: string = 'label', // 增加第二个参数，默认值为 'label'
+): Record<T, string> {
+  return Object.fromEntries(
+    options.map((item) => [item.value, item[labelField]])
+  ) as Record<T, string>;
+}
+
+/**
+ * 通用复制文本到剪贴板
+ * @param text 要复制的文本
+ * @returns 是否复制成功
+ */
+export async function copyToClipboard(text: string): Promise<boolean> {
+  if (!text) return false
+
+  // 优先使用现代 API
+  try {
+    if (navigator.clipboard?.writeText) {
+      await navigator.clipboard.writeText(text)
+      return true
+    }
+  } catch (err) {
+    console.warn('Navigator clipboard failed, using fallback', err)
+  }
+
+  // 降级方案
+  try {
+    const textArea = document.createElement('textarea')
+    textArea.value = text
+    textArea.style.position = 'fixed'
+    textArea.style.left = '-999999px'
+    textArea.style.top = '-999999px'
+    document.body.appendChild(textArea)
+    textArea.focus()
+    textArea.select()
+    const success = document.execCommand('copy')
+    document.body.removeChild(textArea)
+    return success
+  } catch (err) {
+    console.error('Copy fallback failed', err)
+    return false
+  }
+}
+
+/**
+ * 从响应头 `content-disposition` 解析下载文件名（兼容 filename / filename*）。
+ */
+function getDownloadFileNameFromHeaders(
+  headers: Record<string, any> | undefined,
+  splitStr?: string,
+) {
+  const contentDisposition = headers?.['content-disposition'] || headers?.['Content-Disposition']
+  if (!contentDisposition) return ''
+
+  // 默认优先解析 RFC 5987: filename*=utf-8''xxx
+  const preferSplit = splitStr || "filename*=utf-8''"
+
+  const raw =
+    contentDisposition.indexOf('filename*=') !== -1
+      ? contentDisposition.split(preferSplit)[1] || contentDisposition.split('filename*=')[1]
+      : contentDisposition.split('filename=')[1]
+
+  if (!raw) return ''
+
+  const cleaned = raw.trim().replace(/^"+|"+$/g, '').replace(/;.*$/, '')
+  if (!cleaned) return ''
+
+  // 旧后端常把 UTF-8 文件名 encode 成 %xx
+  if (cleaned.indexOf('%') !== -1) {
+    try {
+      return decodeURIComponent(cleaned)
+    } catch {
+      return cleaned
+    }
+  }
+
+  return cleaned
+}
+
+/**
+ * 处理导出/下载接口返回的 Blob，触发浏览器下载；若返回的是 JSON 错误，则给出当前项目的提示。
+ */
+export function handlerDownload(
+  res: any,
+  splitStr?: string,
+  customerFileName?: string,
+) {
+  const blob: Blob = res
+
+  // 后端有时会以 blob 形式返回 JSON 错误（如未登录/无权限/导出失败）
+  if (blob?.type && blob.type.indexOf('application/json') !== -1) {
+    const reader = new FileReader()
+    reader.readAsText(blob, 'utf-8')
+    reader.onload = () => {
+      try {
+        const resultText = reader.result
+        let data: any = typeof resultText === 'string' ? JSON.parse(resultText) : {}
+
+        // 与 axios 响应拦截器一致：{ data: 'xxxx'(string), code: undefined } 视为加密体
+        if (typeof data?.data === 'string' && data?.code === undefined) {
+          const decrypted = aesUtil.decrypt(data.data)
+          if (typeof decrypted === 'object' && decrypted) {
+            data = decrypted
+          } else if (typeof decrypted === 'string' && decrypted) {
+            try {
+              data = JSON.parse(decrypted)
+            } catch {
+              // 解密结果不是 JSON，按字符串 message 处理
+              data = { message: decrypted }
+            }
+          }
+        }
+
+        if (data?.code === 1803 || data?.code === 401) {
+          window.dispatchEvent(new CustomEvent('common:unauthorized'))
+          return
+        }
+        showGlobalToast(data?.message || '下载失败', 'error')
+      } catch {
+        showGlobalToast('下载失败', 'error')
+      }
+    }
+    return
+  }
+
+  const a = document.createElement('a')
+  const href = window.URL.createObjectURL(blob)
+  a.href = href
+
+  const headers = res?.responseHeaders
+  const headerFileName = getDownloadFileNameFromHeaders(headers, splitStr)
+  a.download = customerFileName || headerFileName || 'download'
+
+  document.body.appendChild(a)
+  a.click()
+  document.body.removeChild(a)
+  window.URL.revokeObjectURL(href)
+}
+
+export * from './file-icons'
+
+

package/src/utils/markdown-math-plugins.ts

@@ -0,0 +1,21 @@
+import remarkGfm from 'remark-gfm'
+import remarkMath from 'remark-math'
+import rehypeKatex from 'rehype-katex'
+import type { PluggableList } from 'unified'
+
+/**
+ * react-markdown 共用：GFM + 数学公式。
+ * - 模型常见写法为行内 `$...$`、块级 `$$...$$`，以及 `\\(` `\\)`、`\\[` `\\]`。
+ * - 须开启 `singleDollarTextMath`，否则 `$ \\frac{23}{24} $` 等不会被识别为公式。
+ * - `remark-math` 放在 `remark-gfm` 前，减少 GFM 规则与数学语法的边界冲突。
+ *
+ * 注：各 remark 插件推断的 Plugin 泛型不完全一致，此处对 PluggableList 做断言以通过类型检查。
+ */
+export const markdownRemarkPlugins: PluggableList = [
+  [remarkMath, { singleDollarTextMath: true }],
+  remarkGfm,
+] as unknown as PluggableList
+
+export const markdownRehypePlugins: PluggableList = [
+  rehypeKatex,
+] as unknown as PluggableList

package/src/utils/menuI18n.ts

@@ -0,0 +1,305 @@
+import i18n from '@/i18n'
+import type { MenuTreeItem } from '@/types/menu'
+
+/** 动态菜单标题前缀，完整键为 p_system.menu.db_code.[code] */
+export const MENU_ITEM_I18N_PREFIX = 'p_system.menu.db_code.'
+
+/** 用动态 idKey / childrenKey 读节点字段（MenuTreeItem 无索引签名，需经 unknown 断言） */
+function asMenuRecord(n: MenuTreeItem): Record<string, unknown> {
+  return n as unknown as Record<string, unknown>
+}
+
+export type MenuNameLocales = { zh?: string; en?: string }
+
+/** 将后台返回的 name 字段解析为多语言对象（支持标准 JSON） */
+export function parseMenuNameJson(raw: string | undefined | null): MenuNameLocales | null {
+  if (raw == null || typeof raw !== 'string') return null
+  const s = raw.trim()
+  if (!s.startsWith('{')) return null
+  try {
+    const obj = JSON.parse(s) as Record<string, unknown>
+    if (!obj || typeof obj !== 'object') return null
+    const zh =
+      (typeof obj.zh === 'string' && obj.zh) ||
+      (typeof obj['zh-CN'] === 'string' && (obj['zh-CN'] as string)) ||
+      undefined
+    const en =
+      (typeof obj.en === 'string' && obj.en) ||
+      (typeof obj['en-US'] === 'string' && (obj['en-US'] as string)) ||
+      undefined
+    return { zh, en }
+  } catch {
+    return null
+  }
+}
+
+export function stringifyMenuNameJson(locales: MenuNameLocales): string {
+  return JSON.stringify({
+    zh: locales.zh ?? '',
+    en: locales.en ?? '',
+  })
+}
+
+export function flattenMenuNodes(menus: MenuTreeItem[] | undefined): MenuTreeItem[] {
+  const out: MenuTreeItem[] = []
+  const walk = (nodes?: MenuTreeItem[]) => {
+    if (!nodes?.length) return
+    for (const n of nodes) {
+      out.push(n)
+      walk(n.children)
+    }
+  }
+  walk(menus)
+  return out
+}
+
+/**
+ * 在菜单树中按 id 查找节点，返回其 `code`（无或空则 undefined）
+ */
+export function findMenuCodeInTree(
+  nodes: MenuTreeItem[] | undefined,
+  menuId: string | number | null | undefined,
+  options?: { idKey?: string; childrenKey?: string },
+): string | undefined {
+  if (menuId == null || String(menuId).trim() === '') return undefined
+  const idKey = options?.idKey ?? 'id'
+  const childrenKey = options?.childrenKey ?? 'children'
+  const target = String(menuId)
+
+  const walk = (list: MenuTreeItem[] | undefined): string | undefined => {
+    if (!list?.length) return undefined
+    for (const node of list) {
+      if (String(asMenuRecord(node)[idKey]) === target) {
+        const c = node.code
+        return typeof c === 'string' && c.trim() !== '' ? c.trim() : undefined
+      }
+      const childList = asMenuRecord(node)[childrenKey] as
+        | MenuTreeItem[]
+        | undefined
+      const found = walk(childList)
+      if (found != null) return found
+    }
+    return undefined
+  }
+
+  return walk(nodes)
+}
+
+/**
+ * 与权限页菜单树 / CxTreeSelect 节点文案一致：title 多语言 JSON → 单字符串 title/name/code/id
+ */
+export function getMenuTreeNodeFlatLabel(node: MenuTreeItem): string {
+  const titleRaw = (node as { title?: unknown }).title
+  const titleStr = typeof titleRaw === 'string' ? titleRaw : ''
+  const parsed = parseMenuNameJson(titleStr)
+  return (
+    parsed?.zh ||
+    parsed?.en ||
+    titleStr ||
+    (typeof node.name === 'string' ? node.name : '') ||
+    node.code ||
+    String(node.id)
+  )
+}
+
+/** 将菜单树扁平为 id → 展示名（用于权限详情等反查） */
+export function buildMenuIdToLabelMap(
+  roots: MenuTreeItem[] | undefined,
+  options?: { childrenKey?: string; idKey?: string },
+): Record<string, string> {
+  const childrenKey = options?.childrenKey ?? 'children'
+  const idKey = options?.idKey ?? 'id'
+  const map: Record<string, string> = {}
+  const walk = (nodes?: MenuTreeItem[]) => {
+    if (!nodes?.length) return
+    for (const n of nodes) {
+      const idVal = asMenuRecord(n)[idKey]
+      if (idVal != null && String(idVal) !== '') {
+        map[String(idVal)] = getMenuTreeNodeFlatLabel(n)
+      }
+      const children = asMenuRecord(n)[childrenKey] as
+        | MenuTreeItem[]
+        | undefined
+      walk(children)
+    }
+  }
+  walk(roots)
+  return map
+}
+
+/** 将菜单树扁平为 id → 从根到该节点的层级路径（如「系统管理 > 用户管理 > 用户列表」） */
+export function buildMenuIdToPathLabelMap(
+  roots: MenuTreeItem[] | undefined,
+  options?: {
+    childrenKey?: string
+    idKey?: string
+    /** 层级分隔符，默认「 > 」 */
+    separator?: string
+  },
+): Record<string, string> {
+  const childrenKey = options?.childrenKey ?? 'children'
+  const idKey = options?.idKey ?? 'id'
+  const separator = options?.separator ?? ' > '
+  const map: Record<string, string> = {}
+  const walk = (nodes: MenuTreeItem[] | undefined, ancestorLabels: string[]) => {
+    if (!nodes?.length) return
+    for (const n of nodes) {
+      const label = getMenuTreeNodeFlatLabel(n)
+      const segments = [...ancestorLabels, label]
+      const pathStr = segments.join(separator)
+      const idVal = asMenuRecord(n)[idKey]
+      if (idVal != null && String(idVal) !== '') {
+        map[String(idVal)] = pathStr
+      }
+      const children = asMenuRecord(n)[childrenKey] as
+        | MenuTreeItem[]
+        | undefined
+      walk(children, segments)
+    }
+  }
+  walk(roots, [])
+  return map
+}
+
+/**
+ * 解析节点在业务中的菜单 level（与 `menuFormShared`、接口 `MenuTreeItem.level` 一致）：
+ * **0=顶级，1=一级，2=二级**…
+ * 无 `level` 时按树深度回退：`depth` 从 1 表示根行 → `level = depth - 1`。
+ */
+export function resolveMenuTreeNodeLevel(
+  node: MenuTreeItem,
+  depthFromRoot: number,
+): number {
+  const n = Number((node as MenuTreeItem).level)
+  if (Number.isFinite(n) && n >= 0) return n
+  return depthFromRoot - 1
+}
+
+/** 菜单 id → 业务 level（见 {@link resolveMenuTreeNodeLevel}） */
+export function buildMenuIdToLevelMap(
+  roots: MenuTreeItem[] | undefined,
+  options?: { childrenKey?: string; idKey?: string },
+): Record<string, number> {
+  const childrenKey = options?.childrenKey ?? 'children'
+  const idKey = options?.idKey ?? 'id'
+  const map: Record<string, number> = {}
+  const walk = (nodes: MenuTreeItem[] | undefined, depthFromRoot: number) => {
+    if (!nodes?.length) return
+    for (const n of nodes) {
+      const idVal = asMenuRecord(n)[idKey]
+      if (idVal != null && String(idVal) !== '') {
+        map[String(idVal)] = resolveMenuTreeNodeLevel(n, depthFromRoot)
+      }
+      const children = asMenuRecord(n)[childrenKey] as
+        | MenuTreeItem[]
+        | undefined
+      walk(children, depthFromRoot + 1)
+    }
+  }
+  walk(roots, 1)
+  return map
+}
+
+/**
+ * 权限绑定菜单 TreeSelect：**仅 `level===0`（顶级）与 `level===2`（二级）可选**；
+ * `level===1`（一级）及 `level>=3` 为 `disabled`（仍展示）。
+ */
+export function mapMenuTreeForPermissionBindSelect(
+  nodes: MenuTreeItem[] | undefined,
+  options?: { childrenKey?: string; idKey?: string },
+): any[] {
+  const childrenKey = options?.childrenKey ?? 'children'
+  const idKey = options?.idKey ?? 'id'
+
+  const walk = (list: MenuTreeItem[] | undefined, depthFromRoot: number): any[] => {
+    if (!list?.length) return []
+    return list.map((node) => {
+      const idVal = asMenuRecord(node)[idKey]
+      const childrenRaw = asMenuRecord(node)[childrenKey] as
+        | MenuTreeItem[]
+        | undefined
+      const children = walk(childrenRaw, depthFromRoot + 1)
+      const lvl = resolveMenuTreeNodeLevel(node as MenuTreeItem, depthFromRoot)
+      const disabled = lvl !== 0 && lvl !== 2
+      return {
+        title: getMenuTreeNodeFlatLabel(node),
+        value: String(idVal),
+        key: String(idVal),
+        disabled,
+        children: children.length ? children : undefined,
+      }
+    })
+  }
+
+  return walk(nodes, 1)
+}
+
+/**
+ * 根据菜单树把多语言文案写入 i18n，键为 p_system.menu.db_code.[code]
+ */
+export function syncMenuTreeToI18n(menuRoots: MenuTreeItem[] | undefined) {
+  if (!menuRoots?.length) return
+  const nodes = flattenMenuNodes(menuRoots)
+  for (const node of nodes) {
+    if (!node.code) continue
+    const key = `${MENU_ITEM_I18N_PREFIX}${node.code}`
+    // 新结构：title 可能是 JSON 字符串，也可能是单语言字符串
+    if (typeof (node as any).title === 'string' && (node as any).title.trim()) {
+      const title = String((node as any).title)
+      const parsedTitle = parseMenuNameJson(title)
+      if (parsedTitle) {
+        if (parsedTitle.zh) i18n.addResource('zh', 'translation', key, parsedTitle.zh)
+        if (parsedTitle.en) i18n.addResource('en', 'translation', key, parsedTitle.en)
+      } else {
+        i18n.addResource('zh', 'translation', key, title)
+        i18n.addResource('en', 'translation', key, title)
+      }
+      continue
+    }
+
+    // 旧结构：name 为 JSON 字符串
+    const parsed = parseMenuNameJson(node.name)
+    if (!parsed) continue
+    if (parsed.zh) i18n.addResource('zh', 'translation', key, parsed.zh)
+    if (parsed.en) i18n.addResource('en', 'translation', key, parsed.en)
+  }
+}
+
+/** 侧边栏 / 树上展示用：优先 p_system.menu.db_code.[code]，其次 JSON 按当前语言，再退回旧版 i18n key */
+export function getMenuDisplayName(
+  menu: MenuTreeItem,
+  t: (key: string) => string,
+  language?: string,
+): string {
+  const lng = language ?? i18n.language ?? 'zh'
+  const isEn = lng === 'en' || lng.startsWith('en-')
+
+  // 新结构：优先使用 title（支持 JSON 字符串按语言显示）
+  if (typeof (menu as any).title === 'string' && (menu as any).title.trim()) {
+    const title = String((menu as any).title)
+    const parsedTitle = parseMenuNameJson(title)
+    if (parsedTitle) {
+      const fallback = isEn ? parsedTitle.en || parsedTitle.zh : parsedTitle.zh || parsedTitle.en
+      if (fallback) return fallback
+    }
+    return title
+  }
+
+  if (menu.code) {
+    const key = `${MENU_ITEM_I18N_PREFIX}${menu.code}`
+    const translated = t(key)
+    if (translated && translated !== key) return translated
+  }
+
+  const parsed = parseMenuNameJson(menu.name)
+  if (parsed) {
+    const fallback = isEn ? parsed.en || parsed.zh : parsed.zh || parsed.en
+    if (fallback) return fallback
+  }
+
+  const raw = menu.name ?? ''
+  if (typeof raw === 'string' && raw.includes('.') && !raw.trim().startsWith('{')) {
+    return t(raw)
+  }
+  return raw || ''
+}