添加开发API允许局域网访问选项（#1828）

src/renderer/core/useApp/useOpenAPI.ts

@@ -5,12 +5,13 @@ import { openAPI } from '@renderer/store'
 import { setAutoPause } from '@renderer/core/lyric'
 
 export default () => {
-  const handleEnable = async(enable: boolean, port: string) => {
+  const handleEnable = async(enable: boolean, port: string, bindLan: boolean) => {
     await sendOpenAPIAction({
       action: 'enable',
       data: {
         enable,
         port,
+        bindLan,
       },
     }).then((status) => {
       openAPI.address = status.address
@@ -27,16 +28,22 @@ export default () => {
     })
   }
   watch(() => appSetting['openAPI.enable'], enable => {
-    void handleEnable(enable, appSetting['openAPI.port'])
+    void handleEnable(enable, appSetting['openAPI.port'], appSetting['openAPI.bindLan'])
   })
 
   watch(() => appSetting['openAPI.port'], port => {
-    void handleEnable(appSetting['openAPI.enable'], port)
+    if (!appSetting['openAPI.enable']) return
+    void handleEnable(appSetting['openAPI.enable'], port, appSetting['openAPI.bindLan'])
+  })
+
+  watch(() => appSetting['openAPI.bindLan'], bindLan => {
+    if (!appSetting['openAPI.enable']) return
+    void handleEnable(appSetting['openAPI.enable'], appSetting['openAPI.port'], bindLan)
   })
 
   return async() => {
     if (appSetting['openAPI.enable']) {
-      void handleEnable(true, appSetting['openAPI.port'])
+      void handleEnable(true, appSetting['openAPI.port'], appSetting['openAPI.bindLan'])
     }
   }
 }

src/renderer/views/Setting/components/SettingOpenAPI.vue

@@ -2,7 +2,10 @@
 dt#sync {{ $t('setting__open_api') }}
 dd.gap-top
   div
-    base-checkbox.gap-top(id="setting_open_api_enable" :model-value="appSetting['openAPI.enable']" :label="$t('setting__open_api_enable')" @update:model-value="updateSetting({ 'openAPI.enable': $event })")
+    .p
+      base-checkbox(id="setting_open_api_enable" :model-value="appSetting['openAPI.enable']" :label="$t('setting__open_api_enable')" @update:model-value="updateSetting({ 'openAPI.enable': $event })")
+    .p.gap-top
+      base-checkbox(id="setting_open_api_bind_lan" :model-value="appSetting['openAPI.bindLan']" :label="$t('setting__open_api_bind_lan')" @update:model-value="updateSetting({ 'openAPI.bindLan': $event })")
     .p.gap-top.small {{ $t('setting__open_api_address', { address: openAPI.address || '' }) }}
     .p.small(v-if="openAPI.message") {{ openAPI.message }}
     .p