chore: disable browser autocomplete

src/components/base/base-search-box.tsx

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

src/components/base/base-styled-select.tsx

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

src/components/base/base-styled-text-field.tsx

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

src/components/profile/groups-editor-viewer.tsx

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

src/components/profile/proxies-editor-viewer.tsx

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

src/components/profile/rules-editor-viewer.tsx

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

src/components/proxy/proxy-head.tsx

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

src/components/setting/mods/clash-port-viewer.tsx

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

src/components/setting/mods/controller-viewer.tsx

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

src/components/setting/mods/misc-viewer.tsx

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

src/components/setting/mods/sysproxy-viewer.tsx

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

src/components/setting/mods/tun-viewer.tsx

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

src/components/setting/mods/web-ui-item.tsx

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

src/components/setting/setting-clash.tsx

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