outbound.html 23 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479
  1. {{define "form/outbound"}}
  2. <!-- base -->
  3. <a-tabs :active-key="outModal.activeKey" style="padding: 0; background-color: transparent;" @change="(activeKey) => {outModal.toggleJson(activeKey == '2'); }">
  4. <a-tab-pane key="1" tab="Form">
  5. <a-form :colon="false" :label-col="{ md: {span:8} }" :wrapper-col="{ md: {span:14} }">
  6. <a-form-item label='{{ i18n "protocol" }}'>
  7. <a-select v-model="outbound.protocol" :dropdown-class-name="themeSwitcher.currentTheme">
  8. <a-select-option v-for="x,y in Protocols" :value="x">[[ y ]]</a-select-option>
  9. </a-select>
  10. </a-form-item>
  11. <a-form-item label='{{ i18n "pages.xray.outbound.tag" }}' has-feedback :validate-status="outModal.duplicateTag? 'warning' : 'success'">
  12. <a-input v-model.trim="outbound.tag" @change="outModal.check()" placeholder='{{ i18n "pages.xray.outbound.tagDesc" }}'></a-input>
  13. </a-form-item>
  14. <a-form-item label='{{ i18n "pages.xray.outbound.sendThrough" }}'>
  15. <a-input v-model="outbound.sendThrough"></a-input>
  16. </a-form-item>
  17. <!-- freedom settings-->
  18. <template v-if="outbound.protocol === Protocols.Freedom">
  19. <a-form-item label='Strategy'>
  20. <a-select v-model="outbound.settings.domainStrategy" :dropdown-class-name="themeSwitcher.currentTheme">
  21. <a-select-option v-for="s in OutboundDomainStrategies" :value="s">[[ s ]]</a-select-option>
  22. </a-select>
  23. </a-form-item>
  24. <a-form-item label='Timeout'>
  25. <a-input-number v-model.number="outbound.settings.timeout" min="0" ></a-input-number>
  26. </a-form-item>
  27. <a-form-item label='Fragment'>
  28. <a-switch :checked="Object.keys(outbound.settings.fragment).length >0" @change="checked => outbound.settings.fragment = checked ? new Outbound.FreedomSettings.Fragment() : {}"></a-switch>
  29. </a-form-item>
  30. <template v-if="Object.keys(outbound.settings.fragment).length >0">
  31. <a-form-item label='Packets'>
  32. <a-select v-model="outbound.settings.fragment.packets" :dropdown-class-name="themeSwitcher.currentTheme">
  33. <a-select-option v-for="s in ['1-3','tlshello']" :value="s">[[ s ]]</a-select-option>
  34. </a-select>
  35. </a-form-item>
  36. <a-form-item label='Length'>
  37. <a-input v-model.trim="outbound.settings.fragment.length"></a-input>
  38. </a-form-item>
  39. <a-form-item label='Interval'>
  40. <a-input v-model.trim="outbound.settings.fragment.interval"></a-input>
  41. </a-form-item>
  42. </template>
  43. <a-form-item label='Noise'>
  44. <a-switch :checked="Object.keys(outbound.settings.noise).length >0" @change="checked => outbound.settings.noise = checked ? new Outbound.FreedomSettings.Noise() : {}"></a-switch>
  45. </a-form-item>
  46. <template v-if="Object.keys(outbound.settings.noise).length >0">
  47. <a-form-item label='Packets'>
  48. <a-input v-model.trim="outbound.settings.noise.packets"></a-input>
  49. </a-form-item>
  50. <a-form-item label='Delay'>
  51. <a-input v-model.trim="outbound.settings.noise.delay"></a-input>
  52. </a-form-item>
  53. </template>
  54. </template>
  55. <!-- blackhole settings -->
  56. <template v-if="outbound.protocol === Protocols.Blackhole">
  57. <a-form-item label='Response Type'>
  58. <a-select v-model="outbound.settings.type" :dropdown-class-name="themeSwitcher.currentTheme">
  59. <a-select-option v-for="s in ['', 'none','http']" :value="s">[[ s ]]</a-select-option>
  60. </a-select>
  61. </a-form-item>
  62. </template>
  63. <!-- dns settings -->
  64. <template v-if="outbound.protocol === Protocols.DNS">
  65. <a-form-item label='{{ i18n "pages.inbounds.network" }}'>
  66. <a-select v-model="outbound.settings.network" :dropdown-class-name="themeSwitcher.currentTheme">
  67. <a-select-option v-for="s in ['udp','tcp']" :value="s">[[ s ]]</a-select-option>
  68. </a-select>
  69. </a-form-item>
  70. </template>
  71. <!-- wireguard settings -->
  72. <template v-if="outbound.protocol === Protocols.Wireguard">
  73. <a-form-item>
  74. <template slot="label">
  75. <a-tooltip>
  76. <template slot="title">
  77. <span>{{ i18n "pages.xray.rules.useComma" }}</span>
  78. </template>
  79. {{ i18n "pages.xray.outbound.address" }}
  80. <a-icon type="question-circle"></a-icon>
  81. </a-tooltip>
  82. </template>
  83. <a-input v-model.trim="outbound.settings.address"></a-input>
  84. </a-form-item>
  85. <a-form-item>
  86. <template slot="label">
  87. <a-tooltip>
  88. <template slot="title">
  89. <span>{{ i18n "reset" }}</span>
  90. </template>
  91. {{ i18n "pages.xray.wireguard.secretKey" }}
  92. <a-icon type="sync"
  93. @click="[outbound.settings.pubKey, outbound.settings.secretKey] = Object.values(Wireguard.generateKeypair())">
  94. </a-icon>
  95. </a-tooltip>
  96. </template>
  97. <a-input v-model.trim="outbound.settings.secretKey"></a-input>
  98. </a-form-item>
  99. <a-form-item label='{{ i18n "pages.xray.wireguard.publicKey" }}'>
  100. <a-input disabled v-model="outbound.settings.pubKey"></a-input>
  101. </a-form-item>
  102. <a-form-item label='{{ i18n "pages.xray.wireguard.domainStrategy" }}'>
  103. <a-select v-model="outbound.settings.domainStrategy" :dropdown-class-name="themeSwitcher.currentTheme">
  104. <a-select-option v-for="wds in ['', ...WireguardDomainStrategy]" :value="wds">[[ wds ]]</a-select-option>
  105. </a-select>
  106. </a-form-item>
  107. <a-form-item label='MTU'>
  108. <a-input-number v-model.number="outbound.settings.mtu" min="0"></a-input-number>
  109. </a-form-item>
  110. <a-form-item label='Workers'>
  111. <a-input-number v-model.number="outbound.settings.workers" min="0"></a-input-number>
  112. </a-form-item>
  113. <a-form-item label='Kernel Mode'>
  114. <a-switch v-model="outbound.settings.kernelMode"></a-switch>
  115. </a-form-item>
  116. <a-form-item>
  117. <template slot="label">
  118. <a-tooltip>
  119. <template slot="title">
  120. <span>{{ i18n "pages.xray.rules.useComma" }}</span>
  121. </template> Reserved <a-icon type="question-circle"></a-icon>
  122. </a-tooltip>
  123. </template>
  124. <a-input v-model="outbound.settings.reserved"></a-input>
  125. </a-form-item>
  126. <a-form-item label="Peers">
  127. <a-button icon="plus" type="primary" size="small" @click="outbound.settings.addPeer()"></a-button>
  128. </a-form-item>
  129. <a-form v-for="(peer, index) in outbound.settings.peers" :colon="false" :label-col="{ md: {span:8} }" :wrapper-col="{ md: {span:14} }">
  130. <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>
  131. </a-divider>
  132. <a-form-item label='{{ i18n "pages.xray.wireguard.endpoint" }}'>
  133. <a-input v-model.trim="peer.endpoint"></a-input>
  134. </a-form-item>
  135. <a-form-item label='{{ i18n "pages.xray.wireguard.publicKey" }}'>
  136. <a-input v-model.trim="peer.publicKey"></a-input>
  137. </a-form-item>
  138. <a-form-item label='{{ i18n "pages.xray.wireguard.psk" }}'>
  139. <a-input v-model.trim="peer.psk"></a-input>
  140. </a-form-item>
  141. <a-form-item>
  142. <template slot="label">
  143. {{ i18n "pages.xray.wireguard.allowedIPs" }}
  144. <a-button icon="plus" type="primary" size="small" @click="peer.allowedIPs.push('')"></a-button>
  145. </template>
  146. <template v-for="(aip, index) in peer.allowedIPs" style="margin-bottom: 10px;">
  147. <a-input v-model.trim="peer.allowedIPs[index]">
  148. <a-button icon="minus" v-if="peer.allowedIPs.length>1" slot="addonAfter" size="small" @click="peer.allowedIPs.splice(index, 1)"></a-button>
  149. </a-input>
  150. </template>
  151. </a-form-item>
  152. <a-form-item label='Keep Alive'>
  153. <a-input-number v-model.number="peer.keepAlive" :min="0"></a-input-number>
  154. </a-form-item>
  155. </a-form>
  156. </template>
  157. <!-- Address + Port -->
  158. <template v-if="outbound.hasAddressPort()">
  159. <a-form-item label='{{ i18n "pages.inbounds.address" }}'>
  160. <a-input v-model.trim="outbound.settings.address"></a-input>
  161. </a-form-item>
  162. <a-form-item label='{{ i18n "pages.inbounds.port" }}'>
  163. <a-input-number v-model.number="outbound.settings.port" :min="1" :max="65532"></a-input-number>
  164. </a-form-item>
  165. </template>
  166. <!-- Vnext (vless/vmess) settings -->
  167. <template v-if="[Protocols.VMess, Protocols.VLESS].includes(outbound.protocol)">
  168. <a-form-item label='ID'>
  169. <a-input v-model.trim="outbound.settings.id"></a-input>
  170. </a-form-item>
  171. <a-form-item label='Security'>
  172. <a-select v-model="outbound.settings.security" :dropdown-class-name="themeSwitcher.currentTheme">
  173. <a-select-option v-for="key in USERS_SECURITY" :value="key">[[ key ]]</a-select-option>
  174. </a-select>
  175. </a-form-item>
  176. <!-- vless settings -->
  177. <template v-if="outbound.canEnableTlsFlow()">
  178. <a-form-item label='Flow'>
  179. <a-select v-model="outbound.settings.flow" :dropdown-class-name="themeSwitcher.currentTheme">
  180. <a-select-option value="" selected>{{ i18n "none" }}</a-select-option>
  181. <a-select-option v-for="key in TLS_FLOW_CONTROL" :value="key">[[ key ]]</a-select-option>
  182. </a-select>
  183. </a-form-item>
  184. </template>
  185. </template>
  186. <!-- Servers (trojan/shadowsocks/socks/http) settings -->
  187. <template v-if="outbound.hasServers()">
  188. <!-- http / socks -->
  189. <template v-if="outbound.hasUsername()">
  190. <a-form-item label='{{ i18n "username" }}'>
  191. <a-input v-model.trim="outbound.settings.user"></a-input>
  192. </a-form-item>
  193. <a-form-item label='{{ i18n "password" }}'>
  194. <a-input v-model.trim="outbound.settings.pass"></a-input>
  195. </a-form-item>
  196. </template>
  197. <!-- trojan/shadowsocks -->
  198. <template v-if="[Protocols.Trojan, Protocols.Shadowsocks].includes(outbound.protocol)">
  199. <a-form-item label='{{ i18n "password" }}'>
  200. <a-input v-model.trim="outbound.settings.password"></a-input>
  201. </a-form-item>
  202. </template>
  203. <!-- shadowsocks -->
  204. <template v-if="outbound.protocol === Protocols.Shadowsocks">
  205. <a-form-item label='{{ i18n "encryption" }}'>
  206. <a-select v-model="outbound.settings.method" :dropdown-class-name="themeSwitcher.currentTheme">
  207. <a-select-option v-for="(method, method_name) in SSMethods" :value="method">[[ method_name ]]</a-select-option>
  208. </a-select>
  209. </a-form-item>
  210. <a-form-item label='UDP over TCP'>
  211. <a-switch v-model="outbound.settings.uot"></a-switch>
  212. </a-form-item>
  213. <a-form-item label='UoTVersion'>
  214. <a-input-number v-model.number="outbound.settings.UoTVersion" :min="1" :max="2"></a-input-number>
  215. </a-form-item>
  216. </template>
  217. </template>
  218. <!-- stream settings -->
  219. <template v-if="outbound.canEnableStream()">
  220. <a-form-item label='{{ i18n "transmission" }}'>
  221. <a-select v-model="outbound.stream.network" @change="streamNetworkChange" :dropdown-class-name="themeSwitcher.currentTheme">
  222. <a-select-option value="tcp">TCP</a-select-option>
  223. <a-select-option value="kcp">mKCP</a-select-option>
  224. <a-select-option value="ws">WebSocket</a-select-option>
  225. <a-select-option value="http">H2</a-select-option>
  226. <a-select-option value="quic">QUIC</a-select-option>
  227. <a-select-option value="grpc">gRPC</a-select-option>
  228. <a-select-option value="httpupgrade">HTTPUpgrade</a-select-option>
  229. <a-select-option value="splithttp">SplitHTTP</a-select-option>
  230. </a-select>
  231. </a-form-item>
  232. <template v-if="outbound.stream.network === 'tcp'">
  233. <a-form-item label='HTTP {{ i18n "camouflage" }}'>
  234. <a-switch :checked="outbound.stream.tcp.type === 'http'" @change="checked => outbound.stream.tcp.type = checked ? 'http' : 'none'"></a-switch>
  235. </a-form-item>
  236. <template v-if="outbound.stream.tcp.type == 'http'">
  237. <a-form-item label='{{ i18n "host" }}'>
  238. <a-input v-model.trim="outbound.stream.tcp.host"></a-input>
  239. </a-form-item>
  240. <a-form-item label='{{ i18n "path" }}'>
  241. <a-input v-model.trim="outbound.stream.tcp.path"></a-input>
  242. </a-form-item>
  243. </template>
  244. </template>
  245. <!-- kcp -->
  246. <template v-if="outbound.stream.network === 'kcp'">
  247. <a-form-item label='{{ i18n "camouflage" }}'>
  248. <a-select v-model="outbound.stream.kcp.type" :dropdown-class-name="themeSwitcher.currentTheme">
  249. <a-select-option value="none">None</a-select-option>
  250. <a-select-option value="srtp">SRTP</a-select-option>
  251. <a-select-option value="utp">uTP</a-select-option>
  252. <a-select-option value="wechat-video">WeChat</a-select-option>
  253. <a-select-option value="dtls">DTLS 1.2</a-select-option>
  254. <a-select-option value="wireguard">WireGuard</a-select-option>
  255. <a-select-option value="dns">DNS</a-select-option>
  256. </a-select>
  257. </a-form-item>
  258. <a-form-item label='{{ i18n "password" }}'>
  259. <a-input v-model="outbound.stream.kcp.seed"></a-input>
  260. </a-form-item>
  261. <a-form-item label='MTU'>
  262. <a-input-number v-model.number="outbound.stream.kcp.mtu" min="0"></a-input-number>
  263. </a-form-item>
  264. <a-form-item label='TTI (ms)'>
  265. <a-input-number v-model.number="outbound.stream.kcp.tti" min="0"></a-input-number>
  266. </a-form-item>
  267. <a-form-item label='Uplink (MB/s)'>
  268. <a-input-number v-model.number="outbound.stream.kcp.upCap" min="0"></a-input-number>
  269. </a-form-item>
  270. <a-form-item label='Downlink (MB/s)'>
  271. <a-input-number v-model.number="outbound.stream.kcp.downCap" min="0"></a-input-number>
  272. </a-form-item>
  273. <a-form-item label='Congestion'>
  274. <a-switch v-model="outbound.stream.kcp.congestion"></a-switch>
  275. </a-form-item>
  276. <a-form-item label='Read Buffer (MB)'>
  277. <a-input-number v-model.number="outbound.stream.kcp.readBuffer" min="0"></a-input-number>
  278. </a-form-item>
  279. <a-form-item label='Write Buffer (MB)'>
  280. <a-input-number v-model.number="outbound.stream.kcp.writeBuffer" min="0"></a-input-number>
  281. </a-form-item>
  282. </template>
  283. <!-- ws -->
  284. <template v-if="outbound.stream.network === 'ws'">
  285. <a-form-item label='{{ i18n "host" }}'>
  286. <a-input v-model="outbound.stream.ws.host"></a-input>
  287. </a-form-item>
  288. <a-form-item label='{{ i18n "path" }}'>
  289. <a-input v-model.trim="outbound.stream.ws.path"></a-input>
  290. </a-form-item>
  291. </template>
  292. <!-- http -->
  293. <template v-if="outbound.stream.network === 'http'">
  294. <a-form-item label='{{ i18n "host" }}'>
  295. <a-input v-model.trim="outbound.stream.http.host"></a-input>
  296. </a-form-item>
  297. <a-form-item label='{{ i18n "path" }}'>
  298. <a-input v-model.trim="outbound.stream.http.path"></a-input>
  299. </a-form-item>
  300. </template>
  301. <!-- quic -->
  302. <template v-if="outbound.stream.network === 'quic'">
  303. <a-form-item label='{{ i18n "pages.inbounds.stream.quic.encryption" }}'>
  304. <a-select v-model="outbound.stream.quic.security" :dropdown-class-name="themeSwitcher.currentTheme">
  305. <a-select-option value="none">None</a-select-option>
  306. <a-select-option value="aes-128-gcm">AES-128-GCM</a-select-option>
  307. <a-select-option value="chacha20-poly1305">CHACHA20-POLY1305</a-select-option>
  308. </a-select>
  309. </a-form-item>
  310. <a-form-item label='{{ i18n "password" }}'>
  311. <a-input v-model.trim="outbound.stream.quic.key"></a-input>
  312. </a-form-item>
  313. <a-form-item label='{{ i18n "camouflage" }}'>
  314. <a-select v-model="outbound.stream.quic.type" :dropdown-class-name="themeSwitcher.currentTheme">
  315. <a-select-option value="none">None</a-select-option>
  316. <a-select-option value="srtp">SRTP</a-select-option>
  317. <a-select-option value="utp">uTP</a-select-option>
  318. <a-select-option value="wechat-video">WeChat</a-select-option>
  319. <a-select-option value="dtls">DTLS 1.2</a-select-option>
  320. <a-select-option value="wireguard">WireGuard</a-select-option>
  321. </a-select>
  322. </a-form-item>
  323. </template>
  324. <!-- grpc -->
  325. <template v-if="outbound.stream.network === 'grpc'">
  326. <a-form-item label='Service Name'>
  327. <a-input v-model.trim="outbound.stream.grpc.serviceName"></a-input>
  328. </a-form-item>
  329. <a-form-item label="Authority">
  330. <a-input v-model.trim="outbound.stream.grpc.authority"></a-input>
  331. </a-form-item>
  332. <a-form-item label='Multi Mode'>
  333. <a-switch v-model="outbound.stream.grpc.multiMode"></a-switch>
  334. </a-form-item>
  335. </template>
  336. <!-- httpupgrade -->
  337. <template v-if="outbound.stream.network === 'httpupgrade'">
  338. <a-form-item label='{{ i18n "host" }}'>
  339. <a-input v-model="outbound.stream.httpupgrade.host"></a-input>
  340. </a-form-item>
  341. <a-form-item label='{{ i18n "path" }}'>
  342. <a-input v-model.trim="outbound.stream.httpupgrade.path"></a-input>
  343. </a-form-item>
  344. </template>
  345. <!-- splithttp -->
  346. <template v-if="outbound.stream.network === 'splithttp'">
  347. <a-form-item label='{{ i18n "host" }}'>
  348. <a-input v-model="outbound.stream.splithttp.host"></a-input>
  349. </a-form-item>
  350. <a-form-item label='{{ i18n "path" }}'>
  351. <a-input v-model.trim="outbound.stream.splithttp.path"></a-input>
  352. </a-form-item>
  353. </template>
  354. </template>
  355. <!-- tls settings -->
  356. <template v-if="outbound.canEnableTls()">
  357. <a-form-item label='{{ i18n "security" }}'>
  358. <a-radio-group v-model="outbound.stream.security" button-style="solid">
  359. <a-radio-button value="none">{{ i18n "none" }}</a-radio-button>
  360. <a-radio-button value="tls">TLS</a-radio-button>
  361. <a-radio-button v-if="outbound.canEnableReality()" value="reality">Reality</a-radio-button>
  362. </a-radio-group>
  363. </a-form-item>
  364. <template v-if="outbound.stream.isTls">
  365. <a-form-item label="SNI" placeholder="Server Name Indication">
  366. <a-input v-model.trim="outbound.stream.tls.serverName"></a-input>
  367. </a-form-item>
  368. <a-form-item label="uTLS">
  369. <a-select v-model="outbound.stream.tls.fingerprint" :dropdown-class-name="themeSwitcher.currentTheme">
  370. <a-select-option value=''>None</a-select-option>
  371. <a-select-option v-for="key in UTLS_FINGERPRINT" :value="key">[[ key ]]</a-select-option>
  372. </a-select>
  373. </a-form-item>
  374. <a-form-item label="ALPN">
  375. <a-select mode="multiple" :dropdown-class-name="themeSwitcher.currentTheme" v-model="outbound.stream.tls.alpn">
  376. <a-select-option v-for="alpn in ALPN_OPTION" :value="alpn">[[ alpn ]]</a-select-option>
  377. </a-select>
  378. </a-form-item>
  379. <a-form-item label="Allow Insecure">
  380. <a-switch v-model="outbound.stream.tls.allowInsecure"></a-switch>
  381. </a-form-item>
  382. </template>
  383. <!-- reality settings -->
  384. <template v-if="outbound.stream.isReality">
  385. <a-form-item label="SNI">
  386. <a-input v-model.trim="outbound.stream.reality.serverName"></a-input>
  387. </a-form-item>
  388. <a-form-item label="uTLS">
  389. <a-select v-model="outbound.stream.reality.fingerprint" :dropdown-class-name="themeSwitcher.currentTheme">
  390. <a-select-option v-for="key in UTLS_FINGERPRINT" :value="key">[[ key ]]</a-select-option>
  391. </a-select>
  392. </a-form-item>
  393. <a-form-item label="Short ID">
  394. <a-input v-model.trim="outbound.stream.reality.shortId" style="width:250px"></a-input>
  395. </a-form-item>
  396. <a-form-item label="SpiderX">
  397. <a-input v-model.trim="outbound.stream.reality.spiderX" style="width:250px"></a-input>
  398. </a-form-item>
  399. <a-form-item label="Public Key">
  400. <a-input v-model.trim="outbound.stream.reality.publicKey"></a-input>
  401. </a-form-item>
  402. </template>
  403. </template>
  404. <!-- sockopt settings -->
  405. <a-form-item label="Sockopts">
  406. <a-switch v-model="outbound.stream.sockoptSwitch"></a-switch>
  407. </a-form-item>
  408. <template v-if="outbound.stream.sockoptSwitch">
  409. <a-form-item label="Dialer Proxy">
  410. <a-select v-model="outbound.stream.sockopt.dialerProxy" :dropdown-class-name="themeSwitcher.currentTheme">
  411. <a-select-option v-for="tag in ['', ...outModal.tags]" :value="tag">[[ tag ]]</a-select-option>
  412. </a-select>
  413. </a-form-item>
  414. <a-form-item label="TCP Fast Open">
  415. <a-switch v-model="outbound.stream.sockopt.tcpFastOpen"></a-switch>
  416. </a-form-item>
  417. <a-form-item label="Keep Alive Interval">
  418. <a-input-number v-model="outbound.stream.sockopt.tcpKeepAliveInterval" :min="0"></a-input-number>
  419. </a-form-item>
  420. <a-form-item label="Multipath TCP">
  421. <a-switch v-model.trim="outbound.stream.sockopt.tcpMptcp"></a-switch>
  422. </a-form-item>
  423. <a-form-item label="TCP No-Delay">
  424. <a-switch v-model="outbound.stream.sockopt.tcpNoDelay"></a-switch>
  425. </a-form-item>
  426. </template>
  427. <!-- mux settings -->
  428. <template v-if="outbound.canEnableMux()">
  429. <a-form-item label="Mux">
  430. <a-switch v-model="outbound.mux.enabled"></a-switch>
  431. </a-form-item>
  432. <template v-if="outbound.mux.enabled">
  433. <a-form-item label="Concurrency">
  434. <a-input-number v-model="outbound.mux.concurrency" :min="-1" :max="1024"></a-input-number>
  435. </a-form-item>
  436. <a-form-item label="xudp Concurrency">
  437. <a-input-number v-model="outbound.mux.xudpConcurrency" :min="-1" :max="1024"></a-input-number>
  438. </a-form-item>
  439. <a-form-item label="xudp UDP 443">
  440. <a-select v-model="outbound.mux.xudpProxyUDP443" :dropdown-class-name="themeSwitcher.currentTheme">
  441. <a-select-option v-for="c in ['reject', 'allow', 'skip']" :value="c">[[ c ]]</a-select-option>
  442. </a-select>
  443. </a-form-item>
  444. </template>
  445. </template>
  446. </a-form>
  447. </a-tab-pane>
  448. <a-tab-pane key="2" tab="JSON" force-render="true">
  449. <a-form-item style="margin: 10px 0"> Link: <a-input v-model.trim="outModal.link" style="width: 300px; margin-right: 5px;" placeholder="vmess:// vless:// trojan:// ss://"></a-input>
  450. <a-button @click="convertLink" type="primary">
  451. <a-icon type="form"></a-icon>
  452. </a-button>
  453. </a-form-item>
  454. <textarea style="position:absolute; left: -800px;" id="outboundJson"></textarea>
  455. </a-tab-pane>
  456. </a-tabs>
  457. {{end}}