tntd 2.0.19 → 2.0.22

package/es/tntd-layout/tntdLayout.stories.js

@@ -0,0 +1,275 @@
+import React, { useState } from 'react';
+import 'styled-components';
+import TNTLayout from './index';
+const { HeaderTabs } = TNTLayout;
+export default {
+    component: TNTLayout,
+    title: 'TNTLayout',
+};
+const Template = (args) => {
+    const menus = [
+        {
+            code: 'dadicasesearch1',
+            enName: 'dadicasesearch1',
+            icon: 'home',
+            menuName: '案件检索1',
+            path: '/orion/case/relation1',
+            code: 'relation1',
+        },
+        {
+            children: new Array(16)
+                .fill({
+                code: 'dadicasesearch',
+                enName: 'dadicasesearch',
+                icon: 'home',
+                menuName: '案件检索',
+                path: '/orion/case/relation',
+            })
+                .map((item, index) => (Object.assign(Object.assign({}, item), { code: `${item.code}-${index}`, menuName: `${item.menuName}-${index}`, path: `${item.path}${index}` }))),
+            code: 'casegraph',
+            enName: 'casegraph',
+            groupIcon: 'setting',
+            groupName: '案件分析',
+        },
+        {
+            children: [
+                {
+                    code: 'taglist',
+                    enName: 'taglist',
+                    icon: 'home',
+                    menuName: '标签管理',
+                    path: 'http://baidu.com/orion/tag/list',
+                },
+                {
+                    code: 'tagdata',
+                    enName: 'tagdata',
+                    icon: 'layer-color',
+                    menuName: '打标数据管理abc',
+                    path: '/orion/tag/datalist',
+                },
+                {
+                    children: [
+                        {
+                            code: 'taglist11',
+                            enName: 'taglist11',
+                            icon: 'home',
+                            menuName: '标签管理11',
+                            path: '/orion/tag/list11',
+                        },
+                        {
+                            code: 'taglist22',
+                            enName: 'taglist22',
+                            icon: 'home',
+                            menuName: '标签管理22',
+                            path: '/orion/tag/list22',
+                        },
+                    ],
+                    code: 'tagmm-g',
+                    enName: 'tagmm-g',
+                    groupIcon: 'tag',
+                    groupName: '标签分组',
+                },
+                {
+                    children: [
+                        {
+                            code: 'tagdata11',
+                            enName: 'tagdata11',
+                            icon: 'home',
+                            menuName: '数据管理11',
+                            path: '/orion/tagdata/list11',
+                        },
+                        {
+                            code: 'tagdata22',
+                            enName: 'tagdata22',
+                            icon: 'home',
+                            menuName: '数据管理22',
+                            path: '/orion/tagdata/list22',
+                        },
+                    ],
+                    code: 'tagdata-g',
+                    enName: 'tagdata-g',
+                    groupIcon: 'tag',
+                    groupName: '标签数据分组',
+                },
+            ],
+            code: 'tagmm',
+            enName: 'tagmm',
+            groupIcon: 'tag',
+            groupName: '标签管理3',
+        },
+        {
+            children: [
+                {
+                    code: 'QX0101',
+                    enName: 'Organization Manage',
+                    icon: 'org',
+                    menuName: '机构管理\t',
+                    path: '/bridge/permission/organization',
+                },
+                {
+                    code: 'QX0102',
+                    enName: 'Role Manage',
+                    icon: 'role',
+                    menuName: '角色管理',
+                    path: '/bridge/permission/role',
+                },
+                {
+                    code: 'QX0103',
+                    enName: 'User Manage',
+                    icon: 'user-group',
+                    menuName: '用户管理',
+                    path: '/bridge/permission/user',
+                },
+            ],
+            code: 'permission',
+            enName: 'Permission Manage',
+            groupIcon: 'user-group',
+            groupName: '权限管理',
+        },
+        {
+            children: [
+                {
+                    code: 'QX0201',
+                    enName: 'Function Register',
+                    icon: 'python',
+                    menuName: '功能注册',
+                    path: '/bridge/system/register',
+                },
+                {
+                    code: 'QX0202',
+                    enName: 'Solution',
+                    icon: 'python',
+                    menuName: '解决方案',
+                    path: '/bridge/system/solution',
+                },
+                {
+                    code: 'QX0203',
+                    enName: 'System Configuration',
+                    icon: 'Python',
+                    menuName: '系统设置',
+                    path: '/bridge/system/startup',
+                },
+            ],
+            code: 'QX0203',
+            enName: 'System Configuration',
+            groupIcon: 'puzzle',
+            groupName: '解决方案',
+        },
+    ];
+    const userInfo = {
+        account: 'admin',
+        avatar: 'male1',
+        lang: 'cn',
+        layout: 'default',
+        theme: 'default',
+        userName: '超级管理员',
+        uuid: 'c693e0ec0a2e4bf8b71eef8152d88a29',
+    };
+    const selectedMenu = menus[2].children[1];
+    const [tabs, setTabs] = useState([
+        Object.assign(Object.assign({}, selectedMenu), { key: selectedMenu.code, name: selectedMenu.menuName }),
+    ]);
+    const [activeTab, setActiveTab] = useState(tabs[0]);
+    const [appList, setAppList] = useState([]);
+    const [orgAppList, setOrgAppList] = useState([]);
+    const onMenuChange = (param) => {
+        console.log('onMenuChange:', param);
+    };
+    const onMenuSelect = (param) => {
+        console.log('onMeneMenuSelectChange:', param);
+        const { data } = param;
+        const currentTab = tabs.find(({ key }) => key === data.code);
+        if (currentTab) {
+            setActiveTab(currentTab);
+        }
+        else {
+            const newTabs = [...tabs, Object.assign(Object.assign({}, data), { key: data.code, name: data.menuName })];
+            setTabs(newTabs);
+            setActiveTab(newTabs[newTabs.length - 1]);
+        }
+    };
+    const onTabChange = (tab) => {
+        setActiveTab(tab);
+    };
+    const onTabClose = (tab, tabs, activeTab) => {
+        setTabs(tabs);
+        setActiveTab(activeTab);
+    };
+    const onLanguageChange = (language) => {
+        console.log('onLanguageChange:', language);
+    };
+    const onThemeChange = (theme) => {
+        console.log('onThemeChange:', theme);
+    };
+    const onAppChange = (param) => {
+        console.log('onAppChange', param);
+    };
+    const onLogoClick = () => {
+        console.log('logo click');
+    };
+    return (React.createElement("div", { style: {
+            height: '100%',
+        } },
+        React.createElement(TNTLayout, { type: "enterprise", logo: "xxxx", name: "\u79C1\u6709\u4E91\u5168\u5BB6\u6876", enName: "Private Cloud", config: {
+                globalNavigation: true,
+                theme: true,
+                language: true,
+            }, orgTreeConfig: true, orgList: {
+                uuid: 'da435225387f40dd80f7757d712c999b',
+                gmtCreate: 1625820797000,
+                gmtModified: 1625820797000,
+                code: 's',
+                level: 1,
+                name: 'szx',
+                children: [
+                    {
+                        uuid: '73efa4a6be2541cb9226c6c40c12d076',
+                        gmtCreate: 1625820807000,
+                        gmtModified: 1625820807000,
+                        code: '1',
+                        level: 2,
+                        parentUuid: 'da435225387f40dd80f7757d712c999b',
+                        name: '活动撒活动啊活动撒后发多少分活动啊等候骚的撒后发多少大号双方都撒哈佛的撒哈佛大事好大红花都送啊',
+                        children: [
+                            {
+                                uuid: '019c7af784c4481491975eb46e362bcf',
+                                gmtCreate: 1625820823000,
+                                gmtModified: 1625820823000,
+                                code: '2',
+                                level: 3,
+                                parentUuid: '73efa4a6be2541cb9226c6c40c12d076',
+                                name: 'szx2',
+                                children: [
+                                    {
+                                        uuid: '01997af784c4481491975eb46e362bcf',
+                                        gmtCreate: 1625820823000,
+                                        gmtModified: 1625820823000,
+                                        code: '2',
+                                        level: 4,
+                                        parentUuid: '73efa4a6be2541cb9226c6c40c12d076',
+                                        name: 'szx4',
+                                    },
+                                ],
+                            },
+                            {
+                                uuid: '83cf61ad78cd440aaec3b101ee76c789',
+                                gmtCreate: 1626058346000,
+                                gmtModified: 1626058346000,
+                                code: '3',
+                                level: 3,
+                                parentUuid: '73efa4a6be2541cb9226c6c40c12d076',
+                                name: 'szx3',
+                            },
+                        ],
+                    },
+                ],
+            }, onOrgChange: (org) => {
+                setOrgAppList([
+                    { key: 'movie2', name: '电影图谱' },
+                    { key: 'enterprise2', name: '企业图谱' },
+                ]);
+            }, orgAppShow: true, orgAppList: orgAppList, appList: appList, userInfo: userInfo, selectedMenuKey: activeTab.key, collapseIconPlacement: "bottom", menus: menus, headerTabs: React.createElement(HeaderTabs, { tabs: tabs, selectedKey: activeTab.key, onTabChange: onTabChange, onTabClose: onTabClose, appListVisible: true, orgListVisible: false, orgAppListVisible: false }), onMenuChange: onMenuChange, onMenuSelect: onMenuSelect, onLanguageChange: onLanguageChange, onThemeChange: onThemeChange, onAppChange: onAppChange, onLogoClick: onLogoClick, onLogout: () => alert('do logout') })));
+};
+export const Common = Template.bind({});
+Common.args = {};
+//# sourceMappingURL=tntdLayout.stories.js.map

package/es/tntd-layout/tntdLayout.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tntdLayout.stories.js","sourceRoot":"","sources":["../../src/tntd-layout/tntdLayout.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["import type { Meta, Story } from '@tntd/storybook-react-storykit'\nimport React, { useState } from 'react'\nimport styled from 'styled-components'\n\nimport TNTLayout from './index'\n\nconst { HeaderTabs } = TNTLayout\n\nexport default {\n  component: TNTLayout,\n  title: 'TNTLayout',\n} as Meta\n\nconst Template: Story<{}> = (args) => {\n  const menus = [\n    {\n      code: 'dadicasesearch1',\n      enName: 'dadicasesearch1',\n      icon: 'home',\n      menuName: '案件检索1',\n      path: '/orion/case/relation1',\n      code: 'relation1',\n    },\n    {\n      children: new Array(16)\n        .fill({\n          code: 'dadicasesearch',\n          enName: 'dadicasesearch',\n          icon: 'home',\n          menuName: '案件检索',\n          path: '/orion/case/relation',\n        })\n        .map((item, index) => ({\n          ...item,\n          code: `${item.code}-${index}`,\n          menuName: `${item.menuName}-${index}`,\n          path: `${item.path}${index}`,\n        })),\n      code: 'casegraph',\n      enName: 'casegraph',\n      groupIcon: 'setting',\n      groupName: '案件分析',\n    },\n    {\n      children: [\n        {\n          code: 'taglist',\n          enName: 'taglist',\n          icon: 'home',\n          menuName: '标签管理',\n          path: 'http://baidu.com/orion/tag/list',\n        },\n        {\n          code: 'tagdata',\n          enName: 'tagdata',\n          icon: 'layer-color',\n          menuName: '打标数据管理abc',\n          path: '/orion/tag/datalist',\n        },\n        {\n          children: [\n            {\n              code: 'taglist11',\n              enName: 'taglist11',\n              icon: 'home',\n              menuName: '标签管理11',\n              path: '/orion/tag/list11',\n            },\n            {\n              code: 'taglist22',\n              enName: 'taglist22',\n              icon: 'home',\n              menuName: '标签管理22',\n              path: '/orion/tag/list22',\n            },\n          ],\n          code: 'tagmm-g',\n          enName: 'tagmm-g',\n          groupIcon: 'tag',\n          groupName: '标签分组',\n        },\n        {\n          children: [\n            {\n              code: 'tagdata11',\n              enName: 'tagdata11',\n              icon: 'home',\n              menuName: '数据管理11',\n              path: '/orion/tagdata/list11',\n            },\n            {\n              code: 'tagdata22',\n              enName: 'tagdata22',\n              icon: 'home',\n              menuName: '数据管理22',\n              path: '/orion/tagdata/list22',\n            },\n          ],\n          code: 'tagdata-g',\n          enName: 'tagdata-g',\n          groupIcon: 'tag',\n          groupName: '标签数据分组',\n        },\n      ],\n      code: 'tagmm',\n      enName: 'tagmm',\n      groupIcon: 'tag',\n      groupName: '标签管理3',\n    },\n    {\n      children: [\n        {\n          code: 'QX0101',\n          enName: 'Organization Manage',\n          icon: 'org',\n          menuName: '机构管理\\t',\n          path: '/bridge/permission/organization',\n        },\n        {\n          code: 'QX0102',\n          enName: 'Role Manage',\n          icon: 'role',\n          menuName: '角色管理',\n          path: '/bridge/permission/role',\n        },\n        {\n          code: 'QX0103',\n          enName: 'User Manage',\n          icon: 'user-group',\n          menuName: '用户管理',\n          path: '/bridge/permission/user',\n        },\n      ],\n      code: 'permission',\n      enName: 'Permission Manage',\n      groupIcon: 'user-group',\n      groupName: '权限管理',\n    },\n    {\n      children: [\n        {\n          code: 'QX0201',\n          enName: 'Function Register',\n          icon: 'python',\n          menuName: '功能注册',\n          path: '/bridge/system/register',\n        },\n        {\n          code: 'QX0202',\n          enName: 'Solution',\n          icon: 'python',\n          menuName: '解决方案',\n          path: '/bridge/system/solution',\n        },\n        {\n          code: 'QX0203',\n          enName: 'System Configuration',\n          icon: 'Python',\n          menuName: '系统设置',\n          path: '/bridge/system/startup',\n        },\n      ],\n      code: 'QX0203',\n      enName: 'System Configuration',\n      groupIcon: 'puzzle',\n      groupName: '解决方案',\n    },\n  ]\n\n  const userInfo = {\n    account: 'admin',\n    avatar: 'male1',\n    lang: 'cn',\n    layout: 'default',\n    theme: 'default',\n    userName: '超级管理员',\n    uuid: 'c693e0ec0a2e4bf8b71eef8152d88a29',\n  }\n\n  const selectedMenu = menus[2].children[1]\n  const [tabs, setTabs] = useState([\n    { ...selectedMenu, key: selectedMenu.code, name: selectedMenu.menuName },\n  ])\n  const [activeTab, setActiveTab] = useState(tabs[0])\n  const [appList, setAppList] = useState([])\n  const [orgAppList, setOrgAppList] = useState([])\n  const onMenuChange = (param) => {\n    console.log('onMenuChange:', param)\n  }\n  const onMenuSelect = (param) => {\n    console.log('onMeneMenuSelectChange:', param)\n    const { data } = param\n\n    const currentTab = tabs.find(({ key }) => key === data.code)\n\n    if (currentTab) {\n      setActiveTab(currentTab)\n    } else {\n      const newTabs = [...tabs, { ...data, key: data.code, name: data.menuName }]\n      setTabs(newTabs)\n      setActiveTab(newTabs[newTabs.length - 1])\n    }\n  }\n  const onTabChange = (tab) => {\n    setActiveTab(tab)\n  }\n  const onTabClose = (tab, tabs, activeTab) => {\n    setTabs(tabs)\n    setActiveTab(activeTab)\n  }\n  const onLanguageChange = (language) => {\n    console.log('onLanguageChange:', language)\n  }\n  const onThemeChange = (theme) => {\n    console.log('onThemeChange:', theme)\n  }\n  const onAppChange = (param) => {\n    console.log('onAppChange', param)\n  }\n  const onLogoClick = () => {\n    console.log('logo click')\n  }\n  return (\n    <div\n      style={{\n        height: '100%',\n      }}\n    >\n      <TNTLayout\n        type=\"enterprise\"\n        logo=\"xxxx\"\n        name=\"私有云全家桶\"\n        enName=\"Private Cloud\"\n        config={{\n          globalNavigation: true,\n          theme: true,\n          language: true,\n        }}\n        orgTreeConfig={true}\n        orgList={{\n          uuid: 'da435225387f40dd80f7757d712c999b',\n          gmtCreate: 1625820797000,\n          gmtModified: 1625820797000,\n          code: 's',\n          level: 1,\n          name: 'szx',\n          children: [\n            {\n              uuid: '73efa4a6be2541cb9226c6c40c12d076',\n              gmtCreate: 1625820807000,\n              gmtModified: 1625820807000,\n              code: '1',\n              level: 2,\n              parentUuid: 'da435225387f40dd80f7757d712c999b',\n              name: '活动撒活动啊活动撒后发多少分活动啊等候骚的撒后发多少大号双方都撒哈佛的撒哈佛大事好大红花都送啊',\n              children: [\n                {\n                  uuid: '019c7af784c4481491975eb46e362bcf',\n                  gmtCreate: 1625820823000,\n                  gmtModified: 1625820823000,\n                  code: '2',\n                  level: 3,\n                  parentUuid: '73efa4a6be2541cb9226c6c40c12d076',\n                  name: 'szx2',\n                  children: [\n                    {\n                      uuid: '01997af784c4481491975eb46e362bcf',\n                      gmtCreate: 1625820823000,\n                      gmtModified: 1625820823000,\n                      code: '2',\n                      level: 4,\n                      parentUuid: '73efa4a6be2541cb9226c6c40c12d076',\n                      name: 'szx4',\n                    },\n                  ],\n                },\n                {\n                  uuid: '83cf61ad78cd440aaec3b101ee76c789',\n                  gmtCreate: 1626058346000,\n                  gmtModified: 1626058346000,\n                  code: '3',\n                  level: 3,\n                  parentUuid: '73efa4a6be2541cb9226c6c40c12d076',\n                  name: 'szx3',\n                },\n              ],\n            },\n          ],\n        }}\n        onOrgChange={(org) => {\n          setOrgAppList([\n            { key: 'movie2', name: '电影图谱' },\n            { key: 'enterprise2', name: '企业图谱' },\n          ])\n        }}\n        orgAppShow={true}\n        orgAppList={orgAppList}\n        appList={appList}\n        userInfo={userInfo}\n        selectedMenuKey={activeTab.key}\n        collapseIconPlacement=\"bottom\"\n        menus={menus}\n        headerTabs={\n          <HeaderTabs\n            tabs={tabs}\n            selectedKey={activeTab.key}\n            onTabChange={onTabChange}\n            onTabClose={onTabClose}\n            appListVisible={true}\n            orgListVisible={false}\n            orgAppListVisible={false}\n          />\n        }\n        onMenuChange={onMenuChange}\n        onMenuSelect={onMenuSelect}\n        onLanguageChange={onLanguageChange}\n        onThemeChange={onThemeChange}\n        onAppChange={onAppChange}\n        onLogoClick={onLogoClick}\n        onLogout={() => alert('do logout')}\n      />\n    </div>\n  )\n}\n\nexport const Common = Template.bind({})\n\nCommon.args = {}\n"]}

package/es/tntd-modal/index.js

@@ -1,80 +1,39 @@
-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 cn from 'classnames';
 import React, { Fragment, useEffect, useState } from 'react';
 import Modal from '../modal';
 import Icon from '../tntd-icon';
 import './index.less';
-const Title = ({
-  title,
-  logo,
-  fullscreen,
-  supportFullscreen = true,
-  onToggleFullscreen,
-  onClose
-}) => {
-  return React.createElement(Fragment, null, React.createElement("div", null, logo && React.createElement("img", {
-    src: logo
-  }), React.createElement("span", null, title)), React.createElement("div", {
-    className: "tnt-modal-header-actions"
-  }, supportFullscreen && React.createElement(Icon, {
-    className: "fullscreen",
-    type: fullscreen ? 'fullscreen-exit' : 'fullscreen',
-    onClick: onToggleFullscreen
-  }), React.createElement(Icon, {
-    className: "close",
-    type: "close",
-    onClick: onClose
-  })));
+const Title = ({ title, logo, fullscreen, supportFullscreen = true, onToggleFullscreen, onClose, }) => {
+    return (React.createElement(Fragment, null,
+        React.createElement("div", null,
+            logo && React.createElement("img", { src: logo }),
+            React.createElement("span", null, title)),
+        React.createElement("div", { className: "tnt-modal-header-actions" },
+            supportFullscreen && (React.createElement(Icon, { className: "fullscreen", type: fullscreen ? 'fullscreen-exit' : 'fullscreen', onClick: onToggleFullscreen })),
+            React.createElement(Icon, { className: "close", type: "close", onClick: onClose }))));
 };
-export default (props => {
-  const {
-      visible,
-      children,
-      logo,
-      title,
-      height = '90vh',
-      width = '85%',
-      className,
-      supportFullscreen,
-      onToggleFullscreen,
-      onCancel
-    } = props,
-    rest = __rest(props, ["visible", "children", "logo", "title", "height", "width", "className", "supportFullscreen", "onToggleFullscreen", "onCancel"]);
-  const [fullscreen, setFullscreen] = useState(rest.fullscreen || false);
-  useEffect(() => {
-    setFullscreen(rest.fullscreen);
-  }, [rest.fullscreen, visible]);
-  return React.createElement(Modal, Object.assign({
-    visible: visible,
-    title: React.createElement(Title, {
-      logo: logo,
-      title: title,
-      fullscreen: fullscreen,
-      supportFullscreen: supportFullscreen,
-      onClose: onCancel,
-      onToggleFullscreen: () => {
-        setFullscreen(!fullscreen);
-        onToggleFullscreen && onToggleFullscreen(!fullscreen);
-      }
-    }),
-    onCancel: onCancel,
-    destroyOnClose: true,
-    centered: true,
-    footer: null,
-    width: fullscreen ? '100%' : width,
-    style: {
-      height: fullscreen ? '100vh' : height
-    },
-    className: cn('tnt-modal', {
-      [className]: className,
-      fullscreen
-    })
-  }, rest), children);
-});
+export default (props) => {
+    const { visible, children, logo, title, height = '90vh', width = '85%', className, supportFullscreen, onToggleFullscreen, onCancel } = props, rest = __rest(props, ["visible", "children", "logo", "title", "height", "width", "className", "supportFullscreen", "onToggleFullscreen", "onCancel"]);
+    const [fullscreen, setFullscreen] = useState(rest.fullscreen || false);
+    useEffect(() => {
+        setFullscreen(rest.fullscreen);
+    }, [rest.fullscreen, visible]);
+    return (React.createElement(Modal, Object.assign({ visible: visible, title: React.createElement(Title, { logo: logo, title: title, fullscreen: fullscreen, supportFullscreen: supportFullscreen, onClose: onCancel, onToggleFullscreen: () => {
+                setFullscreen(!fullscreen);
+                onToggleFullscreen && onToggleFullscreen(!fullscreen);
+            } }), onCancel: onCancel, destroyOnClose: true, centered: true, footer: null, width: fullscreen ? '100%' : width, style: {
+            height: fullscreen ? '100vh' : height,
+        }, className: cn('tnt-modal', { [className]: className, fullscreen }) }, rest), children));
+};
+//# sourceMappingURL=index.js.map

package/es/tntd-second-page/index.js

@@ -3,50 +3,27 @@ import cn from 'classnames';
 import LocaleReceiver from 'antd/es/locale-provider/LocaleReceiver';
 import Icon from '../icon';
 import './index.less';
-const empty = () => {};
-export default function TntdSecondPage({
-  title,
-  header,
-  toolBar = null,
-  footer,
-  visible,
-  destroyOnClose,
-  onBack = empty,
-  mode = 'default',
-  inTab = false,
-  children,
-  className
-}) {
-  if (!visible && destroyOnClose) {
-    return null;
-  }
-  return React.createElement(LocaleReceiver, {
-    componentName: "TntdSecondPage"
-  }, locale => {
-    return React.createElement("div", {
-      className: cn('tntd-second-page', className, {
-        'tntd-second-page-intab': inTab,
-        'tntd-second-page-absolute': mode === 'absolute',
-        'tntd-second-page-fixed': mode === 'fixed',
-        'tntd-second-page-hidden': !visible
-      })
-    }, React.createElement("div", {
-      className: "tntd-second-page-header"
-    }, header ? header : React.createElement(React.Fragment, null, React.createElement("a", {
-      className: "tntd-second-page-header-back",
-      onClick: onBack
-    }, React.createElement(Icon, {
-      type: "left"
-    }), locale.back), React.createElement("span", {
-      className: "tntd-second-page-header-title"
-    }, title), React.createElement("div", {
-      className: "tntd-second-page-header-toolbar"
-    }, toolBar))), React.createElement("div", {
-      className: "tntd-second-page-body"
-    }, React.createElement("div", {
-      className: "tntd-second-page-inner"
-    }, children)), footer && React.createElement("div", {
-      className: "tntd-second-page-footer"
-    }, footer));
-  });
-}
+const empty = () => { };
+export default function TntdSecondPage({ title, header, toolBar = null, footer, visible, destroyOnClose, onBack = empty, mode = 'default', inTab = false, children, className, }) {
+    if (!visible && destroyOnClose) {
+        return null;
+    }
+    return (React.createElement(LocaleReceiver, { componentName: "TntdSecondPage" }, (locale) => {
+        return (React.createElement("div", { className: cn('tntd-second-page', className, {
+                'tntd-second-page-intab': inTab,
+                'tntd-second-page-absolute': mode === 'absolute',
+                'tntd-second-page-fixed': mode === 'fixed',
+                'tntd-second-page-hidden': !visible,
+            }) },
+            React.createElement("div", { className: "tntd-second-page-header" }, header ? (header) : (React.createElement(React.Fragment, null,
+                React.createElement("a", { className: "tntd-second-page-header-back", onClick: onBack },
+                    React.createElement(Icon, { type: "left" }),
+                    locale.back),
+                React.createElement("span", { className: "tntd-second-page-header-title" }, title),
+                React.createElement("div", { className: "tntd-second-page-header-toolbar" }, toolBar)))),
+            React.createElement("div", { className: "tntd-second-page-body" },
+                React.createElement("div", { className: "tntd-second-page-inner" }, children)),
+            footer && React.createElement("div", { className: "tntd-second-page-footer" }, footer)));
+    }));
+}
+//# sourceMappingURL=index.js.map

package/es/tntd-second-page/index.less

@@ -84,8 +84,8 @@
     }
     .tntd-second-page {
       &-header {
-        height: 50px;
-        line-height: 50px;
+        height: @header-height;
+        line-height: @header-height;
         &-back {
           font-size: 16px;
         }

package/es/tntd-select/DropDownWrap.js

@@ -1,79 +1,58 @@
 import React, { PureComponent } from 'react';
 export default class DropDownWrap extends PureComponent {
-  constructor(props) {
-    super(props);
-    Object.defineProperty(this, "getItemStyle", {
-      enumerable: true,
-      configurable: true,
-      writable: true,
-      value: i => {
-        const {
-          itemHeight
-        } = this.props;
-        return {
-          position: 'absolute',
-          top: itemHeight * i,
-          height: itemHeight,
-          width: '100%'
+    constructor(props) {
+        super(props);
+        Object.defineProperty(this, "getItemStyle", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: (i) => {
+                const { itemHeight } = this.props;
+                return {
+                    position: 'absolute',
+                    top: itemHeight * i,
+                    height: itemHeight,
+                    width: '100%',
+                };
+            }
+        });
+        Object.defineProperty(this, "reactList", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: (allHeight, startIndex, endIndex) => this.setState({ allHeight, startIndex, endIndex })
+        });
+        const { allHeight, startIndex, endIndex } = props;
+        this.state = {
+            allHeight,
+            startIndex,
+            endIndex,
         };
-      }
-    });
-    Object.defineProperty(this, "reactList", {
-      enumerable: true,
-      configurable: true,
-      writable: true,
-      value: (allHeight, startIndex, endIndex) => this.setState({
-        allHeight,
-        startIndex,
-        endIndex
-      })
-    });
-    const {
-      allHeight,
-      startIndex,
-      endIndex
-    } = props;
-    this.state = {
-      allHeight,
-      startIndex,
-      endIndex
-    };
-  }
-  componentDidUpdate(prevProps) {
-    if (this.props.allHeight !== prevProps.allHeight) {
-      this.setState({
-        allHeight: this.props.allHeight
-      });
     }
-  }
-  render() {
-    const {
-      menu
-    } = this.props;
-    const {
-      startIndex,
-      endIndex,
-      allHeight
-    } = this.state;
-    // 截取 Select 下拉列表中需要显示的部分
-    const cloneMenu = React.cloneElement(menu, {
-      menuItems: menu.props.menuItems.slice(startIndex, endIndex).map((item, i) => {
-        const realIndex = (startIndex || 0) + Number(i);
-        const style = this.getItemStyle(realIndex);
-        // 未搜到数据提示高度使用默认高度
-        if (item.key === 'NOT_FOUND') {
-          delete style.height;
+    componentDidUpdate(prevProps) {
+        if (this.props.allHeight !== prevProps.allHeight) {
+            this.setState({ allHeight: this.props.allHeight });
         }
-        return React.cloneElement(item, {
-          style: Object.assign(Object.assign({}, item.props.style), style)
+    }
+    render() {
+        const { menu } = this.props;
+        const { startIndex, endIndex, allHeight } = this.state;
+        // 截取 Select 下拉列表中需要显示的部分
+        const cloneMenu = React.cloneElement(menu, {
+            menuItems: menu.props.menuItems.slice(startIndex, endIndex).map((item, i) => {
+                const realIndex = (startIndex || 0) + Number(i);
+                const style = this.getItemStyle(realIndex);
+                // 未搜到数据提示高度使用默认高度
+                if (item.key === 'NOT_FOUND') {
+                    delete style.height;
+                }
+                return React.cloneElement(item, {
+                    style: Object.assign(Object.assign({}, item.props.style), style),
+                });
+            }),
+            dropdownMenuStyle: Object.assign(Object.assign({}, menu.props.dropdownMenuStyle), { height: allHeight, maxHeight: allHeight, overflow: 'hidden' }),
         });
-      }),
-      dropdownMenuStyle: Object.assign(Object.assign({}, menu.props.dropdownMenuStyle), {
-        height: allHeight,
-        maxHeight: allHeight,
-        overflow: 'hidden'
-      })
-    });
-    return cloneMenu;
-  }
-}
+        return cloneMenu;
+    }
+}
+//# sourceMappingURL=DropDownWrap.js.map