ux(edit-ing): set ignoreFocusOut to true for quick-input (#95)

Author: laggage

src/commands/ing/comment-ing.ts

@@ -30,6 +30,7 @@ export class CommentIngCommandHandler extends CommandHandler {
                 this._ingContent.length > maxIngContentLength ? '...' : ''
             }`,
             prompt: this._atUser ? `@${this._atUser.displayName}` : '',
+            ignoreFocusOut: true,
         });
         this._content = input || '';
         const { id: atUserId, displayName: atUserAlias } = this._atUser ?? {};

src/commands/ing/publish-ing.ts

@@ -20,6 +20,7 @@ export class PublishIngCommandHandler extends CommandHandler {
                 prompt: '你在做什么? 你在想什么?',
                 totalSteps: Object.keys(this.inputStep).length,
                 step: this.currentStep,
+                ignoreFocusOut: true,
                 validateInput: v => Promise.resolve(v.length > 2000 ? '最多输入2000个字符' : undefined),
                 shouldResume: () => Promise.resolve(false),
             });
@@ -42,6 +43,7 @@ export class PublishIngCommandHandler extends CommandHandler {
                 items: items,
                 activeItems: activeItem,
                 canSelectMany: false,
+                ignoreFocusOut: true,
                 shouldResume: () => Promise.resolve(false),
             });
             if (result && result.value != null) this.inputIsPrivate = result.value;
@@ -57,6 +59,7 @@ export class PublishIngCommandHandler extends CommandHandler {
                 prompt: '输入标签, 以 "," 分隔',
                 validateInput: () => Promise.resolve(undefined),
                 value: this.inputTags.join(', '),
+                ignoreFocusOut: true,
             });
             this.inputTags = value
                 .split(/, ?/)

src/services/multi-step-input.ts

@@ -31,6 +31,7 @@ export interface QuickPickParameters<T extends QuickPickItem> {
     placeholder: string;
     buttons?: QuickInputButton[];
     canSelectMany: boolean;
+    ignoreFocusOut?: boolean;
     shouldResume: () => Thenable<boolean>;
     onValueChange?: (input: QuickPick<T>) => Thenable<void>;
     onSelectionChange?: (input: QuickPick<T>) => Thenable<void>;
@@ -65,6 +66,7 @@ export class MultiStepInput {
         shouldResume,
         onValueChange,
         onSelectionChange,
+        ignoreFocusOut: ignoreFocusout,
     }: TParameters) {
         const disposables: Disposable[] = [];
         try {
@@ -83,6 +85,7 @@ export class MultiStepInput {
                     input.selectedItems = activeItems;
                 }
                 input.buttons = [...(this.steps.length > 1 ? [QuickInputButtons.Back] : []), ...(buttons || [])];
+                input.ignoreFocusOut = ignoreFocusout ?? false;
                 disposables.push(
                     input.onDidTriggerButton(item => {
                         if (item === QuickInputButtons.Back) reject(InputFlowAction.back);
@@ -126,6 +129,7 @@ export class MultiStepInput {
         shouldResume,
         placeHolder,
         password,
+        ignoreFocusOut,
     }: TParameters): Promise<string | (TParameters extends { buttons: any[] } ? QuickInputButton : string)> {
         const disposables: Disposable[] = [];
         try {
@@ -138,6 +142,7 @@ export class MultiStepInput {
                 input.totalSteps = totalSteps;
                 input.value = value || '';
                 input.prompt = prompt;
+                input.ignoreFocusOut = ignoreFocusOut ?? false;
                 input.buttons = [...(this.steps.length > 1 ? [QuickInputButtons.Back] : []), ...(buttons || [])];
                 let validating = validateInput('');
                 disposables.push(