/**
 * 封装 ElMessage，在 iOS standalone 模式下自动加上顶栏+刘海偏移
 */
import { ElMessage as _ElMessage } from 'element-plus'

const isStandalone = window.navigator.standalone === true ||
  window.matchMedia('(display-mode: standalone)').matches

function getOffset() {
  if (!isStandalone) return 20
  const sat = parseInt(getComputedStyle(document.documentElement).getPropertyValue('--sat')) || 0
  return 52 + sat + 8
}

function message(opts) {
  const offset = getOffset()
  if (typeof opts === 'string') return _ElMessage({ message: opts, offset })
  return _ElMessage({ offset, ...opts })
}

;['success', 'warning', 'info', 'error'].forEach(type => {
  message[type] = (opts) => {
    const offset = getOffset()
    if (typeof opts === 'string') return _ElMessage[type]({ message: opts, offset })
    return _ElMessage[type]({ offset, ...opts })
  }
})

message.closeAll = _ElMessage.closeAll

export { message as ElMessage }