ngx-axis-appforge 0.0.35 → 0.0.37

package/fesm2022/ngx-axis-appforge-core.mjs

@@ -1,8 +1,8 @@
 import * as i0 from '@angular/core';
 import { InjectionToken, effect, inject, input, ElementRef, isSignal, Directive, Optional, Inject, Injectable, Injector, HostBinding, untracked, model, ViewChild, output, ViewContainerRef, forwardRef, Pipe, signal, ChangeDetectionStrategy, Component, computed, ContentChild } from '@angular/core';
-import { map, catchError, of, BehaviorSubject, Subject, switchMap, debounceTime, Observable, isObservable, merge, NEVER, filter, take, mergeMap, from, mergeWith } from 'rxjs';
+import { BehaviorSubject, map, catchError, of, Subject, switchMap, debounceTime, Observable, isObservable, merge, NEVER, filter, take, mergeMap, from, mergeWith } from 'rxjs';
 import * as i1 from '@angular/common/http';
-import { HttpContextToken, HttpRequest, HttpClient, HttpContext } from '@angular/common/http';
+import { HttpContextToken, HttpContext, HttpRequest, HttpClient } from '@angular/common/http';
 import * as i4 from '@angular/router';
 import { ActivatedRoute } from '@angular/router';
 import * as i2 from 'ng-zorro-antd/message';
@@ -167,7 +167,20 @@ class DesignBuilder {
 }
 
 function sendApi(opt, http) {
-    return http.request(new HttpRequest(opt.method?.toUpperCase() || "GET", opt.url, opt.body, { context: opt.context }))
+    let contextData;
+    if (opt.context) {
+        if (opt.context instanceof BehaviorSubject) {
+            contextData = opt.context.value;
+        }
+        else {
+            contextData = opt.context;
+        }
+    }
+    let context;
+    if (contextData) {
+        context = new HttpContext().set(AXIS_HTTP_CONTEXT_TOKEN, contextData);
+    }
+    return http.request(new HttpRequest(opt.method?.toUpperCase() || "GET", opt.url, opt.body, { context: context }))
         .pipe(map((h) => h.body), catchError(e => of(undefined)));
 }
 
@@ -394,12 +407,13 @@ class ScopeDirective {
         this.designBuilder?.buildScope(this);
         if (this.funcs) {
             this.injectFuncs = {};
-            for (const name in this.funcs) {
-                if (this.funcs[name] instanceof Function) {
-                    this.injectFuncs[name] = this.funcs[name];
+            const funcs = this.funcs instanceof BehaviorSubject ? this.funcs.value : this.funcs;
+            for (const name in funcs) {
+                if (funcs[name] instanceof Function) {
+                    this.injectFuncs[name] = funcs[name];
                 }
                 else {
-                    this.injectFuncs[name] = this.funcs[name].func;
+                    this.injectFuncs[name] = funcs[name].func;
                 }
             }
         }
@@ -443,9 +457,7 @@ class ScopeDirective {
             switch (opt.type) {
                 case 'api':
                     if (opt.api?.url) {
-                        if (this.httpContextData) {
-                            opt.api.context = new HttpContext().set(AXIS_HTTP_CONTEXT_TOKEN, this.httpContextData instanceof BehaviorSubject ? this.httpContextData.value : this.httpContextData);
-                        }
+                        opt.api.context ??= this.httpContextData;
                         this.rootSubs.push(sendApi(opt.api, this.http).subscribe({
                             next: (res) => sub.next(res),
                         }));
@@ -475,7 +487,7 @@ class ScopeDirective {
                 case 'cache':
                     if (opt.cacheKey) {
                         const cacheData = localStorage.getItem(opt.cacheKey);
-                        if (cacheData != null) {
+                        if (cacheData != null && cacheData != "undefined") {
                             sub.next(JSON.parse(cacheData));
                         }
                     }
@@ -824,10 +836,7 @@ class EventsHandlerService {
     }
     apiEventHandler(e) {
         const opt = e.data;
-        const httpContextData = e.ref?.injector.get(AXIS_HTTP_CONTEXT_DATA_TOKEN, null);
-        if (httpContextData) {
-            opt.context = new HttpContext().set(AXIS_HTTP_CONTEXT_TOKEN, httpContextData instanceof BehaviorSubject ? httpContextData.value : httpContextData);
-        }
+        opt.context ??= e.ref?.injector.get(AXIS_HTTP_CONTEXT_DATA_TOKEN, null);
         return sendApi(opt, this.http).pipe(mergeMap(res => {
             if (e.ref) {
                 return e.ref.triggeEvents("apiResponse", { ...e.tempDataSource, apiResponse: res }, e.triggeEvents);
@@ -1958,7 +1967,10 @@ class FunField {
     scopeInfos = toSignal(toObservable(this.scopeId).pipe(switchMap(scopeId => this.getScopeInfos?.(scopeId) ?? of(undefined))));
     scripts = inject(AXIS_SCRIPTS_TOKEN, { optional: true });
     funcs = inject(AXIS_INJECT_FUNC_TOKEN, { optional: true });
-    funcsNames = Object.keys(this.funcs ?? {});
+    get funcsNames() {
+        const funcs = this.funcs instanceof BehaviorSubject ? this.funcs.value : this.funcs;
+        return Object.keys(funcs ?? {});
+    }
     scopeds = computed(() => this.buildScopeDs(), ...(ngDevMode ? [{ debugName: "scopeds" }] : []));
     ds = computed(() => this.buildDs(), ...(ngDevMode ? [{ debugName: "ds" }] : []));
     argsName = computed(() => this.buildArgsName(), ...(ngDevMode ? [{ debugName: "argsName" }] : []));
@@ -2071,12 +2083,13 @@ class FunField {
         for (const scope of this.scopeds()) {
             Object.assign(ds, scope.ds);
         }
-        for (const name in this.funcs) {
-            if (this.funcs[name] instanceof Function) {
-                ds[name] = this.funcs[name];
+        const funcs = this.funcs instanceof BehaviorSubject ? this.funcs.value : this.funcs;
+        for (const name in funcs) {
+            if (funcs[name] instanceof Function) {
+                ds[name] = funcs[name];
             }
             else {
-                ds[name] = this.funcs[name].func;
+                ds[name] = funcs[name].func;
             }
         }
         return ds;
@@ -2187,9 +2200,10 @@ class FunField {
             }
         }
         const declaraMap = {};
-        for (const name in this.funcs) {
-            if (!(this.funcs[name] instanceof Function)) {
-                declaraMap[name] = this.funcs[name].type;
+        const funcs = this.funcs instanceof BehaviorSubject ? this.funcs.value : this.funcs;
+        for (const name in funcs) {
+            if (!(funcs[name] instanceof Function)) {
+                declaraMap[name] = funcs[name].type;
             }
         }
         libs.push({ content: generateDeclarations(this.ds(), declaraMap) });
@@ -2386,6 +2400,7 @@ class ApiHandler extends FunFieldValueBase {
         url: [undefined, FormValidators.requiredFun],
         method: [undefined, FormValidators.requiredFun],
         body: [],
+        context: [],
     });
     funFields = {
         url: {
@@ -2397,6 +2412,9 @@ class ApiHandler extends FunFieldValueBase {
         body: {
             defaultValue: undefined
         },
+        context: {
+            defaultValue: undefined
+        },
     };
     successTipMode = signal(undefined, ...(ngDevMode ? [{ debugName: "successTipMode" }] : []));
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: ApiHandler, deps: null, target: i0.ɵɵFactoryTarget.Component });
@@ -2406,7 +2424,7 @@ class ApiHandler extends FunFieldValueBase {
                 useExisting: forwardRef(() => ApiHandler),
                 multi: true
             }
-        ], usesInheritance: true, ngImport: i0, template: "<form nz-form [formGroup]=\"fg\">\n    <nz-form-item>\n        <nz-form-label nzSpan=\"6\" nzRequired>\n            \u5730\u5740\n        </nz-form-label>\n        <nz-form-control nzSpan=\"18\">\n            <axis-fun-field formControlName=\"url\" [noListen]=\"noListen()\">\n                <input nz-input ngModel [ngModelOptions]=\"{standalone:true}\" />\n            </axis-fun-field>\n        </nz-form-control>\n    </nz-form-item>\n    <nz-form-item>\n        <nz-form-label nzSpan=\"6\" nzRequired>\n            \u8BF7\u6C42\u65B9\u5F0F\n        </nz-form-label>\n        <nz-form-control nzSpan=\"18\">\n            <axis-fun-field formControlName=\"method\" [noListen]=\"noListen()\">\n                <nz-select ngModel [ngModelOptions]=\"{standalone:true}\">\n                    <nz-option nzValue=\"get\" nzLabel=\"GET\"></nz-option>\n                    <nz-option nzValue=\"post\" nzLabel=\"POST\"></nz-option>\n                    <nz-option nzValue=\"put\" nzLabel=\"PUT\"></nz-option>\n                    <nz-option nzValue=\"delete\" nzLabel=\"DELETE\"></nz-option>\n                </nz-select>\n            </axis-fun-field>\n        </nz-form-control>\n    </nz-form-item>\n    <nz-form-item>\n        <nz-form-label nzSpan=\"6\">\n            \u8BF7\u6C42\u6570\u636E\u4F53\n        </nz-form-label>\n        <nz-form-control nzSpan=\"18\">\n            <axis-fun-field formControlName=\"body\" [noListen]=\"noListen()\">\n                <ng-container [axisDynamic]=\"{component:'axis-components/input-json',inuse:true}\" [standalone]=\"true\"\n                    ngModel [ngModelOptions]=\"{standalone:true}\"></ng-container>\n            </axis-fun-field>\n        </nz-form-control>\n    </nz-form-item>\n</form>", styles: [""], dependencies: [{ kind: "ngmodule", type: NzFormModule }, { kind: "directive", type: i1$3.NzColDirective, selector: "[nz-col],nz-col,nz-form-control,nz-form-label", inputs: ["nzFlex", "nzSpan", "nzOrder", "nzOffset", "nzPush", "nzPull", "nzXs", "nzSm", "nzMd", "nzLg", "nzXl", "nzXXl"], exportAs: ["nzCol"] }, { kind: "directive", type: i1$3.NzRowDirective, selector: "[nz-row],nz-row,nz-form-item", inputs: ["nzAlign", "nzJustify", "nzGutter"], exportAs: ["nzRow"] }, { kind: "directive", type: i2$3.NzFormDirective, selector: "[nz-form]", inputs: ["nzLayout", "nzNoColon", "nzAutoTips", "nzDisableAutoTips", "nzTooltipIcon", "nzLabelAlign", "nzLabelWrap"], exportAs: ["nzForm"] }, { kind: "component", type: i2$3.NzFormItemComponent, selector: "nz-form-item", exportAs: ["nzFormItem"] }, { kind: "component", type: i2$3.NzFormLabelComponent, selector: "nz-form-label", inputs: ["nzFor", "nzRequired", "nzNoColon", "nzTooltipTitle", "nzTooltipIcon", "nzLabelAlign", "nzLabelWrap"], exportAs: ["nzFormLabel"] }, { kind: "component", type: i2$3.NzFormControlComponent, selector: "nz-form-control", inputs: ["nzSuccessTip", "nzWarningTip", "nzErrorTip", "nzValidatingTip", "nzExtra", "nzAutoTips", "nzDisableAutoTips", "nzHasFeedback", "nzValidateStatus"], exportAs: ["nzFormControl"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3$2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i3$2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3$2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: FunField, selector: "axis-fun-field", inputs: ["scopes", "exclude", "scopeId", "onlyFun", "noListen", "disabled", "editTip", "value", "open", "showCreateListenModal", "createListenDataSourceName"], outputs: ["valueChange", "openChange", "showCreateListenModalChange", "createListenDataSourceNameChange"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i3$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: NzSelectModule }, { kind: "component", type: i4$2.NzOptionComponent, selector: "nz-option", inputs: ["nzTitle", "nzLabel", "nzValue", "nzKey", "nzDisabled", "nzHide", "nzCustomContent"], exportAs: ["nzOption"] }, { kind: "component", type: i4$2.NzSelectComponent, selector: "nz-select", inputs: ["nzId", "nzSize", "nzStatus", "nzVariant", "nzOptionHeightPx", "nzOptionOverflowSize", "nzDropdownClassName", "nzDropdownMatchSelectWidth", "nzDropdownStyle", "nzNotFoundContent", "nzPlaceHolder", "nzPlacement", "nzMaxTagCount", "nzDropdownRender", "nzCustomTemplate", "nzSuffixIcon", "nzClearIcon", "nzRemoveIcon", "nzMenuItemSelectedIcon", "nzTokenSeparators", "nzMaxTagPlaceholder", "nzMaxMultipleCount", "nzMode", "nzFilterOption", "compareWith", "nzAllowClear", "nzBorderless", "nzShowSearch", "nzLoading", "nzAutoFocus", "nzAutoClearSearchValue", "nzServerSearch", "nzDisabled", "nzOpen", "nzSelectOnTab", "nzBackdrop", "nzOptions", "nzShowArrow"], outputs: ["nzOnSearch", "nzScrollToBottom", "nzOpenChange", "nzBlur", "nzFocus", "nzOnClear"], exportAs: ["nzSelect"] }, { kind: "directive", type: DynamicDirective, selector: "[axisDynamic]", inputs: ["axisDynamic", "standalone", "isDesign"], outputs: ["onRegisteValueAccess"], exportAs: ["axisDynamic"] }, { kind: "ngmodule", type: NzInputModule }, { kind: "directive", type: i4$1.NzInputDirective, selector: "input[nz-input],textarea[nz-input]", inputs: ["nzBorderless", "nzVariant", "nzSize", "nzStepperless", "nzStatus", "disabled"], exportAs: ["nzInput"] }, { kind: "ngmodule", type: NzSwitchModule }, { kind: "ngmodule", type: NzRadioModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+        ], usesInheritance: true, ngImport: i0, template: "<form nz-form [formGroup]=\"fg\">\n    <nz-form-item>\n        <nz-form-label nzSpan=\"6\" nzRequired>\n            \u5730\u5740\n        </nz-form-label>\n        <nz-form-control nzSpan=\"18\">\n            <axis-fun-field formControlName=\"url\" [noListen]=\"noListen()\">\n                <input nz-input ngModel [ngModelOptions]=\"{standalone:true}\" />\n            </axis-fun-field>\n        </nz-form-control>\n    </nz-form-item>\n    <nz-form-item>\n        <nz-form-label nzSpan=\"6\" nzRequired>\n            \u8BF7\u6C42\u65B9\u5F0F\n        </nz-form-label>\n        <nz-form-control nzSpan=\"18\">\n            <axis-fun-field formControlName=\"method\" [noListen]=\"noListen()\">\n                <nz-select ngModel [ngModelOptions]=\"{standalone:true}\">\n                    <nz-option nzValue=\"get\" nzLabel=\"GET\"></nz-option>\n                    <nz-option nzValue=\"post\" nzLabel=\"POST\"></nz-option>\n                    <nz-option nzValue=\"put\" nzLabel=\"PUT\"></nz-option>\n                    <nz-option nzValue=\"delete\" nzLabel=\"DELETE\"></nz-option>\n                </nz-select>\n            </axis-fun-field>\n        </nz-form-control>\n    </nz-form-item>\n    <nz-form-item>\n        <nz-form-label nzSpan=\"6\">\n            \u8BF7\u6C42\u6570\u636E\u4F53\n        </nz-form-label>\n        <nz-form-control nzSpan=\"18\">\n            <axis-fun-field formControlName=\"body\" [noListen]=\"noListen()\">\n                <ng-container [axisDynamic]=\"{component:'axis-components/input-json',inuse:true}\" [standalone]=\"true\"\n                    ngModel [ngModelOptions]=\"{standalone:true}\"></ng-container>\n            </axis-fun-field>\n        </nz-form-control>\n    </nz-form-item>\n    <nz-form-item>\n        <nz-form-label nzSpan=\"6\">\n            \u4E0A\u4E0B\u6587\n        </nz-form-label>\n        <nz-form-control nzSpan=\"18\">\n            <axis-fun-field formControlName=\"context\" [noListen]=\"noListen()\">\n                <ng-container [axisDynamic]=\"{component:'axis-components/input-json',inuse:true}\" [standalone]=\"true\"\n                    ngModel [ngModelOptions]=\"{standalone:true}\"></ng-container>\n            </axis-fun-field>\n        </nz-form-control>\n    </nz-form-item>\n</form>", styles: [""], dependencies: [{ kind: "ngmodule", type: NzFormModule }, { kind: "directive", type: i1$3.NzColDirective, selector: "[nz-col],nz-col,nz-form-control,nz-form-label", inputs: ["nzFlex", "nzSpan", "nzOrder", "nzOffset", "nzPush", "nzPull", "nzXs", "nzSm", "nzMd", "nzLg", "nzXl", "nzXXl"], exportAs: ["nzCol"] }, { kind: "directive", type: i1$3.NzRowDirective, selector: "[nz-row],nz-row,nz-form-item", inputs: ["nzAlign", "nzJustify", "nzGutter"], exportAs: ["nzRow"] }, { kind: "directive", type: i2$3.NzFormDirective, selector: "[nz-form]", inputs: ["nzLayout", "nzNoColon", "nzAutoTips", "nzDisableAutoTips", "nzTooltipIcon", "nzLabelAlign", "nzLabelWrap"], exportAs: ["nzForm"] }, { kind: "component", type: i2$3.NzFormItemComponent, selector: "nz-form-item", exportAs: ["nzFormItem"] }, { kind: "component", type: i2$3.NzFormLabelComponent, selector: "nz-form-label", inputs: ["nzFor", "nzRequired", "nzNoColon", "nzTooltipTitle", "nzTooltipIcon", "nzLabelAlign", "nzLabelWrap"], exportAs: ["nzFormLabel"] }, { kind: "component", type: i2$3.NzFormControlComponent, selector: "nz-form-control", inputs: ["nzSuccessTip", "nzWarningTip", "nzErrorTip", "nzValidatingTip", "nzExtra", "nzAutoTips", "nzDisableAutoTips", "nzHasFeedback", "nzValidateStatus"], exportAs: ["nzFormControl"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3$2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i3$2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3$2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: FunField, selector: "axis-fun-field", inputs: ["scopes", "exclude", "scopeId", "onlyFun", "noListen", "disabled", "editTip", "value", "open", "showCreateListenModal", "createListenDataSourceName"], outputs: ["valueChange", "openChange", "showCreateListenModalChange", "createListenDataSourceNameChange"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i3$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: NzSelectModule }, { kind: "component", type: i4$2.NzOptionComponent, selector: "nz-option", inputs: ["nzTitle", "nzLabel", "nzValue", "nzKey", "nzDisabled", "nzHide", "nzCustomContent"], exportAs: ["nzOption"] }, { kind: "component", type: i4$2.NzSelectComponent, selector: "nz-select", inputs: ["nzId", "nzSize", "nzStatus", "nzVariant", "nzOptionHeightPx", "nzOptionOverflowSize", "nzDropdownClassName", "nzDropdownMatchSelectWidth", "nzDropdownStyle", "nzNotFoundContent", "nzPlaceHolder", "nzPlacement", "nzMaxTagCount", "nzDropdownRender", "nzCustomTemplate", "nzSuffixIcon", "nzClearIcon", "nzRemoveIcon", "nzMenuItemSelectedIcon", "nzTokenSeparators", "nzMaxTagPlaceholder", "nzMaxMultipleCount", "nzMode", "nzFilterOption", "compareWith", "nzAllowClear", "nzBorderless", "nzShowSearch", "nzLoading", "nzAutoFocus", "nzAutoClearSearchValue", "nzServerSearch", "nzDisabled", "nzOpen", "nzSelectOnTab", "nzBackdrop", "nzOptions", "nzShowArrow"], outputs: ["nzOnSearch", "nzScrollToBottom", "nzOpenChange", "nzBlur", "nzFocus", "nzOnClear"], exportAs: ["nzSelect"] }, { kind: "directive", type: DynamicDirective, selector: "[axisDynamic]", inputs: ["axisDynamic", "standalone", "isDesign"], outputs: ["onRegisteValueAccess"], exportAs: ["axisDynamic"] }, { kind: "ngmodule", type: NzInputModule }, { kind: "directive", type: i4$1.NzInputDirective, selector: "input[nz-input],textarea[nz-input]", inputs: ["nzBorderless", "nzVariant", "nzSize", "nzStepperless", "nzStatus", "disabled"], exportAs: ["nzInput"] }, { kind: "ngmodule", type: NzSwitchModule }, { kind: "ngmodule", type: NzRadioModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: ApiHandler, decorators: [{
             type: Component,
@@ -2416,7 +2434,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImpor
                             useExisting: forwardRef(() => ApiHandler),
                             multi: true
                         }
-                    ], template: "<form nz-form [formGroup]=\"fg\">\n    <nz-form-item>\n        <nz-form-label nzSpan=\"6\" nzRequired>\n            \u5730\u5740\n        </nz-form-label>\n        <nz-form-control nzSpan=\"18\">\n            <axis-fun-field formControlName=\"url\" [noListen]=\"noListen()\">\n                <input nz-input ngModel [ngModelOptions]=\"{standalone:true}\" />\n            </axis-fun-field>\n        </nz-form-control>\n    </nz-form-item>\n    <nz-form-item>\n        <nz-form-label nzSpan=\"6\" nzRequired>\n            \u8BF7\u6C42\u65B9\u5F0F\n        </nz-form-label>\n        <nz-form-control nzSpan=\"18\">\n            <axis-fun-field formControlName=\"method\" [noListen]=\"noListen()\">\n                <nz-select ngModel [ngModelOptions]=\"{standalone:true}\">\n                    <nz-option nzValue=\"get\" nzLabel=\"GET\"></nz-option>\n                    <nz-option nzValue=\"post\" nzLabel=\"POST\"></nz-option>\n                    <nz-option nzValue=\"put\" nzLabel=\"PUT\"></nz-option>\n                    <nz-option nzValue=\"delete\" nzLabel=\"DELETE\"></nz-option>\n                </nz-select>\n            </axis-fun-field>\n        </nz-form-control>\n    </nz-form-item>\n    <nz-form-item>\n        <nz-form-label nzSpan=\"6\">\n            \u8BF7\u6C42\u6570\u636E\u4F53\n        </nz-form-label>\n        <nz-form-control nzSpan=\"18\">\n            <axis-fun-field formControlName=\"body\" [noListen]=\"noListen()\">\n                <ng-container [axisDynamic]=\"{component:'axis-components/input-json',inuse:true}\" [standalone]=\"true\"\n                    ngModel [ngModelOptions]=\"{standalone:true}\"></ng-container>\n            </axis-fun-field>\n        </nz-form-control>\n    </nz-form-item>\n</form>" }]
+                    ], template: "<form nz-form [formGroup]=\"fg\">\n    <nz-form-item>\n        <nz-form-label nzSpan=\"6\" nzRequired>\n            \u5730\u5740\n        </nz-form-label>\n        <nz-form-control nzSpan=\"18\">\n            <axis-fun-field formControlName=\"url\" [noListen]=\"noListen()\">\n                <input nz-input ngModel [ngModelOptions]=\"{standalone:true}\" />\n            </axis-fun-field>\n        </nz-form-control>\n    </nz-form-item>\n    <nz-form-item>\n        <nz-form-label nzSpan=\"6\" nzRequired>\n            \u8BF7\u6C42\u65B9\u5F0F\n        </nz-form-label>\n        <nz-form-control nzSpan=\"18\">\n            <axis-fun-field formControlName=\"method\" [noListen]=\"noListen()\">\n                <nz-select ngModel [ngModelOptions]=\"{standalone:true}\">\n                    <nz-option nzValue=\"get\" nzLabel=\"GET\"></nz-option>\n                    <nz-option nzValue=\"post\" nzLabel=\"POST\"></nz-option>\n                    <nz-option nzValue=\"put\" nzLabel=\"PUT\"></nz-option>\n                    <nz-option nzValue=\"delete\" nzLabel=\"DELETE\"></nz-option>\n                </nz-select>\n            </axis-fun-field>\n        </nz-form-control>\n    </nz-form-item>\n    <nz-form-item>\n        <nz-form-label nzSpan=\"6\">\n            \u8BF7\u6C42\u6570\u636E\u4F53\n        </nz-form-label>\n        <nz-form-control nzSpan=\"18\">\n            <axis-fun-field formControlName=\"body\" [noListen]=\"noListen()\">\n                <ng-container [axisDynamic]=\"{component:'axis-components/input-json',inuse:true}\" [standalone]=\"true\"\n                    ngModel [ngModelOptions]=\"{standalone:true}\"></ng-container>\n            </axis-fun-field>\n        </nz-form-control>\n    </nz-form-item>\n    <nz-form-item>\n        <nz-form-label nzSpan=\"6\">\n            \u4E0A\u4E0B\u6587\n        </nz-form-label>\n        <nz-form-control nzSpan=\"18\">\n            <axis-fun-field formControlName=\"context\" [noListen]=\"noListen()\">\n                <ng-container [axisDynamic]=\"{component:'axis-components/input-json',inuse:true}\" [standalone]=\"true\"\n                    ngModel [ngModelOptions]=\"{standalone:true}\"></ng-container>\n            </axis-fun-field>\n        </nz-form-control>\n    </nz-form-item>\n</form>" }]
         }] });
 
 class FilterOptions {
@@ -3479,5 +3497,5 @@ function nameCode(name, code) {
  * Generated bundle index. Do not edit.
  */
 
-export { AXIS_COMPONENTS_LOADER_TOKEN, AXIS_COMPONENTS_TOKEN, AXIS_CURRENT_USER_PERMISSIONS_TOKEN, AXIS_DESIGN_ALL_PERMISSIONS_TOKEN, AXIS_DESIGN_CHOOSE_COMPONENT_FUNC_TOKEN, AXIS_DESIGN_CMPLIBS_TOKEN, AXIS_DESIGN_COMPONENT_INFO_FOR_SETTING_TOKEN, AXIS_DESIGN_COMPONENT_REF_FOR_SETTING_TOKEN, AXIS_DESIGN_COMPONENT_REF_GETTER_TOKEN, AXIS_DESIGN_OPTIONS_NODE_FOR_MENU, AXIS_DESIGN_SCOPE_INFOS_GETTER_TOKEN, AXIS_EVENT_HANDLERS_TOKEN, AXIS_EVENT_HANDLER_DESCS_TOKEN, AXIS_FILE_BASE_URL_TOKEN, AXIS_FORM_REGISTE_CONTROL_TOKEN, AXIS_HTTP_CONTEXT_DATA_TOKEN, AXIS_HTTP_CONTEXT_TOKEN, AXIS_INJECT_DATA_TOKEN, AXIS_INJECT_FUNC_TOKEN, AXIS_SCRIPTS_TOKEN, Base, BaseDesignSetting, BaseMenu, BaseOptions, CommonMenu, ComponentsLoader, DataHandler, DataOptions, DesignBuilder, DynamicDirective, ElementNode, FilteredTreeResult, FormValidators, FunField, FunFieldBase, FunFieldValueBase, HowLongPipe, InputTrigger, InputValidator, OptionsNode, ScopeDirective, SimpleMenu, ValueAccess, ValueAccessOptions, ValueDesignSetting, assignDefaultField, baseFbConfig, baseFunField, buildValidators, codeName, copy, deepMerge, fn, isEquals, listSort, nameCode, obj2Arr, objDiff, rebuildObject, recursionArray, recursionObject, trackByFn, updateAndValidAll, valueFbConfig, valueFunField };
+export { AXIS_COMPONENTS_LOADER_TOKEN, AXIS_COMPONENTS_TOKEN, AXIS_CURRENT_USER_PERMISSIONS_TOKEN, AXIS_DESIGN_ALL_PERMISSIONS_TOKEN, AXIS_DESIGN_CHOOSE_COMPONENT_FUNC_TOKEN, AXIS_DESIGN_CMPLIBS_TOKEN, AXIS_DESIGN_COMPONENT_INFO_FOR_SETTING_TOKEN, AXIS_DESIGN_COMPONENT_REF_FOR_SETTING_TOKEN, AXIS_DESIGN_COMPONENT_REF_GETTER_TOKEN, AXIS_DESIGN_OPTIONS_NODE_FOR_MENU, AXIS_DESIGN_SCOPE_INFOS_GETTER_TOKEN, AXIS_EVENT_HANDLERS_TOKEN, AXIS_EVENT_HANDLER_DESCS_TOKEN, AXIS_FILE_BASE_URL_TOKEN, AXIS_FORM_REGISTE_CONTROL_TOKEN, AXIS_HTTP_CONTEXT_DATA_TOKEN, AXIS_HTTP_CONTEXT_TOKEN, AXIS_INJECT_DATA_TOKEN, AXIS_INJECT_FUNC_TOKEN, AXIS_SCRIPTS_TOKEN, Base, BaseDesignSetting, BaseMenu, BaseOptions, CommonMenu, ComponentsLoader, DataHandler, DataOptions, DesignBuilder, DynamicDirective, ElementNode, FilteredTreeResult, FormValidators, FunField, FunFieldBase, FunFieldValueBase, HowLongPipe, InputTrigger, InputValidator, OptionsNode, ScopeDirective, SimpleMenu, ValueAccess, ValueAccessOptions, ValueDesignSetting, assignDefaultField, baseFbConfig, baseFunField, buildValidators, codeName, copy, deepMerge, fn, isEquals, listSort, nameCode, obj2Arr, objDiff, rebuildObject, recursionArray, recursionObject, sendApi, trackByFn, updateAndValidAll, valueFbConfig, valueFunField };
 //# sourceMappingURL=ngx-axis-appforge-core.mjs.map