@ebuilding/biz-design 2.3.4 → 2.3.8

package/default/src/kpi/index.component.d.ts

@@ -10,7 +10,6 @@ export declare class KPIDesignSimpleComponent implements OnInit, OnChanges, OnDe
     deonFormBuilder: FormlyFormBuilder;
     fieldSrv: FieldService;
     formUtilService: DeonFormUtilService;
-    fields: any[];
     /**
      * 当前选择字段
      */
@@ -22,23 +21,20 @@ export declare class KPIDesignSimpleComponent implements OnInit, OnChanges, OnDe
     dialogPageData: any;
     dialogFormData: any[];
     indicatorList: any[];
+    fieldList: any[];
     tableInfo: any;
     showDim: boolean;
     isEditor: boolean;
-    /**
-     * 表单JSON体
-     */
-    set fieldList(value: any);
-    get fieldList(): any;
     state: any;
     formProp: boolean;
+    pageConfig: any;
     actionEvent: EventEmitter<any>;
     constructor(modal: NzModalService, deonFormBuilder: FormlyFormBuilder, fieldSrv: FieldService, formUtilService: DeonFormUtilService);
     ngOnInit(): void;
     ngAfterViewInit(): void;
-    drop(event: CdkDragDrop<string[]>): void;
     ngOnChanges(changes: SimpleChanges): void;
     ngOnDestroy(): void;
+    drop(event: CdkDragDrop<string[]>): void;
     /**
      * 抛出事件
      */
@@ -86,5 +82,5 @@ export declare class KPIDesignSimpleComponent implements OnInit, OnChanges, OnDe
      */
     loopDelete(e: FormlyFieldConfig, field: FormlyFieldConfig): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<KPIDesignSimpleComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<KPIDesignSimpleComponent, "kpi-design-simple", never, { "dialogPageData": { "alias": "dialogPageData"; "required": false; }; "dialogFormData": { "alias": "dialogFormData"; "required": false; }; "indicatorList": { "alias": "indicatorList"; "required": false; }; "tableInfo": { "alias": "tableInfo"; "required": false; }; "showDim": { "alias": "showDim"; "required": false; }; "isEditor": { "alias": "isEditor"; "required": false; }; "fieldList": { "alias": "fieldList"; "required": false; }; "state": { "alias": "state"; "required": false; }; "formProp": { "alias": "formProp"; "required": false; }; }, { "actionEvent": "actionEvent"; }, never, ["*", "[name=content-info]", "[name=content-prop]"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KPIDesignSimpleComponent, "kpi-design-simple", never, { "dialogPageData": { "alias": "dialogPageData"; "required": false; }; "dialogFormData": { "alias": "dialogFormData"; "required": false; }; "indicatorList": { "alias": "indicatorList"; "required": false; }; "fieldList": { "alias": "fieldList"; "required": false; }; "tableInfo": { "alias": "tableInfo"; "required": false; }; "showDim": { "alias": "showDim"; "required": false; }; "isEditor": { "alias": "isEditor"; "required": false; }; "state": { "alias": "state"; "required": false; }; "formProp": { "alias": "formProp"; "required": false; }; "pageConfig": { "alias": "pageConfig"; "required": false; }; }, { "actionEvent": "actionEvent"; }, never, ["*", "[name=content-info]", "[name=content-prop]"], true, never>;
 }

package/fesm2022/default.mjs

@@ -5081,7 +5081,6 @@ class KPIDesignSimpleComponent {
     deonFormBuilder;
     fieldSrv;
     formUtilService;
-    fields = [];
     /**
      * 当前选择字段
      */
@@ -5093,23 +5092,26 @@ class KPIDesignSimpleComponent {
     dialogPageData = null;
     dialogFormData = [];
     indicatorList = [];
+    fieldList = [];
     tableInfo;
     showDim = true;
     isEditor = true;
-    /**
-     * 表单JSON体
-     */
-    set fieldList(value) {
-        if (value != undefined && value != null) {
-            this.fields = value;
-            this.initActive();
-        }
-    }
-    get fieldList() {
-        return this.fields;
-    }
+    // /**
+    //  * 表单JSON体
+    //  */
+    // @Input()
+    // set fieldList(value: any) {
+    //   if (value != undefined && value != null) {
+    //     this.fields = value;
+    //     this.initActive();
+    //   }
+    // }
+    // get fieldList() {
+    //   return this.fields;
+    // }
     state = 'default';
     formProp = true;
+    pageConfig = null;
     actionEvent = new EventEmitter();
     constructor(modal, deonFormBuilder, fieldSrv, formUtilService) {
         this.modal = modal;
@@ -5135,6 +5137,12 @@ class KPIDesignSimpleComponent {
             });
         });
     }
+    ngOnChanges(changes) {
+        if (changes["pageConfig"] && this.pageConfig) {
+            this.initActive();
+        }
+    }
+    ngOnDestroy() { }
     drop(event) {
         if (this.isEditor != true) {
             return;
@@ -5148,7 +5156,7 @@ class KPIDesignSimpleComponent {
             }
             else if (_.get(event, 'previousContainer.data.type_source')) {
                 this.fieldSrv.transferSourceType(event.container.data, event.currentIndex, event.previousContainer.data['type_source'], event.previousIndex);
-                this.fieldSrv.tableFieldState(this.fields, this.tableInfo);
+                this.fieldSrv.tableFieldState(this.fieldList, this.tableInfo);
             }
             else {
                 let findField = event.previousContainer.data[event.previousIndex];
@@ -5164,12 +5172,6 @@ class KPIDesignSimpleComponent {
         }
         this.formInfoEmit();
     }
-    ngOnChanges(changes) {
-        if (changes["tableInfo"] || changes["fieldList"]) {
-            this.fieldSrv.tableFieldState(this.fields, this.tableInfo);
-        }
-    }
-    ngOnDestroy() { }
     /**
      * 抛出事件
      */
@@ -5178,16 +5180,14 @@ class KPIDesignSimpleComponent {
         if (this.isEditor != true) {
             return;
         }
-        this.actionEvent.emit(_.cloneDeep(this.fields));
+        //this.actionEvent.emit(_.cloneDeep(this.fields));
     }
     activeFieldChange(e) {
-        this.activeField;
         this.formInfoEmit();
     }
     activeFieldTypeChange(e) {
         this.formInfoEmit();
         this.activeField = _.cloneDeep(e);
-        this.fields = _.cloneDeep(this.fields);
     }
     activeRepeatChange(e) { }
     /**
@@ -5196,7 +5196,7 @@ class KPIDesignSimpleComponent {
      */
     deleteField(e, event) {
         event.stopPropagation();
-        let fieldNews = _.cloneDeep(this.fields);
+        let fieldNews = _.cloneDeep(this.fieldList);
         fieldNews.forEach((item, index, object) => {
             if (this.activeField && (item == e || item.key == e.key)) {
                 object.splice(index, 1);
@@ -5208,24 +5208,24 @@ class KPIDesignSimpleComponent {
                 }
             }
         });
-        this.fields.length = 0;
-        this.fields = [...this.fields, ...fieldNews];
-        this.fieldSrv.tableFieldState(this.fields, this.tableInfo);
+        this.fieldList.length = 0;
+        this.fieldList = [...this.fieldList, ...fieldNews];
+        this.fieldSrv.tableFieldState(this.fieldList, this.tableInfo);
         this.formInfoEmit();
     }
     deleteFieldIndex(index, event) {
         event.stopPropagation();
-        let fieldNews = this.fields.filter((item, i, object) => {
+        let fieldNews = this.fieldList.filter((item, i, object) => {
             return i != index;
         });
-        this.fields.length = 0;
-        this.fields = [...this.fields, ...fieldNews];
-        this.fieldSrv.tableFieldState(this.fields, this.tableInfo);
+        this.fieldList.length = 0;
+        this.fieldList = [...this.fieldList, ...fieldNews];
+        this.fieldSrv.tableFieldState(this.fieldList, this.tableInfo);
         this.activeField = null;
         this.formInfoEmit();
     }
     deleteFieldByGrid(e) {
-        this.fieldSrv.tableFieldState(_.cloneDeep(this.fields), this.tableInfo);
+        this.fieldSrv.tableFieldState(_.cloneDeep(this.fieldList), this.tableInfo);
         this.formInfoEmit();
     }
     /**
@@ -5246,7 +5246,7 @@ class KPIDesignSimpleComponent {
             }
             else if (_.get(event, 'previousContainer.data.type_source')) {
                 this.fieldSrv.transferSourceType(event.container.data, event.currentIndex, event.previousContainer.data['type_source'], event.previousIndex);
-                this.fieldSrv.tableFieldState(this.fields, this.tableInfo);
+                this.fieldSrv.tableFieldState(this.fieldList, this.tableInfo);
             }
             else {
                 let findField = event.previousContainer.data[event.previousIndex];
@@ -5270,7 +5270,7 @@ class KPIDesignSimpleComponent {
             }
             else if (_.get(event, 'previousContainer.data.type_source')) {
                 this.fieldSrv.transferSourceType(event.container.data, event.currentIndex, event.previousContainer.data['type_source'], event.previousIndex);
-                this.fieldSrv.tableFieldState(this.fields, this.tableInfo);
+                this.fieldSrv.tableFieldState(this.fieldList, this.tableInfo);
             }
             else {
                 let findField = event.previousContainer.data[event.previousIndex];
@@ -5295,9 +5295,9 @@ class KPIDesignSimpleComponent {
      */
     initActive() {
         this.activeField = null;
-        this.fields.forEach((item) => {
+        this.fieldList.forEach((item) => {
             item.active = false;
-            if (item.type == 'grid') {
+            if (item?.fieldGroup) {
                 this.loopActive(null, item);
             }
         });
@@ -5312,7 +5312,7 @@ class KPIDesignSimpleComponent {
         this.sourceField = this.fieldSrv.tableFieldByKey(e.key, this.tableInfo);
         this.activeField = e;
         this.sourceType = { repeat: source == 'repeat' };
-        this.fields.forEach((item) => {
+        this.fieldList.forEach((item) => {
             if (item == e) {
                 item.active = true;
             }
@@ -5336,7 +5336,7 @@ class KPIDesignSimpleComponent {
      * @param field
      */
     loopActive(e, field) {
-        if (field && field.fieldGroup && field.fieldGroup.length > 0) {
+        if (field && field?.fieldGroup && field?.fieldGroup?.length > 0) {
             field.fieldGroup.forEach((item) => {
                 if (item == e) {
                     item.active = true;
@@ -5344,7 +5344,7 @@ class KPIDesignSimpleComponent {
                 else {
                     item.active = false;
                 }
-                if (item.type == 'list') {
+                if (item?.fieldGroup) {
                     this.loopActive(e, item);
                 }
             });
@@ -5356,7 +5356,7 @@ class KPIDesignSimpleComponent {
      * @param field
      */
     loopDelete(e, field) {
-        if (field && field.fieldGroup && field.fieldGroup.length > 0) {
+        if (field && field?.fieldGroup && field?.fieldGroup?.length > 0) {
             field.fieldGroup.forEach((item, index, object) => {
                 if (this.activeField && (item == e || item.key == e.key)) {
                     object.splice(index, 1);
@@ -5371,7 +5371,7 @@ class KPIDesignSimpleComponent {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: KPIDesignSimpleComponent, deps: [{ token: i1$3.NzModalService }, { token: i2$2.FormlyFormBuilder }, { token: FieldService }, { token: i4$2.DeonFormUtilService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: KPIDesignSimpleComponent, isStandalone: true, selector: "kpi-design-simple", inputs: { dialogPageData: "dialogPageData", dialogFormData: "dialogFormData", indicatorList: "indicatorList", tableInfo: "tableInfo", showDim: "showDim", isEditor: "isEditor", fieldList: "fieldList", state: "state", formProp: "formProp" }, outputs: { actionEvent: "actionEvent" }, viewQueries: [{ propertyName: "dlq", predicate: CdkDropList, descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"design-simple\" cdkDropListGroup>\n  <div class=\"box-west\">\n    <nz-tabset>\n      <nz-tab nzTitle=\"\u8BC4\u4F30\u7EF4\u5EA6\" *ngIf=\"showDim\">\n        <ng-content></ng-content>\n      </nz-tab>\n      <nz-tab nzTitle=\"\u7CFB\u7EDF\u9ED8\u8BA4+\u6307\u6807\u5E93\">\n        <div class=\"indbox\">\n          <deon-field-type-basic2 [dls]=\"dls\" [isDefault]=\"formProp\"></deon-field-type-basic2>\n          <deon-field-type-source2 [indicatorList]=\"indicatorList\" [dls]=\"dls\"></deon-field-type-source2>\n        </div>\n      </nz-tab>\n    </nz-tabset>\n  </div>\n  <div class=\"box-content\">\n    <ng-container *ngIf=\"state == 'default'; else tmpEmpty\">\n      <div class=\"box-center\">\n        <ng-content select=\"[name=content-info]\"></ng-content>\n        <div cdkDropList [cdkDropListData]=\"fields\" class=\"field-list\"\n          [ngClass]=\"{ 'field-list-empty': fields == null || fields.length == 0 }\" (cdkDropListDropped)=\"drop($event)\"\n          [cdkDropListConnectedTo]=\"dls\">\n          <ng-container *ngFor=\"let field of fields; let index = index\">\n            <div class=\"field-box\" [cdkDragDisabled]=\"state == 'view'\" cdkDrag>\n              <ng-container [ngSwitch]=\"field.type\">\n                <ng-container *ngSwitchCase=\"'grid'\">\n                  <div class=\"grid-box\" [ngClass]=\"{ 'grid-active': field?.active == true }\"\n                    (click)=\"fieldActive(field, $event)\">\n                    <ng-container *ngIf=\"field?.active == true\">\n                      <div class=\"grid-drag\" cdkDragHandle><span nz-icon nzType=\"drag\"></span></div>\n                      <div class=\"grid-delete\" *ngIf=\"isEditor != false\">\n                        <span nz-icon nzType=\"delete\" (click)=\"deleteFieldIndex(index, $event)\"></span>\n                      </div>\n                    </ng-container>\n                    <div cdkDragHandle style=\"display: none\"></div>\n\n                    <div nz-row>\n                      <ng-container *ngFor=\"let grid of field.fieldGroup\">\n                        <div nz-col [nzSpan]=\"grid.props.cols\" cdkDropList [cdkDropListData]=\"grid.fieldGroup\"\n                          class=\"field-list\" (cdkDropListDropped)=\"drop($event)\" [cdkDropListConnectedTo]=\"dls\">\n                          <div *ngFor=\"let innerItem of grid.fieldGroup\" [cdkDragDisabled]=\"state == 'view'\" cdkDrag\n                            class=\"field-box\">\n                            <content [field]=\"innerItem\" [state]=\"state\" (click)=\"fieldActive(innerItem, $event)\"\n                              (fieldDelEvent)=\"deleteField(innerItem, $event)\">\n                              <deon-field-default [field]=\"innerItem\"></deon-field-default>\n                            </content>\n                          </div>\n                        </div>\n                      </ng-container>\n                    </div>\n                  </div>\n                </ng-container>\n                <ng-container *ngSwitchCase=\"'indicator'\">\n                  <div class=\"grid-box indicator-box\" [ngClass]=\"{ 'grid-active': field?.active == true }\"\n                    (click)=\"fieldActive(field, $event)\">\n                    <ng-container *ngIf=\"field?.active == true\">\n                      <div class=\"grid-drag\" cdkDragHandle><span nz-icon nzType=\"drag\"></span></div>\n                      <div class=\"grid-delete\" *ngIf=\"isEditor != false\">\n                        <span nz-icon nzType=\"delete\" (click)=\"deleteFieldIndex(index, $event)\"></span>\n                      </div>\n                    </ng-container>\n                    <div cdkDragHandle style=\"display: none\"></div>\n\n                    <div class=\"indicator-info\">\n                      <div class=\"indicator-header\">\n                        <label nz-checkbox [nzDisabled]=\"!isEditor\" [(ngModel)]=\"field.props.indConfig.izAllowDel\"\n                          (click)=\"$event.stopPropagation()\">\u53EF\u5220\u9664\u6B64\u6307\u6807</label>\n                        <label nz-checkbox [nzDisabled]=\"!isEditor\" [(ngModel)]=\"field.props.indConfig.izEditName\"\n                          (click)=\"$event.stopPropagation()\">\u53EF\u4FEE\u6539\u6307\u6807\u540D\u79F0</label>\n                        <label nz-checkbox [nzDisabled]=\"!isEditor\" [(ngModel)]=\"field.props.indConfig.izEditDesc\"\n                          (click)=\"$event.stopPropagation()\">\u53EF\u4FEE\u6539\u6307\u6807\u63CF\u8FF0</label>\n                        <ng-container *ngIf=\"field.props.indConfig.indType == 'KPI'\">\n                          <label nz-checkbox [nzDisabled]=\"!isEditor\" [(ngModel)]=\"field.props.indConfig.izEditWeight\"\n                            (click)=\"$event.stopPropagation()\">\u53EF\u4FEE\u6539\u6307\u6807\u6743\u91CD</label>\n                        </ng-container>\n                      </div>\n                      <div class=\"indicator-body\">\n                        <ng-container *ngFor=\"let item of field.fieldGroup\">\n                          <div class=\"field-box\">\n                            <content [field]=\"item\" [state]=\"state\" [isOperation]=\"false\"\n                              (click)=\"fieldActive(item, $event)\">\n                              <deon-field-default [field]=\"item\"></deon-field-default>\n                            </content>\n                          </div>\n                        </ng-container>\n                      </div>\n                    </div>\n                  </div>\n                </ng-container>\n\n                <ng-container *ngSwitchDefault>\n                  <content [field]=\"field\" [state]=\"state\" (click)=\"fieldActive(field, $event)\"\n                    (fieldDelEvent)=\"deleteFieldIndex(index, $event)\">\n                    <deon-field-default [field]=\"field\"></deon-field-default>\n                  </content>\n                </ng-container>\n              </ng-container>\n            </div>\n          </ng-container>\n          <div class=\"field-box test\" [cdkDragDisabled]=\"state == 'view'\" cdkDrag></div>\n        </div>\n      </div>\n      <div class=\"box-east\">\n        <nz-tabset>\n          <nz-tab nzTitle=\"\u5B57\u6BB5\u5C5E\u6027\">\n            <ng-container *ngIf=\"activeField!!; else tmpSetting\">\n              <deon-setting-template [dialogPageData]=\"dialogPageData\" [dialogFormData]=\"dialogFormData\"\n                [sourceType]=\"sourceType\" [field]=\"activeField\" [tableField]=\"sourceField\" [isEditor]=\"isEditor\"\n                (fieldChange)=\"activeFieldChange($event)\" (fieldTypeChange)=\"activeFieldTypeChange($event)\"\n                (repeatChange)=\"activeRepeatChange($event)\" (delGridCell)=\"deleteFieldByGrid($event)\">\n              </deon-setting-template>\n            </ng-container>\n            <ng-template #tmpSetting>\n              <empty-setting></empty-setting>\n            </ng-template>\n          </nz-tab>\n          <nz-tab nzTitle=\"\u5176\u4ED6\u5C5E\u6027\">\n            <ng-content select=\"[name=content-prop]\"></ng-content>\n          </nz-tab>\n        </nz-tabset>\n      </div>\n    </ng-container>\n\n    <ng-template #tmpEmpty>\n      <div class=\"default-empty\">\n        <div class=\"image\"><img src=\"assets/images/default/empty4.png\" /></div>\n        <div class=\"desc\"><span>\u8BF7\u9009\u4E2D\u6307\u6807\u7EF4\u5EA6\u540E\uFF0C\u518D\u914D\u7F6E\u6307\u6807</span></div>\n      </div>\n    </ng-template>\n  </div>\n</div>", styles: [".example-container{display:inline-block;width:400px;max-width:100%;margin:0 25px 25px 0;vertical-align:top}.example-list{display:block;min-height:60px;overflow:hidden;background:#fff;border:solid 1px #ccc;border-radius:4px}.example-box{display:flex;flex-direction:row;align-items:center;justify-content:space-between;box-sizing:border-box;padding:20px 10px;color:#000000de;font-size:14px;background:#fff;border-bottom:solid 1px #ccc;cursor:move}.cdk-drag-preview{box-sizing:border-box;border-radius:4px;box-shadow:0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f}.cdk-drag-placeholder{opacity:0}.cdk-drag-animating{transition:transform .25s cubic-bezier(0,0,.2,1)}.example-box:last-child{border:none}.field-list.cdk-drop-list-dragging .field-box:not(.cdk-drag-placeholder){transition:transform .25s cubic-bezier(0,0,.2,1)}:host ::ng-deep{flex:1}:host ::ng-deep .field-list{padding:15px 12px 0}:host ::ng-deep .field-list-empty{height:100%}:host ::ng-deep .field-box{width:100%;margin:0 0 15px}:host ::ng-deep .field-box .required:before{color:red;content:\"*\"}:host ::ng-deep .field-box .layout-default deon-field-default{display:flex;flex-direction:row;align-items:center}:host ::ng-deep .field-box .layout-default deon-field-default deon-design-simple-label{width:120px;max-width:120px;padding:0 15px 0 0;text-align:right}:host ::ng-deep .field-box .layout-default deon-field-default deon-field-template{flex:1}:host ::ng-deep .field-box .layout-upDown deon-field-default{display:flex;flex-direction:column}:host ::ng-deep .field-box .layout-upDown deon-field-default deon-design-simple-label{margin:0 0 6px}:host ::ng-deep .field-box .layout-upDown deon-field-default deon-field-template{flex:1}:host ::ng-deep .field-box deon-field-textarea,:host ::ng-deep .field-box nz-select,:host ::ng-deep .field-box nz-date-picker,:host ::ng-deep .field-box nz-input-number{width:100%}:host ::ng-deep .grid-box{width:100%;min-height:50px}:host ::ng-deep .grid-box .ant-row{min-height:50px}:host ::ng-deep .grid-box .ant-col{border:1px dashed #ccc}:host ::ng-deep .grid-box .ant-col+.ant-col{border-left:0}:host ::ng-deep .grid-box .grid-list{height:100%;min-height:50px;padding:8px}:host ::ng-deep .grid-box .grid-list .list-box+.list-box .el-item{margin-top:8px}:host ::ng-deep .grid-active,:host ::ng-deep .repeat-active{position:relative;border:1px solid #e6a23c;outline:2px solid #e6a23c}:host ::ng-deep .grid-active .grid-drag,:host ::ng-deep .repeat-active .grid-drag{position:absolute;top:-2px;bottom:-18px;left:-2px;z-index:9;width:26px;height:28px;color:#fff;line-height:28px;text-align:center;background:#e6a23c;cursor:move}:host ::ng-deep .grid-active .grid-delete,:host ::ng-deep .repeat-active .grid-delete{position:absolute;right:0;bottom:0;z-index:9;width:26px;height:28px;color:#fff;line-height:28px;text-align:center;background:#e6a23c;cursor:pointer}:host ::ng-deep .indicator-box{position:relative;display:inline-block;width:100%;padding:0 0 15px;border:1px dashed hsla(0,0%,67%,.7)}:host ::ng-deep .indicator-box .indicator-header{padding:12px 10px;border-bottom:1px dashed hsla(0,0%,67%,.7)}:host ::ng-deep .indicator-box .indicator-body{padding:15px}:host ::ng-deep .ant-tabs-tabpane{overflow:auto;overflow-x:overlay;overflow-y:overlay}:host ::ng-deep .ant-tabs-tabpane::-webkit-scrollbar{width:8px}:host ::ng-deep .ant-tabs-tabpane::-webkit-scrollbar-thumb{background-color:#94949475;border-radius:7px}:host ::ng-deep .ant-tabs-tabpane::-webkit-scrollbar-track{background-color:#fff}:host ::ng-deep .field-empty{height:300px;text-align:center}:host ::ng-deep .repeat-empty{padding:30px 0 0;text-align:center}:host ::ng-deep empty-field{display:inline-block;width:150px;margin:150px 80px;text-align:center}:host ::ng-deep empty-field img{width:100%;margin:auto;text-align:center}:host ::ng-deep empty-setting{display:inline-block;width:auto;margin:100px 80px;text-align:center}:host ::ng-deep empty-setting img{width:100%;margin:auto;text-align:center}:host ::ng-deep .box-west{width:248px}:host ::ng-deep .box-west .indbox{flex:1;display:flex;flex-direction:column}:host ::ng-deep .default-empty{margin:auto;text-align:center}:host ::ng-deep .default-empty img{width:150px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1$1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1$1.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: OverlayModule }, { kind: "ngmodule", type: DragDropModule }, { kind: "directive", type: i2$1.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep", "cdkDropListElementContainer"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: i2$1.CdkDropListGroup, selector: "[cdkDropListGroup]", inputs: ["cdkDropListGroupDisabled"], exportAs: ["cdkDropListGroup"] }, { kind: "directive", type: i2$1.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer", "cdkDragScale"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: i2$1.CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { kind: "ngmodule", type: NzTabsModule }, { kind: "component", type: i7$1.NzTabSetComponent, selector: "nz-tabset", inputs: ["nzSelectedIndex", "nzTabPosition", "nzTabBarExtraContent", "nzCanDeactivate", "nzAddIcon", "nzTabBarStyle", "nzType", "nzSize", "nzAnimated", "nzTabBarGutter", "nzHideAdd", "nzCentered", "nzHideAll", "nzLinkRouter", "nzLinkExact", "nzDestroyInactiveTabPane"], outputs: ["nzSelectChange", "nzSelectedIndexChange", "nzTabListScroll", "nzClose", "nzAdd"], exportAs: ["nzTabset"] }, { kind: "component", type: i7$1.NzTabComponent, selector: "nz-tab", inputs: ["nzTitle", "nzClosable", "nzCloseIcon", "nzDisabled", "nzForceRender"], outputs: ["nzSelect", "nzDeselect", "nzClick", "nzContextmenu"], exportAs: ["nzTab"] }, { kind: "ngmodule", type: NzIconModule }, { kind: "directive", type: i3$1.NzIconDirective, selector: "nz-icon,[nz-icon]", inputs: ["nzSpin", "nzRotate", "nzType", "nzTheme", "nzTwotoneColor", "nzIconfont"], exportAs: ["nzIcon"] }, { kind: "ngmodule", type: NzGridModule }, { kind: "directive", type: i9.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: i9.NzRowDirective, selector: "[nz-row],nz-row,nz-form-item", inputs: ["nzAlign", "nzJustify", "nzGutter"], exportAs: ["nzRow"] }, { kind: "ngmodule", type: NzTableModule }, { kind: "ngmodule", type: NzPopoverModule }, { kind: "ngmodule", type: NzCheckboxModule }, { kind: "component", type: i7.NzCheckboxComponent, selector: "[nz-checkbox]", inputs: ["nzValue", "nzAutoFocus", "nzDisabled", "nzIndeterminate", "nzChecked", "nzId", "nzName"], outputs: ["nzCheckedChange"], exportAs: ["nzCheckbox"] }, { kind: "component", type: EmptySettingComponent, selector: "empty-setting" }, { kind: "component", type: DeonDesignFieldTypeBasic2, selector: "deon-field-type-basic2", inputs: ["dls", "isDefault"] }, { kind: "component", type: DeonDesignFieldTypeSource2, selector: "deon-field-type-source2", inputs: ["dls", "indicatorList"] }, { kind: "component", type: DeonDesignFieldDefault, selector: "deon-field-default", inputs: ["field"] }, { kind: "component", type: 
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: KPIDesignSimpleComponent, isStandalone: true, selector: "kpi-design-simple", inputs: { dialogPageData: "dialogPageData", dialogFormData: "dialogFormData", indicatorList: "indicatorList", fieldList: "fieldList", tableInfo: "tableInfo", showDim: "showDim", isEditor: "isEditor", state: "state", formProp: "formProp", pageConfig: "pageConfig" }, outputs: { actionEvent: "actionEvent" }, viewQueries: [{ propertyName: "dlq", predicate: CdkDropList, descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"design-simple\" cdkDropListGroup>\r\n  <div class=\"box-west\">\r\n    <nz-tabset>\r\n      <nz-tab nzTitle=\"\u8BC4\u4F30\u7EF4\u5EA6\" *ngIf=\"showDim\">\r\n        <ng-content></ng-content>\r\n      </nz-tab>\r\n      <nz-tab nzTitle=\"\u7CFB\u7EDF\u9ED8\u8BA4+\u6307\u6807\u5E93\">\r\n        <div class=\"indbox\">\r\n          <deon-field-type-basic2 [dls]=\"dls\" [isDefault]=\"formProp\"></deon-field-type-basic2>\r\n          <deon-field-type-source2 [indicatorList]=\"indicatorList\" [dls]=\"dls\"></deon-field-type-source2>\r\n        </div>\r\n      </nz-tab>\r\n    </nz-tabset>\r\n  </div>\r\n  <div class=\"box-content\">\r\n    <ng-container *ngIf=\"state == 'default'; else tmpEmpty\">\r\n      <div class=\"box-center\">\r\n        <ng-content select=\"[name=content-info]\"></ng-content>\r\n        <div cdkDropList [cdkDropListData]=\"fieldList\" class=\"field-list\"\r\n          [ngClass]=\"{ 'field-list-empty': fieldList == null || fieldList.length == 0 }\"\r\n          (cdkDropListDropped)=\"drop($event)\" [cdkDropListConnectedTo]=\"dls\">\r\n          <ng-container *ngFor=\"let field of fieldList; let index = index\">\r\n            <div class=\"field-box\" [cdkDragDisabled]=\"state == 'view'\" cdkDrag>\r\n              <ng-container [ngSwitch]=\"field.type\">\r\n                <ng-container *ngSwitchCase=\"'grid'\">\r\n                  <div class=\"grid-box\" [ngClass]=\"{ 'grid-active': field?.active == true }\"\r\n                    (click)=\"fieldActive(field, $event)\">\r\n                    <ng-container *ngIf=\"field?.active == true\">\r\n                      <div class=\"grid-drag\" cdkDragHandle><span nz-icon nzType=\"drag\"></span></div>\r\n                      <div class=\"grid-delete\" *ngIf=\"isEditor != false\">\r\n                        <span nz-icon nzType=\"delete\" (click)=\"deleteFieldIndex(index, $event)\"></span>\r\n                      </div>\r\n                    </ng-container>\r\n                    <div cdkDragHandle style=\"display: none\"></div>\r\n\r\n                    <div nz-row>\r\n                      <ng-container *ngFor=\"let grid of field.fieldGroup\">\r\n                        <div nz-col [nzSpan]=\"grid.props.cols\" cdkDropList [cdkDropListData]=\"grid.fieldGroup\"\r\n                          class=\"field-list\" (cdkDropListDropped)=\"drop($event)\" [cdkDropListConnectedTo]=\"dls\">\r\n                          <div *ngFor=\"let innerItem of grid.fieldGroup\" [cdkDragDisabled]=\"state == 'view'\" cdkDrag\r\n                            class=\"field-box\">\r\n                            <content [field]=\"innerItem\" [state]=\"state\" (click)=\"fieldActive(innerItem, $event)\"\r\n                              (fieldDelEvent)=\"deleteField(innerItem, $event)\">\r\n                              <deon-field-default [field]=\"innerItem\"></deon-field-default>\r\n                            </content>\r\n                          </div>\r\n                        </div>\r\n                      </ng-container>\r\n                    </div>\r\n                  </div>\r\n                </ng-container>\r\n                <ng-container *ngSwitchCase=\"'indicator'\">\r\n                  <div class=\"grid-box indicator-box\" [ngClass]=\"{ 'grid-active': field?.active == true }\"\r\n                    (click)=\"fieldActive(field, $event)\">\r\n                    <ng-container *ngIf=\"field?.active == true\">\r\n                      <div class=\"grid-drag\" cdkDragHandle><span nz-icon nzType=\"drag\"></span></div>\r\n                      <div class=\"grid-delete\" *ngIf=\"isEditor != false\">\r\n                        <span nz-icon nzType=\"delete\" (click)=\"deleteFieldIndex(index, $event)\"></span>\r\n                      </div>\r\n                    </ng-container>\r\n                    <div cdkDragHandle style=\"display: none\"></div>\r\n\r\n                    <div class=\"indicator-info\">\r\n                      <div class=\"indicator-header\">\r\n                        <label nz-checkbox [nzDisabled]=\"!isEditor\" [(ngModel)]=\"field.props.indConfig.izAllowDel\"\r\n                          (click)=\"$event.stopPropagation()\">\u53EF\u5220\u9664\u6B64\u6307\u6807</label>\r\n                        <label nz-checkbox [nzDisabled]=\"!isEditor\" [(ngModel)]=\"field.props.indConfig.izEditName\"\r\n                          (click)=\"$event.stopPropagation()\">\u53EF\u4FEE\u6539\u6307\u6807\u540D\u79F0</label>\r\n                        <label nz-checkbox [nzDisabled]=\"!isEditor\" [(ngModel)]=\"field.props.indConfig.izEditDesc\"\r\n                          (click)=\"$event.stopPropagation()\">\u53EF\u4FEE\u6539\u6307\u6807\u63CF\u8FF0</label>\r\n                        <ng-container *ngIf=\"field.props.indConfig.indType == 'KPI'\">\r\n                          <label nz-checkbox [nzDisabled]=\"!isEditor\" [(ngModel)]=\"field.props.indConfig.izEditWeight\"\r\n                            (click)=\"$event.stopPropagation()\">\u53EF\u4FEE\u6539\u6307\u6807\u6743\u91CD</label>\r\n                        </ng-container>\r\n                      </div>\r\n                      <div class=\"indicator-body\">\r\n                        <ng-container *ngFor=\"let item of field.fieldGroup\">\r\n                          <div class=\"field-box\">\r\n                            <content [field]=\"item\" [state]=\"state\" [isOperation]=\"false\"\r\n                              (click)=\"fieldActive(item, $event)\">\r\n                              <deon-field-default [field]=\"item\"></deon-field-default>\r\n                            </content>\r\n                          </div>\r\n                        </ng-container>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                </ng-container>\r\n\r\n                <ng-container *ngSwitchDefault>\r\n                  <content [field]=\"field\" [state]=\"state\" (click)=\"fieldActive(field, $event)\"\r\n                    (fieldDelEvent)=\"deleteFieldIndex(index, $event)\">\r\n                    <deon-field-default [field]=\"field\"></deon-field-default>\r\n                  </content>\r\n                </ng-container>\r\n              </ng-container>\r\n            </div>\r\n          </ng-container>\r\n          <div class=\"field-box test\" [cdkDragDisabled]=\"state == 'view'\" cdkDrag></div>\r\n        </div>\r\n      </div>\r\n      <div class=\"box-east\">\r\n        <nz-tabset>\r\n          <nz-tab nzTitle=\"\u5B57\u6BB5\u5C5E\u6027\">\r\n            <ng-container *ngIf=\"activeField!!; else tmpSetting\">\r\n              <deon-setting-template [dialogPageData]=\"dialogPageData\" [dialogFormData]=\"dialogFormData\"\r\n                [sourceType]=\"sourceType\" [field]=\"activeField\" [tableField]=\"sourceField\" [isEditor]=\"isEditor\"\r\n                (fieldChange)=\"activeFieldChange($event)\" (fieldTypeChange)=\"activeFieldTypeChange($event)\"\r\n                (repeatChange)=\"activeRepeatChange($event)\" (delGridCell)=\"deleteFieldByGrid($event)\">\r\n              </deon-setting-template>\r\n            </ng-container>\r\n            <ng-template #tmpSetting>\r\n              <empty-setting></empty-setting>\r\n            </ng-template>\r\n          </nz-tab>\r\n          <nz-tab nzTitle=\"\u5176\u4ED6\u5C5E\u6027\">\r\n            <ng-content select=\"[name=content-prop]\"></ng-content>\r\n          </nz-tab>\r\n        </nz-tabset>\r\n      </div>\r\n    </ng-container>\r\n\r\n    <ng-template #tmpEmpty>\r\n      <div class=\"default-empty\">\r\n        <div class=\"image\"><img src=\"assets/images/default/empty4.png\" /></div>\r\n        <div class=\"desc\"><span>\u8BF7\u9009\u4E2D\u6307\u6807\u7EF4\u5EA6\u540E\uFF0C\u518D\u914D\u7F6E\u6307\u6807</span></div>\r\n      </div>\r\n    </ng-template>\r\n  </div>\r\n</div>", styles: [".example-container{display:inline-block;width:400px;max-width:100%;margin:0 25px 25px 0;vertical-align:top}.example-list{display:block;min-height:60px;overflow:hidden;background:#fff;border:solid 1px #ccc;border-radius:4px}.example-box{display:flex;flex-direction:row;align-items:center;justify-content:space-between;box-sizing:border-box;padding:20px 10px;color:#000000de;font-size:14px;background:#fff;border-bottom:solid 1px #ccc;cursor:move}.cdk-drag-preview{box-sizing:border-box;border-radius:4px;box-shadow:0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f}.cdk-drag-placeholder{opacity:0}.cdk-drag-animating{transition:transform .25s cubic-bezier(0,0,.2,1)}.example-box:last-child{border:none}.field-list.cdk-drop-list-dragging .field-box:not(.cdk-drag-placeholder){transition:transform .25s cubic-bezier(0,0,.2,1)}:host ::ng-deep{flex:1}:host ::ng-deep .field-list{padding:15px 12px 0}:host ::ng-deep .field-list-empty{height:100%}:host ::ng-deep .field-box{width:100%;margin:0 0 15px}:host ::ng-deep .field-box .required:before{color:red;content:\"*\"}:host ::ng-deep .field-box .layout-default deon-field-default{display:flex;flex-direction:row;align-items:center}:host ::ng-deep .field-box .layout-default deon-field-default deon-design-simple-label{width:120px;max-width:120px;padding:0 15px 0 0;text-align:right}:host ::ng-deep .field-box .layout-default deon-field-default deon-field-template{flex:1}:host ::ng-deep .field-box .layout-upDown deon-field-default{display:flex;flex-direction:column}:host ::ng-deep .field-box .layout-upDown deon-field-default deon-design-simple-label{margin:0 0 6px}:host ::ng-deep .field-box .layout-upDown deon-field-default deon-field-template{flex:1}:host ::ng-deep .field-box deon-field-textarea,:host ::ng-deep .field-box nz-select,:host ::ng-deep .field-box nz-date-picker,:host ::ng-deep .field-box nz-input-number{width:100%}:host ::ng-deep .grid-box{width:100%;min-height:50px}:host ::ng-deep .grid-box .ant-row{min-height:50px}:host ::ng-deep .grid-box .ant-col{border:1px dashed #ccc}:host ::ng-deep .grid-box .ant-col+.ant-col{border-left:0}:host ::ng-deep .grid-box .grid-list{height:100%;min-height:50px;padding:8px}:host ::ng-deep .grid-box .grid-list .list-box+.list-box .el-item{margin-top:8px}:host ::ng-deep .grid-active,:host ::ng-deep .repeat-active{position:relative;border:1px solid #e6a23c;outline:2px solid #e6a23c}:host ::ng-deep .grid-active .grid-drag,:host ::ng-deep .repeat-active .grid-drag{position:absolute;top:-2px;bottom:-18px;left:-2px;z-index:9;width:26px;height:28px;color:#fff;line-height:28px;text-align:center;background:#e6a23c;cursor:move}:host ::ng-deep .grid-active .grid-delete,:host ::ng-deep .repeat-active .grid-delete{position:absolute;right:0;bottom:0;z-index:9;width:26px;height:28px;color:#fff;line-height:28px;text-align:center;background:#e6a23c;cursor:pointer}:host ::ng-deep .indicator-box{position:relative;display:inline-block;width:100%;padding:0 0 15px;border:1px dashed hsla(0,0%,67%,.7)}:host ::ng-deep .indicator-box .indicator-header{padding:12px 10px;border-bottom:1px dashed hsla(0,0%,67%,.7)}:host ::ng-deep .indicator-box .indicator-body{padding:15px}:host ::ng-deep .ant-tabs-tabpane{overflow:auto;overflow-x:overlay;overflow-y:overlay}:host ::ng-deep .ant-tabs-tabpane::-webkit-scrollbar{width:8px}:host ::ng-deep .ant-tabs-tabpane::-webkit-scrollbar-thumb{background-color:#94949475;border-radius:7px}:host ::ng-deep .ant-tabs-tabpane::-webkit-scrollbar-track{background-color:#fff}:host ::ng-deep .field-empty{height:300px;text-align:center}:host ::ng-deep .repeat-empty{padding:30px 0 0;text-align:center}:host ::ng-deep empty-field{display:inline-block;width:150px;margin:150px 80px;text-align:center}:host ::ng-deep empty-field img{width:100%;margin:auto;text-align:center}:host ::ng-deep empty-setting{display:inline-block;width:auto;margin:100px 80px;text-align:center}:host ::ng-deep empty-setting img{width:100%;margin:auto;text-align:center}:host ::ng-deep .box-west{width:248px}:host ::ng-deep .box-west .indbox{flex:1;display:flex;flex-direction:column}:host ::ng-deep .default-empty{margin:auto;text-align:center}:host ::ng-deep .default-empty img{width:150px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1$1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1$1.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: OverlayModule }, { kind: "ngmodule", type: DragDropModule }, { kind: "directive", type: i2$1.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep", "cdkDropListElementContainer"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: i2$1.CdkDropListGroup, selector: "[cdkDropListGroup]", inputs: ["cdkDropListGroupDisabled"], exportAs: ["cdkDropListGroup"] }, { kind: "directive", type: i2$1.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer", "cdkDragScale"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: i2$1.CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { kind: "ngmodule", type: NzTabsModule }, { kind: "component", type: i7$1.NzTabSetComponent, selector: "nz-tabset", inputs: ["nzSelectedIndex", "nzTabPosition", "nzTabBarExtraContent", "nzCanDeactivate", "nzAddIcon", "nzTabBarStyle", "nzType", "nzSize", "nzAnimated", "nzTabBarGutter", "nzHideAdd", "nzCentered", "nzHideAll", "nzLinkRouter", "nzLinkExact", "nzDestroyInactiveTabPane"], outputs: ["nzSelectChange", "nzSelectedIndexChange", "nzTabListScroll", "nzClose", "nzAdd"], exportAs: ["nzTabset"] }, { kind: "component", type: i7$1.NzTabComponent, selector: "nz-tab", inputs: ["nzTitle", "nzClosable", "nzCloseIcon", "nzDisabled", "nzForceRender"], outputs: ["nzSelect", "nzDeselect", "nzClick", "nzContextmenu"], exportAs: ["nzTab"] }, { kind: "ngmodule", type: NzIconModule }, { kind: "directive", type: i3$1.NzIconDirective, selector: "nz-icon,[nz-icon]", inputs: ["nzSpin", "nzRotate", "nzType", "nzTheme", "nzTwotoneColor", "nzIconfont"], exportAs: ["nzIcon"] }, { kind: "ngmodule", type: NzGridModule }, { kind: "directive", type: i9.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: i9.NzRowDirective, selector: "[nz-row],nz-row,nz-form-item", inputs: ["nzAlign", "nzJustify", "nzGutter"], exportAs: ["nzRow"] }, { kind: "ngmodule", type: NzTableModule }, { kind: "ngmodule", type: NzPopoverModule }, { kind: "ngmodule", type: NzCheckboxModule }, { kind: "component", type: i7.NzCheckboxComponent, selector: "[nz-checkbox]", inputs: ["nzValue", "nzAutoFocus", "nzDisabled", "nzIndeterminate", "nzChecked", "nzId", "nzName"], outputs: ["nzCheckedChange"], exportAs: ["nzCheckbox"] }, { kind: "component", type: EmptySettingComponent, selector: "empty-setting" }, { kind: "component", type: DeonDesignFieldTypeBasic2, selector: "deon-field-type-basic2", inputs: ["dls", "isDefault"] }, { kind: "component", type: DeonDesignFieldTypeSource2, selector: "deon-field-type-source2", inputs: ["dls", "indicatorList"] }, { kind: "component", type: DeonDesignFieldDefault, selector: "deon-field-default", inputs: ["field"] }, { kind: "component", type: 
                 //DeonDesignFieldTemplate,
                 DeonDesignSettingTemplate, selector: "deon-setting-template", inputs: ["dialogPageData", "dialogFormData", "sourceType", "tableField", "isEditor", "field"], outputs: ["fieldChange", "fieldTypeChange", "repeatChange", "delGridCell"] }, { kind: "component", type: ContentComponent, selector: "content", inputs: ["state", "field", "isOperation"], outputs: ["fieldDelEvent"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
@@ -5395,7 +5395,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
                         DeonDesignSettingTemplate,
                         ContentComponent,
                         // ContentTableComponent
-                    ], template: "<div class=\"design-simple\" cdkDropListGroup>\n  <div class=\"box-west\">\n    <nz-tabset>\n      <nz-tab nzTitle=\"\u8BC4\u4F30\u7EF4\u5EA6\" *ngIf=\"showDim\">\n        <ng-content></ng-content>\n      </nz-tab>\n      <nz-tab nzTitle=\"\u7CFB\u7EDF\u9ED8\u8BA4+\u6307\u6807\u5E93\">\n        <div class=\"indbox\">\n          <deon-field-type-basic2 [dls]=\"dls\" [isDefault]=\"formProp\"></deon-field-type-basic2>\n          <deon-field-type-source2 [indicatorList]=\"indicatorList\" [dls]=\"dls\"></deon-field-type-source2>\n        </div>\n      </nz-tab>\n    </nz-tabset>\n  </div>\n  <div class=\"box-content\">\n    <ng-container *ngIf=\"state == 'default'; else tmpEmpty\">\n      <div class=\"box-center\">\n        <ng-content select=\"[name=content-info]\"></ng-content>\n        <div cdkDropList [cdkDropListData]=\"fields\" class=\"field-list\"\n          [ngClass]=\"{ 'field-list-empty': fields == null || fields.length == 0 }\" (cdkDropListDropped)=\"drop($event)\"\n          [cdkDropListConnectedTo]=\"dls\">\n          <ng-container *ngFor=\"let field of fields; let index = index\">\n            <div class=\"field-box\" [cdkDragDisabled]=\"state == 'view'\" cdkDrag>\n              <ng-container [ngSwitch]=\"field.type\">\n                <ng-container *ngSwitchCase=\"'grid'\">\n                  <div class=\"grid-box\" [ngClass]=\"{ 'grid-active': field?.active == true }\"\n                    (click)=\"fieldActive(field, $event)\">\n                    <ng-container *ngIf=\"field?.active == true\">\n                      <div class=\"grid-drag\" cdkDragHandle><span nz-icon nzType=\"drag\"></span></div>\n                      <div class=\"grid-delete\" *ngIf=\"isEditor != false\">\n                        <span nz-icon nzType=\"delete\" (click)=\"deleteFieldIndex(index, $event)\"></span>\n                      </div>\n                    </ng-container>\n                    <div cdkDragHandle style=\"display: none\"></div>\n\n                    <div nz-row>\n                      <ng-container *ngFor=\"let grid of field.fieldGroup\">\n                        <div nz-col [nzSpan]=\"grid.props.cols\" cdkDropList [cdkDropListData]=\"grid.fieldGroup\"\n                          class=\"field-list\" (cdkDropListDropped)=\"drop($event)\" [cdkDropListConnectedTo]=\"dls\">\n                          <div *ngFor=\"let innerItem of grid.fieldGroup\" [cdkDragDisabled]=\"state == 'view'\" cdkDrag\n                            class=\"field-box\">\n                            <content [field]=\"innerItem\" [state]=\"state\" (click)=\"fieldActive(innerItem, $event)\"\n                              (fieldDelEvent)=\"deleteField(innerItem, $event)\">\n                              <deon-field-default [field]=\"innerItem\"></deon-field-default>\n                            </content>\n                          </div>\n                        </div>\n                      </ng-container>\n                    </div>\n                  </div>\n                </ng-container>\n                <ng-container *ngSwitchCase=\"'indicator'\">\n                  <div class=\"grid-box indicator-box\" [ngClass]=\"{ 'grid-active': field?.active == true }\"\n                    (click)=\"fieldActive(field, $event)\">\n                    <ng-container *ngIf=\"field?.active == true\">\n                      <div class=\"grid-drag\" cdkDragHandle><span nz-icon nzType=\"drag\"></span></div>\n                      <div class=\"grid-delete\" *ngIf=\"isEditor != false\">\n                        <span nz-icon nzType=\"delete\" (click)=\"deleteFieldIndex(index, $event)\"></span>\n                      </div>\n                    </ng-container>\n                    <div cdkDragHandle style=\"display: none\"></div>\n\n                    <div class=\"indicator-info\">\n                      <div class=\"indicator-header\">\n                        <label nz-checkbox [nzDisabled]=\"!isEditor\" [(ngModel)]=\"field.props.indConfig.izAllowDel\"\n                          (click)=\"$event.stopPropagation()\">\u53EF\u5220\u9664\u6B64\u6307\u6807</label>\n                        <label nz-checkbox [nzDisabled]=\"!isEditor\" [(ngModel)]=\"field.props.indConfig.izEditName\"\n                          (click)=\"$event.stopPropagation()\">\u53EF\u4FEE\u6539\u6307\u6807\u540D\u79F0</label>\n                        <label nz-checkbox [nzDisabled]=\"!isEditor\" [(ngModel)]=\"field.props.indConfig.izEditDesc\"\n                          (click)=\"$event.stopPropagation()\">\u53EF\u4FEE\u6539\u6307\u6807\u63CF\u8FF0</label>\n                        <ng-container *ngIf=\"field.props.indConfig.indType == 'KPI'\">\n                          <label nz-checkbox [nzDisabled]=\"!isEditor\" [(ngModel)]=\"field.props.indConfig.izEditWeight\"\n                            (click)=\"$event.stopPropagation()\">\u53EF\u4FEE\u6539\u6307\u6807\u6743\u91CD</label>\n                        </ng-container>\n                      </div>\n                      <div class=\"indicator-body\">\n                        <ng-container *ngFor=\"let item of field.fieldGroup\">\n                          <div class=\"field-box\">\n                            <content [field]=\"item\" [state]=\"state\" [isOperation]=\"false\"\n                              (click)=\"fieldActive(item, $event)\">\n                              <deon-field-default [field]=\"item\"></deon-field-default>\n                            </content>\n                          </div>\n                        </ng-container>\n                      </div>\n                    </div>\n                  </div>\n                </ng-container>\n\n                <ng-container *ngSwitchDefault>\n                  <content [field]=\"field\" [state]=\"state\" (click)=\"fieldActive(field, $event)\"\n                    (fieldDelEvent)=\"deleteFieldIndex(index, $event)\">\n                    <deon-field-default [field]=\"field\"></deon-field-default>\n                  </content>\n                </ng-container>\n              </ng-container>\n            </div>\n          </ng-container>\n          <div class=\"field-box test\" [cdkDragDisabled]=\"state == 'view'\" cdkDrag></div>\n        </div>\n      </div>\n      <div class=\"box-east\">\n        <nz-tabset>\n          <nz-tab nzTitle=\"\u5B57\u6BB5\u5C5E\u6027\">\n            <ng-container *ngIf=\"activeField!!; else tmpSetting\">\n              <deon-setting-template [dialogPageData]=\"dialogPageData\" [dialogFormData]=\"dialogFormData\"\n                [sourceType]=\"sourceType\" [field]=\"activeField\" [tableField]=\"sourceField\" [isEditor]=\"isEditor\"\n                (fieldChange)=\"activeFieldChange($event)\" (fieldTypeChange)=\"activeFieldTypeChange($event)\"\n                (repeatChange)=\"activeRepeatChange($event)\" (delGridCell)=\"deleteFieldByGrid($event)\">\n              </deon-setting-template>\n            </ng-container>\n            <ng-template #tmpSetting>\n              <empty-setting></empty-setting>\n            </ng-template>\n          </nz-tab>\n          <nz-tab nzTitle=\"\u5176\u4ED6\u5C5E\u6027\">\n            <ng-content select=\"[name=content-prop]\"></ng-content>\n          </nz-tab>\n        </nz-tabset>\n      </div>\n    </ng-container>\n\n    <ng-template #tmpEmpty>\n      <div class=\"default-empty\">\n        <div class=\"image\"><img src=\"assets/images/default/empty4.png\" /></div>\n        <div class=\"desc\"><span>\u8BF7\u9009\u4E2D\u6307\u6807\u7EF4\u5EA6\u540E\uFF0C\u518D\u914D\u7F6E\u6307\u6807</span></div>\n      </div>\n    </ng-template>\n  </div>\n</div>", styles: [".example-container{display:inline-block;width:400px;max-width:100%;margin:0 25px 25px 0;vertical-align:top}.example-list{display:block;min-height:60px;overflow:hidden;background:#fff;border:solid 1px #ccc;border-radius:4px}.example-box{display:flex;flex-direction:row;align-items:center;justify-content:space-between;box-sizing:border-box;padding:20px 10px;color:#000000de;font-size:14px;background:#fff;border-bottom:solid 1px #ccc;cursor:move}.cdk-drag-preview{box-sizing:border-box;border-radius:4px;box-shadow:0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f}.cdk-drag-placeholder{opacity:0}.cdk-drag-animating{transition:transform .25s cubic-bezier(0,0,.2,1)}.example-box:last-child{border:none}.field-list.cdk-drop-list-dragging .field-box:not(.cdk-drag-placeholder){transition:transform .25s cubic-bezier(0,0,.2,1)}:host ::ng-deep{flex:1}:host ::ng-deep .field-list{padding:15px 12px 0}:host ::ng-deep .field-list-empty{height:100%}:host ::ng-deep .field-box{width:100%;margin:0 0 15px}:host ::ng-deep .field-box .required:before{color:red;content:\"*\"}:host ::ng-deep .field-box .layout-default deon-field-default{display:flex;flex-direction:row;align-items:center}:host ::ng-deep .field-box .layout-default deon-field-default deon-design-simple-label{width:120px;max-width:120px;padding:0 15px 0 0;text-align:right}:host ::ng-deep .field-box .layout-default deon-field-default deon-field-template{flex:1}:host ::ng-deep .field-box .layout-upDown deon-field-default{display:flex;flex-direction:column}:host ::ng-deep .field-box .layout-upDown deon-field-default deon-design-simple-label{margin:0 0 6px}:host ::ng-deep .field-box .layout-upDown deon-field-default deon-field-template{flex:1}:host ::ng-deep .field-box deon-field-textarea,:host ::ng-deep .field-box nz-select,:host ::ng-deep .field-box nz-date-picker,:host ::ng-deep .field-box nz-input-number{width:100%}:host ::ng-deep .grid-box{width:100%;min-height:50px}:host ::ng-deep .grid-box .ant-row{min-height:50px}:host ::ng-deep .grid-box .ant-col{border:1px dashed #ccc}:host ::ng-deep .grid-box .ant-col+.ant-col{border-left:0}:host ::ng-deep .grid-box .grid-list{height:100%;min-height:50px;padding:8px}:host ::ng-deep .grid-box .grid-list .list-box+.list-box .el-item{margin-top:8px}:host ::ng-deep .grid-active,:host ::ng-deep .repeat-active{position:relative;border:1px solid #e6a23c;outline:2px solid #e6a23c}:host ::ng-deep .grid-active .grid-drag,:host ::ng-deep .repeat-active .grid-drag{position:absolute;top:-2px;bottom:-18px;left:-2px;z-index:9;width:26px;height:28px;color:#fff;line-height:28px;text-align:center;background:#e6a23c;cursor:move}:host ::ng-deep .grid-active .grid-delete,:host ::ng-deep .repeat-active .grid-delete{position:absolute;right:0;bottom:0;z-index:9;width:26px;height:28px;color:#fff;line-height:28px;text-align:center;background:#e6a23c;cursor:pointer}:host ::ng-deep .indicator-box{position:relative;display:inline-block;width:100%;padding:0 0 15px;border:1px dashed hsla(0,0%,67%,.7)}:host ::ng-deep .indicator-box .indicator-header{padding:12px 10px;border-bottom:1px dashed hsla(0,0%,67%,.7)}:host ::ng-deep .indicator-box .indicator-body{padding:15px}:host ::ng-deep .ant-tabs-tabpane{overflow:auto;overflow-x:overlay;overflow-y:overlay}:host ::ng-deep .ant-tabs-tabpane::-webkit-scrollbar{width:8px}:host ::ng-deep .ant-tabs-tabpane::-webkit-scrollbar-thumb{background-color:#94949475;border-radius:7px}:host ::ng-deep .ant-tabs-tabpane::-webkit-scrollbar-track{background-color:#fff}:host ::ng-deep .field-empty{height:300px;text-align:center}:host ::ng-deep .repeat-empty{padding:30px 0 0;text-align:center}:host ::ng-deep empty-field{display:inline-block;width:150px;margin:150px 80px;text-align:center}:host ::ng-deep empty-field img{width:100%;margin:auto;text-align:center}:host ::ng-deep empty-setting{display:inline-block;width:auto;margin:100px 80px;text-align:center}:host ::ng-deep empty-setting img{width:100%;margin:auto;text-align:center}:host ::ng-deep .box-west{width:248px}:host ::ng-deep .box-west .indbox{flex:1;display:flex;flex-direction:column}:host ::ng-deep .default-empty{margin:auto;text-align:center}:host ::ng-deep .default-empty img{width:150px}\n"] }]
+                    ], template: "<div class=\"design-simple\" cdkDropListGroup>\r\n  <div class=\"box-west\">\r\n    <nz-tabset>\r\n      <nz-tab nzTitle=\"\u8BC4\u4F30\u7EF4\u5EA6\" *ngIf=\"showDim\">\r\n        <ng-content></ng-content>\r\n      </nz-tab>\r\n      <nz-tab nzTitle=\"\u7CFB\u7EDF\u9ED8\u8BA4+\u6307\u6807\u5E93\">\r\n        <div class=\"indbox\">\r\n          <deon-field-type-basic2 [dls]=\"dls\" [isDefault]=\"formProp\"></deon-field-type-basic2>\r\n          <deon-field-type-source2 [indicatorList]=\"indicatorList\" [dls]=\"dls\"></deon-field-type-source2>\r\n        </div>\r\n      </nz-tab>\r\n    </nz-tabset>\r\n  </div>\r\n  <div class=\"box-content\">\r\n    <ng-container *ngIf=\"state == 'default'; else tmpEmpty\">\r\n      <div class=\"box-center\">\r\n        <ng-content select=\"[name=content-info]\"></ng-content>\r\n        <div cdkDropList [cdkDropListData]=\"fieldList\" class=\"field-list\"\r\n          [ngClass]=\"{ 'field-list-empty': fieldList == null || fieldList.length == 0 }\"\r\n          (cdkDropListDropped)=\"drop($event)\" [cdkDropListConnectedTo]=\"dls\">\r\n          <ng-container *ngFor=\"let field of fieldList; let index = index\">\r\n            <div class=\"field-box\" [cdkDragDisabled]=\"state == 'view'\" cdkDrag>\r\n              <ng-container [ngSwitch]=\"field.type\">\r\n                <ng-container *ngSwitchCase=\"'grid'\">\r\n                  <div class=\"grid-box\" [ngClass]=\"{ 'grid-active': field?.active == true }\"\r\n                    (click)=\"fieldActive(field, $event)\">\r\n                    <ng-container *ngIf=\"field?.active == true\">\r\n                      <div class=\"grid-drag\" cdkDragHandle><span nz-icon nzType=\"drag\"></span></div>\r\n                      <div class=\"grid-delete\" *ngIf=\"isEditor != false\">\r\n                        <span nz-icon nzType=\"delete\" (click)=\"deleteFieldIndex(index, $event)\"></span>\r\n                      </div>\r\n                    </ng-container>\r\n                    <div cdkDragHandle style=\"display: none\"></div>\r\n\r\n                    <div nz-row>\r\n                      <ng-container *ngFor=\"let grid of field.fieldGroup\">\r\n                        <div nz-col [nzSpan]=\"grid.props.cols\" cdkDropList [cdkDropListData]=\"grid.fieldGroup\"\r\n                          class=\"field-list\" (cdkDropListDropped)=\"drop($event)\" [cdkDropListConnectedTo]=\"dls\">\r\n                          <div *ngFor=\"let innerItem of grid.fieldGroup\" [cdkDragDisabled]=\"state == 'view'\" cdkDrag\r\n                            class=\"field-box\">\r\n                            <content [field]=\"innerItem\" [state]=\"state\" (click)=\"fieldActive(innerItem, $event)\"\r\n                              (fieldDelEvent)=\"deleteField(innerItem, $event)\">\r\n                              <deon-field-default [field]=\"innerItem\"></deon-field-default>\r\n                            </content>\r\n                          </div>\r\n                        </div>\r\n                      </ng-container>\r\n                    </div>\r\n                  </div>\r\n                </ng-container>\r\n                <ng-container *ngSwitchCase=\"'indicator'\">\r\n                  <div class=\"grid-box indicator-box\" [ngClass]=\"{ 'grid-active': field?.active == true }\"\r\n                    (click)=\"fieldActive(field, $event)\">\r\n                    <ng-container *ngIf=\"field?.active == true\">\r\n                      <div class=\"grid-drag\" cdkDragHandle><span nz-icon nzType=\"drag\"></span></div>\r\n                      <div class=\"grid-delete\" *ngIf=\"isEditor != false\">\r\n                        <span nz-icon nzType=\"delete\" (click)=\"deleteFieldIndex(index, $event)\"></span>\r\n                      </div>\r\n                    </ng-container>\r\n                    <div cdkDragHandle style=\"display: none\"></div>\r\n\r\n                    <div class=\"indicator-info\">\r\n                      <div class=\"indicator-header\">\r\n                        <label nz-checkbox [nzDisabled]=\"!isEditor\" [(ngModel)]=\"field.props.indConfig.izAllowDel\"\r\n                          (click)=\"$event.stopPropagation()\">\u53EF\u5220\u9664\u6B64\u6307\u6807</label>\r\n                        <label nz-checkbox [nzDisabled]=\"!isEditor\" [(ngModel)]=\"field.props.indConfig.izEditName\"\r\n                          (click)=\"$event.stopPropagation()\">\u53EF\u4FEE\u6539\u6307\u6807\u540D\u79F0</label>\r\n                        <label nz-checkbox [nzDisabled]=\"!isEditor\" [(ngModel)]=\"field.props.indConfig.izEditDesc\"\r\n                          (click)=\"$event.stopPropagation()\">\u53EF\u4FEE\u6539\u6307\u6807\u63CF\u8FF0</label>\r\n                        <ng-container *ngIf=\"field.props.indConfig.indType == 'KPI'\">\r\n                          <label nz-checkbox [nzDisabled]=\"!isEditor\" [(ngModel)]=\"field.props.indConfig.izEditWeight\"\r\n                            (click)=\"$event.stopPropagation()\">\u53EF\u4FEE\u6539\u6307\u6807\u6743\u91CD</label>\r\n                        </ng-container>\r\n                      </div>\r\n                      <div class=\"indicator-body\">\r\n                        <ng-container *ngFor=\"let item of field.fieldGroup\">\r\n                          <div class=\"field-box\">\r\n                            <content [field]=\"item\" [state]=\"state\" [isOperation]=\"false\"\r\n                              (click)=\"fieldActive(item, $event)\">\r\n                              <deon-field-default [field]=\"item\"></deon-field-default>\r\n                            </content>\r\n                          </div>\r\n                        </ng-container>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                </ng-container>\r\n\r\n                <ng-container *ngSwitchDefault>\r\n                  <content [field]=\"field\" [state]=\"state\" (click)=\"fieldActive(field, $event)\"\r\n                    (fieldDelEvent)=\"deleteFieldIndex(index, $event)\">\r\n                    <deon-field-default [field]=\"field\"></deon-field-default>\r\n                  </content>\r\n                </ng-container>\r\n              </ng-container>\r\n            </div>\r\n          </ng-container>\r\n          <div class=\"field-box test\" [cdkDragDisabled]=\"state == 'view'\" cdkDrag></div>\r\n        </div>\r\n      </div>\r\n      <div class=\"box-east\">\r\n        <nz-tabset>\r\n          <nz-tab nzTitle=\"\u5B57\u6BB5\u5C5E\u6027\">\r\n            <ng-container *ngIf=\"activeField!!; else tmpSetting\">\r\n              <deon-setting-template [dialogPageData]=\"dialogPageData\" [dialogFormData]=\"dialogFormData\"\r\n                [sourceType]=\"sourceType\" [field]=\"activeField\" [tableField]=\"sourceField\" [isEditor]=\"isEditor\"\r\n                (fieldChange)=\"activeFieldChange($event)\" (fieldTypeChange)=\"activeFieldTypeChange($event)\"\r\n                (repeatChange)=\"activeRepeatChange($event)\" (delGridCell)=\"deleteFieldByGrid($event)\">\r\n              </deon-setting-template>\r\n            </ng-container>\r\n            <ng-template #tmpSetting>\r\n              <empty-setting></empty-setting>\r\n            </ng-template>\r\n          </nz-tab>\r\n          <nz-tab nzTitle=\"\u5176\u4ED6\u5C5E\u6027\">\r\n            <ng-content select=\"[name=content-prop]\"></ng-content>\r\n          </nz-tab>\r\n        </nz-tabset>\r\n      </div>\r\n    </ng-container>\r\n\r\n    <ng-template #tmpEmpty>\r\n      <div class=\"default-empty\">\r\n        <div class=\"image\"><img src=\"assets/images/default/empty4.png\" /></div>\r\n        <div class=\"desc\"><span>\u8BF7\u9009\u4E2D\u6307\u6807\u7EF4\u5EA6\u540E\uFF0C\u518D\u914D\u7F6E\u6307\u6807</span></div>\r\n      </div>\r\n    </ng-template>\r\n  </div>\r\n</div>", styles: [".example-container{display:inline-block;width:400px;max-width:100%;margin:0 25px 25px 0;vertical-align:top}.example-list{display:block;min-height:60px;overflow:hidden;background:#fff;border:solid 1px #ccc;border-radius:4px}.example-box{display:flex;flex-direction:row;align-items:center;justify-content:space-between;box-sizing:border-box;padding:20px 10px;color:#000000de;font-size:14px;background:#fff;border-bottom:solid 1px #ccc;cursor:move}.cdk-drag-preview{box-sizing:border-box;border-radius:4px;box-shadow:0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f}.cdk-drag-placeholder{opacity:0}.cdk-drag-animating{transition:transform .25s cubic-bezier(0,0,.2,1)}.example-box:last-child{border:none}.field-list.cdk-drop-list-dragging .field-box:not(.cdk-drag-placeholder){transition:transform .25s cubic-bezier(0,0,.2,1)}:host ::ng-deep{flex:1}:host ::ng-deep .field-list{padding:15px 12px 0}:host ::ng-deep .field-list-empty{height:100%}:host ::ng-deep .field-box{width:100%;margin:0 0 15px}:host ::ng-deep .field-box .required:before{color:red;content:\"*\"}:host ::ng-deep .field-box .layout-default deon-field-default{display:flex;flex-direction:row;align-items:center}:host ::ng-deep .field-box .layout-default deon-field-default deon-design-simple-label{width:120px;max-width:120px;padding:0 15px 0 0;text-align:right}:host ::ng-deep .field-box .layout-default deon-field-default deon-field-template{flex:1}:host ::ng-deep .field-box .layout-upDown deon-field-default{display:flex;flex-direction:column}:host ::ng-deep .field-box .layout-upDown deon-field-default deon-design-simple-label{margin:0 0 6px}:host ::ng-deep .field-box .layout-upDown deon-field-default deon-field-template{flex:1}:host ::ng-deep .field-box deon-field-textarea,:host ::ng-deep .field-box nz-select,:host ::ng-deep .field-box nz-date-picker,:host ::ng-deep .field-box nz-input-number{width:100%}:host ::ng-deep .grid-box{width:100%;min-height:50px}:host ::ng-deep .grid-box .ant-row{min-height:50px}:host ::ng-deep .grid-box .ant-col{border:1px dashed #ccc}:host ::ng-deep .grid-box .ant-col+.ant-col{border-left:0}:host ::ng-deep .grid-box .grid-list{height:100%;min-height:50px;padding:8px}:host ::ng-deep .grid-box .grid-list .list-box+.list-box .el-item{margin-top:8px}:host ::ng-deep .grid-active,:host ::ng-deep .repeat-active{position:relative;border:1px solid #e6a23c;outline:2px solid #e6a23c}:host ::ng-deep .grid-active .grid-drag,:host ::ng-deep .repeat-active .grid-drag{position:absolute;top:-2px;bottom:-18px;left:-2px;z-index:9;width:26px;height:28px;color:#fff;line-height:28px;text-align:center;background:#e6a23c;cursor:move}:host ::ng-deep .grid-active .grid-delete,:host ::ng-deep .repeat-active .grid-delete{position:absolute;right:0;bottom:0;z-index:9;width:26px;height:28px;color:#fff;line-height:28px;text-align:center;background:#e6a23c;cursor:pointer}:host ::ng-deep .indicator-box{position:relative;display:inline-block;width:100%;padding:0 0 15px;border:1px dashed hsla(0,0%,67%,.7)}:host ::ng-deep .indicator-box .indicator-header{padding:12px 10px;border-bottom:1px dashed hsla(0,0%,67%,.7)}:host ::ng-deep .indicator-box .indicator-body{padding:15px}:host ::ng-deep .ant-tabs-tabpane{overflow:auto;overflow-x:overlay;overflow-y:overlay}:host ::ng-deep .ant-tabs-tabpane::-webkit-scrollbar{width:8px}:host ::ng-deep .ant-tabs-tabpane::-webkit-scrollbar-thumb{background-color:#94949475;border-radius:7px}:host ::ng-deep .ant-tabs-tabpane::-webkit-scrollbar-track{background-color:#fff}:host ::ng-deep .field-empty{height:300px;text-align:center}:host ::ng-deep .repeat-empty{padding:30px 0 0;text-align:center}:host ::ng-deep empty-field{display:inline-block;width:150px;margin:150px 80px;text-align:center}:host ::ng-deep empty-field img{width:100%;margin:auto;text-align:center}:host ::ng-deep empty-setting{display:inline-block;width:auto;margin:100px 80px;text-align:center}:host ::ng-deep empty-setting img{width:100%;margin:auto;text-align:center}:host ::ng-deep .box-west{width:248px}:host ::ng-deep .box-west .indbox{flex:1;display:flex;flex-direction:column}:host ::ng-deep .default-empty{margin:auto;text-align:center}:host ::ng-deep .default-empty img{width:150px}\n"] }]
         }], ctorParameters: () => [{ type: i1$3.NzModalService }, { type: i2$2.FormlyFormBuilder }, { type: FieldService }, { type: i4$2.DeonFormUtilService }], propDecorators: { dlq: [{
                 type: ViewChildren,
                 args: [CdkDropList]
@@ -5405,18 +5405,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
                 type: Input
             }], indicatorList: [{
                 type: Input
+            }], fieldList: [{
+                type: Input
             }], tableInfo: [{
                 type: Input
             }], showDim: [{
                 type: Input
             }], isEditor: [{
                 type: Input
-            }], fieldList: [{
-                type: Input
             }], state: [{
                 type: Input
             }], formProp: [{
                 type: Input
+            }], pageConfig: [{
+                type: Input
             }], actionEvent: [{
                 type: Output
             }] } });