ngx-axis-appforge 0.0.32 → 0.0.34

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

@@ -808,6 +808,8 @@ class EventsHandlerService {
                 return this.arrayFilterEventHandler(e);
             case "route":
                 return this.routeEventHandler(e);
+            case "runScript":
+                return this.runScriptEventHandler(e);
             default:
                 if (this.otherHandlers) {
                     for (const h of this.otherHandlers) {
@@ -970,6 +972,13 @@ class EventsHandlerService {
         }
         return of(false);
     }
+    runScriptEventHandler(e) {
+        if (e.data?.script) {
+            e.ref?.getScope()?.runFnWithSnapshot(e.data.script, e.tempDataSource);
+            return of(true);
+        }
+        return of(false);
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: EventsHandlerService, deps: [{ token: i1.HttpClient }, { token: i2.NzMessageService }, { token: i2$1.NzModalService }, { token: i4.Router }, { token: AXIS_EVENT_HANDLERS_TOKEN, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
     static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: EventsHandlerService, providedIn: 'root' });
 }
@@ -1132,7 +1141,7 @@ class ValueAccess extends Base {
         });
         this.value.set(value);
         if (value !== undefined && this.options.emitInitEvent()) {
-            this.triggeEvents("valueChange", { value: value });
+            this.triggeEvents("valueChange", { value: value }).subscribe();
         }
     }
     onChange;
@@ -1140,12 +1149,12 @@ class ValueAccess extends Base {
     writeValue(value) {
         this.value.set(value);
         if (value !== undefined) {
-            this.triggeEvents("valueChange", { value: value });
+            this.triggeEvents("valueChange", { value: value }).subscribe();
         }
     }
     registerOnChange(fn) {
         this.onChange = (value) => {
-            this.triggeEvents("valueChange", { value: value });
+            this.triggeEvents("valueChange", { value: value }).subscribe();
             fn?.(value);
         };
     }
@@ -2694,6 +2703,31 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImpor
                     ], template: "<form nz-form [formGroup]=\"fg\">\n    <nz-form-item>\n        <nz-form-label nzSpan=\"8\" nzRequired>\n            \u6253\u5F00\u7C7B\u578B\n        </nz-form-label>\n        <nz-form-control nzSpan=\"16\">\n            <axis-fun-field formControlName=\"type\" [noListen]=\"noListen()\">\n                <nz-select ngModel [ngModelOptions]=\"{standalone:true}\">\n                    <nz-option nzValue=\"web\" nzLabel=\"\u7F51\u9875\"></nz-option>\n                </nz-select>\n            </axis-fun-field>\n        </nz-form-control>\n    </nz-form-item>\n    @if (formValue()?.type?.funMode || formValue()?.type?.originValue == \"web\") {\n    <nz-form-item>\n        <nz-form-label nzSpan=\"8\" nzRequired>\n            \u65B0\u6D4F\u89C8\u5668\u6807\u7B7E\n        </nz-form-label>\n        <nz-form-control nzSpan=\"16\">\n            <axis-fun-field formControlName=\"newtab\" [noListen]=\"noListen()\">\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            \u94FE\u63A5\n        </nz-form-label>\n        <nz-form-control nzSpan=\"16\">\n            <axis-fun-field formControlName=\"path\" [noListen]=\"noListen()\">\n                <input nz-input ngModel [ngModelOptions]=\"{standalone:true}\" />\n            </axis-fun-field>\n        </nz-form-control>\n    </nz-form-item>\n    @if (formValue()?.newtab.funMode || !formValue()?.newtab.originValue) {\n    <nz-form-item>\n        <nz-form-label nzSpan=\"8\">\n            \u53C2\u6570\n        </nz-form-label>\n        <nz-form-control nzSpan=\"16\">\n            <axis-fun-field formControlName=\"params\" [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    }\n    }\n</form>" }]
         }] });
 
+class RunScriptHandler extends FunFieldValueBase {
+    noListen = inject(InputTrigger).noListen;
+    fg = this.fb.group({
+        script: [undefined, FormValidators.required],
+    });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: RunScriptHandler, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.6", type: RunScriptHandler, isStandalone: true, selector: "axis-run-script-handler", providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => RunScriptHandler),
+                multi: true
+            }
+        ], usesInheritance: true, ngImport: i0, template: "<form nz-form [formGroup]=\"fg\">\n    <nz-form-item>\n        <nz-form-label nzSpan=\"6\">\n            \u811A\u672C\n        </nz-form-label>\n        <nz-form-control nzSpan=\"18\">\n            <axis-fun-field formControlName=\"script\" [noListen]=\"noListen()\" [onlyFun]=\"true\">\n            </axis-fun-field>\n        </nz-form-control>\n    </nz-form-item>\n</form>", styles: [""], dependencies: [{ kind: "ngmodule", type: NzFormModule }, { kind: "directive", type: i1$3.NzColDirective, selector: "[nz-col],nz-col,nz-form-control,nz-form-label", inputs: ["nzFlex", "nzSpan", "nzOrder", "nzOffset", "nzPush", "nzPull", "nzXs", "nzSm", "nzMd", "nzLg", "nzXl", "nzXXl"], exportAs: ["nzCol"] }, { kind: "directive", type: i1$3.NzRowDirective, selector: "[nz-row],nz-row,nz-form-item", inputs: ["nzAlign", "nzJustify", "nzGutter"], exportAs: ["nzRow"] }, { kind: "directive", type: i2$3.NzFormDirective, selector: "[nz-form]", inputs: ["nzLayout", "nzNoColon", "nzAutoTips", "nzDisableAutoTips", "nzTooltipIcon", "nzLabelAlign", "nzLabelWrap"], exportAs: ["nzForm"] }, { kind: "component", type: i2$3.NzFormItemComponent, selector: "nz-form-item", exportAs: ["nzFormItem"] }, { kind: "component", type: i2$3.NzFormLabelComponent, selector: "nz-form-label", inputs: ["nzFor", "nzRequired", "nzNoColon", "nzTooltipTitle", "nzTooltipIcon", "nzLabelAlign", "nzLabelWrap"], exportAs: ["nzFormLabel"] }, { kind: "component", type: i2$3.NzFormControlComponent, selector: "nz-form-control", inputs: ["nzSuccessTip", "nzWarningTip", "nzErrorTip", "nzValidatingTip", "nzExtra", "nzAutoTips", "nzDisableAutoTips", "nzHasFeedback", "nzValidateStatus"], exportAs: ["nzFormControl"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3$2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i3$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3$2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: FunField, selector: "axis-fun-field", inputs: ["scopes", "exclude", "scopeId", "onlyFun", "noListen", "disabled", "editTip", "value", "open", "showCreateListenModal", "createListenDataSourceName"], outputs: ["valueChange", "openChange", "showCreateListenModalChange", "createListenDataSourceNameChange"] }, { kind: "ngmodule", type: FormsModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: RunScriptHandler, decorators: [{
+            type: Component,
+            args: [{ selector: 'axis-run-script-handler', imports: [NzFormModule, ReactiveFormsModule, FunField, FormsModule], changeDetection: ChangeDetectionStrategy.OnPush, providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => RunScriptHandler),
+                            multi: true
+                        }
+                    ], template: "<form nz-form [formGroup]=\"fg\">\n    <nz-form-item>\n        <nz-form-label nzSpan=\"6\">\n            \u811A\u672C\n        </nz-form-label>\n        <nz-form-control nzSpan=\"18\">\n            <axis-fun-field formControlName=\"script\" [noListen]=\"noListen()\" [onlyFun]=\"true\">\n            </axis-fun-field>\n        </nz-form-control>\n    </nz-form-item>\n</form>" }]
+        }] });
+
 class SetDataSourceHandler extends FunFieldValueBase {
     noListen = inject(InputTrigger).noListen;
     fg = this.fb.group({
@@ -2803,6 +2837,16 @@ const baseEventHandlerDescs = {
         },
         dataComponent: RouteHandler
     },
+    runScript: {
+        name: "runScript",
+        icon: "function",
+        title: "执行脚本",
+        target: "service",
+        formStyle: {
+            labelSpan: 8
+        },
+        dataComponent: RunScriptHandler
+    },
 };
 const baseEventHandlerDescGroups = [
     {
@@ -2815,6 +2859,7 @@ const baseEventHandlerDescGroups = [
             baseEventHandlerDescs["arrayFilter"],
             baseEventHandlerDescs["msgTip"],
             baseEventHandlerDescs["route"],
+            baseEventHandlerDescs["runScript"],
         ]
     }
 ];
@@ -3183,7 +3228,7 @@ class InputTrigger extends FunFieldBase {
                 useExisting: forwardRef(() => InputTrigger),
                 multi: true
             }
-        ], viewQueries: [{ propertyName: "tree", first: true, predicate: ["tree"], descendants: true, static: true }, { propertyName: "dataContainer", first: true, predicate: ["dataContainer"], descendants: true, read: ViewContainerRef }], usesInheritance: true, ngImport: i0, template: "<nz-collapse [nzBordered]=\"false\">\n    <nz-collapse-panel nzHeader=\"\u4E8B\u4EF6\u8BBE\u7F6E\">\n        <nz-tree #tree [nzData]=\"nodes()\" nzDraggable nzBlockNode [nzTreeTemplate]=\"nodeTemp\"\n            [nzExpandedKeys]=\"treeExpandedKeys()\" (nzOnDragStart)=\"onDragStart($event)\" [nzBeforeDrop]=\"beforeDrop\"\n            nzExpandAll></nz-tree>\n    </nz-collapse-panel>\n    @if (showLine()) {\n    <div></div>\n    }\n</nz-collapse>\n\n<ng-template #nodeTemp let-node>\n    <nz-flex nzAlign=\"center\" style=\"width: 100%;\" nzGap=\"4px\">\n        @switch (node.origin.type) {\n        @case (\"event\") {\n        <div style=\"white-space: nowrap;\">{{node.title}}</div>\n        <a nz-button nzType=\"link\" nzSize=\"small\" (click)=\"startAddHandler(node)\"><nz-icon\n                nzType=\"plus\"></nz-icon>\u64CD\u4F5C</a>\n        @if (node.children.length) {\n        <a class=\"expand-button\" nz-button nzType=\"text\" nzSize=\"small\" nzShape=\"circle\"\n            (click)=\"expand(node,!hasExpanded(node))\"><nz-icon\n                [nzType]=\"hasExpanded(node)?'shrink':'arrows-alt'\"></nz-icon></a>\n        }\n        }\n        @case (\"handler\") {\n        <nz-icon style=\"cursor: move;\" nzType=\"holder\" nzTheme=\"outline\" />\n        <a nz-button nzType=\"link\" nzSize=\"small\" (click)=\"startSetHandler(node)\">\n            <nz-icon [nzType]=\"node.icon\" nzTheme=\"outline\" />\n            <span style=\"text-decoration: underline;white-space: nowrap;\">{{node.title}}</span>\n        </a>\n        <a nz-button nzType=\"link\" nzDanger nzSize=\"small\" (click)=\"deleteHandler(node)\"><nz-icon\n                nzType=\"delete\"></nz-icon></a>\n        @if (node.children.length) {\n        <a class=\"expand-button\" nz-button nzType=\"text\" nzSize=\"small\" nzShape=\"circle\"\n            (click)=\"expand(node,!hasExpanded(node))\"><nz-icon\n                [nzType]=\"hasExpanded(node)?'shrink':'arrows-alt'\"></nz-icon></a>\n        }\n        }\n        }\n    </nz-flex>\n</ng-template>\n\n<nz-modal [nzWidth]=\"selectedHandlerDesc()?.formStyle?.width ?? '400px'\" [(nzVisible)]=\"isVisibleHandlerModal\"\n    nzDraggable nzTitle=\"\u8BBE\u7F6E\u4E8B\u4EF6\u64CD\u4F5C\" (nzOnCancel)=\"isVisibleHandlerModal.set(false)\" (nzOnOk)=\"onSetHandlerOk()\"\n    (nzAfterClose)=\"resetSetHandler()\" (nzAfterOpen)=\"onHandlerChange(fg.value.name)\">\n    <ng-container *nzModalContent>\n        <form nz-form [formGroup]=\"fg\">\n            <nz-form-item>\n                <nz-form-label [nzSpan]=\"selectedHandlerDesc()?.formStyle?.labelSpan ?? 6\" nzRequired>\u64CD\u4F5C</nz-form-label>\n                <nz-form-control [nzSpan]=\"24 - (selectedHandlerDesc()?.formStyle?.labelSpan ?? 6)\">\n                    <nz-select formControlName=\"name\" nzShowSearch nzPlaceHolder=\"\u9009\u62E9\u64CD\u4F5C\" [nzFilterOption]=\"filterOption\"\n                        (ngModelChange)=\"onHandlerChange($event)\">\n                        @for (item of allEventHanderDescGroups(); track item.groupName) {\n                        <nz-option-group [nzLabel]=\"item.groupName\">\n                            @for (item of item.handlerDescs; track item.name) {\n                            <nz-option nzCustomContent [nzValue]=\"item.name\" [nzLabel]=\"item.title\">\n                                @if (item.icon) {\n                                <nz-icon [nzType]=\"item.icon\" />\n                                }\n                                {{item.title}}\n                            </nz-option>\n                            }\n                        </nz-option-group>\n                        }\n                    </nz-select>\n                </nz-form-control>\n            </nz-form-item>\n            <nz-form-item>\n                <nz-form-label [nzSpan]=\"selectedHandlerDesc()?.formStyle?.labelSpan ?? 6\" nzRequired>\u7981\u7528</nz-form-label>\n                <nz-form-control [nzSpan]=\"24 - (selectedHandlerDesc()?.formStyle?.labelSpan ?? 6)\">\n                    <axis-fun-field formControlName=\"disabled\" [noListen]=\"noListen()\"\n                        [scopes]=\"handlerFunFieldScopes()\">\n                        <nz-switch ngModel [ngModelOptions]=\"{standalone:true}\"></nz-switch>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            @if (selectedHandlerDesc()?.target == \"component\") {\n            <nz-form-item>\n                <nz-form-label [nzSpan]=\"selectedHandlerDesc()?.formStyle?.labelSpan ?? 6\" nzRequired>\u76EE\u6807</nz-form-label>\n                <nz-form-control [nzSpan]=\"24 - (selectedHandlerDesc()?.formStyle?.labelSpan ?? 6)\">\n                    <axis-fun-field formControlName=\"id\" [noListen]=\"noListen()\" [scopes]=\"handlerFunFieldScopes()\">\n                        <nz-select ngModel [ngModelOptions]=\"{standalone:true}\" nzShowSearch>\n                            @for (component of canChooseComponentsInfo(); track component.componentName) {\n                            <nz-option-group [nzLabel]=\"component.componentName\">\n                                @for(node of component.nodes; track node.id){\n                                <nz-option [nzLabel]=\"node.id\" [nzValue]=\"node.id\"></nz-option>\n                                }\n                            </nz-option-group>\n                            }\n                        </nz-select>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            }@else if (selectedHandlerDesc()?.target == \"scope\") {\n            <nz-form-item>\n                <nz-form-label [nzSpan]=\"selectedHandlerDesc()?.formStyle?.labelSpan ?? 6\">\u76EE\u6807\u57DF</nz-form-label>\n                <nz-form-control [nzSpan]=\"24 - (selectedHandlerDesc()?.formStyle?.labelSpan ?? 6)\">\n                    <axis-fun-field formControlName=\"id\" [noListen]=\"noListen()\" [scopes]=\"handlerFunFieldScopes()\">\n                        <nz-select ngModel [ngModelOptions]=\"{standalone:true}\" nzShowSearch nzAllowClear\n                            nzPlaceHolder=\"\u9ED8\u8BA4\u5F53\u524D\u57DF\">\n                            @for (scope of scopeInfoSubject().value; track scope.scopeId) {\n                            @if (!scope.scopeId.startsWith(\"__handler_scope_\")) {\n                            <nz-option [nzLabel]=\"scope.scopeName\" [nzValue]=\"scope.scopeId\"></nz-option>\n                            }\n                            }\n                        </nz-select>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            }\n            <ng-container #dataContainer></ng-container>\n        </form>\n    </ng-container>\n</nz-modal>", styles: ["nz-tree{background-color:transparent;overflow-x:auto}[nz-button]{padding:0}.expand-button{opacity:0}nz-flex:hover .expand-button{opacity:1}\n"], dependencies: [{ kind: "ngmodule", type: NzCollapseModule }, { kind: "component", type: i1$2.NzCollapsePanelComponent, selector: "nz-collapse-panel", inputs: ["nzActive", "nzDisabled", "nzShowArrow", "nzExtra", "nzHeader", "nzExpandedIcon"], outputs: ["nzActiveChange"], exportAs: ["nzCollapsePanel"] }, { kind: "component", type: i1$2.NzCollapseComponent, selector: "nz-collapse", inputs: ["nzAccordion", "nzBordered", "nzGhost", "nzExpandIconPosition"], 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"], 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: NzButtonModule }, { kind: "component", type: i6.NzButtonComponent, selector: "button[nz-button], a[nz-button]", inputs: ["nzBlock", "nzGhost", "nzSearch", "nzLoading", "nzDanger", "disabled", "tabIndex", "nzType", "nzShape", "nzSize"], exportAs: ["nzButton"] }, { kind: "directive", type: i7.ɵNzTransitionPatchDirective, selector: "[nz-button], [nz-icon], nz-icon, [nz-menu-item], [nz-submenu], nz-select-top-control, nz-select-placeholder, nz-input-group", inputs: ["hidden"] }, { kind: "ngmodule", type: NzIconModule }, { kind: "directive", type: i3.NzIconDirective, selector: "nz-icon,[nz-icon]", inputs: ["nzSpin", "nzRotate", "nzType", "nzTheme", "nzTwotoneColor", "nzIconfont"], exportAs: ["nzIcon"] }, { kind: "ngmodule", type: NzTreeModule }, { kind: "component", type: i7$1.NzTreeComponent, selector: "nz-tree", inputs: ["nzShowIcon", "nzHideUnMatched", "nzBlockNode", "nzExpandAll", "nzSelectMode", "nzCheckStrictly", "nzShowExpand", "nzShowLine", "nzCheckable", "nzAsyncData", "nzDraggable", "nzMultiple", "nzExpandedIcon", "nzVirtualItemSize", "nzVirtualMaxBufferPx", "nzVirtualMinBufferPx", "nzVirtualHeight", "nzTreeTemplate", "nzBeforeDrop", "nzData", "nzExpandedKeys", "nzSelectedKeys", "nzCheckedKeys", "nzSearchValue", "nzSearchFunc"], outputs: ["nzExpandedKeysChange", "nzSelectedKeysChange", "nzCheckedKeysChange", "nzSearchValueChange", "nzClick", "nzDblClick", "nzContextMenu", "nzCheckboxChange", "nzExpandChange", "nzOnDragStart", "nzOnDragEnter", "nzOnDragOver", "nzOnDragLeave", "nzOnDrop", "nzOnDragEnd"], exportAs: ["nzTree"] }, { kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: NzModalModule }, { kind: "component", type: i2$1.NzModalComponent, selector: "nz-modal", inputs: ["nzMask", "nzMaskClosable", "nzCloseOnNavigation", "nzVisible", "nzClosable", "nzOkLoading", "nzOkDisabled", "nzCancelDisabled", "nzCancelLoading", "nzKeyboard", "nzNoAnimation", "nzCentered", "nzDraggable", "nzContent", "nzFooter", "nzZIndex", "nzWidth", "nzWrapClassName", "nzClassName", "nzStyle", "nzTitle", "nzCloseIcon", "nzMaskStyle", "nzBodyStyle", "nzOkText", "nzCancelText", "nzOkType", "nzOkDanger", "nzIconType", "nzModalType", "nzAutofocus", "nzOnOk", "nzOnCancel"], outputs: ["nzOnOk", "nzOnCancel", "nzAfterOpen", "nzAfterClose", "nzVisibleChange"], exportAs: ["nzModal"] }, { kind: "directive", type: i2$1.NzModalContentDirective, selector: "[nzModalContent]", exportAs: ["nzModalContent"] }, { kind: "ngmodule", type: NzSelectModule }, { kind: "component", type: i4$2.NzOptionComponent, selector: "nz-option", inputs: ["nzTitle", "nzLabel", "nzValue", "nzKey", "nzDisabled", "nzHide", "nzCustomContent"], exportAs: ["nzOption"] }, { kind: "component", type: i4$2.NzSelectComponent, selector: "nz-select", inputs: ["nzId", "nzSize", "nzStatus", "nzVariant", "nzOptionHeightPx", "nzOptionOverflowSize", "nzDropdownClassName", "nzDropdownMatchSelectWidth", "nzDropdownStyle", "nzNotFoundContent", "nzPlaceHolder", "nzPlacement", "nzMaxTagCount", "nzDropdownRender", "nzCustomTemplate", "nzSuffixIcon", "nzClearIcon", "nzRemoveIcon", "nzMenuItemSelectedIcon", "nzTokenSeparators", "nzMaxTagPlaceholder", "nzMaxMultipleCount", "nzMode", "nzFilterOption", "compareWith", "nzAllowClear", "nzBorderless", "nzShowSearch", "nzLoading", "nzAutoFocus", "nzAutoClearSearchValue", "nzServerSearch", "nzDisabled", "nzOpen", "nzSelectOnTab", "nzBackdrop", "nzOptions", "nzShowArrow"], outputs: ["nzOnSearch", "nzScrollToBottom", "nzOpenChange", "nzBlur", "nzFocus", "nzOnClear"], exportAs: ["nzSelect"] }, { kind: "component", type: i4$2.NzOptionGroupComponent, selector: "nz-option-group", inputs: ["nzLabel"], exportAs: ["nzOptionGroup"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3$2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i3$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3$2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: FunField, selector: "axis-fun-field", inputs: ["scopes", "exclude", "scopeId", "onlyFun", "noListen", "disabled", "editTip", "value", "open", "showCreateListenModal", "createListenDataSourceName"], outputs: ["valueChange", "openChange", "showCreateListenModalChange", "createListenDataSourceNameChange"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i3$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: NzSwitchModule }, { kind: "component", type: i4$3.NzSwitchComponent, selector: "nz-switch", inputs: ["nzLoading", "nzDisabled", "nzControl", "nzCheckedChildren", "nzUnCheckedChildren", "nzSize", "nzId"], exportAs: ["nzSwitch"] }, { kind: "ngmodule", type: NzFlexModule }, { kind: "directive", type: i3$1.NzFlexDirective, selector: "[nz-flex],nz-flex", inputs: ["nzVertical", "nzJustify", "nzAlign", "nzGap", "nzWrap", "nzFlex"], exportAs: ["nzFlex"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+        ], viewQueries: [{ propertyName: "tree", first: true, predicate: ["tree"], descendants: true, static: true }, { propertyName: "dataContainer", first: true, predicate: ["dataContainer"], descendants: true, read: ViewContainerRef }], usesInheritance: true, ngImport: i0, template: "<nz-collapse [nzBordered]=\"false\">\n    <nz-collapse-panel nzHeader=\"\u4E8B\u4EF6\u8BBE\u7F6E\">\n        <nz-tree #tree [nzData]=\"nodes()\" nzDraggable nzBlockNode [nzTreeTemplate]=\"nodeTemp\"\n            [nzExpandedKeys]=\"treeExpandedKeys()\" (nzOnDragStart)=\"onDragStart($event)\" [nzBeforeDrop]=\"beforeDrop\"\n            nzExpandAll></nz-tree>\n    </nz-collapse-panel>\n    @if (showLine()) {\n    <div></div>\n    }\n</nz-collapse>\n\n<ng-template #nodeTemp let-node>\n    <nz-flex nzAlign=\"center\" style=\"width: 100%;\" nzGap=\"4px\">\n        @switch (node.origin.type) {\n        @case (\"event\") {\n        <div style=\"white-space: nowrap;\">{{node.title}}</div>\n        <button nz-button nzType=\"link\" nzSize=\"small\" (click)=\"startAddHandler(node)\"><nz-icon\n                nzType=\"plus\"></nz-icon>\u64CD\u4F5C</button>\n        @if (node.children.length) {\n        <button class=\"expand-button\" nz-button nzType=\"text\" nzSize=\"small\" nzShape=\"circle\"\n            (click)=\"expand(node,!hasExpanded(node))\"><nz-icon\n                [nzType]=\"hasExpanded(node)?'shrink':'arrows-alt'\"></nz-icon></button>\n        }\n        }\n        @case (\"handler\") {\n        <nz-icon style=\"cursor: move;\" nzType=\"holder\" nzTheme=\"outline\" />\n        <button nz-button nzType=\"link\" nzSize=\"small\" (click)=\"startSetHandler(node)\">\n            <nz-icon [nzType]=\"node.icon\" nzTheme=\"outline\" />\n            <span style=\"text-decoration: underline;white-space: nowrap;\">{{node.title}}</span>\n        </button>\n        <button nz-button nzType=\"link\" nzDanger nzSize=\"small\" (click)=\"deleteHandler(node)\"><nz-icon\n                nzType=\"delete\"></nz-icon></button>\n        @if (node.children.length) {\n        <button class=\"expand-button\" nz-button nzType=\"text\" nzSize=\"small\" nzShape=\"circle\"\n            (click)=\"expand(node,!hasExpanded(node))\"><nz-icon\n                [nzType]=\"hasExpanded(node)?'shrink':'arrows-alt'\"></nz-icon></button>\n        }\n        }\n        }\n    </nz-flex>\n</ng-template>\n\n<nz-modal [nzWidth]=\"selectedHandlerDesc()?.formStyle?.width ?? '400px'\" [(nzVisible)]=\"isVisibleHandlerModal\"\n    nzDraggable nzTitle=\"\u8BBE\u7F6E\u4E8B\u4EF6\u64CD\u4F5C\" (nzOnCancel)=\"isVisibleHandlerModal.set(false)\" (nzOnOk)=\"onSetHandlerOk()\"\n    (nzAfterClose)=\"resetSetHandler()\" (nzAfterOpen)=\"onHandlerChange(fg.value.name)\">\n    <ng-container *nzModalContent>\n        <form nz-form [formGroup]=\"fg\">\n            <nz-form-item>\n                <nz-form-label [nzSpan]=\"selectedHandlerDesc()?.formStyle?.labelSpan ?? 6\" nzRequired>\u64CD\u4F5C</nz-form-label>\n                <nz-form-control [nzSpan]=\"24 - (selectedHandlerDesc()?.formStyle?.labelSpan ?? 6)\">\n                    <nz-select formControlName=\"name\" nzShowSearch nzPlaceHolder=\"\u9009\u62E9\u64CD\u4F5C\" [nzFilterOption]=\"filterOption\"\n                        (ngModelChange)=\"onHandlerChange($event)\">\n                        @for (item of allEventHanderDescGroups(); track item.groupName) {\n                        <nz-option-group [nzLabel]=\"item.groupName\">\n                            @for (item of item.handlerDescs; track item.name) {\n                            <nz-option nzCustomContent [nzValue]=\"item.name\" [nzLabel]=\"item.title\">\n                                @if (item.icon) {\n                                <nz-icon [nzType]=\"item.icon\" />\n                                }\n                                {{item.title}}\n                            </nz-option>\n                            }\n                        </nz-option-group>\n                        }\n                    </nz-select>\n                </nz-form-control>\n            </nz-form-item>\n            <nz-form-item>\n                <nz-form-label [nzSpan]=\"selectedHandlerDesc()?.formStyle?.labelSpan ?? 6\" nzRequired>\u7981\u7528</nz-form-label>\n                <nz-form-control [nzSpan]=\"24 - (selectedHandlerDesc()?.formStyle?.labelSpan ?? 6)\">\n                    <axis-fun-field formControlName=\"disabled\" [noListen]=\"noListen()\"\n                        [scopes]=\"handlerFunFieldScopes()\">\n                        <nz-switch ngModel [ngModelOptions]=\"{standalone:true}\"></nz-switch>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            @if (selectedHandlerDesc()?.target == \"component\") {\n            <nz-form-item>\n                <nz-form-label [nzSpan]=\"selectedHandlerDesc()?.formStyle?.labelSpan ?? 6\" nzRequired>\u76EE\u6807</nz-form-label>\n                <nz-form-control [nzSpan]=\"24 - (selectedHandlerDesc()?.formStyle?.labelSpan ?? 6)\">\n                    <axis-fun-field formControlName=\"id\" [noListen]=\"noListen()\" [scopes]=\"handlerFunFieldScopes()\">\n                        <nz-select ngModel [ngModelOptions]=\"{standalone:true}\" nzShowSearch>\n                            @for (component of canChooseComponentsInfo(); track component.componentName) {\n                            <nz-option-group [nzLabel]=\"component.componentName\">\n                                @for(node of component.nodes; track node.id){\n                                <nz-option [nzLabel]=\"node.id\" [nzValue]=\"node.id\"></nz-option>\n                                }\n                            </nz-option-group>\n                            }\n                        </nz-select>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            }@else if (selectedHandlerDesc()?.target == \"scope\") {\n            <nz-form-item>\n                <nz-form-label [nzSpan]=\"selectedHandlerDesc()?.formStyle?.labelSpan ?? 6\">\u76EE\u6807\u57DF</nz-form-label>\n                <nz-form-control [nzSpan]=\"24 - (selectedHandlerDesc()?.formStyle?.labelSpan ?? 6)\">\n                    <axis-fun-field formControlName=\"id\" [noListen]=\"noListen()\" [scopes]=\"handlerFunFieldScopes()\">\n                        <nz-select ngModel [ngModelOptions]=\"{standalone:true}\" nzShowSearch nzAllowClear\n                            nzPlaceHolder=\"\u9ED8\u8BA4\u5F53\u524D\u57DF\">\n                            @for (scope of scopeInfoSubject().value; track scope.scopeId) {\n                            @if (!scope.scopeId.startsWith(\"__handler_scope_\")) {\n                            <nz-option [nzLabel]=\"scope.scopeName\" [nzValue]=\"scope.scopeId\"></nz-option>\n                            }\n                            }\n                        </nz-select>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            }\n            <ng-container #dataContainer></ng-container>\n        </form>\n    </ng-container>\n</nz-modal>", styles: ["nz-tree{background-color:transparent;overflow-x:auto}[nz-button]{padding:0}.expand-button{opacity:0}nz-flex:hover .expand-button{opacity:1}\n"], dependencies: [{ kind: "ngmodule", type: NzCollapseModule }, { kind: "component", type: i1$2.NzCollapsePanelComponent, selector: "nz-collapse-panel", inputs: ["nzActive", "nzDisabled", "nzShowArrow", "nzExtra", "nzHeader", "nzExpandedIcon"], outputs: ["nzActiveChange"], exportAs: ["nzCollapsePanel"] }, { kind: "component", type: i1$2.NzCollapseComponent, selector: "nz-collapse", inputs: ["nzAccordion", "nzBordered", "nzGhost", "nzExpandIconPosition"], 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"], 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: NzButtonModule }, { kind: "component", type: i6.NzButtonComponent, selector: "button[nz-button], a[nz-button]", inputs: ["nzBlock", "nzGhost", "nzSearch", "nzLoading", "nzDanger", "disabled", "tabIndex", "nzType", "nzShape", "nzSize"], exportAs: ["nzButton"] }, { kind: "directive", type: i7.ɵNzTransitionPatchDirective, selector: "[nz-button], [nz-icon], nz-icon, [nz-menu-item], [nz-submenu], nz-select-top-control, nz-select-placeholder, nz-input-group", inputs: ["hidden"] }, { kind: "ngmodule", type: NzIconModule }, { kind: "directive", type: i3.NzIconDirective, selector: "nz-icon,[nz-icon]", inputs: ["nzSpin", "nzRotate", "nzType", "nzTheme", "nzTwotoneColor", "nzIconfont"], exportAs: ["nzIcon"] }, { kind: "ngmodule", type: NzTreeModule }, { kind: "component", type: i7$1.NzTreeComponent, selector: "nz-tree", inputs: ["nzShowIcon", "nzHideUnMatched", "nzBlockNode", "nzExpandAll", "nzSelectMode", "nzCheckStrictly", "nzShowExpand", "nzShowLine", "nzCheckable", "nzAsyncData", "nzDraggable", "nzMultiple", "nzExpandedIcon", "nzVirtualItemSize", "nzVirtualMaxBufferPx", "nzVirtualMinBufferPx", "nzVirtualHeight", "nzTreeTemplate", "nzBeforeDrop", "nzData", "nzExpandedKeys", "nzSelectedKeys", "nzCheckedKeys", "nzSearchValue", "nzSearchFunc"], outputs: ["nzExpandedKeysChange", "nzSelectedKeysChange", "nzCheckedKeysChange", "nzSearchValueChange", "nzClick", "nzDblClick", "nzContextMenu", "nzCheckboxChange", "nzExpandChange", "nzOnDragStart", "nzOnDragEnter", "nzOnDragOver", "nzOnDragLeave", "nzOnDrop", "nzOnDragEnd"], exportAs: ["nzTree"] }, { kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: NzModalModule }, { kind: "component", type: i2$1.NzModalComponent, selector: "nz-modal", inputs: ["nzMask", "nzMaskClosable", "nzCloseOnNavigation", "nzVisible", "nzClosable", "nzOkLoading", "nzOkDisabled", "nzCancelDisabled", "nzCancelLoading", "nzKeyboard", "nzNoAnimation", "nzCentered", "nzDraggable", "nzContent", "nzFooter", "nzZIndex", "nzWidth", "nzWrapClassName", "nzClassName", "nzStyle", "nzTitle", "nzCloseIcon", "nzMaskStyle", "nzBodyStyle", "nzOkText", "nzCancelText", "nzOkType", "nzOkDanger", "nzIconType", "nzModalType", "nzAutofocus", "nzOnOk", "nzOnCancel"], outputs: ["nzOnOk", "nzOnCancel", "nzAfterOpen", "nzAfterClose", "nzVisibleChange"], exportAs: ["nzModal"] }, { kind: "directive", type: i2$1.NzModalContentDirective, selector: "[nzModalContent]", exportAs: ["nzModalContent"] }, { kind: "ngmodule", type: NzSelectModule }, { kind: "component", type: i4$2.NzOptionComponent, selector: "nz-option", inputs: ["nzTitle", "nzLabel", "nzValue", "nzKey", "nzDisabled", "nzHide", "nzCustomContent"], exportAs: ["nzOption"] }, { kind: "component", type: i4$2.NzSelectComponent, selector: "nz-select", inputs: ["nzId", "nzSize", "nzStatus", "nzVariant", "nzOptionHeightPx", "nzOptionOverflowSize", "nzDropdownClassName", "nzDropdownMatchSelectWidth", "nzDropdownStyle", "nzNotFoundContent", "nzPlaceHolder", "nzPlacement", "nzMaxTagCount", "nzDropdownRender", "nzCustomTemplate", "nzSuffixIcon", "nzClearIcon", "nzRemoveIcon", "nzMenuItemSelectedIcon", "nzTokenSeparators", "nzMaxTagPlaceholder", "nzMaxMultipleCount", "nzMode", "nzFilterOption", "compareWith", "nzAllowClear", "nzBorderless", "nzShowSearch", "nzLoading", "nzAutoFocus", "nzAutoClearSearchValue", "nzServerSearch", "nzDisabled", "nzOpen", "nzSelectOnTab", "nzBackdrop", "nzOptions", "nzShowArrow"], outputs: ["nzOnSearch", "nzScrollToBottom", "nzOpenChange", "nzBlur", "nzFocus", "nzOnClear"], exportAs: ["nzSelect"] }, { kind: "component", type: i4$2.NzOptionGroupComponent, selector: "nz-option-group", inputs: ["nzLabel"], exportAs: ["nzOptionGroup"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3$2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i3$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3$2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: FunField, selector: "axis-fun-field", inputs: ["scopes", "exclude", "scopeId", "onlyFun", "noListen", "disabled", "editTip", "value", "open", "showCreateListenModal", "createListenDataSourceName"], outputs: ["valueChange", "openChange", "showCreateListenModalChange", "createListenDataSourceNameChange"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i3$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: NzSwitchModule }, { kind: "component", type: i4$3.NzSwitchComponent, selector: "nz-switch", inputs: ["nzLoading", "nzDisabled", "nzControl", "nzCheckedChildren", "nzUnCheckedChildren", "nzSize", "nzId"], exportAs: ["nzSwitch"] }, { kind: "ngmodule", type: NzFlexModule }, { kind: "directive", type: i3$1.NzFlexDirective, selector: "[nz-flex],nz-flex", inputs: ["nzVertical", "nzJustify", "nzAlign", "nzGap", "nzWrap", "nzFlex"], exportAs: ["nzFlex"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: InputTrigger, decorators: [{
             type: Component,
@@ -3193,7 +3238,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImpor
                             useExisting: forwardRef(() => InputTrigger),
                             multi: true
                         }
-                    ], template: "<nz-collapse [nzBordered]=\"false\">\n    <nz-collapse-panel nzHeader=\"\u4E8B\u4EF6\u8BBE\u7F6E\">\n        <nz-tree #tree [nzData]=\"nodes()\" nzDraggable nzBlockNode [nzTreeTemplate]=\"nodeTemp\"\n            [nzExpandedKeys]=\"treeExpandedKeys()\" (nzOnDragStart)=\"onDragStart($event)\" [nzBeforeDrop]=\"beforeDrop\"\n            nzExpandAll></nz-tree>\n    </nz-collapse-panel>\n    @if (showLine()) {\n    <div></div>\n    }\n</nz-collapse>\n\n<ng-template #nodeTemp let-node>\n    <nz-flex nzAlign=\"center\" style=\"width: 100%;\" nzGap=\"4px\">\n        @switch (node.origin.type) {\n        @case (\"event\") {\n        <div style=\"white-space: nowrap;\">{{node.title}}</div>\n        <a nz-button nzType=\"link\" nzSize=\"small\" (click)=\"startAddHandler(node)\"><nz-icon\n                nzType=\"plus\"></nz-icon>\u64CD\u4F5C</a>\n        @if (node.children.length) {\n        <a class=\"expand-button\" nz-button nzType=\"text\" nzSize=\"small\" nzShape=\"circle\"\n            (click)=\"expand(node,!hasExpanded(node))\"><nz-icon\n                [nzType]=\"hasExpanded(node)?'shrink':'arrows-alt'\"></nz-icon></a>\n        }\n        }\n        @case (\"handler\") {\n        <nz-icon style=\"cursor: move;\" nzType=\"holder\" nzTheme=\"outline\" />\n        <a nz-button nzType=\"link\" nzSize=\"small\" (click)=\"startSetHandler(node)\">\n            <nz-icon [nzType]=\"node.icon\" nzTheme=\"outline\" />\n            <span style=\"text-decoration: underline;white-space: nowrap;\">{{node.title}}</span>\n        </a>\n        <a nz-button nzType=\"link\" nzDanger nzSize=\"small\" (click)=\"deleteHandler(node)\"><nz-icon\n                nzType=\"delete\"></nz-icon></a>\n        @if (node.children.length) {\n        <a class=\"expand-button\" nz-button nzType=\"text\" nzSize=\"small\" nzShape=\"circle\"\n            (click)=\"expand(node,!hasExpanded(node))\"><nz-icon\n                [nzType]=\"hasExpanded(node)?'shrink':'arrows-alt'\"></nz-icon></a>\n        }\n        }\n        }\n    </nz-flex>\n</ng-template>\n\n<nz-modal [nzWidth]=\"selectedHandlerDesc()?.formStyle?.width ?? '400px'\" [(nzVisible)]=\"isVisibleHandlerModal\"\n    nzDraggable nzTitle=\"\u8BBE\u7F6E\u4E8B\u4EF6\u64CD\u4F5C\" (nzOnCancel)=\"isVisibleHandlerModal.set(false)\" (nzOnOk)=\"onSetHandlerOk()\"\n    (nzAfterClose)=\"resetSetHandler()\" (nzAfterOpen)=\"onHandlerChange(fg.value.name)\">\n    <ng-container *nzModalContent>\n        <form nz-form [formGroup]=\"fg\">\n            <nz-form-item>\n                <nz-form-label [nzSpan]=\"selectedHandlerDesc()?.formStyle?.labelSpan ?? 6\" nzRequired>\u64CD\u4F5C</nz-form-label>\n                <nz-form-control [nzSpan]=\"24 - (selectedHandlerDesc()?.formStyle?.labelSpan ?? 6)\">\n                    <nz-select formControlName=\"name\" nzShowSearch nzPlaceHolder=\"\u9009\u62E9\u64CD\u4F5C\" [nzFilterOption]=\"filterOption\"\n                        (ngModelChange)=\"onHandlerChange($event)\">\n                        @for (item of allEventHanderDescGroups(); track item.groupName) {\n                        <nz-option-group [nzLabel]=\"item.groupName\">\n                            @for (item of item.handlerDescs; track item.name) {\n                            <nz-option nzCustomContent [nzValue]=\"item.name\" [nzLabel]=\"item.title\">\n                                @if (item.icon) {\n                                <nz-icon [nzType]=\"item.icon\" />\n                                }\n                                {{item.title}}\n                            </nz-option>\n                            }\n                        </nz-option-group>\n                        }\n                    </nz-select>\n                </nz-form-control>\n            </nz-form-item>\n            <nz-form-item>\n                <nz-form-label [nzSpan]=\"selectedHandlerDesc()?.formStyle?.labelSpan ?? 6\" nzRequired>\u7981\u7528</nz-form-label>\n                <nz-form-control [nzSpan]=\"24 - (selectedHandlerDesc()?.formStyle?.labelSpan ?? 6)\">\n                    <axis-fun-field formControlName=\"disabled\" [noListen]=\"noListen()\"\n                        [scopes]=\"handlerFunFieldScopes()\">\n                        <nz-switch ngModel [ngModelOptions]=\"{standalone:true}\"></nz-switch>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            @if (selectedHandlerDesc()?.target == \"component\") {\n            <nz-form-item>\n                <nz-form-label [nzSpan]=\"selectedHandlerDesc()?.formStyle?.labelSpan ?? 6\" nzRequired>\u76EE\u6807</nz-form-label>\n                <nz-form-control [nzSpan]=\"24 - (selectedHandlerDesc()?.formStyle?.labelSpan ?? 6)\">\n                    <axis-fun-field formControlName=\"id\" [noListen]=\"noListen()\" [scopes]=\"handlerFunFieldScopes()\">\n                        <nz-select ngModel [ngModelOptions]=\"{standalone:true}\" nzShowSearch>\n                            @for (component of canChooseComponentsInfo(); track component.componentName) {\n                            <nz-option-group [nzLabel]=\"component.componentName\">\n                                @for(node of component.nodes; track node.id){\n                                <nz-option [nzLabel]=\"node.id\" [nzValue]=\"node.id\"></nz-option>\n                                }\n                            </nz-option-group>\n                            }\n                        </nz-select>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            }@else if (selectedHandlerDesc()?.target == \"scope\") {\n            <nz-form-item>\n                <nz-form-label [nzSpan]=\"selectedHandlerDesc()?.formStyle?.labelSpan ?? 6\">\u76EE\u6807\u57DF</nz-form-label>\n                <nz-form-control [nzSpan]=\"24 - (selectedHandlerDesc()?.formStyle?.labelSpan ?? 6)\">\n                    <axis-fun-field formControlName=\"id\" [noListen]=\"noListen()\" [scopes]=\"handlerFunFieldScopes()\">\n                        <nz-select ngModel [ngModelOptions]=\"{standalone:true}\" nzShowSearch nzAllowClear\n                            nzPlaceHolder=\"\u9ED8\u8BA4\u5F53\u524D\u57DF\">\n                            @for (scope of scopeInfoSubject().value; track scope.scopeId) {\n                            @if (!scope.scopeId.startsWith(\"__handler_scope_\")) {\n                            <nz-option [nzLabel]=\"scope.scopeName\" [nzValue]=\"scope.scopeId\"></nz-option>\n                            }\n                            }\n                        </nz-select>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            }\n            <ng-container #dataContainer></ng-container>\n        </form>\n    </ng-container>\n</nz-modal>", styles: ["nz-tree{background-color:transparent;overflow-x:auto}[nz-button]{padding:0}.expand-button{opacity:0}nz-flex:hover .expand-button{opacity:1}\n"] }]
+                    ], template: "<nz-collapse [nzBordered]=\"false\">\n    <nz-collapse-panel nzHeader=\"\u4E8B\u4EF6\u8BBE\u7F6E\">\n        <nz-tree #tree [nzData]=\"nodes()\" nzDraggable nzBlockNode [nzTreeTemplate]=\"nodeTemp\"\n            [nzExpandedKeys]=\"treeExpandedKeys()\" (nzOnDragStart)=\"onDragStart($event)\" [nzBeforeDrop]=\"beforeDrop\"\n            nzExpandAll></nz-tree>\n    </nz-collapse-panel>\n    @if (showLine()) {\n    <div></div>\n    }\n</nz-collapse>\n\n<ng-template #nodeTemp let-node>\n    <nz-flex nzAlign=\"center\" style=\"width: 100%;\" nzGap=\"4px\">\n        @switch (node.origin.type) {\n        @case (\"event\") {\n        <div style=\"white-space: nowrap;\">{{node.title}}</div>\n        <button nz-button nzType=\"link\" nzSize=\"small\" (click)=\"startAddHandler(node)\"><nz-icon\n                nzType=\"plus\"></nz-icon>\u64CD\u4F5C</button>\n        @if (node.children.length) {\n        <button class=\"expand-button\" nz-button nzType=\"text\" nzSize=\"small\" nzShape=\"circle\"\n            (click)=\"expand(node,!hasExpanded(node))\"><nz-icon\n                [nzType]=\"hasExpanded(node)?'shrink':'arrows-alt'\"></nz-icon></button>\n        }\n        }\n        @case (\"handler\") {\n        <nz-icon style=\"cursor: move;\" nzType=\"holder\" nzTheme=\"outline\" />\n        <button nz-button nzType=\"link\" nzSize=\"small\" (click)=\"startSetHandler(node)\">\n            <nz-icon [nzType]=\"node.icon\" nzTheme=\"outline\" />\n            <span style=\"text-decoration: underline;white-space: nowrap;\">{{node.title}}</span>\n        </button>\n        <button nz-button nzType=\"link\" nzDanger nzSize=\"small\" (click)=\"deleteHandler(node)\"><nz-icon\n                nzType=\"delete\"></nz-icon></button>\n        @if (node.children.length) {\n        <button class=\"expand-button\" nz-button nzType=\"text\" nzSize=\"small\" nzShape=\"circle\"\n            (click)=\"expand(node,!hasExpanded(node))\"><nz-icon\n                [nzType]=\"hasExpanded(node)?'shrink':'arrows-alt'\"></nz-icon></button>\n        }\n        }\n        }\n    </nz-flex>\n</ng-template>\n\n<nz-modal [nzWidth]=\"selectedHandlerDesc()?.formStyle?.width ?? '400px'\" [(nzVisible)]=\"isVisibleHandlerModal\"\n    nzDraggable nzTitle=\"\u8BBE\u7F6E\u4E8B\u4EF6\u64CD\u4F5C\" (nzOnCancel)=\"isVisibleHandlerModal.set(false)\" (nzOnOk)=\"onSetHandlerOk()\"\n    (nzAfterClose)=\"resetSetHandler()\" (nzAfterOpen)=\"onHandlerChange(fg.value.name)\">\n    <ng-container *nzModalContent>\n        <form nz-form [formGroup]=\"fg\">\n            <nz-form-item>\n                <nz-form-label [nzSpan]=\"selectedHandlerDesc()?.formStyle?.labelSpan ?? 6\" nzRequired>\u64CD\u4F5C</nz-form-label>\n                <nz-form-control [nzSpan]=\"24 - (selectedHandlerDesc()?.formStyle?.labelSpan ?? 6)\">\n                    <nz-select formControlName=\"name\" nzShowSearch nzPlaceHolder=\"\u9009\u62E9\u64CD\u4F5C\" [nzFilterOption]=\"filterOption\"\n                        (ngModelChange)=\"onHandlerChange($event)\">\n                        @for (item of allEventHanderDescGroups(); track item.groupName) {\n                        <nz-option-group [nzLabel]=\"item.groupName\">\n                            @for (item of item.handlerDescs; track item.name) {\n                            <nz-option nzCustomContent [nzValue]=\"item.name\" [nzLabel]=\"item.title\">\n                                @if (item.icon) {\n                                <nz-icon [nzType]=\"item.icon\" />\n                                }\n                                {{item.title}}\n                            </nz-option>\n                            }\n                        </nz-option-group>\n                        }\n                    </nz-select>\n                </nz-form-control>\n            </nz-form-item>\n            <nz-form-item>\n                <nz-form-label [nzSpan]=\"selectedHandlerDesc()?.formStyle?.labelSpan ?? 6\" nzRequired>\u7981\u7528</nz-form-label>\n                <nz-form-control [nzSpan]=\"24 - (selectedHandlerDesc()?.formStyle?.labelSpan ?? 6)\">\n                    <axis-fun-field formControlName=\"disabled\" [noListen]=\"noListen()\"\n                        [scopes]=\"handlerFunFieldScopes()\">\n                        <nz-switch ngModel [ngModelOptions]=\"{standalone:true}\"></nz-switch>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            @if (selectedHandlerDesc()?.target == \"component\") {\n            <nz-form-item>\n                <nz-form-label [nzSpan]=\"selectedHandlerDesc()?.formStyle?.labelSpan ?? 6\" nzRequired>\u76EE\u6807</nz-form-label>\n                <nz-form-control [nzSpan]=\"24 - (selectedHandlerDesc()?.formStyle?.labelSpan ?? 6)\">\n                    <axis-fun-field formControlName=\"id\" [noListen]=\"noListen()\" [scopes]=\"handlerFunFieldScopes()\">\n                        <nz-select ngModel [ngModelOptions]=\"{standalone:true}\" nzShowSearch>\n                            @for (component of canChooseComponentsInfo(); track component.componentName) {\n                            <nz-option-group [nzLabel]=\"component.componentName\">\n                                @for(node of component.nodes; track node.id){\n                                <nz-option [nzLabel]=\"node.id\" [nzValue]=\"node.id\"></nz-option>\n                                }\n                            </nz-option-group>\n                            }\n                        </nz-select>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            }@else if (selectedHandlerDesc()?.target == \"scope\") {\n            <nz-form-item>\n                <nz-form-label [nzSpan]=\"selectedHandlerDesc()?.formStyle?.labelSpan ?? 6\">\u76EE\u6807\u57DF</nz-form-label>\n                <nz-form-control [nzSpan]=\"24 - (selectedHandlerDesc()?.formStyle?.labelSpan ?? 6)\">\n                    <axis-fun-field formControlName=\"id\" [noListen]=\"noListen()\" [scopes]=\"handlerFunFieldScopes()\">\n                        <nz-select ngModel [ngModelOptions]=\"{standalone:true}\" nzShowSearch nzAllowClear\n                            nzPlaceHolder=\"\u9ED8\u8BA4\u5F53\u524D\u57DF\">\n                            @for (scope of scopeInfoSubject().value; track scope.scopeId) {\n                            @if (!scope.scopeId.startsWith(\"__handler_scope_\")) {\n                            <nz-option [nzLabel]=\"scope.scopeName\" [nzValue]=\"scope.scopeId\"></nz-option>\n                            }\n                            }\n                        </nz-select>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            }\n            <ng-container #dataContainer></ng-container>\n        </form>\n    </ng-container>\n</nz-modal>", styles: ["nz-tree{background-color:transparent;overflow-x:auto}[nz-button]{padding:0}.expand-button{opacity:0}nz-flex:hover .expand-button{opacity:1}\n"] }]
         }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Injector }], propDecorators: { tree: [{
                 type: ViewChild,
                 args: ["tree", { static: true }]