atr-components 3.1.10 → 3.1.12

package/fesm2022/atr-components.mjs

@@ -1,9 +1,9 @@
 import { animation, style, animate, trigger, state, transition, keyframes } from '@angular/animations';
 import * as i0 from '@angular/core';
-import { Injectable, EventEmitter, NgModule, Pipe, Input, Directive, HostListener, Output, forwardRef, Component, ChangeDetectionStrategy, LOCALE_ID, ViewChild, Inject } from '@angular/core';
+import { Injectable, EventEmitter, NgModule, Pipe, Input, Directive, HostListener, Output, forwardRef, Component, ChangeDetectionStrategy, LOCALE_ID, ViewChild, Inject, SecurityContext } 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 } from 'rxjs';
+import { Observable, throwError, of, debounceTime, Subject, firstValueFrom, take, timeout, takeUntil, defer, throwIfEmpty, finalize } from 'rxjs';
 import { mergeMap, catchError } from 'rxjs/operators';
 import * as i1$1 from '@angular/router';
 import { Router, RouterModule } from '@angular/router';
@@ -21,14 +21,14 @@ import { NzAvatarModule } from 'ng-zorro-antd/avatar';
 import { NzBackTopModule } from 'ng-zorro-antd/back-top';
 import { NzBadgeModule } from 'ng-zorro-antd/badge';
 import { NzBreadCrumbModule } from 'ng-zorro-antd/breadcrumb';
-import * as i3$1 from 'ng-zorro-antd/button';
+import * as i3 from 'ng-zorro-antd/button';
 import { NzButtonModule } from 'ng-zorro-antd/button';
 import { NzCalendarModule } from 'ng-zorro-antd/calendar';
 import { NzCardModule } from 'ng-zorro-antd/card';
 import { NzCarouselModule } from 'ng-zorro-antd/carousel';
-import * as i4 from 'ng-zorro-antd/cascader';
+import * as i5 from 'ng-zorro-antd/cascader';
 import { NzCascaderModule } from 'ng-zorro-antd/cascader';
-import * as i6$1 from 'ng-zorro-antd/checkbox';
+import * as i6 from 'ng-zorro-antd/checkbox';
 import { NzCheckboxModule } from 'ng-zorro-antd/checkbox';
 import { NzCollapseModule } from 'ng-zorro-antd/collapse';
 import { NzCommentModule } from 'ng-zorro-antd/comment';
@@ -36,14 +36,14 @@ import { NzNoAnimationModule } from 'ng-zorro-antd/core/no-animation';
 import { NzTransButtonModule } from 'ng-zorro-antd/core/trans-button';
 import * as i5$1 from 'ng-zorro-antd/core/wave';
 import { NzWaveModule } from 'ng-zorro-antd/core/wave';
-import * as i5 from 'ng-zorro-antd/date-picker';
+import * as i7 from 'ng-zorro-antd/date-picker';
 import { NzDatePickerModule } from 'ng-zorro-antd/date-picker';
 import * as i4$1 from 'ng-zorro-antd/descriptions';
 import { NzDescriptionsModule } from 'ng-zorro-antd/descriptions';
 import { NzDividerModule } from 'ng-zorro-antd/divider';
 import * as i1$5 from 'ng-zorro-antd/drawer';
 import { NzDrawerModule } from 'ng-zorro-antd/drawer';
-import * as i7 from 'ng-zorro-antd/dropdown';
+import * as i7$1 from 'ng-zorro-antd/dropdown';
 import { NzDropDownModule, NzContextMenuService } from 'ng-zorro-antd/dropdown';
 import { NzEmptyModule } from 'ng-zorro-antd/empty';
 import * as i14 from 'ng-zorro-antd/form';
@@ -51,11 +51,11 @@ import { NzFormModule } from 'ng-zorro-antd/form';
 import * as i8 from 'ng-zorro-antd/grid';
 import { NzGridModule } from 'ng-zorro-antd/grid';
 import { NzI18nModule } from 'ng-zorro-antd/i18n';
-import * as i8$1 from 'ng-zorro-antd/icon';
+import * as i10 from 'ng-zorro-antd/icon';
 import { NzIconModule } from 'ng-zorro-antd/icon';
-import * as i9 from 'ng-zorro-antd/input';
+import * as i11 from 'ng-zorro-antd/input';
 import { NzInputModule } from 'ng-zorro-antd/input';
-import * as i16 from 'ng-zorro-antd/input-number-legacy';
+import * as i12 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';
@@ -64,7 +64,7 @@ import { NzMenuModule } from 'ng-zorro-antd/menu';
 import { NzPageHeaderModule } from 'ng-zorro-antd/page-header';
 import * as i11$1 from 'ng-zorro-antd/pagination';
 import { NzPaginationModule } from 'ng-zorro-antd/pagination';
-import * as i9$1 from 'ng-zorro-antd/popover';
+import * as i9 from 'ng-zorro-antd/popover';
 import { NzPopoverModule } from 'ng-zorro-antd/popover';
 import { NzProgressModule } from 'ng-zorro-antd/progress';
 import * as i17 from 'ng-zorro-antd/radio';
@@ -72,7 +72,7 @@ import { NzRadioModule } from 'ng-zorro-antd/radio';
 import * as i5$2 from 'ng-zorro-antd/rate';
 import { NzRateModule } from 'ng-zorro-antd/rate';
 import { NzResultModule } from 'ng-zorro-antd/result';
-import * as i10 from 'ng-zorro-antd/select';
+import * as i13 from 'ng-zorro-antd/select';
 import { NzSelectModule } from 'ng-zorro-antd/select';
 import { NzSkeletonModule } from 'ng-zorro-antd/skeleton';
 import { NzSliderModule } from 'ng-zorro-antd/slider';
@@ -81,7 +81,7 @@ import { NzStatisticModule } from 'ng-zorro-antd/statistic';
 import { NzStepsModule } from 'ng-zorro-antd/steps';
 import * as i10$1 from 'ng-zorro-antd/switch';
 import { NzSwitchModule } from 'ng-zorro-antd/switch';
-import * as i12 from 'ng-zorro-antd/table';
+import * as i12$1 from 'ng-zorro-antd/table';
 import { NzTableModule } from 'ng-zorro-antd/table';
 import { NzTabsModule } from 'ng-zorro-antd/tabs';
 import { NzTagModule } from 'ng-zorro-antd/tag';
@@ -90,24 +90,25 @@ import { NzTimelineModule } from 'ng-zorro-antd/timeline';
 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';
+import * as i14$1 from 'ng-zorro-antd/tree-select';
 import { NzTreeSelectModule } from 'ng-zorro-antd/tree-select';
 import { NzTypographyModule } from 'ng-zorro-antd/typography';
-import * as i6 from 'ng-zorro-antd/upload';
+import * as i6$1 from 'ng-zorro-antd/upload';
 import { NzUploadModule } from 'ng-zorro-antd/upload';
-import * as i13 from 'ng-zorro-antd/resizable';
+import * as i13$1 from 'ng-zorro-antd/resizable';
 import { NzResizableModule } from 'ng-zorro-antd/resizable';
 import * as i2$1 from '@angular/common';
 import { CommonModule, formatDate, DatePipe, registerLocaleData } from '@angular/common';
 import { NzSpaceModule } from 'ng-zorro-antd/space';
 import * as i1$3 from 'ng-zorro-antd/image';
 import { NzImageModule } from 'ng-zorro-antd/image';
-import * as i3$3 from '@tinymce/tinymce-angular';
+import * as i3$2 from '@tinymce/tinymce-angular';
 import { EditorModule } from '@tinymce/tinymce-angular';
 import * as i1 from '@angular/platform-browser';
+import { DomSanitizer } from '@angular/platform-browser';
 import { moveItemInArray, DragDropModule } from '@angular/cdk/drag-drop';
-import * as i3 from 'ng-zorro-antd/core/transition-patch';
-import * as i3$2 from 'ng-zorro-antd/modal';
+import * as i4 from 'ng-zorro-antd/core/transition-patch';
+import * as i3$1 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';
@@ -119,7 +120,8 @@ 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 * as i14$1 from 'ag-grid-angular';
+import { ModuleRegistry, AllCommunityModule } from 'ag-grid-community';
+import * as i14$2 from 'ag-grid-angular';
 import { AgGridAngular } from 'ag-grid-angular';
 
 const transAnimation = animation([
@@ -136,6 +138,8 @@ const atr_static_datas = {
      * oss地址前缀
      */
     OSS_URL: '',
+    /** 图片加载失败时使用的静态资源地址；宿主可覆盖。 */
+    errImg: 'assets/atr-components/assets/no-image-placeholder.png',
     /**
      * 静态地址
      */
@@ -1389,10 +1393,10 @@ class HttpService {
         }, error => {
         });
     }
-    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 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: HttpService, deps: [{ token: i2.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: HttpService }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: HttpService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: HttpService, decorators: [{
             type: Injectable
         }], ctorParameters: () => [{ type: i2.HttpClient }] });
 
@@ -1529,10 +1533,10 @@ class MenuService {
         this.isLoadMenu = 'unload';
         this.data = [];
     }
-    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' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: MenuService, deps: [{ token: HttpService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: MenuService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: MenuService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: MenuService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }], ctorParameters: () => [{ type: HttpService }] });
@@ -1686,16 +1690,16 @@ class BaseInterceptor {
             return of(event);
         }), catchError((err) => this.handleData(err, noTip == "1")));
     }
-    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 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: BaseInterceptor, deps: [{ token: i0.Injector }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: BaseInterceptor }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: BaseInterceptor, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: BaseInterceptor, decorators: [{
             type: Injectable
         }], ctorParameters: () => [{ type: i0.Injector }] });
 
 class CusNgZorroAntdModule {
-    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,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: CusNgZorroAntdModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.25", ngImport: i0, type: CusNgZorroAntdModule, exports: [CommonModule,
             NzSpaceModule,
             NzAffixModule,
             NzAlertModule,
@@ -1761,7 +1765,7 @@ class CusNgZorroAntdModule {
             FormsModule,
             ReactiveFormsModule,
             NzImageModule] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CusNgZorroAntdModule, imports: [CommonModule,
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: CusNgZorroAntdModule, imports: [CommonModule,
             NzSpaceModule,
             NzAffixModule,
             NzAlertModule,
@@ -1828,7 +1832,7 @@ class CusNgZorroAntdModule {
             ReactiveFormsModule,
             NzImageModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CusNgZorroAntdModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: CusNgZorroAntdModule, decorators: [{
             type: NgModule,
             args: [{
                     exports: [
@@ -1949,10 +1953,10 @@ class IsEmptyPipe {
         }
         return ToolsUtil.isNull(value);
     }
-    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" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: IsEmptyPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.3.25", ngImport: i0, type: IsEmptyPipe, isStandalone: true, name: "isEmpty" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: IsEmptyPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: IsEmptyPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'isEmpty'
@@ -2095,10 +2099,10 @@ class DictService {
     reset() {
         SessionStorageUtil.resetDict();
     }
-    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' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: DictService, deps: [{ token: HttpService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: DictService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: DictService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: DictService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -2119,10 +2123,10 @@ class DictsPipe {
         });
         // return "测试1"
     }
-    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" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: DictsPipe, deps: [{ token: DictService }], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.3.25", ngImport: i0, type: DictsPipe, isStandalone: true, name: "dicts" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: DictsPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: DictsPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'dicts'
@@ -2139,10 +2143,10 @@ class DefaultValPipe {
         }
         return value;
     }
-    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" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: DefaultValPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.3.25", ngImport: i0, type: DefaultValPipe, isStandalone: true, name: "defVal" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: DefaultValPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: DefaultValPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'defVal'
@@ -2159,12 +2163,12 @@ class DayPipe {
         if (typeof value !== 'number') {
             throw new Error('Invalid pipe argument for WelcomePipe');
         }
-        return parseInt(value / this.TIME_OF_DAY + "");
+        return Math.trunc(value / this.TIME_OF_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" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: DayPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.3.25", ngImport: i0, type: DayPipe, isStandalone: true, name: "day" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: DayPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: DayPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'day'
@@ -2181,10 +2185,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: "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" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: SafeComputePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.3.25", ngImport: i0, type: SafeComputePipe, isStandalone: true, name: "safeCompute" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: SafeComputePipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: SafeComputePipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'safeCompute'
@@ -2195,10 +2199,10 @@ class IsNotEmptyPipe {
     transform(value) {
         return !ToolsUtil.isNull(value);
     }
-    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" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: IsNotEmptyPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.3.25", ngImport: i0, type: IsNotEmptyPipe, isStandalone: true, name: "isNotEmpty" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: IsNotEmptyPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: IsNotEmptyPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'isNotEmpty'
@@ -2211,10 +2215,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: "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" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: OssImgPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.3.25", ngImport: i0, type: OssImgPipe, isStandalone: true, name: "ossImg" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: OssImgPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: OssImgPipe, decorators: [{
             type: Pipe,
             args: [{ name: 'ossImg' }]
         }], ctorParameters: () => [] });
@@ -2226,10 +2230,10 @@ class SafeHtmlPipe {
     transform(html) {
         return this.sanitizer.bypassSecurityTrustHtml(html);
     }
-    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" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: SafeHtmlPipe, deps: [{ token: i1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.3.25", ngImport: i0, type: SafeHtmlPipe, isStandalone: true, name: "safeHtml" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: SafeHtmlPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: SafeHtmlPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'safeHtml'
@@ -2260,10 +2264,10 @@ class ChinaNumPipe {
         }
         return "";
     }
-    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" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: ChinaNumPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.3.25", ngImport: i0, type: ChinaNumPipe, isStandalone: true, name: "chinaNum" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: ChinaNumPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: ChinaNumPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'chinaNum'
@@ -2283,7 +2287,7 @@ class CountPipe {
         lefts = Math.floor(value / 1000 % 60); //计算秒数
         let returnStr = "";
         if (leftd > 0) {
-            returnStr = leftd < 10 ? "0" : "" + leftd + "天";
+            returnStr = (leftd < 10 ? "0" : "") + leftd + "天";
         }
         // if(lefth > 0){
         returnStr += (lefth < 10 ? "0" : "") + lefth + "小时";
@@ -2292,10 +2296,10 @@ class CountPipe {
         // }
         return returnStr;
     }
-    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" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: CountPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.3.25", ngImport: i0, type: CountPipe, isStandalone: true, name: "count" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CountPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: CountPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'count'
@@ -2306,10 +2310,10 @@ class OssPipe {
     transform(value, defaultVal, needTime = false) {
         return ToolsUtil.getOssUrl(value, needTime);
     }
-    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" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: OssPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.3.25", ngImport: i0, type: OssPipe, isStandalone: true, name: "oss" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: OssPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: OssPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'oss'
@@ -2320,10 +2324,10 @@ class OssStaticPipe {
     transform(value, defaultVal) {
         return ToolsUtil.getStaticOssUrl(value);
     }
-    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" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: OssStaticPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.3.25", ngImport: i0, type: OssStaticPipe, isStandalone: true, name: "ossStatic" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: OssStaticPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: OssStaticPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'ossStatic'
@@ -2337,10 +2341,10 @@ class RemoveHtmlPipe {
     transform(value, ...args) {
         return ToolsUtil.removeHtml(value);
     }
-    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" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: RemoveHtmlPipe, deps: [{ token: i1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.3.25", ngImport: i0, type: RemoveHtmlPipe, isStandalone: true, name: "removeHtml" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: RemoveHtmlPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: RemoveHtmlPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'removeHtml'
@@ -2354,10 +2358,10 @@ class SafeUrlPipe {
     transform(value, ...args) {
         return this.sanitized.bypassSecurityTrustResourceUrl(value);
     }
-    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" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: SafeUrlPipe, deps: [{ token: i1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.3.25", ngImport: i0, type: SafeUrlPipe, isStandalone: true, name: "safeUrl" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: SafeUrlPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: SafeUrlPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'safeUrl'
@@ -2382,8 +2386,8 @@ const PIPES = [
     SafeUrlPipe // 暂时注释
 ];
 class PipeModuleModule {
-    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,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: PipeModuleModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.25", ngImport: i0, type: PipeModuleModule, imports: [CommonModule, IsNotEmptyPipe,
             DefaultValPipe,
             DictsPipe, // 暂时注释
             DayPipe,
@@ -2412,9 +2416,9 @@ class PipeModuleModule {
             RemoveHtmlPipe, // 暂时注释
             SafeUrlPipe // 暂时注释
         ] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: PipeModuleModule, imports: [CommonModule] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: PipeModuleModule, imports: [CommonModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: PipeModuleModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: PipeModuleModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [
@@ -2485,24 +2489,24 @@ class 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 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", 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.25", ngImport: i0, type: UploadOssService }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: UploadOssService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", 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: "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: [EditorModule,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: AtrComponentsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.25", ngImport: i0, type: AtrComponentsModule, imports: [EditorModule,
             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: [EditorModule,
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: AtrComponentsModule, providers: [HttpService, MenuService, UploadOssService], imports: [EditorModule,
             CommonModule,
             PipeModuleModule, PipeModuleModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: AtrComponentsModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: AtrComponentsModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [...COMMON_COMPONENT],
@@ -2537,10 +2541,10 @@ class AuthGuard {
         setTimeout(() => AtrReuseStrategy.deleteAll(), 50);
         return false;
     }
-    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' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", 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.25", ngImport: i0, type: AuthGuard, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: AuthGuard, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: AuthGuard, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -2598,10 +2602,10 @@ class AtrRoleDirective {
     getRouterUrl() {
         return this.injector.get(Router).url;
     }
-    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 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", 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.25", type: AtrRoleDirective, isStandalone: true, selector: "[atrRole]", inputs: { atrRole: "atrRole" }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: AtrRoleDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: AtrRoleDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[atrRole]'
@@ -2616,18 +2620,20 @@ class AtrErrorImgDirective {
         this.elementRef = elementRef;
         this.errorImagSrc = "";
     }
-    ImageError(event) {
-        if (this.errorImagSrc) {
-            event.src = this.errorImagSrc;
-        }
-        else {
-            event.src = 'https://atr-demo.oss-cn-hangzhou.aliyuncs.com/common/null.png';
-        }
+    ImageError(image) {
+        const fallback = this.errorImagSrc || atr_static_datas.errImg;
+        if (!image || !fallback)
+            return;
+        // A failed fallback must not keep assigning itself and firing error again.
+        // getAttribute preserves relative URLs while image.src resolves them.
+        if (image.getAttribute('src') === fallback || image.src === fallback)
+            return;
+        image.src = fallback;
     }
-    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 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: AtrErrorImgDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.25", 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: "20.3.15", ngImport: i0, type: AtrErrorImgDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: AtrErrorImgDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[atrErrorImg]'
@@ -2672,10 +2678,10 @@ class HqSpinDirective {
             }
         }
     }
-    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 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", 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.25", type: HqSpinDirective, isStandalone: true, selector: "[HqSpin]", inputs: { spinLoading: "spinLoading", text: "text" }, usesOnChanges: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: HqSpinDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: HqSpinDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[HqSpin]'
@@ -2708,10 +2714,10 @@ class InfiniteScrollDirective {
             this.appInfiniteScroll.emit(); // 触发事件
         }
     }
-    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 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: InfiniteScrollDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.25", type: InfiniteScrollDirective, isStandalone: true, selector: "[appInfiniteScroll]", outputs: { appInfiniteScroll: "appInfiniteScroll" }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: InfiniteScrollDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: InfiniteScrollDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[appInfiniteScroll]'
@@ -2741,10 +2747,10 @@ class DebounceClickDirective {
         event.stopPropagation();
         this.click$.emit(event);
     }
-    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 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: DebounceClickDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.25", 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: "20.3.15", ngImport: i0, type: DebounceClickDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: DebounceClickDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[debounceClick]'
@@ -2760,75 +2766,127 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
 
 class TableFormItemComponent {
     constructor() {
+        this.header = { name: '', key: '', type: 'text' };
+        this.value = null;
         this.dictList = [];
         this.headerAction = new EventEmitter();
-        this.isNull = ToolsUtil.isNull;
-    }
-    ngOnInit() {
+        this.disabled = false;
+        this.modelOptions = { standalone: true };
+        this.onChangeListener = () => { };
+        this.onTouchedListener = () => { };
+    }
+    get options() {
+        return Array.isArray(this.header?.dictList) ? this.header.dictList
+            : Array.isArray(this.dictList) ? this.dictList : [];
+    }
+    get checkboxOptions() {
+        return this.options.map(option => ({
+            label: this.optionLabel(option), value: this.optionValue(option), disabled: option?.disabled
+        }));
+    }
+    get isMultiple() {
+        return !!this.header?.selectUrl?.isMultiple || this.header?.nzMode === 'multiple' || this.header?.nzMode === 'tags';
+    }
+    get hasValue() {
+        return this.value !== null && this.value !== undefined && this.value !== ''
+            && (!Array.isArray(this.value) || this.value.length > 0);
+    }
+    get showTime() {
+        const config = this.header?.nzShowTime;
+        if (typeof config === 'boolean')
+            return config;
+        return config && config.isShowTime !== false
+            ? { nzFormat: this.getTimeFormat(config.nzFormat || 'HH:mm:ss') } : false;
+    }
+    get dateFormat() {
+        if (this.header?.dateMode === 'year')
+            return 'yyyy';
+        if (this.header?.dateMode === 'month')
+            return 'yyyy-MM';
+        if (this.header?.dateMode === 'week')
+            return 'yyyy-ww';
+        if (!this.showTime)
+            return 'yyyy-MM-dd';
+        const config = this.header?.nzShowTime;
+        const format = typeof config?.nzFormat === 'string' ? config.nzFormat.trim() : '';
+        // Existing query headers use both a complete date format and a time-only format.
+        if (format && /[yYMdDwWQqLEecG]/.test(format.replace(/'[^']*(?:''[^']*)*'/g, '')))
+            return format;
+        return 'yyyy-MM-dd ' + (format || 'HH:mm:ss');
+    }
+    getTimeFormat(format) {
+        const parts = format.match(/'[^']*(?:''[^']*)*'|([a-zA-Z])\1*|./g) || [];
+        const isTimeToken = (part) => /^[HhmsSaAbBzZO]+$/.test(part);
+        const first = parts.findIndex(isTimeToken);
+        if (first < 0)
+            return 'HH:mm:ss';
+        let last = parts.length - 1;
+        while (!isTimeToken(parts[last]))
+            last--;
+        return parts.slice(first, last + 1).join('');
+    }
+    optionLabel(option) {
+        return String(option?.typeName ?? option?.label ?? option?.title ?? option?.name ?? this.optionValue(option) ?? '');
+    }
+    optionValue(option) {
+        return option !== null && typeof option === 'object' ? option.id ?? option.value ?? option.key : option;
     }
     writeValue(value) {
         this.value = value;
     }
     registerOnChange(fn) {
-        console.log('registerOnChange');
         this.onChangeListener = fn;
     }
     registerOnTouched(fn) {
-        console.log('registerOnTouched');
         this.onTouchedListener = fn;
     }
     setDisabledState(isDisabled) {
+        this.disabled = isDisabled;
     }
-    onChange(e) {
-        console.log('form change', this.value);
-        console.log('form change e', e);
-        if (this.onChangeListener) {
-            this.onChangeListener(e); // 告诉form，你的表单值改变成了payload
-        }
-        if (this.onTouchedListener) {
-            this.onTouchedListener(); // 告诉form，你的表单有交互发生
-        }
+    markTouched() {
+        if (!this.disabled)
+            this.onTouchedListener();
+    }
+    onChange(value = this.value) {
+        if (this.disabled)
+            return;
+        this.value = value;
+        this.onChangeListener(value);
+        this.markTouched();
+    }
+    clearValue(event) {
+        event?.preventDefault();
+        event?.stopPropagation();
+        if (this.disabled || this.header?.disableClear)
+            return;
+        this.onChange(null);
     }
     selectChange(value, item) {
-        //console.log(value);
-        let action = {
-            name: item.label,
-            code: item.key,
-            data: item,
-            value: value,
-        };
-        this.headerAction.emit(action);
+        if (this.disabled)
+            return;
+        this.headerAction.emit({ name: item.name ?? item.label, code: item.key, data: item, value });
     }
-    clickIcon(value, item, $event) {
-        $event.stopPropagation();
-        //console.log(value,item);
-        let action = {
-            name: item.name,
-            code: item.icon?.code ? item.icon?.code : "",
-            data: item,
-            value: value,
-        };
-        this.headerAction.emit(action);
+    clickIcon(value, item, event) {
+        event.stopPropagation();
+        if (this.disabled)
+            return;
+        this.headerAction.emit({ name: item.name, code: item.icon?.code || '', data: item, value });
     }
-    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: [
-            {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: TableFormItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: TableFormItemComponent, isStandalone: false, selector: "app-table-form-item", inputs: { header: "header", value: "value", dictList: "dictList" }, outputs: { headerAction: "headerAction" }, host: { listeners: { "focusout": "markTouched()" } }, 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?.isShowTime || false\"\r\n      (ngModelChange)=\"onChange($event)\"\r\n\r\n      [nzFormat]=\"header.nzShowTime?.nzFormat || 'yyyy-MM-dd'\"\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{height:100%;width:100%;background:#fff}:host ::ng-deep .ant-table-title{padding:0}: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{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 .ant-table-pagination.ant-pagination{margin:0}:host ::ng-deep .ant-table-footer{padding:5px 0 0}:host ::ng-deep .main-table{position:absolute;inset:0}:host ::ng-deep .table-content .ant-spin-nested-loading{height:100%}:host ::ng-deep .table-content .ant-spin-container{height:100%}:host ::ng-deep .table-content .ant-table-wrapper{width:100%;height:100%}:host ::ng-deep .table-content .ant-table-footer{position:absolute;bottom:0;width: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;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 ::ng-deep .ant-table-content{overflow-x:auto}: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}:host :host ::ng-deep .ant-table{min-width:100%;height:100%}:host :host ::ng-deep .ant-table-container{min-width:100%;height:100%}:host app-table-td{background:#fff0!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: i2$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i2$1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1$2.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: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i3.ɵ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.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: i8.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: i8.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$1.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" }] }); }
+            }], ngImport: i0, template: "<nz-form-item style=\"position: relative\" [title]=\"header.name\" nzFlex>\n  <nz-form-control [nzSpan]=\"header.cspan || 24\" [ngSwitch]=\"header.type\">\n    <nz-input-group [nzSuffix]=\"inputClearTpl\" *ngSwitchCase=\"'text'\">\n      <input nz-input [placeholder]=\"header.placeholder || header.name\" [attr.id]=\"header.key\"\n             [disabled]=\"disabled\" [ngModel]=\"value\" [ngModelOptions]=\"modelOptions\"\n             (ngModelChange)=\"onChange($event)\" />\n    </nz-input-group>\n\n    <nz-input-number *ngSwitchCase=\"'number'\" style=\"width: 100%\" [nzId]=\"header.key\"\n                     [nzPlaceHolder]=\"header.placeholder || header.name\" [nzDisabled]=\"disabled\"\n                     [ngModel]=\"value\" [ngModelOptions]=\"modelOptions\"\n                     (ngModelChange)=\"onChange($event)\"></nz-input-number>\n\n    <ng-container *ngSwitchCase=\"'checkbox'\">\n      <div class=\"checkbox-control\">\n        <nz-checkbox-group *ngIf=\"options.length; else booleanCheckbox\" [nzOptions]=\"checkboxOptions\"\n                           [nzDisabled]=\"disabled\" [ngModel]=\"value\" [ngModelOptions]=\"modelOptions\"\n                           (ngModelChange)=\"onChange($event)\"></nz-checkbox-group>\n        <ng-template #booleanCheckbox>\n          <label nz-checkbox [nzDisabled]=\"disabled\" [nzIndeterminate]=\"value == null\"\n                 [ngModel]=\"value === true\" [ngModelOptions]=\"modelOptions\"\n                 (ngModelChange)=\"onChange($event)\">{{value == null ? '\u4E0D\u9650' : value ? '\u662F' : '\u5426'}}</label>\n        </ng-template>\n        <button *ngIf=\"hasValue && !header.disableClear\" type=\"button\" nz-button nzType=\"text\" nzSize=\"small\"\n                [disabled]=\"disabled\" [attr.aria-label]=\"'\u6E05\u7A7A' + header.name\" (click)=\"clearValue($event)\">\u6E05\u7A7A</button>\n      </div>\n    </ng-container>\n\n    <nz-select *ngSwitchCase=\"'select'\" [nzAllowClear]=\"!header.disableClear\" [nzDisabled]=\"disabled\"\n               [nzMaxTagCount]=\"header.maxTagCount ?? 3\" [nzPlaceHolder]=\"header.placeholder || header.name\"\n               [nzMode]=\"header.nzMode || 'default'\" [nzShowSearch]=\"true\"\n               [ngModel]=\"value\" [ngModelOptions]=\"modelOptions\" (ngModelChange)=\"onChange($event)\">\n      <nz-option *ngFor=\"let option of options\" [nzLabel]=\"optionLabel(option)\" [nzValue]=\"optionValue(option)\"\n                 [nzDisabled]=\"!!option.disabled\"></nz-option>\n    </nz-select>\n\n    <nz-select *ngSwitchCase=\"'selectCus'\" [nzAllowClear]=\"!header.disableClear\" [nzDisabled]=\"disabled\"\n               [nzMaxTagCount]=\"header.maxTagCount ?? 3\" [nzPlaceHolder]=\"header.placeholder || header.name\"\n               [nzMode]=\"header.nzMode || 'default'\" [nzShowSearch]=\"true\"\n               [ngModel]=\"value\" [ngModelOptions]=\"modelOptions\" (ngModelChange)=\"onChange($event)\">\n      <nz-option *ngFor=\"let option of options\" nzCustomContent [nzLabel]=\"optionLabel(option)\"\n                 [nzValue]=\"optionValue(option)\" [nzDisabled]=\"!!option.disabled\">\n        <i class=\"select-icon\" *ngIf=\"header.icon?.isShow\" nz-icon [nzType]=\"header.icon.icon\"\n           nzTheme=\"outline\" style=\"margin-right: 1rem\" (click)=\"clickIcon(optionValue(option), header, $event)\"></i>\n        {{optionLabel(option)}}\n      </nz-option>\n    </nz-select>\n\n    <nz-cascader *ngSwitchCase=\"'cascader'\" [nzDisabled]=\"disabled\" [nzAllowClear]=\"!header.disableClear\"\n                 [nzPlaceHolder]=\"header.placeholder || header.name\" [nzShowSearch]=\"true\" [nzOptions]=\"options\"\n                 [ngModel]=\"value\" [ngModelOptions]=\"modelOptions\" (ngModelChange)=\"onChange($event)\"></nz-cascader>\n\n    <nz-tree-select *ngSwitchCase=\"'treeSelect'\" [nzDisabled]=\"disabled\" [nzDefaultExpandAll]=\"!!header.expandAll\"\n                    [nzAllowClear]=\"!header.disableClear\" [nzNodes]=\"header.treeList || []\" [nzHideUnMatched]=\"true\"\n                    [nzPlaceHolder]=\"header.placeholder || header.name\" [nzShowSearch]=\"true\" [nzMultiple]=\"isMultiple\"\n                    [nzMaxTagCount]=\"header.maxTagCount ?? 3\" nzVirtualHeight=\"330px\"\n                    [ngModel]=\"value\" [ngModelOptions]=\"modelOptions\" (ngModelChange)=\"onChange($event)\"></nz-tree-select>\n\n    <nz-range-picker *ngSwitchCase=\"'dayRange'\" style=\"width: 100%\" [nzDisabled]=\"disabled\"\n                     [nzAllowClear]=\"!header.disableClear\" nzFormat=\"yyyy-MM-dd\"\n                     [nzPlaceHolder]=\"[header.name + '\u5F00\u59CB\u65F6\u95F4', '\u7ED3\u675F\u65F6\u95F4']\"\n                     [ngModel]=\"value\" [ngModelOptions]=\"modelOptions\" (ngModelChange)=\"onChange($event)\"></nz-range-picker>\n\n    <nz-range-picker *ngSwitchCase=\"'dateRange'\" style=\"width: 100%\" [nzDisabled]=\"disabled\"\n                     [nzAllowClear]=\"!header.disableClear\" [nzShowTime]=\"showTime\" [nzFormat]=\"dateFormat\"\n                     [nzShowNow]=\"!!showTime && !!header.nzShowNow\"\n                     [nzPlaceHolder]=\"[header.name + '\u5F00\u59CB\u65F6\u95F4', '\u7ED3\u675F\u65F6\u95F4']\"\n                     [ngModel]=\"value\" [ngModelOptions]=\"modelOptions\" (ngModelChange)=\"onChange($event)\"></nz-range-picker>\n\n    <ng-container *ngSwitchCase=\"'sdate'\"><ng-container *ngTemplateOutlet=\"singleDateTpl\"></ng-container></ng-container>\n    <ng-container *ngSwitchCase=\"'datepicker'\"><ng-container *ngTemplateOutlet=\"singleDateTpl\"></ng-container></ng-container>\n    <nz-date-picker *ngSwitchCase=\"'smonth'\" style=\"width: 100%\" nzMode=\"month\" nzFormat=\"yyyy-MM\"\n                    [nzDisabled]=\"disabled\" [nzAllowClear]=\"!header.disableClear\"\n                    [nzPlaceHolder]=\"header.placeholder || header.name\"\n                    [ngModel]=\"value\" [ngModelOptions]=\"modelOptions\" (ngModelChange)=\"onChange($event)\"></nz-date-picker>\n    <span class=\"label-title\">{{header.name}}</span>\n  </nz-form-control>\n</nz-form-item>\n\n<ng-template #singleDateTpl>\n  <nz-date-picker style=\"width: 100%\" [nzMode]=\"header.dateMode || 'date'\" [nzFormat]=\"dateFormat\"\n                  [nzDisabled]=\"disabled\" [nzAllowClear]=\"!header.disableClear\"\n                  [nzShowTime]=\"header.dateMode ? false : showTime\" [nzShowNow]=\"!!showTime && !!header.nzShowNow\"\n                  [nzPlaceHolder]=\"header.placeholder || header.name\"\n                  [ngModel]=\"value\" [ngModelOptions]=\"modelOptions\" (ngModelChange)=\"onChange($event)\"></nz-date-picker>\n</ng-template>\n\n<ng-template #inputClearTpl>\n  <button *ngIf=\"!header.disableClear && hasValue\" type=\"button\" class=\"ant-input-clear-icon clear-button\"\n          [disabled]=\"disabled\" [attr.aria-label]=\"'\u6E05\u7A7A' + header.name\" (click)=\"clearValue($event)\">\n    <i nz-icon nzTheme=\"fill\" nzType=\"close-circle\"></i>\n  </button>\n</ng-template>\r\n", styles: [":host{margin-bottom:5px}:host .label-title{z-index:80}:host .checkbox-control{display:flex;align-items:center;flex-wrap:wrap;min-height:32px;gap:8px}:host .clear-button{padding:0;border:0;background:transparent;line-height:1;cursor:pointer}:host .clear-button:disabled{cursor:not-allowed;opacity:.45}\n", ":host{height:100%;width:100%;background:#fff}:host ::ng-deep .ant-table-title{padding:0}: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{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 .ant-table-pagination.ant-pagination{margin:0}:host ::ng-deep .ant-table-footer{padding:5px 0 0}:host ::ng-deep .main-table{position:absolute;inset:0}:host ::ng-deep .table-content .ant-spin-nested-loading{height:100%}:host ::ng-deep .table-content .ant-spin-container{height:100%}:host ::ng-deep .table-content .ant-table-wrapper{width:100%;height:100%}:host ::ng-deep .table-content .ant-table-footer{position:absolute;bottom:0;width: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;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 ::ng-deep .ant-table-content{overflow-x:auto}: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}:host :host ::ng-deep .ant-table{min-width:100%;height:100%}:host :host ::ng-deep .ant-table-container{min-width:100%;height:100%}:host app-table-td{background:#fff0!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: i2$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2$1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i2$1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1$2.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: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3.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: "component", type: i5.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.NzCheckboxComponent, selector: "[nz-checkbox]", inputs: ["nzValue", "nzAutoFocus", "nzDisabled", "nzIndeterminate", "nzChecked", "nzId", "nzName"], outputs: ["nzCheckedChange"], exportAs: ["nzCheckbox"] }, { kind: "component", type: i6.NzCheckboxGroupComponent, selector: "nz-checkbox-group", inputs: ["nzName", "nzDisabled", "nzOptions"], exportAs: ["nzCheckboxGroup"] }, { kind: "component", type: i7.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: i7.NzRangePickerComponent, selector: "nz-range-picker", exportAs: ["nzRangePicker"] }, { kind: "directive", type: i8.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: i8.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: i10.NzIconDirective, selector: "nz-icon,[nz-icon]", inputs: ["nzSpin", "nzRotate", "nzType", "nzTheme", "nzTwotoneColor", "nzIconfont"], exportAs: ["nzIcon"] }, { kind: "directive", type: i11.NzInputDirective, selector: "input[nz-input],textarea[nz-input]", inputs: ["nzBorderless", "nzVariant", "nzSize", "nzStepperless", "nzStatus", "disabled", "readonly"], exportAs: ["nzInput"] }, { kind: "component", type: i11.NzInputGroupComponent, selector: "nz-input-group", inputs: ["nzAddOnBeforeIcon", "nzAddOnAfterIcon", "nzPrefixIcon", "nzSuffixIcon", "nzAddOnBefore", "nzAddOnAfter", "nzPrefix", "nzStatus", "nzSuffix", "nzSize", "nzSearch"], exportAs: ["nzInputGroup"] }, { kind: "directive", type: i11.NzInputGroupWhitSuffixOrPrefixDirective, selector: "nz-input-group[nzSuffix], nz-input-group[nzPrefix]" }, { kind: "component", type: i12.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: i13.NzOptionComponent, selector: "nz-option", inputs: ["nzTitle", "nzLabel", "nzValue", "nzKey", "nzDisabled", "nzHide", "nzCustomContent"], exportAs: ["nzOption"] }, { kind: "component", type: i13.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: i14$1.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"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: TableFormItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: TableFormItemComponent, decorators: [{
             type: Component,
-            args: [{ standalone: false, selector: 'app-table-form-item', providers: [
-                        {
+            args: [{ standalone: false, selector: 'app-table-form-item', providers: [{
                             provide: NG_VALUE_ACCESSOR,
                             useExisting: forwardRef(() => TableFormItemComponent),
                             multi: true
-                        }
-                    ], 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?.isShowTime || false\"\r\n      (ngModelChange)=\"onChange($event)\"\r\n\r\n      [nzFormat]=\"header.nzShowTime?.nzFormat || 'yyyy-MM-dd'\"\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{height:100%;width:100%;background:#fff}:host ::ng-deep .ant-table-title{padding:0}: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{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 .ant-table-pagination.ant-pagination{margin:0}:host ::ng-deep .ant-table-footer{padding:5px 0 0}:host ::ng-deep .main-table{position:absolute;inset:0}:host ::ng-deep .table-content .ant-spin-nested-loading{height:100%}:host ::ng-deep .table-content .ant-spin-container{height:100%}:host ::ng-deep .table-content .ant-table-wrapper{width:100%;height:100%}:host ::ng-deep .table-content .ant-table-footer{position:absolute;bottom:0;width: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;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 ::ng-deep .ant-table-content{overflow-x:auto}: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}:host :host ::ng-deep .ant-table{min-width:100%;height:100%}:host :host ::ng-deep .ant-table-container{min-width:100%;height:100%}:host app-table-td{background:#fff0!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: { header: [{
+                        }], template: "<nz-form-item style=\"position: relative\" [title]=\"header.name\" nzFlex>\n  <nz-form-control [nzSpan]=\"header.cspan || 24\" [ngSwitch]=\"header.type\">\n    <nz-input-group [nzSuffix]=\"inputClearTpl\" *ngSwitchCase=\"'text'\">\n      <input nz-input [placeholder]=\"header.placeholder || header.name\" [attr.id]=\"header.key\"\n             [disabled]=\"disabled\" [ngModel]=\"value\" [ngModelOptions]=\"modelOptions\"\n             (ngModelChange)=\"onChange($event)\" />\n    </nz-input-group>\n\n    <nz-input-number *ngSwitchCase=\"'number'\" style=\"width: 100%\" [nzId]=\"header.key\"\n                     [nzPlaceHolder]=\"header.placeholder || header.name\" [nzDisabled]=\"disabled\"\n                     [ngModel]=\"value\" [ngModelOptions]=\"modelOptions\"\n                     (ngModelChange)=\"onChange($event)\"></nz-input-number>\n\n    <ng-container *ngSwitchCase=\"'checkbox'\">\n      <div class=\"checkbox-control\">\n        <nz-checkbox-group *ngIf=\"options.length; else booleanCheckbox\" [nzOptions]=\"checkboxOptions\"\n                           [nzDisabled]=\"disabled\" [ngModel]=\"value\" [ngModelOptions]=\"modelOptions\"\n                           (ngModelChange)=\"onChange($event)\"></nz-checkbox-group>\n        <ng-template #booleanCheckbox>\n          <label nz-checkbox [nzDisabled]=\"disabled\" [nzIndeterminate]=\"value == null\"\n                 [ngModel]=\"value === true\" [ngModelOptions]=\"modelOptions\"\n                 (ngModelChange)=\"onChange($event)\">{{value == null ? '\u4E0D\u9650' : value ? '\u662F' : '\u5426'}}</label>\n        </ng-template>\n        <button *ngIf=\"hasValue && !header.disableClear\" type=\"button\" nz-button nzType=\"text\" nzSize=\"small\"\n                [disabled]=\"disabled\" [attr.aria-label]=\"'\u6E05\u7A7A' + header.name\" (click)=\"clearValue($event)\">\u6E05\u7A7A</button>\n      </div>\n    </ng-container>\n\n    <nz-select *ngSwitchCase=\"'select'\" [nzAllowClear]=\"!header.disableClear\" [nzDisabled]=\"disabled\"\n               [nzMaxTagCount]=\"header.maxTagCount ?? 3\" [nzPlaceHolder]=\"header.placeholder || header.name\"\n               [nzMode]=\"header.nzMode || 'default'\" [nzShowSearch]=\"true\"\n               [ngModel]=\"value\" [ngModelOptions]=\"modelOptions\" (ngModelChange)=\"onChange($event)\">\n      <nz-option *ngFor=\"let option of options\" [nzLabel]=\"optionLabel(option)\" [nzValue]=\"optionValue(option)\"\n                 [nzDisabled]=\"!!option.disabled\"></nz-option>\n    </nz-select>\n\n    <nz-select *ngSwitchCase=\"'selectCus'\" [nzAllowClear]=\"!header.disableClear\" [nzDisabled]=\"disabled\"\n               [nzMaxTagCount]=\"header.maxTagCount ?? 3\" [nzPlaceHolder]=\"header.placeholder || header.name\"\n               [nzMode]=\"header.nzMode || 'default'\" [nzShowSearch]=\"true\"\n               [ngModel]=\"value\" [ngModelOptions]=\"modelOptions\" (ngModelChange)=\"onChange($event)\">\n      <nz-option *ngFor=\"let option of options\" nzCustomContent [nzLabel]=\"optionLabel(option)\"\n                 [nzValue]=\"optionValue(option)\" [nzDisabled]=\"!!option.disabled\">\n        <i class=\"select-icon\" *ngIf=\"header.icon?.isShow\" nz-icon [nzType]=\"header.icon.icon\"\n           nzTheme=\"outline\" style=\"margin-right: 1rem\" (click)=\"clickIcon(optionValue(option), header, $event)\"></i>\n        {{optionLabel(option)}}\n      </nz-option>\n    </nz-select>\n\n    <nz-cascader *ngSwitchCase=\"'cascader'\" [nzDisabled]=\"disabled\" [nzAllowClear]=\"!header.disableClear\"\n                 [nzPlaceHolder]=\"header.placeholder || header.name\" [nzShowSearch]=\"true\" [nzOptions]=\"options\"\n                 [ngModel]=\"value\" [ngModelOptions]=\"modelOptions\" (ngModelChange)=\"onChange($event)\"></nz-cascader>\n\n    <nz-tree-select *ngSwitchCase=\"'treeSelect'\" [nzDisabled]=\"disabled\" [nzDefaultExpandAll]=\"!!header.expandAll\"\n                    [nzAllowClear]=\"!header.disableClear\" [nzNodes]=\"header.treeList || []\" [nzHideUnMatched]=\"true\"\n                    [nzPlaceHolder]=\"header.placeholder || header.name\" [nzShowSearch]=\"true\" [nzMultiple]=\"isMultiple\"\n                    [nzMaxTagCount]=\"header.maxTagCount ?? 3\" nzVirtualHeight=\"330px\"\n                    [ngModel]=\"value\" [ngModelOptions]=\"modelOptions\" (ngModelChange)=\"onChange($event)\"></nz-tree-select>\n\n    <nz-range-picker *ngSwitchCase=\"'dayRange'\" style=\"width: 100%\" [nzDisabled]=\"disabled\"\n                     [nzAllowClear]=\"!header.disableClear\" nzFormat=\"yyyy-MM-dd\"\n                     [nzPlaceHolder]=\"[header.name + '\u5F00\u59CB\u65F6\u95F4', '\u7ED3\u675F\u65F6\u95F4']\"\n                     [ngModel]=\"value\" [ngModelOptions]=\"modelOptions\" (ngModelChange)=\"onChange($event)\"></nz-range-picker>\n\n    <nz-range-picker *ngSwitchCase=\"'dateRange'\" style=\"width: 100%\" [nzDisabled]=\"disabled\"\n                     [nzAllowClear]=\"!header.disableClear\" [nzShowTime]=\"showTime\" [nzFormat]=\"dateFormat\"\n                     [nzShowNow]=\"!!showTime && !!header.nzShowNow\"\n                     [nzPlaceHolder]=\"[header.name + '\u5F00\u59CB\u65F6\u95F4', '\u7ED3\u675F\u65F6\u95F4']\"\n                     [ngModel]=\"value\" [ngModelOptions]=\"modelOptions\" (ngModelChange)=\"onChange($event)\"></nz-range-picker>\n\n    <ng-container *ngSwitchCase=\"'sdate'\"><ng-container *ngTemplateOutlet=\"singleDateTpl\"></ng-container></ng-container>\n    <ng-container *ngSwitchCase=\"'datepicker'\"><ng-container *ngTemplateOutlet=\"singleDateTpl\"></ng-container></ng-container>\n    <nz-date-picker *ngSwitchCase=\"'smonth'\" style=\"width: 100%\" nzMode=\"month\" nzFormat=\"yyyy-MM\"\n                    [nzDisabled]=\"disabled\" [nzAllowClear]=\"!header.disableClear\"\n                    [nzPlaceHolder]=\"header.placeholder || header.name\"\n                    [ngModel]=\"value\" [ngModelOptions]=\"modelOptions\" (ngModelChange)=\"onChange($event)\"></nz-date-picker>\n    <span class=\"label-title\">{{header.name}}</span>\n  </nz-form-control>\n</nz-form-item>\n\n<ng-template #singleDateTpl>\n  <nz-date-picker style=\"width: 100%\" [nzMode]=\"header.dateMode || 'date'\" [nzFormat]=\"dateFormat\"\n                  [nzDisabled]=\"disabled\" [nzAllowClear]=\"!header.disableClear\"\n                  [nzShowTime]=\"header.dateMode ? false : showTime\" [nzShowNow]=\"!!showTime && !!header.nzShowNow\"\n                  [nzPlaceHolder]=\"header.placeholder || header.name\"\n                  [ngModel]=\"value\" [ngModelOptions]=\"modelOptions\" (ngModelChange)=\"onChange($event)\"></nz-date-picker>\n</ng-template>\n\n<ng-template #inputClearTpl>\n  <button *ngIf=\"!header.disableClear && hasValue\" type=\"button\" class=\"ant-input-clear-icon clear-button\"\n          [disabled]=\"disabled\" [attr.aria-label]=\"'\u6E05\u7A7A' + header.name\" (click)=\"clearValue($event)\">\n    <i nz-icon nzTheme=\"fill\" nzType=\"close-circle\"></i>\n  </button>\n</ng-template>\r\n", styles: [":host{margin-bottom:5px}:host .label-title{z-index:80}:host .checkbox-control{display:flex;align-items:center;flex-wrap:wrap;min-height:32px;gap:8px}:host .clear-button{padding:0;border:0;background:transparent;line-height:1;cursor:pointer}:host .clear-button:disabled{cursor:not-allowed;opacity:.45}\n", ":host{height:100%;width:100%;background:#fff}:host ::ng-deep .ant-table-title{padding:0}: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{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 .ant-table-pagination.ant-pagination{margin:0}:host ::ng-deep .ant-table-footer{padding:5px 0 0}:host ::ng-deep .main-table{position:absolute;inset:0}:host ::ng-deep .table-content .ant-spin-nested-loading{height:100%}:host ::ng-deep .table-content .ant-spin-container{height:100%}:host ::ng-deep .table-content .ant-table-wrapper{width:100%;height:100%}:host ::ng-deep .table-content .ant-table-footer{position:absolute;bottom:0;width: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;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 ::ng-deep .ant-table-content{overflow-x:auto}: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}:host :host ::ng-deep .ant-table{min-width:100%;height:100%}:host :host ::ng-deep .ant-table-container{min-width:100%;height:100%}:host app-table-td{background:#fff0!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"] }]
+        }], propDecorators: { header: [{
                 type: Input
             }], value: [{
                 type: Input
@@ -2836,6 +2894,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
                 type: Input
             }], headerAction: [{
                 type: Output
+            }], markTouched: [{
+                type: HostListener,
+                args: ['focusout']
             }] } });
 
 class TableTdComponent {
@@ -3019,10 +3080,10 @@ class TableTdComponent {
         }
         return isRight;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: TableTdComponent, deps: [{ token: DictService }, { token: i0.ChangeDetectorRef }], 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" }, usesOnChanges: true, 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]=\"cellStyle\" [innerHTML]=\"innerHtmlValue | 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]=\"cellStyle\"\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]=\"cellStyle\"\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]=\"cellStyle\"\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]=\"cellStyle\"\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]=\"cellStyle\" [innerHTML]=\"item.key\"></div>\r\n\r\n  <img *ngSwitchCase=\"'image'\" [ngStyle]=\"cellStyle\" width=\"35px\" nzSrc=\"{{(value | defVal:item.defaultVal) | ossImg}}\"\r\n       nz-image atrErrorImg/>\r\n  <img *ngSwitchCase=\"'image64'\" [ngStyle]=\"cellStyle\" 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 visibleActions\">\r\n          <ng-container *ngIf=\"!action.withoutRole\">\r\n            <button nz-button [ngClass]=\"action.className || ''\"\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 [ngClass]=\"action.className || ''\"\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    </div>\r\n  </div>\r\n  <div [ngStyle]=\"cellStyle\" *ngSwitchCase=\"'dict'\" [innerHTML]=\"displayValue | defVal:item.defaultVal\"></div>\r\n  <div [ngStyle]=\"cellStyle\" 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{height:100%;width:100%;background:#fff}:host ::ng-deep .ant-table-title{padding:0}: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{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 .ant-table-pagination.ant-pagination{margin:0}:host ::ng-deep .ant-table-footer{padding:5px 0 0}:host ::ng-deep .main-table{position:absolute;inset:0}:host ::ng-deep .table-content .ant-spin-nested-loading{height:100%}:host ::ng-deep .table-content .ant-spin-container{height:100%}:host ::ng-deep .table-content .ant-table-wrapper{width:100%;height:100%}:host ::ng-deep .table-content .ant-table-footer{position:absolute;bottom:0;width: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;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 ::ng-deep .ant-table-content{overflow-x:auto}: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}:host :host ::ng-deep .ant-table{min-width:100%;height:100%}:host :host ::ng-deep .ant-table-container{min-width:100%;height:100%}:host app-table-td{background:#fff0!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: i2$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i2$1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i2$1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i2$1.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.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: i3.ɵ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.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: i8.NzRowDirective, selector: "[nz-row],nz-row,nz-form-item", inputs: ["nzAlign", "nzJustify", "nzGutter"], exportAs: ["nzRow"] }, { kind: "directive", type: i8$1.NzIconDirective, selector: "nz-icon,[nz-icon]", inputs: ["nzSpin", "nzRotate", "nzType", "nzTheme", "nzTwotoneColor", "nzIconfont"], exportAs: ["nzIcon"] }, { kind: "directive", type: i9$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: i10$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: OssImgPipe, name: "ossImg" }, { kind: "pipe", type: SafeHtmlPipe, name: "safeHtml" }, { kind: "pipe", type: i2$1.DatePipe, name: "date" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: TableTdComponent, deps: [{ token: DictService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: TableTdComponent, isStandalone: false, selector: "app-table-td", inputs: { data: "data", item: "item", i: "i" }, outputs: { doActionByRowAction: "doActionByRowAction" }, usesOnChanges: true, 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]=\"cellStyle\" [innerHTML]=\"innerHtmlValue | 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]=\"cellStyle\"\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]=\"cellStyle\"\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]=\"cellStyle\"\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]=\"cellStyle\"\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]=\"cellStyle\" [innerHTML]=\"item.key\"></div>\r\n\r\n  <img *ngSwitchCase=\"'image'\" [ngStyle]=\"cellStyle\" width=\"35px\" nzSrc=\"{{(value | defVal:item.defaultVal) | ossImg}}\"\r\n       nz-image atrErrorImg/>\r\n  <img *ngSwitchCase=\"'image64'\" [ngStyle]=\"cellStyle\" 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 visibleActions\">\r\n          <ng-container *ngIf=\"!action.withoutRole\">\r\n            <button nz-button [ngClass]=\"action.className || ''\"\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 [ngClass]=\"action.className || ''\"\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    </div>\r\n  </div>\r\n  <div [ngStyle]=\"cellStyle\" *ngSwitchCase=\"'dict'\" [innerHTML]=\"displayValue | defVal:item.defaultVal\"></div>\r\n  <div [ngStyle]=\"cellStyle\" 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{height:100%;width:100%;background:#fff}:host ::ng-deep .ant-table-title{padding:0}: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{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 .ant-table-pagination.ant-pagination{margin:0}:host ::ng-deep .ant-table-footer{padding:5px 0 0}:host ::ng-deep .main-table{position:absolute;inset:0}:host ::ng-deep .table-content .ant-spin-nested-loading{height:100%}:host ::ng-deep .table-content .ant-spin-container{height:100%}:host ::ng-deep .table-content .ant-table-wrapper{width:100%;height:100%}:host ::ng-deep .table-content .ant-table-footer{position:absolute;bottom:0;width: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;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 ::ng-deep .ant-table-content{overflow-x:auto}: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}:host :host ::ng-deep .ant-table{min-width:100%;height:100%}:host :host ::ng-deep .ant-table-container{min-width:100%;height:100%}:host app-table-td{background:#fff0!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: i2$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i2$1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i2$1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i2$1.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3.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.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: i8.NzRowDirective, selector: "[nz-row],nz-row,nz-form-item", inputs: ["nzAlign", "nzJustify", "nzGutter"], exportAs: ["nzRow"] }, { kind: "directive", type: i10.NzIconDirective, selector: "nz-icon,[nz-icon]", inputs: ["nzSpin", "nzRotate", "nzType", "nzTheme", "nzTwotoneColor", "nzIconfont"], exportAs: ["nzIcon"] }, { kind: "directive", type: i9.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: i10$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: OssImgPipe, name: "ossImg" }, { kind: "pipe", type: SafeHtmlPipe, name: "safeHtml" }, { kind: "pipe", type: i2$1.DatePipe, name: "date" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: TableTdComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: TableTdComponent, decorators: [{
             type: Component,
             args: [{ standalone: false, selector: 'app-table-td', changeDetection: ChangeDetectionStrategy.OnPush, 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]=\"cellStyle\" [innerHTML]=\"innerHtmlValue | 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]=\"cellStyle\"\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]=\"cellStyle\"\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]=\"cellStyle\"\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]=\"cellStyle\"\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]=\"cellStyle\" [innerHTML]=\"item.key\"></div>\r\n\r\n  <img *ngSwitchCase=\"'image'\" [ngStyle]=\"cellStyle\" width=\"35px\" nzSrc=\"{{(value | defVal:item.defaultVal) | ossImg}}\"\r\n       nz-image atrErrorImg/>\r\n  <img *ngSwitchCase=\"'image64'\" [ngStyle]=\"cellStyle\" 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 visibleActions\">\r\n          <ng-container *ngIf=\"!action.withoutRole\">\r\n            <button nz-button [ngClass]=\"action.className || ''\"\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 [ngClass]=\"action.className || ''\"\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    </div>\r\n  </div>\r\n  <div [ngStyle]=\"cellStyle\" *ngSwitchCase=\"'dict'\" [innerHTML]=\"displayValue | defVal:item.defaultVal\"></div>\r\n  <div [ngStyle]=\"cellStyle\" 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{height:100%;width:100%;background:#fff}:host ::ng-deep .ant-table-title{padding:0}: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{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 .ant-table-pagination.ant-pagination{margin:0}:host ::ng-deep .ant-table-footer{padding:5px 0 0}:host ::ng-deep .main-table{position:absolute;inset:0}:host ::ng-deep .table-content .ant-spin-nested-loading{height:100%}:host ::ng-deep .table-content .ant-spin-container{height:100%}:host ::ng-deep .table-content .ant-table-wrapper{width:100%;height:100%}:host ::ng-deep .table-content .ant-table-footer{position:absolute;bottom:0;width: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;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 ::ng-deep .ant-table-content{overflow-x:auto}: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}:host :host ::ng-deep .ant-table{min-width:100%;height:100%}:host :host ::ng-deep .ant-table-container{min-width:100%;height:100%}:host app-table-td{background:#fff0!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: DictService }, { type: i0.ChangeDetectorRef }], propDecorators: { data: [{
@@ -3078,10 +3139,10 @@ class LocalUploadComponent {
             this.afterChange.emit(params);
         }
     }
-    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", uploadType: "uploadType" }, 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             [nzFileList]=\"fileList\"\r\n             [nzLimit]='1'\r\n             *ngIf=\"uploadType != 'drag'\"\r\n             >\r\n    <button nz-button nzSize=\"small\"><i nz-icon nzType=\"upload\"></i><span> {{name}}</span></button>\r\n  </nz-upload>\r\n  <nz-upload *ngIf=\"uploadType == 'drag'\"\r\n    nzType=\"drag\"\r\n    [nzAction]=\"url\" [nzAccept]=\"nzAccept\" [nzHeaders]=\"header\"\r\n    [nzBeforeUpload]=\"beforeUpload\"\r\n             [nzFileList]=\"fileList\"\r\n             (nzChange)=\"onChange($event)\"\r\n             [nzLimit]='1'>\r\n    <p class=\"ant-upload-drag-icon\">\r\n      <nz-icon nzType=\"inbox\" />\r\n    </p>\r\n    <p class=\"ant-upload-text\">\u5355\u51FB\u6216\u62D6\u52A8\u6587\u4EF6\u5230\u6B64\u533A\u57DF\u4EE5\u4E0A\u4F20\u6587\u4EF6</p>\r\n    <p class=\"ant-upload-hint\">\r\n    </p>\r\n  </nz-upload>\r\n</ng-container>\r\n", styles: [""], dependencies: [{ kind: "directive", type: i2$1.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: i3.ɵ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$1.NzIconDirective, selector: "nz-icon,[nz-icon]", inputs: ["nzSpin", "nzRotate", "nzType", "nzTheme", "nzTwotoneColor", "nzIconfont"], exportAs: ["nzIcon"] }, { kind: "component", type: i6.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.25", ngImport: i0, type: LocalUploadComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: LocalUploadComponent, isStandalone: false, selector: "atr-local-upload", inputs: { beforeUpload: "beforeUpload", url: "url", nzAccept: "nzAccept", name: "name", code: "code", withoutRole: "withoutRole", uploadType: "uploadType" }, 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             [nzFileList]=\"fileList\"\r\n             [nzLimit]='1'\r\n             *ngIf=\"uploadType != 'drag'\"\r\n             >\r\n    <button nz-button nzSize=\"small\"><i nz-icon nzType=\"upload\"></i><span> {{name}}</span></button>\r\n  </nz-upload>\r\n  <nz-upload *ngIf=\"uploadType == 'drag'\"\r\n    nzType=\"drag\"\r\n    [nzAction]=\"url\" [nzAccept]=\"nzAccept\" [nzHeaders]=\"header\"\r\n    [nzBeforeUpload]=\"beforeUpload\"\r\n             [nzFileList]=\"fileList\"\r\n             (nzChange)=\"onChange($event)\"\r\n             [nzLimit]='1'>\r\n    <p class=\"ant-upload-drag-icon\">\r\n      <nz-icon nzType=\"inbox\" />\r\n    </p>\r\n    <p class=\"ant-upload-text\">\u5355\u51FB\u6216\u62D6\u52A8\u6587\u4EF6\u5230\u6B64\u533A\u57DF\u4EE5\u4E0A\u4F20\u6587\u4EF6</p>\r\n    <p class=\"ant-upload-hint\">\r\n    </p>\r\n  </nz-upload>\r\n</ng-container>\r\n", styles: [""], dependencies: [{ kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.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: i10.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: "20.3.15", ngImport: i0, type: LocalUploadComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: LocalUploadComponent, decorators: [{
             type: Component,
             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             [nzFileList]=\"fileList\"\r\n             [nzLimit]='1'\r\n             *ngIf=\"uploadType != 'drag'\"\r\n             >\r\n    <button nz-button nzSize=\"small\"><i nz-icon nzType=\"upload\"></i><span> {{name}}</span></button>\r\n  </nz-upload>\r\n  <nz-upload *ngIf=\"uploadType == 'drag'\"\r\n    nzType=\"drag\"\r\n    [nzAction]=\"url\" [nzAccept]=\"nzAccept\" [nzHeaders]=\"header\"\r\n    [nzBeforeUpload]=\"beforeUpload\"\r\n             [nzFileList]=\"fileList\"\r\n             (nzChange)=\"onChange($event)\"\r\n             [nzLimit]='1'>\r\n    <p class=\"ant-upload-drag-icon\">\r\n      <nz-icon nzType=\"inbox\" />\r\n    </p>\r\n    <p class=\"ant-upload-text\">\u5355\u51FB\u6216\u62D6\u52A8\u6587\u4EF6\u5230\u6B64\u533A\u57DF\u4EE5\u4E0A\u4F20\u6587\u4EF6</p>\r\n    <p class=\"ant-upload-hint\">\r\n    </p>\r\n  </nz-upload>\r\n</ng-container>\r\n" }]
         }], ctorParameters: () => [], propDecorators: { beforeUpload: [{
@@ -3118,7 +3179,7 @@ class AtrTableComponent {
         this.atrForm = null;
         this.dicts = {};
         this.pageIndex = 1;
-        this.total = 1;
+        this.total = 0;
         this.pageSize = 10;
         this.pageSizeOptions = [10, 20, 30, 40, 50];
         this.loading = true;
@@ -3892,10 +3953,10 @@ class AtrTableComponent {
         action.numberOfChecked = 1;
         this.tableAction.emit(action);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: AtrTableComponent, deps: [{ token: i1$2.UntypedFormBuilder }, { token: i0.Injector }, { token: LOCALE_ID }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.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", sortKey: "sortKey", queryOpts: "queryOpts", showPagination: "showPagination", title: "title", queryHeaders: "queryHeaders" }, outputs: { tableAction: "tableAction", queryBack: "queryBack", headerAction: "headerAction" }, viewQueries: [{ propertyName: "tableHeader", first: true, predicate: ["formContent"], descendants: true, static: true }, { propertyName: "pageFooter", first: true, predicate: ["pageContent"], descendants: true, static: true }, { propertyName: "tableContent", first: true, predicate: ["tableContent"], descendants: true, static: true }, { propertyName: "basicTable", first: true, predicate: ["basicTable"], descendants: true, static: true }], ngImport: i0, template: "<div class=\"full-screen table-content \" #tableContent [spinLoading]=\"!viewInitOver\" HqSpin>\r\n  <nz-table #basicTable [nzData]=\"renderRows\" nzBordered\r\n            nzSize=\"middle\"\r\n            [ngStyle]=\"{visibility: viewInitOver ? '':'hidden',width: tableWidth + 'px' }\"\r\n            [nzTitle]=\"tableHeader\"\r\n            [nzFooter]=\" showPagination ? pageFooter : null\"\r\n            [nzFrontPagination]=\"false\"\r\n            [nzScroll]=\"{x:scrollSize.x,y:scrollSize.y}\"\r\n  >\r\n    <thead>\r\n    <tr (contextmenu)=\"contextMenu($event,menu)\">\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\"\r\n          nzWidth=\"30px\" nzAlign=\"center\">#\r\n      </th>\r\n      <th [nzBreakWord]=\"true\" [nzLeft]=\"true\" class=\"left-zindex-header\" *ngIf=\"queryOpts.checkBox?.isRadio\"\r\n          nzWidth=\"30px\"\r\n          nzAlign=\"center\">#\r\n      </th>\r\n      <ng-container *ngFor=\"let item of visibleTables; trackBy: trackByTableKey\">\r\n        <th\r\n            nz-resizable\r\n            [nzMinWidth]=\"60\"\r\n            [nzWidth]=\"item.width + 'px'\"\r\n            [nzRight]=\"item.isRight ? true : false\"\r\n            [nzLeft]=\"item.isLeft ? true : false\"\r\n            (nzResize)=\"onResize($event,item)\"\r\n        >{{item.name}}\r\n          <nz-resize-handle nzDirection=\"right\" *ngIf=\"!item.forbidResize\">\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    <tbody>\r\n    @for (row of renderRows; track row.trackId) {\r\n    <tr class=\"t-tr\"\r\n             [style.color]=\"row.color\" (click)=\"selectRow(row.data,row.index)\"\r\n                [ngClass]=\"{'selected': row.index == curChecked}\" (dblclick)=\"dbclickData(row.data,row.index)\" >\r\n        @if (queryOpts.checkBox?.isShowCheckbox) {\r\n    <td [nzBreakWord]=\"true\" [nzLeft]=\"true\"\r\n        class=\"left-zindex\"\r\n        nzShowCheckbox\r\n        [(nzChecked)]=\"mapOfCheckedId[row.data.id]\"\r\n        (nzCheckedChange)=\"refreshStatus()\"\r\n    ></td>\r\n    }\r\n    @if (queryOpts.checkBox?.isRadio) {\r\n    <td [nzBreakWord]=\"true\" [nzLeft]=\"true\"\r\n        class=\"left-zindex\" nzShowCheckbox (nzCheckedChange)=\"selectRow(row.data,row.index)\"\r\n        [(nzChecked)]=\"mapOfCheckedId[row.data.id]\"></td>\r\n    }\r\n    @if (queryOpts.isIndex) {\r\n    <td [nzBreakWord]=\"true\" [nzLeft]=\"true\" nzAlign=\"center\" style=\"padding:12px 0;\"\r\n        nzBreakWord>{{row.index + 1}}</td>\r\n    }\r\n    @for (cell of row.cells; track cell.trackKey) {\r\n    <td [nzBreakWord]=\"true\" [nzLeft]=\"cell.item.isLeft ? true : false\"\r\n        [ngClass]=\"{'left-zindex':cell.item.isLeft ? true : false}\"\r\n        [nzRight]=\"cell.item.isRight ? true : false\"\r\n        nzBreakWord\r\n        [rowSpan]=\"cell.rowSpan\"\r\n        *ngIf=\"cell.show\">\r\n      <app-table-td [data]=\"row.data\"\r\n                    [item]=\"cell.item\"\r\n                    [i]=\"row.index\"\r\n                    (doActionByRowAction)=\"doActionByRow2($event)\"\r\n      ></app-table-td>\r\n    </td>\r\n    }\r\n    </tr>\r\n    }\r\n    </tbody>\r\n  </nz-table>\r\n</div>\r\n\r\n\r\n<ng-template #tableHeader>\r\n  <form nz-form [formGroup]=\"atrForm\" class=\"ant-advanced-search-form\" [style]=\"{width: tableWidth-15+'px'}\"\r\n        *ngIf=\"queryOpts.headers.length >0 || queryOpts.actions.length >0\" #formContent>\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\"\r\n                            [name]=\"action.name\" (afterChange)=\"uploadAction($event,action)\"\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</ng-template>\r\n<ng-template #pageFooter>\r\n  <div class=\"flex\" style=\"justify-content: flex-end;\" #pageContent>\r\n    <div class=\"flex \" style=\"align-items: center\">\r\n      \u5171 {{ total }} \u6761\u8BB0\u5F55\r\n    </div>\r\n\r\n    <nz-pagination [nzPageIndex]=\"pageIndex\" [nzTotal]=\"total\" nzShowSizeChanger [nzPageSize]=\"pageSize\"\r\n                   [nzSize]=\"'small'\"\r\n                   [nzPageSizeOptions]=\"pageSizeOptions\"\r\n                   (nzPageIndexChange)=\"PageIndexChange($event)\"\r\n                   (nzPageSizeChange)=\"PageSizeChange($event)\"\r\n    ></nz-pagination>\r\n  </div>\r\n\r\n</ng-template>\r\n<nz-dropdown-menu #menu=\"nzDropdownMenu\">\r\n  <div class=\"tabel-colunmn white-bg\" style=\"width: 150px;\">\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", styles: [":host{height:100%;width:100%;background:#fff}:host ::ng-deep .ant-table-title{padding:0}: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{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 .ant-table-pagination.ant-pagination{margin:0}:host ::ng-deep .ant-table-footer{padding:5px 0 0}:host ::ng-deep .main-table{position:absolute;inset:0}:host ::ng-deep .table-content .ant-spin-nested-loading{height:100%}:host ::ng-deep .table-content .ant-spin-container{height:100%}:host ::ng-deep .table-content .ant-table-wrapper{width:100%;height:100%}:host ::ng-deep .table-content .ant-table-footer{position:absolute;bottom:0;width: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;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 ::ng-deep .ant-table-content{overflow-x:auto}: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}:host :host ::ng-deep .ant-table{min-width:100%;height:100%}:host :host ::ng-deep .ant-table-container{min-width:100%;height:100%}:host app-table-td{background:#fff0!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: i2$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i1$2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i1$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$2.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: i3.ɵ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$1.NzCheckboxComponent, selector: "[nz-checkbox]", inputs: ["nzValue", "nzAutoFocus", "nzDisabled", "nzIndeterminate", "nzChecked", "nzId", "nzName"], outputs: ["nzCheckedChange"], exportAs: ["nzCheckbox"] }, { kind: "component", type: i6$1.NzCheckboxWrapperComponent, selector: "nz-checkbox-wrapper", outputs: ["nzOnChange"], exportAs: ["nzCheckboxWrapper"] }, { kind: "component", type: i7.NzDropdownMenuComponent, selector: "nz-dropdown-menu", exportAs: ["nzDropdownMenu"] }, { kind: "directive", type: i8.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: i8.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$1.NzIconDirective, selector: "nz-icon,[nz-icon]", inputs: ["nzSpin", "nzRotate", "nzType", "nzTheme", "nzTwotoneColor", "nzIconfont"], exportAs: ["nzIcon"] }, { kind: "component", type: i11$1.NzPaginationComponent, selector: "nz-pagination", inputs: ["nzShowTotal", "nzItemRender", "nzSize", "nzPageSizeOptions", "nzShowSizeChanger", "nzShowQuickJumper", "nzSimple", "nzDisabled", "nzResponsive", "nzHideOnSinglePage", "nzTotal", "nzPageIndex", "nzPageSize", "nzAlign"], outputs: ["nzPageSizeChange", "nzPageIndexChange"], exportAs: ["nzPagination"] }, { kind: "component", type: i12.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: "directive", type: i12.NzTableCellDirective, selector: "th:not(.nz-disable-th), td:not(.nz-disable-td)" }, { kind: "directive", type: i12.NzThMeasureDirective, selector: "th", inputs: ["nzWidth", "colspan", "colSpan", "rowspan", "rowSpan"] }, { kind: "component", type: i12.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: i12.NzTheadComponent, selector: "thead:not(.ant-table-thead)", outputs: ["nzSortOrderChange"] }, { kind: "component", type: i12.NzTbodyComponent, selector: "tbody" }, { kind: "directive", type: i12.NzTrDirective, selector: "tr:not([nz-table-measure-row]):not([nzExpand]):not([nz-table-fixed-row])" }, { kind: "directive", type: i12.NzCellFixedDirective, selector: "td[nzRight],th[nzRight],td[nzLeft],th[nzLeft]", inputs: ["nzRight", "nzLeft", "colspan", "colSpan"] }, { kind: "directive", type: i12.NzCellBreakWordDirective, selector: "th[nzBreakWord],td[nzBreakWord]", inputs: ["nzBreakWord"] }, { kind: "directive", type: i12.NzCellAlignDirective, selector: "th[nzAlign],td[nzAlign]", inputs: ["nzAlign"] }, { kind: "component", type: i12.NzThSelectionComponent, selector: "th[nzSelections],th[nzChecked],th[nzShowCheckbox],th[nzShowRowSelection]", inputs: ["nzSelections", "nzChecked", "nzDisabled", "nzIndeterminate", "nzLabel", "nzShowCheckbox", "nzShowRowSelection"], outputs: ["nzCheckedChange"] }, { kind: "directive", type: i13.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: i13.NzResizeHandleComponent, selector: "nz-resize-handle, [nz-resize-handle]", inputs: ["nzDirection", "nzCursorType"], outputs: ["nzMouseDown"], exportAs: ["nzResizeHandle"] }, { 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", "uploadType"], outputs: ["afterChange"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: AtrTableComponent, deps: [{ token: i1$2.UntypedFormBuilder }, { token: i0.Injector }, { token: LOCALE_ID }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", type: AtrTableComponent, isStandalone: false, selector: "atr-table", inputs: { pageSize: "pageSize", pageSizeOptions: "pageSizeOptions", loading: "loading", allowDrag: "allowDrag", showQueryTime: "showQueryTime", isHideTable: "isHideTable", sortKey: "sortKey", queryOpts: "queryOpts", showPagination: "showPagination", title: "title", queryHeaders: "queryHeaders" }, outputs: { tableAction: "tableAction", queryBack: "queryBack", headerAction: "headerAction" }, viewQueries: [{ propertyName: "tableHeader", first: true, predicate: ["formContent"], descendants: true, static: true }, { propertyName: "pageFooter", first: true, predicate: ["pageContent"], descendants: true, static: true }, { propertyName: "tableContent", first: true, predicate: ["tableContent"], descendants: true, static: true }, { propertyName: "basicTable", first: true, predicate: ["basicTable"], descendants: true, static: true }], ngImport: i0, template: "<div class=\"full-screen table-content \" #tableContent [spinLoading]=\"!viewInitOver\" HqSpin>\r\n  <nz-table #basicTable [nzData]=\"renderRows\" nzBordered\r\n            nzSize=\"middle\"\r\n            [ngStyle]=\"{visibility: viewInitOver ? '':'hidden',width: tableWidth + 'px' }\"\r\n            [nzTitle]=\"tableHeader\"\r\n            [nzFooter]=\" showPagination ? pageFooter : null\"\r\n            [nzFrontPagination]=\"false\"\r\n            [nzScroll]=\"{x:scrollSize.x,y:scrollSize.y}\"\r\n  >\r\n    <thead>\r\n    <tr (contextmenu)=\"contextMenu($event,menu)\">\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\"\r\n          nzWidth=\"30px\" nzAlign=\"center\">#\r\n      </th>\r\n      <th [nzBreakWord]=\"true\" [nzLeft]=\"true\" class=\"left-zindex-header\" *ngIf=\"queryOpts.checkBox?.isRadio\"\r\n          nzWidth=\"30px\"\r\n          nzAlign=\"center\">#\r\n      </th>\r\n      <ng-container *ngFor=\"let item of visibleTables; trackBy: trackByTableKey\">\r\n        <th\r\n            nz-resizable\r\n            [nzMinWidth]=\"60\"\r\n            [nzWidth]=\"item.width + 'px'\"\r\n            [nzRight]=\"item.isRight ? true : false\"\r\n            [nzLeft]=\"item.isLeft ? true : false\"\r\n            (nzResize)=\"onResize($event,item)\"\r\n        >{{item.name}}\r\n          <nz-resize-handle nzDirection=\"right\" *ngIf=\"!item.forbidResize\">\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    <tbody>\r\n    @for (row of renderRows; track row.trackId) {\r\n    <tr class=\"t-tr\"\r\n             [style.color]=\"row.color\" (click)=\"selectRow(row.data,row.index)\"\r\n                [ngClass]=\"{'selected': row.index == curChecked}\" (dblclick)=\"dbclickData(row.data,row.index)\" >\r\n        @if (queryOpts.checkBox?.isShowCheckbox) {\r\n    <td [nzBreakWord]=\"true\" [nzLeft]=\"true\"\r\n        class=\"left-zindex\"\r\n        nzShowCheckbox\r\n        [(nzChecked)]=\"mapOfCheckedId[row.data.id]\"\r\n        (nzCheckedChange)=\"refreshStatus()\"\r\n    ></td>\r\n    }\r\n    @if (queryOpts.checkBox?.isRadio) {\r\n    <td [nzBreakWord]=\"true\" [nzLeft]=\"true\"\r\n        class=\"left-zindex\" nzShowCheckbox (nzCheckedChange)=\"selectRow(row.data,row.index)\"\r\n        [(nzChecked)]=\"mapOfCheckedId[row.data.id]\"></td>\r\n    }\r\n    @if (queryOpts.isIndex) {\r\n    <td [nzBreakWord]=\"true\" [nzLeft]=\"true\" nzAlign=\"center\" style=\"padding:12px 0;\"\r\n        nzBreakWord>{{row.index + 1}}</td>\r\n    }\r\n    @for (cell of row.cells; track cell.trackKey) {\r\n    <td [nzBreakWord]=\"true\" [nzLeft]=\"cell.item.isLeft ? true : false\"\r\n        [ngClass]=\"{'left-zindex':cell.item.isLeft ? true : false}\"\r\n        [nzRight]=\"cell.item.isRight ? true : false\"\r\n        nzBreakWord\r\n        [rowSpan]=\"cell.rowSpan\"\r\n        *ngIf=\"cell.show\">\r\n      <app-table-td [data]=\"row.data\"\r\n                    [item]=\"cell.item\"\r\n                    [i]=\"row.index\"\r\n                    (doActionByRowAction)=\"doActionByRow2($event)\"\r\n      ></app-table-td>\r\n    </td>\r\n    }\r\n    </tr>\r\n    }\r\n    </tbody>\r\n  </nz-table>\r\n</div>\r\n\r\n\r\n<ng-template #tableHeader>\r\n  <form nz-form [formGroup]=\"atrForm\" class=\"ant-advanced-search-form\" [style]=\"{width: tableWidth-15+'px'}\"\r\n        *ngIf=\"queryOpts.headers.length >0 || queryOpts.actions.length >0\" #formContent>\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\"\r\n                            [name]=\"action.name\" (afterChange)=\"uploadAction($event,action)\"\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</ng-template>\r\n<ng-template #pageFooter>\r\n  <div class=\"flex\" style=\"justify-content: flex-end;\" #pageContent>\r\n    <div class=\"flex \" style=\"align-items: center\">\r\n      \u5171 {{ total }} \u6761\u8BB0\u5F55\r\n    </div>\r\n\r\n    <nz-pagination [nzPageIndex]=\"pageIndex\" [nzTotal]=\"total\" nzShowSizeChanger [nzPageSize]=\"pageSize\"\r\n                   [nzSize]=\"'small'\"\r\n                   [nzPageSizeOptions]=\"pageSizeOptions\"\r\n                   (nzPageIndexChange)=\"PageIndexChange($event)\"\r\n                   (nzPageSizeChange)=\"PageSizeChange($event)\"\r\n    ></nz-pagination>\r\n  </div>\r\n\r\n</ng-template>\r\n<nz-dropdown-menu #menu=\"nzDropdownMenu\">\r\n  <div class=\"tabel-colunmn white-bg\" style=\"width: 150px;\">\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", styles: [":host{height:100%;width:100%;background:#fff}:host ::ng-deep .ant-table-title{padding:0}: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{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 .ant-table-pagination.ant-pagination{margin:0}:host ::ng-deep .ant-table-footer{padding:5px 0 0}:host ::ng-deep .main-table{position:absolute;inset:0}:host ::ng-deep .table-content .ant-spin-nested-loading{height:100%}:host ::ng-deep .table-content .ant-spin-container{height:100%}:host ::ng-deep .table-content .ant-table-wrapper{width:100%;height:100%}:host ::ng-deep .table-content .ant-table-footer{position:absolute;bottom:0;width: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;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 ::ng-deep .ant-table-content{overflow-x:auto}: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}:host :host ::ng-deep .ant-table{min-width:100%;height:100%}:host :host ::ng-deep .ant-table-container{min-width:100%;height:100%}:host app-table-td{background:#fff0!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: i2$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i1$2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i1$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i3.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.NzCheckboxComponent, selector: "[nz-checkbox]", inputs: ["nzValue", "nzAutoFocus", "nzDisabled", "nzIndeterminate", "nzChecked", "nzId", "nzName"], outputs: ["nzCheckedChange"], exportAs: ["nzCheckbox"] }, { kind: "component", type: i6.NzCheckboxWrapperComponent, selector: "nz-checkbox-wrapper", outputs: ["nzOnChange"], exportAs: ["nzCheckboxWrapper"] }, { kind: "component", type: i7$1.NzDropdownMenuComponent, selector: "nz-dropdown-menu", exportAs: ["nzDropdownMenu"] }, { kind: "directive", type: i8.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: i8.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: i10.NzIconDirective, selector: "nz-icon,[nz-icon]", inputs: ["nzSpin", "nzRotate", "nzType", "nzTheme", "nzTwotoneColor", "nzIconfont"], exportAs: ["nzIcon"] }, { kind: "component", type: i11$1.NzPaginationComponent, selector: "nz-pagination", inputs: ["nzShowTotal", "nzItemRender", "nzSize", "nzPageSizeOptions", "nzShowSizeChanger", "nzShowQuickJumper", "nzSimple", "nzDisabled", "nzResponsive", "nzHideOnSinglePage", "nzTotal", "nzPageIndex", "nzPageSize", "nzAlign"], outputs: ["nzPageSizeChange", "nzPageIndexChange"], exportAs: ["nzPagination"] }, { kind: "component", type: i12$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: "directive", type: i12$1.NzTableCellDirective, selector: "th:not(.nz-disable-th), td:not(.nz-disable-td)" }, { kind: "directive", type: i12$1.NzThMeasureDirective, selector: "th", inputs: ["nzWidth", "colspan", "colSpan", "rowspan", "rowSpan"] }, { kind: "component", type: i12$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: i12$1.NzTheadComponent, selector: "thead:not(.ant-table-thead)", outputs: ["nzSortOrderChange"] }, { kind: "component", type: i12$1.NzTbodyComponent, selector: "tbody" }, { kind: "directive", type: i12$1.NzTrDirective, selector: "tr:not([nz-table-measure-row]):not([nzExpand]):not([nz-table-fixed-row])" }, { kind: "directive", type: i12$1.NzCellFixedDirective, selector: "td[nzRight],th[nzRight],td[nzLeft],th[nzLeft]", inputs: ["nzRight", "nzLeft", "colspan", "colSpan"] }, { kind: "directive", type: i12$1.NzCellBreakWordDirective, selector: "th[nzBreakWord],td[nzBreakWord]", inputs: ["nzBreakWord"] }, { kind: "directive", type: i12$1.NzCellAlignDirective, selector: "th[nzAlign],td[nzAlign]", inputs: ["nzAlign"] }, { kind: "component", type: i12$1.NzThSelectionComponent, selector: "th[nzSelections],th[nzChecked],th[nzShowCheckbox],th[nzShowRowSelection]", inputs: ["nzSelections", "nzChecked", "nzDisabled", "nzIndeterminate", "nzLabel", "nzShowCheckbox", "nzShowRowSelection"], outputs: ["nzCheckedChange"] }, { kind: "directive", type: i13$1.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: i13$1.NzResizeHandleComponent, selector: "nz-resize-handle, [nz-resize-handle]", inputs: ["nzDirection", "nzCursorType"], outputs: ["nzMouseDown"], exportAs: ["nzResizeHandle"] }, { 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", "uploadType"], outputs: ["afterChange"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: AtrTableComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: AtrTableComponent, decorators: [{
             type: Component,
             args: [{ standalone: false, selector: 'atr-table', template: "<div class=\"full-screen table-content \" #tableContent [spinLoading]=\"!viewInitOver\" HqSpin>\r\n  <nz-table #basicTable [nzData]=\"renderRows\" nzBordered\r\n            nzSize=\"middle\"\r\n            [ngStyle]=\"{visibility: viewInitOver ? '':'hidden',width: tableWidth + 'px' }\"\r\n            [nzTitle]=\"tableHeader\"\r\n            [nzFooter]=\" showPagination ? pageFooter : null\"\r\n            [nzFrontPagination]=\"false\"\r\n            [nzScroll]=\"{x:scrollSize.x,y:scrollSize.y}\"\r\n  >\r\n    <thead>\r\n    <tr (contextmenu)=\"contextMenu($event,menu)\">\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\"\r\n          nzWidth=\"30px\" nzAlign=\"center\">#\r\n      </th>\r\n      <th [nzBreakWord]=\"true\" [nzLeft]=\"true\" class=\"left-zindex-header\" *ngIf=\"queryOpts.checkBox?.isRadio\"\r\n          nzWidth=\"30px\"\r\n          nzAlign=\"center\">#\r\n      </th>\r\n      <ng-container *ngFor=\"let item of visibleTables; trackBy: trackByTableKey\">\r\n        <th\r\n            nz-resizable\r\n            [nzMinWidth]=\"60\"\r\n            [nzWidth]=\"item.width + 'px'\"\r\n            [nzRight]=\"item.isRight ? true : false\"\r\n            [nzLeft]=\"item.isLeft ? true : false\"\r\n            (nzResize)=\"onResize($event,item)\"\r\n        >{{item.name}}\r\n          <nz-resize-handle nzDirection=\"right\" *ngIf=\"!item.forbidResize\">\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    <tbody>\r\n    @for (row of renderRows; track row.trackId) {\r\n    <tr class=\"t-tr\"\r\n             [style.color]=\"row.color\" (click)=\"selectRow(row.data,row.index)\"\r\n                [ngClass]=\"{'selected': row.index == curChecked}\" (dblclick)=\"dbclickData(row.data,row.index)\" >\r\n        @if (queryOpts.checkBox?.isShowCheckbox) {\r\n    <td [nzBreakWord]=\"true\" [nzLeft]=\"true\"\r\n        class=\"left-zindex\"\r\n        nzShowCheckbox\r\n        [(nzChecked)]=\"mapOfCheckedId[row.data.id]\"\r\n        (nzCheckedChange)=\"refreshStatus()\"\r\n    ></td>\r\n    }\r\n    @if (queryOpts.checkBox?.isRadio) {\r\n    <td [nzBreakWord]=\"true\" [nzLeft]=\"true\"\r\n        class=\"left-zindex\" nzShowCheckbox (nzCheckedChange)=\"selectRow(row.data,row.index)\"\r\n        [(nzChecked)]=\"mapOfCheckedId[row.data.id]\"></td>\r\n    }\r\n    @if (queryOpts.isIndex) {\r\n    <td [nzBreakWord]=\"true\" [nzLeft]=\"true\" nzAlign=\"center\" style=\"padding:12px 0;\"\r\n        nzBreakWord>{{row.index + 1}}</td>\r\n    }\r\n    @for (cell of row.cells; track cell.trackKey) {\r\n    <td [nzBreakWord]=\"true\" [nzLeft]=\"cell.item.isLeft ? true : false\"\r\n        [ngClass]=\"{'left-zindex':cell.item.isLeft ? true : false}\"\r\n        [nzRight]=\"cell.item.isRight ? true : false\"\r\n        nzBreakWord\r\n        [rowSpan]=\"cell.rowSpan\"\r\n        *ngIf=\"cell.show\">\r\n      <app-table-td [data]=\"row.data\"\r\n                    [item]=\"cell.item\"\r\n                    [i]=\"row.index\"\r\n                    (doActionByRowAction)=\"doActionByRow2($event)\"\r\n      ></app-table-td>\r\n    </td>\r\n    }\r\n    </tr>\r\n    }\r\n    </tbody>\r\n  </nz-table>\r\n</div>\r\n\r\n\r\n<ng-template #tableHeader>\r\n  <form nz-form [formGroup]=\"atrForm\" class=\"ant-advanced-search-form\" [style]=\"{width: tableWidth-15+'px'}\"\r\n        *ngIf=\"queryOpts.headers.length >0 || queryOpts.actions.length >0\" #formContent>\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\"\r\n                            [name]=\"action.name\" (afterChange)=\"uploadAction($event,action)\"\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</ng-template>\r\n<ng-template #pageFooter>\r\n  <div class=\"flex\" style=\"justify-content: flex-end;\" #pageContent>\r\n    <div class=\"flex \" style=\"align-items: center\">\r\n      \u5171 {{ total }} \u6761\u8BB0\u5F55\r\n    </div>\r\n\r\n    <nz-pagination [nzPageIndex]=\"pageIndex\" [nzTotal]=\"total\" nzShowSizeChanger [nzPageSize]=\"pageSize\"\r\n                   [nzSize]=\"'small'\"\r\n                   [nzPageSizeOptions]=\"pageSizeOptions\"\r\n                   (nzPageIndexChange)=\"PageIndexChange($event)\"\r\n                   (nzPageSizeChange)=\"PageSizeChange($event)\"\r\n    ></nz-pagination>\r\n  </div>\r\n\r\n</ng-template>\r\n<nz-dropdown-menu #menu=\"nzDropdownMenu\">\r\n  <div class=\"tabel-colunmn white-bg\" style=\"width: 150px;\">\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", styles: [":host{height:100%;width:100%;background:#fff}:host ::ng-deep .ant-table-title{padding:0}: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{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 .ant-table-pagination.ant-pagination{margin:0}:host ::ng-deep .ant-table-footer{padding:5px 0 0}:host ::ng-deep .main-table{position:absolute;inset:0}:host ::ng-deep .table-content .ant-spin-nested-loading{height:100%}:host ::ng-deep .table-content .ant-spin-container{height:100%}:host ::ng-deep .table-content .ant-table-wrapper{width:100%;height:100%}:host ::ng-deep .table-content .ant-table-footer{position:absolute;bottom:0;width: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;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 ::ng-deep .ant-table-content{overflow-x:auto}: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}:host :host ::ng-deep .ant-table{min-width:100%;height:100%}:host :host ::ng-deep .ant-table-container{min-width:100%;height:100%}:host app-table-td{background:#fff0!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: i1$2.UntypedFormBuilder }, { type: i0.Injector }, { type: undefined, decorators: [{
@@ -3945,10 +4006,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
 
 class VideoComponent {
     constructor() { }
-    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$2.VgControlsComponent, selector: "vg-controls", inputs: ["vgFor", "vgAutohide", "vgAutohideTime"] }, { kind: "component", type: i2$2.VgTimeDisplayComponent, selector: "vg-time-display", inputs: ["vgFor", "vgProperty", "vgFormat"] }, { kind: "component", type: i2$2.VgScrubBarComponent, selector: "vg-scrub-bar", inputs: ["vgFor", "vgSlider"] }, { kind: "component", type: i2$2.VgPlayPauseComponent, selector: "vg-play-pause", inputs: ["vgFor"] }, { kind: "component", type: i2$2.VgMuteComponent, selector: "vg-mute", inputs: ["vgFor"] }, { kind: "component", type: i2$2.VgFullscreenComponent, selector: "vg-fullscreen" }, { kind: "component", type: i2$2.VgScrubBarBufferingTimeComponent, selector: "vg-scrub-bar-buffering-time", inputs: ["vgFor"] }, { kind: "component", type: i2$2.VgScrubBarCurrentTimeComponent, selector: "vg-scrub-bar-current-time", inputs: ["vgFor", "vgSlider"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: VideoComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", 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$2.VgControlsComponent, selector: "vg-controls", inputs: ["vgFor", "vgAutohide", "vgAutohideTime"] }, { kind: "component", type: i2$2.VgTimeDisplayComponent, selector: "vg-time-display", inputs: ["vgFor", "vgProperty", "vgFormat"] }, { kind: "component", type: i2$2.VgScrubBarComponent, selector: "vg-scrub-bar", inputs: ["vgFor", "vgSlider"] }, { kind: "component", type: i2$2.VgPlayPauseComponent, selector: "vg-play-pause", inputs: ["vgFor"] }, { kind: "component", type: i2$2.VgMuteComponent, selector: "vg-mute", inputs: ["vgFor"] }, { kind: "component", type: i2$2.VgFullscreenComponent, selector: "vg-fullscreen" }, { kind: "component", type: i2$2.VgScrubBarBufferingTimeComponent, selector: "vg-scrub-bar-buffering-time", inputs: ["vgFor"] }, { kind: "component", type: i2$2.VgScrubBarCurrentTimeComponent, selector: "vg-scrub-bar-current-time", inputs: ["vgFor", "vgSlider"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: VideoComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: VideoComponent, decorators: [{
             type: Component,
             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: [{
@@ -4180,13 +4241,13 @@ class UploadComponent {
         }
         return (img.url || img.thumbUrl);
     }
-    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: i2$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$1.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: i3.ɵ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$1.NzIconDirective, selector: "nz-icon,[nz-icon]", inputs: ["nzSpin", "nzRotate", "nzType", "nzTheme", "nzTwotoneColor", "nzIconfont"], exportAs: ["nzIcon"] }, { kind: "component", type: i6.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" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: UploadComponent, deps: [{ token: i0.Injector }, { token: i1$3.NzImageService }, { token: i2.HttpClient }, { token: i3$1.NzModalService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", 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: i2$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i3.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: i10.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$1.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: "20.3.15", ngImport: i0, type: UploadComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: UploadComponent, decorators: [{
             type: Component,
             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: [{
+        }], ctorParameters: () => [{ type: i0.Injector }, { type: i1$3.NzImageService }, { type: i2.HttpClient }, { type: i3$1.NzModalService }], propDecorators: { opts: [{
                 type: Input
             }], isEdit: [{
                 type: Input
@@ -4301,10 +4362,10 @@ class ShareService {
             }
         });
     }
-    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' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", 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.25", ngImport: i0, type: ShareService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: ShareService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: ShareService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -4362,17 +4423,17 @@ class SelectIconsComponent {
     writeValue(value) {
         this.value = value;
     }
-    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: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: SelectIconsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", 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: i2$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.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: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.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: i3.ɵ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$1.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: i9$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"] }] }); }
+        ], 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: i2$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.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: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3.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: i10.NzIconDirective, selector: "nz-icon,[nz-icon]", inputs: ["nzSpin", "nzRotate", "nzType", "nzTheme", "nzTwotoneColor", "nzIconfont"], exportAs: ["nzIcon"] }, { kind: "directive", type: i11.NzInputDirective, selector: "input[nz-input],textarea[nz-input]", inputs: ["nzBorderless", "nzVariant", "nzSize", "nzStepperless", "nzStatus", "disabled", "readonly"], exportAs: ["nzInput"] }, { kind: "directive", type: i9.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: "20.3.15", ngImport: i0, type: SelectIconsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: SelectIconsComponent, decorators: [{
             type: Component,
             args: [{ standalone: false, selector: 'app-select-icons', providers: [
                         UploadOssService,
@@ -4381,7 +4442,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
                             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: [{
@@ -4540,10 +4601,10 @@ class ViewFormComponent {
         }
         return imgs.split(',');
     }
-    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", size: "size", items: "items" }, ngImport: i0, template: "<nz-descriptions  nzBordered [nzColon]=\"true\" [nzColumn]=\"24\" [nzTitle]=\"title\" [nzSize]=\"size\">\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: i2$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i2$1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i2$1.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i4$1.NzDescriptionsComponent, selector: "nz-descriptions", inputs: ["nzBordered", "nzLayout", "nzColumn", "nzSize", "nzTitle", "nzExtra", "nzColon"], exportAs: ["nzDescriptions"] }, { kind: "component", type: i4$1.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: i2$1.DatePipe, name: "date" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", 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.25", type: ViewFormComponent, isStandalone: false, selector: "atr-view-form", inputs: { formOpts: "formOpts", atrForm: "atrForm", dicts: "dicts", title: "title", size: "size", items: "items" }, ngImport: i0, template: "<nz-descriptions  nzBordered [nzColon]=\"true\" [nzColumn]=\"24\" [nzTitle]=\"title\" [nzSize]=\"size\">\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: i2$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i2$1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i2$1.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i4$1.NzDescriptionsComponent, selector: "nz-descriptions", inputs: ["nzBordered", "nzLayout", "nzColumn", "nzSize", "nzTitle", "nzExtra", "nzColon"], exportAs: ["nzDescriptions"] }, { kind: "component", type: i4$1.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: i13.NzOptionComponent, selector: "nz-option", inputs: ["nzTitle", "nzLabel", "nzValue", "nzKey", "nzDisabled", "nzHide", "nzCustomContent"], exportAs: ["nzOption"] }, { kind: "component", type: i13.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: i14$1.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: i2$1.DatePipe, name: "date" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: ViewFormComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: ViewFormComponent, decorators: [{
             type: Component,
             args: [{ standalone: false, selector: 'atr-view-form', template: "<nz-descriptions  nzBordered [nzColon]=\"true\" [nzColumn]=\"24\" [nzTitle]=\"title\" [nzSize]=\"size\">\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: [{
@@ -4658,6 +4719,21 @@ class EditorComponent {
             },
             ...this.editorConfig
         };
+        this.defaultEditorConfig = this.editorConfig;
+    }
+    ngOnInit() {
+        const customConfig = this.editorConfig || {};
+        const defaultSetup = this.defaultEditorConfig.setup;
+        const customSetup = customConfig.setup;
+        this.editorConfig = {
+            ...this.defaultEditorConfig,
+            ...customConfig,
+            setup: (editor) => {
+                defaultSetup(editor);
+                if (customSetup && customSetup !== defaultSetup)
+                    customSetup(editor);
+            }
+        };
     }
     ngAfterViewInit() {
         // 确保 TinyMCE 已加载
@@ -4726,7 +4802,7 @@ class EditorComponent {
     }
     setDisabledState(isDisabled) {
         if (this.editor) {
-            this.editor.setMode(isDisabled ? 'readonly' : 'design');
+            this.editor.mode.set(isDisabled ? 'readonly' : 'design');
         }
     }
     // 编辑器内容变化时的处理
@@ -4747,16 +4823,16 @@ class EditorComponent {
             this.editor = null;
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: EditorComponent, deps: [{ token: UploadOssService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: EditorComponent, isStandalone: false, selector: "app-editor", inputs: { value: "value", editorConfig: "editorConfig", imgDir: "imgDir" }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: EditorComponent, deps: [{ token: UploadOssService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: EditorComponent, isStandalone: false, selector: "app-editor", inputs: { value: "value", editorConfig: "editorConfig", imgDir: "imgDir" }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef(() => EditorComponent),
                 multi: true
             }
-        ], ngImport: i0, template: "<editor\r\n        [init]=\"editorConfig\"\r\n        [(ngModel)]=\"value\"\r\n        [apiKey]=\"apiKey_editor\"\r\n        name=\"editor\"\r\n        (onChange)=\"onEditorChange($event)\"\r\n></editor>\r\n", styles: [""], dependencies: [{ kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3$3.EditorComponent, selector: "editor", inputs: ["cloudChannel", "apiKey", "licenseKey", "init", "id", "initialValue", "outputFormat", "inline", "tagName", "plugins", "toolbar", "modelEvents", "allowedEvents", "ignoreEvents", "readonly", "disabled"] }] }); }
+        ], ngImport: i0, template: "<editor\r\n        [init]=\"editorConfig\"\r\n        [(ngModel)]=\"value\"\r\n        [apiKey]=\"apiKey_editor\"\r\n        [licenseKey]=\"editorConfig?.license_key\"\r\n        name=\"editor\"\r\n        (ngModelChange)=\"onEditorChange($event)\"\r\n></editor>\r\n", styles: [""], dependencies: [{ kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3$2.EditorComponent, selector: "editor", inputs: ["cloudChannel", "apiKey", "licenseKey", "init", "id", "initialValue", "outputFormat", "inline", "tagName", "plugins", "toolbar", "modelEvents", "allowedEvents", "ignoreEvents", "readonly", "disabled"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: EditorComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: EditorComponent, decorators: [{
             type: Component,
             args: [{ selector: 'app-editor', standalone: false, providers: [
                         {
@@ -4764,7 +4840,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
                             useExisting: forwardRef(() => EditorComponent),
                             multi: true
                         }
-                    ], template: "<editor\r\n        [init]=\"editorConfig\"\r\n        [(ngModel)]=\"value\"\r\n        [apiKey]=\"apiKey_editor\"\r\n        name=\"editor\"\r\n        (onChange)=\"onEditorChange($event)\"\r\n></editor>\r\n" }]
+                    ], template: "<editor\r\n        [init]=\"editorConfig\"\r\n        [(ngModel)]=\"value\"\r\n        [apiKey]=\"apiKey_editor\"\r\n        [licenseKey]=\"editorConfig?.license_key\"\r\n        name=\"editor\"\r\n        (ngModelChange)=\"onEditorChange($event)\"\r\n></editor>\r\n" }]
         }], ctorParameters: () => [{ type: UploadOssService }], propDecorators: { value: [{
                 type: Input
             }], editorConfig: [{
@@ -5354,12 +5430,12 @@ class AtrFormComponent {
         }
         return false;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: AtrFormComponent, deps: [{ token: ShareService }, { token: HttpService }, { token: i1$2.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", viewSize: "viewSize" }, 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\" [size]=\"viewSize\"></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\"\r\n                               (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'\">\r\n                <app-editor style=\"flex: 1\" [formControlName]=\"item.key\"></app-editor>\r\n\r\n              </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: i2$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$2.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: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i6$2.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: i3.ɵ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.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$1.NzCheckboxComponent, selector: "[nz-checkbox]", inputs: ["nzValue", "nzAutoFocus", "nzDisabled", "nzIndeterminate", "nzChecked", "nzId", "nzName"], outputs: ["nzCheckedChange"], exportAs: ["nzCheckbox"] }, { kind: "component", type: i6$1.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: i8.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: i8.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: i10$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", "size", "items"] }, { kind: "component", type: EditorComponent, selector: "app-editor", inputs: ["value", "editorConfig", "imgDir"] }, { kind: "pipe", type: DefaultValPipe, name: "defVal" }, { kind: "pipe", type: SafeHtmlPipe, name: "safeHtml" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: AtrFormComponent, deps: [{ token: ShareService }, { token: HttpService }, { token: i1$2.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.25", type: AtrFormComponent, isStandalone: false, selector: "atr-form", inputs: { formOpts: "formOpts", viewTitle: "viewTitle", viewSize: "viewSize" }, 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\" [size]=\"viewSize\"></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 *ngIf=\"item.type == 'editor'\"  style=\"width: 100%\">\r\n              <app-editor style=\"flex: 1\" [formControlName]=\"item.key\"></app-editor>\r\n            </div>\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\"\r\n                               (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-group *ngIf=\"item.type == 'checkbox'\" [formControlName]=\"item.key\"\r\n                                 [nzOptions]=\"item.dictList || []\"></nz-checkbox-group>\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              <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: i2$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$2.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: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i6$2.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.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: i5.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.NzCheckboxGroupComponent, selector: "nz-checkbox-group", inputs: ["nzName", "nzDisabled", "nzOptions"], exportAs: ["nzCheckboxGroup"] }, { kind: "component", type: i7.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: i7.NzRangePickerComponent, selector: "nz-range-picker", exportAs: ["nzRangePicker"] }, { kind: "directive", type: i8.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: i8.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: i11.NzInputDirective, selector: "input[nz-input],textarea[nz-input]", inputs: ["nzBorderless", "nzVariant", "nzSize", "nzStepperless", "nzStatus", "disabled", "readonly"], exportAs: ["nzInput"] }, { kind: "component", type: i12.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: i13.NzOptionComponent, selector: "nz-option", inputs: ["nzTitle", "nzLabel", "nzValue", "nzKey", "nzDisabled", "nzHide", "nzCustomContent"], exportAs: ["nzOption"] }, { kind: "component", type: i13.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: i10$1.NzSwitchComponent, selector: "nz-switch", inputs: ["nzLoading", "nzDisabled", "nzControl", "nzCheckedChildren", "nzUnCheckedChildren", "nzSize", "nzId"], exportAs: ["nzSwitch"] }, { kind: "component", type: i14$1.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", "size", "items"] }, { kind: "component", type: EditorComponent, selector: "app-editor", inputs: ["value", "editorConfig", "imgDir"] }, { kind: "pipe", type: DefaultValPipe, name: "defVal" }, { kind: "pipe", type: SafeHtmlPipe, name: "safeHtml" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: AtrFormComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: AtrFormComponent, decorators: [{
             type: Component,
-            args: [{ standalone: false, selector: 'atr-form', template: "<atr-view-form *ngIf=\"formOpts.type == 'view'\" [dicts]=\"dicts\" [atrForm]=\"atrForm\" [title]=\"viewTitle\"\r\n               [formOpts]=\"formOpts\" [size]=\"viewSize\"></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\"\r\n                               (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'\">\r\n                <app-editor style=\"flex: 1\" [formControlName]=\"item.key\"></app-editor>\r\n\r\n              </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"] }]
+            args: [{ standalone: false, selector: 'atr-form', template: "<atr-view-form *ngIf=\"formOpts.type == 'view'\" [dicts]=\"dicts\" [atrForm]=\"atrForm\" [title]=\"viewTitle\"\r\n               [formOpts]=\"formOpts\" [size]=\"viewSize\"></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 *ngIf=\"item.type == 'editor'\"  style=\"width: 100%\">\r\n              <app-editor style=\"flex: 1\" [formControlName]=\"item.key\"></app-editor>\r\n            </div>\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\"\r\n                               (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-group *ngIf=\"item.type == 'checkbox'\" [formControlName]=\"item.key\"\r\n                                 [nzOptions]=\"item.dictList || []\"></nz-checkbox-group>\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              <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: i1$2.UntypedFormBuilder }, { type: DictService }, { type: i0.Injector }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [LOCALE_ID]
@@ -5410,10 +5486,10 @@ class SelectTreeComponent {
             data: this.selectValue
         });
     }
-    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: i2$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.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"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: SelectTreeComponent, deps: [{ token: DictService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", 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: i2$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i13.NzOptionComponent, selector: "nz-option", inputs: ["nzTitle", "nzLabel", "nzValue", "nzKey", "nzDisabled", "nzHide", "nzCustomContent"], exportAs: ["nzOption"] }, { kind: "component", type: i13.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: "20.3.15", ngImport: i0, type: SelectTreeComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: SelectTreeComponent, decorators: [{
             type: Component,
             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: [{
@@ -5480,10 +5556,10 @@ class EchartsComponent {
         this.myEchart = echarts.init(this.echart.nativeElement);
         this.myEchart.setOption(this.option);
     }
-    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: i2$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: EchartsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", 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: i2$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: EchartsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: EchartsComponent, decorators: [{
             type: Component,
             args: [{ standalone: false, selector: 'app-echarts', template: "<div [ngStyle]=\"{width:width,height:height}\" #echart></div>" }]
         }], ctorParameters: () => [], propDecorators: { echart: [{
@@ -5604,12 +5680,12 @@ class ImgCanvasComponent {
             this.initImg();
         }, 300);
     }
-    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\">\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.25", ngImport: i0, type: ImgCanvasComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", 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%;\" (contextmenu)=\"needContextmenu || $event.preventDefault()\">\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: "20.3.15", ngImport: i0, type: ImgCanvasComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: ImgCanvasComponent, decorators: [{
             type: Component,
-            args: [{ standalone: false, 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%;\" (contextmenu)=\"needContextmenu || $event.preventDefault()\">\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: [{
@@ -5627,51 +5703,92 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
                 type: Input
             }] } });
 
-class ImgTdComponent {
-    constructor(ossImgPipe, defaultValPipe) {
-        this.ossImgPipe = ossImgPipe;
-        this.defaultValPipe = defaultValPipe;
-        this.imageUrl = '';
-        this.defaultVal = '';
-    }
-    agInit(params) {
-        this.imageUrl = this.getRealImgUrl(params.value);
-    }
-    getRealImgUrl(value) {
-        return this.ossImgPipe.transform(value);
-    }
-    refresh(params) {
-        this.imageUrl = this.getRealImgUrl(params.value);
+/** Resolve a row field without treating valid zero/false values as missing. */
+function getTableValue(data, key) {
+    if (!key)
+        return undefined;
+    return key.split('.').reduce((value, part) => value == null ? undefined : value[part], data);
+}
+function isEmptyTableValue(value) {
+    return value == null || value === '' || (Array.isArray(value) && value.length === 0);
+}
+function conditionLiteral(value) {
+    if (typeof value !== 'string')
+        return value;
+    const literal = value.trim();
+    if (literal === 'true')
         return true;
+    if (literal === 'false')
+        return false;
+    if (literal === 'null')
+        return null;
+    if (literal === 'undefined')
+        return undefined;
+    if (/^(['"]).*\1$/.test(literal))
+        return literal.slice(1, -1);
+    return literal;
+}
+/** Existing condition operators retain loose numeric/string equality for API codes. */
+function compareTableValue(value, operator, target) {
+    const expected = conditionLiteral(target);
+    switch (typeof operator === 'string' ? operator.trim() : '') {
+        case 'eq': return value == expected;
+        case 'ne': return value != expected;
+        case 'empty': return isEmptyTableValue(value);
+        case 'notEmpty': return !isEmptyTableValue(value);
+        case 'gh':
+        case 'ge':
+        case 'gte': return value != null && expected != null && value >= expected;
+        case 'gt': return value != null && expected != null && value > expected;
+        case 'lh':
+        case 'le':
+        case 'lte': return value != null && expected != null && value <= expected;
+        case 'lt': return value != null && expected != null && value < expected;
+        case 'in': return String(expected ?? '').split(',').some(item => value == conditionLiteral(item));
+        case 'notIn': return !String(expected ?? '').split(',').some(item => value == conditionLiteral(item));
+        case 'contains': return value != null && String(value).includes(String(expected ?? ''));
+        default: return false;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: ImgTdComponent, deps: [{ token: OssImgPipe }, { token: DefaultValPipe }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: ImgTdComponent, isStandalone: true, selector: "app-img-td", providers: [OssImgPipe, DefaultValPipe], ngImport: i0, template: "<img width=\"35px\" nzSrc=\"{{(imageUrl | defVal:defaultVal) | ossImg}}\"\r\n     nz-image atrErrorImg/>\r\n", styles: [""], dependencies: [{ kind: "ngmodule", type: NzImageModule }, { kind: "directive", type: i1$3.NzImageDirective, selector: "img[nz-image]", inputs: ["nzSrc", "nzSrcset", "nzDisablePreview", "nzFallback", "nzPlaceholder", "nzScaleStep"], exportAs: ["nzImage"] }, { kind: "directive", type: AtrErrorImgDirective, selector: "[atrErrorImg]", inputs: ["atrErrorImg"] }, { kind: "pipe", type: DefaultValPipe, name: "defVal" }, { kind: "pipe", type: OssImgPipe, name: "ossImg" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: ImgTdComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'app-img-td', standalone: true, imports: [NzImageModule, AtrErrorImgDirective, DefaultValPipe, OssImgPipe], providers: [OssImgPipe, DefaultValPipe], template: "<img width=\"35px\" nzSrc=\"{{(imageUrl | defVal:defaultVal) | ossImg}}\"\r\n     nz-image atrErrorImg/>\r\n" }]
-        }], ctorParameters: () => [{ type: OssImgPipe }, { type: DefaultValPipe }] });
+/** Parse field|operator|value conditions, with AND taking precedence over OR. */
+function matchesTableCondition(data, condition) {
+    if (condition == null || condition === '')
+        return true;
+    if (typeof condition !== 'string')
+        return false;
+    if (!condition.trim())
+        return true;
+    return condition.split('||').some(group => group.split('&&').every(expression => {
+        const [field, operator, ...target] = expression.trim().split('|');
+        return !!field?.trim() && !!operator?.trim()
+            && compareTableValue(getTableValue(data, field.trim()), operator.trim(), target.join('|'));
+    }));
+}
 
 class BtnTdComponent {
     constructor() {
         this.buttons = [];
     }
     agInit(params) {
-        console.log('操作', params.buttons, this.buttons);
-        this.buttons = params.buttons || [];
-        this.params = params;
+        this.refresh(params);
     }
     refresh(params) {
-        this.buttons = params.buttons || [];
         this.params = params;
+        this.buttons = (params.buttons || []).filter(action => matchesTableCondition(params.data, action.operator));
         return true;
     }
     doActionByRow(code, event) {
+        event.preventDefault();
+        event.stopPropagation();
+        const button = this.buttons.find(action => action.code === code);
+        if (!button || !matchesTableCondition(this.params.data, button.operator))
+            return;
         if (this.params.callback) {
             const data = this.params.data;
             const rowIndex = this.params.node?.rowIndex ?? -1;
             let action = {
-                name: code,
+                ...button,
+                name: button.name,
                 code: code,
                 type: "row"
             };
@@ -5681,14 +5798,271 @@ class BtnTdComponent {
             this.params.callback({ data: action, event: event });
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: BtnTdComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: BtnTdComponent, isStandalone: false, selector: "app-btn-td", ngImport: i0, template: "<div class=\"btn-td-content\" *ngIf=\"buttons.length > 0\">\r\n    <ng-container *ngFor=\"let action of buttons\">\r\n        <ng-container *ngIf=\"!action.withoutRole\">\r\n            <button nz-button [ngClass]=\"action.className || ''\"\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(action.code,$event)\">\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 [ngClass]=\"action.className || ''\"\r\n                    [nzType]=\"action.buttonType&&action.buttonType != 'danger'? action.buttonType : 'primary'\"\r\n                    [nzDanger]=\"action.buttonType == 'danger'\"\r\n                    nzSize=\"small\" (click)=\"doActionByRow(action.code,$event)\">\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>\r\n</div>\r\n\r\n", styles: [":host{display:flex;align-items:center;height:100%;width:100%}:host .btn-td-content{display:flex;align-items:center;width:100%;height:100%}:host button{margin-right:5px}\n"], dependencies: [{ kind: "directive", type: i2$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2$1.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: i3.ɵ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$1.NzIconDirective, selector: "nz-icon,[nz-icon]", inputs: ["nzSpin", "nzRotate", "nzType", "nzTheme", "nzTwotoneColor", "nzIconfont"], exportAs: ["nzIcon"] }, { kind: "directive", type: AtrRoleDirective, selector: "[atrRole]", inputs: ["atrRole"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: BtnTdComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: BtnTdComponent, isStandalone: false, selector: "app-btn-td", ngImport: i0, template: "<div class=\"btn-td-content\" *ngIf=\"buttons.length > 0\">\r\n    <ng-container *ngFor=\"let action of buttons\">\r\n        <ng-container *ngIf=\"!action.withoutRole\">\r\n            <button type=\"button\" nz-button [ngClass]=\"action.className || ''\"\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                    (mousedown)=\"$event.stopPropagation()\" (click)=\"doActionByRow(action.code,$event)\">\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 type=\"button\" nz-button [ngClass]=\"action.className || ''\"\r\n                    [nzType]=\"action.buttonType&&action.buttonType != 'danger'? action.buttonType : 'primary'\"\r\n                    [nzDanger]=\"action.buttonType == 'danger'\"\r\n                    nzSize=\"small\" (mousedown)=\"$event.stopPropagation()\" (click)=\"doActionByRow(action.code,$event)\">\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>\r\n</div>\r\n\r\n", styles: [":host{display:flex;align-items:center;height:100%;width:100%}:host .btn-td-content{display:flex;align-items:center;width:100%;height:100%}:host button{margin-right:5px}\n"], dependencies: [{ kind: "directive", type: i2$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.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: i10.NzIconDirective, selector: "nz-icon,[nz-icon]", inputs: ["nzSpin", "nzRotate", "nzType", "nzTheme", "nzTwotoneColor", "nzIconfont"], exportAs: ["nzIcon"] }, { kind: "directive", type: AtrRoleDirective, selector: "[atrRole]", inputs: ["atrRole"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: BtnTdComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: BtnTdComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-btn-td', standalone: false, template: "<div class=\"btn-td-content\" *ngIf=\"buttons.length > 0\">\r\n    <ng-container *ngFor=\"let action of buttons\">\r\n        <ng-container *ngIf=\"!action.withoutRole\">\r\n            <button nz-button [ngClass]=\"action.className || ''\"\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(action.code,$event)\">\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 [ngClass]=\"action.className || ''\"\r\n                    [nzType]=\"action.buttonType&&action.buttonType != 'danger'? action.buttonType : 'primary'\"\r\n                    [nzDanger]=\"action.buttonType == 'danger'\"\r\n                    nzSize=\"small\" (click)=\"doActionByRow(action.code,$event)\">\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>\r\n</div>\r\n\r\n", styles: [":host{display:flex;align-items:center;height:100%;width:100%}:host .btn-td-content{display:flex;align-items:center;width:100%;height:100%}:host button{margin-right:5px}\n"] }]
+            args: [{ selector: 'app-btn-td', standalone: false, template: "<div class=\"btn-td-content\" *ngIf=\"buttons.length > 0\">\r\n    <ng-container *ngFor=\"let action of buttons\">\r\n        <ng-container *ngIf=\"!action.withoutRole\">\r\n            <button type=\"button\" nz-button [ngClass]=\"action.className || ''\"\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                    (mousedown)=\"$event.stopPropagation()\" (click)=\"doActionByRow(action.code,$event)\">\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 type=\"button\" nz-button [ngClass]=\"action.className || ''\"\r\n                    [nzType]=\"action.buttonType&&action.buttonType != 'danger'? action.buttonType : 'primary'\"\r\n                    [nzDanger]=\"action.buttonType == 'danger'\"\r\n                    nzSize=\"small\" (mousedown)=\"$event.stopPropagation()\" (click)=\"doActionByRow(action.code,$event)\">\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>\r\n</div>\r\n\r\n", styles: [":host{display:flex;align-items:center;height:100%;width:100%}:host .btn-td-content{display:flex;align-items:center;width:100%;height:100%}:host button{margin-right:5px}\n"] }]
         }], ctorParameters: () => [] });
 
+/** A data URI contains a comma itself, so it must never be split as a URL list. */
+function splitGridImages(value, defaultValue) {
+    const input = value == null ? defaultValue : value;
+    const values = Array.isArray(input) ? input : [input];
+    return values.flatMap(item => {
+        if (item == null || item === '')
+            return [];
+        const text = String(item).trim();
+        return /^data:/i.test(text) ? [text] : text.split(',').map(url => url.trim()).filter(Boolean);
+    });
+}
+function resolveGridImageUrl(value, prefix = '', direct = false) {
+    if (!value)
+        return '';
+    if (/^(?:https?:|blob:|data:image\/|\/\/)/i.test(value))
+        return value;
+    if (/^[a-z][a-z\d+.-]*:/i.test(value))
+        return '';
+    const base = prefix.replace(/\/+$/, '');
+    if (direct || !base || value === base || value.startsWith(base + '/'))
+        return value;
+    return `${base}/${value.replace(/^\/+/, '')}`;
+}
+
+class ImgTdComponent {
+    constructor(ossImgPipe, defaultValPipe) {
+        this.ossImgPipe = ossImgPipe;
+        this.defaultValPipe = defaultValPipe;
+        this.imageUrl = '';
+        this.defaultVal = '';
+        this.imageUrls = [];
+        this.imagePrefix = atr_static_datas.OSS_URL;
+        this.direct = false;
+    }
+    agInit(params) {
+        this.refresh(params);
+    }
+    getRealImgUrl(value) {
+        return resolveGridImageUrl(String(value ?? ''), this.imagePrefix, this.direct);
+    }
+    refresh(params) {
+        const options = params;
+        this.defaultVal = options.defaultVal ?? '';
+        this.imagePrefix = options.imagePrefix ?? atr_static_datas.OSS_URL;
+        this.direct = !!options.image64;
+        this.imageUrls = splitGridImages(params.value, this.defaultVal)
+            .map(value => this.getRealImgUrl(value)).filter(Boolean);
+        this.imageUrl = this.imageUrls[0] || '';
+        return true;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: ImgTdComponent, deps: [{ token: OssImgPipe }, { token: DefaultValPipe }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: ImgTdComponent, isStandalone: true, selector: "app-img-td", providers: [OssImgPipe, DefaultValPipe], ngImport: i0, template: "<nz-image-group *ngIf=\"imageUrls.length\">\r\n    <img *ngFor=\"let image of imageUrls\" width=\"35\" height=\"35\" [nzSrc]=\"image\"\r\n         nz-image atrErrorImg alt=\"\u8868\u683C\u56FE\u7247\" (mousedown)=\"$event.stopPropagation()\" (click)=\"$event.stopPropagation()\"/>\r\n</nz-image-group>\r\n", styles: [":host{display:flex;align-items:center;height:100%}nz-image-group{display:flex;align-items:center;gap:4px}img{object-fit:cover;cursor:pointer}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: NzImageModule }, { kind: "directive", type: i1$3.NzImageDirective, selector: "img[nz-image]", inputs: ["nzSrc", "nzSrcset", "nzDisablePreview", "nzFallback", "nzPlaceholder", "nzScaleStep"], exportAs: ["nzImage"] }, { kind: "component", type: i1$3.NzImageGroupComponent, selector: "nz-image-group", inputs: ["nzScaleStep"], exportAs: ["nzImageGroup"] }, { kind: "directive", type: AtrErrorImgDirective, selector: "[atrErrorImg]", inputs: ["atrErrorImg"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: ImgTdComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-img-td', standalone: true, imports: [CommonModule, NzImageModule, AtrErrorImgDirective], providers: [OssImgPipe, DefaultValPipe], template: "<nz-image-group *ngIf=\"imageUrls.length\">\r\n    <img *ngFor=\"let image of imageUrls\" width=\"35\" height=\"35\" [nzSrc]=\"image\"\r\n         nz-image atrErrorImg alt=\"\u8868\u683C\u56FE\u7247\" (mousedown)=\"$event.stopPropagation()\" (click)=\"$event.stopPropagation()\"/>\r\n</nz-image-group>\r\n", styles: [":host{display:flex;align-items:center;height:100%}nz-image-group{display:flex;align-items:center;gap:4px}img{object-fit:cover;cursor:pointer}\n"] }]
+        }], ctorParameters: () => [{ type: OssImgPipe }, { type: DefaultValPipe }] });
+
+function defaultValue(value, table) {
+    return value == null ? (table.defaultVal ?? '-') : value;
+}
+function displayText(value) {
+    return value == null ? '' : String(value);
+}
+function columnStyle(table, params) {
+    const styles = typeof table.styleCallBack === 'function'
+        ? table.styleCallBack(params) : table.styleCallBack;
+    const result = { ...(styles || {}) };
+    if (table.type === 'link' && result['color'] == null)
+        result['color'] = '#1677ff';
+    const color = table.color;
+    if (!color)
+        return result;
+    // AG Grid merges refreshed cellStyle objects; explicitly clear a previous match.
+    if (result['color'] == null)
+        result['color'] = 'inherit';
+    const matchesValue = table.type !== 'textcolor' || table.colorShow == null
+        || compareTableValue(params.value, 'eq', table.colorShow);
+    if (!matchesValue)
+        return result;
+    if (typeof color === 'string')
+        result['color'] = color;
+    else if (matchesTableCondition(params.data, color.operator))
+        result['color'] = color.color;
+    return result;
+}
+function templateRenderer(template, table, context) {
+    return class {
+        constructor() {
+            this.element = document.createElement('span');
+            this.view = null;
+        }
+        init(params) {
+            this.element.style.display = 'block';
+            this.view = context.viewContainerRef.createEmbeddedView(template, this.templateContext(params));
+            this.view.detectChanges();
+            this.view.rootNodes.forEach(node => this.element.appendChild(node));
+        }
+        getGui() { return this.element; }
+        refresh(params) {
+            if (!this.view || this.view.destroyed)
+                return false;
+            Object.assign(this.view.context, this.templateContext(params));
+            this.view.detectChanges();
+            return true;
+        }
+        destroy() {
+            this.view?.destroy();
+            this.view = null;
+            this.element.replaceChildren();
+        }
+        templateContext(params) {
+            return { $implicit: params, params, data: params.data, item: table, value: params.value,
+                defaultVal: table.defaultVal, images: splitGridImages(params.value, table.defaultVal) };
+        }
+    };
+}
+function linkRenderer(table, context) {
+    return class {
+        constructor() {
+            this.element = document.createElement('button');
+            this.onMouseDown = (event) => event.stopPropagation();
+            this.onClick = (event) => {
+                event.preventDefault();
+                event.stopPropagation();
+                const action = { name: table.name, code: table.key || 'link', type: 'row',
+                    data: this.params.data, firstData: this.params.data, value: this.params.value,
+                    numberOfChecked: this.params.node?.rowIndex ?? -1 };
+                context.onAction({ data: action, event });
+            };
+        }
+        init(params) {
+            this.element.type = 'button';
+            this.element.className = 'atr-grid-link';
+            Object.assign(this.element.style, { border: '0', background: 'transparent', padding: '0',
+                color: 'inherit', textDecoration: 'underline', cursor: 'pointer', font: 'inherit' });
+            this.element.addEventListener('mousedown', this.onMouseDown);
+            this.element.addEventListener('click', this.onClick);
+            this.refresh(params);
+        }
+        getGui() { return this.element; }
+        refresh(params) {
+            this.params = params;
+            this.element.textContent = displayText(params.valueFormatted ?? defaultValue(params.value, table));
+            return true;
+        }
+        destroy() {
+            this.element.removeEventListener('mousedown', this.onMouseDown);
+            this.element.removeEventListener('click', this.onClick);
+        }
+    };
+}
+function htmlRenderer(table, context) {
+    return class {
+        constructor() {
+            this.element = document.createElement('span');
+        }
+        init(params) { this.refresh(params); }
+        getGui() { return this.element; }
+        refresh(params) {
+            const value = defaultValue(params.value, table);
+            const html = table.innerHtmlBack ? table.innerHtmlBack(value, params.data) : value;
+            this.element.innerHTML = context.sanitizer.sanitize(SecurityContext.HTML, displayText(html)) || '';
+            return true;
+        }
+        destroy() { this.element.replaceChildren(); }
+    };
+}
+/** Translate the public ATR column schema without mutating the supplied configuration. */
+function createGridColumn(table, context) {
+    const width = Number(table.width);
+    const column = {
+        headerName: table.name,
+        colId: table.key || table.name,
+        field: table.type === 'fixedText' ? undefined : table.key,
+        width: Number.isFinite(width) && width > 0 ? Math.max(40, width) : 150,
+        sortable: table.sortable ?? (table.sortKey ? true : undefined),
+        hide: table.isShow === false,
+        pinned: table.isLeft ? 'left' : table.isRight ? 'right' : undefined,
+        resizable: table.forbidResize == null ? undefined : !table.forbidResize,
+        spanRows: !!table.isRowSpan,
+        cellStyle: table.styleCallBack || table.color || table.type === 'link'
+            ? params => columnStyle(table, params) : undefined,
+        valueFormatter: params => displayText(defaultValue(params.value, table))
+    };
+    switch (table.type) {
+        case 'fixedText':
+            column.valueGetter = () => table.key ?? table.defaultVal ?? '';
+            break;
+        case 'date':
+        case 'dateTime':
+        case 'sDateTime': {
+            const format = table.dateFormat || (table.type === 'date' ? 'yyyy-MM-dd'
+                : table.type === 'sDateTime' ? 'MM-dd HH:mm' : 'yyyy-MM-dd HH:mm:ss');
+            column.valueFormatter = params => {
+                if (params.value == null || params.value === '')
+                    return displayText(defaultValue(params.value, table));
+                try {
+                    return context.datePipe.transform(params.value, format) ?? displayText(defaultValue(null, table));
+                }
+                catch {
+                    return displayText(params.value);
+                }
+            };
+            break;
+        }
+        case 'dict':
+            column.valueFormatter = params => {
+                if (params.value == null)
+                    return displayText(defaultValue(params.value, table));
+                const labels = table.dictCode ? context.dictMap[table.dictCode] || {} : {};
+                const values = Array.isArray(params.value) ? params.value : String(params.value).split(',');
+                return values.map(value => labels[String(value).trim()] ?? value).join(',');
+            };
+            break;
+        case 'action':
+            column.cellRenderer = BtnTdComponent;
+            column.cellClass = 'atr-action-cell';
+            column.cellRendererParams = { buttons: table.actions || [], callback: context.onAction,
+                suppressMouseEventHandling: () => true };
+            break;
+        case 'image':
+        case 'image64':
+            column.cellRenderer = ImgTdComponent;
+            column.cellRendererParams = { defaultVal: table.defaultVal, imagePrefix: context.imagePrefix,
+                image64: table.type === 'image64', suppressMouseEventHandling: () => true };
+            break;
+        case 'link':
+            column.cellRenderer = linkRenderer(table, context);
+            column.cellRendererParams = { suppressMouseEventHandling: () => true };
+            break;
+        case 'innerHtml':
+            column.cellRenderer = htmlRenderer(table, context);
+            break;
+        case 'tempRef':
+            if (table.tempRef)
+                column.cellRenderer = templateRenderer(table.tempRef, table, context);
+            break;
+        case 'text':
+        case 'textcolor':
+            break;
+    }
+    if (table.valueFormatter != null)
+        column.valueFormatter = table.valueFormatter;
+    if (table.cellRenderer != null)
+        column.cellRenderer = table.cellRenderer;
+    const customParams = table.cellRendererParams;
+    if (customParams != null) {
+        const builtInParams = column.cellRendererParams;
+        column.cellRendererParams = typeof customParams === 'function'
+            ? params => ({ ...builtInParams, ...(customParams(params) || {}) })
+            : { ...builtInParams, ...customParams };
+    }
+    return column;
+}
+
+ModuleRegistry.registerModules([AllCommunityModule]);
 class AtrGridTableComponent {
     constructor(fb, ossImgPipe, defaultValPipe, datePipe, viewContainerRef, injector, locale, cd) {
         this.fb = fb;
@@ -5699,903 +6073,758 @@ class AtrGridTableComponent {
         this.injector = injector;
         this.locale = locale;
         this.cd = cd;
-        this.columnDefs = [];
-        this.dictMap = {};
-        this.rowSelection = { enableSelectionWithoutKeys: true };
-        this.gridApi = null;
-        /*
-        * {
-            mode: 'singleRow',
-        };
-        * */
-        // {
-        //   headerName: '日期',
-        //   field: 'date',
-        //   pinned: 'left',
-        //   width: 150
-        // },
-        this.viewInitOver = false;
-        this.tableWidth = 0;
-        this.tableHeight = '100%';
-        this.scrollX = 0;
-        this.id = -1;
-        this.scrollSize = { x: "", y: "" };
-        this.isCollapse = true;
-        this.atrForm = null;
-        this.dicts = {};
-        this.pageIndex = 1;
-        this.total = 1;
         this.pageSize = 20;
         this.pageSizeOptions = [20, 30, 40, 50, 60];
         this.loading = true;
-        this.allowDrag = false; //允许拖拽换位
+        this.allowDrag = false;
         this.showQueryTime = false;
-        this.tableDatas = [];
-        this.visibleTables = [];
-        //表格checkbox 配置
-        this.isAllDisplayDataChecked = false;
-        this.isIndeterminate = false;
-        this.numberOfChecked = 0;
-        this.mapOfCheckedId = {};
-        this.curChecked = -1;
-        this.imagePrefix = atr_static_datas.OSS_URL;
-        this.defaultParams = {};
         this.isHideTable = false;
-        this.isAllLoad = false;
-        this.sortMap = {};
-        this.rowSpanMap = {}; //key:{德科牧场:{num:1}}
-        this.headerDefaultVal = {};
         this.sortKey = 'sortBy';
+        this.queryOpts = { url: '', tables: [] };
         this.showPagination = true;
-        this.title = "";
+        this.title = '';
         this.queryHeaders = null;
+        this.rowKey = 'id';
+        this.gridOptions = {};
         this.tableAction = new EventEmitter();
         this.queryBack = new EventEmitter();
         this.headerAction = new EventEmitter();
+        this.columnDefs = [];
+        this.defaultColDef = { resizable: true, minWidth: 60, sortable: false };
+        this.resolvedGridOptions = {};
+        this.cellSpanEnabled = false;
+        this.rowSelection = { mode: 'singleRow', checkboxes: false, enableClickSelection: true };
+        this.gridApi = null;
+        this.dictMap = {};
+        this.dicts = {};
+        this.searchHeaders = [];
+        this.headerDefaultVal = {};
+        this.defaultParams = {};
+        this.tableDatas = [];
+        this.visibleTables = [];
+        this.sortMap = {};
+        this.rowSpanMap = {};
+        this.mapOfCheckedId = {};
+        this.numberOfChecked = 0;
+        this.isAllDisplayDataChecked = false;
+        this.isIndeterminate = false;
+        this.curChecked = -1;
+        this.pageIndex = 1;
+        this.total = 0;
+        this.isCollapse = true;
+        this.isAllLoad = false;
+        this.viewInitOver = false;
+        this.tableWidth = 0;
+        this.tableHeight = '100%';
+        this.queryTime = '';
+        this.queryError = '';
+        this.imagePrefix = atr_static_datas.OSS_URL;
+        this.scrollX = 0;
+        this.scrollSize = { x: '', y: '' };
         this.resizeDirection = null;
-        this.queryTime = "";
+        this.id = -1;
+        this.initialized = false;
+        this.viewReady = false;
+        this.destroyed = false;
+        this.configRevision = 0;
+        this.columnRevision = 0;
+        this.requestRevision = 0;
+        this.destroy$ = new Subject();
+        this.pendingDictionaries = new Map();
+        this.loadedDictionaries = new Set();
+        this.fallbackRowIds = new WeakMap();
+        this.nextRowId = 0;
+        this.suppressSelectionEvents = false;
+        this.columnTables = new Map();
+        this.getRowId = (params) => this.getDataId(params.data);
+        this.getRowStyle = params => {
+            const custom = this.gridOptions?.getRowStyle?.(params) || {};
+            const color = this.isShowColor(params.data);
+            return this.queryOpts?.color ? { ...custom, color: color || custom['color'] || 'inherit' } : custom;
+        };
+        this.atrForm = this.fb.group({});
     }
-    //新版table
-    async initTableHeader() {
-        this.columnDefs = [];
-        this.tableWidth = this.tableContent.nativeElement.offsetWidth;
-        let currentWidth = this.tableWidth - 250;
-        if (this.queryOpts.isIndex) {
-            this.columnDefs.push({
-                headerName: '#',
-                colId: '__index__',
-                valueGetter: params => {
-                    const rowIndex = params.node?.rowIndex ?? 0;
-                    return (this.pageIndex - 1) * this.pageSize + rowIndex + 1;
-                },
-                width: 60,
-                minWidth: 60,
-                maxWidth: 80,
-                pinned: 'left',
-                sortable: false,
-                resizable: false,
-                suppressMovable: true,
-                cellStyle: {
-                    textAlign: 'center'
-                }
-            });
+    get actions() { return this.queryOpts?.actions || []; }
+    get tables() { return this.queryOpts?.tables || []; }
+    get visibleHeaderCount() { return Math.max(0, this.queryOpts?.showNum ?? this.searchHeaders.length); }
+    get hasMoreHeaders() { return this.searchHeaders.filter(item => item.isShow !== false).length > this.visibleHeaderCount; }
+    isHeaderVisible(header, index) {
+        return header.isShow !== false && (!this.isCollapse
+            || this.searchHeaders.slice(0, index).filter(item => item.isShow !== false).length < this.visibleHeaderCount);
+    }
+    get enableCellSpan() { return this.tables.some(item => item.isShow !== false && !!item.isRowSpan); }
+    ngOnInit() {
+        this.initialized = true;
+        this.defaultParams = { ...this.queryOpts?.defaultParams };
+        this.sortMap = this.parseSort(this.queryOpts?.sort || this.queryOpts?.sortBy);
+        this.normalizePagination();
+    }
+    ngOnChanges(changes) {
+        if (!this.initialized)
+            return;
+        if (changes['queryOpts']) {
+            this.defaultParams = { ...this.queryOpts?.defaultParams };
+            this.sortMap = this.parseSort(this.queryOpts?.sort || this.queryOpts?.sortBy);
+            this.pageIndex = 1;
+            this.cancelQuery();
+            if (this.viewReady)
+                void this.initializeGrid();
         }
-        for (let i = 0; i < this.queryOpts.tables.length; i++) {
-            let item = this.queryOpts.tables[i];
-            if (item.isShow) {
-                if (i == this.queryOpts.tables.length - 1) {
-                    item.width = currentWidth;
-                }
-                else {
-                    currentWidth -= item.width;
-                }
-            }
-            this.columnDefs.push(await this.transColumnDefs(item));
+        else if (this.viewReady && (changes['gridOptions'] || changes['rowKey'])) {
+            this.cancelQuery();
+            void this.initializeGrid(false);
         }
-        if (this.queryOpts.checkBox?.isShowCheckbox) {
-            console.log('this.rowSelection', this.queryOpts.checkBox.isRadio);
-            if (this.queryOpts.checkBox.isRadio) {
-                this.rowSelection['mode'] = 'singleRow';
-            }
-            else {
-                this.rowSelection['mode'] = 'multiRow';
-            }
-            console.log('this.rowSelection', this.rowSelection);
+        else if (this.viewReady && changes['allowDrag']) {
+            this.configureGrid();
+            void this.refreshColumns();
+        }
+        if (changes['pageSize']) {
+            this.normalizePagination();
+            if (!changes['queryOpts'] && this.isAllLoad)
+                this.query(true);
+        }
+    }
+    ngAfterViewInit() {
+        this.viewReady = true;
+        if (typeof ResizeObserver !== 'undefined') {
+            this.resizeObserver = new ResizeObserver(() => this.updateTableHeight());
+            this.resizeObserver.observe(this.tableContent.nativeElement);
         }
+        void this.initializeGrid();
+    }
+    async initializeGrid(autoQuery = true) {
+        const revision = ++this.configRevision;
+        this.viewInitOver = false;
+        this.isAllLoad = false;
+        this.gridApi = null;
+        this.syncSelection([]);
+        // Some native options are initial-only. Destroy the previous grid before rebuilding it.
+        await Promise.resolve();
+        if (this.destroyed || revision !== this.configRevision)
+            return;
+        this.cd.detectChanges();
+        this.configureGrid();
+        await this.initHeader();
+        if (this.destroyed || revision !== this.configRevision)
+            return;
+        await this.initTableHeader();
+        if (this.destroyed || revision !== this.configRevision)
+            return;
+        this.cellSpanEnabled = this.enableCellSpan;
+        this.isAllLoad = true;
+        this.viewInitOver = true;
+        this.loading = false;
+        this.cd.detectChanges();
         this.updateTableHeight();
+        // Historical contract: true skips the initial automatic request.
+        if (autoQuery && !this.queryOpts?.isAutoQuery)
+            this.query();
     }
-    updateTableHeight() {
-        const headerEl = this.tableHeader?.nativeElement;
-        if (!headerEl) {
-            this.tableHeight = '100%';
+    configureGrid() {
+        this.defaultColDef = { resizable: true, minWidth: 60, sortable: false, ...this.gridOptions?.defaultColDef };
+        this.resolvedGridOptions = { ...this.gridOptions, rowModelType: 'clientSide' };
+        const check = this.queryOpts?.checkBox || {};
+        const common = {
+            checkboxes: !!check.isShowCheckbox, enableClickSelection: !check.isForbid,
+            enableSelectionWithoutKeys: true,
+            isRowSelectable: (node) => !!node.data && (!check.isRowSelectable || !!check.isRowSelectable(node))
+        };
+        this.rowSelection = check.isShowCheckbox && !check.isRadio
+            ? { ...common, mode: 'multiRow', headerCheckbox: true, selectAll: 'filtered' }
+            : { ...common, mode: 'singleRow' };
+    }
+    async initTableHeader() {
+        const revision = ++this.columnRevision;
+        const tables = this.tables.slice();
+        await Promise.all(tables.filter(item => item.type === 'dict' && item.dictCode)
+            .map(item => this.loadDictionary(item.dictCode)));
+        if (this.destroyed || revision !== this.columnRevision)
             return;
+        const definitions = [];
+        const columnTables = new Map();
+        if (this.allowDrag || this.queryOpts?.isIndex) {
+            definitions.push({
+                headerName: this.queryOpts?.isIndex ? '#' : '', colId: '__index__', width: this.allowDrag ? 85 : 65,
+                minWidth: this.allowDrag ? 85 : 65, maxWidth: this.allowDrag ? 100 : 80,
+                pinned: 'left', sortable: false, filter: false, editable: false, resizable: false,
+                suppressMovable: true, rowDrag: this.allowDrag ? () => this.canDragRows() : false,
+                valueGetter: params => this.queryOpts?.isIndex
+                    ? (this.pageIndex - 1) * this.pageSize + (params.node?.rowIndex ?? 0) + 1 : '',
+                cellStyle: { textAlign: 'center' }
+            });
         }
-        const headerStyle = window.getComputedStyle(headerEl);
-        const marginBottom = parseFloat(headerStyle.marginBottom || '0') || 0;
-        const headerHeight = headerEl.getBoundingClientRect().height + marginBottom + 30;
-        this.tableHeight = `calc(100% - ${headerHeight}px)`;
+        for (const [index, table] of tables.entries()) {
+            const definition = await this.transColumnDefs(table);
+            const base = table.key || `__column_${index}`;
+            let colId = base;
+            for (let suffix = 1; columnTables.has(colId) || colId === '__index__'; suffix++)
+                colId = `${base}_${suffix}`;
+            definition.colId = colId;
+            const sortName = table.sortKey || table.key || colId;
+            definition.sort = this.sortMap[sortName] || null;
+            definition.sortIndex = Object.keys(this.sortMap).indexOf(sortName);
+            columnTables.set(colId, table);
+            definitions.push(definition);
+        }
+        if (this.destroyed || revision !== this.columnRevision)
+            return;
+        this.columnTables = columnTables;
+        this.columnDefs = definitions;
+        this.refreshVisibleTables();
+        this.getRowSpan();
+        this.updateTableHeight();
+        this.cd.markForCheck();
     }
-    onSortChanged(event) {
-        const sortColumns = event.api
-            .getColumnState()
-            .filter(col => col.sort)
-            .sort((a, b) => {
-            return (a.sortIndex ?? 0) - (b.sortIndex ?? 0);
+    async refreshColumns() {
+        if (this.isAllLoad && this.cellSpanEnabled !== this.enableCellSpan)
+            await this.initializeGrid(false);
+        else
+            await this.initTableHeader();
+    }
+    async transColumnDefs(tableItem) {
+        return createGridColumn(tableItem, {
+            datePipe: this.datePipe, sanitizer: this.injector.get(DomSanitizer),
+            viewContainerRef: this.viewContainerRef, dictMap: this.dictMap, imagePrefix: this.imagePrefix,
+            onAction: params => {
+                params.event?.stopPropagation();
+                this.curChecked = params.data.numberOfChecked ?? -1;
+                this.tableAction.emit(params.data);
+            }
         });
-        this.sortMap = sortColumns.reduce((map, item) => {
-            map[item.colId] = item.sort;
-            return map;
-        }, {});
-        this.query(true);
+    }
+    createTemplateCellRenderer(template, tableItem) {
+        return createGridColumn({ ...tableItem, type: 'tempRef', tempRef: template }, {
+            datePipe: this.datePipe, sanitizer: this.injector.get(DomSanitizer), viewContainerRef: this.viewContainerRef,
+            dictMap: this.dictMap, imagePrefix: this.imagePrefix, onAction: params => this.tableAction.emit(params.data)
+        }).cellRenderer;
+    }
+    updateTableHeight() {
+        const element = this.tableContent?.nativeElement;
+        if (element)
+            this.tableWidth = element.clientWidth;
+        // Flex layout reserves the actual header, error and pagination heights.
+        this.tableHeight = '100%';
+    }
+    getDataId(data) {
+        const key = getTableValue(data, this.rowKey);
+        if (key !== undefined && key !== null)
+            return String(key);
+        if (data && typeof data === 'object') {
+            if (!this.fallbackRowIds.has(data))
+                this.fallbackRowIds.set(data, `__atr_row_${++this.nextRowId}`);
+            return this.fallbackRowIds.get(data);
+        }
+        return String(data);
     }
     onGridReady(event) {
         this.gridApi = event.api;
-        this.tableAction.emit({
-            code: 'gridApi',
-            name: 'gridApi',
-            type: 'row',
-            data: this.gridApi,
-        });
+        this.tableAction.emit({ code: 'gridApi', name: 'gridApi', type: 'row', data: event.api });
+    }
+    onSortChanged(event) {
+        const sorts = event.api.getColumnState().filter(column => !!column.sort)
+            .sort((a, b) => (a.sortIndex ?? 0) - (b.sortIndex ?? 0));
+        const next = {};
+        for (const column of sorts) {
+            const table = this.columnTables.get(column.colId);
+            if (table)
+                next[table.sortKey || table.key || column.colId] = column.sort;
+        }
+        if (JSON.stringify(next) === JSON.stringify(this.sortMap))
+            return;
+        this.sortMap = next;
+        if (this.viewInitOver)
+            this.query(true);
     }
     onSelectionChanged(event) {
-        const selectedRows = event.api.getSelectedRows();
-        this.numberOfChecked = selectedRows.length;
-        this.tableAction.emit({
-            code: 'select',
-            name: 'select',
-            type: 'row',
-            data: selectedRows,
-            datas: selectedRows,
-            firstData: selectedRows[0],
-            numberOfChecked: selectedRows.length
-        });
+        if (!this.suppressSelectionEvents)
+            this.syncSelection(event.api.getSelectedRows());
+    }
+    syncSelection(rows, code = 'select') {
+        this.mapOfCheckedId = Object.fromEntries(rows.map(row => [this.getDataId(row), true]));
+        this.numberOfChecked = rows.length;
+        const selectable = this.tableDatas.filter(row => this.isSelectable(row));
+        this.isAllDisplayDataChecked = selectable.length > 0 && selectable.every(row => this.mapOfCheckedId[this.getDataId(row)]);
+        this.isIndeterminate = rows.length > 0 && !this.isAllDisplayDataChecked;
+        this.tableAction.emit({ code, name: 'select', type: 'row', data: rows, datas: rows,
+            firstData: rows[0], numberOfChecked: rows.length });
     }
     getSelectedRows() {
-        return this.gridApi ? this.gridApi.getSelectedRows() : [];
+        return this.gridApi ? this.gridApi.getSelectedRows()
+            : this.tableDatas.filter(row => this.mapOfCheckedId[this.getDataId(row)]);
     }
-    async transColumnDefs(tableItem) {
-        let style = tableItem.styleCallBack, valueFormatter = tableItem.valueFormatter;
-        let colDef = {
-            headerName: tableItem.name,
-            field: tableItem.key,
-            width: tableItem.width,
-            sortable: tableItem.sortable || false,
-            hide: !tableItem.isShow,
-            valueFormatter: params => {
-                let value = params.value;
-                let defVal = ToolsUtil.isEmpty(tableItem.defaultVal) ? '-' : tableItem.defaultVal;
-                return ToolsUtil.isNull(value) ? defVal : value;
-            },
-            cellStyle: style
-        };
-        switch (tableItem.type) {
-            case 'textcolor':
-                break;
-            case 'fixedText':
-                break;
-            case 'text':
-                break;
-            case 'link':
-                break;
-            case 'action':
-                colDef.cellRenderer = BtnTdComponent;
-                colDef.cellRendererParams = {
-                    buttons: tableItem.actions,
-                    callback: (params) => {
-                        this.curChecked = params.data.numberOfChecked;
-                        console.log('操作', params.data);
-                        this.tableAction.emit(params.data);
-                    }
-                };
-                colDef.cellClass = 'atr-action-cell';
-                break;
-            case 'image':
-                colDef.cellRenderer = ImgTdComponent;
-                break;
-            case 'date':
-            case 'dateTime':
-            case 'sDateTime':
-                colDef.valueFormatter = params => {
-                    let value = params.value;
-                    if (value) {
-                        value = this.datePipe.transform(value, tableItem.dateFormat || 'yyyy-MM-dd HH:mm:ss');
-                    }
-                    let defVal = ToolsUtil.isEmpty(tableItem.defaultVal) ? '-' : tableItem.defaultVal;
-                    return ToolsUtil.isNull(value) ? defVal : value;
-                };
-                break;
-            case 'dict':
-                if (tableItem.dictCode) {
-                    let dict = this.dictMap[tableItem.dictCode];
-                    if (!dict) {
-                        dict = await this.dictService.getCodeNamePromise(tableItem.dictCode) || {};
-                        if (dict.dicts) {
-                            this.dictMap[tableItem.dictCode] = dict.dicts.reduce((map, item) => {
-                                map[item.id] = item.typeName;
-                                return map;
-                            }, {});
+    getAllCheckDatas() { return this.getSelectedRows(); }
+    getAllCheckInfo() { return this.getSelectedRows().map(row => this.getDataId(row)); }
+    checkAll(value) {
+        if (this.gridApi) {
+            this.suppressSelectionEvents = true;
+            try {
+                if (!value)
+                    this.gridApi.deselectAll();
+                else if (this.rowSelection.mode === 'multiRow')
+                    this.gridApi.selectAll('filtered');
+                else {
+                    let selected = false;
+                    this.gridApi.forEachNodeAfterFilter(node => {
+                        if (!selected && node.selectable && node.data) {
+                            node.setSelected(true, true);
+                            selected = true;
                         }
-                        dict = this.dictMap[tableItem.dictCode];
-                    }
-                    colDef.cellRenderer = params => {
-                        // put the value in bold
-                        return dict[params.value] ?? params.value;
-                    };
-                }
-                break;
-            case 'innerHtml':
-                break;
-            case 'image64':
-                break;
-            case 'tempRef':
-                break;
-        }
-        console.log('colDef', colDef);
-        if (valueFormatter) {
-            colDef.valueFormatter = valueFormatter;
-        }
-        return colDef;
-    }
-    createTemplateCellRenderer(template, tableItem) {
-        const viewContainerRef = this.viewContainerRef;
-        const getImageList = this.getImageList.bind(this);
-        return class {
-            constructor() {
-                this.eGui = document.createElement('span');
-                this.viewRef = null;
-            }
-            init(params) {
-                this.render(params);
-            }
-            getGui() {
-                return this.eGui;
-            }
-            refresh(params) {
-                this.destroy();
-                this.render(params);
-                return true;
-            }
-            destroy() {
-                if (this.viewRef) {
-                    this.viewRef.destroy();
-                    this.viewRef = null;
+                    });
                 }
-                this.eGui.replaceChildren();
             }
-            render(params) {
-                this.eGui.replaceChildren();
-                this.viewRef = viewContainerRef.createEmbeddedView(template, {
-                    $implicit: params,
-                    params: params,
-                    data: params.data,
-                    item: tableItem,
-                    value: params.value,
-                    defaultVal: tableItem.defaultVal,
-                    images: getImageList(params.value, tableItem.defaultVal)
-                });
-                this.viewRef.detectChanges();
-                this.viewRef.rootNodes.forEach(node => this.eGui.appendChild(node));
+            finally {
+                this.suppressSelectionEvents = false;
             }
-        };
-    }
-    getImageList(value, defaultVal) {
-        const realValue = ToolsUtil.isNull(value) ? defaultVal : value;
-        if (ToolsUtil.isNull(realValue)) {
-            return [];
-        }
-        return realValue.toString().split(',').filter(item => !ToolsUtil.isNull(item));
-    }
-    //
-    onResize({ width, height, direction }, item) {
-        cancelAnimationFrame(this.id);
-        this.id = requestAnimationFrame(() => {
-            if (width) {
-                this.scrollX += (width - item.width);
-                this.scrollSize.x = this.scrollX + "px";
-                item.width = width;
-                this.resizeDirection = direction;
-            }
-        });
-    }
-    ngAfterViewInit() {
-        this.initTableHeader();
-        setTimeout(() => {
-            this.viewInitOver = true;
-            this.isAllLoad = true;
-            // this.cd.detectChanges();
-        }, 100);
-    }
-    ngOnInit() {
-        // this.initTableHeader();
-        if (this.queryOpts && this.queryOpts.headers.length > 0) {
-            this.atrForm = this.fb.group({});
-        }
-        this.initHeader();
-        // if (this.queryOpts && this.queryOpts.tables) {
-        //     for (let table of this.queryOpts.tables) {
-        //         if (table.type == 'dict') {
-        //             this.getDictValue(table.dictCode);
-        //         }
-        //         // if (table.sortKey) {
-        //         //     table.sortable = true;
-        //         //     this.sortMap[table.sortKey] = null;
-        //         // } else
-        //         //     table.sortable = false;
-        //     }
-        // }
-        // this.refreshVisibleTables();
-        // if (this.queryOpts && this.queryOpts.defaultParams) {
-        //     this.defaultParams = this.queryOpts.defaultParams
-        // }
-        if (!this.queryOpts.isAutoQuery) {
-            this.query();
+            this.syncSelection(this.gridApi.getSelectedRows());
         }
         else {
-            this.loading = false;
-            // this.cd.detectChanges();
-        }
-    }
-    isShowColor(data) {
-        if (this.queryOpts.color && this.queryOpts.color.operator && this.isShowBtn(data, this.queryOpts.color.operator)) {
-            return this.queryOpts.color.color;
+            let rows = value ? this.tableDatas.filter(row => this.isSelectable(row)) : [];
+            if (this.rowSelection.mode === 'singleRow')
+                rows = rows.slice(0, 1);
+            this.syncSelection(rows);
         }
-        return '';
-    }
-    dbclickData(data, rowNo) {
-        let action = {
-            name: 'dbclickData',
-            code: 'dbclickData',
-            type: "row"
-        };
-        action.data = data;
-        action.firstData = data;
-        this.tableAction.emit(action);
     }
-    doActionByRow2(e) {
-        let { data, code, event: MouseEvent, index } = e;
-        if (event) {
-            event.preventDefault();
-            if (event.stopPropagation) {
-                event.stopPropagation();
-            }
-        }
-        let action = {
-            name: code,
-            code: code,
-            type: "row"
-        };
-        action.data = data;
-        action.firstData = data;
-        action.numberOfChecked = index;
-        this.curChecked = index;
-        this.tableAction.emit(action);
-    }
-    get httpService() {
-        return this.injector.get(HttpService);
-    }
-    get nzContextMenuService() {
-        return this.injector.get(NzContextMenuService);
-    }
-    setTableLoadding(loadding) {
-        this.loading = loadding;
-    }
-    isEnable(operator) {
-        let isEnable = true;
-        if (!operator || operator == undefined || operator == "")
-            isEnable = false;
-        else {
-            let op = operator.split("|");
-            if (op.length > 2) {
-                let key = op[0];
-                if (!key) {
-                    isEnable = false;
-                }
-                else {
-                    isEnable = !this.compare(this.numberOfChecked, op[1], op[2]);
-                }
-            }
-            else
-                isEnable = false;
-        }
-        return isEnable;
-    }
-    isShowBtn(data, operator, action) {
-        let isShow = false;
-        if (!operator || operator == null || operator == "") {
-            isShow = true;
+    refreshStatus() {
+        if (!this.tableDatas.length) {
+            this.syncSelection([], 'refreshStatus');
+            return;
         }
-        else if (operator.indexOf('&&') > 0) {
-            // a|eq|b &&c|eq|d
-            const ops = operator.split('&&');
-            if (ops.length > 1) {
-                // tslint:disable-next-line:prefer-for-of
-                for (let i = 0; i < ops.length; i++) {
-                    isShow = true;
-                    if (!this.checkIsShowBase(ops[i].split('|'), data)) {
-                        isShow = false;
-                        break;
-                    }
-                }
+        if (this.gridApi) {
+            this.suppressSelectionEvents = true;
+            let selected = false;
+            try {
+                this.gridApi.forEachNode(node => {
+                    const wanted = !!node.data && !!this.mapOfCheckedId[this.getDataId(node.data)] && !!node.selectable;
+                    const allowed = wanted && (this.rowSelection.mode === 'multiRow' || !selected);
+                    if (allowed)
+                        selected = true;
+                    node.setSelected(allowed);
+                });
             }
-        }
-        else if (operator.indexOf('||') > 0) {
-            // a|eq|b||c|eq|d
-            const ops = operator.split('&&');
-            if (ops.length > 1) {
-                for (let i = 0; i < ops.length; i++) {
-                    isShow = false;
-                    if (this.checkIsShowBase(ops[i].split('|'), data)) {
-                        isShow = true;
-                        break;
-                    }
-                }
+            finally {
+                this.suppressSelectionEvents = false;
             }
         }
-        else {
-            let op = operator.split("|");
-            isShow = this.checkIsShowBase(op, data);
-        }
-        return isShow;
+        this.syncSelection(this.getSelectedRows(), 'refreshStatus');
     }
-    checkIsShowBase(op, data) {
-        let isShow = false;
-        if (op.length > 1) {
-            let value = data[op[0]];
-            if (!value) {
-                isShow = false;
-            }
-            else {
-                isShow = this.compare(value, op[1], op[2]);
-            }
-        }
-        else
-            isShow = false;
-        return isShow;
+    isSelectable(data) {
+        const predicate = this.queryOpts?.checkBox?.isRowSelectable;
+        const node = this.gridApi?.getRowNode(this.getDataId(data));
+        return !predicate || !!predicate(node || { data, id: this.getDataId(data) });
     }
-    compare(value, operator, target) {
-        let isRight = false;
-        switch (operator) {
-            case 'eq':
-                if (value == target) {
-                    isRight = true;
-                }
-                break;
-            case 'gh':
-                if (value >= target) {
-                    isRight = true;
-                }
-                break;
-            case 'notEmpty':
-                isRight = false;
-                if (value) {
-                    isRight = true;
-                }
-                break;
-            case 'empty':
-                isRight = false;
-                if (!value) {
-                    isRight = true;
-                }
-                break;
-            default:
-                isRight = false;
-                break;
+    selectRow(data, rowNo) {
+        this.curChecked = rowNo;
+        if (this.queryOpts?.checkBox?.isForbid || !this.isSelectable(data))
+            return;
+        const node = this.gridApi?.getRowNode(this.getDataId(data));
+        if (node)
+            node.setSelected(!node.isSelected(), this.rowSelection.mode === 'singleRow');
+        else {
+            const key = this.getDataId(data);
+            const selected = !this.mapOfCheckedId[key];
+            if (this.rowSelection.mode === 'singleRow')
+                this.mapOfCheckedId = {};
+            this.mapOfCheckedId[key] = selected;
+            this.syncSelection(this.getSelectedRows());
         }
-        return isRight;
-    }
-    pushTableDatas(tableDatas) {
-        this.tableDatas = this.tableDatas.concat(tableDatas);
-        this.getRowSpan();
-    }
-    removeDatas(key, value) {
-        this.tableDatas.forEach((item, index) => {
-            if (item[key] === value) {
-                this.tableDatas.splice(index, 1);
-            }
-        });
-        this.getRowSpan();
-    }
-    uploadAction(e, action) {
-        this.headerAction.emit({
-            name: action.code,
-            code: action.code,
-            data: e
-        });
     }
     doAction(code) {
-        let action = {
-            name: code,
-            code: code,
-            type: "rows"
-        };
-        let selectDatas = [];
-        if (this.tableDatas && this.tableDatas.length > 0) {
-            this.tableDatas.forEach((item) => {
-                if (this.mapOfCheckedId[item.id])
-                    selectDatas.push(item);
-            });
-        }
-        action.datas = selectDatas;
-        if (selectDatas && selectDatas.length > 0) {
-            action.firstData = selectDatas[0];
-        }
-        action.numberOfChecked = selectDatas.length;
-        this.tableAction.emit(action);
+        const rows = this.getSelectedRows();
+        this.tableAction.emit({ name: code, code, type: 'rows', datas: rows,
+            firstData: rows[0], numberOfChecked: rows.length });
     }
     doActionByRow(data, code, event) {
-        event.preventDefault();
-        if (event.stopPropagation) {
-            event.stopPropagation();
-        }
-        let action = {
-            name: code,
-            code: code,
-            type: "row"
-        };
-        action.data = data;
-        action.firstData = data;
-        action.numberOfChecked = 1;
-        this.tableAction.emit(action);
-    }
-    getAllCheckInfo() {
-        let ids = [];
-        for (const key of Object.keys(this.mapOfCheckedId)) {
-            if (this.mapOfCheckedId.hasOwnProperty(key) && this.mapOfCheckedId[key]) {
-                ids.push(key);
-            }
-        }
-        return ids;
-    }
-    getAllCheckDatas() {
-        let selectDatas = [];
-        this.tableDatas.forEach((item) => {
-            if (this.mapOfCheckedId[item.id])
-                selectDatas.push(item);
-        });
-        return selectDatas;
+        event?.preventDefault();
+        event?.stopPropagation();
+        this.tableAction.emit({ name: code, code, type: 'row', data, firstData: data, numberOfChecked: 1 });
     }
-    checkAll(value) {
-        this.tableDatas.forEach((item) => (this.mapOfCheckedId[item.id] = value));
-        this.refreshStatus();
-    }
-    refreshStatus() {
-        if (!this.tableDatas || this.tableDatas.length <= 0) {
-            return;
-        }
-        this.isAllDisplayDataChecked = this.tableDatas.every((item) => this.mapOfCheckedId[item.id]);
-        this.isIndeterminate =
-            this.tableDatas.some((item) => this.mapOfCheckedId[item.id]) &&
-                !this.isAllDisplayDataChecked;
-        this.numberOfChecked = this.tableDatas.filter((item) => this.mapOfCheckedId[item.id]).length;
-        this.tableAction.emit({
-            code: 'refreshStatus', name: 'select',
-            type: "row", data: this.getAllCheckDatas()
-        });
+    doActionByRow2(e) {
+        const { data, code, event, index } = e;
+        event?.preventDefault();
+        event?.stopPropagation();
+        this.curChecked = index ?? -1;
+        this.tableAction.emit({ name: code, code, type: 'row', data, firstData: data, numberOfChecked: index });
     }
-    selectRow(data, rowNo) {
-        // this.tableDatas.forEach(item => (this.mapOfCheckedId[data.id] = value));
+    dbclickData(data, rowNo) {
         this.curChecked = rowNo;
-        if (!this.queryOpts.checkBox?.isForbid) {
-            if (this.queryOpts.checkBox?.isShowCheckbox) {
-                this.mapOfCheckedId[data.id] = !this.mapOfCheckedId[data.id];
-            }
-            else {
-                this.mapOfCheckedId = {};
-                this.mapOfCheckedId[data.id] = true;
-            }
-        }
-        let action = {
-            name: 'select',
-            code: 'select',
-            type: "row"
-        };
-        action.data = data;
-        action.firstData = data;
-        action.numberOfChecked = 1;
-        this.tableAction.emit(action);
-        this.refreshStatus();
-    }
-    initHeader() {
-        this.headerDefaultVal = {};
-        if (this.queryOpts && this.queryOpts.headers && this.queryOpts.headers.length > 0) {
-            this.queryOpts.headers.forEach((item, i) => {
-                item.span = item.span || 8;
-                if (!ToolsUtil.isNull(item.defaultVal)) {
-                    this.headerDefaultVal[item.key] = item.defaultVal;
-                }
-                if (item.isShow != false) {
-                    item.isShow = i < this.queryOpts.showNum;
-                }
-                this.atrForm.addControl(item.key, new UntypedFormControl());
-                let type = item.type;
-                switch (type) {
-                    case "select":
-                        this.getDictValue(item.dictCode);
-                        break;
-                    case "treeSelect":
-                    case "cascader":
-                    case "selectCus":
-                        if (item.selectUrl && item.selectUrl.url) {
-                            this.getDicList(item);
-                        }
-                        break;
-                }
-            });
-        }
-    }
-    getDicList(item) {
-        if (!item.selectUrl || !item.selectUrl.url) {
-            return;
-        }
-        let keys = item.selectUrl.convert.split(',');
-        this.httpService.post(item.selectUrl.url, {}, ToolsUtil.getHttpOptions()).subscribe(res => {
-            if (item.type == 'treeSelect') {
-                item.treeList = res.data.filter((child) => {
-                    keys.forEach((v) => {
-                        let vs = v.split("|");
-                        child[vs[0]] = child[vs[1]];
-                    });
-                    // child.key = child.id;
-                    // child.title = child.realName;
-                    return true;
-                });
-            }
-            else if (item.type == 'selectCus') {
-                item.dictList = res.data.filter((child) => {
-                    keys.forEach((v) => {
-                        let vs = v.split("|");
-                        child[vs[0]] = child[vs[1]];
-                    });
-                    // child.value = child.id;
-                    // child.label = child.name;
-                    return true;
-                });
-            }
-        });
+        this.tableAction.emit({ name: 'dbclickData', code: 'dbclickData', type: 'row', data, firstData: data, numberOfChecked: 1 });
     }
-    sort(sortName, value) {
-        for (const key in this.sortMap) {
-            this.sortMap[key] = key === sortName ? value : null;
-        }
-        // this.search(this.listOfSearchName, this.listOfSearchAddress);
-        console.log(this.sortMap);
-        this.query(true);
+    onCellValueChanged(event) {
+        this.getRowSpan();
+        event.api.refreshCells({ rowNodes: [event.node], force: true });
+        this.tableAction.emit({ name: '单元格修改', code: 'cellValueChanged', type: 'row', data: event.data,
+            firstData: event.data, value: event.newValue, numberOfChecked: 1,
+            oldValue: event.oldValue, columnKey: event.colDef.field, rowIndex: event.rowIndex });
     }
-    get dictService() {
-        return this.injector.get(DictService);
+    isShowColor(data) {
+        const color = this.queryOpts?.color;
+        return color?.color && matchesTableCondition(data, color.operator) ? color.color : '';
     }
-    getDictValue(code) {
-        console.log("pppp");
-        this.dictService.getDictBycode(code).subscribe(result => {
-            if (result && result != null)
-                this.dicts[code] = result.dicts;
-            console.log(this.dicts);
-        }, error => {
-            this.dicts[code] = [];
-        });
+    isShowBtn(data, operator, action) { return matchesTableCondition(data, operator); }
+    checkIsShowBase(op, data) { return matchesTableCondition(data, op.join('|')); }
+    compare(value, operator, target) { return compareTableValue(value, operator, target); }
+    isEnable(operator) {
+        if (!operator)
+            return false;
+        const state = { count: this.numberOfChecked, numberOfChecked: this.numberOfChecked };
+        for (const clause of operator.split(/&&|\|\|/))
+            state[clause.trim().split('|')[0]] = this.numberOfChecked;
+        return !matchesTableCondition(state, operator);
     }
-    toggleCollapse() {
-        this.isCollapse = !this.isCollapse;
-        // this.queryOpts.headers.forEach((c: any, index: any) => {
-        //   c.isShow = this.isCollapse ? index < this.queryOpts.showNum : true;
-        // });
-        let action = {
-            name: '收起/展开',
-            code: 'collapse',
-            data: this.isCollapse,
-            value: this.isCollapse,
-        };
-        this.headerAction.emit(action);
-        setTimeout(() => this.updateTableHeight());
+    async initHeader() {
+        const currentValues = this.atrForm.getRawValue();
+        this.headerDefaultVal = {};
+        this.searchHeaders = (this.queryOpts?.headers || []).map((header) => ({ ...header, span: header.span ?? 8 }));
+        const controls = {};
+        for (const item of this.searchHeaders) {
+            this.headerDefaultVal[item.key] = item.defaultVal ?? null;
+            controls[item.key] = new UntypedFormControl(Object.prototype.hasOwnProperty.call(currentValues, item.key)
+                ? currentValues[item.key] : item.defaultVal ?? null);
+        }
+        this.atrForm = this.fb.group(controls);
+        await Promise.all(this.searchHeaders.map(async (item) => {
+            if (item.type === 'select' && item.dictCode)
+                await this.getDictValue(item.dictCode);
+            else if (item.selectUrl?.url)
+                await this.getDicList(item);
+        }));
+    }
+    loadDictionary(code) {
+        if (!code)
+            return Promise.resolve([]);
+        if (this.loadedDictionaries.has(code))
+            return Promise.resolve(this.dicts[code] || []);
+        const pending = this.pendingDictionaries.get(code);
+        if (pending)
+            return pending;
+        const request = firstValueFrom(this.dictService.getDictBycode(code)
+            .pipe(take(1), timeout(15000), takeUntil(this.destroy$)))
+            .then(group => {
+            const list = Array.isArray(group?.dicts) ? group.dicts : [];
+            if (!this.destroyed) {
+                this.dicts[code] = list;
+                this.dictMap[code] = Object.fromEntries(list.map(item => [String(item.id), item.typeName]));
+                if (Array.isArray(group?.dicts))
+                    this.loadedDictionaries.add(code);
+            }
+            return list;
+        }).catch(() => {
+            if (!this.destroyed) {
+                this.dicts[code] = [];
+                this.dictMap[code] = {};
+            }
+            return [];
+        }).finally(() => this.pendingDictionaries.delete(code));
+        this.pendingDictionaries.set(code, request);
+        return request;
     }
-    setFormValue(key, value) {
-        if (this.atrForm) {
-            this.atrForm.get(key)?.setValue(value);
+    getDictValue(code) { return this.loadDictionary(code); }
+    async getDicList(item) {
+        if (!item.selectUrl?.url)
+            return;
+        try {
+            const response = await firstValueFrom(this.httpService.post(item.selectUrl.url, {}, ToolsUtil.getHttpOptions())
+                .pipe(take(1), timeout(15000), takeUntil(this.destroy$)));
+            if (this.destroyed || !Array.isArray(response?.data))
+                return;
+            const keys = (item.selectUrl.convert || '').split(',').filter(Boolean).map(pair => pair.split('|'));
+            const convert = (rows) => rows.map(row => {
+                const value = { ...row };
+                for (const [target, source] of keys)
+                    if (target && source)
+                        value[target] = row[source];
+                if (Array.isArray(row.children))
+                    value.children = convert(row.children);
+                else if (item.type === 'cascader')
+                    value.isLeaf = row.isLeaf ?? true;
+                return value;
+            });
+            const rows = convert(response.data);
+            if (item.type === 'treeSelect')
+                item.treeList = rows;
+            else
+                item.dictList = rows;
+            this.cd.markForCheck();
+        }
+        catch {
+            if (item.type === 'treeSelect')
+                item.treeList = [];
+            else
+                item.dictList = [];
         }
-        this.query(true);
     }
+    setFormValue(key, value) { this.atrForm.get(key)?.setValue(value); this.query(true); }
     resetForm() {
-        if (this.atrForm) {
-            this.atrForm.reset();
-            for (const key in this.headerDefaultVal) {
-                this.atrForm.get(key)?.setValue(this.headerDefaultVal[key]);
-            }
-        }
-        this.headerAction.emit({
-            name: '重置',
-            code: 'resetForm',
-        });
+        this.atrForm.reset({ ...this.headerDefaultVal });
+        this.headerAction.emit({ name: '重置', code: 'resetForm' });
+    }
+    toggleCollapse() {
+        this.isCollapse = !this.isCollapse;
+        this.headerAction.emit({ name: '收起/展开', code: 'collapse', data: this.isCollapse, value: this.isCollapse });
     }
     selectChange(value, item) {
-        console.log(value);
-        let action = {
-            name: item.label,
-            code: item.key,
-            data: item,
-            value: value,
-        };
-        this.headerAction.emit(action);
+        this.headerAction.emit({ name: item.name || item.label, code: item.key, data: item, value });
     }
-    clickIcon(value, item, $event) {
-        $event.stopPropagation();
-        console.log(value, item);
-        let action = {
-            name: item.name,
-            code: item.icon?.code ? item.icon?.code : "",
-            data: item,
-            value: value,
-        };
-        this.headerAction.emit(action);
+    clickIcon(value, item, event) {
+        event?.stopPropagation();
+        this.headerAction.emit({ name: item.name, code: item.icon?.code || '', data: item, value });
     }
-    getQueryParams(reset) {
-        if (reset) {
+    uploadAction(event, action) {
+        this.headerAction.emit({ name: action.code, code: action.code, data: event });
+    }
+    getQueryParams(reset = false) {
+        if (reset)
             this.pageIndex = 1;
-        }
-        console.log(this.pageIndex);
-        let params = {
-            page: this.pageIndex,
-            limit: this.pageSize,
-        };
-        let sorts = this.getSortInfo();
-        if (!ToolsUtil.isEmpty(sorts)) {
-            params[this.sortKey] = sorts;
-        }
-        params[this.sortKey] = this.getSortInfo();
-        params = Object.assign(params, this.defaultParams);
-        if (!this.atrForm) {
-            return params;
-        }
-        for (const key in this.atrForm.value) {
-            if (this.atrForm.value[key] && this.atrForm.value[key] != null && this.atrForm.value[key] != "") {
-                if (this.getHederType(key) == "dateRange") {
-                    let begin = key + "Begin";
-                    let end = key + "End";
-                    let formate = 'yyyy-MM-dd 00:00:00';
-                    let nzShowTime = this.getHederType(key, 'nzShowTime');
-                    if (nzShowTime) {
-                        formate = 'yyyy-MM-dd HH:mm:ss';
-                        if (nzShowTime.nzFormat) {
-                            formate = nzShowTime.nzFormat;
-                        }
-                    }
-                    params[begin] = formatDate(this.atrForm.value[key][0], formate, this.locale);
-                    params[end] = formatDate(this.atrForm.value[key][1], formate, this.locale);
-                }
-                else if (this.getHederType(key) == "dayRange") {
-                    let begin = key + "Begin";
-                    let end = key + "End";
-                    params[begin] = formatDate(this.atrForm.value[key][0], 'yyyy-MM-dd 00:00:00', this.locale);
-                    params[end] = formatDate(this.atrForm.value[key][1], 'yyyy-MM-dd 23:59:59', this.locale);
-                }
-                else if (this.getHederType(key) == "sdate") {
-                    params[key] = formatDate(this.atrForm.value[key], 'yyyy-MM-dd 00:00:00', this.locale);
-                }
-                else if (this.getHederType(key) == "treeSelect") {
-                    let value = this.atrForm.value[key];
-                    if (typeof value == 'string') {
-                        params[key] = this.atrForm.value[key];
-                    }
-                    else {
-                        params[key] = this.atrForm.value[key].join();
-                    }
-                }
-                else if (this.getHederType(key) == "cascader" || this.getHederType(key, 'nzMode') == 'multiple') {
-                    params[key] = this.atrForm.value[key].join();
-                }
-                else {
-                    params[key] = this.atrForm.value[key];
-                }
+        const params = { ...this.queryHeaders, ...this.defaultParams, page: this.pageIndex, limit: this.pageSize };
+        const sort = this.getSortInfo();
+        if (sort)
+            params[this.sortKey] = sort;
+        else
+            delete params[this.sortKey];
+        for (const header of this.searchHeaders) {
+            const value = this.atrForm.get(header.key)?.value;
+            if (isEmptyTableValue(value))
+                continue;
+            const key = header.key;
+            if (header.type === 'dateRange' || header.type === 'dayRange') {
+                if (!Array.isArray(value) || value.length !== 2 || value.some(isEmptyTableValue))
+                    continue;
+                const showTime = header.nzShowTime;
+                const timeEnabled = !!showTime && (typeof showTime !== 'object' || showTime.isShowTime !== false);
+                const timeFormat = timeEnabled && typeof showTime === 'object' ? showTime.nzFormat : '';
+                const format = timeFormat ? (/[yMd]/.test(timeFormat) ? timeFormat : `yyyy-MM-dd ${timeFormat}`)
+                    : timeEnabled ? 'yyyy-MM-dd HH:mm:ss' : 'yyyy-MM-dd 00:00:00';
+                params[`${key}Begin`] = formatDate(value[0], header.type === 'dayRange' ? 'yyyy-MM-dd 00:00:00' : format, this.locale);
+                params[`${key}End`] = formatDate(value[1], header.type === 'dayRange' ? 'yyyy-MM-dd 23:59:59' : format, this.locale);
+            }
+            else if (header.type === 'sdate' || header.type === 'datepicker') {
+                const showTime = header.nzShowTime;
+                const timeEnabled = !!showTime && (typeof showTime !== 'object' || showTime.isShowTime !== false);
+                const timeFormat = timeEnabled && typeof showTime === 'object' ? showTime.nzFormat : '';
+                const format = timeFormat ? (/[yMd]/.test(timeFormat) ? timeFormat : `yyyy-MM-dd ${timeFormat}`)
+                    : timeEnabled ? 'yyyy-MM-dd HH:mm:ss' : 'yyyy-MM-dd 00:00:00';
+                params[key] = formatDate(value, format, this.locale);
             }
+            else
+                params[key] = Array.isArray(value) ? value.join(',') : value;
         }
-        console.log(params);
         return params;
     }
-    getHederType(cusKey, typeKey) {
-        let type = null;
-        for (let header of this.queryOpts.headers) {
-            if (cusKey == header.key) {
-                type = header[typeKey || 'type'];
-                break;
-            }
-        }
-        return type;
-    }
-    setDefaultParams(params, reset = true) {
-        this.defaultParams = params;
-        this.query(reset);
-    }
+    getHederType(key, typeKey = 'type') { return this.searchHeaders.find(header => header.key === key)?.[typeKey]; }
+    setDefaultParams(params, reset = true) { this.defaultParams = { ...params }; this.query(reset); }
     getSortInfo() {
-        let orderby = [];
-        for (const key in this.sortMap) {
-            orderby.push(key + "|" + this.sortMap[key]);
-        }
-        let order = "";
-        if (orderby.length < 1 && this.queryOpts.sortBy) {
-            order = this.queryOpts.sortBy;
+        return Object.entries(this.sortMap).filter(([, value]) => value === 'asc' || value === 'desc')
+            .map(([key, value]) => `${key}|${value}`).join(',');
+    }
+    parseSort(sort) {
+        const result = {};
+        for (const item of (sort || '').split(',')) {
+            const [key, value] = item.trim().split('|');
+            if (key && (value === 'asc' || value === 'desc'))
+                result[key] = value;
         }
-        else
-            order = orderby.join(",");
-        return order;
+        return result;
     }
-    PageSizeChange(e) {
-        console.log(e);
-        this.pageSize = e;
+    sort(sortName, value) {
+        const normalized = value === 'ascend' ? 'asc' : value === 'descend' ? 'desc' : value;
+        this.sortMap = normalized === 'asc' || normalized === 'desc' ? { [sortName]: normalized } : {};
+        if (this.gridApi)
+            this.gridApi.applyColumnState({ state: [...this.columnTables].map(([colId, table]) => ({
+                    colId, sort: table.sortKey === sortName || table.key === sortName ? normalized || null : null
+                })), defaultState: { sort: null } });
         this.query(true);
     }
-    PageIndexChange(e) {
-        console.log(e);
-        this.pageIndex = e;
+    PageSizeChange(size) { this.pageSize = size; this.normalizePagination(); this.query(true); }
+    PageIndexChange(page) {
+        this.pageIndex = Number.isFinite(Number(page)) ? Math.max(1, Math.floor(Number(page))) : 1;
         this.query();
     }
-    getRowSpan() {
-    }
-    setDates(res) {
-        this.tableDatas = res.data;
-        this.total = res?.page?.totalResult;
+    normalizePagination() {
+        const size = Math.floor(Number(this.pageSize));
+        this.pageSize = Number.isFinite(size) && size >= 1 ? size : 20;
+        this.pageSizeOptions = [...new Set((this.pageSizeOptions || []).map(value => Math.floor(Number(value)))
+                .filter(value => Number.isFinite(value) && value >= 1))];
+        if (!this.pageSizeOptions.includes(this.pageSize))
+            this.pageSizeOptions = [...this.pageSizeOptions, this.pageSize].sort((a, b) => a - b);
+    }
+    setDates(response) { this.cancelQuery(); this.applyData(response); }
+    applyData(response) {
+        this.tableDatas = Array.isArray(response) ? response.slice() : Array.isArray(response?.data) ? response.data.slice() : [];
+        const total = Number(response?.page?.totalResult ?? this.tableDatas.length);
+        this.total = Number.isFinite(total) && total >= 0 ? total : this.tableDatas.length;
+        const currentPage = Number(response?.page?.currentPage);
+        if (Number.isFinite(currentPage) && currentPage > 0)
+            this.pageIndex = currentPage;
         this.loading = false;
+        this.queryError = '';
+        this.curChecked = -1;
+        this.suppressSelectionEvents = true;
+        try {
+            this.gridApi?.deselectAll();
+        }
+        finally {
+            this.suppressSelectionEvents = false;
+        }
+        this.syncSelection([]);
         this.getRowSpan();
         this.refreshVisibleTables();
-        this.mapOfCheckedId = {};
-        this.curChecked = -1;
-        this.refreshStatus();
+        this.cd.markForCheck();
     }
     query(reset = false) {
-        let params = this.getQueryParams(reset);
-        console.log('查询条件', params, this);
-        if (this.queryHeaders) {
-            params = Object.assign({}, this.queryHeaders, params);
+        if (this.destroyed)
+            return;
+        this.cancelQuery();
+        const revision = this.requestRevision;
+        const params = this.getQueryParams(reset);
+        this.queryError = '';
+        if (!this.queryOpts?.url) {
+            this.loading = false;
+            this.queryBack.emit({ name: '', code: 'query', data: params, params });
+            return;
         }
-        if (this.queryOpts.url) {
-            this.loading = true;
-            this.queryTime = formatDate(new Date(), 'yyyy-MM-dd HH:mm:ss', this.locale);
-            this.httpService.post(this.queryOpts.url, params, ToolsUtil.getHttpOptions()).subscribe(result => {
+        this.loading = true;
+        this.queryTime = formatDate(new Date(), 'yyyy-MM-dd HH:mm:ss', this.locale);
+        this.querySubscription = defer(() => this.httpService.post(this.queryOpts.url, { ...params }, ToolsUtil.getHttpOptions()))
+            .pipe(take(1), timeout(30000), throwIfEmpty(() => new Error('查询未返回数据，请重试')), takeUntil(this.destroy$), finalize(() => {
+            if (!this.destroyed && revision === this.requestRevision) {
                 this.loading = false;
-                if (result.status == 200) {
-                    let action = {};
-                    action["result"] = result;
-                    action["params"] = params;
-                    this.queryBack.emit(action);
-                    this.setDates(result);
+                this.cd.markForCheck();
+            }
+        })).subscribe({
+            next: result => {
+                if (this.destroyed || revision !== this.requestRevision)
+                    return;
+                if (Number(result?.status) !== 200 || !Array.isArray(result?.data)) {
+                    this.handleQueryError(result?.message || '查询响应格式不正确', params, revision);
+                    return;
                 }
-            }, error => {
-                this.loading = false;
-            });
-        }
-        else {
-            this.queryBack.emit({ name: '', code: 'query', data: params });
-        }
+                this.queryBack.emit({ name: '查询', code: 'query', result, params });
+                if (revision === this.requestRevision)
+                    this.applyData(result);
+            },
+            error: error => this.handleQueryError(error, params, revision)
+        });
     }
-    contextMenu($event, menu) {
-        console.log($event);
-        this.nzContextMenuService.create($event, menu);
+    handleQueryError(error, params, revision) {
+        if (this.destroyed || revision !== this.requestRevision)
+            return;
+        this.loading = false;
+        this.queryError = typeof error === 'string' ? error : error?.name === 'TimeoutError'
+            ? '查询超时，请重试' : error?.error?.message || error?.message || '查询失败，请重试';
+        this.queryBack.emit({ name: '查询失败', code: 'queryError', error, params });
+        this.cd.markForCheck();
+    }
+    cancelQuery() { ++this.requestRevision; this.querySubscription?.unsubscribe(); this.querySubscription = undefined; }
+    setTableLoadding(loading) { this.loading = loading; }
+    pushTableDatas(rows) {
+        if (!Array.isArray(rows))
+            return;
+        this.tableDatas = [...this.tableDatas, ...rows];
+        this.total += rows.length;
+        this.getRowSpan();
     }
-    refreshVisibleTables() {
-        this.visibleTables = this.queryOpts && this.queryOpts.tables
-            ? this.queryOpts.tables.filter((item) => item.isShow)
-            : [];
+    removeDatas(key, value) {
+        const remaining = this.tableDatas.filter(row => getTableValue(row, key) !== value);
+        this.total = Math.max(0, this.total - (this.tableDatas.length - remaining.length));
+        this.tableDatas = remaining;
+        this.gridApi?.forEachNode(node => { if (node.data && getTableValue(node.data, key) === value)
+            node.setSelected(false); });
+        this.syncSelection(this.getSelectedRows().filter(row => getTableValue(row, key) !== value));
+        this.getRowSpan();
     }
-    checkShowTd(item, index) {
-        if (!item.isShow) {
-            return false;
-        }
-        if (item.isRowSpan) {
-            // 合并行,返回值与上一行相同则隐藏这一行;
-            if (index == 0) {
-                return true;
+    getImageList(value, defaultVal) {
+        const real = isEmptyTableValue(value) ? defaultVal : value;
+        if (isEmptyTableValue(real))
+            return [];
+        return Array.isArray(real) ? real : String(real).startsWith('data:') ? [real] : String(real).split(',').filter(Boolean);
+    }
+    refreshVisibleTables() { this.visibleTables = this.tables.filter(item => item.isShow !== false); }
+    setColumnVisible(key, visible) {
+        const ids = [...this.columnTables].filter(([id, table]) => id === key || table.key === key).map(([id]) => id);
+        for (const id of ids) {
+            const definition = this.columnDefs.find(column => column.colId === id);
+            if (definition)
+                definition.hide = !visible;
+        }
+        this.gridApi?.setColumnsVisible(ids, visible);
+        this.cd.markForCheck();
+    }
+    exportCsv(fileName = 'table.csv') {
+        this.gridApi?.exportDataAsCsv({ fileName, skipColumnGroupHeaders: true,
+            processCellCallback: params => {
+                const value = params.formatValue(params.value) ?? params.value ?? '';
+                return typeof value === 'string' && /^[=+\-@\t\r]/.test(value) ? `'${value}` : value;
+            },
+            columnKeys: this.gridApi.getAllDisplayedColumns()
+                .map(column => column.getColId()).filter(id => id !== '__index__' && this.columnTables.get(id)?.type !== 'action') });
+    }
+    getRowSpan() {
+        this.rowSpanMap = {};
+        for (const table of this.tables.filter(item => item.isRowSpan)) {
+            const key = table.key || '';
+            const spans = {};
+            for (let start = 0; start < this.tableDatas.length;) {
+                let end = start + 1;
+                while (end < this.tableDatas.length && getTableValue(this.tableDatas[start], key) === getTableValue(this.tableDatas[end], key))
+                    end++;
+                spans[start] = { num: end - start };
+                for (let index = start + 1; index < end; index++)
+                    spans[index] = { num: 0 };
+                start = end;
             }
-            const key = item.key ? item.key : "";
-            const cur = this.tableDatas[index][key];
-            const pre = this.tableDatas[index - 1][key];
-            return !(cur == pre);
+            this.rowSpanMap[key] = spans;
         }
-        return item.isShow;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: AtrGridTableComponent, deps: [{ token: i1$2.UntypedFormBuilder }, { token: OssImgPipe }, { token: DefaultValPipe }, { token: i2$1.DatePipe }, { token: i0.ViewContainerRef }, { 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: AtrGridTableComponent, isStandalone: false, selector: "atr-grid-table", inputs: { pageSize: "pageSize", pageSizeOptions: "pageSizeOptions", loading: "loading", allowDrag: "allowDrag", showQueryTime: "showQueryTime", isHideTable: "isHideTable", sortKey: "sortKey", queryOpts: "queryOpts", showPagination: "showPagination", title: "title", queryHeaders: "queryHeaders" }, outputs: { tableAction: "tableAction", queryBack: "queryBack", headerAction: "headerAction" }, providers: [DictService, OssImgPipe, DefaultValPipe, DatePipe], viewQueries: [{ propertyName: "tableHeader", first: true, predicate: ["formContent"], descendants: true }, { propertyName: "tableContent", first: true, predicate: ["tableContent"], descendants: true, static: true }], ngImport: i0, template: "<div class=\"full-screen table-content \" #tableContent [spinLoading]=\"!viewInitOver\" HqSpin>\r\n    <form nz-form [formGroup]=\"atrForm\" class=\"ant-advanced-search-form\" [style]=\"{width: tableWidth-15+'px'}\"\r\n          *ngIf=\"queryOpts.headers.length >0 || queryOpts.actions.length >0\" #formContent>\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\"\r\n                                      [name]=\"action.name\" (afterChange)=\"uploadAction($event,action)\"\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    <ag-grid-angular *ngIf=\"isAllLoad\"\r\n                     class=\"full-screen\"\r\n                     [rowSelection]=\"rowSelection\"\r\n                     [ngStyle]=\"{height:  tableHeight}\"\r\n                     [rowData]=\"tableDatas\"\r\n                     [loading]=\"loading\"\r\n                     [alwaysMultiSort]=\"true\"\r\n                     [enableCellTextSelection]=\"true\"\r\n                     (gridReady)=\"onGridReady($event)\"\r\n                     (selectionChanged)=\"onSelectionChanged($event)\"\r\n                     (sortChanged)=\"onSortChanged($event)\"\r\n                     [pagination]=\"true\"\r\n                     [paginationPageSize]=\"pageSize\"\r\n                     [suppressPaginationPanel]=\"true\"\r\n                     [columnDefs]=\"columnDefs\"/>\r\n    <div class=\"flex\" style=\"justify-content: flex-end;background: white\">\r\n        <div class=\"flex \" style=\"align-items: center\">\r\n            \u5171 {{ total }} \u6761\u8BB0\u5F55\r\n        </div>\r\n\r\n        <nz-pagination [nzPageIndex]=\"pageIndex\" [nzTotal]=\"total\" nzShowSizeChanger [nzPageSize]=\"pageSize\"\r\n                       [nzSize]=\"'small'\"\r\n                       [nzPageSizeOptions]=\"pageSizeOptions\"\r\n                       (nzPageIndexChange)=\"PageIndexChange($event)\"\r\n                       (nzPageSizeChange)=\"PageSizeChange($event)\"\r\n        ></nz-pagination>\r\n    </div>\r\n</div>\r\n", styles: [":host{height:100%;width:100%;background:#fff}:host ::ng-deep .ant-table-title{padding:0}: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{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 .ant-table-pagination.ant-pagination{margin:0}:host ::ng-deep .ant-table-footer{padding:5px 0 0}:host ::ng-deep .main-table{position:absolute;inset:0}:host ::ng-deep .table-content .ant-spin-nested-loading{height:100%}:host ::ng-deep .table-content .ant-spin-container{height:100%}:host ::ng-deep .table-content .ant-table-wrapper{width:100%;height:100%}:host ::ng-deep .table-content .ant-table-footer{position:absolute;bottom:0;width: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;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 ::ng-deep .ant-table-content{overflow-x:auto}: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}:host :host ::ng-deep .ant-table{min-width:100%;height:100%}:host :host ::ng-deep .ant-table-container{min-width:100%;height:100%}:host app-table-td{background:#fff0!important}:host ::ng-deep .atr-action-cell,:host ::ng-deep .atr-action-cell .ag-cell-wrapper,:host ::ng-deep .atr-action-cell .ag-cell-value{display:flex;align-items:center}.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: i2$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i1$2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$2.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: i3.ɵ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.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: i8.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$1.NzIconDirective, selector: "nz-icon,[nz-icon]", inputs: ["nzSpin", "nzRotate", "nzType", "nzTheme", "nzTwotoneColor", "nzIconfont"], exportAs: ["nzIcon"] }, { kind: "component", type: i11$1.NzPaginationComponent, selector: "nz-pagination", inputs: ["nzShowTotal", "nzItemRender", "nzSize", "nzPageSizeOptions", "nzShowSizeChanger", "nzShowQuickJumper", "nzSimple", "nzDisabled", "nzResponsive", "nzHideOnSinglePage", "nzTotal", "nzPageIndex", "nzPageSize", "nzAlign"], outputs: ["nzPageSizeChange", "nzPageIndexChange"], exportAs: ["nzPagination"] }, { kind: "directive", type: AtrRoleDirective, selector: "[atrRole]", inputs: ["atrRole"] }, { kind: "directive", type: HqSpinDirective, selector: "[HqSpin]", inputs: ["spinLoading", "text"] }, { kind: "component", type: i14$1.AgGridAngular, selector: "ag-grid-angular", inputs: ["gridOptions", "modules", "toolbar", "statusBar", "sideBar", "suppressContextMenu", "preventDefaultOnContextMenu", "allowContextMenuWithControlKey", "columnMenu", "suppressMenuHide", "enableBrowserTooltips", "tooltipTrigger", "tooltipShowDelay", "tooltipSwitchShowDelay", "tooltipHideDelay", "tooltipMouseTrack", "tooltipShowMode", "tooltipInteraction", "popupParent", "copyHeadersToClipboard", "copyGroupHeadersToClipboard", "clipboardDelimiter", "suppressCopyRowsToClipboard", "suppressCopySingleCellRanges", "suppressLastEmptyLineOnPaste", "suppressClipboardPaste", "suppressClipboardApi", "suppressCutToClipboard", "columnDefs", "defaultColDef", "defaultColGroupDef", "columnTypes", "dataTypeDefinitions", "maintainColumnOrder", "enableStrictPivotColumnOrder", "suppressFieldDotNotation", "headerHeight", "groupHeaderHeight", "floatingFiltersHeight", "pivotHeaderHeight", "pivotGroupHeaderHeight", "hidePaddedHeaderRows", "allowDragFromColumnsToolPanel", "suppressMovableColumns", "suppressColumnMoveAnimation", "suppressMoveWhenColumnDragging", "suppressDragLeaveHidesColumns", "suppressGroupChangesColumnVisibility", "suppressMakeColumnVisibleAfterUnGroup", "suppressRowGroupHidesColumns", "colResizeDefault", "suppressAutoSize", "autoSizePadding", "skipHeaderOnAutoSize", "autoSizeStrategy", "animateColumnResizing", "components", "editType", "suppressStartEditOnTab", "getFullRowEditValidationErrors", "invalidEditValueMode", "singleClickEdit", "suppressClickEdit", "readOnlyEdit", "stopEditingWhenCellsLoseFocus", "enterNavigatesVertically", "enterNavigatesVerticallyAfterEdit", "enableCellEditingOnBackspace", "undoRedoCellEditing", "undoRedoCellEditingLimit", "defaultCsvExportParams", "suppressCsvExport", "defaultExcelExportParams", "suppressExcelExport", "excelStyles", "findSearchValue", "findOptions", "quickFilterText", "cacheQuickFilter", "includeHiddenColumnsInQuickFilter", "quickFilterParser", "quickFilterMatcher", "applyQuickFilterBeforePivotOrAgg", "excludeChildrenWhenTreeDataFiltering", "enableAdvancedFilter", "alwaysPassFilter", "includeHiddenColumnsInAdvancedFilter", "advancedFilterParent", "advancedFilterBuilderParams", "advancedFilterParams", "suppressAdvancedFilterEval", "suppressSetFilterByDefault", "enableFilterHandlers", "filterHandlers", "enableCharts", "chartThemes", "customChartThemes", "chartThemeOverrides", "chartToolPanelsDef", "chartMenuItems", "loadingCellRenderer", "loadingCellRendererParams", "loadingCellRendererSelector", "localeText", "masterDetail", "keepDetailRows", "keepDetailRowsCount", "detailCellRenderer", "detailCellRendererParams", "detailRowHeight", "detailRowAutoHeight", "context", "alignedGrids", "tabIndex", "rowBuffer", "valueCache", "valueCacheNeverExpires", "enableCellExpressions", "suppressTouch", "suppressFocusAfterRefresh", "suppressBrowserResizeObserver", "suppressPropertyNamesCheck", "suppressChangeDetection", "debug", "loading", "overlayLoadingTemplate", "loadingOverlayComponent", "loadingOverlayComponentParams", "suppressLoadingOverlay", "overlayNoRowsTemplate", "noRowsOverlayComponent", "noRowsOverlayComponentParams", "suppressNoRowsOverlay", "suppressOverlays", "overlayComponent", "overlayComponentParams", "overlayComponentSelector", "activeOverlay", "activeOverlayParams", "pagination", "paginationPageSize", "paginationPageSizeSelector", "paginationAutoPageSize", "paginateChildRows", "suppressPaginationPanel", "paginationPanels", "pivotMode", "pivotPanelShow", "pivotMaxGeneratedColumns", "pivotDefaultExpanded", "pivotColumnGroupTotals", "pivotRowTotals", "pivotSuppressAutoColumn", "suppressExpandablePivotGroups", "functionsReadOnly", "aggFuncs", "formulaDataSource", "notesDataSource", "noteTrigger", "noteShowDelay", "noteHideDelay", "formulaFuncs", "suppressAggFuncInHeader", "alwaysAggregateAtRootLevel", "aggregateOnlyChangedColumns", "suppressAggFilteredOnly", "removePivotHeaderRowWhenSingleValueColumn", "animateRows", "cellFlashDuration", "cellFadeDuration", "allowShowChangeAfterFilter", "domLayout", "ensureDomOrder", "enableCellSpan", "enableRtl", "suppressColumnVirtualisation", "suppressMaxRenderedRowRestriction", "suppressRowVirtualisation", "rowDragManaged", "refreshAfterGroupEdit", "rowDragInsertDelay", "suppressRowDrag", "suppressMoveWhenRowDragging", "rowDragEntireRow", "rowDragMultiRow", "rowDragText", "dragAndDropImageComponent", "dragAndDropImageComponentParams", "fullWidthCellRenderer", "fullWidthCellRendererParams", "embedFullWidthRows", "groupDisplayType", "groupDefaultExpanded", "autoGroupColumnDef", "groupMaintainOrder", "groupSelectsChildren", "groupLockGroupColumns", "groupAggFiltering", "groupTotalRow", "grandTotalRow", "suppressStickyTotalRow", "groupSuppressBlankHeader", "groupSelectsFiltered", "showOpenedGroup", "groupHideParentOfSingleChild", "groupRemoveSingleChildren", "groupRemoveLowestSingleChildren", "groupHideOpenParents", "groupHideColumnsUntilExpanded", "groupAllowUnbalanced", "rowGroupPanelShow", "groupRowRenderer", "groupRowRendererParams", "treeData", "treeDataChildrenField", "treeDataParentIdField", "rowGroupPanelSuppressSort", "suppressGroupRowsSticky", "groupHierarchyConfig", "pinnedTopRowData", "pinnedBottomRowData", "enableRowPinning", "isRowPinnable", "isRowPinned", "rowModelType", "rowData", "asyncTransactionWaitMillis", "suppressModelUpdateAfterUpdateTransaction", "datasource", "cacheOverflowSize", "infiniteInitialRowCount", "serverSideInitialRowCount", "suppressServerSideFullWidthLoadingRow", "cacheBlockSize", "maxBlocksInCache", "maxConcurrentDatasourceRequests", "blockLoadDebounceMillis", "purgeClosedRowNodes", "serverSideDatasource", "serverSideSortAllLevels", "serverSideEnableClientSideSort", "serverSideOnlyRefreshFilteredGroups", "serverSidePivotResultFieldSeparator", "viewportDatasource", "viewportRowModelPageSize", "viewportRowModelBufferSize", "alwaysShowHorizontalScroll", "alwaysShowVerticalScroll", "debounceVerticalScrollbar", "suppressHorizontalScroll", "suppressScrollOnNewData", "suppressScrollWhenPopupsAreOpen", "suppressAnimationFrame", "suppressMiddleClickScrolls", "suppressPreventDefaultOnMouseWheel", "scrollbarWidth", "rowSelection", "cellSelection", "rowMultiSelectWithClick", "suppressRowDeselection", "suppressRowClickSelection", "suppressCellFocus", "suppressHeaderFocus", "selectionColumnDef", "rowNumbers", "suppressMultiRangeSelection", "enableCellTextSelection", "enableRangeSelection", "enableRangeHandle", "enableFillHandle", "fillHandleDirection", "suppressClearOnFillReduction", "sortingOrder", "accentedSort", "unSortIcon", "suppressMultiSort", "alwaysMultiSort", "multiSortKey", "suppressMaintainUnsortedOrder", "icons", "rowHeight", "rowStyle", "rowClass", "rowClassRules", "suppressRowHoverHighlight", "suppressRowTransform", "suppressContentVisibilityAuto", "columnHoverHighlight", "gridId", "deltaSort", "treeDataDisplayType", "enableGroupEdit", "initialState", "theme", "loadThemeGoogleFonts", "themeCssLayer", "styleNonce", "themeStyleContainer", "getContextMenuItems", "getMainMenuItems", "postProcessPopup", "processUnpinnedColumns", "processCellForClipboard", "processHeaderForClipboard", "processGroupHeaderForClipboard", "processCellFromClipboard", "sendToClipboard", "processDataFromClipboard", "isExternalFilterPresent", "doesExternalFilterPass", "getChartToolbarItems", "createChartContainer", "focusGridInnerElement", "navigateToNextHeader", "tabToNextHeader", "navigateToNextCell", "tabToNextCell", "tabToNextGridContainer", "getLocaleText", "getDocument", "paginationNumberFormatter", "getGroupRowAgg", "isGroupOpenByDefault", "ssrmExpandAllAffectsAllRows", "initialGroupOrderComparator", "processPivotResultColDef", "processPivotResultColGroupDef", "getDataPath", "getChildCount", "getServerSideGroupLevelParams", "isServerSideGroupOpenByDefault", "isApplyServerSideTransaction", "isServerSideGroup", "getServerSideGroupKey", "getBusinessKeyForNode", "getRowId", "resetRowDataOnUpdate", "processRowPostCreate", "isRowSelectable", "isRowMaster", "fillOperation", "postSortRows", "getRowStyle", "getRowClass", "getRowHeight", "isFullWidthRow", "isRowValidDropPosition"], outputs: ["toolPanelVisibleChanged", "toolPanelSizeChanged", "columnMenuVisibleChanged", "contextMenuVisibleChanged", "cutStart", "cutEnd", "pasteStart", "pasteEnd", "columnVisible", "columnPinned", "columnResized", "columnMoved", "columnValueChanged", "columnPivotModeChanged", "columnPivotChanged", "columnGroupOpened", "newColumnsLoaded", "gridColumnsChanged", "displayedColumnsChanged", "virtualColumnsChanged", "columnEverythingChanged", "columnsReset", "columnHeaderMouseOver", "columnHeaderMouseLeave", "columnHeaderClicked", "columnHeaderContextMenu", "componentStateChanged", "cellValueChanged", "cellEditRequest", "rowValueChanged", "cellEditingStarted", "cellEditingStopped", "rowEditingStarted", "rowEditingStopped", "bulkEditingStarted", "bulkEditingStopped", "batchEditingStarted", "batchEditingStopped", "undoStarted", "undoEnded", "redoStarted", "redoEnded", "cellSelectionDeleteStart", "cellSelectionDeleteEnd", "rangeDeleteStart", "rangeDeleteEnd", "fillStart", "fillEnd", "filterOpened", "filterChanged", "filterModified", "filterUiChanged", "floatingFilterUiChanged", "advancedFilterBuilderVisibleChanged", "findChanged", "chartCreated", "chartRangeSelectionChanged", "chartOptionsChanged", "chartDestroyed", "cellKeyDown", "gridReady", "firstDataRendered", "gridSizeChanged", "modelUpdated", "virtualRowRemoved", "viewportChanged", "bodyScroll", "bodyScrollEnd", "dragStarted", "dragStopped", "dragCancelled", "stateUpdated", "paginationChanged", "rowDragEnter", "rowDragMove", "rowDragLeave", "rowDragEnd", "rowDragCancel", "rowResizeStarted", "rowResizeEnded", "columnRowGroupChanged", "rowGroupOpened", "expandOrCollapseAll", "pivotMaxColumnsExceeded", "pinnedRowDataChanged", "pinnedRowsChanged", "rowDataUpdated", "asyncTransactionsFlushed", "storeRefreshed", "headerFocused", "cellClicked", "cellDoubleClicked", "cellFocused", "cellMouseOver", "cellMouseOut", "cellMouseDown", "rowClicked", "rowDoubleClicked", "rowSelected", "selectionChanged", "cellContextMenu", "rangeSelectionChanged", "cellSelectionChanged", "tooltipShow", "tooltipHide", "sortChanged"] }, { kind: "component", type: TableFormItemComponent, selector: "app-table-form-item", inputs: ["header", "value", "dictList"], outputs: ["headerAction"] }, { kind: "component", type: LocalUploadComponent, selector: "atr-local-upload", inputs: ["beforeUpload", "url", "nzAccept", "name", "code", "withoutRole", "uploadType"], outputs: ["afterChange"] }] }); }
+    checkShowTd(item, index) {
+        return item.isShow !== false && (!item.isRowSpan || (this.rowSpanMap[item.key || '']?.[index]?.num ?? 1) > 0);
+    }
+    canDragRows() { return this.allowDrag && !this.getSortInfo() && !this.gridApi?.isAnyFilterPresent(); }
+    onRowDragEnd(event) {
+        if (!this.canDragRows() || !event.overNode?.data)
+            return;
+        this.reorderRows(this.tableDatas.indexOf(event.node.data), this.tableDatas.indexOf(event.overNode.data));
+    }
+    drop(event) { if (this.canDragRows())
+        this.reorderRows(event.previousIndex, event.currentIndex); }
+    reorderRows(from, to) {
+        if (from < 0 || to < 0 || from === to || from >= this.tableDatas.length || to >= this.tableDatas.length)
+            return;
+        const rows = this.tableDatas.slice();
+        moveItemInArray(rows, from, to);
+        this.tableDatas = rows;
+        this.getRowSpan();
+        this.tableAction.emit({ name: 'drag', code: 'drag', type: 'rows', data: rows[to], datas: rows, value: { previousIndex: from, currentIndex: to } });
+        this.cd.markForCheck();
+    }
+    onResize(event, item) {
+        if (event.width) {
+            item.width = event.width;
+            this.resizeDirection = event.direction || null;
+            if (this.gridApi && item.key)
+                this.gridApi.setColumnWidths([{ key: item.key, newWidth: event.width }]);
+        }
+    }
+    contextMenu(event, menu) { this.injector.get(NzContextMenuService).create(event, menu); }
+    get httpService() { return this.injector.get(HttpService); }
+    get dictService() { return this.injector.get(DictService); }
+    ngOnDestroy() {
+        this.destroyed = true;
+        ++this.configRevision;
+        ++this.columnRevision;
+        this.cancelQuery();
+        this.destroy$.next();
+        this.destroy$.complete();
+        this.resizeObserver?.disconnect();
+        if (this.widthId)
+            clearTimeout(this.widthId);
+        this.gridApi = null;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: AtrGridTableComponent, deps: [{ token: i1$2.UntypedFormBuilder }, { token: OssImgPipe }, { token: DefaultValPipe }, { token: i2$1.DatePipe }, { token: i0.ViewContainerRef }, { 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.25", type: AtrGridTableComponent, isStandalone: false, selector: "atr-grid-table", inputs: { pageSize: "pageSize", pageSizeOptions: "pageSizeOptions", loading: "loading", allowDrag: "allowDrag", showQueryTime: "showQueryTime", isHideTable: "isHideTable", sortKey: "sortKey", queryOpts: "queryOpts", showPagination: "showPagination", title: "title", queryHeaders: "queryHeaders", rowKey: "rowKey", gridOptions: "gridOptions" }, outputs: { tableAction: "tableAction", queryBack: "queryBack", headerAction: "headerAction" }, providers: [DictService, OssImgPipe, DefaultValPipe, DatePipe], viewQueries: [{ propertyName: "tableHeader", first: true, predicate: ["formContent"], descendants: true }, { propertyName: "tableContent", first: true, predicate: ["tableContent"], descendants: true, static: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"table-content\" #tableContent [spinLoading]=\"!viewInitOver\" HqSpin>\n  <form nz-form [formGroup]=\"atrForm\" class=\"ant-advanced-search-form\"\n        *ngIf=\"searchHeaders.length || actions.length || title\" #formContent (ngSubmit)=\"query(true)\">\n    <div nz-row [nzGutter]=\"16\">\n      <ng-content select=\"[header-left-slot]\"></ng-content>\n      <ng-container *ngFor=\"let header of searchHeaders; let index = index\">\n        <div nz-col [hidden]=\"!isHeaderVisible(header, index)\" [nzSpan]=\"header.span || 8\">\n          <app-table-form-item [header]=\"header\" [dictList]=\"dicts[header.dictCode || ''] || header.dictList || []\"\n            [formControlName]=\"header.key\" (headerAction)=\"headerAction.emit($event)\"></app-table-form-item>\n        </div>\n      </ng-container>\n      <ng-content select=\"[header-right-slot]\"></ng-content>\n    </div>\n    <div class=\"table-toolbar\">\n      <div class=\"action-area\">\n        <ng-content select=\"[button-left-slot]\"></ng-content>\n        <ng-container *ngFor=\"let action of actions\">\n          <atr-local-upload *ngIf=\"action.gType === 'upload'\" [code]=\"action.code\" [url]=\"action.url\"\n            [name]=\"action.name\" [withoutRole]=\"action.withoutRole\" (afterChange)=\"uploadAction($event, action)\"></atr-local-upload>\n          <ng-container *ngIf=\"!action.gType || action.gType === 'normal'\">\n            <button type=\"button\" nz-button nzSize=\"small\"\n              [nzType]=\"action.buttonType && action.buttonType !== 'danger' ? action.buttonType : 'primary'\"\n              [nzDanger]=\"action.buttonType === 'danger'\" [ngClass]=\"action.className || ''\"\n              *atrRole=\"action.withoutRole ? 'any' : action.code\" [disabled]=\"isEnable(action.operator)\"\n              (click)=\"doAction(action.code)\"><i *ngIf=\"action.icon\" nz-icon [nzType]=\"action.icon\"></i>{{action.name}}</button>\n          </ng-container>\n        </ng-container>\n        <ng-content select=\"[button-right-slot]\"></ng-content>\n      </div>\n      <div class=\"search-area\" *ngIf=\"searchHeaders.length && !queryOpts?.isHideQuery\">\n        <span *ngIf=\"showQueryTime && queryTime\" class=\"query-time\">\u6570\u636E\u67E5\u8BE2\u65F6\u95F4\uFF1A{{queryTime}}</span>\n        <button type=\"submit\" nz-button nzSize=\"small\" nzType=\"primary\" [nzLoading]=\"loading\">\u67E5\u8BE2</button>\n        <button type=\"button\" nz-button nzSize=\"small\" (click)=\"resetForm()\">\u91CD\u7F6E</button>\n        <button type=\"button\" nz-button nzType=\"link\" nzSize=\"small\" *ngIf=\"hasMoreHeaders\" (click)=\"toggleCollapse()\">\n          {{isCollapse ? '\u5C55\u5F00' : '\u6536\u8D77'}}<i nz-icon [nzType]=\"isCollapse ? 'down' : 'up'\"></i>\n        </button>\n      </div>\n    </div>\n    <div *ngIf=\"title\" class=\"title\">{{title}}</div>\n  </form>\n  <div *ngIf=\"queryError\" class=\"query-error\" role=\"alert\"><span>{{queryError}}</span>\n    <button type=\"button\" nz-button nzSize=\"small\" (click)=\"query()\" [disabled]=\"loading\">\u91CD\u8BD5</button>\n  </div>\n  <div class=\"grid-area\" [hidden]=\"isHideTable\">\n    <ag-grid-angular *ngIf=\"isAllLoad\" class=\"full-screen\"\n      [gridOptions]=\"resolvedGridOptions\" [defaultColDef]=\"defaultColDef\"\n      [rowSelection]=\"rowSelection\" [rowData]=\"tableDatas\" [loading]=\"loading\"\n      [getRowId]=\"getRowId\" [getRowStyle]=\"getRowStyle\" [enableCellSpan]=\"cellSpanEnabled\"\n      [rowDragManaged]=\"false\" [alwaysMultiSort]=\"true\" [enableCellTextSelection]=\"true\"\n      [pagination]=\"false\" [columnDefs]=\"columnDefs\"\n      (gridReady)=\"onGridReady($event)\" (selectionChanged)=\"onSelectionChanged($event)\"\n      (sortChanged)=\"onSortChanged($event)\" (cellValueChanged)=\"onCellValueChanged($event)\"\n      (rowDoubleClicked)=\"dbclickData($event.data, $event.rowIndex ?? -1)\"\n      (rowDragEnd)=\"onRowDragEnd($event)\"></ag-grid-angular>\n  </div>\n  <div class=\"table-pagination\" *ngIf=\"showPagination && !isHideTable\">\n    <span>\u5171 {{total}} \u6761\u8BB0\u5F55<span *ngIf=\"numberOfChecked\">\uFF0C\u5DF2\u9009 {{numberOfChecked}} \u6761</span></span>\n    <nz-pagination [nzPageIndex]=\"pageIndex\" [nzTotal]=\"total\" nzShowSizeChanger [nzPageSize]=\"pageSize\"\n      nzSize=\"small\" [nzPageSizeOptions]=\"pageSizeOptions\" (nzPageIndexChange)=\"PageIndexChange($event)\"\n      (nzPageSizeChange)=\"PageSizeChange($event)\"></nz-pagination>\n  </div>\n</div>\r\n", styles: [":host{display:block;height:100%;width:100%;min-width:0;background:#fff}.table-content{display:flex;flex-direction:column;width:100%;height:100%;min-height:0}.ant-advanced-search-form{flex:0 0 auto;padding:12px;margin-bottom:8px;background:#fafafa;border:1px solid #e8e8e8;border-radius:6px}.table-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px}.action-area,.search-area{display:flex;align-items:center;flex-wrap:wrap;gap:6px}.search-area{margin-left:auto}.query-time{color:#8c8c8c;font-size:12px}.title{padding-top:8px;font-size:16px;font-weight:500}.grid-area{flex:1 1 auto;min-height:120px;min-width:0}.grid-area[hidden]{display:none}ag-grid-angular{display:block;width:100%;height:100%}.table-pagination{flex:0 0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;padding:10px 0 2px}.table-pagination>span{font-size:13px;color:#595959}.query-error{flex:0 0 auto;display:flex;gap:12px;align-items:center;padding:8px 12px;margin-bottom:8px;color:#a8071a;background:#fff1f0;border:1px solid #ffa39e;border-radius:4px}:host ::ng-deep .ant-advanced-search-form .ant-form-item{margin-bottom:10px}:host ::ng-deep .atr-action-cell{display:flex;align-items:center}:host ::ng-deep .atr-grid-link{padding:0;color:#1677ff;background:transparent;border:0;cursor:pointer}:host ::ng-deep .atr-grid-template-cell{display:flex;align-items:center;height:100%}@media(max-width:640px){.search-area{margin-left:0}.query-time{width:100%}}\n"], dependencies: [{ kind: "directive", type: i2$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i3.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.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: i8.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: i10.NzIconDirective, selector: "nz-icon,[nz-icon]", inputs: ["nzSpin", "nzRotate", "nzType", "nzTheme", "nzTwotoneColor", "nzIconfont"], exportAs: ["nzIcon"] }, { kind: "component", type: i11$1.NzPaginationComponent, selector: "nz-pagination", inputs: ["nzShowTotal", "nzItemRender", "nzSize", "nzPageSizeOptions", "nzShowSizeChanger", "nzShowQuickJumper", "nzSimple", "nzDisabled", "nzResponsive", "nzHideOnSinglePage", "nzTotal", "nzPageIndex", "nzPageSize", "nzAlign"], outputs: ["nzPageSizeChange", "nzPageIndexChange"], exportAs: ["nzPagination"] }, { kind: "directive", type: AtrRoleDirective, selector: "[atrRole]", inputs: ["atrRole"] }, { kind: "directive", type: HqSpinDirective, selector: "[HqSpin]", inputs: ["spinLoading", "text"] }, { kind: "component", type: i14$2.AgGridAngular, selector: "ag-grid-angular", inputs: ["gridOptions", "modules", "toolbar", "statusBar", "sideBar", "suppressContextMenu", "preventDefaultOnContextMenu", "allowContextMenuWithControlKey", "columnMenu", "suppressMenuHide", "enableBrowserTooltips", "tooltipTrigger", "tooltipShowDelay", "tooltipSwitchShowDelay", "tooltipHideDelay", "tooltipMouseTrack", "tooltipShowMode", "tooltipInteraction", "popupParent", "copyHeadersToClipboard", "copyGroupHeadersToClipboard", "clipboardDelimiter", "suppressCopyRowsToClipboard", "suppressCopySingleCellRanges", "suppressLastEmptyLineOnPaste", "suppressClipboardPaste", "suppressClipboardApi", "suppressCutToClipboard", "columnDefs", "defaultColDef", "defaultColGroupDef", "columnTypes", "dataTypeDefinitions", "maintainColumnOrder", "enableStrictPivotColumnOrder", "suppressFieldDotNotation", "headerHeight", "groupHeaderHeight", "floatingFiltersHeight", "pivotHeaderHeight", "pivotGroupHeaderHeight", "hidePaddedHeaderRows", "allowDragFromColumnsToolPanel", "suppressMovableColumns", "suppressColumnMoveAnimation", "suppressMoveWhenColumnDragging", "suppressDragLeaveHidesColumns", "suppressGroupChangesColumnVisibility", "suppressMakeColumnVisibleAfterUnGroup", "suppressRowGroupHidesColumns", "colResizeDefault", "suppressAutoSize", "autoSizePadding", "skipHeaderOnAutoSize", "autoSizeStrategy", "animateColumnResizing", "components", "editType", "suppressStartEditOnTab", "getFullRowEditValidationErrors", "invalidEditValueMode", "singleClickEdit", "suppressClickEdit", "readOnlyEdit", "stopEditingWhenCellsLoseFocus", "enterNavigatesVertically", "enterNavigatesVerticallyAfterEdit", "enableCellEditingOnBackspace", "undoRedoCellEditing", "undoRedoCellEditingLimit", "defaultCsvExportParams", "suppressCsvExport", "defaultExcelExportParams", "suppressExcelExport", "excelStyles", "findSearchValue", "findOptions", "quickFilterText", "cacheQuickFilter", "includeHiddenColumnsInQuickFilter", "quickFilterParser", "quickFilterMatcher", "applyQuickFilterBeforePivotOrAgg", "excludeChildrenWhenTreeDataFiltering", "enableAdvancedFilter", "alwaysPassFilter", "includeHiddenColumnsInAdvancedFilter", "advancedFilterParent", "advancedFilterBuilderParams", "advancedFilterParams", "suppressAdvancedFilterEval", "suppressSetFilterByDefault", "enableFilterHandlers", "filterHandlers", "enableCharts", "chartThemes", "customChartThemes", "chartThemeOverrides", "chartToolPanelsDef", "chartMenuItems", "loadingCellRenderer", "loadingCellRendererParams", "loadingCellRendererSelector", "localeText", "masterDetail", "keepDetailRows", "keepDetailRowsCount", "detailCellRenderer", "detailCellRendererParams", "detailRowHeight", "detailRowAutoHeight", "context", "alignedGrids", "tabIndex", "rowBuffer", "valueCache", "valueCacheNeverExpires", "enableCellExpressions", "suppressTouch", "suppressFocusAfterRefresh", "suppressBrowserResizeObserver", "suppressPropertyNamesCheck", "suppressChangeDetection", "debug", "loading", "overlayLoadingTemplate", "loadingOverlayComponent", "loadingOverlayComponentParams", "suppressLoadingOverlay", "overlayNoRowsTemplate", "noRowsOverlayComponent", "noRowsOverlayComponentParams", "suppressNoRowsOverlay", "suppressOverlays", "overlayComponent", "overlayComponentParams", "overlayComponentSelector", "activeOverlay", "activeOverlayParams", "pagination", "paginationPageSize", "paginationPageSizeSelector", "paginationAutoPageSize", "paginateChildRows", "suppressPaginationPanel", "paginationPanels", "pivotMode", "pivotPanelShow", "pivotMaxGeneratedColumns", "pivotDefaultExpanded", "pivotColumnGroupTotals", "pivotRowTotals", "pivotSuppressAutoColumn", "suppressExpandablePivotGroups", "functionsReadOnly", "aggFuncs", "formulaDataSource", "notesDataSource", "noteTrigger", "noteShowDelay", "noteHideDelay", "formulaFuncs", "suppressAggFuncInHeader", "alwaysAggregateAtRootLevel", "aggregateOnlyChangedColumns", "suppressAggFilteredOnly", "removePivotHeaderRowWhenSingleValueColumn", "animateRows", "cellFlashDuration", "cellFadeDuration", "allowShowChangeAfterFilter", "domLayout", "ensureDomOrder", "enableCellSpan", "enableRtl", "suppressColumnVirtualisation", "suppressMaxRenderedRowRestriction", "suppressRowVirtualisation", "rowDragManaged", "refreshAfterGroupEdit", "rowDragInsertDelay", "suppressRowDrag", "suppressMoveWhenRowDragging", "rowDragEntireRow", "rowDragMultiRow", "rowDragText", "dragAndDropImageComponent", "dragAndDropImageComponentParams", "fullWidthCellRenderer", "fullWidthCellRendererParams", "embedFullWidthRows", "groupDisplayType", "groupDefaultExpanded", "autoGroupColumnDef", "groupMaintainOrder", "groupSelectsChildren", "groupLockGroupColumns", "groupAggFiltering", "groupTotalRow", "grandTotalRow", "suppressStickyTotalRow", "groupSuppressBlankHeader", "groupSelectsFiltered", "showOpenedGroup", "groupHideParentOfSingleChild", "groupRemoveSingleChildren", "groupRemoveLowestSingleChildren", "groupHideOpenParents", "groupHideColumnsUntilExpanded", "groupAllowUnbalanced", "rowGroupPanelShow", "groupRowRenderer", "groupRowRendererParams", "treeData", "treeDataChildrenField", "treeDataParentIdField", "rowGroupPanelSuppressSort", "suppressGroupRowsSticky", "groupHierarchyConfig", "pinnedTopRowData", "pinnedBottomRowData", "enableRowPinning", "isRowPinnable", "isRowPinned", "rowModelType", "rowData", "asyncTransactionWaitMillis", "suppressModelUpdateAfterUpdateTransaction", "datasource", "cacheOverflowSize", "infiniteInitialRowCount", "serverSideInitialRowCount", "suppressServerSideFullWidthLoadingRow", "cacheBlockSize", "maxBlocksInCache", "maxConcurrentDatasourceRequests", "blockLoadDebounceMillis", "purgeClosedRowNodes", "serverSideDatasource", "serverSideSortAllLevels", "serverSideEnableClientSideSort", "serverSideOnlyRefreshFilteredGroups", "serverSidePivotResultFieldSeparator", "viewportDatasource", "viewportRowModelPageSize", "viewportRowModelBufferSize", "alwaysShowHorizontalScroll", "alwaysShowVerticalScroll", "debounceVerticalScrollbar", "suppressHorizontalScroll", "suppressScrollOnNewData", "suppressScrollWhenPopupsAreOpen", "suppressAnimationFrame", "suppressMiddleClickScrolls", "suppressPreventDefaultOnMouseWheel", "scrollbarWidth", "rowSelection", "cellSelection", "rowMultiSelectWithClick", "suppressRowDeselection", "suppressRowClickSelection", "suppressCellFocus", "suppressHeaderFocus", "selectionColumnDef", "rowNumbers", "suppressMultiRangeSelection", "enableCellTextSelection", "enableRangeSelection", "enableRangeHandle", "enableFillHandle", "fillHandleDirection", "suppressClearOnFillReduction", "sortingOrder", "accentedSort", "unSortIcon", "suppressMultiSort", "alwaysMultiSort", "multiSortKey", "suppressMaintainUnsortedOrder", "icons", "rowHeight", "rowStyle", "rowClass", "rowClassRules", "suppressRowHoverHighlight", "suppressRowTransform", "suppressContentVisibilityAuto", "columnHoverHighlight", "gridId", "deltaSort", "treeDataDisplayType", "enableGroupEdit", "initialState", "theme", "loadThemeGoogleFonts", "themeCssLayer", "styleNonce", "themeStyleContainer", "getContextMenuItems", "getMainMenuItems", "postProcessPopup", "processUnpinnedColumns", "processCellForClipboard", "processHeaderForClipboard", "processGroupHeaderForClipboard", "processCellFromClipboard", "sendToClipboard", "processDataFromClipboard", "isExternalFilterPresent", "doesExternalFilterPass", "getChartToolbarItems", "createChartContainer", "focusGridInnerElement", "navigateToNextHeader", "tabToNextHeader", "navigateToNextCell", "tabToNextCell", "tabToNextGridContainer", "getLocaleText", "getDocument", "paginationNumberFormatter", "getGroupRowAgg", "isGroupOpenByDefault", "ssrmExpandAllAffectsAllRows", "initialGroupOrderComparator", "processPivotResultColDef", "processPivotResultColGroupDef", "getDataPath", "getChildCount", "getServerSideGroupLevelParams", "isServerSideGroupOpenByDefault", "isApplyServerSideTransaction", "isServerSideGroup", "getServerSideGroupKey", "getBusinessKeyForNode", "getRowId", "resetRowDataOnUpdate", "processRowPostCreate", "isRowSelectable", "isRowMaster", "fillOperation", "postSortRows", "getRowStyle", "getRowClass", "getRowHeight", "isFullWidthRow", "isRowValidDropPosition"], outputs: ["toolPanelVisibleChanged", "toolPanelSizeChanged", "columnMenuVisibleChanged", "contextMenuVisibleChanged", "cutStart", "cutEnd", "pasteStart", "pasteEnd", "columnVisible", "columnPinned", "columnResized", "columnMoved", "columnValueChanged", "columnPivotModeChanged", "columnPivotChanged", "columnGroupOpened", "newColumnsLoaded", "gridColumnsChanged", "displayedColumnsChanged", "virtualColumnsChanged", "columnEverythingChanged", "columnsReset", "columnHeaderMouseOver", "columnHeaderMouseLeave", "columnHeaderClicked", "columnHeaderContextMenu", "componentStateChanged", "cellValueChanged", "cellEditRequest", "rowValueChanged", "cellEditingStarted", "cellEditingStopped", "rowEditingStarted", "rowEditingStopped", "bulkEditingStarted", "bulkEditingStopped", "batchEditingStarted", "batchEditingStopped", "undoStarted", "undoEnded", "redoStarted", "redoEnded", "cellSelectionDeleteStart", "cellSelectionDeleteEnd", "rangeDeleteStart", "rangeDeleteEnd", "fillStart", "fillEnd", "filterOpened", "filterChanged", "filterModified", "filterUiChanged", "floatingFilterUiChanged", "advancedFilterBuilderVisibleChanged", "findChanged", "chartCreated", "chartRangeSelectionChanged", "chartOptionsChanged", "chartDestroyed", "cellKeyDown", "gridReady", "firstDataRendered", "gridSizeChanged", "modelUpdated", "virtualRowRemoved", "viewportChanged", "bodyScroll", "bodyScrollEnd", "dragStarted", "dragStopped", "dragCancelled", "stateUpdated", "paginationChanged", "rowDragEnter", "rowDragMove", "rowDragLeave", "rowDragEnd", "rowDragCancel", "rowResizeStarted", "rowResizeEnded", "columnRowGroupChanged", "rowGroupOpened", "expandOrCollapseAll", "pivotMaxColumnsExceeded", "pinnedRowDataChanged", "pinnedRowsChanged", "rowDataUpdated", "asyncTransactionsFlushed", "storeRefreshed", "headerFocused", "cellClicked", "cellDoubleClicked", "cellFocused", "cellMouseOver", "cellMouseOut", "cellMouseDown", "rowClicked", "rowDoubleClicked", "rowSelected", "selectionChanged", "cellContextMenu", "rangeSelectionChanged", "cellSelectionChanged", "tooltipShow", "tooltipHide", "sortChanged"] }, { kind: "component", type: TableFormItemComponent, selector: "app-table-form-item", inputs: ["header", "value", "dictList"], outputs: ["headerAction"] }, { kind: "component", type: LocalUploadComponent, selector: "atr-local-upload", inputs: ["beforeUpload", "url", "nzAccept", "name", "code", "withoutRole", "uploadType"], outputs: ["afterChange"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: AtrGridTableComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: AtrGridTableComponent, decorators: [{
             type: Component,
-            args: [{ standalone: false, selector: 'atr-grid-table', providers: [DictService, OssImgPipe, DefaultValPipe, DatePipe], template: "<div class=\"full-screen table-content \" #tableContent [spinLoading]=\"!viewInitOver\" HqSpin>\r\n    <form nz-form [formGroup]=\"atrForm\" class=\"ant-advanced-search-form\" [style]=\"{width: tableWidth-15+'px'}\"\r\n          *ngIf=\"queryOpts.headers.length >0 || queryOpts.actions.length >0\" #formContent>\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\"\r\n                                      [name]=\"action.name\" (afterChange)=\"uploadAction($event,action)\"\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    <ag-grid-angular *ngIf=\"isAllLoad\"\r\n                     class=\"full-screen\"\r\n                     [rowSelection]=\"rowSelection\"\r\n                     [ngStyle]=\"{height:  tableHeight}\"\r\n                     [rowData]=\"tableDatas\"\r\n                     [loading]=\"loading\"\r\n                     [alwaysMultiSort]=\"true\"\r\n                     [enableCellTextSelection]=\"true\"\r\n                     (gridReady)=\"onGridReady($event)\"\r\n                     (selectionChanged)=\"onSelectionChanged($event)\"\r\n                     (sortChanged)=\"onSortChanged($event)\"\r\n                     [pagination]=\"true\"\r\n                     [paginationPageSize]=\"pageSize\"\r\n                     [suppressPaginationPanel]=\"true\"\r\n                     [columnDefs]=\"columnDefs\"/>\r\n    <div class=\"flex\" style=\"justify-content: flex-end;background: white\">\r\n        <div class=\"flex \" style=\"align-items: center\">\r\n            \u5171 {{ total }} \u6761\u8BB0\u5F55\r\n        </div>\r\n\r\n        <nz-pagination [nzPageIndex]=\"pageIndex\" [nzTotal]=\"total\" nzShowSizeChanger [nzPageSize]=\"pageSize\"\r\n                       [nzSize]=\"'small'\"\r\n                       [nzPageSizeOptions]=\"pageSizeOptions\"\r\n                       (nzPageIndexChange)=\"PageIndexChange($event)\"\r\n                       (nzPageSizeChange)=\"PageSizeChange($event)\"\r\n        ></nz-pagination>\r\n    </div>\r\n</div>\r\n", styles: [":host{height:100%;width:100%;background:#fff}:host ::ng-deep .ant-table-title{padding:0}: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{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 .ant-table-pagination.ant-pagination{margin:0}:host ::ng-deep .ant-table-footer{padding:5px 0 0}:host ::ng-deep .main-table{position:absolute;inset:0}:host ::ng-deep .table-content .ant-spin-nested-loading{height:100%}:host ::ng-deep .table-content .ant-spin-container{height:100%}:host ::ng-deep .table-content .ant-table-wrapper{width:100%;height:100%}:host ::ng-deep .table-content .ant-table-footer{position:absolute;bottom:0;width: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;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 ::ng-deep .ant-table-content{overflow-x:auto}: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}:host :host ::ng-deep .ant-table{min-width:100%;height:100%}:host :host ::ng-deep .ant-table-container{min-width:100%;height:100%}:host app-table-td{background:#fff0!important}:host ::ng-deep .atr-action-cell,:host ::ng-deep .atr-action-cell .ag-cell-wrapper,:host ::ng-deep .atr-action-cell .ag-cell-value{display:flex;align-items:center}.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-grid-table', providers: [DictService, OssImgPipe, DefaultValPipe, DatePipe], template: "<div class=\"table-content\" #tableContent [spinLoading]=\"!viewInitOver\" HqSpin>\n  <form nz-form [formGroup]=\"atrForm\" class=\"ant-advanced-search-form\"\n        *ngIf=\"searchHeaders.length || actions.length || title\" #formContent (ngSubmit)=\"query(true)\">\n    <div nz-row [nzGutter]=\"16\">\n      <ng-content select=\"[header-left-slot]\"></ng-content>\n      <ng-container *ngFor=\"let header of searchHeaders; let index = index\">\n        <div nz-col [hidden]=\"!isHeaderVisible(header, index)\" [nzSpan]=\"header.span || 8\">\n          <app-table-form-item [header]=\"header\" [dictList]=\"dicts[header.dictCode || ''] || header.dictList || []\"\n            [formControlName]=\"header.key\" (headerAction)=\"headerAction.emit($event)\"></app-table-form-item>\n        </div>\n      </ng-container>\n      <ng-content select=\"[header-right-slot]\"></ng-content>\n    </div>\n    <div class=\"table-toolbar\">\n      <div class=\"action-area\">\n        <ng-content select=\"[button-left-slot]\"></ng-content>\n        <ng-container *ngFor=\"let action of actions\">\n          <atr-local-upload *ngIf=\"action.gType === 'upload'\" [code]=\"action.code\" [url]=\"action.url\"\n            [name]=\"action.name\" [withoutRole]=\"action.withoutRole\" (afterChange)=\"uploadAction($event, action)\"></atr-local-upload>\n          <ng-container *ngIf=\"!action.gType || action.gType === 'normal'\">\n            <button type=\"button\" nz-button nzSize=\"small\"\n              [nzType]=\"action.buttonType && action.buttonType !== 'danger' ? action.buttonType : 'primary'\"\n              [nzDanger]=\"action.buttonType === 'danger'\" [ngClass]=\"action.className || ''\"\n              *atrRole=\"action.withoutRole ? 'any' : action.code\" [disabled]=\"isEnable(action.operator)\"\n              (click)=\"doAction(action.code)\"><i *ngIf=\"action.icon\" nz-icon [nzType]=\"action.icon\"></i>{{action.name}}</button>\n          </ng-container>\n        </ng-container>\n        <ng-content select=\"[button-right-slot]\"></ng-content>\n      </div>\n      <div class=\"search-area\" *ngIf=\"searchHeaders.length && !queryOpts?.isHideQuery\">\n        <span *ngIf=\"showQueryTime && queryTime\" class=\"query-time\">\u6570\u636E\u67E5\u8BE2\u65F6\u95F4\uFF1A{{queryTime}}</span>\n        <button type=\"submit\" nz-button nzSize=\"small\" nzType=\"primary\" [nzLoading]=\"loading\">\u67E5\u8BE2</button>\n        <button type=\"button\" nz-button nzSize=\"small\" (click)=\"resetForm()\">\u91CD\u7F6E</button>\n        <button type=\"button\" nz-button nzType=\"link\" nzSize=\"small\" *ngIf=\"hasMoreHeaders\" (click)=\"toggleCollapse()\">\n          {{isCollapse ? '\u5C55\u5F00' : '\u6536\u8D77'}}<i nz-icon [nzType]=\"isCollapse ? 'down' : 'up'\"></i>\n        </button>\n      </div>\n    </div>\n    <div *ngIf=\"title\" class=\"title\">{{title}}</div>\n  </form>\n  <div *ngIf=\"queryError\" class=\"query-error\" role=\"alert\"><span>{{queryError}}</span>\n    <button type=\"button\" nz-button nzSize=\"small\" (click)=\"query()\" [disabled]=\"loading\">\u91CD\u8BD5</button>\n  </div>\n  <div class=\"grid-area\" [hidden]=\"isHideTable\">\n    <ag-grid-angular *ngIf=\"isAllLoad\" class=\"full-screen\"\n      [gridOptions]=\"resolvedGridOptions\" [defaultColDef]=\"defaultColDef\"\n      [rowSelection]=\"rowSelection\" [rowData]=\"tableDatas\" [loading]=\"loading\"\n      [getRowId]=\"getRowId\" [getRowStyle]=\"getRowStyle\" [enableCellSpan]=\"cellSpanEnabled\"\n      [rowDragManaged]=\"false\" [alwaysMultiSort]=\"true\" [enableCellTextSelection]=\"true\"\n      [pagination]=\"false\" [columnDefs]=\"columnDefs\"\n      (gridReady)=\"onGridReady($event)\" (selectionChanged)=\"onSelectionChanged($event)\"\n      (sortChanged)=\"onSortChanged($event)\" (cellValueChanged)=\"onCellValueChanged($event)\"\n      (rowDoubleClicked)=\"dbclickData($event.data, $event.rowIndex ?? -1)\"\n      (rowDragEnd)=\"onRowDragEnd($event)\"></ag-grid-angular>\n  </div>\n  <div class=\"table-pagination\" *ngIf=\"showPagination && !isHideTable\">\n    <span>\u5171 {{total}} \u6761\u8BB0\u5F55<span *ngIf=\"numberOfChecked\">\uFF0C\u5DF2\u9009 {{numberOfChecked}} \u6761</span></span>\n    <nz-pagination [nzPageIndex]=\"pageIndex\" [nzTotal]=\"total\" nzShowSizeChanger [nzPageSize]=\"pageSize\"\n      nzSize=\"small\" [nzPageSizeOptions]=\"pageSizeOptions\" (nzPageIndexChange)=\"PageIndexChange($event)\"\n      (nzPageSizeChange)=\"PageSizeChange($event)\"></nz-pagination>\n  </div>\n</div>\r\n", styles: [":host{display:block;height:100%;width:100%;min-width:0;background:#fff}.table-content{display:flex;flex-direction:column;width:100%;height:100%;min-height:0}.ant-advanced-search-form{flex:0 0 auto;padding:12px;margin-bottom:8px;background:#fafafa;border:1px solid #e8e8e8;border-radius:6px}.table-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px}.action-area,.search-area{display:flex;align-items:center;flex-wrap:wrap;gap:6px}.search-area{margin-left:auto}.query-time{color:#8c8c8c;font-size:12px}.title{padding-top:8px;font-size:16px;font-weight:500}.grid-area{flex:1 1 auto;min-height:120px;min-width:0}.grid-area[hidden]{display:none}ag-grid-angular{display:block;width:100%;height:100%}.table-pagination{flex:0 0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;padding:10px 0 2px}.table-pagination>span{font-size:13px;color:#595959}.query-error{flex:0 0 auto;display:flex;gap:12px;align-items:center;padding:8px 12px;margin-bottom:8px;color:#a8071a;background:#fff1f0;border:1px solid #ffa39e;border-radius:4px}:host ::ng-deep .ant-advanced-search-form .ant-form-item{margin-bottom:10px}:host ::ng-deep .atr-action-cell{display:flex;align-items:center}:host ::ng-deep .atr-grid-link{padding:0;color:#1677ff;background:transparent;border:0;cursor:pointer}:host ::ng-deep .atr-grid-template-cell{display:flex;align-items:center;height:100%}@media(max-width:640px){.search-area{margin-left:0}.query-time{width:100%}}\n"] }]
         }], ctorParameters: () => [{ type: i1$2.UntypedFormBuilder }, { type: OssImgPipe }, { type: DefaultValPipe }, { type: i2$1.DatePipe }, { type: i0.ViewContainerRef }, { type: i0.Injector }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [LOCALE_ID]
@@ -6621,6 +6850,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
                 type: Input
             }], queryHeaders: [{
                 type: Input
+            }], rowKey: [{
+                type: Input
+            }], gridOptions: [{
+                type: Input
             }], tableAction: [{
                 type: Output
             }], queryBack: [{
@@ -6629,7 +6862,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
                 type: Output
             }], tableHeader: [{
                 type: ViewChild,
-                args: ['formContent', { static: false }]
+                args: ['formContent']
             }], tableContent: [{
                 type: ViewChild,
                 args: ['tableContent', { static: true }]
@@ -6653,8 +6886,8 @@ const DIRECTIVES = [AtrRoleDirective, AtrErrorImgDirective, HqSpinDirective, Deb
 // 应 导出所有包含的模块。
 // 不应 有 providers 属性。
 class AtrSharedModule {
-    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,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: AtrSharedModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.25", ngImport: i0, type: AtrSharedModule, declarations: [ImgCanvasComponent, TableFormItemComponent, TableTdComponent, AtrTableComponent, UploadComponent, AtrFormComponent, LocalUploadComponent,
             SelectTreeComponent, VideoComponent, SelectIconsComponent, EchartsComponent, ViewFormComponent, EditorComponent, AtrGridTableComponent, BtnTdComponent], imports: [PipeModuleModule,
             CommonModule,
             FormsModule,
@@ -6676,7 +6909,7 @@ class AtrSharedModule {
             NzColorPickerModule, CusNgZorroAntdModule,
             NzResizableModule, ImgCanvasComponent, TableFormItemComponent, TableTdComponent, AtrTableComponent, UploadComponent, AtrFormComponent, LocalUploadComponent,
             SelectTreeComponent, VideoComponent, SelectIconsComponent, EchartsComponent, ViewFormComponent, EditorComponent, AtrGridTableComponent, BtnTdComponent, PipeModuleModule, AtrRoleDirective, AtrErrorImgDirective, HqSpinDirective, DebounceClickDirective, InfiniteScrollDirective] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: AtrSharedModule, providers: SERVICE_PROVIDES, imports: [PipeModuleModule,
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: AtrSharedModule, providers: SERVICE_PROVIDES, imports: [PipeModuleModule,
             CommonModule,
             FormsModule,
             ReactiveFormsModule,
@@ -6697,7 +6930,7 @@ class AtrSharedModule {
             NzColorPickerModule, CusNgZorroAntdModule,
             NzResizableModule, PipeModuleModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: AtrSharedModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: AtrSharedModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [
@@ -6788,15 +7021,15 @@ class BusiService {
         });
         return result;
     }
-    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$2.NzMessageService }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: BusiService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: BusiService, deps: [{ token: i1$5.NzDrawerService }, { token: HttpService }, { token: i3$1.NzModalService }, { token: LOCALE_ID }, { token: i4$2.NzMessageService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: BusiService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: BusiService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: BusiService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
                 }]
-        }], ctorParameters: () => [{ type: i1$5.NzDrawerService }, { type: HttpService }, { type: i3$2.NzModalService }, { type: undefined, decorators: [{
+        }], ctorParameters: () => [{ type: i1$5.NzDrawerService }, { type: HttpService }, { type: i3$1.NzModalService }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [LOCALE_ID]
                 }] }, { type: i4$2.NzMessageService }] });