login-modal

window.open 小窗登录统一方法

Install

npm install @blueking/login-modal

Usage

import { showLoginModal } from '@blueking/login-modal'

// ...
if (status === 401) {
  // 登录成功之后的回调地址，用于执行关闭登录窗口或刷新父窗口页面等动作
  const successUrl = `${window.location.origin}/static/login_success.html`

  // 系统的登录页地址
  const siteLoginUrl = window.Site.login
  if (!siteLoginUrl) {
    console.error('Login URL not configured!')
    return
  }

  // 处理登录地址为登录小窗需要的格式，主要是设置c_url参数
  const loginURL = new URL(siteLoginUrl)
  loginURL.searchParams.set('c_url', successUrl)
  const pathname = loginURL.pathname.endsWith('/') ? loginURL.pathname : `${loginURL.pathname}/`
  const loginUrl = `${loginURL.origin}${pathname}plain/${loginURL.search}`

  // 传入最终的登录地址，弹出登录窗口，更多选项参考 Options
  showLoginModal({ loginUrl })
}

Options

showLoginModal(options) 支持传入的配置

const {
  loginUrl,
  width = 700,
  height = 510,
  maskColor = 'rgba(0, 0, 0, .6)',
  maskZIndex = 99999,
  onClosed = null // 窗口关闭回调
} = options

返回值：成功时登录窗口的 WindowProxy，失败时为 null