@ant-design/pro-components 2.3.4 → 2.3.5

package/dist/components.js

@@ -36845,7 +36845,7 @@ var CardLoading = function CardLoading(_ref) {
           className: loadingBlockClass
         })
       }), (0,jsx_runtime.jsx)(external_antd_.Col, {
-        span: 15,
+        span: 14,
         children: (0,jsx_runtime.jsx)("div", {
           className: loadingBlockClass
         })
@@ -36858,7 +36858,7 @@ var CardLoading = function CardLoading(_ref) {
           className: loadingBlockClass
         })
       }), (0,jsx_runtime.jsx)(external_antd_.Col, {
-        span: 18,
+        span: 16,
         children: (0,jsx_runtime.jsx)("div", {
           className: loadingBlockClass
         })
@@ -36889,7 +36889,7 @@ var CardLoading = function CardLoading(_ref) {
           className: loadingBlockClass
         })
       }), (0,jsx_runtime.jsx)(external_antd_.Col, {
-        span: 16,
+        span: 14,
         children: (0,jsx_runtime.jsx)("div", {
           className: loadingBlockClass
         })
@@ -37087,7 +37087,9 @@ var proCheckCardDisabled = function proCheckCardDisabled(token) {
 };
 
 var CheckCard_style_genProStyle = function genProStyle(token) {
-  return defineProperty_defineProperty({}, token.componentCls, defineProperty_defineProperty({
+  var _content, _token$componentCls;
+
+  return defineProperty_defineProperty({}, token.componentCls, (_token$componentCls = {
     position: 'relative',
     display: 'inline-block',
     width: '320px',
@@ -37112,107 +37114,92 @@ var CheckCard_style_genProStyle = function genProStyle(token) {
     },
     '&-group': {
       display: 'inline-block'
-    },
-    '&-loading': {
-      overflow: 'hidden',
-      userSelect: 'none',
-      '&-content': {
-        paddingInline: token.padding,
-        paddingBlock: token.paddingSM,
-        p: {
-          marginBlock: 0,
-          marginInline: 0
-        },
-        '&-block': {
-          height: '14px',
-          marginBlock: '4px',
-          background: "linear-gradient(90deg, rgba(54, 61, 64, 0.2), rgba(54, 61, 64, 0.4), rgba(54, 61, 64, 0.2))"
-        },
-        '@keyframes card-loading': {
-          '0%': {
-            backgroundPosition: '0 50%'
-          },
-          '50%': {
-            backgroundPosition: '100% 50%'
-          },
-          '100%': {
-            backgroundPosition: '0 50%'
-          }
-        }
-      }
-    },
-    '&:focus': proCheckCardActive(token),
-    '&-checked': objectSpread2_objectSpread2(objectSpread2_objectSpread2({}, proCheckCardActive(token)), {}, {
-      '&:after': {
-        position: 'absolute',
-        insetBlockStart: 2,
-        insetInlineEnd: 2,
-        width: 0,
-        height: 0,
-        border: "6px solid ".concat(token.colorPrimary),
-        borderBottom: '6px solid transparent',
-        borderLeft: '6px solid transparent',
-        borderTopRightRadius: '2px',
-        content: "''"
-      }
-    }),
-    '&-disabled': proCheckCardDisabled(token),
-    '&[disabled]': proCheckCardDisabled(token),
-    '&-lg': {
-      width: 440
-    },
-    '&-sm': {
-      width: 212
-    },
-    '&-cover': {
-      paddingInline: token.paddingXXS,
-      paddingBlock: token.paddingXXS,
-      img: {
-        width: '100%',
-        height: '100%',
-        overflow: 'hidden',
-        borderRadius: token.radiusBase
+    }
+  }, defineProperty_defineProperty(_token$componentCls, "".concat(token.componentCls, "-loading"), {
+    overflow: 'hidden',
+    userSelect: 'none',
+    '&-content': (_content = {
+      paddingInline: token.padding,
+      paddingBlock: token.paddingSM,
+      p: {
+        marginBlock: 0,
+        marginInline: 0
       }
-    },
-    '&-content': {
-      display: 'flex',
-      paddingInline: token.paddingSM,
-      paddingBlock: token.padding
-    },
-    '&-avatar-header': {
-      display: 'flex',
-      alignItems: 'center'
-    },
-    '&-avatar': {
-      paddingInlineEnd: 8
-    },
-    '&-detail': {
-      overflow: 'hidden',
-      '> div:not(:last-child)': {
-        marginBlockEnd: 4
+    }, defineProperty_defineProperty(_content, "".concat(token.componentCls, "-loading-block"), {
+      height: '14px',
+      marginBlock: '4px',
+      background: "linear-gradient(90deg, rgba(54, 61, 64, 0.2), rgba(54, 61, 64, 0.4), rgba(54, 61, 64, 0.2))",
+      animation: "card-loading 1.4s ease infinite"
+    }), defineProperty_defineProperty(_content, '@keyframes card-loading', {
+      '0%': {
+        backgroundPosition: '0 50%'
+      },
+      '50%': {
+        backgroundPosition: '100% 50%'
+      },
+      '100%': {
+        backgroundPosition: '0 50%'
       }
-    },
-    '&-header': {
-      display: 'flex',
-      alignItems: 'center',
-      justifyContent: 'space-between'
-    },
-    '&-title': {
+    }), _content)
+  }), defineProperty_defineProperty(_token$componentCls, '&:focus', proCheckCardActive(token)), defineProperty_defineProperty(_token$componentCls, '&-checked', objectSpread2_objectSpread2(objectSpread2_objectSpread2({}, proCheckCardActive(token)), {}, {
+    '&:after': {
+      position: 'absolute',
+      insetBlockStart: 2,
+      insetInlineEnd: 2,
+      width: 0,
+      height: 0,
+      border: "6px solid ".concat(token.colorPrimary),
+      borderBottom: '6px solid transparent',
+      borderLeft: '6px solid transparent',
+      borderTopRightRadius: '2px',
+      content: "''"
+    }
+  })), defineProperty_defineProperty(_token$componentCls, '&-disabled', proCheckCardDisabled(token)), defineProperty_defineProperty(_token$componentCls, '&[disabled]', proCheckCardDisabled(token)), defineProperty_defineProperty(_token$componentCls, '&-lg', {
+    width: 440
+  }), defineProperty_defineProperty(_token$componentCls, '&-sm', {
+    width: 212
+  }), defineProperty_defineProperty(_token$componentCls, '&-cover', {
+    paddingInline: token.paddingXXS,
+    paddingBlock: token.paddingXXS,
+    img: {
+      width: '100%',
+      height: '100%',
       overflow: 'hidden',
-      color: token.colorTextHeading,
-      fontWeight: '500',
-      fontSize: token.fontSize,
-      whiteSpace: 'nowrap',
-      textOverflow: 'ellipsis'
-    },
-    '&-description': {
-      color: token.colorTextSecondary
+      borderRadius: token.radiusBase
+    }
+  }), defineProperty_defineProperty(_token$componentCls, '&-content', {
+    display: 'flex',
+    paddingInline: token.paddingSM,
+    paddingBlock: token.padding
+  }), defineProperty_defineProperty(_token$componentCls, '&-avatar-header', {
+    display: 'flex',
+    alignItems: 'center'
+  }), defineProperty_defineProperty(_token$componentCls, '&-avatar', {
+    paddingInlineEnd: 8
+  }), defineProperty_defineProperty(_token$componentCls, '&-detail', {
+    overflow: 'hidden',
+    width: '100%',
+    '> div:not(:last-child)': {
+      marginBlockEnd: 4
     }
-  }, "&:not(".concat(token.componentCls, "-disabled)"), {
+  }), defineProperty_defineProperty(_token$componentCls, '&-header', {
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'space-between'
+  }), defineProperty_defineProperty(_token$componentCls, '&-title', {
+    overflow: 'hidden',
+    color: token.colorTextHeading,
+    fontWeight: '500',
+    fontSize: token.fontSize,
+    whiteSpace: 'nowrap',
+    textOverflow: 'ellipsis'
+  }), defineProperty_defineProperty(_token$componentCls, '&-description', {
+    color: token.colorTextSecondary
+  }), defineProperty_defineProperty(_token$componentCls, "&:not(".concat(token.componentCls, "-disabled)"), {
     '&:hover': {
       borderColor: token.colorPrimary
     }
-  }));
+  }), _token$componentCls));
 };
 
 function CheckCard_style_useStyle(prefixCls) {
@@ -37791,40 +37778,39 @@ var ProCardActions = function ProCardActions(props) {
 
 
 var Loading_style_genProStyle = function genProStyle(token) {
-  return defineProperty_defineProperty({}, token.componentCls, {
+  var _token$componentCls;
+
+  return defineProperty_defineProperty({}, token.componentCls, (_token$componentCls = {
     '&-loading': {
       overflow: 'hidden'
     },
     '&-loading &-body': {
       userSelect: 'none'
+    }
+  }, defineProperty_defineProperty(_token$componentCls, "".concat(token.componentCls, "-loading-content"), {
+    width: '100%',
+    p: {
+      marginBlock: 0,
+      marginInline: 0
+    }
+  }), defineProperty_defineProperty(_token$componentCls, "".concat(token.componentCls, "-loading-block"), {
+    height: '14px',
+    marginBlock: '4px',
+    background: "linear-gradient(90deg, rgba(54, 61, 64, 0.2), rgba(54, 61, 64, 0.4), rgba(54, 61, 64, 0.2))",
+    backgroundSize: '600% 600%',
+    borderRadius: token.radiusBase,
+    animation: 'card-loading 1.4s ease infinite'
+  }), defineProperty_defineProperty(_token$componentCls, '@keyframes card-loading', {
+    '0%': {
+      backgroundPosition: '0 50%'
     },
-    '&-loading-content': {
-      width: '100%',
-      p: {
-        marginBlock: 0,
-        marginInline: 0
-      }
-    },
-    '&-loading-block': {
-      height: '14px',
-      marginBlock: '4px',
-      background: "linear-gradient(90deg, rgba(54, 61, 64, 0.2), rgba(54, 61, 64, 0.4), rgba(54, 61, 64, 0.2))",
-      backgroundSize: '600% 600%',
-      borderRadius: token.radiusBase,
-      animation: 'card-loading 1.4s ease infinite'
+    '50%': {
+      backgroundPosition: '100% 50%'
     },
-    '@keyframes card-loading': {
-      '0%': {
-        backgroundPosition: '0 50%'
-      },
-      '50%': {
-        backgroundPosition: '100% 50%'
-      },
-      '100%': {
-        backgroundPosition: '0 50 % '
-      }
+    '100%': {
+      backgroundPosition: '0 50 % '
     }
-  });
+  }), _token$componentCls));
 };
 
 function Loading_style_useStyle(prefixCls) {
@@ -44865,8 +44851,6 @@ var getValueOrLabel = function getValueOrLabel(valueMap, v) {
 };
 
 var LightSelect = function LightSelect(props, ref) {
-  console.log(props);
-
   var label = props.label,
       customizePrefixCls = props.prefixCls,
       _onChange = props.onChange,
@@ -55255,7 +55239,7 @@ var FieldTimePicker = function FieldTimePicker(_ref, ref) {
  */
 
 
-var FieldTimeRangePicker = function FieldTimeRangePicker(_ref2) {
+var FieldTimeRangePickerComponents = function FieldTimeRangePickerComponents(_ref2) {
   var text = _ref2.text,
       mode = _ref2.mode,
       format = _ref2.format,
@@ -55318,6 +55302,7 @@ var FieldTimeRangePicker = function FieldTimeRangePicker(_ref2) {
   return null;
 };
 
+var FieldTimeRangePicker = /*#__PURE__*/external_React_default().forwardRef(FieldTimeRangePickerComponents);
 
 /* harmony default export */ var TimePicker = (/*#__PURE__*/external_React_default().forwardRef(FieldTimePicker));
 ;// CONCATENATED MODULE: ./node_modules/antd/es/spin/style/index.js
@@ -71480,7 +71465,7 @@ var genPageContainerStyle = function genPageContainerStyle(token) {
       boxShadow: '0 2px 8px #f0f1f2'
     }))
   }, defineProperty_defineProperty(_token$componentCls, '& &-warp-page-header', defineProperty_defineProperty({
-    marginBlock: token.marginBlockPageContainerContent / 2,
+    marginBlockEnd: token.marginBlockPageContainerContent / 2,
     paddingInlineStart: 40,
     paddingInlineEnd: 40
   }, "& ~ ".concat(token.proComponentsCls, "-grid-content"), defineProperty_defineProperty({}, "".concat(token.proComponentsCls, "-page-container-children-content"), {
@@ -73762,7 +73747,7 @@ var SiderMenu = function SiderMenu(props) {
       },
       collapsedWidth: collapsedWidth,
       style: style,
-      theme: theme,
+      theme: "light",
       width: siderWidth,
       className: classnames_default()(siderClassName, hashId, hideMenuWhenCollapsedClassName),
       children: [(0,jsx_runtime.jsx)(external_antd_.ConfigProvider // @ts-ignore
@@ -74313,7 +74298,7 @@ var GlobalHeader_renderLogo = function renderLogo(menuHeaderRender, logoDom) {
 };
 
 var GlobalHeader = function GlobalHeader(props) {
-  var _classNames2;
+  var _classNames;
 
   var isMobile = props.isMobile,
       logo = props.logo,
@@ -74326,8 +74311,6 @@ var GlobalHeader = function GlobalHeader(props) {
       style = props.style,
       layout = props.layout,
       children = props.children,
-      _props$headerTheme = props.headerTheme,
-      headerTheme = _props$headerTheme === void 0 ? 'dark' : _props$headerTheme,
       splitMenus = props.splitMenus,
       menuData = props.menuData,
       prefixCls = props.prefixCls;
@@ -74341,7 +74324,7 @@ var GlobalHeader = function GlobalHeader(props) {
       wrapSSR = _useStyle.wrapSSR,
       hashId = _useStyle.hashId;
 
-  var className = classnames_default()(propClassName, baseClassName, hashId, defineProperty_defineProperty({}, "".concat(baseClassName, "-layout-").concat(layout), layout && headerTheme === 'dark'));
+  var className = classnames_default()(propClassName, baseClassName, hashId);
 
   if (layout === 'mix' && !isMobile && splitMenus) {
     var noChildrenMenuData = (menuData || []).map(function (item) {
@@ -74355,12 +74338,11 @@ var GlobalHeader = function GlobalHeader(props) {
       mode: "horizontal"
     }, props), {}, {
       splitMenus: false,
-      menuData: clearMenuData,
-      theme: headerTheme
+      menuData: clearMenuData
     }));
   }
 
-  var logoClassNames = classnames_default()("".concat(baseClassName, "-logo"), hashId, (_classNames2 = {}, defineProperty_defineProperty(_classNames2, "".concat(baseClassName, "-logo-rtl"), direction === 'rtl'), defineProperty_defineProperty(_classNames2, "".concat(baseClassName, "-logo-mix"), layout === 'mix'), defineProperty_defineProperty(_classNames2, "".concat(baseClassName, "-logo-mobile"), isMobile), _classNames2));
+  var logoClassNames = classnames_default()("".concat(baseClassName, "-logo"), hashId, (_classNames = {}, defineProperty_defineProperty(_classNames, "".concat(baseClassName, "-logo-rtl"), direction === 'rtl'), defineProperty_defineProperty(_classNames, "".concat(baseClassName, "-logo-mix"), layout === 'mix'), defineProperty_defineProperty(_classNames, "".concat(baseClassName, "-logo-mobile"), isMobile), _classNames));
 
   var logoDom = (0,jsx_runtime.jsx)("span", {
     className: logoClassNames,
@@ -74422,7 +74404,6 @@ var DefaultHeader = function DefaultHeader(props) {
       collapsed = props.collapsed,
       prefixCls = props.prefixCls,
       onCollapse = props.onCollapse,
-      navTheme = props.navTheme,
       layout = props.layout,
       headerRender = props.headerRender,
       headerContentRender = props.headerContentRender;
@@ -74443,7 +74424,6 @@ var DefaultHeader = function DefaultHeader(props) {
 
     if (isTop && !isMobile) {
       defaultDom = (0,jsx_runtime.jsx)(TopNavHeader, objectSpread2_objectSpread2(objectSpread2_objectSpread2({
-        theme: navTheme,
         mode: "horizontal",
         onCollapse: onCollapse
       }, props), {}, {
@@ -74456,7 +74436,7 @@ var DefaultHeader = function DefaultHeader(props) {
     }
 
     return defaultDom;
-  }, [headerContentRender, headerRender, isMobile, layout, navTheme, onCollapse, props]);
+  }, [headerContentRender, headerRender, isMobile, layout, onCollapse, props]);
   var needFixedHeader = fixedHeader || layout === 'mix';
   var isTop = layout === 'top';
   var baseClassName = "".concat(prefixCls, "-layout-header");
@@ -78704,10 +78684,13 @@ function urlToList(url) {
  // 渲染Breadcrumb 子节点
 // Render the Breadcrumb child node
 
-var defaultItemRender = function defaultItemRender(_ref) {
-  var breadcrumbName = _ref.breadcrumbName,
-      path = _ref.path;
-  return (0,jsx_runtime.jsx)("a", {
+var defaultItemRender = function defaultItemRender(route, _, routes) {
+  var breadcrumbName = route.breadcrumbName,
+      path = route.path;
+  var last = routes.indexOf(route) === routes.length - 1;
+  return last ? (0,jsx_runtime.jsx)("span", {
+    children: breadcrumbName
+  }) : (0,jsx_runtime.jsx)("a", {
     href: path,
     children: breadcrumbName
   });
@@ -78797,9 +78780,9 @@ var getBreadcrumbProps = function getBreadcrumbProps(props, layoutPros) {
   var breadcrumbRender = props.breadcrumbRender,
       propsItemRender = props.itemRender;
 
-  var _ref2 = layoutPros.breadcrumbProps || {},
-      _ref2$minLength = _ref2.minLength,
-      minLength = _ref2$minLength === void 0 ? 2 : _ref2$minLength;
+  var _ref = layoutPros.breadcrumbProps || {},
+      _ref$minLength = _ref.minLength,
+      minLength = _ref$minLength === void 0 ? 2 : _ref$minLength;
 
   var routesArray = genBreadcrumbProps(props);
   var itemRender = propsItemRender || defaultItemRender;
@@ -78873,10 +78856,9 @@ var useCurrentMenuLayoutProps = function useCurrentMenuLayoutProps(currentMenu)
       footerRender: currentMenu.footerRender,
       menuHeaderRender: currentMenu.menuHeaderRender,
       headerRender: currentMenu.headerRender,
-      fixSiderbar: currentMenu.fixSiderbar,
-      headerTheme: currentMenu.headerTheme
+      fixSiderbar: currentMenu.fixSiderbar
     }));
-  }, [currentMenu.layout, currentMenu.navTheme, currentMenu.menuRender, currentMenu.footerRender, currentMenu.menuHeaderRender, currentMenu.headerRender, currentMenu.fixSiderbar, currentMenu.headerTheme]);
+  }, [currentMenu.layout, currentMenu.navTheme, currentMenu.menuRender, currentMenu.footerRender, currentMenu.menuHeaderRender, currentMenu.headerRender, currentMenu.fixSiderbar]);
   return currentMenuLayoutProps;
 };
 
@@ -79280,7 +79262,6 @@ var BaseProLayout = function BaseProLayout(props) {
     menuData: menuData,
     onCollapse: onCollapse,
     isMobile: isMobile,
-    theme: navTheme === 'dark' ? 'dark' : 'light',
     collapsed: collapsed
   }), matchMenuKeys); // render header dom
 
@@ -79290,8 +79271,7 @@ var BaseProLayout = function BaseProLayout(props) {
     menuData: menuData,
     isMobile: isMobile,
     collapsed: collapsed,
-    onCollapse: onCollapse,
-    theme: navTheme === 'dark' ? 'dark' : 'light'
+    onCollapse: onCollapse
   }), matchMenuKeys); // render footer dom
 
   var footerDom = footerRender(objectSpread2_objectSpread2({
@@ -82475,9 +82455,10 @@ function useActionType(ref, action, props) {
                 });
 
               case 3:
-                action === null || action === void 0 ? void 0 : action.reload();
+                _context.next = 5;
+                return action === null || action === void 0 ? void 0 : action.reload();
 
-              case 4:
+              case 5:
               case "end":
                 return _context.stop();
             }
@@ -106319,15 +106300,15 @@ function BaseProList(props) {
 ;// CONCATENATED MODULE: ./packages/components/src/version.ts
 var version_version = {
   "@ant-design/pro-card": "2.0.2",
-  "@ant-design/pro-components": "2.3.3",
-  "@ant-design/pro-descriptions": "2.0.2",
-  "@ant-design/pro-field": "2.0.2",
-  "@ant-design/pro-form": "2.0.2",
+  "@ant-design/pro-components": "2.3.4",
+  "@ant-design/pro-descriptions": "2.0.3",
+  "@ant-design/pro-field": "2.0.3",
+  "@ant-design/pro-form": "2.0.3",
   "@ant-design/pro-layout": "7.0.2",
-  "@ant-design/pro-list": "2.0.2",
+  "@ant-design/pro-list": "2.0.3",
   "@ant-design/pro-provider": "2.0.2",
   "@ant-design/pro-skeleton": "2.0.2",
-  "@ant-design/pro-table": "3.0.2",
+  "@ant-design/pro-table": "3.0.3",
   "@ant-design/pro-utils": "2.0.2"
 };
 ;// CONCATENATED MODULE: ./packages/components/src/index.tsx