@ebuilding/abc 2.0.0

package/fesm2022/components.plan-item.mjs

@@ -0,0 +1,249 @@
+import * as i0 from '@angular/core';
+import { EventEmitter, Output, Input, Component, NgModule } from '@angular/core';
+import * as i2 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i3 from '@angular/forms';
+import { FormsModule } from '@angular/forms';
+import * as i4 from 'ng-zorro-antd/radio';
+import { NzRadioModule } from 'ng-zorro-antd/radio';
+import * as i6 from 'ng-zorro-antd/dropdown';
+import { NzDropDownModule } from 'ng-zorro-antd/dropdown';
+import * as i1 from '@angular/router';
+import * as i5 from 'ng-zorro-antd/menu';
+
+class GramDeonPlanComponent {
+    router;
+    activatedRoute;
+    _data = [];
+    set data(value) {
+        this._data = value;
+        this.pageLoad();
+    }
+    get data() {
+        return this._data;
+    }
+    leftObj = {
+        disabled: true,
+        data: [],
+    };
+    rightObj = {
+        disabled: true,
+        data: [],
+    };
+    selectIndex = 0;
+    selectValue = null;
+    twoData = [];
+    leftData = [];
+    selectedChange = new EventEmitter();
+    selectedInfoChange = new EventEmitter();
+    ngOnInit() { }
+    ngAfterViewInit() { }
+    constructor(router, activatedRoute) {
+        this.router = router;
+        this.activatedRoute = activatedRoute;
+    }
+    pageLoad() {
+        this.selectIndex = 0;
+        this.selectValue = null;
+        this.leftObj.disabled = true;
+        this.leftObj.data = [];
+        this.leftData = [];
+        this.rightObj.disabled = true;
+        this.rightObj.data = [];
+        this.twoData = [];
+        if (this.data && this.data.length > 0) {
+            this.data.forEach((item, index) => {
+                if (index < 2) {
+                    this.twoData.push(item);
+                }
+                else {
+                    this.rightObj.data.push(item);
+                    this.rightObj.disabled = false;
+                }
+            });
+            this.selectValue = this.data[0]['id'];
+            this.selectedIndexChange('default');
+        }
+    }
+    /**
+     * 选项点击事件
+     * @param e
+     */
+    itemChange(e) {
+        this.getSelectedIndex();
+        this.selectedChange.emit(this.selectValue);
+        let filterData = this.data.filter((item) => {
+            return item.id == e;
+        });
+        if (filterData != null && filterData.length > 0) {
+            this.selectedInfoChange.emit(filterData[0]);
+        }
+    }
+    /**
+     * 左右选项点击事件
+     * @param e
+     * @param type
+     */
+    itemMenuChange(e) {
+        this.selectValue = e.id;
+        this.getSelectedIndex();
+        this.twoData = [];
+        this.leftObj.data = [];
+        this.leftObj.disabled = true;
+        this.rightObj.data = [];
+        this.rightObj.disabled = true;
+        if (this.selectIndex == 0) {
+            this.twoData.push(this.data[this.selectIndex]);
+            this.twoData.push(this.data[this.selectIndex + 1]);
+        }
+        else if (this.selectIndex == this.data.length - 1) {
+            this.twoData.push(this.data[this.selectIndex - 1]);
+            this.twoData.push(this.data[this.selectIndex]);
+        }
+        else {
+            this.twoData.push(this.data[this.selectIndex]);
+            this.twoData.push(this.data[this.selectIndex + 1]);
+        }
+        //处理左边
+        this.data.forEach((item, i) => {
+            if (this.twoData.some((res) => {
+                return res.id == item.id;
+            }) == false) {
+                if (i < this.selectIndex) {
+                    this.leftObj.data.push(item);
+                }
+                if (i > this.selectIndex) {
+                    this.rightObj.data.push(item);
+                }
+            }
+        });
+        if (this.leftObj.data.length > 0) {
+            this.leftObj.disabled = false;
+        }
+        if (this.rightObj.data.length > 0) {
+            this.rightObj.disabled = false;
+        }
+        this.selectedChange.emit(this.selectValue);
+        this.selectedInfoChange.emit(e);
+    }
+    /**
+     * 左边点击事件
+     */
+    btnLeftClick() {
+        this.selectedIndexChange('left');
+    }
+    /**
+     * 右边点击事件
+     */
+    btnRightClick() {
+        this.selectedIndexChange('right');
+    }
+    selectedIndexChange(type) {
+        if (type == 'left') {
+            if (this.selectIndex == 0) {
+                return;
+            }
+            this.twoData = [];
+            this.selectIndex = this.selectIndex - 1;
+            if (this.selectIndex == 0) {
+                this.twoData.push(this.data[this.selectIndex]);
+                this.twoData.push(this.data[this.selectIndex + 1]);
+            }
+            else {
+                this.twoData.push(this.data[this.selectIndex - 1]);
+                this.twoData.push(this.data[this.selectIndex]);
+            }
+            this.selectValue = this.data[this.selectIndex]['id'];
+        }
+        else if (type == 'right') {
+            if (this.selectIndex == this.data.length - 1) {
+                return;
+            }
+            this.twoData = [];
+            this.selectIndex = this.selectIndex + 1;
+            this.twoData.push(this.data[this.selectIndex - 1]);
+            this.twoData.push(this.data[this.selectIndex]);
+            this.selectValue = this.data[this.selectIndex]['id'];
+        }
+        this.leftObj.data = [];
+        this.rightObj.data = [];
+        //处理左边
+        switch (this.selectIndex) {
+            case 0:
+                this.leftObj.disabled = true;
+                break;
+            case 1:
+                this.leftObj.disabled = false;
+                break;
+            default:
+                this.leftObj.disabled = false;
+                this.data.forEach((item, i) => {
+                    if (i < this.selectIndex - 1) {
+                        this.leftObj.data.push(item);
+                    }
+                });
+                break;
+        }
+        //处理右边
+        switch (this.selectIndex) {
+            case this.data.length - 1:
+                this.rightObj.disabled = true;
+                break;
+            default:
+                this.rightObj.disabled = false;
+                this.data.forEach((item, i) => {
+                    if (i > this.selectIndex) {
+                        if (this.twoData.some((res) => {
+                            return res.id == item.id;
+                        }) == false)
+                            this.rightObj.data.push(item);
+                    }
+                });
+                break;
+        }
+        this.selectedChange.emit(this.selectValue);
+    }
+    getSelectedIndex() {
+        this.selectIndex = this.data.findIndex((item) => {
+            return item.id == this.selectValue;
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: GramDeonPlanComponent, deps: [{ token: i1.Router }, { token: i1.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: GramDeonPlanComponent, isStandalone: true, selector: "gram-plan", inputs: { data: "data" }, outputs: { selectedChange: "selectedChange", selectedInfoChange: "selectedInfoChange" }, ngImport: i0, template: "<ng-container *ngIf=\"twoData!! && twoData.length>0\">\n  <span\n    class=\"plan-left\"\n    [ngClass]=\"{ 'plan-disabled': leftObj.disabled }\"\n    (click)=\"btnLeftClick()\"\n    nz-dropdown\n    [nzDropdownMenu]=\"leftMenu\"\n    [nzDisabled]=\"leftObj.data.length<1\"\n  >\n    <i nz-icon nzType=\"left\" nzTheme=\"outline\"></i>\n  </span>\n\n  <nz-dropdown-menu #leftMenu=\"nzDropdownMenu\">\n    <ul nz-menu>\n      <li nz-menu-item *ngFor=\"let item of leftObj.data\" (click)=\"itemMenuChange(item)\">{{item.name}}</li>\n    </ul>\n  </nz-dropdown-menu>\n  <div class=\"plan-item\">\n    <nz-radio-group [(ngModel)]=\"selectValue\" (ngModelChange)=\"itemChange($event)\">\n      <ng-container *ngFor=\"let item of twoData\">\n        <label nz-radio-button [nzValue]=\"item.id\">{{item.name}}</label>\n      </ng-container>\n    </nz-radio-group>\n  </div>\n  <span\n    class=\"plan-right\"\n    [ngClass]=\"{ 'plan-disabled': rightObj.disabled }\"\n    (click)=\"btnRightClick()\"\n    nz-dropdown\n    [nzDropdownMenu]=\"rightMenu\"\n    [nzDisabled]=\"rightObj.data.length<1\"\n  >\n    <i nz-icon nzType=\"right\" nzTheme=\"outline\"></i>\n  </span>\n\n  <nz-dropdown-menu #rightMenu=\"nzDropdownMenu\">\n    <ul nz-menu>\n      <li nz-menu-item *ngFor=\"let item of rightObj.data\" (click)=\"itemMenuChange(item)\">{{item.name}}</li>\n    </ul>\n  </nz-dropdown-menu>\n</ng-container>\n", styles: [":host ::ng-deep{display:flex;flex-direction:row;align-items:center;min-height:32px;margin:0}:host ::ng-deep .plan-left:hover,:host ::ng-deep .plan-right:hover{color:#1177fb}:host ::ng-deep .plan-left{display:inline-block;height:100%;height:32px;margin:0;padding:0 15px;color:#000000d9;font-size:14px;line-height:30px;background:#fff;border:1px solid #d9d9d9;border-top-width:1.02px;border-right-width:0;cursor:pointer}:host ::ng-deep .plan-right{display:inline-block;height:100%;height:32px;margin:0;padding:0 15px;color:#000000d9;font-size:14px;line-height:30px;background:#fff;border:1px solid #d9d9d9;border-top-width:1.02px;border-left-width:0;cursor:pointer}:host ::ng-deep .plan-item{display:flex;flex-direction:row;margin:0;padding:0;list-style:none}:host ::ng-deep .plan-disabled{color:#bbbfc4}:host ::ng-deep .plan-disabled:hover{color:#bbbfc4}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: 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: "ngmodule", type: NzDropDownModule }, { kind: "directive", type: i5.NzMenuDirective, selector: "[nz-menu]", inputs: ["nzInlineIndent", "nzTheme", "nzMode", "nzInlineCollapsed", "nzSelectable"], outputs: ["nzClick"], exportAs: ["nzMenu"] }, { kind: "component", type: i5.NzMenuItemComponent, selector: "[nz-menu-item]", inputs: ["nzPaddingLeft", "nzDisabled", "nzSelected", "nzDanger", "nzMatchRouterExact", "nzMatchRouter"], exportAs: ["nzMenuItem"] }, { kind: "directive", type: i6.NzDropDownDirective, selector: "[nz-dropdown]", inputs: ["nzDropdownMenu", "nzTrigger", "nzMatchWidthElement", "nzBackdrop", "nzClickHide", "nzDisabled", "nzVisible", "nzOverlayClassName", "nzOverlayStyle", "nzPlacement"], outputs: ["nzVisibleChange"], exportAs: ["nzDropdown"] }, { kind: "component", type: i6.NzDropdownMenuComponent, selector: "nz-dropdown-menu", exportAs: ["nzDropdownMenu"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: GramDeonPlanComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'gram-plan', imports: [
+                        CommonModule,
+                        FormsModule,
+                        NzRadioModule,
+                        NzDropDownModule
+                    ], template: "<ng-container *ngIf=\"twoData!! && twoData.length>0\">\n  <span\n    class=\"plan-left\"\n    [ngClass]=\"{ 'plan-disabled': leftObj.disabled }\"\n    (click)=\"btnLeftClick()\"\n    nz-dropdown\n    [nzDropdownMenu]=\"leftMenu\"\n    [nzDisabled]=\"leftObj.data.length<1\"\n  >\n    <i nz-icon nzType=\"left\" nzTheme=\"outline\"></i>\n  </span>\n\n  <nz-dropdown-menu #leftMenu=\"nzDropdownMenu\">\n    <ul nz-menu>\n      <li nz-menu-item *ngFor=\"let item of leftObj.data\" (click)=\"itemMenuChange(item)\">{{item.name}}</li>\n    </ul>\n  </nz-dropdown-menu>\n  <div class=\"plan-item\">\n    <nz-radio-group [(ngModel)]=\"selectValue\" (ngModelChange)=\"itemChange($event)\">\n      <ng-container *ngFor=\"let item of twoData\">\n        <label nz-radio-button [nzValue]=\"item.id\">{{item.name}}</label>\n      </ng-container>\n    </nz-radio-group>\n  </div>\n  <span\n    class=\"plan-right\"\n    [ngClass]=\"{ 'plan-disabled': rightObj.disabled }\"\n    (click)=\"btnRightClick()\"\n    nz-dropdown\n    [nzDropdownMenu]=\"rightMenu\"\n    [nzDisabled]=\"rightObj.data.length<1\"\n  >\n    <i nz-icon nzType=\"right\" nzTheme=\"outline\"></i>\n  </span>\n\n  <nz-dropdown-menu #rightMenu=\"nzDropdownMenu\">\n    <ul nz-menu>\n      <li nz-menu-item *ngFor=\"let item of rightObj.data\" (click)=\"itemMenuChange(item)\">{{item.name}}</li>\n    </ul>\n  </nz-dropdown-menu>\n</ng-container>\n", styles: [":host ::ng-deep{display:flex;flex-direction:row;align-items:center;min-height:32px;margin:0}:host ::ng-deep .plan-left:hover,:host ::ng-deep .plan-right:hover{color:#1177fb}:host ::ng-deep .plan-left{display:inline-block;height:100%;height:32px;margin:0;padding:0 15px;color:#000000d9;font-size:14px;line-height:30px;background:#fff;border:1px solid #d9d9d9;border-top-width:1.02px;border-right-width:0;cursor:pointer}:host ::ng-deep .plan-right{display:inline-block;height:100%;height:32px;margin:0;padding:0 15px;color:#000000d9;font-size:14px;line-height:30px;background:#fff;border:1px solid #d9d9d9;border-top-width:1.02px;border-left-width:0;cursor:pointer}:host ::ng-deep .plan-item{display:flex;flex-direction:row;margin:0;padding:0;list-style:none}:host ::ng-deep .plan-disabled{color:#bbbfc4}:host ::ng-deep .plan-disabled:hover{color:#bbbfc4}\n"] }]
+        }], ctorParameters: () => [{ type: i1.Router }, { type: i1.ActivatedRoute }], propDecorators: { data: [{
+                type: Input
+            }], selectedChange: [{
+                type: Output
+            }], selectedInfoChange: [{
+                type: Output
+            }] } });
+
+const components = [GramDeonPlanComponent];
+class GramDeonPlanModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: GramDeonPlanModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.15", ngImport: i0, type: GramDeonPlanModule, imports: [GramDeonPlanComponent], exports: [GramDeonPlanComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: GramDeonPlanModule, imports: [components] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: GramDeonPlanModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [...components],
+                    exports: [...components],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { GramDeonPlanComponent, GramDeonPlanModule };
+//# sourceMappingURL=components.plan-item.mjs.map

package/fesm2022/components.plan-item.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"components.plan-item.mjs","sources":["../../../../packages/abc/plan-item/src/default/index.ts","../../../../packages/abc/plan-item/src/default/index.html","../../../../packages/abc/plan-item/src/index.module.ts","../../../../packages/abc/plan-item/components.plan-item.ts"],"sourcesContent":["import { Component, Output, EventEmitter, OnInit, AfterViewInit, Input } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { FormsModule } from '@angular/forms';\nimport { Router, ActivatedRoute } from '@angular/router';\nimport { NzRadioModule } from 'ng-zorro-antd/radio';\nimport { NzDropDownModule } from 'ng-zorro-antd/dropdown';\n\n@Component({\n  selector: 'gram-plan',\n  templateUrl: './index.html',\n  styleUrls: ['./index.less'],\n  imports: [\n    CommonModule,\n    FormsModule,\n    NzRadioModule,\n    NzDropDownModule\n  ]\n})\nexport class GramDeonPlanComponent implements OnInit, AfterViewInit {\n  _data: any[] = [];\n  @Input()\n  set data(value: any[]) {\n    this._data = value;\n    this.pageLoad();\n  }\n\n  get data() {\n    return this._data;\n  }\n\n  leftObj: any = {\n    disabled: true,\n    data: [],\n  };\n\n  rightObj: any = {\n    disabled: true,\n    data: [],\n  };\n\n  selectIndex: number = 0;\n  selectValue: any = null;\n\n  twoData: any[] = [];\n  leftData: any[] = [];\n\n  @Output() selectedChange: EventEmitter<any> = new EventEmitter();\n  @Output() selectedInfoChange: EventEmitter<any> = new EventEmitter();\n\n  ngOnInit(): void { }\n\n  ngAfterViewInit() { }\n\n  constructor(private router: Router, private activatedRoute: ActivatedRoute) { }\n\n  pageLoad() {\n    this.selectIndex = 0;\n    this.selectValue = null;\n    this.leftObj.disabled = true;\n    this.leftObj.data = [];\n    this.leftData = [];\n    this.rightObj.disabled = true;\n    this.rightObj.data = [];\n    this.twoData = [];\n    if (this.data!! && this.data.length > 0) {\n      this.data.forEach((item: any, index: number) => {\n        if (index < 2) {\n          this.twoData.push(item);\n        } else {\n          this.rightObj.data.push(item);\n          this.rightObj.disabled = false;\n        }\n      });\n      this.selectValue = this.data[0]['id'];\n      this.selectedIndexChange('default');\n    }\n  }\n\n  /**\n   * 选项点击事件\n   * @param e\n   */\n  itemChange(e: any) {\n    this.getSelectedIndex();\n    this.selectedChange.emit(this.selectValue);\n    let filterData: any[] = this.data.filter((item: any) => {\n      return item.id == e;\n    });\n    if (filterData != null && filterData.length > 0) {\n      this.selectedInfoChange.emit(filterData[0]);\n    }\n  }\n\n  /**\n   * 左右选项点击事件\n   * @param e\n   * @param type\n   */\n  itemMenuChange(e: any) {\n    this.selectValue = e.id;\n    this.getSelectedIndex();\n    this.twoData = [];\n    this.leftObj.data = [];\n    this.leftObj.disabled = true;\n    this.rightObj.data = [];\n    this.rightObj.disabled = true;\n\n    if (this.selectIndex == 0) {\n      this.twoData.push(this.data[this.selectIndex]);\n      this.twoData.push(this.data[this.selectIndex + 1]);\n    } else if (this.selectIndex == this.data.length - 1) {\n      this.twoData.push(this.data[this.selectIndex - 1]);\n      this.twoData.push(this.data[this.selectIndex]);\n    } else {\n      this.twoData.push(this.data[this.selectIndex]);\n      this.twoData.push(this.data[this.selectIndex + 1]);\n    }\n    //处理左边\n    this.data.forEach((item: any, i: number) => {\n      if (\n        this.twoData.some((res: any) => {\n          return res.id == item.id;\n        }) == false\n      ) {\n        if (i < this.selectIndex) {\n          this.leftObj.data.push(item);\n        }\n        if (i > this.selectIndex) {\n          this.rightObj.data.push(item);\n        }\n      }\n    });\n\n    if (this.leftObj.data.length > 0) {\n      this.leftObj.disabled = false;\n    }\n    if (this.rightObj.data.length > 0) {\n      this.rightObj.disabled = false;\n    }\n\n    this.selectedChange.emit(this.selectValue);\n    this.selectedInfoChange.emit(e);\n  }\n  /**\n   * 左边点击事件\n   */\n  btnLeftClick() {\n    this.selectedIndexChange('left');\n  }\n\n  /**\n   * 右边点击事件\n   */\n  btnRightClick() {\n    this.selectedIndexChange('right');\n  }\n\n  private selectedIndexChange(type: string) {\n    if (type == 'left') {\n      if (this.selectIndex == 0) {\n        return;\n      }\n      this.twoData = [];\n      this.selectIndex = this.selectIndex - 1;\n      if (this.selectIndex == 0) {\n        this.twoData.push(this.data[this.selectIndex]);\n        this.twoData.push(this.data[this.selectIndex + 1]);\n      } else {\n        this.twoData.push(this.data[this.selectIndex - 1]);\n        this.twoData.push(this.data[this.selectIndex]);\n      }\n      this.selectValue = this.data[this.selectIndex]['id'];\n    } else if (type == 'right') {\n      if (this.selectIndex == this.data.length - 1) {\n        return;\n      }\n      this.twoData = [];\n      this.selectIndex = this.selectIndex + 1;\n      this.twoData.push(this.data[this.selectIndex - 1]);\n      this.twoData.push(this.data[this.selectIndex]);\n      this.selectValue = this.data[this.selectIndex]['id'];\n    }\n    this.leftObj.data = [];\n    this.rightObj.data = [];\n\n    //处理左边\n    switch (this.selectIndex) {\n      case 0:\n        this.leftObj.disabled = true;\n        break;\n      case 1:\n        this.leftObj.disabled = false;\n        break;\n      default:\n        this.leftObj.disabled = false;\n        this.data.forEach((item: any, i: number) => {\n          if (i < this.selectIndex - 1) {\n            this.leftObj.data.push(item);\n          }\n        });\n        break;\n    }\n    //处理右边\n    switch (this.selectIndex) {\n      case this.data.length - 1:\n        this.rightObj.disabled = true;\n        break;\n      default:\n        this.rightObj.disabled = false;\n        this.data.forEach((item: any, i: number) => {\n          if (i > this.selectIndex) {\n            if (\n              this.twoData.some((res: any) => {\n                return res.id == item.id;\n              }) == false\n            )\n              this.rightObj.data.push(item);\n          }\n        });\n        break;\n    }\n\n    this.selectedChange.emit(this.selectValue);\n  }\n\n  private getSelectedIndex() {\n    this.selectIndex = this.data.findIndex((item: any) => {\n      return item.id == this.selectValue;\n    });\n  }\n}\n","<ng-container *ngIf=\"twoData!! && twoData.length>0\">\n  <span\n    class=\"plan-left\"\n    [ngClass]=\"{ 'plan-disabled': leftObj.disabled }\"\n    (click)=\"btnLeftClick()\"\n    nz-dropdown\n    [nzDropdownMenu]=\"leftMenu\"\n    [nzDisabled]=\"leftObj.data.length<1\"\n  >\n    <i nz-icon nzType=\"left\" nzTheme=\"outline\"></i>\n  </span>\n\n  <nz-dropdown-menu #leftMenu=\"nzDropdownMenu\">\n    <ul nz-menu>\n      <li nz-menu-item *ngFor=\"let item of leftObj.data\" (click)=\"itemMenuChange(item)\">{{item.name}}</li>\n    </ul>\n  </nz-dropdown-menu>\n  <div class=\"plan-item\">\n    <nz-radio-group [(ngModel)]=\"selectValue\" (ngModelChange)=\"itemChange($event)\">\n      <ng-container *ngFor=\"let item of twoData\">\n        <label nz-radio-button [nzValue]=\"item.id\">{{item.name}}</label>\n      </ng-container>\n    </nz-radio-group>\n  </div>\n  <span\n    class=\"plan-right\"\n    [ngClass]=\"{ 'plan-disabled': rightObj.disabled }\"\n    (click)=\"btnRightClick()\"\n    nz-dropdown\n    [nzDropdownMenu]=\"rightMenu\"\n    [nzDisabled]=\"rightObj.data.length<1\"\n  >\n    <i nz-icon nzType=\"right\" nzTheme=\"outline\"></i>\n  </span>\n\n  <nz-dropdown-menu #rightMenu=\"nzDropdownMenu\">\n    <ul nz-menu>\n      <li nz-menu-item *ngFor=\"let item of rightObj.data\" (click)=\"itemMenuChange(item)\">{{item.name}}</li>\n    </ul>\n  </nz-dropdown-menu>\n</ng-container>\n","import { NgModule } from '@angular/core';\nimport { GramDeonPlanComponent } from './default/index';\n\nconst components: any[] = [GramDeonPlanComponent];\n\n@NgModule({\n  imports: [...components],\n  exports: [...components],\n})\nexport class GramDeonPlanModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/components.principal.mjs

@@ -0,0 +1,59 @@
+import * as i0 from '@angular/core';
+import { EventEmitter, Output, Input, ChangeDetectionStrategy, Component, NgModule } from '@angular/core';
+import * as i2 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i3 from '@ebuilding/abc/card-user';
+import { GramDeonCardUserModule } from '@ebuilding/abc/card-user';
+import { GramPipeModule } from '@ebuilding/base/shared.pipe';
+import * as i1 from '@angular/router';
+
+class GramDeonPrincipalComponent {
+    router;
+    activatedRoute;
+    data = {};
+    buttonClick = new EventEmitter();
+    ngOnInit() { }
+    ngAfterViewInit() { }
+    btnClickEvent(type) {
+        this.buttonClick.emit(type);
+    }
+    constructor(router, activatedRoute) {
+        this.router = router;
+        this.activatedRoute = activatedRoute;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: GramDeonPrincipalComponent, deps: [{ token: i1.Router }, { token: i1.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: GramDeonPrincipalComponent, isStandalone: true, selector: "gram-principal", inputs: { data: "data" }, outputs: { buttonClick: "buttonClick" }, ngImport: i0, template: "<div class=\"header\">\n  <ul>\n    <li>\u8C03\u6574\u65E5\u671F\uFF1A{{data?.createDate | date:'yyyy-MM-dd'}}<label>|</label></li>\n    <li>\u64CD\u4F5C\u4EBA\uFF1A{{data?.createEmpInfo?.name}}<label></label></li>\n  </ul>\n</div>\n<div class=\"content\">\n  <ul class=\"justemp\">\n    <li>\u8C03\u6574\u524D\u76EE\u6807\u8D1F\u8D23\u4EBA\uFF1A</li>\n    <li><gram-user-card [data]=\"data?.beforeEmpInfo\"></gram-user-card></li>\n\n    <li>\u8C03\u6574\u540E\u76EE\u6807\u8D1F\u8D23\u4EBA\uFF1A</li>\n    <li>\n      <gram-user-card [data]=\"data?.afterEmpInfo\"></gram-user-card>\n    </li>\n  </ul>\n  <ul>\n    <li>\u8C03\u6574\u539F\u56E0\uFF1A{{data?.description}}</li>\n  </ul>\n</div>\n", styles: [":host ::ng-deep ul li{float:left;padding:0 8px 0 0}:host ::ng-deep .header{display:flex;padding:0 0 12px}:host ::ng-deep .header label{display:inline-block;padding:0 0 0 8px;color:#e8e8e8}:host ::ng-deep .header .left{flex:1}:host ::ng-deep .header .right{flex:1}:host ::ng-deep .header .right ul{float:right}:host ::ng-deep .content{padding:12px 8px;border:1px solid #e8e8e8;border-radius:4px}:host ::ng-deep .content ul{display:flex;width:100%}:host ::ng-deep .content ul~ul{padding:8px 0 0}:host ::ng-deep .content .justemp{display:flex;align-items:center;justify-items:center}:host ::ng-deep .content .justemp li{padding:0}:host ::ng-deep .content .justemp li:nth-child(2),:host ::ng-deep .content .justemp li:nth-child(5){padding:0 3px 0 0}:host ::ng-deep .content .justemp li:nth-child(3){padding:0 0 0 40px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i2.DatePipe, name: "date" }, { kind: "ngmodule", type: GramDeonCardUserModule }, { kind: "component", type: i3.GramDeonCardUserComponent, selector: "gram-user-card", inputs: ["data", "type"] }, { kind: "ngmodule", type: GramPipeModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: GramDeonPrincipalComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'gram-principal', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
+                        CommonModule,
+                        GramDeonCardUserModule,
+                        GramPipeModule
+                    ], template: "<div class=\"header\">\n  <ul>\n    <li>\u8C03\u6574\u65E5\u671F\uFF1A{{data?.createDate | date:'yyyy-MM-dd'}}<label>|</label></li>\n    <li>\u64CD\u4F5C\u4EBA\uFF1A{{data?.createEmpInfo?.name}}<label></label></li>\n  </ul>\n</div>\n<div class=\"content\">\n  <ul class=\"justemp\">\n    <li>\u8C03\u6574\u524D\u76EE\u6807\u8D1F\u8D23\u4EBA\uFF1A</li>\n    <li><gram-user-card [data]=\"data?.beforeEmpInfo\"></gram-user-card></li>\n\n    <li>\u8C03\u6574\u540E\u76EE\u6807\u8D1F\u8D23\u4EBA\uFF1A</li>\n    <li>\n      <gram-user-card [data]=\"data?.afterEmpInfo\"></gram-user-card>\n    </li>\n  </ul>\n  <ul>\n    <li>\u8C03\u6574\u539F\u56E0\uFF1A{{data?.description}}</li>\n  </ul>\n</div>\n", styles: [":host ::ng-deep ul li{float:left;padding:0 8px 0 0}:host ::ng-deep .header{display:flex;padding:0 0 12px}:host ::ng-deep .header label{display:inline-block;padding:0 0 0 8px;color:#e8e8e8}:host ::ng-deep .header .left{flex:1}:host ::ng-deep .header .right{flex:1}:host ::ng-deep .header .right ul{float:right}:host ::ng-deep .content{padding:12px 8px;border:1px solid #e8e8e8;border-radius:4px}:host ::ng-deep .content ul{display:flex;width:100%}:host ::ng-deep .content ul~ul{padding:8px 0 0}:host ::ng-deep .content .justemp{display:flex;align-items:center;justify-items:center}:host ::ng-deep .content .justemp li{padding:0}:host ::ng-deep .content .justemp li:nth-child(2),:host ::ng-deep .content .justemp li:nth-child(5){padding:0 3px 0 0}:host ::ng-deep .content .justemp li:nth-child(3){padding:0 0 0 40px}\n"] }]
+        }], ctorParameters: () => [{ type: i1.Router }, { type: i1.ActivatedRoute }], propDecorators: { data: [{
+                type: Input
+            }], buttonClick: [{
+                type: Output
+            }] } });
+
+const components = [GramDeonPrincipalComponent];
+class GramDeonPrincipalModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: GramDeonPrincipalModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.15", ngImport: i0, type: GramDeonPrincipalModule, imports: [GramDeonPrincipalComponent], exports: [GramDeonPrincipalComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: GramDeonPrincipalModule, imports: [components] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: GramDeonPrincipalModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [...components],
+                    exports: [...components],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { GramDeonPrincipalComponent, GramDeonPrincipalModule };
+//# sourceMappingURL=components.principal.mjs.map

package/fesm2022/components.principal.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"components.principal.mjs","sources":["../../../../packages/abc/principal/src/default/index.ts","../../../../packages/abc/principal/src/default/index.html","../../../../packages/abc/principal/src/index.module.ts","../../../../packages/abc/principal/components.principal.ts"],"sourcesContent":["import { Component, Output, EventEmitter, OnInit, AfterViewInit, ChangeDetectionStrategy, Input } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { Router, ActivatedRoute } from '@angular/router';\nimport { GramDeonCardUserModule } from \"@ebuilding/abc/card-user\";\nimport { GramPipeModule } from \"@ebuilding/base/shared.pipe\";\n@Component({\n  selector: 'gram-principal',\n  templateUrl: './index.html',\n  styleUrls: ['./index.less'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [\n    CommonModule,\n    GramDeonCardUserModule,\n    GramPipeModule\n  ]\n})\nexport class GramDeonPrincipalComponent implements OnInit, AfterViewInit {\n  @Input() data: any = {};\n  @Output() buttonClick: EventEmitter<any> = new EventEmitter();\n\n  ngOnInit(): void { }\n\n  ngAfterViewInit() { }\n\n  btnClickEvent(type: string) {\n    this.buttonClick.emit(type);\n  }\n\n  constructor(private router: Router, private activatedRoute: ActivatedRoute) { }\n}\n","<div class=\"header\">\n  <ul>\n    <li>调整日期：{{data?.createDate | date:'yyyy-MM-dd'}}<label>|</label></li>\n    <li>操作人：{{data?.createEmpInfo?.name}}<label></label></li>\n  </ul>\n</div>\n<div class=\"content\">\n  <ul class=\"justemp\">\n    <li>调整前目标负责人：</li>\n    <li><gram-user-card [data]=\"data?.beforeEmpInfo\"></gram-user-card></li>\n\n    <li>调整后目标负责人：</li>\n    <li>\n      <gram-user-card [data]=\"data?.afterEmpInfo\"></gram-user-card>\n    </li>\n  </ul>\n  <ul>\n    <li>调整原因：{{data?.description}}</li>\n  </ul>\n</div>\n","import { NgModule } from '@angular/core';\n\nimport { GramDeonPrincipalComponent } from './default/index';\n\nconst components: any[] = [GramDeonPrincipalComponent];\n\n@NgModule({\n  imports: [...components],\n  exports: [...components],\n})\nexport class GramDeonPrincipalModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;MAgBa,0BAA0B,CAAA;AAYjB,IAAA,MAAA;AAAwB,IAAA,cAAA;IAXnC,IAAI,GAAQ,EAAE;AACb,IAAA,WAAW,GAAsB,IAAI,YAAY,EAAE;AAE7D,IAAA,QAAQ;AAER,IAAA,eAAe;AAEf,IAAA,aAAa,CAAC,IAAY,EAAA;AACxB,QAAA,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC;;IAG7B,WAAoB,CAAA,MAAc,EAAU,cAA8B,EAAA;QAAtD,IAAM,CAAA,MAAA,GAAN,MAAM;QAAkB,IAAc,CAAA,cAAA,GAAd,cAAc;;wGAZ/C,0BAA0B,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,MAAA,EAAA,EAAA,EAAA,KAAA,EAAA,EAAA,CAAA,cAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAA1B,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,0BAA0B,6IChBvC,yrBAoBA,EAAA,MAAA,EAAA,CAAA,kzBAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDTI,YAAY,EACZ,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAA,EAAA,CAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,sBAAsB,+IACtB,cAAc,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;4FAGL,0BAA0B,EAAA,UAAA,EAAA,CAAA;kBAXtC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,gBAAgB,EAGT,eAAA,EAAA,uBAAuB,CAAC,MAAM,EACtC,OAAA,EAAA;wBACP,YAAY;wBACZ,sBAAsB;wBACtB;AACD,qBAAA,EAAA,QAAA,EAAA,yrBAAA,EAAA,MAAA,EAAA,CAAA,kzBAAA,CAAA,EAAA;wGAGQ,IAAI,EAAA,CAAA;sBAAZ;gBACS,WAAW,EAAA,CAAA;sBAApB;;;AEdH,MAAM,UAAU,GAAU,CAAC,0BAA0B,CAAC;MAMzC,uBAAuB,CAAA;wGAAvB,uBAAuB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA;yGAAvB,uBAAuB,EAAA,OAAA,EAAA,CANT,0BAA0B,CAAA,EAAA,OAAA,EAAA,CAA1B,0BAA0B,CAAA,EAAA,CAAA;AAMxC,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,uBAAuB,YAHrB,UAAU,CAAA,EAAA,CAAA;;4FAGZ,uBAAuB,EAAA,UAAA,EAAA,CAAA;kBAJnC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,OAAO,EAAE,CAAC,GAAG,UAAU,CAAC;AACxB,oBAAA,OAAO,EAAE,CAAC,GAAG,UAAU,CAAC;AACzB,iBAAA;;;ACTD;;AAEG;;;;"}

package/fesm2022/components.python.mjs

@@ -0,0 +1,140 @@
+import * as i0 from '@angular/core';
+import { Component, NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+
+// import { Component, ElementRef, Input, Output, ViewChild, EventEmitter, forwardRef, AfterViewInit } from '@angular/core';
+// import { NG_VALUE_ACCESSOR } from '@angular/forms';
+// @Component({
+//   selector: 'deon-python',
+//   templateUrl: './index.html',
+//   styleUrls: ['./index.less'],
+//   providers: [
+//     {
+//       provide: NG_VALUE_ACCESSOR,
+//       useExisting: forwardRef(() => GramPythonComponent),
+//       multi: true,
+//     },
+//   ],
+// })
+// export class GramPythonComponent implements AfterViewInit {
+//   @Input() title: any = null;
+//   @Input() config: any;
+//   // tslint:disable-next-line:no-output-native
+//   @Output() change: EventEmitter<any> = new EventEmitter<any>();
+//   // tslint:disable-next-line:no-output-native
+//   @Output() focus: EventEmitter<any> = new EventEmitter<any>();
+//   // tslint:disable-next-line:no-output-native
+//   @Output() blur: EventEmitter<any> = new EventEmitter<any>();
+//   @Output() cursorActivity: EventEmitter<any> = new EventEmitter<any>();
+//   @ViewChild('host') host: ElementRef | undefined;
+//   private instance: any;
+//   private val = '';
+//   get value(): string {
+//     return this.val;
+//   }
+//   @Input() set value(v) {
+//     if (v !== this.val) {
+//       this.val = v;
+//       this.onChange(v);
+//     }
+//   }
+//   /**
+//    * On component view init
+//    */
+//   ngAfterViewInit(): void {
+//     this.config = this.config || {};
+//     this.codemirrorInit(this.config);
+//   }
+//   /**
+//    * Initialize codemirror
+//    */
+//   codemirrorInit(config: any): void {
+//     if (!this.host) {
+//       throw new Error('Internal library error - host must be defined');
+//     }
+//     if (typeof window !== 'undefined') {
+//       import('codemirror')
+//         // tslint:disable-next-line:no-any
+//         .then((loaded: any) => {
+//           // in this case, the .default is required for Typescript Dynamic Imports
+//           const codemirror = loaded.default;
+//           this.instance = codemirror.fromTextArea(this.host?.nativeElement, config);
+//           this.instance.setValue(this.val);
+//           this.instance.on('change', () => {
+//             this.updateValue(this.instance.getValue());
+//           });
+//           this.instance.on('focus', (instance: any, event: any) => {
+//             this.focus.emit({ instance, event });
+//           });
+//           this.instance.on('cursorActivity', (instance: any) => {
+//             this.cursorActivity.emit({ instance });
+//           });
+//           this.instance.on('blur', (instance: any, event: any) => {
+//             this.blur.emit({ instance, event });
+//           });
+//         })
+//         .catch((err) => {});
+//     }
+//   }
+//   /**
+//    * Value update process
+//    */
+//   updateValue(value: any): void {
+//     this.value = value;
+//     this.onTouched();
+//     this.change.emit(value);
+//   }
+//   /**
+//    * Implements ControlValueAccessor
+//    */
+//   writeValue(value: any): void {
+//     this.val = value || '';
+//     if (this.instance) {
+//       this.instance.setValue(this.val);
+//     }
+//   }
+//   onChange(_: any): void {}
+//   onTouched(): void {}
+//   registerOnChange(fn: any): void {
+//     this.onChange = fn;
+//   }
+//   registerOnTouched(fn: any): void {
+//     this.onTouched = fn;
+//   }
+// }
+class GramPythonComponent {
+    constructor() { }
+    ngOnInit() { }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: GramPythonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: GramPythonComponent, isStandalone: true, selector: "deon-python", ngImport: i0, template: "<!-- <div class=\"formula-head\">\n  <div class=\"formula-title\">\n    <span class=\"formula-name\">{{ title }}</span><span class=\"formula-equal\">=</span>\n  </div>\n  <div class=\"formula-body\">\n    <textarea #host></textarea>\n  </div>\n</div> -->", styles: [":host ::ng-deep{display:flex;flex:1;flex-direction:column;width:100%;overflow:auto}:host ::ng-deep .CodeMirror{flex:1;height:100%;min-height:400px}:host ::ng-deep input::placeholder{font-size:12px!important}:host ::ng-deep .ant-input{font-size:12px!important;border:0!important}:host ::ng-deep .ant-input:focus{box-shadow:none!important}:host ::ng-deep .formula-head{display:flex;flex:1;flex-direction:column;width:100%;overflow:hidden;font-size:12px;border:1px solid #eaeaea;border-radius:4px}:host ::ng-deep .formula-head .formula-title{display:inline-block;width:100%;padding:8px 12px;background:#f3f8fb}:host ::ng-deep .formula-head .formula-body{flex:1;padding:12px 12px 0}:host ::ng-deep .formula-head .formula-body .button-body{display:inline-block;width:100%;padding:0 0 10px;text-align:right}:host ::ng-deep .formula-head .formula-body .button-body button{font-size:12px!important}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: GramPythonComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'deon-python', imports: [
+                        CommonModule
+                    ], template: "<!-- <div class=\"formula-head\">\n  <div class=\"formula-title\">\n    <span class=\"formula-name\">{{ title }}</span><span class=\"formula-equal\">=</span>\n  </div>\n  <div class=\"formula-body\">\n    <textarea #host></textarea>\n  </div>\n</div> -->", styles: [":host ::ng-deep{display:flex;flex:1;flex-direction:column;width:100%;overflow:auto}:host ::ng-deep .CodeMirror{flex:1;height:100%;min-height:400px}:host ::ng-deep input::placeholder{font-size:12px!important}:host ::ng-deep .ant-input{font-size:12px!important;border:0!important}:host ::ng-deep .ant-input:focus{box-shadow:none!important}:host ::ng-deep .formula-head{display:flex;flex:1;flex-direction:column;width:100%;overflow:hidden;font-size:12px;border:1px solid #eaeaea;border-radius:4px}:host ::ng-deep .formula-head .formula-title{display:inline-block;width:100%;padding:8px 12px;background:#f3f8fb}:host ::ng-deep .formula-head .formula-body{flex:1;padding:12px 12px 0}:host ::ng-deep .formula-head .formula-body .button-body{display:inline-block;width:100%;padding:0 0 10px;text-align:right}:host ::ng-deep .formula-head .formula-body .button-body button{font-size:12px!important}\n"] }]
+        }], ctorParameters: () => [] });
+
+const components = [GramPythonComponent];
+class GramPythonModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: GramPythonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.15", ngImport: i0, type: GramPythonModule, imports: [CommonModule, GramPythonComponent], exports: [GramPythonComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: GramPythonModule, imports: [CommonModule, components] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: GramPythonModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    exports: [...components],
+                    imports: [
+                        CommonModule,
+                        ...components
+                    ],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { GramPythonComponent, GramPythonModule };
+//# sourceMappingURL=components.python.mjs.map

package/fesm2022/components.python.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"components.python.mjs","sources":["../../../../packages/abc/python/src/default/index.ts","../../../../packages/abc/python/src/default/index.html","../../../../packages/abc/python/src/index.module.ts","../../../../packages/abc/python/components.python.ts"],"sourcesContent":["// import { Component, ElementRef, Input, Output, ViewChild, EventEmitter, forwardRef, AfterViewInit } from '@angular/core';\n// import { NG_VALUE_ACCESSOR } from '@angular/forms';\n\n// @Component({\n//   selector: 'deon-python',\n//   templateUrl: './index.html',\n//   styleUrls: ['./index.less'],\n//   providers: [\n//     {\n//       provide: NG_VALUE_ACCESSOR,\n//       useExisting: forwardRef(() => GramPythonComponent),\n//       multi: true,\n//     },\n//   ],\n// })\n// export class GramPythonComponent implements AfterViewInit {\n//   @Input() title: any = null;\n\n//   @Input() config: any;\n\n//   // tslint:disable-next-line:no-output-native\n//   @Output() change: EventEmitter<any> = new EventEmitter<any>();\n//   // tslint:disable-next-line:no-output-native\n//   @Output() focus: EventEmitter<any> = new EventEmitter<any>();\n//   // tslint:disable-next-line:no-output-native\n//   @Output() blur: EventEmitter<any> = new EventEmitter<any>();\n\n//   @Output() cursorActivity: EventEmitter<any> = new EventEmitter<any>();\n\n//   @ViewChild('host') host: ElementRef | undefined;\n\n//   private instance: any;\n//   private val = '';\n\n//   get value(): string {\n//     return this.val;\n//   }\n\n//   @Input() set value(v) {\n//     if (v !== this.val) {\n//       this.val = v;\n//       this.onChange(v);\n//     }\n//   }\n\n//   /**\n//    * On component view init\n//    */\n//   ngAfterViewInit(): void {\n//     this.config = this.config || {};\n//     this.codemirrorInit(this.config);\n//   }\n\n//   /**\n//    * Initialize codemirror\n//    */\n//   codemirrorInit(config: any): void {\n//     if (!this.host) {\n//       throw new Error('Internal library error - host must be defined');\n//     }\n\n//     if (typeof window !== 'undefined') {\n//       import('codemirror')\n//         // tslint:disable-next-line:no-any\n//         .then((loaded: any) => {\n//           // in this case, the .default is required for Typescript Dynamic Imports\n//           const codemirror = loaded.default;\n\n//           this.instance = codemirror.fromTextArea(this.host?.nativeElement, config);\n//           this.instance.setValue(this.val);\n\n//           this.instance.on('change', () => {\n//             this.updateValue(this.instance.getValue());\n//           });\n\n//           this.instance.on('focus', (instance: any, event: any) => {\n//             this.focus.emit({ instance, event });\n//           });\n\n//           this.instance.on('cursorActivity', (instance: any) => {\n//             this.cursorActivity.emit({ instance });\n//           });\n\n//           this.instance.on('blur', (instance: any, event: any) => {\n//             this.blur.emit({ instance, event });\n//           });\n//         })\n//         .catch((err) => {});\n//     }\n//   }\n\n//   /**\n//    * Value update process\n//    */\n//   updateValue(value: any): void {\n//     this.value = value;\n//     this.onTouched();\n//     this.change.emit(value);\n//   }\n\n//   /**\n//    * Implements ControlValueAccessor\n//    */\n//   writeValue(value: any): void {\n//     this.val = value || '';\n//     if (this.instance) {\n//       this.instance.setValue(this.val);\n//     }\n//   }\n\n//   onChange(_: any): void {}\n\n//   onTouched(): void {}\n\n//   registerOnChange(fn: any): void {\n//     this.onChange = fn;\n//   }\n\n//   registerOnTouched(fn: any): void {\n//     this.onTouched = fn;\n//   }\n// }\n\nimport { Component, OnInit, Input } from '@angular/core';\nimport { CommonModule } from \"@angular/common\";\n\n@Component({\n  selector: 'deon-python',\n  templateUrl: './index.html',\n  styleUrls: ['./index.less'],\n  imports: [\n    CommonModule\n  ]\n})\nexport class GramPythonComponent implements OnInit {\n\n  constructor() { }\n  ngOnInit() { }\n}\n","<!-- <div class=\"formula-head\">\n  <div class=\"formula-title\">\n    <span class=\"formula-name\">{{ title }}</span><span class=\"formula-equal\">=</span>\n  </div>\n  <div class=\"formula-body\">\n    <textarea #host></textarea>\n  </div>\n</div> -->","\nimport {\n  NgModule, \n} from \"@angular/core\";\nimport { CommonModule } from \"@angular/common\"; \nimport { GramPythonComponent } from './default/index';\n \n\nconst components: any[] = [GramPythonComponent];\n\n@NgModule({\n  exports: [...components],\n  imports: [\n    CommonModule, \n    ...components\n  ], \n})\nexport class GramPythonModule {\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;AAAA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;AAEA;AAEA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAEA;AAEA;AACA;AACA;AAEA;AACA;AACA;AACA;MAaa,mBAAmB,CAAA;AAE9B,IAAA,WAAA,GAAA;AACA,IAAA,QAAQ;wGAHG,mBAAmB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;4FAAnB,mBAAmB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,aAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECtIhC,gQAOU,EAAA,MAAA,EAAA,CAAA,83BAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,ED4HN,YAAY,EAAA,CAAA,EAAA,CAAA;;4FAGH,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAR/B,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,aAAa,EAGd,OAAA,EAAA;wBACP;AACD,qBAAA,EAAA,QAAA,EAAA,gQAAA,EAAA,MAAA,EAAA,CAAA,83BAAA,CAAA,EAAA;;;AE5HH,MAAM,UAAU,GAAU,CAAC,mBAAmB,CAAC;MASlC,gBAAgB,CAAA;wGAAhB,gBAAgB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA;AAAhB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,gBAAgB,EAJzB,OAAA,EAAA,CAAA,YAAY,EALW,mBAAmB,aAAnB,mBAAmB,CAAA,EAAA,CAAA;yGASjC,gBAAgB,EAAA,OAAA,EAAA,CAJzB,YAAY,EACT,UAAU,CAAA,EAAA,CAAA;;4FAGJ,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAP5B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,OAAO,EAAE,CAAC,GAAG,UAAU,CAAC;AACxB,oBAAA,OAAO,EAAE;wBACP,YAAY;AACZ,wBAAA,GAAG;AACJ,qBAAA;AACF,iBAAA;;;AChBD;;AAEG;;;;"}