1
0

outbound.html 22 KB

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