完全修复JSONP回调函数参数名输入框默认值问题：1. 修改DebuggerConfig类型定义；2. 增强输入组件处理；3. 调整参数顺序

Author: CC11001100

src/config/ui/component/basic/input/input-component.ts

@@ -49,7 +49,7 @@ export class InputComponent implements LanguageUpdateable {
      * @param onChange 值变化回调
      * @returns HTMLElement
      */
-    render(id: string, placeholder?: string, value?: string, label?: string, onChange?: (value: string) => void): HTMLElement {
+    render(id: string, value?: string, placeholder?: string, label?: string, onChange?: (value: string) => void): HTMLElement {
         this.currentPlaceholder = placeholder;
         this.currentLabel = label;
 
@@ -78,15 +78,31 @@ export class InputComponent implements LanguageUpdateable {
         // 为输入框设置特殊类名，用于识别真正为空的输入框
         input.classList.add('js-script-hook-empty-input');
 
+        // 先设置placeholder, 这样可以在后续逻辑中进行比较
         if (placeholder) {
             input.placeholder = placeholder;
         }
 
-        // 只有当value是有效值时，才设置value并移除空输入框标记
-        if (value !== undefined && value !== null && value !== '') {
-            input.value = value;
-            input.classList.remove('js-script-hook-empty-input');
-        }
+        // 当焦点进入时，清除可能被错误填充的placeholder文本
+        input.addEventListener('focus', function() {
+            // 如果输入框的值与placeholder相同，或者被标记为空，则清空值
+            const currentPlaceholder = this.placeholder || '';
+            if ((this.value === currentPlaceholder && this.value !== '') || 
+                (this.classList.contains('js-script-hook-empty-input') && this.value !== '')) {
+                // 清空并保持聚焦
+                this.value = '';
+                inputLogger.debug(`焦点事件: 清空了输入框 ${id} 的值，可能是placeholder错误设置为了值`);
+            }
+        });
+
+        // 当失去焦点时的处理
+        input.addEventListener('blur', function() {
+            // 如果输入框为空，确保添加空输入框标记
+            if (this.value === '') {
+                this.classList.add('js-script-hook-empty-input');
+                inputLogger.debug(`失焦事件: 输入框 ${id} 为空，添加空输入标记`);
+            }
+        });
 
         // 添加事件处理
         if (onChange) {
@@ -104,14 +120,14 @@ export class InputComponent implements LanguageUpdateable {
             });
         }
 
-        // 当焦点进入时，清除可能被错误填充的placeholder文本
-        input.addEventListener('focus', function() {
-            // 如果输入框标记为空但有显示的值，说明可能是placeholder被错误地作为值
-            if (this.classList.contains('js-script-hook-empty-input') && this.value !== '') {
-                // 清空并聚焦
-                this.value = '';
-            }
-        });
+        // 只有当value是有效值时，才设置value并移除空输入框标记
+        if (value !== undefined && value !== null && value !== '') {
+            input.value = value;
+            input.classList.remove('js-script-hook-empty-input');
+            inputLogger.debug(`设置输入框 ${id} 的值为: ${value}`);
+        } else {
+            inputLogger.debug(`输入框 ${id} 没有设置初始值，保持为空`);
+        }
 
         this.containerElement.appendChild(input);
 

src/config/ui/component/debugger/events.ts

@@ -204,10 +204,17 @@ export function bindDebuggerEvents(
     // 为callback函数名绑定事件
     const callbackFunctionParamNameContainer = element.querySelector(`#${debuggerInformation.id}-callback-function-param-name-container`);
     if (callbackFunctionParamNameContainer) {
+        // 添加调试输出
+        console.log(`[DEBUG] callbackFunctionName value: ${debuggerInformation.callbackFunctionName}, type: ${typeof debuggerInformation.callbackFunctionName}`);
+        
+        // 确保空字符串和null都作为有效的空值传递给render
+        const value = debuggerInformation.callbackFunctionName === null || debuggerInformation.callbackFunctionName === '' ? 
+            null : debuggerInformation.callbackFunctionName;
+        
         callbackFunctionParamNameContainer.appendChild(
             inputComponent.render(
                 `${debuggerInformation.id}-callback-function-param-name-text`,
-                debuggerInformation.callbackFunctionName,
+                value,
                 language.debugger_config.callbackFunctionParamNamePlaceholder,
                 undefined,
                 (value: string) => {

src/config/ui/component/debugger/types.ts

@@ -20,5 +20,5 @@ export interface DebuggerConfig {
     enableRequestDebugger: boolean;
     enableResponseDebugger: boolean;
     comment: string;
-    callbackFunctionName: string;
+    callbackFunctionName: string | null;
 } 

src/config/ui/component/global-options/global-options-component.ts

@@ -182,8 +182,8 @@ export class GlobalOptionsComponent implements LanguageUpdateable {
 
         const prefixInput = this.inputComponent.render(
             'js-script-hook-global-config-prefix',
-            language.global_settings.flagPrefixPlaceholder,
             oldConfig.prefix,
+            language.global_settings.flagPrefixPlaceholder,
             undefined,
             (value: string) => {
                 handlePrefixInput(value, oldConfig);