outbound.html 23 KB

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