@ebuilding/form 2.3.20 → 2.4.1

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 i5$1 from 'ng-zorro-antd/icon';
+import * as i4$1 from 'ng-zorro-antd/icon';
 import { NzIconModule } from 'ng-zorro-antd/icon';
-import * as i4$1 from 'ng-zorro-antd/button';
+import * as i4$2 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$2 from 'ng-zorro-antd/core/transition-patch';
+import * as i5$1 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$2 from 'ng-zorro-antd/dropdown';
+import * as i4$3 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$3 from 'ng-zorro-antd/input-number';
+import * as i4$4 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$4 from 'ng-zorro-antd/radio';
+import * as i4$5 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,6 +64,8 @@ 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 { NzUploadModule } from 'ng-zorro-antd/upload';
 
 class DeonNzFieldCheckbox extends FieldType {
     defaultOptions = {
@@ -701,7 +703,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: 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 });
+    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 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: DeonNzFieldDim, decorators: [{
             type: Component,
@@ -782,7 +784,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: 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 });
+    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 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: DeonNzFieldDimIndicator, decorators: [{
             type: Component,
@@ -847,7 +849,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: 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 });
+    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 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: DeonNzFieldDimIndicatorAssess, decorators: [{
             type: Component,
@@ -1217,7 +1219,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: 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 });
+    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 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: DeonNzFieldIcon, decorators: [{
             type: Component,
@@ -1559,7 +1561,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$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 });
+  `, 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 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: DeonNzFieldNumber, decorators: [{
             type: Component,
@@ -2053,7 +2055,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$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 });
+    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 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: DeonNzFieldRadio, decorators: [{
             type: Component,
@@ -2152,7 +2154,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$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 });
+  `, 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 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: DeonNzFieldRadioGroup, decorators: [{
             type: Component,
@@ -2383,7 +2385,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$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"] }] });
+    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"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: DeonNzFieldRepeat, decorators: [{
             type: Component,
@@ -2554,7 +2556,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$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"] }] });
+    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"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: DeonNzFieldRepeatCard, decorators: [{
             type: Component,
@@ -3269,7 +3271,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$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 });
+  `, 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 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: DeonNzFieldTextCode, decorators: [{
             type: Component,
@@ -3325,9 +3327,794 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
                 }]
         }] });
 
+class DeonNzFieldImg extends FieldType {
+    http;
+    msg;
+    fileList = [];
+    previewImage;
+    previewVisible = false;
+    constructor(http, msg) {
+        super();
+        this.http = http;
+        this.msg = msg;
+    }
+    /** 是否多图 */
+    get isMultiple() {
+        return this.to?.selectType === 'multiple';
+    }
+    /** 最大数量 */
+    get maxCount() {
+        if (!this.isMultiple)
+            return 1;
+        return this.to?.max || 8;
+    }
+    ngOnInit() {
+        this.initValue();
+        /** 解决页面渲染后赋值 */
+        this.formControl.valueChanges.subscribe(() => {
+            if (this.fileList.length === 0) {
+                this.initValue();
+            }
+        });
+    }
+    /**
+     * 初始化回显
+     */
+    initValue() {
+        const value = this.formControl.value;
+        if (!value)
+            return;
+        const arr = Array.isArray(value) ? value : [value];
+        this.fileList = arr.map((item, index) => ({
+            uid: item.id || String(index),
+            name: item.fileName,
+            status: 'done',
+            url: item.fileUrl,
+            thumbUrl: item.fileUrl
+        }));
+    }
+    /**
+     * 上传前
+     */
+    beforeUpload = (file) => {
+        const realFile = file;
+        if (!realFile)
+            return false;
+        /** 限制 5MB */
+        const isLt5M = realFile.size / 1024 / 1024 < 5;
+        if (!isLt5M) {
+            this.msg.warning('图片不能超过5MB');
+            return false;
+        }
+        const reader = new FileReader();
+        reader.onload = () => {
+            const target = this.fileList.find(f => f.uid === file.uid);
+            if (target) {
+                target.thumbUrl = reader.result;
+                this.fileList = [...this.fileList];
+            }
+        };
+        reader.readAsDataURL(realFile);
+        return true;
+    };
+    /**
+     * 上传
+     */
+    uploadRequest = (item) => {
+        const file = item.file;
+        const realFile = file.originFileObj ||
+            item.file;
+        const formData = new FormData();
+        formData.append('type', 'IMG');
+        formData.append('multipartFile', realFile);
+        return this.http
+            .post(`${ModuleAPI.system}/user/comm/uploadFile`, formData)
+            .subscribe({
+            next: (res) => {
+                if (res && res?.result) {
+                    const data = res.result;
+                    file.status = 'done';
+                    file.url = data.fileUrl;
+                    file.thumbUrl = data.fileUrl;
+                    /** 保存 id */
+                    file.id = data.id;
+                    if (!this.isMultiple) {
+                        this.fileList = [file];
+                    }
+                    else {
+                        this.fileList = [...this.fileList];
+                    }
+                    this.updateModel();
+                    item.onSuccess?.(res, file, null);
+                }
+                else {
+                    file.status = 'error';
+                    item.onError?.(res, file);
+                }
+            },
+            error: err => {
+                file.status = 'error';
+                item.onError?.(err, file);
+            }
+        });
+    };
+    /**
+     * 删除
+     */
+    remove = (file) => {
+        const index = this.fileList.indexOf(file);
+        if (index > -1) {
+            this.fileList.splice(index, 1);
+        }
+        this.updateModel();
+        return true;
+    };
+    /**
+     * 预览
+     */
+    handlePreview = async (file) => {
+        if (!file.url && !file.preview) {
+            const realFile = file.originFileObj;
+            if (realFile) {
+                file.preview = await this.getBase64(realFile);
+            }
+        }
+        this.previewImage = file.url || file.preview;
+        this.previewVisible = true;
+    };
+    getBase64(file) {
+        return new Promise((resolve, reject) => {
+            const reader = new FileReader();
+            reader.readAsDataURL(file);
+            reader.onload = () => resolve(reader.result);
+            reader.onerror = reject;
+        });
+    }
+    /**
+     * 写回 model
+     */
+    updateModel() {
+        let arr = [];
+        if (this.fileList && this.fileList.length > 0) {
+            this.fileList.forEach((item) => {
+                if (item?.originFileObj && item?.originFileObj["status"] === 'done' && item?.originFileObj["url"]) {
+                    let obj = item?.originFileObj;
+                    arr.push({
+                        id: obj.id,
+                        fileName: obj.name,
+                        fileUrl: obj.url
+                    });
+                }
+            });
+        }
+        if (this.isMultiple) {
+            this.formControl.setValue(arr);
+        }
+        else {
+            this.formControl.setValue(arr[0] || null);
+        }
+    }
+    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 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: DeonNzFieldImg, decorators: [{
+            type: Component,
+            args: [{ selector: 'deon-nz-field-img', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
+                        CommonModule,
+                        ReactiveFormsModule,
+                        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"] }]
+        }], ctorParameters: () => [{ type: i1$7._HttpClient }, { type: i2$1.NzMessageService }] });
+
+function withFormlyFieldImg() {
+    return {
+        types: [
+            {
+                name: 'img',
+                component: DeonNzFieldImg,
+                wrappers: ['formly-form-field'],
+            }
+        ],
+    };
+}
+
+class DeonNzImgModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: DeonNzImgModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.15", ngImport: i0, type: DeonNzImgModule, imports: [CommonModule,
+            DeonNzFormFieldModule, i1$1.FormlyModule] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: DeonNzImgModule, imports: [CommonModule,
+            DeonNzFormFieldModule,
+            FormlyModule.forChild(withFormlyFieldImg())] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: DeonNzImgModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule,
+                        DeonNzFormFieldModule,
+                        FormlyModule.forChild(withFormlyFieldImg()),
+                    ],
+                }]
+        }] });
+
+class DeonNzFieldAttachment extends FieldType {
+    http;
+    msg;
+    fileList = [];
+    previewImage;
+    previewVisible = false;
+    constructor(http, msg) {
+        super();
+        this.http = http;
+        this.msg = msg;
+    }
+    /** 是否多图 */
+    get isMultiple() {
+        return this.to?.selectType === 'multiple';
+    }
+    /** 最大数量 */
+    get maxCount() {
+        if (!this.isMultiple)
+            return 1;
+        return this.to?.max || 8;
+    }
+    ngOnInit() {
+        this.initValue();
+        /** 解决页面渲染后赋值 */
+        this.formControl.valueChanges.subscribe(() => {
+            if (this.fileList.length === 0) {
+                this.initValue();
+            }
+        });
+    }
+    /**
+     * 初始化回显
+     */
+    initValue() {
+        const value = this.formControl.value;
+        if (!value)
+            return;
+        const arr = Array.isArray(value) ? value : [value];
+        this.fileList = arr.map((item, index) => ({
+            uid: item.id || String(index),
+            name: item.fileName,
+            status: 'done',
+            url: item.fileUrl,
+            thumbUrl: item.fileUrl
+        }));
+    }
+    /**
+     * 上传前
+     */
+    beforeUpload = (file) => {
+        const realFile = file;
+        if (!realFile)
+            return false;
+        /** 限制 50MB */
+        const isLt5M = realFile.size / 1024 / 1024 < 50;
+        if (!isLt5M) {
+            this.msg.warning('附件不能超过50MB');
+            return false;
+        }
+        const reader = new FileReader();
+        reader.onload = () => {
+            const target = this.fileList.find(f => f.uid === file.uid);
+            if (target) {
+                target.thumbUrl = reader.result;
+                this.fileList = [...this.fileList];
+            }
+        };
+        reader.readAsDataURL(realFile);
+        return true;
+    };
+    /**
+     * 上传
+     */
+    uploadRequest = (item) => {
+        const file = item.file;
+        const realFile = file.originFileObj ||
+            item.file;
+        const formData = new FormData();
+        formData.append('type', 'OTHER');
+        formData.append('multipartFile', realFile);
+        return this.http
+            .post(`${ModuleAPI.system}/user/comm/uploadFile`, formData)
+            .subscribe({
+            next: (res) => {
+                if (res && res?.result) {
+                    const data = res.result;
+                    file.status = 'done';
+                    file.url = data.fileUrl;
+                    file.thumbUrl = data.fileUrl;
+                    /** 保存 id */
+                    file.id = data.id;
+                    if (!this.isMultiple) {
+                        this.fileList = [file];
+                    }
+                    else {
+                        this.fileList = [...this.fileList];
+                    }
+                    this.updateModel();
+                    item.onSuccess?.(res, file, null);
+                }
+                else {
+                    file.status = 'error';
+                    item.onError?.(res, file);
+                }
+            },
+            error: err => {
+                file.status = 'error';
+                item.onError?.(err, file);
+            }
+        });
+    };
+    /**
+     * 删除
+     */
+    remove = (file) => {
+        const index = this.fileList.indexOf(file);
+        if (index > -1) {
+            this.fileList.splice(index, 1);
+        }
+        this.updateModel();
+        return true;
+    };
+    fileChange(e) { }
+    /**
+     * 写回 model
+     */
+    updateModel() {
+        let arr = [];
+        if (this.fileList && this.fileList.length > 0) {
+            this.fileList.forEach((item) => {
+                if (item && item["status"] === 'done' && item["url"]) {
+                    arr.push({
+                        id: item.id,
+                        fileName: item.name,
+                        fileUrl: item.url
+                    });
+                }
+            });
+        }
+        if (this.isMultiple) {
+            this.formControl.setValue(arr);
+        }
+        else {
+            this.formControl.setValue(arr[0] || null);
+        }
+    }
+    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 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: DeonNzFieldAttachment, decorators: [{
+            type: Component,
+            args: [{ selector: 'deon-nz-field-attachment', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
+                        CommonModule,
+                        ReactiveFormsModule,
+                        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"] }]
+        }], ctorParameters: () => [{ type: i1$7._HttpClient }, { type: i2$1.NzMessageService }] });
+
+function withFormlyFieldAttachment() {
+    return {
+        types: [
+            {
+                name: 'attachment',
+                component: DeonNzFieldAttachment,
+                wrappers: ['formly-form-field'],
+            }
+        ],
+    };
+}
+
+class DeonNzAttachmentModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: DeonNzAttachmentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.15", ngImport: i0, type: DeonNzAttachmentModule, imports: [CommonModule,
+            DeonNzFormFieldModule, i1$1.FormlyModule] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: DeonNzAttachmentModule, imports: [CommonModule,
+            DeonNzFormFieldModule,
+            FormlyModule.forChild(withFormlyFieldAttachment())] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: DeonNzAttachmentModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule,
+                        DeonNzFormFieldModule,
+                        FormlyModule.forChild(withFormlyFieldAttachment()),
+                    ],
+                }]
+        }] });
+
+class DeonNzFieldCardFront extends FieldType {
+    http;
+    msg;
+    fileList = [];
+    maxCount = 1;
+    previewImage;
+    previewVisible = false;
+    isMultiple = false;
+    constructor(http, msg) {
+        super();
+        this.http = http;
+        this.msg = msg;
+    }
+    ngOnInit() {
+        this.initValue();
+        /** 解决页面渲染后赋值 */
+        this.formControl.valueChanges.subscribe(() => {
+            if (this.fileList.length === 0) {
+                this.initValue();
+            }
+        });
+    }
+    /**
+     * 初始化回显
+     */
+    initValue() {
+        const value = this.formControl.value;
+        if (!value)
+            return;
+        const arr = Array.isArray(value) ? value : [value];
+        this.fileList = arr.map((item, index) => ({
+            uid: item.id || String(index),
+            name: item.fileName,
+            status: 'done',
+            url: item.fileUrl,
+            thumbUrl: item.fileUrl
+        }));
+    }
+    /**
+     * 上传前
+     */
+    beforeUpload = (file) => {
+        const realFile = file;
+        if (!realFile)
+            return false;
+        /** 限制 5MB */
+        const isLt5M = realFile.size / 1024 / 1024 < 5;
+        if (!isLt5M) {
+            this.msg.warning('图片不能超过5MB');
+            return false;
+        }
+        const reader = new FileReader();
+        reader.onload = () => {
+            const target = this.fileList.find(f => f.uid === file.uid);
+            if (target) {
+                target.thumbUrl = reader.result;
+                this.fileList = [...this.fileList];
+            }
+        };
+        reader.readAsDataURL(realFile);
+        return true;
+    };
+    /**
+     * 上传
+     */
+    uploadRequest = (item) => {
+        const file = item.file;
+        const realFile = file.originFileObj ||
+            item.file;
+        const formData = new FormData();
+        formData.append('type', 'CARD_FRONT');
+        formData.append('multipartFile', realFile);
+        let url = `${ModuleAPI.system}/user/comm/uploadFile`;
+        if (this.to && this.to["ocr"] == true) {
+            url = `${ModuleAPI.system}/user/comm/uploadFileOCR`;
+        }
+        return this.http.post(url, formData)
+            .subscribe({
+            next: (res) => {
+                if (res && res?.result) {
+                    const data = res.result;
+                    file.status = 'done';
+                    file.url = data.fileUrl;
+                    file.thumbUrl = data.fileUrl;
+                    /** 保存 id */
+                    file.id = data.id;
+                    if (!this.isMultiple) {
+                        this.fileList = [file];
+                    }
+                    else {
+                        this.fileList = [...this.fileList];
+                    }
+                    this.updateModel(data);
+                    item.onSuccess?.(res, file, null);
+                }
+                else {
+                    file.status = 'error';
+                    item.onError?.(res, file);
+                }
+            },
+            error: err => {
+                file.status = 'error';
+                item.onError?.(err, file);
+            }
+        });
+    };
+    /**
+     * 删除
+     */
+    remove = (file) => {
+        const index = this.fileList.indexOf(file);
+        if (index > -1) {
+            this.fileList.splice(index, 1);
+        }
+        this.updateModel(null);
+        return true;
+    };
+    /**
+     * 预览
+     */
+    handlePreview = async (file) => {
+        if (!file.url && !file.preview) {
+            const realFile = file.originFileObj;
+            if (realFile) {
+                file.preview = await this.getBase64(realFile);
+            }
+        }
+        this.previewImage = file.url || file.preview;
+        this.previewVisible = true;
+    };
+    getBase64(file) {
+        return new Promise((resolve, reject) => {
+            const reader = new FileReader();
+            reader.readAsDataURL(file);
+            reader.onload = () => resolve(reader.result);
+            reader.onerror = reject;
+        });
+    }
+    /**
+     * 写回 model
+     */
+    updateModel(e) {
+        let arr = [];
+        if (this.fileList && this.fileList.length > 0) {
+            this.fileList.forEach((item) => {
+                if (item?.originFileObj && item?.originFileObj["status"] === 'done' && item?.originFileObj["url"]) {
+                    let obj = item?.originFileObj;
+                    arr.push({
+                        id: obj.id,
+                        fileName: obj.name,
+                        fileUrl: obj.url
+                    });
+                }
+            });
+        }
+        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 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: DeonNzFieldCardFront, decorators: [{
+            type: Component,
+            args: [{ selector: 'deon-nz-field-card-front', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
+                        CommonModule,
+                        ReactiveFormsModule,
+                        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"] }]
+        }], ctorParameters: () => [{ type: i1$7._HttpClient }, { type: i2$1.NzMessageService }] });
+
+class DeonNzFieldCardBack extends FieldType {
+    http;
+    msg;
+    fileList = [];
+    maxCount = 1;
+    previewImage;
+    previewVisible = false;
+    isMultiple = false;
+    constructor(http, msg) {
+        super();
+        this.http = http;
+        this.msg = msg;
+    }
+    ngOnInit() {
+        this.initValue();
+        /** 解决页面渲染后赋值 */
+        this.formControl.valueChanges.subscribe(() => {
+            if (this.fileList.length === 0) {
+                this.initValue();
+            }
+        });
+    }
+    /**
+     * 初始化回显
+     */
+    initValue() {
+        const value = this.formControl.value;
+        if (!value)
+            return;
+        const arr = Array.isArray(value) ? value : [value];
+        this.fileList = arr.map((item, index) => ({
+            uid: item.id || String(index),
+            name: item.fileName,
+            status: 'done',
+            url: item.fileUrl,
+            thumbUrl: item.fileUrl
+        }));
+    }
+    /**
+     * 上传前
+     */
+    beforeUpload = (file) => {
+        const realFile = file;
+        if (!realFile)
+            return false;
+        /** 限制 5MB */
+        const isLt5M = realFile.size / 1024 / 1024 < 5;
+        if (!isLt5M) {
+            this.msg.warning('图片不能超过5MB');
+            return false;
+        }
+        const reader = new FileReader();
+        reader.onload = () => {
+            const target = this.fileList.find(f => f.uid === file.uid);
+            if (target) {
+                target.thumbUrl = reader.result;
+                this.fileList = [...this.fileList];
+            }
+        };
+        reader.readAsDataURL(realFile);
+        return true;
+    };
+    /**
+     * 上传
+     */
+    uploadRequest = (item) => {
+        const file = item.file;
+        const realFile = file.originFileObj ||
+            item.file;
+        const formData = new FormData();
+        formData.append('type', 'CARD_BACK');
+        formData.append('multipartFile', realFile);
+        let url = `${ModuleAPI.system}/user/comm/uploadFile`;
+        if (this.to && this.to["ocr"] == true) {
+            url = `${ModuleAPI.system}/user/comm/uploadFileOCR`;
+        }
+        return this.http.post(url, formData)
+            .subscribe({
+            next: (res) => {
+                if (res && res?.result) {
+                    const data = res.result;
+                    file.status = 'done';
+                    file.url = data.fileUrl;
+                    file.thumbUrl = data.fileUrl;
+                    /** 保存 id */
+                    file.id = data.id;
+                    if (!this.isMultiple) {
+                        this.fileList = [file];
+                    }
+                    else {
+                        this.fileList = [...this.fileList];
+                    }
+                    this.updateModel(data);
+                    item.onSuccess?.(res, file, null);
+                }
+                else {
+                    file.status = 'error';
+                    item.onError?.(res, file);
+                }
+            },
+            error: err => {
+                file.status = 'error';
+                item.onError?.(err, file);
+            }
+        });
+    };
+    /**
+     * 删除
+     */
+    remove = (file) => {
+        const index = this.fileList.indexOf(file);
+        if (index > -1) {
+            this.fileList.splice(index, 1);
+        }
+        this.updateModel(null);
+        return true;
+    };
+    /**
+     * 预览
+     */
+    handlePreview = async (file) => {
+        if (!file.url && !file.preview) {
+            const realFile = file.originFileObj;
+            if (realFile) {
+                file.preview = await this.getBase64(realFile);
+            }
+        }
+        this.previewImage = file.url || file.preview;
+        this.previewVisible = true;
+    };
+    getBase64(file) {
+        return new Promise((resolve, reject) => {
+            const reader = new FileReader();
+            reader.readAsDataURL(file);
+            reader.onload = () => resolve(reader.result);
+            reader.onerror = reject;
+        });
+    }
+    /**
+     * 写回 model
+     */
+    updateModel(e) {
+        let arr = [];
+        if (this.fileList && this.fileList.length > 0) {
+            this.fileList.forEach((item) => {
+                if (item?.originFileObj && item?.originFileObj["status"] === 'done' && item?.originFileObj["url"]) {
+                    let obj = item?.originFileObj;
+                    arr.push({
+                        id: obj.id,
+                        fileName: obj.name,
+                        fileUrl: obj.url
+                    });
+                }
+            });
+        }
+        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 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: DeonNzFieldCardBack, decorators: [{
+            type: Component,
+            args: [{ selector: 'deon-nz-field-card-back', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
+                        CommonModule,
+                        ReactiveFormsModule,
+                        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"] }]
+        }], ctorParameters: () => [{ type: i1$7._HttpClient }, { type: i2$1.NzMessageService }] });
+
+function withFormlyFieldIdCard() {
+    return {
+        types: [
+            {
+                name: 'card_front',
+                component: DeonNzFieldCardFront,
+                wrappers: ['formly-form-field'],
+            },
+            {
+                name: 'card_back',
+                component: DeonNzFieldCardBack,
+                wrappers: ['formly-form-field'],
+            }
+        ],
+    };
+}
+
+class DeonNzIdCardModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: DeonNzIdCardModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.15", ngImport: i0, type: DeonNzIdCardModule, imports: [CommonModule,
+            DeonNzFormFieldModule, i1$1.FormlyModule] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: DeonNzIdCardModule, imports: [CommonModule,
+            DeonNzFormFieldModule,
+            FormlyModule.forChild(withFormlyFieldIdCard())] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: DeonNzIdCardModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule,
+                        DeonNzFormFieldModule,
+                        FormlyModule.forChild(withFormlyFieldIdCard()),
+                    ],
+                }]
+        }] });
+
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { DeonNzCheckboxGroupModule, DeonNzCheckboxModule, DeonNzColorModule, DeonNzDateTimeModule, DeonNzDescModule, DeonNzDimIndicatorModule, DeonNzDimModule, DeonNzGridModule, DeonNzGroupModule, DeonNzHtmlModule, DeonNzIconModule, DeonNzLabelModule, DeonNzLineModule, DeonNzListModule, DeonNzNumberModule, DeonNzOverTimeModule, DeonNzPanelModule, DeonNzRadioGroupModule, DeonNzRadioModule, DeonNzReformModule, DeonNzRepeatCardModule, DeonNzRepeatModule, DeonNzSelectModule, DeonNzSwitchModule, DeonNzTabsModule, DeonNzTextAreaModule, DeonNzTextCodeModule, DeonNzTextModule, withFormlyFieldCheckbox, withFormlyFieldCheckboxGroup, withFormlyFieldColor, withFormlyFieldDateTime, withFormlyFieldDesc, withFormlyFieldDim, withFormlyFieldGrid, withFormlyFieldGroup, withFormlyFieldHtml, withFormlyFieldIcon, withFormlyFieldIndicator, withFormlyFieldLabel, withFormlyFieldLine, withFormlyFieldList, withFormlyFieldNumber, withFormlyFieldOverTime, withFormlyFieldPanel, withFormlyFieldRadio, withFormlyFieldRadioGroup, withFormlyFieldReform, withFormlyFieldRepeat, withFormlyFieldRepeatCard, withFormlyFieldSelect, withFormlyFieldSwitch, withFormlyFieldTab, withFormlyFieldText, withFormlyFieldTextArea, withFormlyFieldTextCode };
+export { DeonNzAttachmentModule, DeonNzCheckboxGroupModule, DeonNzCheckboxModule, DeonNzColorModule, DeonNzDateTimeModule, DeonNzDescModule, DeonNzDimIndicatorModule, DeonNzDimModule, DeonNzGridModule, DeonNzGroupModule, DeonNzHtmlModule, DeonNzIconModule, DeonNzIdCardModule, DeonNzImgModule, DeonNzLabelModule, DeonNzLineModule, DeonNzListModule, DeonNzNumberModule, DeonNzOverTimeModule, DeonNzPanelModule, DeonNzRadioGroupModule, DeonNzRadioModule, DeonNzReformModule, DeonNzRepeatCardModule, DeonNzRepeatModule, DeonNzSelectModule, DeonNzSwitchModule, DeonNzTabsModule, DeonNzTextAreaModule, DeonNzTextCodeModule, DeonNzTextModule, withFormlyFieldAttachment, withFormlyFieldCheckbox, withFormlyFieldCheckboxGroup, withFormlyFieldColor, withFormlyFieldDateTime, withFormlyFieldDesc, withFormlyFieldDim, withFormlyFieldGrid, withFormlyFieldGroup, withFormlyFieldHtml, withFormlyFieldIcon, withFormlyFieldIdCard, withFormlyFieldImg, withFormlyFieldIndicator, withFormlyFieldLabel, withFormlyFieldLine, withFormlyFieldList, withFormlyFieldNumber, withFormlyFieldOverTime, withFormlyFieldPanel, withFormlyFieldRadio, withFormlyFieldRadioGroup, withFormlyFieldReform, withFormlyFieldRepeat, withFormlyFieldRepeatCard, withFormlyFieldSelect, withFormlyFieldSwitch, withFormlyFieldTab, withFormlyFieldText, withFormlyFieldTextArea, withFormlyFieldTextCode };
 //# sourceMappingURL=ebuilding-form.mjs.map