tntd 2.6.7 → 2.6.9

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,65 +64,111 @@ 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]))));
-        };
-        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 });
+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])));
     };
-    useEffect(() => {
-        setActiveMenu(selectedKey);
-    }, [selectedKey]);
-    return (React.createElement(SideMenu, null, menus.map((menu) => (React.createElement(MenuItem, { item: menu, key: menu.code })))));
-};
-//# sourceMappingURL=SideMenu.js.map
+    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
+  })));
+});

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

@@ -1,16 +1,21 @@
+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;
@@ -37,85 +42,160 @@ 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;
-        }, {});
-        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,
+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: []
         });
-        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里面菜单作为一级导航)
+        acc[appKey].children.push(subMenu);
+      }
+      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(() => {
     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);
-            } }));
+      setCurrentHeaderNavKey(_get(getSelectedMenuInfo(selectedMenuKey, menus), 'menu.code'));
     }
-    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
+  }, [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)));
+});

package/es/tntd-layout/storage.js

@@ -3,28 +3,35 @@ 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: '/' });
-};
-//# sourceMappingURL=storage.js.map
+  cookies.remove('_td_token_', {
+    path: '/'
+  });
+  cookies.remove('_uid_', {
+    path: '/'
+  });
+};

package/es/tntd-modal/index.js

@@ -1,39 +1,80 @@
-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));
-};
-//# sourceMappingURL=index.js.map
+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);
+});