<script lang="ts" setup>
import { RequestParamsTypeEnum } from '@/enums/httpEnum';
import { useChartEditStore } from '@/store/modules/chartEditStore/chartEditStore';
import { NTabPane, NTabs } from 'naive-ui';
import { ref } from 'vue';
import ParamsTable from './ParamsTable.vue';

const chartEditStore = useChartEditStore()

const tabs: RequestParamsTypeEnum[] = [RequestParamsTypeEnum.HEADER]

const currenPanel = ref(RequestParamsTypeEnum.HEADER)
 

</script>

<template>
  <NTabs type="line" animated>
    <NTabPane v-model:value="currenPanel" v-for="item in tabs" :name="item" :tab="item" :key="item" />
  </NTabs>
  <section>
    <ParamsTable v-if="currenPanel === RequestParamsTypeEnum.HEADER" v-model:value="chartEditStore.requestGlobalConfig.requestParams.Header" />
  </section>
</template>