improve(settings): use numeric input for long-press duration

Author: Ariestar

src/i18n/en.ts

@@ -43,7 +43,7 @@ export const en: ZhCnStrings = {
     multiLineSelection: 'Multi-line selection',
     multiLineSelectionDesc: 'Disable to keep single-block drag only',
     multiLineSelectionLongPressMs: 'Multi-line selection long-press duration',
-    multiLineSelectionLongPressMsDesc: 'On mobile, hold for this duration before entering multi-block selection mode',
+    multiLineSelectionLongPressMsDesc: 'Enter milliseconds (300-2000). On mobile, hold for this duration before entering multi-block selection mode',
     mobileTextLongPressDrag: 'Mobile text long-press drag',
     mobileTextLongPressDragDesc: 'On mobile, long-press a text line or rendered block content to drag the current block directly without using the left handle',
     enableCrossFileDrag: 'Cross-file drag',

src/i18n/zh-cn.ts

@@ -49,7 +49,7 @@ export const zhCn = {
     multiLineSelection: '多行选取',
     multiLineSelectionDesc: '关闭后仅保留单块拖拽，不进入多行选取流程',
     multiLineSelectionLongPressMs: '多选模式长按时长',
-    multiLineSelectionLongPressMsDesc: '移动端长按多少毫秒后进入多文本块选择模式',
+    multiLineSelectionLongPressMsDesc: '输入毫秒数（300-2000），移动端长按达到该时长后进入多文本块选择模式',
     mobileTextLongPressDrag: '移动端文本长按拖拽',
     mobileTextLongPressDragDesc: '移动端在文本整行或块内容区域长按可直接拖拽当前块，无需左侧手柄',
     enableCrossFileDrag: '跨文件拖拽',

src/settings.ts

@@ -18,7 +18,6 @@ export type {
 export const DEFAULT_MULTI_LINE_SELECTION_LONG_PRESS_MS = 900;
 const MIN_MULTI_LINE_SELECTION_LONG_PRESS_MS = 300;
 const MAX_MULTI_LINE_SELECTION_LONG_PRESS_MS = 2000;
-const MULTI_LINE_SELECTION_LONG_PRESS_STEP_MS = 50;
 
 export function normalizeMultiLineSelectionLongPressMs(value: unknown): number {
     if (typeof value !== 'number' || !Number.isFinite(value)) {
@@ -223,19 +222,36 @@ export class DragNDropSettingTab extends PluginSettingTab {
         new Setting(containerEl)
             .setName(i.multiLineSelectionLongPressMs)
             .setDesc(i.multiLineSelectionLongPressMsDesc)
-            .addSlider((slider) => slider
-                .setLimits(
-                    MIN_MULTI_LINE_SELECTION_LONG_PRESS_MS,
-                    MAX_MULTI_LINE_SELECTION_LONG_PRESS_MS,
-                    MULTI_LINE_SELECTION_LONG_PRESS_STEP_MS,
-                )
-                .setDynamicTooltip()
-                .setValue(this.plugin.settings.multiLineSelectionLongPressMs)
-                .onChange(async (value) => {
-                    this.plugin.settings.multiLineSelectionLongPressMs =
-                        normalizeMultiLineSelectionLongPressMs(value);
+            .addText((text) => {
+                const commit = async () => {
+                    const normalized = normalizeMultiLineSelectionLongPressMs(Number(text.inputEl.value));
+                    const normalizedValue = String(normalized);
+                    if (text.inputEl.value !== normalizedValue) {
+                        text.setValue(normalizedValue);
+                    }
+                    if (this.plugin.settings.multiLineSelectionLongPressMs === normalized) {
+                        return;
+                    }
+                    this.plugin.settings.multiLineSelectionLongPressMs = normalized;
                     await this.plugin.saveSettings();
-                }));
+                };
+
+                text.inputEl.type = 'number';
+                text.inputEl.inputMode = 'numeric';
+                text.inputEl.min = String(MIN_MULTI_LINE_SELECTION_LONG_PRESS_MS);
+                text.inputEl.max = String(MAX_MULTI_LINE_SELECTION_LONG_PRESS_MS);
+                text.inputEl.step = '1';
+                text.setPlaceholder(`${MIN_MULTI_LINE_SELECTION_LONG_PRESS_MS}-${MAX_MULTI_LINE_SELECTION_LONG_PRESS_MS}`);
+                text.setValue(String(this.plugin.settings.multiLineSelectionLongPressMs));
+                text.inputEl.addEventListener('blur', () => {
+                    void commit();
+                });
+                text.inputEl.addEventListener('keydown', (event: KeyboardEvent) => {
+                    if (event.key !== 'Enter') return;
+                    event.preventDefault();
+                    text.inputEl.blur();
+                });
+            });
 
         new Setting(containerEl)
             .setName(i.mobileTextLongPressDrag)