@chaoswise/ui 3.0.23 → 3.1.1

package/lib/Antd5/notification/index.js

@@ -29,7 +29,9 @@ function getGlobalContext() {
     rtl = _defaultGlobalConfig.rtl,
     maxCount = _defaultGlobalConfig.maxCount,
     top = _defaultGlobalConfig.top,
-    bottom = _defaultGlobalConfig.bottom;
+    bottom = _defaultGlobalConfig.bottom,
+    showProgress = _defaultGlobalConfig.showProgress,
+    pauseOnHover = _defaultGlobalConfig.pauseOnHover;
   var mergedContainer = (getContainer === null || getContainer === void 0 ? void 0 : getContainer()) || document.body;
   return {
     getContainer: function getContainer() {
@@ -38,7 +40,9 @@ function getGlobalContext() {
     rtl: rtl,
     maxCount: maxCount,
     top: top,
-    bottom: bottom
+    bottom: bottom,
+    showProgress: showProgress,
+    pauseOnHover: pauseOnHover
   };
 }
 var GlobalHolder = /*#__PURE__*/React.forwardRef(function (props, ref) {
@@ -127,7 +131,6 @@ function flushNotice() {
   }
   // >>> Execute task
   taskQueue.forEach(function (task) {
-    // eslint-disable-next-line default-case
     switch (task.type) {
       case 'open':
         {

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

@@ -25,13 +25,15 @@ export var genNoticeStyle = function genNoticeStyle(token) {
     notificationBg = token.notificationBg,
     notificationPadding = token.notificationPadding,
     notificationMarginEdge = token.notificationMarginEdge,
+    notificationProgressBg = token.notificationProgressBg,
+    notificationProgressHeight = token.notificationProgressHeight,
     fontSize = token.fontSize,
     lineHeight = token.lineHeight,
     width = token.width,
     notificationIconSize = token.notificationIconSize,
     colorText = token.colorText;
   var noticeCls = "".concat(componentCls, "-notice");
-  return _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({
+  return _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({
     position: 'relative',
     marginBottom: notificationMarginBottom,
     marginInlineStart: 'auto',
@@ -94,7 +96,35 @@ export var genNoticeStyle = function genNoticeStyle(token) {
     '&:active': {
       backgroundColor: token.colorBgTextActive
     }
-  }, genFocusStyle(token))), "".concat(noticeCls, "-btn"), {
+  }, genFocusStyle(token))), "".concat(noticeCls, "-progress"), {
+    position: 'absolute',
+    display: 'block',
+    appearance: 'none',
+    WebkitAppearance: 'none',
+    inlineSize: "calc(100% - ".concat(unit(borderRadiusLG), " * 2)"),
+    left: {
+      _skip_check_: true,
+      value: borderRadiusLG
+    },
+    right: {
+      _skip_check_: true,
+      value: borderRadiusLG
+    },
+    bottom: 0,
+    blockSize: notificationProgressHeight,
+    border: 0,
+    '&, &::-webkit-progress-bar': {
+      borderRadius: borderRadiusLG,
+      backgroundColor: "rgba(0, 0, 0, 0.04)"
+    },
+    '&::-moz-progress-bar': {
+      background: notificationProgressBg
+    },
+    '&::-webkit-progress-value': {
+      borderRadius: borderRadiusLG,
+      background: notificationProgressBg
+    }
+  }), "".concat(noticeCls, "-btn"), {
     "float": 'right',
     marginTop: token.marginSM
   });
@@ -174,7 +204,9 @@ export var prepareNotificationToken = function prepareNotificationToken(token) {
     notificationPadding: "".concat(unit(token.paddingMD), " ").concat(unit(token.paddingContentHorizontalLG)),
     notificationMarginEdge: token.marginLG,
     animationMaxHeight: 150,
-    notificationStackLayer: 3
+    notificationStackLayer: 3,
+    notificationProgressHeight: 2,
+    notificationProgressBg: "linear-gradient(90deg, ".concat(token.colorPrimaryBorderHover, ", ").concat(token.colorPrimary, ")")
   });
   return notificationToken;
 };

package/lib/Antd5/notification/useNotification.js

@@ -60,7 +60,10 @@ var Holder = /*#__PURE__*/React.forwardRef(function (props, ref) {
     rtl = props.rtl,
     onAllRemoved = props.onAllRemoved,
     stack = props.stack,
-    duration = props.duration;
+    duration = props.duration,
+    _props$pauseOnHover = props.pauseOnHover,
+    pauseOnHover = _props$pauseOnHover === void 0 ? true : _props$pauseOnHover,
+    showProgress = props.showProgress;
   var _useContext = useContext(ConfigContext),
     getPrefixCls = _useContext.getPrefixCls,
     getPopupContainer = _useContext.getPopupContainer,
@@ -94,6 +97,8 @@ var Holder = /*#__PURE__*/React.forwardRef(function (props, ref) {
         return (staticGetContainer === null || staticGetContainer === void 0 ? void 0 : staticGetContainer()) || (getPopupContainer === null || getPopupContainer === void 0 ? void 0 : getPopupContainer()) || document.body;
       },
       maxCount: maxCount,
+      pauseOnHover: pauseOnHover,
+      showProgress: showProgress,
       onAllRemoved: onAllRemoved,
       renderNotifications: renderNotifications,
       stack: stack === false ? false : {

package/lib/Antd5/pagination/Pagination.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", "selectPrefixCls", "className", "rootClassName", "style", "size", "locale", "selectComponentClass", "responsive", "showSizeChanger"];
+var _excluded = ["align", "prefixCls", "selectPrefixCls", "className", "rootClassName", "style", "size", "locale", "selectComponentClass", "responsive", "showSizeChanger"];
 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; }
@@ -31,7 +31,8 @@ import { MiddleSelect, MiniSelect } from './Select';
 import useStyle from './style';
 import BorderedStyle from './style/bordered';
 var Pagination = function Pagination(props) {
-  var customizePrefixCls = props.prefixCls,
+  var align = props.align,
+    customizePrefixCls = props.prefixCls,
     customizeSelectPrefixCls = props.selectPrefixCls,
     className = props.className,
     rootClassName = props.rootClassName,
@@ -77,7 +78,9 @@ var Pagination = function Pagination(props) {
       tabIndex: -1,
       children: direction === 'rtl' ? _jsx(LeftOutlined, {}) : _jsx(RightOutlined, {})
     });
-    var jumpPrevIcon = _jsx("a", {
+    var jumpPrevIcon =
+    // biome-ignore lint/a11y/useValidAnchor: it is hard to refactor
+    _jsx("a", {
       className: "".concat(prefixCls, "-item-link"),
       children: _jsxs("div", {
         className: "".concat(prefixCls, "-item-container"),
@@ -88,7 +91,9 @@ var Pagination = function Pagination(props) {
         }), ellipsis]
       })
     });
-    var jumpNextIcon = _jsx("a", {
+    var jumpNextIcon =
+    // biome-ignore lint/a11y/useValidAnchor: it is hard to refactor
+    _jsx("a", {
       className: "".concat(prefixCls, "-item-link"),
       children: _jsxs("div", {
         className: "".concat(prefixCls, "-item-container"),
@@ -113,7 +118,7 @@ var Pagination = function Pagination(props) {
   var mergedSize = useSize(customizeSize);
   var isSmall = mergedSize === 'small' || !!(xs && !mergedSize && responsive);
   var selectPrefixCls = getPrefixCls('select', customizeSelectPrefixCls);
-  var extendedClassName = classNames(_defineProperty(_defineProperty(_defineProperty({}, "".concat(prefixCls, "-mini"), isSmall), "".concat(prefixCls, "-rtl"), direction === 'rtl'), "".concat(prefixCls, "-bordered"), token.wireframe), pagination === null || pagination === void 0 ? void 0 : pagination.className, className, rootClassName, hashId, cssVarCls);
+  var extendedClassName = classNames(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(prefixCls, "-").concat(align), !!align), "".concat(prefixCls, "-mini"), isSmall), "".concat(prefixCls, "-rtl"), direction === 'rtl'), "".concat(prefixCls, "-bordered"), token.wireframe), pagination === null || pagination === void 0 ? void 0 : pagination.className, className, rootClassName, hashId, cssVarCls);
   var mergedStyle = _objectSpread(_objectSpread({}, pagination === null || pagination === void 0 ? void 0 : pagination.style), style);
   return wrapCSSVar(_jsxs(_Fragment, {
     children: [token.wireframe && _jsx(BorderedStyle, {

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

@@ -14,17 +14,17 @@ var BehaviorPattern = function BehaviorPattern() {
         id: '200000005',
         label: '调整单页展示条数',
         targetType: 'extension',
-        link: 'components-pagination-index-tab-design-demo-page-size'
+        link: 'pagination-index-tab-design-demo-page-size'
       }, {
         id: '200000006',
         label: '快速跳转',
         targetType: 'extension',
-        link: 'components-pagination-index-tab-design-demo-quick-jump'
+        link: 'pagination-index-tab-design-demo-quick-jump'
       }, {
         id: '200000007',
         label: '了解数据总量',
         targetType: 'extension',
-        link: 'components-pagination-index-tab-design-demo-total'
+        link: 'pagination-index-tab-design-demo-total'
       }]
     }
   });

package/lib/Antd5/pagination/style/bordered.js

@@ -4,7 +4,7 @@ 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); }
 import { unit } from '@ant-design/cssinjs';
 import { prepareComponentToken, prepareToken } from '.';
-import { genSubStyleComponent } from '../../theme/util/genComponentStyleHook';
+import { genSubStyleComponent } from '../../theme/internal';
 var genBorderedStyle = function genBorderedStyle(token) {
   var componentCls = token.componentCls;
   return _defineProperty(_defineProperty({}, "".concat(componentCls).concat(componentCls, "-bordered").concat(componentCls, "-disabled:not(").concat(componentCls, "-mini)"), _defineProperty(_defineProperty({

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

@@ -111,18 +111,20 @@ var genPaginationMiniStyle = function genPaginationMiniStyle(token) {
     height: token.itemSizeSM,
     marginInlineEnd: 0,
     lineHeight: unit(token.itemSizeSM)
-  }), "&".concat(componentCls, "-mini ").concat(componentCls, "-options"), _defineProperty(_defineProperty({
-    marginInlineStart: token.paginationMiniOptionsMarginInlineStart
-  }, "&-size-changer", {
-    top: token.miniOptionsSizeChangerTop
-  }), "&-quick-jumper", {
-    height: token.itemSizeSM,
-    lineHeight: unit(token.itemSizeSM),
-    input: _objectSpread(_objectSpread({}, genInputSmallStyle(token)), {}, {
-      width: token.paginationMiniQuickJumperInputWidth,
-      height: token.controlHeightSM
-    })
-  }));
+  }), "&".concat(componentCls, "-mini ").concat(componentCls, "-options"), {
+    marginInlineStart: token.paginationMiniOptionsMarginInlineStart,
+    '&-size-changer': {
+      top: token.miniOptionsSizeChangerTop
+    },
+    '&-quick-jumper': {
+      height: token.itemSizeSM,
+      lineHeight: unit(token.itemSizeSM),
+      input: _objectSpread(_objectSpread({}, genInputSmallStyle(token)), {}, {
+        width: token.paginationMiniQuickJumperInputWidth,
+        height: token.controlHeightSM
+      })
+    }
+  });
 };
 var genPaginationSimpleStyle = function genPaginationSimpleStyle(token) {
   var componentCls = token.componentCls;
@@ -151,7 +153,6 @@ var genPaginationSimpleStyle = function genPaginationSimpleStyle(token) {
     input: {
       boxSizing: 'border-box',
       height: '100%',
-      marginInlineEnd: token.marginXS,
       padding: "0 ".concat(unit(token.paginationItemPaddingInline)),
       textAlign: 'center',
       backgroundColor: token.itemInputBg,
@@ -203,7 +204,6 @@ var genPaginationJumpStyle = function genPaginationJumpStyle(token) {
     display: 'block',
     margin: 'auto',
     color: token.colorTextDisabled,
-    fontFamily: 'Arial, Helvetica, sans-serif',
     letterSpacing: token.paginationEllipsisLetterSpacing,
     textAlign: 'center',
     textIndent: token.paginationEllipsisTextIndent,
@@ -221,7 +221,7 @@ var genPaginationJumpStyle = function genPaginationJumpStyle(token) {
     height: token.itemSize,
     color: token.colorText,
     fontFamily: token.fontFamily,
-    lineHeight: "".concat(unit(token.itemSize)),
+    lineHeight: unit(token.itemSize),
     textAlign: 'center',
     verticalAlign: 'middle',
     listStyle: 'none',
@@ -229,7 +229,6 @@ var genPaginationJumpStyle = function genPaginationJumpStyle(token) {
     cursor: 'pointer',
     transition: "all ".concat(token.motionDurationMid)
   }), "".concat(componentCls, "-prev, ").concat(componentCls, "-next"), _defineProperty(_defineProperty(_defineProperty(_defineProperty({
-    fontFamily: 'Arial, Helvetica, sans-serif',
     outline: 0,
     button: {
       color: token.colorText,
@@ -300,7 +299,7 @@ var genPaginationItemStyle = function genPaginationItemStyle(token) {
     textAlign: 'center',
     verticalAlign: 'middle',
     listStyle: 'none',
-    backgroundColor: 'transparent',
+    backgroundColor: token.itemBg,
     border: "".concat(unit(token.lineWidth), " ").concat(token.lineType, " transparent"),
     borderRadius: token.borderRadius,
     outline: 0,
@@ -340,6 +339,16 @@ var genPaginationItemStyle = function genPaginationItemStyle(token) {
 var genPaginationStyle = function genPaginationStyle(token) {
   var componentCls = token.componentCls;
   return _defineProperty(_defineProperty({}, componentCls, _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, resetComponent(token)), {}, _defineProperty({
+    display: 'flex',
+    '&-start': {
+      justifyContent: 'start'
+    },
+    '&-center': {
+      justifyContent: 'center'
+    },
+    '&-end': {
+      justifyContent: 'end'
+    },
     'ul, ol': {
       margin: 0,
       padding: 0,
@@ -399,7 +408,7 @@ export var prepareToken = function prepareToken(token) {
     paginationMiniQuickJumperInputWidth: token.calc(token.controlHeightLG).mul(1.1).equal(),
     paginationItemPaddingInline: token.calc(token.marginXXS).mul(1.5).equal(),
     paginationEllipsisLetterSpacing: token.calc(token.marginXXS).div(2).equal(),
-    paginationSlashMarginInlineStart: token.marginXXS,
+    paginationSlashMarginInlineStart: token.marginSM,
     paginationSlashMarginInlineEnd: token.marginSM,
     paginationEllipsisTextIndent: '0.13em' // magic for ui experience
   }, initInputToken(token));

package/lib/Antd5/popconfirm/PurePanel.js

@@ -49,8 +49,8 @@ export var Overlay = function Overlay(props) {
   var _useLocale = useLocale('Popconfirm', defaultLocale.Popconfirm),
     _useLocale2 = _slicedToArray(_useLocale, 1),
     contextLocale = _useLocale2[0];
-  var theTitle = getRenderPropValue(title);
-  var theDescription = getRenderPropValue(description);
+  var titleNode = getRenderPropValue(title);
+  var descriptionNode = getRenderPropValue(description);
   return _jsxs("div", {
     className: "".concat(prefixCls, "-inner-content"),
     onClick: onPopupClick,
@@ -61,12 +61,12 @@ export var Overlay = function Overlay(props) {
         children: icon
       }), _jsxs("div", {
         className: "".concat(prefixCls, "-message-text"),
-        children: [theTitle && _jsx("div", {
-          className: classNames("".concat(prefixCls, "-title")),
-          children: theTitle
-        }), theDescription && _jsx("div", {
+        children: [titleNode && _jsx("div", {
+          className: "".concat(prefixCls, "-title"),
+          children: titleNode
+        }), descriptionNode && _jsx("div", {
           className: "".concat(prefixCls, "-description"),
-          children: theDescription
+          children: descriptionNode
         })]
       })]
     }), _jsxs("div", {

package/lib/Antd5/popover/PurePanel.js

@@ -20,17 +20,20 @@ import { Popup } from 'rc-tooltip';
 import { getRenderPropValue } from '../_util/getRenderPropValue';
 import { ConfigContext } from '../config-provider';
 import useStyle from './style';
-export var getOverlay = function getOverlay(prefixCls, title, content) {
+export var Overlay = function Overlay(_ref) {
+  var title = _ref.title,
+    content = _ref.content,
+    prefixCls = _ref.prefixCls;
   if (!title && !content) {
     return null;
   }
   return _jsxs(_Fragment, {
     children: [title && _jsx("div", {
       className: "".concat(prefixCls, "-title"),
-      children: getRenderPropValue(title)
-    }), _jsx("div", {
+      children: title
+    }), content && _jsx("div", {
       className: "".concat(prefixCls, "-inner-content"),
-      children: getRenderPropValue(content)
+      children: content
     })]
   });
 };
@@ -44,15 +47,22 @@ export var RawPurePanel = function RawPurePanel(props) {
     title = props.title,
     content = props.content,
     children = props.children;
+  var titleNode = getRenderPropValue(title);
+  var contentNode = getRenderPropValue(content);
+  var cls = classNames(hashId, prefixCls, "".concat(prefixCls, "-pure"), "".concat(prefixCls, "-placement-").concat(placement), className);
   return _jsxs("div", {
-    className: classNames(hashId, prefixCls, "".concat(prefixCls, "-pure"), "".concat(prefixCls, "-placement-").concat(placement), className),
+    className: cls,
     style: style,
     children: [_jsx("div", {
       className: "".concat(prefixCls, "-arrow")
     }), _jsx(Popup, _objectSpread(_objectSpread({}, props), {}, {
       className: hashId,
       prefixCls: prefixCls,
-      children: children || getOverlay(prefixCls, title, content)
+      children: children || _jsx(Overlay, {
+        prefixCls: prefixCls,
+        title: titleNode,
+        content: contentNode
+      })
     }))]
   });
 };

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'
       }]
     }
   });