tntd 2.8.0-beta.3 → 3.0.0-beta.1

package/es/tntd-layout/CompatibleLanguage.js

@@ -1,23 +1,20 @@
-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 {
@@ -53,7 +50,7 @@ const LanguageSwitch = styled.div`
     }
   }
 `;
-const Theme = styled.li`
+const Theme = styled.li `
   margin-left: 20px;
   font-size: 20px;
   .tnt-themeS1 & {
@@ -72,7 +69,7 @@ const Theme = styled.li`
     }
   }
 `;
-const ThemeSwitch = styled.div`
+const ThemeSwitch = styled.div `
   margin-bottom: 20px;
   & > div {
     position: relative;
@@ -98,7 +95,7 @@ const ThemeSwitch = styled.div`
     }
   }
 `;
-const ThemeContentWrapper = styled.div`
+const ThemeContentWrapper = styled.div `
   z-index: 1;
   background-color: #fff;
   border-radius: 4px;
@@ -112,84 +109,50 @@ 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');
+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;
     }
-    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))));
+    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" }))));
 };
-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"
-  })));
-});
+//# sourceMappingURL=CompatibleLanguage.js.map

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

@@ -1,4 +1,4 @@
-import _get from "lodash/get";
+import { get } from 'lodash';
 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,103 +67,57 @@ 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'))));
+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));
-});
+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)));
+};
+//# sourceMappingURL=Avatar.js.map

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

@@ -1,20 +1,17 @@
-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;
@@ -25,35 +22,19 @@ 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;
   }
 
@@ -61,28 +42,25 @@ 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')));
-});
+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

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,47 +53,26 @@ 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"
-  })))));
-});
+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

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

@@ -3,20 +3,12 @@ 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
-  }));
-});
+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