mirror of
https://github.com/MHSanaei/3x-ui.git
synced 2026-02-13 13:57:59 +00:00
2a76cec804
Introduces support for the Hysteria2 protocol in outbound settings, including model, parsing, and form UI integration. Adds Hysteria2-specific stream and protocol settings, updates protocol selection, and enables configuration of Hysteria2 parameters in the outbound form.
753 lines
No EOL
33 KiB
HTML
753 lines
No EOL
33 KiB
HTML
{{define "form/outbound"}}
|
|
<!-- base -->
|
|
<a-tabs :active-key="outModal.activeKey"
|
|
:style="{ padding: '0', backgroundColor: 'transparent' }"
|
|
@change="(activeKey) => {outModal.toggleJson(activeKey == '2'); }">
|
|
<a-tab-pane key="1" tab="Form">
|
|
<a-form :colon="false" :label-col="{ md: {span:8} }"
|
|
:wrapper-col="{ md: {span:14} }">
|
|
<a-form-item label='{{ i18n "protocol" }}'>
|
|
<a-select v-model="outbound.protocol"
|
|
:dropdown-class-name="themeSwitcher.currentTheme">
|
|
<a-select-option v-for="x,y in Protocols" :value="x">[[ y
|
|
]]</a-select-option>
|
|
</a-select>
|
|
</a-form-item>
|
|
<a-form-item label='{{ i18n "pages.xray.outbound.tag" }}' has-feedback
|
|
:validate-status="outModal.duplicateTag? 'warning' : 'success'">
|
|
<a-input v-model.trim="outbound.tag" @change="outModal.check()"
|
|
placeholder='{{ i18n "pages.xray.outbound.tagDesc" }}'></a-input>
|
|
</a-form-item>
|
|
<a-form-item label='{{ i18n "pages.xray.outbound.sendThrough" }}'>
|
|
<a-input v-model="outbound.sendThrough"></a-input>
|
|
</a-form-item>
|
|
|
|
<!-- freedom settings-->
|
|
<template v-if="outbound.protocol === Protocols.Freedom">
|
|
<a-form-item label='Strategy'>
|
|
<a-select v-model="outbound.settings.domainStrategy"
|
|
:dropdown-class-name="themeSwitcher.currentTheme">
|
|
<a-select-option v-for="s in OutboundDomainStrategies" :value="s">[[
|
|
s ]]</a-select-option>
|
|
</a-select>
|
|
</a-form-item>
|
|
<a-form-item label='Redirect'>
|
|
<a-input v-model="outbound.settings.redirect"></a-input>
|
|
</a-form-item>
|
|
<a-form-item label='Fragment'>
|
|
<a-switch :checked="Object.keys(outbound.settings.fragment).length >0"
|
|
@change="checked => outbound.settings.fragment = checked ? new Outbound.FreedomSettings.Fragment() : {}">
|
|
</a-switch>
|
|
</a-form-item>
|
|
<template v-if="Object.keys(outbound.settings.fragment).length >0">
|
|
<a-form-item label='Packets'>
|
|
<a-select v-model="outbound.settings.fragment.packets"
|
|
:dropdown-class-name="themeSwitcher.currentTheme">
|
|
<a-select-option v-for="s in ['1-3','tlshello']" :value="s">[[ s
|
|
]]</a-select-option>
|
|
</a-select>
|
|
</a-form-item>
|
|
<a-form-item label='Length'>
|
|
<a-input v-model.trim="outbound.settings.fragment.length"></a-input>
|
|
</a-form-item>
|
|
<a-form-item label='Interval'>
|
|
<a-input
|
|
v-model.trim="outbound.settings.fragment.interval"></a-input>
|
|
</a-form-item>
|
|
<a-form-item label='Max Split'>
|
|
<a-input
|
|
v-model.trim="outbound.settings.fragment.maxSplit"></a-input>
|
|
</a-form-item>
|
|
</template>
|
|
|
|
<!-- Switch for Noises -->
|
|
<a-form-item label='Noises'>
|
|
<a-switch :checked="outbound.settings.noises.length > 0"
|
|
@change="checked => outbound.settings.noises = checked ? [new Outbound.FreedomSettings.Noise()] : []">
|
|
</a-switch>
|
|
</a-form-item>
|
|
|
|
<!-- Add Noise Button -->
|
|
<template v-if="outbound.settings.noises.length > 0">
|
|
<a-form-item label="Noises">
|
|
<a-button icon="plus" type="primary" size="small"
|
|
@click="outbound.settings.addNoise()"></a-button>
|
|
</a-form-item>
|
|
|
|
<!-- Noise Configurations -->
|
|
<a-form v-for="(noise, index) in outbound.settings.noises"
|
|
:key="index" :colon="false"
|
|
:label-col="{ md: {span:8} }" :wrapper-col="{ md: {span:14} }">
|
|
<a-divider :style="{ margin: '0' }"> Noise [[ index + 1 ]]
|
|
<a-icon v-if="outbound.settings.noises.length > 1" type="delete"
|
|
@click="() => outbound.settings.delNoise(index)"
|
|
:style="{ color: 'rgb(255, 77, 79)', cursor: 'pointer' }"></a-icon>
|
|
</a-divider>
|
|
<a-form-item label='Type'>
|
|
<a-select v-model="noise.type"
|
|
:dropdown-class-name="themeSwitcher.currentTheme">
|
|
<a-select-option v-for="s in ['rand','base64','str', 'hex']"
|
|
:value="s">[[ s ]]</a-select-option>
|
|
</a-select>
|
|
</a-form-item>
|
|
<a-form-item label='Packet'>
|
|
<a-input v-model.trim="noise.packet"></a-input>
|
|
</a-form-item>
|
|
<a-form-item label='Delay'>
|
|
<a-input v-model.trim="noise.delay"></a-input>
|
|
</a-form-item>
|
|
<a-form-item label='Apply To'>
|
|
<a-select v-model="noise.applyTo"
|
|
:dropdown-class-name="themeSwitcher.currentTheme">
|
|
<a-select-option v-for="s in ['ip','ipv4','ipv6']" :value="s">[[
|
|
s ]]</a-select-option>
|
|
</a-select>
|
|
</a-form-item>
|
|
</a-form>
|
|
</template>
|
|
</template>
|
|
|
|
<!-- blackhole settings -->
|
|
<template v-if="outbound.protocol === Protocols.Blackhole">
|
|
<a-form-item label='Response Type'>
|
|
<a-select v-model="outbound.settings.type"
|
|
:dropdown-class-name="themeSwitcher.currentTheme">
|
|
<a-select-option v-for="s in ['', 'none','http']" :value="s">[[ s
|
|
]]</a-select-option>
|
|
</a-select>
|
|
</a-form-item>
|
|
</template>
|
|
|
|
<!-- dns settings -->
|
|
<template v-if="outbound.protocol === Protocols.DNS">
|
|
<a-form-item label='{{ i18n "pages.inbounds.network" }}'>
|
|
<a-select v-model="outbound.settings.network"
|
|
:dropdown-class-name="themeSwitcher.currentTheme">
|
|
<a-select-option v-for="s in ['udp','tcp']" :value="s">[[ s
|
|
]]</a-select-option>
|
|
</a-select>
|
|
</a-form-item>
|
|
<a-form-item label='non-IP queries'>
|
|
<a-select v-model="outbound.settings.nonIPQuery"
|
|
:dropdown-class-name="themeSwitcher.currentTheme">
|
|
<a-select-option v-for="s in ['reject','drop','skip']" :value="s">[[
|
|
s ]]</a-select-option>
|
|
</a-select>
|
|
</a-form-item>
|
|
<a-form-item v-if="outbound.settings.nonIPQuery === 'skip'"
|
|
label='Block Types'>
|
|
<a-input v-model.number="outbound.settings.blockTypes"></a-input>
|
|
</a-form-item>
|
|
</template>
|
|
|
|
<!-- wireguard settings -->
|
|
<template v-if="outbound.protocol === Protocols.Wireguard">
|
|
<a-form-item>
|
|
<template slot="label">
|
|
<a-tooltip>
|
|
<template slot="title">
|
|
<span>{{ i18n "pages.xray.rules.useComma" }}</span>
|
|
</template>
|
|
{{ i18n "pages.xray.outbound.address" }}
|
|
<a-icon type="question-circle"></a-icon>
|
|
</a-tooltip>
|
|
</template>
|
|
<a-input v-model.trim="outbound.settings.address"></a-input>
|
|
</a-form-item>
|
|
<a-form-item>
|
|
<template slot="label">
|
|
<a-tooltip>
|
|
<template slot="title">
|
|
<span>{{ i18n "reset" }}</span>
|
|
</template>
|
|
{{ i18n "pages.xray.wireguard.secretKey" }}
|
|
<a-icon type="sync"
|
|
@click="[outbound.settings.pubKey, outbound.settings.secretKey] = Object.values(Wireguard.generateKeypair())">
|
|
</a-icon>
|
|
</a-tooltip>
|
|
</template>
|
|
<a-input v-model.trim="outbound.settings.secretKey"></a-input>
|
|
</a-form-item>
|
|
<a-form-item label='{{ i18n "pages.xray.wireguard.publicKey" }}'>
|
|
<a-input disabled v-model="outbound.settings.pubKey"></a-input>
|
|
</a-form-item>
|
|
<a-form-item label='{{ i18n "pages.xray.wireguard.domainStrategy" }}'>
|
|
<a-select v-model="outbound.settings.domainStrategy"
|
|
:dropdown-class-name="themeSwitcher.currentTheme">
|
|
<a-select-option v-for="wds in ['', ...WireguardDomainStrategy]"
|
|
:value="wds">[[ wds ]]</a-select-option>
|
|
</a-select>
|
|
</a-form-item>
|
|
<a-form-item label='MTU'>
|
|
<a-input-number v-model.number="outbound.settings.mtu"
|
|
min="0"></a-input-number>
|
|
</a-form-item>
|
|
<a-form-item label='Workers'>
|
|
<a-input-number v-model.number="outbound.settings.workers"
|
|
min="0"></a-input-number>
|
|
</a-form-item>
|
|
<a-form-item label='No Kernel Tun'>
|
|
<a-switch v-model="outbound.settings.noKernelTun"></a-switch>
|
|
</a-form-item>
|
|
<a-form-item>
|
|
<template slot="label">
|
|
<a-tooltip>
|
|
<template slot="title">
|
|
<span>{{ i18n "pages.xray.rules.useComma" }}</span>
|
|
</template> Reserved <a-icon type="question-circle"></a-icon>
|
|
</a-tooltip>
|
|
</template>
|
|
<a-input v-model="outbound.settings.reserved"></a-input>
|
|
</a-form-item>
|
|
<a-form-item label="Peers">
|
|
<a-button icon="plus" type="primary" size="small"
|
|
@click="outbound.settings.addPeer()"></a-button>
|
|
</a-form-item>
|
|
<a-form v-for="(peer, index) in outbound.settings.peers" :colon="false"
|
|
:label-col="{ md: {span:8} }"
|
|
:wrapper-col="{ md: {span:14} }">
|
|
<a-divider :style="{ margin: '0' }"> Peer [[ index + 1 ]] <a-icon
|
|
v-if="outbound.settings.peers.length>1"
|
|
type="delete" @click="() => outbound.settings.delPeer(index)"
|
|
:style="{ color: 'rgb(255, 77, 79)', cursor: 'pointer' }"></a-icon>
|
|
</a-divider>
|
|
<a-form-item label='{{ i18n "pages.xray.wireguard.endpoint" }}'>
|
|
<a-input v-model.trim="peer.endpoint"></a-input>
|
|
</a-form-item>
|
|
<a-form-item label='{{ i18n "pages.xray.wireguard.publicKey" }}'>
|
|
<a-input v-model.trim="peer.publicKey"></a-input>
|
|
</a-form-item>
|
|
<a-form-item label='{{ i18n "pages.xray.wireguard.psk" }}'>
|
|
<a-input v-model.trim="peer.psk"></a-input>
|
|
</a-form-item>
|
|
<a-form-item>
|
|
<template slot="label">
|
|
{{ i18n "pages.xray.wireguard.allowedIPs" }}
|
|
<a-button icon="plus" type="primary" size="small"
|
|
@click="peer.allowedIPs.push('')"></a-button>
|
|
</template>
|
|
<template v-for="(aip, index) in peer.allowedIPs"
|
|
:style="{ marginBottom: '10px' }">
|
|
<a-input v-model.trim="peer.allowedIPs[index]">
|
|
<a-button icon="minus" v-if="peer.allowedIPs.length>1"
|
|
slot="addonAfter" size="small"
|
|
@click="peer.allowedIPs.splice(index, 1)"></a-button>
|
|
</a-input>
|
|
</template>
|
|
</a-form-item>
|
|
<a-form-item label='Keep Alive'>
|
|
<a-input-number v-model.number="peer.keepAlive"
|
|
:min="0"></a-input-number>
|
|
</a-form-item>
|
|
</a-form>
|
|
</template>
|
|
|
|
<!-- Address + Port -->
|
|
<template v-if="outbound.hasAddressPort()">
|
|
<a-form-item label='{{ i18n "pages.inbounds.address" }}'>
|
|
<a-input v-model.trim="outbound.settings.address"></a-input>
|
|
</a-form-item>
|
|
<a-form-item label='{{ i18n "pages.inbounds.port" }}'>
|
|
<a-input-number v-model.number="outbound.settings.port" :min="1"
|
|
:max="65532"></a-input-number>
|
|
</a-form-item>
|
|
</template>
|
|
|
|
<!-- VLESS/VMess user settings -->
|
|
<template
|
|
v-if="[Protocols.VMess, Protocols.VLESS].includes(outbound.protocol)">
|
|
<a-form-item label='ID'>
|
|
<a-input v-model.trim="outbound.settings.id"></a-input>
|
|
</a-form-item>
|
|
|
|
<!-- vmess settings -->
|
|
<template v-if="outbound.protocol === Protocols.VMess">
|
|
<a-form-item label='Security'>
|
|
<a-select v-model="outbound.settings.security"
|
|
:dropdown-class-name="themeSwitcher.currentTheme">
|
|
<a-select-option v-for="key in USERS_SECURITY" :value="key">[[ key
|
|
]]</a-select-option>
|
|
</a-select>
|
|
</a-form-item>
|
|
</template>
|
|
|
|
<!-- vless settings -->
|
|
<template v-if="outbound.protocol === Protocols.VLESS">
|
|
<a-form-item label='encryption'>
|
|
<a-input v-model.trim="outbound.settings.encryption"></a-input>
|
|
</a-form-item>
|
|
</template>
|
|
<template v-if="outbound.canEnableTlsFlow()">
|
|
<a-form-item label='Flow'>
|
|
<a-select v-model="outbound.settings.flow"
|
|
:dropdown-class-name="themeSwitcher.currentTheme">
|
|
<a-select-option value selected>{{ i18n "none"
|
|
}}</a-select-option>
|
|
<a-select-option v-for="key in TLS_FLOW_CONTROL" :value="key">[[
|
|
key ]]</a-select-option>
|
|
</a-select>
|
|
</a-form-item>
|
|
</template>
|
|
<!-- XTLS Vision Advanced Settings -->
|
|
<template v-if="outbound.canEnableVisionSeed()">
|
|
<a-form-item label="Vision Pre-Connect">
|
|
<a-input-number v-model.number="outbound.settings.testpre" :min="0"
|
|
:max="10" :style="{ width: '100%' }"
|
|
placeholder="0"></a-input-number>
|
|
</a-form-item>
|
|
<a-form-item label="Vision Seed">
|
|
<a-row :gutter="8">
|
|
<a-col :span="6">
|
|
<a-input-number v-model.number="outbound.settings.testseed[0]"
|
|
:min="0" :max="9999"
|
|
:style="{ width: '100%' }" placeholder="900"
|
|
addon-before="[0]"></a-input-number>
|
|
</a-col>
|
|
<a-col :span="6">
|
|
<a-input-number v-model.number="outbound.settings.testseed[1]"
|
|
:min="0" :max="9999"
|
|
:style="{ width: '100%' }" placeholder="500"
|
|
addon-before="[1]"></a-input-number>
|
|
</a-col>
|
|
<a-col :span="6">
|
|
<a-input-number v-model.number="outbound.settings.testseed[2]"
|
|
:min="0" :max="9999"
|
|
:style="{ width: '100%' }" placeholder="900"
|
|
addon-before="[2]"></a-input-number>
|
|
</a-col>
|
|
<a-col :span="6">
|
|
<a-input-number v-model.number="outbound.settings.testseed[3]"
|
|
:min="0" :max="9999"
|
|
:style="{ width: '100%' }" placeholder="256"
|
|
addon-before="[3]"></a-input-number>
|
|
</a-col>
|
|
</a-row>
|
|
</a-form-item>
|
|
</template>
|
|
</template>
|
|
|
|
<!-- Servers (trojan/shadowsocks/socks/http) settings -->
|
|
<template v-if="outbound.hasServers()">
|
|
<!-- http / socks -->
|
|
<template v-if="outbound.hasUsername()">
|
|
<a-form-item label='{{ i18n "username" }}'>
|
|
<a-input v-model.trim="outbound.settings.user"></a-input>
|
|
</a-form-item>
|
|
<a-form-item label='{{ i18n "password" }}'>
|
|
<a-input v-model.trim="outbound.settings.pass"></a-input>
|
|
</a-form-item>
|
|
</template>
|
|
|
|
<!-- trojan/shadowsocks -->
|
|
<template
|
|
v-if="[Protocols.Trojan, Protocols.Shadowsocks].includes(outbound.protocol)">
|
|
<a-form-item label='{{ i18n "password" }}'>
|
|
<a-input v-model.trim="outbound.settings.password"></a-input>
|
|
</a-form-item>
|
|
</template>
|
|
|
|
<!-- shadowsocks -->
|
|
<template v-if="outbound.protocol === Protocols.Shadowsocks">
|
|
<a-form-item label='{{ i18n "encryption" }}'>
|
|
<a-select v-model="outbound.settings.method"
|
|
:dropdown-class-name="themeSwitcher.currentTheme">
|
|
<a-select-option v-for="(method, method_name) in SSMethods"
|
|
:value="method">[[ method_name
|
|
]]</a-select-option>
|
|
</a-select>
|
|
</a-form-item>
|
|
<a-form-item label='UDP over TCP'>
|
|
<a-switch v-model="outbound.settings.uot"></a-switch>
|
|
</a-form-item>
|
|
<a-form-item label='UoTVersion'>
|
|
<a-input-number v-model.number="outbound.settings.UoTVersion"
|
|
:min="1" :max="2"></a-input-number>
|
|
</a-form-item>
|
|
</template>
|
|
</template>
|
|
|
|
<!-- hysteria settings -->
|
|
<template v-if="outbound.protocol === Protocols.Hysteria">
|
|
<a-form-item label='Version'>
|
|
<a-input-number v-model.number="outbound.settings.version" :min="2"
|
|
:max="2" disabled></a-input-number>
|
|
</a-form-item>
|
|
</template>
|
|
|
|
<!-- stream settings -->
|
|
<template v-if="outbound.canEnableStream()">
|
|
<a-form-item label='{{ i18n "transmission" }}'>
|
|
<a-select v-model="outbound.stream.network"
|
|
@change="streamNetworkChange"
|
|
:dropdown-class-name="themeSwitcher.currentTheme">
|
|
<a-select-option value="tcp">TCP (RAW)</a-select-option>
|
|
<a-select-option value="kcp">mKCP</a-select-option>
|
|
<a-select-option value="ws">WebSocket</a-select-option>
|
|
<a-select-option value="grpc">gRPC</a-select-option>
|
|
<a-select-option value="httpupgrade">HTTPUpgrade</a-select-option>
|
|
<a-select-option value="xhttp">XHTTP</a-select-option>
|
|
<a-select-option v-if="outbound.protocol === Protocols.Hysteria"
|
|
value="hysteria">Hysteria2</a-select-option>
|
|
</a-select>
|
|
</a-form-item>
|
|
<template v-if="outbound.stream.network === 'tcp'">
|
|
<a-form-item label='HTTP {{ i18n "camouflage" }}'>
|
|
<a-switch :checked="outbound.stream.tcp.type === 'http'"
|
|
@change="checked => outbound.stream.tcp.type = checked ? 'http' : 'none'"></a-switch>
|
|
</a-form-item>
|
|
<template v-if="outbound.stream.tcp.type == 'http'">
|
|
<a-form-item label='{{ i18n "host" }}'>
|
|
<a-input v-model.trim="outbound.stream.tcp.host"></a-input>
|
|
</a-form-item>
|
|
<a-form-item label='{{ i18n "path" }}'>
|
|
<a-input v-model.trim="outbound.stream.tcp.path"></a-input>
|
|
</a-form-item>
|
|
</template>
|
|
</template>
|
|
|
|
<!-- kcp -->
|
|
<template v-if="outbound.stream.network === 'kcp'">
|
|
<a-form-item label='{{ i18n "camouflage" }}'>
|
|
<a-select v-model="outbound.stream.kcp.type"
|
|
:dropdown-class-name="themeSwitcher.currentTheme">
|
|
<a-select-option value="none">None</a-select-option>
|
|
<a-select-option value="srtp">SRTP</a-select-option>
|
|
<a-select-option value="utp">uTP</a-select-option>
|
|
<a-select-option value="wechat-video">WeChat</a-select-option>
|
|
<a-select-option value="dtls">DTLS 1.2</a-select-option>
|
|
<a-select-option value="wireguard">WireGuard</a-select-option>
|
|
<a-select-option value="dns">DNS</a-select-option>
|
|
</a-select>
|
|
</a-form-item>
|
|
<a-form-item label='{{ i18n "password" }}'>
|
|
<a-input v-model="outbound.stream.kcp.seed"></a-input>
|
|
</a-form-item>
|
|
<a-form-item label='MTU'>
|
|
<a-input-number v-model.number="outbound.stream.kcp.mtu"
|
|
min="0"></a-input-number>
|
|
</a-form-item>
|
|
<a-form-item label='TTI (ms)'>
|
|
<a-input-number v-model.number="outbound.stream.kcp.tti"
|
|
min="0"></a-input-number>
|
|
</a-form-item>
|
|
<a-form-item label='Uplink (MB/s)'>
|
|
<a-input-number v-model.number="outbound.stream.kcp.upCap"
|
|
min="0"></a-input-number>
|
|
</a-form-item>
|
|
<a-form-item label='Downlink (MB/s)'>
|
|
<a-input-number v-model.number="outbound.stream.kcp.downCap"
|
|
min="0"></a-input-number>
|
|
</a-form-item>
|
|
<a-form-item label='Congestion'>
|
|
<a-switch v-model="outbound.stream.kcp.congestion"></a-switch>
|
|
</a-form-item>
|
|
<a-form-item label='Read Buffer (MB)'>
|
|
<a-input-number v-model.number="outbound.stream.kcp.readBuffer"
|
|
min="0"></a-input-number>
|
|
</a-form-item>
|
|
<a-form-item label='Write Buffer (MB)'>
|
|
<a-input-number v-model.number="outbound.stream.kcp.writeBuffer"
|
|
min="0"></a-input-number>
|
|
</a-form-item>
|
|
</template>
|
|
|
|
<!-- ws -->
|
|
<template v-if="outbound.stream.network === 'ws'">
|
|
<a-form-item label='{{ i18n "host" }}'>
|
|
<a-input v-model="outbound.stream.ws.host"></a-input>
|
|
</a-form-item>
|
|
<a-form-item label='{{ i18n "path" }}'>
|
|
<a-input v-model.trim="outbound.stream.ws.path"></a-input>
|
|
</a-form-item>
|
|
<a-form-item label='Heartbeat Period'>
|
|
<a-input-number v-model.number="outbound.stream.ws.heartbeatPeriod"
|
|
:min="0"></a-input-number>
|
|
</a-form-item>
|
|
</template>
|
|
|
|
<!-- grpc -->
|
|
<template v-if="outbound.stream.network === 'grpc'">
|
|
<a-form-item label='Service Name'>
|
|
<a-input v-model.trim="outbound.stream.grpc.serviceName"></a-input>
|
|
</a-form-item>
|
|
<a-form-item label="Authority">
|
|
<a-input v-model.trim="outbound.stream.grpc.authority"></a-input>
|
|
</a-form-item>
|
|
<a-form-item label='Multi Mode'>
|
|
<a-switch v-model="outbound.stream.grpc.multiMode"></a-switch>
|
|
</a-form-item>
|
|
</template>
|
|
|
|
<!-- httpupgrade -->
|
|
<template v-if="outbound.stream.network === 'httpupgrade'">
|
|
<a-form-item label='{{ i18n "host" }}'>
|
|
<a-input v-model="outbound.stream.httpupgrade.host"></a-input>
|
|
</a-form-item>
|
|
<a-form-item label='{{ i18n "path" }}'>
|
|
<a-input v-model.trim="outbound.stream.httpupgrade.path"></a-input>
|
|
</a-form-item>
|
|
</template>
|
|
|
|
<!-- xhttp -->
|
|
<template v-if="outbound.stream.network === 'xhttp'">
|
|
<a-form-item label='{{ i18n "host" }}'>
|
|
<a-input v-model="outbound.stream.xhttp.host"></a-input>
|
|
</a-form-item>
|
|
<a-form-item label='{{ i18n "path" }}'>
|
|
<a-input v-model.trim="outbound.stream.xhttp.path"></a-input>
|
|
</a-form-item>
|
|
<a-form-item label='Mode'>
|
|
<a-select v-model="outbound.stream.xhttp.mode"
|
|
:dropdown-class-name="themeSwitcher.currentTheme">
|
|
<a-select-option v-for="key in MODE_OPTION" :value="key">[[ key
|
|
]]</a-select-option>
|
|
</a-select>
|
|
</a-form-item>
|
|
<a-form-item label="No gRPC Header"
|
|
v-if="outbound.stream.xhttp.mode === 'stream-up' || outbound.stream.xhttp.mode === 'stream-one'">
|
|
<a-switch v-model="outbound.stream.xhttp.noGRPCHeader"></a-switch>
|
|
</a-form-item>
|
|
<a-form-item label="Min Upload Interval (Ms)"
|
|
v-if="outbound.stream.xhttp.mode === 'packet-up'">
|
|
<a-input
|
|
v-model.trim="outbound.stream.xhttp.scMinPostsIntervalMs"></a-input>
|
|
</a-form-item>
|
|
<a-form-item label="Max Concurrency"
|
|
v-if="!outbound.stream.xhttp.xmux.maxConnections">
|
|
<a-input
|
|
v-model="outbound.stream.xhttp.xmux.maxConcurrency"></a-input>
|
|
</a-form-item>
|
|
<a-form-item label="Max Connections"
|
|
v-if="!outbound.stream.xhttp.xmux.maxConcurrency">
|
|
<a-input
|
|
v-model="outbound.stream.xhttp.xmux.maxConnections"></a-input>
|
|
</a-form-item>
|
|
<a-form-item label="Max Reuse Times">
|
|
<a-input
|
|
v-model="outbound.stream.xhttp.xmux.cMaxReuseTimes"></a-input>
|
|
</a-form-item>
|
|
<a-form-item label="Max Request Times">
|
|
<a-input
|
|
v-model="outbound.stream.xhttp.xmux.hMaxRequestTimes"></a-input>
|
|
</a-form-item>
|
|
<a-form-item label="Max Reusable Secs">
|
|
<a-input
|
|
v-model="outbound.stream.xhttp.xmux.hMaxReusableSecs"></a-input>
|
|
</a-form-item>
|
|
<a-form-item label='Keep Alive Period'>
|
|
<a-input-number
|
|
v-model.number="outbound.stream.xhttp.xmux.hKeepAlivePeriod"></a-input-number>
|
|
</a-form-item>
|
|
</template>
|
|
|
|
<!-- hysteria -->
|
|
<template v-if="outbound.stream.network === 'hysteria'">
|
|
<a-form-item label='Auth Password'>
|
|
<a-input v-model.trim="outbound.stream.hysteria.auth"></a-input>
|
|
</a-form-item>
|
|
<a-form-item label='Upload Speed'>
|
|
<a-input v-model.trim="outbound.stream.hysteria.up"
|
|
placeholder="0 (BBR mode), e.g., 100 mbps"></a-input>
|
|
</a-form-item>
|
|
<a-form-item label='Download Speed'>
|
|
<a-input v-model.trim="outbound.stream.hysteria.down"
|
|
placeholder="0 (BBR mode), e.g., 100 mbps"></a-input>
|
|
</a-form-item>
|
|
<a-form-item label='UDP Hop Port'>
|
|
<a-input v-model.trim="outbound.stream.hysteria.udphopPort"
|
|
placeholder="e.g., 1145-1919 or 11,13,15-17"></a-input>
|
|
</a-form-item>
|
|
<a-form-item label='UDP Hop Interval (s)'
|
|
v-if="outbound.stream.hysteria.udphopPort">
|
|
<a-input-number
|
|
v-model.number="outbound.stream.hysteria.udphopInterval"
|
|
:min="5"></a-input-number>
|
|
</a-form-item>
|
|
<a-form-item label='Init Stream Receive'>
|
|
<a-input-number
|
|
v-model.number="outbound.stream.hysteria.initStreamReceiveWindow"></a-input-number>
|
|
</a-form-item>
|
|
<a-form-item label='Max Stream Receive'>
|
|
<a-input-number
|
|
v-model.number="outbound.stream.hysteria.maxStreamReceiveWindow"></a-input-number>
|
|
</a-form-item>
|
|
<a-form-item label='Init Connection Receive'>
|
|
<a-input-number
|
|
v-model.number="outbound.stream.hysteria.initConnectionReceiveWindow"></a-input-number>
|
|
</a-form-item>
|
|
<a-form-item label='Max Connection Receive'>
|
|
<a-input-number
|
|
v-model.number="outbound.stream.hysteria.maxConnectionReceiveWindow"></a-input-number>
|
|
</a-form-item>
|
|
<a-form-item label='Max Idle Timeout (s)'>
|
|
<a-input-number
|
|
v-model.number="outbound.stream.hysteria.maxIdleTimeout" :min="4"
|
|
:max="120"></a-input-number>
|
|
</a-form-item>
|
|
<a-form-item label='Keep Alive Period (s)'>
|
|
<a-input-number
|
|
v-model.number="outbound.stream.hysteria.keepAlivePeriod" :min="0"
|
|
:max="60"></a-input-number>
|
|
</a-form-item>
|
|
<a-form-item label='Disable Path MTU'>
|
|
<a-switch
|
|
v-model="outbound.stream.hysteria.disablePathMTUDiscovery"></a-switch>
|
|
</a-form-item>
|
|
</template>
|
|
</template>
|
|
|
|
<!-- tls settings -->
|
|
<template v-if="outbound.canEnableTls()">
|
|
<a-form-item label='{{ i18n "security" }}'>
|
|
<a-radio-group v-model="outbound.stream.security"
|
|
button-style="solid">
|
|
<a-radio-button value="none">{{ i18n "none" }}</a-radio-button>
|
|
<a-radio-button value="tls">TLS</a-radio-button>
|
|
<a-radio-button v-if="outbound.canEnableReality()"
|
|
value="reality">Reality</a-radio-button>
|
|
</a-radio-group>
|
|
</a-form-item>
|
|
<template v-if="outbound.stream.isTls">
|
|
<a-form-item label="SNI" placeholder="Server Name Indication">
|
|
<a-input v-model.trim="outbound.stream.tls.serverName"></a-input>
|
|
</a-form-item>
|
|
<a-form-item label="uTLS">
|
|
<a-select v-model="outbound.stream.tls.fingerprint"
|
|
:dropdown-class-name="themeSwitcher.currentTheme">
|
|
<a-select-option value>None</a-select-option>
|
|
<a-select-option v-for="key in UTLS_FINGERPRINT" :value="key">[[
|
|
key ]]</a-select-option>
|
|
</a-select>
|
|
</a-form-item>
|
|
<a-form-item label="ALPN">
|
|
<a-select mode="multiple"
|
|
:dropdown-class-name="themeSwitcher.currentTheme"
|
|
v-model="outbound.stream.tls.alpn">
|
|
<a-select-option v-for="alpn in ALPN_OPTION" :value="alpn">[[ alpn
|
|
]]</a-select-option>
|
|
</a-select>
|
|
</a-form-item>
|
|
<a-form-item label="ECH Config List">
|
|
<a-input v-model.trim="outbound.stream.tls.echConfigList"></a-input>
|
|
</a-form-item>
|
|
<a-form-item label="Allow Insecure">
|
|
<a-switch v-model="outbound.stream.tls.allowInsecure"></a-switch>
|
|
</a-form-item>
|
|
</template>
|
|
|
|
<!-- reality settings -->
|
|
<template v-if="outbound.stream.isReality">
|
|
<a-form-item label="SNI">
|
|
<a-input
|
|
v-model.trim="outbound.stream.reality.serverName"></a-input>
|
|
</a-form-item>
|
|
<a-form-item label="uTLS">
|
|
<a-select v-model="outbound.stream.reality.fingerprint"
|
|
:dropdown-class-name="themeSwitcher.currentTheme">
|
|
<a-select-option v-for="key in UTLS_FINGERPRINT" :value="key">[[
|
|
key ]]</a-select-option>
|
|
</a-select>
|
|
</a-form-item>
|
|
<a-form-item label="Short ID">
|
|
<a-input v-model.trim="outbound.stream.reality.shortId"></a-input>
|
|
</a-form-item>
|
|
<a-form-item label="SpiderX">
|
|
<a-input v-model.trim="outbound.stream.reality.spiderX"></a-input>
|
|
</a-form-item>
|
|
<a-form-item label="Public Key">
|
|
<a-textarea
|
|
v-model.trim="outbound.stream.reality.publicKey"></a-textarea>
|
|
</a-form-item>
|
|
<a-form-item label="mldsa65 Verify">
|
|
<a-textarea
|
|
v-model.trim="outbound.stream.reality.mldsa65Verify"></a-textarea>
|
|
</a-form-item>
|
|
</template>
|
|
</template>
|
|
|
|
<!-- sockopt settings -->
|
|
<a-form-item label="Sockopts">
|
|
<a-switch v-model="outbound.stream.sockoptSwitch"></a-switch>
|
|
</a-form-item>
|
|
<template v-if="outbound.stream.sockoptSwitch">
|
|
<a-form-item label="Dialer Proxy">
|
|
<a-select v-model="outbound.stream.sockopt.dialerProxy"
|
|
:dropdown-class-name="themeSwitcher.currentTheme">
|
|
<a-select-option v-for="tag in ['', ...outModal.tags]"
|
|
:value="tag">[[ tag ]]</a-select-option>
|
|
</a-select>
|
|
</a-form-item>
|
|
<a-form-item label='Address Port Strategy'>
|
|
<a-select v-model="outbound.stream.sockopt.addressPortStrategy"
|
|
:dropdown-class-name="themeSwitcher.currentTheme">
|
|
<a-select-option v-for="key in Address_Port_Strategy"
|
|
:value="key">[[ key ]]</a-select-option>
|
|
</a-select>
|
|
</a-form-item>
|
|
<a-form-item label="Keep Alive Interval">
|
|
<a-input-number
|
|
v-model.number="outbound.stream.sockopt.tcpKeepAliveInterval"
|
|
:min="0"></a-input-number>
|
|
</a-form-item>
|
|
<a-form-item label="TCP Fast Open">
|
|
<a-switch v-model="outbound.stream.sockopt.tcpFastOpen"></a-switch>
|
|
</a-form-item>
|
|
<a-form-item label="Multipath TCP">
|
|
<a-switch v-model.trim="outbound.stream.sockopt.tcpMptcp"></a-switch>
|
|
</a-form-item>
|
|
<a-form-item label="Penetrate">
|
|
<a-switch v-model="outbound.stream.sockopt.penetrate"></a-switch>
|
|
</a-form-item>
|
|
<a-form-item label="Trusted X-Forwarded-For">
|
|
<a-select mode="tags"
|
|
v-model="outbound.stream.sockopt.trustedXForwardedFor"
|
|
:style="{ width: '100%' }"
|
|
:dropdown-class-name="themeSwitcher.currentTheme">
|
|
<a-select-option
|
|
value="CF-Connecting-IP">CF-Connecting-IP</a-select-option>
|
|
<a-select-option value="X-Real-IP">X-Real-IP</a-select-option>
|
|
<a-select-option
|
|
value="True-Client-IP">True-Client-IP</a-select-option>
|
|
<a-select-option value="X-Client-IP">X-Client-IP</a-select-option>
|
|
</a-select>
|
|
</a-form-item>
|
|
</template>
|
|
|
|
<!-- mux settings -->
|
|
<template v-if="outbound.canEnableMux()">
|
|
<a-form-item label="Mux">
|
|
<a-switch v-model="outbound.mux.enabled"></a-switch>
|
|
</a-form-item>
|
|
<template v-if="outbound.mux.enabled">
|
|
<a-form-item label="Concurrency">
|
|
<a-input-number v-model.number="outbound.mux.concurrency" :min="-1"
|
|
:max="1024"></a-input-number>
|
|
</a-form-item>
|
|
<a-form-item label="xudp Concurrency">
|
|
<a-input-number v-model.number="outbound.mux.xudpConcurrency"
|
|
:min="-1" :max="1024"></a-input-number>
|
|
</a-form-item>
|
|
<a-form-item label="xudp UDP 443">
|
|
<a-select v-model="outbound.mux.xudpProxyUDP443"
|
|
:dropdown-class-name="themeSwitcher.currentTheme">
|
|
<a-select-option v-for="c in ['reject', 'allow', 'skip']"
|
|
:value="c">[[ c ]]</a-select-option>
|
|
</a-select>
|
|
</a-form-item>
|
|
</template>
|
|
</template>
|
|
</a-form>
|
|
</a-tab-pane>
|
|
<a-tab-pane key="2" tab="JSON" force-render="true">
|
|
<a-space direction="vertical" :size="10" :style="{ marginTop: '10px' }">
|
|
<a-input addon-before='{{ i18n "pages.xray.outbound.link" }}'
|
|
v-model.trim="outModal.link"
|
|
placeholder="vmess:// vless:// trojan:// ss://">
|
|
<a-icon slot="addonAfter" type="form" @click="convertLink"></a-icon>
|
|
</a-input>
|
|
<textarea :style="{ position: 'absolute', left: '-800px' }"
|
|
id="outboundJson"></textarea>
|
|
</a-space>
|
|
</a-tab-pane>
|
|
</a-tabs>
|
|
{{end}} |