1 line
34 KiB
JavaScript
1 line
34 KiB
JavaScript
import{$ as e,$t as t,Bn as n,Bt as r,Jn as i,Ln as a,Or as o,Sr as s,St as c,Tr as l,Y as u,an as d,cn as f,dn as p,fn as m,mn as h,pn as g,tn as _,wn as v,xn as y,xt as b}from"./jsx-runtime-NwRKtVrk.js";import{v as x}from"./CopyOutlined-bJLUKQgS.js";import{r as S}from"./statusUtils-G17j4Ng-.js";import{t as C}from"./useBreakpoint-BdDQSe50.js";import{a as w,i as T}from"./ColorPresets-BBbJffTn.js";var E=o(l());function ee(e){let{prefixCls:t,className:n,style:r,status:i}=e,a=`${t}-rail`;return E.createElement(`div`,{className:s(a,`${a}-${i}`,n),style:r})}var D=E.createContext({}),O=E.createContext(null);function k(){return k=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},k.apply(this,arguments)}var A=E.createContext({}),j=E.forwardRef((e,t)=>{let{className:r,style:i,children:a,...o}=e,{prefixCls:c,classNames:l,styles:u}=E.useContext(O),{className:d,style:f}=E.useContext(A),p=`${c}-item`;return E.createElement(`div`,k({},n(o,!1),{ref:t,className:s(`${p}-icon`,l.itemIcon,d,r),style:{...u.itemIcon,...f,...i}}),a)});function M(){return M=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},M.apply(this,arguments)}function N(e){return e!=null}function P(e){let{prefixCls:t,classNames:n,styles:r,data:a,last:o,nextStatus:c,active:l,index:u,itemRender:d,iconRender:f,itemWrapperRender:p,onClick:m}=e,h=`${t}-item`,{railFollowPrevStatus:g}=E.useContext(D),{ItemComponent:_}=E.useContext(O),{onClick:v,title:y,subTitle:b,content:x,description:S,disabled:C,icon:w,status:T,className:k,style:P,classNames:F={},styles:I={},...L}=a,R=x??S,te={item:{...a,content:R},index:u,active:l},ne=!!(m||v)&&!C,z={};ne&&(z.role=`button`,z.tabIndex=0,z.onClick=e=>{v?.(e),m(u)},z.onKeyDown=e=>{let{which:t}=e;(t===i.ENTER||t===i.SPACE)&&m(u)});let B=T||`wait`,V=N(y),H=N(b),U=s(h,`${h}-${B}`,{[`${h}-custom`]:w,[`${h}-active`]:l,[`${h}-disabled`]:C===!0,[`${h}-empty-header`]:!V&&!H},k,n.item,F.root),W=E.createElement(j,null);f&&(W=f(W,{...te,components:{Icon:j}}));let G=E.createElement(`div`,{className:s(`${h}-wrapper`,n.itemWrapper,F.wrapper),style:{...r.itemWrapper,...I.wrapper}},E.createElement(A.Provider,{value:{className:F.icon,style:I.icon}},W),E.createElement(`div`,{className:s(`${h}-section`,n.itemSection,F.section),style:{...r.itemSection,...I.section}},E.createElement(`div`,{className:s(`${h}-header`,n.itemHeader,F.header),style:{...r.itemHeader,...I.header}},V&&E.createElement(`div`,{className:s(`${h}-title`,n.itemTitle,F.title),style:{...r.itemTitle,...I.title}},y),H&&E.createElement(`div`,{title:typeof b==`string`?b:void 0,className:s(`${h}-subtitle`,n.itemSubtitle,F.subtitle),style:{...r.itemSubtitle,...I.subtitle}},b),!o&&E.createElement(ee,{prefixCls:h,className:s(n.itemRail,F.rail),style:{...r.itemRail,...I.rail},status:g?T:c})),N(R)&&E.createElement(`div`,{className:s(`${h}-content`,n.itemContent,F.content),style:{...r.itemContent,...I.content}},R))),K=E.createElement(_,M({},L,z,{className:U,style:{...r.item,...I.root,...P}}),p?p(G):G);return d&&(K=d(K,te)||null),K}function F(){return F=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},F.apply(this,arguments)}var I={};function L(e){let{prefixCls:t=`rc-steps`,style:n,className:r,classNames:i=I,styles:a=I,rootClassName:o,orientation:c,titlePlacement:l,components:u,status:d=`process`,current:f=0,initial:p=0,onChange:m,items:h,iconRender:g,itemRender:_,itemWrapperRender:v,...y}=e,b=c===`vertical`,x=b?`vertical`:`horizontal`,S=!b&&l===`vertical`?`vertical`:`horizontal`,C=s(t,`${t}-${x}`,`${t}-title-${S}`,o,r,i.root),w=E.useMemo(()=>(h||[]).filter(Boolean),[h]),T=E.useMemo(()=>w.map(({status:e},t)=>{let n=p+t;return e||(n===f?d:n<f?`finish`:`wait`)}),[w,d,f,p]),ee=e=>{m&&f!==e&&m(e)},{root:D=`div`,item:k=`div`}=u||{},A=E.useMemo(()=>({prefixCls:t,classNames:i,styles:a,ItemComponent:k}),[t,i,a,k]),j=(e,n)=>{let r=p+n,o=T[n],s=T[n+1],c={...e,status:o};return E.createElement(P,{key:r,prefixCls:t,classNames:i,styles:a,data:c,nextStatus:s,active:r===f,index:r,last:w.length-1===n,iconRender:g,itemRender:_,itemWrapperRender:v,onClick:m&&ee})};return E.createElement(D,F({className:C,style:{...n,...a?.root}},y),E.createElement(O.Provider,{value:A},w.map(j)))}var R=L,te=E.createContext(null),ne=e=>{let{prefixCls:t}=e;return E.createElement(`svg`,{className:`${t}-panel-arrow`,viewBox:`0 0 100 100`,xmlns:`http://www.w3.org/2000/svg`,preserveAspectRatio:`none`},E.createElement(`title`,null,`Arrow`),E.createElement(`path`,{d:`M 0 0 L 100 50 L 0 100`}))},z=e=>{let{prefixCls:t,rootPrefixCls:n,children:r,percent:i}=e,a=`${t}-item-progress-icon`,o=`${a}-circle`,[,c]=b(n,`cmp-steps`),l=`calc(${c(`progress-radius`)} * 2 * ${Math.PI*i/100}) 9999`;return E.createElement(E.Fragment,null,E.createElement(`svg`,{className:`${a}-svg`,viewBox:`0 0 100 100`,width:`100%`,height:`100%`,xmlns:`http://www.w3.org/2000/svg`,"aria-valuemax":100,"aria-valuemin":0,"aria-valuenow":i},E.createElement(`title`,null,`Progress`),E.createElement(`circle`,{className:s(o,`${o}-rail`)}),E.createElement(`circle`,{className:s(o,`${o}-ptg`),strokeDasharray:l,transform:`rotate(-90 50 50)`})),r)},B=e=>{let{componentCls:t,antCls:n}=e,r=`${t}-item`,[i,a]=b(n,`cmp-steps`);return{[`${t}-horizontal`]:{[`> ${r}`]:{flex:`1 1 auto`,minWidth:e.iconSize,[`${r}-rail`]:{[i(`horizontal-rail-margin`)]:`calc(${a(`icon-size-max`)} / 2 + ${a(`item-wrapper-padding-top`)})`,position:`static`,marginTop:a(`horizontal-rail-margin`),width:`auto`,borderBlockStartWidth:a(`rail-size`),flex:1,minWidth:0,alignSelf:`flex-start`,transform:`translateY(-50%)`}}}}},V=e=>{let{componentCls:t,customIconFontSize:n,motionDurationSlow:r,iconSize:i,lineWidth:a,lineType:o,antCls:s}=e,c=`${t}-item`,[l,u]=b(s,`cmp-steps`);return{[t]:{[l(`icon-size`)]:i,[l(`icon-border-width`)]:a,[`${c}-icon`]:{width:u(`icon-size`),height:u(`icon-size`),margin:0,flex:`none`,display:`flex`,alignItems:`center`,justifyContent:`center`,fontSize:e.iconFontSize,fontFamily:e.fontFamily,lineHeight:u(`icon-size`),textAlign:`center`,borderRadius:u(`icon-size`),border:`${u(`icon-border-width`)} ${o} transparent`,transition:[`background-color`,`border`,`color`,`inset`,`transform`].map(e=>`${e} ${r}`).join(`, `),zIndex:1},[`${c}-custom ${c}-icon`]:{background:`none`,border:0,fontSize:n}}}},H=e=>{let{componentCls:t,inlineDotSize:n,paddingXS:r,lineWidth:i,antCls:a,calc:o}=e,s=o(r).add(i).equal(),c=`${t}-item`,[l,u]=b(a,`cmp-steps`);return{[`${t}-inline`]:{[l(`items-offset`)]:`0`,[l(`item-wrapper-padding-top`)]:s,display:`inline-flex`,"&:before":{content:`""`,flex:u(`items-offset`)},[c]:{[l(`title-vertical-row-gap`)]:r,[l(`icon-size`)]:n,[l(`icon-size-active`)]:n,[l(`title-font-size`)]:e.fontSizeSM,[l(`title-line-height`)]:e.lineHeightSM,[l(`item-title-color`)]:e.colorTextSecondary,[l(`subtitle-font-size`)]:e.fontSizeSM,[l(`subtitle-line-height`)]:e.lineHeightSM,[l(`item-subtitle-color`)]:e.colorTextQuaternary,[l(`rail-size`)]:e.lineWidth,[l(`title-horizontal-rail-gap`)]:`0px`,flex:1,"&-wrapper":{paddingInline:e.paddingXXS,marginInline:e.calc(e.marginXXS).div(2).equal(),borderRadius:e.borderRadiusSM,cursor:`pointer`,transition:`background-color ${e.motionDurationMid}`,"&:hover":{background:e.controlItemBgHover}},"&-icon":{[`${c}-icon-dot`]:{"&:after":{display:`none`}}},"&-title":{fontWeight:`normal`,whiteSpace:`nowrap`},"&-content":{display:`none`}}}}};function U(e){return(e||`--ant-not-exist`).replace(/var\((.*)\)/,`$1`)}var W=(e,t,n)=>{let{calc:r,componentCls:i,descriptionMaxWidth:a,antCls:o}=e,s=`${i}-item`,[,c]=b(o,`cmp-steps`);return{[`@container style(${U(a)})`]:[{[`${s}-icon`]:{marginInlineStart:r(a).sub(c(`icon-size`)).div(2).equal()},[`${s}-rail`]:{width:`auto`,insetInlineStart:r(a).add(c(`icon-size`)).div(2).add(t).equal(),insetInlineEnd:r(a).sub(c(`icon-size`)).div(2).sub(t).mul(-1).equal()}},n]}},G=e=>{let{componentCls:t,descriptionMaxWidth:n,marginXS:r,fontHeightLG:i,margin:a,paddingSM:o,marginXXS:s,antCls:c,calc:l}=e,u=`${t}-item`,[d,f]=b(c,`cmp-steps`);return{[t]:{[d(`icon-size-max`)]:`max(${f(`icon-size`)}, ${f(`icon-size-active`,f(`icon-size`))})`,[`${u}-icon`]:{marginBlockStart:`calc((${f(`heading-height`)} - ${f(`icon-size`)}) / 2)`}},[`${t}-title-horizontal`]:{[d(`title-horizontal-item-margin`)]:a,[d(`title-horizontal-rail-margin`)]:a,[d(`title-horizontal-title-height`)]:i,[d(`heading-height`)]:`max(${f(`icon-size`)}, ${f(`title-horizontal-title-height`)})`,[`&${t}-horizontal, &${t}-horizontal-alternate`]:{[`${u}:not(:first-child)`]:{marginInlineStart:f(`title-horizontal-item-margin`)},[`${u}:last-child`]:{flex:`0 1 auto`},[`${u}-wrapper`]:{columnGap:e.marginXS}},[`&${t}-vertical`]:{[`${u}-wrapper`]:{columnGap:e.margin},[`${u}-empty-header`]:{[`${u}-header`]:{minHeight:`auto`},[`${u}-content`]:{marginTop:l(f(`heading-height`)).sub(e.fontHeight).div(2).equal()}}},[`${u}-section`]:{flex:1,minWidth:0},[`${u}-header`]:{minHeight:f(`heading-height`)},[`${u}-title`]:{flex:`0 1 auto`},[`${u}-content`]:{maxWidth:n},[`${u}-subtitle`]:{flex:`0 9999 auto`},[`&${t}-horizontal ${u}-rail`]:{[d(`item-wrapper-padding-top`)]:`0px`,flex:`1 1 0%`,marginInlineStart:f(`title-horizontal-rail-margin`)}},[`${t}-title-vertical`]:{[d(`title-vertical-row-gap`)]:o,[d(`title-horizontal-rail-gap`)]:s,[d(`heading-height`)]:f(`icon-size-max`),[`> ${u}`]:{flex:`1 1 0%`,[`${u}-wrapper`]:{flexDirection:`column`,rowGap:f(`title-vertical-row-gap`),alignItems:`center`},[`${u}-section`]:{alignSelf:`stretch`},[`${u}-header`]:{flexDirection:`column`,alignItems:`center`},[`${u}-title, ${u}-subtitle, ${u}-content`]:{textAlign:`center`,maxWidth:`100%`},[`${u}-subtitle`]:{margin:0},[`${u}-rail`]:{position:`absolute`,top:0,width:`calc(100% - ${f(`icon-size`)} - ${f(`title-horizontal-rail-gap`)} * 2)`,insetInlineStart:`calc(50% + ${f(`icon-size`)} / 2 + ${f(`title-horizontal-rail-gap`)})`}},...W(e,r,{[`${u}:last-child`]:{flex:`none`},[`${u}-icon`]:{alignSelf:`flex-start`},[`${u}-section`]:{width:n}})}}},K=e=>{let{componentCls:t,fontSizeIcon:n,navContentMaxWidth:r,navArrowColor:i,colorPrimary:a,motionDurationSlow:o,antCls:s,calc:c}=e,l=`${t}-item`,u=a,[f,p]=b(s,`cmp-steps`);return{[`${t}${t}-navigation`]:{[l.repeat(4)]:{display:`flex`,justifyContent:`center`,position:`relative`,flex:1,marginInlineStart:0,[`${l}-wrapper`]:{paddingBlock:e.paddingSM},[`${l}-section`]:{maxWidth:r},[`${l}-rail`]:{display:`none`},"&:before":{position:`absolute`,display:`block`,backgroundColor:u,transition:`all ${o}`,transitionTimingFunction:`ease-out`,content:`""`},"&:not(:last-child):after":{position:`absolute`,display:`block`,borderTop:`${d(e.lineWidth)} ${e.lineType} ${i}`,borderBottom:`none`,borderInlineStart:`none`,borderInlineEnd:`${d(e.lineWidth)} ${e.lineType} ${i}`,content:`""`},[`&${l}-active`]:{[f(`item-content-active-color`)]:p(`item-content-color`),[f(`item-icon-active-bg-color`)]:p(`item-icon-bg-color`),[f(`item-icon-active-border-color`)]:p(`item-icon-border-color`),[f(`item-icon-active-text-color`)]:p(`item-icon-text-color`)}},[`&${t}-horizontal`]:{[l]:{"&:before":{bottom:0,insetInlineStart:`50%`,width:0,height:e.lineWidthBold},[`&${l}-active:before`]:{insetInlineStart:0,width:`100%`},"&:not(:last-child):after":{top:`50%`,insetInlineStart:c(n).div(2).mul(-1).add(`100%`).equal(),width:n,height:n,transform:`translateY(-50%) rotate(45deg)`}}},[`&${t}-vertical`]:{[l.repeat(4)]:{[`${l}-content`]:{padding:0},"&:before":{insetInlineEnd:0,top:`50%`,width:e.lineWidthBold,height:0},[`&${l}-active::before`]:{top:0,height:`100%`},"&:not(:last-child):after":{left:{_skip_check_:!0,value:`50%`},top:`100%`,width:c(n).div(3).mul(2).equal(),height:c(n).div(3).mul(2).equal(),transform:`translateY(-50%) translateX(-50%) rotate(135deg)`}}}}}},re=e=>{let{componentCls:t,lineWidthBold:n,borderRadius:r,borderRadiusSM:i,motionDurationMid:a,paddingXS:o,lineType:s,paddingSM:c,antCls:l,calc:u}=e,f=`${t}-item`,[p,m]=b(l,`cmp-steps`),h=`${d(n)} ${s} ${m(`panel-border-color`)}`;return{[`${t}${t}-panel`]:[{[`${f}-rail`]:{display:`none`},[`&${t}-horizontal`]:{alignItems:`stretch`,[f]:{flex:1,margin:0}}},{"&":{[p(`panel-padding`)]:c,[p(`item-border-radius`)]:r,[f]:{[p(`panel-bg-color`)]:m(`item-icon-bg-color`),[p(`panel-border-color`)]:m(`item-icon-border-color`),[p(`panel-active-bg-color`)]:m(`item-icon-active-bg-color`),[p(`panel-active-border-color`)]:m(`item-icon-active-border-color`),[p(`panel-title-height`)]:`calc(${m(`title-font-size`)} * ${m(`title-line-height`)})`,[p(`item-base-height`)]:u(m(`panel-padding`)).mul(2).add(m(`icon-size`)).add(m(`panel-title-height`)).equal(),[p(`item-base-width`)]:`calc(${m(`item-base-height`)} * 0.7071)`,transition:`background-color ${a}`}},[`${f}-icon`]:{display:`none`},[`${f}-header`]:{minHeight:`auto`},[`${t}-panel-arrow`]:{position:`absolute`,top:u(n).mul(-1).equal(),insetInlineStart:`100%`,zIndex:1,height:u(n).mul(2).add(`100%`).equal(),width:m(`item-base-width`),overflow:`visible`,strokeLinecap:`round`,path:{fill:m(`panel-bg-color`),stroke:m(`panel-border-color`),strokeWidth:n,vectorEffect:`non-scaling-stroke`,transition:`fill ${a}`}},[`${f}:last-child ${t}-panel-arrow`]:{display:`none`},[f]:{padding:m(`panel-padding`),background:m(`panel-bg-color`),position:`relative`,borderBlock:h,"&:not(:first-child)":{paddingInlineStart:`calc(${m(`panel-padding`)} + ${m(`item-base-width`)})`},"&:first-child":{borderInlineStart:h,borderStartStartRadius:m(`item-border-radius`),borderEndStartRadius:m(`item-border-radius`)},"&:last-child":{borderInlineEnd:h,borderStartEndRadius:m(`item-border-radius`),borderEndEndRadius:m(`item-border-radius`)},"&-active":{background:m(`panel-active-bg-color`),borderColor:m(`panel-active-border-color`),[`${t}-panel-arrow`]:{path:{fill:m(`panel-active-bg-color`),stroke:m(`panel-active-border-color`)}},[`${f}-title, ${f}-subtitle, ${f}-content`]:{color:m(`item-icon-active-text-color`)}}}},{[`&${t}-small`]:{[p(`panel-padding`)]:o,[p(`item-border-radius`)]:i}},{[`&${t}-filled`]:{[f]:{"&:not(:first-child)":{clipPath:`polygon(${[`${d(n)} 0`,`calc(100% + ${m(`item-base-width`)}) 0`,`calc(100% + ${m(`item-base-width`)}) 100%`,`${d(n)} 100%`,`calc(${m(`item-base-width`)} + ${d(n)}) 50%`].join(`,`)})`}}}},{[`&${t}-outlined`]:{[`${t}-panel-arrow`]:{top:u(n).div(2).mul(-1).equal(),height:u(n).add(`100%`).equal()}}}]}},ie=e=>{let{calc:t,antCls:n,componentCls:r,lineWidthBold:i,motionDurationSlow:a}=e,o=`${r}-item`,[s,c]=b(n,`cmp-steps`),l=t(i).add(i).equal();return{[`${r}${r}-with-progress`]:{[s(`item-wrapper-padding-top`)]:l,[`${o}${o}-process`]:{[`${o}-icon`]:{position:`relative`}},[`${o}-progress-icon`]:{"&-svg":{[s(`svg-size`)]:t(l).mul(2).add(c(`icon-size`)).equal(),[s(`icon-size-ptg-unitless`)]:`calc(100 / tan(atan2(${c(`svg-size`)}, 1px)))`,fontSize:c(`svg-size`),lineHeight:c(`icon-size-ptg-unitless`),position:`absolute`,inset:t(l).mul(-1).equal(),width:`auto`,height:`auto`},"&-circle":{lineHeight:c(`icon-size-ptg-unitless`),strokeWidth:t(c(`icon-size-ptg-unitless`)).mul(i).equal(),[s(`progress-radius`)]:t(c(`svg-size`)).sub(i).mul(c(`icon-size-ptg-unitless`)).div(2).equal(),r:c(`progress-radius`),fill:`none`,cx:50,cy:50,transition:`all ${a} ease-in-out`,"&-rail":{stroke:e.colorSplit},"&-ptg":{stroke:e.colorPrimary}}}}}},ae=e=>{let{componentCls:t,iconSize:n,dotSize:r,dotCurrentSize:i,marginXXS:a,lineWidthBold:o,fontSizeSM:s,antCls:c}=e,l=`${t}-item`,[u,d]=b(c,`cmp-steps`);return{[`${t}${t}-dot`]:{[u(`icon-size-active`)]:i,[u(`icon-size`)]:r,[u(`dot-icon-size`)]:r,[u(`dot-icon-border-width`)]:o,[u(`rail-size`)]:o,[u(`icon-border-width`)]:o,[`${l}-custom ${l}-icon`]:{fontSize:s},[`${l}-icon`]:{position:`relative`,"&:after":{content:`""`,width:n,height:n,display:`block`,position:`absolute`,top:`50%`,left:{_skip_check_:!0,value:`50%`},transform:`translate(-50%, -50%)`}},[`${l}-active ${l}-icon`]:{[u(`icon-size`)]:d(`icon-size-active`)},[`&${t}-horizontal`]:{[`&, &${t}-small`]:W(e,a)}}}},oe=e=>{let{componentCls:t,lineWidthBold:n,antCls:r}=e,i=`${t}-item`,[,a]=b(r,`cmp-steps`);return{[`${t}${t}-rtl`]:{direction:`rtl`,[`&${t}-navigation${t}-horizontal`]:{[`${i}:after`]:{transform:`translateY(-50%) rotate(-45deg)`}},[`&${t}-panel`]:{[`${t}-panel-arrow`]:{transform:`scaleX(-1)`},[`&${t}-filled`]:{[i]:{"&:not(:first-child)":{clipPath:`polygon(${[`calc(0px - ${a(`item-base-width`)}) 0px`,`calc(100% - ${d(n)}) 0px`,`calc(100% - ${a(`item-base-width`)} - ${d(n)}) 50%`,`calc(100% - ${d(n)}) 100%`,`calc(0px - ${a(`item-base-width`)}) 100%`].join(`,`)})`}}}}}}},se=e=>{let{componentCls:t,iconSizeSM:n,fontSize:r,lineHeight:i,marginXS:a,fontHeight:o,marginSM:s,paddingXS:c,antCls:l}=e,[u]=b(l,`cmp-steps`);return{[`${t}${t}-small`]:{[u(`icon-size`)]:n,[u(`title-horizontal-item-margin`)]:s,[u(`title-vertical-row-gap`)]:c,[u(`title-font-size`)]:r,[u(`title-line-height`)]:i,[u(`title-horizontal-rail-margin`)]:a,[u(`title-horizontal-title-height`)]:o,[`&${t}-horizontal${t}-title-vertical`]:W(e,a)}}},q=`wait`,J=`process`,Y=`finish`,X=`error`,Z=e=>{let{componentCls:t,colorTextDisabled:n,colorTextLightSolid:r,colorPrimary:i,colorTextLabel:a,colorError:o,colorErrorHover:s,colorErrorBgFilledHover:c,colorFillTertiary:l,colorErrorBg:u,colorPrimaryBgHover:d,colorPrimaryBg:f,colorText:p,colorTextDescription:m,colorBgContainer:h,colorPrimaryHover:g,lineType:_,antCls:v}=e,y=`${t}-item`,[x,S]=b(v,`cmp-steps`);return{[t]:[{[y]:{[x(`item-solid-line-color`)]:`#000`,[x(`item-title-color`)]:`#000`,[x(`item-content-color`)]:`#000`,[x(`item-subtitle-color`)]:S(`item-content-color`),[x(`item-icon-custom-color`)]:`#000`,[x(`item-icon-bg-color`)]:`#000`,[x(`item-icon-border-color`)]:`#000`,[x(`item-icon-text-color`)]:`#fff`,[x(`item-icon-dot-color`)]:`#000`,[x(`item-icon-dot-bg-color`)]:S(`item-icon-dot-color`),[x(`item-icon-dot-border-color`)]:S(`item-icon-dot-color`),[x(`item-text-hover-color`)]:`#000`,[x(`item-icon-bg-hover-color`)]:S(`item-icon-bg-color`),[x(`item-icon-border-hover-color`)]:S(`item-icon-border-color`),[x(`item-icon-text-hover-color`)]:S(`item-icon-text-color`),[x(`item-content-active-color`)]:S(`item-content-color`),[x(`item-icon-active-bg-color`)]:S(`item-icon-bg-color`),[x(`item-icon-active-border-color`)]:S(`item-icon-border-color`),[x(`item-icon-active-text-color`)]:S(`item-icon-text-color`),[x(`item-process-rail-line-style`)]:_},[`${y}-rail`]:{borderColor:S(`item-solid-line-color`)},[`${y}-custom ${y}-icon`]:{color:S(`item-icon-custom-color`)},[`${y}-title`]:{color:S(`item-title-color`)},[`${y}-subtitle`]:{color:S(`item-subtitle-color`)},[`${y}-content`]:{color:S(`item-content-color`)},[`${y}-active ${y}-icon`]:{},[`${y}-active ${y}-content`]:{color:S(`item-content-active-color`)},[`${y}[role='button']:not(${y}-active):hover`]:{[`${y}-title, ${y}-content`]:{color:S(`item-text-hover-color`)}},[`&:not(${t}-dot)`]:{[`${y}:not(${y}-custom)`]:{[`${y}-icon`]:{background:S(`item-icon-bg-color`),borderColor:S(`item-icon-border-color`),color:S(`item-icon-text-color`)},[`&[role='button']:not(${y}-active):hover`]:{[`${y}-icon`]:{background:S(`item-icon-bg-hover-color`),borderColor:S(`item-icon-border-hover-color`),color:S(`item-icon-text-hover-color`)}},[`&${y}-active`]:{[`${y}-icon`]:{background:S(`item-icon-active-bg-color`),borderColor:S(`item-icon-active-border-color`),color:S(`item-icon-active-text-color`)}}}},[`&${t}-dot`]:{[`${y}-icon`]:{background:S(`item-icon-dot-bg-color`),borderColor:S(`item-icon-dot-border-color`),color:S(`item-icon-dot-color`),[`&${y}-icon-dot-custom`]:{background:`transparent`,border:`none`}}}},{[`${y}-${q}`]:{[x(`item-icon-custom-color`)]:n,[x(`item-title-color`)]:m,[x(`item-content-color`)]:m,[x(`item-content-active-color`)]:p,[x(`item-text-hover-color`)]:g},[`${y}-rail-${q}`]:{[x(`item-solid-line-color`)]:n},[`${y}-${J}`]:{[x(`item-icon-custom-color`)]:i,[x(`item-title-color`)]:p,[x(`item-content-color`)]:m,[x(`item-content-active-color`)]:p,[x(`item-text-hover-color`)]:g},[`${y}-rail-${J}`]:{[x(`item-solid-line-color`)]:i,[x(`rail-line-style`)]:S(`item-process-rail-line-style`)},[`${y}-${Y}`]:{[x(`item-icon-custom-color`)]:i,[x(`item-title-color`)]:p,[x(`item-content-color`)]:m,[x(`item-content-active-color`)]:p,[x(`item-text-hover-color`)]:g},[`${y}-rail-${Y}`]:{[x(`item-solid-line-color`)]:i},[`${y}-${X}`]:{[x(`item-icon-custom-color`)]:o,[x(`item-title-color`)]:o,[x(`item-content-color`)]:o,[x(`item-content-active-color`)]:o,[x(`item-text-hover-color`)]:s},[`${y}-rail-${X}`]:{[x(`item-solid-line-color`)]:o}},{[`&${t}-filled`]:{[y]:{[x(`item-icon-dot-border-color`)]:`transparent`},[`${y}-${q}`]:{[x(`item-icon-bg-color`)]:l,[x(`item-icon-border-color`)]:`transparent`,[x(`item-icon-text-color`)]:a,[x(`item-icon-dot-bg-color`)]:n,[x(`item-icon-bg-hover-color`)]:d,[x(`item-icon-border-hover-color`)]:`transparent`,[x(`item-icon-text-hover-color`)]:i,[x(`item-icon-active-bg-color`)]:i,[x(`item-icon-active-border-color`)]:`transparent`,[x(`item-icon-active-text-color`)]:r},[`${y}-${J}, ${y}-${Y}`]:{[x(`item-icon-bg-color`)]:f,[x(`item-icon-border-color`)]:`transparent`,[x(`item-icon-text-color`)]:i,[x(`item-icon-dot-bg-color`)]:i,[x(`item-icon-bg-hover-color`)]:d,[x(`item-icon-border-hover-color`)]:`transparent`,[x(`item-icon-text-hover-color`)]:i,[x(`item-icon-active-bg-color`)]:i,[x(`item-icon-active-border-color`)]:`transparent`,[x(`item-icon-active-text-color`)]:r},[`${y}-${X}`]:{[x(`item-icon-bg-color`)]:u,[x(`item-icon-border-color`)]:`transparent`,[x(`item-icon-text-color`)]:o,[x(`item-icon-dot-bg-color`)]:o,[x(`item-icon-bg-hover-color`)]:c,[x(`item-icon-border-hover-color`)]:`transparent`,[x(`item-icon-text-hover-color`)]:o,[x(`item-icon-active-bg-color`)]:o,[x(`item-icon-active-border-color`)]:`transparent`,[x(`item-icon-active-text-color`)]:r}}},{[`&${t}-outlined`]:{[y]:{[x(`item-icon-dot-bg-color`)]:`transparent`},[`${y}-${q}`]:{[x(`item-icon-bg-color`)]:h,[x(`item-icon-border-color`)]:n,[x(`item-icon-text-color`)]:n,[x(`item-icon-dot-color`)]:n,[x(`item-icon-bg-hover-color`)]:`transparent`,[x(`item-icon-border-hover-color`)]:g,[x(`item-icon-text-hover-color`)]:g,[x(`item-icon-active-bg-color`)]:l},[`${y}-${J}, ${y}-${Y}`]:{[x(`item-icon-bg-color`)]:h,[x(`item-icon-border-color`)]:i,[x(`item-icon-text-color`)]:i,[x(`item-icon-dot-color`)]:i,[x(`item-icon-bg-hover-color`)]:`transparent`,[x(`item-icon-border-hover-color`)]:g,[x(`item-icon-text-hover-color`)]:g,[x(`item-icon-active-bg-color`)]:f},[`${y}-${X}`]:{[x(`item-icon-bg-color`)]:h,[x(`item-icon-border-color`)]:o,[x(`item-icon-text-color`)]:o,[x(`item-icon-dot-color`)]:o,[x(`item-icon-bg-hover-color`)]:`transparent`,[x(`item-icon-border-hover-color`)]:s,[x(`item-icon-text-hover-color`)]:s,[x(`item-icon-active-bg-color`)]:u}}}]}},ce=e=>{let{componentCls:t,marginXXS:n,paddingSM:r,controlHeight:i,antCls:a,calc:o}=e,s=`${t}-item`,[c,l]=b(a,`cmp-steps`);return{[`${t}-vertical`]:{[c(`vertical-rail-margin`)]:o(n).mul(1.5).equal(),flexDirection:`column`,alignItems:`stretch`,[`> ${s}`]:{minHeight:o(i).mul(1.5).equal(),paddingBottom:r,"&:last-child":{paddingBottom:0},[`${s}-icon`]:{marginInlineStart:`calc((${l(`icon-size-max`)} - ${l(`icon-size`)}) / 2)`},[`${s}-rail`]:{[c(`rail-offset`)]:o(l(`heading-height`)).sub(l(`icon-size`)).div(2).equal(),borderInlineStartWidth:l(`rail-size`),position:`absolute`,top:o(l(`icon-size`)).add(l(`item-wrapper-padding-top`)).add(l(`rail-offset`)).add(l(`vertical-rail-margin`)).equal(),insetInlineStart:o(l(`icon-size-max`)).div(2).equal(),bottom:o(l(`vertical-rail-margin`)).sub(l(`rail-offset`)).equal(),marginInlineStart:`calc(${l(`rail-size`)} / -2)`}}}}},Q=e=>{let{componentCls:n,antCls:r}=e,i=`${n}-item`,[a,o]=b(r,`cmp-steps`);return{[n]:{[a(`title-font-size`)]:e.fontSizeLG,[a(`title-line-height`)]:e.lineHeightLG,[a(`subtitle-font-size`)]:e.fontSize,[a(`subtitle-line-height`)]:e.lineHeight,[a(`item-wrapper-padding-top`)]:`0px`,[a(`rail-size`)]:e.lineWidth,[a(`rail-line-style`)]:e.lineType,...t(e),display:`flex`,flexWrap:`nowrap`,alignItems:`flex-start`,[i]:{flex:`none`,position:`relative`},[`${i}-wrapper`]:{display:`flex`,flexWrap:`nowrap`,paddingTop:o(`item-wrapper-padding-top`)},[`${i}-header`]:{display:`flex`,flexWrap:`nowrap`,alignItems:`center`},[`${i}-title`]:{color:e.colorText,fontSize:o(`title-font-size`),lineHeight:o(`title-line-height`),wordBreak:`break-word`},[`${i}-subtitle`]:{color:e.colorTextDescription,fontWeight:`normal`,fontSize:o(`subtitle-font-size`),lineHeight:o(`subtitle-line-height`),marginInlineStart:e.marginXS,wordBreak:`break-word`},[`${i}-content`]:{color:e.colorTextDescription,fontSize:e.fontSize,lineHeight:e.lineHeight,wordBreak:`break-word`},[`${i}-rail`]:{borderStyle:o(`rail-line-style`),borderWidth:0},[`${i}-title, ${i}-subtitle, ${i}-content, ${i}-rail`]:{transition:`all ${e.motionDurationSlow}`},[`&${n}-ellipsis`]:{[`${i}-title, ${i}-subtitle, ${i}-content`]:_},[`${i}[role='button']:not(${i}-active):hover`]:{cursor:`pointer`}}}},le=c(`Steps`,e=>{let t=r(e,{inlineDotSize:6});return[Q(t),V(t),ce(t),B(t),G(t),se(t),ae(t),Z(t),K(t),re(t),H(t),ie(t),oe(t)]},e=>({titleLineHeight:e.controlHeight,customIconSize:e.controlHeight,customIconTop:0,customIconFontSize:e.controlHeightSM,iconSize:e.controlHeight,iconTop:-.5,iconFontSize:e.fontSize,iconSizeSM:e.fontSizeHeading3,dotSize:e.controlHeight/4,dotCurrentSize:e.controlHeightLG/4,navArrowColor:e.colorTextDisabled,navContentMaxWidth:`unset`,descriptionMaxWidth:void 0,waitIconColor:e.wireframe?e.colorTextDisabled:e.colorTextLabel,waitIconBgColor:e.wireframe?e.colorBgContainer:e.colorFillContent,waitIconBorderColor:e.wireframe?e.colorTextDisabled:`transparent`,finishIconBgColor:e.wireframe?e.colorBgContainer:e.controlItemBgActive,finishIconBorderColor:e.wireframe?e.colorPrimary:e.controlItemBgActive})),ue={itemIcon:w},de=e=>{let{size:t,className:n,rootClassName:r,style:i,variant:a=`filled`,type:o,classNames:c,styles:l,direction:d,orientation:h,responsive:g=!0,progressDot:_,labelPlacement:y,titlePlacement:w,ellipsis:ee,offset:D=0,items:O,percent:k,current:A=0,onChange:j,iconRender:M,...N}=e,P=E.useContext(te),F=f(`steps`),{getPrefixCls:I,direction:L,className:B,style:V}=F,H,U,W={};P?W={root:P.rootComponent,item:P.itemComponent}:{classNames:H,styles:U}=F;let G=I(),K=I(`steps`,e.prefixCls),re=`${K}-item-icon`,[ie,ae]=le(K),[oe]=b(G,`cmp-steps`),se=u(t),q=E.useMemo(()=>(O||[]).filter(Boolean),[O]),{xs:J}=C(g),Y=E.useMemo(()=>o&&o!=="default"?o:_?`dot`:o,[_,o]),X=Y===`inline`,Z=Y===`dot`||Y===`inline`,ce=E.useMemo(()=>Y===`dot`&&m(_)?_:void 0,[Y,_]),Q=E.useMemo(()=>Y===`panel`?`horizontal`:g&&J||(h||d)===`vertical`?`vertical`:`horizontal`,[h,d,Y,g,J]),de=E.useMemo(()=>Z||Q===`vertical`?Q===`vertical`?`horizontal`:`vertical`:o===`navigation`?`horizontal`:w||y||`horizontal`,[Z,y,Q,w,o]),$=X?void 0:k,fe={...e,variant:a,size:se,type:Y,orientation:Q,titlePlacement:de,current:A,percent:$,responsive:g,offset:D},[pe,me]=p([ue,H,c],[U,l],{props:fe}),he=(e,t)=>{let{item:n,index:r,active:i,components:{Icon:a}}=t,{status:o,icon:s}=n,c=null;if(Z||s)c=s;else switch(o){case`finish`:c=E.createElement(x,{className:`${re}-finish`});break;case`error`:c=E.createElement(v,{className:`${re}-error`});break;default:{let e=E.createElement(`span`,{className:`${re}-number`},t.index+1);o===`process`&&$!==void 0&&(e=E.createElement(z,{prefixCls:K,rootPrefixCls:G,percent:$},e)),c=e}}let l=E.createElement(a,null,c);return M?l=M(l,{index:r,active:i,item:n,components:{Icon:a}}):m(ce)&&(l=ce(l,{index:r,...n})),l},ge=(e,t)=>{let n=e;return X&&t.item.content&&(n=E.createElement(S,{destroyOnHidden:!0,title:t.item.content},e)),E.createElement(T,{component:`Steps`,disabled:t.item.disabled||!j,colorSource:a===`filled`?`color`:null},n)},_e=Y===`panel`?e=>E.createElement(E.Fragment,null,e,E.createElement(ne,{prefixCls:K})):void 0,ve={[oe(`items-offset`)]:`${D}`,...V,...i},ye=s(B,`${K}-${a}`,{[`${K}-${Y}`]:Y===`dot`?!1:Y,[`${K}-rtl`]:L===`rtl`,[`${K}-dot`]:Z,[`${K}-ellipsis`]:ee,[`${K}-with-progress`]:$!==void 0,[`${K}-small`]:se===`small`},n,r,ie,ae);return E.createElement(R,{...N,prefixCls:K,className:ye,style:ve,classNames:pe,styles:me,orientation:Q,titlePlacement:de,components:W,current:A,items:q,onChange:j,iconRender:he,itemRender:ge,itemWrapperRender:_e})},$=e=>{let{componentCls:t,fontHeight:n,antCls:r,paddingXS:i}=e,[a,o]=b(r,`cmp-steps`),[s,c]=b(r,`timeline`),l=`${t}-item`;return{[`${t}-horizontal`]:{[a(`title-vertical-row-gap`)]:i,[s(`content-height`)]:d(n),alignItems:`stretch`,[`&${t}-layout-alternate`]:{[l]:{[`${l}-wrapper`]:{[s(`alternate-content-offset`)]:`calc(${c(`content-height`)} + ${o(`title-vertical-row-gap`)} * 2 + ${o(`icon-size-max`)})`,height:`calc(${c(`content-height`)} * 2 + ${o(`title-vertical-row-gap`)} * 2 + ${o(`icon-size-max`)})`},[`${l}-icon`]:{position:`absolute`},[`${l}-icon, ${l}-rail`]:{position:`absolute`,top:`50%`,transform:`translateY(-50%)`,margin:0},[`${l}-title, ${l}-subtitle, ${l}-content`]:{whiteSpace:`nowrap`,maxWidth:`unset`},[`${l}-title`]:{position:`absolute`,left:{_skip_check_:!0,value:`50%`},transform:`translateX(-50%)`},[`${l}-content`]:{position:`absolute`,left:{_skip_check_:!0,value:`50%`},transform:`translateX(-50%)`},"&-placement-start":{[`${l}-title`]:{bottom:c(`alternate-content-offset`)},[`${l}-content`]:{top:c(`alternate-content-offset`)}},"&-placement-end":{[`${l}-title`]:{top:c(`alternate-content-offset`)},[`${l}-content`]:{bottom:c(`alternate-content-offset`)}}}},[`&:not(${t}-layout-alternate)`]:{[`${l}-placement-end`]:{display:`flex`,alignItems:`flex-end`,[`${l}-wrapper`]:{flex:`auto`,flexDirection:`column-reverse`},[`${l}-rail`]:{top:`auto`,bottom:o(`horizontal-rail-margin`),transform:`translateY(50%)`}}}}}},fe=e=>{let{componentCls:n,tailColor:r,fontHeight:i,dotSize:a,dotBg:o,dotBorderWidth:s,fontSize:c,lineHeight:l,colorText:u,tailWidth:d,colorPrimary:f,colorError:p,colorSuccess:m,colorTextDisabled:h,antCls:g}=e,_=`${n}-item`,[v,y]=b(g,`cmp-steps`);return{[n]:[{...t(e),[_]:{[v(`title-horizontal-title-height`)]:i,[v(`vertical-rail-margin`)]:`0px`,[v(`title-horizontal-rail-gap`)]:`0px`,[v(`icon-dot-size-origin`)]:y(`icon-size-active`),[v(`icon-dot-size-custom`)]:a,[v(`item-icon-dot-bg-color-origin`)]:y(`item-icon-dot-bg-color`),[v(`item-icon-dot-bg-color-custom`)]:o,[v(`icon-size`)]:y(`icon-dot-size-custom`,y(`icon-dot-size-origin`)),[`${_}-icon`]:{[v(`dot-icon-border-width`)]:s,[v(`dot-icon-size`)]:y(`icon-size`),[v(`item-icon-dot-bg-color`)]:y(`item-icon-dot-bg-color-custom`,y(`item-icon-dot-bg-color-origin`))},[`${_}-title`]:{fontSize:c,lineHeight:l},[`${_}-content`]:{color:u},[`${_}-rail`]:{[v(`item-solid-line-color`)]:r,[v(`rail-size`)]:d}}},{[_]:{[v(`item-process-rail-line-style`)]:`dotted`},[`${_}${_}${_}-color`]:{"&-blue":{[v(`item-icon-dot-color`)]:f},"&-red":{[v(`item-icon-dot-color`)]:p},"&-green":{[v(`item-icon-dot-color`)]:m},"&-gray":{[v(`item-icon-dot-color`)]:h}}}]}},pe=e=>{let{calc:t,componentCls:n,itemPaddingBottom:r,margin:i,antCls:a}=e,o=`${n}-item`,[,s]=b(a,`cmp-steps`),[c,l]=b(a,`timeline`);return{[`${n}:not(${n}-horizontal)`]:{[c(`head-span`)]:`12`,[c(`head-span-ptg`)]:`calc(${l(`head-span`)} / 24 * 100%)`,[`&${n}-layout-alternate`]:{[o]:{[c(`alternate-gap`)]:t(i).mul(2).add(s(`dot-icon-size`)).equal(),minHeight:`auto`,paddingBottom:r,[`${o}-icon, ${o}-rail`]:{position:`absolute`,insetInlineStart:l(`head-span-ptg`)},[`${o}-icon`]:{marginInlineStart:`calc(${s(`icon-size`)} / -2)`},[`${o}-section`]:{display:`flex`,flexWrap:`nowrap`,gap:l(`alternate-gap`)},[`${o}-header`]:{textAlign:`end`,flexDirection:`column`,alignItems:`stretch`,flex:`1 1 calc(${l(`head-span-ptg`)} - ${l(`alternate-gap`)} / 2)`},[`${o}-content`]:{textAlign:`start`,flex:`1 1 calc(100% - ${l(`head-span-ptg`)} - ${l(`alternate-gap`)} / 2)`},"&-placement-end":{[`${o}-header`]:{textAlign:`start`,order:1},[`${o}-content`]:{textAlign:`end`},[`${o}-icon, ${o}-rail`]:{insetInlineStart:`calc(100% - ${l(`head-span-ptg`)})`}}}},[`&:not(${n}-layout-alternate)`]:{[`${o}-placement-end`]:{textAlign:`end`,[`${o}-icon`]:{order:1},[`${o}-rail`]:{insetInlineStart:`auto`,insetInlineEnd:`calc(${s(`icon-size`)} / 2)`,marginInlineEnd:`calc(${s(`rail-size`)} / -2)`}}}}}},me=c(`Timeline`,e=>{let t=r(e,{itemHeadSize:10,customHeadPaddingVertical:e.paddingXXS,paddingInlineEnd:2});return[fe(t),pe(t),$(t)]},e=>({tailColor:e.colorSplit,tailWidth:e.lineWidthBold,dotBorderWidth:e.lineWidthBold,dotBg:void 0,dotSize:void 0,itemPaddingBottom:e.padding*1.25})),he=(t,n,r,i,o,c,l)=>{let u=`${n}-item`,[d]=b(t,`cmp-steps`),f=E.useMemo(()=>Array.isArray(i)?i:a(o).map(e=>({...e.props})),[i,o]);return E.useMemo(()=>{let t=f.map((t,n)=>{let{label:i,children:a,title:o,content:c,color:l,className:f,style:p,icon:m,dot:h,placement:g,position:_,loading:v,...y}=t,b=p,x=f;l&&([`blue`,`red`,`green`,`gray`].includes(l)?x=s(f,`${u}-color-${l}`):b={[d(`item-icon-dot-color`)]:l,...p});let S=g??_??(r===`alternate`?n%2==0?`start`:`end`:r);x=s(x,`${u}-placement-${S}`);let C=m??h;return!C&&v&&(C=E.createElement(e,null)),{...y,title:o??i,content:c??a,style:b,className:x,icon:C,status:v?`process`:`finish`}});return c&&t.push({icon:l??E.createElement(e,null),content:c,status:`process`}),t},[f,c,r,u,d,l])},ge={rootComponent:`ol`,itemComponent:`li`},_e=e=>{let{getPrefixCls:t,direction:n,className:r,style:i,classNames:a,styles:o}=f(`timeline`),{prefixCls:c,className:l,style:u,classNames:d,styles:m,variant:_=`outlined`,mode:v,orientation:x=`vertical`,titleSpan:S,items:C,children:w,reverse:T,pending:ee,pendingDot:O,...k}=e,A=t(),j=t(`timeline`,c),[M,N]=me(j),[P]=b(A,`timeline`),F=E.useMemo(()=>({item:`${j}-item`,itemTitle:`${j}-item-title`,itemIcon:`${j}-item-icon`,itemContent:`${j}-item-content`,itemRail:`${j}-item-rail`,itemWrapper:`${j}-item-wrapper`,itemSection:`${j}-item-section`,itemHeader:`${j}-item-header`}),[j]),I=E.useMemo(()=>v===`left`?`start`:v===`right`?`end`:[`alternate`,`start`,`end`].includes(v)?v:`start`,[v]),L=he(A,j,I,C,w,ee,O),R=E.useMemo(()=>T?y(L).reverse():L,[T,L]),ne={...e,variant:_,mode:I,orientation:x,items:R},[z,B]=p([F,a,d],[o,m],{props:ne}),V=E.useMemo(()=>({railFollowPrevStatus:T}),[T]),H=E.useMemo(()=>I===`alternate`||x===`vertical`&&R.some(e=>e.title),[R,I,x]),U={...i,...u};return g(S)&&I!==`alternate`&&(h(S)?U[P(`head-span`)]=S:U[P(`head-span-ptg`)]=S),E.createElement(te.Provider,{value:ge},E.createElement(D.Provider,{value:V},E.createElement(de,{...k,className:s(j,r,l,M,N,{[`${j}-${x}`]:x===`horizontal`,[`${j}-layout-alternate`]:H,[`${j}-rtl`]:n===`rtl`}),style:U,classNames:z,styles:B,variant:_,orientation:x,type:`dot`,items:R,current:R.length-1})))};_e.Item=()=>{};var ve=_e;export{de as n,ve as t}; |