@chaoswise/ui 3.1.6 → 3.1.8

package/lib/Antd5/descriptions/Cell.js

@@ -1,10 +1,13 @@
 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 { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from 'react';
 import classNames from 'classnames';
+import DescriptionsContext from './DescriptionsContext';
 function notEmpty(val) {
   return val !== undefined && val !== null;
 }
@@ -20,18 +23,21 @@ var Cell = function Cell(props) {
     label = props.label,
     content = props.content,
     colon = props.colon,
-    type = props.type;
+    type = props.type,
+    styles = props.styles;
   var Component = component;
+  var descContext = React.useContext(DescriptionsContext);
+  var descriptionsClassNames = descContext.classNames;
   if (bordered) {
     return _jsxs(Component, {
-      className: classNames(_defineProperty(_defineProperty({}, "".concat(itemPrefixCls, "-item-label"), type === 'label'), "".concat(itemPrefixCls, "-item-content"), type === 'content'), className),
+      className: classNames(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(itemPrefixCls, "-item-label"), type === 'label'), "".concat(itemPrefixCls, "-item-content"), type === 'content'), "".concat(descriptionsClassNames === null || descriptionsClassNames === void 0 ? void 0 : descriptionsClassNames.label), type === 'label'), "".concat(descriptionsClassNames === null || descriptionsClassNames === void 0 ? void 0 : descriptionsClassNames.content), type === 'content'), className),
       style: style,
       colSpan: span,
       children: [notEmpty(label) && _jsx("span", {
-        style: labelStyle,
+        style: _objectSpread(_objectSpread({}, labelStyle), styles === null || styles === void 0 ? void 0 : styles.label),
         children: label
       }), notEmpty(content) && _jsx("span", {
-        style: contentStyle,
+        style: _objectSpread(_objectSpread({}, labelStyle), styles === null || styles === void 0 ? void 0 : styles.content),
         children: content
       })]
     });
@@ -43,12 +49,12 @@ var Cell = function Cell(props) {
     children: _jsxs("div", {
       className: "".concat(itemPrefixCls, "-item-container"),
       children: [(label || label === 0) && _jsx("span", {
-        className: classNames("".concat(itemPrefixCls, "-item-label"), _defineProperty({}, "".concat(itemPrefixCls, "-item-no-colon"), !colon)),
-        style: labelStyle,
+        className: classNames("".concat(itemPrefixCls, "-item-label"), descriptionsClassNames === null || descriptionsClassNames === void 0 ? void 0 : descriptionsClassNames.label, _defineProperty({}, "".concat(itemPrefixCls, "-item-no-colon"), !colon)),
+        style: _objectSpread(_objectSpread({}, labelStyle), styles === null || styles === void 0 ? void 0 : styles.label),
         children: label
       }), (content || content === 0) && _jsx("span", {
-        className: classNames("".concat(itemPrefixCls, "-item-content")),
-        style: contentStyle,
+        className: classNames("".concat(itemPrefixCls, "-item-content"), descriptionsClassNames === null || descriptionsClassNames === void 0 ? void 0 : descriptionsClassNames.content),
+        style: _objectSpread(_objectSpread({}, contentStyle), styles === null || styles === void 0 ? void 0 : styles.content),
         children: content
       })]
     })

package/lib/Antd5/descriptions/Item.js

@@ -1,3 +1,5 @@
+// JSX Structure Syntactic Sugar. Never reach the render code.
+/* istanbul ignore next */
 var DescriptionsItem = function DescriptionsItem(_ref) {
   var children = _ref.children;
   return children;

package/lib/Antd5/descriptions/Row.js

@@ -17,7 +17,8 @@ function renderCells(items, _ref, _ref2) {
     showLabel = _ref2.showLabel,
     showContent = _ref2.showContent,
     rootLabelStyle = _ref2.labelStyle,
-    rootContentStyle = _ref2.contentStyle;
+    rootContentStyle = _ref2.contentStyle,
+    rootStyles = _ref2.styles;
   return items.map(function (_ref3, index) {
     var label = _ref3.label,
       children = _ref3.children,
@@ -29,13 +30,16 @@ function renderCells(items, _ref, _ref2) {
       contentStyle = _ref3.contentStyle,
       _ref3$span = _ref3.span,
       span = _ref3$span === void 0 ? 1 : _ref3$span,
-      key = _ref3.key;
+      key = _ref3.key,
+      styles = _ref3.styles;
     if (typeof component === 'string') {
       return _jsx(Cell, {
         className: className,
         style: style,
-        labelStyle: _objectSpread(_objectSpread({}, rootLabelStyle), labelStyle),
-        contentStyle: _objectSpread(_objectSpread({}, rootContentStyle), contentStyle),
+        styles: {
+          label: _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, rootLabelStyle), rootStyles === null || rootStyles === void 0 ? void 0 : rootStyles.label), labelStyle), styles === null || styles === void 0 ? void 0 : styles.label),
+          content: _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, rootContentStyle), rootStyles === null || rootStyles === void 0 ? void 0 : rootStyles.content), contentStyle), styles === null || styles === void 0 ? void 0 : styles.content)
+        },
         span: span,
         colon: colon,
         component: component,
@@ -48,7 +52,7 @@ function renderCells(items, _ref, _ref2) {
     }
     return [_jsx(Cell, {
       className: className,
-      style: _objectSpread(_objectSpread(_objectSpread({}, rootLabelStyle), style), labelStyle),
+      style: _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, rootLabelStyle), rootStyles === null || rootStyles === void 0 ? void 0 : rootStyles.label), style), labelStyle), styles === null || styles === void 0 ? void 0 : styles.label),
       span: 1,
       colon: colon,
       component: component[0],
@@ -58,7 +62,7 @@ function renderCells(items, _ref, _ref2) {
       type: "label"
     }, "label-".concat(key || index)), _jsx(Cell, {
       className: className,
-      style: _objectSpread(_objectSpread(_objectSpread({}, rootContentStyle), style), contentStyle),
+      style: _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, rootContentStyle), rootStyles === null || rootStyles === void 0 ? void 0 : rootStyles.content), style), contentStyle), styles === null || styles === void 0 ? void 0 : styles.content),
       span: span * 2 - 1,
       component: component[1],
       itemPrefixCls: itemPrefixCls,

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

@@ -63,7 +63,7 @@ function getCalcRows(rowItems, mergedColumn) {
     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;
+      last.span = mergedColumn - (count - (last.span || 1));
       return rows;
     }
     return rows;

package/lib/Antd5/descriptions/index.js

@@ -1,16 +1,16 @@
 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", "title", "extra", "column", "colon", "bordered", "layout", "children", "className", "rootClassName", "style", "size", "labelStyle", "contentStyle", "items"];
+var _excluded = ["prefixCls", "title", "extra", "column", "colon", "bordered", "layout", "children", "className", "rootClassName", "style", "size", "labelStyle", "contentStyle", "styles", "items", "classNames"];
+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 _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; } }
 function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
-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 _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(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 (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
@@ -18,7 +18,8 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from 'react';
 import classNames from 'classnames';
 import { matchScreen } from '../_util/responsiveObserver';
-import { ConfigContext } from '../config-provider';
+import { devUseWarning } from '../_util/warning';
+import { useComponentConfig } from '../config-provider/context';
 import useSize from '../config-provider/hooks/useSize';
 import useBreakpoint from '../grid/hooks/useBreakpoint';
 import DEFAULT_COLUMN_MAP from './constant';
@@ -44,14 +45,29 @@ var Descriptions = function Descriptions(props) {
     customizeSize = props.size,
     labelStyle = props.labelStyle,
     contentStyle = props.contentStyle,
+    styles = props.styles,
     items = props.items,
+    descriptionsClassNames = props.classNames,
     restProps = _objectWithoutProperties(props, _excluded);
-  var _React$useContext = React.useContext(ConfigContext),
-    getPrefixCls = _React$useContext.getPrefixCls,
-    direction = _React$useContext.direction,
-    descriptions = _React$useContext.descriptions;
+  var _useComponentConfig = useComponentConfig('descriptions'),
+    getPrefixCls = _useComponentConfig.getPrefixCls,
+    direction = _useComponentConfig.direction,
+    contextClassName = _useComponentConfig.className,
+    contextStyle = _useComponentConfig.style,
+    contextClassNames = _useComponentConfig.classNames,
+    contextStyles = _useComponentConfig.styles;
   var prefixCls = getPrefixCls('descriptions', customizePrefixCls);
   var screens = useBreakpoint();
+  // ============================== Warn ==============================
+  if (process.env.NODE_ENV !== 'production') {
+    var warning = devUseWarning('Descriptions');
+    [['labelStyle', 'styles={{ label: {} }}'], ['contentStyle', 'styles={{ content: {} }}']].forEach(function (_ref) {
+      var _ref2 = _slicedToArray(_ref, 2),
+        deprecatedName = _ref2[0],
+        newName = _ref2[1];
+      warning.deprecated(!(deprecatedName in props), deprecatedName, newName);
+    });
+  }
   // Column count
   var mergedColumn = React.useMemo(function () {
     var _matchScreen;
@@ -73,22 +89,33 @@ var Descriptions = function Descriptions(props) {
   var contextValue = React.useMemo(function () {
     return {
       labelStyle: labelStyle,
-      contentStyle: contentStyle
+      contentStyle: contentStyle,
+      styles: {
+        content: _objectSpread(_objectSpread({}, contextStyles.content), styles === null || styles === void 0 ? void 0 : styles.content),
+        label: _objectSpread(_objectSpread({}, contextStyles.label), styles === null || styles === void 0 ? void 0 : styles.label)
+      },
+      classNames: {
+        label: classNames(contextClassNames.label, descriptionsClassNames === null || descriptionsClassNames === void 0 ? void 0 : descriptionsClassNames.label),
+        content: classNames(contextClassNames.content, descriptionsClassNames === null || descriptionsClassNames === void 0 ? void 0 : descriptionsClassNames.content)
+      }
     };
-  }, [labelStyle, contentStyle]);
+  }, [labelStyle, contentStyle, styles, descriptionsClassNames, contextClassNames, contextStyles]);
   return wrapCSSVar(_jsx(DescriptionsContext.Provider, {
     value: contextValue,
     children: _jsxs("div", _objectSpread(_objectSpread({
-      className: classNames(prefixCls, descriptions === null || descriptions === void 0 ? void 0 : descriptions.className, _defineProperty(_defineProperty(_defineProperty({}, "".concat(prefixCls, "-").concat(mergedSize), mergedSize && mergedSize !== 'default'), "".concat(prefixCls, "-bordered"), !!bordered), "".concat(prefixCls, "-rtl"), direction === 'rtl'), className, rootClassName, hashId, cssVarCls),
-      style: _objectSpread(_objectSpread({}, descriptions === null || descriptions === void 0 ? void 0 : descriptions.style), style)
+      className: classNames(prefixCls, contextClassName, contextClassNames.root, descriptionsClassNames === null || descriptionsClassNames === void 0 ? void 0 : descriptionsClassNames.root, _defineProperty(_defineProperty(_defineProperty({}, "".concat(prefixCls, "-").concat(mergedSize), mergedSize && mergedSize !== 'default'), "".concat(prefixCls, "-bordered"), !!bordered), "".concat(prefixCls, "-rtl"), direction === 'rtl'), className, rootClassName, hashId, cssVarCls),
+      style: _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, contextStyle), contextStyles.root), styles === null || styles === void 0 ? void 0 : styles.root), style)
     }, restProps), {}, {
       children: [(title || extra) && _jsxs("div", {
-        className: "".concat(prefixCls, "-header"),
+        className: classNames("".concat(prefixCls, "-header"), contextClassNames.header, descriptionsClassNames === null || descriptionsClassNames === void 0 ? void 0 : descriptionsClassNames.header),
+        style: _objectSpread(_objectSpread({}, contextStyles.header), styles === null || styles === void 0 ? void 0 : styles.header),
         children: [title && _jsx("div", {
-          className: "".concat(prefixCls, "-title"),
+          className: classNames("".concat(prefixCls, "-title"), contextClassNames.title, descriptionsClassNames === null || descriptionsClassNames === void 0 ? void 0 : descriptionsClassNames.title),
+          style: _objectSpread(_objectSpread({}, contextStyles.title), styles === null || styles === void 0 ? void 0 : styles.title),
           children: title
         }), extra && _jsx("div", {
-          className: "".concat(prefixCls, "-extra"),
+          className: classNames("".concat(prefixCls, "-extra"), contextClassNames.extra, descriptionsClassNames === null || descriptionsClassNames === void 0 ? void 0 : descriptionsClassNames.extra),
+          style: _objectSpread(_objectSpread({}, contextStyles.extra), styles === null || styles === void 0 ? void 0 : styles.extra),
           children: extra
         })]
       }), _jsx("div", {

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

@@ -17,8 +17,16 @@ var genBorderedStyle = function genBorderedStyle(token) {
     }
   }, "".concat(componentCls, "-row"), _defineProperty(_defineProperty({
     borderBottom: "".concat(unit(token.lineWidth), " ").concat(token.lineType, " ").concat(token.colorSplit),
+    '&:first-child': {
+      '> th:first-child, > td:first-child': {
+        borderStartStartRadius: token.borderRadiusLG
+      }
+    },
     '&:last-child': {
-      borderBottom: 'none'
+      borderBottom: 'none',
+      '> th:first-child, > td:first-child': {
+        borderEndStartRadius: token.borderRadiusLG
+      }
     }
   }, "> ".concat(componentCls, "-item-label, > ").concat(componentCls, "-item-content"), {
     padding: "".concat(unit(token.padding), " ").concat(unit(token.paddingLG)),
@@ -88,7 +96,7 @@ var genDescriptionStyles = function genDescriptionStyles(token) {
       }
     }
   }), "".concat(componentCls, "-item-label"), _defineProperty({
-    color: token.colorTextTertiary,
+    color: token.labelColor,
     fontWeight: 'normal',
     fontSize: token.fontSize,
     lineHeight: token.lineHeight,
@@ -141,6 +149,7 @@ var genDescriptionStyles = function genDescriptionStyles(token) {
 export var prepareComponentToken = function prepareComponentToken(token) {
   return {
     labelBg: token.colorFillAlter,
+    labelColor: token.colorTextTertiary,
     titleColor: token.colorText,
     titleMarginBottom: token.fontSizeSM * token.lineHeightSM,
     itemPaddingBottom: token.padding,

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", "variant", "plain", "style"];
+var _excluded = ["prefixCls", "type", "orientation", "orientationMargin", "className", "rootClassName", "children", "dashed", "variant", "plain", "style", "size"];
 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; }
@@ -17,13 +17,19 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from 'react';
 import classNames from 'classnames';
 import { devUseWarning } from '../_util/warning';
-import { ConfigContext } from '../config-provider';
+import { useComponentConfig } from '../config-provider/context';
+import useSize from '../config-provider/hooks/useSize';
 import useStyle from './style';
+var sizeClassNameMap = {
+  small: 'sm',
+  middle: 'md'
+};
 var Divider = function Divider(props) {
-  var _React$useContext = React.useContext(ConfigContext),
-    getPrefixCls = _React$useContext.getPrefixCls,
-    direction = _React$useContext.direction,
-    divider = _React$useContext.divider;
+  var _useComponentConfig = useComponentConfig('divider'),
+    getPrefixCls = _useComponentConfig.getPrefixCls,
+    direction = _useComponentConfig.direction,
+    dividerClassName = _useComponentConfig.className,
+    dividerStyle = _useComponentConfig.style;
   var customizePrefixCls = props.prefixCls,
     _props$type = props.type,
     type = _props$type === void 0 ? 'horizontal' : _props$type,
@@ -38,6 +44,7 @@ var Divider = function Divider(props) {
     variant = _props$variant === void 0 ? 'solid' : _props$variant,
     plain = props.plain,
     style = props.style,
+    customSize = props.size,
     restProps = _objectWithoutProperties(props, _excluded);
   var prefixCls = getPrefixCls('divider', customizePrefixCls);
   var _useStyle = useStyle(prefixCls),
@@ -45,10 +52,21 @@ var Divider = function Divider(props) {
     wrapCSSVar = _useStyle2[0],
     hashId = _useStyle2[1],
     cssVarCls = _useStyle2[2];
+  var sizeFullName = useSize(customSize);
+  var sizeCls = sizeClassNameMap[sizeFullName];
   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(_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 mergedOrientation = React.useMemo(function () {
+    if (orientation === 'left') {
+      return direction === 'rtl' ? 'end' : 'start';
+    }
+    if (orientation === 'right') {
+      return direction === 'rtl' ? 'start' : 'end';
+    }
+    return orientation;
+  }, [direction, orientation]);
+  var hasMarginStart = mergedOrientation === 'start' && orientationMargin != null;
+  var hasMarginEnd = mergedOrientation === 'end' && orientationMargin != null;
+  var classString = classNames(prefixCls, dividerClassName, hashId, cssVarCls, "".concat(prefixCls, "-").concat(type), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(prefixCls, "-with-text"), hasChildren), "".concat(prefixCls, "-with-text-").concat(mergedOrientation), 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-start"), hasMarginStart), "".concat(prefixCls, "-no-default-orientation-margin-end"), hasMarginEnd), "".concat(prefixCls, "-").concat(sizeCls), !!sizeCls), className, rootClassName);
   var memoizedOrientationMargin = React.useMemo(function () {
     if (typeof orientationMargin === 'number') {
       return orientationMargin;
@@ -58,11 +76,10 @@ var Divider = function Divider(props) {
     }
     return orientationMargin;
   }, [orientationMargin]);
-  var innerStyle = _objectSpread(_objectSpread({}, hasCustomMarginLeft && {
-    marginLeft: memoizedOrientationMargin
-  }), hasCustomMarginRight && {
-    marginRight: memoizedOrientationMargin
-  });
+  var innerStyle = {
+    marginInlineStart: hasMarginStart ? memoizedOrientationMargin : undefined,
+    marginInlineEnd: hasMarginEnd ? memoizedOrientationMargin : undefined
+  };
   // Warning children not work in vertical mode
   if (process.env.NODE_ENV !== 'production') {
     var warning = devUseWarning('Divider');
@@ -70,7 +87,7 @@ var Divider = function Divider(props) {
   }
   return wrapCSSVar(_jsx("div", _objectSpread(_objectSpread({
     className: classString,
-    style: _objectSpread(_objectSpread({}, divider === null || divider === void 0 ? void 0 : divider.style), style)
+    style: _objectSpread(_objectSpread({}, dividerStyle), style)
   }, restProps), {}, {
     role: "separator",
     children: children && type !== 'vertical' && _jsx("span", {

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

@@ -7,6 +7,20 @@ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e
 import { unit } from '@ant-design/cssinjs';
 import { resetComponent } from '../../style';
 import { genStyleHooks, mergeToken } from '../../theme/internal';
+// ============================== Size ================================
+var genSizeDividerStyle = function genSizeDividerStyle(token) {
+  var componentCls = token.componentCls;
+  return _defineProperty({}, componentCls, {
+    '&-horizontal': _defineProperty({}, "&".concat(componentCls), {
+      '&-sm': {
+        marginBlock: token.marginXS
+      },
+      '&-md': {
+        marginBlock: token.margin
+      }
+    })
+  });
+};
 // ============================== Shared ==============================
 var genSharedDividerStyle = function genSharedDividerStyle(token) {
   var _objectSpread2;
@@ -37,7 +51,7 @@ var genSharedDividerStyle = function genSharedDividerStyle(token) {
       width: '100%',
       minWidth: '100%',
       // Fix https://github.com/ant-design/ant-design/issues/10914
-      margin: "".concat(unit(token.dividerHorizontalGutterMargin), " 0")
+      margin: "".concat(unit(token.marginLG), " 0")
     }
   }, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_objectSpread2, "&-horizontal".concat(componentCls, "-with-text"), {
     display: 'flex',
@@ -59,14 +73,14 @@ var genSharedDividerStyle = function genSharedDividerStyle(token) {
       transform: 'translateY(50%)',
       content: "''"
     }
-  }), "&-horizontal".concat(componentCls, "-with-text-left"), {
+  }), "&-horizontal".concat(componentCls, "-with-text-start"), {
     '&::before': {
       width: "calc(".concat(orientationMargin, " * 100%)")
     },
     '&::after': {
       width: "calc(100% - ".concat(orientationMargin, " * 100%)")
     }
-  }), "&-horizontal".concat(componentCls, "-with-text-right"), {
+  }), "&-horizontal".concat(componentCls, "-with-text-end"), {
     '&::before': {
       width: "calc(100% - ".concat(orientationMargin, " * 100%)")
     },
@@ -109,7 +123,7 @@ var genSharedDividerStyle = function genSharedDividerStyle(token) {
     color: token.colorText,
     fontWeight: 'normal',
     fontSize: token.fontSize
-  }), "&-horizontal".concat(componentCls, "-with-text-left").concat(componentCls, "-no-default-orientation-margin-left"), _defineProperty({
+  }), "&-horizontal".concat(componentCls, "-with-text-start").concat(componentCls, "-no-default-orientation-margin-start"), _defineProperty({
     '&::before': {
       width: 0
     },
@@ -118,7 +132,7 @@ var genSharedDividerStyle = function genSharedDividerStyle(token) {
     }
   }, "".concat(componentCls, "-inner-text"), {
     paddingInlineStart: sizePaddingEdgeHorizontal
-  })), "&-horizontal".concat(componentCls, "-with-text-right").concat(componentCls, "-no-default-orientation-margin-right"), _defineProperty({
+  })), "&-horizontal".concat(componentCls, "-with-text-end").concat(componentCls, "-no-default-orientation-margin-end"), _defineProperty({
     '&::before': {
       width: '100%'
     },
@@ -140,10 +154,9 @@ export var prepareComponentToken = function prepareComponentToken(token) {
 export default genStyleHooks('Divider', function (token) {
   var dividerToken = mergeToken(token, {
     dividerHorizontalWithTextGutterMargin: token.margin,
-    dividerHorizontalGutterMargin: token.marginLG,
     sizePaddingEdgeHorizontal: 0
   });
-  return [genSharedDividerStyle(dividerToken)];
+  return [genSharedDividerStyle(dividerToken), genSizeDividerStyle(dividerToken)];
 }, prepareComponentToken, {
   unitless: {
     orientationMargin: true

package/lib/Antd5/drawer/DrawerPanel.js

@@ -14,7 +14,7 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 import * as React from 'react';
 import classNames from 'classnames';
 import useClosable, { pickClosable } from '../_util/hooks/useClosable';
-import { ConfigContext } from '../config-provider';
+import { useComponentConfig } from '../config-provider/context';
 import Skeleton from '../skeleton';
 var DrawerPanel = function DrawerPanel(props) {
   var _drawerContext$classN3, _drawerContext$styles3;
@@ -30,13 +30,11 @@ var DrawerPanel = function DrawerPanel(props) {
     children = props.children,
     drawerClassNames = props.classNames,
     drawerStyles = props.styles;
-  var _React$useContext = React.useContext(ConfigContext),
-    drawerContext = _React$useContext.drawer;
+  var drawerContext = useComponentConfig('drawer');
   var customCloseIconRender = React.useCallback(function (icon) {
     return _jsx("button", {
       type: "button",
       onClick: onClose,
-      "aria-label": "Close",
       className: "".concat(prefixCls, "-close"),
       children: icon
     });
@@ -54,8 +52,8 @@ var DrawerPanel = function DrawerPanel(props) {
       return null;
     }
     return _jsxs("div", {
-      style: _objectSpread(_objectSpread(_objectSpread({}, drawerContext === null || drawerContext === void 0 || (_drawerContext$styles = drawerContext.styles) === null || _drawerContext$styles === void 0 ? void 0 : _drawerContext$styles.header), headerStyle), drawerStyles === null || drawerStyles === void 0 ? void 0 : drawerStyles.header),
-      className: classNames("".concat(prefixCls, "-header"), _defineProperty({}, "".concat(prefixCls, "-header-close-only"), mergedClosable && !title && !extra), drawerContext === null || drawerContext === void 0 || (_drawerContext$classN = drawerContext.classNames) === null || _drawerContext$classN === void 0 ? void 0 : _drawerContext$classN.header, drawerClassNames === null || drawerClassNames === void 0 ? void 0 : drawerClassNames.header),
+      style: _objectSpread(_objectSpread(_objectSpread({}, (_drawerContext$styles = drawerContext.styles) === null || _drawerContext$styles === void 0 ? void 0 : _drawerContext$styles.header), headerStyle), drawerStyles === null || drawerStyles === void 0 ? void 0 : drawerStyles.header),
+      className: classNames("".concat(prefixCls, "-header"), _defineProperty({}, "".concat(prefixCls, "-header-close-only"), mergedClosable && !title && !extra), (_drawerContext$classN = drawerContext.classNames) === null || _drawerContext$classN === void 0 ? void 0 : _drawerContext$classN.header, drawerClassNames === null || drawerClassNames === void 0 ? void 0 : drawerClassNames.header),
       children: [_jsxs("div", {
         className: "".concat(prefixCls, "-header-title"),
         children: [mergedCloseIcon, title && _jsx("div", {
@@ -75,15 +73,15 @@ var DrawerPanel = function DrawerPanel(props) {
     }
     var footerClassName = "".concat(prefixCls, "-footer");
     return _jsx("div", {
-      className: classNames(footerClassName, drawerContext === null || drawerContext === void 0 || (_drawerContext$classN2 = drawerContext.classNames) === null || _drawerContext$classN2 === void 0 ? void 0 : _drawerContext$classN2.footer, drawerClassNames === null || drawerClassNames === void 0 ? void 0 : drawerClassNames.footer),
-      style: _objectSpread(_objectSpread(_objectSpread({}, drawerContext === null || drawerContext === void 0 || (_drawerContext$styles2 = drawerContext.styles) === null || _drawerContext$styles2 === void 0 ? void 0 : _drawerContext$styles2.footer), footerStyle), drawerStyles === null || drawerStyles === void 0 ? void 0 : drawerStyles.footer),
+      className: classNames(footerClassName, (_drawerContext$classN2 = drawerContext.classNames) === null || _drawerContext$classN2 === void 0 ? void 0 : _drawerContext$classN2.footer, drawerClassNames === null || drawerClassNames === void 0 ? void 0 : drawerClassNames.footer),
+      style: _objectSpread(_objectSpread(_objectSpread({}, (_drawerContext$styles2 = drawerContext.styles) === null || _drawerContext$styles2 === void 0 ? void 0 : _drawerContext$styles2.footer), footerStyle), drawerStyles === null || drawerStyles === void 0 ? void 0 : drawerStyles.footer),
       children: footer
     });
   }, [footer, footerStyle, prefixCls]);
   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),
+      className: classNames("".concat(prefixCls, "-body"), drawerClassNames === null || drawerClassNames === void 0 ? void 0 : drawerClassNames.body, (_drawerContext$classN3 = drawerContext.classNames) === null || _drawerContext$classN3 === void 0 ? void 0 : _drawerContext$classN3.body),
+      style: _objectSpread(_objectSpread(_objectSpread({}, (_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: loading ? _jsx(Skeleton, {
         active: true,
         title: false,

package/lib/Antd5/drawer/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 = ["rootClassName", "width", "height", "size", "mask", "push", "open", "afterOpenChange", "onClose", "prefixCls", "getContainer", "style", "className", "visible", "afterVisibleChange", "maskStyle", "drawerStyle", "contentWrapperStyle"],
+var _excluded = ["rootClassName", "width", "height", "size", "mask", "push", "open", "afterOpenChange", "onClose", "prefixCls", "getContainer", "style", "className", "visible", "afterVisibleChange", "maskStyle", "drawerStyle", "contentWrapperStyle", "destroyOnClose", "destroyOnHidden"],
   _excluded2 = ["prefixCls", "style", "className", "placement"];
 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; }
@@ -24,6 +24,7 @@ import { getTransitionName } from '../_util/motion';
 import { devUseWarning } from '../_util/warning';
 import zIndexContext from '../_util/zindexContext';
 import { ConfigContext } from '../config-provider';
+import { useComponentConfig } from '../config-provider/context';
 import { usePanelRef } from '../watermark/context';
 import DrawerPanel from './DrawerPanel';
 import useStyle from './style';
@@ -53,12 +54,17 @@ var Drawer = function Drawer(props) {
     maskStyle = props.maskStyle,
     drawerStyle = props.drawerStyle,
     contentWrapperStyle = props.contentWrapperStyle,
+    destroyOnClose = props.destroyOnClose,
+    destroyOnHidden = props.destroyOnHidden,
     rest = _objectWithoutProperties(props, _excluded);
-  var _React$useContext = React.useContext(ConfigContext),
-    getPopupContainer = _React$useContext.getPopupContainer,
-    getPrefixCls = _React$useContext.getPrefixCls,
-    direction = _React$useContext.direction,
-    drawer = _React$useContext.drawer;
+  var _useComponentConfig = useComponentConfig('drawer'),
+    getPopupContainer = _useComponentConfig.getPopupContainer,
+    getPrefixCls = _useComponentConfig.getPrefixCls,
+    direction = _useComponentConfig.direction,
+    contextClassName = _useComponentConfig.className,
+    contextStyle = _useComponentConfig.style,
+    contextClassNames = _useComponentConfig.classNames,
+    contextStyles = _useComponentConfig.styles;
   var prefixCls = getPrefixCls('drawer', customizePrefixCls);
   var _useStyle = useStyle(prefixCls),
     _useStyle2 = _slicedToArray(_useStyle, 3),
@@ -77,7 +83,7 @@ var Drawer = function Drawer(props) {
   if (process.env.NODE_ENV !== 'production') {
     var _props$style;
     var warning = devUseWarning('Drawer');
-    [['visible', 'open'], ['afterVisibleChange', 'afterOpenChange'], ['headerStyle', 'styles.header'], ['bodyStyle', 'styles.body'], ['footerStyle', 'styles.footer'], ['contentWrapperStyle', 'styles.wrapper'], ['maskStyle', 'styles.mask'], ['drawerStyle', 'styles.content']].forEach(function (_ref) {
+    [['visible', 'open'], ['afterVisibleChange', 'afterOpenChange'], ['headerStyle', 'styles.header'], ['bodyStyle', 'styles.body'], ['footerStyle', 'styles.footer'], ['contentWrapperStyle', 'styles.wrapper'], ['maskStyle', 'styles.mask'], ['drawerStyle', 'styles.content'], ['destroyInactivePanel', 'destroyOnHidden']].forEach(function (_ref) {
       var _ref2 = _slicedToArray(_ref, 2),
         deprecatedName = _ref2[0],
         newName = _ref2[1];
@@ -112,7 +118,7 @@ var Drawer = function Drawer(props) {
     };
   };
   // ============================ Refs ============================
-  // Select `ant-modal-content` by `panelRef`
+  // Select `ant-drawer-content` by `panelRef`
   var panelRef = usePanelRef();
   // ============================ zIndex ============================
   var _useZIndex = useZIndex('Drawer', rest.zIndex),
@@ -124,11 +130,6 @@ var Drawer = function Drawer(props) {
     propClassNames = _rest$classNames === void 0 ? {} : _rest$classNames,
     _rest$styles = rest.styles,
     propStyles = _rest$styles === void 0 ? {} : _rest$styles;
-  var _ref3 = drawer || {},
-    _ref3$classNames = _ref3.classNames,
-    contextClassNames = _ref3$classNames === void 0 ? {} : _ref3$classNames,
-    _ref3$styles = _ref3.styles,
-    contextStyles = _ref3$styles === void 0 ? {} : _ref3$styles;
   return wrapCSSVar(_jsx(ContextIsolator, {
     form: true,
     space: true,
@@ -155,13 +156,15 @@ var Drawer = function Drawer(props) {
         push: push,
         width: mergedWidth,
         height: mergedHeight,
-        style: _objectSpread(_objectSpread({}, drawer === null || drawer === void 0 ? void 0 : drawer.style), style),
-        className: classNames(drawer === null || drawer === void 0 ? void 0 : drawer.className, className),
+        style: _objectSpread(_objectSpread({}, contextStyle), style),
+        className: classNames(contextClassName, className),
         rootClassName: drawerClassName,
         getContainer: getContainer,
         afterOpenChange: afterOpenChange !== null && afterOpenChange !== void 0 ? afterOpenChange : afterVisibleChange,
         panelRef: panelRef,
         zIndex: zIndex,
+        // TODO: In the future, destroyOnClose in rc-drawer needs to be upgrade to destroyOnHidden
+        destroyOnClose: destroyOnHidden !== null && destroyOnHidden !== void 0 ? destroyOnHidden : destroyOnClose,
         children: _jsx(DrawerPanel, _objectSpread(_objectSpread({
           prefixCls: prefixCls
         }, rest), {}, {
@@ -179,8 +182,8 @@ var PurePanel = function PurePanel(props) {
     _props$placement = props.placement,
     placement = _props$placement === void 0 ? 'right' : _props$placement,
     restProps = _objectWithoutProperties(props, _excluded2);
-  var _React$useContext2 = React.useContext(ConfigContext),
-    getPrefixCls = _React$useContext2.getPrefixCls;
+  var _React$useContext = React.useContext(ConfigContext),
+    getPrefixCls = _React$useContext.getPrefixCls;
   var prefixCls = getPrefixCls('drawer', customizePrefixCls);
   var _useStyle3 = useStyle(prefixCls),
     _useStyle4 = _slicedToArray(_useStyle3, 3),