atr-components 2.2.4 → 3.0.1

package/fesm2022/atr-components.mjs

@@ -3,13 +3,13 @@ import * as i0 from '@angular/core';
 import { Injectable, EventEmitter, NgModule, Pipe, Input, Directive, HostListener, Output, forwardRef, Component, LOCALE_ID, ViewChild, Inject } from '@angular/core';
 import * as i2 from '@angular/common/http';
 import { HttpHeaders, HttpRequest, HttpEventType, HttpErrorResponse, HttpResponse, HttpResponseBase } from '@angular/common/http';
-import { Observable, throwError, of, debounceTime, Subject } from 'rxjs';
-import { mergeMap, catchError, debounceTime as debounceTime$1 } from 'rxjs/operators';
+import { Observable, throwError, of, debounceTime } from 'rxjs';
+import { mergeMap, catchError } from 'rxjs/operators';
 import * as i1$1 from '@angular/router';
 import { Router, RouterModule } from '@angular/router';
-import { NzNotificationService, NzNotificationModule } from 'ng-zorro-antd/notification';
-import * as i2$2 from 'ng-zorro-antd/message';
-import { NzMessageService, NzMessageModule } from 'ng-zorro-antd/message';
+import { NzNotificationService } from 'ng-zorro-antd/notification';
+import * as i4$3 from 'ng-zorro-antd/message';
+import { NzMessageService } from 'ng-zorro-antd/message';
 import * as i3 from '@angular/forms';
 import { Validators, FormsModule, ReactiveFormsModule, NG_VALUE_ACCESSOR, UntypedFormControl } from '@angular/forms';
 import { ulid } from 'ulid';
@@ -55,17 +55,14 @@ import * as i8 from 'ng-zorro-antd/icon';
 import { NzIconModule } from 'ng-zorro-antd/icon';
 import * as i9 from 'ng-zorro-antd/input';
 import { NzInputModule } from 'ng-zorro-antd/input';
-import * as i16 from 'ng-zorro-antd/input-number';
-import { NzInputNumberModule } from 'ng-zorro-antd/input-number';
+import * as i16 from 'ng-zorro-antd/input-number-legacy';
+import { NzInputNumberLegacyModule } from 'ng-zorro-antd/input-number-legacy';
 import { NzLayoutModule } from 'ng-zorro-antd/layout';
 import { NzListModule } from 'ng-zorro-antd/list';
 import { NzMentionModule } from 'ng-zorro-antd/mention';
 import { NzMenuModule } from 'ng-zorro-antd/menu';
-import * as i3$2 from 'ng-zorro-antd/modal';
-import { NzModalModule } from 'ng-zorro-antd/modal';
 import { NzPageHeaderModule } from 'ng-zorro-antd/page-header';
 import { NzPaginationModule } from 'ng-zorro-antd/pagination';
-import { NzPopconfirmModule } from 'ng-zorro-antd/popconfirm';
 import * as i8$1 from 'ng-zorro-antd/popover';
 import { NzPopoverModule } from 'ng-zorro-antd/popover';
 import { NzProgressModule } from 'ng-zorro-antd/progress';
@@ -89,7 +86,7 @@ import { NzTabsModule } from 'ng-zorro-antd/tabs';
 import { NzTagModule } from 'ng-zorro-antd/tag';
 import { NzTimePickerModule } from 'ng-zorro-antd/time-picker';
 import { NzTimelineModule } from 'ng-zorro-antd/timeline';
-import { NzToolTipModule } from 'ng-zorro-antd/tooltip';
+import { NzTooltipModule } from 'ng-zorro-antd/tooltip';
 import { NzTransferModule } from 'ng-zorro-antd/transfer';
 import { NzTreeModule } from 'ng-zorro-antd/tree';
 import * as i11 from 'ng-zorro-antd/tree-select';
@@ -108,21 +105,18 @@ import * as i1 from '@angular/platform-browser';
 import * as i13 from '@angular/cdk/drag-drop';
 import { moveItemInArray, DragDropModule } from '@angular/cdk/drag-drop';
 import * as i4 from 'ng-zorro-antd/core/transition-patch';
-import * as i10$1 from 'ng2-dragula';
-import { DragulaModule } from 'ng2-dragula';
+import * as i3$2 from 'ng-zorro-antd/modal';
+import { NzModalModule } from 'ng-zorro-antd/modal';
 import * as i1$4 from '@videogular/ngx-videogular/core';
 import { VgCoreModule } from '@videogular/ngx-videogular/core';
 import * as i2$1 from '@videogular/ngx-videogular/controls';
 import { VgControlsModule } from '@videogular/ngx-videogular/controls';
 import * as i6$3 from 'ng-zorro-antd/color-picker';
 import { NzColorPickerModule } from 'ng-zorro-antd/color-picker';
-import * as i8$2 from 'ngx-quill';
-import { QuillModule } from 'ngx-quill';
 import zh from '@angular/common/locales/zh';
 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';
 
 const transAnimation = animation([
     style({
@@ -1341,10 +1335,10 @@ class HttpService {
         }, error => {
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: HttpService, deps: [{ token: i2.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: HttpService }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: HttpService, deps: [{ token: i2.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: HttpService }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: HttpService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: HttpService, decorators: [{
             type: Injectable
         }], ctorParameters: () => [{ type: i2.HttpClient }] });
 
@@ -1465,10 +1459,10 @@ class MenuService {
         this.isLoadMenu = 'unload';
         this.data = [];
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: MenuService, deps: [{ token: HttpService }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: MenuService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: MenuService, deps: [{ token: HttpService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: MenuService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: MenuService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: MenuService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }], ctorParameters: () => [{ type: HttpService }] });
@@ -1619,16 +1613,16 @@ class BaseInterceptor {
             return of(event);
         }), catchError((err) => this.handleData(err, noTip == "1")));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BaseInterceptor, deps: [{ token: i0.Injector }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BaseInterceptor }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: BaseInterceptor, deps: [{ token: i0.Injector }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: BaseInterceptor }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BaseInterceptor, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: BaseInterceptor, decorators: [{
             type: Injectable
         }], ctorParameters: () => [{ type: i0.Injector }] });
 
 class CusNgZorroAntdModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CusNgZorroAntdModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: CusNgZorroAntdModule, exports: [CommonModule,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CusNgZorroAntdModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.15", ngImport: i0, type: CusNgZorroAntdModule, exports: [CommonModule,
             NzSpaceModule,
             NzAffixModule,
             NzAlertModule,
@@ -1657,18 +1651,14 @@ class CusNgZorroAntdModule {
             NzI18nModule,
             NzIconModule,
             NzInputModule,
-            NzInputNumberModule,
+            NzInputNumberLegacyModule,
             NzLayoutModule,
             NzListModule,
             NzMentionModule,
             NzMenuModule,
-            NzMessageModule,
-            NzModalModule,
             NzNoAnimationModule,
-            NzNotificationModule,
             NzPageHeaderModule,
             NzPaginationModule,
-            NzPopconfirmModule,
             NzPopoverModule,
             NzProgressModule,
             NzRadioModule,
@@ -1686,7 +1676,7 @@ class CusNgZorroAntdModule {
             NzTagModule,
             NzTimePickerModule,
             NzTimelineModule,
-            NzToolTipModule,
+            NzTooltipModule,
             NzTransButtonModule,
             NzTransferModule,
             NzTreeModule,
@@ -1698,7 +1688,7 @@ class CusNgZorroAntdModule {
             FormsModule,
             ReactiveFormsModule,
             NzImageModule] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CusNgZorroAntdModule, imports: [CommonModule,
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CusNgZorroAntdModule, imports: [CommonModule,
             NzSpaceModule,
             NzAffixModule,
             NzAlertModule,
@@ -1727,18 +1717,14 @@ class CusNgZorroAntdModule {
             NzI18nModule,
             NzIconModule,
             NzInputModule,
-            NzInputNumberModule,
+            NzInputNumberLegacyModule,
             NzLayoutModule,
             NzListModule,
             NzMentionModule,
             NzMenuModule,
-            NzMessageModule,
-            NzModalModule,
             NzNoAnimationModule,
-            NzNotificationModule,
             NzPageHeaderModule,
             NzPaginationModule,
-            NzPopconfirmModule,
             NzPopoverModule,
             NzProgressModule,
             NzRadioModule,
@@ -1756,7 +1742,7 @@ class CusNgZorroAntdModule {
             NzTagModule,
             NzTimePickerModule,
             NzTimelineModule,
-            NzToolTipModule,
+            NzTooltipModule,
             NzTransButtonModule,
             NzTransferModule,
             NzTreeModule,
@@ -1769,7 +1755,7 @@ class CusNgZorroAntdModule {
             ReactiveFormsModule,
             NzImageModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CusNgZorroAntdModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CusNgZorroAntdModule, decorators: [{
             type: NgModule,
             args: [{
                     exports: [
@@ -1802,18 +1788,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                         NzI18nModule,
                         NzIconModule,
                         NzInputModule,
-                        NzInputNumberModule,
+                        NzInputNumberLegacyModule,
                         NzLayoutModule,
                         NzListModule,
                         NzMentionModule,
                         NzMenuModule,
-                        NzMessageModule,
-                        NzModalModule,
                         NzNoAnimationModule,
-                        NzNotificationModule,
                         NzPageHeaderModule,
                         NzPaginationModule,
-                        NzPopconfirmModule,
                         NzPopoverModule,
                         NzProgressModule,
                         NzRadioModule,
@@ -1831,7 +1813,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                         NzTagModule,
                         NzTimePickerModule,
                         NzTimelineModule,
-                        NzToolTipModule,
+                        NzTooltipModule,
                         NzTransButtonModule,
                         NzTransferModule,
                         NzTreeModule,
@@ -1894,10 +1876,10 @@ class IsEmptyPipe {
         }
         return ToolsUtil.isNull(value);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: IsEmptyPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: IsEmptyPipe, name: "isEmpty" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: IsEmptyPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.3.15", ngImport: i0, type: IsEmptyPipe, isStandalone: true, name: "isEmpty" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: IsEmptyPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: IsEmptyPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'isEmpty'
@@ -2040,10 +2022,10 @@ class DictService {
     reset() {
         SessionStorageUtil.resetDict();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DictService, deps: [{ token: HttpService }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DictService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: DictService, deps: [{ token: HttpService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: DictService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DictService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: DictService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -2064,10 +2046,10 @@ class DictsPipe {
         });
         // return "测试1"
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DictsPipe, deps: [{ token: DictService }], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: DictsPipe, name: "dicts" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: DictsPipe, deps: [{ token: DictService }], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.3.15", ngImport: i0, type: DictsPipe, isStandalone: true, name: "dicts" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DictsPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: DictsPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'dicts'
@@ -2084,10 +2066,10 @@ class DefaultValPipe {
         }
         return value;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DefaultValPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: DefaultValPipe, name: "defVal" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: DefaultValPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.3.15", ngImport: i0, type: DefaultValPipe, isStandalone: true, name: "defVal" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DefaultValPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: DefaultValPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'defVal'
@@ -2106,10 +2088,10 @@ class DayPipe {
         }
         return parseInt(value / this.TIME_OF_DAY + "");
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DayPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: DayPipe, name: "day" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: DayPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.3.15", ngImport: i0, type: DayPipe, isStandalone: true, name: "day" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DayPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: DayPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'day'
@@ -2126,10 +2108,10 @@ class SafeComputePipe {
         let result = isE.transform(first, 0) / second + "";
         return isParseInt ? parseInt(result) : result;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SafeComputePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: SafeComputePipe, name: "safeCompute" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: SafeComputePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.3.15", ngImport: i0, type: SafeComputePipe, isStandalone: true, name: "safeCompute" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SafeComputePipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: SafeComputePipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'safeCompute'
@@ -2140,10 +2122,10 @@ class IsNotEmptyPipe {
     transform(value) {
         return !ToolsUtil.isNull(value);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: IsNotEmptyPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: IsNotEmptyPipe, name: "isNotEmpty" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: IsNotEmptyPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.3.15", ngImport: i0, type: IsNotEmptyPipe, isStandalone: true, name: "isNotEmpty" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: IsNotEmptyPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: IsNotEmptyPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'isNotEmpty'
@@ -2156,10 +2138,10 @@ class OssImgPipe {
     transform(value, param = { isVideoCover: false, needTime: false }) {
         return param.isVideoCover ? ToolsUtil.getVideoCover(value) : ToolsUtil.getOssUrl(value, param.needTime);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: OssImgPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: OssImgPipe, name: "ossImg" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: OssImgPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.3.15", ngImport: i0, type: OssImgPipe, isStandalone: true, name: "ossImg" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: OssImgPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: OssImgPipe, decorators: [{
             type: Pipe,
             args: [{ name: 'ossImg' }]
         }], ctorParameters: () => [] });
@@ -2171,10 +2153,10 @@ class SafeHtmlPipe {
     transform(html) {
         return this.sanitizer.bypassSecurityTrustHtml(html);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SafeHtmlPipe, deps: [{ token: i1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: SafeHtmlPipe, name: "safeHtml" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: SafeHtmlPipe, deps: [{ token: i1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.3.15", ngImport: i0, type: SafeHtmlPipe, isStandalone: true, name: "safeHtml" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SafeHtmlPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: SafeHtmlPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'safeHtml'
@@ -2205,10 +2187,10 @@ class ChinaNumPipe {
         }
         return "";
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ChinaNumPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: ChinaNumPipe, name: "chinaNum" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: ChinaNumPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.3.15", ngImport: i0, type: ChinaNumPipe, isStandalone: true, name: "chinaNum" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ChinaNumPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: ChinaNumPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'chinaNum'
@@ -2237,10 +2219,10 @@ class CountPipe {
         // }
         return returnStr;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CountPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: CountPipe, name: "count" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CountPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.3.15", ngImport: i0, type: CountPipe, isStandalone: true, name: "count" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CountPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CountPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'count'
@@ -2251,10 +2233,10 @@ class OssPipe {
     transform(value, defaultVal, needTime = false) {
         return ToolsUtil.getOssUrl(value, needTime);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: OssPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: OssPipe, name: "oss" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: OssPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.3.15", ngImport: i0, type: OssPipe, isStandalone: true, name: "oss" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: OssPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: OssPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'oss'
@@ -2265,10 +2247,10 @@ class OssStaticPipe {
     transform(value, defaultVal) {
         return ToolsUtil.getStaticOssUrl(value);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: OssStaticPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: OssStaticPipe, name: "ossStatic" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: OssStaticPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.3.15", ngImport: i0, type: OssStaticPipe, isStandalone: true, name: "ossStatic" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: OssStaticPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: OssStaticPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'ossStatic'
@@ -2282,10 +2264,10 @@ class RemoveHtmlPipe {
     transform(value, ...args) {
         return ToolsUtil.removeHtml(value);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: RemoveHtmlPipe, deps: [{ token: i1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: RemoveHtmlPipe, name: "removeHtml" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: RemoveHtmlPipe, deps: [{ token: i1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.3.15", ngImport: i0, type: RemoveHtmlPipe, isStandalone: true, name: "removeHtml" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: RemoveHtmlPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: RemoveHtmlPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'removeHtml'
@@ -2299,10 +2281,10 @@ class SafeUrlPipe {
     transform(value, ...args) {
         return this.sanitized.bypassSecurityTrustResourceUrl(value);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SafeUrlPipe, deps: [{ token: i1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: SafeUrlPipe, name: "safeUrl" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: SafeUrlPipe, deps: [{ token: i1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.3.15", ngImport: i0, type: SafeUrlPipe, isStandalone: true, name: "safeUrl" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SafeUrlPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: SafeUrlPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'safeUrl'
@@ -2313,59 +2295,60 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
 const PIPES = [
     IsNotEmptyPipe,
     DefaultValPipe,
-    DictsPipe,
+    DictsPipe, // 暂时注释
     DayPipe,
     IsEmptyPipe,
     SafeComputePipe,
     OssImgPipe,
-    SafeHtmlPipe,
+    SafeHtmlPipe, // 暂时注释
     ChinaNumPipe,
     CountPipe,
     OssPipe,
     OssStaticPipe,
-    RemoveHtmlPipe,
+    RemoveHtmlPipe, // 暂时注释
     SafeUrlPipe // 暂时注释
 ];
 class PipeModuleModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PipeModuleModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: PipeModuleModule, declarations: [IsNotEmptyPipe,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: PipeModuleModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.15", ngImport: i0, type: PipeModuleModule, imports: [CommonModule, IsNotEmptyPipe,
             DefaultValPipe,
-            DictsPipe,
+            DictsPipe, // 暂时注释
             DayPipe,
             IsEmptyPipe,
             SafeComputePipe,
             OssImgPipe,
-            SafeHtmlPipe,
+            SafeHtmlPipe, // 暂时注释
             ChinaNumPipe,
             CountPipe,
             OssPipe,
             OssStaticPipe,
-            RemoveHtmlPipe,
+            RemoveHtmlPipe, // 暂时注释
             SafeUrlPipe // 暂时注释
-        ], imports: [CommonModule], exports: [IsNotEmptyPipe,
+        ], exports: [IsNotEmptyPipe,
             DefaultValPipe,
-            DictsPipe,
+            DictsPipe, // 暂时注释
             DayPipe,
             IsEmptyPipe,
             SafeComputePipe,
             OssImgPipe,
-            SafeHtmlPipe,
+            SafeHtmlPipe, // 暂时注释
             ChinaNumPipe,
             CountPipe,
             OssPipe,
             OssStaticPipe,
-            RemoveHtmlPipe,
+            RemoveHtmlPipe, // 暂时注释
             SafeUrlPipe // 暂时注释
         ] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PipeModuleModule, imports: [CommonModule] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: PipeModuleModule, imports: [CommonModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PipeModuleModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: PipeModuleModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [
-                        CommonModule
+                        CommonModule,
+                        ...PIPES
                     ],
-                    declarations: [...PIPES],
+                    declarations: [],
                     exports: PIPES,
                 }]
         }] });
@@ -2429,36 +2412,31 @@ class UploadOssService {
             });
         };
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: UploadOssService, deps: [{ token: HttpService }, { token: i2.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: UploadOssService }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: UploadOssService, deps: [{ token: HttpService }, { token: i2.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: UploadOssService }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: UploadOssService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: UploadOssService, decorators: [{
             type: Injectable
         }], ctorParameters: () => [{ type: HttpService }, { type: i2.HttpClient }] });
 
 const COMMON_COMPONENT = [];
 class AtrComponentsModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: AtrComponentsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: AtrComponentsModule, imports: [CommonModule,
-            CusNgZorroAntdModule,
-            PipeModuleModule], exports: [CusNgZorroAntdModule,
-            PipeModuleModule] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: AtrComponentsModule, providers: [HttpService, MenuService, UploadOssService], imports: [CommonModule,
-            CusNgZorroAntdModule,
-            PipeModuleModule, CusNgZorroAntdModule,
-            PipeModuleModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: AtrComponentsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.15", ngImport: i0, type: AtrComponentsModule, imports: [CommonModule,
+            PipeModuleModule], exports: [PipeModuleModule] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: AtrComponentsModule, providers: [HttpService, MenuService, UploadOssService], imports: [CommonModule,
+            PipeModuleModule, PipeModuleModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: AtrComponentsModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: AtrComponentsModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [...COMMON_COMPONENT],
                     imports: [
                         CommonModule,
-                        CusNgZorroAntdModule,
                         PipeModuleModule,
                     ],
                     providers: [HttpService, MenuService, UploadOssService],
-                    exports: [...COMMON_COMPONENT, CusNgZorroAntdModule,
+                    exports: [...COMMON_COMPONENT,
                         PipeModuleModule
                     ]
                 }]
@@ -2483,10 +2461,10 @@ class AuthGuard {
         setTimeout(() => AtrReuseStrategy.deleteAll(), 50);
         return false;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: AuthGuard, deps: [{ token: i1$1.Router }, { token: HttpService }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: AuthGuard, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: AuthGuard, deps: [{ token: i1$1.Router }, { token: HttpService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: AuthGuard, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: AuthGuard, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: AuthGuard, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -2544,10 +2522,10 @@ class AtrRoleDirective {
     getRouterUrl() {
         return this.injector.get(Router).url;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: AtrRoleDirective, deps: [{ token: i0.Injector }, { token: i0.Renderer2 }, { token: i0.TemplateRef }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.12", type: AtrRoleDirective, selector: "[atrRole]", inputs: { atrRole: "atrRole" }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: AtrRoleDirective, deps: [{ token: i0.Injector }, { token: i0.Renderer2 }, { token: i0.TemplateRef }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.15", type: AtrRoleDirective, isStandalone: true, selector: "[atrRole]", inputs: { atrRole: "atrRole" }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: AtrRoleDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: AtrRoleDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[atrRole]'
@@ -2570,10 +2548,10 @@ class AtrErrorImgDirective {
             event.src = 'https://atr-demo.oss-cn-hangzhou.aliyuncs.com/common/null.png';
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: AtrErrorImgDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.12", type: AtrErrorImgDirective, selector: "[atrErrorImg]", inputs: { errorImagSrc: ["atrErrorImg", "errorImagSrc"] }, host: { listeners: { "error": "ImageError($event.target)" } }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: AtrErrorImgDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.15", type: AtrErrorImgDirective, isStandalone: true, selector: "[atrErrorImg]", inputs: { errorImagSrc: ["atrErrorImg", "errorImagSrc"] }, host: { listeners: { "error": "ImageError($event.target)" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: AtrErrorImgDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: AtrErrorImgDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[atrErrorImg]'
@@ -2618,10 +2596,10 @@ class HqSpinDirective {
             }
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: HqSpinDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.12", type: HqSpinDirective, selector: "[HqSpin]", inputs: { spinLoading: "spinLoading", text: "text" }, usesOnChanges: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: HqSpinDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.15", type: HqSpinDirective, isStandalone: true, selector: "[HqSpin]", inputs: { spinLoading: "spinLoading", text: "text" }, usesOnChanges: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: HqSpinDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: HqSpinDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[HqSpin]'
@@ -2654,10 +2632,10 @@ class InfiniteScrollDirective {
             this.appInfiniteScroll.emit(); // 触发事件
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: InfiniteScrollDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.12", type: InfiniteScrollDirective, selector: "[appInfiniteScroll]", outputs: { appInfiniteScroll: "appInfiniteScroll" }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: InfiniteScrollDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.15", type: InfiniteScrollDirective, isStandalone: true, selector: "[appInfiniteScroll]", outputs: { appInfiniteScroll: "appInfiniteScroll" }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: InfiniteScrollDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: InfiniteScrollDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[appInfiniteScroll]'
@@ -2687,10 +2665,10 @@ class DebounceClickDirective {
         event.stopPropagation();
         this.click$.emit(event);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DebounceClickDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.12", type: DebounceClickDirective, selector: "[debounceClick]", inputs: { time: "time" }, outputs: { debounceClick: "debounceClick" }, host: { listeners: { "click": "clickEvent($event)" } }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: DebounceClickDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.15", type: DebounceClickDirective, isStandalone: true, selector: "[debounceClick]", inputs: { time: "time" }, outputs: { debounceClick: "debounceClick" }, host: { listeners: { "click": "clickEvent($event)" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DebounceClickDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: DebounceClickDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[debounceClick]'
@@ -2756,18 +2734,18 @@ class TableFormItemComponent {
         };
         this.headerAction.emit(action);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TableFormItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: TableFormItemComponent, selector: "app-table-form-item", inputs: { header: "header", value: "value", dictList: "dictList" }, outputs: { headerAction: "headerAction" }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: TableFormItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: TableFormItemComponent, isStandalone: false, selector: "app-table-form-item", inputs: { header: "header", value: "value", dictList: "dictList" }, outputs: { headerAction: "headerAction" }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef(() => TableFormItemComponent),
                 multi: true
             }
-        ], ngImport: i0, template: "<nz-form-item style=\"position: relative\" title=\"{{header.name}}\" nzFlex>\r\n  <nz-form-control [nzSpan]=\"header.cspan || 24\" [ngSwitch]=\"header.type\">\r\n    <nz-input-group [nzSuffix]=\"inputClearTpl\" *ngSwitchCase=\"'text'\">\r\n      <input\r\n        nz-input\r\n        placeholder=\"{{header.name}}\"\r\n        [attr.id]=\"header.key\"\r\n        [(ngModel)]=\"value\"\r\n        (ngModelChange)=\"onChange($event)\"\r\n      />\r\n\r\n    </nz-input-group>\r\n\r\n    <nz-select *ngSwitchCase=\"'select'\"\r\n               [nzAllowClear]=\"!header.disableClear\"\r\n               [nzMaxTagCount]=\"header.maxTagCount ||3\"\r\n               nzPlaceHolder=\"{{header.placeholder||header.name}}\"\r\n               nzAllowClear=\"true\"\r\n               [nzMode]=\"header.nzMode || 'default'\"\r\n               nzServerSearch\r\n               [(ngModel)]=\"value\"\r\n               (ngModelChange)=\"onChange($event)\"\r\n    >\r\n      <nz-option *ngFor=\"let o of dictList\" [nzLabel]=\"o.typeName\"\r\n                 [nzValue]=\"o.id\"></nz-option>\r\n    </nz-select>\r\n    <nz-select *ngSwitchCase=\"'selectCus'\"\r\n               [nzMode]=\"header.nzMode || 'default'\"\r\n               [nzAllowClear]=\"!header.disableClear\"\r\n               nzPlaceHolder=\"{{header.placeholder||header.name}}\"\r\n               nzAllowClear=\"true\"\r\n               [nzShowSearch]=\"true\"\r\n               [(ngModel)]=\"value\"\r\n               [nzMaxTagCount]=\"header.maxTagCount ||3\"\r\n               (ngModelChange)=\"onChange($event)\"\r\n    >\r\n      <nz-option *ngFor=\"let o of header.dictList\" nzCustomContent [nzLabel]=\"o.label\"\r\n                 [nzValue]=\"o.value\">\r\n        <i class=\"select-icon\" *ngIf=\"header.icon?.isShow\" nz-icon [nzType]=\"header.icon.icon\"\r\n           nzTheme=\"outline\" style=\"margin-right: 1rem;\"\r\n           (click)=\"clickIcon(o.value,header,$event)\"></i>\r\n        {{o.label}}\r\n      </nz-option>\r\n\r\n    </nz-select>\r\n    <nz-cascader\r\n      *ngSwitchCase=\"'cascader'\"\r\n      (ngModelChange)=\"onChange($event)\"\r\n      style=\"flex: 1\" [nzAllowClear]=\"!header.disableClear\"\r\n      nzPlaceHolder=\"{{header.placeholder||header.name}}\"\r\n      [nzShowSearch]=\"true\"\r\n      [nzOptions]=\"header.dictList\"\r\n      [(ngModel)]=\"value\"\r\n    ></nz-cascader>\r\n    <ng-container *ngSwitchCase=\"'treeSelect'\">\r\n      <nz-tree-select *ngIf=\"header.treeList\"\r\n                      [nzDefaultExpandAll]=\"header.expandAll\"\r\n                      (ngModelChange)=\"onChange($event)\"\r\n                      [nzAllowClear]=\"!header.disableClear\"\r\n                      [nzNodes]=\"header.treeList\"\r\n                      nzHideUnMatched=\"true\"\r\n                      nzPlaceHolder=\"{{header.placeholder||header.name}}\"\r\n                      [nzShowSearch]=\"true\"\r\n                      [(ngModel)]=\"value\"\r\n                      [nzMultiple]=\"header.selectUrl.isMultiple\"\r\n                      [nzMaxTagCount]=\"header.maxTagCount || 3\"\r\n                      nzVirtualHeight=\"330px\"\r\n      >\r\n      </nz-tree-select>\r\n    </ng-container>\r\n\r\n    <nz-range-picker *ngSwitchCase=\"'dayRange'\" [(ngModel)]=\"value\" (ngModelChange)=\"onChange($event)\"\r\n                     [(ngModel)]=\"value\"\r\n                     style=\"width: 100%;\"\r\n                     nzAllowClear=\"true\"\r\n                     [nzPlaceHolder]=\"[header.name+'\u5F00\u59CB\u65F6\u95F4','\u7ED3\u675F\u65F6\u95F4']\"\r\n                     [nzDefaultPickerValue]=\"header.defaultVal\"\r\n    ></nz-range-picker>\r\n    <nz-range-picker\r\n      *ngSwitchCase=\"'dateRange'\"\r\n      [nzShowTime]=\"header.nzShowTime ? header.nzShowTime : false\"\r\n      (ngModelChange)=\"onChange($event)\"\r\n\r\n      [nzFormat]=\"header.nzShowTime && header.nzShowTime.nzFormat  ?\r\n      ('yyyy-MM-dd '+ header.nzShowTime.nzFormat) : 'yyyy-MM-dd HH:mm:ss'\"\r\n\r\n      [nzShowNow]=\"header.nzShowTime && header.nzShowNow \"\r\n      [(ngModel)]=\"value\"\r\n      style=\"width: 100%;\"\r\n      nzAllowClear=\"true\"\r\n      [nzPlaceHolder]=\"[header.name+'\u5F00\u59CB\u65F6\u95F4','\u7ED3\u675F\u65F6\u95F4']\"\r\n      [nzDefaultPickerValue]=\"header.defaultVal\"></nz-range-picker>\r\n    <ng-container *ngSwitchCase=\"'sdate'\">\r\n      <nz-date-picker style=\"width: 100%\" [nzFormat]=\"'yyyy-MM-dd'\"\r\n                      (ngModelChange)=\"onChange($event)\"\r\n                      [(ngModel)]=\"value\"\r\n                      *ngIf=\"!header.dateMode\"\r\n                      nzAllowClear=\"true\"></nz-date-picker>\r\n      <nz-date-picker style=\"width: 100%\"\r\n                      (ngModelChange)=\"onChange($event)\"\r\n                      [(ngModel)]=\"value\"\r\n                      *ngIf=\"header.dateMode\"\r\n                      [nzMode]=\"header.dateMode\"\r\n                      nzAllowClear=\"true\"></nz-date-picker>\r\n    </ng-container>\r\n    <nz-month-picker\r\n      *ngSwitchCase=\"'smonth'\"\r\n      (ngModelChange)=\"onChange($event)\"\r\n      [(ngModel)]=\"value\"\r\n      [nzFormat]=\"'yyyy-MM'\"\r\n      [nzPlaceHolder]=\"[header.name]\"\r\n      nzAllowClear=\"true\"></nz-month-picker>\r\n    <span class=\"label-title\">{{header.name}}</span>\r\n  </nz-form-control>\r\n</nz-form-item>\r\n\r\n<ng-template #inputClearTpl>\r\n  <i nz-icon class=\"ant-input-clear-icon\" nzTheme=\"fill\" nzType=\"close-circle\"\r\n     *ngIf=\"!header.disableClear && value|isNotEmpty\" (click)=\"value = null;onChange()\"></i>\r\n</ng-template>\r\n", styles: [":host{margin-bottom:5px}:host .label-title{z-index:80}\n", ":host{width:100%;height:100%;display:-webkit-flex;display:flex;flex-direction:column}:host ::ng-deep .ant-modal{top:50px;padding:0}:host .ant-advanced-search-form{padding:10px 6px 6px;background:#fbfbfb;border:1px solid #d9d9d9;border-radius:6px;margin-bottom:5px}:host .select-icon:hover{color:#1890ff}:host ::ng-deep .ant-advanced-search-form .ant-form-item{margin-bottom:5px}:host ::ng-deep .ant-table-column-title{font-size:.65rem}:host ::ng-deep .ant-table-tbody>tr.ant-table-row:hover>td{background:#d0eeea}:host ::ng-deep .ant-modal-header,:host ::ng-deep .ant-modal-content{border-radius:4px}:host ::ng-deep .ant-table-tbody>tr.selected:hover>td{background-color:#cfe1d0!important}:host ::ng-deep .ant-table{height:100%}:host ::ng-deep nz-pagination{position:absolute;bottom:0;right:0}:host .search-result-list{padding:1px;border:1px dashed #e9e9e9;border-radius:6px;background-color:#fff;flex:1;text-align:center;position:relative}:host [nz-form-label]{overflow:visible}:host button{margin:2px 4px}:host .collapse{margin-left:6px;font-size:12px}:host .action-area{text-align:left}:host .search-area{text-align:right}:host ::ng-deep .main-table{position:absolute;inset:0}:host ::ng-deep .main-table .ant-spin-nested-loading{height:100%}:host ::ng-deep .main-table .ant-spin-container{height:100%}:host ::ng-deep .ant-table-tbody>tr.selected>td{background-color:#cfe1d0}:host ::ng-deep .ant-table-tbody>tr>td>img{display:block;width:40%;margin:0 auto}:host ::ng-deep .ant-table-body{-ms-overflow-style:none;overflow:-moz-scrollbars-none}:host ::ng-deep .ant-table-body::-webkit-scrollbar,:host ::ng-deep .ant-table-header::-webkit-scrollbar{width:6px!important;height:6px!important}:host ::ng-deep .ant-table-body::-webkit-scrollbar-track,:host ::ng-deep .ant-table-header::-webkit-scrollbar-track{width:6px!important;cursor:pointer}:host ::ng-deep .ant-table-body::-webkit-scrollbar-thumb,:host ::ng-deep .ant-table-header::-webkit-scrollbar-thumb{background:#1890ff;border-radius:3px;cursor:pointer}:host ::ng-deep .ant-table-bordered .ant-table-thead>tr>th{border-right:1px solid #ddd}:host ::ng-deep .ant-table-header{-ms-overflow-style:none;overflow:-moz-scrollbars-none;margin-bottom:-5px!important}:host ::ng-deep .ant-table-placeholder{border-bottom:none!important;border-top:none!important}:host .tabel-colunmn{display:block;width:160px;height:300px;background:#fff;border:1px solid #ddd;padding:10px;border-radius:5px;overflow-x:hidden;overflow-y:auto;position:relative}:host .tabel-colunmn-header{position:fixed;top:0;left:0;right:0;height:30px;z-index:999;line-height:30px;border-bottom:1px solid #ddd;text-align:left;font-size:13px;padding-left:10px}:host .t-tr{background:#fff}:host .t-tr:nth-child(odd){background:#f8f9fa}:host ::ng-deep .ant-table-thead>tr>th{background:#e7ebef!important;border-radius:0;word-break:break-all;white-space:pre-wrap}:host ::ng-deep .ant-table-tbody>tr>td{word-break:break-all;white-space:pre-wrap}:host ::ng-deep .ant-table-header{background:#e7ebef!important}:host td{font-size:.65rem}:host .resize-trigger{height:100%}:host .nz-resizable-preview{border-width:0;border-right-width:1px}:host ::ng-deep .ant-table-thead>tr>th .ant-table-header-column .ant-table-column-sorters>:not(.ant-table-column-sorter){position:unset}:host ::ng-deep .ant-table-tbody>tr>td{padding:5px}:host ::ng-deep .ant-table{line-height:15px}:host ::ng-deep .ant-table-middle .ant-table-footer,:host .ant-table-middle .ant-table-tbody>tr>td,:host .ant-table-middle .ant-table-thead>tr>th,:host .ant-table-middle .ant-table-title{padding:5px}:host ::ng-deep .ant-table-tbody>tr>td>img{width:35px}:host ::ng-deep .ant-modal-body{padding:10px}:host ::ng-deep .ant-table.ant-table-bordered tbody>tr>td{font-size:13px}:host ::ng-deep th{z-index:80!important}:host .left-zindex-header{z-index:90!important}:host .left-zindex{z-index:80!important}:host ::ng-deep input,:host ::ng-deep .ant-select-single:not(.ant-select-customize-input) .ant-select-selector,:host ::ng-deep .ant-picker{border-radius:5px}:host .border-text{width:100%;height:36px;line-height:36px;display:flex}:host .border-text .border-text-line{display:inline-block;border-top:1px solid #cccccc;margin-top:18px}:host .border-text .border-text-line-left{width:10px;border-left:1px solid #cccccc}:host .border-text .border-text-line-right{flex:1;border-right:1px solid #cccccc}:host .border-text .border-text-span{margin-left:5px;margin-right:5px}:host ::ng-deep .tabel-colunmn-header{position:absolute!important;top:0!important}:host ::ng-deep .ant-table-cell-fix-left,:host .ant-table-cell-fix-right{position:-webkit-sticky!important;position:sticky!important}.label-title{position:absolute;display:block;top:-7px;left:10px;background-color:#fff;color:#000;font-weight:600;font-size:12px;line-height:12px}\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.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1$2.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { 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.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: "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: 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: i5.NzMonthPickerComponent, selector: "nz-month-picker", exportAs: ["nzMonthPicker"] }, { 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: "component", type: i14.NzFormItemComponent, selector: "nz-form-item", exportAs: ["nzFormItem"] }, { kind: "component", type: i14.NzFormControlComponent, selector: "nz-form-control", inputs: ["nzSuccessTip", "nzWarningTip", "nzErrorTip", "nzValidatingTip", "nzExtra", "nzAutoTips", "nzDisableAutoTips", "nzHasFeedback", "nzValidateStatus"], exportAs: ["nzFormControl"] }, { kind: "directive", type: i8.NzIconDirective, selector: "[nz-icon]", inputs: ["nzSpin", "nzRotate", "nzType", "nzTheme", "nzTwotoneColor", "nzIconfont"], exportAs: ["nzIcon"] }, { kind: "directive", type: i9.NzInputDirective, selector: "input[nz-input],textarea[nz-input]", inputs: ["nzBorderless", "nzSize", "nzStepperless", "nzStatus", "disabled"], exportAs: ["nzInput"] }, { kind: "component", type: i9.NzInputGroupComponent, selector: "nz-input-group", inputs: ["nzAddOnBeforeIcon", "nzAddOnAfterIcon", "nzPrefixIcon", "nzSuffixIcon", "nzAddOnBefore", "nzAddOnAfter", "nzPrefix", "nzStatus", "nzSuffix", "nzSize", "nzSearch", "nzCompact"], exportAs: ["nzInputGroup"] }, { kind: "directive", type: i9.NzInputGroupWhitSuffixOrPrefixDirective, selector: "nz-input-group[nzSuffix], nz-input-group[nzPrefix]" }, { 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: "pipe", type: IsNotEmptyPipe, name: "isNotEmpty" }] }); }
+        ], ngImport: i0, template: "<nz-form-item style=\"position: relative\" title=\"{{header.name}}\" nzFlex>\r\n  <nz-form-control [nzSpan]=\"header.cspan || 24\" [ngSwitch]=\"header.type\">\r\n    <nz-input-group [nzSuffix]=\"inputClearTpl\" *ngSwitchCase=\"'text'\">\r\n      <input\r\n        nz-input\r\n        placeholder=\"{{header.name}}\"\r\n        [attr.id]=\"header.key\"\r\n        [(ngModel)]=\"value\"\r\n        (ngModelChange)=\"onChange($event)\"\r\n      />\r\n\r\n    </nz-input-group>\r\n\r\n    <nz-select *ngSwitchCase=\"'select'\"\r\n               [nzAllowClear]=\"!header.disableClear\"\r\n               [nzMaxTagCount]=\"header.maxTagCount ||3\"\r\n               nzPlaceHolder=\"{{header.placeholder||header.name}}\"\r\n               nzAllowClear=\"true\"\r\n               [nzMode]=\"header.nzMode || 'default'\"\r\n               nzServerSearch\r\n               [(ngModel)]=\"value\"\r\n               (ngModelChange)=\"onChange($event)\"\r\n    >\r\n      <nz-option *ngFor=\"let o of dictList\" [nzLabel]=\"o.typeName\"\r\n                 [nzValue]=\"o.id\"></nz-option>\r\n    </nz-select>\r\n    <nz-select *ngSwitchCase=\"'selectCus'\"\r\n               [nzMode]=\"header.nzMode || 'default'\"\r\n               [nzAllowClear]=\"!header.disableClear\"\r\n               nzPlaceHolder=\"{{header.placeholder||header.name}}\"\r\n               nzAllowClear=\"true\"\r\n               [nzShowSearch]=\"true\"\r\n               [(ngModel)]=\"value\"\r\n               [nzMaxTagCount]=\"header.maxTagCount ||3\"\r\n               (ngModelChange)=\"onChange($event)\"\r\n    >\r\n      <nz-option *ngFor=\"let o of header.dictList\" nzCustomContent [nzLabel]=\"o.label\"\r\n                 [nzValue]=\"o.value\">\r\n        <i class=\"select-icon\" *ngIf=\"header.icon?.isShow\" nz-icon [nzType]=\"header.icon.icon\"\r\n           nzTheme=\"outline\" style=\"margin-right: 1rem;\"\r\n           (click)=\"clickIcon(o.value,header,$event)\"></i>\r\n        {{o.label}}\r\n      </nz-option>\r\n\r\n    </nz-select>\r\n    <nz-cascader\r\n      *ngSwitchCase=\"'cascader'\"\r\n      (ngModelChange)=\"onChange($event)\"\r\n      style=\"flex: 1\" [nzAllowClear]=\"!header.disableClear\"\r\n      nzPlaceHolder=\"{{header.placeholder||header.name}}\"\r\n      [nzShowSearch]=\"true\"\r\n      [nzOptions]=\"header.dictList\"\r\n      [(ngModel)]=\"value\"\r\n    ></nz-cascader>\r\n    <ng-container *ngSwitchCase=\"'treeSelect'\">\r\n      <nz-tree-select *ngIf=\"header.treeList\"\r\n                      [nzDefaultExpandAll]=\"header.expandAll\"\r\n                      (ngModelChange)=\"onChange($event)\"\r\n                      [nzAllowClear]=\"!header.disableClear\"\r\n                      [nzNodes]=\"header.treeList\"\r\n                      nzHideUnMatched=\"true\"\r\n                      nzPlaceHolder=\"{{header.placeholder||header.name}}\"\r\n                      [nzShowSearch]=\"true\"\r\n                      [(ngModel)]=\"value\"\r\n                      [nzMultiple]=\"header.selectUrl.isMultiple\"\r\n                      [nzMaxTagCount]=\"header.maxTagCount || 3\"\r\n                      nzVirtualHeight=\"330px\"\r\n      >\r\n      </nz-tree-select>\r\n    </ng-container>\r\n\r\n    <nz-range-picker *ngSwitchCase=\"'dayRange'\" [(ngModel)]=\"value\" (ngModelChange)=\"onChange($event)\"\r\n                     [(ngModel)]=\"value\"\r\n                     style=\"width: 100%;\"\r\n                     nzAllowClear=\"true\"\r\n                     [nzPlaceHolder]=\"[header.name+'\u5F00\u59CB\u65F6\u95F4','\u7ED3\u675F\u65F6\u95F4']\"\r\n                     [nzDefaultPickerValue]=\"header.defaultVal\"\r\n    ></nz-range-picker>\r\n    <nz-range-picker\r\n      *ngSwitchCase=\"'dateRange'\"\r\n      [nzShowTime]=\"header.nzShowTime ? header.nzShowTime : false\"\r\n      (ngModelChange)=\"onChange($event)\"\r\n\r\n      [nzFormat]=\"header.nzShowTime && header.nzShowTime.nzFormat  ?\r\n      ('yyyy-MM-dd '+ header.nzShowTime.nzFormat) : 'yyyy-MM-dd HH:mm:ss'\"\r\n\r\n      [nzShowNow]=\"header.nzShowTime && header.nzShowNow \"\r\n      [(ngModel)]=\"value\"\r\n      style=\"width: 100%;\"\r\n      nzAllowClear=\"true\"\r\n      [nzPlaceHolder]=\"[header.name+'\u5F00\u59CB\u65F6\u95F4','\u7ED3\u675F\u65F6\u95F4']\"\r\n      [nzDefaultPickerValue]=\"header.defaultVal\"></nz-range-picker>\r\n    <ng-container *ngSwitchCase=\"'sdate'\">\r\n      <nz-date-picker style=\"width: 100%\" [nzFormat]=\"'yyyy-MM-dd'\"\r\n                      (ngModelChange)=\"onChange($event)\"\r\n                      [(ngModel)]=\"value\"\r\n                      *ngIf=\"!header.dateMode\"\r\n                      nzAllowClear=\"true\"></nz-date-picker>\r\n      <nz-date-picker style=\"width: 100%\"\r\n                      (ngModelChange)=\"onChange($event)\"\r\n                      [(ngModel)]=\"value\"\r\n                      *ngIf=\"header.dateMode\"\r\n                      [nzMode]=\"header.dateMode\"\r\n                      nzAllowClear=\"true\"></nz-date-picker>\r\n    </ng-container>\r\n    <nz-month-picker\r\n      *ngSwitchCase=\"'smonth'\"\r\n      (ngModelChange)=\"onChange($event)\"\r\n      [(ngModel)]=\"value\"\r\n      [nzFormat]=\"'yyyy-MM'\"\r\n      [nzPlaceHolder]=\"[header.name]\"\r\n      nzAllowClear=\"true\"></nz-month-picker>\r\n    <span class=\"label-title\">{{header.name}}</span>\r\n  </nz-form-control>\r\n</nz-form-item>\r\n\r\n<ng-template #inputClearTpl>\r\n  <i nz-icon class=\"ant-input-clear-icon\" nzTheme=\"fill\" nzType=\"close-circle\"\r\n     *ngIf=\"!header.disableClear && value|isNotEmpty\" (click)=\"value = null;onChange()\"></i>\r\n</ng-template>\r\n", styles: [":host{margin-bottom:5px}:host .label-title{z-index:80}\n", ":host{width:100%;height:100%;display:-webkit-flex;display:flex;flex-direction:column}:host ::ng-deep .ant-modal{top:50px;padding:0}:host .ant-advanced-search-form{padding:10px 6px 6px;background:#fbfbfb;border:1px solid #d9d9d9;border-radius:6px;margin-bottom:5px}:host .select-icon:hover{color:#1890ff}:host ::ng-deep .ant-advanced-search-form .ant-form-item{margin-bottom:5px}:host ::ng-deep .ant-table-column-title{font-size:.65rem}:host ::ng-deep .ant-table-tbody>tr.ant-table-row:hover>td{background:#d0eeea}:host ::ng-deep .ant-modal-header,:host ::ng-deep .ant-modal-content{border-radius:4px}:host ::ng-deep .ant-table-tbody>tr.selected:hover>td{background-color:#cfe1d0!important}:host ::ng-deep .ant-table{height:100%}:host ::ng-deep nz-pagination{position:absolute;bottom:0;right:0}:host .search-result-list{padding:1px;border:1px dashed #e9e9e9;border-radius:6px;background-color:#fff;flex:1;text-align:center;position:relative}:host [nz-form-label]{overflow:visible}:host button{margin:2px 4px}:host .collapse{margin-left:6px;font-size:12px}:host .action-area{text-align:left}:host .search-area{text-align:right}:host ::ng-deep .main-table{position:absolute;inset:0}:host ::ng-deep .main-table .ant-spin-nested-loading{height:100%}:host ::ng-deep .main-table .ant-spin-container{height:100%}:host ::ng-deep .ant-table-tbody>tr.selected>td{background-color:#cfe1d0}:host ::ng-deep .ant-table-tbody>tr>td>img{display:block;width:40%;margin:0 auto}:host ::ng-deep .ant-table-body{-ms-overflow-style:none;overflow:-moz-scrollbars-none}:host ::ng-deep .ant-table-body::-webkit-scrollbar,:host ::ng-deep .ant-table-header::-webkit-scrollbar{width:6px!important;height:6px!important}:host ::ng-deep .ant-table-body::-webkit-scrollbar-track,:host ::ng-deep .ant-table-header::-webkit-scrollbar-track{width:6px!important;cursor:pointer}:host ::ng-deep .ant-table-body::-webkit-scrollbar-thumb,:host ::ng-deep .ant-table-header::-webkit-scrollbar-thumb{background:#1890ff;border-radius:3px;cursor:pointer}:host ::ng-deep .ant-table-bordered .ant-table-thead>tr>th{border-right:1px solid #ddd}:host ::ng-deep .ant-table-header{-ms-overflow-style:none;overflow:-moz-scrollbars-none;margin-bottom:-5px!important}:host ::ng-deep .ant-table-placeholder{border-bottom:none!important;border-top:none!important}:host .tabel-colunmn{display:block;width:160px;height:300px;background:#fff;border:1px solid #ddd;padding:10px;border-radius:5px;overflow-x:hidden;overflow-y:auto;position:relative}:host .tabel-colunmn-header{position:fixed;top:0;left:0;right:0;height:30px;z-index:999;line-height:30px;border-bottom:1px solid #ddd;text-align:left;font-size:13px;padding-left:10px}:host .t-tr{background:#fff}:host .t-tr:nth-child(odd){background:#f8f9fa}:host ::ng-deep .ant-table-thead>tr>th{background:#e7ebef!important;border-radius:0;word-break:break-all;white-space:pre-wrap}:host ::ng-deep .ant-table-tbody>tr>td{word-break:break-all;white-space:pre-wrap}:host ::ng-deep .ant-table-header{background:#e7ebef!important}:host td{font-size:.65rem}:host .resize-trigger{height:100%}:host .nz-resizable-preview{border-width:0;border-right-width:1px}:host ::ng-deep .ant-table-thead>tr>th .ant-table-header-column .ant-table-column-sorters>:not(.ant-table-column-sorter){position:unset}:host ::ng-deep .ant-table-tbody>tr>td{padding:5px}:host ::ng-deep .ant-table{line-height:15px}:host ::ng-deep .ant-table-middle .ant-table-footer,:host .ant-table-middle .ant-table-tbody>tr>td,:host .ant-table-middle .ant-table-thead>tr>th,:host .ant-table-middle .ant-table-title{padding:5px}:host ::ng-deep .ant-table-tbody>tr>td>img{width:35px}:host ::ng-deep .ant-modal-body{padding:10px}:host ::ng-deep .ant-table.ant-table-bordered tbody>tr>td{font-size:13px}:host ::ng-deep th{z-index:80!important}:host .left-zindex-header{z-index:90!important}:host .left-zindex{z-index:80!important}:host ::ng-deep input,:host ::ng-deep .ant-select-single:not(.ant-select-customize-input) .ant-select-selector,:host ::ng-deep .ant-picker{border-radius:5px}:host .border-text{width:100%;height:36px;line-height:36px;display:flex}:host .border-text .border-text-line{display:inline-block;border-top:1px solid #cccccc;margin-top:18px}:host .border-text .border-text-line-left{width:10px;border-left:1px solid #cccccc}:host .border-text .border-text-line-right{flex:1;border-right:1px solid #cccccc}:host .border-text .border-text-span{margin-left:5px;margin-right:5px}:host ::ng-deep .tabel-colunmn-header{position:absolute!important;top:0!important}:host ::ng-deep .ant-table-cell-fix-left,:host .ant-table-cell-fix-right{position:-webkit-sticky!important;position:sticky!important}.label-title{position:absolute;display:block;top:-7px;left:10px;background-color:#fff;color:#000;font-weight:600;font-size:12px;line-height:12px}\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.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1$2.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { 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.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-icon], nz-icon, [nz-menu-item], [nz-submenu], nz-select-top-control, nz-select-placeholder, nz-input-group", inputs: ["hidden"] }, { kind: "component", type: i4$1.NzCascaderComponent, selector: "nz-cascader, [nz-cascader]", inputs: ["nzOpen", "nzOptions", "nzOptionRender", "nzShowInput", "nzShowArrow", "nzAllowClear", "nzAutoFocus", "nzChangeOnSelect", "nzDisabled", "nzColumnClassName", "nzExpandTrigger", "nzValueProperty", "nzLabelProperty", "nzLabelRender", "nzVariant", "nzNotFoundContent", "nzSize", "nzBackdrop", "nzShowSearch", "nzPlaceHolder", "nzMenuClassName", "nzMenuStyle", "nzMouseLeaveDelay", "nzMouseEnterDelay", "nzStatus", "nzMultiple", "nzMaxTagCount", "nzPlacement", "nzTriggerAction", "nzChangeOn", "nzLoadData", "nzDisplayWith", "nzPrefix", "nzSuffixIcon", "nzExpandIcon"], outputs: ["nzVisibleChange", "nzSelectionChange", "nzRemoved", "nzClear"], exportAs: ["nzCascader"] }, { kind: "component", type: i5.NzDatePickerComponent, selector: "nz-date-picker,nz-week-picker,nz-month-picker,nz-quarter-picker,nz-year-picker,nz-range-picker", inputs: ["nzAllowClear", "nzAutoFocus", "nzDisabled", "nzBorderless", "nzInputReadOnly", "nzInline", "nzOpen", "nzDisabledDate", "nzLocale", "nzPlaceHolder", "nzPopupStyle", "nzDropdownClassName", "nzSize", "nzStatus", "nzFormat", "nzVariant", "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: i5.NzMonthPickerComponent, selector: "nz-month-picker", exportAs: ["nzMonthPicker"] }, { 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: "component", type: i14.NzFormItemComponent, selector: "nz-form-item", exportAs: ["nzFormItem"] }, { kind: "component", type: i14.NzFormControlComponent, selector: "nz-form-control", inputs: ["nzSuccessTip", "nzWarningTip", "nzErrorTip", "nzValidatingTip", "nzExtra", "nzAutoTips", "nzDisableAutoTips", "nzHasFeedback", "nzValidateStatus"], exportAs: ["nzFormControl"] }, { kind: "directive", type: i8.NzIconDirective, selector: "nz-icon,[nz-icon]", inputs: ["nzSpin", "nzRotate", "nzType", "nzTheme", "nzTwotoneColor", "nzIconfont"], exportAs: ["nzIcon"] }, { kind: "directive", type: i9.NzInputDirective, selector: "input[nz-input],textarea[nz-input]", inputs: ["nzBorderless", "nzVariant", "nzSize", "nzStepperless", "nzStatus", "disabled", "readonly"], exportAs: ["nzInput"] }, { kind: "component", type: i9.NzInputGroupComponent, selector: "nz-input-group", inputs: ["nzAddOnBeforeIcon", "nzAddOnAfterIcon", "nzPrefixIcon", "nzSuffixIcon", "nzAddOnBefore", "nzAddOnAfter", "nzPrefix", "nzStatus", "nzSuffix", "nzSize", "nzSearch"], exportAs: ["nzInputGroup"] }, { kind: "directive", type: i9.NzInputGroupWhitSuffixOrPrefixDirective, selector: "nz-input-group[nzSuffix], nz-input-group[nzPrefix]" }, { 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", "nzVariant", "nzOptionHeightPx", "nzOptionOverflowSize", "nzDropdownClassName", "nzDropdownMatchSelectWidth", "nzDropdownStyle", "nzNotFoundContent", "nzPlaceHolder", "nzPlacement", "nzMaxTagCount", "nzDropdownRender", "nzCustomTemplate", "nzPrefix", "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", "nzOnClear"], 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", "nzVariant", "nzPlaceHolder", "nzDropdownStyle", "nzDropdownClassName", "nzBackdrop", "nzStatus", "nzPlacement", "nzExpandedKeys", "nzPrefix", "nzSuffixIcon", "nzDisplayWith", "nzMaxTagCount", "nzMaxTagPlaceholder", "nzTreeTemplate"], outputs: ["nzOpenChange", "nzCleared", "nzRemoved", "nzExpandChange", "nzTreeClick", "nzTreeCheckboxChange"], exportAs: ["nzTreeSelect"] }, { kind: "pipe", type: IsNotEmptyPipe, name: "isNotEmpty" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TableFormItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: TableFormItemComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-table-form-item', providers: [
+            args: [{ standalone: false, selector: 'app-table-form-item', providers: [
                         {
                             provide: NG_VALUE_ACCESSOR,
                             useExisting: forwardRef(() => TableFormItemComponent),
@@ -2913,12 +2891,12 @@ class TableTdComponent {
         }
         return isRight;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TableTdComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: TableTdComponent, selector: "app-table-td", inputs: { data: "data", item: "item", i: "i" }, outputs: { doActionByRowAction: "doActionByRowAction" }, ngImport: i0, template: "<ng-container [ngSwitch]=\"item.type\">\r\n  <ng-container *ngSwitchCase=\"'tempRef'\">\r\n    <ng-container *ngTemplateOutlet=\"item.tempRef; context: {data: result,item:item,value:value}\">\r\n    </ng-container>\r\n  </ng-container>\r\n  <ng-container *ngSwitchCase=\"'innerHtml'\">\r\n    <div [ngStyle]=\"getStyleCallBack(item,result)\" [innerHTML]=\"item.innerHtmlBack((value| defVal:item.defaultVal),result) | safeHtml\"  ></div>\r\n  </ng-container>\r\n  <ng-container *ngSwitchCase=\"'textcolor'\">\r\n    <div [innerHTML]=\"value | defVal:item.defaultVal\" [ngStyle]=\"{'color':item.color}\"\r\n         *ngIf=\"item.colorShow == value\"></div>\r\n    <div [innerHTML]=\"value | defVal:item.defaultVal\" *ngIf=\"item.colorShow != value\"></div>\r\n  </ng-container>\r\n  <ng-container *ngSwitchCase=\"'date'\">\r\n       <span nz-popover (mouseenter)=\"enter($event)\"\r\n             [nzPopoverTrigger]=\"popoverTrigger\"\r\n             [ngStyle]=\"getStyleCallBack(item,result)\"\r\n             [nzPopoverContent]=\"value | date:'yyyy-MM-dd' | defVal:item.defaultVal\"\r\n             class=\"view-text\">{{ value | date:'yyyy-MM-dd' | defVal:item.defaultVal}}</span>\r\n  </ng-container>\r\n  <ng-container *ngSwitchCase=\"'dateTime'\">\r\n      <span nz-popover (mouseenter)=\"enter($event)\"\r\n            [nzPopoverTrigger]=\"popoverTrigger\"\r\n            [ngStyle]=\"getStyleCallBack(item,result)\"\r\n            [nzPopoverContent]=\"value | date:'yyyy-MM-dd HH:mm:ss' | defVal:item.defaultVal\"\r\n            class=\"view-text\"> {{ value | date:'yyyy-MM-dd HH:mm:ss' | defVal:item.defaultVal}}</span>\r\n  </ng-container>\r\n  <nz-switch *ngSwitchCase=\"'switch'\" [(ngModel)]=\"value\" [nzDisabled]=\"item.disabled\"\r\n             [ngStyle]=\"getStyleCallBack(item,result)\"\r\n             (ngModelChange)=\"doActionSwitch(result,item.key)\" nzCheckedChildren=\"\u662F\" nzUnCheckedChildren=\"\u5426\">\r\n  </nz-switch>\r\n  <ng-container *ngSwitchCase=\"'sDateTime'\">\r\n      <span nz-popover (mouseenter)=\"enter($event)\"\r\n            [nzPopoverTrigger]=\"popoverTrigger\" [ngStyle]=\"getStyleCallBack(item,result)\"\r\n            [nzPopoverContent]=\"value | date:'MM-dd HH:mm' | defVal:item.defaultVal\"\r\n            class=\"view-text\">  {{ value | date:'MM-dd HH:mm' | defVal:item.defaultVal}}</span>\r\n  </ng-container>\r\n  <div *ngSwitchCase=\"'fixedText'\" [ngStyle]=\"getStyleCallBack(item,result)\" [innerHTML]=\"item.key\"></div>\r\n\r\n  <img *ngSwitchCase=\"'image'\" [ngStyle]=\"getStyleCallBack(item,result)\" width=\"35px\" nzSrc=\"{{(value | defVal:item.defaultVal) | ossImg}}\"\r\n       nz-image atrErrorImg/>\r\n  <img *ngSwitchCase=\"'image64'\" [ngStyle]=\"getStyleCallBack(item,result)\" width=\"35px\" nzSrc=\"{{(value | defVal:item.defaultVal)}}\"\r\n       nz-image atrErrorImg/>\r\n  <div nz-row *ngSwitchCase=\"'action'\">\r\n    <div class=\"action-area\" nz-col [nzSpan]=\"24\">\r\n      <ng-container *ngFor=\"let action of item.actions\">\r\n        <ng-container *ngIf=\"isShowBtn(result,action.operator,action)\">\r\n          <ng-container *ngIf=\"!action.withoutRole\">\r\n            <button nz-button\r\n                    [nzType]=\"action.buttonType&&action.buttonType != 'danger'? action.buttonType : 'primary'\"\r\n                    [nzDanger]=\"action.buttonType == 'danger'\"\r\n                    nzSize=\"small\" *atrRole=\"action.code\"\r\n                    (click)=\"doActionByRow(result,action.code,$event,i)\">\r\n              <i nz-icon *ngIf=\"action.icon\" [nzType]=\"action.icon\"></i>\r\n              {{action.name}}</button>\r\n          </ng-container>\r\n          <ng-container *ngIf=\"action.withoutRole\">\r\n            <button nz-button\r\n                    [nzType]=\"action.buttonType&&action.buttonType != 'danger'? action.buttonType : 'primary'\"\r\n                    [nzDanger]=\"action.buttonType == 'danger'\"\r\n                    nzSize=\"small\" (click)=\"doActionByRow(result,action.code,$event,i)\">\r\n              <i nz-icon *ngIf=\"action.icon\" [nzType]=\"action.icon\"></i>\r\n              {{action.name}}</button>\r\n          </ng-container>\r\n          <!-- <button nz-button [nzType]=\"'primary'\" nzSize=\"small\" *atrRole=\"action.code\" (click)=\"doActionByRow(result,action.code,$event)\">{{action.name\r\n          }}</button> -->\r\n        </ng-container>\r\n      </ng-container>\r\n    </div>\r\n  </div>\r\n  <div [ngStyle]=\"getStyleCallBack(item,result)\" *ngSwitchCase=\"'dict'\" [innerHTML]=\"value | dicts:item.dictCode:',' | async | defVal:item.defaultVal\"></div>\r\n  <div [ngStyle]=\"getStyleCallBack(item,result)\" nz-popover (mouseenter)=\"enter($event)\"\r\n       [nzPopoverTrigger]=\"popoverTrigger\" [nzPopoverContent]='value | defVal:item.defaultVal'\r\n       class=\"view-text\" *ngSwitchDefault [innerHTML]=\"value | defVal:item.defaultVal\"></div>\r\n</ng-container>\r\n\r\n", styles: [":host{cursor:default}:host .view-text{display:inline-block;white-space:nowrap;width:100%;overflow:hidden;text-overflow:ellipsis}\n", ":host{width:100%;height:100%;display:-webkit-flex;display:flex;flex-direction:column}:host ::ng-deep .ant-modal{top:50px;padding:0}:host .ant-advanced-search-form{padding:10px 6px 6px;background:#fbfbfb;border:1px solid #d9d9d9;border-radius:6px;margin-bottom:5px}:host .select-icon:hover{color:#1890ff}:host ::ng-deep .ant-advanced-search-form .ant-form-item{margin-bottom:5px}:host ::ng-deep .ant-table-column-title{font-size:.65rem}:host ::ng-deep .ant-table-tbody>tr.ant-table-row:hover>td{background:#d0eeea}:host ::ng-deep .ant-modal-header,:host ::ng-deep .ant-modal-content{border-radius:4px}:host ::ng-deep .ant-table-tbody>tr.selected:hover>td{background-color:#cfe1d0!important}:host ::ng-deep .ant-table{height:100%}:host ::ng-deep nz-pagination{position:absolute;bottom:0;right:0}:host .search-result-list{padding:1px;border:1px dashed #e9e9e9;border-radius:6px;background-color:#fff;flex:1;text-align:center;position:relative}:host [nz-form-label]{overflow:visible}:host button{margin:2px 4px}:host .collapse{margin-left:6px;font-size:12px}:host .action-area{text-align:left}:host .search-area{text-align:right}:host ::ng-deep .main-table{position:absolute;inset:0}:host ::ng-deep .main-table .ant-spin-nested-loading{height:100%}:host ::ng-deep .main-table .ant-spin-container{height:100%}:host ::ng-deep .ant-table-tbody>tr.selected>td{background-color:#cfe1d0}:host ::ng-deep .ant-table-tbody>tr>td>img{display:block;width:40%;margin:0 auto}:host ::ng-deep .ant-table-body{-ms-overflow-style:none;overflow:-moz-scrollbars-none}:host ::ng-deep .ant-table-body::-webkit-scrollbar,:host ::ng-deep .ant-table-header::-webkit-scrollbar{width:6px!important;height:6px!important}:host ::ng-deep .ant-table-body::-webkit-scrollbar-track,:host ::ng-deep .ant-table-header::-webkit-scrollbar-track{width:6px!important;cursor:pointer}:host ::ng-deep .ant-table-body::-webkit-scrollbar-thumb,:host ::ng-deep .ant-table-header::-webkit-scrollbar-thumb{background:#1890ff;border-radius:3px;cursor:pointer}:host ::ng-deep .ant-table-bordered .ant-table-thead>tr>th{border-right:1px solid #ddd}:host ::ng-deep .ant-table-header{-ms-overflow-style:none;overflow:-moz-scrollbars-none;margin-bottom:-5px!important}:host ::ng-deep .ant-table-placeholder{border-bottom:none!important;border-top:none!important}:host .tabel-colunmn{display:block;width:160px;height:300px;background:#fff;border:1px solid #ddd;padding:10px;border-radius:5px;overflow-x:hidden;overflow-y:auto;position:relative}:host .tabel-colunmn-header{position:fixed;top:0;left:0;right:0;height:30px;z-index:999;line-height:30px;border-bottom:1px solid #ddd;text-align:left;font-size:13px;padding-left:10px}:host .t-tr{background:#fff}:host .t-tr:nth-child(odd){background:#f8f9fa}:host ::ng-deep .ant-table-thead>tr>th{background:#e7ebef!important;border-radius:0;word-break:break-all;white-space:pre-wrap}:host ::ng-deep .ant-table-tbody>tr>td{word-break:break-all;white-space:pre-wrap}:host ::ng-deep .ant-table-header{background:#e7ebef!important}:host td{font-size:.65rem}:host .resize-trigger{height:100%}:host .nz-resizable-preview{border-width:0;border-right-width:1px}:host ::ng-deep .ant-table-thead>tr>th .ant-table-header-column .ant-table-column-sorters>:not(.ant-table-column-sorter){position:unset}:host ::ng-deep .ant-table-tbody>tr>td{padding:5px}:host ::ng-deep .ant-table{line-height:15px}:host ::ng-deep .ant-table-middle .ant-table-footer,:host .ant-table-middle .ant-table-tbody>tr>td,:host .ant-table-middle .ant-table-thead>tr>th,:host .ant-table-middle .ant-table-title{padding:5px}:host ::ng-deep .ant-table-tbody>tr>td>img{width:35px}:host ::ng-deep .ant-modal-body{padding:10px}:host ::ng-deep .ant-table.ant-table-bordered tbody>tr>td{font-size:13px}:host ::ng-deep th{z-index:80!important}:host .left-zindex-header{z-index:90!important}:host .left-zindex{z-index:80!important}:host ::ng-deep input,:host ::ng-deep .ant-select-single:not(.ant-select-customize-input) .ant-select-selector,:host ::ng-deep .ant-picker{border-radius:5px}:host .border-text{width:100%;height:36px;line-height:36px;display:flex}:host .border-text .border-text-line{display:inline-block;border-top:1px solid #cccccc;margin-top:18px}:host .border-text .border-text-line-left{width:10px;border-left:1px solid #cccccc}:host .border-text .border-text-line-right{flex:1;border-right:1px solid #cccccc}:host .border-text .border-text-span{margin-left:5px;margin-right:5px}:host ::ng-deep .tabel-colunmn-header{position:absolute!important;top:0!important}:host ::ng-deep .ant-table-cell-fix-left,:host .ant-table-cell-fix-right{position:-webkit-sticky!important;position:sticky!important}.label-title{position:absolute;display:block;top:-7px;left:10px;background-color:#fff;color:#000;font-weight:600;font-size:12px;line-height:12px}\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: i1$2.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1$2.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1$2.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { 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: "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: "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: i8.NzIconDirective, selector: "[nz-icon]", inputs: ["nzSpin", "nzRotate", "nzType", "nzTheme", "nzTwotoneColor", "nzIconfont"], exportAs: ["nzIcon"] }, { kind: "directive", type: i8$1.NzPopoverDirective, selector: "[nz-popover]", inputs: ["nzPopoverArrowPointAtCenter", "nzPopoverTitle", "nzPopoverContent", "nz-popover", "nzPopoverTrigger", "nzPopoverPlacement", "nzPopoverOrigin", "nzPopoverVisible", "nzPopoverMouseEnterDelay", "nzPopoverMouseLeaveDelay", "nzPopoverOverlayClassName", "nzPopoverOverlayStyle", "nzPopoverBackdrop"], outputs: ["nzPopoverVisibleChange"], exportAs: ["nzPopover"] }, { kind: "component", type: i9$1.NzSwitchComponent, selector: "nz-switch", inputs: ["nzLoading", "nzDisabled", "nzControl", "nzCheckedChildren", "nzUnCheckedChildren", "nzSize", "nzId"], exportAs: ["nzSwitch"] }, { kind: "directive", type: i1$3.NzImageDirective, selector: "img[nz-image]", inputs: ["nzSrc", "nzSrcset", "nzDisablePreview", "nzFallback", "nzPlaceholder", "nzScaleStep"], exportAs: ["nzImage"] }, { kind: "directive", type: AtrRoleDirective, selector: "[atrRole]", inputs: ["atrRole"] }, { kind: "directive", type: AtrErrorImgDirective, selector: "[atrErrorImg]", inputs: ["atrErrorImg"] }, { kind: "pipe", type: DefaultValPipe, name: "defVal" }, { kind: "pipe", type: DictsPipe, name: "dicts" }, { kind: "pipe", type: OssImgPipe, name: "ossImg" }, { kind: "pipe", type: SafeHtmlPipe, name: "safeHtml" }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }, { kind: "pipe", type: i1$2.DatePipe, name: "date" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: TableTdComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: TableTdComponent, isStandalone: false, selector: "app-table-td", inputs: { data: "data", item: "item", i: "i" }, outputs: { doActionByRowAction: "doActionByRowAction" }, ngImport: i0, template: "<ng-container [ngSwitch]=\"item.type\">\r\n  <ng-container *ngSwitchCase=\"'tempRef'\">\r\n    <ng-container *ngTemplateOutlet=\"item.tempRef; context: {data: result,item:item,value:value}\">\r\n    </ng-container>\r\n  </ng-container>\r\n  <ng-container *ngSwitchCase=\"'innerHtml'\">\r\n    <div [ngStyle]=\"getStyleCallBack(item,result)\" [innerHTML]=\"item.innerHtmlBack((value| defVal:item.defaultVal),result) | safeHtml\"  ></div>\r\n  </ng-container>\r\n  <ng-container *ngSwitchCase=\"'textcolor'\">\r\n    <div [innerHTML]=\"value | defVal:item.defaultVal\" [ngStyle]=\"{'color':item.color}\"\r\n         *ngIf=\"item.colorShow == value\"></div>\r\n    <div [innerHTML]=\"value | defVal:item.defaultVal\" *ngIf=\"item.colorShow != value\"></div>\r\n  </ng-container>\r\n  <ng-container *ngSwitchCase=\"'date'\">\r\n       <span nz-popover (mouseenter)=\"enter($event)\"\r\n             [nzPopoverTrigger]=\"popoverTrigger\"\r\n             [ngStyle]=\"getStyleCallBack(item,result)\"\r\n             [nzPopoverContent]=\"value | date:'yyyy-MM-dd' | defVal:item.defaultVal\"\r\n             class=\"view-text\">{{ value | date:'yyyy-MM-dd' | defVal:item.defaultVal}}</span>\r\n  </ng-container>\r\n  <ng-container *ngSwitchCase=\"'dateTime'\">\r\n      <span nz-popover (mouseenter)=\"enter($event)\"\r\n            [nzPopoverTrigger]=\"popoverTrigger\"\r\n            [ngStyle]=\"getStyleCallBack(item,result)\"\r\n            [nzPopoverContent]=\"value | date:'yyyy-MM-dd HH:mm:ss' | defVal:item.defaultVal\"\r\n            class=\"view-text\"> {{ value | date:'yyyy-MM-dd HH:mm:ss' | defVal:item.defaultVal}}</span>\r\n  </ng-container>\r\n  <nz-switch *ngSwitchCase=\"'switch'\" [(ngModel)]=\"value\" [nzDisabled]=\"item.disabled\"\r\n             [ngStyle]=\"getStyleCallBack(item,result)\"\r\n             (ngModelChange)=\"doActionSwitch(result,item.key)\" nzCheckedChildren=\"\u662F\" nzUnCheckedChildren=\"\u5426\">\r\n  </nz-switch>\r\n  <ng-container *ngSwitchCase=\"'sDateTime'\">\r\n      <span nz-popover (mouseenter)=\"enter($event)\"\r\n            [nzPopoverTrigger]=\"popoverTrigger\" [ngStyle]=\"getStyleCallBack(item,result)\"\r\n            [nzPopoverContent]=\"value | date:'MM-dd HH:mm' | defVal:item.defaultVal\"\r\n            class=\"view-text\">  {{ value | date:'MM-dd HH:mm' | defVal:item.defaultVal}}</span>\r\n  </ng-container>\r\n  <div *ngSwitchCase=\"'fixedText'\" [ngStyle]=\"getStyleCallBack(item,result)\" [innerHTML]=\"item.key\"></div>\r\n\r\n  <img *ngSwitchCase=\"'image'\" [ngStyle]=\"getStyleCallBack(item,result)\" width=\"35px\" nzSrc=\"{{(value | defVal:item.defaultVal) | ossImg}}\"\r\n       nz-image atrErrorImg/>\r\n  <img *ngSwitchCase=\"'image64'\" [ngStyle]=\"getStyleCallBack(item,result)\" width=\"35px\" nzSrc=\"{{(value | defVal:item.defaultVal)}}\"\r\n       nz-image atrErrorImg/>\r\n  <div nz-row *ngSwitchCase=\"'action'\">\r\n    <div class=\"action-area\" nz-col [nzSpan]=\"24\">\r\n      <ng-container *ngFor=\"let action of item.actions\">\r\n        <ng-container *ngIf=\"isShowBtn(result,action.operator,action)\">\r\n          <ng-container *ngIf=\"!action.withoutRole\">\r\n            <button nz-button\r\n                    [nzType]=\"action.buttonType&&action.buttonType != 'danger'? action.buttonType : 'primary'\"\r\n                    [nzDanger]=\"action.buttonType == 'danger'\"\r\n                    nzSize=\"small\" *atrRole=\"action.code\"\r\n                    (click)=\"doActionByRow(result,action.code,$event,i)\">\r\n              <i nz-icon *ngIf=\"action.icon\" [nzType]=\"action.icon\"></i>\r\n              {{action.name}}</button>\r\n          </ng-container>\r\n          <ng-container *ngIf=\"action.withoutRole\">\r\n            <button nz-button\r\n                    [nzType]=\"action.buttonType&&action.buttonType != 'danger'? action.buttonType : 'primary'\"\r\n                    [nzDanger]=\"action.buttonType == 'danger'\"\r\n                    nzSize=\"small\" (click)=\"doActionByRow(result,action.code,$event,i)\">\r\n              <i nz-icon *ngIf=\"action.icon\" [nzType]=\"action.icon\"></i>\r\n              {{action.name}}</button>\r\n          </ng-container>\r\n          <!-- <button nz-button [nzType]=\"'primary'\" nzSize=\"small\" *atrRole=\"action.code\" (click)=\"doActionByRow(result,action.code,$event)\">{{action.name\r\n          }}</button> -->\r\n        </ng-container>\r\n      </ng-container>\r\n    </div>\r\n  </div>\r\n  <div [ngStyle]=\"getStyleCallBack(item,result)\" *ngSwitchCase=\"'dict'\" [innerHTML]=\"value | dicts:item.dictCode:',' | async | defVal:item.defaultVal\"></div>\r\n  <div [ngStyle]=\"getStyleCallBack(item,result)\" nz-popover (mouseenter)=\"enter($event)\"\r\n       [nzPopoverTrigger]=\"popoverTrigger\" [nzPopoverContent]='value | defVal:item.defaultVal'\r\n       class=\"view-text\" *ngSwitchDefault [innerHTML]=\"value | defVal:item.defaultVal\"></div>\r\n</ng-container>\r\n\r\n", styles: [":host{cursor:default}:host .view-text{display:inline-block;white-space:nowrap;width:100%;overflow:hidden;text-overflow:ellipsis}\n", ":host{width:100%;height:100%;display:-webkit-flex;display:flex;flex-direction:column}:host ::ng-deep .ant-modal{top:50px;padding:0}:host .ant-advanced-search-form{padding:10px 6px 6px;background:#fbfbfb;border:1px solid #d9d9d9;border-radius:6px;margin-bottom:5px}:host .select-icon:hover{color:#1890ff}:host ::ng-deep .ant-advanced-search-form .ant-form-item{margin-bottom:5px}:host ::ng-deep .ant-table-column-title{font-size:.65rem}:host ::ng-deep .ant-table-tbody>tr.ant-table-row:hover>td{background:#d0eeea}:host ::ng-deep .ant-modal-header,:host ::ng-deep .ant-modal-content{border-radius:4px}:host ::ng-deep .ant-table-tbody>tr.selected:hover>td{background-color:#cfe1d0!important}:host ::ng-deep .ant-table{height:100%}:host ::ng-deep nz-pagination{position:absolute;bottom:0;right:0}:host .search-result-list{padding:1px;border:1px dashed #e9e9e9;border-radius:6px;background-color:#fff;flex:1;text-align:center;position:relative}:host [nz-form-label]{overflow:visible}:host button{margin:2px 4px}:host .collapse{margin-left:6px;font-size:12px}:host .action-area{text-align:left}:host .search-area{text-align:right}:host ::ng-deep .main-table{position:absolute;inset:0}:host ::ng-deep .main-table .ant-spin-nested-loading{height:100%}:host ::ng-deep .main-table .ant-spin-container{height:100%}:host ::ng-deep .ant-table-tbody>tr.selected>td{background-color:#cfe1d0}:host ::ng-deep .ant-table-tbody>tr>td>img{display:block;width:40%;margin:0 auto}:host ::ng-deep .ant-table-body{-ms-overflow-style:none;overflow:-moz-scrollbars-none}:host ::ng-deep .ant-table-body::-webkit-scrollbar,:host ::ng-deep .ant-table-header::-webkit-scrollbar{width:6px!important;height:6px!important}:host ::ng-deep .ant-table-body::-webkit-scrollbar-track,:host ::ng-deep .ant-table-header::-webkit-scrollbar-track{width:6px!important;cursor:pointer}:host ::ng-deep .ant-table-body::-webkit-scrollbar-thumb,:host ::ng-deep .ant-table-header::-webkit-scrollbar-thumb{background:#1890ff;border-radius:3px;cursor:pointer}:host ::ng-deep .ant-table-bordered .ant-table-thead>tr>th{border-right:1px solid #ddd}:host ::ng-deep .ant-table-header{-ms-overflow-style:none;overflow:-moz-scrollbars-none;margin-bottom:-5px!important}:host ::ng-deep .ant-table-placeholder{border-bottom:none!important;border-top:none!important}:host .tabel-colunmn{display:block;width:160px;height:300px;background:#fff;border:1px solid #ddd;padding:10px;border-radius:5px;overflow-x:hidden;overflow-y:auto;position:relative}:host .tabel-colunmn-header{position:fixed;top:0;left:0;right:0;height:30px;z-index:999;line-height:30px;border-bottom:1px solid #ddd;text-align:left;font-size:13px;padding-left:10px}:host .t-tr{background:#fff}:host .t-tr:nth-child(odd){background:#f8f9fa}:host ::ng-deep .ant-table-thead>tr>th{background:#e7ebef!important;border-radius:0;word-break:break-all;white-space:pre-wrap}:host ::ng-deep .ant-table-tbody>tr>td{word-break:break-all;white-space:pre-wrap}:host ::ng-deep .ant-table-header{background:#e7ebef!important}:host td{font-size:.65rem}:host .resize-trigger{height:100%}:host .nz-resizable-preview{border-width:0;border-right-width:1px}:host ::ng-deep .ant-table-thead>tr>th .ant-table-header-column .ant-table-column-sorters>:not(.ant-table-column-sorter){position:unset}:host ::ng-deep .ant-table-tbody>tr>td{padding:5px}:host ::ng-deep .ant-table{line-height:15px}:host ::ng-deep .ant-table-middle .ant-table-footer,:host .ant-table-middle .ant-table-tbody>tr>td,:host .ant-table-middle .ant-table-thead>tr>th,:host .ant-table-middle .ant-table-title{padding:5px}:host ::ng-deep .ant-table-tbody>tr>td>img{width:35px}:host ::ng-deep .ant-modal-body{padding:10px}:host ::ng-deep .ant-table.ant-table-bordered tbody>tr>td{font-size:13px}:host ::ng-deep th{z-index:80!important}:host .left-zindex-header{z-index:90!important}:host .left-zindex{z-index:80!important}:host ::ng-deep input,:host ::ng-deep .ant-select-single:not(.ant-select-customize-input) .ant-select-selector,:host ::ng-deep .ant-picker{border-radius:5px}:host .border-text{width:100%;height:36px;line-height:36px;display:flex}:host .border-text .border-text-line{display:inline-block;border-top:1px solid #cccccc;margin-top:18px}:host .border-text .border-text-line-left{width:10px;border-left:1px solid #cccccc}:host .border-text .border-text-line-right{flex:1;border-right:1px solid #cccccc}:host .border-text .border-text-span{margin-left:5px;margin-right:5px}:host ::ng-deep .tabel-colunmn-header{position:absolute!important;top:0!important}:host ::ng-deep .ant-table-cell-fix-left,:host .ant-table-cell-fix-right{position:-webkit-sticky!important;position:sticky!important}.label-title{position:absolute;display:block;top:-7px;left:10px;background-color:#fff;color:#000;font-weight:600;font-size:12px;line-height:12px}\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: i1$2.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1$2.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1$2.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { 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: "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-icon], 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: "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: i8.NzIconDirective, selector: "nz-icon,[nz-icon]", inputs: ["nzSpin", "nzRotate", "nzType", "nzTheme", "nzTwotoneColor", "nzIconfont"], exportAs: ["nzIcon"] }, { kind: "directive", type: i8$1.NzPopoverDirective, selector: "[nz-popover]", inputs: ["nzPopoverArrowPointAtCenter", "nzPopoverTitle", "nzPopoverTitleContext", "nzPopoverContent", "nzPopoverContentContext", "nz-popover", "nzPopoverTrigger", "nzPopoverPlacement", "nzPopoverOrigin", "nzPopoverVisible", "nzPopoverMouseEnterDelay", "nzPopoverMouseLeaveDelay", "nzPopoverOverlayClassName", "nzPopoverOverlayStyle", "nzPopoverOverlayClickable", "nzPopoverBackdrop"], outputs: ["nzPopoverVisibleChange"], exportAs: ["nzPopover"] }, { kind: "component", type: i9$1.NzSwitchComponent, selector: "nz-switch", inputs: ["nzLoading", "nzDisabled", "nzControl", "nzCheckedChildren", "nzUnCheckedChildren", "nzSize", "nzId"], exportAs: ["nzSwitch"] }, { kind: "directive", type: i1$3.NzImageDirective, selector: "img[nz-image]", inputs: ["nzSrc", "nzSrcset", "nzDisablePreview", "nzFallback", "nzPlaceholder", "nzScaleStep"], exportAs: ["nzImage"] }, { kind: "directive", type: AtrRoleDirective, selector: "[atrRole]", inputs: ["atrRole"] }, { kind: "directive", type: AtrErrorImgDirective, selector: "[atrErrorImg]", inputs: ["atrErrorImg"] }, { kind: "pipe", type: DefaultValPipe, name: "defVal" }, { kind: "pipe", type: DictsPipe, name: "dicts" }, { kind: "pipe", type: OssImgPipe, name: "ossImg" }, { kind: "pipe", type: SafeHtmlPipe, name: "safeHtml" }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }, { kind: "pipe", type: i1$2.DatePipe, name: "date" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TableTdComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: TableTdComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-table-td', template: "<ng-container [ngSwitch]=\"item.type\">\r\n  <ng-container *ngSwitchCase=\"'tempRef'\">\r\n    <ng-container *ngTemplateOutlet=\"item.tempRef; context: {data: result,item:item,value:value}\">\r\n    </ng-container>\r\n  </ng-container>\r\n  <ng-container *ngSwitchCase=\"'innerHtml'\">\r\n    <div [ngStyle]=\"getStyleCallBack(item,result)\" [innerHTML]=\"item.innerHtmlBack((value| defVal:item.defaultVal),result) | safeHtml\"  ></div>\r\n  </ng-container>\r\n  <ng-container *ngSwitchCase=\"'textcolor'\">\r\n    <div [innerHTML]=\"value | defVal:item.defaultVal\" [ngStyle]=\"{'color':item.color}\"\r\n         *ngIf=\"item.colorShow == value\"></div>\r\n    <div [innerHTML]=\"value | defVal:item.defaultVal\" *ngIf=\"item.colorShow != value\"></div>\r\n  </ng-container>\r\n  <ng-container *ngSwitchCase=\"'date'\">\r\n       <span nz-popover (mouseenter)=\"enter($event)\"\r\n             [nzPopoverTrigger]=\"popoverTrigger\"\r\n             [ngStyle]=\"getStyleCallBack(item,result)\"\r\n             [nzPopoverContent]=\"value | date:'yyyy-MM-dd' | defVal:item.defaultVal\"\r\n             class=\"view-text\">{{ value | date:'yyyy-MM-dd' | defVal:item.defaultVal}}</span>\r\n  </ng-container>\r\n  <ng-container *ngSwitchCase=\"'dateTime'\">\r\n      <span nz-popover (mouseenter)=\"enter($event)\"\r\n            [nzPopoverTrigger]=\"popoverTrigger\"\r\n            [ngStyle]=\"getStyleCallBack(item,result)\"\r\n            [nzPopoverContent]=\"value | date:'yyyy-MM-dd HH:mm:ss' | defVal:item.defaultVal\"\r\n            class=\"view-text\"> {{ value | date:'yyyy-MM-dd HH:mm:ss' | defVal:item.defaultVal}}</span>\r\n  </ng-container>\r\n  <nz-switch *ngSwitchCase=\"'switch'\" [(ngModel)]=\"value\" [nzDisabled]=\"item.disabled\"\r\n             [ngStyle]=\"getStyleCallBack(item,result)\"\r\n             (ngModelChange)=\"doActionSwitch(result,item.key)\" nzCheckedChildren=\"\u662F\" nzUnCheckedChildren=\"\u5426\">\r\n  </nz-switch>\r\n  <ng-container *ngSwitchCase=\"'sDateTime'\">\r\n      <span nz-popover (mouseenter)=\"enter($event)\"\r\n            [nzPopoverTrigger]=\"popoverTrigger\" [ngStyle]=\"getStyleCallBack(item,result)\"\r\n            [nzPopoverContent]=\"value | date:'MM-dd HH:mm' | defVal:item.defaultVal\"\r\n            class=\"view-text\">  {{ value | date:'MM-dd HH:mm' | defVal:item.defaultVal}}</span>\r\n  </ng-container>\r\n  <div *ngSwitchCase=\"'fixedText'\" [ngStyle]=\"getStyleCallBack(item,result)\" [innerHTML]=\"item.key\"></div>\r\n\r\n  <img *ngSwitchCase=\"'image'\" [ngStyle]=\"getStyleCallBack(item,result)\" width=\"35px\" nzSrc=\"{{(value | defVal:item.defaultVal) | ossImg}}\"\r\n       nz-image atrErrorImg/>\r\n  <img *ngSwitchCase=\"'image64'\" [ngStyle]=\"getStyleCallBack(item,result)\" width=\"35px\" nzSrc=\"{{(value | defVal:item.defaultVal)}}\"\r\n       nz-image atrErrorImg/>\r\n  <div nz-row *ngSwitchCase=\"'action'\">\r\n    <div class=\"action-area\" nz-col [nzSpan]=\"24\">\r\n      <ng-container *ngFor=\"let action of item.actions\">\r\n        <ng-container *ngIf=\"isShowBtn(result,action.operator,action)\">\r\n          <ng-container *ngIf=\"!action.withoutRole\">\r\n            <button nz-button\r\n                    [nzType]=\"action.buttonType&&action.buttonType != 'danger'? action.buttonType : 'primary'\"\r\n                    [nzDanger]=\"action.buttonType == 'danger'\"\r\n                    nzSize=\"small\" *atrRole=\"action.code\"\r\n                    (click)=\"doActionByRow(result,action.code,$event,i)\">\r\n              <i nz-icon *ngIf=\"action.icon\" [nzType]=\"action.icon\"></i>\r\n              {{action.name}}</button>\r\n          </ng-container>\r\n          <ng-container *ngIf=\"action.withoutRole\">\r\n            <button nz-button\r\n                    [nzType]=\"action.buttonType&&action.buttonType != 'danger'? action.buttonType : 'primary'\"\r\n                    [nzDanger]=\"action.buttonType == 'danger'\"\r\n                    nzSize=\"small\" (click)=\"doActionByRow(result,action.code,$event,i)\">\r\n              <i nz-icon *ngIf=\"action.icon\" [nzType]=\"action.icon\"></i>\r\n              {{action.name}}</button>\r\n          </ng-container>\r\n          <!-- <button nz-button [nzType]=\"'primary'\" nzSize=\"small\" *atrRole=\"action.code\" (click)=\"doActionByRow(result,action.code,$event)\">{{action.name\r\n          }}</button> -->\r\n        </ng-container>\r\n      </ng-container>\r\n    </div>\r\n  </div>\r\n  <div [ngStyle]=\"getStyleCallBack(item,result)\" *ngSwitchCase=\"'dict'\" [innerHTML]=\"value | dicts:item.dictCode:',' | async | defVal:item.defaultVal\"></div>\r\n  <div [ngStyle]=\"getStyleCallBack(item,result)\" nz-popover (mouseenter)=\"enter($event)\"\r\n       [nzPopoverTrigger]=\"popoverTrigger\" [nzPopoverContent]='value | defVal:item.defaultVal'\r\n       class=\"view-text\" *ngSwitchDefault [innerHTML]=\"value | defVal:item.defaultVal\"></div>\r\n</ng-container>\r\n\r\n", styles: [":host{cursor:default}:host .view-text{display:inline-block;white-space:nowrap;width:100%;overflow:hidden;text-overflow:ellipsis}\n", ":host{width:100%;height:100%;display:-webkit-flex;display:flex;flex-direction:column}:host ::ng-deep .ant-modal{top:50px;padding:0}:host .ant-advanced-search-form{padding:10px 6px 6px;background:#fbfbfb;border:1px solid #d9d9d9;border-radius:6px;margin-bottom:5px}:host .select-icon:hover{color:#1890ff}:host ::ng-deep .ant-advanced-search-form .ant-form-item{margin-bottom:5px}:host ::ng-deep .ant-table-column-title{font-size:.65rem}:host ::ng-deep .ant-table-tbody>tr.ant-table-row:hover>td{background:#d0eeea}:host ::ng-deep .ant-modal-header,:host ::ng-deep .ant-modal-content{border-radius:4px}:host ::ng-deep .ant-table-tbody>tr.selected:hover>td{background-color:#cfe1d0!important}:host ::ng-deep .ant-table{height:100%}:host ::ng-deep nz-pagination{position:absolute;bottom:0;right:0}:host .search-result-list{padding:1px;border:1px dashed #e9e9e9;border-radius:6px;background-color:#fff;flex:1;text-align:center;position:relative}:host [nz-form-label]{overflow:visible}:host button{margin:2px 4px}:host .collapse{margin-left:6px;font-size:12px}:host .action-area{text-align:left}:host .search-area{text-align:right}:host ::ng-deep .main-table{position:absolute;inset:0}:host ::ng-deep .main-table .ant-spin-nested-loading{height:100%}:host ::ng-deep .main-table .ant-spin-container{height:100%}:host ::ng-deep .ant-table-tbody>tr.selected>td{background-color:#cfe1d0}:host ::ng-deep .ant-table-tbody>tr>td>img{display:block;width:40%;margin:0 auto}:host ::ng-deep .ant-table-body{-ms-overflow-style:none;overflow:-moz-scrollbars-none}:host ::ng-deep .ant-table-body::-webkit-scrollbar,:host ::ng-deep .ant-table-header::-webkit-scrollbar{width:6px!important;height:6px!important}:host ::ng-deep .ant-table-body::-webkit-scrollbar-track,:host ::ng-deep .ant-table-header::-webkit-scrollbar-track{width:6px!important;cursor:pointer}:host ::ng-deep .ant-table-body::-webkit-scrollbar-thumb,:host ::ng-deep .ant-table-header::-webkit-scrollbar-thumb{background:#1890ff;border-radius:3px;cursor:pointer}:host ::ng-deep .ant-table-bordered .ant-table-thead>tr>th{border-right:1px solid #ddd}:host ::ng-deep .ant-table-header{-ms-overflow-style:none;overflow:-moz-scrollbars-none;margin-bottom:-5px!important}:host ::ng-deep .ant-table-placeholder{border-bottom:none!important;border-top:none!important}:host .tabel-colunmn{display:block;width:160px;height:300px;background:#fff;border:1px solid #ddd;padding:10px;border-radius:5px;overflow-x:hidden;overflow-y:auto;position:relative}:host .tabel-colunmn-header{position:fixed;top:0;left:0;right:0;height:30px;z-index:999;line-height:30px;border-bottom:1px solid #ddd;text-align:left;font-size:13px;padding-left:10px}:host .t-tr{background:#fff}:host .t-tr:nth-child(odd){background:#f8f9fa}:host ::ng-deep .ant-table-thead>tr>th{background:#e7ebef!important;border-radius:0;word-break:break-all;white-space:pre-wrap}:host ::ng-deep .ant-table-tbody>tr>td{word-break:break-all;white-space:pre-wrap}:host ::ng-deep .ant-table-header{background:#e7ebef!important}:host td{font-size:.65rem}:host .resize-trigger{height:100%}:host .nz-resizable-preview{border-width:0;border-right-width:1px}:host ::ng-deep .ant-table-thead>tr>th .ant-table-header-column .ant-table-column-sorters>:not(.ant-table-column-sorter){position:unset}:host ::ng-deep .ant-table-tbody>tr>td{padding:5px}:host ::ng-deep .ant-table{line-height:15px}:host ::ng-deep .ant-table-middle .ant-table-footer,:host .ant-table-middle .ant-table-tbody>tr>td,:host .ant-table-middle .ant-table-thead>tr>th,:host .ant-table-middle .ant-table-title{padding:5px}:host ::ng-deep .ant-table-tbody>tr>td>img{width:35px}:host ::ng-deep .ant-modal-body{padding:10px}:host ::ng-deep .ant-table.ant-table-bordered tbody>tr>td{font-size:13px}:host ::ng-deep th{z-index:80!important}:host .left-zindex-header{z-index:90!important}:host .left-zindex{z-index:80!important}:host ::ng-deep input,:host ::ng-deep .ant-select-single:not(.ant-select-customize-input) .ant-select-selector,:host ::ng-deep .ant-picker{border-radius:5px}:host .border-text{width:100%;height:36px;line-height:36px;display:flex}:host .border-text .border-text-line{display:inline-block;border-top:1px solid #cccccc;margin-top:18px}:host .border-text .border-text-line-left{width:10px;border-left:1px solid #cccccc}:host .border-text .border-text-line-right{flex:1;border-right:1px solid #cccccc}:host .border-text .border-text-span{margin-left:5px;margin-right:5px}:host ::ng-deep .tabel-colunmn-header{position:absolute!important;top:0!important}:host ::ng-deep .ant-table-cell-fix-left,:host .ant-table-cell-fix-right{position:-webkit-sticky!important;position:sticky!important}.label-title{position:absolute;display:block;top:-7px;left:10px;background-color:#fff;color:#000;font-weight:600;font-size:12px;line-height:12px}\n"] }]
+            args: [{ standalone: false, selector: 'app-table-td', template: "<ng-container [ngSwitch]=\"item.type\">\r\n  <ng-container *ngSwitchCase=\"'tempRef'\">\r\n    <ng-container *ngTemplateOutlet=\"item.tempRef; context: {data: result,item:item,value:value}\">\r\n    </ng-container>\r\n  </ng-container>\r\n  <ng-container *ngSwitchCase=\"'innerHtml'\">\r\n    <div [ngStyle]=\"getStyleCallBack(item,result)\" [innerHTML]=\"item.innerHtmlBack((value| defVal:item.defaultVal),result) | safeHtml\"  ></div>\r\n  </ng-container>\r\n  <ng-container *ngSwitchCase=\"'textcolor'\">\r\n    <div [innerHTML]=\"value | defVal:item.defaultVal\" [ngStyle]=\"{'color':item.color}\"\r\n         *ngIf=\"item.colorShow == value\"></div>\r\n    <div [innerHTML]=\"value | defVal:item.defaultVal\" *ngIf=\"item.colorShow != value\"></div>\r\n  </ng-container>\r\n  <ng-container *ngSwitchCase=\"'date'\">\r\n       <span nz-popover (mouseenter)=\"enter($event)\"\r\n             [nzPopoverTrigger]=\"popoverTrigger\"\r\n             [ngStyle]=\"getStyleCallBack(item,result)\"\r\n             [nzPopoverContent]=\"value | date:'yyyy-MM-dd' | defVal:item.defaultVal\"\r\n             class=\"view-text\">{{ value | date:'yyyy-MM-dd' | defVal:item.defaultVal}}</span>\r\n  </ng-container>\r\n  <ng-container *ngSwitchCase=\"'dateTime'\">\r\n      <span nz-popover (mouseenter)=\"enter($event)\"\r\n            [nzPopoverTrigger]=\"popoverTrigger\"\r\n            [ngStyle]=\"getStyleCallBack(item,result)\"\r\n            [nzPopoverContent]=\"value | date:'yyyy-MM-dd HH:mm:ss' | defVal:item.defaultVal\"\r\n            class=\"view-text\"> {{ value | date:'yyyy-MM-dd HH:mm:ss' | defVal:item.defaultVal}}</span>\r\n  </ng-container>\r\n  <nz-switch *ngSwitchCase=\"'switch'\" [(ngModel)]=\"value\" [nzDisabled]=\"item.disabled\"\r\n             [ngStyle]=\"getStyleCallBack(item,result)\"\r\n             (ngModelChange)=\"doActionSwitch(result,item.key)\" nzCheckedChildren=\"\u662F\" nzUnCheckedChildren=\"\u5426\">\r\n  </nz-switch>\r\n  <ng-container *ngSwitchCase=\"'sDateTime'\">\r\n      <span nz-popover (mouseenter)=\"enter($event)\"\r\n            [nzPopoverTrigger]=\"popoverTrigger\" [ngStyle]=\"getStyleCallBack(item,result)\"\r\n            [nzPopoverContent]=\"value | date:'MM-dd HH:mm' | defVal:item.defaultVal\"\r\n            class=\"view-text\">  {{ value | date:'MM-dd HH:mm' | defVal:item.defaultVal}}</span>\r\n  </ng-container>\r\n  <div *ngSwitchCase=\"'fixedText'\" [ngStyle]=\"getStyleCallBack(item,result)\" [innerHTML]=\"item.key\"></div>\r\n\r\n  <img *ngSwitchCase=\"'image'\" [ngStyle]=\"getStyleCallBack(item,result)\" width=\"35px\" nzSrc=\"{{(value | defVal:item.defaultVal) | ossImg}}\"\r\n       nz-image atrErrorImg/>\r\n  <img *ngSwitchCase=\"'image64'\" [ngStyle]=\"getStyleCallBack(item,result)\" width=\"35px\" nzSrc=\"{{(value | defVal:item.defaultVal)}}\"\r\n       nz-image atrErrorImg/>\r\n  <div nz-row *ngSwitchCase=\"'action'\">\r\n    <div class=\"action-area\" nz-col [nzSpan]=\"24\">\r\n      <ng-container *ngFor=\"let action of item.actions\">\r\n        <ng-container *ngIf=\"isShowBtn(result,action.operator,action)\">\r\n          <ng-container *ngIf=\"!action.withoutRole\">\r\n            <button nz-button\r\n                    [nzType]=\"action.buttonType&&action.buttonType != 'danger'? action.buttonType : 'primary'\"\r\n                    [nzDanger]=\"action.buttonType == 'danger'\"\r\n                    nzSize=\"small\" *atrRole=\"action.code\"\r\n                    (click)=\"doActionByRow(result,action.code,$event,i)\">\r\n              <i nz-icon *ngIf=\"action.icon\" [nzType]=\"action.icon\"></i>\r\n              {{action.name}}</button>\r\n          </ng-container>\r\n          <ng-container *ngIf=\"action.withoutRole\">\r\n            <button nz-button\r\n                    [nzType]=\"action.buttonType&&action.buttonType != 'danger'? action.buttonType : 'primary'\"\r\n                    [nzDanger]=\"action.buttonType == 'danger'\"\r\n                    nzSize=\"small\" (click)=\"doActionByRow(result,action.code,$event,i)\">\r\n              <i nz-icon *ngIf=\"action.icon\" [nzType]=\"action.icon\"></i>\r\n              {{action.name}}</button>\r\n          </ng-container>\r\n          <!-- <button nz-button [nzType]=\"'primary'\" nzSize=\"small\" *atrRole=\"action.code\" (click)=\"doActionByRow(result,action.code,$event)\">{{action.name\r\n          }}</button> -->\r\n        </ng-container>\r\n      </ng-container>\r\n    </div>\r\n  </div>\r\n  <div [ngStyle]=\"getStyleCallBack(item,result)\" *ngSwitchCase=\"'dict'\" [innerHTML]=\"value | dicts:item.dictCode:',' | async | defVal:item.defaultVal\"></div>\r\n  <div [ngStyle]=\"getStyleCallBack(item,result)\" nz-popover (mouseenter)=\"enter($event)\"\r\n       [nzPopoverTrigger]=\"popoverTrigger\" [nzPopoverContent]='value | defVal:item.defaultVal'\r\n       class=\"view-text\" *ngSwitchDefault [innerHTML]=\"value | defVal:item.defaultVal\"></div>\r\n</ng-container>\r\n\r\n", styles: [":host{cursor:default}:host .view-text{display:inline-block;white-space:nowrap;width:100%;overflow:hidden;text-overflow:ellipsis}\n", ":host{width:100%;height:100%;display:-webkit-flex;display:flex;flex-direction:column}:host ::ng-deep .ant-modal{top:50px;padding:0}:host .ant-advanced-search-form{padding:10px 6px 6px;background:#fbfbfb;border:1px solid #d9d9d9;border-radius:6px;margin-bottom:5px}:host .select-icon:hover{color:#1890ff}:host ::ng-deep .ant-advanced-search-form .ant-form-item{margin-bottom:5px}:host ::ng-deep .ant-table-column-title{font-size:.65rem}:host ::ng-deep .ant-table-tbody>tr.ant-table-row:hover>td{background:#d0eeea}:host ::ng-deep .ant-modal-header,:host ::ng-deep .ant-modal-content{border-radius:4px}:host ::ng-deep .ant-table-tbody>tr.selected:hover>td{background-color:#cfe1d0!important}:host ::ng-deep .ant-table{height:100%}:host ::ng-deep nz-pagination{position:absolute;bottom:0;right:0}:host .search-result-list{padding:1px;border:1px dashed #e9e9e9;border-radius:6px;background-color:#fff;flex:1;text-align:center;position:relative}:host [nz-form-label]{overflow:visible}:host button{margin:2px 4px}:host .collapse{margin-left:6px;font-size:12px}:host .action-area{text-align:left}:host .search-area{text-align:right}:host ::ng-deep .main-table{position:absolute;inset:0}:host ::ng-deep .main-table .ant-spin-nested-loading{height:100%}:host ::ng-deep .main-table .ant-spin-container{height:100%}:host ::ng-deep .ant-table-tbody>tr.selected>td{background-color:#cfe1d0}:host ::ng-deep .ant-table-tbody>tr>td>img{display:block;width:40%;margin:0 auto}:host ::ng-deep .ant-table-body{-ms-overflow-style:none;overflow:-moz-scrollbars-none}:host ::ng-deep .ant-table-body::-webkit-scrollbar,:host ::ng-deep .ant-table-header::-webkit-scrollbar{width:6px!important;height:6px!important}:host ::ng-deep .ant-table-body::-webkit-scrollbar-track,:host ::ng-deep .ant-table-header::-webkit-scrollbar-track{width:6px!important;cursor:pointer}:host ::ng-deep .ant-table-body::-webkit-scrollbar-thumb,:host ::ng-deep .ant-table-header::-webkit-scrollbar-thumb{background:#1890ff;border-radius:3px;cursor:pointer}:host ::ng-deep .ant-table-bordered .ant-table-thead>tr>th{border-right:1px solid #ddd}:host ::ng-deep .ant-table-header{-ms-overflow-style:none;overflow:-moz-scrollbars-none;margin-bottom:-5px!important}:host ::ng-deep .ant-table-placeholder{border-bottom:none!important;border-top:none!important}:host .tabel-colunmn{display:block;width:160px;height:300px;background:#fff;border:1px solid #ddd;padding:10px;border-radius:5px;overflow-x:hidden;overflow-y:auto;position:relative}:host .tabel-colunmn-header{position:fixed;top:0;left:0;right:0;height:30px;z-index:999;line-height:30px;border-bottom:1px solid #ddd;text-align:left;font-size:13px;padding-left:10px}:host .t-tr{background:#fff}:host .t-tr:nth-child(odd){background:#f8f9fa}:host ::ng-deep .ant-table-thead>tr>th{background:#e7ebef!important;border-radius:0;word-break:break-all;white-space:pre-wrap}:host ::ng-deep .ant-table-tbody>tr>td{word-break:break-all;white-space:pre-wrap}:host ::ng-deep .ant-table-header{background:#e7ebef!important}:host td{font-size:.65rem}:host .resize-trigger{height:100%}:host .nz-resizable-preview{border-width:0;border-right-width:1px}:host ::ng-deep .ant-table-thead>tr>th .ant-table-header-column .ant-table-column-sorters>:not(.ant-table-column-sorter){position:unset}:host ::ng-deep .ant-table-tbody>tr>td{padding:5px}:host ::ng-deep .ant-table{line-height:15px}:host ::ng-deep .ant-table-middle .ant-table-footer,:host .ant-table-middle .ant-table-tbody>tr>td,:host .ant-table-middle .ant-table-thead>tr>th,:host .ant-table-middle .ant-table-title{padding:5px}:host ::ng-deep .ant-table-tbody>tr>td>img{width:35px}:host ::ng-deep .ant-modal-body{padding:10px}:host ::ng-deep .ant-table.ant-table-bordered tbody>tr>td{font-size:13px}:host ::ng-deep th{z-index:80!important}:host .left-zindex-header{z-index:90!important}:host .left-zindex{z-index:80!important}:host ::ng-deep input,:host ::ng-deep .ant-select-single:not(.ant-select-customize-input) .ant-select-selector,:host ::ng-deep .ant-picker{border-radius:5px}:host .border-text{width:100%;height:36px;line-height:36px;display:flex}:host .border-text .border-text-line{display:inline-block;border-top:1px solid #cccccc;margin-top:18px}:host .border-text .border-text-line-left{width:10px;border-left:1px solid #cccccc}:host .border-text .border-text-line-right{flex:1;border-right:1px solid #cccccc}:host .border-text .border-text-span{margin-left:5px;margin-right:5px}:host ::ng-deep .tabel-colunmn-header{position:absolute!important;top:0!important}:host ::ng-deep .ant-table-cell-fix-left,:host .ant-table-cell-fix-right{position:-webkit-sticky!important;position:sticky!important}.label-title{position:absolute;display:block;top:-7px;left:10px;background-color:#fff;color:#000;font-weight:600;font-size:12px;line-height:12px}\n"] }]
         }], ctorParameters: () => [], propDecorators: { data: [{
                 type: Input
             }], item: [{
@@ -2965,12 +2943,12 @@ class LocalUploadComponent {
             this.afterChange.emit(params);
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: LocalUploadComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: LocalUploadComponent, selector: "atr-local-upload", inputs: { beforeUpload: "beforeUpload", url: "url", nzAccept: "nzAccept", name: "name", code: "code", withoutRole: "withoutRole" }, outputs: { afterChange: "afterChange" }, ngImport: i0, template: "<ng-container *ngIf=\"!withoutRole\">\r\n  <nz-upload [nzAction]=\"url\" [nzAccept]=\"nzAccept\"\r\n             [nzHeaders]=\"header\" [nzShowUploadList]=\"showList\"\r\n             nzListType=\"picture-card\"\r\n             [nzBeforeUpload]=\"beforeUpload\"\r\n             (nzChange)=\"onChange($event)\"\r\n             *atrRole=\"code\" [nzLimit]='1'>\r\n    <button nz-button nzSize=\"small\"><i nz-icon nzType=\"upload\"></i><span> {{name}}</span></button>\r\n  </nz-upload>\r\n</ng-container>\r\n<ng-container *ngIf=\"withoutRole\">\r\n  <nz-upload [nzAction]=\"url\" [nzAccept]=\"nzAccept\" [nzHeaders]=\"header\" [nzShowUploadList]=\"showList\"\r\n             [nzBeforeUpload]=\"beforeUpload\"\r\n             (nzChange)=\"onChange($event)\"\r\n             [nzLimit]='1'>\r\n    <button nz-button nzSize=\"small\"><i nz-icon nzType=\"upload\"></i><span> {{name}}</span></button>\r\n  </nz-upload>\r\n</ng-container>\r\n", styles: [""], dependencies: [{ kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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: "directive", type: i8.NzIconDirective, selector: "[nz-icon]", inputs: ["nzSpin", "nzRotate", "nzType", "nzTheme", "nzTwotoneColor", "nzIconfont"], exportAs: ["nzIcon"] }, { kind: "component", type: i6$1.NzUploadComponent, selector: "nz-upload", inputs: ["nzType", "nzLimit", "nzSize", "nzFileType", "nzAccept", "nzAction", "nzDirectory", "nzOpenFileDialogOnClick", "nzBeforeUpload", "nzCustomRequest", "nzData", "nzFilter", "nzFileList", "nzDisabled", "nzHeaders", "nzListType", "nzMultiple", "nzName", "nzShowUploadList", "nzShowButton", "nzWithCredentials", "nzRemove", "nzPreview", "nzPreviewFile", "nzPreviewIsImage", "nzTransformFile", "nzDownload", "nzIconRender", "nzFileListRender"], outputs: ["nzChange", "nzFileListChange"], exportAs: ["nzUpload"] }, { kind: "directive", type: AtrRoleDirective, selector: "[atrRole]", inputs: ["atrRole"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: LocalUploadComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: LocalUploadComponent, isStandalone: false, selector: "atr-local-upload", inputs: { beforeUpload: "beforeUpload", url: "url", nzAccept: "nzAccept", name: "name", code: "code", withoutRole: "withoutRole" }, outputs: { afterChange: "afterChange" }, ngImport: i0, template: "<ng-container *ngIf=\"!withoutRole\">\r\n  <nz-upload [nzAction]=\"url\" [nzAccept]=\"nzAccept\"\r\n             [nzHeaders]=\"header\" [nzShowUploadList]=\"showList\"\r\n             nzListType=\"picture-card\"\r\n             [nzBeforeUpload]=\"beforeUpload\"\r\n             (nzChange)=\"onChange($event)\"\r\n             *atrRole=\"code\" [nzLimit]='1'>\r\n    <button nz-button nzSize=\"small\"><i nz-icon nzType=\"upload\"></i><span> {{name}}</span></button>\r\n  </nz-upload>\r\n</ng-container>\r\n<ng-container *ngIf=\"withoutRole\">\r\n  <nz-upload [nzAction]=\"url\" [nzAccept]=\"nzAccept\" [nzHeaders]=\"header\" [nzShowUploadList]=\"showList\"\r\n             [nzBeforeUpload]=\"beforeUpload\"\r\n             (nzChange)=\"onChange($event)\"\r\n             [nzLimit]='1'>\r\n    <button nz-button nzSize=\"small\"><i nz-icon nzType=\"upload\"></i><span> {{name}}</span></button>\r\n  </nz-upload>\r\n</ng-container>\r\n", styles: [""], dependencies: [{ kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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-icon], 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: "directive", type: i8.NzIconDirective, selector: "nz-icon,[nz-icon]", inputs: ["nzSpin", "nzRotate", "nzType", "nzTheme", "nzTwotoneColor", "nzIconfont"], exportAs: ["nzIcon"] }, { kind: "component", type: i6$1.NzUploadComponent, selector: "nz-upload", inputs: ["nzType", "nzLimit", "nzSize", "nzFileType", "nzAccept", "nzAction", "nzDirectory", "nzOpenFileDialogOnClick", "nzBeforeUpload", "nzCustomRequest", "nzData", "nzFilter", "nzFileList", "nzDisabled", "nzHeaders", "nzListType", "nzMultiple", "nzName", "nzShowUploadList", "nzShowButton", "nzWithCredentials", "nzRemove", "nzPreview", "nzPreviewFile", "nzPreviewIsImage", "nzTransformFile", "nzDownload", "nzIconRender", "nzFileListRender"], outputs: ["nzChange", "nzFileListChange"], exportAs: ["nzUpload"] }, { kind: "directive", type: AtrRoleDirective, selector: "[atrRole]", inputs: ["atrRole"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: LocalUploadComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: LocalUploadComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'atr-local-upload', template: "<ng-container *ngIf=\"!withoutRole\">\r\n  <nz-upload [nzAction]=\"url\" [nzAccept]=\"nzAccept\"\r\n             [nzHeaders]=\"header\" [nzShowUploadList]=\"showList\"\r\n             nzListType=\"picture-card\"\r\n             [nzBeforeUpload]=\"beforeUpload\"\r\n             (nzChange)=\"onChange($event)\"\r\n             *atrRole=\"code\" [nzLimit]='1'>\r\n    <button nz-button nzSize=\"small\"><i nz-icon nzType=\"upload\"></i><span> {{name}}</span></button>\r\n  </nz-upload>\r\n</ng-container>\r\n<ng-container *ngIf=\"withoutRole\">\r\n  <nz-upload [nzAction]=\"url\" [nzAccept]=\"nzAccept\" [nzHeaders]=\"header\" [nzShowUploadList]=\"showList\"\r\n             [nzBeforeUpload]=\"beforeUpload\"\r\n             (nzChange)=\"onChange($event)\"\r\n             [nzLimit]='1'>\r\n    <button nz-button nzSize=\"small\"><i nz-icon nzType=\"upload\"></i><span> {{name}}</span></button>\r\n  </nz-upload>\r\n</ng-container>\r\n" }]
+            args: [{ standalone: false, selector: 'atr-local-upload', template: "<ng-container *ngIf=\"!withoutRole\">\r\n  <nz-upload [nzAction]=\"url\" [nzAccept]=\"nzAccept\"\r\n             [nzHeaders]=\"header\" [nzShowUploadList]=\"showList\"\r\n             nzListType=\"picture-card\"\r\n             [nzBeforeUpload]=\"beforeUpload\"\r\n             (nzChange)=\"onChange($event)\"\r\n             *atrRole=\"code\" [nzLimit]='1'>\r\n    <button nz-button nzSize=\"small\"><i nz-icon nzType=\"upload\"></i><span> {{name}}</span></button>\r\n  </nz-upload>\r\n</ng-container>\r\n<ng-container *ngIf=\"withoutRole\">\r\n  <nz-upload [nzAction]=\"url\" [nzAccept]=\"nzAccept\" [nzHeaders]=\"header\" [nzShowUploadList]=\"showList\"\r\n             [nzBeforeUpload]=\"beforeUpload\"\r\n             (nzChange)=\"onChange($event)\"\r\n             [nzLimit]='1'>\r\n    <button nz-button nzSize=\"small\"><i nz-icon nzType=\"upload\"></i><span> {{name}}</span></button>\r\n  </nz-upload>\r\n</ng-container>\r\n" }]
         }], ctorParameters: () => [], propDecorators: { beforeUpload: [{
                 type: Input
             }], url: [{
@@ -3685,12 +3663,12 @@ class AtrTableComponent {
         action.numberOfChecked = 1;
         this.tableAction.emit(action);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: AtrTableComponent, deps: [{ token: i3.UntypedFormBuilder }, { token: i0.Injector }, { token: LOCALE_ID }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: AtrTableComponent, selector: "atr-table", inputs: { pageSize: "pageSize", pageSizeOptions: "pageSizeOptions", loading: "loading", allowDrag: "allowDrag", showQueryTime: "showQueryTime", isHideTable: "isHideTable", queryOpts: "queryOpts", showPagination: "showPagination", title: "title", queryHeaders: "queryHeaders" }, outputs: { tableAction: "tableAction", queryBack: "queryBack", headerAction: "headerAction" }, viewQueries: [{ propertyName: "tableContent", first: true, predicate: ["tableContent"], descendants: true, static: true }], ngImport: i0, template: "<form nz-form [formGroup]=\"atrForm\" class=\"ant-advanced-search-form\"\r\n      *ngIf=\"queryOpts.headers.length >0 || queryOpts.actions.length >0\">\r\n  <div nz-row [nzGutter]=\"24\" [hidden]=\"!isCollapse\">\r\n    <ng-content select=\"[header-left-slot]\"></ng-content>\r\n    <div nz-col [hidden]=\"!header.isShow \" *ngFor=\"let header of queryOpts.headers\"\r\n         [nzSpan]=\"header.span\">\r\n      <app-table-form-item\r\n        [header]=\"header\"\r\n        [ngModel]=\"header.defaultVal\"\r\n        [dictList]=\"dicts[header.dictCode]\"\r\n        [formControlName]=\"header.key\"\r\n        (headerAction)=\"headerAction.emit($event)\"></app-table-form-item>\r\n    </div>\r\n    <ng-content select=\"[header-right-slot]\"></ng-content>\r\n  </div>\r\n  <div nz-row nzType=\"flex\">\r\n    <div class=\"action-area\" nz-col [nzSpan]=\"16\">\r\n      <ng-content select=\"[button-left-slot]\"></ng-content>\r\n      <ng-container *ngFor=\"let action of queryOpts.actions\">\r\n        <atr-local-upload *ngIf=\"action.gType == 'upload'\" [code]=\"action.code\" [url]=\"action.url\" [name]=\"action.name\"\r\n                          [withoutRole]=\"action.withoutRole\"\r\n                          style=\"    display: inline-block;\"></atr-local-upload>\r\n        <ng-container *ngIf=\"!action.gType\">\r\n          <button nz-button [nzType]=\"'primary'\" nzSize=\"small\" (click)=\"doAction(action.code)\"\r\n                  *atrRole=\"action.withoutRole ? null:action.code\"\r\n                  [disabled]=\"isEnable(action.operator)\">{{action.name}}</button>\r\n        </ng-container>\r\n      </ng-container>\r\n      <ng-content select=\"[button-right-slot]\"></ng-content>\r\n    </div>\r\n    <div nz-col [nzSpan]=\"8\" class=\"search-area\" *ngIf=\"queryOpts.headers.length >0 && !queryOpts.isHideQuery\">\r\n      <span *ngIf=\"showQueryTime&&queryTime\">\u6570\u636E\u67E5\u8BE2\u65F6\u95F4\uFF1A{{queryTime}}</span>\r\n      <button nz-button nzSize=\"small\" [nzType]=\"'primary'\" (click)=\"query(true)\">\u67E5\u8BE2</button>\r\n      <button nz-button nzSize=\"small\" (click)=\"resetForm()\">\u91CD\u7F6E</button>\r\n      <a class=\"collapse\" (click)=\"toggleCollapse()\" *ngIf=\"queryOpts.headers.length > 0 \">\r\n        {{isCollapse ? '\u6536\u8D77' : '\u5C55\u5F00'}}\r\n        <i nz-icon [nzType]=\"isCollapse ? 'up' : 'down'\"></i>\r\n      </a>\r\n    </div>\r\n  </div>\r\n  <div *ngIf=\"title\" class=\"title\">{{title}}</div>\r\n</form>\r\n<div class=\"search-result-list\" #tableContent [spinLoading]=\"loading\" HqSpin>\r\n  <nz-table *ngIf=\"isAllLoad \" #basicTable class=\"main-table\"\r\n            [nzScroll]=\"scrollSize\"\r\n            nzSize=\"middle\"\r\n            nzBordered\r\n            [nzShowPagination]=\"showPagination\"\r\n            nzShowSizeChanger\r\n            [nzFrontPagination]=\"false\"\r\n            [nzLoading]=\"loading\"\r\n            [nzTotal]=\"total\"\r\n            [(nzPageIndex)]=\"pageIndex\"\r\n            [(nzPageSize)]=\"pageSize\"\r\n            [nzPageSizeOptions]=\"pageSizeOptions\"\r\n            [nzData]=\"tableDatas\"\r\n            (nzPageIndexChange)=\"query()\"\r\n            (nzPageSizeChange)=\"query(true)\"\r\n            [nzShowTotal]=\"totalTemplate\"\r\n  >\r\n    <ng-content select=\"[slot1]\"></ng-content>\r\n    <ng-container *ngIf=\"!isHideTable\">\r\n      <thead>\r\n      <tr (contextmenu)=\"contextMenu($event,menu)\" class=\"header-tr\">\r\n\r\n        <th [nzBreakWord]=\"true\" *ngIf=\"queryOpts.checkBox?.isShowCheckbox\"\r\n            [nzLeft]=\"true\"\r\n            class=\"left-zindex-header\"\r\n            nzShowCheckbox\r\n            style=\"z-index: 90!important;\"\r\n            nzWidth=\"30px\"\r\n            nzAlign=\"center\"\r\n            [(nzChecked)]=\"isAllDisplayDataChecked\"\r\n            [nzIndeterminate]=\"isIndeterminate\"\r\n            (nzCheckedChange)=\"checkAll($event)\"\r\n        ></th>\r\n        <th [nzBreakWord]=\"true\" [nzLeft]=\"true\" class=\"left-zindex-header\" *ngIf=\"queryOpts.isIndex\" nzWidth=\"30px\" nzAlign=\"center\">#</th>\r\n        <th [nzBreakWord]=\"true\" [nzLeft]=\"true\" class=\"left-zindex-header\" *ngIf=\"queryOpts.checkBox?.isRadio\" nzWidth=\"30px\"\r\n            nzAlign=\"center\">#\r\n        </th>\r\n        <ng-container *ngFor=\"let item of queryOpts.tables; \">\r\n          <th [nzBreakWord]=\"true\" *ngIf=\"item.isShow \"\r\n              [nzShowSort]=item.sortable\r\n              nz-resizable\r\n              nzPreview\r\n              nzBounds=\"window\"\r\n              [(nzSortOrder)]=\"sortMap[item.sortKey]\"\r\n              (nzSortOrderChange)=\"sort(item.sortKey, $event)\"\r\n              [nzWidth]=\"item.width\"\r\n              [nzMaxWidth]=\"256\"\r\n              [nzMinWidth]=\"60\"\r\n              [nzRight]=\"item.isRight ? true : false\"\r\n              [nzLeft]=\"item.isLeft ? true : false\"\r\n              [ngClass]=\"{'left-zindex-header':item.isLeft ? true : false}\"\r\n              (nzResizeEnd)=\"onResize($event, item.name)\">\r\n            {{item.name}}<!-- {width}: { width: number }, col: string-->\r\n            <nz-resize-handle nzDirection=\"right\">\r\n              <div class=\"resize-trigger\"></div>\r\n            </nz-resize-handle>\r\n          </th>\r\n        </ng-container>\r\n      </tr>\r\n      </thead>\r\n\r\n\r\n      <tbody *ngIf=\"!allowDrag\">\r\n\r\n      <tr *ngFor=\"let data of basicTable.data;index as i\" class=\"t-tr\" (click)=\"selectRow(data,i)\"\r\n          [ngStyle]=\"{'color':isShowColor(data)}\"\r\n          [ngClass]=\"{'selected': i == curChecked}\" (dblclick)=\"dbclickData(data,i)\">\r\n\r\n        <td [nzBreakWord]=\"true\" [nzLeft]=\"true\"\r\n            class=\"left-zindex\"\r\n            *ngIf=\"queryOpts.checkBox?.isShowCheckbox\"\r\n            nzShowCheckbox\r\n            [(nzChecked)]=\"mapOfCheckedId[data.id]\"\r\n            (nzCheckedChange)=\"refreshStatus()\"\r\n        ></td>\r\n        <td [nzBreakWord]=\"true\" [nzLeft]=\"true\"\r\n            class=\"left-zindex\"\r\n            *ngIf=\"queryOpts.checkBox?.isRadio\" nzShowCheckbox (nzCheckedChange)=\"selectRow(data,i)\"\r\n            [(nzChecked)]=\"mapOfCheckedId[data.id]\"></td>\r\n        <td [nzBreakWord]=\"true\" [nzLeft]=\"true\"\r\n            *ngIf=\"queryOpts.isIndex\" nzAlign=\"center\" style=\"padding:12px 0;\" nzBreakWord>{{i + 1}}</td>\r\n        <ng-container *ngFor=\"let item of queryOpts.tables;\">\r\n\r\n          <td [nzBreakWord]=\"true\" [nzLeft]=\"item.isLeft ? true : false\"\r\n              [ngClass]=\"{'left-zindex':item.isLeft ? true : false}\"\r\n              [nzRight]=\"item.isRight ? true : false\"\r\n              nzBreakWord\r\n              [rowSpan]=\"checkRowSpan(item,data)\"\r\n              *ngIf=\"checkShowTd(item,i) \">\r\n            <app-table-td [data]=\"data\"\r\n                          [item]=\"item\"\r\n                          [i]=\"i\"\r\n                          (doActionByRowAction)=\"doActionByRow2($event)\"\r\n            ></app-table-td>\r\n          </td>\r\n        </ng-container>\r\n      </tr>\r\n\r\n      </tbody>\r\n      <tbody *ngIf=\"allowDrag\" cdkDropList (cdkDropListDropped)=\"drop($event)\">\r\n      <tr cdkDrag *ngFor=\"let data of basicTable.data;index as i\" class=\"t-tr\" (click)=\"selectRow(data,i)\"\r\n          [ngClass]=\"{'selected': i == curChecked}\">\r\n        <td [nzBreakWord]=\"true\" [nzLeft]=\"true\"\r\n            class=\"left-zindex\"\r\n            *ngIf=\"queryOpts.checkBox?.isShowCheckbox\"\r\n            nzShowCheckbox\r\n            [(nzChecked)]=\"mapOfCheckedId[data.id]\"\r\n            (nzCheckedChange)=\"refreshStatus()\"\r\n        ></td>\r\n        <!--\r\n                  <td [nzBreakWord]=\"true\" [nzLeft]=\"item.isLeft ? true : false\" [ngClass]=\"{'left-zindex':item.isLeft ? true : false}\"   [nzRight]=\"item.isRight ? true : false\"\r\n                      *ngIf=\"queryOpts.isShowCheckbox\"\r\n                      nzShowCheckbox\r\n                      [(nzChecked)]=\"mapOfCheckedId[data.id]\"\r\n                      (nzCheckedChange)=\"refreshStatus()\"\r\n                  ></td>\r\n        -->\r\n        <td [nzBreakWord]=\"true\" [nzLeft]=\"true\"\r\n            class=\"left-zindex\"\r\n            *ngIf=\"queryOpts.checkBox?.isRadio\" nzShowCheckbox (nzCheckedChange)=\"selectRow(data,i)\"\r\n            [(nzChecked)]=\"mapOfCheckedId[data.id]\"></td>\r\n        <td [nzBreakWord]=\"true\" [nzLeft]=\"true\"\r\n            class=\"left-zindex\"\r\n            *ngIf=\"queryOpts.isIndex\" nzAlign=\"center\" style=\"padding:12px 0;\" nzBreakWord>{{i + 1}}</td>\r\n\r\n        <ng-container *ngFor=\"let item of queryOpts.tables;\">\r\n\r\n          <td [nzBreakWord]=\"true\" [nzLeft]=\"item.isLeft ? true : false\"\r\n              [ngClass]=\"{'left-zindex':item.isLeft ? true : false}\"\r\n              [nzRight]=\"item.isRight ? true : false\"\r\n              nzBreakWord\r\n              [rowSpan]=\"checkRowSpan(item,data)\"\r\n              *ngIf=\"checkShowTd(item,i) \">\r\n            <app-table-td [data]=\"data\"\r\n                          [item]=\"item\"\r\n                          [i]=\"i\"\r\n                          (doActionByRowAction)=\"doActionByRow2($event)\"\r\n            ></app-table-td>\r\n          </td>\r\n        </ng-container>\r\n      </tr>\r\n      </tbody>\r\n\r\n    </ng-container>\r\n\r\n\r\n    <ng-template #totalTemplate let-total>\u5171 {{ total }} \u6761\u8BB0\u5F55</ng-template>\r\n  </nz-table>\r\n  <nz-dropdown-menu #menu=\"nzDropdownMenu\">\r\n    <div class=\"tabel-colunmn\">\r\n      <nz-checkbox-wrapper style=\"width: 100%;margin-top: 30px;\" (nzOnChange)=\"log($event)\">\r\n        <div nz-row>\r\n          <div nz-col nzSpan=\"24\" *ngFor=\"let item of queryOpts.tables\">\r\n            <label nz-checkbox nzValue=\"{{item.key}}\" [ngModel]=\"item.isShow\">{{item.name}}</label>\r\n          </div>\r\n        </div>\r\n      </nz-checkbox-wrapper>\r\n      <div class=\"tabel-colunmn-header\">\u8BF7\u9009\u62E9\u5217\u8868\u663E\u793A\u5185\u5BB9</div>\r\n    </div>\r\n  </nz-dropdown-menu>\r\n</div>\r\n\r\n", styles: [":host{width:100%;height:100%;display:-webkit-flex;display:flex;flex-direction:column}:host ::ng-deep .ant-modal{top:50px;padding:0}:host .ant-advanced-search-form{padding:10px 6px 6px;background:#fbfbfb;border:1px solid #d9d9d9;border-radius:6px;margin-bottom:5px}:host .select-icon:hover{color:#1890ff}:host ::ng-deep .ant-advanced-search-form .ant-form-item{margin-bottom:5px}:host ::ng-deep .ant-table-column-title{font-size:.65rem}:host ::ng-deep .ant-table-tbody>tr.ant-table-row:hover>td{background:#d0eeea}:host ::ng-deep .ant-modal-header,:host ::ng-deep .ant-modal-content{border-radius:4px}:host ::ng-deep .ant-table-tbody>tr.selected:hover>td{background-color:#cfe1d0!important}:host ::ng-deep .ant-table{height:100%}:host ::ng-deep nz-pagination{position:absolute;bottom:0;right:0}:host .search-result-list{padding:1px;border:1px dashed #e9e9e9;border-radius:6px;background-color:#fff;flex:1;text-align:center;position:relative}:host [nz-form-label]{overflow:visible}:host button{margin:2px 4px}:host .collapse{margin-left:6px;font-size:12px}:host .action-area{text-align:left}:host .search-area{text-align:right}:host ::ng-deep .main-table{position:absolute;inset:0}:host ::ng-deep .main-table .ant-spin-nested-loading{height:100%}:host ::ng-deep .main-table .ant-spin-container{height:100%}:host ::ng-deep .ant-table-tbody>tr.selected>td{background-color:#cfe1d0}:host ::ng-deep .ant-table-tbody>tr>td>img{display:block;width:40%;margin:0 auto}:host ::ng-deep .ant-table-body{-ms-overflow-style:none;overflow:-moz-scrollbars-none}:host ::ng-deep .ant-table-body::-webkit-scrollbar,:host ::ng-deep .ant-table-header::-webkit-scrollbar{width:6px!important;height:6px!important}:host ::ng-deep .ant-table-body::-webkit-scrollbar-track,:host ::ng-deep .ant-table-header::-webkit-scrollbar-track{width:6px!important;cursor:pointer}:host ::ng-deep .ant-table-body::-webkit-scrollbar-thumb,:host ::ng-deep .ant-table-header::-webkit-scrollbar-thumb{background:#1890ff;border-radius:3px;cursor:pointer}:host ::ng-deep .ant-table-bordered .ant-table-thead>tr>th{border-right:1px solid #ddd}:host ::ng-deep .ant-table-header{-ms-overflow-style:none;overflow:-moz-scrollbars-none;margin-bottom:-5px!important}:host ::ng-deep .ant-table-placeholder{border-bottom:none!important;border-top:none!important}:host .tabel-colunmn{display:block;width:160px;height:300px;background:#fff;border:1px solid #ddd;padding:10px;border-radius:5px;overflow-x:hidden;overflow-y:auto;position:relative}:host .tabel-colunmn-header{position:fixed;top:0;left:0;right:0;height:30px;z-index:999;line-height:30px;border-bottom:1px solid #ddd;text-align:left;font-size:13px;padding-left:10px}:host .t-tr{background:#fff}:host .t-tr:nth-child(odd){background:#f8f9fa}:host ::ng-deep .ant-table-thead>tr>th{background:#e7ebef!important;border-radius:0;word-break:break-all;white-space:pre-wrap}:host ::ng-deep .ant-table-tbody>tr>td{word-break:break-all;white-space:pre-wrap}:host ::ng-deep .ant-table-header{background:#e7ebef!important}:host td{font-size:.65rem}:host .resize-trigger{height:100%}:host .nz-resizable-preview{border-width:0;border-right-width:1px}:host ::ng-deep .ant-table-thead>tr>th .ant-table-header-column .ant-table-column-sorters>:not(.ant-table-column-sorter){position:unset}:host ::ng-deep .ant-table-tbody>tr>td{padding:5px}:host ::ng-deep .ant-table{line-height:15px}:host ::ng-deep .ant-table-middle .ant-table-footer,:host .ant-table-middle .ant-table-tbody>tr>td,:host .ant-table-middle .ant-table-thead>tr>th,:host .ant-table-middle .ant-table-title{padding:5px}:host ::ng-deep .ant-table-tbody>tr>td>img{width:35px}:host ::ng-deep .ant-modal-body{padding:10px}:host ::ng-deep .ant-table.ant-table-bordered tbody>tr>td{font-size:13px}:host ::ng-deep th{z-index:80!important}:host .left-zindex-header{z-index:90!important}:host .left-zindex{z-index:80!important}:host ::ng-deep input,:host ::ng-deep .ant-select-single:not(.ant-select-customize-input) .ant-select-selector,:host ::ng-deep .ant-picker{border-radius:5px}:host .border-text{width:100%;height:36px;line-height:36px;display:flex}:host .border-text .border-text-line{display:inline-block;border-top:1px solid #cccccc;margin-top:18px}:host .border-text .border-text-line-left{width:10px;border-left:1px solid #cccccc}:host .border-text .border-text-line-right{flex:1;border-right:1px solid #cccccc}:host .border-text .border-text-span{margin-left:5px;margin-right:5px}:host ::ng-deep .tabel-colunmn-header{position:absolute!important;top:0!important}:host ::ng-deep .ant-table-cell-fix-left,:host .ant-table-cell-fix-right{position:-webkit-sticky!important;position:sticky!important}.label-title{position:absolute;display:block;top:-7px;left:10px;background-color:#fff;color:#000;font-weight:600;font-size:12px;line-height:12px}\n"], dependencies: [{ kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { 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.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { 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.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { 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: 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: i7.NzDropdownMenuComponent, selector: "nz-dropdown-menu", exportAs: ["nzDropdownMenu"] }, { 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: i14.NzFormDirective, selector: "[nz-form]", inputs: ["nzLayout", "nzNoColon", "nzAutoTips", "nzDisableAutoTips", "nzTooltipIcon", "nzLabelAlign", "nzLabelWrap"], exportAs: ["nzForm"] }, { kind: "directive", type: i8.NzIconDirective, selector: "[nz-icon]", inputs: ["nzSpin", "nzRotate", "nzType", "nzTheme", "nzTwotoneColor", "nzIconfont"], exportAs: ["nzIcon"] }, { kind: "component", type: i11$1.NzTableComponent, selector: "nz-table", inputs: ["nzTableLayout", "nzShowTotal", "nzItemRender", "nzTitle", "nzFooter", "nzNoResult", "nzPageSizeOptions", "nzVirtualItemSize", "nzVirtualMaxBufferPx", "nzVirtualMinBufferPx", "nzVirtualForTrackBy", "nzLoadingDelay", "nzPageIndex", "nzPageSize", "nzTotal", "nzWidthConfig", "nzData", "nzCustomColumn", "nzPaginationPosition", "nzScroll", "nzPaginationType", "nzFrontPagination", "nzTemplateMode", "nzShowPagination", "nzLoading", "nzOuterBordered", "nzLoadingIndicator", "nzBordered", "nzSize", "nzShowSizeChanger", "nzHideOnSinglePage", "nzShowQuickJumper", "nzSimple"], outputs: ["nzPageSizeChange", "nzPageIndexChange", "nzQueryParams", "nzCurrentPageDataChange", "nzCustomColumnChange"], exportAs: ["nzTable"] }, { kind: "component", type: i11$1.NzThAddOnComponent, selector: "th[nzColumnKey], th[nzSortFn], th[nzSortOrder], th[nzFilters], th[nzShowSort], th[nzShowFilter], th[nzCustomFilter]", inputs: ["nzColumnKey", "nzFilterMultiple", "nzSortOrder", "nzSortPriority", "nzSortDirections", "nzFilters", "nzSortFn", "nzFilterFn", "nzShowSort", "nzShowFilter", "nzCustomFilter"], outputs: ["nzCheckedChange", "nzSortOrderChange", "nzFilterChange"] }, { kind: "directive", type: i11$1.NzTableCellDirective, selector: "th:not(.nz-disable-th):not([mat-cell]), td:not(.nz-disable-td):not([mat-cell])" }, { kind: "directive", type: i11$1.NzThMeasureDirective, selector: "th", inputs: ["nzWidth", "colspan", "colSpan", "rowspan", "rowSpan"] }, { kind: "component", type: i11$1.NzTdAddOnComponent, selector: "td[nzChecked], td[nzDisabled], td[nzIndeterminate], td[nzIndentSize], td[nzExpand], td[nzShowExpand], td[nzShowCheckbox]", inputs: ["nzChecked", "nzDisabled", "nzIndeterminate", "nzLabel", "nzIndentSize", "nzShowExpand", "nzShowCheckbox", "nzExpand", "nzExpandIcon"], outputs: ["nzCheckedChange", "nzExpandChange"] }, { kind: "component", type: i11$1.NzTheadComponent, selector: "thead:not(.ant-table-thead)", outputs: ["nzSortOrderChange"] }, { kind: "component", type: i11$1.NzTbodyComponent, selector: "tbody" }, { kind: "directive", type: i11$1.NzTrDirective, selector: "tr:not([mat-row]):not([mat-header-row]):not([nz-table-measure-row]):not([nzExpand]):not([nz-table-fixed-row])" }, { kind: "directive", type: i11$1.NzCellFixedDirective, selector: "td[nzRight],th[nzRight],td[nzLeft],th[nzLeft]", inputs: ["nzRight", "nzLeft", "colspan", "colSpan"] }, { kind: "directive", type: i11$1.NzCellBreakWordDirective, selector: "th[nzBreakWord],td[nzBreakWord]", inputs: ["nzBreakWord"] }, { kind: "directive", type: i11$1.NzCellAlignDirective, selector: "th[nzAlign],td[nzAlign]", inputs: ["nzAlign"] }, { kind: "component", type: i11$1.NzThSelectionComponent, selector: "th[nzSelections],th[nzChecked],th[nzShowCheckbox],th[nzShowRowSelection]", inputs: ["nzSelections", "nzChecked", "nzDisabled", "nzIndeterminate", "nzLabel", "nzShowCheckbox", "nzShowRowSelection"], outputs: ["nzCheckedChange"] }, { kind: "directive", type: i12.NzResizableDirective, selector: "[nz-resizable]", inputs: ["nzBounds", "nzMaxHeight", "nzMaxWidth", "nzMinHeight", "nzMinWidth", "nzGridColumnCount", "nzMaxColumn", "nzMinColumn", "nzLockAspectRatio", "nzPreview", "nzDisabled"], outputs: ["nzResize", "nzResizeEnd", "nzResizeStart"], exportAs: ["nzResizable"] }, { kind: "component", type: i12.NzResizeHandleComponent, selector: "nz-resize-handle, [nz-resize-handle]", inputs: ["nzDirection", "nzCursorType"], outputs: ["nzMouseDown"], exportAs: ["nzResizeHandle"] }, { kind: "directive", type: i13.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: i13.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "component", type: TableFormItemComponent, selector: "app-table-form-item", inputs: ["header", "value", "dictList"], outputs: ["headerAction"] }, { kind: "component", type: TableTdComponent, selector: "app-table-td", inputs: ["data", "item", "i"], outputs: ["doActionByRowAction"] }, { kind: "component", type: LocalUploadComponent, selector: "atr-local-upload", inputs: ["beforeUpload", "url", "nzAccept", "name", "code", "withoutRole"], outputs: ["afterChange"] }, { kind: "directive", type: AtrRoleDirective, selector: "[atrRole]", inputs: ["atrRole"] }, { kind: "directive", type: HqSpinDirective, selector: "[HqSpin]", inputs: ["spinLoading", "text"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: AtrTableComponent, deps: [{ token: i3.UntypedFormBuilder }, { token: i0.Injector }, { token: LOCALE_ID }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: AtrTableComponent, isStandalone: false, selector: "atr-table", inputs: { pageSize: "pageSize", pageSizeOptions: "pageSizeOptions", loading: "loading", allowDrag: "allowDrag", showQueryTime: "showQueryTime", isHideTable: "isHideTable", queryOpts: "queryOpts", showPagination: "showPagination", title: "title", queryHeaders: "queryHeaders" }, outputs: { tableAction: "tableAction", queryBack: "queryBack", headerAction: "headerAction" }, viewQueries: [{ propertyName: "tableContent", first: true, predicate: ["tableContent"], descendants: true, static: true }], ngImport: i0, template: "<form nz-form [formGroup]=\"atrForm\" class=\"ant-advanced-search-form\"\r\n      *ngIf=\"queryOpts.headers.length >0 || queryOpts.actions.length >0\">\r\n  <div nz-row [nzGutter]=\"24\" [hidden]=\"!isCollapse\">\r\n    <ng-content select=\"[header-left-slot]\"></ng-content>\r\n    <div nz-col [hidden]=\"!header.isShow \" *ngFor=\"let header of queryOpts.headers\"\r\n         [nzSpan]=\"header.span\">\r\n      <app-table-form-item\r\n        [header]=\"header\"\r\n        [ngModel]=\"header.defaultVal\"\r\n        [dictList]=\"dicts[header.dictCode]\"\r\n        [formControlName]=\"header.key\"\r\n        (headerAction)=\"headerAction.emit($event)\"></app-table-form-item>\r\n    </div>\r\n    <ng-content select=\"[header-right-slot]\"></ng-content>\r\n  </div>\r\n  <div nz-row nzType=\"flex\">\r\n    <div class=\"action-area\" nz-col [nzSpan]=\"16\">\r\n      <ng-content select=\"[button-left-slot]\"></ng-content>\r\n      <ng-container *ngFor=\"let action of queryOpts.actions\">\r\n        <atr-local-upload *ngIf=\"action.gType == 'upload'\" [code]=\"action.code\" [url]=\"action.url\" [name]=\"action.name\"\r\n                          [withoutRole]=\"action.withoutRole\"\r\n                          style=\"    display: inline-block;\"></atr-local-upload>\r\n        <ng-container *ngIf=\"!action.gType\">\r\n          <button nz-button [nzType]=\"'primary'\" nzSize=\"small\" (click)=\"doAction(action.code)\"\r\n                  *atrRole=\"action.withoutRole ? null:action.code\"\r\n                  [disabled]=\"isEnable(action.operator)\">{{action.name}}</button>\r\n        </ng-container>\r\n      </ng-container>\r\n      <ng-content select=\"[button-right-slot]\"></ng-content>\r\n    </div>\r\n    <div nz-col [nzSpan]=\"8\" class=\"search-area\" *ngIf=\"queryOpts.headers.length >0 && !queryOpts.isHideQuery\">\r\n      <span *ngIf=\"showQueryTime&&queryTime\">\u6570\u636E\u67E5\u8BE2\u65F6\u95F4\uFF1A{{queryTime}}</span>\r\n      <button nz-button nzSize=\"small\" [nzType]=\"'primary'\" (click)=\"query(true)\">\u67E5\u8BE2</button>\r\n      <button nz-button nzSize=\"small\" (click)=\"resetForm()\">\u91CD\u7F6E</button>\r\n      <a class=\"collapse\" (click)=\"toggleCollapse()\" *ngIf=\"queryOpts.headers.length > 0 \">\r\n        {{isCollapse ? '\u6536\u8D77' : '\u5C55\u5F00'}}\r\n        <i nz-icon [nzType]=\"isCollapse ? 'up' : 'down'\"></i>\r\n      </a>\r\n    </div>\r\n  </div>\r\n  <div *ngIf=\"title\" class=\"title\">{{title}}</div>\r\n</form>\r\n<div class=\"search-result-list\" #tableContent [spinLoading]=\"loading\" HqSpin>\r\n  <nz-table *ngIf=\"isAllLoad \" #basicTable class=\"main-table\"\r\n            [nzScroll]=\"scrollSize\"\r\n            nzSize=\"middle\"\r\n            nzBordered\r\n            [nzShowPagination]=\"showPagination\"\r\n            nzShowSizeChanger\r\n            [nzFrontPagination]=\"false\"\r\n            [nzLoading]=\"loading\"\r\n            [nzTotal]=\"total\"\r\n            [(nzPageIndex)]=\"pageIndex\"\r\n            [(nzPageSize)]=\"pageSize\"\r\n            [nzPageSizeOptions]=\"pageSizeOptions\"\r\n            [nzData]=\"tableDatas\"\r\n            (nzPageIndexChange)=\"query()\"\r\n            (nzPageSizeChange)=\"query(true)\"\r\n            [nzShowTotal]=\"totalTemplate\"\r\n  >\r\n    <ng-content select=\"[slot1]\"></ng-content>\r\n    <ng-container *ngIf=\"!isHideTable\">\r\n      <thead>\r\n      <tr (contextmenu)=\"contextMenu($event,menu)\" class=\"header-tr\">\r\n\r\n        <th [nzBreakWord]=\"true\" *ngIf=\"queryOpts.checkBox?.isShowCheckbox\"\r\n            [nzLeft]=\"true\"\r\n            class=\"left-zindex-header\"\r\n            nzShowCheckbox\r\n            style=\"z-index: 90!important;\"\r\n            nzWidth=\"30px\"\r\n            nzAlign=\"center\"\r\n            [(nzChecked)]=\"isAllDisplayDataChecked\"\r\n            [nzIndeterminate]=\"isIndeterminate\"\r\n            (nzCheckedChange)=\"checkAll($event)\"\r\n        ></th>\r\n        <th [nzBreakWord]=\"true\" [nzLeft]=\"true\" class=\"left-zindex-header\" *ngIf=\"queryOpts.isIndex\" nzWidth=\"30px\" nzAlign=\"center\">#</th>\r\n        <th [nzBreakWord]=\"true\" [nzLeft]=\"true\" class=\"left-zindex-header\" *ngIf=\"queryOpts.checkBox?.isRadio\" nzWidth=\"30px\"\r\n            nzAlign=\"center\">#\r\n        </th>\r\n        <ng-container *ngFor=\"let item of queryOpts.tables; \">\r\n          <th [nzBreakWord]=\"true\" *ngIf=\"item.isShow \"\r\n              [nzShowSort]=item.sortable\r\n              nz-resizable\r\n              nzPreview\r\n              nzBounds=\"window\"\r\n              [(nzSortOrder)]=\"sortMap[item.sortKey]\"\r\n              (nzSortOrderChange)=\"sort(item.sortKey, $event)\"\r\n              [nzWidth]=\"item.width\"\r\n              [nzMaxWidth]=\"256\"\r\n              [nzMinWidth]=\"60\"\r\n              [nzRight]=\"item.isRight ? true : false\"\r\n              [nzLeft]=\"item.isLeft ? true : false\"\r\n              [ngClass]=\"{'left-zindex-header':item.isLeft ? true : false}\"\r\n              (nzResizeEnd)=\"onResize($event, item.name)\">\r\n            {{item.name}}<!-- {width}: { width: number }, col: string-->\r\n            <nz-resize-handle nzDirection=\"right\">\r\n              <div class=\"resize-trigger\"></div>\r\n            </nz-resize-handle>\r\n          </th>\r\n        </ng-container>\r\n      </tr>\r\n      </thead>\r\n\r\n\r\n      <tbody *ngIf=\"!allowDrag\">\r\n\r\n      <tr *ngFor=\"let data of basicTable.data;index as i\" class=\"t-tr\" (click)=\"selectRow(data,i)\"\r\n          [ngStyle]=\"{'color':isShowColor(data)}\"\r\n          [ngClass]=\"{'selected': i == curChecked}\" (dblclick)=\"dbclickData(data,i)\">\r\n\r\n        <td [nzBreakWord]=\"true\" [nzLeft]=\"true\"\r\n            class=\"left-zindex\"\r\n            *ngIf=\"queryOpts.checkBox?.isShowCheckbox\"\r\n            nzShowCheckbox\r\n            [(nzChecked)]=\"mapOfCheckedId[data.id]\"\r\n            (nzCheckedChange)=\"refreshStatus()\"\r\n        ></td>\r\n        <td [nzBreakWord]=\"true\" [nzLeft]=\"true\"\r\n            class=\"left-zindex\"\r\n            *ngIf=\"queryOpts.checkBox?.isRadio\" nzShowCheckbox (nzCheckedChange)=\"selectRow(data,i)\"\r\n            [(nzChecked)]=\"mapOfCheckedId[data.id]\"></td>\r\n        <td [nzBreakWord]=\"true\" [nzLeft]=\"true\"\r\n            *ngIf=\"queryOpts.isIndex\" nzAlign=\"center\" style=\"padding:12px 0;\" nzBreakWord>{{i + 1}}</td>\r\n        <ng-container *ngFor=\"let item of queryOpts.tables;\">\r\n\r\n          <td [nzBreakWord]=\"true\" [nzLeft]=\"item.isLeft ? true : false\"\r\n              [ngClass]=\"{'left-zindex':item.isLeft ? true : false}\"\r\n              [nzRight]=\"item.isRight ? true : false\"\r\n              nzBreakWord\r\n              [rowSpan]=\"checkRowSpan(item,data)\"\r\n              *ngIf=\"checkShowTd(item,i) \">\r\n            <app-table-td [data]=\"data\"\r\n                          [item]=\"item\"\r\n                          [i]=\"i\"\r\n                          (doActionByRowAction)=\"doActionByRow2($event)\"\r\n            ></app-table-td>\r\n          </td>\r\n        </ng-container>\r\n      </tr>\r\n\r\n      </tbody>\r\n      <tbody *ngIf=\"allowDrag\" cdkDropList (cdkDropListDropped)=\"drop($event)\">\r\n      <tr cdkDrag *ngFor=\"let data of basicTable.data;index as i\" class=\"t-tr\" (click)=\"selectRow(data,i)\"\r\n          [ngClass]=\"{'selected': i == curChecked}\">\r\n        <td [nzBreakWord]=\"true\" [nzLeft]=\"true\"\r\n            class=\"left-zindex\"\r\n            *ngIf=\"queryOpts.checkBox?.isShowCheckbox\"\r\n            nzShowCheckbox\r\n            [(nzChecked)]=\"mapOfCheckedId[data.id]\"\r\n            (nzCheckedChange)=\"refreshStatus()\"\r\n        ></td>\r\n        <!--\r\n                  <td [nzBreakWord]=\"true\" [nzLeft]=\"item.isLeft ? true : false\" [ngClass]=\"{'left-zindex':item.isLeft ? true : false}\"   [nzRight]=\"item.isRight ? true : false\"\r\n                      *ngIf=\"queryOpts.isShowCheckbox\"\r\n                      nzShowCheckbox\r\n                      [(nzChecked)]=\"mapOfCheckedId[data.id]\"\r\n                      (nzCheckedChange)=\"refreshStatus()\"\r\n                  ></td>\r\n        -->\r\n        <td [nzBreakWord]=\"true\" [nzLeft]=\"true\"\r\n            class=\"left-zindex\"\r\n            *ngIf=\"queryOpts.checkBox?.isRadio\" nzShowCheckbox (nzCheckedChange)=\"selectRow(data,i)\"\r\n            [(nzChecked)]=\"mapOfCheckedId[data.id]\"></td>\r\n        <td [nzBreakWord]=\"true\" [nzLeft]=\"true\"\r\n            class=\"left-zindex\"\r\n            *ngIf=\"queryOpts.isIndex\" nzAlign=\"center\" style=\"padding:12px 0;\" nzBreakWord>{{i + 1}}</td>\r\n\r\n        <ng-container *ngFor=\"let item of queryOpts.tables;\">\r\n\r\n          <td [nzBreakWord]=\"true\" [nzLeft]=\"item.isLeft ? true : false\"\r\n              [ngClass]=\"{'left-zindex':item.isLeft ? true : false}\"\r\n              [nzRight]=\"item.isRight ? true : false\"\r\n              nzBreakWord\r\n              [rowSpan]=\"checkRowSpan(item,data)\"\r\n              *ngIf=\"checkShowTd(item,i) \">\r\n            <app-table-td [data]=\"data\"\r\n                          [item]=\"item\"\r\n                          [i]=\"i\"\r\n                          (doActionByRowAction)=\"doActionByRow2($event)\"\r\n            ></app-table-td>\r\n          </td>\r\n        </ng-container>\r\n      </tr>\r\n      </tbody>\r\n\r\n    </ng-container>\r\n\r\n\r\n    <ng-template #totalTemplate let-total>\u5171 {{ total }} \u6761\u8BB0\u5F55</ng-template>\r\n  </nz-table>\r\n  <nz-dropdown-menu #menu=\"nzDropdownMenu\">\r\n    <div class=\"tabel-colunmn\">\r\n      <nz-checkbox-wrapper style=\"width: 100%;margin-top: 30px;\" (nzOnChange)=\"log($event)\">\r\n        <div nz-row>\r\n          <div nz-col nzSpan=\"24\" *ngFor=\"let item of queryOpts.tables\">\r\n            <label nz-checkbox nzValue=\"{{item.key}}\" [ngModel]=\"item.isShow\">{{item.name}}</label>\r\n          </div>\r\n        </div>\r\n      </nz-checkbox-wrapper>\r\n      <div class=\"tabel-colunmn-header\">\u8BF7\u9009\u62E9\u5217\u8868\u663E\u793A\u5185\u5BB9</div>\r\n    </div>\r\n  </nz-dropdown-menu>\r\n</div>\r\n\r\n", styles: [":host{width:100%;height:100%;display:-webkit-flex;display:flex;flex-direction:column}:host ::ng-deep .ant-modal{top:50px;padding:0}:host .ant-advanced-search-form{padding:10px 6px 6px;background:#fbfbfb;border:1px solid #d9d9d9;border-radius:6px;margin-bottom:5px}:host .select-icon:hover{color:#1890ff}:host ::ng-deep .ant-advanced-search-form .ant-form-item{margin-bottom:5px}:host ::ng-deep .ant-table-column-title{font-size:.65rem}:host ::ng-deep .ant-table-tbody>tr.ant-table-row:hover>td{background:#d0eeea}:host ::ng-deep .ant-modal-header,:host ::ng-deep .ant-modal-content{border-radius:4px}:host ::ng-deep .ant-table-tbody>tr.selected:hover>td{background-color:#cfe1d0!important}:host ::ng-deep .ant-table{height:100%}:host ::ng-deep nz-pagination{position:absolute;bottom:0;right:0}:host .search-result-list{padding:1px;border:1px dashed #e9e9e9;border-radius:6px;background-color:#fff;flex:1;text-align:center;position:relative}:host [nz-form-label]{overflow:visible}:host button{margin:2px 4px}:host .collapse{margin-left:6px;font-size:12px}:host .action-area{text-align:left}:host .search-area{text-align:right}:host ::ng-deep .main-table{position:absolute;inset:0}:host ::ng-deep .main-table .ant-spin-nested-loading{height:100%}:host ::ng-deep .main-table .ant-spin-container{height:100%}:host ::ng-deep .ant-table-tbody>tr.selected>td{background-color:#cfe1d0}:host ::ng-deep .ant-table-tbody>tr>td>img{display:block;width:40%;margin:0 auto}:host ::ng-deep .ant-table-body{-ms-overflow-style:none;overflow:-moz-scrollbars-none}:host ::ng-deep .ant-table-body::-webkit-scrollbar,:host ::ng-deep .ant-table-header::-webkit-scrollbar{width:6px!important;height:6px!important}:host ::ng-deep .ant-table-body::-webkit-scrollbar-track,:host ::ng-deep .ant-table-header::-webkit-scrollbar-track{width:6px!important;cursor:pointer}:host ::ng-deep .ant-table-body::-webkit-scrollbar-thumb,:host ::ng-deep .ant-table-header::-webkit-scrollbar-thumb{background:#1890ff;border-radius:3px;cursor:pointer}:host ::ng-deep .ant-table-bordered .ant-table-thead>tr>th{border-right:1px solid #ddd}:host ::ng-deep .ant-table-header{-ms-overflow-style:none;overflow:-moz-scrollbars-none;margin-bottom:-5px!important}:host ::ng-deep .ant-table-placeholder{border-bottom:none!important;border-top:none!important}:host .tabel-colunmn{display:block;width:160px;height:300px;background:#fff;border:1px solid #ddd;padding:10px;border-radius:5px;overflow-x:hidden;overflow-y:auto;position:relative}:host .tabel-colunmn-header{position:fixed;top:0;left:0;right:0;height:30px;z-index:999;line-height:30px;border-bottom:1px solid #ddd;text-align:left;font-size:13px;padding-left:10px}:host .t-tr{background:#fff}:host .t-tr:nth-child(odd){background:#f8f9fa}:host ::ng-deep .ant-table-thead>tr>th{background:#e7ebef!important;border-radius:0;word-break:break-all;white-space:pre-wrap}:host ::ng-deep .ant-table-tbody>tr>td{word-break:break-all;white-space:pre-wrap}:host ::ng-deep .ant-table-header{background:#e7ebef!important}:host td{font-size:.65rem}:host .resize-trigger{height:100%}:host .nz-resizable-preview{border-width:0;border-right-width:1px}:host ::ng-deep .ant-table-thead>tr>th .ant-table-header-column .ant-table-column-sorters>:not(.ant-table-column-sorter){position:unset}:host ::ng-deep .ant-table-tbody>tr>td{padding:5px}:host ::ng-deep .ant-table{line-height:15px}:host ::ng-deep .ant-table-middle .ant-table-footer,:host .ant-table-middle .ant-table-tbody>tr>td,:host .ant-table-middle .ant-table-thead>tr>th,:host .ant-table-middle .ant-table-title{padding:5px}:host ::ng-deep .ant-table-tbody>tr>td>img{width:35px}:host ::ng-deep .ant-modal-body{padding:10px}:host ::ng-deep .ant-table.ant-table-bordered tbody>tr>td{font-size:13px}:host ::ng-deep th{z-index:80!important}:host .left-zindex-header{z-index:90!important}:host .left-zindex{z-index:80!important}:host ::ng-deep input,:host ::ng-deep .ant-select-single:not(.ant-select-customize-input) .ant-select-selector,:host ::ng-deep .ant-picker{border-radius:5px}:host .border-text{width:100%;height:36px;line-height:36px;display:flex}:host .border-text .border-text-line{display:inline-block;border-top:1px solid #cccccc;margin-top:18px}:host .border-text .border-text-line-left{width:10px;border-left:1px solid #cccccc}:host .border-text .border-text-line-right{flex:1;border-right:1px solid #cccccc}:host .border-text .border-text-span{margin-left:5px;margin-right:5px}:host ::ng-deep .tabel-colunmn-header{position:absolute!important;top:0!important}:host ::ng-deep .ant-table-cell-fix-left,:host .ant-table-cell-fix-right{position:-webkit-sticky!important;position:sticky!important}.label-title{position:absolute;display:block;top:-7px;left:10px;background-color:#fff;color:#000;font-weight:600;font-size:12px;line-height:12px}\n"], dependencies: [{ kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { 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.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { 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.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { 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-icon], 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: i6$2.NzCheckboxComponent, selector: "[nz-checkbox]", inputs: ["nzValue", "nzAutoFocus", "nzDisabled", "nzIndeterminate", "nzChecked", "nzId", "nzName"], outputs: ["nzCheckedChange"], exportAs: ["nzCheckbox"] }, { kind: "component", type: i6$2.NzCheckboxWrapperComponent, selector: "nz-checkbox-wrapper", outputs: ["nzOnChange"], exportAs: ["nzCheckboxWrapper"] }, { kind: "component", type: i7.NzDropdownMenuComponent, selector: "nz-dropdown-menu", exportAs: ["nzDropdownMenu"] }, { 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: i14.NzFormDirective, selector: "[nz-form]", inputs: ["nzLayout", "nzNoColon", "nzAutoTips", "nzDisableAutoTips", "nzTooltipIcon", "nzLabelAlign", "nzLabelWrap", "nzRequiredMark"], exportAs: ["nzForm"] }, { kind: "directive", type: i8.NzIconDirective, selector: "nz-icon,[nz-icon]", inputs: ["nzSpin", "nzRotate", "nzType", "nzTheme", "nzTwotoneColor", "nzIconfont"], exportAs: ["nzIcon"] }, { kind: "component", type: i11$1.NzTableComponent, selector: "nz-table", inputs: ["nzTableLayout", "nzShowTotal", "nzItemRender", "nzTitle", "nzFooter", "nzNoResult", "nzPageSizeOptions", "nzVirtualItemSize", "nzVirtualMaxBufferPx", "nzVirtualMinBufferPx", "nzVirtualForTrackBy", "nzLoadingDelay", "nzPageIndex", "nzPageSize", "nzTotal", "nzWidthConfig", "nzData", "nzCustomColumn", "nzPaginationPosition", "nzScroll", "noDataVirtualHeight", "nzPaginationType", "nzFrontPagination", "nzTemplateMode", "nzShowPagination", "nzLoading", "nzOuterBordered", "nzLoadingIndicator", "nzBordered", "nzSize", "nzShowSizeChanger", "nzHideOnSinglePage", "nzShowQuickJumper", "nzSimple"], outputs: ["nzPageSizeChange", "nzPageIndexChange", "nzQueryParams", "nzCurrentPageDataChange", "nzCustomColumnChange"], exportAs: ["nzTable"] }, { kind: "component", type: i11$1.NzThAddOnComponent, selector: "th[nzColumnKey], th[nzSortFn], th[nzSortOrder], th[nzFilters], th[nzShowSort], th[nzShowFilter], th[nzCustomFilter]", inputs: ["nzColumnKey", "nzFilterMultiple", "nzSortOrder", "nzSortPriority", "nzSortDirections", "nzFilters", "nzSortFn", "nzFilterFn", "nzShowSort", "nzShowFilter", "nzCustomFilter"], outputs: ["nzCheckedChange", "nzSortOrderChange", "nzFilterChange"] }, { kind: "directive", type: i11$1.NzTableCellDirective, selector: "th:not(.nz-disable-th), td:not(.nz-disable-td)" }, { kind: "directive", type: i11$1.NzThMeasureDirective, selector: "th", inputs: ["nzWidth", "colspan", "colSpan", "rowspan", "rowSpan"] }, { kind: "component", type: i11$1.NzTdAddOnComponent, selector: "td[nzChecked], td[nzDisabled], td[nzIndeterminate], td[nzIndentSize], td[nzExpand], td[nzShowExpand], td[nzShowCheckbox]", inputs: ["nzChecked", "nzDisabled", "nzIndeterminate", "nzLabel", "nzIndentSize", "nzShowExpand", "nzShowCheckbox", "nzExpand", "nzExpandIcon"], outputs: ["nzCheckedChange", "nzExpandChange"] }, { kind: "component", type: i11$1.NzTheadComponent, selector: "thead:not(.ant-table-thead)", outputs: ["nzSortOrderChange"] }, { kind: "component", type: i11$1.NzTbodyComponent, selector: "tbody" }, { kind: "directive", type: i11$1.NzTrDirective, selector: "tr:not([nz-table-measure-row]):not([nzExpand]):not([nz-table-fixed-row])" }, { kind: "directive", type: i11$1.NzCellFixedDirective, selector: "td[nzRight],th[nzRight],td[nzLeft],th[nzLeft]", inputs: ["nzRight", "nzLeft", "colspan", "colSpan"] }, { kind: "directive", type: i11$1.NzCellBreakWordDirective, selector: "th[nzBreakWord],td[nzBreakWord]", inputs: ["nzBreakWord"] }, { kind: "directive", type: i11$1.NzCellAlignDirective, selector: "th[nzAlign],td[nzAlign]", inputs: ["nzAlign"] }, { kind: "component", type: i11$1.NzThSelectionComponent, selector: "th[nzSelections],th[nzChecked],th[nzShowCheckbox],th[nzShowRowSelection]", inputs: ["nzSelections", "nzChecked", "nzDisabled", "nzIndeterminate", "nzLabel", "nzShowCheckbox", "nzShowRowSelection"], outputs: ["nzCheckedChange"] }, { kind: "directive", type: i12.NzResizableDirective, selector: "[nz-resizable]", inputs: ["nzBounds", "nzMaxHeight", "nzMaxWidth", "nzMinHeight", "nzMinWidth", "nzGridColumnCount", "nzMaxColumn", "nzMinColumn", "nzLockAspectRatio", "nzPreview", "nzDisabled"], outputs: ["nzResize", "nzResizeEnd", "nzResizeStart"], exportAs: ["nzResizable"] }, { kind: "component", type: i12.NzResizeHandleComponent, selector: "nz-resize-handle, [nz-resize-handle]", inputs: ["nzDirection", "nzCursorType"], outputs: ["nzMouseDown"], exportAs: ["nzResizeHandle"] }, { kind: "directive", type: i13.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep", "cdkDropListElementContainer", "cdkDropListHasAnchor"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: i13.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer", "cdkDragScale"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: AtrRoleDirective, selector: "[atrRole]", inputs: ["atrRole"] }, { kind: "directive", type: HqSpinDirective, selector: "[HqSpin]", inputs: ["spinLoading", "text"] }, { kind: "component", type: TableFormItemComponent, selector: "app-table-form-item", inputs: ["header", "value", "dictList"], outputs: ["headerAction"] }, { kind: "component", type: TableTdComponent, selector: "app-table-td", inputs: ["data", "item", "i"], outputs: ["doActionByRowAction"] }, { kind: "component", type: LocalUploadComponent, selector: "atr-local-upload", inputs: ["beforeUpload", "url", "nzAccept", "name", "code", "withoutRole"], outputs: ["afterChange"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: AtrTableComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: AtrTableComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'atr-table', template: "<form nz-form [formGroup]=\"atrForm\" class=\"ant-advanced-search-form\"\r\n      *ngIf=\"queryOpts.headers.length >0 || queryOpts.actions.length >0\">\r\n  <div nz-row [nzGutter]=\"24\" [hidden]=\"!isCollapse\">\r\n    <ng-content select=\"[header-left-slot]\"></ng-content>\r\n    <div nz-col [hidden]=\"!header.isShow \" *ngFor=\"let header of queryOpts.headers\"\r\n         [nzSpan]=\"header.span\">\r\n      <app-table-form-item\r\n        [header]=\"header\"\r\n        [ngModel]=\"header.defaultVal\"\r\n        [dictList]=\"dicts[header.dictCode]\"\r\n        [formControlName]=\"header.key\"\r\n        (headerAction)=\"headerAction.emit($event)\"></app-table-form-item>\r\n    </div>\r\n    <ng-content select=\"[header-right-slot]\"></ng-content>\r\n  </div>\r\n  <div nz-row nzType=\"flex\">\r\n    <div class=\"action-area\" nz-col [nzSpan]=\"16\">\r\n      <ng-content select=\"[button-left-slot]\"></ng-content>\r\n      <ng-container *ngFor=\"let action of queryOpts.actions\">\r\n        <atr-local-upload *ngIf=\"action.gType == 'upload'\" [code]=\"action.code\" [url]=\"action.url\" [name]=\"action.name\"\r\n                          [withoutRole]=\"action.withoutRole\"\r\n                          style=\"    display: inline-block;\"></atr-local-upload>\r\n        <ng-container *ngIf=\"!action.gType\">\r\n          <button nz-button [nzType]=\"'primary'\" nzSize=\"small\" (click)=\"doAction(action.code)\"\r\n                  *atrRole=\"action.withoutRole ? null:action.code\"\r\n                  [disabled]=\"isEnable(action.operator)\">{{action.name}}</button>\r\n        </ng-container>\r\n      </ng-container>\r\n      <ng-content select=\"[button-right-slot]\"></ng-content>\r\n    </div>\r\n    <div nz-col [nzSpan]=\"8\" class=\"search-area\" *ngIf=\"queryOpts.headers.length >0 && !queryOpts.isHideQuery\">\r\n      <span *ngIf=\"showQueryTime&&queryTime\">\u6570\u636E\u67E5\u8BE2\u65F6\u95F4\uFF1A{{queryTime}}</span>\r\n      <button nz-button nzSize=\"small\" [nzType]=\"'primary'\" (click)=\"query(true)\">\u67E5\u8BE2</button>\r\n      <button nz-button nzSize=\"small\" (click)=\"resetForm()\">\u91CD\u7F6E</button>\r\n      <a class=\"collapse\" (click)=\"toggleCollapse()\" *ngIf=\"queryOpts.headers.length > 0 \">\r\n        {{isCollapse ? '\u6536\u8D77' : '\u5C55\u5F00'}}\r\n        <i nz-icon [nzType]=\"isCollapse ? 'up' : 'down'\"></i>\r\n      </a>\r\n    </div>\r\n  </div>\r\n  <div *ngIf=\"title\" class=\"title\">{{title}}</div>\r\n</form>\r\n<div class=\"search-result-list\" #tableContent [spinLoading]=\"loading\" HqSpin>\r\n  <nz-table *ngIf=\"isAllLoad \" #basicTable class=\"main-table\"\r\n            [nzScroll]=\"scrollSize\"\r\n            nzSize=\"middle\"\r\n            nzBordered\r\n            [nzShowPagination]=\"showPagination\"\r\n            nzShowSizeChanger\r\n            [nzFrontPagination]=\"false\"\r\n            [nzLoading]=\"loading\"\r\n            [nzTotal]=\"total\"\r\n            [(nzPageIndex)]=\"pageIndex\"\r\n            [(nzPageSize)]=\"pageSize\"\r\n            [nzPageSizeOptions]=\"pageSizeOptions\"\r\n            [nzData]=\"tableDatas\"\r\n            (nzPageIndexChange)=\"query()\"\r\n            (nzPageSizeChange)=\"query(true)\"\r\n            [nzShowTotal]=\"totalTemplate\"\r\n  >\r\n    <ng-content select=\"[slot1]\"></ng-content>\r\n    <ng-container *ngIf=\"!isHideTable\">\r\n      <thead>\r\n      <tr (contextmenu)=\"contextMenu($event,menu)\" class=\"header-tr\">\r\n\r\n        <th [nzBreakWord]=\"true\" *ngIf=\"queryOpts.checkBox?.isShowCheckbox\"\r\n            [nzLeft]=\"true\"\r\n            class=\"left-zindex-header\"\r\n            nzShowCheckbox\r\n            style=\"z-index: 90!important;\"\r\n            nzWidth=\"30px\"\r\n            nzAlign=\"center\"\r\n            [(nzChecked)]=\"isAllDisplayDataChecked\"\r\n            [nzIndeterminate]=\"isIndeterminate\"\r\n            (nzCheckedChange)=\"checkAll($event)\"\r\n        ></th>\r\n        <th [nzBreakWord]=\"true\" [nzLeft]=\"true\" class=\"left-zindex-header\" *ngIf=\"queryOpts.isIndex\" nzWidth=\"30px\" nzAlign=\"center\">#</th>\r\n        <th [nzBreakWord]=\"true\" [nzLeft]=\"true\" class=\"left-zindex-header\" *ngIf=\"queryOpts.checkBox?.isRadio\" nzWidth=\"30px\"\r\n            nzAlign=\"center\">#\r\n        </th>\r\n        <ng-container *ngFor=\"let item of queryOpts.tables; \">\r\n          <th [nzBreakWord]=\"true\" *ngIf=\"item.isShow \"\r\n              [nzShowSort]=item.sortable\r\n              nz-resizable\r\n              nzPreview\r\n              nzBounds=\"window\"\r\n              [(nzSortOrder)]=\"sortMap[item.sortKey]\"\r\n              (nzSortOrderChange)=\"sort(item.sortKey, $event)\"\r\n              [nzWidth]=\"item.width\"\r\n              [nzMaxWidth]=\"256\"\r\n              [nzMinWidth]=\"60\"\r\n              [nzRight]=\"item.isRight ? true : false\"\r\n              [nzLeft]=\"item.isLeft ? true : false\"\r\n              [ngClass]=\"{'left-zindex-header':item.isLeft ? true : false}\"\r\n              (nzResizeEnd)=\"onResize($event, item.name)\">\r\n            {{item.name}}<!-- {width}: { width: number }, col: string-->\r\n            <nz-resize-handle nzDirection=\"right\">\r\n              <div class=\"resize-trigger\"></div>\r\n            </nz-resize-handle>\r\n          </th>\r\n        </ng-container>\r\n      </tr>\r\n      </thead>\r\n\r\n\r\n      <tbody *ngIf=\"!allowDrag\">\r\n\r\n      <tr *ngFor=\"let data of basicTable.data;index as i\" class=\"t-tr\" (click)=\"selectRow(data,i)\"\r\n          [ngStyle]=\"{'color':isShowColor(data)}\"\r\n          [ngClass]=\"{'selected': i == curChecked}\" (dblclick)=\"dbclickData(data,i)\">\r\n\r\n        <td [nzBreakWord]=\"true\" [nzLeft]=\"true\"\r\n            class=\"left-zindex\"\r\n            *ngIf=\"queryOpts.checkBox?.isShowCheckbox\"\r\n            nzShowCheckbox\r\n            [(nzChecked)]=\"mapOfCheckedId[data.id]\"\r\n            (nzCheckedChange)=\"refreshStatus()\"\r\n        ></td>\r\n        <td [nzBreakWord]=\"true\" [nzLeft]=\"true\"\r\n            class=\"left-zindex\"\r\n            *ngIf=\"queryOpts.checkBox?.isRadio\" nzShowCheckbox (nzCheckedChange)=\"selectRow(data,i)\"\r\n            [(nzChecked)]=\"mapOfCheckedId[data.id]\"></td>\r\n        <td [nzBreakWord]=\"true\" [nzLeft]=\"true\"\r\n            *ngIf=\"queryOpts.isIndex\" nzAlign=\"center\" style=\"padding:12px 0;\" nzBreakWord>{{i + 1}}</td>\r\n        <ng-container *ngFor=\"let item of queryOpts.tables;\">\r\n\r\n          <td [nzBreakWord]=\"true\" [nzLeft]=\"item.isLeft ? true : false\"\r\n              [ngClass]=\"{'left-zindex':item.isLeft ? true : false}\"\r\n              [nzRight]=\"item.isRight ? true : false\"\r\n              nzBreakWord\r\n              [rowSpan]=\"checkRowSpan(item,data)\"\r\n              *ngIf=\"checkShowTd(item,i) \">\r\n            <app-table-td [data]=\"data\"\r\n                          [item]=\"item\"\r\n                          [i]=\"i\"\r\n                          (doActionByRowAction)=\"doActionByRow2($event)\"\r\n            ></app-table-td>\r\n          </td>\r\n        </ng-container>\r\n      </tr>\r\n\r\n      </tbody>\r\n      <tbody *ngIf=\"allowDrag\" cdkDropList (cdkDropListDropped)=\"drop($event)\">\r\n      <tr cdkDrag *ngFor=\"let data of basicTable.data;index as i\" class=\"t-tr\" (click)=\"selectRow(data,i)\"\r\n          [ngClass]=\"{'selected': i == curChecked}\">\r\n        <td [nzBreakWord]=\"true\" [nzLeft]=\"true\"\r\n            class=\"left-zindex\"\r\n            *ngIf=\"queryOpts.checkBox?.isShowCheckbox\"\r\n            nzShowCheckbox\r\n            [(nzChecked)]=\"mapOfCheckedId[data.id]\"\r\n            (nzCheckedChange)=\"refreshStatus()\"\r\n        ></td>\r\n        <!--\r\n                  <td [nzBreakWord]=\"true\" [nzLeft]=\"item.isLeft ? true : false\" [ngClass]=\"{'left-zindex':item.isLeft ? true : false}\"   [nzRight]=\"item.isRight ? true : false\"\r\n                      *ngIf=\"queryOpts.isShowCheckbox\"\r\n                      nzShowCheckbox\r\n                      [(nzChecked)]=\"mapOfCheckedId[data.id]\"\r\n                      (nzCheckedChange)=\"refreshStatus()\"\r\n                  ></td>\r\n        -->\r\n        <td [nzBreakWord]=\"true\" [nzLeft]=\"true\"\r\n            class=\"left-zindex\"\r\n            *ngIf=\"queryOpts.checkBox?.isRadio\" nzShowCheckbox (nzCheckedChange)=\"selectRow(data,i)\"\r\n            [(nzChecked)]=\"mapOfCheckedId[data.id]\"></td>\r\n        <td [nzBreakWord]=\"true\" [nzLeft]=\"true\"\r\n            class=\"left-zindex\"\r\n            *ngIf=\"queryOpts.isIndex\" nzAlign=\"center\" style=\"padding:12px 0;\" nzBreakWord>{{i + 1}}</td>\r\n\r\n        <ng-container *ngFor=\"let item of queryOpts.tables;\">\r\n\r\n          <td [nzBreakWord]=\"true\" [nzLeft]=\"item.isLeft ? true : false\"\r\n              [ngClass]=\"{'left-zindex':item.isLeft ? true : false}\"\r\n              [nzRight]=\"item.isRight ? true : false\"\r\n              nzBreakWord\r\n              [rowSpan]=\"checkRowSpan(item,data)\"\r\n              *ngIf=\"checkShowTd(item,i) \">\r\n            <app-table-td [data]=\"data\"\r\n                          [item]=\"item\"\r\n                          [i]=\"i\"\r\n                          (doActionByRowAction)=\"doActionByRow2($event)\"\r\n            ></app-table-td>\r\n          </td>\r\n        </ng-container>\r\n      </tr>\r\n      </tbody>\r\n\r\n    </ng-container>\r\n\r\n\r\n    <ng-template #totalTemplate let-total>\u5171 {{ total }} \u6761\u8BB0\u5F55</ng-template>\r\n  </nz-table>\r\n  <nz-dropdown-menu #menu=\"nzDropdownMenu\">\r\n    <div class=\"tabel-colunmn\">\r\n      <nz-checkbox-wrapper style=\"width: 100%;margin-top: 30px;\" (nzOnChange)=\"log($event)\">\r\n        <div nz-row>\r\n          <div nz-col nzSpan=\"24\" *ngFor=\"let item of queryOpts.tables\">\r\n            <label nz-checkbox nzValue=\"{{item.key}}\" [ngModel]=\"item.isShow\">{{item.name}}</label>\r\n          </div>\r\n        </div>\r\n      </nz-checkbox-wrapper>\r\n      <div class=\"tabel-colunmn-header\">\u8BF7\u9009\u62E9\u5217\u8868\u663E\u793A\u5185\u5BB9</div>\r\n    </div>\r\n  </nz-dropdown-menu>\r\n</div>\r\n\r\n", styles: [":host{width:100%;height:100%;display:-webkit-flex;display:flex;flex-direction:column}:host ::ng-deep .ant-modal{top:50px;padding:0}:host .ant-advanced-search-form{padding:10px 6px 6px;background:#fbfbfb;border:1px solid #d9d9d9;border-radius:6px;margin-bottom:5px}:host .select-icon:hover{color:#1890ff}:host ::ng-deep .ant-advanced-search-form .ant-form-item{margin-bottom:5px}:host ::ng-deep .ant-table-column-title{font-size:.65rem}:host ::ng-deep .ant-table-tbody>tr.ant-table-row:hover>td{background:#d0eeea}:host ::ng-deep .ant-modal-header,:host ::ng-deep .ant-modal-content{border-radius:4px}:host ::ng-deep .ant-table-tbody>tr.selected:hover>td{background-color:#cfe1d0!important}:host ::ng-deep .ant-table{height:100%}:host ::ng-deep nz-pagination{position:absolute;bottom:0;right:0}:host .search-result-list{padding:1px;border:1px dashed #e9e9e9;border-radius:6px;background-color:#fff;flex:1;text-align:center;position:relative}:host [nz-form-label]{overflow:visible}:host button{margin:2px 4px}:host .collapse{margin-left:6px;font-size:12px}:host .action-area{text-align:left}:host .search-area{text-align:right}:host ::ng-deep .main-table{position:absolute;inset:0}:host ::ng-deep .main-table .ant-spin-nested-loading{height:100%}:host ::ng-deep .main-table .ant-spin-container{height:100%}:host ::ng-deep .ant-table-tbody>tr.selected>td{background-color:#cfe1d0}:host ::ng-deep .ant-table-tbody>tr>td>img{display:block;width:40%;margin:0 auto}:host ::ng-deep .ant-table-body{-ms-overflow-style:none;overflow:-moz-scrollbars-none}:host ::ng-deep .ant-table-body::-webkit-scrollbar,:host ::ng-deep .ant-table-header::-webkit-scrollbar{width:6px!important;height:6px!important}:host ::ng-deep .ant-table-body::-webkit-scrollbar-track,:host ::ng-deep .ant-table-header::-webkit-scrollbar-track{width:6px!important;cursor:pointer}:host ::ng-deep .ant-table-body::-webkit-scrollbar-thumb,:host ::ng-deep .ant-table-header::-webkit-scrollbar-thumb{background:#1890ff;border-radius:3px;cursor:pointer}:host ::ng-deep .ant-table-bordered .ant-table-thead>tr>th{border-right:1px solid #ddd}:host ::ng-deep .ant-table-header{-ms-overflow-style:none;overflow:-moz-scrollbars-none;margin-bottom:-5px!important}:host ::ng-deep .ant-table-placeholder{border-bottom:none!important;border-top:none!important}:host .tabel-colunmn{display:block;width:160px;height:300px;background:#fff;border:1px solid #ddd;padding:10px;border-radius:5px;overflow-x:hidden;overflow-y:auto;position:relative}:host .tabel-colunmn-header{position:fixed;top:0;left:0;right:0;height:30px;z-index:999;line-height:30px;border-bottom:1px solid #ddd;text-align:left;font-size:13px;padding-left:10px}:host .t-tr{background:#fff}:host .t-tr:nth-child(odd){background:#f8f9fa}:host ::ng-deep .ant-table-thead>tr>th{background:#e7ebef!important;border-radius:0;word-break:break-all;white-space:pre-wrap}:host ::ng-deep .ant-table-tbody>tr>td{word-break:break-all;white-space:pre-wrap}:host ::ng-deep .ant-table-header{background:#e7ebef!important}:host td{font-size:.65rem}:host .resize-trigger{height:100%}:host .nz-resizable-preview{border-width:0;border-right-width:1px}:host ::ng-deep .ant-table-thead>tr>th .ant-table-header-column .ant-table-column-sorters>:not(.ant-table-column-sorter){position:unset}:host ::ng-deep .ant-table-tbody>tr>td{padding:5px}:host ::ng-deep .ant-table{line-height:15px}:host ::ng-deep .ant-table-middle .ant-table-footer,:host .ant-table-middle .ant-table-tbody>tr>td,:host .ant-table-middle .ant-table-thead>tr>th,:host .ant-table-middle .ant-table-title{padding:5px}:host ::ng-deep .ant-table-tbody>tr>td>img{width:35px}:host ::ng-deep .ant-modal-body{padding:10px}:host ::ng-deep .ant-table.ant-table-bordered tbody>tr>td{font-size:13px}:host ::ng-deep th{z-index:80!important}:host .left-zindex-header{z-index:90!important}:host .left-zindex{z-index:80!important}:host ::ng-deep input,:host ::ng-deep .ant-select-single:not(.ant-select-customize-input) .ant-select-selector,:host ::ng-deep .ant-picker{border-radius:5px}:host .border-text{width:100%;height:36px;line-height:36px;display:flex}:host .border-text .border-text-line{display:inline-block;border-top:1px solid #cccccc;margin-top:18px}:host .border-text .border-text-line-left{width:10px;border-left:1px solid #cccccc}:host .border-text .border-text-line-right{flex:1;border-right:1px solid #cccccc}:host .border-text .border-text-span{margin-left:5px;margin-right:5px}:host ::ng-deep .tabel-colunmn-header{position:absolute!important;top:0!important}:host ::ng-deep .ant-table-cell-fix-left,:host .ant-table-cell-fix-right{position:-webkit-sticky!important;position:sticky!important}.label-title{position:absolute;display:block;top:-7px;left:10px;background-color:#fff;color:#000;font-weight:600;font-size:12px;line-height:12px}\n"] }]
+            args: [{ standalone: false, selector: 'atr-table', template: "<form nz-form [formGroup]=\"atrForm\" class=\"ant-advanced-search-form\"\r\n      *ngIf=\"queryOpts.headers.length >0 || queryOpts.actions.length >0\">\r\n  <div nz-row [nzGutter]=\"24\" [hidden]=\"!isCollapse\">\r\n    <ng-content select=\"[header-left-slot]\"></ng-content>\r\n    <div nz-col [hidden]=\"!header.isShow \" *ngFor=\"let header of queryOpts.headers\"\r\n         [nzSpan]=\"header.span\">\r\n      <app-table-form-item\r\n        [header]=\"header\"\r\n        [ngModel]=\"header.defaultVal\"\r\n        [dictList]=\"dicts[header.dictCode]\"\r\n        [formControlName]=\"header.key\"\r\n        (headerAction)=\"headerAction.emit($event)\"></app-table-form-item>\r\n    </div>\r\n    <ng-content select=\"[header-right-slot]\"></ng-content>\r\n  </div>\r\n  <div nz-row nzType=\"flex\">\r\n    <div class=\"action-area\" nz-col [nzSpan]=\"16\">\r\n      <ng-content select=\"[button-left-slot]\"></ng-content>\r\n      <ng-container *ngFor=\"let action of queryOpts.actions\">\r\n        <atr-local-upload *ngIf=\"action.gType == 'upload'\" [code]=\"action.code\" [url]=\"action.url\" [name]=\"action.name\"\r\n                          [withoutRole]=\"action.withoutRole\"\r\n                          style=\"    display: inline-block;\"></atr-local-upload>\r\n        <ng-container *ngIf=\"!action.gType\">\r\n          <button nz-button [nzType]=\"'primary'\" nzSize=\"small\" (click)=\"doAction(action.code)\"\r\n                  *atrRole=\"action.withoutRole ? null:action.code\"\r\n                  [disabled]=\"isEnable(action.operator)\">{{action.name}}</button>\r\n        </ng-container>\r\n      </ng-container>\r\n      <ng-content select=\"[button-right-slot]\"></ng-content>\r\n    </div>\r\n    <div nz-col [nzSpan]=\"8\" class=\"search-area\" *ngIf=\"queryOpts.headers.length >0 && !queryOpts.isHideQuery\">\r\n      <span *ngIf=\"showQueryTime&&queryTime\">\u6570\u636E\u67E5\u8BE2\u65F6\u95F4\uFF1A{{queryTime}}</span>\r\n      <button nz-button nzSize=\"small\" [nzType]=\"'primary'\" (click)=\"query(true)\">\u67E5\u8BE2</button>\r\n      <button nz-button nzSize=\"small\" (click)=\"resetForm()\">\u91CD\u7F6E</button>\r\n      <a class=\"collapse\" (click)=\"toggleCollapse()\" *ngIf=\"queryOpts.headers.length > 0 \">\r\n        {{isCollapse ? '\u6536\u8D77' : '\u5C55\u5F00'}}\r\n        <i nz-icon [nzType]=\"isCollapse ? 'up' : 'down'\"></i>\r\n      </a>\r\n    </div>\r\n  </div>\r\n  <div *ngIf=\"title\" class=\"title\">{{title}}</div>\r\n</form>\r\n<div class=\"search-result-list\" #tableContent [spinLoading]=\"loading\" HqSpin>\r\n  <nz-table *ngIf=\"isAllLoad \" #basicTable class=\"main-table\"\r\n            [nzScroll]=\"scrollSize\"\r\n            nzSize=\"middle\"\r\n            nzBordered\r\n            [nzShowPagination]=\"showPagination\"\r\n            nzShowSizeChanger\r\n            [nzFrontPagination]=\"false\"\r\n            [nzLoading]=\"loading\"\r\n            [nzTotal]=\"total\"\r\n            [(nzPageIndex)]=\"pageIndex\"\r\n            [(nzPageSize)]=\"pageSize\"\r\n            [nzPageSizeOptions]=\"pageSizeOptions\"\r\n            [nzData]=\"tableDatas\"\r\n            (nzPageIndexChange)=\"query()\"\r\n            (nzPageSizeChange)=\"query(true)\"\r\n            [nzShowTotal]=\"totalTemplate\"\r\n  >\r\n    <ng-content select=\"[slot1]\"></ng-content>\r\n    <ng-container *ngIf=\"!isHideTable\">\r\n      <thead>\r\n      <tr (contextmenu)=\"contextMenu($event,menu)\" class=\"header-tr\">\r\n\r\n        <th [nzBreakWord]=\"true\" *ngIf=\"queryOpts.checkBox?.isShowCheckbox\"\r\n            [nzLeft]=\"true\"\r\n            class=\"left-zindex-header\"\r\n            nzShowCheckbox\r\n            style=\"z-index: 90!important;\"\r\n            nzWidth=\"30px\"\r\n            nzAlign=\"center\"\r\n            [(nzChecked)]=\"isAllDisplayDataChecked\"\r\n            [nzIndeterminate]=\"isIndeterminate\"\r\n            (nzCheckedChange)=\"checkAll($event)\"\r\n        ></th>\r\n        <th [nzBreakWord]=\"true\" [nzLeft]=\"true\" class=\"left-zindex-header\" *ngIf=\"queryOpts.isIndex\" nzWidth=\"30px\" nzAlign=\"center\">#</th>\r\n        <th [nzBreakWord]=\"true\" [nzLeft]=\"true\" class=\"left-zindex-header\" *ngIf=\"queryOpts.checkBox?.isRadio\" nzWidth=\"30px\"\r\n            nzAlign=\"center\">#\r\n        </th>\r\n        <ng-container *ngFor=\"let item of queryOpts.tables; \">\r\n          <th [nzBreakWord]=\"true\" *ngIf=\"item.isShow \"\r\n              [nzShowSort]=item.sortable\r\n              nz-resizable\r\n              nzPreview\r\n              nzBounds=\"window\"\r\n              [(nzSortOrder)]=\"sortMap[item.sortKey]\"\r\n              (nzSortOrderChange)=\"sort(item.sortKey, $event)\"\r\n              [nzWidth]=\"item.width\"\r\n              [nzMaxWidth]=\"256\"\r\n              [nzMinWidth]=\"60\"\r\n              [nzRight]=\"item.isRight ? true : false\"\r\n              [nzLeft]=\"item.isLeft ? true : false\"\r\n              [ngClass]=\"{'left-zindex-header':item.isLeft ? true : false}\"\r\n              (nzResizeEnd)=\"onResize($event, item.name)\">\r\n            {{item.name}}<!-- {width}: { width: number }, col: string-->\r\n            <nz-resize-handle nzDirection=\"right\">\r\n              <div class=\"resize-trigger\"></div>\r\n            </nz-resize-handle>\r\n          </th>\r\n        </ng-container>\r\n      </tr>\r\n      </thead>\r\n\r\n\r\n      <tbody *ngIf=\"!allowDrag\">\r\n\r\n      <tr *ngFor=\"let data of basicTable.data;index as i\" class=\"t-tr\" (click)=\"selectRow(data,i)\"\r\n          [ngStyle]=\"{'color':isShowColor(data)}\"\r\n          [ngClass]=\"{'selected': i == curChecked}\" (dblclick)=\"dbclickData(data,i)\">\r\n\r\n        <td [nzBreakWord]=\"true\" [nzLeft]=\"true\"\r\n            class=\"left-zindex\"\r\n            *ngIf=\"queryOpts.checkBox?.isShowCheckbox\"\r\n            nzShowCheckbox\r\n            [(nzChecked)]=\"mapOfCheckedId[data.id]\"\r\n            (nzCheckedChange)=\"refreshStatus()\"\r\n        ></td>\r\n        <td [nzBreakWord]=\"true\" [nzLeft]=\"true\"\r\n            class=\"left-zindex\"\r\n            *ngIf=\"queryOpts.checkBox?.isRadio\" nzShowCheckbox (nzCheckedChange)=\"selectRow(data,i)\"\r\n            [(nzChecked)]=\"mapOfCheckedId[data.id]\"></td>\r\n        <td [nzBreakWord]=\"true\" [nzLeft]=\"true\"\r\n            *ngIf=\"queryOpts.isIndex\" nzAlign=\"center\" style=\"padding:12px 0;\" nzBreakWord>{{i + 1}}</td>\r\n        <ng-container *ngFor=\"let item of queryOpts.tables;\">\r\n\r\n          <td [nzBreakWord]=\"true\" [nzLeft]=\"item.isLeft ? true : false\"\r\n              [ngClass]=\"{'left-zindex':item.isLeft ? true : false}\"\r\n              [nzRight]=\"item.isRight ? true : false\"\r\n              nzBreakWord\r\n              [rowSpan]=\"checkRowSpan(item,data)\"\r\n              *ngIf=\"checkShowTd(item,i) \">\r\n            <app-table-td [data]=\"data\"\r\n                          [item]=\"item\"\r\n                          [i]=\"i\"\r\n                          (doActionByRowAction)=\"doActionByRow2($event)\"\r\n            ></app-table-td>\r\n          </td>\r\n        </ng-container>\r\n      </tr>\r\n\r\n      </tbody>\r\n      <tbody *ngIf=\"allowDrag\" cdkDropList (cdkDropListDropped)=\"drop($event)\">\r\n      <tr cdkDrag *ngFor=\"let data of basicTable.data;index as i\" class=\"t-tr\" (click)=\"selectRow(data,i)\"\r\n          [ngClass]=\"{'selected': i == curChecked}\">\r\n        <td [nzBreakWord]=\"true\" [nzLeft]=\"true\"\r\n            class=\"left-zindex\"\r\n            *ngIf=\"queryOpts.checkBox?.isShowCheckbox\"\r\n            nzShowCheckbox\r\n            [(nzChecked)]=\"mapOfCheckedId[data.id]\"\r\n            (nzCheckedChange)=\"refreshStatus()\"\r\n        ></td>\r\n        <!--\r\n                  <td [nzBreakWord]=\"true\" [nzLeft]=\"item.isLeft ? true : false\" [ngClass]=\"{'left-zindex':item.isLeft ? true : false}\"   [nzRight]=\"item.isRight ? true : false\"\r\n                      *ngIf=\"queryOpts.isShowCheckbox\"\r\n                      nzShowCheckbox\r\n                      [(nzChecked)]=\"mapOfCheckedId[data.id]\"\r\n                      (nzCheckedChange)=\"refreshStatus()\"\r\n                  ></td>\r\n        -->\r\n        <td [nzBreakWord]=\"true\" [nzLeft]=\"true\"\r\n            class=\"left-zindex\"\r\n            *ngIf=\"queryOpts.checkBox?.isRadio\" nzShowCheckbox (nzCheckedChange)=\"selectRow(data,i)\"\r\n            [(nzChecked)]=\"mapOfCheckedId[data.id]\"></td>\r\n        <td [nzBreakWord]=\"true\" [nzLeft]=\"true\"\r\n            class=\"left-zindex\"\r\n            *ngIf=\"queryOpts.isIndex\" nzAlign=\"center\" style=\"padding:12px 0;\" nzBreakWord>{{i + 1}}</td>\r\n\r\n        <ng-container *ngFor=\"let item of queryOpts.tables;\">\r\n\r\n          <td [nzBreakWord]=\"true\" [nzLeft]=\"item.isLeft ? true : false\"\r\n              [ngClass]=\"{'left-zindex':item.isLeft ? true : false}\"\r\n              [nzRight]=\"item.isRight ? true : false\"\r\n              nzBreakWord\r\n              [rowSpan]=\"checkRowSpan(item,data)\"\r\n              *ngIf=\"checkShowTd(item,i) \">\r\n            <app-table-td [data]=\"data\"\r\n                          [item]=\"item\"\r\n                          [i]=\"i\"\r\n                          (doActionByRowAction)=\"doActionByRow2($event)\"\r\n            ></app-table-td>\r\n          </td>\r\n        </ng-container>\r\n      </tr>\r\n      </tbody>\r\n\r\n    </ng-container>\r\n\r\n\r\n    <ng-template #totalTemplate let-total>\u5171 {{ total }} \u6761\u8BB0\u5F55</ng-template>\r\n  </nz-table>\r\n  <nz-dropdown-menu #menu=\"nzDropdownMenu\">\r\n    <div class=\"tabel-colunmn\">\r\n      <nz-checkbox-wrapper style=\"width: 100%;margin-top: 30px;\" (nzOnChange)=\"log($event)\">\r\n        <div nz-row>\r\n          <div nz-col nzSpan=\"24\" *ngFor=\"let item of queryOpts.tables\">\r\n            <label nz-checkbox nzValue=\"{{item.key}}\" [ngModel]=\"item.isShow\">{{item.name}}</label>\r\n          </div>\r\n        </div>\r\n      </nz-checkbox-wrapper>\r\n      <div class=\"tabel-colunmn-header\">\u8BF7\u9009\u62E9\u5217\u8868\u663E\u793A\u5185\u5BB9</div>\r\n    </div>\r\n  </nz-dropdown-menu>\r\n</div>\r\n\r\n", styles: [":host{width:100%;height:100%;display:-webkit-flex;display:flex;flex-direction:column}:host ::ng-deep .ant-modal{top:50px;padding:0}:host .ant-advanced-search-form{padding:10px 6px 6px;background:#fbfbfb;border:1px solid #d9d9d9;border-radius:6px;margin-bottom:5px}:host .select-icon:hover{color:#1890ff}:host ::ng-deep .ant-advanced-search-form .ant-form-item{margin-bottom:5px}:host ::ng-deep .ant-table-column-title{font-size:.65rem}:host ::ng-deep .ant-table-tbody>tr.ant-table-row:hover>td{background:#d0eeea}:host ::ng-deep .ant-modal-header,:host ::ng-deep .ant-modal-content{border-radius:4px}:host ::ng-deep .ant-table-tbody>tr.selected:hover>td{background-color:#cfe1d0!important}:host ::ng-deep .ant-table{height:100%}:host ::ng-deep nz-pagination{position:absolute;bottom:0;right:0}:host .search-result-list{padding:1px;border:1px dashed #e9e9e9;border-radius:6px;background-color:#fff;flex:1;text-align:center;position:relative}:host [nz-form-label]{overflow:visible}:host button{margin:2px 4px}:host .collapse{margin-left:6px;font-size:12px}:host .action-area{text-align:left}:host .search-area{text-align:right}:host ::ng-deep .main-table{position:absolute;inset:0}:host ::ng-deep .main-table .ant-spin-nested-loading{height:100%}:host ::ng-deep .main-table .ant-spin-container{height:100%}:host ::ng-deep .ant-table-tbody>tr.selected>td{background-color:#cfe1d0}:host ::ng-deep .ant-table-tbody>tr>td>img{display:block;width:40%;margin:0 auto}:host ::ng-deep .ant-table-body{-ms-overflow-style:none;overflow:-moz-scrollbars-none}:host ::ng-deep .ant-table-body::-webkit-scrollbar,:host ::ng-deep .ant-table-header::-webkit-scrollbar{width:6px!important;height:6px!important}:host ::ng-deep .ant-table-body::-webkit-scrollbar-track,:host ::ng-deep .ant-table-header::-webkit-scrollbar-track{width:6px!important;cursor:pointer}:host ::ng-deep .ant-table-body::-webkit-scrollbar-thumb,:host ::ng-deep .ant-table-header::-webkit-scrollbar-thumb{background:#1890ff;border-radius:3px;cursor:pointer}:host ::ng-deep .ant-table-bordered .ant-table-thead>tr>th{border-right:1px solid #ddd}:host ::ng-deep .ant-table-header{-ms-overflow-style:none;overflow:-moz-scrollbars-none;margin-bottom:-5px!important}:host ::ng-deep .ant-table-placeholder{border-bottom:none!important;border-top:none!important}:host .tabel-colunmn{display:block;width:160px;height:300px;background:#fff;border:1px solid #ddd;padding:10px;border-radius:5px;overflow-x:hidden;overflow-y:auto;position:relative}:host .tabel-colunmn-header{position:fixed;top:0;left:0;right:0;height:30px;z-index:999;line-height:30px;border-bottom:1px solid #ddd;text-align:left;font-size:13px;padding-left:10px}:host .t-tr{background:#fff}:host .t-tr:nth-child(odd){background:#f8f9fa}:host ::ng-deep .ant-table-thead>tr>th{background:#e7ebef!important;border-radius:0;word-break:break-all;white-space:pre-wrap}:host ::ng-deep .ant-table-tbody>tr>td{word-break:break-all;white-space:pre-wrap}:host ::ng-deep .ant-table-header{background:#e7ebef!important}:host td{font-size:.65rem}:host .resize-trigger{height:100%}:host .nz-resizable-preview{border-width:0;border-right-width:1px}:host ::ng-deep .ant-table-thead>tr>th .ant-table-header-column .ant-table-column-sorters>:not(.ant-table-column-sorter){position:unset}:host ::ng-deep .ant-table-tbody>tr>td{padding:5px}:host ::ng-deep .ant-table{line-height:15px}:host ::ng-deep .ant-table-middle .ant-table-footer,:host .ant-table-middle .ant-table-tbody>tr>td,:host .ant-table-middle .ant-table-thead>tr>th,:host .ant-table-middle .ant-table-title{padding:5px}:host ::ng-deep .ant-table-tbody>tr>td>img{width:35px}:host ::ng-deep .ant-modal-body{padding:10px}:host ::ng-deep .ant-table.ant-table-bordered tbody>tr>td{font-size:13px}:host ::ng-deep th{z-index:80!important}:host .left-zindex-header{z-index:90!important}:host .left-zindex{z-index:80!important}:host ::ng-deep input,:host ::ng-deep .ant-select-single:not(.ant-select-customize-input) .ant-select-selector,:host ::ng-deep .ant-picker{border-radius:5px}:host .border-text{width:100%;height:36px;line-height:36px;display:flex}:host .border-text .border-text-line{display:inline-block;border-top:1px solid #cccccc;margin-top:18px}:host .border-text .border-text-line-left{width:10px;border-left:1px solid #cccccc}:host .border-text .border-text-line-right{flex:1;border-right:1px solid #cccccc}:host .border-text .border-text-span{margin-left:5px;margin-right:5px}:host ::ng-deep .tabel-colunmn-header{position:absolute!important;top:0!important}:host ::ng-deep .ant-table-cell-fix-left,:host .ant-table-cell-fix-right{position:-webkit-sticky!important;position:sticky!important}.label-title{position:absolute;display:block;top:-7px;left:10px;background-color:#fff;color:#000;font-weight:600;font-size:12px;line-height:12px}\n"] }]
         }], ctorParameters: () => [{ type: i3.UntypedFormBuilder }, { type: i0.Injector }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [LOCALE_ID]
@@ -3727,12 +3705,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
 
 class VideoComponent {
     constructor() { }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: VideoComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: VideoComponent, selector: "app-video", inputs: { url: "url" }, ngImport: i0, template: "<vg-player>\r\n  <vg-controls vgFor=\"__VG__VIDEO__\" >\r\n    <vg-play-pause></vg-play-pause>\r\n    <vg-scrub-bar>\r\n      <vg-scrub-bar-current-time></vg-scrub-bar-current-time>\r\n      <vg-scrub-bar-buffering-time></vg-scrub-bar-buffering-time>\r\n    </vg-scrub-bar>\r\n    <vg-time-display vgProperty=\"left\" vgFormat=\"mm:ss\"></vg-time-display>\r\n\r\n    <!-- <vg-volume></vg-volume> -->\r\n    <vg-mute></vg-mute>\r\n\r\n    <vg-fullscreen></vg-fullscreen>\r\n  </vg-controls>\r\n\r\n  <video\r\n    id=\"__VG__VIDEO__\"\r\n    #media\r\n    [vgMedia]=\"$any(media)\"\r\n    preload=\"auto\"\r\n    style=\"width: 100%;\"\r\n    >\r\n    <source [src]=\"url\" type=\"video/mp4\">\r\n  </video>\r\n</vg-player>\r\n", styles: [":host{width:100%}\n"], dependencies: [{ kind: "directive", type: i1$4.VgMediaDirective, selector: "[vgMedia]", inputs: ["vgMedia", "vgMaster"] }, { kind: "component", type: i1$4.VgPlayerComponent, selector: "vg-player", outputs: ["onPlayerReady", "onMediaReady"] }, { kind: "component", type: i2$1.VgControlsComponent, selector: "vg-controls", inputs: ["vgFor", "vgAutohide", "vgAutohideTime"] }, { kind: "component", type: i2$1.VgTimeDisplayComponent, selector: "vg-time-display", inputs: ["vgFor", "vgProperty", "vgFormat"] }, { kind: "component", type: i2$1.VgScrubBarComponent, selector: "vg-scrub-bar", inputs: ["vgFor", "vgSlider"] }, { kind: "component", type: i2$1.VgPlayPauseComponent, selector: "vg-play-pause", inputs: ["vgFor"] }, { kind: "component", type: i2$1.VgMuteComponent, selector: "vg-mute", inputs: ["vgFor"] }, { kind: "component", type: i2$1.VgFullscreenComponent, selector: "vg-fullscreen" }, { kind: "component", type: i2$1.VgScrubBarBufferingTimeComponent, selector: "vg-scrub-bar-buffering-time", inputs: ["vgFor"] }, { kind: "component", type: i2$1.VgScrubBarCurrentTimeComponent, selector: "vg-scrub-bar-current-time", inputs: ["vgFor", "vgSlider"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: VideoComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: VideoComponent, isStandalone: false, selector: "app-video", inputs: { url: "url" }, ngImport: i0, template: "<vg-player>\r\n  <vg-controls vgFor=\"__VG__VIDEO__\" >\r\n    <vg-play-pause></vg-play-pause>\r\n    <vg-scrub-bar>\r\n      <vg-scrub-bar-current-time></vg-scrub-bar-current-time>\r\n      <vg-scrub-bar-buffering-time></vg-scrub-bar-buffering-time>\r\n    </vg-scrub-bar>\r\n    <vg-time-display vgProperty=\"left\" vgFormat=\"mm:ss\"></vg-time-display>\r\n\r\n    <!-- <vg-volume></vg-volume> -->\r\n    <vg-mute></vg-mute>\r\n\r\n    <vg-fullscreen></vg-fullscreen>\r\n  </vg-controls>\r\n\r\n  <video\r\n    id=\"__VG__VIDEO__\"\r\n    #media\r\n    [vgMedia]=\"$any(media)\"\r\n    preload=\"auto\"\r\n    style=\"width: 100%;\"\r\n    >\r\n    <source [src]=\"url\" type=\"video/mp4\">\r\n  </video>\r\n</vg-player>\r\n", styles: [":host{width:100%}\n"], dependencies: [{ kind: "directive", type: i1$4.VgMediaDirective, selector: "[vgMedia]", inputs: ["vgMedia", "vgMaster"] }, { kind: "component", type: i1$4.VgPlayerComponent, selector: "vg-player", outputs: ["onPlayerReady", "onMediaReady"] }, { kind: "component", type: i2$1.VgControlsComponent, selector: "vg-controls", inputs: ["vgFor", "vgAutohide", "vgAutohideTime"] }, { kind: "component", type: i2$1.VgTimeDisplayComponent, selector: "vg-time-display", inputs: ["vgFor", "vgProperty", "vgFormat"] }, { kind: "component", type: i2$1.VgScrubBarComponent, selector: "vg-scrub-bar", inputs: ["vgFor", "vgSlider"] }, { kind: "component", type: i2$1.VgPlayPauseComponent, selector: "vg-play-pause", inputs: ["vgFor"] }, { kind: "component", type: i2$1.VgMuteComponent, selector: "vg-mute", inputs: ["vgFor"] }, { kind: "component", type: i2$1.VgFullscreenComponent, selector: "vg-fullscreen" }, { kind: "component", type: i2$1.VgScrubBarBufferingTimeComponent, selector: "vg-scrub-bar-buffering-time", inputs: ["vgFor"] }, { kind: "component", type: i2$1.VgScrubBarCurrentTimeComponent, selector: "vg-scrub-bar-current-time", inputs: ["vgFor", "vgSlider"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: VideoComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: VideoComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-video', template: "<vg-player>\r\n  <vg-controls vgFor=\"__VG__VIDEO__\" >\r\n    <vg-play-pause></vg-play-pause>\r\n    <vg-scrub-bar>\r\n      <vg-scrub-bar-current-time></vg-scrub-bar-current-time>\r\n      <vg-scrub-bar-buffering-time></vg-scrub-bar-buffering-time>\r\n    </vg-scrub-bar>\r\n    <vg-time-display vgProperty=\"left\" vgFormat=\"mm:ss\"></vg-time-display>\r\n\r\n    <!-- <vg-volume></vg-volume> -->\r\n    <vg-mute></vg-mute>\r\n\r\n    <vg-fullscreen></vg-fullscreen>\r\n  </vg-controls>\r\n\r\n  <video\r\n    id=\"__VG__VIDEO__\"\r\n    #media\r\n    [vgMedia]=\"$any(media)\"\r\n    preload=\"auto\"\r\n    style=\"width: 100%;\"\r\n    >\r\n    <source [src]=\"url\" type=\"video/mp4\">\r\n  </video>\r\n</vg-player>\r\n", styles: [":host{width:100%}\n"] }]
+            args: [{ standalone: false, selector: 'app-video', template: "<vg-player>\r\n  <vg-controls vgFor=\"__VG__VIDEO__\" >\r\n    <vg-play-pause></vg-play-pause>\r\n    <vg-scrub-bar>\r\n      <vg-scrub-bar-current-time></vg-scrub-bar-current-time>\r\n      <vg-scrub-bar-buffering-time></vg-scrub-bar-buffering-time>\r\n    </vg-scrub-bar>\r\n    <vg-time-display vgProperty=\"left\" vgFormat=\"mm:ss\"></vg-time-display>\r\n\r\n    <!-- <vg-volume></vg-volume> -->\r\n    <vg-mute></vg-mute>\r\n\r\n    <vg-fullscreen></vg-fullscreen>\r\n  </vg-controls>\r\n\r\n  <video\r\n    id=\"__VG__VIDEO__\"\r\n    #media\r\n    [vgMedia]=\"$any(media)\"\r\n    preload=\"auto\"\r\n    style=\"width: 100%;\"\r\n    >\r\n    <source [src]=\"url\" type=\"video/mp4\">\r\n  </video>\r\n</vg-player>\r\n", styles: [":host{width:100%}\n"] }]
         }], ctorParameters: () => [], propDecorators: { url: [{
                 type: Input
             }] } });
@@ -3934,13 +3912,6 @@ class UploadComponent {
             this.afterChange.emit({ key: this.opts.key, values: fileUrls.join(",") });
         }, 50);
     }
-    dragnumber(numer) {
-        console.log(numer);
-        console.log('or', this.opts.imageList);
-        console.log('new', numer);
-        this.saveSeq();
-        // this.opts.imageList = numer
-    }
     delImg(numer) {
         console.log(numer);
         this.opts.imageList = this.opts.imageList.filter((v, i) => i != numer);
@@ -3969,12 +3940,12 @@ class UploadComponent {
         }
         return (img.url || img.thumbUrl);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: UploadComponent, deps: [{ token: i0.Injector }, { token: i1$3.NzImageService }, { token: i2.HttpClient }, { token: i3$2.NzModalService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: UploadComponent, selector: "atr-img-upload", inputs: { opts: "opts", isEdit: "isEdit", allowChangSeq: "allowChangSeq", showUploadList: "showUploadList" }, outputs: { afterChange: "afterChange", optsChange: "optsChange", onBeforeUpload: "onBeforeUpload" }, 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]=\"opts.beforeUpload || beforeUpload\"\r\n    [nzRemove]=\"remove\"\r\n    [nzSize]=\"opts.nzSize || 0\"\r\n    [nzCustomRequest]=\"opts.customReq || 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 == 'button'\"\r\n    nzType=\"drag\"\r\n    nzAction=\"\"\r\n    [nzSize]=\"opts.nzSize || 0\"\r\n    [nzShowUploadList]=\"showUploadList\"\r\n    [nzBeforeUpload]=\"opts.beforeUpload || beforeUpload\"\r\n    [nzRemove]=\"remove\"\r\n    [nzCustomRequest]=\"opts.customReq || customReq\"\r\n    (nzChange)=\"onChange($event)\"\r\n    [nzType]=\"opts?.uploadType\"\r\n    [nzAccept]=\"opts.nzFileType\"\r\n    [nzLimit]=\"'1'\"\r\n  >\r\n    <button nz-button nzSize=\"small\"><i nz-icon nzType=\"upload\" style=\"font-size: 16px\"></i><span> {{opts.btnName}}</span></button>\r\n  </nz-upload>\r\n  <nz-upload\r\n    *ngIf=\"opts && !opts?.uploadType \"\r\n    nzAction=\"\"\r\n    nzListType=\"picture-card\"\r\n    [nzSize]=\"opts.nzSize || 0\"\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]=\"opts.beforeUpload || beforeUpload\"\r\n    [nzCustomRequest]=\"opts.customReq || 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\">{{opts.btnName?opts.btnName:'\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: ["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"], 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.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { 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: "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", "nzDraggable", "nzContent", "nzFooter", "nzZIndex", "nzWidth", "nzWrapClassName", "nzClassName", "nzStyle", "nzTitle", "nzCloseIcon", "nzMaskStyle", "nzBodyStyle", "nzOkText", "nzCancelText", "nzOkType", "nzOkDanger", "nzIconType", "nzModalType", "nzAutofocus", "nzOnOk", "nzOnCancel"], outputs: ["nzOnOk", "nzOnCancel", "nzAfterOpen", "nzAfterClose", "nzVisibleChange"], exportAs: ["nzModal"] }, { kind: "component", type: i6$1.NzUploadComponent, selector: "nz-upload", inputs: ["nzType", "nzLimit", "nzSize", "nzFileType", "nzAccept", "nzAction", "nzDirectory", "nzOpenFileDialogOnClick", "nzBeforeUpload", "nzCustomRequest", "nzData", "nzFilter", "nzFileList", "nzDisabled", "nzHeaders", "nzListType", "nzMultiple", "nzName", "nzShowUploadList", "nzShowButton", "nzWithCredentials", "nzRemove", "nzPreview", "nzPreviewFile", "nzPreviewIsImage", "nzTransformFile", "nzDownload", "nzIconRender", "nzFileListRender"], outputs: ["nzChange", "nzFileListChange"], exportAs: ["nzUpload"] }, { kind: "directive", type: i10$1.DragulaDirective, selector: "[dragula]", inputs: ["dragula", "dragulaModel"], outputs: ["dragulaModelChange"] }, { kind: "component", type: VideoComponent, selector: "app-video", inputs: ["url"] }, { kind: "pipe", type: OssImgPipe, name: "ossImg" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: UploadComponent, deps: [{ token: i0.Injector }, { token: i1$3.NzImageService }, { token: i2.HttpClient }, { token: i3$2.NzModalService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: UploadComponent, isStandalone: false, selector: "atr-img-upload", inputs: { opts: "opts", isEdit: "isEdit", allowChangSeq: "allowChangSeq", showUploadList: "showUploadList" }, outputs: { afterChange: "afterChange", optsChange: "optsChange", onBeforeUpload: "onBeforeUpload" }, 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]=\"opts.beforeUpload || beforeUpload\"\r\n    [nzRemove]=\"remove\"\r\n    [nzSize]=\"opts.nzSize || 0\"\r\n    [nzCustomRequest]=\"opts.customReq || 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 == 'button'\"\r\n    nzType=\"drag\"\r\n    nzAction=\"\"\r\n    [nzSize]=\"opts.nzSize || 0\"\r\n    [nzShowUploadList]=\"showUploadList\"\r\n    [nzBeforeUpload]=\"opts.beforeUpload || beforeUpload\"\r\n    [nzRemove]=\"remove\"\r\n    [nzCustomRequest]=\"opts.customReq || customReq\"\r\n    (nzChange)=\"onChange($event)\"\r\n    [nzType]=\"opts?.uploadType\"\r\n    [nzAccept]=\"opts.nzFileType\"\r\n    [nzLimit]=\"'1'\"\r\n  >\r\n    <button nz-button nzSize=\"small\"><i nz-icon nzType=\"upload\" style=\"font-size: 16px\"></i><span> {{opts.btnName}}</span></button>\r\n  </nz-upload>\r\n  <nz-upload\r\n    *ngIf=\"opts && !opts?.uploadType \"\r\n    nzAction=\"\"\r\n    nzListType=\"picture-card\"\r\n    [nzSize]=\"opts.nzSize || 0\"\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]=\"opts.beforeUpload || beforeUpload\"\r\n    [nzCustomRequest]=\"opts.customReq || 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\">{{opts.btnName?opts.btnName:'\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 >\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: ["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"], 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.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { 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-icon], 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: "directive", type: i8.NzIconDirective, selector: "nz-icon,[nz-icon]", inputs: ["nzSpin", "nzRotate", "nzType", "nzTheme", "nzTwotoneColor", "nzIconfont"], exportAs: ["nzIcon"] }, { kind: "component", type: i6$1.NzUploadComponent, selector: "nz-upload", inputs: ["nzType", "nzLimit", "nzSize", "nzFileType", "nzAccept", "nzAction", "nzDirectory", "nzOpenFileDialogOnClick", "nzBeforeUpload", "nzCustomRequest", "nzData", "nzFilter", "nzFileList", "nzDisabled", "nzHeaders", "nzListType", "nzMultiple", "nzName", "nzShowUploadList", "nzShowButton", "nzWithCredentials", "nzRemove", "nzPreview", "nzPreviewFile", "nzPreviewIsImage", "nzTransformFile", "nzDownload", "nzIconRender", "nzFileListRender"], outputs: ["nzChange", "nzFileListChange"], exportAs: ["nzUpload"] }, { kind: "component", type: i3$2.NzModalComponent, selector: "nz-modal", inputs: ["nzMask", "nzMaskClosable", "nzCloseOnNavigation", "nzVisible", "nzClosable", "nzOkLoading", "nzOkDisabled", "nzCancelDisabled", "nzCancelLoading", "nzKeyboard", "nzNoAnimation", "nzCentered", "nzDraggable", "nzContent", "nzFooter", "nzZIndex", "nzWidth", "nzWrapClassName", "nzClassName", "nzStyle", "nzTitle", "nzCloseIcon", "nzMaskStyle", "nzBodyStyle", "nzOkText", "nzCancelText", "nzOkType", "nzOkDanger", "nzIconType", "nzModalType", "nzAutofocus", "nzOnOk", "nzOnCancel"], outputs: ["nzOnOk", "nzOnCancel", "nzAfterOpen", "nzAfterClose", "nzVisibleChange"], exportAs: ["nzModal"] }, { kind: "component", type: VideoComponent, selector: "app-video", inputs: ["url"] }, { kind: "pipe", type: OssImgPipe, name: "ossImg" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: UploadComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", 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]=\"opts.beforeUpload || beforeUpload\"\r\n    [nzRemove]=\"remove\"\r\n    [nzSize]=\"opts.nzSize || 0\"\r\n    [nzCustomRequest]=\"opts.customReq || 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 == 'button'\"\r\n    nzType=\"drag\"\r\n    nzAction=\"\"\r\n    [nzSize]=\"opts.nzSize || 0\"\r\n    [nzShowUploadList]=\"showUploadList\"\r\n    [nzBeforeUpload]=\"opts.beforeUpload || beforeUpload\"\r\n    [nzRemove]=\"remove\"\r\n    [nzCustomRequest]=\"opts.customReq || customReq\"\r\n    (nzChange)=\"onChange($event)\"\r\n    [nzType]=\"opts?.uploadType\"\r\n    [nzAccept]=\"opts.nzFileType\"\r\n    [nzLimit]=\"'1'\"\r\n  >\r\n    <button nz-button nzSize=\"small\"><i nz-icon nzType=\"upload\" style=\"font-size: 16px\"></i><span> {{opts.btnName}}</span></button>\r\n  </nz-upload>\r\n  <nz-upload\r\n    *ngIf=\"opts && !opts?.uploadType \"\r\n    nzAction=\"\"\r\n    nzListType=\"picture-card\"\r\n    [nzSize]=\"opts.nzSize || 0\"\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]=\"opts.beforeUpload || beforeUpload\"\r\n    [nzCustomRequest]=\"opts.customReq || 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\">{{opts.btnName?opts.btnName:'\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: ["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: [{ standalone: false, 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]=\"opts.beforeUpload || beforeUpload\"\r\n    [nzRemove]=\"remove\"\r\n    [nzSize]=\"opts.nzSize || 0\"\r\n    [nzCustomRequest]=\"opts.customReq || 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 == 'button'\"\r\n    nzType=\"drag\"\r\n    nzAction=\"\"\r\n    [nzSize]=\"opts.nzSize || 0\"\r\n    [nzShowUploadList]=\"showUploadList\"\r\n    [nzBeforeUpload]=\"opts.beforeUpload || beforeUpload\"\r\n    [nzRemove]=\"remove\"\r\n    [nzCustomRequest]=\"opts.customReq || customReq\"\r\n    (nzChange)=\"onChange($event)\"\r\n    [nzType]=\"opts?.uploadType\"\r\n    [nzAccept]=\"opts.nzFileType\"\r\n    [nzLimit]=\"'1'\"\r\n  >\r\n    <button nz-button nzSize=\"small\"><i nz-icon nzType=\"upload\" style=\"font-size: 16px\"></i><span> {{opts.btnName}}</span></button>\r\n  </nz-upload>\r\n  <nz-upload\r\n    *ngIf=\"opts && !opts?.uploadType \"\r\n    nzAction=\"\"\r\n    nzListType=\"picture-card\"\r\n    [nzSize]=\"opts.nzSize || 0\"\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]=\"opts.beforeUpload || beforeUpload\"\r\n    [nzCustomRequest]=\"opts.customReq || 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\">{{opts.btnName?opts.btnName:'\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 >\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: ["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: () => [{ type: i0.Injector }, { type: i1$3.NzImageService }, { type: i2.HttpClient }, { type: i3$2.NzModalService }], propDecorators: { opts: [{
                 type: Input
             }], isEdit: [{
@@ -4090,255 +4061,16 @@ class ShareService {
             }
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ShareService, deps: [{ token: i1$5.NzDrawerService }, { token: HttpService }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ShareService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: ShareService, deps: [{ token: i1$5.NzDrawerService }, { token: HttpService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: ShareService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ShareService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: ShareService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
                 }]
         }], ctorParameters: () => [{ type: i1$5.NzDrawerService }, { type: HttpService }] });
 
-// const icons:any = Quill.import('ui/icons');
-// icons.undo = `<svg viewbox="0 0 18 18">
-//   <polygon class="ql-fill ql-stroke" points="6 10 4 12 2 10 6 10"></polygon>
-//   <path class="ql-stroke" d="M8.09,13.91A4.6,4.6,0,0,0,9,14,5,5,0,1,0,4,9"></path>
-// </svg>`;
-// icons.redo = `<svg viewbox="0 0 18 18">
-//   <polygon class="ql-fill ql-stroke" points="12 10 14 12 16 10 12 10"></polygon>
-//   <path class="ql-stroke" d="M9.91,13.91A4.6,4.6,0,0,1,9,14a5,5,0,1,1,5-5"></path>
-// </svg>`;
-class QuillEditorComponent {
-    constructor(uploadOssService, message) {
-        this.uploadOssService = uploadOssService;
-        this.message = message;
-        this.placeholder = '请输入';
-        this.styles = { height: '350px' };
-        this.readOnly = false;
-        this.needImgSeq = false;
-        this.imgUrls = [];
-        this.editor$ = new Subject();
-        this.imgVis = false;
-        // const icons: any  = Quill.import('ui/icons');
-        // icons["undo"] = `<svg viewbox="0 0 18 18">
-        //   <polygon class="ql-fill ql-stroke" points="6 10 4 12 2 10 6 10"></polygon>
-        //   <path class="ql-stroke" d="M8.09,13.91A4.6,4.6,0,0,0,9,14,5,5,0,1,0,4,9"></path>
-        // </svg>`;
-        // icons["redo"] = `<svg viewbox="0 0 18 18">
-        //   <polygon class="ql-fill ql-stroke" points="12 10 14 12 16 10 12 10"></polygon>
-        //   <path class="ql-stroke" d="M9.91,13.91A4.6,4.6,0,0,1,9,14a5,5,0,1,1,5-5"></path>
-        // </svg>`;
-    }
-    ngOnInit() {
-        this.editor$.pipe(debounceTime$1(700)).subscribe((editorContent) => {
-            if (typeof (this.onChangeListener) === 'function' && typeof (this.onTouchedListener)) {
-                this.onChangeListener(editorContent); // 告诉form，你的表单值改变成了payload
-                this.onTouchedListener(); // 告诉form，你的表单有交互发生
-            }
-        });
-    }
-    writeValue(value) {
-        this.value = value;
-    }
-    registerOnChange(fn) {
-        this.onChangeListener = fn;
-    }
-    registerOnTouched(fn) {
-        this.onTouchedListener = fn;
-    }
-    setDisabledState(isDisabled) {
-    }
-    onChange(quill) {
-        this.editor$.next(quill.html);
-    }
-    EditorCreated(quill) {
-        const toolbar = quill.getModule('toolbar');
-        toolbar.addHandler('image', this.imageHandler.bind(this));
-        this.editor = quill;
-        let that = this;
-        quill.on('text-change', function (delta, oldDelta, source) {
-            if (source == 'api') {
-            }
-            else if (source == 'user') {
-                console.log('user');
-                that.uploadImgs([], 0);
-            }
-        });
-    }
-    getBlobByBase64(url, oldUrl) {
-        const c = document.createElement('canvas');
-        console.log(c);
-        const ctx = c.getContext('2d');
-        ctx.stroke();
-        let blob = ToolsUtil.dataURItoBlob(url);
-        blob.name = '.png';
-        let delta = this.editor.getContents();
-        console.log('delta', delta);
-        for (let i = 0; i < delta.ops.length; i++) {
-            if (delta.ops[i].insert.image == oldUrl) {
-                return {
-                    index: i,
-                    blob: blob,
-                    oldUrl: oldUrl
-                };
-            }
-        }
-        return;
-    }
-    uploadImgs(blods, index) {
-        let details = this.editor.getContents();
-        let opt = details.ops[index];
-        if (opt && opt.insert && opt.insert.image) {
-            if (ToolsUtil.isBase64(opt.insert.image)) {
-                blods.push(this.getBlobByBase64(opt.insert.image, opt.insert.image));
-                this.isEndContents(blods, index);
-            }
-            else {
-                let c = document.createElement('canvas');
-                let ctx = c.getContext('2d');
-                let img = new Image();
-                img.src = opt.insert.image;
-                img.setAttribute('crossOrigin', '*');
-                let that = this;
-                img.onload = function () {
-                    c.width = img.width;
-                    c.height = img.height;
-                    ctx.drawImage(img, 0, 0, img.width, img.height);
-                    let url = c.toDataURL();
-                    blods.push(that.getBlobByBase64(url, img.src));
-                    that.isEndContents(blods, index);
-                };
-            }
-        }
-        else {
-            this.isEndContents(blods, index);
-        }
-    }
-    uploadImg(blods) {
-        if (!blods || blods.length <= 0) {
-            return;
-        }
-        for (let i = 0; i < blods.length; i++) {
-            let blob = blods[i];
-            this.uploadOssService.uploadOss(blob).subscribe((url) => {
-                let delta = this.editor.getContents();
-                delta.filter((opt) => opt && opt.insert && opt.insert.image == blods[i].oldUrl).forEach((opt, index) => {
-                    opt.insert.image = url;
-                });
-                this.editor.setContents(delta, 'api');
-            });
-        }
-    }
-    isEndContents(blods, index) {
-        let details = this.editor.getContents();
-        if (++index != details.ops.length) {
-            this.uploadImgs(blods, index);
-        }
-        else {
-            this.uploadImg(blods);
-        }
-    }
-    imageHandler() {
-        const Imageinput = document.createElement('input');
-        Imageinput.setAttribute('type', 'file');
-        Imageinput.setAttribute('multiple', 'multiple');
-        Imageinput.setAttribute('accept', 'image/png, image/gif, image/jpeg, image/bmp');
-        Imageinput.classList.add('ql-image');
-        Imageinput.addEventListener('change', () => {
-            if (this.needImgSeq) {
-                this.imgVis = true;
-            }
-            console.log(Imageinput);
-            let files = Imageinput.files;
-            if (files === null || files.length == 0) {
-                return;
-            }
-            this.imgUrls = [];
-            for (let i = 0; i < files.length; i++) {
-                const file = files[i];
-                if (file === null) {
-                    continue;
-                }
-                const error = (res) => {
-                    this.message.warning('上传失败');
-                };
-                this.uploadOssService.uploadOss(file).subscribe((url) => {
-                    console.log(file);
-                    if (url) {
-                        this.imgUrls.push({ url: url, file: file, index: i });
-                        if (!this.needImgSeq) {
-                            this.editor.insertEmbed(this.editor.getSelection(true).index, 'image', url);
-                        }
-                    }
-                    else {
-                        this.message.warning('上传失败');
-                    }
-                    if (this.needImgSeq && this.imgUrls.length == files.length) {
-                        this.imgVis = true;
-                        this.imgUrls.sort((a, b) => a.index - b.index);
-                        document.getElementById("te")?.click();
-                    }
-                }, error);
-            }
-        });
-        Imageinput.click();
-    }
-    saveSeq() {
-        console.log(123);
-        for (let i = this.imgUrls.length - 1; i >= 0; i--) {
-            this.editor.insertEmbed(this.editor.getSelection(true).index, 'image', this.imgUrls[i].url);
-        }
-        this.imgVis = false;
-    }
-    arrowUp(index) {
-        let img = this.imgUrls[index];
-        this.imgUrls[index] = this.imgUrls[index - 1];
-        this.imgUrls[index - 1] = img;
-    }
-    arrowDown(index) {
-        let img = this.imgUrls[index];
-        this.imgUrls[index] = this.imgUrls[index + 1];
-        this.imgUrls[index + 1] = img;
-    }
-    cancle() {
-        this.imgVis = false;
-    }
-    te() {
-        console.log('上传完毕');
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: QuillEditorComponent, deps: [{ token: UploadOssService }, { token: i2$2.NzMessageService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: QuillEditorComponent, selector: "app-quill-editor", inputs: { placeholder: "placeholder", styles: "styles", value: "value", readOnly: "readOnly", needImgSeq: "needImgSeq" }, providers: [
-            UploadOssService,
-            {
-                provide: NG_VALUE_ACCESSOR,
-                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: [":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", "nzDraggable", "nzContent", "nzFooter", "nzZIndex", "nzWidth", "nzWrapClassName", "nzClassName", "nzStyle", "nzTitle", "nzCloseIcon", "nzMaskStyle", "nzBodyStyle", "nzOkText", "nzCancelText", "nzOkType", "nzOkDanger", "nzIconType", "nzModalType", "nzAutofocus", "nzOnOk", "nzOnCancel"], outputs: ["nzOnOk", "nzOnCancel", "nzAfterOpen", "nzAfterClose", "nzVisibleChange"], exportAs: ["nzModal"] }, { 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.3.12", ngImport: i0, type: QuillEditorComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'app-quill-editor', providers: [
-                        UploadOssService,
-                        {
-                            provide: NG_VALUE_ACCESSOR,
-                            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: [":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: [{
-                type: Input
-            }], value: [{
-                type: Input
-            }], readOnly: [{
-                type: Input
-            }], needImgSeq: [{
-                type: Input
-            }] } });
-
 class SelectIconsComponent {
     constructor() {
         this.readonly = true;
@@ -4390,26 +4122,26 @@ class SelectIconsComponent {
     writeValue(value) {
         this.value = value;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SelectIconsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: SelectIconsComponent, selector: "app-select-icons", inputs: { readonly: "readonly", placeholder: "placeholder" }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: SelectIconsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: SelectIconsComponent, isStandalone: false, selector: "app-select-icons", inputs: { readonly: "readonly", placeholder: "placeholder" }, providers: [
             UploadOssService,
             {
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef(() => SelectIconsComponent),
                 multi: true
             }
-        ], ngImport: i0, template: "<div style=\"display:flex;\">\n  <input [(ngModel)]=\"value\"\n         (ngModelChange)=\"valueChange($event)\"\n         nz-input\n         nzType=\"primary\" nzPopoverPlacement=\"bottom\"\n         [placeholder]=\"placeholder\"\n         [readOnly]=\"readonly\"/>\n  <button nz-button nz-popover nzType=\"primary\"\n          [(nzPopoverVisible)]=\"showProp\" nzPopoverTrigger=\"click\"\n          (nzPopoverVisibleChange)=\"change($event)\"\n          [nzPopoverContent]=\"contentTemplate\">\u9009\u62E9\u56FE\u6807</button>\n</div>\n<ng-template #contentTemplate>\n    <div style=\"width: 100%;height: 300px;overflow-y: auto\">\n        <span (click)=\"selectIcon(item)\" class=\"i-child\"  *ngFor=\"let item of icons\">\n             <i nz-icon [nzType]=\"item\"  nzTheme=\"outline\"></i>\n        </span>\n\n    </div>\n</ng-template>\n", styles: [".i-child{font-size:1.2rem;margin:.5rem;cursor:pointer;padding:.5rem}.i-child:hover{color:#fff;background-color:#1890ff}\n"], dependencies: [{ kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { 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.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { 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: "directive", type: i8.NzIconDirective, selector: "[nz-icon]", inputs: ["nzSpin", "nzRotate", "nzType", "nzTheme", "nzTwotoneColor", "nzIconfont"], exportAs: ["nzIcon"] }, { kind: "directive", type: i9.NzInputDirective, selector: "input[nz-input],textarea[nz-input]", inputs: ["nzBorderless", "nzSize", "nzStepperless", "nzStatus", "disabled"], exportAs: ["nzInput"] }, { kind: "directive", type: i8$1.NzPopoverDirective, selector: "[nz-popover]", inputs: ["nzPopoverArrowPointAtCenter", "nzPopoverTitle", "nzPopoverContent", "nz-popover", "nzPopoverTrigger", "nzPopoverPlacement", "nzPopoverOrigin", "nzPopoverVisible", "nzPopoverMouseEnterDelay", "nzPopoverMouseLeaveDelay", "nzPopoverOverlayClassName", "nzPopoverOverlayStyle", "nzPopoverBackdrop"], outputs: ["nzPopoverVisibleChange"], exportAs: ["nzPopover"] }] }); }
+        ], ngImport: i0, template: "<div style=\"display:flex;\">\r\n  <input [(ngModel)]=\"value\"\r\n         (ngModelChange)=\"valueChange($event)\"\r\n         nz-input\r\n         nzType=\"primary\" nzPopoverPlacement=\"bottom\"\r\n         [placeholder]=\"placeholder\"\r\n         [readOnly]=\"readonly\"/>\r\n  <button nz-button nz-popover nzType=\"primary\"\r\n          [(nzPopoverVisible)]=\"showProp\" nzPopoverTrigger=\"click\"\r\n          (nzPopoverVisibleChange)=\"change($event)\"\r\n          [nzPopoverContent]=\"contentTemplate\">\u9009\u62E9\u56FE\u6807</button>\r\n</div>\r\n<ng-template #contentTemplate>\r\n    <div style=\"width: 100%;height: 300px;overflow-y: auto\">\r\n        <span (click)=\"selectIcon(item)\" class=\"i-child\"  *ngFor=\"let item of icons\">\r\n             <i nz-icon [nzType]=\"item\"  nzTheme=\"outline\"></i>\r\n        </span>\r\n\r\n    </div>\r\n</ng-template>\r\n", styles: [".i-child{font-size:1.2rem;margin:.5rem;cursor:pointer;padding:.5rem}.i-child:hover{color:#fff;background-color:#1890ff}\n"], dependencies: [{ kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { 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.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { 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-icon], 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: "directive", type: i8.NzIconDirective, selector: "nz-icon,[nz-icon]", inputs: ["nzSpin", "nzRotate", "nzType", "nzTheme", "nzTwotoneColor", "nzIconfont"], exportAs: ["nzIcon"] }, { kind: "directive", type: i9.NzInputDirective, selector: "input[nz-input],textarea[nz-input]", inputs: ["nzBorderless", "nzVariant", "nzSize", "nzStepperless", "nzStatus", "disabled", "readonly"], exportAs: ["nzInput"] }, { kind: "directive", type: i8$1.NzPopoverDirective, selector: "[nz-popover]", inputs: ["nzPopoverArrowPointAtCenter", "nzPopoverTitle", "nzPopoverTitleContext", "nzPopoverContent", "nzPopoverContentContext", "nz-popover", "nzPopoverTrigger", "nzPopoverPlacement", "nzPopoverOrigin", "nzPopoverVisible", "nzPopoverMouseEnterDelay", "nzPopoverMouseLeaveDelay", "nzPopoverOverlayClassName", "nzPopoverOverlayStyle", "nzPopoverOverlayClickable", "nzPopoverBackdrop"], outputs: ["nzPopoverVisibleChange"], exportAs: ["nzPopover"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SelectIconsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: SelectIconsComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-select-icons', providers: [
+            args: [{ standalone: false, selector: 'app-select-icons', providers: [
                         UploadOssService,
                         {
                             provide: NG_VALUE_ACCESSOR,
                             useExisting: forwardRef(() => SelectIconsComponent),
                             multi: true
                         }
-                    ], template: "<div style=\"display:flex;\">\n  <input [(ngModel)]=\"value\"\n         (ngModelChange)=\"valueChange($event)\"\n         nz-input\n         nzType=\"primary\" nzPopoverPlacement=\"bottom\"\n         [placeholder]=\"placeholder\"\n         [readOnly]=\"readonly\"/>\n  <button nz-button nz-popover nzType=\"primary\"\n          [(nzPopoverVisible)]=\"showProp\" nzPopoverTrigger=\"click\"\n          (nzPopoverVisibleChange)=\"change($event)\"\n          [nzPopoverContent]=\"contentTemplate\">\u9009\u62E9\u56FE\u6807</button>\n</div>\n<ng-template #contentTemplate>\n    <div style=\"width: 100%;height: 300px;overflow-y: auto\">\n        <span (click)=\"selectIcon(item)\" class=\"i-child\"  *ngFor=\"let item of icons\">\n             <i nz-icon [nzType]=\"item\"  nzTheme=\"outline\"></i>\n        </span>\n\n    </div>\n</ng-template>\n", styles: [".i-child{font-size:1.2rem;margin:.5rem;cursor:pointer;padding:.5rem}.i-child:hover{color:#fff;background-color:#1890ff}\n"] }]
+                    ], template: "<div style=\"display:flex;\">\r\n  <input [(ngModel)]=\"value\"\r\n         (ngModelChange)=\"valueChange($event)\"\r\n         nz-input\r\n         nzType=\"primary\" nzPopoverPlacement=\"bottom\"\r\n         [placeholder]=\"placeholder\"\r\n         [readOnly]=\"readonly\"/>\r\n  <button nz-button nz-popover nzType=\"primary\"\r\n          [(nzPopoverVisible)]=\"showProp\" nzPopoverTrigger=\"click\"\r\n          (nzPopoverVisibleChange)=\"change($event)\"\r\n          [nzPopoverContent]=\"contentTemplate\">\u9009\u62E9\u56FE\u6807</button>\r\n</div>\r\n<ng-template #contentTemplate>\r\n    <div style=\"width: 100%;height: 300px;overflow-y: auto\">\r\n        <span (click)=\"selectIcon(item)\" class=\"i-child\"  *ngFor=\"let item of icons\">\r\n             <i nz-icon [nzType]=\"item\"  nzTheme=\"outline\"></i>\r\n        </span>\r\n\r\n    </div>\r\n</ng-template>\r\n", styles: [".i-child{font-size:1.2rem;margin:.5rem;cursor:pointer;padding:.5rem}.i-child:hover{color:#fff;background-color:#1890ff}\n"] }]
         }], ctorParameters: () => [], propDecorators: { readonly: [{
                 type: Input
             }], placeholder: [{
@@ -4567,12 +4299,12 @@ class ViewFormComponent {
         }
         return imgs.split(',');
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ViewFormComponent, deps: [{ token: i0.Injector }, { token: LOCALE_ID }, { token: HttpService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: ViewFormComponent, selector: "atr-view-form", inputs: { formOpts: "formOpts", atrForm: "atrForm", dicts: "dicts", title: "title", items: "items" }, ngImport: i0, template: "<nz-descriptions  nzBordered [nzColon]=\"true\" [nzColumn]=\"24\" [nzTitle]=\"title\">\r\n    <ng-container *ngFor=\"let item of formOpts.items\">\r\n        <ng-container *ngIf=\"!item.isHidden\">\r\n          <div class=\"form-title\" *ngIf=\"item.type == 'title'\">\r\n            {{item.label}}\r\n          </div>\r\n            <nz-descriptions-item [nzTitle]=\"item.label\" [ngSwitch]=\"item.type\"\r\n                                  *ngIf=\"isShow(item.isHidden,item.operator)\"\r\n                                  [nzSpan]=\"item.span || 6\">\r\n                <ng-container *ngSwitchCase=\"'radio'\">\r\n                    <ng-container *ngFor=\"let o of item.dictList\">\r\n                        <label  *ngIf=\"o.value == atrForm.value[item.key]\">{{o.label}}</label>\r\n                    </ng-container>\r\n                </ng-container>\r\n                <ng-container *ngSwitchCase=\"'treeSelect'\">\r\n                    <nz-tree-select\r\n                            [nzNodes]=\"item.treeList\"\r\n                            nzShowSearch=\"true\"\r\n                            nzHideUnMatched=\"true\"\r\n                            [(ngModel)]=\"atrForm.value[item.key]\"\r\n                            [nzDisabled]=\"true\"\r\n                    >\r\n                    </nz-tree-select>\r\n                </ng-container>\r\n\r\n                <ng-container *ngSwitchCase=\"'select'\">\r\n                    {{getSelectLabel(atrForm.value[item.key],dicts[item.dictCode])}}\r\n                </ng-container>\r\n                <ng-container *ngSwitchCase=\"'selectCus'\">\r\n                    {{getSelectLabel(atrForm.value[item.key],item.dictList)}}\r\n                </ng-container>\r\n                <ng-container *ngSwitchCase=\"'selectc'\">\r\n                  {{getSelectCLabel(atrForm.value[item.key],item.dictList,'value','label')}}\r\n<!--                    <nz-select-->\r\n<!--                            [nzDisabled]=\"true\"-->\r\n<!--                            [(ngModel)]=\"atrForm.value[item.key]\"-->\r\n<!--                    >-->\r\n<!--                        <nz-option *ngFor=\"let o of item.dictList\" [nzLabel]=\"o.label\"-->\r\n<!--                                   [nzValue]=\"o.value\"></nz-option>-->\r\n<!--                    </nz-select>-->\r\n                </ng-container>\r\n                <ng-container *ngSwitchCase=\"'sceneUser'\">\r\n                    <nz-select\r\n                            [nzDisabled]=\"true\"\r\n                            [(ngModel)]=\"atrForm.value[item.key]\"\r\n                    >\r\n                        <nz-option *ngFor=\"let o of item.dictList\" [nzLabel]=\"o.title\"\r\n                                   [nzValue]=\"o.key\"></nz-option>\r\n                    </nz-select>\r\n                </ng-container>\r\n\r\n                <ng-container *ngSwitchDefault>\r\n                    {{atrForm.value[item.key]}}\r\n                </ng-container>\r\n                <ng-container *ngSwitchCase=\"'date'\">\r\n                    {{atrForm.value[item.key] | date:(item.dateFormat || 'yyyy-MM-dd')}}\r\n                </ng-container>\r\n                <ng-container *ngSwitchCase=\"'dateTime'\">\r\n                    {{atrForm.value[item.key] | date:(item.dateFormat || 'yyyy-MM-dd 00:00:00')}}\r\n                </ng-container>\r\n                <ng-container *ngSwitchCase=\"'cascader'\">\r\n                    <ng-container *ngFor=\"let data of atrForm.value[item.key] ;let i = index\">\r\n                        {{i>0?\"/\":\"\"}}{{data.lable}}\r\n                    </ng-container>\r\n                </ng-container>\r\n                <ng-container *ngSwitchCase=\"'tags'\">\r\n                    {{getTagLabel(atrForm.value[item.key], 'name')}}\r\n                </ng-container>\r\n                <ng-container *ngSwitchCase=\"'image'\">\r\n                    <ng-container *ngFor=\"let img of getImgs(atrForm.value[item.key])\">\r\n                        <div>\r\n                            <img  *ngIf=\"!img.endsWith('.mp4')\" nz-image  style=\"max-width: 200px;max-height: 200px\" [nzSrc]=\"img | ossImg\">\r\n                            <app-video *ngIf=\"img.endsWith('.mp4')\" style=\"max-width: 200px;max-height: 200px\"  [url]=\"img | ossImg\"></app-video>\r\n                        </div>\r\n                    </ng-container>\r\n                </ng-container>\r\n                <ng-container *ngSwitchCase=\"'rate'\">\r\n                    <nz-rate [nzDisabled]=\"true\"\r\n                             [(ngModel)]=\"atrForm.value[item.key]\"></nz-rate>\r\n                </ng-container>\r\n                <ng-container *ngSwitchCase=\"'editor'\">\r\n                    <div>\r\n                        <!-- <app-quill-editor [(ngModel)]=\"atrForm.value[item.key]\" style=\"width: 60%\" [readOnly]=\"true\"\r\n                                          [styles]=\"{height:item.height > 0 ? item.height + 'px' : '250px'}\"></app-quill-editor> -->\r\n                        <quill-view [content]=\"atrForm.value[item.key]\"  style=\"width: 60%\"  theme=\"snow\"></quill-view>\r\n\r\n                    </div>\r\n                </ng-container>\r\n\r\n            </nz-descriptions-item>\r\n        </ng-container>\r\n\r\n    </ng-container>\r\n\r\n</nz-descriptions>\r\n", styles: [":host img{max-width:200px;max-height:200px}: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}:host ::ng-deep .ant-descriptions-header{display:flex;align-items:center;margin-bottom:0;line-height:50px;height:50px;padding-left:10px}\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.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1$2.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1$2.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { 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: "component", type: i4$2.NzDescriptionsComponent, selector: "nz-descriptions", inputs: ["nzBordered", "nzLayout", "nzColumn", "nzSize", "nzTitle", "nzExtra", "nzColon"], exportAs: ["nzDescriptions"] }, { kind: "component", type: i4$2.NzDescriptionsItemComponent, selector: "nz-descriptions-item", inputs: ["nzSpan", "nzTitle"], exportAs: ["nzDescriptionsItem"] }, { kind: "component", type: i5$2.NzRateComponent, selector: "nz-rate", inputs: ["nzAllowClear", "nzAllowHalf", "nzDisabled", "nzAutoFocus", "nzCharacter", "nzCount", "nzTooltips"], outputs: ["nzOnBlur", "nzOnFocus", "nzOnHoverChange", "nzOnKeyDown"], exportAs: ["nzRate"] }, { 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: "directive", type: i1$3.NzImageDirective, selector: "img[nz-image]", inputs: ["nzSrc", "nzSrcset", "nzDisablePreview", "nzFallback", "nzPlaceholder", "nzScaleStep"], exportAs: ["nzImage"] }, { kind: "component", type: i8$2.QuillViewComponent, selector: "quill-view", inputs: ["format", "theme", "modules", "debug", "formats", "sanitize", "beforeRender", "strict", "content", "customModules", "customOptions"], outputs: ["onEditorCreated"] }, { kind: "component", type: VideoComponent, selector: "app-video", inputs: ["url"] }, { kind: "pipe", type: OssImgPipe, name: "ossImg" }, { kind: "pipe", type: i1$2.DatePipe, name: "date" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: ViewFormComponent, deps: [{ token: i0.Injector }, { token: LOCALE_ID }, { token: HttpService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: ViewFormComponent, isStandalone: false, selector: "atr-view-form", inputs: { formOpts: "formOpts", atrForm: "atrForm", dicts: "dicts", title: "title", items: "items" }, ngImport: i0, template: "<nz-descriptions  nzBordered [nzColon]=\"true\" [nzColumn]=\"24\" [nzTitle]=\"title\">\r\n    <ng-container *ngFor=\"let item of formOpts.items\">\r\n        <ng-container *ngIf=\"!item.isHidden\">\r\n          <div class=\"form-title\" *ngIf=\"item.type == 'title'\">\r\n            {{item.label}}\r\n          </div>\r\n            <nz-descriptions-item [nzTitle]=\"item.label\" [ngSwitch]=\"item.type\"\r\n                                  *ngIf=\"isShow(item.isHidden,item.operator)\"\r\n                                  [nzSpan]=\"item.span || 6\">\r\n                <ng-container *ngSwitchCase=\"'radio'\">\r\n                    <ng-container *ngFor=\"let o of item.dictList\">\r\n                        <label  *ngIf=\"o.value == atrForm.value[item.key]\">{{o.label}}</label>\r\n                    </ng-container>\r\n                </ng-container>\r\n                <ng-container *ngSwitchCase=\"'treeSelect'\">\r\n                    <nz-tree-select\r\n                            [nzNodes]=\"item.treeList\"\r\n                            nzShowSearch=\"true\"\r\n                            nzHideUnMatched=\"true\"\r\n                            [(ngModel)]=\"atrForm.value[item.key]\"\r\n                            [nzDisabled]=\"true\"\r\n                    >\r\n                    </nz-tree-select>\r\n                </ng-container>\r\n\r\n                <ng-container *ngSwitchCase=\"'select'\">\r\n                    {{getSelectLabel(atrForm.value[item.key],dicts[item.dictCode])}}\r\n                </ng-container>\r\n                <ng-container *ngSwitchCase=\"'selectCus'\">\r\n                    {{getSelectLabel(atrForm.value[item.key],item.dictList)}}\r\n                </ng-container>\r\n                <ng-container *ngSwitchCase=\"'selectc'\">\r\n                  {{getSelectCLabel(atrForm.value[item.key],item.dictList,'value','label')}}\r\n<!--                    <nz-select-->\r\n<!--                            [nzDisabled]=\"true\"-->\r\n<!--                            [(ngModel)]=\"atrForm.value[item.key]\"-->\r\n<!--                    >-->\r\n<!--                        <nz-option *ngFor=\"let o of item.dictList\" [nzLabel]=\"o.label\"-->\r\n<!--                                   [nzValue]=\"o.value\"></nz-option>-->\r\n<!--                    </nz-select>-->\r\n                </ng-container>\r\n                <ng-container *ngSwitchCase=\"'sceneUser'\">\r\n                    <nz-select\r\n                            [nzDisabled]=\"true\"\r\n                            [(ngModel)]=\"atrForm.value[item.key]\"\r\n                    >\r\n                        <nz-option *ngFor=\"let o of item.dictList\" [nzLabel]=\"o.title\"\r\n                                   [nzValue]=\"o.key\"></nz-option>\r\n                    </nz-select>\r\n                </ng-container>\r\n\r\n                <ng-container *ngSwitchDefault>\r\n                    {{atrForm.value[item.key]}}\r\n                </ng-container>\r\n                <ng-container *ngSwitchCase=\"'date'\">\r\n                    {{atrForm.value[item.key] | date:(item.dateFormat || 'yyyy-MM-dd')}}\r\n                </ng-container>\r\n                <ng-container *ngSwitchCase=\"'dateTime'\">\r\n                    {{atrForm.value[item.key] | date:(item.dateFormat || 'yyyy-MM-dd 00:00:00')}}\r\n                </ng-container>\r\n                <ng-container *ngSwitchCase=\"'cascader'\">\r\n                    <ng-container *ngFor=\"let data of atrForm.value[item.key] ;let i = index\">\r\n                        {{i>0?\"/\":\"\"}}{{data.lable}}\r\n                    </ng-container>\r\n                </ng-container>\r\n                <ng-container *ngSwitchCase=\"'tags'\">\r\n                    {{getTagLabel(atrForm.value[item.key], 'name')}}\r\n                </ng-container>\r\n                <ng-container *ngSwitchCase=\"'image'\">\r\n                    <ng-container *ngFor=\"let img of getImgs(atrForm.value[item.key])\">\r\n                        <div>\r\n                            <img  *ngIf=\"!img.endsWith('.mp4')\" nz-image  style=\"max-width: 200px;max-height: 200px\" [nzSrc]=\"img | ossImg\">\r\n                            <app-video *ngIf=\"img.endsWith('.mp4')\" style=\"max-width: 200px;max-height: 200px\"  [url]=\"img | ossImg\"></app-video>\r\n                        </div>\r\n                    </ng-container>\r\n                </ng-container>\r\n                <ng-container *ngSwitchCase=\"'rate'\">\r\n                    <nz-rate [nzDisabled]=\"true\"\r\n                             [(ngModel)]=\"atrForm.value[item.key]\"></nz-rate>\r\n                </ng-container>\r\n                <ng-container *ngSwitchCase=\"'editor'\">\r\n                    <div>\r\n\u5BCC\u6587\u672C\u6682\u4E0D\u652F\u6301\r\n                    </div>\r\n                </ng-container>\r\n\r\n            </nz-descriptions-item>\r\n        </ng-container>\r\n\r\n    </ng-container>\r\n\r\n</nz-descriptions>\r\n", styles: [":host img{max-width:200px;max-height:200px}: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}:host ::ng-deep .ant-descriptions-header{display:flex;align-items:center;margin-bottom:0;line-height:50px;height:50px;padding-left:10px}\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.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1$2.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1$2.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { 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: "component", type: i4$2.NzDescriptionsComponent, selector: "nz-descriptions", inputs: ["nzBordered", "nzLayout", "nzColumn", "nzSize", "nzTitle", "nzExtra", "nzColon"], exportAs: ["nzDescriptions"] }, { kind: "component", type: i4$2.NzDescriptionsItemComponent, selector: "nz-descriptions-item", inputs: ["nzSpan", "nzTitle"], exportAs: ["nzDescriptionsItem"] }, { kind: "component", type: i5$2.NzRateComponent, selector: "nz-rate", inputs: ["nzAllowClear", "nzAllowHalf", "nzDisabled", "nzAutoFocus", "nzCharacter", "nzCount", "nzTooltips"], outputs: ["nzOnBlur", "nzOnFocus", "nzOnHoverChange", "nzOnKeyDown"], exportAs: ["nzRate"] }, { 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", "nzVariant", "nzOptionHeightPx", "nzOptionOverflowSize", "nzDropdownClassName", "nzDropdownMatchSelectWidth", "nzDropdownStyle", "nzNotFoundContent", "nzPlaceHolder", "nzPlacement", "nzMaxTagCount", "nzDropdownRender", "nzCustomTemplate", "nzPrefix", "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", "nzOnClear"], 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", "nzVariant", "nzPlaceHolder", "nzDropdownStyle", "nzDropdownClassName", "nzBackdrop", "nzStatus", "nzPlacement", "nzExpandedKeys", "nzPrefix", "nzSuffixIcon", "nzDisplayWith", "nzMaxTagCount", "nzMaxTagPlaceholder", "nzTreeTemplate"], outputs: ["nzOpenChange", "nzCleared", "nzRemoved", "nzExpandChange", "nzTreeClick", "nzTreeCheckboxChange"], exportAs: ["nzTreeSelect"] }, { kind: "directive", type: i1$3.NzImageDirective, selector: "img[nz-image]", inputs: ["nzSrc", "nzSrcset", "nzDisablePreview", "nzFallback", "nzPlaceholder", "nzScaleStep"], exportAs: ["nzImage"] }, { kind: "component", type: VideoComponent, selector: "app-video", inputs: ["url"] }, { kind: "pipe", type: OssImgPipe, name: "ossImg" }, { kind: "pipe", type: i1$2.DatePipe, name: "date" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ViewFormComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: ViewFormComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'atr-view-form', template: "<nz-descriptions  nzBordered [nzColon]=\"true\" [nzColumn]=\"24\" [nzTitle]=\"title\">\r\n    <ng-container *ngFor=\"let item of formOpts.items\">\r\n        <ng-container *ngIf=\"!item.isHidden\">\r\n          <div class=\"form-title\" *ngIf=\"item.type == 'title'\">\r\n            {{item.label}}\r\n          </div>\r\n            <nz-descriptions-item [nzTitle]=\"item.label\" [ngSwitch]=\"item.type\"\r\n                                  *ngIf=\"isShow(item.isHidden,item.operator)\"\r\n                                  [nzSpan]=\"item.span || 6\">\r\n                <ng-container *ngSwitchCase=\"'radio'\">\r\n                    <ng-container *ngFor=\"let o of item.dictList\">\r\n                        <label  *ngIf=\"o.value == atrForm.value[item.key]\">{{o.label}}</label>\r\n                    </ng-container>\r\n                </ng-container>\r\n                <ng-container *ngSwitchCase=\"'treeSelect'\">\r\n                    <nz-tree-select\r\n                            [nzNodes]=\"item.treeList\"\r\n                            nzShowSearch=\"true\"\r\n                            nzHideUnMatched=\"true\"\r\n                            [(ngModel)]=\"atrForm.value[item.key]\"\r\n                            [nzDisabled]=\"true\"\r\n                    >\r\n                    </nz-tree-select>\r\n                </ng-container>\r\n\r\n                <ng-container *ngSwitchCase=\"'select'\">\r\n                    {{getSelectLabel(atrForm.value[item.key],dicts[item.dictCode])}}\r\n                </ng-container>\r\n                <ng-container *ngSwitchCase=\"'selectCus'\">\r\n                    {{getSelectLabel(atrForm.value[item.key],item.dictList)}}\r\n                </ng-container>\r\n                <ng-container *ngSwitchCase=\"'selectc'\">\r\n                  {{getSelectCLabel(atrForm.value[item.key],item.dictList,'value','label')}}\r\n<!--                    <nz-select-->\r\n<!--                            [nzDisabled]=\"true\"-->\r\n<!--                            [(ngModel)]=\"atrForm.value[item.key]\"-->\r\n<!--                    >-->\r\n<!--                        <nz-option *ngFor=\"let o of item.dictList\" [nzLabel]=\"o.label\"-->\r\n<!--                                   [nzValue]=\"o.value\"></nz-option>-->\r\n<!--                    </nz-select>-->\r\n                </ng-container>\r\n                <ng-container *ngSwitchCase=\"'sceneUser'\">\r\n                    <nz-select\r\n                            [nzDisabled]=\"true\"\r\n                            [(ngModel)]=\"atrForm.value[item.key]\"\r\n                    >\r\n                        <nz-option *ngFor=\"let o of item.dictList\" [nzLabel]=\"o.title\"\r\n                                   [nzValue]=\"o.key\"></nz-option>\r\n                    </nz-select>\r\n                </ng-container>\r\n\r\n                <ng-container *ngSwitchDefault>\r\n                    {{atrForm.value[item.key]}}\r\n                </ng-container>\r\n                <ng-container *ngSwitchCase=\"'date'\">\r\n                    {{atrForm.value[item.key] | date:(item.dateFormat || 'yyyy-MM-dd')}}\r\n                </ng-container>\r\n                <ng-container *ngSwitchCase=\"'dateTime'\">\r\n                    {{atrForm.value[item.key] | date:(item.dateFormat || 'yyyy-MM-dd 00:00:00')}}\r\n                </ng-container>\r\n                <ng-container *ngSwitchCase=\"'cascader'\">\r\n                    <ng-container *ngFor=\"let data of atrForm.value[item.key] ;let i = index\">\r\n                        {{i>0?\"/\":\"\"}}{{data.lable}}\r\n                    </ng-container>\r\n                </ng-container>\r\n                <ng-container *ngSwitchCase=\"'tags'\">\r\n                    {{getTagLabel(atrForm.value[item.key], 'name')}}\r\n                </ng-container>\r\n                <ng-container *ngSwitchCase=\"'image'\">\r\n                    <ng-container *ngFor=\"let img of getImgs(atrForm.value[item.key])\">\r\n                        <div>\r\n                            <img  *ngIf=\"!img.endsWith('.mp4')\" nz-image  style=\"max-width: 200px;max-height: 200px\" [nzSrc]=\"img | ossImg\">\r\n                            <app-video *ngIf=\"img.endsWith('.mp4')\" style=\"max-width: 200px;max-height: 200px\"  [url]=\"img | ossImg\"></app-video>\r\n                        </div>\r\n                    </ng-container>\r\n                </ng-container>\r\n                <ng-container *ngSwitchCase=\"'rate'\">\r\n                    <nz-rate [nzDisabled]=\"true\"\r\n                             [(ngModel)]=\"atrForm.value[item.key]\"></nz-rate>\r\n                </ng-container>\r\n                <ng-container *ngSwitchCase=\"'editor'\">\r\n                    <div>\r\n                        <!-- <app-quill-editor [(ngModel)]=\"atrForm.value[item.key]\" style=\"width: 60%\" [readOnly]=\"true\"\r\n                                          [styles]=\"{height:item.height > 0 ? item.height + 'px' : '250px'}\"></app-quill-editor> -->\r\n                        <quill-view [content]=\"atrForm.value[item.key]\"  style=\"width: 60%\"  theme=\"snow\"></quill-view>\r\n\r\n                    </div>\r\n                </ng-container>\r\n\r\n            </nz-descriptions-item>\r\n        </ng-container>\r\n\r\n    </ng-container>\r\n\r\n</nz-descriptions>\r\n", styles: [":host img{max-width:200px;max-height:200px}: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}:host ::ng-deep .ant-descriptions-header{display:flex;align-items:center;margin-bottom:0;line-height:50px;height:50px;padding-left:10px}\n"] }]
+            args: [{ standalone: false, selector: 'atr-view-form', template: "<nz-descriptions  nzBordered [nzColon]=\"true\" [nzColumn]=\"24\" [nzTitle]=\"title\">\r\n    <ng-container *ngFor=\"let item of formOpts.items\">\r\n        <ng-container *ngIf=\"!item.isHidden\">\r\n          <div class=\"form-title\" *ngIf=\"item.type == 'title'\">\r\n            {{item.label}}\r\n          </div>\r\n            <nz-descriptions-item [nzTitle]=\"item.label\" [ngSwitch]=\"item.type\"\r\n                                  *ngIf=\"isShow(item.isHidden,item.operator)\"\r\n                                  [nzSpan]=\"item.span || 6\">\r\n                <ng-container *ngSwitchCase=\"'radio'\">\r\n                    <ng-container *ngFor=\"let o of item.dictList\">\r\n                        <label  *ngIf=\"o.value == atrForm.value[item.key]\">{{o.label}}</label>\r\n                    </ng-container>\r\n                </ng-container>\r\n                <ng-container *ngSwitchCase=\"'treeSelect'\">\r\n                    <nz-tree-select\r\n                            [nzNodes]=\"item.treeList\"\r\n                            nzShowSearch=\"true\"\r\n                            nzHideUnMatched=\"true\"\r\n                            [(ngModel)]=\"atrForm.value[item.key]\"\r\n                            [nzDisabled]=\"true\"\r\n                    >\r\n                    </nz-tree-select>\r\n                </ng-container>\r\n\r\n                <ng-container *ngSwitchCase=\"'select'\">\r\n                    {{getSelectLabel(atrForm.value[item.key],dicts[item.dictCode])}}\r\n                </ng-container>\r\n                <ng-container *ngSwitchCase=\"'selectCus'\">\r\n                    {{getSelectLabel(atrForm.value[item.key],item.dictList)}}\r\n                </ng-container>\r\n                <ng-container *ngSwitchCase=\"'selectc'\">\r\n                  {{getSelectCLabel(atrForm.value[item.key],item.dictList,'value','label')}}\r\n<!--                    <nz-select-->\r\n<!--                            [nzDisabled]=\"true\"-->\r\n<!--                            [(ngModel)]=\"atrForm.value[item.key]\"-->\r\n<!--                    >-->\r\n<!--                        <nz-option *ngFor=\"let o of item.dictList\" [nzLabel]=\"o.label\"-->\r\n<!--                                   [nzValue]=\"o.value\"></nz-option>-->\r\n<!--                    </nz-select>-->\r\n                </ng-container>\r\n                <ng-container *ngSwitchCase=\"'sceneUser'\">\r\n                    <nz-select\r\n                            [nzDisabled]=\"true\"\r\n                            [(ngModel)]=\"atrForm.value[item.key]\"\r\n                    >\r\n                        <nz-option *ngFor=\"let o of item.dictList\" [nzLabel]=\"o.title\"\r\n                                   [nzValue]=\"o.key\"></nz-option>\r\n                    </nz-select>\r\n                </ng-container>\r\n\r\n                <ng-container *ngSwitchDefault>\r\n                    {{atrForm.value[item.key]}}\r\n                </ng-container>\r\n                <ng-container *ngSwitchCase=\"'date'\">\r\n                    {{atrForm.value[item.key] | date:(item.dateFormat || 'yyyy-MM-dd')}}\r\n                </ng-container>\r\n                <ng-container *ngSwitchCase=\"'dateTime'\">\r\n                    {{atrForm.value[item.key] | date:(item.dateFormat || 'yyyy-MM-dd 00:00:00')}}\r\n                </ng-container>\r\n                <ng-container *ngSwitchCase=\"'cascader'\">\r\n                    <ng-container *ngFor=\"let data of atrForm.value[item.key] ;let i = index\">\r\n                        {{i>0?\"/\":\"\"}}{{data.lable}}\r\n                    </ng-container>\r\n                </ng-container>\r\n                <ng-container *ngSwitchCase=\"'tags'\">\r\n                    {{getTagLabel(atrForm.value[item.key], 'name')}}\r\n                </ng-container>\r\n                <ng-container *ngSwitchCase=\"'image'\">\r\n                    <ng-container *ngFor=\"let img of getImgs(atrForm.value[item.key])\">\r\n                        <div>\r\n                            <img  *ngIf=\"!img.endsWith('.mp4')\" nz-image  style=\"max-width: 200px;max-height: 200px\" [nzSrc]=\"img | ossImg\">\r\n                            <app-video *ngIf=\"img.endsWith('.mp4')\" style=\"max-width: 200px;max-height: 200px\"  [url]=\"img | ossImg\"></app-video>\r\n                        </div>\r\n                    </ng-container>\r\n                </ng-container>\r\n                <ng-container *ngSwitchCase=\"'rate'\">\r\n                    <nz-rate [nzDisabled]=\"true\"\r\n                             [(ngModel)]=\"atrForm.value[item.key]\"></nz-rate>\r\n                </ng-container>\r\n                <ng-container *ngSwitchCase=\"'editor'\">\r\n                    <div>\r\n\u5BCC\u6587\u672C\u6682\u4E0D\u652F\u6301\r\n                    </div>\r\n                </ng-container>\r\n\r\n            </nz-descriptions-item>\r\n        </ng-container>\r\n\r\n    </ng-container>\r\n\r\n</nz-descriptions>\r\n", styles: [":host img{max-width:200px;max-height:200px}: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}:host ::ng-deep .ant-descriptions-header{display:flex;align-items:center;margin-bottom:0;line-height:50px;height:50px;padding-left:10px}\n"] }]
         }], ctorParameters: () => [{ type: i0.Injector }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [LOCALE_ID]
@@ -4600,7 +4332,6 @@ class AtrFormComponent {
         this.dicts = {};
         this.formAction = new EventEmitter();
         this.uploadAction = new EventEmitter();
-        this.quillChange = new EventEmitter();
         this.viewTitle = '';
         this.defNumFormat = (value) => {
             return value.toString();
@@ -5006,9 +4737,6 @@ class AtrFormComponent {
             }
         }
     }
-    editChange(data, item) {
-        this.quillChange.emit({ code: 'quillChange', e: data, formItem: item });
-    }
     getFormValue() {
         let obj = {
             isValid: false,
@@ -5159,12 +4887,12 @@ class AtrFormComponent {
         }
         return false;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", 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.3.12", type: AtrFormComponent, selector: "atr-form", inputs: { formOpts: "formOpts", viewTitle: "viewTitle" }, outputs: { formAction: "formAction", uploadAction: "uploadAction", quillChange: "quillChange" }, ngImport: i0, template: "<atr-view-form *ngIf=\"formOpts.type == 'view'\" [dicts]=\"dicts\" [atrForm]=\"atrForm\" [title]=\"viewTitle\"\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' && item.treeList\"\r\n                              [nzNodes]=\"item.treeList\"\r\n                              [nzDefaultExpandAll]=\"item.expandAll\"\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                              (ngModelChange)=\"formChange($event,item)\"\r\n                              nzVirtualHeight=\"330px\"\r\n                              style=\"flex: 1\"\r\n              >\r\n              </nz-tree-select>\r\n              <nz-color-picker *ngIf=\"item.type == 'color'\" [formControlName]=\"item.key\" (ngModelChange)=\"formChange($event,item)\"\r\n                               [nzDisabled]=\"item.readonly\"></nz-color-picker>\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              <nz-switch  *ngIf=\"item.type == 'switch'\" [formControlName]=\"item.key\"\r\n                          [nzDisabled]=\"item.readonly || formOpts.type == 'view'\"\r\n                         (ngModelChange)=\"formChange($event,item)\" [nzCheckedChildren]=\"item.nzCheckedChildren\"\r\n                         [nzUnCheckedChildren]=\"item.nzUnCheckedChildren\"></nz-switch>\r\n\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                               (ngModelChange)=\"formChange($event,item)\"\r\n                               [nzFormatter]=\"item.dateFormat || defNumFormat\"\r\n                               [nzStep]=\"item.nzStep || 1\" [nzPrecision]=\"item.nzPrecision || 0\"\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                (ngModelChange)=\"formChange($event,item)\"\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                nzShowSearch\r\n                nzPlaceHolder=\"{{item.placeholder}}\"\r\n                nzAllowClear=\"true\"\r\n                [formControlName]=\"item.key\"\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              <ng-container *ngIf=\"item.type == 'date'\">\r\n                <nz-date-picker *ngIf=\"!item.dateMode\" [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-date-picker *ngIf=\"item.dateMode\"\r\n                                style=\"flex: 1\"\r\n                                [nzMode]=\"item.dateMode\"\r\n                                [nzDisabled]=\"formOpts.type == 'view' || item.readonly \"\r\n                                [formControlName]=\"item.key\"></nz-date-picker>\r\n              </ng-container>\r\n\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\"\r\n                                (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: i6$3.NzColorPickerComponent, selector: "nz-color-picker", inputs: ["nzFormat", "nzValue", "nzSize", "nzDefaultValue", "nzTrigger", "nzTitle", "nzFlipFlop", "nzShowText", "nzOpen", "nzAllowClear", "nzDisabled", "nzDisabledAlpha"], outputs: ["nzOnChange", "nzOnFormatChange", "nzOnClear", "nzOnOpenChange"], exportAs: ["NzColorPicker"] }, { 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: i14.NzFormDirective, selector: "[nz-form]", inputs: ["nzLayout", "nzNoColon", "nzAutoTips", "nzDisableAutoTips", "nzTooltipIcon", "nzLabelAlign", "nzLabelWrap"], exportAs: ["nzForm"] }, { kind: "component", type: i14.NzFormItemComponent, selector: "nz-form-item", exportAs: ["nzFormItem"] }, { kind: "component", type: i14.NzFormLabelComponent, selector: "nz-form-label", inputs: ["nzFor", "nzRequired", "nzNoColon", "nzTooltipTitle", "nzTooltipIcon", "nzLabelAlign", "nzLabelWrap"], exportAs: ["nzFormLabel"] }, { kind: "component", type: i14.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: i16.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: i17.NzRadioComponent, selector: "[nz-radio],[nz-radio-button]", inputs: ["nzValue", "nzDisabled", "nzAutoFocus", "nz-radio-button"], exportAs: ["nzRadio"] }, { kind: "component", type: i17.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: i9$1.NzSwitchComponent, selector: "nz-switch", inputs: ["nzLoading", "nzDisabled", "nzControl", "nzCheckedChildren", "nzUnCheckedChildren", "nzSize", "nzId"], exportAs: ["nzSwitch"] }, { 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", "title", "items"] }, { kind: "pipe", type: DefaultValPipe, name: "defVal" }, { kind: "pipe", type: SafeHtmlPipe, name: "safeHtml" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", 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: "20.3.15", type: AtrFormComponent, isStandalone: false, selector: "atr-form", inputs: { formOpts: "formOpts", viewTitle: "viewTitle" }, outputs: { formAction: "formAction", uploadAction: "uploadAction" }, ngImport: i0, template: "<atr-view-form *ngIf=\"formOpts.type == 'view'\" [dicts]=\"dicts\" [atrForm]=\"atrForm\" [title]=\"viewTitle\"\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' && item.treeList\"\r\n                              [nzNodes]=\"item.treeList\"\r\n                              [nzDefaultExpandAll]=\"item.expandAll\"\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                              (ngModelChange)=\"formChange($event,item)\"\r\n                              nzVirtualHeight=\"330px\"\r\n                              style=\"flex: 1\"\r\n              >\r\n              </nz-tree-select>\r\n              <nz-color-picker *ngIf=\"item.type == 'color'\" [formControlName]=\"item.key\" (ngModelChange)=\"formChange($event,item)\"\r\n                               [nzDisabled]=\"item.readonly\"></nz-color-picker>\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              <nz-switch  *ngIf=\"item.type == 'switch'\" [formControlName]=\"item.key\"\r\n                          [nzDisabled]=\"item.readonly || formOpts.type == 'view'\"\r\n                         (ngModelChange)=\"formChange($event,item)\" [nzCheckedChildren]=\"item.nzCheckedChildren\"\r\n                         [nzUnCheckedChildren]=\"item.nzUnCheckedChildren\"></nz-switch>\r\n\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                               (ngModelChange)=\"formChange($event,item)\"\r\n                               [nzFormatter]=\"item.dateFormat || defNumFormat\"\r\n                               [nzStep]=\"item.nzStep || 1\" [nzPrecision]=\"item.nzPrecision || 0\"\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                (ngModelChange)=\"formChange($event,item)\"\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                nzShowSearch\r\n                nzPlaceHolder=\"{{item.placeholder}}\"\r\n                nzAllowClear=\"true\"\r\n                [formControlName]=\"item.key\"\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              <ng-container *ngIf=\"item.type == 'date'\">\r\n                <nz-date-picker *ngIf=\"!item.dateMode\" [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-date-picker *ngIf=\"item.dateMode\"\r\n                                style=\"flex: 1\"\r\n                                [nzMode]=\"item.dateMode\"\r\n                                [nzDisabled]=\"formOpts.type == 'view' || item.readonly \"\r\n                                [formControlName]=\"item.key\"></nz-date-picker>\r\n              </ng-container>\r\n\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              <div *ngIf=\"item.type == 'editor'\">\u5BCC\u6587\u672C\u6682\u4E0D\u652F\u6301</div>\r\n\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: i6$3.NzColorPickerComponent, selector: "nz-color-picker", inputs: ["nzFormat", "nzValue", "nzSize", "nzDefaultValue", "nzTrigger", "nzTitle", "nzFlipFlop", "nzShowText", "nzOpen", "nzAllowClear", "nzDisabled", "nzDisabledAlpha"], outputs: ["nzOnChange", "nzOnFormatChange", "nzOnClear", "nzOnOpenChange"], exportAs: ["nzColorPicker"] }, { 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-icon], 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: ["nzOpen", "nzOptions", "nzOptionRender", "nzShowInput", "nzShowArrow", "nzAllowClear", "nzAutoFocus", "nzChangeOnSelect", "nzDisabled", "nzColumnClassName", "nzExpandTrigger", "nzValueProperty", "nzLabelProperty", "nzLabelRender", "nzVariant", "nzNotFoundContent", "nzSize", "nzBackdrop", "nzShowSearch", "nzPlaceHolder", "nzMenuClassName", "nzMenuStyle", "nzMouseLeaveDelay", "nzMouseEnterDelay", "nzStatus", "nzMultiple", "nzMaxTagCount", "nzPlacement", "nzTriggerAction", "nzChangeOn", "nzLoadData", "nzDisplayWith", "nzPrefix", "nzSuffixIcon", "nzExpandIcon"], outputs: ["nzVisibleChange", "nzSelectionChange", "nzRemoved", "nzClear"], exportAs: ["nzCascader"] }, { kind: "component", type: i6$2.NzCheckboxComponent, selector: "[nz-checkbox]", inputs: ["nzValue", "nzAutoFocus", "nzDisabled", "nzIndeterminate", "nzChecked", "nzId", "nzName"], 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-quarter-picker,nz-year-picker,nz-range-picker", inputs: ["nzAllowClear", "nzAutoFocus", "nzDisabled", "nzBorderless", "nzInputReadOnly", "nzInline", "nzOpen", "nzDisabledDate", "nzLocale", "nzPlaceHolder", "nzPopupStyle", "nzDropdownClassName", "nzSize", "nzStatus", "nzFormat", "nzVariant", "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: i14.NzFormDirective, selector: "[nz-form]", inputs: ["nzLayout", "nzNoColon", "nzAutoTips", "nzDisableAutoTips", "nzTooltipIcon", "nzLabelAlign", "nzLabelWrap", "nzRequiredMark"], exportAs: ["nzForm"] }, { kind: "component", type: i14.NzFormItemComponent, selector: "nz-form-item", exportAs: ["nzFormItem"] }, { kind: "component", type: i14.NzFormLabelComponent, selector: "nz-form-label", inputs: ["nzFor", "nzRequired", "nzNoColon", "nzTooltipTitle", "nzTooltipIcon", "nzLabelAlign", "nzLabelWrap"], exportAs: ["nzFormLabel"] }, { kind: "component", type: i14.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", "nzVariant", "nzSize", "nzStepperless", "nzStatus", "disabled", "readonly"], exportAs: ["nzInput"] }, { kind: "component", type: i16.NzInputNumberLegacyComponent, 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: i17.NzRadioComponent, selector: "[nz-radio],[nz-radio-button]", inputs: ["nzValue", "nzDisabled", "nzAutoFocus", "nz-radio-button"], exportAs: ["nzRadio"] }, { kind: "component", type: i17.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", "nzVariant", "nzOptionHeightPx", "nzOptionOverflowSize", "nzDropdownClassName", "nzDropdownMatchSelectWidth", "nzDropdownStyle", "nzNotFoundContent", "nzPlaceHolder", "nzPlacement", "nzMaxTagCount", "nzDropdownRender", "nzCustomTemplate", "nzPrefix", "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", "nzOnClear"], exportAs: ["nzSelect"] }, { kind: "component", type: i9$1.NzSwitchComponent, selector: "nz-switch", inputs: ["nzLoading", "nzDisabled", "nzControl", "nzCheckedChildren", "nzUnCheckedChildren", "nzSize", "nzId"], exportAs: ["nzSwitch"] }, { 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", "nzVariant", "nzPlaceHolder", "nzDropdownStyle", "nzDropdownClassName", "nzBackdrop", "nzStatus", "nzPlacement", "nzExpandedKeys", "nzPrefix", "nzSuffixIcon", "nzDisplayWith", "nzMaxTagCount", "nzMaxTagPlaceholder", "nzTreeTemplate"], outputs: ["nzOpenChange", "nzCleared", "nzRemoved", "nzExpandChange", "nzTreeClick", "nzTreeCheckboxChange"], exportAs: ["nzTreeSelect"] }, { 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", "title", "items"] }, { kind: "pipe", type: DefaultValPipe, name: "defVal" }, { kind: "pipe", type: SafeHtmlPipe, name: "safeHtml" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: AtrFormComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: AtrFormComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'atr-form', template: "<atr-view-form *ngIf=\"formOpts.type == 'view'\" [dicts]=\"dicts\" [atrForm]=\"atrForm\" [title]=\"viewTitle\"\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' && item.treeList\"\r\n                              [nzNodes]=\"item.treeList\"\r\n                              [nzDefaultExpandAll]=\"item.expandAll\"\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                              (ngModelChange)=\"formChange($event,item)\"\r\n                              nzVirtualHeight=\"330px\"\r\n                              style=\"flex: 1\"\r\n              >\r\n              </nz-tree-select>\r\n              <nz-color-picker *ngIf=\"item.type == 'color'\" [formControlName]=\"item.key\" (ngModelChange)=\"formChange($event,item)\"\r\n                               [nzDisabled]=\"item.readonly\"></nz-color-picker>\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              <nz-switch  *ngIf=\"item.type == 'switch'\" [formControlName]=\"item.key\"\r\n                          [nzDisabled]=\"item.readonly || formOpts.type == 'view'\"\r\n                         (ngModelChange)=\"formChange($event,item)\" [nzCheckedChildren]=\"item.nzCheckedChildren\"\r\n                         [nzUnCheckedChildren]=\"item.nzUnCheckedChildren\"></nz-switch>\r\n\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                               (ngModelChange)=\"formChange($event,item)\"\r\n                               [nzFormatter]=\"item.dateFormat || defNumFormat\"\r\n                               [nzStep]=\"item.nzStep || 1\" [nzPrecision]=\"item.nzPrecision || 0\"\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                (ngModelChange)=\"formChange($event,item)\"\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                nzShowSearch\r\n                nzPlaceHolder=\"{{item.placeholder}}\"\r\n                nzAllowClear=\"true\"\r\n                [formControlName]=\"item.key\"\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              <ng-container *ngIf=\"item.type == 'date'\">\r\n                <nz-date-picker *ngIf=\"!item.dateMode\" [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-date-picker *ngIf=\"item.dateMode\"\r\n                                style=\"flex: 1\"\r\n                                [nzMode]=\"item.dateMode\"\r\n                                [nzDisabled]=\"formOpts.type == 'view' || item.readonly \"\r\n                                [formControlName]=\"item.key\"></nz-date-picker>\r\n              </ng-container>\r\n\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\"\r\n                                (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"] }]
+            args: [{ standalone: false, selector: 'atr-form', template: "<atr-view-form *ngIf=\"formOpts.type == 'view'\" [dicts]=\"dicts\" [atrForm]=\"atrForm\" [title]=\"viewTitle\"\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' && item.treeList\"\r\n                              [nzNodes]=\"item.treeList\"\r\n                              [nzDefaultExpandAll]=\"item.expandAll\"\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                              (ngModelChange)=\"formChange($event,item)\"\r\n                              nzVirtualHeight=\"330px\"\r\n                              style=\"flex: 1\"\r\n              >\r\n              </nz-tree-select>\r\n              <nz-color-picker *ngIf=\"item.type == 'color'\" [formControlName]=\"item.key\" (ngModelChange)=\"formChange($event,item)\"\r\n                               [nzDisabled]=\"item.readonly\"></nz-color-picker>\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              <nz-switch  *ngIf=\"item.type == 'switch'\" [formControlName]=\"item.key\"\r\n                          [nzDisabled]=\"item.readonly || formOpts.type == 'view'\"\r\n                         (ngModelChange)=\"formChange($event,item)\" [nzCheckedChildren]=\"item.nzCheckedChildren\"\r\n                         [nzUnCheckedChildren]=\"item.nzUnCheckedChildren\"></nz-switch>\r\n\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                               (ngModelChange)=\"formChange($event,item)\"\r\n                               [nzFormatter]=\"item.dateFormat || defNumFormat\"\r\n                               [nzStep]=\"item.nzStep || 1\" [nzPrecision]=\"item.nzPrecision || 0\"\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                (ngModelChange)=\"formChange($event,item)\"\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                nzShowSearch\r\n                nzPlaceHolder=\"{{item.placeholder}}\"\r\n                nzAllowClear=\"true\"\r\n                [formControlName]=\"item.key\"\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              <ng-container *ngIf=\"item.type == 'date'\">\r\n                <nz-date-picker *ngIf=\"!item.dateMode\" [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-date-picker *ngIf=\"item.dateMode\"\r\n                                style=\"flex: 1\"\r\n                                [nzMode]=\"item.dateMode\"\r\n                                [nzDisabled]=\"formOpts.type == 'view' || item.readonly \"\r\n                                [formControlName]=\"item.key\"></nz-date-picker>\r\n              </ng-container>\r\n\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              <div *ngIf=\"item.type == 'editor'\">\u5BCC\u6587\u672C\u6682\u4E0D\u652F\u6301</div>\r\n\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]
@@ -5174,8 +4902,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                 type: Output
             }], uploadAction: [{
                 type: Output
-            }], quillChange: [{
-                type: Output
             }], viewTitle: [{
                 type: Input
             }] } });
@@ -5215,12 +4941,12 @@ class SelectTreeComponent {
             data: this.selectValue
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SelectTreeComponent, deps: [{ token: DictService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: SelectTreeComponent, selector: "app-select-tree", inputs: { opt: "opt", isDisable: "isDisable" }, outputs: { action: "action" }, ngImport: i0, template: "<nz-select\r\n  nzAllowClear=\"false\"\r\n  [nzDropdownMatchSelectWidth]=\"false\"\r\n  nzServerSearch\r\n  [(ngModel)]=\"selectValue\"\r\n  style=\"width: 100px\"\r\n  (ngModelChange)=\"changeValue()\"\r\n  [nzDisabled]=\"isDisable\"\r\n>\r\n  <nz-option *ngFor=\"let o of dicts[opt.dictCode]\" [nzLabel]=\"o.typeName\" [nzValue]=\"o\" > </nz-option>\r\n</nz-select>\r\n", styles: [""], dependencies: [{ kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { 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: "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"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: SelectTreeComponent, deps: [{ token: DictService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: SelectTreeComponent, isStandalone: false, selector: "app-select-tree", inputs: { opt: "opt", isDisable: "isDisable" }, outputs: { action: "action" }, ngImport: i0, template: "<nz-select\r\n  nzAllowClear=\"false\"\r\n  [nzDropdownMatchSelectWidth]=\"false\"\r\n  nzServerSearch\r\n  [(ngModel)]=\"selectValue\"\r\n  style=\"width: 100px\"\r\n  (ngModelChange)=\"changeValue()\"\r\n  [nzDisabled]=\"isDisable\"\r\n>\r\n  <nz-option *ngFor=\"let o of dicts[opt.dictCode]\" [nzLabel]=\"o.typeName\" [nzValue]=\"o\" > </nz-option>\r\n</nz-select>\r\n", styles: [""], dependencies: [{ kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { 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: "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", "nzVariant", "nzOptionHeightPx", "nzOptionOverflowSize", "nzDropdownClassName", "nzDropdownMatchSelectWidth", "nzDropdownStyle", "nzNotFoundContent", "nzPlaceHolder", "nzPlacement", "nzMaxTagCount", "nzDropdownRender", "nzCustomTemplate", "nzPrefix", "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", "nzOnClear"], exportAs: ["nzSelect"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SelectTreeComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: SelectTreeComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-select-tree', template: "<nz-select\r\n  nzAllowClear=\"false\"\r\n  [nzDropdownMatchSelectWidth]=\"false\"\r\n  nzServerSearch\r\n  [(ngModel)]=\"selectValue\"\r\n  style=\"width: 100px\"\r\n  (ngModelChange)=\"changeValue()\"\r\n  [nzDisabled]=\"isDisable\"\r\n>\r\n  <nz-option *ngFor=\"let o of dicts[opt.dictCode]\" [nzLabel]=\"o.typeName\" [nzValue]=\"o\" > </nz-option>\r\n</nz-select>\r\n" }]
+            args: [{ standalone: false, selector: 'app-select-tree', template: "<nz-select\r\n  nzAllowClear=\"false\"\r\n  [nzDropdownMatchSelectWidth]=\"false\"\r\n  nzServerSearch\r\n  [(ngModel)]=\"selectValue\"\r\n  style=\"width: 100px\"\r\n  (ngModelChange)=\"changeValue()\"\r\n  [nzDisabled]=\"isDisable\"\r\n>\r\n  <nz-option *ngFor=\"let o of dicts[opt.dictCode]\" [nzLabel]=\"o.typeName\" [nzValue]=\"o\" > </nz-option>\r\n</nz-select>\r\n" }]
         }], ctorParameters: () => [{ type: DictService }], propDecorators: { opt: [{
                 type: Input
             }], action: [{
@@ -5285,12 +5011,12 @@ class EchartsComponent {
         this.myEchart = echarts.init(this.echart.nativeElement);
         this.myEchart.setOption(this.option);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: EchartsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: EchartsComponent, selector: "app-echarts", inputs: { userOption: "userOption", width: "width", height: "height" }, viewQueries: [{ propertyName: "echart", first: true, predicate: ["echart"], descendants: true }], ngImport: i0, template: "<div [ngStyle]=\"{width:width,height:height}\" #echart></div>", styles: [""], dependencies: [{ kind: "directive", type: i1$2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: EchartsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: EchartsComponent, isStandalone: false, selector: "app-echarts", inputs: { userOption: "userOption", width: "width", height: "height" }, viewQueries: [{ propertyName: "echart", first: true, predicate: ["echart"], descendants: true }], ngImport: i0, template: "<div [ngStyle]=\"{width:width,height:height}\" #echart></div>", styles: [""], dependencies: [{ kind: "directive", type: i1$2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: EchartsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: EchartsComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-echarts', template: "<div [ngStyle]=\"{width:width,height:height}\" #echart></div>" }]
+            args: [{ standalone: false, selector: 'app-echarts', template: "<div [ngStyle]=\"{width:width,height:height}\" #echart></div>" }]
         }], ctorParameters: () => [], propDecorators: { echart: [{
                 type: ViewChild,
                 args: ['echart']
@@ -5409,12 +5135,12 @@ class ImgCanvasComponent {
             this.initImg();
         }, 300);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ImgCanvasComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: ImgCanvasComponent, selector: "app-img", inputs: { needTime: "needTime", url: "url", clipArr: "clipArr", rotateNum: "rotateNum", needContextmenu: "needContextmenu" }, outputs: { loadOver: "loadOver" }, viewQueries: [{ propertyName: "canvas1", first: true, predicate: ["canvas1"], descendants: true }], ngImport: i0, template: "<canvas #canvas1 style=\"width: 100%;height: 100%;\" oncontextmenu=\"return needContextmenu\">\n  \u60A8\u7684\u6D4F\u89C8\u5668\u4E0D\u652F\u6301\u753B\u5E03\uFF01\n</canvas>\n<ng-content></ng-content>\n", styles: [""] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: ImgCanvasComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: ImgCanvasComponent, isStandalone: false, selector: "app-img", inputs: { needTime: "needTime", url: "url", clipArr: "clipArr", rotateNum: "rotateNum", needContextmenu: "needContextmenu" }, outputs: { loadOver: "loadOver" }, viewQueries: [{ propertyName: "canvas1", first: true, predicate: ["canvas1"], descendants: true }], ngImport: i0, template: "<canvas #canvas1 style=\"width: 100%;height: 100%;\" oncontextmenu=\"return needContextmenu\">\r\n  \u60A8\u7684\u6D4F\u89C8\u5668\u4E0D\u652F\u6301\u753B\u5E03\uFF01\r\n</canvas>\r\n<ng-content></ng-content>\r\n", styles: [""] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ImgCanvasComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: ImgCanvasComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-img', template: "<canvas #canvas1 style=\"width: 100%;height: 100%;\" oncontextmenu=\"return needContextmenu\">\n  \u60A8\u7684\u6D4F\u89C8\u5668\u4E0D\u652F\u6301\u753B\u5E03\uFF01\n</canvas>\n<ng-content></ng-content>\n" }]
+            args: [{ standalone: false, selector: 'app-img', template: "<canvas #canvas1 style=\"width: 100%;height: 100%;\" oncontextmenu=\"return needContextmenu\">\r\n  \u60A8\u7684\u6D4F\u89C8\u5668\u4E0D\u652F\u6301\u753B\u5E03\uFF01\r\n</canvas>\r\n<ng-content></ng-content>\r\n" }]
         }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { needTime: [{
                 type: Input
             }], url: [{
@@ -5432,7 +5158,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                 type: Input
             }] } });
 
-// import QuillBetterTable from 'quill-better-table';
 const THIRDMODULES = [
     CusNgZorroAntdModule,
     NzResizableModule,
@@ -5441,7 +5166,7 @@ const SERVICE_PROVIDES = [];
 registerLocaleData(zh);
 // #endregion
 // #region your componets & directives
-const COMPONENTS = [ImgCanvasComponent, QuillEditorComponent, TableFormItemComponent, TableTdComponent, AtrTableComponent, UploadComponent, AtrFormComponent, LocalUploadComponent,
+const COMPONENTS = [ImgCanvasComponent, TableFormItemComponent, TableTdComponent, AtrTableComponent, UploadComponent, AtrFormComponent, LocalUploadComponent,
     SelectTreeComponent, VideoComponent, SelectIconsComponent, EchartsComponent, ViewFormComponent];
 const DIRECTIVES = [AtrRoleDirective, AtrErrorImgDirective, HqSpinDirective, DebounceClickDirective, InfiniteScrollDirective];
 //SharedModule
@@ -5450,9 +5175,9 @@ const DIRECTIVES = [AtrRoleDirective, AtrErrorImgDirective, HqSpinDirective, Deb
 // 应 导出所有包含的模块。
 // 不应 有 providers 属性。
 class AtrSharedModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: AtrSharedModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: AtrSharedModule, declarations: [ImgCanvasComponent, QuillEditorComponent, TableFormItemComponent, TableTdComponent, AtrTableComponent, UploadComponent, AtrFormComponent, LocalUploadComponent,
-            SelectTreeComponent, VideoComponent, SelectIconsComponent, EchartsComponent, ViewFormComponent, AtrRoleDirective, AtrErrorImgDirective, HqSpinDirective, DebounceClickDirective, InfiniteScrollDirective], imports: [PipeModuleModule,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: AtrSharedModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.15", ngImport: i0, type: AtrSharedModule, declarations: [ImgCanvasComponent, TableFormItemComponent, TableTdComponent, AtrTableComponent, UploadComponent, AtrFormComponent, LocalUploadComponent,
+            SelectTreeComponent, VideoComponent, SelectIconsComponent, EchartsComponent, ViewFormComponent], imports: [PipeModuleModule,
             CommonModule,
             FormsModule,
             ReactiveFormsModule,
@@ -5462,15 +5187,16 @@ class AtrSharedModule {
             VgControlsModule,
             VgOverlayPlayModule,
             VgBufferingModule,
-            DragDropModule, i10$1.DragulaModule, AtrComponentsModule, i8$2.QuillModule], exports: [DragDropModule,
+            DragDropModule,
+            AtrComponentsModule, AtrRoleDirective, AtrErrorImgDirective, HqSpinDirective, DebounceClickDirective, InfiniteScrollDirective, NzModalModule], exports: [DragDropModule,
             CommonModule,
             FormsModule,
             ReactiveFormsModule,
             RouterModule,
             NzColorPickerModule, CusNgZorroAntdModule,
-            NzResizableModule, ImgCanvasComponent, QuillEditorComponent, TableFormItemComponent, TableTdComponent, AtrTableComponent, UploadComponent, AtrFormComponent, LocalUploadComponent,
+            NzResizableModule, ImgCanvasComponent, TableFormItemComponent, TableTdComponent, AtrTableComponent, UploadComponent, AtrFormComponent, LocalUploadComponent,
             SelectTreeComponent, VideoComponent, SelectIconsComponent, EchartsComponent, ViewFormComponent, PipeModuleModule, AtrRoleDirective, AtrErrorImgDirective, HqSpinDirective, DebounceClickDirective, InfiniteScrollDirective] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: AtrSharedModule, providers: SERVICE_PROVIDES, imports: [PipeModuleModule,
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: AtrSharedModule, providers: SERVICE_PROVIDES, imports: [PipeModuleModule,
             CommonModule,
             FormsModule,
             ReactiveFormsModule,
@@ -5480,62 +5206,8 @@ class AtrSharedModule {
             VgOverlayPlayModule,
             VgBufferingModule,
             DragDropModule,
-            DragulaModule.forRoot(),
             AtrComponentsModule,
-            QuillModule.forRoot({
-                customModules: [
-                    { 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'
-                    //       }
-                    //     },
-                    //     color: {
-                    //       colors: ['green', 'red', 'yellow', 'blue', 'white'],
-                    //       text: 'Background Colors:'
-                    //     }
-                    //   }
-                    // },
-                    // imageResize: {},
-                    resize: {},
-                    toolbar: {
-                        container: [
-                            // ['undo', 'redo'],
-                            ['bold', 'italic', 'underline'],
-                            // ['code-block'], // blockquote
-                            // [{ header: 1 }, { header: 2 }],               // custom button values
-                            [{ list: 'ordered' }, { list: 'bullet' }],
-                            // [{ script: 'sub' }, { script: 'super' }],      // superscript/subscript
-                            [{ indent: '-1' }, { indent: '+1' }],
-                            // [{ direction: 'rtl' }],                         // text direction
-                            // [{ size: ['small', false, 'large', 'huge'] }],  // custom dropdown
-                            [{ header: [1, 2, 3, 4, 5, 6, false] }],
-                            [{ color: [] }, { background: [] }],
-                            // [{ font: [] }],
-                            [{ align: [] }],
-                            ['clean'],
-                            ['image'],
-                            ['table'], // link and image, video
-                        ],
-                        handlers: {
-                        // redo() {
-                        //   this['quill'].history.redo();
-                        // },
-                        // undo() {
-                        //   this['quill'].history.undo();
-                        // }
-                        }
-                    }
-                }
-            }), DragDropModule,
+            NzModalModule, DragDropModule,
             CommonModule,
             FormsModule,
             ReactiveFormsModule,
@@ -5543,7 +5215,7 @@ class AtrSharedModule {
             NzColorPickerModule, CusNgZorroAntdModule,
             NzResizableModule, PipeModuleModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: AtrSharedModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: AtrSharedModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [
@@ -5560,67 +5232,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                         VgOverlayPlayModule,
                         VgBufferingModule,
                         DragDropModule,
-                        DragulaModule.forRoot(),
                         AtrComponentsModule,
-                        QuillModule.forRoot({
-                            customModules: [
-                                { 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'
-                                //       }
-                                //     },
-                                //     color: {
-                                //       colors: ['green', 'red', 'yellow', 'blue', 'white'],
-                                //       text: 'Background Colors:'
-                                //     }
-                                //   }
-                                // },
-                                // imageResize: {},
-                                resize: {},
-                                toolbar: {
-                                    container: [
-                                        // ['undo', 'redo'],
-                                        ['bold', 'italic', 'underline'],
-                                        // ['code-block'], // blockquote
-                                        // [{ header: 1 }, { header: 2 }],               // custom button values
-                                        [{ list: 'ordered' }, { list: 'bullet' }],
-                                        // [{ script: 'sub' }, { script: 'super' }],      // superscript/subscript
-                                        [{ indent: '-1' }, { indent: '+1' }],
-                                        // [{ direction: 'rtl' }],                         // text direction
-                                        // [{ size: ['small', false, 'large', 'huge'] }],  // custom dropdown
-                                        [{ header: [1, 2, 3, 4, 5, 6, false] }],
-                                        [{ color: [] }, { background: [] }],
-                                        // [{ font: [] }],
-                                        [{ align: [] }],
-                                        ['clean'],
-                                        ['image'],
-                                        ['table'], // link and image, video
-                                    ],
-                                    handlers: {
-                                    // redo() {
-                                    //   this['quill'].history.redo();
-                                    // },
-                                    // undo() {
-                                    //   this['quill'].history.undo();
-                                    // }
-                                    }
-                                }
-                            }
-                        }),
+                        ...DIRECTIVES,
+                        NzModalModule,
                     ],
                     declarations: [
-                        // your components
-                        ...COMPONENTS,
-                        ...DIRECTIVES
+                        ...COMPONENTS
                     ],
                     exports: [
                         DragDropModule,
@@ -5629,9 +5246,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                         ReactiveFormsModule,
                         RouterModule,
                         NzColorPickerModule,
-                        // third libs
                         ...THIRDMODULES,
-                        // your components
                         ...COMPONENTS,
                         PipeModuleModule,
                         ...DIRECTIVES
@@ -5689,10 +5304,10 @@ class BusiService {
         });
         return result;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BusiService, deps: [{ token: i1$5.NzDrawerService }, { token: HttpService }, { token: i3$2.NzModalService }, { token: LOCALE_ID }, { token: i2$2.NzMessageService }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BusiService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: BusiService, deps: [{ token: i1$5.NzDrawerService }, { token: HttpService }, { token: i3$2.NzModalService }, { token: LOCALE_ID }, { token: i4$3.NzMessageService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: BusiService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BusiService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: BusiService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -5700,7 +5315,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
         }], ctorParameters: () => [{ type: i1$5.NzDrawerService }, { type: HttpService }, { type: i3$2.NzModalService }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [LOCALE_ID]
-                }] }, { type: i2$2.NzMessageService }] });
+                }] }, { type: i4$3.NzMessageService }] });
 
 window.global = window;
 
@@ -5708,5 +5323,5 @@ window.global = window;
  * Generated bundle index. Do not edit.
  */
 
-export { AtrComponentsModule, AtrErrorImgDirective, AtrFormComponent, AtrReuseStrategy, AtrRoleDirective, AtrSharedModule, AtrTableComponent, AuthGuard, BaseInterceptor, BusiService, ChinaNumPipe, CountPipe, CusNgZorroAntdModule, DayPipe, DebounceClickDirective, DefaultValPipe, DictService, DictsPipe, EchartsComponent, HqSpinDirective, HttpService, ImgCanvasComponent, InfiniteScrollDirective, IsEmptyPipe, IsNotEmptyPipe, LocalStorageUtil, LocalUploadComponent, MenuService, OssImgPipe, OssPipe, OssStaticPipe, PipeModuleModule, QuillEditorComponent, RemoveHtmlPipe, SafeComputePipe, SafeHtmlPipe, SafeUrlPipe, SelectIconsComponent, SelectTreeComponent, SessionStorageUtil, ShareService, TableFormItemComponent, TableTdComponent, ToolsUtil, UploadComponent, UploadOssService, UserAction, VideoComponent, ViewFormComponent, atr_static_datas, commonDatas, flyIn, scrollScreen, telphoneValidator, transAnimation };
+export { AtrComponentsModule, AtrErrorImgDirective, AtrFormComponent, AtrReuseStrategy, AtrRoleDirective, AtrSharedModule, AtrTableComponent, AuthGuard, BaseInterceptor, BusiService, ChinaNumPipe, CountPipe, CusNgZorroAntdModule, DayPipe, DebounceClickDirective, DefaultValPipe, DictService, DictsPipe, EchartsComponent, HqSpinDirective, HttpService, ImgCanvasComponent, InfiniteScrollDirective, IsEmptyPipe, IsNotEmptyPipe, LocalStorageUtil, LocalUploadComponent, MenuService, OssImgPipe, OssPipe, OssStaticPipe, PipeModuleModule, RemoveHtmlPipe, SafeComputePipe, SafeHtmlPipe, SafeUrlPipe, SelectIconsComponent, SelectTreeComponent, SessionStorageUtil, ShareService, TableFormItemComponent, TableTdComponent, ToolsUtil, UploadComponent, UploadOssService, UserAction, VideoComponent, ViewFormComponent, atr_static_datas, commonDatas, flyIn, scrollScreen, telphoneValidator, transAnimation };
 //# sourceMappingURL=atr-components.mjs.map