You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1424 lines
49 KiB
1424 lines
49 KiB
"use strict";
|
|
(self["webpackChunk"] = self["webpackChunk"] || []).push([[45413],{
|
|
|
|
/***/ 45413:
|
|
/*!**********************************************************************!*\
|
|
!*** ./node_modules/_antd@5.9.0@antd/es/steps/index.js + 14 modules ***!
|
|
\**********************************************************************/
|
|
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
|
|
|
|
|
// EXPORTS
|
|
__webpack_require__.d(__webpack_exports__, {
|
|
Z: function() { return /* binding */ steps; }
|
|
});
|
|
|
|
// EXTERNAL MODULE: ./node_modules/_@ant-design_icons@5.6.1@@ant-design/icons/es/icons/CheckOutlined.js + 1 modules
|
|
var CheckOutlined = __webpack_require__(40001);
|
|
// EXTERNAL MODULE: ./node_modules/_@ant-design_icons@5.6.1@@ant-design/icons/es/icons/CloseOutlined.js + 1 modules
|
|
var CloseOutlined = __webpack_require__(99267);
|
|
// EXTERNAL MODULE: ./node_modules/_classnames@2.5.1@classnames/index.js
|
|
var _classnames_2_5_1_classnames = __webpack_require__(92310);
|
|
var _classnames_2_5_1_classnames_default = /*#__PURE__*/__webpack_require__.n(_classnames_2_5_1_classnames);
|
|
// EXTERNAL MODULE: ./node_modules/_@babel_runtime@7.27.6@@babel/runtime/helpers/esm/extends.js
|
|
var esm_extends = __webpack_require__(14809);
|
|
// EXTERNAL MODULE: ./node_modules/_@babel_runtime@7.27.6@@babel/runtime/helpers/esm/objectSpread2.js
|
|
var objectSpread2 = __webpack_require__(20439);
|
|
// EXTERNAL MODULE: ./node_modules/_@babel_runtime@7.27.6@@babel/runtime/helpers/esm/defineProperty.js
|
|
var defineProperty = __webpack_require__(4635);
|
|
// EXTERNAL MODULE: ./node_modules/_@babel_runtime@7.27.6@@babel/runtime/helpers/esm/objectWithoutProperties.js
|
|
var objectWithoutProperties = __webpack_require__(62646);
|
|
// EXTERNAL MODULE: ./node_modules/_react@17.0.2@react/index.js
|
|
var _react_17_0_2_react = __webpack_require__(59301);
|
|
// EXTERNAL MODULE: ./node_modules/_rc-util@5.44.4@rc-util/es/KeyCode.js
|
|
var KeyCode = __webpack_require__(10228);
|
|
;// CONCATENATED MODULE: ./node_modules/_rc-steps@6.0.1@rc-steps/es/Step.js
|
|
|
|
|
|
|
|
|
|
var _excluded = ["className", "prefixCls", "style", "active", "status", "iconPrefix", "icon", "wrapperStyle", "stepNumber", "disabled", "description", "title", "subTitle", "progressDot", "stepIcon", "tailContent", "icons", "stepIndex", "onStepClick", "onClick", "render"];
|
|
/* eslint react/prop-types: 0 */
|
|
|
|
|
|
|
|
function isString(str) {
|
|
return typeof str === 'string';
|
|
}
|
|
function Step(props) {
|
|
var _classNames2;
|
|
var className = props.className,
|
|
prefixCls = props.prefixCls,
|
|
style = props.style,
|
|
active = props.active,
|
|
status = props.status,
|
|
iconPrefix = props.iconPrefix,
|
|
icon = props.icon,
|
|
wrapperStyle = props.wrapperStyle,
|
|
stepNumber = props.stepNumber,
|
|
disabled = props.disabled,
|
|
description = props.description,
|
|
title = props.title,
|
|
subTitle = props.subTitle,
|
|
progressDot = props.progressDot,
|
|
stepIcon = props.stepIcon,
|
|
tailContent = props.tailContent,
|
|
icons = props.icons,
|
|
stepIndex = props.stepIndex,
|
|
onStepClick = props.onStepClick,
|
|
onClick = props.onClick,
|
|
render = props.render,
|
|
restProps = (0,objectWithoutProperties/* default */.Z)(props, _excluded);
|
|
|
|
// ========================= Click ==========================
|
|
var clickable = !!onStepClick && !disabled;
|
|
var accessibilityProps = {};
|
|
if (clickable) {
|
|
accessibilityProps.role = 'button';
|
|
accessibilityProps.tabIndex = 0;
|
|
accessibilityProps.onClick = function (e) {
|
|
onClick === null || onClick === void 0 ? void 0 : onClick(e);
|
|
onStepClick(stepIndex);
|
|
};
|
|
accessibilityProps.onKeyDown = function (e) {
|
|
var which = e.which;
|
|
if (which === KeyCode/* default */.Z.ENTER || which === KeyCode/* default */.Z.SPACE) {
|
|
onStepClick(stepIndex);
|
|
}
|
|
};
|
|
}
|
|
|
|
// ========================= Render =========================
|
|
var renderIconNode = function renderIconNode() {
|
|
var _classNames;
|
|
var iconNode;
|
|
var iconClassName = _classnames_2_5_1_classnames_default()("".concat(prefixCls, "-icon"), "".concat(iconPrefix, "icon"), (_classNames = {}, (0,defineProperty/* default */.Z)(_classNames, "".concat(iconPrefix, "icon-").concat(icon), icon && isString(icon)), (0,defineProperty/* default */.Z)(_classNames, "".concat(iconPrefix, "icon-check"), !icon && status === 'finish' && (icons && !icons.finish || !icons)), (0,defineProperty/* default */.Z)(_classNames, "".concat(iconPrefix, "icon-cross"), !icon && status === 'error' && (icons && !icons.error || !icons)), _classNames));
|
|
var iconDot = /*#__PURE__*/_react_17_0_2_react.createElement("span", {
|
|
className: "".concat(prefixCls, "-icon-dot")
|
|
});
|
|
// `progressDot` enjoy the highest priority
|
|
if (progressDot) {
|
|
if (typeof progressDot === 'function') {
|
|
iconNode = /*#__PURE__*/_react_17_0_2_react.createElement("span", {
|
|
className: "".concat(prefixCls, "-icon")
|
|
}, progressDot(iconDot, {
|
|
index: stepNumber - 1,
|
|
status: status,
|
|
title: title,
|
|
description: description
|
|
}));
|
|
} else {
|
|
iconNode = /*#__PURE__*/_react_17_0_2_react.createElement("span", {
|
|
className: "".concat(prefixCls, "-icon")
|
|
}, iconDot);
|
|
}
|
|
} else if (icon && !isString(icon)) {
|
|
iconNode = /*#__PURE__*/_react_17_0_2_react.createElement("span", {
|
|
className: "".concat(prefixCls, "-icon")
|
|
}, icon);
|
|
} else if (icons && icons.finish && status === 'finish') {
|
|
iconNode = /*#__PURE__*/_react_17_0_2_react.createElement("span", {
|
|
className: "".concat(prefixCls, "-icon")
|
|
}, icons.finish);
|
|
} else if (icons && icons.error && status === 'error') {
|
|
iconNode = /*#__PURE__*/_react_17_0_2_react.createElement("span", {
|
|
className: "".concat(prefixCls, "-icon")
|
|
}, icons.error);
|
|
} else if (icon || status === 'finish' || status === 'error') {
|
|
iconNode = /*#__PURE__*/_react_17_0_2_react.createElement("span", {
|
|
className: iconClassName
|
|
});
|
|
} else {
|
|
iconNode = /*#__PURE__*/_react_17_0_2_react.createElement("span", {
|
|
className: "".concat(prefixCls, "-icon")
|
|
}, stepNumber);
|
|
}
|
|
if (stepIcon) {
|
|
iconNode = stepIcon({
|
|
index: stepNumber - 1,
|
|
status: status,
|
|
title: title,
|
|
description: description,
|
|
node: iconNode
|
|
});
|
|
}
|
|
return iconNode;
|
|
};
|
|
var mergedStatus = status || 'wait';
|
|
var classString = _classnames_2_5_1_classnames_default()("".concat(prefixCls, "-item"), "".concat(prefixCls, "-item-").concat(mergedStatus), className, (_classNames2 = {}, (0,defineProperty/* default */.Z)(_classNames2, "".concat(prefixCls, "-item-custom"), icon), (0,defineProperty/* default */.Z)(_classNames2, "".concat(prefixCls, "-item-active"), active), (0,defineProperty/* default */.Z)(_classNames2, "".concat(prefixCls, "-item-disabled"), disabled === true), _classNames2));
|
|
var stepItemStyle = (0,objectSpread2/* default */.Z)({}, style);
|
|
var stepNode = /*#__PURE__*/_react_17_0_2_react.createElement("div", (0,esm_extends/* default */.Z)({}, restProps, {
|
|
className: classString,
|
|
style: stepItemStyle
|
|
}), /*#__PURE__*/_react_17_0_2_react.createElement("div", (0,esm_extends/* default */.Z)({
|
|
onClick: onClick
|
|
}, accessibilityProps, {
|
|
className: "".concat(prefixCls, "-item-container")
|
|
}), /*#__PURE__*/_react_17_0_2_react.createElement("div", {
|
|
className: "".concat(prefixCls, "-item-tail")
|
|
}, tailContent), /*#__PURE__*/_react_17_0_2_react.createElement("div", {
|
|
className: "".concat(prefixCls, "-item-icon")
|
|
}, renderIconNode()), /*#__PURE__*/_react_17_0_2_react.createElement("div", {
|
|
className: "".concat(prefixCls, "-item-content")
|
|
}, /*#__PURE__*/_react_17_0_2_react.createElement("div", {
|
|
className: "".concat(prefixCls, "-item-title")
|
|
}, title, subTitle && /*#__PURE__*/_react_17_0_2_react.createElement("div", {
|
|
title: typeof subTitle === 'string' ? subTitle : undefined,
|
|
className: "".concat(prefixCls, "-item-subtitle")
|
|
}, subTitle)), description && /*#__PURE__*/_react_17_0_2_react.createElement("div", {
|
|
className: "".concat(prefixCls, "-item-description")
|
|
}, description))));
|
|
if (render) {
|
|
stepNode = render(stepNode) || null;
|
|
}
|
|
return stepNode;
|
|
}
|
|
/* harmony default export */ var es_Step = (Step);
|
|
;// CONCATENATED MODULE: ./node_modules/_rc-steps@6.0.1@rc-steps/es/Steps.js
|
|
|
|
|
|
|
|
|
|
var Steps_excluded = ["prefixCls", "style", "className", "children", "direction", "type", "labelPlacement", "iconPrefix", "status", "size", "current", "progressDot", "stepIcon", "initial", "icons", "onChange", "itemRender", "items"];
|
|
/* eslint react/no-did-mount-set-state: 0, react/prop-types: 0 */
|
|
|
|
|
|
|
|
function Steps(props) {
|
|
var _classNames;
|
|
var _props$prefixCls = props.prefixCls,
|
|
prefixCls = _props$prefixCls === void 0 ? 'rc-steps' : _props$prefixCls,
|
|
_props$style = props.style,
|
|
style = _props$style === void 0 ? {} : _props$style,
|
|
className = props.className,
|
|
children = props.children,
|
|
_props$direction = props.direction,
|
|
direction = _props$direction === void 0 ? 'horizontal' : _props$direction,
|
|
_props$type = props.type,
|
|
type = _props$type === void 0 ? 'default' : _props$type,
|
|
_props$labelPlacement = props.labelPlacement,
|
|
labelPlacement = _props$labelPlacement === void 0 ? 'horizontal' : _props$labelPlacement,
|
|
_props$iconPrefix = props.iconPrefix,
|
|
iconPrefix = _props$iconPrefix === void 0 ? 'rc' : _props$iconPrefix,
|
|
_props$status = props.status,
|
|
status = _props$status === void 0 ? 'process' : _props$status,
|
|
size = props.size,
|
|
_props$current = props.current,
|
|
current = _props$current === void 0 ? 0 : _props$current,
|
|
_props$progressDot = props.progressDot,
|
|
progressDot = _props$progressDot === void 0 ? false : _props$progressDot,
|
|
stepIcon = props.stepIcon,
|
|
_props$initial = props.initial,
|
|
initial = _props$initial === void 0 ? 0 : _props$initial,
|
|
icons = props.icons,
|
|
onChange = props.onChange,
|
|
itemRender = props.itemRender,
|
|
_props$items = props.items,
|
|
items = _props$items === void 0 ? [] : _props$items,
|
|
restProps = (0,objectWithoutProperties/* default */.Z)(props, Steps_excluded);
|
|
var isNav = type === 'navigation';
|
|
var isInline = type === 'inline';
|
|
|
|
// inline type requires fixed progressDot direction size.
|
|
var mergedProgressDot = isInline || progressDot;
|
|
var mergedDirection = isInline ? 'horizontal' : direction;
|
|
var mergedSize = isInline ? undefined : size;
|
|
var adjustedLabelPlacement = mergedProgressDot ? 'vertical' : labelPlacement;
|
|
var classString = _classnames_2_5_1_classnames_default()(prefixCls, "".concat(prefixCls, "-").concat(mergedDirection), className, (_classNames = {}, (0,defineProperty/* default */.Z)(_classNames, "".concat(prefixCls, "-").concat(mergedSize), mergedSize), (0,defineProperty/* default */.Z)(_classNames, "".concat(prefixCls, "-label-").concat(adjustedLabelPlacement), mergedDirection === 'horizontal'), (0,defineProperty/* default */.Z)(_classNames, "".concat(prefixCls, "-dot"), !!mergedProgressDot), (0,defineProperty/* default */.Z)(_classNames, "".concat(prefixCls, "-navigation"), isNav), (0,defineProperty/* default */.Z)(_classNames, "".concat(prefixCls, "-inline"), isInline), _classNames));
|
|
var onStepClick = function onStepClick(next) {
|
|
if (onChange && current !== next) {
|
|
onChange(next);
|
|
}
|
|
};
|
|
var renderStep = function renderStep(item, index) {
|
|
var mergedItem = (0,objectSpread2/* default */.Z)({}, item);
|
|
var stepNumber = initial + index;
|
|
// fix tail color
|
|
if (status === 'error' && index === current - 1) {
|
|
mergedItem.className = "".concat(prefixCls, "-next-error");
|
|
}
|
|
if (!mergedItem.status) {
|
|
if (stepNumber === current) {
|
|
mergedItem.status = status;
|
|
} else if (stepNumber < current) {
|
|
mergedItem.status = 'finish';
|
|
} else {
|
|
mergedItem.status = 'wait';
|
|
}
|
|
}
|
|
if (isInline) {
|
|
mergedItem.icon = undefined;
|
|
mergedItem.subTitle = undefined;
|
|
}
|
|
if (!mergedItem.render && itemRender) {
|
|
mergedItem.render = function (stepItem) {
|
|
return itemRender(mergedItem, stepItem);
|
|
};
|
|
}
|
|
return /*#__PURE__*/_react_17_0_2_react.createElement(es_Step, (0,esm_extends/* default */.Z)({}, mergedItem, {
|
|
active: stepNumber === current,
|
|
stepNumber: stepNumber + 1,
|
|
stepIndex: stepNumber,
|
|
key: stepNumber,
|
|
prefixCls: prefixCls,
|
|
iconPrefix: iconPrefix,
|
|
wrapperStyle: style,
|
|
progressDot: mergedProgressDot,
|
|
stepIcon: stepIcon,
|
|
icons: icons,
|
|
onStepClick: onChange && onStepClick
|
|
}));
|
|
};
|
|
return /*#__PURE__*/_react_17_0_2_react.createElement("div", (0,esm_extends/* default */.Z)({
|
|
className: classString,
|
|
style: style
|
|
}, restProps), items.filter(function (item) {
|
|
return item;
|
|
}).map(renderStep));
|
|
}
|
|
Steps.Step = es_Step;
|
|
/* harmony default export */ var es_Steps = (Steps);
|
|
;// CONCATENATED MODULE: ./node_modules/_rc-steps@6.0.1@rc-steps/es/index.js
|
|
|
|
|
|
|
|
/* harmony default export */ var es = (es_Steps);
|
|
// EXTERNAL MODULE: ./node_modules/_antd@5.9.0@antd/es/config-provider/context.js
|
|
var context = __webpack_require__(36355);
|
|
// EXTERNAL MODULE: ./node_modules/_antd@5.9.0@antd/es/config-provider/hooks/useSize.js
|
|
var useSize = __webpack_require__(19716);
|
|
// EXTERNAL MODULE: ./node_modules/_antd@5.9.0@antd/es/grid/hooks/useBreakpoint.js
|
|
var useBreakpoint = __webpack_require__(8628);
|
|
// EXTERNAL MODULE: ./node_modules/_antd@5.9.0@antd/es/progress/index.js + 13 modules
|
|
var progress = __webpack_require__(93948);
|
|
// EXTERNAL MODULE: ./node_modules/_antd@5.9.0@antd/es/tooltip/index.js + 3 modules
|
|
var tooltip = __webpack_require__(6848);
|
|
// EXTERNAL MODULE: ./node_modules/_antd@5.9.0@antd/es/style/index.js
|
|
var style = __webpack_require__(17313);
|
|
// EXTERNAL MODULE: ./node_modules/_antd@5.9.0@antd/es/theme/util/genComponentStyleHook.js
|
|
var genComponentStyleHook = __webpack_require__(83116);
|
|
// EXTERNAL MODULE: ./node_modules/_antd@5.9.0@antd/es/theme/util/statistic.js
|
|
var statistic = __webpack_require__(37613);
|
|
;// CONCATENATED MODULE: ./node_modules/_antd@5.9.0@antd/es/steps/style/custom-icon.js
|
|
const genStepsCustomIconStyle = token => {
|
|
const {
|
|
componentCls,
|
|
customIconTop,
|
|
customIconSize,
|
|
customIconFontSize
|
|
} = token;
|
|
return {
|
|
[`${componentCls}-item-custom`]: {
|
|
[`> ${componentCls}-item-container > ${componentCls}-item-icon`]: {
|
|
height: 'auto',
|
|
background: 'none',
|
|
border: 0,
|
|
[`> ${componentCls}-icon`]: {
|
|
top: customIconTop,
|
|
width: customIconSize,
|
|
height: customIconSize,
|
|
fontSize: customIconFontSize,
|
|
lineHeight: `${customIconFontSize}px`
|
|
}
|
|
}
|
|
},
|
|
// Only adjust horizontal customize icon width
|
|
[`&:not(${componentCls}-vertical)`]: {
|
|
[`${componentCls}-item-custom`]: {
|
|
[`${componentCls}-item-icon`]: {
|
|
width: 'auto',
|
|
background: 'none'
|
|
}
|
|
}
|
|
}
|
|
};
|
|
};
|
|
/* harmony default export */ var custom_icon = (genStepsCustomIconStyle);
|
|
;// CONCATENATED MODULE: ./node_modules/_antd@5.9.0@antd/es/steps/style/inline.js
|
|
const genStepsInlineStyle = token => {
|
|
const {
|
|
componentCls,
|
|
inlineDotSize,
|
|
inlineTitleColor,
|
|
inlineTailColor
|
|
} = token;
|
|
const containerPaddingTop = token.paddingXS + token.lineWidth;
|
|
const titleStyle = {
|
|
[`${componentCls}-item-container ${componentCls}-item-content ${componentCls}-item-title`]: {
|
|
color: inlineTitleColor
|
|
}
|
|
};
|
|
return {
|
|
[`&${componentCls}-inline`]: {
|
|
width: 'auto',
|
|
display: 'inline-flex',
|
|
[`${componentCls}-item`]: {
|
|
flex: 'none',
|
|
'&-container': {
|
|
padding: `${containerPaddingTop}px ${token.paddingXXS}px 0`,
|
|
margin: `0 ${token.marginXXS / 2}px`,
|
|
borderRadius: token.borderRadiusSM,
|
|
cursor: 'pointer',
|
|
transition: `background-color ${token.motionDurationMid}`,
|
|
'&:hover': {
|
|
background: token.controlItemBgHover
|
|
},
|
|
[`&[role='button']:hover`]: {
|
|
opacity: 1
|
|
}
|
|
},
|
|
'&-icon': {
|
|
width: inlineDotSize,
|
|
height: inlineDotSize,
|
|
marginInlineStart: `calc(50% - ${inlineDotSize / 2}px)`,
|
|
[`> ${componentCls}-icon`]: {
|
|
top: 0
|
|
},
|
|
[`${componentCls}-icon-dot`]: {
|
|
borderRadius: token.fontSizeSM / 4
|
|
}
|
|
},
|
|
'&-content': {
|
|
width: 'auto',
|
|
marginTop: token.marginXS - token.lineWidth
|
|
},
|
|
'&-title': {
|
|
color: inlineTitleColor,
|
|
fontSize: token.fontSizeSM,
|
|
lineHeight: token.lineHeightSM,
|
|
fontWeight: 'normal',
|
|
marginBottom: token.marginXXS / 2
|
|
},
|
|
'&-description': {
|
|
display: 'none'
|
|
},
|
|
'&-tail': {
|
|
marginInlineStart: 0,
|
|
top: containerPaddingTop + inlineDotSize / 2,
|
|
transform: `translateY(-50%)`,
|
|
'&:after': {
|
|
width: '100%',
|
|
height: token.lineWidth,
|
|
borderRadius: 0,
|
|
marginInlineStart: 0,
|
|
background: inlineTailColor
|
|
}
|
|
},
|
|
[`&:first-child ${componentCls}-item-tail`]: {
|
|
width: '50%',
|
|
marginInlineStart: '50%'
|
|
},
|
|
[`&:last-child ${componentCls}-item-tail`]: {
|
|
display: 'block',
|
|
width: '50%'
|
|
},
|
|
'&-wait': Object.assign({
|
|
[`${componentCls}-item-icon ${componentCls}-icon ${componentCls}-icon-dot`]: {
|
|
backgroundColor: token.colorBorderBg,
|
|
border: `${token.lineWidth}px ${token.lineType} ${inlineTailColor}`
|
|
}
|
|
}, titleStyle),
|
|
'&-finish': Object.assign({
|
|
[`${componentCls}-item-tail::after`]: {
|
|
backgroundColor: inlineTailColor
|
|
},
|
|
[`${componentCls}-item-icon ${componentCls}-icon ${componentCls}-icon-dot`]: {
|
|
backgroundColor: inlineTailColor,
|
|
border: `${token.lineWidth}px ${token.lineType} ${inlineTailColor}`
|
|
}
|
|
}, titleStyle),
|
|
'&-error': titleStyle,
|
|
'&-active, &-process': Object.assign({
|
|
[`${componentCls}-item-icon`]: {
|
|
width: inlineDotSize,
|
|
height: inlineDotSize,
|
|
marginInlineStart: `calc(50% - ${inlineDotSize / 2}px)`,
|
|
top: 0
|
|
}
|
|
}, titleStyle),
|
|
[`&:not(${componentCls}-item-active) > ${componentCls}-item-container[role='button']:hover`]: {
|
|
[`${componentCls}-item-title`]: {
|
|
color: inlineTitleColor
|
|
}
|
|
}
|
|
}
|
|
}
|
|
};
|
|
};
|
|
/* harmony default export */ var inline = (genStepsInlineStyle);
|
|
;// CONCATENATED MODULE: ./node_modules/_antd@5.9.0@antd/es/steps/style/label-placement.js
|
|
const genStepsLabelPlacementStyle = token => {
|
|
const {
|
|
componentCls,
|
|
iconSize,
|
|
lineHeight,
|
|
iconSizeSM
|
|
} = token;
|
|
return {
|
|
[`&${componentCls}-label-vertical`]: {
|
|
[`${componentCls}-item`]: {
|
|
overflow: 'visible',
|
|
'&-tail': {
|
|
marginInlineStart: iconSize / 2 + token.controlHeightLG,
|
|
padding: `${token.paddingXXS}px ${token.paddingLG}px`
|
|
},
|
|
'&-content': {
|
|
display: 'block',
|
|
width: (iconSize / 2 + token.controlHeightLG) * 2,
|
|
marginTop: token.marginSM,
|
|
textAlign: 'center'
|
|
},
|
|
'&-icon': {
|
|
display: 'inline-block',
|
|
marginInlineStart: token.controlHeightLG
|
|
},
|
|
'&-title': {
|
|
paddingInlineEnd: 0,
|
|
paddingInlineStart: 0,
|
|
'&::after': {
|
|
display: 'none'
|
|
}
|
|
},
|
|
'&-subtitle': {
|
|
display: 'block',
|
|
marginBottom: token.marginXXS,
|
|
marginInlineStart: 0,
|
|
lineHeight
|
|
}
|
|
},
|
|
[`&${componentCls}-small:not(${componentCls}-dot)`]: {
|
|
[`${componentCls}-item`]: {
|
|
'&-icon': {
|
|
marginInlineStart: token.controlHeightLG + (iconSize - iconSizeSM) / 2
|
|
}
|
|
}
|
|
}
|
|
}
|
|
};
|
|
};
|
|
/* harmony default export */ var label_placement = (genStepsLabelPlacementStyle);
|
|
;// CONCATENATED MODULE: ./node_modules/_antd@5.9.0@antd/es/steps/style/nav.js
|
|
|
|
const genStepsNavStyle = token => {
|
|
const {
|
|
componentCls,
|
|
navContentMaxWidth,
|
|
navArrowColor,
|
|
stepsNavActiveColor,
|
|
motionDurationSlow
|
|
} = token;
|
|
return {
|
|
[`&${componentCls}-navigation`]: {
|
|
paddingTop: token.paddingSM,
|
|
[`&${componentCls}-small`]: {
|
|
[`${componentCls}-item`]: {
|
|
'&-container': {
|
|
marginInlineStart: -token.marginSM
|
|
}
|
|
}
|
|
},
|
|
[`${componentCls}-item`]: {
|
|
overflow: 'visible',
|
|
textAlign: 'center',
|
|
'&-container': {
|
|
display: 'inline-block',
|
|
height: '100%',
|
|
marginInlineStart: -token.margin,
|
|
paddingBottom: token.paddingSM,
|
|
textAlign: 'start',
|
|
transition: `opacity ${motionDurationSlow}`,
|
|
[`${componentCls}-item-content`]: {
|
|
maxWidth: navContentMaxWidth
|
|
},
|
|
[`${componentCls}-item-title`]: Object.assign(Object.assign({
|
|
maxWidth: '100%',
|
|
paddingInlineEnd: 0
|
|
}, style/* textEllipsis */.vS), {
|
|
'&::after': {
|
|
display: 'none'
|
|
}
|
|
})
|
|
},
|
|
[`&:not(${componentCls}-item-active)`]: {
|
|
[`${componentCls}-item-container[role='button']`]: {
|
|
cursor: 'pointer',
|
|
'&:hover': {
|
|
opacity: 0.85
|
|
}
|
|
}
|
|
},
|
|
'&:last-child': {
|
|
flex: 1,
|
|
'&::after': {
|
|
display: 'none'
|
|
}
|
|
},
|
|
'&::after': {
|
|
position: 'absolute',
|
|
top: `calc(50% - ${token.paddingSM / 2}px)`,
|
|
insetInlineStart: '100%',
|
|
display: 'inline-block',
|
|
width: token.fontSizeIcon,
|
|
height: token.fontSizeIcon,
|
|
borderTop: `${token.lineWidth}px ${token.lineType} ${navArrowColor}`,
|
|
borderBottom: 'none',
|
|
borderInlineStart: 'none',
|
|
borderInlineEnd: `${token.lineWidth}px ${token.lineType} ${navArrowColor}`,
|
|
transform: 'translateY(-50%) translateX(-50%) rotate(45deg)',
|
|
content: '""'
|
|
},
|
|
'&::before': {
|
|
position: 'absolute',
|
|
bottom: 0,
|
|
insetInlineStart: '50%',
|
|
display: 'inline-block',
|
|
width: 0,
|
|
height: token.lineWidthBold,
|
|
backgroundColor: stepsNavActiveColor,
|
|
transition: `width ${motionDurationSlow}, inset-inline-start ${motionDurationSlow}`,
|
|
transitionTimingFunction: 'ease-out',
|
|
content: '""'
|
|
}
|
|
},
|
|
[`${componentCls}-item${componentCls}-item-active::before`]: {
|
|
insetInlineStart: 0,
|
|
width: '100%'
|
|
}
|
|
},
|
|
[`&${componentCls}-navigation${componentCls}-vertical`]: {
|
|
[`> ${componentCls}-item`]: {
|
|
marginInlineEnd: 0,
|
|
'&::before': {
|
|
display: 'none'
|
|
},
|
|
[`&${componentCls}-item-active::before`]: {
|
|
top: 0,
|
|
insetInlineEnd: 0,
|
|
insetInlineStart: 'unset',
|
|
display: 'block',
|
|
width: token.lineWidth * 3,
|
|
height: `calc(100% - ${token.marginLG}px)`
|
|
},
|
|
'&::after': {
|
|
position: 'relative',
|
|
insetInlineStart: '50%',
|
|
display: 'block',
|
|
width: token.controlHeight * 0.25,
|
|
height: token.controlHeight * 0.25,
|
|
marginBottom: token.marginXS,
|
|
textAlign: 'center',
|
|
transform: 'translateY(-50%) translateX(-50%) rotate(135deg)'
|
|
},
|
|
'&:last-child': {
|
|
'&::after': {
|
|
display: 'none'
|
|
}
|
|
},
|
|
[`> ${componentCls}-item-container > ${componentCls}-item-tail`]: {
|
|
visibility: 'hidden'
|
|
}
|
|
}
|
|
},
|
|
[`&${componentCls}-navigation${componentCls}-horizontal`]: {
|
|
[`> ${componentCls}-item > ${componentCls}-item-container > ${componentCls}-item-tail`]: {
|
|
visibility: 'hidden'
|
|
}
|
|
}
|
|
};
|
|
};
|
|
/* harmony default export */ var nav = (genStepsNavStyle);
|
|
;// CONCATENATED MODULE: ./node_modules/_antd@5.9.0@antd/es/steps/style/progress.js
|
|
const genStepsProgressStyle = token => {
|
|
const {
|
|
antCls,
|
|
componentCls
|
|
} = token;
|
|
return {
|
|
[`&${componentCls}-with-progress`]: {
|
|
[`${componentCls}-item`]: {
|
|
paddingTop: token.paddingXXS,
|
|
[`&-process ${componentCls}-item-container ${componentCls}-item-icon ${componentCls}-icon`]: {
|
|
color: token.processIconColor
|
|
}
|
|
},
|
|
[`&${componentCls}-vertical > ${componentCls}-item `]: {
|
|
paddingInlineStart: token.paddingXXS,
|
|
[`> ${componentCls}-item-container > ${componentCls}-item-tail`]: {
|
|
top: token.marginXXS,
|
|
insetInlineStart: token.iconSize / 2 - token.lineWidth + token.paddingXXS
|
|
}
|
|
},
|
|
[`&, &${componentCls}-small`]: {
|
|
[`&${componentCls}-horizontal ${componentCls}-item:first-child`]: {
|
|
paddingBottom: token.paddingXXS,
|
|
paddingInlineStart: token.paddingXXS
|
|
}
|
|
},
|
|
[`&${componentCls}-small${componentCls}-vertical > ${componentCls}-item > ${componentCls}-item-container > ${componentCls}-item-tail`]: {
|
|
insetInlineStart: token.iconSizeSM / 2 - token.lineWidth + token.paddingXXS
|
|
},
|
|
[`&${componentCls}-label-vertical`]: {
|
|
[`${componentCls}-item ${componentCls}-item-tail`]: {
|
|
top: token.margin - 2 * token.lineWidth
|
|
}
|
|
},
|
|
[`${componentCls}-item-icon`]: {
|
|
position: 'relative',
|
|
[`${antCls}-progress`]: {
|
|
position: 'absolute',
|
|
insetBlockStart: (token.iconSize - token.stepsProgressSize - token.lineWidth * 2) / 2,
|
|
insetInlineStart: (token.iconSize - token.stepsProgressSize - token.lineWidth * 2) / 2
|
|
}
|
|
}
|
|
}
|
|
};
|
|
};
|
|
/* harmony default export */ var style_progress = (genStepsProgressStyle);
|
|
;// CONCATENATED MODULE: ./node_modules/_antd@5.9.0@antd/es/steps/style/progress-dot.js
|
|
const genStepsProgressDotStyle = token => {
|
|
const {
|
|
componentCls,
|
|
descriptionMaxWidth,
|
|
lineHeight,
|
|
dotCurrentSize,
|
|
dotSize,
|
|
motionDurationSlow
|
|
} = token;
|
|
return {
|
|
[`&${componentCls}-dot, &${componentCls}-dot${componentCls}-small`]: {
|
|
[`${componentCls}-item`]: {
|
|
'&-title': {
|
|
lineHeight
|
|
},
|
|
'&-tail': {
|
|
top: Math.floor((token.dotSize - token.lineWidth * 3) / 2),
|
|
width: '100%',
|
|
marginTop: 0,
|
|
marginBottom: 0,
|
|
marginInline: `${descriptionMaxWidth / 2}px 0`,
|
|
padding: 0,
|
|
'&::after': {
|
|
width: `calc(100% - ${token.marginSM * 2}px)`,
|
|
height: token.lineWidth * 3,
|
|
marginInlineStart: token.marginSM
|
|
}
|
|
},
|
|
'&-icon': {
|
|
width: dotSize,
|
|
height: dotSize,
|
|
marginInlineStart: (token.descriptionMaxWidth - dotSize) / 2,
|
|
paddingInlineEnd: 0,
|
|
lineHeight: `${dotSize}px`,
|
|
background: 'transparent',
|
|
border: 0,
|
|
[`${componentCls}-icon-dot`]: {
|
|
position: 'relative',
|
|
float: 'left',
|
|
width: '100%',
|
|
height: '100%',
|
|
borderRadius: 100,
|
|
transition: `all ${motionDurationSlow}`,
|
|
/* expand hover area */
|
|
'&::after': {
|
|
position: 'absolute',
|
|
top: -token.marginSM,
|
|
insetInlineStart: (dotSize - token.controlHeightLG * 1.5) / 2,
|
|
width: token.controlHeightLG * 1.5,
|
|
height: token.controlHeight,
|
|
background: 'transparent',
|
|
content: '""'
|
|
}
|
|
}
|
|
},
|
|
'&-content': {
|
|
width: descriptionMaxWidth
|
|
},
|
|
[`&-process ${componentCls}-item-icon`]: {
|
|
position: 'relative',
|
|
top: (dotSize - dotCurrentSize) / 2,
|
|
width: dotCurrentSize,
|
|
height: dotCurrentSize,
|
|
lineHeight: `${dotCurrentSize}px`,
|
|
background: 'none',
|
|
marginInlineStart: (token.descriptionMaxWidth - dotCurrentSize) / 2
|
|
},
|
|
[`&-process ${componentCls}-icon`]: {
|
|
[`&:first-child ${componentCls}-icon-dot`]: {
|
|
insetInlineStart: 0
|
|
}
|
|
}
|
|
}
|
|
},
|
|
[`&${componentCls}-vertical${componentCls}-dot`]: {
|
|
[`${componentCls}-item-icon`]: {
|
|
marginTop: (token.controlHeight - dotSize) / 2,
|
|
marginInlineStart: 0,
|
|
background: 'none'
|
|
},
|
|
[`${componentCls}-item-process ${componentCls}-item-icon`]: {
|
|
marginTop: (token.controlHeight - dotCurrentSize) / 2,
|
|
top: 0,
|
|
insetInlineStart: (dotSize - dotCurrentSize) / 2,
|
|
marginInlineStart: 0
|
|
},
|
|
// https://github.com/ant-design/ant-design/issues/18354
|
|
[`${componentCls}-item > ${componentCls}-item-container > ${componentCls}-item-tail`]: {
|
|
top: (token.controlHeight - dotSize) / 2,
|
|
insetInlineStart: 0,
|
|
margin: 0,
|
|
padding: `${dotSize + token.paddingXS}px 0 ${token.paddingXS}px`,
|
|
'&::after': {
|
|
marginInlineStart: (dotSize - token.lineWidth) / 2
|
|
}
|
|
},
|
|
[`&${componentCls}-small`]: {
|
|
[`${componentCls}-item-icon`]: {
|
|
marginTop: (token.controlHeightSM - dotSize) / 2
|
|
},
|
|
[`${componentCls}-item-process ${componentCls}-item-icon`]: {
|
|
marginTop: (token.controlHeightSM - dotCurrentSize) / 2
|
|
},
|
|
[`${componentCls}-item > ${componentCls}-item-container > ${componentCls}-item-tail`]: {
|
|
top: (token.controlHeightSM - dotSize) / 2
|
|
}
|
|
},
|
|
[`${componentCls}-item:first-child ${componentCls}-icon-dot`]: {
|
|
insetInlineStart: 0
|
|
},
|
|
[`${componentCls}-item-content`]: {
|
|
width: 'inherit'
|
|
}
|
|
}
|
|
};
|
|
};
|
|
/* harmony default export */ var progress_dot = (genStepsProgressDotStyle);
|
|
;// CONCATENATED MODULE: ./node_modules/_antd@5.9.0@antd/es/steps/style/rtl.js
|
|
const genStepsRTLStyle = token => {
|
|
const {
|
|
componentCls
|
|
} = token;
|
|
return {
|
|
[`&${componentCls}-rtl`]: {
|
|
direction: 'rtl',
|
|
[`${componentCls}-item`]: {
|
|
'&-subtitle': {
|
|
float: 'left'
|
|
}
|
|
},
|
|
// nav
|
|
[`&${componentCls}-navigation`]: {
|
|
[`${componentCls}-item::after`]: {
|
|
transform: 'rotate(-45deg)'
|
|
}
|
|
},
|
|
// vertical
|
|
[`&${componentCls}-vertical`]: {
|
|
[`> ${componentCls}-item`]: {
|
|
'&::after': {
|
|
transform: 'rotate(225deg)'
|
|
},
|
|
[`${componentCls}-item-icon`]: {
|
|
float: 'right'
|
|
}
|
|
}
|
|
},
|
|
// progress-dot
|
|
[`&${componentCls}-dot`]: {
|
|
[`${componentCls}-item-icon ${componentCls}-icon-dot, &${componentCls}-small ${componentCls}-item-icon ${componentCls}-icon-dot`]: {
|
|
float: 'right'
|
|
}
|
|
}
|
|
}
|
|
};
|
|
};
|
|
/* harmony default export */ var rtl = (genStepsRTLStyle);
|
|
;// CONCATENATED MODULE: ./node_modules/_antd@5.9.0@antd/es/steps/style/small.js
|
|
const genStepsSmallStyle = token => {
|
|
const {
|
|
componentCls,
|
|
iconSizeSM,
|
|
// stepsSmallIconMargin,
|
|
fontSizeSM,
|
|
fontSize,
|
|
colorTextDescription
|
|
} = token;
|
|
return {
|
|
[`&${componentCls}-small`]: {
|
|
[`&${componentCls}-horizontal:not(${componentCls}-label-vertical) ${componentCls}-item`]: {
|
|
paddingInlineStart: token.paddingSM,
|
|
'&:first-child': {
|
|
paddingInlineStart: 0
|
|
}
|
|
},
|
|
[`${componentCls}-item-icon`]: {
|
|
width: iconSizeSM,
|
|
height: iconSizeSM,
|
|
// margin: stepsSmallIconMargin,
|
|
marginTop: 0,
|
|
marginBottom: 0,
|
|
marginInline: `0 ${token.marginXS}px`,
|
|
fontSize: fontSizeSM,
|
|
lineHeight: `${iconSizeSM}px`,
|
|
textAlign: 'center',
|
|
borderRadius: iconSizeSM
|
|
},
|
|
[`${componentCls}-item-title`]: {
|
|
paddingInlineEnd: token.paddingSM,
|
|
fontSize,
|
|
lineHeight: `${iconSizeSM}px`,
|
|
'&::after': {
|
|
top: iconSizeSM / 2
|
|
}
|
|
},
|
|
[`${componentCls}-item-description`]: {
|
|
color: colorTextDescription,
|
|
fontSize
|
|
},
|
|
[`${componentCls}-item-tail`]: {
|
|
top: iconSizeSM / 2 - token.paddingXXS
|
|
},
|
|
[`${componentCls}-item-custom ${componentCls}-item-icon`]: {
|
|
width: 'inherit',
|
|
height: 'inherit',
|
|
lineHeight: 'inherit',
|
|
background: 'none',
|
|
border: 0,
|
|
borderRadius: 0,
|
|
[`> ${componentCls}-icon`]: {
|
|
fontSize: iconSizeSM,
|
|
lineHeight: `${iconSizeSM}px`,
|
|
transform: 'none'
|
|
}
|
|
}
|
|
}
|
|
};
|
|
};
|
|
/* harmony default export */ var small = (genStepsSmallStyle);
|
|
;// CONCATENATED MODULE: ./node_modules/_antd@5.9.0@antd/es/steps/style/vertical.js
|
|
const genStepsVerticalStyle = token => {
|
|
const {
|
|
componentCls,
|
|
iconSizeSM,
|
|
iconSize
|
|
} = token;
|
|
return {
|
|
[`&${componentCls}-vertical`]: {
|
|
display: 'flex',
|
|
flexDirection: 'column',
|
|
[`> ${componentCls}-item`]: {
|
|
display: 'block',
|
|
flex: '1 0 auto',
|
|
paddingInlineStart: 0,
|
|
overflow: 'visible',
|
|
[`${componentCls}-item-icon`]: {
|
|
float: 'left',
|
|
marginInlineEnd: token.margin
|
|
},
|
|
[`${componentCls}-item-content`]: {
|
|
display: 'block',
|
|
minHeight: token.controlHeight * 1.5,
|
|
overflow: 'hidden'
|
|
},
|
|
[`${componentCls}-item-title`]: {
|
|
lineHeight: `${iconSize}px`
|
|
},
|
|
[`${componentCls}-item-description`]: {
|
|
paddingBottom: token.paddingSM
|
|
}
|
|
},
|
|
[`> ${componentCls}-item > ${componentCls}-item-container > ${componentCls}-item-tail`]: {
|
|
position: 'absolute',
|
|
top: 0,
|
|
insetInlineStart: iconSize / 2 - token.lineWidth,
|
|
width: token.lineWidth,
|
|
height: '100%',
|
|
padding: `${iconSize + token.marginXXS * 1.5}px 0 ${token.marginXXS * 1.5}px`,
|
|
'&::after': {
|
|
width: token.lineWidth,
|
|
height: '100%'
|
|
}
|
|
},
|
|
[`> ${componentCls}-item:not(:last-child) > ${componentCls}-item-container > ${componentCls}-item-tail`]: {
|
|
display: 'block'
|
|
},
|
|
[` > ${componentCls}-item > ${componentCls}-item-container > ${componentCls}-item-content > ${componentCls}-item-title`]: {
|
|
'&::after': {
|
|
display: 'none'
|
|
}
|
|
},
|
|
[`&${componentCls}-small ${componentCls}-item-container`]: {
|
|
[`${componentCls}-item-tail`]: {
|
|
position: 'absolute',
|
|
top: 0,
|
|
insetInlineStart: iconSizeSM / 2 - token.lineWidth,
|
|
padding: `${iconSizeSM + token.marginXXS * 1.5}px 0 ${token.marginXXS * 1.5}px`
|
|
},
|
|
[`${componentCls}-item-title`]: {
|
|
lineHeight: `${iconSizeSM}px`
|
|
}
|
|
}
|
|
}
|
|
};
|
|
};
|
|
/* harmony default export */ var vertical = (genStepsVerticalStyle);
|
|
;// CONCATENATED MODULE: ./node_modules/_antd@5.9.0@antd/es/steps/style/index.js
|
|
"use client";
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
var StepItemStatusEnum;
|
|
(function (StepItemStatusEnum) {
|
|
StepItemStatusEnum["wait"] = "wait";
|
|
StepItemStatusEnum["process"] = "process";
|
|
StepItemStatusEnum["finish"] = "finish";
|
|
StepItemStatusEnum["error"] = "error";
|
|
})(StepItemStatusEnum || (StepItemStatusEnum = {}));
|
|
const genStepsItemStatusStyle = (status, token) => {
|
|
const prefix = `${token.componentCls}-item`;
|
|
const iconColorKey = `${status}IconColor`;
|
|
const titleColorKey = `${status}TitleColor`;
|
|
const descriptionColorKey = `${status}DescriptionColor`;
|
|
const tailColorKey = `${status}TailColor`;
|
|
const iconBgColorKey = `${status}IconBgColor`;
|
|
const iconBorderColorKey = `${status}IconBorderColor`;
|
|
const dotColorKey = `${status}DotColor`;
|
|
return {
|
|
[`${prefix}-${status} ${prefix}-icon`]: {
|
|
backgroundColor: token[iconBgColorKey],
|
|
borderColor: token[iconBorderColorKey],
|
|
[`> ${token.componentCls}-icon`]: {
|
|
color: token[iconColorKey],
|
|
[`${token.componentCls}-icon-dot`]: {
|
|
background: token[dotColorKey]
|
|
}
|
|
}
|
|
},
|
|
[`${prefix}-${status}${prefix}-custom ${prefix}-icon`]: {
|
|
[`> ${token.componentCls}-icon`]: {
|
|
color: token[dotColorKey]
|
|
}
|
|
},
|
|
[`${prefix}-${status} > ${prefix}-container > ${prefix}-content > ${prefix}-title`]: {
|
|
color: token[titleColorKey],
|
|
'&::after': {
|
|
backgroundColor: token[tailColorKey]
|
|
}
|
|
},
|
|
[`${prefix}-${status} > ${prefix}-container > ${prefix}-content > ${prefix}-description`]: {
|
|
color: token[descriptionColorKey]
|
|
},
|
|
[`${prefix}-${status} > ${prefix}-container > ${prefix}-tail::after`]: {
|
|
backgroundColor: token[tailColorKey]
|
|
}
|
|
};
|
|
};
|
|
const genStepsItemStyle = token => {
|
|
const {
|
|
componentCls,
|
|
motionDurationSlow
|
|
} = token;
|
|
const stepsItemCls = `${componentCls}-item`; // .ant-steps-item
|
|
const stepItemIconCls = `${stepsItemCls}-icon`;
|
|
return Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({
|
|
[stepsItemCls]: {
|
|
position: 'relative',
|
|
display: 'inline-block',
|
|
flex: 1,
|
|
overflow: 'hidden',
|
|
verticalAlign: 'top',
|
|
'&:last-child': {
|
|
flex: 'none',
|
|
[`> ${stepsItemCls}-container > ${stepsItemCls}-tail, > ${stepsItemCls}-container > ${stepsItemCls}-content > ${stepsItemCls}-title::after`]: {
|
|
display: 'none'
|
|
}
|
|
}
|
|
},
|
|
[`${stepsItemCls}-container`]: {
|
|
outline: 'none',
|
|
[`&:focus-visible`]: {
|
|
[stepItemIconCls]: Object.assign({}, (0,style/* genFocusOutline */.oN)(token))
|
|
}
|
|
},
|
|
[`${stepItemIconCls}, ${stepsItemCls}-content`]: {
|
|
display: 'inline-block',
|
|
verticalAlign: 'top'
|
|
},
|
|
[stepItemIconCls]: {
|
|
width: token.iconSize,
|
|
height: token.iconSize,
|
|
marginTop: 0,
|
|
marginBottom: 0,
|
|
marginInlineStart: 0,
|
|
marginInlineEnd: token.marginXS,
|
|
fontSize: token.iconFontSize,
|
|
fontFamily: token.fontFamily,
|
|
lineHeight: `${token.iconSize}px`,
|
|
textAlign: 'center',
|
|
borderRadius: token.iconSize,
|
|
border: `${token.lineWidth}px ${token.lineType} transparent`,
|
|
transition: `background-color ${motionDurationSlow}, border-color ${motionDurationSlow}`,
|
|
[`${componentCls}-icon`]: {
|
|
position: 'relative',
|
|
top: token.iconTop,
|
|
color: token.colorPrimary,
|
|
lineHeight: 1
|
|
}
|
|
},
|
|
[`${stepsItemCls}-tail`]: {
|
|
position: 'absolute',
|
|
top: token.iconSize / 2 - token.paddingXXS,
|
|
insetInlineStart: 0,
|
|
width: '100%',
|
|
'&::after': {
|
|
display: 'inline-block',
|
|
width: '100%',
|
|
height: token.lineWidth,
|
|
background: token.colorSplit,
|
|
borderRadius: token.lineWidth,
|
|
transition: `background ${motionDurationSlow}`,
|
|
content: '""'
|
|
}
|
|
},
|
|
[`${stepsItemCls}-title`]: {
|
|
position: 'relative',
|
|
display: 'inline-block',
|
|
paddingInlineEnd: token.padding,
|
|
color: token.colorText,
|
|
fontSize: token.fontSizeLG,
|
|
lineHeight: `${token.titleLineHeight}px`,
|
|
'&::after': {
|
|
position: 'absolute',
|
|
top: token.titleLineHeight / 2,
|
|
insetInlineStart: '100%',
|
|
display: 'block',
|
|
width: 9999,
|
|
height: token.lineWidth,
|
|
background: token.processTailColor,
|
|
content: '""'
|
|
}
|
|
},
|
|
[`${stepsItemCls}-subtitle`]: {
|
|
display: 'inline',
|
|
marginInlineStart: token.marginXS,
|
|
color: token.colorTextDescription,
|
|
fontWeight: 'normal',
|
|
fontSize: token.fontSize
|
|
},
|
|
[`${stepsItemCls}-description`]: {
|
|
color: token.colorTextDescription,
|
|
fontSize: token.fontSize
|
|
}
|
|
}, genStepsItemStatusStyle(StepItemStatusEnum.wait, token)), genStepsItemStatusStyle(StepItemStatusEnum.process, token)), {
|
|
[`${stepsItemCls}-process > ${stepsItemCls}-container > ${stepsItemCls}-title`]: {
|
|
fontWeight: token.fontWeightStrong
|
|
}
|
|
}), genStepsItemStatusStyle(StepItemStatusEnum.finish, token)), genStepsItemStatusStyle(StepItemStatusEnum.error, token)), {
|
|
[`${stepsItemCls}${componentCls}-next-error > ${componentCls}-item-title::after`]: {
|
|
background: token.colorError
|
|
},
|
|
[`${stepsItemCls}-disabled`]: {
|
|
cursor: 'not-allowed'
|
|
}
|
|
});
|
|
};
|
|
// ============================= Clickable ===========================
|
|
const genStepsClickableStyle = token => {
|
|
const {
|
|
componentCls,
|
|
motionDurationSlow
|
|
} = token;
|
|
return {
|
|
[`& ${componentCls}-item`]: {
|
|
[`&:not(${componentCls}-item-active)`]: {
|
|
[`& > ${componentCls}-item-container[role='button']`]: {
|
|
cursor: 'pointer',
|
|
[`${componentCls}-item`]: {
|
|
[`&-title, &-subtitle, &-description, &-icon ${componentCls}-icon`]: {
|
|
transition: `color ${motionDurationSlow}`
|
|
}
|
|
},
|
|
'&:hover': {
|
|
[`${componentCls}-item`]: {
|
|
[`&-title, &-subtitle, &-description`]: {
|
|
color: token.colorPrimary
|
|
}
|
|
}
|
|
}
|
|
},
|
|
[`&:not(${componentCls}-item-process)`]: {
|
|
[`& > ${componentCls}-item-container[role='button']:hover`]: {
|
|
[`${componentCls}-item`]: {
|
|
'&-icon': {
|
|
borderColor: token.colorPrimary,
|
|
[`${componentCls}-icon`]: {
|
|
color: token.colorPrimary
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
},
|
|
[`&${componentCls}-horizontal:not(${componentCls}-label-vertical)`]: {
|
|
[`${componentCls}-item`]: {
|
|
paddingInlineStart: token.padding,
|
|
whiteSpace: 'nowrap',
|
|
'&:first-child': {
|
|
paddingInlineStart: 0
|
|
},
|
|
[`&:last-child ${componentCls}-item-title`]: {
|
|
paddingInlineEnd: 0
|
|
},
|
|
'&-tail': {
|
|
display: 'none'
|
|
},
|
|
'&-description': {
|
|
maxWidth: token.descriptionMaxWidth,
|
|
whiteSpace: 'normal'
|
|
}
|
|
}
|
|
}
|
|
};
|
|
};
|
|
const genStepsStyle = token => {
|
|
const {
|
|
componentCls
|
|
} = token; // .ant-steps
|
|
return {
|
|
[componentCls]: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, (0,style/* resetComponent */.Wf)(token)), {
|
|
display: 'flex',
|
|
width: '100%',
|
|
fontSize: 0,
|
|
textAlign: 'initial'
|
|
}), genStepsItemStyle(token)), genStepsClickableStyle(token)), custom_icon(token)), small(token)), vertical(token)), label_placement(token)), progress_dot(token)), nav(token)), rtl(token)), style_progress(token)), inline(token))
|
|
};
|
|
};
|
|
// ============================== Export ==============================
|
|
/* harmony default export */ var steps_style = ((0,genComponentStyleHook/* default */.Z)('Steps', token => {
|
|
const {
|
|
wireframe,
|
|
colorTextDisabled,
|
|
controlHeightLG,
|
|
colorTextLightSolid,
|
|
colorText,
|
|
colorPrimary,
|
|
colorTextLabel,
|
|
colorTextDescription,
|
|
colorTextQuaternary,
|
|
colorFillContent,
|
|
controlItemBgActive,
|
|
colorError,
|
|
colorBgContainer,
|
|
colorBorderSecondary,
|
|
colorSplit
|
|
} = token;
|
|
const stepsToken = (0,statistic/* merge */.TS)(token, {
|
|
// Steps component less variable
|
|
processIconColor: colorTextLightSolid,
|
|
processTitleColor: colorText,
|
|
processDescriptionColor: colorText,
|
|
processIconBgColor: colorPrimary,
|
|
processIconBorderColor: colorPrimary,
|
|
processDotColor: colorPrimary,
|
|
processTailColor: colorSplit,
|
|
waitIconColor: wireframe ? colorTextDisabled : colorTextLabel,
|
|
waitTitleColor: colorTextDescription,
|
|
waitDescriptionColor: colorTextDescription,
|
|
waitTailColor: colorSplit,
|
|
waitIconBgColor: wireframe ? colorBgContainer : colorFillContent,
|
|
waitIconBorderColor: wireframe ? colorTextDisabled : 'transparent',
|
|
waitDotColor: colorTextDisabled,
|
|
finishIconColor: colorPrimary,
|
|
finishTitleColor: colorText,
|
|
finishDescriptionColor: colorTextDescription,
|
|
finishTailColor: colorPrimary,
|
|
finishIconBgColor: wireframe ? colorBgContainer : controlItemBgActive,
|
|
finishIconBorderColor: wireframe ? colorPrimary : controlItemBgActive,
|
|
finishDotColor: colorPrimary,
|
|
errorIconColor: colorTextLightSolid,
|
|
errorTitleColor: colorError,
|
|
errorDescriptionColor: colorError,
|
|
errorTailColor: colorSplit,
|
|
errorIconBgColor: colorError,
|
|
errorIconBorderColor: colorError,
|
|
errorDotColor: colorError,
|
|
stepsNavActiveColor: colorPrimary,
|
|
stepsProgressSize: controlHeightLG,
|
|
// Steps inline variable
|
|
inlineDotSize: 6,
|
|
inlineTitleColor: colorTextQuaternary,
|
|
inlineTailColor: colorBorderSecondary
|
|
});
|
|
return [genStepsStyle(stepsToken)];
|
|
}, token => {
|
|
const {
|
|
colorTextDisabled,
|
|
fontSize,
|
|
controlHeightSM,
|
|
controlHeight,
|
|
controlHeightLG,
|
|
fontSizeHeading3
|
|
} = token;
|
|
return {
|
|
titleLineHeight: controlHeight,
|
|
customIconSize: controlHeight,
|
|
customIconTop: 0,
|
|
customIconFontSize: controlHeightSM,
|
|
iconSize: controlHeight,
|
|
iconTop: -0.5,
|
|
iconFontSize: fontSize,
|
|
iconSizeSM: fontSizeHeading3,
|
|
dotSize: controlHeight / 4,
|
|
dotCurrentSize: controlHeightLG / 4,
|
|
navArrowColor: colorTextDisabled,
|
|
navContentMaxWidth: 'auto',
|
|
descriptionMaxWidth: 140
|
|
};
|
|
}));
|
|
// EXTERNAL MODULE: ./node_modules/_rc-util@5.44.4@rc-util/es/Children/toArray.js
|
|
var toArray = __webpack_require__(11592);
|
|
;// CONCATENATED MODULE: ./node_modules/_antd@5.9.0@antd/es/steps/useLegacyItems.js
|
|
|
|
|
|
|
|
function filter(items) {
|
|
return items.filter(item => item);
|
|
}
|
|
function useLegacyItems(items, children) {
|
|
if (items) {
|
|
return items;
|
|
}
|
|
false ? 0 : void 0;
|
|
const childrenItems = (0,toArray/* default */.Z)(children).map(node => {
|
|
if ( /*#__PURE__*/_react_17_0_2_react.isValidElement(node)) {
|
|
const {
|
|
props
|
|
} = node;
|
|
const item = Object.assign({}, props);
|
|
return item;
|
|
}
|
|
return null;
|
|
});
|
|
return filter(childrenItems);
|
|
}
|
|
;// CONCATENATED MODULE: ./node_modules/_antd@5.9.0@antd/es/steps/index.js
|
|
"use client";
|
|
|
|
var __rest = undefined && undefined.__rest || function (s, e) {
|
|
var t = {};
|
|
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
|
|
if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
|
|
}
|
|
return t;
|
|
};
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
const steps_Steps = props => {
|
|
const {
|
|
percent,
|
|
size: customizeSize,
|
|
className,
|
|
rootClassName,
|
|
direction,
|
|
items,
|
|
responsive = true,
|
|
current = 0,
|
|
children,
|
|
style
|
|
} = props,
|
|
restProps = __rest(props, ["percent", "size", "className", "rootClassName", "direction", "items", "responsive", "current", "children", "style"]);
|
|
const {
|
|
xs
|
|
} = (0,useBreakpoint/* default */.Z)(responsive);
|
|
const {
|
|
getPrefixCls,
|
|
direction: rtlDirection,
|
|
steps
|
|
} = _react_17_0_2_react.useContext(context/* ConfigContext */.E_);
|
|
const realDirectionValue = _react_17_0_2_react.useMemo(() => responsive && xs ? 'vertical' : direction, [xs, direction]);
|
|
const size = (0,useSize/* default */.Z)(customizeSize);
|
|
const prefixCls = getPrefixCls('steps', props.prefixCls);
|
|
const [wrapSSR, hashId] = steps_style(prefixCls);
|
|
const isInline = props.type === 'inline';
|
|
const iconPrefix = getPrefixCls('', props.iconPrefix);
|
|
const mergedItems = useLegacyItems(items, children);
|
|
const mergedPercent = isInline ? undefined : percent;
|
|
const mergedStyle = Object.assign(Object.assign({}, steps === null || steps === void 0 ? void 0 : steps.style), style);
|
|
const stepsClassName = _classnames_2_5_1_classnames_default()(steps === null || steps === void 0 ? void 0 : steps.className, {
|
|
[`${prefixCls}-rtl`]: rtlDirection === 'rtl',
|
|
[`${prefixCls}-with-progress`]: mergedPercent !== undefined
|
|
}, className, rootClassName, hashId);
|
|
const icons = {
|
|
finish: /*#__PURE__*/_react_17_0_2_react.createElement(CheckOutlined/* default */.Z, {
|
|
className: `${prefixCls}-finish-icon`
|
|
}),
|
|
error: /*#__PURE__*/_react_17_0_2_react.createElement(CloseOutlined/* default */.Z, {
|
|
className: `${prefixCls}-error-icon`
|
|
})
|
|
};
|
|
const stepIconRender = _ref => {
|
|
let {
|
|
node,
|
|
status
|
|
} = _ref;
|
|
if (status === 'process' && mergedPercent !== undefined) {
|
|
// currently it's hard-coded, since we can't easily read the actually width of icon
|
|
const progressWidth = size === 'small' ? 32 : 40;
|
|
// iconWithProgress
|
|
return /*#__PURE__*/_react_17_0_2_react.createElement("div", {
|
|
className: `${prefixCls}-progress-icon`
|
|
}, /*#__PURE__*/_react_17_0_2_react.createElement(progress/* default */.Z, {
|
|
type: "circle",
|
|
percent: mergedPercent,
|
|
size: progressWidth,
|
|
strokeWidth: 4,
|
|
format: () => null
|
|
}), node);
|
|
}
|
|
return node;
|
|
};
|
|
const itemRender = (item, stepItem) => item.description ? /*#__PURE__*/_react_17_0_2_react.createElement(tooltip/* default */.Z, {
|
|
title: item.description
|
|
}, stepItem) : stepItem;
|
|
return wrapSSR( /*#__PURE__*/_react_17_0_2_react.createElement(es, Object.assign({
|
|
icons: icons
|
|
}, restProps, {
|
|
style: mergedStyle,
|
|
current: current,
|
|
size: size,
|
|
items: mergedItems,
|
|
itemRender: isInline ? itemRender : undefined,
|
|
stepIcon: stepIconRender,
|
|
direction: realDirectionValue,
|
|
prefixCls: prefixCls,
|
|
iconPrefix: iconPrefix,
|
|
className: stepsClassName
|
|
})));
|
|
};
|
|
steps_Steps.Step = es.Step;
|
|
if (false) {}
|
|
/* harmony default export */ var steps = (steps_Steps);
|
|
|
|
/***/ })
|
|
|
|
}]); |