tntd 3.0.0-beta.1 → 3.0.0-beta.2

package/es/tntd-layout/CompatibleLanguage.js

@@ -1,20 +1,23 @@
+import _get from "lodash/get";
 import cn from 'classnames';
-import { get } from 'lodash';
 import React, { useState } from 'react';
 import styled from 'styled-components';
 import Popover from '../popover';
 import Icon from '../tntd-icon';
 import images from './images';
 import { getLanguageStore, getThemeStore, setLanguageStore, setThemeStore } from './storage';
-const languages = [
-    { value: 'cn', name: '中文' },
-    { value: 'en', name: ' EN ' },
-];
+const languages = [{
+  value: 'cn',
+  name: '中文'
+}, {
+  value: 'en',
+  name: ' EN '
+}];
 const languagesMap = languages.reduce((acc, cur) => {
-    acc[cur.value] = cur;
-    return acc;
+  acc[cur.value] = cur;
+  return acc;
 }, {});
-const LanguageSwitch = styled.div `
+const LanguageSwitch = styled.div`
   margin-bottom: 10px;
 
   & > div {
@@ -50,7 +53,7 @@ const LanguageSwitch = styled.div `
     }
   }
 `;
-const Theme = styled.li `
+const Theme = styled.li`
   margin-left: 20px;
   font-size: 20px;
   .tnt-themeS1 & {
@@ -69,7 +72,7 @@ const Theme = styled.li `
     }
   }
 `;
-const ThemeSwitch = styled.div `
+const ThemeSwitch = styled.div`
   margin-bottom: 20px;
   & > div {
     position: relative;
@@ -95,7 +98,7 @@ const ThemeSwitch = styled.div `
     }
   }
 `;
-const ThemeContentWrapper = styled.div `
+const ThemeContentWrapper = styled.div`
   z-index: 1;
   background-color: #fff;
   border-radius: 4px;
@@ -109,50 +112,84 @@ const ThemeContentWrapper = styled.div `
     transform: translateX(-22px);
   }
 `;
-const themes = [
-    { value: 'themeS1', img: images.themeSymbol1 },
-    { value: 'themeS2', img: images.themeSymbol2 },
-];
-const ThemeContent = (props) => {
-    const { config, onLanguageChange, onThemeChange } = props;
-    const { language: languageVisible = true, theme: themeVisible = true } = config || {};
-    const getTheme = () => {
-        let theme = getThemeStore() || props.theme || 'themeS2';
-        return themes.some(({ value }) => value === theme) ? theme : 'themeS2';
-    };
-    const [theme, setTheme] = useState(getTheme());
-    const changeTheme = (theme) => {
-        setTheme(theme);
-        setThemeStore(theme);
-        onThemeChange(theme);
-    };
-    const getLanguage = () => {
-        let lang = getLanguageStore() || props.language;
-        if (!languagesMap[lang]) {
-            lang = get(languages, '0.value');
-        }
-        return lang;
-    };
-    const [language = 'cn', setLanguage] = useState(getLanguage());
-    const changeLanguage = (language) => {
-        setLanguage(language);
-        setLanguageStore(language);
-        onLanguageChange(language);
-    };
-    return (React.createElement(ThemeContentWrapper, null,
-        themeVisible && (React.createElement(ThemeSwitch, null, themes.map(({ value, img }) => (React.createElement("div", { key: value, onClick: changeTheme.bind(this, value) },
-            React.createElement("img", { src: img }),
-            theme === value && React.createElement(Icon, { type: "check1" })))))),
-        themeVisible && languageVisible && React.createElement("div", { className: "line" }),
-        languageVisible && (React.createElement(LanguageSwitch, null, languages.map(({ value, name }) => (React.createElement("div", { className: cn({ active: value === language }), key: value, onClick: changeLanguage.bind(this, value) }, name)))))));
-};
-export default (props) => {
-    const { config } = props;
-    if ((config === null || config === void 0 ? void 0 : config.language) === false && (config === null || config === void 0 ? void 0 : config.theme) === false) {
-        return null;
+const themes = [{
+  value: 'themeS1',
+  img: images.themeSymbol1
+}, {
+  value: 'themeS2',
+  img: images.themeSymbol2
+}];
+const ThemeContent = props => {
+  const {
+    config,
+    onLanguageChange,
+    onThemeChange
+  } = props;
+  const {
+    language: languageVisible = true,
+    theme: themeVisible = true
+  } = config || {};
+  const getTheme = () => {
+    let theme = getThemeStore() || props.theme || 'themeS2';
+    return themes.some(({
+      value
+    }) => value === theme) ? theme : 'themeS2';
+  };
+  const [theme, setTheme] = useState(getTheme());
+  const changeTheme = theme => {
+    setTheme(theme);
+    setThemeStore(theme);
+    onThemeChange(theme);
+  };
+  const getLanguage = () => {
+    let lang = getLanguageStore() || props.language;
+    if (!languagesMap[lang]) {
+      lang = _get(languages, '0.value');
     }
-    return (React.createElement(Theme, null,
-        React.createElement(Popover, { placement: "bottomRight", title: null, content: React.createElement(ThemeContent, Object.assign({}, props)), trigger: "click" },
-            React.createElement(Icon, { type: "daxiaoxie" }))));
+    return lang;
+  };
+  const [language = 'cn', setLanguage] = useState(getLanguage());
+  const changeLanguage = language => {
+    setLanguage(language);
+    setLanguageStore(language);
+    onLanguageChange(language);
+  };
+  return React.createElement(ThemeContentWrapper, null, themeVisible && React.createElement(ThemeSwitch, null, themes.map(({
+    value,
+    img
+  }) => React.createElement("div", {
+    key: value,
+    onClick: changeTheme.bind(this, value)
+  }, React.createElement("img", {
+    src: img
+  }), theme === value && React.createElement(Icon, {
+    type: "check1"
+  })))), themeVisible && languageVisible && React.createElement("div", {
+    className: "line"
+  }), languageVisible && React.createElement(LanguageSwitch, null, languages.map(({
+    value,
+    name
+  }) => React.createElement("div", {
+    className: cn({
+      active: value === language
+    }),
+    key: value,
+    onClick: changeLanguage.bind(this, value)
+  }, name))));
 };
-//# sourceMappingURL=CompatibleLanguage.js.map
+export default (props => {
+  const {
+    config
+  } = props;
+  if ((config === null || config === void 0 ? void 0 : config.language) === false && (config === null || config === void 0 ? void 0 : config.theme) === false) {
+    return null;
+  }
+  return React.createElement(Theme, null, React.createElement(Popover, {
+    placement: "bottomRight",
+    title: null,
+    content: React.createElement(ThemeContent, Object.assign({}, props)),
+    trigger: "click"
+  }, React.createElement(Icon, {
+    type: "daxiaoxie"
+  })));
+});

package/es/tntd-layout/EnterpriseLayout/Avatar.js

@@ -1,4 +1,4 @@
-import { get } from 'lodash';
+import _get from "lodash/get";
 import React, { useContext } from 'react';
 import styled, { createGlobalStyle } from 'styled-components';
 import images from '../images';
@@ -9,7 +9,7 @@ import { getLanguageStore, clearLoginCookie } from '../storage';
 import Divider from '../../divider';
 import Popover from '../../popover';
 import Row from '../../row';
-const Avatar = styled.li `
+const Avatar = styled.li`
   margin-right: 0;
   font-size: 0;
   img {
@@ -23,14 +23,14 @@ const Avatar = styled.li `
     }
   }
 `;
-const GlobalStyle = createGlobalStyle `
+const GlobalStyle = createGlobalStyle`
     .tnt-layout-personal-popover {
         .ant-popover-inner-content {
             padding: 0;
         }
     }
 `;
-const UserInfoWrapper = styled.div `
+const UserInfoWrapper = styled.div`
   width: 330px;
   z-index: 1;
   background-color: #fff;
@@ -50,7 +50,7 @@ const UserInfoWrapper = styled.div `
       font-family: PingFangSC-Regular;
       font-weight: normal;
       font-size: 14px;
-      color: ${(props) => `${props.theme.primaryTextColor}`};
+      color: ${props => `${props.theme.primaryTextColor}`};
       line-height: 14px;
       overflow: hidden;
       text-overflow: ellipsis;
@@ -67,57 +67,103 @@ const UserInfoWrapper = styled.div `
     }
   }
   .user-info-footer {
-    border-top: ${(props) => `1px solid ${props.theme.dividerColor}`};
+    border-top: ${props => `1px solid ${props.theme.dividerColor}`};
     background-color: #fff;
     height: 36px;
     line-height: 36px;
     padding: 0 15px;
     font-size: 12px;
-    color: ${(props) => `${props.theme.primaryColor}`};
+    color: ${props => `${props.theme.primaryColor}`};
     a {
       flex: 1;
       text-align: center;
-      color: ${(props) => `${props.theme.primaryColor}`};
+      color: ${props => `${props.theme.primaryColor}`};
     }
   }
 `;
-const UserInfoContent = (props) => {
-    const { userInfo, config = {}, onLogout, onChangePassword = () => true, onPersonalSetting = () => true, onLanguageChange, onThemeChange, } = props;
-    const { getText } = useContext(ActionsContext);
-    const { language = true } = config || {};
-    return (React.createElement(UserInfoWrapper, { className: "user-info-setting-wrap" },
-        React.createElement("ul", { className: "user-info-body" },
-            React.createElement("li", { className: "user-info-body-username" },
-                userInfo.userName || getText('nameNull'),
-                React.createElement("span", { className: "user-info-body-account" }, userInfo.account)),
-            language && React.createElement(Language, { language: userInfo.lang, onChange: onLanguageChange }),
-            React.createElement(Theme, { theme: userInfo.theme, onChange: onThemeChange })),
-        React.createElement(Row, { className: "user-info-footer", type: "flex", justify: "space-between", align: "middle" },
-            React.createElement("a", { onClick: onPersonalSetting, href: "/bridge/userCenter?currentTab=1" }, getText('personalSettings')),
-            React.createElement(Divider, { type: "vertical" }),
-            React.createElement("a", { onClick: onChangePassword, href: "/bridge/userCenter?currentTab=2", style: getLanguageStore() === 'en' ? { flex: 2 } : {} }, getText('changePwd')),
-            React.createElement(Divider, { type: "vertical" }),
-            React.createElement("a", { className: "user-info-footer-signout", onClick: () => {
-                    if (onLogout) {
-                        onLogout();
-                        clearLoginCookie();
-                    }
-                    else {
-                        clearLoginCookie();
-                        window.location.href = `/user/login?callbackUrl=${window.encodeURI(location.href)}`;
-                    }
-                } }, getText('signOut')))));
-};
-export default (props) => {
-    var _a;
-    const { userInfo = {} } = props;
-    const { avatar } = userInfo;
-    return (React.createElement(Avatar, null,
-        React.createElement(Popover, { popupClassName: "tnt-layout-personal-popover", placement: "bottomRight", title: null, content: React.createElement(UserInfoContent, Object.assign({}, props)), trigger: "click" }, avatar ? (React.createElement("img", { src: avatar.indexOf('base64') > 0 ? avatar : get(images[avatar], 'default', images[avatar]), onError: (e) => {
-                var _a;
-                e.target.onerror = null;
-                e.target.src = ((_a = images.empty) === null || _a === void 0 ? void 0 : _a.default) || images.empty;
-            } })) : (React.createElement("img", { src: ((_a = images.empty) === null || _a === void 0 ? void 0 : _a.default) || images.empty }))),
-        React.createElement(GlobalStyle, null)));
+const UserInfoContent = props => {
+  const {
+    userInfo,
+    config = {},
+    onLogout,
+    onChangePassword = () => true,
+    onPersonalSetting = () => true,
+    onLanguageChange,
+    onThemeChange
+  } = props;
+  const {
+    getText
+  } = useContext(ActionsContext);
+  const {
+    language = true
+  } = config || {};
+  return React.createElement(UserInfoWrapper, {
+    className: "user-info-setting-wrap"
+  }, React.createElement("ul", {
+    className: "user-info-body"
+  }, React.createElement("li", {
+    className: "user-info-body-username"
+  }, userInfo.userName || getText('nameNull'), React.createElement("span", {
+    className: "user-info-body-account"
+  }, userInfo.account)), language && React.createElement(Language, {
+    language: userInfo.lang,
+    onChange: onLanguageChange
+  }), React.createElement(Theme, {
+    theme: userInfo.theme,
+    onChange: onThemeChange
+  })), React.createElement(Row, {
+    className: "user-info-footer",
+    type: "flex",
+    justify: "space-between",
+    align: "middle"
+  }, React.createElement("a", {
+    onClick: onPersonalSetting,
+    href: "/bridge/userCenter?currentTab=1"
+  }, getText('personalSettings')), React.createElement(Divider, {
+    type: "vertical"
+  }), React.createElement("a", {
+    onClick: onChangePassword,
+    href: "/bridge/userCenter?currentTab=2",
+    style: getLanguageStore() === 'en' ? {
+      flex: 2
+    } : {}
+  }, getText('changePwd')), React.createElement(Divider, {
+    type: "vertical"
+  }), React.createElement("a", {
+    className: "user-info-footer-signout",
+    onClick: () => {
+      if (onLogout) {
+        onLogout();
+        clearLoginCookie();
+      } else {
+        clearLoginCookie();
+        window.location.href = `/user/login?callbackUrl=${window.encodeURI(location.href)}`;
+      }
+    }
+  }, getText('signOut'))));
 };
-//# sourceMappingURL=Avatar.js.map
+export default (props => {
+  var _a;
+  const {
+    userInfo = {}
+  } = props;
+  const {
+    avatar
+  } = userInfo;
+  return React.createElement(Avatar, null, React.createElement(Popover, {
+    popupClassName: "tnt-layout-personal-popover",
+    placement: "bottomRight",
+    title: null,
+    content: React.createElement(UserInfoContent, Object.assign({}, props)),
+    trigger: "click"
+  }, avatar ? React.createElement("img", {
+    src: avatar.indexOf('base64') > 0 ? avatar : _get(images[avatar], 'default', images[avatar]),
+    onError: e => {
+      var _a;
+      e.target.onerror = null;
+      e.target.src = ((_a = images.empty) === null || _a === void 0 ? void 0 : _a.default) || images.empty;
+    }
+  }) : React.createElement("img", {
+    src: ((_a = images.empty) === null || _a === void 0 ? void 0 : _a.default) || images.empty
+  })), React.createElement(GlobalStyle, null));
+});

package/es/tntd-layout/EnterpriseLayout/Language.js

@@ -1,17 +1,20 @@
+import _get from "lodash/get";
 import React, { useState, useMemo } from 'react';
 import styled, { withTheme } from 'styled-components';
-import { get } from 'lodash';
 import Iconfont from '../Iconfont';
 import { setLanguageStore, getLanguageStore } from '../storage';
-const languages = [
-    { value: 'cn', name: '中文' },
-    { value: 'en', name: 'EN ' },
-];
+const languages = [{
+  value: 'cn',
+  name: '中文'
+}, {
+  value: 'en',
+  name: 'EN '
+}];
 const languagesMap = languages.reduce((acc, cur) => {
-    acc[cur.value] = cur;
-    return acc;
+  acc[cur.value] = cur;
+  return acc;
 }, {});
-const Language = styled.li `
+const Language = styled.li`
   display: inline-block;
   padding: 0 10px;
   height: 32px;
@@ -22,19 +25,35 @@ const Language = styled.li `
   border-radius: 2px;
   font-family: PingFangSC-Regular;
   color: #17233d;
-  font-size: ${({ theme: { size } }) => (size === 'large' ? '14px' : '12px')};
+  font-size: ${({
+  theme: {
+    size
+  }
+}) => size === 'large' ? '14px' : '12px'};
   cursor: pointer;
   margin-top: 8px;
 
   .tnt-icon {
-    font-size: ${({ theme: { size } }) => (size === 'large' ? '24px' : '20px')};
+    font-size: ${({
+  theme: {
+    size
+  }
+}) => size === 'large' ? '24px' : '20px'};
     margin-right: 4px;
   }
 
   span {
     position: relative;
-    font-size: ${({ theme: { size } }) => (size === 'large' ? '14px' : '12px')};
-    top: ${({ theme: { size } }) => (size === 'large' ? '-3px' : '-2px')};
+    font-size: ${({
+  theme: {
+    size
+  }
+}) => size === 'large' ? '14px' : '12px'};
+    top: ${({
+  theme: {
+    size
+  }
+}) => size === 'large' ? '-3px' : '-2px'};
     font-family: auto;
   }
 
@@ -42,25 +61,28 @@ const Language = styled.li `
     display: none;
   }
 `;
-export default withTheme((props) => {
-    const { onChange } = props;
-    const getLanguage = () => {
-        let lang = getLanguageStore() || props.language;
-        if (!languagesMap[lang]) {
-            lang = get(languages, '0.value');
-        }
-        return lang;
-    };
-    const [language = 'cn', setLanguage] = useState(getLanguage());
-    const switchLanguage = () => {
-        const lang = language !== 'en' ? 'en' : 'cn';
-        setLanguage(lang);
-        setLanguageStore(lang);
-        onChange && onChange(lang);
-    };
-    const otherLanguage = useMemo(() => language === 'cn' ? 'en' : 'cn', [language]);
-    return (React.createElement(Language, { onClick: switchLanguage },
-        React.createElement(Iconfont, { type: `flag-${otherLanguage}` }),
-        React.createElement("span", null, get(languagesMap[otherLanguage], 'name'))));
-});
-//# sourceMappingURL=Language.js.map
+export default withTheme(props => {
+  const {
+    onChange
+  } = props;
+  const getLanguage = () => {
+    let lang = getLanguageStore() || props.language;
+    if (!languagesMap[lang]) {
+      lang = _get(languages, '0.value');
+    }
+    return lang;
+  };
+  const [language = 'cn', setLanguage] = useState(getLanguage());
+  const switchLanguage = () => {
+    const lang = language !== 'en' ? 'en' : 'cn';
+    setLanguage(lang);
+    setLanguageStore(lang);
+    onChange && onChange(lang);
+  };
+  const otherLanguage = useMemo(() => language === 'cn' ? 'en' : 'cn', [language]);
+  return React.createElement(Language, {
+    onClick: switchLanguage
+  }, React.createElement(Iconfont, {
+    type: `flag-${otherLanguage}`
+  }), React.createElement("span", null, _get(languagesMap[otherLanguage], 'name')));
+});

package/es/tntd-layout/EnterpriseLayout/Theme.js

@@ -3,7 +3,7 @@ import styled from 'styled-components';
 import { getThemeStore, setThemeStore, getLanguageStore } from '../storage';
 import Row from '../../row';
 import '../../tntd-icon';
-const Theme = styled.li `
+const Theme = styled.li`
   margin-top: 20px;
   .user-info-body-theme-row {
     > div {
@@ -53,26 +53,47 @@ const Theme = styled.li `
     }
   }
 `;
-const themes = [
-    { value: 'themeS3', label: '科技蓝', enLabel: 'Blue' },
-    { value: 'themeS2', label: '暗夜黑', enLabel: 'Black' },
-    { value: 'themeS1', label: '极致白', enLabel: 'White' },
-];
-export default (props) => {
-    const { onChange } = props;
-    const getTheme = () => {
-        let theme = getThemeStore() || props.theme || 'themeS3';
-        return themes.some(({ value }) => value === theme) ? theme : 'themeS3';
-    };
-    const [theme, setTheme] = useState(getTheme());
-    const changeTheme = (theme) => {
-        setTheme(theme);
-        setThemeStore(theme);
-        onChange(theme);
-    };
-    return (React.createElement(Theme, null,
-        React.createElement(Row, { type: "flex", justify: "space-between", className: "user-info-body-theme-row" }, themes.map(({ value, label, enLabel }) => (React.createElement("div", { className: value, onClick: changeTheme.bind(this, value) },
-            getLanguageStore() === 'en' ? enLabel : label,
-            theme === value && React.createElement("span", { className: "icon-checked-wrap" })))))));
-};
-//# sourceMappingURL=Theme.js.map
+const themes = [{
+  value: 'themeS3',
+  label: '科技蓝',
+  enLabel: 'Blue'
+}, {
+  value: 'themeS2',
+  label: '暗夜黑',
+  enLabel: 'Black'
+}, {
+  value: 'themeS1',
+  label: '极致白',
+  enLabel: 'White'
+}];
+export default (props => {
+  const {
+    onChange
+  } = props;
+  const getTheme = () => {
+    let theme = getThemeStore() || props.theme || 'themeS3';
+    return themes.some(({
+      value
+    }) => value === theme) ? theme : 'themeS3';
+  };
+  const [theme, setTheme] = useState(getTheme());
+  const changeTheme = theme => {
+    setTheme(theme);
+    setThemeStore(theme);
+    onChange(theme);
+  };
+  return React.createElement(Theme, null, React.createElement(Row, {
+    type: "flex",
+    justify: "space-between",
+    className: "user-info-body-theme-row"
+  }, themes.map(({
+    value,
+    label,
+    enLabel
+  }) => React.createElement("div", {
+    className: value,
+    onClick: changeTheme.bind(this, value)
+  }, getLanguageStore() === 'en' ? enLabel : label, theme === value && React.createElement("span", {
+    className: "icon-checked-wrap"
+  })))));
+});

package/es/tntd-layout/EnterpriseLayout/index.js

@@ -3,12 +3,20 @@ import { withTheme } from 'styled-components';
 import Layout from '../Layout';
 import Avatar from './Avatar';
 import { getThemeStore } from '../storage';
-export default withTheme((props) => {
-    const { userInfo = {}, extendMap = {} } = props;
-    // 企业级的默认蓝色主题
-    let theme = getThemeStore() || (extendMap === null || extendMap === void 0 ? void 0 : extendMap.defaultTheme) || userInfo.theme || 'themeS3';
-    theme = theme === 'default' ? 'themeS3' : theme;
-    const newProps = Object.assign(Object.assign({}, props), { userInfo: Object.assign(Object.assign({}, userInfo), { theme }) });
-    return React.createElement(Layout, Object.assign({}, newProps, { AvatarCustom: Avatar }));
-});
-//# sourceMappingURL=index.js.map
+export default withTheme(props => {
+  const {
+    userInfo = {},
+    extendMap = {}
+  } = props;
+  // 企业级的默认蓝色主题
+  let theme = getThemeStore() || (extendMap === null || extendMap === void 0 ? void 0 : extendMap.defaultTheme) || userInfo.theme || 'themeS3';
+  theme = theme === 'default' ? 'themeS3' : theme;
+  const newProps = Object.assign(Object.assign({}, props), {
+    userInfo: Object.assign(Object.assign({}, userInfo), {
+      theme
+    })
+  });
+  return React.createElement(Layout, Object.assign({}, newProps, {
+    AvatarCustom: Avatar
+  }));
+});