@ebuilding/form 2.4.1 → 2.4.2

package/fesm2022/ebuilding-form.mjs

@@ -22,32 +22,32 @@ import moment from 'moment';
 import { zhCN } from 'date-fns/locale';
 import * as i1$3 from '@ebuilding/base/shared.pipe';
 import { GramPipeModule } from '@ebuilding/base/shared.pipe';
-import * as i4$1 from 'ng-zorro-antd/icon';
+import * as i5$1 from 'ng-zorro-antd/icon';
 import { NzIconModule } from 'ng-zorro-antd/icon';
-import * as i4$2 from 'ng-zorro-antd/button';
+import * as i4$1 from 'ng-zorro-antd/button';
 import { NzButtonModule } from 'ng-zorro-antd/button';
 import { globalKey, ModuleAPI } from '@ebuilding/base/shared.var/shared.constant';
 import * as i1$4 from '@ebuilding/base/shared.srv/global.event';
-import * as i5$1 from 'ng-zorro-antd/core/transition-patch';
+import * as i5$2 from 'ng-zorro-antd/core/transition-patch';
 import * as i1$5 from 'ng-zorro-antd/modal';
 import { NzModalModule } from 'ng-zorro-antd/modal';
 import * as i2$1 from 'ng-zorro-antd/message';
 import * as i8 from 'ng-zorro-antd/core/wave';
 import * as i2$2 from 'ng-zorro-antd/grid';
 import { NzGridModule } from 'ng-zorro-antd/grid';
-import * as i4$3 from 'ng-zorro-antd/dropdown';
+import * as i4$2 from 'ng-zorro-antd/dropdown';
 import { NzDropDownModule } from 'ng-zorro-antd/dropdown';
 import * as i3$2 from 'ng-zorro-antd/menu';
 import * as i1$6 from 'ng-zorro-antd/divider';
 import { NzDividerModule } from 'ng-zorro-antd/divider';
-import * as i4$4 from 'ng-zorro-antd/input-number';
+import * as i4$3 from 'ng-zorro-antd/input-number';
 import { NzInputNumberModule } from 'ng-zorro-antd/input-number';
 import * as i2$3 from 'ng-zorro-antd/rate';
 import { NzRateModule } from 'ng-zorro-antd/rate';
 import * as i3$3 from 'ng-zorro-antd/select';
 import { NzSelectModule } from 'ng-zorro-antd/select';
 import _ from 'lodash';
-import * as i4$5 from 'ng-zorro-antd/radio';
+import * as i4$4 from 'ng-zorro-antd/radio';
 import { NzRadioModule } from 'ng-zorro-antd/radio';
 import { NzEmptyModule } from 'ng-zorro-antd/empty';
 import * as i6 from '@angular/cdk/drag-drop';
@@ -64,8 +64,12 @@ import { NzTabsModule } from 'ng-zorro-antd/tabs';
 import * as i6$1 from 'ngx-quill';
 import { QuillModule } from 'ngx-quill';
 import * as i1$7 from '@delon/theme';
-import * as i3$5 from 'ng-zorro-antd/upload';
+import * as i4$5 from 'ng-zorro-antd/upload';
 import { NzUploadModule } from 'ng-zorro-antd/upload';
+import * as i6$2 from 'ng-zorro-antd/image';
+import { NzImageModule } from 'ng-zorro-antd/image';
+import * as i6$3 from '@ebuilding/abc/empty';
+import { GramDeonEmptyModule as GramDeonEmptyModule$1 } from '@ebuilding/abc/empty';
 
 class DeonNzFieldCheckbox extends FieldType {
     defaultOptions = {
@@ -703,7 +707,7 @@ class DeonNzFieldDim extends FieldType {
         });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: DeonNzFieldDim, deps: [{ token: i1$4.GramGlobalService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: DeonNzFieldDim, isStandalone: true, selector: "deon-nz-field-dim", usesInheritance: true, ngImport: i0, template: "<div class=\"dim-title\">\n  <ul>\n    <li>\n      <i nz-icon nzType=\"tags\"></i>\n      <span>{{ props?.label }}</span>\n    </li>\n    <li\n      *ngIf=\"props && props['dimConfig'] && (props['dimConfig']['dimWeightType'] === 'FIX' || props['dimConfig']['dimWeightType'] === 'SUM')\">\n      <label>\u7EF4\u5EA6\u6743\u91CD</label>\n      <label>{{ props['dimConfig']['dimWeight'] }}%</label>\n    </li>\n    <li class=\"dim-button\" *ngIf=\"props && props['dimConfig'] && \n         (props['dimConfig']['izAdd'] || \n          props['dimConfig']['izRef'] || \n          props['dimConfig']['izKey'] || \n          props['dimConfig']['izTask'])\">\n      <div class=\"empty\"></div>\n      <div class=\"button\">\n        <a (click)=\"btnAdd()\" *ngIf=\"props['dimConfig']['izAdd']\">\n          <i nz-icon nzType=\"plus-circle\"></i>\u65B0\u589E\u6307\u6807\n        </a>\n        <a (click)=\"btnRef()\" *ngIf=\"props['dimConfig']['izRef']\">\n          <i nz-icon nzType=\"table\"></i>\u5F15\u7528\u6307\u6807\n        </a>\n        <a (click)=\"btnKeyResult()\" *ngIf=\"props['dimConfig']['izKey']\">\n          <i nz-icon nzType=\"api\"></i>\u5F15\u7528\u5173\u952E\u7ED3\u679C\n        </a>\n        <a (click)=\"btnTask()\" *ngIf=\"props['dimConfig']['izTask']\">\n          <i nz-icon nzType=\"book\"></i>\u5F15\u7528\u5DE5\u4F5C\u4EFB\u52A1\n        </a>\n      </div>\n    </li>\n  </ul>\n</div>\n<div class=\"dim-content\">\n\n  <ng-container *ngIf=\"props && props['dimConfig'] && props['dimConfig']['showTable']==true;else tmpDefault\">\n    <div class=\"dim-table\">\n      <div class=\"dim-table-header\">\n        <div class=\"no\" *ngIf=\"props['dimConfig']['showSn']\">\u5E8F\u53F7</div>\n        <ng-container *ngIf=\"props['dimConfig']['tableRows']\">\n          <ng-container *ngFor=\"let item of props['dimConfig']['tableRows']\">\n            <div [ngStyle]=\"item?.widthAuto ? {'flex': '1'} : {'width': item?.width+'px'}\">{{item?.name}}</div>\n          </ng-container>\n        </ng-container>\n        <div class=\"operate\" *ngIf=\"field?.editor==true\">\u64CD\u4F5C</div>\n      </div>\n      <div class=\"dim-table-body\">\n        <ng-container *ngIf=\"field?.fieldGroup && (field?.fieldGroup?.length ?? 0) > 0; else tmpEmpty\">\n          <ng-container *ngFor=\"let f of field.fieldGroup;let index=index\">\n            <div class=\"rows\">\n              <div class=\"row-no\" *ngIf=\"props['dimConfig']['showSn']\">{{index+1}}</div>\n              <div class=\"row-content\">\n                <formly-field [field]=\"f\" [isTable]=\"true\" [dimConfig]=\"props['dimConfig']\"\n                  [tableConfig]=\"props['dimConfig']['tableRows']\"></formly-field>\n              </div>\n            </div>\n          </ng-container>\n        </ng-container>\n      </div>\n    </div>\n  </ng-container>\n\n  <ng-template #tmpDefault>\n    <ng-container *ngIf=\"field?.fieldGroup && (field?.fieldGroup?.length ?? 0) > 0; else tmpEmpty\">\n      <ng-container *ngFor=\"let f of field.fieldGroup\">\n        <formly-field [field]=\"f\"></formly-field>\n      </ng-container>\n    </ng-container>\n  </ng-template>\n\n  <ng-template #tmpEmpty>\n    <div class=\"empty-box\">\n      <div class=\"image\"><img src=\"assets/images/default/empty2.png\" /></div>\n      <div class=\"desc\">\n        <span>\u6682\u65E0\u6570\u636E</span>\n      </div>\n    </div>\n  </ng-template>\n\n  <ng-content></ng-content>\n</div>", styles: [":host ::ng-deep{width:100%;margin-bottom:5px}:host ::ng-deep .dim-title ul{padding:0;margin:0;list-style:none;display:flex;flex-direction:row;align-items:center;font-size:14px}:host ::ng-deep .dim-title ul li{padding:0 20px 0 0;margin:0}:host ::ng-deep .dim-title ul li i{margin-right:3px}:host ::ng-deep .dim-title ul li label:nth-child(1):after{content:\":\";padding:0 5px 0 3px}:host ::ng-deep .dim-title ul .dim-button{flex:1;display:flex;flex-direction:row}:host ::ng-deep .dim-title ul .dim-button .empty{flex:1}:host ::ng-deep .dim-title ul .dim-button a+a{margin-left:15px}:host ::ng-deep .dim-content{width:100%}:host ::ng-deep .empty-box{display:flex;flex-direction:column;align-items:center}:host ::ng-deep .empty-box img{width:105px}:host ::ng-deep .dim-table{width:100%;border:1px solid #eaeaea}:host ::ng-deep .dim-table-header{display:flex;flex-direction:row}:host ::ng-deep .dim-table-header div{border-left:1px solid #eaeaea;padding:0 0 0 8px;background:#f5f7fa}:host ::ng-deep .dim-table-header div:nth-child(1){border-left:0}:host ::ng-deep .dim-table-header .no{width:60px;flex:none}:host ::ng-deep .dim-table-header .operate{width:120px;flex:none}:host ::ng-deep .dim-table-body{display:flex;flex-direction:column}:host ::ng-deep .dim-table-body .rows{display:flex;flex-direction:row;padding:8px 0 0;border-bottom:1px solid #eaeaea}:host ::ng-deep .dim-table-body .rows .row-no{width:60px;padding:0 0 0 8px}:host ::ng-deep .dim-table-body .rows .row-content{flex:1}:host ::ng-deep .dim-table-body .rows .ind-list{display:flex;flex-direction:row;flex:1}:host ::ng-deep .dim-table-body .rows .ind-list .ind-item{flex:1;display:flex;flex-direction:row}:host ::ng-deep .dim-table-body .rows .ind-list .ind-operate{width:120px;padding:0 0 0 8px;text-align:center;align-self:center}:host ::ng-deep .dim-table-body .rows .ind-list .ind-operate a{margin:0 8px 0 0}:host ::ng-deep .dim-table-body .rows:nth-last-child(1){border-bottom:0}:host ::ng-deep .dim-table-body deon-nz-field-indicator{border:0}:host ::ng-deep .dim-table-body deon-nz-field-indicator .ind-list{display:flex;flex-direction:row}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: NzIconModule }, { kind: "directive", type: i4$1.NzIconDirective, selector: "nz-icon,[nz-icon]", inputs: ["nzSpin", "nzRotate", "nzType", "nzTheme", "nzTwotoneColor", "nzIconfont"], exportAs: ["nzIcon"] }, { kind: "ngmodule", type: NzButtonModule }, { kind: "directive", type: i5$1.ɵ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: "ngmodule", type: FormlyModule }, { kind: "component", type: i1$1.LegacyFormlyField, selector: "formly-field" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: DeonNzFieldDim, isStandalone: true, selector: "deon-nz-field-dim", usesInheritance: true, ngImport: i0, template: "<div class=\"dim-title\">\n  <ul>\n    <li>\n      <i nz-icon nzType=\"tags\"></i>\n      <span>{{ props?.label }}</span>\n    </li>\n    <li\n      *ngIf=\"props && props['dimConfig'] && (props['dimConfig']['dimWeightType'] === 'FIX' || props['dimConfig']['dimWeightType'] === 'SUM')\">\n      <label>\u7EF4\u5EA6\u6743\u91CD</label>\n      <label>{{ props['dimConfig']['dimWeight'] }}%</label>\n    </li>\n    <li class=\"dim-button\" *ngIf=\"props && props['dimConfig'] && \n         (props['dimConfig']['izAdd'] || \n          props['dimConfig']['izRef'] || \n          props['dimConfig']['izKey'] || \n          props['dimConfig']['izTask'])\">\n      <div class=\"empty\"></div>\n      <div class=\"button\">\n        <a (click)=\"btnAdd()\" *ngIf=\"props['dimConfig']['izAdd']\">\n          <i nz-icon nzType=\"plus-circle\"></i>\u65B0\u589E\u6307\u6807\n        </a>\n        <a (click)=\"btnRef()\" *ngIf=\"props['dimConfig']['izRef']\">\n          <i nz-icon nzType=\"table\"></i>\u5F15\u7528\u6307\u6807\n        </a>\n        <a (click)=\"btnKeyResult()\" *ngIf=\"props['dimConfig']['izKey']\">\n          <i nz-icon nzType=\"api\"></i>\u5F15\u7528\u5173\u952E\u7ED3\u679C\n        </a>\n        <a (click)=\"btnTask()\" *ngIf=\"props['dimConfig']['izTask']\">\n          <i nz-icon nzType=\"book\"></i>\u5F15\u7528\u5DE5\u4F5C\u4EFB\u52A1\n        </a>\n      </div>\n    </li>\n  </ul>\n</div>\n<div class=\"dim-content\">\n\n  <ng-container *ngIf=\"props && props['dimConfig'] && props['dimConfig']['showTable']==true;else tmpDefault\">\n    <div class=\"dim-table\">\n      <div class=\"dim-table-header\">\n        <div class=\"no\" *ngIf=\"props['dimConfig']['showSn']\">\u5E8F\u53F7</div>\n        <ng-container *ngIf=\"props['dimConfig']['tableRows']\">\n          <ng-container *ngFor=\"let item of props['dimConfig']['tableRows']\">\n            <div [ngStyle]=\"item?.widthAuto ? {'flex': '1'} : {'width': item?.width+'px'}\">{{item?.name}}</div>\n          </ng-container>\n        </ng-container>\n        <div class=\"operate\" *ngIf=\"field?.editor==true\">\u64CD\u4F5C</div>\n      </div>\n      <div class=\"dim-table-body\">\n        <ng-container *ngIf=\"field?.fieldGroup && (field?.fieldGroup?.length ?? 0) > 0; else tmpEmpty\">\n          <ng-container *ngFor=\"let f of field.fieldGroup;let index=index\">\n            <div class=\"rows\">\n              <div class=\"row-no\" *ngIf=\"props['dimConfig']['showSn']\">{{index+1}}</div>\n              <div class=\"row-content\">\n                <formly-field [field]=\"f\" [isTable]=\"true\" [dimConfig]=\"props['dimConfig']\"\n                  [tableConfig]=\"props['dimConfig']['tableRows']\"></formly-field>\n              </div>\n            </div>\n          </ng-container>\n        </ng-container>\n      </div>\n    </div>\n  </ng-container>\n\n  <ng-template #tmpDefault>\n    <ng-container *ngIf=\"field?.fieldGroup && (field?.fieldGroup?.length ?? 0) > 0; else tmpEmpty\">\n      <ng-container *ngFor=\"let f of field.fieldGroup\">\n        <formly-field [field]=\"f\"></formly-field>\n      </ng-container>\n    </ng-container>\n  </ng-template>\n\n  <ng-template #tmpEmpty>\n    <div class=\"empty-box\">\n      <div class=\"image\"><img src=\"assets/images/default/empty2.png\" /></div>\n      <div class=\"desc\">\n        <span>\u6682\u65E0\u6570\u636E</span>\n      </div>\n    </div>\n  </ng-template>\n\n  <ng-content></ng-content>\n</div>", styles: [":host ::ng-deep{width:100%;margin-bottom:5px}:host ::ng-deep .dim-title ul{padding:0;margin:0;list-style:none;display:flex;flex-direction:row;align-items:center;font-size:14px}:host ::ng-deep .dim-title ul li{padding:0 20px 0 0;margin:0}:host ::ng-deep .dim-title ul li i{margin-right:3px}:host ::ng-deep .dim-title ul li label:nth-child(1):after{content:\":\";padding:0 5px 0 3px}:host ::ng-deep .dim-title ul .dim-button{flex:1;display:flex;flex-direction:row}:host ::ng-deep .dim-title ul .dim-button .empty{flex:1}:host ::ng-deep .dim-title ul .dim-button a+a{margin-left:15px}:host ::ng-deep .dim-content{width:100%}:host ::ng-deep .empty-box{display:flex;flex-direction:column;align-items:center}:host ::ng-deep .empty-box img{width:105px}:host ::ng-deep .dim-table{width:100%;border:1px solid #eaeaea}:host ::ng-deep .dim-table-header{display:flex;flex-direction:row}:host ::ng-deep .dim-table-header div{border-left:1px solid #eaeaea;padding:0 0 0 8px;background:#f5f7fa}:host ::ng-deep .dim-table-header div:nth-child(1){border-left:0}:host ::ng-deep .dim-table-header .no{width:60px;flex:none}:host ::ng-deep .dim-table-header .operate{width:120px;flex:none}:host ::ng-deep .dim-table-body{display:flex;flex-direction:column}:host ::ng-deep .dim-table-body .rows{display:flex;flex-direction:row;padding:8px 0 0;border-bottom:1px solid #eaeaea}:host ::ng-deep .dim-table-body .rows .row-no{width:60px;padding:0 0 0 8px}:host ::ng-deep .dim-table-body .rows .row-content{flex:1}:host ::ng-deep .dim-table-body .rows .ind-list{display:flex;flex-direction:row;flex:1}:host ::ng-deep .dim-table-body .rows .ind-list .ind-item{flex:1;display:flex;flex-direction:row}:host ::ng-deep .dim-table-body .rows .ind-list .ind-operate{width:120px;padding:0 0 0 8px;text-align:center;align-self:center}:host ::ng-deep .dim-table-body .rows .ind-list .ind-operate a{margin:0 8px 0 0}:host ::ng-deep .dim-table-body .rows:nth-last-child(1){border-bottom:0}:host ::ng-deep .dim-table-body deon-nz-field-indicator{border:0}:host ::ng-deep .dim-table-body deon-nz-field-indicator .ind-list{display:flex;flex-direction:row}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: NzIconModule }, { kind: "directive", type: i5$1.NzIconDirective, selector: "nz-icon,[nz-icon]", inputs: ["nzSpin", "nzRotate", "nzType", "nzTheme", "nzTwotoneColor", "nzIconfont"], exportAs: ["nzIcon"] }, { kind: "ngmodule", type: NzButtonModule }, { kind: "directive", type: i5$2.ɵ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: "ngmodule", type: FormlyModule }, { kind: "component", type: i1$1.LegacyFormlyField, selector: "formly-field" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: DeonNzFieldDim, decorators: [{
             type: Component,
@@ -784,7 +788,7 @@ class DeonNzFieldDimIndicator extends FieldType {
         });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: DeonNzFieldDimIndicator, deps: [{ token: i1$5.NzModalService }, { token: i2$1.NzMessageService }, { token: i1$4.GramGlobalService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: DeonNzFieldDimIndicator, isStandalone: true, selector: "deon-nz-field-indicator", usesInheritance: true, ngImport: i0, template: "<ng-container *ngIf=\"props && props['isTable']==true;else tmpDefault\">\n  <div class=\"ind-list\">\n    <div class=\"ind-item\">\n      <ng-container *ngFor=\"let f of field.fieldGroup;let index=index;\">\n        <div style=\"padding: 0 8px;\"\n          [ngStyle]=\"props['tableConfig'][index].widthAuto ? {'flex': '1'} : {'width': props['tableConfig'][index]?.width+'px'}\">\n          <formly-field [field]=\"f\" [hideLabel]=\"true\"></formly-field>\n        </div>\n      </ng-container>\n    </div>\n    <div class=\"ind-operate\" *ngIf=\"field?.editor == true\">\n      <a (click)=\"btnUp()\">\n        <i nz-icon nzType=\"arrow-up\"></i>\n      </a>\n      <a (click)=\"btnDown()\">\n        <i nz-icon nzType=\"arrow-down\"></i>\n      </a>\n      <a (click)=\"btnDelete()\" *ngIf=\"props?.['indConfig']?.['izAllowDel'] == true\">\n        <i nz-icon nzType=\"delete\"></i>\n      </a>\n    </div>\n  </div>\n</ng-container>\n<ng-template #tmpDefault>\n  <div class=\"ind-button\" *ngIf=\"field?.editor == true\">\n    <button nz-button nzType=\"default\" type=\"button\" (click)=\"btnUp()\">\n      <i nz-icon nzType=\"arrow-up\"></i>\u4E0A\u79FB\n    </button>\n    <button nz-button nzType=\"default\" type=\"button\" (click)=\"btnDown()\">\n      <i nz-icon nzType=\"arrow-down\"></i>\u4E0B\u79FB\n    </button>\n    <button nz-button nzType=\"default\" type=\"button\" (click)=\"btnDelete()\"\n      *ngIf=\"props?.['indConfig']?.['izAllowDel'] == true\">\n      <i nz-icon nzType=\"delete\"></i>\u5220\u9664\n    </button>\n  </div>\n\n  <div class=\"ind-content\">\n    <ng-container *ngIf=\"field?.fieldGroup && (field?.fieldGroup?.length ?? 0) > 0\">\n      <div class=\"table-box\" *ngIf=\"props?.['indConfig']?.['izIndTable'] == true; else tmpDefault2\">\n        <table>\n          <thead>\n            <tr>\n              <ng-container *ngFor=\"let f of field.fieldGroup\">\n                <th [attr.width]=\"\n                  f?.key == 'name'\n                    ? '300px'\n                    : f?.key == 'desc'\n                    ? ''\n                    : '130px'\n                \">\n                  <ng-container *ngIf=\"f?.props?.required == true\">\n                    <label class=\"label-required\">*</label>\n                  </ng-container>\n                  {{ f.props?.label }}\n                </th>\n              </ng-container>\n            </tr>\n          </thead>\n          <tbody>\n            <tr>\n              <ng-container *ngFor=\"let f of field.fieldGroup\">\n                <td>\n                  <formly-field [field]=\"f\" [hideLabel]=\"true\"></formly-field>\n                </td>\n              </ng-container>\n            </tr>\n          </tbody>\n        </table>\n      </div>\n    </ng-container>\n  </div>\n</ng-template>\n<ng-template #tmpDefault2>\n  <ng-container *ngFor=\"let f of field.fieldGroup\">\n    <formly-field [field]=\"f\"></formly-field>\n  </ng-container>\n</ng-template>", styles: [":host ::ng-deep{width:100%;border:1px solid #eaeaea;border-radius:4px;padding:0;display:flex;flex-direction:column}:host ::ng-deep .ind-button{text-align:right;padding:8px 15px 6px;border-bottom:1px solid #eaeaea}:host ::ng-deep .ind-content{flex:1;padding:15px 15px 0}:host ::ng-deep .table-box{padding:0 0 15px}:host ::ng-deep .table-box table tr th{padding:0 8px}:host ::ng-deep .table-box table tr td{padding:10px 8px;vertical-align:top}:host ::ng-deep .table-box .ant-form-item{margin-bottom:0}:host ::ng-deep .table-box .label-required{color:red;margin-right:2px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: NzIconModule }, { kind: "directive", type: i4$1.NzIconDirective, selector: "nz-icon,[nz-icon]", inputs: ["nzSpin", "nzRotate", "nzType", "nzTheme", "nzTwotoneColor", "nzIconfont"], exportAs: ["nzIcon"] }, { kind: "ngmodule", type: NzButtonModule }, { kind: "component", type: i4$2.NzButtonComponent, selector: "button[nz-button], a[nz-button]", inputs: ["nzBlock", "nzGhost", "nzSearch", "nzLoading", "nzDanger", "disabled", "tabIndex", "nzType", "nzShape", "nzSize"], exportAs: ["nzButton"] }, { kind: "directive", type: i5$1.ɵ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: "ngmodule", type: FormlyModule }, { kind: "component", type: i1$1.LegacyFormlyField, selector: "formly-field" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: DeonNzFieldDimIndicator, isStandalone: true, selector: "deon-nz-field-indicator", usesInheritance: true, ngImport: i0, template: "<ng-container *ngIf=\"props && props['isTable']==true;else tmpDefault\">\n  <div class=\"ind-list\">\n    <div class=\"ind-item\">\n      <ng-container *ngFor=\"let f of field.fieldGroup;let index=index;\">\n        <div style=\"padding: 0 8px;\"\n          [ngStyle]=\"props['tableConfig'][index].widthAuto ? {'flex': '1'} : {'width': props['tableConfig'][index]?.width+'px'}\">\n          <formly-field [field]=\"f\" [hideLabel]=\"true\"></formly-field>\n        </div>\n      </ng-container>\n    </div>\n    <div class=\"ind-operate\" *ngIf=\"field?.editor == true\">\n      <a (click)=\"btnUp()\">\n        <i nz-icon nzType=\"arrow-up\"></i>\n      </a>\n      <a (click)=\"btnDown()\">\n        <i nz-icon nzType=\"arrow-down\"></i>\n      </a>\n      <a (click)=\"btnDelete()\" *ngIf=\"props?.['indConfig']?.['izAllowDel'] == true\">\n        <i nz-icon nzType=\"delete\"></i>\n      </a>\n    </div>\n  </div>\n</ng-container>\n<ng-template #tmpDefault>\n  <div class=\"ind-button\" *ngIf=\"field?.editor == true\">\n    <button nz-button nzType=\"default\" type=\"button\" (click)=\"btnUp()\">\n      <i nz-icon nzType=\"arrow-up\"></i>\u4E0A\u79FB\n    </button>\n    <button nz-button nzType=\"default\" type=\"button\" (click)=\"btnDown()\">\n      <i nz-icon nzType=\"arrow-down\"></i>\u4E0B\u79FB\n    </button>\n    <button nz-button nzType=\"default\" type=\"button\" (click)=\"btnDelete()\"\n      *ngIf=\"props?.['indConfig']?.['izAllowDel'] == true\">\n      <i nz-icon nzType=\"delete\"></i>\u5220\u9664\n    </button>\n  </div>\n\n  <div class=\"ind-content\">\n    <ng-container *ngIf=\"field?.fieldGroup && (field?.fieldGroup?.length ?? 0) > 0\">\n      <div class=\"table-box\" *ngIf=\"props?.['indConfig']?.['izIndTable'] == true; else tmpDefault2\">\n        <table>\n          <thead>\n            <tr>\n              <ng-container *ngFor=\"let f of field.fieldGroup\">\n                <th [attr.width]=\"\n                  f?.key == 'name'\n                    ? '300px'\n                    : f?.key == 'desc'\n                    ? ''\n                    : '130px'\n                \">\n                  <ng-container *ngIf=\"f?.props?.required == true\">\n                    <label class=\"label-required\">*</label>\n                  </ng-container>\n                  {{ f.props?.label }}\n                </th>\n              </ng-container>\n            </tr>\n          </thead>\n          <tbody>\n            <tr>\n              <ng-container *ngFor=\"let f of field.fieldGroup\">\n                <td>\n                  <formly-field [field]=\"f\" [hideLabel]=\"true\"></formly-field>\n                </td>\n              </ng-container>\n            </tr>\n          </tbody>\n        </table>\n      </div>\n    </ng-container>\n  </div>\n</ng-template>\n<ng-template #tmpDefault2>\n  <ng-container *ngFor=\"let f of field.fieldGroup\">\n    <formly-field [field]=\"f\"></formly-field>\n  </ng-container>\n</ng-template>", styles: [":host ::ng-deep{width:100%;border:1px solid #eaeaea;border-radius:4px;padding:0;display:flex;flex-direction:column}:host ::ng-deep .ind-button{text-align:right;padding:8px 15px 6px;border-bottom:1px solid #eaeaea}:host ::ng-deep .ind-content{flex:1;padding:15px 15px 0}:host ::ng-deep .table-box{padding:0 0 15px}:host ::ng-deep .table-box table tr th{padding:0 8px}:host ::ng-deep .table-box table tr td{padding:10px 8px;vertical-align:top}:host ::ng-deep .table-box .ant-form-item{margin-bottom:0}:host ::ng-deep .table-box .label-required{color:red;margin-right:2px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: NzIconModule }, { kind: "directive", type: i5$1.NzIconDirective, selector: "nz-icon,[nz-icon]", inputs: ["nzSpin", "nzRotate", "nzType", "nzTheme", "nzTwotoneColor", "nzIconfont"], exportAs: ["nzIcon"] }, { kind: "ngmodule", type: NzButtonModule }, { kind: "component", type: i4$1.NzButtonComponent, selector: "button[nz-button], a[nz-button]", inputs: ["nzBlock", "nzGhost", "nzSearch", "nzLoading", "nzDanger", "disabled", "tabIndex", "nzType", "nzShape", "nzSize"], exportAs: ["nzButton"] }, { kind: "directive", type: i5$2.ɵ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: "ngmodule", type: FormlyModule }, { kind: "component", type: i1$1.LegacyFormlyField, selector: "formly-field" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: DeonNzFieldDimIndicator, decorators: [{
             type: Component,
@@ -849,7 +853,7 @@ class DeonNzFieldDimIndicatorAssess extends FieldType {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: DeonNzFieldDimIndicatorAssess, deps: [{ token: i1$5.NzModalService }, { token: i2$1.NzMessageService }, { token: i1$4.GramGlobalService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: DeonNzFieldDimIndicatorAssess, isStandalone: true, selector: "deon-nz-field-indicator-assess", usesInheritance: true, ngImport: i0, template: "<ng-container *ngIf=\"props && props['isTable']==true;else tmpDefault\">\n  <div class=\"ind-list\">\n    <div class=\"ind-item\">\n      <ng-container *ngFor=\"let f of field.fieldGroup;let i=index;\">\n\n\n        <ng-container *ngIf=\"f?.key!='indScoreSelect' && f?.key!='indScoreEnter';else tmpScore\">\n          <div style=\"padding: 0 8px;\"\n            [ngStyle]=\"props?.['tableConfig']?.[i]?.widthAuto ? {'flex': '1'} : {'width': props['tableConfig'][i]?.width+'px'}\">\n            <formly-field [field]=\"f\" [hideLabel]=\"true\"></formly-field>\n          </div>\n        </ng-container>\n\n        <ng-template #tmpScore>\n          <ng-container *ngIf=\"props?.['expandInfo'] && props?.['expandInfo']?.length>0\">\n            <ng-container *ngFor=\"let item of props?.['expandInfo']\">\n              <div style=\"padding: 0 8px; width: 150px;\">{{item?.nodeData}}</div>\n            </ng-container>\n          </ng-container>\n          <div style=\"padding: 0 8px; width: 150px;\">\n            <formly-field [field]=\"f\" [hideLabel]=\"true\"></formly-field>\n          </div>\n        </ng-template>\n\n\n      </ng-container>\n      <ng-container *ngIf=\"props['tableConfig'].length > totalRenderedColumns\">\n        <ng-container *ngFor=\"let f of props['tableConfig'].slice(totalRenderedColumns);let j=index;\">\n          <div style=\"padding: 0 8px; width: 150px;\">\n            <ng-container\n              *ngIf=\"totalRenderedColumns==(field?.fieldGroup?.length ?? 0) &&props?.['expandInfo'] && props?.['expandInfo']?.length>j;else tmpEmptyData\">\n              {{props?.[\"expandInfo\"]?.[j]?.nodeData}}\n            </ng-container>\n            <ng-template #tmpEmptyData>---</ng-template>\n          </div>\n        </ng-container>\n      </ng-container>\n    </div>\n  </div>\n</ng-container>\n\n<ng-template #tmpDefault>\n  <div class=\"ind-content\">\n    <ng-container *ngIf=\"field?.fieldGroup && (field?.fieldGroup?.length ?? 0) > 0\">\n      <div class=\"table-box\" *ngIf=\"props?.['indConfig']?.['izIndTable'] == true; else tmpCard\">\n        <table>\n          <thead>\n            <tr>\n              <ng-container *ngFor=\"let f of field.fieldGroup\">\n                <th [attr.width]=\"\n                  f?.key == 'name'\n                    ? '300px'\n                    : f?.key == 'desc'\n                    ? ''\n                    : '130px'\n                \" *ngIf=\"f?.key != 'indScoreEnter' && f?.key != 'indScoreSelect'\">\n                  <ng-container *ngIf=\"f?.props?.required == true\">\n                    <label class=\"label-required\">*</label>\n                  </ng-container>\n                  {{ f.props?.label }}\n                </th>\n              </ng-container>\n            </tr>\n          </thead>\n          <tbody>\n            <tr>\n              <ng-container *ngFor=\"let f of field.fieldGroup\">\n                <td *ngIf=\"f?.key != 'indScoreEnter' && f?.key != 'indScoreSelect'\">\n                  <formly-field [field]=\"f\" [hideLabel]=\"true\"></formly-field>\n                </td>\n              </ng-container>\n            </tr>\n            <tr>\n              <td [attr.colspan]=\"(field?.fieldGroup?.length ?? 0)\">\n                <div class=\"ind-assess\">\n                  <div class=\"assess-nodes\" *ngIf=\"\n                    props?.['expandInfo'] &&\n                    props?.['expandInfo']?.length > 0\n                  \">\n                    <div class=\"node-title\">\n                      <label><span nz-icon nzType=\"bars\"></span>\u8BC4\u4F30\u8BB0\u5F55</label>\n                    </div>\n                    <div class=\"node-box\" *ngFor=\"let item of props?.['expandInfo']\">\n                      <label class=\"title\">{{ item?.nodeName }}</label>\n                      <label class=\"value\">{{ item?.nodeData }}</label>\n                    </div>\n                  </div>\n                  <div class=\"assess-info\">\n                    <ng-container *ngFor=\"let f of field.fieldGroup\">\n                      <ng-container *ngIf=\"\n                        f?.key == 'indScoreEnter' || f?.key == 'indScoreSelect'\n                      \">\n                        <formly-field [field]=\"f\"></formly-field>\n                      </ng-container>\n                    </ng-container>\n                  </div>\n                </div>\n              </td>\n            </tr>\n          </tbody>\n        </table>\n      </div>\n    </ng-container>\n  </div>\n</ng-template>\n\n<ng-template #tmpCard>\n  <div class=\"card-ind\">\n    <div class=\"ind-info\">\n      <ng-container *ngFor=\"let f of field.fieldGroup\">\n        <formly-field [field]=\"f\" *ngIf=\"f?.key != 'indScoreEnter' && f?.key != 'indScoreSelect'\"></formly-field>\n      </ng-container>\n    </div>\n    <div class=\"ind-assess\">\n      <div class=\"assess-nodes\" *ngIf=\"\n              props?.['expandInfo'] && props?.['expandInfo']?.length > 0\n            \">\n        <div class=\"node-title\">\n          <label><span nz-icon nzType=\"bars\"></span>\u8BC4\u4F30\u8BB0\u5F55</label>\n        </div>\n        <div class=\"node-box\" *ngFor=\"let item of props?.['expandInfo']\">\n          <label class=\"title\">{{ item?.nodeName }}</label>\n          <label class=\"value\">{{ item?.nodeData }}</label>\n        </div>\n      </div>\n      <div class=\"assess-info\">\n        <ng-container *ngFor=\"let f of field.fieldGroup\">\n          <ng-container *ngIf=\"f?.key == 'indScoreEnter' || f?.key == 'indScoreSelect'\">\n            <formly-field [field]=\"f\"></formly-field>\n          </ng-container>\n        </ng-container>\n      </div>\n    </div>\n  </div>\n</ng-template>", styles: [":host ::ng-deep{width:100%;border:0;border-radius:4px;padding:0;display:flex;flex-direction:column}:host ::ng-deep .ind-finish{padding:8px 15px 6px;border-bottom:1px solid #eaeaea}:host ::ng-deep .ind-finish nz-form-label{width:auto!important;max-width:none!important}:host ::ng-deep .ind-finish nz-form-item{margin-bottom:0!important}:host ::ng-deep .ind-finish nz-input-number{max-width:150px}:host ::ng-deep .ind-content{flex:1;padding:15px 15px 0}:host ::ng-deep .ind-assess{padding:0 15px 0 0;display:flex;flex-direction:column}:host ::ng-deep .ind-assess .assess-nodes{display:flex;flex-direction:row;align-items:center;padding:0;margin:0}:host ::ng-deep .ind-assess .assess-nodes .node-title{display:flex;flex-direction:row;align-items:center;padding:0 20px 0 0}:host ::ng-deep .ind-assess .assess-nodes .node-title label{line-height:normal}:host ::ng-deep .ind-assess .assess-nodes .node-box{display:flex;flex-direction:row;align-items:center;padding:0 15px 0 0}:host ::ng-deep .ind-assess .assess-nodes .node-box label{line-height:normal}:host ::ng-deep .ind-assess .assess-nodes .node-box .title:after{content:\":\";padding:0 5px 0 3px}:host ::ng-deep .ind-assess .assess-nodes .node-box .value{font-size:14px;font-weight:600}:host ::ng-deep .ind-assess .assess-info{display:flex;padding:0}:host ::ng-deep .ind-assess .assess-info nz-form-label{width:auto!important;max-width:none!important;padding:0 15px 0 0!important}:host ::ng-deep .ind-assess .assess-info nz-form-item{margin-bottom:0!important}:host ::ng-deep .ind-assess .assess-info nz-input-number{max-width:150px;height:26px;min-height:26px}:host ::ng-deep .ind-assess .assess-info nz-input-number .ant-input-number-input{height:24px;line-height:24px}:host ::ng-deep .ind-assess .assess-nodes+.assess-info{padding:8px 0 0}:host ::ng-deep .table-box{padding:0 0 20px}:host ::ng-deep .table-box table tr th{padding:0 8px}:host ::ng-deep .table-box table tr td{padding:10px 8px;vertical-align:top}:host ::ng-deep .table-box .ant-form-item{margin-bottom:0}:host ::ng-deep .table-box .label-required{color:red;margin-right:2px}:host ::ng-deep .card-ind{padding:10px 15px;border:1px solid #eaeaea;border-radius:4px;margin-bottom:15px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: NzIconModule }, { kind: "directive", type: i4$1.NzIconDirective, selector: "nz-icon,[nz-icon]", inputs: ["nzSpin", "nzRotate", "nzType", "nzTheme", "nzTwotoneColor", "nzIconfont"], exportAs: ["nzIcon"] }, { kind: "ngmodule", type: NzButtonModule }, { kind: "directive", type: i5$1.ɵ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: "ngmodule", type: FormlyModule }, { kind: "component", type: i1$1.LegacyFormlyField, selector: "formly-field" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: DeonNzFieldDimIndicatorAssess, isStandalone: true, selector: "deon-nz-field-indicator-assess", usesInheritance: true, ngImport: i0, template: "<ng-container *ngIf=\"props && props['isTable']==true;else tmpDefault\">\n  <div class=\"ind-list\">\n    <div class=\"ind-item\">\n      <ng-container *ngFor=\"let f of field.fieldGroup;let i=index;\">\n\n\n        <ng-container *ngIf=\"f?.key!='indScoreSelect' && f?.key!='indScoreEnter';else tmpScore\">\n          <div style=\"padding: 0 8px;\"\n            [ngStyle]=\"props?.['tableConfig']?.[i]?.widthAuto ? {'flex': '1'} : {'width': props['tableConfig'][i]?.width+'px'}\">\n            <formly-field [field]=\"f\" [hideLabel]=\"true\"></formly-field>\n          </div>\n        </ng-container>\n\n        <ng-template #tmpScore>\n          <ng-container *ngIf=\"props?.['expandInfo'] && props?.['expandInfo']?.length>0\">\n            <ng-container *ngFor=\"let item of props?.['expandInfo']\">\n              <div style=\"padding: 0 8px; width: 150px;\">{{item?.nodeData}}</div>\n            </ng-container>\n          </ng-container>\n          <div style=\"padding: 0 8px; width: 150px;\">\n            <formly-field [field]=\"f\" [hideLabel]=\"true\"></formly-field>\n          </div>\n        </ng-template>\n\n\n      </ng-container>\n      <ng-container *ngIf=\"props['tableConfig'].length > totalRenderedColumns\">\n        <ng-container *ngFor=\"let f of props['tableConfig'].slice(totalRenderedColumns);let j=index;\">\n          <div style=\"padding: 0 8px; width: 150px;\">\n            <ng-container\n              *ngIf=\"totalRenderedColumns==(field?.fieldGroup?.length ?? 0) &&props?.['expandInfo'] && props?.['expandInfo']?.length>j;else tmpEmptyData\">\n              {{props?.[\"expandInfo\"]?.[j]?.nodeData}}\n            </ng-container>\n            <ng-template #tmpEmptyData>---</ng-template>\n          </div>\n        </ng-container>\n      </ng-container>\n    </div>\n  </div>\n</ng-container>\n\n<ng-template #tmpDefault>\n  <div class=\"ind-content\">\n    <ng-container *ngIf=\"field?.fieldGroup && (field?.fieldGroup?.length ?? 0) > 0\">\n      <div class=\"table-box\" *ngIf=\"props?.['indConfig']?.['izIndTable'] == true; else tmpCard\">\n        <table>\n          <thead>\n            <tr>\n              <ng-container *ngFor=\"let f of field.fieldGroup\">\n                <th [attr.width]=\"\n                  f?.key == 'name'\n                    ? '300px'\n                    : f?.key == 'desc'\n                    ? ''\n                    : '130px'\n                \" *ngIf=\"f?.key != 'indScoreEnter' && f?.key != 'indScoreSelect'\">\n                  <ng-container *ngIf=\"f?.props?.required == true\">\n                    <label class=\"label-required\">*</label>\n                  </ng-container>\n                  {{ f.props?.label }}\n                </th>\n              </ng-container>\n            </tr>\n          </thead>\n          <tbody>\n            <tr>\n              <ng-container *ngFor=\"let f of field.fieldGroup\">\n                <td *ngIf=\"f?.key != 'indScoreEnter' && f?.key != 'indScoreSelect'\">\n                  <formly-field [field]=\"f\" [hideLabel]=\"true\"></formly-field>\n                </td>\n              </ng-container>\n            </tr>\n            <tr>\n              <td [attr.colspan]=\"(field?.fieldGroup?.length ?? 0)\">\n                <div class=\"ind-assess\">\n                  <div class=\"assess-nodes\" *ngIf=\"\n                    props?.['expandInfo'] &&\n                    props?.['expandInfo']?.length > 0\n                  \">\n                    <div class=\"node-title\">\n                      <label><span nz-icon nzType=\"bars\"></span>\u8BC4\u4F30\u8BB0\u5F55</label>\n                    </div>\n                    <div class=\"node-box\" *ngFor=\"let item of props?.['expandInfo']\">\n                      <label class=\"title\">{{ item?.nodeName }}</label>\n                      <label class=\"value\">{{ item?.nodeData }}</label>\n                    </div>\n                  </div>\n                  <div class=\"assess-info\">\n                    <ng-container *ngFor=\"let f of field.fieldGroup\">\n                      <ng-container *ngIf=\"\n                        f?.key == 'indScoreEnter' || f?.key == 'indScoreSelect'\n                      \">\n                        <formly-field [field]=\"f\"></formly-field>\n                      </ng-container>\n                    </ng-container>\n                  </div>\n                </div>\n              </td>\n            </tr>\n          </tbody>\n        </table>\n      </div>\n    </ng-container>\n  </div>\n</ng-template>\n\n<ng-template #tmpCard>\n  <div class=\"card-ind\">\n    <div class=\"ind-info\">\n      <ng-container *ngFor=\"let f of field.fieldGroup\">\n        <formly-field [field]=\"f\" *ngIf=\"f?.key != 'indScoreEnter' && f?.key != 'indScoreSelect'\"></formly-field>\n      </ng-container>\n    </div>\n    <div class=\"ind-assess\">\n      <div class=\"assess-nodes\" *ngIf=\"\n              props?.['expandInfo'] && props?.['expandInfo']?.length > 0\n            \">\n        <div class=\"node-title\">\n          <label><span nz-icon nzType=\"bars\"></span>\u8BC4\u4F30\u8BB0\u5F55</label>\n        </div>\n        <div class=\"node-box\" *ngFor=\"let item of props?.['expandInfo']\">\n          <label class=\"title\">{{ item?.nodeName }}</label>\n          <label class=\"value\">{{ item?.nodeData }}</label>\n        </div>\n      </div>\n      <div class=\"assess-info\">\n        <ng-container *ngFor=\"let f of field.fieldGroup\">\n          <ng-container *ngIf=\"f?.key == 'indScoreEnter' || f?.key == 'indScoreSelect'\">\n            <formly-field [field]=\"f\"></formly-field>\n          </ng-container>\n        </ng-container>\n      </div>\n    </div>\n  </div>\n</ng-template>", styles: [":host ::ng-deep{width:100%;border:0;border-radius:4px;padding:0;display:flex;flex-direction:column}:host ::ng-deep .ind-finish{padding:8px 15px 6px;border-bottom:1px solid #eaeaea}:host ::ng-deep .ind-finish nz-form-label{width:auto!important;max-width:none!important}:host ::ng-deep .ind-finish nz-form-item{margin-bottom:0!important}:host ::ng-deep .ind-finish nz-input-number{max-width:150px}:host ::ng-deep .ind-content{flex:1;padding:15px 15px 0}:host ::ng-deep .ind-assess{padding:0 15px 0 0;display:flex;flex-direction:column}:host ::ng-deep .ind-assess .assess-nodes{display:flex;flex-direction:row;align-items:center;padding:0;margin:0}:host ::ng-deep .ind-assess .assess-nodes .node-title{display:flex;flex-direction:row;align-items:center;padding:0 20px 0 0}:host ::ng-deep .ind-assess .assess-nodes .node-title label{line-height:normal}:host ::ng-deep .ind-assess .assess-nodes .node-box{display:flex;flex-direction:row;align-items:center;padding:0 15px 0 0}:host ::ng-deep .ind-assess .assess-nodes .node-box label{line-height:normal}:host ::ng-deep .ind-assess .assess-nodes .node-box .title:after{content:\":\";padding:0 5px 0 3px}:host ::ng-deep .ind-assess .assess-nodes .node-box .value{font-size:14px;font-weight:600}:host ::ng-deep .ind-assess .assess-info{display:flex;padding:0}:host ::ng-deep .ind-assess .assess-info nz-form-label{width:auto!important;max-width:none!important;padding:0 15px 0 0!important}:host ::ng-deep .ind-assess .assess-info nz-form-item{margin-bottom:0!important}:host ::ng-deep .ind-assess .assess-info nz-input-number{max-width:150px;height:26px;min-height:26px}:host ::ng-deep .ind-assess .assess-info nz-input-number .ant-input-number-input{height:24px;line-height:24px}:host ::ng-deep .ind-assess .assess-nodes+.assess-info{padding:8px 0 0}:host ::ng-deep .table-box{padding:0 0 20px}:host ::ng-deep .table-box table tr th{padding:0 8px}:host ::ng-deep .table-box table tr td{padding:10px 8px;vertical-align:top}:host ::ng-deep .table-box .ant-form-item{margin-bottom:0}:host ::ng-deep .table-box .label-required{color:red;margin-right:2px}:host ::ng-deep .card-ind{padding:10px 15px;border:1px solid #eaeaea;border-radius:4px;margin-bottom:15px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: NzIconModule }, { kind: "directive", type: i5$1.NzIconDirective, selector: "nz-icon,[nz-icon]", inputs: ["nzSpin", "nzRotate", "nzType", "nzTheme", "nzTwotoneColor", "nzIconfont"], exportAs: ["nzIcon"] }, { kind: "ngmodule", type: NzButtonModule }, { kind: "directive", type: i5$2.ɵ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: "ngmodule", type: FormlyModule }, { kind: "component", type: i1$1.LegacyFormlyField, selector: "formly-field" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: DeonNzFieldDimIndicatorAssess, decorators: [{
             type: Component,
@@ -1219,7 +1223,7 @@ class DeonNzFieldIcon extends FieldType {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: DeonNzFieldIcon, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: DeonNzFieldIcon, isStandalone: true, selector: "deon-nz-field-icon", usesInheritance: true, ngImport: i0, template: "<div nz-dropdown [nzDropdownMenu]=\"menu\" class=\"icon-box\" [nzOverlayClassName]=\"'icon-component'\" [nzTrigger]=\"'click'\">\n  <span class=\"icon-span\" *ngIf=\"curValue != null && curValue!!; else empty\" [ngClass]=\"curValue\"> </span>\n  <span class=\"icon-down\"><i nz-icon nzType=\"down\"></i></span>\n</div>\n<nz-dropdown-menu #menu=\"nzDropdownMenu\">\n  <ul nz-menu>\n    <li nz-menu-item *ngFor=\"let item of listIcon\" (click)=\"itemClick(item)\">\n      <div [ngClass]=\"item\"></div>\n    </li>\n  </ul>\n</nz-dropdown-menu>\n<ng-template #empty>\n  <span class=\"icon-span\"> </span>\n</ng-template>\n", styles: [":host ::ng-deep .icon-box{display:flex;align-items:center;width:60px;height:30px;padding:5px 11px;font-size:12px;line-height:30px;border:1px solid #eaeaea;border-radius:2px;cursor:pointer;background-color:#fff}:host ::ng-deep .icon-span{display:inline-block;font-size:16px;flex:1}:host ::ng-deep .icon-down{margin-left:6px}:host ::ng-deep .color-control{height:32px;border:1px solid #eaeaea;width:60px;background-color:#fff;padding:8px 13px}:host ::ng-deep .color-control div{width:100%;height:15px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: NzIconModule }, { kind: "directive", type: i4$1.NzIconDirective, selector: "nz-icon,[nz-icon]", inputs: ["nzSpin", "nzRotate", "nzType", "nzTheme", "nzTwotoneColor", "nzIconfont"], exportAs: ["nzIcon"] }, { kind: "ngmodule", type: NzDropDownModule }, { kind: "directive", type: i3$2.NzMenuDirective, selector: "[nz-menu]", inputs: ["nzInlineIndent", "nzTheme", "nzMode", "nzInlineCollapsed", "nzSelectable"], outputs: ["nzClick"], exportAs: ["nzMenu"] }, { kind: "component", type: i3$2.NzMenuItemComponent, selector: "[nz-menu-item]", inputs: ["nzPaddingLeft", "nzDisabled", "nzSelected", "nzDanger", "nzMatchRouterExact", "nzMatchRouter"], exportAs: ["nzMenuItem"] }, { kind: "directive", type: i4$3.NzDropDownDirective, selector: "[nz-dropdown]", inputs: ["nzDropdownMenu", "nzTrigger", "nzMatchWidthElement", "nzBackdrop", "nzClickHide", "nzDisabled", "nzVisible", "nzOverlayClassName", "nzOverlayStyle", "nzPlacement"], outputs: ["nzVisibleChange"], exportAs: ["nzDropdown"] }, { kind: "component", type: i4$3.NzDropdownMenuComponent, selector: "nz-dropdown-menu", exportAs: ["nzDropdownMenu"] }, { kind: "ngmodule", type: FormlyModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: DeonNzFieldIcon, isStandalone: true, selector: "deon-nz-field-icon", usesInheritance: true, ngImport: i0, template: "<div nz-dropdown [nzDropdownMenu]=\"menu\" class=\"icon-box\" [nzOverlayClassName]=\"'icon-component'\" [nzTrigger]=\"'click'\">\n  <span class=\"icon-span\" *ngIf=\"curValue != null && curValue!!; else empty\" [ngClass]=\"curValue\"> </span>\n  <span class=\"icon-down\"><i nz-icon nzType=\"down\"></i></span>\n</div>\n<nz-dropdown-menu #menu=\"nzDropdownMenu\">\n  <ul nz-menu>\n    <li nz-menu-item *ngFor=\"let item of listIcon\" (click)=\"itemClick(item)\">\n      <div [ngClass]=\"item\"></div>\n    </li>\n  </ul>\n</nz-dropdown-menu>\n<ng-template #empty>\n  <span class=\"icon-span\"> </span>\n</ng-template>\n", styles: [":host ::ng-deep .icon-box{display:flex;align-items:center;width:60px;height:30px;padding:5px 11px;font-size:12px;line-height:30px;border:1px solid #eaeaea;border-radius:2px;cursor:pointer;background-color:#fff}:host ::ng-deep .icon-span{display:inline-block;font-size:16px;flex:1}:host ::ng-deep .icon-down{margin-left:6px}:host ::ng-deep .color-control{height:32px;border:1px solid #eaeaea;width:60px;background-color:#fff;padding:8px 13px}:host ::ng-deep .color-control div{width:100%;height:15px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: NzIconModule }, { kind: "directive", type: i5$1.NzIconDirective, selector: "nz-icon,[nz-icon]", inputs: ["nzSpin", "nzRotate", "nzType", "nzTheme", "nzTwotoneColor", "nzIconfont"], exportAs: ["nzIcon"] }, { kind: "ngmodule", type: NzDropDownModule }, { kind: "directive", type: i3$2.NzMenuDirective, selector: "[nz-menu]", inputs: ["nzInlineIndent", "nzTheme", "nzMode", "nzInlineCollapsed", "nzSelectable"], outputs: ["nzClick"], exportAs: ["nzMenu"] }, { kind: "component", type: i3$2.NzMenuItemComponent, selector: "[nz-menu-item]", inputs: ["nzPaddingLeft", "nzDisabled", "nzSelected", "nzDanger", "nzMatchRouterExact", "nzMatchRouter"], exportAs: ["nzMenuItem"] }, { kind: "directive", type: i4$2.NzDropDownDirective, selector: "[nz-dropdown]", inputs: ["nzDropdownMenu", "nzTrigger", "nzMatchWidthElement", "nzBackdrop", "nzClickHide", "nzDisabled", "nzVisible", "nzOverlayClassName", "nzOverlayStyle", "nzPlacement"], outputs: ["nzVisibleChange"], exportAs: ["nzDropdown"] }, { kind: "component", type: i4$2.NzDropdownMenuComponent, selector: "nz-dropdown-menu", exportAs: ["nzDropdownMenu"] }, { kind: "ngmodule", type: FormlyModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: DeonNzFieldIcon, decorators: [{
             type: Component,
@@ -1561,7 +1565,7 @@ class DeonNzFieldNumber extends FieldType {
     </ng-container>
 
     <ng-template #tmpPwd> *** </ng-template>
-  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: NzInputModule }, { kind: "component", type: i3$1.NzInputGroupComponent, selector: "nz-input-group", inputs: ["nzAddOnBeforeIcon", "nzAddOnAfterIcon", "nzPrefixIcon", "nzSuffixIcon", "nzAddOnBefore", "nzAddOnAfter", "nzPrefix", "nzStatus", "nzSuffix", "nzSize", "nzSearch", "nzCompact"], exportAs: ["nzInputGroup"] }, { kind: "ngmodule", type: NzInputNumberModule }, { kind: "component", type: i4$4.NzInputNumberComponent, selector: "nz-input-number", inputs: ["nzId", "nzSize", "nzPlaceHolder", "nzStatus", "nzStep", "nzMin", "nzMax", "nzPrecision", "nzParser", "nzFormatter", "nzDisabled", "nzReadOnly", "nzAutoFocus", "nzBordered", "nzKeyboard", "nzControls"], outputs: ["nzBlur", "nzFocus", "nzOnStep"], exportAs: ["nzInputNumber"] }, { kind: "ngmodule", type: FormlyModule }, { kind: "directive", type: i1$1.LegacyFormlyAttributes, selector: "[formlyAttributes]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: NzInputModule }, { kind: "component", type: i3$1.NzInputGroupComponent, selector: "nz-input-group", inputs: ["nzAddOnBeforeIcon", "nzAddOnAfterIcon", "nzPrefixIcon", "nzSuffixIcon", "nzAddOnBefore", "nzAddOnAfter", "nzPrefix", "nzStatus", "nzSuffix", "nzSize", "nzSearch", "nzCompact"], exportAs: ["nzInputGroup"] }, { kind: "ngmodule", type: NzInputNumberModule }, { kind: "component", type: i4$3.NzInputNumberComponent, selector: "nz-input-number", inputs: ["nzId", "nzSize", "nzPlaceHolder", "nzStatus", "nzStep", "nzMin", "nzMax", "nzPrecision", "nzParser", "nzFormatter", "nzDisabled", "nzReadOnly", "nzAutoFocus", "nzBordered", "nzKeyboard", "nzControls"], outputs: ["nzBlur", "nzFocus", "nzOnStep"], exportAs: ["nzInputNumber"] }, { kind: "ngmodule", type: FormlyModule }, { kind: "directive", type: i1$1.LegacyFormlyAttributes, selector: "[formlyAttributes]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: DeonNzFieldNumber, decorators: [{
             type: Component,
@@ -2055,7 +2059,7 @@ class DeonNzFieldRadio extends FieldType {
         props: { options: [] },
     };
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: DeonNzFieldRadio, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: DeonNzFieldRadio, isStandalone: true, selector: "deon-nz-field-radio", usesInheritance: true, ngImport: i0, template: ` <label nz-radio [formControl]="formControl" [formlyAttributes]="field"></label> `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: NzRadioModule }, { kind: "component", type: i4$5.NzRadioComponent, selector: "[nz-radio],[nz-radio-button]", inputs: ["nzValue", "nzDisabled", "nzAutoFocus", "nz-radio-button"], exportAs: ["nzRadio"] }, { kind: "ngmodule", type: FormlyModule }, { kind: "directive", type: i1$1.LegacyFormlyAttributes, selector: "[formlyAttributes]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: DeonNzFieldRadio, isStandalone: true, selector: "deon-nz-field-radio", usesInheritance: true, ngImport: i0, template: ` <label nz-radio [formControl]="formControl" [formlyAttributes]="field"></label> `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: NzRadioModule }, { kind: "component", type: i4$4.NzRadioComponent, selector: "[nz-radio],[nz-radio-button]", inputs: ["nzValue", "nzDisabled", "nzAutoFocus", "nz-radio-button"], exportAs: ["nzRadio"] }, { kind: "ngmodule", type: FormlyModule }, { kind: "directive", type: i1$1.LegacyFormlyAttributes, selector: "[formlyAttributes]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: DeonNzFieldRadio, decorators: [{
             type: Component,
@@ -2154,7 +2158,7 @@ class DeonNzFieldRadioGroup extends FieldType {
         </ng-container>
       </ng-template>
     </nz-radio-group> 
-  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: NzRadioModule }, { kind: "component", type: i4$5.NzRadioComponent, selector: "[nz-radio],[nz-radio-button]", inputs: ["nzValue", "nzDisabled", "nzAutoFocus", "nz-radio-button"], exportAs: ["nzRadio"] }, { kind: "component", type: i4$5.NzRadioGroupComponent, selector: "nz-radio-group", inputs: ["nzDisabled", "nzButtonStyle", "nzSize", "nzName"], exportAs: ["nzRadioGroup"] }, { kind: "ngmodule", type: FormlyModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: NzRadioModule }, { kind: "component", type: i4$4.NzRadioComponent, selector: "[nz-radio],[nz-radio-button]", inputs: ["nzValue", "nzDisabled", "nzAutoFocus", "nz-radio-button"], exportAs: ["nzRadio"] }, { kind: "component", type: i4$4.NzRadioGroupComponent, selector: "nz-radio-group", inputs: ["nzDisabled", "nzButtonStyle", "nzSize", "nzName"], exportAs: ["nzRadioGroup"] }, { kind: "ngmodule", type: FormlyModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: DeonNzFieldRadioGroup, decorators: [{
             type: Component,
@@ -2385,7 +2389,7 @@ class DeonNzFieldRepeat extends FieldArrayType {
         return true;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: DeonNzFieldRepeat, deps: [{ token: i1$4.GramGlobalService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: DeonNzFieldRepeat, isStandalone: true, selector: "deon-nz-field-repeat", usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div class=\"repeat-label\" *ngIf=\"props && props['hideLabel']!=false && props?.label\">{{props?.label}}</div>\n<div class=\"repeat-table\" [ngClass]=\"clasName\">\n  <table>\n    <thead>\n      <tr>\n        <th style=\"width: 50px\">\u5E8F\u53F7</th>\n        <ng-container *ngFor=\"let headerField of field?.fieldArray['fieldGroup']\">\n          <ng-container *ngIf=\"headerField?.type=='deon-group' && headerField?.hide!=true;else tmpField\">\n            <ng-container *ngFor=\"let item of headerField.fieldGroup\">\n              <th *ngIf=\"item?.hide!=true\">\n                <ng-container *ngIf=\"item && item?.props!==undefined && item?.props!==null\">\n                  <span style=\"color: red\" *ngIf=\"item?.props?.required\" class=\"required\"></span>\n                  {{item.props.label }}\n                </ng-container>\n              </th>\n            </ng-container>\n          </ng-container>\n          <ng-template #tmpField>\n            <th *ngIf=\"headerField?.hide!=true &&(headerField?.type!=='line' && headerField?.type!=='htmlcontent')\">\n              <ng-container *ngIf=\"headerField && headerField?.props!==undefined && headerField?.props!==null\">\n                <span style=\"color: red\" *ngIf=\"headerField?.props?.required\" class=\"required\"></span>\n                {{ headerField.props.label }}\n              </ng-container>\n            </th>\n          </ng-template>\n        </ng-container>\n        <th style=\"width: 60px\" *ngIf=\"isRemove || operationShow\">\n          <span class=\"\">\u64CD\u4F5C</span>\n        </th>\n      </tr>\n    </thead>\n    <tbody cdkDropList (cdkDropListDropped)=\"drop($event)\">\n      <ng-container\n        *ngIf=\"field?.fieldGroup!==undefined && field?.fieldGroup!==null && (field?.fieldGroup?.length ?? 0) > 0;else cardEmpty\">\n        <tr *ngFor=\"let fields of field.fieldGroup; let i = index\" cdkDrag [cdkDragDisabled]=\"dragDisabled\">\n          <td>\n            <span class=\"serial\">{{ i + 1 }}</span>\n          </td>\n          <ng-container *ngFor=\"let f of fields.fieldGroup\">\n            <ng-container *ngIf=\"f?.type=='deon-group' && f?.hide!=true;else tmpTd\">\n              <ng-container *ngFor=\"let item of f.fieldGroup\">\n                <td *ngIf=\"item?.hide!=true\">\n                  <formly-field [field]=\"item\" [hideLabel]=\"true\"></formly-field>\n                  <ng-content></ng-content>\n                </td>\n              </ng-container>\n            </ng-container>\n            <ng-template #tmpTd>\n              <td\n                *ngIf=\"f && f?.type!==undefined && f?.type!==null && f?.hide!=true &&(f?.type!=='line' && f?.type!=='htmlcontent')\">\n                <formly-field [field]=\"f\" [hideLabel]=\"true\" [editor]=\"fieldEditor(f,i,model)\"></formly-field>\n                <ng-content></ng-content>\n              </td>\n            </ng-template>\n          </ng-container>\n          <td style=\"text-align: center\" *ngIf=\"isRemove || operationShow\">\n            <ng-container *ngIf=\"props && props['operation'] && props['operation'].length>0\">\n              <ng-container *ngFor=\"let o of props['operation']\">\n                <a nz-tooltip [nzTooltipTitle]=\"o.label\" (click)=\"rowOperation(o,i)\"><i nz-icon\n                    [nzType]=\"o.icon\"></i></a>\n              </ng-container>\n            </ng-container>\n            <ng-container *ngIf=\"isRemove && (model==null || model[i]?.builtin!=true)\">\n              <a nz-tooltip nzTooltipTitle=\"\u5220\u9664\" *ngIf=\"checkDelete(i)\" (click)=\"rowDelete(i)\"><i nz-icon\n                  nzType=\"delete\"></i></a>\n            </ng-container>\n          </td>\n        </tr>\n        <tr *ngIf=\"(isAdd==true || props['add']==true) || props['viewRange']==true\" class=\"trBtnAdd\">\n          <td [attr.colspan]=\"colSpan\">\n            <ng-container *ngIf=\"isAdd==true &&  (props['add']==undefined || props['add']==null || props['add']==true)\">\n              <a nz-button nzType=\"link\" (click)=\"addData()\">+\u6DFB\u52A0</a>\n            </ng-container>\n          </td>\n        </tr>\n      </ng-container>\n      <ng-template #cardEmpty>\n        <tr>\n          <td [attr.colspan]=\"colSpan\" style=\"text-align: center\">\n            <gram-empty></gram-empty>\n          </td>\n        </tr>\n        <tr *ngIf=\"isAdd && (props['add']==undefined || props['add']==null || props['add']==true)\" class=\"trBtnAdd\">\n          <td [attr.colspan]=\"colSpan\">\n            <a nz-button nzType=\"link\" (click)=\"addData()\">+\u6DFB\u52A0</a>\n          </td>\n        </tr>\n      </ng-template>\n    </tbody>\n  </table>\n</div>", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: NzToolTipModule }, { kind: "directive", type: i3$4.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: "ngmodule", type: NzButtonModule }, { kind: "component", type: i4$2.NzButtonComponent, selector: "button[nz-button], a[nz-button]", inputs: ["nzBlock", "nzGhost", "nzSearch", "nzLoading", "nzDanger", "disabled", "tabIndex", "nzType", "nzShape", "nzSize"], exportAs: ["nzButton"] }, { kind: "directive", type: i5$1.ɵ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: "ngmodule", type: DragDropModule }, { kind: "directive", type: i6.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: i6.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: "ngmodule", type: NzIconModule }, { kind: "directive", type: i4$1.NzIconDirective, selector: "nz-icon,[nz-icon]", inputs: ["nzSpin", "nzRotate", "nzType", "nzTheme", "nzTwotoneColor", "nzIconfont"], exportAs: ["nzIcon"] }, { kind: "ngmodule", type: FormlyModule }, { kind: "component", type: i1$1.LegacyFormlyField, selector: "formly-field" }, { kind: "ngmodule", type: GramDeonEmptyModule }, { kind: "component", type: i9.BaseEmptyComponent, selector: "gram-empty", inputs: ["desc", "state"], outputs: ["emptyClick"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: DeonNzFieldRepeat, isStandalone: true, selector: "deon-nz-field-repeat", usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div class=\"repeat-label\" *ngIf=\"props && props['hideLabel']!=false && props?.label\">{{props?.label}}</div>\n<div class=\"repeat-table\" [ngClass]=\"clasName\">\n  <table>\n    <thead>\n      <tr>\n        <th style=\"width: 50px\">\u5E8F\u53F7</th>\n        <ng-container *ngFor=\"let headerField of field?.fieldArray['fieldGroup']\">\n          <ng-container *ngIf=\"headerField?.type=='deon-group' && headerField?.hide!=true;else tmpField\">\n            <ng-container *ngFor=\"let item of headerField.fieldGroup\">\n              <th *ngIf=\"item?.hide!=true\">\n                <ng-container *ngIf=\"item && item?.props!==undefined && item?.props!==null\">\n                  <span style=\"color: red\" *ngIf=\"item?.props?.required\" class=\"required\"></span>\n                  {{item.props.label }}\n                </ng-container>\n              </th>\n            </ng-container>\n          </ng-container>\n          <ng-template #tmpField>\n            <th *ngIf=\"headerField?.hide!=true &&(headerField?.type!=='line' && headerField?.type!=='htmlcontent')\">\n              <ng-container *ngIf=\"headerField && headerField?.props!==undefined && headerField?.props!==null\">\n                <span style=\"color: red\" *ngIf=\"headerField?.props?.required\" class=\"required\"></span>\n                {{ headerField.props.label }}\n              </ng-container>\n            </th>\n          </ng-template>\n        </ng-container>\n        <th style=\"width: 60px\" *ngIf=\"isRemove || operationShow\">\n          <span class=\"\">\u64CD\u4F5C</span>\n        </th>\n      </tr>\n    </thead>\n    <tbody cdkDropList (cdkDropListDropped)=\"drop($event)\">\n      <ng-container\n        *ngIf=\"field?.fieldGroup!==undefined && field?.fieldGroup!==null && (field?.fieldGroup?.length ?? 0) > 0;else cardEmpty\">\n        <tr *ngFor=\"let fields of field.fieldGroup; let i = index\" cdkDrag [cdkDragDisabled]=\"dragDisabled\">\n          <td>\n            <span class=\"serial\">{{ i + 1 }}</span>\n          </td>\n          <ng-container *ngFor=\"let f of fields.fieldGroup\">\n            <ng-container *ngIf=\"f?.type=='deon-group' && f?.hide!=true;else tmpTd\">\n              <ng-container *ngFor=\"let item of f.fieldGroup\">\n                <td *ngIf=\"item?.hide!=true\">\n                  <formly-field [field]=\"item\" [hideLabel]=\"true\"></formly-field>\n                  <ng-content></ng-content>\n                </td>\n              </ng-container>\n            </ng-container>\n            <ng-template #tmpTd>\n              <td\n                *ngIf=\"f && f?.type!==undefined && f?.type!==null && f?.hide!=true &&(f?.type!=='line' && f?.type!=='htmlcontent')\">\n                <formly-field [field]=\"f\" [hideLabel]=\"true\" [editor]=\"fieldEditor(f,i,model)\"></formly-field>\n                <ng-content></ng-content>\n              </td>\n            </ng-template>\n          </ng-container>\n          <td style=\"text-align: center\" *ngIf=\"isRemove || operationShow\">\n            <ng-container *ngIf=\"props && props['operation'] && props['operation'].length>0\">\n              <ng-container *ngFor=\"let o of props['operation']\">\n                <a nz-tooltip [nzTooltipTitle]=\"o.label\" (click)=\"rowOperation(o,i)\"><i nz-icon\n                    [nzType]=\"o.icon\"></i></a>\n              </ng-container>\n            </ng-container>\n            <ng-container *ngIf=\"isRemove && (model==null || model[i]?.builtin!=true)\">\n              <a nz-tooltip nzTooltipTitle=\"\u5220\u9664\" *ngIf=\"checkDelete(i)\" (click)=\"rowDelete(i)\"><i nz-icon\n                  nzType=\"delete\"></i></a>\n            </ng-container>\n          </td>\n        </tr>\n        <tr *ngIf=\"(isAdd==true || props['add']==true) || props['viewRange']==true\" class=\"trBtnAdd\">\n          <td [attr.colspan]=\"colSpan\">\n            <ng-container *ngIf=\"isAdd==true &&  (props['add']==undefined || props['add']==null || props['add']==true)\">\n              <a nz-button nzType=\"link\" (click)=\"addData()\">+\u6DFB\u52A0</a>\n            </ng-container>\n          </td>\n        </tr>\n      </ng-container>\n      <ng-template #cardEmpty>\n        <tr>\n          <td [attr.colspan]=\"colSpan\" style=\"text-align: center\">\n            <gram-empty></gram-empty>\n          </td>\n        </tr>\n        <tr *ngIf=\"isAdd && (props['add']==undefined || props['add']==null || props['add']==true)\" class=\"trBtnAdd\">\n          <td [attr.colspan]=\"colSpan\">\n            <a nz-button nzType=\"link\" (click)=\"addData()\">+\u6DFB\u52A0</a>\n          </td>\n        </tr>\n      </ng-template>\n    </tbody>\n  </table>\n</div>", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: NzToolTipModule }, { kind: "directive", type: i3$4.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: "ngmodule", type: NzButtonModule }, { kind: "component", type: i4$1.NzButtonComponent, selector: "button[nz-button], a[nz-button]", inputs: ["nzBlock", "nzGhost", "nzSearch", "nzLoading", "nzDanger", "disabled", "tabIndex", "nzType", "nzShape", "nzSize"], exportAs: ["nzButton"] }, { kind: "directive", type: i5$2.ɵ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: "ngmodule", type: DragDropModule }, { kind: "directive", type: i6.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: i6.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: "ngmodule", type: NzIconModule }, { kind: "directive", type: i5$1.NzIconDirective, selector: "nz-icon,[nz-icon]", inputs: ["nzSpin", "nzRotate", "nzType", "nzTheme", "nzTwotoneColor", "nzIconfont"], exportAs: ["nzIcon"] }, { kind: "ngmodule", type: FormlyModule }, { kind: "component", type: i1$1.LegacyFormlyField, selector: "formly-field" }, { kind: "ngmodule", type: GramDeonEmptyModule }, { kind: "component", type: i9.BaseEmptyComponent, selector: "gram-empty", inputs: ["desc", "state"], outputs: ["emptyClick"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: DeonNzFieldRepeat, decorators: [{
             type: Component,
@@ -2556,7 +2560,7 @@ class DeonNzFieldRepeatCard extends FieldArrayType {
         return true;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: DeonNzFieldRepeatCard, deps: [{ token: i1$4.GramGlobalService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: DeonNzFieldRepeatCard, isStandalone: true, selector: "deon-nz-field-repeat-card", usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div class=\"repeat-card\" [ngClass]=\"clasName\">\n  <ng-container *ngIf=\"props && props.label\">\n    <div class=\"card-label\">{{props.label}}</div>\n  </ng-container>\n  <ng-container\n    *ngIf=\"field.fieldGroup!==undefined && field.fieldGroup!==null && field.fieldGroup.length>0;else cardEmpty\">\n    <ng-container *ngFor=\"let fields of field.fieldGroup; let i = index\">\n      <div class=\"card-header\">\n        <div class=\"serial\">\u5E8F\u53F7\uFF1A{{ i + 1 }}</div>\n        <div calss=\"delete\">\n          <ng-container *ngIf=\"editor!=false\">\n            <a nz-tooltip nzTooltipTitle=\"\u5220\u9664\" *ngIf=\"checkDelete(i)\" (click)=\"rowDelete(i)\"><i nz-icon\n                nzType=\"delete\"></i></a>\n          </ng-container>\n        </div>\n      </div>\n      <div class=\"card-body\">\n        <ng-container *ngFor=\"let item of fields.fieldGroup\">\n          <formly-field [field]=\"item\"></formly-field>\n        </ng-container>\n      </div>\n    </ng-container>\n  </ng-container>\n  <ng-template #cardEmpty>\n    <gram-empty></gram-empty>\n    <ng-container *ngIf=\"editor!=false\">\n      <a nz-button nzType=\"link\" (click)=\"addData()\">+\u6DFB\u52A0</a>\n    </ng-container>\n  </ng-template>\n\n  <ng-container *ngIf=\"editor!=false\">\n    <div class=\"card-bottom\"\n      *ngIf=\"field.fieldGroup!==undefined && field.fieldGroup!==null && field.fieldGroup.length>0\">\n      <button nz-button nzType=\"default\" type=\"button\" (click)=\"addData()\">+\u6DFB\u52A0</button>\n    </div>\n  </ng-container>\n</div>", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: NzToolTipModule }, { kind: "directive", type: i3$4.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: "ngmodule", type: NzButtonModule }, { kind: "component", type: i4$2.NzButtonComponent, selector: "button[nz-button], a[nz-button]", inputs: ["nzBlock", "nzGhost", "nzSearch", "nzLoading", "nzDanger", "disabled", "tabIndex", "nzType", "nzShape", "nzSize"], exportAs: ["nzButton"] }, { kind: "directive", type: i5$1.ɵ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: "ngmodule", type: DragDropModule }, { kind: "ngmodule", type: NzIconModule }, { kind: "directive", type: i4$1.NzIconDirective, selector: "nz-icon,[nz-icon]", inputs: ["nzSpin", "nzRotate", "nzType", "nzTheme", "nzTwotoneColor", "nzIconfont"], exportAs: ["nzIcon"] }, { kind: "ngmodule", type: FormlyModule }, { kind: "component", type: i1$1.LegacyFormlyField, selector: "formly-field" }, { kind: "ngmodule", type: GramDeonEmptyModule }, { kind: "component", type: i9.BaseEmptyComponent, selector: "gram-empty", inputs: ["desc", "state"], outputs: ["emptyClick"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: DeonNzFieldRepeatCard, isStandalone: true, selector: "deon-nz-field-repeat-card", usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div class=\"repeat-card\" [ngClass]=\"clasName\">\n  <ng-container *ngIf=\"props && props.label\">\n    <div class=\"card-label\">{{props.label}}</div>\n  </ng-container>\n  <ng-container\n    *ngIf=\"field.fieldGroup!==undefined && field.fieldGroup!==null && field.fieldGroup.length>0;else cardEmpty\">\n    <ng-container *ngFor=\"let fields of field.fieldGroup; let i = index\">\n      <div class=\"card-header\">\n        <div class=\"serial\">\u5E8F\u53F7\uFF1A{{ i + 1 }}</div>\n        <div calss=\"delete\">\n          <ng-container *ngIf=\"editor!=false\">\n            <a nz-tooltip nzTooltipTitle=\"\u5220\u9664\" *ngIf=\"checkDelete(i)\" (click)=\"rowDelete(i)\"><i nz-icon\n                nzType=\"delete\"></i></a>\n          </ng-container>\n        </div>\n      </div>\n      <div class=\"card-body\">\n        <ng-container *ngFor=\"let item of fields.fieldGroup\">\n          <formly-field [field]=\"item\"></formly-field>\n        </ng-container>\n      </div>\n    </ng-container>\n  </ng-container>\n  <ng-template #cardEmpty>\n    <gram-empty></gram-empty>\n    <ng-container *ngIf=\"editor!=false\">\n      <a nz-button nzType=\"link\" (click)=\"addData()\">+\u6DFB\u52A0</a>\n    </ng-container>\n  </ng-template>\n\n  <ng-container *ngIf=\"editor!=false\">\n    <div class=\"card-bottom\"\n      *ngIf=\"field.fieldGroup!==undefined && field.fieldGroup!==null && field.fieldGroup.length>0\">\n      <button nz-button nzType=\"default\" type=\"button\" (click)=\"addData()\">+\u6DFB\u52A0</button>\n    </div>\n  </ng-container>\n</div>", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: NzToolTipModule }, { kind: "directive", type: i3$4.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: "ngmodule", type: NzButtonModule }, { kind: "component", type: i4$1.NzButtonComponent, selector: "button[nz-button], a[nz-button]", inputs: ["nzBlock", "nzGhost", "nzSearch", "nzLoading", "nzDanger", "disabled", "tabIndex", "nzType", "nzShape", "nzSize"], exportAs: ["nzButton"] }, { kind: "directive", type: i5$2.ɵ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: "ngmodule", type: DragDropModule }, { kind: "ngmodule", type: NzIconModule }, { kind: "directive", type: i5$1.NzIconDirective, selector: "nz-icon,[nz-icon]", inputs: ["nzSpin", "nzRotate", "nzType", "nzTheme", "nzTwotoneColor", "nzIconfont"], exportAs: ["nzIcon"] }, { kind: "ngmodule", type: FormlyModule }, { kind: "component", type: i1$1.LegacyFormlyField, selector: "formly-field" }, { kind: "ngmodule", type: GramDeonEmptyModule }, { kind: "component", type: i9.BaseEmptyComponent, selector: "gram-empty", inputs: ["desc", "state"], outputs: ["emptyClick"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: DeonNzFieldRepeatCard, decorators: [{
             type: Component,
@@ -3271,7 +3275,7 @@ class DeonNzFieldTextCode extends FieldType {
         <button nz-button nzType="default" type="button" [nzLoading]="loading" (click)="btnRefresh()">刷新</button> 
       </div>
     </ng-template>
-  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.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: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: NzInputModule }, { kind: "directive", type: i3$1.NzInputDirective, selector: "input[nz-input],textarea[nz-input]", inputs: ["nzBorderless", "nzSize", "nzStepperless", "nzStatus", "disabled"], exportAs: ["nzInput"] }, { kind: "ngmodule", type: NzButtonModule }, { kind: "component", type: i4$2.NzButtonComponent, selector: "button[nz-button], a[nz-button]", inputs: ["nzBlock", "nzGhost", "nzSearch", "nzLoading", "nzDanger", "disabled", "tabIndex", "nzType", "nzShape", "nzSize"], exportAs: ["nzButton"] }, { kind: "directive", type: i5$1.ɵ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: "ngmodule", type: DeonNzFormFieldModule }, { kind: "ngmodule", type: FormlyModule }, { kind: "directive", type: i1$1.LegacyFormlyAttributes, selector: "[formlyAttributes]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.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: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: NzInputModule }, { kind: "directive", type: i3$1.NzInputDirective, selector: "input[nz-input],textarea[nz-input]", inputs: ["nzBorderless", "nzSize", "nzStepperless", "nzStatus", "disabled"], exportAs: ["nzInput"] }, { kind: "ngmodule", type: NzButtonModule }, { kind: "component", type: i4$1.NzButtonComponent, selector: "button[nz-button], a[nz-button]", inputs: ["nzBlock", "nzGhost", "nzSearch", "nzLoading", "nzDanger", "disabled", "tabIndex", "nzType", "nzShape", "nzSize"], exportAs: ["nzButton"] }, { kind: "directive", type: i5$2.ɵ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: "ngmodule", type: DeonNzFormFieldModule }, { kind: "ngmodule", type: FormlyModule }, { kind: "directive", type: i1$1.LegacyFormlyAttributes, selector: "[formlyAttributes]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: DeonNzFieldTextCode, decorators: [{
             type: Component,
@@ -3495,7 +3499,7 @@ class DeonNzFieldImg extends FieldType {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: DeonNzFieldImg, deps: [{ token: i1$7._HttpClient }, { token: i2$1.NzMessageService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: DeonNzFieldImg, isStandalone: true, selector: "deon-nz-field-img", usesInheritance: true, ngImport: i0, template: "<nz-upload nzListType=\"picture-card\" [(nzFileList)]=\"fileList\" [nzShowButton]=\"fileList.length < maxCount\"\r\n    [nzPreview]=\"handlePreview\" [nzBeforeUpload]=\"beforeUpload\" [nzCustomRequest]=\"uploadRequest\" [nzRemove]=\"remove\"\r\n    nzAccept=\"image/*\" [nzMultiple]=\"isMultiple\">\r\n    <div class=\"upload-empty-box\">\r\n        <span nz-icon nzType=\"plus\"></span>\r\n        <div style=\"margin-top: 8px\">\u70B9\u51FB\u4E0A\u4F20</div>\r\n    </div>\r\n</nz-upload>\r\n\r\n<nz-modal [nzVisible]=\"previewVisible\" [nzFooter]=\"null\" (nzOnCancel)=\"previewVisible = false\">\r\n    <img [src]=\"previewImage\" style=\"width: 100%\" />\r\n</nz-modal>", styles: [":host ::ng-deep .upload-empty-box{font-size:12px}:host ::ng-deep .ant-upload-list{display:inline-block}:host ::ng-deep .ant-upload-list-picture-card-container{width:80px;height:80px;margin:0 8px 8px 0}:host ::ng-deep .ant-upload.ant-upload-select-picture-card{width:80px;height:80px}:host ::ng-deep .ant-upload-list-picture-card .ant-upload-list-item{width:80px;height:80px;padding:0}:host ::ng-deep .ant-upload-list-picture-card .ant-upload-list-item-thumbnail{width:100%;height:100%}:host ::ng-deep .ant-upload-list-picture-card .ant-upload-list-item-thumbnail img{width:100%;height:100%;object-fit:cover}:host ::ng-deep .ant-upload-list-item-name{font-size:12px}:host ::ng-deep .ant-upload-list-item-uploading{font-size:12px}:host ::ng-deep .ant-upload-list-item-progress{font-size:12px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: FormlyModule }, { kind: "ngmodule", type: NzUploadModule }, { kind: "component", type: i3$5.NzUploadComponent, selector: "nz-upload", inputs: ["nzType", "nzLimit", "nzSize", "nzFileType", "nzAccept", "nzAction", "nzDirectory", "nzOpenFileDialogOnClick", "nzBeforeUpload", "nzCustomRequest", "nzData", "nzFilter", "nzFileList", "nzDisabled", "nzHeaders", "nzListType", "nzMultiple", "nzName", "nzShowUploadList", "nzShowButton", "nzWithCredentials", "nzRemove", "nzPreview", "nzPreviewFile", "nzPreviewIsImage", "nzTransformFile", "nzDownload", "nzIconRender", "nzFileListRender"], outputs: ["nzChange", "nzFileListChange"], exportAs: ["nzUpload"] }, { kind: "ngmodule", type: NzIconModule }, { kind: "directive", type: i4$1.NzIconDirective, selector: "nz-icon,[nz-icon]", inputs: ["nzSpin", "nzRotate", "nzType", "nzTheme", "nzTwotoneColor", "nzIconfont"], exportAs: ["nzIcon"] }, { kind: "ngmodule", type: NzModalModule }, { kind: "component", type: i1$5.NzModalComponent, selector: "nz-modal", inputs: ["nzMask", "nzMaskClosable", "nzCloseOnNavigation", "nzVisible", "nzClosable", "nzOkLoading", "nzOkDisabled", "nzCancelDisabled", "nzCancelLoading", "nzKeyboard", "nzNoAnimation", "nzCentered", "nzDraggable", "nzContent", "nzFooter", "nzZIndex", "nzWidth", "nzWrapClassName", "nzClassName", "nzStyle", "nzTitle", "nzCloseIcon", "nzMaskStyle", "nzBodyStyle", "nzOkText", "nzCancelText", "nzOkType", "nzOkDanger", "nzIconType", "nzModalType", "nzAutofocus", "nzOnOk", "nzOnCancel"], outputs: ["nzOnOk", "nzOnCancel", "nzAfterOpen", "nzAfterClose", "nzVisibleChange"], exportAs: ["nzModal"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: DeonNzFieldImg, isStandalone: true, selector: "deon-nz-field-img", usesInheritance: true, ngImport: i0, template: "<ng-container *ngIf=\"editor == false; else tmpField\">\r\n    <nz-upload nzListType=\"picture-card\" [(nzFileList)]=\"fileList\" [nzShowButton]=\"false\" [nzDisabled]=\"true\"\r\n        class=\"upload-view\" *ngIf=\"fileList && fileList.length>0;else tmpEmpty\">\r\n    </nz-upload>\r\n\r\n    <ng-template #tmpEmpty>\r\n        <img nz-image width=\"80px\" height=\"80px\" nzSrc=\"error\"\r\n            nzFallback=\"data:image/png;base64,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\" />\r\n    </ng-template>\r\n</ng-container>\r\n<ng-template #tmpField>\r\n    <nz-upload nzListType=\"picture-card\" [(nzFileList)]=\"fileList\" [nzShowButton]=\"fileList.length < maxCount\"\r\n        [nzPreview]=\"handlePreview\" [nzBeforeUpload]=\"beforeUpload\" [nzCustomRequest]=\"uploadRequest\"\r\n        [nzRemove]=\"remove\" nzAccept=\"image/*\" [nzMultiple]=\"isMultiple\">\r\n        <div class=\"upload-empty-box\">\r\n            <span nz-icon nzType=\"plus\"></span>\r\n            <div style=\"margin-top: 8px\">\u70B9\u51FB\u4E0A\u4F20</div>\r\n        </div>\r\n    </nz-upload>\r\n</ng-template>", styles: [":host ::ng-deep .upload-empty-box{font-size:12px}:host ::ng-deep .ant-upload-list{display:inline-block}:host ::ng-deep .ant-upload-list-picture-card-container{width:80px;height:80px;margin:0 8px 8px 0}:host ::ng-deep .ant-upload.ant-upload-select-picture-card{width:80px;height:80px}:host ::ng-deep .ant-upload-list-picture-card .ant-upload-list-item{width:80px;height:80px;padding:0}:host ::ng-deep .ant-upload-list-picture-card .ant-upload-list-item-thumbnail{width:100%;height:100%}:host ::ng-deep .ant-upload-list-picture-card .ant-upload-list-item-thumbnail img{width:100%;height:100%;object-fit:cover}:host ::ng-deep .ant-upload-list-item-name{font-size:12px}:host ::ng-deep .ant-upload-list-item-uploading{font-size:12px}:host ::ng-deep .ant-upload-list-item-progress{font-size:12px}:host ::ng-deep .upload-view .ant-upload-list-item-actions a{display:none!important}:host ::ng-deep .upload-view .ant-upload-list-item-actions button:nth-last-child(1){display:none!important}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: FormlyModule }, { kind: "ngmodule", type: NzUploadModule }, { kind: "component", type: i4$5.NzUploadComponent, selector: "nz-upload", inputs: ["nzType", "nzLimit", "nzSize", "nzFileType", "nzAccept", "nzAction", "nzDirectory", "nzOpenFileDialogOnClick", "nzBeforeUpload", "nzCustomRequest", "nzData", "nzFilter", "nzFileList", "nzDisabled", "nzHeaders", "nzListType", "nzMultiple", "nzName", "nzShowUploadList", "nzShowButton", "nzWithCredentials", "nzRemove", "nzPreview", "nzPreviewFile", "nzPreviewIsImage", "nzTransformFile", "nzDownload", "nzIconRender", "nzFileListRender"], outputs: ["nzChange", "nzFileListChange"], exportAs: ["nzUpload"] }, { kind: "ngmodule", type: NzIconModule }, { kind: "directive", type: i5$1.NzIconDirective, selector: "nz-icon,[nz-icon]", inputs: ["nzSpin", "nzRotate", "nzType", "nzTheme", "nzTwotoneColor", "nzIconfont"], exportAs: ["nzIcon"] }, { kind: "ngmodule", type: NzModalModule }, { kind: "ngmodule", type: NzImageModule }, { kind: "directive", type: i6$2.NzImageDirective, selector: "img[nz-image]", inputs: ["nzSrc", "nzSrcset", "nzDisablePreview", "nzFallback", "nzPlaceholder", "nzScaleStep"], exportAs: ["nzImage"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: DeonNzFieldImg, decorators: [{
             type: Component,
@@ -3505,8 +3509,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
                         FormlyModule,
                         NzUploadModule,
                         NzIconModule,
-                        NzModalModule
-                    ], template: "<nz-upload nzListType=\"picture-card\" [(nzFileList)]=\"fileList\" [nzShowButton]=\"fileList.length < maxCount\"\r\n    [nzPreview]=\"handlePreview\" [nzBeforeUpload]=\"beforeUpload\" [nzCustomRequest]=\"uploadRequest\" [nzRemove]=\"remove\"\r\n    nzAccept=\"image/*\" [nzMultiple]=\"isMultiple\">\r\n    <div class=\"upload-empty-box\">\r\n        <span nz-icon nzType=\"plus\"></span>\r\n        <div style=\"margin-top: 8px\">\u70B9\u51FB\u4E0A\u4F20</div>\r\n    </div>\r\n</nz-upload>\r\n\r\n<nz-modal [nzVisible]=\"previewVisible\" [nzFooter]=\"null\" (nzOnCancel)=\"previewVisible = false\">\r\n    <img [src]=\"previewImage\" style=\"width: 100%\" />\r\n</nz-modal>", styles: [":host ::ng-deep .upload-empty-box{font-size:12px}:host ::ng-deep .ant-upload-list{display:inline-block}:host ::ng-deep .ant-upload-list-picture-card-container{width:80px;height:80px;margin:0 8px 8px 0}:host ::ng-deep .ant-upload.ant-upload-select-picture-card{width:80px;height:80px}:host ::ng-deep .ant-upload-list-picture-card .ant-upload-list-item{width:80px;height:80px;padding:0}:host ::ng-deep .ant-upload-list-picture-card .ant-upload-list-item-thumbnail{width:100%;height:100%}:host ::ng-deep .ant-upload-list-picture-card .ant-upload-list-item-thumbnail img{width:100%;height:100%;object-fit:cover}:host ::ng-deep .ant-upload-list-item-name{font-size:12px}:host ::ng-deep .ant-upload-list-item-uploading{font-size:12px}:host ::ng-deep .ant-upload-list-item-progress{font-size:12px}\n"] }]
+                        NzModalModule,
+                        NzImageModule
+                    ], template: "<ng-container *ngIf=\"editor == false; else tmpField\">\r\n    <nz-upload nzListType=\"picture-card\" [(nzFileList)]=\"fileList\" [nzShowButton]=\"false\" [nzDisabled]=\"true\"\r\n        class=\"upload-view\" *ngIf=\"fileList && fileList.length>0;else tmpEmpty\">\r\n    </nz-upload>\r\n\r\n    <ng-template #tmpEmpty>\r\n        <img nz-image width=\"80px\" height=\"80px\" nzSrc=\"error\"\r\n            nzFallback=\"data:image/png;base64,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\" />\r\n    </ng-template>\r\n</ng-container>\r\n<ng-template #tmpField>\r\n    <nz-upload nzListType=\"picture-card\" [(nzFileList)]=\"fileList\" [nzShowButton]=\"fileList.length < maxCount\"\r\n        [nzPreview]=\"handlePreview\" [nzBeforeUpload]=\"beforeUpload\" [nzCustomRequest]=\"uploadRequest\"\r\n        [nzRemove]=\"remove\" nzAccept=\"image/*\" [nzMultiple]=\"isMultiple\">\r\n        <div class=\"upload-empty-box\">\r\n            <span nz-icon nzType=\"plus\"></span>\r\n            <div style=\"margin-top: 8px\">\u70B9\u51FB\u4E0A\u4F20</div>\r\n        </div>\r\n    </nz-upload>\r\n</ng-template>", styles: [":host ::ng-deep .upload-empty-box{font-size:12px}:host ::ng-deep .ant-upload-list{display:inline-block}:host ::ng-deep .ant-upload-list-picture-card-container{width:80px;height:80px;margin:0 8px 8px 0}:host ::ng-deep .ant-upload.ant-upload-select-picture-card{width:80px;height:80px}:host ::ng-deep .ant-upload-list-picture-card .ant-upload-list-item{width:80px;height:80px;padding:0}:host ::ng-deep .ant-upload-list-picture-card .ant-upload-list-item-thumbnail{width:100%;height:100%}:host ::ng-deep .ant-upload-list-picture-card .ant-upload-list-item-thumbnail img{width:100%;height:100%;object-fit:cover}:host ::ng-deep .ant-upload-list-item-name{font-size:12px}:host ::ng-deep .ant-upload-list-item-uploading{font-size:12px}:host ::ng-deep .ant-upload-list-item-progress{font-size:12px}:host ::ng-deep .upload-view .ant-upload-list-item-actions a{display:none!important}:host ::ng-deep .upload-view .ant-upload-list-item-actions button:nth-last-child(1){display:none!important}\n"] }]
         }], ctorParameters: () => [{ type: i1$7._HttpClient }, { type: i2$1.NzMessageService }] });
 
 function withFormlyFieldImg() {
@@ -3687,7 +3692,7 @@ class DeonNzFieldAttachment extends FieldType {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: DeonNzFieldAttachment, deps: [{ token: i1$7._HttpClient }, { token: i2$1.NzMessageService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: DeonNzFieldAttachment, isStandalone: true, selector: "deon-nz-field-attachment", usesInheritance: true, ngImport: i0, template: "<nz-upload nzType=\"drag\" [nzLimit]=\"1\" [nzShowButton]=\"fileList.length < maxCount\" [nzMultiple]=\"isMultiple\"\r\n    [nzDisabled]=\"fileList && fileList.length>=maxCount\" [(nzFileList)]=\"fileList\" [nzBeforeUpload]=\"beforeUpload\"\r\n    [nzRemove]=\"remove\" [nzCustomRequest]=\"uploadRequest\" [(nzFileList)]=\"fileList\">\r\n    <p class=\"ant-upload-drag-icon\">\r\n        <i nz-icon nzType=\"inbox\"></i>\r\n    </p>\r\n    <p class=\"ant-upload-text\">\u5355\u51FB\u6216\u62D6\u52A8\u6587\u4EF6\u5230\u6B64\u533A\u57DF\u4EE5\u4E0A\u4F20</p>\r\n    <p class=\"ant-upload-hint\">\u5355\u4E2A\u6587\u4EF6\u5927\u5C0F\u4E0D\u80FD\u8D85\u8FC750MB\uFF08\u6700\u591A\u53EF\u4EE5\u4E0A\u4F20{{maxCount}}\u4E2A\u6587\u4EF6\uFF09</p>\r\n</nz-upload>", styles: [":host ::ng-deep .upload-empty-box{font-size:12px}:host ::ng-deep .ant-upload-list{display:inline-block}:host ::ng-deep .ant-upload-list-picture-card-container{width:80px;height:80px;margin:0 8px 8px 0}:host ::ng-deep .ant-upload.ant-upload-select-picture-card{width:80px;height:80px}:host ::ng-deep .ant-upload-list-picture-card .ant-upload-list-item{width:80px;height:80px;padding:0}:host ::ng-deep .ant-upload-list-picture-card .ant-upload-list-item-thumbnail{width:100%;height:100%}:host ::ng-deep .ant-upload-list-picture-card .ant-upload-list-item-thumbnail img{width:100%;height:100%;object-fit:cover}:host ::ng-deep .ant-upload-list-item-name{font-size:12px}:host ::ng-deep .ant-upload-list-item-uploading{font-size:12px}:host ::ng-deep .ant-upload-list-item-progress{font-size:12px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: FormlyModule }, { kind: "ngmodule", type: NzUploadModule }, { kind: "component", type: i3$5.NzUploadComponent, selector: "nz-upload", inputs: ["nzType", "nzLimit", "nzSize", "nzFileType", "nzAccept", "nzAction", "nzDirectory", "nzOpenFileDialogOnClick", "nzBeforeUpload", "nzCustomRequest", "nzData", "nzFilter", "nzFileList", "nzDisabled", "nzHeaders", "nzListType", "nzMultiple", "nzName", "nzShowUploadList", "nzShowButton", "nzWithCredentials", "nzRemove", "nzPreview", "nzPreviewFile", "nzPreviewIsImage", "nzTransformFile", "nzDownload", "nzIconRender", "nzFileListRender"], outputs: ["nzChange", "nzFileListChange"], exportAs: ["nzUpload"] }, { kind: "ngmodule", type: NzIconModule }, { kind: "directive", type: i4$1.NzIconDirective, selector: "nz-icon,[nz-icon]", inputs: ["nzSpin", "nzRotate", "nzType", "nzTheme", "nzTwotoneColor", "nzIconfont"], exportAs: ["nzIcon"] }, { kind: "ngmodule", type: NzModalModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: DeonNzFieldAttachment, isStandalone: true, selector: "deon-nz-field-attachment", usesInheritance: true, ngImport: i0, template: "<ng-container *ngIf=\"editor == false; else tmpField\">\r\n    <nz-upload [nzShowButton]=\"false\" [nzDisabled]=\"true\" [(nzFileList)]=\"fileList\" [(nzFileList)]=\"fileList\"\r\n        class=\"upload-view\" *ngIf=\"fileList && fileList.length>0;else tmpEmpty\">\r\n    </nz-upload>\r\n\r\n    <ng-template #tmpEmpty>\r\n\r\n        <div class=\"upload-empty\">\r\n            <gram-empty></gram-empty>\r\n        </div>\r\n    </ng-template>\r\n\r\n</ng-container>\r\n<ng-template #tmpField>\r\n    <nz-upload nzType=\"drag\" [nzLimit]=\"1\" [nzShowButton]=\"fileList.length < maxCount\" [nzMultiple]=\"isMultiple\"\r\n        [nzDisabled]=\"fileList && fileList.length>=maxCount\" [(nzFileList)]=\"fileList\" [nzBeforeUpload]=\"beforeUpload\"\r\n        [nzRemove]=\"remove\" [nzCustomRequest]=\"uploadRequest\" [(nzFileList)]=\"fileList\">\r\n        <p class=\"ant-upload-drag-icon\">\r\n            <i nz-icon nzType=\"inbox\"></i>\r\n        </p>\r\n        <p class=\"ant-upload-text\">\u5355\u51FB\u6216\u62D6\u52A8\u6587\u4EF6\u5230\u6B64\u533A\u57DF\u4EE5\u4E0A\u4F20</p>\r\n        <p class=\"ant-upload-hint\">\u5355\u4E2A\u6587\u4EF6\u5927\u5C0F\u4E0D\u80FD\u8D85\u8FC750MB\uFF08\u6700\u591A\u53EF\u4EE5\u4E0A\u4F20{{maxCount}}\u4E2A\u6587\u4EF6\uFF09</p>\r\n    </nz-upload>\r\n</ng-template>", styles: [":host ::ng-deep .upload-empty-box{font-size:12px}:host ::ng-deep .ant-upload-list{display:inline-block}:host ::ng-deep .ant-upload-list-picture-card-container{width:80px;height:80px;margin:0 8px 8px 0}:host ::ng-deep .ant-upload.ant-upload-select-picture-card{width:80px;height:80px}:host ::ng-deep .ant-upload-list-picture-card .ant-upload-list-item{width:80px;height:80px;padding:0}:host ::ng-deep .ant-upload-list-picture-card .ant-upload-list-item-thumbnail{width:100%;height:100%}:host ::ng-deep .ant-upload-list-picture-card .ant-upload-list-item-thumbnail img{width:100%;height:100%;object-fit:cover}:host ::ng-deep .ant-upload-list-item-name{font-size:12px}:host ::ng-deep .ant-upload-list-item-uploading{font-size:12px}:host ::ng-deep .ant-upload-list-item-progress{font-size:12px}:host ::ng-deep .upload-view .ant-upload-list-item-card-actions button:nth-last-child(1){display:none!important}:host ::ng-deep .upload-empty{padding:15px;text-align:center;background:#f5f5f5}:host ::ng-deep .upload-empty .image{width:100px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: FormlyModule }, { kind: "ngmodule", type: NzUploadModule }, { kind: "component", type: i4$5.NzUploadComponent, selector: "nz-upload", inputs: ["nzType", "nzLimit", "nzSize", "nzFileType", "nzAccept", "nzAction", "nzDirectory", "nzOpenFileDialogOnClick", "nzBeforeUpload", "nzCustomRequest", "nzData", "nzFilter", "nzFileList", "nzDisabled", "nzHeaders", "nzListType", "nzMultiple", "nzName", "nzShowUploadList", "nzShowButton", "nzWithCredentials", "nzRemove", "nzPreview", "nzPreviewFile", "nzPreviewIsImage", "nzTransformFile", "nzDownload", "nzIconRender", "nzFileListRender"], outputs: ["nzChange", "nzFileListChange"], exportAs: ["nzUpload"] }, { kind: "ngmodule", type: NzIconModule }, { kind: "directive", type: i5$1.NzIconDirective, selector: "nz-icon,[nz-icon]", inputs: ["nzSpin", "nzRotate", "nzType", "nzTheme", "nzTwotoneColor", "nzIconfont"], exportAs: ["nzIcon"] }, { kind: "ngmodule", type: NzModalModule }, { kind: "ngmodule", type: GramDeonEmptyModule$1 }, { kind: "component", type: i6$3.GramDeonEmptyComponent, selector: "gram-empty", inputs: ["desc", "state"], outputs: ["emptyClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: DeonNzFieldAttachment, decorators: [{
             type: Component,
@@ -3697,8 +3702,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
                         FormlyModule,
                         NzUploadModule,
                         NzIconModule,
-                        NzModalModule
-                    ], template: "<nz-upload nzType=\"drag\" [nzLimit]=\"1\" [nzShowButton]=\"fileList.length < maxCount\" [nzMultiple]=\"isMultiple\"\r\n    [nzDisabled]=\"fileList && fileList.length>=maxCount\" [(nzFileList)]=\"fileList\" [nzBeforeUpload]=\"beforeUpload\"\r\n    [nzRemove]=\"remove\" [nzCustomRequest]=\"uploadRequest\" [(nzFileList)]=\"fileList\">\r\n    <p class=\"ant-upload-drag-icon\">\r\n        <i nz-icon nzType=\"inbox\"></i>\r\n    </p>\r\n    <p class=\"ant-upload-text\">\u5355\u51FB\u6216\u62D6\u52A8\u6587\u4EF6\u5230\u6B64\u533A\u57DF\u4EE5\u4E0A\u4F20</p>\r\n    <p class=\"ant-upload-hint\">\u5355\u4E2A\u6587\u4EF6\u5927\u5C0F\u4E0D\u80FD\u8D85\u8FC750MB\uFF08\u6700\u591A\u53EF\u4EE5\u4E0A\u4F20{{maxCount}}\u4E2A\u6587\u4EF6\uFF09</p>\r\n</nz-upload>", styles: [":host ::ng-deep .upload-empty-box{font-size:12px}:host ::ng-deep .ant-upload-list{display:inline-block}:host ::ng-deep .ant-upload-list-picture-card-container{width:80px;height:80px;margin:0 8px 8px 0}:host ::ng-deep .ant-upload.ant-upload-select-picture-card{width:80px;height:80px}:host ::ng-deep .ant-upload-list-picture-card .ant-upload-list-item{width:80px;height:80px;padding:0}:host ::ng-deep .ant-upload-list-picture-card .ant-upload-list-item-thumbnail{width:100%;height:100%}:host ::ng-deep .ant-upload-list-picture-card .ant-upload-list-item-thumbnail img{width:100%;height:100%;object-fit:cover}:host ::ng-deep .ant-upload-list-item-name{font-size:12px}:host ::ng-deep .ant-upload-list-item-uploading{font-size:12px}:host ::ng-deep .ant-upload-list-item-progress{font-size:12px}\n"] }]
+                        NzModalModule, GramDeonEmptyModule$1
+                    ], template: "<ng-container *ngIf=\"editor == false; else tmpField\">\r\n    <nz-upload [nzShowButton]=\"false\" [nzDisabled]=\"true\" [(nzFileList)]=\"fileList\" [(nzFileList)]=\"fileList\"\r\n        class=\"upload-view\" *ngIf=\"fileList && fileList.length>0;else tmpEmpty\">\r\n    </nz-upload>\r\n\r\n    <ng-template #tmpEmpty>\r\n\r\n        <div class=\"upload-empty\">\r\n            <gram-empty></gram-empty>\r\n        </div>\r\n    </ng-template>\r\n\r\n</ng-container>\r\n<ng-template #tmpField>\r\n    <nz-upload nzType=\"drag\" [nzLimit]=\"1\" [nzShowButton]=\"fileList.length < maxCount\" [nzMultiple]=\"isMultiple\"\r\n        [nzDisabled]=\"fileList && fileList.length>=maxCount\" [(nzFileList)]=\"fileList\" [nzBeforeUpload]=\"beforeUpload\"\r\n        [nzRemove]=\"remove\" [nzCustomRequest]=\"uploadRequest\" [(nzFileList)]=\"fileList\">\r\n        <p class=\"ant-upload-drag-icon\">\r\n            <i nz-icon nzType=\"inbox\"></i>\r\n        </p>\r\n        <p class=\"ant-upload-text\">\u5355\u51FB\u6216\u62D6\u52A8\u6587\u4EF6\u5230\u6B64\u533A\u57DF\u4EE5\u4E0A\u4F20</p>\r\n        <p class=\"ant-upload-hint\">\u5355\u4E2A\u6587\u4EF6\u5927\u5C0F\u4E0D\u80FD\u8D85\u8FC750MB\uFF08\u6700\u591A\u53EF\u4EE5\u4E0A\u4F20{{maxCount}}\u4E2A\u6587\u4EF6\uFF09</p>\r\n    </nz-upload>\r\n</ng-template>", styles: [":host ::ng-deep .upload-empty-box{font-size:12px}:host ::ng-deep .ant-upload-list{display:inline-block}:host ::ng-deep .ant-upload-list-picture-card-container{width:80px;height:80px;margin:0 8px 8px 0}:host ::ng-deep .ant-upload.ant-upload-select-picture-card{width:80px;height:80px}:host ::ng-deep .ant-upload-list-picture-card .ant-upload-list-item{width:80px;height:80px;padding:0}:host ::ng-deep .ant-upload-list-picture-card .ant-upload-list-item-thumbnail{width:100%;height:100%}:host ::ng-deep .ant-upload-list-picture-card .ant-upload-list-item-thumbnail img{width:100%;height:100%;object-fit:cover}:host ::ng-deep .ant-upload-list-item-name{font-size:12px}:host ::ng-deep .ant-upload-list-item-uploading{font-size:12px}:host ::ng-deep .ant-upload-list-item-progress{font-size:12px}:host ::ng-deep .upload-view .ant-upload-list-item-card-actions button:nth-last-child(1){display:none!important}:host ::ng-deep .upload-empty{padding:15px;text-align:center;background:#f5f5f5}:host ::ng-deep .upload-empty .image{width:100px}\n"] }]
         }], ctorParameters: () => [{ type: i1$7._HttpClient }, { type: i2$1.NzMessageService }] });
 
 function withFormlyFieldAttachment() {
@@ -3890,7 +3895,7 @@ class DeonNzFieldCardFront extends FieldType {
         this.formControl.setValue(arr[0] || null);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: DeonNzFieldCardFront, deps: [{ token: i1$7._HttpClient }, { token: i2$1.NzMessageService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: DeonNzFieldCardFront, isStandalone: true, selector: "deon-nz-field-card-front", usesInheritance: true, ngImport: i0, template: "<nz-upload nzListType=\"picture-card\" [(nzFileList)]=\"fileList\" [nzShowButton]=\"fileList.length < maxCount\"\r\n    [nzPreview]=\"handlePreview\" [nzBeforeUpload]=\"beforeUpload\" [nzCustomRequest]=\"uploadRequest\" [nzRemove]=\"remove\"\r\n    nzAccept=\"image/*\" [nzMultiple]=\"isMultiple\">\r\n    <div class=\"upload-empty-box\">\r\n        <span nz-icon nzType=\"plus\"></span>\r\n        <div style=\"margin-top: 8px\">\u70B9\u51FB\u4E0A\u4F20</div>\r\n    </div>\r\n</nz-upload>\r\n\r\n<nz-modal [nzVisible]=\"previewVisible\" [nzFooter]=\"null\" (nzOnCancel)=\"previewVisible = false\">\r\n    <img [src]=\"previewImage\" style=\"width: 100%\" />\r\n</nz-modal>", styles: [":host ::ng-deep .upload-empty-box{font-size:12px}:host ::ng-deep .ant-upload-list{display:inline-block}:host ::ng-deep .ant-upload-list-picture-card-container{width:80px;height:80px;margin:0 8px 8px 0}:host ::ng-deep .ant-upload.ant-upload-select-picture-card{width:80px;height:80px}:host ::ng-deep .ant-upload-list-picture-card .ant-upload-list-item{width:80px;height:80px;padding:0}:host ::ng-deep .ant-upload-list-picture-card .ant-upload-list-item-thumbnail{width:100%;height:100%}:host ::ng-deep .ant-upload-list-picture-card .ant-upload-list-item-thumbnail img{width:100%;height:100%;object-fit:cover}:host ::ng-deep .ant-upload-list-item-name{font-size:12px}:host ::ng-deep .ant-upload-list-item-uploading{font-size:12px}:host ::ng-deep .ant-upload-list-item-progress{font-size:12px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: FormlyModule }, { kind: "ngmodule", type: NzUploadModule }, { kind: "component", type: i3$5.NzUploadComponent, selector: "nz-upload", inputs: ["nzType", "nzLimit", "nzSize", "nzFileType", "nzAccept", "nzAction", "nzDirectory", "nzOpenFileDialogOnClick", "nzBeforeUpload", "nzCustomRequest", "nzData", "nzFilter", "nzFileList", "nzDisabled", "nzHeaders", "nzListType", "nzMultiple", "nzName", "nzShowUploadList", "nzShowButton", "nzWithCredentials", "nzRemove", "nzPreview", "nzPreviewFile", "nzPreviewIsImage", "nzTransformFile", "nzDownload", "nzIconRender", "nzFileListRender"], outputs: ["nzChange", "nzFileListChange"], exportAs: ["nzUpload"] }, { kind: "ngmodule", type: NzIconModule }, { kind: "directive", type: i4$1.NzIconDirective, selector: "nz-icon,[nz-icon]", inputs: ["nzSpin", "nzRotate", "nzType", "nzTheme", "nzTwotoneColor", "nzIconfont"], exportAs: ["nzIcon"] }, { kind: "ngmodule", type: NzModalModule }, { kind: "component", type: i1$5.NzModalComponent, selector: "nz-modal", inputs: ["nzMask", "nzMaskClosable", "nzCloseOnNavigation", "nzVisible", "nzClosable", "nzOkLoading", "nzOkDisabled", "nzCancelDisabled", "nzCancelLoading", "nzKeyboard", "nzNoAnimation", "nzCentered", "nzDraggable", "nzContent", "nzFooter", "nzZIndex", "nzWidth", "nzWrapClassName", "nzClassName", "nzStyle", "nzTitle", "nzCloseIcon", "nzMaskStyle", "nzBodyStyle", "nzOkText", "nzCancelText", "nzOkType", "nzOkDanger", "nzIconType", "nzModalType", "nzAutofocus", "nzOnOk", "nzOnCancel"], outputs: ["nzOnOk", "nzOnCancel", "nzAfterOpen", "nzAfterClose", "nzVisibleChange"], exportAs: ["nzModal"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: DeonNzFieldCardFront, isStandalone: true, selector: "deon-nz-field-card-front", usesInheritance: true, ngImport: i0, template: "<ng-container *ngIf=\"editor == false; else tmpField\">\r\n    <nz-upload nzListType=\"picture-card\" [(nzFileList)]=\"fileList\" [nzShowButton]=\"false\" [nzDisabled]=\"true\"\r\n        class=\"upload-view\" *ngIf=\"fileList && fileList.length>0;else tmpEmpty\">\r\n    </nz-upload>\r\n\r\n    <ng-template #tmpEmpty>\r\n        <img nz-image width=\"80px\" height=\"80px\" nzSrc=\"error\"\r\n            nzFallback=\"data:image/png;base64,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\" />\r\n    </ng-template>\r\n</ng-container>\r\n<ng-template #tmpField>\r\n    <nz-upload nzListType=\"picture-card\" [(nzFileList)]=\"fileList\" [nzShowButton]=\"fileList.length < maxCount\"\r\n        [nzPreview]=\"handlePreview\" [nzBeforeUpload]=\"beforeUpload\" [nzCustomRequest]=\"uploadRequest\"\r\n        [nzRemove]=\"remove\" nzAccept=\"image/*\" [nzMultiple]=\"isMultiple\">\r\n        <div class=\"upload-empty-box\">\r\n            <span nz-icon nzType=\"plus\"></span>\r\n            <div style=\"margin-top: 8px\">\u70B9\u51FB\u4E0A\u4F20</div>\r\n        </div>\r\n    </nz-upload>\r\n</ng-template>", styles: [":host ::ng-deep .upload-empty-box{font-size:12px}:host ::ng-deep .ant-upload-list{display:inline-block}:host ::ng-deep .ant-upload-list-picture-card-container{width:80px;height:80px;margin:0 8px 8px 0}:host ::ng-deep .ant-upload.ant-upload-select-picture-card{width:80px;height:80px}:host ::ng-deep .ant-upload-list-picture-card .ant-upload-list-item{width:80px;height:80px;padding:0}:host ::ng-deep .ant-upload-list-picture-card .ant-upload-list-item-thumbnail{width:100%;height:100%}:host ::ng-deep .ant-upload-list-picture-card .ant-upload-list-item-thumbnail img{width:100%;height:100%;object-fit:cover}:host ::ng-deep .ant-upload-list-item-name{font-size:12px}:host ::ng-deep .ant-upload-list-item-uploading{font-size:12px}:host ::ng-deep .ant-upload-list-item-progress{font-size:12px}:host ::ng-deep .upload-view .ant-upload-list-item-actions a{display:none!important}:host ::ng-deep .upload-view .ant-upload-list-item-actions button:nth-last-child(1){display:none!important}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: FormlyModule }, { kind: "ngmodule", type: NzUploadModule }, { kind: "component", type: i4$5.NzUploadComponent, selector: "nz-upload", inputs: ["nzType", "nzLimit", "nzSize", "nzFileType", "nzAccept", "nzAction", "nzDirectory", "nzOpenFileDialogOnClick", "nzBeforeUpload", "nzCustomRequest", "nzData", "nzFilter", "nzFileList", "nzDisabled", "nzHeaders", "nzListType", "nzMultiple", "nzName", "nzShowUploadList", "nzShowButton", "nzWithCredentials", "nzRemove", "nzPreview", "nzPreviewFile", "nzPreviewIsImage", "nzTransformFile", "nzDownload", "nzIconRender", "nzFileListRender"], outputs: ["nzChange", "nzFileListChange"], exportAs: ["nzUpload"] }, { kind: "ngmodule", type: NzIconModule }, { kind: "directive", type: i5$1.NzIconDirective, selector: "nz-icon,[nz-icon]", inputs: ["nzSpin", "nzRotate", "nzType", "nzTheme", "nzTwotoneColor", "nzIconfont"], exportAs: ["nzIcon"] }, { kind: "ngmodule", type: NzModalModule }, { kind: "ngmodule", type: NzImageModule }, { kind: "directive", type: i6$2.NzImageDirective, selector: "img[nz-image]", inputs: ["nzSrc", "nzSrcset", "nzDisablePreview", "nzFallback", "nzPlaceholder", "nzScaleStep"], exportAs: ["nzImage"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: DeonNzFieldCardFront, decorators: [{
             type: Component,
@@ -3900,8 +3905,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
                         FormlyModule,
                         NzUploadModule,
                         NzIconModule,
-                        NzModalModule
-                    ], template: "<nz-upload nzListType=\"picture-card\" [(nzFileList)]=\"fileList\" [nzShowButton]=\"fileList.length < maxCount\"\r\n    [nzPreview]=\"handlePreview\" [nzBeforeUpload]=\"beforeUpload\" [nzCustomRequest]=\"uploadRequest\" [nzRemove]=\"remove\"\r\n    nzAccept=\"image/*\" [nzMultiple]=\"isMultiple\">\r\n    <div class=\"upload-empty-box\">\r\n        <span nz-icon nzType=\"plus\"></span>\r\n        <div style=\"margin-top: 8px\">\u70B9\u51FB\u4E0A\u4F20</div>\r\n    </div>\r\n</nz-upload>\r\n\r\n<nz-modal [nzVisible]=\"previewVisible\" [nzFooter]=\"null\" (nzOnCancel)=\"previewVisible = false\">\r\n    <img [src]=\"previewImage\" style=\"width: 100%\" />\r\n</nz-modal>", styles: [":host ::ng-deep .upload-empty-box{font-size:12px}:host ::ng-deep .ant-upload-list{display:inline-block}:host ::ng-deep .ant-upload-list-picture-card-container{width:80px;height:80px;margin:0 8px 8px 0}:host ::ng-deep .ant-upload.ant-upload-select-picture-card{width:80px;height:80px}:host ::ng-deep .ant-upload-list-picture-card .ant-upload-list-item{width:80px;height:80px;padding:0}:host ::ng-deep .ant-upload-list-picture-card .ant-upload-list-item-thumbnail{width:100%;height:100%}:host ::ng-deep .ant-upload-list-picture-card .ant-upload-list-item-thumbnail img{width:100%;height:100%;object-fit:cover}:host ::ng-deep .ant-upload-list-item-name{font-size:12px}:host ::ng-deep .ant-upload-list-item-uploading{font-size:12px}:host ::ng-deep .ant-upload-list-item-progress{font-size:12px}\n"] }]
+                        NzModalModule, NzImageModule
+                    ], template: "<ng-container *ngIf=\"editor == false; else tmpField\">\r\n    <nz-upload nzListType=\"picture-card\" [(nzFileList)]=\"fileList\" [nzShowButton]=\"false\" [nzDisabled]=\"true\"\r\n        class=\"upload-view\" *ngIf=\"fileList && fileList.length>0;else tmpEmpty\">\r\n    </nz-upload>\r\n\r\n    <ng-template #tmpEmpty>\r\n        <img nz-image width=\"80px\" height=\"80px\" nzSrc=\"error\"\r\n            nzFallback=\"data:image/png;base64,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\" />\r\n    </ng-template>\r\n</ng-container>\r\n<ng-template #tmpField>\r\n    <nz-upload nzListType=\"picture-card\" [(nzFileList)]=\"fileList\" [nzShowButton]=\"fileList.length < maxCount\"\r\n        [nzPreview]=\"handlePreview\" [nzBeforeUpload]=\"beforeUpload\" [nzCustomRequest]=\"uploadRequest\"\r\n        [nzRemove]=\"remove\" nzAccept=\"image/*\" [nzMultiple]=\"isMultiple\">\r\n        <div class=\"upload-empty-box\">\r\n            <span nz-icon nzType=\"plus\"></span>\r\n            <div style=\"margin-top: 8px\">\u70B9\u51FB\u4E0A\u4F20</div>\r\n        </div>\r\n    </nz-upload>\r\n</ng-template>", styles: [":host ::ng-deep .upload-empty-box{font-size:12px}:host ::ng-deep .ant-upload-list{display:inline-block}:host ::ng-deep .ant-upload-list-picture-card-container{width:80px;height:80px;margin:0 8px 8px 0}:host ::ng-deep .ant-upload.ant-upload-select-picture-card{width:80px;height:80px}:host ::ng-deep .ant-upload-list-picture-card .ant-upload-list-item{width:80px;height:80px;padding:0}:host ::ng-deep .ant-upload-list-picture-card .ant-upload-list-item-thumbnail{width:100%;height:100%}:host ::ng-deep .ant-upload-list-picture-card .ant-upload-list-item-thumbnail img{width:100%;height:100%;object-fit:cover}:host ::ng-deep .ant-upload-list-item-name{font-size:12px}:host ::ng-deep .ant-upload-list-item-uploading{font-size:12px}:host ::ng-deep .ant-upload-list-item-progress{font-size:12px}:host ::ng-deep .upload-view .ant-upload-list-item-actions a{display:none!important}:host ::ng-deep .upload-view .ant-upload-list-item-actions button:nth-last-child(1){display:none!important}\n"] }]
         }], ctorParameters: () => [{ type: i1$7._HttpClient }, { type: i2$1.NzMessageService }] });
 
 class DeonNzFieldCardBack extends FieldType {
@@ -4062,7 +4067,7 @@ class DeonNzFieldCardBack extends FieldType {
         this.formControl.setValue(arr[0] || null);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: DeonNzFieldCardBack, deps: [{ token: i1$7._HttpClient }, { token: i2$1.NzMessageService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: DeonNzFieldCardBack, isStandalone: true, selector: "deon-nz-field-card-back", usesInheritance: true, ngImport: i0, template: "<nz-upload nzListType=\"picture-card\" [(nzFileList)]=\"fileList\" [nzShowButton]=\"fileList.length < maxCount\"\r\n    [nzPreview]=\"handlePreview\" [nzBeforeUpload]=\"beforeUpload\" [nzCustomRequest]=\"uploadRequest\" [nzRemove]=\"remove\"\r\n    nzAccept=\"image/*\" [nzMultiple]=\"isMultiple\">\r\n    <div class=\"upload-empty-box\">\r\n        <span nz-icon nzType=\"plus\"></span>\r\n        <div style=\"margin-top: 8px\">\u70B9\u51FB\u4E0A\u4F20</div>\r\n    </div>\r\n</nz-upload>\r\n\r\n<nz-modal [nzVisible]=\"previewVisible\" [nzFooter]=\"null\" (nzOnCancel)=\"previewVisible = false\">\r\n    <img [src]=\"previewImage\" style=\"width: 100%\" />\r\n</nz-modal>", styles: [":host ::ng-deep .upload-empty-box{font-size:12px}:host ::ng-deep .ant-upload-list{display:inline-block}:host ::ng-deep .ant-upload-list-picture-card-container{width:80px;height:80px;margin:0 8px 8px 0}:host ::ng-deep .ant-upload.ant-upload-select-picture-card{width:80px;height:80px}:host ::ng-deep .ant-upload-list-picture-card .ant-upload-list-item{width:80px;height:80px;padding:0}:host ::ng-deep .ant-upload-list-picture-card .ant-upload-list-item-thumbnail{width:100%;height:100%}:host ::ng-deep .ant-upload-list-picture-card .ant-upload-list-item-thumbnail img{width:100%;height:100%;object-fit:cover}:host ::ng-deep .ant-upload-list-item-name{font-size:12px}:host ::ng-deep .ant-upload-list-item-uploading{font-size:12px}:host ::ng-deep .ant-upload-list-item-progress{font-size:12px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: FormlyModule }, { kind: "ngmodule", type: NzUploadModule }, { kind: "component", type: i3$5.NzUploadComponent, selector: "nz-upload", inputs: ["nzType", "nzLimit", "nzSize", "nzFileType", "nzAccept", "nzAction", "nzDirectory", "nzOpenFileDialogOnClick", "nzBeforeUpload", "nzCustomRequest", "nzData", "nzFilter", "nzFileList", "nzDisabled", "nzHeaders", "nzListType", "nzMultiple", "nzName", "nzShowUploadList", "nzShowButton", "nzWithCredentials", "nzRemove", "nzPreview", "nzPreviewFile", "nzPreviewIsImage", "nzTransformFile", "nzDownload", "nzIconRender", "nzFileListRender"], outputs: ["nzChange", "nzFileListChange"], exportAs: ["nzUpload"] }, { kind: "ngmodule", type: NzIconModule }, { kind: "directive", type: i4$1.NzIconDirective, selector: "nz-icon,[nz-icon]", inputs: ["nzSpin", "nzRotate", "nzType", "nzTheme", "nzTwotoneColor", "nzIconfont"], exportAs: ["nzIcon"] }, { kind: "ngmodule", type: NzModalModule }, { kind: "component", type: i1$5.NzModalComponent, selector: "nz-modal", inputs: ["nzMask", "nzMaskClosable", "nzCloseOnNavigation", "nzVisible", "nzClosable", "nzOkLoading", "nzOkDisabled", "nzCancelDisabled", "nzCancelLoading", "nzKeyboard", "nzNoAnimation", "nzCentered", "nzDraggable", "nzContent", "nzFooter", "nzZIndex", "nzWidth", "nzWrapClassName", "nzClassName", "nzStyle", "nzTitle", "nzCloseIcon", "nzMaskStyle", "nzBodyStyle", "nzOkText", "nzCancelText", "nzOkType", "nzOkDanger", "nzIconType", "nzModalType", "nzAutofocus", "nzOnOk", "nzOnCancel"], outputs: ["nzOnOk", "nzOnCancel", "nzAfterOpen", "nzAfterClose", "nzVisibleChange"], exportAs: ["nzModal"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: DeonNzFieldCardBack, isStandalone: true, selector: "deon-nz-field-card-back", usesInheritance: true, ngImport: i0, template: "<ng-container *ngIf=\"editor == false; else tmpField\">\r\n    <nz-upload nzListType=\"picture-card\" [(nzFileList)]=\"fileList\" [nzShowButton]=\"false\" [nzDisabled]=\"true\"\r\n        class=\"upload-view\" *ngIf=\"fileList && fileList.length>0;else tmpEmpty\">\r\n    </nz-upload>\r\n\r\n    <ng-template #tmpEmpty>\r\n        <img nz-image width=\"80px\" height=\"80px\" nzSrc=\"error\"\r\n            nzFallback=\"data:image/png;base64,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\" />\r\n    </ng-template>\r\n</ng-container>\r\n<ng-template #tmpField>\r\n    <nz-upload nzListType=\"picture-card\" [(nzFileList)]=\"fileList\" [nzShowButton]=\"fileList.length < maxCount\"\r\n        [nzPreview]=\"handlePreview\" [nzBeforeUpload]=\"beforeUpload\" [nzCustomRequest]=\"uploadRequest\"\r\n        [nzRemove]=\"remove\" nzAccept=\"image/*\" [nzMultiple]=\"isMultiple\">\r\n        <div class=\"upload-empty-box\">\r\n            <span nz-icon nzType=\"plus\"></span>\r\n            <div style=\"margin-top: 8px\">\u70B9\u51FB\u4E0A\u4F20</div>\r\n        </div>\r\n    </nz-upload>\r\n</ng-template>", styles: [":host ::ng-deep .upload-empty-box{font-size:12px}:host ::ng-deep .ant-upload-list{display:inline-block}:host ::ng-deep .ant-upload-list-picture-card-container{width:80px;height:80px;margin:0 8px 8px 0}:host ::ng-deep .ant-upload.ant-upload-select-picture-card{width:80px;height:80px}:host ::ng-deep .ant-upload-list-picture-card .ant-upload-list-item{width:80px;height:80px;padding:0}:host ::ng-deep .ant-upload-list-picture-card .ant-upload-list-item-thumbnail{width:100%;height:100%}:host ::ng-deep .ant-upload-list-picture-card .ant-upload-list-item-thumbnail img{width:100%;height:100%;object-fit:cover}:host ::ng-deep .ant-upload-list-item-name{font-size:12px}:host ::ng-deep .ant-upload-list-item-uploading{font-size:12px}:host ::ng-deep .ant-upload-list-item-progress{font-size:12px}:host ::ng-deep .upload-view .ant-upload-list-item-actions a{display:none!important}:host ::ng-deep .upload-view .ant-upload-list-item-actions button:nth-last-child(1){display:none!important}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: FormlyModule }, { kind: "ngmodule", type: NzUploadModule }, { kind: "component", type: i4$5.NzUploadComponent, selector: "nz-upload", inputs: ["nzType", "nzLimit", "nzSize", "nzFileType", "nzAccept", "nzAction", "nzDirectory", "nzOpenFileDialogOnClick", "nzBeforeUpload", "nzCustomRequest", "nzData", "nzFilter", "nzFileList", "nzDisabled", "nzHeaders", "nzListType", "nzMultiple", "nzName", "nzShowUploadList", "nzShowButton", "nzWithCredentials", "nzRemove", "nzPreview", "nzPreviewFile", "nzPreviewIsImage", "nzTransformFile", "nzDownload", "nzIconRender", "nzFileListRender"], outputs: ["nzChange", "nzFileListChange"], exportAs: ["nzUpload"] }, { kind: "ngmodule", type: NzIconModule }, { kind: "directive", type: i5$1.NzIconDirective, selector: "nz-icon,[nz-icon]", inputs: ["nzSpin", "nzRotate", "nzType", "nzTheme", "nzTwotoneColor", "nzIconfont"], exportAs: ["nzIcon"] }, { kind: "ngmodule", type: NzModalModule }, { kind: "ngmodule", type: NzImageModule }, { kind: "directive", type: i6$2.NzImageDirective, selector: "img[nz-image]", inputs: ["nzSrc", "nzSrcset", "nzDisablePreview", "nzFallback", "nzPlaceholder", "nzScaleStep"], exportAs: ["nzImage"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: DeonNzFieldCardBack, decorators: [{
             type: Component,
@@ -4072,8 +4077,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
                         FormlyModule,
                         NzUploadModule,
                         NzIconModule,
-                        NzModalModule
-                    ], template: "<nz-upload nzListType=\"picture-card\" [(nzFileList)]=\"fileList\" [nzShowButton]=\"fileList.length < maxCount\"\r\n    [nzPreview]=\"handlePreview\" [nzBeforeUpload]=\"beforeUpload\" [nzCustomRequest]=\"uploadRequest\" [nzRemove]=\"remove\"\r\n    nzAccept=\"image/*\" [nzMultiple]=\"isMultiple\">\r\n    <div class=\"upload-empty-box\">\r\n        <span nz-icon nzType=\"plus\"></span>\r\n        <div style=\"margin-top: 8px\">\u70B9\u51FB\u4E0A\u4F20</div>\r\n    </div>\r\n</nz-upload>\r\n\r\n<nz-modal [nzVisible]=\"previewVisible\" [nzFooter]=\"null\" (nzOnCancel)=\"previewVisible = false\">\r\n    <img [src]=\"previewImage\" style=\"width: 100%\" />\r\n</nz-modal>", styles: [":host ::ng-deep .upload-empty-box{font-size:12px}:host ::ng-deep .ant-upload-list{display:inline-block}:host ::ng-deep .ant-upload-list-picture-card-container{width:80px;height:80px;margin:0 8px 8px 0}:host ::ng-deep .ant-upload.ant-upload-select-picture-card{width:80px;height:80px}:host ::ng-deep .ant-upload-list-picture-card .ant-upload-list-item{width:80px;height:80px;padding:0}:host ::ng-deep .ant-upload-list-picture-card .ant-upload-list-item-thumbnail{width:100%;height:100%}:host ::ng-deep .ant-upload-list-picture-card .ant-upload-list-item-thumbnail img{width:100%;height:100%;object-fit:cover}:host ::ng-deep .ant-upload-list-item-name{font-size:12px}:host ::ng-deep .ant-upload-list-item-uploading{font-size:12px}:host ::ng-deep .ant-upload-list-item-progress{font-size:12px}\n"] }]
+                        NzModalModule, NzImageModule
+                    ], template: "<ng-container *ngIf=\"editor == false; else tmpField\">\r\n    <nz-upload nzListType=\"picture-card\" [(nzFileList)]=\"fileList\" [nzShowButton]=\"false\" [nzDisabled]=\"true\"\r\n        class=\"upload-view\" *ngIf=\"fileList && fileList.length>0;else tmpEmpty\">\r\n    </nz-upload>\r\n\r\n    <ng-template #tmpEmpty>\r\n        <img nz-image width=\"80px\" height=\"80px\" nzSrc=\"error\"\r\n            nzFallback=\"data:image/png;base64,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\" />\r\n    </ng-template>\r\n</ng-container>\r\n<ng-template #tmpField>\r\n    <nz-upload nzListType=\"picture-card\" [(nzFileList)]=\"fileList\" [nzShowButton]=\"fileList.length < maxCount\"\r\n        [nzPreview]=\"handlePreview\" [nzBeforeUpload]=\"beforeUpload\" [nzCustomRequest]=\"uploadRequest\"\r\n        [nzRemove]=\"remove\" nzAccept=\"image/*\" [nzMultiple]=\"isMultiple\">\r\n        <div class=\"upload-empty-box\">\r\n            <span nz-icon nzType=\"plus\"></span>\r\n            <div style=\"margin-top: 8px\">\u70B9\u51FB\u4E0A\u4F20</div>\r\n        </div>\r\n    </nz-upload>\r\n</ng-template>", styles: [":host ::ng-deep .upload-empty-box{font-size:12px}:host ::ng-deep .ant-upload-list{display:inline-block}:host ::ng-deep .ant-upload-list-picture-card-container{width:80px;height:80px;margin:0 8px 8px 0}:host ::ng-deep .ant-upload.ant-upload-select-picture-card{width:80px;height:80px}:host ::ng-deep .ant-upload-list-picture-card .ant-upload-list-item{width:80px;height:80px;padding:0}:host ::ng-deep .ant-upload-list-picture-card .ant-upload-list-item-thumbnail{width:100%;height:100%}:host ::ng-deep .ant-upload-list-picture-card .ant-upload-list-item-thumbnail img{width:100%;height:100%;object-fit:cover}:host ::ng-deep .ant-upload-list-item-name{font-size:12px}:host ::ng-deep .ant-upload-list-item-uploading{font-size:12px}:host ::ng-deep .ant-upload-list-item-progress{font-size:12px}:host ::ng-deep .upload-view .ant-upload-list-item-actions a{display:none!important}:host ::ng-deep .upload-view .ant-upload-list-item-actions button:nth-last-child(1){display:none!important}\n"] }]
         }], ctorParameters: () => [{ type: i1$7._HttpClient }, { type: i2$1.NzMessageService }] });
 
 function withFormlyFieldIdCard() {