@chaoswise/ui 3.1.6 → 3.1.8

package/lib/Antd5/button/style/index.js

@@ -5,7 +5,8 @@ function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 import { unit } from '@ant-design/cssinjs';
-import { genFocusStyle } from '../../style';
+import { genFocusStyle, resetIcon } from '../../style';
+import { PresetColors } from '../../theme/interface';
 import { genStyleHooks, mergeToken } from '../../theme/internal';
 import genGroupStyle from './group';
 import { prepareComponentToken, prepareToken } from './token';
@@ -13,8 +14,13 @@ import { prepareComponentToken, prepareToken } from './token';
 var genSharedButtonStyle = function genSharedButtonStyle(token) {
   var componentCls = token.componentCls,
     iconCls = token.iconCls,
-    fontWeight = token.fontWeight;
-  return _defineProperty({}, componentCls, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({
+    fontWeight = token.fontWeight,
+    opacityLoading = token.opacityLoading,
+    motionDurationSlow = token.motionDurationSlow,
+    motionEaseInOut = token.motionEaseInOut,
+    marginXS = token.marginXS,
+    calc = token.calc;
+  return _defineProperty({}, componentCls, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({
     outline: 'none',
     position: 'relative',
     display: 'inline-flex',
@@ -35,18 +41,55 @@ var genSharedButtonStyle = function genSharedButtonStyle(token) {
     '&:disabled > *': {
       pointerEvents: 'none'
     }
-  }, "> span, ".concat(componentCls, "-icon"), {
-    display: 'inline-flex'
-  }), '> a', {
+  }, "".concat(componentCls, "-icon > svg"), resetIcon()), '> a', {
     color: 'currentColor'
-  }), '&:not(:disabled)', _objectSpread({}, genFocusStyle(token))), "&".concat(componentCls, "-two-chinese-chars::first-letter"), {
+  }), '&:not(:disabled)', genFocusStyle(token)), "&".concat(componentCls, "-two-chinese-chars::first-letter"), {
     letterSpacing: '0.34em'
   }), "&".concat(componentCls, "-two-chinese-chars > *:not(").concat(iconCls, ")"), {
     marginInlineEnd: '-0.34em',
     letterSpacing: '0.34em'
-  }), '&-icon-end', {
+  }), "&".concat(componentCls, "-icon-only"), _defineProperty(_defineProperty({
+    paddingInline: 0
+  }, "&".concat(componentCls, "-compact-item"), {
+    flex: 'none'
+  }), "&".concat(componentCls, "-round"), {
+    width: 'auto'
+  })), "&".concat(componentCls, "-loading"), {
+    opacity: opacityLoading,
+    cursor: 'default'
+  }), "".concat(componentCls, "-loading-icon"), {
+    transition: ['width', 'opacity', 'margin'].map(function (transition) {
+      return "".concat(transition, " ").concat(motionDurationSlow, " ").concat(motionEaseInOut);
+    }).join(',')
+  }), "&:not(".concat(componentCls, "-icon-end)"), _defineProperty({}, "".concat(componentCls, "-loading-icon-motion"), {
+    '&-appear-start, &-enter-start': {
+      marginInlineEnd: calc(marginXS).mul(-1).equal()
+    },
+    '&-appear-active, &-enter-active': {
+      marginInlineEnd: 0
+    },
+    '&-leave-start': {
+      marginInlineEnd: 0
+    },
+    '&-leave-active': {
+      marginInlineEnd: calc(marginXS).mul(-1).equal()
+    }
+  })), '&-icon-end', _defineProperty({
     flexDirection: 'row-reverse'
-  }));
+  }, "".concat(componentCls, "-loading-icon-motion"), {
+    '&-appear-start, &-enter-start': {
+      marginInlineStart: calc(marginXS).mul(-1).equal()
+    },
+    '&-appear-active, &-enter-active': {
+      marginInlineStart: 0
+    },
+    '&-leave-start': {
+      marginInlineStart: 0
+    },
+    '&-leave-active': {
+      marginInlineStart: calc(marginXS).mul(-1).equal()
+    }
+  })));
 };
 var genHoverActiveButtonStyle = function genHoverActiveButtonStyle(btnCls, hoverStyle, activeStyle) {
   return _defineProperty({}, "&:not(:disabled):not(".concat(btnCls, "-disabled)"), {
@@ -142,27 +185,70 @@ var genTextLinkButtonStyle = function genTextLinkButtonStyle(token, textColor, v
   }, genVariantButtonStyle(token, hoverStyle, activeStyle, variant)));
 };
 // =============================== Color ==============================
+var genPresetColorStyle = function genPresetColorStyle(token) {
+  var componentCls = token.componentCls;
+  return PresetColors.reduce(function (prev, colorKey) {
+    var darkColor = token["".concat(colorKey, "6")];
+    var lightColor = token["".concat(colorKey, "1")];
+    var hoverColor = token["".concat(colorKey, "5")];
+    var lightHoverColor = token["".concat(colorKey, "2")];
+    var lightBorderColor = token["".concat(colorKey, "3")];
+    var activeColor = token["".concat(colorKey, "7")];
+    return _objectSpread(_objectSpread({}, prev), {}, _defineProperty({}, "&".concat(componentCls, "-color-").concat(colorKey), _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({
+      color: darkColor,
+      boxShadow: token["".concat(colorKey, "ShadowColor")]
+    }, genSolidButtonStyle(token, token.colorTextLightSolid, darkColor, {
+      background: hoverColor
+    }, {
+      background: activeColor
+    })), genOutlinedDashedButtonStyle(token, darkColor, token.colorBgContainer, {
+      color: hoverColor,
+      borderColor: hoverColor,
+      background: token.colorBgContainer
+    }, {
+      color: activeColor,
+      borderColor: activeColor,
+      background: token.colorBgContainer
+    })), genDashedButtonStyle(token)), genFilledButtonStyle(token, lightColor, {
+      background: lightHoverColor
+    }, {
+      background: lightBorderColor
+    })), genTextLinkButtonStyle(token, darkColor, 'link', {
+      color: hoverColor
+    }, {
+      color: activeColor
+    })), genTextLinkButtonStyle(token, darkColor, 'text', {
+      color: hoverColor,
+      background: lightColor
+    }, {
+      color: activeColor,
+      background: lightBorderColor
+    }))));
+  }, {});
+};
 var genDefaultButtonStyle = function genDefaultButtonStyle(token) {
   return _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({
     color: token.defaultColor,
     boxShadow: token.defaultShadow
   }, genSolidButtonStyle(token, token.solidTextColor, token.colorBgSolid, {
+    color: token.solidTextColor,
     background: token.colorBgSolidHover
   }, {
+    color: token.solidTextColor,
     background: token.colorBgSolidActive
   })), genDashedButtonStyle(token)), genFilledButtonStyle(token, token.colorFillTertiary, {
     background: token.colorFillSecondary
   }, {
     background: token.colorFill
-  })), genTextLinkButtonStyle(token, token.textTextColor, 'link', {
+  })), genGhostButtonStyle(token.componentCls, token.ghostBg, token.defaultGhostColor, token.defaultGhostBorderColor, token.colorTextDisabled, token.colorBorder)), genTextLinkButtonStyle(token, token.textTextColor, 'link', {
     color: token.colorLinkHover,
     background: token.linkHoverBg
   }, {
     color: token.colorLinkActive
-  })), genGhostButtonStyle(token.componentCls, token.ghostBg, token.defaultGhostColor, token.defaultGhostBorderColor, token.colorTextDisabled, token.colorBorder));
+  }));
 };
 var genPrimaryButtonStyle = function genPrimaryButtonStyle(token) {
-  return _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({
+  return _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({
     color: token.colorPrimary,
     boxShadow: token.primaryShadow
   }, genOutlinedDashedButtonStyle(token, token.colorPrimary, token.colorBgContainer, {
@@ -177,12 +263,17 @@ var genPrimaryButtonStyle = function genPrimaryButtonStyle(token) {
     background: token.colorPrimaryBgHover
   }, {
     background: token.colorPrimaryBorder
-  })), genTextLinkButtonStyle(token, token.colorLink, 'text', {
+  })), genTextLinkButtonStyle(token, token.colorPrimaryText, 'text', {
     color: token.colorPrimaryTextHover,
     background: token.colorPrimaryBg
   }, {
     color: token.colorPrimaryTextActive,
     background: token.colorPrimaryBorder
+  })), genTextLinkButtonStyle(token, token.colorPrimaryText, 'link', {
+    color: token.colorPrimaryTextHover,
+    background: token.linkHoverBg
+  }, {
+    color: token.colorPrimaryTextActive
   })), genGhostButtonStyle(token.componentCls, token.ghostBg, token.colorPrimary, token.colorPrimary, token.colorTextDisabled, token.colorBorder, {
     color: token.colorPrimaryHover,
     borderColor: token.colorPrimaryHover
@@ -227,9 +318,22 @@ var genDangerousStyle = function genDangerousStyle(token) {
     borderColor: token.colorErrorActive
   }));
 };
+var genLinkStyle = function genLinkStyle(token) {
+  return _objectSpread(_objectSpread({}, genTextLinkButtonStyle(token, token.colorLink, 'link', {
+    color: token.colorLinkHover
+  }, {
+    color: token.colorLinkActive
+  })), genGhostButtonStyle(token.componentCls, token.ghostBg, token.colorInfo, token.colorInfo, token.colorTextDisabled, token.colorBorder, {
+    color: token.colorInfoHover,
+    borderColor: token.colorInfoHover
+  }, {
+    color: token.colorInfoActive,
+    borderColor: token.colorInfoActive
+  }));
+};
 var genColorButtonStyle = function genColorButtonStyle(token) {
   var componentCls = token.componentCls;
-  return _defineProperty(_defineProperty(_defineProperty({}, "".concat(componentCls, "-color-default"), genDefaultButtonStyle(token)), "".concat(componentCls, "-color-primary"), genPrimaryButtonStyle(token)), "".concat(componentCls, "-color-dangerous"), genDangerousStyle(token));
+  return _objectSpread(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(componentCls, "-color-default"), genDefaultButtonStyle(token)), "".concat(componentCls, "-color-primary"), genPrimaryButtonStyle(token)), "".concat(componentCls, "-color-dangerous"), genDangerousStyle(token)), "".concat(componentCls, "-color-link"), genLinkStyle(token)), genPresetColorStyle(token));
 };
 // =========== Compatible with versions earlier than 5.21.0 ===========
 var genCompatibleButtonStyle = function genCompatibleButtonStyle(token) {
@@ -266,42 +370,26 @@ var genButtonStyle = function genButtonStyle(token) {
   var componentCls = token.componentCls,
     controlHeight = token.controlHeight,
     fontSize = token.fontSize,
-    lineHeight = token.lineHeight,
     borderRadius = token.borderRadius,
     buttonPaddingHorizontal = token.buttonPaddingHorizontal,
     iconCls = token.iconCls,
     buttonPaddingVertical = token.buttonPaddingVertical,
-    motionDurationSlow = token.motionDurationSlow,
-    motionEaseInOut = token.motionEaseInOut,
-    buttonIconOnlyFontSize = token.buttonIconOnlyFontSize,
-    opacityLoading = token.opacityLoading;
-  return [_defineProperty({}, prefixCls, _defineProperty(_defineProperty(_defineProperty({
+    buttonIconOnlyFontSize = token.buttonIconOnlyFontSize;
+  return [_defineProperty({}, prefixCls, _defineProperty({
     fontSize: fontSize,
-    lineHeight: lineHeight,
     height: controlHeight,
     padding: "".concat(unit(buttonPaddingVertical), " ").concat(unit(buttonPaddingHorizontal)),
     borderRadius: borderRadius
-  }, "&".concat(componentCls, "-icon-only"), _defineProperty(_defineProperty(_defineProperty({
-    width: controlHeight,
-    paddingInline: 0
-  }, "&".concat(componentCls, "-compact-item"), {
-    flex: 'none'
-  }), "&".concat(componentCls, "-round"), {
-    width: 'auto'
-  }), iconCls, {
+  }, "&".concat(componentCls, "-icon-only"), _defineProperty({
+    width: controlHeight
+  }, iconCls, {
     fontSize: buttonIconOnlyFontSize
-  })), "&".concat(componentCls, "-loading"), {
-    opacity: opacityLoading,
-    cursor: 'default'
-  }), "".concat(componentCls, "-loading-icon"), {
-    transition: "width ".concat(motionDurationSlow, " ").concat(motionEaseInOut, ", opacity ").concat(motionDurationSlow, " ").concat(motionEaseInOut)
-  })), // Shape - patch prefixCls again to override solid border radius style
+  }))), // Shape - patch prefixCls again to override solid border radius style
   _defineProperty({}, "".concat(componentCls).concat(componentCls, "-circle").concat(prefixCls), genCircleButtonStyle(token)), _defineProperty({}, "".concat(componentCls).concat(componentCls, "-round").concat(prefixCls), genRoundButtonStyle(token))];
 };
 var genSizeBaseButtonStyle = function genSizeBaseButtonStyle(token) {
   var baseToken = mergeToken(token, {
-    fontSize: token.contentFontSize,
-    lineHeight: token.contentLineHeight
+    fontSize: token.contentFontSize
   });
   return genButtonStyle(baseToken, token.componentCls);
 };
@@ -309,10 +397,9 @@ var genSizeSmallButtonStyle = function genSizeSmallButtonStyle(token) {
   var smallToken = mergeToken(token, {
     controlHeight: token.controlHeightSM,
     fontSize: token.contentFontSizeSM,
-    lineHeight: token.contentLineHeightSM,
     padding: token.paddingXS,
     buttonPaddingHorizontal: token.paddingInlineSM,
-    buttonPaddingVertical: token.paddingBlockSM,
+    buttonPaddingVertical: 0,
     borderRadius: token.borderRadiusSM,
     buttonIconOnlyFontSize: token.onlyIconSizeSM
   });
@@ -322,9 +409,8 @@ var genSizeLargeButtonStyle = function genSizeLargeButtonStyle(token) {
   var largeToken = mergeToken(token, {
     controlHeight: token.controlHeightLG,
     fontSize: token.contentFontSizeLG,
-    lineHeight: token.contentLineHeightLG,
     buttonPaddingHorizontal: token.paddingInlineLG,
-    buttonPaddingVertical: token.paddingBlockLG,
+    buttonPaddingVertical: 0,
     borderRadius: token.borderRadiusLG,
     buttonIconOnlyFontSize: token.onlyIconSizeLG
   });

package/lib/Antd5/button/style/token.js

@@ -1,13 +1,21 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import { unit } from '@ant-design/cssinjs';
 import { AggregationColor } from '../../color-picker/color';
 import { isBright } from '../../color-picker/components/ColorPresets';
 import { getLineHeight, mergeToken } from '../../theme/internal';
+import { PresetColors } from '../../theme/interface';
+import getAlphaColor from '../../theme/util/getAlphaColor';
 export var prepareToken = function prepareToken(token) {
   var paddingInline = token.paddingInline,
-    onlyIconSize = token.onlyIconSize,
-    paddingBlock = token.paddingBlock;
+    onlyIconSize = token.onlyIconSize;
   var buttonToken = mergeToken(token, {
     buttonPaddingHorizontal: paddingInline,
-    buttonPaddingVertical: paddingBlock,
+    buttonPaddingVertical: 0,
     buttonIconOnlyFontSize: onlyIconSize
   });
   return buttonToken;
@@ -21,7 +29,10 @@ export var prepareComponentToken = function prepareComponentToken(token) {
   var contentLineHeightSM = (_token$contentLineHei2 = token.contentLineHeightSM) !== null && _token$contentLineHei2 !== void 0 ? _token$contentLineHei2 : getLineHeight(contentFontSizeSM);
   var contentLineHeightLG = (_token$contentLineHei3 = token.contentLineHeightLG) !== null && _token$contentLineHei3 !== void 0 ? _token$contentLineHei3 : getLineHeight(contentFontSizeLG);
   var solidTextColor = isBright(new AggregationColor(token.colorBgSolid), '#fff') ? '#000' : '#fff';
-  return {
+  var shadowColorTokens = PresetColors.reduce(function (prev, colorKey) {
+    return _objectSpread(_objectSpread({}, prev), {}, _defineProperty({}, "".concat(colorKey, "ShadowColor"), "0 ".concat(unit(token.controlOutlineWidth), " 0 ").concat(getAlphaColor(token["".concat(colorKey, "1")], token.colorBgContainer))));
+  }, {});
+  return _objectSpread(_objectSpread({}, shadowColorTokens), {}, {
     fontWeight: 400,
     defaultShadow: "0 ".concat(token.controlOutlineWidth, "px 0 ").concat(token.controlTmpOutline),
     primaryShadow: "0 ".concat(token.controlOutlineWidth, "px 0 ").concat(token.controlOutline),
@@ -35,9 +46,9 @@ export var prepareComponentToken = function prepareComponentToken(token) {
     paddingInline: token.paddingContentHorizontal - token.lineWidth,
     paddingInlineLG: token.paddingContentHorizontal - token.lineWidth,
     paddingInlineSM: 8 - token.lineWidth,
-    onlyIconSize: token.fontSizeLG,
-    onlyIconSizeSM: token.fontSizeLG - 2,
-    onlyIconSizeLG: token.fontSizeLG + 2,
+    onlyIconSize: 'inherit',
+    onlyIconSizeSM: 'inherit',
+    onlyIconSizeLG: 'inherit',
     groupBorderColor: token.colorPrimaryHover,
     linkHoverBg: 'transparent',
     textTextColor: token.colorText,
@@ -64,5 +75,5 @@ export var prepareComponentToken = function prepareComponentToken(token) {
     paddingBlock: Math.max((token.controlHeight - contentFontSize * contentLineHeight) / 2 - token.lineWidth, 0),
     paddingBlockSM: Math.max((token.controlHeightSM - contentFontSizeSM * contentLineHeightSM) / 2 - token.lineWidth, 0),
     paddingBlockLG: Math.max((token.controlHeightLG - contentFontSizeLG * contentLineHeightLG) / 2 - token.lineWidth, 0)
-  };
+  });
 };

package/lib/Antd5/calendar/Header.js

@@ -16,8 +16,8 @@ import { useContext, useMemo } from 'react';
 import { FormItemInputContext } from '../form/context';
 import { Button, Group } from '../radio';
 import Select from '../select';
-var YearSelectOffset = 10;
-var YearSelectTotal = 20;
+var YEAR_SELECT_OFFSET = 10;
+var YEAR_SELECT_TOTAL = 20;
 function YearSelect(props) {
   var fullscreen = props.fullscreen,
     validRange = props.validRange,
@@ -28,8 +28,8 @@ function YearSelect(props) {
     _onChange = props.onChange,
     divRef = props.divRef;
   var year = generateConfig.getYear(value || generateConfig.getNow());
-  var start = year - YearSelectOffset;
-  var end = start + YearSelectTotal;
+  var start = year - YEAR_SELECT_OFFSET;
+  var end = start + YEAR_SELECT_TOTAL;
   if (validRange) {
     start = generateConfig.getYear(validRange[0]);
     end = generateConfig.getYear(validRange[1]) + 1;

package/lib/Antd5/calendar/generateCalendar.js

@@ -16,7 +16,7 @@ import classNames from 'classnames';
 import { PickerPanel as RCPickerPanel } from 'rc-picker';
 import useMergedState from 'rc-util/lib/hooks/useMergedState';
 import { devUseWarning } from '../_util/warning';
-import { ConfigContext } from '../config-provider';
+import { useComponentConfig } from '../config-provider/context';
 import { useLocale } from '../locale';
 import CalendarHeader from './Header';
 import enUS from './locale/en_US';
@@ -53,13 +53,15 @@ var generateCalendar = function generateCalendar(generateConfig) {
       validRange = props.validRange,
       _props$fullscreen = props.fullscreen,
       fullscreen = _props$fullscreen === void 0 ? true : _props$fullscreen,
+      showWeek = props.showWeek,
       onChange = props.onChange,
       onPanelChange = props.onPanelChange,
       onSelect = props.onSelect;
-    var _React$useContext = React.useContext(ConfigContext),
-      getPrefixCls = _React$useContext.getPrefixCls,
-      direction = _React$useContext.direction,
-      calendar = _React$useContext.calendar;
+    var _useComponentConfig = useComponentConfig('calendar'),
+      getPrefixCls = _useComponentConfig.getPrefixCls,
+      direction = _useComponentConfig.direction,
+      contextClassName = _useComponentConfig.className,
+      contextStyle = _useComponentConfig.style;
     var prefixCls = getPrefixCls('picker', customizePrefixCls);
     var calendarPrefixCls = "".concat(prefixCls, "-calendar");
     var _useStyle = useStyle(prefixCls, calendarPrefixCls),
@@ -71,10 +73,12 @@ var generateCalendar = function generateCalendar(generateConfig) {
     // ====================== Warning =======================
     if (process.env.NODE_ENV !== 'production') {
       var warning = devUseWarning('Calendar');
-      warning.deprecated(!dateFullCellRender, 'dateFullCellRender', 'fullCellRender');
-      warning.deprecated(!dateCellRender, 'dateCellRender', 'cellRender');
-      warning.deprecated(!monthFullCellRender, 'monthFullCellRender', 'fullCellRender');
-      warning.deprecated(!monthCellRender, 'monthCellRender', 'cellRender');
+      [['dateFullCellRender', 'fullCellRender'], ['dateCellRender', 'cellRender'], ['monthFullCellRender', 'fullCellRender'], ['monthCellRender', 'cellRender']].forEach(function (_ref) {
+        var _ref2 = _slicedToArray(_ref, 2),
+          deprecatedName = _ref2[0],
+          newName = _ref2[1];
+        warning.deprecated(!(deprecatedName in props), deprecatedName, newName);
+      });
     }
     // ====================== State =======================
     // Value
@@ -179,8 +183,8 @@ var generateCalendar = function generateCalendar(generateConfig) {
       }
     };
     return wrapCSSVar(_jsxs("div", {
-      className: classNames(calendarPrefixCls, _defineProperty(_defineProperty(_defineProperty({}, "".concat(calendarPrefixCls, "-full"), fullscreen), "".concat(calendarPrefixCls, "-mini"), !fullscreen), "".concat(calendarPrefixCls, "-rtl"), direction === 'rtl'), calendar === null || calendar === void 0 ? void 0 : calendar.className, className, rootClassName, hashId, cssVarCls),
-      style: _objectSpread(_objectSpread({}, calendar === null || calendar === void 0 ? void 0 : calendar.style), style),
+      className: classNames(calendarPrefixCls, _defineProperty(_defineProperty(_defineProperty({}, "".concat(calendarPrefixCls, "-full"), fullscreen), "".concat(calendarPrefixCls, "-mini"), !fullscreen), "".concat(calendarPrefixCls, "-rtl"), direction === 'rtl'), contextClassName, className, rootClassName, hashId, cssVarCls),
+      style: _objectSpread(_objectSpread({}, contextStyle), style),
       children: [headerRender ? headerRender({
         value: mergedValue,
         type: mergedMode,
@@ -210,7 +214,8 @@ var generateCalendar = function generateCalendar(generateConfig) {
         mode: panelMode,
         picker: panelMode,
         disabledDate: mergedDisabledDate,
-        hideHeader: true
+        hideHeader: true,
+        showWeek: showWeek
       })]
     }));
   };

package/lib/Antd5/calendar/style/index.js

@@ -57,7 +57,7 @@ export var genCalendarStyles = function genCalendarStyles(token) {
     }
   }), "".concat(componentCls, "-cell::before"), {
     pointerEvents: 'none'
-  })), "".concat(calendarCls).concat(calendarCls, "-full"), _defineProperty(_defineProperty(_defineProperty({}, "".concat(componentCls, "-panel"), _defineProperty({
+  })), "".concat(calendarCls).concat(calendarCls, "-full"), _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(componentCls, "-panel"), _defineProperty({
     display: 'block',
     width: '100%',
     textAlign: 'end',
@@ -73,7 +73,13 @@ export var genCalendarStyles = function genCalendarStyles(token) {
       paddingBottom: token.paddingXXS,
       lineHeight: unit(token.weekHeight)
     }
-  })), "".concat(componentCls, "-cell"), _defineProperty(_defineProperty(_defineProperty({
+  })), "".concat(componentCls, "-cell-week ").concat(componentCls, "-cell-inner"), {
+    display: 'block',
+    borderRadius: 0,
+    borderTop: "".concat(unit(token.lineWidthBold), " ").concat(token.lineType, " ").concat(token.colorSplit),
+    width: '100%',
+    height: token.calc(token.dateValueHeight).add(token.dateContentHeight).add(token.calc(token.paddingXS).div(2)).add(token.lineWidthBold).equal()
+  }), "".concat(componentCls, "-cell"), _defineProperty(_defineProperty(_defineProperty({
     '&::before': {
       display: 'none'
     },

package/lib/Antd5/card/Card.js

@@ -1,5 +1,5 @@
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-var _excluded = ["prefixCls", "className", "rootClassName", "style", "extra", "headStyle", "bodyStyle", "title", "loading", "bordered", "size", "type", "cover", "actions", "tabList", "children", "activeTabKey", "defaultActiveTabKey", "tabBarExtraContent", "hoverable", "tabProps", "classNames", "styles"],
+var _excluded = ["prefixCls", "className", "rootClassName", "style", "extra", "headStyle", "bodyStyle", "title", "loading", "bordered", "variant", "size", "type", "cover", "actions", "tabList", "children", "activeTabKey", "defaultActiveTabKey", "tabBarExtraContent", "hoverable", "tabProps", "classNames", "styles"],
   _excluded2 = ["tab"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -25,6 +25,7 @@ import Skeleton from '../skeleton';
 import Tabs from '../tabs';
 import Grid from './Grid';
 import useStyle from './style';
+import useVariant from '../form/hooks/useVariants';
 var ActionNode = function ActionNode(props) {
   var actionClasses = props.actionClasses,
     _props$actions = props.actions,
@@ -61,8 +62,8 @@ var Card = /*#__PURE__*/React.forwardRef(function (props, ref) {
     bodyStyle = _props$bodyStyle === void 0 ? {} : _props$bodyStyle,
     title = props.title,
     loading = props.loading,
-    _props$bordered = props.bordered,
-    bordered = _props$bordered === void 0 ? true : _props$bordered,
+    bordered = props.bordered,
+    customVariant = props.variant,
     customizeSize = props.size,
     type = props.type,
     cover = props.cover,
@@ -82,10 +83,13 @@ var Card = /*#__PURE__*/React.forwardRef(function (props, ref) {
     getPrefixCls = _React$useContext.getPrefixCls,
     direction = _React$useContext.direction,
     card = _React$useContext.card;
+  var _useVariant = useVariant('card', customVariant, bordered),
+    _useVariant2 = _slicedToArray(_useVariant, 1),
+    variant = _useVariant2[0];
   // =================Warning===================
   if (process.env.NODE_ENV !== 'production') {
     var warning = devUseWarning('Card');
-    [['headStyle', 'styles.header'], ['bodyStyle', 'styles.body']].forEach(function (_ref) {
+    [['headStyle', 'styles.header'], ['bodyStyle', 'styles.body'], ['bordered', 'variant']].forEach(function (_ref) {
       var _ref2 = _slicedToArray(_ref, 2),
         deprecatedName = _ref2[0],
         newName = _ref2[1];
@@ -188,7 +192,7 @@ var Card = /*#__PURE__*/React.forwardRef(function (props, ref) {
     actions: actions
   }) : null;
   var divProps = omit(others, ['onTabChange']);
-  var classString = classNames(prefixCls, card === null || card === void 0 ? void 0 : card.className, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(prefixCls, "-loading"), loading), "".concat(prefixCls, "-bordered"), bordered), "".concat(prefixCls, "-hoverable"), hoverable), "".concat(prefixCls, "-contain-grid"), isContainGrid), "".concat(prefixCls, "-contain-tabs"), tabList === null || tabList === void 0 ? void 0 : tabList.length), "".concat(prefixCls, "-").concat(mergedSize), mergedSize), "".concat(prefixCls, "-type-").concat(type), !!type), "".concat(prefixCls, "-rtl"), direction === 'rtl'), className, rootClassName, hashId, cssVarCls);
+  var classString = classNames(prefixCls, card === null || card === void 0 ? void 0 : card.className, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(prefixCls, "-loading"), loading), "".concat(prefixCls, "-bordered"), variant !== 'borderless'), "".concat(prefixCls, "-hoverable"), hoverable), "".concat(prefixCls, "-contain-grid"), isContainGrid), "".concat(prefixCls, "-contain-tabs"), tabList === null || tabList === void 0 ? void 0 : tabList.length), "".concat(prefixCls, "-").concat(mergedSize), mergedSize), "".concat(prefixCls, "-type-").concat(type), !!type), "".concat(prefixCls, "-rtl"), direction === 'rtl'), className, rootClassName, hashId, cssVarCls);
   var mergedStyle = _objectSpread(_objectSpread({}, card === null || card === void 0 ? void 0 : card.style), style);
   return wrapCSSVar(_jsxs("div", _objectSpread(_objectSpread({
     ref: ref

package/lib/Antd5/card/style/index.js

@@ -13,7 +13,7 @@ var genCardHeadStyle = function genCardHeadStyle(token) {
   var antCls = token.antCls,
     componentCls = token.componentCls,
     headerHeight = token.headerHeight,
-    cardPaddingBase = token.cardPaddingBase,
+    headerPadding = token.headerPadding,
     tabsMarginBottom = token.tabsMarginBottom;
   return _objectSpread(_objectSpread({
     display: 'flex',
@@ -22,7 +22,7 @@ var genCardHeadStyle = function genCardHeadStyle(token) {
     minHeight: headerHeight,
     marginBottom: -1,
     // Fix card grid overflow bug: https://gw.alipayobjects.com/zos/rmsportal/XonYxBikwpgbqIQBeuhk.png
-    padding: "0 ".concat(unit(cardPaddingBase)),
+    padding: "0 ".concat(unit(headerPadding)),
     color: token.colorTextHeading,
     fontWeight: token.fontWeightStrong,
     fontSize: token.headerFontSize,
@@ -109,7 +109,7 @@ var genCardActionsStyle = function genCardActionsStyle(token) {
       }, "a:not(".concat(componentCls, "-btn), > ").concat(iconCls), {
         display: 'inline-block',
         width: '100%',
-        color: token.colorTextDescription,
+        color: token.colorIcon,
         lineHeight: unit(token.fontHeight),
         transition: "color ".concat(token.motionDurationMid),
         '&:hover': {
@@ -154,16 +154,17 @@ var genCardMetaStyle = function genCardMetaStyle(token) {
 // ============================== Inner ==============================
 var genCardTypeInnerStyle = function genCardTypeInnerStyle(token) {
   var componentCls = token.componentCls,
-    cardPaddingBase = token.cardPaddingBase,
-    colorFillAlter = token.colorFillAlter;
+    colorFillAlter = token.colorFillAlter,
+    headerPadding = token.headerPadding,
+    bodyPadding = token.bodyPadding;
   return _defineProperty(_defineProperty({}, "".concat(componentCls, "-head"), {
-    padding: "0 ".concat(unit(cardPaddingBase)),
+    padding: "0 ".concat(unit(headerPadding)),
     background: colorFillAlter,
     '&-title': {
       fontSize: token.fontSize
     }
   }), "".concat(componentCls, "-body"), {
-    padding: "".concat(unit(token.padding), " ").concat(unit(cardPaddingBase))
+    padding: "".concat(unit(token.padding), " ").concat(unit(bodyPadding))
   });
 };
 // ============================== Loading ==============================
@@ -182,7 +183,7 @@ var genCardStyle = function genCardStyle(token) {
     cardHeadPadding = token.cardHeadPadding,
     colorBorderSecondary = token.colorBorderSecondary,
     boxShadowTertiary = token.boxShadowTertiary,
-    cardPaddingBase = token.cardPaddingBase,
+    bodyPadding = token.bodyPadding,
     extraColor = token.extraColor;
   return _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, componentCls, _objectSpread(_objectSpread({}, resetComponent(token)), {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({
     position: 'relative',
@@ -197,7 +198,7 @@ var genCardStyle = function genCardStyle(token) {
     fontWeight: 'normal',
     fontSize: token.fontSize
   }), "".concat(componentCls, "-body"), _objectSpread({
-    padding: cardPaddingBase,
+    padding: bodyPadding,
     borderRadius: "0 0 ".concat(unit(token.borderRadiusLG), " ").concat(unit(token.borderRadiusLG))
   }, clearFix())), "".concat(componentCls, "-grid"), genCardGridStyle(token)), "".concat(componentCls, "-cover"), {
     '> *': {
@@ -238,17 +239,18 @@ var genCardStyle = function genCardStyle(token) {
 // ============================== Size ==============================
 var genCardSizeStyle = function genCardSizeStyle(token) {
   var componentCls = token.componentCls,
-    cardPaddingSM = token.cardPaddingSM,
+    bodyPaddingSM = token.bodyPaddingSM,
+    headerPaddingSM = token.headerPaddingSM,
     headerHeightSM = token.headerHeightSM,
     headerFontSizeSM = token.headerFontSizeSM;
   return _defineProperty(_defineProperty({}, "".concat(componentCls, "-small"), _defineProperty(_defineProperty({}, "> ".concat(componentCls, "-head"), _defineProperty({
     minHeight: headerHeightSM,
-    padding: "0 ".concat(unit(cardPaddingSM)),
+    padding: "0 ".concat(unit(headerPaddingSM)),
     fontSize: headerFontSizeSM
   }, "> ".concat(componentCls, "-head-wrapper"), _defineProperty({}, "> ".concat(componentCls, "-extra"), {
     fontSize: token.fontSize
   }))), "> ".concat(componentCls, "-body"), {
-    padding: cardPaddingSM
+    padding: bodyPaddingSM
   })), "".concat(componentCls, "-small").concat(componentCls, "-contain-tabs"), _defineProperty({}, "> ".concat(componentCls, "-head"), _defineProperty({}, "".concat(componentCls, "-head-title, ").concat(componentCls, "-extra"), {
     paddingTop: 0,
     display: 'flex',
@@ -256,6 +258,7 @@ var genCardSizeStyle = function genCardSizeStyle(token) {
   })));
 };
 export var prepareComponentToken = function prepareComponentToken(token) {
+  var _token$bodyPadding, _token$headerPadding;
   return {
     headerBg: 'transparent',
     headerFontSize: token.fontSizeLG,
@@ -265,7 +268,12 @@ export var prepareComponentToken = function prepareComponentToken(token) {
     actionsBg: token.colorBgContainer,
     actionsLiMargin: "".concat(token.paddingSM, "px 0"),
     tabsMarginBottom: -token.padding - token.lineWidth,
-    extraColor: token.colorText
+    extraColor: token.colorText,
+    bodyPaddingSM: 12,
+    // Fixed padding.
+    headerPaddingSM: 12,
+    bodyPadding: (_token$bodyPadding = token.bodyPadding) !== null && _token$bodyPadding !== void 0 ? _token$bodyPadding : token.paddingLG,
+    headerPadding: (_token$headerPadding = token.headerPadding) !== null && _token$headerPadding !== void 0 ? _token$headerPadding : token.paddingLG
   };
 };
 // ============================== Export ==============================
@@ -274,8 +282,7 @@ export default genStyleHooks('Card', function (token) {
     cardShadow: token.boxShadowCard,
     cardHeadPadding: token.padding,
     cardPaddingBase: token.paddingLG,
-    cardActionsIconSize: token.fontSize,
-    cardPaddingSM: 12 // Fixed padding.
+    cardActionsIconSize: token.fontSize
   });
   return [
   // Style