SetGlobalTag

1. SetGlobalTag

import { isUrl } from '@/utils/help'

/**
 * @name 设置标签属性
 */
export const setAttribute = (element: Element, attr: Record<string, string>) => {
  if (!element || typeof attr !== 'object' || attr === null) return
  Object.entries(attr).forEach(([qualifiedName, value]) => {
    element.setAttribute(qualifiedName, value)
  })
}

/**
 * @name 设置站点图标
 */
export const setFavicon = (href: string) => {
  if (!href) return
  const favicon = document.head.querySelector('link[rel="shortcut icon"], link[rel="icon"]')
  if (favicon) return setAttribute(favicon, { href })

  const link = document.createElement('link')
  setAttribute(link, { rel: 'icon', href })
  document.head.appendChild(link)
}

/**
 * @name 设置全局样式
 */
export const setGlobalStyle = (string: string) => {
  if (!string) return
  if (isUrl(string)) {
    const link = document.createElement('link')
    setAttribute(link, {
      ref: 'stylesheet',
      type: 'text/css',
      crossorigin: 'anonymous',
      href: string,
    })
    document.head.appendChild(link)
    return
  }

  const style = document.createElement('style')
  setAttribute(style, { type: 'text/css' })
  style.innerHTML = string
  document.head.appendChild(style)
}

/**
 * @name 设置全局脚本
 */
export const setGlobalScript = (string: string) => {
  if (!string) return
  if (isUrl(string)) {
    const script = document.createElement('script')
    setAttribute(script, {
      type: 'text/javascript',
      crossorigin: 'anonymous',
      src: string,
    })
    document.head.appendChild(script)
    return
  }

  const script = document.createElement('script')
  setAttribute(script, { type: 'text/javascript' })
  script.innerHTML = string
  document.head.appendChild(script)
}