Fix microsoft#138128

Author: sandy081

src/vs/workbench/contrib/extensions/browser/extensionEditor.ts

@@ -429,7 +429,7 @@ export class ExtensionEditor extends EditorPane {
 		}
 
 		const widgets = [
-			this.instantiationService.createInstance(PreReleaseIndicatorWidget, template.preRelease, { label: true, icon: false }),
+			this.instantiationService.createInstance(PreReleaseIndicatorWidget, template.preRelease, { label: true, icon: false, enableOnlyForInstalled: false }),
 			remoteBadge,
 			this.instantiationService.createInstance(InstallCountWidget, template.installCount, false),
 			this.instantiationService.createInstance(RatingsWidget, template.rating, false)

src/vs/workbench/contrib/extensions/browser/extensionsList.ts

@@ -138,7 +138,7 @@ export class Renderer implements IPagedRenderer<IExtension, ITemplateData> {
 			extensionPackBadgeWidget,
 			headerRemoteBadgeWidget,
 			extensionHoverWidget,
-			this.instantiationService.createInstance(PreReleaseIndicatorWidget, preRelease, { icon: true, label: false }),
+			this.instantiationService.createInstance(PreReleaseIndicatorWidget, preRelease, { icon: true, label: false, enableOnlyForInstalled: true }),
 			this.instantiationService.createInstance(SyncIgnoredWidget, syncIgnore),
 			this.instantiationService.createInstance(ExtensionActivationStatusWidget, activationStatus, true),
 			this.instantiationService.createInstance(InstallCountWidget, installCount, true),

src/vs/workbench/contrib/extensions/browser/extensionsWidgets.ts

@@ -162,7 +162,7 @@ export class PreReleaseIndicatorWidget extends ExtensionWidget {
 
 	constructor(
 		private readonly container: HTMLElement,
-		private readonly options: { label: boolean, icon: boolean },
+		private readonly options: { label: boolean, icon: boolean, enableOnlyForInstalled: boolean },
 	) {
 		super();
 		container.classList.add('extension-pre-release');
@@ -180,6 +180,10 @@ export class PreReleaseIndicatorWidget extends ExtensionWidget {
 			return;
 		}
 
+		if (this.options.enableOnlyForInstalled && this.extension.state !== ExtensionState.Installed) {
+			return;
+		}
+
 		if (this.options?.icon) {
 			append(this.container, $('span' + ThemeIcon.asCSSSelector(preReleaseIcon)));
 		}