@gobolt/genesis 0.3.9 → 0.3.11

package/dist/node_modules/antd/es/date-picker/generatePicker/generateSinglePicker.js

@@ -22,6 +22,7 @@ import useStyle from "../style/index.js";
 import { useIcons, getPlaceholder } from "../util.js";
 import { QUARTERPICKER, QUARTER, TIMEPICKER, TIME, YEARPICKER, YEAR, MONTHPICKER, MONTH, WEEKPICKER, WEEK } from "./constant.js";
 import useComponents from "./useComponents.js";
+import useMergedPickerSemantic from "../hooks/useMergedPickerSemantic.js";
 import { ConfigContext } from "../../config-provider/context.js";
 import useLocale from "../../locale/useLocale.js";
 var __rest = function(s, e) {
@@ -48,13 +49,16 @@ const generatePicker = (generateConfig) => {
         bordered,
         placement,
         placeholder,
+        popupStyle,
         popupClassName,
         dropdownClassName,
         disabled: customDisabled,
         status: customStatus,
         variant: customVariant,
-        onCalendarChange
-      } = props, restProps = __rest(props, ["prefixCls", "getPopupContainer", "components", "style", "className", "rootClassName", "size", "bordered", "placement", "placeholder", "popupClassName", "dropdownClassName", "disabled", "status", "variant", "onCalendarChange"]);
+        onCalendarChange,
+        styles,
+        classNames: classNames$1
+      } = props, restProps = __rest(props, ["prefixCls", "getPopupContainer", "components", "style", "className", "rootClassName", "size", "bordered", "placement", "placeholder", "popupStyle", "popupClassName", "dropdownClassName", "disabled", "status", "variant", "onCalendarChange", "styles", "classNames"]);
       const {
         getPrefixCls,
         direction,
@@ -91,10 +95,18 @@ const generatePicker = (generateConfig) => {
       if (process.env.NODE_ENV !== "production") {
         const warning = devUseWarning(displayName || "DatePicker");
         process.env.NODE_ENV !== "production" ? warning(picker !== "quarter", "deprecated", `DatePicker.${displayName} is legacy usage. Please use DatePicker[picker='${picker}'] directly.`) : void 0;
-        warning.deprecated(!dropdownClassName, "dropdownClassName", "popupClassName");
-        warning.deprecated(!("bordered" in props), "bordered", "variant");
-        warning.deprecated(!hasLegacyOnSelect, "onSelect", "onCalendarChange");
+        const deprecatedProps = {
+          dropdownClassName: "classNames.popup.root",
+          popupClassName: "classNames.popup.root",
+          popupStyle: "styles.popup.root",
+          bordered: "variant",
+          onSelect: "onCalendarChange"
+        };
+        Object.entries(deprecatedProps).forEach(([oldProp, newProp]) => {
+          warning.deprecated(!(oldProp in props), oldProp, newProp);
+        });
       }
+      const [mergedClassNames, mergedStyles] = useMergedPickerSemantic(consumerName, classNames$1, styles, popupClassName || dropdownClassName, popupStyle);
       const [mergedAllowClear, removeIcon] = useIcons(props, prefixCls);
       const mergedComponents = useComponents(components);
       const mergedSize = useSize((ctx) => {
@@ -112,7 +124,7 @@ const generatePicker = (generateConfig) => {
       const suffixNode = /* @__PURE__ */ React.createElement(React.Fragment, null, mergedPicker === "time" ? /* @__PURE__ */ React.createElement(RefIcon, null) : /* @__PURE__ */ React.createElement(RefIcon$1, null), hasFeedback && feedbackIcon);
       const [contextLocale] = useLocale("DatePicker", locale);
       const locale$1 = Object.assign(Object.assign({}, contextLocale), props.locale);
-      const [zIndex] = useZIndex("DatePicker", (_a = props.popupStyle) === null || _a === void 0 ? void 0 : _a.zIndex);
+      const [zIndex] = useZIndex("DatePicker", (_a = mergedStyles.popup.root) === null || _a === void 0 ? void 0 : _a.zIndex);
       return wrapCSSVar(/* @__PURE__ */ React.createElement(ContextIsolator, {
         space: true
       }, /* @__PURE__ */ React.createElement(RefPicker, Object.assign({
@@ -140,8 +152,8 @@ const generatePicker = (generateConfig) => {
         className: classNames({
           [`${prefixCls}-${mergedSize}`]: mergedSize,
           [`${prefixCls}-${variant}`]: enableVariantCls
-        }, getStatusClassNames(prefixCls, getMergedStatus(contextStatus, customStatus), hasFeedback), hashId, compactItemClassnames, consumerStyle === null || consumerStyle === void 0 ? void 0 : consumerStyle.className, className, cssVarCls, rootCls, rootClassName),
-        style: Object.assign(Object.assign({}, consumerStyle === null || consumerStyle === void 0 ? void 0 : consumerStyle.style), style),
+        }, getStatusClassNames(prefixCls, getMergedStatus(contextStatus, customStatus), hasFeedback), hashId, compactItemClassnames, consumerStyle === null || consumerStyle === void 0 ? void 0 : consumerStyle.className, className, cssVarCls, rootCls, rootClassName, mergedClassNames.root),
+        style: Object.assign(Object.assign(Object.assign({}, consumerStyle === null || consumerStyle === void 0 ? void 0 : consumerStyle.style), style), mergedStyles.root),
         prefixCls,
         getPopupContainer: customizeGetPopupContainer || getPopupContainer,
         generateConfig,
@@ -149,10 +161,10 @@ const generatePicker = (generateConfig) => {
         direction,
         disabled: mergedDisabled,
         classNames: {
-          popup: classNames(hashId, cssVarCls, rootCls, rootClassName, popupClassName || dropdownClassName)
+          popup: classNames(hashId, cssVarCls, rootCls, rootClassName, mergedClassNames.popup.root)
         },
         styles: {
-          popup: Object.assign(Object.assign({}, props.popupStyle), {
+          popup: Object.assign(Object.assign({}, mergedStyles.popup.root), {
             zIndex
           })
         },

package/dist/node_modules/antd/es/date-picker/hooks/useMergedPickerSemantic.cjs

@@ -0,0 +1,50 @@
+"use strict";
+var React = require("react");
+var index$1 = require("../../../../../_virtual/index.cjs");
+var index = require("../../_util/hooks/useMergeSemantic/index.cjs");
+var context = require("../../config-provider/context.cjs");
+function _interopNamespaceDefault(e) {
+  var n = /* @__PURE__ */ Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function(k) {
+      if (k !== "default") {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function() {
+            return e[k];
+          }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+var React__namespace = /* @__PURE__ */ _interopNamespaceDefault(React);
+const useMergedPickerSemantic = (pickerType, classNames, styles, popupClassName, popupStyle) => {
+  const {
+    classNames: contextClassNames,
+    styles: contextStyles
+  } = context.useComponentConfig(pickerType);
+  const [mergedClassNames, mergedStyles] = index.default([contextClassNames, classNames], [contextStyles, styles], {
+    popup: {
+      _default: "root"
+    }
+  });
+  return React__namespace.useMemo(() => {
+    var _a, _b;
+    const filledClassNames = Object.assign(Object.assign({}, mergedClassNames), {
+      popup: Object.assign(Object.assign({}, mergedClassNames.popup), {
+        root: index$1((_a = mergedClassNames.popup) === null || _a === void 0 ? void 0 : _a.root, popupClassName)
+      })
+    });
+    const filledStyles = Object.assign(Object.assign({}, mergedStyles), {
+      popup: Object.assign(Object.assign({}, mergedStyles.popup), {
+        root: Object.assign(Object.assign({}, (_b = mergedStyles.popup) === null || _b === void 0 ? void 0 : _b.root), popupStyle)
+      })
+    });
+    return [filledClassNames, filledStyles];
+  }, [mergedClassNames, mergedStyles, popupClassName, popupStyle]);
+};
+module.exports = useMergedPickerSemantic;

package/dist/node_modules/antd/es/date-picker/hooks/useMergedPickerSemantic.js

@@ -0,0 +1,32 @@
+import * as React from "react";
+import classNames from "../../../../../_virtual/index.js";
+import useMergeSemantic from "../../_util/hooks/useMergeSemantic/index.js";
+import { useComponentConfig } from "../../config-provider/context.js";
+const useMergedPickerSemantic = (pickerType, classNames$1, styles, popupClassName, popupStyle) => {
+  const {
+    classNames: contextClassNames,
+    styles: contextStyles
+  } = useComponentConfig(pickerType);
+  const [mergedClassNames, mergedStyles] = useMergeSemantic([contextClassNames, classNames$1], [contextStyles, styles], {
+    popup: {
+      _default: "root"
+    }
+  });
+  return React.useMemo(() => {
+    var _a, _b;
+    const filledClassNames = Object.assign(Object.assign({}, mergedClassNames), {
+      popup: Object.assign(Object.assign({}, mergedClassNames.popup), {
+        root: classNames((_a = mergedClassNames.popup) === null || _a === void 0 ? void 0 : _a.root, popupClassName)
+      })
+    });
+    const filledStyles = Object.assign(Object.assign({}, mergedStyles), {
+      popup: Object.assign(Object.assign({}, mergedStyles.popup), {
+        root: Object.assign(Object.assign({}, (_b = mergedStyles.popup) === null || _b === void 0 ? void 0 : _b.root), popupStyle)
+      })
+    });
+    return [filledClassNames, filledStyles];
+  }, [mergedClassNames, mergedStyles, popupClassName, popupStyle]);
+};
+export {
+  useMergedPickerSemantic as default
+};

package/dist/node_modules/antd/es/date-picker/style/index.cjs

@@ -28,12 +28,9 @@ var panel = require("./panel.cjs");
 var token = require("./token.cjs");
 var variants = require("./variants.cjs");
 var token$1 = require("../../input/style/token.cjs");
-const genPickerPadding = (token2, inputHeight, fontHeight, paddingHorizontal) => {
-  const height = token2.calc(fontHeight).add(2).equal();
-  const paddingTop = token2.max(token2.calc(inputHeight).sub(height).div(2).equal(), 0);
-  const paddingBottom = token2.max(token2.calc(inputHeight).sub(height).sub(paddingTop).equal(), 0);
+const genPickerPadding = (paddingBlock, paddingInline) => {
   return {
-    padding: `${index$1.unit(paddingTop)} ${index$1.unit(paddingHorizontal)} ${index$1.unit(paddingBottom)}`
+    padding: `${index$1.unit(paddingBlock)} ${index$1.unit(paddingInline)}`
   };
 };
 const genPickerStatusStyle = (token2) => {
@@ -58,10 +55,10 @@ const genPickerStatusStyle = (token2) => {
   };
 };
 const genPickerStyle = (token2) => {
+  var _a;
   const {
     componentCls,
     antCls,
-    controlHeight,
     paddingInline,
     lineWidth,
     lineType,
@@ -70,13 +67,15 @@ const genPickerStyle = (token2) => {
     motionDurationMid,
     colorTextDisabled,
     colorTextPlaceholder,
-    controlHeightLG,
     fontSizeLG,
+    inputFontSizeLG,
+    fontSizeSM,
+    inputFontSizeSM,
     controlHeightSM,
     paddingInlineSM,
     paddingXS,
     marginXS,
-    colorTextDescription,
+    colorIcon,
     lineWidthBold,
     colorPrimary,
     motionDurationSlow,
@@ -93,12 +92,11 @@ const genPickerStyle = (token2) => {
     presetsMaxWidth,
     boxShadowPopoverArrow,
     fontHeight,
-    fontHeightLG,
     lineHeightLG
   } = token2;
   return [
     {
-      [componentCls]: Object.assign(Object.assign(Object.assign({}, index.resetComponent(token2)), genPickerPadding(token2, controlHeight, fontHeight, paddingInline)), {
+      [componentCls]: Object.assign(Object.assign(Object.assign({}, index.resetComponent(token2)), genPickerPadding(token2.paddingBlock, token2.paddingInline)), {
         position: "relative",
         display: "inline-flex",
         alignItems: "center",
@@ -120,7 +118,7 @@ const genPickerStyle = (token2) => {
             display: "inline-block",
             width: "100%",
             color: "inherit",
-            fontSize: token2.fontSize,
+            fontSize: (_a = token2.inputFontSize) !== null && _a !== void 0 ? _a : token2.fontSize,
             lineHeight: token2.lineHeight,
             transition: `all ${motionDurationMid}`
           }, index$2.genPlaceholderStyle(colorTextPlaceholder)), {
@@ -150,13 +148,17 @@ const genPickerStyle = (token2) => {
           }
         },
         // Size
-        "&-large": Object.assign(Object.assign({}, genPickerPadding(token2, controlHeightLG, fontHeightLG, paddingInline)), {
+        "&-large": Object.assign(Object.assign({}, genPickerPadding(token2.paddingBlockLG, token2.paddingInlineLG)), {
           [`${componentCls}-input > input`]: {
-            fontSize: fontSizeLG,
+            fontSize: inputFontSizeLG !== null && inputFontSizeLG !== void 0 ? inputFontSizeLG : fontSizeLG,
             lineHeight: lineHeightLG
           }
         }),
-        "&-small": Object.assign({}, genPickerPadding(token2, controlHeightSM, fontHeight, paddingInlineSM)),
+        "&-small": Object.assign(Object.assign({}, genPickerPadding(token2.paddingBlockSM, token2.paddingInlineSM)), {
+          [`${componentCls}-input > input`]: {
+            fontSize: inputFontSizeSM !== null && inputFontSizeSM !== void 0 ? inputFontSizeSM : fontSizeSM
+          }
+        }),
         [`${componentCls}-suffix`]: {
           display: "flex",
           flex: "none",
@@ -187,7 +189,7 @@ const genPickerStyle = (token2) => {
             verticalAlign: "top"
           },
           "&:hover": {
-            color: colorTextDescription
+            color: colorIcon
           }
         },
         "&:hover": {
@@ -211,7 +213,7 @@ const genPickerStyle = (token2) => {
           verticalAlign: "top",
           cursor: "default",
           [`${componentCls}-focused &`]: {
-            color: colorTextDescription
+            color: colorIcon
           },
           [`${componentCls}-range-separator &`]: {
             [`${componentCls}-disabled &`]: {

package/dist/node_modules/antd/es/date-picker/style/index.js

@@ -27,12 +27,9 @@ import { initPickerPanelToken, prepareComponentToken } from "./token.js";
 import { initPanelComponentToken } from "./token.js";
 import genVariantsStyle from "./variants.js";
 import { initInputToken } from "../../input/style/token.js";
-const genPickerPadding = (token, inputHeight, fontHeight, paddingHorizontal) => {
-  const height = token.calc(fontHeight).add(2).equal();
-  const paddingTop = token.max(token.calc(inputHeight).sub(height).div(2).equal(), 0);
-  const paddingBottom = token.max(token.calc(inputHeight).sub(height).sub(paddingTop).equal(), 0);
+const genPickerPadding = (paddingBlock, paddingInline) => {
   return {
-    padding: `${unit(paddingTop)} ${unit(paddingHorizontal)} ${unit(paddingBottom)}`
+    padding: `${unit(paddingBlock)} ${unit(paddingInline)}`
   };
 };
 const genPickerStatusStyle = (token) => {
@@ -57,10 +54,10 @@ const genPickerStatusStyle = (token) => {
   };
 };
 const genPickerStyle = (token) => {
+  var _a;
   const {
     componentCls,
     antCls,
-    controlHeight,
     paddingInline,
     lineWidth,
     lineType,
@@ -69,13 +66,15 @@ const genPickerStyle = (token) => {
     motionDurationMid,
     colorTextDisabled,
     colorTextPlaceholder,
-    controlHeightLG,
     fontSizeLG,
+    inputFontSizeLG,
+    fontSizeSM,
+    inputFontSizeSM,
     controlHeightSM,
     paddingInlineSM,
     paddingXS,
     marginXS,
-    colorTextDescription,
+    colorIcon,
     lineWidthBold,
     colorPrimary,
     motionDurationSlow,
@@ -92,12 +91,11 @@ const genPickerStyle = (token) => {
     presetsMaxWidth,
     boxShadowPopoverArrow,
     fontHeight,
-    fontHeightLG,
     lineHeightLG
   } = token;
   return [
     {
-      [componentCls]: Object.assign(Object.assign(Object.assign({}, resetComponent(token)), genPickerPadding(token, controlHeight, fontHeight, paddingInline)), {
+      [componentCls]: Object.assign(Object.assign(Object.assign({}, resetComponent(token)), genPickerPadding(token.paddingBlock, token.paddingInline)), {
         position: "relative",
         display: "inline-flex",
         alignItems: "center",
@@ -119,7 +117,7 @@ const genPickerStyle = (token) => {
             display: "inline-block",
             width: "100%",
             color: "inherit",
-            fontSize: token.fontSize,
+            fontSize: (_a = token.inputFontSize) !== null && _a !== void 0 ? _a : token.fontSize,
             lineHeight: token.lineHeight,
             transition: `all ${motionDurationMid}`
           }, genPlaceholderStyle(colorTextPlaceholder)), {
@@ -149,13 +147,17 @@ const genPickerStyle = (token) => {
           }
         },
         // Size
-        "&-large": Object.assign(Object.assign({}, genPickerPadding(token, controlHeightLG, fontHeightLG, paddingInline)), {
+        "&-large": Object.assign(Object.assign({}, genPickerPadding(token.paddingBlockLG, token.paddingInlineLG)), {
           [`${componentCls}-input > input`]: {
-            fontSize: fontSizeLG,
+            fontSize: inputFontSizeLG !== null && inputFontSizeLG !== void 0 ? inputFontSizeLG : fontSizeLG,
             lineHeight: lineHeightLG
           }
         }),
-        "&-small": Object.assign({}, genPickerPadding(token, controlHeightSM, fontHeight, paddingInlineSM)),
+        "&-small": Object.assign(Object.assign({}, genPickerPadding(token.paddingBlockSM, token.paddingInlineSM)), {
+          [`${componentCls}-input > input`]: {
+            fontSize: inputFontSizeSM !== null && inputFontSizeSM !== void 0 ? inputFontSizeSM : fontSizeSM
+          }
+        }),
         [`${componentCls}-suffix`]: {
           display: "flex",
           flex: "none",
@@ -186,7 +188,7 @@ const genPickerStyle = (token) => {
             verticalAlign: "top"
           },
           "&:hover": {
-            color: colorTextDescription
+            color: colorIcon
           }
         },
         "&:hover": {
@@ -210,7 +212,7 @@ const genPickerStyle = (token) => {
           verticalAlign: "top",
           cursor: "default",
           [`${componentCls}-focused &`]: {
-            color: colorTextDescription
+            color: colorIcon
           },
           [`${componentCls}-range-separator &`]: {
             [`${componentCls}-disabled &`]: {

package/dist/node_modules/antd/es/date-picker/style/panel.cjs

@@ -288,8 +288,8 @@ const genPanelStyle = (token) => {
           width: pickerControlIconSize,
           height: pickerControlIconSize,
           border: `0 solid currentcolor`,
-          borderBlockWidth: `${index.unit(pickerControlIconBorderWidth)} 0`,
-          borderInlineWidth: `${index.unit(pickerControlIconBorderWidth)} 0`,
+          borderBlockStartWidth: pickerControlIconBorderWidth,
+          borderInlineStartWidth: pickerControlIconBorderWidth,
           content: '""'
         }
       },
@@ -303,8 +303,8 @@ const genPanelStyle = (token) => {
           width: pickerControlIconSize,
           height: pickerControlIconSize,
           border: "0 solid currentcolor",
-          borderBlockWidth: `${index.unit(pickerControlIconBorderWidth)} 0`,
-          borderInlineWidth: `${index.unit(pickerControlIconBorderWidth)} 0`,
+          borderBlockStartWidth: pickerControlIconBorderWidth,
+          borderInlineStartWidth: pickerControlIconBorderWidth,
           content: '""'
         }
       },
@@ -389,49 +389,39 @@ const genPanelStyle = (token) => {
         }
       },
       // ====================== Week Panel ======================
-      "&-week-panel": {
-        // Clear cell style
-        [`${componentCls}-cell`]: {
-          [`&:hover ${pickerCellInnerCls},
-            &-selected ${pickerCellInnerCls},
-            ${pickerCellInnerCls}`]: {
-            background: "transparent !important"
+      "&-week-panel-row": {
+        td: {
+          "&:before": {
+            transition: `background ${motionDurationMid}`
+          },
+          "&:first-child:before": {
+            borderStartStartRadius: borderRadiusSM,
+            borderEndStartRadius: borderRadiusSM
+          },
+          "&:last-child:before": {
+            borderStartEndRadius: borderRadiusSM,
+            borderEndEndRadius: borderRadiusSM
           }
         },
-        "&-row": {
-          td: {
+        "&:hover td:before": {
+          background: cellHoverBg
+        },
+        "&-range-start td, &-range-end td, &-selected td, &-hover td": {
+          // Rise priority to override hover style
+          [`&${pickerCellCls}`]: {
             "&:before": {
-              transition: `background ${motionDurationMid}`
+              background: colorPrimary
             },
-            "&:first-child:before": {
-              borderStartStartRadius: borderRadiusSM,
-              borderEndStartRadius: borderRadiusSM
+            [`&${componentCls}-cell-week`]: {
+              color: new FastColor.FastColor(colorTextLightSolid).setA(0.5).toHexString()
             },
-            "&:last-child:before": {
-              borderStartEndRadius: borderRadiusSM,
-              borderEndEndRadius: borderRadiusSM
+            [pickerCellInnerCls]: {
+              color: colorTextLightSolid
             }
-          },
-          "&:hover td:before": {
-            background: cellHoverBg
-          },
-          "&-range-start td, &-range-end td, &-selected td, &-hover td": {
-            // Rise priority to override hover style
-            [`&${pickerCellCls}`]: {
-              "&:before": {
-                background: colorPrimary
-              },
-              [`&${componentCls}-cell-week`]: {
-                color: new FastColor.FastColor(colorTextLightSolid).setA(0.5).toHexString()
-              },
-              [pickerCellInnerCls]: {
-                color: colorTextLightSolid
-              }
-            }
-          },
-          "&-range-hover td:before": {
-            background: controlItemBgActive
           }
+        },
+        "&-range-hover td:before": {
+          background: controlItemBgActive
         }
       },
       // >>> ShowWeek

package/dist/node_modules/antd/es/date-picker/style/panel.js

@@ -286,8 +286,8 @@ const genPanelStyle = (token) => {
           width: pickerControlIconSize,
           height: pickerControlIconSize,
           border: `0 solid currentcolor`,
-          borderBlockWidth: `${unit(pickerControlIconBorderWidth)} 0`,
-          borderInlineWidth: `${unit(pickerControlIconBorderWidth)} 0`,
+          borderBlockStartWidth: pickerControlIconBorderWidth,
+          borderInlineStartWidth: pickerControlIconBorderWidth,
           content: '""'
         }
       },
@@ -301,8 +301,8 @@ const genPanelStyle = (token) => {
           width: pickerControlIconSize,
           height: pickerControlIconSize,
           border: "0 solid currentcolor",
-          borderBlockWidth: `${unit(pickerControlIconBorderWidth)} 0`,
-          borderInlineWidth: `${unit(pickerControlIconBorderWidth)} 0`,
+          borderBlockStartWidth: pickerControlIconBorderWidth,
+          borderInlineStartWidth: pickerControlIconBorderWidth,
           content: '""'
         }
       },
@@ -387,49 +387,39 @@ const genPanelStyle = (token) => {
         }
       },
       // ====================== Week Panel ======================
-      "&-week-panel": {
-        // Clear cell style
-        [`${componentCls}-cell`]: {
-          [`&:hover ${pickerCellInnerCls},
-            &-selected ${pickerCellInnerCls},
-            ${pickerCellInnerCls}`]: {
-            background: "transparent !important"
+      "&-week-panel-row": {
+        td: {
+          "&:before": {
+            transition: `background ${motionDurationMid}`
+          },
+          "&:first-child:before": {
+            borderStartStartRadius: borderRadiusSM,
+            borderEndStartRadius: borderRadiusSM
+          },
+          "&:last-child:before": {
+            borderStartEndRadius: borderRadiusSM,
+            borderEndEndRadius: borderRadiusSM
           }
         },
-        "&-row": {
-          td: {
+        "&:hover td:before": {
+          background: cellHoverBg
+        },
+        "&-range-start td, &-range-end td, &-selected td, &-hover td": {
+          // Rise priority to override hover style
+          [`&${pickerCellCls}`]: {
             "&:before": {
-              transition: `background ${motionDurationMid}`
+              background: colorPrimary
             },
-            "&:first-child:before": {
-              borderStartStartRadius: borderRadiusSM,
-              borderEndStartRadius: borderRadiusSM
+            [`&${componentCls}-cell-week`]: {
+              color: new FastColor(colorTextLightSolid).setA(0.5).toHexString()
             },
-            "&:last-child:before": {
-              borderStartEndRadius: borderRadiusSM,
-              borderEndEndRadius: borderRadiusSM
+            [pickerCellInnerCls]: {
+              color: colorTextLightSolid
             }
-          },
-          "&:hover td:before": {
-            background: cellHoverBg
-          },
-          "&-range-start td, &-range-end td, &-selected td, &-hover td": {
-            // Rise priority to override hover style
-            [`&${pickerCellCls}`]: {
-              "&:before": {
-                background: colorPrimary
-              },
-              [`&${componentCls}-cell-week`]: {
-                color: new FastColor(colorTextLightSolid).setA(0.5).toHexString()
-              },
-              [pickerCellInnerCls]: {
-                color: colorTextLightSolid
-              }
-            }
-          },
-          "&-range-hover td:before": {
-            background: controlItemBgActive
           }
+        },
+        "&-range-hover td:before": {
+          background: controlItemBgActive
         }
       },
       // >>> ShowWeek

package/dist/node_modules/antd/es/dropdown/dropdown-button.cjs

@@ -69,11 +69,14 @@ const DropdownButton = (props) => {
     mouseLeaveDelay,
     overlayClassName,
     overlayStyle,
+    destroyOnHidden,
     destroyPopupOnHide,
-    dropdownRender
-  } = props, restProps = __rest(props, ["prefixCls", "type", "danger", "disabled", "loading", "onClick", "htmlType", "children", "className", "menu", "arrow", "autoFocus", "overlay", "trigger", "align", "open", "onOpenChange", "placement", "getPopupContainer", "href", "icon", "title", "buttonsRender", "mouseEnterDelay", "mouseLeaveDelay", "overlayClassName", "overlayStyle", "destroyPopupOnHide", "dropdownRender"]);
+    dropdownRender,
+    popupRender
+  } = props, restProps = __rest(props, ["prefixCls", "type", "danger", "disabled", "loading", "onClick", "htmlType", "children", "className", "menu", "arrow", "autoFocus", "overlay", "trigger", "align", "open", "onOpenChange", "placement", "getPopupContainer", "href", "icon", "title", "buttonsRender", "mouseEnterDelay", "mouseLeaveDelay", "overlayClassName", "overlayStyle", "destroyOnHidden", "destroyPopupOnHide", "dropdownRender", "popupRender"]);
   const prefixCls = getPrefixCls("dropdown", customizePrefixCls);
   const buttonPrefixCls = `${prefixCls}-button`;
+  const mergedPopupRender = popupRender || dropdownRender;
   const dropdownProps = {
     menu,
     arrow,
@@ -87,14 +90,17 @@ const DropdownButton = (props) => {
     mouseLeaveDelay,
     overlayClassName,
     overlayStyle,
-    destroyPopupOnHide,
-    dropdownRender
+    destroyOnHidden,
+    popupRender: mergedPopupRender
   };
   const {
     compactSize,
     compactItemClassnames
   } = Compact.useCompactItemContext(prefixCls, direction);
   const classes = index(buttonPrefixCls, compactItemClassnames, className);
+  if ("destroyPopupOnHide" in props) {
+    dropdownProps.destroyPopupOnHide = destroyPopupOnHide;
+  }
   if ("overlay" in props) {
     dropdownProps.overlay = overlay;
   }

package/dist/node_modules/antd/es/dropdown/dropdown-button.js

@@ -49,11 +49,14 @@ const DropdownButton = (props) => {
     mouseLeaveDelay,
     overlayClassName,
     overlayStyle,
+    destroyOnHidden,
     destroyPopupOnHide,
-    dropdownRender
-  } = props, restProps = __rest(props, ["prefixCls", "type", "danger", "disabled", "loading", "onClick", "htmlType", "children", "className", "menu", "arrow", "autoFocus", "overlay", "trigger", "align", "open", "onOpenChange", "placement", "getPopupContainer", "href", "icon", "title", "buttonsRender", "mouseEnterDelay", "mouseLeaveDelay", "overlayClassName", "overlayStyle", "destroyPopupOnHide", "dropdownRender"]);
+    dropdownRender,
+    popupRender
+  } = props, restProps = __rest(props, ["prefixCls", "type", "danger", "disabled", "loading", "onClick", "htmlType", "children", "className", "menu", "arrow", "autoFocus", "overlay", "trigger", "align", "open", "onOpenChange", "placement", "getPopupContainer", "href", "icon", "title", "buttonsRender", "mouseEnterDelay", "mouseLeaveDelay", "overlayClassName", "overlayStyle", "destroyOnHidden", "destroyPopupOnHide", "dropdownRender", "popupRender"]);
   const prefixCls = getPrefixCls("dropdown", customizePrefixCls);
   const buttonPrefixCls = `${prefixCls}-button`;
+  const mergedPopupRender = popupRender || dropdownRender;
   const dropdownProps = {
     menu,
     arrow,
@@ -67,14 +70,17 @@ const DropdownButton = (props) => {
     mouseLeaveDelay,
     overlayClassName,
     overlayStyle,
-    destroyPopupOnHide,
-    dropdownRender
+    destroyOnHidden,
+    popupRender: mergedPopupRender
   };
   const {
     compactSize,
     compactItemClassnames
   } = useCompactItemContext(prefixCls, direction);
   const classes = classNames(buttonPrefixCls, compactItemClassnames, className);
+  if ("destroyPopupOnHide" in props) {
+    dropdownProps.destroyPopupOnHide = destroyPopupOnHide;
+  }
   if ("overlay" in props) {
     dropdownProps.overlay = overlay;
   }