👨🏻‍💻👩🏻‍💻 Use Ant Design like a Pro!
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 

1 lines
34 KiB

(globalThis.utooChunk_ant_design_pro||(globalThis.utooChunk_ant_design_pro=[])).push(["object"==typeof document?document.currentScript:void 0,186897,e=>{"use strict";e.i(495059);var t=e.i(191788),i=e.i(146025),o=e.i(449995),r=e.i(56206),n=e.i(536343);function l(e){let{prefixCls:i,className:o,style:n,status:l}=e,a=`${i}-rail`;return t.createElement("div",{className:(0,r.clsx)(a,`${a}-${l}`,o),style:n})}let a=t.createContext({}),c=t.createContext(null);var s=e.i(624200);function m(){return(m=Object.assign.bind()).apply(this,arguments)}let d=t.createContext({}),u=t.forwardRef((e,i)=>{let{className:o,style:n,children:l,...a}=e,{prefixCls:u,classNames:p,styles:h}=t.useContext(c),{className:g,style:$}=t.useContext(d),b=`${u}-item`;return t.createElement("div",m({},(0,s.default)(a,!1),{ref:i,className:(0,r.clsx)(`${b}-icon`,p.itemIcon,g,o),style:{...h.itemIcon,...$,...n}}),l)});function p(){return(p=Object.assign.bind()).apply(this,arguments)}function h(e){let{prefixCls:i,classNames:o,styles:s,data:m,last:h,nextStatus:g,active:$,index:b,itemRender:f,iconRender:v,itemWrapperRender:x,onClick:z}=e,w=`${i}-item`,{railFollowPrevStatus:y}=t.useContext(a),{ItemComponent:S}=t.useContext(c),{onClick:C,title:k,subTitle:I,content:E,description:M,disabled:R,icon:F,status:B,className:W,style:H,classNames:j={},styles:N={},...T}=m,q=E??M,P={item:{...m,content:q},index:b,active:$},V={};(z||C)&&!R&&(V.role="button",V.tabIndex=0,V.onClick=e=>{C?.(e),z(b)},V.onKeyDown=e=>{let{which:t}=e;(t===n.default.ENTER||t===n.default.SPACE)&&z(b)});let A=null!=k,D=null!=I,_=(0,r.clsx)(w,`${w}-${B||"wait"}`,{[`${w}-custom`]:F,[`${w}-active`]:$,[`${w}-disabled`]:!0===R,[`${w}-empty-header`]:!A&&!D},W,o.item,j.root),L=t.createElement(u,null);v&&(L=v(L,{...P,components:{Icon:u}}));let X=t.createElement("div",{className:(0,r.clsx)(`${w}-wrapper`,o.itemWrapper,j.wrapper),style:{...s.itemWrapper,...N.wrapper}},t.createElement(d.Provider,{value:{className:j.icon,style:N.icon}},L),t.createElement("div",{className:(0,r.clsx)(`${w}-section`,o.itemSection,j.section),style:{...s.itemSection,...N.section}},t.createElement("div",{className:(0,r.clsx)(`${w}-header`,o.itemHeader,j.header),style:{...s.itemHeader,...N.header}},A&&t.createElement("div",{className:(0,r.clsx)(`${w}-title`,o.itemTitle,j.title),style:{...s.itemTitle,...N.title}},k),D&&t.createElement("div",{title:"string"==typeof I?I:void 0,className:(0,r.clsx)(`${w}-subtitle`,o.itemSubtitle,j.subtitle),style:{...s.itemSubtitle,...N.subtitle}},I),!h&&t.createElement(l,{prefixCls:w,className:(0,r.clsx)(o.itemRail,j.rail),style:{...s.itemRail,...N.rail},status:y?B:g})),null!=q&&t.createElement("div",{className:(0,r.clsx)(`${w}-content`,o.itemContent,j.content),style:{...s.itemContent,...N.content}},q))),G=t.createElement(S,p({},T,V,{className:_,style:{...s.item,...N.root,...H}}),x?x(X):X);return f&&(G=f(G,P)||null),G}function g(){return(g=Object.assign.bind()).apply(this,arguments)}let $={};var b=function(e){let{prefixCls:i="rc-steps",style:o,className:n,classNames:l=$,styles:a=$,rootClassName:s,orientation:m,titlePlacement:d,components:u,status:p="process",current:b=0,initial:f=0,onChange:v,items:x,iconRender:z,itemRender:w,itemWrapperRender:y,...S}=e,C="vertical"===m,k=(0,r.clsx)(i,`${i}-${C?"vertical":"horizontal"}`,`${i}-title-${C||"vertical"!==d?"horizontal":"vertical"}`,s,n,l.root),I=t.default.useMemo(()=>(x||[]).filter(Boolean),[x]),E=t.default.useMemo(()=>I.map(({status:e},t)=>{let i=f+t;return e?e:i===b?p:i<b?"finish":"wait"}),[I,p,b,f]),M=e=>{v&&b!==e&&v(e)},{root:R="div",item:F="div"}=u||{},B=t.default.useMemo(()=>({prefixCls:i,classNames:l,styles:a,ItemComponent:F}),[i,l,a,F]);return t.default.createElement(R,g({className:k,style:{...o,...a?.root}},S),t.default.createElement(c.Provider,{value:B},I.map((e,o)=>{let r=f+o,n=E[o],c=E[o+1],s={...e,status:n};return t.default.createElement(h,{key:r,prefixCls:i,classNames:l,styles:a,data:s,nextStatus:c,active:r===b,index:r,last:I.length-1===o,iconRender:z,itemRender:w,itemWrapperRender:y,onClick:v&&M})})))},f=e.i(430898),v=e.i(498324),x=e.i(658686),z=e.i(993175),w=e.i(625263),y=e.i(885283),S=e.i(352050),C=e.i(188304);let k=t.createContext(null);var I=e=>{let{prefixCls:i}=e;return t.createElement("svg",{className:`${i}-panel-arrow`,viewBox:"0 0 100 100",xmlns:"http://www.w3.org/2000/svg",preserveAspectRatio:"none"},t.createElement("title",null,"Arrow"),t.createElement("path",{d:"M 0 0 L 100 50 L 0 100"}))},E=e=>{let{prefixCls:i,rootPrefixCls:o,children:n,percent:l}=e,a=`${i}-item-progress-icon`,c=`${a}-circle`,[,s]=(0,S.genCssVar)(o,"cmp-steps"),m=`calc(${s("progress-radius")} * 2 * ${Math.PI*l/100}) 9999`;return t.createElement(t.Fragment,null,t.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":l},t.createElement("title",null,"Progress"),t.createElement("circle",{className:(0,r.clsx)(c,`${c}-rail`)}),t.createElement("circle",{className:(0,r.clsx)(c,`${c}-ptg`),strokeDasharray:m,transform:"rotate(-90 50 50)"})),n)},M=e.i(307441),R=e.i(104616);let F=(e,t,i)=>{let{calc:o,componentCls:r,descriptionMaxWidth:n,antCls:l}=e,a=`${r}-item`,[,c]=(0,S.genCssVar)(l,"cmp-steps");return{[`@container style(${(n||"--ant-not-exist").replace(/var\((.*)\)/,"$1")})`]:[{[`${a}-icon`]:{marginInlineStart:o(n).sub(c("icon-size")).div(2).equal()},[`${a}-rail`]:{width:"auto",insetInlineStart:o(n).add(c("icon-size")).div(2).add(t).equal(),insetInlineEnd:o(n).sub(c("icon-size")).div(2).sub(t).mul(-1).equal()}},i]}};e.i(290586);var B=e.i(774778);let W="wait",H="process",j="finish",N="error";var T=(0,S.genStyleHooks)("Steps",e=>{let t=(0,R.mergeToken)(e,{inlineDotSize:6});return[(e=>{let{componentCls:t,antCls:i}=e,o=`${t}-item`,[r,n]=(0,S.genCssVar)(i,"cmp-steps");return{[t]:{[r("title-font-size")]:e.fontSizeLG,[r("title-line-height")]:e.lineHeightLG,[r("subtitle-font-size")]:e.fontSize,[r("subtitle-line-height")]:e.lineHeight,[r("item-wrapper-padding-top")]:"0px",[r("rail-size")]:e.lineWidth,[r("rail-line-style")]:e.lineType,...(0,M.resetComponent)(e),display:"flex",flexWrap:"nowrap",alignItems:"flex-start",[o]:{flex:"none",position:"relative"},[`${o}-wrapper`]:{display:"flex",flexWrap:"nowrap",paddingTop:n("item-wrapper-padding-top")},[`${o}-header`]:{display:"flex",flexWrap:"nowrap",alignItems:"center"},[`${o}-title`]:{color:e.colorText,fontSize:n("title-font-size"),lineHeight:n("title-line-height"),wordBreak:"break-word"},[`${o}-subtitle`]:{color:e.colorTextDescription,fontWeight:"normal",fontSize:n("subtitle-font-size"),lineHeight:n("subtitle-line-height"),marginInlineStart:e.marginXS,wordBreak:"break-word"},[`${o}-content`]:{color:e.colorTextDescription,fontSize:e.fontSize,lineHeight:e.lineHeight,wordBreak:"break-word"},[`${o}-rail`]:{borderStyle:n("rail-line-style"),borderWidth:0},[`${o}-title, ${o}-subtitle, ${o}-content, ${o}-rail`]:{transition:`all ${e.motionDurationSlow}`},[`&${t}-ellipsis`]:{[`${o}-title, ${o}-subtitle, ${o}-content`]:M.textEllipsis},[`${o}[role='button']:not(${o}-active):hover`]:{cursor:"pointer"}}}})(t),(e=>{let{componentCls:t,customIconFontSize:i,motionDurationSlow:o,iconSize:r,lineWidth:n,lineType:l,antCls:a}=e,c=`${t}-item`,[s,m]=(0,S.genCssVar)(a,"cmp-steps");return{[t]:{[s("icon-size")]:r,[s("icon-border-width")]:n,[`${c}-icon`]:{width:m("icon-size"),height:m("icon-size"),margin:0,flex:"none",display:"flex",alignItems:"center",justifyContent:"center",fontSize:e.iconFontSize,fontFamily:e.fontFamily,lineHeight:m("icon-size"),textAlign:"center",borderRadius:m("icon-size"),border:`${m("icon-border-width")} ${l} transparent`,transition:["background-color","border","color","inset","transform"].map(e=>`${e} ${o}`).join(", "),zIndex:1},[`${c}-custom ${c}-icon`]:{background:"none",border:0,fontSize:i}}}})(t),(e=>{let{componentCls:t,marginXXS:i,paddingSM:o,controlHeight:r,antCls:n,calc:l}=e,a=`${t}-item`,[c,s]=(0,S.genCssVar)(n,"cmp-steps");return{[`${t}-vertical`]:{[c("vertical-rail-margin")]:l(i).mul(1.5).equal(),flexDirection:"column",alignItems:"stretch",[`> ${a}`]:{minHeight:l(r).mul(1.5).equal(),paddingBottom:o,"&:last-child":{paddingBottom:0},[`${a}-icon`]:{marginInlineStart:`calc((${s("icon-size-max")} - ${s("icon-size")}) / 2)`},[`${a}-rail`]:{[c("rail-offset")]:l(s("heading-height")).sub(s("icon-size")).div(2).equal(),borderInlineStartWidth:s("rail-size"),position:"absolute",top:l(s("icon-size")).add(s("item-wrapper-padding-top")).add(s("rail-offset")).add(s("vertical-rail-margin")).equal(),insetInlineStart:l(s("icon-size-max")).div(2).equal(),bottom:l(s("vertical-rail-margin")).sub(s("rail-offset")).equal(),marginInlineStart:`calc(${s("rail-size")} / -2)`}}}}})(t),(e=>{let{componentCls:t,antCls:i}=e,o=`${t}-item`,[r,n]=(0,S.genCssVar)(i,"cmp-steps");return{[`${t}-horizontal`]:{[`> ${o}`]:{flex:"1 1 auto",minWidth:e.iconSize,[`${o}-rail`]:{[r("horizontal-rail-margin")]:`calc(${n("icon-size-max")} / 2 + ${n("item-wrapper-padding-top")})`,position:"static",marginTop:n("horizontal-rail-margin"),width:"auto",borderBlockStartWidth:n("rail-size"),flex:1,minWidth:0,alignSelf:"flex-start",transform:"translateY(-50%)"}}}}})(t),(e=>{let{componentCls:t,descriptionMaxWidth:i,marginXS:o,fontHeightLG:r,margin:n,paddingSM:l,marginXXS:a,antCls:c,calc:s}=e,m=`${t}-item`,[d,u]=(0,S.genCssVar)(c,"cmp-steps");return{[t]:{[d("icon-size-max")]:`max(${u("icon-size")}, ${u("icon-size-active",u("icon-size"))})`,[`${m}-icon`]:{marginBlockStart:`calc((${u("heading-height")} - ${u("icon-size")}) / 2)`}},[`${t}-title-horizontal`]:{[d("title-horizontal-item-margin")]:n,[d("title-horizontal-rail-margin")]:n,[d("title-horizontal-title-height")]:r,[d("heading-height")]:`max(${u("icon-size")}, ${u("title-horizontal-title-height")})`,[`&${t}-horizontal, &${t}-horizontal-alternate`]:{[`${m}:not(:first-child)`]:{marginInlineStart:u("title-horizontal-item-margin")},[`${m}:last-child`]:{flex:"0 1 auto"},[`${m}-wrapper`]:{columnGap:e.marginXS}},[`&${t}-vertical`]:{[`${m}-wrapper`]:{columnGap:e.margin},[`${m}-empty-header`]:{[`${m}-header`]:{minHeight:"auto"},[`${m}-content`]:{marginTop:s(u("heading-height")).sub(e.fontHeight).div(2).equal()}}},[`${m}-section`]:{flex:1,minWidth:0},[`${m}-header`]:{minHeight:u("heading-height")},[`${m}-title`]:{flex:"0 1 auto"},[`${m}-content`]:{maxWidth:i},[`${m}-subtitle`]:{flex:"0 9999 auto"},[`&${t}-horizontal ${m}-rail`]:{[d("item-wrapper-padding-top")]:"0px",flex:"1 1 0%",marginInlineStart:u("title-horizontal-rail-margin")}},[`${t}-title-vertical`]:{[d("title-vertical-row-gap")]:l,[d("title-horizontal-rail-gap")]:a,[d("heading-height")]:u("icon-size-max"),[`> ${m}`]:{flex:"1 1 0%",[`${m}-wrapper`]:{flexDirection:"column",rowGap:u("title-vertical-row-gap"),alignItems:"center"},[`${m}-section`]:{alignSelf:"stretch"},[`${m}-header`]:{flexDirection:"column",alignItems:"center"},[`${m}-title, ${m}-subtitle, ${m}-content`]:{textAlign:"center",maxWidth:"100%"},[`${m}-subtitle`]:{margin:0},[`${m}-rail`]:{position:"absolute",top:0,width:`calc(100% - ${u("icon-size")} - ${u("title-horizontal-rail-gap")} * 2)`,insetInlineStart:`calc(50% + ${u("icon-size")} / 2 + ${u("title-horizontal-rail-gap")})`}},...F(e,o,{[`${m}:last-child`]:{flex:"none"},[`${m}-icon`]:{alignSelf:"flex-start"},[`${m}-section`]:{width:i}})}}})(t),(e=>{let{componentCls:t,iconSizeSM:i,fontSize:o,lineHeight:r,marginXS:n,fontHeight:l,marginSM:a,paddingXS:c,antCls:s}=e,[m]=(0,S.genCssVar)(s,"cmp-steps");return{[`${t}${t}-small`]:{[m("icon-size")]:i,[m("title-horizontal-item-margin")]:a,[m("title-vertical-row-gap")]:c,[m("title-font-size")]:o,[m("title-line-height")]:r,[m("title-horizontal-rail-margin")]:n,[m("title-horizontal-title-height")]:l,[`&${t}-horizontal${t}-title-vertical`]:F(e,n)}}})(t),(e=>{let{componentCls:t,iconSize:i,dotSize:o,dotCurrentSize:r,marginXXS:n,lineWidthBold:l,fontSizeSM:a,antCls:c}=e,s=`${t}-item`,[m,d]=(0,S.genCssVar)(c,"cmp-steps");return{[`${t}${t}-dot`]:{[m("icon-size-active")]:r,[m("icon-size")]:o,[m("dot-icon-size")]:o,[m("dot-icon-border-width")]:l,[m("rail-size")]:l,[m("icon-border-width")]:l,[`${s}-custom ${s}-icon`]:{fontSize:a},[`${s}-icon`]:{position:"relative","&:after":{content:'""',width:i,height:i,display:"block",position:"absolute",top:"50%",left:{_skip_check_:!0,value:"50%"},transform:"translate(-50%, -50%)"}},[`${s}-active ${s}-icon`]:{[m("icon-size")]:d("icon-size-active")},[`&${t}-horizontal`]:{[`&, &${t}-small`]:F(e,n)}}}})(t),(e=>{let{componentCls:t,colorTextDisabled:i,colorTextLightSolid:o,colorPrimary:r,colorTextLabel:n,colorError:l,colorErrorHover:a,colorErrorBgFilledHover:c,colorFillTertiary:s,colorErrorBg:m,colorPrimaryBgHover:d,colorPrimaryBg:u,colorText:p,colorTextDescription:h,colorBgContainer:g,colorPrimaryHover:$,lineType:b,antCls:f}=e,v=`${t}-item`,[x,z]=(0,S.genCssVar)(f,"cmp-steps");return{[t]:[{[v]:{[x("item-solid-line-color")]:"#000",[x("item-title-color")]:"#000",[x("item-content-color")]:"#000",[x("item-subtitle-color")]:z("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")]:z("item-icon-dot-color"),[x("item-icon-dot-border-color")]:z("item-icon-dot-color"),[x("item-text-hover-color")]:"#000",[x("item-icon-bg-hover-color")]:z("item-icon-bg-color"),[x("item-icon-border-hover-color")]:z("item-icon-border-color"),[x("item-icon-text-hover-color")]:z("item-icon-text-color"),[x("item-content-active-color")]:z("item-content-color"),[x("item-icon-active-bg-color")]:z("item-icon-bg-color"),[x("item-icon-active-border-color")]:z("item-icon-border-color"),[x("item-icon-active-text-color")]:z("item-icon-text-color"),[x("item-process-rail-line-style")]:b},[`${v}-rail`]:{borderColor:z("item-solid-line-color")},[`${v}-custom ${v}-icon`]:{color:z("item-icon-custom-color")},[`${v}-title`]:{color:z("item-title-color")},[`${v}-subtitle`]:{color:z("item-subtitle-color")},[`${v}-content`]:{color:z("item-content-color")},[`${v}-active ${v}-icon`]:{},[`${v}-active ${v}-content`]:{color:z("item-content-active-color")},[`${v}[role='button']:not(${v}-active):hover`]:{[`${v}-title, ${v}-content`]:{color:z("item-text-hover-color")}},[`&:not(${t}-dot)`]:{[`${v}:not(${v}-custom)`]:{[`${v}-icon`]:{background:z("item-icon-bg-color"),borderColor:z("item-icon-border-color"),color:z("item-icon-text-color")},[`&[role='button']:not(${v}-active):hover`]:{[`${v}-icon`]:{background:z("item-icon-bg-hover-color"),borderColor:z("item-icon-border-hover-color"),color:z("item-icon-text-hover-color")}},[`&${v}-active`]:{[`${v}-icon`]:{background:z("item-icon-active-bg-color"),borderColor:z("item-icon-active-border-color"),color:z("item-icon-active-text-color")}}}},[`&${t}-dot`]:{[`${v}-icon`]:{background:z("item-icon-dot-bg-color"),borderColor:z("item-icon-dot-border-color"),color:z("item-icon-dot-color"),[`&${v}-icon-dot-custom`]:{background:"transparent",border:"none"}}}},{[`${v}-${W}`]:{[x("item-icon-custom-color")]:i,[x("item-title-color")]:h,[x("item-content-color")]:h,[x("item-content-active-color")]:p,[x("item-text-hover-color")]:$},[`${v}-rail-${W}`]:{[x("item-solid-line-color")]:i},[`${v}-${H}`]:{[x("item-icon-custom-color")]:r,[x("item-title-color")]:p,[x("item-content-color")]:h,[x("item-content-active-color")]:p,[x("item-text-hover-color")]:$},[`${v}-rail-${H}`]:{[x("item-solid-line-color")]:r,[x("rail-line-style")]:z("item-process-rail-line-style")},[`${v}-${j}`]:{[x("item-icon-custom-color")]:r,[x("item-title-color")]:p,[x("item-content-color")]:h,[x("item-content-active-color")]:p,[x("item-text-hover-color")]:$},[`${v}-rail-${j}`]:{[x("item-solid-line-color")]:r},[`${v}-${N}`]:{[x("item-icon-custom-color")]:l,[x("item-title-color")]:l,[x("item-content-color")]:l,[x("item-content-active-color")]:l,[x("item-text-hover-color")]:a},[`${v}-rail-${N}`]:{[x("item-solid-line-color")]:l}},{[`&${t}-filled`]:{[v]:{[x("item-icon-dot-border-color")]:"transparent"},[`${v}-${W}`]:{[x("item-icon-bg-color")]:s,[x("item-icon-border-color")]:"transparent",[x("item-icon-text-color")]:n,[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")]:r,[x("item-icon-active-bg-color")]:r,[x("item-icon-active-border-color")]:"transparent",[x("item-icon-active-text-color")]:o},[`${v}-${H}, ${v}-${j}`]:{[x("item-icon-bg-color")]:u,[x("item-icon-border-color")]:"transparent",[x("item-icon-text-color")]:r,[x("item-icon-dot-bg-color")]:r,[x("item-icon-bg-hover-color")]:d,[x("item-icon-border-hover-color")]:"transparent",[x("item-icon-text-hover-color")]:r,[x("item-icon-active-bg-color")]:r,[x("item-icon-active-border-color")]:"transparent",[x("item-icon-active-text-color")]:o},[`${v}-${N}`]:{[x("item-icon-bg-color")]:m,[x("item-icon-border-color")]:"transparent",[x("item-icon-text-color")]:l,[x("item-icon-dot-bg-color")]:l,[x("item-icon-bg-hover-color")]:c,[x("item-icon-border-hover-color")]:"transparent",[x("item-icon-text-hover-color")]:l,[x("item-icon-active-bg-color")]:l,[x("item-icon-active-border-color")]:"transparent",[x("item-icon-active-text-color")]:o}}},{[`&${t}-outlined`]:{[v]:{[x("item-icon-dot-bg-color")]:"transparent"},[`${v}-${W}`]:{[x("item-icon-bg-color")]:g,[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")]:$,[x("item-icon-text-hover-color")]:$,[x("item-icon-active-bg-color")]:s},[`${v}-${H}, ${v}-${j}`]:{[x("item-icon-bg-color")]:g,[x("item-icon-border-color")]:r,[x("item-icon-text-color")]:r,[x("item-icon-dot-color")]:r,[x("item-icon-bg-hover-color")]:"transparent",[x("item-icon-border-hover-color")]:$,[x("item-icon-text-hover-color")]:$,[x("item-icon-active-bg-color")]:u},[`${v}-${N}`]:{[x("item-icon-bg-color")]:g,[x("item-icon-border-color")]:l,[x("item-icon-text-color")]:l,[x("item-icon-dot-color")]:l,[x("item-icon-bg-hover-color")]:"transparent",[x("item-icon-border-hover-color")]:a,[x("item-icon-text-hover-color")]:a,[x("item-icon-active-bg-color")]:m}}}]}})(t),(e=>{let{componentCls:t,fontSizeIcon:i,navContentMaxWidth:o,navArrowColor:r,colorPrimary:n,motionDurationSlow:l,antCls:a,calc:c}=e,s=`${t}-item`,[m,d]=(0,S.genCssVar)(a,"cmp-steps");return{[`${t}${t}-navigation`]:{[s.repeat(4)]:{display:"flex",justifyContent:"center",position:"relative",flex:1,marginInlineStart:0,[`${s}-wrapper`]:{paddingBlock:e.paddingSM},[`${s}-section`]:{maxWidth:o},[`${s}-rail`]:{display:"none"},"&:before":{position:"absolute",display:"block",backgroundColor:n,transition:`all ${l}`,transitionTimingFunction:"ease-out",content:'""'},"&:not(:last-child):after":{position:"absolute",display:"block",borderTop:`${(0,B.unit)(e.lineWidth)} ${e.lineType} ${r}`,borderBottom:"none",borderInlineStart:"none",borderInlineEnd:`${(0,B.unit)(e.lineWidth)} ${e.lineType} ${r}`,content:'""'},[`&${s}-active`]:{[m("item-content-active-color")]:d("item-content-color"),[m("item-icon-active-bg-color")]:d("item-icon-bg-color"),[m("item-icon-active-border-color")]:d("item-icon-border-color"),[m("item-icon-active-text-color")]:d("item-icon-text-color")}},[`&${t}-horizontal`]:{[s]:{"&:before":{bottom:0,insetInlineStart:"50%",width:0,height:e.lineWidthBold},[`&${s}-active:before`]:{insetInlineStart:0,width:"100%"},"&:not(:last-child):after":{top:"50%",insetInlineStart:c(i).div(2).mul(-1).add("100%").equal(),width:i,height:i,transform:"translateY(-50%) rotate(45deg)"}}},[`&${t}-vertical`]:{[s.repeat(4)]:{[`${s}-content`]:{padding:0},"&:before":{insetInlineEnd:0,top:"50%",width:e.lineWidthBold,height:0},[`&${s}-active::before`]:{top:0,height:"100%"},"&:not(:last-child):after":{left:{_skip_check_:!0,value:"50%"},top:"100%",width:c(i).div(3).mul(2).equal(),height:c(i).div(3).mul(2).equal(),transform:"translateY(-50%) translateX(-50%) rotate(135deg)"}}}}}})(t),(e=>{let{componentCls:t,lineWidthBold:i,borderRadius:o,borderRadiusSM:r,motionDurationMid:n,paddingXS:l,lineType:a,paddingSM:c,antCls:s,calc:m}=e,d=`${t}-item`,[u,p]=(0,S.genCssVar)(s,"cmp-steps"),h=`${(0,B.unit)(i)} ${a} ${p("panel-border-color")}`;return{[`${t}${t}-panel`]:[{[`${d}-rail`]:{display:"none"},[`&${t}-horizontal`]:{alignItems:"stretch",[d]:{flex:1,margin:0}}},{"&":{[u("panel-padding")]:c,[u("item-border-radius")]:o,[d]:{[u("panel-bg-color")]:p("item-icon-bg-color"),[u("panel-border-color")]:p("item-icon-border-color"),[u("panel-active-bg-color")]:p("item-icon-active-bg-color"),[u("panel-active-border-color")]:p("item-icon-active-border-color"),[u("panel-title-height")]:`calc(${p("title-font-size")} * ${p("title-line-height")})`,[u("item-base-height")]:m(p("panel-padding")).mul(2).add(p("icon-size")).add(p("panel-title-height")).equal(),[u("item-base-width")]:`calc(${p("item-base-height")} * 0.7071)`,transition:`background-color ${n}`}},[`${d}-icon`]:{display:"none"},[`${d}-header`]:{minHeight:"auto"},[`${t}-panel-arrow`]:{position:"absolute",top:m(i).mul(-1).equal(),insetInlineStart:"100%",zIndex:1,height:m(i).mul(2).add("100%").equal(),width:p("item-base-width"),overflow:"visible",strokeLinecap:"round",path:{fill:p("panel-bg-color"),stroke:p("panel-border-color"),strokeWidth:i,vectorEffect:"non-scaling-stroke",transition:`fill ${n}`}},[`${d}:last-child ${t}-panel-arrow`]:{display:"none"},[d]:{padding:p("panel-padding"),background:p("panel-bg-color"),position:"relative",borderBlock:h,"&:not(:first-child)":{paddingInlineStart:`calc(${p("panel-padding")} + ${p("item-base-width")})`},"&:first-child":{borderInlineStart:h,borderStartStartRadius:p("item-border-radius"),borderEndStartRadius:p("item-border-radius")},"&:last-child":{borderInlineEnd:h,borderStartEndRadius:p("item-border-radius"),borderEndEndRadius:p("item-border-radius")},"&-active":{background:p("panel-active-bg-color"),borderColor:p("panel-active-border-color"),[`${t}-panel-arrow`]:{path:{fill:p("panel-active-bg-color"),stroke:p("panel-active-border-color")}},[`${d}-title, ${d}-subtitle, ${d}-content`]:{color:p("item-icon-active-text-color")}}}},{[`&${t}-small`]:{[u("panel-padding")]:l,[u("item-border-radius")]:r}},{[`&${t}-filled`]:{[d]:{"&:not(:first-child)":{clipPath:`polygon(${(0,B.unit)(i)} 0,calc(100% + ${p("item-base-width")}) 0,calc(100% + ${p("item-base-width")}) 100%,${(0,B.unit)(i)} 100%,calc(${p("item-base-width")} + ${(0,B.unit)(i)}) 50%)`}}}},{[`&${t}-outlined`]:{[`${t}-panel-arrow`]:{top:m(i).div(2).mul(-1).equal(),height:m(i).add("100%").equal()}}}]}})(t),(e=>{let{componentCls:t,inlineDotSize:i,paddingXS:o,lineWidth:r,antCls:n,calc:l}=e,a=l(o).add(r).equal(),c=`${t}-item`,[s,m]=(0,S.genCssVar)(n,"cmp-steps");return{[`${t}-inline`]:{[s("items-offset")]:"0",[s("item-wrapper-padding-top")]:a,display:"inline-flex","&:before":{content:'""',flex:m("items-offset")},[c]:{[s("title-vertical-row-gap")]:o,[s("icon-size")]:i,[s("icon-size-active")]:i,[s("title-font-size")]:e.fontSizeSM,[s("title-line-height")]:e.lineHeightSM,[s("item-title-color")]:e.colorTextSecondary,[s("subtitle-font-size")]:e.fontSizeSM,[s("subtitle-line-height")]:e.lineHeightSM,[s("item-subtitle-color")]:e.colorTextQuaternary,[s("rail-size")]:e.lineWidth,[s("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"}}}}})(t),(e=>{let{calc:t,antCls:i,componentCls:o,lineWidthBold:r,motionDurationSlow:n}=e,l=`${o}-item`,[a,c]=(0,S.genCssVar)(i,"cmp-steps"),s=t(r).add(r).equal();return{[`${o}${o}-with-progress`]:{[a("item-wrapper-padding-top")]:s,[`${l}${l}-process`]:{[`${l}-icon`]:{position:"relative"}},[`${l}-progress-icon`]:{"&-svg":{[a("svg-size")]:t(s).mul(2).add(c("icon-size")).equal(),[a("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(s).mul(-1).equal(),width:"auto",height:"auto"},"&-circle":{lineHeight:c("icon-size-ptg-unitless"),strokeWidth:t(c("icon-size-ptg-unitless")).mul(r).equal(),[a("progress-radius")]:t(c("svg-size")).sub(r).mul(c("icon-size-ptg-unitless")).div(2).equal(),r:c("progress-radius"),fill:"none",cx:50,cy:50,transition:`all ${n} ease-in-out`,"&-rail":{stroke:e.colorSplit},"&-ptg":{stroke:e.colorPrimary}}}}}})(t),(e=>{let{componentCls:t,lineWidthBold:i,antCls:o}=e,r=`${t}-item`,[,n]=(0,S.genCssVar)(o,"cmp-steps");return{[`${t}${t}-rtl`]:{direction:"rtl",[`&${t}-navigation${t}-horizontal`]:{[`${r}:after`]:{transform:"translateY(-50%) rotate(-45deg)"}},[`&${t}-panel`]:{[`${t}-panel-arrow`]:{transform:"scaleX(-1)"},[`&${t}-filled`]:{[r]:{"&:not(:first-child)":{clipPath:`polygon(calc(0px - ${n("item-base-width")}) 0px,calc(100% - ${(0,B.unit)(i)}) 0px,calc(100% - ${n("item-base-width")} - ${(0,B.unit)(i)}) 50%,calc(100% - ${(0,B.unit)(i)}) 100%,calc(0px - ${n("item-base-width")}) 100%)`}}}}}}})(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}));let q={itemIcon:x.TARGET_CLS};e.s(["Steps",0,e=>{let n,l,{size:a,className:c,rootClassName:s,style:m,variant:d="filled",type:u,classNames:p,styles:h,direction:g,orientation:$,responsive:x=!0,progressDot:M,labelPlacement:R,titlePlacement:F,ellipsis:B,offset:W=0,items:H,percent:j,current:N=0,onChange:P,iconRender:V,...A}=e,D=t.useContext(k),_=(0,z.useComponentConfig)("steps"),{getPrefixCls:L,direction:X,className:G,style:O}=_,Y={};D?Y={root:D.rootComponent,item:D.itemComponent}:{classNames:n,styles:l}=_;let K=L(),Q=L("steps",e.prefixCls),J=`${Q}-item-icon`,[U,Z]=T(Q),[ee]=(0,S.genCssVar)(K,"cmp-steps"),et=(0,w.default)(a),ei=t.useMemo(()=>(H||[]).filter(Boolean),[H]),{xs:eo}=(0,y.default)(x),er=t.useMemo(()=>u&&"default"!==u?u:M?"dot":u,[M,u]),en="inline"===er,el="dot"===er||"inline"===er,ea=t.useMemo(()=>"dot"===er&&"function"==typeof M?M:void 0,[er,M]),ec=t.useMemo(()=>{let e=$||g;return"panel"===er?"horizontal":x&&eo||"vertical"===e?"vertical":"horizontal"},[$,g,er,x,eo]),es=t.useMemo(()=>el||"vertical"===ec?"vertical"===ec?"horizontal":"vertical":"navigation"===u?"horizontal":F||R||"horizontal",[el,R,ec,F,u]),em=en?void 0:j,ed={...e,variant:d,size:et,type:er,orientation:ec,titlePlacement:es,current:N,percent:em,responsive:x,offset:W},[eu,ep]=(0,f.useMergeSemantic)([q,n,p],[l,h],{props:ed}),eh="panel"===er?e=>t.createElement(t.Fragment,null,e,t.createElement(I,{prefixCls:Q})):void 0,eg={[ee("items-offset")]:`${W}`,...O,...m},e$=(0,r.clsx)(G,`${Q}-${d}`,{[`${Q}-${er}`]:"dot"!==er&&er,[`${Q}-rtl`]:"rtl"===X,[`${Q}-dot`]:el,[`${Q}-ellipsis`]:B,[`${Q}-with-progress`]:void 0!==em,[`${Q}-small`]:"small"===et},c,s,U,Z);return t.createElement(b,{...A,prefixCls:Q,className:e$,style:eg,classNames:eu,styles:ep,orientation:ec,titlePlacement:es,components:Y,current:N,items:ei,onChange:P,iconRender:(e,r)=>{let{item:n,index:l,active:a,components:{Icon:c}}=r,{status:s,icon:m}=n,d=null;if(el||m)d=m;else switch(s){case"finish":d=t.createElement(i.default,{className:`${J}-finish`});break;case"error":d=t.createElement(o.default,{className:`${J}-error`});break;default:{let e=t.createElement("span",{className:`${J}-number`},r.index+1);"process"===s&&void 0!==em&&(e=t.createElement(E,{prefixCls:Q,rootPrefixCls:K,percent:em},e)),d=e}}let u=t.createElement(c,null,d);return V?u=V(u,{index:l,active:a,item:n,components:{Icon:c}}):"function"==typeof ea&&(u=ea(u,{index:l,...n})),u},itemRender:(e,i)=>{let o=e;return en&&i.item.content&&(o=t.createElement(C.default,{destroyOnHidden:!0,title:i.item.content},e)),t.createElement(v.default,{component:"Steps",disabled:i.item.disabled||!P,colorSource:"filled"===d?"color":null},o)},itemWrapperRender:eh})}],186897)},567639,e=>{"use strict";e.s(["StepFormProvide",()=>y,"StepsForm",()=>C,"StepsFormProvide",()=>z],567639),e.i(957562);var t=e.i(531983),i=e.i(617796),o=e.i(313367),r=e.i(76820),n=e.i(379049),l=e.i(882474),a=e.i(245538),c=e.i(132259),s=e.i(186897),m=e.i(56206),d=e.i(191788),u=e.i(440656),p=e.i(205703),h=e.i(56742),g=e.i(191248),$=e.i(557584),b=e.i(683276),f=e.i(391398);let{noteOnce:v}=$.warning;var x=e.i(889590);let z=d.default.createContext(void 0),w={horizontal:({stepsDom:e,formDom:t})=>(0,f.jsxs)(f.Fragment,{children:[(0,f.jsx)(a.Row,{gutter:{xs:8,sm:16,md:24},children:(0,f.jsx)(r.Col,{span:24,children:e})}),(0,f.jsx)(a.Row,{gutter:{xs:8,sm:16,md:24},children:(0,f.jsx)(r.Col,{span:24,children:t})})]}),vertical:({stepsDom:e,formDom:t})=>(0,f.jsxs)(a.Row,{align:"stretch",wrap:!0,gutter:{xs:8,sm:16,md:24},children:[(0,f.jsx)(r.Col,{xxl:4,xl:6,lg:7,md:8,sm:10,xs:12,children:d.default.cloneElement(e,{style:{height:"100%"}})}),(0,f.jsx)(r.Col,{children:(0,f.jsx)("div",{style:{display:"flex",alignItems:"center",width:"100%",height:"100%"},children:t})})]})},y=d.default.createContext(null);function S(e){let{getPrefixCls:r}=(0,d.useContext)(n.ConfigProvider.ConfigContext),a=r("pro-steps-form"),{wrapSSR:g,hashId:$}=(0,x.useStyle)("StepsForm",e=>{let t;return[{[(t={...e,componentCls:`.${a}`}).componentCls]:{boxSizing:"border-box","&-container":{width:"max-content",minWidth:"420px",maxWidth:"100%",margin:"auto"},"&-steps-container":{maxWidth:"1160px",margin:"auto",[`${t.antCls}-steps-vertical`]:{height:"100%"}},"&-step":{display:"none",marginBlockStart:"32px","&-active":{display:"block"},"> form":{maxWidth:"100%"}}}}]}),{current:b,onCurrentChange:v,submitter:S,stepsFormRender:C,stepsRender:k,stepFormRender:I,stepsProps:E,onFinish:M,formProps:R,containerStyle:F,formRef:B,formMapRef:W,layoutRender:H,...j}=e,N=(0,d.useRef)(new Map),T=(0,d.useRef)(new Map),q=(0,d.useRef)([]),[P,V]=(0,d.useState)([]),[A,D]=(0,d.useState)(!1),_=(0,u.useIntl)(),[L,X]=(0,i.useControlledState)(0,e.current),G=(0,h.useRefFunction)(t=>{e.onCurrentChange?.(t)}),O=(0,d.useCallback)(e=>{X(t=>{let i="function"==typeof e?e(t):e;return queueMicrotask(()=>{G(i)}),i})},[G]),Y=(0,d.useMemo)(()=>w[E?.orientation||"horizontal"],[E?.orientation]),K=(0,d.useMemo)(()=>L===P.length-1,[P.length,L]),Q=(0,d.useCallback)((e,t)=>{T.current.has(e)||V(t=>[...t,e]),T.current.set(e,t)},[]),J=(0,d.useCallback)(e=>{V(t=>t.filter(t=>t!==e)),T.current.delete(e),N.current.delete(e)},[]);(0,d.useImperativeHandle)(W,()=>q.current,[q.current]),(0,d.useImperativeHandle)(B,()=>q.current[L||0]?.current,[L,q.current]);let U=(0,d.useCallback)(async(e,t)=>{if(N.current.set(e,t),!K||!M)return;D(!0);let i=(0,p.merge)({},...Array.from(N.current.values()));try{await M(i)&&(O(0),q.current.forEach(e=>e.current?.resetFields()))}catch(e){console.log(e)}finally{D(!1)}},[K,M,D,O]),Z=(0,d.useMemo)(()=>{let e={items:P.map(e=>{let t=T.current.get(e),i={key:e,title:t?.title,...t?.stepProps};return i.description&&(i.content=i.description,delete i.description),i})};return(0,f.jsx)("div",{className:(0,m.clsx)(`${a}-steps-container`,$),style:{maxWidth:Math.min(320*P.length,1160)},children:(0,f.jsx)(s.Steps,{...E,...e,current:L,onChange:void 0})})},[P,$,a,L,E]),ee=(0,h.useRefFunction)(()=>{let e=q.current[L];e.current?.submit()}),et=(0,h.useRefFunction)(()=>{L<1||O(L-1)}),ei=(0,d.useMemo)(()=>!1!==S&&(0,f.jsx)(o.Button,{type:"primary",loading:A,...S?.submitButtonProps,onClick:()=>{S?.onSubmit?.(),ee()},children:_.getMessage("stepsForm.next","下一步")},"next"),[_,A,ee,S]),eo=(0,d.useMemo)(()=>!1!==S&&(0,f.jsx)(o.Button,{...S?.resetButtonProps,onClick:()=>{et(),S?.onReset?.()},children:_.getMessage("stepsForm.prev","上一步")},"pre"),[_,et,S]),er=(0,d.useMemo)(()=>!1!==S&&(0,f.jsx)(o.Button,{type:"primary",loading:A,...S?.submitButtonProps,onClick:()=>{S?.onSubmit?.(),ee()},children:_.getMessage("stepsForm.submit","提交")},"submit"),[_,A,ee,S]),en=(0,h.useRefFunction)(()=>{0===P.length||L>P.length-2||O(L+1)}),el=(0,d.useMemo)(()=>{let e=[],t=L||0;if(t<1?1===P.length?e.push(er):e.push(ei):t+1===P.length?e.push(eo,er):e.push(eo,ei),e=e.filter(d.default.isValidElement),S&&S.render){let t={form:q.current[L]?.current,onSubmit:ee,step:L,onPre:et};return S.render(t,e)}return S&&S?.render===!1?null:e},[P.length,ei,ee,eo,et,L,er,S]),ea=(0,d.useMemo)(()=>(0,t.toArray)(e.children).map((e,t)=>{let i=e.props,o=i.name||`${t}`,r=L===t,n=r?{contentRender:I,submitter:!1}:{};return(0,f.jsx)("div",{className:(0,m.clsx)(`${a}-step`,$,{[`${a}-step-active`]:r}),children:(0,f.jsx)(y.Provider,{value:{...n,...R,...i,name:o,step:t},children:e})},o)}),[R,$,a,e.children,L,I]),ec=(0,d.useMemo)(()=>k?k(P.map(e=>({key:e,title:T.current.get(e)?.title})),Z):Z,[P,Z,k]),es=(0,d.useMemo)(()=>(0,f.jsxs)("div",{className:(0,m.clsx)(`${a}-container`,$),style:F,children:[ea,C?null:(0,f.jsx)(c.Space,{children:el})]}),[F,ea,$,a,C,el]),em=(0,d.useMemo)(()=>{let e={stepsDom:ec,formDom:es};if(C)if(H)return C(H(e),el);else return C(Y(e),el);return H?H(e):Y(e)},[ec,es,Y,C,el,H]);return g((0,f.jsx)("div",{className:(0,m.clsx)(a,$),children:(0,f.jsx)(l.Form.Provider,{...j,children:(0,f.jsx)(z.Provider,{value:{loading:A,setLoading:D,regForm:Q,keyArray:P,next:en,formArrayRef:q,formMapRef:T,lastStep:K,unRegForm:J,onFormFinish:U},children:em})})}))}function C(e){return(0,f.jsx)(u.ProConfigProvider,{needDeps:!0,children:(0,f.jsx)(S,{...e})})}C.StepForm=function(e){let t=(0,d.useRef)(),i=(0,d.useContext)(z),o=(0,d.useContext)(y),r={...e,...o},{onFinish:n,step:l,formRef:a,title:c,stepProps:s,...m}=r;return v(!m.submitter,"StepForm 不包含提交按钮,请在 StepsForm 上"),(0,d.useImperativeHandle)(a,()=>t.current,[a?.current]),(0,d.useEffect)(()=>{if(!(r.name||r.step))return;let e=(r.name||r.step).toString();return i?.regForm(e,r),()=>{i?.unRegForm(e)}},[]),i&&i?.formArrayRef&&(i.formArrayRef.current[l||0]=t),(0,f.jsx)(b.BaseForm,{formRef:t,onFinish:async e=>{if(m.name&&i?.onFormFinish(m.name,e),n){i?.setLoading(!0);try{await n?.(e)&&i?.next()}finally{i?.setLoading(!1)}return}i?.lastStep||i?.next()},onInit:(e,o)=>{t.current=o,i&&i?.formArrayRef&&(i.formArrayRef.current[l||0]=t),m?.onInit?.(e,o)},layout:"vertical",...(0,g.omit)(m,["layoutType","columns"])})},C.useForm=l.Form.useForm}]);