|
@@ -5,12 +5,12 @@ import { ref } from 'vue'; |
|
@@ -5,12 +5,12 @@ import { ref } from 'vue'; |
5
|
import ParamsTable from './ParamsTable.vue';
|
5
|
import ParamsTable from './ParamsTable.vue';
|
6
|
import RequestBody from './RequestBody.vue';
|
6
|
import RequestBody from './RequestBody.vue';
|
7
|
|
7
|
|
8
|
-defineProps<{
|
8
|
+const props = defineProps<{
|
9
|
value: RequestParams
|
9
|
value: RequestParams
|
10
|
requestParamsBodyType: RequestBodyEnum
|
10
|
requestParamsBodyType: RequestBodyEnum
|
11
|
}>()
|
11
|
}>()
|
12
|
|
12
|
|
13
|
-const emit = defineEmits(['update:requestParamsBodyType'])
|
13
|
+const emit = defineEmits(['update:requestParamsBodyType', 'update:value'])
|
14
|
|
14
|
|
15
|
const tabValue = ref(RequestParamsTypeEnum.PARAMS)
|
15
|
const tabValue = ref(RequestParamsTypeEnum.PARAMS)
|
16
|
|
16
|
|
|
@@ -18,6 +18,9 @@ const handleSyncRequestParamsBodyType = (value: RequestBodyEnum) => { |
|
@@ -18,6 +18,9 @@ const handleSyncRequestParamsBodyType = (value: RequestBodyEnum) => { |
18
|
emit('update:requestParamsBodyType', value)
|
18
|
emit('update:requestParamsBodyType', value)
|
19
|
}
|
19
|
}
|
20
|
|
20
|
|
|
|
21
|
+const handleUpdate = (key: RequestParamsTypeEnum, value: Recordable) => {
|
|
|
22
|
+ emit('update:value', { ...props.value, [key]: value })
|
|
|
23
|
+}
|
21
|
|
24
|
|
22
|
</script>
|
25
|
</script>
|
23
|
|
26
|
|
|
@@ -27,13 +30,16 @@ const handleSyncRequestParamsBodyType = (value: RequestBodyEnum) => { |
|
@@ -27,13 +30,16 @@ const handleSyncRequestParamsBodyType = (value: RequestBodyEnum) => { |
27
|
<NTabPane v-for="item in RequestParamsTypeEnum" :name="item" :key="item"></NTabPane>
|
30
|
<NTabPane v-for="item in RequestParamsTypeEnum" :name="item" :key="item"></NTabPane>
|
28
|
</NTabs>
|
31
|
</NTabs>
|
29
|
<section v-if="tabValue === RequestParamsTypeEnum.PARAMS">
|
32
|
<section v-if="tabValue === RequestParamsTypeEnum.PARAMS">
|
30
|
- <ParamsTable v-model:value="value[RequestParamsTypeEnum.PARAMS]" />
|
33
|
+ <ParamsTable :value="value[RequestParamsTypeEnum.PARAMS]"
|
|
|
34
|
+ @update:value="(value: Recordable) => handleUpdate(RequestParamsTypeEnum.PARAMS, value)" />
|
31
|
</section>
|
35
|
</section>
|
32
|
|
36
|
|
33
|
- <RequestBody v-model:value="value" @update:requestParamsBodyType="handleSyncRequestParamsBodyType"
|
|
|
34
|
- v-model:requestParamsBodyType="requestParamsBodyType" v-if="tabValue === RequestParamsTypeEnum.BODY" />
|
37
|
+ <RequestBody :value="value" @update:value="(value: Recordable) => handleUpdate(RequestParamsTypeEnum.BODY, value)"
|
|
|
38
|
+ @update:requestParamsBodyType="handleSyncRequestParamsBodyType" :requestParamsBodyType="requestParamsBodyType"
|
|
|
39
|
+ v-if="tabValue === RequestParamsTypeEnum.BODY" />
|
35
|
|
40
|
|
36
|
- <ParamsTable v-if="tabValue === RequestParamsTypeEnum.HEADER" v-model:value="value.Header" />
|
41
|
+ <ParamsTable v-if="tabValue === RequestParamsTypeEnum.HEADER" :value="value.Header"
|
|
|
42
|
+ @update:value="(value: Recordable) => handleUpdate(RequestParamsTypeEnum.HEADER, value)" />
|
37
|
</section>
|
43
|
</section>
|
38
|
</template>
|
44
|
</template>
|
39
|
|
45
|
|