@ebuilding/abc 2.0.0

package/fesm2022/components.quick.mjs

@@ -0,0 +1,158 @@
+import * as i0 from '@angular/core';
+import { EventEmitter, Output, Input, ChangeDetectionStrategy, Component, NgModule } from '@angular/core';
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i2 from '@angular/forms';
+import { FormsModule } from '@angular/forms';
+import * as i3$1 from 'ng-zorro-antd/select';
+import { NzSelectModule } from 'ng-zorro-antd/select';
+import * as i4 from 'ng-zorro-antd/radio';
+import { NzRadioModule } from 'ng-zorro-antd/radio';
+import * as i3 from 'ng-zorro-antd/date-picker';
+import { NzDatePickerModule } from 'ng-zorro-antd/date-picker';
+import _ from 'lodash';
+
+class QuickDateTimeComponent {
+    data = {};
+    dataChange = new EventEmitter();
+    ngOnInit() { }
+    ngAfterViewInit() { }
+    dateChange(e) {
+        let para = {};
+        let time = null;
+        if (this.data?.value != undefined && this.data?.value != null && this.data?.value != '') {
+            time = this.data?.value;
+        }
+        para[this.data.key] = {
+            type: 'dateTime',
+            isArray: false,
+            value: time,
+            values: null,
+            format: this.data.format,
+        };
+        this.dataChange.emit(para);
+    }
+    datesChange(e) {
+        let para = {};
+        let time = [];
+        if (this.data?.value1 != undefined && this.data.value1 != null && this.data.value1 != '') {
+            time.push(this.data?.value1);
+        }
+        else {
+            time.push('');
+        }
+        if (this.data?.value2 != undefined && this.data.value2 != null && this.data.value2 != '') {
+            time.push(this.data?.value2);
+        }
+        else {
+            time.push('');
+        }
+        para[this.data.key] = {
+            type: 'dateTime',
+            isArray: true,
+            value: null,
+            values: time,
+            format: this.data.format,
+        };
+        this.dataChange.emit(para);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: QuickDateTimeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: QuickDateTimeComponent, isStandalone: true, selector: "quick-datetime", inputs: { data: "data" }, outputs: { dataChange: "dataChange" }, ngImport: i0, template: "<ng-container [ngSwitch]=\"data.format\">\n  <ng-container *ngSwitchCase=\"'YYYYMMDD'\">\n    <ng-container *ngIf=\"data.izBetween==true;else tmpDateTime\">\n      <nz-date-picker [(ngModel)]=\"data.value1\" (ngModelChange)=\"datesChange($event)\"></nz-date-picker>\n      ~\n      <nz-date-picker [(ngModel)]=\"data.value2\" (ngModelChange)=\"datesChange($event)\"></nz-date-picker>\n    </ng-container>\n  </ng-container>\n  <ng-container *ngSwitchCase=\"'YYYYMMDDHHMMSS'\">\n    <ng-container *ngIf=\"data.izBetween==true;else tmpDateTime2\">\n      <nz-date-picker\n        nzFormat=\"yyyy-MM-dd HH:mm:ss\"\n        nzShowTime\n        [(ngModel)]=\"data.value1\"\n        (ngModelChange)=\"datesChange($event)\"\n      ></nz-date-picker>\n      ~\n      <nz-date-picker\n        nzFormat=\"yyyy-MM-dd HH:mm:ss\"\n        nzShowTime\n        [(ngModel)]=\"data.value2\"\n        (ngModelChange)=\"datesChange($event)\"\n      ></nz-date-picker>\n    </ng-container>\n  </ng-container>\n</ng-container>\n\n<ng-template #tmpDateTime>\n  <nz-date-picker [(ngModel)]=\"data.value\" (ngModelChange)=\"dateChange($event)\"></nz-date-picker>\n</ng-template>\n\n<ng-template #tmpDateTime2>\n  <nz-date-picker nzFormat=\"yyyy-MM-dd HH:mm:ss\" nzShowTime [(ngModel)]=\"data.value\" (ngModelChange)=\"dateChange($event)\"></nz-date-picker>\n</ng-template>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: NzDatePickerModule }, { kind: "component", type: i3.NzDatePickerComponent, selector: "nz-date-picker,nz-week-picker,nz-month-picker,nz-quarter-picker,nz-year-picker,nz-range-picker", inputs: ["nzAllowClear", "nzAutoFocus", "nzDisabled", "nzBorderless", "nzInputReadOnly", "nzInline", "nzOpen", "nzDisabledDate", "nzLocale", "nzPlaceHolder", "nzPopupStyle", "nzDropdownClassName", "nzSize", "nzStatus", "nzFormat", "nzDateRender", "nzDisabledTime", "nzRenderExtraFooter", "nzShowToday", "nzMode", "nzShowNow", "nzRanges", "nzDefaultPickerValue", "nzSeparator", "nzSuffixIcon", "nzBackdrop", "nzId", "nzPlacement", "nzShowWeekNumber", "nzShowTime"], outputs: ["nzOnPanelChange", "nzOnCalendarChange", "nzOnOk", "nzOnOpenChange"], exportAs: ["nzDatePicker"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: QuickDateTimeComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'quick-datetime', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
+                        CommonModule,
+                        FormsModule,
+                        NzDatePickerModule
+                    ], template: "<ng-container [ngSwitch]=\"data.format\">\n  <ng-container *ngSwitchCase=\"'YYYYMMDD'\">\n    <ng-container *ngIf=\"data.izBetween==true;else tmpDateTime\">\n      <nz-date-picker [(ngModel)]=\"data.value1\" (ngModelChange)=\"datesChange($event)\"></nz-date-picker>\n      ~\n      <nz-date-picker [(ngModel)]=\"data.value2\" (ngModelChange)=\"datesChange($event)\"></nz-date-picker>\n    </ng-container>\n  </ng-container>\n  <ng-container *ngSwitchCase=\"'YYYYMMDDHHMMSS'\">\n    <ng-container *ngIf=\"data.izBetween==true;else tmpDateTime2\">\n      <nz-date-picker\n        nzFormat=\"yyyy-MM-dd HH:mm:ss\"\n        nzShowTime\n        [(ngModel)]=\"data.value1\"\n        (ngModelChange)=\"datesChange($event)\"\n      ></nz-date-picker>\n      ~\n      <nz-date-picker\n        nzFormat=\"yyyy-MM-dd HH:mm:ss\"\n        nzShowTime\n        [(ngModel)]=\"data.value2\"\n        (ngModelChange)=\"datesChange($event)\"\n      ></nz-date-picker>\n    </ng-container>\n  </ng-container>\n</ng-container>\n\n<ng-template #tmpDateTime>\n  <nz-date-picker [(ngModel)]=\"data.value\" (ngModelChange)=\"dateChange($event)\"></nz-date-picker>\n</ng-template>\n\n<ng-template #tmpDateTime2>\n  <nz-date-picker nzFormat=\"yyyy-MM-dd HH:mm:ss\" nzShowTime [(ngModel)]=\"data.value\" (ngModelChange)=\"dateChange($event)\"></nz-date-picker>\n</ng-template>\n" }]
+        }], propDecorators: { data: [{
+                type: Input
+            }], dataChange: [{
+                type: Output
+            }] } });
+
+class GramDeonQuickComponent {
+    _data = [];
+    set data(value) {
+        this._data = [];
+        for (let key in value) {
+            let item = _.cloneDeep(value[key]);
+            if (item.allItem == true) {
+                item.options = [{ label: '全部', value: null }].concat(item.options);
+            }
+            let obj = {
+                key: key,
+                label: item?.label,
+                type: item?.type,
+                selectType: item?.selectType,
+                selected: item?.selected,
+                options: item?.options,
+                allItem: item?.allItem,
+            };
+            if (item?.type == 'dateTime') {
+                obj['value1'] = null;
+                obj['value2'] = null;
+                obj['format'] = item?.format;
+                obj['izBetween'] = item?.izBetween;
+            }
+            this._data.push(obj);
+        }
+    }
+    get data() {
+        return this._data;
+    }
+    quickQueryClick = new EventEmitter();
+    ngOnInit() { }
+    ngAfterViewInit() { }
+    radioGroupChange(e, d) {
+        let para = {};
+        this.data.forEach((item) => {
+            if (item.key == d.key) {
+                para[item.key] = e;
+            }
+        });
+        this.quickQueryClick.emit(para);
+    }
+    dateTimeChange(e) {
+        this.quickQueryClick.emit(e);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: GramDeonQuickComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: GramDeonQuickComponent, isStandalone: true, selector: "gram-quick", inputs: { data: "data" }, outputs: { quickQueryClick: "quickQueryClick" }, ngImport: i0, template: "<ul>\n  <li *ngFor=\"let item of data\">\n    <label class=\"title\">{{item?.label}}</label>\n    <ng-container [ngSwitch]=\"item.type\">\n      <ng-container *ngSwitchCase=\"'radioGroup'\">\n        <nz-radio-group (ngModelChange)=\"radioGroupChange($event,item)\" [(ngModel)]=\"item.selected\">\n          <ng-container *ngFor=\"let options of item?.options\">\n            <label nz-radio-button nz-radio [nzValue]=\"options.value\">{{ options.label }}</label>\n          </ng-container>\n        </nz-radio-group>\n      </ng-container>\n      <ng-container *ngSwitchCase=\"'select'\">\n        <nz-select nzAllowClear (ngModelChange)=\"radioGroupChange($event,item)\" [(ngModel)]=\"item.selected\"\n          [nzPlaceHolder]=\"'\u8BF7\u9009\u62E9'+item?.label\">\n          <ng-container *ngFor=\"let options of item?.options\">\n            <nz-option [nzValue]=\"options.value\" [nzLabel]=\"options.label\"></nz-option>\n          </ng-container>\n        </nz-select>\n      </ng-container>\n      <ng-container *ngSwitchCase=\"'dateTime'\">\n        <quick-datetime [data]=\"item\" (dataChange)=\"dateTimeChange($event)\"></quick-datetime>\n      </ng-container>\n      <ng-container *ngSwitchCase=\"'text'\">\n      </ng-container>\n      <ng-container *ngSwitchCase=\"'lookup'\">\n\n      </ng-container>\n    </ng-container>\n  </li>\n</ul>", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: NzSelectModule }, { kind: "component", type: i3$1.NzOptionComponent, selector: "nz-option", inputs: ["nzTitle", "nzLabel", "nzValue", "nzKey", "nzDisabled", "nzHide", "nzCustomContent"], exportAs: ["nzOption"] }, { kind: "component", type: i3$1.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: "ngmodule", type: NzRadioModule }, { kind: "component", type: i4.NzRadioComponent, selector: "[nz-radio],[nz-radio-button]", inputs: ["nzValue", "nzDisabled", "nzAutoFocus", "nz-radio-button"], exportAs: ["nzRadio"] }, { kind: "component", type: i4.NzRadioGroupComponent, selector: "nz-radio-group", inputs: ["nzDisabled", "nzButtonStyle", "nzSize", "nzName"], exportAs: ["nzRadioGroup"] }, { kind: "component", type: QuickDateTimeComponent, selector: "quick-datetime", inputs: ["data"], outputs: ["dataChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: GramDeonQuickComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'gram-quick', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
+                        CommonModule,
+                        FormsModule,
+                        NzSelectModule,
+                        NzRadioModule,
+                        QuickDateTimeComponent
+                    ], template: "<ul>\n  <li *ngFor=\"let item of data\">\n    <label class=\"title\">{{item?.label}}</label>\n    <ng-container [ngSwitch]=\"item.type\">\n      <ng-container *ngSwitchCase=\"'radioGroup'\">\n        <nz-radio-group (ngModelChange)=\"radioGroupChange($event,item)\" [(ngModel)]=\"item.selected\">\n          <ng-container *ngFor=\"let options of item?.options\">\n            <label nz-radio-button nz-radio [nzValue]=\"options.value\">{{ options.label }}</label>\n          </ng-container>\n        </nz-radio-group>\n      </ng-container>\n      <ng-container *ngSwitchCase=\"'select'\">\n        <nz-select nzAllowClear (ngModelChange)=\"radioGroupChange($event,item)\" [(ngModel)]=\"item.selected\"\n          [nzPlaceHolder]=\"'\u8BF7\u9009\u62E9'+item?.label\">\n          <ng-container *ngFor=\"let options of item?.options\">\n            <nz-option [nzValue]=\"options.value\" [nzLabel]=\"options.label\"></nz-option>\n          </ng-container>\n        </nz-select>\n      </ng-container>\n      <ng-container *ngSwitchCase=\"'dateTime'\">\n        <quick-datetime [data]=\"item\" (dataChange)=\"dateTimeChange($event)\"></quick-datetime>\n      </ng-container>\n      <ng-container *ngSwitchCase=\"'text'\">\n      </ng-container>\n      <ng-container *ngSwitchCase=\"'lookup'\">\n\n      </ng-container>\n    </ng-container>\n  </li>\n</ul>" }]
+        }], propDecorators: { data: [{
+                type: Input
+            }], quickQueryClick: [{
+                type: Output
+            }] } });
+
+const COMPONENTS = [GramDeonQuickComponent];
+const COMPONENTS_NOROUNT = [QuickDateTimeComponent];
+class GramDeonQuickModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: GramDeonQuickModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.15", ngImport: i0, type: GramDeonQuickModule, imports: [CommonModule, FormsModule, GramDeonQuickComponent, QuickDateTimeComponent], exports: [GramDeonQuickComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: GramDeonQuickModule, imports: [CommonModule, FormsModule, COMPONENTS, COMPONENTS_NOROUNT] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: GramDeonQuickModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule, FormsModule, ...COMPONENTS, ...COMPONENTS_NOROUNT],
+                    exports: [...COMPONENTS]
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { GramDeonQuickComponent, GramDeonQuickModule };
+//# sourceMappingURL=components.quick.mjs.map

package/fesm2022/components.quick.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"components.quick.mjs","sources":["../../../../packages/abc/quick/src/datetime/index.ts","../../../../packages/abc/quick/src/datetime/index.html","../../../../packages/abc/quick/src/default/index.ts","../../../../packages/abc/quick/src/default/index.html","../../../../packages/abc/quick/src/index.module.ts","../../../../packages/abc/quick/components.quick.ts"],"sourcesContent":["import { Component, Input, Output, EventEmitter, OnInit, AfterViewInit, ChangeDetectionStrategy } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { FormsModule } from '@angular/forms';\nimport { NzDatePickerModule } from \"ng-zorro-antd/date-picker\";\nimport _ from 'lodash';\n\n@Component({\n  selector: 'quick-datetime',\n  templateUrl: './index.html',\n  styleUrls: ['./index.less'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [\n    CommonModule,\n    FormsModule,\n    NzDatePickerModule\n  ]\n})\nexport class QuickDateTimeComponent implements OnInit, AfterViewInit {\n  @Input() data: any = {};\n\n  @Output() dataChange: EventEmitter<any> = new EventEmitter();\n\n  ngOnInit(): void { }\n\n  ngAfterViewInit() { }\n\n  dateChange(e: any) {\n    let para: any = {};\n    let time: any = null;\n    if (this.data?.value != undefined && this.data?.value != null && this.data?.value != '') {\n      time = this.data?.value;\n    }\n    para[this.data.key] = {\n      type: 'dateTime',\n      isArray: false,\n      value: time,\n      values: null,\n      format: this.data.format,\n    };\n    this.dataChange.emit(para);\n  }\n\n  datesChange(e: any) {\n    let para: any = {};\n    let time: any[] = [];\n    if (this.data?.value1 != undefined && this.data.value1 != null && this.data.value1 != '') {\n      time.push(this.data?.value1);\n    } else {\n      time.push('');\n    }\n    if (this.data?.value2 != undefined && this.data.value2 != null && this.data.value2 != '') {\n      time.push(this.data?.value2);\n    } else {\n      time.push('');\n    }\n    para[this.data.key] = {\n      type: 'dateTime',\n      isArray: true,\n      value: null,\n      values: time,\n      format: this.data.format,\n    };\n    this.dataChange.emit(para);\n  }\n}\n","<ng-container [ngSwitch]=\"data.format\">\n  <ng-container *ngSwitchCase=\"'YYYYMMDD'\">\n    <ng-container *ngIf=\"data.izBetween==true;else tmpDateTime\">\n      <nz-date-picker [(ngModel)]=\"data.value1\" (ngModelChange)=\"datesChange($event)\"></nz-date-picker>\n      ~\n      <nz-date-picker [(ngModel)]=\"data.value2\" (ngModelChange)=\"datesChange($event)\"></nz-date-picker>\n    </ng-container>\n  </ng-container>\n  <ng-container *ngSwitchCase=\"'YYYYMMDDHHMMSS'\">\n    <ng-container *ngIf=\"data.izBetween==true;else tmpDateTime2\">\n      <nz-date-picker\n        nzFormat=\"yyyy-MM-dd HH:mm:ss\"\n        nzShowTime\n        [(ngModel)]=\"data.value1\"\n        (ngModelChange)=\"datesChange($event)\"\n      ></nz-date-picker>\n      ~\n      <nz-date-picker\n        nzFormat=\"yyyy-MM-dd HH:mm:ss\"\n        nzShowTime\n        [(ngModel)]=\"data.value2\"\n        (ngModelChange)=\"datesChange($event)\"\n      ></nz-date-picker>\n    </ng-container>\n  </ng-container>\n</ng-container>\n\n<ng-template #tmpDateTime>\n  <nz-date-picker [(ngModel)]=\"data.value\" (ngModelChange)=\"dateChange($event)\"></nz-date-picker>\n</ng-template>\n\n<ng-template #tmpDateTime2>\n  <nz-date-picker nzFormat=\"yyyy-MM-dd HH:mm:ss\" nzShowTime [(ngModel)]=\"data.value\" (ngModelChange)=\"dateChange($event)\"></nz-date-picker>\n</ng-template>\n","import { Component, Input, Output, EventEmitter, OnInit, AfterViewInit, ChangeDetectionStrategy } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { FormsModule } from '@angular/forms';\nimport { NzSelectModule } from \"ng-zorro-antd/select\";\nimport { NzRadioModule } from \"ng-zorro-antd/radio\";\nimport { QuickDateTimeComponent } from \"../datetime\"\nimport _ from 'lodash';\n@Component({\n  selector: 'gram-quick',\n  templateUrl: './index.html',\n  styleUrls: ['./index.less'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [\n    CommonModule,\n    FormsModule,\n    NzSelectModule,\n    NzRadioModule,\n    QuickDateTimeComponent\n  ]\n})\nexport class GramDeonQuickComponent implements OnInit, AfterViewInit {\n  _data: any[] = [];\n  @Input()\n  set data(value: any) {\n    this._data = [];\n    for (let key in value) {\n      let item: any = _.cloneDeep(value[key]);\n      if (item.allItem == true) {\n        item.options = [{ label: '全部', value: null }].concat(item.options);\n      }\n      let obj: any = {\n        key: key,\n        label: item?.label,\n        type: item?.type,\n        selectType: item?.selectType,\n        selected: item?.selected,\n        options: item?.options,\n        allItem: item?.allItem,\n      };\n      if (item?.type == 'dateTime') {\n        obj['value1'] = null;\n        obj['value2'] = null;\n        obj['format'] = item?.format;\n        obj['izBetween'] = item?.izBetween;\n      }\n      this._data.push(obj);\n    }\n  }\n\n  get data() {\n    return this._data;\n  }\n\n  @Output() quickQueryClick: EventEmitter<any> = new EventEmitter();\n\n  ngOnInit(): void { }\n\n  ngAfterViewInit() { }\n\n  radioGroupChange(e: any, d: any) {\n    let para: any = {};\n    this.data.forEach((item: any) => {\n      if (item.key == d.key) {\n        para[item.key] = e;\n      }\n    });\n    this.quickQueryClick.emit(para);\n  }\n\n  dateTimeChange(e: any) {\n    this.quickQueryClick.emit(e);\n  }\n}\n","<ul>\n  <li *ngFor=\"let item of data\">\n    <label class=\"title\">{{item?.label}}</label>\n    <ng-container [ngSwitch]=\"item.type\">\n      <ng-container *ngSwitchCase=\"'radioGroup'\">\n        <nz-radio-group (ngModelChange)=\"radioGroupChange($event,item)\" [(ngModel)]=\"item.selected\">\n          <ng-container *ngFor=\"let options of item?.options\">\n            <label nz-radio-button nz-radio [nzValue]=\"options.value\">{{ options.label }}</label>\n          </ng-container>\n        </nz-radio-group>\n      </ng-container>\n      <ng-container *ngSwitchCase=\"'select'\">\n        <nz-select nzAllowClear (ngModelChange)=\"radioGroupChange($event,item)\" [(ngModel)]=\"item.selected\"\n          [nzPlaceHolder]=\"'请选择'+item?.label\">\n          <ng-container *ngFor=\"let options of item?.options\">\n            <nz-option [nzValue]=\"options.value\" [nzLabel]=\"options.label\"></nz-option>\n          </ng-container>\n        </nz-select>\n      </ng-container>\n      <ng-container *ngSwitchCase=\"'dateTime'\">\n        <quick-datetime [data]=\"item\" (dataChange)=\"dateTimeChange($event)\"></quick-datetime>\n      </ng-container>\n      <ng-container *ngSwitchCase=\"'text'\">\n      </ng-container>\n      <ng-container *ngSwitchCase=\"'lookup'\">\n\n      </ng-container>\n    </ng-container>\n  </li>\n</ul>","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { FormsModule } from '@angular/forms';\nimport { GramDeonQuickComponent } from './default/index';\nimport { QuickDateTimeComponent } from './datetime/index';\n\nconst COMPONENTS: any[] = [GramDeonQuickComponent];\n\nconst COMPONENTS_NOROUNT: any = [QuickDateTimeComponent];\n@NgModule({\n  imports: [CommonModule, FormsModule, ...COMPONENTS, ...COMPONENTS_NOROUNT],\n  exports: [...COMPONENTS]\n})\nexport class GramDeonQuickModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i3"],"mappings":"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"}

package/fesm2022/components.record.mjs

@@ -0,0 +1,106 @@
+import * as i0 from '@angular/core';
+import { Input, ChangeDetectionStrategy, Component, NgModule } from '@angular/core';
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i2 from 'ng-zorro-antd/timeline';
+import { NzTimelineModule } from 'ng-zorro-antd/timeline';
+import * as i3 from '@ebuilding/base/shared.pipe';
+import { GramPipeModule } from '@ebuilding/base/shared.pipe';
+import _ from 'lodash';
+import { FormsModule, ReactiveFormsModule } from '@angular/forms';
+import { NzIconModule } from 'ng-zorro-antd/icon';
+import { NzStepsModule } from 'ng-zorro-antd/steps';
+
+class FlowRecordComponent {
+    _data = [];
+    set data(value) {
+        if (value && Array.isArray(value)) {
+            let tmp = _.cloneDeep(value);
+            //this._data = tmp.reverse();
+            this._data = _.cloneDeep(value);
+        }
+        else {
+            this._data = [];
+        }
+    }
+    get data() {
+        return this._data;
+    }
+    status = null;
+    constructor() { }
+    ngOnInit() { }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: FlowRecordComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: FlowRecordComponent, isStandalone: true, selector: "flow-record", inputs: { data: "data", status: "status" }, ngImport: i0, template: "<div class=\"approve-header\">\n  <div class=\"title\">\n    <div class=\"name\">\u5BA1\u6279\u72B6\u6001</div>\n    <div class=\"status\">\n      <label [innerHtml]=\"status | flowState | safeHtml\"></label>\n    </div>\n  </div>\n  <img [src]=\"'/assets/images/workflow/'+status+'.png'\" />\n</div>\n<div class=\"approve-list\" *ngIf=\"data!! && data.length>0\">\n  <nz-timeline>\n    <ng-container *ngFor=\"let item of data\">\n      <ng-container [ngSwitch]=\"item.status\">\n        <ng-container *ngSwitchCase=\"'waiting'\">\n          <nz-timeline-item [nzColor]=\"'#FDC668'\">\n            <ul class=\"nodeInfo\">\n              <li class=\"name\"><span>\u6B65\u9AA4</span>{{item?.nodeName}}</li>\n              <li class=\"emp\"><span>\u5BA1\u6838\u4EBA</span>{{item?.empName}}</li>\n              <li class=\"finish\"><span>\u63A5\u6536\u65E5\u671F</span>{{item?.startTime | date:'YYYY/MM/dd HH:mm'}}</li>\n            </ul>\n          </nz-timeline-item>\n        </ng-container>\n        <ng-container *ngSwitchCase=\"'approved'\">\n          <nz-timeline-item [nzColor]=\"'#16A085'\">\n            <ng-container [ngSwitch]=\"item.taskStatus\">\n              <!-- \u53D1\u8D77\u4EBA -->\n              <ng-container *ngSwitchCase=\"'START'\">\n                <ul class=\"nodeInfo\">\n                  <li class=\"name\"><span>\u6B65\u9AA4</span>{{item?.nodeName}}</li>\n                  <li class=\"emp\"><span>\u53D1\u8D77\u4EBA</span>{{item?.empName}}</li>\n                  <li class=\"finish\"><span>\u53D1\u8D77\u65E5\u671F</span>{{item?.startTime | date:'YYYY/MM/dd HH:mm'}}</li>\n                </ul>\n              </ng-container>\n              <!-- \u56DE\u9000\u53D1\u8D77 -->\n              <ng-container *ngSwitchCase=\"'START_BACK'\">\n                <ul class=\"nodeInfo\">\n                  <li class=\"name\"><span>\u6B65\u9AA4</span>\u9A73\u56DE\u53D1\u8D77-{{item?.nodeName}}</li>\n                  <li class=\"emp\"><span>\u53D1\u8D77\u4EBA</span>{{item?.empName}}</li>\n                  <li class=\"finish\"><span>\u63A5\u6536\u65E5\u671F</span>{{item?.startTime | date:'YYYY/MM/dd HH:mm'}}</li>\n                  <li class=\"finish\"><span>\u5B8C\u6210\u65E5\u671F</span>{{item?.endTime | date:'YYYY/MM/dd HH:mm'}}</li>\n                </ul>\n              </ng-container>\n\n              <!-- \u5BA1\u6279\u901A\u8FC7 -->\n              <ng-container *ngSwitchCase=\"'APPROVED'\">\n                <ul class=\"nodeInfo\">\n                  <li class=\"name\"><span>\u6B65\u9AA4</span>{{item?.nodeName}}</li>\n                  <li class=\"type\"><span>\u64CD\u4F5C</span><label class=\"completed\">\u540C\u610F</label></li>\n                  <li class=\"emp\"><span>\u5BA1\u6838\u4EBA</span>{{item?.empName}}</li>\n                  <li class=\"finish\"><span>\u63A5\u6536\u65E5\u671F</span>{{item?.startTime | date:'YYYY/MM/dd HH:mm'}}</li>\n                  <li class=\"finish\"><span>\u5B8C\u6210\u65E5\u671F</span>{{item?.endTime | date:'YYYY/MM/dd HH:mm'}}</li>\n                  <li class=\"desc\"><span>\u5BA1\u6279\u610F\u89C1</span>{{item?.taskComment}}</li>\n                </ul>\n              </ng-container>\n\n              <!-- \u5BA1\u6279\u62D2\u7EDD -->\n              <ng-container *ngSwitchCase=\"'REJECTED'\">\n                <ul class=\"nodeInfo\">\n                  <li class=\"name\"><span>\u6B65\u9AA4</span>{{item?.nodeName}}</li>\n                  <li class=\"type\"><span>\u64CD\u4F5C</span><label class=\"reject\">\u62D2\u7EDD</label></li>\n                  <li class=\"emp\"><span>\u5BA1\u6838\u4EBA</span>{{item?.empName}}</li>\n                  <li class=\"finish\"><span>\u63A5\u6536\u65E5\u671F</span>{{item?.startTime | date:'YYYY/MM/dd HH:mm'}}</li>\n                  <li class=\"finish\"><span>\u5B8C\u6210\u65E5\u671F</span>{{item?.endTime | date:'YYYY/MM/dd HH:mm'}}</li>\n                  <li class=\"desc\"><span>\u5BA1\u6279\u610F\u89C1</span>{{item?.taskComment}}</li>\n                </ul>\n              </ng-container>\n\n              <!-- \u5BA1\u6279\u9000\u56DE -->\n              <ng-container *ngSwitchCase=\"'BACKED'\">\n                <ul class=\"nodeInfo\">\n                  <li class=\"name\"><span>\u6B65\u9AA4</span>{{item?.nodeName}}</li>\n                  <li class=\"type\"><span>\u64CD\u4F5C</span><label class=\"back\">\u56DE\u9000</label></li>\n                  <li class=\"emp\"><span>\u5BA1\u6838\u4EBA</span>{{item?.empName}}</li>\n                  <li class=\"finish\"><span>\u63A5\u6536\u65E5\u671F</span>{{item?.startTime | date:'YYYY/MM/dd HH:mm'}}</li>\n                  <li class=\"finish\"><span>\u5B8C\u6210\u65E5\u671F</span>{{item?.endTime | date:'YYYY/MM/dd HH:mm'}}</li>\n                  <li class=\"desc\"><span>\u5BA1\u6279\u610F\u89C1</span>{{item?.taskComment}}</li>\n                </ul>\n              </ng-container>\n\n              <!-- \u5BA1\u6279\u7EC8\u6B62 -->\n              <ng-container *ngSwitchCase=\"'ABORT'\">\n                <ul class=\"nodeInfo\">\n                  <li class=\"name\"><span>\u6B65\u9AA4</span>{{item?.nodeName}}</li>\n                  <li class=\"type\"><span>\u64CD\u4F5C</span><label class=\"abort\">\u7EC8\u6B62</label></li>\n                  <li class=\"emp\"><span>\u5BA1\u6838\u4EBA</span>{{item?.empName}}</li>\n                  <li class=\"finish\"><span>\u63A5\u6536\u65E5\u671F</span>{{item?.startTime | date:'YYYY/MM/dd HH:mm'}}</li>\n                  <li class=\"finish\"><span>\u5B8C\u6210\u65E5\u671F</span>{{item?.endTime | date:'YYYY/MM/dd HH:mm'}}</li>\n                  <li class=\"desc\"><span>\u5BA1\u6279\u610F\u89C1</span>{{item?.taskComment}}</li>\n                </ul>\n              </ng-container>\n\n              <!-- \u7BA1\u7406\u5458\u7EC8\u6B62 -->\n              <ng-container *ngSwitchCase=\"'MANAGE_ABORT'\">\n                <ul class=\"nodeInfo\">\n                  <li class=\"name\"><span>\u6B65\u9AA4</span>{{item?.nodeName}}</li>\n                  <li class=\"type\"><span>\u64CD\u4F5C</span><label class=\"abort\">\u7BA1\u7406\u5458\u7EC8\u6B62</label></li>\n                  <li class=\"emp\"><span>\u5BA1\u6838\u4EBA</span>{{item?.empName}}</li>\n                  <li class=\"finish\"><span>\u63A5\u6536\u65E5\u671F</span>{{item?.startTime | date:'YYYY/MM/dd HH:mm'}}</li>\n                  <li class=\"finish\"><span>\u5B8C\u6210\u65E5\u671F</span>---</li>\n                </ul>\n              </ng-container>\n\n              <!-- \u7BA1\u7406\u5458\u5220\u9664 -->\n              <ng-container *ngSwitchCase=\"'MANAGE_DELETE'\">\n                <ul class=\"nodeInfo\">\n                  <li class=\"name\"><span>\u6B65\u9AA4</span>{{item?.nodeName}}</li>\n                  <li class=\"type\"><span>\u64CD\u4F5C</span><label class=\"abort\">\u7BA1\u7406\u5458\u5220\u9664</label></li>\n                  <li class=\"emp\"><span>\u5BA1\u6838\u4EBA</span>{{item?.empName}}</li>\n                  <li class=\"finish\"><span>\u63A5\u6536\u65E5\u671F</span>{{item?.startTime | date:'YYYY/MM/dd HH:mm'}}</li>\n                  <li class=\"finish\"><span>\u5B8C\u6210\u65E5\u671F</span>---</li>\n                </ul>\n              </ng-container>\n            </ng-container>\n          </nz-timeline-item>\n        </ng-container>\n        <ng-container *ngSwitchDefault> </ng-container>\n      </ng-container>\n\n      <ng-template #tmpNode>\n        <ul class=\"nodeInfo\">\n          <li class=\"name\"><span>\u6B65\u9AA4</span>\u53D1\u8D77\u6B65\u9AA4</li>\n          <li class=\"emp\"><span>\u53D1\u8D77\u4EBA</span>{{item?.empName}}</li>\n          <li class=\"finish\"><span>\u53D1\u8D77\u65E5\u671F</span>{{item?.startTime | date:'YYYY/MM/dd HH:mm'}}</li>\n        </ul>\n      </ng-template>\n    </ng-container>\n  </nz-timeline>\n</div>\n", styles: [":host ::ng-deep{display:flex;flex-direction:column;width:100%;padding:0;overflow:auto}:host ::ng-deep .approve-header{border-bottom:1px solid #eaeaea;position:relative;padding:12px 0 12px 12px}:host ::ng-deep .approve-header .title{display:flex;flex-direction:row;padding:0}:host ::ng-deep .approve-header .title .name:after{content:\":\";padding:0 5px 0 3px}:host ::ng-deep .approve-header img{position:absolute;right:0;top:0;width:50px}:host ::ng-deep .approve-list{display:inline-block;flex:1;padding:20px 5px 20px 10px;overflow-x:overlay;overflow-y:overlay}:host ::ng-deep .approve-list::-webkit-scrollbar{width:8px}:host ::ng-deep .approve-list::-webkit-scrollbar-thumb{background-color:#94949475;border-radius:7px}:host ::ng-deep .approve-list::-webkit-scrollbar-track{background-color:#fff}:host ::ng-deep .approve-list .ant-timeline-item-content{margin-left:20px!important}:host ::ng-deep .nodeInfo{margin:0;padding:3px 0 0}:host ::ng-deep .nodeInfo li{margin:0;padding:0 0 5px;font-size:12px}:host ::ng-deep .nodeInfo li span{display:inline-block}:host ::ng-deep .nodeInfo li span:after{padding:0;content:\"\\ff1a\"}:host ::ng-deep .nodeInfo .type .back{color:#ffd317;font-weight:600;font-size:14px}:host ::ng-deep .nodeInfo .type .reject{color:#ff7752;font-weight:600;font-size:14px}:host ::ng-deep .nodeInfo .type .abort{color:#ff7752;font-weight:600;font-size:14px}:host ::ng-deep .nodeInfo .type .completed{color:#2cb792;font-weight:600;font-size:14px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "pipe", type: i1.DatePipe, name: "date" }, { kind: "ngmodule", type: NzTimelineModule }, { kind: "component", type: i2.NzTimelineItemComponent, selector: "nz-timeline-item, [nz-timeline-item]", inputs: ["nzPosition", "nzColor", "nzDot", "nzLabel"], exportAs: ["nzTimelineItem"] }, { kind: "component", type: i2.NzTimelineComponent, selector: "nz-timeline", inputs: ["nzMode", "nzPending", "nzPendingDot", "nzReverse"], exportAs: ["nzTimeline"] }, { kind: "ngmodule", type: GramPipeModule }, { kind: "pipe", type: i3.FlowStatePipe, name: "flowState" }, { kind: "pipe", type: i3.SafeHtmlPipe, name: "safeHtml" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: FlowRecordComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'flow-record', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
+                        CommonModule,
+                        NzTimelineModule,
+                        GramPipeModule
+                    ], template: "<div class=\"approve-header\">\n  <div class=\"title\">\n    <div class=\"name\">\u5BA1\u6279\u72B6\u6001</div>\n    <div class=\"status\">\n      <label [innerHtml]=\"status | flowState | safeHtml\"></label>\n    </div>\n  </div>\n  <img [src]=\"'/assets/images/workflow/'+status+'.png'\" />\n</div>\n<div class=\"approve-list\" *ngIf=\"data!! && data.length>0\">\n  <nz-timeline>\n    <ng-container *ngFor=\"let item of data\">\n      <ng-container [ngSwitch]=\"item.status\">\n        <ng-container *ngSwitchCase=\"'waiting'\">\n          <nz-timeline-item [nzColor]=\"'#FDC668'\">\n            <ul class=\"nodeInfo\">\n              <li class=\"name\"><span>\u6B65\u9AA4</span>{{item?.nodeName}}</li>\n              <li class=\"emp\"><span>\u5BA1\u6838\u4EBA</span>{{item?.empName}}</li>\n              <li class=\"finish\"><span>\u63A5\u6536\u65E5\u671F</span>{{item?.startTime | date:'YYYY/MM/dd HH:mm'}}</li>\n            </ul>\n          </nz-timeline-item>\n        </ng-container>\n        <ng-container *ngSwitchCase=\"'approved'\">\n          <nz-timeline-item [nzColor]=\"'#16A085'\">\n            <ng-container [ngSwitch]=\"item.taskStatus\">\n              <!-- \u53D1\u8D77\u4EBA -->\n              <ng-container *ngSwitchCase=\"'START'\">\n                <ul class=\"nodeInfo\">\n                  <li class=\"name\"><span>\u6B65\u9AA4</span>{{item?.nodeName}}</li>\n                  <li class=\"emp\"><span>\u53D1\u8D77\u4EBA</span>{{item?.empName}}</li>\n                  <li class=\"finish\"><span>\u53D1\u8D77\u65E5\u671F</span>{{item?.startTime | date:'YYYY/MM/dd HH:mm'}}</li>\n                </ul>\n              </ng-container>\n              <!-- \u56DE\u9000\u53D1\u8D77 -->\n              <ng-container *ngSwitchCase=\"'START_BACK'\">\n                <ul class=\"nodeInfo\">\n                  <li class=\"name\"><span>\u6B65\u9AA4</span>\u9A73\u56DE\u53D1\u8D77-{{item?.nodeName}}</li>\n                  <li class=\"emp\"><span>\u53D1\u8D77\u4EBA</span>{{item?.empName}}</li>\n                  <li class=\"finish\"><span>\u63A5\u6536\u65E5\u671F</span>{{item?.startTime | date:'YYYY/MM/dd HH:mm'}}</li>\n                  <li class=\"finish\"><span>\u5B8C\u6210\u65E5\u671F</span>{{item?.endTime | date:'YYYY/MM/dd HH:mm'}}</li>\n                </ul>\n              </ng-container>\n\n              <!-- \u5BA1\u6279\u901A\u8FC7 -->\n              <ng-container *ngSwitchCase=\"'APPROVED'\">\n                <ul class=\"nodeInfo\">\n                  <li class=\"name\"><span>\u6B65\u9AA4</span>{{item?.nodeName}}</li>\n                  <li class=\"type\"><span>\u64CD\u4F5C</span><label class=\"completed\">\u540C\u610F</label></li>\n                  <li class=\"emp\"><span>\u5BA1\u6838\u4EBA</span>{{item?.empName}}</li>\n                  <li class=\"finish\"><span>\u63A5\u6536\u65E5\u671F</span>{{item?.startTime | date:'YYYY/MM/dd HH:mm'}}</li>\n                  <li class=\"finish\"><span>\u5B8C\u6210\u65E5\u671F</span>{{item?.endTime | date:'YYYY/MM/dd HH:mm'}}</li>\n                  <li class=\"desc\"><span>\u5BA1\u6279\u610F\u89C1</span>{{item?.taskComment}}</li>\n                </ul>\n              </ng-container>\n\n              <!-- \u5BA1\u6279\u62D2\u7EDD -->\n              <ng-container *ngSwitchCase=\"'REJECTED'\">\n                <ul class=\"nodeInfo\">\n                  <li class=\"name\"><span>\u6B65\u9AA4</span>{{item?.nodeName}}</li>\n                  <li class=\"type\"><span>\u64CD\u4F5C</span><label class=\"reject\">\u62D2\u7EDD</label></li>\n                  <li class=\"emp\"><span>\u5BA1\u6838\u4EBA</span>{{item?.empName}}</li>\n                  <li class=\"finish\"><span>\u63A5\u6536\u65E5\u671F</span>{{item?.startTime | date:'YYYY/MM/dd HH:mm'}}</li>\n                  <li class=\"finish\"><span>\u5B8C\u6210\u65E5\u671F</span>{{item?.endTime | date:'YYYY/MM/dd HH:mm'}}</li>\n                  <li class=\"desc\"><span>\u5BA1\u6279\u610F\u89C1</span>{{item?.taskComment}}</li>\n                </ul>\n              </ng-container>\n\n              <!-- \u5BA1\u6279\u9000\u56DE -->\n              <ng-container *ngSwitchCase=\"'BACKED'\">\n                <ul class=\"nodeInfo\">\n                  <li class=\"name\"><span>\u6B65\u9AA4</span>{{item?.nodeName}}</li>\n                  <li class=\"type\"><span>\u64CD\u4F5C</span><label class=\"back\">\u56DE\u9000</label></li>\n                  <li class=\"emp\"><span>\u5BA1\u6838\u4EBA</span>{{item?.empName}}</li>\n                  <li class=\"finish\"><span>\u63A5\u6536\u65E5\u671F</span>{{item?.startTime | date:'YYYY/MM/dd HH:mm'}}</li>\n                  <li class=\"finish\"><span>\u5B8C\u6210\u65E5\u671F</span>{{item?.endTime | date:'YYYY/MM/dd HH:mm'}}</li>\n                  <li class=\"desc\"><span>\u5BA1\u6279\u610F\u89C1</span>{{item?.taskComment}}</li>\n                </ul>\n              </ng-container>\n\n              <!-- \u5BA1\u6279\u7EC8\u6B62 -->\n              <ng-container *ngSwitchCase=\"'ABORT'\">\n                <ul class=\"nodeInfo\">\n                  <li class=\"name\"><span>\u6B65\u9AA4</span>{{item?.nodeName}}</li>\n                  <li class=\"type\"><span>\u64CD\u4F5C</span><label class=\"abort\">\u7EC8\u6B62</label></li>\n                  <li class=\"emp\"><span>\u5BA1\u6838\u4EBA</span>{{item?.empName}}</li>\n                  <li class=\"finish\"><span>\u63A5\u6536\u65E5\u671F</span>{{item?.startTime | date:'YYYY/MM/dd HH:mm'}}</li>\n                  <li class=\"finish\"><span>\u5B8C\u6210\u65E5\u671F</span>{{item?.endTime | date:'YYYY/MM/dd HH:mm'}}</li>\n                  <li class=\"desc\"><span>\u5BA1\u6279\u610F\u89C1</span>{{item?.taskComment}}</li>\n                </ul>\n              </ng-container>\n\n              <!-- \u7BA1\u7406\u5458\u7EC8\u6B62 -->\n              <ng-container *ngSwitchCase=\"'MANAGE_ABORT'\">\n                <ul class=\"nodeInfo\">\n                  <li class=\"name\"><span>\u6B65\u9AA4</span>{{item?.nodeName}}</li>\n                  <li class=\"type\"><span>\u64CD\u4F5C</span><label class=\"abort\">\u7BA1\u7406\u5458\u7EC8\u6B62</label></li>\n                  <li class=\"emp\"><span>\u5BA1\u6838\u4EBA</span>{{item?.empName}}</li>\n                  <li class=\"finish\"><span>\u63A5\u6536\u65E5\u671F</span>{{item?.startTime | date:'YYYY/MM/dd HH:mm'}}</li>\n                  <li class=\"finish\"><span>\u5B8C\u6210\u65E5\u671F</span>---</li>\n                </ul>\n              </ng-container>\n\n              <!-- \u7BA1\u7406\u5458\u5220\u9664 -->\n              <ng-container *ngSwitchCase=\"'MANAGE_DELETE'\">\n                <ul class=\"nodeInfo\">\n                  <li class=\"name\"><span>\u6B65\u9AA4</span>{{item?.nodeName}}</li>\n                  <li class=\"type\"><span>\u64CD\u4F5C</span><label class=\"abort\">\u7BA1\u7406\u5458\u5220\u9664</label></li>\n                  <li class=\"emp\"><span>\u5BA1\u6838\u4EBA</span>{{item?.empName}}</li>\n                  <li class=\"finish\"><span>\u63A5\u6536\u65E5\u671F</span>{{item?.startTime | date:'YYYY/MM/dd HH:mm'}}</li>\n                  <li class=\"finish\"><span>\u5B8C\u6210\u65E5\u671F</span>---</li>\n                </ul>\n              </ng-container>\n            </ng-container>\n          </nz-timeline-item>\n        </ng-container>\n        <ng-container *ngSwitchDefault> </ng-container>\n      </ng-container>\n\n      <ng-template #tmpNode>\n        <ul class=\"nodeInfo\">\n          <li class=\"name\"><span>\u6B65\u9AA4</span>\u53D1\u8D77\u6B65\u9AA4</li>\n          <li class=\"emp\"><span>\u53D1\u8D77\u4EBA</span>{{item?.empName}}</li>\n          <li class=\"finish\"><span>\u53D1\u8D77\u65E5\u671F</span>{{item?.startTime | date:'YYYY/MM/dd HH:mm'}}</li>\n        </ul>\n      </ng-template>\n    </ng-container>\n  </nz-timeline>\n</div>\n", styles: [":host ::ng-deep{display:flex;flex-direction:column;width:100%;padding:0;overflow:auto}:host ::ng-deep .approve-header{border-bottom:1px solid #eaeaea;position:relative;padding:12px 0 12px 12px}:host ::ng-deep .approve-header .title{display:flex;flex-direction:row;padding:0}:host ::ng-deep .approve-header .title .name:after{content:\":\";padding:0 5px 0 3px}:host ::ng-deep .approve-header img{position:absolute;right:0;top:0;width:50px}:host ::ng-deep .approve-list{display:inline-block;flex:1;padding:20px 5px 20px 10px;overflow-x:overlay;overflow-y:overlay}:host ::ng-deep .approve-list::-webkit-scrollbar{width:8px}:host ::ng-deep .approve-list::-webkit-scrollbar-thumb{background-color:#94949475;border-radius:7px}:host ::ng-deep .approve-list::-webkit-scrollbar-track{background-color:#fff}:host ::ng-deep .approve-list .ant-timeline-item-content{margin-left:20px!important}:host ::ng-deep .nodeInfo{margin:0;padding:3px 0 0}:host ::ng-deep .nodeInfo li{margin:0;padding:0 0 5px;font-size:12px}:host ::ng-deep .nodeInfo li span{display:inline-block}:host ::ng-deep .nodeInfo li span:after{padding:0;content:\"\\ff1a\"}:host ::ng-deep .nodeInfo .type .back{color:#ffd317;font-weight:600;font-size:14px}:host ::ng-deep .nodeInfo .type .reject{color:#ff7752;font-weight:600;font-size:14px}:host ::ng-deep .nodeInfo .type .abort{color:#ff7752;font-weight:600;font-size:14px}:host ::ng-deep .nodeInfo .type .completed{color:#2cb792;font-weight:600;font-size:14px}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { data: [{
+                type: Input
+            }], status: [{
+                type: Input
+            }] } });
+
+class FlowRecordStepComponent {
+    _data = [];
+    set data(value) {
+        if (value && Array.isArray(value)) {
+            let tmp = _.cloneDeep(value);
+            this._data = tmp.reverse();
+        }
+        else {
+            this._data = [];
+        }
+    }
+    get data() {
+        return this._data;
+    }
+    status = null;
+    constructor() { }
+    ngOnInit() { }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: FlowRecordStepComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: FlowRecordStepComponent, isStandalone: true, selector: "flow-record-step", inputs: { data: "data", status: "status" }, ngImport: i0, template: "<!-- <div class=\"approve-header\">\n  <div class=\"title\">\n    <div class=\"name\">\u5BA1\u6279\u72B6\u6001</div>\n    <div class=\"status\">\n      <label [innerHtml]=\"status | flowState | safeHtml\"></label>\n    </div>\n  </div>\n  <img [src]=\"'/assets/images/workflow/'+status+'.png'\" />\n</div> -->\n<div class=\"approve-list\" *ngIf=\"data!! && data.length>0\">\n  <nz-timeline>\n    <ng-container *ngFor=\"let item of data\">\n      <ng-container [ngSwitch]=\"item.status\">\n        <ng-container *ngSwitchCase=\"'waiting'\">\n          <nz-timeline-item [nzColor]=\"'#FDC668'\">\n            <ul class=\"nodeInfo\">\n              <li class=\"name\"><span>\u6B65\u9AA4</span>{{item?.nodeName}}</li>\n              <li class=\"emp\"><span>\u5BA1\u6838\u4EBA</span>{{item?.empName}}</li>\n              <li class=\"finish\"><span>\u63A5\u6536\u65E5\u671F</span>{{item?.startTime | date:'YYYY/MM/dd HH:mm'}}</li>\n            </ul>\n          </nz-timeline-item>\n        </ng-container>\n        <ng-container *ngSwitchCase=\"'approved'\">\n          <nz-timeline-item [nzColor]=\"'#16A085'\">\n            <ng-container [ngSwitch]=\"item.taskStatus\">\n              <!-- \u53D1\u8D77\u4EBA -->\n              <ng-container *ngSwitchCase=\"'START'\">\n                <ul class=\"nodeInfo\">\n                  <li class=\"name\"><span>\u6B65\u9AA4</span>{{item?.nodeName}}</li>\n                  <li class=\"emp\"><span>\u53D1\u8D77\u4EBA</span>{{item?.empName}}</li>\n                  <li class=\"finish\"><span>\u53D1\u8D77\u65E5\u671F</span>{{item?.startTime | date:'YYYY/MM/dd HH:mm'}}</li>\n                </ul>\n              </ng-container>\n              <!-- \u56DE\u9000\u53D1\u8D77 -->\n              <ng-container *ngSwitchCase=\"'START_BACK'\">\n                <ul class=\"nodeInfo\">\n                  <li class=\"name\"><span>\u6B65\u9AA4</span>\u9A73\u56DE\u53D1\u8D77-{{item?.nodeName}}</li>\n                  <li class=\"emp\"><span>\u53D1\u8D77\u4EBA</span>{{item?.empName}}</li>\n                  <li class=\"finish\"><span>\u5B8C\u6210\u65E5\u671F</span>{{item?.endTime | date:'YYYY/MM/dd HH:mm'}}</li>\n                  <!-- <li class=\"finish\"><span>\u63A5\u6536\u65E5\u671F</span>{{item?.startTime | date:'YYYY/MM/dd HH:mm'}}</li> -->\n                </ul>\n              </ng-container>\n\n              <!-- \u5BA1\u6279\u901A\u8FC7 -->\n              <ng-container *ngSwitchCase=\"'APPROVED'\">\n                <ul class=\"nodeInfo\">\n                  <li class=\"name\"><span>\u6B65\u9AA4</span>{{item?.nodeName}}</li>\n                  <li class=\"emp\"><span>\u5BA1\u6838\u4EBA</span>{{item?.empName}}</li>\n                  <li class=\"type\"><span>\u64CD\u4F5C</span><label class=\"completed\">\u540C\u610F</label></li>\n                  <!-- <li class=\"finish\"><span>\u63A5\u6536\u65E5\u671F</span>{{item?.startTime | date:'YYYY/MM/dd HH:mm'}}</li>\n                  <li class=\"finish\"><span>\u5B8C\u6210\u65E5\u671F</span>{{item?.endTime | date:'YYYY/MM/dd HH:mm'}}</li>\n                  <li class=\"desc\"><span>\u5BA1\u6279\u610F\u89C1</span>{{item?.taskComment}}</li> -->\n                </ul>\n              </ng-container>\n\n              <!-- \u5BA1\u6279\u62D2\u7EDD -->\n              <ng-container *ngSwitchCase=\"'REJECTED'\">\n                <ul class=\"nodeInfo\">\n                  <li class=\"name\"><span>\u6B65\u9AA4</span>{{item?.nodeName}}</li>\n                  <li class=\"emp\"><span>\u5BA1\u6838\u4EBA</span>{{item?.empName}}</li>\n                  <li class=\"type\"><span>\u64CD\u4F5C</span><label class=\"reject\">\u62D2\u7EDD</label></li>\n                  <!-- <li class=\"finish\"><span>\u63A5\u6536\u65E5\u671F</span>{{item?.startTime | date:'YYYY/MM/dd HH:mm'}}</li>\n                  <li class=\"finish\"><span>\u5B8C\u6210\u65E5\u671F</span>{{item?.endTime | date:'YYYY/MM/dd HH:mm'}}</li>\n                  <li class=\"desc\"><span>\u5BA1\u6279\u610F\u89C1</span>{{item?.taskComment}}</li> -->\n                </ul>\n              </ng-container>\n\n              <!-- \u5BA1\u6279\u9000\u56DE -->\n              <ng-container *ngSwitchCase=\"'BACKED'\">\n                <ul class=\"nodeInfo\">\n                  <li class=\"name\"><span>\u6B65\u9AA4</span>{{item?.nodeName}}</li>\n                  <li class=\"emp\"><span>\u5BA1\u6838\u4EBA</span>{{item?.empName}}</li>\n                  <li class=\"type\"><span>\u64CD\u4F5C</span><label class=\"back\">\u56DE\u9000</label></li>\n                  <!-- <li class=\"finish\"><span>\u63A5\u6536\u65E5\u671F</span>{{item?.startTime | date:'YYYY/MM/dd HH:mm'}}</li>\n                  <li class=\"finish\"><span>\u5B8C\u6210\u65E5\u671F</span>{{item?.endTime | date:'YYYY/MM/dd HH:mm'}}</li>\n                  <li class=\"desc\"><span>\u5BA1\u6279\u610F\u89C1</span>{{item?.taskComment}}</li> -->\n                </ul>\n              </ng-container>\n\n              <!-- \u5BA1\u6279\u7EC8\u6B62 -->\n              <ng-container *ngSwitchCase=\"'ABORT'\">\n                <ul class=\"nodeInfo\">\n                  <li class=\"name\"><span>\u6B65\u9AA4</span>{{item?.nodeName}}</li>\n                  <li class=\"emp\"><span>\u5BA1\u6838\u4EBA</span>{{item?.empName}}</li>\n                  <li class=\"type\"><span>\u64CD\u4F5C</span><label class=\"abort\">\u7EC8\u6B62</label></li>\n                  <!-- <li class=\"finish\"><span>\u63A5\u6536\u65E5\u671F</span>{{item?.startTime | date:'YYYY/MM/dd HH:mm'}}</li>\n                  <li class=\"finish\"><span>\u5B8C\u6210\u65E5\u671F</span>{{item?.endTime | date:'YYYY/MM/dd HH:mm'}}</li>\n                  <li class=\"desc\"><span>\u5BA1\u6279\u610F\u89C1</span>{{item?.taskComment}}</li> -->\n                </ul>\n              </ng-container>\n\n              <!-- \u7BA1\u7406\u5458\u7EC8\u6B62 -->\n              <ng-container *ngSwitchCase=\"'MANAGE_ABORT'\">\n                <ul class=\"nodeInfo\">\n                  <li class=\"name\"><span>\u6B65\u9AA4</span>{{item?.nodeName}}</li>\n                  <li class=\"emp\"><span>\u5BA1\u6838\u4EBA</span>{{item?.empName}}</li>\n                  <li class=\"type\"><span>\u64CD\u4F5C</span><label class=\"abort\">\u7BA1\u7406\u5458\u7EC8\u6B62</label></li>\n                  <!-- <li class=\"finish\"><span>\u63A5\u6536\u65E5\u671F</span>{{item?.startTime | date:'YYYY/MM/dd HH:mm'}}</li>\n                  <li class=\"finish\"><span>\u5B8C\u6210\u65E5\u671F</span>---</li> -->\n                </ul>\n              </ng-container>\n\n              <!-- \u7BA1\u7406\u5458\u5220\u9664 -->\n              <ng-container *ngSwitchCase=\"'MANAGE_DELETE'\">\n                <ul class=\"nodeInfo\">\n                  <li class=\"name\"><span>\u6B65\u9AA4</span>{{item?.nodeName}}</li>\n                  <li class=\"emp\"><span>\u5BA1\u6838\u4EBA</span>{{item?.empName}}</li>\n                  <li class=\"type\"><span>\u64CD\u4F5C</span><label class=\"abort\">\u7BA1\u7406\u5458\u5220\u9664</label></li>\n                  <!-- <li class=\"finish\"><span>\u63A5\u6536\u65E5\u671F</span>{{item?.startTime | date:'YYYY/MM/dd HH:mm'}}</li>\n                  <li class=\"finish\"><span>\u5B8C\u6210\u65E5\u671F</span>---</li> -->\n                </ul>\n              </ng-container>\n            </ng-container>\n          </nz-timeline-item>\n        </ng-container>\n        <ng-container *ngSwitchDefault> </ng-container>\n      </ng-container>\n\n      <ng-template #tmpNode>\n        <ul class=\"nodeInfo\">\n          <li class=\"name\"><span>\u6B65\u9AA4</span>\u53D1\u8D77\u6B65\u9AA4</li>\n          <li class=\"emp\"><span>\u53D1\u8D77\u4EBA</span>{{item?.empName}}</li>\n          <li class=\"finish\"><span>\u53D1\u8D77\u65E5\u671F</span>{{item?.startTime | date:'YYYY/MM/dd HH:mm'}}</li>\n        </ul>\n      </ng-template>\n    </ng-container>\n  </nz-timeline>\n</div>\n", styles: [":host ::ng-deep{display:flex;flex-direction:column;width:100%;padding:0;overflow:auto}:host ::ng-deep .ant-timeline{display:flex;flex-direction:row}:host ::ng-deep .ant-timeline .ant-timeline-item{margin:0;padding:0 25px 0 0;flex:1}:host ::ng-deep .ant-timeline .ant-timeline-item-tail{position:absolute;top:none;bottom:6px;left:13px;width:calc(100% - 15px);height:auto!important;border-top:0;border-bottom:1px solid #eaeaea;border-left:0}:host ::ng-deep .ant-timeline .ant-timeline-item-head{top:none;bottom:0}:host ::ng-deep .ant-timeline .ant-timeline-item-content{width:100%;position:unset;margin-bottom:20px;margin-left:0!important}:host ::ng-deep .approve-list{display:inline-block;flex:1;padding:15px 20px 0;overflow-x:overlay;overflow-y:overlay}:host ::ng-deep .approve-list::-webkit-scrollbar{width:8px}:host ::ng-deep .approve-list::-webkit-scrollbar-thumb{background-color:#94949475;border-radius:7px}:host ::ng-deep .approve-list::-webkit-scrollbar-track{background-color:#fff}:host ::ng-deep .nodeInfo{margin:0;padding:3px 0 0}:host ::ng-deep .nodeInfo li{margin:0;padding:0 0 5px;font-size:12px}:host ::ng-deep .nodeInfo li span{display:inline-block}:host ::ng-deep .nodeInfo li span:after{padding:0;content:\"\\ff1a\"}:host ::ng-deep .nodeInfo .type .back{color:#ffd317;font-weight:600}:host ::ng-deep .nodeInfo .type .reject{color:#ff7752;font-weight:600}:host ::ng-deep .nodeInfo .type .abort{color:#ff7752;font-weight:600}:host ::ng-deep .nodeInfo .type .completed{color:#2cb792;font-weight:600}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "pipe", type: i1.DatePipe, name: "date" }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: NzIconModule }, { kind: "ngmodule", type: NzTimelineModule }, { kind: "component", type: i2.NzTimelineItemComponent, selector: "nz-timeline-item, [nz-timeline-item]", inputs: ["nzPosition", "nzColor", "nzDot", "nzLabel"], exportAs: ["nzTimelineItem"] }, { kind: "component", type: i2.NzTimelineComponent, selector: "nz-timeline", inputs: ["nzMode", "nzPending", "nzPendingDot", "nzReverse"], exportAs: ["nzTimeline"] }, { kind: "ngmodule", type: NzStepsModule }, { kind: "ngmodule", type: GramPipeModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: FlowRecordStepComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'flow-record-step', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
+                        CommonModule,
+                        FormsModule,
+                        ReactiveFormsModule,
+                        NzIconModule,
+                        NzTimelineModule,
+                        NzStepsModule,
+                        GramPipeModule,
+                    ], template: "<!-- <div class=\"approve-header\">\n  <div class=\"title\">\n    <div class=\"name\">\u5BA1\u6279\u72B6\u6001</div>\n    <div class=\"status\">\n      <label [innerHtml]=\"status | flowState | safeHtml\"></label>\n    </div>\n  </div>\n  <img [src]=\"'/assets/images/workflow/'+status+'.png'\" />\n</div> -->\n<div class=\"approve-list\" *ngIf=\"data!! && data.length>0\">\n  <nz-timeline>\n    <ng-container *ngFor=\"let item of data\">\n      <ng-container [ngSwitch]=\"item.status\">\n        <ng-container *ngSwitchCase=\"'waiting'\">\n          <nz-timeline-item [nzColor]=\"'#FDC668'\">\n            <ul class=\"nodeInfo\">\n              <li class=\"name\"><span>\u6B65\u9AA4</span>{{item?.nodeName}}</li>\n              <li class=\"emp\"><span>\u5BA1\u6838\u4EBA</span>{{item?.empName}}</li>\n              <li class=\"finish\"><span>\u63A5\u6536\u65E5\u671F</span>{{item?.startTime | date:'YYYY/MM/dd HH:mm'}}</li>\n            </ul>\n          </nz-timeline-item>\n        </ng-container>\n        <ng-container *ngSwitchCase=\"'approved'\">\n          <nz-timeline-item [nzColor]=\"'#16A085'\">\n            <ng-container [ngSwitch]=\"item.taskStatus\">\n              <!-- \u53D1\u8D77\u4EBA -->\n              <ng-container *ngSwitchCase=\"'START'\">\n                <ul class=\"nodeInfo\">\n                  <li class=\"name\"><span>\u6B65\u9AA4</span>{{item?.nodeName}}</li>\n                  <li class=\"emp\"><span>\u53D1\u8D77\u4EBA</span>{{item?.empName}}</li>\n                  <li class=\"finish\"><span>\u53D1\u8D77\u65E5\u671F</span>{{item?.startTime | date:'YYYY/MM/dd HH:mm'}}</li>\n                </ul>\n              </ng-container>\n              <!-- \u56DE\u9000\u53D1\u8D77 -->\n              <ng-container *ngSwitchCase=\"'START_BACK'\">\n                <ul class=\"nodeInfo\">\n                  <li class=\"name\"><span>\u6B65\u9AA4</span>\u9A73\u56DE\u53D1\u8D77-{{item?.nodeName}}</li>\n                  <li class=\"emp\"><span>\u53D1\u8D77\u4EBA</span>{{item?.empName}}</li>\n                  <li class=\"finish\"><span>\u5B8C\u6210\u65E5\u671F</span>{{item?.endTime | date:'YYYY/MM/dd HH:mm'}}</li>\n                  <!-- <li class=\"finish\"><span>\u63A5\u6536\u65E5\u671F</span>{{item?.startTime | date:'YYYY/MM/dd HH:mm'}}</li> -->\n                </ul>\n              </ng-container>\n\n              <!-- \u5BA1\u6279\u901A\u8FC7 -->\n              <ng-container *ngSwitchCase=\"'APPROVED'\">\n                <ul class=\"nodeInfo\">\n                  <li class=\"name\"><span>\u6B65\u9AA4</span>{{item?.nodeName}}</li>\n                  <li class=\"emp\"><span>\u5BA1\u6838\u4EBA</span>{{item?.empName}}</li>\n                  <li class=\"type\"><span>\u64CD\u4F5C</span><label class=\"completed\">\u540C\u610F</label></li>\n                  <!-- <li class=\"finish\"><span>\u63A5\u6536\u65E5\u671F</span>{{item?.startTime | date:'YYYY/MM/dd HH:mm'}}</li>\n                  <li class=\"finish\"><span>\u5B8C\u6210\u65E5\u671F</span>{{item?.endTime | date:'YYYY/MM/dd HH:mm'}}</li>\n                  <li class=\"desc\"><span>\u5BA1\u6279\u610F\u89C1</span>{{item?.taskComment}}</li> -->\n                </ul>\n              </ng-container>\n\n              <!-- \u5BA1\u6279\u62D2\u7EDD -->\n              <ng-container *ngSwitchCase=\"'REJECTED'\">\n                <ul class=\"nodeInfo\">\n                  <li class=\"name\"><span>\u6B65\u9AA4</span>{{item?.nodeName}}</li>\n                  <li class=\"emp\"><span>\u5BA1\u6838\u4EBA</span>{{item?.empName}}</li>\n                  <li class=\"type\"><span>\u64CD\u4F5C</span><label class=\"reject\">\u62D2\u7EDD</label></li>\n                  <!-- <li class=\"finish\"><span>\u63A5\u6536\u65E5\u671F</span>{{item?.startTime | date:'YYYY/MM/dd HH:mm'}}</li>\n                  <li class=\"finish\"><span>\u5B8C\u6210\u65E5\u671F</span>{{item?.endTime | date:'YYYY/MM/dd HH:mm'}}</li>\n                  <li class=\"desc\"><span>\u5BA1\u6279\u610F\u89C1</span>{{item?.taskComment}}</li> -->\n                </ul>\n              </ng-container>\n\n              <!-- \u5BA1\u6279\u9000\u56DE -->\n              <ng-container *ngSwitchCase=\"'BACKED'\">\n                <ul class=\"nodeInfo\">\n                  <li class=\"name\"><span>\u6B65\u9AA4</span>{{item?.nodeName}}</li>\n                  <li class=\"emp\"><span>\u5BA1\u6838\u4EBA</span>{{item?.empName}}</li>\n                  <li class=\"type\"><span>\u64CD\u4F5C</span><label class=\"back\">\u56DE\u9000</label></li>\n                  <!-- <li class=\"finish\"><span>\u63A5\u6536\u65E5\u671F</span>{{item?.startTime | date:'YYYY/MM/dd HH:mm'}}</li>\n                  <li class=\"finish\"><span>\u5B8C\u6210\u65E5\u671F</span>{{item?.endTime | date:'YYYY/MM/dd HH:mm'}}</li>\n                  <li class=\"desc\"><span>\u5BA1\u6279\u610F\u89C1</span>{{item?.taskComment}}</li> -->\n                </ul>\n              </ng-container>\n\n              <!-- \u5BA1\u6279\u7EC8\u6B62 -->\n              <ng-container *ngSwitchCase=\"'ABORT'\">\n                <ul class=\"nodeInfo\">\n                  <li class=\"name\"><span>\u6B65\u9AA4</span>{{item?.nodeName}}</li>\n                  <li class=\"emp\"><span>\u5BA1\u6838\u4EBA</span>{{item?.empName}}</li>\n                  <li class=\"type\"><span>\u64CD\u4F5C</span><label class=\"abort\">\u7EC8\u6B62</label></li>\n                  <!-- <li class=\"finish\"><span>\u63A5\u6536\u65E5\u671F</span>{{item?.startTime | date:'YYYY/MM/dd HH:mm'}}</li>\n                  <li class=\"finish\"><span>\u5B8C\u6210\u65E5\u671F</span>{{item?.endTime | date:'YYYY/MM/dd HH:mm'}}</li>\n                  <li class=\"desc\"><span>\u5BA1\u6279\u610F\u89C1</span>{{item?.taskComment}}</li> -->\n                </ul>\n              </ng-container>\n\n              <!-- \u7BA1\u7406\u5458\u7EC8\u6B62 -->\n              <ng-container *ngSwitchCase=\"'MANAGE_ABORT'\">\n                <ul class=\"nodeInfo\">\n                  <li class=\"name\"><span>\u6B65\u9AA4</span>{{item?.nodeName}}</li>\n                  <li class=\"emp\"><span>\u5BA1\u6838\u4EBA</span>{{item?.empName}}</li>\n                  <li class=\"type\"><span>\u64CD\u4F5C</span><label class=\"abort\">\u7BA1\u7406\u5458\u7EC8\u6B62</label></li>\n                  <!-- <li class=\"finish\"><span>\u63A5\u6536\u65E5\u671F</span>{{item?.startTime | date:'YYYY/MM/dd HH:mm'}}</li>\n                  <li class=\"finish\"><span>\u5B8C\u6210\u65E5\u671F</span>---</li> -->\n                </ul>\n              </ng-container>\n\n              <!-- \u7BA1\u7406\u5458\u5220\u9664 -->\n              <ng-container *ngSwitchCase=\"'MANAGE_DELETE'\">\n                <ul class=\"nodeInfo\">\n                  <li class=\"name\"><span>\u6B65\u9AA4</span>{{item?.nodeName}}</li>\n                  <li class=\"emp\"><span>\u5BA1\u6838\u4EBA</span>{{item?.empName}}</li>\n                  <li class=\"type\"><span>\u64CD\u4F5C</span><label class=\"abort\">\u7BA1\u7406\u5458\u5220\u9664</label></li>\n                  <!-- <li class=\"finish\"><span>\u63A5\u6536\u65E5\u671F</span>{{item?.startTime | date:'YYYY/MM/dd HH:mm'}}</li>\n                  <li class=\"finish\"><span>\u5B8C\u6210\u65E5\u671F</span>---</li> -->\n                </ul>\n              </ng-container>\n            </ng-container>\n          </nz-timeline-item>\n        </ng-container>\n        <ng-container *ngSwitchDefault> </ng-container>\n      </ng-container>\n\n      <ng-template #tmpNode>\n        <ul class=\"nodeInfo\">\n          <li class=\"name\"><span>\u6B65\u9AA4</span>\u53D1\u8D77\u6B65\u9AA4</li>\n          <li class=\"emp\"><span>\u53D1\u8D77\u4EBA</span>{{item?.empName}}</li>\n          <li class=\"finish\"><span>\u53D1\u8D77\u65E5\u671F</span>{{item?.startTime | date:'YYYY/MM/dd HH:mm'}}</li>\n        </ul>\n      </ng-template>\n    </ng-container>\n  </nz-timeline>\n</div>\n", styles: [":host ::ng-deep{display:flex;flex-direction:column;width:100%;padding:0;overflow:auto}:host ::ng-deep .ant-timeline{display:flex;flex-direction:row}:host ::ng-deep .ant-timeline .ant-timeline-item{margin:0;padding:0 25px 0 0;flex:1}:host ::ng-deep .ant-timeline .ant-timeline-item-tail{position:absolute;top:none;bottom:6px;left:13px;width:calc(100% - 15px);height:auto!important;border-top:0;border-bottom:1px solid #eaeaea;border-left:0}:host ::ng-deep .ant-timeline .ant-timeline-item-head{top:none;bottom:0}:host ::ng-deep .ant-timeline .ant-timeline-item-content{width:100%;position:unset;margin-bottom:20px;margin-left:0!important}:host ::ng-deep .approve-list{display:inline-block;flex:1;padding:15px 20px 0;overflow-x:overlay;overflow-y:overlay}:host ::ng-deep .approve-list::-webkit-scrollbar{width:8px}:host ::ng-deep .approve-list::-webkit-scrollbar-thumb{background-color:#94949475;border-radius:7px}:host ::ng-deep .approve-list::-webkit-scrollbar-track{background-color:#fff}:host ::ng-deep .nodeInfo{margin:0;padding:3px 0 0}:host ::ng-deep .nodeInfo li{margin:0;padding:0 0 5px;font-size:12px}:host ::ng-deep .nodeInfo li span{display:inline-block}:host ::ng-deep .nodeInfo li span:after{padding:0;content:\"\\ff1a\"}:host ::ng-deep .nodeInfo .type .back{color:#ffd317;font-weight:600}:host ::ng-deep .nodeInfo .type .reject{color:#ff7752;font-weight:600}:host ::ng-deep .nodeInfo .type .abort{color:#ff7752;font-weight:600}:host ::ng-deep .nodeInfo .type .completed{color:#2cb792;font-weight:600}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { data: [{
+                type: Input
+            }], status: [{
+                type: Input
+            }] } });
+
+const components = [FlowRecordComponent, FlowRecordStepComponent];
+class GramFlowRecordModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: GramFlowRecordModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.15", ngImport: i0, type: GramFlowRecordModule, imports: [FlowRecordComponent, FlowRecordStepComponent], exports: [FlowRecordComponent, FlowRecordStepComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: GramFlowRecordModule, imports: [components] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: GramFlowRecordModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        ...components
+                    ],
+                    exports: [...components],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { FlowRecordComponent, FlowRecordStepComponent, GramFlowRecordModule };
+//# sourceMappingURL=components.record.mjs.map

package/fesm2022/components.record.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"components.record.mjs","sources":["../../../../packages/abc/record/src/default/index.ts","../../../../packages/abc/record/src/default/index.html","../../../../packages/abc/record/src/main/index.ts","../../../../packages/abc/record/src/main/index.html","../../../../packages/abc/record/src/index.module.ts","../../../../packages/abc/record/components.record.ts"],"sourcesContent":["import { Component, OnInit, Input, ChangeDetectionStrategy } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { NzTimelineModule } from \"ng-zorro-antd/timeline\";\nimport { GramPipeModule } from \"@ebuilding/base/shared.pipe\";\nimport _ from 'lodash';\n\n@Component({\n  selector: 'flow-record',\n  templateUrl: './index.html',\n  styleUrls: ['./index.less'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [\n    CommonModule,\n    NzTimelineModule,\n    GramPipeModule\n  ]\n})\nexport class FlowRecordComponent implements OnInit {\n  _data: any[] = [];\n  @Input()\n  set data(value: any) {\n    if (value!! && Array.isArray(value)) {\n      let tmp: any = _.cloneDeep(value);\n      //this._data = tmp.reverse();\n      this._data = _.cloneDeep(value);\n    } else {\n      this._data = [];\n    }\n  }\n\n  get data() {\n    return this._data;\n  }\n\n  @Input() status: any = null;\n\n  constructor() { }\n\n  ngOnInit() { }\n}\n","<div class=\"approve-header\">\n  <div class=\"title\">\n    <div class=\"name\">审批状态</div>\n    <div class=\"status\">\n      <label [innerHtml]=\"status | flowState | safeHtml\"></label>\n    </div>\n  </div>\n  <img [src]=\"'/assets/images/workflow/'+status+'.png'\" />\n</div>\n<div class=\"approve-list\" *ngIf=\"data!! && data.length>0\">\n  <nz-timeline>\n    <ng-container *ngFor=\"let item of data\">\n      <ng-container [ngSwitch]=\"item.status\">\n        <ng-container *ngSwitchCase=\"'waiting'\">\n          <nz-timeline-item [nzColor]=\"'#FDC668'\">\n            <ul class=\"nodeInfo\">\n              <li class=\"name\"><span>步骤</span>{{item?.nodeName}}</li>\n              <li class=\"emp\"><span>审核人</span>{{item?.empName}}</li>\n              <li class=\"finish\"><span>接收日期</span>{{item?.startTime | date:'YYYY/MM/dd HH:mm'}}</li>\n            </ul>\n          </nz-timeline-item>\n        </ng-container>\n        <ng-container *ngSwitchCase=\"'approved'\">\n          <nz-timeline-item [nzColor]=\"'#16A085'\">\n            <ng-container [ngSwitch]=\"item.taskStatus\">\n              <!-- 发起人 -->\n              <ng-container *ngSwitchCase=\"'START'\">\n                <ul class=\"nodeInfo\">\n                  <li class=\"name\"><span>步骤</span>{{item?.nodeName}}</li>\n                  <li class=\"emp\"><span>发起人</span>{{item?.empName}}</li>\n                  <li class=\"finish\"><span>发起日期</span>{{item?.startTime | date:'YYYY/MM/dd HH:mm'}}</li>\n                </ul>\n              </ng-container>\n              <!-- 回退发起 -->\n              <ng-container *ngSwitchCase=\"'START_BACK'\">\n                <ul class=\"nodeInfo\">\n                  <li class=\"name\"><span>步骤</span>驳回发起-{{item?.nodeName}}</li>\n                  <li class=\"emp\"><span>发起人</span>{{item?.empName}}</li>\n                  <li class=\"finish\"><span>接收日期</span>{{item?.startTime | date:'YYYY/MM/dd HH:mm'}}</li>\n                  <li class=\"finish\"><span>完成日期</span>{{item?.endTime | date:'YYYY/MM/dd HH:mm'}}</li>\n                </ul>\n              </ng-container>\n\n              <!-- 审批通过 -->\n              <ng-container *ngSwitchCase=\"'APPROVED'\">\n                <ul class=\"nodeInfo\">\n                  <li class=\"name\"><span>步骤</span>{{item?.nodeName}}</li>\n                  <li class=\"type\"><span>操作</span><label class=\"completed\">同意</label></li>\n                  <li class=\"emp\"><span>审核人</span>{{item?.empName}}</li>\n                  <li class=\"finish\"><span>接收日期</span>{{item?.startTime | date:'YYYY/MM/dd HH:mm'}}</li>\n                  <li class=\"finish\"><span>完成日期</span>{{item?.endTime | date:'YYYY/MM/dd HH:mm'}}</li>\n                  <li class=\"desc\"><span>审批意见</span>{{item?.taskComment}}</li>\n                </ul>\n              </ng-container>\n\n              <!-- 审批拒绝 -->\n              <ng-container *ngSwitchCase=\"'REJECTED'\">\n                <ul class=\"nodeInfo\">\n                  <li class=\"name\"><span>步骤</span>{{item?.nodeName}}</li>\n                  <li class=\"type\"><span>操作</span><label class=\"reject\">拒绝</label></li>\n                  <li class=\"emp\"><span>审核人</span>{{item?.empName}}</li>\n                  <li class=\"finish\"><span>接收日期</span>{{item?.startTime | date:'YYYY/MM/dd HH:mm'}}</li>\n                  <li class=\"finish\"><span>完成日期</span>{{item?.endTime | date:'YYYY/MM/dd HH:mm'}}</li>\n                  <li class=\"desc\"><span>审批意见</span>{{item?.taskComment}}</li>\n                </ul>\n              </ng-container>\n\n              <!-- 审批退回 -->\n              <ng-container *ngSwitchCase=\"'BACKED'\">\n                <ul class=\"nodeInfo\">\n                  <li class=\"name\"><span>步骤</span>{{item?.nodeName}}</li>\n                  <li class=\"type\"><span>操作</span><label class=\"back\">回退</label></li>\n                  <li class=\"emp\"><span>审核人</span>{{item?.empName}}</li>\n                  <li class=\"finish\"><span>接收日期</span>{{item?.startTime | date:'YYYY/MM/dd HH:mm'}}</li>\n                  <li class=\"finish\"><span>完成日期</span>{{item?.endTime | date:'YYYY/MM/dd HH:mm'}}</li>\n                  <li class=\"desc\"><span>审批意见</span>{{item?.taskComment}}</li>\n                </ul>\n              </ng-container>\n\n              <!-- 审批终止 -->\n              <ng-container *ngSwitchCase=\"'ABORT'\">\n                <ul class=\"nodeInfo\">\n                  <li class=\"name\"><span>步骤</span>{{item?.nodeName}}</li>\n                  <li class=\"type\"><span>操作</span><label class=\"abort\">终止</label></li>\n                  <li class=\"emp\"><span>审核人</span>{{item?.empName}}</li>\n                  <li class=\"finish\"><span>接收日期</span>{{item?.startTime | date:'YYYY/MM/dd HH:mm'}}</li>\n                  <li class=\"finish\"><span>完成日期</span>{{item?.endTime | date:'YYYY/MM/dd HH:mm'}}</li>\n                  <li class=\"desc\"><span>审批意见</span>{{item?.taskComment}}</li>\n                </ul>\n              </ng-container>\n\n              <!-- 管理员终止 -->\n              <ng-container *ngSwitchCase=\"'MANAGE_ABORT'\">\n                <ul class=\"nodeInfo\">\n                  <li class=\"name\"><span>步骤</span>{{item?.nodeName}}</li>\n                  <li class=\"type\"><span>操作</span><label class=\"abort\">管理员终止</label></li>\n                  <li class=\"emp\"><span>审核人</span>{{item?.empName}}</li>\n                  <li class=\"finish\"><span>接收日期</span>{{item?.startTime | date:'YYYY/MM/dd HH:mm'}}</li>\n                  <li class=\"finish\"><span>完成日期</span>---</li>\n                </ul>\n              </ng-container>\n\n              <!-- 管理员删除 -->\n              <ng-container *ngSwitchCase=\"'MANAGE_DELETE'\">\n                <ul class=\"nodeInfo\">\n                  <li class=\"name\"><span>步骤</span>{{item?.nodeName}}</li>\n                  <li class=\"type\"><span>操作</span><label class=\"abort\">管理员删除</label></li>\n                  <li class=\"emp\"><span>审核人</span>{{item?.empName}}</li>\n                  <li class=\"finish\"><span>接收日期</span>{{item?.startTime | date:'YYYY/MM/dd HH:mm'}}</li>\n                  <li class=\"finish\"><span>完成日期</span>---</li>\n                </ul>\n              </ng-container>\n            </ng-container>\n          </nz-timeline-item>\n        </ng-container>\n        <ng-container *ngSwitchDefault> </ng-container>\n      </ng-container>\n\n      <ng-template #tmpNode>\n        <ul class=\"nodeInfo\">\n          <li class=\"name\"><span>步骤</span>发起步骤</li>\n          <li class=\"emp\"><span>发起人</span>{{item?.empName}}</li>\n          <li class=\"finish\"><span>发起日期</span>{{item?.startTime | date:'YYYY/MM/dd HH:mm'}}</li>\n        </ul>\n      </ng-template>\n    </ng-container>\n  </nz-timeline>\n</div>\n","import { Component, OnInit, Input, ChangeDetectionStrategy } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ReactiveFormsModule, FormsModule } from '@angular/forms';\nimport { NzIconModule } from 'ng-zorro-antd/icon';\nimport { NzTimelineModule } from 'ng-zorro-antd/timeline';\nimport { NzStepsModule } from 'ng-zorro-antd/steps';\nimport { GramPipeModule } from '@ebuilding/base/shared.pipe';\nimport _ from 'lodash';\n\n@Component({\n  selector: 'flow-record-step',\n  templateUrl: './index.html',\n  styleUrls: ['./index.less'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [\n    CommonModule,\n    FormsModule,\n    ReactiveFormsModule,\n    NzIconModule,\n    NzTimelineModule,\n    NzStepsModule,\n    GramPipeModule,\n  ]\n})\nexport class FlowRecordStepComponent implements OnInit {\n  _data: any[] = [];\n  @Input()\n  set data(value: any) {\n    if (value!! && Array.isArray(value)) {\n      let tmp: any = _.cloneDeep(value);\n      this._data = tmp.reverse();\n    } else {\n      this._data = [];\n    }\n  }\n\n  get data() {\n    return this._data;\n  }\n\n  @Input() status: any = null;\n\n  constructor() { }\n\n  ngOnInit() { }\n}\n","<!-- <div class=\"approve-header\">\n  <div class=\"title\">\n    <div class=\"name\">审批状态</div>\n    <div class=\"status\">\n      <label [innerHtml]=\"status | flowState | safeHtml\"></label>\n    </div>\n  </div>\n  <img [src]=\"'/assets/images/workflow/'+status+'.png'\" />\n</div> -->\n<div class=\"approve-list\" *ngIf=\"data!! && data.length>0\">\n  <nz-timeline>\n    <ng-container *ngFor=\"let item of data\">\n      <ng-container [ngSwitch]=\"item.status\">\n        <ng-container *ngSwitchCase=\"'waiting'\">\n          <nz-timeline-item [nzColor]=\"'#FDC668'\">\n            <ul class=\"nodeInfo\">\n              <li class=\"name\"><span>步骤</span>{{item?.nodeName}}</li>\n              <li class=\"emp\"><span>审核人</span>{{item?.empName}}</li>\n              <li class=\"finish\"><span>接收日期</span>{{item?.startTime | date:'YYYY/MM/dd HH:mm'}}</li>\n            </ul>\n          </nz-timeline-item>\n        </ng-container>\n        <ng-container *ngSwitchCase=\"'approved'\">\n          <nz-timeline-item [nzColor]=\"'#16A085'\">\n            <ng-container [ngSwitch]=\"item.taskStatus\">\n              <!-- 发起人 -->\n              <ng-container *ngSwitchCase=\"'START'\">\n                <ul class=\"nodeInfo\">\n                  <li class=\"name\"><span>步骤</span>{{item?.nodeName}}</li>\n                  <li class=\"emp\"><span>发起人</span>{{item?.empName}}</li>\n                  <li class=\"finish\"><span>发起日期</span>{{item?.startTime | date:'YYYY/MM/dd HH:mm'}}</li>\n                </ul>\n              </ng-container>\n              <!-- 回退发起 -->\n              <ng-container *ngSwitchCase=\"'START_BACK'\">\n                <ul class=\"nodeInfo\">\n                  <li class=\"name\"><span>步骤</span>驳回发起-{{item?.nodeName}}</li>\n                  <li class=\"emp\"><span>发起人</span>{{item?.empName}}</li>\n                  <li class=\"finish\"><span>完成日期</span>{{item?.endTime | date:'YYYY/MM/dd HH:mm'}}</li>\n                  <!-- <li class=\"finish\"><span>接收日期</span>{{item?.startTime | date:'YYYY/MM/dd HH:mm'}}</li> -->\n                </ul>\n              </ng-container>\n\n              <!-- 审批通过 -->\n              <ng-container *ngSwitchCase=\"'APPROVED'\">\n                <ul class=\"nodeInfo\">\n                  <li class=\"name\"><span>步骤</span>{{item?.nodeName}}</li>\n                  <li class=\"emp\"><span>审核人</span>{{item?.empName}}</li>\n                  <li class=\"type\"><span>操作</span><label class=\"completed\">同意</label></li>\n                  <!-- <li class=\"finish\"><span>接收日期</span>{{item?.startTime | date:'YYYY/MM/dd HH:mm'}}</li>\n                  <li class=\"finish\"><span>完成日期</span>{{item?.endTime | date:'YYYY/MM/dd HH:mm'}}</li>\n                  <li class=\"desc\"><span>审批意见</span>{{item?.taskComment}}</li> -->\n                </ul>\n              </ng-container>\n\n              <!-- 审批拒绝 -->\n              <ng-container *ngSwitchCase=\"'REJECTED'\">\n                <ul class=\"nodeInfo\">\n                  <li class=\"name\"><span>步骤</span>{{item?.nodeName}}</li>\n                  <li class=\"emp\"><span>审核人</span>{{item?.empName}}</li>\n                  <li class=\"type\"><span>操作</span><label class=\"reject\">拒绝</label></li>\n                  <!-- <li class=\"finish\"><span>接收日期</span>{{item?.startTime | date:'YYYY/MM/dd HH:mm'}}</li>\n                  <li class=\"finish\"><span>完成日期</span>{{item?.endTime | date:'YYYY/MM/dd HH:mm'}}</li>\n                  <li class=\"desc\"><span>审批意见</span>{{item?.taskComment}}</li> -->\n                </ul>\n              </ng-container>\n\n              <!-- 审批退回 -->\n              <ng-container *ngSwitchCase=\"'BACKED'\">\n                <ul class=\"nodeInfo\">\n                  <li class=\"name\"><span>步骤</span>{{item?.nodeName}}</li>\n                  <li class=\"emp\"><span>审核人</span>{{item?.empName}}</li>\n                  <li class=\"type\"><span>操作</span><label class=\"back\">回退</label></li>\n                  <!-- <li class=\"finish\"><span>接收日期</span>{{item?.startTime | date:'YYYY/MM/dd HH:mm'}}</li>\n                  <li class=\"finish\"><span>完成日期</span>{{item?.endTime | date:'YYYY/MM/dd HH:mm'}}</li>\n                  <li class=\"desc\"><span>审批意见</span>{{item?.taskComment}}</li> -->\n                </ul>\n              </ng-container>\n\n              <!-- 审批终止 -->\n              <ng-container *ngSwitchCase=\"'ABORT'\">\n                <ul class=\"nodeInfo\">\n                  <li class=\"name\"><span>步骤</span>{{item?.nodeName}}</li>\n                  <li class=\"emp\"><span>审核人</span>{{item?.empName}}</li>\n                  <li class=\"type\"><span>操作</span><label class=\"abort\">终止</label></li>\n                  <!-- <li class=\"finish\"><span>接收日期</span>{{item?.startTime | date:'YYYY/MM/dd HH:mm'}}</li>\n                  <li class=\"finish\"><span>完成日期</span>{{item?.endTime | date:'YYYY/MM/dd HH:mm'}}</li>\n                  <li class=\"desc\"><span>审批意见</span>{{item?.taskComment}}</li> -->\n                </ul>\n              </ng-container>\n\n              <!-- 管理员终止 -->\n              <ng-container *ngSwitchCase=\"'MANAGE_ABORT'\">\n                <ul class=\"nodeInfo\">\n                  <li class=\"name\"><span>步骤</span>{{item?.nodeName}}</li>\n                  <li class=\"emp\"><span>审核人</span>{{item?.empName}}</li>\n                  <li class=\"type\"><span>操作</span><label class=\"abort\">管理员终止</label></li>\n                  <!-- <li class=\"finish\"><span>接收日期</span>{{item?.startTime | date:'YYYY/MM/dd HH:mm'}}</li>\n                  <li class=\"finish\"><span>完成日期</span>---</li> -->\n                </ul>\n              </ng-container>\n\n              <!-- 管理员删除 -->\n              <ng-container *ngSwitchCase=\"'MANAGE_DELETE'\">\n                <ul class=\"nodeInfo\">\n                  <li class=\"name\"><span>步骤</span>{{item?.nodeName}}</li>\n                  <li class=\"emp\"><span>审核人</span>{{item?.empName}}</li>\n                  <li class=\"type\"><span>操作</span><label class=\"abort\">管理员删除</label></li>\n                  <!-- <li class=\"finish\"><span>接收日期</span>{{item?.startTime | date:'YYYY/MM/dd HH:mm'}}</li>\n                  <li class=\"finish\"><span>完成日期</span>---</li> -->\n                </ul>\n              </ng-container>\n            </ng-container>\n          </nz-timeline-item>\n        </ng-container>\n        <ng-container *ngSwitchDefault> </ng-container>\n      </ng-container>\n\n      <ng-template #tmpNode>\n        <ul class=\"nodeInfo\">\n          <li class=\"name\"><span>步骤</span>发起步骤</li>\n          <li class=\"emp\"><span>发起人</span>{{item?.empName}}</li>\n          <li class=\"finish\"><span>发起日期</span>{{item?.startTime | date:'YYYY/MM/dd HH:mm'}}</li>\n        </ul>\n      </ng-template>\n    </ng-container>\n  </nz-timeline>\n</div>\n","import { NgModule } from '@angular/core';\nimport { FlowRecordComponent } from './default/index';\nimport { FlowRecordStepComponent } from './main/index';\n\nconst components: any[] = [FlowRecordComponent, FlowRecordStepComponent];\n\n@NgModule({\n  imports: [\n    ...components\n  ],\n  exports: [...components],\n})\nexport class GramFlowRecordModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;;;;MAiBa,mBAAmB,CAAA;IAC9B,KAAK,GAAU,EAAE;IACjB,IACI,IAAI,CAAC,KAAU,EAAA;QACjB,IAAI,KAAO,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;YACnC,IAAI,GAAG,GAAQ,CAAC,CAAC,SAAS,CAAC,KAAK,CAAC;;YAEjC,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC,SAAS,CAAC,KAAK,CAAC;;aAC1B;AACL,YAAA,IAAI,CAAC,KAAK,GAAG,EAAE;;;AAInB,IAAA,IAAI,IAAI,GAAA;QACN,OAAO,IAAI,CAAC,KAAK;;IAGV,MAAM,GAAQ,IAAI;AAE3B,IAAA,WAAA,GAAA;AAEA,IAAA,QAAQ;wGArBG,mBAAmB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAnB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,mBAAmB,mHCjBhC,0nPAgIA,EAAA,MAAA,EAAA,CAAA,67CAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDpHI,YAAY,EACZ,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,cAAA,EAAA,eAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,IAAA,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,QAAA,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,CAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,YAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,CAAA,cAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,mBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAA,EAAA,CAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,gBAAgB,oYAChB,cAAc,EAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAA,EAAA,CAAA,aAAA,EAAA,IAAA,EAAA,WAAA,EAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAA,EAAA,CAAA,YAAA,EAAA,IAAA,EAAA,UAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;4FAGL,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAX/B,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,aAAa,EAGN,eAAA,EAAA,uBAAuB,CAAC,MAAM,EACtC,OAAA,EAAA;wBACP,YAAY;wBACZ,gBAAgB;wBAChB;AACD,qBAAA,EAAA,QAAA,EAAA,0nPAAA,EAAA,MAAA,EAAA,CAAA,67CAAA,CAAA,EAAA;wDAKG,IAAI,EAAA,CAAA;sBADP;gBAeQ,MAAM,EAAA,CAAA;sBAAd;;;MEVU,uBAAuB,CAAA;IAClC,KAAK,GAAU,EAAE;IACjB,IACI,IAAI,CAAC,KAAU,EAAA;QACjB,IAAI,KAAO,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;YACnC,IAAI,GAAG,GAAQ,CAAC,CAAC,SAAS,CAAC,KAAK,CAAC;AACjC,YAAA,IAAI,CAAC,KAAK,GAAG,GAAG,CAAC,OAAO,EAAE;;aACrB;AACL,YAAA,IAAI,CAAC,KAAK,GAAG,EAAE;;;AAInB,IAAA,IAAI,IAAI,GAAA;QACN,OAAO,IAAI,CAAC,KAAK;;IAGV,MAAM,GAAQ,IAAI;AAE3B,IAAA,WAAA,GAAA;AAEA,IAAA,QAAQ;wGApBG,uBAAuB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAvB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,uBAAuB,ECxBpC,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,MAAA,EAAA,QAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,ksPAgIA,EDjHI,MAAA,EAAA,CAAA,6+CAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,YAAY,8jBACZ,WAAW,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EACX,mBAAmB,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EACnB,YAAY,EACZ,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,gBAAgB,EAChB,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,uBAAA,EAAA,QAAA,EAAA,sCAAA,EAAA,MAAA,EAAA,CAAA,YAAA,EAAA,SAAA,EAAA,OAAA,EAAA,SAAA,CAAA,EAAA,QAAA,EAAA,CAAA,gBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,mBAAA,EAAA,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,CAAA,QAAA,EAAA,WAAA,EAAA,cAAA,EAAA,WAAA,CAAA,EAAA,QAAA,EAAA,CAAA,YAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,aAAa,8BACb,cAAc,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;4FAGL,uBAAuB,EAAA,UAAA,EAAA,CAAA;kBAfnC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,kBAAkB,EAGX,eAAA,EAAA,uBAAuB,CAAC,MAAM,EACtC,OAAA,EAAA;wBACP,YAAY;wBACZ,WAAW;wBACX,mBAAmB;wBACnB,YAAY;wBACZ,gBAAgB;wBAChB,aAAa;wBACb,cAAc;AACf,qBAAA,EAAA,QAAA,EAAA,ksPAAA,EAAA,MAAA,EAAA,CAAA,6+CAAA,CAAA,EAAA;wDAKG,IAAI,EAAA,CAAA;sBADP;gBAcQ,MAAM,EAAA,CAAA;sBAAd;;;AEpCH,MAAM,UAAU,GAAU,CAAC,mBAAmB,EAAE,uBAAuB,CAAC;MAQ3D,oBAAoB,CAAA;wGAApB,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA;AAApB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,oBAAoB,YARN,mBAAmB,EAAE,uBAAuB,CAA5C,EAAA,OAAA,EAAA,CAAA,mBAAmB,EAAE,uBAAuB,CAAA,EAAA,CAAA;AAQ1D,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,oBAAoB,YAJ1B,UAAU,CAAA,EAAA,CAAA;;4FAIJ,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBANhC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,OAAO,EAAE;AACP,wBAAA,GAAG;AACJ,qBAAA;AACD,oBAAA,OAAO,EAAE,CAAC,GAAG,UAAU,CAAC;AACzB,iBAAA;;;ACXD;;AAEG;;;;"}

package/fesm2022/components.step-entry.mjs

@@ -0,0 +1,50 @@
+import * as i0 from '@angular/core';
+import { Input, Component, NgModule } from '@angular/core';
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i2 from 'ng-zorro-antd/steps';
+import { NzStepsModule } from 'ng-zorro-antd/steps';
+
+class GramDeonStepEntryComponent {
+    data = [];
+    index = 0;
+    ngOnInit() { }
+    ngAfterViewInit() { }
+    ngOnChanges(change) { }
+    onIndexChange(event) {
+        this.index = event;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: GramDeonStepEntryComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: GramDeonStepEntryComponent, isStandalone: true, selector: "step-entry", inputs: { data: "data" }, usesOnChanges: true, ngImport: i0, template: "<nz-steps nzType=\"navigation\" [nzCurrent]=\"index\" (nzIndexChange)=\"onIndexChange($event)\">\n  <ng-container *ngFor=\"let item of data\">\n    <nz-step [nzTitle]=\"item.name\" [nzStatus]=\"item.status\"></nz-step>\n  </ng-container>\n</nz-steps>\n", styles: [":host ::ng-deep .ant-steps-item-content{padding:0 0 0 5px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "ngmodule", type: NzStepsModule }, { kind: "component", type: i2.NzStepsComponent, selector: "nz-steps", inputs: ["nzCurrent", "nzDirection", "nzLabelPlacement", "nzType", "nzSize", "nzStartIndex", "nzStatus", "nzProgressDot"], outputs: ["nzIndexChange"], exportAs: ["nzSteps"] }, { kind: "component", type: i2.NzStepComponent, selector: "nz-step", inputs: ["nzTitle", "nzSubtitle", "nzDescription", "nzDisabled", "nzPercentage", "nzSize", "nzStatus", "nzIcon"], exportAs: ["nzStep"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: GramDeonStepEntryComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'step-entry', imports: [
+                        CommonModule,
+                        NzStepsModule
+                    ], template: "<nz-steps nzType=\"navigation\" [nzCurrent]=\"index\" (nzIndexChange)=\"onIndexChange($event)\">\n  <ng-container *ngFor=\"let item of data\">\n    <nz-step [nzTitle]=\"item.name\" [nzStatus]=\"item.status\"></nz-step>\n  </ng-container>\n</nz-steps>\n", styles: [":host ::ng-deep .ant-steps-item-content{padding:0 0 0 5px}\n"] }]
+        }], propDecorators: { data: [{
+                type: Input
+            }] } });
+
+const components = [GramDeonStepEntryComponent];
+const entryComponents = [];
+class GramDeonStepEntryModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: GramDeonStepEntryModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.15", ngImport: i0, type: GramDeonStepEntryModule, imports: [CommonModule, NzStepsModule, GramDeonStepEntryComponent], exports: [GramDeonStepEntryComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: GramDeonStepEntryModule, imports: [CommonModule, NzStepsModule, components] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: GramDeonStepEntryModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule, NzStepsModule, ...components],
+                    exports: [...components, ...entryComponents],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { GramDeonStepEntryComponent, GramDeonStepEntryModule };
+//# sourceMappingURL=components.step-entry.mjs.map

package/fesm2022/components.step-entry.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"components.step-entry.mjs","sources":["../../../../packages/abc/step-entry/src/default/index.ts","../../../../packages/abc/step-entry/src/default/index.html","../../../../packages/abc/step-entry/src/index.module.ts","../../../../packages/abc/step-entry/components.step-entry.ts"],"sourcesContent":["import { Component, Input, OnInit, AfterViewInit, OnChanges } from '@angular/core';\nimport { CommonModule } from \"@angular/common\";\nimport { NzStepsModule } from 'ng-zorro-antd/steps';\n@Component({\n  selector: 'step-entry',\n  templateUrl: './index.html',\n  styleUrls: ['./index.less'],\n  imports: [\n    CommonModule,\n    NzStepsModule\n  ]\n})\nexport class GramDeonStepEntryComponent implements OnInit, AfterViewInit, OnChanges {\n  @Input() data: any[] = [];\n\n  index: number = 0;\n\n  ngOnInit(): void { }\n\n  ngAfterViewInit() { }\n\n  ngOnChanges(change: any) { }\n\n  onIndexChange(event: number): void {\n    this.index = event;\n  }\n}\n","<nz-steps nzType=\"navigation\" [nzCurrent]=\"index\" (nzIndexChange)=\"onIndexChange($event)\">\n  <ng-container *ngFor=\"let item of data\">\n    <nz-step [nzTitle]=\"item.name\" [nzStatus]=\"item.status\"></nz-step>\n  </ng-container>\n</nz-steps>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { NzStepsModule } from 'ng-zorro-antd/steps';\nimport { GramDeonStepEntryComponent } from './default/index';\n\nconst components: any[] = [GramDeonStepEntryComponent];\nconst entryComponents: any[] = [];\n\n@NgModule({\n  imports: [CommonModule, NzStepsModule, ...components],\n  exports: [...components, ...entryComponents],\n})\nexport class GramDeonStepEntryModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}