@ant-design/pro-components 2.0.2 → 2.0.5

package/dist/components.js

@@ -1651,7 +1651,7 @@ function pad2(c) {
 
 /***/ }),
 
-/***/ 2102:
+/***/ 897:
 /***/ (function(__unused_webpack_module, exports) {
 
 /**
@@ -39222,7 +39222,7 @@ var genProStyle = function genProStyle(token) {
     paddingBlock: 16,
     paddingInlineStart: 8,
     paddingInlineEnd: 16,
-    borderTop: "1px solid ".concat(token.colorSplit)
+    borderBlockStart: "1px solid ".concat(token.colorSplit)
   });
 };
 
@@ -44892,9 +44892,9 @@ var CheckCard_style_genProStyle = function genProStyle(token) {
       width: 0,
       height: 0,
       border: "6px solid ".concat(token.colorPrimary),
-      borderBottom: '6px solid transparent',
-      borderLeft: '6px solid transparent',
-      borderTopRightRadius: '2px',
+      borderBlockEnd: '6px solid transparent',
+      borderInlineStart: '6px solid transparent',
+      borderBlockStartRightRadius: '2px',
       content: "''"
     }
   }), _token$componentCls));
@@ -45197,11 +45197,11 @@ var Statistic_style_genProStyle = function genProStyle(token) {
   }), _layoutHorizontal)), defineProperty_defineProperty(_layoutInline, '&-trend-up', defineProperty_defineProperty({}, "".concat(token.antCls, "-statistic-content"), defineProperty_defineProperty({
     color: '#f5222d'
   }, "".concat(token.componentCls, "--trend-icon"), {
-    borderBottomColor: '#f5222d'
+    borderBlockEndColor: '#f5222d'
   }))), defineProperty_defineProperty(_layoutInline, '&-trend-down', defineProperty_defineProperty({}, "".concat(token.antCls, "-statistic-content"), defineProperty_defineProperty({
     color: '#389e0d'
   }, "".concat(token.componentCls, "--trend-icon"), {
-    borderBottomColor: '#52c41a'
+    borderBlockEndColor: '#52c41a'
   }))), _layoutInline)), _token$componentCls));
 };
 
@@ -45368,7 +45368,7 @@ var genActionsStyle = function genActionsStyle(token) {
     paddingInline: 0,
     listStyle: 'none',
     background: token.colorBgContainer,
-    borderTop: "".concat(token.lineWidth, "px ").concat(token.lineType, " ").concat(token.colorSplit)
+    borderBlockStart: "".concat(token.lineWidth, "px ").concat(token.lineType, " ").concat(token.colorSplit)
   }, defineProperty_defineProperty(_$concat, "".concat(antCls, "-space"), {
     gap: '0 !important',
     width: '100%'
@@ -45667,7 +45667,7 @@ var genProCardStyle = function genProCardStyle(token) {
         width: 0,
         height: 0,
         border: "6px solid ".concat(token.colorPrimary),
-        borderBottom: '6px solid transparent',
+        borderBlockEnd: '6px solid transparent',
         borderInlineStart: '6px solid transparent',
         borderStartEndRadius: 2,
         content: '""'
@@ -45719,7 +45719,7 @@ var genProCardStyle = function genProCardStyle(token) {
   }), defineProperty_defineProperty(_objectSpread2, '&&-collapse', defineProperty_defineProperty({}, "> ".concat(componentCls), {
     '&-header': {
       paddingBlockEnd: token.padding,
-      borderBottom: 0
+      borderBlockEnd: 0
     },
     '&-body': {
       display: 'none'
@@ -45735,7 +45735,7 @@ var genProCardStyle = function genProCardStyle(token) {
       '&': {
         paddingBlockEnd: token.padding
       },
-      borderBottom: "".concat(token.lineWidth, "px ").concat(token.lineType, " ").concat(token.colorSplit)
+      borderBlockEnd: "".concat(token.lineWidth, "px ").concat(token.lineType, " ").concat(token.colorSplit)
     },
     '&-collapsible': {
       cursor: 'pointer'
@@ -45771,7 +45771,7 @@ var genProCardStyle = function genProCardStyle(token) {
   }), _objectSpread2))), defineProperty_defineProperty(_ref, "".concat(componentCls, "-col"), (_$concat2 = {}, defineProperty_defineProperty(_$concat2, "&".concat(componentCls, "-split-vertical"), {
     borderInlineEnd: "".concat(token.lineWidth, "px ").concat(token.lineType, " ").concat(token.colorSplit)
   }), defineProperty_defineProperty(_$concat2, "&".concat(componentCls, "-split-horizontal"), {
-    borderBottom: "".concat(token.lineWidth, "px ").concat(token.lineType, " ").concat(token.colorSplit)
+    borderBlockEnd: "".concat(token.lineWidth, "px ").concat(token.lineType, " ").concat(token.colorSplit)
   }), _$concat2)), defineProperty_defineProperty(_ref, "".concat(componentCls, "-tabs"), (_$concat9 = {}, defineProperty_defineProperty(_$concat9, "".concat(token.antCls, "-tabs-top > ").concat(token.antCls, "-tabs-nav"), defineProperty_defineProperty({
     marginBlockEnd: 0
   }, "".concat(token.antCls, "-tabs-nav-list"), {
@@ -46260,7 +46260,7 @@ var StatisticCard_style_genProStyle = function genProStyle(token) {
     '&-footer': {
       marginBlockStart: 8,
       paddingBlockStart: '16px',
-      borderTop: "rgba(0, 0, 0, 0.08) solid ".concat(token.colorBorder)
+      borderBlockStart: "rgba(0, 0, 0, 0.08) solid ".concat(token.colorBorder)
     }
   });
 };
@@ -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;
 
@@ -59065,8 +59246,8 @@ var FieldDigitRange = function FieldDigitRange(_ref, ref) {
         style: {
           width: separatorWidth,
           textAlign: 'center',
-          borderLeft: 0,
-          borderRight: 0,
+          borderInlineStart: 0,
+          borderInlineEnd: 0,
           pointerEvents: 'none',
           backgroundColor: '#FFF'
         },
@@ -59077,7 +59258,7 @@ var FieldDigitRange = function FieldDigitRange(_ref, ref) {
         id: id !== null && id !== void 0 ? id : "".concat(id, "-1"),
         style: {
           width: "calc((100% - ".concat(separatorWidth, "px) / 2)"),
-          borderLeft: 0
+          borderInlineStart: 0
         },
         value: valuePair === null || valuePair === void 0 ? void 0 : valuePair[1],
         defaultValue: defaultValue === null || defaultValue === void 0 ? void 0 : defaultValue[1],
@@ -61604,7 +61785,7 @@ var FieldRadio = function FieldRadio(_ref, ref) {
     var _dom = wrapSSR((0,jsx_runtime.jsx)(external_antd_.Radio.Group, objectSpread2_objectSpread2(objectSpread2_objectSpread2({
       ref: radioRef
     }, rest.fieldProps), {}, {
-      className: classnames_default()((_rest$fieldProps = rest.fieldProps) === null || _rest$fieldProps === void 0 ? void 0 : _rest$fieldProps.className, hashId, "".concat(layoutClassName, "-").concat(rest.fieldProps.layout || 'horizontal')),
+      className: classnames_default()((_rest$fieldProps = rest.fieldProps) === null || _rest$fieldProps === void 0 ? void 0 : _rest$fieldProps.className, hashId, "".concat(layoutClassName, "-").concat(rest.fieldProps.layout || 'vertical')),
       options: undefined,
       children: options === null || options === void 0 ? void 0 : options.map(function (item) {
         return (0,jsx_runtime.jsx)(RadioComponents, objectSpread2_objectSpread2(objectSpread2_objectSpread2({}, item), {}, {
@@ -68772,10 +68953,24 @@ var QueryFilter_style_genProStyle = function genProStyle(token) {
 
   return defineProperty_defineProperty({}, token.proComponentsCls, defineProperty_defineProperty({}, token.componentCls, (_token$componentCls = {
     padding: 24
-  }, defineProperty_defineProperty(_token$componentCls, "".concat(token.antCls, "-form-item"), {
+  }, defineProperty_defineProperty(_token$componentCls, "&".concat(token.antCls, "-form-horizontal"), {
+    paddingInline: 0
+  }), defineProperty_defineProperty(_token$componentCls, "".concat(token.antCls, "-form-item"), {
+    marginBlock: 0
+  }), defineProperty_defineProperty(_token$componentCls, "".concat(token.proComponentsCls, "-form-group-title"), {
     marginBlock: 0
   }), defineProperty_defineProperty(_token$componentCls, '&-row', {
-    rowGap: 24
+    rowGap: 24,
+    '&-split-line': {
+      '&:after': {
+        position: 'absolute',
+        width: '100%',
+        content: '""',
+        height: 1,
+        insetBlockEnd: -12,
+        borderBlockEnd: '1px dashed ' + token.colorSplit
+      }
+    }
   }), defineProperty_defineProperty(_token$componentCls, '&-collapse-button', {
     display: 'flex',
     alignItems: 'center'
@@ -68993,25 +69188,18 @@ var QueryFilterContent = function QueryFilterContent(props) {
 
     currentSpan += colSpan;
 
-    var colItem = (0,jsx_runtime.jsx)(external_antd_.Col, {
-      span: colSpan,
-      children: itemDom
-    }, itemKey);
-
     if (split && currentSpan % 24 === 0 && index < itemLength - 1) {
-      return [colItem, (0,jsx_runtime.jsx)(external_antd_.Col, {
-        span: "24",
-        children: (0,jsx_runtime.jsx)(external_antd_.Divider, {
-          style: {
-            marginBlockStart: -8,
-            marginBlockEnd: 16
-          },
-          dashed: true
-        })
-      }, "line")];
+      return (0,jsx_runtime.jsx)(external_antd_.Col, {
+        span: colSpan,
+        className: "".concat(props.baseClassName, "-row-split-line"),
+        children: itemDom
+      }, itemKey);
     }
 
-    return colItem;
+    return (0,jsx_runtime.jsx)(external_antd_.Col, {
+      span: colSpan,
+      children: itemDom
+    }, itemKey);
   });
   var hiddenNum = showHiddenNum && processedList.filter(function (item) {
     return item.hidden;
@@ -69169,6 +69357,7 @@ function QueryFilter(props) {
           submitter: renderSubmitter,
           items: items,
           split: split,
+          baseClassName: baseClassName,
           resetText: props.resetText,
           searchText: props.searchText,
           searchGutter: searchGutter,
@@ -71495,7 +71684,7 @@ function BaseForm(props) {
           },
           autoComplete: "off",
           form: form
-        }, omit_js_es(propRest, ['autoFocusFirstInput'])), {}, {
+        }, omit_js_es(propRest, ['labelWidth', 'autoFocusFirstInput'])), {}, {
           // 组合 urlSearch 和 initialValues
           initialValues: syncToUrlAsImportant ? objectSpread2_objectSpread2(objectSpread2_objectSpread2(objectSpread2_objectSpread2({}, initialData), initialValues), urlParamsMergeInitialValues) : objectSpread2_objectSpread2(objectSpread2_objectSpread2(objectSpread2_objectSpread2({}, urlParamsMergeInitialValues), initialData), initialValues),
           onValuesChange: function onValuesChange(changedValues, values) {
@@ -72769,6 +72958,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 +74280,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
  // 兼容代码-----------
 
 
 
 
+
+
+
+
  //----------------------
 
 
@@ -74689,7 +75287,7 @@ var StatisticSkeleton = function StatisticSkeleton(_ref2) {
       children: new Array(arraySize).fill(null).map(function (_, index) {
         return (0,jsx_runtime.jsxs)("div", {
           style: {
-            borderLeft: arraySize > 2 && index === 1 ? '1px solid rgba(0,0,0,0.06)' : undefined,
+            borderInlineStart: arraySize > 2 && index === 1 ? '1px solid rgba(0,0,0,0.06)' : undefined,
             paddingInlineStart: firstWidth(index),
             flex: 1,
             marginInlineEnd: index === 0 ? 16 : 0
@@ -76100,6 +76698,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 +76876,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 +77360,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 +77861,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,
@@ -77569,7 +78156,7 @@ var genFooterToolBarStyle = function genFooterToolBarStyle(token) {
 
     /* A way to reset the style of the component. */
     backgroundColor: 'rgba(255, 255, 255, 0.58)',
-    borderTop: "1px solid ".concat(token.colorSplit),
+    borderBlockStart: "1px solid ".concat(token.colorSplit),
     '-webkit-backdrop-filter': 'blur(8px)',
     backdropFilter: 'blur(8px)',
     transition: 'all 0.2s ease 0s',
@@ -78439,7 +79026,6 @@ var PageContainer_excluded = ["title", "content", "pageHeaderRender", "header",
 
 
 
-
 function genLoading(spinProps) {
   if (typeof_typeof(spinProps) === 'object') {
     return spinProps;
@@ -78464,7 +79050,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 +79058,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;
@@ -78903,7 +79487,7 @@ var genProLayoutHeaderStyle = function genProLayoutHeaderStyle(token) {
     width: '100%',
     paddingBlock: 0,
     paddingInline: 8,
-    borderBottom: "1px solid ".concat(token.colorSplit),
+    borderBlockEnd: "1px solid ".concat(token.colorSplit),
     backgroundColor: token.colorBgHeader || 'rgba(255, 255, 255, 0.4)',
     WebkitBackdropFilter: 'blur(8px)',
     backdropFilter: 'blur(8px)',
@@ -80059,7 +80643,7 @@ var MenuUtil = /*#__PURE__*/_createClass(function MenuUtil(props) {
         key: (item.key || item.path) + '-group-divider',
         style: {
           padding: 0,
-          borderBottom: 0,
+          borderBlockEnd: 0,
           margin: _this.props.collapsed ? '4px' : '6px 16px',
           marginBlockStart: _this.props.collapsed ? 4 : 8,
           borderColor: designToken === null || designToken === void 0 ? void 0 : (_designToken$sider = designToken.sider) === null || _designToken$sider === void 0 ? void 0 : _designToken$sider.colorMenuItemDivider
@@ -81432,7 +82016,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',
@@ -85108,7 +85692,7 @@ var style_genSiderMenuStyle = function genSiderMenuStyle(token) {
     paddingBlock: 16,
     color: token.colorTextMenu,
     cursor: 'pointer',
-    borderBottom: "1px solid ".concat(token.colorMenuItemDivider),
+    borderBlockEnd: "1px solid ".concat(token.colorMenuItemDivider),
     '> a': {
       display: 'flex',
       alignItems: 'center',
@@ -86266,6 +86850,7 @@ var ProLayout_ProLayout = function ProLayout(props) {
 
 
 
+
  //----------------------
 
 
@@ -90630,8 +91215,6 @@ function ColumnSetting(props) {
 
 
 
-var HeaderMenu_excluded = ["label", "key"];
-
 
 
 
@@ -90678,19 +91261,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);
-      })
+      }
     });
   }
 
@@ -90807,7 +91388,7 @@ var genProListStyle = function genProListStyle(token) {
     }, "".concat(token.antCls, "-tabs-top > ").concat(token.antCls, "-tabs-nav"), defineProperty_defineProperty({
       marginBlockEnd: 0,
       '&::before': {
-        borderBottom: 0
+        borderBlockEnd: 0
       }
     }, "".concat(token.antCls, "-tabs-nav-list"), {
       marginBlockStart: 0,
@@ -90897,11 +91478,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
   });
 };
@@ -112594,39 +113181,39 @@ var es_style_genProListStyle = function genProListStyle(token) {
   }, defineProperty_defineProperty(_token$componentCls, "".concat(token.proComponentsCls, "-table-alert"), {
     marginBlockEnd: '16px'
   }), defineProperty_defineProperty(_token$componentCls, '&-row', (_row = {
-    borderBottom: "1px solid ".concat(token.colorSplit),
-    '&:last-child': defineProperty_defineProperty({
-      borderBottom: 'none'
-    }, "".concat(token.antCls, "-list-item"), {
-      borderBottom: 'none'
-    }),
-    '&:hover': (_hover = {
-      backgroundColor: 'rgba(0, 0, 0, 0.02)',
-      transition: 'background-color 0.3s'
-    }, defineProperty_defineProperty(_hover, "".concat(token.antCls, "-list-item-action"), {
-      display: 'block'
-    }), defineProperty_defineProperty(_hover, "".concat(token.antCls, "-list-item-extra"), {
-      display: 'flex'
-    }), defineProperty_defineProperty(_hover, "".concat(token.componentCls, "-row-extra"), {
-      display: 'block'
-    }), defineProperty_defineProperty(_hover, "".concat(token.componentCls, "-row-subheader-actions"), {
-      display: 'block'
-    }), _hover),
-    '&-card': defineProperty_defineProperty({
-      marginBlock: 8,
-      marginInline: 0,
-      paddingBlock: 0,
-      paddingInline: 8,
-      '&:hover': {
-        backgroundColor: 'transparent'
-      }
-    }, "".concat(token.antCls, "-list-item-meta-title"), {
-      flexShrink: 9,
-      marginBlock: 0,
-      marginInline: 0,
-      lineHeight: '22px'
-    })
-  }, defineProperty_defineProperty(_row, "&".concat(token.componentCls, "-row-editable"), defineProperty_defineProperty({}, "".concat(token.componentCls, "-list-item"), {
+    borderBlockEnd: "1px solid ".concat(token.colorSplit)
+  }, defineProperty_defineProperty(_row, "".concat(token.antCls, "-list-item-meta-title"), {
+    borderBlockEnd: 'none',
+    margin: 0
+  }), defineProperty_defineProperty(_row, '&:last-child', defineProperty_defineProperty({
+    borderBlockEnd: 'none'
+  }, "".concat(token.antCls, "-list-item"), {
+    borderBlockEnd: 'none'
+  })), defineProperty_defineProperty(_row, '&:hover', (_hover = {
+    backgroundColor: 'rgba(0, 0, 0, 0.02)',
+    transition: 'background-color 0.3s'
+  }, defineProperty_defineProperty(_hover, "".concat(token.antCls, "-list-item-action"), {
+    display: 'block'
+  }), defineProperty_defineProperty(_hover, "".concat(token.antCls, "-list-item-extra"), {
+    display: 'flex'
+  }), defineProperty_defineProperty(_hover, "".concat(token.componentCls, "-row-extra"), {
+    display: 'block'
+  }), defineProperty_defineProperty(_hover, "".concat(token.componentCls, "-row-subheader-actions"), {
+    display: 'block'
+  }), _hover)), defineProperty_defineProperty(_row, '&-card', defineProperty_defineProperty({
+    marginBlock: 8,
+    marginInline: 0,
+    paddingBlock: 0,
+    paddingInline: 8,
+    '&:hover': {
+      backgroundColor: 'transparent'
+    }
+  }, "".concat(token.antCls, "-list-item-meta-title"), {
+    flexShrink: 9,
+    marginBlock: 0,
+    marginInline: 0,
+    lineHeight: '22px'
+  })), defineProperty_defineProperty(_row, "&".concat(token.componentCls, "-row-editable"), defineProperty_defineProperty({}, "".concat(token.componentCls, "-list-item"), {
     '&-meta': {
       '&-avatar,&-description,&-title': {
         paddingBlock: 6,
@@ -112722,13 +113309,13 @@ var es_style_genProListStyle = function genProListStyle(token) {
     width: '16px',
     marginInlineEnd: '12px'
   }), defineProperty_defineProperty(_row, '&-no-split', (_noSplit = {}, defineProperty_defineProperty(_noSplit, "".concat(token.componentCls, "-row"), {
-    borderBottom: 'none'
+    borderBlockEnd: 'none'
   }), defineProperty_defineProperty(_noSplit, "".concat(token.antCls, "-list ").concat(token.antCls, "-list-item"), {
-    borderBottom: 'none'
+    borderBlockEnd: 'none'
   }), _noSplit)), defineProperty_defineProperty(_row, '&-bordered', defineProperty_defineProperty({}, "".concat(token.componentCls, "-toolbar"), {
-    borderBottom: "1px solid ".concat(token.colorSplit)
+    borderBlockEnd: "1px solid ".concat(token.colorSplit)
   })), defineProperty_defineProperty(_row, "".concat(token.antCls, "-list-vertical"), (_$concat5 = {}, defineProperty_defineProperty(_$concat5, "".concat(token.componentCls, "-row"), {
-    borderBottom: '12px 18px 12px 24px'
+    borderBlockEnd: '12px 18px 12px 24px'
   }), defineProperty_defineProperty(_$concat5, '&-header-title', {
     display: 'flex',
     flexDirection: 'column',
@@ -112761,7 +113348,7 @@ var es_style_genProListStyle = function genProListStyle(token) {
     '&-header': {
       paddingBlock: 0,
       paddingInline: 0,
-      borderBottom: 'none'
+      borderBlockEnd: 'none'
     }
   }, "".concat(token.antCls, "-list-item"), {
     width: '100%',
@@ -112952,17 +113539,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.17",
+  "@ant-design/pro-components": "2.0.4",
+  "@ant-design/pro-descriptions": "2.0.0-experimental.18",
+  "@ant-design/pro-field": "2.0.0-experimental.17",
+  "@ant-design/pro-form": "2.0.0-experimental.18",
+  "@ant-design/pro-layout": "7.0.0-experimental.29",
+  "@ant-design/pro-list": "2.0.0-experimental.19",
   "@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.19",
+  "@ant-design/pro-utils": "2.0.0-experimental.16"
 };
 ;// CONCATENATED MODULE: ./packages/components/src/index.tsx