UNPKG

pkg-components

Version:
70 lines (63 loc) 6.77 kB
import{j as n,a as I}from"./jsx-runtime-DI8_P1Ft.js";import{P as e}from"./index-B3IC6ylx.js";import{s as t}from"./styled-components.browser.esm-CLTG7J5x.js";import{P as x,B as W}from"./index-BINBIgVg.js";const T="#ef4036",A="#fdedee",V="#D9D9D9",u=t.div` display: flex; font-size: 0; margin: auto; `,p=t.div` position: relative; flex: 1; &:last-child { flex: none; } `,i=25,q=150,d=t.div` margin-left: ${(q-i)/2}px; background: ${T}; width: ${i}px; height: ${i}px; border-radius: ${i}px; display: flex; align-items: center; justify-content: center; text-align: center; `,c=t(d)` background-color: transparent; border: 2px solid ${V}; `,m=t(d)` background-color: ${x}; `,f=t(d)` background-color: ${A}; `,y=t.span` color: ${W}; line-height: 1; font-size: 11px; font-weight: 100; ${c} & { color: #ccc; } `,_=t.div` text-align: center; margin-top: 12px; width: ${q}px; `,h=t.div` font-size: 14px; color: ${T}; text-align: center; font-weight: 400; `,g=t.div` position: absolute; left: 0; width: 100%; top: ${i/2}px; padding: 0px ${i/2}px; margin-left: ${q/2}px; &:after { content: ''; display: inline-block; background: ${a=>a.finished?T:V}; height: 2px; border-radius: 2px; width: 100%; } ${p}:last-child & { display: none; } `;try{u.displayName="Steps",u.__docgenInfo={description:"",displayName:"Steps",props:{theme:{defaultValue:null,description:"",name:"theme",required:!1,type:{name:"DefaultTheme"}},as:{defaultValue:null,description:"",name:"as",required:!1,type:{name:"void | WebTarget"}},forwardedAs:{defaultValue:null,description:"",name:"forwardedAs",required:!1,type:{name:"void | WebTarget"}}}}}catch{}try{p.displayName="Step",p.__docgenInfo={description:"",displayName:"Step",props:{theme:{defaultValue:null,description:"",name:"theme",required:!1,type:{name:"DefaultTheme"}},as:{defaultValue:null,description:"",name:"as",required:!1,type:{name:"void | WebTarget"}},forwardedAs:{defaultValue:null,description:"",name:"forwardedAs",required:!1,type:{name:"void | WebTarget"}}}}}catch{}try{d.displayName="DefaultIcon",d.__docgenInfo={description:"",displayName:"DefaultIcon",props:{theme:{defaultValue:null,description:"",name:"theme",required:!1,type:{name:"DefaultTheme"}},as:{defaultValue:null,description:"",name:"as",required:!1,type:{name:"void | WebTarget"}},forwardedAs:{defaultValue:null,description:"",name:"forwardedAs",required:!1,type:{name:"void | WebTarget"}}}}}catch{}try{c.displayName="WaitIcon",c.__docgenInfo={description:"",displayName:"WaitIcon",props:{theme:{defaultValue:null,description:"",name:"theme",required:!1,type:{name:"DefaultTheme"}},as:{defaultValue:null,description:"",name:"as",required:!1,type:{name:"void | WebTarget"}},forwardedAs:{defaultValue:null,description:"",name:"forwardedAs",required:!1,type:{name:"void | WebTarget"}}}}}catch{}try{m.displayName="ProcessIcon",m.__docgenInfo={description:"",displayName:"ProcessIcon",props:{theme:{defaultValue:null,description:"",name:"theme",required:!1,type:{name:"DefaultTheme"}},as:{defaultValue:null,description:"",name:"as",required:!1,type:{name:"void | WebTarget"}},forwardedAs:{defaultValue:null,description:"",name:"forwardedAs",required:!1,type:{name:"void | WebTarget"}}}}}catch{}try{f.displayName="ErrorIcon",f.__docgenInfo={description:"",displayName:"ErrorIcon",props:{theme:{defaultValue:null,description:"",name:"theme",required:!1,type:{name:"DefaultTheme"}},as:{defaultValue:null,description:"",name:"as",required:!1,type:{name:"void | WebTarget"}},forwardedAs:{defaultValue:null,description:"",name:"forwardedAs",required:!1,type:{name:"void | WebTarget"}}}}}catch{}try{y.displayName="StepNumber",y.__docgenInfo={description:"",displayName:"StepNumber",props:{theme:{defaultValue:null,description:"",name:"theme",required:!1,type:{name:"DefaultTheme"}},as:{defaultValue:null,description:"",name:"as",required:!1,type:{name:"void | WebTarget"}},forwardedAs:{defaultValue:null,description:"",name:"forwardedAs",required:!1,type:{name:"void | WebTarget"}}}}}catch{}try{_.displayName="Content",_.__docgenInfo={description:"",displayName:"Content",props:{theme:{defaultValue:null,description:"",name:"theme",required:!1,type:{name:"DefaultTheme"}},as:{defaultValue:null,description:"",name:"as",required:!1,type:{name:"void | WebTarget"}},forwardedAs:{defaultValue:null,description:"",name:"forwardedAs",required:!1,type:{name:"void | WebTarget"}}}}}catch{}try{h.displayName="Title",h.__docgenInfo={description:"",displayName:"Title",props:{theme:{defaultValue:null,description:"",name:"theme",required:!1,type:{name:"DefaultTheme"}},as:{defaultValue:null,description:"",name:"as",required:!1,type:{name:"void | WebTarget"}},forwardedAs:{defaultValue:null,description:"",name:"forwardedAs",required:!1,type:{name:"void | WebTarget"}}}}}catch{}try{g.displayName="Tail",g.__docgenInfo={description:"",displayName:"Tail",props:{theme:{defaultValue:null,description:"",name:"theme",required:!1,type:{name:"DefaultTheme"}},as:{defaultValue:null,description:"",name:"as",required:!1,type:{name:"void | WebTarget"}},forwardedAs:{defaultValue:null,description:"",name:"forwardedAs",required:!1,type:{name:"void | WebTarget"}}}}}catch{}const b=({current:a,status:o,titles:r})=>{const N=r.map((v,l)=>{let s;return l<a?s="finish":l===a?s=o==="finish"?"finish":o:s=o==="finish"?"finish":"wait",n(w,{status:s,stepNumber:l+1,title:v},l)});return n(u,{children:N})},$=a=>a>9?`${a}`:`0${a}`,S=({status:a,children:o})=>{let r;switch(a){case"progress":r=m;break;case"wait":r=c;break;case"error":r=f;break;default:r=d}return n(r,{children:o})},w=({stepNumber:a,title:o,status:r})=>I(p,{children:[n(g,{finished:r==="finish"}),n(S,{status:r,children:n(y,{children:$(a)})}),n(_,{children:n(h,{children:o})})]});w.propTypes={title:e.string,stepNumber:e.number,status:e.oneOf(["wait","progress","finish","error"])};b.propTypes={title:e.node,size:e.string,padding:e.string,show:e.bool||e.number,backdrop:e.bool,keyboard:e.bool,footer:e.bool,btnCancel:e.bool,btnConfirm:e.bool,children:e.object,hiddeOnConfirm:e.bool,timeOut:e.number,height:e.string,header:e.bool,submit:e.bool,onHidde:e.func,onCancel:e.func,onConfirm:e.func,hideOnConfirm:e.func,closeIcon:e.bool,borderRadius:e.string,onHide:e.func};try{b.displayName="StepsComponent",b.__docgenInfo={description:"",displayName:"StepsComponent",props:{current:{defaultValue:null,description:"",name:"current",required:!0,type:{name:"any"}},status:{defaultValue:null,description:"",name:"status",required:!0,type:{name:"any"}},titles:{defaultValue:null,description:"",name:"titles",required:!0,type:{name:"any"}}}}}catch{}export{b as S};