@delon/chart 12.3.0 → 13.0.0-beta.1

package/fesm2020/delon-chart-chart-echarts.mjs

@@ -0,0 +1,242 @@
+import * as i0 from '@angular/core';
+import { Injectable, EventEmitter, Component, ChangeDetectionStrategy, ViewEncapsulation, ViewChild, Input, Output, NgModule } from '@angular/core';
+import { Subject, fromEvent } from 'rxjs';
+import * as i1 from '@delon/util/config';
+import * as i2 from '@delon/util/other';
+import { __decorate } from 'tslib';
+import { takeUntil, filter, debounceTime } from 'rxjs/operators';
+import { ZoneOutside } from '@delon/util/decorator';
+import * as i2$1 from '@angular/cdk/platform';
+import * as i3 from 'ng-zorro-antd/skeleton';
+import { NzSkeletonModule } from 'ng-zorro-antd/skeleton';
+import * as i4 from '@angular/common';
+import { CommonModule } from '@angular/common';
+
+class ChartEChartsService {
+    constructor(cogSrv, lazySrv) {
+        this.cogSrv = cogSrv;
+        this.lazySrv = lazySrv;
+        this.loading = false;
+        this.loaded = false;
+        this.notify$ = new Subject();
+        this.cog = { theme: '' };
+    }
+    get cog() {
+        return this._cog;
+    }
+    set cog(val) {
+        this._cog = this.cogSrv.merge('chart', {
+            theme: '',
+            echartsLib: 'https://cdnjs.cloudflare.com/ajax/libs/echarts/5.1.0/echarts.min.js'
+        }, val);
+    }
+    libLoad() {
+        if (this.loading) {
+            if (this.loaded) {
+                this.notify$.next();
+            }
+            return this;
+        }
+        this.loading = true;
+        this.lazySrv
+            .load(this.cog.echartsLib)
+            .then(() => {
+            const extensions = this.cog.echartsExtensions;
+            if (Array.isArray(extensions) && extensions.length > 0) {
+                return this.lazySrv.load(extensions).then(() => true);
+            }
+            return Promise.resolve(true);
+        })
+            .then(() => {
+            this.loaded = true;
+            this.notify$.next();
+        });
+        return this;
+    }
+    get notify() {
+        return this.notify$.asObservable();
+    }
+    ngOnDestroy() {
+        this.notify$.unsubscribe();
+    }
+}
+ChartEChartsService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: ChartEChartsService, deps: [{ token: i1.AlainConfigService }, { token: i2.LazyService }], target: i0.ɵɵFactoryTarget.Injectable });
+ChartEChartsService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: ChartEChartsService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: ChartEChartsService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }], ctorParameters: function () { return [{ type: i1.AlainConfigService }, { type: i2.LazyService }]; } });
+
+class ChartEChartsComponent {
+    constructor(srv, cdr, ngZone, platform) {
+        this.srv = srv;
+        this.cdr = cdr;
+        this.ngZone = ngZone;
+        this.platform = platform;
+        this.destroy$ = new Subject();
+        this._chart = null;
+        this._width = '100%';
+        this._height = '400px';
+        this.on = [];
+        this.events = new EventEmitter();
+        this.loaded = false;
+        this.srv.notify
+            .pipe(takeUntil(this.destroy$), filter(() => !this.loaded))
+            .subscribe(() => this.load());
+        this.theme = srv.cog.echartsTheme;
+    }
+    set width(val) {
+        this._width = typeof val === 'number' ? `${val}px` : `${val}`;
+    }
+    set height(val) {
+        this._height = typeof val === 'number' ? `${val}px` : `${val}`;
+    }
+    set theme(value) {
+        this._theme = value;
+        if (this._chart) {
+            this.install();
+        }
+    }
+    set initOpt(value) {
+        this._initOpt = value;
+        if (this._chart) {
+            this.install();
+        }
+    }
+    set option(value) {
+        this._option = value;
+        if (this._chart) {
+            this.setOption(value, true);
+        }
+    }
+    get chart() {
+        return this._chart;
+    }
+    emit(type, other) {
+        this.events.emit({ type, chart: this.chart, ...other });
+    }
+    load() {
+        this.ngZone.run(() => {
+            this.loaded = true;
+            this.cdr.detectChanges();
+        });
+        this.emit('ready');
+        this.install();
+    }
+    install() {
+        this.destroy();
+        const chart = (this._chart = window.echarts.init(this.node.nativeElement, this._theme, this._initOpt));
+        this.emit('init');
+        this.setOption(this._option);
+        // on
+        this.on.forEach(item => {
+            if (item.query != null) {
+                chart.on(item.eventName, item.query, event => item.handler({ event, chart }));
+            }
+            else {
+                chart.on(item.eventName, event => item.handler({ event, chart }));
+            }
+        });
+        return this;
+    }
+    destroy() {
+        if (this._chart) {
+            this._chart.dispose();
+            this.emit('destroy');
+        }
+        return this;
+    }
+    setOption(option, notMerge = false, lazyUpdate = false) {
+        if (this._chart) {
+            this._chart.setOption(option, notMerge, lazyUpdate);
+            this.emit('set-option', { option });
+        }
+        return this;
+    }
+    ngOnInit() {
+        if (!this.platform.isBrowser) {
+            return;
+        }
+        if (window.echarts) {
+            this.load();
+        }
+        else {
+            this.srv.libLoad();
+        }
+        fromEvent(window, 'resize')
+            .pipe(takeUntil(this.destroy$), filter(() => !!this._chart), debounceTime(200))
+            .subscribe(() => this._chart.resize());
+    }
+    ngOnDestroy() {
+        this.on.forEach(item => this._chart?.off(item.eventName));
+        this.destroy$.next();
+        this.destroy$.complete();
+        this.destroy();
+    }
+}
+ChartEChartsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: ChartEChartsComponent, deps: [{ token: ChartEChartsService }, { token: i0.ChangeDetectorRef }, { token: i0.NgZone }, { token: i2$1.Platform }], target: i0.ɵɵFactoryTarget.Component });
+ChartEChartsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.1", type: ChartEChartsComponent, selector: "chart-echarts, [chart-echarts]", inputs: { width: "width", height: "height", theme: "theme", initOpt: "initOpt", option: "option", on: "on" }, outputs: { events: "events" }, host: { properties: { "style.display": "'inline-block'", "style.width": "_width", "style.height": "_height" } }, viewQueries: [{ propertyName: "node", first: true, predicate: ["container"], descendants: true, static: true }], exportAs: ["chartECharts"], ngImport: i0, template: `
+    <nz-skeleton *ngIf="!loaded"></nz-skeleton>
+    <div #container [style.width]="_width" [style.height]="_height"></div>
+  `, isInline: true, components: [{ type: i3.NzSkeletonComponent, selector: "nz-skeleton", inputs: ["nzActive", "nzLoading", "nzRound", "nzTitle", "nzAvatar", "nzParagraph"], exportAs: ["nzSkeleton"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+__decorate([
+    ZoneOutside()
+], ChartEChartsComponent.prototype, "load", null);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: ChartEChartsComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'chart-echarts, [chart-echarts]',
+                    exportAs: 'chartECharts',
+                    template: `
+    <nz-skeleton *ngIf="!loaded"></nz-skeleton>
+    <div #container [style.width]="_width" [style.height]="_height"></div>
+  `,
+                    host: {
+                        '[style.display]': `'inline-block'`,
+                        '[style.width]': `_width`,
+                        '[style.height]': `_height`
+                    },
+                    preserveWhitespaces: false,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    encapsulation: ViewEncapsulation.None
+                }]
+        }], ctorParameters: function () { return [{ type: ChartEChartsService }, { type: i0.ChangeDetectorRef }, { type: i0.NgZone }, { type: i2$1.Platform }]; }, propDecorators: { node: [{
+                type: ViewChild,
+                args: ['container', { static: true }]
+            }], width: [{
+                type: Input
+            }], height: [{
+                type: Input
+            }], theme: [{
+                type: Input
+            }], initOpt: [{
+                type: Input
+            }], option: [{
+                type: Input
+            }], on: [{
+                type: Input
+            }], events: [{
+                type: Output
+            }], load: [] } });
+
+const COMPONENTS = [ChartEChartsComponent];
+class ChartEChartsModule {
+}
+ChartEChartsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: ChartEChartsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+ChartEChartsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: ChartEChartsModule, declarations: [ChartEChartsComponent], imports: [CommonModule, NzSkeletonModule], exports: [ChartEChartsComponent] });
+ChartEChartsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: ChartEChartsModule, imports: [[CommonModule, NzSkeletonModule]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: ChartEChartsModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule, NzSkeletonModule],
+                    declarations: COMPONENTS,
+                    exports: COMPONENTS
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { ChartEChartsComponent, ChartEChartsModule, ChartEChartsService };
+//# sourceMappingURL=delon-chart-chart-echarts.mjs.map

package/fesm2020/delon-chart-chart-echarts.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"delon-chart-chart-echarts.mjs","sources":["../../../../packages/chart/chart-echarts/echarts.service.ts","../../../../packages/chart/chart-echarts/echarts.component.ts","../../../../packages/chart/chart-echarts/echarts.module.ts","../../../../packages/chart/chart-echarts/delon-chart-chart-echarts.ts"],"sourcesContent":["import { Injectable, OnDestroy } from '@angular/core';\nimport { Observable, Subject } from 'rxjs';\n\nimport { AlainChartConfig, AlainConfigService } from '@delon/util/config';\nimport { LazyService } from '@delon/util/other';\n\n@Injectable({ providedIn: 'root' })\nexport class ChartEChartsService implements OnDestroy {\n  private _cog!: AlainChartConfig;\n  private loading = false;\n  private loaded = false;\n  private notify$ = new Subject<void>();\n\n  get cog(): AlainChartConfig {\n    return this._cog;\n  }\n  set cog(val: AlainChartConfig) {\n    this._cog = this.cogSrv.merge(\n      'chart',\n      {\n        theme: '',\n        echartsLib: 'https://cdnjs.cloudflare.com/ajax/libs/echarts/5.1.0/echarts.min.js'\n      } as AlainChartConfig,\n      val\n    )!;\n  }\n\n  constructor(private cogSrv: AlainConfigService, private lazySrv: LazyService) {\n    this.cog = { theme: '' };\n  }\n\n  libLoad(): this {\n    if (this.loading) {\n      if (this.loaded) {\n        this.notify$.next();\n      }\n      return this;\n    }\n    this.loading = true;\n    this.lazySrv\n      .load(this.cog.echartsLib!)\n      .then(() => {\n        const extensions = this.cog.echartsExtensions;\n        if (Array.isArray(extensions) && extensions.length > 0) {\n          return this.lazySrv.load(extensions).then(() => true);\n        }\n        return Promise.resolve(true);\n      })\n      .then(() => {\n        this.loaded = true;\n        this.notify$.next();\n      });\n    return this;\n  }\n\n  get notify(): Observable<void> {\n    return this.notify$.asObservable();\n  }\n\n  ngOnDestroy(): void {\n    this.notify$.unsubscribe();\n  }\n}\n","import { Platform } from '@angular/cdk/platform';\nimport {\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  Component,\n  ElementRef,\n  EventEmitter,\n  Input,\n  NgZone,\n  OnDestroy,\n  OnInit,\n  Output,\n  ViewChild,\n  ViewEncapsulation\n} from '@angular/core';\nimport { fromEvent, Subject } from 'rxjs';\nimport { debounceTime, filter, takeUntil } from 'rxjs/operators';\n\nimport { NumberInput, ZoneOutside } from '@delon/util/decorator';\nimport type { NzSafeAny } from 'ng-zorro-antd/core/types';\n\nimport { ChartEChartsService } from './echarts.service';\nimport {\n  ChartECharts,\n  ChartEChartsEvent,\n  ChartEChartsEventType,\n  ChartEChartsOn,\n  ChartEChartsOption\n} from './echarts.types';\n\n@Component({\n  selector: 'chart-echarts, [chart-echarts]',\n  exportAs: 'chartECharts',\n  template: `\n    <nz-skeleton *ngIf=\"!loaded\"></nz-skeleton>\n    <div #container [style.width]=\"_width\" [style.height]=\"_height\"></div>\n  `,\n  host: {\n    '[style.display]': `'inline-block'`,\n    '[style.width]': `_width`,\n    '[style.height]': `_height`\n  },\n  preserveWhitespaces: false,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None\n})\nexport class ChartEChartsComponent implements OnInit, OnDestroy {\n  static ngAcceptInputType_width: NumberInput;\n  static ngAcceptInputType_height: NumberInput;\n\n  @ViewChild('container', { static: true }) private node!: ElementRef;\n  private destroy$ = new Subject<void>();\n  private _chart: ChartECharts | null = null;\n  private _theme?: string | Record<string, unknown> | null;\n  private _initOpt?: {\n    renderer?: NzSafeAny;\n    devicePixelRatio?: number;\n    width?: number;\n    height?: number;\n    locale?: NzSafeAny;\n  };\n  private _option!: ChartEChartsOption;\n  _width = '100%';\n  _height = '400px';\n\n  @Input()\n  set width(val: NumberInput) {\n    this._width = typeof val === 'number' ? `${val}px` : `${val}`;\n  }\n  @Input() set height(val: NumberInput) {\n    this._height = typeof val === 'number' ? `${val}px` : `${val}`;\n  }\n  @Input()\n  set theme(value: string | Record<string, unknown> | null | undefined) {\n    this._theme = value;\n    if (this._chart) {\n      this.install();\n    }\n  }\n  @Input()\n  set initOpt(value: NzSafeAny) {\n    this._initOpt = value;\n    if (this._chart) {\n      this.install();\n    }\n  }\n  @Input()\n  set option(value: ChartEChartsOption) {\n    this._option = value;\n    if (this._chart) {\n      this.setOption(value, true);\n    }\n  }\n  @Input() on: ChartEChartsOn[] = [];\n  @Output() readonly events = new EventEmitter<ChartEChartsEvent>();\n\n  get chart(): ChartECharts | null {\n    return this._chart;\n  }\n  loaded = false;\n\n  constructor(\n    private srv: ChartEChartsService,\n    private cdr: ChangeDetectorRef,\n    private ngZone: NgZone,\n    private platform: Platform\n  ) {\n    this.srv.notify\n      .pipe(\n        takeUntil(this.destroy$),\n        filter(() => !this.loaded)\n      )\n      .subscribe(() => this.load());\n\n    this.theme = srv.cog.echartsTheme;\n  }\n\n  private emit(type: ChartEChartsEventType, other?: ChartEChartsEvent): void {\n    this.events.emit({ type, chart: this.chart!!, ...other });\n  }\n\n  @ZoneOutside()\n  private load(): void {\n    this.ngZone.run(() => {\n      this.loaded = true;\n      this.cdr.detectChanges();\n    });\n    this.emit('ready');\n    this.install();\n  }\n\n  install(): this {\n    this.destroy();\n    const chart = (this._chart = (window as NzSafeAny).echarts.init(\n      this.node.nativeElement,\n      this._theme,\n      this._initOpt\n    )) as ChartECharts;\n    this.emit('init');\n    this.setOption(this._option);\n    // on\n    this.on.forEach(item => {\n      if (item.query != null) {\n        chart.on(item.eventName, item.query, event => item.handler({ event, chart }));\n      } else {\n        chart.on(item.eventName, event => item.handler({ event, chart }));\n      }\n    });\n    return this;\n  }\n\n  destroy(): this {\n    if (this._chart) {\n      this._chart.dispose();\n      this.emit('destroy');\n    }\n    return this;\n  }\n\n  setOption(option: ChartEChartsOption, notMerge: boolean = false, lazyUpdate: boolean = false): this {\n    if (this._chart) {\n      this._chart.setOption(option, notMerge, lazyUpdate);\n      this.emit('set-option', { option } as NzSafeAny);\n    }\n    return this;\n  }\n\n  ngOnInit(): void {\n    if (!this.platform.isBrowser) {\n      return;\n    }\n    if ((window as NzSafeAny).echarts) {\n      this.load();\n    } else {\n      this.srv.libLoad();\n    }\n\n    fromEvent(window, 'resize')\n      .pipe(\n        takeUntil(this.destroy$),\n        filter(() => !!this._chart),\n        debounceTime(200)\n      )\n      .subscribe(() => this._chart!!.resize());\n  }\n\n  ngOnDestroy(): void {\n    this.on.forEach(item => this._chart?.off(item.eventName));\n    this.destroy$.next();\n    this.destroy$.complete();\n    this.destroy();\n  }\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport { NzSkeletonModule } from 'ng-zorro-antd/skeleton';\n\nimport { ChartEChartsComponent } from './echarts.component';\n\nconst COMPONENTS = [ChartEChartsComponent];\n\n@NgModule({\n  imports: [CommonModule, NzSkeletonModule],\n  declarations: COMPONENTS,\n  exports: COMPONENTS\n})\nexport class ChartEChartsModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}

package/fesm2020/delon-chart-core.mjs

@@ -0,0 +1,187 @@
+import * as i0 from '@angular/core';
+import { Injectable, Directive, Input, ViewChild } from '@angular/core';
+import { Subject } from 'rxjs';
+import * as i1 from '@delon/util/config';
+import * as i2 from '@delon/util/other';
+import { __decorate } from 'tslib';
+import { takeUntil, filter } from 'rxjs/operators';
+import { InputBoolean, InputNumber, ZoneOutside } from '@delon/util/decorator';
+import * as i2$1 from '@angular/cdk/platform';
+
+class G2Service {
+    constructor(cogSrv, lazySrv) {
+        this.cogSrv = cogSrv;
+        this.lazySrv = lazySrv;
+        this.loading = false;
+        this.loaded = false;
+        this.notify$ = new Subject();
+        this.cog = { theme: '' };
+    }
+    get cog() {
+        return this._cog;
+    }
+    set cog(val) {
+        this._cog = this.cogSrv.merge('chart', {
+            theme: '',
+            libs: [
+                'https://gw.alipayobjects.com/os/lib/antv/g2/4.1.14/dist/g2.min.js',
+                'https://gw.alipayobjects.com/os/lib/antv/data-set/0.11.8/dist/data-set.js'
+            ]
+        }, val);
+    }
+    libLoad() {
+        if (this.loading) {
+            if (this.loaded) {
+                this.notify$.next();
+            }
+            return this;
+        }
+        this.loading = true;
+        this.lazySrv.load(this.cog.libs).then(() => {
+            this.loaded = true;
+            this.notify$.next();
+        });
+        return this;
+    }
+    get notify() {
+        return this.notify$.asObservable();
+    }
+    ngOnDestroy() {
+        this.notify$.unsubscribe();
+    }
+}
+G2Service.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: G2Service, deps: [{ token: i1.AlainConfigService }, { token: i2.LazyService }], target: i0.ɵɵFactoryTarget.Injectable });
+G2Service.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: G2Service, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: G2Service, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }], ctorParameters: function () { return [{ type: i1.AlainConfigService }, { type: i2.LazyService }]; } });
+
+class G2BaseComponent {
+    constructor(srv, el, ngZone, platform, cdr) {
+        this.srv = srv;
+        this.el = el;
+        this.ngZone = ngZone;
+        this.platform = platform;
+        this.cdr = cdr;
+        this.repaint = true;
+        this.destroy$ = new Subject();
+        this.loaded = false;
+        this.delay = 0;
+        this.theme = srv.cog.theme;
+        this.srv.notify
+            .pipe(takeUntil(this.destroy$), filter(() => !this.loaded))
+            .subscribe(() => this.load());
+    }
+    get chart() {
+        return this._chart;
+    }
+    /** G2数据变更 */
+    changeData() { }
+    /** 等同 `ngOnInit` */
+    onInit() { }
+    /** 等同 `ngOnChanges` */
+    onChanges(_) { }
+    load() {
+        this.ngZone.run(() => {
+            this.loaded = true;
+            this.cdr.detectChanges();
+        });
+        setTimeout(() => this.install(), this.delay);
+    }
+    ngOnInit() {
+        if (!this.platform.isBrowser) {
+            return;
+        }
+        this.onInit();
+        if (window.G2) {
+            this.load();
+        }
+        else {
+            this.srv.libLoad();
+        }
+    }
+    ngOnChanges(changes) {
+        this.onChanges(changes);
+        const isOnlyChangeData = this.onlyChangeData
+            ? this.onlyChangeData(changes)
+            : Object.keys(changes).length === 1 && !!changes.data;
+        if (isOnlyChangeData) {
+            this.changeData();
+            return;
+        }
+        if (!this.chart || !this.repaint)
+            return;
+        this.ngZone.runOutsideAngular(() => {
+            this.destroyChart().install();
+        });
+    }
+    destroyChart() {
+        if (this._chart) {
+            this._chart.destroy();
+        }
+        return this;
+    }
+    ngOnDestroy() {
+        if (this.resize$) {
+            this.resize$.unsubscribe();
+        }
+        this.destroy$.next();
+        this.destroy$.complete();
+        this.destroyChart();
+    }
+}
+G2BaseComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: G2BaseComponent, deps: [{ token: G2Service }, { token: i0.ElementRef }, { token: i0.NgZone }, { token: i2$1.Platform }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
+G2BaseComponent.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.1.1", type: G2BaseComponent, inputs: { repaint: "repaint", delay: "delay", theme: "theme" }, viewQueries: [{ propertyName: "node", first: true, predicate: ["container"], descendants: true, static: true }], usesOnChanges: true, ngImport: i0 });
+__decorate([
+    InputBoolean()
+], G2BaseComponent.prototype, "repaint", void 0);
+__decorate([
+    InputNumber()
+], G2BaseComponent.prototype, "delay", void 0);
+__decorate([
+    ZoneOutside()
+], G2BaseComponent.prototype, "load", null);
+__decorate([
+    ZoneOutside()
+], G2BaseComponent.prototype, "destroyChart", null);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: G2BaseComponent, decorators: [{
+            type: Directive
+        }], ctorParameters: function () { return [{ type: G2Service }, { type: i0.ElementRef }, { type: i0.NgZone }, { type: i2$1.Platform }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { repaint: [{
+                type: Input
+            }], node: [{
+                type: ViewChild,
+                args: ['container', { static: true }]
+            }], delay: [{
+                type: Input
+            }], theme: [{
+                type: Input
+            }], load: [], destroyChart: [] } });
+
+function genMiniTooltipOptions(type, options) {
+    const res = {
+        showTitle: false,
+        showMarkers: true,
+        enterable: true,
+        domStyles: {
+            'g2-tooltip': { padding: '0px' },
+            'g2-tooltip-title': { display: 'none' },
+            'g2-tooltip-list-item': { margin: '4px' }
+        },
+        ...options
+    };
+    if (type === 'mini') {
+        res.position = 'top';
+        res.domStyles['g2-tooltip'] = { padding: '0px', backgroundColor: 'transparent', boxShadow: 'none' };
+        res.itemTpl = `<li>{value}</li>`;
+        res.offset = 8;
+    }
+    return res;
+}
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { G2BaseComponent, G2Service, genMiniTooltipOptions };
+//# sourceMappingURL=delon-chart-core.mjs.map

package/fesm2020/delon-chart-core.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"delon-chart-core.mjs","sources":["../../../../packages/chart/core/g2.servicce.ts","../../../../packages/chart/core/g2.base.component.ts","../../../../packages/chart/core/utils.ts","../../../../packages/chart/core/delon-chart-core.ts"],"sourcesContent":["import { Injectable, OnDestroy } from '@angular/core';\nimport { Observable, Subject } from 'rxjs';\n\nimport { AlainChartConfig, AlainConfigService } from '@delon/util/config';\nimport { LazyService } from '@delon/util/other';\n\n@Injectable({ providedIn: 'root' })\nexport class G2Service implements OnDestroy {\n  private _cog!: AlainChartConfig;\n  private loading = false;\n  private loaded = false;\n  private notify$ = new Subject<void>();\n\n  get cog(): AlainChartConfig {\n    return this._cog;\n  }\n  set cog(val: AlainChartConfig) {\n    this._cog = this.cogSrv.merge(\n      'chart',\n      {\n        theme: '',\n        libs: [\n          'https://gw.alipayobjects.com/os/lib/antv/g2/4.1.14/dist/g2.min.js',\n          'https://gw.alipayobjects.com/os/lib/antv/data-set/0.11.8/dist/data-set.js'\n        ]\n      } as AlainChartConfig,\n      val\n    )!;\n  }\n\n  constructor(private cogSrv: AlainConfigService, private lazySrv: LazyService) {\n    this.cog = { theme: '' };\n  }\n\n  libLoad(): this {\n    if (this.loading) {\n      if (this.loaded) {\n        this.notify$.next();\n      }\n      return this;\n    }\n    this.loading = true;\n    this.lazySrv.load(this.cog.libs!).then(() => {\n      this.loaded = true;\n      this.notify$.next();\n    });\n    return this;\n  }\n\n  get notify(): Observable<void> {\n    return this.notify$.asObservable();\n  }\n\n  ngOnDestroy(): void {\n    this.notify$.unsubscribe();\n  }\n}\n","import { Platform } from '@angular/cdk/platform';\nimport {\n  ChangeDetectorRef,\n  Directive,\n  ElementRef,\n  Input,\n  NgZone,\n  OnChanges,\n  OnDestroy,\n  OnInit,\n  SimpleChanges,\n  ViewChild\n} from '@angular/core';\nimport { Subject, Subscription } from 'rxjs';\nimport { filter, takeUntil } from 'rxjs/operators';\n\nimport type { Chart, Types } from '@antv/g2';\n\nimport { BooleanInput, InputBoolean, InputNumber, NumberInput, ZoneOutside } from '@delon/util/decorator';\nimport type { NzSafeAny } from 'ng-zorro-antd/core/types';\n\nimport { G2Service } from './g2.servicce';\n\n@Directive()\nexport abstract class G2BaseComponent implements OnInit, OnChanges, OnDestroy {\n  get chart(): Chart {\n    return this._chart;\n  }\n\n  constructor(\n    protected srv: G2Service,\n    protected el: ElementRef<HTMLElement>,\n    protected ngZone: NgZone,\n    protected platform: Platform,\n    protected cdr: ChangeDetectorRef\n  ) {\n    this.theme = srv.cog.theme!;\n    this.srv.notify\n      .pipe(\n        takeUntil(this.destroy$),\n        filter(() => !this.loaded)\n      )\n      .subscribe(() => this.load());\n  }\n  static ngAcceptInputType_repaint: BooleanInput;\n  static ngAcceptInputType_delay: NumberInput;\n  @Input() @InputBoolean() repaint = true;\n\n  @ViewChild('container', { static: true }) protected node!: ElementRef;\n  protected resize$?: Subscription;\n  protected destroy$ = new Subject<void>();\n  protected _chart!: Chart;\n  loaded = false;\n\n  @Input() @InputNumber() delay = 0;\n  @Input() theme: string | Types.LooseObject;\n\n  /** 检查是否只变更数据 */\n  onlyChangeData?: (changes: SimpleChanges) => boolean;\n\n  abstract install(): void;\n\n  /** G2数据变更 */\n  changeData(): void {}\n\n  /** 等同 `ngOnInit` */\n  onInit(): void {}\n\n  /** 等同 `ngOnChanges` */\n  onChanges(_: SimpleChanges): void {}\n\n  @ZoneOutside()\n  private load(): void {\n    this.ngZone.run(() => {\n      this.loaded = true;\n      this.cdr.detectChanges();\n    });\n    setTimeout(() => this.install(), this.delay);\n  }\n\n  ngOnInit(): void {\n    if (!this.platform.isBrowser) {\n      return;\n    }\n    this.onInit();\n    if ((window as NzSafeAny).G2) {\n      this.load();\n    } else {\n      this.srv.libLoad();\n    }\n  }\n\n  ngOnChanges(changes: SimpleChanges): void {\n    this.onChanges(changes);\n\n    const isOnlyChangeData = this.onlyChangeData\n      ? this.onlyChangeData(changes)\n      : Object.keys(changes).length === 1 && !!changes.data;\n    if (isOnlyChangeData) {\n      this.changeData();\n      return;\n    }\n    if (!this.chart || !this.repaint) return;\n    this.ngZone.runOutsideAngular(() => {\n      this.destroyChart().install();\n    });\n  }\n\n  @ZoneOutside()\n  protected destroyChart(): this {\n    if (this._chart) {\n      this._chart.destroy();\n    }\n    return this;\n  }\n\n  ngOnDestroy(): void {\n    if (this.resize$) {\n      this.resize$.unsubscribe();\n    }\n    this.destroy$.next();\n    this.destroy$.complete();\n    this.destroyChart();\n  }\n}\n","import type { Types } from '@antv/g2';\n\nexport function genMiniTooltipOptions(type: 'mini' | 'default', options?: Types.TooltipCfg): Types.TooltipCfg {\n  const res: Types.TooltipCfg = {\n    showTitle: false,\n    showMarkers: true,\n    enterable: true,\n    domStyles: {\n      'g2-tooltip': { padding: '0px' },\n      'g2-tooltip-title': { display: 'none' },\n      'g2-tooltip-list-item': { margin: '4px' }\n    },\n    ...options\n  };\n  if (type === 'mini') {\n    res.position = 'top';\n    res.domStyles!['g2-tooltip'] = { padding: '0px', backgroundColor: 'transparent', boxShadow: 'none' };\n    res.itemTpl = `<li>{value}</li>`;\n    res.offset = 8;\n  }\n\n  return res;\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}

package/fesm2020/delon-chart-custom.mjs

@@ -0,0 +1,94 @@
+import { __decorate } from 'tslib';
+import * as i0 from '@angular/core';
+import { EventEmitter, Component, ChangeDetectionStrategy, ViewEncapsulation, Input, Output, NgModule } from '@angular/core';
+import { fromEvent } from 'rxjs';
+import { takeUntil, debounceTime } from 'rxjs/operators';
+import { G2BaseComponent } from '@delon/chart/core';
+import { InputNumber } from '@delon/util/decorator';
+import * as i1 from 'ng-zorro-antd/skeleton';
+import { NzSkeletonModule } from 'ng-zorro-antd/skeleton';
+import * as i2 from '@angular/common';
+import { CommonModule } from '@angular/common';
+
+class G2CustomComponent extends G2BaseComponent {
+    constructor() {
+        super(...arguments);
+        this.resizeTime = 0;
+        this.render = new EventEmitter();
+        this.resize = new EventEmitter();
+        this.destroy = new EventEmitter();
+    }
+    // #endregion
+    install() {
+        this.el.nativeElement.innerHTML = '';
+        this.render.emit(this.el);
+        this.installResizeEvent();
+    }
+    installResizeEvent() {
+        if (this.resizeTime <= 0)
+            return;
+        fromEvent(window, 'resize')
+            .pipe(takeUntil(this.destroy$), debounceTime(Math.min(200, this.resizeTime)))
+            .subscribe(() => this.resize.emit(this.el));
+    }
+}
+G2CustomComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: G2CustomComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+G2CustomComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.1", type: G2CustomComponent, selector: "g2,g2-custom", inputs: { height: "height", resizeTime: "resizeTime" }, outputs: { render: "render", resize: "resize", destroy: "destroy" }, host: { properties: { "style.height.px": "height" } }, exportAs: ["g2Custom"], usesInheritance: true, ngImport: i0, template: `
+    <nz-skeleton *ngIf="!loaded"></nz-skeleton>
+    <ng-content></ng-content>
+  `, isInline: true, components: [{ type: i1.NzSkeletonComponent, selector: "nz-skeleton", inputs: ["nzActive", "nzLoading", "nzRound", "nzTitle", "nzAvatar", "nzParagraph"], exportAs: ["nzSkeleton"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+__decorate([
+    InputNumber()
+], G2CustomComponent.prototype, "height", void 0);
+__decorate([
+    InputNumber()
+], G2CustomComponent.prototype, "resizeTime", void 0);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: G2CustomComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'g2,g2-custom',
+                    exportAs: 'g2Custom',
+                    template: `
+    <nz-skeleton *ngIf="!loaded"></nz-skeleton>
+    <ng-content></ng-content>
+  `,
+                    host: {
+                        '[style.height.px]': 'height'
+                    },
+                    preserveWhitespaces: false,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    encapsulation: ViewEncapsulation.None
+                }]
+        }], propDecorators: { height: [{
+                type: Input
+            }], resizeTime: [{
+                type: Input
+            }], render: [{
+                type: Output
+            }], resize: [{
+                type: Output
+            }], destroy: [{
+                type: Output
+            }] } });
+
+const COMPONENTS = [G2CustomComponent];
+class G2CustomModule {
+}
+G2CustomModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: G2CustomModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+G2CustomModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: G2CustomModule, declarations: [G2CustomComponent], imports: [CommonModule, NzSkeletonModule], exports: [G2CustomComponent] });
+G2CustomModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: G2CustomModule, imports: [[CommonModule, NzSkeletonModule]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: G2CustomModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule, NzSkeletonModule],
+                    declarations: COMPONENTS,
+                    exports: COMPONENTS
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { G2CustomComponent, G2CustomModule };
+//# sourceMappingURL=delon-chart-custom.mjs.map

package/fesm2020/delon-chart-custom.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"delon-chart-custom.mjs","sources":["../../../../packages/chart/custom/custom.component.ts","../../../../packages/chart/custom/custom.module.ts","../../../../packages/chart/custom/delon-chart-custom.ts"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  ElementRef,\n  EventEmitter,\n  Input,\n  Output,\n  ViewEncapsulation\n} from '@angular/core';\nimport { fromEvent } from 'rxjs';\nimport { debounceTime, takeUntil } from 'rxjs/operators';\n\nimport { G2BaseComponent } from '@delon/chart/core';\nimport { InputNumber, NumberInput } from '@delon/util/decorator';\n\n@Component({\n  selector: 'g2,g2-custom',\n  exportAs: 'g2Custom',\n  template: `\n    <nz-skeleton *ngIf=\"!loaded\"></nz-skeleton>\n    <ng-content></ng-content>\n  `,\n  host: {\n    '[style.height.px]': 'height'\n  },\n  preserveWhitespaces: false,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None\n})\nexport class G2CustomComponent extends G2BaseComponent {\n  static ngAcceptInputType_height: NumberInput;\n  static ngAcceptInputType_resizeTime: NumberInput;\n\n  // #region fields\n\n  @Input() @InputNumber() height?: number;\n  @Input() @InputNumber() resizeTime = 0;\n  @Output() readonly render = new EventEmitter<ElementRef>();\n  @Output() readonly resize = new EventEmitter<ElementRef>();\n  @Output() readonly destroy = new EventEmitter<ElementRef>();\n\n  // #endregion\n\n  install(): void {\n    this.el.nativeElement.innerHTML = '';\n    this.render.emit(this.el);\n    this.installResizeEvent();\n  }\n\n  private installResizeEvent(): void {\n    if (this.resizeTime <= 0) return;\n\n    fromEvent(window, 'resize')\n      .pipe(takeUntil(this.destroy$), debounceTime(Math.min(200, this.resizeTime)))\n      .subscribe(() => this.resize.emit(this.el));\n  }\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport { NzSkeletonModule } from 'ng-zorro-antd/skeleton';\n\nimport { G2CustomComponent } from './custom.component';\n\nconst COMPONENTS = [G2CustomComponent];\n\n@NgModule({\n  imports: [CommonModule, NzSkeletonModule],\n  declarations: COMPONENTS,\n  exports: COMPONENTS\n})\nexport class G2CustomModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":";;;;;;;;;;;;MA6Ba,iBAAkB,SAAQ,eAAe;IAdtD;;QAqB0B,eAAU,GAAG,CAAC,CAAC;QACpB,WAAM,GAAG,IAAI,YAAY,EAAc,CAAC;QACxC,WAAM,GAAG,IAAI,YAAY,EAAc,CAAC;QACxC,YAAO,GAAG,IAAI,YAAY,EAAc,CAAC;KAiB7D;;IAbC,OAAO;QACL,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,SAAS,GAAG,EAAE,CAAC;QACrC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;QAC1B,IAAI,CAAC,kBAAkB,EAAE,CAAC;KAC3B;IAEO,kBAAkB;QACxB,IAAI,IAAI,CAAC,UAAU,IAAI,CAAC;YAAE,OAAO;QAEjC,SAAS,CAAC,MAAM,EAAE,QAAQ,CAAC;aACxB,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE,YAAY,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC;aAC5E,SAAS,CAAC,MAAM,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC;KAC/C;;8GA1BU,iBAAiB;kGAAjB,iBAAiB,uRAXlB;;;GAGT;AAcuB;IAAd,WAAW,EAAE;iDAAiB;AAChB;IAAd,WAAW,EAAE;qDAAgB;2FAP5B,iBAAiB;kBAd7B,SAAS;mBAAC;oBACT,QAAQ,EAAE,cAAc;oBACxB,QAAQ,EAAE,UAAU;oBACpB,QAAQ,EAAE;;;GAGT;oBACD,IAAI,EAAE;wBACJ,mBAAmB,EAAE,QAAQ;qBAC9B;oBACD,mBAAmB,EAAE,KAAK;oBAC1B,eAAe,EAAE,uBAAuB,CAAC,MAAM;oBAC/C,aAAa,EAAE,iBAAiB,CAAC,IAAI;iBACtC;8BAOyB,MAAM;sBAA7B,KAAK;gBACkB,UAAU;sBAAjC,KAAK;gBACa,MAAM;sBAAxB,MAAM;gBACY,MAAM;sBAAxB,MAAM;gBACY,OAAO;sBAAzB,MAAM;;;AChCT,MAAM,UAAU,GAAG,CAAC,iBAAiB,CAAC,CAAC;MAO1B,cAAc;;2GAAd,cAAc;4GAAd,cAAc,iBAPP,iBAAiB,aAGzB,YAAY,EAAE,gBAAgB,aAHtB,iBAAiB;4GAOxB,cAAc,YAJhB,CAAC,YAAY,EAAE,gBAAgB,CAAC;2FAI9B,cAAc;kBAL1B,QAAQ;mBAAC;oBACR,OAAO,EAAE,CAAC,YAAY,EAAE,gBAAgB,CAAC;oBACzC,YAAY,EAAE,UAAU;oBACxB,OAAO,EAAE,UAAU;iBACpB;;;ACbD;;;;;;"}