Alex-Devera/3x-ui
1
0
Fork 0
mirror of https://github.com/MHSanaei/3x-ui.git synced 2026-06-06 13:14:11 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 5

feat(frontend): protocol tab Tunnel section (Pattern A)

Browse source 
Adds the Tunnel sub-form: rewriteAddress + rewritePort, allowedNetwork
picker (tcp/udp/tcp,udp), Form.List-driven portMap with name/value
pairs, and the followRedirect Switch.

portMap is the second Form.List in the rewrite — same shape as the
HTTP/Mixed accounts list but with name/value rather than user/pass.
The wire shape stays `settings.portMap: { name, value }[]` exactly.

Tab visibility widens to Tunnel.
This commit is contained in:
MHSanaei 2026-05-26 02:15:21 +02:00
parent ecd751c310
commit d59c002a46
No known key found for this signature in database
GPG key ID: 7E4060F2FBE5AB7A
1 changed files with 55 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

55
frontend/src/pages/inbounds/InboundFormModal.new.tsx
View file

@ -336,6 +336,60 @@ export default function InboundFormModalNew({
const protocolTab = ( const protocolTab = (
<> <>
{protocol === Protocols.TUNNEL && (
<>
<Form.Item name={['settings', 'rewriteAddress']} label="Rewrite address">
<Input />
</Form.Item>
<Form.Item name={['settings', 'rewritePort']} label="Rewrite port">
<InputNumber min={0} max={65535} />
</Form.Item>
<Form.Item name={['settings', 'allowedNetwork']} label="Allowed network">
<Select>
<Select.Option value="tcp,udp">TCP, UDP</Select.Option>
<Select.Option value="tcp">TCP</Select.Option>
<Select.Option value="udp">UDP</Select.Option>
</Select>
</Form.Item>
<Form.List name={['settings', 'portMap']}>
{(fields, { add, remove }) => (
<>
<Form.Item label="Port map">
<Button size="small" onClick={() => add({ name: '', value: '' })}>
<PlusOutlined />
</Button>
</Form.Item>
{fields.length > 0 && (
<Form.Item wrapperCol={{ span: 24 }}>
{fields.map((field, idx) => (
<Space.Compact key={field.key} className="mb-8" block>
<InputAddon>{String(idx + 1)}</InputAddon>
<Form.Item name={[field.name, 'name']} noStyle>
<Input placeholder="5555" />
</Form.Item>
<Form.Item name={[field.name, 'value']} noStyle>
<Input placeholder="1.1.1.1:7777" />
</Form.Item>
<Button onClick={() => remove(field.name)}>
<MinusOutlined />
</Button>
</Space.Compact>
))}
</Form.Item>
)}
</>
)}
</Form.List>
<Form.Item
name={['settings', 'followRedirect']}
label="Follow redirect"
valuePropName="checked"
>
<Switch />
</Form.Item>
</>
)}
{(protocol === Protocols.HTTP || protocol === Protocols.MIXED) && ( {(protocol === Protocols.HTTP || protocol === Protocols.MIXED) && (
<> <>
<Form.List name={['settings', 'accounts']}> <Form.List name={['settings', 'accounts']}>
@ -572,6 +626,7 @@ export default function InboundFormModalNew({
Protocols.SHADOWSOCKS, Protocols.SHADOWSOCKS,
Protocols.HTTP, Protocols.HTTP,
Protocols.MIXED, Protocols.MIXED,
Protocols.TUNNEL,
] as string[]).includes(protocol) ] as string[]).includes(protocol)
? [{ key: 'protocol', label: t('pages.inbounds.protocol'), children: protocolTab }] ? [{ key: 'protocol', label: t('pages.inbounds.protocol'), children: protocolTab }]
: []), : []),