From c90ed003f7d560720893e51980fa0f943ffeb283 Mon Sep 17 00:00:00 2001
From: Aqr-K <95741669+Aqr-K@users.noreply.github.com>
Date: Thu, 31 Oct 2024 04:15:12 +0800
Subject: [PATCH] feat(settings): add systemSettingsDialog
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 增加 AdvancedNetworkSettingsDialog 与 AdvancedSystemSettingsDialog，适配 system 预设的高级设置弹窗。
---
 .../dialog/AdvancedNetworkSettingsDialog.vue  | 98 +++++++++++++++++++
 .../dialog/AdvancedSystemSettingsDialog.vue   | 93 ++++++++++++++++++
 2 files changed, 191 insertions(+)
 create mode 100644 src/components/dialog/AdvancedNetworkSettingsDialog.vue
 create mode 100644 src/components/dialog/AdvancedSystemSettingsDialog.vue

diff --git a/src/components/dialog/AdvancedNetworkSettingsDialog.vue b/src/components/dialog/AdvancedNetworkSettingsDialog.vue
new file mode 100644
index 00000000..c0c69a74
--- /dev/null
+++ b/src/components/dialog/AdvancedNetworkSettingsDialog.vue
@@ -0,0 +1,98 @@
+<script setup lang="ts">
+import { cloneDeep } from "lodash"
+
+const props = defineProps({
+  AdvancedNetworkSettings: Object as any,
+})
+
+// 高级设置默认值，使用深复制，避免引用传递
+const AdvancedSettings = ref(cloneDeep(props.AdvancedNetworkSettings))
+
+// 定义触发的自定义事件
+const emit = defineEmits(['change', 'close'])
+
+// 保存高级设置
+function saveAdvancedSettings() {
+  emit('change', AdvancedSettings.value, 'AdvancedNetwork')
+}
+
+// 恢复默认值
+function loadAdvancedSettings() {
+  // 将AdvancedNetworkSettings中部分值赋值为默认值
+  AdvancedSettings.value = {
+    OCR_HOST: 'https://movie-pilot.org',
+    DOH_RESOLVERS: '1.0.0.1,1.1.1.1,9.9.9.9,149.112.112.112',
+    DOH_DOMAINS:
+      'api.themoviedb.org,api.tmdb.org,webservice.fanart.tv,api.github.com,github.com,raw.githubusercontent.com,api.telegram.org',
+  }
+}
+</script>
+
+<template>
+  <VDialog scrollable max-width="60rem" persistent>
+    <VCard>
+      <VCardItem>
+        <VCardTitle>高级网络设置</VCardTitle>
+        <VCardSubtitle>修改前，请先了解清楚这些设置的作用。</VCardSubtitle>
+      </VCardItem>
+      <DialogCloseBtn @click="emit('close')" />
+      <VDivider />
+      <VCardText>
+        <VForm>
+          <VRow>
+            <VCol cols="12">
+              <VTextField
+                v-model="AdvancedSettings.OCR_HOST"
+                label="验证码识别服务器"
+                hint="用于识别验证码"
+                persistent-hint
+                clearable
+                active
+              />
+            </VCol>
+            <VCol cols="12">
+              <VTextarea
+                v-model="AdvancedSettings.DOH_RESOLVERS"
+                label="DOH 服务器"
+                placeholder="格式：https://dns.google/dns-query,1.1.1.1"
+                hint="多个服务器使用逗号分隔"
+                persistent-hint
+                clearable
+                active
+              />
+            </VCol>
+            <VCol cols="12">
+              <VTextarea
+                v-model="AdvancedSettings.DOH_DOMAINS"
+                label="DOH 域名"
+                placeholder="格式：example.com,example2.com"
+                hint="多个域名使用逗号分隔"
+                persistent-hint
+                clearable
+                active
+              />
+            </VCol>
+          </VRow>
+        </VForm>
+      </VCardText>
+      <VCardActions class="pt-3">
+        <VForm @submit.prevent="() => {}">
+          <div class="d-flex flex-wrap gap-4 mt-4">
+            <VBtn color="info" variant="elevated" prepend-icon="mdi-reload" @click="loadAdvancedSettings" class="px-5">
+              恢复默认值
+            </VBtn>
+            <VBtn
+              color="primary"
+              variant="elevated"
+              prepend-icon="mdi-content-save"
+              @click="saveAdvancedSettings"
+              class="px-5"
+            >
+              确定
+            </VBtn>
+          </div>
+        </VForm>
+      </VCardActions>
+    </VCard>
+  </VDialog>
+</template>
diff --git a/src/components/dialog/AdvancedSystemSettingsDialog.vue b/src/components/dialog/AdvancedSystemSettingsDialog.vue
new file mode 100644
index 00000000..41e15ab5
--- /dev/null
+++ b/src/components/dialog/AdvancedSystemSettingsDialog.vue
@@ -0,0 +1,93 @@
+<script setup lang="ts">
+import { cloneDeep } from "lodash";
+
+const props = defineProps({
+  AdvancedSystemSettings: Object as any,
+})
+
+// 高级设置默认值，使用深复制，避免引用传递
+const AdvancedSettings = ref(cloneDeep(props.AdvancedSystemSettings))
+
+// 定义触发事件
+const emit = defineEmits(['change', 'close'])
+
+// 保存高级设置
+function saveAdvancedSettings() {
+  emit('change', AdvancedSettings.value, 'Advanced')
+}
+</script>
+
+<template>
+  <VDialog scrollable max-width="60rem" persistent>
+    <VCard>
+      <VCardItem>
+        <VCardTitle>高级系统设置</VCardTitle>
+        <VCardSubtitle>修改前，请先了解清楚这些设置的作用。</VCardSubtitle>
+      </VCardItem>
+      <DialogCloseBtn @click="emit('close')" />
+      <VDivider />
+      <VCardText>
+        <VRow>
+          <VCol cols="12" md="3">
+            <VSwitch
+              v-model="AdvancedSettings.DEV"
+              label="DEV模式"
+              hint="包括DEBUG日志、插件热加载"
+              persistent-hint
+            />
+          </VCol>
+          <VCol cols="12" md="3">
+            <VSwitch
+              v-model="AdvancedSettings.DEBUG"
+              label="DEBUG日志"
+              hint="显示DEBUG日志"
+              persistent-hint
+            />
+          </VCol>
+          <VCol cols="12" md="3">
+            <VSwitch
+              v-model="AdvancedSettings.PLUGIN_AUTO_RELOAD"
+              label="插件热加载"
+              hint="插件热加载调试模式"
+              persistent-hint
+            />
+          </VCol>
+          <VCol cols="12" class="justify-center">
+            <VAlert
+              type="error"
+              variant="tonal"
+              style="inline-size: fit-content"
+              text="以上三项开关，需要在保存设置后，再重启MP，才能生效！"
+            />
+          </VCol>
+          <VCol cols="12">
+            <VTextarea
+              v-model="AdvancedSettings.REPO_GITHUB_TOKEN"
+              label="指定仓库Github token"
+              placeholder="格式：{user1}/{repo1}:ghp_****,{user2}/{repo2}:github_pat_****"
+              hint="指定的单个仓库Github token。支持多个仓库使用,分隔"
+              persistent-hint
+              clearable
+              active
+            />
+          </VCol>
+        </VRow>
+      </VCardText>
+      <VCardActions class="pt-3">
+        <VForm @submit.prevent="() => {}">
+          <div class="d-flex flex-wrap gap-4 mt-4">
+            <VBtn
+              color="primary"
+              variant="elevated"
+              prepend-icon="mdi-content-save"
+              @click="saveAdvancedSettings"
+              class="px-5"
+            >
+              确定
+            </VBtn>
+          </div>
+        </VForm>
+      </VCardActions>
+    </VCard>
+  </VDialog>
+</template>