Kit-Login-Web
web统一登录组件
下载依赖
$ npm install kit-login-web react react-dom antd --save
使用
import { Login, logoutFn } from "kit-login-web";
const App = () => {
return (
<Login {...props}/>
)
}
// logoutFn是对外暴露的登出方法,返回Promise
// props声明:
interface LoginProps {
autoLogin?: boolean
memoryMode?: 'localStorage' | 'sessionStorage' | 'memory' // 用户登录信息存储方式,默认localStorage, localStorage || sessionStorage || memory
componentTag: number | string // 组件标识符,用于区分组件数据
appkey: string
parentScope: number // 行业业务域 0 :未知; 1:娱乐线 ;2 :Im Demo ;3:智慧教育; 4:通用
scope: number // 解决方案子域 0:未知;1:多人视频通话;2:1对1通话;3:PK直播;4:语聊房;5:KTV;6:PK连麦;7:im demo;8:智慧教育;9:云呼叫中心
success?: (res: any) => void // 登录成功回调
fail?: (error: any) => void // 登录失败回调
baseDomain: string // 请求domain
defaultStep?: number // 默认展示页面 1:首页 2:仅展示表单页
}
其他方法
import { render, unmountComponentAtNode } from 'kit-login-web'
// render 用于在非react框架中渲染
const view = document.getElementById('view')
render(view: HTMLElement, props: LoginProps)
// unmountComponentAtNode 用于卸载组件
unmountComponentAtNode(view)
除此之外,组件还提供了 commonjs 与 umd 的输出方式。
// commonjs
const { Login, render } = require('kit-login-web')
// umd
const { Login, render } = window.NELogin
FAQ
如果遇到样式丢失问题,需要手动导入 antd 的样式
import 'antd/dist/index.less'