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

package/es/tntd-icon/index.js

@@ -1,28 +1,22 @@
-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}`
-  })));
-});
+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

package/es/tntd-layout/ActionsContext.js

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

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,10 +9,8 @@ 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;
@@ -51,7 +49,7 @@ const MenuList = styled(Menu)`
   }
 `;
 // 新版UI
-const AppsSelect = styled(Select)`
+const AppsSelect = styled(Select) `
   min-width: 160px;
   height: 28px;
   line-height: 28;
@@ -87,7 +85,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);
     // }
@@ -110,7 +108,7 @@ const AppsSelect = styled(Select)`
     margin-left: 20px;
   }
 `;
-const AppTreeSelect = styled(TreeSelect)`
+const AppTreeSelect = styled(TreeSelect) `
   min-width: 160px;
   height: 28px;
   line-height: 28;
@@ -118,11 +116,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);
@@ -134,131 +132,75 @@ 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;
+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 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;
+    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);
             }
-          });
-          changeApp(findItem);
-        },
-        style: {
-          minWidth: 160,
-          height: 28,
-          lineHeight: 28
+            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 } }));
         }
-      });
+        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(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"
-  })));
-});
+    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

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,46 +55,33 @@ 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"
-}))));
+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

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,91 +61,53 @@ 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'))));
+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));
-});
+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