@@ -349,8 +349,8 @@ export default class Edit extends React.Component<EditProps, EditState> {
349349 labelAlign = "right"
350350 labelWidth = { 140 }
351351 >
352- < Collapse defaultActiveKey = { [ 'basic' , 'match' , 'exclude ' , 'execute' , 'test' ] } >
353- < Collapse . Panel header = "basic" itemKey = "basic" >
352+ < Collapse defaultActiveKey = { [ 'basic' , 'match' , 'execution ' , 'execute' , 'test' ] } >
353+ < Collapse . Panel header = { t ( 'basic_information' ) } itemKey = "basic" >
354354 < Form . Input field = "name" label = { t ( 'name' ) } />
355355 < Form . Select
356356 label = { t ( 'ruleType' ) }
@@ -406,13 +406,12 @@ export default class Edit extends React.Component<EditProps, EditState> {
406406 disabled :
407407 editMatchType . includes ( RULE_MATCH_TYPE . ALL ) || editMatchType . includes ( RULE_MATCH_TYPE . PREFIX ) ,
408408 } ,
409- // TODO
410409 {
411- label : 'method' ,
410+ label : t ( 'match_method' ) ,
412411 value : RULE_MATCH_TYPE . METHOD ,
413412 } ,
414413 {
415- label : 'resourceType' ,
414+ label : t ( 'match_resourceType' ) ,
416415 value : RULE_MATCH_TYPE . RESOURCE_TYPE ,
417416 } ,
418417 ] }
@@ -430,12 +429,12 @@ export default class Edit extends React.Component<EditProps, EditState> {
430429 < Form . Input label = { t ( 'match_url' ) } field = "condition.url" />
431430 ) }
432431 { editMatchType . includes ( RULE_MATCH_TYPE . METHOD ) && (
433- < Form . Select multiple label = "method" field = "condition.method" optionList = { METHOD_LIST } />
432+ < Form . Select multiple label = { t ( 'match_method' ) } field = "condition.method" optionList = { METHOD_LIST } />
434433 ) }
435434 { editMatchType . includes ( RULE_MATCH_TYPE . RESOURCE_TYPE ) && (
436435 < Form . Select
437436 multiple
438- label = "resourceType"
437+ label = { t ( 'match_resourceType' ) }
439438 field = "condition.resourceTypes"
440439 optionList = { RESOURCE_TYPE_LIST }
441440 />
@@ -456,7 +455,7 @@ export default class Edit extends React.Component<EditProps, EditState> {
456455 value : RULE_MATCH_TYPE . DOMAIN ,
457456 } ,
458457 {
459- label : 'resourceType' ,
458+ label : t ( 'match_resourceType' ) ,
460459 value : RULE_MATCH_TYPE . RESOURCE_TYPE ,
461460 } ,
462461 ] }
@@ -474,13 +473,13 @@ export default class Edit extends React.Component<EditProps, EditState> {
474473 { editExcludeType . includes ( 'resourceType' ) && (
475474 < Form . Select
476475 multiple
477- label = "resourceType"
476+ label = { t ( 'match_resourceType' ) }
478477 field = "condition.excludeResourceTypes"
479478 optionList = { RESOURCE_TYPE_LIST }
480479 />
481480 ) }
482481 </ Collapse . Panel >
483- < Collapse . Panel header = "Execute" itemKey = "execute " >
482+ < Collapse . Panel header = { t ( 'execution' ) } itemKey = "execution " >
484483 { /* Response body encoding */ }
485484 { this . state . rule . ruleType === RULE_TYPE . MODIFY_RECV_BODY && (
486485 < Form . Select
@@ -505,7 +504,7 @@ export default class Edit extends React.Component<EditProps, EditState> {
505504 ) }
506505 { /* Header modify */ }
507506 { isHeader && ! this . state . rule . isFunction && (
508- < Form . Slot label = { t ( 'header ') } >
507+ < Form . Slot label = { t ( isHeaderSend ? 'request_headers' : 'response_headers ') } >
509508 < HeaderField
510509 field = "editHeader"
511510 type = { isHeaderSend ? 'request' : 'response' }
@@ -518,7 +517,6 @@ export default class Edit extends React.Component<EditProps, EditState> {
518517 </ Collapse . Panel >
519518 < Collapse . Panel header = { t ( 'test_url' ) } itemKey = "test" >
520519 < Input value = { this . state . testUrl } onChange = { this . handleTestChange } />
521-
522520 < pre > { this . state . testResult } </ pre >
523521 </ Collapse . Panel >
524522 </ Collapse >
0 commit comments