atr-components 0.2.1 → 0.2.6

package/fesm2020/atr-components.mjs

@@ -2504,6 +2504,10 @@ class AtrTableComponent {
             this.tableDatas.some((item) => this.mapOfCheckedId[item.id]) &&
                 !this.isAllDisplayDataChecked;
         this.numberOfChecked = this.tableDatas.filter((item) => this.mapOfCheckedId[item.id]).length;
+        this.tableAction.emit({
+            code: 'refreshStatus', name: 'select',
+            type: "row", data: this.getAllCheckDatas()
+        });
     }
     selectRow(data, rowNo) {
         // this.tableDatas.forEach(item => (this.mapOfCheckedId[data.id] = value));
@@ -3128,19 +3132,26 @@ class UploadComponent {
         this.opts.imageList = this.opts.imageList.filter((v, i) => i != numer);
         // this.opts.imageList = numer
     }
-    priviewImg(url) {
+    priviewImg(img) {
+        let url = ToolsUtil.getOssUrl(this.getImgUrl(img));
         console.log(url);
         this.nzImageService.preview([{
                 src: url,
                 alt: 'ng-zorro'
             }], { nzZoom: 1.5, nzRotate: 0 });
     }
+    getImgUrl(img) {
+        if (img.originFileObj && img.originFileObj.key) {
+            return img.originFileObj.key;
+        }
+        return (img.url || img.thumbUrl);
+    }
 }
 UploadComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: UploadComponent, deps: [{ token: i0.Injector }, { token: i1$4.NzImageService }, { token: i2.HttpClient }, { token: i3$2.NzModalService }], target: i0.ɵɵFactoryTarget.Component });
-UploadComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: UploadComponent, selector: "atr-img-upload", inputs: { opts: "opts", isEdit: "isEdit", allowChangSeq: "allowChangSeq" }, outputs: { afterChange: "afterChange", optsChange: "optsChange" }, ngImport: i0, template: "<div class=\"clearfix\">\r\n  <nz-upload\r\n    *ngIf=\"opts && opts?.uploadType == 'drag'\"\r\n    nzType=\"drag\"\r\n    nzAction=\"\"\r\n    [nzBeforeUpload]=\"beforeUpload\"\r\n    [nzRemove]=\"remove\"\r\n    [nzCustomRequest]=\"customReq\"\r\n    (nzChange)=\"onChange($event)\"\r\n    [nzType]=\"opts?.uploadType\"\r\n    [nzAccept]=\"opts.nzFileType\"\r\n    [nzLimit]=\"'1'\"\r\n  >\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\u4E0A\u4F20</p>\r\n  </nz-upload>\r\n  <nz-upload\r\n    *ngIf=\"opts && opts?.uploadType != 'drag'\"\r\n    nzAction=\"\"\r\n    nzListType=\"picture-card\"\r\n    [(nzFileList)]=\"opts.imageList\"\r\n    [nzShowButton]=\"opts.imageList.length < opts.limit\"\r\n    [nzShowUploadList]=\"showUploadList\"\r\n    [nzPreview]=\"handlePreview\"\r\n    [nzRemove]=\"remove\"\r\n    [nzBeforeUpload]=\"beforeUpload\"\r\n    [nzCustomRequest]=\"customReq\"\r\n    (nzChange)=\"onChange($event)\"\r\n    [nzType]=\"opts?.uploadType\"\r\n    [nzAccept]=\"opts.nzFileType\"\r\n    [nzDisabled]=\"!isEdit\"\r\n    [nzLimit]=\"'1'\"\r\n    [nzFileListRender]=\"opts && isEdit && allowChangSeq && opts.imageList.length > 0 ? fileListTmp : null\"\r\n  >\r\n    <i nz-icon nzType=\"plus\"></i>\r\n    <div class=\"ant-upload-text\">\u4E0A\u4F20\u56FE\u7247</div>\r\n  </nz-upload>\r\n  <!-- <a *ngIf=\"allowChangSeq && isEdit && opts.imageList.length > 1\" (click)=\"openBannerSeq(imgsContent, tplFooter)\"\r\n      style=\"margin-left: 10px; \"\r\n   ><i nz-icon nzType=\"plus\" nzTheme=\"outline\" style=\"color: #1890ff; font-size: 15px\"></i>\u8C03\u6574\u56FE\u7247\u987A\u5E8F</a>-->\r\n  <nz-modal\r\n    [nzVisible]=\"previewVisible\"\r\n    [nzContent]=\"modalContent\"\r\n    [nzFooter]=\"null\"\r\n    (nzOnCancel)=\"previewVisible = false\"\r\n  >\r\n    <ng-template #modalContent>\r\n      <img *ngIf=\"!previewImage.endsWith('.mp4')\" [src]=\"previewImage\" [ngStyle]=\"{ width: '100%' }\"/>\r\n      <div style=\"width: 100%;margin-top: 15px\">\r\n        <app-video *ngIf=\"previewImage.endsWith('.mp4')\" [url]=\"previewImage\"></app-video>\r\n      </div>\r\n    </ng-template>\r\n  </nz-modal>\r\n  <ng-template #imgsContent>\r\n    <ng-container *ngIf=\"opts && opts.imageList\">\r\n      <ng-container *ngFor=\"let imgs of opts.imageList;let i = index\">\r\n        <div class=\"img-div\">\r\n          <img [src]=\"imgs.url || imgs.thumbUrl\" [ngStyle]=\"{ width: '100px',display: 'inline-block', margin:'10px' }\"/>\r\n          <div style=\"margin-right: 20px\">\r\n            <a title=\"\u4E0A\u79FB\" *ngIf=\" i > 0\" style=\"display: block;\" (click)=\"arrowUp(i)\"><i nz-icon nzType=\"arrow-up\"\r\n                                                                                         nzTheme=\"outline\"\r\n                                                                                         style=\"color: #1890ff; font-size: 15px;\"></i>\r\n              \u4E0A\u79FB</a>\r\n            <a title=\"\u4E0B\u79FB\" *ngIf=\" i < opts.imageList.length - 1\" (click)=\"arrowDown(i)\"><i nz-icon nzType=\"arrow-down\"\r\n                                                                                           nzTheme=\"outline\"\r\n                                                                                           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-container>\r\n\r\n  </ng-template>\r\n  <!--  </nz-modal>-->\r\n</div>\r\n<ng-template #fileListTmp>\r\n  <div dragula=\"dragulaBag\" [(dragulaModel)]=\"opts.imageList\" (dragulaModelChange)=\"dragnumber($event)\">\r\n    <ng-container *ngFor=\"let imgs of opts.imageList;let i = index\">\r\n      <div class=\"img-div img-pre\" style=\"\">\r\n        <img [src]=\"imgs.url || imgs.thumbUrl\" [ngStyle]=\"{ width: '100px',display: 'inline-block', margin:'10px' }\"/>\r\n        <div>\r\n          <span (click)=\"priviewImg(imgs.url)\" nz-icon nzType=\"eye\" nzTheme=\"outline\"></span>\r\n          <span (click)=\"delImg(i)\" nz-icon nzType=\"delete\" nzTheme=\"outline\"></span>\r\n        </div>\r\n      </div>\r\n    </ng-container>\r\n  </div>\r\n\r\n</ng-template>\r\n<ng-template #tplFooter>\r\n  <button nz-button nzType=\"default\" (click)=\"destroyTplModal()\">\r\n    \u53D6\u6D88\r\n  </button>\r\n  <button nz-button nzType=\"primary\" (click)=\"saveSeq()\">\r\n    \u4FDD\u5B58\u987A\u5E8F\r\n  </button>\r\n</ng-template>\r\n\r\n\r\n", styles: ["@import\"~dragula/dist/dragula.css\";i[nz-icon]{font-size:32px;color:#999}.ant-upload-text{margin-top:8px;color:#666}.img-div{padding:8px;border:1px solid #d9d9d9;border-radius:4px;margin-top:20px;display:flex;align-items:center;justify-content:space-between}:host .img-pre{display:inline-block;position:relative;margin-left:10px}:host .img-pre div{display:none;position:absolute;width:100%;height:100%;top:0;left:0;background:#0000006b;z-index:200;color:#fff;align-items:center;justify-content:center;font-size:16px}:host .img-pre div span{margin:10px;cursor:pointer}:host .img-pre:hover div{display:flex}\n"], components: [{ type: i1$2.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"] }, { type: i3$2.NzModalComponent, selector: "nz-modal", inputs: ["nzMask", "nzMaskClosable", "nzCloseOnNavigation", "nzVisible", "nzClosable", "nzOkLoading", "nzOkDisabled", "nzCancelDisabled", "nzCancelLoading", "nzKeyboard", "nzNoAnimation", "nzCentered", "nzContent", "nzComponentParams", "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"] }, { type: VideoComponent, selector: "app-video", inputs: ["url"] }, { type: i2$2.NzButtonComponent, selector: "button[nz-button], a[nz-button]", inputs: ["nzBlock", "nzGhost", "nzSearch", "nzLoading", "nzDanger", "disabled", "tabIndex", "nzType", "nzShape", "nzSize"], exportAs: ["nzButton"] }], directives: [{ type: i10.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i9.ɵ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"] }, { type: i8.NzIconDirective, selector: "[nz-icon]", inputs: ["nzSpin", "nzRotate", "nzType", "nzTheme", "nzTwotoneColor", "nzIconfont"], exportAs: ["nzIcon"] }, { type: i10.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i10.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i10$1.DragulaDirective, selector: "[dragula]", inputs: ["dragula", "dragulaModel"], outputs: ["dragulaModelChange"] }, { type: i5$1.NzWaveDirective, selector: "[nz-wave],button[nz-button]:not([nzType=\"link\"]):not([nzType=\"text\"])", inputs: ["nzWaveExtraNode"], exportAs: ["nzWave"] }] });
+UploadComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: UploadComponent, selector: "atr-img-upload", inputs: { opts: "opts", isEdit: "isEdit", allowChangSeq: "allowChangSeq" }, outputs: { afterChange: "afterChange", optsChange: "optsChange" }, ngImport: i0, template: "<div class=\"clearfix\">\r\n  <nz-upload\r\n    *ngIf=\"opts && opts?.uploadType == 'drag'\"\r\n    nzType=\"drag\"\r\n    nzAction=\"\"\r\n    [nzBeforeUpload]=\"beforeUpload\"\r\n    [nzRemove]=\"remove\"\r\n    [nzCustomRequest]=\"customReq\"\r\n    (nzChange)=\"onChange($event)\"\r\n    [nzType]=\"opts?.uploadType\"\r\n    [nzAccept]=\"opts.nzFileType\"\r\n    [nzLimit]=\"'1'\"\r\n  >\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\u4E0A\u4F20</p>\r\n  </nz-upload>\r\n  <nz-upload\r\n    *ngIf=\"opts && opts?.uploadType != 'drag'\"\r\n    nzAction=\"\"\r\n    nzListType=\"picture-card\"\r\n    [(nzFileList)]=\"opts.imageList\"\r\n    [nzShowButton]=\"opts.imageList.length < opts.limit\"\r\n    [nzShowUploadList]=\"showUploadList\"\r\n    [nzPreview]=\"handlePreview\"\r\n    [nzRemove]=\"remove\"\r\n    [nzBeforeUpload]=\"beforeUpload\"\r\n    [nzCustomRequest]=\"customReq\"\r\n    (nzChange)=\"onChange($event)\"\r\n    [nzType]=\"opts?.uploadType\"\r\n    [nzAccept]=\"opts.nzFileType\"\r\n    [nzDisabled]=\"!isEdit\"\r\n    [nzLimit]=\"'1'\"\r\n    [nzFileListRender]=\"opts && isEdit && allowChangSeq && opts.imageList.length > 0 ? fileListTmp : null\"\r\n  >\r\n    <i nz-icon nzType=\"plus\"></i>\r\n    <div class=\"ant-upload-text\">\u4E0A\u4F20\u56FE\u7247</div>\r\n  </nz-upload>\r\n  <!-- <a *ngIf=\"allowChangSeq && isEdit && opts.imageList.length > 1\" (click)=\"openBannerSeq(imgsContent, tplFooter)\"\r\n      style=\"margin-left: 10px; \"\r\n   ><i nz-icon nzType=\"plus\" nzTheme=\"outline\" style=\"color: #1890ff; font-size: 15px\"></i>\u8C03\u6574\u56FE\u7247\u987A\u5E8F</a>-->\r\n  <nz-modal\r\n    [nzVisible]=\"previewVisible\"\r\n    [nzContent]=\"modalContent\"\r\n    [nzFooter]=\"null\"\r\n    (nzOnCancel)=\"previewVisible = false\"\r\n  >\r\n    <ng-template #modalContent>\r\n      <img *ngIf=\"!previewImage.endsWith('.mp4')\" [src]=\"previewImage\" [ngStyle]=\"{ width: '100%' }\"/>\r\n      <div style=\"width: 100%;margin-top: 15px\">\r\n        <app-video *ngIf=\"previewImage.endsWith('.mp4')\" [url]=\"previewImage\"></app-video>\r\n      </div>\r\n    </ng-template>\r\n  </nz-modal>\r\n  <ng-template #imgsContent>\r\n    <ng-container *ngIf=\"opts && opts.imageList\">\r\n      <ng-container *ngFor=\"let imgs of opts.imageList;let i = index\">\r\n        <div class=\"img-div\">\r\n          <img [src]=\"imgs.url || imgs.thumbUrl\" [ngStyle]=\"{ width: '100px',display: 'inline-block', margin:'10px' }\"/>\r\n          <div style=\"margin-right: 20px\">\r\n            <a title=\"\u4E0A\u79FB\" *ngIf=\" i > 0\" style=\"display: block;\" (click)=\"arrowUp(i)\"><i nz-icon nzType=\"arrow-up\"\r\n                                                                                         nzTheme=\"outline\"\r\n                                                                                         style=\"color: #1890ff; font-size: 15px;\"></i>\r\n              \u4E0A\u79FB</a>\r\n            <a title=\"\u4E0B\u79FB\" *ngIf=\" i < opts.imageList.length - 1\" (click)=\"arrowDown(i)\"><i nz-icon nzType=\"arrow-down\"\r\n                                                                                           nzTheme=\"outline\"\r\n                                                                                           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-container>\r\n\r\n  </ng-template>\r\n  <!--  </nz-modal>-->\r\n</div>\r\n<ng-template #fileListTmp>\r\n  <div dragula=\"dragulaBag\" [(dragulaModel)]=\"opts.imageList\" (dragulaModelChange)=\"dragnumber($event)\">\r\n    <ng-container *ngFor=\"let imgs of opts.imageList;let i = index\">\r\n      <div class=\"img-div img-pre\" style=\"\">\r\n        <img [src]=\"getImgUrl(imgs) |ossImg\" [ngStyle]=\"{ width: '100px',display: 'inline-block', margin:'10px' }\"/>\r\n        <div>\r\n          <span (click)=\"priviewImg(imgs)\" nz-icon nzType=\"eye\" nzTheme=\"outline\"></span>\r\n          <span (click)=\"delImg(i)\" nz-icon nzType=\"delete\" nzTheme=\"outline\"></span>\r\n        </div>\r\n      </div>\r\n    </ng-container>\r\n  </div>\r\n\r\n</ng-template>\r\n<ng-template #tplFooter>\r\n  <button nz-button nzType=\"default\" (click)=\"destroyTplModal()\">\r\n    \u53D6\u6D88\r\n  </button>\r\n  <button nz-button nzType=\"primary\" (click)=\"saveSeq()\">\r\n    \u4FDD\u5B58\u987A\u5E8F\r\n  </button>\r\n</ng-template>\r\n\r\n\r\n", styles: ["@import\"~dragula/dist/dragula.css\";i[nz-icon]{font-size:32px;color:#999}.ant-upload-text{margin-top:8px;color:#666}.img-div{padding:8px;border:1px solid #d9d9d9;border-radius:4px;margin-top:20px;display:flex;align-items:center;justify-content:space-between}:host .img-pre{display:inline-block;position:relative;margin-left:10px}:host .img-pre div{display:none;position:absolute;width:100%;height:100%;top:0;left:0;background:#0000006b;z-index:200;color:#fff;align-items:center;justify-content:center;font-size:16px}:host .img-pre div span{margin:10px;cursor:pointer}:host .img-pre:hover div{display:flex}\n"], components: [{ type: i1$2.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"] }, { type: i3$2.NzModalComponent, selector: "nz-modal", inputs: ["nzMask", "nzMaskClosable", "nzCloseOnNavigation", "nzVisible", "nzClosable", "nzOkLoading", "nzOkDisabled", "nzCancelDisabled", "nzCancelLoading", "nzKeyboard", "nzNoAnimation", "nzCentered", "nzContent", "nzComponentParams", "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"] }, { type: VideoComponent, selector: "app-video", inputs: ["url"] }, { type: i2$2.NzButtonComponent, selector: "button[nz-button], a[nz-button]", inputs: ["nzBlock", "nzGhost", "nzSearch", "nzLoading", "nzDanger", "disabled", "tabIndex", "nzType", "nzShape", "nzSize"], exportAs: ["nzButton"] }], directives: [{ type: i10.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i9.ɵ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"] }, { type: i8.NzIconDirective, selector: "[nz-icon]", inputs: ["nzSpin", "nzRotate", "nzType", "nzTheme", "nzTwotoneColor", "nzIconfont"], exportAs: ["nzIcon"] }, { type: i10.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i10.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i10$1.DragulaDirective, selector: "[dragula]", inputs: ["dragula", "dragulaModel"], outputs: ["dragulaModelChange"] }, { type: i5$1.NzWaveDirective, selector: "[nz-wave],button[nz-button]:not([nzType=\"link\"]):not([nzType=\"text\"])", inputs: ["nzWaveExtraNode"], exportAs: ["nzWave"] }], pipes: { "ossImg": OssImgPipe } });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: UploadComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'atr-img-upload', template: "<div class=\"clearfix\">\r\n  <nz-upload\r\n    *ngIf=\"opts && opts?.uploadType == 'drag'\"\r\n    nzType=\"drag\"\r\n    nzAction=\"\"\r\n    [nzBeforeUpload]=\"beforeUpload\"\r\n    [nzRemove]=\"remove\"\r\n    [nzCustomRequest]=\"customReq\"\r\n    (nzChange)=\"onChange($event)\"\r\n    [nzType]=\"opts?.uploadType\"\r\n    [nzAccept]=\"opts.nzFileType\"\r\n    [nzLimit]=\"'1'\"\r\n  >\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\u4E0A\u4F20</p>\r\n  </nz-upload>\r\n  <nz-upload\r\n    *ngIf=\"opts && opts?.uploadType != 'drag'\"\r\n    nzAction=\"\"\r\n    nzListType=\"picture-card\"\r\n    [(nzFileList)]=\"opts.imageList\"\r\n    [nzShowButton]=\"opts.imageList.length < opts.limit\"\r\n    [nzShowUploadList]=\"showUploadList\"\r\n    [nzPreview]=\"handlePreview\"\r\n    [nzRemove]=\"remove\"\r\n    [nzBeforeUpload]=\"beforeUpload\"\r\n    [nzCustomRequest]=\"customReq\"\r\n    (nzChange)=\"onChange($event)\"\r\n    [nzType]=\"opts?.uploadType\"\r\n    [nzAccept]=\"opts.nzFileType\"\r\n    [nzDisabled]=\"!isEdit\"\r\n    [nzLimit]=\"'1'\"\r\n    [nzFileListRender]=\"opts && isEdit && allowChangSeq && opts.imageList.length > 0 ? fileListTmp : null\"\r\n  >\r\n    <i nz-icon nzType=\"plus\"></i>\r\n    <div class=\"ant-upload-text\">\u4E0A\u4F20\u56FE\u7247</div>\r\n  </nz-upload>\r\n  <!-- <a *ngIf=\"allowChangSeq && isEdit && opts.imageList.length > 1\" (click)=\"openBannerSeq(imgsContent, tplFooter)\"\r\n      style=\"margin-left: 10px; \"\r\n   ><i nz-icon nzType=\"plus\" nzTheme=\"outline\" style=\"color: #1890ff; font-size: 15px\"></i>\u8C03\u6574\u56FE\u7247\u987A\u5E8F</a>-->\r\n  <nz-modal\r\n    [nzVisible]=\"previewVisible\"\r\n    [nzContent]=\"modalContent\"\r\n    [nzFooter]=\"null\"\r\n    (nzOnCancel)=\"previewVisible = false\"\r\n  >\r\n    <ng-template #modalContent>\r\n      <img *ngIf=\"!previewImage.endsWith('.mp4')\" [src]=\"previewImage\" [ngStyle]=\"{ width: '100%' }\"/>\r\n      <div style=\"width: 100%;margin-top: 15px\">\r\n        <app-video *ngIf=\"previewImage.endsWith('.mp4')\" [url]=\"previewImage\"></app-video>\r\n      </div>\r\n    </ng-template>\r\n  </nz-modal>\r\n  <ng-template #imgsContent>\r\n    <ng-container *ngIf=\"opts && opts.imageList\">\r\n      <ng-container *ngFor=\"let imgs of opts.imageList;let i = index\">\r\n        <div class=\"img-div\">\r\n          <img [src]=\"imgs.url || imgs.thumbUrl\" [ngStyle]=\"{ width: '100px',display: 'inline-block', margin:'10px' }\"/>\r\n          <div style=\"margin-right: 20px\">\r\n            <a title=\"\u4E0A\u79FB\" *ngIf=\" i > 0\" style=\"display: block;\" (click)=\"arrowUp(i)\"><i nz-icon nzType=\"arrow-up\"\r\n                                                                                         nzTheme=\"outline\"\r\n                                                                                         style=\"color: #1890ff; font-size: 15px;\"></i>\r\n              \u4E0A\u79FB</a>\r\n            <a title=\"\u4E0B\u79FB\" *ngIf=\" i < opts.imageList.length - 1\" (click)=\"arrowDown(i)\"><i nz-icon nzType=\"arrow-down\"\r\n                                                                                           nzTheme=\"outline\"\r\n                                                                                           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-container>\r\n\r\n  </ng-template>\r\n  <!--  </nz-modal>-->\r\n</div>\r\n<ng-template #fileListTmp>\r\n  <div dragula=\"dragulaBag\" [(dragulaModel)]=\"opts.imageList\" (dragulaModelChange)=\"dragnumber($event)\">\r\n    <ng-container *ngFor=\"let imgs of opts.imageList;let i = index\">\r\n      <div class=\"img-div img-pre\" style=\"\">\r\n        <img [src]=\"imgs.url || imgs.thumbUrl\" [ngStyle]=\"{ width: '100px',display: 'inline-block', margin:'10px' }\"/>\r\n        <div>\r\n          <span (click)=\"priviewImg(imgs.url)\" nz-icon nzType=\"eye\" nzTheme=\"outline\"></span>\r\n          <span (click)=\"delImg(i)\" nz-icon nzType=\"delete\" nzTheme=\"outline\"></span>\r\n        </div>\r\n      </div>\r\n    </ng-container>\r\n  </div>\r\n\r\n</ng-template>\r\n<ng-template #tplFooter>\r\n  <button nz-button nzType=\"default\" (click)=\"destroyTplModal()\">\r\n    \u53D6\u6D88\r\n  </button>\r\n  <button nz-button nzType=\"primary\" (click)=\"saveSeq()\">\r\n    \u4FDD\u5B58\u987A\u5E8F\r\n  </button>\r\n</ng-template>\r\n\r\n\r\n", styles: ["@import\"~dragula/dist/dragula.css\";i[nz-icon]{font-size:32px;color:#999}.ant-upload-text{margin-top:8px;color:#666}.img-div{padding:8px;border:1px solid #d9d9d9;border-radius:4px;margin-top:20px;display:flex;align-items:center;justify-content:space-between}:host .img-pre{display:inline-block;position:relative;margin-left:10px}:host .img-pre div{display:none;position:absolute;width:100%;height:100%;top:0;left:0;background:#0000006b;z-index:200;color:#fff;align-items:center;justify-content:center;font-size:16px}:host .img-pre div span{margin:10px;cursor:pointer}:host .img-pre:hover div{display:flex}\n"] }]
+            args: [{ selector: 'atr-img-upload', template: "<div class=\"clearfix\">\r\n  <nz-upload\r\n    *ngIf=\"opts && opts?.uploadType == 'drag'\"\r\n    nzType=\"drag\"\r\n    nzAction=\"\"\r\n    [nzBeforeUpload]=\"beforeUpload\"\r\n    [nzRemove]=\"remove\"\r\n    [nzCustomRequest]=\"customReq\"\r\n    (nzChange)=\"onChange($event)\"\r\n    [nzType]=\"opts?.uploadType\"\r\n    [nzAccept]=\"opts.nzFileType\"\r\n    [nzLimit]=\"'1'\"\r\n  >\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\u4E0A\u4F20</p>\r\n  </nz-upload>\r\n  <nz-upload\r\n    *ngIf=\"opts && opts?.uploadType != 'drag'\"\r\n    nzAction=\"\"\r\n    nzListType=\"picture-card\"\r\n    [(nzFileList)]=\"opts.imageList\"\r\n    [nzShowButton]=\"opts.imageList.length < opts.limit\"\r\n    [nzShowUploadList]=\"showUploadList\"\r\n    [nzPreview]=\"handlePreview\"\r\n    [nzRemove]=\"remove\"\r\n    [nzBeforeUpload]=\"beforeUpload\"\r\n    [nzCustomRequest]=\"customReq\"\r\n    (nzChange)=\"onChange($event)\"\r\n    [nzType]=\"opts?.uploadType\"\r\n    [nzAccept]=\"opts.nzFileType\"\r\n    [nzDisabled]=\"!isEdit\"\r\n    [nzLimit]=\"'1'\"\r\n    [nzFileListRender]=\"opts && isEdit && allowChangSeq && opts.imageList.length > 0 ? fileListTmp : null\"\r\n  >\r\n    <i nz-icon nzType=\"plus\"></i>\r\n    <div class=\"ant-upload-text\">\u4E0A\u4F20\u56FE\u7247</div>\r\n  </nz-upload>\r\n  <!-- <a *ngIf=\"allowChangSeq && isEdit && opts.imageList.length > 1\" (click)=\"openBannerSeq(imgsContent, tplFooter)\"\r\n      style=\"margin-left: 10px; \"\r\n   ><i nz-icon nzType=\"plus\" nzTheme=\"outline\" style=\"color: #1890ff; font-size: 15px\"></i>\u8C03\u6574\u56FE\u7247\u987A\u5E8F</a>-->\r\n  <nz-modal\r\n    [nzVisible]=\"previewVisible\"\r\n    [nzContent]=\"modalContent\"\r\n    [nzFooter]=\"null\"\r\n    (nzOnCancel)=\"previewVisible = false\"\r\n  >\r\n    <ng-template #modalContent>\r\n      <img *ngIf=\"!previewImage.endsWith('.mp4')\" [src]=\"previewImage\" [ngStyle]=\"{ width: '100%' }\"/>\r\n      <div style=\"width: 100%;margin-top: 15px\">\r\n        <app-video *ngIf=\"previewImage.endsWith('.mp4')\" [url]=\"previewImage\"></app-video>\r\n      </div>\r\n    </ng-template>\r\n  </nz-modal>\r\n  <ng-template #imgsContent>\r\n    <ng-container *ngIf=\"opts && opts.imageList\">\r\n      <ng-container *ngFor=\"let imgs of opts.imageList;let i = index\">\r\n        <div class=\"img-div\">\r\n          <img [src]=\"imgs.url || imgs.thumbUrl\" [ngStyle]=\"{ width: '100px',display: 'inline-block', margin:'10px' }\"/>\r\n          <div style=\"margin-right: 20px\">\r\n            <a title=\"\u4E0A\u79FB\" *ngIf=\" i > 0\" style=\"display: block;\" (click)=\"arrowUp(i)\"><i nz-icon nzType=\"arrow-up\"\r\n                                                                                         nzTheme=\"outline\"\r\n                                                                                         style=\"color: #1890ff; font-size: 15px;\"></i>\r\n              \u4E0A\u79FB</a>\r\n            <a title=\"\u4E0B\u79FB\" *ngIf=\" i < opts.imageList.length - 1\" (click)=\"arrowDown(i)\"><i nz-icon nzType=\"arrow-down\"\r\n                                                                                           nzTheme=\"outline\"\r\n                                                                                           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-container>\r\n\r\n  </ng-template>\r\n  <!--  </nz-modal>-->\r\n</div>\r\n<ng-template #fileListTmp>\r\n  <div dragula=\"dragulaBag\" [(dragulaModel)]=\"opts.imageList\" (dragulaModelChange)=\"dragnumber($event)\">\r\n    <ng-container *ngFor=\"let imgs of opts.imageList;let i = index\">\r\n      <div class=\"img-div img-pre\" style=\"\">\r\n        <img [src]=\"getImgUrl(imgs) |ossImg\" [ngStyle]=\"{ width: '100px',display: 'inline-block', margin:'10px' }\"/>\r\n        <div>\r\n          <span (click)=\"priviewImg(imgs)\" nz-icon nzType=\"eye\" nzTheme=\"outline\"></span>\r\n          <span (click)=\"delImg(i)\" nz-icon nzType=\"delete\" nzTheme=\"outline\"></span>\r\n        </div>\r\n      </div>\r\n    </ng-container>\r\n  </div>\r\n\r\n</ng-template>\r\n<ng-template #tplFooter>\r\n  <button nz-button nzType=\"default\" (click)=\"destroyTplModal()\">\r\n    \u53D6\u6D88\r\n  </button>\r\n  <button nz-button nzType=\"primary\" (click)=\"saveSeq()\">\r\n    \u4FDD\u5B58\u987A\u5E8F\r\n  </button>\r\n</ng-template>\r\n\r\n\r\n", styles: ["@import\"~dragula/dist/dragula.css\";i[nz-icon]{font-size:32px;color:#999}.ant-upload-text{margin-top:8px;color:#666}.img-div{padding:8px;border:1px solid #d9d9d9;border-radius:4px;margin-top:20px;display:flex;align-items:center;justify-content:space-between}:host .img-pre{display:inline-block;position:relative;margin-left:10px}:host .img-pre div{display:none;position:absolute;width:100%;height:100%;top:0;left:0;background:#0000006b;z-index:200;color:#fff;align-items:center;justify-content:center;font-size:16px}:host .img-pre div span{margin:10px;cursor:pointer}:host .img-pre:hover div{display:flex}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.Injector }, { type: i1$4.NzImageService }, { type: i2.HttpClient }, { type: i3$2.NzModalService }]; }, propDecorators: { opts: [{
                 type: Input
             }], isEdit: [{
@@ -3989,13 +4000,13 @@ class AtrFormComponent {
                             continue;
                         }
                         if (item.dateFormat) {
-                            obj.value[key] = formatDate(value[key], item.dateFormat, this.locale);
+                            obj.value[key] = formatDate(new Date(Number(value[key])), item.dateFormat, this.locale);
                         }
                         else if (item.type == 'date') {
-                            obj.value[key] = formatDate(value[key], 'yyyy-MM-dd 00:00:00', this.locale);
+                            obj.value[key] = formatDate(new Date(Number(value[key])), 'yyyy-MM-dd 00:00:00', this.locale);
                         }
                         else if (item.type == 'dateTime') {
-                            obj.value[key] = formatDate(value[key], 'yyyy-MM-dd HH:mm:ss', this.locale);
+                            obj.value[key] = formatDate(new Date(Number(value[key])), 'yyyy-MM-dd HH:mm:ss', this.locale);
                         }
                     }
                 }
@@ -4058,13 +4069,13 @@ class AtrFormComponent {
                             continue;
                         }
                         if (item.dateFormat) {
-                            obj.value[key] = formatDate(value[key], item.dateFormat, this.locale);
+                            obj.value[key] = formatDate(new Date(Number(value[key])), item.dateFormat, this.locale);
                         }
                         else if (item.type == 'date') {
-                            obj.value[key] = formatDate(value[key], 'yyyy-MM-dd 00:00:00', this.locale);
+                            obj.value[key] = formatDate(new Date(Number(value[key])), 'yyyy-MM-dd 00:00:00', this.locale);
                         }
                         else if (item.type == 'dateTime') {
-                            obj.value[key] = formatDate(value[key], 'yyyy-MM-dd HH:mm:ss', this.locale);
+                            obj.value[key] = formatDate(new Date(Number(value[key])), 'yyyy-MM-dd HH:mm:ss', this.locale);
                         }
                     }
                 }
@@ -4117,10 +4128,10 @@ class AtrFormComponent {
     }
 }
 AtrFormComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AtrFormComponent, deps: [{ token: ShareService }, { token: HttpService }, { token: i3$1.FormBuilder }, { token: DictService }, { token: i0.Injector }, { token: LOCALE_ID }], target: i0.ɵɵFactoryTarget.Component });
-AtrFormComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: AtrFormComponent, selector: "atr-form", inputs: { formOpts: "formOpts" }, outputs: { formAction: "formAction" }, ngImport: i0, template: "<atr-view-form *ngIf=\"formOpts.type == 'view'\" [dicts]=\"dicts\" [atrForm]=\"atrForm\"\r\n               [formOpts]=\"formOpts\"></atr-view-form>\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\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                              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                     [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\"\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-select\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                *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              >\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]=\"'nzValueProperty'\"\r\n                           [nzShowSearch]=\"true\" *ngIf=\"item.type == 'cascader'\"\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)\"\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'\"\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                              (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\"\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              <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\r\n          </nz-form-control>\r\n          <ng-container *ngTemplateOutlet=\"item.temp\"></ng-container>\r\n        </nz-form-item>\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"], components: [{ type: ViewFormComponent, selector: "atr-view-form", inputs: ["formOpts", "atrForm", "dicts", "items"] }, { type: i6.NzFormItemComponent, selector: "nz-form-item", exportAs: ["nzFormItem"] }, { type: i6.NzFormLabelComponent, selector: "nz-form-label", inputs: ["nzFor", "nzRequired", "nzNoColon", "nzTooltipTitle", "nzTooltipIcon"], exportAs: ["nzFormLabel"] }, { type: i6.NzFormControlComponent, selector: "nz-form-control", inputs: ["nzSuccessTip", "nzWarningTip", "nzErrorTip", "nzValidatingTip", "nzExtra", "nzAutoTips", "nzDisableAutoTips", "nzHasFeedback", "nzValidateStatus"], exportAs: ["nzFormControl"] }, { type: i5.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", "nzExpandedKeys", "nzDisplayWith", "nzMaxTagCount", "nzMaxTagPlaceholder", "nzTreeTemplate"], outputs: ["nzOpenChange", "nzCleared", "nzRemoved", "nzExpandChange", "nzTreeClick", "nzTreeCheckBoxChange"], exportAs: ["nzTreeSelect"] }, { type: SelectIconsComponent, selector: "app-select-icons", inputs: ["readonly", "placeholder"] }, { type: i9$2.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"] }, { type: i10$2.NzRadioGroupComponent, selector: "nz-radio-group", inputs: ["nzDisabled", "nzButtonStyle", "nzSize", "nzName"], exportAs: ["nzRadioGroup"] }, { type: i10$2.NzRadioComponent, selector: "[nz-radio],[nz-radio-button]", inputs: ["nzValue", "nzDisabled", "nzAutoFocus"], exportAs: ["nzRadio"] }, { type: i3.NzSelectComponent, selector: "nz-select", inputs: ["nzId", "nzSize", "nzStatus", "nzOptionHeightPx", "nzOptionOverflowSize", "nzDropdownClassName", "nzDropdownMatchSelectWidth", "nzDropdownStyle", "nzNotFoundContent", "nzPlaceHolder", "nzMaxTagCount", "nzDropdownRender", "nzCustomTemplate", "nzSuffixIcon", "nzClearIcon", "nzRemoveIcon", "nzMenuItemSelectedIcon", "nzTokenSeparators", "nzMaxTagPlaceholder", "nzMaxMultipleCount", "nzMode", "nzFilterOption", "compareWith", "nzAllowClear", "nzBorderless", "nzShowSearch", "nzLoading", "nzAutoFocus", "nzAutoClearSearchValue", "nzServerSearch", "nzDisabled", "nzOpen", "nzBackdrop", "nzOptions", "nzShowArrow"], outputs: ["nzOnSearch", "nzScrollToBottom", "nzOpenChange", "nzBlur", "nzFocus"], exportAs: ["nzSelect"] }, { type: i3.NzOptionComponent, selector: "nz-option", inputs: ["nzLabel", "nzValue", "nzDisabled", "nzHide", "nzCustomContent"], exportAs: ["nzOption"] }, { type: i4.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"] }, { type: i6$1.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", "nzShowTime"], outputs: ["nzOnPanelChange", "nzOnCalendarChange", "nzOnOk", "nzOnOpenChange"], exportAs: ["nzDatePicker"] }, { type: UploadComponent, selector: "atr-img-upload", inputs: ["opts", "isEdit", "allowChangSeq"], outputs: ["afterChange", "optsChange"] }, { type: QuillEditorComponent, selector: "app-quill-editor", inputs: ["placeholder", "styles", "value", "readOnly", "needImgSeq"] }, { type: i2$2.NzButtonComponent, selector: "button[nz-button], a[nz-button]", inputs: ["nzBlock", "nzGhost", "nzSearch", "nzLoading", "nzDanger", "disabled", "tabIndex", "nzType", "nzShape", "nzSize"], exportAs: ["nzButton"] }], directives: [{ type: i10.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i3$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i6.NzFormDirective, selector: "[nz-form]", inputs: ["nzLayout", "nzNoColon", "nzAutoTips", "nzDisableAutoTips", "nzTooltipIcon"], exportAs: ["nzForm"] }, { type: i3$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i7.NzRowDirective, selector: "[nz-row],nz-row,nz-form-item", inputs: ["nzAlign", "nzJustify", "nzGutter"], exportAs: ["nzRow"] }, { type: i10.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i7.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"] }, { type: i3$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i3$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { type: i2$1.NzInputDirective, selector: "input[nz-input],textarea[nz-input]", inputs: ["nzBorderless", "nzSize", "nzStatus", "disabled"], exportAs: ["nzInput"] }, { type: i3$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i6$1.NzRangePickerComponent, selector: "nz-range-picker", exportAs: ["nzRangePicker"] }, { type: i5$1.NzWaveDirective, selector: "[nz-wave],button[nz-button]:not([nzType=\"link\"]):not([nzType=\"text\"])", inputs: ["nzWaveExtraNode"], exportAs: ["nzWave"] }, { type: i9.ɵ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"] }, { type: i10.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], pipes: { "safeHtml": SafeHtmlPipe, "defVal": DefaultValPipe } });
+AtrFormComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: AtrFormComponent, selector: "atr-form", inputs: { formOpts: "formOpts" }, outputs: { formAction: "formAction" }, ngImport: i0, template: "<atr-view-form *ngIf=\"formOpts.type == 'view'\" [dicts]=\"dicts\" [atrForm]=\"atrForm\"\r\n               [formOpts]=\"formOpts\"></atr-view-form>\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\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                              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                     [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\"\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-select\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                *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              >\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]=\"'nzValueProperty'\"\r\n                           [nzShowSearch]=\"true\" *ngIf=\"item.type == 'cascader'\"\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)\"\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'\"\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                              (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\"\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'\" 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\r\n          </nz-form-control>\r\n          <ng-container *ngTemplateOutlet=\"item.temp\"></ng-container>\r\n        </nz-form-item>\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"], components: [{ type: ViewFormComponent, selector: "atr-view-form", inputs: ["formOpts", "atrForm", "dicts", "items"] }, { type: i6.NzFormItemComponent, selector: "nz-form-item", exportAs: ["nzFormItem"] }, { type: i6.NzFormLabelComponent, selector: "nz-form-label", inputs: ["nzFor", "nzRequired", "nzNoColon", "nzTooltipTitle", "nzTooltipIcon"], exportAs: ["nzFormLabel"] }, { type: i6.NzFormControlComponent, selector: "nz-form-control", inputs: ["nzSuccessTip", "nzWarningTip", "nzErrorTip", "nzValidatingTip", "nzExtra", "nzAutoTips", "nzDisableAutoTips", "nzHasFeedback", "nzValidateStatus"], exportAs: ["nzFormControl"] }, { type: i5.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", "nzExpandedKeys", "nzDisplayWith", "nzMaxTagCount", "nzMaxTagPlaceholder", "nzTreeTemplate"], outputs: ["nzOpenChange", "nzCleared", "nzRemoved", "nzExpandChange", "nzTreeClick", "nzTreeCheckBoxChange"], exportAs: ["nzTreeSelect"] }, { type: SelectIconsComponent, selector: "app-select-icons", inputs: ["readonly", "placeholder"] }, { type: i9$2.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"] }, { type: i10$2.NzRadioGroupComponent, selector: "nz-radio-group", inputs: ["nzDisabled", "nzButtonStyle", "nzSize", "nzName"], exportAs: ["nzRadioGroup"] }, { type: i10$2.NzRadioComponent, selector: "[nz-radio],[nz-radio-button]", inputs: ["nzValue", "nzDisabled", "nzAutoFocus"], exportAs: ["nzRadio"] }, { type: i3.NzSelectComponent, selector: "nz-select", inputs: ["nzId", "nzSize", "nzStatus", "nzOptionHeightPx", "nzOptionOverflowSize", "nzDropdownClassName", "nzDropdownMatchSelectWidth", "nzDropdownStyle", "nzNotFoundContent", "nzPlaceHolder", "nzMaxTagCount", "nzDropdownRender", "nzCustomTemplate", "nzSuffixIcon", "nzClearIcon", "nzRemoveIcon", "nzMenuItemSelectedIcon", "nzTokenSeparators", "nzMaxTagPlaceholder", "nzMaxMultipleCount", "nzMode", "nzFilterOption", "compareWith", "nzAllowClear", "nzBorderless", "nzShowSearch", "nzLoading", "nzAutoFocus", "nzAutoClearSearchValue", "nzServerSearch", "nzDisabled", "nzOpen", "nzBackdrop", "nzOptions", "nzShowArrow"], outputs: ["nzOnSearch", "nzScrollToBottom", "nzOpenChange", "nzBlur", "nzFocus"], exportAs: ["nzSelect"] }, { type: i3.NzOptionComponent, selector: "nz-option", inputs: ["nzLabel", "nzValue", "nzDisabled", "nzHide", "nzCustomContent"], exportAs: ["nzOption"] }, { type: i4.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"] }, { type: i6$1.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", "nzShowTime"], outputs: ["nzOnPanelChange", "nzOnCalendarChange", "nzOnOk", "nzOnOpenChange"], exportAs: ["nzDatePicker"] }, { type: UploadComponent, selector: "atr-img-upload", inputs: ["opts", "isEdit", "allowChangSeq"], outputs: ["afterChange", "optsChange"] }, { type: QuillEditorComponent, selector: "app-quill-editor", inputs: ["placeholder", "styles", "value", "readOnly", "needImgSeq"] }, { type: i2$2.NzButtonComponent, selector: "button[nz-button], a[nz-button]", inputs: ["nzBlock", "nzGhost", "nzSearch", "nzLoading", "nzDanger", "disabled", "tabIndex", "nzType", "nzShape", "nzSize"], exportAs: ["nzButton"] }], directives: [{ type: i10.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i3$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i6.NzFormDirective, selector: "[nz-form]", inputs: ["nzLayout", "nzNoColon", "nzAutoTips", "nzDisableAutoTips", "nzTooltipIcon"], exportAs: ["nzForm"] }, { type: i3$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i7.NzRowDirective, selector: "[nz-row],nz-row,nz-form-item", inputs: ["nzAlign", "nzJustify", "nzGutter"], exportAs: ["nzRow"] }, { type: i10.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i7.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"] }, { type: i3$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i3$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { type: i2$1.NzInputDirective, selector: "input[nz-input],textarea[nz-input]", inputs: ["nzBorderless", "nzSize", "nzStatus", "disabled"], exportAs: ["nzInput"] }, { type: i3$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i6$1.NzRangePickerComponent, selector: "nz-range-picker", exportAs: ["nzRangePicker"] }, { type: i5$1.NzWaveDirective, selector: "[nz-wave],button[nz-button]:not([nzType=\"link\"]):not([nzType=\"text\"])", inputs: ["nzWaveExtraNode"], exportAs: ["nzWave"] }, { type: i9.ɵ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"] }, { type: i10.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], pipes: { "safeHtml": SafeHtmlPipe, "defVal": DefaultValPipe } });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", 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<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\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                              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                     [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\"\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-select\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                *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              >\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]=\"'nzValueProperty'\"\r\n                           [nzShowSearch]=\"true\" *ngIf=\"item.type == 'cascader'\"\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)\"\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'\"\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                              (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\"\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              <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\r\n          </nz-form-control>\r\n          <ng-container *ngTemplateOutlet=\"item.temp\"></ng-container>\r\n        </nz-form-item>\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<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\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                              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                     [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\"\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-select\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                *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              >\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]=\"'nzValueProperty'\"\r\n                           [nzShowSearch]=\"true\" *ngIf=\"item.type == 'cascader'\"\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)\"\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'\"\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                              (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\"\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'\" 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\r\n          </nz-form-control>\r\n          <ng-container *ngTemplateOutlet=\"item.temp\"></ng-container>\r\n        </nz-form-item>\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: function () { return [{ type: ShareService }, { type: HttpService }, { type: i3$1.FormBuilder }, { type: DictService }, { type: i0.Injector }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [LOCALE_ID]