atr-components 0.2.418 → 0.2.419

package/esm2022/lib/shared/view-form/view-form.component.mjs

@@ -0,0 +1,186 @@
+import { Component, Input, Inject, LOCALE_ID } from '@angular/core';
+import { ToolsUtil } from "../../../core/utils/ToolsUtil";
+import * as i0 from "@angular/core";
+import * as i1 from "../../../core/services/http.service";
+import * as i2 from "@angular/common";
+import * as i3 from "@angular/forms";
+import * as i4 from "ng-zorro-antd/descriptions";
+import * as i5 from "ng-zorro-antd/rate";
+import * as i6 from "ng-zorro-antd/select";
+import * as i7 from "ng-zorro-antd/tree-select";
+import * as i8 from "ng-zorro-antd/image";
+import * as i9 from "ngx-quill";
+import * as i10 from "../video/video.component";
+import * as i11 from "../../../core/pipe/image-pipe.pipe";
+export class ViewFormComponent {
+    set items(items) {
+        this.formOpts = {
+            type: 'view',
+            items: items
+        };
+    }
+    constructor(injector, locale, httpService) {
+        this.injector = injector;
+        this.locale = locale;
+        this.httpService = httpService;
+        this.dicts = {};
+        this.title = '';
+        this.column = { xs: 8, sm: 16, md: 24 };
+    }
+    ngOnInit() {
+        setTimeout(() => {
+            console.log("TEST RIGHT");
+            console.log('atrForm.value', this.atrForm.value);
+            console.log('atrForm.value formOpts', this.formOpts);
+        }, 1150);
+    }
+    isShow(isHidden, operator) {
+        if (isHidden) {
+            return false;
+        }
+        let isShow = false;
+        if (!operator || operator == null || operator == "") {
+            return true;
+        }
+        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('|'))) {
+                        isShow = false;
+                        break;
+                    }
+                }
+            }
+        }
+        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('|'))) {
+                        isShow = true;
+                        break;
+                    }
+                }
+            }
+        }
+        else {
+            let op = operator.split("|");
+            isShow = this.checkIsShowBase(op);
+        }
+        return isShow;
+    }
+    checkIsShowBase(op) {
+        let isShow = false;
+        if (op.length > 1) {
+            let value = this.atrForm.get(op[0]).value;
+            isShow = this.compare(value, op[1], op[2]);
+        }
+        else
+            isShow = false;
+        return isShow;
+    }
+    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;
+        }
+        return isRight;
+    }
+    // getCascaderLabel(value: any, item: any) {
+    //   if(item.showLabel) return item.showLabel;
+    //   let result = this.getCascaderDefultV(item.dictList, value, 0, []);
+    //   // if (item.dictList[0].userObject?.showName) {
+    //   //   return result[result.length - 1] || value;
+    //   // }
+    //   item.showLabel = result.join("/") ;
+    //   return item.showLabel
+    // }
+    getSelectCLabel(value, arr, key = 'key', valueKey = 'value') {
+        if (ToolsUtil.isEmpty(value)) {
+            return '';
+        }
+        let result = arr.filter((item) => {
+            if (ToolsUtil.isArray(value)) {
+                return value.some((v) => item[key] == v);
+            }
+            return value == item[key];
+        });
+        return result && result.length > 0 ? result.map((v) => v[valueKey]).join(",") : result[valueKey];
+    }
+    getSelectLabel(value, arr) {
+        // console.log(value, arr)
+        let result = arr.filter((item) => value == item.key || value == item.id);
+        return result && result.length > 0 ? (result[0].title || result[0].typeName) : value;
+    }
+    getTagLabel(value, key = 'label') {
+        return value ? value.map((v) => v[key]).join() : '';
+    }
+    // getCascaderDefultV(dictList: any, value: any, index: any, result: any) {
+    //   dictList.forEach((v: any) => {
+    //     if (value[index].value == v.value) {
+    //       result.push(v.value)
+    //       if (v.children) {
+    //         this.getCascaderDefultV(v.children, value, index + 1, result)
+    //       }
+    //       return;
+    //     }
+    //   })
+    //   return result;
+    // }
+    getImgs(imgs) {
+        if (!imgs) {
+            return '';
+        }
+        return imgs.split(',');
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: ViewFormComponent, deps: [{ token: i0.Injector }, { token: LOCALE_ID }, { token: i1.HttpService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.4", type: ViewFormComponent, selector: "atr-view-form", inputs: { formOpts: "formOpts", atrForm: "atrForm", dicts: "dicts", title: "title", items: "items" }, ngImport: i0, template: "<nz-descriptions  nzBordered [nzColon]=\"true\" [nzColumn]=\"24\" [nzTitle]=\"title\">\r\n    <ng-container *ngFor=\"let item of formOpts.items\">\r\n        <ng-container *ngIf=\"!item.isHidden\">\r\n          <div class=\"form-title\" *ngIf=\"item.type == 'title'\">\r\n            {{item.label}}\r\n          </div>\r\n            <nz-descriptions-item [nzTitle]=\"item.label\" [ngSwitch]=\"item.type\"\r\n                                  *ngIf=\"isShow(item.isHidden,item.operator)\"\r\n                                  [nzSpan]=\"item.span || 6\">\r\n                <ng-container *ngSwitchCase=\"'radio'\">\r\n                    <ng-container *ngFor=\"let o of item.dictList\">\r\n                        <label  *ngIf=\"o.value == atrForm.value[item.key]\">{{o.label}}</label>\r\n                    </ng-container>\r\n                </ng-container>\r\n                <ng-container *ngSwitchCase=\"'treeSelect'\">\r\n                    <nz-tree-select\r\n                            [nzNodes]=\"item.treeList\"\r\n                            nzShowSearch=\"true\"\r\n                            nzHideUnMatched=\"true\"\r\n                            [(ngModel)]=\"atrForm.value[item.key]\"\r\n                            [nzDisabled]=\"true\"\r\n                    >\r\n                    </nz-tree-select>\r\n                </ng-container>\r\n\r\n                <ng-container *ngSwitchCase=\"'select'\">\r\n                    {{getSelectLabel(atrForm.value[item.key],dicts[item.dictCode])}}\r\n                </ng-container>\r\n                <ng-container *ngSwitchCase=\"'selectCus'\">\r\n                    {{getSelectLabel(atrForm.value[item.key],item.dictList)}}\r\n                </ng-container>\r\n                <ng-container *ngSwitchCase=\"'selectc'\">\r\n                  {{getSelectCLabel(atrForm.value[item.key],item.dictList,'value','label')}}\r\n<!--                    <nz-select-->\r\n<!--                            [nzDisabled]=\"true\"-->\r\n<!--                            [(ngModel)]=\"atrForm.value[item.key]\"-->\r\n<!--                    >-->\r\n<!--                        <nz-option *ngFor=\"let o of item.dictList\" [nzLabel]=\"o.label\"-->\r\n<!--                                   [nzValue]=\"o.value\"></nz-option>-->\r\n<!--                    </nz-select>-->\r\n                </ng-container>\r\n                <ng-container *ngSwitchCase=\"'sceneUser'\">\r\n                    <nz-select\r\n                            [nzDisabled]=\"true\"\r\n                            [(ngModel)]=\"atrForm.value[item.key]\"\r\n                    >\r\n                        <nz-option *ngFor=\"let o of item.dictList\" [nzLabel]=\"o.title\"\r\n                                   [nzValue]=\"o.key\"></nz-option>\r\n                    </nz-select>\r\n                </ng-container>\r\n\r\n                <ng-container *ngSwitchDefault>\r\n                    {{atrForm.value[item.key]}}\r\n                </ng-container>\r\n                <ng-container *ngSwitchCase=\"'date'\">\r\n                    {{atrForm.value[item.key] | date:(item.dateFormat || 'yyyy-MM-dd')}}\r\n                </ng-container>\r\n                <ng-container *ngSwitchCase=\"'dateTime'\">\r\n                    {{atrForm.value[item.key] | date:(item.dateFormat || 'yyyy-MM-dd 00:00:00')}}\r\n                </ng-container>\r\n                <ng-container *ngSwitchCase=\"'cascader'\">\r\n                    <ng-container *ngFor=\"let data of atrForm.value[item.key] ;let i = index\">\r\n                        {{i>0?\"/\":\"\"}}{{data.lable}}\r\n                    </ng-container>\r\n                </ng-container>\r\n                <ng-container *ngSwitchCase=\"'tags'\">\r\n                    {{getTagLabel(atrForm.value[item.key], 'name')}}\r\n                </ng-container>\r\n                <ng-container *ngSwitchCase=\"'image'\">\r\n                    <ng-container *ngFor=\"let img of getImgs(atrForm.value[item.key])\">\r\n                        <div>\r\n                            <img  *ngIf=\"!img.endsWith('.mp4')\" nz-image  style=\"max-width: 200px;max-height: 200px\" [nzSrc]=\"img | ossImg\">\r\n                            <app-video *ngIf=\"img.endsWith('.mp4')\" style=\"max-width: 200px;max-height: 200px\"  [url]=\"img | ossImg\"></app-video>\r\n                        </div>\r\n                    </ng-container>\r\n                </ng-container>\r\n                <ng-container *ngSwitchCase=\"'rate'\">\r\n                    <nz-rate [nzDisabled]=\"true\"\r\n                             [(ngModel)]=\"atrForm.value[item.key]\"></nz-rate>\r\n                </ng-container>\r\n                <ng-container *ngSwitchCase=\"'editor'\">\r\n                    <div>\r\n                        <!-- <app-quill-editor [(ngModel)]=\"atrForm.value[item.key]\" style=\"width: 60%\" [readOnly]=\"true\"\r\n                                          [styles]=\"{height:item.height > 0 ? item.height + 'px' : '250px'}\"></app-quill-editor> -->\r\n                        <quill-view [content]=\"atrForm.value[item.key]\"  style=\"width: 60%\"  theme=\"snow\"></quill-view>\r\n\r\n                    </div>\r\n                </ng-container>\r\n\r\n            </nz-descriptions-item>\r\n        </ng-container>\r\n\r\n    </ng-container>\r\n\r\n</nz-descriptions>\r\n", styles: [":host img{max-width:200px;max-height:200px}:host .form-title{height:50px;line-height:50px;font-weight:500;font-size:20px;border-bottom:1px solid #e8e8e8;border-radius:4px 4px 0 0;margin-bottom:14px;margin-top:11px}:host ::ng-deep .ant-descriptions-header{display:flex;align-items:center;margin-bottom:0;line-height:50px;height:50px;padding-left:10px}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i2.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i2.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i4.NzDescriptionsComponent, selector: "nz-descriptions", inputs: ["nzBordered", "nzLayout", "nzColumn", "nzSize", "nzTitle", "nzExtra", "nzColon"], exportAs: ["nzDescriptions"] }, { kind: "component", type: i4.NzDescriptionsItemComponent, selector: "nz-descriptions-item", inputs: ["nzSpan", "nzTitle"], exportAs: ["nzDescriptionsItem"] }, { kind: "component", type: i5.NzRateComponent, selector: "nz-rate", inputs: ["nzAllowClear", "nzAllowHalf", "nzDisabled", "nzAutoFocus", "nzCharacter", "nzCount", "nzTooltips"], outputs: ["nzOnBlur", "nzOnFocus", "nzOnHoverChange", "nzOnKeyDown"], exportAs: ["nzRate"] }, { kind: "component", type: i6.NzOptionComponent, selector: "nz-option", inputs: ["nzTitle", "nzLabel", "nzValue", "nzKey", "nzDisabled", "nzHide", "nzCustomContent"], exportAs: ["nzOption"] }, { kind: "component", type: i6.NzSelectComponent, selector: "nz-select", inputs: ["nzId", "nzSize", "nzStatus", "nzOptionHeightPx", "nzOptionOverflowSize", "nzDropdownClassName", "nzDropdownMatchSelectWidth", "nzDropdownStyle", "nzNotFoundContent", "nzPlaceHolder", "nzPlacement", "nzMaxTagCount", "nzDropdownRender", "nzCustomTemplate", "nzSuffixIcon", "nzClearIcon", "nzRemoveIcon", "nzMenuItemSelectedIcon", "nzTokenSeparators", "nzMaxTagPlaceholder", "nzMaxMultipleCount", "nzMode", "nzFilterOption", "compareWith", "nzAllowClear", "nzBorderless", "nzShowSearch", "nzLoading", "nzAutoFocus", "nzAutoClearSearchValue", "nzServerSearch", "nzDisabled", "nzOpen", "nzSelectOnTab", "nzBackdrop", "nzOptions", "nzShowArrow"], outputs: ["nzOnSearch", "nzScrollToBottom", "nzOpenChange", "nzBlur", "nzFocus"], exportAs: ["nzSelect"] }, { kind: "component", type: i7.NzTreeSelectComponent, selector: "nz-tree-select", inputs: ["nzId", "nzAllowClear", "nzShowExpand", "nzShowLine", "nzDropdownMatchSelectWidth", "nzCheckable", "nzHideUnMatched", "nzShowIcon", "nzShowSearch", "nzDisabled", "nzAsyncData", "nzMultiple", "nzDefaultExpandAll", "nzCheckStrictly", "nzVirtualItemSize", "nzVirtualMaxBufferPx", "nzVirtualMinBufferPx", "nzVirtualHeight", "nzExpandedIcon", "nzNotFoundContent", "nzNodes", "nzOpen", "nzSize", "nzPlaceHolder", "nzDropdownStyle", "nzDropdownClassName", "nzBackdrop", "nzStatus", "nzPlacement", "nzExpandedKeys", "nzDisplayWith", "nzMaxTagCount", "nzMaxTagPlaceholder", "nzTreeTemplate"], outputs: ["nzOpenChange", "nzCleared", "nzRemoved", "nzExpandChange", "nzTreeClick", "nzTreeCheckBoxChange"], exportAs: ["nzTreeSelect"] }, { kind: "directive", type: i8.NzImageDirective, selector: "img[nz-image]", inputs: ["nzSrc", "nzSrcset", "nzDisablePreview", "nzFallback", "nzPlaceholder", "nzScaleStep"], exportAs: ["nzImage"] }, { kind: "component", type: i9.QuillViewComponent, selector: "quill-view", inputs: ["format", "theme", "modules", "debug", "formats", "sanitize", "beforeRender", "strict", "content", "customModules", "customOptions"], outputs: ["onEditorCreated"] }, { kind: "component", type: i10.VideoComponent, selector: "app-video", inputs: ["url"] }, { kind: "pipe", type: i11.OssImgPipe, name: "ossImg" }, { kind: "pipe", type: i2.DatePipe, name: "date" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: ViewFormComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'atr-view-form', template: "<nz-descriptions  nzBordered [nzColon]=\"true\" [nzColumn]=\"24\" [nzTitle]=\"title\">\r\n    <ng-container *ngFor=\"let item of formOpts.items\">\r\n        <ng-container *ngIf=\"!item.isHidden\">\r\n          <div class=\"form-title\" *ngIf=\"item.type == 'title'\">\r\n            {{item.label}}\r\n          </div>\r\n            <nz-descriptions-item [nzTitle]=\"item.label\" [ngSwitch]=\"item.type\"\r\n                                  *ngIf=\"isShow(item.isHidden,item.operator)\"\r\n                                  [nzSpan]=\"item.span || 6\">\r\n                <ng-container *ngSwitchCase=\"'radio'\">\r\n                    <ng-container *ngFor=\"let o of item.dictList\">\r\n                        <label  *ngIf=\"o.value == atrForm.value[item.key]\">{{o.label}}</label>\r\n                    </ng-container>\r\n                </ng-container>\r\n                <ng-container *ngSwitchCase=\"'treeSelect'\">\r\n                    <nz-tree-select\r\n                            [nzNodes]=\"item.treeList\"\r\n                            nzShowSearch=\"true\"\r\n                            nzHideUnMatched=\"true\"\r\n                            [(ngModel)]=\"atrForm.value[item.key]\"\r\n                            [nzDisabled]=\"true\"\r\n                    >\r\n                    </nz-tree-select>\r\n                </ng-container>\r\n\r\n                <ng-container *ngSwitchCase=\"'select'\">\r\n                    {{getSelectLabel(atrForm.value[item.key],dicts[item.dictCode])}}\r\n                </ng-container>\r\n                <ng-container *ngSwitchCase=\"'selectCus'\">\r\n                    {{getSelectLabel(atrForm.value[item.key],item.dictList)}}\r\n                </ng-container>\r\n                <ng-container *ngSwitchCase=\"'selectc'\">\r\n                  {{getSelectCLabel(atrForm.value[item.key],item.dictList,'value','label')}}\r\n<!--                    <nz-select-->\r\n<!--                            [nzDisabled]=\"true\"-->\r\n<!--                            [(ngModel)]=\"atrForm.value[item.key]\"-->\r\n<!--                    >-->\r\n<!--                        <nz-option *ngFor=\"let o of item.dictList\" [nzLabel]=\"o.label\"-->\r\n<!--                                   [nzValue]=\"o.value\"></nz-option>-->\r\n<!--                    </nz-select>-->\r\n                </ng-container>\r\n                <ng-container *ngSwitchCase=\"'sceneUser'\">\r\n                    <nz-select\r\n                            [nzDisabled]=\"true\"\r\n                            [(ngModel)]=\"atrForm.value[item.key]\"\r\n                    >\r\n                        <nz-option *ngFor=\"let o of item.dictList\" [nzLabel]=\"o.title\"\r\n                                   [nzValue]=\"o.key\"></nz-option>\r\n                    </nz-select>\r\n                </ng-container>\r\n\r\n                <ng-container *ngSwitchDefault>\r\n                    {{atrForm.value[item.key]}}\r\n                </ng-container>\r\n                <ng-container *ngSwitchCase=\"'date'\">\r\n                    {{atrForm.value[item.key] | date:(item.dateFormat || 'yyyy-MM-dd')}}\r\n                </ng-container>\r\n                <ng-container *ngSwitchCase=\"'dateTime'\">\r\n                    {{atrForm.value[item.key] | date:(item.dateFormat || 'yyyy-MM-dd 00:00:00')}}\r\n                </ng-container>\r\n                <ng-container *ngSwitchCase=\"'cascader'\">\r\n                    <ng-container *ngFor=\"let data of atrForm.value[item.key] ;let i = index\">\r\n                        {{i>0?\"/\":\"\"}}{{data.lable}}\r\n                    </ng-container>\r\n                </ng-container>\r\n                <ng-container *ngSwitchCase=\"'tags'\">\r\n                    {{getTagLabel(atrForm.value[item.key], 'name')}}\r\n                </ng-container>\r\n                <ng-container *ngSwitchCase=\"'image'\">\r\n                    <ng-container *ngFor=\"let img of getImgs(atrForm.value[item.key])\">\r\n                        <div>\r\n                            <img  *ngIf=\"!img.endsWith('.mp4')\" nz-image  style=\"max-width: 200px;max-height: 200px\" [nzSrc]=\"img | ossImg\">\r\n                            <app-video *ngIf=\"img.endsWith('.mp4')\" style=\"max-width: 200px;max-height: 200px\"  [url]=\"img | ossImg\"></app-video>\r\n                        </div>\r\n                    </ng-container>\r\n                </ng-container>\r\n                <ng-container *ngSwitchCase=\"'rate'\">\r\n                    <nz-rate [nzDisabled]=\"true\"\r\n                             [(ngModel)]=\"atrForm.value[item.key]\"></nz-rate>\r\n                </ng-container>\r\n                <ng-container *ngSwitchCase=\"'editor'\">\r\n                    <div>\r\n                        <!-- <app-quill-editor [(ngModel)]=\"atrForm.value[item.key]\" style=\"width: 60%\" [readOnly]=\"true\"\r\n                                          [styles]=\"{height:item.height > 0 ? item.height + 'px' : '250px'}\"></app-quill-editor> -->\r\n                        <quill-view [content]=\"atrForm.value[item.key]\"  style=\"width: 60%\"  theme=\"snow\"></quill-view>\r\n\r\n                    </div>\r\n                </ng-container>\r\n\r\n            </nz-descriptions-item>\r\n        </ng-container>\r\n\r\n    </ng-container>\r\n\r\n</nz-descriptions>\r\n", styles: [":host img{max-width:200px;max-height:200px}:host .form-title{height:50px;line-height:50px;font-weight:500;font-size:20px;border-bottom:1px solid #e8e8e8;border-radius:4px 4px 0 0;margin-bottom:14px;margin-top:11px}:host ::ng-deep .ant-descriptions-header{display:flex;align-items:center;margin-bottom:0;line-height:50px;height:50px;padding-left:10px}\n"] }]
+        }], ctorParameters: () => [{ type: i0.Injector }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [LOCALE_ID]
+                }] }, { type: i1.HttpService }], propDecorators: { formOpts: [{
+                type: Input
+            }], atrForm: [{
+                type: Input
+            }], dicts: [{
+                type: Input
+            }], title: [{
+                type: Input
+            }], items: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmlldy1mb3JtLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudHMvc3JjL2xpYi9zaGFyZWQvdmlldy1mb3JtL3ZpZXctZm9ybS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnRzL3NyYy9saWIvc2hhcmVkL3ZpZXctZm9ybS92aWV3LWZvcm0uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFNBQVMsRUFBVSxLQUFLLEVBQVksTUFBTSxFQUFFLFNBQVMsRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUlwRixPQUFPLEVBQUMsU0FBUyxFQUFDLE1BQU0sK0JBQStCLENBQUM7Ozs7Ozs7Ozs7Ozs7QUFPeEQsTUFBTSxPQUFPLGlCQUFpQjtJQU01QixJQUFhLEtBQUssQ0FBQyxLQUFVO1FBQzNCLElBQUksQ0FBQyxRQUFRLEdBQUc7WUFDZCxJQUFJLEVBQUUsTUFBTTtZQUNaLEtBQUssRUFBRSxLQUFLO1NBQ2IsQ0FBQztJQUNKLENBQUM7SUFJRCxZQUFzQixRQUFrQixFQUE2QixNQUFjLEVBQVUsV0FBd0I7UUFBL0YsYUFBUSxHQUFSLFFBQVEsQ0FBVTtRQUE2QixXQUFNLEdBQU4sTUFBTSxDQUFRO1FBQVUsZ0JBQVcsR0FBWCxXQUFXLENBQWE7UUFaNUcsVUFBSyxHQUFRLEVBQUUsQ0FBQztRQUNoQixVQUFLLEdBQVEsRUFBRSxDQUFDO1FBU3pCLFdBQU0sR0FBUSxFQUFDLEVBQUUsRUFBRSxDQUFDLEVBQUUsRUFBRSxFQUFFLEVBQUUsRUFBRSxFQUFFLEVBQUUsRUFBRSxFQUFDLENBQUE7SUFHckMsQ0FBQztJQUVELFFBQVE7UUFDTixVQUFVLENBQUMsR0FBRyxFQUFFO1lBQ2QsT0FBTyxDQUFDLEdBQUcsQ0FBQyxZQUFZLENBQUMsQ0FBQTtZQUN6QixPQUFPLENBQUMsR0FBRyxDQUFDLGVBQWUsRUFBRSxJQUFJLENBQUMsT0FBTyxDQUFDLEtBQUssQ0FBQyxDQUFBO1lBQ2hELE9BQU8sQ0FBQyxHQUFHLENBQUMsd0JBQXdCLEVBQUUsSUFBSSxDQUFDLFFBQVEsQ0FBQyxDQUFBO1FBQ3RELENBQUMsRUFBRSxJQUFJLENBQUMsQ0FBQTtJQUNWLENBQUM7SUFFRCxNQUFNLENBQUMsUUFBYSxFQUFFLFFBQWE7UUFDakMsSUFBSSxRQUFRLEVBQUU7WUFDWixPQUFPLEtBQUssQ0FBQztTQUNkO1FBQ0QsSUFBSSxNQUFNLEdBQUcsS0FBSyxDQUFDO1FBQ25CLElBQUksQ0FBQyxRQUFRLElBQUksUUFBUSxJQUFJLElBQUksSUFBSSxRQUFRLElBQUksRUFBRSxFQUFFO1lBQ25ELE9BQU8sSUFBSSxDQUFDO1NBQ2I7YUFBTSxJQUFJLFFBQVEsQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxFQUFFO1lBQ3JDLGtCQUFrQjtZQUNsQixNQUFNLEdBQUcsR0FBRyxRQUFRLENBQUMsS0FBSyxDQUFDLElBQUksQ0FBQyxDQUFDO1lBQ2pDLElBQUksR0FBRyxDQUFDLE1BQU0sR0FBRyxDQUFDLEVBQUU7Z0JBQ2xCLHlDQUF5QztnQkFDekMsS0FBSyxJQUFJLENBQUMsR0FBRyxDQUFDLEVBQUUsQ0FBQyxHQUFHLEdBQUcsQ0FBQyxNQUFNLEVBQUUsQ0FBQyxFQUFFLEVBQUU7b0JBQ25DLE1BQU0sR0FBRyxJQUFJLENBQUE7b0JBQ2IsSUFBSSxDQUFDLElBQUksQ0FBQyxlQUFlLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQyxHQUFHLENBQUMsQ0FBQyxFQUFFO3dCQUM1QyxNQUFNLEdBQUcsS0FBSyxDQUFDO3dCQUNmLE1BQU07cUJBQ1A7aUJBQ0Y7YUFDRjtTQUNGO2FBQU0sSUFBSSxRQUFRLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsRUFBRTtZQUNyQyxpQkFBaUI7WUFDakIsTUFBTSxHQUFHLEdBQUcsUUFBUSxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsQ0FBQztZQUNqQyxJQUFJLEdBQUcsQ0FBQyxNQUFNLEdBQUcsQ0FBQyxFQUFFO2dCQUNsQixLQUFLLElBQUksQ0FBQyxHQUFHLENBQUMsRUFBRSxDQUFDLEdBQUcsR0FBRyxDQUFDLE1BQU0sRUFBRSxDQUFDLEVBQUUsRUFBRTtvQkFDbkMsTUFBTSxHQUFHLEtBQUssQ0FBQztvQkFDZixJQUFJLElBQUksQ0FBQyxlQUFlLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQyxHQUFHLENBQUMsQ0FBQyxFQUFFO3dCQUMzQyxNQUFNLEdBQUcsSUFBSSxDQUFDO3dCQUNkLE1BQU07cUJBQ1A7aUJBQ0Y7YUFDRjtTQUNGO2FBQU07WUFDTCxJQUFJLEVBQUUsR0FBRyxRQUFRLENBQUMsS0FBSyxDQUFDLEdBQUcsQ0FBQyxDQUFDO1lBQzdCLE1BQU0sR0FBRyxJQUFJLENBQUMsZUFBZSxDQUFDLEVBQUUsQ0FBQyxDQUFDO1NBQ25DO1FBQ0QsT0FBTyxNQUFNLENBQUM7SUFDaEIsQ0FBQztJQUVELGVBQWUsQ0FBQyxFQUFPO1FBQ3JCLElBQUksTUFBTSxHQUFHLEtBQUssQ0FBQztRQUNuQixJQUFJLEVBQUUsQ0FBQyxNQUFNLEdBQUcsQ0FBQyxFQUFFO1lBQ2pCLElBQUksS0FBSyxHQUFHLElBQUksQ0FBQyxPQUFPLENBQUMsR0FBRyxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQztZQUMxQyxNQUFNLEdBQUcsSUFBSSxDQUFDLE9BQU8sQ0FBQyxLQUFLLEVBQUUsRUFBRSxDQUFDLENBQUMsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFBO1NBQzNDOztZQUNDLE1BQU0sR0FBRyxLQUFLLENBQUM7UUFFakIsT0FBTyxNQUFNLENBQUM7SUFDaEIsQ0FBQztJQUVELE9BQU8sQ0FBQyxLQUFVLEVBQUUsUUFBYSxFQUFFLE1BQVc7UUFDNUMsSUFBSSxPQUFPLEdBQUcsS0FBSyxDQUFDO1FBQ3BCLFFBQVEsUUFBUSxFQUFFO1lBQ2hCLEtBQUssSUFBSTtnQkFDUCxJQUFJLEtBQUssSUFBSSxNQUFNLEVBQUU7b0JBQ25CLE9BQU8sR0FBRyxJQUFJLENBQUM7aUJBQ2hCO2dCQUNELE1BQU07WUFDUixLQUFLLElBQUk7Z0JBQ1AsSUFBSSxLQUFLLElBQUksTUFBTSxFQUFFO29CQUNuQixPQUFPLEdBQUcsSUFBSSxDQUFDO2lCQUNoQjtnQkFDRCxNQUFNO1lBQ1IsS0FBSyxVQUFVO2dCQUNiLE9BQU8sR0FBRyxLQUFLLENBQUM7Z0JBQ2hCLElBQUksS0FBSyxFQUFFO29CQUNULE9BQU8sR0FBRyxJQUFJLENBQUM7aUJBQ2hCO2dCQUNELE1BQU07WUFDUixLQUFLLE9BQU87Z0JBQ1YsT0FBTyxHQUFHLEtBQUssQ0FBQztnQkFDaEIsSUFBSSxDQUFDLEtBQUssRUFBRTtvQkFDVixPQUFPLEdBQUcsSUFBSSxDQUFDO2lCQUNoQjtnQkFDRCxNQUFNO1lBQ1I7Z0JBQ0UsT0FBTyxHQUFHLEtBQUssQ0FBQztnQkFDaEIsTUFBTTtTQUNUO1FBQ0QsT0FBTyxPQUFPLENBQUM7SUFDakIsQ0FBQztJQUVELDRDQUE0QztJQUM1Qyw4Q0FBOEM7SUFDOUMsdUVBQXVFO0lBQ3ZFLG9EQUFvRDtJQUNwRCxvREFBb0Q7SUFDcEQsU0FBUztJQUNULHdDQUF3QztJQUN4QywwQkFBMEI7SUFDMUIsSUFBSTtJQUVKLGVBQWUsQ0FBQyxLQUFVLEVBQUUsR0FBUSxFQUFFLEdBQUcsR0FBRyxLQUFLLEVBQUUsUUFBUSxHQUFHLE9BQU87UUFDbkUsSUFBSSxTQUFTLENBQUMsT0FBTyxDQUFDLEtBQUssQ0FBQyxFQUFFO1lBQzVCLE9BQU8sRUFBRSxDQUFBO1NBQ1Y7UUFDRCxJQUFJLE1BQU0sR0FBRyxHQUFHLENBQUMsTUFBTSxDQUFDLENBQUMsSUFBUyxFQUFFLEVBQUU7WUFDcEMsSUFBSSxTQUFTLENBQUMsT0FBTyxDQUFDLEtBQUssQ0FBQyxFQUFFO2dCQUM1QixPQUFPLEtBQUssQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFNLEVBQUUsRUFBRSxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQTthQUM5QztZQUNELE9BQU8sS0FBSyxJQUFJLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQTtRQUMzQixDQUFDLENBQUMsQ0FBQTtRQUNGLE9BQU8sTUFBTSxJQUFJLE1BQU0sQ0FBQyxNQUFNLEdBQUcsQ0FBQyxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBTSxFQUFFLEVBQUUsQ0FBQyxDQUFDLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxRQUFRLENBQUMsQ0FBQztJQUN4RyxDQUFDO0lBRUQsY0FBYyxDQUFDLEtBQVUsRUFBRSxHQUFRO1FBQ2pDLDBCQUEwQjtRQUMxQixJQUFJLE1BQU0sR0FBRyxHQUFHLENBQUMsTUFBTSxDQUFDLENBQUMsSUFBUyxFQUFFLEVBQUUsQ0FBQyxLQUFLLElBQUksSUFBSSxDQUFDLEdBQUcsSUFBSSxLQUFLLElBQUksSUFBSSxDQUFDLEVBQUUsQ0FBQyxDQUFBO1FBQzdFLE9BQU8sTUFBTSxJQUFJLE1BQU0sQ0FBQyxNQUFNLEdBQUcsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsQ0FBQyxLQUFLLElBQUksTUFBTSxDQUFDLENBQUMsQ0FBQyxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUM7SUFDdkYsQ0FBQztJQUVELFdBQVcsQ0FBQyxLQUFVLEVBQUUsR0FBRyxHQUFHLE9BQU87UUFDbkMsT0FBTyxLQUFLLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFNLEVBQUUsRUFBRSxDQUFDLENBQUMsQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDLElBQUksRUFBRSxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUE7SUFDMUQsQ0FBQztJQUVELDJFQUEyRTtJQUMzRSxtQ0FBbUM7SUFDbkMsMkNBQTJDO0lBQzNDLDZCQUE2QjtJQUM3QiwwQkFBMEI7SUFDMUIsd0VBQXdFO0lBQ3hFLFVBQVU7SUFDVixnQkFBZ0I7SUFDaEIsUUFBUTtJQUVSLE9BQU87SUFDUCxtQkFBbUI7SUFDbkIsSUFBSTtJQUVKLE9BQU8sQ0FBQyxJQUFTO1FBQ2YsSUFBSSxDQUFDLElBQUksRUFBRTtZQUNULE9BQU8sRUFBRSxDQUFDO1NBQ1g7UUFDRCxPQUFPLElBQUksQ0FBQyxLQUFLLENBQUMsR0FBRyxDQUFDLENBQUE7SUFDeEIsQ0FBQzs4R0FoS1UsaUJBQWlCLDBDQWVzQixTQUFTO2tHQWZoRCxpQkFBaUIsMkpDWDlCLDZ0S0ErRkE7OzJGRHBGYSxpQkFBaUI7a0JBTDdCLFNBQVM7K0JBQ0UsZUFBZTs7MEJBbUJrQixNQUFNOzJCQUFDLFNBQVM7bUVBZGxELFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csT0FBTztzQkFBZixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBRU8sS0FBSztzQkFBakIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q29tcG9uZW50LCBPbkluaXQsIElucHV0LCBJbmplY3RvciwgSW5qZWN0LCBMT0NBTEVfSUR9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBVbnR5cGVkRm9ybUdyb3VwfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XHJcbmltcG9ydCB7QXRyRm9ybU9wdH0gZnJvbSBcIi4uLy4uLy4uL2NvcmUvYmFzZS9hdHItY29tbW9uXCI7XHJcbmltcG9ydCB7SHR0cFNlcnZpY2V9IGZyb20gXCIuLi8uLi8uLi9jb3JlL3NlcnZpY2VzL2h0dHAuc2VydmljZVwiO1xyXG5pbXBvcnQge1Rvb2xzVXRpbH0gZnJvbSBcIi4uLy4uLy4uL2NvcmUvdXRpbHMvVG9vbHNVdGlsXCI7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2F0ci12aWV3LWZvcm0nLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi92aWV3LWZvcm0uY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL3ZpZXctZm9ybS5jb21wb25lbnQubGVzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBWaWV3Rm9ybUNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcbiAgQElucHV0KCkgZm9ybU9wdHM6IEF0ckZvcm1PcHQgfCBhbnk7XHJcbiAgQElucHV0KCkgYXRyRm9ybTogVW50eXBlZEZvcm1Hcm91cCB8IGFueTtcclxuICBASW5wdXQoKSBkaWN0czogYW55ID0ge307XHJcbiAgQElucHV0KCkgdGl0bGU6IGFueSA9ICcnO1xyXG5cclxuICBASW5wdXQoKSBzZXQgaXRlbXMoaXRlbXM6IGFueSkge1xyXG4gICAgdGhpcy5mb3JtT3B0cyA9IHtcclxuICAgICAgdHlwZTogJ3ZpZXcnLFxyXG4gICAgICBpdGVtczogaXRlbXNcclxuICAgIH07XHJcbiAgfVxyXG5cclxuICBjb2x1bW46IGFueSA9IHt4czogOCwgc206IDE2LCBtZDogMjR9XHJcblxyXG4gIGNvbnN0cnVjdG9yKCAgcHJpdmF0ZSBpbmplY3RvcjogSW5qZWN0b3IsIEBJbmplY3QoTE9DQUxFX0lEKSBwcml2YXRlIGxvY2FsZTogc3RyaW5nLCBwcml2YXRlIGh0dHBTZXJ2aWNlOiBIdHRwU2VydmljZSkge1xyXG4gIH1cclxuXHJcbiAgbmdPbkluaXQoKTogdm9pZCB7XHJcbiAgICBzZXRUaW1lb3V0KCgpID0+IHtcclxuICAgICAgY29uc29sZS5sb2coXCJURVNUIFJJR0hUXCIpXHJcbiAgICAgIGNvbnNvbGUubG9nKCdhdHJGb3JtLnZhbHVlJywgdGhpcy5hdHJGb3JtLnZhbHVlKVxyXG4gICAgICBjb25zb2xlLmxvZygnYXRyRm9ybS52YWx1ZSBmb3JtT3B0cycsIHRoaXMuZm9ybU9wdHMpXHJcbiAgICB9LCAxMTUwKVxyXG4gIH1cclxuXHJcbiAgaXNTaG93KGlzSGlkZGVuOiBhbnksIG9wZXJhdG9yOiBhbnkpIHtcclxuICAgIGlmIChpc0hpZGRlbikge1xyXG4gICAgICByZXR1cm4gZmFsc2U7XHJcbiAgICB9XHJcbiAgICBsZXQgaXNTaG93ID0gZmFsc2U7XHJcbiAgICBpZiAoIW9wZXJhdG9yIHx8IG9wZXJhdG9yID09IG51bGwgfHwgb3BlcmF0b3IgPT0gXCJcIikge1xyXG4gICAgICByZXR1cm4gdHJ1ZTtcclxuICAgIH0gZWxzZSBpZiAob3BlcmF0b3IuaW5kZXhPZignJiYnKSA+IDApIHtcclxuICAgICAgLy8gYXxlcXxiICYmY3xlcXxkXHJcbiAgICAgIGNvbnN0IG9wcyA9IG9wZXJhdG9yLnNwbGl0KCcmJicpO1xyXG4gICAgICBpZiAob3BzLmxlbmd0aCA+IDEpIHtcclxuICAgICAgICAvLyB0c2xpbnQ6ZGlzYWJsZS1uZXh0LWxpbmU6cHJlZmVyLWZvci1vZlxyXG4gICAgICAgIGZvciAobGV0IGkgPSAwOyBpIDwgb3BzLmxlbmd0aDsgaSsrKSB7XHJcbiAgICAgICAgICBpc1Nob3cgPSB0cnVlXHJcbiAgICAgICAgICBpZiAoIXRoaXMuY2hlY2tJc1Nob3dCYXNlKG9wc1tpXS5zcGxpdCgnfCcpKSkge1xyXG4gICAgICAgICAgICBpc1Nob3cgPSBmYWxzZTtcclxuICAgICAgICAgICAgYnJlYWs7XHJcbiAgICAgICAgICB9XHJcbiAgICAgICAgfVxyXG4gICAgICB9XHJcbiAgICB9IGVsc2UgaWYgKG9wZXJhdG9yLmluZGV4T2YoJ3x8JykgPiAwKSB7XHJcbiAgICAgIC8vIGF8ZXF8Ynx8Y3xlcXxkXHJcbiAgICAgIGNvbnN0IG9wcyA9IG9wZXJhdG9yLnNwbGl0KCcmJicpO1xyXG4gICAgICBpZiAob3BzLmxlbmd0aCA+IDEpIHtcclxuICAgICAgICBmb3IgKGxldCBpID0gMDsgaSA8IG9wcy5sZW5ndGg7IGkrKykge1xyXG4gICAgICAgICAgaXNTaG93ID0gZmFsc2U7XHJcbiAgICAgICAgICBpZiAodGhpcy5jaGVja0lzU2hvd0Jhc2Uob3BzW2ldLnNwbGl0KCd8JykpKSB7XHJcbiAgICAgICAgICAgIGlzU2hvdyA9IHRydWU7XHJcbiAgICAgICAgICAgIGJyZWFrO1xyXG4gICAgICAgICAgfVxyXG4gICAgICAgIH1cclxuICAgICAgfVxyXG4gICAgfSBlbHNlIHtcclxuICAgICAgbGV0IG9wID0gb3BlcmF0b3Iuc3BsaXQoXCJ8XCIpO1xyXG4gICAgICBpc1Nob3cgPSB0aGlzLmNoZWNrSXNTaG93QmFzZShvcCk7XHJcbiAgICB9XHJcbiAgICByZXR1cm4gaXNTaG93O1xyXG4gIH1cclxuXHJcbiAgY2hlY2tJc1Nob3dCYXNlKG9wOiBhbnkpOiBib29sZWFuIHtcclxuICAgIGxldCBpc1Nob3cgPSBmYWxzZTtcclxuICAgIGlmIChvcC5sZW5ndGggPiAxKSB7XHJcbiAgICAgIGxldCB2YWx1ZSA9IHRoaXMuYXRyRm9ybS5nZXQob3BbMF0pLnZhbHVlO1xyXG4gICAgICBpc1Nob3cgPSB0aGlzLmNvbXBhcmUodmFsdWUsIG9wWzFdLCBvcFsyXSlcclxuICAgIH0gZWxzZVxyXG4gICAgICBpc1Nob3cgPSBmYWxzZTtcclxuXHJcbiAgICByZXR1cm4gaXNTaG93O1xyXG4gIH1cclxuXHJcbiAgY29tcGFyZSh2YWx1ZTogYW55LCBvcGVyYXRvcjogYW55LCB0YXJnZXQ6IGFueSk6IGJvb2xlYW4ge1xyXG4gICAgbGV0IGlzUmlnaHQgPSBmYWxzZTtcclxuICAgIHN3aXRjaCAob3BlcmF0b3IpIHtcclxuICAgICAgY2FzZSAnZXEnIDpcclxuICAgICAgICBpZiAodmFsdWUgPT0gdGFyZ2V0KSB7XHJcbiAgICAgICAgICBpc1JpZ2h0ID0gdHJ1ZTtcclxuICAgICAgICB9XHJcbiAgICAgICAgYnJlYWs7XHJcbiAgICAgIGNhc2UgJ2doJyA6XHJcbiAgICAgICAgaWYgKHZhbHVlID49IHRhcmdldCkge1xyXG4gICAgICAgICAgaXNSaWdodCA9IHRydWU7XHJcbiAgICAgICAgfVxyXG4gICAgICAgIGJyZWFrO1xyXG4gICAgICBjYXNlICdub3RFbXB0eSc6XHJcbiAgICAgICAgaXNSaWdodCA9IGZhbHNlO1xyXG4gICAgICAgIGlmICh2YWx1ZSkge1xyXG4gICAgICAgICAgaXNSaWdodCA9IHRydWU7XHJcbiAgICAgICAgfVxyXG4gICAgICAgIGJyZWFrO1xyXG4gICAgICBjYXNlICdlbXB0eSc6XHJcbiAgICAgICAgaXNSaWdodCA9IGZhbHNlO1xyXG4gICAgICAgIGlmICghdmFsdWUpIHtcclxuICAgICAgICAgIGlzUmlnaHQgPSB0cnVlO1xyXG4gICAgICAgIH1cclxuICAgICAgICBicmVhaztcclxuICAgICAgZGVmYXVsdCA6XHJcbiAgICAgICAgaXNSaWdodCA9IGZhbHNlO1xyXG4gICAgICAgIGJyZWFrO1xyXG4gICAgfVxyXG4gICAgcmV0dXJuIGlzUmlnaHQ7XHJcbiAgfVxyXG5cclxuICAvLyBnZXRDYXNjYWRlckxhYmVsKHZhbHVlOiBhbnksIGl0ZW06IGFueSkge1xyXG4gIC8vICAgaWYoaXRlbS5zaG93TGFiZWwpIHJldHVybiBpdGVtLnNob3dMYWJlbDtcclxuICAvLyAgIGxldCByZXN1bHQgPSB0aGlzLmdldENhc2NhZGVyRGVmdWx0VihpdGVtLmRpY3RMaXN0LCB2YWx1ZSwgMCwgW10pO1xyXG4gIC8vICAgLy8gaWYgKGl0ZW0uZGljdExpc3RbMF0udXNlck9iamVjdD8uc2hvd05hbWUpIHtcclxuICAvLyAgIC8vICAgcmV0dXJuIHJlc3VsdFtyZXN1bHQubGVuZ3RoIC0gMV0gfHwgdmFsdWU7XHJcbiAgLy8gICAvLyB9XHJcbiAgLy8gICBpdGVtLnNob3dMYWJlbCA9IHJlc3VsdC5qb2luKFwiL1wiKSA7XHJcbiAgLy8gICByZXR1cm4gaXRlbS5zaG93TGFiZWxcclxuICAvLyB9XHJcblxyXG4gIGdldFNlbGVjdENMYWJlbCh2YWx1ZTogYW55LCBhcnI6IGFueSwga2V5ID0gJ2tleScsIHZhbHVlS2V5ID0gJ3ZhbHVlJykge1xyXG4gICAgaWYgKFRvb2xzVXRpbC5pc0VtcHR5KHZhbHVlKSkge1xyXG4gICAgICByZXR1cm4gJydcclxuICAgIH1cclxuICAgIGxldCByZXN1bHQgPSBhcnIuZmlsdGVyKChpdGVtOiBhbnkpID0+IHtcclxuICAgICAgaWYgKFRvb2xzVXRpbC5pc0FycmF5KHZhbHVlKSkge1xyXG4gICAgICAgIHJldHVybiB2YWx1ZS5zb21lKCh2OiBhbnkpID0+IGl0ZW1ba2V5XSA9PSB2KVxyXG4gICAgICB9XHJcbiAgICAgIHJldHVybiB2YWx1ZSA9PSBpdGVtW2tleV1cclxuICAgIH0pXHJcbiAgICByZXR1cm4gcmVzdWx0ICYmIHJlc3VsdC5sZW5ndGggPiAwID8gcmVzdWx0Lm1hcCgodjogYW55KSA9PiB2W3ZhbHVlS2V5XSkuam9pbihcIixcIikgOiByZXN1bHRbdmFsdWVLZXldO1xyXG4gIH1cclxuXHJcbiAgZ2V0U2VsZWN0TGFiZWwodmFsdWU6IGFueSwgYXJyOiBhbnkpIHtcclxuICAgIC8vIGNvbnNvbGUubG9nKHZhbHVlLCBhcnIpXHJcbiAgICBsZXQgcmVzdWx0ID0gYXJyLmZpbHRlcigoaXRlbTogYW55KSA9PiB2YWx1ZSA9PSBpdGVtLmtleSB8fCB2YWx1ZSA9PSBpdGVtLmlkKVxyXG4gICAgcmV0dXJuIHJlc3VsdCAmJiByZXN1bHQubGVuZ3RoID4gMCA/IChyZXN1bHRbMF0udGl0bGUgfHwgcmVzdWx0WzBdLnR5cGVOYW1lKSA6IHZhbHVlO1xyXG4gIH1cclxuXHJcbiAgZ2V0VGFnTGFiZWwodmFsdWU6IGFueSwga2V5ID0gJ2xhYmVsJykge1xyXG4gICAgcmV0dXJuIHZhbHVlID8gdmFsdWUubWFwKCh2OiBhbnkpID0+IHZba2V5XSkuam9pbigpIDogJydcclxuICB9XHJcblxyXG4gIC8vIGdldENhc2NhZGVyRGVmdWx0VihkaWN0TGlzdDogYW55LCB2YWx1ZTogYW55LCBpbmRleDogYW55LCByZXN1bHQ6IGFueSkge1xyXG4gIC8vICAgZGljdExpc3QuZm9yRWFjaCgodjogYW55KSA9PiB7XHJcbiAgLy8gICAgIGlmICh2YWx1ZVtpbmRleF0udmFsdWUgPT0gdi52YWx1ZSkge1xyXG4gIC8vICAgICAgIHJlc3VsdC5wdXNoKHYudmFsdWUpXHJcbiAgLy8gICAgICAgaWYgKHYuY2hpbGRyZW4pIHtcclxuICAvLyAgICAgICAgIHRoaXMuZ2V0Q2FzY2FkZXJEZWZ1bHRWKHYuY2hpbGRyZW4sIHZhbHVlLCBpbmRleCArIDEsIHJlc3VsdClcclxuICAvLyAgICAgICB9XHJcbiAgLy8gICAgICAgcmV0dXJuO1xyXG4gIC8vICAgICB9XHJcblxyXG4gIC8vICAgfSlcclxuICAvLyAgIHJldHVybiByZXN1bHQ7XHJcbiAgLy8gfVxyXG5cclxuICBnZXRJbWdzKGltZ3M6IGFueSkge1xyXG4gICAgaWYgKCFpbWdzKSB7XHJcbiAgICAgIHJldHVybiAnJztcclxuICAgIH1cclxuICAgIHJldHVybiBpbWdzLnNwbGl0KCcsJylcclxuICB9XHJcbn1cclxuIiwiPG56LWRlc2NyaXB0aW9ucyAgbnpCb3JkZXJlZCBbbnpDb2xvbl09XCJ0cnVlXCIgW256Q29sdW1uXT1cIjI0XCIgW256VGl0bGVdPVwidGl0bGVcIj5cclxuICAgIDxuZy1jb250YWluZXIgKm5nRm9yPVwibGV0IGl0ZW0gb2YgZm9ybU9wdHMuaXRlbXNcIj5cclxuICAgICAgICA8bmctY29udGFpbmVyICpuZ0lmPVwiIWl0ZW0uaXNIaWRkZW5cIj5cclxuICAgICAgICAgIDxkaXYgY2xhc3M9XCJmb3JtLXRpdGxlXCIgKm5nSWY9XCJpdGVtLnR5cGUgPT0gJ3RpdGxlJ1wiPlxyXG4gICAgICAgICAgICB7e2l0ZW0ubGFiZWx9fVxyXG4gICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgIDxuei1kZXNjcmlwdGlvbnMtaXRlbSBbbnpUaXRsZV09XCJpdGVtLmxhYmVsXCIgW25nU3dpdGNoXT1cIml0ZW0udHlwZVwiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAqbmdJZj1cImlzU2hvdyhpdGVtLmlzSGlkZGVuLGl0ZW0ub3BlcmF0b3IpXCJcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIFtuelNwYW5dPVwiaXRlbS5zcGFuIHx8IDZcIj5cclxuICAgICAgICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nU3dpdGNoQ2FzZT1cIidyYWRpbydcIj5cclxuICAgICAgICAgICAgICAgICAgICA8bmctY29udGFpbmVyICpuZ0Zvcj1cImxldCBvIG9mIGl0ZW0uZGljdExpc3RcIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPGxhYmVsICAqbmdJZj1cIm8udmFsdWUgPT0gYXRyRm9ybS52YWx1ZVtpdGVtLmtleV1cIj57e28ubGFiZWx9fTwvbGFiZWw+XHJcbiAgICAgICAgICAgICAgICAgICAgPC9uZy1jb250YWluZXI+XHJcbiAgICAgICAgICAgICAgICA8L25nLWNvbnRhaW5lcj5cclxuICAgICAgICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nU3dpdGNoQ2FzZT1cIid0cmVlU2VsZWN0J1wiPlxyXG4gICAgICAgICAgICAgICAgICAgIDxuei10cmVlLXNlbGVjdFxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgW256Tm9kZXNdPVwiaXRlbS50cmVlTGlzdFwiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBuelNob3dTZWFyY2g9XCJ0cnVlXCJcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIG56SGlkZVVuTWF0Y2hlZD1cInRydWVcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgWyhuZ01vZGVsKV09XCJhdHJGb3JtLnZhbHVlW2l0ZW0ua2V5XVwiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBbbnpEaXNhYmxlZF09XCJ0cnVlXCJcclxuICAgICAgICAgICAgICAgICAgICA+XHJcbiAgICAgICAgICAgICAgICAgICAgPC9uei10cmVlLXNlbGVjdD5cclxuICAgICAgICAgICAgICAgIDwvbmctY29udGFpbmVyPlxyXG5cclxuICAgICAgICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nU3dpdGNoQ2FzZT1cIidzZWxlY3QnXCI+XHJcbiAgICAgICAgICAgICAgICAgICAge3tnZXRTZWxlY3RMYWJlbChhdHJGb3JtLnZhbHVlW2l0ZW0ua2V5XSxkaWN0c1tpdGVtLmRpY3RDb2RlXSl9fVxyXG4gICAgICAgICAgICAgICAgPC9uZy1jb250YWluZXI+XHJcbiAgICAgICAgICAgICAgICA8bmctY29udGFpbmVyICpuZ1N3aXRjaENhc2U9XCInc2VsZWN0Q3VzJ1wiPlxyXG4gICAgICAgICAgICAgICAgICAgIHt7Z2V0U2VsZWN0TGFiZWwoYXRyRm9ybS52YWx1ZVtpdGVtLmtleV0saXRlbS5kaWN0TGlzdCl9fVxyXG4gICAgICAgICAgICAgICAgPC9uZy1jb250YWluZXI+XHJcbiAgICAgICAgICAgICAgICA8bmctY29udGFpbmVyICpuZ1N3aXRjaENhc2U9XCInc2VsZWN0YydcIj5cclxuICAgICAgICAgICAgICAgICAge3tnZXRTZWxlY3RDTGFiZWwoYXRyRm9ybS52YWx1ZVtpdGVtLmtleV0saXRlbS5kaWN0TGlzdCwndmFsdWUnLCdsYWJlbCcpfX1cclxuPCEtLSAgICAgICAgICAgICAgICAgICAgPG56LXNlbGVjdC0tPlxyXG48IS0tICAgICAgICAgICAgICAgICAgICAgICAgICAgIFtuekRpc2FibGVkXT1cInRydWVcIi0tPlxyXG48IS0tICAgICAgICAgICAgICAgICAgICAgICAgICAgIFsobmdNb2RlbCldPVwiYXRyRm9ybS52YWx1ZVtpdGVtLmtleV1cIi0tPlxyXG48IS0tICAgICAgICAgICAgICAgICAgICA+LS0+XHJcbjwhLS0gICAgICAgICAgICAgICAgICAgICAgICA8bnotb3B0aW9uICpuZ0Zvcj1cImxldCBvIG9mIGl0ZW0uZGljdExpc3RcIiBbbnpMYWJlbF09XCJvLmxhYmVsXCItLT5cclxuPCEtLSAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgW256VmFsdWVdPVwiby52YWx1ZVwiPjwvbnotb3B0aW9uPi0tPlxyXG48IS0tICAgICAgICAgICAgICAgICAgICA8L256LXNlbGVjdD4tLT5cclxuICAgICAgICAgICAgICAgIDwvbmctY29udGFpbmVyPlxyXG4gICAgICAgICAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdTd2l0Y2hDYXNlPVwiJ3NjZW5lVXNlcidcIj5cclxuICAgICAgICAgICAgICAgICAgICA8bnotc2VsZWN0XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBbbnpEaXNhYmxlZF09XCJ0cnVlXCJcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIFsobmdNb2RlbCldPVwiYXRyRm9ybS52YWx1ZVtpdGVtLmtleV1cIlxyXG4gICAgICAgICAgICAgICAgICAgID5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPG56LW9wdGlvbiAqbmdGb3I9XCJsZXQgbyBvZiBpdGVtLmRpY3RMaXN0XCIgW256TGFiZWxdPVwiby50aXRsZVwiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgW256VmFsdWVdPVwiby5rZXlcIj48L256LW9wdGlvbj5cclxuICAgICAgICAgICAgICAgICAgICA8L256LXNlbGVjdD5cclxuICAgICAgICAgICAgICAgIDwvbmctY29udGFpbmVyPlxyXG5cclxuICAgICAgICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nU3dpdGNoRGVmYXVsdD5cclxuICAgICAgICAgICAgICAgICAgICB7e2F0ckZvcm0udmFsdWVbaXRlbS5rZXldfX1cclxuICAgICAgICAgICAgICAgIDwvbmctY29udGFpbmVyPlxyXG4gICAgICAgICAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdTd2l0Y2hDYXNlPVwiJ2RhdGUnXCI+XHJcbiAgICAgICAgICAgICAgICAgICAge3thdHJGb3JtLnZhbHVlW2l0ZW0ua2V5XSB8IGRhdGU6KGl0ZW0uZGF0ZUZvcm1hdCB8fCAneXl5eS1NTS1kZCcpfX1cclxuICAgICAgICAgICAgICAgIDwvbmctY29udGFpbmVyPlxyXG4gICAgICAgICAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdTd2l0Y2hDYXNlPVwiJ2RhdGVUaW1lJ1wiPlxyXG4gICAgICAgICAgICAgICAgICAgIHt7YXRyRm9ybS52YWx1ZVtpdGVtLmtleV0gfCBkYXRlOihpdGVtLmRhdGVGb3JtYXQgfHwgJ3l5eXktTU0tZGQgMDA6MDA6MDAnKX19XHJcbiAgICAgICAgICAgICAgICA8L25nLWNvbnRhaW5lcj5cclxuICAgICAgICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nU3dpdGNoQ2FzZT1cIidjYXNjYWRlcidcIj5cclxuICAgICAgICAgICAgICAgICAgICA8bmctY29udGFpbmVyICpuZ0Zvcj1cImxldCBkYXRhIG9mIGF0ckZvcm0udmFsdWVbaXRlbS5rZXldIDtsZXQgaSA9IGluZGV4XCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIHt7aT4wP1wiL1wiOlwiXCJ9fXt7ZGF0YS5sYWJsZX19XHJcbiAgICAgICAgICAgICAgICAgICAgPC9uZy1jb250YWluZXI+XHJcbiAgICAgICAgICAgICAgICA8L25nLWNvbnRhaW5lcj5cclxuICAgICAgICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nU3dpdGNoQ2FzZT1cIid0YWdzJ1wiPlxyXG4gICAgICAgICAgICAgICAgICAgIHt7Z2V0VGFnTGFiZWwoYXRyRm9ybS52YWx1ZVtpdGVtLmtleV0sICduYW1lJyl9fVxyXG4gICAgICAgICAgICAgICAgPC9uZy1jb250YWluZXI+XHJcbiAgICAgICAgICAgICAgICA8bmctY29udGFpbmVyICpuZ1N3aXRjaENhc2U9XCInaW1hZ2UnXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdGb3I9XCJsZXQgaW1nIG9mIGdldEltZ3MoYXRyRm9ybS52YWx1ZVtpdGVtLmtleV0pXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDxkaXY+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8aW1nICAqbmdJZj1cIiFpbWcuZW5kc1dpdGgoJy5tcDQnKVwiIG56LWltYWdlICBzdHlsZT1cIm1heC13aWR0aDogMjAwcHg7bWF4LWhlaWdodDogMjAwcHhcIiBbbnpTcmNdPVwiaW1nIHwgb3NzSW1nXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8YXBwLXZpZGVvICpuZ0lmPVwiaW1nLmVuZHNXaXRoKCcubXA0JylcIiBzdHlsZT1cIm1heC13aWR0aDogMjAwcHg7bWF4LWhlaWdodDogMjAwcHhcIiAgW3VybF09XCJpbWcgfCBvc3NJbWdcIj48L2FwcC12aWRlbz5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgICAgICAgICAgPC9uZy1jb250YWluZXI+XHJcbiAgICAgICAgICAgICAgICA8L25nLWNvbnRhaW5lcj5cclxuICAgICAgICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nU3dpdGNoQ2FzZT1cIidyYXRlJ1wiPlxyXG4gICAgICAgICAgICAgICAgICAgIDxuei1yYXRlIFtuekRpc2FibGVkXT1cInRydWVcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgIFsobmdNb2RlbCldPVwiYXRyRm9ybS52YWx1ZVtpdGVtLmtleV1cIj48L256LXJhdGU+XHJcbiAgICAgICAgICAgICAgICA8L25nLWNvbnRhaW5lcj5cclxuICAgICAgICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nU3dpdGNoQ2FzZT1cIidlZGl0b3InXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgPGRpdj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPCEtLSA8YXBwLXF1aWxsLWVkaXRvciBbKG5nTW9kZWwpXT1cImF0ckZvcm0udmFsdWVbaXRlbS5rZXldXCIgc3R5bGU9XCJ3aWR0aDogNjAlXCIgW3JlYWRPbmx5XT1cInRydWVcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBbc3R5bGVzXT1cIntoZWlnaHQ6aXRlbS5oZWlnaHQgPiAwID8gaXRlbS5oZWlnaHQgKyAncHgnIDogJzI1MHB4J31cIj48L2FwcC1xdWlsbC1lZGl0b3I+IC0tPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8cXVpbGwtdmlldyBbY29udGVudF09XCJhdHJGb3JtLnZhbHVlW2l0ZW0ua2V5XVwiICBzdHlsZT1cIndpZHRoOiA2MCVcIiAgdGhlbWU9XCJzbm93XCI+PC9xdWlsbC12aWV3PlxyXG5cclxuICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgICAgIDwvbmctY29udGFpbmVyPlxyXG5cclxuICAgICAgICAgICAgPC9uei1kZXNjcmlwdGlvbnMtaXRlbT5cclxuICAgICAgICA8L25nLWNvbnRhaW5lcj5cclxuXHJcbiAgICA8L25nLWNvbnRhaW5lcj5cclxuXHJcbjwvbnotZGVzY3JpcHRpb25zPlxyXG4iXX0=

package/fesm2015/atr-components.mjs

@@ -2426,10 +2426,10 @@ class HelloComponent {
     }
 }
 HelloComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: HelloComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-HelloComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: HelloComponent, selector: "atr-hello", ngImport: i0, template: "<p>hello works!</p>\r\n", styles: [""] });
+HelloComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: HelloComponent, selector: "atr-hello", ngImport: i0, template: "<p>hello works!</p>\n", styles: [""] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: HelloComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'atr-hello', template: "<p>hello works!</p>\r\n", styles: [""] }]
+            args: [{ selector: 'atr-hello', template: "<p>hello works!</p>\n", styles: [""] }]
         }], ctorParameters: function () { return []; } });
 
 class HelloModule {
@@ -3589,10 +3589,10 @@ class AtrTableComponent {
     }
 }
 AtrTableComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: AtrTableComponent, deps: [{ token: i3$1.FormBuilder }, { token: i0.Injector }, { token: LOCALE_ID }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-AtrTableComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: AtrTableComponent, selector: "atr-table", inputs: { pageSize: "pageSize", pageSizeOptions: "pageSizeOptions", loading: "loading", allowDrag: "allowDrag", showQueryTime: "showQueryTime", isHideTable: "isHideTable", queryOpts: "queryOpts", showPagination: "showPagination", title: "title", queryHeaders: "queryHeaders" }, outputs: { tableAction: "tableAction", queryBack: "queryBack", headerAction: "headerAction" }, viewQueries: [{ propertyName: "tableContent", first: true, predicate: ["tableContent"], descendants: true, static: true }], ngImport: i0, template: "<form nz-form [formGroup]=\"atrForm\" class=\"ant-advanced-search-form\"\r\n      *ngIf=\"queryOpts.headers.length >0 || queryOpts.actions.length >0\">\r\n  <div nz-row [nzGutter]=\"24\" [hidden]=\"!isCollapse\">\r\n    <ng-content  select=\"[header-left-slot]\"></ng-content>\r\n    <div nz-col [hidden]=\"!header.isShow \" *ngFor=\"let header of queryOpts.headers\"\r\n         [nzSpan]=\"header.span\">\r\n      <app-table-form-item\r\n        [header]=\"header\"\r\n        [ngModel]=\"header.defaultVal\"\r\n        [dictList]=\"dicts[header.dictCode]\"\r\n        [formControlName]=\"header.key\"\r\n        (headerAction)=\"headerAction.emit($event)\"></app-table-form-item>\r\n    </div>\r\n    <ng-content  select=\"[header-right-slot]\"></ng-content>\r\n  </div>\r\n  <div nz-row nzType=\"flex\">\r\n    <div class=\"action-area\" nz-col [nzSpan]=\"16\">\r\n      <ng-container *ngFor=\"let action of queryOpts.actions\">\r\n        <atr-local-upload *ngIf=\"action.gType == 'upload'\" [code]=\"action.code\" [url]=\"action.url\" [name]=\"action.name\"\r\n                          [withoutRole]=\"action.withoutRole\"\r\n                          style=\"    display: inline-block;\"></atr-local-upload>\r\n        <ng-container *ngIf=\"!action.gType\">\r\n          <button nz-button [nzType]=\"'primary'\" nzSize=\"small\" (click)=\"doAction(action.code)\"\r\n                  *atrRole=\"action.withoutRole ? null:action.code\"\r\n                  [disabled]=\"isEnable(action.operator)\">{{action.name}}</button>\r\n        </ng-container>\r\n      </ng-container>\r\n    </div>\r\n    <div nz-col [nzSpan]=\"8\" class=\"search-area\" *ngIf=\"queryOpts.headers.length >0 && !queryOpts.isHideQuery\">\r\n      <span *ngIf=\"showQueryTime&&queryTime\">\u6570\u636E\u67E5\u8BE2\u65F6\u95F4\uFF1A{{queryTime}}</span>\r\n      <button nz-button nzSize=\"small\" [nzType]=\"'primary'\" (click)=\"query(true)\">\u67E5\u8BE2</button>\r\n      <button nz-button nzSize=\"small\" (click)=\"resetForm()\">\u91CD\u7F6E</button>\r\n      <a class=\"collapse\" (click)=\"toggleCollapse()\" *ngIf=\"queryOpts.headers.length > 0 \">\r\n       {{isCollapse ? '\u6536\u8D77':'\u5C55\u5F00'}}\r\n        <i nz-icon [nzType]=\"isCollapse ? 'up' : 'down'\"></i>\r\n      </a>\r\n    </div>\r\n  </div>\r\n  <div *ngIf=\"title\" class=\"title\">{{title}}</div>\r\n</form>\r\n<div class=\"search-result-list\" #tableContent [spinLoading]=\"loading\" HqSpin>\r\n  <nz-table *ngIf=\"isAllLoad \" #basicTable class=\"main-table\"\r\n            [nzScroll]=\"scrollSize\"\r\n            nzSize=\"middle\"\r\n            nzBordered\r\n            [nzShowPagination]=\"showPagination\"\r\n            nzShowSizeChanger\r\n            [nzFrontPagination]=\"false\"\r\n            [nzLoading]=\"loading\"\r\n            [nzTotal]=\"total\"\r\n            [(nzPageIndex)]=\"pageIndex\"\r\n            [(nzPageSize)]=\"pageSize\"\r\n            [nzPageSizeOptions]=\"pageSizeOptions\"\r\n            [nzData]=\"tableDatas\"\r\n            (nzPageIndexChange)=\"query()\"\r\n            (nzPageSizeChange)=\"query(true)\"\r\n            [nzShowTotal]=\"totalTemplate\"\r\n  >\r\n    <ng-content select=\"[slot1]\"></ng-content>\r\n    <ng-container *ngIf=\"!isHideTable\">\r\n      <thead>\r\n      <tr (contextmenu)=\"contextMenu($event,menu)\" class=\"header-tr\">\r\n\r\n        <th *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 [nzLeft]=\"true\" class=\"left-zindex-header\" *ngIf=\"queryOpts.isIndex\" nzWidth=\"30px\" nzAlign=\"center\">#</th>\r\n        <th [nzLeft]=\"true\" class=\"left-zindex-header\" *ngIf=\"queryOpts.checkBox?.isRadio\" nzWidth=\"30px\"\r\n            nzAlign=\"center\">#\r\n        </th>\r\n        <ng-container *ngFor=\"let item of queryOpts.tables; \">\r\n          <th *ngIf=\"item.isShow \"\r\n              [nzShowSort]=item.sortable\r\n              nz-resizable\r\n              nzPreview\r\n              nzBounds=\"window\"\r\n              [(nzSortOrder)]=\"sortMap[item.sortKey]\"\r\n              (nzSortOrderChange)=\"sort(item.sortKey, $event)\"\r\n              [nzWidth]=\"item.width\"\r\n              [nzMaxWidth]=\"256\"\r\n              [nzMinWidth]=\"60\"\r\n              [nzRight]=\"item.isRight ? true : false\"\r\n              [nzLeft]=\"item.isLeft ? true : false\"\r\n              [ngClass]=\"{'left-zindex-header':item.isLeft ? true : false}\"\r\n              (nzResizeEnd)=\"onResize($event, item.name)\">\r\n            {{item.name}}<!-- {width}: { width: number }, col: string-->\r\n            <nz-resize-handle nzDirection=\"right\">\r\n              <div class=\"resize-trigger\"></div>\r\n            </nz-resize-handle>\r\n          </th>\r\n        </ng-container>\r\n      </tr>\r\n      </thead>\r\n\r\n\r\n      <tbody *ngIf=\"!allowDrag\">\r\n\r\n      <tr *ngFor=\"let data of basicTable.data;index as i\" class=\"t-tr\" (click)=\"selectRow(data,i)\"\r\n          [ngStyle]=\"{'color':isShowColor(data)}\"\r\n          [ngClass]=\"{'selected': i == curChecked}\" (dblclick)=\"dbclickData(data,i)\">\r\n\r\n        <td [nzLeft]=\"true\"\r\n            class=\"left-zindex\"\r\n            *ngIf=\"queryOpts.checkBox?.isShowCheckbox\"\r\n            nzShowCheckbox\r\n            [(nzChecked)]=\"mapOfCheckedId[data.id]\"\r\n            (nzCheckedChange)=\"refreshStatus()\"\r\n        ></td>\r\n        <td [nzLeft]=\"true\"\r\n            class=\"left-zindex\"\r\n            *ngIf=\"queryOpts.checkBox?.isRadio\" nzShowCheckbox (nzCheckedChange)=\"selectRow(data,i)\"\r\n            [(nzChecked)]=\"mapOfCheckedId[data.id]\"></td>\r\n        <td [nzLeft]=\"true\"\r\n            *ngIf=\"queryOpts.isIndex\" nzAlign=\"center\" style=\"padding:12px 0;\" nzBreakWord>{{i + 1}}</td>\r\n        <ng-container *ngFor=\"let item of queryOpts.tables;\">\r\n\r\n          <td [nzLeft]=\"item.isLeft ? true : false\"\r\n              [ngClass]=\"{'left-zindex':item.isLeft ? true : false}\"\r\n              [nzRight]=\"item.isRight ? true : false\"\r\n              nzBreakWord\r\n              [rowSpan]=\"checkRowSpan(item,data)\"\r\n              *ngIf=\"checkShowTd(item,i) \">\r\n            <app-table-td [data]=\"data\"\r\n                          [item]=\"item\"\r\n                          [i]=\"i\"\r\n                          (doActionByRowAction)=\"doActionByRow2($event)\"\r\n            ></app-table-td>\r\n          </td>\r\n        </ng-container>\r\n      </tr>\r\n\r\n      </tbody>\r\n      <tbody *ngIf=\"allowDrag\" cdkDropList (cdkDropListDropped)=\"drop($event)\">\r\n      <tr cdkDrag *ngFor=\"let data of basicTable.data;index as i\" class=\"t-tr\" (click)=\"selectRow(data,i)\"\r\n          [ngClass]=\"{'selected': i == curChecked}\">\r\n        <td [nzLeft]=\"true\"\r\n            class=\"left-zindex\"\r\n            *ngIf=\"queryOpts.checkBox?.isShowCheckbox\"\r\n            nzShowCheckbox\r\n            [(nzChecked)]=\"mapOfCheckedId[data.id]\"\r\n            (nzCheckedChange)=\"refreshStatus()\"\r\n        ></td>\r\n        <!--\r\n                  <td [nzLeft]=\"item.isLeft ? true : false\" [ngClass]=\"{'left-zindex':item.isLeft ? true : false}\"   [nzRight]=\"item.isRight ? true : false\"\r\n                      *ngIf=\"queryOpts.isShowCheckbox\"\r\n                      nzShowCheckbox\r\n                      [(nzChecked)]=\"mapOfCheckedId[data.id]\"\r\n                      (nzCheckedChange)=\"refreshStatus()\"\r\n                  ></td>\r\n        -->\r\n        <td [nzLeft]=\"true\"\r\n            class=\"left-zindex\"\r\n            *ngIf=\"queryOpts.checkBox?.isRadio\" nzShowCheckbox (nzCheckedChange)=\"selectRow(data,i)\"\r\n            [(nzChecked)]=\"mapOfCheckedId[data.id]\"></td>\r\n        <td [nzLeft]=\"true\"\r\n            class=\"left-zindex\"\r\n            *ngIf=\"queryOpts.isIndex\" nzAlign=\"center\" style=\"padding:12px 0;\" nzBreakWord>{{i + 1}}</td>\r\n\r\n        <ng-container *ngFor=\"let item of queryOpts.tables;\">\r\n\r\n          <td [nzLeft]=\"item.isLeft ? true : false\"\r\n              [ngClass]=\"{'left-zindex':item.isLeft ? true : false}\"\r\n              [nzRight]=\"item.isRight ? true : false\"\r\n              nzBreakWord\r\n              [rowSpan]=\"checkRowSpan(item,data)\"\r\n              *ngIf=\"checkShowTd(item,i) \">\r\n            <app-table-td [data]=\"data\"\r\n                          [item]=\"item\"\r\n                          [i]=\"i\"\r\n                          (doActionByRowAction)=\"doActionByRow2($event)\"\r\n            ></app-table-td>\r\n          </td>\r\n        </ng-container>\r\n      </tr>\r\n      </tbody>\r\n\r\n    </ng-container>\r\n\r\n\r\n    <ng-template #totalTemplate let-total>\u5171 {{ total }} \u6761\u8BB0\u5F55</ng-template>\r\n  </nz-table>\r\n  <nz-dropdown-menu #menu=\"nzDropdownMenu\">\r\n    <div class=\"tabel-colunmn\">\r\n      <nz-checkbox-wrapper style=\"width: 100%;margin-top: 30px;\" (nzOnChange)=\"log($event)\">\r\n        <div nz-row>\r\n          <div nz-col nzSpan=\"24\" *ngFor=\"let item of queryOpts.tables\">\r\n            <label nz-checkbox nzValue=\"{{item.key}}\" [ngModel]=\"item.isShow\">{{item.name}}</label>\r\n          </div>\r\n        </div>\r\n      </nz-checkbox-wrapper>\r\n      <div class=\"tabel-colunmn-header\">\u8BF7\u9009\u62E9\u5217\u8868\u663E\u793A\u5185\u5BB9</div>\r\n    </div>\r\n  </nz-dropdown-menu>\r\n</div>\r\n\r\n", styles: [":host{width:100%;height:100%;display:flex;flex-direction:column}:host ::ng-deep .ant-modal{top:50px;padding:0}:host .ant-advanced-search-form{padding:10px 6px 6px;background:#fbfbfb;border:1px solid #d9d9d9;border-radius:6px;margin-bottom:5px}:host .select-icon:hover{color:#1890ff}:host ::ng-deep .ant-advanced-search-form .ant-form-item{margin-bottom:5px}:host ::ng-deep .ant-table-column-title{font-size:.65rem}:host ::ng-deep .ant-table-tbody>tr.ant-table-row:hover>td{background:#d0eeea}:host ::ng-deep .ant-modal-header,:host ::ng-deep .ant-modal-content{border-radius:4px}:host ::ng-deep .ant-table-tbody>tr.selected:hover>td{background-color:#cfe1d0!important}:host ::ng-deep .ant-table{height:100%}:host ::ng-deep nz-pagination{position:absolute;bottom:0;right:0}:host .search-result-list{padding:1px;border:1px dashed #e9e9e9;border-radius:6px;background-color:#fff;flex:1;text-align:center;position:relative}:host [nz-form-label]{overflow:visible}:host button{margin:2px 4px}:host .collapse{margin-left:6px;font-size:12px}:host .action-area{text-align:left}:host .search-area{text-align:right}:host ::ng-deep .main-table{position:absolute;inset:0}:host ::ng-deep .main-table .ant-spin-nested-loading{height:100%}:host ::ng-deep .main-table .ant-spin-container{height:100%}:host ::ng-deep .ant-table-tbody>tr.selected>td{background-color:#cfe1d0}:host ::ng-deep .ant-table-tbody>tr>td>img{display:block;width:40%;margin:0 auto}:host ::ng-deep .ant-table-body{-ms-overflow-style:none;overflow:-moz-scrollbars-none}:host ::ng-deep .ant-table-body::-webkit-scrollbar,:host ::ng-deep .ant-table-header::-webkit-scrollbar{width:6px!important;height:6px!important}:host ::ng-deep .ant-table-body::-webkit-scrollbar-track,:host ::ng-deep .ant-table-header::-webkit-scrollbar-track{width:6px!important;cursor:pointer}:host ::ng-deep .ant-table-body::-webkit-scrollbar-thumb,:host ::ng-deep .ant-table-header::-webkit-scrollbar-thumb{background:#1890ff;border-radius:3px;cursor:pointer}:host ::ng-deep .ant-table-bordered .ant-table-thead>tr>th{border-right:1px solid #ddd}:host ::ng-deep .ant-table-header{-ms-overflow-style:none;overflow:-moz-scrollbars-none;margin-bottom:-5px!important}:host ::ng-deep .ant-table-placeholder{border-bottom:none!important;border-top:none!important}:host .tabel-colunmn{display:block;width:160px;height:300px;background:#fff;border:1px solid #ddd;padding:10px;border-radius:5px;overflow-x:hidden;overflow-y:auto;position:relative}:host .tabel-colunmn-header{position:fixed;top:0;left:0;right:0;height:30px;z-index:999;line-height:30px;border-bottom:1px solid #ddd;text-align:left;font-size:13px;padding-left:10px}:host .t-tr{background:#fff}:host .t-tr:nth-child(odd){background:#f8f9fa}:host ::ng-deep .ant-table-thead>tr>th{background:#e7ebef!important;border-radius:0;word-break:break-all;white-space:pre-wrap}:host ::ng-deep .ant-table-tbody>tr>td{word-break:break-all;white-space:pre-wrap}:host ::ng-deep .ant-table-header{background:#e7ebef!important}:host td{font-size:.65rem}:host .resize-trigger{height:100%}:host .nz-resizable-preview{border-width:0;border-right-width:1px}:host ::ng-deep .ant-table-thead>tr>th .ant-table-header-column .ant-table-column-sorters>:not(.ant-table-column-sorter){position:unset}:host ::ng-deep .ant-table-tbody>tr>td{padding:5px}:host ::ng-deep .ant-table{line-height:15px}:host ::ng-deep .ant-table-middle .ant-table-footer,:host .ant-table-middle .ant-table-tbody>tr>td,:host .ant-table-middle .ant-table-thead>tr>th,:host .ant-table-middle .ant-table-title{padding:5px}:host ::ng-deep .ant-table-tbody>tr>td>img{width:35px}:host ::ng-deep .ant-modal-body{padding:10px}:host ::ng-deep .ant-table.ant-table-bordered tbody>tr>td{font-size:13px}:host ::ng-deep th{z-index:80!important}:host .left-zindex-header{z-index:90!important}:host .left-zindex{z-index:80!important}:host ::ng-deep input,:host ::ng-deep .ant-select-single:not(.ant-select-customize-input) .ant-select-selector,:host ::ng-deep .ant-picker{border-radius:5px}:host .border-text{width:100%;height:36px;line-height:36px;display:flex}:host .border-text .border-text-line{display:inline-block;border-top:1px solid #cccccc;margin-top:18px}:host .border-text .border-text-line-left{width:10px;border-left:1px solid #cccccc}:host .border-text .border-text-line-right{flex:1;border-right:1px solid #cccccc}:host .border-text .border-text-span{margin-left:5px;margin-right:5px}:host ::ng-deep .tabel-colunmn-header{position:absolute!important;top:0!important}:host ::ng-deep .ant-table-cell-fix-left,:host .ant-table-cell-fix-right{position:sticky!important}.label-title{position:absolute;display:block;top:-7px;left:10px;background-color:#fff;color:#000;font-weight:600;font-size:12px;line-height:12px}\n"], components: [{ type: TableFormItemComponent, selector: "app-table-form-item", inputs: ["header", "value", "dictList"], outputs: ["headerAction"] }, { type: LocalUploadComponent, selector: "atr-local-upload", inputs: ["beforeUpload", "url", "nzAccept", "name", "code", "withoutRole"], outputs: ["afterChange"] }, { type: i2$2.NzButtonComponent, selector: "button[nz-button], a[nz-button]", inputs: ["nzBlock", "nzGhost", "nzSearch", "nzLoading", "nzDanger", "disabled", "tabIndex", "nzType", "nzShape", "nzSize"], exportAs: ["nzButton"] }, { type: i5$1.NzTableComponent, selector: "nz-table", inputs: ["nzTableLayout", "nzShowTotal", "nzItemRender", "nzTitle", "nzFooter", "nzNoResult", "nzPageSizeOptions", "nzVirtualItemSize", "nzVirtualMaxBufferPx", "nzVirtualMinBufferPx", "nzVirtualForTrackBy", "nzLoadingDelay", "nzPageIndex", "nzPageSize", "nzTotal", "nzWidthConfig", "nzData", "nzPaginationPosition", "nzScroll", "nzPaginationType", "nzFrontPagination", "nzTemplateMode", "nzShowPagination", "nzLoading", "nzOuterBordered", "nzLoadingIndicator", "nzBordered", "nzSize", "nzShowSizeChanger", "nzHideOnSinglePage", "nzShowQuickJumper", "nzSimple"], outputs: ["nzPageSizeChange", "nzPageIndexChange", "nzQueryParams", "nzCurrentPageDataChange"], exportAs: ["nzTable"] }, { type: i5$1.NzTheadComponent, selector: "thead:not(.ant-table-thead)", outputs: ["nzSortOrderChange"] }, { type: i5$1.NzThSelectionComponent, selector: "th[nzSelections],th[nzChecked],th[nzShowCheckbox],th[nzShowRowSelection]", inputs: ["nzSelections", "nzChecked", "nzDisabled", "nzIndeterminate", "nzShowCheckbox", "nzShowRowSelection"], outputs: ["nzCheckedChange"] }, { type: i5$1.NzThAddOnComponent, selector: "th[nzColumnKey], th[nzSortFn], th[nzSortOrder], th[nzFilters], th[nzShowSort], th[nzShowFilter], th[nzCustomFilter]", inputs: ["nzColumnKey", "nzFilterMultiple", "nzSortOrder", "nzSortPriority", "nzSortDirections", "nzFilters", "nzSortFn", "nzFilterFn", "nzShowSort", "nzShowFilter", "nzCustomFilter"], outputs: ["nzCheckedChange", "nzSortOrderChange", "nzFilterChange"] }, { type: i6$2.NzResizeHandleComponent, selector: "nz-resize-handle, [nz-resize-handle]", inputs: ["nzDirection"], outputs: ["nzMouseDown"], exportAs: ["nzResizeHandle"] }, { type: i5$1.NzTbodyComponent, selector: "tbody" }, { type: i5$1.NzTdAddOnComponent, selector: "td[nzChecked], td[nzDisabled], td[nzIndeterminate], td[nzIndentSize], td[nzExpand], td[nzShowExpand], td[nzShowCheckbox]", inputs: ["nzChecked", "nzDisabled", "nzIndeterminate", "nzIndentSize", "nzShowExpand", "nzShowCheckbox", "nzExpand"], outputs: ["nzCheckedChange", "nzExpandChange"] }, { type: TableTdComponent, selector: "app-table-td", inputs: ["data", "item", "i"], outputs: ["doActionByRowAction"] }, { type: i8$1.NzDropdownMenuComponent, selector: "nz-dropdown-menu", exportAs: ["nzDropdownMenu"] }, { type: i9$1.NzCheckboxWrapperComponent, selector: "nz-checkbox-wrapper", outputs: ["nzOnChange"], exportAs: ["nzCheckboxWrapper"] }, { type: i9$1.NzCheckboxComponent, selector: "[nz-checkbox]", inputs: ["nzValue", "nzAutoFocus", "nzDisabled", "nzIndeterminate", "nzChecked", "nzId"], outputs: ["nzCheckedChange"], exportAs: ["nzCheckbox"] }], directives: [{ type: i10.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i3$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i6.NzFormDirective, selector: "[nz-form]", inputs: ["nzLayout", "nzNoColon", "nzAutoTips", "nzDisableAutoTips", "nzTooltipIcon"], exportAs: ["nzForm"] }, { type: i3$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i7.NzRowDirective, selector: "[nz-row],nz-row,nz-form-item", inputs: ["nzAlign", "nzJustify", "nzGutter"], exportAs: ["nzRow"] }, { type: i10.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i7.NzColDirective, selector: "[nz-col],nz-col,nz-form-control,nz-form-label", inputs: ["nzFlex", "nzSpan", "nzOrder", "nzOffset", "nzPush", "nzPull", "nzXs", "nzSm", "nzMd", "nzLg", "nzXl", "nzXXl"], exportAs: ["nzCol"] }, { type: i3$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i3$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { type: AtrRoleDirective, selector: "[atrRole]", inputs: ["atrRole"] }, { type: i10$1.NzWaveDirective, selector: "[nz-wave],button[nz-button]:not([nzType=\"link\"]):not([nzType=\"text\"])", inputs: ["nzWaveExtraNode"], exportAs: ["nzWave"] }, { type: i9.ɵNzTransitionPatchDirective, selector: "[nz-button], nz-button-group, [nz-icon], [nz-menu-item], [nz-submenu], nz-select-top-control, nz-select-placeholder, nz-input-group", inputs: ["hidden"] }, { type: i8.NzIconDirective, selector: "[nz-icon]", inputs: ["nzSpin", "nzRotate", "nzType", "nzTheme", "nzTwotoneColor", "nzIconfont"], exportAs: ["nzIcon"] }, { type: HqSpinDirective, selector: "[HqSpin]", inputs: ["spinLoading", "text"] }, { type: i5$1.NzTrDirective, selector: "tr:not([mat-row]):not([mat-header-row]):not([nz-table-measure-row]):not([nzExpand]):not([nz-table-fixed-row])" }, { type: i5$1.NzTableCellDirective, selector: "th:not(.nz-disable-th):not([mat-cell]), td:not(.nz-disable-td):not([mat-cell])" }, { type: i5$1.NzThMeasureDirective, selector: "th", inputs: ["nzWidth", "colspan", "colSpan", "rowspan", "rowSpan"] }, { type: i5$1.NzCellAlignDirective, selector: "th[nzAlign],td[nzAlign]", inputs: ["nzAlign"] }, { type: i5$1.NzCellFixedDirective, selector: "td[nzRight],th[nzRight],td[nzLeft],th[nzLeft]", inputs: ["nzRight", "nzLeft", "colspan", "colSpan"] }, { type: i6$2.NzResizableDirective, selector: "[nz-resizable]", inputs: ["nzBounds", "nzMaxHeight", "nzMaxWidth", "nzMinHeight", "nzMinWidth", "nzGridColumnCount", "nzMaxColumn", "nzMinColumn", "nzLockAspectRatio", "nzPreview", "nzDisabled"], outputs: ["nzResize", "nzResizeEnd", "nzResizeStart"], exportAs: ["nzResizable"] }, { type: i10.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i10.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i5$1.NzCellBreakWordDirective, selector: "th[nzBreakWord],td[nzBreakWord]", inputs: ["nzBreakWord"] }, { type: i18.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { type: i18.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { type: i3$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] });
+AtrTableComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: AtrTableComponent, selector: "atr-table", inputs: { pageSize: "pageSize", pageSizeOptions: "pageSizeOptions", loading: "loading", allowDrag: "allowDrag", showQueryTime: "showQueryTime", isHideTable: "isHideTable", queryOpts: "queryOpts", showPagination: "showPagination", title: "title", queryHeaders: "queryHeaders" }, outputs: { tableAction: "tableAction", queryBack: "queryBack", headerAction: "headerAction" }, viewQueries: [{ propertyName: "tableContent", first: true, predicate: ["tableContent"], descendants: true, static: true }], ngImport: i0, template: "<form nz-form [formGroup]=\"atrForm\" class=\"ant-advanced-search-form\"\r\n      *ngIf=\"queryOpts.headers.length >0 || queryOpts.actions.length >0\">\r\n  <div nz-row [nzGutter]=\"24\" [hidden]=\"!isCollapse\">\r\n    <ng-content  select=\"[header-left-slot]\"></ng-content>\r\n    <div nz-col [hidden]=\"!header.isShow \" *ngFor=\"let header of queryOpts.headers\"\r\n         [nzSpan]=\"header.span\">\r\n      <app-table-form-item\r\n        [header]=\"header\"\r\n        [ngModel]=\"header.defaultVal\"\r\n        [dictList]=\"dicts[header.dictCode]\"\r\n        [formControlName]=\"header.key\"\r\n        (headerAction)=\"headerAction.emit($event)\"></app-table-form-item>\r\n    </div>\r\n    <ng-content  select=\"[header-right-slot]\"></ng-content>\r\n  </div>\r\n  <div nz-row nzType=\"flex\">\r\n    <div class=\"action-area\" nz-col [nzSpan]=\"16\">\r\n      <ng-content select=\"[button-left-slot]\"></ng-content>\r\n      <ng-container *ngFor=\"let action of queryOpts.actions\">\r\n        <atr-local-upload *ngIf=\"action.gType == 'upload'\" [code]=\"action.code\" [url]=\"action.url\" [name]=\"action.name\"\r\n                          [withoutRole]=\"action.withoutRole\"\r\n                          style=\"    display: inline-block;\"></atr-local-upload>\r\n        <ng-container *ngIf=\"!action.gType\">\r\n          <button nz-button [nzType]=\"'primary'\" nzSize=\"small\" (click)=\"doAction(action.code)\"\r\n                  *atrRole=\"action.withoutRole ? null:action.code\"\r\n                  [disabled]=\"isEnable(action.operator)\">{{action.name}}</button>\r\n        </ng-container>\r\n      </ng-container>\r\n    </div>\r\n    <div nz-col [nzSpan]=\"8\" class=\"search-area\" *ngIf=\"queryOpts.headers.length >0 && !queryOpts.isHideQuery\">\r\n      <span *ngIf=\"showQueryTime&&queryTime\">\u6570\u636E\u67E5\u8BE2\u65F6\u95F4\uFF1A{{queryTime}}</span>\r\n      <button nz-button nzSize=\"small\" [nzType]=\"'primary'\" (click)=\"query(true)\">\u67E5\u8BE2</button>\r\n      <button nz-button nzSize=\"small\" (click)=\"resetForm()\">\u91CD\u7F6E</button>\r\n      <a class=\"collapse\" (click)=\"toggleCollapse()\" *ngIf=\"queryOpts.headers.length > 0 \">\r\n       {{isCollapse ? '\u6536\u8D77':'\u5C55\u5F00'}}\r\n        <i nz-icon [nzType]=\"isCollapse ? 'up' : 'down'\"></i>\r\n      </a>\r\n    </div>\r\n  </div>\r\n  <div *ngIf=\"title\" class=\"title\">{{title}}</div>\r\n</form>\r\n<div class=\"search-result-list\" #tableContent [spinLoading]=\"loading\" HqSpin>\r\n  <nz-table *ngIf=\"isAllLoad \" #basicTable class=\"main-table\"\r\n            [nzScroll]=\"scrollSize\"\r\n            nzSize=\"middle\"\r\n            nzBordered\r\n            [nzShowPagination]=\"showPagination\"\r\n            nzShowSizeChanger\r\n            [nzFrontPagination]=\"false\"\r\n            [nzLoading]=\"loading\"\r\n            [nzTotal]=\"total\"\r\n            [(nzPageIndex)]=\"pageIndex\"\r\n            [(nzPageSize)]=\"pageSize\"\r\n            [nzPageSizeOptions]=\"pageSizeOptions\"\r\n            [nzData]=\"tableDatas\"\r\n            (nzPageIndexChange)=\"query()\"\r\n            (nzPageSizeChange)=\"query(true)\"\r\n            [nzShowTotal]=\"totalTemplate\"\r\n  >\r\n    <ng-content select=\"[slot1]\"></ng-content>\r\n    <ng-container *ngIf=\"!isHideTable\">\r\n      <thead>\r\n      <tr (contextmenu)=\"contextMenu($event,menu)\" class=\"header-tr\">\r\n\r\n        <th [nzBreakWord]=\"true\" *ngIf=\"queryOpts.checkBox?.isShowCheckbox\"\r\n            [nzLeft]=\"true\"\r\n            class=\"left-zindex-header\"\r\n            nzShowCheckbox\r\n            style=\"z-index: 90!important;\"\r\n            nzWidth=\"30px\"\r\n            nzAlign=\"center\"\r\n            [(nzChecked)]=\"isAllDisplayDataChecked\"\r\n            [nzIndeterminate]=\"isIndeterminate\"\r\n            (nzCheckedChange)=\"checkAll($event)\"\r\n        ></th>\r\n        <th [nzBreakWord]=\"true\" [nzLeft]=\"true\" class=\"left-zindex-header\" *ngIf=\"queryOpts.isIndex\" nzWidth=\"30px\" nzAlign=\"center\">#</th>\r\n        <th [nzBreakWord]=\"true\" [nzLeft]=\"true\" class=\"left-zindex-header\" *ngIf=\"queryOpts.checkBox?.isRadio\" nzWidth=\"30px\"\r\n            nzAlign=\"center\">#\r\n        </th>\r\n        <ng-container *ngFor=\"let item of queryOpts.tables; \">\r\n          <th [nzBreakWord]=\"true\" *ngIf=\"item.isShow \"\r\n              [nzShowSort]=item.sortable\r\n              nz-resizable\r\n              nzPreview\r\n              nzBounds=\"window\"\r\n              [(nzSortOrder)]=\"sortMap[item.sortKey]\"\r\n              (nzSortOrderChange)=\"sort(item.sortKey, $event)\"\r\n              [nzWidth]=\"item.width\"\r\n              [nzMaxWidth]=\"256\"\r\n              [nzMinWidth]=\"60\"\r\n              [nzRight]=\"item.isRight ? true : false\"\r\n              [nzLeft]=\"item.isLeft ? true : false\"\r\n              [ngClass]=\"{'left-zindex-header':item.isLeft ? true : false}\"\r\n              (nzResizeEnd)=\"onResize($event, item.name)\">\r\n            {{item.name}}<!-- {width}: { width: number }, col: string-->\r\n            <nz-resize-handle nzDirection=\"right\">\r\n              <div class=\"resize-trigger\"></div>\r\n            </nz-resize-handle>\r\n          </th>\r\n        </ng-container>\r\n      </tr>\r\n      </thead>\r\n\r\n\r\n      <tbody *ngIf=\"!allowDrag\">\r\n\r\n      <tr *ngFor=\"let data of basicTable.data;index as i\" class=\"t-tr\" (click)=\"selectRow(data,i)\"\r\n          [ngStyle]=\"{'color':isShowColor(data)}\"\r\n          [ngClass]=\"{'selected': i == curChecked}\" (dblclick)=\"dbclickData(data,i)\">\r\n\r\n        <td [nzBreakWord]=\"true\" [nzLeft]=\"true\"\r\n            class=\"left-zindex\"\r\n            *ngIf=\"queryOpts.checkBox?.isShowCheckbox\"\r\n            nzShowCheckbox\r\n            [(nzChecked)]=\"mapOfCheckedId[data.id]\"\r\n            (nzCheckedChange)=\"refreshStatus()\"\r\n        ></td>\r\n        <td [nzBreakWord]=\"true\" [nzLeft]=\"true\"\r\n            class=\"left-zindex\"\r\n            *ngIf=\"queryOpts.checkBox?.isRadio\" nzShowCheckbox (nzCheckedChange)=\"selectRow(data,i)\"\r\n            [(nzChecked)]=\"mapOfCheckedId[data.id]\"></td>\r\n        <td [nzBreakWord]=\"true\" [nzLeft]=\"true\"\r\n            *ngIf=\"queryOpts.isIndex\" nzAlign=\"center\" style=\"padding:12px 0;\" nzBreakWord>{{i + 1}}</td>\r\n        <ng-container *ngFor=\"let item of queryOpts.tables;\">\r\n\r\n          <td [nzBreakWord]=\"true\" [nzLeft]=\"item.isLeft ? true : false\"\r\n              [ngClass]=\"{'left-zindex':item.isLeft ? true : false}\"\r\n              [nzRight]=\"item.isRight ? true : false\"\r\n              nzBreakWord\r\n              [rowSpan]=\"checkRowSpan(item,data)\"\r\n              *ngIf=\"checkShowTd(item,i) \">\r\n            <app-table-td [data]=\"data\"\r\n                          [item]=\"item\"\r\n                          [i]=\"i\"\r\n                          (doActionByRowAction)=\"doActionByRow2($event)\"\r\n            ></app-table-td>\r\n          </td>\r\n        </ng-container>\r\n      </tr>\r\n\r\n      </tbody>\r\n      <tbody *ngIf=\"allowDrag\" cdkDropList (cdkDropListDropped)=\"drop($event)\">\r\n      <tr cdkDrag *ngFor=\"let data of basicTable.data;index as i\" class=\"t-tr\" (click)=\"selectRow(data,i)\"\r\n          [ngClass]=\"{'selected': i == curChecked}\">\r\n        <td [nzBreakWord]=\"true\" [nzLeft]=\"true\"\r\n            class=\"left-zindex\"\r\n            *ngIf=\"queryOpts.checkBox?.isShowCheckbox\"\r\n            nzShowCheckbox\r\n            [(nzChecked)]=\"mapOfCheckedId[data.id]\"\r\n            (nzCheckedChange)=\"refreshStatus()\"\r\n        ></td>\r\n        <!--\r\n                  <td [nzBreakWord]=\"true\" [nzLeft]=\"item.isLeft ? true : false\" [ngClass]=\"{'left-zindex':item.isLeft ? true : false}\"   [nzRight]=\"item.isRight ? true : false\"\r\n                      *ngIf=\"queryOpts.isShowCheckbox\"\r\n                      nzShowCheckbox\r\n                      [(nzChecked)]=\"mapOfCheckedId[data.id]\"\r\n                      (nzCheckedChange)=\"refreshStatus()\"\r\n                  ></td>\r\n        -->\r\n        <td [nzBreakWord]=\"true\" [nzLeft]=\"true\"\r\n            class=\"left-zindex\"\r\n            *ngIf=\"queryOpts.checkBox?.isRadio\" nzShowCheckbox (nzCheckedChange)=\"selectRow(data,i)\"\r\n            [(nzChecked)]=\"mapOfCheckedId[data.id]\"></td>\r\n        <td [nzBreakWord]=\"true\" [nzLeft]=\"true\"\r\n            class=\"left-zindex\"\r\n            *ngIf=\"queryOpts.isIndex\" nzAlign=\"center\" style=\"padding:12px 0;\" nzBreakWord>{{i + 1}}</td>\r\n\r\n        <ng-container *ngFor=\"let item of queryOpts.tables;\">\r\n\r\n          <td [nzBreakWord]=\"true\" [nzLeft]=\"item.isLeft ? true : false\"\r\n              [ngClass]=\"{'left-zindex':item.isLeft ? true : false}\"\r\n              [nzRight]=\"item.isRight ? true : false\"\r\n              nzBreakWord\r\n              [rowSpan]=\"checkRowSpan(item,data)\"\r\n              *ngIf=\"checkShowTd(item,i) \">\r\n            <app-table-td [data]=\"data\"\r\n                          [item]=\"item\"\r\n                          [i]=\"i\"\r\n                          (doActionByRowAction)=\"doActionByRow2($event)\"\r\n            ></app-table-td>\r\n          </td>\r\n        </ng-container>\r\n      </tr>\r\n      </tbody>\r\n\r\n    </ng-container>\r\n\r\n\r\n    <ng-template #totalTemplate let-total>\u5171 {{ total }} \u6761\u8BB0\u5F55</ng-template>\r\n  </nz-table>\r\n  <nz-dropdown-menu #menu=\"nzDropdownMenu\">\r\n    <div class=\"tabel-colunmn\">\r\n      <nz-checkbox-wrapper style=\"width: 100%;margin-top: 30px;\" (nzOnChange)=\"log($event)\">\r\n        <div nz-row>\r\n          <div nz-col nzSpan=\"24\" *ngFor=\"let item of queryOpts.tables\">\r\n            <label nz-checkbox nzValue=\"{{item.key}}\" [ngModel]=\"item.isShow\">{{item.name}}</label>\r\n          </div>\r\n        </div>\r\n      </nz-checkbox-wrapper>\r\n      <div class=\"tabel-colunmn-header\">\u8BF7\u9009\u62E9\u5217\u8868\u663E\u793A\u5185\u5BB9</div>\r\n    </div>\r\n  </nz-dropdown-menu>\r\n</div>\r\n\r\n", styles: [":host{width:100%;height:100%;display:flex;flex-direction:column}:host ::ng-deep .ant-modal{top:50px;padding:0}:host .ant-advanced-search-form{padding:10px 6px 6px;background:#fbfbfb;border:1px solid #d9d9d9;border-radius:6px;margin-bottom:5px}:host .select-icon:hover{color:#1890ff}:host ::ng-deep .ant-advanced-search-form .ant-form-item{margin-bottom:5px}:host ::ng-deep .ant-table-column-title{font-size:.65rem}:host ::ng-deep .ant-table-tbody>tr.ant-table-row:hover>td{background:#d0eeea}:host ::ng-deep .ant-modal-header,:host ::ng-deep .ant-modal-content{border-radius:4px}:host ::ng-deep .ant-table-tbody>tr.selected:hover>td{background-color:#cfe1d0!important}:host ::ng-deep .ant-table{height:100%}:host ::ng-deep nz-pagination{position:absolute;bottom:0;right:0}:host .search-result-list{padding:1px;border:1px dashed #e9e9e9;border-radius:6px;background-color:#fff;flex:1;text-align:center;position:relative}:host [nz-form-label]{overflow:visible}:host button{margin:2px 4px}:host .collapse{margin-left:6px;font-size:12px}:host .action-area{text-align:left}:host .search-area{text-align:right}:host ::ng-deep .main-table{position:absolute;inset:0}:host ::ng-deep .main-table .ant-spin-nested-loading{height:100%}:host ::ng-deep .main-table .ant-spin-container{height:100%}:host ::ng-deep .ant-table-tbody>tr.selected>td{background-color:#cfe1d0}:host ::ng-deep .ant-table-tbody>tr>td>img{display:block;width:40%;margin:0 auto}:host ::ng-deep .ant-table-body{-ms-overflow-style:none;overflow:-moz-scrollbars-none}:host ::ng-deep .ant-table-body::-webkit-scrollbar,:host ::ng-deep .ant-table-header::-webkit-scrollbar{width:6px!important;height:6px!important}:host ::ng-deep .ant-table-body::-webkit-scrollbar-track,:host ::ng-deep .ant-table-header::-webkit-scrollbar-track{width:6px!important;cursor:pointer}:host ::ng-deep .ant-table-body::-webkit-scrollbar-thumb,:host ::ng-deep .ant-table-header::-webkit-scrollbar-thumb{background:#1890ff;border-radius:3px;cursor:pointer}:host ::ng-deep .ant-table-bordered .ant-table-thead>tr>th{border-right:1px solid #ddd}:host ::ng-deep .ant-table-header{-ms-overflow-style:none;overflow:-moz-scrollbars-none;margin-bottom:-5px!important}:host ::ng-deep .ant-table-placeholder{border-bottom:none!important;border-top:none!important}:host .tabel-colunmn{display:block;width:160px;height:300px;background:#fff;border:1px solid #ddd;padding:10px;border-radius:5px;overflow-x:hidden;overflow-y:auto;position:relative}:host .tabel-colunmn-header{position:fixed;top:0;left:0;right:0;height:30px;z-index:999;line-height:30px;border-bottom:1px solid #ddd;text-align:left;font-size:13px;padding-left:10px}:host .t-tr{background:#fff}:host .t-tr:nth-child(odd){background:#f8f9fa}:host ::ng-deep .ant-table-thead>tr>th{background:#e7ebef!important;border-radius:0;word-break:break-all;white-space:pre-wrap}:host ::ng-deep .ant-table-tbody>tr>td{word-break:break-all;white-space:pre-wrap}:host ::ng-deep .ant-table-header{background:#e7ebef!important}:host td{font-size:.65rem}:host .resize-trigger{height:100%}:host .nz-resizable-preview{border-width:0;border-right-width:1px}:host ::ng-deep .ant-table-thead>tr>th .ant-table-header-column .ant-table-column-sorters>:not(.ant-table-column-sorter){position:unset}:host ::ng-deep .ant-table-tbody>tr>td{padding:5px}:host ::ng-deep .ant-table{line-height:15px}:host ::ng-deep .ant-table-middle .ant-table-footer,:host .ant-table-middle .ant-table-tbody>tr>td,:host .ant-table-middle .ant-table-thead>tr>th,:host .ant-table-middle .ant-table-title{padding:5px}:host ::ng-deep .ant-table-tbody>tr>td>img{width:35px}:host ::ng-deep .ant-modal-body{padding:10px}:host ::ng-deep .ant-table.ant-table-bordered tbody>tr>td{font-size:13px}:host ::ng-deep th{z-index:80!important}:host .left-zindex-header{z-index:90!important}:host .left-zindex{z-index:80!important}:host ::ng-deep input,:host ::ng-deep .ant-select-single:not(.ant-select-customize-input) .ant-select-selector,:host ::ng-deep .ant-picker{border-radius:5px}:host .border-text{width:100%;height:36px;line-height:36px;display:flex}:host .border-text .border-text-line{display:inline-block;border-top:1px solid #cccccc;margin-top:18px}:host .border-text .border-text-line-left{width:10px;border-left:1px solid #cccccc}:host .border-text .border-text-line-right{flex:1;border-right:1px solid #cccccc}:host .border-text .border-text-span{margin-left:5px;margin-right:5px}:host ::ng-deep .tabel-colunmn-header{position:absolute!important;top:0!important}:host ::ng-deep .ant-table-cell-fix-left,:host .ant-table-cell-fix-right{position:sticky!important}.label-title{position:absolute;display:block;top:-7px;left:10px;background-color:#fff;color:#000;font-weight:600;font-size:12px;line-height:12px}\n"], components: [{ type: TableFormItemComponent, selector: "app-table-form-item", inputs: ["header", "value", "dictList"], outputs: ["headerAction"] }, { type: LocalUploadComponent, selector: "atr-local-upload", inputs: ["beforeUpload", "url", "nzAccept", "name", "code", "withoutRole"], outputs: ["afterChange"] }, { type: i2$2.NzButtonComponent, selector: "button[nz-button], a[nz-button]", inputs: ["nzBlock", "nzGhost", "nzSearch", "nzLoading", "nzDanger", "disabled", "tabIndex", "nzType", "nzShape", "nzSize"], exportAs: ["nzButton"] }, { type: i5$1.NzTableComponent, selector: "nz-table", inputs: ["nzTableLayout", "nzShowTotal", "nzItemRender", "nzTitle", "nzFooter", "nzNoResult", "nzPageSizeOptions", "nzVirtualItemSize", "nzVirtualMaxBufferPx", "nzVirtualMinBufferPx", "nzVirtualForTrackBy", "nzLoadingDelay", "nzPageIndex", "nzPageSize", "nzTotal", "nzWidthConfig", "nzData", "nzPaginationPosition", "nzScroll", "nzPaginationType", "nzFrontPagination", "nzTemplateMode", "nzShowPagination", "nzLoading", "nzOuterBordered", "nzLoadingIndicator", "nzBordered", "nzSize", "nzShowSizeChanger", "nzHideOnSinglePage", "nzShowQuickJumper", "nzSimple"], outputs: ["nzPageSizeChange", "nzPageIndexChange", "nzQueryParams", "nzCurrentPageDataChange"], exportAs: ["nzTable"] }, { type: i5$1.NzTheadComponent, selector: "thead:not(.ant-table-thead)", outputs: ["nzSortOrderChange"] }, { type: i5$1.NzThSelectionComponent, selector: "th[nzSelections],th[nzChecked],th[nzShowCheckbox],th[nzShowRowSelection]", inputs: ["nzSelections", "nzChecked", "nzDisabled", "nzIndeterminate", "nzShowCheckbox", "nzShowRowSelection"], outputs: ["nzCheckedChange"] }, { type: i5$1.NzThAddOnComponent, selector: "th[nzColumnKey], th[nzSortFn], th[nzSortOrder], th[nzFilters], th[nzShowSort], th[nzShowFilter], th[nzCustomFilter]", inputs: ["nzColumnKey", "nzFilterMultiple", "nzSortOrder", "nzSortPriority", "nzSortDirections", "nzFilters", "nzSortFn", "nzFilterFn", "nzShowSort", "nzShowFilter", "nzCustomFilter"], outputs: ["nzCheckedChange", "nzSortOrderChange", "nzFilterChange"] }, { type: i6$2.NzResizeHandleComponent, selector: "nz-resize-handle, [nz-resize-handle]", inputs: ["nzDirection"], outputs: ["nzMouseDown"], exportAs: ["nzResizeHandle"] }, { type: i5$1.NzTbodyComponent, selector: "tbody" }, { type: i5$1.NzTdAddOnComponent, selector: "td[nzChecked], td[nzDisabled], td[nzIndeterminate], td[nzIndentSize], td[nzExpand], td[nzShowExpand], td[nzShowCheckbox]", inputs: ["nzChecked", "nzDisabled", "nzIndeterminate", "nzIndentSize", "nzShowExpand", "nzShowCheckbox", "nzExpand"], outputs: ["nzCheckedChange", "nzExpandChange"] }, { type: TableTdComponent, selector: "app-table-td", inputs: ["data", "item", "i"], outputs: ["doActionByRowAction"] }, { type: i8$1.NzDropdownMenuComponent, selector: "nz-dropdown-menu", exportAs: ["nzDropdownMenu"] }, { type: i9$1.NzCheckboxWrapperComponent, selector: "nz-checkbox-wrapper", outputs: ["nzOnChange"], exportAs: ["nzCheckboxWrapper"] }, { type: i9$1.NzCheckboxComponent, selector: "[nz-checkbox]", inputs: ["nzValue", "nzAutoFocus", "nzDisabled", "nzIndeterminate", "nzChecked", "nzId"], outputs: ["nzCheckedChange"], exportAs: ["nzCheckbox"] }], directives: [{ type: i10.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i3$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i6.NzFormDirective, selector: "[nz-form]", inputs: ["nzLayout", "nzNoColon", "nzAutoTips", "nzDisableAutoTips", "nzTooltipIcon"], exportAs: ["nzForm"] }, { type: i3$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i7.NzRowDirective, selector: "[nz-row],nz-row,nz-form-item", inputs: ["nzAlign", "nzJustify", "nzGutter"], exportAs: ["nzRow"] }, { type: i10.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i7.NzColDirective, selector: "[nz-col],nz-col,nz-form-control,nz-form-label", inputs: ["nzFlex", "nzSpan", "nzOrder", "nzOffset", "nzPush", "nzPull", "nzXs", "nzSm", "nzMd", "nzLg", "nzXl", "nzXXl"], exportAs: ["nzCol"] }, { type: i3$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i3$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { type: AtrRoleDirective, selector: "[atrRole]", inputs: ["atrRole"] }, { type: i10$1.NzWaveDirective, selector: "[nz-wave],button[nz-button]:not([nzType=\"link\"]):not([nzType=\"text\"])", inputs: ["nzWaveExtraNode"], exportAs: ["nzWave"] }, { type: i9.ɵNzTransitionPatchDirective, selector: "[nz-button], nz-button-group, [nz-icon], [nz-menu-item], [nz-submenu], nz-select-top-control, nz-select-placeholder, nz-input-group", inputs: ["hidden"] }, { type: i8.NzIconDirective, selector: "[nz-icon]", inputs: ["nzSpin", "nzRotate", "nzType", "nzTheme", "nzTwotoneColor", "nzIconfont"], exportAs: ["nzIcon"] }, { type: HqSpinDirective, selector: "[HqSpin]", inputs: ["spinLoading", "text"] }, { type: i5$1.NzTrDirective, selector: "tr:not([mat-row]):not([mat-header-row]):not([nz-table-measure-row]):not([nzExpand]):not([nz-table-fixed-row])" }, { type: i5$1.NzTableCellDirective, selector: "th:not(.nz-disable-th):not([mat-cell]), td:not(.nz-disable-td):not([mat-cell])" }, { type: i5$1.NzThMeasureDirective, selector: "th", inputs: ["nzWidth", "colspan", "colSpan", "rowspan", "rowSpan"] }, { type: i5$1.NzCellAlignDirective, selector: "th[nzAlign],td[nzAlign]", inputs: ["nzAlign"] }, { type: i5$1.NzCellBreakWordDirective, selector: "th[nzBreakWord],td[nzBreakWord]", inputs: ["nzBreakWord"] }, { type: i5$1.NzCellFixedDirective, selector: "td[nzRight],th[nzRight],td[nzLeft],th[nzLeft]", inputs: ["nzRight", "nzLeft", "colspan", "colSpan"] }, { type: i6$2.NzResizableDirective, selector: "[nz-resizable]", inputs: ["nzBounds", "nzMaxHeight", "nzMaxWidth", "nzMinHeight", "nzMinWidth", "nzGridColumnCount", "nzMaxColumn", "nzMinColumn", "nzLockAspectRatio", "nzPreview", "nzDisabled"], outputs: ["nzResize", "nzResizeEnd", "nzResizeStart"], exportAs: ["nzResizable"] }, { type: i10.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i10.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i18.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { type: i18.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { type: i3$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: AtrTableComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'atr-table', template: "<form nz-form [formGroup]=\"atrForm\" class=\"ant-advanced-search-form\"\r\n      *ngIf=\"queryOpts.headers.length >0 || queryOpts.actions.length >0\">\r\n  <div nz-row [nzGutter]=\"24\" [hidden]=\"!isCollapse\">\r\n    <ng-content  select=\"[header-left-slot]\"></ng-content>\r\n    <div nz-col [hidden]=\"!header.isShow \" *ngFor=\"let header of queryOpts.headers\"\r\n         [nzSpan]=\"header.span\">\r\n      <app-table-form-item\r\n        [header]=\"header\"\r\n        [ngModel]=\"header.defaultVal\"\r\n        [dictList]=\"dicts[header.dictCode]\"\r\n        [formControlName]=\"header.key\"\r\n        (headerAction)=\"headerAction.emit($event)\"></app-table-form-item>\r\n    </div>\r\n    <ng-content  select=\"[header-right-slot]\"></ng-content>\r\n  </div>\r\n  <div nz-row nzType=\"flex\">\r\n    <div class=\"action-area\" nz-col [nzSpan]=\"16\">\r\n      <ng-container *ngFor=\"let action of queryOpts.actions\">\r\n        <atr-local-upload *ngIf=\"action.gType == 'upload'\" [code]=\"action.code\" [url]=\"action.url\" [name]=\"action.name\"\r\n                          [withoutRole]=\"action.withoutRole\"\r\n                          style=\"    display: inline-block;\"></atr-local-upload>\r\n        <ng-container *ngIf=\"!action.gType\">\r\n          <button nz-button [nzType]=\"'primary'\" nzSize=\"small\" (click)=\"doAction(action.code)\"\r\n                  *atrRole=\"action.withoutRole ? null:action.code\"\r\n                  [disabled]=\"isEnable(action.operator)\">{{action.name}}</button>\r\n        </ng-container>\r\n      </ng-container>\r\n    </div>\r\n    <div nz-col [nzSpan]=\"8\" class=\"search-area\" *ngIf=\"queryOpts.headers.length >0 && !queryOpts.isHideQuery\">\r\n      <span *ngIf=\"showQueryTime&&queryTime\">\u6570\u636E\u67E5\u8BE2\u65F6\u95F4\uFF1A{{queryTime}}</span>\r\n      <button nz-button nzSize=\"small\" [nzType]=\"'primary'\" (click)=\"query(true)\">\u67E5\u8BE2</button>\r\n      <button nz-button nzSize=\"small\" (click)=\"resetForm()\">\u91CD\u7F6E</button>\r\n      <a class=\"collapse\" (click)=\"toggleCollapse()\" *ngIf=\"queryOpts.headers.length > 0 \">\r\n       {{isCollapse ? '\u6536\u8D77':'\u5C55\u5F00'}}\r\n        <i nz-icon [nzType]=\"isCollapse ? 'up' : 'down'\"></i>\r\n      </a>\r\n    </div>\r\n  </div>\r\n  <div *ngIf=\"title\" class=\"title\">{{title}}</div>\r\n</form>\r\n<div class=\"search-result-list\" #tableContent [spinLoading]=\"loading\" HqSpin>\r\n  <nz-table *ngIf=\"isAllLoad \" #basicTable class=\"main-table\"\r\n            [nzScroll]=\"scrollSize\"\r\n            nzSize=\"middle\"\r\n            nzBordered\r\n            [nzShowPagination]=\"showPagination\"\r\n            nzShowSizeChanger\r\n            [nzFrontPagination]=\"false\"\r\n            [nzLoading]=\"loading\"\r\n            [nzTotal]=\"total\"\r\n            [(nzPageIndex)]=\"pageIndex\"\r\n            [(nzPageSize)]=\"pageSize\"\r\n            [nzPageSizeOptions]=\"pageSizeOptions\"\r\n            [nzData]=\"tableDatas\"\r\n            (nzPageIndexChange)=\"query()\"\r\n            (nzPageSizeChange)=\"query(true)\"\r\n            [nzShowTotal]=\"totalTemplate\"\r\n  >\r\n    <ng-content select=\"[slot1]\"></ng-content>\r\n    <ng-container *ngIf=\"!isHideTable\">\r\n      <thead>\r\n      <tr (contextmenu)=\"contextMenu($event,menu)\" class=\"header-tr\">\r\n\r\n        <th *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 [nzLeft]=\"true\" class=\"left-zindex-header\" *ngIf=\"queryOpts.isIndex\" nzWidth=\"30px\" nzAlign=\"center\">#</th>\r\n        <th [nzLeft]=\"true\" class=\"left-zindex-header\" *ngIf=\"queryOpts.checkBox?.isRadio\" nzWidth=\"30px\"\r\n            nzAlign=\"center\">#\r\n        </th>\r\n        <ng-container *ngFor=\"let item of queryOpts.tables; \">\r\n          <th *ngIf=\"item.isShow \"\r\n              [nzShowSort]=item.sortable\r\n              nz-resizable\r\n              nzPreview\r\n              nzBounds=\"window\"\r\n              [(nzSortOrder)]=\"sortMap[item.sortKey]\"\r\n              (nzSortOrderChange)=\"sort(item.sortKey, $event)\"\r\n              [nzWidth]=\"item.width\"\r\n              [nzMaxWidth]=\"256\"\r\n              [nzMinWidth]=\"60\"\r\n              [nzRight]=\"item.isRight ? true : false\"\r\n              [nzLeft]=\"item.isLeft ? true : false\"\r\n              [ngClass]=\"{'left-zindex-header':item.isLeft ? true : false}\"\r\n              (nzResizeEnd)=\"onResize($event, item.name)\">\r\n            {{item.name}}<!-- {width}: { width: number }, col: string-->\r\n            <nz-resize-handle nzDirection=\"right\">\r\n              <div class=\"resize-trigger\"></div>\r\n            </nz-resize-handle>\r\n          </th>\r\n        </ng-container>\r\n      </tr>\r\n      </thead>\r\n\r\n\r\n      <tbody *ngIf=\"!allowDrag\">\r\n\r\n      <tr *ngFor=\"let data of basicTable.data;index as i\" class=\"t-tr\" (click)=\"selectRow(data,i)\"\r\n          [ngStyle]=\"{'color':isShowColor(data)}\"\r\n          [ngClass]=\"{'selected': i == curChecked}\" (dblclick)=\"dbclickData(data,i)\">\r\n\r\n        <td [nzLeft]=\"true\"\r\n            class=\"left-zindex\"\r\n            *ngIf=\"queryOpts.checkBox?.isShowCheckbox\"\r\n            nzShowCheckbox\r\n            [(nzChecked)]=\"mapOfCheckedId[data.id]\"\r\n            (nzCheckedChange)=\"refreshStatus()\"\r\n        ></td>\r\n        <td [nzLeft]=\"true\"\r\n            class=\"left-zindex\"\r\n            *ngIf=\"queryOpts.checkBox?.isRadio\" nzShowCheckbox (nzCheckedChange)=\"selectRow(data,i)\"\r\n            [(nzChecked)]=\"mapOfCheckedId[data.id]\"></td>\r\n        <td [nzLeft]=\"true\"\r\n            *ngIf=\"queryOpts.isIndex\" nzAlign=\"center\" style=\"padding:12px 0;\" nzBreakWord>{{i + 1}}</td>\r\n        <ng-container *ngFor=\"let item of queryOpts.tables;\">\r\n\r\n          <td [nzLeft]=\"item.isLeft ? true : false\"\r\n              [ngClass]=\"{'left-zindex':item.isLeft ? true : false}\"\r\n              [nzRight]=\"item.isRight ? true : false\"\r\n              nzBreakWord\r\n              [rowSpan]=\"checkRowSpan(item,data)\"\r\n              *ngIf=\"checkShowTd(item,i) \">\r\n            <app-table-td [data]=\"data\"\r\n                          [item]=\"item\"\r\n                          [i]=\"i\"\r\n                          (doActionByRowAction)=\"doActionByRow2($event)\"\r\n            ></app-table-td>\r\n          </td>\r\n        </ng-container>\r\n      </tr>\r\n\r\n      </tbody>\r\n      <tbody *ngIf=\"allowDrag\" cdkDropList (cdkDropListDropped)=\"drop($event)\">\r\n      <tr cdkDrag *ngFor=\"let data of basicTable.data;index as i\" class=\"t-tr\" (click)=\"selectRow(data,i)\"\r\n          [ngClass]=\"{'selected': i == curChecked}\">\r\n        <td [nzLeft]=\"true\"\r\n            class=\"left-zindex\"\r\n            *ngIf=\"queryOpts.checkBox?.isShowCheckbox\"\r\n            nzShowCheckbox\r\n            [(nzChecked)]=\"mapOfCheckedId[data.id]\"\r\n            (nzCheckedChange)=\"refreshStatus()\"\r\n        ></td>\r\n        <!--\r\n                  <td [nzLeft]=\"item.isLeft ? true : false\" [ngClass]=\"{'left-zindex':item.isLeft ? true : false}\"   [nzRight]=\"item.isRight ? true : false\"\r\n                      *ngIf=\"queryOpts.isShowCheckbox\"\r\n                      nzShowCheckbox\r\n                      [(nzChecked)]=\"mapOfCheckedId[data.id]\"\r\n                      (nzCheckedChange)=\"refreshStatus()\"\r\n                  ></td>\r\n        -->\r\n        <td [nzLeft]=\"true\"\r\n            class=\"left-zindex\"\r\n            *ngIf=\"queryOpts.checkBox?.isRadio\" nzShowCheckbox (nzCheckedChange)=\"selectRow(data,i)\"\r\n            [(nzChecked)]=\"mapOfCheckedId[data.id]\"></td>\r\n        <td [nzLeft]=\"true\"\r\n            class=\"left-zindex\"\r\n            *ngIf=\"queryOpts.isIndex\" nzAlign=\"center\" style=\"padding:12px 0;\" nzBreakWord>{{i + 1}}</td>\r\n\r\n        <ng-container *ngFor=\"let item of queryOpts.tables;\">\r\n\r\n          <td [nzLeft]=\"item.isLeft ? true : false\"\r\n              [ngClass]=\"{'left-zindex':item.isLeft ? true : false}\"\r\n              [nzRight]=\"item.isRight ? true : false\"\r\n              nzBreakWord\r\n              [rowSpan]=\"checkRowSpan(item,data)\"\r\n              *ngIf=\"checkShowTd(item,i) \">\r\n            <app-table-td [data]=\"data\"\r\n                          [item]=\"item\"\r\n                          [i]=\"i\"\r\n                          (doActionByRowAction)=\"doActionByRow2($event)\"\r\n            ></app-table-td>\r\n          </td>\r\n        </ng-container>\r\n      </tr>\r\n      </tbody>\r\n\r\n    </ng-container>\r\n\r\n\r\n    <ng-template #totalTemplate let-total>\u5171 {{ total }} \u6761\u8BB0\u5F55</ng-template>\r\n  </nz-table>\r\n  <nz-dropdown-menu #menu=\"nzDropdownMenu\">\r\n    <div class=\"tabel-colunmn\">\r\n      <nz-checkbox-wrapper style=\"width: 100%;margin-top: 30px;\" (nzOnChange)=\"log($event)\">\r\n        <div nz-row>\r\n          <div nz-col nzSpan=\"24\" *ngFor=\"let item of queryOpts.tables\">\r\n            <label nz-checkbox nzValue=\"{{item.key}}\" [ngModel]=\"item.isShow\">{{item.name}}</label>\r\n          </div>\r\n        </div>\r\n      </nz-checkbox-wrapper>\r\n      <div class=\"tabel-colunmn-header\">\u8BF7\u9009\u62E9\u5217\u8868\u663E\u793A\u5185\u5BB9</div>\r\n    </div>\r\n  </nz-dropdown-menu>\r\n</div>\r\n\r\n", styles: [":host{width:100%;height:100%;display:flex;flex-direction:column}:host ::ng-deep .ant-modal{top:50px;padding:0}:host .ant-advanced-search-form{padding:10px 6px 6px;background:#fbfbfb;border:1px solid #d9d9d9;border-radius:6px;margin-bottom:5px}:host .select-icon:hover{color:#1890ff}:host ::ng-deep .ant-advanced-search-form .ant-form-item{margin-bottom:5px}:host ::ng-deep .ant-table-column-title{font-size:.65rem}:host ::ng-deep .ant-table-tbody>tr.ant-table-row:hover>td{background:#d0eeea}:host ::ng-deep .ant-modal-header,:host ::ng-deep .ant-modal-content{border-radius:4px}:host ::ng-deep .ant-table-tbody>tr.selected:hover>td{background-color:#cfe1d0!important}:host ::ng-deep .ant-table{height:100%}:host ::ng-deep nz-pagination{position:absolute;bottom:0;right:0}:host .search-result-list{padding:1px;border:1px dashed #e9e9e9;border-radius:6px;background-color:#fff;flex:1;text-align:center;position:relative}:host [nz-form-label]{overflow:visible}:host button{margin:2px 4px}:host .collapse{margin-left:6px;font-size:12px}:host .action-area{text-align:left}:host .search-area{text-align:right}:host ::ng-deep .main-table{position:absolute;inset:0}:host ::ng-deep .main-table .ant-spin-nested-loading{height:100%}:host ::ng-deep .main-table .ant-spin-container{height:100%}:host ::ng-deep .ant-table-tbody>tr.selected>td{background-color:#cfe1d0}:host ::ng-deep .ant-table-tbody>tr>td>img{display:block;width:40%;margin:0 auto}:host ::ng-deep .ant-table-body{-ms-overflow-style:none;overflow:-moz-scrollbars-none}:host ::ng-deep .ant-table-body::-webkit-scrollbar,:host ::ng-deep .ant-table-header::-webkit-scrollbar{width:6px!important;height:6px!important}:host ::ng-deep .ant-table-body::-webkit-scrollbar-track,:host ::ng-deep .ant-table-header::-webkit-scrollbar-track{width:6px!important;cursor:pointer}:host ::ng-deep .ant-table-body::-webkit-scrollbar-thumb,:host ::ng-deep .ant-table-header::-webkit-scrollbar-thumb{background:#1890ff;border-radius:3px;cursor:pointer}:host ::ng-deep .ant-table-bordered .ant-table-thead>tr>th{border-right:1px solid #ddd}:host ::ng-deep .ant-table-header{-ms-overflow-style:none;overflow:-moz-scrollbars-none;margin-bottom:-5px!important}:host ::ng-deep .ant-table-placeholder{border-bottom:none!important;border-top:none!important}:host .tabel-colunmn{display:block;width:160px;height:300px;background:#fff;border:1px solid #ddd;padding:10px;border-radius:5px;overflow-x:hidden;overflow-y:auto;position:relative}:host .tabel-colunmn-header{position:fixed;top:0;left:0;right:0;height:30px;z-index:999;line-height:30px;border-bottom:1px solid #ddd;text-align:left;font-size:13px;padding-left:10px}:host .t-tr{background:#fff}:host .t-tr:nth-child(odd){background:#f8f9fa}:host ::ng-deep .ant-table-thead>tr>th{background:#e7ebef!important;border-radius:0;word-break:break-all;white-space:pre-wrap}:host ::ng-deep .ant-table-tbody>tr>td{word-break:break-all;white-space:pre-wrap}:host ::ng-deep .ant-table-header{background:#e7ebef!important}:host td{font-size:.65rem}:host .resize-trigger{height:100%}:host .nz-resizable-preview{border-width:0;border-right-width:1px}:host ::ng-deep .ant-table-thead>tr>th .ant-table-header-column .ant-table-column-sorters>:not(.ant-table-column-sorter){position:unset}:host ::ng-deep .ant-table-tbody>tr>td{padding:5px}:host ::ng-deep .ant-table{line-height:15px}:host ::ng-deep .ant-table-middle .ant-table-footer,:host .ant-table-middle .ant-table-tbody>tr>td,:host .ant-table-middle .ant-table-thead>tr>th,:host .ant-table-middle .ant-table-title{padding:5px}:host ::ng-deep .ant-table-tbody>tr>td>img{width:35px}:host ::ng-deep .ant-modal-body{padding:10px}:host ::ng-deep .ant-table.ant-table-bordered tbody>tr>td{font-size:13px}:host ::ng-deep th{z-index:80!important}:host .left-zindex-header{z-index:90!important}:host .left-zindex{z-index:80!important}:host ::ng-deep input,:host ::ng-deep .ant-select-single:not(.ant-select-customize-input) .ant-select-selector,:host ::ng-deep .ant-picker{border-radius:5px}:host .border-text{width:100%;height:36px;line-height:36px;display:flex}:host .border-text .border-text-line{display:inline-block;border-top:1px solid #cccccc;margin-top:18px}:host .border-text .border-text-line-left{width:10px;border-left:1px solid #cccccc}:host .border-text .border-text-line-right{flex:1;border-right:1px solid #cccccc}:host .border-text .border-text-span{margin-left:5px;margin-right:5px}:host ::ng-deep .tabel-colunmn-header{position:absolute!important;top:0!important}:host ::ng-deep .ant-table-cell-fix-left,:host .ant-table-cell-fix-right{position:sticky!important}.label-title{position:absolute;display:block;top:-7px;left:10px;background-color:#fff;color:#000;font-weight:600;font-size:12px;line-height:12px}\n"] }]
+            args: [{ selector: 'atr-table', template: "<form nz-form [formGroup]=\"atrForm\" class=\"ant-advanced-search-form\"\r\n      *ngIf=\"queryOpts.headers.length >0 || queryOpts.actions.length >0\">\r\n  <div nz-row [nzGutter]=\"24\" [hidden]=\"!isCollapse\">\r\n    <ng-content  select=\"[header-left-slot]\"></ng-content>\r\n    <div nz-col [hidden]=\"!header.isShow \" *ngFor=\"let header of queryOpts.headers\"\r\n         [nzSpan]=\"header.span\">\r\n      <app-table-form-item\r\n        [header]=\"header\"\r\n        [ngModel]=\"header.defaultVal\"\r\n        [dictList]=\"dicts[header.dictCode]\"\r\n        [formControlName]=\"header.key\"\r\n        (headerAction)=\"headerAction.emit($event)\"></app-table-form-item>\r\n    </div>\r\n    <ng-content  select=\"[header-right-slot]\"></ng-content>\r\n  </div>\r\n  <div nz-row nzType=\"flex\">\r\n    <div class=\"action-area\" nz-col [nzSpan]=\"16\">\r\n      <ng-content select=\"[button-left-slot]\"></ng-content>\r\n      <ng-container *ngFor=\"let action of queryOpts.actions\">\r\n        <atr-local-upload *ngIf=\"action.gType == 'upload'\" [code]=\"action.code\" [url]=\"action.url\" [name]=\"action.name\"\r\n                          [withoutRole]=\"action.withoutRole\"\r\n                          style=\"    display: inline-block;\"></atr-local-upload>\r\n        <ng-container *ngIf=\"!action.gType\">\r\n          <button nz-button [nzType]=\"'primary'\" nzSize=\"small\" (click)=\"doAction(action.code)\"\r\n                  *atrRole=\"action.withoutRole ? null:action.code\"\r\n                  [disabled]=\"isEnable(action.operator)\">{{action.name}}</button>\r\n        </ng-container>\r\n      </ng-container>\r\n    </div>\r\n    <div nz-col [nzSpan]=\"8\" class=\"search-area\" *ngIf=\"queryOpts.headers.length >0 && !queryOpts.isHideQuery\">\r\n      <span *ngIf=\"showQueryTime&&queryTime\">\u6570\u636E\u67E5\u8BE2\u65F6\u95F4\uFF1A{{queryTime}}</span>\r\n      <button nz-button nzSize=\"small\" [nzType]=\"'primary'\" (click)=\"query(true)\">\u67E5\u8BE2</button>\r\n      <button nz-button nzSize=\"small\" (click)=\"resetForm()\">\u91CD\u7F6E</button>\r\n      <a class=\"collapse\" (click)=\"toggleCollapse()\" *ngIf=\"queryOpts.headers.length > 0 \">\r\n       {{isCollapse ? '\u6536\u8D77':'\u5C55\u5F00'}}\r\n        <i nz-icon [nzType]=\"isCollapse ? 'up' : 'down'\"></i>\r\n      </a>\r\n    </div>\r\n  </div>\r\n  <div *ngIf=\"title\" class=\"title\">{{title}}</div>\r\n</form>\r\n<div class=\"search-result-list\" #tableContent [spinLoading]=\"loading\" HqSpin>\r\n  <nz-table *ngIf=\"isAllLoad \" #basicTable class=\"main-table\"\r\n            [nzScroll]=\"scrollSize\"\r\n            nzSize=\"middle\"\r\n            nzBordered\r\n            [nzShowPagination]=\"showPagination\"\r\n            nzShowSizeChanger\r\n            [nzFrontPagination]=\"false\"\r\n            [nzLoading]=\"loading\"\r\n            [nzTotal]=\"total\"\r\n            [(nzPageIndex)]=\"pageIndex\"\r\n            [(nzPageSize)]=\"pageSize\"\r\n            [nzPageSizeOptions]=\"pageSizeOptions\"\r\n            [nzData]=\"tableDatas\"\r\n            (nzPageIndexChange)=\"query()\"\r\n            (nzPageSizeChange)=\"query(true)\"\r\n            [nzShowTotal]=\"totalTemplate\"\r\n  >\r\n    <ng-content select=\"[slot1]\"></ng-content>\r\n    <ng-container *ngIf=\"!isHideTable\">\r\n      <thead>\r\n      <tr (contextmenu)=\"contextMenu($event,menu)\" class=\"header-tr\">\r\n\r\n        <th [nzBreakWord]=\"true\" *ngIf=\"queryOpts.checkBox?.isShowCheckbox\"\r\n            [nzLeft]=\"true\"\r\n            class=\"left-zindex-header\"\r\n            nzShowCheckbox\r\n            style=\"z-index: 90!important;\"\r\n            nzWidth=\"30px\"\r\n            nzAlign=\"center\"\r\n            [(nzChecked)]=\"isAllDisplayDataChecked\"\r\n            [nzIndeterminate]=\"isIndeterminate\"\r\n            (nzCheckedChange)=\"checkAll($event)\"\r\n        ></th>\r\n        <th [nzBreakWord]=\"true\" [nzLeft]=\"true\" class=\"left-zindex-header\" *ngIf=\"queryOpts.isIndex\" nzWidth=\"30px\" nzAlign=\"center\">#</th>\r\n        <th [nzBreakWord]=\"true\" [nzLeft]=\"true\" class=\"left-zindex-header\" *ngIf=\"queryOpts.checkBox?.isRadio\" nzWidth=\"30px\"\r\n            nzAlign=\"center\">#\r\n        </th>\r\n        <ng-container *ngFor=\"let item of queryOpts.tables; \">\r\n          <th [nzBreakWord]=\"true\" *ngIf=\"item.isShow \"\r\n              [nzShowSort]=item.sortable\r\n              nz-resizable\r\n              nzPreview\r\n              nzBounds=\"window\"\r\n              [(nzSortOrder)]=\"sortMap[item.sortKey]\"\r\n              (nzSortOrderChange)=\"sort(item.sortKey, $event)\"\r\n              [nzWidth]=\"item.width\"\r\n              [nzMaxWidth]=\"256\"\r\n              [nzMinWidth]=\"60\"\r\n              [nzRight]=\"item.isRight ? true : false\"\r\n              [nzLeft]=\"item.isLeft ? true : false\"\r\n              [ngClass]=\"{'left-zindex-header':item.isLeft ? true : false}\"\r\n              (nzResizeEnd)=\"onResize($event, item.name)\">\r\n            {{item.name}}<!-- {width}: { width: number }, col: string-->\r\n            <nz-resize-handle nzDirection=\"right\">\r\n              <div class=\"resize-trigger\"></div>\r\n            </nz-resize-handle>\r\n          </th>\r\n        </ng-container>\r\n      </tr>\r\n      </thead>\r\n\r\n\r\n      <tbody *ngIf=\"!allowDrag\">\r\n\r\n      <tr *ngFor=\"let data of basicTable.data;index as i\" class=\"t-tr\" (click)=\"selectRow(data,i)\"\r\n          [ngStyle]=\"{'color':isShowColor(data)}\"\r\n          [ngClass]=\"{'selected': i == curChecked}\" (dblclick)=\"dbclickData(data,i)\">\r\n\r\n        <td [nzBreakWord]=\"true\" [nzLeft]=\"true\"\r\n            class=\"left-zindex\"\r\n            *ngIf=\"queryOpts.checkBox?.isShowCheckbox\"\r\n            nzShowCheckbox\r\n            [(nzChecked)]=\"mapOfCheckedId[data.id]\"\r\n            (nzCheckedChange)=\"refreshStatus()\"\r\n        ></td>\r\n        <td [nzBreakWord]=\"true\" [nzLeft]=\"true\"\r\n            class=\"left-zindex\"\r\n            *ngIf=\"queryOpts.checkBox?.isRadio\" nzShowCheckbox (nzCheckedChange)=\"selectRow(data,i)\"\r\n            [(nzChecked)]=\"mapOfCheckedId[data.id]\"></td>\r\n        <td [nzBreakWord]=\"true\" [nzLeft]=\"true\"\r\n            *ngIf=\"queryOpts.isIndex\" nzAlign=\"center\" style=\"padding:12px 0;\" nzBreakWord>{{i + 1}}</td>\r\n        <ng-container *ngFor=\"let item of queryOpts.tables;\">\r\n\r\n          <td [nzBreakWord]=\"true\" [nzLeft]=\"item.isLeft ? true : false\"\r\n              [ngClass]=\"{'left-zindex':item.isLeft ? true : false}\"\r\n              [nzRight]=\"item.isRight ? true : false\"\r\n              nzBreakWord\r\n              [rowSpan]=\"checkRowSpan(item,data)\"\r\n              *ngIf=\"checkShowTd(item,i) \">\r\n            <app-table-td [data]=\"data\"\r\n                          [item]=\"item\"\r\n                          [i]=\"i\"\r\n                          (doActionByRowAction)=\"doActionByRow2($event)\"\r\n            ></app-table-td>\r\n          </td>\r\n        </ng-container>\r\n      </tr>\r\n\r\n      </tbody>\r\n      <tbody *ngIf=\"allowDrag\" cdkDropList (cdkDropListDropped)=\"drop($event)\">\r\n      <tr cdkDrag *ngFor=\"let data of basicTable.data;index as i\" class=\"t-tr\" (click)=\"selectRow(data,i)\"\r\n          [ngClass]=\"{'selected': i == curChecked}\">\r\n        <td [nzBreakWord]=\"true\" [nzLeft]=\"true\"\r\n            class=\"left-zindex\"\r\n            *ngIf=\"queryOpts.checkBox?.isShowCheckbox\"\r\n            nzShowCheckbox\r\n            [(nzChecked)]=\"mapOfCheckedId[data.id]\"\r\n            (nzCheckedChange)=\"refreshStatus()\"\r\n        ></td>\r\n        <!--\r\n                  <td [nzBreakWord]=\"true\" [nzLeft]=\"item.isLeft ? true : false\" [ngClass]=\"{'left-zindex':item.isLeft ? true : false}\"   [nzRight]=\"item.isRight ? true : false\"\r\n                      *ngIf=\"queryOpts.isShowCheckbox\"\r\n                      nzShowCheckbox\r\n                      [(nzChecked)]=\"mapOfCheckedId[data.id]\"\r\n                      (nzCheckedChange)=\"refreshStatus()\"\r\n                  ></td>\r\n        -->\r\n        <td [nzBreakWord]=\"true\" [nzLeft]=\"true\"\r\n            class=\"left-zindex\"\r\n            *ngIf=\"queryOpts.checkBox?.isRadio\" nzShowCheckbox (nzCheckedChange)=\"selectRow(data,i)\"\r\n            [(nzChecked)]=\"mapOfCheckedId[data.id]\"></td>\r\n        <td [nzBreakWord]=\"true\" [nzLeft]=\"true\"\r\n            class=\"left-zindex\"\r\n            *ngIf=\"queryOpts.isIndex\" nzAlign=\"center\" style=\"padding:12px 0;\" nzBreakWord>{{i + 1}}</td>\r\n\r\n        <ng-container *ngFor=\"let item of queryOpts.tables;\">\r\n\r\n          <td [nzBreakWord]=\"true\" [nzLeft]=\"item.isLeft ? true : false\"\r\n              [ngClass]=\"{'left-zindex':item.isLeft ? true : false}\"\r\n              [nzRight]=\"item.isRight ? true : false\"\r\n              nzBreakWord\r\n              [rowSpan]=\"checkRowSpan(item,data)\"\r\n              *ngIf=\"checkShowTd(item,i) \">\r\n            <app-table-td [data]=\"data\"\r\n                          [item]=\"item\"\r\n                          [i]=\"i\"\r\n                          (doActionByRowAction)=\"doActionByRow2($event)\"\r\n            ></app-table-td>\r\n          </td>\r\n        </ng-container>\r\n      </tr>\r\n      </tbody>\r\n\r\n    </ng-container>\r\n\r\n\r\n    <ng-template #totalTemplate let-total>\u5171 {{ total }} \u6761\u8BB0\u5F55</ng-template>\r\n  </nz-table>\r\n  <nz-dropdown-menu #menu=\"nzDropdownMenu\">\r\n    <div class=\"tabel-colunmn\">\r\n      <nz-checkbox-wrapper style=\"width: 100%;margin-top: 30px;\" (nzOnChange)=\"log($event)\">\r\n        <div nz-row>\r\n          <div nz-col nzSpan=\"24\" *ngFor=\"let item of queryOpts.tables\">\r\n            <label nz-checkbox nzValue=\"{{item.key}}\" [ngModel]=\"item.isShow\">{{item.name}}</label>\r\n          </div>\r\n        </div>\r\n      </nz-checkbox-wrapper>\r\n      <div class=\"tabel-colunmn-header\">\u8BF7\u9009\u62E9\u5217\u8868\u663E\u793A\u5185\u5BB9</div>\r\n    </div>\r\n  </nz-dropdown-menu>\r\n</div>\r\n\r\n", styles: [":host{width:100%;height:100%;display:flex;flex-direction:column}:host ::ng-deep .ant-modal{top:50px;padding:0}:host .ant-advanced-search-form{padding:10px 6px 6px;background:#fbfbfb;border:1px solid #d9d9d9;border-radius:6px;margin-bottom:5px}:host .select-icon:hover{color:#1890ff}:host ::ng-deep .ant-advanced-search-form .ant-form-item{margin-bottom:5px}:host ::ng-deep .ant-table-column-title{font-size:.65rem}:host ::ng-deep .ant-table-tbody>tr.ant-table-row:hover>td{background:#d0eeea}:host ::ng-deep .ant-modal-header,:host ::ng-deep .ant-modal-content{border-radius:4px}:host ::ng-deep .ant-table-tbody>tr.selected:hover>td{background-color:#cfe1d0!important}:host ::ng-deep .ant-table{height:100%}:host ::ng-deep nz-pagination{position:absolute;bottom:0;right:0}:host .search-result-list{padding:1px;border:1px dashed #e9e9e9;border-radius:6px;background-color:#fff;flex:1;text-align:center;position:relative}:host [nz-form-label]{overflow:visible}:host button{margin:2px 4px}:host .collapse{margin-left:6px;font-size:12px}:host .action-area{text-align:left}:host .search-area{text-align:right}:host ::ng-deep .main-table{position:absolute;inset:0}:host ::ng-deep .main-table .ant-spin-nested-loading{height:100%}:host ::ng-deep .main-table .ant-spin-container{height:100%}:host ::ng-deep .ant-table-tbody>tr.selected>td{background-color:#cfe1d0}:host ::ng-deep .ant-table-tbody>tr>td>img{display:block;width:40%;margin:0 auto}:host ::ng-deep .ant-table-body{-ms-overflow-style:none;overflow:-moz-scrollbars-none}:host ::ng-deep .ant-table-body::-webkit-scrollbar,:host ::ng-deep .ant-table-header::-webkit-scrollbar{width:6px!important;height:6px!important}:host ::ng-deep .ant-table-body::-webkit-scrollbar-track,:host ::ng-deep .ant-table-header::-webkit-scrollbar-track{width:6px!important;cursor:pointer}:host ::ng-deep .ant-table-body::-webkit-scrollbar-thumb,:host ::ng-deep .ant-table-header::-webkit-scrollbar-thumb{background:#1890ff;border-radius:3px;cursor:pointer}:host ::ng-deep .ant-table-bordered .ant-table-thead>tr>th{border-right:1px solid #ddd}:host ::ng-deep .ant-table-header{-ms-overflow-style:none;overflow:-moz-scrollbars-none;margin-bottom:-5px!important}:host ::ng-deep .ant-table-placeholder{border-bottom:none!important;border-top:none!important}:host .tabel-colunmn{display:block;width:160px;height:300px;background:#fff;border:1px solid #ddd;padding:10px;border-radius:5px;overflow-x:hidden;overflow-y:auto;position:relative}:host .tabel-colunmn-header{position:fixed;top:0;left:0;right:0;height:30px;z-index:999;line-height:30px;border-bottom:1px solid #ddd;text-align:left;font-size:13px;padding-left:10px}:host .t-tr{background:#fff}:host .t-tr:nth-child(odd){background:#f8f9fa}:host ::ng-deep .ant-table-thead>tr>th{background:#e7ebef!important;border-radius:0;word-break:break-all;white-space:pre-wrap}:host ::ng-deep .ant-table-tbody>tr>td{word-break:break-all;white-space:pre-wrap}:host ::ng-deep .ant-table-header{background:#e7ebef!important}:host td{font-size:.65rem}:host .resize-trigger{height:100%}:host .nz-resizable-preview{border-width:0;border-right-width:1px}:host ::ng-deep .ant-table-thead>tr>th .ant-table-header-column .ant-table-column-sorters>:not(.ant-table-column-sorter){position:unset}:host ::ng-deep .ant-table-tbody>tr>td{padding:5px}:host ::ng-deep .ant-table{line-height:15px}:host ::ng-deep .ant-table-middle .ant-table-footer,:host .ant-table-middle .ant-table-tbody>tr>td,:host .ant-table-middle .ant-table-thead>tr>th,:host .ant-table-middle .ant-table-title{padding:5px}:host ::ng-deep .ant-table-tbody>tr>td>img{width:35px}:host ::ng-deep .ant-modal-body{padding:10px}:host ::ng-deep .ant-table.ant-table-bordered tbody>tr>td{font-size:13px}:host ::ng-deep th{z-index:80!important}:host .left-zindex-header{z-index:90!important}:host .left-zindex{z-index:80!important}:host ::ng-deep input,:host ::ng-deep .ant-select-single:not(.ant-select-customize-input) .ant-select-selector,:host ::ng-deep .ant-picker{border-radius:5px}:host .border-text{width:100%;height:36px;line-height:36px;display:flex}:host .border-text .border-text-line{display:inline-block;border-top:1px solid #cccccc;margin-top:18px}:host .border-text .border-text-line-left{width:10px;border-left:1px solid #cccccc}:host .border-text .border-text-line-right{flex:1;border-right:1px solid #cccccc}:host .border-text .border-text-span{margin-left:5px;margin-right:5px}:host ::ng-deep .tabel-colunmn-header{position:absolute!important;top:0!important}:host ::ng-deep .ant-table-cell-fix-left,:host .ant-table-cell-fix-right{position:sticky!important}.label-title{position:absolute;display:block;top:-7px;left:10px;background-color:#fff;color:#000;font-weight:600;font-size:12px;line-height:12px}\n"] }]
         }], ctorParameters: function () {
         return [{ type: i3$1.FormBuilder }, { type: i0.Injector }, { type: undefined, decorators: [{
                         type: Inject,
@@ -4468,7 +4468,7 @@ SelectIconsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", v
             useExisting: forwardRef(() => SelectIconsComponent),
             multi: true
         }
-    ], 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"], components: [{ type: i2$2.NzButtonComponent, selector: "button[nz-button], a[nz-button]", inputs: ["nzBlock", "nzGhost", "nzSearch", "nzLoading", "nzDanger", "disabled", "tabIndex", "nzType", "nzShape", "nzSize"], exportAs: ["nzButton"] }], directives: [{ type: 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$1.NzWaveDirective, selector: "[nz-wave],button[nz-button]:not([nzType=\"link\"]):not([nzType=\"text\"])", inputs: ["nzWaveExtraNode"], exportAs: ["nzWave"] }, { type: i9.ɵNzTransitionPatchDirective, selector: "[nz-button], nz-button-group, [nz-icon], [nz-menu-item], [nz-submenu], nz-select-top-control, nz-select-placeholder, nz-input-group", inputs: ["hidden"] }, { type: i4$1.NzPopoverDirective, selector: "[nz-popover]", inputs: ["nzPopoverArrowPointAtCenter", "nzPopoverTitle", "nzPopoverContent", "nz-popover", "nzPopoverTrigger", "nzPopoverPlacement", "nzPopoverOrigin", "nzPopoverVisible", "nzPopoverMouseEnterDelay", "nzPopoverMouseLeaveDelay", "nzPopoverOverlayClassName", "nzPopoverOverlayStyle", "nzPopoverBackdrop"], outputs: ["nzPopoverVisibleChange"], exportAs: ["nzPopover"] }, { type: i10.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i8.NzIconDirective, selector: "[nz-icon]", inputs: ["nzSpin", "nzRotate", "nzType", "nzTheme", "nzTwotoneColor", "nzIconfont"], exportAs: ["nzIcon"] }] });
+    ], 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"], components: [{ type: i2$2.NzButtonComponent, selector: "button[nz-button], a[nz-button]", inputs: ["nzBlock", "nzGhost", "nzSearch", "nzLoading", "nzDanger", "disabled", "tabIndex", "nzType", "nzShape", "nzSize"], exportAs: ["nzButton"] }], directives: [{ type: 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$1.NzWaveDirective, selector: "[nz-wave],button[nz-button]:not([nzType=\"link\"]):not([nzType=\"text\"])", inputs: ["nzWaveExtraNode"], exportAs: ["nzWave"] }, { type: i9.ɵNzTransitionPatchDirective, selector: "[nz-button], nz-button-group, [nz-icon], [nz-menu-item], [nz-submenu], nz-select-top-control, nz-select-placeholder, nz-input-group", inputs: ["hidden"] }, { type: i4$1.NzPopoverDirective, selector: "[nz-popover]", inputs: ["nzPopoverArrowPointAtCenter", "nzPopoverTitle", "nzPopoverContent", "nz-popover", "nzPopoverTrigger", "nzPopoverPlacement", "nzPopoverOrigin", "nzPopoverVisible", "nzPopoverMouseEnterDelay", "nzPopoverMouseLeaveDelay", "nzPopoverOverlayClassName", "nzPopoverOverlayStyle", "nzPopoverBackdrop"], outputs: ["nzPopoverVisibleChange"], exportAs: ["nzPopover"] }, { type: i10.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i8.NzIconDirective, selector: "[nz-icon]", inputs: ["nzSpin", "nzRotate", "nzType", "nzTheme", "nzTwotoneColor", "nzIconfont"], exportAs: ["nzIcon"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SelectIconsComponent, decorators: [{
             type: Component,
             args: [{ selector: 'app-select-icons', providers: [
@@ -4478,7 +4478,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                             useExisting: forwardRef(() => SelectIconsComponent),
                             multi: true
                         }
-                    ], 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"] }]
+                    ], 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"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { readonly: [{
                 type: Input
             }], placeholder: [{
@@ -5256,10 +5256,10 @@ class ImgCanvasComponent {
     }
 }
 ImgCanvasComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: ImgCanvasComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-ImgCanvasComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: ImgCanvasComponent, selector: "app-img", inputs: { needTime: "needTime", url: "url", clipArr: "clipArr", rotateNum: "rotateNum", needContextmenu: "needContextmenu" }, outputs: { loadOver: "loadOver" }, viewQueries: [{ propertyName: "canvas1", first: true, predicate: ["canvas1"], descendants: true }], ngImport: i0, template: "<canvas #canvas1 style=\"width: 100%;height: 100%;\" oncontextmenu=\"return needContextmenu\">\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: [""] });
+ImgCanvasComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: ImgCanvasComponent, selector: "app-img", inputs: { needTime: "needTime", url: "url", clipArr: "clipArr", rotateNum: "rotateNum", needContextmenu: "needContextmenu" }, outputs: { loadOver: "loadOver" }, viewQueries: [{ propertyName: "canvas1", first: true, predicate: ["canvas1"], descendants: true }], ngImport: i0, template: "<canvas #canvas1 style=\"width: 100%;height: 100%;\" oncontextmenu=\"return needContextmenu\">\n  \u60A8\u7684\u6D4F\u89C8\u5668\u4E0D\u652F\u6301\u753B\u5E03\uFF01\n</canvas>\n<ng-content></ng-content>\n", styles: [""] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: ImgCanvasComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-img', template: "<canvas #canvas1 style=\"width: 100%;height: 100%;\" oncontextmenu=\"return needContextmenu\">\r\n  \u60A8\u7684\u6D4F\u89C8\u5668\u4E0D\u652F\u6301\u753B\u5E03\uFF01\r\n</canvas>\r\n<ng-content></ng-content>\r\n", styles: [""] }]
+            args: [{ selector: 'app-img', template: "<canvas #canvas1 style=\"width: 100%;height: 100%;\" oncontextmenu=\"return needContextmenu\">\n  \u60A8\u7684\u6D4F\u89C8\u5668\u4E0D\u652F\u6301\u753B\u5E03\uFF01\n</canvas>\n<ng-content></ng-content>\n", styles: [""] }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { needTime: [{
                 type: Input
             }], url: [{