✨ syncDelete should be disabled by default (#958)

* Update config.ts

* 添加提示

* 添加提示

---------

Co-authored-by: 王一之 <yz@ggnb.top>

Author: cyfung1031

src/locales/de-DE/translation.json

@@ -29,6 +29,7 @@
   "help_translate": "Bei der Übersetzung helfen",
   "script_sync": "Skript-Synchronisation",
   "sync_delete": "Synchronisiertes Löschen",
+  "sync_delete_desc": "Wenn aktiviert, wird das Skript beim Löschen als gelöscht markiert und andere Geräte erkennen diesen Status und löschen das Skript ebenfalls. Wenn deaktiviert, wird das Skript direkt aus dem lokalen und Cloud-Speicher gelöscht, was zu wiederholten Synchronisierungsproblemen führen kann, wenn mehrere Geräte verwendet werden.",
   "enable_script_sync_to": "Skript-Synchronisation aktivieren zu",
   "save": "Speichern",
   "save_as": "Speichern unter",

src/locales/en-US/translation.json

@@ -29,6 +29,7 @@
   "help_translate": "Help us translate",
   "script_sync": "Script Sync",
   "sync_delete": "Sync Delete",
+  "sync_delete_desc": "When enabled, scripts will be marked as deleted when removed, and other devices will detect this status and delete the script accordingly. When disabled, scripts will be deleted directly from both local and cloud storage, which may cause repeated sync issues if multiple devices are in use.",
   "enable_script_sync_to": "Enable Script Sync to",
   "save": "Save",
   "save_as": "Save as",

src/locales/ja-JP/translation.json

@@ -29,6 +29,7 @@
   "help_translate": "翻訳に協力",
   "script_sync": "スクリプト同期",
   "sync_delete": "同期削除",
+  "sync_delete_desc": "有効にすると、スクリプト削除時に削除マークが付けられ、他のデバイスがその状態を検出してスクリプトを削除します。無効にすると、ローカルとクラウドのスクリプトが直接削除されるため、複数のデバイスを使用している場合、スクリプトが繰り返し同期される可能性があります。",
   "enable_script_sync_to": "スクリプト同期を有効にする",
   "save": "保存",
   "save_as": "名前を付けて保存",

src/locales/ru-RU/translation.json

@@ -29,6 +29,7 @@
   "help_translate": "Помочь с переводом",
   "script_sync": "Синхронизация скриптов",
   "sync_delete": "Синхронизация удаления",
+  "sync_delete_desc": "При включении скрипт будет помечен как удаленный при удалении, и другие устройства обнаружат этот статус и удалят скрипт. При отключении скрипт будет удален непосредственно из локального и облачного хранилища, что может привести к повторной синхронизации, если используется несколько устройств.",
   "enable_script_sync_to": "Включить синхронизацию скриптов в",
   "save": "Сохранить",
   "save_as": "Сохранить как",

src/locales/vi-VN/translation.json

@@ -29,6 +29,7 @@
   "help_translate": "Giúp chúng tôi dịch",
   "script_sync": "Đồng bộ script",
   "sync_delete": "Đồng bộ xóa",
+  "sync_delete_desc": "Khi bật, khi xóa script sẽ đánh dấu là đã xóa, các thiết bị khác phát hiện trạng thái này sẽ xóa script tương ứng. Khi tắt, sẽ xóa trực tiếp script trên bộ nhớ cục bộ và đám mây, nếu có nhiều thiết bị có thể xảy ra tình trạng đồng bộ lặp lại.",
   "enable_script_sync_to": "Bật đồng bộ script tới",
   "save": "Lưu",
   "save_as": "Lưu thành",

src/locales/zh-CN/translation.json

@@ -29,6 +29,7 @@
   "help_translate": "协助翻译",
   "script_sync": "脚本同步",
   "sync_delete": "同步删除",
+  "sync_delete_desc": "启用后，脚本删除时，会标记脚本为删除，其他设备检测到删除状态后会将脚本删除；关闭时，会直接删除本地与云端的脚本，如果有多台设备可能出现脚本反复同步的情况。",
   "enable_script_sync_to": "启用脚本同步至",
   "save": "保存",
   "save_as": "另存为",

src/locales/zh-TW/translation.json

@@ -29,6 +29,7 @@
   "help_translate": "幫助翻譯",
   "script_sync": "腳本同步",
   "sync_delete": "同步刪除",
+  "sync_delete_desc": "啟用後，腳本刪除時會標記腳本為刪除，其他裝置檢測到刪除狀態後會將腳本刪除；關閉時，會直接刪除本機與雲端的腳本，如果有多台裝置可能出現腳本反覆同步的情況。",
   "enable_script_sync_to": "啟用腳本同步至",
   "save": "儲存",
   "save_as": "另存新檔",

src/pages/options/routes/Setting.tsx

@@ -1,4 +1,4 @@
-import { Button, Card, Checkbox, ColorPicker, Input, Message, Select, Space } from "@arco-design/web-react";
+import { Button, Card, Checkbox, ColorPicker, Input, Message, Popover, Select, Space } from "@arco-design/web-react";
 import { IconQuestionCircleFill } from "@arco-design/web-react/icon";
 import prettier from "prettier/standalone";
 import * as babel from "prettier/parser-babel";
@@ -105,6 +105,7 @@ function Setting() {
       for (const unhook of unhooks) unhook();
       unhooks.length = 0;
     };
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
 
   return (
@@ -141,14 +142,19 @@ function Setting() {
       <Card className="sync" title={t("script_sync")} bordered={false}>
         <Space direction="vertical" className={"w-full"}>
           <Space direction="horizontal" className={"w-full"}>
-            <Checkbox
-              checked={cloudSync.syncDelete}
-              onChange={(checked) => {
-                setCloudSync((cloudSync) => ({ ...cloudSync, syncDelete: checked }));
-              }}
-            >
-              {t("sync_delete")}
-            </Checkbox>
+            <div className="flex items-center gap-2">
+              <Checkbox
+                checked={cloudSync.syncDelete}
+                onChange={(checked) => {
+                  setCloudSync((cloudSync) => ({ ...cloudSync, syncDelete: checked }));
+                }}
+              >
+                {t("sync_delete")}
+              </Checkbox>
+              <Popover trigger="hover" content={t("sync_delete_desc")}>
+                <IconQuestionCircleFill className="text-gray-400 cursor-help" />
+              </Popover>
+            </div>
             <Checkbox
               checked={cloudSync.syncStatus}
               onChange={(checked) => {

src/pkg/config/config.ts

@@ -223,7 +223,7 @@ export class SystemConfig {
   defaultCloudSync(): CloudSyncConfig {
     return {
       enable: false,
-      syncDelete: true,
+      syncDelete: false,
       syncStatus: true,
       filesystem: "webdav",
       params: {},