ngx-axis-appforge 0.0.16 → 0.0.17

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

@@ -48,12 +48,17 @@ import { NzFormModule } from 'ng-zorro-antd/form';
 import * as i4$3 from 'ng-zorro-antd/switch';
 import { NzSwitchModule } from 'ng-zorro-antd/switch';
 import * as i1$3 from 'ng-zorro-antd/grid';
+import { NzGridModule } from 'ng-zorro-antd/grid';
 import * as i7$1 from 'ng-zorro-antd/tree';
 import { NzTreeModule } from 'ng-zorro-antd/tree';
 import * as i5 from 'ng-zorro-antd/auto-complete';
 import { NzAutocompleteModule } from 'ng-zorro-antd/auto-complete';
+import * as i1$4 from 'ng-zorro-antd/tag';
 import { NzTagModule } from 'ng-zorro-antd/tag';
 import { CommonModule } from '@angular/common';
+import { NzSpaceModule } from 'ng-zorro-antd/space';
+import * as i15 from 'ng-zorro-antd/input-number';
+import { NzInputNumberModule } from 'ng-zorro-antd/input-number';
 
 const AXIS_DESIGN_OPTIONS_NODE_FOR_MENU = new InjectionToken('axis.design.optionsNodeForMenu');
 const AXIS_DESIGN_SCOPE_INFOS_GETTER_TOKEN = new InjectionToken('axis.design.scopeInfosGetter');
@@ -2041,8 +2046,8 @@ class FunField {
         return ds;
     }
     openFunModal() {
-        this.open.set(true);
         this.editValue.set(copy(this.value(), true));
+        this.open.set(true);
     }
     buildArgsName() {
         return Object.keys(this.ds()).join(",");
@@ -2163,7 +2168,7 @@ class FunField {
                 useExisting: forwardRef(() => FunField),
                 multi: true
             }
-        ], queries: [{ propertyName: "contentModel", first: true, predicate: NgModel, descendants: true }], viewQueries: [{ propertyName: "funEditor", first: true, predicate: ["funEditor"], descendants: true }], ngImport: i0, template: "@if (!onlyFun()) {\n<div nz-flex nzAlign=\"center\">\n    @if (!value()?.funMode) {\n    <div nz-flex nzFlex=\"1 0 0\">\n        <ng-content #content></ng-content>\n    </div>\n    }@else{\n    <nz-input-group nz-flex nzFlex=\"1 0 0\" [nzSuffix]=\"suffixTemplate\" [nzPrefix]=\"prefixTemplate\">\n        <input nz-input readonly type=\"text\" [class]=\"{success:success(),warn:warn(),error:error()}\"\n            [placeholder]=\"success() || warn() || error()\" (click)=\"openFunModal()\" />\n    </nz-input-group>\n    }\n    <a nz-button nzType=\"link\" [disabled]=\"disabled()\" (click)=\"toogleMode()\"><i style=\"margin: 0 auto;display: block;\"\n            nz-icon [nzType]=\"value()?.funMode?'rollback':'function'\" nzTheme=\"outline\"></i></a>\n</div>\n}@else{\n<nz-input-group [nzSuffix]=\"suffixTemplate\" [nzPrefix]=\"prefixTemplate\">\n    <input nz-input readonly type=\"text\" [class]=\"{success:success(),warn:warn(),error:error()}\"\n        [placeholder]=\"success() || warn() || error() || ''\" (click)=\"openFunModal()\" />\n</nz-input-group>\n}\n<ng-template #prefixTemplate>\n    <i nz-icon nzType=\"function\" style=\"margin-right: 5px;\"></i>\n    @if (success()) {\n    <i nz-icon nzType=\"check-circle\" style=\"color:#52c41a;\"></i>\n    }@else if (warn()) {\n    <i nz-icon nzType=\"exclamation-circle\" style=\"color:#faad14;\"></i>\n    }@else if (error()) {\n    <i nz-icon nzType=\"close-circle\" style=\"color:#ff4d4f;\"></i>\n    }\n</ng-template>\n<ng-template #suffixTemplate>\n    <i style=\"color:rgba(150, 150, 150, 0.5);\" nz-icon nzType=\"edit\" nzTheme=\"outline\"></i>\n</ng-template>\n<nz-modal nzWidth=\"1000px\" [nzBodyStyle]=\"{padding:'0'}\" [(nzVisible)]=\"open\" (nzOnCancel)=\"onCancel()\"\n    (nzOnOk)=\"onOk()\" (nzAfterClose)=\"editValue.set(undefined);\">\n    <ng-container *nzModalTitle>\n        <i nz-icon nzType=\"function\" style=\"margin-right: 8px;\"></i>\u7F16\u8F91\u811A\u672C\n        @if (editTip()) {\n        <span style=\"font-size: 12px;margin-left: 30px;color:var(--ant-error-color)\">\n            <nz-icon nzType=\"info-circle\" nzTheme=\"outline\" />\n            {{editTip()}}\n        </span>\n        }\n    </ng-container>\n    <ng-container *nzModalContent>\n        <nz-splitter style=\"height: 400px;\" (nzResize)=\"layoutEditor()\">\n            <nz-splitter-panel [nzDefaultSize]=\"250\" [nzMin]=\"250\" nzMax=\"70%\" [nzCollapsible]=\"true\">\n                <nz-collapse nzAccordion [nzBordered]=\"false\">\n                    @if (funcsNames.length) {\n                    <nz-collapse-panel nzHeader=\"\u6CE8\u5165\u51FD\u6570\" [nzExtra]=\"funcsNames.length.toString()\">\n                        @for (item of funcsNames; track $index) {\n                        <div><span style=\"color:#C52727\">function</span> {{item}}</div>\n                        }\n                    </nz-collapse-panel>\n                    }\n                    @if (importsList().length) {\n                    <nz-collapse-panel nzHeader=\"\u51FD\u6570\u5E93\u5BFC\u5165\"\n                        [nzExtra]=\"(editValue().fnValue?.imports?.length ?? 0) + '/'+importsList().length\">\n                        <nz-checkbox-group [nzOptions]=\"importsList()\" [ngModel]=\"editValue().fnValue?.imports\"\n                            (ngModelChange)=\"changeImports($event)\" />\n                    </nz-collapse-panel>\n                    }\n                    <nz-collapse-panel nzActive nzHeader=\"\u6570\u636E\u6E90\" [nzExtra]=\"addListenBtn\">\n                        <ng-template #addListenBtn>\n                            <a nz-button nzType=\"link\" nzSize=\"small\"\n                                (click)=\"$event.stopPropagation();showCreateListenModal.set(true)\">\n                                <nz-icon nzType=\"plus\"></nz-icon>\n                                \u6DFB\u52A0\n                            </a>\n                        </ng-template>\n                        @if (!scopeds().length) {\n                        <nz-empty nzNotFoundContent=\"\u6682\u65E0\u6570\u636E\u6E90\"></nz-empty>\n                        }@else{\n                        @for (scope of scopeds(); track scope.scopeId) {\n                        <div class=\"scope-tag\">{{scope.scopeName}}</div>\n                        @for (item of getDsNames(scope); track item;) {\n                        <div nz-flex nzVertical style=\"margin-top: 2px;\">\n                            <div nz-flex nzAlign=\"center\">\n                                <a nz-button nzType=\"link\" nzSize=\"small\" (click)=\"doShowDataSource(item)\">\n                                    <i nz-icon nzType=\"search\" nzTheme=\"outline\"></i>\n                                    {{item}}\n                                </a>\n                                <a nz-button nzType=\"link\" nzSize=\"small\" ngxClipboard [cbContent]=\"item\"\n                                    (cbOnSuccess)=\"copySuccess()\">\n                                    <i nz-icon nzType=\"copy\" nzTheme=\"outline\"></i>\n                                </a>\n                                @if (scope.scopeId == '__unknown__') {\n                                <a nz-button nzType=\"link\" nzSize=\"small\" nzDanger (click)=\"removeListen(item)\">\n                                    <i nz-icon nzType=\"delete\" nzTheme=\"outline\"></i>\n                                </a>\n                                }\n                            </div>\n                            @if (!noListen()) {\n                            <nz-select style=\"margin-left:16px;font-size: 12px;width: fit-content;\"\n                                [nzDropdownMatchSelectWidth]=\"false\" nzVariant=\"borderless\"\n                                [ngModel]=\"editValue().fnValue?.listen?.[item]??'none'\"\n                                (ngModelChange)=\"changeLinstenMode(item,$event)\" nzSize=\"small\">\n                                <nz-option nzCustomContent nzLabel=\"\u4E0D\u76D1\u542C\" nzValue=\"none\">\n                                    <span style=\"font-size: 12px;\">\u4E0D\u76D1\u542C</span>\n                                </nz-option>\n                                <nz-option nzCustomContent nzLabel=\"\u9996\u6B21\u6709\u5B9A\u4E49\" nzValue=\"firstDefined\">\n                                    <span style=\"font-size: 12px;\">\u9996\u6B21\u6709\u5B9A\u4E49</span>\n                                </nz-option>\n                                <nz-option nzCustomContent nzLabel=\"\u6709\u5B9A\u4E49\" nzValue=\"defined\">\n                                    <span style=\"font-size: 12px;\">\u6709\u5B9A\u4E49</span>\n                                </nz-option>\n                                <nz-option nzCustomContent nzLabel=\"\u603B\u662F\" nzValue=\"aways\">\n                                    <span style=\"font-size: 12px;\">\u603B\u662F</span>\n                                </nz-option>\n                            </nz-select>\n                            }\n                        </div>\n                        }\n                        }\n                        }\n                    </nz-collapse-panel>\n                </nz-collapse>\n            </nz-splitter-panel>\n            <nz-splitter-panel>\n                <div nz-flex nzVertical style=\"height: 100%;\">\n                    <div class=\"code-row\"><span style=\"color: #C52727;\">function</span>({{argsName()}})\n                        {{'{'}}</div>\n                    <div nz-flex nzFlex=\"1 1 0\">\n                        <ng-container #funEditor=\"axisDynamic\"\n                            [axisDynamic]=\"{component:'axis-components/editor',inuse:true,mode:'javascript',typescriptExtLibs:importDeclarations()}\"\n                            [standalone]=\"true\" [(ngModel)]=\"editFn\"\n                            (ngModelChange)=\"execFnSubject.next()\"></ng-container>\n                    </div>\n                    <div class=\"code-row\"> {{'}'}}</div>\n                </div>\n            </nz-splitter-panel>\n        </nz-splitter>\n        @if (success()) {\n        <nz-alert nzShowIcon nzType=\"success\" nzCloseable [nzDescription]=\"success()\" (nzOnClose)=\"success.set('')\"\n            [nzAction]=\"showSuccessResultBtn\">\n        </nz-alert>\n        <ng-template #showSuccessResultBtn>\n            <button nz-button (click)=\"isShowSuccessResult=true\">\u67E5\u770B\u6267\u884C\u7ED3\u679C</button>\n        </ng-template>\n        }@else if(error()){\n        <nz-alert nzShowIcon nzType=\"error\" nzCloseable [nzDescription]=\"error()\" (nzOnClose)=\"error.set('')\">\n        </nz-alert>\n        }@else if(warn()){\n        <nz-alert nzShowIcon nzType=\"warning\" nzCloseable [nzDescription]=\"warn()\" (nzOnClose)=\"warn.set('')\">\n        </nz-alert>\n        }\n    </ng-container>\n</nz-modal>\n\n<nz-modal [nzVisible]=\"!!isShowSuccessResult\" nzTitle=\"\u51FD\u6570\u6267\u884C\u7ED3\u679C\" [nzOkText]=\"null\"\n    (nzOnCancel)=\"isShowSuccessResult=false;\" [nzBodyStyle]=\"{padding:'0',position:'relative'}\" nzCancelText=\"\u5173\u95ED\">\n    <div *nzModalContent style=\"height: 400px;\" nz-flex>\n        <ng-container [axisDynamic]=\"{component:'axis-components/editor',inuse:true,mode:'json',readonly:true}\"\n            [standalone]=\"true\" [ngModel]=\"successResult\"></ng-container>\n    </div>\n</nz-modal>\n\n<nz-modal nzWidth=\"800px\" [nzVisible]=\"!!showDataSource()\" [nzTitle]=\"'\u67E5\u770B\u6570\u636E\u6E90-'+showDataSource()?.name\" [nzOkText]=\"null\"\n    (nzOnCancel)=\"showDataSource.set(undefined)\" [nzBodyStyle]=\"{padding:'0'}\" nzCancelText=\"\u5173\u95ED\">\n    <div *nzModalContent style=\"height: 400px;\" nz-flex>\n        <ng-container [axisDynamic]=\"{component:'axis-components/editor',inuse:true,mode:'json',readonly:true}\"\n            [standalone]=\"true\" [ngModel]=\"showDataSource()?.data ??''\"></ng-container>\n    </div>\n</nz-modal>\n\n<nz-modal [(nzVisible)]=\"showCreateListenModal\" nzDraggable nzTitle=\"\u521B\u5EFA\u76D1\u542C\" (nzOnOk)=\"addListen()\"\n    (nzOnCancel)=\"showCreateListenModal.set(false)\" nzWidth=\"400px\">\n    <ng-container *nzModalContent>\n        <div nz-flex nzAlign=\"center\">\n            <div>\u6570\u636E\u6E90\u540D\u79F0\uFF1A</div>\n            <input style=\"flex:1\" nz-input [(ngModel)]=\"createListenDataSourceName\" />\n        </div>\n    </ng-container>\n</nz-modal>", styles: [".black{width:100%;height:500px;padding-left:42px}.modal .ant-modal-body{padding:0!important}nz-list{display:flex;flex-direction:column;height:100%}nz-list ::ng-deep nz-spin{overflow:auto}.code-row{padding-left:50px}.success::placeholder{color:#52c41a}.warn::placeholder{color:#faad14}.error::placeholder{color:#ff4d4f}.scope-tag{padding:0 20px;font-size:12px;background:#7d7d7d1a;color:#0000008a}.scope-tag:not(:first-child){margin-top:8px}nz-splitter ::ng-deep .ant-splitter-panel{overflow-y:visible}.scope-item-container{width:100%;overflow:auto}\n"], dependencies: [{ 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: "directive", type: i2$1.NzModalTitleDirective, selector: "[nzModalTitle]", exportAs: ["nzModalTitle"] }, { kind: "ngmodule", type: NzListModule }, { 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: "ngmodule", type: NzInputModule }, { kind: "directive", type: i4$1.NzInputDirective, selector: "input[nz-input],textarea[nz-input]", inputs: ["nzBorderless", "nzVariant", "nzSize", "nzStepperless", "nzStatus", "disabled"], exportAs: ["nzInput"] }, { kind: "component", type: i4$1.NzInputGroupComponent, selector: "nz-input-group", inputs: ["nzAddOnBeforeIcon", "nzAddOnAfterIcon", "nzPrefixIcon", "nzSuffixIcon", "nzAddOnBefore", "nzAddOnAfter", "nzPrefix", "nzStatus", "nzSuffix", "nzSize", "nzSearch"], exportAs: ["nzInputGroup"] }, { kind: "directive", type: i4$1.NzInputGroupWhitSuffixOrPrefixDirective, selector: "nz-input-group[nzSuffix], nz-input-group[nzPrefix]" }, { 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: 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: "directive", type: i8.NzWaveDirective, selector: "[nz-wave],button[nz-button]:not([nzType=\"link\"]):not([nzType=\"text\"])", inputs: ["nzWaveExtraNode"], exportAs: ["nzWave"] }, { kind: "ngmodule", type: NzRadioModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i3$2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: ClipboardModule }, { kind: "directive", type: i10.ClipboardDirective, selector: "[ngxClipboard]", inputs: ["ngxClipboard", "container", "cbContent", "cbSuccessMsg"], outputs: ["cbOnSuccess", "cbOnError"] }, { kind: "ngmodule", type: NzAlertModule }, { kind: "component", type: i11.NzAlertComponent, selector: "nz-alert", inputs: ["nzAction", "nzCloseText", "nzIconType", "nzMessage", "nzDescription", "nzType", "nzCloseable", "nzShowIcon", "nzBanner", "nzNoAnimation", "nzIcon"], outputs: ["nzOnClose"], exportAs: ["nzAlert"] }, { kind: "ngmodule", type: NzEmptyModule }, { kind: "component", type: i12.NzEmptyComponent, selector: "nz-empty", inputs: ["nzNotFoundImage", "nzNotFoundContent", "nzNotFoundFooter"], exportAs: ["nzEmpty"] }, { 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: "ngmodule", type: NzSplitterModule }, { kind: "component", type: i14.NzSplitterComponent, selector: "nz-splitter", inputs: ["nzLayout", "nzLazy"], outputs: ["nzResizeStart", "nzResize", "nzResizeEnd"], exportAs: ["nzSplitter"] }, { kind: "component", type: i14.NzSplitterPanelComponent, selector: "nz-splitter-panel", inputs: ["nzDefaultSize", "nzMin", "nzMax", "nzSize", "nzCollapsible", "nzResizable"], exportAs: ["nzSplitterPanel"] }, { 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: NzCheckboxModule }, { kind: "component", type: i16.NzCheckboxGroupComponent, selector: "nz-checkbox-group", inputs: ["nzName", "nzDisabled", "nzOptions"], exportAs: ["nzCheckboxGroup"] }, { kind: "directive", type: DynamicDirective, selector: "[axisDynamic]", inputs: ["axisDynamic", "standalone", "isDesign"], outputs: ["onRegisteValueAccess"], exportAs: ["axisDynamic"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+        ], queries: [{ propertyName: "contentModel", first: true, predicate: NgModel, descendants: true }], viewQueries: [{ propertyName: "funEditor", first: true, predicate: ["funEditor"], descendants: true }], ngImport: i0, template: "@if (!onlyFun()) {\n<div nz-flex nzAlign=\"center\">\n    @if (!value()?.funMode) {\n    <div nz-flex nzFlex=\"1 0 0\">\n        <ng-content #content></ng-content>\n    </div>\n    }@else{\n    <nz-input-group nz-flex nzFlex=\"1 0 0\" [nzSuffix]=\"suffixTemplate\" [nzPrefix]=\"prefixTemplate\">\n        <input nz-input readonly type=\"text\" [class]=\"{success:success(),warn:warn(),error:error()}\"\n            [placeholder]=\"success() || warn() || error()\" (click)=\"openFunModal()\" />\n    </nz-input-group>\n    }\n    <a nz-button nzType=\"link\" [disabled]=\"disabled()\" (click)=\"toogleMode()\"><i style=\"margin: 0 auto;display: block;\"\n            nz-icon [nzType]=\"value()?.funMode?'rollback':'function'\" nzTheme=\"outline\"></i></a>\n</div>\n}@else{\n<nz-input-group [nzSuffix]=\"suffixTemplate\" [nzPrefix]=\"prefixTemplate\">\n    <input nz-input readonly type=\"text\" [class]=\"{success:success(),warn:warn(),error:error()}\"\n        [placeholder]=\"success() || warn() || error() || ''\" (click)=\"openFunModal()\" />\n</nz-input-group>\n}\n<ng-template #prefixTemplate>\n    <i nz-icon nzType=\"function\" style=\"margin-right: 5px;\"></i>\n    @if (success()) {\n    <i nz-icon nzType=\"check-circle\" style=\"color:#52c41a;\"></i>\n    }@else if (warn()) {\n    <i nz-icon nzType=\"exclamation-circle\" style=\"color:#faad14;\"></i>\n    }@else if (error()) {\n    <i nz-icon nzType=\"close-circle\" style=\"color:#ff4d4f;\"></i>\n    }\n</ng-template>\n<ng-template #suffixTemplate>\n    <i style=\"color:rgba(150, 150, 150, 0.5);\" nz-icon nzType=\"edit\" nzTheme=\"outline\"></i>\n</ng-template>\n<nz-modal nzWidth=\"1000px\" [nzBodyStyle]=\"{padding:'0'}\" [(nzVisible)]=\"open\" (nzOnCancel)=\"onCancel()\"\n    (nzOnOk)=\"onOk()\" (nzAfterClose)=\"editValue.set(undefined);\">\n    <ng-container *nzModalTitle>\n        <i nz-icon nzType=\"function\" style=\"margin-right: 8px;\"></i>\u7F16\u8F91\u811A\u672C\n        @if (editTip()) {\n        <span style=\"font-size: 12px;margin-left: 30px;color:var(--ant-error-color)\">\n            <nz-icon nzType=\"info-circle\" nzTheme=\"outline\" />\n            {{editTip()}}\n        </span>\n        }\n    </ng-container>\n    <ng-container *nzModalContent>\n        <nz-splitter style=\"height: 400px;\" (nzResize)=\"layoutEditor()\">\n            <nz-splitter-panel [nzDefaultSize]=\"250\" [nzMin]=\"250\" nzMax=\"70%\" [nzCollapsible]=\"true\">\n                <nz-collapse nzAccordion [nzBordered]=\"false\">\n                    @if (funcsNames.length) {\n                    <nz-collapse-panel nzHeader=\"\u6CE8\u5165\u51FD\u6570\" [nzExtra]=\"funcsNames.length.toString()\">\n                        @for (item of funcsNames; track $index) {\n                        <div><span style=\"color:#C52727\">function</span> {{item}}</div>\n                        }\n                    </nz-collapse-panel>\n                    }\n                    @if ((!onlyFun() || !noListen()) && importsList().length) {\n                    <nz-collapse-panel nzHeader=\"\u51FD\u6570\u5E93\u5BFC\u5165\"\n                        [nzExtra]=\"(editValue().fnValue?.imports?.length ?? 0) + '/'+importsList().length\">\n                        <nz-checkbox-group [nzOptions]=\"importsList()\" [ngModel]=\"editValue().fnValue?.imports\"\n                            (ngModelChange)=\"changeImports($event)\" />\n                    </nz-collapse-panel>\n                    }\n                    <nz-collapse-panel nzActive nzHeader=\"\u6570\u636E\u6E90\" [nzExtra]=\"addListenBtn\">\n                        <ng-template #addListenBtn>\n                            <a nz-button nzType=\"link\" nzSize=\"small\"\n                                (click)=\"$event.stopPropagation();showCreateListenModal.set(true)\">\n                                <nz-icon nzType=\"plus\"></nz-icon>\n                                \u6DFB\u52A0\n                            </a>\n                        </ng-template>\n                        @if (!scopeds().length) {\n                        <nz-empty nzNotFoundContent=\"\u6682\u65E0\u6570\u636E\u6E90\"></nz-empty>\n                        }@else{\n                        @for (scope of scopeds(); track scope.scopeId) {\n                        <div class=\"scope-tag\">{{scope.scopeName}}</div>\n                        @for (item of getDsNames(scope); track item;) {\n                        <div nz-flex nzVertical style=\"margin-top: 2px;\">\n                            <div nz-flex nzAlign=\"center\">\n                                <a nz-button nzType=\"link\" nzSize=\"small\" (click)=\"doShowDataSource(item)\">\n                                    <i nz-icon nzType=\"search\" nzTheme=\"outline\"></i>\n                                    {{item}}\n                                </a>\n                                <a nz-button nzType=\"link\" nzSize=\"small\" ngxClipboard [cbContent]=\"item\"\n                                    (cbOnSuccess)=\"copySuccess()\">\n                                    <i nz-icon nzType=\"copy\" nzTheme=\"outline\"></i>\n                                </a>\n                                @if (scope.scopeId == '__unknown__') {\n                                <a nz-button nzType=\"link\" nzSize=\"small\" nzDanger (click)=\"removeListen(item)\">\n                                    <i nz-icon nzType=\"delete\" nzTheme=\"outline\"></i>\n                                </a>\n                                }\n                            </div>\n                            @if (!noListen()) {\n                            <nz-select style=\"margin-left:16px;font-size: 12px;width: fit-content;\"\n                                [nzDropdownMatchSelectWidth]=\"false\" nzVariant=\"borderless\"\n                                [ngModel]=\"editValue().fnValue?.listen?.[item]??'none'\"\n                                (ngModelChange)=\"changeLinstenMode(item,$event)\" nzSize=\"small\">\n                                <nz-option nzCustomContent nzLabel=\"\u4E0D\u76D1\u542C\" nzValue=\"none\">\n                                    <span style=\"font-size: 12px;\">\u4E0D\u76D1\u542C</span>\n                                </nz-option>\n                                <nz-option nzCustomContent nzLabel=\"\u9996\u6B21\u6709\u5B9A\u4E49\" nzValue=\"firstDefined\">\n                                    <span style=\"font-size: 12px;\">\u9996\u6B21\u6709\u5B9A\u4E49</span>\n                                </nz-option>\n                                <nz-option nzCustomContent nzLabel=\"\u6709\u5B9A\u4E49\" nzValue=\"defined\">\n                                    <span style=\"font-size: 12px;\">\u6709\u5B9A\u4E49</span>\n                                </nz-option>\n                                <nz-option nzCustomContent nzLabel=\"\u603B\u662F\" nzValue=\"aways\">\n                                    <span style=\"font-size: 12px;\">\u603B\u662F</span>\n                                </nz-option>\n                            </nz-select>\n                            }\n                        </div>\n                        }\n                        }\n                        }\n                    </nz-collapse-panel>\n                </nz-collapse>\n            </nz-splitter-panel>\n            <nz-splitter-panel>\n                <div nz-flex nzVertical style=\"height: 100%;\">\n                    <div class=\"code-row\"><span style=\"color: #C52727;\">function</span>({{argsName()}})\n                        {{'{'}}</div>\n                    <div nz-flex nzFlex=\"1 1 0\">\n                        <ng-container #funEditor=\"axisDynamic\"\n                            [axisDynamic]=\"{component:'axis-components/editor',inuse:true,mode:'javascript',typescriptExtLibs:importDeclarations()}\"\n                            [standalone]=\"true\" [(ngModel)]=\"editFn\"\n                            (ngModelChange)=\"execFnSubject.next()\"></ng-container>\n                    </div>\n                    <div class=\"code-row\"> {{'}'}}</div>\n                </div>\n            </nz-splitter-panel>\n        </nz-splitter>\n        @if (success()) {\n        <nz-alert nzShowIcon nzType=\"success\" nzCloseable [nzDescription]=\"success()\" (nzOnClose)=\"success.set('')\"\n            [nzAction]=\"showSuccessResultBtn\">\n        </nz-alert>\n        <ng-template #showSuccessResultBtn>\n            <button nz-button (click)=\"isShowSuccessResult=true\">\u67E5\u770B\u6267\u884C\u7ED3\u679C</button>\n        </ng-template>\n        }@else if(error()){\n        <nz-alert nzShowIcon nzType=\"error\" nzCloseable [nzDescription]=\"error()\" (nzOnClose)=\"error.set('')\">\n        </nz-alert>\n        }@else if(warn()){\n        <nz-alert nzShowIcon nzType=\"warning\" nzCloseable [nzDescription]=\"warn()\" (nzOnClose)=\"warn.set('')\">\n        </nz-alert>\n        }\n    </ng-container>\n</nz-modal>\n\n<nz-modal [nzVisible]=\"!!isShowSuccessResult\" nzTitle=\"\u51FD\u6570\u6267\u884C\u7ED3\u679C\" [nzOkText]=\"null\"\n    (nzOnCancel)=\"isShowSuccessResult=false;\" [nzBodyStyle]=\"{padding:'0',position:'relative'}\" nzCancelText=\"\u5173\u95ED\">\n    <div *nzModalContent style=\"height: 400px;\" nz-flex>\n        <ng-container [axisDynamic]=\"{component:'axis-components/editor',inuse:true,mode:'json',readonly:true}\"\n            [standalone]=\"true\" [ngModel]=\"successResult\"></ng-container>\n    </div>\n</nz-modal>\n\n<nz-modal nzWidth=\"800px\" [nzVisible]=\"!!showDataSource()\" [nzTitle]=\"'\u67E5\u770B\u6570\u636E\u6E90-'+showDataSource()?.name\" [nzOkText]=\"null\"\n    (nzOnCancel)=\"showDataSource.set(undefined)\" [nzBodyStyle]=\"{padding:'0'}\" nzCancelText=\"\u5173\u95ED\">\n    <div *nzModalContent style=\"height: 400px;\" nz-flex>\n        <ng-container [axisDynamic]=\"{component:'axis-components/editor',inuse:true,mode:'json',readonly:true}\"\n            [standalone]=\"true\" [ngModel]=\"showDataSource()?.data ??''\"></ng-container>\n    </div>\n</nz-modal>\n\n<nz-modal [(nzVisible)]=\"showCreateListenModal\" nzDraggable nzTitle=\"\u521B\u5EFA\u76D1\u542C\" (nzOnOk)=\"addListen()\"\n    (nzOnCancel)=\"showCreateListenModal.set(false)\" nzWidth=\"400px\">\n    <ng-container *nzModalContent>\n        <div nz-flex nzAlign=\"center\">\n            <div>\u6570\u636E\u6E90\u540D\u79F0\uFF1A</div>\n            <input style=\"flex:1\" nz-input [(ngModel)]=\"createListenDataSourceName\" />\n        </div>\n    </ng-container>\n</nz-modal>", styles: [".black{width:100%;height:500px;padding-left:42px}.modal .ant-modal-body{padding:0!important}nz-list{display:flex;flex-direction:column;height:100%}nz-list ::ng-deep nz-spin{overflow:auto}.code-row{padding-left:50px}.success::placeholder{color:#52c41a}.warn::placeholder{color:#faad14}.error::placeholder{color:#ff4d4f}.scope-tag{padding:0 20px;font-size:12px;background:#7d7d7d1a;color:#0000008a}.scope-tag:not(:first-child){margin-top:8px}nz-splitter ::ng-deep .ant-splitter-panel{overflow-y:visible}.scope-item-container{width:100%;overflow:auto}\n"], dependencies: [{ 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: "directive", type: i2$1.NzModalTitleDirective, selector: "[nzModalTitle]", exportAs: ["nzModalTitle"] }, { kind: "ngmodule", type: NzListModule }, { 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: "ngmodule", type: NzInputModule }, { kind: "directive", type: i4$1.NzInputDirective, selector: "input[nz-input],textarea[nz-input]", inputs: ["nzBorderless", "nzVariant", "nzSize", "nzStepperless", "nzStatus", "disabled"], exportAs: ["nzInput"] }, { kind: "component", type: i4$1.NzInputGroupComponent, selector: "nz-input-group", inputs: ["nzAddOnBeforeIcon", "nzAddOnAfterIcon", "nzPrefixIcon", "nzSuffixIcon", "nzAddOnBefore", "nzAddOnAfter", "nzPrefix", "nzStatus", "nzSuffix", "nzSize", "nzSearch"], exportAs: ["nzInputGroup"] }, { kind: "directive", type: i4$1.NzInputGroupWhitSuffixOrPrefixDirective, selector: "nz-input-group[nzSuffix], nz-input-group[nzPrefix]" }, { 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: 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: "directive", type: i8.NzWaveDirective, selector: "[nz-wave],button[nz-button]:not([nzType=\"link\"]):not([nzType=\"text\"])", inputs: ["nzWaveExtraNode"], exportAs: ["nzWave"] }, { kind: "ngmodule", type: NzRadioModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i3$2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: ClipboardModule }, { kind: "directive", type: i10.ClipboardDirective, selector: "[ngxClipboard]", inputs: ["ngxClipboard", "container", "cbContent", "cbSuccessMsg"], outputs: ["cbOnSuccess", "cbOnError"] }, { kind: "ngmodule", type: NzAlertModule }, { kind: "component", type: i11.NzAlertComponent, selector: "nz-alert", inputs: ["nzAction", "nzCloseText", "nzIconType", "nzMessage", "nzDescription", "nzType", "nzCloseable", "nzShowIcon", "nzBanner", "nzNoAnimation", "nzIcon"], outputs: ["nzOnClose"], exportAs: ["nzAlert"] }, { kind: "ngmodule", type: NzEmptyModule }, { kind: "component", type: i12.NzEmptyComponent, selector: "nz-empty", inputs: ["nzNotFoundImage", "nzNotFoundContent", "nzNotFoundFooter"], exportAs: ["nzEmpty"] }, { 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: "ngmodule", type: NzSplitterModule }, { kind: "component", type: i14.NzSplitterComponent, selector: "nz-splitter", inputs: ["nzLayout", "nzLazy"], outputs: ["nzResizeStart", "nzResize", "nzResizeEnd"], exportAs: ["nzSplitter"] }, { kind: "component", type: i14.NzSplitterPanelComponent, selector: "nz-splitter-panel", inputs: ["nzDefaultSize", "nzMin", "nzMax", "nzSize", "nzCollapsible", "nzResizable"], exportAs: ["nzSplitterPanel"] }, { 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: NzCheckboxModule }, { kind: "component", type: i16.NzCheckboxGroupComponent, selector: "nz-checkbox-group", inputs: ["nzName", "nzDisabled", "nzOptions"], exportAs: ["nzCheckboxGroup"] }, { kind: "directive", type: DynamicDirective, selector: "[axisDynamic]", inputs: ["axisDynamic", "standalone", "isDesign"], outputs: ["onRegisteValueAccess"], exportAs: ["axisDynamic"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: FunField, decorators: [{
             type: Component,
@@ -2173,7 +2178,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImpor
                             useExisting: forwardRef(() => FunField),
                             multi: true
                         }
-                    ], template: "@if (!onlyFun()) {\n<div nz-flex nzAlign=\"center\">\n    @if (!value()?.funMode) {\n    <div nz-flex nzFlex=\"1 0 0\">\n        <ng-content #content></ng-content>\n    </div>\n    }@else{\n    <nz-input-group nz-flex nzFlex=\"1 0 0\" [nzSuffix]=\"suffixTemplate\" [nzPrefix]=\"prefixTemplate\">\n        <input nz-input readonly type=\"text\" [class]=\"{success:success(),warn:warn(),error:error()}\"\n            [placeholder]=\"success() || warn() || error()\" (click)=\"openFunModal()\" />\n    </nz-input-group>\n    }\n    <a nz-button nzType=\"link\" [disabled]=\"disabled()\" (click)=\"toogleMode()\"><i style=\"margin: 0 auto;display: block;\"\n            nz-icon [nzType]=\"value()?.funMode?'rollback':'function'\" nzTheme=\"outline\"></i></a>\n</div>\n}@else{\n<nz-input-group [nzSuffix]=\"suffixTemplate\" [nzPrefix]=\"prefixTemplate\">\n    <input nz-input readonly type=\"text\" [class]=\"{success:success(),warn:warn(),error:error()}\"\n        [placeholder]=\"success() || warn() || error() || ''\" (click)=\"openFunModal()\" />\n</nz-input-group>\n}\n<ng-template #prefixTemplate>\n    <i nz-icon nzType=\"function\" style=\"margin-right: 5px;\"></i>\n    @if (success()) {\n    <i nz-icon nzType=\"check-circle\" style=\"color:#52c41a;\"></i>\n    }@else if (warn()) {\n    <i nz-icon nzType=\"exclamation-circle\" style=\"color:#faad14;\"></i>\n    }@else if (error()) {\n    <i nz-icon nzType=\"close-circle\" style=\"color:#ff4d4f;\"></i>\n    }\n</ng-template>\n<ng-template #suffixTemplate>\n    <i style=\"color:rgba(150, 150, 150, 0.5);\" nz-icon nzType=\"edit\" nzTheme=\"outline\"></i>\n</ng-template>\n<nz-modal nzWidth=\"1000px\" [nzBodyStyle]=\"{padding:'0'}\" [(nzVisible)]=\"open\" (nzOnCancel)=\"onCancel()\"\n    (nzOnOk)=\"onOk()\" (nzAfterClose)=\"editValue.set(undefined);\">\n    <ng-container *nzModalTitle>\n        <i nz-icon nzType=\"function\" style=\"margin-right: 8px;\"></i>\u7F16\u8F91\u811A\u672C\n        @if (editTip()) {\n        <span style=\"font-size: 12px;margin-left: 30px;color:var(--ant-error-color)\">\n            <nz-icon nzType=\"info-circle\" nzTheme=\"outline\" />\n            {{editTip()}}\n        </span>\n        }\n    </ng-container>\n    <ng-container *nzModalContent>\n        <nz-splitter style=\"height: 400px;\" (nzResize)=\"layoutEditor()\">\n            <nz-splitter-panel [nzDefaultSize]=\"250\" [nzMin]=\"250\" nzMax=\"70%\" [nzCollapsible]=\"true\">\n                <nz-collapse nzAccordion [nzBordered]=\"false\">\n                    @if (funcsNames.length) {\n                    <nz-collapse-panel nzHeader=\"\u6CE8\u5165\u51FD\u6570\" [nzExtra]=\"funcsNames.length.toString()\">\n                        @for (item of funcsNames; track $index) {\n                        <div><span style=\"color:#C52727\">function</span> {{item}}</div>\n                        }\n                    </nz-collapse-panel>\n                    }\n                    @if (importsList().length) {\n                    <nz-collapse-panel nzHeader=\"\u51FD\u6570\u5E93\u5BFC\u5165\"\n                        [nzExtra]=\"(editValue().fnValue?.imports?.length ?? 0) + '/'+importsList().length\">\n                        <nz-checkbox-group [nzOptions]=\"importsList()\" [ngModel]=\"editValue().fnValue?.imports\"\n                            (ngModelChange)=\"changeImports($event)\" />\n                    </nz-collapse-panel>\n                    }\n                    <nz-collapse-panel nzActive nzHeader=\"\u6570\u636E\u6E90\" [nzExtra]=\"addListenBtn\">\n                        <ng-template #addListenBtn>\n                            <a nz-button nzType=\"link\" nzSize=\"small\"\n                                (click)=\"$event.stopPropagation();showCreateListenModal.set(true)\">\n                                <nz-icon nzType=\"plus\"></nz-icon>\n                                \u6DFB\u52A0\n                            </a>\n                        </ng-template>\n                        @if (!scopeds().length) {\n                        <nz-empty nzNotFoundContent=\"\u6682\u65E0\u6570\u636E\u6E90\"></nz-empty>\n                        }@else{\n                        @for (scope of scopeds(); track scope.scopeId) {\n                        <div class=\"scope-tag\">{{scope.scopeName}}</div>\n                        @for (item of getDsNames(scope); track item;) {\n                        <div nz-flex nzVertical style=\"margin-top: 2px;\">\n                            <div nz-flex nzAlign=\"center\">\n                                <a nz-button nzType=\"link\" nzSize=\"small\" (click)=\"doShowDataSource(item)\">\n                                    <i nz-icon nzType=\"search\" nzTheme=\"outline\"></i>\n                                    {{item}}\n                                </a>\n                                <a nz-button nzType=\"link\" nzSize=\"small\" ngxClipboard [cbContent]=\"item\"\n                                    (cbOnSuccess)=\"copySuccess()\">\n                                    <i nz-icon nzType=\"copy\" nzTheme=\"outline\"></i>\n                                </a>\n                                @if (scope.scopeId == '__unknown__') {\n                                <a nz-button nzType=\"link\" nzSize=\"small\" nzDanger (click)=\"removeListen(item)\">\n                                    <i nz-icon nzType=\"delete\" nzTheme=\"outline\"></i>\n                                </a>\n                                }\n                            </div>\n                            @if (!noListen()) {\n                            <nz-select style=\"margin-left:16px;font-size: 12px;width: fit-content;\"\n                                [nzDropdownMatchSelectWidth]=\"false\" nzVariant=\"borderless\"\n                                [ngModel]=\"editValue().fnValue?.listen?.[item]??'none'\"\n                                (ngModelChange)=\"changeLinstenMode(item,$event)\" nzSize=\"small\">\n                                <nz-option nzCustomContent nzLabel=\"\u4E0D\u76D1\u542C\" nzValue=\"none\">\n                                    <span style=\"font-size: 12px;\">\u4E0D\u76D1\u542C</span>\n                                </nz-option>\n                                <nz-option nzCustomContent nzLabel=\"\u9996\u6B21\u6709\u5B9A\u4E49\" nzValue=\"firstDefined\">\n                                    <span style=\"font-size: 12px;\">\u9996\u6B21\u6709\u5B9A\u4E49</span>\n                                </nz-option>\n                                <nz-option nzCustomContent nzLabel=\"\u6709\u5B9A\u4E49\" nzValue=\"defined\">\n                                    <span style=\"font-size: 12px;\">\u6709\u5B9A\u4E49</span>\n                                </nz-option>\n                                <nz-option nzCustomContent nzLabel=\"\u603B\u662F\" nzValue=\"aways\">\n                                    <span style=\"font-size: 12px;\">\u603B\u662F</span>\n                                </nz-option>\n                            </nz-select>\n                            }\n                        </div>\n                        }\n                        }\n                        }\n                    </nz-collapse-panel>\n                </nz-collapse>\n            </nz-splitter-panel>\n            <nz-splitter-panel>\n                <div nz-flex nzVertical style=\"height: 100%;\">\n                    <div class=\"code-row\"><span style=\"color: #C52727;\">function</span>({{argsName()}})\n                        {{'{'}}</div>\n                    <div nz-flex nzFlex=\"1 1 0\">\n                        <ng-container #funEditor=\"axisDynamic\"\n                            [axisDynamic]=\"{component:'axis-components/editor',inuse:true,mode:'javascript',typescriptExtLibs:importDeclarations()}\"\n                            [standalone]=\"true\" [(ngModel)]=\"editFn\"\n                            (ngModelChange)=\"execFnSubject.next()\"></ng-container>\n                    </div>\n                    <div class=\"code-row\"> {{'}'}}</div>\n                </div>\n            </nz-splitter-panel>\n        </nz-splitter>\n        @if (success()) {\n        <nz-alert nzShowIcon nzType=\"success\" nzCloseable [nzDescription]=\"success()\" (nzOnClose)=\"success.set('')\"\n            [nzAction]=\"showSuccessResultBtn\">\n        </nz-alert>\n        <ng-template #showSuccessResultBtn>\n            <button nz-button (click)=\"isShowSuccessResult=true\">\u67E5\u770B\u6267\u884C\u7ED3\u679C</button>\n        </ng-template>\n        }@else if(error()){\n        <nz-alert nzShowIcon nzType=\"error\" nzCloseable [nzDescription]=\"error()\" (nzOnClose)=\"error.set('')\">\n        </nz-alert>\n        }@else if(warn()){\n        <nz-alert nzShowIcon nzType=\"warning\" nzCloseable [nzDescription]=\"warn()\" (nzOnClose)=\"warn.set('')\">\n        </nz-alert>\n        }\n    </ng-container>\n</nz-modal>\n\n<nz-modal [nzVisible]=\"!!isShowSuccessResult\" nzTitle=\"\u51FD\u6570\u6267\u884C\u7ED3\u679C\" [nzOkText]=\"null\"\n    (nzOnCancel)=\"isShowSuccessResult=false;\" [nzBodyStyle]=\"{padding:'0',position:'relative'}\" nzCancelText=\"\u5173\u95ED\">\n    <div *nzModalContent style=\"height: 400px;\" nz-flex>\n        <ng-container [axisDynamic]=\"{component:'axis-components/editor',inuse:true,mode:'json',readonly:true}\"\n            [standalone]=\"true\" [ngModel]=\"successResult\"></ng-container>\n    </div>\n</nz-modal>\n\n<nz-modal nzWidth=\"800px\" [nzVisible]=\"!!showDataSource()\" [nzTitle]=\"'\u67E5\u770B\u6570\u636E\u6E90-'+showDataSource()?.name\" [nzOkText]=\"null\"\n    (nzOnCancel)=\"showDataSource.set(undefined)\" [nzBodyStyle]=\"{padding:'0'}\" nzCancelText=\"\u5173\u95ED\">\n    <div *nzModalContent style=\"height: 400px;\" nz-flex>\n        <ng-container [axisDynamic]=\"{component:'axis-components/editor',inuse:true,mode:'json',readonly:true}\"\n            [standalone]=\"true\" [ngModel]=\"showDataSource()?.data ??''\"></ng-container>\n    </div>\n</nz-modal>\n\n<nz-modal [(nzVisible)]=\"showCreateListenModal\" nzDraggable nzTitle=\"\u521B\u5EFA\u76D1\u542C\" (nzOnOk)=\"addListen()\"\n    (nzOnCancel)=\"showCreateListenModal.set(false)\" nzWidth=\"400px\">\n    <ng-container *nzModalContent>\n        <div nz-flex nzAlign=\"center\">\n            <div>\u6570\u636E\u6E90\u540D\u79F0\uFF1A</div>\n            <input style=\"flex:1\" nz-input [(ngModel)]=\"createListenDataSourceName\" />\n        </div>\n    </ng-container>\n</nz-modal>", styles: [".black{width:100%;height:500px;padding-left:42px}.modal .ant-modal-body{padding:0!important}nz-list{display:flex;flex-direction:column;height:100%}nz-list ::ng-deep nz-spin{overflow:auto}.code-row{padding-left:50px}.success::placeholder{color:#52c41a}.warn::placeholder{color:#faad14}.error::placeholder{color:#ff4d4f}.scope-tag{padding:0 20px;font-size:12px;background:#7d7d7d1a;color:#0000008a}.scope-tag:not(:first-child){margin-top:8px}nz-splitter ::ng-deep .ant-splitter-panel{overflow-y:visible}.scope-item-container{width:100%;overflow:auto}\n"] }]
+                    ], template: "@if (!onlyFun()) {\n<div nz-flex nzAlign=\"center\">\n    @if (!value()?.funMode) {\n    <div nz-flex nzFlex=\"1 0 0\">\n        <ng-content #content></ng-content>\n    </div>\n    }@else{\n    <nz-input-group nz-flex nzFlex=\"1 0 0\" [nzSuffix]=\"suffixTemplate\" [nzPrefix]=\"prefixTemplate\">\n        <input nz-input readonly type=\"text\" [class]=\"{success:success(),warn:warn(),error:error()}\"\n            [placeholder]=\"success() || warn() || error()\" (click)=\"openFunModal()\" />\n    </nz-input-group>\n    }\n    <a nz-button nzType=\"link\" [disabled]=\"disabled()\" (click)=\"toogleMode()\"><i style=\"margin: 0 auto;display: block;\"\n            nz-icon [nzType]=\"value()?.funMode?'rollback':'function'\" nzTheme=\"outline\"></i></a>\n</div>\n}@else{\n<nz-input-group [nzSuffix]=\"suffixTemplate\" [nzPrefix]=\"prefixTemplate\">\n    <input nz-input readonly type=\"text\" [class]=\"{success:success(),warn:warn(),error:error()}\"\n        [placeholder]=\"success() || warn() || error() || ''\" (click)=\"openFunModal()\" />\n</nz-input-group>\n}\n<ng-template #prefixTemplate>\n    <i nz-icon nzType=\"function\" style=\"margin-right: 5px;\"></i>\n    @if (success()) {\n    <i nz-icon nzType=\"check-circle\" style=\"color:#52c41a;\"></i>\n    }@else if (warn()) {\n    <i nz-icon nzType=\"exclamation-circle\" style=\"color:#faad14;\"></i>\n    }@else if (error()) {\n    <i nz-icon nzType=\"close-circle\" style=\"color:#ff4d4f;\"></i>\n    }\n</ng-template>\n<ng-template #suffixTemplate>\n    <i style=\"color:rgba(150, 150, 150, 0.5);\" nz-icon nzType=\"edit\" nzTheme=\"outline\"></i>\n</ng-template>\n<nz-modal nzWidth=\"1000px\" [nzBodyStyle]=\"{padding:'0'}\" [(nzVisible)]=\"open\" (nzOnCancel)=\"onCancel()\"\n    (nzOnOk)=\"onOk()\" (nzAfterClose)=\"editValue.set(undefined);\">\n    <ng-container *nzModalTitle>\n        <i nz-icon nzType=\"function\" style=\"margin-right: 8px;\"></i>\u7F16\u8F91\u811A\u672C\n        @if (editTip()) {\n        <span style=\"font-size: 12px;margin-left: 30px;color:var(--ant-error-color)\">\n            <nz-icon nzType=\"info-circle\" nzTheme=\"outline\" />\n            {{editTip()}}\n        </span>\n        }\n    </ng-container>\n    <ng-container *nzModalContent>\n        <nz-splitter style=\"height: 400px;\" (nzResize)=\"layoutEditor()\">\n            <nz-splitter-panel [nzDefaultSize]=\"250\" [nzMin]=\"250\" nzMax=\"70%\" [nzCollapsible]=\"true\">\n                <nz-collapse nzAccordion [nzBordered]=\"false\">\n                    @if (funcsNames.length) {\n                    <nz-collapse-panel nzHeader=\"\u6CE8\u5165\u51FD\u6570\" [nzExtra]=\"funcsNames.length.toString()\">\n                        @for (item of funcsNames; track $index) {\n                        <div><span style=\"color:#C52727\">function</span> {{item}}</div>\n                        }\n                    </nz-collapse-panel>\n                    }\n                    @if ((!onlyFun() || !noListen()) && importsList().length) {\n                    <nz-collapse-panel nzHeader=\"\u51FD\u6570\u5E93\u5BFC\u5165\"\n                        [nzExtra]=\"(editValue().fnValue?.imports?.length ?? 0) + '/'+importsList().length\">\n                        <nz-checkbox-group [nzOptions]=\"importsList()\" [ngModel]=\"editValue().fnValue?.imports\"\n                            (ngModelChange)=\"changeImports($event)\" />\n                    </nz-collapse-panel>\n                    }\n                    <nz-collapse-panel nzActive nzHeader=\"\u6570\u636E\u6E90\" [nzExtra]=\"addListenBtn\">\n                        <ng-template #addListenBtn>\n                            <a nz-button nzType=\"link\" nzSize=\"small\"\n                                (click)=\"$event.stopPropagation();showCreateListenModal.set(true)\">\n                                <nz-icon nzType=\"plus\"></nz-icon>\n                                \u6DFB\u52A0\n                            </a>\n                        </ng-template>\n                        @if (!scopeds().length) {\n                        <nz-empty nzNotFoundContent=\"\u6682\u65E0\u6570\u636E\u6E90\"></nz-empty>\n                        }@else{\n                        @for (scope of scopeds(); track scope.scopeId) {\n                        <div class=\"scope-tag\">{{scope.scopeName}}</div>\n                        @for (item of getDsNames(scope); track item;) {\n                        <div nz-flex nzVertical style=\"margin-top: 2px;\">\n                            <div nz-flex nzAlign=\"center\">\n                                <a nz-button nzType=\"link\" nzSize=\"small\" (click)=\"doShowDataSource(item)\">\n                                    <i nz-icon nzType=\"search\" nzTheme=\"outline\"></i>\n                                    {{item}}\n                                </a>\n                                <a nz-button nzType=\"link\" nzSize=\"small\" ngxClipboard [cbContent]=\"item\"\n                                    (cbOnSuccess)=\"copySuccess()\">\n                                    <i nz-icon nzType=\"copy\" nzTheme=\"outline\"></i>\n                                </a>\n                                @if (scope.scopeId == '__unknown__') {\n                                <a nz-button nzType=\"link\" nzSize=\"small\" nzDanger (click)=\"removeListen(item)\">\n                                    <i nz-icon nzType=\"delete\" nzTheme=\"outline\"></i>\n                                </a>\n                                }\n                            </div>\n                            @if (!noListen()) {\n                            <nz-select style=\"margin-left:16px;font-size: 12px;width: fit-content;\"\n                                [nzDropdownMatchSelectWidth]=\"false\" nzVariant=\"borderless\"\n                                [ngModel]=\"editValue().fnValue?.listen?.[item]??'none'\"\n                                (ngModelChange)=\"changeLinstenMode(item,$event)\" nzSize=\"small\">\n                                <nz-option nzCustomContent nzLabel=\"\u4E0D\u76D1\u542C\" nzValue=\"none\">\n                                    <span style=\"font-size: 12px;\">\u4E0D\u76D1\u542C</span>\n                                </nz-option>\n                                <nz-option nzCustomContent nzLabel=\"\u9996\u6B21\u6709\u5B9A\u4E49\" nzValue=\"firstDefined\">\n                                    <span style=\"font-size: 12px;\">\u9996\u6B21\u6709\u5B9A\u4E49</span>\n                                </nz-option>\n                                <nz-option nzCustomContent nzLabel=\"\u6709\u5B9A\u4E49\" nzValue=\"defined\">\n                                    <span style=\"font-size: 12px;\">\u6709\u5B9A\u4E49</span>\n                                </nz-option>\n                                <nz-option nzCustomContent nzLabel=\"\u603B\u662F\" nzValue=\"aways\">\n                                    <span style=\"font-size: 12px;\">\u603B\u662F</span>\n                                </nz-option>\n                            </nz-select>\n                            }\n                        </div>\n                        }\n                        }\n                        }\n                    </nz-collapse-panel>\n                </nz-collapse>\n            </nz-splitter-panel>\n            <nz-splitter-panel>\n                <div nz-flex nzVertical style=\"height: 100%;\">\n                    <div class=\"code-row\"><span style=\"color: #C52727;\">function</span>({{argsName()}})\n                        {{'{'}}</div>\n                    <div nz-flex nzFlex=\"1 1 0\">\n                        <ng-container #funEditor=\"axisDynamic\"\n                            [axisDynamic]=\"{component:'axis-components/editor',inuse:true,mode:'javascript',typescriptExtLibs:importDeclarations()}\"\n                            [standalone]=\"true\" [(ngModel)]=\"editFn\"\n                            (ngModelChange)=\"execFnSubject.next()\"></ng-container>\n                    </div>\n                    <div class=\"code-row\"> {{'}'}}</div>\n                </div>\n            </nz-splitter-panel>\n        </nz-splitter>\n        @if (success()) {\n        <nz-alert nzShowIcon nzType=\"success\" nzCloseable [nzDescription]=\"success()\" (nzOnClose)=\"success.set('')\"\n            [nzAction]=\"showSuccessResultBtn\">\n        </nz-alert>\n        <ng-template #showSuccessResultBtn>\n            <button nz-button (click)=\"isShowSuccessResult=true\">\u67E5\u770B\u6267\u884C\u7ED3\u679C</button>\n        </ng-template>\n        }@else if(error()){\n        <nz-alert nzShowIcon nzType=\"error\" nzCloseable [nzDescription]=\"error()\" (nzOnClose)=\"error.set('')\">\n        </nz-alert>\n        }@else if(warn()){\n        <nz-alert nzShowIcon nzType=\"warning\" nzCloseable [nzDescription]=\"warn()\" (nzOnClose)=\"warn.set('')\">\n        </nz-alert>\n        }\n    </ng-container>\n</nz-modal>\n\n<nz-modal [nzVisible]=\"!!isShowSuccessResult\" nzTitle=\"\u51FD\u6570\u6267\u884C\u7ED3\u679C\" [nzOkText]=\"null\"\n    (nzOnCancel)=\"isShowSuccessResult=false;\" [nzBodyStyle]=\"{padding:'0',position:'relative'}\" nzCancelText=\"\u5173\u95ED\">\n    <div *nzModalContent style=\"height: 400px;\" nz-flex>\n        <ng-container [axisDynamic]=\"{component:'axis-components/editor',inuse:true,mode:'json',readonly:true}\"\n            [standalone]=\"true\" [ngModel]=\"successResult\"></ng-container>\n    </div>\n</nz-modal>\n\n<nz-modal nzWidth=\"800px\" [nzVisible]=\"!!showDataSource()\" [nzTitle]=\"'\u67E5\u770B\u6570\u636E\u6E90-'+showDataSource()?.name\" [nzOkText]=\"null\"\n    (nzOnCancel)=\"showDataSource.set(undefined)\" [nzBodyStyle]=\"{padding:'0'}\" nzCancelText=\"\u5173\u95ED\">\n    <div *nzModalContent style=\"height: 400px;\" nz-flex>\n        <ng-container [axisDynamic]=\"{component:'axis-components/editor',inuse:true,mode:'json',readonly:true}\"\n            [standalone]=\"true\" [ngModel]=\"showDataSource()?.data ??''\"></ng-container>\n    </div>\n</nz-modal>\n\n<nz-modal [(nzVisible)]=\"showCreateListenModal\" nzDraggable nzTitle=\"\u521B\u5EFA\u76D1\u542C\" (nzOnOk)=\"addListen()\"\n    (nzOnCancel)=\"showCreateListenModal.set(false)\" nzWidth=\"400px\">\n    <ng-container *nzModalContent>\n        <div nz-flex nzAlign=\"center\">\n            <div>\u6570\u636E\u6E90\u540D\u79F0\uFF1A</div>\n            <input style=\"flex:1\" nz-input [(ngModel)]=\"createListenDataSourceName\" />\n        </div>\n    </ng-container>\n</nz-modal>", styles: [".black{width:100%;height:500px;padding-left:42px}.modal .ant-modal-body{padding:0!important}nz-list{display:flex;flex-direction:column;height:100%}nz-list ::ng-deep nz-spin{overflow:auto}.code-row{padding-left:50px}.success::placeholder{color:#52c41a}.warn::placeholder{color:#faad14}.error::placeholder{color:#ff4d4f}.scope-tag{padding:0 20px;font-size:12px;background:#7d7d7d1a;color:#0000008a}.scope-tag:not(:first-child){margin-top:8px}nz-splitter ::ng-deep .ant-splitter-panel{overflow-y:visible}.scope-item-container{width:100%;overflow:auto}\n"] }]
         }], ctorParameters: () => [{ type: i2.NzMessageService }], propDecorators: { funEditor: [{
                 type: ViewChild,
                 args: ["funEditor"]
@@ -2264,6 +2269,41 @@ class FormValidators extends Validators {
         };
     }
 }
+function buildValidators(validators) {
+    const output = [];
+    for (const v of validators) {
+        if (v.disabled) {
+            continue;
+        }
+        switch (v.type) {
+            case "required":
+                output.push(FormValidators.required);
+                break;
+            case "length":
+                if (v.minLength || v.minLength == 0) {
+                    output.push(FormValidators.minLength(v.minLength));
+                }
+                if (v.maxLength || v.maxLength == 0) {
+                    output.push(FormValidators.maxLength(v.maxLength));
+                }
+                break;
+            case "value":
+                if (v.minValue || v.minValue == 0) {
+                    output.push(FormValidators.min(v.minValue));
+                }
+                if (v.maxValue || v.maxValue == 0) {
+                    output.push(FormValidators.max(v.maxValue));
+                }
+                break;
+            case "regex":
+                if (v.pattern) {
+                    output.push(FormValidators.pattern(v.pattern));
+                }
+                break;
+        }
+    }
+    return output;
+}
 
 class BaseDesignSetting {
     element;
@@ -3156,6 +3196,138 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImpor
             args: [{ selector: 'axis-design-simple-menu', imports: [NzDropDownModule, NzIconModule, CommonMenu], changeDetection: ChangeDetectionStrategy.OnPush, template: "<nz-dropdown-menu #menu=\"nzDropdownMenu\">\n    <ul nz-menu>\n        <axis-common-menu [baseMenu]=\"this\"></axis-common-menu>\n    </ul>\n</nz-dropdown-menu>" }]
         }] });
 
+class InputValidator extends FunFieldBase {
+    element;
+    constructor(element) {
+        super();
+        this.element = element;
+    }
+    value = model(...(ngDevMode ? [undefined, { debugName: "value" }] : []));
+    showLine = signal(false, ...(ngDevMode ? [{ debugName: "showLine" }] : []));
+    onChange;
+    editIndex = -1;
+    showModal = model(false, ...(ngDevMode ? [{ debugName: "showModal" }] : []));
+    validatorDesc = computed(() => this.buildValidatorsDesc(), ...(ngDevMode ? [{ debugName: "validatorDesc" }] : []));
+    fg = this.fb.group({
+        type: ["required", FormValidators.required],
+        disabled: [undefined, FormValidators.requiredFun],
+        minLength: [],
+        maxLength: [],
+        minValue: [],
+        maxValue: [],
+        pattern: [],
+    });
+    funFields = {
+        disabled: {
+            defaultValue: false
+        },
+        minLength: {
+            defaultValue: null
+        },
+        maxLength: {
+            defaultValue: null
+        },
+        minValue: {
+            defaultValue: null
+        },
+        maxValue: {
+            defaultValue: null
+        },
+        pattern: {
+            defaultValue: ""
+        }
+    };
+    writeValue(v) {
+        this.value.set(v);
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) { }
+    ngAfterViewInit() {
+        if (this.element.nativeElement.nextElementSibling) {
+            this.showLine.set(true);
+        }
+    }
+    buildValidatorsDesc() {
+        return this.value()?.map(v => {
+            switch (v.type) {
+                case "required":
+                    return "此项必填";
+                case "length":
+                    return `长度范围:${this.wrapNumberField(v, "minLength")} ~ ${this.wrapNumberField(v, "maxLength")}`;
+                case "value":
+                    return `值范围:${this.wrapNumberField(v, "minValue")} ~ ${this.wrapNumberField(v, "maxValue")}`;
+                case "regex":
+                    return `表达式:${this.wrapFunField(v, "pattern")}`;
+                default:
+                    return "";
+            }
+        });
+    }
+    wrapFunField(obj, field) {
+        if (obj.hasOwnProperty(`$${field}`)) {
+            return "[动态值]";
+        }
+        return obj[field];
+    }
+    wrapNumberField(obj, field) {
+        const value = this.wrapFunField(obj, field);
+        if (typeof value != "number" && !value) {
+            return "[不限制]";
+        }
+        return value;
+    }
+    openWithCreate() {
+        this.editIndex = -1;
+        this.reset();
+        this.showModal.set(true);
+    }
+    openWithUpdate(index) {
+        this.editIndex = index;
+        this.reset(this.value()[this.editIndex]);
+        this.showModal.set(true);
+    }
+    save() {
+        if (updateAndValidAll(this.fg)) {
+            const nextValue = copy(this.value() ?? [], true);
+            const validator = this.recoverFunField(this.fg.value);
+            if (this.editIndex == -1) {
+                nextValue.push(validator);
+            }
+            else {
+                nextValue[this.editIndex] = validator;
+            }
+            this.showModal.set(false);
+            this.value.set(nextValue);
+            this.onChange(this.value());
+        }
+    }
+    deleteValidator(index) {
+        this.value().splice(index, 1);
+        this.value.set([...this.value()]);
+        this.onChange(this.value());
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: InputValidator, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.6", type: InputValidator, isStandalone: true, selector: "axis-input-validator", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, showModal: { classPropertyName: "showModal", publicName: "showModal", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange", showModal: "showModalChange" }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => InputValidator),
+                multi: true
+            },
+        ], usesInheritance: true, ngImport: i0, template: "<nz-collapse [nzBordered]=\"false\">\n    <ng-template #addButton>\n        <a nz-button nzType=\"link\" style=\"float: right;\" (click)=\"$event.stopPropagation();openWithCreate()\">\n            <nz-icon nzType=\"plus\"></nz-icon>\n            \u6DFB\u52A0\n        </a>\n    </ng-template>\n    <nz-collapse-panel nzHeader=\"\u8868\u5355\u9879\u9A8C\u8BC1\" nzActive [nzExtra]=\"addButton\">\n        @if (!value()?.length) {\n        <nz-empty nzNotFoundContent=\"\u6682\u65E0\u9A8C\u8BC1\u5668\"></nz-empty>\n        }@else{\n        <div nz-flex nzVertical nzGap=\"8px\" style=\"padding: 6px;\">\n            @for (item of value()??[]; track item;let i=$index) {\n            <div nz-flex nzGap=\"8px\" nzAlign=\"center\">\n                <div style=\"width: 64px;\">\n                    @switch (item.type) {\n                    @case (\"required\") {\n                    <nz-tag nzColor=\"magenta\">\u5FC5\u586B\u9A8C\u8BC1</nz-tag>\n                    }\n                    @case (\"length\") {\n                    <nz-tag nzColor=\"blue\">\u957F\u5EA6\u9A8C\u8BC1</nz-tag>\n                    }\n                    @case (\"value\") {\n                    <nz-tag nzColor=\"purple\">\u503C\u9A8C\u8BC1</nz-tag>\n                    }\n                    @case (\"regex\") {\n                    <nz-tag nzColor=\"cyan\">\u6B63\u5219\u9A8C\u8BC1</nz-tag>\n                    }\n                    }\n                </div>\n                <div class=\"validator-desc\">{{validatorDesc()?.[i]}}</div>\n                <div>\n                    <a nz-button nzType=\"link\" nzSize=\"small\" (click)=\"openWithUpdate(i)\">\n                        <i nz-icon nzType=\"edit\" nzTheme=\"outline\"></i>\n                    </a>\n                    <a nz-button nzType=\"link\" nzSize=\"small\" nzDanger (click)=\"deleteValidator(i)\">\n                        <i nz-icon nzType=\"delete\" nzTheme=\"outline\"></i>\n                    </a>\n                </div>\n            </div>\n            }\n        </div>\n        }\n    </nz-collapse-panel>\n    @if (showLine()) {\n    <div></div>\n    }\n</nz-collapse>\n\n<nz-modal [(nzVisible)]=\"showModal\" nzTitle=\"\u9A8C\u8BC1\u5668\" nzWidth=\"450px\" (nzOnCancel)=\"showModal.set(false)\" (nzOnOk)=\"save()\">\n    <ng-container *nzModalContent>\n        <form [formGroup]=\"fg\" nz-form>\n            <nz-form-item>\n                <nz-form-label nzSpan=\"6\" nzRequired>\n                    \u9A8C\u8BC1\u7C7B\u578B\n                </nz-form-label>\n                <nz-form-control nzSpan=\"18\">\n                    <nz-select formControlName=\"type\">\n                        <nz-option nzValue=\"required\" nzLabel=\"\u5FC5\u586B\u9A8C\u8BC1\"></nz-option>\n                        <nz-option nzValue=\"length\" nzLabel=\"\u957F\u5EA6\u9A8C\u8BC1\"></nz-option>\n                        <nz-option nzValue=\"value\" nzLabel=\"\u503C\u9A8C\u8BC1\"></nz-option>\n                        <nz-option nzValue=\"regex\" nzLabel=\"\u6B63\u5219\u9A8C\u8BC1\"></nz-option>\n                    </nz-select>\n                </nz-form-control>\n            </nz-form-item>\n            <nz-form-item>\n                <nz-form-label nzSpan=\"6\" nzRequired>\n                    \u7981\u7528\n                </nz-form-label>\n                <nz-form-control nzSpan=\"18\">\n                    <axis-fun-field formControlName=\"disabled\">\n                        <nz-switch ngModel [ngModelOptions]=\"{standalone:true}\"></nz-switch>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            @switch (fg.value.type) {\n            @case (\"length\") {\n            <nz-form-item>\n                <nz-form-label nzSpan=\"6\">\n                    \u6700\u5C0F\u957F\u5EA6\n                </nz-form-label>\n                <nz-form-control nzSpan=\"18\">\n                    <axis-fun-field formControlName=\"minLength\">\n                        <nz-input-number style=\"width: 100%\" nzPlaceHolder=\"\u4E0D\u9650\u5236\" nzMin=\"0\" ngModel\n                            [ngModelOptions]=\"{standalone:true}\"></nz-input-number>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            <nz-form-item>\n                <nz-form-label nzSpan=\"6\">\n                    \u6700\u5927\u957F\u5EA6\n                </nz-form-label>\n                <nz-form-control nzSpan=\"18\">\n                    <axis-fun-field formControlName=\"maxLength\">\n                        <nz-input-number style=\"width: 100%\" nzPlaceHolder=\"\u4E0D\u9650\u5236\" nzMin=\"0\" ngModel\n                            [ngModelOptions]=\"{standalone:true}\"></nz-input-number>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            }\n            @case (\"value\") {\n            <nz-form-item>\n                <nz-form-label nzSpan=\"6\">\n                    \u6700\u5C0F\u503C\n                </nz-form-label>\n                <nz-form-control nzSpan=\"18\">\n                    <axis-fun-field formControlName=\"minValue\">\n                        <nz-input-number style=\"width: 100%\" nzPlaceHolder=\"\u4E0D\u9650\u5236\" ngModel\n                            [ngModelOptions]=\"{standalone:true}\"></nz-input-number>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            <nz-form-item>\n                <nz-form-label nzSpan=\"6\">\n                    \u6700\u5927\u503C\n                </nz-form-label>\n                <nz-form-control nzSpan=\"18\">\n                    <axis-fun-field formControlName=\"maxValue\">\n                        <nz-input-number style=\"width: 100%\" nzPlaceHolder=\"\u4E0D\u9650\u5236\" ngModel\n                            [ngModelOptions]=\"{standalone:true}\"></nz-input-number>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            }\n            @case (\"regex\") {\n            <nz-form-item>\n                <nz-form-label nzSpan=\"6\">\n                    \u6B63\u5219\u8868\u8FBE\u5F0F\n                </nz-form-label>\n                <nz-form-control nzSpan=\"18\">\n                    <axis-fun-field formControlName=\"pattern\">\n                        <input nz-input nzPlaceHolder=\"\u8F93\u5165\u6B63\u5219\u8868\u8FBE\u5F0F\" ngModel [ngModelOptions]=\"{standalone:true}\" />\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            }\n            }\n        </form>\n    </ng-container>\n</nz-modal>", styles: [".validator-desc{flex:1;font-size:12px;color:#00000073;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}\n"], dependencies: [{ kind: "ngmodule", type: NzListModule }, { kind: "ngmodule", type: NzTagModule }, { kind: "component", type: i1$4.NzTagComponent, selector: "nz-tag", inputs: ["nzMode", "nzColor", "nzChecked", "nzBordered"], outputs: ["nzOnClose", "nzCheckedChange"], exportAs: ["nzTag"] }, { kind: "ngmodule", type: NzSpaceModule }, { kind: "ngmodule", type: NzGridModule }, { 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: "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: NzEmptyModule }, { kind: "component", type: i12.NzEmptyComponent, selector: "nz-empty", inputs: ["nzNotFoundImage", "nzNotFoundContent", "nzNotFoundFooter"], exportAs: ["nzEmpty"] }, { 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: 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: FormsModule }, { kind: "directive", type: i3$2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i3$2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { 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: 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.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: 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: "ngmodule", type: NzInputModule }, { kind: "directive", type: i4$1.NzInputDirective, selector: "input[nz-input],textarea[nz-input]", inputs: ["nzBorderless", "nzVariant", "nzSize", "nzStepperless", "nzStatus", "disabled"], exportAs: ["nzInput"] }, { kind: "ngmodule", type: NzSwitchModule }, { kind: "component", type: i4$3.NzSwitchComponent, selector: "nz-switch", inputs: ["nzLoading", "nzDisabled", "nzControl", "nzCheckedChildren", "nzUnCheckedChildren", "nzSize", "nzId"], exportAs: ["nzSwitch"] }, { kind: "ngmodule", type: CommonModule }, { 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: "ngmodule", type: NzInputNumberModule }, { kind: "component", type: i15.NzInputNumberComponent, selector: "nz-input-number", inputs: ["nzId", "nzSize", "nzPlaceHolder", "nzStatus", "nzVariant", "nzStep", "nzMin", "nzMax", "nzPrecision", "nzParser", "nzFormatter", "nzDisabled", "nzReadOnly", "nzAutoFocus", "nzBordered", "nzKeyboard", "nzControls"], outputs: ["nzBlur", "nzFocus", "nzOnStep"], exportAs: ["nzInputNumber"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: InputValidator, decorators: [{
+            type: Component,
+            args: [{ selector: 'axis-input-validator', imports: [NzListModule, NzTagModule, NzSpaceModule, NzGridModule, NzIconModule, NzEmptyModule, NzButtonModule, NzModalModule, FormsModule, NzCollapseModule, NzFormModule, ReactiveFormsModule, FunField, NzSelectModule, NzInputModule, NzSwitchModule, CommonModule, NzFlexModule, NzInputNumberModule], changeDetection: ChangeDetectionStrategy.OnPush, providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => InputValidator),
+                            multi: true
+                        },
+                    ], template: "<nz-collapse [nzBordered]=\"false\">\n    <ng-template #addButton>\n        <a nz-button nzType=\"link\" style=\"float: right;\" (click)=\"$event.stopPropagation();openWithCreate()\">\n            <nz-icon nzType=\"plus\"></nz-icon>\n            \u6DFB\u52A0\n        </a>\n    </ng-template>\n    <nz-collapse-panel nzHeader=\"\u8868\u5355\u9879\u9A8C\u8BC1\" nzActive [nzExtra]=\"addButton\">\n        @if (!value()?.length) {\n        <nz-empty nzNotFoundContent=\"\u6682\u65E0\u9A8C\u8BC1\u5668\"></nz-empty>\n        }@else{\n        <div nz-flex nzVertical nzGap=\"8px\" style=\"padding: 6px;\">\n            @for (item of value()??[]; track item;let i=$index) {\n            <div nz-flex nzGap=\"8px\" nzAlign=\"center\">\n                <div style=\"width: 64px;\">\n                    @switch (item.type) {\n                    @case (\"required\") {\n                    <nz-tag nzColor=\"magenta\">\u5FC5\u586B\u9A8C\u8BC1</nz-tag>\n                    }\n                    @case (\"length\") {\n                    <nz-tag nzColor=\"blue\">\u957F\u5EA6\u9A8C\u8BC1</nz-tag>\n                    }\n                    @case (\"value\") {\n                    <nz-tag nzColor=\"purple\">\u503C\u9A8C\u8BC1</nz-tag>\n                    }\n                    @case (\"regex\") {\n                    <nz-tag nzColor=\"cyan\">\u6B63\u5219\u9A8C\u8BC1</nz-tag>\n                    }\n                    }\n                </div>\n                <div class=\"validator-desc\">{{validatorDesc()?.[i]}}</div>\n                <div>\n                    <a nz-button nzType=\"link\" nzSize=\"small\" (click)=\"openWithUpdate(i)\">\n                        <i nz-icon nzType=\"edit\" nzTheme=\"outline\"></i>\n                    </a>\n                    <a nz-button nzType=\"link\" nzSize=\"small\" nzDanger (click)=\"deleteValidator(i)\">\n                        <i nz-icon nzType=\"delete\" nzTheme=\"outline\"></i>\n                    </a>\n                </div>\n            </div>\n            }\n        </div>\n        }\n    </nz-collapse-panel>\n    @if (showLine()) {\n    <div></div>\n    }\n</nz-collapse>\n\n<nz-modal [(nzVisible)]=\"showModal\" nzTitle=\"\u9A8C\u8BC1\u5668\" nzWidth=\"450px\" (nzOnCancel)=\"showModal.set(false)\" (nzOnOk)=\"save()\">\n    <ng-container *nzModalContent>\n        <form [formGroup]=\"fg\" nz-form>\n            <nz-form-item>\n                <nz-form-label nzSpan=\"6\" nzRequired>\n                    \u9A8C\u8BC1\u7C7B\u578B\n                </nz-form-label>\n                <nz-form-control nzSpan=\"18\">\n                    <nz-select formControlName=\"type\">\n                        <nz-option nzValue=\"required\" nzLabel=\"\u5FC5\u586B\u9A8C\u8BC1\"></nz-option>\n                        <nz-option nzValue=\"length\" nzLabel=\"\u957F\u5EA6\u9A8C\u8BC1\"></nz-option>\n                        <nz-option nzValue=\"value\" nzLabel=\"\u503C\u9A8C\u8BC1\"></nz-option>\n                        <nz-option nzValue=\"regex\" nzLabel=\"\u6B63\u5219\u9A8C\u8BC1\"></nz-option>\n                    </nz-select>\n                </nz-form-control>\n            </nz-form-item>\n            <nz-form-item>\n                <nz-form-label nzSpan=\"6\" nzRequired>\n                    \u7981\u7528\n                </nz-form-label>\n                <nz-form-control nzSpan=\"18\">\n                    <axis-fun-field formControlName=\"disabled\">\n                        <nz-switch ngModel [ngModelOptions]=\"{standalone:true}\"></nz-switch>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            @switch (fg.value.type) {\n            @case (\"length\") {\n            <nz-form-item>\n                <nz-form-label nzSpan=\"6\">\n                    \u6700\u5C0F\u957F\u5EA6\n                </nz-form-label>\n                <nz-form-control nzSpan=\"18\">\n                    <axis-fun-field formControlName=\"minLength\">\n                        <nz-input-number style=\"width: 100%\" nzPlaceHolder=\"\u4E0D\u9650\u5236\" nzMin=\"0\" ngModel\n                            [ngModelOptions]=\"{standalone:true}\"></nz-input-number>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            <nz-form-item>\n                <nz-form-label nzSpan=\"6\">\n                    \u6700\u5927\u957F\u5EA6\n                </nz-form-label>\n                <nz-form-control nzSpan=\"18\">\n                    <axis-fun-field formControlName=\"maxLength\">\n                        <nz-input-number style=\"width: 100%\" nzPlaceHolder=\"\u4E0D\u9650\u5236\" nzMin=\"0\" ngModel\n                            [ngModelOptions]=\"{standalone:true}\"></nz-input-number>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            }\n            @case (\"value\") {\n            <nz-form-item>\n                <nz-form-label nzSpan=\"6\">\n                    \u6700\u5C0F\u503C\n                </nz-form-label>\n                <nz-form-control nzSpan=\"18\">\n                    <axis-fun-field formControlName=\"minValue\">\n                        <nz-input-number style=\"width: 100%\" nzPlaceHolder=\"\u4E0D\u9650\u5236\" ngModel\n                            [ngModelOptions]=\"{standalone:true}\"></nz-input-number>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            <nz-form-item>\n                <nz-form-label nzSpan=\"6\">\n                    \u6700\u5927\u503C\n                </nz-form-label>\n                <nz-form-control nzSpan=\"18\">\n                    <axis-fun-field formControlName=\"maxValue\">\n                        <nz-input-number style=\"width: 100%\" nzPlaceHolder=\"\u4E0D\u9650\u5236\" ngModel\n                            [ngModelOptions]=\"{standalone:true}\"></nz-input-number>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            }\n            @case (\"regex\") {\n            <nz-form-item>\n                <nz-form-label nzSpan=\"6\">\n                    \u6B63\u5219\u8868\u8FBE\u5F0F\n                </nz-form-label>\n                <nz-form-control nzSpan=\"18\">\n                    <axis-fun-field formControlName=\"pattern\">\n                        <input nz-input nzPlaceHolder=\"\u8F93\u5165\u6B63\u5219\u8868\u8FBE\u5F0F\" ngModel [ngModelOptions]=\"{standalone:true}\" />\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n            }\n            }\n        </form>\n    </ng-container>\n</nz-modal>", styles: [".validator-desc{flex:1;font-size:12px;color:#00000073;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}\n"] }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }] });
+
 class ComponentsLoader {
     components = inject(AXIS_COMPONENTS_TOKEN);
     loadedMap = new Map();
@@ -3208,5 +3380,5 @@ function nameCode(name, code) {
  * Generated bundle index. Do not edit.
  */
 
-export { AXIS_COMPONENTS_LOADER_TOKEN, AXIS_COMPONENTS_TOKEN, AXIS_CURRENT_USER_PERMISSIONS_TOKEN, AXIS_DESIGN_ALL_PERMISSIONS_TOKEN, AXIS_DESIGN_CHOOSE_COMPONENT_FUNC_TOKEN, AXIS_DESIGN_CMPLIBS_TOKEN, AXIS_DESIGN_COMPONENT_INFO_FOR_SETTING_TOKEN, AXIS_DESIGN_OPTIONS_NODE_FOR_MENU, AXIS_DESIGN_SCOPE_INFOS_GETTER_TOKEN, AXIS_EVENT_HANDLERS_TOKEN, AXIS_EVENT_HANDLER_DESCS_TOKEN, AXIS_FORM_REGISTE_CONTROL_TOKEN, AXIS_INJECT_DATA_TOKEN, AXIS_INJECT_FUNC_TOKEN, AXIS_SCRIPTS_TOKEN, Base, BaseDesignSetting, BaseMenu, BaseOptions, CommonMenu, ComponentsLoader, DataHandler, DataOptions, DesignBuilder, DynamicDirective, ElementNode, FilteredTreeResult, FormValidators, FunField, FunFieldBase, FunFieldValueBase, HowLongPipe, InputTrigger, OptionsNode, ScopeDirective, SimpleMenu, ValueAccess, ValueAccessOptions, ValueDesignSetting, assignDefaultField, baseFbConfig, baseFunField, codeName, copy, deepMerge, fn, isEquals, listSort, nameCode, obj2Arr, objDiff, rebuildObject, recursionArray, recursionObject, trackByFn, updateAndValidAll, valueFbConfig, valueFunField };
+export { AXIS_COMPONENTS_LOADER_TOKEN, AXIS_COMPONENTS_TOKEN, AXIS_CURRENT_USER_PERMISSIONS_TOKEN, AXIS_DESIGN_ALL_PERMISSIONS_TOKEN, AXIS_DESIGN_CHOOSE_COMPONENT_FUNC_TOKEN, AXIS_DESIGN_CMPLIBS_TOKEN, AXIS_DESIGN_COMPONENT_INFO_FOR_SETTING_TOKEN, AXIS_DESIGN_OPTIONS_NODE_FOR_MENU, AXIS_DESIGN_SCOPE_INFOS_GETTER_TOKEN, AXIS_EVENT_HANDLERS_TOKEN, AXIS_EVENT_HANDLER_DESCS_TOKEN, AXIS_FORM_REGISTE_CONTROL_TOKEN, AXIS_INJECT_DATA_TOKEN, AXIS_INJECT_FUNC_TOKEN, AXIS_SCRIPTS_TOKEN, Base, BaseDesignSetting, BaseMenu, BaseOptions, CommonMenu, ComponentsLoader, DataHandler, DataOptions, DesignBuilder, DynamicDirective, ElementNode, FilteredTreeResult, FormValidators, FunField, FunFieldBase, FunFieldValueBase, HowLongPipe, InputTrigger, InputValidator, OptionsNode, ScopeDirective, SimpleMenu, ValueAccess, ValueAccessOptions, ValueDesignSetting, assignDefaultField, baseFbConfig, baseFunField, buildValidators, codeName, copy, deepMerge, fn, isEquals, listSort, nameCode, obj2Arr, objDiff, rebuildObject, recursionArray, recursionObject, trackByFn, updateAndValidAll, valueFbConfig, valueFunField };
 //# sourceMappingURL=ngx-axis-appforge-core.mjs.map