Commit60c171d

committed

create progress pie component

Signed-off-by: shmck <shawn.j.mckay@gmail.com>

1 parent60365ef commit60c171dCopy full SHA for 60c171d

File tree

+30

-3

lines changed

+30

-3

lines changed

Lines changed: 4 additions & 3 deletions

Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,7 @@`
`1`	`1`	`import*asReactfrom'react'`
`2`		`-import{Dialog,Message}from'@alifd/next'`
	`2`	`+import{Dialog}from'@alifd/next'`
`3`	`3`	`importButtonfrom'../../../components/Button'`
	`4`	`+importProgressPiefrom'./ProgressPie'`
`4`	`5`
`5`	`6`	`interfaceProps{`
`6`	`7`	`onContinue():void`
`@@ -31,9 +32,9 @@ const Continue = (props: Props) => {`
`31`	`32`	`onOk={onOk}`
`32`	`33`	`onCancel={onClose}`
`33`	`34`	`onClose={onClose}`
`34`		`-footerActions={['ok','cancel']}`
	`35`	`+footerActions={['ok']}`
`35`	`36`	`>`
`36`		`-<Message>Level Complete</Message>`
	`37`	`+<ProgressPie/>`
`37`	`38`	`</Dialog>`
`38`	`39`	`</>`
`39`	`40`	`)`

Lines changed: 26 additions & 0 deletions

Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,26 @@`
	`1`	`+import*asReactfrom'react'`
	`2`	`+import{Progress,Icon}from'@alifd/next'`
	`3`	`+`
	`4`	`+constProgressPie=()=>{`
	`5`	`+const[progress,setProgress]=React.useState(0)`
	`6`	`+`
	`7`	`+React.useEffect(()=>{`
	`8`	`+if(progress<100){`
	`9`	`+constintervals=[10,20]`
	`10`	`+constrandomInteval=intervals[Math.floor(Math.random()*intervals.length)]`
	`11`	`+setTimeout(()=>{`
	`12`	`+setProgress(progress+randomInteval)`
	`13`	`+},200)`
	`14`	`+}`
	`15`	`+},[progress])`
	`16`	`+`
	`17`	`+return(`
	`18`	`+<Progress`
	`19`	`+percent={progress}`
	`20`	`+shape="circle"`
	`21`	`+textRender={()=>(progress===100 ?<Icontype="select"size="xl"/> :null)}`
	`22`	`+/>`
	`23`	`+)`
	`24`	`+}`
	`25`	`+`
	`26`	`+exportdefaultProgressPie`

Comments

(0)