fix: add the fast login

Author: Boelroy

packages/console-utils/xconsole-service/src/interceptors/fastloginInterceptor/login.tsx

@@ -2,8 +2,9 @@ import axios, { AxiosResponse } from 'axios';
 import React, { useEffect, useRef } from 'react';
 import ReactDOM from 'react-dom'
 import { render } from '@alicloud/console-fastlogin';
-import { Button, Dialog } from '@alicloud/console-components'
+import { Dialog } from '@alicloud/console-components';
 
+import messages from './messages';
 import searchParamsInterceptor from '../paramsInterceptor/index';
 import { getSecToken, getUmid, getCollina } from '../../utils/index';
 
@@ -51,12 +52,12 @@ export const LoginContent: React.FC<any> = (props) => {
 
   return (
     <Dialog visible footer={<div/>} onClose={() => {props.onError()}}>
-      <div style={{height: 630, width: 500, paddingTop: 20}}>
+      <div style={{height: 630, width: 500, paddingTop: 20, overflow: 'hidden'}}>
         <div ref={ref} id="loginContent" ></div>
         <div style={{textAlign: 'center', width: 500, paddingTop: 20, fontSize: 13}}>
-          <span >快速登录有问题？直接去</span>
-          <a href="#" onClick={() => { window.location.reload()}}>登录页</a>
-          <span >登录</span>
+          <span >{messages['login_prefix']}</span>
+          <a href="#" onClick={() => { window.location.reload()}}>{messages['login_action']}</a>
+          <span >{messages['login_suffix']}</span>
         </div>
       </div>
     </Dialog>

packages/console-utils/xconsole-service/src/interceptors/fastloginInterceptor/message.ts

@@ -0,0 +1,21 @@
+import { getLocale } from '../../utils/index';
+
+const locale = getLocale() || 'en-US';
+/* eslint-disable max-len */
+const messages = {
+  'en-US': {
+    'login_prefix': 'Having trouble with fast login? Go directly to ',
+    'login_action': 'the login page',
+    'login_suffix': ' to log in',
+  },
+
+  // 中文文案
+  'zh-CN': {
+    'login_prefix': '快速登录有问题？直接去',
+    'login_action': '登录页',
+    'login_suffix': '登录',
+  },
+
+};
+
+export default (messages as any)[locale] || messages['en-US'];

packages/console-utils/xconsole-service/src/interceptors/fastloginInterceptor/messages.ts

@@ -10,14 +10,19 @@ import { createService } from '../src/index'
 
 import '@alicloud/console-components/dist/xconsole.css'
 
+// @ts-ignore
+window.ALIYUN_CONSOLE_CONFIG = {
+  CHANNEL: "OFFICIAL"
+}
+
 window.React = React;
 window.ReactDOM = ReactDOM
 storiesOf('XConsole FastLogin', module)
   .addDecorator(withKnobs)
   .add('FastLogin', () => {
     React.useEffect(() => {
       (async () => {
-        await createService('consoledemo', 'ConsoleNeedLogin')({ xxxx:1 })
+        await createService('consoledemo', 'ConsoleNeedLogin', { fastLogin: true})({ xxxx:1 })
       })()
     })
     return <div/>