mirror of
https://github.com/fatedier/frp.git
synced 2026-03-19 16:29:14 +08:00
48 lines
2.1 KiB
Vue
48 lines
2.1 KiB
Vue
<template>
|
|
<!-- XTCP Options -->
|
|
<ConfigSection title="XTCP Options" collapsible :readonly="readonly"
|
|
:has-value="form.protocol !== 'quic' || form.keepTunnelOpen || form.maxRetriesAnHour != null || form.minRetryInterval != null || !!form.fallbackTo || form.fallbackTimeoutMs != null">
|
|
<ConfigField label="Protocol" type="select" v-model="form.protocol"
|
|
:options="[{ label: 'QUIC', value: 'quic' }, { label: 'KCP', value: 'kcp' }]" :readonly="readonly" />
|
|
<ConfigField label="Keep Tunnel Open" type="switch" v-model="form.keepTunnelOpen" :readonly="readonly" />
|
|
<div class="field-row two-col">
|
|
<ConfigField label="Max Retries per Hour" type="number" v-model="form.maxRetriesAnHour" :min="0" :readonly="readonly" />
|
|
<ConfigField label="Min Retry Interval (s)" type="number" v-model="form.minRetryInterval" :min="0" :readonly="readonly" />
|
|
</div>
|
|
<div class="field-row two-col">
|
|
<ConfigField label="Fallback To" type="text" v-model="form.fallbackTo" placeholder="Fallback visitor name" :readonly="readonly" />
|
|
<ConfigField label="Fallback Timeout (ms)" type="number" v-model="form.fallbackTimeoutMs" :min="0" :readonly="readonly" />
|
|
</div>
|
|
</ConfigSection>
|
|
|
|
<!-- NAT Traversal -->
|
|
<ConfigSection title="NAT Traversal" collapsible :readonly="readonly"
|
|
:has-value="form.natTraversalDisableAssistedAddrs">
|
|
<ConfigField label="Disable Assisted Addresses" type="switch" v-model="form.natTraversalDisableAssistedAddrs"
|
|
tip="Only use STUN-discovered public addresses" :readonly="readonly" />
|
|
</ConfigSection>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
import { computed } from 'vue'
|
|
import type { VisitorFormData } from '../../types'
|
|
import ConfigSection from '../ConfigSection.vue'
|
|
import ConfigField from '../ConfigField.vue'
|
|
|
|
const props = withDefaults(defineProps<{
|
|
modelValue: VisitorFormData
|
|
readonly?: boolean
|
|
}>(), { readonly: false })
|
|
|
|
const emit = defineEmits<{ 'update:modelValue': [value: VisitorFormData] }>()
|
|
|
|
const form = computed({
|
|
get: () => props.modelValue,
|
|
set: (val) => emit('update:modelValue', val),
|
|
})
|
|
</script>
|
|
|
|
<style scoped lang="scss">
|
|
@use '@/assets/css/form-layout';
|
|
</style>
|