// 导出获取图片URL的函数 export const getImageUrl = (path) => { // 如果path不存在或不是字符串,直接返回空字符串 if (!path || typeof path !== 'string') { console.error('getImageUrl: path 参数无效或为空', path); return ''; } // 如果是绝对URL(http://或https://开头),直接返回 if (path.startsWith('http://') || path.startsWith('https://')) { return path; } // 否则处理为本地资源 // 使用Vite支持的动态导入方式 try { // 根据不同的图片路径,返回对应的导入URL // 注意:这种方式需要为每个图片路径单独添加映射 // 您可以根据实际需要扩展这个映射表 const imageMap = { 'img/honor1.png': new URL('../assets/img/honor1.png', import.meta.url).href, 'img/honor2.png': new URL('../assets/img/honor2.png', import.meta.url).href, 'img/honor3.png': new URL('../assets/img/honor3.png', import.meta.url).href, 'img/dynamic1.png': new URL('../assets/img/dynamic1.png', import.meta.url).href, 'img/dynamic2.png': new URL('../assets/img/dynamic2.png', import.meta.url).href, // 可以根据需要添加更多图片路径映射 }; // 如果找到对应的映射,返回映射的URL if (imageMap[path]) { return imageMap[path]; } else { // 如果没有找到映射,尝试使用默认方式 console.warn('图片路径未在映射表中找到:', path); return new URL(`../assets/${path}`, import.meta.url).href; } } catch (error) { // 如果构建失败,打印错误信息并返回空字符串 console.error('图片加载失败:', error, '路径:', path); return ''; } } export function highlightKeywords(text, keywords, options = {}) { // 处理边界情况:文本或关键字为空时直接返回原文本 if (!text || !keywords || (Array.isArray(keywords) && keywords.length === 0)) { return text; } // 合并默认配置 const { color = '#2D00F5', ignoreCase = true, tag = 'span' } = options; // 统一将关键字转为数组格式(兼容单个关键字传入) const keywordList = Array.isArray(keywords) ? keywords : [keywords]; // 过滤空关键字 const validKeywords = keywordList.filter(keyword => keyword && keyword.trim()); if (validKeywords.length === 0) return text; // 构建正则表达式:转义特殊字符 + 忽略大小写 + 全局匹配 const escapeRegExp = (str) => str.replace(/[.*+?^${}()|[\]\\]/g, '\\$&'); const regexStr = validKeywords.map(escapeRegExp).join('|'); const regex = new RegExp(regexStr, ignoreCase ? 'gi' : 'g'); // 替换匹配的关键字,用指定标签包裹并设置颜色 return text.replace(regex, (match) => { return `<${tag} style="color: ${color};">${match}`; }); }