geovis-components v0.1.8

GeovisComponents

This library was generated with Angular CLI version 11.2.14.

公共组件库

支持组件

统一登录组件： geovis-login

一、geovis-login接入方式

1、在需要引入的模块Module中, import { GeovisComponentsModule } from 'geovis-components';

2、在引入模块的NgModule中 import: [ GeovisComponentsModule, ... ]

3、在引入模块的NgModule的declarations声明的component组件的模板template中直接使用

4、使用示例：

4.1、geovis-login的使用

<geovis-login  
  [options]="options"  
  *ngIf="isShowLogin"  
  (onLoginResult)="getLoginResult($event)"   
  (onWechatLoginResult)="wechatLoginResult($event)"  
  (onAppScanResult)="appScanLoginResult($event)"  
  (onCloseLogin)="isShowLogin = false">
</geovis-login> 

options = {
      baseUrl: 'Api的BaseUrl',
      privacyAgreementUrl:  '用户隐私地址',
      useAgreementUrl: '用户使用协议地址',
      closable: '登录框是否有关闭按钮',
      isAppScan: '是否为app扫码登录（默认账号密码登录）',
      ssoLoginUrl: '跳转到统一登录的地址',
      ssoUrlTarget: '打开sso服务登录链接的target配置（默认_self）',
      appkey: 'sso中每个应用对应的appkey(必传)',
      isGitlabLogin: true, // 是否支持极狐授权登录  默认false
      isWxSiteApp: false, // 是否支持sso服务接入的微信网站应用扫码登录
      lang: 'en-us', //默认使用中文， en-us：英文， zh-cn： 中文 
      isEmailEntry: true, // 默认false: 不开启邮箱登录  true: 开启邮箱登录
      theme: { 
              '--primaryColor': '#0084CB', 
              '--btnPrimaryLeftColor': '#0085CC',
              '--btnPrimaryRightColor': '#00448C'
            } 
      }  

isShowLogin: 使用方控制组件是否渲染
onLoginResult： 账号或短信登录成功后的事件 onWechatLoginResult: 微信登录成功的事件 onAppScanResult: app扫码登录成功的事件 isGitlabLogin: 是否支持极狐授权登录