chore: disable browser autocomplete

This commit is contained in:
MystiPanda 2024-07-07 11:16:59 +08:00
parent fa31cab11b
commit 8690b91632
14 changed files with 35 additions and 35 deletions

View File

@ -96,7 +96,7 @@ export const BaseSearchBox = styled((props: SearchProps) => {
return ( return (
<Tooltip title={errorMessage} placement="bottom-start"> <Tooltip title={errorMessage} placement="bottom-start">
<TextField <TextField
autoComplete="off" autoComplete="new-password"
inputRef={inputRef} inputRef={inputRef}
hiddenLabel hiddenLabel
fullWidth fullWidth

View File

@ -4,7 +4,7 @@ export const BaseStyledSelect = styled((props: SelectProps<string>) => {
return ( return (
<Select <Select
size="small" size="small"
autoComplete="off" autoComplete="new-password"
sx={{ sx={{
width: 120, width: 120,
height: 33.375, height: 33.375,

View File

@ -6,7 +6,7 @@ export const BaseStyledTextField = styled((props: TextFieldProps) => {
return ( return (
<TextField <TextField
autoComplete="off" autoComplete="new-password"
hiddenLabel hiddenLabel
fullWidth fullWidth
size="small" size="small"

View File

@ -346,7 +346,7 @@ export const GroupsEditorViewer = (props: Props) => {
<Item> <Item>
<ListItemText primary={t("Group Name")} /> <ListItemText primary={t("Group Name")} />
<TextField <TextField
autoComplete="off" autoComplete="new-password"
size="small" size="small"
sx={{ width: "calc(100% - 150px)" }} sx={{ width: "calc(100% - 150px)" }}
{...field} {...field}
@ -363,7 +363,7 @@ export const GroupsEditorViewer = (props: Props) => {
<Item> <Item>
<ListItemText primary={t("Icon")} /> <ListItemText primary={t("Icon")} />
<TextField <TextField
autoComplete="off" autoComplete="new-password"
size="small" size="small"
sx={{ width: "calc(100% - 150px)" }} sx={{ width: "calc(100% - 150px)" }}
{...field} {...field}
@ -417,7 +417,7 @@ export const GroupsEditorViewer = (props: Props) => {
<Item> <Item>
<ListItemText primary={t("Health Check Url")} /> <ListItemText primary={t("Health Check Url")} />
<TextField <TextField
autoComplete="off" autoComplete="new-password"
size="small" size="small"
sx={{ width: "calc(100% - 150px)" }} sx={{ width: "calc(100% - 150px)" }}
{...field} {...field}
@ -432,7 +432,7 @@ export const GroupsEditorViewer = (props: Props) => {
<Item> <Item>
<ListItemText primary={t("Interval")} /> <ListItemText primary={t("Interval")} />
<TextField <TextField
autoComplete="off" autoComplete="new-password"
type="number" type="number"
size="small" size="small"
sx={{ width: "calc(100% - 150px)" }} sx={{ width: "calc(100% - 150px)" }}
@ -450,7 +450,7 @@ export const GroupsEditorViewer = (props: Props) => {
<Item> <Item>
<ListItemText primary={t("Timeout")} /> <ListItemText primary={t("Timeout")} />
<TextField <TextField
autoComplete="off" autoComplete="new-password"
type="number" type="number"
size="small" size="small"
sx={{ width: "calc(100% - 150px)" }} sx={{ width: "calc(100% - 150px)" }}
@ -468,7 +468,7 @@ export const GroupsEditorViewer = (props: Props) => {
<Item> <Item>
<ListItemText primary={t("Max Failed Times")} /> <ListItemText primary={t("Max Failed Times")} />
<TextField <TextField
autoComplete="off" autoComplete="new-password"
type="number" type="number"
size="small" size="small"
sx={{ width: "calc(100% - 150px)" }} sx={{ width: "calc(100% - 150px)" }}
@ -486,7 +486,7 @@ export const GroupsEditorViewer = (props: Props) => {
<Item> <Item>
<ListItemText primary={t("Interface Name")} /> <ListItemText primary={t("Interface Name")} />
<TextField <TextField
autoComplete="off" autoComplete="new-password"
size="small" size="small"
sx={{ width: "calc(100% - 150px)" }} sx={{ width: "calc(100% - 150px)" }}
{...field} {...field}
@ -501,7 +501,7 @@ export const GroupsEditorViewer = (props: Props) => {
<Item> <Item>
<ListItemText primary={t("Routing Mark")} /> <ListItemText primary={t("Routing Mark")} />
<TextField <TextField
autoComplete="off" autoComplete="new-password"
type="number" type="number"
size="small" size="small"
sx={{ width: "calc(100% - 150px)" }} sx={{ width: "calc(100% - 150px)" }}
@ -519,7 +519,7 @@ export const GroupsEditorViewer = (props: Props) => {
<Item> <Item>
<ListItemText primary={t("Filter")} /> <ListItemText primary={t("Filter")} />
<TextField <TextField
autoComplete="off" autoComplete="new-password"
size="small" size="small"
sx={{ width: "calc(100% - 150px)" }} sx={{ width: "calc(100% - 150px)" }}
{...field} {...field}
@ -534,7 +534,7 @@ export const GroupsEditorViewer = (props: Props) => {
<Item> <Item>
<ListItemText primary={t("Exclude Filter")} /> <ListItemText primary={t("Exclude Filter")} />
<TextField <TextField
autoComplete="off" autoComplete="new-password"
size="small" size="small"
sx={{ width: "calc(100% - 150px)" }} sx={{ width: "calc(100% - 150px)" }}
{...field} {...field}
@ -595,7 +595,7 @@ export const GroupsEditorViewer = (props: Props) => {
<Item> <Item>
<ListItemText primary={t("Expected Status")} /> <ListItemText primary={t("Expected Status")} />
<TextField <TextField
autoComplete="off" autoComplete="new-password"
size="small" size="small"
sx={{ width: "calc(100% - 150px)" }} sx={{ width: "calc(100% - 150px)" }}
onChange={(e) => { onChange={(e) => {

View File

@ -256,7 +256,7 @@ export const ProxiesEditorViewer = (props: Props) => {
> >
<Item> <Item>
<TextField <TextField
autoComplete="off" autoComplete="new-password"
placeholder={t("Use newlines for multiple uri")} placeholder={t("Use newlines for multiple uri")}
fullWidth fullWidth
rows={9} rows={9}

View File

@ -495,7 +495,7 @@ export const RulesEditorViewer = (props: Props) => {
{ruleType.name !== "RULE-SET" && {ruleType.name !== "RULE-SET" &&
ruleType.name !== "SUB-RULE" && ( ruleType.name !== "SUB-RULE" && (
<TextField <TextField
autoComplete="off" autoComplete="new-password"
size="small" size="small"
sx={{ minWidth: "240px" }} sx={{ minWidth: "240px" }}
value={ruleContent} value={ruleContent}

View File

@ -132,7 +132,7 @@ export const ProxyHead = (props: Props) => {
{textState === "filter" && ( {textState === "filter" && (
<TextField <TextField
autoComplete="off" autoComplete="new-password"
autoFocus={autoFocus} autoFocus={autoFocus}
hiddenLabel hiddenLabel
value={filterText} value={filterText}
@ -146,7 +146,7 @@ export const ProxyHead = (props: Props) => {
{textState === "url" && ( {textState === "url" && (
<TextField <TextField
autoComplete="off" autoComplete="new-password"
autoFocus={autoFocus} autoFocus={autoFocus}
hiddenLabel hiddenLabel
autoSave="off" autoSave="off"

View File

@ -134,7 +134,7 @@ export const ClashPortViewer = forwardRef<DialogRef>((props, ref) => {
<ListItem sx={{ padding: "5px 2px" }}> <ListItem sx={{ padding: "5px 2px" }}>
<ListItemText primary={t("Mixed Port")} /> <ListItemText primary={t("Mixed Port")} />
<TextField <TextField
autoComplete="off" autoComplete="new-password"
size="small" size="small"
sx={{ width: 135 }} sx={{ width: 135 }}
value={mixedPort} value={mixedPort}
@ -146,7 +146,7 @@ export const ClashPortViewer = forwardRef<DialogRef>((props, ref) => {
<ListItem sx={{ padding: "5px 2px" }}> <ListItem sx={{ padding: "5px 2px" }}>
<ListItemText primary={t("Socks Port")} /> <ListItemText primary={t("Socks Port")} />
<TextField <TextField
autoComplete="off" autoComplete="new-password"
size="small" size="small"
sx={{ width: 135 }} sx={{ width: 135 }}
value={socksPort} value={socksPort}
@ -169,7 +169,7 @@ export const ClashPortViewer = forwardRef<DialogRef>((props, ref) => {
<ListItem sx={{ padding: "5px 2px" }}> <ListItem sx={{ padding: "5px 2px" }}>
<ListItemText primary={t("Http Port")} /> <ListItemText primary={t("Http Port")} />
<TextField <TextField
autoComplete="off" autoComplete="new-password"
size="small" size="small"
sx={{ width: 135 }} sx={{ width: 135 }}
value={port} value={port}
@ -193,7 +193,7 @@ export const ClashPortViewer = forwardRef<DialogRef>((props, ref) => {
<ListItem sx={{ padding: "5px 2px" }}> <ListItem sx={{ padding: "5px 2px" }}>
<ListItemText primary={t("Redir Port")} /> <ListItemText primary={t("Redir Port")} />
<TextField <TextField
autoComplete="off" autoComplete="new-password"
size="small" size="small"
sx={{ width: 135 }} sx={{ width: 135 }}
value={redirPort} value={redirPort}
@ -218,7 +218,7 @@ export const ClashPortViewer = forwardRef<DialogRef>((props, ref) => {
<ListItem sx={{ padding: "5px 2px" }}> <ListItem sx={{ padding: "5px 2px" }}>
<ListItemText primary={t("Tproxy Port")} /> <ListItemText primary={t("Tproxy Port")} />
<TextField <TextField
autoComplete="off" autoComplete="new-password"
size="small" size="small"
sx={{ width: 135 }} sx={{ width: 135 }}
value={tproxyPort} value={tproxyPort}

View File

@ -48,7 +48,7 @@ export const ControllerViewer = forwardRef<DialogRef>((props, ref) => {
<ListItem sx={{ padding: "5px 2px" }}> <ListItem sx={{ padding: "5px 2px" }}>
<ListItemText primary={t("External Controller")} /> <ListItemText primary={t("External Controller")} />
<TextField <TextField
autoComplete="off" autoComplete="new-password"
size="small" size="small"
sx={{ width: 175 }} sx={{ width: 175 }}
value={controller} value={controller}
@ -60,7 +60,7 @@ export const ControllerViewer = forwardRef<DialogRef>((props, ref) => {
<ListItem sx={{ padding: "5px 2px" }}> <ListItem sx={{ padding: "5px 2px" }}>
<ListItemText primary={t("Core Secret")} /> <ListItemText primary={t("Core Secret")} />
<TextField <TextField
autoComplete="off" autoComplete="new-password"
size="small" size="small"
sx={{ width: 175 }} sx={{ width: 175 }}
value={secret} value={secret}

View File

@ -198,7 +198,7 @@ export const MiscViewer = forwardRef<DialogRef>((props, ref) => {
/> />
<TooltipIcon title={t("Default Latency Test Info")} /> <TooltipIcon title={t("Default Latency Test Info")} />
<TextField <TextField
autoComplete="off" autoComplete="new-password"
size="small" size="small"
autoCorrect="off" autoCorrect="off"
autoCapitalize="off" autoCapitalize="off"
@ -215,7 +215,7 @@ export const MiscViewer = forwardRef<DialogRef>((props, ref) => {
<ListItem sx={{ padding: "5px 2px" }}> <ListItem sx={{ padding: "5px 2px" }}>
<ListItemText primary={t("Default Latency Timeout")} /> <ListItemText primary={t("Default Latency Timeout")} />
<TextField <TextField
autoComplete="off" autoComplete="new-password"
size="small" size="small"
type="number" type="number"
autoCorrect="off" autoCorrect="off"

View File

@ -188,7 +188,7 @@ export const SysproxyViewer = forwardRef<DialogRef>((props, ref) => {
<ListItem sx={{ padding: "5px 2px" }}> <ListItem sx={{ padding: "5px 2px" }}>
<ListItemText primary={t("Guard Duration")} /> <ListItemText primary={t("Guard Duration")} />
<TextField <TextField
autoComplete="off" autoComplete="new-password"
disabled={!enabled} disabled={!enabled}
size="small" size="small"
value={value.duration} value={value.duration}
@ -219,7 +219,7 @@ export const SysproxyViewer = forwardRef<DialogRef>((props, ref) => {
<> <>
<ListItemText primary={t("Proxy Bypass")} /> <ListItemText primary={t("Proxy Bypass")} />
<TextField <TextField
autoComplete="off" autoComplete="new-password"
error={value.bypass ? !validReg.test(value.bypass) : false} error={value.bypass ? !validReg.test(value.bypass) : false}
disabled={!enabled} disabled={!enabled}
size="small" size="small"
@ -234,7 +234,7 @@ export const SysproxyViewer = forwardRef<DialogRef>((props, ref) => {
<ListItemText primary={t("Bypass")} /> <ListItemText primary={t("Bypass")} />
<FlexBox> <FlexBox>
<TextField <TextField
autoComplete="off" autoComplete="new-password"
disabled={true} disabled={true}
size="small" size="small"
multiline multiline

View File

@ -144,7 +144,7 @@ export const TunViewer = forwardRef<DialogRef>((props, ref) => {
<ListItem sx={{ padding: "5px 2px" }}> <ListItem sx={{ padding: "5px 2px" }}>
<ListItemText primary={t("Device")} /> <ListItemText primary={t("Device")} />
<TextField <TextField
autoComplete="off" autoComplete="new-password"
size="small" size="small"
autoCorrect="off" autoCorrect="off"
autoCapitalize="off" autoCapitalize="off"
@ -190,7 +190,7 @@ export const TunViewer = forwardRef<DialogRef>((props, ref) => {
<ListItem sx={{ padding: "5px 2px" }}> <ListItem sx={{ padding: "5px 2px" }}>
<ListItemText primary={t("DNS Hijack")} /> <ListItemText primary={t("DNS Hijack")} />
<TextField <TextField
autoComplete="off" autoComplete="new-password"
size="small" size="small"
autoCorrect="off" autoCorrect="off"
autoCapitalize="off" autoCapitalize="off"
@ -207,7 +207,7 @@ export const TunViewer = forwardRef<DialogRef>((props, ref) => {
<ListItem sx={{ padding: "5px 2px" }}> <ListItem sx={{ padding: "5px 2px" }}>
<ListItemText primary={t("MTU")} /> <ListItemText primary={t("MTU")} />
<TextField <TextField
autoComplete="off" autoComplete="new-password"
size="small" size="small"
type="number" type="number"
autoCorrect="off" autoCorrect="off"

View File

@ -43,7 +43,7 @@ export const WebUIItem = (props: Props) => {
<> <>
<Stack spacing={0.75} direction="row" mt={1} mb={1} alignItems="center"> <Stack spacing={0.75} direction="row" mt={1} mb={1} alignItems="center">
<TextField <TextField
autoComplete="off" autoComplete="new-password"
fullWidth fullWidth
size="small" size="small"
value={editValue} value={editValue}

View File

@ -125,7 +125,7 @@ const SettingClash = ({ onError }: Props) => {
} }
> >
<TextField <TextField
autoComplete="off" autoComplete="new-password"
disabled={enable_random_port} disabled={enable_random_port}
size="small" size="small"
value={verge_mixed_port ?? 7897} value={verge_mixed_port ?? 7897}