2 lines
34 KiB
JavaScript
2 lines
34 KiB
JavaScript
import{r as p,L as T,M as _e,ax as ve,R as Y,b5 as z,a3 as X,z as ze,G as ye,a_ as Le,H as we,J as Ie,b0 as Oe,a$ as je,K as Ne,b6 as Fe,ar as Ve,b7 as Ge,ac as Ye,b8 as Ue,aZ as Ke,b9 as Se,ba as Je,a8 as Qe}from"./index-B-sDl1ER.js";function Ze(e){const{prefixCls:t,className:n,style:r,status:c}=e,s=`${t}-rail`;return p.createElement("div",{className:T(s,`${s}-${c}`,n),style:r})}const Ee=p.createContext({}),me=p.createContext(null);function ae(){return ae=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},ae.apply(this,arguments)}const Re=p.createContext({}),xe=p.forwardRef((e,t)=>{const{className:n,style:r,children:c,...s}=e,{prefixCls:l,classNames:$,styles:m}=p.useContext(me),{className:i,style:a}=p.useContext(Re),u=`${l}-item`;return p.createElement("div",ae({},_e(s,!1),{ref:t,className:T(`${u}-icon`,$.itemIcon,i,n),style:{...m.itemIcon,...a,...r}}),c)});function ce(){return ce=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},ce.apply(this,arguments)}function le(e){return e!=null}function ke(e){const{prefixCls:t,classNames:n,styles:r,data:c,last:s,nextStatus:l,active:$,index:m,itemRender:i,iconRender:a,itemWrapperRender:u,onClick:g}=e,d=`${t}-item`,{railFollowPrevStatus:x}=p.useContext(Ee),{ItemComponent:w}=p.useContext(me),{onClick:v,title:b,subTitle:C,content:h,description:o,disabled:f,icon:A,status:S,className:M,style:D,classNames:I={},styles:y={},...H}=c,P=h??o,N={item:{...c,content:P},index:m,active:$},B=!!(g||v)&&!f,R={};B&&(R.role="button",R.tabIndex=0,R.onClick=F=>{v?.(F),g(m)},R.onKeyDown=F=>{const{which:W}=F;(W===ve.ENTER||W===ve.SPACE)&&g(m)});const E=S||"wait",q=le(b),_=le(C),O=T(d,`${d}-${E}`,{[`${d}-custom`]:A,[`${d}-active`]:$,[`${d}-disabled`]:f===!0,[`${d}-empty-header`]:!q&&!_},M,n.item,I.root);let L=p.createElement(xe,null);a&&(L=a(L,{...N,components:{Icon:xe}}));const U=p.createElement("div",{className:T(`${d}-wrapper`,n.itemWrapper,I.wrapper),style:{...r.itemWrapper,...y.wrapper}},p.createElement(Re.Provider,{value:{className:I.icon,style:y.icon}},L),p.createElement("div",{className:T(`${d}-section`,n.itemSection,I.section),style:{...r.itemSection,...y.section}},p.createElement("div",{className:T(`${d}-header`,n.itemHeader,I.header),style:{...r.itemHeader,...y.header}},q&&p.createElement("div",{className:T(`${d}-title`,n.itemTitle,I.title),style:{...r.itemTitle,...y.title}},b),_&&p.createElement("div",{title:typeof C=="string"?C:void 0,className:T(`${d}-subtitle`,n.itemSubtitle,I.subtitle),style:{...r.itemSubtitle,...y.subtitle}},C),!s&&p.createElement(Ze,{prefixCls:d,className:T(n.itemRail,I.rail),style:{...r.itemRail,...y.rail},status:x?S:l})),le(P)&&p.createElement("div",{className:T(`${d}-content`,n.itemContent,I.content),style:{...r.itemContent,...y.content}},P)));let K=p.createElement(w,ce({},H,R,{className:O,style:{...r.item,...y.root,...D}}),u?u(U):U);return i&&(K=i(K,N)||null),K}function se(){return se=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},se.apply(this,arguments)}const Ce={};function et(e){const{prefixCls:t="rc-steps",style:n,className:r,classNames:c=Ce,styles:s=Ce,rootClassName:l,orientation:$,titlePlacement:m,components:i,status:a="process",current:u=0,initial:g=0,onChange:d,items:x,iconRender:w,itemRender:v,itemWrapperRender:b,...C}=e,h=$==="vertical",o=h?"vertical":"horizontal",f=!h&&m==="vertical"?"vertical":"horizontal",A=T(t,`${t}-${o}`,`${t}-title-${f}`,l,r,c.root),S=Y.useMemo(()=>(x||[]).filter(Boolean),[x]),M=Y.useMemo(()=>S.map(({status:N},B)=>{const R=g+B;return N||(R===u?a:R<u?"finish":"wait")}),[S,a,u,g]),D=N=>{d&&u!==N&&d(N)},{root:I="div",item:y="div"}=i||{},H=Y.useMemo(()=>({prefixCls:t,classNames:c,styles:s,ItemComponent:y}),[t,c,s,y]),P=(N,B)=>{const R=g+B,E=M[B],q=M[B+1],_={...N,status:E};return Y.createElement(ke,{key:R,prefixCls:t,classNames:c,styles:s,data:_,nextStatus:q,active:R===u,index:R,last:S.length-1===B,iconRender:w,itemRender:v,itemWrapperRender:b,onClick:d&&D})};return Y.createElement(I,se({className:A,style:{...n,...s?.root}},C),Y.createElement(me.Provider,{value:H},S.map(P)))}const Te=p.createContext(null),tt=e=>{const{prefixCls:t}=e;return p.createElement("svg",{className:`${t}-panel-arrow`,viewBox:"0 0 100 100",xmlns:"http://www.w3.org/2000/svg",preserveAspectRatio:"none"},p.createElement("title",null,"Arrow"),p.createElement("path",{d:"M 0 0 L 100 50 L 0 100"}))},ot=e=>{const{prefixCls:t,rootPrefixCls:n,children:r,percent:c}=e,s=`${t}-item-progress-icon`,l=`${s}-circle`,[,$]=z(n,"cmp-steps"),m=`calc(${$("progress-radius")} * 2 * ${Math.PI*c/100}) 9999`;return p.createElement(p.Fragment,null,p.createElement("svg",{className:`${s}-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":c},p.createElement("title",null,"Progress"),p.createElement("circle",{className:T(l,`${l}-rail`)}),p.createElement("circle",{className:T(l,`${l}-ptg`),strokeDasharray:m,transform:"rotate(-90 50 50)"})),r)},it=e=>{const{componentCls:t,antCls:n}=e,r=`${t}-item`,[c,s]=z(n,"cmp-steps");return{[`${t}-horizontal`]:{[`> ${r}`]:{flex:"1 1 auto",minWidth:e.iconSize,[`${r}-rail`]:{[c("horizontal-rail-margin")]:`calc(${s("icon-size-max")} / 2 + ${s("item-wrapper-padding-top")})`,position:"static",marginTop:s("horizontal-rail-margin"),width:"auto",borderBlockStartWidth:s("rail-size"),flex:1,minWidth:0,alignSelf:"flex-start",transform:"translateY(-50%)"}}}}},nt=e=>{const{componentCls:t,customIconFontSize:n,motionDurationSlow:r,iconSize:c,lineWidth:s,lineType:l,antCls:$}=e,m=`${t}-item`,[i,a]=z($,"cmp-steps");return{[t]:{[i("icon-size")]:c,[i("icon-border-width")]:s,[`${m}-icon`]:{width:a("icon-size"),height:a("icon-size"),margin:0,flex:"none",display:"flex",alignItems:"center",justifyContent:"center",fontSize:e.iconFontSize,fontFamily:e.fontFamily,lineHeight:a("icon-size"),textAlign:"center",borderRadius:a("icon-size"),border:`${a("icon-border-width")} ${l} transparent`,transition:["background-color","border","color","inset","transform"].map(u=>`${u} ${r}`).join(", "),zIndex:1},[`${m}-custom ${m}-icon`]:{background:"none",border:0,fontSize:n}}}},rt=e=>{const{componentCls:t,inlineDotSize:n,paddingXS:r,lineWidth:c,antCls:s,calc:l}=e,$=l(r).add(c).equal(),m=`${t}-item`,[i,a]=z(s,"cmp-steps");return{[`${t}-inline`]:{[i("items-offset")]:"0",[i("item-wrapper-padding-top")]:$,display:"inline-flex","&:before":{content:'""',flex:a("items-offset")},[m]:{[i("title-vertical-row-gap")]:r,[i("icon-size")]:n,[i("icon-size-active")]:n,[i("title-font-size")]:e.fontSizeSM,[i("title-line-height")]:e.lineHeightSM,[i("item-title-color")]:e.colorTextSecondary,[i("subtitle-font-size")]:e.fontSizeSM,[i("subtitle-line-height")]:e.lineHeightSM,[i("item-subtitle-color")]:e.colorTextQuaternary,[i("rail-size")]:e.lineWidth,[i("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":{[`${m}-icon-dot`]:{"&:after":{display:"none"}}},"&-title":{fontWeight:"normal",whiteSpace:"nowrap"},"&-content":{display:"none"}}}}};function lt(e){return(e||"--ant-not-exist").replace(/var\((.*)\)/,"$1")}const de=(e,t,n)=>{const{calc:r,componentCls:c,descriptionMaxWidth:s,antCls:l}=e,$=`${c}-item`,[,m]=z(l,"cmp-steps");return{[`@container style(${lt(s)})`]:[{[`${$}-icon`]:{marginInlineStart:r(s).sub(m("icon-size")).div(2).equal()},[`${$}-rail`]:{width:"auto",insetInlineStart:r(s).add(m("icon-size")).div(2).add(t).equal(),insetInlineEnd:r(s).sub(m("icon-size")).div(2).sub(t).mul(-1).equal()}},n]}},at=e=>{const{componentCls:t,descriptionMaxWidth:n,marginXS:r,fontHeightLG:c,margin:s,paddingSM:l,marginXXS:$,antCls:m,calc:i}=e,a=`${t}-item`,[u,g]=z(m,"cmp-steps");return{[t]:{[u("icon-size-max")]:`max(${g("icon-size")}, ${g("icon-size-active",g("icon-size"))})`,[`${a}-icon`]:{marginBlockStart:`calc((${g("heading-height")} - ${g("icon-size")}) / 2)`}},[`${t}-title-horizontal`]:{[u("title-horizontal-item-margin")]:s,[u("title-horizontal-rail-margin")]:s,[u("title-horizontal-title-height")]:c,[u("heading-height")]:`max(${g("icon-size")}, ${g("title-horizontal-title-height")})`,[`&${t}-horizontal, &${t}-horizontal-alternate`]:{[`${a}:not(:first-child)`]:{marginInlineStart:g("title-horizontal-item-margin")},[`${a}:last-child`]:{flex:"0 1 auto"},[`${a}-wrapper`]:{columnGap:e.marginXS}},[`&${t}-vertical`]:{[`${a}-wrapper`]:{columnGap:e.margin},[`${a}-empty-header`]:{[`${a}-header`]:{minHeight:"auto"},[`${a}-content`]:{marginTop:i(g("heading-height")).sub(e.fontHeight).div(2).equal()}}},[`${a}-section`]:{flex:1,minWidth:0},[`${a}-header`]:{minHeight:g("heading-height")},[`${a}-title`]:{flex:"0 1 auto"},[`${a}-content`]:{maxWidth:n},[`${a}-subtitle`]:{flex:"0 9999 auto"},[`&${t}-horizontal ${a}-rail`]:{[u("item-wrapper-padding-top")]:"0px",flex:"1 1 0%",marginInlineStart:g("title-horizontal-rail-margin")}},[`${t}-title-vertical`]:{[u("title-vertical-row-gap")]:l,[u("title-horizontal-rail-gap")]:$,[u("heading-height")]:g("icon-size-max"),[`> ${a}`]:{flex:"1 1 0%",[`${a}-wrapper`]:{flexDirection:"column",rowGap:g("title-vertical-row-gap"),alignItems:"center"},[`${a}-section`]:{alignSelf:"stretch"},[`${a}-header`]:{flexDirection:"column",alignItems:"center"},[`${a}-title, ${a}-subtitle, ${a}-content`]:{textAlign:"center",maxWidth:"100%"},[`${a}-subtitle`]:{margin:0},[`${a}-rail`]:{position:"absolute",top:0,width:`calc(100% - ${g("icon-size")} - ${g("title-horizontal-rail-gap")} * 2)`,insetInlineStart:`calc(50% + ${g("icon-size")} / 2 + ${g("title-horizontal-rail-gap")})`}},...de(e,r,{[`${a}:last-child`]:{flex:"none"},[`${a}-icon`]:{alignSelf:"flex-start"},[`${a}-section`]:{width:n}})}}},ct=e=>{const{componentCls:t,fontSizeIcon:n,navContentMaxWidth:r,navArrowColor:c,colorPrimary:s,motionDurationSlow:l,antCls:$,calc:m}=e,i=`${t}-item`,a=s,[u,g]=z($,"cmp-steps");return{[`${t}${t}-navigation`]:{[i.repeat(4)]:{display:"flex",justifyContent:"center",position:"relative",flex:1,marginInlineStart:0,[`${i}-wrapper`]:{paddingBlock:e.paddingSM},[`${i}-section`]:{maxWidth:r},[`${i}-rail`]:{display:"none"},"&:before":{position:"absolute",display:"block",backgroundColor:a,transition:`all ${l}`,transitionTimingFunction:"ease-out",content:'""'},"&:not(:last-child):after":{position:"absolute",display:"block",borderTop:`${X(e.lineWidth)} ${e.lineType} ${c}`,borderBottom:"none",borderInlineStart:"none",borderInlineEnd:`${X(e.lineWidth)} ${e.lineType} ${c}`,content:'""'},[`&${i}-active`]:{[u("item-content-active-color")]:g("item-content-color"),[u("item-icon-active-bg-color")]:g("item-icon-bg-color"),[u("item-icon-active-border-color")]:g("item-icon-border-color"),[u("item-icon-active-text-color")]:g("item-icon-text-color")}},[`&${t}-horizontal`]:{[i]:{"&:before":{bottom:0,insetInlineStart:"50%",width:0,height:e.lineWidthBold},[`&${i}-active:before`]:{insetInlineStart:0,width:"100%"},"&:not(:last-child):after":{top:"50%",insetInlineStart:m(n).div(2).mul(-1).add("100%").equal(),width:n,height:n,transform:"translateY(-50%) rotate(45deg)"}}},[`&${t}-vertical`]:{[i.repeat(4)]:{[`${i}-content`]:{padding:0},"&:before":{insetInlineEnd:0,top:"50%",width:e.lineWidthBold,height:0},[`&${i}-active::before`]:{top:0,height:"100%"},"&:not(:last-child):after":{left:{_skip_check_:!0,value:"50%"},top:"100%",width:m(n).div(3).mul(2).equal(),height:m(n).div(3).mul(2).equal(),transform:"translateY(-50%) translateX(-50%) rotate(135deg)"}}}}}},st=e=>{const{componentCls:t,lineWidthBold:n,borderRadius:r,borderRadiusSM:c,motionDurationMid:s,paddingXS:l,lineType:$,paddingSM:m,antCls:i,calc:a}=e,u=`${t}-item`,[g,d]=z(i,"cmp-steps"),x=`${X(n)} ${$} ${d("panel-border-color")}`;return{[`${t}${t}-panel`]:[{[`${u}-rail`]:{display:"none"},[`&${t}-horizontal`]:{alignItems:"stretch",[u]:{flex:1,margin:0}}},{"&":{[g("panel-padding")]:m,[g("item-border-radius")]:r,[u]:{[g("panel-bg-color")]:d("item-icon-bg-color"),[g("panel-border-color")]:d("item-icon-border-color"),[g("panel-active-bg-color")]:d("item-icon-active-bg-color"),[g("panel-active-border-color")]:d("item-icon-active-border-color"),[g("panel-title-height")]:`calc(${d("title-font-size")} * ${d("title-line-height")})`,[g("item-base-height")]:a(d("panel-padding")).mul(2).add(d("icon-size")).add(d("panel-title-height")).equal(),[g("item-base-width")]:`calc(${d("item-base-height")} * 0.7071)`,transition:`background-color ${s}`}},[`${u}-icon`]:{display:"none"},[`${u}-header`]:{minHeight:"auto"},[`${t}-panel-arrow`]:{position:"absolute",top:a(n).mul(-1).equal(),insetInlineStart:"100%",zIndex:1,height:a(n).mul(2).add("100%").equal(),width:d("item-base-width"),overflow:"visible",strokeLinecap:"round",path:{fill:d("panel-bg-color"),stroke:d("panel-border-color"),strokeWidth:n,vectorEffect:"non-scaling-stroke",transition:`fill ${s}`}},[`${u}:last-child ${t}-panel-arrow`]:{display:"none"},[u]:{padding:d("panel-padding"),background:d("panel-bg-color"),position:"relative",borderBlock:x,"&:not(:first-child)":{paddingInlineStart:`calc(${d("panel-padding")} + ${d("item-base-width")})`},"&:first-child":{borderInlineStart:x,borderStartStartRadius:d("item-border-radius"),borderEndStartRadius:d("item-border-radius")},"&:last-child":{borderInlineEnd:x,borderStartEndRadius:d("item-border-radius"),borderEndEndRadius:d("item-border-radius")},"&-active":{background:d("panel-active-bg-color"),borderColor:d("panel-active-border-color"),[`${t}-panel-arrow`]:{path:{fill:d("panel-active-bg-color"),stroke:d("panel-active-border-color")}},[`${u}-title, ${u}-subtitle, ${u}-content`]:{color:d("item-icon-active-text-color")}}}},{[`&${t}-small`]:{[g("panel-padding")]:l,[g("item-border-radius")]:c}},{[`&${t}-filled`]:{[u]:{"&:not(:first-child)":{clipPath:`polygon(${[`${X(n)} 0`,`calc(100% + ${d("item-base-width")}) 0`,`calc(100% + ${d("item-base-width")}) 100%`,`${X(n)} 100%`,`calc(${d("item-base-width")} + ${X(n)}) 50%`].join(",")})`}}}},{[`&${t}-outlined`]:{[`${t}-panel-arrow`]:{top:a(n).div(2).mul(-1).equal(),height:a(n).add("100%").equal()}}}]}},mt=e=>{const{calc:t,antCls:n,componentCls:r,lineWidthBold:c,motionDurationSlow:s}=e,l=`${r}-item`,[$,m]=z(n,"cmp-steps"),i=t(c).add(c).equal();return{[`${r}${r}-with-progress`]:{[$("item-wrapper-padding-top")]:i,[`${l}${l}-process`]:{[`${l}-icon`]:{position:"relative"}},[`${l}-progress-icon`]:{"&-svg":{[$("svg-size")]:t(i).mul(2).add(m("icon-size")).equal(),[$("icon-size-ptg-unitless")]:`calc(100 / tan(atan2(${m("svg-size")}, 1px)))`,fontSize:m("svg-size"),lineHeight:m("icon-size-ptg-unitless"),position:"absolute",inset:t(i).mul(-1).equal(),width:"auto",height:"auto"},"&-circle":{lineHeight:m("icon-size-ptg-unitless"),strokeWidth:t(m("icon-size-ptg-unitless")).mul(c).equal(),[$("progress-radius")]:t(m("svg-size")).sub(c).mul(m("icon-size-ptg-unitless")).div(2).equal(),r:m("progress-radius"),fill:"none",cx:50,cy:50,transition:`all ${s} ease-in-out`,"&-rail":{stroke:e.colorSplit},"&-ptg":{stroke:e.colorPrimary}}}}}},dt=e=>{const{componentCls:t,iconSize:n,dotSize:r,dotCurrentSize:c,marginXXS:s,lineWidthBold:l,fontSizeSM:$,antCls:m}=e,i=`${t}-item`,[a,u]=z(m,"cmp-steps");return{[`${t}${t}-dot`]:{[a("icon-size-active")]:c,[a("icon-size")]:r,[a("dot-icon-size")]:r,[a("dot-icon-border-width")]:l,[a("rail-size")]:l,[a("icon-border-width")]:l,[`${i}-custom ${i}-icon`]:{fontSize:$},[`${i}-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%)"}},[`${i}-active ${i}-icon`]:{[a("icon-size")]:u("icon-size-active")},[`&${t}-horizontal`]:{[`&, &${t}-small`]:de(e,s)}}}},pt=e=>{const{componentCls:t,lineWidthBold:n,antCls:r}=e,c=`${t}-item`,[,s]=z(r,"cmp-steps");return{[`${t}${t}-rtl`]:{direction:"rtl",[`&${t}-navigation${t}-horizontal`]:{[`${c}:after`]:{transform:"translateY(-50%) rotate(-45deg)"}},[`&${t}-panel`]:{[`${t}-panel-arrow`]:{transform:"scaleX(-1)"},[`&${t}-filled`]:{[c]:{"&:not(:first-child)":{clipPath:`polygon(${[`calc(0px - ${s("item-base-width")}) 0px`,`calc(100% - ${X(n)}) 0px`,`calc(100% - ${s("item-base-width")} - ${X(n)}) 50%`,`calc(100% - ${X(n)}) 100%`,`calc(0px - ${s("item-base-width")}) 100%`].join(",")})`}}}}}}},gt=e=>{const{componentCls:t,iconSizeSM:n,fontSize:r,lineHeight:c,marginXS:s,fontHeight:l,marginSM:$,paddingXS:m,antCls:i}=e,[a]=z(i,"cmp-steps");return{[`${t}${t}-small`]:{[a("icon-size")]:n,[a("title-horizontal-item-margin")]:$,[a("title-vertical-row-gap")]:m,[a("title-font-size")]:r,[a("title-line-height")]:c,[a("title-horizontal-rail-margin")]:s,[a("title-horizontal-title-height")]:l,[`&${t}-horizontal${t}-title-vertical`]:de(e,s)}}},te="wait",oe="process",ie="finish",ne="error",$t=e=>{const{componentCls:t,colorTextDisabled:n,colorTextLightSolid:r,colorPrimary:c,colorTextLabel:s,colorError:l,colorErrorHover:$,colorErrorBgFilledHover:m,colorFillTertiary:i,colorErrorBg:a,colorPrimaryBgHover:u,colorPrimaryBg:g,colorText:d,colorTextDescription:x,colorBgContainer:w,colorPrimaryHover:v,lineType:b,antCls:C}=e,h=`${t}-item`,[o,f]=z(C,"cmp-steps");return{[t]:[{[h]:{[o("item-solid-line-color")]:"#000",[o("item-title-color")]:"#000",[o("item-content-color")]:"#000",[o("item-subtitle-color")]:f("item-content-color"),[o("item-icon-custom-color")]:"#000",[o("item-icon-bg-color")]:"#000",[o("item-icon-border-color")]:"#000",[o("item-icon-text-color")]:"#fff",[o("item-icon-dot-color")]:"#000",[o("item-icon-dot-bg-color")]:f("item-icon-dot-color"),[o("item-icon-dot-border-color")]:f("item-icon-dot-color"),[o("item-text-hover-color")]:"#000",[o("item-icon-bg-hover-color")]:f("item-icon-bg-color"),[o("item-icon-border-hover-color")]:f("item-icon-border-color"),[o("item-icon-text-hover-color")]:f("item-icon-text-color"),[o("item-content-active-color")]:f("item-content-color"),[o("item-icon-active-bg-color")]:f("item-icon-bg-color"),[o("item-icon-active-border-color")]:f("item-icon-border-color"),[o("item-icon-active-text-color")]:f("item-icon-text-color"),[o("item-process-rail-line-style")]:b},[`${h}-rail`]:{borderColor:f("item-solid-line-color")},[`${h}-custom ${h}-icon`]:{color:f("item-icon-custom-color")},[`${h}-title`]:{color:f("item-title-color")},[`${h}-subtitle`]:{color:f("item-subtitle-color")},[`${h}-content`]:{color:f("item-content-color")},[`${h}-active ${h}-icon`]:{},[`${h}-active ${h}-content`]:{color:f("item-content-active-color")},[`${h}[role='button']:not(${h}-active):hover`]:{[`${h}-title, ${h}-content`]:{color:f("item-text-hover-color")}},[`&:not(${t}-dot)`]:{[`${h}:not(${h}-custom)`]:{[`${h}-icon`]:{background:f("item-icon-bg-color"),borderColor:f("item-icon-border-color"),color:f("item-icon-text-color")},[`&[role='button']:not(${h}-active):hover`]:{[`${h}-icon`]:{background:f("item-icon-bg-hover-color"),borderColor:f("item-icon-border-hover-color"),color:f("item-icon-text-hover-color")}},[`&${h}-active`]:{[`${h}-icon`]:{background:f("item-icon-active-bg-color"),borderColor:f("item-icon-active-border-color"),color:f("item-icon-active-text-color")}}}},[`&${t}-dot`]:{[`${h}-icon`]:{background:f("item-icon-dot-bg-color"),borderColor:f("item-icon-dot-border-color"),color:f("item-icon-dot-color"),[`&${h}-icon-dot-custom`]:{background:"transparent",border:"none"}}}},{[`${h}-${te}`]:{[o("item-icon-custom-color")]:n,[o("item-title-color")]:x,[o("item-content-color")]:x,[o("item-content-active-color")]:d,[o("item-text-hover-color")]:v},[`${h}-rail-${te}`]:{[o("item-solid-line-color")]:n},[`${h}-${oe}`]:{[o("item-icon-custom-color")]:c,[o("item-title-color")]:d,[o("item-content-color")]:x,[o("item-content-active-color")]:d,[o("item-text-hover-color")]:v},[`${h}-rail-${oe}`]:{[o("item-solid-line-color")]:c,[o("rail-line-style")]:f("item-process-rail-line-style")},[`${h}-${ie}`]:{[o("item-icon-custom-color")]:c,[o("item-title-color")]:d,[o("item-content-color")]:x,[o("item-content-active-color")]:d,[o("item-text-hover-color")]:v},[`${h}-rail-${ie}`]:{[o("item-solid-line-color")]:c},[`${h}-${ne}`]:{[o("item-icon-custom-color")]:l,[o("item-title-color")]:l,[o("item-content-color")]:l,[o("item-content-active-color")]:l,[o("item-text-hover-color")]:$},[`${h}-rail-${ne}`]:{[o("item-solid-line-color")]:l}},{[`&${t}-filled`]:{[h]:{[o("item-icon-dot-border-color")]:"transparent"},[`${h}-${te}`]:{[o("item-icon-bg-color")]:i,[o("item-icon-border-color")]:"transparent",[o("item-icon-text-color")]:s,[o("item-icon-dot-bg-color")]:n,[o("item-icon-bg-hover-color")]:u,[o("item-icon-border-hover-color")]:"transparent",[o("item-icon-text-hover-color")]:c,[o("item-icon-active-bg-color")]:c,[o("item-icon-active-border-color")]:"transparent",[o("item-icon-active-text-color")]:r},[`${h}-${oe}, ${h}-${ie}`]:{[o("item-icon-bg-color")]:g,[o("item-icon-border-color")]:"transparent",[o("item-icon-text-color")]:c,[o("item-icon-dot-bg-color")]:c,[o("item-icon-bg-hover-color")]:u,[o("item-icon-border-hover-color")]:"transparent",[o("item-icon-text-hover-color")]:c,[o("item-icon-active-bg-color")]:c,[o("item-icon-active-border-color")]:"transparent",[o("item-icon-active-text-color")]:r},[`${h}-${ne}`]:{[o("item-icon-bg-color")]:a,[o("item-icon-border-color")]:"transparent",[o("item-icon-text-color")]:l,[o("item-icon-dot-bg-color")]:l,[o("item-icon-bg-hover-color")]:m,[o("item-icon-border-hover-color")]:"transparent",[o("item-icon-text-hover-color")]:l,[o("item-icon-active-bg-color")]:l,[o("item-icon-active-border-color")]:"transparent",[o("item-icon-active-text-color")]:r}}},{[`&${t}-outlined`]:{[h]:{[o("item-icon-dot-bg-color")]:"transparent"},[`${h}-${te}`]:{[o("item-icon-bg-color")]:w,[o("item-icon-border-color")]:n,[o("item-icon-text-color")]:n,[o("item-icon-dot-color")]:n,[o("item-icon-bg-hover-color")]:"transparent",[o("item-icon-border-hover-color")]:v,[o("item-icon-text-hover-color")]:v,[o("item-icon-active-bg-color")]:i},[`${h}-${oe}, ${h}-${ie}`]:{[o("item-icon-bg-color")]:w,[o("item-icon-border-color")]:c,[o("item-icon-text-color")]:c,[o("item-icon-dot-color")]:c,[o("item-icon-bg-hover-color")]:"transparent",[o("item-icon-border-hover-color")]:v,[o("item-icon-text-hover-color")]:v,[o("item-icon-active-bg-color")]:g},[`${h}-${ne}`]:{[o("item-icon-bg-color")]:w,[o("item-icon-border-color")]:l,[o("item-icon-text-color")]:l,[o("item-icon-dot-color")]:l,[o("item-icon-bg-hover-color")]:"transparent",[o("item-icon-border-hover-color")]:$,[o("item-icon-text-hover-color")]:$,[o("item-icon-active-bg-color")]:a}}}]}},ut=e=>{const{componentCls:t,marginXXS:n,paddingSM:r,controlHeight:c,antCls:s,calc:l}=e,$=`${t}-item`,[m,i]=z(s,"cmp-steps");return{[`${t}-vertical`]:{[m("vertical-rail-margin")]:l(n).mul(1.5).equal(),flexDirection:"column",alignItems:"stretch",[`> ${$}`]:{minHeight:l(c).mul(1.5).equal(),paddingBottom:r,"&:last-child":{paddingBottom:0},[`${$}-icon`]:{marginInlineStart:`calc((${i("icon-size-max")} - ${i("icon-size")}) / 2)`},[`${$}-rail`]:{[m("rail-offset")]:l(i("heading-height")).sub(i("icon-size")).div(2).equal(),borderInlineStartWidth:i("rail-size"),position:"absolute",top:l(i("icon-size")).add(i("item-wrapper-padding-top")).add(i("rail-offset")).add(i("vertical-rail-margin")).equal(),insetInlineStart:l(i("icon-size-max")).div(2).equal(),bottom:l(i("vertical-rail-margin")).sub(i("rail-offset")).equal(),marginInlineStart:`calc(${i("rail-size")} / -2)`}}}}},ht=e=>{const{componentCls:t,antCls:n}=e,r=`${t}-item`,[c,s]=z(n,"cmp-steps");return{[t]:{[c("title-font-size")]:e.fontSizeLG,[c("title-line-height")]:e.lineHeightLG,[c("subtitle-font-size")]:e.fontSize,[c("subtitle-line-height")]:e.lineHeight,[c("item-wrapper-padding-top")]:"0px",[c("rail-size")]:e.lineWidth,[c("rail-line-style")]:e.lineType,...we(e),display:"flex",flexWrap:"nowrap",alignItems:"flex-start",[r]:{flex:"none",position:"relative"},[`${r}-wrapper`]:{display:"flex",flexWrap:"nowrap",paddingTop:s("item-wrapper-padding-top")},[`${r}-header`]:{display:"flex",flexWrap:"nowrap",alignItems:"center"},[`${r}-title`]:{color:e.colorText,fontSize:s("title-font-size"),lineHeight:s("title-line-height"),wordBreak:"break-word"},[`${r}-subtitle`]:{color:e.colorTextDescription,fontWeight:"normal",fontSize:s("subtitle-font-size"),lineHeight:s("subtitle-line-height"),marginInlineStart:e.marginXS,wordBreak:"break-word"},[`${r}-content`]:{color:e.colorTextDescription,fontSize:e.fontSize,lineHeight:e.lineHeight,wordBreak:"break-word"},[`${r}-rail`]:{borderStyle:s("rail-line-style"),borderWidth:0},[`${r}-title, ${r}-subtitle, ${r}-content, ${r}-rail`]:{transition:`all ${e.motionDurationSlow}`},[`&${t}-ellipsis`]:{[`${r}-title, ${r}-subtitle, ${r}-content`]:Le},[`${r}[role='button']:not(${r}-active):hover`]:{cursor:"pointer"}}}},ft=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}),bt=ze("Steps",e=>{const t=ye(e,{inlineDotSize:6});return[ht(t),nt(t),ut(t),it(t),at(t),gt(t),dt(t),$t(t),ct(t),st(t),rt(t),mt(t),pt(t)]},ft),vt={itemIcon:Fe},St=e=>{const{size:t,className:n,rootClassName:r,style:c,variant:s="filled",type:l,classNames:$,styles:m,direction:i,orientation:a,responsive:u=!0,progressDot:g,labelPlacement:d,titlePlacement:x,ellipsis:w,offset:v=0,items:b,percent:C,current:h=0,onChange:o,iconRender:f,...A}=e,S=p.useContext(Te),M=Ie("steps"),{getPrefixCls:D,direction:I,className:y,style:H}=M;let P,N,B={};S?B={root:S.rootComponent,item:S.itemComponent}:{classNames:P,styles:N}=M;const R=D(),E=D("steps",e.prefixCls),q=`${E}-item-icon`,[_,O]=bt(E),[L]=z(R,"cmp-steps"),U=Oe(t),K=p.useMemo(()=>(b||[]).filter(Boolean),[b]),{xs:F}=je(u),W=p.useMemo(()=>l&&l!=="default"?l:g?"dot":l,[g,l]),pe=W==="inline",k=W==="dot"||W==="inline",ge=p.useMemo(()=>W==="dot"&&typeof g=="function"?g:void 0,[W,g]),J=p.useMemo(()=>{const j=a||i;return W==="panel"?"horizontal":u&&F||j==="vertical"?"vertical":"horizontal"},[a,i,W,u,F]),$e=p.useMemo(()=>k||J==="vertical"?J==="vertical"?"horizontal":"vertical":l==="navigation"?"horizontal":x||d||"horizontal",[k,d,J,x,l]),ee=pe?void 0:C,Pe={...e,variant:s,size:U,type:W,orientation:J,titlePlacement:$e,current:h,percent:ee,responsive:u,offset:v},[We,He]=Ne([vt,P,$],[N,m],{props:Pe}),Be=(j,V)=>{const{item:G,index:ue,active:Xe,components:{Icon:he}}=V,{status:fe,icon:be}=G;let Q=null;if(k||be)Q=be;else switch(fe){case"finish":Q=p.createElement(Ue,{className:`${q}-finish`});break;case"error":Q=p.createElement(Ye,{className:`${q}-error`});break;default:{let re=p.createElement("span",{className:`${q}-number`},V.index+1);fe==="process"&&ee!==void 0&&(re=p.createElement(ot,{prefixCls:E,rootPrefixCls:R,percent:ee},re)),Q=re}}let Z=p.createElement(he,null,Q);return f?Z=f(Z,{index:ue,active:Xe,item:G,components:{Icon:he}}):typeof ge=="function"&&(Z=ge(Z,{index:ue,...G})),Z},Me=(j,V)=>{let G=j;return pe&&V.item.content&&(G=p.createElement(Ve,{destroyOnHidden:!0,title:V.item.content},j)),p.createElement(Ge,{component:"Steps",disabled:V.item.disabled||!o,colorSource:s==="filled"?"color":null},G)},Ae=W==="panel"?j=>p.createElement(p.Fragment,null,j,p.createElement(tt,{prefixCls:E})):void 0,De={[L("items-offset")]:`${v}`,...H,...c},qe=T(y,`${E}-${s}`,{[`${E}-${W}`]:W!=="dot"?W:!1,[`${E}-rtl`]:I==="rtl",[`${E}-dot`]:k,[`${E}-ellipsis`]:w,[`${E}-with-progress`]:ee!==void 0,[`${E}-small`]:U==="small"},n,r,_,O);return p.createElement(et,{...A,prefixCls:E,className:qe,style:De,classNames:We,styles:He,orientation:J,titlePlacement:$e,components:B,current:h,items:K,onChange:o,iconRender:Be,itemRender:Me,itemWrapperRender:Ae})},xt=e=>{const{componentCls:t,fontHeight:n,antCls:r,paddingXS:c}=e,[s,l]=z(r,"cmp-steps"),[$,m]=z(r,"timeline"),i=`${t}-item`;return{[`${t}-horizontal`]:{[s("title-vertical-row-gap")]:c,[$("content-height")]:X(n),alignItems:"stretch",[`&${t}-layout-alternate`]:{[i]:{[`${i}-wrapper`]:{[$("alternate-content-offset")]:`calc(${m("content-height")} + ${l("title-vertical-row-gap")} * 2 + ${l("icon-size-max")})`,height:`calc(${m("content-height")} * 2 + ${l("title-vertical-row-gap")} * 2 + ${l("icon-size-max")})`},[`${i}-icon`]:{position:"absolute"},[`${i}-icon, ${i}-rail`]:{position:"absolute",top:"50%",transform:"translateY(-50%)",margin:0},[`${i}-title, ${i}-subtitle, ${i}-content`]:{whiteSpace:"nowrap",maxWidth:"unset"},[`${i}-title`]:{position:"absolute",left:{_skip_check_:!0,value:"50%"},transform:"translateX(-50%)"},[`${i}-content`]:{position:"absolute",left:{_skip_check_:!0,value:"50%"},transform:"translateX(-50%)"},"&-placement-start":{[`${i}-title`]:{bottom:m("alternate-content-offset")},[`${i}-content`]:{top:m("alternate-content-offset")}},"&-placement-end":{[`${i}-title`]:{top:m("alternate-content-offset")},[`${i}-content`]:{bottom:m("alternate-content-offset")}}}},[`&:not(${t}-layout-alternate)`]:{[`${i}-placement-end`]:{display:"flex",alignItems:"flex-end",[`${i}-wrapper`]:{flex:"auto",flexDirection:"column-reverse"},[`${i}-rail`]:{top:"auto",bottom:l("horizontal-rail-margin"),transform:"translateY(50%)"}}}}}},Ct=e=>{const{componentCls:t,tailColor:n,fontHeight:r,dotSize:c,dotBg:s,dotBorderWidth:l,fontSize:$,lineHeight:m,colorText:i,tailWidth:a,colorPrimary:u,colorError:g,colorSuccess:d,colorTextDisabled:x,antCls:w}=e,v=`${t}-item`,[b,C]=z(w,"cmp-steps");return{[t]:[{...we(e),[v]:{[b("title-horizontal-title-height")]:r,[b("vertical-rail-margin")]:"0px",[b("title-horizontal-rail-gap")]:"0px",[b("icon-dot-size-origin")]:C("icon-size-active"),[b("icon-dot-size-custom")]:c,[b("item-icon-dot-bg-color-origin")]:C("item-icon-dot-bg-color"),[b("item-icon-dot-bg-color-custom")]:s,[b("icon-size")]:C("icon-dot-size-custom",C("icon-dot-size-origin")),[`${v}-icon`]:{[b("dot-icon-border-width")]:l,[b("dot-icon-size")]:C("icon-size"),[b("item-icon-dot-bg-color")]:C("item-icon-dot-bg-color-custom",C("item-icon-dot-bg-color-origin"))},[`${v}-title`]:{fontSize:$,lineHeight:m},[`${v}-content`]:{color:i},[`${v}-rail`]:{[b("item-solid-line-color")]:n,[b("rail-size")]:a}}},{[v]:{[b("item-process-rail-line-style")]:"dotted"},[`${v}${v}${v}-color`]:{"&-blue":{[b("item-icon-dot-color")]:u},"&-red":{[b("item-icon-dot-color")]:g},"&-green":{[b("item-icon-dot-color")]:d},"&-gray":{[b("item-icon-dot-color")]:x}}}]}},zt=e=>{const{calc:t,componentCls:n,itemPaddingBottom:r,margin:c,antCls:s}=e,l=`${n}-item`,[,$]=z(s,"cmp-steps"),[m,i]=z(s,"timeline");return{[`${n}:not(${n}-horizontal)`]:{[m("head-span")]:"12",[m("head-span-ptg")]:`calc(${i("head-span")} / 24 * 100%)`,[`&${n}-layout-alternate`]:{[l]:{[m("alternate-gap")]:t(c).mul(2).add($("dot-icon-size")).equal(),minHeight:"auto",paddingBottom:r,[`${l}-icon, ${l}-rail`]:{position:"absolute",insetInlineStart:i("head-span-ptg")},[`${l}-icon`]:{marginInlineStart:`calc(${$("icon-size")} / -2)`},[`${l}-section`]:{display:"flex",flexWrap:"nowrap",gap:i("alternate-gap")},[`${l}-header`]:{textAlign:"end",flexDirection:"column",alignItems:"stretch",flex:`1 1 calc(${i("head-span-ptg")} - ${i("alternate-gap")} / 2)`},[`${l}-content`]:{textAlign:"start",flex:`1 1 calc(100% - ${i("head-span-ptg")} - ${i("alternate-gap")} / 2)`},"&-placement-end":{[`${l}-header`]:{textAlign:"start",order:1},[`${l}-content`]:{textAlign:"end"},[`${l}-icon, ${l}-rail`]:{insetInlineStart:`calc(100% - ${i("head-span-ptg")})`}}}},[`&:not(${n}-layout-alternate)`]:{[`${l}-placement-end`]:{textAlign:"end",[`${l}-icon`]:{order:1},[`${l}-rail`]:{insetInlineStart:"auto",insetInlineEnd:`calc(${$("icon-size")} / 2)`,marginInlineEnd:`calc(${$("rail-size")} / -2)`}}}}}},yt=e=>({tailColor:e.colorSplit,tailWidth:e.lineWidthBold,dotBorderWidth:e.lineWidthBold,dotBg:void 0,dotSize:void 0,itemPaddingBottom:e.padding*1.25}),wt=ze("Timeline",e=>{const t=ye(e,{itemHeadSize:10,customHeadPaddingVertical:e.paddingXXS,paddingInlineEnd:2});return[Ct(t),zt(t),xt(t)]},yt),It=(e,t,n,r,c,s,l)=>{const $=`${t}-item`,[m]=z(e,"cmp-steps"),i=p.useMemo(()=>Array.isArray(r)?r:Ke(c).map(a=>({...a.props})),[r,c]);return p.useMemo(()=>{const a=i.map((u,g)=>{const{label:d,children:x,title:w,content:v,color:b,className:C,style:h,icon:o,dot:f,placement:A,position:S,loading:M,...D}=u;let I=h,y=C;b&&(["blue","red","green","gray"].includes(b)?y=T(C,`${$}-color-${b}`):I={[m("item-icon-dot-color")]:b,...h});const H=A??S??(n==="alternate"?g%2===0?"start":"end":n);y=T(y,`${$}-placement-${H}`);let P=o??f;return!P&&M&&(P=p.createElement(Se,null)),{...D,title:w??d,content:v??x,style:I,className:y,icon:P,status:M?"process":"finish"}});return s&&a.push({icon:l??p.createElement(Se,null),content:s,status:"process"}),a},[i,s,n,$,m,l])},Nt={rootComponent:"ol",itemComponent:"li"},Et=e=>{const{getPrefixCls:t,direction:n,className:r,style:c,classNames:s,styles:l}=Ie("timeline"),{prefixCls:$,className:m,style:i,classNames:a,styles:u,variant:g="outlined",mode:d,orientation:x="vertical",titleSpan:w,items:v,children:b,reverse:C,pending:h,pendingDot:o,...f}=e,A=t(),S=t("timeline",$),[M,D]=wt(S),[I]=z(A,"timeline"),y=p.useMemo(()=>({item:`${S}-item`,itemTitle:`${S}-item-title`,itemIcon:`${S}-item-icon`,itemContent:`${S}-item-content`,itemRail:`${S}-item-rail`,itemWrapper:`${S}-item-wrapper`,itemSection:`${S}-item-section`,itemHeader:`${S}-item-header`}),[S]),H=p.useMemo(()=>d==="left"?"start":d==="right"?"end":["alternate","start","end"].includes(d)?d:"start",[d]),P=It(A,S,H,v,b,h,o),N=p.useMemo(()=>C?Je(P).reverse():P,[C,P]),B={...e,variant:g,mode:H,orientation:x,items:N},[R,E]=Ne([y,s,a],[l,u],{props:B}),q=p.useMemo(()=>({railFollowPrevStatus:C}),[C]),_=p.useMemo(()=>H==="alternate"||x==="vertical"&&N.some(L=>L.title),[N,H,x]),O={...c,...i};return Qe(w)&&H!=="alternate"&&(typeof w=="number"&&!Number.isNaN(w)?O[I("head-span")]=w:O[I("head-span-ptg")]=w),p.createElement(Te.Provider,{value:Nt},p.createElement(Ee.Provider,{value:q},p.createElement(St,{...f,className:T(S,r,m,M,D,{[`${S}-${x}`]:x==="horizontal",[`${S}-layout-alternate`]:_,[`${S}-rtl`]:n==="rtl"}),style:O,classNames:R,styles:E,variant:g,orientation:x,type:"dot",items:N,current:N.length-1})))};Et.Item=()=>{};export{St as S,Et as T};
|