@ebuilding/abc 2.0.0

package/fesm2022/components.card.mjs

@@ -0,0 +1,670 @@
+import * as i0 from '@angular/core';
+import { EventEmitter, Output, Input, Directive, Component, NgModule } from '@angular/core';
+import * as i2 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i3 from '@angular/forms';
+import { FormsModule, ReactiveFormsModule } from '@angular/forms';
+import * as i3$2 from '@ebuilding/base/components/empty';
+import { GramDeonEmptyModule } from '@ebuilding/base/components/empty';
+import * as i4$1 from 'ng-zorro-antd/checkbox';
+import { NzCheckboxModule } from 'ng-zorro-antd/checkbox';
+import * as i6$1 from 'ng-zorro-antd/dropdown';
+import { NzDropDownModule } from 'ng-zorro-antd/dropdown';
+import * as i7 from 'ng-zorro-antd/icon';
+import { NzIconModule } from 'ng-zorro-antd/icon';
+import * as i3$1 from '@delon/acl';
+import { DelonACLModule } from '@delon/acl';
+import * as i8 from '@ebuilding/abc/button';
+import { GramDeonButtonModule } from '@ebuilding/abc/button';
+import * as i4 from 'ng-zorro-antd/rate';
+import { NzRateModule } from 'ng-zorro-antd/rate';
+import * as i5 from 'ng-zorro-antd/avatar';
+import { NzAvatarModule } from 'ng-zorro-antd/avatar';
+import * as i6 from '@ebuilding/abc/text';
+import { GramDeonTextModule } from '@ebuilding/abc/text';
+import _ from 'lodash';
+import * as i5$1 from 'ng-zorro-antd/menu';
+import { NzButtonModule } from 'ng-zorro-antd/button';
+import * as i8$1 from 'ng-zorro-antd/core/transition-patch';
+
+class ItemService {
+    _config = null;
+    set config(value) {
+        this._config = value;
+        this.getPageData();
+    }
+    get config() {
+        return this._config;
+    }
+    textClickEvent = new EventEmitter();
+    type = null;
+    fontSize = null;
+    fontColor = null;
+    fontWeight = null;
+    text = null;
+    itemInfo = null;
+    headerInfo = null;
+    constructor() {
+    }
+    getPageData() {
+        this.fontSize = null;
+        this.fontColor = null;
+        this.fontWeight = null;
+        this.itemInfo = _.get(this.config, "item");
+        this.type = _.get(this.config, "column.type");
+        this.headerInfo = _.get(this.config, "column.fieldInfo");
+        if (this.type && this.headerInfo && this.itemInfo) {
+            let styles = JSON.parse(this.headerInfo.styles);
+            if (styles) {
+                if (styles["color"]) {
+                    this.fontColor = styles["color"];
+                }
+                if (styles["font-size"]) {
+                    this.fontSize = styles["font-size"];
+                }
+                if (styles["font-weight"]) {
+                    this.fontWeight = styles["font-weight"];
+                }
+            }
+        }
+        this.getDataText();
+    }
+    getDataText() {
+        if (this.headerInfo && this.itemInfo) {
+            let value = this.itemInfo[this.headerInfo.key];
+            this.text = value;
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: ItemService, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.15", type: ItemService, isStandalone: true, inputs: { config: "config" }, outputs: { textClickEvent: "textClickEvent" }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: ItemService, decorators: [{
+            type: Directive
+        }], ctorParameters: () => [], propDecorators: { config: [{
+                type: Input
+            }], textClickEvent: [{
+                type: Output
+            }] } });
+
+class CardService {
+    loading = true;
+    pageConfig = null;
+    /**
+     * 卡片模版
+     */
+    template = [];
+    /**
+     * 卡片字段设置
+     */
+    header = [];
+    cardConfig = null;
+    imgFieldKey = null;
+    templateImg = null;
+    templateTextArr = [];
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: CardService, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.15", type: CardService, isStandalone: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: CardService, decorators: [{
+            type: Directive
+        }] });
+
+class ItemTextComponent extends ItemService {
+    cardSrv;
+    value = 3;
+    constructor(cardSrv) {
+        super();
+        this.cardSrv = cardSrv;
+    }
+    ngOnInit() { }
+    ngAfterViewInit() { }
+    ngOnChanges(change) { }
+    textClick(item, event) {
+        event.stopPropagation();
+        if (this.headerInfo.fieldClick) {
+            let eventData = {
+                key: this.headerInfo.key,
+                dataId: item[this.cardSrv.pageConfig?.primary?.key],
+                dataItem: item,
+            };
+            this.textClickEvent.emit(eventData);
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: ItemTextComponent, deps: [{ token: CardService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: ItemTextComponent, isStandalone: true, selector: "item-text", usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<ng-container *ngIf=\"headerInfo!! && text!=null && headerInfo.hide!=true\">\n  <ng-container [ngSwitch]=\"headerInfo.layoutType\">\n    <ng-container *ngSwitchCase=\"'photo'\">\n      <div class=\"card-photo\">\n        <nz-avatar nzSize=\"large\" nzIcon=\"user\" [nzSrc]=\"text\"></nz-avatar>\n      </div>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'rate'\">\n      <div class=\"card-rate\">\n        <ng-container *ngIf=\"headerInfo.izFieldDesc==true\">\n          <label class=\"title\"> {{headerInfo.label}} </label>\n        </ng-container>\n\n        <div class=\"text-info\">\n          <nz-rate [(ngModel)]=\"value\" nzDisabled></nz-rate>\n        </div>\n      </div>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'status'\">\n      <div class=\"card-status\">\n        <ng-container [ngSwitch]=\"headerInfo.stylesName\">\n          <ng-container *ngSwitchCase=\"'hideFlag'\">\n            <div [ngClass]=\"[headerInfo?.stylesName,headerInfo?.stylesName+'_'+text]\">\n              <!-- <label [ngStyle]=\"{'color':fontColor,'font-size':fontSize,'font-weight':fontWeight}\"> -->\n              {{headerInfo.label}}\n              <!-- </label> -->\n            </div>\n          </ng-container>\n          <ng-container *ngSwitchDefault>\n            <div [ngClass]=\"headerInfo?.stylesName+'_'+text\">\n              <ng-container *ngIf=\"headerInfo.izFieldDesc==true\">\n                <label class=\"title\"> {{headerInfo.label}} </label>\n              </ng-container>\n\n              <div class=\"text-info\">\n                <gram-text [data]=\"{item:itemInfo,header:headerInfo,config:cardSrv.pageConfig}\"\n                  (click)=\"textClick(itemInfo,$event)\"></gram-text>\n              </div>\n            </div>\n          </ng-container>\n        </ng-container>\n      </div>\n    </ng-container>\n    <ng-container *ngSwitchDefault>\n      <!-- <div class=\"card-text\" [ngStyle]=\"{'color':fontColor,'font-size':fontSize,'font-weight':fontWeight}\"> -->\n      <div class=\"card-text\">\n        <ng-container *ngIf=\"headerInfo.izFieldDesc==true\">\n          <label class=\"title\"> {{headerInfo.label}} </label>\n        </ng-container>\n        <div class=\"text-info\">\n          <gram-text [data]=\"{item:itemInfo,header:headerInfo,config:cardSrv.pageConfig}\"\n            (click)=\"textClick(itemInfo,$event)\"></gram-text>\n        </div>\n        <label class=\"unit\" *ngIf=\"headerInfo.unit!!\">({{headerInfo.unit}})</label>\n      </div>\n    </ng-container>\n  </ng-container>\n</ng-container>", styles: [":host ::ng-deep gram-text a div{color:#1177fb!important}:host ::ng-deep .card-text{display:flex;align-items:center;padding:0 20px 0 0}:host ::ng-deep .card-text .title{min-width:30px}:host ::ng-deep .card-text .unit{padding:0 0 0 3px}:host ::ng-deep .card-text .title:after{padding:0 5px 0 2px;content:\":\"}:host ::ng-deep .card-photo{display:inline-block;padding:0 20px 0 0}:host ::ng-deep .card-rate{display:flex;flex-direction:row}:host ::ng-deep .card-rate .title:after{padding:0 5px 0 2px;content:\":\"}:host ::ng-deep .card-rate .ant-rate{font-size:16px;line-height:0}:host ::ng-deep .card-status{padding:0 20px 0 0}:host ::ng-deep .card-status .title{color:initial}:host ::ng-deep .card-status .title:after{padding:0 6px 0 2px;content:\":\"}:host ::ng-deep .card-status .hideFlag{display:none}:host ::ng-deep .card-status .hideFlag_1{display:inline-block}:host ::ng-deep .card-status .disFlag_0{padding:2px 15px;color:#fff;font-size:12px;background:#01c320;border-radius:12px}:host ::ng-deep .card-status .disFlag_0 div{color:#fff!important}:host ::ng-deep .card-status .disFlag_1{padding:2px 15px;color:#fff;font-size:12px;background:#ff4f40;border-radius:12px}:host ::ng-deep .card-status .disFlag_1 div{color:#fff!important}:host ::ng-deep .card-status .yesNo_0{display:flex;color:#bdbdbd}:host ::ng-deep .card-status .yesNo_1{display:flex;color:#4f85ff}:host ::ng-deep .card-status .status_DRAFT{padding:2px 15px;font-size:12px;background-color:#8c8c8c;border-radius:6px}:host ::ng-deep .card-status .status_DRAFT div{color:#fff!important}:host ::ng-deep .card-status .status_WAITING{padding:2px 15px;font-size:12px;background-color:#4f85ff;border-radius:6px}:host ::ng-deep .card-status .status_WAITING div{color:#fff!important}:host ::ng-deep .card-status .status_RUNNING{padding:2px 15px;font-size:12px;background-color:#4f85ff;border-radius:6px}:host ::ng-deep .card-status .status_RUNNING div{color:#fff!important}:host ::ng-deep .card-status .status_STOP{padding:2px 15px;font-size:12px;background-color:#ffd317;border-radius:6px}:host ::ng-deep .card-status .status_STOP div{color:#fff!important}:host ::ng-deep .card-status .status_FINISH{padding:2px 15px;font-size:12px;background-color:#2cb792;border-radius:6px}:host ::ng-deep .card-status .status_FINISH div{color:#fff!important}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { 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: "ngmodule", type: FormsModule }, { 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: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: NzRateModule }, { kind: "component", type: i4.NzRateComponent, selector: "nz-rate", inputs: ["nzAllowClear", "nzAllowHalf", "nzDisabled", "nzAutoFocus", "nzCharacter", "nzCount", "nzTooltips"], outputs: ["nzOnBlur", "nzOnFocus", "nzOnHoverChange", "nzOnKeyDown"], exportAs: ["nzRate"] }, { kind: "ngmodule", type: NzAvatarModule }, { kind: "component", type: i5.NzAvatarComponent, selector: "nz-avatar", inputs: ["nzShape", "nzSize", "nzGap", "nzText", "nzSrc", "nzSrcSet", "nzAlt", "nzIcon"], outputs: ["nzError"], exportAs: ["nzAvatar"] }, { kind: "ngmodule", type: GramDeonTextModule }, { kind: "component", type: i6.GramDeonTextComponent, selector: "gram-text", inputs: ["data"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: ItemTextComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'item-text', imports: [
+                        CommonModule,
+                        FormsModule,
+                        ReactiveFormsModule,
+                        NzRateModule,
+                        NzAvatarModule,
+                        GramDeonTextModule
+                    ], template: "<ng-container *ngIf=\"headerInfo!! && text!=null && headerInfo.hide!=true\">\n  <ng-container [ngSwitch]=\"headerInfo.layoutType\">\n    <ng-container *ngSwitchCase=\"'photo'\">\n      <div class=\"card-photo\">\n        <nz-avatar nzSize=\"large\" nzIcon=\"user\" [nzSrc]=\"text\"></nz-avatar>\n      </div>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'rate'\">\n      <div class=\"card-rate\">\n        <ng-container *ngIf=\"headerInfo.izFieldDesc==true\">\n          <label class=\"title\"> {{headerInfo.label}} </label>\n        </ng-container>\n\n        <div class=\"text-info\">\n          <nz-rate [(ngModel)]=\"value\" nzDisabled></nz-rate>\n        </div>\n      </div>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'status'\">\n      <div class=\"card-status\">\n        <ng-container [ngSwitch]=\"headerInfo.stylesName\">\n          <ng-container *ngSwitchCase=\"'hideFlag'\">\n            <div [ngClass]=\"[headerInfo?.stylesName,headerInfo?.stylesName+'_'+text]\">\n              <!-- <label [ngStyle]=\"{'color':fontColor,'font-size':fontSize,'font-weight':fontWeight}\"> -->\n              {{headerInfo.label}}\n              <!-- </label> -->\n            </div>\n          </ng-container>\n          <ng-container *ngSwitchDefault>\n            <div [ngClass]=\"headerInfo?.stylesName+'_'+text\">\n              <ng-container *ngIf=\"headerInfo.izFieldDesc==true\">\n                <label class=\"title\"> {{headerInfo.label}} </label>\n              </ng-container>\n\n              <div class=\"text-info\">\n                <gram-text [data]=\"{item:itemInfo,header:headerInfo,config:cardSrv.pageConfig}\"\n                  (click)=\"textClick(itemInfo,$event)\"></gram-text>\n              </div>\n            </div>\n          </ng-container>\n        </ng-container>\n      </div>\n    </ng-container>\n    <ng-container *ngSwitchDefault>\n      <!-- <div class=\"card-text\" [ngStyle]=\"{'color':fontColor,'font-size':fontSize,'font-weight':fontWeight}\"> -->\n      <div class=\"card-text\">\n        <ng-container *ngIf=\"headerInfo.izFieldDesc==true\">\n          <label class=\"title\"> {{headerInfo.label}} </label>\n        </ng-container>\n        <div class=\"text-info\">\n          <gram-text [data]=\"{item:itemInfo,header:headerInfo,config:cardSrv.pageConfig}\"\n            (click)=\"textClick(itemInfo,$event)\"></gram-text>\n        </div>\n        <label class=\"unit\" *ngIf=\"headerInfo.unit!!\">({{headerInfo.unit}})</label>\n      </div>\n    </ng-container>\n  </ng-container>\n</ng-container>", styles: [":host ::ng-deep gram-text a div{color:#1177fb!important}:host ::ng-deep .card-text{display:flex;align-items:center;padding:0 20px 0 0}:host ::ng-deep .card-text .title{min-width:30px}:host ::ng-deep .card-text .unit{padding:0 0 0 3px}:host ::ng-deep .card-text .title:after{padding:0 5px 0 2px;content:\":\"}:host ::ng-deep .card-photo{display:inline-block;padding:0 20px 0 0}:host ::ng-deep .card-rate{display:flex;flex-direction:row}:host ::ng-deep .card-rate .title:after{padding:0 5px 0 2px;content:\":\"}:host ::ng-deep .card-rate .ant-rate{font-size:16px;line-height:0}:host ::ng-deep .card-status{padding:0 20px 0 0}:host ::ng-deep .card-status .title{color:initial}:host ::ng-deep .card-status .title:after{padding:0 6px 0 2px;content:\":\"}:host ::ng-deep .card-status .hideFlag{display:none}:host ::ng-deep .card-status .hideFlag_1{display:inline-block}:host ::ng-deep .card-status .disFlag_0{padding:2px 15px;color:#fff;font-size:12px;background:#01c320;border-radius:12px}:host ::ng-deep .card-status .disFlag_0 div{color:#fff!important}:host ::ng-deep .card-status .disFlag_1{padding:2px 15px;color:#fff;font-size:12px;background:#ff4f40;border-radius:12px}:host ::ng-deep .card-status .disFlag_1 div{color:#fff!important}:host ::ng-deep .card-status .yesNo_0{display:flex;color:#bdbdbd}:host ::ng-deep .card-status .yesNo_1{display:flex;color:#4f85ff}:host ::ng-deep .card-status .status_DRAFT{padding:2px 15px;font-size:12px;background-color:#8c8c8c;border-radius:6px}:host ::ng-deep .card-status .status_DRAFT div{color:#fff!important}:host ::ng-deep .card-status .status_WAITING{padding:2px 15px;font-size:12px;background-color:#4f85ff;border-radius:6px}:host ::ng-deep .card-status .status_WAITING div{color:#fff!important}:host ::ng-deep .card-status .status_RUNNING{padding:2px 15px;font-size:12px;background-color:#4f85ff;border-radius:6px}:host ::ng-deep .card-status .status_RUNNING div{color:#fff!important}:host ::ng-deep .card-status .status_STOP{padding:2px 15px;font-size:12px;background-color:#ffd317;border-radius:6px}:host ::ng-deep .card-status .status_STOP div{color:#fff!important}:host ::ng-deep .card-status .status_FINISH{padding:2px 15px;font-size:12px;background-color:#2cb792;border-radius:6px}:host ::ng-deep .card-status .status_FINISH div{color:#fff!important}\n"] }]
+        }], ctorParameters: () => [{ type: CardService }] });
+
+class ColumnImgComponent1 {
+    cardSrv;
+    data = null;
+    componentClick = new EventEmitter();
+    constructor(cardSrv) {
+        this.cardSrv = cardSrv;
+    }
+    ngOnInit() { }
+    textClick(event) {
+        this.componentClick.emit(event);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: ColumnImgComponent1, deps: [{ token: CardService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: ColumnImgComponent1, isStandalone: true, selector: "column-img1", inputs: { data: "data" }, outputs: { componentClick: "componentClick" }, ngImport: i0, template: "<div class=\"header-img\" *ngIf=\"data\">\n  <img [src]=\"data[cardSrv.imgFieldKey]\" [style.width.px]=\"cardSrv.cardConfig.imgWidth\"\n    [style.height.px]=\"cardSrv.cardConfig.imgHeight\">\n</div>\n<div class=\"body-text\">\n  <ng-container *ngFor=\"let column of cardSrv.templateTextArr\">\n    <item-text [config]=\"{'item':data,'column':column}\" (textClickEvent)=\"textClick($event)\"></item-text>\n  </ng-container>\n</div>", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "component", type: ItemTextComponent, selector: "item-text" }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: ColumnImgComponent1, decorators: [{
+            type: Component,
+            args: [{ selector: 'column-img1', imports: [
+                        CommonModule,
+                        FormsModule,
+                        ReactiveFormsModule,
+                        ItemTextComponent
+                    ], template: "<div class=\"header-img\" *ngIf=\"data\">\n  <img [src]=\"data[cardSrv.imgFieldKey]\" [style.width.px]=\"cardSrv.cardConfig.imgWidth\"\n    [style.height.px]=\"cardSrv.cardConfig.imgHeight\">\n</div>\n<div class=\"body-text\">\n  <ng-container *ngFor=\"let column of cardSrv.templateTextArr\">\n    <item-text [config]=\"{'item':data,'column':column}\" (textClickEvent)=\"textClick($event)\"></item-text>\n  </ng-container>\n</div>" }]
+        }], ctorParameters: () => [{ type: CardService }], propDecorators: { data: [{
+                type: Input
+            }], componentClick: [{
+                type: Output
+            }] } });
+
+class ColumnImgComponent2 {
+    cardSrv;
+    data = null;
+    componentClick = new EventEmitter();
+    constructor(cardSrv) {
+        this.cardSrv = cardSrv;
+    }
+    ngOnInit() { }
+    textClick(event) {
+        this.componentClick.emit(event);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: ColumnImgComponent2, deps: [{ token: CardService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: ColumnImgComponent2, isStandalone: true, selector: "column-img2", inputs: { data: "data" }, outputs: { componentClick: "componentClick" }, ngImport: i0, template: "<div class=\"header-img\">\n  <img [src]=\"data[cardSrv.imgFieldKey]\" [style.width.px]=\"cardSrv.cardConfig.imgWidth\"\n    [style.height.px]=\"cardSrv.cardConfig.imgHeight\">\n</div>\n<div class=\"body-text\">\n  <ng-container *ngFor=\"let column of cardSrv.templateTextArr\">\n    <item-text [config]=\"{'item':data,'column':column}\" (textClickEvent)=\"textClick($event)\"></item-text>\n  </ng-container>\n</div>", styles: [":host ::ng-deep{display:flex;flex-direction:row}:host ::ng-deep .body-text{flex:1;padding:10px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "component", type: ItemTextComponent, selector: "item-text" }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: ColumnImgComponent2, decorators: [{
+            type: Component,
+            args: [{ selector: 'column-img2', imports: [
+                        CommonModule,
+                        FormsModule,
+                        ReactiveFormsModule,
+                        ItemTextComponent
+                    ], template: "<div class=\"header-img\">\n  <img [src]=\"data[cardSrv.imgFieldKey]\" [style.width.px]=\"cardSrv.cardConfig.imgWidth\"\n    [style.height.px]=\"cardSrv.cardConfig.imgHeight\">\n</div>\n<div class=\"body-text\">\n  <ng-container *ngFor=\"let column of cardSrv.templateTextArr\">\n    <item-text [config]=\"{'item':data,'column':column}\" (textClickEvent)=\"textClick($event)\"></item-text>\n  </ng-container>\n</div>", styles: [":host ::ng-deep{display:flex;flex-direction:row}:host ::ng-deep .body-text{flex:1;padding:10px}\n"] }]
+        }], ctorParameters: () => [{ type: CardService }], propDecorators: { data: [{
+                type: Input
+            }], componentClick: [{
+                type: Output
+            }] } });
+
+class ColumnImgComponent3 {
+    cardSrv;
+    data = null;
+    componentClick = new EventEmitter();
+    constructor(cardSrv) {
+        this.cardSrv = cardSrv;
+    }
+    ngOnInit() { }
+    textClick(event) {
+        this.componentClick.emit(event);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: ColumnImgComponent3, deps: [{ token: CardService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: ColumnImgComponent3, isStandalone: true, selector: "column-img3", inputs: { data: "data" }, outputs: { componentClick: "componentClick" }, ngImport: i0, template: "<div class=\"body-text\">\n  <ng-container *ngFor=\"let column of cardSrv.templateTextArr\">\n    <item-text [config]=\"{'item':data,'column':column}\" (textClickEvent)=\"textClick($event)\"></item-text>\n  </ng-container>\n</div>\n<div class=\"header-img\">\n  <img [src]=\"data[cardSrv.imgFieldKey]\" [style.width.px]=\"cardSrv.cardConfig.imgWidth\"\n    [style.height.px]=\"cardSrv.cardConfig.imgHeight\">\n</div>", styles: [":host ::ng-deep{display:flex;flex-direction:row}:host ::ng-deep .body-text{flex:1;padding:5px 10px 10px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "component", type: ItemTextComponent, selector: "item-text" }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: ColumnImgComponent3, decorators: [{
+            type: Component,
+            args: [{ selector: 'column-img3', imports: [
+                        CommonModule,
+                        FormsModule,
+                        ReactiveFormsModule,
+                        ItemTextComponent
+                    ], template: "<div class=\"body-text\">\n  <ng-container *ngFor=\"let column of cardSrv.templateTextArr\">\n    <item-text [config]=\"{'item':data,'column':column}\" (textClickEvent)=\"textClick($event)\"></item-text>\n  </ng-container>\n</div>\n<div class=\"header-img\">\n  <img [src]=\"data[cardSrv.imgFieldKey]\" [style.width.px]=\"cardSrv.cardConfig.imgWidth\"\n    [style.height.px]=\"cardSrv.cardConfig.imgHeight\">\n</div>", styles: [":host ::ng-deep{display:flex;flex-direction:row}:host ::ng-deep .body-text{flex:1;padding:5px 10px 10px}\n"] }]
+        }], ctorParameters: () => [{ type: CardService }], propDecorators: { data: [{
+                type: Input
+            }], componentClick: [{
+                type: Output
+            }] } });
+
+class ColumnImgComponent {
+    cardSrv;
+    listDataCheckedId = null;
+    data = null;
+    operationClick = new EventEmitter();
+    rowRuleClick = new EventEmitter();
+    componentClick = new EventEmitter();
+    selectChange = new EventEmitter();
+    constructor(cardSrv) {
+        this.cardSrv = cardSrv;
+    }
+    ngOnInit() { }
+    ngAfterViewInit() { }
+    ngOnChanges(change) { }
+    buttonEvent(button, item, event) {
+        event.stopPropagation();
+        let eventData = {
+            key: button.code,
+            dataId: item[this.cardSrv.pageConfig?.primary?.key],
+            dataItem: item,
+        };
+        this.operationClick.emit(eventData);
+    }
+    ruleClick(item, event) {
+        event.stopPropagation();
+        this.rowRuleClick.emit({
+            dataId: item[this.cardSrv.pageConfig?.primary?.key],
+        });
+    }
+    textClick(event) {
+        this.componentClick.emit(event);
+    }
+    checkChange() {
+        this.selectChange.emit();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: ColumnImgComponent, deps: [{ token: CardService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: ColumnImgComponent, isStandalone: true, selector: "column-img", inputs: { listDataCheckedId: "listDataCheckedId", data: "data" }, outputs: { operationClick: "operationClick", rowRuleClick: "rowRuleClick", componentClick: "componentClick", selectChange: "selectChange" }, usesOnChanges: true, ngImport: i0, template: "<ng-container *ngIf=\"cardSrv!! && cardSrv.template!! && cardSrv.header!!\">\n  <div class=\"column-checkbox\"\n    *ngIf=\"cardSrv?.pageConfig?.checkbox==true && cardSrv.pageConfig.primary!! && cardSrv.pageConfig.primary.key!!\">\n    <label nz-checkbox [(nzChecked)]=\"listDataCheckedId[data[cardSrv.pageConfig.primary.key]]\"\n      (nzCheckedChange)=\"checkChange()\"></label>\n  </div>\n  <div class=\"column-box\">\n    <ng-container [ngSwitch]=\"cardSrv.cardConfig.imgType\">\n      <ng-container *ngSwitchCase=\"'img1'\">\n        <column-img1 [data]=\"data\" (componentClick)=\"textClick($event)\"></column-img1>\n      </ng-container>\n      <ng-container *ngSwitchCase=\"'img2'\">\n        <column-img2 [data]=\"data\" [style.width.px]=\"cardSrv.cardConfig.width\"\n          [style.height.px]=\"cardSrv.cardConfig.height\" (componentClick)=\"textClick($event)\"></column-img2>\n      </ng-container>\n      <ng-container *ngSwitchCase=\"'img3'\">\n        <column-img3 [data]=\"data\" [style.width.px]=\"cardSrv.cardConfig.width\"\n          [style.height.px]=\"cardSrv.cardConfig.height\" (componentClick)=\"textClick($event)\"></column-img3>\n      </ng-container>\n      <ng-container *ngSwitchDefault>\n\n      </ng-container>\n    </ng-container>\n    <div class=\"column-operation\" *ngIf=\"data.operation\">\n\n      <ng-container *ngIf=\"cardSrv.pageConfig!! && cardSrv.pageConfig?.operation?.type=='FOLD';else tmpOperation\">\n        <a nz-dropdown [nzDropdownMenu]=\"menu\"> <i class=\"table-action\" nz-icon nzType=\"ellipsis\"></i>\n        </a>\n        <nz-dropdown-menu #menu=\"nzDropdownMenu\">\n          <ul nz-menu>\n            <ng-container *ngFor=\"let button of data.operation\">\n              <ng-container *ngIf=\"cardSrv.pageConfig?.startRole==false;else tmpLiRoleCode\">\n                <li nz-menu-item (click)=\"buttonEvent(button,data,$event)\">\n                  <button-inner [data]=\"button\"></button-inner>\n                </li>\n              </ng-container>\n              <!-- \u53E6\u5916\u4E00\u79CD -->\n              <ng-template #tmpLiRoleCode>\n                <ng-container *ngIf=\"button?.izRole!=true;else tmpRoleFold\">\n                  <li nz-menu-item (click)=\"buttonEvent(button,data,$event)\">\n                    <button-inner [data]=\"button\"></button-inner>\n                  </li>\n                </ng-container>\n                <ng-template #tmpRoleFold>\n                  <ng-container *aclIf=\"button.roleCode\">\n                    <li nz-menu-item (click)=\"buttonEvent(button,data,$event)\">\n                      <button-inner [data]=\"button\"></button-inner>\n                    </li>\n                  </ng-container>\n                </ng-template>\n              </ng-template>\n            </ng-container>\n          </ul>\n        </nz-dropdown-menu>\n      </ng-container>\n\n      <ng-template #tmpOperation>\n        <ng-container *ngFor=\"let button of data.operation\">\n          <ng-container *ngIf=\"cardSrv.pageConfig?.startRole==false;else tmpRoleCode\">\n            <a (click)=\"buttonEvent(button,data,$event)\">\n              <button-inner [data]=\"button\"></button-inner>\n            </a>\n          </ng-container>\n          <!-- \u53E6\u5916\u4E00\u79CD -->\n          <ng-template #tmpRoleCode>\n            <ng-container *ngIf=\"button?.izRole!=true;else tmpRoleExpand\">\n              <a (click)=\"buttonEvent(button,data,$event)\">\n                <button-inner [data]=\"button\"></button-inner>\n              </a>\n            </ng-container>\n            <ng-template #tmpRoleExpand>\n              <ng-container *aclIf=\"button.roleCode\">\n                <a (click)=\"buttonEvent(button,data,$event)\">\n                  <button-inner [data]=\"button\"></button-inner>\n                </a>\n              </ng-container>\n            </ng-template>\n          </ng-template>\n        </ng-container>\n      </ng-template>\n\n\n    </div>\n  </div>\n</ng-container>", styles: [":host ::ng-deep{position:relative;display:flex;flex-direction:row;margin:15px 15px 0;padding:0;background:#fff;border-radius:8px;float:left}:host ::ng-deep gram-text{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1;-webkit-box-orient:vertical}:host ::ng-deep .column-checkbox{padding:8px;position:absolute}:host ::ng-deep .column-box{display:flex;flex:1;flex-direction:column}:host ::ng-deep .column-operation{display:flex;flex-direction:row;justify-content:flex-end;padding:8px 12px;border-top:1px solid #eaeaea}:host ::ng-deep .column-operation a+a{margin-left:10px}:host ::ng-deep .body-text{padding:0 10px 10px}:host ::ng-deep .body-text item-text{padding:8px 0 0;display:flex;flex-direction:row}:host ::ng-deep .body-text .card-text{padding:0}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { 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: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: DelonACLModule }, { kind: "directive", type: i3$1.ACLIfDirective, selector: "[aclIf]", inputs: ["aclIf", "aclIfThen", "aclIfElse", "except"], exportAs: ["aclIf"] }, { kind: "ngmodule", type: NzCheckboxModule }, { kind: "component", type: i4$1.NzCheckboxComponent, selector: "[nz-checkbox]", inputs: ["nzValue", "nzAutoFocus", "nzDisabled", "nzIndeterminate", "nzChecked", "nzId", "nzName"], outputs: ["nzCheckedChange"], exportAs: ["nzCheckbox"] }, { kind: "ngmodule", type: NzDropDownModule }, { kind: "directive", type: i5$1.NzMenuDirective, selector: "[nz-menu]", inputs: ["nzInlineIndent", "nzTheme", "nzMode", "nzInlineCollapsed", "nzSelectable"], outputs: ["nzClick"], exportAs: ["nzMenu"] }, { kind: "component", type: i5$1.NzMenuItemComponent, selector: "[nz-menu-item]", inputs: ["nzPaddingLeft", "nzDisabled", "nzSelected", "nzDanger", "nzMatchRouterExact", "nzMatchRouter"], exportAs: ["nzMenuItem"] }, { kind: "directive", type: i6$1.NzDropDownDirective, selector: "[nz-dropdown]", inputs: ["nzDropdownMenu", "nzTrigger", "nzMatchWidthElement", "nzBackdrop", "nzClickHide", "nzDisabled", "nzVisible", "nzOverlayClassName", "nzOverlayStyle", "nzPlacement"], outputs: ["nzVisibleChange"], exportAs: ["nzDropdown"] }, { kind: "directive", type: i6$1.NzDropDownADirective, selector: "a[nz-dropdown]" }, { kind: "component", type: i6$1.NzDropdownMenuComponent, selector: "nz-dropdown-menu", exportAs: ["nzDropdownMenu"] }, { kind: "ngmodule", type: NzIconModule }, { kind: "directive", type: i7.NzIconDirective, selector: "nz-icon,[nz-icon]", inputs: ["nzSpin", "nzRotate", "nzType", "nzTheme", "nzTwotoneColor", "nzIconfont"], exportAs: ["nzIcon"] }, { kind: "ngmodule", type: GramDeonButtonModule }, { kind: "component", type: i8.GramDeonButtonInnerComponent, selector: "button-inner", inputs: ["data"] }, { kind: "component", type: ColumnImgComponent1, selector: "column-img1", inputs: ["data"], outputs: ["componentClick"] }, { kind: "component", type: ColumnImgComponent2, selector: "column-img2", inputs: ["data"], outputs: ["componentClick"] }, { kind: "component", type: ColumnImgComponent3, selector: "column-img3", inputs: ["data"], outputs: ["componentClick"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: ColumnImgComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'column-img', imports: [
+                        CommonModule,
+                        FormsModule,
+                        ReactiveFormsModule,
+                        DelonACLModule,
+                        NzCheckboxModule,
+                        NzDropDownModule,
+                        NzIconModule,
+                        GramDeonButtonModule,
+                        ColumnImgComponent1,
+                        ColumnImgComponent2,
+                        ColumnImgComponent3
+                    ], template: "<ng-container *ngIf=\"cardSrv!! && cardSrv.template!! && cardSrv.header!!\">\n  <div class=\"column-checkbox\"\n    *ngIf=\"cardSrv?.pageConfig?.checkbox==true && cardSrv.pageConfig.primary!! && cardSrv.pageConfig.primary.key!!\">\n    <label nz-checkbox [(nzChecked)]=\"listDataCheckedId[data[cardSrv.pageConfig.primary.key]]\"\n      (nzCheckedChange)=\"checkChange()\"></label>\n  </div>\n  <div class=\"column-box\">\n    <ng-container [ngSwitch]=\"cardSrv.cardConfig.imgType\">\n      <ng-container *ngSwitchCase=\"'img1'\">\n        <column-img1 [data]=\"data\" (componentClick)=\"textClick($event)\"></column-img1>\n      </ng-container>\n      <ng-container *ngSwitchCase=\"'img2'\">\n        <column-img2 [data]=\"data\" [style.width.px]=\"cardSrv.cardConfig.width\"\n          [style.height.px]=\"cardSrv.cardConfig.height\" (componentClick)=\"textClick($event)\"></column-img2>\n      </ng-container>\n      <ng-container *ngSwitchCase=\"'img3'\">\n        <column-img3 [data]=\"data\" [style.width.px]=\"cardSrv.cardConfig.width\"\n          [style.height.px]=\"cardSrv.cardConfig.height\" (componentClick)=\"textClick($event)\"></column-img3>\n      </ng-container>\n      <ng-container *ngSwitchDefault>\n\n      </ng-container>\n    </ng-container>\n    <div class=\"column-operation\" *ngIf=\"data.operation\">\n\n      <ng-container *ngIf=\"cardSrv.pageConfig!! && cardSrv.pageConfig?.operation?.type=='FOLD';else tmpOperation\">\n        <a nz-dropdown [nzDropdownMenu]=\"menu\"> <i class=\"table-action\" nz-icon nzType=\"ellipsis\"></i>\n        </a>\n        <nz-dropdown-menu #menu=\"nzDropdownMenu\">\n          <ul nz-menu>\n            <ng-container *ngFor=\"let button of data.operation\">\n              <ng-container *ngIf=\"cardSrv.pageConfig?.startRole==false;else tmpLiRoleCode\">\n                <li nz-menu-item (click)=\"buttonEvent(button,data,$event)\">\n                  <button-inner [data]=\"button\"></button-inner>\n                </li>\n              </ng-container>\n              <!-- \u53E6\u5916\u4E00\u79CD -->\n              <ng-template #tmpLiRoleCode>\n                <ng-container *ngIf=\"button?.izRole!=true;else tmpRoleFold\">\n                  <li nz-menu-item (click)=\"buttonEvent(button,data,$event)\">\n                    <button-inner [data]=\"button\"></button-inner>\n                  </li>\n                </ng-container>\n                <ng-template #tmpRoleFold>\n                  <ng-container *aclIf=\"button.roleCode\">\n                    <li nz-menu-item (click)=\"buttonEvent(button,data,$event)\">\n                      <button-inner [data]=\"button\"></button-inner>\n                    </li>\n                  </ng-container>\n                </ng-template>\n              </ng-template>\n            </ng-container>\n          </ul>\n        </nz-dropdown-menu>\n      </ng-container>\n\n      <ng-template #tmpOperation>\n        <ng-container *ngFor=\"let button of data.operation\">\n          <ng-container *ngIf=\"cardSrv.pageConfig?.startRole==false;else tmpRoleCode\">\n            <a (click)=\"buttonEvent(button,data,$event)\">\n              <button-inner [data]=\"button\"></button-inner>\n            </a>\n          </ng-container>\n          <!-- \u53E6\u5916\u4E00\u79CD -->\n          <ng-template #tmpRoleCode>\n            <ng-container *ngIf=\"button?.izRole!=true;else tmpRoleExpand\">\n              <a (click)=\"buttonEvent(button,data,$event)\">\n                <button-inner [data]=\"button\"></button-inner>\n              </a>\n            </ng-container>\n            <ng-template #tmpRoleExpand>\n              <ng-container *aclIf=\"button.roleCode\">\n                <a (click)=\"buttonEvent(button,data,$event)\">\n                  <button-inner [data]=\"button\"></button-inner>\n                </a>\n              </ng-container>\n            </ng-template>\n          </ng-template>\n        </ng-container>\n      </ng-template>\n\n\n    </div>\n  </div>\n</ng-container>", styles: [":host ::ng-deep{position:relative;display:flex;flex-direction:row;margin:15px 15px 0;padding:0;background:#fff;border-radius:8px;float:left}:host ::ng-deep gram-text{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1;-webkit-box-orient:vertical}:host ::ng-deep .column-checkbox{padding:8px;position:absolute}:host ::ng-deep .column-box{display:flex;flex:1;flex-direction:column}:host ::ng-deep .column-operation{display:flex;flex-direction:row;justify-content:flex-end;padding:8px 12px;border-top:1px solid #eaeaea}:host ::ng-deep .column-operation a+a{margin-left:10px}:host ::ng-deep .body-text{padding:0 10px 10px}:host ::ng-deep .body-text item-text{padding:8px 0 0;display:flex;flex-direction:row}:host ::ng-deep .body-text .card-text{padding:0}\n"] }]
+        }], ctorParameters: () => [{ type: CardService }], propDecorators: { listDataCheckedId: [{
+                type: Input
+            }], data: [{
+                type: Input
+            }], operationClick: [{
+                type: Output
+            }], rowRuleClick: [{
+                type: Output
+            }], componentClick: [{
+                type: Output
+            }], selectChange: [{
+                type: Output
+            }] } });
+
+class ItemGroupComponent extends ItemService {
+    cardSrv;
+    label = null;
+    fieldList = [];
+    constructor(cardSrv) {
+        super();
+        this.cardSrv = cardSrv;
+    }
+    ngOnInit() { }
+    ngAfterViewInit() { }
+    ngOnChanges(change) { }
+    getDataText() {
+        this.fieldList = _.get(this.config, "column.fieldList");
+        if (this.fieldList && this.fieldList.length > 0) {
+            this.label = _.get(this.config, "column.fieldList[0].label");
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: ItemGroupComponent, deps: [{ token: CardService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: ItemGroupComponent, isStandalone: true, selector: "item-group", usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<ng-container *ngIf=\"fieldList!! && fieldList.length>0\">\n    <label class=\"title\">\n        {{label}}\n    </label>\n    <ng-container *ngFor=\"let item of fieldList;let index=index\">\n        <gram-text [data]=\"{item:itemInfo,header:item}\"></gram-text>\n        <ng-container *ngIf=\"fieldList.length>1 && index<fieldList.length-1\">\n            <label class=\"space\">~</label>\n        </ng-container>\n    </ng-container>\n</ng-container>", styles: [":host ::ng-deep{display:flex;padding:0 20px 0 0}:host ::ng-deep .space{display:inline-block;padding:0 5px}:host ::ng-deep .title:after{padding:0 6px 0 2px;content:\":\"}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: GramDeonTextModule }, { kind: "component", type: i6.GramDeonTextComponent, selector: "gram-text", inputs: ["data"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: ItemGroupComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'item-group', imports: [
+                        CommonModule,
+                        FormsModule,
+                        ReactiveFormsModule,
+                        GramDeonTextModule
+                    ], template: "<ng-container *ngIf=\"fieldList!! && fieldList.length>0\">\n    <label class=\"title\">\n        {{label}}\n    </label>\n    <ng-container *ngFor=\"let item of fieldList;let index=index\">\n        <gram-text [data]=\"{item:itemInfo,header:item}\"></gram-text>\n        <ng-container *ngIf=\"fieldList.length>1 && index<fieldList.length-1\">\n            <label class=\"space\">~</label>\n        </ng-container>\n    </ng-container>\n</ng-container>", styles: [":host ::ng-deep{display:flex;padding:0 20px 0 0}:host ::ng-deep .space{display:inline-block;padding:0 5px}:host ::ng-deep .title:after{padding:0 6px 0 2px;content:\":\"}\n"] }]
+        }], ctorParameters: () => [{ type: CardService }] });
+
+class ColumnDefaultComponent {
+    cardSrv;
+    listDataCheckedId = null;
+    data = null;
+    operationClick = new EventEmitter();
+    rowRuleClick = new EventEmitter();
+    componentClick = new EventEmitter();
+    selectChange = new EventEmitter();
+    constructor(cardSrv) {
+        this.cardSrv = cardSrv;
+    }
+    ngOnInit() { }
+    ngAfterViewInit() { }
+    ngOnChanges(change) { }
+    buttonEvent(button, item, event) {
+        event.stopPropagation();
+        let eventData = {
+            key: button.code,
+            dataId: item[this.cardSrv.pageConfig?.primary?.key],
+            dataItem: item,
+        };
+        this.operationClick.emit(eventData);
+    }
+    ruleClick(item, event) {
+        event.stopPropagation();
+        this.rowRuleClick.emit({
+            dataId: item[this.cardSrv.pageConfig?.primary?.key],
+        });
+    }
+    textClick(event) {
+        this.componentClick.emit(event);
+    }
+    checkChange() {
+        this.selectChange.emit();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: ColumnDefaultComponent, deps: [{ token: CardService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: ColumnDefaultComponent, isStandalone: true, selector: "column-default", inputs: { listDataCheckedId: "listDataCheckedId", data: "data" }, outputs: { operationClick: "operationClick", rowRuleClick: "rowRuleClick", componentClick: "componentClick", selectChange: "selectChange" }, usesOnChanges: true, ngImport: i0, template: "<ng-container *ngIf=\"cardSrv!! && cardSrv.template!! && cardSrv.header!!\">\n  <div class=\"column-checkbox\"\n    *ngIf=\"cardSrv?.pageConfig?.checkbox==true && cardSrv.pageConfig.primary!! && cardSrv.pageConfig.primary.key!!\">\n    <label nz-checkbox [(nzChecked)]=\"listDataCheckedId[data[cardSrv.pageConfig.primary.key]]\"\n      (nzCheckedChange)=\"checkChange()\"></label>\n  </div>\n  <div class=\"column-box\">\n    <ng-container *ngFor=\"let item of cardSrv.template\">\n      <div class=\"column\" [ngClass]=\"item.type\">\n        <ng-container *ngFor=\"let d of item.child\">\n          <div [ngClass]=\"d.type\">\n            <ng-container *ngFor=\"let column of d.child\">\n              <div class=\"item-box\" [ngClass]=\"column.type\">\n                <ng-container [ngSwitch]=\"column.type\">\n                  <ng-container *ngSwitchCase=\"'operation'\">\n                    <ng-container *ngIf=\"cardSrv.pageConfig.dataRule\">\n                      <a (click)=\"ruleClick(data,$event)\">\n                        <i nz-icon nzType=\"share-alt\" class=\"button-share\"></i>\u9002\u7528\u89C4\u5219\n                      </a>\n                    </ng-container>\n\n                    <ng-container *ngIf=\"data.operation!!\">\n                      <ng-container\n                        *ngIf=\"cardSrv.pageConfig!! && cardSrv.pageConfig?.operation?.type=='FOLD';else tmpOperation\">\n                        <a nz-dropdown [nzDropdownMenu]=\"menu\"> <i class=\"table-action\" nz-icon nzType=\"ellipsis\"></i>\n                        </a>\n                        <nz-dropdown-menu #menu=\"nzDropdownMenu\">\n                          <ul nz-menu>\n                            <ng-container *ngFor=\"let button of data.operation\">\n                              <ng-container *ngIf=\"cardSrv.pageConfig?.startRole==false;else tmpLiRoleCode\">\n                                <li nz-menu-item (click)=\"buttonEvent(button,data,$event)\">\n                                  <button-inner [data]=\"button\"></button-inner>\n                                </li>\n                              </ng-container>\n                              <!-- \u53E6\u5916\u4E00\u79CD -->\n                              <ng-template #tmpLiRoleCode>\n                                <ng-container *ngIf=\"button?.izRole!=true;else tmpRoleFold\">\n                                  <li nz-menu-item (click)=\"buttonEvent(button,data,$event)\">\n                                    <button-inner [data]=\"button\"></button-inner>\n                                  </li>\n                                </ng-container>\n                                <ng-template #tmpRoleFold>\n                                  <ng-container *aclIf=\"button.roleCode\">\n                                    <li nz-menu-item (click)=\"buttonEvent(button,data,$event)\">\n                                      <button-inner [data]=\"button\"></button-inner>\n                                    </li>\n                                  </ng-container>\n                                </ng-template>\n                              </ng-template>\n                            </ng-container>\n                          </ul>\n                        </nz-dropdown-menu>\n                      </ng-container>\n\n                      <ng-template #tmpOperation>\n                        <ng-container *ngFor=\"let button of data.operation\">\n                          <ng-container *ngIf=\"cardSrv.pageConfig?.startRole==false;else tmpRoleCode\">\n                            <a (click)=\"buttonEvent(button,data,$event)\">\n                              <button-inner [data]=\"button\"></button-inner>\n                            </a>\n                          </ng-container>\n                          <!-- \u53E6\u5916\u4E00\u79CD -->\n                          <ng-template #tmpRoleCode>\n                            <ng-container *ngIf=\"button?.izRole!=true;else tmpRoleExpand\">\n                              <a (click)=\"buttonEvent(button,data,$event)\">\n                                <button-inner [data]=\"button\"></button-inner>\n                              </a>\n                            </ng-container>\n                            <ng-template #tmpRoleExpand>\n                              <ng-container *aclIf=\"button.roleCode\">\n                                <a (click)=\"buttonEvent(button,data,$event)\">\n                                  <button-inner [data]=\"button\"></button-inner>\n                                </a>\n                              </ng-container>\n                            </ng-template>\n                          </ng-template>\n                        </ng-container>\n                      </ng-template>\n\n\n                    </ng-container>\n                  </ng-container>\n                  <ng-container *ngSwitchCase=\"'list'\">\n                    <item-group [config]=\"{'item':data,'column':column}\"></item-group>\n                  </ng-container>\n                  <ng-container *ngSwitchDefault>\n                    <item-text [config]=\"{'item':data,'column':column}\"\n                      (textClickEvent)=\"textClick($event)\"></item-text>\n                  </ng-container>\n                </ng-container>\n              </div>\n            </ng-container>\n          </div>\n        </ng-container>\n      </div>\n    </ng-container>\n  </div>\n</ng-container>", styles: [":host ::ng-deep{display:flex;flex-direction:row;margin:15px 15px 0;padding:15px 0 0;background:#fff;border-radius:8px}:host ::ng-deep gram-text{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1;-webkit-box-orient:vertical}:host ::ng-deep .column-checkbox{padding:0 0 0 8px}:host ::ng-deep .column-box{display:flex;flex:1;flex-direction:column}:host ::ng-deep .column{display:flex;flex-direction:row;margin:0 0 15px;padding:0 15px}:host ::ng-deep .column-b .left{display:flex;flex-direction:row;align-items:center;justify-content:start;min-width:200px;text-align:left}:host ::ng-deep .column-b .right{display:inline-block;display:flex;flex:1;flex-direction:row;align-items:center}:host ::ng-deep .column-c .left{display:inline-block;display:flex;flex:1;flex-direction:row;align-items:center}:host ::ng-deep .column-c .right{display:flex;flex-direction:row;align-items:center;justify-content:end;min-width:20px;text-align:right}:host ::ng-deep .column .middle{display:flex;flex:1;flex-direction:row;align-items:center}:host ::ng-deep .item-box{display:inline-block}:host ::ng-deep .operation a+a{margin:0 0 0 15px}:host ::ng-deep .table-action{padding:3px 8px;color:#fff;font-size:15px;background:#1177fb!important;border-radius:12px;cursor:pointer}:host ::ng-deep .button-share{margin-right:3px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { 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: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: DelonACLModule }, { kind: "directive", type: i3$1.ACLIfDirective, selector: "[aclIf]", inputs: ["aclIf", "aclIfThen", "aclIfElse", "except"], exportAs: ["aclIf"] }, { kind: "ngmodule", type: NzCheckboxModule }, { kind: "component", type: i4$1.NzCheckboxComponent, selector: "[nz-checkbox]", inputs: ["nzValue", "nzAutoFocus", "nzDisabled", "nzIndeterminate", "nzChecked", "nzId", "nzName"], outputs: ["nzCheckedChange"], exportAs: ["nzCheckbox"] }, { kind: "ngmodule", type: NzDropDownModule }, { kind: "directive", type: i5$1.NzMenuDirective, selector: "[nz-menu]", inputs: ["nzInlineIndent", "nzTheme", "nzMode", "nzInlineCollapsed", "nzSelectable"], outputs: ["nzClick"], exportAs: ["nzMenu"] }, { kind: "component", type: i5$1.NzMenuItemComponent, selector: "[nz-menu-item]", inputs: ["nzPaddingLeft", "nzDisabled", "nzSelected", "nzDanger", "nzMatchRouterExact", "nzMatchRouter"], exportAs: ["nzMenuItem"] }, { kind: "directive", type: i6$1.NzDropDownDirective, selector: "[nz-dropdown]", inputs: ["nzDropdownMenu", "nzTrigger", "nzMatchWidthElement", "nzBackdrop", "nzClickHide", "nzDisabled", "nzVisible", "nzOverlayClassName", "nzOverlayStyle", "nzPlacement"], outputs: ["nzVisibleChange"], exportAs: ["nzDropdown"] }, { kind: "directive", type: i6$1.NzDropDownADirective, selector: "a[nz-dropdown]" }, { kind: "component", type: i6$1.NzDropdownMenuComponent, selector: "nz-dropdown-menu", exportAs: ["nzDropdownMenu"] }, { kind: "ngmodule", type: NzIconModule }, { kind: "directive", type: i7.NzIconDirective, selector: "nz-icon,[nz-icon]", inputs: ["nzSpin", "nzRotate", "nzType", "nzTheme", "nzTwotoneColor", "nzIconfont"], exportAs: ["nzIcon"] }, { kind: "ngmodule", type: NzButtonModule }, { kind: "directive", type: i8$1.ɵNzTransitionPatchDirective, selector: "[nz-button], nz-button-group, [nz-icon], nz-icon, [nz-menu-item], [nz-submenu], nz-select-top-control, nz-select-placeholder, nz-input-group", inputs: ["hidden"] }, { kind: "ngmodule", type: GramDeonButtonModule }, { kind: "component", type: i8.GramDeonButtonInnerComponent, selector: "button-inner", inputs: ["data"] }, { kind: "component", type: ItemTextComponent, selector: "item-text" }, { kind: "component", type: ItemGroupComponent, selector: "item-group" }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: ColumnDefaultComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'column-default', imports: [
+                        CommonModule,
+                        FormsModule,
+                        ReactiveFormsModule,
+                        DelonACLModule,
+                        NzCheckboxModule,
+                        NzDropDownModule,
+                        NzIconModule,
+                        NzButtonModule,
+                        GramDeonButtonModule,
+                        ItemTextComponent,
+                        ItemGroupComponent
+                    ], template: "<ng-container *ngIf=\"cardSrv!! && cardSrv.template!! && cardSrv.header!!\">\n  <div class=\"column-checkbox\"\n    *ngIf=\"cardSrv?.pageConfig?.checkbox==true && cardSrv.pageConfig.primary!! && cardSrv.pageConfig.primary.key!!\">\n    <label nz-checkbox [(nzChecked)]=\"listDataCheckedId[data[cardSrv.pageConfig.primary.key]]\"\n      (nzCheckedChange)=\"checkChange()\"></label>\n  </div>\n  <div class=\"column-box\">\n    <ng-container *ngFor=\"let item of cardSrv.template\">\n      <div class=\"column\" [ngClass]=\"item.type\">\n        <ng-container *ngFor=\"let d of item.child\">\n          <div [ngClass]=\"d.type\">\n            <ng-container *ngFor=\"let column of d.child\">\n              <div class=\"item-box\" [ngClass]=\"column.type\">\n                <ng-container [ngSwitch]=\"column.type\">\n                  <ng-container *ngSwitchCase=\"'operation'\">\n                    <ng-container *ngIf=\"cardSrv.pageConfig.dataRule\">\n                      <a (click)=\"ruleClick(data,$event)\">\n                        <i nz-icon nzType=\"share-alt\" class=\"button-share\"></i>\u9002\u7528\u89C4\u5219\n                      </a>\n                    </ng-container>\n\n                    <ng-container *ngIf=\"data.operation!!\">\n                      <ng-container\n                        *ngIf=\"cardSrv.pageConfig!! && cardSrv.pageConfig?.operation?.type=='FOLD';else tmpOperation\">\n                        <a nz-dropdown [nzDropdownMenu]=\"menu\"> <i class=\"table-action\" nz-icon nzType=\"ellipsis\"></i>\n                        </a>\n                        <nz-dropdown-menu #menu=\"nzDropdownMenu\">\n                          <ul nz-menu>\n                            <ng-container *ngFor=\"let button of data.operation\">\n                              <ng-container *ngIf=\"cardSrv.pageConfig?.startRole==false;else tmpLiRoleCode\">\n                                <li nz-menu-item (click)=\"buttonEvent(button,data,$event)\">\n                                  <button-inner [data]=\"button\"></button-inner>\n                                </li>\n                              </ng-container>\n                              <!-- \u53E6\u5916\u4E00\u79CD -->\n                              <ng-template #tmpLiRoleCode>\n                                <ng-container *ngIf=\"button?.izRole!=true;else tmpRoleFold\">\n                                  <li nz-menu-item (click)=\"buttonEvent(button,data,$event)\">\n                                    <button-inner [data]=\"button\"></button-inner>\n                                  </li>\n                                </ng-container>\n                                <ng-template #tmpRoleFold>\n                                  <ng-container *aclIf=\"button.roleCode\">\n                                    <li nz-menu-item (click)=\"buttonEvent(button,data,$event)\">\n                                      <button-inner [data]=\"button\"></button-inner>\n                                    </li>\n                                  </ng-container>\n                                </ng-template>\n                              </ng-template>\n                            </ng-container>\n                          </ul>\n                        </nz-dropdown-menu>\n                      </ng-container>\n\n                      <ng-template #tmpOperation>\n                        <ng-container *ngFor=\"let button of data.operation\">\n                          <ng-container *ngIf=\"cardSrv.pageConfig?.startRole==false;else tmpRoleCode\">\n                            <a (click)=\"buttonEvent(button,data,$event)\">\n                              <button-inner [data]=\"button\"></button-inner>\n                            </a>\n                          </ng-container>\n                          <!-- \u53E6\u5916\u4E00\u79CD -->\n                          <ng-template #tmpRoleCode>\n                            <ng-container *ngIf=\"button?.izRole!=true;else tmpRoleExpand\">\n                              <a (click)=\"buttonEvent(button,data,$event)\">\n                                <button-inner [data]=\"button\"></button-inner>\n                              </a>\n                            </ng-container>\n                            <ng-template #tmpRoleExpand>\n                              <ng-container *aclIf=\"button.roleCode\">\n                                <a (click)=\"buttonEvent(button,data,$event)\">\n                                  <button-inner [data]=\"button\"></button-inner>\n                                </a>\n                              </ng-container>\n                            </ng-template>\n                          </ng-template>\n                        </ng-container>\n                      </ng-template>\n\n\n                    </ng-container>\n                  </ng-container>\n                  <ng-container *ngSwitchCase=\"'list'\">\n                    <item-group [config]=\"{'item':data,'column':column}\"></item-group>\n                  </ng-container>\n                  <ng-container *ngSwitchDefault>\n                    <item-text [config]=\"{'item':data,'column':column}\"\n                      (textClickEvent)=\"textClick($event)\"></item-text>\n                  </ng-container>\n                </ng-container>\n              </div>\n            </ng-container>\n          </div>\n        </ng-container>\n      </div>\n    </ng-container>\n  </div>\n</ng-container>", styles: [":host ::ng-deep{display:flex;flex-direction:row;margin:15px 15px 0;padding:15px 0 0;background:#fff;border-radius:8px}:host ::ng-deep gram-text{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1;-webkit-box-orient:vertical}:host ::ng-deep .column-checkbox{padding:0 0 0 8px}:host ::ng-deep .column-box{display:flex;flex:1;flex-direction:column}:host ::ng-deep .column{display:flex;flex-direction:row;margin:0 0 15px;padding:0 15px}:host ::ng-deep .column-b .left{display:flex;flex-direction:row;align-items:center;justify-content:start;min-width:200px;text-align:left}:host ::ng-deep .column-b .right{display:inline-block;display:flex;flex:1;flex-direction:row;align-items:center}:host ::ng-deep .column-c .left{display:inline-block;display:flex;flex:1;flex-direction:row;align-items:center}:host ::ng-deep .column-c .right{display:flex;flex-direction:row;align-items:center;justify-content:end;min-width:20px;text-align:right}:host ::ng-deep .column .middle{display:flex;flex:1;flex-direction:row;align-items:center}:host ::ng-deep .item-box{display:inline-block}:host ::ng-deep .operation a+a{margin:0 0 0 15px}:host ::ng-deep .table-action{padding:3px 8px;color:#fff;font-size:15px;background:#1177fb!important;border-radius:12px;cursor:pointer}:host ::ng-deep .button-share{margin-right:3px}\n"] }]
+        }], ctorParameters: () => [{ type: CardService }], propDecorators: { listDataCheckedId: [{
+                type: Input
+            }], data: [{
+                type: Input
+            }], operationClick: [{
+                type: Output
+            }], rowRuleClick: [{
+                type: Output
+            }], componentClick: [{
+                type: Output
+            }], selectChange: [{
+                type: Output
+            }] } });
+
+class GramDeonCardComponent {
+    cardSrv;
+    _data = [];
+    _listSelectData = [];
+    id = '';
+    loading = null;
+    pageConfig = {};
+    cardConfig = null;
+    header = null;
+    /**
+     * 当前总数据
+     */
+    total = 0;
+    /**
+     * 当前数据数组
+     */
+    set nzData(value) {
+        if (value && Array.isArray(value)) {
+            this.cardSrv.cardConfig = this.cardConfig;
+            this.cardSrv.templateImg = this.cardConfig?.layoutTemplate[0].child[0].child[0];
+            this.cardSrv.templateTextArr = this.cardConfig?.layoutTemplate[0].child[1].child;
+            this.cardSrv.pageConfig = this.pageConfig;
+            this.cardSrv.template = this.cardConfig?.layoutTemplate;
+            this.cardSrv.header = this.header;
+            this.initHeaderData(this.cardSrv.template);
+            if (this.cardSrv.templateImg?.fieldInfo) {
+                this.cardSrv.imgFieldKey = this.cardSrv.templateImg.fieldInfo.key;
+            }
+            if (value && Array.isArray(value)) {
+                value.forEach((item) => {
+                    if (item.operation && Array.isArray(item.operation)) {
+                        let operation = _.cloneDeep(item.operation);
+                        let operationArr = [];
+                        operation.forEach((e) => {
+                            if (e.izRole == false) {
+                                operationArr.push(e);
+                            }
+                            else {
+                                if (_.get(this.pageConfig, 'buttons.operation')) {
+                                    let roleCode = _.get(this.pageConfig, 'buttons.operation.' + e.code + '.roleCode');
+                                    if (roleCode) {
+                                        e.roleCode = roleCode;
+                                        operationArr.push(e);
+                                    }
+                                }
+                            }
+                        });
+                        item.operation = operationArr;
+                    }
+                });
+                this._data = value;
+            }
+            else {
+                this._data = [];
+            }
+        }
+        else {
+            this._data = [];
+            this.cardSrv.pageConfig = null;
+            this.cardSrv.template = [];
+            this.cardSrv.header = [];
+            this.cardSrv.templateImg = null;
+            this.cardSrv.templateTextArr = [];
+        }
+    }
+    get nzData() {
+        return this._data;
+    }
+    set selectData(value) {
+        this.listDataCheckedId = {};
+        if (value && value !== undefined && value != null && value.length > 0) {
+            this._listSelectData = value;
+            this._listSelectData.forEach((item) => {
+                this.listDataCheckedId[item[this.pageConfig.primary.key]] = true;
+            });
+        }
+        else {
+            this._listSelectData = [];
+        }
+    }
+    get selectData() {
+        return this._listSelectData;
+    }
+    operationClick = new EventEmitter();
+    rowRuleClick = new EventEmitter();
+    componentClick = new EventEmitter();
+    /**
+     * 当选中项变化时的回调函数
+     */
+    selectChange = new EventEmitter();
+    listDataCheckedId = {};
+    constructor(cardSrv) {
+        this.cardSrv = cardSrv;
+    }
+    ngOnInit() { }
+    ngAfterViewInit() { }
+    ngOnChanges(change) { }
+    buttonEvent(e) {
+        this.operationClick.emit(e);
+    }
+    rowRuleEvent(e) {
+        this.rowRuleClick.emit(e);
+    }
+    componentEvent(e) {
+        this.componentClick.emit(e);
+    }
+    selectEvent(e) {
+        Object.keys(this.listDataCheckedId).forEach((id) => {
+            let ischeck = this.listDataCheckedId[id];
+            if (ischeck) {
+                if (this._listSelectData.some((item) => item[this.pageConfig.primary.key] === id)) {
+                }
+                else {
+                    this.nzData.forEach((item) => {
+                        if (item[this.pageConfig.primary.key] === id) {
+                            let obj = {};
+                            obj[this.pageConfig.primary.key] = id;
+                            obj[this.pageConfig.primary.name] = _.get(item, this.pageConfig.primary.name);
+                            obj['rowData'] = _.cloneDeep(item);
+                            this._listSelectData.push(obj);
+                        }
+                    });
+                }
+            }
+            else {
+                this._listSelectData.forEach((item, index, object) => {
+                    if (item[this.pageConfig.primary.key] === id) {
+                        object.splice(index, 1);
+                    }
+                });
+            }
+        });
+        this.selectChange.emit(this.selectData);
+    }
+    initHeaderData(list) {
+        if (list != undefined && list != null && Array.isArray(list) && list.length > 0) {
+            list.forEach((item) => {
+                if (item.id != undefined && item.id != null) {
+                    if (this.cardSrv.header && this.cardSrv.header.length > 0) {
+                        let arr = this.cardSrv.header.filter((e) => {
+                            return e.layoutId == item.id;
+                        });
+                        if (arr != null && arr.length > 0) {
+                            if (arr.some((e) => {
+                                return e.layoutType == 'list';
+                            })) {
+                                item.fieldList = arr;
+                                item.type = 'list';
+                            }
+                            else {
+                                let findData = arr[0];
+                                if (findData.layoutType != null) {
+                                    item.type = findData.layoutType;
+                                }
+                                item.fieldInfo = findData;
+                            }
+                        }
+                    }
+                }
+                if (item.child != undefined && item.child != null) {
+                    this.initHeaderData(item.child);
+                }
+            });
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: GramDeonCardComponent, deps: [{ token: CardService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: GramDeonCardComponent, isStandalone: true, selector: "gram-card", inputs: { id: "id", loading: "loading", pageConfig: "pageConfig", cardConfig: "cardConfig", header: "header", total: "total", nzData: "nzData", selectData: "selectData" }, outputs: { operationClick: "operationClick", rowRuleClick: "rowRuleClick", componentClick: "componentClick", selectChange: "selectChange" }, providers: [CardService], usesOnChanges: true, ngImport: i0, template: "<ng-container *ngIf=\"nzData && nzData.length>0;else noResult\">\n  <div class=\"card-list\" [ngClass]=\"{'imgText-list':cardConfig?.secondType=='IMG_TEXT'}\">\n    <ng-container [ngSwitch]=\"cardConfig?.secondType\">\n      <ng-container *ngSwitchCase=\"'IMG_TEXT'\">\n        <ng-container *ngFor=\"let item of nzData\">\n          <column-img [listDataCheckedId]=\"listDataCheckedId\" [data]=\"item\" (operationClick)=\"buttonEvent($event)\"\n            (rowRuleClick)=\"rowRuleEvent($event)\" (componentClick)=\"componentEvent($event)\"\n            (selectChange)=\"selectEvent($event)\" [style.width.px]=\"cardConfig.width\"\n            [style.min-height.px]=\"cardConfig.height\" [ngClass]=\"cardConfig?.imgType+'_box'\"></column-img>\n        </ng-container>\n      </ng-container>\n      <ng-container *ngSwitchDefault>\n        <ng-container *ngFor=\"let item of nzData\">\n          <column-default [listDataCheckedId]=\"listDataCheckedId\" [data]=\"item\" (operationClick)=\"buttonEvent($event)\"\n            (rowRuleClick)=\"rowRuleEvent($event)\" (componentClick)=\"componentEvent($event)\"\n            (selectChange)=\"selectEvent($event)\"></column-default>\n        </ng-container>\n      </ng-container>\n    </ng-container>\n  </div>\n</ng-container>\n<ng-template #noResult>\n  <div class=\"card-list\" [ngClass]=\"{'empty-list':loading!=true}\">\n    <gram-empty *ngIf=\"loading!=true\"></gram-empty>\n  </div>\n</ng-template>", styles: [":host ::ng-deep{display:flex;flex-direction:column;overflow:hidden}:host ::ng-deep .empty-list{display:flex;height:100%}:host ::ng-deep .pipe-box div{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1;-webkit-box-orient:vertical}:host ::ng-deep .title{white-space:nowrap}:host ::ng-deep .text-info{flex:1}:host ::ng-deep .img3_box .column-checkbox{right:0!important}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { 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: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: GramDeonEmptyModule }, { kind: "component", type: i3$2.BaseEmptyComponent, selector: "gram-empty", inputs: ["desc", "state"], outputs: ["emptyClick"] }, { kind: "component", type: ColumnImgComponent, selector: "column-img", inputs: ["listDataCheckedId", "data"], outputs: ["operationClick", "rowRuleClick", "componentClick", "selectChange"] }, { kind: "component", type: ColumnDefaultComponent, selector: "column-default", inputs: ["listDataCheckedId", "data"], outputs: ["operationClick", "rowRuleClick", "componentClick", "selectChange"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: GramDeonCardComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'gram-card', providers: [CardService], imports: [
+                        CommonModule,
+                        FormsModule,
+                        ReactiveFormsModule,
+                        GramDeonEmptyModule,
+                        ColumnImgComponent,
+                        ColumnDefaultComponent
+                    ], template: "<ng-container *ngIf=\"nzData && nzData.length>0;else noResult\">\n  <div class=\"card-list\" [ngClass]=\"{'imgText-list':cardConfig?.secondType=='IMG_TEXT'}\">\n    <ng-container [ngSwitch]=\"cardConfig?.secondType\">\n      <ng-container *ngSwitchCase=\"'IMG_TEXT'\">\n        <ng-container *ngFor=\"let item of nzData\">\n          <column-img [listDataCheckedId]=\"listDataCheckedId\" [data]=\"item\" (operationClick)=\"buttonEvent($event)\"\n            (rowRuleClick)=\"rowRuleEvent($event)\" (componentClick)=\"componentEvent($event)\"\n            (selectChange)=\"selectEvent($event)\" [style.width.px]=\"cardConfig.width\"\n            [style.min-height.px]=\"cardConfig.height\" [ngClass]=\"cardConfig?.imgType+'_box'\"></column-img>\n        </ng-container>\n      </ng-container>\n      <ng-container *ngSwitchDefault>\n        <ng-container *ngFor=\"let item of nzData\">\n          <column-default [listDataCheckedId]=\"listDataCheckedId\" [data]=\"item\" (operationClick)=\"buttonEvent($event)\"\n            (rowRuleClick)=\"rowRuleEvent($event)\" (componentClick)=\"componentEvent($event)\"\n            (selectChange)=\"selectEvent($event)\"></column-default>\n        </ng-container>\n      </ng-container>\n    </ng-container>\n  </div>\n</ng-container>\n<ng-template #noResult>\n  <div class=\"card-list\" [ngClass]=\"{'empty-list':loading!=true}\">\n    <gram-empty *ngIf=\"loading!=true\"></gram-empty>\n  </div>\n</ng-template>", styles: [":host ::ng-deep{display:flex;flex-direction:column;overflow:hidden}:host ::ng-deep .empty-list{display:flex;height:100%}:host ::ng-deep .pipe-box div{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1;-webkit-box-orient:vertical}:host ::ng-deep .title{white-space:nowrap}:host ::ng-deep .text-info{flex:1}:host ::ng-deep .img3_box .column-checkbox{right:0!important}\n"] }]
+        }], ctorParameters: () => [{ type: CardService }], propDecorators: { id: [{
+                type: Input
+            }], loading: [{
+                type: Input
+            }], pageConfig: [{
+                type: Input
+            }], cardConfig: [{
+                type: Input
+            }], header: [{
+                type: Input
+            }], total: [{
+                type: Input
+            }], nzData: [{
+                type: Input
+            }], selectData: [{
+                type: Input
+            }], operationClick: [{
+                type: Output
+            }], rowRuleClick: [{
+                type: Output
+            }], componentClick: [{
+                type: Output
+            }], selectChange: [{
+                type: Output
+            }] } });
+
+class CardDesignTextComponent {
+    data = null;
+    ngOnInit() { }
+    ngAfterViewInit() { }
+    ngOnChanges(change) { }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: CardDesignTextComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: CardDesignTextComponent, isStandalone: true, selector: "design-text", inputs: { data: "data" }, usesOnChanges: true, ngImport: i0, template: "<div>\n    <i nz-icon nzType=\"plus-circle\"></i>\n</div>", styles: [":host ::ng-deep{display:inline-block;padding:10px 18px;background:#edeff3;border-radius:4px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: NzIconModule }, { kind: "directive", type: i7.NzIconDirective, selector: "nz-icon,[nz-icon]", inputs: ["nzSpin", "nzRotate", "nzType", "nzTheme", "nzTwotoneColor", "nzIconfont"], exportAs: ["nzIcon"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: CardDesignTextComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'design-text', imports: [
+                        CommonModule,
+                        NzIconModule
+                    ], template: "<div>\n    <i nz-icon nzType=\"plus-circle\"></i>\n</div>", styles: [":host ::ng-deep{display:inline-block;padding:10px 18px;background:#edeff3;border-radius:4px}\n"] }]
+        }], propDecorators: { data: [{
+                type: Input
+            }] } });
+
+class GramDeonCardDesignComponent {
+    data = [];
+    ngOnInit() { }
+    ngAfterViewInit() { }
+    ngOnChanges(change) { }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: GramDeonCardDesignComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: GramDeonCardDesignComponent, isStandalone: true, selector: "card-design", inputs: { data: "data" }, usesOnChanges: true, ngImport: i0, template: "<ng-container *ngIf=\"data!! && data.length>0\">\n  <div class=\"column-box\">\n    <ng-container *ngFor=\"let item of data\">\n      <ng-container [ngSwitch]=\"item.type\">\n        <ng-container *ngSwitchCase=\"'column-a'\">\n          <div class=\"column-a\">\n            <ul>\n              <li *ngFor=\"let column of item.child\">\n                <design-text [data]=\"column\"></design-text>\n              </li>\n            </ul>\n          </div>\n        </ng-container>\n        <ng-container *ngSwitchCase=\"'column-b'\">\n          <div class=\"column-b\">\n            <ng-container *ngFor=\"let d of item.child\">\n              <div [ngClass]=\"d.type\">\n                <ul>\n                  <li *ngFor=\"let column of d.child\">\n                    <design-text [data]=\"column\"></design-text>\n                  </li>\n                </ul>\n              </div>\n            </ng-container>\n          </div>\n        </ng-container>\n        <ng-container *ngSwitchCase=\"'column-c'\">\n          <div class=\"column-c\">\n            <ng-container *ngFor=\"let d of item.child\">\n              <div [ngClass]=\"d.type\">\n                <ul>\n                  <li *ngFor=\"let column of d.child\">\n                    <design-text [data]=\"column\"></design-text>\n                  </li>\n                </ul>\n              </div>\n            </ng-container>\n          </div>\n        </ng-container>\n      </ng-container>\n    </ng-container>\n  </div>\n</ng-container>", styles: [":host ::ng-deep{display:flex;flex-direction:column;padding:20px;background:#f5f6f8}:host ::ng-deep .column-box{display:flex;flex-direction:column;padding:15px;background:#fff;border-radius:8px}:host ::ng-deep .column-a,:host ::ng-deep .column-b,:host ::ng-deep .column-c{display:flex;flex-direction:row;width:100%;min-height:20px}:host ::ng-deep .column-b .left{width:250px}:host ::ng-deep .column-b .right{flex:1}:host ::ng-deep .column-c .left{flex:10}:host ::ng-deep .column-c .right{flex:2}:host ::ng-deep ul{display:flex;flex:1;flex-direction:row;align-items:center;justify-items:center;height:100%;margin:0;padding:0;list-style:none}:host ::ng-deep ul li{display:inline-block;flex:1;text-align:left}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { 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: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "component", type: CardDesignTextComponent, selector: "design-text", inputs: ["data"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: GramDeonCardDesignComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'card-design', imports: [
+                        CommonModule,
+                        FormsModule,
+                        ReactiveFormsModule,
+                        CardDesignTextComponent
+                    ], template: "<ng-container *ngIf=\"data!! && data.length>0\">\n  <div class=\"column-box\">\n    <ng-container *ngFor=\"let item of data\">\n      <ng-container [ngSwitch]=\"item.type\">\n        <ng-container *ngSwitchCase=\"'column-a'\">\n          <div class=\"column-a\">\n            <ul>\n              <li *ngFor=\"let column of item.child\">\n                <design-text [data]=\"column\"></design-text>\n              </li>\n            </ul>\n          </div>\n        </ng-container>\n        <ng-container *ngSwitchCase=\"'column-b'\">\n          <div class=\"column-b\">\n            <ng-container *ngFor=\"let d of item.child\">\n              <div [ngClass]=\"d.type\">\n                <ul>\n                  <li *ngFor=\"let column of d.child\">\n                    <design-text [data]=\"column\"></design-text>\n                  </li>\n                </ul>\n              </div>\n            </ng-container>\n          </div>\n        </ng-container>\n        <ng-container *ngSwitchCase=\"'column-c'\">\n          <div class=\"column-c\">\n            <ng-container *ngFor=\"let d of item.child\">\n              <div [ngClass]=\"d.type\">\n                <ul>\n                  <li *ngFor=\"let column of d.child\">\n                    <design-text [data]=\"column\"></design-text>\n                  </li>\n                </ul>\n              </div>\n            </ng-container>\n          </div>\n        </ng-container>\n      </ng-container>\n    </ng-container>\n  </div>\n</ng-container>", styles: [":host ::ng-deep{display:flex;flex-direction:column;padding:20px;background:#f5f6f8}:host ::ng-deep .column-box{display:flex;flex-direction:column;padding:15px;background:#fff;border-radius:8px}:host ::ng-deep .column-a,:host ::ng-deep .column-b,:host ::ng-deep .column-c{display:flex;flex-direction:row;width:100%;min-height:20px}:host ::ng-deep .column-b .left{width:250px}:host ::ng-deep .column-b .right{flex:1}:host ::ng-deep .column-c .left{flex:10}:host ::ng-deep .column-c .right{flex:2}:host ::ng-deep ul{display:flex;flex:1;flex-direction:row;align-items:center;justify-items:center;height:100%;margin:0;padding:0;list-style:none}:host ::ng-deep ul li{display:inline-block;flex:1;text-align:left}\n"] }]
+        }], propDecorators: { data: [{
+                type: Input
+            }] } });
+
+const components = [
+    GramDeonCardComponent,
+    GramDeonCardDesignComponent,
+    ItemTextComponent,
+    ItemGroupComponent,
+    CardDesignTextComponent
+];
+class GramDeonCardModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: GramDeonCardModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.15", ngImport: i0, type: GramDeonCardModule, imports: [GramDeonCardComponent,
+            GramDeonCardDesignComponent,
+            ItemTextComponent,
+            ItemGroupComponent,
+            CardDesignTextComponent], exports: [GramDeonCardComponent,
+            GramDeonCardDesignComponent,
+            ItemTextComponent,
+            ItemGroupComponent,
+            CardDesignTextComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: GramDeonCardModule, imports: [components] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: GramDeonCardModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [...components],
+                    exports: [...components], // 导出所有组件
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { CardDesignTextComponent, GramDeonCardComponent, GramDeonCardDesignComponent, GramDeonCardModule, ItemGroupComponent, ItemTextComponent };
+//# sourceMappingURL=components.card.mjs.map