codeonquer_obsidian-sync-config-folder-to-common-folder/modules/SyncSettingTab.ts

import { App, PluginSettingTab, Setting } from 'obsidian';

import { DEFAULT_CONFIG_FOLDER_PATH, DEFAULT_COMMON_FOLDER_PATH, DEFAULT_INTERVAL } from './settings';
import { SyncPlugin } from './SyncPlugin';

export class SyncSettingTab extends PluginSettingTab {
    plugin: SyncPlugin;

    constructor(app: App, plugin: SyncPlugin) {
        super(app, plugin);
        this.plugin = plugin;
    }

    display(): void {
        const { containerEl } = this;

        containerEl.empty();

        new Setting(containerEl)
            .setName('Config folder path')
            .setDesc('Customize the path filled in ConfigFolder, which needs to be consistent with the one in Files and links->Override config folder (自定义填入 ConfigFolder 的路径，需要和 文件与链接->切换配置文件夹 中的保持一致)')
            .addText(text => text
                .setPlaceholder(DEFAULT_CONFIG_FOLDER_PATH)
                .setValue(this.plugin.settings.configFolderPath)
                .onChange(async (value) => {
                    this.plugin.settings.configFolderPath = value || DEFAULT_CONFIG_FOLDER_PATH;
                    await this.plugin.saveSettings();
                }));

        new Setting(containerEl)
            .setName('Common folder path')
            .setDesc('Customize the path to be filled in ConfigFolder for synchronization. The relative path needs to start with ./ or ../ (自定义填入 ConfigFolder 同步的路径，相对路径需要以 ./ 或者 ../ 开头)')
            .addText(text => text
                .setPlaceholder(DEFAULT_COMMON_FOLDER_PATH)
                .setValue(this.plugin.settings.commonFolderPath)
                .onChange(async (value) => {
                    this.plugin.settings.commonFolderPath = value || DEFAULT_COMMON_FOLDER_PATH;
                    await this.plugin.saveSettings();
                }));

        new Setting(containerEl)
            .setName('Auto save interval')
            .setDesc('Customize the auto save time interval in seconds, 0 means off (自定义自动保存的时间间隔，单位是秒，0 代表关闭). Need to be restarted to take effect (修改都需要重启生)')
            .addText(text => text
                .setPlaceholder(String(DEFAULT_INTERVAL))
                .setValue(String(this.plugin.settings.autoSaveInterval))
                .onChange(async (value) => {
                    this.plugin.settings.autoSaveInterval = Number(value) || DEFAULT_INTERVAL;
                    await this.plugin.saveSettings();
                }));
    }
}