update app.py

app.py

@@ -65,7 +65,8 @@ def process_image(image, enable1, left1, top1, enable2, left2, top2, enable3, le
 		yield newImage
 
 def tab_select(evt: gr.SelectData, state):
-	state['active'] = evt.target.id
+	state['active'] = evt.index
+	print('select {}'.format(evt.index))
 	return state
 
 def image_select(evt: gr.SelectData, state, enable1, left1, top1, enable2, left2, top2, enable3, left3, top3, enable4, left4, top4, enable5, left5, top5):
@@ -90,23 +91,23 @@ with gr.Blocks(title='clip-image') as app:
 		with gr.Column():
 			image = gr.Image(type='pil')
 			gr.Markdown('click on the image to position')
-			with gr.Tab('point1', id=0) as tab1:
+			with gr.Tab('point1') as tab1:
 				enable1 = gr.Checkbox(label='enable', value=True)
 				left1 = gr.Slider(maximum=4000, step=1, label='left')
 				top1 = gr.Slider(maximum=4000, step=1, label='top')
-			with gr.Tab('point2', id=1) as tab2:
+			with gr.Tab('point2') as tab2:
 				enable2 = gr.Checkbox(label='enable')
 				left2 = gr.Slider(maximum=4000, step=1, label='left')
 				top2 = gr.Slider(maximum=4000, step=1, label='top')
-			with gr.Tab('point3', id=2) as tab3:
+			with gr.Tab('point3') as tab3:
 				enable3 = gr.Checkbox(label='enable')
 				left3 = gr.Slider(maximum=4000, step=1, label='left')
 				top3 = gr.Slider(maximum=4000, step=1, label='top')
-			with gr.Tab('point4', id=3) as tab4:
+			with gr.Tab('point4') as tab4:
 				enable4 = gr.Checkbox(label='enable')
 				left4 = gr.Slider(maximum=4000, step=1, label='left')
 				top4 = gr.Slider(maximum=4000, step=1, label='top')
-			with gr.Tab('point5', id=4) as tab5:
+			with gr.Tab('point5') as tab5:
 				enable5 = gr.Checkbox(label='enable')
 				left5 = gr.Slider(maximum=4000, step=1, label='left')
 				top5 = gr.Slider(maximum=4000, step=1, label='top')