@alauda-fe/dynamic-plugin-shared 0.0.4-alpha.2 → 0.0.4-alpha.3

package/fesm2022/alauda-fe-dynamic-plugin-shared.mjs

@@ -10,7 +10,7 @@ import { dissocPath, converge, mergeAll, mergeDeepRight, path, assocPath, identi
 import { compare } from 'compare-versions';
 export { compareVersions as compareVersionToNum, satisfies as satisfiesVersion } from 'compare-versions';
 import * as i0 from '@angular/core';
-import { inject, Directive, NgZone, Injectable, IterableDiffers, isDevMode, Pipe, ChangeDetectorRef, Input, ViewContainerRef, TemplateRef, ɵstringify as _stringify, ElementRef, ComponentFactoryResolver, HostBinding, ChangeDetectionStrategy, Component, EventEmitter, Output, HostListener, Inject, Host, booleanAttribute, forwardRef, ContentChild, Optional, ViewEncapsulation, ViewChild, Injector, ApplicationRef, ViewChildren, ContentChildren, InjectionToken, input, NgModule, computed } from '@angular/core';
+import { inject, Directive, NgZone, Injectable, IterableDiffers, isDevMode, Pipe, ChangeDetectorRef, Input, ViewContainerRef, TemplateRef, ɵstringify as _stringify, ElementRef, ComponentFactoryResolver, Injector, runInInjectionContext, HostBinding, ChangeDetectionStrategy, Component, EventEmitter, Output, HostListener, Inject, Host, booleanAttribute, forwardRef, ContentChild, Optional, ViewEncapsulation, ViewChild, ApplicationRef, ViewChildren, ContentChildren, InjectionToken, input, NgModule, computed } from '@angular/core';
 import parser from 'cron-parser';
 import dayjs from 'dayjs';
 import timezone from 'dayjs/plugin/timezone';
@@ -3367,6 +3367,7 @@ class ReadonlyFieldDirective {
         this.control = inject(NgControl);
         this.cfr = inject(ComponentFactoryResolver);
         this.viewContainerRef = inject(ViewContainerRef);
+        this.injector = inject(Injector);
         // 仅考虑当前control，子control无法知晓父FormItemControl元素 ，包裹了多少个control，以及各自处于什么状态，该情况自行处理
         this.controlDirective = inject(FormItemControlDirective, {
             optional: true,
@@ -3392,7 +3393,9 @@ class ReadonlyFieldDirective {
         // formControl will compose multi validators to 1, no matter defined in template nor FormBuilder
         const { validator, asyncValidator } = controlEntity;
         this.isControlRequired = this.controlDirective?.required || false;
-        const portalOutlet = new CdkPortalOutlet(this.cfr, this.viewContainerRef);
+        const portalOutlet = runInInjectionContext(this.injector, () => {
+            return new CdkPortalOutlet(this.cfr, this.viewContainerRef);
+        });
         const portal = this.template
             ? new TemplatePortal(this.template, this.viewContainerRef, this.templateContext)
             : new ComponentPortal(SpanComponent, this.viewContainerRef);