tntd 1.3.51 → 1.3.55

package/components/Layout/Avatar.js

@@ -1,8 +1,10 @@
+import { useContext } from 'react';
 import styled, { createGlobalStyle } from 'styled-components';
 import { Popover, Button } from 'antd';
 import deleteAllCookiesFactory from 'delete-all-cookies';
 import { get } from 'lodash';
 import images from './images';
+import ActionsContext from './ActionsContext';
 
 const Avatar = styled.li`
     margin-right: 0;
@@ -73,6 +75,7 @@ const UserInfoWrapper = styled.div`
 
 const UserInfoContent = props => {
     const { userInfo, onLogout, onChangePassword = () => true, onPersonalSetting = () => true } = props;
+    const { getText } = useContext(ActionsContext);
 
     return (
         <UserInfoWrapper className="user-info-setting-wrap">
@@ -83,8 +86,8 @@ const UserInfoContent = props => {
                 <p className="user-info-body-account">
                     {userInfo.account}
                 </p>
-                <a onClick={onPersonalSetting} href="/bridge/userCenter?currentTab=1">个人设置</a>
-                <a onClick={onChangePassword} href="/bridge/userCenter?currentTab=2">修改密码</a>
+                <a onClick={onPersonalSetting} href="/bridge/userCenter?currentTab=1">{getText('personalSettings')}</a>
+                <a onClick={onChangePassword} href="/bridge/userCenter?currentTab=2">{getText('changePwd')}</a>
             </div>
             <div className="user-info-footer">
                 <Button
@@ -99,7 +102,7 @@ const UserInfoContent = props => {
                         }
                     }}
                 >
-                    <a>退出</a>
+                    <a>{getText('signOut')}</a>
                 </Button>
             </div>
         </UserInfoWrapper>

package/components/Layout/GlobalNavigation/NavigationPopup.js

@@ -4,6 +4,7 @@ import styled from 'styled-components';
 import { debounce } from 'lodash';
 import { traverseTree, hasLevel3 } from '../utils';
 import Icon from '../Iconfont';
+import { getText } from '../../locale';
 
 const SearchArea = styled.div`
     position: relative;
@@ -143,6 +144,7 @@ const SearchList = ({ items, onSelectMenu, theme }) => (
 export default ({ theme, menus = [], close, actions, popupRef, containerRef }) => {
     const [active, setActive] = useState(false);
     const [searchValue, setSearchValue] = useState();
+    const language = actions?.getLanguage();
     const isLevel3 = hasLevel3(menus);
     const [activeTopMenu, setActiveTopMenu] = useState(isLevel3 ? menus?.[0] : null);
     const selectedMenuKey = actions.getSelectedMenuKey();
@@ -274,7 +276,7 @@ export default ({ theme, menus = [], close, actions, popupRef, containerRef }) =
             <SearchArea theme={theme} className={cn({ active })}>
                 <Icon type="search" />
                 <input
-                    placeholder="菜单搜索"
+                    placeholder={actions?.getText('menuSearch')}
                     value={searchValue}
                     onChange={onSearchChange}
                     onFocus={() => setActive(true)}
@@ -300,7 +302,7 @@ export default ({ theme, menus = [], close, actions, popupRef, containerRef }) =
                                     className={cn({ active: menu.code === activeTopMenu?.code})}
                                     onClick={() => onSelectAppTab(menu)}
                                 >
-                                    {menu?.groupName}
+                                    {menu?.[language === 'cn' ? 'groupName' : 'enName']}
                                 </li>
                             ))
                         }
@@ -314,7 +316,7 @@ export default ({ theme, menus = [], close, actions, popupRef, containerRef }) =
                             {
                                 groups?.map(group => (
                                     <GroupMenuItem theme={theme}>
-                                        <h5>{group.groupName}</h5>
+                                        <h5>{group?.[language === 'cn' ? 'groupName' : 'enName']}</h5>
                                         <MenuList>
                                             {
                                                 (group.children || []).map(menu => (
@@ -328,7 +330,7 @@ export default ({ theme, menus = [], close, actions, popupRef, containerRef }) =
                                                             href={menu.path}
                                                             onClick={evt => evt.preventDefault()}
                                                         >
-                                                            {menu.menuName}
+                                                            {menu?.[language === 'cn' ? 'menuName' : 'enName']}
                                                         </a>
                                                     </MenuItem>
                                                 ))

package/components/Layout/GlobalNavigation/index.js

@@ -63,6 +63,7 @@ const GlobalStyle = createGlobalStyle`
 export default withTheme(
     props => {
         const actions = useContext(ActionsContext);
+        const { getText } = actions;
         const { headerRef, menus } = props;
         const [visible, setVisible] = useState(false);
         const popupRef = useRef();
@@ -108,7 +109,7 @@ export default withTheme(
                 className={cn({ active: visible })}
             >
                 <Icon type="unordered-list" />
-                <span>全局导航</span>
+                <span>{getText('globalNavigation')}</span>
                 <GlobalStyle hasLevel3={hasLevel3(menus)}/>
             </Navigation>
         );

package/components/Layout/HeaderActions.js

@@ -82,6 +82,7 @@ export default withTheme(
             AvatarCustom,
             ...rest
         } = props;
+
         return (
             <Actions {...rest}>
                 {extraActions}

package/components/Layout/README.md

@@ -262,7 +262,8 @@ ReactDOM.render(
         enName="Private Cloud"
         config={{
             globalNavigation: true,
-            theme:true
+            theme:true,
+            language: true
         }}
         appList={[
             { key: 'movie', name: '电影图谱', children: [{ key: 'movie1', name: 'subitem' }] },

package/components/Layout/createActions.js

@@ -1,9 +1,11 @@
 import EventEmitter from 'eventemitter3';
+import { getText } from '../locale';
 
-export default () => {
+export default (params) => {
     const eventEmitter = new EventEmitter();
     const data = {
-        selectedMenuKey: null
+        language: params?.language || 'cn',
+        selectedMenuKey: null,
     };
 
     return {
@@ -16,6 +18,12 @@ export default () => {
         },
         getSelectedMenuKey: () => data.selectedMenuKey,
 
+        getLanguage: () => data.language,
+
+        setLanguage: language => data.language = language,
+
+        getText: (key, language = data.language) => getText(key, language),
+
         on: (eventName, callback) => {
             eventEmitter.on(eventName, callback);
         },

package/components/Layout/index.js

@@ -9,6 +9,7 @@ import AuthContext from '../AuthContext';
 import { safeParseJSON, findMenuInfoByPath } from './utils';
 import ActionsContext from './ActionsContext';
 import createActions from './createActions';
+import { getLanguageStore } from './storage';
 
 export const HeaderActionItem = props => (
     <li {...props}>
@@ -42,6 +43,11 @@ const TNTLayout = ({ type, config, ...props }) => {
     const extendMap = typeof props.extendMap === 'string' ? safeParseJSON(props.extendMap, {}) : props.extendMap;
     const { displayType = 'default', menuAlignMode, globalNavigation = false, language = ['cn'], themeSwitch = true } = extendMap || {};
     const userInfo = props.userInfo || {};
+    const actionsContextValue = createActions({ language: getLanguageStore() || userInfo.lang || 'cn' });
+    const onLanguageChange = language => {
+        actionsContextValue.setLanguage(language);
+        props?.onLanguageChange(language);
+    };
 
     // layout上的指定的属性优先级会高于extendMap中的属性
     type = type || displayType;
@@ -55,7 +61,7 @@ const TNTLayout = ({ type, config, ...props }) => {
     return (
         <ThemeProvider theme={theme}>
             <AuthContext.Provider value={getCheckAuth(props.menus)}>
-                <ActionsContext.Provider value={createActions()}>
+                <ActionsContext.Provider value={actionsContextValue}>
                     {
                         type === 'paas' &&
                         <PaasLayout
@@ -65,6 +71,7 @@ const TNTLayout = ({ type, config, ...props }) => {
                             extraHeaderActions={extraHeaderActions}
                             isInIframe={isInIframe}
                             userInfo={userInfo}
+                            onLanguageChange={onLanguageChange}
                         />
                     }
                     {
@@ -76,6 +83,7 @@ const TNTLayout = ({ type, config, ...props }) => {
                             extraHeaderActions={extraHeaderActions}
                             isInIframe={isInIframe}
                             userInfo={userInfo}
+                            onLanguageChange={onLanguageChange}
                         />
                     }
                     {
@@ -87,6 +95,7 @@ const TNTLayout = ({ type, config, ...props }) => {
                             extraHeaderActions={extraHeaderActions}
                             isInIframe={isInIframe}
                             userInfo={userInfo}
+                            onLanguageChange={onLanguageChange}
                         />
                     }
                 </ActionsContext.Provider>

package/components/Page/Box.js

@@ -4,7 +4,7 @@ import { addUnitForValue } from './utils';
 
 const Box = ({
     inLayout,
-    clsPrefix,
+    clsPrefix = 'tnt-page',
     children,
     noPadding = false,
     headerHeight,
@@ -46,8 +46,8 @@ const Box = ({
             bordered={bordered}
             bodyStyle={{
                 ...bodyStyle,
-                overflow: 'auto',
-                height: inLayout ? 'auto' : cardBodyHeight
+                // overflow: 'auto',
+                height: inLayout ? `calc(100% - ${headerHeight})` : cardBodyHeight
             }}
             size={size}
             headStyle={headStyle}

package/components/Page/README.md

@@ -67,8 +67,8 @@ const Demo = (props) => {
       <h3>第三种场景， 无标题栏</h3>
 
       <Page height="400px">
-        <Box title='分组列表' extra={<Button type="primary" size="small">添加</Button>}>第一列</Box>
-        <Box mode="white" title='菜单列表' extra={<Button type="primary" size="small">添加</Button>}>第二列</Box>
+        <Box title='分组列表' extra={<Button type="primary" size='small'>添加</Button>}>第一列</Box>
+        <Box mode="white" title='菜单列表' extra={<Button type="primary" size='small'>添加</Button>}>第二列</Box>
         <Box title="系统列表">第三列</Box>
         <Box title="功能注册">第四列</Box>
       </Page>
@@ -86,7 +86,13 @@ const Demo = (props) => {
             // extra={right}
             inLayout
         >
-            <Box title="系统列表" width={320}>第三列</Box>
+            <Box 
+                title="系统列表" 
+                width={320}
+                mode='white'
+            >
+                第三列
+            </Box>
             <Box title="功能注册">
                 第四列<br/>
                 第四列<br/>
@@ -114,7 +120,14 @@ const Demo = (props) => {
                 第四列<br/>
                 第四列<br/>
                 第四列<br/>
-                第四列<br/>
+                第四列end
+            </Box>
+             <Box 
+                title="系统列表" 
+                width={200}
+                mode='white'
+            >
+                第三列
             </Box>
         </Page>
       </Layout>
@@ -154,7 +167,6 @@ ReactDOM.render(<Demo />, document.getElementById('root'))
 
 
 
-
 #### Page.Box
 
 描述：Page.Box包裹了antd库中的Card组件，Box属性都会透传到Card组件。

package/components/Page/index.js

@@ -62,13 +62,13 @@ const PageLayout = ({
     console.log(boxCount);
 
     whiteCols = childrenToArray?.filter(({ props }) => props?.mode === 'white')?.length;
-    const total = childrenToArray?.length;
+    const total = childrenToArray?.length + 5;
     let startIndex = total - whiteCols - 1;
-    let endIndex = total - 1;
+    let endIndex = total - 2;
     const headerStyle = {
         height: computedHeaderHeight,
         padding: `${size === 'small' ? 20 : 24}px`,
-        zIndex: total || 2
+        zIndex: inLayout ? 1 : total || 1
     };
     const contentStyle = {
         display: boxCount > 0 ? 'flex' : 'block',
@@ -140,7 +140,7 @@ const PageLayout = ({
                     const style = {
                         flex: computeWidth(width),
                         // 设置cols层级关系
-                        zIndex: mode === 'gray' ? startIndex-- : endIndex--
+                        zIndex: mode === 'gray' ? endIndex-- : startIndex++
                     };
 
                     const className = cn(`${clsPrefix}-box ${clsPrefix}-box-${mode}`);

package/components/Page/index.less

@@ -1,26 +1,46 @@
+.large-size > .ant-layout-content {
+    .tnt-page.in-layout {
+        height: calc(100vh - 60px);
+    }
+}
 .tnt-page {
     position: relative;
     width: 100%;
     height: 100%;
     overflow-y: hidden;
 
+    &.in-layout {
+        box-shadow: none;
+        height: calc(100vh - 50px);
+        .tnt-page-box,
+        .tnt-page-box > .ant-card {
+            height: 100%;
+        }
+        .tnt-page-content .tnt-page-box .ant-card .ant-card-body {
+            overflow-x: hidden;
+            overflow-y: auto;
+        }
+    }
+
     &-box-white {
         z-index: 1;
         background: #f3f5f6;
         box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1), 0 10px 12px 2px rgba(170, 182, 206, 0.2);
-        .inLayout & {
-            background: #fbfcfe;
-            box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.1), 0 6px 10px 2px rgba(170, 182, 206, 0.2);
+
+        .in-layout & {
+            background: #fafbfc;
         }
     }
 
+
     &-box-gray {
         background: #e8ebed;
         box-shadow: 0 10px 12px 2px rgba(0, 0, 0, 0.1);
 
-        .inLayout & {
+        .in-layout & {
             background: #f8f9fa;
-            box-shadow: 0 5px 5px 2px rgba(0, 0, 0, 0.1);
+            // box-shadow: 0 5px 5px 2px rgba(0, 0, 0, 0.1);
+            box-shadow: 0 2px 5px 1px rgba(0, 0, 0, 0.1);
         }
     }
 
@@ -36,7 +56,7 @@
         box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1),
                     0 10px 6px 0 rgba(170, 182, 206, 0.2);
 
-        .inLayout & {
+        .in-layout & {
             background: #ffffff;
             box-shadow: none;
         }
@@ -76,9 +96,13 @@
         .ant-card-head {
             border-bottom: 1px solid #e0e0e0;
             margin-bottom: 0;
-            height: 60px;
+            // height: 60px;
             .small & {
                 height: 40px;
+                line-height: 40px;
+            }
+            .ant-card-head-title {
+                font-weight: normal;
             }
         }
         .ant-card-body {

package/components/QueryForm/index.js

@@ -6,10 +6,10 @@ import useForm from './useForm';
 import createActions from './createActions';
 import Icon from '../Icon';
 import Field from './Field';
+import { getText, getLanguage } from '../locale';
 import './index.less';
 
 const clsPrefix = 'tnt-queryform';
-const isInput = type => ['input', 'string', 'search'].includes(type);
 
 class QueryForm extends React.PureComponent {
     constructor(props) {
@@ -50,7 +50,7 @@ class QueryForm extends React.PureComponent {
                         <Badge count={drawerFieldsValueCount}>
                             <Button onClick={this.onShowDrawer}>
                                 <Icon type="filter" />
-                                更多过滤
+                                {this.getText('moreFiltering')}
                             </Button>
                         </Badge>
                     )
@@ -58,14 +58,14 @@ class QueryForm extends React.PureComponent {
                 {
                     showSearch && (
                         <Button type="primary" onClick={this.onSearch}>
-                            搜索
+                            {this.getText('search')}
                         </Button>
                     )
                 }
                 {
                     showReset && (
                         <Button onClick={this.onReset}>
-                            重置
+                            {this.getText('reset')}
                         </Button>
                     )
                 }
@@ -76,7 +76,7 @@ class QueryForm extends React.PureComponent {
                             type="link"
                             onClick={this.onToggleExpand}
                         >
-                            {expanded ? '收起' : '展开'}
+                            {this.getText(expanded ? 'collapse' : 'expand')}
                         </Button>
                     )
                 }
@@ -117,7 +117,7 @@ class QueryForm extends React.PureComponent {
                     {
                         showFieldCount && (
                             <Drawer
-                                title="更多过滤"
+                                title={this.getText('moreFiltering')}
                                 visible={drawerVisible}
                                 onClose={() => this.setState({ drawerVisible: false })}
                                 width={300}
@@ -143,10 +143,10 @@ class QueryForm extends React.PureComponent {
                                     )
                                 }
                                 <Button type="primary" onClick={this.onSearch}>
-                                    搜索
+                                    {this.getText('search')}
                                 </Button>
                                 <Button onClick={this.onReset}>
-                                    重置
+                                    {this.getText('reset')}
                                 </Button>
                             </Drawer>
                         )
@@ -163,6 +163,10 @@ class QueryForm extends React.PureComponent {
         );
     }
 
+    getText(key) {
+        return getText(key, this.props.language || getLanguage());
+    }
+
     isFieldsWidthOverflow() {
         const { current } = this.fieldsRef;
 

package/components/QueryListScene/List.js

@@ -8,6 +8,7 @@ import cn from 'classnames';
 import { get, pickBy, isEmpty, debounce, throttle } from 'lodash';
 import { Spin } from 'antd';
 import Table from '../Table';
+import { getText, getLanguage } from '../locale';
 
 export default class QueryList extends React.PureComponent {
     constructor(props) {
@@ -57,7 +58,7 @@ export default class QueryList extends React.PureComponent {
             // size: 'small',
             showQuickJumper: true,
             showSizeChanger: true,
-            showTotal: total => `共${total}条记录`,
+            showTotal: total => getText('totalRecords', getLanguage(), total),
             ...(pagination || {})
         };
         const expandProps = {

package/components/locale.js

@@ -0,0 +1,60 @@
+
+export const zh_CN = {
+    globalNavigation: '全局导航',
+    menuSearch: '菜单搜索',
+
+    // QueryForm
+    search: '搜索',
+    reset: '重置',
+    moreFiltering: '更多过滤',
+    expand: '展开',
+    collapse: '收起',
+
+    // QueryListScene
+    totalRecords: '共%s条记录',
+
+    // user popover
+    personalSettings: '个人设置',
+    changePwd: '修改密码',
+    signOut: '退出'
+};
+
+export const en_US = {
+    globalNavigation: 'Global Navigation',
+    menuSearch: 'Menu Search',
+
+
+    // QueryForm
+    search: 'Search',
+    reset: 'Reset',
+    moreFiltering: 'More filtering',
+    expand: 'Expand',
+    collapse: 'Collapse',
+
+    // QueryListScene
+    totalRecords: 'Total of %s records',
+
+    // user popover
+    personalSettings: 'Personal settings',
+    changePwd: 'Change password',
+    signOut: 'Sign out'
+};
+
+export const getText = (key, language = 'cn', ...params) => {
+    const text = ({
+        cn: zh_CN,
+        en: en_US
+    }[language] || zh_CN)?.[key];
+
+    if (params?.length) {
+        return params.reduce((acc, cur) => {
+            return acc.replace(/%s/, cur);
+        }, text);
+    }
+
+    return text;
+};
+
+export const getLanguage = () => localStorage.getItem('lang') || 'cn';
+
+export default { en_US, zh_CN };

package/lib/Layout/Avatar.js

@@ -15,6 +15,8 @@ require("antd/lib/button/style");
 
 var _button = _interopRequireDefault(require("antd/lib/button"));
 
+var _react = require("react");
+
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
 
 var _deleteAllCookies = _interopRequireDefault(require("delete-all-cookies"));
@@ -23,6 +25,8 @@ var _lodash = require("lodash");
 
 var _images = _interopRequireDefault(require("./images"));
 
+var _ActionsContext = _interopRequireDefault(require("./ActionsContext"));
+
 function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
 
 function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -78,6 +82,10 @@ var UserInfoContent = function UserInfoContent(props) {
       onPersonalSetting = _props$onPersonalSett === void 0 ? function () {
     return true;
   } : _props$onPersonalSett;
+
+  var _useContext = (0, _react.useContext)(_ActionsContext["default"]),
+      getText = _useContext.getText;
+
   return React.createElement(UserInfoWrapper, {
     className: "user-info-setting-wrap"
   }, React.createElement("div", {
@@ -89,10 +97,10 @@ var UserInfoContent = function UserInfoContent(props) {
   }, userInfo.account), React.createElement("a", {
     onClick: onPersonalSetting,
     href: "/bridge/userCenter?currentTab=1"
-  }, "\u4E2A\u4EBA\u8BBE\u7F6E"), React.createElement("a", {
+  }, getText('personalSettings')), React.createElement("a", {
     onClick: onChangePassword,
     href: "/bridge/userCenter?currentTab=2"
-  }, "\u4FEE\u6539\u5BC6\u7801")), React.createElement("div", {
+  }, getText('changePwd'))), React.createElement("div", {
     className: "user-info-footer"
   }, React.createElement(_button["default"], {
     className: "user-info-footer-signout",
@@ -105,7 +113,7 @@ var UserInfoContent = function UserInfoContent(props) {
         window.location.href = "/user/login?callbackUrl=".concat(window.encodeURI(location.href));
       }
     }
-  }, React.createElement("a", null, "\u9000\u51FA"))));
+  }, React.createElement("a", null, getText('signOut')))));
 };
 
 var _default = function _default(props) {

package/lib/Layout/GlobalNavigation/NavigationPopup.js

@@ -17,6 +17,8 @@ var _utils = require("../utils");
 
 var _Iconfont = _interopRequireDefault(require("../Iconfont"));
 
+var _locale = require("../../locale");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _nonIterableRest(); }
@@ -177,6 +179,7 @@ var _default = function _default(_ref2) {
       searchValue = _useState4[0],
       setSearchValue = _useState4[1];
 
+  var language = actions == null ? void 0 : actions.getLanguage();
   var isLevel3 = (0, _utils.hasLevel3)(menus);
 
   var _useState5 = (0, _react.useState)(isLevel3 ? menus == null ? void 0 : menus[0] : null),
@@ -359,7 +362,7 @@ var _default = function _default(_ref2) {
   }, React.createElement(_Iconfont["default"], {
     type: "search"
   }), React.createElement("input", {
-    placeholder: "\u83DC\u5355\u641C\u7D22",
+    placeholder: actions == null ? void 0 : actions.getText('menuSearch'),
     value: searchValue,
     onChange: onSearchChange,
     onFocus: function onFocus() {
@@ -385,7 +388,7 @@ var _default = function _default(_ref2) {
       onClick: function onClick() {
         return onSelectAppTab(menu);
       }
-    }, menu == null ? void 0 : menu.groupName);
+    }, menu == null ? void 0 : menu[language === 'cn' ? 'groupName' : 'enName']);
   })), React.createElement(GroupMenus, {
     theme: theme,
     isLevel3: isLevel3
@@ -393,7 +396,7 @@ var _default = function _default(_ref2) {
     return React.createElement("div", null, groups == null ? void 0 : groups.map(function (group) {
       return React.createElement(GroupMenuItem, {
         theme: theme
-      }, React.createElement("h5", null, group.groupName), React.createElement(MenuList, null, (group.children || []).map(function (menu) {
+      }, React.createElement("h5", null, group == null ? void 0 : group[language === 'cn' ? 'groupName' : 'enName']), React.createElement(MenuList, null, (group.children || []).map(function (menu) {
         return React.createElement(MenuItem, {
           key: menu.code,
           className: (0, _classnames["default"])({
@@ -408,7 +411,7 @@ var _default = function _default(_ref2) {
           onClick: function onClick(evt) {
             return evt.preventDefault();
           }
-        }, menu.menuName));
+        }, menu == null ? void 0 : menu[language === 'cn' ? 'menuName' : 'enName']));
       })));
     }));
   })));

package/lib/Layout/GlobalNavigation/index.js

@@ -100,6 +100,7 @@ var GlobalStyle = (0, _styledComponents.createGlobalStyle)(_templateObject2(), f
 
 var _default = (0, _styledComponents.withTheme)(function (props) {
   var actions = (0, _react.useContext)(_ActionsContext["default"]);
+  var getText = actions.getText;
   var headerRef = props.headerRef,
       menus = props.menus;
 
@@ -156,7 +157,7 @@ var _default = (0, _styledComponents.withTheme)(function (props) {
     })
   }, React.createElement(_Iconfont["default"], {
     type: "unordered-list"
-  }), React.createElement("span", null, "\u5168\u5C40\u5BFC\u822A"), React.createElement(GlobalStyle, {
+  }), React.createElement("span", null, getText('globalNavigation')), React.createElement(GlobalStyle, {
     hasLevel3: (0, _utils.hasLevel3)(menus)
   }));
 });

package/lib/Layout/README.md

@@ -262,7 +262,8 @@ ReactDOM.render(
         enName="Private Cloud"
         config={{
             globalNavigation: true,
-            theme:true
+            theme:true,
+            language: true
         }}
         appList={[
             { key: 'movie', name: '电影图谱', children: [{ key: 'movie1', name: 'subitem' }] },