@chaoswise/ui 3.0.23 → 3.1.1

package/lib/Antd5/date-picker/style/panel.js

@@ -31,7 +31,8 @@ var genPickerCellInnerStyle = function genPickerCellInnerStyle(token) {
       zIndex: 1,
       height: cellHeight,
       transform: 'translateY(-50%)',
-      content: '""'
+      content: '""',
+      pointerEvents: 'none'
     }
   }, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_ref, pickerCellInnerCls, {
     position: 'relative',
@@ -42,7 +43,7 @@ var genPickerCellInnerStyle = function genPickerCellInnerStyle(token) {
     lineHeight: unit(cellHeight),
     borderRadius: borderRadiusSM,
     transition: "background ".concat(motionDurationMid)
-  }), "&:hover:not(".concat(pickerCellCls, "-in-view),\n    &:hover:not(").concat(pickerCellCls, "-selected):not(").concat(pickerCellCls, "-range-start):not(").concat(pickerCellCls, "-range-end)"), _defineProperty({}, pickerCellInnerCls, {
+  }), "&:hover:not(".concat(pickerCellCls, "-in-view):not(").concat(pickerCellCls, "-disabled),\n    &:hover:not(").concat(pickerCellCls, "-selected):not(").concat(pickerCellCls, "-range-start):not(").concat(pickerCellCls, "-range-end):not(").concat(pickerCellCls, "-disabled)"), _defineProperty({}, pickerCellInnerCls, {
     background: cellHoverBg
   })), "&-in-view".concat(pickerCellCls, "-today ").concat(pickerCellInnerCls), {
     '&::before': {
@@ -81,7 +82,7 @@ var genPickerCellInnerStyle = function genPickerCellInnerStyle(token) {
     borderEndEndRadius: borderRadiusSM
   }), '&-disabled', _defineProperty(_defineProperty({
     color: colorTextDisabled,
-    pointerEvents: 'none'
+    cursor: 'not-allowed'
   }, pickerCellInnerCls, {
     background: 'transparent'
   }), '&::before', {
@@ -144,13 +145,16 @@ export var genPanelStyle = function genPanelStyle(token) {
       '&-focused': {
         borderColor: colorPrimary
       },
-      '&-rtl': _defineProperty(_defineProperty({
-        direction: 'rtl'
-      }, "".concat(componentCls, "-prev-icon,\n              ").concat(componentCls, "-super-prev-icon"), {
+      '&-rtl': _defineProperty(_defineProperty(_defineProperty({}, "".concat(componentCls, "-prev-icon,\n              ").concat(componentCls, "-super-prev-icon"), {
         transform: 'rotate(45deg)'
       }), "".concat(componentCls, "-next-icon,\n              ").concat(componentCls, "-super-next-icon"), {
         transform: 'rotate(-135deg)'
-      })
+      }), "".concat(componentCls, "-time-panel"), _defineProperty({}, "".concat(componentCls, "-content"), {
+        direction: 'ltr',
+        '> *': {
+          direction: 'rtl'
+        }
+      }))
     }
   }, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_componentCls, "&-decade-panel,\n        &-year-panel,\n        &-quarter-panel,\n        &-month-panel,\n        &-week-panel,\n        &-date-panel,\n        &-time-panel", {
     display: 'flex',
@@ -172,7 +176,10 @@ export var genPanelStyle = function genPanelStyle(token) {
       border: 0,
       cursor: 'pointer',
       transition: "color ".concat(motionDurationMid),
-      fontSize: 'inherit'
+      fontSize: 'inherit',
+      display: 'inline-flex',
+      alignItems: 'center',
+      justifyContent: 'center'
     },
     '> button': {
       minWidth: '1.6em',
@@ -189,10 +196,9 @@ export var genPanelStyle = function genPanelStyle(token) {
       flex: 'auto',
       fontWeight: fontWeightStrong,
       lineHeight: unit(textHeight),
-      button: {
+      '> button': {
         color: 'inherit',
         fontWeight: 'inherit',
-        verticalAlign: 'top',
         '&:not(:first-child)': {
           marginInlineStart: paddingXS
         },
@@ -203,14 +209,12 @@ export var genPanelStyle = function genPanelStyle(token) {
     }
   }), "&-prev-icon,\n        &-next-icon,\n        &-super-prev-icon,\n        &-super-next-icon", {
     position: 'relative',
-    display: 'inline-block',
     width: pickerControlIconSize,
     height: pickerControlIconSize,
     '&::before': {
       position: 'absolute',
       top: 0,
       insetInlineStart: 0,
-      display: 'inline-block',
       width: pickerControlIconSize,
       height: pickerControlIconSize,
       border: "0 solid currentcolor",
@@ -231,9 +235,9 @@ export var genPanelStyle = function genPanelStyle(token) {
       borderInlineWidth: "".concat(unit(pickerControlIconBorderWidth), " 0"),
       content: '""'
     }
-  }), "&-prev-icon,\n        &-super-prev-icon", {
+  }), '&-prev-icon, &-super-prev-icon', {
     transform: 'rotate(-45deg)'
-  }), "&-next-icon,\n        &-super-next-icon", {
+  }), '&-next-icon, &-super-next-icon', {
     transform: 'rotate(135deg)'
   }), '&-content', {
     width: '100%',
@@ -278,7 +282,7 @@ export var genPanelStyle = function genPanelStyle(token) {
     padding: 0
   })), '&-week-panel', _defineProperty(_defineProperty({}, "".concat(componentCls, "-cell"), _defineProperty({}, "&:hover ".concat(pickerCellInnerCls, ",\n            &-selected ").concat(pickerCellInnerCls, ",\n            ").concat(pickerCellInnerCls), {
     background: 'transparent !important'
-  })), '&-row', _defineProperty(_defineProperty(_defineProperty({
+  })), '&-row', {
     td: {
       '&:before': {
         transition: "background ".concat(motionDurationMid)
@@ -291,22 +295,23 @@ export var genPanelStyle = function genPanelStyle(token) {
         borderStartEndRadius: borderRadiusSM,
         borderEndEndRadius: borderRadiusSM
       }
-    }
-  }, "&:hover td", {
-    '&:before': {
+    },
+    '&:hover td:before': {
       background: cellHoverBg
+    },
+    '&-range-start td, &-range-end td, &-selected td, &-hover td': _defineProperty({}, "&".concat(pickerCellCls), _defineProperty(_defineProperty({
+      '&:before': {
+        background: colorPrimary
+      }
+    }, "&".concat(componentCls, "-cell-week"), {
+      color: new TinyColor(colorTextLightSolid).setAlpha(0.5).toHexString()
+    }), pickerCellInnerCls, {
+      color: colorTextLightSolid
+    })),
+    '&-range-hover td:before': {
+      background: controlItemBgActive
     }
-  }), "&-range-start td,\n            &-range-end td,\n            &-selected td,\n            &-hover td", _defineProperty({}, "&".concat(pickerCellCls), _defineProperty(_defineProperty({
-    '&:before': {
-      background: colorPrimary
-    }
-  }, "&".concat(componentCls, "-cell-week"), {
-    color: new TinyColor(colorTextLightSolid).setAlpha(0.5).toHexString()
-  }), pickerCellInnerCls, {
-    color: colorTextLightSolid
-  }))), "&-range-hover td:before", {
-    background: controlItemBgActive
-  }))), "&-week-panel, &-date-panel-show-week", _defineProperty(_defineProperty({}, "".concat(componentCls, "-body"), {
+  })), '&-week-panel, &-date-panel-show-week', _defineProperty(_defineProperty({}, "".concat(componentCls, "-body"), {
     padding: "".concat(unit(paddingXS), " ").concat(unit(paddingSM))
   }), "".concat(componentCls, "-content th"), {
     width: 'auto'
@@ -323,8 +328,7 @@ export var genPanelStyle = function genPanelStyle(token) {
     }
   }))), '&-time-panel', _defineProperty(_defineProperty({
     width: 'auto',
-    minWidth: 'auto',
-    direction: 'ltr'
+    minWidth: 'auto'
   }, "".concat(componentCls, "-content"), {
     display: 'flex',
     flex: 'auto',
@@ -354,7 +358,7 @@ export var genPanelStyle = function genPanelStyle(token) {
     },
     '&::after': {
       display: 'block',
-      height: token.calc('100%').sub(timeCellHeight).equal(),
+      height: "calc(100% - ".concat(unit(timeCellHeight), ")"),
       content: '""'
     },
     '&:not(:first-child)': {

package/lib/Antd5/date-picker/style/token.js

@@ -45,7 +45,7 @@ export var initPanelComponentToken = function initPanelComponentToken(token) {
   var INTERNAL_FIXED_ITEM_MARGIN = Math.floor(paddingXXS / 2);
   var filledToken = {
     INTERNAL_FIXED_ITEM_MARGIN: INTERNAL_FIXED_ITEM_MARGIN,
-    cellHoverBg: token.colorPrimaryBg,
+    cellHoverBg: token.controlItemBgHover,
     cellActiveWithRangeBg: token.controlItemBgActive,
     cellHoverWithRangeBg: new TinyColor(token.colorPrimary).lighten(35).toHexString(),
     cellRangeBorderColor: new TinyColor(token.colorPrimary).lighten(20).toHexString(),

package/lib/Antd5/date-picker/util.js

@@ -48,54 +48,6 @@ export function getRangePlaceholder(locale, picker, customizePlaceholder) {
   }
   return locale.lang.rangePlaceholder;
 }
-export function transPlacement2DropdownAlign(direction, placement) {
-  var overflow = {
-    adjustX: 1,
-    adjustY: 1
-  };
-  switch (placement) {
-    case 'bottomLeft':
-      {
-        return {
-          points: ['tl', 'bl'],
-          offset: [0, 4],
-          overflow: overflow
-        };
-      }
-    case 'bottomRight':
-      {
-        return {
-          points: ['tr', 'br'],
-          offset: [0, 4],
-          overflow: overflow
-        };
-      }
-    case 'topLeft':
-      {
-        return {
-          points: ['bl', 'tl'],
-          offset: [0, -4],
-          overflow: overflow
-        };
-      }
-    case 'topRight':
-      {
-        return {
-          points: ['br', 'tr'],
-          offset: [0, -4],
-          overflow: overflow
-        };
-      }
-    default:
-      {
-        return {
-          points: direction === 'rtl' ? ['tr', 'br'] : ['tl', 'bl'],
-          offset: [0, 4],
-          overflow: overflow
-        };
-      }
-  }
-}
 export function useIcons(props, prefixCls) {
   var _props$allowClear = props.allowClear,
     allowClear = _props$allowClear === void 0 ? true : _props$allowClear;

package/lib/Antd5/descriptions/hooks/useItems.js

@@ -29,6 +29,11 @@ export default function useItems(screens, items, children) {
     return mergedItems.map(function (_ref) {
       var span = _ref.span,
         restItem = _objectWithoutProperties(_ref, _excluded);
+      if (span === 'filled') {
+        return _objectSpread(_objectSpread({}, restItem), {}, {
+          filled: true
+        });
+      }
       return _objectSpread(_objectSpread({}, restItem), {}, {
         span: typeof span === 'number' ? span : matchScreen(screens, span)
       });

package/lib/Antd5/descriptions/hooks/useRow.js

@@ -1,4 +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 = ["filled"];
 function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
@@ -10,55 +11,62 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 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); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return t; }
 import { useMemo } from 'react';
 import { devUseWarning } from '../../_util/warning';
-function getFilledItem(rowItem, rowRestCol, span) {
-  var clone = rowItem;
-  var exceed = false;
-  if (span === undefined || span > rowRestCol) {
-    clone = _objectSpread(_objectSpread({}, rowItem), {}, {
-      span: rowRestCol
-    });
-    exceed = span !== undefined;
-  }
-  return [clone, exceed];
-}
 // Calculate the sum of span in a row
 function getCalcRows(rowItems, mergedColumn) {
   var rows = [];
   var tmpRow = [];
-  var rowRestCol = mergedColumn;
   var exceed = false;
+  var count = 0;
   rowItems.filter(function (n) {
     return n;
-  }).forEach(function (rowItem, index) {
-    var span = rowItem === null || rowItem === void 0 ? void 0 : rowItem.span;
-    var mergedSpan = span || 1;
-    // Additional handle last one
-    if (index === rowItems.length - 1) {
-      var _getFilledItem = getFilledItem(rowItem, rowRestCol, span),
-        _getFilledItem2 = _slicedToArray(_getFilledItem, 2),
-        item = _getFilledItem2[0],
-        itemExceed = _getFilledItem2[1];
-      exceed = exceed || itemExceed;
-      tmpRow.push(item);
+  }).forEach(function (rowItem) {
+    var filled = rowItem.filled,
+      restItem = _objectWithoutProperties(rowItem, _excluded);
+    if (filled) {
+      tmpRow.push(restItem);
       rows.push(tmpRow);
+      // reset
+      tmpRow = [];
+      count = 0;
       return;
     }
-    if (mergedSpan < rowRestCol) {
-      rowRestCol -= mergedSpan;
-      tmpRow.push(rowItem);
-    } else {
-      var _getFilledItem3 = getFilledItem(rowItem, rowRestCol, mergedSpan),
-        _getFilledItem4 = _slicedToArray(_getFilledItem3, 2),
-        _item = _getFilledItem4[0],
-        _itemExceed = _getFilledItem4[1];
-      exceed = exceed || _itemExceed;
-      tmpRow.push(_item);
+    var restSpan = mergedColumn - count;
+    count += rowItem.span || 1;
+    if (count >= mergedColumn) {
+      if (count > mergedColumn) {
+        exceed = true;
+        tmpRow.push(_objectSpread(_objectSpread({}, restItem), {}, {
+          span: restSpan
+        }));
+      } else {
+        tmpRow.push(restItem);
+      }
       rows.push(tmpRow);
-      rowRestCol = mergedColumn;
+      // reset
       tmpRow = [];
+      count = 0;
+    } else {
+      tmpRow.push(restItem);
+    }
+  });
+  if (tmpRow.length > 0) {
+    rows.push(tmpRow);
+  }
+  rows = rows.map(function (rows) {
+    var count = rows.reduce(function (acc, item) {
+      return acc + (item.span || 1);
+    }, 0);
+    if (count < mergedColumn) {
+      // If the span of the last element in the current row is less than the column, then add its span to the remaining columns
+      var last = rows[rows.length - 1];
+      last.span = mergedColumn - count + 1;
+      return rows;
     }
+    return rows;
   });
   return [rows, exceed];
 }

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

@@ -43,12 +43,15 @@ var genDescriptionStyles = function genDescriptionStyles(token) {
   var componentCls = token.componentCls,
     extraColor = token.extraColor,
     itemPaddingBottom = token.itemPaddingBottom,
+    itemPaddingEnd = token.itemPaddingEnd,
     colonMarginRight = token.colonMarginRight,
     colonMarginLeft = token.colonMarginLeft,
     titleMarginBottom = token.titleMarginBottom;
-  return _defineProperty({}, componentCls, _objectSpread(_objectSpread(_objectSpread({}, resetComponent(token)), genBorderedStyle(token)), {}, (_objectSpread2 = {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_objectSpread2, "&-rtl", {
-    direction: 'rtl'
-  }), "".concat(componentCls, "-header"), {
+  return _defineProperty({}, componentCls, _objectSpread(_objectSpread(_objectSpread({}, resetComponent(token)), genBorderedStyle(token)), {}, (_objectSpread2 = {
+    '&-rtl': {
+      direction: 'rtl'
+    }
+  }, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_objectSpread2, "".concat(componentCls, "-header"), {
     display: 'flex',
     alignItems: 'center',
     marginBottom: titleMarginBottom
@@ -72,10 +75,17 @@ var genDescriptionStyles = function genDescriptionStyles(token) {
     }
   }), "".concat(componentCls, "-row"), {
     '> th, > td': {
-      paddingBottom: itemPaddingBottom
+      paddingBottom: itemPaddingBottom,
+      paddingInlineEnd: itemPaddingEnd
+    },
+    '> th:last-child, > td:last-child': {
+      paddingInlineEnd: 0
     },
     '&:last-child': {
-      borderBottom: 'none'
+      borderBottom: 'none',
+      '> th, > td': {
+        paddingBottom: 0
+      }
     }
   }), "".concat(componentCls, "-item-label"), _defineProperty({
     color: token.colorTextTertiary,
@@ -115,13 +125,14 @@ var genDescriptionStyles = function genDescriptionStyles(token) {
       alignItems: 'baseline'
     }), "".concat(componentCls, "-item-content"), {
       display: 'inline-flex',
-      alignItems: 'baseline'
+      alignItems: 'baseline',
+      minWidth: '1em'
     })
-  }), _defineProperty(_defineProperty(_objectSpread2, '&-middle', _defineProperty({}, "".concat(componentCls, "-row"), {
+  }), '&-middle', _defineProperty({}, "".concat(componentCls, "-row"), {
     '> th, > td': {
       paddingBottom: token.paddingSM
     }
-  })), '&-small', _defineProperty({}, "".concat(componentCls, "-row"), {
+  })), _defineProperty(_objectSpread2, '&-small', _defineProperty({}, "".concat(componentCls, "-row"), {
     '> th, > td': {
       paddingBottom: token.paddingXS
     }
@@ -133,6 +144,7 @@ export var prepareComponentToken = function prepareComponentToken(token) {
     titleColor: token.colorText,
     titleMarginBottom: token.fontSizeSM * token.lineHeightSM,
     itemPaddingBottom: token.padding,
+    itemPaddingEnd: token.padding,
     colonMarginRight: token.marginXS,
     colonMarginLeft: token.marginXXS / 2,
     contentColor: token.colorText,

package/lib/Antd5/divider/index.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", "type", "orientation", "orientationMargin", "className", "rootClassName", "children", "dashed", "plain", "style"];
+var _excluded = ["prefixCls", "type", "orientation", "orientationMargin", "className", "rootClassName", "children", "dashed", "variant", "plain", "style"];
 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; }
@@ -34,6 +34,8 @@ var Divider = function Divider(props) {
     rootClassName = props.rootClassName,
     children = props.children,
     dashed = props.dashed,
+    _props$variant = props.variant,
+    variant = _props$variant === void 0 ? 'solid' : _props$variant,
     plain = props.plain,
     style = props.style,
     restProps = _objectWithoutProperties(props, _excluded);
@@ -43,11 +45,10 @@ var Divider = function Divider(props) {
     wrapCSSVar = _useStyle2[0],
     hashId = _useStyle2[1],
     cssVarCls = _useStyle2[2];
-  var orientationPrefix = orientation.length > 0 ? "-".concat(orientation) : orientation;
   var hasChildren = !!children;
   var hasCustomMarginLeft = orientation === 'left' && orientationMargin != null;
   var hasCustomMarginRight = orientation === 'right' && orientationMargin != null;
-  var classString = classNames(prefixCls, divider === null || divider === void 0 ? void 0 : divider.className, hashId, cssVarCls, "".concat(prefixCls, "-").concat(type), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(prefixCls, "-with-text"), hasChildren), "".concat(prefixCls, "-with-text").concat(orientationPrefix), hasChildren), "".concat(prefixCls, "-dashed"), !!dashed), "".concat(prefixCls, "-plain"), !!plain), "".concat(prefixCls, "-rtl"), direction === 'rtl'), "".concat(prefixCls, "-no-default-orientation-margin-left"), hasCustomMarginLeft), "".concat(prefixCls, "-no-default-orientation-margin-right"), hasCustomMarginRight), className, rootClassName);
+  var classString = classNames(prefixCls, divider === null || divider === void 0 ? void 0 : divider.className, hashId, cssVarCls, "".concat(prefixCls, "-").concat(type), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(prefixCls, "-with-text"), hasChildren), "".concat(prefixCls, "-with-text-").concat(orientation), hasChildren), "".concat(prefixCls, "-dashed"), !!dashed), "".concat(prefixCls, "-").concat(variant), variant !== 'solid'), "".concat(prefixCls, "-plain"), !!plain), "".concat(prefixCls, "-rtl"), direction === 'rtl'), "".concat(prefixCls, "-no-default-orientation-margin-left"), hasCustomMarginLeft), "".concat(prefixCls, "-no-default-orientation-margin-right"), hasCustomMarginRight), className, rootClassName);
   var memoizedOrientationMargin = React.useMemo(function () {
     if (typeof orientationMargin === 'number') {
       return orientationMargin;

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

@@ -9,6 +9,7 @@ import { resetComponent } from '../../style';
 import { genStyleHooks, mergeToken } from '../../theme/internal';
 // ============================== Shared ==============================
 var genSharedDividerStyle = function genSharedDividerStyle(token) {
+  var _objectSpread2;
   var componentCls = token.componentCls,
     sizePaddingEdgeHorizontal = token.sizePaddingEdgeHorizontal,
     colorSplit = token.colorSplit,
@@ -16,7 +17,7 @@ var genSharedDividerStyle = function genSharedDividerStyle(token) {
     textPaddingInline = token.textPaddingInline,
     orientationMargin = token.orientationMargin,
     verticalMarginInline = token.verticalMarginInline;
-  return _defineProperty({}, componentCls, _objectSpread(_objectSpread({}, resetComponent(token)), {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({
+  return _defineProperty({}, componentCls, _objectSpread(_objectSpread({}, resetComponent(token)), {}, (_objectSpread2 = {
     borderBlockStart: "".concat(unit(lineWidth), " solid ").concat(colorSplit),
     // vertical
     '&-vertical': {
@@ -38,7 +39,7 @@ var genSharedDividerStyle = function genSharedDividerStyle(token) {
       // Fix https://github.com/ant-design/ant-design/issues/10914
       margin: "".concat(unit(token.dividerHorizontalGutterMargin), " 0")
     }
-  }, "&-horizontal".concat(componentCls, "-with-text"), {
+  }, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_objectSpread2, "&-horizontal".concat(componentCls, "-with-text"), {
     display: 'flex',
     alignItems: 'center',
     margin: "".concat(unit(token.dividerHorizontalWithTextGutterMargin), " 0"),
@@ -90,7 +91,21 @@ var genSharedDividerStyle = function genSharedDividerStyle(token) {
     borderInlineEnd: 0,
     borderBlockStart: 0,
     borderBlockEnd: 0
-  }), "&-plain".concat(componentCls, "-with-text"), {
+  }), '&-dotted', {
+    background: 'none',
+    borderColor: colorSplit,
+    borderStyle: 'dotted',
+    borderWidth: "".concat(unit(lineWidth), " 0 0")
+  }), "&-horizontal".concat(componentCls, "-with-text").concat(componentCls, "-dotted"), {
+    '&::before, &::after': {
+      borderStyle: 'dotted none none'
+    }
+  }), "&-vertical".concat(componentCls, "-dotted"), {
+    borderInlineStartWidth: lineWidth,
+    borderInlineEnd: 0,
+    borderBlockStart: 0,
+    borderBlockEnd: 0
+  }), _defineProperty(_defineProperty(_defineProperty(_objectSpread2, "&-plain".concat(componentCls, "-with-text"), {
     color: token.colorText,
     fontWeight: 'normal',
     fontSize: token.fontSize
@@ -112,7 +127,7 @@ var genSharedDividerStyle = function genSharedDividerStyle(token) {
     }
   }, "".concat(componentCls, "-inner-text"), {
     paddingInlineEnd: sizePaddingEdgeHorizontal
-  }))));
+  })))));
 };
 export var prepareComponentToken = function prepareComponentToken(token) {
   return {

package/lib/Antd5/drawer/DrawerPanel.js

@@ -1,9 +1,9 @@
+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); }
-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 _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
@@ -15,9 +15,9 @@ import * as React from 'react';
 import classNames from 'classnames';
 import useClosable, { pickClosable } from '../_util/hooks/useClosable';
 import { ConfigContext } from '../config-provider';
-import Spin from '../spin';
+import Skeleton from '../skeleton';
 var DrawerPanel = function DrawerPanel(props) {
-  var _spinProps, _drawerContext$classN3, _drawerContext$styles3;
+  var _drawerContext$classN3, _drawerContext$styles3;
   var prefixCls = props.prefixCls,
     title = props.title,
     footer = props.footer,
@@ -48,17 +48,6 @@ var DrawerPanel = function DrawerPanel(props) {
     _useClosable2 = _slicedToArray(_useClosable, 2),
     mergedClosable = _useClosable2[0],
     mergedCloseIcon = _useClosable2[1];
-  // >>>>>>>>> Spinning
-  var spinProps;
-  if (typeof loading === 'boolean') {
-    spinProps = {
-      spinning: loading
-    };
-  } else if (_typeof(loading) === 'object') {
-    spinProps = _objectSpread({
-      spinning: true
-    }, loading);
-  }
   var headerNode = React.useMemo(function () {
     var _drawerContext$styles, _drawerContext$classN;
     if (!title && !mergedClosable) {
@@ -91,16 +80,18 @@ var DrawerPanel = function DrawerPanel(props) {
       children: footer
     });
   }, [footer, footerStyle, prefixCls]);
-  if ((_spinProps = spinProps) !== null && _spinProps !== void 0 && _spinProps.spinning) {
-    return _jsx(Spin, _objectSpread(_objectSpread({}, spinProps), {}, {
-      className: classNames(spinProps.className, "".concat(prefixCls, "-content-spin"))
-    }));
-  }
   return _jsxs(_Fragment, {
     children: [headerNode, _jsx("div", {
       className: classNames("".concat(prefixCls, "-body"), drawerClassNames === null || drawerClassNames === void 0 ? void 0 : drawerClassNames.body, drawerContext === null || drawerContext === void 0 || (_drawerContext$classN3 = drawerContext.classNames) === null || _drawerContext$classN3 === void 0 ? void 0 : _drawerContext$classN3.body),
       style: _objectSpread(_objectSpread(_objectSpread({}, drawerContext === null || drawerContext === void 0 || (_drawerContext$styles3 = drawerContext.styles) === null || _drawerContext$styles3 === void 0 ? void 0 : _drawerContext$styles3.body), bodyStyle), drawerStyles === null || drawerStyles === void 0 ? void 0 : drawerStyles.body),
-      children: children
+      children: loading ? _jsx(Skeleton, {
+        active: true,
+        title: false,
+        paragraph: {
+          rows: 5
+        },
+        className: "".concat(prefixCls, "-body-skeleton")
+      }) : children
     }), footerNode]
   });
 };