atr-components 0.2.103 → 0.2.105

package/fesm2020/atr-components.mjs

@@ -1,6 +1,6 @@
 import { animation, style, animate, trigger, state, transition, keyframes } from '@angular/animations';
 import * as i0 from '@angular/core';
-import { Injectable, EventEmitter, NgModule, Directive, Input, HostListener, Pipe, Component, forwardRef, Output, LOCALE_ID, Inject, ViewChild } from '@angular/core';
+import { Injectable, EventEmitter, NgModule, Pipe, Component, Directive, Input, HostListener, forwardRef, Output, LOCALE_ID, Inject, ViewChild } 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, Subject } from 'rxjs';
@@ -132,6 +132,10 @@ const atr_static_datas = {
      * oss地址前缀
      */
     OSS_URL: '',
+    /**
+     * 静态地址
+     */
+    STATIC_OSS_URL: '',
     OSS_POLICY: 'third/oss/getPolicy',
     STORAGE_PRE: 'DQ_',
     menu_url: '',
@@ -168,6 +172,21 @@ var UserAction;
 })(UserAction || (UserAction = {}));
 
 class ToolsUtil {
+    static isBase64(string) {
+        let reg = /^\s*data:([a-z]+\/[a-z0-9-+.]+(;[a-z-]+=[a-z0-9-]+)?)?(;base64)?,([a-z0-9!$&',()*+;=\-._~:@\/?%\s]*?)\s*$/i;
+        return reg.test(string);
+    }
+    static dataURItoBlob(code) {
+        const parts = code.split(';base64,');
+        const contentType = parts[0].split(':')[1];
+        const raw = window.atob(parts[1]);
+        const rawLength = raw.length;
+        const uInt8Array = new Uint8Array(rawLength);
+        for (let i = 0; i < rawLength; ++i) {
+            uInt8Array[i] = raw.charCodeAt(i);
+        }
+        return new Blob([uInt8Array], { type: contentType });
+    }
     static isNull(val) {
         if (val || ['boolean', 'string', 'number'].some(v => typeof val == v)) {
             return false;
@@ -310,6 +329,21 @@ class ToolsUtil {
         }
         return atr_static_datas.OSS_URL + url;
     }
+    static getStaticOssUrl(url) {
+        if (!url) {
+            return "";
+        }
+        if (url.startsWith("http")) {
+            return url;
+        }
+        return atr_static_datas.STATIC_OSS_URL + url;
+    }
+    static removeHtml(value) {
+        if (!value) {
+            return '';
+        }
+        return value.replace(/<[^<>]+>/g, '').replace(/&nbsp;/ig, '');
+    }
     static mul(...numbers) {
         if (numbers.length < 2) {
             return;
@@ -1405,135 +1439,11 @@ const scrollScreen = trigger('scrollScreen', [
     // ]),
 ]);
 
-class AtrRoleDirective {
-    constructor(injector, render, templateRef, viewContainer) {
-        this.injector = injector;
-        this.render = render;
-        this.templateRef = templateRef;
-        this.viewContainer = viewContainer;
-        this.hasView = false;
-    }
-    set atrRole(condition) {
-        if (ToolsUtil.isNull(condition)) {
-            this.viewContainer.createEmbeddedView(this.templateRef);
-            this.hasView = true;
-            return;
-        }
-        if (condition == "any") {
-            this.viewContainer.createEmbeddedView(this.templateRef);
-            this.hasView = true;
-            return;
-        }
-        let curPath = this.getRouterUrl();
-        this.menuService.getCurMenu(curPath).subscribe(result => {
-            let curMenu = result;
-            let isExited = false;
-            if (curMenu && curMenu != null && curMenu.operation) {
-                let operations = curMenu.operation.split(",");
-                for (let operation of operations) {
-                    if (operation == condition) {
-                        isExited = true;
-                        break;
-                    }
-                }
-            }
-            if (isExited && !this.hasView) {
-                this.viewContainer.createEmbeddedView(this.templateRef);
-                this.hasView = true;
-            }
-            else if (!condition && this.hasView) {
-                this.viewContainer.clear();
-                this.hasView = false;
-            }
-        }, error => {
-        });
-    }
-    ngOnInit() {
-    }
-    get menuService() {
-        return this.injector.get(MenuService);
-    }
-    getRouterUrl() {
-        return this.injector.get(Router).url;
-    }
-}
-AtrRoleDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AtrRoleDirective, deps: [{ token: i0.Injector }, { token: i0.Renderer2 }, { token: i0.TemplateRef }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
-AtrRoleDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.11", type: AtrRoleDirective, selector: "[atrRole]", inputs: { atrRole: "atrRole" }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AtrRoleDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[atrRole]'
-                }]
-        }], ctorParameters: function () { return [{ type: i0.Injector }, { type: i0.Renderer2 }, { type: i0.TemplateRef }, { type: i0.ViewContainerRef }]; }, propDecorators: { atrRole: [{
-                type: Input,
-                args: ['atrRole']
-            }] } });
-
-class AtrErrorImgDirective {
-    constructor(elementRef) {
-        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';
-        }
-    }
-}
-AtrErrorImgDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AtrErrorImgDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-AtrErrorImgDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.11", type: AtrErrorImgDirective, selector: "[atrErrorImg]", inputs: { errorImagSrc: ["atrErrorImg", "errorImagSrc"] }, host: { listeners: { "error": "ImageError($event.target)" } }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AtrErrorImgDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[atrErrorImg]'
-                }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { errorImagSrc: [{
-                type: Input,
-                args: ['atrErrorImg']
-            }], ImageError: [{
-                type: HostListener,
-                args: ['error', ['$event.target']]
-            }] } });
-
-class HqSpinDirective {
-    constructor(el, render) {
-        this.el = el;
-        this.render = render;
-        this.spinLoading = false;
-        this.render.addClass(this.el.nativeElement, 'hq-spin-container');
-        this.loadingEle = this.render.createElement('div');
-        this.render.addClass(this.loadingEle, 'loader-03');
-    }
-    ngOnChanges(changes) {
-        const { spinLoading } = changes;
-        if (spinLoading) {
-            if (spinLoading.currentValue) {
-                this.render.addClass(this.el.nativeElement, 'hq-spin-blur');
-                this.render.appendChild(this.el.nativeElement, this.loadingEle);
-            }
-            else {
-                this.render.removeClass(this.el.nativeElement, 'hq-spin-blur');
-                this.render.removeChild(this.el.nativeElement, this.loadingEle);
-            }
-        }
-    }
-}
-HqSpinDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: HqSpinDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive });
-HqSpinDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.11", type: HqSpinDirective, selector: "[HqSpin]", inputs: { spinLoading: "spinLoading" }, usesOnChanges: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: HqSpinDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[HqSpin]'
-                }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }]; }, propDecorators: { spinLoading: [{
-                type: Input
-            }] } });
-
 class IsEmptyPipe {
-    transform(value) {
+    transform(value, defaultVal) {
+        if (defaultVal) {
+            return ToolsUtil.isNull(value) ? defaultVal : 0;
+        }
         return ToolsUtil.isNull(value);
     }
 }
@@ -1806,12 +1716,143 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
                 }]
         }], ctorParameters: function () { return [{ type: i1.DomSanitizer }]; } });
 
+class ChinaNumPipe {
+    transform(value, ...args) {
+        let changeNum = ['零', '一', '二', '三', '四', '五', '六', '七', '八', '九'];
+        let unit = ["", "十", "百", "千", "万"];
+        if (!value)
+            return value;
+        if (typeof value === 'number') {
+            let getWan = (temp) => {
+                let strArr = temp.toString().split("").reverse();
+                let newNum = "";
+                for (var i = 0; i < strArr.length; i++) {
+                    newNum = (i == 0 && strArr[i] == 0 ? "" : (i > 0 && strArr[i] == 0 && strArr[i - 1] == 0 ? "" : changeNum[strArr[i]] + (strArr[i] == 0 ? unit[0] : unit[i]))) + newNum;
+                }
+                return newNum;
+            };
+            let overWan = Math.floor(value / 10000);
+            let noWan = value % 10000 + "";
+            if (noWan.toString().length < 4) {
+                noWan = "0" + noWan;
+            }
+            return overWan ? getWan(overWan) + "万" + getWan(noWan) + "、" : getWan(value) + "、";
+        }
+        return "";
+    }
+}
+ChinaNumPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ChinaNumPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+ChinaNumPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ChinaNumPipe, name: "chinaNum" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ChinaNumPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'chinaNum'
+                }]
+        }] });
+
+class CountPipe {
+    transform(value, ...args) {
+        if (!value)
+            return value;
+        if (typeof value !== 'number') {
+            throw new Error('Invalid pipe argument for WelcomePipe');
+        }
+        let leftd = Math.floor(value / (1000 * 60 * 60 * 24)), //计算天数
+        lefth = Math.floor(value / (1000 * 60 * 60) % 24), //计算小时数
+        leftm = Math.floor(value / (1000 * 60) % 60), //计算分钟数
+        lefts = Math.floor(value / 1000 % 60); //计算秒数
+        let returnStr = "";
+        if (leftd > 0) {
+            returnStr = leftd < 10 ? "0" : "" + leftd + "天";
+        }
+        // if(lefth > 0){
+        returnStr += (lefth < 10 ? "0" : "") + lefth + "小时";
+        returnStr += (leftm < 10 ? "0" : "") + leftm + "分";
+        returnStr += (lefts < 10 ? "0" : "") + lefts + "秒";
+        // }
+        return returnStr;
+    }
+}
+CountPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: CountPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+CountPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: CountPipe, name: "count" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: CountPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'count'
+                }]
+        }] });
+
+class OssPipe {
+    transform(value, defaultVal) {
+        return ToolsUtil.getOssUrl(value);
+    }
+}
+OssPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: OssPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+OssPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: OssPipe, name: "oss" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: OssPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'oss'
+                }]
+        }] });
+
+class OssStaticPipe {
+    transform(value, defaultVal) {
+        return ToolsUtil.getStaticOssUrl(value);
+    }
+}
+OssStaticPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: OssStaticPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+OssStaticPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: OssStaticPipe, name: "ossStatic" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: OssStaticPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'ossStatic'
+                }]
+        }] });
+
+class RemoveHtmlPipe {
+    constructor(sanitized) {
+        this.sanitized = sanitized;
+    }
+    transform(value, ...args) {
+        return ToolsUtil.removeHtml(value);
+    }
+}
+RemoveHtmlPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: RemoveHtmlPipe, deps: [{ token: i1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Pipe });
+RemoveHtmlPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: RemoveHtmlPipe, name: "removeHtml" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: RemoveHtmlPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'removeHtml'
+                }]
+        }], ctorParameters: function () { return [{ type: i1.DomSanitizer }]; } });
+
+class SafeUrlPipe {
+    constructor(sanitized) {
+        this.sanitized = sanitized;
+    }
+    transform(value, ...args) {
+        return this.sanitized.bypassSecurityTrustResourceUrl(value);
+    }
+}
+SafeUrlPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SafeUrlPipe, deps: [{ token: i1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Pipe });
+SafeUrlPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SafeUrlPipe, name: "safeUrl" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SafeUrlPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'safeUrl'
+                }]
+        }], ctorParameters: function () { return [{ type: i1.DomSanitizer }]; } });
+
 // const PIPES = [IsNotEmptyPipe, DefaultValPipe, DictsPipe, DayPipe, IsEmptyPipe, SafeComputePipe,OssImgPipe]
-const PIPES = [IsNotEmptyPipe, DefaultValPipe, DictsPipe, DayPipe, IsEmptyPipe, SafeComputePipe, OssImgPipe, SafeHtmlPipe];
+const PIPES = [IsNotEmptyPipe, DefaultValPipe, DictsPipe, DayPipe, IsEmptyPipe, SafeComputePipe, OssImgPipe, SafeHtmlPipe,
+    ChinaNumPipe, CountPipe, OssPipe, OssStaticPipe, RemoveHtmlPipe, SafeUrlPipe];
 class PipeModuleModule {
 }
 PipeModuleModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: PipeModuleModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-PipeModuleModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: PipeModuleModule, declarations: [IsNotEmptyPipe, DefaultValPipe, DictsPipe, DayPipe, IsEmptyPipe, SafeComputePipe, OssImgPipe, SafeHtmlPipe], imports: [CommonModule], exports: [IsNotEmptyPipe, DefaultValPipe, DictsPipe, DayPipe, IsEmptyPipe, SafeComputePipe, OssImgPipe, SafeHtmlPipe] });
+PipeModuleModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: PipeModuleModule, declarations: [IsNotEmptyPipe, DefaultValPipe, DictsPipe, DayPipe, IsEmptyPipe, SafeComputePipe, OssImgPipe, SafeHtmlPipe,
+        ChinaNumPipe, CountPipe, OssPipe, OssStaticPipe, RemoveHtmlPipe, SafeUrlPipe], imports: [CommonModule], exports: [IsNotEmptyPipe, DefaultValPipe, DictsPipe, DayPipe, IsEmptyPipe, SafeComputePipe, OssImgPipe, SafeHtmlPipe,
+        ChinaNumPipe, CountPipe, OssPipe, OssStaticPipe, RemoveHtmlPipe, SafeUrlPipe] });
 PipeModuleModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: PipeModuleModule, imports: [[
             CommonModule,
         ]] });
@@ -1853,6 +1894,52 @@ class UploadOssService {
                 this.httpService.post(atr_static_datas.OSS_POLICY, { dir: dir, fileName: fileName }, ToolsUtil.getHttpOptions()).subscribe(success, error);
             });
         };
+        this.customReqP = (file) => {
+            const formData = new FormData();
+            formData.append('OSSAccessKeyId', this.uploadData.OSSAccessKeyId);
+            formData.append('policy', this.uploadData.policy);
+            formData.append('Signature', this.uploadData.Signature);
+            // @ts-ignore
+            formData.append('key', file['key']);
+            formData.append('success_action_status', '200');
+            formData.append('file', file);
+            const req = new HttpRequest('POST', atr_static_datas.OSS_URL, formData, {
+                reportProgress: true
+            });
+            return this.httpClient.request(req).toPromise();
+        };
+        this.uploadOssFiles = (files) => {
+            return new Observable(observe => {
+                const success = (result) => {
+                    if (result.status === 200) {
+                        this.uploadData = result.data;
+                        let param = [];
+                        files.forEach(item => {
+                            item.key = this.uploadData.dir + ToolsUtil.getRandomFileName() + '.' + ToolsUtil.getFileExt(item.name);
+                            param.push(this.customReqP(item));
+                        });
+                        Promise.all(param).then(events => {
+                            for (let i = 0; i < events.length; i++) {
+                                if (events[i].status == 200) {
+                                    events[i].url = events[i].url + files[i].key;
+                                }
+                            }
+                            observe.next(events);
+                            observe.unsubscribe();
+                        });
+                    }
+                    else {
+                        observe.next(false);
+                        observe.unsubscribe();
+                    }
+                };
+                const error = (err) => {
+                    observe.next(false);
+                    observe.unsubscribe();
+                };
+                this.httpService.post(atr_static_datas.OSS_POLICY, { dir: 'ueditor' }, ToolsUtil.getHttpOptions()).subscribe(success, error);
+            });
+        };
         this.customReq = (file) => {
             const formData = new FormData();
             for (let key in this.uploadData) {
@@ -1888,14 +1975,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
             type: Injectable
         }], ctorParameters: function () { return [{ type: HttpService }, { type: i2.HttpClient }]; } });
 
-const DIRECTIVES = [AtrRoleDirective, AtrErrorImgDirective, HqSpinDirective,];
 const COMMON_COMPONENT = [];
 class AtrComponentsModule {
 }
 AtrComponentsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AtrComponentsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-AtrComponentsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AtrComponentsModule, declarations: [AtrRoleDirective, AtrErrorImgDirective, HqSpinDirective], imports: [CommonModule,
+AtrComponentsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AtrComponentsModule, imports: [CommonModule,
         CusNgZorroAntdModule,
-        PipeModuleModule], exports: [AtrRoleDirective, AtrErrorImgDirective, HqSpinDirective, CusNgZorroAntdModule,
+        PipeModuleModule], exports: [CusNgZorroAntdModule,
         PipeModuleModule] });
 AtrComponentsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AtrComponentsModule, providers: [HttpService, MenuService, UploadOssService], imports: [[
             CommonModule,
@@ -1906,15 +1992,14 @@ AtrComponentsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", ver
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AtrComponentsModule, decorators: [{
             type: NgModule,
             args: [{
-                    declarations: [...COMMON_COMPONENT, ...DIRECTIVES],
+                    declarations: [...COMMON_COMPONENT],
                     imports: [
                         CommonModule,
                         CusNgZorroAntdModule,
                         PipeModuleModule,
                     ],
                     providers: [HttpService, MenuService, UploadOssService],
-                    exports: [...COMMON_COMPONENT,
-                        ...DIRECTIVES, CusNgZorroAntdModule,
+                    exports: [...COMMON_COMPONENT, CusNgZorroAntdModule,
                         PipeModuleModule
                     ]
                 }]
@@ -1977,6 +2062,145 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
                 }]
         }], ctorParameters: function () { return [{ type: i1$1.Router }]; } });
 
+class AtrRoleDirective {
+    constructor(injector, render, templateRef, viewContainer) {
+        this.injector = injector;
+        this.render = render;
+        this.templateRef = templateRef;
+        this.viewContainer = viewContainer;
+        this.hasView = false;
+    }
+    set atrRole(condition) {
+        if (ToolsUtil.isNull(condition)) {
+            this.viewContainer.createEmbeddedView(this.templateRef);
+            this.hasView = true;
+            return;
+        }
+        if (condition == "any") {
+            this.viewContainer.createEmbeddedView(this.templateRef);
+            this.hasView = true;
+            return;
+        }
+        let curPath = this.getRouterUrl();
+        this.menuService.getCurMenu(curPath).subscribe(result => {
+            let curMenu = result;
+            let isExited = false;
+            if (curMenu && curMenu != null && curMenu.operation) {
+                let operations = curMenu.operation.split(",");
+                for (let operation of operations) {
+                    if (operation == condition) {
+                        isExited = true;
+                        break;
+                    }
+                }
+            }
+            if (isExited && !this.hasView) {
+                this.viewContainer.createEmbeddedView(this.templateRef);
+                this.hasView = true;
+            }
+            else if (!condition && this.hasView) {
+                this.viewContainer.clear();
+                this.hasView = false;
+            }
+        }, error => {
+        });
+    }
+    ngOnInit() {
+    }
+    get menuService() {
+        return this.injector.get(MenuService);
+    }
+    getRouterUrl() {
+        return this.injector.get(Router).url;
+    }
+}
+AtrRoleDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AtrRoleDirective, deps: [{ token: i0.Injector }, { token: i0.Renderer2 }, { token: i0.TemplateRef }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
+AtrRoleDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.11", type: AtrRoleDirective, selector: "[atrRole]", inputs: { atrRole: "atrRole" }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AtrRoleDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[atrRole]'
+                }]
+        }], ctorParameters: function () { return [{ type: i0.Injector }, { type: i0.Renderer2 }, { type: i0.TemplateRef }, { type: i0.ViewContainerRef }]; }, propDecorators: { atrRole: [{
+                type: Input,
+                args: ['atrRole']
+            }] } });
+
+class AtrErrorImgDirective {
+    constructor(elementRef) {
+        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';
+        }
+    }
+}
+AtrErrorImgDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AtrErrorImgDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+AtrErrorImgDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.11", type: AtrErrorImgDirective, selector: "[atrErrorImg]", inputs: { errorImagSrc: ["atrErrorImg", "errorImagSrc"] }, host: { listeners: { "error": "ImageError($event.target)" } }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AtrErrorImgDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[atrErrorImg]'
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { errorImagSrc: [{
+                type: Input,
+                args: ['atrErrorImg']
+            }], ImageError: [{
+                type: HostListener,
+                args: ['error', ['$event.target']]
+            }] } });
+
+class HqSpinDirective {
+    constructor(el, render) {
+        this.el = el;
+        this.render = render;
+        this.spinLoading = false;
+        this.text = null;
+        this.render.addClass(this.el.nativeElement, 'hq-spin-container');
+        this.loadingEle = this.render.createElement('div');
+        let dom1 = document.createElement('div');
+        this.loadingEle.append(dom1);
+        this.render.addClass(dom1, 'loader-03');
+        // this.render.addClass(this.loadingEle, 'loader-04');
+    }
+    ngOnChanges(changes) {
+        const { spinLoading, text } = changes;
+        if (text && text.currentValue) {
+            let dom = document.createElement('div');
+            dom.innerText = text.currentValue;
+            this.loadingEle.append(dom);
+            this.render.addClass(dom, 'loader-04');
+        }
+        if (spinLoading) {
+            if (spinLoading.currentValue) {
+                this.render.addClass(this.el.nativeElement, 'hq-spin-blur');
+                this.render.appendChild(this.el.nativeElement, this.loadingEle);
+            }
+            else {
+                this.render.removeClass(this.el.nativeElement, 'hq-spin-blur');
+                this.render.removeChild(this.el.nativeElement, this.loadingEle);
+            }
+        }
+    }
+}
+HqSpinDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: HqSpinDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive });
+HqSpinDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.11", type: HqSpinDirective, selector: "[HqSpin]", inputs: { spinLoading: "spinLoading", text: "text" }, usesOnChanges: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: HqSpinDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[HqSpin]'
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }]; }, propDecorators: { spinLoading: [{
+                type: Input
+            }], text: [{
+                type: Input
+            }] } });
+
 class TableFormItemComponent {
     constructor() {
         this.dictList = [];
@@ -2037,7 +2261,7 @@ TableFormItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0",
             useExisting: forwardRef(() => TableFormItemComponent),
             multi: true
         }
-    ], 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\n        nz-input\n        placeholder=\"{{header.name}}\"\n        [attr.id]=\"header.key\"\n        [(ngModel)]=\"value\"\n        (ngModelChange)=\"onChange($event)\"\n      />\n\n    </nz-input-group>\n\n    <nz-select *ngSwitchCase=\"'select'\"\n               [nzAllowClear]=\"!header.disableClear\"\n               nzPlaceHolder=\"{{header.name}}\"\n               nzAllowClear=\"true\"\n               nzServerSearch\n               [(ngModel)]=\"value\"\n               (ngModelChange)=\"onChange($event)\"\n    >\n      <nz-option *ngFor=\"let o of dictList\" [nzLabel]=\"o.typeName\"\n                 [nzValue]=\"o.id\"></nz-option>\n    </nz-select>\n    <nz-select *ngSwitchCase=\"'selectCus'\"\n               [nzAllowClear]=\"!header.disableClear\"\n               nzPlaceHolder=\"{{header.name}}\"\n               nzAllowClear=\"true\"\n               [nzShowSearch]=\"true\"\n               [(ngModel)]=\"value\"\n               (ngModelChange)=\"onChange($event)\"\n    >\n      <nz-option *ngFor=\"let o of header.dictList\" nzCustomContent [nzLabel]=\"o.label\"\n                 [nzValue]=\"o.value\">\n        <i class=\"select-icon\" *ngIf=\"header.icon?.isShow\" nz-icon [nzType]=\"header.icon.icon\"\n           nzTheme=\"outline\" style=\"margin-right: 1rem;\"\n           (click)=\"clickIcon(o.value,header,$event)\"></i>\n        {{o.label}}\n      </nz-option>\n\n    </nz-select>\n    <nz-cascader\n      *ngSwitchCase=\"'cascader'\"\n      (ngModelChange)=\"onChange($event)\"\n      style=\"flex: 1\" [nzAllowClear]=\"!header.disableClear\"\n      nzPlaceHolder=\"{{header.name}}\"\n      [nzShowSearch]=\"true\"\n      [nzOptions]=\"header.dictList\"\n      [(ngModel)]=\"value\"\n    ></nz-cascader>\n    <nz-tree-select\n      *ngSwitchCase=\"'treeSelect'\"\n      (ngModelChange)=\"onChange($event)\"\n      [nzAllowClear]=\"!header.disableClear\"\n      [nzNodes]=\"header.treeList\"\n      nzShowSearch=\"true\"\n      nzHideUnMatched=\"true\"\n      nzPlaceHolder=\"{{header.name}}\"\n      [nzShowSearch]=\"true\"\n      [(ngModel)]=\"value\"\n      [nzMultiple]=\"header.selectUrl.isMultiple\"\n      [nzMaxTagCount]=\"header.maxTagCount || 3\"\n    >\n    </nz-tree-select>\n    <nz-range-picker\n      *ngSwitchCase=\"'dateRange'\"\n      [nzShowTime]=\"header.nzShowTime ? header.nzShowTime : false\"\n      (ngModelChange)=\"onChange($event)\"\n\n      [nzFormat]=\"header.nzShowTime && header.nzShowTime.nzFormat ?\n      ('yyyy-MM-dd '+ header.nzShowTime.nzFormat) : 'yyyy-MM-dd HH:mm:ss'\"\n\n      [nzShowNow]=\"header.nzShowTime && header.nzShowNow \"\n      [(ngModel)]=\"value\"\n      style=\"width: 100%;\"\n      nzAllowClear=\"true\"\n      [nzPlaceHolder]=\"[header.name+'\u5F00\u59CB\u65F6\u95F4','\u7ED3\u675F\u65F6\u95F4']\"\n      [nzDefaultPickerValue]=\"header.defaultVal\"></nz-range-picker>\n    <ng-container *ngSwitchCase=\"'sdate'\">\n      <nz-date-picker style=\"width: 100%\" [nzFormat]=\"'yyyy-MM-dd'\"\n                      (ngModelChange)=\"onChange($event)\"\n                      [(ngModel)]=\"value\"\n                      *ngIf=\"!header.dateMode\"\n                      nzAllowClear=\"true\"></nz-date-picker>\n      <nz-date-picker style=\"width: 100%\"\n                      (ngModelChange)=\"onChange($event)\"\n                      [(ngModel)]=\"value\"\n                      *ngIf=\"header.dateMode\"\n                      [nzMode]=\"header.dateMode\"\n                      nzAllowClear=\"true\"></nz-date-picker>\n    </ng-container>\n    <nz-month-picker\n      *ngSwitchCase=\"'smonth'\"\n      (ngModelChange)=\"onChange($event)\"\n      [(ngModel)]=\"value\"\n      [nzFormat]=\"'yyyy-MM'\"\n      [nzPlaceHolder]=\"[header.name]\"\n      nzAllowClear=\"true\"></nz-month-picker>\n    <span class=\"label-title\">{{header.name}}</span>\n  </nz-form-control>\n</nz-form-item>\n\n<ng-template #inputClearTpl>\n  <i nz-icon class=\"ant-input-clear-icon\" nzTheme=\"fill\" nzType=\"close-circle\"\n     *ngIf=\"!header.disableClear && value|isNotEmpty\" (click)=\"value = null;onChange()\"></i>\n</ng-template>\n", styles: [":host{margin-bottom:5px}:host .label-title{z-index:80}\n", ":host{width:100%;height:100%;display:flex;flex-direction:column}:host ::ng-deep .ant-modal{top:50px;padding:0}:host .ant-advanced-search-form{padding:10px 6px 6px;background:#fbfbfb;border:1px solid #d9d9d9;border-radius:6px;margin-bottom:5px}:host .select-icon:hover{color:#1890ff}:host ::ng-deep .ant-advanced-search-form .ant-form-item{margin-bottom:5px}:host ::ng-deep .ant-table-column-title{font-size:.65rem}:host ::ng-deep .ant-table-tbody>tr.ant-table-row:hover>td{background:#d0eeea}:host ::ng-deep .ant-modal-header,:host ::ng-deep .ant-modal-content{border-radius:4px}:host ::ng-deep .ant-table-tbody>tr.selected:hover>td{background-color:#cfe1d0!important}:host ::ng-deep .ant-table{height:100%}:host ::ng-deep nz-pagination{position:absolute;bottom:0;right:0}:host .search-result-list{padding:1px;border:1px dashed #e9e9e9;border-radius:6px;background-color:#fff;flex:1;text-align:center;position:relative}:host [nz-form-label]{overflow:visible}:host button{margin:2px 4px}:host .collapse{margin-left:6px;font-size:12px}:host .action-area{text-align:left}:host .search-area{text-align:right}:host ::ng-deep .main-table{position:absolute;top:0;left:0;right:0;bottom:0}:host ::ng-deep .main-table .ant-spin-nested-loading{height:100%}:host ::ng-deep .main-table .ant-spin-container{height:100%}:host ::ng-deep .ant-table-tbody>tr.selected>td{background-color:#cfe1d0}:host ::ng-deep .ant-table-tbody>tr>td>img{display:block;width:40%;margin:0 auto}:host ::ng-deep .ant-table-body{-ms-overflow-style:none;overflow:-moz-scrollbars-none}:host ::ng-deep .ant-table-body::-webkit-scrollbar,:host ::ng-deep .ant-table-header::-webkit-scrollbar{width:6px!important;height:6px!important}:host ::ng-deep .ant-table-body::-webkit-scrollbar-track,:host ::ng-deep .ant-table-header::-webkit-scrollbar-track{width:6px!important;cursor:pointer}:host ::ng-deep .ant-table-body::-webkit-scrollbar-thumb,:host ::ng-deep .ant-table-header::-webkit-scrollbar-thumb{background:#1890ff;border-radius:3px;cursor:pointer}:host ::ng-deep .ant-table-bordered .ant-table-thead>tr>th{border-right:1px solid #ddd}:host ::ng-deep .ant-table-header{-ms-overflow-style:none;overflow:-moz-scrollbars-none;margin-bottom:-5px!important}:host ::ng-deep .ant-table-placeholder{border-bottom:none!important;border-top:none!important}:host .tabel-colunmn{display:block;width:160px;height:300px;background:#fff;border:1px solid #ddd;padding:10px;border-radius:5px;overflow-x:hidden;overflow-y:auto;position:relative}:host .tabel-colunmn-header{position:fixed;top:0;left:0;right:0;height:30px;z-index:999;line-height:30px;border-bottom:1px solid #ddd;text-align:left;font-size:13px;padding-left:10px}:host .t-tr{background:#fff}:host .t-tr:nth-child(odd){background:#f8f9fa}:host ::ng-deep .ant-table-thead>tr>th{background:#e7ebef!important;border-radius:0;word-break:break-all;white-space:pre-wrap}:host ::ng-deep .ant-table-tbody>tr>td{word-break:break-all;white-space:pre-wrap}:host ::ng-deep .ant-table-header{background:#e7ebef!important}:host td{font-size:.65rem}:host .resize-trigger{height:100%}:host .nz-resizable-preview{border-width:0;border-right-width:1px}:host ::ng-deep .ant-table-thead>tr>th .ant-table-header-column .ant-table-column-sorters>:not(.ant-table-column-sorter){position:unset}:host ::ng-deep .ant-table-tbody>tr>td{padding:5px}:host ::ng-deep .ant-table{line-height:15px}:host ::ng-deep .ant-table-middle .ant-table-footer,:host .ant-table-middle .ant-table-tbody>tr>td,:host .ant-table-middle .ant-table-thead>tr>th,:host .ant-table-middle .ant-table-title{padding:5px}:host ::ng-deep .ant-table-tbody>tr>td>img{width:35px}:host ::ng-deep .ant-modal-body{padding:10px}:host ::ng-deep .ant-table.ant-table-bordered tbody>tr>td{font-size:13px}:host ::ng-deep th{z-index:80!important}:host .left-zindex-header{z-index:90!important}:host .left-zindex{z-index:80!important}:host ::ng-deep input,:host ::ng-deep .ant-select-single:not(.ant-select-customize-input) .ant-select-selector,:host ::ng-deep .ant-picker{border-radius:5px}:host .border-text{width:100%;height:36px;line-height:36px;display:flex}:host .border-text .border-text-line{display:inline-block;border-top:1px solid #cccccc;margin-top:18px}:host .border-text .border-text-line-left{width:10px;border-left:1px solid #cccccc}:host .border-text .border-text-line-right{flex:1;border-right:1px solid #cccccc}:host .border-text .border-text-span{margin-left:5px;margin-right:5px}:host .label-title{position:absolute;display:block;top:-7px;left:10px;background-color:#fff;color:#000;font-weight:600;font-size:12px;line-height:12px}: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:sticky!important}\n"], components: [{ type: i6.NzFormItemComponent, selector: "nz-form-item", exportAs: ["nzFormItem"] }, { type: i6.NzFormControlComponent, selector: "nz-form-control", inputs: ["nzSuccessTip", "nzWarningTip", "nzErrorTip", "nzValidatingTip", "nzExtra", "nzAutoTips", "nzDisableAutoTips", "nzHasFeedback", "nzValidateStatus"], exportAs: ["nzFormControl"] }, { type: i2$1.NzInputGroupComponent, selector: "nz-input-group", inputs: ["nzAddOnBeforeIcon", "nzAddOnAfterIcon", "nzPrefixIcon", "nzSuffixIcon", "nzAddOnBefore", "nzAddOnAfter", "nzPrefix", "nzStatus", "nzSuffix", "nzSize", "nzSearch", "nzCompact"], exportAs: ["nzInputGroup"] }, { type: i3.NzSelectComponent, selector: "nz-select", inputs: ["nzId", "nzSize", "nzStatus", "nzOptionHeightPx", "nzOptionOverflowSize", "nzDropdownClassName", "nzDropdownMatchSelectWidth", "nzDropdownStyle", "nzNotFoundContent", "nzPlaceHolder", "nzMaxTagCount", "nzDropdownRender", "nzCustomTemplate", "nzSuffixIcon", "nzClearIcon", "nzRemoveIcon", "nzMenuItemSelectedIcon", "nzTokenSeparators", "nzMaxTagPlaceholder", "nzMaxMultipleCount", "nzMode", "nzFilterOption", "compareWith", "nzAllowClear", "nzBorderless", "nzShowSearch", "nzLoading", "nzAutoFocus", "nzAutoClearSearchValue", "nzServerSearch", "nzDisabled", "nzOpen", "nzBackdrop", "nzOptions", "nzShowArrow"], outputs: ["nzOnSearch", "nzScrollToBottom", "nzOpenChange", "nzBlur", "nzFocus"], exportAs: ["nzSelect"] }, { type: i3.NzOptionComponent, selector: "nz-option", inputs: ["nzLabel", "nzValue", "nzDisabled", "nzHide", "nzCustomContent"], exportAs: ["nzOption"] }, { type: i4.NzCascaderComponent, selector: "nz-cascader, [nz-cascader]", inputs: ["nzOptionRender", "nzShowInput", "nzShowArrow", "nzAllowClear", "nzAutoFocus", "nzChangeOnSelect", "nzDisabled", "nzColumnClassName", "nzExpandTrigger", "nzValueProperty", "nzLabelRender", "nzLabelProperty", "nzNotFoundContent", "nzSize", "nzBackdrop", "nzShowSearch", "nzPlaceHolder", "nzMenuClassName", "nzMenuStyle", "nzMouseEnterDelay", "nzMouseLeaveDelay", "nzStatus", "nzTriggerAction", "nzChangeOn", "nzLoadData", "nzSuffixIcon", "nzExpandIcon", "nzOptions"], outputs: ["nzVisibleChange", "nzSelectionChange", "nzSelect", "nzClear"], exportAs: ["nzCascader"] }, { type: i5.NzTreeSelectComponent, selector: "nz-tree-select", inputs: ["nzId", "nzAllowClear", "nzShowExpand", "nzShowLine", "nzDropdownMatchSelectWidth", "nzCheckable", "nzHideUnMatched", "nzShowIcon", "nzShowSearch", "nzDisabled", "nzAsyncData", "nzMultiple", "nzDefaultExpandAll", "nzCheckStrictly", "nzVirtualItemSize", "nzVirtualMaxBufferPx", "nzVirtualMinBufferPx", "nzVirtualHeight", "nzExpandedIcon", "nzNotFoundContent", "nzNodes", "nzOpen", "nzSize", "nzPlaceHolder", "nzDropdownStyle", "nzDropdownClassName", "nzBackdrop", "nzStatus", "nzExpandedKeys", "nzDisplayWith", "nzMaxTagCount", "nzMaxTagPlaceholder", "nzTreeTemplate"], outputs: ["nzOpenChange", "nzCleared", "nzRemoved", "nzExpandChange", "nzTreeClick", "nzTreeCheckBoxChange"], exportAs: ["nzTreeSelect"] }, { type: i6$1.NzDatePickerComponent, selector: "nz-date-picker,nz-week-picker,nz-month-picker,nz-year-picker,nz-range-picker", inputs: ["nzAllowClear", "nzAutoFocus", "nzDisabled", "nzBorderless", "nzInputReadOnly", "nzInline", "nzOpen", "nzDisabledDate", "nzLocale", "nzPlaceHolder", "nzPopupStyle", "nzDropdownClassName", "nzSize", "nzStatus", "nzFormat", "nzDateRender", "nzDisabledTime", "nzRenderExtraFooter", "nzShowToday", "nzMode", "nzShowNow", "nzRanges", "nzDefaultPickerValue", "nzSeparator", "nzSuffixIcon", "nzBackdrop", "nzId", "nzPlacement", "nzShowTime"], outputs: ["nzOnPanelChange", "nzOnCalendarChange", "nzOnOk", "nzOnOpenChange"], exportAs: ["nzDatePicker"] }], directives: [{ type: i7.NzRowDirective, selector: "[nz-row],nz-row,nz-form-item", inputs: ["nzAlign", "nzJustify", "nzGutter"], exportAs: ["nzRow"] }, { type: i7.NzColDirective, selector: "[nz-col],nz-col,nz-form-control,nz-form-label", inputs: ["nzFlex", "nzSpan", "nzOrder", "nzOffset", "nzPush", "nzPull", "nzXs", "nzSm", "nzMd", "nzLg", "nzXl", "nzXXl"], exportAs: ["nzCol"] }, { type: i10.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i10.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i9.ɵNzTransitionPatchDirective, selector: "[nz-button], nz-button-group, [nz-icon], [nz-menu-item], [nz-submenu], nz-select-top-control, nz-select-placeholder, nz-input-group", inputs: ["hidden"] }, { type: i2$1.NzInputGroupWhitSuffixOrPrefixDirective, selector: "nz-input-group[nzSuffix], nz-input-group[nzPrefix]" }, { type: i2$1.NzInputDirective, selector: "input[nz-input],textarea[nz-input]", inputs: ["nzBorderless", "nzSize", "nzStatus", "disabled"], exportAs: ["nzInput"] }, { type: i3$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i3$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i3$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i10.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i10.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i8.NzIconDirective, selector: "[nz-icon]", inputs: ["nzSpin", "nzRotate", "nzType", "nzTheme", "nzTwotoneColor", "nzIconfont"], exportAs: ["nzIcon"] }, { type: i6$1.NzRangePickerComponent, selector: "nz-range-picker", exportAs: ["nzRangePicker"] }, { type: i6$1.NzMonthPickerComponent, selector: "nz-month-picker", exportAs: ["nzMonthPicker"] }], pipes: { "isNotEmpty": IsNotEmptyPipe } });
+    ], 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\n        nz-input\n        placeholder=\"{{header.name}}\"\n        [attr.id]=\"header.key\"\n        [(ngModel)]=\"value\"\n        (ngModelChange)=\"onChange($event)\"\n      />\n\n    </nz-input-group>\n\n    <nz-select *ngSwitchCase=\"'select'\"\n               [nzAllowClear]=\"!header.disableClear\"\n               nzPlaceHolder=\"{{header.name}}\"\n               nzAllowClear=\"true\"\n               [nzMode]=\"header.nzMode || 'default'\"\n               nzServerSearch\n               [(ngModel)]=\"value\"\n               (ngModelChange)=\"onChange($event)\"\n    >\n      <nz-option *ngFor=\"let o of dictList\" [nzLabel]=\"o.typeName\"\n                 [nzValue]=\"o.id\"></nz-option>\n    </nz-select>\n    <nz-select *ngSwitchCase=\"'selectCus'\"\n               [nzMode]=\"header.nzMode || 'default'\"\n               [nzAllowClear]=\"!header.disableClear\"\n               nzPlaceHolder=\"{{header.name}}\"\n               nzAllowClear=\"true\"\n               [nzShowSearch]=\"true\"\n               [(ngModel)]=\"value\"\n               (ngModelChange)=\"onChange($event)\"\n    >\n      <nz-option *ngFor=\"let o of header.dictList\" nzCustomContent [nzLabel]=\"o.label\"\n                 [nzValue]=\"o.value\">\n        <i class=\"select-icon\" *ngIf=\"header.icon?.isShow\" nz-icon [nzType]=\"header.icon.icon\"\n           nzTheme=\"outline\" style=\"margin-right: 1rem;\"\n           (click)=\"clickIcon(o.value,header,$event)\"></i>\n        {{o.label}}\n      </nz-option>\n\n    </nz-select>\n    <nz-cascader\n      *ngSwitchCase=\"'cascader'\"\n      (ngModelChange)=\"onChange($event)\"\n      style=\"flex: 1\" [nzAllowClear]=\"!header.disableClear\"\n      nzPlaceHolder=\"{{header.name}}\"\n      [nzShowSearch]=\"true\"\n      [nzOptions]=\"header.dictList\"\n      [(ngModel)]=\"value\"\n    ></nz-cascader>\n    <nz-tree-select\n      *ngSwitchCase=\"'treeSelect'\"\n      (ngModelChange)=\"onChange($event)\"\n      [nzAllowClear]=\"!header.disableClear\"\n      [nzNodes]=\"header.treeList\"\n      nzShowSearch=\"true\"\n      nzHideUnMatched=\"true\"\n      nzPlaceHolder=\"{{header.name}}\"\n      [nzShowSearch]=\"true\"\n      [(ngModel)]=\"value\"\n      [nzMultiple]=\"header.selectUrl.isMultiple\"\n      [nzMaxTagCount]=\"header.maxTagCount || 3\"\n    >\n    </nz-tree-select>\n    <nz-range-picker  *ngSwitchCase=\"'dayRange'\" [(ngModel)]=\"value\" (ngModelChange)=\"onChange($event)\"\n                      [(ngModel)]=\"value\"\n                      style=\"width: 100%;\"\n                      nzAllowClear=\"true\"\n                      [nzPlaceHolder]=\"[header.name+'\u5F00\u59CB\u65F6\u95F4','\u7ED3\u675F\u65F6\u95F4']\"\n                      [nzDefaultPickerValue]=\"header.defaultVal\"\n    ></nz-range-picker>\n    <nz-range-picker\n      *ngSwitchCase=\"'dateRange'\"\n      [nzShowTime]=\"header.nzShowTime ? header.nzShowTime : false\"\n      (ngModelChange)=\"onChange($event)\"\n\n      [nzFormat]=\"header.nzShowTime && header.nzShowTime.nzFormat  ?\n      ('yyyy-MM-dd '+ header.nzShowTime.nzFormat) : 'yyyy-MM-dd HH:mm:ss'\"\n\n      [nzShowNow]=\"header.nzShowTime && header.nzShowNow \"\n      [(ngModel)]=\"value\"\n      style=\"width: 100%;\"\n      nzAllowClear=\"true\"\n      [nzPlaceHolder]=\"[header.name+'\u5F00\u59CB\u65F6\u95F4','\u7ED3\u675F\u65F6\u95F4']\"\n      [nzDefaultPickerValue]=\"header.defaultVal\"></nz-range-picker>\n    <ng-container *ngSwitchCase=\"'sdate'\">\n      <nz-date-picker style=\"width: 100%\" [nzFormat]=\"'yyyy-MM-dd'\"\n                      (ngModelChange)=\"onChange($event)\"\n                      [(ngModel)]=\"value\"\n                      *ngIf=\"!header.dateMode\"\n                      nzAllowClear=\"true\"></nz-date-picker>\n      <nz-date-picker style=\"width: 100%\"\n                      (ngModelChange)=\"onChange($event)\"\n                      [(ngModel)]=\"value\"\n                      *ngIf=\"header.dateMode\"\n                      [nzMode]=\"header.dateMode\"\n                      nzAllowClear=\"true\"></nz-date-picker>\n    </ng-container>\n    <nz-month-picker\n      *ngSwitchCase=\"'smonth'\"\n      (ngModelChange)=\"onChange($event)\"\n      [(ngModel)]=\"value\"\n      [nzFormat]=\"'yyyy-MM'\"\n      [nzPlaceHolder]=\"[header.name]\"\n      nzAllowClear=\"true\"></nz-month-picker>\n    <span class=\"label-title\">{{header.name}}</span>\n  </nz-form-control>\n</nz-form-item>\n\n<ng-template #inputClearTpl>\n  <i nz-icon class=\"ant-input-clear-icon\" nzTheme=\"fill\" nzType=\"close-circle\"\n     *ngIf=\"!header.disableClear && value|isNotEmpty\" (click)=\"value = null;onChange()\"></i>\n</ng-template>\n", styles: [":host{margin-bottom:5px}:host .label-title{z-index:80}\n", ":host{width:100%;height:100%;display:flex;flex-direction:column}:host ::ng-deep .ant-modal{top:50px;padding:0}:host .ant-advanced-search-form{padding:10px 6px 6px;background:#fbfbfb;border:1px solid #d9d9d9;border-radius:6px;margin-bottom:5px}:host .select-icon:hover{color:#1890ff}:host ::ng-deep .ant-advanced-search-form .ant-form-item{margin-bottom:5px}:host ::ng-deep .ant-table-column-title{font-size:.65rem}:host ::ng-deep .ant-table-tbody>tr.ant-table-row:hover>td{background:#d0eeea}:host ::ng-deep .ant-modal-header,:host ::ng-deep .ant-modal-content{border-radius:4px}:host ::ng-deep .ant-table-tbody>tr.selected:hover>td{background-color:#cfe1d0!important}:host ::ng-deep .ant-table{height:100%}:host ::ng-deep nz-pagination{position:absolute;bottom:0;right:0}:host .search-result-list{padding:1px;border:1px dashed #e9e9e9;border-radius:6px;background-color:#fff;flex:1;text-align:center;position:relative}:host [nz-form-label]{overflow:visible}:host button{margin:2px 4px}:host .collapse{margin-left:6px;font-size:12px}:host .action-area{text-align:left}:host .search-area{text-align:right}:host ::ng-deep .main-table{position:absolute;top:0;left:0;right:0;bottom:0}:host ::ng-deep .main-table .ant-spin-nested-loading{height:100%}:host ::ng-deep .main-table .ant-spin-container{height:100%}:host ::ng-deep .ant-table-tbody>tr.selected>td{background-color:#cfe1d0}:host ::ng-deep .ant-table-tbody>tr>td>img{display:block;width:40%;margin:0 auto}:host ::ng-deep .ant-table-body{-ms-overflow-style:none;overflow:-moz-scrollbars-none}:host ::ng-deep .ant-table-body::-webkit-scrollbar,:host ::ng-deep .ant-table-header::-webkit-scrollbar{width:6px!important;height:6px!important}:host ::ng-deep .ant-table-body::-webkit-scrollbar-track,:host ::ng-deep .ant-table-header::-webkit-scrollbar-track{width:6px!important;cursor:pointer}:host ::ng-deep .ant-table-body::-webkit-scrollbar-thumb,:host ::ng-deep .ant-table-header::-webkit-scrollbar-thumb{background:#1890ff;border-radius:3px;cursor:pointer}:host ::ng-deep .ant-table-bordered .ant-table-thead>tr>th{border-right:1px solid #ddd}:host ::ng-deep .ant-table-header{-ms-overflow-style:none;overflow:-moz-scrollbars-none;margin-bottom:-5px!important}:host ::ng-deep .ant-table-placeholder{border-bottom:none!important;border-top:none!important}:host .tabel-colunmn{display:block;width:160px;height:300px;background:#fff;border:1px solid #ddd;padding:10px;border-radius:5px;overflow-x:hidden;overflow-y:auto;position:relative}:host .tabel-colunmn-header{position:fixed;top:0;left:0;right:0;height:30px;z-index:999;line-height:30px;border-bottom:1px solid #ddd;text-align:left;font-size:13px;padding-left:10px}:host .t-tr{background:#fff}:host .t-tr:nth-child(odd){background:#f8f9fa}:host ::ng-deep .ant-table-thead>tr>th{background:#e7ebef!important;border-radius:0;word-break:break-all;white-space:pre-wrap}:host ::ng-deep .ant-table-tbody>tr>td{word-break:break-all;white-space:pre-wrap}:host ::ng-deep .ant-table-header{background:#e7ebef!important}:host td{font-size:.65rem}:host .resize-trigger{height:100%}:host .nz-resizable-preview{border-width:0;border-right-width:1px}:host ::ng-deep .ant-table-thead>tr>th .ant-table-header-column .ant-table-column-sorters>:not(.ant-table-column-sorter){position:unset}:host ::ng-deep .ant-table-tbody>tr>td{padding:5px}:host ::ng-deep .ant-table{line-height:15px}:host ::ng-deep .ant-table-middle .ant-table-footer,:host .ant-table-middle .ant-table-tbody>tr>td,:host .ant-table-middle .ant-table-thead>tr>th,:host .ant-table-middle .ant-table-title{padding:5px}:host ::ng-deep .ant-table-tbody>tr>td>img{width:35px}:host ::ng-deep .ant-modal-body{padding:10px}:host ::ng-deep .ant-table.ant-table-bordered tbody>tr>td{font-size:13px}:host ::ng-deep th{z-index:80!important}:host .left-zindex-header{z-index:90!important}:host .left-zindex{z-index:80!important}:host ::ng-deep input,:host ::ng-deep .ant-select-single:not(.ant-select-customize-input) .ant-select-selector,:host ::ng-deep .ant-picker{border-radius:5px}:host .border-text{width:100%;height:36px;line-height:36px;display:flex}:host .border-text .border-text-line{display:inline-block;border-top:1px solid #cccccc;margin-top:18px}:host .border-text .border-text-line-left{width:10px;border-left:1px solid #cccccc}:host .border-text .border-text-line-right{flex:1;border-right:1px solid #cccccc}:host .border-text .border-text-span{margin-left:5px;margin-right:5px}:host .label-title{position:absolute;display:block;top:-7px;left:10px;background-color:#fff;color:#000;font-weight:600;font-size:12px;line-height:12px}: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:sticky!important}\n"], components: [{ type: i6.NzFormItemComponent, selector: "nz-form-item", exportAs: ["nzFormItem"] }, { type: i6.NzFormControlComponent, selector: "nz-form-control", inputs: ["nzSuccessTip", "nzWarningTip", "nzErrorTip", "nzValidatingTip", "nzExtra", "nzAutoTips", "nzDisableAutoTips", "nzHasFeedback", "nzValidateStatus"], exportAs: ["nzFormControl"] }, { type: i2$1.NzInputGroupComponent, selector: "nz-input-group", inputs: ["nzAddOnBeforeIcon", "nzAddOnAfterIcon", "nzPrefixIcon", "nzSuffixIcon", "nzAddOnBefore", "nzAddOnAfter", "nzPrefix", "nzStatus", "nzSuffix", "nzSize", "nzSearch", "nzCompact"], exportAs: ["nzInputGroup"] }, { type: i3.NzSelectComponent, selector: "nz-select", inputs: ["nzId", "nzSize", "nzStatus", "nzOptionHeightPx", "nzOptionOverflowSize", "nzDropdownClassName", "nzDropdownMatchSelectWidth", "nzDropdownStyle", "nzNotFoundContent", "nzPlaceHolder", "nzMaxTagCount", "nzDropdownRender", "nzCustomTemplate", "nzSuffixIcon", "nzClearIcon", "nzRemoveIcon", "nzMenuItemSelectedIcon", "nzTokenSeparators", "nzMaxTagPlaceholder", "nzMaxMultipleCount", "nzMode", "nzFilterOption", "compareWith", "nzAllowClear", "nzBorderless", "nzShowSearch", "nzLoading", "nzAutoFocus", "nzAutoClearSearchValue", "nzServerSearch", "nzDisabled", "nzOpen", "nzBackdrop", "nzOptions", "nzShowArrow"], outputs: ["nzOnSearch", "nzScrollToBottom", "nzOpenChange", "nzBlur", "nzFocus"], exportAs: ["nzSelect"] }, { type: i3.NzOptionComponent, selector: "nz-option", inputs: ["nzLabel", "nzValue", "nzDisabled", "nzHide", "nzCustomContent"], exportAs: ["nzOption"] }, { type: i4.NzCascaderComponent, selector: "nz-cascader, [nz-cascader]", inputs: ["nzOptionRender", "nzShowInput", "nzShowArrow", "nzAllowClear", "nzAutoFocus", "nzChangeOnSelect", "nzDisabled", "nzColumnClassName", "nzExpandTrigger", "nzValueProperty", "nzLabelRender", "nzLabelProperty", "nzNotFoundContent", "nzSize", "nzBackdrop", "nzShowSearch", "nzPlaceHolder", "nzMenuClassName", "nzMenuStyle", "nzMouseEnterDelay", "nzMouseLeaveDelay", "nzStatus", "nzTriggerAction", "nzChangeOn", "nzLoadData", "nzSuffixIcon", "nzExpandIcon", "nzOptions"], outputs: ["nzVisibleChange", "nzSelectionChange", "nzSelect", "nzClear"], exportAs: ["nzCascader"] }, { type: i5.NzTreeSelectComponent, selector: "nz-tree-select", inputs: ["nzId", "nzAllowClear", "nzShowExpand", "nzShowLine", "nzDropdownMatchSelectWidth", "nzCheckable", "nzHideUnMatched", "nzShowIcon", "nzShowSearch", "nzDisabled", "nzAsyncData", "nzMultiple", "nzDefaultExpandAll", "nzCheckStrictly", "nzVirtualItemSize", "nzVirtualMaxBufferPx", "nzVirtualMinBufferPx", "nzVirtualHeight", "nzExpandedIcon", "nzNotFoundContent", "nzNodes", "nzOpen", "nzSize", "nzPlaceHolder", "nzDropdownStyle", "nzDropdownClassName", "nzBackdrop", "nzStatus", "nzExpandedKeys", "nzDisplayWith", "nzMaxTagCount", "nzMaxTagPlaceholder", "nzTreeTemplate"], outputs: ["nzOpenChange", "nzCleared", "nzRemoved", "nzExpandChange", "nzTreeClick", "nzTreeCheckBoxChange"], exportAs: ["nzTreeSelect"] }, { type: i6$1.NzDatePickerComponent, selector: "nz-date-picker,nz-week-picker,nz-month-picker,nz-year-picker,nz-range-picker", inputs: ["nzAllowClear", "nzAutoFocus", "nzDisabled", "nzBorderless", "nzInputReadOnly", "nzInline", "nzOpen", "nzDisabledDate", "nzLocale", "nzPlaceHolder", "nzPopupStyle", "nzDropdownClassName", "nzSize", "nzStatus", "nzFormat", "nzDateRender", "nzDisabledTime", "nzRenderExtraFooter", "nzShowToday", "nzMode", "nzShowNow", "nzRanges", "nzDefaultPickerValue", "nzSeparator", "nzSuffixIcon", "nzBackdrop", "nzId", "nzPlacement", "nzShowTime"], outputs: ["nzOnPanelChange", "nzOnCalendarChange", "nzOnOk", "nzOnOpenChange"], exportAs: ["nzDatePicker"] }], directives: [{ type: i7.NzRowDirective, selector: "[nz-row],nz-row,nz-form-item", inputs: ["nzAlign", "nzJustify", "nzGutter"], exportAs: ["nzRow"] }, { type: i7.NzColDirective, selector: "[nz-col],nz-col,nz-form-control,nz-form-label", inputs: ["nzFlex", "nzSpan", "nzOrder", "nzOffset", "nzPush", "nzPull", "nzXs", "nzSm", "nzMd", "nzLg", "nzXl", "nzXXl"], exportAs: ["nzCol"] }, { type: i10.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i10.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i9.ɵNzTransitionPatchDirective, selector: "[nz-button], nz-button-group, [nz-icon], [nz-menu-item], [nz-submenu], nz-select-top-control, nz-select-placeholder, nz-input-group", inputs: ["hidden"] }, { type: i2$1.NzInputGroupWhitSuffixOrPrefixDirective, selector: "nz-input-group[nzSuffix], nz-input-group[nzPrefix]" }, { type: i2$1.NzInputDirective, selector: "input[nz-input],textarea[nz-input]", inputs: ["nzBorderless", "nzSize", "nzStatus", "disabled"], exportAs: ["nzInput"] }, { type: i3$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i3$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i3$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i10.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i10.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i8.NzIconDirective, selector: "[nz-icon]", inputs: ["nzSpin", "nzRotate", "nzType", "nzTheme", "nzTwotoneColor", "nzIconfont"], exportAs: ["nzIcon"] }, { type: i6$1.NzRangePickerComponent, selector: "nz-range-picker", exportAs: ["nzRangePicker"] }, { type: i6$1.NzMonthPickerComponent, selector: "nz-month-picker", exportAs: ["nzMonthPicker"] }], pipes: { "isNotEmpty": IsNotEmptyPipe } });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: TableFormItemComponent, decorators: [{
             type: Component,
             args: [{ selector: 'app-table-form-item', providers: [
@@ -2046,7 +2270,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
                             useExisting: forwardRef(() => TableFormItemComponent),
                             multi: true
                         }
-                    ], 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\n        nz-input\n        placeholder=\"{{header.name}}\"\n        [attr.id]=\"header.key\"\n        [(ngModel)]=\"value\"\n        (ngModelChange)=\"onChange($event)\"\n      />\n\n    </nz-input-group>\n\n    <nz-select *ngSwitchCase=\"'select'\"\n               [nzAllowClear]=\"!header.disableClear\"\n               nzPlaceHolder=\"{{header.name}}\"\n               nzAllowClear=\"true\"\n               nzServerSearch\n               [(ngModel)]=\"value\"\n               (ngModelChange)=\"onChange($event)\"\n    >\n      <nz-option *ngFor=\"let o of dictList\" [nzLabel]=\"o.typeName\"\n                 [nzValue]=\"o.id\"></nz-option>\n    </nz-select>\n    <nz-select *ngSwitchCase=\"'selectCus'\"\n               [nzAllowClear]=\"!header.disableClear\"\n               nzPlaceHolder=\"{{header.name}}\"\n               nzAllowClear=\"true\"\n               [nzShowSearch]=\"true\"\n               [(ngModel)]=\"value\"\n               (ngModelChange)=\"onChange($event)\"\n    >\n      <nz-option *ngFor=\"let o of header.dictList\" nzCustomContent [nzLabel]=\"o.label\"\n                 [nzValue]=\"o.value\">\n        <i class=\"select-icon\" *ngIf=\"header.icon?.isShow\" nz-icon [nzType]=\"header.icon.icon\"\n           nzTheme=\"outline\" style=\"margin-right: 1rem;\"\n           (click)=\"clickIcon(o.value,header,$event)\"></i>\n        {{o.label}}\n      </nz-option>\n\n    </nz-select>\n    <nz-cascader\n      *ngSwitchCase=\"'cascader'\"\n      (ngModelChange)=\"onChange($event)\"\n      style=\"flex: 1\" [nzAllowClear]=\"!header.disableClear\"\n      nzPlaceHolder=\"{{header.name}}\"\n      [nzShowSearch]=\"true\"\n      [nzOptions]=\"header.dictList\"\n      [(ngModel)]=\"value\"\n    ></nz-cascader>\n    <nz-tree-select\n      *ngSwitchCase=\"'treeSelect'\"\n      (ngModelChange)=\"onChange($event)\"\n      [nzAllowClear]=\"!header.disableClear\"\n      [nzNodes]=\"header.treeList\"\n      nzShowSearch=\"true\"\n      nzHideUnMatched=\"true\"\n      nzPlaceHolder=\"{{header.name}}\"\n      [nzShowSearch]=\"true\"\n      [(ngModel)]=\"value\"\n      [nzMultiple]=\"header.selectUrl.isMultiple\"\n      [nzMaxTagCount]=\"header.maxTagCount || 3\"\n    >\n    </nz-tree-select>\n    <nz-range-picker\n      *ngSwitchCase=\"'dateRange'\"\n      [nzShowTime]=\"header.nzShowTime ? header.nzShowTime : false\"\n      (ngModelChange)=\"onChange($event)\"\n\n      [nzFormat]=\"header.nzShowTime && header.nzShowTime.nzFormat ?\n      ('yyyy-MM-dd '+ header.nzShowTime.nzFormat) : 'yyyy-MM-dd HH:mm:ss'\"\n\n      [nzShowNow]=\"header.nzShowTime && header.nzShowNow \"\n      [(ngModel)]=\"value\"\n      style=\"width: 100%;\"\n      nzAllowClear=\"true\"\n      [nzPlaceHolder]=\"[header.name+'\u5F00\u59CB\u65F6\u95F4','\u7ED3\u675F\u65F6\u95F4']\"\n      [nzDefaultPickerValue]=\"header.defaultVal\"></nz-range-picker>\n    <ng-container *ngSwitchCase=\"'sdate'\">\n      <nz-date-picker style=\"width: 100%\" [nzFormat]=\"'yyyy-MM-dd'\"\n                      (ngModelChange)=\"onChange($event)\"\n                      [(ngModel)]=\"value\"\n                      *ngIf=\"!header.dateMode\"\n                      nzAllowClear=\"true\"></nz-date-picker>\n      <nz-date-picker style=\"width: 100%\"\n                      (ngModelChange)=\"onChange($event)\"\n                      [(ngModel)]=\"value\"\n                      *ngIf=\"header.dateMode\"\n                      [nzMode]=\"header.dateMode\"\n                      nzAllowClear=\"true\"></nz-date-picker>\n    </ng-container>\n    <nz-month-picker\n      *ngSwitchCase=\"'smonth'\"\n      (ngModelChange)=\"onChange($event)\"\n      [(ngModel)]=\"value\"\n      [nzFormat]=\"'yyyy-MM'\"\n      [nzPlaceHolder]=\"[header.name]\"\n      nzAllowClear=\"true\"></nz-month-picker>\n    <span class=\"label-title\">{{header.name}}</span>\n  </nz-form-control>\n</nz-form-item>\n\n<ng-template #inputClearTpl>\n  <i nz-icon class=\"ant-input-clear-icon\" nzTheme=\"fill\" nzType=\"close-circle\"\n     *ngIf=\"!header.disableClear && value|isNotEmpty\" (click)=\"value = null;onChange()\"></i>\n</ng-template>\n", styles: [":host{margin-bottom:5px}:host .label-title{z-index:80}\n", ":host{width:100%;height:100%;display:flex;flex-direction:column}:host ::ng-deep .ant-modal{top:50px;padding:0}:host .ant-advanced-search-form{padding:10px 6px 6px;background:#fbfbfb;border:1px solid #d9d9d9;border-radius:6px;margin-bottom:5px}:host .select-icon:hover{color:#1890ff}:host ::ng-deep .ant-advanced-search-form .ant-form-item{margin-bottom:5px}:host ::ng-deep .ant-table-column-title{font-size:.65rem}:host ::ng-deep .ant-table-tbody>tr.ant-table-row:hover>td{background:#d0eeea}:host ::ng-deep .ant-modal-header,:host ::ng-deep .ant-modal-content{border-radius:4px}:host ::ng-deep .ant-table-tbody>tr.selected:hover>td{background-color:#cfe1d0!important}:host ::ng-deep .ant-table{height:100%}:host ::ng-deep nz-pagination{position:absolute;bottom:0;right:0}:host .search-result-list{padding:1px;border:1px dashed #e9e9e9;border-radius:6px;background-color:#fff;flex:1;text-align:center;position:relative}:host [nz-form-label]{overflow:visible}:host button{margin:2px 4px}:host .collapse{margin-left:6px;font-size:12px}:host .action-area{text-align:left}:host .search-area{text-align:right}:host ::ng-deep .main-table{position:absolute;top:0;left:0;right:0;bottom:0}:host ::ng-deep .main-table .ant-spin-nested-loading{height:100%}:host ::ng-deep .main-table .ant-spin-container{height:100%}:host ::ng-deep .ant-table-tbody>tr.selected>td{background-color:#cfe1d0}:host ::ng-deep .ant-table-tbody>tr>td>img{display:block;width:40%;margin:0 auto}:host ::ng-deep .ant-table-body{-ms-overflow-style:none;overflow:-moz-scrollbars-none}:host ::ng-deep .ant-table-body::-webkit-scrollbar,:host ::ng-deep .ant-table-header::-webkit-scrollbar{width:6px!important;height:6px!important}:host ::ng-deep .ant-table-body::-webkit-scrollbar-track,:host ::ng-deep .ant-table-header::-webkit-scrollbar-track{width:6px!important;cursor:pointer}:host ::ng-deep .ant-table-body::-webkit-scrollbar-thumb,:host ::ng-deep .ant-table-header::-webkit-scrollbar-thumb{background:#1890ff;border-radius:3px;cursor:pointer}:host ::ng-deep .ant-table-bordered .ant-table-thead>tr>th{border-right:1px solid #ddd}:host ::ng-deep .ant-table-header{-ms-overflow-style:none;overflow:-moz-scrollbars-none;margin-bottom:-5px!important}:host ::ng-deep .ant-table-placeholder{border-bottom:none!important;border-top:none!important}:host .tabel-colunmn{display:block;width:160px;height:300px;background:#fff;border:1px solid #ddd;padding:10px;border-radius:5px;overflow-x:hidden;overflow-y:auto;position:relative}:host .tabel-colunmn-header{position:fixed;top:0;left:0;right:0;height:30px;z-index:999;line-height:30px;border-bottom:1px solid #ddd;text-align:left;font-size:13px;padding-left:10px}:host .t-tr{background:#fff}:host .t-tr:nth-child(odd){background:#f8f9fa}:host ::ng-deep .ant-table-thead>tr>th{background:#e7ebef!important;border-radius:0;word-break:break-all;white-space:pre-wrap}:host ::ng-deep .ant-table-tbody>tr>td{word-break:break-all;white-space:pre-wrap}:host ::ng-deep .ant-table-header{background:#e7ebef!important}:host td{font-size:.65rem}:host .resize-trigger{height:100%}:host .nz-resizable-preview{border-width:0;border-right-width:1px}:host ::ng-deep .ant-table-thead>tr>th .ant-table-header-column .ant-table-column-sorters>:not(.ant-table-column-sorter){position:unset}:host ::ng-deep .ant-table-tbody>tr>td{padding:5px}:host ::ng-deep .ant-table{line-height:15px}:host ::ng-deep .ant-table-middle .ant-table-footer,:host .ant-table-middle .ant-table-tbody>tr>td,:host .ant-table-middle .ant-table-thead>tr>th,:host .ant-table-middle .ant-table-title{padding:5px}:host ::ng-deep .ant-table-tbody>tr>td>img{width:35px}:host ::ng-deep .ant-modal-body{padding:10px}:host ::ng-deep .ant-table.ant-table-bordered tbody>tr>td{font-size:13px}:host ::ng-deep th{z-index:80!important}:host .left-zindex-header{z-index:90!important}:host .left-zindex{z-index:80!important}:host ::ng-deep input,:host ::ng-deep .ant-select-single:not(.ant-select-customize-input) .ant-select-selector,:host ::ng-deep .ant-picker{border-radius:5px}:host .border-text{width:100%;height:36px;line-height:36px;display:flex}:host .border-text .border-text-line{display:inline-block;border-top:1px solid #cccccc;margin-top:18px}:host .border-text .border-text-line-left{width:10px;border-left:1px solid #cccccc}:host .border-text .border-text-line-right{flex:1;border-right:1px solid #cccccc}:host .border-text .border-text-span{margin-left:5px;margin-right:5px}:host .label-title{position:absolute;display:block;top:-7px;left:10px;background-color:#fff;color:#000;font-weight:600;font-size:12px;line-height:12px}: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:sticky!important}\n"] }]
+                    ], 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\n        nz-input\n        placeholder=\"{{header.name}}\"\n        [attr.id]=\"header.key\"\n        [(ngModel)]=\"value\"\n        (ngModelChange)=\"onChange($event)\"\n      />\n\n    </nz-input-group>\n\n    <nz-select *ngSwitchCase=\"'select'\"\n               [nzAllowClear]=\"!header.disableClear\"\n               nzPlaceHolder=\"{{header.name}}\"\n               nzAllowClear=\"true\"\n               [nzMode]=\"header.nzMode || 'default'\"\n               nzServerSearch\n               [(ngModel)]=\"value\"\n               (ngModelChange)=\"onChange($event)\"\n    >\n      <nz-option *ngFor=\"let o of dictList\" [nzLabel]=\"o.typeName\"\n                 [nzValue]=\"o.id\"></nz-option>\n    </nz-select>\n    <nz-select *ngSwitchCase=\"'selectCus'\"\n               [nzMode]=\"header.nzMode || 'default'\"\n               [nzAllowClear]=\"!header.disableClear\"\n               nzPlaceHolder=\"{{header.name}}\"\n               nzAllowClear=\"true\"\n               [nzShowSearch]=\"true\"\n               [(ngModel)]=\"value\"\n               (ngModelChange)=\"onChange($event)\"\n    >\n      <nz-option *ngFor=\"let o of header.dictList\" nzCustomContent [nzLabel]=\"o.label\"\n                 [nzValue]=\"o.value\">\n        <i class=\"select-icon\" *ngIf=\"header.icon?.isShow\" nz-icon [nzType]=\"header.icon.icon\"\n           nzTheme=\"outline\" style=\"margin-right: 1rem;\"\n           (click)=\"clickIcon(o.value,header,$event)\"></i>\n        {{o.label}}\n      </nz-option>\n\n    </nz-select>\n    <nz-cascader\n      *ngSwitchCase=\"'cascader'\"\n      (ngModelChange)=\"onChange($event)\"\n      style=\"flex: 1\" [nzAllowClear]=\"!header.disableClear\"\n      nzPlaceHolder=\"{{header.name}}\"\n      [nzShowSearch]=\"true\"\n      [nzOptions]=\"header.dictList\"\n      [(ngModel)]=\"value\"\n    ></nz-cascader>\n    <nz-tree-select\n      *ngSwitchCase=\"'treeSelect'\"\n      (ngModelChange)=\"onChange($event)\"\n      [nzAllowClear]=\"!header.disableClear\"\n      [nzNodes]=\"header.treeList\"\n      nzShowSearch=\"true\"\n      nzHideUnMatched=\"true\"\n      nzPlaceHolder=\"{{header.name}}\"\n      [nzShowSearch]=\"true\"\n      [(ngModel)]=\"value\"\n      [nzMultiple]=\"header.selectUrl.isMultiple\"\n      [nzMaxTagCount]=\"header.maxTagCount || 3\"\n    >\n    </nz-tree-select>\n    <nz-range-picker  *ngSwitchCase=\"'dayRange'\" [(ngModel)]=\"value\" (ngModelChange)=\"onChange($event)\"\n                      [(ngModel)]=\"value\"\n                      style=\"width: 100%;\"\n                      nzAllowClear=\"true\"\n                      [nzPlaceHolder]=\"[header.name+'\u5F00\u59CB\u65F6\u95F4','\u7ED3\u675F\u65F6\u95F4']\"\n                      [nzDefaultPickerValue]=\"header.defaultVal\"\n    ></nz-range-picker>\n    <nz-range-picker\n      *ngSwitchCase=\"'dateRange'\"\n      [nzShowTime]=\"header.nzShowTime ? header.nzShowTime : false\"\n      (ngModelChange)=\"onChange($event)\"\n\n      [nzFormat]=\"header.nzShowTime && header.nzShowTime.nzFormat  ?\n      ('yyyy-MM-dd '+ header.nzShowTime.nzFormat) : 'yyyy-MM-dd HH:mm:ss'\"\n\n      [nzShowNow]=\"header.nzShowTime && header.nzShowNow \"\n      [(ngModel)]=\"value\"\n      style=\"width: 100%;\"\n      nzAllowClear=\"true\"\n      [nzPlaceHolder]=\"[header.name+'\u5F00\u59CB\u65F6\u95F4','\u7ED3\u675F\u65F6\u95F4']\"\n      [nzDefaultPickerValue]=\"header.defaultVal\"></nz-range-picker>\n    <ng-container *ngSwitchCase=\"'sdate'\">\n      <nz-date-picker style=\"width: 100%\" [nzFormat]=\"'yyyy-MM-dd'\"\n                      (ngModelChange)=\"onChange($event)\"\n                      [(ngModel)]=\"value\"\n                      *ngIf=\"!header.dateMode\"\n                      nzAllowClear=\"true\"></nz-date-picker>\n      <nz-date-picker style=\"width: 100%\"\n                      (ngModelChange)=\"onChange($event)\"\n                      [(ngModel)]=\"value\"\n                      *ngIf=\"header.dateMode\"\n                      [nzMode]=\"header.dateMode\"\n                      nzAllowClear=\"true\"></nz-date-picker>\n    </ng-container>\n    <nz-month-picker\n      *ngSwitchCase=\"'smonth'\"\n      (ngModelChange)=\"onChange($event)\"\n      [(ngModel)]=\"value\"\n      [nzFormat]=\"'yyyy-MM'\"\n      [nzPlaceHolder]=\"[header.name]\"\n      nzAllowClear=\"true\"></nz-month-picker>\n    <span class=\"label-title\">{{header.name}}</span>\n  </nz-form-control>\n</nz-form-item>\n\n<ng-template #inputClearTpl>\n  <i nz-icon class=\"ant-input-clear-icon\" nzTheme=\"fill\" nzType=\"close-circle\"\n     *ngIf=\"!header.disableClear && value|isNotEmpty\" (click)=\"value = null;onChange()\"></i>\n</ng-template>\n", styles: [":host{margin-bottom:5px}:host .label-title{z-index:80}\n", ":host{width:100%;height:100%;display:flex;flex-direction:column}:host ::ng-deep .ant-modal{top:50px;padding:0}:host .ant-advanced-search-form{padding:10px 6px 6px;background:#fbfbfb;border:1px solid #d9d9d9;border-radius:6px;margin-bottom:5px}:host .select-icon:hover{color:#1890ff}:host ::ng-deep .ant-advanced-search-form .ant-form-item{margin-bottom:5px}:host ::ng-deep .ant-table-column-title{font-size:.65rem}:host ::ng-deep .ant-table-tbody>tr.ant-table-row:hover>td{background:#d0eeea}:host ::ng-deep .ant-modal-header,:host ::ng-deep .ant-modal-content{border-radius:4px}:host ::ng-deep .ant-table-tbody>tr.selected:hover>td{background-color:#cfe1d0!important}:host ::ng-deep .ant-table{height:100%}:host ::ng-deep nz-pagination{position:absolute;bottom:0;right:0}:host .search-result-list{padding:1px;border:1px dashed #e9e9e9;border-radius:6px;background-color:#fff;flex:1;text-align:center;position:relative}:host [nz-form-label]{overflow:visible}:host button{margin:2px 4px}:host .collapse{margin-left:6px;font-size:12px}:host .action-area{text-align:left}:host .search-area{text-align:right}:host ::ng-deep .main-table{position:absolute;top:0;left:0;right:0;bottom:0}:host ::ng-deep .main-table .ant-spin-nested-loading{height:100%}:host ::ng-deep .main-table .ant-spin-container{height:100%}:host ::ng-deep .ant-table-tbody>tr.selected>td{background-color:#cfe1d0}:host ::ng-deep .ant-table-tbody>tr>td>img{display:block;width:40%;margin:0 auto}:host ::ng-deep .ant-table-body{-ms-overflow-style:none;overflow:-moz-scrollbars-none}:host ::ng-deep .ant-table-body::-webkit-scrollbar,:host ::ng-deep .ant-table-header::-webkit-scrollbar{width:6px!important;height:6px!important}:host ::ng-deep .ant-table-body::-webkit-scrollbar-track,:host ::ng-deep .ant-table-header::-webkit-scrollbar-track{width:6px!important;cursor:pointer}:host ::ng-deep .ant-table-body::-webkit-scrollbar-thumb,:host ::ng-deep .ant-table-header::-webkit-scrollbar-thumb{background:#1890ff;border-radius:3px;cursor:pointer}:host ::ng-deep .ant-table-bordered .ant-table-thead>tr>th{border-right:1px solid #ddd}:host ::ng-deep .ant-table-header{-ms-overflow-style:none;overflow:-moz-scrollbars-none;margin-bottom:-5px!important}:host ::ng-deep .ant-table-placeholder{border-bottom:none!important;border-top:none!important}:host .tabel-colunmn{display:block;width:160px;height:300px;background:#fff;border:1px solid #ddd;padding:10px;border-radius:5px;overflow-x:hidden;overflow-y:auto;position:relative}:host .tabel-colunmn-header{position:fixed;top:0;left:0;right:0;height:30px;z-index:999;line-height:30px;border-bottom:1px solid #ddd;text-align:left;font-size:13px;padding-left:10px}:host .t-tr{background:#fff}:host .t-tr:nth-child(odd){background:#f8f9fa}:host ::ng-deep .ant-table-thead>tr>th{background:#e7ebef!important;border-radius:0;word-break:break-all;white-space:pre-wrap}:host ::ng-deep .ant-table-tbody>tr>td{word-break:break-all;white-space:pre-wrap}:host ::ng-deep .ant-table-header{background:#e7ebef!important}:host td{font-size:.65rem}:host .resize-trigger{height:100%}:host .nz-resizable-preview{border-width:0;border-right-width:1px}:host ::ng-deep .ant-table-thead>tr>th .ant-table-header-column .ant-table-column-sorters>:not(.ant-table-column-sorter){position:unset}:host ::ng-deep .ant-table-tbody>tr>td{padding:5px}:host ::ng-deep .ant-table{line-height:15px}:host ::ng-deep .ant-table-middle .ant-table-footer,:host .ant-table-middle .ant-table-tbody>tr>td,:host .ant-table-middle .ant-table-thead>tr>th,:host .ant-table-middle .ant-table-title{padding:5px}:host ::ng-deep .ant-table-tbody>tr>td>img{width:35px}:host ::ng-deep .ant-modal-body{padding:10px}:host ::ng-deep .ant-table.ant-table-bordered tbody>tr>td{font-size:13px}:host ::ng-deep th{z-index:80!important}:host .left-zindex-header{z-index:90!important}:host .left-zindex{z-index:80!important}:host ::ng-deep input,:host ::ng-deep .ant-select-single:not(.ant-select-customize-input) .ant-select-selector,:host ::ng-deep .ant-picker{border-radius:5px}:host .border-text{width:100%;height:36px;line-height:36px;display:flex}:host .border-text .border-text-line{display:inline-block;border-top:1px solid #cccccc;margin-top:18px}:host .border-text .border-text-line-left{width:10px;border-left:1px solid #cccccc}:host .border-text .border-text-line-right{flex:1;border-right:1px solid #cccccc}:host .border-text .border-text-span{margin-left:5px;margin-right:5px}:host .label-title{position:absolute;display:block;top:-7px;left:10px;background-color:#fff;color:#000;font-weight:600;font-size:12px;line-height:12px}: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:sticky!important}\n"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { header: [{
                 type: Input
             }], value: [{
@@ -2720,6 +2944,13 @@ class AtrTableComponent {
                     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";
+                    let formate = 'yyyy-MM-dd 00:00:00';
+                    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) == "sdate") {
                     params[key] = formatDate(this.atrForm.value[key], 'yyyy-MM-dd 00:00:00', this.locale);
                 }
@@ -3321,6 +3552,90 @@ class QuillEditorComponent {
         const toolbar = quill.getModule('toolbar');
         toolbar.addHandler('image', this.imageHandler.bind(this));
         this.editor = quill;
+        let that = this;
+        quill.on('text-change', function (delta, oldDelta, source) {
+            if (source == 'api') {
+            }
+            else if (source == 'user') {
+                console.log('user');
+                that.uploadImgs([], 0);
+            }
+        });
+    }
+    getBlobByBase64(url, oldUrl) {
+        const c = document.createElement('canvas');
+        console.log(c);
+        const ctx = c.getContext('2d');
+        ctx.stroke();
+        let blob = ToolsUtil.dataURItoBlob(url);
+        blob.name = '.png';
+        let delta = this.editor.getContents();
+        console.log('delta', delta);
+        for (let i = 0; i < delta.ops.length; i++) {
+            if (delta.ops[i].insert.image == oldUrl) {
+                return {
+                    index: i,
+                    blob: blob,
+                    oldUrl: oldUrl
+                };
+            }
+        }
+        return;
+    }
+    uploadImgs(blods, index) {
+        let details = this.editor.getContents();
+        let opt = details.ops[index];
+        if (opt && opt.insert && opt.insert.image) {
+            if (ToolsUtil.isBase64(opt.insert.image)) {
+                blods.push(this.getBlobByBase64(opt.insert.image, opt.insert.image));
+                this.isEndContents(blods, index);
+            }
+            else {
+                let c = document.createElement('canvas');
+                let ctx = c.getContext('2d');
+                let img = new Image();
+                img.src = opt.insert.image;
+                img.setAttribute('crossOrigin', '*');
+                let that = this;
+                img.onload = function () {
+                    c.width = img.width;
+                    c.height = img.height;
+                    ctx.drawImage(img, 0, 0, img.width, img.height);
+                    let url = c.toDataURL();
+                    blods.push(that.getBlobByBase64(url, img.src));
+                    that.isEndContents(blods, index);
+                };
+            }
+        }
+        else {
+            this.isEndContents(blods, index);
+        }
+    }
+    uploadImg(blods) {
+        if (!blods || blods.length <= 0) {
+            return;
+        }
+        this.uploadOssService.uploadOssFiles(blods.map((v) => v.blob)).subscribe((res) => {
+            if (res && res.length > 0) {
+                let delta = this.editor.getContents();
+                for (let i = 0; i < res.length; i++) {
+                    console.log('delta', delta);
+                    delta.filter((opt) => opt && opt.insert && opt.insert.image == blods[i].oldUrl).forEach((opt, index) => {
+                        opt.insert.image = res[i].url;
+                    });
+                }
+                this.editor.setContents(delta, 'api');
+            }
+        });
+    }
+    isEndContents(blods, index) {
+        let details = this.editor.getContents();
+        if (++index != details.ops.length) {
+            this.uploadImgs(blods, index);
+        }
+        else {
+            this.uploadImg(blods);
+        }
     }
     imageHandler() {
         const Imageinput = document.createElement('input');
@@ -4282,6 +4597,7 @@ registerLocaleData(zh);
 // #region your componets & directives
 const COMPONENTS = [QuillEditorComponent, TableFormItemComponent, TableTdComponent, AtrTableComponent, UploadComponent, AtrFormComponent, LocalUploadComponent,
     SelectTreeComponent, VideoComponent, SelectIconsComponent, EchartsComponent, ViewFormComponent];
+const DIRECTIVES = [AtrRoleDirective, AtrErrorImgDirective, HqSpinDirective,];
 //SharedModule
 // 应 包含定义：
 // 应用通用自定义业务组件
@@ -4291,7 +4607,7 @@ class AtrSharedModule {
 }
 AtrSharedModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AtrSharedModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
 AtrSharedModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AtrSharedModule, declarations: [QuillEditorComponent, TableFormItemComponent, TableTdComponent, AtrTableComponent, UploadComponent, AtrFormComponent, LocalUploadComponent,
-        SelectTreeComponent, VideoComponent, SelectIconsComponent, EchartsComponent, ViewFormComponent], imports: [PipeModuleModule,
+        SelectTreeComponent, VideoComponent, SelectIconsComponent, EchartsComponent, ViewFormComponent, AtrRoleDirective, AtrErrorImgDirective, HqSpinDirective], imports: [PipeModuleModule,
         CommonModule,
         FormsModule,
         ReactiveFormsModule,
@@ -4306,7 +4622,7 @@ AtrSharedModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version
         ReactiveFormsModule,
         RouterModule, CusNgZorroAntdModule,
         NzResizableModule, QuillEditorComponent, TableFormItemComponent, TableTdComponent, AtrTableComponent, UploadComponent, AtrFormComponent, LocalUploadComponent,
-        SelectTreeComponent, VideoComponent, SelectIconsComponent, EchartsComponent, ViewFormComponent, PipeModuleModule] });
+        SelectTreeComponent, VideoComponent, SelectIconsComponent, EchartsComponent, ViewFormComponent, PipeModuleModule, AtrRoleDirective, AtrErrorImgDirective, HqSpinDirective] });
 AtrSharedModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AtrSharedModule, providers: SERVICE_PROVIDES, imports: [[
             PipeModuleModule,
             CommonModule,
@@ -4416,6 +4732,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
                     declarations: [
                         // your components
                         ...COMPONENTS,
+                        ...DIRECTIVES
                     ],
                     exports: [
                         DragDropModule,
@@ -4427,7 +4744,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
                         ...THIRDMODULES,
                         // your components
                         ...COMPONENTS,
-                        PipeModuleModule
+                        PipeModuleModule,
+                        ...DIRECTIVES
                     ],
                     providers: SERVICE_PROVIDES
                 }]
@@ -4495,14 +4813,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
                     args: [LOCALE_ID]
                 }] }, { type: i2$3.NzMessageService }]; } });
 
-/*
- * Public API Surface of components
- */
 window.global = window;
 
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { AtrComponentsModule, AtrErrorImgDirective, AtrFormComponent, AtrReuseStrategy, AtrRoleDirective, AtrSharedModule, AtrTableComponent, AuthGuard, BaseInterceptor, BusiService, CusNgZorroAntdModule, DayPipe, DefaultValPipe, DictService, DictsPipe, EchartsComponent, HelloComponent, HelloModule, HqSpinDirective, HttpService, IsEmptyPipe, IsNotEmptyPipe, LocalStorageUtil, LocalUploadComponent, MenuService, OssImgPipe, PipeModuleModule, QuillEditorComponent, SafeComputePipe, SafeHtmlPipe, SelectIconsComponent, SelectTreeComponent, SessionStorageUtil, ShareService, TableFormItemComponent, TableTdComponent, ToolsUtil, UploadComponent, UploadOssService, UserAction, VideoComponent, ViewFormComponent, atr_static_datas, commonDatas, flyIn, scrollScreen, telphoneValidator, transAnimation };
+export { AtrComponentsModule, AtrErrorImgDirective, AtrFormComponent, AtrReuseStrategy, AtrRoleDirective, AtrSharedModule, AtrTableComponent, AuthGuard, BaseInterceptor, BusiService, ChinaNumPipe, CountPipe, CusNgZorroAntdModule, DayPipe, DefaultValPipe, DictService, DictsPipe, EchartsComponent, HelloComponent, HelloModule, HqSpinDirective, HttpService, IsEmptyPipe, IsNotEmptyPipe, LocalStorageUtil, LocalUploadComponent, MenuService, OssImgPipe, OssPipe, OssStaticPipe, PipeModuleModule, QuillEditorComponent, RemoveHtmlPipe, SafeComputePipe, SafeHtmlPipe, SafeUrlPipe, SelectIconsComponent, SelectTreeComponent, SessionStorageUtil, ShareService, TableFormItemComponent, TableTdComponent, ToolsUtil, UploadComponent, UploadOssService, UserAction, VideoComponent, ViewFormComponent, atr_static_datas, commonDatas, flyIn, scrollScreen, telphoneValidator, transAnimation };
 //# sourceMappingURL=atr-components.mjs.map