ngx-axis-appforge 0.0.34 → 0.0.35

package/axis-components/design/index.d.ts

@@ -3,7 +3,7 @@ import { OnDestroy, ChangeDetectorRef, ComponentRef, ElementRef, ViewContainerRe
 import * as ngx_axis_appforge_core from 'ngx-axis-appforge/core';
 import { OptionsNode, FlatNode, OptionsChangeEvent, FilteredTreeResult, Base, BaseOptions, ScopeDirective, DynamicDirective, ElementNode, ValueAccessOptions, ValueAccess, Example, FunFieldValueBase, ScopeInfo, EventHandlerDesc, NextInfo, DesignConfig } from 'ngx-axis-appforge/core';
 import * as rxjs from 'rxjs';
-import { BehaviorSubject, Observable, Subject } from 'rxjs';
+import { BehaviorSubject, Observable, Subscription, Subject } from 'rxjs';
 import { FlatTreeControl } from '@angular/cdk/tree';
 import { NzTreeFlattener, NzTreeFlatDataSource } from 'ng-zorro-antd/tree-view';
 import { SelectionModel } from '@angular/cdk/collections';
@@ -93,7 +93,12 @@ declare class Preview implements OnDestroy {
     readonly loadAndOptions: _angular_core.InputSignal<[Promise<any>, any] | undefined>;
     readonly optionsNodes: _angular_core.InputSignal<Map<string, OptionsNode>>;
     readonly injectData: _angular_core.InputSignal<Observable<any>>;
-    readonly httpContextDta: _angular_core.InputSignal<any>;
+    readonly httpContextData: _angular_core.InputSignal<any>;
+    readonly httpContextDataSubject: BehaviorSubject<any>;
+    httpContextDataSub?: Subscription;
+    readonly fileBaseUrl: _angular_core.InputSignal<string | undefined>;
+    readonly fileBaseUrlSubject: BehaviorSubject<string>;
+    fileBaseUrlSub?: Subscription;
     readonly loader: ngx_axis_appforge_core.ComponentsLoader;
     readonly onChange: _angular_core.OutputEmitterRef<OptionsChangeEvent>;
     readonly onSelect: _angular_core.OutputEmitterRef<string[]>;
@@ -126,7 +131,7 @@ declare class Preview implements OnDestroy {
     dragEndForOuter(): string | undefined;
     ngOnDestroy(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<Preview, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<Preview, "axis-design-preview", never, { "loadAndOptions": { "alias": "loadAndOptions"; "required": true; "isSignal": true; }; "optionsNodes": { "alias": "optionsNodes"; "required": true; "isSignal": true; }; "injectData": { "alias": "injectData"; "required": true; "isSignal": true; }; "httpContextDta": { "alias": "httpContextDta"; "required": false; "isSignal": true; }; }, { "onChange": "onChange"; "onSelect": "onSelect"; "onContextMenu": "onContextMenu"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<Preview, "axis-design-preview", never, { "loadAndOptions": { "alias": "loadAndOptions"; "required": true; "isSignal": true; }; "optionsNodes": { "alias": "optionsNodes"; "required": true; "isSignal": true; }; "injectData": { "alias": "injectData"; "required": true; "isSignal": true; }; "httpContextData": { "alias": "httpContextData"; "required": false; "isSignal": true; }; "fileBaseUrl": { "alias": "fileBaseUrl"; "required": false; "isSignal": true; }; }, { "onChange": "onChange"; "onSelect": "onSelect"; "onContextMenu": "onContextMenu"; }, never, never, true, never>;
 }
 
 declare class ShortcutKey {
@@ -150,6 +155,7 @@ declare class DesignOptions extends ValueAccessOptions {
         [permission: string]: string;
     }>;
     readonly httpContextData: _angular_core.WritableSignal<any>;
+    readonly fileBaseUrl: _angular_core.WritableSignal<string>;
 }
 
 declare class Toolbar {

package/axis-components/upload/index.d.ts

@@ -40,7 +40,7 @@ declare class Upload extends ValueAccess<UploadOptions> {
     private updateFileList;
     private getFileNameByUrl;
     private updateValue;
-    private getUrl;
+    getUrl(url: string): string;
     upload: (item: NzUploadXHRArgs) => Subscription;
     fileChange(e: NzUploadChangeParam): void;
     handlePreview: (file: NzUploadFile) => Promise<void>;

package/core/index.d.ts

@@ -1,7 +1,7 @@
 import * as _angular_core from '@angular/core';
 import { OnInit, OnDestroy, ElementRef, AfterViewInit, Injector, Type, ComponentRef, PipeTransform, ChangeDetectorRef, InjectionToken, AfterContentInit, ViewContainerRef } from '@angular/core';
 import * as rxjs from 'rxjs';
-import { Observable, Subscription, BehaviorSubject, Subject } from 'rxjs';
+import { Observable, BehaviorSubject, Subscription, Subject } from 'rxjs';
 import { HttpContext, HttpContextToken } from '@angular/common/http';
 import { AbstractControl, ControlValueAccessor, FormBuilder, UntypedFormGroup, NgModel, Validators, ValidationErrors, ValidatorFn, FormGroup, FormArray } from '@angular/forms';
 import { NzDropdownMenuComponent } from 'ng-zorro-antd/dropdown';
@@ -70,7 +70,7 @@ declare class ScopeDirective implements OnInit, OnDestroy {
     private readonly _parentScope;
     readonly httpContextData: {
         [key: string]: any;
-    } | null;
+    } | BehaviorSubject<any> | null;
     readonly scripts: {
         [name: string]: string;
     } | null;
@@ -520,9 +520,9 @@ declare const AXIS_INJECT_FUNC_TOKEN: InjectionToken<{
 declare const AXIS_CURRENT_USER_PERMISSIONS_TOKEN: InjectionToken<string[]>;
 declare const AXIS_HTTP_CONTEXT_DATA_TOKEN: InjectionToken<{
     [key: string]: any;
-}>;
+} | BehaviorSubject<any>>;
 declare const AXIS_FORM_REGISTE_CONTROL_TOKEN: InjectionToken<(opt: RegisteFormControlOptions) => void>;
-declare const AXIS_FILE_BASE_URL_TOKEN: InjectionToken<string>;
+declare const AXIS_FILE_BASE_URL_TOKEN: InjectionToken<string | BehaviorSubject<string>>;
 declare const AXIS_HTTP_CONTEXT_TOKEN: HttpContextToken<{
     [key: string]: any;
 }>;

package/fesm2022/ngx-axis-appforge-axis-components-design-design.mjs

@@ -7,6 +7,8 @@ import * as i4 from 'ng-zorro-antd/collapse';
 import { NzCollapseModule } from 'ng-zorro-antd/collapse';
 import * as i3 from 'ng-zorro-antd/form';
 import { NzFormModule } from 'ng-zorro-antd/form';
+import * as i5 from 'ng-zorro-antd/input';
+import { NzInputModule } from 'ng-zorro-antd/input';
 import * as i2 from 'ng-zorro-antd/grid';
 
 class Setting extends FunFieldValueBase {
@@ -16,6 +18,7 @@ class Setting extends FunFieldValueBase {
         injectData: [],
         allPermissions: [],
         httpContextData: [],
+        fileBaseUrl: [],
     });
     funFields = {
         ...baseFunField,
@@ -29,13 +32,16 @@ class Setting extends FunFieldValueBase {
         httpContextData: {
             defaultValue: undefined
         },
+        fileBaseUrl: {
+            defaultValue: undefined
+        },
     };
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: Setting, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.6", type: Setting, isStandalone: true, selector: "axis-design-design-setting", usesInheritance: true, ngImport: i0, template: "<form [formGroup]=\"fg\" nz-form>\n    <nz-collapse [nzBordered]=\"false\">\n        <nz-collapse-panel nzHeader=\"\u57FA\u672C\u8BBE\u7F6E\" nzActive>\n            <nz-form-item>\n                <nz-form-label nzSpan=\"8\" nzTooltipTitle=\"\u6CE8\u5165\u7684\u6570\u636E\u5BF9\u8C61\uFF0C\u683C\u5F0F\uFF1A{\u6570\u636E\u540D:\u6570\u636E}\">\n                    \u6570\u636E\u6CE8\u5165\n                </nz-form-label>\n                <nz-form-control nzSpan=\"16\">\n                    <axis-fun-field formControlName=\"injectData\">\n                        <ng-container ngModel [ngModelOptions]=\"{standalone:true}\"\n                            [axisDynamic]=\"{component:'axis-components/input-json',inuse:true}\"\n                            [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=\"8\" nzTooltipTitle=\"\u53EF\u4EE5\u9009\u62E9\u7684\u6743\u9650\u5217\u8868\uFF0C\u683C\u5F0F\uFF1A{\u6743\u9650\u7F16\u7801:\u6743\u9650\u540D\u5B57}\">\n                    \u6743\u9650\u5217\u8868\n                </nz-form-label>\n                <nz-form-control nzSpan=\"16\">\n                    <axis-fun-field formControlName=\"allPermissions\">\n                        <ng-container ngModel [ngModelOptions]=\"{standalone:true}\"\n                            [axisDynamic]=\"{component:'axis-components/input-json',inuse:true}\"\n                            [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=\"8\">\n                    HTTP\u4E0A\u4E0B\u6587\n                </nz-form-label>\n                <nz-form-control nzSpan=\"16\">\n                    <axis-fun-field formControlName=\"httpContextData\">\n                        <ng-container ngModel [ngModelOptions]=\"{standalone:true}\"\n                            [axisDynamic]=\"{component:'axis-components/input-json',inuse:true}\"\n                            [standalone]=\"true\"></ng-container>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n        </nz-collapse-panel>\n        <axis-value-design-setting [fg]=\"fg\"></axis-value-design-setting>\n        <axis-base-design-setting [fg]=\"fg\"></axis-base-design-setting>\n        <axis-input-trigger formControlName=\"triggeEvents\" [internalTriggers]=\"['valueChange']\"></axis-input-trigger>\n    </nz-collapse>\n</form>", styles: [""], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: NzFormModule }, { kind: "directive", type: i2.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: i2.NzRowDirective, selector: "[nz-row],nz-row,nz-form-item", inputs: ["nzAlign", "nzJustify", "nzGutter"], exportAs: ["nzRow"] }, { kind: "directive", type: i3.NzFormDirective, selector: "[nz-form]", inputs: ["nzLayout", "nzNoColon", "nzAutoTips", "nzDisableAutoTips", "nzTooltipIcon", "nzLabelAlign", "nzLabelWrap"], exportAs: ["nzForm"] }, { kind: "component", type: i3.NzFormItemComponent, selector: "nz-form-item", exportAs: ["nzFormItem"] }, { kind: "component", type: i3.NzFormLabelComponent, selector: "nz-form-label", inputs: ["nzFor", "nzRequired", "nzNoColon", "nzTooltipTitle", "nzTooltipIcon", "nzLabelAlign", "nzLabelWrap"], exportAs: ["nzFormLabel"] }, { kind: "component", type: i3.NzFormControlComponent, selector: "nz-form-control", inputs: ["nzSuccessTip", "nzWarningTip", "nzErrorTip", "nzValidatingTip", "nzExtra", "nzAutoTips", "nzDisableAutoTips", "nzHasFeedback", "nzValidateStatus"], exportAs: ["nzFormControl"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: NzCollapseModule }, { kind: "component", type: i4.NzCollapsePanelComponent, selector: "nz-collapse-panel", inputs: ["nzActive", "nzDisabled", "nzShowArrow", "nzExtra", "nzHeader", "nzExpandedIcon"], outputs: ["nzActiveChange"], exportAs: ["nzCollapsePanel"] }, { kind: "component", type: i4.NzCollapseComponent, selector: "nz-collapse", inputs: ["nzAccordion", "nzBordered", "nzGhost", "nzExpandIconPosition"], exportAs: ["nzCollapse"] }, { kind: "component", type: BaseDesignSetting, selector: "axis-base-design-setting", inputs: ["scopeId", "exclude", "fg"] }, { 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: "component", type: ValueDesignSetting, selector: "axis-value-design-setting", inputs: ["scopeId", "exclude", "fg"] }, { kind: "component", type: InputTrigger, selector: "axis-input-trigger", inputs: ["internalTriggers", "optionsNodeId", "value", "eventDesc", "isVisibleHandlerModal", "editEventHandler"], outputs: ["valueChange", "isVisibleHandlerModalChange", "editEventHandlerChange"] }, { kind: "directive", type: DynamicDirective, selector: "[axisDynamic]", inputs: ["axisDynamic", "standalone", "isDesign"], outputs: ["onRegisteValueAccess"], exportAs: ["axisDynamic"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.6", type: Setting, isStandalone: true, selector: "axis-design-design-setting", usesInheritance: true, ngImport: i0, template: "<form [formGroup]=\"fg\" nz-form>\n    <nz-collapse [nzBordered]=\"false\">\n        <nz-collapse-panel nzHeader=\"\u57FA\u672C\u8BBE\u7F6E\" nzActive>\n            <nz-form-item>\n                <nz-form-label nzSpan=\"8\" nzTooltipTitle=\"\u6CE8\u5165\u7684\u6570\u636E\u5BF9\u8C61\uFF0C\u683C\u5F0F\uFF1A{\u6570\u636E\u540D:\u6570\u636E}\">\n                    \u6570\u636E\u6CE8\u5165\n                </nz-form-label>\n                <nz-form-control nzSpan=\"16\">\n                    <axis-fun-field formControlName=\"injectData\">\n                        <ng-container ngModel [ngModelOptions]=\"{standalone:true}\"\n                            [axisDynamic]=\"{component:'axis-components/input-json',inuse:true}\"\n                            [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=\"8\" nzTooltipTitle=\"\u53EF\u4EE5\u9009\u62E9\u7684\u6743\u9650\u5217\u8868\uFF0C\u683C\u5F0F\uFF1A{\u6743\u9650\u7F16\u7801:\u6743\u9650\u540D\u5B57}\">\n                    \u6743\u9650\u5217\u8868\n                </nz-form-label>\n                <nz-form-control nzSpan=\"16\">\n                    <axis-fun-field formControlName=\"allPermissions\">\n                        <ng-container ngModel [ngModelOptions]=\"{standalone:true}\"\n                            [axisDynamic]=\"{component:'axis-components/input-json',inuse:true}\"\n                            [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=\"8\">\n                    HTTP\u4E0A\u4E0B\u6587\n                </nz-form-label>\n                <nz-form-control nzSpan=\"16\">\n                    <axis-fun-field formControlName=\"httpContextData\">\n                        <ng-container ngModel [ngModelOptions]=\"{standalone:true}\"\n                            [axisDynamic]=\"{component:'axis-components/input-json',inuse:true}\"\n                            [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=\"8\">\n                    \u6587\u4EF6\u57FA\u5730\u5740\n                </nz-form-label>\n                <nz-form-control nzSpan=\"16\">\n                    <axis-fun-field formControlName=\"fileBaseUrl\">\n                        <textarea nz-input ngModel [ngModelOptions]=\"{standalone:true}\"></textarea>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n        </nz-collapse-panel>\n        <axis-value-design-setting [fg]=\"fg\"></axis-value-design-setting>\n        <axis-base-design-setting [fg]=\"fg\"></axis-base-design-setting>\n        <axis-input-trigger formControlName=\"triggeEvents\" [internalTriggers]=\"['valueChange']\"></axis-input-trigger>\n    </nz-collapse>\n</form>", styles: [""], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.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: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: NzFormModule }, { kind: "directive", type: i2.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: i2.NzRowDirective, selector: "[nz-row],nz-row,nz-form-item", inputs: ["nzAlign", "nzJustify", "nzGutter"], exportAs: ["nzRow"] }, { kind: "directive", type: i3.NzFormDirective, selector: "[nz-form]", inputs: ["nzLayout", "nzNoColon", "nzAutoTips", "nzDisableAutoTips", "nzTooltipIcon", "nzLabelAlign", "nzLabelWrap"], exportAs: ["nzForm"] }, { kind: "component", type: i3.NzFormItemComponent, selector: "nz-form-item", exportAs: ["nzFormItem"] }, { kind: "component", type: i3.NzFormLabelComponent, selector: "nz-form-label", inputs: ["nzFor", "nzRequired", "nzNoColon", "nzTooltipTitle", "nzTooltipIcon", "nzLabelAlign", "nzLabelWrap"], exportAs: ["nzFormLabel"] }, { kind: "component", type: i3.NzFormControlComponent, selector: "nz-form-control", inputs: ["nzSuccessTip", "nzWarningTip", "nzErrorTip", "nzValidatingTip", "nzExtra", "nzAutoTips", "nzDisableAutoTips", "nzHasFeedback", "nzValidateStatus"], exportAs: ["nzFormControl"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: NzCollapseModule }, { kind: "component", type: i4.NzCollapsePanelComponent, selector: "nz-collapse-panel", inputs: ["nzActive", "nzDisabled", "nzShowArrow", "nzExtra", "nzHeader", "nzExpandedIcon"], outputs: ["nzActiveChange"], exportAs: ["nzCollapsePanel"] }, { kind: "component", type: i4.NzCollapseComponent, selector: "nz-collapse", inputs: ["nzAccordion", "nzBordered", "nzGhost", "nzExpandIconPosition"], exportAs: ["nzCollapse"] }, { kind: "component", type: BaseDesignSetting, selector: "axis-base-design-setting", inputs: ["scopeId", "exclude", "fg"] }, { 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: "component", type: ValueDesignSetting, selector: "axis-value-design-setting", inputs: ["scopeId", "exclude", "fg"] }, { kind: "component", type: InputTrigger, selector: "axis-input-trigger", inputs: ["internalTriggers", "optionsNodeId", "value", "eventDesc", "isVisibleHandlerModal", "editEventHandler"], outputs: ["valueChange", "isVisibleHandlerModalChange", "editEventHandlerChange"] }, { kind: "directive", type: DynamicDirective, selector: "[axisDynamic]", inputs: ["axisDynamic", "standalone", "isDesign"], outputs: ["onRegisteValueAccess"], exportAs: ["axisDynamic"] }, { kind: "ngmodule", type: NzInputModule }, { kind: "directive", type: i5.NzInputDirective, selector: "input[nz-input],textarea[nz-input]", inputs: ["nzBorderless", "nzVariant", "nzSize", "nzStepperless", "nzStatus", "disabled"], exportAs: ["nzInput"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: Setting, decorators: [{
             type: Component,
-            args: [{ selector: 'axis-design-design-setting', imports: [FormsModule, NzFormModule, ReactiveFormsModule, NzCollapseModule, BaseDesignSetting, FunField, ValueDesignSetting, InputTrigger, DynamicDirective], changeDetection: ChangeDetectionStrategy.OnPush, template: "<form [formGroup]=\"fg\" nz-form>\n    <nz-collapse [nzBordered]=\"false\">\n        <nz-collapse-panel nzHeader=\"\u57FA\u672C\u8BBE\u7F6E\" nzActive>\n            <nz-form-item>\n                <nz-form-label nzSpan=\"8\" nzTooltipTitle=\"\u6CE8\u5165\u7684\u6570\u636E\u5BF9\u8C61\uFF0C\u683C\u5F0F\uFF1A{\u6570\u636E\u540D:\u6570\u636E}\">\n                    \u6570\u636E\u6CE8\u5165\n                </nz-form-label>\n                <nz-form-control nzSpan=\"16\">\n                    <axis-fun-field formControlName=\"injectData\">\n                        <ng-container ngModel [ngModelOptions]=\"{standalone:true}\"\n                            [axisDynamic]=\"{component:'axis-components/input-json',inuse:true}\"\n                            [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=\"8\" nzTooltipTitle=\"\u53EF\u4EE5\u9009\u62E9\u7684\u6743\u9650\u5217\u8868\uFF0C\u683C\u5F0F\uFF1A{\u6743\u9650\u7F16\u7801:\u6743\u9650\u540D\u5B57}\">\n                    \u6743\u9650\u5217\u8868\n                </nz-form-label>\n                <nz-form-control nzSpan=\"16\">\n                    <axis-fun-field formControlName=\"allPermissions\">\n                        <ng-container ngModel [ngModelOptions]=\"{standalone:true}\"\n                            [axisDynamic]=\"{component:'axis-components/input-json',inuse:true}\"\n                            [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=\"8\">\n                    HTTP\u4E0A\u4E0B\u6587\n                </nz-form-label>\n                <nz-form-control nzSpan=\"16\">\n                    <axis-fun-field formControlName=\"httpContextData\">\n                        <ng-container ngModel [ngModelOptions]=\"{standalone:true}\"\n                            [axisDynamic]=\"{component:'axis-components/input-json',inuse:true}\"\n                            [standalone]=\"true\"></ng-container>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n        </nz-collapse-panel>\n        <axis-value-design-setting [fg]=\"fg\"></axis-value-design-setting>\n        <axis-base-design-setting [fg]=\"fg\"></axis-base-design-setting>\n        <axis-input-trigger formControlName=\"triggeEvents\" [internalTriggers]=\"['valueChange']\"></axis-input-trigger>\n    </nz-collapse>\n</form>" }]
+            args: [{ selector: 'axis-design-design-setting', imports: [FormsModule, NzFormModule, ReactiveFormsModule, NzCollapseModule, BaseDesignSetting, FunField, ValueDesignSetting, InputTrigger, DynamicDirective, NzInputModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<form [formGroup]=\"fg\" nz-form>\n    <nz-collapse [nzBordered]=\"false\">\n        <nz-collapse-panel nzHeader=\"\u57FA\u672C\u8BBE\u7F6E\" nzActive>\n            <nz-form-item>\n                <nz-form-label nzSpan=\"8\" nzTooltipTitle=\"\u6CE8\u5165\u7684\u6570\u636E\u5BF9\u8C61\uFF0C\u683C\u5F0F\uFF1A{\u6570\u636E\u540D:\u6570\u636E}\">\n                    \u6570\u636E\u6CE8\u5165\n                </nz-form-label>\n                <nz-form-control nzSpan=\"16\">\n                    <axis-fun-field formControlName=\"injectData\">\n                        <ng-container ngModel [ngModelOptions]=\"{standalone:true}\"\n                            [axisDynamic]=\"{component:'axis-components/input-json',inuse:true}\"\n                            [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=\"8\" nzTooltipTitle=\"\u53EF\u4EE5\u9009\u62E9\u7684\u6743\u9650\u5217\u8868\uFF0C\u683C\u5F0F\uFF1A{\u6743\u9650\u7F16\u7801:\u6743\u9650\u540D\u5B57}\">\n                    \u6743\u9650\u5217\u8868\n                </nz-form-label>\n                <nz-form-control nzSpan=\"16\">\n                    <axis-fun-field formControlName=\"allPermissions\">\n                        <ng-container ngModel [ngModelOptions]=\"{standalone:true}\"\n                            [axisDynamic]=\"{component:'axis-components/input-json',inuse:true}\"\n                            [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=\"8\">\n                    HTTP\u4E0A\u4E0B\u6587\n                </nz-form-label>\n                <nz-form-control nzSpan=\"16\">\n                    <axis-fun-field formControlName=\"httpContextData\">\n                        <ng-container ngModel [ngModelOptions]=\"{standalone:true}\"\n                            [axisDynamic]=\"{component:'axis-components/input-json',inuse:true}\"\n                            [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=\"8\">\n                    \u6587\u4EF6\u57FA\u5730\u5740\n                </nz-form-label>\n                <nz-form-control nzSpan=\"16\">\n                    <axis-fun-field formControlName=\"fileBaseUrl\">\n                        <textarea nz-input ngModel [ngModelOptions]=\"{standalone:true}\"></textarea>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n        </nz-collapse-panel>\n        <axis-value-design-setting [fg]=\"fg\"></axis-value-design-setting>\n        <axis-base-design-setting [fg]=\"fg\"></axis-base-design-setting>\n        <axis-input-trigger formControlName=\"triggeEvents\" [internalTriggers]=\"['valueChange']\"></axis-input-trigger>\n    </nz-collapse>\n</form>" }]
         }] });
 
 const Config = {

package/fesm2022/ngx-axis-appforge-axis-components-design-design.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ngx-axis-appforge-axis-components-design-design.mjs","sources":["../../../axis-components/design/design/setting/setting.ts","../../../axis-components/design/design/setting/setting.html","../../../axis-components/design/design/config.ts","../../../axis-components/design/design/ngx-axis-appforge-axis-components-design-design.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component } from '@angular/core';\nimport { FormsModule, ReactiveFormsModule, UntypedFormGroup } from '@angular/forms';\nimport { NzCollapseModule } from 'ng-zorro-antd/collapse';\nimport { NzFormModule } from 'ng-zorro-antd/form';\nimport { BaseDesignSetting, baseFbConfig, baseFunField, DynamicDirective, FunField, FunFieldOptions, FunFieldValueBase, InputTrigger, ValueDesignSetting, valueFbConfig, valueFunField } from 'ngx-axis-appforge/core';\n\n@Component({\n  selector: 'axis-design-design-setting',\n  imports: [FormsModule, NzFormModule, ReactiveFormsModule, NzCollapseModule, BaseDesignSetting, FunField, ValueDesignSetting, InputTrigger, DynamicDirective],\n  templateUrl: './setting.html',\n  styleUrl: './setting.css',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class Setting extends FunFieldValueBase {\n\n  override fg: UntypedFormGroup = this.fb.group({\n    ...baseFbConfig,\n    ...valueFbConfig,\n    injectData: [],\n    allPermissions: [],\n    httpContextData: [],\n  });\n\n  protected override funFields: FunFieldOptions = {\n    ...baseFunField,\n    ...valueFunField,\n    injectData: {\n      defaultValue: {}\n    },\n    allPermissions: {\n      defaultValue: {}\n    },\n    httpContextData: {\n      defaultValue: undefined\n    },\n  };\n}\n","<form [formGroup]=\"fg\" nz-form>\n    <nz-collapse [nzBordered]=\"false\">\n        <nz-collapse-panel nzHeader=\"基本设置\" nzActive>\n            <nz-form-item>\n                <nz-form-label nzSpan=\"8\" nzTooltipTitle=\"注入的数据对象，格式：{数据名:数据}\">\n                    数据注入\n                </nz-form-label>\n                <nz-form-control nzSpan=\"16\">\n                    <axis-fun-field formControlName=\"injectData\">\n                        <ng-container ngModel [ngModelOptions]=\"{standalone:true}\"\n                            [axisDynamic]=\"{component:'axis-components/input-json',inuse:true}\"\n                            [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=\"8\" nzTooltipTitle=\"可以选择的权限列表，格式：{权限编码:权限名字}\">\n                    权限列表\n                </nz-form-label>\n                <nz-form-control nzSpan=\"16\">\n                    <axis-fun-field formControlName=\"allPermissions\">\n                        <ng-container ngModel [ngModelOptions]=\"{standalone:true}\"\n                            [axisDynamic]=\"{component:'axis-components/input-json',inuse:true}\"\n                            [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=\"8\">\n                    HTTP上下文\n                </nz-form-label>\n                <nz-form-control nzSpan=\"16\">\n                    <axis-fun-field formControlName=\"httpContextData\">\n                        <ng-container ngModel [ngModelOptions]=\"{standalone:true}\"\n                            [axisDynamic]=\"{component:'axis-components/input-json',inuse:true}\"\n                            [standalone]=\"true\"></ng-container>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n        </nz-collapse-panel>\n        <axis-value-design-setting [fg]=\"fg\"></axis-value-design-setting>\n        <axis-base-design-setting [fg]=\"fg\"></axis-base-design-setting>\n        <axis-input-trigger formControlName=\"triggeEvents\" [internalTriggers]=\"['valueChange']\"></axis-input-trigger>\n    </nz-collapse>\n</form>","import { NextInfo, DesignBuildResult, DesignBindElementsResult, DesignConfig, OptionsNode, SimpleMenu } from \"ngx-axis-appforge/core\";\nimport { Setting } from \"./setting/setting\";\n\nexport const Config: DesignConfig = {\n    componentName: \"低代码设计器\",\n    buildOptionsNodes(nextInfo: NextInfo): DesignBuildResult {\n        return {\n            treeNode: new OptionsNode({\n                parentId: nextInfo.parentId,\n                scopeId: nextInfo.scopeId,\n                name: \"低代码设计器\",\n                canSetting: true,\n                canDrag: true,\n                dragType: \"component\",\n                parentObj: nextInfo.parentObject,\n                indexOfParentObj: nextInfo.indexOfParent,\n                rootOptions: nextInfo.currentObject,\n                settingType: Setting,\n                contextMenu: SimpleMenu,\n                icon: \"deployment-unit\"\n            })\n        };\n    },\n    bindElementsOptionsNode(element: HTMLElement, options: any): DesignBindElementsResult {\n        return {\n            [options.id]: { element }\n        }\n    },\n};\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './config';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ngx-axis-appforge-axis-components-design-design.mjs","sources":["../../../axis-components/design/design/setting/setting.ts","../../../axis-components/design/design/setting/setting.html","../../../axis-components/design/design/config.ts","../../../axis-components/design/design/ngx-axis-appforge-axis-components-design-design.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component } from '@angular/core';\nimport { FormsModule, ReactiveFormsModule, UntypedFormGroup } from '@angular/forms';\nimport { NzCollapseModule } from 'ng-zorro-antd/collapse';\nimport { NzFormModule } from 'ng-zorro-antd/form';\nimport { BaseDesignSetting, baseFbConfig, baseFunField, DynamicDirective, FunField, FunFieldOptions, FunFieldValueBase, InputTrigger, ValueDesignSetting, valueFbConfig, valueFunField } from 'ngx-axis-appforge/core';\nimport { NzInputModule } from \"ng-zorro-antd/input\";\n\n@Component({\n  selector: 'axis-design-design-setting',\n  imports: [FormsModule, NzFormModule, ReactiveFormsModule, NzCollapseModule, BaseDesignSetting, FunField, ValueDesignSetting, InputTrigger, DynamicDirective, NzInputModule],\n  templateUrl: './setting.html',\n  styleUrl: './setting.css',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class Setting extends FunFieldValueBase {\n\n  override fg: UntypedFormGroup = this.fb.group({\n    ...baseFbConfig,\n    ...valueFbConfig,\n    injectData: [],\n    allPermissions: [],\n    httpContextData: [],\n    fileBaseUrl: [],\n  });\n\n  protected override funFields: FunFieldOptions = {\n    ...baseFunField,\n    ...valueFunField,\n    injectData: {\n      defaultValue: {}\n    },\n    allPermissions: {\n      defaultValue: {}\n    },\n    httpContextData: {\n      defaultValue: undefined\n    },\n    fileBaseUrl: {\n      defaultValue: undefined\n    },\n  };\n}\n","<form [formGroup]=\"fg\" nz-form>\n    <nz-collapse [nzBordered]=\"false\">\n        <nz-collapse-panel nzHeader=\"基本设置\" nzActive>\n            <nz-form-item>\n                <nz-form-label nzSpan=\"8\" nzTooltipTitle=\"注入的数据对象，格式：{数据名:数据}\">\n                    数据注入\n                </nz-form-label>\n                <nz-form-control nzSpan=\"16\">\n                    <axis-fun-field formControlName=\"injectData\">\n                        <ng-container ngModel [ngModelOptions]=\"{standalone:true}\"\n                            [axisDynamic]=\"{component:'axis-components/input-json',inuse:true}\"\n                            [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=\"8\" nzTooltipTitle=\"可以选择的权限列表，格式：{权限编码:权限名字}\">\n                    权限列表\n                </nz-form-label>\n                <nz-form-control nzSpan=\"16\">\n                    <axis-fun-field formControlName=\"allPermissions\">\n                        <ng-container ngModel [ngModelOptions]=\"{standalone:true}\"\n                            [axisDynamic]=\"{component:'axis-components/input-json',inuse:true}\"\n                            [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=\"8\">\n                    HTTP上下文\n                </nz-form-label>\n                <nz-form-control nzSpan=\"16\">\n                    <axis-fun-field formControlName=\"httpContextData\">\n                        <ng-container ngModel [ngModelOptions]=\"{standalone:true}\"\n                            [axisDynamic]=\"{component:'axis-components/input-json',inuse:true}\"\n                            [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=\"8\">\n                    文件基地址\n                </nz-form-label>\n                <nz-form-control nzSpan=\"16\">\n                    <axis-fun-field formControlName=\"fileBaseUrl\">\n                        <textarea nz-input ngModel [ngModelOptions]=\"{standalone:true}\"></textarea>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n        </nz-collapse-panel>\n        <axis-value-design-setting [fg]=\"fg\"></axis-value-design-setting>\n        <axis-base-design-setting [fg]=\"fg\"></axis-base-design-setting>\n        <axis-input-trigger formControlName=\"triggeEvents\" [internalTriggers]=\"['valueChange']\"></axis-input-trigger>\n    </nz-collapse>\n</form>","import { NextInfo, DesignBuildResult, DesignBindElementsResult, DesignConfig, OptionsNode, SimpleMenu } from \"ngx-axis-appforge/core\";\nimport { Setting } from \"./setting/setting\";\n\nexport const Config: DesignConfig = {\n    componentName: \"低代码设计器\",\n    buildOptionsNodes(nextInfo: NextInfo): DesignBuildResult {\n        return {\n            treeNode: new OptionsNode({\n                parentId: nextInfo.parentId,\n                scopeId: nextInfo.scopeId,\n                name: \"低代码设计器\",\n                canSetting: true,\n                canDrag: true,\n                dragType: \"component\",\n                parentObj: nextInfo.parentObject,\n                indexOfParentObj: nextInfo.indexOfParent,\n                rootOptions: nextInfo.currentObject,\n                settingType: Setting,\n                contextMenu: SimpleMenu,\n                icon: \"deployment-unit\"\n            })\n        };\n    },\n    bindElementsOptionsNode(element: HTMLElement, options: any): DesignBindElementsResult {\n        return {\n            [options.id]: { element }\n        }\n    },\n};\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './config';\n"],"names":[],"mappings":"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"}

package/fesm2022/ngx-axis-appforge-axis-components-design.mjs

@@ -18,7 +18,7 @@ import { BehaviorSubject, combineLatest, auditTime, tap, map, filter, take, debo
 import * as i3$1 from 'ng-zorro-antd/flex';
 import { NzFlexModule } from 'ng-zorro-antd/flex';
 import { SelectionModel } from '@angular/cdk/collections';
-import { FilteredTreeResult, AXIS_COMPONENTS_LOADER_TOKEN, ScopeDirective, DynamicDirective, DesignBuilder, AXIS_INJECT_DATA_TOKEN, AXIS_HTTP_CONTEXT_DATA_TOKEN, AXIS_DESIGN_CMPLIBS_TOKEN, isEquals, ValueAccessOptions, copy, HowLongPipe, ValueAccess, AXIS_INJECT_FUNC_TOKEN, AXIS_DESIGN_SCOPE_INFOS_GETTER_TOKEN, AXIS_DESIGN_COMPONENT_INFO_FOR_SETTING_TOKEN, AXIS_DESIGN_COMPONENT_REF_FOR_SETTING_TOKEN, AXIS_DESIGN_COMPONENT_REF_GETTER_TOKEN, AXIS_DESIGN_ALL_PERMISSIONS_TOKEN, AXIS_DESIGN_OPTIONS_NODE_FOR_MENU, AXIS_DESIGN_CHOOSE_COMPONENT_FUNC_TOKEN, OptionsNode } from 'ngx-axis-appforge/core';
+import { FilteredTreeResult, AXIS_FILE_BASE_URL_TOKEN, AXIS_HTTP_CONTEXT_DATA_TOKEN, AXIS_COMPONENTS_LOADER_TOKEN, ScopeDirective, DynamicDirective, DesignBuilder, AXIS_INJECT_DATA_TOKEN, AXIS_DESIGN_CMPLIBS_TOKEN, isEquals, ValueAccessOptions, copy, HowLongPipe, ValueAccess, AXIS_INJECT_FUNC_TOKEN, AXIS_DESIGN_SCOPE_INFOS_GETTER_TOKEN, AXIS_DESIGN_COMPONENT_INFO_FOR_SETTING_TOKEN, AXIS_DESIGN_COMPONENT_REF_FOR_SETTING_TOKEN, AXIS_DESIGN_COMPONENT_REF_GETTER_TOKEN, AXIS_DESIGN_ALL_PERMISSIONS_TOKEN, AXIS_DESIGN_OPTIONS_NODE_FOR_MENU, AXIS_DESIGN_CHOOSE_COMPONENT_FUNC_TOKEN, OptionsNode } from 'ngx-axis-appforge/core';
 import * as i6 from 'ng-zorro-antd/button';
 import { NzButtonModule } from 'ng-zorro-antd/button';
 import * as i9 from 'ng-zorro-antd/tooltip';
@@ -763,11 +763,42 @@ class Preview {
                 this.refresh();
             }
         });
+        effect(() => {
+            this.fileBaseUrlSub?.unsubscribe();
+            let url = this.fileBaseUrl() ?? "";
+            if (!url) {
+                url = inject(AXIS_FILE_BASE_URL_TOKEN, { optional: true, skipSelf: true }) ?? "";
+            }
+            if (url instanceof BehaviorSubject) {
+                this.fileBaseUrlSub = url.subscribe(this.fileBaseUrlSubject);
+            }
+            else {
+                this.fileBaseUrlSubject.next(url);
+            }
+        });
+        effect(() => {
+            this.httpContextDataSub?.unsubscribe();
+            let data = this.httpContextData();
+            if (!data) {
+                data = inject(AXIS_HTTP_CONTEXT_DATA_TOKEN, { optional: true, skipSelf: true });
+            }
+            if (data instanceof BehaviorSubject) {
+                this.httpContextDataSub = data.subscribe(this.httpContextDataSubject);
+            }
+            else {
+                this.httpContextDataSubject.next(data);
+            }
+        });
     }
     loadAndOptions = input.required(...(ngDevMode ? [{ debugName: "loadAndOptions" }] : []));
     optionsNodes = input.required(...(ngDevMode ? [{ debugName: "optionsNodes" }] : []));
     injectData = input.required(...(ngDevMode ? [{ debugName: "injectData" }] : []));
-    httpContextDta = input(...(ngDevMode ? [undefined, { debugName: "httpContextDta" }] : []));
+    httpContextData = input(...(ngDevMode ? [undefined, { debugName: "httpContextData" }] : []));
+    httpContextDataSubject = new BehaviorSubject(undefined);
+    httpContextDataSub;
+    fileBaseUrl = input(...(ngDevMode ? [undefined, { debugName: "fileBaseUrl" }] : []));
+    fileBaseUrlSubject = new BehaviorSubject("");
+    fileBaseUrlSub;
     loader = inject(AXIS_COMPONENTS_LOADER_TOKEN);
     onChange = output();
     onSelect = output();
@@ -958,9 +989,10 @@ class Preview {
         for (const s of this.scopeSubjects.values()) {
             s.unsubscribe();
         }
+        this.fileBaseUrlSub?.unsubscribe();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: Preview, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.1.6", type: Preview, isStandalone: true, selector: "axis-design-preview", inputs: { loadAndOptions: { classPropertyName: "loadAndOptions", publicName: "loadAndOptions", isSignal: true, isRequired: true, transformFunction: null }, optionsNodes: { classPropertyName: "optionsNodes", publicName: "optionsNodes", isSignal: true, isRequired: true, transformFunction: null }, injectData: { classPropertyName: "injectData", publicName: "injectData", isSignal: true, isRequired: true, transformFunction: null }, httpContextDta: { classPropertyName: "httpContextDta", publicName: "httpContextDta", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onChange: "onChange", onSelect: "onSelect", onContextMenu: "onContextMenu" }, providers: [
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.1.6", type: Preview, isStandalone: true, selector: "axis-design-preview", inputs: { loadAndOptions: { classPropertyName: "loadAndOptions", publicName: "loadAndOptions", isSignal: true, isRequired: true, transformFunction: null }, optionsNodes: { classPropertyName: "optionsNodes", publicName: "optionsNodes", isSignal: true, isRequired: true, transformFunction: null }, injectData: { classPropertyName: "injectData", publicName: "injectData", isSignal: true, isRequired: true, transformFunction: null }, httpContextData: { classPropertyName: "httpContextData", publicName: "httpContextData", isSignal: true, isRequired: false, transformFunction: null }, fileBaseUrl: { classPropertyName: "fileBaseUrl", publicName: "fileBaseUrl", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onChange: "onChange", onSelect: "onSelect", onContextMenu: "onContextMenu" }, providers: [
             {
                 provide: DesignBuilder,
                 useFactory: (preview) => {
@@ -976,10 +1008,16 @@ class Preview {
             }, {
                 provide: AXIS_HTTP_CONTEXT_DATA_TOKEN,
                 useFactory: (preview) => {
-                    return preview.httpContextDta();
+                    return preview.httpContextDataSubject;
                 },
                 deps: [Preview]
-            }
+            }, {
+                provide: AXIS_FILE_BASE_URL_TOKEN,
+                useFactory: (preview) => {
+                    return preview.fileBaseUrlSubject;
+                },
+                deps: [Preview]
+            },
         ], viewQueries: [{ propertyName: "dynamicDirective", first: true, predicate: ["child"], descendants: true, read: DynamicDirective }], ngImport: i0, template: "<ng-container #child [axisDynamic]=\"loadAndOptions()?.[1]\" [standalone]=\"true\" [isDesign]=\"true\"></ng-container>", styles: [":host{padding:4px}\n"], dependencies: [{ kind: "directive", type: DynamicDirective, selector: "[axisDynamic]", inputs: ["axisDynamic", "standalone", "isDesign"], outputs: ["onRegisteValueAccess"], exportAs: ["axisDynamic"] }, { kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: Preview, decorators: [{
@@ -1000,10 +1038,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImpor
                         }, {
                             provide: AXIS_HTTP_CONTEXT_DATA_TOKEN,
                             useFactory: (preview) => {
-                                return preview.httpContextDta();
+                                return preview.httpContextDataSubject;
                             },
                             deps: [Preview]
-                        }
+                        }, {
+                            provide: AXIS_FILE_BASE_URL_TOKEN,
+                            useFactory: (preview) => {
+                                return preview.fileBaseUrlSubject;
+                            },
+                            deps: [Preview]
+                        },
                     ], template: "<ng-container #child [axisDynamic]=\"loadAndOptions()?.[1]\" [standalone]=\"true\" [isDesign]=\"true\"></ng-container>", styles: [":host{padding:4px}\n"] }]
         }], ctorParameters: () => [], propDecorators: { dynamicDirective: [{
                 type: ViewChild,
@@ -1224,6 +1268,7 @@ class DesignOptions extends ValueAccessOptions {
     injectData = signal({}, ...(ngDevMode ? [{ debugName: "injectData" }] : []));
     allPermissions = signal({}, ...(ngDevMode ? [{ debugName: "allPermissions" }] : []));
     httpContextData = signal(undefined, ...(ngDevMode ? [{ debugName: "httpContextData" }] : []));
+    fileBaseUrl = signal("", ...(ngDevMode ? [{ debugName: "fileBaseUrl" }] : []));
 }
 
 class Toolbar {
@@ -1780,14 +1825,14 @@ class Design extends ValueAccess {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: Design, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.6", type: Design, isStandalone: true, selector: "axis-design", inputs: { chooseComponentVisible: { classPropertyName: "chooseComponentVisible", publicName: "chooseComponentVisible", isSignal: true, isRequired: false, transformFunction: null }, settingOptionsStr: { classPropertyName: "settingOptionsStr", publicName: "settingOptionsStr", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { chooseComponentVisible: "chooseComponentVisibleChange", settingOptionsStr: "settingOptionsStrChange" }, host: { attributes: { "tabindex": "-1", "autofocus": "true" }, listeners: { "keydown": "onKeyPress($event)" } }, viewQueries: [{ propertyName: "menu", first: true, predicate: ["menu"], descendants: true, read: ViewContainerRef, static: true }, { propertyName: "setting", first: true, predicate: ["setting"], descendants: true, read: ViewContainerRef, static: true }, { propertyName: "preview", first: true, predicate: ["preview"], descendants: true, static: true }, { propertyName: "tree", first: true, predicate: ["tree"], descendants: true, static: true }, { propertyName: "codeEditor", first: true, predicate: ["codeEditor"], descendants: true }, { propertyName: "tools", first: true, predicate: ["tools"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<nz-splitter (nzResize)=\"layoutEditor($event)\">\n    <nz-splitter-panel [nzCollapsible]=\"!tools.onlyPreview()\" [nzDefaultSize]=\"cacheSized[0]\" nzMin=\"15%\" nzMax=\"40%\"\n        [nzSize]=\"tools.onlyPreview()?0:undefined\">\n        <nz-tabs nzCentered>\n            <nz-tab nzTitle=\"\u7EC4\u4EF6\u6811\">\n                <axis-design-tree style=\"margin-bottom: 300px;\" #tree [node]=\"treeNode()\" [optionsNodes]=\"optionsNodes\"\n                    (onSelect)=\"onTreeSelect($event)\" (onChange)=\"onChangeOptionsConfig($event)\"\n                    (onContextMenu)=\"onContextMenu($event.event,$event.nodeId)\"></axis-design-tree>\n            </nz-tab>\n            <nz-tab nzTitle=\"\u7EC4\u4EF6\u5E93\">\n                <axis-cmplib selectMode=\"drag\" (dragStart)=\"onCmplibDragStart($event.example,$event.element)\"\n                    (dragEnd)=\"onCmplibDragEnd()\"></axis-cmplib>\n            </nz-tab>\n        </nz-tabs>\n    </nz-splitter-panel>\n    <nz-splitter-panel>\n        <div nz-flex nzVertical style=\"height: 100%;width: 100%;position: relative;\">\n            <h2 style=\"text-align: center;margin-top: 4px;\">\u9884\u89C8</h2>\n            <axis-toolbar #tools></axis-toolbar>\n            <axis-design-preview #preview style=\"flex:1;overflow: auto;\" [loadAndOptions]=\"loadAndOptions()\"\n                [optionsNodes]=\"optionsNodes\" [injectData]=\"injectDataObs\" [httpContextDta]=\"options.httpContextData()\"\n                (onChange)=\"onChangeOptionsConfig($event)\" (onSelect)=\"onPreviewSelect($event)\"\n                (onContextMenu)=\"onContextMenu($event.event,$event.nodeId)\"></axis-design-preview>\n        </div>\n    </nz-splitter-panel>\n    <nz-splitter-panel [nzCollapsible]=\"!tools.onlyPreview()\" [nzDefaultSize]=\"cacheSized[1]\" nzMin=\"15%\" nzMax=\"40%\"\n        [nzSize]=\"tools.onlyPreview()?0:undefined\" style=\"position: relative;\">\n        <nz-tabs nzCentered style=\"height: 100%;\">\n            <nz-tab nzTitle=\"\u5C5E\u6027\u8BBE\u7F6E\" (nzClick)=\"syncToSetting()\">\n                <ng-container #setting></ng-container>\n                <div style=\"height: 300px;\"></div>\n                @if (!settingOptionsStr()){\n                <nz-empty style=\"height: 300px;\" nzNotFoundContent=\"\u8BF7\u5148\u9009\u62E9\u4E00\u4E2A\u7EC4\u4EF6\"></nz-empty>\n                }\n            </nz-tab>\n            <nz-tab nzTitle=\"\u4EE3\u7801\" nzForceRender (nzSelect)=\"syncToCode();\">\n                <ng-container #codeEditor=\"axisDynamic\"\n                    [axisDynamic]=\"{component:'axis-components/editor',inuse:true,mode:'json',readonly:!settingOptionsStr() && treeNode()!=null,otherOptions:{tabSize:2}}\"\n                    [standalone]=\"true\" [(ngModel)]=\"settingOptionsStr\"\n                    (ngModelChange)=\"onEditorChange($event)\"></ng-container>\n            </nz-tab>\n        </nz-tabs>\n    </nz-splitter-panel>\n</nz-splitter>\n<ng-container #menu></ng-container>\n<nz-drawer [(nzVisible)]=\"chooseComponentVisible\" nzTitle=\"\u9009\u62E9\u7EC4\u4EF6\" [nzBodyStyle]=\"{padding:0}\"\n    (nzOnClose)=\"chooseComponentVisible.set(false);chooseComponentSubject.next(undefined)\">\n    <ng-container *nzDrawerContent>\n        <axis-cmplib selectMode=\"click\" [tags]=\"chooseComponentTags()\"\n            (clickExample)=\"chooseComponentVisible.set(false);chooseComponentSubject.next($event)\"></axis-cmplib>\n    </ng-container>\n</nz-drawer>", styles: ["nz-tabs,::ng-deep .ant-tabs-content,::ng-deep .ant-tabs-tabpane{height:100%}::ng-deep .ant-tabs-content{overflow:auto}:host{display:block;width:100%;height:100%}\n"], dependencies: [{ kind: "ngmodule", type: NzSplitterModule }, { kind: "component", type: i1$3.NzSplitterComponent, selector: "nz-splitter", inputs: ["nzLayout", "nzLazy"], outputs: ["nzResizeStart", "nzResize", "nzResizeEnd"], exportAs: ["nzSplitter"] }, { kind: "component", type: i1$3.NzSplitterPanelComponent, selector: "nz-splitter-panel", inputs: ["nzDefaultSize", "nzMin", "nzMax", "nzSize", "nzCollapsible", "nzResizable"], exportAs: ["nzSplitterPanel"] }, { kind: "ngmodule", type: NzTabsModule }, { kind: "component", type: i2$3.NzTabsComponent, selector: "nz-tabs,nz-tabset", inputs: ["nzSelectedIndex", "nzTabPosition", "nzTabBarExtraContent", "nzCanDeactivate", "nzAddIcon", "nzTabBarStyle", "nzType", "nzSize", "nzAnimated", "nzTabBarGutter", "nzHideAdd", "nzCentered", "nzHideAll", "nzLinkRouter", "nzLinkExact", "nzDestroyInactiveTabPane"], outputs: ["nzSelectChange", "nzSelectedIndexChange", "nzTabListScroll", "nzClose", "nzAdd"], exportAs: ["nzTabs"] }, { kind: "component", type: i2$3.NzTabComponent, selector: "nz-tab", inputs: ["nzTitle", "nzClosable", "nzCloseIcon", "nzDisabled", "nzForceRender"], outputs: ["nzSelect", "nzDeselect", "nzClick", "nzContextmenu"], exportAs: ["nzTab"] }, { kind: "component", type: Preview, selector: "axis-design-preview", inputs: ["loadAndOptions", "optionsNodes", "injectData", "httpContextDta"], outputs: ["onChange", "onSelect", "onContextMenu"] }, { kind: "component", type: Tree, selector: "axis-design-tree", inputs: ["node", "optionsNodes"], outputs: ["onChange", "onSelect", "onContextMenu"] }, { kind: "ngmodule", type: NzFlexModule }, { kind: "directive", type: i3$1.NzFlexDirective, selector: "[nz-flex],nz-flex", inputs: ["nzVertical", "nzJustify", "nzAlign", "nzGap", "nzWrap", "nzFlex"], exportAs: ["nzFlex"] }, { kind: "component", type: Cmplib, selector: "axis-cmplib", inputs: ["cmplib", "selectMode", "tags"], outputs: ["cmplibChange", "clickExample", "dragStart", "dragEnd"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: NzEmptyModule }, { kind: "component", type: i10.NzEmptyComponent, selector: "nz-empty", inputs: ["nzNotFoundImage", "nzNotFoundContent", "nzNotFoundFooter"], exportAs: ["nzEmpty"] }, { kind: "directive", type: DynamicDirective, selector: "[axisDynamic]", inputs: ["axisDynamic", "standalone", "isDesign"], outputs: ["onRegisteValueAccess"], exportAs: ["axisDynamic"] }, { kind: "ngmodule", type: NzDrawerModule }, { kind: "component", type: i6$2.NzDrawerComponent, selector: "nz-drawer", inputs: ["nzContent", "nzCloseIcon", "nzClosable", "nzMaskClosable", "nzMask", "nzCloseOnNavigation", "nzNoAnimation", "nzKeyboard", "nzTitle", "nzExtra", "nzFooter", "nzPlacement", "nzSize", "nzMaskStyle", "nzBodyStyle", "nzWrapClassName", "nzWidth", "nzHeight", "nzZIndex", "nzOffsetX", "nzOffsetY", "nzVisible"], outputs: ["nzOnViewInit", "nzOnClose", "nzVisibleChange"], exportAs: ["nzDrawer"] }, { kind: "directive", type: i6$2.NzDrawerContentDirective, selector: "[nzDrawerContent]", exportAs: ["nzDrawerContent"] }, { kind: "component", type: Toolbar, selector: "axis-toolbar", inputs: ["shortcutKeysModal"], outputs: ["shortcutKeysModalChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.6", type: Design, isStandalone: true, selector: "axis-design", inputs: { chooseComponentVisible: { classPropertyName: "chooseComponentVisible", publicName: "chooseComponentVisible", isSignal: true, isRequired: false, transformFunction: null }, settingOptionsStr: { classPropertyName: "settingOptionsStr", publicName: "settingOptionsStr", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { chooseComponentVisible: "chooseComponentVisibleChange", settingOptionsStr: "settingOptionsStrChange" }, host: { attributes: { "tabindex": "-1", "autofocus": "true" }, listeners: { "keydown": "onKeyPress($event)" } }, viewQueries: [{ propertyName: "menu", first: true, predicate: ["menu"], descendants: true, read: ViewContainerRef, static: true }, { propertyName: "setting", first: true, predicate: ["setting"], descendants: true, read: ViewContainerRef, static: true }, { propertyName: "preview", first: true, predicate: ["preview"], descendants: true, static: true }, { propertyName: "tree", first: true, predicate: ["tree"], descendants: true, static: true }, { propertyName: "codeEditor", first: true, predicate: ["codeEditor"], descendants: true }, { propertyName: "tools", first: true, predicate: ["tools"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<nz-splitter (nzResize)=\"layoutEditor($event)\">\n    <nz-splitter-panel [nzCollapsible]=\"!tools.onlyPreview()\" [nzDefaultSize]=\"cacheSized[0]\" nzMin=\"15%\" nzMax=\"40%\"\n        [nzSize]=\"tools.onlyPreview()?0:undefined\">\n        <nz-tabs nzCentered>\n            <nz-tab nzTitle=\"\u7EC4\u4EF6\u6811\">\n                <axis-design-tree style=\"margin-bottom: 300px;\" #tree [node]=\"treeNode()\" [optionsNodes]=\"optionsNodes\"\n                    (onSelect)=\"onTreeSelect($event)\" (onChange)=\"onChangeOptionsConfig($event)\"\n                    (onContextMenu)=\"onContextMenu($event.event,$event.nodeId)\"></axis-design-tree>\n            </nz-tab>\n            <nz-tab nzTitle=\"\u7EC4\u4EF6\u5E93\">\n                <axis-cmplib selectMode=\"drag\" (dragStart)=\"onCmplibDragStart($event.example,$event.element)\"\n                    (dragEnd)=\"onCmplibDragEnd()\"></axis-cmplib>\n            </nz-tab>\n        </nz-tabs>\n    </nz-splitter-panel>\n    <nz-splitter-panel>\n        <div nz-flex nzVertical style=\"height: 100%;width: 100%;position: relative;\">\n            <h2 style=\"text-align: center;margin-top: 4px;\">\u9884\u89C8</h2>\n            <axis-toolbar #tools></axis-toolbar>\n            <axis-design-preview #preview style=\"flex:1;overflow: auto;\" [loadAndOptions]=\"loadAndOptions()\"\n                [optionsNodes]=\"optionsNodes\" [injectData]=\"injectDataObs\" [httpContextData]=\"options.httpContextData()\"\n                [fileBaseUrl]=\"options.fileBaseUrl()\" (onChange)=\"onChangeOptionsConfig($event)\"\n                (onSelect)=\"onPreviewSelect($event)\"\n                (onContextMenu)=\"onContextMenu($event.event,$event.nodeId)\"></axis-design-preview>\n        </div>\n    </nz-splitter-panel>\n    <nz-splitter-panel [nzCollapsible]=\"!tools.onlyPreview()\" [nzDefaultSize]=\"cacheSized[1]\" nzMin=\"15%\" nzMax=\"40%\"\n        [nzSize]=\"tools.onlyPreview()?0:undefined\" style=\"position: relative;\">\n        <nz-tabs nzCentered style=\"height: 100%;\">\n            <nz-tab nzTitle=\"\u5C5E\u6027\u8BBE\u7F6E\" (nzClick)=\"syncToSetting()\">\n                <ng-container #setting></ng-container>\n                <div style=\"height: 300px;\"></div>\n                @if (!settingOptionsStr()){\n                <nz-empty style=\"height: 300px;\" nzNotFoundContent=\"\u8BF7\u5148\u9009\u62E9\u4E00\u4E2A\u7EC4\u4EF6\"></nz-empty>\n                }\n            </nz-tab>\n            <nz-tab nzTitle=\"\u4EE3\u7801\" nzForceRender (nzSelect)=\"syncToCode();\">\n                <ng-container #codeEditor=\"axisDynamic\"\n                    [axisDynamic]=\"{component:'axis-components/editor',inuse:true,mode:'json',readonly:!settingOptionsStr() && treeNode()!=null,otherOptions:{tabSize:2}}\"\n                    [standalone]=\"true\" [(ngModel)]=\"settingOptionsStr\"\n                    (ngModelChange)=\"onEditorChange($event)\"></ng-container>\n            </nz-tab>\n        </nz-tabs>\n    </nz-splitter-panel>\n</nz-splitter>\n<ng-container #menu></ng-container>\n<nz-drawer [(nzVisible)]=\"chooseComponentVisible\" nzTitle=\"\u9009\u62E9\u7EC4\u4EF6\" [nzBodyStyle]=\"{padding:0}\"\n    (nzOnClose)=\"chooseComponentVisible.set(false);chooseComponentSubject.next(undefined)\">\n    <ng-container *nzDrawerContent>\n        <axis-cmplib selectMode=\"click\" [tags]=\"chooseComponentTags()\"\n            (clickExample)=\"chooseComponentVisible.set(false);chooseComponentSubject.next($event)\"></axis-cmplib>\n    </ng-container>\n</nz-drawer>", styles: ["nz-tabs,::ng-deep .ant-tabs-content,::ng-deep .ant-tabs-tabpane{height:100%}::ng-deep .ant-tabs-content{overflow:auto}:host{display:block;width:100%;height:100%}\n"], dependencies: [{ kind: "ngmodule", type: NzSplitterModule }, { kind: "component", type: i1$3.NzSplitterComponent, selector: "nz-splitter", inputs: ["nzLayout", "nzLazy"], outputs: ["nzResizeStart", "nzResize", "nzResizeEnd"], exportAs: ["nzSplitter"] }, { kind: "component", type: i1$3.NzSplitterPanelComponent, selector: "nz-splitter-panel", inputs: ["nzDefaultSize", "nzMin", "nzMax", "nzSize", "nzCollapsible", "nzResizable"], exportAs: ["nzSplitterPanel"] }, { kind: "ngmodule", type: NzTabsModule }, { kind: "component", type: i2$3.NzTabsComponent, selector: "nz-tabs,nz-tabset", inputs: ["nzSelectedIndex", "nzTabPosition", "nzTabBarExtraContent", "nzCanDeactivate", "nzAddIcon", "nzTabBarStyle", "nzType", "nzSize", "nzAnimated", "nzTabBarGutter", "nzHideAdd", "nzCentered", "nzHideAll", "nzLinkRouter", "nzLinkExact", "nzDestroyInactiveTabPane"], outputs: ["nzSelectChange", "nzSelectedIndexChange", "nzTabListScroll", "nzClose", "nzAdd"], exportAs: ["nzTabs"] }, { kind: "component", type: i2$3.NzTabComponent, selector: "nz-tab", inputs: ["nzTitle", "nzClosable", "nzCloseIcon", "nzDisabled", "nzForceRender"], outputs: ["nzSelect", "nzDeselect", "nzClick", "nzContextmenu"], exportAs: ["nzTab"] }, { kind: "component", type: Preview, selector: "axis-design-preview", inputs: ["loadAndOptions", "optionsNodes", "injectData", "httpContextData", "fileBaseUrl"], outputs: ["onChange", "onSelect", "onContextMenu"] }, { kind: "component", type: Tree, selector: "axis-design-tree", inputs: ["node", "optionsNodes"], outputs: ["onChange", "onSelect", "onContextMenu"] }, { kind: "ngmodule", type: NzFlexModule }, { kind: "directive", type: i3$1.NzFlexDirective, selector: "[nz-flex],nz-flex", inputs: ["nzVertical", "nzJustify", "nzAlign", "nzGap", "nzWrap", "nzFlex"], exportAs: ["nzFlex"] }, { kind: "component", type: Cmplib, selector: "axis-cmplib", inputs: ["cmplib", "selectMode", "tags"], outputs: ["cmplibChange", "clickExample", "dragStart", "dragEnd"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: NzEmptyModule }, { kind: "component", type: i10.NzEmptyComponent, selector: "nz-empty", inputs: ["nzNotFoundImage", "nzNotFoundContent", "nzNotFoundFooter"], exportAs: ["nzEmpty"] }, { kind: "directive", type: DynamicDirective, selector: "[axisDynamic]", inputs: ["axisDynamic", "standalone", "isDesign"], outputs: ["onRegisteValueAccess"], exportAs: ["axisDynamic"] }, { kind: "ngmodule", type: NzDrawerModule }, { kind: "component", type: i6$2.NzDrawerComponent, selector: "nz-drawer", inputs: ["nzContent", "nzCloseIcon", "nzClosable", "nzMaskClosable", "nzMask", "nzCloseOnNavigation", "nzNoAnimation", "nzKeyboard", "nzTitle", "nzExtra", "nzFooter", "nzPlacement", "nzSize", "nzMaskStyle", "nzBodyStyle", "nzWrapClassName", "nzWidth", "nzHeight", "nzZIndex", "nzOffsetX", "nzOffsetY", "nzVisible"], outputs: ["nzOnViewInit", "nzOnClose", "nzVisibleChange"], exportAs: ["nzDrawer"] }, { kind: "directive", type: i6$2.NzDrawerContentDirective, selector: "[nzDrawerContent]", exportAs: ["nzDrawerContent"] }, { kind: "component", type: Toolbar, selector: "axis-toolbar", inputs: ["shortcutKeysModal"], outputs: ["shortcutKeysModalChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: Design, decorators: [{
             type: Component,
             args: [{ selector: 'axis-design', imports: [NzSplitterModule, NzTabsModule, Preview, Tree, NzFlexModule, Cmplib, FormsModule, NzEmptyModule, DynamicDirective, NzDrawerModule, Toolbar], changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         tabindex: "-1",
                         autofocus: "true",
-                    }, template: "<nz-splitter (nzResize)=\"layoutEditor($event)\">\n    <nz-splitter-panel [nzCollapsible]=\"!tools.onlyPreview()\" [nzDefaultSize]=\"cacheSized[0]\" nzMin=\"15%\" nzMax=\"40%\"\n        [nzSize]=\"tools.onlyPreview()?0:undefined\">\n        <nz-tabs nzCentered>\n            <nz-tab nzTitle=\"\u7EC4\u4EF6\u6811\">\n                <axis-design-tree style=\"margin-bottom: 300px;\" #tree [node]=\"treeNode()\" [optionsNodes]=\"optionsNodes\"\n                    (onSelect)=\"onTreeSelect($event)\" (onChange)=\"onChangeOptionsConfig($event)\"\n                    (onContextMenu)=\"onContextMenu($event.event,$event.nodeId)\"></axis-design-tree>\n            </nz-tab>\n            <nz-tab nzTitle=\"\u7EC4\u4EF6\u5E93\">\n                <axis-cmplib selectMode=\"drag\" (dragStart)=\"onCmplibDragStart($event.example,$event.element)\"\n                    (dragEnd)=\"onCmplibDragEnd()\"></axis-cmplib>\n            </nz-tab>\n        </nz-tabs>\n    </nz-splitter-panel>\n    <nz-splitter-panel>\n        <div nz-flex nzVertical style=\"height: 100%;width: 100%;position: relative;\">\n            <h2 style=\"text-align: center;margin-top: 4px;\">\u9884\u89C8</h2>\n            <axis-toolbar #tools></axis-toolbar>\n            <axis-design-preview #preview style=\"flex:1;overflow: auto;\" [loadAndOptions]=\"loadAndOptions()\"\n                [optionsNodes]=\"optionsNodes\" [injectData]=\"injectDataObs\" [httpContextDta]=\"options.httpContextData()\"\n                (onChange)=\"onChangeOptionsConfig($event)\" (onSelect)=\"onPreviewSelect($event)\"\n                (onContextMenu)=\"onContextMenu($event.event,$event.nodeId)\"></axis-design-preview>\n        </div>\n    </nz-splitter-panel>\n    <nz-splitter-panel [nzCollapsible]=\"!tools.onlyPreview()\" [nzDefaultSize]=\"cacheSized[1]\" nzMin=\"15%\" nzMax=\"40%\"\n        [nzSize]=\"tools.onlyPreview()?0:undefined\" style=\"position: relative;\">\n        <nz-tabs nzCentered style=\"height: 100%;\">\n            <nz-tab nzTitle=\"\u5C5E\u6027\u8BBE\u7F6E\" (nzClick)=\"syncToSetting()\">\n                <ng-container #setting></ng-container>\n                <div style=\"height: 300px;\"></div>\n                @if (!settingOptionsStr()){\n                <nz-empty style=\"height: 300px;\" nzNotFoundContent=\"\u8BF7\u5148\u9009\u62E9\u4E00\u4E2A\u7EC4\u4EF6\"></nz-empty>\n                }\n            </nz-tab>\n            <nz-tab nzTitle=\"\u4EE3\u7801\" nzForceRender (nzSelect)=\"syncToCode();\">\n                <ng-container #codeEditor=\"axisDynamic\"\n                    [axisDynamic]=\"{component:'axis-components/editor',inuse:true,mode:'json',readonly:!settingOptionsStr() && treeNode()!=null,otherOptions:{tabSize:2}}\"\n                    [standalone]=\"true\" [(ngModel)]=\"settingOptionsStr\"\n                    (ngModelChange)=\"onEditorChange($event)\"></ng-container>\n            </nz-tab>\n        </nz-tabs>\n    </nz-splitter-panel>\n</nz-splitter>\n<ng-container #menu></ng-container>\n<nz-drawer [(nzVisible)]=\"chooseComponentVisible\" nzTitle=\"\u9009\u62E9\u7EC4\u4EF6\" [nzBodyStyle]=\"{padding:0}\"\n    (nzOnClose)=\"chooseComponentVisible.set(false);chooseComponentSubject.next(undefined)\">\n    <ng-container *nzDrawerContent>\n        <axis-cmplib selectMode=\"click\" [tags]=\"chooseComponentTags()\"\n            (clickExample)=\"chooseComponentVisible.set(false);chooseComponentSubject.next($event)\"></axis-cmplib>\n    </ng-container>\n</nz-drawer>", styles: ["nz-tabs,::ng-deep .ant-tabs-content,::ng-deep .ant-tabs-tabpane{height:100%}::ng-deep .ant-tabs-content{overflow:auto}:host{display:block;width:100%;height:100%}\n"] }]
+                    }, template: "<nz-splitter (nzResize)=\"layoutEditor($event)\">\n    <nz-splitter-panel [nzCollapsible]=\"!tools.onlyPreview()\" [nzDefaultSize]=\"cacheSized[0]\" nzMin=\"15%\" nzMax=\"40%\"\n        [nzSize]=\"tools.onlyPreview()?0:undefined\">\n        <nz-tabs nzCentered>\n            <nz-tab nzTitle=\"\u7EC4\u4EF6\u6811\">\n                <axis-design-tree style=\"margin-bottom: 300px;\" #tree [node]=\"treeNode()\" [optionsNodes]=\"optionsNodes\"\n                    (onSelect)=\"onTreeSelect($event)\" (onChange)=\"onChangeOptionsConfig($event)\"\n                    (onContextMenu)=\"onContextMenu($event.event,$event.nodeId)\"></axis-design-tree>\n            </nz-tab>\n            <nz-tab nzTitle=\"\u7EC4\u4EF6\u5E93\">\n                <axis-cmplib selectMode=\"drag\" (dragStart)=\"onCmplibDragStart($event.example,$event.element)\"\n                    (dragEnd)=\"onCmplibDragEnd()\"></axis-cmplib>\n            </nz-tab>\n        </nz-tabs>\n    </nz-splitter-panel>\n    <nz-splitter-panel>\n        <div nz-flex nzVertical style=\"height: 100%;width: 100%;position: relative;\">\n            <h2 style=\"text-align: center;margin-top: 4px;\">\u9884\u89C8</h2>\n            <axis-toolbar #tools></axis-toolbar>\n            <axis-design-preview #preview style=\"flex:1;overflow: auto;\" [loadAndOptions]=\"loadAndOptions()\"\n                [optionsNodes]=\"optionsNodes\" [injectData]=\"injectDataObs\" [httpContextData]=\"options.httpContextData()\"\n                [fileBaseUrl]=\"options.fileBaseUrl()\" (onChange)=\"onChangeOptionsConfig($event)\"\n                (onSelect)=\"onPreviewSelect($event)\"\n                (onContextMenu)=\"onContextMenu($event.event,$event.nodeId)\"></axis-design-preview>\n        </div>\n    </nz-splitter-panel>\n    <nz-splitter-panel [nzCollapsible]=\"!tools.onlyPreview()\" [nzDefaultSize]=\"cacheSized[1]\" nzMin=\"15%\" nzMax=\"40%\"\n        [nzSize]=\"tools.onlyPreview()?0:undefined\" style=\"position: relative;\">\n        <nz-tabs nzCentered style=\"height: 100%;\">\n            <nz-tab nzTitle=\"\u5C5E\u6027\u8BBE\u7F6E\" (nzClick)=\"syncToSetting()\">\n                <ng-container #setting></ng-container>\n                <div style=\"height: 300px;\"></div>\n                @if (!settingOptionsStr()){\n                <nz-empty style=\"height: 300px;\" nzNotFoundContent=\"\u8BF7\u5148\u9009\u62E9\u4E00\u4E2A\u7EC4\u4EF6\"></nz-empty>\n                }\n            </nz-tab>\n            <nz-tab nzTitle=\"\u4EE3\u7801\" nzForceRender (nzSelect)=\"syncToCode();\">\n                <ng-container #codeEditor=\"axisDynamic\"\n                    [axisDynamic]=\"{component:'axis-components/editor',inuse:true,mode:'json',readonly:!settingOptionsStr() && treeNode()!=null,otherOptions:{tabSize:2}}\"\n                    [standalone]=\"true\" [(ngModel)]=\"settingOptionsStr\"\n                    (ngModelChange)=\"onEditorChange($event)\"></ng-container>\n            </nz-tab>\n        </nz-tabs>\n    </nz-splitter-panel>\n</nz-splitter>\n<ng-container #menu></ng-container>\n<nz-drawer [(nzVisible)]=\"chooseComponentVisible\" nzTitle=\"\u9009\u62E9\u7EC4\u4EF6\" [nzBodyStyle]=\"{padding:0}\"\n    (nzOnClose)=\"chooseComponentVisible.set(false);chooseComponentSubject.next(undefined)\">\n    <ng-container *nzDrawerContent>\n        <axis-cmplib selectMode=\"click\" [tags]=\"chooseComponentTags()\"\n            (clickExample)=\"chooseComponentVisible.set(false);chooseComponentSubject.next($event)\"></axis-cmplib>\n    </ng-container>\n</nz-drawer>", styles: ["nz-tabs,::ng-deep .ant-tabs-content,::ng-deep .ant-tabs-tabpane{height:100%}::ng-deep .ant-tabs-content{overflow:auto}:host{display:block;width:100%;height:100%}\n"] }]
         }], ctorParameters: () => [], propDecorators: { menu: [{
                 type: ViewChild,
                 args: ["menu", { static: true, read: ViewContainerRef }]