@delon/chart 12.3.0 → 13.0.0-beta.1

package/fesm2015/mini-area.js

@@ -1,139 +0,0 @@
-import { __decorate } from 'tslib';
-import { EventEmitter, Component, ChangeDetectionStrategy, ViewEncapsulation, Input, Output, NgModule } from '@angular/core';
-import { G2BaseComponent, genMiniTooltipOptions } from '@delon/chart/core';
-import { InputNumber, InputBoolean } from '@delon/util/decorator';
-import { CommonModule } from '@angular/common';
-
-class G2MiniAreaComponent extends G2BaseComponent {
-    constructor() {
-        super(...arguments);
-        // #region fields
-        this.color = 'rgba(24, 144, 255, 0.2)';
-        this.borderColor = '#1890FF';
-        this.borderWidth = 2;
-        this.height = 56;
-        this.fit = true;
-        this.line = false;
-        this.animate = true;
-        this.padding = [8, 8, 8, 8];
-        this.data = [];
-        this.yTooltipSuffix = '';
-        this.tooltipType = 'default';
-        this.clickItem = new EventEmitter();
-    }
-    // #endregion
-    install() {
-        const { el, fit, height, padding, xAxis, yAxis, yTooltipSuffix, tooltipType, line, theme, animate, color, borderColor, borderWidth } = this;
-        const chart = (this._chart = new window.G2.Chart({
-            container: el.nativeElement,
-            autoFit: fit,
-            height,
-            padding,
-            theme
-        }));
-        chart.animate(animate);
-        if (!xAxis && !yAxis) {
-            chart.axis(false);
-        }
-        if (xAxis) {
-            chart.axis('x', xAxis);
-        }
-        else {
-            chart.axis('x', false);
-        }
-        if (yAxis) {
-            chart.axis('y', yAxis);
-        }
-        else {
-            chart.axis('y', false);
-        }
-        chart.legend(false);
-        chart.tooltip(genMiniTooltipOptions(tooltipType));
-        chart
-            .area()
-            .position('x*y')
-            .color('x*y', (x, y) => {
-            const colorItem = this.data.find(w => w.x === x && w.y === y);
-            return colorItem && colorItem.color ? colorItem.color : color;
-        })
-            .tooltip('x*y', (x, y) => ({ name: x, value: y + yTooltipSuffix }))
-            .shape('smooth');
-        if (line) {
-            chart.line().position('x*y').shape('smooth').color(borderColor).size(borderWidth).tooltip(false);
-        }
-        chart.on(`plot:click`, (ev) => {
-            const records = this._chart.getSnapRecords({ x: ev.x, y: ev.y });
-            this.ngZone.run(() => this.clickItem.emit({ item: records[0]._origin, ev }));
-        });
-        this.changeData();
-        chart.render();
-    }
-    changeData() {
-        const { _chart, data } = this;
-        if (!_chart || !Array.isArray(data) || data.length <= 0)
-            return;
-        _chart.changeData(data);
-    }
-}
-G2MiniAreaComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'g2-mini-area',
-                exportAs: 'g2MiniArea',
-                template: ``,
-                host: {
-                    '[style.height.px]': 'height'
-                },
-                preserveWhitespaces: false,
-                changeDetection: ChangeDetectionStrategy.OnPush,
-                encapsulation: ViewEncapsulation.None
-            },] }
-];
-G2MiniAreaComponent.propDecorators = {
-    color: [{ type: Input }],
-    borderColor: [{ type: Input }],
-    borderWidth: [{ type: Input }],
-    height: [{ type: Input }],
-    fit: [{ type: Input }],
-    line: [{ type: Input }],
-    animate: [{ type: Input }],
-    xAxis: [{ type: Input }],
-    yAxis: [{ type: Input }],
-    padding: [{ type: Input }],
-    data: [{ type: Input }],
-    yTooltipSuffix: [{ type: Input }],
-    tooltipType: [{ type: Input }],
-    clickItem: [{ type: Output }]
-};
-__decorate([
-    InputNumber()
-], G2MiniAreaComponent.prototype, "borderWidth", void 0);
-__decorate([
-    InputNumber()
-], G2MiniAreaComponent.prototype, "height", void 0);
-__decorate([
-    InputBoolean()
-], G2MiniAreaComponent.prototype, "fit", void 0);
-__decorate([
-    InputBoolean()
-], G2MiniAreaComponent.prototype, "line", void 0);
-__decorate([
-    InputBoolean()
-], G2MiniAreaComponent.prototype, "animate", void 0);
-
-const COMPONENTS = [G2MiniAreaComponent];
-class G2MiniAreaModule {
-}
-G2MiniAreaModule.decorators = [
-    { type: NgModule, args: [{
-                imports: [CommonModule],
-                declarations: COMPONENTS,
-                exports: COMPONENTS
-            },] }
-];
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { G2MiniAreaComponent, G2MiniAreaModule };
-//# sourceMappingURL=mini-area.js.map

package/fesm2015/mini-area.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"mini-area.js","sources":["../../../../packages/chart/mini-area/mini-area.component.ts","../../../../packages/chart/mini-area/mini-area.module.ts","../../../../packages/chart/mini-area/mini-area.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output, ViewEncapsulation } from '@angular/core';\n\nimport type { Chart, Event } from '@antv/g2';\n\nimport { G2BaseComponent, genMiniTooltipOptions } from '@delon/chart/core';\nimport { BooleanInput, InputBoolean, InputNumber, NumberInput } from '@delon/util/decorator';\nimport type { NzSafeAny } from 'ng-zorro-antd/core/types';\n\nexport interface G2MiniAreaData {\n  x: NzSafeAny;\n  y: NzSafeAny;\n  color?: string | null;\n  [key: string]: NzSafeAny;\n}\n\nexport interface G2MiniAreaClickItem {\n  item: G2MiniAreaData;\n  ev: Event;\n}\n\n@Component({\n  selector: 'g2-mini-area',\n  exportAs: 'g2MiniArea',\n  template: ``,\n  host: {\n    '[style.height.px]': 'height'\n  },\n  preserveWhitespaces: false,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None\n})\nexport class G2MiniAreaComponent extends G2BaseComponent {\n  static ngAcceptInputType_borderWidth: NumberInput;\n  static ngAcceptInputType_height: NumberInput;\n  static ngAcceptInputType_fit: BooleanInput;\n  static ngAcceptInputType_line: BooleanInput;\n  static ngAcceptInputType_animate: BooleanInput;\n\n  // #region fields\n\n  @Input() color = 'rgba(24, 144, 255, 0.2)';\n  @Input() borderColor = '#1890FF';\n  @Input() @InputNumber() borderWidth = 2;\n  @Input() @InputNumber() height = 56;\n  @Input() @InputBoolean() fit = true;\n  @Input() @InputBoolean() line = false;\n  @Input() @InputBoolean() animate = true;\n  @Input() xAxis: NzSafeAny;\n  @Input() yAxis: NzSafeAny;\n  @Input() padding: number | number[] | 'auto' = [8, 8, 8, 8];\n  @Input() data: G2MiniAreaData[] = [];\n  @Input() yTooltipSuffix = '';\n  @Input() tooltipType: 'mini' | 'default' = 'default';\n  @Output() readonly clickItem = new EventEmitter<G2MiniAreaClickItem>();\n\n  // #endregion\n\n  install(): void {\n    const {\n      el,\n      fit,\n      height,\n      padding,\n      xAxis,\n      yAxis,\n      yTooltipSuffix,\n      tooltipType,\n      line,\n      theme,\n      animate,\n      color,\n      borderColor,\n      borderWidth\n    } = this;\n    const chart: Chart = (this._chart = new (window as NzSafeAny).G2.Chart({\n      container: el.nativeElement,\n      autoFit: fit,\n      height,\n      padding,\n      theme\n    }));\n    chart.animate(animate);\n\n    if (!xAxis && !yAxis) {\n      chart.axis(false);\n    }\n\n    if (xAxis) {\n      chart.axis('x', xAxis);\n    } else {\n      chart.axis('x', false);\n    }\n\n    if (yAxis) {\n      chart.axis('y', yAxis);\n    } else {\n      chart.axis('y', false);\n    }\n\n    chart.legend(false);\n    chart.tooltip(genMiniTooltipOptions(tooltipType));\n\n    chart\n      .area()\n      .position('x*y')\n      .color('x*y', (x, y) => {\n        const colorItem = this.data.find(w => w.x === x && w.y === y);\n        return colorItem && colorItem.color ? colorItem.color : color;\n      })\n      .tooltip('x*y', (x, y) => ({ name: x, value: y + yTooltipSuffix }))\n      .shape('smooth');\n\n    if (line) {\n      chart.line().position('x*y').shape('smooth').color(borderColor).size(borderWidth).tooltip(false);\n    }\n\n    chart.on(`plot:click`, (ev: Event) => {\n      const records = this._chart.getSnapRecords({ x: ev.x, y: ev.y });\n      this.ngZone.run(() => this.clickItem.emit({ item: records[0]._origin, ev }));\n    });\n\n    this.changeData();\n    chart.render();\n  }\n\n  changeData(): void {\n    const { _chart, data } = this;\n    if (!_chart || !Array.isArray(data) || data.length <= 0) return;\n\n    _chart.changeData(data);\n  }\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport { G2MiniAreaComponent } from './mini-area.component';\n\nconst COMPONENTS = [G2MiniAreaComponent];\n\n@NgModule({\n  imports: [CommonModule],\n  declarations: COMPONENTS,\n  exports: COMPONENTS\n})\nexport class G2MiniAreaModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}

package/fesm2015/mini-bar.js

@@ -1,109 +0,0 @@
-import { __decorate } from 'tslib';
-import { EventEmitter, Component, ChangeDetectionStrategy, ViewEncapsulation, Input, Output, NgModule } from '@angular/core';
-import { G2BaseComponent, genMiniTooltipOptions } from '@delon/chart/core';
-import { InputNumber } from '@delon/util/decorator';
-import { CommonModule } from '@angular/common';
-
-class G2MiniBarComponent extends G2BaseComponent {
-    constructor() {
-        super(...arguments);
-        // #region fields
-        this.color = '#1890FF';
-        this.height = 0;
-        this.borderWidth = 5;
-        this.padding = [8, 8, 8, 8];
-        this.data = [];
-        this.yTooltipSuffix = '';
-        this.tooltipType = 'default';
-        this.clickItem = new EventEmitter();
-    }
-    // #endregion
-    install() {
-        const { el, height, padding, yTooltipSuffix, tooltipType, theme, color, borderWidth } = this;
-        const chart = (this._chart = new window.G2.Chart({
-            container: el.nativeElement,
-            autoFit: true,
-            height,
-            padding,
-            theme
-        }));
-        chart.scale({
-            x: {
-                type: 'cat'
-            },
-            y: {
-                min: 0
-            }
-        });
-        chart.legend(false);
-        chart.axis(false);
-        chart.tooltip(genMiniTooltipOptions(tooltipType, { showCrosshairs: false }));
-        chart
-            .interval()
-            .position('x*y')
-            .color('x*y', (x, y) => {
-            const colorItem = this.data.find(w => w.x === x && w.y === y);
-            return colorItem && colorItem.color ? colorItem.color : color;
-        })
-            .size(borderWidth)
-            .tooltip('x*y', (x, y) => ({ name: x, value: y + yTooltipSuffix }));
-        chart.on(`interval:click`, (ev) => {
-            this.ngZone.run(() => { var _a; return this.clickItem.emit({ item: (_a = ev.data) === null || _a === void 0 ? void 0 : _a.data, ev }); });
-        });
-        this.changeData();
-        chart.render();
-    }
-    changeData() {
-        const { _chart, data } = this;
-        if (!_chart || !Array.isArray(data) || data.length <= 0)
-            return;
-        _chart.changeData(data);
-    }
-}
-G2MiniBarComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'g2-mini-bar',
-                exportAs: 'g2MiniBar',
-                template: ``,
-                host: {
-                    '[style.height.px]': 'height'
-                },
-                preserveWhitespaces: false,
-                changeDetection: ChangeDetectionStrategy.OnPush,
-                encapsulation: ViewEncapsulation.None
-            },] }
-];
-G2MiniBarComponent.propDecorators = {
-    color: [{ type: Input }],
-    height: [{ type: Input }],
-    borderWidth: [{ type: Input }],
-    padding: [{ type: Input }],
-    data: [{ type: Input }],
-    yTooltipSuffix: [{ type: Input }],
-    tooltipType: [{ type: Input }],
-    clickItem: [{ type: Output }]
-};
-__decorate([
-    InputNumber()
-], G2MiniBarComponent.prototype, "height", void 0);
-__decorate([
-    InputNumber()
-], G2MiniBarComponent.prototype, "borderWidth", void 0);
-
-const COMPONENTS = [G2MiniBarComponent];
-class G2MiniBarModule {
-}
-G2MiniBarModule.decorators = [
-    { type: NgModule, args: [{
-                imports: [CommonModule],
-                declarations: COMPONENTS,
-                exports: COMPONENTS
-            },] }
-];
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { G2MiniBarComponent, G2MiniBarModule };
-//# sourceMappingURL=mini-bar.js.map

package/fesm2015/mini-bar.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"mini-bar.js","sources":["../../../../packages/chart/mini-bar/mini-bar.component.ts","../../../../packages/chart/mini-bar/mini-bar.module.ts","../../../../packages/chart/mini-bar/mini-bar.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output, ViewEncapsulation } from '@angular/core';\n\nimport type { Chart, Event } from '@antv/g2';\n\nimport { G2BaseComponent, genMiniTooltipOptions } from '@delon/chart/core';\nimport { InputNumber, NumberInput } from '@delon/util/decorator';\nimport type { NzSafeAny } from 'ng-zorro-antd/core/types';\n\nexport interface G2MiniBarData {\n  x: NzSafeAny;\n  y: NzSafeAny;\n  color?: string | null;\n  [key: string]: NzSafeAny;\n}\n\nexport interface G2MiniBarClickItem {\n  item: G2MiniBarData;\n  ev: Event;\n}\n\n@Component({\n  selector: 'g2-mini-bar',\n  exportAs: 'g2MiniBar',\n  template: ``,\n  host: {\n    '[style.height.px]': 'height'\n  },\n  preserveWhitespaces: false,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None\n})\nexport class G2MiniBarComponent extends G2BaseComponent {\n  static ngAcceptInputType_height: NumberInput;\n  static ngAcceptInputType_borderWidth: NumberInput;\n\n  // #region fields\n\n  @Input() color = '#1890FF';\n  @Input() @InputNumber() height = 0;\n  @Input() @InputNumber() borderWidth = 5;\n  @Input() padding: number | number[] | 'auto' = [8, 8, 8, 8];\n  @Input() data: G2MiniBarData[] = [];\n  @Input() yTooltipSuffix = '';\n  @Input() tooltipType: 'mini' | 'default' = 'default';\n  @Output() readonly clickItem = new EventEmitter<G2MiniBarClickItem>();\n\n  // #endregion\n\n  install(): void {\n    const { el, height, padding, yTooltipSuffix, tooltipType, theme, color, borderWidth } = this;\n    const chart: Chart = (this._chart = new (window as NzSafeAny).G2.Chart({\n      container: el.nativeElement,\n      autoFit: true,\n      height,\n      padding,\n      theme\n    }));\n    chart.scale({\n      x: {\n        type: 'cat'\n      },\n      y: {\n        min: 0\n      }\n    });\n    chart.legend(false);\n    chart.axis(false);\n    chart.tooltip(genMiniTooltipOptions(tooltipType, { showCrosshairs: false }));\n    chart\n      .interval()\n      .position('x*y')\n      .color('x*y', (x, y) => {\n        const colorItem = this.data.find(w => w.x === x && w.y === y);\n        return colorItem && colorItem.color ? colorItem.color : color;\n      })\n      .size(borderWidth)\n      .tooltip('x*y', (x: NzSafeAny, y: NzSafeAny) => ({ name: x, value: y + yTooltipSuffix }));\n\n    chart.on(`interval:click`, (ev: Event) => {\n      this.ngZone.run(() => this.clickItem.emit({ item: ev.data?.data, ev }));\n    });\n\n    this.changeData();\n    chart.render();\n  }\n\n  changeData(): void {\n    const { _chart, data } = this;\n    if (!_chart || !Array.isArray(data) || data.length <= 0) return;\n    _chart.changeData(data);\n  }\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport { G2MiniBarComponent } from './mini-bar.component';\n\nconst COMPONENTS = [G2MiniBarComponent];\n\n@NgModule({\n  imports: [CommonModule],\n  declarations: COMPONENTS,\n  exports: COMPONENTS\n})\nexport class G2MiniBarModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}

package/fesm2015/mini-progress.js

@@ -1,70 +0,0 @@
-import { __decorate } from 'tslib';
-import { Component, ChangeDetectionStrategy, ViewEncapsulation, ChangeDetectorRef, Input, NgModule } from '@angular/core';
-import { DelonLocaleService, DelonLocaleModule } from '@delon/theme';
-import { toNumber, InputNumber } from '@delon/util/decorator';
-import { CommonModule } from '@angular/common';
-import { NzToolTipModule } from 'ng-zorro-antd/tooltip';
-
-class G2MiniProgressComponent {
-    constructor(i18n, cdr) {
-        this.i18n = i18n;
-        this.cdr = cdr;
-        this.color = '#1890FF';
-    }
-    fixNum(value) {
-        return Math.min(Math.max(toNumber(value), 0), 100);
-    }
-    ngOnChanges() {
-        this.target = this.fixNum(this.target);
-        this.percent = this.fixNum(this.percent);
-        this.cdr.detectChanges();
-    }
-}
-G2MiniProgressComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'g2-mini-progress',
-                exportAs: 'g2MiniProgress',
-                template: "<div\n  nz-tooltip\n  [nzTooltipTitle]=\"i18n.getData('miniProgress').target + target + '%'\"\n  class=\"g2-mini-progress__target\"\n  [ngStyle]=\"{ 'left.%': target }\"\n>\n  <span class=\"g2-mini-progress__target-item\" [ngStyle]=\"{ 'background-color': color }\"></span>\n  <span class=\"g2-mini-progress__target-item\" [ngStyle]=\"{ 'background-color': color }\"></span>\n</div>\n<div class=\"g2-mini-progress__wrap\">\n  <div\n    class=\"g2-mini-progress__value\"\n    [ngStyle]=\"{ 'background-color': color, 'width.%': percent, 'height.px': strokeWidth }\"\n  ></div>\n</div>\n",
-                host: { '[class.g2-mini-progress]': 'true' },
-                preserveWhitespaces: false,
-                changeDetection: ChangeDetectionStrategy.OnPush,
-                encapsulation: ViewEncapsulation.None
-            },] }
-];
-G2MiniProgressComponent.ctorParameters = () => [
-    { type: DelonLocaleService },
-    { type: ChangeDetectorRef }
-];
-G2MiniProgressComponent.propDecorators = {
-    color: [{ type: Input }],
-    target: [{ type: Input }],
-    percent: [{ type: Input }],
-    strokeWidth: [{ type: Input }]
-};
-__decorate([
-    InputNumber()
-], G2MiniProgressComponent.prototype, "target", void 0);
-__decorate([
-    InputNumber()
-], G2MiniProgressComponent.prototype, "percent", void 0);
-__decorate([
-    InputNumber()
-], G2MiniProgressComponent.prototype, "strokeWidth", void 0);
-
-const COMPONENTS = [G2MiniProgressComponent];
-class G2MiniProgressModule {
-}
-G2MiniProgressModule.decorators = [
-    { type: NgModule, args: [{
-                imports: [CommonModule, DelonLocaleModule, NzToolTipModule],
-                declarations: COMPONENTS,
-                exports: COMPONENTS
-            },] }
-];
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { G2MiniProgressComponent, G2MiniProgressModule };
-//# sourceMappingURL=mini-progress.js.map

package/fesm2015/mini-progress.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"mini-progress.js","sources":["../../../../packages/chart/mini-progress/mini-progress.component.ts","../../../../packages/chart/mini-progress/mini-progress.module.ts","../../../../packages/chart/mini-progress/mini-progress.ts"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  Component,\n  Input,\n  OnChanges,\n  ViewEncapsulation\n} from '@angular/core';\n\nimport { DelonLocaleService } from '@delon/theme';\nimport { InputNumber, NumberInput, toNumber } from '@delon/util/decorator';\n\n@Component({\n  selector: 'g2-mini-progress',\n  exportAs: 'g2MiniProgress',\n  templateUrl: './mini-progress.component.html',\n  host: { '[class.g2-mini-progress]': 'true' },\n  preserveWhitespaces: false,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None\n})\nexport class G2MiniProgressComponent implements OnChanges {\n  static ngAcceptInputType_target: NumberInput;\n  static ngAcceptInputType_percent: NumberInput;\n  static ngAcceptInputType_strokeWidth: NumberInput;\n\n  @Input() color = '#1890FF';\n  @Input() @InputNumber() target: number;\n  @Input() @InputNumber() percent: number;\n  @Input() @InputNumber() strokeWidth: number;\n\n  constructor(public i18n: DelonLocaleService, private cdr: ChangeDetectorRef) {}\n\n  private fixNum(value: number): number {\n    return Math.min(Math.max(toNumber(value), 0), 100);\n  }\n\n  ngOnChanges(): void {\n    this.target = this.fixNum(this.target);\n    this.percent = this.fixNum(this.percent);\n    this.cdr.detectChanges();\n  }\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport { DelonLocaleModule } from '@delon/theme';\nimport { NzToolTipModule } from 'ng-zorro-antd/tooltip';\n\nimport { G2MiniProgressComponent } from './mini-progress.component';\n\nconst COMPONENTS = [G2MiniProgressComponent];\n\n@NgModule({\n  imports: [CommonModule, DelonLocaleModule, NzToolTipModule],\n  declarations: COMPONENTS,\n  exports: COMPONENTS\n})\nexport class G2MiniProgressModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":";;;;;;;MAqBa,uBAAuB;IAUlC,YAAmB,IAAwB,EAAU,GAAsB;QAAxD,SAAI,GAAJ,IAAI,CAAoB;QAAU,QAAG,GAAH,GAAG,CAAmB;QALlE,UAAK,GAAG,SAAS,CAAC;KAKoD;IAEvE,MAAM,CAAC,KAAa;QAC1B,OAAO,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC;KACpD;IAED,WAAW;QACT,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;QACvC,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;QACzC,IAAI,CAAC,GAAG,CAAC,aAAa,EAAE,CAAC;KAC1B;;;YA7BF,SAAS,SAAC;gBACT,QAAQ,EAAE,kBAAkB;gBAC5B,QAAQ,EAAE,gBAAgB;gBAC1B,qlBAA6C;gBAC7C,IAAI,EAAE,EAAE,0BAA0B,EAAE,MAAM,EAAE;gBAC5C,mBAAmB,EAAE,KAAK;gBAC1B,eAAe,EAAE,uBAAuB,CAAC,MAAM;gBAC/C,aAAa,EAAE,iBAAiB,CAAC,IAAI;aACtC;;;YAXQ,kBAAkB;YAPzB,iBAAiB;;;oBAwBhB,KAAK;qBACL,KAAK;sBACL,KAAK;0BACL,KAAK;;AAFkB;IAAd,WAAW,EAAE;uDAAgB;AACf;IAAd,WAAW,EAAE;wDAAiB;AAChB;IAAd,WAAW,EAAE;4DAAqB;;ACrB9C,MAAM,UAAU,GAAG,CAAC,uBAAuB,CAAC,CAAC;MAOhC,oBAAoB;;;YALhC,QAAQ,SAAC;gBACR,OAAO,EAAE,CAAC,YAAY,EAAE,iBAAiB,EAAE,eAAe,CAAC;gBAC3D,YAAY,EAAE,UAAU;gBACxB,OAAO,EAAE,UAAU;aACpB;;;ACdD;;;;;;"}

package/fesm2015/number-info.js

@@ -1,61 +0,0 @@
-import { __decorate } from 'tslib';
-import { Component, ChangeDetectionStrategy, ViewEncapsulation, Input, NgModule } from '@angular/core';
-import { InputNumber } from '@delon/util/decorator';
-import { CommonModule } from '@angular/common';
-import { NzOutletModule } from 'ng-zorro-antd/core/outlet';
-import { NzIconModule } from 'ng-zorro-antd/icon';
-
-class NumberInfoComponent {
-    constructor() {
-        /** 状态样式 */
-        this.theme = 'light';
-        /** 设置数字和描述直接的间距（像素） */
-        this.gap = 8;
-    }
-}
-NumberInfoComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'number-info',
-                exportAs: 'numberInfo',
-                template: "<div *ngIf=\"title\" class=\"number-info__title\">\n  <ng-container *nzStringTemplateOutlet=\"title\">{{ title }}</ng-container>\n</div>\n<div *ngIf=\"subTitle\" class=\"number-info__title-sub\">\n  <ng-container *nzStringTemplateOutlet=\"subTitle\">{{ subTitle }}</ng-container>\n</div>\n<div class=\"number-info__value\" [ngStyle]=\"{ 'margin-top.px': gap }\">\n  <span class=\"number-info__value-text\">\n    <ng-container *nzStringTemplateOutlet=\"total\">{{ total }}</ng-container>\n    <em class=\"number-info__value-suffix\" *ngIf=\"suffix\">{{ suffix }}</em>\n  </span>\n  <span *ngIf=\"status || subTotal\" class=\"number-info__value-text number-info__value-sub\">\n    <ng-container *nzStringTemplateOutlet=\"subTotal\">{{ subTotal }}</ng-container>\n    <i *ngIf=\"status\" nz-icon nzType=\"caret-{{ status }}\"></i>\n  </span>\n</div>\n",
-                host: {
-                    '[class.number-info]': `true`,
-                    '[class.number-info__light]': `theme === 'light'`,
-                    '[class.number-info__default]': `theme === 'default'`
-                },
-                preserveWhitespaces: false,
-                changeDetection: ChangeDetectionStrategy.OnPush,
-                encapsulation: ViewEncapsulation.None
-            },] }
-];
-NumberInfoComponent.propDecorators = {
-    title: [{ type: Input }],
-    subTitle: [{ type: Input }],
-    total: [{ type: Input }],
-    subTotal: [{ type: Input }],
-    suffix: [{ type: Input }],
-    status: [{ type: Input }],
-    theme: [{ type: Input }],
-    gap: [{ type: Input }]
-};
-__decorate([
-    InputNumber()
-], NumberInfoComponent.prototype, "gap", void 0);
-
-const COMPONENTS = [NumberInfoComponent];
-class NumberInfoModule {
-}
-NumberInfoModule.decorators = [
-    { type: NgModule, args: [{
-                imports: [CommonModule, NzIconModule, NzOutletModule],
-                declarations: COMPONENTS,
-                exports: COMPONENTS
-            },] }
-];
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { NumberInfoComponent, NumberInfoModule };
-//# sourceMappingURL=number-info.js.map

package/fesm2015/number-info.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"number-info.js","sources":["../../../../packages/chart/number-info/number-info.component.ts","../../../../packages/chart/number-info/number-info.module.ts","../../../../packages/chart/number-info/number-info.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Input, TemplateRef, ViewEncapsulation } from '@angular/core';\n\nimport { InputNumber, NumberInput } from '@delon/util/decorator';\n\n@Component({\n  selector: 'number-info',\n  exportAs: 'numberInfo',\n  templateUrl: './number-info.component.html',\n  host: {\n    '[class.number-info]': `true`,\n    '[class.number-info__light]': `theme === 'light'`,\n    '[class.number-info__default]': `theme === 'default'`\n  },\n  preserveWhitespaces: false,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None\n})\nexport class NumberInfoComponent {\n  static ngAcceptInputType_gap: NumberInput;\n\n  /** 标题 */\n  @Input() title: string | TemplateRef<void>;\n  /** 子标题 */\n  @Input() subTitle: string | TemplateRef<void>;\n  /** 总量 */\n  @Input() total: string | number | TemplateRef<void>;\n  /** 总量后缀 */\n  @Input() subTotal: string | number | TemplateRef<void>;\n  /** 子总量 */\n  @Input() suffix: string;\n  /** 增加状态 */\n  @Input() status: 'up' | 'down';\n  /** 状态样式 */\n  @Input() theme: 'light' | 'default' = 'light';\n  /** 设置数字和描述直接的间距（像素） */\n  @Input() @InputNumber() gap = 8;\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport { NzOutletModule } from 'ng-zorro-antd/core/outlet';\nimport { NzIconModule } from 'ng-zorro-antd/icon';\n\nimport { NumberInfoComponent } from './number-info.component';\n\nconst COMPONENTS = [NumberInfoComponent];\n\n@NgModule({\n  imports: [CommonModule, NzIconModule, NzOutletModule],\n  declarations: COMPONENTS,\n  exports: COMPONENTS\n})\nexport class NumberInfoModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":";;;;;;;MAiBa,mBAAmB;IAbhC;;QA6BW,UAAK,GAAwB,OAAO,CAAC;;QAEtB,QAAG,GAAG,CAAC,CAAC;KACjC;;;YAhCA,SAAS,SAAC;gBACT,QAAQ,EAAE,aAAa;gBACvB,QAAQ,EAAE,YAAY;gBACtB,41BAA2C;gBAC3C,IAAI,EAAE;oBACJ,qBAAqB,EAAE,MAAM;oBAC7B,4BAA4B,EAAE,mBAAmB;oBACjD,8BAA8B,EAAE,qBAAqB;iBACtD;gBACD,mBAAmB,EAAE,KAAK;gBAC1B,eAAe,EAAE,uBAAuB,CAAC,MAAM;gBAC/C,aAAa,EAAE,iBAAiB,CAAC,IAAI;aACtC;;;oBAKE,KAAK;uBAEL,KAAK;oBAEL,KAAK;uBAEL,KAAK;qBAEL,KAAK;qBAEL,KAAK;oBAEL,KAAK;kBAEL,KAAK;;AAAkB;IAAd,WAAW,EAAE;gDAAS;;AC3BlC,MAAM,UAAU,GAAG,CAAC,mBAAmB,CAAC,CAAC;MAO5B,gBAAgB;;;YAL5B,QAAQ,SAAC;gBACR,OAAO,EAAE,CAAC,YAAY,EAAE,YAAY,EAAE,cAAc,CAAC;gBACrD,YAAY,EAAE,UAAU;gBACxB,OAAO,EAAE,UAAU;aACpB;;;ACdD;;;;;;"}

package/fesm2015/pie.js

@@ -1,219 +0,0 @@
-import { __decorate } from 'tslib';
-import { EventEmitter, Component, ChangeDetectionStrategy, ViewEncapsulation, Input, Output, NgModule } from '@angular/core';
-import { G2BaseComponent } from '@delon/chart/core';
-import { InputBoolean, InputNumber } from '@delon/util/decorator';
-import { CommonModule } from '@angular/common';
-import { NzOutletModule } from 'ng-zorro-antd/core/outlet';
-import { NzDividerModule } from 'ng-zorro-antd/divider';
-import { NzSkeletonModule } from 'ng-zorro-antd/skeleton';
-
-class G2PieComponent extends G2BaseComponent {
-    constructor() {
-        super(...arguments);
-        this.legendData = [];
-        // #region fields
-        this.animate = true;
-        this.color = 'rgba(24, 144, 255, 0.85)';
-        this.height = 0;
-        this.hasLegend = false;
-        this.inner = 0.75;
-        this.padding = [12, 0, 12, 0];
-        this.tooltip = true;
-        this.lineWidth = 0;
-        this.blockMaxWidth = 380;
-        this.select = true;
-        this.data = [];
-        this.interaction = 'none';
-        this.ratio = {
-            text: '占比',
-            inverse: '反比',
-            color: '',
-            inverseColor: '#F0F2F5'
-        };
-        this.clickItem = new EventEmitter();
-    }
-    // #endregion
-    get block() {
-        return this.hasLegend && this.el.nativeElement.clientWidth <= this.blockMaxWidth;
-    }
-    fixData() {
-        const { percent, color } = this;
-        this.isPercent = percent != null;
-        if (!this.isPercent) {
-            return;
-        }
-        this.select = false;
-        this.tooltip = false;
-        const { text, inverse, color: textColor, inverseColor } = this.ratio;
-        this.percentColor = (value) => (value === text ? textColor || color : inverseColor);
-        this.data = [
-            {
-                x: text,
-                y: percent
-            },
-            {
-                x: inverse,
-                y: 100 - percent
-            }
-        ];
-    }
-    install() {
-        const { node, height, padding, tooltip, inner, hasLegend, interaction, theme, animate, lineWidth, isPercent, percentColor, colors } = this;
-        const chart = (this._chart = new window.G2.Chart({
-            container: node.nativeElement,
-            autoFit: true,
-            height,
-            padding,
-            theme
-        }));
-        chart.animate(animate);
-        if (!tooltip) {
-            chart.tooltip(false);
-        }
-        else {
-            chart.tooltip({
-                showTitle: false,
-                showMarkers: false
-            });
-        }
-        if (interaction !== 'none') {
-            chart.interaction(interaction);
-        }
-        chart.axis(false).legend(false).coordinate('theta', { innerRadius: inner });
-        chart.filter('x', (_val, item) => item.checked !== false);
-        chart
-            .interval()
-            .adjust('stack')
-            .position('y')
-            .style({ lineWidth, stroke: '#fff' })
-            .color('x', isPercent ? percentColor : colors)
-            .tooltip('x*percent', (name, p) => ({
-            name,
-            value: `${hasLegend ? p : (p * 100).toFixed(2)} %`
-        }))
-            .state({});
-        chart.scale({
-            x: {
-                type: 'cat',
-                range: [0, 1]
-            }
-        });
-        chart.on(`interval:click`, (ev) => {
-            this.ngZone.run(() => { var _a; return this.clickItem.emit({ item: (_a = ev.data) === null || _a === void 0 ? void 0 : _a.data, ev }); });
-        });
-        this.changeData();
-        chart.render();
-    }
-    changeData() {
-        const { _chart, data } = this;
-        if (!_chart || !Array.isArray(data) || data.length <= 0)
-            return;
-        // 转化 percent
-        const totalSum = data.reduce((cur, item) => cur + item.y, 0);
-        for (const item of data) {
-            item.percent = totalSum === 0 ? 0 : item.y / totalSum;
-        }
-        _chart.changeData(data);
-        this.ngZone.run(() => this.genLegend());
-    }
-    genLegend() {
-        const { hasLegend, isPercent, cdr, _chart } = this;
-        if (!hasLegend || isPercent)
-            return;
-        this.legendData = _chart.geometries[0].dataArray.map((item) => {
-            const origin = item[0]._origin;
-            origin.color = item[0].color;
-            origin.checked = true;
-            origin.percent = (origin.percent * 100).toFixed(2);
-            return origin;
-        });
-        cdr.detectChanges();
-    }
-    _click(i) {
-        const { legendData, _chart } = this;
-        legendData[i].checked = !legendData[i].checked;
-        _chart.render(true);
-    }
-    onChanges() {
-        this.fixData();
-    }
-}
-G2PieComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'g2-pie',
-                exportAs: 'g2Pie',
-                template: "<nz-skeleton *ngIf=\"!loaded\"></nz-skeleton>\n<div class=\"g2-pie__chart\">\n  <div #container></div>\n  <div *ngIf=\"subTitle || total\" class=\"g2-pie__total\">\n    <h4 *ngIf=\"subTitle\" class=\"g2-pie__total-title\">\n      <ng-container *nzStringTemplateOutlet=\"subTitle\">\n        <div [innerHTML]=\"subTitle\"></div>\n      </ng-container>\n    </h4>\n    <div *ngIf=\"total\" class=\"g2-pie__total-stat\">\n      <ng-container *nzStringTemplateOutlet=\"total\">\n        <div [innerHTML]=\"total\"></div>\n      </ng-container>\n    </div>\n  </div>\n</div>\n<ul *ngIf=\"hasLegend && legendData?.length\" class=\"g2-pie__legend\">\n  <li *ngFor=\"let item of legendData; let index = index\" (click)=\"_click(index)\" class=\"g2-pie__legend-item\">\n    <span class=\"g2-pie__legend-dot\" [ngStyle]=\"{ 'background-color': !item.checked ? '#aaa' : item.color }\"></span>\n    <span class=\"g2-pie__legend-title\">{{ item.x }}</span>\n    <nz-divider nzType=\"vertical\"></nz-divider>\n    <span class=\"g2-pie__legend-percent\">{{ item.percent }}%</span>\n    <span class=\"g2-pie__legend-value\" [innerHTML]=\"valueFormat ? valueFormat(item.y) : item.y\"></span>\n  </li>\n</ul>\n",
-                host: {
-                    '[class.g2-pie]': 'true',
-                    '[class.g2-pie__legend-has]': 'hasLegend',
-                    '[class.g2-pie__legend-block]': 'block',
-                    '[class.g2-pie__mini]': 'isPercent'
-                },
-                preserveWhitespaces: false,
-                changeDetection: ChangeDetectionStrategy.OnPush,
-                encapsulation: ViewEncapsulation.None
-            },] }
-];
-G2PieComponent.propDecorators = {
-    animate: [{ type: Input }],
-    color: [{ type: Input }],
-    subTitle: [{ type: Input }],
-    total: [{ type: Input }],
-    height: [{ type: Input }],
-    hasLegend: [{ type: Input }],
-    inner: [{ type: Input }],
-    padding: [{ type: Input }],
-    percent: [{ type: Input }],
-    tooltip: [{ type: Input }],
-    lineWidth: [{ type: Input }],
-    blockMaxWidth: [{ type: Input }],
-    select: [{ type: Input }],
-    valueFormat: [{ type: Input }],
-    data: [{ type: Input }],
-    colors: [{ type: Input }],
-    interaction: [{ type: Input }],
-    ratio: [{ type: Input }],
-    clickItem: [{ type: Output }]
-};
-__decorate([
-    InputBoolean()
-], G2PieComponent.prototype, "animate", void 0);
-__decorate([
-    InputNumber()
-], G2PieComponent.prototype, "height", void 0);
-__decorate([
-    InputBoolean()
-], G2PieComponent.prototype, "hasLegend", void 0);
-__decorate([
-    InputNumber()
-], G2PieComponent.prototype, "percent", void 0);
-__decorate([
-    InputBoolean()
-], G2PieComponent.prototype, "tooltip", void 0);
-__decorate([
-    InputNumber()
-], G2PieComponent.prototype, "lineWidth", void 0);
-__decorate([
-    InputNumber()
-], G2PieComponent.prototype, "blockMaxWidth", void 0);
-__decorate([
-    InputBoolean()
-], G2PieComponent.prototype, "select", void 0);
-
-const COMPONENTS = [G2PieComponent];
-class G2PieModule {
-}
-G2PieModule.decorators = [
-    { type: NgModule, args: [{
-                imports: [CommonModule, NzDividerModule, NzOutletModule, NzSkeletonModule],
-                declarations: COMPONENTS,
-                exports: COMPONENTS
-            },] }
-];
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { G2PieComponent, G2PieModule };
-//# sourceMappingURL=pie.js.map