tcjlj/flvx
1
0
Fork 0
mirror of https://github.com/Sagit-chu/flvx.git synced 2026-09-28 07:36:38 +08:00
Code Issues Packages Projects Releases Wiki Activity

style: move maxConn and speed limit inputs to advanced settings accordion (#464)

Browse Source
This commit is contained in:
sagit
2026-04-23 20:29:52 +08:00
committed by GitHub
parent a498067261
commit db25ba2cbe
1 changed files with 54 additions and 44 deletions
Download Patch File Download Diff File Expand all files Collapse all files
vite-frontend/src/pages/forward.tsx
+54 -44
View File
@@ -54,6 +54,7 @@ import { Switch } from "@/shadcn-bridge/heroui/switch";
import { Alert } from "@/shadcn-bridge/heroui/alert"; import { Alert } from "@/shadcn-bridge/heroui/alert";
import { Progress } from "@/shadcn-bridge/heroui/progress"; import { Progress } from "@/shadcn-bridge/heroui/progress";
import { Checkbox } from "@/shadcn-bridge/heroui/checkbox"; import { Checkbox } from "@/shadcn-bridge/heroui/checkbox";
import { Accordion, AccordionItem } from "@/shadcn-bridge/heroui/accordion";
import { import {
createForward, createForward,
getForwardList, getForwardList,
@@ -4729,20 +4730,6 @@ export default function ForwardPage() {
</ModalHeader> </ModalHeader>
<ModalBody> <ModalBody>
<div className="space-y-4 pb-4"> <div className="space-y-4 pb-4">
<Input
label="最大连接数"
placeholder="0 或空表示不限制"
type="number"
min="0"
value={form.maxConn === 0 ? "" : String(form.maxConn || "")}
onChange={(e) => {
const value = Math.max(Number(e.target.value) || 0, 0);
setForm((prev) => ({ ...prev, maxConn: value }));
}}
description="此设置优先于用户的全局连接数限制。0 表示不限制。"
variant="bordered"
/>
<Input <Input
errorMessage={errors.name} errorMessage={errors.name}
isInvalid={!!errors.name} isInvalid={!!errors.name}
@@ -4755,37 +4742,60 @@ export default function ForwardPage() {
} }
/> />
{isAdmin && ( <Accordion variant="bordered">
<Select <AccordionItem
label="规则限速" key="advanced"
placeholder="不限速" aria-label="高级设置"
selectedKeys={ title="高级设置"
selectedSpeedId !== null
? [selectedSpeedId.toString()]
: []
}
variant="bordered"
onSelectionChange={(keys) => {
const selectedKey = Array.from(keys)[0] as
| string
| undefined;
setForm((prev) => ({
...prev,
speedId: selectedKey ? Number(selectedKey) : null,
}));
}}
> >
{availableSpeedLimits.map((speedLimit) => ( <div className="space-y-4 pb-2">
<SelectItem <Input
key={speedLimit.id.toString()} label="最大连接数"
textValue={speedLimit.name} placeholder="0 或空表示不限制"
> type="number"
{speedLimit.name} min="0"
</SelectItem> value={form.maxConn === 0 ? "" : String(form.maxConn || "")}
))} onChange={(e) => {
</Select> const value = Math.max(Number(e.target.value) || 0, 0);
)} setForm((prev) => ({ ...prev, maxConn: value }));
}}
description="此设置优先于用户的全局连接数限制。0 表示不限制。"
variant="bordered"
/>
{isAdmin && (
<Select
label="规则限速"
placeholder="不限速"
selectedKeys={
selectedSpeedId !== null
? [selectedSpeedId.toString()]
: []
}
variant="bordered"
onSelectionChange={(keys) => {
const selectedKey = Array.from(keys)[0] as
| string
| undefined;
setForm((prev) => ({
...prev,
speedId: selectedKey ? Number(selectedKey) : null,
}));
}}
>
{availableSpeedLimits.map((speedLimit) => (
<SelectItem
key={speedLimit.id.toString()}
textValue={speedLimit.name}
>
{speedLimit.name}
</SelectItem>
))}
</Select>
)}
</div>
</AccordionItem>
</Accordion>
<Select <Select
description={ description={