feat: support local mihomo proxy bindings

Author: lius-new

plugins/layouts/app-layout/src/components/app-sidebar.tsx

@@ -30,7 +30,6 @@ import { FreeQuotaUsage } from './free-quota-usage';
 import { getGeneralSettings, useMihomoRuntimeStore } from '../../../../services/store/src';
 import { ClashIcon } from '../../../../pages/proxy-center/src/mihomo/clash-icon';
 import { MihomoConnectDialog } from '../../../../pages/proxy-center/src/mihomo/mihomo-connect-dialog';
-import { getMihomoStatus } from '../../../../pages/proxy-center/src/mihomo/api';
 
 interface NavItemData {
   label: string;
@@ -572,23 +571,10 @@ export const AppSidebar: React.FC = () => {
   const [isAnimating, setIsAnimating] = useState(false);
   const [settingsLoaded, setSettingsLoaded] = useState(false);
   const [mihomoDialogOpen, setMihomoDialogOpen] = useState(false);
-  const [mihomoAttached, setMihomoAttached] = useState(false);
   const mihomoRunning = useMihomoRuntimeStore((state) => state.running);
+  const mihomoAttached = useMihomoRuntimeStore((state) => state.attached);
   const mihomoCheckedAt = useMihomoRuntimeStore((state) => state.checkedAt);
 
-  const refreshMihomoAttached = useRef(async (cancelledRef?: { current: boolean }) => {
-    try {
-      const status = await getMihomoStatus();
-      if (!cancelledRef?.current) {
-        setMihomoAttached(status.attached);
-      }
-    } catch {
-      if (!cancelledRef?.current) {
-        setMihomoAttached(false);
-      }
-    }
-  });
-
   useEffect(() => {
     let cancelled = false;
 
@@ -610,30 +596,21 @@ export const AppSidebar: React.FC = () => {
     };
   }, []);
 
-  useEffect(() => {
-    const cancelledRef = { current: false };
-
+  const handleOpenMihomo = async () => {
     if (!mihomoRunning) {
-      setMihomoAttached(false);
-      return () => {
-        cancelledRef.current = true;
-      };
+      navigate('/proxy?mode=local');
+      return;
     }
 
-    void refreshMihomoAttached.current(cancelledRef);
+    await useMihomoRuntimeStore.getState().refresh();
+    const { running, attached } = useMihomoRuntimeStore.getState();
 
-    return () => {
-      cancelledRef.current = true;
-    };
-  }, [location.pathname, mihomoRunning]);
-
-  const handleOpenMihomo = () => {
-    if (!mihomoRunning) {
+    if (!running) {
       navigate('/proxy?mode=local');
       return;
     }
 
-    if (mihomoAttached) {
+    if (attached) {
       navigate('/proxy/mihomo');
       return;
     }
@@ -731,7 +708,7 @@ export const AppSidebar: React.FC = () => {
         open={mihomoDialogOpen}
         onOpenChange={setMihomoDialogOpen}
         onConnected={() => {
-          setMihomoAttached(true);
+          void useMihomoRuntimeStore.getState().refresh();
           navigate('/proxy/mihomo');
         }}
       />

plugins/pages/create-window/src/components/create-window-content.tsx

@@ -421,22 +421,26 @@ export function CreateWindowContent({
               }}
               id="network-location"
             >
-              <NetworkLocationForm
-                basicSettings={windowConfig.basicSettings}
-                advancedSettings={windowConfig.advancedFingerprintSettings}
-                proxyUuids={windowConfig.windowInfo.proxyUuids}
-                createCount={isEditMode ? undefined : createCount}
-                onBasicSettingsChange={(value) => handleConfigUpdate('basicSettings', value)}
-                onAdvancedSettingsChange={(value) =>
-                  handleConfigUpdate('advancedFingerprintSettings', value)
-                }
-                onProxyUuidsChange={(value) =>
-                  handleConfigUpdate('windowInfo', {
-                    ...windowConfig.windowInfo,
-                    proxyUuids: value,
-                  })
-                }
-              />
+              <NetworkLocationForm
+                basicSettings={windowConfig.basicSettings}
+                advancedSettings={windowConfig.advancedFingerprintSettings}
+                proxySourceMode={windowConfig.windowInfo.proxySourceMode}
+                proxyUuids={windowConfig.windowInfo.proxyUuids}
+                localProxyNodeNames={windowConfig.windowInfo.localProxyNodeNames}
+                createCount={isEditMode ? 1 : createCount}
+                onBasicSettingsChange={(value) => handleConfigUpdate('basicSettings', value)}
+                onAdvancedSettingsChange={(value) =>
+                  handleConfigUpdate('advancedFingerprintSettings', value)
+                }
+                onProxySelectionChange={(value) =>
+                  handleConfigUpdate('windowInfo', {
+                    ...windowConfig.windowInfo,
+                    proxySourceMode: value.mode,
+                    proxyUuids: value.remoteProxyUuids,
+                    localProxyNodeNames: value.localProxyNodeNames,
+                  })
+                }
+              />
             </div>
 
             {/* 指纹伪装 */}