@zat-design/sisyphus-react 3.13.19-beta.1 → 3.13.19-beta.10

package/es/ProLayout/components/Layout/Icon/index.js

@@ -1,2 +1,2 @@
-import Icon from './Icon';
+import Icon from "./Icon";
 export default Icon;

package/es/ProLayout/components/Layout/Menu/FoldMenu/index.js

@@ -3,15 +3,16 @@ import _Tooltip from "antd/es/tooltip";
 import "antd/es/popover/style";
 import _Popover from "antd/es/popover";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useContext } from 'react';
 import classnames from 'classnames';
 import { Link } from 'react-router-dom';
-import { Icon } from '../../index';
-import SideMenu from '../SideMenu';
-import { LayoutContext } from '../../../../index';
-import { getUrlParams, getPathNameKey, findMenuItemByKey } from '../../../../utils';
-var FoldMenu = function FoldMenu(props) {
+import { Icon } from "../../index";
+import SideMenu from "../SideMenu";
+import { LayoutContext } from "../../../../index";
+import { getUrlParams, getPathNameKey, findMenuItemByKey } from "../../../../utils";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var FoldMenu = props => {
   var style = props.style,
     dataSource = props.dataSource,
     onMenuClick = props.onMenuClick;
@@ -20,7 +21,7 @@ var FoldMenu = function FoldMenu(props) {
     notice = dataSource.notice,
     collapsed = dataSource.collapsed,
     headerHeight = dataSource.headerHeight;
-  var pathNamePrefix = "/".concat(window.location.pathname.split('/')[1]);
+  var pathNamePrefix = `/${window.location.pathname.split('/')[1]}`;
   var noticeCls = classnames({
     'pro-layout-menu-tooltip': true,
     'pro-layout-menu-tooltip-has-notice': notice,
@@ -29,13 +30,13 @@ var FoldMenu = function FoldMenu(props) {
   var _useContext = useContext(LayoutContext),
     selectedPath = _useContext.selectedPath,
     onSelected = _useContext.onSelected;
-  return _jsx("div", {
+  return /*#__PURE__*/_jsx("div", {
     className: "pro-layout-menu-fold",
     style: _objectSpread({}, style),
-    children: _jsx("ul", {
+    children: /*#__PURE__*/_jsx("ul", {
       className: "pro-layout-menu-fold-list",
       style: _objectSpread({}, style),
-      children: menus.map(function (item, index) {
+      children: menus.map((item, index) => {
         var _url$split;
         var id = item.id,
           url = item.url,
@@ -46,41 +47,45 @@ var FoldMenu = function FoldMenu(props) {
           hideInMenu = item.hideInMenu,
           children = item.children;
         var toPath = item.redirectUrl || item.url;
+
         // 隐藏菜单
         if (hideInMenu) {
           return null;
         }
         var selectedMenu = getUrlParams('activeMenu');
+
         // 取第一级
         var currentKeyIdPath = getPathNameKey({
-          menus: menus,
+          menus,
           pathName: selectedMenu || selectedPath || window.location.pathname // 优先匹配URL中定位菜单
         }) || [];
         var cls = classnames({
           active: currentKeyIdPath.includes(id)
         });
+
         // 是否包含子级菜单
         var hasChildrenMenu = Array.isArray(children) && children.length;
+
         // 一级li Dom节点
-        var LiNode = _jsx("li", {
-          id: url === null || url === void 0 ? void 0 : (_url$split = url.split('/')) === null || _url$split === void 0 ? void 0 : _url$split[1],
-          className: "".concat(cls, " pro-layout-menu-fold-li"),
-          children: _jsxs("div", {
-            children: [imgUrl ? _jsx("img", {
+        var LiNode = /*#__PURE__*/_jsx("li", {
+          id: url === null || url === void 0 || (_url$split = url.split('/')) === null || _url$split === void 0 ? void 0 : _url$split[1],
+          className: `${cls} pro-layout-menu-fold-li`,
+          children: /*#__PURE__*/_jsxs("div", {
+            children: [imgUrl ? /*#__PURE__*/_jsx("img", {
               className: "pro-layout-icon",
               src: pathNamePrefix === url ? imgActiveUrl || imgUrl : imgUrl,
               alt: "icon"
-            }) : _jsx(Icon, {
+            }) : /*#__PURE__*/_jsx(Icon, {
               type: icon || '',
               iconfontUrl: iconfontUrl || ''
-            }), _jsx("h2", {
+            }), /*#__PURE__*/_jsx("h2", {
               children: name
             })]
           })
-        }, "".concat(id, "-").concat(name));
-        return hasChildrenMenu ? _jsx(_Popover, {
+        }, `${id}-${name}`);
+        return hasChildrenMenu ? /*#__PURE__*/_jsx(_Popover, {
           mouseEnterDelay: 0,
-          content: _jsx(SideMenu, {
+          content: /*#__PURE__*/_jsx(SideMenu, {
             dataSource: _objectSpread(_objectSpread({}, dataSource), {}, {
               menus: item
             }),
@@ -90,16 +95,15 @@ var FoldMenu = function FoldMenu(props) {
           overlayClassName: noticeCls,
           overlayInnerStyle: {
             marginTop: headerHeight - 48,
-            height: "calc(100vh - ".concat(headerHeight + (notice ? 32 : 0), "px)")
+            height: `calc(100vh - ${headerHeight + (notice ? 32 : 0)}px)`
           },
           placement: "rightTop",
-          children: _jsx("span", {
-            onClick: function onClick() {
+          children: /*#__PURE__*/_jsx("span", {
+            onClick: () => {
               // 查找完整的菜单项数据
               var menuItem = findMenuItemByKey(menus, String(id));
-              var menuKeyPath = (menuItem === null || menuItem === void 0 ? void 0 : menuItem.keyIdPath) ? menuItem.keyIdPath.map(function (id) {
-                return String(id);
-              }) : [String(id)];
+              var menuKeyPath = menuItem !== null && menuItem !== void 0 && menuItem.keyIdPath ? menuItem.keyIdPath.map(id => String(id)) : [String(id)];
+
               // 调用用户传入的onMenuClick回调
               if (onMenuClick) {
                 onMenuClick({
@@ -111,16 +115,15 @@ var FoldMenu = function FoldMenu(props) {
             },
             children: LiNode
           })
-        }, "".concat(id, "-").concat(name)) : !collapsed ? _jsx(_Tooltip, {
+        }, `${id}-${name}`) : !collapsed ? /*#__PURE__*/_jsx(_Tooltip, {
           placement: "right",
           title: name,
-          children: _jsx("span", {
-            onClick: function onClick() {
+          children: /*#__PURE__*/_jsx("span", {
+            onClick: () => {
               // 查找完整的菜单项数据
               var menuItem = findMenuItemByKey(menus, String(id));
-              var menuKeyPath = (menuItem === null || menuItem === void 0 ? void 0 : menuItem.keyIdPath) ? menuItem.keyIdPath.map(function (id) {
-                return String(id);
-              }) : [String(id)];
+              var menuKeyPath = menuItem !== null && menuItem !== void 0 && menuItem.keyIdPath ? menuItem.keyIdPath.map(id => String(id)) : [String(id)];
+
               // 调用用户传入的onMenuClick回调
               if (onMenuClick) {
                 onMenuClick({
@@ -133,18 +136,17 @@ var FoldMenu = function FoldMenu(props) {
                 selectedPath: toPath
               });
             },
-            children: _jsx(Link, {
+            children: /*#__PURE__*/_jsx(Link, {
               to: toPath,
               children: LiNode
             }, toPath)
           })
-        }, toPath) : _jsx("span", {
-          onClick: function onClick() {
+        }, toPath) : /*#__PURE__*/_jsx("span", {
+          onClick: () => {
             // 查找完整的菜单项数据
             var menuItem = findMenuItemByKey(menus, String(id));
-            var menuKeyPath = (menuItem === null || menuItem === void 0 ? void 0 : menuItem.keyIdPath) ? menuItem.keyIdPath.map(function (id) {
-              return String(id);
-            }) : [String(id)];
+            var menuKeyPath = menuItem !== null && menuItem !== void 0 && menuItem.keyIdPath ? menuItem.keyIdPath.map(id => String(id)) : [String(id)];
+
             // 调用用户传入的onMenuClick回调
             if (onMenuClick) {
               onMenuClick({
@@ -154,7 +156,7 @@ var FoldMenu = function FoldMenu(props) {
               });
             }
           },
-          children: _jsx(Link, {
+          children: /*#__PURE__*/_jsx(Link, {
             to: toPath,
             children: LiNode
           }, toPath)

package/es/ProLayout/components/Layout/Menu/OpenMenu/index.js

@@ -1,18 +1,19 @@
 import "antd/es/menu/style";
 import _Menu from "antd/es/menu";
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import _cloneDeep from "lodash/cloneDeep";
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { useMemo, useRef, useContext } from 'react';
 import { useDeepCompareEffect, useSetState } from 'ahooks';
 import { CaretDownOutlined } from '@ant-design/icons';
 import classnames from 'classnames';
 import { Link } from 'react-router-dom';
-import { LayoutContext } from '../../../../index';
-import { getIdsByPathName, findMenuItemByKey } from '../../../../utils';
-import { Icon } from '../../index';
-var OpenMenu = function OpenMenu(props) {
+import { cloneDeep } from 'lodash';
+import { LayoutContext } from "../../../../index";
+import { getIdsByPathName, findMenuItemByKey } from "../../../../utils";
+import { Icon } from "../../index";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var OpenMenu = props => {
   var _getIdsByPathName;
   var className = props.className,
     dataSource = props.dataSource,
@@ -40,60 +41,58 @@ var OpenMenu = function OpenMenu(props) {
   var _useContext = useContext(LayoutContext),
     onSelected = _useContext.onSelected,
     target = _useContext.target;
-  var cls = classnames(_defineProperty({
-    'pro-layout-open-menu': true
-  }, "".concat(className), className));
+  var cls = classnames({
+    'pro-layout-open-menu': true,
+    [`${className}`]: className
+  });
+
   // 默认激活菜单优先取activeMenu中，默认取pathName进行匹配
-  var selectKeyIdPath = ((_getIdsByPathName = getIdsByPathName(menus, query.get('activeMenu'))) === null || _getIdsByPathName === void 0 ? void 0 : _getIdsByPathName.map(function (item) {
-    return String(item);
-  })) || [];
-  var itemsTransform = useMemo(function () {
-    var result = _cloneDeep(menus);
+  var selectKeyIdPath = ((_getIdsByPathName = getIdsByPathName(menus, query.get('activeMenu'))) === null || _getIdsByPathName === void 0 ? void 0 : _getIdsByPathName.map(item => String(item))) || [];
+  var itemsTransform = useMemo(() => {
+    var result = cloneDeep(menus);
     if (!Array.isArray(result) || !result.length) {
       return [];
     }
-    var _menuDeep = function menuDeep(data) {
-      data.forEach(function (item) {
+    var menuDeep = data => {
+      data.forEach(item => {
         var _item$keyIdPath, _item$keyIdPath2, _item$children;
         // 是否是第一级菜单，展开模式一级菜单有icon, 收起模式二级菜单有icon
         var isFirstMenu = ((_item$keyIdPath = item.keyIdPath) === null || _item$keyIdPath === void 0 ? void 0 : _item$keyIdPath.length) === 1 || sideMenu && ((_item$keyIdPath2 = item.keyIdPath) === null || _item$keyIdPath2 === void 0 ? void 0 : _item$keyIdPath2.length) === 2;
         // 第一级菜单显示icon
-        item.label = _jsxs("div", {
+        item.label = /*#__PURE__*/_jsxs("div", {
           className: classnames({
             'pro-layout-open-menu-lv1': isFirstMenu
           }),
-          children: [_jsx(_Fragment, {
-            children: item.imgUrl && isFirstMenu ? _jsx("img", {
+          children: [/*#__PURE__*/_jsx(_Fragment, {
+            children: item.imgUrl && isFirstMenu ? /*#__PURE__*/_jsx("img", {
               className: "pro-layout-icon",
               src: selectKeyIdPath[0] === String(item.id) ? item.imgActiveUrl || item.imgUrl : item.imgUrl,
               alt: "icon"
-            }) : item.icon && isFirstMenu ? _jsx(Icon, {
+            }) : item.icon && isFirstMenu ? /*#__PURE__*/_jsx(Icon, {
               type: item.icon || '',
               iconfontUrl: (dataSource === null || dataSource === void 0 ? void 0 : dataSource.iconfontUrl) || ''
-            }) : _jsx("span", {
+            }) : /*#__PURE__*/_jsx("span", {
               className: classnames({
                 'pro-layout-icon': true,
                 'pro-layout-icon-empty': isFirstMenu
               })
             })
-          }), _jsx("h2", {
+          }), /*#__PURE__*/_jsx("h2", {
             children: item.name
           })]
         });
         item.key = String(item.id);
         item.router = item.redirectUrl || item.router || item.url;
-        Object.keys(item).filter(function (keyItem) {
-          return !['label', 'key', 'children', 'onTitleClick', 'router'].includes(keyItem);
-        }).forEach(function (_keyItem) {
+        Object.keys(item).filter(keyItem => !['label', 'key', 'children', 'onTitleClick', 'router'].includes(keyItem)).forEach(_keyItem => {
           delete item[_keyItem];
         });
-        if (Array.isArray(item === null || item === void 0 ? void 0 : item.children) && (item === null || item === void 0 ? void 0 : (_item$children = item.children) === null || _item$children === void 0 ? void 0 : _item$children.length) > 0) {
+        if (Array.isArray(item === null || item === void 0 ? void 0 : item.children) && (item === null || item === void 0 || (_item$children = item.children) === null || _item$children === void 0 ? void 0 : _item$children.length) > 0) {
           var _item = item === null || item === void 0 ? void 0 : item.children[0];
           // 移除不需要显示的菜单
-          if ((_item === null || _item === void 0 ? void 0 : _item.hideInMenu) || ['TAB', 'QUERY', 'BUTTON'].includes(_item === null || _item === void 0 ? void 0 : _item.type)) {
+          if (_item !== null && _item !== void 0 && _item.hideInMenu || ['TAB', 'QUERY', 'BUTTON'].includes(_item === null || _item === void 0 ? void 0 : _item.type)) {
             delete item.children;
           } else {
-            _menuDeep(item.children);
+            menuDeep(item.children);
           }
         } else {
           delete item.children;
@@ -101,10 +100,10 @@ var OpenMenu = function OpenMenu(props) {
       });
       return data;
     };
-    _menuDeep(result);
+    menuDeep(result);
     return result;
   }, [dataSource]);
-  useDeepCompareEffect(function () {
+  useDeepCompareEffect(() => {
     if (Array.isArray(selectKeyIdPath) && selectKeyIdPath.length) {
       setState({
         selectedKeys: selectKeyIdPath,
@@ -112,35 +111,35 @@ var OpenMenu = function OpenMenu(props) {
       });
     }
   }, [menus, selectKeyIdPath]);
+
   // 折叠模式默认展开全部菜单
-  useDeepCompareEffect(function () {
+  useDeepCompareEffect(() => {
     if (sideMenu) {
-      var keys = menus.map(function (item) {
-        return String(item.id);
-      });
+      var keys = menus.map(item => String(item.id));
       setState({
         openKeys: keys
       });
     }
   }, [sideMenu]);
-  return _jsxs("div", {
+  return /*#__PURE__*/_jsxs("div", {
     className: cls,
     style: style,
-    children: [_jsx(_Menu, {
-      mode: "inline",
+    children: [/*#__PURE__*/_jsx(_Menu, {
+      mode: "inline"
       // @ts-ignore
+      ,
       theme: theme,
       selectedKeys: selectedKeys,
       openKeys: openKeys,
       items: itemsTransform,
       inlineIndent: 14,
-      expandIcon: _jsx(CaretDownOutlined, {}),
-      onOpenChange: function onOpenChange(openKeys) {
+      expandIcon: /*#__PURE__*/_jsx(CaretDownOutlined, {}),
+      onOpenChange: openKeys => {
         setState({
-          openKeys: openKeys
+          openKeys
         });
       },
-      onClick: function onClick(_ref2) {
+      onClick: _ref2 => {
         var _item$props, _item$props2;
         var item = _ref2.item,
           keyPath = _ref2.keyPath,
@@ -150,31 +149,31 @@ var OpenMenu = function OpenMenu(props) {
         // console.log('keyPath', keyPath);
         // console.log('key', key);
         // console.log('domEvent', domEvent);
+
         // 查找完整的菜单项数据
         var menuItem = findMenuItemByKey(menus, key);
-        var menuKeyPath = (menuItem === null || menuItem === void 0 ? void 0 : menuItem.keyIdPath) ? menuItem.keyIdPath.map(function (id) {
-          return String(id);
-        }) : keyPath;
+        var menuKeyPath = menuItem !== null && menuItem !== void 0 && menuItem.keyIdPath ? menuItem.keyIdPath.map(id => String(id)) : keyPath;
+
         // 调用用户传入的onMenuClick回调
         if (onMenuClick) {
           onMenuClick({
             item: menuItem,
-            key: key,
+            key,
             keyPath: menuKeyPath
           });
         }
         setState({
           selectedKeys: keyPath,
-          router: item === null || item === void 0 ? void 0 : (_item$props = item.props) === null || _item$props === void 0 ? void 0 : _item$props.router
+          router: item === null || item === void 0 || (_item$props = item.props) === null || _item$props === void 0 ? void 0 : _item$props.router
         });
         onSelected({
-          selectedPath: item === null || item === void 0 ? void 0 : (_item$props2 = item.props) === null || _item$props2 === void 0 ? void 0 : _item$props2.router
+          selectedPath: item === null || item === void 0 || (_item$props2 = item.props) === null || _item$props2 === void 0 ? void 0 : _item$props2.router
         });
         if (target) {
           var _item$props3;
-          window.open(item === null || item === void 0 ? void 0 : (_item$props3 = item.props) === null || _item$props3 === void 0 ? void 0 : _item$props3.router, target);
+          window.open(item === null || item === void 0 || (_item$props3 = item.props) === null || _item$props3 === void 0 ? void 0 : _item$props3.router, target);
         } else {
-          setTimeout(function () {
+          setTimeout(() => {
             // 路由变更，且不再demo文档中
             if (!window.location.href.includes('~demos/prolayout')) {
               linkRef.current.click();
@@ -183,10 +182,10 @@ var OpenMenu = function OpenMenu(props) {
         }
       },
       style: {
-        height: dataSource.sideMenu ? 'auto' : "calc(100vh - ".concat((dataSource === null || dataSource === void 0 ? void 0 : dataSource.height) || 0, "px)"),
+        height: dataSource.sideMenu ? 'auto' : `calc(100vh - ${(dataSource === null || dataSource === void 0 ? void 0 : dataSource.height) || 0}px)`,
         color: 'red'
       }
-    }), _jsx(Link, {
+    }), /*#__PURE__*/_jsx(Link, {
       to: router,
       ref: linkRef
     })]

package/es/ProLayout/components/Layout/Menu/SideMenu/index.js

@@ -1,9 +1,10 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useRef } from 'react';
 import classnames from 'classnames';
 import { useSize } from 'ahooks';
-import OpenMenu from '../OpenMenu';
-var SideMenu = function SideMenu(props) {
+import OpenMenu from "../OpenMenu";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var SideMenu = props => {
   var dataSource = props.dataSource,
     onMenuClick = props.onMenuClick;
   var ref = useRef(null);
@@ -16,23 +17,23 @@ var SideMenu = function SideMenu(props) {
   var cls = classnames({
     'pro-layout-sider-menu': true
   });
-  return _jsxs("div", {
+  return /*#__PURE__*/_jsxs("div", {
     className: cls,
-    children: [_jsx("h2", {
+    children: [/*#__PURE__*/_jsx("h2", {
       ref: ref,
       children: (menus === null || menus === void 0 ? void 0 : menus.name) || ''
-    }), _jsx("div", {
-      children: _jsx(OpenMenu, {
+    }), /*#__PURE__*/_jsx("div", {
+      children: /*#__PURE__*/_jsx(OpenMenu, {
         className: "pro-layout-sider-menu-list",
         theme: "light",
         onMenuClick: onMenuClick,
         dataSource: {
           menus: (menus === null || menus === void 0 ? void 0 : menus.children) || [],
-          iconfontUrl: iconfontUrl,
+          iconfontUrl,
           sideMenu: true
         },
         style: {
-          height: "calc(100vh - ".concat(headerHeight + (notice ? 32 : 0) + ((size === null || size === void 0 ? void 0 : size.height) || 0), "px)")
+          height: `calc(100vh - ${headerHeight + (notice ? 32 : 0) + ((size === null || size === void 0 ? void 0 : size.height) || 0)}px)`
         }
       })
     })]

package/es/ProLayout/components/Layout/Menu/index.js

@@ -1,8 +1,10 @@
-import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import classnames from 'classnames';
-import OpenMenu from './OpenMenu';
-import FoldMenu from './FoldMenu'; // 折叠后菜单
-var Menu = function Menu(props) {
+import OpenMenu from "./OpenMenu";
+import FoldMenu from "./FoldMenu"; // 折叠后菜单
+import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var Menu = props => {
   var _ref = props || {},
     headerHeight = _ref.headerHeight,
     dataSource = _ref.dataSource,
@@ -26,17 +28,17 @@ var Menu = function Menu(props) {
     menus = dataSource === null || dataSource === void 0 ? void 0 : dataSource.menus;
   }
   if (pure.leftMenu || pure === true) {
-    return _jsx(_Fragment, {});
+    return /*#__PURE__*/_jsx(_Fragment, {});
   }
-  return _jsxs("div", {
+  return /*#__PURE__*/_jsxs("div", {
     className: menuCls,
     style: {
       top: notice ? 80 + headerHeight - 48 : headerHeight
     },
-    children: [sideMenuHeaderRender, _jsx(OpenMenu, {
+    children: [sideMenuHeaderRender, /*#__PURE__*/_jsx(OpenMenu, {
       dataSource: {
-        menus: menus,
-        iconfontUrl: iconfontUrl,
+        menus,
+        iconfontUrl,
         height: headerHeight + (notice ? 32 : 0) + 48
       },
       theme: theme,
@@ -44,24 +46,24 @@ var Menu = function Menu(props) {
       style: {
         display: collapsed ? 'block' : 'none'
       }
-    }), _jsx(FoldMenu, {
+    }), /*#__PURE__*/_jsx(FoldMenu, {
       dataSource: {
-        menus: menus,
-        iconfontUrl: iconfontUrl,
+        menus,
+        iconfontUrl,
         height: headerHeight + (notice ? 32 : 0) + 48,
-        notice: notice,
-        collapsed: collapsed,
-        headerHeight: headerHeight
+        notice,
+        collapsed,
+        headerHeight
       },
       onMenuClick: onMenuClick,
       style: {
         display: collapsed ? 'none' : 'block',
-        height: "calc(100vh - ".concat(headerHeight + (notice ? 32 : 0) + 48 || 0, "px)")
+        height: `calc(100vh - ${headerHeight + (notice ? 32 : 0) + 48 || 0}px)`
       }
-    }), sideMenuFooterRender || _jsx("div", {
+    }), sideMenuFooterRender || /*#__PURE__*/_jsx("div", {
       className: "pro-layout-menu-collapsed",
       onClick: onToggle,
-      children: _jsx("div", {
+      children: /*#__PURE__*/_jsx("div", {
         className: "pro-layout-arrow "
       })
     })]

package/es/ProLayout/components/Layout/Notice/index.js

@@ -1,28 +1,29 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import tipMsg from '../../../images/tipMsg.png';
-import close from '../../../images/close.png';
-import locale from '../../../../locale';
-var Notice = function Notice(props) {
+import tipMsg from "../../../images/tipMsg.png";
+import close from "../../../images/close.png";
+import locale from "../../../../locale";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var Notice = props => {
   var headerHeight = props.headerHeight,
     notice = props.notice,
     onCancel = props.onCancel;
   if (!notice) {
     return null;
   }
-  return _jsxs("div", {
+  return /*#__PURE__*/_jsxs("div", {
     className: "pro-layout-header-notice",
     style: {
       top: headerHeight
     },
-    children: [_jsx("img", {
+    children: [/*#__PURE__*/_jsx("img", {
       src: tipMsg,
-      alt: "".concat(locale.ProLayout.tipAlt)
-    }), " ", notice, _jsx("span", {
+      alt: `${locale.ProLayout.tipAlt}`
+    }), " ", notice, /*#__PURE__*/_jsx("span", {
       className: "pro-layout-header-notice-close",
       onClick: onCancel,
-      children: _jsx("img", {
+      children: /*#__PURE__*/_jsx("img", {
         src: close,
-        alt: "".concat(locale.ProLayout.closeAlt)
+        alt: `${locale.ProLayout.closeAlt}`
       })
     })]
   });

package/es/ProLayout/components/Layout/index.js

@@ -1,4 +1,4 @@
-export { default as Header } from './Header';
-export { default as Notice } from './Notice';
-export { default as Menu } from './Menu';
-export { default as Icon } from './Icon';
+export { default as Header } from "./Header";
+export { default as Notice } from "./Notice";
+export { default as Menu } from "./Menu";
+export { default as Icon } from "./Icon";