mirror of
https://github.com/MHSanaei/3x-ui.git
synced 2026-02-13 13:57:59 +00:00
f3d47ebb3f
Some checks failed
Release 3X-UI / build (386) (push) Has been cancelled
Release 3X-UI / build (amd64) (push) Has been cancelled
Release 3X-UI / build (arm64) (push) Has been cancelled
Release 3X-UI / build (armv5) (push) Has been cancelled
Release 3X-UI / build (armv6) (push) Has been cancelled
Release 3X-UI / build (armv7) (push) Has been cancelled
Release 3X-UI / build (s390x) (push) Has been cancelled
Release 3X-UI / Build for Windows (push) Has been cancelled
Removed verifyPeerCertByNames and pinnedPeerCertSha256 from inbound TLS settings and UI. Added verifyPeerCertByName and pinnedPeerCertSha256 to outbound TLS settings and updated the outbound form to support these fields. This change streamlines and clarifies certificate verification configuration between inbound and outbound settings.
832 lines
No EOL
37 KiB
HTML
832 lines
No EOL
37 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='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='Congestion'>
|
|
<a-select v-model="outbound.stream.hysteria.congestion"
|
|
:dropdown-class-name="themeSwitcher.currentTheme">
|
|
<a-select-option value>BBR (Auto)</a-select-option>
|
|
<a-select-option value="brutal">Brutal</a-select-option>
|
|
</a-select>
|
|
</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 Min (s)'
|
|
v-if="outbound.stream.hysteria.udphopPort">
|
|
<a-input-number
|
|
v-model.number="outbound.stream.hysteria.udphopIntervalMin"
|
|
:min="5"></a-input-number>
|
|
</a-form-item>
|
|
<a-form-item label='UDP Hop Interval Max (s)'
|
|
v-if="outbound.stream.hysteria.udphopPort">
|
|
<a-input-number
|
|
v-model.number="outbound.stream.hysteria.udphopIntervalMax"
|
|
: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>
|
|
|
|
<!-- finalmask settings -->
|
|
<template v-if="outbound.canEnableStream()">
|
|
<a-form-item label="UDP Masks">
|
|
<a-button icon="plus" type="primary" size="small"
|
|
@click="outbound.stream.addUdpMask(outbound.protocol === Protocols.Hysteria ? 'salamander' : (outbound.stream.network === 'kcp' ? 'mkcp-aes128gcm' : 'xdns'))"></a-button>
|
|
</a-form-item>
|
|
<template
|
|
v-if="outbound.stream.finalmask.udp && outbound.stream.finalmask.udp.length > 0">
|
|
<a-form v-for="(mask, index) in outbound.stream.finalmask.udp"
|
|
:key="index" :colon="false"
|
|
:label-col="{ md: {span:8} }" :wrapper-col="{ md: {span:14} }">
|
|
<a-divider :style="{ margin: '0' }"> UDP Mask [[ index + 1 ]]
|
|
<a-icon type="delete"
|
|
@click="() => outbound.stream.delUdpMask(index)"
|
|
:style="{ color: 'rgb(255, 77, 79)', cursor: 'pointer' }"></a-icon>
|
|
</a-divider>
|
|
<a-form-item label='Type'>
|
|
<a-select v-model="mask.type"
|
|
@change="(type) => mask.settings = mask._getDefaultSettings(type, {})"
|
|
:dropdown-class-name="themeSwitcher.currentTheme">
|
|
<!-- Salamander for Hysteria2 only -->
|
|
<a-select-option v-if="outbound.protocol === Protocols.Hysteria"
|
|
value="salamander">
|
|
Salamander (Hysteria2)</a-select-option>
|
|
<!-- mKCP-specific masks -->
|
|
<a-select-option v-if="outbound.stream.network === 'kcp'"
|
|
value="mkcp-aes128gcm">
|
|
mKCP AES-128-GCM</a-select-option>
|
|
<a-select-option v-if="outbound.stream.network === 'kcp'"
|
|
value="header-dns">
|
|
Header DNS</a-select-option>
|
|
<a-select-option v-if="outbound.stream.network === 'kcp'"
|
|
value="header-dtls">
|
|
Header DTLS 1.2</a-select-option>
|
|
<a-select-option v-if="outbound.stream.network === 'kcp'"
|
|
value="header-srtp">
|
|
Header SRTP</a-select-option>
|
|
<a-select-option v-if="outbound.stream.network === 'kcp'"
|
|
value="header-utp">
|
|
Header uTP</a-select-option>
|
|
<a-select-option v-if="outbound.stream.network === 'kcp'"
|
|
value="header-wechat">
|
|
Header WeChat Video</a-select-option>
|
|
<a-select-option v-if="outbound.stream.network === 'kcp'"
|
|
value="header-wireguard">
|
|
Header WireGuard</a-select-option>
|
|
<a-select-option v-if="outbound.stream.network === 'kcp'"
|
|
value="mkcp-original">
|
|
mKCP Original</a-select-option>
|
|
<!-- xDNS for TCP/WS/HTTPUpgrade/XHTTP -->
|
|
<a-select-option
|
|
v-if="['tcp', 'ws', 'httpupgrade', 'xhttp'].includes(outbound.stream.network)"
|
|
value="xdns">
|
|
xDNS (Experimental)</a-select-option>
|
|
</a-select>
|
|
</a-form-item>
|
|
<!-- Settings for password-based masks -->
|
|
<a-form-item label='Password'
|
|
v-if="['salamander', 'mkcp-aes128gcm'].includes(mask.type)">
|
|
<a-input v-model.trim="mask.settings.password"
|
|
placeholder="Obfuscation password"></a-input>
|
|
</a-form-item>
|
|
<!-- Settings for domain-based masks -->
|
|
<a-form-item label='Domain'
|
|
v-if="['header-dns', 'xdns'].includes(mask.type)">
|
|
<a-input v-model.trim="mask.settings.domain"
|
|
placeholder="e.g., www.example.com"></a-input>
|
|
</a-form-item>
|
|
</a-form>
|
|
</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>
|
|
<a-form-item label="verify Peer Cert By Name">
|
|
<a-input
|
|
v-model.trim="outbound.stream.tls.verifyPeerCertByName"></a-input>
|
|
</a-form-item>
|
|
<a-form-item label="pinned Peer Cert Sha256">
|
|
<a-input v-model.trim="outbound.stream.tls.pinnedPeerCertSha256"
|
|
placeholder="Enter SHA256 fingerprints (base64)">
|
|
</a-input>
|
|
</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:// hysteria2://">
|
|
<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}} |