@ant-design/pro-components 3.1.0-0 → 3.1.1-1

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.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;

package/lib/layout/utils/utils.js

@@ -1,15 +1,13 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.clearMenuItem = clearMenuItem;
 exports.genStringToTheme = genStringToTheme;
 exports.getOpenKeysFromMenuData = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-var getOpenKeysFromMenuData = exports.getOpenKeysFromMenuData = function getOpenKeysFromMenuData(menuData) {
-  return (menuData || []).reduce(function (pre, item) {
+const getOpenKeysFromMenuData = menuData => {
+  return (menuData || []).reduce((pre, item) => {
     // 如果是 flatMenu，跳过自己，只递归 children
     if (item.flatMenu) {
       if (item.children) {
@@ -21,13 +19,14 @@ var getOpenKeysFromMenuData = exports.getOpenKeysFromMenuData = function getOpen
       pre.push(item.key);
     }
     if (item.children) {
-      var newArray = pre.concat(getOpenKeysFromMenuData(item.children) || []);
+      const newArray = pre.concat(getOpenKeysFromMenuData(item.children) || []);
       return newArray;
     }
     return pre;
   }, []);
 };
-var themeConfig = {
+exports.getOpenKeysFromMenuData = getOpenKeysFromMenuData;
+const themeConfig = {
   techBlue: '#1677FF',
   daybreak: '#1890ff',
   dust: '#F5222D',
@@ -47,25 +46,24 @@ function genStringToTheme(val) {
   return val && themeConfig[val] ? themeConfig[val] : val || '';
 }
 function clearMenuItem(menusData) {
-  return menusData.map(function (item) {
-    var children = item.children || [];
-    var finalItem = (0, _objectSpread2.default)({}, item);
+  return menusData.map(item => {
+    const children = item.children || [];
+    const finalItem = {
+      ...item
+    };
     if (!finalItem.name || finalItem.hideInMenu) {
       return null;
     }
-    if (finalItem && finalItem !== null && finalItem !== void 0 && finalItem.children) {
-      if (!finalItem.hideChildrenInMenu && children.some(function (child) {
-        return child && child.name && !child.hideInMenu;
-      })) {
-        return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, item), {}, {
+    if (finalItem && finalItem?.children) {
+      if (!finalItem.hideChildrenInMenu && children.some(child => child && child.name && !child.hideInMenu)) {
+        return {
+          ...item,
           children: clearMenuItem(children)
-        });
+        };
       }
       // children 为空就直接删掉
       delete finalItem.children;
     }
     return finalItem;
-  }).filter(function (item) {
-    return item;
-  });
+  }).filter(item => item);
 }