tntd 1.4.0 → 1.4.1

package/es/Layout/AppList.js

@@ -1,14 +1,3 @@
-import "antd/es/dropdown/style";
-import _Dropdown from "antd/es/dropdown";
-import "antd/es/input/style";
-import _Input from "antd/es/input";
-import "antd/es/tree-select/style";
-import _TreeSelect from "antd/es/tree-select";
-import "antd/es/menu/style";
-import _Menu from "antd/es/menu";
-import "antd/es/select/style";
-import _Select from "antd/es/select";
-
 var _this = this;
 
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _nonIterableRest(); }
@@ -63,17 +52,18 @@ function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(
 
 import { useState, useEffect } from 'react';
 import styled, { withTheme } from 'styled-components';
+import { Dropdown, Menu, Input, Select, TreeSelect } from 'antd';
 import { get } from 'lodash';
 import Icon from '../Icon';
 import { getCurrentAppStore, setCurrentAppStore } from './storage';
 import { traverseTree } from './utils';
-var Option = _Select.Option;
-var MenuList = styled(_Menu)(_templateObject()); // 新版UI
+var Option = Select.Option;
+var MenuList = styled(Menu)(_templateObject()); // 新版UI
 
-var AppsSelect = styled(_Select)(_templateObject2(), function (props) {
+var AppsSelect = styled(Select)(_templateObject2(), function (props) {
   return "".concat(props.theme.blueBgColor, " !important");
 });
-var AppTreeSelect = styled(_TreeSelect)(_templateObject3());
+var AppTreeSelect = styled(TreeSelect)(_templateObject3());
 var SwitchAppMenu = styled.a(_templateObject4(), function (props) {
   return "".concat(props.theme.headerHeight, "px");
 }, function (props) {
@@ -121,11 +111,11 @@ export default withTheme(function (props) {
 
   var Menus = React.createElement(MenuList, {
     selectedKeys: [get(selectedApp, 'key')]
-  }, React.createElement(_Menu.Item, {
+  }, React.createElement(Menu.Item, {
     className: "app-search-warp",
     key: "search",
     disabled: true
-  }, React.createElement(_Input, {
+  }, React.createElement(Input, {
     allowClear: true,
     placeholder: "\u8F93\u5165\u5173\u952E\u8BCD\u641C\u7D22",
     value: searchValue,
@@ -145,7 +135,7 @@ export default withTheme(function (props) {
 
     return true;
   }).map(function (item) {
-    return React.createElement(_Menu.Item, {
+    return React.createElement(Menu.Item, {
       key: item.key,
       onClick: changeApp.bind(_this, item)
     }, item.name);
@@ -224,7 +214,7 @@ export default withTheme(function (props) {
     }));
   }
 
-  return React.createElement(_Dropdown, {
+  return React.createElement(Dropdown, {
     overlay: Menus,
     trigger: ['click']
   }, React.createElement(SwitchAppMenu, null, React.createElement("span", null, get(selectedApp, 'name', '请选择')), React.createElement(Icon, {

package/es/Layout/Application.js

@@ -1,6 +1,3 @@
-import "antd/es/popover/style";
-import _Popover from "antd/es/popover";
-
 var _this = this;
 
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _nonIterableRest(); }
@@ -56,6 +53,7 @@ function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(
 import { useState } from 'react';
 import styled from 'styled-components';
 import cn from 'classnames';
+import { Popover } from 'antd';
 import { get } from 'lodash';
 import { systemMap as applicationsMap } from '@tntx/logo-icon';
 import Iconfont from './Iconfont';
@@ -104,7 +102,7 @@ var AppContent = function AppContent(props) {
 };
 
 export default (function (props) {
-  return React.createElement(App, null, React.createElement(_Popover, {
+  return React.createElement(App, null, React.createElement(Popover, {
     placement: "bottomRight",
     title: null,
     content: React.createElement(AppContent, props),

package/es/Layout/Avatar.js

@@ -1,8 +1,3 @@
-import "antd/es/popover/style";
-import _Popover from "antd/es/popover";
-import "antd/es/button/style";
-import _Button from "antd/es/button";
-
 function _templateObject3() {
   var data = _taggedTemplateLiteral(["\n    min-width: 235px;\n    z-index: 1;\n    background-color: #fff;\n    border-radius: 4px;\n\n    .isInIframe & {\n        display: none;\n    }\n    \n    .user-info-body {\n        padding: 30px 20px 20px 24px;\n        line-height: 16px;\n        .user-info-body-username {\n            margin-top: 0px;\n            font-size: 16px;\n            color: #333;\n            font-weight: normal;\n            margin-bottom: 10px;\n            line-height: 16px;\n        }\n        .user-info-body-account {\n            margin-top: 0px;\n            color: #666;\n            margin-bottom: 14px;\n            line-height: 16px;\n        }\n        a {\n            margin-right: 16px;\n        }\n    }\n    .user-info-footer {\n        border-top: 1px solid #ccc;\n        background-color: #f5f5f5;\n        padding: 8px 20px;\n        text-align: right;\n        .user-info-footer-signout:hover {\n            box-shadow: 0 2px 8px rgba(0, 0, 0, .1);\n            border-color: #d9d9d9;\n            color: rgba(0, 0, 0, 0.65);\n        }\n    }\n"]);
 
@@ -37,6 +32,7 @@ function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(
 
 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';
@@ -76,7 +72,7 @@ var UserInfoContent = function UserInfoContent(props) {
     href: "/bridge/userCenter?currentTab=2"
   }, getText('changePwd'))), React.createElement("div", {
     className: "user-info-footer"
-  }, React.createElement(_Button, {
+  }, React.createElement(Button, {
     className: "user-info-footer-signout",
     onClick: function onClick() {
       if (onLogout) {
@@ -96,7 +92,7 @@ export default (function (props) {
   var _props$userInfo = props.userInfo,
       userInfo = _props$userInfo === void 0 ? {} : _props$userInfo;
   var avatar = userInfo.avatar;
-  return React.createElement(Avatar, null, React.createElement(_Popover, {
+  return React.createElement(Avatar, null, React.createElement(Popover, {
     popupClassName: "tnt-layout-personal-popover",
     placement: "bottomRight",
     title: null,

package/es/Layout/CompatibleLanguage.js

@@ -1,6 +1,3 @@
-import "antd/es/popover/style";
-import _Popover from "antd/es/popover";
-
 var _this = this;
 
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _nonIterableRest(); }
@@ -56,6 +53,7 @@ function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(
 import { useState } from 'react';
 import styled from 'styled-components';
 import cn from 'classnames';
+import { Popover } from 'antd';
 import { get } from 'lodash';
 import Icon from '../Icon';
 import images from './images';
@@ -168,7 +166,7 @@ export default (function (props) {
     return null;
   }
 
-  return React.createElement(Theme, null, React.createElement(_Popover, {
+  return React.createElement(Theme, null, React.createElement(Popover, {
     placement: "bottomRight",
     title: null,
     content: React.createElement(ThemeContent, props),

package/es/Layout/EnterpriseLayout/Avatar.js

@@ -1,10 +1,3 @@
-import "antd/es/popover/style";
-import _Popover from "antd/es/popover";
-import "antd/es/row/style";
-import _Row from "antd/es/row";
-import "antd/es/divider/style";
-import _Divider from "antd/es/divider";
-
 function _templateObject3() {
   var data = _taggedTemplateLiteral(["\n    width: 330px;\n    z-index: 1;\n    background-color: #fff;\n    border-radius: 4px;\n    box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.1);\n    .isInIframe & {\n        display: none;\n    }\n\n    .user-info-body {\n        padding: 20px 15px;\n        line-height: 16px;\n        list-style: none;\n        margin: 0;\n        .user-info-body-username {\n            margin-top: 0px;\n            font-family: PingFangSC-Regular;\n            font-weight: normal;\n            font-size: 14px;\n            color: ", ";\n            line-height: 14px;\n            overflow: hidden;\n            text-overflow: ellipsis;\n            white-space: nowrap;\n        }\n        .user-info-body-account {\n            margin-top: 0px;\n            font-family: PingFangSC-Regular;\n            font-size: 12px;\n            color: #8B919E;\n            margin-bottom: 14px;\n            line-height: 14px;\n            margin-left: 10px;\n        }\n    }\n    .user-info-footer {\n        border-top: ", ";\n        background-color: #fff;\n        height: 36px;\n        line-height: 36px;\n        padding: 0 15px;\n        font-size: 12px;\n        color:  ", ";\n        a{\n            flex: 1;\n            text-align:center;\n            color:  ", ";\n        }\n    }\n"]);
 
@@ -38,6 +31,7 @@ function _templateObject() {
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 
 import styled, { createGlobalStyle } from 'styled-components';
+import { Popover, Row, Divider } from 'antd';
 import deleteAllCookiesFactory from 'delete-all-cookies';
 import { get } from 'lodash';
 import images from '../images';
@@ -89,7 +83,7 @@ var UserInfoContent = function UserInfoContent(props) {
   }), React.createElement(Theme, {
     theme: userInfo.theme,
     onChange: onThemeChange
-  })), React.createElement(_Row, {
+  })), React.createElement(Row, {
     className: "user-info-footer",
     type: "flex",
     justify: "space-between",
@@ -97,12 +91,12 @@ var UserInfoContent = function UserInfoContent(props) {
   }, React.createElement("a", {
     onClick: onPersonalSetting,
     href: "/bridge/userCenter?currentTab=1"
-  }, "\u4E2A\u4EBA\u8BBE\u7F6E"), React.createElement(_Divider, {
+  }, "\u4E2A\u4EBA\u8BBE\u7F6E"), React.createElement(Divider, {
     type: "vertical"
   }), React.createElement("a", {
     onClick: onChangePassword,
     href: "/bridge/userCenter?currentTab=2"
-  }, "\u4FEE\u6539\u5BC6\u7801"), React.createElement(_Divider, {
+  }, "\u4FEE\u6539\u5BC6\u7801"), React.createElement(Divider, {
     type: "vertical"
   }), React.createElement("a", {
     className: "user-info-footer-signout",
@@ -124,7 +118,7 @@ export default (function (props) {
   var _props$userInfo = props.userInfo,
       userInfo = _props$userInfo === void 0 ? {} : _props$userInfo;
   var avatar = userInfo.avatar;
-  return React.createElement(Avatar, null, React.createElement(_Popover, {
+  return React.createElement(Avatar, null, React.createElement(Popover, {
     popupClassName: "tnt-layout-personal-popover",
     placement: "bottomRight",
     title: null,

package/es/Layout/EnterpriseLayout/Theme.js

@@ -1,6 +1,3 @@
-import "antd/es/row/style";
-import _Row from "antd/es/row";
-
 var _this = this;
 
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _nonIterableRest(); }
@@ -25,6 +22,7 @@ function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(
 
 import { useState } from 'react';
 import styled from 'styled-components';
+import { Row } from 'antd';
 import Iconfont from '../Iconfont';
 import { setThemeStore, getThemeStore } from '../storage';
 var Theme = styled.li(_templateObject());
@@ -60,7 +58,7 @@ export default (function (props) {
     onChange(theme);
   };
 
-  return React.createElement(Theme, null, React.createElement(_Row, {
+  return React.createElement(Theme, null, React.createElement(Row, {
     type: "flex",
     justify: "space-between",
     className: "user-info-body-theme-row"

package/es/Layout/HeaderActions.js

@@ -1,6 +1,3 @@
-import "antd/es/divider/style";
-import _Divider from "antd/es/divider";
-
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
@@ -18,6 +15,7 @@ function _templateObject() {
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 
 import styled, { withTheme } from 'styled-components';
+import { Divider } from 'antd';
 import GlobalNavigation from './GlobalNavigation';
 import Language from './Language';
 import Theme from './Theme';
@@ -81,7 +79,7 @@ export default withTheme(function (props) {
     language: userInfo.lang,
     apps: apps,
     onChange: onApplicationChange
-  }), avatar && React.createElement(React.Fragment, null, React.createElement(_Divider, {
+  }), avatar && React.createElement(React.Fragment, null, React.createElement(Divider, {
     type: "vertical"
   }), AvatarCustom ? React.createElement(AvatarCustom, {
     userInfo: userInfo,

package/es/Layout/Layout.js

@@ -1,6 +1,3 @@
-import "antd/es/layout/style";
-import _Layout from "antd/es/layout";
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
@@ -31,14 +28,15 @@ import { useState, useEffect } from 'react';
 import styled, { withTheme } from 'styled-components';
 import cn from 'classnames';
 import { isUndefined } from 'lodash';
+import { Layout } from 'antd';
 import Icon from '../Icon';
 import Header from './Header';
 import Logo from './Logo';
 import SideMenu from './SideMenu';
 import { getSideMenuStore, setSideMenuStore, getLanguageStore, getThemeStore } from './storage';
-var Content = _Layout.Content,
-    Sider = _Layout.Sider;
-var TNTLayout = styled(_Layout)(_templateObject(), function (props) {
+var Content = Layout.Content,
+    Sider = Layout.Sider;
+var TNTLayout = styled(Layout)(_templateObject(), function (props) {
   return props.theme.primaryTextColor;
 }, function (props) {
   return props.theme.lightBgColor;

package/es/Layout/OrgAppList.js

@@ -1,10 +1,3 @@
-import "antd/es/select/style";
-import _Select from "antd/es/select";
-import "antd/es/tree-select/style";
-import _TreeSelect from "antd/es/tree-select";
-import "antd/es/input/style";
-import _Input from "antd/es/input";
-
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
@@ -55,18 +48,19 @@ function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(
 
 import { useState, useEffect } from 'react';
 import styled, { withTheme, createGlobalStyle } from 'styled-components';
+import { Input, Select, TreeSelect } from 'antd';
 import { get } from 'lodash';
 import { getCurrentAppStore, setCurrentAppStore, getCurrentOrgStore, setCurrentOrgStore, getCurrentOrgTreeStore, setCurrentOrgTreeStore } from './storage';
 import { traverseTree } from './utils';
-var InputGroup = _Input.Group;
-var TreeNode = _TreeSelect.TreeNode;
-var Option = _Select.Option; // 机构+应用UI
+var InputGroup = Input.Group;
+var TreeNode = TreeSelect.TreeNode;
+var Option = Select.Option; // 机构+应用UI
 
 var OrgAppsInputGroup = styled(InputGroup)(_templateObject(), function (props) {
   return "".concat(props.theme.blueBgColor, " !important");
 }); // 只展示机构
 
-var AppTreeSelect = styled(_TreeSelect)(_templateObject2(), function (props) {
+var AppTreeSelect = styled(TreeSelect)(_templateObject2(), function (props) {
   return "".concat(props.theme.blueBgColor, " !important");
 });
 var GlobalStyle = createGlobalStyle(_templateObject3());
@@ -265,7 +259,7 @@ export default withTheme(function (props) {
 
   return React.createElement(OrgAppsInputGroup, {
     compact: true
-  }, React.createElement(_TreeSelect, _extends({
+  }, React.createElement(TreeSelect, _extends({
     placeholder: "\u9009\u62E9\u673A\u6784",
     searchPlaceholder: "\u673A\u6784\u540D\u79F0",
     treeNodeFilterProp: "title",
@@ -282,7 +276,7 @@ export default withTheme(function (props) {
       overflow: 'auto',
       width: 320
     }
-  }, orgTreeConfigProp)), React.createElement(GlobalStyle, null), React.createElement(_Select, {
+  }, orgTreeConfigProp)), React.createElement(GlobalStyle, null), React.createElement(Select, {
     placeholder: "\u8BF7\u9009\u62E9",
     showSearch: true,
     optionFilterProp: "children",

package/es/Layout/SideMenu.js

@@ -1,6 +1,3 @@
-import "antd/es/menu/style";
-import _Menu from "antd/es/menu";
-
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
@@ -45,6 +42,7 @@ function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(
 
 import { useState, useEffect, useContext } from 'react';
 import styled, { withTheme } from 'styled-components';
+import { Menu } from 'antd';
 import { get } from 'lodash';
 import ActionsContext from './ActionsContext';
 import { getSelectedMenuInfo, isGroupMenu, isNewTabMenu, openInNewTab, traverseTree } from './utils';
@@ -52,9 +50,9 @@ import { setSideMenuStore } from './storage';
 import Iconfont from './Iconfont';
 var color = 'rgba(255,255,255,.85)';
 var compatibleColor = '#a1d7ff';
-var SubMenu = _Menu.SubMenu,
-    MenuItem = _Menu.Item;
-var TNTMenu = styled(_Menu)(_templateObject(), function (props) {
+var SubMenu = Menu.SubMenu,
+    MenuItem = Menu.Item;
+var TNTMenu = styled(Menu)(_templateObject(), function (props) {
   return "".concat(props.theme.headerHeight, "px");
 }, function (props) {
   return props.theme.dividerColor;

package/es/Layout/Theme.js

@@ -1,6 +1,3 @@
-import "antd/es/popover/style";
-import _Popover from "antd/es/popover";
-
 var _this = this;
 
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _nonIterableRest(); }
@@ -45,6 +42,7 @@ function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(
 
 import { useState } from 'react';
 import styled from 'styled-components';
+import { Popover } from 'antd';
 import Iconfont from './Iconfont';
 import images from './images';
 import { setThemeStore, getThemeStore } from './storage';
@@ -96,7 +94,7 @@ var ThemeContent = function ThemeContent(props) {
 };
 
 export default (function (props) {
-  return React.createElement(Theme, null, React.createElement(_Popover, {
+  return React.createElement(Theme, null, React.createElement(Popover, {
     placement: "bottomRight",
     title: null,
     content: React.createElement(ThemeContent, props),

package/es/Layout/paaslayout/index.js

@@ -1,6 +1,3 @@
-import "antd/es/layout/style";
-import _Layout from "antd/es/layout";
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
@@ -30,6 +27,7 @@ function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(
 import { useState, useEffect } from 'react';
 import styled, { withTheme } from 'styled-components';
 import cn from 'classnames';
+import { Layout } from 'antd';
 import { get, reduce, isUndefined } from 'lodash';
 import { getSelectedMenuInfo } from '../utils';
 import HeaderNavs from '../HeaderNavs';
@@ -37,9 +35,9 @@ import Header from './Header';
 import SideMenu from './SideMenu';
 import CompactSideMenu from './CompactSideMenu';
 import { getLanguageStore, getThemeStore } from '../storage';
-var Content = _Layout.Content,
-    Sider = _Layout.Sider;
-var TNTPaasLayout = styled(_Layout)(_templateObject(), function (props) {
+var Content = Layout.Content,
+    Sider = Layout.Sider;
+var TNTPaasLayout = styled(Layout)(_templateObject(), function (props) {
   return props.theme.lightBgColor;
 });
 
@@ -215,7 +213,7 @@ export default withTheme(function (props) {
       _onApplicationChange(appKey);
     },
     onLogout: onLogout
-  }, headerNavMenus), React.createElement(_Layout, null, !isUndefined(sideMenu) ? sideMenu : React.createElement(Sider, {
+  }, headerNavMenus), React.createElement(Layout, null, !isUndefined(sideMenu) ? sideMenu : React.createElement(Sider, {
     breakpoint: "md",
     className: "tnt-layout-sider",
     width: 220,

package/es/LoadingButton/index.js

@@ -1,6 +1,3 @@
-import "antd/es/button/style";
-import _Button from "antd/es/button";
-
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _nonIterableRest(); }
@@ -12,6 +9,7 @@ function _iterableToArrayLimit(arr, i) { if (!(Symbol.iterator in Object(arr) ||
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
 import { useState, useEffect } from 'react';
+import { Button } from 'antd';
 export default (function (props) {
   var _useState = useState(props.loading),
       _useState2 = _slicedToArray(_useState, 2),
@@ -38,7 +36,7 @@ export default (function (props) {
   useEffect(function () {
     setLoading(props.loading);
   }, [props.loading]);
-  return React.createElement(_Button, _extends({}, props, {
+  return React.createElement(Button, _extends({}, props, {
     loading: loading,
     onClick: onClick
   }), loading ? props.loadingText || props.children : props.children);

package/es/Modal/index.js

@@ -1,6 +1,3 @@
-import "antd/es/modal/style";
-import _Modal from "antd/es/modal";
-
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
@@ -19,6 +16,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 import { useState, useEffect, Fragment } from 'react';
 import cn from 'classnames';
+import { Modal } from 'antd';
 import Icon from '../Icon';
 import './index.less';
 
@@ -70,7 +68,7 @@ export default (function (props) {
   useEffect(function () {
     setFullscreen(rest.fullscreen);
   }, [rest.fullscreen, visible]);
-  return React.createElement(_Modal, _extends({
+  return React.createElement(Modal, _extends({
     visible: visible,
     title: React.createElement(Title, {
       logo: logo,

package/es/Page/Box.js

@@ -1,6 +1,3 @@
-import "antd/es/card/style";
-import _Card from "antd/es/card";
-
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
@@ -14,6 +11,7 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
 import React from 'react';
+import { Card } from 'antd';
 import { addUnitForValue } from './utils';
 
 var Box = function Box(_ref) {
@@ -59,7 +57,7 @@ var Box = function Box(_ref) {
 
   cardTitleHeight = addUnitForValue(cardTitleHeight);
   var cardBodyHeight = "calc(".concat(height, " - ").concat(headerHeight, " - ").concat(contentTotalMargin, " - ").concat(cardTitleHeight, ")");
-  return React.createElement(_Card, _extends({
+  return React.createElement(Card, _extends({
     className: "".concat(clsPrefix, "-box-card"),
     bordered: bordered,
     bodyStyle: _objectSpread({}, bodyStyle, {

package/es/QueryForm/Field/Checkbox.js

@@ -1,18 +1,16 @@
-import "antd/es/checkbox/style";
-import _Checkbox from "antd/es/checkbox";
-
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
+import { Checkbox } from 'antd';
 export default (function (_ref) {
   var value = _ref.value,
       _onChange = _ref.onChange,
       props = _objectWithoutProperties(_ref, ["value", "onChange"]);
 
-  return React.createElement(_Checkbox, _extends({}, props, {
+  return React.createElement(Checkbox, _extends({}, props, {
     checked: value,
     onChange: function onChange(evt) {
       _onChange == null ? void 0 : _onChange(evt.target.checked);

package/es/QueryForm/Field/Select.js

@@ -1,6 +1,3 @@
-import "antd/es/select/style";
-import _Select from "antd/es/select";
-
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
@@ -22,7 +19,8 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
 import React, { useState, useEffect } from 'react';
-var Option = _Select.Option;
+import { Select } from 'antd';
+var Option = Select.Option;
 export default (function (props) {
   var options = props.options,
       params = props.params,
@@ -61,7 +59,7 @@ export default (function (props) {
   useEffect(function () {
     setItems(options || []);
   }, [options]);
-  return React.createElement(_Select, _extends({
+  return React.createElement(Select, _extends({
     allowClear: true,
     showSearch: true,
     optionFilterProp: "children",

package/es/QueryForm/Field/SelectInput.js

@@ -1,8 +1,3 @@
-import "antd/es/input/style";
-import _Input from "antd/es/input";
-import "antd/es/select/style";
-import _Select from "antd/es/select";
-
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
@@ -24,8 +19,9 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
 import React, { useState, useEffect } from 'react';
+import { Select, Input } from 'antd';
 import { get } from 'lodash';
-var Option = _Select.Option;
+var Option = Select.Option;
 export default (function (props) {
   var _props$options = props.options,
       options = _props$options === void 0 ? [] : _props$options,
@@ -61,7 +57,7 @@ export default (function (props) {
     props.onChange(_defineProperty({}, key, evt.target.value));
   };
 
-  var addonBefore = React.createElement(_Select, {
+  var addonBefore = React.createElement(Select, {
     value: key,
     onChange: onKeyChange,
     style: _objectSpread({
@@ -84,7 +80,7 @@ export default (function (props) {
     setItems(options);
     setKey(getInitialKey());
   }, [options, inputProps.value]);
-  return React.createElement(_Input, _extends({}, inputProps, {
+  return React.createElement(Input, _extends({}, inputProps, {
     value: getInputValue(),
     addonBefore: addonBefore,
     onChange: onChange

package/es/QueryForm/Field/fieldsMap.js

@@ -1,9 +1,4 @@
-import "antd/es/date-picker/style";
-import _DatePicker from "antd/es/date-picker";
-import "antd/es/input-number/style";
-import _InputNumber from "antd/es/input-number";
-import "antd/es/input/style";
-import _Input from "antd/es/input";
+import { Input, InputNumber, DatePicker } from 'antd';
 import SelectField from './Select';
 import SelectInput from './SelectInput';
 import CheckboxField from './Checkbox';
@@ -19,14 +14,14 @@ export var getFieldWidth = function getFieldWidth(type) {
   }[type] || defaultFieldWidth;
 };
 export default {
-  string: _Input,
-  input: _Input,
-  search: _Input.Search,
-  inputNumber: _InputNumber,
-  number: _InputNumber,
+  string: Input,
+  input: Input,
+  search: Input.Search,
+  inputNumber: InputNumber,
+  number: InputNumber,
   select: SelectField,
   checkbox: CheckboxField,
-  date: _DatePicker,
-  dateRange: _DatePicker.RangePicker,
+  date: DatePicker,
+  dateRange: DatePicker.RangePicker,
   selectInput: SelectInput
 };

package/es/QueryForm/Field/index.js

@@ -1,6 +1,3 @@
-import "antd/es/form/style";
-import _Form from "antd/es/form";
-
 function _typeof(obj) { if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
 
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
@@ -28,9 +25,10 @@ function _inherits(subClass, superClass) { if (typeof superClass !== "function"
 function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
 
 import { PureComponent } from 'react';
+import { Form } from 'antd';
 import { get } from 'lodash';
 import fieldsMap, { getFieldWidth } from './fieldsMap';
-var FormItem = _Form.Item;
+var FormItem = Form.Item;
 
 var isInput = function isInput(type) {
   return ['input', 'string', 'search'].includes(type);