@ant-design/pro-components 3.0.2-0 → 3.1.1-0

package/lib/layout/index.js

@@ -22,92 +22,92 @@ var _exportNames = {
 };
 Object.defineProperty(exports, "DefaultFooter", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _Footer.DefaultFooter;
   }
 });
 Object.defineProperty(exports, "DefaultHeader", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _Header.DefaultHeader;
   }
 });
 Object.defineProperty(exports, "FooterToolbar", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _FooterToolbar.FooterToolbar;
   }
 });
 Object.defineProperty(exports, "GridContent", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _GridContent.GridContent;
   }
 });
 Object.defineProperty(exports, "PageContainer", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _PageContainer.PageContainer;
   }
 });
 Object.defineProperty(exports, "PageHeader", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _PageHeader.PageHeader;
   }
 });
 Object.defineProperty(exports, "PageLoading", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _PageLoading.PageLoading;
   }
 });
 Object.defineProperty(exports, "ProBreadcrumb", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _PageContainer.ProBreadcrumb;
   }
 });
 Object.defineProperty(exports, "ProLayout", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _ProLayout.ProLayout;
   }
 });
 Object.defineProperty(exports, "ProPageHeader", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _PageContainer.ProPageHeader;
   }
 });
 Object.defineProperty(exports, "RouteContext", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _RouteContext.RouteContext;
   }
 });
 Object.defineProperty(exports, "SettingDrawer", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _SettingDrawer.SettingDrawer;
   }
 });
 Object.defineProperty(exports, "TopNavHeader", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _TopNavHeader.TopNavHeader;
   }
 });
 exports.default = void 0;
 Object.defineProperty(exports, "getMenuData", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _getMenuData.getMenuData;
   }
 });
 Object.defineProperty(exports, "getPageTitle", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _getPageTitle.getPageTitle;
   }
 });
@@ -131,7 +131,7 @@ Object.keys(_Help).forEach(function (key) {
   if (key in exports && exports[key] === _Help[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
-    get: function get() {
+    get: function () {
       return _Help[key];
     }
   });

package/lib/layout/locales/en-US.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 var _settingDrawer = _interopRequireDefault(require("./en-US/settingDrawer"));
-var _default = exports.default = (0, _objectSpread2.default)({}, _settingDrawer.default);
+var _default = exports.default = {
+  ..._settingDrawer.default
+};

package/lib/layout/locales/index.js

@@ -11,20 +11,22 @@ var _itIT = _interopRequireDefault(require("./it-IT"));
 var _koKR = _interopRequireDefault(require("./ko-KR"));
 var _zhCN = _interopRequireDefault(require("./zh-CN"));
 var _zhTW = _interopRequireDefault(require("./zh-TW"));
-var locales = {
+const locales = {
   'zh-CN': _zhCN.default,
   'zh-TW': _zhTW.default,
   'en-US': _enUS.default,
   'it-IT': _itIT.default,
   'ko-KR': _koKR.default
 };
-var getLanguage = exports.getLanguage = function getLanguage() {
+const getLanguage = () => {
   // support ssr
   if (!(0, _utils.isBrowser)()) return 'zh-CN';
-  var lang = window.localStorage.getItem('umi_locale');
+  const lang = window.localStorage.getItem('umi_locale');
   return lang || window.g_locale || navigator.language;
 };
-var gLocaleObject = exports.gLocaleObject = function gLocaleObject() {
-  var gLocale = getLanguage();
+exports.getLanguage = getLanguage;
+const gLocaleObject = () => {
+  const gLocale = getLanguage();
   return locales[gLocale] || locales['zh-CN'];
-};
+};
+exports.gLocaleObject = gLocaleObject;

package/lib/layout/locales/it-IT.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 var _settingDrawer = _interopRequireDefault(require("./it-IT/settingDrawer"));
-var _default = exports.default = (0, _objectSpread2.default)({}, _settingDrawer.default);
+var _default = exports.default = {
+  ..._settingDrawer.default
+};

package/lib/layout/locales/ko-KR.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 var _settingDrawer = _interopRequireDefault(require("./ko-KR/settingDrawer"));
-var _default = exports.default = (0, _objectSpread2.default)({}, _settingDrawer.default);
+var _default = exports.default = {
+  ..._settingDrawer.default
+};

package/lib/layout/locales/zh-CN.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 var _settingDrawer = _interopRequireDefault(require("./zh-CN/settingDrawer"));
-var _default = exports.default = (0, _objectSpread2.default)({}, _settingDrawer.default);
+var _default = exports.default = {
+  ..._settingDrawer.default
+};

package/lib/layout/locales/zh-TW.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 var _settingDrawer = _interopRequireDefault(require("./zh-TW/settingDrawer"));
-var _default = exports.default = (0, _objectSpread2.default)({}, _settingDrawer.default);
+var _default = exports.default = {
+  ..._settingDrawer.default
+};

package/lib/layout/style/index.d.ts

@@ -4,6 +4,6 @@ export interface ProLayoutToken extends ProAliasToken {
     componentCls: string;
 }
 export declare function useStyle(prefixCls: string): {
-    wrapSSR: (node: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) => import("react").JSX.Element;
+    wrapSSR: (node: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
     hashId: string;
 };

package/lib/layout/style/index.js

@@ -1,56 +1,61 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useStyle = useStyle;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _provider = require("../../provider");
-var genProLayoutStyle = function genProLayoutStyle(token) {
-  var _token$layout, _token$layout2, _token$layout3, _token$layout4;
-  return (0, _defineProperty2.default)((0, _defineProperty2.default)({}, "".concat(token.antCls, "-layout"), {
-    backgroundColor: 'transparent !important'
-  }), token.componentCls, (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, "& ".concat(token.antCls, "-layout"), {
-    display: 'flex',
-    backgroundColor: 'transparent',
-    width: '100%'
-  }), "".concat(token.componentCls, "-content"), {
-    display: 'flex',
-    flexDirection: 'column',
-    width: '100%',
-    backgroundColor: ((_token$layout = token.layout) === null || _token$layout === void 0 || (_token$layout = _token$layout.pageContainer) === null || _token$layout === void 0 ? void 0 : _token$layout.colorBgPageContainer) || 'transparent',
-    position: 'relative',
-    paddingBlock: (_token$layout2 = token.layout) === null || _token$layout2 === void 0 || (_token$layout2 = _token$layout2.pageContainer) === null || _token$layout2 === void 0 ? void 0 : _token$layout2.paddingBlockPageContainerContent,
-    paddingInline: (_token$layout3 = token.layout) === null || _token$layout3 === void 0 || (_token$layout3 = _token$layout3.pageContainer) === null || _token$layout3 === void 0 ? void 0 : _token$layout3.paddingInlinePageContainerContent,
-    '&-has-page-container': {
-      padding: 0
+const genProLayoutStyle = token => {
+  return {
+    [`${token.antCls}-layout`]: {
+      backgroundColor: 'transparent !important'
+    },
+    [token.componentCls]: {
+      [`& ${token.antCls}-layout`]: {
+        display: 'flex',
+        backgroundColor: 'transparent',
+        width: '100%'
+      },
+      [`${token.componentCls}-content`]: {
+        display: 'flex',
+        flexDirection: 'column',
+        width: '100%',
+        backgroundColor: token.layout?.pageContainer?.colorBgPageContainer || 'transparent',
+        position: 'relative',
+        paddingBlock: token.layout?.pageContainer?.paddingBlockPageContainerContent,
+        paddingInline: token.layout?.pageContainer?.paddingInlinePageContainerContent,
+        '&-has-page-container': {
+          padding: 0
+        }
+      },
+      [`${token.componentCls}-container`]: {
+        width: '100%',
+        display: 'flex',
+        flexDirection: 'column',
+        minWidth: 0,
+        minHeight: 0,
+        backgroundColor: 'transparent'
+      },
+      [`${token.componentCls}-bg-list`]: {
+        pointerEvents: 'none',
+        position: 'fixed',
+        overflow: 'hidden',
+        insetBlockStart: 0,
+        insetInlineStart: 0,
+        zIndex: 0,
+        height: '100%',
+        width: '100%',
+        background: token.layout?.bgLayout
+      }
     }
-  }), "".concat(token.componentCls, "-container"), {
-    width: '100%',
-    display: 'flex',
-    flexDirection: 'column',
-    minWidth: 0,
-    minHeight: 0,
-    backgroundColor: 'transparent'
-  }), "".concat(token.componentCls, "-bg-list"), {
-    pointerEvents: 'none',
-    position: 'fixed',
-    overflow: 'hidden',
-    insetBlockStart: 0,
-    insetInlineStart: 0,
-    zIndex: 0,
-    height: '100%',
-    width: '100%',
-    background: (_token$layout4 = token.layout) === null || _token$layout4 === void 0 ? void 0 : _token$layout4.bgLayout
-  }));
+  };
 };
 function useStyle(prefixCls) {
-  return (0, _provider.useStyle)('ProLayout', function (token) {
-    var proLayoutToken = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, token), {}, {
-      componentCls: ".".concat(prefixCls)
-    });
+  return (0, _provider.useStyle)('ProLayout', token => {
+    const proLayoutToken = {
+      ...token,
+      componentCls: `.${prefixCls}`
+    };
     return [genProLayoutStyle(proLayoutToken)];
   });
 }

package/lib/layout/utils/getBreadcrumbProps.js

@@ -1,40 +1,36 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getBreadcrumbProps = exports.getBreadcrumbFromProps = exports.getBreadcrumb = exports.genBreadcrumbProps = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 var _pathToRegexp = require("path-to-regexp");
 var _pathTools = require("./pathTools");
 var _jsxRuntime = require("react/jsx-runtime");
 // 渲染 Breadcrumb 子节点
 // Render the Breadcrumb child node
-var defaultItemRender = function defaultItemRender(route, _, routes) {
-  var _ref = route,
-    breadcrumbName = _ref.breadcrumbName,
-    title = _ref.title,
-    path = _ref.path;
-  var last = routes.findIndex(function (i) {
-    return (
-      // @ts-ignore
-      i.linkPath === route.path
-    );
-  }) === routes.length - 1;
+const defaultItemRender = (route, _, routes) => {
+  const {
+    breadcrumbName,
+    title,
+    path
+  } = route;
+  const last = routes.findIndex(i =>
+  // @ts-ignore
+  i.linkPath === route.path) === routes.length - 1;
   return last ? /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
     children: title || breadcrumbName
   }) : /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-    onClick: path ? function () {
-      return location.href = path;
-    } : undefined,
+    onClick: path ? () => location.href = path : undefined,
     children: title || breadcrumbName
   });
 };
-var renderItemLocal = function renderItemLocal(item, props) {
-  var formatMessage = props.formatMessage,
-    menu = props.menu;
-  if (item.locale && formatMessage && (menu === null || menu === void 0 ? void 0 : menu.locale) !== false) {
+const renderItemLocal = (item, props) => {
+  const {
+    formatMessage,
+    menu
+  } = props;
+  if (item.locale && formatMessage && menu?.locale !== false) {
     return formatMessage({
       id: item.locale,
       defaultMessage: item.name
@@ -42,15 +38,15 @@ var renderItemLocal = function renderItemLocal(item, props) {
   }
   return item.name;
 };
-var getBreadcrumb = exports.getBreadcrumb = function getBreadcrumb(breadcrumbMap, url) {
-  var breadcrumbItem = breadcrumbMap.get(url);
+const getBreadcrumb = (breadcrumbMap, url) => {
+  let breadcrumbItem = breadcrumbMap.get(url);
   if (!breadcrumbItem) {
     // Find the first matching path in the order defined by route config
     // 按照 route config 定义的顺序找到第一个匹配的路径
-    var keys = Array.from(breadcrumbMap.keys()) || [];
-    var targetPath = keys.find(function (path) {
+    const keys = Array.from(breadcrumbMap.keys()) || [];
+    const targetPath = keys.find(path => {
       try {
-        if (path !== null && path !== void 0 && path.startsWith('http')) return false;
+        if (path?.startsWith('http')) return false;
         return (0, _pathToRegexp.match)(path.replace('?', ''))(url);
       } catch (error) {
         return false;
@@ -64,22 +60,28 @@ var getBreadcrumb = exports.getBreadcrumb = function getBreadcrumb(breadcrumbMap
     path: ''
   };
 };
-var getBreadcrumbFromProps = exports.getBreadcrumbFromProps = function getBreadcrumbFromProps(props) {
-  var location = props.location,
-    breadcrumbMap = props.breadcrumbMap;
+exports.getBreadcrumb = getBreadcrumb;
+const getBreadcrumbFromProps = props => {
+  const {
+    location,
+    breadcrumbMap
+  } = props;
   return {
-    location: location,
-    breadcrumbMap: breadcrumbMap
+    location,
+    breadcrumbMap
   };
 };
-var conversionFromLocation = function conversionFromLocation(routerLocation, breadcrumbMap, props) {
+exports.getBreadcrumbFromProps = getBreadcrumbFromProps;
+const conversionFromLocation = (routerLocation, breadcrumbMap, props) => {
   // Convertor the url to an array
-  var pathSnippets = (0, _pathTools.urlToList)(routerLocation === null || routerLocation === void 0 ? void 0 : routerLocation.pathname);
+  const pathSnippets = (0, _pathTools.urlToList)(routerLocation?.pathname);
   // Loop data mosaic routing
-  var extraBreadcrumbItems = pathSnippets.map(function (url) {
-    var currentBreadcrumb = getBreadcrumb(breadcrumbMap, url);
-    var name = renderItemLocal(currentBreadcrumb, props);
-    var hideInBreadcrumb = currentBreadcrumb.hideInBreadcrumb;
+  const extraBreadcrumbItems = pathSnippets.map(url => {
+    const currentBreadcrumb = getBreadcrumb(breadcrumbMap, url);
+    const name = renderItemLocal(currentBreadcrumb, props);
+    const {
+      hideInBreadcrumb
+    } = currentBreadcrumb;
     return name && !hideInBreadcrumb ? {
       linkPath: url,
       breadcrumbName: name,
@@ -90,16 +92,15 @@ var conversionFromLocation = function conversionFromLocation(routerLocation, bre
       breadcrumbName: '',
       title: ''
     };
-  }).filter(function (item) {
-    return item && item.linkPath;
-  });
+  }).filter(item => item && item.linkPath);
   return extraBreadcrumbItems;
 };
 /** 将参数转化为面包屑 Convert parameters into breadcrumbs */
-var genBreadcrumbProps = exports.genBreadcrumbProps = function genBreadcrumbProps(props) {
-  var _getBreadcrumbFromPro = getBreadcrumbFromProps(props),
-    location = _getBreadcrumbFromPro.location,
-    breadcrumbMap = _getBreadcrumbFromPro.breadcrumbMap;
+const genBreadcrumbProps = props => {
+  const {
+    location,
+    breadcrumbMap
+  } = getBreadcrumbFromProps(props);
 
   // 根据 location 生成 面包屑
   // Generate breadcrumbs based on location
@@ -110,30 +111,31 @@ var genBreadcrumbProps = exports.genBreadcrumbProps = function genBreadcrumbProp
 };
 
 // 声明一个导出函数，接收两个参数：BreadcrumbProps和ProLayoutProps，返回一个BreadcrumbListReturn类型的对象
-var getBreadcrumbProps = exports.getBreadcrumbProps = function getBreadcrumbProps(props, layoutPros // ProLayoutProps类型的layoutPros
-) {
+exports.genBreadcrumbProps = genBreadcrumbProps;
+const getBreadcrumbProps = (props, layoutPros // ProLayoutProps类型的layoutPros
+) => {
   // 解构赋值获取props中的breadcrumbRender和props中的itemRender，如果props中没有itemRender则使用默认的defaultItemRender函数
-  var breadcrumbRender = props.breadcrumbRender,
-    propsItemRender = props.itemRender;
+  const {
+    breadcrumbRender,
+    itemRender: propsItemRender
+  } = props;
   // 解构赋值获取layoutPros.breadcrumbProps.minLenght的值，如果没有设置，则默认为2
-  var _ref2 = layoutPros.breadcrumbProps || {},
-    _ref2$minLength = _ref2.minLength,
-    minLength = _ref2$minLength === void 0 ? 2 : _ref2$minLength;
+  const {
+    minLength = 2
+  } = layoutPros.breadcrumbProps || {};
   // 生成面包屑的路由数组，该数组中包含菜单项和面包屑项
-  var routesArray = genBreadcrumbProps(props);
+  const routesArray = genBreadcrumbProps(props);
   // 如果props中有itemRender，则使用props中的itemRender，否则使用默认函数defaultItemRender
-  var itemRender = function itemRender(item) {
-    var renderFunction = propsItemRender || defaultItemRender;
-    for (var _len = arguments.length, rest = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
-      rest[_key - 1] = arguments[_key];
-    }
-    return renderFunction === null || renderFunction === void 0 ? void 0 : renderFunction.apply(void 0, [(0, _objectSpread2.default)((0, _objectSpread2.default)({}, item), {}, {
+  const itemRender = (item, ...rest) => {
+    const renderFunction = propsItemRender || defaultItemRender;
+    return renderFunction?.({
+      ...item,
       // 如果item.linkPath存在，则使用item.linkPath，否则使用item.path
       // @ts-ignore
       path: item.linkPath || item.path
-    })].concat(rest));
+    }, ...rest);
   };
-  var items = routesArray;
+  let items = routesArray;
   // 如果面包屑渲染函数breadcrumbRender存在，则使用其渲染数组items
   if (breadcrumbRender) {
     items = breadcrumbRender(items || []) || undefined;
@@ -144,7 +146,8 @@ var getBreadcrumbProps = exports.getBreadcrumbProps = function getBreadcrumbProp
   }
   // 如果当前 ant design 包的版本大于等于5.3.0，则返回一个对象{items,itemRender},否则返回一个对象{routes:item,itemRender}
   return {
-    items: items,
-    itemRender: itemRender
+    items,
+    itemRender
   };
-};
+};
+exports.getBreadcrumbProps = getBreadcrumbProps;

package/lib/layout/utils/getMenuData.js

@@ -1,33 +1,29 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getMenuData = void 0;
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _routeUtils = require("@umijs/route-utils");
 function fromEntries(iterable) {
-  return (0, _toConsumableArray2.default)(iterable).reduce(function (obj, _ref) {
-    var _ref2 = (0, _slicedToArray2.default)(_ref, 2),
-      key = _ref2[0],
-      val = _ref2[1];
+  return [...iterable].reduce((obj, [key, val]) => {
     // eslint-disable-next-line no-param-reassign
     obj[key] = val;
     return obj;
   }, {});
 }
-var getMenuData = exports.getMenuData = function getMenuData(routes, menu, formatMessage, menuDataRender) {
-  var _transformRoute = (0, _routeUtils.transformRoute)(routes, (menu === null || menu === void 0 ? void 0 : menu.locale) || false, formatMessage, true),
-    menuData = _transformRoute.menuData,
-    breadcrumb = _transformRoute.breadcrumb;
+const getMenuData = (routes, menu, formatMessage, menuDataRender) => {
+  const {
+    menuData,
+    breadcrumb
+  } = (0, _routeUtils.transformRoute)(routes, menu?.locale || false, formatMessage, true);
   if (!menuDataRender) {
     return {
       breadcrumb: fromEntries(breadcrumb),
       breadcrumbMap: breadcrumb,
-      menuData: menuData
+      menuData
     };
   }
   return getMenuData(menuDataRender(menuData), menu, formatMessage, undefined);
-};
+};
+exports.getMenuData = getMenuData;

package/lib/layout/utils/pathTools.js

@@ -9,10 +9,6 @@ function urlToList(url) {
   if (!url || url === '/') {
     return ['/'];
   }
-  var urlList = url.split('/').filter(function (i) {
-    return i;
-  });
-  return urlList.map(function (urlItem, index) {
-    return "/".concat(urlList.slice(0, index + 1).join('/'));
-  });
+  const urlList = url.split('/').filter(i => i);
+  return urlList.map((urlItem, index) => `/${urlList.slice(0, index + 1).join('/')}`);
 }

package/lib/layout/utils/useCurrentMenuLayoutProps.js

@@ -1,23 +1,17 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useCurrentMenuLayoutProps = void 0;
-var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = require("react");
 var _utils = require("../../utils");
-var useCurrentMenuLayoutProps = exports.useCurrentMenuLayoutProps = function useCurrentMenuLayoutProps(currentMenu) {
-  var _useState = (0, _react.useState)({}),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    currentMenuLayoutProps = _useState2[0],
-    setCurrentMenuLayoutProps = _useState2[1];
-  (0, _react.useEffect)(function () {
+const useCurrentMenuLayoutProps = currentMenu => {
+  const [currentMenuLayoutProps, setCurrentMenuLayoutProps] = (0, _react.useState)({});
+  (0, _react.useEffect)(() => {
     setCurrentMenuLayoutProps((0, _utils.omitUndefined)({
       // 有时候会变成对象，是原来的方式
-      layout: (0, _typeof2.default)(currentMenu.layout) !== 'object' ? currentMenu.layout : undefined,
+      layout: typeof currentMenu.layout !== 'object' ? currentMenu.layout : undefined,
       navTheme: currentMenu.navTheme,
       menuRender: currentMenu.menuRender,
       footerRender: currentMenu.footerRender,
@@ -27,4 +21,5 @@ var useCurrentMenuLayoutProps = exports.useCurrentMenuLayoutProps = function use
     }));
   }, [currentMenu.layout, currentMenu.navTheme, currentMenu.menuRender, currentMenu.footerRender, currentMenu.menuHeaderRender, currentMenu.headerRender, currentMenu.fixSiderbar]);
   return currentMenuLayoutProps;
-};
+};
+exports.useCurrentMenuLayoutProps = useCurrentMenuLayoutProps;