tntd 2.6.18 → 2.6.19

package/es/tntd-layout/paaslayout/SideMenu.js

@@ -2,7 +2,7 @@ import React, { useState, useEffect, Component } from 'react';
 import styled from 'styled-components';
 import cn from 'classnames';
 import Iconfont from '../Iconfont';
-const SideMenu = styled.ul`
+const SideMenu = styled.ul `
   background: #fff;
   list-style: none;
   margin: 0;
@@ -32,7 +32,7 @@ const SideMenu = styled.ul`
     }
   }
 `;
-const SubMenu = styled.ul`
+const SubMenu = styled.ul `
   background: #fff;
   list-style: none;
   font-size: 14px;
@@ -64,111 +64,65 @@ const SubMenu = styled.ul`
     }
   }
 `;
-export default (props => {
-  const {
-    language,
-    menus = [],
-    formatMenuPath,
-    changeRouter,
-    selectedKey,
-    onBeforeChange,
-    onChange,
-    onSelect
-  } = props;
-  const [activeMenu, setActiveMenu] = useState(selectedKey);
-  const defaultBeforeChange = ({
-    data
-  }) => !isNewTabMenu(data);
-  const defaultSelect = ({
-    data
-  }) => {
-    var _a;
-    const {
-      path
-    } = data || {};
-    const formatPath = formatMenuPath || (path => path);
-    if (isNewTabMenu(data)) {
-      openInNewTab(formatPath(data === null || data === void 0 ? void 0 : data.path, data));
-      return;
-    }
-    const routerPrefix = (_a = window.location.pathname.match(/(^\/[^\/]+)/i)) === null || _a === void 0 ? void 0 : _a[1];
-    if (window.location.pathname.startsWith(routerPrefix)) {
-      const forwardPath = formatPath(path, data);
-      changeRouter ? changeRouter(forwardPath, data) : window.history.pushState(data, data === null || data === void 0 ? void 0 : data.name, forwardPath);
-    } else {
-      window.location.href = formatPath(path, data);
-    }
-  };
-  const selectMenu = (param = {}) => {
-    const finalBeforeChange = onBeforeChange || defaultBeforeChange;
-    const finalSelect = onSelect || defaultSelect;
-    if (param.key !== activeMenu) {
-      if (finalBeforeChange(param, activeMenu)) {
-        setActiveMenu(param.key);
-        onChange && onChange(param);
-      }
-    }
-    finalSelect(param);
-  };
-  const MenuItem = ({
-    item
-  }) => {
-    const {
-      code,
-      groupName,
-      enName,
-      children = []
-    } = item;
-    const SubMenuItem = ({
-      menu
-    }) => {
-      const {
-        code,
-        menuName,
-        enName,
-        icon,
-        path
-      } = menu;
-      return React.createElement("li", {
-        key: code,
-        onClick: evt => selectMenu({
-          key: code,
-          data: menu,
-          domEvent: evt
-        }),
-        className: cn({
-          active: code === activeMenu
-        })
-      }, React.createElement("a", {
-        href: path,
-        onClick: evt => evt.preventDefault()
-      }, icon instanceof Component ? icon : React.createElement(Iconfont, {
-        type: icon
-      }), React.createElement("span", null, {
-        cn: menuName,
-        en: enName
-      }[language])));
+export default (props) => {
+    const { language, menus = [], formatMenuPath, changeRouter, selectedKey, onBeforeChange, onChange, onSelect, } = props;
+    const [activeMenu, setActiveMenu] = useState(selectedKey);
+    const defaultBeforeChange = ({ data }) => !isNewTabMenu(data);
+    const defaultSelect = ({ data }) => {
+        var _a;
+        const { path } = data || {};
+        const formatPath = formatMenuPath || ((path) => path);
+        if (isNewTabMenu(data)) {
+            openInNewTab(formatPath(data === null || data === void 0 ? void 0 : data.path, data));
+            return;
+        }
+        const routerPrefix = (_a = window.location.pathname.match(/(^\/[^\/]+)/i)) === null || _a === void 0 ? void 0 : _a[1];
+        if (window.location.pathname.startsWith(routerPrefix)) {
+            const forwardPath = formatPath(path, data);
+            changeRouter
+                ? changeRouter(forwardPath, data)
+                : window.history.pushState(data, data === null || data === void 0 ? void 0 : data.name, forwardPath);
+        }
+        else {
+            window.location.href = formatPath(path, data);
+        }
     };
-    if (groupName && children.length) {
-      return React.createElement("li", {
-        key: code
-      }, React.createElement("span", null, {
-        cn: groupName,
-        en: enName
-      }[language]), React.createElement(SubMenu, null, children.map(subItem => React.createElement(SubMenuItem, {
-        menu: subItem,
-        key: subItem === null || subItem === void 0 ? void 0 : subItem.code
-      }))));
-    }
-    return React.createElement(SubMenuItem, {
-      menu: item
-    });
-  };
-  useEffect(() => {
-    setActiveMenu(selectedKey);
-  }, [selectedKey]);
-  return React.createElement(SideMenu, null, menus.map(menu => React.createElement(MenuItem, {
-    item: menu,
-    key: menu.code
-  })));
-});
+    const selectMenu = (param = {}) => {
+        const finalBeforeChange = onBeforeChange || defaultBeforeChange;
+        const finalSelect = onSelect || defaultSelect;
+        if (param.key !== activeMenu) {
+            if (finalBeforeChange(param, activeMenu)) {
+                setActiveMenu(param.key);
+                onChange && onChange(param);
+            }
+        }
+        finalSelect(param);
+    };
+    const MenuItem = ({ item }) => {
+        const { code, groupName, enName, children = [] } = item;
+        const SubMenuItem = ({ menu }) => {
+            const { code, menuName, enName, icon, path } = menu;
+            return (React.createElement("li", { key: code, onClick: (evt) => selectMenu({ key: code, data: menu, domEvent: evt }), className: cn({ active: code === activeMenu }) },
+                React.createElement("a", { href: path, onClick: (evt) => evt.preventDefault() },
+                    icon instanceof Component ? icon : React.createElement(Iconfont, { type: icon }),
+                    React.createElement("span", null, {
+                        cn: menuName,
+                        en: enName,
+                    }[language]))));
+        };
+        if (groupName && children.length) {
+            return (React.createElement("li", { key: code },
+                React.createElement("span", null, {
+                    cn: groupName,
+                    en: enName,
+                }[language]),
+                React.createElement(SubMenu, null, children.map((subItem) => (React.createElement(SubMenuItem, { menu: subItem, key: subItem === null || subItem === void 0 ? void 0 : subItem.code }))))));
+        }
+        return React.createElement(SubMenuItem, { menu: item });
+    };
+    useEffect(() => {
+        setActiveMenu(selectedKey);
+    }, [selectedKey]);
+    return (React.createElement(SideMenu, null, menus.map((menu) => (React.createElement(MenuItem, { item: menu, key: menu.code })))));
+};
+//# sourceMappingURL=SideMenu.js.map

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

@@ -1,21 +1,16 @@
-import _isUndefined from "lodash/isUndefined";
-import _reduce from "lodash/reduce";
-import _get from "lodash/get";
 import React, { useState, useEffect } from 'react';
 import styled, { withTheme } from 'styled-components';
 import cn from 'classnames';
 import { Layout } from '../../';
+import { get, reduce, isUndefined } from 'lodash';
 import { getSelectedMenuInfo } from '../../utils';
 import HeaderNavs from '../HeaderNavs';
 import Header from './Header';
 import SideMenu from './SideMenu';
 import CompactSideMenu from './CompactSideMenu';
 import { getLanguageStore, getThemeStore } from '../storage';
-const {
-  Content,
-  Sider
-} = Layout;
-const TNTPaasLayout = styled(Layout)`
+const { Content, Sider } = Layout;
+const TNTPaasLayout = styled(Layout) `
   position: relative;
   height: 100vh;
   overflow: hidden;
@@ -42,160 +37,85 @@ const TNTPaasLayout = styled(Layout)`
     background: #fff !important;
   }
   .tnt-layout-content {
-    background: ${props => props.theme.lightBgColor};
+    background: ${(props) => props.theme.lightBgColor};
   }
 `;
 const noop = () => true;
-export default withTheme(props => {
-  const {
-    appKey,
-    logo,
-    name,
-    enName,
-    isInIframe,
-    isEmptyLayout,
-    selectedAppKey,
-    appList,
-    config = {},
-    extraHeaderActions,
-    headerNavs,
-    sideMenu,
-    selectedMenuKey,
-    menuAlignMode = 'side',
-    menus = [],
-    formatMenuPath,
-    changeRouter,
-    onLogoClick = noop,
-    onThemeChange = noop,
-    onLanguageChange = noop,
-    onApplicationChange = noop,
-    onAppChange = noop,
-    onLogout,
-    onBeforeMenuChange = noop,
-    onMenuChange = noop,
-    onMenuSelect = noop,
-    onHeaderNavChange = noop
-  } = props;
-  const [userInfo, setUserInfo] = useState(props.userInfo || {});
-  let theme = getThemeStore() || userInfo.theme || 'themeS2';
-  // theme === 'default' ? 'themeS2' : theme;
-  theme = ['default', 'themeS3'].includes(theme) ? 'themeS2' : theme;
-  const language = getLanguageStore() || userInfo.lang || 'cn';
-  const menusMapByApp = menus.reduce((acc, menu) => {
-    const subMenus = menu.children || [];
-    const singleGroupMap = subMenus.reduce((acc, subMenu) => {
-      const {
-        path
-      } = subMenu;
-      const appKey = !/^http/i.test(path) ? path === null || path === void 0 ? void 0 : path.match(/\/([^\/]+)/)[1] : '';
-      if (appKey) {
-        acc[appKey] = acc[appKey] || Object.assign(Object.assign({}, menu), {
-          children: []
-        });
-        acc[appKey].children.push(subMenu);
-      }
-      return acc;
+export default withTheme((props) => {
+    const { appKey, logo, name, enName, isInIframe, isEmptyLayout, selectedAppKey, appList, config = {}, extraHeaderActions, headerNavs, sideMenu, selectedMenuKey, menuAlignMode = 'side', menus = [], formatMenuPath, changeRouter, onLogoClick = noop, onThemeChange = noop, onLanguageChange = noop, onApplicationChange = noop, onAppChange = noop, onLogout, onBeforeMenuChange = noop, onMenuChange = noop, onMenuSelect = noop, onHeaderNavChange = noop, } = props;
+    const [userInfo, setUserInfo] = useState(props.userInfo || {});
+    let theme = getThemeStore() || userInfo.theme || 'themeS2';
+    // theme === 'default' ? 'themeS2' : theme;
+    theme = ['default', 'themeS3'].includes(theme) ? 'themeS2' : theme;
+    const language = getLanguageStore() || userInfo.lang || 'cn';
+    const menusMapByApp = menus.reduce((acc, menu) => {
+        const subMenus = menu.children || [];
+        const singleGroupMap = subMenus.reduce((acc, subMenu) => {
+            const { path } = subMenu;
+            const appKey = !/^http/i.test(path) ? path === null || path === void 0 ? void 0 : path.match(/\/([^\/]+)/)[1] : '';
+            if (appKey) {
+                acc[appKey] = acc[appKey] || Object.assign(Object.assign({}, menu), { children: [] });
+                acc[appKey].children.push(subMenu);
+            }
+            return acc;
+        }, {});
+        for (const appKey in singleGroupMap) {
+            acc[appKey] = acc[appKey] || [];
+            acc[appKey].push(singleGroupMap[appKey]);
+        }
+        return acc;
     }, {});
-    for (const appKey in singleGroupMap) {
-      acc[appKey] = acc[appKey] || [];
-      acc[appKey].push(singleGroupMap[appKey]);
-    }
-    return acc;
-  }, {});
-  const [currentAppKey, setCurrentAppKey] = useState(appKey);
-  const apps = _reduce(menusMapByApp, (acc, value, key) => {
-    acc.push({
-      appKey: key,
-      name: key
-    });
-    return acc;
-  }, []);
-  const isMenusTop = menuAlignMode === 'top';
-  let headerNavMenus = headerNavs;
-  const currentSystemMenus = menusMapByApp[currentAppKey] || [];
-  const [currentHeaderNavKey, setCurrentHeaderNavKey] = useState(_get(currentSystemMenus, '0.code'));
-  const sideMenus = isMenusTop ? _get(currentSystemMenus.find(({
-    code
-  }) => currentHeaderNavKey === code), 'children', []) : currentSystemMenus;
-  const FinalSideMenu = isMenusTop ? CompactSideMenu : SideMenu;
-  // 一级菜单放在顶部(Header里面菜单作为一级导航)
-  if (isMenusTop) {
-    headerNavMenus = React.createElement(HeaderNavs, {
-      selectedKey: currentHeaderNavKey,
-      navs: currentSystemMenus.map(item => Object.assign(Object.assign({}, item), {
-        key: item.code,
-        name: item.groupName
-      })),
-      onChange: item => {
-        setCurrentHeaderNavKey(item.key);
-        onHeaderNavChange(item);
-      }
-    });
-  }
-  useEffect(() => {
-    setUserInfo(props.userInfo);
-  }, [props.userInfo]);
-  useEffect(() => {
+    const [currentAppKey, setCurrentAppKey] = useState(appKey);
+    const apps = reduce(menusMapByApp, (acc, value, key) => {
+        acc.push({
+            appKey: key,
+            name: key,
+        });
+        return acc;
+    }, []);
+    const isMenusTop = menuAlignMode === 'top';
+    let headerNavMenus = headerNavs;
+    const currentSystemMenus = menusMapByApp[currentAppKey] || [];
+    const [currentHeaderNavKey, setCurrentHeaderNavKey] = useState(get(currentSystemMenus, '0.code'));
+    const sideMenus = isMenusTop
+        ? get(currentSystemMenus.find(({ code }) => currentHeaderNavKey === code), 'children', [])
+        : currentSystemMenus;
+    const FinalSideMenu = isMenusTop ? CompactSideMenu : SideMenu;
+    // 一级菜单放在顶部(Header里面菜单作为一级导航)
     if (isMenusTop) {
-      setCurrentHeaderNavKey(_get(getSelectedMenuInfo(selectedMenuKey, menus), 'menu.code'));
+        headerNavMenus = (React.createElement(HeaderNavs, { selectedKey: currentHeaderNavKey, navs: currentSystemMenus.map((item) => (Object.assign(Object.assign({}, item), { key: item.code, name: item.groupName }))), onChange: (item) => {
+                setCurrentHeaderNavKey(item.key);
+                onHeaderNavChange(item);
+            } }));
     }
-  }, [menus, selectedMenuKey]);
-  return React.createElement(TNTPaasLayout, {
-    className: cn(`tnt-${theme} ${props.className || ''}`, {
-      'large-size': props.theme.size === 'large',
-      compatible: props.theme.compatible,
-      isInIframe,
-      isEmptyLayout,
-      noAppList: !appList
-    })
-  }, React.createElement(Header, {
-    logo: logo,
-    name: name,
-    enName: enName,
-    language: language,
-    theme: theme,
-    userInfo: userInfo,
-    config: config,
-    appKey: currentAppKey,
-    selectedAppKey: selectedAppKey,
-    menus: menus,
-    appList: appList,
-    apps: apps,
-    extraActions: extraHeaderActions,
-    onLogoClick: onLogoClick,
-    onAppChange: onAppChange,
-    onThemeChange: theme => {
-      setUserInfo(Object.assign(Object.assign({}, userInfo), {
-        theme
-      }));
-      onThemeChange && onThemeChange(theme);
-    },
-    onLanguageChange: lang => {
-      setUserInfo(Object.assign(Object.assign({}, userInfo), {
-        lang
-      }));
-      onLanguageChange && onLanguageChange(lang);
-    },
-    onApplicationChange: appKey => {
-      setCurrentAppKey(appKey);
-      onApplicationChange(appKey);
-    },
-    onLogout: onLogout
-  }, headerNavMenus), React.createElement(Layout, null, !_isUndefined(sideMenu) ? sideMenu : React.createElement(Sider, {
-    breakpoint: "md",
-    className: "tnt-layout-sider",
-    width: 220,
-    trigger: null
-  }, React.createElement(FinalSideMenu, {
-    language: language,
-    selectedKey: selectedMenuKey,
-    menus: sideMenus,
-    formatMenuPath: formatMenuPath,
-    changeRouter: changeRouter,
-    onBeforeChange: onBeforeMenuChange,
-    onChange: onMenuChange,
-    onSelect: onMenuSelect
-  })), React.createElement(Content, {
-    className: "tnt-layout-content"
-  }, props.children)));
-});
+    useEffect(() => {
+        setUserInfo(props.userInfo);
+    }, [props.userInfo]);
+    useEffect(() => {
+        if (isMenusTop) {
+            setCurrentHeaderNavKey(get(getSelectedMenuInfo(selectedMenuKey, menus), 'menu.code'));
+        }
+    }, [menus, selectedMenuKey]);
+    return (React.createElement(TNTPaasLayout, { className: cn(`tnt-${theme} ${props.className || ''}`, {
+            'large-size': props.theme.size === 'large',
+            compatible: props.theme.compatible,
+            isInIframe,
+            isEmptyLayout,
+            noAppList: !appList,
+        }) },
+        React.createElement(Header, { logo: logo, name: name, enName: enName, language: language, theme: theme, userInfo: userInfo, config: config, appKey: currentAppKey, selectedAppKey: selectedAppKey, menus: menus, appList: appList, apps: apps, extraActions: extraHeaderActions, onLogoClick: onLogoClick, onAppChange: onAppChange, onThemeChange: (theme) => {
+                setUserInfo(Object.assign(Object.assign({}, userInfo), { theme }));
+                onThemeChange && onThemeChange(theme);
+            }, onLanguageChange: (lang) => {
+                setUserInfo(Object.assign(Object.assign({}, userInfo), { lang }));
+                onLanguageChange && onLanguageChange(lang);
+            }, onApplicationChange: (appKey) => {
+                setCurrentAppKey(appKey);
+                onApplicationChange(appKey);
+            }, onLogout: onLogout }, headerNavMenus),
+        React.createElement(Layout, null,
+            !isUndefined(sideMenu) ? (sideMenu) : (React.createElement(Sider, { breakpoint: "md", className: "tnt-layout-sider", width: 220, trigger: null },
+                React.createElement(FinalSideMenu, { language: language, selectedKey: selectedMenuKey, menus: sideMenus, formatMenuPath: formatMenuPath, changeRouter: changeRouter, onBeforeChange: onBeforeMenuChange, onChange: onMenuChange, onSelect: onMenuSelect }))),
+            React.createElement(Content, { className: "tnt-layout-content" }, props.children))));
+});
+//# sourceMappingURL=index.js.map

package/es/tntd-layout/storage.js

@@ -3,35 +3,28 @@ import { safeParseJSON } from '../utils';
 const cookies = new Cookies();
 export const getSideMenuStore = () => safeParseJSON(localStorage.getItem('sideMenu'), {});
 export const setSideMenuStore = (params = {}) => {
-  localStorage.setItem('sideMenu', JSON.stringify(Object.assign(Object.assign({}, getSideMenuStore()), params)));
+    localStorage.setItem('sideMenu', JSON.stringify(Object.assign(Object.assign({}, getSideMenuStore()), params)));
 };
 export const setCurrentAppStore = (currentApp = {}) => {
-  localStorage.setItem('currentApp', JSON.stringify(currentApp));
+    localStorage.setItem('currentApp', JSON.stringify(currentApp));
 };
 export const getCurrentAppStore = () => safeParseJSON(localStorage.getItem('currentApp'), {});
 export const setCurrentOrgStore = (currentOrg = {}) => {
-  localStorage.setItem('currentOrg', JSON.stringify(currentOrg));
+    localStorage.setItem('currentOrg', JSON.stringify(currentOrg));
 };
 export const getCurrentOrgStore = () => safeParseJSON(localStorage.getItem('currentOrg'), {});
 export const setCurrentOrgTreeStore = (currentOrgTree = []) => {
-  localStorage.setItem('currentOrgTree', JSON.stringify(currentOrgTree));
+    localStorage.setItem('currentOrgTree', JSON.stringify(currentOrgTree));
 };
 export const getCurrentOrgTreeStore = () => safeParseJSON(localStorage.getItem('currentOrgTree'), []);
 // export const setLanguageStore = (lang) => localStorage.setItem('lang', lang)
 // export const getLanguageStore = () => localStorage.getItem('lang')
-export const setLanguageStore = lang => cookies.set('lang', lang, {
-  path: '/'
-});
-export const getLanguageStore = () => cookies.get('lang', {
-  path: '/'
-});
-export const setThemeStore = theme => localStorage.setItem('theme', theme);
+export const setLanguageStore = (lang) => cookies.set('lang', lang, { path: '/' });
+export const getLanguageStore = () => cookies.get('lang', { path: '/' });
+export const setThemeStore = (theme) => localStorage.setItem('theme', theme);
 export const getThemeStore = () => localStorage.getItem('theme');
 export const clearLoginCookie = () => {
-  cookies.remove('_td_token_', {
-    path: '/'
-  });
-  cookies.remove('_uid_', {
-    path: '/'
-  });
-};
+    cookies.remove('_td_token_', { path: '/' });
+    cookies.remove('_uid_', { path: '/' });
+};
+//# sourceMappingURL=storage.js.map

package/es/tntd-modal/index.js

@@ -1,95 +1,39 @@
-import "antd/es/modal/style";
-import _Modal from "antd/es/modal";
-import _isArray from "lodash/isArray";
-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 { Close, FullScreen as FullScreenIcon, OffScreen } from '@icon-park/react';
 import cn from 'classnames';
 import React, { Fragment, useEffect, useState } from 'react';
+import Modal from '../modal';
+import Icon from '../tntd-icon';
 import './index.less';
-export const Modal = _a => {
-  var {
-      visible,
-      className,
-      title,
-      width,
-      style = {},
-      children,
-      onCancel,
-      hasFooter = true,
-      footer,
-      config = {
-        width: 'auto',
-        height: 'auto'
-      }
-    } = _a,
-    rest = __rest(_a, ["visible", "className", "title", "width", "style", "children", "onCancel", "hasFooter", "footer", "config"]);
-  const [fullscreen, setFullscreen] = useState(false);
-  const supportFullscreen = config.fullScreen;
-  useEffect(() => {
-    return () => {
-      setFullscreen(false);
-    };
-  }, [visible]);
-  const Title = ({
-    title,
-    logo,
-    fullscreen,
-    onToggleFullscreen,
-    onClose
-  }) => {
-    return React.createElement(Fragment, null, React.createElement("div", {
-      className: "ant-modal-header-title"
-    }, logo && logo, React.createElement("span", null, title)), React.createElement("div", {
-      className: "ant-modal-header-actions"
-    }, React.createElement("a", {
-      className: "modal-fullscreen-wrap",
-      onClick: onToggleFullscreen
-    }, fullscreen ? React.createElement(OffScreen, null) : React.createElement(FullScreenIcon, null)), React.createElement("a", {
-      className: "modal-close-wrap",
-      onClick: onClose
-    }, React.createElement(Close, {
-      theme: "outline"
-    }))));
-  };
-  const computeWidth = supportFullscreen ? fullscreen ? '100vw' : width || config.width : width || config.width;
-  const computeHeight = supportFullscreen ? fullscreen ? '100vh' : config.height : 'inherit';
-  style.height = computeHeight;
-  if (supportFullscreen && fullscreen) {
-    style.top = 0;
-  } else {
-    delete style.top;
-  }
-  const footerConfig = hasFooter ? (_isArray(footer) ? footer.length > 0 : footer) ? footer : undefined : null;
-  return React.createElement(_Modal, Object.assign({
-    visible: visible,
-    title: supportFullscreen ? React.createElement(Title, {
-      logo: config.logo,
-      title: title,
-      fullscreen: fullscreen,
-      supportFullscreen: supportFullscreen,
-      onClose: onCancel,
-      onToggleFullscreen: () => {
-        setFullscreen(!fullscreen);
-        if (!fullscreen) {}
-      }
-    }) : title,
-    onCancel: onCancel,
-    centered: supportFullscreen ? true : rest.centered ? true : false,
-    width: computeWidth,
-    style: style,
-    className: cn([{
-      'support-fullscreen': supportFullscreen,
-      fullscreen: fullscreen,
-      'no-header': supportFullscreen && !(config.logo || title)
-    }, className]),
-    footer: footer
-  }, rest), children);
+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 Modal;
+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