kit-login-web
TypeScript icon, indicating that this package has built-in type declarations

1.0.2 • Public • Published

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'

组件预览

登录预览图片

登录预览图片

Readme

Keywords

none

Package Sidebar

Install

npm i kit-login-web

Weekly Downloads

1

Version

1.0.2

License

none

Unpacked Size

160 kB

Total Files

13

Last publish

Collaborators

  • netease-yunxin