@chaoswise/ui 3.0.23 → 3.1.0

package/lib/Antd5/popover/index.js

@@ -13,7 +13,7 @@ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" !=
 function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
 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 { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from 'react';
 import classNames from 'classnames';
 import useMergedState from 'rc-util/lib/hooks/useMergedState';
@@ -23,23 +23,9 @@ import { getTransitionName } from '../_util/motion';
 import { cloneElement } from '../_util/reactNode';
 import { ConfigContext } from '../config-provider';
 import Tooltip from '../tooltip';
-import PurePanel from './PurePanel';
+import PurePanel, { Overlay } from './PurePanel';
 // CSSINJS
 import useStyle from './style';
-var Overlay = function Overlay(_ref) {
-  var title = _ref.title,
-    content = _ref.content,
-    prefixCls = _ref.prefixCls;
-  return _jsxs(_Fragment, {
-    children: [title && _jsx("div", {
-      className: "".concat(prefixCls, "-title"),
-      children: getRenderPropValue(title)
-    }), _jsx("div", {
-      className: "".concat(prefixCls, "-inner-content"),
-      children: getRenderPropValue(content)
-    })]
-  });
-};
 var InternalPopover = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _props$open, _props$defaultOpen;
   var customizePrefixCls = props.prefixCls,
@@ -88,6 +74,8 @@ var InternalPopover = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var onInternalOpenChange = function onInternalOpenChange(value) {
     settingOpen(value);
   };
+  var titleNode = getRenderPropValue(title);
+  var contentNode = getRenderPropValue(content);
   return wrapCSSVar(_jsx(Tooltip, _objectSpread(_objectSpread({
     placement: placement,
     trigger: trigger,
@@ -100,10 +88,10 @@ var InternalPopover = /*#__PURE__*/React.forwardRef(function (props, ref) {
     ref: ref,
     open: open,
     onOpenChange: onInternalOpenChange,
-    overlay: title || content ? _jsx(Overlay, {
+    overlay: titleNode || contentNode ? _jsx(Overlay, {
       prefixCls: prefixCls,
-      title: title,
-      content: content
+      title: titleNode,
+      content: contentNode
     }) : null,
     transitionName: getTransitionName(rootPrefixCls, 'zoom-big', otherProps.transitionName),
     "data-popover-inject": true,

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

@@ -39,7 +39,9 @@ var genBaseStyle = function genBaseStyle(token) {
     textAlign: 'start',
     cursor: 'auto',
     userSelect: 'text',
-    transformOrigin: "var(--arrow-x, 50%) var(--arrow-y, 50%)",
+    // When use `autoArrow`, origin will follow the arrow position
+    '--valid-offset-x': 'var(--arrow-offset-horizontal, var(--arrow-x))',
+    transformOrigin: ["var(--valid-offset-x, 50%)", "var(--arrow-y, 50%)"].join(' '),
     '--antd-arrow-background-color': colorBgElevated,
     width: 'max-content',
     maxWidth: '100vw',

package/lib/Antd5/progress/Line.js

@@ -13,9 +13,10 @@ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol"
 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 { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from 'react';
 import { presetPrimaryColors } from '@ant-design/colors';
+import classNames from 'classnames';
 import { devUseWarning } from '../_util/warning';
 import { LineStrokeColorVar, Percent } from './style';
 import { getSize, getSuccessPercent, validProgress } from './utils';
@@ -33,7 +34,7 @@ export var sortGradient = function sortGradient(gradients) {
   var tempArr = [];
   Object.keys(gradients).forEach(function (key) {
     var formattedKey = parseFloat(key.replace(/%/g, ''));
-    if (!isNaN(formattedKey)) {
+    if (!Number.isNaN(formattedKey)) {
       tempArr.push({
         key: formattedKey,
         value: gradients[key]
@@ -94,7 +95,10 @@ var Line = function Line(props) {
     children = props.children,
     _props$trailColor = props.trailColor,
     trailColor = _props$trailColor === void 0 ? null : _props$trailColor,
+    percentPosition = props.percentPosition,
     success = props.success;
+  var infoAlign = percentPosition.align,
+    infoPosition = percentPosition.type;
   var backgroundProps = strokeColor && typeof strokeColor !== 'string' ? handleGradient(strokeColor, directionConfig) : _defineProperty(_defineProperty({}, LineStrokeColorVar, strokeColor), "background", strokeColor);
   var borderRadius = strokeLinecap === 'square' || strokeLinecap === 'butt' ? 0 : undefined;
   var mergedSize = size !== null && size !== void 0 ? size : [-1, strokeWidth || (size === 'small' ? 6 : 8)];
@@ -125,25 +129,29 @@ var Line = function Line(props) {
     backgroundColor: success === null || success === void 0 ? void 0 : success.strokeColor
   };
   var outerStyle = {
-    width: width < 0 ? '100%' : width,
-    height: height
+    width: width < 0 ? '100%' : width
   };
-  return _jsxs(_Fragment, {
+  var lineInner = _jsxs("div", {
+    className: "".concat(prefixCls, "-inner"),
+    style: trailStyle,
     children: [_jsx("div", {
-      className: "".concat(prefixCls, "-outer"),
-      style: outerStyle,
-      children: _jsxs("div", {
-        className: "".concat(prefixCls, "-inner"),
-        style: trailStyle,
-        children: [_jsx("div", {
-          className: "".concat(prefixCls, "-bg"),
-          style: percentStyle
-        }), successPercent !== undefined ? _jsx("div", {
-          className: "".concat(prefixCls, "-success-bg"),
-          style: successPercentStyle
-        }) : null]
-      })
-    }), children]
+      className: classNames("".concat(prefixCls, "-bg"), "".concat(prefixCls, "-bg-").concat(infoPosition)),
+      style: percentStyle,
+      children: infoPosition === 'inner' && children
+    }), successPercent !== undefined && _jsx("div", {
+      className: "".concat(prefixCls, "-success-bg"),
+      style: successPercentStyle
+    })]
+  });
+  var isOuterStart = infoPosition === 'outer' && infoAlign === 'start';
+  var isOuterEnd = infoPosition === 'outer' && infoAlign === 'end';
+  return infoPosition === 'outer' && infoAlign === 'center' ? _jsxs("div", {
+    className: "".concat(prefixCls, "-layout-bottom"),
+    children: [lineInner, children]
+  }) : _jsxs("div", {
+    className: "".concat(prefixCls, "-outer"),
+    style: outerStyle,
+    children: [isOuterStart && children, lineInner, isOuterEnd && children]
   });
 };
 export default Line;

package/lib/Antd5/progress/design/behavior-pattern.js

@@ -13,17 +13,17 @@ var BehaviorPattern = function BehaviorPattern() {
         children: [{
           id: '707000085',
           label: '了解任务进度',
-          link: 'components-progress-index-tab-design-demo-progress'
+          link: 'progress-index-tab-design-demo-progress'
         }, {
           id: '707000086',
           label: '了解任务状态',
-          link: 'components-progress-index-tab-design-demo-status'
+          link: 'progress-index-tab-design-demo-status'
         }]
       }, {
         id: '200000005',
         label: '查看进度相关描述',
         targetType: 'extension',
-        link: 'components-progress-index-tab-design-demo-info'
+        link: 'progress-index-tab-design-demo-info'
       }]
     }
   });

package/lib/Antd5/progress/progress.js

@@ -1,7 +1,7 @@
-var _excluded = ["prefixCls", "className", "rootClassName", "steps", "strokeColor", "percent", "size", "showInfo", "type", "status", "format", "style"];
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+var _excluded = ["prefixCls", "className", "rootClassName", "steps", "strokeColor", "percent", "size", "showInfo", "type", "status", "format", "style", "percentPosition"];
 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 _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 _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); }
@@ -19,6 +19,7 @@ import CheckCircleFilled from '@ant-design/icons/CheckCircleFilled';
 import CheckOutlined from '@ant-design/icons/CheckOutlined';
 import CloseCircleFilled from '@ant-design/icons/CloseCircleFilled';
 import CloseOutlined from '@ant-design/icons/CloseOutlined';
+import { TinyColor } from '@ctrl/tinycolor';
 import classNames from 'classnames';
 import omit from 'rc-util/lib/omit';
 import { devUseWarning } from '../_util/warning';
@@ -47,7 +48,22 @@ var Progress = /*#__PURE__*/React.forwardRef(function (props, ref) {
     status = props.status,
     format = props.format,
     style = props.style,
+    _props$percentPositio = props.percentPosition,
+    percentPosition = _props$percentPositio === void 0 ? {} : _props$percentPositio,
     restProps = _objectWithoutProperties(props, _excluded);
+  var _percentPosition$alig = percentPosition.align,
+    infoAlign = _percentPosition$alig === void 0 ? 'end' : _percentPosition$alig,
+    _percentPosition$type = percentPosition.type,
+    infoPosition = _percentPosition$type === void 0 ? 'outer' : _percentPosition$type;
+  var strokeColorNotArray = Array.isArray(strokeColor) ? strokeColor[0] : strokeColor;
+  var strokeColorNotGradient = typeof strokeColor === 'string' || Array.isArray(strokeColor) ? strokeColor : undefined;
+  var strokeColorIsBright = React.useMemo(function () {
+    if (strokeColorNotArray) {
+      var color = typeof strokeColorNotArray === 'string' ? strokeColorNotArray : Object.values(strokeColorNotArray)[0];
+      return new TinyColor(color).isLight();
+    }
+    return false;
+  }, [strokeColor]);
   var percentNumber = React.useMemo(function () {
     var _ref, _ref2;
     var successPercent = getSuccessPercent(props);
@@ -69,6 +85,8 @@ var Progress = /*#__PURE__*/React.forwardRef(function (props, ref) {
     wrapCSSVar = _useStyle2[0],
     hashId = _useStyle2[1],
     cssVarCls = _useStyle2[2];
+  var isLineType = type === 'line';
+  var isPureLineType = isLineType && !steps;
   var progressInfo = React.useMemo(function () {
     if (!showInfo) {
       return null;
@@ -78,8 +96,8 @@ var Progress = /*#__PURE__*/React.forwardRef(function (props, ref) {
     var textFormatter = format || function (number) {
       return "".concat(number, "%");
     };
-    var isLineType = type === 'line';
-    if (format || progressStatus !== 'exception' && progressStatus !== 'success') {
+    var isBrightInnerColor = isLineType && strokeColorIsBright && infoPosition === 'inner';
+    if (infoPosition === 'inner' || format || progressStatus !== 'exception' && progressStatus !== 'success') {
       text = textFormatter(validProgress(percent), validProgress(successPercent));
     } else if (progressStatus === 'exception') {
       text = isLineType ? _jsx(CloseCircleFilled, {}) : _jsx(CloseOutlined, {});
@@ -87,7 +105,7 @@ var Progress = /*#__PURE__*/React.forwardRef(function (props, ref) {
       text = isLineType ? _jsx(CheckCircleFilled, {}) : _jsx(CheckOutlined, {});
     }
     return _jsx("span", {
-      className: "".concat(prefixCls, "-text"),
+      className: classNames("".concat(prefixCls, "-text"), _defineProperty(_defineProperty(_defineProperty({}, "".concat(prefixCls, "-text-bright"), isBrightInnerColor), "".concat(prefixCls, "-text-").concat(infoAlign), isPureLineType), "".concat(prefixCls, "-text-").concat(infoPosition), isPureLineType)),
       title: typeof text === 'string' ? text : undefined,
       children: text
     });
@@ -96,15 +114,17 @@ var Progress = /*#__PURE__*/React.forwardRef(function (props, ref) {
     var warning = devUseWarning('Progress');
     warning.deprecated(!('successPercent' in props), 'successPercent', 'success.percent');
     warning.deprecated(!('width' in props), 'width', 'size');
-    if ((type === 'circle' || type === 'dashboard') && Array.isArray(size)) {
-      warning(false, 'usage', 'Type "circle" and "dashboard" do not accept array as `size`, please use number or preset size instead.');
+    if (type === 'circle' || type === 'dashboard') {
+      if (Array.isArray(size)) {
+        warning(false, 'usage', 'Type "circle" and "dashboard" do not accept array as `size`, please use number or preset size instead.');
+      } else if (_typeof(size) === 'object') {
+        warning(false, 'usage', 'Type "circle" and "dashboard" do not accept object as `size`, please use number or preset size instead.');
+      }
     }
     if (props.success && 'progress' in props.success) {
       warning.deprecated(false, 'success.progress', 'success.percent');
     }
   }
-  var strokeColorNotArray = Array.isArray(strokeColor) ? strokeColor[0] : strokeColor;
-  var strokeColorNotGradient = typeof strokeColor === 'string' || Array.isArray(strokeColor) ? strokeColor : undefined;
   var progress;
   // Render progress shape
   if (type === 'line') {
@@ -117,6 +137,10 @@ var Progress = /*#__PURE__*/React.forwardRef(function (props, ref) {
       strokeColor: strokeColorNotArray,
       prefixCls: prefixCls,
       direction: direction,
+      percentPosition: {
+        align: infoAlign,
+        type: infoPosition
+      },
       children: progressInfo
     }));
   } else if (type === 'circle' || type === 'dashboard') {
@@ -127,13 +151,15 @@ var Progress = /*#__PURE__*/React.forwardRef(function (props, ref) {
       children: progressInfo
     }));
   }
-  var classString = classNames(prefixCls, "".concat(prefixCls, "-status-").concat(progressStatus), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(prefixCls, "-").concat(type === 'dashboard' && 'circle' || type), type !== 'line'), "".concat(prefixCls, "-inline-circle"), type === 'circle' && getSize(size, 'circle')[0] <= 20), "".concat(prefixCls, "-line"), !steps && type === 'line'), "".concat(prefixCls, "-steps"), steps), "".concat(prefixCls, "-show-info"), showInfo), "".concat(prefixCls, "-").concat(size), typeof size === 'string'), "".concat(prefixCls, "-rtl"), direction === 'rtl'), progressStyle === null || progressStyle === void 0 ? void 0 : progressStyle.className, className, rootClassName, hashId, cssVarCls);
+  var classString = classNames(prefixCls, "".concat(prefixCls, "-status-").concat(progressStatus), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(prefixCls, "-").concat(type === 'dashboard' && 'circle' || type), type !== 'line'), "".concat(prefixCls, "-inline-circle"), type === 'circle' && getSize(size, 'circle')[0] <= 20), "".concat(prefixCls, "-line"), isPureLineType), "".concat(prefixCls, "-line-align-").concat(infoAlign), isPureLineType), "".concat(prefixCls, "-line-position-").concat(infoPosition), isPureLineType), "".concat(prefixCls, "-steps"), steps), "".concat(prefixCls, "-show-info"), showInfo), "".concat(prefixCls, "-").concat(size), typeof size === 'string'), "".concat(prefixCls, "-rtl"), direction === 'rtl'), progressStyle === null || progressStyle === void 0 ? void 0 : progressStyle.className, className, rootClassName, hashId, cssVarCls);
   return wrapCSSVar(_jsx("div", _objectSpread(_objectSpread({
     ref: ref,
     style: _objectSpread(_objectSpread({}, progressStyle === null || progressStyle === void 0 ? void 0 : progressStyle.style), style),
     className: classString,
     role: "progressbar",
-    "aria-valuenow": percentNumber
+    "aria-valuenow": percentNumber,
+    "aria-valuemin": 0,
+    "aria-valuemax": 100
   }, omit(restProps, ['trailColor', 'strokeWidth', 'width', 'gapDegree', 'gapPosition', 'strokeLinecap', 'success', 'successPercent'])), {}, {
     children: progress
   })));

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

@@ -41,15 +41,14 @@ var genBaseStyle = function genBaseStyle(token) {
       fontSize: token.fontSize
     }
   }, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_objectSpread2, "".concat(progressCls, "-outer"), {
-    display: 'inline-block',
+    display: 'inline-flex',
+    alignItems: 'center',
     width: '100%'
-  }), "&".concat(progressCls, "-show-info"), _defineProperty({}, "".concat(progressCls, "-outer"), {
-    marginInlineEnd: "calc(-2em - ".concat(unit(token.marginXS), ")"),
-    paddingInlineEnd: "calc(2em + ".concat(unit(token.paddingXS), ")")
-  })), "".concat(progressCls, "-inner"), {
+  }), "".concat(progressCls, "-inner"), {
     position: 'relative',
     display: 'inline-block',
     width: '100%',
+    flex: 1,
     overflow: 'hidden',
     verticalAlign: 'middle',
     backgroundColor: token.remainingColor,
@@ -61,7 +60,16 @@ var genBaseStyle = function genBaseStyle(token) {
     background: token.defaultColor,
     borderRadius: token.lineBorderRadius,
     transition: "all ".concat(token.motionDurationSlow, " ").concat(token.motionEaseInOutCirc)
-  }), "".concat(progressCls, "-bg"), {
+  }), "".concat(progressCls, "-layout-bottom"), _defineProperty({
+    display: 'flex',
+    flexDirection: 'column',
+    alignItems: 'center',
+    justifyContent: 'center'
+  }, "".concat(progressCls, "-text"), {
+    width: 'max-content',
+    marginInlineStart: 0,
+    marginTop: token.marginXXS
+  })), "".concat(progressCls, "-bg"), _defineProperty({
     overflow: 'hidden',
     '&::after': {
       content: '""',
@@ -73,23 +81,50 @@ var genBaseStyle = function genBaseStyle(token) {
       width: "calc(1 / var(".concat(Percent, ") * 100%)"),
       display: 'block'
     }
-  }), "".concat(progressCls, "-success-bg"), {
+  }, "&".concat(progressCls, "-bg-inner"), _defineProperty({
+    minWidth: 'max-content',
+    '&::after': {
+      content: 'none'
+    }
+  }, "".concat(progressCls, "-text-inner"), _defineProperty({
+    color: token.colorWhite
+  }, "&".concat(progressCls, "-text-bright"), {
+    color: 'rgba(0, 0, 0, 0.45)'
+  })))), "".concat(progressCls, "-success-bg"), {
     position: 'absolute',
     insetBlockStart: 0,
     insetInlineStart: 0,
     backgroundColor: token.colorSuccess
-  }), "".concat(progressCls, "-text"), _defineProperty({
+  }), "".concat(progressCls, "-text"), _defineProperty(_defineProperty(_defineProperty({
     display: 'inline-block',
-    width: '2em',
     marginInlineStart: token.marginXS,
     color: token.colorText,
     lineHeight: 1,
+    width: '2em',
     whiteSpace: 'nowrap',
     textAlign: 'start',
     verticalAlign: 'middle',
     wordBreak: 'normal'
   }, iconPrefixCls, {
     fontSize: token.fontSize
+  }), "&".concat(progressCls, "-text-outer"), {
+    width: 'max-content'
+  }), "&".concat(progressCls, "-text-outer").concat(progressCls, "-text-start"), {
+    width: 'max-content',
+    marginInlineStart: 0,
+    marginInlineEnd: token.marginXS
+  })), "".concat(progressCls, "-text-inner"), _defineProperty(_defineProperty({
+    display: 'flex',
+    justifyContent: 'center',
+    alignItems: 'center',
+    width: '100%',
+    height: '100%',
+    marginInlineStart: 0,
+    padding: "0 ".concat(unit(token.paddingXXS))
+  }, "&".concat(progressCls, "-text-start"), {
+    justifyContent: 'start'
+  }), "&".concat(progressCls, "-text-end"), {
+    justifyContent: 'end'
   })), "&".concat(progressCls, "-status-active"), _defineProperty({}, "".concat(progressCls, "-bg::before"), {
     position: 'absolute',
     inset: 0,
@@ -101,9 +136,9 @@ var genBaseStyle = function genBaseStyle(token) {
     animationTimingFunction: token.motionEaseOutQuint,
     animationIterationCount: 'infinite',
     content: '""'
-  })), "&".concat(progressCls, "-rtl").concat(progressCls, "-status-active"), _defineProperty({}, "".concat(progressCls, "-bg::before"), {
+  })), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_objectSpread2, "&".concat(progressCls, "-rtl").concat(progressCls, "-status-active"), _defineProperty({}, "".concat(progressCls, "-bg::before"), {
     animationName: genAntProgressActive(true)
-  })), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_objectSpread2, "&".concat(progressCls, "-status-exception"), _defineProperty(_defineProperty({}, "".concat(progressCls, "-bg"), {
+  })), "&".concat(progressCls, "-status-exception"), _defineProperty(_defineProperty({}, "".concat(progressCls, "-bg"), {
     backgroundColor: token.colorError
   }), "".concat(progressCls, "-text"), {
     color: token.colorError

package/lib/Antd5/progress/utils.js

@@ -57,11 +57,12 @@ export var getSize = function getSize(size, type, extra) {
       width = size;
       height = size;
     } else {
-      var _size = _slicedToArray(size, 2);
-      var _size$ = _size[0];
-      width = _size$ === void 0 ? 14 : _size$;
-      var _size$2 = _size[1];
-      height = _size$2 === void 0 ? 8 : _size$2;
+      var _ref4 = Array.isArray(size) ? size : [size.width, size.height];
+      var _ref5 = _slicedToArray(_ref4, 2);
+      var _ref5$ = _ref5[0];
+      width = _ref5$ === void 0 ? 14 : _ref5$;
+      var _ref5$2 = _ref5[1];
+      height = _ref5$2 === void 0 ? 8 : _ref5$2;
     }
     width *= steps;
   } else if (type === 'line') {
@@ -72,25 +73,26 @@ export var getSize = function getSize(size, type, extra) {
       width = size;
       height = size;
     } else {
-      var _size2 = _slicedToArray(size, 2);
-      var _size2$ = _size2[0];
-      width = _size2$ === void 0 ? -1 : _size2$;
-      var _size2$2 = _size2[1];
-      height = _size2$2 === void 0 ? 8 : _size2$2;
+      var _ref6 = Array.isArray(size) ? size : [size.width, size.height];
+      var _ref7 = _slicedToArray(_ref6, 2);
+      var _ref7$ = _ref7[0];
+      width = _ref7$ === void 0 ? -1 : _ref7$;
+      var _ref7$2 = _ref7[1];
+      height = _ref7$2 === void 0 ? 8 : _ref7$2;
     }
   } else if (type === 'circle' || type === 'dashboard') {
     if (typeof size === 'string' || typeof size === 'undefined') {
-      var _ref4 = size === 'small' ? [60, 60] : [120, 120];
-      var _ref5 = _slicedToArray(_ref4, 2);
-      width = _ref5[0];
-      height = _ref5[1];
+      var _ref8 = size === 'small' ? [60, 60] : [120, 120];
+      var _ref9 = _slicedToArray(_ref8, 2);
+      width = _ref9[0];
+      height = _ref9[1];
     } else if (typeof size === 'number') {
       width = size;
       height = size;
-    } else {
-      var _ref6, _size$3, _ref7, _size$4;
-      width = (_ref6 = (_size$3 = size[0]) !== null && _size$3 !== void 0 ? _size$3 : size[1]) !== null && _ref6 !== void 0 ? _ref6 : 120;
-      height = (_ref7 = (_size$4 = size[0]) !== null && _size$4 !== void 0 ? _size$4 : size[1]) !== null && _ref7 !== void 0 ? _ref7 : 120;
+    } else if (Array.isArray(size)) {
+      var _ref10, _size$, _ref11, _size$2;
+      width = (_ref10 = (_size$ = size[0]) !== null && _size$ !== void 0 ? _size$ : size[1]) !== null && _ref10 !== void 0 ? _ref10 : 120;
+      height = (_ref11 = (_size$2 = size[0]) !== null && _size$2 !== void 0 ? _size$2 : size[1]) !== null && _ref11 !== void 0 ? _ref11 : 120;
     }
   }
   return [width, height];

package/lib/Antd5/qr-code/QrcodeStatus.js

@@ -0,0 +1,42 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import { ReloadOutlined } from '@ant-design/icons';
+import Button from '../button';
+import Spin from '../spin';
+var defaultSpin = _jsx(Spin, {});
+export default function QRcodeStatus(_ref) {
+  var prefixCls = _ref.prefixCls,
+    locale = _ref.locale,
+    onRefresh = _ref.onRefresh,
+    statusRender = _ref.statusRender,
+    status = _ref.status;
+  var defaultExpiredNode = _jsxs(_Fragment, {
+    children: [_jsx("p", {
+      className: "".concat(prefixCls, "-expired"),
+      children: locale === null || locale === void 0 ? void 0 : locale.expired
+    }), onRefresh && _jsx(Button, {
+      type: "link",
+      icon: _jsx(ReloadOutlined, {}),
+      onClick: onRefresh,
+      children: locale === null || locale === void 0 ? void 0 : locale.refresh
+    })]
+  });
+  var defaultScannedNode = _jsx("p", {
+    className: "".concat(prefixCls, "-scanned"),
+    children: locale === null || locale === void 0 ? void 0 : locale.scanned
+  });
+  var defaultNodes = {
+    expired: defaultExpiredNode,
+    loading: defaultSpin,
+    scanned: defaultScannedNode
+  };
+  var defaultStatusRender = function defaultStatusRender(info) {
+    return defaultNodes[info.status];
+  };
+  var mergedStatusRender = statusRender !== null && statusRender !== void 0 ? statusRender : defaultStatusRender;
+  return mergedStatusRender({
+    status: status,
+    locale: locale,
+    onRefresh: onRefresh
+  });
+}

package/lib/Antd5/qr-code/index.js

@@ -1,29 +1,32 @@
 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 = ["value", "type", "icon", "size", "iconSize", "color", "errorLevel", "status", "bordered", "onRefresh", "style", "className", "rootClassName", "prefixCls", "bgColor", "statusRender"];
 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 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; }
 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; }
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React, { useContext } from 'react';
-import ReloadOutlined from '@ant-design/icons/ReloadOutlined';
+import { QRCodeCanvas, QRCodeSVG } from '@rc-component/qrcode';
 import classNames from 'classnames';
-import { QRCodeCanvas, QRCodeSVG } from 'qrcode.react';
+import omit from 'rc-util/lib/omit';
+import pickAttrs from 'rc-util/lib/pickAttrs';
 import { devUseWarning } from '../_util/warning';
-import Button from '../button';
 import { ConfigContext } from '../config-provider';
 import { useLocale } from '../locale';
-import Spin from '../spin';
 import { useToken } from '../theme/internal';
+import QRcodeStatus from './QrcodeStatus';
 import useStyle from './style/index';
 var QRCode = function QRCode(props) {
-  var _style$width, _style$height;
+  var _iconSize$height, _iconSize$width, _style$width, _style$height;
   var _useToken = useToken(),
     _useToken2 = _slicedToArray(_useToken, 2),
     token = _useToken2[1];
@@ -34,8 +37,7 @@ var QRCode = function QRCode(props) {
     icon = _props$icon === void 0 ? '' : _props$icon,
     _props$size = props.size,
     size = _props$size === void 0 ? 160 : _props$size,
-    _props$iconSize = props.iconSize,
-    iconSize = _props$iconSize === void 0 ? 40 : _props$iconSize,
+    iconSize = props.iconSize,
     _props$color = props.color,
     color = _props$color === void 0 ? token.colorText : _props$color,
     _props$errorLevel = props.errorLevel,
@@ -50,7 +52,9 @@ var QRCode = function QRCode(props) {
     rootClassName = props.rootClassName,
     customizePrefixCls = props.prefixCls,
     _props$bgColor = props.bgColor,
-    bgColor = _props$bgColor === void 0 ? 'transparent' : _props$bgColor;
+    bgColor = _props$bgColor === void 0 ? 'transparent' : _props$bgColor,
+    statusRender = props.statusRender,
+    rest = _objectWithoutProperties(props, _excluded);
   var _useContext = useContext(ConfigContext),
     getPrefixCls = _useContext.getPrefixCls;
   var prefixCls = getPrefixCls('qrcode', customizePrefixCls);
@@ -63,11 +67,14 @@ var QRCode = function QRCode(props) {
     src: icon,
     x: undefined,
     y: undefined,
-    height: iconSize,
-    width: iconSize,
-    excavate: true
+    height: typeof iconSize === 'number' ? iconSize : (_iconSize$height = iconSize === null || iconSize === void 0 ? void 0 : iconSize.height) !== null && _iconSize$height !== void 0 ? _iconSize$height : 40,
+    width: typeof iconSize === 'number' ? iconSize : (_iconSize$width = iconSize === null || iconSize === void 0 ? void 0 : iconSize.width) !== null && _iconSize$width !== void 0 ? _iconSize$width : 40,
+    excavate: true,
+    crossOrigin: 'anonymous'
   };
-  var qrCodeProps = {
+  var a11yProps = pickAttrs(rest, true);
+  var restProps = omit(rest, Object.keys(a11yProps));
+  var qrCodeProps = _objectSpread({
     value: value,
     size: size,
     level: errorLevel,
@@ -78,7 +85,7 @@ var QRCode = function QRCode(props) {
       height: style === null || style === void 0 ? void 0 : style.height
     },
     imageSettings: icon ? imageSettings : undefined
-  };
+  }, a11yProps);
   var _useLocale = useLocale('QRCode'),
     _useLocale2 = _slicedToArray(_useLocale, 1),
     locale = _useLocale2[0];
@@ -97,27 +104,20 @@ var QRCode = function QRCode(props) {
     width: (_style$width = style === null || style === void 0 ? void 0 : style.width) !== null && _style$width !== void 0 ? _style$width : size,
     height: (_style$height = style === null || style === void 0 ? void 0 : style.height) !== null && _style$height !== void 0 ? _style$height : size
   });
-  return wrapCSSVar(_jsxs("div", {
+  return wrapCSSVar(_jsxs("div", _objectSpread(_objectSpread({}, restProps), {}, {
     className: mergedCls,
     style: mergedStyle,
-    children: [status !== 'active' && _jsxs("div", {
+    children: [status !== 'active' && _jsx("div", {
       className: "".concat(prefixCls, "-mask"),
-      children: [status === 'loading' && _jsx(Spin, {}), status === 'expired' && _jsxs(_Fragment, {
-        children: [_jsx("p", {
-          className: "".concat(prefixCls, "-expired"),
-          children: locale === null || locale === void 0 ? void 0 : locale.expired
-        }), onRefresh && _jsx(Button, {
-          type: "link",
-          icon: _jsx(ReloadOutlined, {}),
-          onClick: onRefresh,
-          children: locale === null || locale === void 0 ? void 0 : locale.refresh
-        })]
-      }), status === 'scanned' && _jsx("p", {
-        className: "".concat(prefixCls, "-scanned"),
-        children: locale === null || locale === void 0 ? void 0 : locale.scanned
-      })]
+      children: _jsx(QRcodeStatus, {
+        prefixCls: prefixCls,
+        locale: locale,
+        status: status,
+        onRefresh: onRefresh,
+        statusRender: statusRender
+      })
     }), type === 'canvas' ? _jsx(QRCodeCanvas, _objectSpread({}, qrCodeProps)) : _jsx(QRCodeSVG, _objectSpread({}, qrCodeProps))]
-  }));
+  })));
 };
 if (process.env.NODE_ENV !== 'production') {
   QRCode.displayName = 'QRCode';