umi-plugin-cool-ums
TypeScript icon, indicating that this package has built-in type declarations

1.0.4 • Public • Published

ums 的插件

该插件主要为了简化对接 ums 的流程,提供了检测是否登录功能,并导出两种不同类型的登出组件 Logout 和 LoginName。

配置

   docker: {
    env: {
      ssoPrefix: 'admin/api/city',  //是否登录接口和登出接口会使用此配置拼接,例如登出`${window.SYS_ENV.base}${window.SYS_ENV.ssoPrefix}/logout`
      umsUrl: 'https://test.citybrain.com/ums', //ums的登录地址前缀(必填),例如登录地址 `${window.SYS_ENV.umsUrl}/login?redirectUrl=${window.location.href}`
    },
  },
  ums: {
     checkLoginInHeader: true,//是否在header中增加检测是否ums登录   默认和false不增加
  },

说明

上面的 docker.env 中的配置项,会在编译时候挂载到 window.SYS_ENV 上面 ,window.SYS_ENV.base 等同于 umirc 中配置的 base

使用

import { Logout,LoginName } from 'umi';
 
export default () => {
  return (
    <div>
      //style:会覆盖组件中的style, text:展示字段,onClick:退出之前做的操作
      <Logout style={{fontSize:16}} text="退出" onClick={()=>{}}/>
      //actionList:滑过展示姓名弹出的菜单项,其中label:菜单项名称,icon:菜单项icon,link:跳转地址,onClick:点击菜单项
      //loginOutIcon:登出菜单项的icon
      //onClick :退出之前做的操作
      <LoginName
      actionList={[{label:"修改密码",link:"跳转路径",onClick:()=>{},icon:<LogoutOutlined/>}]}
      loginOutIcon={<LogoutOutlined/>}
      onClick={()=>{}}
      />
    </div>
  );

Readme

Keywords

none

Package Sidebar

Install

npm i umi-plugin-cool-ums

Weekly Downloads

0

Version

1.0.4

License

ISC

Unpacked Size

26.5 kB

Total Files

26

Last publish

Collaborators

  • tinder1024