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

package/es/tntd-icon/index.js

@@ -1,22 +1,28 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
+var __rest = this && this.__rest || function (s, e) {
+  var t = {};
+  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
 };
 import React from 'react';
 import './fonts/iconfont';
 import './index.less';
 export { default as iconList } from '../icon-list';
-export default (_a) => {
-    var { type, prefix = 'tnt-', className = '' } = _a, props = __rest(_a, ["type", "prefix", "className"]);
-    return (React.createElement("i", Object.assign({ className: `tnt-icon ${className}`, type: type }, props),
-        React.createElement("svg", { "aria-hidden": "true" },
-            React.createElement("use", { xlinkHref: `#${prefix}${type}` }))));
-};
-//# sourceMappingURL=index.js.map
+export default (_a => {
+  var {
+      type,
+      prefix = 'tnt-',
+      className = ''
+    } = _a,
+    props = __rest(_a, ["type", "prefix", "className"]);
+  return React.createElement("i", Object.assign({
+    className: `tnt-icon ${className}`,
+    type: type
+  }, props), React.createElement("svg", {
+    "aria-hidden": "true"
+  }, React.createElement("use", {
+    xlinkHref: `#${prefix}${type}`
+  })));
+});

package/es/tntd-layout/ActionsContext.js

@@ -1,4 +1,3 @@
 import { createContext } from 'react';
 // import createActions from './createActions';
-export default createContext({});
-//# sourceMappingURL=ActionsContext.js.map
+export default createContext({});

package/es/tntd-layout/AppList.js

@@ -1,6 +1,6 @@
+import _get from "lodash/get";
 import React, { useState, useEffect } from 'react';
 import styled, { withTheme } from 'styled-components';
-import { get } from 'lodash';
 import Dropdown from '../dropdown';
 import Menu from '../menu';
 import Input from '../input';
@@ -9,8 +9,10 @@ import TreeSelect from '../tree-select';
 import Icon from '../tntd-icon';
 import { getCurrentAppStore, setCurrentAppStore } from './storage';
 import { traverseTree } from '../utils';
-const { Option } = Select;
-const MenuList = styled(Menu) `
+const {
+  Option
+} = Select;
+const MenuList = styled(Menu)`
   border-radius: 0;
   min-width: 250px;
   max-height: 350px;
@@ -49,7 +51,7 @@ const MenuList = styled(Menu) `
   }
 `;
 // 新版UI
-const AppsSelect = styled(Select) `
+const AppsSelect = styled(Select)`
   min-width: 160px;
   height: 28px;
   line-height: 28;
@@ -85,7 +87,7 @@ const AppsSelect = styled(Select) `
     // }
 
     // .tnt-themeS3.hasHeaderTabs &{
-    //     background: ${(props) => `${props.theme.blueBgColor} !important`}; //#1D4295
+    //     background: ${props => `${props.theme.blueBgColor} !important`}; //#1D4295
     //     color: rgba(255,255,255,0.8);
     //     border-color: rgba(255,255,255,0.5);
     // }
@@ -108,7 +110,7 @@ const AppsSelect = styled(Select) `
     margin-left: 20px;
   }
 `;
-const AppTreeSelect = styled(TreeSelect) `
+const AppTreeSelect = styled(TreeSelect)`
   min-width: 160px;
   height: 28px;
   line-height: 28;
@@ -116,11 +118,11 @@ const AppTreeSelect = styled(TreeSelect) `
   top: 50%;
   transform: translateY(-50%);
 `;
-const SwitchAppMenu = styled.a `
+const SwitchAppMenu = styled.a`
   display: block;
   color: #666;
-  line-height: ${(props) => `${props.theme.headerHeight}px`};
-  font-size: ${(props) => `${props.theme.size === 'large' ? 16 : 14}px`};
+  line-height: ${props => `${props.theme.headerHeight}px`};
+  font-size: ${props => `${props.theme.size === 'large' ? 16 : 14}px`};
 
   .tnt-themeS1 & {
     color: rgba(255, 255, 255, 0.85);
@@ -132,75 +134,131 @@ const SwitchAppMenu = styled.a `
     margin-left: 12px;
   }
 `;
-export default withTheme((props) => {
-    const { selectedKey, items = [], onChange } = props;
-    const getInitialSelectedApp = () => {
-        const currentAppStore = getCurrentAppStore();
-        const findAppByKey = (selectedKey) => {
-            let findApp;
-            traverseTree(items, (item) => {
-                if (item.key === selectedKey) {
-                    findApp = item;
-                    return false;
-                }
-            });
-            return findApp;
-        };
-        const currentApp = findAppByKey(selectedKey || get(currentAppStore, 'key'));
-        return currentApp || items[0];
-    };
-    const changeApp = (app) => {
-        setSelectedApp(app);
-        setCurrentAppStore(app);
-        onChange && onChange(app);
+export default withTheme(props => {
+  const {
+    selectedKey,
+    items = [],
+    onChange
+  } = props;
+  const getInitialSelectedApp = () => {
+    const currentAppStore = getCurrentAppStore();
+    const findAppByKey = selectedKey => {
+      let findApp;
+      traverseTree(items, item => {
+        if (item.key === selectedKey) {
+          findApp = item;
+          return false;
+        }
+      });
+      return findApp;
     };
-    const [searchValue, setSearchValue] = useState();
-    const [selectedApp, setSelectedApp] = useState(getInitialSelectedApp());
-    const Menus = (React.createElement(MenuList, { selectedKeys: [get(selectedApp, 'key')] },
-        React.createElement(Menu.Item, { className: "app-search-warp", key: "search", disabled: true },
-            React.createElement(Input, { allowClear: true, placeholder: "\u8F93\u5165\u5173\u952E\u8BCD\u641C\u7D22", value: searchValue, onChange: (evt) => {
-                    setSearchValue(evt.target.value);
-                } })),
-        items
-            .filter(({ key, name } = {}) => {
-            const regExp = new RegExp(searchValue, 'i');
-            if (searchValue) {
-                return regExp.test(key) || regExp.test(name);
+    const currentApp = findAppByKey(selectedKey || _get(currentAppStore, 'key'));
+    return currentApp || items[0];
+  };
+  const changeApp = app => {
+    setSelectedApp(app);
+    setCurrentAppStore(app);
+    onChange && onChange(app);
+  };
+  const [searchValue, setSearchValue] = useState();
+  const [selectedApp, setSelectedApp] = useState(getInitialSelectedApp());
+  const Menus = React.createElement(MenuList, {
+    selectedKeys: [_get(selectedApp, 'key')]
+  }, React.createElement(Menu.Item, {
+    className: "app-search-warp",
+    key: "search",
+    disabled: true
+  }, React.createElement(Input, {
+    allowClear: true,
+    placeholder: "\u8F93\u5165\u5173\u952E\u8BCD\u641C\u7D22",
+    value: searchValue,
+    onChange: evt => {
+      setSearchValue(evt.target.value);
+    }
+  })), items.filter(({
+    key,
+    name
+  } = {}) => {
+    const regExp = new RegExp(searchValue, 'i');
+    if (searchValue) {
+      return regExp.test(key) || regExp.test(name);
+    }
+    return true;
+  }).map(item => React.createElement(Menu.Item, {
+    key: item.key,
+    onClick: changeApp.bind(this, item)
+  }, item.name)));
+  useEffect(() => {
+    const newApp = getInitialSelectedApp();
+    if ((newApp === null || newApp === void 0 ? void 0 : newApp.key) !== (selectedApp === null || selectedApp === void 0 ? void 0 : selectedApp.key)) {
+      changeApp(newApp);
+    }
+  }, [items, selectedKey]);
+  if (!props.theme.compatible) {
+    if (items === null || items === void 0 ? void 0 : items.some(item => {
+      var _a;
+      return (_a = item.children) === null || _a === void 0 ? void 0 : _a.length;
+    })) {
+      return React.createElement(AppTreeSelect, {
+        placeholder: "\u8BF7\u9009\u62E9",
+        showSearch: true,
+        treeNodeFilterProp: "title",
+        treeDefaultExpandAll: true,
+        dropdownClassName: "tnt-layout-header-app-tree-select",
+        dropdownStyle: {
+          maxHeight: 560
+        },
+        value: _get(selectedApp, 'key'),
+        treeData: traverseTree(items, item => {
+          item.title = item.name;
+          item.value = item.key;
+          item.selectable = !item.children;
+          item.disabled = !!item.children;
+        }),
+        onChange: appKey => {
+          let findItem;
+          traverseTree(items, node => {
+            if (node.key === appKey) {
+              findItem = node;
+              return false;
             }
-            return true;
-        })
-            .map((item) => (React.createElement(Menu.Item, { key: item.key, onClick: changeApp.bind(this, item) }, item.name)))));
-    useEffect(() => {
-        const newApp = getInitialSelectedApp();
-        if ((newApp === null || newApp === void 0 ? void 0 : newApp.key) !== (selectedApp === null || selectedApp === void 0 ? void 0 : selectedApp.key)) {
-            changeApp(newApp);
-        }
-    }, [items, selectedKey]);
-    if (!props.theme.compatible) {
-        if (items === null || items === void 0 ? void 0 : items.some((item) => { var _a; return (_a = item.children) === null || _a === void 0 ? void 0 : _a.length; })) {
-            return (React.createElement(AppTreeSelect, { placeholder: "\u8BF7\u9009\u62E9", showSearch: true, treeNodeFilterProp: "title", treeDefaultExpandAll: true, dropdownClassName: "tnt-layout-header-app-tree-select", dropdownStyle: { maxHeight: 560 }, value: get(selectedApp, 'key'), treeData: traverseTree(items, (item) => {
-                    item.title = item.name;
-                    item.value = item.key;
-                    item.selectable = !item.children;
-                    item.disabled = !!item.children;
-                }), onChange: (appKey) => {
-                    let findItem;
-                    traverseTree(items, (node) => {
-                        if (node.key === appKey) {
-                            findItem = node;
-                            return false;
-                        }
-                    });
-                    changeApp(findItem);
-                }, style: { minWidth: 160, height: 28, lineHeight: 28 } }));
+          });
+          changeApp(findItem);
+        },
+        style: {
+          minWidth: 160,
+          height: 28,
+          lineHeight: 28
         }
-        return (React.createElement(AppsSelect, { placeholder: "\u8BF7\u9009\u62E9", showSearch: true, optionFilterProp: "children", value: get(selectedApp, 'key'), onChange: (appKey) => {
-                changeApp(items.find(({ key }) => key === appKey));
-            }, style: { minWidth: 160, height: 28, lineHeight: 28 } }, items.map(({ key, name }) => (React.createElement(Option, { key: key, value: key }, name)))));
+      });
     }
-    return (React.createElement(Dropdown, { overlay: Menus, trigger: ['click'] },
-        React.createElement(SwitchAppMenu, null,
-            React.createElement("span", null, get(selectedApp, 'name', '请选择')),
-            React.createElement(Icon, { type: "caret-down" }))));
-});
-//# sourceMappingURL=AppList.js.map
+    return React.createElement(AppsSelect, {
+      placeholder: "\u8BF7\u9009\u62E9",
+      showSearch: true,
+      optionFilterProp: "children",
+      value: _get(selectedApp, 'key'),
+      onChange: appKey => {
+        changeApp(items.find(({
+          key
+        }) => key === appKey));
+      },
+      style: {
+        minWidth: 160,
+        height: 28,
+        lineHeight: 28
+      }
+    }, items.map(({
+      key,
+      name
+    }) => React.createElement(Option, {
+      key: key,
+      value: key
+    }, name)));
+  }
+  return React.createElement(Dropdown, {
+    overlay: Menus,
+    trigger: ['click']
+  }, React.createElement(SwitchAppMenu, null, React.createElement("span", null, _get(selectedApp, 'name', '请选择')), React.createElement(Icon, {
+    type: "caret-down"
+  })));
+});

package/es/tntd-layout/Application.js

@@ -1,12 +1,12 @@
+import _get from "lodash/get";
 import { systemMap as applicationsMap } from '@tntx/logo-icon';
 import cn from 'classnames';
-import { get } from 'lodash';
 import React, { useState } from 'react';
 import styled from 'styled-components';
 import Popover from '../popover';
 import Iconfont from './Iconfont';
 import { defaultLogo } from './images';
-const App = styled.li `
+const App = styled.li`
   margin-left: 20px;
   font-size: 20px;
   cursor: pointer;
@@ -17,13 +17,13 @@ const App = styled.li `
     }
   }
 `;
-const AppList = styled.ul `
+const AppList = styled.ul`
   list-style: none;
   width: 264px;
   margin: 0;
   padding: 0;
 `;
-const AppItem = styled.li `
+const AppItem = styled.li`
   position: relative;
   width: 88px;
   padding: 8px 0;
@@ -55,33 +55,46 @@ const AppItem = styled.li `
     overflow: hidden;
   }
 `;
-const AppContentWrapper = styled.div `
+const AppContentWrapper = styled.div`
   background-color: #fff;
   border-radius: 4px;
   z-index: 1;
 `;
-const AppContent = (props) => {
-    const { language, apps, onChange } = props;
-    const [appKey, setAppKey] = useState(props.appKey);
-    const changeApp = (appKey) => {
-        setAppKey(appKey);
-        onChange && onChange(appKey);
-    };
-    return (React.createElement(AppContentWrapper, null,
-        React.createElement(AppList, null, apps
-            .sort((a, b) => get(applicationsMap, `${a.appKey}.sort`, 1) -
-            get(applicationsMap, `${b.appKey}.sort`, 1))
-            .map(({ appKey: key }) => (React.createElement(AppItem, { key: key, className: cn({ active: appKey === key }), onClick: changeApp.bind(this, key) },
-            React.createElement("img", { src: get(applicationsMap, `${key}.logo`, defaultLogo), onError: (e) => {
-                    e.target.onerror = null;
-                    e.target.src = defaultLogo;
-                } }),
-            React.createElement("div", null, get(applicationsMap, `${key}.${{
-                cn: 'name',
-                en: 'enName',
-            }[language || 'cn']}`, key))))))));
+const AppContent = props => {
+  const {
+    language,
+    apps,
+    onChange
+  } = props;
+  const [appKey, setAppKey] = useState(props.appKey);
+  const changeApp = appKey => {
+    setAppKey(appKey);
+    onChange && onChange(appKey);
+  };
+  return React.createElement(AppContentWrapper, null, React.createElement(AppList, null, apps.sort((a, b) => _get(applicationsMap, `${a.appKey}.sort`, 1) - _get(applicationsMap, `${b.appKey}.sort`, 1)).map(({
+    appKey: key
+  }) => React.createElement(AppItem, {
+    key: key,
+    className: cn({
+      active: appKey === key
+    }),
+    onClick: changeApp.bind(this, key)
+  }, React.createElement("img", {
+    src: _get(applicationsMap, `${key}.logo`, defaultLogo),
+    onError: e => {
+      e.target.onerror = null;
+      e.target.src = defaultLogo;
+    }
+  }), React.createElement("div", null, _get(applicationsMap, `${key}.${{
+    cn: 'name',
+    en: 'enName'
+  }[language || 'cn']}`, key))))));
 };
-export default (props) => (React.createElement(App, null,
-    React.createElement(Popover, { placement: "bottomRight", title: null, content: React.createElement(AppContent, Object.assign({}, props)), trigger: "click" },
-        React.createElement(Iconfont, { type: "application" }))));
-//# sourceMappingURL=Application.js.map
+export default (props => React.createElement(App, null, React.createElement(Popover, {
+  placement: "bottomRight",
+  title: null,
+  content: React.createElement(AppContent, Object.assign({}, props)),
+  trigger: "click"
+}, React.createElement(Iconfont, {
+  type: "application"
+}))));

package/es/tntd-layout/Avatar.js

@@ -1,6 +1,6 @@
+import _get from "lodash/get";
 import React, { useContext } from 'react';
 import styled, { createGlobalStyle } from 'styled-components';
-import { get } from 'lodash';
 import '../button';
 import Popover from '../popover';
 import Row from '../row';
@@ -8,7 +8,7 @@ import Divider from '../divider';
 import ActionsContext from './ActionsContext';
 import images from './images';
 import { getLanguageStore, clearLoginCookie } from './storage';
-const Avatar = styled.li `
+const Avatar = styled.li`
   margin-right: 0;
   font-size: 0;
   img {
@@ -22,14 +22,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`
   min-width: 235px;
   z-index: 1;
   background-color: #fff;
@@ -61,53 +61,91 @@ 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, onLogout, onChangePassword = () => true, onPersonalSetting = () => true, } = props;
-    const { getText } = useContext(ActionsContext);
-    return (React.createElement(UserInfoWrapper, { className: "user-info-setting-wrap" },
-        React.createElement("div", { className: "user-info-body" },
-            React.createElement("p", { className: "user-info-body-username" }, userInfo.userName || getText('nameNull')),
-            React.createElement("p", { className: "user-info-body-account" }, userInfo.account)),
-        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,
+    onLogout,
+    onChangePassword = () => true,
+    onPersonalSetting = () => true
+  } = props;
+  const {
+    getText
+  } = useContext(ActionsContext);
+  return React.createElement(UserInfoWrapper, {
+    className: "user-info-setting-wrap"
+  }, React.createElement("div", {
+    className: "user-info-body"
+  }, React.createElement("p", {
+    className: "user-info-body-username"
+  }, userInfo.userName || getText('nameNull')), React.createElement("p", {
+    className: "user-info-body-account"
+  }, userInfo.account)), 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));
+});