ngx-axis-appforge 1.0.11 → 1.0.13

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

@@ -392,6 +392,7 @@ class ScopeDirective {
     axisScope = input.required(...(ngDevMode ? [{ debugName: "axisScope" }] : /* istanbul ignore next */ []));
     scopeName = input.required(...(ngDevMode ? [{ debugName: "scopeName" }] : /* istanbul ignore next */ []));
     isRoot = input(false, ...(ngDevMode ? [{ debugName: "isRoot" }] : /* istanbul ignore next */ []));
+    passComponents = input(false, ...(ngDevMode ? [{ debugName: "passComponents" }] : /* istanbul ignore next */ []));
     elementRef = inject(ElementRef);
     _parentScope = inject(ScopeDirective, { optional: true, skipSelf: true });
     httpContextData = inject(AXIS_HTTP_CONTEXT_DATA_TOKEN, { optional: true });
@@ -689,12 +690,20 @@ class ScopeDirective {
         return res;
     }
     registInstance(id, instance) {
-        if (id) {
+        if (this.parentScope && this.passComponents()) {
+            this.parentScope.registInstance(id, instance);
+        }
+        else {
             this.instanceMap.set(id, instance);
         }
     }
     unRegistInstance(id) {
-        this.instanceMap.delete(id);
+        if (this.parentScope && this.passComponents()) {
+            this.parentScope.unRegistInstance(id);
+        }
+        else {
+            this.instanceMap.delete(id);
+        }
     }
     findInstance(id) {
         return this.instanceMap.get(id) ?? this.parentScope?.findInstance(id);
@@ -848,14 +857,14 @@ class ScopeDirective {
         return fn(fnstr, Object.assign({}, this.snapshotAll(), args, this.injectFuncs), true);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: ScopeDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.12", type: ScopeDirective, isStandalone: true, selector: "[axisScope]", inputs: { axisScope: { classPropertyName: "axisScope", publicName: "axisScope", isSignal: true, isRequired: true, transformFunction: null }, scopeName: { classPropertyName: "scopeName", publicName: "scopeName", isSignal: true, isRequired: true, transformFunction: null }, isRoot: { classPropertyName: "isRoot", publicName: "isRoot", isSignal: true, isRequired: false, transformFunction: null }, dataSources: { classPropertyName: "dataSources", publicName: "dataSources", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.12", type: ScopeDirective, isStandalone: true, selector: "[axisScope]", inputs: { axisScope: { classPropertyName: "axisScope", publicName: "axisScope", isSignal: true, isRequired: true, transformFunction: null }, scopeName: { classPropertyName: "scopeName", publicName: "scopeName", isSignal: true, isRequired: true, transformFunction: null }, isRoot: { classPropertyName: "isRoot", publicName: "isRoot", isSignal: true, isRequired: false, transformFunction: null }, passComponents: { classPropertyName: "passComponents", publicName: "passComponents", isSignal: true, isRequired: false, transformFunction: null }, dataSources: { classPropertyName: "dataSources", publicName: "dataSources", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: ScopeDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[axisScope]'
                 }]
-        }], ctorParameters: () => [], propDecorators: { axisScope: [{ type: i0.Input, args: [{ isSignal: true, alias: "axisScope", required: true }] }], scopeName: [{ type: i0.Input, args: [{ isSignal: true, alias: "scopeName", required: true }] }], isRoot: [{ type: i0.Input, args: [{ isSignal: true, alias: "isRoot", required: false }] }], dataSources: [{ type: i0.Input, args: [{ isSignal: true, alias: "dataSources", required: false }] }] } });
+        }], ctorParameters: () => [], propDecorators: { axisScope: [{ type: i0.Input, args: [{ isSignal: true, alias: "axisScope", required: true }] }], scopeName: [{ type: i0.Input, args: [{ isSignal: true, alias: "scopeName", required: true }] }], isRoot: [{ type: i0.Input, args: [{ isSignal: true, alias: "isRoot", required: false }] }], passComponents: [{ type: i0.Input, args: [{ isSignal: true, alias: "passComponents", required: false }] }], dataSources: [{ type: i0.Input, args: [{ isSignal: true, alias: "dataSources", required: false }] }] } });
 
 class EventsHandlerService {
     http;
@@ -886,6 +895,8 @@ class EventsHandlerService {
                 return this.runScriptEventHandler(e);
             case "print":
                 return this.printEventHandler(e);
+            case "exportFile":
+                return this.exportFileEventHandler(e);
             default:
                 if (this.otherHandlers) {
                     for (const h of this.otherHandlers) {
@@ -1105,6 +1116,12 @@ class EventsHandlerService {
         });
         return of(true);
     }
+    exportFileEventHandler(e) {
+        if (e.data?.content && e.data.fileName) {
+            saveAs(new Blob([e.data.content]), e.data.fileName);
+        }
+        return of(true);
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: EventsHandlerService, deps: [{ token: i1.HttpClient }, { token: i2.PlatformLocation }, { token: i3.NzMessageService }, { token: i2$1.NzModalService }, { token: i5.Router }, { token: AXIS_EVENT_HANDLERS_TOKEN, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
     static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: EventsHandlerService, providedIn: 'root' });
 }
@@ -1275,11 +1292,11 @@ class ValueAccess extends Base {
             initValue: value,
         });
         this.value.set(value);
-        if (value !== undefined) {
-            if (this.options.emitInitEvent()) {
+        if (value !== undefined && this.options.emitInitEvent()) {
+            if (this.options.emitChangeEventOnInit()) {
                 this.onChange?.(value);
-                this.triggeEvents("valueChange", { value: value }).subscribe();
             }
+            this.triggeEvents("valueChange", { value: value }).subscribe();
         }
     }
     onChange;
@@ -1310,7 +1327,7 @@ class ValueAccess extends Base {
                 this.onChange?.(e.data?.data);
                 return of(true);
             case "getValue":
-                return this.triggeEvents("afterGetValue", { getValue: this.value() }, e.triggeEvents);
+                return this.triggeEvents("afterGetValue", { ...e.tempDataSource, getValue: this.value() }, e.triggeEvents);
         }
         return undefined;
     }
@@ -1823,6 +1840,7 @@ class BaseOptions {
 class ValueAccessOptions extends BaseOptions {
     initValue = signal(undefined, ...(ngDevMode ? [{ debugName: "initValue" }] : /* istanbul ignore next */ []));
     emitInitEvent = signal(true, ...(ngDevMode ? [{ debugName: "emitInitEvent" }] : /* istanbul ignore next */ []));
+    emitChangeEventOnInit = signal(false, ...(ngDevMode ? [{ debugName: "emitChangeEventOnInit" }] : /* istanbul ignore next */ []));
     disabled = signal(false, ...(ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []));
     readonly = signal(false, ...(ngDevMode ? [{ debugName: "readonly" }] : /* istanbul ignore next */ []));
 }
@@ -2193,6 +2211,7 @@ class FunField {
                     this.value.set({});
                 }
                 if (this.value() !== undefined) {
+                    this.value().funMode = false;
                     this.value().originValue = v;
                     this.changeValue();
                     this.computeResult.set(v);
@@ -3218,6 +3237,40 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.12", ngImpo
                     ], template: "<form nz-form [formGroup]=\"fg\">\n    <nz-form-item>\n        <nz-form-label [nzSpan]=\"6\" nzRequired>\n            \u6570\u636E\u6E90\u540D\n        </nz-form-label>\n        <nz-form-control nzSpan=\"18\">\n            <axis-fun-field formControlName=\"name\" [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\">\n            \u6570\u636E\n        </nz-form-label>\n        <nz-form-control nzSpan=\"18\">\n            <axis-fun-field formControlName=\"data\" [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 ExportFileHandler extends FunFieldValueBase {
+    noListen = inject(InputTrigger).noListen;
+    fg = this.fb.group({
+        fileName: [undefined, FormValidators.requiredFun],
+        content: [],
+    });
+    funFields = {
+        fileName: {
+            defaultValue: "",
+        },
+        content: {
+            defaultValue: "",
+        }
+    };
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: ExportFileHandler, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.12", type: ExportFileHandler, isStandalone: true, selector: "axis-export-file-handler", providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => ExportFileHandler),
+                multi: true
+            }
+        ], usesInheritance: true, ngImport: i0, template: "<form nz-form [formGroup]=\"fg\">\n    <nz-form-item>\n        <nz-form-label nzSpan=\"6\" nzRequired>\n            \u6587\u4EF6\u540D\n        </nz-form-label>\n        <nz-form-control nzSpan=\"18\">\n            <axis-fun-field formControlName=\"fileName\" [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\">\n            \u6587\u4EF6\u5185\u5BB9\n        </nz-form-label>\n        <nz-form-control nzSpan=\"18\">\n            <axis-fun-field formControlName=\"content\" [noListen]=\"noListen()\">\n                <textarea nz-input ngModel [ngModelOptions]=\"{standalone:true}\"></textarea>\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", "nzSize", "nzVariant", "nzRequiredMark"], 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$3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i3$3.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$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3$3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3$3.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$3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: NzInputModule }, { kind: "directive", type: i4.NzInputDirective, selector: "input[nz-input],textarea[nz-input]", inputs: ["nzVariant", "nzSize", "nzStepperless", "nzStatus", "disabled", "readonly"], exportAs: ["nzInput"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: ExportFileHandler, decorators: [{
+            type: Component,
+            args: [{ selector: 'axis-export-file-handler', imports: [NzFormModule, ReactiveFormsModule, FunField, FormsModule, NzInputModule], changeDetection: ChangeDetectionStrategy.OnPush, providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => ExportFileHandler),
+                            multi: true
+                        }
+                    ], template: "<form nz-form [formGroup]=\"fg\">\n    <nz-form-item>\n        <nz-form-label nzSpan=\"6\" nzRequired>\n            \u6587\u4EF6\u540D\n        </nz-form-label>\n        <nz-form-control nzSpan=\"18\">\n            <axis-fun-field formControlName=\"fileName\" [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\">\n            \u6587\u4EF6\u5185\u5BB9\n        </nz-form-label>\n        <nz-form-control nzSpan=\"18\">\n            <axis-fun-field formControlName=\"content\" [noListen]=\"noListen()\">\n                <textarea nz-input ngModel [ngModelOptions]=\"{standalone:true}\"></textarea>\n            </axis-fun-field>\n        </nz-form-control>\n    </nz-form-item>\n</form>" }]
+        }] });
+
 const baseEventHandlerDescs = {
     api: {
         name: "api",
@@ -3337,6 +3390,13 @@ const baseEventHandlerDescs = {
         dataComponent: PrintHandler,
         target: "service",
     },
+    exportFile: {
+        name: "exportFile",
+        title: "导出文件",
+        icon: "file",
+        dataComponent: ExportFileHandler,
+        target: "service",
+    },
     exportExcel: {
         name: "exportExcel",
         title: "导出Excel",
@@ -3367,6 +3427,7 @@ const baseEventHandlerDescGroups = [
             baseEventHandlerDescs["route"],
             baseEventHandlerDescs["runScript"],
             baseEventHandlerDescs["print"],
+            baseEventHandlerDescs["exportFile"],
             baseEventHandlerDescs["exportExcel"],
             baseEventHandlerDescs["componentsSnapshot"],
         ]
@@ -3777,15 +3838,16 @@ class ValueDesignSetting {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: ValueDesignSetting, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.12", type: ValueDesignSetting, isStandalone: true, selector: "axis-value-design-setting", inputs: { scopeId: { classPropertyName: "scopeId", publicName: "scopeId", isSignal: true, isRequired: false, transformFunction: null }, exclude: { classPropertyName: "exclude", publicName: "exclude", isSignal: true, isRequired: false, transformFunction: null }, fg: { classPropertyName: "fg", publicName: "fg", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "<form [formGroup]=\"fg()\" nz-form>\n    <nz-collapse [nzBordered]=\"false\">\n        <nz-collapse-panel nzHeader=\"\u503C\u7EC4\u4EF6\u8BBE\u7F6E\">\n            <nz-form-item>\n                <nz-form-label nzSpan=\"8\">\n                    \u521D\u59CB\u503C\n                </nz-form-label>\n                <nz-form-control nzSpan=\"16\">\n                    <axis-fun-field formControlName=\"initValue\" [exclude]=\"exclude()\" [scopeId]=\"scopeId()\">\n                        <ng-container [axisDynamic]=\"{component:'axis-components/input-json',inuse:true}\"\n                            [standalone]=\"true\" 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=\"8\" nzRequired>\n                    \u521D\u59CB\u4E8B\u4EF6\n                </nz-form-label>\n                <nz-form-control nzSpan=\"16\">\n                    <nz-switch formControlName=\"emitInitEvent\"></nz-switch>\n                </nz-form-control>\n            </nz-form-item>\n            <nz-form-item>\n                <nz-form-label nzSpan=\"8\" nzRequired>\n                    \u7981\u7528\n                </nz-form-label>\n                <nz-form-control nzSpan=\"16\">\n                    <axis-fun-field formControlName=\"disabled\" [exclude]=\"exclude()\" [scopeId]=\"scopeId()\">\n                        <nz-switch ngModel [ngModelOptions]=\"{standalone:true}\"></nz-switch>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            <nz-form-item>\n                <nz-form-label nzSpan=\"8\" nzRequired>\n                    \u53EA\u8BFB\n                </nz-form-label>\n                <nz-form-control nzSpan=\"16\">\n                    <axis-fun-field formControlName=\"readonly\" [exclude]=\"exclude()\" [scopeId]=\"scopeId()\">\n                        <nz-switch ngModel [ngModelOptions]=\"{standalone:true}\"></nz-switch>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n        </nz-collapse-panel>\n        @if (showLine()) {\n        <div></div>\n        }\n    </nz-collapse>\n</form>", styles: [""], dependencies: [{ kind: "ngmodule", type: NzCollapseModule }, { kind: "component", type: i1$2.NzCollapsePanelComponent, selector: "nz-collapse-panel", inputs: ["nzActive", "nzDisabled", "nzShowArrow", "nzExtra", "nzHeader", "nzExpandedIcon", "nzCollapsible"], outputs: ["nzActiveChange"], exportAs: ["nzCollapsePanel"] }, { kind: "component", type: i1$2.NzCollapseComponent, selector: "nz-collapse", inputs: ["nzAccordion", "nzBordered", "nzGhost", "nzExpandIconPosition", "nzSize"], exportAs: ["nzCollapse"] }, { 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", "nzSize", "nzVariant", "nzRequiredMark"], 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: "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: NzSwitchModule }, { kind: "component", type: i4$2.NzSwitchComponent, selector: "nz-switch", inputs: ["nzLoading", "nzDisabled", "nzControl", "nzCheckedChildren", "nzUnCheckedChildren", "nzSize", "nzId"], exportAs: ["nzSwitch"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i3$3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i3$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3$3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: NzInputModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3$3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3$3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: DynamicDirective, selector: "[axisDynamic]", inputs: ["axisDynamic", "standalone", "isDesign", "forceRenderOnChange"], outputs: ["onRegisteValueAccess"], exportAs: ["axisDynamic"] }, { kind: "ngmodule", type: NzSelectModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.12", type: ValueDesignSetting, isStandalone: true, selector: "axis-value-design-setting", inputs: { scopeId: { classPropertyName: "scopeId", publicName: "scopeId", isSignal: true, isRequired: false, transformFunction: null }, exclude: { classPropertyName: "exclude", publicName: "exclude", isSignal: true, isRequired: false, transformFunction: null }, fg: { classPropertyName: "fg", publicName: "fg", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "<form [formGroup]=\"fg()\" nz-form>\n    <nz-collapse [nzBordered]=\"false\">\n        <nz-collapse-panel nzHeader=\"\u503C\u7EC4\u4EF6\u8BBE\u7F6E\">\n            <nz-form-item>\n                <nz-form-label nzSpan=\"8\">\n                    \u521D\u59CB\u503C\n                </nz-form-label>\n                <nz-form-control nzSpan=\"16\">\n                    <axis-fun-field formControlName=\"initValue\" [exclude]=\"exclude()\" [scopeId]=\"scopeId()\">\n                        <ng-container [axisDynamic]=\"{component:'axis-components/input-json',inuse:true}\"\n                            [standalone]=\"true\" 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=\"8\" nzRequired nzTooltipTitle=\"\u9ED8\u8BA4\u503C/\u521D\u59CB\u503C\u662F\u5426\u89E6\u53D1\u503C\u53D8\u5316\u4E8B\u4EF6\u3002\u5BF9\u5916\u540C\u6B65\uFF1A\u52A8\u6001\u5BB9\u5668\u4E2D\u672A\u540C\u6B65\u521D\u59CB\u503C\u65F6\u9700\u6253\u5F00\u6B64\u5F00\u5173\">\n                    \u521D\u59CB\u4E8B\u4EF6\n                </nz-form-label>\n                <nz-form-control nzSpan=\"16\">\n                    <div style=\"display: flex;justify-content: space-between;\">\n                        <nz-switch formControlName=\"emitInitEvent\"></nz-switch>\n                        @if (fg().value.emitInitEvent) {\n                        <label nz-checkbox formControlName=\"emitChangeEventOnInit\">\u5BF9\u5916\u540C\u6B65</label>\n                        }\n                    </div>\n                </nz-form-control>\n            </nz-form-item>\n            <nz-form-item>\n                <nz-form-label nzSpan=\"8\" nzRequired>\n                    \u7981\u7528\n                </nz-form-label>\n                <nz-form-control nzSpan=\"16\">\n                    <axis-fun-field formControlName=\"disabled\" [exclude]=\"exclude()\" [scopeId]=\"scopeId()\">\n                        <nz-switch ngModel [ngModelOptions]=\"{standalone:true}\"></nz-switch>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            <nz-form-item>\n                <nz-form-label nzSpan=\"8\" nzRequired>\n                    \u53EA\u8BFB\n                </nz-form-label>\n                <nz-form-control nzSpan=\"16\">\n                    <axis-fun-field formControlName=\"readonly\" [exclude]=\"exclude()\" [scopeId]=\"scopeId()\">\n                        <nz-switch ngModel [ngModelOptions]=\"{standalone:true}\"></nz-switch>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n        </nz-collapse-panel>\n        @if (showLine()) {\n        <div></div>\n        }\n    </nz-collapse>\n</form>", styles: [""], dependencies: [{ kind: "ngmodule", type: NzCollapseModule }, { kind: "component", type: i1$2.NzCollapsePanelComponent, selector: "nz-collapse-panel", inputs: ["nzActive", "nzDisabled", "nzShowArrow", "nzExtra", "nzHeader", "nzExpandedIcon", "nzCollapsible"], outputs: ["nzActiveChange"], exportAs: ["nzCollapsePanel"] }, { kind: "component", type: i1$2.NzCollapseComponent, selector: "nz-collapse", inputs: ["nzAccordion", "nzBordered", "nzGhost", "nzExpandIconPosition", "nzSize"], exportAs: ["nzCollapse"] }, { 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", "nzSize", "nzVariant", "nzRequiredMark"], 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: "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: NzSwitchModule }, { kind: "component", type: i4$2.NzSwitchComponent, selector: "nz-switch", inputs: ["nzLoading", "nzDisabled", "nzControl", "nzCheckedChildren", "nzUnCheckedChildren", "nzSize", "nzId"], exportAs: ["nzSwitch"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i3$3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i3$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3$3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: NzInputModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3$3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3$3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: DynamicDirective, selector: "[axisDynamic]", inputs: ["axisDynamic", "standalone", "isDesign", "forceRenderOnChange"], outputs: ["onRegisteValueAccess"], exportAs: ["axisDynamic"] }, { kind: "ngmodule", type: NzSelectModule }, { kind: "ngmodule", type: NzCheckboxModule }, { kind: "component", type: i16.NzCheckboxComponent, selector: "[nz-checkbox]", inputs: ["nzValue", "nzAutoFocus", "nzDisabled", "nzIndeterminate", "nzChecked", "nzId", "nzName"], outputs: ["nzCheckedChange"], exportAs: ["nzCheckbox"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: ValueDesignSetting, decorators: [{
             type: Component,
-            args: [{ selector: 'axis-value-design-setting', imports: [NzCollapseModule, NzFormModule, FunField, NzSwitchModule, FormsModule, NzInputModule, ReactiveFormsModule, DynamicDirective, NzSelectModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<form [formGroup]=\"fg()\" nz-form>\n    <nz-collapse [nzBordered]=\"false\">\n        <nz-collapse-panel nzHeader=\"\u503C\u7EC4\u4EF6\u8BBE\u7F6E\">\n            <nz-form-item>\n                <nz-form-label nzSpan=\"8\">\n                    \u521D\u59CB\u503C\n                </nz-form-label>\n                <nz-form-control nzSpan=\"16\">\n                    <axis-fun-field formControlName=\"initValue\" [exclude]=\"exclude()\" [scopeId]=\"scopeId()\">\n                        <ng-container [axisDynamic]=\"{component:'axis-components/input-json',inuse:true}\"\n                            [standalone]=\"true\" 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=\"8\" nzRequired>\n                    \u521D\u59CB\u4E8B\u4EF6\n                </nz-form-label>\n                <nz-form-control nzSpan=\"16\">\n                    <nz-switch formControlName=\"emitInitEvent\"></nz-switch>\n                </nz-form-control>\n            </nz-form-item>\n            <nz-form-item>\n                <nz-form-label nzSpan=\"8\" nzRequired>\n                    \u7981\u7528\n                </nz-form-label>\n                <nz-form-control nzSpan=\"16\">\n                    <axis-fun-field formControlName=\"disabled\" [exclude]=\"exclude()\" [scopeId]=\"scopeId()\">\n                        <nz-switch ngModel [ngModelOptions]=\"{standalone:true}\"></nz-switch>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            <nz-form-item>\n                <nz-form-label nzSpan=\"8\" nzRequired>\n                    \u53EA\u8BFB\n                </nz-form-label>\n                <nz-form-control nzSpan=\"16\">\n                    <axis-fun-field formControlName=\"readonly\" [exclude]=\"exclude()\" [scopeId]=\"scopeId()\">\n                        <nz-switch ngModel [ngModelOptions]=\"{standalone:true}\"></nz-switch>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n        </nz-collapse-panel>\n        @if (showLine()) {\n        <div></div>\n        }\n    </nz-collapse>\n</form>" }]
+            args: [{ selector: 'axis-value-design-setting', imports: [NzCollapseModule, NzFormModule, FunField, NzSwitchModule, FormsModule, NzInputModule, ReactiveFormsModule, DynamicDirective, NzSelectModule, NzCheckboxModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<form [formGroup]=\"fg()\" nz-form>\n    <nz-collapse [nzBordered]=\"false\">\n        <nz-collapse-panel nzHeader=\"\u503C\u7EC4\u4EF6\u8BBE\u7F6E\">\n            <nz-form-item>\n                <nz-form-label nzSpan=\"8\">\n                    \u521D\u59CB\u503C\n                </nz-form-label>\n                <nz-form-control nzSpan=\"16\">\n                    <axis-fun-field formControlName=\"initValue\" [exclude]=\"exclude()\" [scopeId]=\"scopeId()\">\n                        <ng-container [axisDynamic]=\"{component:'axis-components/input-json',inuse:true}\"\n                            [standalone]=\"true\" 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=\"8\" nzRequired nzTooltipTitle=\"\u9ED8\u8BA4\u503C/\u521D\u59CB\u503C\u662F\u5426\u89E6\u53D1\u503C\u53D8\u5316\u4E8B\u4EF6\u3002\u5BF9\u5916\u540C\u6B65\uFF1A\u52A8\u6001\u5BB9\u5668\u4E2D\u672A\u540C\u6B65\u521D\u59CB\u503C\u65F6\u9700\u6253\u5F00\u6B64\u5F00\u5173\">\n                    \u521D\u59CB\u4E8B\u4EF6\n                </nz-form-label>\n                <nz-form-control nzSpan=\"16\">\n                    <div style=\"display: flex;justify-content: space-between;\">\n                        <nz-switch formControlName=\"emitInitEvent\"></nz-switch>\n                        @if (fg().value.emitInitEvent) {\n                        <label nz-checkbox formControlName=\"emitChangeEventOnInit\">\u5BF9\u5916\u540C\u6B65</label>\n                        }\n                    </div>\n                </nz-form-control>\n            </nz-form-item>\n            <nz-form-item>\n                <nz-form-label nzSpan=\"8\" nzRequired>\n                    \u7981\u7528\n                </nz-form-label>\n                <nz-form-control nzSpan=\"16\">\n                    <axis-fun-field formControlName=\"disabled\" [exclude]=\"exclude()\" [scopeId]=\"scopeId()\">\n                        <nz-switch ngModel [ngModelOptions]=\"{standalone:true}\"></nz-switch>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            <nz-form-item>\n                <nz-form-label nzSpan=\"8\" nzRequired>\n                    \u53EA\u8BFB\n                </nz-form-label>\n                <nz-form-control nzSpan=\"16\">\n                    <axis-fun-field formControlName=\"readonly\" [exclude]=\"exclude()\" [scopeId]=\"scopeId()\">\n                        <nz-switch ngModel [ngModelOptions]=\"{standalone:true}\"></nz-switch>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n        </nz-collapse-panel>\n        @if (showLine()) {\n        <div></div>\n        }\n    </nz-collapse>\n</form>" }]
         }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { scopeId: [{ type: i0.Input, args: [{ isSignal: true, alias: "scopeId", required: false }] }], exclude: [{ type: i0.Input, args: [{ isSignal: true, alias: "exclude", required: false }] }], fg: [{ type: i0.Input, args: [{ isSignal: true, alias: "fg", required: true }] }] } });
 const valueFbConfig = {
     initValue: [],
     emitInitEvent: [true, FormValidators.required],
+    emitChangeEventOnInit: [false, FormValidators.required],
     disabled: [undefined, [FormValidators.requiredFun]],
     readonly: [undefined, [FormValidators.requiredFun]],
 };