ngx-axis-appforge 0.0.70 → 0.0.71

package/axis-components/echarts/design/index.d.ts

@@ -0,0 +1,5 @@
+import { DesignConfig } from 'ngx-axis-appforge/core';
+
+declare const Config: DesignConfig;
+
+export { Config };

package/axis-components/echarts/index.d.ts

@@ -0,0 +1,22 @@
+import * as _angular_core from '@angular/core';
+import { EChartsOption } from 'echarts';
+import { BaseOptions, Base } from 'ngx-axis-appforge/core';
+
+declare class EchartsOptions extends BaseOptions {
+    readonly initOpts: _angular_core.WritableSignal<any>;
+    readonly loadingOpts: _angular_core.WritableSignal<any>;
+    readonly echatsOpts: _angular_core.WritableSignal<EChartsOption>;
+    readonly autoResize: _angular_core.WritableSignal<boolean>;
+}
+
+declare class Echarts extends Base<EchartsOptions> {
+    constructor();
+    options: EchartsOptions;
+    readonly loading: _angular_core.WritableSignal<boolean>;
+    readonly chartsOptions: _angular_core.WritableSignal<EChartsOption>;
+    readonly mergeOptions: _angular_core.WritableSignal<EChartsOption>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<Echarts, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<Echarts, "axis-echarts", never, {}, {}, never, never, true, never>;
+}
+
+export { Echarts };

package/fesm2022/ngx-axis-appforge-axis-components-cytoscape.mjs

@@ -36,11 +36,11 @@ class Cytoscape extends Base {
         this.cy?.destroy();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: Cytoscape, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.4", type: Cytoscape, isStandalone: true, selector: "axis-cytoscape", viewQueries: [{ propertyName: "container", first: true, predicate: ["container"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<div #container style=\"width: 100%;height: 100%;\"></div>", styles: [":host{display:block;height:100%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.4", type: Cytoscape, isStandalone: true, selector: "axis-cytoscape", viewQueries: [{ propertyName: "container", first: true, predicate: ["container"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<div #container style=\"width: 100%;height: 100%;\"></div>", styles: [":host{display:block;height:100%;width:100%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: Cytoscape, decorators: [{
             type: Component,
-            args: [{ selector: 'axis-cytoscape', imports: [CommonModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div #container style=\"width: 100%;height: 100%;\"></div>", styles: [":host{display:block;height:100%}\n"] }]
+            args: [{ selector: 'axis-cytoscape', imports: [CommonModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div #container style=\"width: 100%;height: 100%;\"></div>", styles: [":host{display:block;height:100%;width:100%}\n"] }]
         }], ctorParameters: () => [], propDecorators: { container: [{
                 type: ViewChild,
                 args: ["container", { static: true }]

package/fesm2022/ngx-axis-appforge-axis-components-cytoscape.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ngx-axis-appforge-axis-components-cytoscape.mjs","sources":["../../../axis-components/cytoscape/cytoscape.options.ts","../../../axis-components/cytoscape/cytoscape.ts","../../../axis-components/cytoscape/cytoscape.html","../../../axis-components/cytoscape/ngx-axis-appforge-axis-components-cytoscape.ts"],"sourcesContent":["import { signal } from \"@angular/core\";\nimport { DataOptions } from \"ngx-axis-appforge/core\";\n\nexport class CytoscapeOptions extends DataOptions {\n}","import { AfterContentInit, ChangeDetectionStrategy, Component, effect, ElementRef, OnDestroy, ViewChild } from '@angular/core';\nimport { CytoscapeOptions } from './cytoscape.options';\nimport { Base } from 'ngx-axis-appforge/core';\nimport { CommonModule } from '@angular/common';\nimport cytoscape from 'cytoscape';\n\n@Component({\n  selector: 'axis-cytoscape',\n  imports: [CommonModule],\n  templateUrl: './cytoscape.html',\n  styleUrl: './cytoscape.css',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class Cytoscape extends Base<CytoscapeOptions> implements AfterContentInit, OnDestroy {\n\n  constructor() {\n    super();\n    effect(() => {\n      if (this.options.data() && this.container) {\n        this.cy?.destroy();\n        this.cy = cytoscape({\n          container: this.container.nativeElement,\n          ...this.options.data()\n        });\n      }\n    })\n  }\n\n  override options: CytoscapeOptions = new CytoscapeOptions();\n\n  @ViewChild(\"container\", { static: true })\n  container!: ElementRef;\n\n  cy?: cytoscape.Core\n\n  ngAfterContentInit(): void {\n    if (this.options.data() && !this.cy) {\n      this.cy = cytoscape({\n        container: this.container.nativeElement,\n        ...this.options.data()\n      });\n    }\n  }\n\n  override ngOnDestroy(): void {\n    super.ngOnDestroy();\n    this.cy?.destroy();\n  }\n}\n","<div #container style=\"width: 100%;height: 100%;\"></div>","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './cytoscape';\n"],"names":[],"mappings":";;;;;;AAGM,MAAO,gBAAiB,SAAQ,WAAW,CAAA;AAChD;;ACSK,MAAO,SAAU,SAAQ,IAAsB,CAAA;AAEnD,IAAA,WAAA,GAAA;AACE,QAAA,KAAK,EAAE;QACP,MAAM,CAAC,MAAK;YACV,IAAI,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE,IAAI,IAAI,CAAC,SAAS,EAAE;AACzC,gBAAA,IAAI,CAAC,EAAE,EAAE,OAAO,EAAE;AAClB,gBAAA,IAAI,CAAC,EAAE,GAAG,SAAS,CAAC;AAClB,oBAAA,SAAS,EAAE,IAAI,CAAC,SAAS,CAAC,aAAa;AACvC,oBAAA,GAAG,IAAI,CAAC,OAAO,CAAC,IAAI;AACrB,iBAAA,CAAC;YACJ;AACF,QAAA,CAAC,CAAC;IACJ;AAES,IAAA,OAAO,GAAqB,IAAI,gBAAgB,EAAE;AAG3D,IAAA,SAAS;AAET,IAAA,EAAE;IAEF,kBAAkB,GAAA;AAChB,QAAA,IAAI,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE,IAAI,CAAC,IAAI,CAAC,EAAE,EAAE;AACnC,YAAA,IAAI,CAAC,EAAE,GAAG,SAAS,CAAC;AAClB,gBAAA,SAAS,EAAE,IAAI,CAAC,SAAS,CAAC,aAAa;AACvC,gBAAA,GAAG,IAAI,CAAC,OAAO,CAAC,IAAI;AACrB,aAAA,CAAC;QACJ;IACF;IAES,WAAW,GAAA;QAClB,KAAK,CAAC,WAAW,EAAE;AACnB,QAAA,IAAI,CAAC,EAAE,EAAE,OAAO,EAAE;IACpB;uGAlCW,SAAS,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAAT,SAAS,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,WAAA,EAAA,CAAA,EAAA,YAAA,EAAA,WAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,CAAA,WAAA,CAAA,EAAA,WAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAA,CAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECbtB,4DAAwD,EAAA,MAAA,EAAA,CAAA,oCAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDQ5C,YAAY,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;2FAKX,SAAS,EAAA,UAAA,EAAA,CAAA;kBAPrB,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,gBAAgB,WACjB,CAAC,YAAY,CAAC,EAAA,eAAA,EAGN,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,4DAAA,EAAA,MAAA,EAAA,CAAA,oCAAA,CAAA,EAAA;wDAoB/C,SAAS,EAAA,CAAA;sBADR,SAAS;AAAC,gBAAA,IAAA,EAAA,CAAA,WAAW,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE;;;AE9B1C;;AAEG;;;;"}
+{"version":3,"file":"ngx-axis-appforge-axis-components-cytoscape.mjs","sources":["../../../axis-components/cytoscape/cytoscape.options.ts","../../../axis-components/cytoscape/cytoscape.ts","../../../axis-components/cytoscape/cytoscape.html","../../../axis-components/cytoscape/ngx-axis-appforge-axis-components-cytoscape.ts"],"sourcesContent":["import { DataOptions } from \"ngx-axis-appforge/core\";\n\nexport class CytoscapeOptions extends DataOptions {\n}","import { AfterContentInit, ChangeDetectionStrategy, Component, effect, ElementRef, OnDestroy, ViewChild } from '@angular/core';\nimport { CytoscapeOptions } from './cytoscape.options';\nimport { Base } from 'ngx-axis-appforge/core';\nimport { CommonModule } from '@angular/common';\nimport cytoscape from 'cytoscape';\n\n@Component({\n  selector: 'axis-cytoscape',\n  imports: [CommonModule],\n  templateUrl: './cytoscape.html',\n  styleUrl: './cytoscape.css',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class Cytoscape extends Base<CytoscapeOptions> implements AfterContentInit, OnDestroy {\n\n  constructor() {\n    super();\n    effect(() => {\n      if (this.options.data() && this.container) {\n        this.cy?.destroy();\n        this.cy = cytoscape({\n          container: this.container.nativeElement,\n          ...this.options.data()\n        });\n      }\n    })\n  }\n\n  override options: CytoscapeOptions = new CytoscapeOptions();\n\n  @ViewChild(\"container\", { static: true })\n  container!: ElementRef;\n\n  cy?: cytoscape.Core\n\n  ngAfterContentInit(): void {\n    if (this.options.data() && !this.cy) {\n      this.cy = cytoscape({\n        container: this.container.nativeElement,\n        ...this.options.data()\n      });\n    }\n  }\n\n  override ngOnDestroy(): void {\n    super.ngOnDestroy();\n    this.cy?.destroy();\n  }\n}\n","<div #container style=\"width: 100%;height: 100%;\"></div>","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './cytoscape';\n"],"names":[],"mappings":";;;;;;AAEM,MAAO,gBAAiB,SAAQ,WAAW,CAAA;AAChD;;ACUK,MAAO,SAAU,SAAQ,IAAsB,CAAA;AAEnD,IAAA,WAAA,GAAA;AACE,QAAA,KAAK,EAAE;QACP,MAAM,CAAC,MAAK;YACV,IAAI,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE,IAAI,IAAI,CAAC,SAAS,EAAE;AACzC,gBAAA,IAAI,CAAC,EAAE,EAAE,OAAO,EAAE;AAClB,gBAAA,IAAI,CAAC,EAAE,GAAG,SAAS,CAAC;AAClB,oBAAA,SAAS,EAAE,IAAI,CAAC,SAAS,CAAC,aAAa;AACvC,oBAAA,GAAG,IAAI,CAAC,OAAO,CAAC,IAAI;AACrB,iBAAA,CAAC;YACJ;AACF,QAAA,CAAC,CAAC;IACJ;AAES,IAAA,OAAO,GAAqB,IAAI,gBAAgB,EAAE;AAG3D,IAAA,SAAS;AAET,IAAA,EAAE;IAEF,kBAAkB,GAAA;AAChB,QAAA,IAAI,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE,IAAI,CAAC,IAAI,CAAC,EAAE,EAAE;AACnC,YAAA,IAAI,CAAC,EAAE,GAAG,SAAS,CAAC;AAClB,gBAAA,SAAS,EAAE,IAAI,CAAC,SAAS,CAAC,aAAa;AACvC,gBAAA,GAAG,IAAI,CAAC,OAAO,CAAC,IAAI;AACrB,aAAA,CAAC;QACJ;IACF;IAES,WAAW,GAAA;QAClB,KAAK,CAAC,WAAW,EAAE;AACnB,QAAA,IAAI,CAAC,EAAE,EAAE,OAAO,EAAE;IACpB;uGAlCW,SAAS,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAAT,SAAS,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,WAAA,EAAA,CAAA,EAAA,YAAA,EAAA,WAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,CAAA,WAAA,CAAA,EAAA,WAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAA,CAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECbtB,4DAAwD,EAAA,MAAA,EAAA,CAAA,+CAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDQ5C,YAAY,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;2FAKX,SAAS,EAAA,UAAA,EAAA,CAAA;kBAPrB,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,gBAAgB,WACjB,CAAC,YAAY,CAAC,EAAA,eAAA,EAGN,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,4DAAA,EAAA,MAAA,EAAA,CAAA,+CAAA,CAAA,EAAA;wDAoB/C,SAAS,EAAA,CAAA;sBADR,SAAS;AAAC,gBAAA,IAAA,EAAA,CAAA,WAAW,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE;;;AE9B1C;;AAEG;;;;"}

package/fesm2022/ngx-axis-appforge-axis-components-echarts-design.mjs

@@ -0,0 +1,77 @@
+import { FunFieldValueBase, FormValidators, baseFbConfig, baseFunField, BaseDesignSetting, FunField, DynamicDirective, OptionsNode, SimpleMenu } from 'ngx-axis-appforge/core';
+import * as i0 from '@angular/core';
+import { ChangeDetectionStrategy, Component } from '@angular/core';
+import * as i1 from '@angular/forms';
+import { FormsModule, ReactiveFormsModule } from '@angular/forms';
+import * as i4 from 'ng-zorro-antd/collapse';
+import { NzCollapseModule } from 'ng-zorro-antd/collapse';
+import * as i3 from 'ng-zorro-antd/form';
+import { NzFormModule } from 'ng-zorro-antd/form';
+import * as i5 from 'ng-zorro-antd/switch';
+import { NzSwitchModule } from 'ng-zorro-antd/switch';
+import * as i2 from 'ng-zorro-antd/grid';
+
+class Setting extends FunFieldValueBase {
+    fg = this.fb.group({
+        ...baseFbConfig,
+        initOpts: [],
+        loadingOpts: [],
+        echatsOpts: [],
+        autoResize: [undefined, FormValidators.requiredFun],
+    });
+    funFields = {
+        ...baseFunField,
+        initOpts: {
+            defaultValue: undefined
+        },
+        loadingOpts: {
+            defaultValue: undefined
+        },
+        echatsOpts: {
+            defaultValue: undefined
+        },
+        autoResize: {
+            defaultValue: true
+        },
+    };
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: Setting, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.4", type: Setting, isStandalone: true, selector: "axis-design-echarts-setting", usesInheritance: true, ngImport: i0, template: "<form [formGroup]=\"fg\" nz-form>\n    <nz-collapse [nzBordered]=\"false\">\n        <nz-collapse-panel nzHeader=\"\u57FA\u672C\u8BBE\u7F6E\" nzActive>\n            <nz-form-item>\n                <nz-form-label nzSpan=\"8\">\n                    \u521D\u59CB\u5316\u53C2\u6570\n                </nz-form-label>\n                <nz-form-control nzSpan=\"16\">\n                    <axis-fun-field formControlName=\"initOpts\">\n                        <ng-container [axisDynamic]=\"{component:'axis-components/input-json',inuse:true}\"\n                            [standalone]=\"true\" ngModel [ngModelOptions]=\"{standalone:true}\"></ng-container>\n                    </axis-fun-field>\n                    <a href=\"https://echarts.apache.org/en/api.html#echarts.init\" target=\"_blank\">\u53C2\u8003\u6587\u6863</a>\n                </nz-form-control>\n            </nz-form-item>\n            <nz-form-item>\n                <nz-form-label nzSpan=\"8\">\n                    \u52A0\u8F7D\u72B6\u6001\u914D\u7F6E\n                </nz-form-label>\n                <nz-form-control nzSpan=\"16\">\n                    <axis-fun-field formControlName=\"loadingOpts\">\n                        <ng-container [axisDynamic]=\"{component:'axis-components/input-json',inuse:true}\"\n                            [standalone]=\"true\" ngModel [ngModelOptions]=\"{standalone:true}\"></ng-container>\n                    </axis-fun-field>\n                    <a href=\"https://echarts.apache.org/en/api.html#echartsInstance.showLoading\" target=\"_blank\">\u53C2\u8003\u6587\u6863</a>\n                </nz-form-control>\n            </nz-form-item>\n            <nz-form-item>\n                <nz-form-label nzSpan=\"8\">\n                    \u56FE\u8868\u914D\u7F6E\n                </nz-form-label>\n                <nz-form-control nzSpan=\"16\">\n                    <axis-fun-field formControlName=\"echatsOpts\">\n                        <ng-container [axisDynamic]=\"{component:'axis-components/input-json',inuse:true}\"\n                            [standalone]=\"true\" ngModel [ngModelOptions]=\"{standalone:true}\"></ng-container>\n                    </axis-fun-field>\n                    <a href=\"https://echarts.apache.org/en/option.html#title\" target=\"_blank\">\u53C2\u8003\u6587\u6863</a>\n                </nz-form-control>\n            </nz-form-item>\n            <nz-form-item>\n                <nz-form-label nzSpan=\"8\" nzRequired>\n                    \u81EA\u9002\u5E94\u5927\u5C0F\n                </nz-form-label>\n                <nz-form-control nzSpan=\"16\">\n                    <axis-fun-field formControlName=\"autoResize\">\n                        <nz-switch ngModel [ngModelOptions]=\"{standalone:true}\"></nz-switch>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n        </nz-collapse-panel>\n        <axis-base-design-setting [fg]=\"fg\"></axis-base-design-setting>\n    </nz-collapse>\n</form>", styles: [""], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: NzFormModule }, { kind: "directive", type: i2.NzColDirective, selector: "[nz-col],nz-col,nz-form-control,nz-form-label", inputs: ["nzFlex", "nzSpan", "nzOrder", "nzOffset", "nzPush", "nzPull", "nzXs", "nzSm", "nzMd", "nzLg", "nzXl", "nzXXl"], exportAs: ["nzCol"] }, { kind: "directive", type: i2.NzRowDirective, selector: "[nz-row],nz-row,nz-form-item", inputs: ["nzAlign", "nzJustify", "nzGutter"], exportAs: ["nzRow"] }, { kind: "directive", type: i3.NzFormDirective, selector: "[nz-form]", inputs: ["nzLayout", "nzNoColon", "nzAutoTips", "nzDisableAutoTips", "nzTooltipIcon", "nzLabelAlign", "nzLabelWrap"], exportAs: ["nzForm"] }, { kind: "component", type: i3.NzFormItemComponent, selector: "nz-form-item", exportAs: ["nzFormItem"] }, { kind: "component", type: i3.NzFormLabelComponent, selector: "nz-form-label", inputs: ["nzFor", "nzRequired", "nzNoColon", "nzTooltipTitle", "nzTooltipIcon", "nzLabelAlign", "nzLabelWrap"], exportAs: ["nzFormLabel"] }, { kind: "component", type: i3.NzFormControlComponent, selector: "nz-form-control", inputs: ["nzSuccessTip", "nzWarningTip", "nzErrorTip", "nzValidatingTip", "nzExtra", "nzAutoTips", "nzDisableAutoTips", "nzHasFeedback", "nzValidateStatus"], exportAs: ["nzFormControl"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: NzCollapseModule }, { kind: "component", type: i4.NzCollapsePanelComponent, selector: "nz-collapse-panel", inputs: ["nzActive", "nzDisabled", "nzShowArrow", "nzExtra", "nzHeader", "nzExpandedIcon", "nzCollapsible"], outputs: ["nzActiveChange"], exportAs: ["nzCollapsePanel"] }, { kind: "component", type: i4.NzCollapseComponent, selector: "nz-collapse", inputs: ["nzAccordion", "nzBordered", "nzGhost", "nzExpandIconPosition", "nzSize"], exportAs: ["nzCollapse"] }, { kind: "component", type: BaseDesignSetting, selector: "axis-base-design-setting", inputs: ["scopeId", "exclude", "fg"] }, { kind: "component", type: FunField, selector: "axis-fun-field", inputs: ["scopes", "exclude", "scopeId", "onlyFun", "noListen", "disabled", "editTip", "value", "open", "showCreateListenModal", "createListenDataSourceName"], outputs: ["valueChange", "openChange", "showCreateListenModalChange", "createListenDataSourceNameChange"] }, { kind: "directive", type: DynamicDirective, selector: "[axisDynamic]", inputs: ["axisDynamic", "standalone", "isDesign", "forceRenderOnChange"], outputs: ["onRegisteValueAccess"], exportAs: ["axisDynamic"] }, { kind: "ngmodule", type: NzSwitchModule }, { kind: "component", type: i5.NzSwitchComponent, selector: "nz-switch", inputs: ["nzLoading", "nzDisabled", "nzControl", "nzCheckedChildren", "nzUnCheckedChildren", "nzSize", "nzId"], exportAs: ["nzSwitch"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: Setting, decorators: [{
+            type: Component,
+            args: [{ selector: 'axis-design-echarts-setting', imports: [FormsModule, NzFormModule, ReactiveFormsModule, NzCollapseModule, BaseDesignSetting, FunField, DynamicDirective, NzSwitchModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<form [formGroup]=\"fg\" nz-form>\n    <nz-collapse [nzBordered]=\"false\">\n        <nz-collapse-panel nzHeader=\"\u57FA\u672C\u8BBE\u7F6E\" nzActive>\n            <nz-form-item>\n                <nz-form-label nzSpan=\"8\">\n                    \u521D\u59CB\u5316\u53C2\u6570\n                </nz-form-label>\n                <nz-form-control nzSpan=\"16\">\n                    <axis-fun-field formControlName=\"initOpts\">\n                        <ng-container [axisDynamic]=\"{component:'axis-components/input-json',inuse:true}\"\n                            [standalone]=\"true\" ngModel [ngModelOptions]=\"{standalone:true}\"></ng-container>\n                    </axis-fun-field>\n                    <a href=\"https://echarts.apache.org/en/api.html#echarts.init\" target=\"_blank\">\u53C2\u8003\u6587\u6863</a>\n                </nz-form-control>\n            </nz-form-item>\n            <nz-form-item>\n                <nz-form-label nzSpan=\"8\">\n                    \u52A0\u8F7D\u72B6\u6001\u914D\u7F6E\n                </nz-form-label>\n                <nz-form-control nzSpan=\"16\">\n                    <axis-fun-field formControlName=\"loadingOpts\">\n                        <ng-container [axisDynamic]=\"{component:'axis-components/input-json',inuse:true}\"\n                            [standalone]=\"true\" ngModel [ngModelOptions]=\"{standalone:true}\"></ng-container>\n                    </axis-fun-field>\n                    <a href=\"https://echarts.apache.org/en/api.html#echartsInstance.showLoading\" target=\"_blank\">\u53C2\u8003\u6587\u6863</a>\n                </nz-form-control>\n            </nz-form-item>\n            <nz-form-item>\n                <nz-form-label nzSpan=\"8\">\n                    \u56FE\u8868\u914D\u7F6E\n                </nz-form-label>\n                <nz-form-control nzSpan=\"16\">\n                    <axis-fun-field formControlName=\"echatsOpts\">\n                        <ng-container [axisDynamic]=\"{component:'axis-components/input-json',inuse:true}\"\n                            [standalone]=\"true\" ngModel [ngModelOptions]=\"{standalone:true}\"></ng-container>\n                    </axis-fun-field>\n                    <a href=\"https://echarts.apache.org/en/option.html#title\" target=\"_blank\">\u53C2\u8003\u6587\u6863</a>\n                </nz-form-control>\n            </nz-form-item>\n            <nz-form-item>\n                <nz-form-label nzSpan=\"8\" nzRequired>\n                    \u81EA\u9002\u5E94\u5927\u5C0F\n                </nz-form-label>\n                <nz-form-control nzSpan=\"16\">\n                    <axis-fun-field formControlName=\"autoResize\">\n                        <nz-switch ngModel [ngModelOptions]=\"{standalone:true}\"></nz-switch>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n        </nz-collapse-panel>\n        <axis-base-design-setting [fg]=\"fg\"></axis-base-design-setting>\n    </nz-collapse>\n</form>" }]
+        }] });
+
+const Config = {
+    componentName: "图表",
+    buildOptionsNodes(nextInfo) {
+        return {
+            treeNode: new OptionsNode({
+                parentId: nextInfo.parentId,
+                scopeId: nextInfo.scopeId,
+                name: "图表",
+                canSetting: true,
+                canDrag: true,
+                dragType: "component",
+                parentObj: nextInfo.parentObject,
+                indexOfParentObj: nextInfo.indexOfParent,
+                rootOptions: nextInfo.currentObject,
+                settingType: Setting,
+                contextMenu: SimpleMenu,
+                icon: "pie-chart"
+            })
+        };
+    },
+    bindElementsOptionsNode(element, options) {
+        return {
+            [options.id]: { element }
+        };
+    },
+};
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { Config };
+//# sourceMappingURL=ngx-axis-appforge-axis-components-echarts-design.mjs.map

package/fesm2022/ngx-axis-appforge-axis-components-echarts-design.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ngx-axis-appforge-axis-components-echarts-design.mjs","sources":["../../../axis-components/echarts/design/setting/setting.ts","../../../axis-components/echarts/design/setting/setting.html","../../../axis-components/echarts/design/config.ts","../../../axis-components/echarts/design/ngx-axis-appforge-axis-components-echarts-design.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component } from '@angular/core';\nimport { FormsModule, ReactiveFormsModule, UntypedFormGroup } from '@angular/forms';\nimport { NzCollapseModule } from 'ng-zorro-antd/collapse';\nimport { NzFormModule } from 'ng-zorro-antd/form';\nimport { NzSwitchModule } from 'ng-zorro-antd/switch';\nimport { BaseDesignSetting, baseFbConfig, baseFunField, DynamicDirective, FormValidators, FunField, FunFieldOptions, FunFieldValueBase } from 'ngx-axis-appforge/core';\n\n@Component({\n  selector: 'axis-design-echarts-setting',\n  imports: [FormsModule, NzFormModule, ReactiveFormsModule, NzCollapseModule, BaseDesignSetting, FunField, DynamicDirective, NzSwitchModule],\n  templateUrl: './setting.html',\n  styleUrl: './setting.css',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class Setting extends FunFieldValueBase {\n\n  override fg: UntypedFormGroup = this.fb.group({\n    ...baseFbConfig,\n    initOpts: [],\n    loadingOpts: [],\n    echatsOpts: [],\n    autoResize: [undefined, FormValidators.requiredFun],\n  });\n\n  protected override funFields: FunFieldOptions = {\n    ...baseFunField,\n    initOpts: {\n      defaultValue: undefined\n    },\n    loadingOpts: {\n      defaultValue: undefined\n    },\n    echatsOpts: {\n      defaultValue: undefined\n    },\n    autoResize: {\n      defaultValue: true\n    },\n  };\n\n}\n","<form [formGroup]=\"fg\" nz-form>\n    <nz-collapse [nzBordered]=\"false\">\n        <nz-collapse-panel nzHeader=\"基本设置\" nzActive>\n            <nz-form-item>\n                <nz-form-label nzSpan=\"8\">\n                    初始化参数\n                </nz-form-label>\n                <nz-form-control nzSpan=\"16\">\n                    <axis-fun-field formControlName=\"initOpts\">\n                        <ng-container [axisDynamic]=\"{component:'axis-components/input-json',inuse:true}\"\n                            [standalone]=\"true\" ngModel [ngModelOptions]=\"{standalone:true}\"></ng-container>\n                    </axis-fun-field>\n                    <a href=\"https://echarts.apache.org/en/api.html#echarts.init\" target=\"_blank\">参考文档</a>\n                </nz-form-control>\n            </nz-form-item>\n            <nz-form-item>\n                <nz-form-label nzSpan=\"8\">\n                    加载状态配置\n                </nz-form-label>\n                <nz-form-control nzSpan=\"16\">\n                    <axis-fun-field formControlName=\"loadingOpts\">\n                        <ng-container [axisDynamic]=\"{component:'axis-components/input-json',inuse:true}\"\n                            [standalone]=\"true\" ngModel [ngModelOptions]=\"{standalone:true}\"></ng-container>\n                    </axis-fun-field>\n                    <a href=\"https://echarts.apache.org/en/api.html#echartsInstance.showLoading\" target=\"_blank\">参考文档</a>\n                </nz-form-control>\n            </nz-form-item>\n            <nz-form-item>\n                <nz-form-label nzSpan=\"8\">\n                    图表配置\n                </nz-form-label>\n                <nz-form-control nzSpan=\"16\">\n                    <axis-fun-field formControlName=\"echatsOpts\">\n                        <ng-container [axisDynamic]=\"{component:'axis-components/input-json',inuse:true}\"\n                            [standalone]=\"true\" ngModel [ngModelOptions]=\"{standalone:true}\"></ng-container>\n                    </axis-fun-field>\n                    <a href=\"https://echarts.apache.org/en/option.html#title\" target=\"_blank\">参考文档</a>\n                </nz-form-control>\n            </nz-form-item>\n            <nz-form-item>\n                <nz-form-label nzSpan=\"8\" nzRequired>\n                    自适应大小\n                </nz-form-label>\n                <nz-form-control nzSpan=\"16\">\n                    <axis-fun-field formControlName=\"autoResize\">\n                        <nz-switch ngModel [ngModelOptions]=\"{standalone:true}\"></nz-switch>\n                    </axis-fun-field>\n                </nz-form-control>\n            </nz-form-item>\n        </nz-collapse-panel>\n        <axis-base-design-setting [fg]=\"fg\"></axis-base-design-setting>\n    </nz-collapse>\n</form>","import { NextInfo, DesignBuildResult, DesignBindElementsResult, DesignConfig, OptionsNode, nameCode, SimpleMenu } from \"ngx-axis-appforge/core\";\nimport { Setting } from \"./setting/setting\";\n\nexport const Config: DesignConfig = {\n\n    componentName: \"图表\",\n    buildOptionsNodes(nextInfo: NextInfo): DesignBuildResult {\n        return {\n            treeNode: new OptionsNode({\n                parentId: nextInfo.parentId,\n                scopeId: nextInfo.scopeId,\n                name: \"图表\",\n                canSetting: true,\n                canDrag: true,\n                dragType: \"component\",\n                parentObj: nextInfo.parentObject,\n                indexOfParentObj: nextInfo.indexOfParent,\n                rootOptions: nextInfo.currentObject,\n                settingType: Setting,\n                contextMenu: SimpleMenu,\n                icon: \"pie-chart\"\n            })\n        };\n    },\n    bindElementsOptionsNode(element: HTMLElement, options: any): DesignBindElementsResult {\n        return {\n            [options.id]: { element }\n        }\n    },\n};\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './config';\n"],"names":[],"mappings":"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"}

package/fesm2022/ngx-axis-appforge-axis-components-echarts.mjs

@@ -0,0 +1,46 @@
+import * as i0 from '@angular/core';
+import { signal, effect, untracked, ChangeDetectionStrategy, Component } from '@angular/core';
+import { BaseOptions, Base } from 'ngx-axis-appforge/core';
+import { CommonModule } from '@angular/common';
+import { NgxEchartsDirective } from 'ngx-echarts';
+
+class EchartsOptions extends BaseOptions {
+    initOpts = signal({}, ...(ngDevMode ? [{ debugName: "initOpts" }] : []));
+    loadingOpts = signal({}, ...(ngDevMode ? [{ debugName: "loadingOpts" }] : []));
+    echatsOpts = signal({}, ...(ngDevMode ? [{ debugName: "echatsOpts" }] : []));
+    autoResize = signal(true, ...(ngDevMode ? [{ debugName: "autoResize" }] : []));
+}
+
+class Echarts extends Base {
+    constructor() {
+        super();
+        effect(() => {
+            if (this.options.echatsOpts()) {
+                if (untracked(this.loading)) {
+                    this.chartsOptions.set(this.options.echatsOpts());
+                    this.loading.set(false);
+                }
+                else {
+                    this.mergeOptions.set(this.options.echatsOpts());
+                }
+            }
+        });
+    }
+    options = new EchartsOptions();
+    loading = signal(true, ...(ngDevMode ? [{ debugName: "loading" }] : []));
+    chartsOptions = signal({}, ...(ngDevMode ? [{ debugName: "chartsOptions" }] : []));
+    mergeOptions = signal({}, ...(ngDevMode ? [{ debugName: "mergeOptions" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: Echarts, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.4", type: Echarts, isStandalone: true, selector: "axis-echarts", usesInheritance: true, ngImport: i0, template: "<div style=\"width: 100%;height: 100%;\" echarts [initOpts]=\"options.initOpts()\" [options]=\"chartsOptions()\"\n    [merge]=\"mergeOptions()\" [autoResize]=\"options.autoResize()\" [loading]=\"loading()\"\n    [loadingOpts]=\"options.loadingOpts()\">\n</div>", styles: [":host{display:block;width:100%;height:100%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: NgxEchartsDirective, selector: "echarts, [echarts]", inputs: ["options", "theme", "initOpts", "merge", "autoResize", "loading", "loadingType", "loadingOpts"], outputs: ["chartInit", "optionsError", "chartClick", "chartDblClick", "chartMouseDown", "chartMouseMove", "chartMouseUp", "chartMouseOver", "chartMouseOut", "chartGlobalOut", "chartContextMenu", "chartHighlight", "chartDownplay", "chartSelectChanged", "chartLegendSelectChanged", "chartLegendSelected", "chartLegendUnselected", "chartLegendLegendSelectAll", "chartLegendLegendInverseSelect", "chartLegendScroll", "chartDataZoom", "chartDataRangeSelected", "chartGraphRoam", "chartGeoRoam", "chartTreeRoam", "chartTimelineChanged", "chartTimelinePlayChanged", "chartRestore", "chartDataViewChanged", "chartMagicTypeChanged", "chartGeoSelectChanged", "chartGeoSelected", "chartGeoUnselected", "chartAxisAreaSelected", "chartBrush", "chartBrushEnd", "chartBrushSelected", "chartGlobalCursorTaken", "chartRendered", "chartFinished"], exportAs: ["echarts"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: Echarts, decorators: [{
+            type: Component,
+            args: [{ selector: 'axis-echarts', imports: [CommonModule, NgxEchartsDirective], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div style=\"width: 100%;height: 100%;\" echarts [initOpts]=\"options.initOpts()\" [options]=\"chartsOptions()\"\n    [merge]=\"mergeOptions()\" [autoResize]=\"options.autoResize()\" [loading]=\"loading()\"\n    [loadingOpts]=\"options.loadingOpts()\">\n</div>", styles: [":host{display:block;width:100%;height:100%}\n"] }]
+        }], ctorParameters: () => [] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { Echarts };
+//# sourceMappingURL=ngx-axis-appforge-axis-components-echarts.mjs.map

package/fesm2022/ngx-axis-appforge-axis-components-echarts.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ngx-axis-appforge-axis-components-echarts.mjs","sources":["../../../axis-components/echarts/echarts.options.ts","../../../axis-components/echarts/echarts.ts","../../../axis-components/echarts/echarts.html","../../../axis-components/echarts/ngx-axis-appforge-axis-components-echarts.ts"],"sourcesContent":["import { signal } from \"@angular/core\";\nimport { EChartsOption } from \"echarts\";\nimport { BaseOptions } from \"ngx-axis-appforge/core\";\n\nexport class EchartsOptions extends BaseOptions {\n    readonly initOpts = signal<any>({});\n    readonly loadingOpts = signal<any>({});\n    readonly echatsOpts = signal<EChartsOption>({});\n    readonly autoResize = signal(true);\n}","import { ChangeDetectionStrategy, Component, effect, signal, untracked } from '@angular/core';\nimport { EchartsOptions } from './echarts.options';\nimport { Base } from 'ngx-axis-appforge/core';\nimport { CommonModule } from '@angular/common';\nimport { EChartsOption } from 'echarts';\nimport { NgxEchartsDirective } from 'ngx-echarts';\n\n@Component({\n  selector: 'axis-echarts',\n  imports: [CommonModule, NgxEchartsDirective],\n  templateUrl: './echarts.html',\n  styleUrl: './echarts.css',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class Echarts extends Base<EchartsOptions> {\n\n  constructor() {\n    super();\n    effect(() => {\n      if (this.options.echatsOpts()) {\n        if (untracked(this.loading)) {\n          this.chartsOptions.set(this.options.echatsOpts());\n          this.loading.set(false);\n        } else {\n          this.mergeOptions.set(this.options.echatsOpts());\n        }\n      }\n    });\n  }\n\n  override options: EchartsOptions = new EchartsOptions();\n\n  readonly loading = signal(true);\n  readonly chartsOptions = signal<EChartsOption>({});\n  readonly mergeOptions = signal<EChartsOption>({});\n\n\n}\n","<div style=\"width: 100%;height: 100%;\" echarts [initOpts]=\"options.initOpts()\" [options]=\"chartsOptions()\"\n    [merge]=\"mergeOptions()\" [autoResize]=\"options.autoResize()\" [loading]=\"loading()\"\n    [loadingOpts]=\"options.loadingOpts()\">\n</div>","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './echarts';\n"],"names":[],"mappings":"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"}

package/fesm2022/ngx-axis-appforge-axis-components.mjs

@@ -83,6 +83,8 @@ const cmpMap = {
     "axis-components/menu/design": () => import('ngx-axis-appforge/axis-components/menu/design'),
     "axis-components/rich-text-editor": () => import('ngx-axis-appforge/axis-components/rich-text-editor'),
     "axis-components/rich-text-editor/design": () => import('ngx-axis-appforge/axis-components/rich-text-editor/design'),
+    "axis-components/echarts": () => import('ngx-axis-appforge/axis-components/echarts'),
+    "axis-components/echarts/design": () => import('ngx-axis-appforge/axis-components/echarts/design'),
 };
 
 const buttonExampleDesc = {
@@ -1564,6 +1566,85 @@ const richTextEditorExampleDesc = {
     }
 };
 
+const echartsExampleDesc = {
+    component: "图表",
+    coverImg: "assets/axis-components-covers/echarts.png",
+    span: 24,
+    height: 80,
+    example: {
+        options: {
+            component: "axis-components/echarts",
+            id: "axis-components/echarts#1",
+            inuse: true,
+            loadingOpts: {
+                text: "加载中",
+            },
+            echatsOpts: {
+                xAxis: {
+                    type: "category",
+                    data: ["周一", "周二", "周三", "周四", "周五", "周六", "周日"]
+                },
+                yAxis: {
+                    type: "value"
+                },
+                series: [{
+                        data: [820, 932, 901, 934, 1290, 1330, 1320],
+                        type: "line"
+                    }]
+            }
+        },
+    },
+    moreExamples: [
+        {
+            name: "饼状图",
+            options: {
+                component: "axis-components/echarts",
+                id: "axis-components/echarts#2",
+                inuse: true,
+                loadingOpts: {
+                    text: "加载中",
+                },
+                echatsOpts: {
+                    series: [{
+                            type: 'pie',
+                            data: [
+                                { value: 1048, name: '苹果' },
+                                { value: 735, name: '香蕉' },
+                                { value: 580, name: '樱桃' },
+                                { value: 484, name: '西瓜' },
+                                { value: 300, name: '橘子' }
+                            ]
+                        }]
+                }
+            }
+        },
+        {
+            name: "柱状图",
+            options: {
+                component: "axis-components/echarts",
+                id: "axis-components/echarts#3",
+                inuse: true,
+                loadingOpts: {
+                    text: "加载中",
+                },
+                echatsOpts: {
+                    xAxis: {
+                        type: "category",
+                        data: ["周一", "周二", "周三", "周四", "周五", "周六", "周日"]
+                    },
+                    yAxis: {
+                        type: "value"
+                    },
+                    series: [{
+                            data: [820, 932, 901, 934, 1290, 1330, 1320],
+                            type: "bar"
+                        }]
+                }
+            }
+        }
+    ]
+};
+
 const examples = [
     {
         groupName: "通用",
@@ -1619,6 +1700,7 @@ const examples = [
             imageExampleDesc,
             stepsExampleDesc,
             cytoscapeExampleDesc,
+            echartsExampleDesc,
         ]
     }, {
         groupName: "其他",