@ant-design/pro-components 2.0.2 → 2.0.3

package/dist/components.js

@@ -1651,7 +1651,7 @@ function pad2(c) {
 
 /***/ }),
 
-/***/ 2102:
+/***/ 897:
 /***/ (function(__unused_webpack_module, exports) {
 
 /**
@@ -46274,6 +46274,185 @@ function StatisticCard_style_useStyle(prefixCls) {
     return [StatisticCard_style_genProStyle(proListToken)];
   });
 }
+;// CONCATENATED MODULE: ./node_modules/antd/es/divider/style/index.js
+
+
+
+ // ============================== Shared ==============================
+
+var genSharedDividerStyle = function genSharedDividerStyle(token) {
+  var _extends2;
+
+  var componentCls = token.componentCls,
+      sizePaddingEdgeHorizontal = token.sizePaddingEdgeHorizontal,
+      colorSplit = token.colorSplit,
+      controlLineWidth = token.controlLineWidth;
+  return defineProperty_defineProperty({}, componentCls, extends_extends(extends_extends({}, style_resetComponent(token)), (_extends2 = {
+    borderBlockStart: "".concat(controlLineWidth, "px solid ").concat(colorSplit),
+    // vertical
+    '&-vertical': {
+      position: 'relative',
+      top: '-0.06em',
+      display: 'inline-block',
+      height: '0.9em',
+      margin: "0 ".concat(token.dividerVerticalGutterMargin, "px"),
+      verticalAlign: 'middle',
+      borderTop: 0,
+      borderInlineStart: "".concat(controlLineWidth, "px solid ").concat(colorSplit)
+    },
+    '&-horizontal': {
+      display: 'flex',
+      clear: 'both',
+      width: '100%',
+      minWidth: '100%',
+      margin: "".concat(token.dividerHorizontalGutterMargin, "px 0")
+    },
+    '&-horizontal&-with-text': {
+      display: 'flex',
+      margin: "".concat(token.dividerHorizontalWithTextGutterMargin, "px 0"),
+      color: token.colorTextHeading,
+      fontWeight: 500,
+      fontSize: token.fontSizeLG,
+      whiteSpace: 'nowrap',
+      textAlign: 'center',
+      borderBlockStart: "0 ".concat(colorSplit),
+      '&::before, &::after': {
+        position: 'relative',
+        top: '50%',
+        width: '50%',
+        borderBlockStart: "".concat(controlLineWidth, "px solid transparent"),
+        // Chrome not accept `inherit` in `border-top`
+        borderBlockStartColor: 'inherit',
+        borderBlockEnd: 0,
+        transform: 'translateY(50%)',
+        content: "''"
+      }
+    },
+    '&-horizontal&-with-text-left': {
+      '&::before': {
+        top: '50%',
+        width: '5%'
+      },
+      '&::after': {
+        top: '50%',
+        width: '95%'
+      }
+    },
+    '&-horizontal&-with-text-right': {
+      '&::before': {
+        top: '50%',
+        width: '95%'
+      },
+      '&::after': {
+        top: '50%',
+        width: '5%'
+      }
+    }
+  }, defineProperty_defineProperty(_extends2, "".concat(componentCls, "-inner-text"), {
+    display: 'inline-block',
+    padding: '0 1em'
+  }), defineProperty_defineProperty(_extends2, '&-dashed', {
+    background: 'none',
+    borderColor: colorSplit,
+    borderStyle: 'dashed',
+    borderWidth: 0,
+    borderBlockStart: "".concat(controlLineWidth, "px")
+  }), defineProperty_defineProperty(_extends2, '&-horizontal&-with-text&-dashed', {
+    '&::before, &::after': {
+      borderStyle: 'dashed none none'
+    }
+  }), defineProperty_defineProperty(_extends2, '&-vertical&-dashed', {
+    borderInlineStart: controlLineWidth,
+    borderInlineEnd: 0,
+    borderBlockStart: 0,
+    borderBlockEnd: 0
+  }), defineProperty_defineProperty(_extends2, '&-plain&-with-text', {
+    color: token.colorText,
+    fontWeight: 'normal',
+    fontSize: token.fontSize
+  }), defineProperty_defineProperty(_extends2, '&-horizontal&-with-text-left&-no-default-orientation-margin-left', defineProperty_defineProperty({
+    '&::before': {
+      width: 0
+    },
+    '&::after': {
+      width: '100%'
+    }
+  }, "".concat(componentCls, "-inner-text"), {
+    paddingInlineStart: sizePaddingEdgeHorizontal
+  })), defineProperty_defineProperty(_extends2, '&-horizontal&-with-text-right&-no-default-orientation-margin-right', defineProperty_defineProperty({
+    '&::before': {
+      width: '100%'
+    },
+    '&::after': {
+      width: 0
+    }
+  }, "".concat(componentCls, "-inner-text"), {
+    paddingInlineEnd: sizePaddingEdgeHorizontal
+  })), _extends2)));
+}; // ============================== Export ==============================
+
+
+/* harmony default export */ var divider_style = (genComponentStyleHook_genComponentStyleHook('Divider', function (token) {
+  var dividerToken = merge(token, {
+    dividerVerticalGutterMargin: token.marginXS,
+    dividerHorizontalWithTextGutterMargin: token.margin,
+    dividerHorizontalGutterMargin: token.marginLG
+  });
+  return [genSharedDividerStyle(dividerToken)];
+}, {
+  sizePaddingEdgeHorizontal: 0
+}));
+;// CONCATENATED MODULE: ./node_modules/antd/es/statistic/style/index.js
+
+
+
+
+
+var genStatisticStyle = function genStatisticStyle(token) {
+  var _$concat, _extends2;
+
+  var componentCls = token.componentCls,
+      marginXXS = token.marginXXS,
+      padding = token.padding,
+      colorTextDescription = token.colorTextDescription,
+      statisticTitleFontSize = token.statisticTitleFontSize,
+      colorTextHeading = token.colorTextHeading,
+      statisticContentFontSize = token.statisticContentFontSize,
+      statisticFontFamily = token.statisticFontFamily;
+  return defineProperty_defineProperty({}, "".concat(componentCls), extends_extends(extends_extends({}, style_resetComponent(token)), (_extends2 = {}, defineProperty_defineProperty(_extends2, "".concat(componentCls, "-title"), {
+    marginBottom: marginXXS,
+    color: colorTextDescription,
+    fontSize: statisticTitleFontSize
+  }), defineProperty_defineProperty(_extends2, "".concat(componentCls, "-skeleton"), {
+    paddingTop: padding
+  }), defineProperty_defineProperty(_extends2, "".concat(componentCls, "-content"), (_$concat = {
+    color: colorTextHeading,
+    fontSize: statisticContentFontSize,
+    fontFamily: statisticFontFamily
+  }, defineProperty_defineProperty(_$concat, "".concat(componentCls, "-content-value"), {
+    display: 'inline-block',
+    direction: 'ltr'
+  }), defineProperty_defineProperty(_$concat, "".concat(componentCls, "-content-prefix, ").concat(componentCls, "-content-suffix"), {
+    display: 'inline-block'
+  }), defineProperty_defineProperty(_$concat, "".concat(componentCls, "-content-prefix"), {
+    marginInlineEnd: marginXXS
+  }), defineProperty_defineProperty(_$concat, "".concat(componentCls, "-content-suffix"), {
+    marginInlineStart: marginXXS
+  }), _$concat)), _extends2)));
+}; // ============================== Export ==============================
+
+
+/* harmony default export */ var statistic_style = (genComponentStyleHook_genComponentStyleHook('Statistic', function (token) {
+  var fontSizeHeading3 = token.fontSizeHeading3,
+      fontSize = token.fontSize,
+      fontFamily = token.fontFamily;
+  var statisticToken = merge(token, {
+    statisticTitleFontSize: fontSize,
+    statisticContentFontSize: fontSizeHeading3,
+    statisticFontFamily: fontFamily
+  });
+  return [genStatisticStyle(statisticToken)];
+}));
 ;// CONCATENATED MODULE: ./packages/card/es/components/StatisticCard/index.js
 
 
@@ -46289,6 +46468,8 @@ var StatisticCard_excluded = ["children", "statistic", "className", "chart", "ch
 
 
 
+
+
 var StatisticCard = function StatisticCard(props) {
   var _classNames;
 
@@ -72769,6 +72950,11 @@ var style_genVerticalStyle = function genVerticalStyle(token) {
   });
   return [genFormStyle(formToken), genFormItemStyle(formToken), genFormMotionStyle(formToken), style_genHorizontalStyle(formToken), genInlineStyle(formToken), style_genVerticalStyle(formToken), collapse(formToken), zoomIn];
 }));
+;// CONCATENATED MODULE: ./node_modules/antd/es/row/style/index.js
+// Compatible for babel-plugin-import
+
+/* istanbul ignore next */
+/* harmony default export */ var row_style = ({});
 ;// CONCATENATED MODULE: ./node_modules/antd/es/steps/style/custom-icon.js
 
 
@@ -74086,12 +74272,416 @@ var genTabsStyle = function genTabsStyle(token) {
     zIndexPopup: token.zIndexPopupBase + 50
   };
 }));
+;// CONCATENATED MODULE: ./node_modules/antd/es/upload/style/dragger.js
+
+
+var genDraggerStyle = function genDraggerStyle(token) {
+  var _$concat2;
+
+  var componentCls = token.componentCls,
+      iconCls = token.iconCls;
+  return defineProperty_defineProperty({}, "".concat(componentCls, "-wrapper"), defineProperty_defineProperty({}, "".concat(componentCls, "-drag"), (_$concat2 = {
+    position: 'relative',
+    width: '100%',
+    height: '100%',
+    textAlign: 'center',
+    background: token.colorFillAlter,
+    border: "".concat(token.controlLineWidth, "px dashed ").concat(token.colorBorder),
+    borderRadius: token.controlRadiusLG,
+    cursor: 'pointer',
+    transition: "border-color ".concat(token.motionDurationSlow)
+  }, defineProperty_defineProperty(_$concat2, componentCls, {
+    padding: "".concat(token.padding, "px 0")
+  }), defineProperty_defineProperty(_$concat2, "".concat(componentCls, "-btn"), {
+    display: 'table',
+    width: '100%',
+    height: '100%',
+    outline: 'none'
+  }), defineProperty_defineProperty(_$concat2, "".concat(componentCls, "-drag-container"), {
+    display: 'table-cell',
+    verticalAlign: 'middle'
+  }), defineProperty_defineProperty(_$concat2, "&:not(".concat(componentCls, "-disabled):hover"), {
+    borderColor: token.colorPrimaryHover
+  }), defineProperty_defineProperty(_$concat2, "p".concat(componentCls, "-drag-icon"), defineProperty_defineProperty({
+    marginBottom: token.margin
+  }, iconCls, {
+    color: token.colorPrimary,
+    fontSize: token.uploadThumbnailSize
+  })), defineProperty_defineProperty(_$concat2, "p".concat(componentCls, "-text"), {
+    margin: "0 0 ".concat(token.marginXXS, "px"),
+    color: token.colorTextHeading,
+    fontSize: token.fontSizeLG
+  }), defineProperty_defineProperty(_$concat2, "p".concat(componentCls, "-hint"), {
+    color: token.colorTextDescription,
+    fontSize: token.fontSizeBase
+  }), defineProperty_defineProperty(_$concat2, "&".concat(componentCls, "-disabled"), defineProperty_defineProperty({
+    cursor: 'not-allowed'
+  }, "p".concat(componentCls, "-drag-icon ").concat(iconCls, ",\n            p").concat(componentCls, "-text,\n            p").concat(componentCls, "-hint\n          "), {
+    color: token.colorTextDisabled
+  })), _$concat2)));
+};
+
+/* harmony default export */ var dragger = (genDraggerStyle);
+;// CONCATENATED MODULE: ./node_modules/antd/es/upload/style/list.js
+
+
+
+
+var genListStyle = function genListStyle(token) {
+  var _actionsCls, _itemCls, _actionsCls2, _$concat, _extends2;
+
+  var componentCls = token.componentCls,
+      antCls = token.antCls,
+      iconCls = token.iconCls,
+      fontSizeBase = token.fontSizeBase,
+      lineHeight = token.lineHeight;
+  var itemCls = "".concat(componentCls, "-list-item");
+  var actionsCls = "".concat(itemCls, "-actions");
+  var actionCls = "".concat(itemCls, "-action");
+  var listItemHeightSM = Math.round(fontSizeBase * lineHeight);
+  return defineProperty_defineProperty({}, "".concat(componentCls, "-wrapper"), defineProperty_defineProperty({}, "".concat(componentCls, "-list"), extends_extends(extends_extends({}, clearFix()), (_extends2 = {
+    lineHeight: token.lineHeight
+  }, defineProperty_defineProperty(_extends2, itemCls, (_itemCls = {
+    position: 'relative',
+    height: token.lineHeight * fontSizeBase,
+    marginTop: token.marginXS,
+    fontSize: fontSizeBase,
+    display: 'flex',
+    alignItems: 'center',
+    transition: "background-color ".concat(token.motionDurationSlow),
+    '&:hover': {
+      backgroundColor: token.controlItemBgHover
+    }
+  }, defineProperty_defineProperty(_itemCls, "".concat(itemCls, "-name"), {
+    padding: "0 ".concat(token.paddingXS, "px"),
+    overflow: 'hidden',
+    lineHeight: lineHeight,
+    whiteSpace: 'nowrap',
+    textOverflow: 'ellipsis',
+    flex: 'auto',
+    transition: "all ".concat(token.motionDurationSlow)
+  }), defineProperty_defineProperty(_itemCls, actionsCls, (_actionsCls = {}, defineProperty_defineProperty(_actionsCls, actionCls, {
+    opacity: 0
+  }), defineProperty_defineProperty(_actionsCls, "".concat(actionCls).concat(antCls, "-btn-sm"), {
+    height: listItemHeightSM,
+    border: 0,
+    lineHeight: 1,
+    // FIXME: should not override small button
+    '> span': {
+      transform: 'scale(1)'
+    }
+  }), defineProperty_defineProperty(_actionsCls, "\n              ".concat(actionCls, ":focus,\n              &.picture ").concat(actionCls, "\n            "), {
+    opacity: 1
+  }), defineProperty_defineProperty(_actionsCls, iconCls, {
+    color: token.colorTextDescription,
+    transition: "all ".concat(token.motionDurationSlow)
+  }), defineProperty_defineProperty(_actionsCls, "&:hover ".concat(iconCls), {
+    color: token.colorText
+  }), _actionsCls)), defineProperty_defineProperty(_itemCls, "".concat(componentCls, "-icon ").concat(iconCls), {
+    color: token.colorTextDescription,
+    fontSize: fontSizeBase
+  }), defineProperty_defineProperty(_itemCls, "".concat(itemCls, "-progress"), {
+    position: 'absolute',
+    bottom: -token.uploadProgressOffset,
+    width: '100%',
+    paddingInlineStart: fontSizeBase + token.paddingXS,
+    fontSize: fontSizeBase,
+    lineHeight: 0,
+    pointerEvents: 'none',
+    '> div': {
+      margin: 0
+    }
+  }), _itemCls)), defineProperty_defineProperty(_extends2, "".concat(itemCls, ":hover ").concat(actionCls), {
+    opacity: 1,
+    color: token.colorText
+  }), defineProperty_defineProperty(_extends2, "".concat(itemCls, "-error"), (_$concat = {
+    color: token.colorError
+  }, defineProperty_defineProperty(_$concat, "".concat(itemCls, "-name, ").concat(componentCls, "-icon ").concat(iconCls), {
+    color: token.colorError
+  }), defineProperty_defineProperty(_$concat, actionsCls, (_actionsCls2 = {}, defineProperty_defineProperty(_actionsCls2, "".concat(iconCls, ", ").concat(iconCls, ":hover"), {
+    color: token.colorError
+  }), defineProperty_defineProperty(_actionsCls2, actionCls, {
+    opacity: 1
+  }), _actionsCls2)), _$concat)), defineProperty_defineProperty(_extends2, "".concat(componentCls, "-list-item-container"), {
+    transition: "opacity ".concat(token.motionDurationSlow, ", height ").concat(token.motionDurationSlow),
+    // For smooth removing animation
+    '&::before': {
+      display: 'table',
+      width: 0,
+      height: 0,
+      content: '""'
+    }
+  }), _extends2))));
+};
+
+/* harmony default export */ var list = (genListStyle);
+;// CONCATENATED MODULE: ./node_modules/antd/es/upload/style/motion.js
+
+
+var uploadAnimateInlineIn = new Keyframes('uploadAnimateInlineIn', {
+  from: {
+    width: 0,
+    height: 0,
+    margin: 0,
+    padding: 0,
+    opacity: 0
+  }
+});
+var uploadAnimateInlineOut = new Keyframes('uploadAnimateInlineOut', {
+  to: {
+    width: 0,
+    height: 0,
+    margin: 0,
+    padding: 0,
+    opacity: 0
+  }
+}); // =========================== Motion ===========================
+
+var style_motion_genMotionStyle = function genMotionStyle(token) {
+  var _$concat;
+
+  var componentCls = token.componentCls;
+  var inlineCls = "".concat(componentCls, "-animate-inline");
+  return [defineProperty_defineProperty({}, "".concat(componentCls, "-wrapper"), (_$concat = {}, defineProperty_defineProperty(_$concat, "".concat(inlineCls, "-appear, ").concat(inlineCls, "-enter, ").concat(inlineCls, "-leave"), {
+    animationDuration: token.motionDurationSlow,
+    animationTimingFunction: token.motionEaseInOutCirc,
+    animationFillMode: 'forwards'
+  }), defineProperty_defineProperty(_$concat, "".concat(inlineCls, "-appear, ").concat(inlineCls, "-enter"), {
+    animationName: uploadAnimateInlineIn
+  }), defineProperty_defineProperty(_$concat, "".concat(inlineCls, "-leave"), {
+    animationName: uploadAnimateInlineOut
+  }), _$concat)), uploadAnimateInlineIn, uploadAnimateInlineOut];
+};
+
+/* harmony default export */ var upload_style_motion = (style_motion_genMotionStyle);
+;// CONCATENATED MODULE: ./node_modules/antd/es/upload/style/picture.js
+
+
+
+
+
+var genPictureStyle = function genPictureStyle(token) {
+  var _$concat, _itemCls, _$concat$concat, _$concat$concat$conca;
+
+  var componentCls = token.componentCls,
+      iconCls = token.iconCls,
+      uploadThumbnailSize = token.uploadThumbnailSize,
+      uploadProgressOffset = token.uploadProgressOffset;
+  var listCls = "".concat(componentCls, "-list");
+  var itemCls = "".concat(listCls, "-item");
+  return defineProperty_defineProperty({}, "".concat(componentCls, "-wrapper"), defineProperty_defineProperty({}, "".concat(listCls).concat(listCls, "-picture, ").concat(listCls).concat(listCls, "-picture-card"), (_$concat$concat$conca = {}, defineProperty_defineProperty(_$concat$concat$conca, itemCls, (_itemCls = {
+    position: 'relative',
+    height: uploadThumbnailSize + token.controlLineWidth * 2 + token.paddingXS * 2,
+    padding: token.paddingXS,
+    border: "".concat(token.controlLineWidth, "px ").concat(token.controlLineType, " ").concat(token.colorBorder),
+    borderRadius: token.controlRadiusLG,
+    '&:hover': {
+      background: 'transparent'
+    }
+  }, defineProperty_defineProperty(_itemCls, "".concat(itemCls, "-thumbnail"), (_$concat = {
+    width: uploadThumbnailSize,
+    height: uploadThumbnailSize,
+    lineHeight: "".concat(uploadThumbnailSize + token.paddingSM, "px"),
+    textAlign: 'center',
+    flex: 'none',
+    overflow: 'hidden',
+    textOverflow: 'ellipsis',
+    whiteSpace: 'nowrap'
+  }, defineProperty_defineProperty(_$concat, iconCls, {
+    fontSize: token.fontSizeHeading2
+  }), defineProperty_defineProperty(_$concat, "img", {
+    display: 'block',
+    width: '100%',
+    height: '100%',
+    overflow: 'hidden'
+  }), _$concat)), defineProperty_defineProperty(_itemCls, "".concat(itemCls, "-progress"), {
+    bottom: uploadProgressOffset,
+    width: "calc(100% - ".concat(token.paddingSM * 2, "px)"),
+    marginTop: 0,
+    paddingInlineStart: uploadThumbnailSize + token.paddingXS
+  }), _itemCls)), defineProperty_defineProperty(_$concat$concat$conca, "".concat(itemCls, "-error"), defineProperty_defineProperty({
+    borderColor: token.colorError
+  }, "".concat(itemCls, "-thumbnail ").concat(iconCls), (_$concat$concat = {}, defineProperty_defineProperty(_$concat$concat, "svg path[fill='#e6f7ff']", {
+    fill: token.colorErrorBg
+  }), defineProperty_defineProperty(_$concat$concat, "svg path[fill='#1890ff']", {
+    fill: token.colorError
+  }), _$concat$concat))), defineProperty_defineProperty(_$concat$concat$conca, "".concat(itemCls, "-uploading"), defineProperty_defineProperty({
+    borderStyle: 'dashed'
+  }, "".concat(itemCls, "-name"), {
+    marginBottom: uploadProgressOffset
+  })), _$concat$concat$conca)));
+};
+
+var genPictureCardStyle = function genPictureCardStyle(token) {
+  var _$concat$concat2, _$concat7, _$concat$concat4, _extends2;
+
+  var componentCls = token.componentCls,
+      iconCls = token.iconCls,
+      fontSizeLG = token.fontSizeLG,
+      colorTextLightSolid = token.colorTextLightSolid;
+  var listCls = "".concat(componentCls, "-list");
+  var itemCls = "".concat(listCls, "-item");
+  var uploadPictureCardSize = token.uploadPicCardSize;
+  return defineProperty_defineProperty({}, "".concat(componentCls, "-wrapper").concat(componentCls, "-picture-card-wrapper"), extends_extends(extends_extends({}, clearFix()), (_extends2 = {
+    display: 'inline-block',
+    width: '100%'
+  }, defineProperty_defineProperty(_extends2, "".concat(componentCls).concat(componentCls, "-select"), (_$concat$concat2 = {
+    width: uploadPictureCardSize,
+    height: uploadPictureCardSize,
+    marginInlineEnd: token.marginXS,
+    marginBottom: token.marginXS,
+    textAlign: 'center',
+    verticalAlign: 'top',
+    backgroundColor: token.colorFillAlter,
+    border: "".concat(token.controlLineWidth, "px dashed ").concat(token.colorBorder),
+    borderRadius: token.controlRadiusLG,
+    cursor: 'pointer',
+    transition: "border-color ".concat(token.motionDurationSlow)
+  }, defineProperty_defineProperty(_$concat$concat2, "> ".concat(componentCls), {
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'center',
+    height: '100%',
+    textAlign: 'center'
+  }), defineProperty_defineProperty(_$concat$concat2, "&:not(".concat(componentCls, "-disabled):hover"), {
+    borderColor: token.colorPrimary
+  }), _$concat$concat2)), defineProperty_defineProperty(_extends2, "".concat(listCls).concat(listCls, "-picture-card"), (_$concat$concat4 = {}, defineProperty_defineProperty(_$concat$concat4, "".concat(listCls, "-item-container"), {
+    display: 'inline-block',
+    width: uploadPictureCardSize,
+    height: uploadPictureCardSize,
+    marginBlock: "0 ".concat(token.marginXS, "px"),
+    marginInline: "0 ".concat(token.marginXS, "px"),
+    verticalAlign: 'top'
+  }), defineProperty_defineProperty(_$concat$concat4, '&::after', {
+    display: 'none'
+  }), defineProperty_defineProperty(_$concat$concat4, itemCls, {
+    height: '100%',
+    margin: 0,
+    '&::before': {
+      position: 'absolute',
+      zIndex: 1,
+      width: "calc(100% - ".concat(token.paddingXS * 2, "px)"),
+      height: "calc(100% - ".concat(token.paddingXS * 2, "px)"),
+      backgroundColor: token.colorBgMask,
+      opacity: 0,
+      transition: "all ".concat(token.motionDurationSlow),
+      content: '" "'
+    }
+  }), defineProperty_defineProperty(_$concat$concat4, "".concat(itemCls, ":hover"), defineProperty_defineProperty({}, "&::before, ".concat(itemCls, "-actions"), {
+    opacity: 1
+  })), defineProperty_defineProperty(_$concat$concat4, "".concat(itemCls, "-actions"), defineProperty_defineProperty({
+    position: 'absolute',
+    insetInlineStart: 0,
+    zIndex: 10,
+    width: '100%',
+    whiteSpace: 'nowrap',
+    textAlign: 'center',
+    opacity: 0,
+    transition: "all ".concat(token.motionDurationSlow)
+  }, "".concat(iconCls, "-eye, ").concat(iconCls, "-download, ").concat(iconCls, "-delete"), {
+    zIndex: 10,
+    width: fontSizeLG,
+    margin: "0 ".concat(token.marginXXS, "px"),
+    fontSize: fontSizeLG,
+    cursor: 'pointer',
+    transition: "all ".concat(token.motionDurationSlow)
+  })), defineProperty_defineProperty(_$concat$concat4, "".concat(itemCls, "-actions, ").concat(itemCls, "-actions:hover"), defineProperty_defineProperty({}, "".concat(iconCls, "-eye, ").concat(iconCls, "-download, ").concat(iconCls, "-delete"), {
+    color: new TinyColor(colorTextLightSolid).setAlpha(0.65).toRgbString(),
+    '&:hover': {
+      color: colorTextLightSolid
+    }
+  })), defineProperty_defineProperty(_$concat$concat4, "".concat(itemCls, "-thumbnail, ").concat(itemCls, "-thumbnail img"), {
+    position: 'static',
+    display: 'block',
+    width: '100%',
+    height: '100%',
+    objectFit: 'contain'
+  }), defineProperty_defineProperty(_$concat$concat4, "".concat(itemCls, "-name"), {
+    display: 'none',
+    textAlign: 'center'
+  }), defineProperty_defineProperty(_$concat$concat4, "".concat(itemCls, "-file + ").concat(itemCls, "-name"), {
+    position: 'absolute',
+    bottom: token.margin,
+    display: 'block',
+    width: "calc(100% - ".concat(token.paddingXS * 2, "px)")
+  }), defineProperty_defineProperty(_$concat$concat4, "".concat(itemCls, "-uploading"), (_$concat7 = {}, defineProperty_defineProperty(_$concat7, "&".concat(itemCls), {
+    backgroundColor: token.colorFillAlter
+  }), defineProperty_defineProperty(_$concat7, "&::before, ".concat(iconCls, "-eye, ").concat(iconCls, "-download, ").concat(iconCls, "-delete"), {
+    display: 'none'
+  }), _$concat7)), defineProperty_defineProperty(_$concat$concat4, "".concat(itemCls, "-progress"), {
+    bottom: token.marginXL,
+    width: "calc(100% - ".concat(token.paddingXS * 2, "px)"),
+    paddingInlineStart: 0
+  }), _$concat$concat4)), _extends2)));
+};
+
+
+;// CONCATENATED MODULE: ./node_modules/antd/es/upload/style/rtl.js
+ // =========================== Motion ===========================
+
+var rtl_genRtlStyle = function genRtlStyle(token) {
+  var componentCls = token.componentCls;
+  return defineProperty_defineProperty({}, "".concat(componentCls, "-rtl"), {
+    direction: 'rtl'
+  });
+};
+
+/* harmony default export */ var style_rtl = (rtl_genRtlStyle);
+;// CONCATENATED MODULE: ./node_modules/antd/es/upload/style/index.js
+
+
+
+
+
+
+
+
+
+
+
+var upload_style_genBaseStyle = function genBaseStyle(token) {
+  var _extends2;
+
+  var componentCls = token.componentCls,
+      colorTextDisabled = token.colorTextDisabled;
+  return defineProperty_defineProperty({}, "".concat(componentCls, "-wrapper"), extends_extends(extends_extends({}, style_resetComponent(token)), (_extends2 = {}, defineProperty_defineProperty(_extends2, componentCls, {
+    outline: 0,
+    "input[type='file']": {
+      cursor: 'pointer'
+    }
+  }), defineProperty_defineProperty(_extends2, "".concat(componentCls, "-select"), {
+    display: 'inline-block'
+  }), defineProperty_defineProperty(_extends2, "".concat(componentCls, "-disabled"), {
+    color: colorTextDisabled,
+    cursor: 'not-allowed'
+  }), _extends2)));
+}; // ============================== Export ==============================
+
+
+/* harmony default export */ var upload_style = (genComponentStyleHook_genComponentStyleHook('Upload', function (token) {
+  var fontSizeHeading3 = token.fontSizeHeading3,
+      fontSizeBase = token.fontSizeBase,
+      lineHeight = token.lineHeight,
+      lineWidth = token.lineWidth,
+      controlHeightLG = token.controlHeightLG;
+  var listItemHeightSM = Math.round(fontSizeBase * lineHeight);
+  var uploadToken = merge(token, {
+    uploadThumbnailSize: fontSizeHeading3 * 2,
+    uploadProgressOffset: listItemHeightSM / 2 + lineWidth,
+    uploadPicCardSize: controlHeightLG * 2.55
+  });
+  return [upload_style_genBaseStyle(uploadToken), dragger(uploadToken), genPictureStyle(uploadToken), genPictureCardStyle(uploadToken), list(uploadToken), upload_style_motion(uploadToken), style_rtl(uploadToken), collapse(uploadToken)];
+}));
 ;// CONCATENATED MODULE: ./packages/form/es/index.js
  // 兼容代码-----------
 
 
 
 
+
+
+
+
  //----------------------
 
 
@@ -76100,6 +76690,123 @@ var genSharedAnchorStyle = function genSharedAnchorStyle(token) {
   });
   return [genSharedAnchorStyle(anchorToken)];
 }));
+;// CONCATENATED MODULE: ./node_modules/antd/es/avatar/style/index.js
+
+
+
+
+
+var avatar_style_genBaseStyle = function genBaseStyle(token) {
+  var _extends2, _extends3;
+
+  var antCls = token.antCls,
+      componentCls = token.componentCls,
+      iconCls = token.iconCls,
+      avatarBg = token.avatarBg,
+      avatarColor = token.avatarColor,
+      avatarSizeBase = token.avatarSizeBase,
+      avatarSizeLG = token.avatarSizeLG,
+      avatarSizeSM = token.avatarSizeSM,
+      avatarFontSizeBase = token.avatarFontSizeBase,
+      avatarFontSizeLG = token.avatarFontSizeLG,
+      avatarFontSizeSM = token.avatarFontSizeSM,
+      controlRadius = token.controlRadius,
+      controlRadiusLG = token.controlRadiusLG,
+      controlRadiusSM = token.controlRadiusSM,
+      lineWidth = token.lineWidth,
+      lineType = token.lineType; // Avatar size style
+
+  var avatarSizeStyle = function avatarSizeStyle(size, fontSize, radius) {
+    var _ref;
+
+    return _ref = {
+      width: size,
+      height: size,
+      lineHeight: "".concat(size - lineWidth * 2, "px"),
+      borderRadius: '50%'
+    }, defineProperty_defineProperty(_ref, "&".concat(componentCls, "-square"), {
+      borderRadius: radius
+    }), defineProperty_defineProperty(_ref, "".concat(componentCls, "-string"), {
+      position: 'absolute',
+      left: {
+        _skip_check_: true,
+        value: '50%'
+      },
+      transformOrigin: '0 center'
+    }), defineProperty_defineProperty(_ref, "&".concat(componentCls, "-icon"), defineProperty_defineProperty({
+      fontSize: fontSize
+    }, "> ".concat(iconCls), {
+      margin: 0
+    })), _ref;
+  };
+
+  return defineProperty_defineProperty({}, componentCls, extends_extends(extends_extends(extends_extends(extends_extends({}, style_resetComponent(token)), (_extends2 = {
+    position: 'relative',
+    display: 'inline-block',
+    overflow: 'hidden',
+    color: avatarColor,
+    whiteSpace: 'nowrap',
+    textAlign: 'center',
+    verticalAlign: 'middle',
+    background: avatarBg,
+    border: "".concat(lineWidth, "px ").concat(lineType, " transparent")
+  }, defineProperty_defineProperty(_extends2, "&-image", {
+    background: 'transparent'
+  }), defineProperty_defineProperty(_extends2, "".concat(antCls, "-image-img"), {
+    display: 'block'
+  }), _extends2)), avatarSizeStyle(avatarSizeBase, avatarFontSizeBase, controlRadius)), (_extends3 = {}, defineProperty_defineProperty(_extends3, "&-lg", extends_extends({}, avatarSizeStyle(avatarSizeLG, avatarFontSizeLG, controlRadiusLG))), defineProperty_defineProperty(_extends3, "&-sm", extends_extends({}, avatarSizeStyle(avatarSizeSM, avatarFontSizeSM, controlRadiusSM))), defineProperty_defineProperty(_extends3, '> img', {
+    display: 'block',
+    width: '100%',
+    height: '100%',
+    objectFit: 'cover'
+  }), _extends3)));
+};
+
+var style_genGroupStyle = function genGroupStyle(token) {
+  var _$concat3;
+
+  var componentCls = token.componentCls,
+      avatarGroupBorderColor = token.avatarGroupBorderColor,
+      avatarGroupOverlapping = token.avatarGroupOverlapping,
+      avatarGroupSpace = token.avatarGroupSpace;
+  return defineProperty_defineProperty({}, "".concat(componentCls, "-group"), (_$concat3 = {
+    display: 'inline-flex'
+  }, defineProperty_defineProperty(_$concat3, "".concat(componentCls), defineProperty_defineProperty({
+    borderColor: avatarGroupBorderColor
+  }, "&:not(:first-child)", {
+    marginInlineStart: -avatarGroupOverlapping
+  })), defineProperty_defineProperty(_$concat3, "&-popover", defineProperty_defineProperty({}, "".concat(componentCls, " + ").concat(componentCls), {
+    marginInlineStart: avatarGroupSpace
+  })), _$concat3));
+};
+
+/* harmony default export */ var avatar_style = (genComponentStyleHook_genComponentStyleHook('Avatar', function (token) {
+  var colorTextLightSolid = token.colorTextLightSolid,
+      controlHeight = token.controlHeight,
+      controlHeightLG = token.controlHeightLG,
+      controlHeightSM = token.controlHeightSM,
+      fontSize = token.fontSize,
+      fontSizeLG = token.fontSizeLG,
+      fontSizeXL = token.fontSizeXL,
+      fontSizeHeading3 = token.fontSizeHeading3,
+      marginXS = token.marginXS,
+      colorBorderBg = token.colorBorderBg,
+      colorTextPlaceholder = token.colorTextPlaceholder;
+  var avatarToken = merge(token, {
+    avatarBg: colorTextPlaceholder,
+    avatarColor: colorTextLightSolid,
+    avatarSizeBase: controlHeight,
+    avatarSizeLG: controlHeightLG,
+    avatarSizeSM: controlHeightSM,
+    avatarFontSizeBase: Math.round((fontSizeLG + fontSizeXL) / 2),
+    avatarFontSizeLG: fontSizeHeading3,
+    avatarFontSizeSM: fontSize,
+    avatarGroupOverlapping: marginXS,
+    avatarGroupSpace: marginXS,
+    avatarGroupBorderColor: colorBorderBg
+  });
+  return [avatar_style_genBaseStyle(avatarToken), style_genGroupStyle(avatarToken)];
+}));
 ;// CONCATENATED MODULE: ./node_modules/antd/es/breadcrumb/style/index.js
 
 
@@ -76161,134 +76868,6 @@ var genBreadcrumbStyle = function genBreadcrumbStyle(token) {
   });
   return [genBreadcrumbStyle(BreadcrumbToken)];
 }));
-;// CONCATENATED MODULE: ./node_modules/antd/es/divider/style/index.js
-
-
-
- // ============================== Shared ==============================
-
-var genSharedDividerStyle = function genSharedDividerStyle(token) {
-  var _extends2;
-
-  var componentCls = token.componentCls,
-      sizePaddingEdgeHorizontal = token.sizePaddingEdgeHorizontal,
-      colorSplit = token.colorSplit,
-      controlLineWidth = token.controlLineWidth;
-  return defineProperty_defineProperty({}, componentCls, extends_extends(extends_extends({}, style_resetComponent(token)), (_extends2 = {
-    borderBlockStart: "".concat(controlLineWidth, "px solid ").concat(colorSplit),
-    // vertical
-    '&-vertical': {
-      position: 'relative',
-      top: '-0.06em',
-      display: 'inline-block',
-      height: '0.9em',
-      margin: "0 ".concat(token.dividerVerticalGutterMargin, "px"),
-      verticalAlign: 'middle',
-      borderTop: 0,
-      borderInlineStart: "".concat(controlLineWidth, "px solid ").concat(colorSplit)
-    },
-    '&-horizontal': {
-      display: 'flex',
-      clear: 'both',
-      width: '100%',
-      minWidth: '100%',
-      margin: "".concat(token.dividerHorizontalGutterMargin, "px 0")
-    },
-    '&-horizontal&-with-text': {
-      display: 'flex',
-      margin: "".concat(token.dividerHorizontalWithTextGutterMargin, "px 0"),
-      color: token.colorTextHeading,
-      fontWeight: 500,
-      fontSize: token.fontSizeLG,
-      whiteSpace: 'nowrap',
-      textAlign: 'center',
-      borderBlockStart: "0 ".concat(colorSplit),
-      '&::before, &::after': {
-        position: 'relative',
-        top: '50%',
-        width: '50%',
-        borderBlockStart: "".concat(controlLineWidth, "px solid transparent"),
-        // Chrome not accept `inherit` in `border-top`
-        borderBlockStartColor: 'inherit',
-        borderBlockEnd: 0,
-        transform: 'translateY(50%)',
-        content: "''"
-      }
-    },
-    '&-horizontal&-with-text-left': {
-      '&::before': {
-        top: '50%',
-        width: '5%'
-      },
-      '&::after': {
-        top: '50%',
-        width: '95%'
-      }
-    },
-    '&-horizontal&-with-text-right': {
-      '&::before': {
-        top: '50%',
-        width: '95%'
-      },
-      '&::after': {
-        top: '50%',
-        width: '5%'
-      }
-    }
-  }, defineProperty_defineProperty(_extends2, "".concat(componentCls, "-inner-text"), {
-    display: 'inline-block',
-    padding: '0 1em'
-  }), defineProperty_defineProperty(_extends2, '&-dashed', {
-    background: 'none',
-    borderColor: colorSplit,
-    borderStyle: 'dashed',
-    borderWidth: 0,
-    borderBlockStart: "".concat(controlLineWidth, "px")
-  }), defineProperty_defineProperty(_extends2, '&-horizontal&-with-text&-dashed', {
-    '&::before, &::after': {
-      borderStyle: 'dashed none none'
-    }
-  }), defineProperty_defineProperty(_extends2, '&-vertical&-dashed', {
-    borderInlineStart: controlLineWidth,
-    borderInlineEnd: 0,
-    borderBlockStart: 0,
-    borderBlockEnd: 0
-  }), defineProperty_defineProperty(_extends2, '&-plain&-with-text', {
-    color: token.colorText,
-    fontWeight: 'normal',
-    fontSize: token.fontSize
-  }), defineProperty_defineProperty(_extends2, '&-horizontal&-with-text-left&-no-default-orientation-margin-left', defineProperty_defineProperty({
-    '&::before': {
-      width: 0
-    },
-    '&::after': {
-      width: '100%'
-    }
-  }, "".concat(componentCls, "-inner-text"), {
-    paddingInlineStart: sizePaddingEdgeHorizontal
-  })), defineProperty_defineProperty(_extends2, '&-horizontal&-with-text-right&-no-default-orientation-margin-right', defineProperty_defineProperty({
-    '&::before': {
-      width: '100%'
-    },
-    '&::after': {
-      width: 0
-    }
-  }, "".concat(componentCls, "-inner-text"), {
-    paddingInlineEnd: sizePaddingEdgeHorizontal
-  })), _extends2)));
-}; // ============================== Export ==============================
-
-
-/* harmony default export */ var divider_style = (genComponentStyleHook_genComponentStyleHook('Divider', function (token) {
-  var dividerToken = merge(token, {
-    dividerVerticalGutterMargin: token.marginXS,
-    dividerHorizontalWithTextGutterMargin: token.margin,
-    dividerHorizontalGutterMargin: token.marginLG
-  });
-  return [genSharedDividerStyle(dividerToken)];
-}, {
-  sizePaddingEdgeHorizontal: 0
-}));
 ;// CONCATENATED MODULE: ./node_modules/antd/es/layout/style/light.js
 
 
@@ -76773,7 +77352,7 @@ var getRTLStyle = function getRTLStyle(_ref) {
   })), _ref2;
 };
 
-/* harmony default export */ var style_rtl = (getRTLStyle);
+/* harmony default export */ var menu_style_rtl = (getRTLStyle);
 ;// CONCATENATED MODULE: ./node_modules/antd/es/menu/style/theme.js
 
 
@@ -77274,7 +77853,7 @@ var getBaseStyle = function getBaseStyle(token) {
     horizontal(menuToken), // Vertical
     style_vertical(menuToken), // Theme
     theme(menuToken), // RTL
-    style_rtl(menuToken), // Motion
+    menu_style_rtl(menuToken), // Motion
     collapse(menuToken), initSlideMotion(menuToken, 'slide-up'), initSlideMotion(menuToken, 'slide-down'), initZoomMotion(menuToken, 'zoom-big')];
   }, function (token) {
     var colorPrimary = token.colorPrimary,
@@ -78439,7 +79018,6 @@ var PageContainer_excluded = ["title", "content", "pageHeaderRender", "header",
 
 
 
-
 function genLoading(spinProps) {
   if (typeof_typeof(spinProps) === 'object') {
     return spinProps;
@@ -78464,7 +79042,7 @@ var PageContainer_renderFooter = function renderFooter(_ref) {
       prefixedClassName = _ref.prefixedClassName;
 
   if (Array.isArray(tabList) || tabBarExtraContent) {
-    return (0,jsx_runtime.jsx)(external_antd_.Tabs, objectSpread2_objectSpread2(objectSpread2_objectSpread2({
+    return (0,jsx_runtime.jsx)(external_antd_.Tabs, objectSpread2_objectSpread2({
       className: "".concat(prefixedClassName, "-tabs"),
       activeKey: tabActiveKey,
       onChange: function onChange(key) {
@@ -78472,19 +79050,17 @@ var PageContainer_renderFooter = function renderFooter(_ref) {
           onTabChange(key);
         }
       },
-      tabBarExtraContent: tabBarExtraContent
-    }, tabProps), {}, {
-      children: tabList === null || tabList === void 0 ? void 0 : tabList.map(function (item, index) {
-        return (
-          /*#__PURE__*/
-          // eslint-disable-next-line react/no-array-index-key
-          (0,external_React_.createElement)(external_antd_.Tabs.TabPane, objectSpread2_objectSpread2(objectSpread2_objectSpread2({}, item), {}, {
-            tab: item.tab,
-            key: item.key || index
-          }))
-        );
+      tabBarExtraContent: tabBarExtraContent,
+      items: tabList === null || tabList === void 0 ? void 0 : tabList.map(function (item, index) {
+        var _item$key;
+
+        return objectSpread2_objectSpread2(objectSpread2_objectSpread2({
+          label: item.tab
+        }, item), {}, {
+          key: ((_item$key = item.key) === null || _item$key === void 0 ? void 0 : _item$key.toString()) || (index === null || index === void 0 ? void 0 : index.toString())
+        });
       })
-    }));
+    }, tabProps));
   }
 
   return null;
@@ -81432,7 +82008,7 @@ var NotificationOutlined_NotificationOutlined = function NotificationOutlined(pr
 NotificationOutlined_NotificationOutlined.displayName = 'NotificationOutlined';
 /* harmony default export */ var icons_NotificationOutlined = (/*#__PURE__*/external_React_.forwardRef(NotificationOutlined_NotificationOutlined));
 // EXTERNAL MODULE: ./node_modules/@umijs/ssr-darkreader/darkreader.js
-var darkreader = __webpack_require__(2102);
+var darkreader = __webpack_require__(897);
 ;// CONCATENATED MODULE: ./packages/layout/es/locales/en-US/settingDrawer.js
 /* harmony default export */ var settingDrawer = ({
   'app.setting.pagestyle': 'Page style setting',
@@ -86266,6 +86842,7 @@ var ProLayout_ProLayout = function ProLayout(props) {
 
 
 
+
  //----------------------
 
 
@@ -90630,8 +91207,6 @@ function ColumnSetting(props) {
 
 
 
-var HeaderMenu_excluded = ["label", "key"];
-
 
 
 
@@ -90678,19 +91253,17 @@ var HeaderMenu = function HeaderMenu(props) {
 
   if (type === 'tab') {
     return (0,jsx_runtime.jsx)(external_antd_.Tabs, {
+      items: items.map(function (item) {
+        var _item$key;
+
+        return objectSpread2_objectSpread2(objectSpread2_objectSpread2({}, item), {}, {
+          key: (_item$key = item.key) === null || _item$key === void 0 ? void 0 : _item$key.toString()
+        });
+      }),
       activeKey: activeItem.key,
       onTabClick: function onTabClick(key) {
         return setActiveKey(key);
-      },
-      children: items.map(function (_ref, index) {
-        var label = _ref.label,
-            key = _ref.key,
-            rest = objectWithoutProperties_objectWithoutProperties(_ref, HeaderMenu_excluded);
-
-        return (0,jsx_runtime.jsx)(external_antd_.Tabs.TabPane, objectSpread2_objectSpread2({
-          tab: label
-        }, rest), key || index);
-      })
+      }
     });
   }
 
@@ -90897,11 +91470,17 @@ var ListToolBarTabBar = function ListToolBarTabBar(_ref) {
     className: "".concat(prefixCls, "-extra-line"),
     children: tabs.items && tabs.items.length ? (0,jsx_runtime.jsx)(external_antd_.Tabs, {
       activeKey: tabs.activeKey,
+      items: tabs.items.map(function (item, index) {
+        var _item$key;
+
+        return objectSpread2_objectSpread2(objectSpread2_objectSpread2({
+          label: item.tab
+        }, item), {}, {
+          key: ((_item$key = item.key) === null || _item$key === void 0 ? void 0 : _item$key.toString()) || (index === null || index === void 0 ? void 0 : index.toString())
+        });
+      }),
       onChange: tabs.onChange,
-      tabBarExtraContent: filtersNode,
-      children: tabs.items.map(function (tab, index) {
-        return (0,jsx_runtime.jsx)(external_antd_.Tabs.TabPane, objectSpread2_objectSpread2({}, tab), tab.key || index);
-      })
+      tabBarExtraContent: filtersNode
     }) : filtersNode
   });
 };
@@ -112952,17 +113531,17 @@ function BaseProList(props) {
 /* harmony default export */ var list_es = ((/* unused pure expression or super */ null && (ProList)));
 ;// CONCATENATED MODULE: ./packages/components/src/version.ts
 var version_version = {
-  "@ant-design/pro-card": "2.0.0-experimental.15",
-  "@ant-design/pro-components": "2.0.0-experimental.27",
-  "@ant-design/pro-descriptions": "2.0.0-experimental.15",
-  "@ant-design/pro-field": "2.0.0-experimental.15",
-  "@ant-design/pro-form": "2.0.0-experimental.15",
-  "@ant-design/pro-layout": "7.0.0-experimental.27",
-  "@ant-design/pro-list": "2.0.0-experimental.16",
+  "@ant-design/pro-card": "2.0.0-experimental.16",
+  "@ant-design/pro-components": "2.0.0-experimental.28",
+  "@ant-design/pro-descriptions": "2.0.0-experimental.16",
+  "@ant-design/pro-field": "2.0.0-experimental.16",
+  "@ant-design/pro-form": "2.0.0-experimental.16",
+  "@ant-design/pro-layout": "7.0.0-experimental.28",
+  "@ant-design/pro-list": "2.0.0-experimental.17",
   "@ant-design/pro-provider": "2.0.0-experimental.10",
-  "@ant-design/pro-skeleton": "2.0.0-experimental.7",
-  "@ant-design/pro-table": "3.0.0-experimental.16",
-  "@ant-design/pro-utils": "2.0.0-experimental.15"
+  "@ant-design/pro-skeleton": "2.0.0-experimental.8",
+  "@ant-design/pro-table": "3.0.0-experimental.17",
+  "@ant-design/pro-utils": "2.0.0-experimental.16"
 };
 ;// CONCATENATED MODULE: ./packages/components/src/index.tsx