atr-components 2.0.199 → 2.0.201

package/fesm2022/atr-components.mjs

@@ -121,6 +121,7 @@ import * as echarts from 'echarts';
 import { VgOverlayPlayModule } from '@videogular/ngx-videogular/overlay-play';
 import { VgBufferingModule } from '@videogular/ngx-videogular/buffering';
 import ResizeModule from '@ssumo/quill-resize-module';
+import QuillBetterTable from 'quill-better-table';
 
 const transAnimation = animation([
     style({
@@ -4203,7 +4204,7 @@ class QuillEditorComponent {
                 useExisting: forwardRef(() => QuillEditorComponent),
                 multi: true
             }
-        ], ngImport: i0, template: "<quill-editor\r\n  [styles]=\"styles\"\r\n  [placeholder]=\"placeholder\"\r\n  (onEditorCreated)=\"EditorCreated($event)\"\r\n  [(ngModel)]=\"value\"\r\n  (onContentChanged)=\"onChange($event)\"\r\n  [readOnly]=\"readOnly\"\r\n></quill-editor>\r\n<!--\u8FD9\u4E2Adiv,\u662F\u56E0\u4E3A\u4E0A\u4F20\u5B8C\u6BD5\u7126\u70B9\u8FD8\u5728\u5BCC\u6587\u672C\u91CC,\u5F39\u51FA\u65E0\u6CD5\u663E\u793A.....-->\r\n<div id=\"te\" (click)=\"te()\"></div>\r\n<nz-modal [(nzVisible)]=\"imgVis\" (nzOnOk)=\"saveSeq()\" (nzOnCancel)=\"cancle()\" nzMaskClosable=\"false\"\r\n          [nzStyle]=\"{padding:0}\">\r\n  <ng-container *nzModalContent>\r\n  <div style=\"max-height:600px;overflow:auto;margin-top: 10px;\">\r\n    <ng-container *ngTemplateOutlet=\"imgsContent\"></ng-container>\r\n  </div>\r\n  </ng-container>\r\n</nz-modal>\r\n<ng-template #imgsContent>\r\n  <ng-container *ngFor=\"let imgOpt of imgUrls;let i = index\">\r\n    <div class=\"img-div\">\r\n      <img [src]=\"imgOpt.url\" [ngStyle]=\"{ width: '100px',display: 'inline-block', margin:'5px' }\"/>\r\n      <div style=\"margin-left: 20px; color: grey;\">{{imgOpt.file.name}}</div>\r\n      <div style=\"margin-right: 20px; flex: 1;text-align: right;\">\r\n        <a title=\"\u4E0A\u79FB\" *ngIf=\" i > 0\" style=\"display: block;\" (click)=\"arrowUp(i)\">\r\n          <i nz-icon nzType=\"arrow-up\" nzTheme=\"outline\" style=\"color: #1890ff; font-size: 15px;\"></i>\r\n          \u4E0A\u79FB</a>\r\n        <a title=\"\u4E0B\u79FB\" *ngIf=\" i < imgUrls.length - 1\" (click)=\"arrowDown(i)\">\r\n          <i nz-icon nzType=\"arrow-down\" nzTheme=\"outline\" style=\"color: #1890ff; font-size: 15px\"></i>\r\n          \u4E0B\u79FB</a>\r\n      </div>\r\n    </div>\r\n  </ng-container>\r\n</ng-template>\r\n\r\n", styles: [".img-div{border:1px solid #d9d9d9;border-radius:4px;margin-top:5px;display:flex;align-items:center;padding:0 5px}\n"], dependencies: [{ kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i4.ɵNzTransitionPatchDirective, selector: "[nz-button], nz-button-group, [nz-icon], [nz-menu-item], [nz-submenu], nz-select-top-control, nz-select-placeholder, nz-input-group", inputs: ["hidden"] }, { kind: "directive", type: i8.NzIconDirective, selector: "[nz-icon]", inputs: ["nzSpin", "nzRotate", "nzType", "nzTheme", "nzTwotoneColor", "nzIconfont"], exportAs: ["nzIcon"] }, { kind: "component", type: i3$2.NzModalComponent, selector: "nz-modal", inputs: ["nzMask", "nzMaskClosable", "nzCloseOnNavigation", "nzVisible", "nzClosable", "nzOkLoading", "nzOkDisabled", "nzCancelDisabled", "nzCancelLoading", "nzKeyboard", "nzNoAnimation", "nzCentered", "nzContent", "nzFooter", "nzZIndex", "nzWidth", "nzWrapClassName", "nzClassName", "nzStyle", "nzTitle", "nzCloseIcon", "nzMaskStyle", "nzBodyStyle", "nzOkText", "nzCancelText", "nzOkType", "nzOkDanger", "nzIconType", "nzModalType", "nzAutofocus", "nzOnOk", "nzOnCancel"], outputs: ["nzOnOk", "nzOnCancel", "nzAfterOpen", "nzAfterClose", "nzVisibleChange"], exportAs: ["nzModal"] }, { kind: "directive", type: i3$2.NzModalContentDirective, selector: "[nzModalContent]", exportAs: ["nzModalContent"] }, { kind: "component", type: i8$2.QuillEditorComponent, selector: "quill-editor" }] }); }
+        ], ngImport: i0, template: "<quill-editor\r\n  [styles]=\"styles\"\r\n  [placeholder]=\"placeholder\"\r\n  (onEditorCreated)=\"EditorCreated($event)\"\r\n  [(ngModel)]=\"value\"\r\n  (onContentChanged)=\"onChange($event)\"\r\n  [readOnly]=\"readOnly\"\r\n></quill-editor>\r\n<!--\u8FD9\u4E2Adiv,\u662F\u56E0\u4E3A\u4E0A\u4F20\u5B8C\u6BD5\u7126\u70B9\u8FD8\u5728\u5BCC\u6587\u672C\u91CC,\u5F39\u51FA\u65E0\u6CD5\u663E\u793A.....-->\r\n<div id=\"te\" (click)=\"te()\"></div>\r\n<nz-modal [(nzVisible)]=\"imgVis\" (nzOnOk)=\"saveSeq()\" (nzOnCancel)=\"cancle()\" nzMaskClosable=\"false\"\r\n          [nzStyle]=\"{padding:0}\">\r\n  <ng-container *nzModalContent>\r\n  <div style=\"max-height:600px;overflow:auto;margin-top: 10px;\">\r\n    <ng-container *ngTemplateOutlet=\"imgsContent\"></ng-container>\r\n  </div>\r\n  </ng-container>\r\n</nz-modal>\r\n<ng-template #imgsContent>\r\n  <ng-container *ngFor=\"let imgOpt of imgUrls;let i = index\">\r\n    <div class=\"img-div\">\r\n      <img [src]=\"imgOpt.url\" [ngStyle]=\"{ width: '100px',display: 'inline-block', margin:'5px' }\"/>\r\n      <div style=\"margin-left: 20px; color: grey;\">{{imgOpt.file.name}}</div>\r\n      <div style=\"margin-right: 20px; flex: 1;text-align: right;\">\r\n        <a title=\"\u4E0A\u79FB\" *ngIf=\" i > 0\" style=\"display: block;\" (click)=\"arrowUp(i)\">\r\n          <i nz-icon nzType=\"arrow-up\" nzTheme=\"outline\" style=\"color: #1890ff; font-size: 15px;\"></i>\r\n          \u4E0A\u79FB</a>\r\n        <a title=\"\u4E0B\u79FB\" *ngIf=\" i < imgUrls.length - 1\" (click)=\"arrowDown(i)\">\r\n          <i nz-icon nzType=\"arrow-down\" nzTheme=\"outline\" style=\"color: #1890ff; font-size: 15px\"></i>\r\n          \u4E0B\u79FB</a>\r\n      </div>\r\n    </div>\r\n  </ng-container>\r\n</ng-template>\r\n\r\n", styles: [":host{width:100%;height:100%;display:block}.img-div{border:1px solid #d9d9d9;border-radius:4px;margin-top:5px;display:flex;align-items:center;padding:0 5px}\n"], dependencies: [{ kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i4.ɵNzTransitionPatchDirective, selector: "[nz-button], nz-button-group, [nz-icon], [nz-menu-item], [nz-submenu], nz-select-top-control, nz-select-placeholder, nz-input-group", inputs: ["hidden"] }, { kind: "directive", type: i8.NzIconDirective, selector: "[nz-icon]", inputs: ["nzSpin", "nzRotate", "nzType", "nzTheme", "nzTwotoneColor", "nzIconfont"], exportAs: ["nzIcon"] }, { kind: "component", type: i3$2.NzModalComponent, selector: "nz-modal", inputs: ["nzMask", "nzMaskClosable", "nzCloseOnNavigation", "nzVisible", "nzClosable", "nzOkLoading", "nzOkDisabled", "nzCancelDisabled", "nzCancelLoading", "nzKeyboard", "nzNoAnimation", "nzCentered", "nzContent", "nzFooter", "nzZIndex", "nzWidth", "nzWrapClassName", "nzClassName", "nzStyle", "nzTitle", "nzCloseIcon", "nzMaskStyle", "nzBodyStyle", "nzOkText", "nzCancelText", "nzOkType", "nzOkDanger", "nzIconType", "nzModalType", "nzAutofocus", "nzOnOk", "nzOnCancel"], outputs: ["nzOnOk", "nzOnCancel", "nzAfterOpen", "nzAfterClose", "nzVisibleChange"], exportAs: ["nzModal"] }, { kind: "directive", type: i3$2.NzModalContentDirective, selector: "[nzModalContent]", exportAs: ["nzModalContent"] }, { kind: "component", type: i8$2.QuillEditorComponent, selector: "quill-editor" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: QuillEditorComponent, decorators: [{
             type: Component,
@@ -4214,7 +4215,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImpor
                             useExisting: forwardRef(() => QuillEditorComponent),
                             multi: true
                         }
-                    ], template: "<quill-editor\r\n  [styles]=\"styles\"\r\n  [placeholder]=\"placeholder\"\r\n  (onEditorCreated)=\"EditorCreated($event)\"\r\n  [(ngModel)]=\"value\"\r\n  (onContentChanged)=\"onChange($event)\"\r\n  [readOnly]=\"readOnly\"\r\n></quill-editor>\r\n<!--\u8FD9\u4E2Adiv,\u662F\u56E0\u4E3A\u4E0A\u4F20\u5B8C\u6BD5\u7126\u70B9\u8FD8\u5728\u5BCC\u6587\u672C\u91CC,\u5F39\u51FA\u65E0\u6CD5\u663E\u793A.....-->\r\n<div id=\"te\" (click)=\"te()\"></div>\r\n<nz-modal [(nzVisible)]=\"imgVis\" (nzOnOk)=\"saveSeq()\" (nzOnCancel)=\"cancle()\" nzMaskClosable=\"false\"\r\n          [nzStyle]=\"{padding:0}\">\r\n  <ng-container *nzModalContent>\r\n  <div style=\"max-height:600px;overflow:auto;margin-top: 10px;\">\r\n    <ng-container *ngTemplateOutlet=\"imgsContent\"></ng-container>\r\n  </div>\r\n  </ng-container>\r\n</nz-modal>\r\n<ng-template #imgsContent>\r\n  <ng-container *ngFor=\"let imgOpt of imgUrls;let i = index\">\r\n    <div class=\"img-div\">\r\n      <img [src]=\"imgOpt.url\" [ngStyle]=\"{ width: '100px',display: 'inline-block', margin:'5px' }\"/>\r\n      <div style=\"margin-left: 20px; color: grey;\">{{imgOpt.file.name}}</div>\r\n      <div style=\"margin-right: 20px; flex: 1;text-align: right;\">\r\n        <a title=\"\u4E0A\u79FB\" *ngIf=\" i > 0\" style=\"display: block;\" (click)=\"arrowUp(i)\">\r\n          <i nz-icon nzType=\"arrow-up\" nzTheme=\"outline\" style=\"color: #1890ff; font-size: 15px;\"></i>\r\n          \u4E0A\u79FB</a>\r\n        <a title=\"\u4E0B\u79FB\" *ngIf=\" i < imgUrls.length - 1\" (click)=\"arrowDown(i)\">\r\n          <i nz-icon nzType=\"arrow-down\" nzTheme=\"outline\" style=\"color: #1890ff; font-size: 15px\"></i>\r\n          \u4E0B\u79FB</a>\r\n      </div>\r\n    </div>\r\n  </ng-container>\r\n</ng-template>\r\n\r\n", styles: [".img-div{border:1px solid #d9d9d9;border-radius:4px;margin-top:5px;display:flex;align-items:center;padding:0 5px}\n"] }]
+                    ], template: "<quill-editor\r\n  [styles]=\"styles\"\r\n  [placeholder]=\"placeholder\"\r\n  (onEditorCreated)=\"EditorCreated($event)\"\r\n  [(ngModel)]=\"value\"\r\n  (onContentChanged)=\"onChange($event)\"\r\n  [readOnly]=\"readOnly\"\r\n></quill-editor>\r\n<!--\u8FD9\u4E2Adiv,\u662F\u56E0\u4E3A\u4E0A\u4F20\u5B8C\u6BD5\u7126\u70B9\u8FD8\u5728\u5BCC\u6587\u672C\u91CC,\u5F39\u51FA\u65E0\u6CD5\u663E\u793A.....-->\r\n<div id=\"te\" (click)=\"te()\"></div>\r\n<nz-modal [(nzVisible)]=\"imgVis\" (nzOnOk)=\"saveSeq()\" (nzOnCancel)=\"cancle()\" nzMaskClosable=\"false\"\r\n          [nzStyle]=\"{padding:0}\">\r\n  <ng-container *nzModalContent>\r\n  <div style=\"max-height:600px;overflow:auto;margin-top: 10px;\">\r\n    <ng-container *ngTemplateOutlet=\"imgsContent\"></ng-container>\r\n  </div>\r\n  </ng-container>\r\n</nz-modal>\r\n<ng-template #imgsContent>\r\n  <ng-container *ngFor=\"let imgOpt of imgUrls;let i = index\">\r\n    <div class=\"img-div\">\r\n      <img [src]=\"imgOpt.url\" [ngStyle]=\"{ width: '100px',display: 'inline-block', margin:'5px' }\"/>\r\n      <div style=\"margin-left: 20px; color: grey;\">{{imgOpt.file.name}}</div>\r\n      <div style=\"margin-right: 20px; flex: 1;text-align: right;\">\r\n        <a title=\"\u4E0A\u79FB\" *ngIf=\" i > 0\" style=\"display: block;\" (click)=\"arrowUp(i)\">\r\n          <i nz-icon nzType=\"arrow-up\" nzTheme=\"outline\" style=\"color: #1890ff; font-size: 15px;\"></i>\r\n          \u4E0A\u79FB</a>\r\n        <a title=\"\u4E0B\u79FB\" *ngIf=\" i < imgUrls.length - 1\" (click)=\"arrowDown(i)\">\r\n          <i nz-icon nzType=\"arrow-down\" nzTheme=\"outline\" style=\"color: #1890ff; font-size: 15px\"></i>\r\n          \u4E0B\u79FB</a>\r\n      </div>\r\n    </div>\r\n  </ng-container>\r\n</ng-template>\r\n\r\n", styles: [":host{width:100%;height:100%;display:block}.img-div{border:1px solid #d9d9d9;border-radius:4px;margin-top:5px;display:flex;align-items:center;padding:0 5px}\n"] }]
         }], ctorParameters: () => [{ type: UploadOssService }, { type: i2$2.NzMessageService }], propDecorators: { placeholder: [{
                 type: Input
             }], styles: [{
@@ -5013,11 +5014,11 @@ class AtrFormComponent {
         return false;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: AtrFormComponent, deps: [{ token: ShareService }, { token: HttpService }, { token: i3.UntypedFormBuilder }, { token: DictService }, { token: i0.Injector }, { token: LOCALE_ID }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.9", type: AtrFormComponent, selector: "atr-form", inputs: { formOpts: "formOpts" }, outputs: { formAction: "formAction", uploadAction: "uploadAction", quillChange: "quillChange" }, ngImport: i0, template: "<atr-view-form *ngIf=\"formOpts.type == 'view'\" [dicts]=\"dicts\" [atrForm]=\"atrForm\"\r\n               [formOpts]=\"formOpts\"></atr-view-form>\r\n\r\n<form nz-form [formGroup]=\"atrForm\" *ngIf=\"formOpts.type != 'view'\">\r\n  <div nz-row nzGutter=\"8\" nzType=\"flex\" nzAlign=\"top\">\r\n    <ng-container *ngFor=\"let item of formOpts.items\">\r\n      <div nz-col nzSpan=\"24\" class=\"form-title\" *ngIf=\"item.type == 'title'\">\r\n        {{item.label}}\r\n      </div>\r\n      <div nz-col [nzSpan]=\"item.span\" *ngIf=\"isShow(item.isHidden,item.operator)\">\r\n        <ng-content *ngTemplateOutlet=\"item.firstTemp\"></ng-content>\r\n        <nz-form-item *ngIf=\"item.type != 'title'\">\r\n          <nz-form-label [nzSm]=\"item.lspan\" [nzXs]=\"24\" [nzRequired]=\"isRequired(item)\">{{item.label}}</nz-form-label>\r\n          <nz-form-control [nzSm]=\"item.cspan\" [nzXs]=\"24\">\r\n            <div style=\"display: flex;width: 100%\">\r\n              <nz-tree-select *ngIf=\"item.type == 'treeSelect'\"\r\n                              [nzNodes]=\"item.treeList\"\r\n                              nzShowSearch=\"true\"\r\n                              nzHideUnMatched=\"true\"\r\n                              nzPlaceHolder=\"{{item.placeholder}}\"\r\n                              [nzShowSearch]=\"true\"\r\n                              [formControlName]=\"item.key\"\r\n                              [nzAllowClear]=\"!item.notNull\"\r\n                              [nzMultiple]=\"item.selectUrl.isMultiple\"\r\n                              [nzDisabled]=\"item.readonly\"\r\n                              nzVirtualHeight=\"330px\"\r\n                              style=\"flex: 1\"\r\n              >\r\n              </nz-tree-select>\r\n              <!-- <nz-tree-select *ngIf=\"item.type == 'treeSelect'\"\r\n                              [nzAllowClear]=\"!item.notNull\"\r\n                              [nzNodes]=\"item.treeList\"\r\n                              nzShowSearch=\"true\"\r\n                              nzHideUnMatched=\"true\"\r\n                              nzPlaceHolder=\"{{item.placeholder}}\"\r\n                              [nzShowSearch]=\"true\"\r\n                              [formControlName]=\"item.key\"\r\n                              [nzMultiple]=\"item.selectUrl.isMultiple\"\r\n                              [nzDisabled]=\"item.readonly\" style=\"flex: 1\"\r\n              >\r\n              </nz-tree-select> -->\r\n              <app-select-icons *ngIf=\"item.type == 'selectIcon'\" nz-input placeholder=\"{{item.placeholder}}\"\r\n                                [readonly]=\"item.readonly \"\r\n                                style=\"flex: 1\"\r\n                                [formControlName]=\"item.key\">\r\n              </app-select-icons>\r\n              <input *ngIf=\"item.type == 'text'\" nz-input placeholder=\"{{item.placeholder}}\"\r\n                     (ngModelChange)=\"formChange($event,item)\"\r\n                     [readonly]=\"item.readonly || formOpts.type == 'view'\"\r\n                     [formControlName]=\"item.key\"/>\r\n              <textarea *ngIf=\"item.type == 'textarea'\" nz-input [rows]=\"item.rows\" placeholder=\"{{item.placeholder}}\"\r\n                        [formControlName]=\"item.key\" [readonly]=\"item.readonly|| formOpts.type == 'view'\"></textarea>\r\n              <nz-input-number *ngIf=\"item.type == 'number'\" nzPlaceHolder=\"{{item.placeholder}}\"\r\n                               [nzMin]=\"item.minNumber\" [nzMax]=\"item.maxNumber\"\r\n                               [formControlName]=\"item.key\"></nz-input-number>\r\n              <nz-radio-group *ngIf=\"item.type == 'radio'\" [formControlName]=\"item.key\">\r\n                <label nz-radio *ngFor=\"let o of item.dictList\" [nzValue]=\"o.value\">{{o.label}}</label>\r\n              </nz-radio-group>\r\n              <nz-checkbox-wrapper *ngIf=\"item.type == 'checkbox'\" [formControlName]=\"item.key\">\r\n                <div nz-row>\r\n                  <div *ngFor=\"let o of item.dictList\" nz-col>\r\n                    <label nz-checkbox [nzValue]=\"o.value\">{{o.label}}</label></div>\r\n                </div>\r\n              </nz-checkbox-wrapper>\r\n              <nz-select\r\n                [nzShowSearch]=\"true\"\r\n                *ngIf=\"item.type == 'select'\"\r\n                nzPlaceHolder=\"{{item.placeholder}}\"\r\n                nzAllowClear=\"true\"\r\n                [formControlName]=\"item.key\"\r\n                nzServerSearch\r\n                [nzMode]=\"item.nzMode || 'default'\"\r\n                nzDisabled=\"{{item.readonly|| formOpts.type == 'view'}}\"\r\n              >\r\n                <nz-option *ngFor=\"let o of dicts[item.dictCode]\" [nzLabel]=\"o.typeName\" [nzValue]=\"o.id\"></nz-option>\r\n              </nz-select>\r\n              <nz-select\r\n                [nzShowSearch]=\"true\"\r\n                *ngIf=\"item.type == 'selectc'\"\r\n                nzPlaceHolder=\"{{item.placeholder}}\"\r\n                nzAllowClear=\"true\"\r\n                [formControlName]=\"item.key\"\r\n                nzServerSearch\r\n                [nzMode]=\"item.nzMode || 'default'\"\r\n                nzDisabled=\"{{item.readonly|| formOpts.type == 'view'}}\"\r\n                (ngModelChange)=\"selectChange($event,item)\"\r\n              >\r\n                <nz-option *ngFor=\"let o of item.dictList\" [nzLabel]=\"o.label\" [nzValue]=\"o.value\"></nz-option>\r\n              </nz-select>\r\n              <nz-cascader [nzDisabled]=\"item.readonly\" style=\"flex: 1\" [nzAllowClear]=\"!item.notNull\"\r\n                           [nzValueProperty]=\"item.valueProperty\"\r\n                           [nzShowSearch]=\"true\" *ngIf=\"item.type == 'cascader'\"\r\n                           [nzChangeOnSelect] = \"item.allowSelectNode\"\r\n                           [nzOptions]=\"item.dictList\" [formControlName]=\"item.key\"></nz-cascader>\r\n              <nz-date-picker *ngIf=\"item.type == 'date'\" [nzFormat]=\"item.dateFormat ? item.dateFormat : 'yyyy-MM-dd'\"\r\n                              [nzShowTime]=\"showTime(item)\" style=\"flex: 1\"\r\n                              [nzDisabled]=\"formOpts.type == 'view' || item.readonly \"\r\n                              [formControlName]=\"item.key\"></nz-date-picker>\r\n              <nz-range-picker *ngIf=\"item.type == 'dateRange'\" style=\"flex: 1\"\r\n                               [nzShowTime]=\"item.nzShowTime? item.nzShowTime : false\"\r\n                               [formControlName]=\"item.key\"\r\n                               [nzFormat]=\"item.nzShowTime && item.nzShowTime.nzFormat ? ('yyyy-MM-dd '+ item.nzShowTime.nzFormat) : 'yyyy-MM-dd'\"\r\n                               [nzPlaceHolder]=\"['\u5F00\u59CB\u65F6\u95F4', '\u7ED3\u675F\u65F6\u95F4']\"></nz-range-picker>\r\n\r\n              <input *ngIf=\"item.type == 'image'\" nz-input [formControlName]=\"item.key\" [hidden]=\"true\"/>\r\n              <atr-img-upload *ngIf=\"item.type == 'image'\" [(opts)]=\"item.imageOpts\"\r\n                              (onBeforeUpload)=\"onBeforeUpload($event,item)\"\r\n                              (afterChange)=\"imageUploadChange($event)\"></atr-img-upload>\r\n\r\n              <!--                         <editor *ngIf=\"item.type == 'editor'\" [formControlName]=\"item.key\" [config]=\"{initialFrameHeight:item.height}\" ></editor>-->\r\n              <app-quill-editor *ngIf=\"item.type == 'editor'\" [formControlName]=\"item.key\" (ngModelChange)=\"editChange($event,item)\"\r\n                                [styles]=\"{height:item.height > 0 ? item.height + 'px' : '250px'}\"></app-quill-editor>\r\n              <div *ngIf=\"item.type == 'word'\" [innerHTML]=\"item.value |defVal:item.defaultValue |safeHtml\">\r\n              </div>\r\n              <div *ngIf=\"item.type == 'buttons'\">\r\n                <ng-container *ngFor=\"let btn of item.buttons\">\r\n                  <button nz-button type=\"button\" [nzType]=\"btn.btnType |defVal: 'default'\"\r\n                          class=\"ant-btn ant-btn-primary\"\r\n                          style=\"margin-right: 5px\" *ngIf=\"btn.isShow || isShow(false,btn.operator)\"\r\n                          (click)=\"doAction(btn,$event)\">\r\n                    <span>{{btn.name}}</span></button>\r\n                </ng-container>\r\n              </div>\r\n              <ng-container *ngFor=\"let valid of item.validators\">\r\n                <ng-container *ngIf=\"atrForm.get(item.key).hasError(valid.type) && (atrForm.get(item.key).dirty )\">\r\n                  <div style=\"color:red;    height: 15px;margin: 0;line-height: 15px;\">{{valid.errorLabel}}</div>\r\n                </ng-container>\r\n              </ng-container>\r\n              <button nz-button nzType=\"default\" style=\"cursor: default;background-color: #fafafa;color: black\"\r\n                      *ngIf=\"item.ends\" disabled>\r\n                {{item.ends}}\r\n              </button>\r\n              <button *ngIf=\"item.button?.isShow\" type=\"button\" class=\"ant-btn ant-btn-primary\"\r\n                      (click)=\"doAction(item.button,$event)\">\r\n                <span>{{item.button.name}}</span></button>\r\n            </div>\r\n            <div *ngIf=\"item.proposal\" style=\"color: red;width: 100%\">{{item.proposal}}</div>\r\n          </nz-form-control>\r\n        </nz-form-item>\r\n        <ng-content *ngTemplateOutlet=\"item.temp\"></ng-content>\r\n      </div>\r\n    </ng-container>\r\n  </div>\r\n\r\n</form>\r\n", styles: [":host ::ng-deep .ant-form-item{margin:0 0 10px}:host ::ng-deep .ant-form-item-label{text-align:left}:host ::ng-deep nz-input-number{width:100%}:host .form-title{height:50px;line-height:50px;font-weight:500;font-size:20px;border-bottom:1px solid #e8e8e8;border-radius:4px 4px 0 0;margin-bottom:14px;margin-top:11px}\n"], dependencies: [{ kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i3$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: i4.ɵNzTransitionPatchDirective, selector: "[nz-button], nz-button-group, [nz-icon], [nz-menu-item], [nz-submenu], nz-select-top-control, nz-select-placeholder, nz-input-group", inputs: ["hidden"] }, { kind: "directive", type: i5$1.NzWaveDirective, selector: "[nz-wave],button[nz-button]:not([nzType=\"link\"]):not([nzType=\"text\"])", inputs: ["nzWaveExtraNode"], exportAs: ["nzWave"] }, { kind: "component", type: i4$1.NzCascaderComponent, selector: "nz-cascader, [nz-cascader]", inputs: ["nzOptionRender", "nzShowInput", "nzShowArrow", "nzAllowClear", "nzAutoFocus", "nzChangeOnSelect", "nzDisabled", "nzColumnClassName", "nzExpandTrigger", "nzValueProperty", "nzLabelRender", "nzLabelProperty", "nzNotFoundContent", "nzSize", "nzBackdrop", "nzShowSearch", "nzPlaceHolder", "nzMenuClassName", "nzMenuStyle", "nzMouseEnterDelay", "nzMouseLeaveDelay", "nzStatus", "nzTriggerAction", "nzChangeOn", "nzLoadData", "nzSuffixIcon", "nzExpandIcon", "nzOptions"], outputs: ["nzVisibleChange", "nzSelectionChange", "nzSelect", "nzClear"], exportAs: ["nzCascader"] }, { kind: "component", type: i6$2.NzCheckboxComponent, selector: "[nz-checkbox]", inputs: ["nzValue", "nzAutoFocus", "nzDisabled", "nzIndeterminate", "nzChecked", "nzId"], outputs: ["nzCheckedChange"], exportAs: ["nzCheckbox"] }, { kind: "component", type: i6$2.NzCheckboxWrapperComponent, selector: "nz-checkbox-wrapper", outputs: ["nzOnChange"], exportAs: ["nzCheckboxWrapper"] }, { kind: "component", type: i5.NzDatePickerComponent, selector: "nz-date-picker,nz-week-picker,nz-month-picker,nz-year-picker,nz-range-picker", inputs: ["nzAllowClear", "nzAutoFocus", "nzDisabled", "nzBorderless", "nzInputReadOnly", "nzInline", "nzOpen", "nzDisabledDate", "nzLocale", "nzPlaceHolder", "nzPopupStyle", "nzDropdownClassName", "nzSize", "nzStatus", "nzFormat", "nzDateRender", "nzDisabledTime", "nzRenderExtraFooter", "nzShowToday", "nzMode", "nzShowNow", "nzRanges", "nzDefaultPickerValue", "nzSeparator", "nzSuffixIcon", "nzBackdrop", "nzId", "nzPlacement", "nzShowWeekNumber", "nzShowTime"], outputs: ["nzOnPanelChange", "nzOnCalendarChange", "nzOnOk", "nzOnOpenChange"], exportAs: ["nzDatePicker"] }, { kind: "directive", type: i5.NzRangePickerComponent, selector: "nz-range-picker", exportAs: ["nzRangePicker"] }, { kind: "directive", type: i6.NzColDirective, selector: "[nz-col],nz-col,nz-form-control,nz-form-label", inputs: ["nzFlex", "nzSpan", "nzOrder", "nzOffset", "nzPush", "nzPull", "nzXs", "nzSm", "nzMd", "nzLg", "nzXl", "nzXXl"], exportAs: ["nzCol"] }, { kind: "directive", type: i6.NzRowDirective, selector: "[nz-row],nz-row,nz-form-item", inputs: ["nzAlign", "nzJustify", "nzGutter"], exportAs: ["nzRow"] }, { kind: "directive", type: i13.NzFormDirective, selector: "[nz-form]", inputs: ["nzLayout", "nzNoColon", "nzAutoTips", "nzDisableAutoTips", "nzTooltipIcon", "nzLabelAlign", "nzLabelWrap"], exportAs: ["nzForm"] }, { kind: "component", type: i13.NzFormItemComponent, selector: "nz-form-item", exportAs: ["nzFormItem"] }, { kind: "component", type: i13.NzFormLabelComponent, selector: "nz-form-label", inputs: ["nzFor", "nzRequired", "nzNoColon", "nzTooltipTitle", "nzTooltipIcon", "nzLabelAlign", "nzLabelWrap"], exportAs: ["nzFormLabel"] }, { kind: "component", type: i13.NzFormControlComponent, selector: "nz-form-control", inputs: ["nzSuccessTip", "nzWarningTip", "nzErrorTip", "nzValidatingTip", "nzExtra", "nzAutoTips", "nzDisableAutoTips", "nzHasFeedback", "nzValidateStatus"], exportAs: ["nzFormControl"] }, { kind: "directive", type: i9.NzInputDirective, selector: "input[nz-input],textarea[nz-input]", inputs: ["nzBorderless", "nzSize", "nzStepperless", "nzStatus", "disabled"], exportAs: ["nzInput"] }, { kind: "component", type: i15.NzInputNumberComponent, selector: "nz-input-number", inputs: ["nzSize", "nzMin", "nzMax", "nzParser", "nzPrecision", "nzPrecisionMode", "nzPlaceHolder", "nzStatus", "nzStep", "nzInputMode", "nzId", "nzDisabled", "nzReadOnly", "nzAutoFocus", "nzBorderless", "nzFormatter"], outputs: ["nzBlur", "nzFocus"], exportAs: ["nzInputNumber"] }, { kind: "component", type: i16.NzRadioComponent, selector: "[nz-radio],[nz-radio-button]", inputs: ["nzValue", "nzDisabled", "nzAutoFocus"], exportAs: ["nzRadio"] }, { kind: "component", type: i16.NzRadioGroupComponent, selector: "nz-radio-group", inputs: ["nzDisabled", "nzButtonStyle", "nzSize", "nzName"], exportAs: ["nzRadioGroup"] }, { kind: "component", type: i10.NzOptionComponent, selector: "nz-option", inputs: ["nzTitle", "nzLabel", "nzValue", "nzKey", "nzDisabled", "nzHide", "nzCustomContent"], exportAs: ["nzOption"] }, { kind: "component", type: i10.NzSelectComponent, selector: "nz-select", inputs: ["nzId", "nzSize", "nzStatus", "nzOptionHeightPx", "nzOptionOverflowSize", "nzDropdownClassName", "nzDropdownMatchSelectWidth", "nzDropdownStyle", "nzNotFoundContent", "nzPlaceHolder", "nzPlacement", "nzMaxTagCount", "nzDropdownRender", "nzCustomTemplate", "nzSuffixIcon", "nzClearIcon", "nzRemoveIcon", "nzMenuItemSelectedIcon", "nzTokenSeparators", "nzMaxTagPlaceholder", "nzMaxMultipleCount", "nzMode", "nzFilterOption", "compareWith", "nzAllowClear", "nzBorderless", "nzShowSearch", "nzLoading", "nzAutoFocus", "nzAutoClearSearchValue", "nzServerSearch", "nzDisabled", "nzOpen", "nzSelectOnTab", "nzBackdrop", "nzOptions", "nzShowArrow"], outputs: ["nzOnSearch", "nzScrollToBottom", "nzOpenChange", "nzBlur", "nzFocus"], exportAs: ["nzSelect"] }, { kind: "component", type: i11.NzTreeSelectComponent, selector: "nz-tree-select", inputs: ["nzId", "nzAllowClear", "nzShowExpand", "nzShowLine", "nzDropdownMatchSelectWidth", "nzCheckable", "nzHideUnMatched", "nzShowIcon", "nzShowSearch", "nzDisabled", "nzAsyncData", "nzMultiple", "nzDefaultExpandAll", "nzCheckStrictly", "nzVirtualItemSize", "nzVirtualMaxBufferPx", "nzVirtualMinBufferPx", "nzVirtualHeight", "nzExpandedIcon", "nzNotFoundContent", "nzNodes", "nzOpen", "nzSize", "nzPlaceHolder", "nzDropdownStyle", "nzDropdownClassName", "nzBackdrop", "nzStatus", "nzPlacement", "nzExpandedKeys", "nzDisplayWith", "nzMaxTagCount", "nzMaxTagPlaceholder", "nzTreeTemplate"], outputs: ["nzOpenChange", "nzCleared", "nzRemoved", "nzExpandChange", "nzTreeClick", "nzTreeCheckBoxChange"], exportAs: ["nzTreeSelect"] }, { kind: "component", type: QuillEditorComponent, selector: "app-quill-editor", inputs: ["placeholder", "styles", "value", "readOnly", "needImgSeq"] }, { kind: "component", type: UploadComponent, selector: "atr-img-upload", inputs: ["opts", "isEdit", "allowChangSeq", "showUploadList"], outputs: ["afterChange", "optsChange", "onBeforeUpload"] }, { kind: "component", type: SelectIconsComponent, selector: "app-select-icons", inputs: ["readonly", "placeholder"] }, { kind: "component", type: ViewFormComponent, selector: "atr-view-form", inputs: ["formOpts", "atrForm", "dicts", "items"] }, { kind: "pipe", type: DefaultValPipe, name: "defVal" }, { kind: "pipe", type: SafeHtmlPipe, name: "safeHtml" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.9", type: AtrFormComponent, selector: "atr-form", inputs: { formOpts: "formOpts" }, outputs: { formAction: "formAction", uploadAction: "uploadAction", quillChange: "quillChange" }, ngImport: i0, template: "<atr-view-form *ngIf=\"formOpts.type == 'view'\" [dicts]=\"dicts\" [atrForm]=\"atrForm\"\r\n               [formOpts]=\"formOpts\"></atr-view-form>\r\n\r\n<form nz-form [formGroup]=\"atrForm\" *ngIf=\"formOpts.type != 'view'\">\r\n  <div nz-row nzGutter=\"8\" nzType=\"flex\" nzAlign=\"top\">\r\n    <ng-container *ngFor=\"let item of formOpts.items\">\r\n      <div nz-col nzSpan=\"24\" class=\"form-title\" *ngIf=\"item.type == 'title'\">\r\n        {{item.label}}\r\n      </div>\r\n      <div nz-col [nzSpan]=\"item.span\" *ngIf=\"isShow(item.isHidden,item.operator)\">\r\n        <ng-content *ngTemplateOutlet=\"item.firstTemp\"></ng-content>\r\n        <nz-form-item *ngIf=\"item.type != 'title'\">\r\n          <nz-form-label [nzSm]=\"item.lspan\" [nzXs]=\"24\" [nzRequired]=\"isRequired(item)\">{{item.label}}</nz-form-label>\r\n          <nz-form-control [nzSm]=\"item.cspan\" [nzXs]=\"24\">\r\n            <div style=\"display: flex;width: 100%\">\r\n              <nz-tree-select *ngIf=\"item.type == 'treeSelect'\"\r\n                              [nzNodes]=\"item.treeList\"\r\n                              nzShowSearch=\"true\"\r\n                              nzHideUnMatched=\"true\"\r\n                              nzPlaceHolder=\"{{item.placeholder}}\"\r\n                              [nzShowSearch]=\"true\"\r\n                              [formControlName]=\"item.key\"\r\n                              [nzAllowClear]=\"!item.notNull\"\r\n                              [nzMultiple]=\"item.selectUrl.isMultiple\"\r\n                              [nzDisabled]=\"item.readonly\"\r\n                              nzVirtualHeight=\"330px\"\r\n                              style=\"flex: 1\"\r\n              >\r\n              </nz-tree-select>\r\n              <!-- <nz-tree-select *ngIf=\"item.type == 'treeSelect'\"\r\n                              [nzAllowClear]=\"!item.notNull\"\r\n                              [nzNodes]=\"item.treeList\"\r\n                              nzShowSearch=\"true\"\r\n                              nzHideUnMatched=\"true\"\r\n                              nzPlaceHolder=\"{{item.placeholder}}\"\r\n                              [nzShowSearch]=\"true\"\r\n                              [formControlName]=\"item.key\"\r\n                              [nzMultiple]=\"item.selectUrl.isMultiple\"\r\n                              [nzDisabled]=\"item.readonly\" style=\"flex: 1\"\r\n              >\r\n              </nz-tree-select> -->\r\n              <app-select-icons *ngIf=\"item.type == 'selectIcon'\" nz-input placeholder=\"{{item.placeholder}}\"\r\n                                [readonly]=\"item.readonly \"\r\n                                style=\"flex: 1\"\r\n                                [formControlName]=\"item.key\">\r\n              </app-select-icons>\r\n              <input *ngIf=\"item.type == 'text'\" nz-input placeholder=\"{{item.placeholder}}\"\r\n                     (ngModelChange)=\"formChange($event,item)\"\r\n                     [readonly]=\"item.readonly || formOpts.type == 'view'\"\r\n                     [formControlName]=\"item.key\"/>\r\n              <textarea *ngIf=\"item.type == 'textarea'\" nz-input [rows]=\"item.rows\" placeholder=\"{{item.placeholder}}\"\r\n                        [formControlName]=\"item.key\" [readonly]=\"item.readonly|| formOpts.type == 'view'\"></textarea>\r\n              <nz-input-number *ngIf=\"item.type == 'number'\" nzPlaceHolder=\"{{item.placeholder}}\"\r\n                               [nzMin]=\"item.minNumber\" [nzMax]=\"item.maxNumber\"\r\n                               [formControlName]=\"item.key\"></nz-input-number>\r\n              <nz-radio-group *ngIf=\"item.type == 'radio'\" [formControlName]=\"item.key\">\r\n                <label nz-radio *ngFor=\"let o of item.dictList\" [nzValue]=\"o.value\">{{o.label}}</label>\r\n              </nz-radio-group>\r\n              <nz-checkbox-wrapper *ngIf=\"item.type == 'checkbox'\" [formControlName]=\"item.key\">\r\n                <div nz-row>\r\n                  <div *ngFor=\"let o of item.dictList\" nz-col>\r\n                    <label nz-checkbox [nzValue]=\"o.value\">{{o.label}}</label></div>\r\n                </div>\r\n              </nz-checkbox-wrapper>\r\n              <nz-select\r\n                [nzShowSearch]=\"true\"\r\n                *ngIf=\"item.type == 'select'\"\r\n                nzPlaceHolder=\"{{item.placeholder}}\"\r\n                nzAllowClear=\"true\"\r\n                [formControlName]=\"item.key\"\r\n                nzServerSearch\r\n                [nzMode]=\"item.nzMode || 'default'\"\r\n                nzDisabled=\"{{item.readonly|| formOpts.type == 'view'}}\"\r\n              >\r\n                <nz-option *ngFor=\"let o of dicts[item.dictCode]\" [nzLabel]=\"o.typeName\" [nzValue]=\"o.id\"></nz-option>\r\n              </nz-select>\r\n              <nz-select\r\n                [nzShowSearch]=\"true\"\r\n                *ngIf=\"item.type == 'selectc'\"\r\n                nzPlaceHolder=\"{{item.placeholder}}\"\r\n                nzAllowClear=\"true\"\r\n                [formControlName]=\"item.key\"\r\n                nzServerSearch\r\n                [nzMode]=\"item.nzMode || 'default'\"\r\n                nzDisabled=\"{{item.readonly|| formOpts.type == 'view'}}\"\r\n                (ngModelChange)=\"selectChange($event,item)\"\r\n              >\r\n                <nz-option *ngFor=\"let o of item.dictList\" [nzLabel]=\"o.label\" [nzValue]=\"o.value\"></nz-option>\r\n              </nz-select>\r\n              <nz-cascader [nzDisabled]=\"item.readonly\" style=\"flex: 1\" [nzAllowClear]=\"!item.notNull\"\r\n                           [nzValueProperty]=\"item.valueProperty\"\r\n                           [nzShowSearch]=\"true\" *ngIf=\"item.type == 'cascader'\"\r\n                           [nzChangeOnSelect] = \"item.allowSelectNode\"\r\n                           [nzOptions]=\"item.dictList\" [formControlName]=\"item.key\"></nz-cascader>\r\n              <nz-date-picker *ngIf=\"item.type == 'date'\" [nzFormat]=\"item.dateFormat ? item.dateFormat : 'yyyy-MM-dd'\"\r\n                              [nzShowTime]=\"showTime(item)\" style=\"flex: 1\"\r\n                              [nzDisabled]=\"formOpts.type == 'view' || item.readonly \"\r\n                              [formControlName]=\"item.key\"></nz-date-picker>\r\n              <nz-range-picker *ngIf=\"item.type == 'dateRange'\" style=\"flex: 1\"\r\n                               [nzShowTime]=\"item.nzShowTime? item.nzShowTime : false\"\r\n                               [formControlName]=\"item.key\"\r\n                               [nzFormat]=\"item.nzShowTime && item.nzShowTime.nzFormat ? ('yyyy-MM-dd '+ item.nzShowTime.nzFormat) : 'yyyy-MM-dd'\"\r\n                               [nzPlaceHolder]=\"['\u5F00\u59CB\u65F6\u95F4', '\u7ED3\u675F\u65F6\u95F4']\"></nz-range-picker>\r\n\r\n              <input *ngIf=\"item.type == 'image'\" nz-input [formControlName]=\"item.key\" [hidden]=\"true\"/>\r\n              <atr-img-upload *ngIf=\"item.type == 'image'\" [(opts)]=\"item.imageOpts\"\r\n                              (onBeforeUpload)=\"onBeforeUpload($event,item)\"\r\n                              (afterChange)=\"imageUploadChange($event)\"></atr-img-upload>\r\n\r\n              <!--                         <editor *ngIf=\"item.type == 'editor'\" [formControlName]=\"item.key\" [config]=\"{initialFrameHeight:item.height}\" ></editor>-->\r\n              <app-quill-editor *ngIf=\"item.type == 'editor'\" [formControlName]=\"item.key\" (ngModelChange)=\"editChange($event,item)\"\r\n                                [styles]=\"{height:item.height > 0 ? item.height + 'px' : '250px',width:'100%'}\"></app-quill-editor>\r\n              <div *ngIf=\"item.type == 'word'\" [innerHTML]=\"item.value |defVal:item.defaultValue |safeHtml\">\r\n              </div>\r\n              <div *ngIf=\"item.type == 'buttons'\">\r\n                <ng-container *ngFor=\"let btn of item.buttons\">\r\n                  <button nz-button type=\"button\" [nzType]=\"btn.btnType |defVal: 'default'\"\r\n                          class=\"ant-btn ant-btn-primary\"\r\n                          style=\"margin-right: 5px\" *ngIf=\"btn.isShow || isShow(false,btn.operator)\"\r\n                          (click)=\"doAction(btn,$event)\">\r\n                    <span>{{btn.name}}</span></button>\r\n                </ng-container>\r\n              </div>\r\n              <ng-container *ngFor=\"let valid of item.validators\">\r\n                <ng-container *ngIf=\"atrForm.get(item.key).hasError(valid.type) && (atrForm.get(item.key).dirty )\">\r\n                  <div style=\"color:red;    height: 15px;margin: 0;line-height: 15px;\">{{valid.errorLabel}}</div>\r\n                </ng-container>\r\n              </ng-container>\r\n              <button nz-button nzType=\"default\" style=\"cursor: default;background-color: #fafafa;color: black\"\r\n                      *ngIf=\"item.ends\" disabled>\r\n                {{item.ends}}\r\n              </button>\r\n              <button *ngIf=\"item.button?.isShow\" type=\"button\" class=\"ant-btn ant-btn-primary\"\r\n                      (click)=\"doAction(item.button,$event)\">\r\n                <span>{{item.button.name}}</span></button>\r\n            </div>\r\n            <div *ngIf=\"item.proposal\" style=\"color: red;width: 100%\">{{item.proposal}}</div>\r\n          </nz-form-control>\r\n        </nz-form-item>\r\n        <ng-content *ngTemplateOutlet=\"item.temp\"></ng-content>\r\n      </div>\r\n    </ng-container>\r\n  </div>\r\n\r\n</form>\r\n", styles: [":host ::ng-deep .ant-form-item{margin:0 0 10px}:host ::ng-deep .ant-form-item-label{text-align:left}:host ::ng-deep nz-input-number{width:100%}:host .form-title{height:50px;line-height:50px;font-weight:500;font-size:20px;border-bottom:1px solid #e8e8e8;border-radius:4px 4px 0 0;margin-bottom:14px;margin-top:11px}\n"], dependencies: [{ kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i3$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: i4.ɵNzTransitionPatchDirective, selector: "[nz-button], nz-button-group, [nz-icon], [nz-menu-item], [nz-submenu], nz-select-top-control, nz-select-placeholder, nz-input-group", inputs: ["hidden"] }, { kind: "directive", type: i5$1.NzWaveDirective, selector: "[nz-wave],button[nz-button]:not([nzType=\"link\"]):not([nzType=\"text\"])", inputs: ["nzWaveExtraNode"], exportAs: ["nzWave"] }, { kind: "component", type: i4$1.NzCascaderComponent, selector: "nz-cascader, [nz-cascader]", inputs: ["nzOptionRender", "nzShowInput", "nzShowArrow", "nzAllowClear", "nzAutoFocus", "nzChangeOnSelect", "nzDisabled", "nzColumnClassName", "nzExpandTrigger", "nzValueProperty", "nzLabelRender", "nzLabelProperty", "nzNotFoundContent", "nzSize", "nzBackdrop", "nzShowSearch", "nzPlaceHolder", "nzMenuClassName", "nzMenuStyle", "nzMouseEnterDelay", "nzMouseLeaveDelay", "nzStatus", "nzTriggerAction", "nzChangeOn", "nzLoadData", "nzSuffixIcon", "nzExpandIcon", "nzOptions"], outputs: ["nzVisibleChange", "nzSelectionChange", "nzSelect", "nzClear"], exportAs: ["nzCascader"] }, { kind: "component", type: i6$2.NzCheckboxComponent, selector: "[nz-checkbox]", inputs: ["nzValue", "nzAutoFocus", "nzDisabled", "nzIndeterminate", "nzChecked", "nzId"], outputs: ["nzCheckedChange"], exportAs: ["nzCheckbox"] }, { kind: "component", type: i6$2.NzCheckboxWrapperComponent, selector: "nz-checkbox-wrapper", outputs: ["nzOnChange"], exportAs: ["nzCheckboxWrapper"] }, { kind: "component", type: i5.NzDatePickerComponent, selector: "nz-date-picker,nz-week-picker,nz-month-picker,nz-year-picker,nz-range-picker", inputs: ["nzAllowClear", "nzAutoFocus", "nzDisabled", "nzBorderless", "nzInputReadOnly", "nzInline", "nzOpen", "nzDisabledDate", "nzLocale", "nzPlaceHolder", "nzPopupStyle", "nzDropdownClassName", "nzSize", "nzStatus", "nzFormat", "nzDateRender", "nzDisabledTime", "nzRenderExtraFooter", "nzShowToday", "nzMode", "nzShowNow", "nzRanges", "nzDefaultPickerValue", "nzSeparator", "nzSuffixIcon", "nzBackdrop", "nzId", "nzPlacement", "nzShowWeekNumber", "nzShowTime"], outputs: ["nzOnPanelChange", "nzOnCalendarChange", "nzOnOk", "nzOnOpenChange"], exportAs: ["nzDatePicker"] }, { kind: "directive", type: i5.NzRangePickerComponent, selector: "nz-range-picker", exportAs: ["nzRangePicker"] }, { kind: "directive", type: i6.NzColDirective, selector: "[nz-col],nz-col,nz-form-control,nz-form-label", inputs: ["nzFlex", "nzSpan", "nzOrder", "nzOffset", "nzPush", "nzPull", "nzXs", "nzSm", "nzMd", "nzLg", "nzXl", "nzXXl"], exportAs: ["nzCol"] }, { kind: "directive", type: i6.NzRowDirective, selector: "[nz-row],nz-row,nz-form-item", inputs: ["nzAlign", "nzJustify", "nzGutter"], exportAs: ["nzRow"] }, { kind: "directive", type: i13.NzFormDirective, selector: "[nz-form]", inputs: ["nzLayout", "nzNoColon", "nzAutoTips", "nzDisableAutoTips", "nzTooltipIcon", "nzLabelAlign", "nzLabelWrap"], exportAs: ["nzForm"] }, { kind: "component", type: i13.NzFormItemComponent, selector: "nz-form-item", exportAs: ["nzFormItem"] }, { kind: "component", type: i13.NzFormLabelComponent, selector: "nz-form-label", inputs: ["nzFor", "nzRequired", "nzNoColon", "nzTooltipTitle", "nzTooltipIcon", "nzLabelAlign", "nzLabelWrap"], exportAs: ["nzFormLabel"] }, { kind: "component", type: i13.NzFormControlComponent, selector: "nz-form-control", inputs: ["nzSuccessTip", "nzWarningTip", "nzErrorTip", "nzValidatingTip", "nzExtra", "nzAutoTips", "nzDisableAutoTips", "nzHasFeedback", "nzValidateStatus"], exportAs: ["nzFormControl"] }, { kind: "directive", type: i9.NzInputDirective, selector: "input[nz-input],textarea[nz-input]", inputs: ["nzBorderless", "nzSize", "nzStepperless", "nzStatus", "disabled"], exportAs: ["nzInput"] }, { kind: "component", type: i15.NzInputNumberComponent, selector: "nz-input-number", inputs: ["nzSize", "nzMin", "nzMax", "nzParser", "nzPrecision", "nzPrecisionMode", "nzPlaceHolder", "nzStatus", "nzStep", "nzInputMode", "nzId", "nzDisabled", "nzReadOnly", "nzAutoFocus", "nzBorderless", "nzFormatter"], outputs: ["nzBlur", "nzFocus"], exportAs: ["nzInputNumber"] }, { kind: "component", type: i16.NzRadioComponent, selector: "[nz-radio],[nz-radio-button]", inputs: ["nzValue", "nzDisabled", "nzAutoFocus"], exportAs: ["nzRadio"] }, { kind: "component", type: i16.NzRadioGroupComponent, selector: "nz-radio-group", inputs: ["nzDisabled", "nzButtonStyle", "nzSize", "nzName"], exportAs: ["nzRadioGroup"] }, { kind: "component", type: i10.NzOptionComponent, selector: "nz-option", inputs: ["nzTitle", "nzLabel", "nzValue", "nzKey", "nzDisabled", "nzHide", "nzCustomContent"], exportAs: ["nzOption"] }, { kind: "component", type: i10.NzSelectComponent, selector: "nz-select", inputs: ["nzId", "nzSize", "nzStatus", "nzOptionHeightPx", "nzOptionOverflowSize", "nzDropdownClassName", "nzDropdownMatchSelectWidth", "nzDropdownStyle", "nzNotFoundContent", "nzPlaceHolder", "nzPlacement", "nzMaxTagCount", "nzDropdownRender", "nzCustomTemplate", "nzSuffixIcon", "nzClearIcon", "nzRemoveIcon", "nzMenuItemSelectedIcon", "nzTokenSeparators", "nzMaxTagPlaceholder", "nzMaxMultipleCount", "nzMode", "nzFilterOption", "compareWith", "nzAllowClear", "nzBorderless", "nzShowSearch", "nzLoading", "nzAutoFocus", "nzAutoClearSearchValue", "nzServerSearch", "nzDisabled", "nzOpen", "nzSelectOnTab", "nzBackdrop", "nzOptions", "nzShowArrow"], outputs: ["nzOnSearch", "nzScrollToBottom", "nzOpenChange", "nzBlur", "nzFocus"], exportAs: ["nzSelect"] }, { kind: "component", type: i11.NzTreeSelectComponent, selector: "nz-tree-select", inputs: ["nzId", "nzAllowClear", "nzShowExpand", "nzShowLine", "nzDropdownMatchSelectWidth", "nzCheckable", "nzHideUnMatched", "nzShowIcon", "nzShowSearch", "nzDisabled", "nzAsyncData", "nzMultiple", "nzDefaultExpandAll", "nzCheckStrictly", "nzVirtualItemSize", "nzVirtualMaxBufferPx", "nzVirtualMinBufferPx", "nzVirtualHeight", "nzExpandedIcon", "nzNotFoundContent", "nzNodes", "nzOpen", "nzSize", "nzPlaceHolder", "nzDropdownStyle", "nzDropdownClassName", "nzBackdrop", "nzStatus", "nzPlacement", "nzExpandedKeys", "nzDisplayWith", "nzMaxTagCount", "nzMaxTagPlaceholder", "nzTreeTemplate"], outputs: ["nzOpenChange", "nzCleared", "nzRemoved", "nzExpandChange", "nzTreeClick", "nzTreeCheckBoxChange"], exportAs: ["nzTreeSelect"] }, { kind: "component", type: QuillEditorComponent, selector: "app-quill-editor", inputs: ["placeholder", "styles", "value", "readOnly", "needImgSeq"] }, { kind: "component", type: UploadComponent, selector: "atr-img-upload", inputs: ["opts", "isEdit", "allowChangSeq", "showUploadList"], outputs: ["afterChange", "optsChange", "onBeforeUpload"] }, { kind: "component", type: SelectIconsComponent, selector: "app-select-icons", inputs: ["readonly", "placeholder"] }, { kind: "component", type: ViewFormComponent, selector: "atr-view-form", inputs: ["formOpts", "atrForm", "dicts", "items"] }, { kind: "pipe", type: DefaultValPipe, name: "defVal" }, { kind: "pipe", type: SafeHtmlPipe, name: "safeHtml" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: AtrFormComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'atr-form', template: "<atr-view-form *ngIf=\"formOpts.type == 'view'\" [dicts]=\"dicts\" [atrForm]=\"atrForm\"\r\n               [formOpts]=\"formOpts\"></atr-view-form>\r\n\r\n<form nz-form [formGroup]=\"atrForm\" *ngIf=\"formOpts.type != 'view'\">\r\n  <div nz-row nzGutter=\"8\" nzType=\"flex\" nzAlign=\"top\">\r\n    <ng-container *ngFor=\"let item of formOpts.items\">\r\n      <div nz-col nzSpan=\"24\" class=\"form-title\" *ngIf=\"item.type == 'title'\">\r\n        {{item.label}}\r\n      </div>\r\n      <div nz-col [nzSpan]=\"item.span\" *ngIf=\"isShow(item.isHidden,item.operator)\">\r\n        <ng-content *ngTemplateOutlet=\"item.firstTemp\"></ng-content>\r\n        <nz-form-item *ngIf=\"item.type != 'title'\">\r\n          <nz-form-label [nzSm]=\"item.lspan\" [nzXs]=\"24\" [nzRequired]=\"isRequired(item)\">{{item.label}}</nz-form-label>\r\n          <nz-form-control [nzSm]=\"item.cspan\" [nzXs]=\"24\">\r\n            <div style=\"display: flex;width: 100%\">\r\n              <nz-tree-select *ngIf=\"item.type == 'treeSelect'\"\r\n                              [nzNodes]=\"item.treeList\"\r\n                              nzShowSearch=\"true\"\r\n                              nzHideUnMatched=\"true\"\r\n                              nzPlaceHolder=\"{{item.placeholder}}\"\r\n                              [nzShowSearch]=\"true\"\r\n                              [formControlName]=\"item.key\"\r\n                              [nzAllowClear]=\"!item.notNull\"\r\n                              [nzMultiple]=\"item.selectUrl.isMultiple\"\r\n                              [nzDisabled]=\"item.readonly\"\r\n                              nzVirtualHeight=\"330px\"\r\n                              style=\"flex: 1\"\r\n              >\r\n              </nz-tree-select>\r\n              <!-- <nz-tree-select *ngIf=\"item.type == 'treeSelect'\"\r\n                              [nzAllowClear]=\"!item.notNull\"\r\n                              [nzNodes]=\"item.treeList\"\r\n                              nzShowSearch=\"true\"\r\n                              nzHideUnMatched=\"true\"\r\n                              nzPlaceHolder=\"{{item.placeholder}}\"\r\n                              [nzShowSearch]=\"true\"\r\n                              [formControlName]=\"item.key\"\r\n                              [nzMultiple]=\"item.selectUrl.isMultiple\"\r\n                              [nzDisabled]=\"item.readonly\" style=\"flex: 1\"\r\n              >\r\n              </nz-tree-select> -->\r\n              <app-select-icons *ngIf=\"item.type == 'selectIcon'\" nz-input placeholder=\"{{item.placeholder}}\"\r\n                                [readonly]=\"item.readonly \"\r\n                                style=\"flex: 1\"\r\n                                [formControlName]=\"item.key\">\r\n              </app-select-icons>\r\n              <input *ngIf=\"item.type == 'text'\" nz-input placeholder=\"{{item.placeholder}}\"\r\n                     (ngModelChange)=\"formChange($event,item)\"\r\n                     [readonly]=\"item.readonly || formOpts.type == 'view'\"\r\n                     [formControlName]=\"item.key\"/>\r\n              <textarea *ngIf=\"item.type == 'textarea'\" nz-input [rows]=\"item.rows\" placeholder=\"{{item.placeholder}}\"\r\n                        [formControlName]=\"item.key\" [readonly]=\"item.readonly|| formOpts.type == 'view'\"></textarea>\r\n              <nz-input-number *ngIf=\"item.type == 'number'\" nzPlaceHolder=\"{{item.placeholder}}\"\r\n                               [nzMin]=\"item.minNumber\" [nzMax]=\"item.maxNumber\"\r\n                               [formControlName]=\"item.key\"></nz-input-number>\r\n              <nz-radio-group *ngIf=\"item.type == 'radio'\" [formControlName]=\"item.key\">\r\n                <label nz-radio *ngFor=\"let o of item.dictList\" [nzValue]=\"o.value\">{{o.label}}</label>\r\n              </nz-radio-group>\r\n              <nz-checkbox-wrapper *ngIf=\"item.type == 'checkbox'\" [formControlName]=\"item.key\">\r\n                <div nz-row>\r\n                  <div *ngFor=\"let o of item.dictList\" nz-col>\r\n                    <label nz-checkbox [nzValue]=\"o.value\">{{o.label}}</label></div>\r\n                </div>\r\n              </nz-checkbox-wrapper>\r\n              <nz-select\r\n                [nzShowSearch]=\"true\"\r\n                *ngIf=\"item.type == 'select'\"\r\n                nzPlaceHolder=\"{{item.placeholder}}\"\r\n                nzAllowClear=\"true\"\r\n                [formControlName]=\"item.key\"\r\n                nzServerSearch\r\n                [nzMode]=\"item.nzMode || 'default'\"\r\n                nzDisabled=\"{{item.readonly|| formOpts.type == 'view'}}\"\r\n              >\r\n                <nz-option *ngFor=\"let o of dicts[item.dictCode]\" [nzLabel]=\"o.typeName\" [nzValue]=\"o.id\"></nz-option>\r\n              </nz-select>\r\n              <nz-select\r\n                [nzShowSearch]=\"true\"\r\n                *ngIf=\"item.type == 'selectc'\"\r\n                nzPlaceHolder=\"{{item.placeholder}}\"\r\n                nzAllowClear=\"true\"\r\n                [formControlName]=\"item.key\"\r\n                nzServerSearch\r\n                [nzMode]=\"item.nzMode || 'default'\"\r\n                nzDisabled=\"{{item.readonly|| formOpts.type == 'view'}}\"\r\n                (ngModelChange)=\"selectChange($event,item)\"\r\n              >\r\n                <nz-option *ngFor=\"let o of item.dictList\" [nzLabel]=\"o.label\" [nzValue]=\"o.value\"></nz-option>\r\n              </nz-select>\r\n              <nz-cascader [nzDisabled]=\"item.readonly\" style=\"flex: 1\" [nzAllowClear]=\"!item.notNull\"\r\n                           [nzValueProperty]=\"item.valueProperty\"\r\n                           [nzShowSearch]=\"true\" *ngIf=\"item.type == 'cascader'\"\r\n                           [nzChangeOnSelect] = \"item.allowSelectNode\"\r\n                           [nzOptions]=\"item.dictList\" [formControlName]=\"item.key\"></nz-cascader>\r\n              <nz-date-picker *ngIf=\"item.type == 'date'\" [nzFormat]=\"item.dateFormat ? item.dateFormat : 'yyyy-MM-dd'\"\r\n                              [nzShowTime]=\"showTime(item)\" style=\"flex: 1\"\r\n                              [nzDisabled]=\"formOpts.type == 'view' || item.readonly \"\r\n                              [formControlName]=\"item.key\"></nz-date-picker>\r\n              <nz-range-picker *ngIf=\"item.type == 'dateRange'\" style=\"flex: 1\"\r\n                               [nzShowTime]=\"item.nzShowTime? item.nzShowTime : false\"\r\n                               [formControlName]=\"item.key\"\r\n                               [nzFormat]=\"item.nzShowTime && item.nzShowTime.nzFormat ? ('yyyy-MM-dd '+ item.nzShowTime.nzFormat) : 'yyyy-MM-dd'\"\r\n                               [nzPlaceHolder]=\"['\u5F00\u59CB\u65F6\u95F4', '\u7ED3\u675F\u65F6\u95F4']\"></nz-range-picker>\r\n\r\n              <input *ngIf=\"item.type == 'image'\" nz-input [formControlName]=\"item.key\" [hidden]=\"true\"/>\r\n              <atr-img-upload *ngIf=\"item.type == 'image'\" [(opts)]=\"item.imageOpts\"\r\n                              (onBeforeUpload)=\"onBeforeUpload($event,item)\"\r\n                              (afterChange)=\"imageUploadChange($event)\"></atr-img-upload>\r\n\r\n              <!--                         <editor *ngIf=\"item.type == 'editor'\" [formControlName]=\"item.key\" [config]=\"{initialFrameHeight:item.height}\" ></editor>-->\r\n              <app-quill-editor *ngIf=\"item.type == 'editor'\" [formControlName]=\"item.key\" (ngModelChange)=\"editChange($event,item)\"\r\n                                [styles]=\"{height:item.height > 0 ? item.height + 'px' : '250px'}\"></app-quill-editor>\r\n              <div *ngIf=\"item.type == 'word'\" [innerHTML]=\"item.value |defVal:item.defaultValue |safeHtml\">\r\n              </div>\r\n              <div *ngIf=\"item.type == 'buttons'\">\r\n                <ng-container *ngFor=\"let btn of item.buttons\">\r\n                  <button nz-button type=\"button\" [nzType]=\"btn.btnType |defVal: 'default'\"\r\n                          class=\"ant-btn ant-btn-primary\"\r\n                          style=\"margin-right: 5px\" *ngIf=\"btn.isShow || isShow(false,btn.operator)\"\r\n                          (click)=\"doAction(btn,$event)\">\r\n                    <span>{{btn.name}}</span></button>\r\n                </ng-container>\r\n              </div>\r\n              <ng-container *ngFor=\"let valid of item.validators\">\r\n                <ng-container *ngIf=\"atrForm.get(item.key).hasError(valid.type) && (atrForm.get(item.key).dirty )\">\r\n                  <div style=\"color:red;    height: 15px;margin: 0;line-height: 15px;\">{{valid.errorLabel}}</div>\r\n                </ng-container>\r\n              </ng-container>\r\n              <button nz-button nzType=\"default\" style=\"cursor: default;background-color: #fafafa;color: black\"\r\n                      *ngIf=\"item.ends\" disabled>\r\n                {{item.ends}}\r\n              </button>\r\n              <button *ngIf=\"item.button?.isShow\" type=\"button\" class=\"ant-btn ant-btn-primary\"\r\n                      (click)=\"doAction(item.button,$event)\">\r\n                <span>{{item.button.name}}</span></button>\r\n            </div>\r\n            <div *ngIf=\"item.proposal\" style=\"color: red;width: 100%\">{{item.proposal}}</div>\r\n          </nz-form-control>\r\n        </nz-form-item>\r\n        <ng-content *ngTemplateOutlet=\"item.temp\"></ng-content>\r\n      </div>\r\n    </ng-container>\r\n  </div>\r\n\r\n</form>\r\n", styles: [":host ::ng-deep .ant-form-item{margin:0 0 10px}:host ::ng-deep .ant-form-item-label{text-align:left}:host ::ng-deep nz-input-number{width:100%}:host .form-title{height:50px;line-height:50px;font-weight:500;font-size:20px;border-bottom:1px solid #e8e8e8;border-radius:4px 4px 0 0;margin-bottom:14px;margin-top:11px}\n"] }]
+            args: [{ selector: 'atr-form', template: "<atr-view-form *ngIf=\"formOpts.type == 'view'\" [dicts]=\"dicts\" [atrForm]=\"atrForm\"\r\n               [formOpts]=\"formOpts\"></atr-view-form>\r\n\r\n<form nz-form [formGroup]=\"atrForm\" *ngIf=\"formOpts.type != 'view'\">\r\n  <div nz-row nzGutter=\"8\" nzType=\"flex\" nzAlign=\"top\">\r\n    <ng-container *ngFor=\"let item of formOpts.items\">\r\n      <div nz-col nzSpan=\"24\" class=\"form-title\" *ngIf=\"item.type == 'title'\">\r\n        {{item.label}}\r\n      </div>\r\n      <div nz-col [nzSpan]=\"item.span\" *ngIf=\"isShow(item.isHidden,item.operator)\">\r\n        <ng-content *ngTemplateOutlet=\"item.firstTemp\"></ng-content>\r\n        <nz-form-item *ngIf=\"item.type != 'title'\">\r\n          <nz-form-label [nzSm]=\"item.lspan\" [nzXs]=\"24\" [nzRequired]=\"isRequired(item)\">{{item.label}}</nz-form-label>\r\n          <nz-form-control [nzSm]=\"item.cspan\" [nzXs]=\"24\">\r\n            <div style=\"display: flex;width: 100%\">\r\n              <nz-tree-select *ngIf=\"item.type == 'treeSelect'\"\r\n                              [nzNodes]=\"item.treeList\"\r\n                              nzShowSearch=\"true\"\r\n                              nzHideUnMatched=\"true\"\r\n                              nzPlaceHolder=\"{{item.placeholder}}\"\r\n                              [nzShowSearch]=\"true\"\r\n                              [formControlName]=\"item.key\"\r\n                              [nzAllowClear]=\"!item.notNull\"\r\n                              [nzMultiple]=\"item.selectUrl.isMultiple\"\r\n                              [nzDisabled]=\"item.readonly\"\r\n                              nzVirtualHeight=\"330px\"\r\n                              style=\"flex: 1\"\r\n              >\r\n              </nz-tree-select>\r\n              <!-- <nz-tree-select *ngIf=\"item.type == 'treeSelect'\"\r\n                              [nzAllowClear]=\"!item.notNull\"\r\n                              [nzNodes]=\"item.treeList\"\r\n                              nzShowSearch=\"true\"\r\n                              nzHideUnMatched=\"true\"\r\n                              nzPlaceHolder=\"{{item.placeholder}}\"\r\n                              [nzShowSearch]=\"true\"\r\n                              [formControlName]=\"item.key\"\r\n                              [nzMultiple]=\"item.selectUrl.isMultiple\"\r\n                              [nzDisabled]=\"item.readonly\" style=\"flex: 1\"\r\n              >\r\n              </nz-tree-select> -->\r\n              <app-select-icons *ngIf=\"item.type == 'selectIcon'\" nz-input placeholder=\"{{item.placeholder}}\"\r\n                                [readonly]=\"item.readonly \"\r\n                                style=\"flex: 1\"\r\n                                [formControlName]=\"item.key\">\r\n              </app-select-icons>\r\n              <input *ngIf=\"item.type == 'text'\" nz-input placeholder=\"{{item.placeholder}}\"\r\n                     (ngModelChange)=\"formChange($event,item)\"\r\n                     [readonly]=\"item.readonly || formOpts.type == 'view'\"\r\n                     [formControlName]=\"item.key\"/>\r\n              <textarea *ngIf=\"item.type == 'textarea'\" nz-input [rows]=\"item.rows\" placeholder=\"{{item.placeholder}}\"\r\n                        [formControlName]=\"item.key\" [readonly]=\"item.readonly|| formOpts.type == 'view'\"></textarea>\r\n              <nz-input-number *ngIf=\"item.type == 'number'\" nzPlaceHolder=\"{{item.placeholder}}\"\r\n                               [nzMin]=\"item.minNumber\" [nzMax]=\"item.maxNumber\"\r\n                               [formControlName]=\"item.key\"></nz-input-number>\r\n              <nz-radio-group *ngIf=\"item.type == 'radio'\" [formControlName]=\"item.key\">\r\n                <label nz-radio *ngFor=\"let o of item.dictList\" [nzValue]=\"o.value\">{{o.label}}</label>\r\n              </nz-radio-group>\r\n              <nz-checkbox-wrapper *ngIf=\"item.type == 'checkbox'\" [formControlName]=\"item.key\">\r\n                <div nz-row>\r\n                  <div *ngFor=\"let o of item.dictList\" nz-col>\r\n                    <label nz-checkbox [nzValue]=\"o.value\">{{o.label}}</label></div>\r\n                </div>\r\n              </nz-checkbox-wrapper>\r\n              <nz-select\r\n                [nzShowSearch]=\"true\"\r\n                *ngIf=\"item.type == 'select'\"\r\n                nzPlaceHolder=\"{{item.placeholder}}\"\r\n                nzAllowClear=\"true\"\r\n                [formControlName]=\"item.key\"\r\n                nzServerSearch\r\n                [nzMode]=\"item.nzMode || 'default'\"\r\n                nzDisabled=\"{{item.readonly|| formOpts.type == 'view'}}\"\r\n              >\r\n                <nz-option *ngFor=\"let o of dicts[item.dictCode]\" [nzLabel]=\"o.typeName\" [nzValue]=\"o.id\"></nz-option>\r\n              </nz-select>\r\n              <nz-select\r\n                [nzShowSearch]=\"true\"\r\n                *ngIf=\"item.type == 'selectc'\"\r\n                nzPlaceHolder=\"{{item.placeholder}}\"\r\n                nzAllowClear=\"true\"\r\n                [formControlName]=\"item.key\"\r\n                nzServerSearch\r\n                [nzMode]=\"item.nzMode || 'default'\"\r\n                nzDisabled=\"{{item.readonly|| formOpts.type == 'view'}}\"\r\n                (ngModelChange)=\"selectChange($event,item)\"\r\n              >\r\n                <nz-option *ngFor=\"let o of item.dictList\" [nzLabel]=\"o.label\" [nzValue]=\"o.value\"></nz-option>\r\n              </nz-select>\r\n              <nz-cascader [nzDisabled]=\"item.readonly\" style=\"flex: 1\" [nzAllowClear]=\"!item.notNull\"\r\n                           [nzValueProperty]=\"item.valueProperty\"\r\n                           [nzShowSearch]=\"true\" *ngIf=\"item.type == 'cascader'\"\r\n                           [nzChangeOnSelect] = \"item.allowSelectNode\"\r\n                           [nzOptions]=\"item.dictList\" [formControlName]=\"item.key\"></nz-cascader>\r\n              <nz-date-picker *ngIf=\"item.type == 'date'\" [nzFormat]=\"item.dateFormat ? item.dateFormat : 'yyyy-MM-dd'\"\r\n                              [nzShowTime]=\"showTime(item)\" style=\"flex: 1\"\r\n                              [nzDisabled]=\"formOpts.type == 'view' || item.readonly \"\r\n                              [formControlName]=\"item.key\"></nz-date-picker>\r\n              <nz-range-picker *ngIf=\"item.type == 'dateRange'\" style=\"flex: 1\"\r\n                               [nzShowTime]=\"item.nzShowTime? item.nzShowTime : false\"\r\n                               [formControlName]=\"item.key\"\r\n                               [nzFormat]=\"item.nzShowTime && item.nzShowTime.nzFormat ? ('yyyy-MM-dd '+ item.nzShowTime.nzFormat) : 'yyyy-MM-dd'\"\r\n                               [nzPlaceHolder]=\"['\u5F00\u59CB\u65F6\u95F4', '\u7ED3\u675F\u65F6\u95F4']\"></nz-range-picker>\r\n\r\n              <input *ngIf=\"item.type == 'image'\" nz-input [formControlName]=\"item.key\" [hidden]=\"true\"/>\r\n              <atr-img-upload *ngIf=\"item.type == 'image'\" [(opts)]=\"item.imageOpts\"\r\n                              (onBeforeUpload)=\"onBeforeUpload($event,item)\"\r\n                              (afterChange)=\"imageUploadChange($event)\"></atr-img-upload>\r\n\r\n              <!--                         <editor *ngIf=\"item.type == 'editor'\" [formControlName]=\"item.key\" [config]=\"{initialFrameHeight:item.height}\" ></editor>-->\r\n              <app-quill-editor *ngIf=\"item.type == 'editor'\" [formControlName]=\"item.key\" (ngModelChange)=\"editChange($event,item)\"\r\n                                [styles]=\"{height:item.height > 0 ? item.height + 'px' : '250px',width:'100%'}\"></app-quill-editor>\r\n              <div *ngIf=\"item.type == 'word'\" [innerHTML]=\"item.value |defVal:item.defaultValue |safeHtml\">\r\n              </div>\r\n              <div *ngIf=\"item.type == 'buttons'\">\r\n                <ng-container *ngFor=\"let btn of item.buttons\">\r\n                  <button nz-button type=\"button\" [nzType]=\"btn.btnType |defVal: 'default'\"\r\n                          class=\"ant-btn ant-btn-primary\"\r\n                          style=\"margin-right: 5px\" *ngIf=\"btn.isShow || isShow(false,btn.operator)\"\r\n                          (click)=\"doAction(btn,$event)\">\r\n                    <span>{{btn.name}}</span></button>\r\n                </ng-container>\r\n              </div>\r\n              <ng-container *ngFor=\"let valid of item.validators\">\r\n                <ng-container *ngIf=\"atrForm.get(item.key).hasError(valid.type) && (atrForm.get(item.key).dirty )\">\r\n                  <div style=\"color:red;    height: 15px;margin: 0;line-height: 15px;\">{{valid.errorLabel}}</div>\r\n                </ng-container>\r\n              </ng-container>\r\n              <button nz-button nzType=\"default\" style=\"cursor: default;background-color: #fafafa;color: black\"\r\n                      *ngIf=\"item.ends\" disabled>\r\n                {{item.ends}}\r\n              </button>\r\n              <button *ngIf=\"item.button?.isShow\" type=\"button\" class=\"ant-btn ant-btn-primary\"\r\n                      (click)=\"doAction(item.button,$event)\">\r\n                <span>{{item.button.name}}</span></button>\r\n            </div>\r\n            <div *ngIf=\"item.proposal\" style=\"color: red;width: 100%\">{{item.proposal}}</div>\r\n          </nz-form-control>\r\n        </nz-form-item>\r\n        <ng-content *ngTemplateOutlet=\"item.temp\"></ng-content>\r\n      </div>\r\n    </ng-container>\r\n  </div>\r\n\r\n</form>\r\n", styles: [":host ::ng-deep .ant-form-item{margin:0 0 10px}:host ::ng-deep .ant-form-item-label{text-align:left}:host ::ng-deep nz-input-number{width:100%}:host .form-title{height:50px;line-height:50px;font-weight:500;font-size:20px;border-bottom:1px solid #e8e8e8;border-radius:4px 4px 0 0;margin-bottom:14px;margin-top:11px}\n"] }]
         }], ctorParameters: () => [{ type: ShareService }, { type: HttpService }, { type: i3.UntypedFormBuilder }, { type: DictService }, { type: i0.Injector }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [LOCALE_ID]
@@ -5331,13 +5332,27 @@ class AtrSharedModule {
             AtrComponentsModule,
             QuillModule.forRoot({
                 customModules: [
-                    { path: 'modules/resize', implementation: ResizeModule }
+                    { path: 'modules/resize', implementation: ResizeModule },
+                    { path: 'modules/better-table', implementation: QuillBetterTable }
                 ],
                 theme: "snow",
                 modules: {
                     syntax: false,
+                    table: false,
+                    'better-table': {
+                        operationMenu: {
+                            items: {
+                                unmergeCells: {
+                                    text: 'Another unmerge cells name'
+                                }
+                            }
+                        }
+                    },
                     // imageResize: {},
                     resize: {},
+                    keyboard: {
+                        bindings: QuillBetterTable.keyboardBindings
+                    },
                     toolbar: {
                         container: [
                             // ['undo', 'redo'],
@@ -5354,7 +5369,8 @@ class AtrSharedModule {
                             // [{ font: [] }],
                             [{ align: [] }],
                             ['clean'],
-                            ['image'], // link and image, video
+                            ['image'],
+                            ['table'], // link and image, video
                         ],
                         handlers: {
                         // redo() {
@@ -5393,13 +5409,27 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImpor
                         AtrComponentsModule,
                         QuillModule.forRoot({
                             customModules: [
-                                { path: 'modules/resize', implementation: ResizeModule }
+                                { path: 'modules/resize', implementation: ResizeModule },
+                                { path: 'modules/better-table', implementation: QuillBetterTable }
                             ],
                             theme: "snow",
                             modules: {
                                 syntax: false,
+                                table: false,
+                                'better-table': {
+                                    operationMenu: {
+                                        items: {
+                                            unmergeCells: {
+                                                text: 'Another unmerge cells name'
+                                            }
+                                        }
+                                    }
+                                },
                                 // imageResize: {},
                                 resize: {},
+                                keyboard: {
+                                    bindings: QuillBetterTable.keyboardBindings
+                                },
                                 toolbar: {
                                     container: [
                                         // ['undo', 'redo'],
@@ -5416,7 +5446,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImpor
                                         // [{ font: [] }],
                                         [{ align: [] }],
                                         ['clean'],
-                                        ['image'], // link and image, video
+                                        ['image'],
+                                        ['table'], // link and image, video
                                     ],
                                     handlers: {
                                     // redo() {