1"use strict"; 2(self["webpackChunk_N_E"] = self["webpackChunk_N_E"] || []).push([[17037],{ 3 4/***/ 289552: 5/***/ (function(__unused_webpack_module, exports, __webpack_require__) { 6 7 8"use client"; 9 10var _interopRequireDefault = (__webpack_require__(564836)["default"]); 11var _interopRequireWildcard = (__webpack_require__(475263)["default"]); 12Object.defineProperty(exports, "__esModule", ({ 13 value: true 14})); 15exports["default"] = void 0; 16var React = _interopRequireWildcard(__webpack_require__(667294)); 17var _classnames = _interopRequireDefault(__webpack_require__(294184)); 18var _omit = _interopRequireDefault(__webpack_require__(518475)); 19var _throttleDebounce = __webpack_require__(142189); 20var _reactNode = __webpack_require__(547419); 21var _warning = __webpack_require__(613594); 22var _configProvider = __webpack_require__(731929); 23var _index = _interopRequireDefault(__webpack_require__(809405)); 24var __rest = void 0 && (void 0).__rest || function (s, e) { 25 var t = {}; 26 for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p]; 27 if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) { 28 if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]]; 29 } 30 return t; 31}; 32const SpinSizes = (/* unused pure expression or super */ null && (['small', 'default', 'large'])); 33// Render indicator 34let defaultIndicator = null; 35function renderIndicator(prefixCls, props) { 36 const { 37 indicator 38 } = props; 39 const dotClassName = `${prefixCls}-dot`; 40 // should not be render default indicator when indicator value is null 41 if (indicator === null) { 42 return null; 43 } 44 if ((0, _reactNode.isValidElement)(indicator)) { 45 return (0, _reactNode.cloneElement)(indicator, { 46 className: (0, _classnames.default)(indicator.props.className, dotClassName) 47 }); 48 } 49 if ((0, _reactNode.isValidElement)(defaultIndicator)) { 50 return (0, _reactNode.cloneElement)(defaultIndicator, { 51 className: (0, _classnames.default)(defaultIndicator.props.className, dotClassName) 52 }); 53 } 54 return /*#__PURE__*/React.createElement("span", { 55 className: (0, _classnames.default)(dotClassName, `${prefixCls}-dot-spin`) 56 }, /*#__PURE__*/React.createElement("i", { 57 className: `${prefixCls}-dot-item`, 58 key: 1 59 }), /*#__PURE__*/React.createElement("i", { 60 className: `${prefixCls}-dot-item`, 61 key: 2 62 }), /*#__PURE__*/React.createElement("i", { 63 className: `${prefixCls}-dot-item`, 64 key: 3 65 }), /*#__PURE__*/React.createElement("i", { 66 className: `${prefixCls}-dot-item`, 67 key: 4 68 })); 69} 70function shouldDelay(spinning, delay) { 71 return !!spinning && !!delay && !isNaN(Number(delay)); 72} 73const Spin = props => { 74 const { 75 prefixCls: customizePrefixCls, 76 spinning: customSpinning = true, 77 delay = 0, 78 className, 79 rootClassName, 80 size = 'default', 81 tip, 82 wrapperClassName, 83 style, 84 children, 85 fullscreen 86 } = props, 87 restProps = __rest(props, ["prefixCls", "spinning", "delay", "className", "rootClassName", "size", "tip", "wrapperClassName", "style", "children", "fullscreen"]); 88 const { 89 getPrefixCls 90 } = React.useContext(_configProvider.ConfigContext); 91 const prefixCls = getPrefixCls('spin', customizePrefixCls); 92 const [wrapCSSVar, hashId, cssVarCls] = (0, _index.default)(prefixCls); 93 const [spinning, setSpinning] = React.useState(() => customSpinning && !shouldDelay(customSpinning, delay)); 94 React.useEffect(() => { 95 if (customSpinning) { 96 const showSpinning = (0, _throttleDebounce.debounce)(delay, () => { 97 setSpinning(true); 98 }); 99 showSpinning(); 100 return () => { 101 var _a; 102 (_a = showSpinning === null || showSpinning === void 0 ? void 0 : showSpinning.cancel) === null || _a === void 0 ? void 0 : _a.call(showSpinning); 103 }; 104 } 105 setSpinning(false); 106 }, [delay, customSpinning]); 107 const isNestedPattern = React.useMemo(() => typeof children !== 'undefined' && !fullscreen, [children, fullscreen]); 108 if (false) {} 109 const { 110 direction, 111 spin 112 } = React.useContext(_configProvider.ConfigContext); 113 const spinClassName = (0, _classnames.default)(prefixCls, spin === null || spin === void 0 ? void 0 : spin.className, { 114 [`${prefixCls}
vendor: 10,334 bytes, lines 114-427
114-sm`]: size === 'small', 115 [`${prefixCls}-lg`]: size === 'large', 116 [`${prefixCls}-spinning`]: spinning, 117 [`${prefixCls}-show-text`]: !!tip, 118 [`${prefixCls}-fullscreen`]: fullscreen, 119 [`${prefixCls}-fullscreen-show`]: fullscreen && spinning, 120 [`${prefixCls}-rtl`]: direction === 'rtl' 121 }, className, rootClassName, hashId, cssVarCls); 122 const containerClassName = (0, _classnames.default)(`${prefixCls}-container`, { 123 [`${prefixCls}-blur`]: spinning 124 }); 125 // fix https://fb.me/react-unknown-prop 126 const divProps = (0, _omit.default)(restProps, ['indicator']); 127 const mergedStyle = Object.assign(Object.assign({}, spin === null || spin === void 0 ? void 0 : spin.style), style); 128 const spinElement = /*#__PURE__*/React.createElement("div", Object.assign({}, divProps, { 129 style: mergedStyle, 130 className: spinClassName, 131 "aria-live": "polite", 132 "aria-busy": spinning 133 }), renderIndicator(prefixCls, props), tip && (isNestedPattern || fullscreen) ? ( /*#__PURE__*/React.createElement("div", { 134 className: `${prefixCls}-text` 135 }, tip)) : null); 136 if (isNestedPattern) { 137 return wrapCSSVar( /*#__PURE__*/React.createElement("div", Object.assign({}, divProps, { 138 className: (0, _classnames.default)(`${prefixCls}-nested-loading`, wrapperClassName, hashId, cssVarCls) 139 }), spinning && /*#__PURE__*/React.createElement("div", { 140 key: "loading" 141 }, spinElement), /*#__PURE__*/React.createElement("div", { 142 className: containerClassName, 143 key: "container" 144 }, children))); 145 } 146 return wrapCSSVar(spinElement); 147}; 148Spin.setDefaultIndicator = indicator => { 149 defaultIndicator = indicator; 150}; 151if (false) {} 152var _default = exports["default"] = Spin; 153 154/***/ }), 155 156/***/ 809405: 157/***/ (function(__unused_webpack_module, exports, __webpack_require__) { 158 159 160 161Object.defineProperty(exports, "__esModule", ({ 162 value: true 163})); 164exports.prepareComponentToken = exports["default"] = void 0; 165var _cssinjs = __webpack_require__(788422); 166var _style = __webpack_require__(198078); 167var _internal = __webpack_require__(903184); 168const antSpinMove = new _cssinjs.Keyframes('antSpinMove', { 169 to: { 170 opacity: 1 171 } 172}); 173const antRotate = new _cssinjs.Keyframes('antRotate', { 174 to: { 175 transform: 'rotate(405deg)' 176 } 177}); 178const genSpinStyle = token => { 179 const { 180 componentCls, 181 calc 182 } = token; 183 return { 184 [`${componentCls}`]: Object.assign(Object.assign({}, (0, _style.resetComponent)(token)), { 185 position: 'absolute', 186 display: 'none', 187 color: token.colorPrimary, 188 fontSize: 0, 189 textAlign: 'center', 190 verticalAlign: 'middle', 191 opacity: 0, 192 transition: `transform ${token.motionDurationSlow} ${token.motionEaseInOutCirc}`, 193 '&-spinning': { 194 position: 'static', 195 display: 'inline-block', 196 opacity: 1 197 }, 198 [`${componentCls}-text`]: { 199 fontSize: token.fontSize, 200 paddingTop: calc(calc(token.dotSize).sub(token.fontSize)).div(2).add(2).equal() 201 }, 202 '&-fullscreen': { 203 position: 'fixed', 204 width: '100vw', 205 height: '100vh', 206 backgroundColor: token.colorBgMask, 207 zIndex: token.zIndexPopupBase, 208 inset: 0, 209 display: 'flex', 210 alignItems: 'center', 211 flexDirection: 'column', 212 justifyContent: 'center', 213 opacity: 0, 214 visibility: 'hidden', 215 transition: `all ${token.motionDurationMid}`, 216 '&-show': { 217 opacity: 1, 218 visibility: 'visible' 219 }, 220 [`${componentCls}-dot ${componentCls}-dot-item`]: { 221 backgroundColor: token.colorWhite 222 }, 223 [`${componentCls}-text`]: { 224 color: token.colorTextLightSolid 225 } 226 }, 227 '&-nested-loading': { 228 position: 'relative', 229 [`> div > ${componentCls}`]: { 230 position: 'absolute', 231 top: 0, 232 insetInlineStart: 0, 233 zIndex: 4, 234 display: 'block', 235 width: '100%', 236 height: '100%', 237 maxHeight: token.contentHeight, 238 [`${componentCls}-dot`]: { 239 position: 'absolute', 240 top: '50%', 241 insetInlineStart: '50%', 242 margin: calc(token.dotSize).mul(-1).div(2).equal() 243 }, 244 [`${componentCls}-text`]: { 245 position: 'absolute', 246 top: '50%', 247 width: '100%', 248 textShadow: `0 1px 2px ${token.colorBgContainer}` // FIXME: shadow 249 }, 250 [`&${componentCls}-show-text ${componentCls}-dot`]: { 251 marginTop: calc(token.dotSize).div(2).mul(-1).sub(10).equal() 252 }, 253 '&-sm': { 254 [`${componentCls}-dot`]: { 255 margin: calc(token.dotSizeSM).mul(-1).div(2).equal() 256 }, 257 [`${componentCls}-text`]: { 258 paddingTop: calc(calc(token.dotSizeSM).sub(token.fontSize)).div(2).add(2).equal() 259 }, 260 [`&${componentCls}-show-text ${componentCls}-dot`]: { 261 marginTop: calc(token.dotSizeSM).div(2).mul(-1).sub(10).equal() 262 } 263 }, 264 '&-lg': { 265 [`${componentCls}-dot`]: { 266 margin: calc(token.dotSizeLG).mul(-1).div(2).equal() 267 }, 268 [`${componentCls}-text`]: { 269 paddingTop: calc(calc(token.dotSizeLG).sub(token.fontSize)).div(2).add(2).equal() 270 }, 271 [`&${componentCls}-show-text ${componentCls}-dot`]: { 272 marginTop: calc(token.dotSizeLG).div(2).mul(-1).sub(10).equal() 273 } 274 } 275 }, 276 [`${componentCls}-container`]: { 277 position: 'relative', 278 transition: `opacity ${token.motionDurationSlow}`, 279 '&::after': { 280 position: 'absolute', 281 top: 0, 282 insetInlineEnd: 0, 283 bottom: 0, 284 insetInlineStart: 0, 285 zIndex: 10, 286 width: '100%', 287 height: '100%', 288 background: token.colorBgContainer, 289 opacity: 0, 290 transition: `all ${token.motionDurationSlow}`, 291 content: '""', 292 pointerEvents: 'none' 293 } 294 }, 295 [`${componentCls}-blur`]: { 296 clear: 'both', 297 opacity: 0.5, 298 userSelect: 'none', 299 pointerEvents: 'none', 300 [`&::after`]: { 301 opacity: 0.4, 302 pointerEvents: 'auto' 303 } 304 } 305 }, 306 // tip 307 // ------------------------------ 308 [`&-tip`]: { 309 color: token.spinDotDefault 310 }, 311 // dots 312 // ------------------------------ 313 [`${componentCls}-dot`]: { 314 position: 'relative', 315 display: 'inline-block', 316 fontSize: token.dotSize, 317 width: '1em', 318 height: '1em', 319 '&-item': { 320 position: 'absolute', 321 display: 'block', 322 width: calc(token.dotSize).sub(calc(token.marginXXS).div(2)).div(2).equal(), 323 height: calc(token.dotSize).sub(calc(token.marginXXS).div(2)).div(2).equal(), 324 backgroundColor: token.colorPrimary, 325 borderRadius: '100%', 326 transform: 'scale(0.75)', 327 transformOrigin: '50% 50%', 328 opacity: 0.3, 329 animationName: antSpinMove, 330 animationDuration: '1s', 331 animationIterationCount: 'infinite', 332 animationTimingFunction: 'linear', 333 animationDirection: 'alternate', 334 '&:nth-child(1)': { 335 top: 0, 336 insetInlineStart: 0, 337 animationDelay: '0s' 338 }, 339 '&:nth-child(2)': { 340 top: 0, 341 insetInlineEnd: 0, 342 animationDelay: '0.4s' 343 }, 344 '&:nth-child(3)': { 345 insetInlineEnd: 0, 346 bottom: 0, 347 animationDelay: '0.8s' 348 }, 349 '&:nth-child(4)': { 350 bottom: 0, 351 insetInlineStart: 0, 352 animationDelay: '1.2s' 353 } 354 }, 355 '&-spin': { 356 transform: 'rotate(45deg)', 357 animationName: antRotate, 358 animationDuration: '1.2s', 359 animationIterationCount: 'infinite', 360 animationTimingFunction: 'linear' 361 } 362 }, 363 // small 364 [`&-sm ${componentCls}-dot`]: { 365 fontSize: token.dotSizeSM, 366 i: { 367 width: calc(calc(token.dotSizeSM).sub(calc(token.marginXXS).div(2))).div(2).equal(), 368 height: calc(calc(token.dotSizeSM).sub(calc(token.marginXXS).div(2))).div(2).equal() 369 } 370 }, 371 // large 372 [`&-lg ${componentCls}-dot`]: { 373 fontSize: token.dotSizeLG, 374 i: { 375 width: calc(calc(token.dotSizeLG).sub(token.marginXXS)).div(2).equal(), 376 height: calc(calc(token.dotSizeLG).sub(token.marginXXS)).div(2).equal() 377 } 378 }, 379 [`&${componentCls}-show-text ${componentCls}-text`]: { 380 display: 'block' 381 } 382 }) 383 }; 384}; 385const prepareComponentToken = token => { 386 const { 387 controlHeightLG, 388 controlHeight 389 } = token; 390 return { 391 contentHeight: 400, 392 dotSize: controlHeightLG / 2, 393 dotSizeSM: controlHeightLG * 0.35, 394 dotSizeLG: controlHeight 395 }; 396}; 397// ============================== Export ============================== 398exports.prepareComponentToken = prepareComponentToken; 399var _default = exports["default"] = (0, _internal.genStyleHooks)('Spin', token => { 400 const spinToken = (0, _internal.mergeToken)(token, { 401 spinDotDefault: token.colorTextDescription 402 }); 403 return [genSpinStyle(spinToken)]; 404}, prepareComponentToken); 405 406/***/ }), 407 408/***/ 194704: 409/***/ (function(__unused_webpack_module, exports, __webpack_require__) { 410 411var __webpack_unused_export__; 412 413"use client"; 414 415var _interopRequireWildcard = (__webpack_require__(475263)["default"]); 416var _interopRequireDefault = (__webpack_require__(564836)["default"]); 417__webpack_unused_export__ = ({ 418 value: true 419}); 420exports.Z = void 0; 421var _CheckOutlined = _interopRequireDefault(__webpack_require__(271961)); 422var _CloseOutlined = _interopRequireDefault(__webpack_require__(740753)); 423var _classnames = _interopRequireDefault(__webpack_require__(294184)); 424var _rcSteps = _interopRequireDefault(__webpack_require__(592543)); 425var React = _interopRequireWildcard(__webpack_require__(667294)); 426var _configProvider = __webpack_require__(731929); 427var _useSize = _interopRequireDefault(__webpack_require__(365693));
428var _useBreakpoint = _interopRequireDefault(__webpack_require__(60872)); 429var _progress = _interopRequireDefault(__webpack_require__(674806)); 430var _tooltip = _interopRequireDefault(__webpack_require__(794055)); 431var _style = _interopRequireDefault(__webpack_require__(662642)); 432var _useLegacyItems = _interopRequireDefault(__webpack_require__(979085)); 433var __rest = void 0 && (void 0).__rest || function (s, e) { 434 var t = {}; 435 for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p]; 436 if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) { 437 if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]]; 438 } 439 return t; 440}; 441const Steps = props => { 442 const { 443 percent, 444 size: customizeSize, 445 className, 446 rootClassName, 447 direction, 448 items, 449 responsive = true, 450 current = 0, 451 children, 452 style 453 } = props, 454 restProps = __rest(props, ["percent", "size", "className", "rootClassName", "direction", "items", "responsive", "current", "children", "style"]); 455 const { 456 xs 457 } = (0, _useBreakpoint.default)(responsive); 458 const { 459 getPrefixCls, 460 direction: rtlDirection, 461 steps 462 } = React.useContext(_configProvider.ConfigContext); 463 const realDirectionValue = React.useMemo(() => responsive && xs ? 'vertical' : direction, [xs, direction]); 464 const size = (0, _useSize.default)(customizeSize); 465 const prefixCls = getPrefixCls('steps', props.prefixCls); 466 const [wrapCSSVar, hashId, cssVarCls] = (0, _style.default)(prefixCls); 467 const isInline = props.type === 'inline'; 468 const iconPrefix = getPrefixCls('', props.iconPrefix); 469 const mergedItems = (0, _useLegacyItems.default)(items, children); 470 const mergedPercent = isInline ? undefined : percent; 471 const mergedStyle = Object.assign(Object.assign({}, steps === null || steps === void 0 ? void 0 : steps.style), style); 472 const stepsClassName = (0, _classnames.default)(steps === null || steps === void 0 ? void 0 : steps.className, { 473 [`${prefixCls}-rtl`]: rtlDirection === 'rtl', 474 [`${prefixCls}-with-progress`]: mergedPercent !== undefined 475 }, className, rootClassName, hashId, cssVarCls); 476 const icons = { 477 finish: /*#__PURE__*/React.createElement(_CheckOutlined.default, { 478 className: `${prefixCls}-finish-icon` 479 }), 480 error: /*#__PURE__*/React.createElement(_CloseOutlined.default, { 481 className: `${prefixCls}-error-icon` 482 }) 483 }; 484 const stepIconRender = _ref => { 485 let { 486 node, 487 status 488 } = _ref; 489 if (status === 'process' && mergedPercent !== undefined) { 490 // currently it's hard-coded, since we can't easily read the actually width of icon 491 const progressWidth = size === 'small' ? 32 : 40; 492 // iconWithProgress 493 return /*#__PURE__*/React.createElement("div", { 494 className: `${prefixCls}-progress-icon` 495 }, /*#__PURE__*/React.createElement(_progress.default, { 496 type: "circle", 497 percent: mergedPercent, 498 size: progressWidth, 499 strokeWidth: 4, 500 format: () => null 501 }), node); 502 } 503 return node; 504 }; 505 const itemRender = (item, stepItem) => item.description ? /*#__PURE__*/React.createElement(_tooltip.default, { 506 title: item.description 507 }, stepItem) : stepItem; 508 return wrapCSSVar( /*#__PURE__*/React.createElement(_rcSteps.default, Object.assign({ 509 icons: icons 510 }, restProps, { 511 style: mergedStyle, 512 current: current, 513 size: size, 514 items: mergedItems, 515 itemRender: isInline ? itemRender : undefined, 516 stepIcon: stepIconRender, 517 direction: realDirectionValue, 518 prefixCls: prefixCls, 519 iconPrefix: iconPrefix, 520 className: stepsClassName 521 }))); 522}; 523Steps.Step = _rcSteps.default.Step; 524if (false) {} 525var _default = exports.Z = Steps; 526 527/***/ }), 528 529/***/ 200844: 530/***/ (function(__unused_webpack_module, exports, __webpack_require__) { 531 532 533 534Object.defineProperty(exports, "__esModule", ({ 535 value: true 536})); 537exports["default"] = void 0; 538var _cssinjs = __webpack_require__(788422); 539const genStepsCustomIconStyle = token => { 540 const { 541 componentCls, 542 customIconTop, 543 customIconSize, 544 customIconFontSize 545 } = token; 546 return { 547 [`${componentCls}-item-custom`]: { 548 [`> ${componentCls}-item-container > ${componentCls}-item-icon`]: { 549 height: 'auto', 550 background: 'none', 551 border: 0, 552 [`> ${componentCls}-icon`]: { 553 top: customIconTop, 554 width: customIconSize, 555 height: customIconSize, 556 fontSize: customIconFontSize, 557 lineHeight: `${(0, _cssinjs.unit)(customIconFontSize)}` 558 } 559 } 560 }, 561 // Only adjust horizontal customize icon width 562 [`&:not(${componentCls}
562-vertical)`]: { 563 [`${componentCls}-item-custom`]: { 564 [`${componentCls}-item-icon`]: { 565 width: 'auto', 566 background: 'none' 567 } 568 } 569 } 570 }; 571}; 572var _default = exports["default"] = genStepsCustomIconStyle; 573 574/***/ }), 575 576/***/ 662642: 577/***/ (function(__unused_webpack_module, exports, __webpack_require__) { 578 579 580"use client"; 581 582var _interopRequireDefault = (__webpack_require__(564836)["default"]); 583Object.defineProperty(exports, "__esModule", ({ 584 value: true 585})); 586exports.prepareComponentToken = exports["default"] = void 0; 587var _cssinjs = __webpack_require__(788422); 588var _style = __webpack_require__(198078); 589var _internal = __webpack_require__(903184); 590var _customIcon = _interopRequireDefault(__webpack_require__(200844)); 591var _inline = _interopRequireDefault(__webpack_require__(587425)); 592var _labelPlacement = _interopRequireDefault(__webpack_require__(203558)); 593var _nav = _interopRequireDefault(__webpack_require__(700230)); 594var _progress = _interopRequireDefault(__webpack_require__(731758)); 595var _progressDot = _interopRequireDefault(__webpack_require__(120711)); 596var _rtl = _interopRequireDefault(__webpack_require__(489507)); 597var _small = _interopRequireDefault(__webpack_require__(550599)); 598var _vertical = _interopRequireDefault(__webpack_require__(22364)); 599var StepItemStatusEnum; 600(function (StepItemStatusEnum) { 601 StepItemStatusEnum["wait"] = "wait"; 602 StepItemStatusEnum["process"] = "process"; 603 StepItemStatusEnum["finish"] = "finish"; 604 StepItemStatusEnum["error"] = "error"; 605})(StepItemStatusEnum || (StepItemStatusEnum = {})); 606const genStepsItemStatusStyle = (status, token) => { 607 const prefix = `${token.componentCls}-item`; 608 const iconColorKey = `${status}IconColor`; 609 const titleColorKey = `${status}TitleColor`; 610 const descriptionColorKey = `${status}DescriptionColor`; 611 const tailColorKey = `${status}TailColor`; 612 const iconBgColorKey = `${status}IconBgColor`; 613 const iconBorderColorKey = `${status}IconBorderColor`; 614 const dotColorKey = `${status}DotColor`; 615 return { 616 [`${prefix}-${status} ${prefix}-icon`]: { 617 backgroundColor: token[iconBgColorKey], 618 borderColor: token[iconBorderColorKey], 619 [`> ${token.componentCls}-icon`]: { 620 color: token[iconColorKey], 621 [`${token.componentCls}-icon-dot`]: { 622 background: token[dotColorKey] 623 } 624 } 625 }, 626 [`${prefix}-${status}${prefix}-custom ${prefix}-icon`]: { 627 [`> ${token.componentCls}-icon`]: { 628 color: token[dotColorKey] 629 } 630 }, 631 [`${prefix}-${status} > ${prefix}-container > ${prefix}-content > ${prefix}-title`]: { 632 color: token[titleColorKey], 633 '&::after': { 634 backgroundColor: token[tailColorKey] 635 } 636 }, 637 [`${prefix}-${status} > ${prefix}-container > ${prefix}-content > ${prefix}-description`]: { 638 color: token[descriptionColorKey] 639 }, 640 [`${prefix}-${status} > ${prefix}-container > ${prefix}-tail::after`]: { 641 backgroundColor: token[tailColorKey] 642 } 643 }; 644}; 645const genStepsItemStyle = token => { 646 const { 647 componentCls, 648 motionDurationSlow 649 } = token; 650 const stepsItemCls = `${componentCls}-item`; // .ant-steps-item 651 const stepItemIconCls = `${stepsItemCls}-icon`; 652 return Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({ 653 [stepsItemCls]: { 654 position: 'relative', 655 display: 'inline-block', 656 flex: 1, 657 overflow: 'hidden', 658 verticalAlign: 'top', 659 '&:last-child': { 660 flex: 'none', 661 [`> ${stepsItemCls}-container > ${stepsItemCls}-tail, > ${stepsItemCls}-container > ${stepsItemCls}-content > ${stepsItemCls}-title::after`]: { 662 display: 'none' 663 } 664 } 665 }, 666 [`${stepsItemCls}-container`]: { 667 outline: 'none', 668 [`&:focus-visible`]: { 669 [stepItemIconCls]: Object.assign({}, (0, _style.genFocusOutline)(token)) 670 } 671 }, 672 [`${stepItemIconCls}, ${stepsItemCls}-content`]: { 673 display: 'inline-block', 674 verticalAlign: 'top' 675 }, 676 [stepItemIconCls]: { 677 width: token.iconSize, 678 height: token.iconSize, 679 marginTop: 0, 680 marginBottom: 0, 681 marginInlineStart: 0, 682 marginInlineEnd: token.marginXS, 683 fontSize: token.iconFontSize, 684 fontFamily: token.fontFamily, 685 lineHeight: `${(0, _cssinjs.unit)(token.iconSize)}`, 686 textAlign: 'center', 687 borderRadius: token.iconSize, 688 border: `${(0, _cssinjs.unit)(token.lineWidth)} ${token.lineType} transparent`, 689 transition: `background-color ${motionDurationSlow}, border-color ${motionDurationSlow}`, 690 [`${componentCls}-icon`]: { 691 position: 'relative', 692 top: token.iconTop, 693 color: token.colorPrimary, 694 lineHeight: 1 695 } 696 }, 697 [`${stepsItemCls}-tail`]: { 698 position: 'absolute', 699 top: token.calc(token.iconSize).div(2).sub(token.paddingXXS).equal(), 700 insetInlineStart: 0, 701 width: '100%', 702 '&::after': { 703 display: 'inline-block', 704 width: '100%', 705 height: token.lineWidth, 706 background: token.colorSplit, 707 borderRadius: token.lineWidth, 708 transition: `background ${motionDurationSlow}`, 709 content: '""' 710 } 711 }, 712 [`${stepsItemCls}-title`]: { 713 position: 'relative', 714 display: 'inline-block', 715 paddingInlineEnd: token.padding, 716 color: token.colorText, 717 fontSize: token.fontSizeLG, 718 lineHeight: `${(0, _cssinjs.unit)(token.titleLineHeight)}`, 719 '&::after': { 720 position: 'absolute', 721 top: token.calc(token.titleLineHeight).div(2).equal(), 722 insetInlineStart: '100%', 723 display: 'block', 724 width: 9999, 725 height: token.lineWidth, 726 background: token.processTailColor, 727 content: '""' 728 } 729 }, 730 [`${stepsItemCls}-subtitle`]: { 731 display: 'inline', 732 marginInlineStart: token.marginXS, 733 color: token.colorTextDescription, 734 fontWeight: 'normal', 735 fontSize: token.fontSize 736 }, 737 [`${stepsItemCls}-description`]: { 738 color: token.colorTextDescription, 739 fontSize: token.fontSize 740 } 741 }, genStepsItemStatusStyle(StepItemStatusEnum.wait, token)), genStepsItemStatusStyle(StepItemStatusEnum.process, token)), { 742 [`${stepsItemCls}-process > ${stepsItemCls}-container > ${stepsItemCls}-title`]: { 743 fontWeight: token.fontWeightStrong 744 } 745 }), genStepsItemStatusStyle(StepItemStatusEnum.finish, token)), genStepsItemStatusStyle(StepItemStatusEnum.error, token)), { 746 [`${stepsItemCls}${componentCls}-next-error > ${componentCls}-item-title::after`]: { 747 background: token.colorError 748 }, 749 [`${stepsItemCls}-disabled`]: { 750 cursor: 'not-allowed' 751 } 752 }); 753}; 754// ============================= Clickable =========================== 755const genStepsClickableStyle = token => { 756 const { 757 componentCls, 758 motionDurationSlow 759 } = token; 760 return { 761 [`& ${componentCls}-item`]: { 762 [`&:not(${componentCls}-item-active)`]: { 763 [`& > ${componentCls}-item-container[role='button']`]: { 764 cursor: 'pointer', 765 [`${componentCls}-item`]: { 766 [`&-title, &-subtitle, &-description, &-icon ${componentCls}-icon`]: { 767 transition: `color ${motionDurationSlow}` 768 } 769 }, 770 '&:hover': { 771 [`${componentCls}-item`]: { 772 [`&-title, &-subtitle, &-description`]: { 773 color: token.colorPrimary 774 } 775 } 776 } 777 }, 778 [`&:not(${componentCls}-item-process)`]: { 779 [`& > ${componentCls}-item-container[role='button']:hover`]: { 780 [`${componentCls}-item`]: { 781 '&-icon': { 782 borderColor: token.colorPrimary, 783 [`${componentCls}-icon`]: { 784 color: token.colorPrimary 785 } 786 } 787 } 788 } 789 } 790 } 791 }, 792 [`&${componentCls}-horizontal:not(${componentCls}-label-vertical)`]: { 793 [`${componentCls}-item`]: { 794 paddingInlineStart: token.padding, 795 whiteSpace: 'nowrap', 796 '&:first-child': { 797 paddingInlineStart: 0 798 }, 799 [`&:last-child ${componentCls}-item-title`]: { 800 paddingInlineEnd: 0 801 }, 802 '&-tail': { 803 display: 'none' 804 }, 805 '&-description': { 806 maxWidth: token.descriptionMaxWidth, 807 whiteSpace: 'normal' 808 } 809 } 810 } 811 }; 812}; 813const genStepsStyle = token => { 814 const { 815 componentCls 816 } = token; // .ant-steps 817 return { 818 [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)(token)), { 819 display: 'flex', 820 width: '100%', 821 fontSize: 0, 822 textAlign: 'initial' 823 }), genStepsItemStyle(token)), genStepsClickableStyle(token)), (0, _customIcon.default)(token)), (0, _small.default)(token)), (0, _vertical.default)(token)), (0, _labelPlacement.default)(token)), (0, _progressDot.default)(token)), (0, _nav.default)(token)), (0, _rtl.default)(token)), (0, _progress.default)(token)), (0, _inline.default)(token)) 824 }; 825}; 826// ============================== Export ============================== 827const prepareComponentToken = token => ({ 828 titleLineHeight: token.controlHeight, 829 customIconSize: token.controlHeight, 830 customIconTop: 0, 831 customIconFontSize: token.controlHeightSM, 832 iconSize: token.controlHeight, 833 iconTop: -0.5, 834 // magic for ui experience 835 iconFontSize: token.fontSize, 836 iconSizeSM: token.fontSizeHeading3, 837 dotSize: token.controlHeight / 4, 838 dotCurrentSize: token.controlHeightLG / 4, 839 navArrowColor: token.colorTextDisabled, 840 navContentMaxWidth: 'auto', 841 descriptionMaxWidth: 140, 842 waitIconColor: token.wireframe ? token.colorTextDisabled : token.colorTextLabel, 843 waitIconBgColor: token.wireframe ? token.colorBgContainer : token.colorFillContent, 844 waitIconBorderColor: token.wireframe ? token.colorTextDisabled : 'transparent', 845 finishIconBgColor: token.wireframe ? token.colorBgContainer : token.controlItemBgActive, 846 finishIconBorderColor: token.wireframe ? token.colorPrimary : token.controlItemBgActive 847}); 848exports.prepareComponentToken = prepareComponentToken; 849var _default = exports["default"] = (0, _internal.genStyleHooks)('Steps', token => { 850 const { 851 colorTextDisabled, 852 controlHeightLG, 853 colorTextLightSolid, 854 colorText, 855 colorPrimary, 856 colorTextDescription, 857 colorTextQuaternary, 858 colorError, 859 colorBorderSecondary, 860 colorSplit 861 } = token; 862 const stepsToken = (0, _internal.mergeToken)(token, { 863 // Steps component less variable 864 processIconColor: colorTextLightSolid, 865 processTitleColor: colorText, 866 processDescriptionColor: colorText, 867 processIconBgColor: colorPrimary, 868 processIconBorderColor: colorPrimary, 869 processDotColor: colorPrimary, 870 processTailColor: colorSplit, 871 waitTitleColor: colorTextDescription, 872 waitDescriptionColor: colorTextDescription, 873 waitTailColor: colorSplit, 874 waitDotColor: colorTextDisabled, 875 finishIconColor: colorPrimary, 876 finishTitleColor: colorText, 877 finishDescriptionColor: colorTextDescription, 878 finishTailColor: colorPrimary, 879 finishDotColor: colorPrimary, 880 errorIconColor: colorTextLightSolid, 881 errorTitleColor: colorError, 882 errorDescriptionColor: colorError, 883 errorTailColor: colorSplit, 884 errorIconBgColor: colorError, 885 errorIconBorderColor: colorError, 886 errorDotColor: colorError, 887 stepsNavActiveColor: colorPrimary, 888 stepsProgressSize: controlHeightLG, 889 // Steps inline variable 890 inlineDotSize: 6, 891 inlineTitleColor: colorTextQuaternary, 892 inlineTailColor: colorBorderSecondary 893 }); 894 return [genStepsStyle(stepsToken)]; 895}, prepareComponentToken); 896 897/***/ }), 898 899/***/ 587425:
900/***/ (function(__unused_webpack_module, exports, __webpack_require__) { 901 902 903 904Object.defineProperty(exports, "__esModule", ({ 905 value: true 906})); 907exports["default"] = void 0; 908var _cssinjs = __webpack_require__(788422); 909const genStepsInlineStyle = token => { 910 const { 911 componentCls, 912 inlineDotSize, 913 inlineTitleColor, 914 inlineTailColor 915 } = token; 916 const containerPaddingTop = token.calc(token.paddingXS).add(token.lineWidth).equal(); 917 const titleStyle = { 918 [`${componentCls}-item-container ${componentCls}-item-content ${componentCls}-item-title`]: { 919 color: inlineTitleColor 920 } 921 }; 922 return { 923 [`&${componentCls}-inline`]: { 924 width: 'auto', 925 display: 'inline-flex', 926 [`${componentCls}-item`]: { 927 flex: 'none', 928 '&-container': { 929 padding: `${(0, _cssinjs.unit)(containerPaddingTop)} ${(0, _cssinjs.unit)(token.paddingXXS)} 0`, 930 margin: `0 ${(0, _cssinjs.unit)(token.calc(token.marginXXS).div(2).equal())}`, 931 borderRadius: token.borderRadiusSM, 932 cursor: 'pointer', 933 transition: `background-color ${token.motionDurationMid}`, 934 '&:hover': { 935 background: token.controlItemBgHover 936 }, 937 [`&[role='button']:hover`]: { 938 opacity: 1 939 } 940 }, 941 '&-icon': { 942 width: inlineDotSize, 943 height: inlineDotSize, 944 marginInlineStart: `calc(50% - ${(0, _cssinjs.unit)(token.calc(inlineDotSize).div(2).equal())})`, 945 [`> ${componentCls}-icon`]: { 946 top: 0 947 }, 948 [`${componentCls}-icon-dot`]: { 949 borderRadius: token.calc(token.fontSizeSM).div(4).equal() 950 } 951 }, 952 '&-content': { 953 width: 'auto', 954 marginTop: token.calc(token.marginXS).sub(token.lineWidth).equal() 955 }, 956 '&-title': { 957 color: inlineTitleColor, 958 fontSize: token.fontSizeSM, 959 lineHeight: token.lineHeightSM, 960 fontWeight: 'normal', 961 marginBottom: token.calc(token.marginXXS).div(2).equal() 962 }, 963 '&-description': { 964 display: 'none' 965 }, 966 '&-tail': { 967 marginInlineStart: 0, 968 top: token.calc(inlineDotSize).div(2).add(containerPaddingTop).equal(), 969 transform: `translateY(-50%)`, 970 '&:after': { 971 width: '100%', 972 height: token.lineWidth, 973 borderRadius: 0, 974 marginInlineStart: 0, 975 background: inlineTailColor 976 } 977 }, 978 [`&:first-child ${componentCls}-item-tail`]: { 979 width: '50%', 980 marginInlineStart: '50%' 981 }, 982 [`&:last-child ${componentCls}-item-tail`]: { 983 display: 'block', 984 width: '50%' 985 }, 986 '&-wait': Object.assign({ 987 [`${componentCls}-item-icon ${componentCls}-icon ${componentCls}-icon-dot`]: { 988 backgroundColor: token.colorBorderBg, 989 border: `${(0, _cssinjs.unit)(token.lineWidth)} ${token.lineType} ${inlineTailColor}` 990 } 991 }, titleStyle), 992 '&-finish': Object.assign({ 993 [`${componentCls}-item-tail::after`]: { 994 backgroundColor: inlineTailColor 995 }, 996 [`${componentCls}-item-icon ${componentCls}-icon ${componentCls}-icon-dot`]: { 997 backgroundColor: inlineTailColor, 998 border: `${(0, _cssinjs.unit)(token.lineWidth)} ${token.lineType} ${inlineTailColor}` 999 } 1000 }, titleStyle), 1001 '&-error': titleStyle, 1002 '&-active, &-process': Object.assign({ 1003 [`${componentCls}-item-icon`]: { 1004 width: inlineDotSize, 1005 height: inlineDotSize, 1006 marginInlineStart: `calc(50% - ${(0, _cssinjs.unit)(token.calc(inlineDotSize).div(2).equal())})`, 1007 top: 0 1008 } 1009 }, titleStyle), 1010 [`&:not(${componentCls}-item-active) > ${componentCls}-item-container[role='button']:hover`]: { 1011 [`${componentCls}-item-title`]: { 1012 color: inlineTitleColor 1013 } 1014 } 1015 } 1016 } 1017 }; 1018}; 1019var _default = exports["default"] = genStepsInlineStyle; 1020 1021/***/ }), 1022 1023/***/ 203558: 1024/***/ (function(__unused_webpack_module, exports, __webpack_require__) { 1025 1026 1027 1028Object.defineProperty(exports, "__esModule", ({ 1029 value: true 1030})); 1031exports["default"] = void 0; 1032var _cssinjs = __webpack_require__(788422); 1033const genStepsLabelPlacementStyle = token => { 1034 const { 1035 componentCls, 1036 iconSize, 1037 lineHeight, 1038 iconSizeSM 1039 } = token; 1040 return { 1041 [`&${componentCls}-label-vertical`]: { 1042 [`${componentCls}-item`]: { 1043 overflow: 'visible', 1044 '&-tail': { 1045 marginInlineStart: token.calc(iconSize).div(2).add(token.controlHeightLG).equal(), 1046 padding: `${(0, _cssinjs.unit)(token.paddingXXS)} ${(0, _cssinjs.unit)(token.paddingLG)}` 1047 }, 1048 '&-content': { 1049 display: 'block', 1050 width: token.calc(iconSize).div(2).add(token.controlHeightLG).mul(2).equal(), 1051 marginTop: token.marginSM, 1052 textAlign: 'center' 1053 }, 1054 '&-icon': { 1055 display: 'inline-block', 1056 marginInlineStart: token.controlHeightLG 1057 }, 1058 '&-title': { 1059 paddingInlineEnd: 0, 1060 paddingInlineStart: 0, 1061 '&::after': { 1062 display: 'none' 1063 } 1064 }, 1065 '&-subtitle': { 1066 display: 'block', 1067 marginBottom: token.marginXXS, 1068 marginInlineStart: 0, 1069 lineHeight 1070 } 1071 }, 1072 [`&${componentCls}-small:not(${componentCls}-dot)`]: { 1073 [`${componentCls}-item`]: { 1074 '&-icon': { 1075 marginInlineStart: token.calc(iconSize).sub(iconSizeSM).div(2).add(token.controlHeightLG).equal() 1076 } 1077 } 1078 } 1079 } 1080 }; 1081}; 1082var _default = exports["default"] = genStepsLabelPlacementStyle; 1083 1084/***/ }), 1085 1086/***/ 700230: 1087/***/ (function(__unused_webpack_module, exports, __webpack_require__) { 1088 1089 1090 1091Object.defineProperty(exports, "__esModule", ({ 1092 value: true 1093})); 1094exports["default"] = void 0; 1095var _cssinjs = __webpack_require__(788422); 1096var _style = __webpack_require__(198078); 1097const genStepsNavStyle = token => { 1098 const { 1099 componentCls, 1100 navContentMaxWidth, 1101 navArrowColor, 1102 stepsNavActiveColor, 1103 motionDurationSlow 1104 } = token; 1105 return { 1106 [`&${componentCls}-navigation`]: { 1107 paddingTop: token.paddingSM, 1108 [`&${componentCls}-small`]: { 1109 [`${componentCls}-item`]: { 1110 '&-container': { 1111 marginInlineStart: token.calc(token.marginSM).mul(-1).equal() 1112 } 1113 } 1114 }, 1115 [`${componentCls}-item`]: { 1116 overflow: 'visible', 1117 textAlign: 'center', 1118 '&-container': { 1119 display: 'inline-block', 1120 height: '100%', 1121 marginInlineStart: token.calc(token.margin).mul(-1).equal(), 1122 paddingBottom: token.paddingSM, 1123 textAlign: 'start', 1124 transition: `opacity ${motionDurationSlow}`, 1125 [`${componentCls}-item-content`]: { 1126 maxWidth: navContentMaxWidth 1127 }, 1128 [`${componentCls}-item-title`]: Object.assign(Object.assign({ 1129 maxWidth: '100%', 1130 paddingInlineEnd: 0 1131 }, _style.textEllipsis), { 1132 '&::after': { 1133 display: 'none' 1134 } 1135 }) 1136 }, 1137 [`&:not(${componentCls}-item-active)`]: { 1138 [`${componentCls}-item-container[role='button']`]: { 1139 cursor: 'pointer', 1140 '&:hover': { 1141 opacity: 0.85 1142 } 1143 } 1144 }, 1145 '&:last-child': { 1146 flex: 1, 1147 '&::after': { 1148 display: 'none' 1149 } 1150 }, 1151 '&::after': { 1152 position: 'absolute', 1153 top: `calc(50% - ${(0, _cssinjs.unit)(token.calc(token.paddingSM).div(2).equal())})`, 1154 insetInlineStart: '100%', 1155 display: 'inline-block', 1156 width: token.fontSizeIcon, 1157 height: token.fontSizeIcon, 1158 borderTop: `${(0, _cssinjs.unit)(token.lineWidth)} ${token.lineType} ${navArrowColor}`, 1159 borderBottom: 'none', 1160 borderInlineStart: 'none', 1161 borderInlineEnd: `${(0, _cssinjs.unit)(token.lineWidth)} ${token.lineType} ${navArrowColor}`, 1162 transform: 'translateY(-50%) translateX(-50%) rotate(45deg)', 1163 content: '""' 1164 }, 1165 '&::before': { 1166 position: 'absolute', 1167 bottom: 0, 1168 insetInlineStart: '50%', 1169 display: 'inline-block', 1170 width: 0, 1171 height: token.lineWidthBold, 1172 backgroundColor: stepsNavActiveColor, 1173 transition: `width ${motionDurationSlow}, inset-inline-start ${motionDurationSlow}`, 1174 transitionTimingFunction: 'ease-out', 1175 content: '""' 1176 } 1177 }, 1178 [`${componentCls}
1178-item${componentCls}-item-active::before`]: { 1179 insetInlineStart: 0, 1180 width: '100%' 1181 } 1182 }, 1183 [`&${componentCls}-navigation${componentCls}-vertical`]: { 1184 [`> ${componentCls}-item`]: { 1185 marginInlineEnd: 0, 1186 '&::before': { 1187 display: 'none' 1188 }, 1189 [`&${componentCls}-item-active::before`]: { 1190 top: 0, 1191 insetInlineEnd: 0, 1192 insetInlineStart: 'unset', 1193 display: 'block', 1194 width: token.calc(token.lineWidth).mul(3).equal(), 1195 height: `calc(100% - ${(0, _cssinjs.unit)(token.marginLG)})` 1196 }, 1197 '&::after': { 1198 position: 'relative', 1199 insetInlineStart: '50%', 1200 display: 'block', 1201 width: token.calc(token.controlHeight).mul(0.25).equal(), 1202 height: token.calc(token.controlHeight).mul(0.25).equal(), 1203 marginBottom: token.marginXS, 1204 textAlign: 'center', 1205 transform: 'translateY(-50%) translateX(-50%) rotate(135deg)' 1206 }, 1207 '&:last-child': { 1208 '&::after': { 1209 display: 'none' 1210 } 1211 }, 1212 [`> ${componentCls}-item-container > ${componentCls}-item-tail`]: { 1213 visibility: 'hidden' 1214 } 1215 } 1216 }, 1217 [`&${componentCls}-navigation${componentCls}-horizontal`]: { 1218 [`> ${componentCls}-item > ${componentCls}-item-container > ${componentCls}-item-tail`]: { 1219 visibility: 'hidden' 1220 } 1221 } 1222 }; 1223}; 1224var _default = exports["default"] = genStepsNavStyle; 1225 1226/***/ }), 1227 1228/***/ 120711: 1229/***/ (function(__unused_webpack_module, exports, __webpack_require__) { 1230 1231 1232 1233Object.defineProperty(exports, "__esModule", ({ 1234 value: true 1235})); 1236exports["default"] = void 0; 1237var _cssinjs = __webpack_require__(788422); 1238const genStepsProgressDotStyle = token => { 1239 const { 1240 componentCls, 1241 descriptionMaxWidth, 1242 lineHeight, 1243 dotCurrentSize, 1244 dotSize, 1245 motionDurationSlow 1246 } = token; 1247 return { 1248 [`&${componentCls}-dot, &${componentCls}-dot${componentCls}-small`]: { 1249 [`${componentCls}-item`]: { 1250 '&-title': { 1251 lineHeight 1252 }, 1253 '&-tail': { 1254 // Math.floor((token.size - token.lineWidth * 3) / 2) 1255 top: token.calc(token.dotSize).sub(token.calc(token.lineWidth).mul(3).equal()).div(2).equal(), 1256 width: '100%', 1257 marginTop: 0, 1258 marginBottom: 0, 1259 marginInline: `${(0, _cssinjs.unit)(token.calc(descriptionMaxWidth).div(2).equal())} 0`, 1260 padding: 0, 1261 '&::after': { 1262 width: `calc(100% - ${(0, _cssinjs.unit)(token.calc(token.marginSM).mul(2).equal())})`, 1263 height: token.calc(token.lineWidth).mul(3).equal(), 1264 marginInlineStart: token.marginSM 1265 } 1266 }, 1267 '&-icon': { 1268 width: dotSize, 1269 height: dotSize, 1270 marginInlineStart: token.calc(token.descriptionMaxWidth).sub(dotSize).div(2).equal(), 1271 paddingInlineEnd: 0, 1272 lineHeight: `${(0, _cssinjs.unit)(dotSize)}`, 1273 background: 'transparent', 1274 border: 0, 1275 [`${componentCls}-icon-dot`]: { 1276 position: 'relative', 1277 float: 'left', 1278 width: '100%', 1279 height: '100%', 1280 borderRadius: 100, 1281 // very large number 1282 transition: `all ${motionDurationSlow}`, 1283 /* expand hover area */ 1284 '&::after': { 1285 position: 'absolute', 1286 top: token.calc(token.marginSM).mul(-1).equal(), 1287 insetInlineStart: token.calc(dotSize).sub(token.calc(token.controlHeightLG).mul(1.5).equal()).div(2).equal(), 1288 width: token.calc(token.controlHeightLG).mul(1.5).equal(), 1289 height: token.controlHeight, 1290 background: 'transparent', 1291 content: '""' 1292 } 1293 } 1294 }, 1295 '&-content': { 1296 width: descriptionMaxWidth 1297 }, 1298 [`&-process ${componentCls}-item-icon`]: { 1299 position: 'relative', 1300 top: token.calc(dotSize).sub(dotCurrentSize).div(2).equal(), 1301 width: dotCurrentSize, 1302 height: dotCurrentSize, 1303 lineHeight: `${(0, _cssinjs.unit)(dotCurrentSize)}`, 1304 background: 'none', 1305 marginInlineStart: token.calc(token.descriptionMaxWidth).sub(dotCurrentSize).div(2).equal() 1306 }, 1307 [`&-process ${componentCls}-icon`]: { 1308 [`&:first-child ${componentCls}-icon-dot`]: { 1309 insetInlineStart: 0 1310 } 1311 } 1312 } 1313 }, 1314 [`&${componentCls}
1314-vertical${componentCls}-dot`]: { 1315 [`${componentCls}-item-icon`]: { 1316 marginTop: token.calc(token.controlHeight).sub(dotSize).div(2).equal(), 1317 marginInlineStart: 0, 1318 background: 'none' 1319 }, 1320 [`${componentCls}-item-process ${componentCls}-item-icon`]: { 1321 marginTop: token.calc(token.controlHeight).sub(dotCurrentSize).div(2).equal(), 1322 top: 0, 1323 insetInlineStart: token.calc(dotSize).sub(dotCurrentSize).div(2).equal(), 1324 marginInlineStart: 0 1325 }, 1326 // https://github.com/ant-design/ant-design/issues/18354 1327 [`${componentCls}-item > ${componentCls}-item-container > ${componentCls}-item-tail`]: { 1328 top: token.calc(token.controlHeight).sub(dotSize).div(2).equal(), 1329 insetInlineStart: 0, 1330 margin: 0, 1331 padding: `${(0, _cssinjs.unit)(token.calc(dotSize).add(token.paddingXS).equal())} 0 ${(0, _cssinjs.unit)(token.paddingXS)}`, 1332 '&::after': { 1333 marginInlineStart: token.calc(dotSize).sub(token.lineWidth).div(2).equal() 1334 } 1335 }, 1336 [`&${componentCls}-small`]: { 1337 [`${componentCls}-item-icon`]: { 1338 marginTop: token.calc(token.controlHeightSM).sub(dotSize).div(2).equal() 1339 }, 1340 [`${componentCls}-item-process ${componentCls}-item-icon`]: { 1341 marginTop: token.calc(token.controlHeightSM).sub(dotCurrentSize).div(2).equal() 1342 }, 1343 [`${componentCls}-item > ${componentCls}-item-container > ${componentCls}-item-tail`]: { 1344 top: token.calc(token.controlHeightSM).sub(dotSize).div(2).equal() 1345 } 1346 }, 1347 [`${componentCls}-item:first-child ${componentCls}-icon-dot`]: { 1348 insetInlineStart: 0 1349 }, 1350 [`${componentCls}-item-content`]: { 1351 width: 'inherit' 1352 } 1353 } 1354 }; 1355}; 1356var _default = exports["default"] = genStepsProgressDotStyle; 1357 1358/***/ }), 1359 1360/***/ 731758: 1361/***/ (function(__unused_webpack_module, exports) { 1362 1363 1364 1365Object.defineProperty(exports, "__esModule", ({ 1366 value: true 1367})); 1368exports["default"] = void 0; 1369const genStepsProgressStyle = token => { 1370 const { 1371 antCls, 1372 componentCls 1373 } = token; 1374 return { 1375 [`&${componentCls}-with-progress`]: { 1376 [`${componentCls}-item`]: { 1377 paddingTop: token.paddingXXS, 1378 [`&-process ${componentCls}-item-container ${componentCls}-item-icon ${componentCls}-icon`]: { 1379 color: token.processIconColor 1380 } 1381 }, 1382 [`&${componentCls}
1382-vertical > ${componentCls}-item `]: { 1383 paddingInlineStart: token.paddingXXS, 1384 [`> ${componentCls}-item-container > ${componentCls}-item-tail`]: { 1385 top: token.marginXXS, 1386 insetInlineStart: token.calc(token.iconSize).div(2).sub(token.lineWidth).add(token.paddingXXS).equal() 1387 } 1388 }, 1389 [`&, &${componentCls}-small`]: { 1390 [`&${componentCls}-horizontal ${componentCls}-item:first-child`]: { 1391 paddingBottom: token.paddingXXS, 1392 paddingInlineStart: token.paddingXXS 1393 } 1394 }, 1395 [`&${componentCls}-small${componentCls}-vertical > ${componentCls}-item > ${componentCls}-item-container > ${componentCls}-item-tail`]: { 1396 insetInlineStart: token.calc(token.iconSizeSM).div(2).sub(token.lineWidth).add(token.paddingXXS).equal() 1397 }, 1398 [`&${componentCls}-label-vertical`]: { 1399 [`${componentCls}-item ${componentCls}-item-tail`]: { 1400 top: token.calc(token.margin).sub(token.calc(token.lineWidth).mul(2).equal()).equal() 1401 } 1402 }, 1403 [`${componentCls}-item-icon`]: { 1404 position: 'relative', 1405 [`${antCls}-progress`]: { 1406 position: 'absolute', 1407 insetBlockStart: token.calc(token.calc(token.iconSize).sub(token.stepsProgressSize).sub(token.calc(token.lineWidth).mul(2).equal()).equal()).div(2).equal(), 1408 insetInlineStart: token.calc(token.calc(token.iconSize).sub(token.stepsProgressSize).sub(token.calc(token.lineWidth).mul(2).equal()).equal()).div(2).equal() 1409 } 1410 } 1411 } 1412 }; 1413}; 1414var _default = exports["default"] = genStepsProgressStyle; 1415 1416/***/ }), 1417 1418/***/ 489507: 1419/***/ (function(__unused_webpack_module, exports) { 1420 1421 1422 1423Object.defineProperty(exports, "__esModule", ({ 1424 value: true 1425})); 1426exports["default"] = void 0; 1427const genStepsRTLStyle = token => { 1428 const { 1429 componentCls 1430 } = token; 1431 return { 1432 [`&${componentCls}-rtl`]: { 1433 direction: 'rtl', 1434 [`${componentCls}-item`]: { 1435 '&-subtitle': { 1436 float: 'left' 1437 } 1438 }, 1439 // nav 1440 [`&${componentCls}-navigation`]: { 1441 [`${componentCls}-item::after`]: { 1442 transform: 'rotate(-45deg)' 1443 } 1444 }, 1445 // vertical 1446 [`&${componentCls}
1446-vertical`]: { 1447 [`> ${componentCls}-item`]: { 1448 '&::after': { 1449 transform: 'rotate(225deg)' 1450 }, 1451 [`${componentCls}-item-icon`]: { 1452 float: 'right' 1453 } 1454 } 1455 }, 1456 // progress-dot 1457 [`&${componentCls}-dot`]: { 1458 [`${componentCls}-item-icon ${componentCls}-icon-dot, &${componentCls}-small ${componentCls}-item-icon ${componentCls}-icon-dot`]: { 1459 float: 'right' 1460 } 1461 } 1462 } 1463 }; 1464}; 1465var _default = exports["default"] = genStepsRTLStyle; 1466 1467/***/ }), 1468 1469/***/ 550599: 1470/***/ (function(__unused_webpack_module, exports, __webpack_require__) { 1471 1472 1473 1474Object.defineProperty(exports, "__esModule", ({ 1475 value: true 1476})); 1477exports["default"] = void 0; 1478var _cssinjs = __webpack_require__(788422); 1479const genStepsSmallStyle = token => { 1480 const { 1481 componentCls, 1482 iconSizeSM, 1483 // stepsSmallIconMargin, 1484 fontSizeSM, 1485 fontSize, 1486 colorTextDescription 1487 } = token; 1488 return { 1489 [`&${componentCls}-small`]: { 1490 [`&${componentCls}-horizontal:not(${componentCls}-label-vertical) ${componentCls}-item`]: { 1491 paddingInlineStart: token.paddingSM, 1492 '&:first-child': { 1493 paddingInlineStart: 0 1494 } 1495 }, 1496 [`${componentCls}-item-icon`]: { 1497 width: iconSizeSM, 1498 height: iconSizeSM, 1499 // margin: stepsSmallIconMargin, 1500 marginTop: 0, 1501 marginBottom: 0, 1502 marginInline: `0 ${(0, _cssinjs.unit)(token.marginXS)}`, 1503 fontSize: fontSizeSM, 1504 lineHeight: `${(0, _cssinjs.unit)(iconSizeSM)}`, 1505 textAlign: 'center', 1506 borderRadius: iconSizeSM 1507 }, 1508 [`${componentCls}-item-title`]: { 1509 paddingInlineEnd: token.paddingSM, 1510 fontSize, 1511 lineHeight: `${(0, _cssinjs.unit)(iconSizeSM)}`, 1512 '&::after': { 1513 top: token.calc(iconSizeSM).div(2).equal() 1514 } 1515 }, 1516 [`${componentCls}-item-description`]: { 1517 color: colorTextDescription, 1518 fontSize 1519 }, 1520 [`${componentCls}-item-tail`]: { 1521 top: token.calc(iconSizeSM).div(2).sub(token.paddingXXS).equal() 1522 }, 1523 [`${componentCls}-item-custom ${componentCls}-item-icon`]: { 1524 width: 'inherit', 1525 height: 'inherit', 1526 lineHeight: 'inherit', 1527 background: 'none', 1528 border: 0, 1529 borderRadius: 0, 1530 [`> ${componentCls}-icon`]: { 1531 fontSize: iconSizeSM, 1532 lineHeight: `${(0, _cssinjs.unit)(iconSizeSM)}`, 1533 transform: 'none' 1534 } 1535 } 1536 } 1537 }; 1538}; 1539var _default = exports["default"] = genStepsSmallStyle; 1540 1541/***/ }), 1542 1543/***/ 22364: 1544/***/ (function(__unused_webpack_module, exports, __webpack_require__) { 1545 1546 1547 1548Object.defineProperty(exports, "__esModule", ({ 1549 value: true 1550})); 1551exports["default"] = void 0; 1552var _cssinjs = __webpack_require__(788422); 1553const genStepsVerticalStyle = token => { 1554 const { 1555 componentCls, 1556 iconSizeSM, 1557 iconSize 1558 } = token; 1559 return { 1560 [`&${componentCls}
1560-vertical`]: { 1561 display: 'flex', 1562 flexDirection: 'column', 1563 [`> ${componentCls}-item`]: { 1564 display: 'block', 1565 flex: '1 0 auto', 1566 paddingInlineStart: 0, 1567 overflow: 'visible', 1568 [`${componentCls}-item-icon`]: { 1569 float: 'left', 1570 marginInlineEnd: token.margin 1571 }, 1572 [`${componentCls}-item-content`]: { 1573 display: 'block', 1574 minHeight: token.calc(token.controlHeight).mul(1.5).equal(), 1575 overflow: 'hidden' 1576 }, 1577 [`${componentCls}-item-title`]: { 1578 lineHeight: `${(0, _cssinjs.unit)(iconSize)}` 1579 }, 1580 [`${componentCls}-item-description`]: { 1581 paddingBottom: token.paddingSM 1582 } 1583 }, 1584 [`> ${componentCls}-item > ${componentCls}-item-container > ${componentCls}-item-tail`]: { 1585 position: 'absolute', 1586 top: 0, 1587 insetInlineStart: token.calc(iconSize).div(2).sub(token.lineWidth).equal(), 1588 width: token.lineWidth, 1589 height: '100%', 1590 padding: `${(0, _cssinjs.unit)(token.calc(token.marginXXS).mul(1.5).add(iconSize).equal())} 0 ${(0, _cssinjs.unit)(token.calc(token.marginXXS).mul(1.5).equal())}`, 1591 '&::after': { 1592 width: token.lineWidth, 1593 height: '100%' 1594 } 1595 }, 1596 [`> ${componentCls}-item:not(:last-child) > ${componentCls}-item-container > ${componentCls}-item-tail`]: { 1597 display: 'block' 1598 }, 1599 [` > ${componentCls}-item > ${componentCls}-item-container > ${componentCls}-item-content > ${componentCls}-item-title`]: { 1600 '&::after': { 1601 display: 'none' 1602 } 1603 }, 1604 [`&${componentCls}-small ${componentCls}-item-container`]: { 1605 [`${componentCls}-item-tail`]: { 1606 position: 'absolute', 1607 top: 0, 1608 insetInlineStart: token.calc(iconSizeSM).div(2).sub(token.lineWidth).equal(), 1609 padding: `${(0, _cssinjs.unit)(token.calc(token.marginXXS).mul(1.5).add(iconSizeSM).equal())} 0 ${(0, _cssinjs.unit)(token.calc(token.marginXXS).mul(1.5).equal())}` 1610 }, 1611 [`${componentCls}-item-title`]: { 1612 lineHeight: `${(0, _cssinjs.unit)(iconSizeSM)}` 1613 } 1614 } 1615 } 1616 }; 1617}; 1618var _default = exports["default"] = genStepsVerticalStyle; 1619 1620/***/ }), 1621 1622/***/ 979085: 1623/***/ (function(__unused_webpack_module, exports, __webpack_require__) { 1624 1625 1626 1627var _interopRequireDefault = (__webpack_require__(564836)["default"]); 1628var _interopRequireWildcard = (__webpack_require__(475263)["default"]); 1629Object.defineProperty(exports, "__esModule", ({ 1630 value: true 1631})); 1632exports["default"] = useLegacyItems; 1633var React = _interopRequireWildcard(__webpack_require__(667294)); 1634var _toArray = _interopRequireDefault(__webpack_require__(45598)); 1635var _warning = __webpack_require__(613594); 1636function filter(items) { 1637 return items.filter(item => item); 1638} 1639function useLegacyItems(items, children) { 1640 if (false) {} 1641 if (items) { 1642 return items; 1643 } 1644 const childrenItems = (0, _toArray.default)(children).map(node => { 1645 if ( /*#__PURE__*/React.isValidElement(node)) { 1646 const { 1647 props 1648 } = node; 1649 const item = Object.assign({}, props); 1650 return item; 1651 } 1652 return null; 1653 }); 1654 return filter(childrenItems); 1655} 1656 1657/***/ }), 1658 1659/***/ 355517: 1660/***/ (function(__unused_webpack_module, exports) { 1661 1662 1663 1664Object.defineProperty(exports, "__esModule", ({ 1665 value: true 1666})); 1667exports.genCompactItemVerticalStyle = genCompactItemVerticalStyle; 1668function compactItemVerticalBorder(token, parentCls) { 1669 return { 1670 // border collapse 1671 [`&-item:not(${parentCls}-last-item)`]: { 1672 marginBottom: token.calc(token.lineWidth).mul(-1).equal() 1673 }, 1674 '&-item': { 1675 '&:hover,&:focus,&:active': { 1676 zIndex: 2 1677 }, 1678 '&[disabled]': { 1679 zIndex: 0 1680 } 1681 } 1682 }; 1683} 1684function compactItemBorderVerticalRadius(prefixCls, parentCls) { 1685 return { 1686 [`&-item:not(${parentCls}-first-item):not(${parentCls}-last-item)`]: { 1687 borderRadius: 0 1688 }, 1689 [`&-item${parentCls}-first-item:not(${parentCls}-last-item)`]: { 1690 [`&, &${prefixCls}-sm, &${prefixCls}-lg`]: { 1691 borderEndEndRadius: 0, 1692 borderEndStartRadius: 0 1693 } 1694 }, 1695 [`&-item${parentCls}-last-item:not(${parentCls}-first-item)`]: { 1696 [`&, &${prefixCls}-sm, &${prefixCls}-lg`]: { 1697 borderStartStartRadius: 0, 1698 borderStartEndRadius: 0 1699 } 1700 } 1701 }; 1702} 1703function genCompactItemVerticalStyle(token) { 1704 const compactCls = `${token.componentCls}-compact-vertical`; 1705 return { 1706 [compactCls]: Object.assign(Object.assign({}, compactItemVerticalBorder(token, compactCls)), compactItemBorderVerticalRadius(token.componentCls, compactCls)) 1707 }; 1708} 1709 1710/***/ }), 1711 1712/***/ 78793:
1713/***/ (function(__unused_webpack_module, exports) { 1714 1715 1716 1717Object.defineProperty(exports, "__esModule", ({ 1718 value: true 1719})); 1720exports.genCompactItemStyle = genCompactItemStyle; 1721// handle border collapse 1722function compactItemBorder(token, parentCls, options) { 1723 const { 1724 focusElCls, 1725 focus, 1726 borderElCls 1727 } = options; 1728 const childCombinator = borderElCls ? '> *' : ''; 1729 const hoverEffects = ['hover', focus ? 'focus' : null, 'active'].filter(Boolean).map(n => `&:${n} ${childCombinator}`).join(','); 1730 return { 1731 [`&-item:not(${parentCls}-last-item)`]: { 1732 marginInlineEnd: token.calc(token.lineWidth).mul(-1).equal() 1733 }, 1734 '&-item': Object.assign(Object.assign({ 1735 [hoverEffects]: { 1736 zIndex: 2 1737 } 1738 }, focusElCls ? { 1739 [`&${focusElCls}`]: { 1740 zIndex: 2 1741 } 1742 } : {}), { 1743 [`&[disabled] ${childCombinator}`]: { 1744 zIndex: 0 1745 } 1746 }) 1747 }; 1748} 1749// handle border-radius 1750function compactItemBorderRadius(prefixCls, parentCls, options) { 1751 const { 1752 borderElCls 1753 } = options; 1754 const childCombinator = borderElCls ? `> ${borderElCls}` : ''; 1755 return { 1756 [`&-item:not(${parentCls}-first-item):not(${parentCls}-last-item) ${childCombinator}`]: { 1757 borderRadius: 0 1758 }, 1759 [`&-item:not(${parentCls}-last-item)${parentCls}-first-item`]: { 1760 [`& ${childCombinator}, &${prefixCls}-sm ${childCombinator}, &${prefixCls}-lg ${childCombinator}`]: { 1761 borderStartEndRadius: 0, 1762 borderEndEndRadius: 0 1763 } 1764 }, 1765 [`&-item:not(${parentCls}-first-item)${parentCls}-last-item`]: { 1766 [`& ${childCombinator}, &${prefixCls}-sm ${childCombinator}, &${prefixCls}-lg ${childCombinator}`]: { 1767 borderStartStartRadius: 0, 1768 borderEndStartRadius: 0 1769 } 1770 } 1771 }; 1772} 1773function genCompactItemStyle(token) { 1774 let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : { 1775 focus: true 1776 }; 1777 const { 1778 componentCls 1779 } = token; 1780 const compactCls = `${componentCls}-compact`; 1781 return { 1782 [compactCls]: Object.assign(Object.assign({}, compactItemBorder(token, compactCls, options)), compactItemBorderRadius(componentCls, compactCls, options)) 1783 }; 1784} 1785 1786/***/ }), 1787 1788/***/ 198078: 1789/***/ (function(__unused_webpack_module, exports, __webpack_require__) { 1790 1791 1792"use client"; 1793 1794/* eslint-disable import/prefer-default-export */ 1795Object.defineProperty(exports, "__esModule", ({ 1796 value: true 1797})); 1798exports.genLinkStyle = exports.genFocusStyle = exports.genFocusOutline = exports.genCommonStyle = exports.clearFix = void 0; 1799Object.defineProperty(exports, "operationUnit", ({ 1800 enumerable: true, 1801 get: function () { 1802 return _operationUnit.operationUnit; 1803 } 1804})); 1805exports.textEllipsis = exports.resetIcon = exports.resetComponent = void 0; 1806var _cssinjs = __webpack_require__(788422); 1807var _operationUnit = __webpack_require__(822548); 1808const textEllipsis = exports.textEllipsis = { 1809 overflow: 'hidden', 1810 whiteSpace: 'nowrap', 1811 textOverflow: 'ellipsis' 1812}; 1813const resetComponent = function (token) { 1814 let needInheritFontFamily = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false; 1815 return { 1816 boxSizing: 'border-box', 1817 margin: 0, 1818 padding: 0, 1819 color: token.colorText, 1820 fontSize: token.fontSize, 1821 // font-variant: @font-variant-base; 1822 lineHeight: token.lineHeight, 1823 listStyle: 'none', 1824 // font-feature-settings: @font-feature-settings-base; 1825 fontFamily: needInheritFontFamily ? 'inherit' : token.fontFamily 1826 }; 1827}; 1828exports.resetComponent = resetComponent; 1829const resetIcon = () => ({ 1830 display: 'inline-flex', 1831 alignItems: 'center', 1832 color: 'inherit', 1833 fontStyle: 'normal', 1834 lineHeight: 0, 1835 textAlign: 'center', 1836 textTransform: 'none', 1837 // for SVG icon, see https://blog.prototypr.io/align-svg-icons-to-text-and-say-goodbye-to-font-icons-d44b3d7b26b4 1838 verticalAlign: '-0.125em', 1839 textRendering: 'optimizeLegibility', 1840 '-webkit-font-smoothing': 'antialiased', 1841 '-moz-osx-font-smoothing': 'grayscale', 1842 '> *': { 1843 lineHeight: 1 1844 }, 1845 svg: { 1846 display: 'inline-block' 1847 } 1848}); 1849exports.resetIcon = resetIcon; 1850const clearFix = () => ({ 1851 // https://github.com/ant-design/ant-design/issues/21301#issuecomment-583955229 1852 '&::before': { 1853 display: 'table', 1854 content: '""' 1855 }, 1856 '&::after': { 1857 // https://github.com/ant-design/ant-design/issues/21864 1858 display: 'table', 1859 clear: 'both', 1860 content: '""' 1861 } 1862}); 1863exports.clearFix = clearFix; 1864const genLinkStyle = token => ({ 1865 a: { 1866 color: token.colorLink, 1867 textDecoration: token.linkDecoration, 1868 backgroundColor: 'transparent', 1869 // remove the gray background on active links in IE 10. 1870 outline: 'none', 1871 cursor: 'pointer', 1872 transition: `color ${token.motionDurationSlow}`, 1873 '-webkit-text-decoration-skip': 'objects', 1874 // remove gaps in links underline in iOS 8+ and Safari 8+. 1875 '&:hover': { 1876 color: token.colorLinkHover 1877 }, 1878 '&:active': { 1879 color: token.colorLinkActive 1880 }, 1881 [`&:active, 1882 &:hover`]: { 1883 textDecoration: token.linkHoverDecoration, 1884 outline: 0 1885 }, 1886 // https://github.com/ant-design/ant-design/issues/22503 1887 '&:focus': { 1888 textDecoration: token.linkFocusDecoration, 1889 outline: 0 1890 }, 1891 '&[disabled]': { 1892 color: token.colorTextDisabled, 1893 cursor: 'not-allowed' 1894 } 1895 } 1896}); 1897exports.genLinkStyle = genLinkStyle; 1898const genCommonStyle = (token, componentPrefixCls) => { 1899 const { 1900 fontFamily, 1901 fontSize 1902 } = token; 1903 const rootPrefixSelector = `[class^="${componentPrefixCls}"], [class*=" ${componentPrefixCls}"]`; 1904 return { 1905 [rootPrefixSelector]: { 1906 fontFamily, 1907 fontSize, 1908 boxSizing: 'border-box', 1909 '&::before, &::after': { 1910 boxSizing: 'border-box' 1911 }, 1912 [rootPrefixSelector]: { 1913 boxSizing: 'border-box', 1914 '&::before, &::after': { 1915 boxSizing: 'border-box' 1916 } 1917 } 1918 } 1919 }; 1920}; 1921exports.genCommonStyle = genCommonStyle; 1922const genFocusOutline = token => ({ 1923 outline: `${(0, _cssinjs.unit)(token.lineWidthFocus)} solid ${token.colorPrimaryBorder}`, 1924 outlineOffset: 1, 1925 transition: 'outline-offset 0s, outline 0s' 1926}); 1927exports.genFocusOutline = genFocusOutline; 1928const genFocusStyle = token => ({ 1929 '&:focus-visible': Object.assign({}, genFocusOutline(token)) 1930}); 1931exports.genFocusStyle = genFocusStyle; 1932 1933/***/ }), 1934
1935/***/ 57253: 1936/***/ (function(__unused_webpack_module, exports) { 1937 1938 1939 1940Object.defineProperty(exports, "__esModule", ({ 1941 value: true 1942})); 1943exports["default"] = void 0; 1944const genCollapseMotion = token => ({ 1945 [token.componentCls]: { 1946 // For common/openAnimation 1947 [`${token.antCls}-motion-collapse-legacy`]: { 1948 overflow: 'hidden', 1949 '&-active': { 1950 transition: `height ${token.motionDurationMid} ${token.motionEaseInOut}, 1951 opacity ${token.motionDurationMid} ${token.motionEaseInOut} !important` 1952 } 1953 }, 1954 [`${token.antCls}-motion-collapse`]: { 1955 overflow: 'hidden', 1956 transition: `height ${token.motionDurationMid} ${token.motionEaseInOut}, 1957 opacity ${token.motionDurationMid} ${token.motionEaseInOut} !important` 1958 } 1959 } 1960}); 1961var _default = exports["default"] = genCollapseMotion; 1962 1963/***/ }), 1964 1965/***/ 184460: 1966/***/ (function(__unused_webpack_module, exports, __webpack_require__) { 1967 1968 1969 1970Object.defineProperty(exports, "__esModule", ({ 1971 value: true 1972})); 1973exports.initFadeMotion = exports.fadeOut = exports.fadeIn = void 0; 1974var _cssinjs = __webpack_require__(788422); 1975var _motion = __webpack_require__(194631); 1976const fadeIn = exports.fadeIn = new _cssinjs.Keyframes('antFadeIn', { 1977 '0%': { 1978 opacity: 0 1979 }, 1980 '100%': { 1981 opacity: 1 1982 } 1983}); 1984const fadeOut = exports.fadeOut = new _cssinjs.Keyframes('antFadeOut', { 1985 '0%': { 1986 opacity: 1 1987 }, 1988 '100%': { 1989 opacity: 0 1990 } 1991}); 1992const initFadeMotion = function (token) { 1993 let sameLevel = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false; 1994 const { 1995 antCls 1996 } = token; 1997 const motionCls = `${antCls}-fade`; 1998 const sameLevelPrefix = sameLevel ? '&' : ''; 1999 return [(0, _motion.initMotion)(motionCls, fadeIn, fadeOut, token.motionDurationMid, sameLevel), { 2000 [` 2001 ${sameLevelPrefix}${motionCls}-enter, 2002 ${sameLevelPrefix}${motionCls}-appear 2003 `]: { 2004 opacity: 0, 2005 animationTimingFunction: 'linear' 2006 }, 2007 [`${sameLevelPrefix}${motionCls}-leave`]: { 2008 animationTimingFunction: 'linear' 2009 } 2010 }]; 2011}; 2012exports.initFadeMotion = initFadeMotion; 2013 2014/***/ }), 2015 2016/***/ 342836: 2017/***/ (function(__unused_webpack_module, exports, __webpack_require__) { 2018 2019 2020 2021var _interopRequireDefault = (__webpack_require__(564836)["default"]); 2022Object.defineProperty(exports, "__esModule", ({ 2023 value: true 2024})); 2025Object.defineProperty(exports, "fadeIn", ({ 2026 enumerable: true, 2027 get: function () { 2028 return _fade.fadeIn; 2029 } 2030})); 2031Object.defineProperty(exports, "fadeOut", ({ 2032 enumerable: true, 2033 get: function () { 2034 return _fade.fadeOut; 2035 } 2036})); 2037Object.defineProperty(exports, "genCollapseMotion", ({ 2038 enumerable: true, 2039 get: function () { 2040 return _collapse.default; 2041 } 2042})); 2043Object.defineProperty(exports, "initFadeMotion", ({ 2044 enumerable: true, 2045 get: function () { 2046 return _fade.initFadeMotion; 2047 } 2048})); 2049Object.defineProperty(exports, "initMoveMotion", ({ 2050 enumerable: true, 2051 get: function () { 2052 return _move.initMoveMotion; 2053 } 2054})); 2055Object.defineProperty(exports, "initSlideMotion", ({ 2056 enumerable: true, 2057 get: function () { 2058 return _slide.initSlideMotion; 2059 } 2060})); 2061Object.defineProperty(exports, "initZoomMotion", ({ 2062 enumerable: true, 2063 get: function () { 2064 return _zoom.initZoomMotion; 2065 } 2066})); 2067Object.defineProperty(exports, "moveDownIn", ({ 2068 enumerable: true, 2069 get: function () { 2070 return _move.moveDownIn; 2071 } 2072})); 2073Object.defineProperty(exports, "moveDownOut", ({ 2074 enumerable: true, 2075 get: function () { 2076 return _move.moveDownOut; 2077 } 2078})); 2079Object.defineProperty(exports, "moveLeftIn", ({ 2080 enumerable: true, 2081 get: function () { 2082 return _move.moveLeftIn; 2083 } 2084})); 2085Object.defineProperty(exports, "moveLeftOut", ({ 2086 enumerable: true, 2087 get: function () { 2088 return _move.moveLeftOut; 2089 } 2090})); 2091Object.defineProperty(exports, "moveRightIn", ({ 2092 enumerable: true, 2093 get: function () { 2094 return _move.moveRightIn; 2095 } 2096})); 2097Object.defineProperty(exports, "moveRightOut", ({ 2098 enumerable: true, 2099 get: function () { 2100 return _move.moveRightOut; 2101 } 2102})); 2103Object.defineProperty(exports, "moveUpIn", ({ 2104 enumerable: true, 2105 get: function () { 2106 return _move.moveUpIn; 2107 } 2108})); 2109Object.defineProperty(exports, "moveUpOut", ({ 2110 enumerable: true, 2111 get: function () { 2112 return _move.moveUpOut; 2113 } 2114})); 2115Object.defineProperty(exports, "slideDownIn", ({ 2116 enumerable: true, 2117 get: function () { 2118 return _slide.slideDownIn; 2119 } 2120})); 2121Object.defineProperty(exports, "slideDownOut", ({ 2122 enumerable: true, 2123 get: function () { 2124 return _slide.slideDownOut; 2125 } 2126})); 2127Object.defineProperty(exports, "slideLeftIn", ({ 2128 enumerable: true, 2129 get: function () { 2130 return _slide.slideLeftIn; 2131 } 2132})); 2133Object.defineProperty(exports, "slideLeftOut", ({ 2134 enumerable: true, 2135 get: function () { 2136 return _slide.slideLeftOut; 2137 } 2138})); 2139Object.defineProperty(exports, "slideRightIn", ({ 2140 enumerable: true, 2141 get: function () { 2142 return _slide.slideRightIn; 2143 } 2144})); 2145Object.defineProperty(exports, "slideRightOut", ({ 2146 enumerable: true, 2147 get: function () { 2148 return _slide.slideRightOut; 2149 } 2150})); 2151Object.defineProperty(exports, "slideUpIn", ({ 2152 enumerable: true, 2153 get: function () { 2154 return _slide.slideUpIn; 2155 } 2156})); 2157Object.defineProperty(exports, "slideUpOut", ({ 2158 enumerable: true, 2159 get: function () { 2160 return _slide.slideUpOut; 2161 } 2162})); 2163Object.defineProperty(exports, "zoomBigIn", ({ 2164 enumerable: true, 2165 get: function () { 2166 return _zoom.zoomBigIn; 2167 } 2168})); 2169Object.defineProperty(exports, "zoomBigOut", ({ 2170 enumerable: true, 2171 get: function () { 2172 return _zoom.zoomBigOut; 2173 } 2174})); 2175Object.defineProperty(exports, "zoomDownIn", ({ 2176 enumerable: true, 2177 get: function () { 2178 return _zoom.zoomDownIn; 2179 } 2180})); 2181Object.defineProperty(exports, "zoomDownOut", ({ 2182 enumerable: true, 2183 get: function () { 2184 return _zoom.zoomDownOut; 2185 } 2186})); 2187Object.defineProperty(exports, "zoomIn", ({ 2188 enumerable: true, 2189 get: function () { 2190 return _zoom.zoomIn; 2191 } 2192})); 2193Object.defineProperty(exports, "zoomLeftIn", ({ 2194 enumerable: true, 2195 get: function () { 2196 return _zoom.zoomLeftIn; 2197 } 2198})); 2199Object.defineProperty(exports, "zoomLeftOut", ({ 2200 enumerable: true, 2201 get: function () { 2202 return _zoom.zoomLeftOut; 2203 } 2204})); 2205Object.defineProperty(exports, "zoomOut", ({ 2206 enumerable: true, 2207 get: function () { 2208 return _zoom.zoomOut; 2209 } 2210})); 2211Object.defineProperty(exports, "zoomRightIn", ({ 2212 enumerable: true, 2213 get: function () { 2214 return _zoom.zoomRightIn; 2215 } 2216})); 2217Object.defineProperty(exports, "zoomRightOut", ({ 2218 enumerable: true, 2219 get: function () { 2220 return _zoom.zoomRightOut; 2221 } 2222})); 2223Object.defineProperty(exports, "zoomUpIn", ({ 2224 enumerable: true, 2225 get: function () { 2226 return _zoom.zoomUpIn; 2227 } 2228})); 2229Object.defineProperty(exports, "zoomUpOut", ({ 2230 enumerable: true, 2231 get: function () { 2232 return _zoom.zoomUpOut; 2233 } 2234})); 2235var _fade = __webpack_require__(184460); 2236var _move = __webpack_require__(817060); 2237var _slide = __webpack_require__(317581); 2238var _zoom = __webpack_require__(99269); 2239var _collapse = _interopRequireDefault(__webpack_require__(57253)); 2240 2241/***/ }), 2242 2243/***/ 194631:
2244/***/ (function(__unused_webpack_module, exports) { 2245 2246 2247 2248Object.defineProperty(exports, "__esModule", ({ 2249 value: true 2250})); 2251exports.initMotion = void 0; 2252const initMotionCommon = duration => ({ 2253 animationDuration: duration, 2254 animationFillMode: 'both' 2255}); 2256// FIXME: origin less code seems same as initMotionCommon. Maybe we can safe remove 2257const initMotionCommonLeave = duration => ({ 2258 animationDuration: duration, 2259 animationFillMode: 'both' 2260}); 2261const initMotion = function (motionCls, inKeyframes, outKeyframes, duration) { 2262 let sameLevel = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : false; 2263 const sameLevelPrefix = sameLevel ? '&' : ''; 2264 return { 2265 [` 2266 ${sameLevelPrefix}${motionCls}-enter, 2267 ${sameLevelPrefix}${motionCls}-appear 2268 `]: Object.assign(Object.assign({}, initMotionCommon(duration)), { 2269 animationPlayState: 'paused' 2270 }), 2271 [`${sameLevelPrefix}${motionCls}-leave`]: Object.assign(Object.assign({}, initMotionCommonLeave(duration)), { 2272 animationPlayState: 'paused' 2273 }), 2274 [` 2275 ${sameLevelPrefix}${motionCls}-enter${motionCls}-enter-active, 2276 ${sameLevelPrefix}${motionCls}-appear${motionCls}-appear-active 2277 `]: { 2278 animationName: inKeyframes, 2279 animationPlayState: 'running' 2280 }, 2281 [`${sameLevelPrefix}${motionCls}-leave${motionCls}-leave-active`]: { 2282 animationName: outKeyframes, 2283 animationPlayState: 'running', 2284 pointerEvents: 'none' 2285 } 2286 }; 2287}; 2288exports.initMotion = initMotion; 2289 2290/***/ }), 2291 2292/***/ 817060: 2293/***/ (function(__unused_webpack_module, exports, __webpack_require__) { 2294 2295 2296 2297Object.defineProperty(exports, "__esModule", ({ 2298 value: true 2299})); 2300exports.moveUpOut = exports.moveUpIn = exports.moveRightOut = exports.moveRightIn = exports.moveLeftOut = exports.moveLeftIn = exports.moveDownOut = exports.moveDownIn = exports.initMoveMotion = void 0; 2301var _cssinjs = __webpack_require__(788422); 2302var _motion = __webpack_require__(194631); 2303const moveDownIn = exports.moveDownIn = new _cssinjs.Keyframes('antMoveDownIn', { 2304 '0%': { 2305 transform: 'translate3d(0, 100%, 0)', 2306 transformOrigin: '0 0', 2307 opacity: 0 2308 }, 2309 '100%': { 2310 transform: 'translate3d(0, 0, 0)', 2311 transformOrigin: '0 0', 2312 opacity: 1 2313 } 2314}); 2315const moveDownOut = exports.moveDownOut = new _cssinjs.Keyframes('antMoveDownOut', { 2316 '0%': { 2317 transform: 'translate3d(0, 0, 0)', 2318 transformOrigin: '0 0', 2319 opacity: 1 2320 }, 2321 '100%': { 2322 transform: 'translate3d(0, 100%, 0)', 2323 transformOrigin: '0 0', 2324 opacity: 0 2325 } 2326}); 2327const moveLeftIn = exports.moveLeftIn = new _cssinjs.Keyframes('antMoveLeftIn', { 2328 '0%': { 2329 transform: 'translate3d(-100%, 0, 0)', 2330 transformOrigin: '0 0', 2331 opacity: 0 2332 }, 2333 '100%': { 2334 transform: 'translate3d(0, 0, 0)', 2335 transformOrigin: '0 0', 2336 opacity: 1 2337 } 2338}); 2339const moveLeftOut = exports.moveLeftOut = new _cssinjs.Keyframes('antMoveLeftOut', { 2340 '0%': { 2341 transform: 'translate3d(0, 0, 0)', 2342 transformOrigin: '0 0', 2343 opacity: 1 2344 }, 2345 '100%': { 2346 transform: 'translate3d(-100%, 0, 0)', 2347 transformOrigin: '0 0', 2348 opacity: 0 2349 } 2350}); 2351const moveRightIn = exports.moveRightIn = new _cssinjs.Keyframes('antMoveRightIn', { 2352 '0%': { 2353 transform: 'translate3d(100%, 0, 0)', 2354 transformOrigin: '0 0', 2355 opacity: 0 2356 }, 2357 '100%': { 2358 transform: 'translate3d(0, 0, 0)', 2359 transformOrigin: '0 0', 2360 opacity: 1 2361 } 2362}); 2363const moveRightOut = exports.moveRightOut = new _cssinjs.Keyframes('antMoveRightOut', { 2364 '0%': { 2365 transform: 'translate3d(0, 0, 0)', 2366 transformOrigin: '0 0', 2367 opacity: 1 2368 }, 2369 '100%': { 2370 transform: 'translate3d(100%, 0, 0)', 2371 transformOrigin: '0 0', 2372 opacity: 0 2373 } 2374}); 2375const moveUpIn = exports.moveUpIn = new _cssinjs.Keyframes('antMoveUpIn', { 2376 '0%': { 2377 transform: 'translate3d(0, -100%, 0)', 2378 transformOrigin: '0 0', 2379 opacity: 0 2380 }, 2381 '100%': { 2382 transform: 'translate3d(0, 0, 0)', 2383 transformOrigin: '0 0', 2384 opacity: 1 2385 } 2386}); 2387const moveUpOut = exports.moveUpOut = new _cssinjs.Keyframes('antMoveUpOut', { 2388 '0%': { 2389 transform: 'translate3d(0, 0, 0)', 2390 transformOrigin: '0 0', 2391 opacity: 1 2392 }, 2393 '100%': { 2394 transform: 'translate3d(0, -100%, 0)', 2395 transformOrigin: '0 0', 2396 opacity: 0 2397 } 2398}); 2399const moveMotion = { 2400 'move-up': { 2401 inKeyframes: moveUpIn, 2402 outKeyframes: moveUpOut 2403 }, 2404 'move-down': { 2405 inKeyframes: moveDownIn, 2406 outKeyframes: moveDownOut 2407 }, 2408 'move-left': { 2409 inKeyframes: moveLeftIn, 2410 outKeyframes: moveLeftOut 2411 }, 2412 'move-right': { 2413 inKeyframes: moveRightIn, 2414 outKeyframes: moveRightOut 2415 } 2416}; 2417const initMoveMotion = (token, motionName) => { 2418 const { 2419 antCls 2420 } = token; 2421 const motionCls = `${antCls}-${motionName}`;
2422 const { 2423 inKeyframes, 2424 outKeyframes 2425 } = moveMotion[motionName]; 2426 return [(0, _motion.initMotion)(motionCls, inKeyframes, outKeyframes, token.motionDurationMid), { 2427 [` 2428 ${motionCls}-enter, 2429 ${motionCls}-appear 2430 `]: { 2431 opacity: 0, 2432 animationTimingFunction: token.motionEaseOutCirc 2433 }, 2434 [`${motionCls}-leave`]: { 2435 animationTimingFunction: token.motionEaseInOutCirc 2436 } 2437 }]; 2438}; 2439exports.initMoveMotion = initMoveMotion; 2440 2441/***/ }), 2442 2443/***/ 317581: 2444/***/ (function(__unused_webpack_module, exports, __webpack_require__) { 2445 2446 2447 2448Object.defineProperty(exports, "__esModule", ({ 2449 value: true 2450})); 2451exports.slideUpOut = exports.slideUpIn = exports.slideRightOut = exports.slideRightIn = exports.slideLeftOut = exports.slideLeftIn = exports.slideDownOut = exports.slideDownIn = exports.initSlideMotion = void 0; 2452var _cssinjs = __webpack_require__(788422); 2453var _motion = __webpack_require__(194631); 2454const slideUpIn = exports.slideUpIn = new _cssinjs.Keyframes('antSlideUpIn', { 2455 '0%': { 2456 transform: 'scaleY(0.8)', 2457 transformOrigin: '0% 0%', 2458 opacity: 0 2459 }, 2460 '100%': { 2461 transform: 'scaleY(1)', 2462 transformOrigin: '0% 0%', 2463 opacity: 1 2464 } 2465}); 2466const slideUpOut = exports.slideUpOut = new _cssinjs.Keyframes('antSlideUpOut', { 2467 '0%': { 2468 transform: 'scaleY(1)', 2469 transformOrigin: '0% 0%', 2470 opacity: 1 2471 }, 2472 '100%': { 2473 transform: 'scaleY(0.8)', 2474 transformOrigin: '0% 0%', 2475 opacity: 0 2476 } 2477}); 2478const slideDownIn = exports.slideDownIn = new _cssinjs.Keyframes('antSlideDownIn', { 2479 '0%': { 2480 transform: 'scaleY(0.8)', 2481 transformOrigin: '100% 100%', 2482 opacity: 0 2483 }, 2484 '100%': { 2485 transform: 'scaleY(1)', 2486 transformOrigin: '100% 100%', 2487 opacity: 1 2488 } 2489}); 2490const slideDownOut = exports.slideDownOut = new _cssinjs.Keyframes('antSlideDownOut', { 2491 '0%': { 2492 transform: 'scaleY(1)', 2493 transformOrigin: '100% 100%', 2494 opacity: 1 2495 }, 2496 '100%': { 2497 transform: 'scaleY(0.8)', 2498 transformOrigin: '100% 100%', 2499 opacity: 0 2500 } 2501}); 2502const slideLeftIn = exports.slideLeftIn = new _cssinjs.Keyframes('antSlideLeftIn', { 2503 '0%': { 2504 transform: 'scaleX(0.8)', 2505 transformOrigin: '0% 0%', 2506 opacity: 0 2507 }, 2508 '100%': { 2509 transform: 'scaleX(1)', 2510 transformOrigin: '0% 0%', 2511 opacity: 1 2512 } 2513}); 2514const slideLeftOut = exports.slideLeftOut = new _cssinjs.Keyframes('antSlideLeftOut', { 2515 '0%': { 2516 transform: 'scaleX(1)', 2517 transformOrigin: '0% 0%', 2518 opacity: 1 2519 }, 2520 '100%': { 2521 transform: 'scaleX(0.8)', 2522 transformOrigin: '0% 0%', 2523 opacity: 0 2524 } 2525}); 2526const slideRightIn = exports.slideRightIn = new _cssinjs.Keyframes('antSlideRightIn', { 2527 '0%': { 2528 transform: 'scaleX(0.8)', 2529 transformOrigin: '100% 0%', 2530 opacity: 0 2531 }, 2532 '100%': { 2533 transform: 'scaleX(1)', 2534 transformOrigin: '100% 0%', 2535 opacity: 1 2536 } 2537}); 2538const slideRightOut = exports.slideRightOut = new _cssinjs.Keyframes('antSlideRightOut', { 2539 '0%': { 2540 transform: 'scaleX(1)', 2541 transformOrigin: '100% 0%', 2542 opacity: 1 2543 }, 2544 '100%': { 2545 transform: 'scaleX(0.8)', 2546 transformOrigin: '100% 0%', 2547 opacity: 0 2548 } 2549}); 2550const slideMotion = { 2551 'slide-up': { 2552 inKeyframes: slideUpIn, 2553 outKeyframes: slideUpOut 2554 }, 2555 'slide-down': { 2556 inKeyframes: slideDownIn, 2557 outKeyframes: slideDownOut 2558 }, 2559 'slide-left': { 2560 inKeyframes: slideLeftIn, 2561 outKeyframes: slideLeftOut 2562 }, 2563 'slide-right': { 2564 inKeyframes: slideRightIn, 2565 outKeyframes: slideRightOut 2566 } 2567}; 2568const initSlideMotion = (token, motionName) => { 2569 const { 2570 antCls 2571 } = token; 2572 const motionCls = `${antCls}-${motionName}`; 2573 const { 2574 inKeyframes, 2575 outKeyframes 2576 } = slideMotion[motionName]; 2577 return [(0, _motion.initMotion)(motionCls, inKeyframes, outKeyframes, token.motionDurationMid), { 2578 [` 2579 ${motionCls}-enter, 2580 ${motionCls}-appear 2581 `]: { 2582 transform: 'scale(0)', 2583 transformOrigin: '0% 0%', 2584 opacity: 0, 2585 animationTimingFunction: token.motionEaseOutQuint, 2586 [`&-prepare`]: { 2587 transform: 'scale(1)' 2588 } 2589 }, 2590 [`${motionCls}-leave`]: { 2591 animationTimingFunction: token.motionEaseInQuint 2592 } 2593 }]; 2594}; 2595exports.initSlideMotion = initSlideMotion; 2596 2597/***/ }), 2598 2599/***/ 99269: 2600/***/ (function(__unused_webpack_module, exports, __webpack_require__) { 2601 2602 2603 2604Object.defineProperty(exports, "__esModule", ({ 2605 value: true 2606})); 2607exports.zoomUpOut = exports.zoomUpIn = exports.zoomRightOut = exports.zoomRightIn = exports.zoomOut = exports.zoomLeftOut = exports.zoomLeftIn = exports.zoomIn = exports.zoomDownOut = exports.zoomDownIn = exports.zoomBigOut = exports.zoomBigIn = exports.initZoomMotion = void 0; 2608var _cssinjs = __webpack_require__(788422); 2609var _motion = __webpack_require__(194631); 2610const zoomIn = exports.zoomIn = new _cssinjs.Keyframes('antZoomIn', { 2611 '0%': { 2612 transform: 'scale(0.2)', 2613 opacity: 0 2614 }, 2615 '100%': { 2616 transform: 'scale(1)', 2617 opacity: 1 2618 } 2619}); 2620const zoomOut = exports.zoomOut = new _cssinjs.Keyframes('antZoomOut', { 2621 '0%': { 2622 transform: 'scale(1)' 2623 }, 2624 '100%': { 2625 transform: 'scale(0.2)', 2626 opacity: 0 2627 } 2628}); 2629const zoomBigIn = exports.zoomBigIn = new _cssinjs.Keyframes('antZoomBigIn', { 2630 '0%': { 2631 transform: 'scale(0.8)', 2632 opacity: 0 2633 }, 2634 '100%': { 2635 transform: 'scale(1)', 2636 opacity: 1 2637 } 2638}); 2639const zoomBigOut = exports.zoomBigOut = new _cssinjs.Keyframes('antZoomBigOut', { 2640 '0%': { 2641 transform: 'scale(1)' 2642 }, 2643 '100%': { 2644 transform: 'scale(0.8)', 2645 opacity: 0 2646 } 2647}); 2648const zoomUpIn = exports.zoomUpIn = new _cssinjs.Keyframes('antZoomUpIn', { 2649 '0%': { 2650 transform: 'scale(0.8)', 2651 transformOrigin: '50% 0%', 2652 opacity: 0 2653 }, 2654 '100%': { 2655 transform: 'scale(1)', 2656 transformOrigin: '50% 0%' 2657 } 2658}); 2659const zoomUpOut = exports.zoomUpOut = new _cssinjs.Keyframes('antZoomUpOut', { 2660 '0%': { 2661 transform: 'scale(1)', 2662 transformOrigin: '50% 0%' 2663 }, 2664 '100%': { 2665 transform: 'scale(0.8)', 2666 transformOrigin: '50% 0%', 2667 opacity: 0 2668 } 2669}); 2670const zoomLeftIn = exports.zoomLeftIn = new _cssinjs.Keyframes('antZoomLeftIn', { 2671 '0%': { 2672 transform: 'scale(0.8)', 2673 transformOrigin: '0% 50%', 2674 opacity: 0 2675 }, 2676 '100%': { 2677 transform: 'scale(1)', 2678 transformOrigin: '0% 50%' 2679 } 2680}); 2681const zoomLeftOut = exports.zoomLeftOut = new _cssinjs.Keyframes('antZoomLeftOut', { 2682 '0%': { 2683 transform: 'scale(1)', 2684 transformOrigin: '0% 50%' 2685 }, 2686 '100%': { 2687 transform: 'scale(0.8)', 2688 transformOrigin: '0% 50%', 2689 opacity: 0 2690 } 2691}); 2692const zoomRightIn = exports.zoomRightIn = new _cssinjs.Keyframes('antZoomRightIn', { 2693 '0%': { 2694 transform: 'scale(0.8)', 2695 transformOrigin: '100% 50%', 2696 opacity: 0 2697 }, 2698 '100%': { 2699 transform: 'scale(1)', 2700 transformOrigin: '100% 50%' 2701 } 2702}); 2703const zoomRightOut = exports.zoomRightOut = new _cssinjs.Keyframes('antZoomRightOut', { 2704 '0%': { 2705 transform: 'scale(1)', 2706 transformOrigin: '100% 50%' 2707 }, 2708 '100%': { 2709 transform: 'scale(0.8)', 2710 transformOrigin: '100% 50%', 2711 opacity: 0 2712 } 2713}); 2714const zoomDownIn = exports.zoomDownIn = new _cssinjs.Keyframes('antZoomDownIn', { 2715 '0%': { 2716 transform: 'scale(0.8)', 2717 transformOrigin: '50% 100%', 2718 opacity: 0 2719 }, 2720 '100%': { 2721 transform: 'scale(1)', 2722 transformOrigin: '50% 100%' 2723 } 2724}); 2725const zoomDownOut = exports.zoomDownOut = new _cssinjs.Keyframes('antZoomDownOut', { 2726 '0%': { 2727 transform: 'scale(1)', 2728 transformOrigin: '50% 100%' 2729 }, 2730 '100%': { 2731 transform: 'scale(0.8)', 2732 transformOrigin: '50% 100%', 2733 opacity: 0 2734 } 2735}); 2736const zoomMotion = { 2737 zoom: { 2738 inKeyframes: zoomIn, 2739 outKeyframes: zoomOut 2740 }, 2741 'zoom-big': { 2742 inKeyframes: zoomBigIn, 2743 outKeyframes: zoomBigOut 2744 }, 2745 'zoom-big-fast': { 2746 inKeyframes: zoomBigIn, 2747 outKeyframes: zoomBigOut 2748 }, 2749 'zoom-left': { 2750 inKeyframes: zoomLeftIn, 2751 outKeyframes: zoomLeftOut 2752 }, 2753 'zoom-right': { 2754 inKeyframes: zoomRightIn, 2755 outKeyframes: zoomRightOut 2756 }, 2757 'zoom-up': { 2758 inKeyframes: zoomUpIn, 2759 outKeyframes: zoomUpOut 2760 }, 2761 'zoom-down': { 2762 inKeyframes: zoomDownIn, 2763 outKeyframes: zoomDownOut 2764 } 2765}; 2766const initZoomMotion = (token, motionName) => { 2767 const { 2768 antCls 2769 } = token; 2770 const motionCls = `${antCls}-${motionName}`;
2771 const { 2772 inKeyframes, 2773 outKeyframes 2774 } = zoomMotion[motionName]; 2775 return [(0, _motion.initMotion)(motionCls, inKeyframes, outKeyframes, motionName === 'zoom-big-fast' ? token.motionDurationFast : token.motionDurationMid), { 2776 [` 2777 ${motionCls}-enter, 2778 ${motionCls}-appear 2779 `]: { 2780 transform: 'scale(0)', 2781 opacity: 0, 2782 animationTimingFunction: token.motionEaseOutCirc, 2783 '&-prepare': { 2784 transform: 'none' 2785 } 2786 }, 2787 [`${motionCls}-leave`]: { 2788 animationTimingFunction: token.motionEaseInOutCirc 2789 } 2790 }]; 2791}; 2792exports.initZoomMotion = initZoomMotion; 2793 2794/***/ }), 2795 2796/***/ 822548: 2797/***/ (function(__unused_webpack_module, exports) { 2798 2799 2800 2801Object.defineProperty(exports, "__esModule", ({ 2802 value: true 2803})); 2804exports.operationUnit = void 0; 2805// eslint-disable-next-line import/prefer-default-export 2806const operationUnit = token => ({ 2807 // FIXME: This use link but is a operation unit. Seems should be a colorPrimary. 2808 // And Typography use this to generate link style which should not do this. 2809 color: token.colorLink, 2810 textDecoration: 'none', 2811 outline: 'none', 2812 cursor: 'pointer', 2813 transition: `color ${token.motionDurationSlow}`, 2814 '&:focus, &:hover': { 2815 color: token.colorLinkHover 2816 }, 2817 '&:active': { 2818 color: token.colorLinkActive 2819 } 2820}); 2821exports.operationUnit = operationUnit; 2822 2823/***/ }), 2824 2825/***/ 209064: 2826/***/ (function(__unused_webpack_module, exports, __webpack_require__) { 2827 2828 2829 2830Object.defineProperty(exports, "__esModule", ({ 2831 value: true 2832})); 2833exports.MAX_VERTICAL_CONTENT_RADIUS = void 0; 2834exports["default"] = getArrowStyle; 2835exports.getArrowOffsetToken = getArrowOffsetToken; 2836var _roundedArrow = __webpack_require__(351337); 2837const MAX_VERTICAL_CONTENT_RADIUS = exports.MAX_VERTICAL_CONTENT_RADIUS = 8; 2838function getArrowOffsetToken(options) { 2839 const { 2840 contentRadius, 2841 limitVerticalRadius 2842 } = options; 2843 const arrowOffset = contentRadius > 12 ? contentRadius + 2 : 12; 2844 const arrowOffsetVertical = limitVerticalRadius ? MAX_VERTICAL_CONTENT_RADIUS : arrowOffset; 2845 return { 2846 arrowOffsetHorizontal: arrowOffset, 2847 arrowOffsetVertical 2848 }; 2849} 2850function isInject(valid, code) { 2851 if (!valid) return {}; 2852 return code; 2853} 2854function getArrowStyle(token, colorBg, options) { 2855 const { 2856 componentCls, 2857 boxShadowPopoverArrow, 2858 arrowOffsetVertical, 2859 arrowOffsetHorizontal 2860 } = token; 2861 const { 2862 arrowDistance = 0, 2863 arrowPlacement = { 2864 left: true, 2865 right: true, 2866 top: true, 2867 bottom: true 2868 } 2869 } = options || {}; 2870 return { 2871 [componentCls]: Object.assign(Object.assign(Object.assign(Object.assign({ 2872 // ============================ Basic ============================ 2873 [`${componentCls}-arrow`]: [Object.assign(Object.assign({ 2874 position: 'absolute', 2875 zIndex: 1, 2876 display: 'block' 2877 }, (0, _roundedArrow.genRoundedArrow)(token, colorBg, boxShadowPopoverArrow)), { 2878 '&:before': { 2879 background: colorBg 2880 } 2881 })] 2882 }, isInject(!!arrowPlacement.top, { 2883 [[`&-placement-top ${componentCls}-arrow`, `&-placement-topLeft ${componentCls}-arrow`, `&-placement-topRight ${componentCls}-arrow`].join(',')]: { 2884 bottom: arrowDistance, 2885 transform: 'translateY(100%) rotate(180deg)' 2886 }, 2887 [`&-placement-top ${componentCls}-arrow`]: { 2888 left: { 2889 _skip_check_: true, 2890 value: '50%' 2891 }, 2892 transform: 'translateX(-50%) translateY(100%) rotate(180deg)' 2893 }, 2894 [`&-placement-topLeft ${componentCls}-arrow`]: { 2895 left: { 2896 _skip_check_: true, 2897 value: arrowOffsetHorizontal 2898 } 2899 }, 2900 [`&-placement-topRight ${componentCls}-arrow`]: { 2901 right: { 2902 _skip_check_: true, 2903 value: arrowOffsetHorizontal 2904 } 2905 } 2906 })), isInject(!!arrowPlacement.bottom, { 2907 [[`&-placement-bottom ${componentCls}-arrow`, `&-placement-bottomLeft ${componentCls}-arrow`, `&-placement-bottomRight ${componentCls}-arrow`].join(',')]: { 2908 top: arrowDistance, 2909 transform: `translateY(-100%)` 2910 }, 2911 [`&-placement-bottom ${componentCls}-arrow`]: { 2912 left: { 2913 _skip_check_: true, 2914 value: '50%' 2915 }, 2916 transform: `translateX(-50%) translateY(-100%)` 2917 }, 2918 [`&-placement-bottomLeft ${componentCls}-arrow`]: { 2919 left: { 2920 _skip_check_: true, 2921 value: arrowOffsetHorizontal 2922 } 2923 }, 2924 [`&-placement-bottomRight ${componentCls}-arrow`]: { 2925 right: { 2926 _skip_check_: true, 2927 value: arrowOffsetHorizontal 2928 } 2929 } 2930 })), isInject(!!arrowPlacement.left, { 2931 [[`&-placement-left ${componentCls}-arrow`, `&-placement-leftTop ${componentCls}-arrow`, `&-placement-leftBottom ${componentCls}-arrow`].join(',')]: { 2932 right: { 2933 _skip_check_: true, 2934 value: arrowDistance 2935 }, 2936 transform: 'translateX(100%) rotate(90deg)' 2937 }, 2938 [`&-placement-left ${componentCls}-arrow`]: { 2939 top: { 2940 _skip_check_: true, 2941 value: '50%' 2942 }, 2943 transform: 'translateY(-50%) translateX(100%) rotate(90deg)' 2944 }, 2945 [`&-placement-leftTop ${componentCls}-arrow`]: { 2946 top: arrowOffsetVertical 2947 }, 2948 [`&-placement-leftBottom ${componentCls}-arrow`]: { 2949 bottom: arrowOffsetVertical 2950 } 2951 })), isInject(!!arrowPlacement.right, { 2952 [[`&-placement-right ${componentCls}-arrow`, `&-placement-rightTop ${componentCls}-arrow`, `&-placement-rightBottom ${componentCls}-arrow`].join(',')]: { 2953 left: { 2954 _skip_check_: true, 2955 value: arrowDistance 2956 }, 2957 transform: 'translateX(-100%) rotate(-90deg)' 2958 }, 2959 [`&-placement-right ${componentCls}-arrow`]: { 2960 top: { 2961 _skip_check_: true, 2962 value: '50%' 2963 }, 2964 transform: 'translateY(-50%) translateX(-100%) rotate(-90deg)' 2965 }, 2966 [`&-placement-rightTop ${componentCls}-arrow`]: { 2967 top: arrowOffsetVertical 2968 }, 2969 [`&-placement-rightBottom ${componentCls}-arrow`]: { 2970 bottom: arrowOffsetVertical 2971 } 2972 })) 2973 }; 2974} 2975 2976/***/ }), 2977 2978/***/ 351337: 2979/***/ (function(__unused_webpack_module, exports, __webpack_require__) { 2980 2981 2982 2983Object.defineProperty(exports, "__esModule", ({ 2984 value: true 2985})); 2986exports.genRoundedArrow = void 0; 2987exports.getArrowToken = getArrowToken; 2988var _cssinjs = __webpack_require__(788422); 2989function getArrowToken(token) { 2990 const { 2991 sizePopupArrow, 2992 borderRadiusXS, 2993 borderRadiusOuter 2994 } = token; 2995 const unitWidth = sizePopupArrow / 2; 2996 const ax = 0; 2997 const ay = unitWidth; 2998 const bx = borderRadiusOuter * 1 / Math.sqrt(2); 2999 const by = unitWidth - borderRadiusOuter * (1 - 1 / Math.sqrt(2)); 3000 const cx = unitWidth - borderRadiusXS * (1 / Math.sqrt(2)); 3001 const cy = borderRadiusOuter * (Math.sqrt(2) - 1) + borderRadiusXS * (1 / Math.sqrt(2)); 3002 const dx = 2 * unitWidth - cx; 3003 const dy = cy; 3004 const ex = 2 * unitWidth - bx; 3005 const ey = by; 3006 const fx = 2 * unitWidth - ax; 3007 const fy = ay; 3008 const shadowWidth = unitWidth * Math.sqrt(2) + borderRadiusOuter * (Math.sqrt(2) - 2); 3009 const polygonOffset = borderRadiusOuter * (Math.sqrt(2) - 1); 3010 const arrowPolygon = `polygon(${polygonOffset}px 100%, 50% ${polygonOffset}px, ${2 * unitWidth - polygonOffset}px 100%, ${polygonOffset}px 100%)`; 3011 const arrowPath = `path('M ${ax} ${ay} A ${borderRadiusOuter} ${borderRadiusOuter} 0 0 0 ${bx} ${by} L ${cx} ${cy} A ${borderRadiusXS} ${borderRadiusXS} 0 0 1 ${dx} ${dy} L ${ex} ${ey} A ${borderRadiusOuter} ${borderRadiusOuter} 0 0 0 ${fx} ${fy} Z')`; 3012 return { 3013 arrowShadowWidth: shadowWidth, 3014 arrowPath, 3015 arrowPolygon 3016 }; 3017} 3018const genRoundedArrow = (token, bgColor, boxShadow) => { 3019 const { 3020 sizePopupArrow, 3021 arrowPolygon, 3022 arrowPath, 3023 arrowShadowWidth, 3024 borderRadiusXS, 3025 calc 3026 } = token; 3027 return { 3028 pointerEvents: 'none', 3029 width: sizePopupArrow, 3030 height: sizePopupArrow, 3031 overflow: 'hidden', 3032 '&::before': { 3033 position: 'absolute', 3034 bottom: 0, 3035 insetInlineStart: 0, 3036 width: sizePopupArrow, 3037 height: calc(sizePopupArrow).div(2).equal(), 3038 background: bgColor, 3039 clipPath: { 3040 _multi_value_: true, 3041 value: [arrowPolygon, arrowPath] 3042 }, 3043 content: '""' 3044 }, 3045 '&::after': { 3046 content: '""', 3047 position: 'absolute', 3048 width: arrowShadowWidth, 3049 height: arrowShadowWidth, 3050 bottom: 0, 3051 insetInline: 0, 3052 margin: 'auto', 3053 borderRadius: { 3054 _skip_check_: true, 3055 value: `0 0 ${(0, _cssinjs.unit)(borderRadiusXS)} 0` 3056 }, 3057 transform: 'translateY(50%) rotate(-135deg)', 3058 boxShadow, 3059 zIndex: 0, 3060 background: 'transparent' 3061 } 3062 }; 3063}; 3064exports.genRoundedArrow = genRoundedArrow; 3065 3066/***/ }), 3067 3068/***/ 149385: 3069/***/ (function(__unused_webpack_module, exports, __webpack_require__) { 3070 3071var __webpack_unused_export__; 3072 3073"use client"; 3074 3075var _interopRequireDefault = (__webpack_require__(626314)["default"]); 3076var _interopRequireWildcard = (__webpack_require__(136199)["default"]); 3077__webpack_unused_export__ = ({ 3078 value: true 3079}); 3080exports.Z = void 0; 3081var React = _interopRequireWildcard(__webpack_require__(902265)); 3082var _classnames = _interopRequireDefault(__webpack_require__(354440)); 3083var _omit = _interopRequireDefault(__webpack_require__(702041)); 3084var _throttleDebounce = __webpack_require__(898704); 3085var _reactNode = __webpack_require__(839904); 3086var _warning = __webpack_require__(15218); 3087var _configProvider = __webpack_require__(209273); 3088var _index = _interopRequireDefault(__webpack_require__(615952)); 3089var __rest = void 0 && (void 0).__rest || function (s, e) { 3090 var t = {}; 3091 for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p]; 3092 if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) { 3093 if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]]; 3094 } 3095 return t; 3096}; 3097const SpinSizes = (/* unused pure expression or super */ null && (['small', 'default', 'large'])); 3098// Render indicator 3099let defaultIndicator = null; 3100function renderIndicator(prefixCls, props) { 3101 const { 3102 indicator 3103 } = props; 3104 const dotClassName = `${prefixCls}-dot`; 3105 // should not be render default indicator when indicator value is null 3106 if (indicator === null) { 3107 return null; 3108 } 3109 if ((0, _reactNode.isValidElement)(indicator)) { 3110 return (0, _reactNode.cloneElement)(indicator, { 3111 className: (0, _classnames.default)(indicator.props.className, dotClassName) 3112 }); 3113 } 3114 if ((0, _reactNode.isValidElement)(defaultIndicator)) { 3115 return (0, _reactNode.cloneElement)(defaultIndicator, { 3116 className: (0, _classnames.default)(defaultIndicator.props.className, dotClassName) 3117 }); 3118 } 3119 return /*#__PURE__*/React.createElement("span", { 3120 className: (0, _classnames.default)(dotClassName, `${prefixCls}-dot-spin`) 3121 }, /*#__PURE__*/React.createElement("i", { 3122 className: `${prefixCls}-dot-item`, 3123 key: 1 3124 }), /*#__PURE__*/React.createElement("i", { 3125 className: `${prefixCls}-dot-item`, 3126 key: 2 3127 }), /*#__PURE__*/React.createElement("i", { 3128 className: `${prefixCls}-dot-item`, 3129 key: 3 3130 }), /*#__PURE__*/React.createElement("i", { 3131 className: `${prefixCls}-dot-item`, 3132 key: 4 3133 })); 3134} 3135function shouldDelay(spinning, delay) { 3136 return !!spinning && !!delay && !isNaN(Number(delay)); 3137} 3138const Spin = props => { 3139 const { 3140 prefixCls: customizePrefixCls, 3141 spinning: customSpinning = true,
3142 delay = 0, 3143 className, 3144 rootClassName, 3145 size = 'default', 3146 tip, 3147 wrapperClassName, 3148 style, 3149 children, 3150 fullscreen 3151 } = props, 3152 restProps = __rest(props, ["prefixCls", "spinning", "delay", "className", "rootClassName", "size", "tip", "wrapperClassName", "style", "children", "fullscreen"]); 3153 const { 3154 getPrefixCls 3155 } = React.useContext(_configProvider.ConfigContext); 3156 const prefixCls = getPrefixCls('spin', customizePrefixCls); 3157 const [wrapCSSVar, hashId, cssVarCls] = (0, _index.default)(prefixCls); 3158 const [spinning, setSpinning] = React.useState(() => customSpinning && !shouldDelay(customSpinning, delay)); 3159 React.useEffect(() => { 3160 if (customSpinning) { 3161 const showSpinning = (0, _throttleDebounce.debounce)(delay, () => { 3162 setSpinning(true); 3163 }); 3164 showSpinning(); 3165 return () => { 3166 var _a; 3167 (_a = showSpinning === null || showSpinning === void 0 ? void 0 : showSpinning.cancel) === null || _a === void 0 ? void 0 : _a.call(showSpinning); 3168 }; 3169 } 3170 setSpinning(false); 3171 }, [delay, customSpinning]); 3172 const isNestedPattern = React.useMemo(() => typeof children !== 'undefined' && !fullscreen, [children, fullscreen]); 3173 if (false) {} 3174 const { 3175 direction, 3176 spin 3177 } = React.useContext(_configProvider.ConfigContext); 3178 const spinClassName = (0, _classnames.default)(prefixCls, spin === null || spin === void 0 ? void 0 : spin.className, { 3179 [`${prefixCls}-sm`]: size === 'small', 3180 [`${prefixCls}-lg`]: size === 'large', 3181 [`${prefixCls}-spinning`]: spinning, 3182 [`${prefixCls}-show-text`]: !!tip, 3183 [`${prefixCls}-fullscreen`]: fullscreen, 3184 [`${prefixCls}-fullscreen-show`]: fullscreen && spinning, 3185 [`${prefixCls}-rtl`]: direction === 'rtl' 3186 }, className, rootClassName, hashId, cssVarCls); 3187 const containerClassName = (0, _classnames.default)(`${prefixCls}-container`, { 3188 [`${prefixCls}-blur`]: spinning 3189 }); 3190 // fix https://fb.me/react-unknown-prop 3191 const divProps = (0, _omit.default)(restProps, ['indicator']); 3192 const mergedStyle = Object.assign(Object.assign({}, spin === null || spin === void 0 ? void 0 : spin.style), style); 3193 const spinElement = /*#__PURE__*/React.createElement("div", Object.assign({}, divProps, { 3194 style: mergedStyle, 3195 className: spinClassName, 3196 "aria-live": "polite", 3197 "aria-busy": spinning 3198 }), renderIndicator(prefixCls, props), tip && (isNestedPattern || fullscreen) ? ( /*#__PURE__*/React.createElement("div", { 3199 className: `${prefixCls}-text` 3200 }, tip)) : null); 3201 if (isNestedPattern) { 3202 return wrapCSSVar( /*#__PURE__*/React.createElement("div", Object.assign({}, divProps, { 3203 className: (0, _classnames.default)(`${prefixCls}-nested-loading`, wrapperClassName, hashId, cssVarCls) 3204 }), spinning && /*#__PURE__*/React.createElement("div", { 3205 key: "loading" 3206 }, spinElement), /*#__PURE__*/React.createElement("div", { 3207 className: containerClassName, 3208 key: "container" 3209 }, children))); 3210 } 3211 return wrapCSSVar(spinElement); 3212}; 3213Spin.setDefaultIndicator = indicator => { 3214 defaultIndicator = indicator; 3215}; 3216if (false) {} 3217var _default = exports.Z = Spin; 3218 3219/***/ }), 3220 3221/***/ 615952: 3222/***/ (function(__unused_webpack_module, exports, __webpack_require__) { 3223 3224 3225 3226Object.defineProperty(exports, "__esModule", ({ 3227 value: true 3228})); 3229exports.prepareComponentToken = exports["default"] = void 0; 3230var _cssinjs = __webpack_require__(359901); 3231var _style = __webpack_require__(405101); 3232var _internal = __webpack_require__(18710); 3233const antSpinMove = new _cssinjs.Keyframes('antSpinMove', { 3234 to: { 3235 opacity: 1 3236 } 3237}); 3238const antRotate = new _cssinjs.Keyframes('antRotate', { 3239 to: { 3240 transform: 'rotate(405deg)' 3241 } 3242}); 3243const genSpinStyle = token => { 3244 const { 3245 componentCls, 3246 calc 3247 } = token; 3248 return { 3249 [`${componentCls}`]: Object.assign(Object.assign({}, (0, _style.resetComponent)(token)), { 3250 position: 'absolute', 3251 display: 'none', 3252 color: token.colorPrimary, 3253 fontSize: 0, 3254 textAlign: 'center', 3255 verticalAlign: 'middle', 3256 opacity: 0, 3257 transition: `transform ${token.motionDurationSlow} ${token.motionEaseInOutCirc}`, 3258 '&-spinning': { 3259 position: 'static', 3260 display: 'inline-block', 3261 opacity: 1 3262 }, 3263 [`${componentCls}-text`]: { 3264 fontSize: token.fontSize, 3265 paddingTop: calc(calc(token.dotSize).sub(token.fontSize)).div(2).add(2).equal() 3266 }, 3267 '&-fullscreen': { 3268 position: 'fixed', 3269 width: '100vw', 3270 height: '100vh', 3271 backgroundColor: token.colorBgMask, 3272 zIndex: token.zIndexPopupBase, 3273 inset: 0, 3274 display: 'flex', 3275 alignItems: 'center', 3276 flexDirection: 'column', 3277 justifyContent: 'center', 3278 opacity: 0, 3279 visibility: 'hidden', 3280 transition: `all ${token.motionDurationMid}`, 3281 '&-show': { 3282 opacity: 1, 3283 visibility: 'visible' 3284 }, 3285 [`${componentCls}-dot ${componentCls}-dot-item`]: { 3286 backgroundColor: token.colorWhite 3287 }, 3288 [`${componentCls}-text`]: { 3289 color: token.colorTextLightSolid 3290 } 3291 }, 3292 '&-nested-loading': { 3293 position: 'relative', 3294 [`> div > ${componentCls}`]: { 3295 position: 'absolute', 3296 top: 0, 3297 insetInlineStart: 0, 3298 zIndex: 4, 3299 display: 'block', 3300 width: '100%', 3301 height: '100%', 3302 maxHeight: token.contentHeight, 3303 [`${componentCls}-dot`]: { 3304 position: 'absolute', 3305 top: '50%', 3306 insetInlineStart: '50%', 3307 margin: calc(token.dotSize).mul(-1).div(2).equal() 3308 }, 3309 [`${componentCls}-text`]: { 3310 position: 'absolute', 3311 top: '50%', 3312 width: '100%', 3313 textShadow: `0 1px 2px ${token.colorBgContainer}` // FIXME: shadow 3314 }, 3315 [`&${componentCls}-show-text ${componentCls}-dot`]: { 3316 marginTop: calc(token.dotSize).div(2).mul(-1).sub(10).equal() 3317 }, 3318 '&-sm': { 3319 [`${componentCls}-dot`]: { 3320 margin: calc(token.dotSizeSM).mul(-1).div(2).equal() 3321 }, 3322 [`${componentCls}-text`]: { 3323 paddingTop: calc(calc(token.dotSizeSM).sub(token.fontSize)).div(2).add(2).equal() 3324 }, 3325 [`&${componentCls}-show-text ${componentCls}-dot`]: { 3326 marginTop: calc(token.dotSizeSM).div(2).mul(-1).sub(10).equal() 3327 } 3328 }, 3329 '&-lg': { 3330 [`${componentCls}-dot`]: { 3331 margin: calc(token.dotSizeLG).mul(-1).div(2).equal() 3332 }, 3333 [`${componentCls}-text`]: { 3334 paddingTop: calc(calc(token.dotSizeLG).sub(token.fontSize)).div(2).add(2).equal() 3335 }, 3336 [`&${componentCls}-show-text ${componentCls}-dot`]: { 3337 marginTop: calc(token.dotSizeLG).div(2).mul(-1).sub(10).equal() 3338 } 3339 } 3340 }, 3341 [`${componentCls}-container`]: { 3342 position: 'relative', 3343 transition: `opacity ${token.motionDurationSlow}`, 3344 '&::after': { 3345 position: 'absolute', 3346 top: 0, 3347 insetInlineEnd: 0, 3348 bottom: 0, 3349 insetInlineStart: 0, 3350 zIndex: 10, 3351 width: '100%', 3352 height: '100%', 3353 background: token.colorBgContainer, 3354 opacity: 0, 3355 transition: `all ${token.motionDurationSlow}`, 3356 content: '""', 3357 pointerEvents: 'none' 3358 } 3359 }, 3360 [`${componentCls}-blur`]: { 3361 clear: 'both', 3362 opacity: 0.5, 3363 userSelect: 'none', 3364 pointerEvents: 'none', 3365 [`&::after`]: { 3366 opacity: 0.4, 3367 pointerEvents: 'auto' 3368 } 3369 } 3370 }, 3371 // tip 3372 // ------------------------------ 3373 [`&-tip`]: { 3374 color: token.spinDotDefault 3375 }, 3376 // dots 3377 // ------------------------------ 3378 [`${componentCls}-dot`]: { 3379 position: 'relative', 3380 display: 'inline-block', 3381 fontSize: token.dotSize, 3382 width: '1em', 3383 height: '1em', 3384 '&-item': { 3385 position: 'absolute', 3386 display: 'block', 3387 width: calc(token.dotSize).sub(calc(token.marginXXS).div(2)).div(2).equal(), 3388 height: calc(token.dotSize).sub(calc(token.marginXXS).div(2)).div(2).equal(), 3389 backgroundColor: token.colorPrimary, 3390 borderRadius: '100%', 3391 transform: 'scale(0.75)', 3392 transformOrigin: '50% 50%', 3393 opacity: 0.3, 3394 animationName: antSpinMove, 3395 animationDuration: '1s', 3396 animationIterationCount: 'infinite', 3397 animationTimingFunction: 'linear', 3398 animationDirection: 'alternate', 3399 '&:nth-child(1)': { 3400 top: 0, 3401 insetInlineStart: 0, 3402 animationDelay: '0s' 3403 }, 3404 '&:nth-child(2)': { 3405 top: 0, 3406 insetInlineEnd: 0, 3407 animationDelay: '0.4s' 3408 }, 3409 '&:nth-child(3)': { 3410 insetInlineEnd: 0, 3411 bottom: 0, 3412 animationDelay: '0.8s' 3413 }, 3414 '&:nth-child(4)': { 3415 bottom: 0, 3416 insetInlineStart: 0, 3417 animationDelay: '1.2s' 3418 } 3419 }, 3420 '&-spin': { 3421 transform: 'rotate(45deg)', 3422 animationName: antRotate, 3423 animationDuration: '1.2s', 3424 animationIterationCount: 'infinite', 3425 animationTimingFunction: 'linear' 3426 } 3427 }, 3428 // small 3429 [`&-sm ${componentCls}-dot`]: { 3430 fontSize: token.dotSizeSM, 3431 i: { 3432 width: calc(calc(token.dotSizeSM).sub(calc(token.marginXXS).div(2))).div(2).equal(), 3433 height: calc(calc(token.dotSizeSM).sub(calc(token.marginXXS).div(2))).div(2).equal() 3434 } 3435 }, 3436 // large 3437 [`&-lg ${componentCls}-dot`]: { 3438 fontSize: token.dotSizeLG, 3439 i: { 3440 width: calc(calc(token.dotSizeLG).sub(token.marginXXS)).div(2).equal(), 3441 height: calc(calc(token.dotSizeLG).sub(token.marginXXS)).div(2).equal() 3442 } 3443 }, 3444 [`&${componentCls}-show-text ${componentCls}-text`]: { 3445 display: 'block' 3446 } 3447 }) 3448 }; 3449}; 3450const prepareComponentToken = token => { 3451 const { 3452 controlHeightLG, 3453 controlHeight 3454 } = token; 3455 return { 3456 contentHeight: 400, 3457 dotSize: controlHeightLG / 2, 3458 dotSizeSM: controlHeightLG * 0.35, 3459 dotSizeLG: controlHeight 3460 }; 3461}; 3462// ============================== Export ============================== 3463exports.prepareComponentToken = prepareComponentToken; 3464var _default = exports["default"] = (0, _internal.genStyleHooks)('Spin', token => { 3465 const spinToken = (0, _internal.mergeToken)(token, { 3466 spinDotDefault: token.colorTextDescription 3467 }); 3468 return [genSpinStyle(spinToken)]; 3469}, prepareComponentToken); 3470 3471/***/ }), 3472 3473/***/ 405101: 3474/***/ (function(__unused_webpack_module, exports, __webpack_require__) { 3475 3476 3477"use client"; 3478 3479/* eslint-disable import/prefer-default-export */ 3480Object.defineProperty(exports, "__esModule", ({ 3481 value: true 3482})); 3483exports.genLinkStyle = exports.genFocusStyle = exports.genFocusOutline = exports.genCommonStyle = exports.clearFix = void 0; 3484Object.defineProperty(exports, "operationUnit", ({ 3485 enumerable: true, 3486 get: function () { 3487 return _operationUnit.operationUnit; 3488 } 3489})); 3490exports.textEllipsis = exports.resetIcon = exports.resetComponent = void 0; 3491var _cssinjs = __webpack_require__(359901); 3492var _operationUnit = __webpack_require__(561709); 3493const textEllipsis = exports.textEllipsis = { 3494 overflow: 'hidden', 3495 whiteSpace: 'nowrap', 3496 textOverflow: 'ellipsis' 3497}; 3498const resetComponent = function (token) { 3499 let needInheritFontFamily = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
3500 return { 3501 boxSizing: 'border-box', 3502 margin: 0, 3503 padding: 0, 3504 color: token.colorText, 3505 fontSize: token.fontSize, 3506 // font-variant: @font-variant-base; 3507 lineHeight: token.lineHeight, 3508 listStyle: 'none', 3509 // font-feature-settings: @font-feature-settings-base; 3510 fontFamily: needInheritFontFamily ? 'inherit' : token.fontFamily 3511 }; 3512}; 3513exports.resetComponent = resetComponent; 3514const resetIcon = () => ({ 3515 display: 'inline-flex', 3516 alignItems: 'center', 3517 color: 'inherit', 3518 fontStyle: 'normal', 3519 lineHeight: 0, 3520 textAlign: 'center', 3521 textTransform: 'none', 3522 // for SVG icon, see https://blog.prototypr.io/align-svg-icons-to-text-and-say-goodbye-to-font-icons-d44b3d7b26b4 3523 verticalAlign: '-0.125em', 3524 textRendering: 'optimizeLegibility', 3525 '-webkit-font-smoothing': 'antialiased', 3526 '-moz-osx-font-smoothing': 'grayscale', 3527 '> *': { 3528 lineHeight: 1 3529 }, 3530 svg: { 3531 display: 'inline-block' 3532 } 3533}); 3534exports.resetIcon = resetIcon; 3535const clearFix = () => ({ 3536 // https://github.com/ant-design/ant-design/issues/21301#issuecomment-583955229 3537 '&::before': { 3538 display: 'table', 3539 content: '""' 3540 }, 3541 '&::after': { 3542 // https://github.com/ant-design/ant-design/issues/21864 3543 display: 'table', 3544 clear: 'both', 3545 content: '""' 3546 } 3547}); 3548exports.clearFix = clearFix; 3549const genLinkStyle = token => ({ 3550 a: { 3551 color: token.colorLink, 3552 textDecoration: token.linkDecoration, 3553 backgroundColor: 'transparent', 3554 // remove the gray background on active links in IE 10. 3555 outline: 'none', 3556 cursor: 'pointer', 3557 transition: `color ${token.motionDurationSlow}`, 3558 '-webkit-text-decoration-skip': 'objects', 3559 // remove gaps in links underline in iOS 8+ and Safari 8+. 3560 '&:hover': { 3561 color: token.colorLinkHover 3562 }, 3563 '&:active': { 3564 color: token.colorLinkActive 3565 }, 3566 [`&:active, 3567 &:hover`]: { 3568 textDecoration: token.linkHoverDecoration, 3569 outline: 0 3570 }, 3571 // https://github.com/ant-design/ant-design/issues/22503 3572 '&:focus': { 3573 textDecoration: token.linkFocusDecoration, 3574 outline: 0 3575 }, 3576 '&[disabled]': { 3577 color: token.colorTextDisabled, 3578 cursor: 'not-allowed' 3579 } 3580 } 3581}); 3582exports.genLinkStyle = genLinkStyle; 3583const genCommonStyle = (token, componentPrefixCls) => { 3584 const { 3585 fontFamily, 3586 fontSize 3587 } = token; 3588 const rootPrefixSelector = `[class^="${componentPrefixCls}"], [class*=" ${componentPrefixCls}"]`; 3589 return { 3590 [rootPrefixSelector]: { 3591 fontFamily, 3592 fontSize, 3593 boxSizing: 'border-box', 3594 '&::before, &::after': { 3595 boxSizing: 'border-box' 3596 }, 3597 [rootPrefixSelector]: { 3598 boxSizing: 'border-box', 3599 '&::before, &::after': { 3600 boxSizing: 'border-box' 3601 } 3602 } 3603 } 3604 }; 3605}; 3606exports.genCommonStyle = genCommonStyle; 3607const genFocusOutline = token => ({ 3608 outline: `${(0, _cssinjs.unit)(token.lineWidthFocus)} solid ${token.colorPrimaryBorder}`, 3609 outlineOffset: 1, 3610 transition: 'outline-offset 0s, outline 0s' 3611}); 3612exports.genFocusOutline = genFocusOutline; 3613const genFocusStyle = token => ({ 3614 '&:focus-visible': Object.assign({}, genFocusOutline(token)) 3615}); 3616exports.genFocusStyle = genFocusStyle; 3617 3618/***/ }), 3619 3620/***/ 561709: 3621/***/ (function(__unused_webpack_module, exports) { 3622 3623 3624 3625Object.defineProperty(exports, "__esModule", ({ 3626 value: true 3627})); 3628exports.operationUnit = void 0; 3629// eslint-disable-next-line import/prefer-default-export 3630const operationUnit = token => ({ 3631 // FIXME: This use link but is a operation unit. Seems should be a colorPrimary. 3632 // And Typography use this to generate link style which should not do this. 3633 color: token.colorLink, 3634 textDecoration: 'none', 3635 outline: 'none', 3636 cursor: 'pointer', 3637 transition: `color ${token.motionDurationSlow}`, 3638 '&:focus, &:hover': { 3639 color: token.colorLinkHover 3640 }, 3641 '&:active': { 3642 color: token.colorLinkActive 3643 } 3644}); 3645exports.operationUnit = operationUnit; 3646 3647/***/ }) 3648 3649}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.