@ebuilding/runtime 2.7.0

package/fesm2022/comm.tree.mjs

@@ -0,0 +1,841 @@
+import * as i0 from '@angular/core';
+import { Inject, Injectable, Component, Input, EventEmitter, Output, NgModule } from '@angular/core';
+import * as i3$1 from '@ebuilding/base/shared.srv/global.event';
+import { GramGlobalService } from '@ebuilding/base/shared.srv/global.event';
+import * as i4$1 from '@ebuilding/base/shared.srv/commApi.service';
+import { CommAPIService } from '@ebuilding/base/shared.srv/commApi.service';
+import * as i2 from '@angular/router';
+import * as i1 from '@delon/theme';
+import * as i3 from 'ng-zorro-antd/modal';
+import * as i4 from 'ng-zorro-antd/message';
+import * as i9$1 from '@ebuilding/runtime/shared-imports';
+import { RuntimeSharedImportsModule } from '@ebuilding/runtime/shared-imports';
+import * as i12 from '@ebuilding/abc/empty';
+import { GramDeonEmptyModule } from '@ebuilding/abc/empty';
+import * as i4$2 from '@angular/common';
+import * as i5 from '@angular/forms';
+import { FormGroup } from '@angular/forms';
+import * as i6 from 'ng-zorro-antd/button';
+import * as i7 from 'ng-zorro-antd/core/transition-patch';
+import * as i8 from 'ng-zorro-antd/core/wave';
+import * as i9 from 'ng-zorro-antd/icon';
+import * as i10 from 'ng-zorro-antd/input';
+import * as i11 from 'ng-zorro-antd/tree';
+import * as i15 from '@ebuilding-form/core';
+import { FormlyModule } from '@ebuilding-form/core';
+import { GramDeonAntdModule } from '@ebuilding/biz-comm/type';
+import { of, zip } from 'rxjs';
+import * as _ from 'lodash';
+import * as i3$2 from '@ebuilding/base/shared.srv/deon.util';
+import * as i14 from 'ng-zorro-antd/empty';
+import * as i5$1 from 'ng-zorro-antd/spin';
+import * as i9$2 from 'ng-zorro-antd/tooltip';
+import * as i8$1 from '@ebuilding/biz-list/pre-control/pre-page';
+import { PrePageModule } from '@ebuilding/biz-list/pre-control/pre-page';
+
+class TreeFormService {
+    router;
+    http;
+    modal;
+    msg;
+    commApiSrv;
+    id = null;
+    loading = true;
+    pageInfo = null;
+    treeId = null;
+    formId = null;
+    treeAPI = null;
+    treeListAPI = null;
+    treeKeyWord = null;
+    treeShowType = 'tree';
+    moduleCode = 'personnel';
+    /**
+     * Tree 节点全部展开
+     */
+    treeExpandAll = true;
+    /**
+     * Tree 数据集合
+     */
+    treeData = [];
+    /**
+     * 选中的节点
+     */
+    selectedNode = null;
+    selectedLevel = null;
+    formType = 'ADD';
+    /**
+     * 监听常量
+     */
+    globalConstant = 'reload-tree-form';
+    selectedKey = null;
+    selectedKeys = [];
+    expandedKeys = [];
+    constructor(router, http, modal, msg, commApiSrv) {
+        this.router = router;
+        this.http = http;
+        this.modal = modal;
+        this.msg = msg;
+        this.commApiSrv = commApiSrv;
+    }
+    initPageData() {
+        this.treeAPI = this.commApiSrv.getPageTree(this.moduleCode);
+        this.treeListAPI = this.commApiSrv.getPageTreeList(this.moduleCode);
+        this.treeKeyWord = null;
+        this.treeShowType = 'tree';
+        this.formType = 'ADD';
+        //this.loading = true;
+    }
+    /**
+     * 获取 Tree 集合
+     */
+    getPageTreeData() {
+        if (this.treeId) {
+            this.loading = true;
+            this.treeData = [];
+            this.treeShowType = 'tree';
+            this.treeExpandAll = true;
+            this.http.post(`${this.treeAPI}/${this.treeId}`).subscribe((res) => {
+                if (res && res.success == true) {
+                    let result = res.result;
+                    if (result && result.basic) {
+                        this.pageInfo = result.basic;
+                    }
+                    if (result && result.treeData && result.treeData.length > 0) {
+                        this.treeData = [...result.treeData];
+                    }
+                    else {
+                        {
+                            this.treeData = [];
+                        }
+                    }
+                }
+                this.loading = false;
+            });
+        }
+    }
+    /**
+     * 获取 Tree 集合
+     */
+    getPageTreeListData() {
+        if (this.treeId) {
+            this.loading = true;
+            this.treeData = [];
+            this.treeShowType = 'list';
+            let postData = { pageId: this.treeId, keyword: this.treeKeyWord };
+            this.http.post(this.treeListAPI, postData).subscribe((res) => {
+                if (res && res.success == true) {
+                    let result = res.result;
+                    if (result && result.basic) {
+                        this.pageInfo = result.basic;
+                    }
+                    if (result && result.treeData && result.treeData.length > 0) {
+                        this.treeData = [...result.treeData];
+                    }
+                    else {
+                        {
+                            this.treeData = [];
+                        }
+                    }
+                }
+                this.loading = false;
+            });
+        }
+    }
+    treeFormReload() {
+        this.formType = 'ADD';
+        this.selectedKey = null;
+        this.selectedKeys = [];
+        this.selectedNode = null;
+        this.selectedLevel = null;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TreeFormService, deps: [{ token: i2.Router }, { token: i1._HttpClient }, { token: i3.NzModalService }, { token: i4.NzMessageService }, { token: CommAPIService }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TreeFormService });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TreeFormService, decorators: [{
+            type: Injectable
+        }], ctorParameters: () => [{ type: i2.Router }, { type: i1._HttpClient }, { type: i3.NzModalService }, { type: i4.NzMessageService }, { type: i4$1.CommAPIService, decorators: [{
+                    type: Inject,
+                    args: [CommAPIService]
+                }] }] });
+
+class TreeFormLeftComponent {
+    http;
+    cdr;
+    treeSrv;
+    globalSrv;
+    constructor(http, cdr, treeSrv, globalSrv) {
+        this.http = http;
+        this.cdr = cdr;
+        this.treeSrv = treeSrv;
+        this.globalSrv = globalSrv;
+        this.treeSrv.getPageTreeData();
+    }
+    ngOnInit() { }
+    btnTreeSearch() {
+        if (this.treeSrv.treeKeyWord) {
+            this.treeSrv.getPageTreeListData();
+        }
+        else {
+            this.treeSrv.getPageTreeData();
+        }
+    }
+    /**
+     * 点击�?   * @param event
+     */
+    treeClick(event) {
+        this.treeSrv.loading = true;
+        this.treeSrv.selectedLevel = event.node.level;
+        //event.node.isExpanded = !event.node.isExpanded;
+        event.node.isExpanded = true;
+        this.treeSrv.selectedNode = event.node.origin;
+        this.treeSrv.selectedKey = event.node.key;
+        this.treeSrv.selectedKeys = [...[event.node.key]];
+        this.treeSrv.formType = 'EDIT';
+        this.treeSrv.id = this.treeSrv.selectedNode?.id;
+        this.globalSrv.notifyDataChanged(this.treeSrv.globalConstant, { rd: Math.random() });
+    }
+    itemClick(e) {
+        this.treeSrv.loading = true;
+        this.treeSrv.selectedLevel = 0;
+        this.treeSrv.selectedNode = e;
+        this.treeSrv.selectedKey = e.key;
+        this.treeSrv.selectedKeys = [...[e.key]];
+        this.treeSrv.formType = 'EDIT';
+        this.treeSrv.id = this.treeSrv.selectedNode?.id;
+        this.globalSrv.notifyDataChanged(this.treeSrv.globalConstant, { rd: Math.random() });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TreeFormLeftComponent, deps: [{ token: i1._HttpClient }, { token: i0.ChangeDetectorRef }, { token: TreeFormService }, { token: i3$1.GramGlobalService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: TreeFormLeftComponent, isStandalone: true, selector: "tree-form-left", ngImport: i0, template: "<div class=\"tree-query\">\n  <nz-input-group nzSearch [nzAddOnAfter]=\"suffixButton\">\n    <input type=\"text\" nz-input placeholder=\"\u8BF7\u8F93\u5165\u5173\u952E\u5B57\u67E5\u8BE2\" [(ngModel)]=\"treeSrv.treeKeyWord\" />\n  </nz-input-group>\n  <ng-template #suffixButton>\n    <button nz-button nzType=\"primary\" type=\"button\" nzSearch (click)=\"btnTreeSearch()\"><i nz-icon\n        nzType=\"search\"></i>\u67E5\u8BE2</button>\n  </ng-template>\n</div>\n<div class=\"tree-content\">\n  <ng-container *ngIf=\"treeSrv.treeData!! && treeSrv.treeData.length > 0; else tmpEmpty\">\n    <ng-container *ngIf=\"treeSrv.treeShowType == 'tree'; else tmpList\">\n      <nz-tree [nzData]=\"treeSrv.treeData\" [nzExpandAll]=\"treeSrv.treeExpandAll\" [nzExpandedKeys]=\"treeSrv.expandedKeys\"\n        [nzSelectedKeys]=\"treeSrv.selectedKeys\" (nzClick)=\"treeClick($event)\" [nzTreeTemplate]=\"nzTreeTemplate\">\n      </nz-tree>\n      <ng-template #nzTreeTemplate let-node let-origin=\"origin\">\n        <span class=\"custom-node\">\n          <span class=\"folder-name\">{{ node.title }}</span>\n        </span>\n      </ng-template>\n    </ng-container>\n\n    <ng-template #tmpList>\n      <ul class=\"list-content\">\n        <ng-container *ngFor=\"let item of treeSrv.treeData\">\n          <li (click)=\"itemClick(item)\"\n            [ngClass]=\"{ 'item-selected': treeSrv?.['selectedItem'] && item.id == treeSrv?.['selectedItem']?.['id'] }\">\n            {{ item.title }}\n          </li>\n        </ng-container>\n      </ul>\n    </ng-template>\n  </ng-container>\n</div>\n<ng-template #tmpEmpty>\n  <div class=\"tree-empty\" *ngIf=\"treeSrv.loading == false\">\n    <gram-empty state=\"empty9\"></gram-empty>\n  </div>\n</ng-template>", styles: [":host ::ng-deep{display:flex;flex:1;flex-direction:column;width:100%;height:100%;padding:0}:host ::ng-deep .item-selected{color:#fff;background-color:#1177fb}:host ::ng-deep .tree-query{display:flex;width:100%;padding:8px 12px;border-bottom:1px solid #eaeaea}:host ::ng-deep .tree-query nz-input-group{width:100%}:host ::ng-deep .list-content{width:100%;margin:0;padding:0}:host ::ng-deep .list-content li{min-height:24px;margin:0 0 4px;padding:6px 10px}:host ::ng-deep .list-content li:hover{background:#d6e9ff;cursor:pointer}:host ::ng-deep .tree-content{flex:1;width:100%;padding:10px 12px;overflow-x:overlay;overflow-y:overlay}:host ::ng-deep .tree-content .ant-tree{width:100%}:host ::ng-deep .tree-content::-webkit-scrollbar{width:8px}:host ::ng-deep .tree-content::-webkit-scrollbar-thumb{background-color:#94949475;border-radius:7px}:host ::ng-deep .tree-content::-webkit-scrollbar-track{background-color:#fff}:host ::ng-deep .tree-content .custom-node{display:flex;width:100%;cursor:pointer}:host ::ng-deep .tree-content .custom-node .folder-name{flex:1}:host ::ng-deep .tree-content .custom-node .folder-operation{display:none;cursor:pointer}:host ::ng-deep .tree-content nz-tree-node-switcher{width:10px!important}:host ::ng-deep .tree-content .ant-tree-indent-unit{width:10px!important}:host ::ng-deep .tree-content .ant-tree-treenode{padding:4px 0}:host ::ng-deep .tree-content .ant-tree-treenode-selected{color:#fff!important;background:#1177fb!important}:host ::ng-deep .tree-content .ant-tree-treenode-selected .custom-node .folder-operation{display:block!important;color:#fff!important}:host ::ng-deep .tree-content .ant-tree-treenode-selected nz-tree-node-title{background:none;transition:none}:host ::ng-deep .tree-content nz-tree-node:hover{background:#d6e9ff}:host ::ng-deep .tree-content nz-tree-node:hover nz-tree-node-title{background:none;transition:none}:host ::ng-deep .tree-content nz-tree-node:hover .custom-node .folder-operation{display:block;color:#1177fb}:host ::ng-deep nz-tree-node-title{width:100%;cursor:pointer}:host ::ng-deep .tree-empty{display:flex;width:100%;height:100%}\n"], dependencies: [{ kind: "ngmodule", type: RuntimeSharedImportsModule }, { kind: "directive", type: i4$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i4$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.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: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { 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-button-group, [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: "directive", type: i9.NzIconDirective, selector: "nz-icon,[nz-icon]", inputs: ["nzSpin", "nzRotate", "nzType", "nzTheme", "nzTwotoneColor", "nzIconfont"], exportAs: ["nzIcon"] }, { kind: "directive", type: i10.NzInputDirective, selector: "input[nz-input],textarea[nz-input]", inputs: ["nzBorderless", "nzSize", "nzStepperless", "nzStatus", "disabled"], exportAs: ["nzInput"] }, { kind: "component", type: i10.NzInputGroupComponent, selector: "nz-input-group", inputs: ["nzAddOnBeforeIcon", "nzAddOnAfterIcon", "nzPrefixIcon", "nzSuffixIcon", "nzAddOnBefore", "nzAddOnAfter", "nzPrefix", "nzStatus", "nzSuffix", "nzSize", "nzSearch", "nzCompact"], exportAs: ["nzInputGroup"] }, { kind: "component", type: i11.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: GramDeonEmptyModule }, { kind: "component", type: i12.GramDeonEmptyComponent, selector: "gram-empty", inputs: ["desc", "state"], outputs: ["emptyClick"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TreeFormLeftComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'tree-form-left', imports: [
+                        RuntimeSharedImportsModule,
+                        GramDeonEmptyModule
+                    ], template: "<div class=\"tree-query\">\n  <nz-input-group nzSearch [nzAddOnAfter]=\"suffixButton\">\n    <input type=\"text\" nz-input placeholder=\"\u8BF7\u8F93\u5165\u5173\u952E\u5B57\u67E5\u8BE2\" [(ngModel)]=\"treeSrv.treeKeyWord\" />\n  </nz-input-group>\n  <ng-template #suffixButton>\n    <button nz-button nzType=\"primary\" type=\"button\" nzSearch (click)=\"btnTreeSearch()\"><i nz-icon\n        nzType=\"search\"></i>\u67E5\u8BE2</button>\n  </ng-template>\n</div>\n<div class=\"tree-content\">\n  <ng-container *ngIf=\"treeSrv.treeData!! && treeSrv.treeData.length > 0; else tmpEmpty\">\n    <ng-container *ngIf=\"treeSrv.treeShowType == 'tree'; else tmpList\">\n      <nz-tree [nzData]=\"treeSrv.treeData\" [nzExpandAll]=\"treeSrv.treeExpandAll\" [nzExpandedKeys]=\"treeSrv.expandedKeys\"\n        [nzSelectedKeys]=\"treeSrv.selectedKeys\" (nzClick)=\"treeClick($event)\" [nzTreeTemplate]=\"nzTreeTemplate\">\n      </nz-tree>\n      <ng-template #nzTreeTemplate let-node let-origin=\"origin\">\n        <span class=\"custom-node\">\n          <span class=\"folder-name\">{{ node.title }}</span>\n        </span>\n      </ng-template>\n    </ng-container>\n\n    <ng-template #tmpList>\n      <ul class=\"list-content\">\n        <ng-container *ngFor=\"let item of treeSrv.treeData\">\n          <li (click)=\"itemClick(item)\"\n            [ngClass]=\"{ 'item-selected': treeSrv?.['selectedItem'] && item.id == treeSrv?.['selectedItem']?.['id'] }\">\n            {{ item.title }}\n          </li>\n        </ng-container>\n      </ul>\n    </ng-template>\n  </ng-container>\n</div>\n<ng-template #tmpEmpty>\n  <div class=\"tree-empty\" *ngIf=\"treeSrv.loading == false\">\n    <gram-empty state=\"empty9\"></gram-empty>\n  </div>\n</ng-template>", styles: [":host ::ng-deep{display:flex;flex:1;flex-direction:column;width:100%;height:100%;padding:0}:host ::ng-deep .item-selected{color:#fff;background-color:#1177fb}:host ::ng-deep .tree-query{display:flex;width:100%;padding:8px 12px;border-bottom:1px solid #eaeaea}:host ::ng-deep .tree-query nz-input-group{width:100%}:host ::ng-deep .list-content{width:100%;margin:0;padding:0}:host ::ng-deep .list-content li{min-height:24px;margin:0 0 4px;padding:6px 10px}:host ::ng-deep .list-content li:hover{background:#d6e9ff;cursor:pointer}:host ::ng-deep .tree-content{flex:1;width:100%;padding:10px 12px;overflow-x:overlay;overflow-y:overlay}:host ::ng-deep .tree-content .ant-tree{width:100%}:host ::ng-deep .tree-content::-webkit-scrollbar{width:8px}:host ::ng-deep .tree-content::-webkit-scrollbar-thumb{background-color:#94949475;border-radius:7px}:host ::ng-deep .tree-content::-webkit-scrollbar-track{background-color:#fff}:host ::ng-deep .tree-content .custom-node{display:flex;width:100%;cursor:pointer}:host ::ng-deep .tree-content .custom-node .folder-name{flex:1}:host ::ng-deep .tree-content .custom-node .folder-operation{display:none;cursor:pointer}:host ::ng-deep .tree-content nz-tree-node-switcher{width:10px!important}:host ::ng-deep .tree-content .ant-tree-indent-unit{width:10px!important}:host ::ng-deep .tree-content .ant-tree-treenode{padding:4px 0}:host ::ng-deep .tree-content .ant-tree-treenode-selected{color:#fff!important;background:#1177fb!important}:host ::ng-deep .tree-content .ant-tree-treenode-selected .custom-node .folder-operation{display:block!important;color:#fff!important}:host ::ng-deep .tree-content .ant-tree-treenode-selected nz-tree-node-title{background:none;transition:none}:host ::ng-deep .tree-content nz-tree-node:hover{background:#d6e9ff}:host ::ng-deep .tree-content nz-tree-node:hover nz-tree-node-title{background:none;transition:none}:host ::ng-deep .tree-content nz-tree-node:hover .custom-node .folder-operation{display:block;color:#1177fb}:host ::ng-deep nz-tree-node-title{width:100%;cursor:pointer}:host ::ng-deep .tree-empty{display:flex;width:100%;height:100%}\n"] }]
+        }], ctorParameters: () => [{ type: i1._HttpClient }, { type: i0.ChangeDetectorRef }, { type: TreeFormService }, { type: i3$1.GramGlobalService }] });
+
+class TreeFormRightComponent {
+    http;
+    msg;
+    utilService;
+    commAPISrv;
+    globalSrv;
+    treeSrv;
+    form = new FormGroup({});
+    model = {};
+    options = {};
+    fields = [];
+    get isAdd() {
+        let result = true;
+        if (this.treeSrv.pageInfo?.maxLevel &&
+            this.treeSrv.selectedLevel &&
+            _.isNumber(this.treeSrv.pageInfo?.maxLevel) &&
+            this.treeSrv.pageInfo?.maxLevel <= this.treeSrv.selectedLevel) {
+            result = false;
+        }
+        return result;
+    }
+    constructor(http, msg, utilService, commAPISrv, globalSrv, treeSrv) {
+        this.http = http;
+        this.msg = msg;
+        this.utilService = utilService;
+        this.commAPISrv = commAPISrv;
+        this.globalSrv = globalSrv;
+        this.treeSrv = treeSrv;
+        this.globalSrv.subscribe(this.treeSrv.globalConstant, (res) => {
+            this.resetForm();
+            this.getPageConfig();
+        });
+        this.getPageConfig();
+    }
+    ngOnInit() { }
+    ngOnDestroy() {
+        this.resetForm();
+        this.globalSrv.removeSubscribe(this.treeSrv.globalConstant);
+    }
+    resetForm() {
+        this.form = new FormGroup({});
+        this.model = {};
+        this.options = {};
+        this.fields = [];
+    }
+    /**
+     * 重新加载
+     */
+    btnReload() {
+        this.treeSrv.treeFormReload();
+        // this.options?.resetModel();
+        // this.model = {};
+        // this.form = new FormGroup({});
+        this.resetForm();
+        this.getPageConfig();
+    }
+    btnSave() {
+        if (this.treeSrv.formId) {
+            if (!this.form.valid) {
+                return;
+            }
+            this.treeSrv.loading = true;
+            let apiName = null;
+            if (this.treeSrv.formType == 'ADD') {
+                apiName = this.commAPISrv.getFormAdd(this.treeSrv.moduleCode);
+            }
+            else if (this.treeSrv.formType == 'EDIT') {
+                apiName = this.commAPISrv.getFormUpdate(this.treeSrv.moduleCode);
+            }
+            this.http
+                .post(`${apiName}`, {
+                id: this.treeSrv.id,
+                formId: this.treeSrv.formId,
+                modelJson: this.model,
+            })
+                .subscribe((res) => {
+                this.treeSrv.loading = false;
+                if (res && res.success == true) {
+                    this.msg.success('保存成功!');
+                    if (this.treeSrv.treeKeyWord) {
+                        this.treeSrv.getPageTreeListData();
+                    }
+                    else {
+                        this.treeSrv.getPageTreeData();
+                    }
+                    this.form = new FormGroup({});
+                    this.model = {};
+                    this.options = {};
+                    this.fields = [];
+                    this.getPageConfig();
+                }
+            }, () => {
+                this.treeSrv.loading = false;
+            });
+        }
+    }
+    /*
+      获取设计
+    */
+    getDesign() {
+        if (this.treeSrv.formId) {
+            let apiName = this.commAPISrv.getFormDesign(this.treeSrv.moduleCode, this.treeSrv.formId);
+            return this.http.post(`${apiName}`);
+        }
+        else {
+            return of(null);
+        }
+    }
+    /*
+        获取角色
+      */
+    getRole() {
+        let params = {
+            formId: this.treeSrv.formId,
+            type: this.treeSrv.formType,
+        };
+        let apiName = this.commAPISrv.getFormRole(this.treeSrv.moduleCode);
+        return this.http.post(`${apiName}`, params);
+    }
+    /*
+        获取配置-下拉选项
+      */
+    getDropDown() {
+        let apiName = this.commAPISrv.getFormDropDown(this.treeSrv.moduleCode, this.treeSrv.formId);
+        return this.http.post(`${apiName}`);
+    }
+    /*
+        获取配置-表单数据
+      */
+    getFromModel() {
+        let params = {
+            formId: this.treeSrv.formId,
+            id: this.treeSrv.id,
+        };
+        if (this.treeSrv.formType != 'ADD' && this.treeSrv.id) {
+            let apiName = this.commAPISrv.getFormModel(this.treeSrv.moduleCode);
+            return this.http.post(`${apiName}`, params);
+        }
+        else {
+            return of(null);
+        }
+    }
+    /*
+        获取配置-表单默认�?    */
+    getFromDefaultModel() {
+        if (this.treeSrv.formType == 'ADD' && this.treeSrv.formId) {
+            let apiName = this.commAPISrv.getFormDefaultModel(this.treeSrv.moduleCode);
+            return this.http.post(`${apiName}/${this.treeSrv.formId}`);
+        }
+        else {
+            return of(null);
+        }
+    }
+    /**
+     * 组装配置
+     */
+    getPageConfig() {
+        if (this.treeSrv.formId) {
+            new Promise((resolve) => {
+                zip(this.getDesign(), this.getRole(), this.getDropDown(), this.getFromModel(), this.getFromDefaultModel()).subscribe(([design, role, drop, d, m]) => {
+                    if (design.success == true && _.get(design, 'result.basic.json')) {
+                        let fieldConfigs = JSON.parse(_.get(design, 'result.basic.json'));
+                        let fieldRole = {};
+                        let fieldOptions = {};
+                        //字段权限
+                        if (role?.success == true && role?.result) {
+                            fieldRole = role.result;
+                        }
+                        //字段Options
+                        if (drop.success == true && drop.result) {
+                            fieldOptions = drop.result;
+                        }
+                        // Default values
+                        if (d && d.success == true && d.result) {
+                            this.model = Object.assign(this.model, d.result);
+                        }
+                        // Loaded form values
+                        if (m && m.success == true && m.result) {
+                            this.model = Object.assign(this.model, m.result);
+                        }
+                        // this.utilService.initFormFieldConfig(fieldConfigs, fieldRole, fieldOptions, this.model, this, (e: any, field: any) => { });
+                        this.fields = fieldConfigs;
+                        setTimeout(() => {
+                            if (this.options != undefined && this.options != null && this.options?.resetModel) {
+                                this.options?.resetModel();
+                            }
+                        }, 0);
+                    }
+                    this.treeSrv.loading = false;
+                }, () => {
+                    this.treeSrv.loading = false;
+                }, () => {
+                    this.treeSrv.loading = false;
+                    resolve();
+                });
+            });
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TreeFormRightComponent, deps: [{ token: i1._HttpClient }, { token: i4.NzMessageService }, { token: i3$2.DeonFormUtilService }, { token: i4$1.CommAPIService }, { token: i3$1.GramGlobalService }, { token: TreeFormService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: TreeFormRightComponent, isStandalone: true, selector: "tree-form-right", ngImport: i0, template: "<form [formGroup]=\"form\" (ngSubmit)=\"btnSave()\">\n  <div class=\"deon-head\">\n    <div class=\"left\">\n      <ul>\n        <li>\u64CD\u4F5C\u7C7B\u578B\uFF1A{{ treeSrv.formType == 'ADD' ? '\u65B0\u589E' : '\u7F16\u8F91' }}</li>\n        <li *ngIf=\"treeSrv.selectedNode!!\">\u9009\u4E2D\u9879\uFF1A{{ treeSrv.selectedNode?.title }}</li>\n        <li *ngIf=\"treeSrv.selectedNode!!\">\u9009\u4E2D\u5C42\u7EA7\uFF1A{{ treeSrv.selectedLevel + 1 }}</li>\n      </ul>\n    </div>\n    <div class=\"right\">\n      <button nz-button nzType=\"default\" (click)=\"btnReload()\" type=\"button\"><i nz-icon\n          nzType=\"reload\"></i>\u6E05\u9664\u9009\u9879</button>\n      <ng-container *ngIf=\"isAdd == true\">\n        <button nz-button nzType=\"primary\"><i nz-icon nzType=\"save\"></i>\u4FDD\u5B58</button>\n      </ng-container>\n    </div>\n  </div>\n  <div class=\"deon-from\">\n    <ng-container *ngIf=\"fields && fields.length > 0; else emptyPage\">\n      <formly-form [model]=\"model\" [fields]=\"fields\" [options]=\"options\" [form]=\"form\"> </formly-form>\n    </ng-container>\n    <ng-template #emptyPage>\n      <nz-empty *ngIf=\"treeSrv.loading !== true\"></nz-empty>\n    </ng-template>\n  </div>\n</form>", styles: [":host ::ng-deep{display:flex;flex:1;flex-direction:column;width:100%;height:100%;padding:0}:host ::ng-deep form{display:inline-flex;flex-direction:column;overflow:hidden}:host ::ng-deep .deon-head{display:flex;height:auto;padding:8px 12px;border-bottom:1px solid #eaeaea}:host ::ng-deep .deon-head .left{flex:1}:host ::ng-deep .deon-head .left ul{display:flex;align-items:center;height:100%;margin:0;padding:0;list-style:none}:host ::ng-deep .deon-head .left ul li{padding:0 25px 0 0}:host ::ng-deep .repeat-table{border:0!important}:host ::ng-deep .field-panel-box{padding:0!important}:host ::ng-deep deon-nz-field-repeat{margin-bottom:0!important}:host ::ng-deep .fieldbox-children{margin-top:3px;border:1px solid #eaeaea}:host ::ng-deep .fieldbox-children .repeat-label{padding:0 5px;border-bottom:1px solid #eaeaea}\n"], dependencies: [{ kind: "ngmodule", type: RuntimeSharedImportsModule }, { kind: "directive", type: i4$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i5.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i5.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i9$1.FormSubmitTouchDirective, selector: "form[formGroup]" }, { 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-button-group, [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: "directive", type: i9.NzIconDirective, selector: "nz-icon,[nz-icon]", inputs: ["nzSpin", "nzRotate", "nzType", "nzTheme", "nzTwotoneColor", "nzIconfont"], exportAs: ["nzIcon"] }, { kind: "component", type: i14.NzEmptyComponent, selector: "nz-empty", inputs: ["nzNotFoundImage", "nzNotFoundContent", "nzNotFoundFooter"], exportAs: ["nzEmpty"] }, { kind: "ngmodule", type: FormlyModule }, { kind: "component", type: i15.LegacyFormlyForm, selector: "formly-form" }, { kind: "ngmodule", type: GramDeonAntdModule }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TreeFormRightComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'tree-form-right', imports: [
+                        RuntimeSharedImportsModule,
+                        FormlyModule,
+                        GramDeonAntdModule
+                    ], template: "<form [formGroup]=\"form\" (ngSubmit)=\"btnSave()\">\n  <div class=\"deon-head\">\n    <div class=\"left\">\n      <ul>\n        <li>\u64CD\u4F5C\u7C7B\u578B\uFF1A{{ treeSrv.formType == 'ADD' ? '\u65B0\u589E' : '\u7F16\u8F91' }}</li>\n        <li *ngIf=\"treeSrv.selectedNode!!\">\u9009\u4E2D\u9879\uFF1A{{ treeSrv.selectedNode?.title }}</li>\n        <li *ngIf=\"treeSrv.selectedNode!!\">\u9009\u4E2D\u5C42\u7EA7\uFF1A{{ treeSrv.selectedLevel + 1 }}</li>\n      </ul>\n    </div>\n    <div class=\"right\">\n      <button nz-button nzType=\"default\" (click)=\"btnReload()\" type=\"button\"><i nz-icon\n          nzType=\"reload\"></i>\u6E05\u9664\u9009\u9879</button>\n      <ng-container *ngIf=\"isAdd == true\">\n        <button nz-button nzType=\"primary\"><i nz-icon nzType=\"save\"></i>\u4FDD\u5B58</button>\n      </ng-container>\n    </div>\n  </div>\n  <div class=\"deon-from\">\n    <ng-container *ngIf=\"fields && fields.length > 0; else emptyPage\">\n      <formly-form [model]=\"model\" [fields]=\"fields\" [options]=\"options\" [form]=\"form\"> </formly-form>\n    </ng-container>\n    <ng-template #emptyPage>\n      <nz-empty *ngIf=\"treeSrv.loading !== true\"></nz-empty>\n    </ng-template>\n  </div>\n</form>", styles: [":host ::ng-deep{display:flex;flex:1;flex-direction:column;width:100%;height:100%;padding:0}:host ::ng-deep form{display:inline-flex;flex-direction:column;overflow:hidden}:host ::ng-deep .deon-head{display:flex;height:auto;padding:8px 12px;border-bottom:1px solid #eaeaea}:host ::ng-deep .deon-head .left{flex:1}:host ::ng-deep .deon-head .left ul{display:flex;align-items:center;height:100%;margin:0;padding:0;list-style:none}:host ::ng-deep .deon-head .left ul li{padding:0 25px 0 0}:host ::ng-deep .repeat-table{border:0!important}:host ::ng-deep .field-panel-box{padding:0!important}:host ::ng-deep deon-nz-field-repeat{margin-bottom:0!important}:host ::ng-deep .fieldbox-children{margin-top:3px;border:1px solid #eaeaea}:host ::ng-deep .fieldbox-children .repeat-label{padding:0 5px;border-bottom:1px solid #eaeaea}\n"] }]
+        }], ctorParameters: () => [{ type: i1._HttpClient }, { type: i4.NzMessageService }, { type: i3$2.DeonFormUtilService }, { type: i4$1.CommAPIService }, { type: i3$1.GramGlobalService }, { type: TreeFormService }] });
+
+class CommTreeFormComponent {
+    http;
+    router;
+    activatedRoute;
+    treeSrv;
+    _data = null;
+    layoutData = null;
+    /**
+     * moduleCode
+     * layoutData
+     */
+    data = null;
+    constructor(http, router, activatedRoute, treeSrv) {
+        this.http = http;
+        this.router = router;
+        this.activatedRoute = activatedRoute;
+        this.treeSrv = treeSrv;
+    }
+    ngOnInit() { }
+    ngOnChanges(changes) {
+        if (changes && changes["data"] && this.data) {
+            this.treeSrv.moduleCode = this.data?.moduleCode == undefined ? 'personal' : this.data?.moduleCode;
+            /**
+             * 初始�?       */
+            this.treeSrv.initPageData();
+            /**
+             */
+            this.getPageData();
+        }
+    }
+    ngOnDestroy() { }
+    getPageData() {
+        this.layoutData = this.data.layoutData;
+        this.treeSrv.treeId = this.layoutData?.treeId;
+        this.treeSrv.formId = this.layoutData?.formId;
+        setTimeout(() => {
+            this.treeSrv.loading = false;
+        }, 0);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: CommTreeFormComponent, deps: [{ token: i1._HttpClient }, { token: i2.Router }, { token: i2.ActivatedRoute }, { token: TreeFormService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: CommTreeFormComponent, isStandalone: true, selector: "comm-tree-form", inputs: { data: "data" }, providers: [GramGlobalService, TreeFormService], usesOnChanges: true, ngImport: i0, template: "<nz-spin [nzSpinning]=\"treeSrv.loading\" nzTip=\"\u62FC\u547D\u52A0\u8F7D\u4E2D...\" class=\"deon-list-spin\">\n  <div class=\"tree-content\" *ngIf=\"layoutData != undefined && layoutData != null\">\n    <div class=\"tree-left\"><tree-form-left></tree-form-left></div>\n    <div class=\"tree-right\"><tree-form-right></tree-form-right></div>\n  </div>\n</nz-spin>\n", styles: [":host ::ng-deep{display:flex;flex:1;flex-direction:column;width:100%;height:100%}:host ::ng-deep .work-content{padding:0}:host ::ng-deep .tree-content{display:flex;flex-direction:row;width:100%;height:100%;padding:0}:host ::ng-deep .tree-content .tree-left{display:flex;flex-direction:column;width:300px;height:100%;border-right:1px solid #eaeaea}:host ::ng-deep .tree-content .tree-left .tree-content{width:300px;padding:10px 12px}:host ::ng-deep .tree-content .tree-right{display:flex;flex:1;height:100%;overflow:auto}\n"], dependencies: [{ kind: "ngmodule", type: RuntimeSharedImportsModule }, { kind: "directive", type: i4$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i5$1.NzSpinComponent, selector: "nz-spin", inputs: ["nzIndicator", "nzSize", "nzTip", "nzDelay", "nzSimple", "nzSpinning"], exportAs: ["nzSpin"] }, { kind: "component", type: TreeFormLeftComponent, selector: "tree-form-left" }, { kind: "component", type: TreeFormRightComponent, selector: "tree-form-right" }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: CommTreeFormComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'comm-tree-form', providers: [GramGlobalService, TreeFormService], imports: [
+                        RuntimeSharedImportsModule,
+                        TreeFormLeftComponent,
+                        TreeFormRightComponent
+                    ], template: "<nz-spin [nzSpinning]=\"treeSrv.loading\" nzTip=\"\u62FC\u547D\u52A0\u8F7D\u4E2D...\" class=\"deon-list-spin\">\n  <div class=\"tree-content\" *ngIf=\"layoutData != undefined && layoutData != null\">\n    <div class=\"tree-left\"><tree-form-left></tree-form-left></div>\n    <div class=\"tree-right\"><tree-form-right></tree-form-right></div>\n  </div>\n</nz-spin>\n", styles: [":host ::ng-deep{display:flex;flex:1;flex-direction:column;width:100%;height:100%}:host ::ng-deep .work-content{padding:0}:host ::ng-deep .tree-content{display:flex;flex-direction:row;width:100%;height:100%;padding:0}:host ::ng-deep .tree-content .tree-left{display:flex;flex-direction:column;width:300px;height:100%;border-right:1px solid #eaeaea}:host ::ng-deep .tree-content .tree-left .tree-content{width:300px;padding:10px 12px}:host ::ng-deep .tree-content .tree-right{display:flex;flex:1;height:100%;overflow:auto}\n"] }]
+        }], ctorParameters: () => [{ type: i1._HttpClient }, { type: i2.Router }, { type: i2.ActivatedRoute }, { type: TreeFormService }], propDecorators: { data: [{
+                type: Input
+            }] } });
+
+class TreeListService {
+    router;
+    http;
+    modal;
+    msg;
+    commApiSrv;
+    loading = false;
+    pageInfo = null;
+    treeId = null;
+    pageId = null;
+    treeAPI = null;
+    treeListAPI = null;
+    treeKeyWord = null;
+    treeShowType = 'tree';
+    moduleCode = null;
+    /**
+     * Tree 节点全部展开
+     */
+    treeExpandAll = true;
+    /**
+     * Tree 数据集合
+     */
+    treeData = [];
+    /**
+     * 选中的节点
+     */
+    selectedNode = null;
+    selectedLevel = null;
+    /**
+     * 监听常量
+     */
+    globalConstant = 'reload-tree-list';
+    selectedKey = null;
+    selectedKeys = [];
+    expandedKeys = [];
+    sourceData = null;
+    constructor(router, http, modal, msg, commApiSrv) {
+        this.router = router;
+        this.http = http;
+        this.modal = modal;
+        this.msg = msg;
+        this.commApiSrv = commApiSrv;
+    }
+    initPageData() {
+        this.treeAPI = this.commApiSrv.getPageTree(this.moduleCode);
+        this.treeListAPI = this.commApiSrv.getPageTreeList(this.moduleCode);
+        this.treeKeyWord = null;
+        this.treeShowType = 'tree';
+        this.loading = false;
+    }
+    /**
+     * 获取 Tree 集合
+     */
+    getPageTreeData() {
+        if (this.treeId) {
+            this.loading = true;
+            this.treeData = [];
+            this.treeShowType = 'tree';
+            this.treeExpandAll = true;
+            this.http.post(`${this.treeAPI}/${this.treeId}`).subscribe((res) => {
+                if (res && res.success == true) {
+                    let result = res.result;
+                    if (result && result.basic) {
+                        this.pageInfo = result.basic;
+                    }
+                    if (result && result.treeData && result.treeData.length > 0) {
+                        this.treeData = [...result.treeData];
+                    }
+                    else {
+                        {
+                            this.treeData = [];
+                        }
+                    }
+                }
+                this.loading = false;
+            });
+        }
+    }
+    /**
+     * 获取 Tree 集合
+     */
+    getPageTreeListData() {
+        if (this.treeId) {
+            this.loading = true;
+            this.treeData = [];
+            this.treeShowType = 'list';
+            let postData = { pageId: this.treeId, keyword: this.treeKeyWord };
+            this.http.post(this.treeListAPI, postData).subscribe((res) => {
+                if (res && res.success == true) {
+                    let result = res.result;
+                    if (result && result.basic) {
+                        this.pageInfo = result.basic;
+                    }
+                    if (result && result.treeData && result.treeData.length > 0) {
+                        this.treeData = [...result.treeData];
+                    }
+                    else {
+                        {
+                            this.treeData = [];
+                        }
+                    }
+                }
+                this.loading = false;
+            });
+        }
+    }
+    pageChangeEvent(e) {
+        if (this.treeKeyWord) {
+            this.getPageTreeListData();
+        }
+        else {
+            this.getPageTreeData();
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TreeListService, deps: [{ token: i2.Router }, { token: i1._HttpClient }, { token: i3.NzModalService }, { token: i4.NzMessageService }, { token: CommAPIService }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TreeListService });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TreeListService, decorators: [{
+            type: Injectable
+        }], ctorParameters: () => [{ type: i2.Router }, { type: i1._HttpClient }, { type: i3.NzModalService }, { type: i4.NzMessageService }, { type: i4$1.CommAPIService, decorators: [{
+                    type: Inject,
+                    args: [CommAPIService]
+                }] }] });
+
+class TreeListLeftComponent {
+    http;
+    cdr;
+    treeSrv;
+    globalSrv;
+    constructor(http, cdr, treeSrv, globalSrv) {
+        this.http = http;
+        this.cdr = cdr;
+        this.treeSrv = treeSrv;
+        this.globalSrv = globalSrv;
+        this.treeSrv.getPageTreeData();
+    }
+    ngOnInit() { }
+    btnTreeSearch() {
+        if (this.treeSrv.treeKeyWord) {
+            this.treeSrv.getPageTreeListData();
+        }
+        else {
+            this.treeSrv.getPageTreeData();
+        }
+    }
+    /**
+     * 点击�?   * @param event
+     */
+    treeClick(event) {
+        this.treeSrv.loading = true;
+        this.treeSrv.selectedLevel = event.node.level;
+        //event.node.isExpanded = !event.node.isExpanded;
+        event.node.isExpanded = true;
+        this.treeSrv.selectedNode = event.node.origin;
+        this.treeSrv.selectedKey = event.node.key;
+        this.treeSrv.selectedKeys = [...[event.node.key]];
+        this.globalSrv.notifyDataChanged(this.treeSrv.globalConstant, { rd: Math.random() });
+    }
+    itemClick(event) {
+        this.treeSrv.loading = true;
+        this.treeSrv.selectedLevel = 0;
+        this.treeSrv.selectedNode = { id: event.id, title: event.title };
+        this.treeSrv.selectedKey = event.key;
+        this.treeSrv.selectedKeys = [...[event.key]];
+        this.globalSrv.notifyDataChanged(this.treeSrv.globalConstant, { rd: Math.random() });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TreeListLeftComponent, deps: [{ token: i1._HttpClient }, { token: i0.ChangeDetectorRef }, { token: TreeListService }, { token: i3$1.GramGlobalService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: TreeListLeftComponent, isStandalone: true, selector: "tree-list-left", ngImport: i0, template: "<div class=\"tree-query\">\n  <nz-input-group nzSearch [nzAddOnAfter]=\"suffixButton\">\n    <input type=\"text\" nz-input placeholder=\"\u8BF7\u8F93\u5165\u5173\u952E\u5B57\u67E5\u8BE2\" [(ngModel)]=\"treeSrv.treeKeyWord\" />\n  </nz-input-group>\n  <ng-template #suffixButton>\n    <button nz-button nzType=\"primary\" type=\"button\" nzSearch (click)=\"btnTreeSearch()\"><i nz-icon\n        nzType=\"search\"></i>\u67E5\u8BE2</button>\n  </ng-template>\n</div>\n<div class=\"tree-content\">\n  <ng-container *ngIf=\"treeSrv.treeData!! && treeSrv.treeData.length > 0; else tmpEmpty\">\n    <ng-container *ngIf=\"treeSrv.treeShowType == 'tree'; else tmpList\">\n      <nz-tree [nzData]=\"treeSrv.treeData\" [nzExpandAll]=\"treeSrv.treeExpandAll\" [nzExpandedKeys]=\"treeSrv.expandedKeys\"\n        [nzSelectedKeys]=\"treeSrv.selectedKeys\" (nzClick)=\"treeClick($event)\" [nzTreeTemplate]=\"nzTreeTemplate\">\n      </nz-tree>\n      <ng-template #nzTreeTemplate let-node let-origin=\"origin\">\n        <span class=\"custom-node\">\n          <span class=\"folder-name\">{{ node.title }}</span>\n\n          <!-- \u7981\u7528 -->\n          <ng-container *ngIf=\"origin.disFlag!=null && origin.disFlag==true\">\n            <span class=\"tree-node-stop\">\n              <span nz-icon nzType=\"stop\" nz-tooltip nzTooltipTitle=\"\u5DF2\u7981\u7528\"></span>\n            </span>\n          </ng-container>\n\n          <!-- \u5F85\u751F\u6548 -->\n          <ng-container *ngIf=\"origin.effectStatus!! && origin.effectStatus=='WAITING'\">\n            <span class=\"tree-node-waiting\">\n              <span nz-icon nzType=\"warning\" nz-tooltip nzTooltipTitle=\"\u5F85\u751F\u6548\"></span>\n            </span>\n          </ng-container>\n        </span>\n      </ng-template>\n    </ng-container>\n\n    <ng-template #tmpList>\n      <ul class=\"list-content\">\n        <ng-container *ngFor=\"let item of treeSrv.treeData\">\n          <li (click)=\"itemClick(item)\"\n            [ngClass]=\"{ 'item-selected': treeSrv.selectedKey!! && item.id == treeSrv.selectedKey }\">\n            {{ item.title }}\n          </li>\n        </ng-container>\n      </ul>\n    </ng-template>\n  </ng-container>\n</div>\n<ng-template #tmpEmpty>\n  <div class=\"tree-empty\" *ngIf=\"treeSrv.loading == false\">\n    <gram-empty state=\"empty9\"></gram-empty>\n  </div>\n</ng-template>", styles: [":host ::ng-deep{display:flex;flex:1;flex-direction:column;width:100%;height:100%;padding:0}:host ::ng-deep .item-selected{color:#fff;background-color:#1177fb}:host ::ng-deep .tree-query{display:flex;width:100%;padding:8px 12px 8px 0;border-bottom:1px solid #eaeaea}:host ::ng-deep .tree-query nz-input-group{width:100%}:host ::ng-deep .list-content{width:100%;margin:0;padding:0}:host ::ng-deep .list-content li{min-height:24px;margin:0 0 4px;padding:6px 10px}:host ::ng-deep .list-content li:hover{background:#d6e9ff;cursor:pointer}:host ::ng-deep .tree-content{flex:1;width:100%;padding:10px 12px;overflow-x:overlay;overflow-y:overlay}:host ::ng-deep .tree-content .ant-tree{width:100%}:host ::ng-deep .tree-content::-webkit-scrollbar{width:8px}:host ::ng-deep .tree-content::-webkit-scrollbar-thumb{background-color:#94949475;border-radius:7px}:host ::ng-deep .tree-content::-webkit-scrollbar-track{background-color:#fff}:host ::ng-deep .tree-content .custom-node{display:flex;width:100%;cursor:pointer}:host ::ng-deep .tree-content .custom-node .folder-operation{display:none;cursor:pointer}:host ::ng-deep .tree-content nz-tree-node-switcher{width:10px!important}:host ::ng-deep .tree-content .ant-tree-indent-unit{width:10px!important}:host ::ng-deep .tree-content .ant-tree-treenode{padding:4px 0}:host ::ng-deep .tree-content .ant-tree-treenode-selected{color:#fff!important;background:#1177fb!important}:host ::ng-deep .tree-content .ant-tree-treenode-selected .custom-node .folder-operation{display:block!important;color:#fff!important}:host ::ng-deep .tree-content .ant-tree-treenode-selected nz-tree-node-title{background:none;transition:none}:host ::ng-deep .tree-content nz-tree-node:hover{background:#d6e9ff}:host ::ng-deep .tree-content nz-tree-node:hover nz-tree-node-title{background:none;transition:none}:host ::ng-deep .tree-content nz-tree-node:hover .custom-node .folder-operation{display:block;color:#1177fb}:host ::ng-deep nz-tree-node-title{width:100%;cursor:pointer}:host ::ng-deep .tree-empty{display:flex;width:100%;height:100%}\n"], dependencies: [{ kind: "ngmodule", type: RuntimeSharedImportsModule }, { kind: "directive", type: i4$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i4$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.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: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { 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-button-group, [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: "directive", type: i9$2.NzTooltipDirective, selector: "[nz-tooltip]", inputs: ["nzTooltipTitle", "nzTooltipTitleContext", "nz-tooltip", "nzTooltipTrigger", "nzTooltipPlacement", "nzTooltipOrigin", "nzTooltipVisible", "nzTooltipMouseEnterDelay", "nzTooltipMouseLeaveDelay", "nzTooltipOverlayClassName", "nzTooltipOverlayStyle", "nzTooltipArrowPointAtCenter", "cdkConnectedOverlayPush", "nzTooltipColor"], outputs: ["nzTooltipVisibleChange"], exportAs: ["nzTooltip"] }, { kind: "directive", type: i9.NzIconDirective, selector: "nz-icon,[nz-icon]", inputs: ["nzSpin", "nzRotate", "nzType", "nzTheme", "nzTwotoneColor", "nzIconfont"], exportAs: ["nzIcon"] }, { kind: "directive", type: i10.NzInputDirective, selector: "input[nz-input],textarea[nz-input]", inputs: ["nzBorderless", "nzSize", "nzStepperless", "nzStatus", "disabled"], exportAs: ["nzInput"] }, { kind: "component", type: i10.NzInputGroupComponent, selector: "nz-input-group", inputs: ["nzAddOnBeforeIcon", "nzAddOnAfterIcon", "nzPrefixIcon", "nzSuffixIcon", "nzAddOnBefore", "nzAddOnAfter", "nzPrefix", "nzStatus", "nzSuffix", "nzSize", "nzSearch", "nzCompact"], exportAs: ["nzInputGroup"] }, { kind: "component", type: i11.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: GramDeonEmptyModule }, { kind: "component", type: i12.GramDeonEmptyComponent, selector: "gram-empty", inputs: ["desc", "state"], outputs: ["emptyClick"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TreeListLeftComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'tree-list-left', imports: [
+                        RuntimeSharedImportsModule,
+                        GramDeonEmptyModule
+                    ], template: "<div class=\"tree-query\">\n  <nz-input-group nzSearch [nzAddOnAfter]=\"suffixButton\">\n    <input type=\"text\" nz-input placeholder=\"\u8BF7\u8F93\u5165\u5173\u952E\u5B57\u67E5\u8BE2\" [(ngModel)]=\"treeSrv.treeKeyWord\" />\n  </nz-input-group>\n  <ng-template #suffixButton>\n    <button nz-button nzType=\"primary\" type=\"button\" nzSearch (click)=\"btnTreeSearch()\"><i nz-icon\n        nzType=\"search\"></i>\u67E5\u8BE2</button>\n  </ng-template>\n</div>\n<div class=\"tree-content\">\n  <ng-container *ngIf=\"treeSrv.treeData!! && treeSrv.treeData.length > 0; else tmpEmpty\">\n    <ng-container *ngIf=\"treeSrv.treeShowType == 'tree'; else tmpList\">\n      <nz-tree [nzData]=\"treeSrv.treeData\" [nzExpandAll]=\"treeSrv.treeExpandAll\" [nzExpandedKeys]=\"treeSrv.expandedKeys\"\n        [nzSelectedKeys]=\"treeSrv.selectedKeys\" (nzClick)=\"treeClick($event)\" [nzTreeTemplate]=\"nzTreeTemplate\">\n      </nz-tree>\n      <ng-template #nzTreeTemplate let-node let-origin=\"origin\">\n        <span class=\"custom-node\">\n          <span class=\"folder-name\">{{ node.title }}</span>\n\n          <!-- \u7981\u7528 -->\n          <ng-container *ngIf=\"origin.disFlag!=null && origin.disFlag==true\">\n            <span class=\"tree-node-stop\">\n              <span nz-icon nzType=\"stop\" nz-tooltip nzTooltipTitle=\"\u5DF2\u7981\u7528\"></span>\n            </span>\n          </ng-container>\n\n          <!-- \u5F85\u751F\u6548 -->\n          <ng-container *ngIf=\"origin.effectStatus!! && origin.effectStatus=='WAITING'\">\n            <span class=\"tree-node-waiting\">\n              <span nz-icon nzType=\"warning\" nz-tooltip nzTooltipTitle=\"\u5F85\u751F\u6548\"></span>\n            </span>\n          </ng-container>\n        </span>\n      </ng-template>\n    </ng-container>\n\n    <ng-template #tmpList>\n      <ul class=\"list-content\">\n        <ng-container *ngFor=\"let item of treeSrv.treeData\">\n          <li (click)=\"itemClick(item)\"\n            [ngClass]=\"{ 'item-selected': treeSrv.selectedKey!! && item.id == treeSrv.selectedKey }\">\n            {{ item.title }}\n          </li>\n        </ng-container>\n      </ul>\n    </ng-template>\n  </ng-container>\n</div>\n<ng-template #tmpEmpty>\n  <div class=\"tree-empty\" *ngIf=\"treeSrv.loading == false\">\n    <gram-empty state=\"empty9\"></gram-empty>\n  </div>\n</ng-template>", styles: [":host ::ng-deep{display:flex;flex:1;flex-direction:column;width:100%;height:100%;padding:0}:host ::ng-deep .item-selected{color:#fff;background-color:#1177fb}:host ::ng-deep .tree-query{display:flex;width:100%;padding:8px 12px 8px 0;border-bottom:1px solid #eaeaea}:host ::ng-deep .tree-query nz-input-group{width:100%}:host ::ng-deep .list-content{width:100%;margin:0;padding:0}:host ::ng-deep .list-content li{min-height:24px;margin:0 0 4px;padding:6px 10px}:host ::ng-deep .list-content li:hover{background:#d6e9ff;cursor:pointer}:host ::ng-deep .tree-content{flex:1;width:100%;padding:10px 12px;overflow-x:overlay;overflow-y:overlay}:host ::ng-deep .tree-content .ant-tree{width:100%}:host ::ng-deep .tree-content::-webkit-scrollbar{width:8px}:host ::ng-deep .tree-content::-webkit-scrollbar-thumb{background-color:#94949475;border-radius:7px}:host ::ng-deep .tree-content::-webkit-scrollbar-track{background-color:#fff}:host ::ng-deep .tree-content .custom-node{display:flex;width:100%;cursor:pointer}:host ::ng-deep .tree-content .custom-node .folder-operation{display:none;cursor:pointer}:host ::ng-deep .tree-content nz-tree-node-switcher{width:10px!important}:host ::ng-deep .tree-content .ant-tree-indent-unit{width:10px!important}:host ::ng-deep .tree-content .ant-tree-treenode{padding:4px 0}:host ::ng-deep .tree-content .ant-tree-treenode-selected{color:#fff!important;background:#1177fb!important}:host ::ng-deep .tree-content .ant-tree-treenode-selected .custom-node .folder-operation{display:block!important;color:#fff!important}:host ::ng-deep .tree-content .ant-tree-treenode-selected nz-tree-node-title{background:none;transition:none}:host ::ng-deep .tree-content nz-tree-node:hover{background:#d6e9ff}:host ::ng-deep .tree-content nz-tree-node:hover nz-tree-node-title{background:none;transition:none}:host ::ng-deep .tree-content nz-tree-node:hover .custom-node .folder-operation{display:block;color:#1177fb}:host ::ng-deep nz-tree-node-title{width:100%;cursor:pointer}:host ::ng-deep .tree-empty{display:flex;width:100%;height:100%}\n"] }]
+        }], ctorParameters: () => [{ type: i1._HttpClient }, { type: i0.ChangeDetectorRef }, { type: TreeListService }, { type: i3$1.GramGlobalService }] });
+
+class TreeListRightComponent {
+    http;
+    msg;
+    utilService;
+    commAPISrv;
+    globalSrv;
+    treeSrv;
+    pageConfig = null;
+    buttonEvent = new EventEmitter();
+    operationEvent = new EventEmitter();
+    componentEvent = new EventEmitter();
+    constructor(http, msg, utilService, commAPISrv, globalSrv, treeSrv) {
+        this.http = http;
+        this.msg = msg;
+        this.utilService = utilService;
+        this.commAPISrv = commAPISrv;
+        this.globalSrv = globalSrv;
+        this.treeSrv = treeSrv;
+        this.globalSrv.subscribe(this.treeSrv.globalConstant, (res) => {
+            this.getPageConfig();
+        });
+        this.getPageConfig();
+    }
+    ngOnInit() { }
+    ngOnDestroy() {
+        this.globalSrv.removeSubscribe(this.treeSrv.globalConstant);
+    }
+    getPageConfig() {
+        let nodeId = null;
+        let nodeInfo = null;
+        if (this.treeSrv.selectedNode?.id) {
+            nodeId = this.treeSrv.selectedNode?.id;
+            nodeInfo = {
+                id: nodeId,
+                name: this.treeSrv.selectedNode?.title,
+            };
+        }
+        let arg = {
+            ID: nodeId,
+            VAR1: nodeInfo,
+        };
+        if (this.treeSrv.sourceData && this.treeSrv.sourceData.listParameterArg) {
+            arg = Object.assign(arg, this.treeSrv.sourceData.listParameterArg);
+        }
+        this.pageConfig = {
+            pageId: this.treeSrv.pageId,
+            parameterArg: arg,
+            rd: Math.random(),
+        };
+        this.treeSrv.loading = false;
+    }
+    /**
+     * 页面按钮点击事件
+     * @param e
+     */
+    buttonClick(e) {
+        this.buttonEvent.emit(e);
+    }
+    /**
+     * 页面列表-操作列点击事�?   * @param e
+     */
+    operationClick(e) {
+        this.operationEvent.emit(e);
+    }
+    componentClick(e) {
+        this.componentEvent.emit(e);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TreeListRightComponent, deps: [{ token: i1._HttpClient }, { token: i4.NzMessageService }, { token: i3$2.DeonFormUtilService }, { token: i4$1.CommAPIService }, { token: i3$1.GramGlobalService }, { token: TreeListService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: TreeListRightComponent, isStandalone: true, selector: "tree-list-right", outputs: { buttonEvent: "buttonEvent", operationEvent: "operationEvent", componentEvent: "componentEvent" }, ngImport: i0, template: "<ng-container *ngIf=\"pageConfig!!\">\n  <pre-page [pageConfig]=\"pageConfig\" (buttonEvent)=\"buttonClick($event)\" (operationEvent)=\"operationClick($event)\"\n    (componentEvent)=\"componentClick($event)\" (pageChangeEvent)=\"treeSrv.pageChangeEvent($event)\"></pre-page>\n</ng-container>", styles: [":host ::ng-deep{display:flex;flex:1;flex-direction:column;width:100%;height:100%;padding:8px 15px}:host ::ng-deep form{overflow:hidden}:host ::ng-deep .deon-head{display:flex;height:auto;padding:8px 12px;border-bottom:1px solid #eaeaea}:host ::ng-deep .deon-head .left{flex:1}:host ::ng-deep .deon-head .left ul{display:flex;align-items:center;height:100%;margin:0;padding:0;list-style:none}:host ::ng-deep .deon-head .left ul li{padding:0 25px 0 0}:host ::ng-deep .repeat-table{border:0!important}:host ::ng-deep .field-panel-box{padding:0!important}:host ::ng-deep deon-nz-field-repeat{margin-bottom:0!important}:host ::ng-deep .fieldbox-children{margin-top:3px;border:1px solid #eaeaea}:host ::ng-deep .fieldbox-children .repeat-label{padding:0 5px;border-bottom:1px solid #eaeaea}\n"], dependencies: [{ kind: "ngmodule", type: RuntimeSharedImportsModule }, { kind: "directive", type: i4$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: PrePageModule }, { kind: "component", type: i8$1.PrePageComponent, selector: "pre-page", inputs: ["pageId", "pageCode", "pageConfig", "layoutData", "rd", "parameterArg"], outputs: ["advancedEvent", "buttonEvent", "buttonAfterEvent", "selectEvent", "operationEvent", "componentEvent", "pageLoadAfterEvent", "pageLoadConfigEvent"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TreeListRightComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'tree-list-right', imports: [
+                        RuntimeSharedImportsModule,
+                        PrePageModule
+                    ], template: "<ng-container *ngIf=\"pageConfig!!\">\n  <pre-page [pageConfig]=\"pageConfig\" (buttonEvent)=\"buttonClick($event)\" (operationEvent)=\"operationClick($event)\"\n    (componentEvent)=\"componentClick($event)\" (pageChangeEvent)=\"treeSrv.pageChangeEvent($event)\"></pre-page>\n</ng-container>", styles: [":host ::ng-deep{display:flex;flex:1;flex-direction:column;width:100%;height:100%;padding:8px 15px}:host ::ng-deep form{overflow:hidden}:host ::ng-deep .deon-head{display:flex;height:auto;padding:8px 12px;border-bottom:1px solid #eaeaea}:host ::ng-deep .deon-head .left{flex:1}:host ::ng-deep .deon-head .left ul{display:flex;align-items:center;height:100%;margin:0;padding:0;list-style:none}:host ::ng-deep .deon-head .left ul li{padding:0 25px 0 0}:host ::ng-deep .repeat-table{border:0!important}:host ::ng-deep .field-panel-box{padding:0!important}:host ::ng-deep deon-nz-field-repeat{margin-bottom:0!important}:host ::ng-deep .fieldbox-children{margin-top:3px;border:1px solid #eaeaea}:host ::ng-deep .fieldbox-children .repeat-label{padding:0 5px;border-bottom:1px solid #eaeaea}\n"] }]
+        }], ctorParameters: () => [{ type: i1._HttpClient }, { type: i4.NzMessageService }, { type: i3$2.DeonFormUtilService }, { type: i4$1.CommAPIService }, { type: i3$1.GramGlobalService }, { type: TreeListService }], propDecorators: { buttonEvent: [{
+                type: Output
+            }], operationEvent: [{
+                type: Output
+            }], componentEvent: [{
+                type: Output
+            }] } });
+
+class CommTreeListComponent {
+    http;
+    router;
+    activatedRoute;
+    treeSrv;
+    _data = null;
+    layoutData = null;
+    /**
+     * moduleCode
+     * layoutData
+     */
+    set data(value) {
+        this._data = value;
+        this.treeSrv.sourceData = _.cloneDeep(value);
+        this.treeSrv.moduleCode = value.moduleCode;
+        /**
+         * 初始�?     */
+        this.treeSrv.initPageData();
+        /**
+         * 获取数据结构
+         */
+        this.getPageData();
+    }
+    get data() {
+        return this._data;
+    }
+    buttonEvent = new EventEmitter();
+    operationEvent = new EventEmitter();
+    componentEvent = new EventEmitter();
+    constructor(http, router, activatedRoute, treeSrv) {
+        this.http = http;
+        this.router = router;
+        this.activatedRoute = activatedRoute;
+        this.treeSrv = treeSrv;
+    }
+    ngOnInit() { }
+    ngOnDestroy() { }
+    getPageData() {
+        this.layoutData = this.data.layoutData;
+        this.treeSrv.treeId = this.layoutData?.treeId;
+        this.treeSrv.pageId = this.layoutData?.pageId;
+        this.treeSrv.loading = false;
+    }
+    /**
+   * 页面按钮点击事件
+   * @param e
+   */
+    buttonClick(e) {
+        this.buttonEvent.emit(e);
+    }
+    /**
+     * 页面列表-操作列点击事�?   * @param e
+     */
+    operationClick(e) {
+        this.operationEvent.emit(e);
+    }
+    componentClick(e) {
+        this.componentEvent.emit(e);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: CommTreeListComponent, deps: [{ token: i1._HttpClient }, { token: i2.Router }, { token: i2.ActivatedRoute }, { token: TreeListService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: CommTreeListComponent, isStandalone: true, selector: "comm-tree-list", inputs: { data: "data" }, outputs: { buttonEvent: "buttonEvent", operationEvent: "operationEvent", componentEvent: "componentEvent" }, providers: [GramGlobalService, TreeListService], ngImport: i0, template: "<nz-spin [nzSpinning]=\"treeSrv.loading\" nzTip=\"\u62FC\u547D\u52A0\u8F7D\u4E2D...\" class=\"deon-list-spin\">\n  <div class=\"tree-content\" *ngIf=\"layoutData!!\">\n    <div class=\"tree-left\"><tree-list-left></tree-list-left></div>\n    <div class=\"tree-right\"><tree-list-right (buttonEvent)=\"buttonClick($event)\"\n        (operationEvent)=\"operationClick($event)\" (componentEvent)=\"componentClick($event)\"></tree-list-right></div>\n  </div>\n</nz-spin>", styles: [":host ::ng-deep{display:flex;flex:1;flex-direction:column;width:100%;height:100%;overflow:auto}:host ::ng-deep .tree-content{display:flex;flex-direction:row;width:100%;height:100%;padding:0;overflow:auto}:host ::ng-deep .tree-content .tree-left{display:flex;flex-direction:column;width:300px;height:100%;border-right:1px solid #eaeaea}:host ::ng-deep .tree-content .tree-left .tree-query{padding:8px 12px}:host ::ng-deep .tree-content .tree-left .tree-content{width:300px;padding:10px 12px}:host ::ng-deep .tree-content .tree-right{flex:1;overflow:auto}:host ::ng-deep .tree-content .tree-right tree-list-right pre-page{padding:0}:host ::ng-deep .tree-content .tree-right tree-list-right page-info-single{padding:0}:host ::ng-deep .tree-content .tree-right tree-list-right .page-info-header{margin-left:0}\n"], dependencies: [{ kind: "ngmodule", type: RuntimeSharedImportsModule }, { kind: "directive", type: i4$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i5$1.NzSpinComponent, selector: "nz-spin", inputs: ["nzIndicator", "nzSize", "nzTip", "nzDelay", "nzSimple", "nzSpinning"], exportAs: ["nzSpin"] }, { kind: "component", type: TreeListLeftComponent, selector: "tree-list-left" }, { kind: "component", type: TreeListRightComponent, selector: "tree-list-right", outputs: ["buttonEvent", "operationEvent", "componentEvent"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: CommTreeListComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'comm-tree-list', providers: [GramGlobalService, TreeListService], imports: [
+                        RuntimeSharedImportsModule,
+                        TreeListLeftComponent,
+                        TreeListRightComponent
+                    ], template: "<nz-spin [nzSpinning]=\"treeSrv.loading\" nzTip=\"\u62FC\u547D\u52A0\u8F7D\u4E2D...\" class=\"deon-list-spin\">\n  <div class=\"tree-content\" *ngIf=\"layoutData!!\">\n    <div class=\"tree-left\"><tree-list-left></tree-list-left></div>\n    <div class=\"tree-right\"><tree-list-right (buttonEvent)=\"buttonClick($event)\"\n        (operationEvent)=\"operationClick($event)\" (componentEvent)=\"componentClick($event)\"></tree-list-right></div>\n  </div>\n</nz-spin>", styles: [":host ::ng-deep{display:flex;flex:1;flex-direction:column;width:100%;height:100%;overflow:auto}:host ::ng-deep .tree-content{display:flex;flex-direction:row;width:100%;height:100%;padding:0;overflow:auto}:host ::ng-deep .tree-content .tree-left{display:flex;flex-direction:column;width:300px;height:100%;border-right:1px solid #eaeaea}:host ::ng-deep .tree-content .tree-left .tree-query{padding:8px 12px}:host ::ng-deep .tree-content .tree-left .tree-content{width:300px;padding:10px 12px}:host ::ng-deep .tree-content .tree-right{flex:1;overflow:auto}:host ::ng-deep .tree-content .tree-right tree-list-right pre-page{padding:0}:host ::ng-deep .tree-content .tree-right tree-list-right page-info-single{padding:0}:host ::ng-deep .tree-content .tree-right tree-list-right .page-info-header{margin-left:0}\n"] }]
+        }], ctorParameters: () => [{ type: i1._HttpClient }, { type: i2.Router }, { type: i2.ActivatedRoute }, { type: TreeListService }], propDecorators: { data: [{
+                type: Input
+            }], buttonEvent: [{
+                type: Output
+            }], operationEvent: [{
+                type: Output
+            }], componentEvent: [{
+                type: Output
+            }] } });
+
+const COMPONENTS = [CommTreeFormComponent, CommTreeListComponent, TreeListLeftComponent, TreeListRightComponent, TreeFormLeftComponent, TreeFormRightComponent];
+const COMPONENTS_NOROUNT = [];
+class CommTreeModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: CommTreeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.15", ngImport: i0, type: CommTreeModule, imports: [CommTreeFormComponent, CommTreeListComponent, TreeListLeftComponent, TreeListRightComponent, TreeFormLeftComponent, TreeFormRightComponent], exports: [CommTreeFormComponent, CommTreeListComponent, TreeListLeftComponent, TreeListRightComponent, TreeFormLeftComponent, TreeFormRightComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: CommTreeModule, imports: [COMPONENTS] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: CommTreeModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [...COMPONENTS],
+                    exports: [...COMPONENTS],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { CommTreeFormComponent, CommTreeListComponent, CommTreeModule, TreeFormLeftComponent, TreeFormRightComponent, TreeListLeftComponent, TreeListRightComponent };
+//# sourceMappingURL=comm.tree.mjs.map