@ant-design/pro-components 3.0.0-beta.1 → 3.0.0-beta.3

package/es/layout/locales/zh-CN/settingDrawer.js

@@ -1,47 +1,43 @@
-// src/layout/locales/zh-CN/settingDrawer.ts
-var settingDrawer_default = {
-  "app.setting.pagestyle": "整体风格设置",
-  "app.setting.pagestyle.dark": "暗色菜单风格",
-  "app.setting.pagestyle.light": "亮色菜单风格",
-  "app.setting.pagestyle.realdark": "暗色风格(实验功能)",
-  "app.setting.content-width": "内容区域宽度",
-  "app.setting.content-width.fixed": "定宽",
-  "app.setting.content-width.fluid": "流式",
-  "app.setting.themecolor": "主题色",
-  "app.setting.themecolor.dust": "薄暮",
-  "app.setting.themecolor.volcano": "火山",
-  "app.setting.themecolor.sunset": "日暮",
-  "app.setting.themecolor.cyan": "明青",
-  "app.setting.themecolor.green": "极光绿",
-  "app.setting.themecolor.techBlue": "科技蓝（默认）",
-  "app.setting.themecolor.daybreak": "拂晓",
-  "app.setting.themecolor.geekblue": "极客蓝",
-  "app.setting.themecolor.purple": "酱紫",
-  "app.setting.navigationmode": "导航模式",
-  "app.setting.sidermenutype": "侧边菜单类型",
-  "app.setting.sidermenutype-sub": "经典模式",
-  "app.setting.sidermenutype-group": "分组模式",
-  "app.setting.regionalsettings": "内容区域",
-  "app.setting.regionalsettings.header": "顶栏",
-  "app.setting.regionalsettings.menu": "菜单",
-  "app.setting.regionalsettings.footer": "页脚",
-  "app.setting.regionalsettings.menuHeader": "菜单头",
-  "app.setting.sidemenu": "侧边菜单布局",
-  "app.setting.topmenu": "顶部菜单布局",
-  "app.setting.mixmenu": "混合菜单布局",
-  "app.setting.splitMenus": "自动分割菜单",
-  "app.setting.fixedheader": "固定 Header",
-  "app.setting.fixedsidebar": "固定侧边菜单",
-  "app.setting.fixedsidebar.hint": "侧边菜单布局时可配置",
-  "app.setting.hideheader": "下滑时隐藏 Header",
-  "app.setting.hideheader.hint": "固定 Header 时可配置",
-  "app.setting.othersettings": "其他设置",
-  "app.setting.weakmode": "色弱模式",
-  "app.setting.copy": "拷贝设置",
-  "app.setting.loading": "正在加载主题",
-  "app.setting.copyinfo": "拷贝成功，请到 src/defaultSettings.js 中替换默认配置",
-  "app.setting.production.hint": "配置栏只在开发环境用于预览，生产环境不会展现，请拷贝后手动修改配置文件"
-};
-export {
-  settingDrawer_default as default
-};
+export default {
+  'app.setting.pagestyle': '整体风格设置',
+  'app.setting.pagestyle.dark': '暗色菜单风格',
+  'app.setting.pagestyle.light': '亮色菜单风格',
+  'app.setting.pagestyle.realdark': '暗色风格(实验功能)',
+  'app.setting.content-width': '内容区域宽度',
+  'app.setting.content-width.fixed': '定宽',
+  'app.setting.content-width.fluid': '流式',
+  'app.setting.themecolor': '主题色',
+  'app.setting.themecolor.dust': '薄暮',
+  'app.setting.themecolor.volcano': '火山',
+  'app.setting.themecolor.sunset': '日暮',
+  'app.setting.themecolor.cyan': '明青',
+  'app.setting.themecolor.green': '极光绿',
+  'app.setting.themecolor.techBlue': '科技蓝（默认）',
+  'app.setting.themecolor.daybreak': '拂晓',
+  'app.setting.themecolor.geekblue': '极客蓝',
+  'app.setting.themecolor.purple': '酱紫',
+  'app.setting.navigationmode': '导航模式',
+  'app.setting.sidermenutype': '侧边菜单类型',
+  'app.setting.sidermenutype-sub': '经典模式',
+  'app.setting.sidermenutype-group': '分组模式',
+  'app.setting.regionalsettings': '内容区域',
+  'app.setting.regionalsettings.header': '顶栏',
+  'app.setting.regionalsettings.menu': '菜单',
+  'app.setting.regionalsettings.footer': '页脚',
+  'app.setting.regionalsettings.menuHeader': '菜单头',
+  'app.setting.sidemenu': '侧边菜单布局',
+  'app.setting.topmenu': '顶部菜单布局',
+  'app.setting.mixmenu': '混合菜单布局',
+  'app.setting.splitMenus': '自动分割菜单',
+  'app.setting.fixedheader': '固定 Header',
+  'app.setting.fixedsidebar': '固定侧边菜单',
+  'app.setting.fixedsidebar.hint': '侧边菜单布局时可配置',
+  'app.setting.hideheader': '下滑时隐藏 Header',
+  'app.setting.hideheader.hint': '固定 Header 时可配置',
+  'app.setting.othersettings': '其他设置',
+  'app.setting.weakmode': '色弱模式',
+  'app.setting.copy': '拷贝设置',
+  'app.setting.loading': '正在加载主题',
+  'app.setting.copyinfo': '拷贝成功，请到 src/defaultSettings.js 中替换默认配置',
+  'app.setting.production.hint': '配置栏只在开发环境用于预览，生产环境不会展现，请拷贝后手动修改配置文件'
+};

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

@@ -1,23 +1,3 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-
-// src/layout/locales/zh-CN.ts
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import settingDrawer from "./zh-CN/settingDrawer";
-var zh_CN_default = __spreadValues({}, settingDrawer);
-export {
-  zh_CN_default as default
-};
+export default _objectSpread({}, settingDrawer);

package/es/layout/locales/zh-TW/settingDrawer.js

@@ -1,39 +1,35 @@
-// src/layout/locales/zh-TW/settingDrawer.ts
-var settingDrawer_default = {
-  "app.setting.pagestyle": "整體風格設置",
-  "app.setting.pagestyle.dark": "暗色菜單風格",
-  "app.setting.pagestyle.realdark": "暗色風格(实验功能)",
-  "app.setting.pagestyle.light": "亮色菜單風格",
-  "app.setting.content-width": "內容區域寬度",
-  "app.setting.content-width.fixed": "定寬",
-  "app.setting.content-width.fluid": "流式",
-  "app.setting.themecolor": "主題色",
-  "app.setting.themecolor.dust": "薄暮",
-  "app.setting.themecolor.volcano": "火山",
-  "app.setting.themecolor.sunset": "日暮",
-  "app.setting.themecolor.cyan": "明青",
-  "app.setting.themecolor.green": "極光綠",
-  "app.setting.themecolor.techBlue": "科技蓝（默認）",
-  "app.setting.themecolor.daybreak": "拂曉藍",
-  "app.setting.themecolor.geekblue": "極客藍",
-  "app.setting.themecolor.purple": "醬紫",
-  "app.setting.navigationmode": "導航模式",
-  "app.setting.sidemenu": "側邊菜單布局",
-  "app.setting.topmenu": "頂部菜單布局",
-  "app.setting.mixmenu": "混合菜單布局",
-  "app.setting.splitMenus": "自动分割菜单",
-  "app.setting.fixedheader": "固定 Header",
-  "app.setting.fixedsidebar": "固定側邊菜單",
-  "app.setting.fixedsidebar.hint": "側邊菜單布局時可配置",
-  "app.setting.hideheader": "下滑時隱藏 Header",
-  "app.setting.hideheader.hint": "固定 Header 時可配置",
-  "app.setting.othersettings": "其他設置",
-  "app.setting.weakmode": "色弱模式",
-  "app.setting.copy": "拷貝設置",
-  "app.setting.loading": "正在加載主題",
-  "app.setting.copyinfo": "拷貝成功，請到 src/defaultSettings.js 中替換默認配置",
-  "app.setting.production.hint": "配置欄只在開發環境用於預覽，生產環境不會展現，請拷貝後手動修改配置文件"
-};
-export {
-  settingDrawer_default as default
-};
+export default {
+  'app.setting.pagestyle': '整體風格設置',
+  'app.setting.pagestyle.dark': '暗色菜單風格',
+  'app.setting.pagestyle.realdark': '暗色風格(实验功能)',
+  'app.setting.pagestyle.light': '亮色菜單風格',
+  'app.setting.content-width': '內容區域寬度',
+  'app.setting.content-width.fixed': '定寬',
+  'app.setting.content-width.fluid': '流式',
+  'app.setting.themecolor': '主題色',
+  'app.setting.themecolor.dust': '薄暮',
+  'app.setting.themecolor.volcano': '火山',
+  'app.setting.themecolor.sunset': '日暮',
+  'app.setting.themecolor.cyan': '明青',
+  'app.setting.themecolor.green': '極光綠',
+  'app.setting.themecolor.techBlue': '科技蓝（默認）',
+  'app.setting.themecolor.daybreak': '拂曉藍',
+  'app.setting.themecolor.geekblue': '極客藍',
+  'app.setting.themecolor.purple': '醬紫',
+  'app.setting.navigationmode': '導航模式',
+  'app.setting.sidemenu': '側邊菜單布局',
+  'app.setting.topmenu': '頂部菜單布局',
+  'app.setting.mixmenu': '混合菜單布局',
+  'app.setting.splitMenus': '自动分割菜单',
+  'app.setting.fixedheader': '固定 Header',
+  'app.setting.fixedsidebar': '固定側邊菜單',
+  'app.setting.fixedsidebar.hint': '側邊菜單布局時可配置',
+  'app.setting.hideheader': '下滑時隱藏 Header',
+  'app.setting.hideheader.hint': '固定 Header 時可配置',
+  'app.setting.othersettings': '其他設置',
+  'app.setting.weakmode': '色弱模式',
+  'app.setting.copy': '拷貝設置',
+  'app.setting.loading': '正在加載主題',
+  'app.setting.copyinfo': '拷貝成功，請到 src/defaultSettings.js 中替換默認配置',
+  'app.setting.production.hint': '配置欄只在開發環境用於預覽，生產環境不會展現，請拷貝後手動修改配置文件'
+};

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

@@ -1,23 +1,3 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-
-// src/layout/locales/zh-TW.ts
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import settingDrawer from "./zh-TW/settingDrawer";
-var zh_TW_default = __spreadValues({}, settingDrawer);
-export {
-  zh_TW_default as default
-};
+export default _objectSpread({}, settingDrawer);

package/es/layout/style/index.js

@@ -1,79 +1,49 @@
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-
-// src/layout/style/index.ts
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import { useStyle as useAntdStyle } from "../../provider";
-var genProLayoutStyle = (token) => {
-  var _a, _b, _c, _d, _e, _f, _g;
-  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: ((_b = (_a = token.layout) == null ? void 0 : _a.pageContainer) == null ? void 0 : _b.colorBgPageContainer) || "transparent",
-        position: "relative",
-        paddingBlock: (_d = (_c = token.layout) == null ? void 0 : _c.pageContainer) == null ? void 0 : _d.paddingBlockPageContainerContent,
-        paddingInline: (_f = (_e = token.layout) == null ? void 0 : _e.pageContainer) == null ? void 0 : _f.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: (_g = token.layout) == null ? void 0 : _g.bgLayout
-      }
+var genProLayoutStyle = function genProLayoutStyle(token) {
+  var _token$layout, _token$layout2, _token$layout3, _token$layout4;
+  return _defineProperty(_defineProperty({}, "".concat(token.antCls, "-layout"), {
+    backgroundColor: 'transparent !important'
+  }), token.componentCls, _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "& ".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
     }
-  };
+  }), "".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 useAntdStyle("ProLayout", (token) => {
-    const proLayoutToken = __spreadProps(__spreadValues({}, token), {
-      componentCls: `.${prefixCls}`
+export function useStyle(prefixCls) {
+  return useAntdStyle('ProLayout', function (token) {
+    var proLayoutToken = _objectSpread(_objectSpread({}, token), {}, {
+      componentCls: ".".concat(prefixCls)
     });
     return [genProLayoutStyle(proLayoutToken)];
   });
-}
-export {
-  useStyle
-};
+}

package/es/layout/typing.js

@@ -0,0 +1 @@
+export {};

package/es/layout/utils/getBreadcrumbProps.js

@@ -1,123 +1,143 @@
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-
-// src/layout/utils/getBreadcrumbProps.tsx
-import { match } from "path-to-regexp";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import { match } from 'path-to-regexp';
 import { urlToList } from "./pathTools";
-var defaultItemRender = (route, _, routes) => {
-  const { breadcrumbName, title, path } = route;
-  const last = routes.findIndex(
-    (i) => (
+import { jsx as _jsx } from "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;
-  return last ? /* @__PURE__ */ React.createElement("span", null, title || breadcrumbName) : /* @__PURE__ */ React.createElement("span", { onClick: path ? () => location.href = path : void 0 }, title || breadcrumbName);
+    );
+  }) === routes.length - 1;
+  return last ? /*#__PURE__*/_jsx("span", {
+    children: title || breadcrumbName
+  }) : /*#__PURE__*/_jsx("span", {
+    onClick: path ? function () {
+      return location.href = path;
+    } : undefined,
+    children: title || breadcrumbName
+  });
 };
-var renderItemLocal = (item, props) => {
-  const { formatMessage, menu } = props;
-  if (item.locale && formatMessage && (menu == null ? void 0 : menu.locale) !== false) {
-    return formatMessage({ id: item.locale, defaultMessage: item.name });
+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) {
+    return formatMessage({
+      id: item.locale,
+      defaultMessage: item.name
+    });
   }
   return item.name;
 };
-var getBreadcrumb = (breadcrumbMap, url) => {
-  let breadcrumbItem = breadcrumbMap.get(url);
+export var getBreadcrumb = function getBreadcrumb(breadcrumbMap, url) {
+  var breadcrumbItem = breadcrumbMap.get(url);
   if (!breadcrumbItem) {
-    const keys = Array.from(breadcrumbMap.keys()) || [];
-    const targetPath = keys.find(
-      (path) => {
-        try {
-          if (path == null ? void 0 : path.startsWith("http"))
-            return false;
-          return match(path.replace("?", ""))(url);
-        } catch (error) {
-          return false;
-        }
+    // 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) {
+      try {
+        if (path !== null && path !== void 0 && path.startsWith('http')) return false;
+        return match(path.replace('?', ''))(url);
+      } catch (error) {
+        return false;
       }
-      // remove ? ,不然会重复
+    }
+    // remove ? ,不然会重复
     );
-    if (targetPath)
-      breadcrumbItem = breadcrumbMap.get(targetPath);
+    if (targetPath) breadcrumbItem = breadcrumbMap.get(targetPath);
   }
-  return breadcrumbItem || { path: "" };
+  return breadcrumbItem || {
+    path: ''
+  };
 };
-var getBreadcrumbFromProps = (props) => {
-  const { location: location2, breadcrumbMap } = props;
+export var getBreadcrumbFromProps = function getBreadcrumbFromProps(props) {
+  var location = props.location,
+    breadcrumbMap = props.breadcrumbMap;
   return {
-    location: location2,
-    breadcrumbMap
+    location: location,
+    breadcrumbMap: breadcrumbMap
   };
 };
-var conversionFromLocation = (routerLocation, breadcrumbMap, props) => {
-  const pathSnippets = urlToList(routerLocation == null ? void 0 : routerLocation.pathname);
-  const extraBreadcrumbItems = pathSnippets.map((url) => {
-    const currentBreadcrumb = getBreadcrumb(breadcrumbMap, url);
-    const name = renderItemLocal(currentBreadcrumb, props);
-    const { hideInBreadcrumb } = currentBreadcrumb;
+var conversionFromLocation = function conversionFromLocation(routerLocation, breadcrumbMap, props) {
+  // Convertor the url to an array
+  var pathSnippets = urlToList(routerLocation === null || routerLocation === void 0 ? void 0 : 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;
     return name && !hideInBreadcrumb ? {
       linkPath: url,
       breadcrumbName: name,
       title: name,
       component: currentBreadcrumb.component
-    } : { linkPath: "", breadcrumbName: "", title: "" };
-  }).filter((item) => item && item.linkPath);
+    } : {
+      linkPath: '',
+      breadcrumbName: '',
+      title: ''
+    };
+  }).filter(function (item) {
+    return item && item.linkPath;
+  });
   return extraBreadcrumbItems;
 };
-var genBreadcrumbProps = (props) => {
-  const { location: location2, breadcrumbMap } = getBreadcrumbFromProps(props);
-  if (location2 && location2.pathname && breadcrumbMap) {
-    return conversionFromLocation(location2, breadcrumbMap, props);
+/** 将参数转化为面包屑 Convert parameters into breadcrumbs */
+export var genBreadcrumbProps = function genBreadcrumbProps(props) {
+  var _getBreadcrumbFromPro = getBreadcrumbFromProps(props),
+    location = _getBreadcrumbFromPro.location,
+    breadcrumbMap = _getBreadcrumbFromPro.breadcrumbMap;
+
+  // 根据 location 生成 面包屑
+  // Generate breadcrumbs based on location
+  if (location && location.pathname && breadcrumbMap) {
+    return conversionFromLocation(location, breadcrumbMap, props);
   }
   return [];
 };
-var getBreadcrumbProps = (props, layoutPros) => {
-  const { breadcrumbRender, itemRender: propsItemRender } = props;
-  const { minLength = 2 } = layoutPros.breadcrumbProps || {};
-  const routesArray = genBreadcrumbProps(props);
-  const itemRender = (item, ...rest) => {
-    const renderFunction = propsItemRender || defaultItemRender;
-    return renderFunction == null ? void 0 : renderFunction(
-      __spreadProps(__spreadValues({}, item), {
-        // 如果item.linkPath存在，则使用item.linkPath，否则使用item.path
-        // @ts-ignore
-        path: item.linkPath || item.path
-      }),
-      ...rest
-    );
+
+// 声明一个导出函数，接收两个参数：BreadcrumbProps和ProLayoutProps，返回一个BreadcrumbListReturn类型的对象
+export var getBreadcrumbProps = function getBreadcrumbProps(props, layoutPros // ProLayoutProps类型的layoutPros
+) {
+  // 解构赋值获取props中的breadcrumbRender和props中的itemRender，如果props中没有itemRender则使用默认的defaultItemRender函数
+  var breadcrumbRender = props.breadcrumbRender,
+    propsItemRender = props.itemRender;
+  // 解构赋值获取layoutPros.breadcrumbProps.minLenght的值，如果没有设置，则默认为2
+  var _ref2 = layoutPros.breadcrumbProps || {},
+    _ref2$minLength = _ref2.minLength,
+    minLength = _ref2$minLength === void 0 ? 2 : _ref2$minLength;
+  // 生成面包屑的路由数组，该数组中包含菜单项和面包屑项
+  var 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, [_objectSpread(_objectSpread({}, item), {}, {
+      // 如果item.linkPath存在，则使用item.linkPath，否则使用item.path
+      // @ts-ignore
+      path: item.linkPath || item.path
+    })].concat(rest));
   };
-  let items = routesArray;
+  var items = routesArray;
+  // 如果面包屑渲染函数breadcrumbRender存在，则使用其渲染数组items
   if (breadcrumbRender) {
-    items = breadcrumbRender(items || []) || void 0;
+    items = breadcrumbRender(items || []) || undefined;
   }
+  // 如果items（渲染后的数组）的长度小于minLength或者breadcrumbRender为false，则items为undefined
   if (items && items.length < minLength || breadcrumbRender === false) {
-    items = void 0;
+    items = undefined;
   }
+  // 如果当前 ant design 包的版本大于等于5.3.0，则返回一个对象{items,itemRender},否则返回一个对象{routes:item,itemRender}
   return {
-    items,
-    itemRender
+    items: items,
+    itemRender: itemRender
   };
-};
-export {
-  genBreadcrumbProps,
-  getBreadcrumb,
-  getBreadcrumbFromProps,
-  getBreadcrumbProps
-};
+};