plog 点击图片跳转

lib/utils/index.js

@@ -16,7 +16,7 @@ export const isSearchEngineBot = () => {
     return false
   }
   // 获取用户代理字符串
-  const userAgent = navigator.userAgent;
+  const userAgent = navigator.userAgent
   // 使用正则表达式检测是否包含搜索引擎爬虫关键字
   return /Googlebot|bingbot|Baidu/.test(userAgent)
 }
@@ -24,8 +24,8 @@ export const isSearchEngineBot = () => {
 /**
  * 组件持久化
  */
-export const memorize = (Component) => {
-  const MemoizedComponent = (props) => {
+export const memorize = Component => {
+  const MemoizedComponent = props => {
     return <Component {...props} />
   }
   return memo(MemoizedComponent)
@@ -34,26 +34,26 @@ export const memorize = (Component) => {
 // 转换外链
 export function sliceUrlFromHttp(str) {
   // 检查字符串是否包含http
-  if (str.includes('http:') || str.includes('https:')) {
+  if (str?.includes('http:') || str?.includes('https:')) {
     // 如果包含，找到http的位置
-    const index = str.indexOf('http');
+    const index = str?.indexOf('http')
     // 返回http之后的部分
-    return str.slice(index, str.length);
+    return str.slice(index, str.length)
   } else {
     // 如果不包含，返回原字符串
-    return str;
+    return str
   }
 }
 
 // 检查是否外链
 export function checkContainHttp(str) {
   // 检查字符串是否包含http
-  if (str.includes('http:') || str.includes('https:')) {
+  if (str?.includes('http:') || str?.includes('https:')) {
     // 如果包含，找到http的位置
-    return str.indexOf('http') > -1
+    return str?.indexOf('http') > -1
   } else {
     // 不包含
-    return false;
+    return false
   }
 }
 
@@ -65,7 +65,10 @@ export function checkContainHttp(str) {
  */
 export function loadExternalResource(url, type) {
   // 检查是否已存在
-  const elements = type === 'js' ? document.querySelectorAll(`[src='${url}']`) : document.querySelectorAll(`[href='${url}']`)
+  const elements =
+    type === 'js'
+      ? document.querySelectorAll(`[src='${url}']`)
+      : document.querySelectorAll(`[href='${url}']`)
 
   return new Promise((resolve, reject) => {
     if (elements.length > 0 || !url) {
@@ -112,9 +115,11 @@ export function getQueryVariable(key) {
   const vars = query.split('&')
   for (let i = 0; i < vars.length; i++) {
     const pair = vars[i].split('=')
-    if (pair[0] === key) { return pair[1] }
+    if (pair[0] === key) {
+      return pair[1]
+    }
   }
-  return (false)
+  return false
 }
 /**
  * 获取 URL 中指定参数的值
@@ -124,9 +129,9 @@ export function getQueryVariable(key) {
  */
 export function getQueryParam(url, param) {
   // 移除哈希部分
-  const urlWithoutHash = url.split('#')[0];
-  const searchParams = new URLSearchParams(urlWithoutHash.split('?')[1]);
-  return searchParams.get(param);
+  const urlWithoutHash = url.split('#')[0]
+  const searchParams = new URLSearchParams(urlWithoutHash.split('?')[1])
+  return searchParams.get(param)
 }
 
 /**
@@ -157,7 +162,7 @@ export function mergeDeep(target, ...sources) {
  * @returns {boolean}
  */
 export function isObject(item) {
-  return (item && typeof item === 'object' && !Array.isArray(item))
+  return item && typeof item === 'object' && !Array.isArray(item)
 }
 
 /**
@@ -210,10 +215,7 @@ export const delay = ms => new Promise(resolve => setTimeout(resolve, ms))
  * @returns {*}
  */
 export const getListByPage = function (list, pageIndex, pageSize) {
-  return list.slice(
-    0,
-    pageIndex * pageSize
-  )
+  return list.slice(0, pageIndex * pageSize)
 }
 
 /**
@@ -230,7 +232,7 @@ export const isMobile = () => {
   //   isMobile = true
   // }
 
-  if (!isMobile && (/Mobi|Android|iPhone/i.test(navigator.userAgent))) {
+  if (!isMobile && /Mobi|Android|iPhone/i.test(navigator.userAgent)) {
     isMobile = true
   }
 
@@ -249,41 +251,41 @@ export const isMobile = () => {
  * 扫描页面上的所有文本节点，将url格式的文本转为可点击链接
  * @param {*} node
  */
-export const scanAndConvertToLinks = (node) => {
+export const scanAndConvertToLinks = node => {
   if (node.nodeType === Node.TEXT_NODE) {
-    const text = node.textContent;
-    const urlRegex = /https?:\/\/[^\s]+/g;
-    let lastIndex = 0;
-    let match;
+    const text = node.textContent
+    const urlRegex = /https?:\/\/[^\s]+/g
+    let lastIndex = 0
+    let match
 
-    const newNode = document.createElement('span');
+    const newNode = document.createElement('span')
 
     while ((match = urlRegex.exec(text)) !== null) {
-      const beforeText = text.substring(lastIndex, match.index);
-      const url = match[0];
+      const beforeText = text.substring(lastIndex, match.index)
+      const url = match[0]
 
       if (beforeText) {
-        newNode.appendChild(document.createTextNode(beforeText));
+        newNode.appendChild(document.createTextNode(beforeText))
       }
 
-      const link = document.createElement('a');
-      link.href = url;
+      const link = document.createElement('a')
+      link.href = url
       link.target = '_blank'
-      link.textContent = url;
+      link.textContent = url
 
-      newNode.appendChild(link);
+      newNode.appendChild(link)
 
-      lastIndex = urlRegex.lastIndex;
+      lastIndex = urlRegex.lastIndex
     }
 
     if (lastIndex < text.length) {
-      newNode.appendChild(document.createTextNode(text.substring(lastIndex)));
+      newNode.appendChild(document.createTextNode(text.substring(lastIndex)))
     }
 
-    node.parentNode.replaceChild(newNode, node);
+    node.parentNode.replaceChild(newNode, node)
   } else if (node.nodeType === Node.ELEMENT_NODE) {
     for (const childNode of node.childNodes) {
-      scanAndConvertToLinks(childNode);
+      scanAndConvertToLinks(childNode)
     }
   }
 }