2.0.1 • Published 1 month ago
@tntd/user-status-modal v2.0.1
组件背景:用户在一定状态下弹窗提示
noOperate
长时间未操作;停留在页面(30分钟)后未进行任何页面操作(例如点击、滚动、鼠标移动)等,弹窗提示用户。multiUser
多终端用户登录;当前账号在其他设备中登录,弹窗提示用户。
使用方法
npm install @tntd/user-status-modal --save
参数
参数 | 作用 |
---|---|
lang | 国际化cn|en |
modalShowEvent | 显示弹窗时回调。结合当前业务:如果未传此回调方法但传dispatch函数,默认执行 dispatch({ type: "login/signOut" }); |
modalCloseEvent | 关闭弹窗回调。结合当前业务:如果未传此回调方法但传dispatch函数,默认执行 dispatch({ type: "login/goLogin" }); |
noOperateTime | 停留页面时间设置,noOperate 场景中可按照实际情况设置,默认30分钟 |
showModal | multiUser 多终端登录时可以根据用户传递控制是否显示弹窗,默认弹窗 |
childrenDom | 自定义弹窗内容 |
closeModal | 子组件暴露closeModal方法可供调用方关闭弹窗 |
// 长时间未操作
<NoOperate
lang="cn"
noOperateTime="100" // 静置时间
modalShowEvent={()=>{ // 弹窗回调
console.log(1)
}}
modalCloseEvent={()=>{ // 点击弹窗确定回调
console.log(2)
}}
ref={noOperateRef}
childrenDom={
<div>
<p>dsada</p>
<p>dsada</p>
<button onClick={()=>{
noOperateRef?.current?.closeModal();
}}>hahah</button>
</div>
}
/>
// 多用户登录
<MultiUser
lang="cn"
showModal={multiUserModal}
modalShowEvent={() => {
// 弹窗回调
console.log(1)
}}
modalCloseEvent={() => {
// 点击弹窗确定回调
console.log(2)
}}
/>
2.0.1
1 month ago
1.0.20
3 months ago
1.0.19
7 months ago
1.0.18
1 year ago
1.0.17
2 years ago
1.0.16
3 years ago
1.0.15
3 years ago
1.0.14
3 years ago
1.0.13
3 years ago
1.0.12
3 years ago
1.0.11
3 years ago
1.0.10
3 years ago
1.0.2-fix
3 years ago
1.0.9
4 years ago
1.0.8
4 years ago
1.0.7
4 years ago
1.0.6
4 years ago
1.0.5
4 years ago
1.0.4
4 years ago
1.0.3
4 years ago
1.0.2
4 years ago
1.0.1
4 years ago
1.0.0
4 years ago