@delon/chart 12.4.1 → 13.0.0

package/fesm2020/trend.mjs

@@ -0,0 +1,76 @@
+import { __decorate } from 'tslib';
+import * as i0 from '@angular/core';
+import { Component, ChangeDetectionStrategy, ViewEncapsulation, Input, NgModule } from '@angular/core';
+import { InputBoolean } from '@delon/util/decorator';
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i2 from 'ng-zorro-antd/icon';
+import { NzIconModule } from 'ng-zorro-antd/icon';
+
+class TrendComponent {
+    constructor() {
+        /** 是否彩色标记 */
+        this.colorful = true;
+        /** 颜色反转 */
+        this.reverseColor = false;
+    }
+}
+TrendComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: TrendComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+TrendComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.1", type: TrendComponent, selector: "trend", inputs: { flag: "flag", colorful: "colorful", reverseColor: "reverseColor" }, host: { properties: { "class.trend": "true", "class.trend__grey": "!colorful", "class.trend__reverse": "colorful && reverseColor", "attr.data-flag": "flag" } }, exportAs: ["trend"], ngImport: i0, template: `
+    <ng-content></ng-content>
+    <span *ngIf="flag" class="trend__{{ flag }}"><i nz-icon nzType="caret-{{ flag }}"></i></span>
+  `, isInline: true, directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NzIconDirective, selector: "[nz-icon]", inputs: ["nzSpin", "nzRotate", "nzType", "nzTheme", "nzTwotoneColor", "nzIconfont"], exportAs: ["nzIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+__decorate([
+    InputBoolean()
+], TrendComponent.prototype, "colorful", void 0);
+__decorate([
+    InputBoolean()
+], TrendComponent.prototype, "reverseColor", void 0);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: TrendComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'trend',
+                    exportAs: 'trend',
+                    template: `
+    <ng-content></ng-content>
+    <span *ngIf="flag" class="trend__{{ flag }}"><i nz-icon nzType="caret-{{ flag }}"></i></span>
+  `,
+                    host: {
+                        '[class.trend]': 'true',
+                        '[class.trend__grey]': '!colorful',
+                        '[class.trend__reverse]': 'colorful && reverseColor',
+                        '[attr.data-flag]': `flag`
+                    },
+                    preserveWhitespaces: false,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    encapsulation: ViewEncapsulation.None
+                }]
+        }], propDecorators: { flag: [{
+                type: Input
+            }], colorful: [{
+                type: Input
+            }], reverseColor: [{
+                type: Input
+            }] } });
+
+const COMPONENTS = [TrendComponent];
+class TrendModule {
+}
+TrendModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: TrendModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+TrendModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: TrendModule, declarations: [TrendComponent], imports: [CommonModule, NzIconModule], exports: [TrendComponent] });
+TrendModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: TrendModule, imports: [[CommonModule, NzIconModule]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: TrendModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule, NzIconModule],
+                    declarations: COMPONENTS,
+                    exports: COMPONENTS
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { TrendComponent, TrendModule };
+//# sourceMappingURL=trend.mjs.map

package/fesm2020/trend.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"trend.mjs","sources":["../../../../packages/chart/trend/trend.component.ts","../../../../packages/chart/trend/trend.module.ts","../../../../packages/chart/trend/trend.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Input, ViewEncapsulation } from '@angular/core';\n\nimport { BooleanInput, InputBoolean } from '@delon/util/decorator';\n\n@Component({\n  selector: 'trend',\n  exportAs: 'trend',\n  template: `\n    <ng-content></ng-content>\n    <span *ngIf=\"flag\" class=\"trend__{{ flag }}\"><i nz-icon nzType=\"caret-{{ flag }}\"></i></span>\n  `,\n  host: {\n    '[class.trend]': 'true',\n    '[class.trend__grey]': '!colorful',\n    '[class.trend__reverse]': 'colorful && reverseColor',\n    '[attr.data-flag]': `flag`\n  },\n  preserveWhitespaces: false,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None\n})\nexport class TrendComponent {\n  static ngAcceptInputType_colorful: BooleanInput;\n  static ngAcceptInputType_reverseColor: BooleanInput;\n\n  /** 上升下降标识 */\n  @Input() flag?: 'up' | 'down';\n  /** 是否彩色标记 */\n  @Input() @InputBoolean() colorful = true;\n  /** 颜色反转 */\n  @Input() @InputBoolean() reverseColor = false;\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport { NzIconModule } from 'ng-zorro-antd/icon';\n\nimport { TrendComponent } from './trend.component';\n\nconst COMPONENTS = [TrendComponent];\n\n@NgModule({\n  imports: [CommonModule, NzIconModule],\n  declarations: COMPONENTS,\n  exports: COMPONENTS\n})\nexport class TrendModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":";;;;;;;;;MAqBa,cAAc;IAjB3B;;QAwB2B,aAAQ,GAAG,IAAI,CAAC;;QAEhB,iBAAY,GAAG,KAAK,CAAC;KAC/C;;2GAVY,cAAc;+FAAd,cAAc,iTAdf;;;GAGT;AAkBwB;IAAf,YAAY,EAAE;gDAAiB;AAEhB;IAAf,YAAY,EAAE;oDAAsB;2FATnC,cAAc;kBAjB1B,SAAS;mBAAC;oBACT,QAAQ,EAAE,OAAO;oBACjB,QAAQ,EAAE,OAAO;oBACjB,QAAQ,EAAE;;;GAGT;oBACD,IAAI,EAAE;wBACJ,eAAe,EAAE,MAAM;wBACvB,qBAAqB,EAAE,WAAW;wBAClC,wBAAwB,EAAE,0BAA0B;wBACpD,kBAAkB,EAAE,MAAM;qBAC3B;oBACD,mBAAmB,EAAE,KAAK;oBAC1B,eAAe,EAAE,uBAAuB,CAAC,MAAM;oBAC/C,aAAa,EAAE,iBAAiB,CAAC,IAAI;iBACtC;8BAMU,IAAI;sBAAZ,KAAK;gBAEmB,QAAQ;sBAAhC,KAAK;gBAEmB,YAAY;sBAApC,KAAK;;;ACvBR,MAAM,UAAU,GAAG,CAAC,cAAc,CAAC,CAAC;MAOvB,WAAW;;wGAAX,WAAW;yGAAX,WAAW,iBAPJ,cAAc,aAGtB,YAAY,EAAE,YAAY,aAHlB,cAAc;yGAOrB,WAAW,YAJb,CAAC,YAAY,EAAE,YAAY,CAAC;2FAI1B,WAAW;kBALvB,QAAQ;mBAAC;oBACR,OAAO,EAAE,CAAC,YAAY,EAAE,YAAY,CAAC;oBACrC,YAAY,EAAE,UAAU;oBACxB,OAAO,EAAE,UAAU;iBACpB;;;ACbD;;;;;;"}

package/fesm2020/water-wave.mjs

@@ -0,0 +1,245 @@
+import { __decorate } from 'tslib';
+import * as i0 from '@angular/core';
+import { Component, ChangeDetectionStrategy, ViewEncapsulation, ViewChild, Input, NgModule } from '@angular/core';
+import { fromEvent } from 'rxjs';
+import { debounceTime } from 'rxjs/operators';
+import { InputBoolean, InputNumber } from '@delon/util/decorator';
+import * as i1 from '@angular/cdk/platform';
+import * as i2 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i3 from 'ng-zorro-antd/core/outlet';
+import { NzOutletModule } from 'ng-zorro-antd/core/outlet';
+
+class G2WaterWaveComponent {
+    // #endregion
+    constructor(el, renderer, ngZone, cdr, platform) {
+        this.el = el;
+        this.renderer = renderer;
+        this.ngZone = ngZone;
+        this.cdr = cdr;
+        this.platform = platform;
+        this.resize$ = null;
+        // #region fields
+        this.animate = true;
+        this.delay = 0;
+        this.color = '#1890FF';
+        this.height = 160;
+    }
+    renderChart(isUpdate) {
+        if (!this.resize$)
+            return;
+        this.updateRadio();
+        const { percent, color, node, animate } = this;
+        const data = Math.min(Math.max(percent / 100, 0), 100);
+        // eslint-disable-next-line @typescript-eslint/no-this-alias
+        const self = this;
+        cancelAnimationFrame(this.timer);
+        const canvas = node.nativeElement;
+        const ctx = canvas.getContext('2d');
+        const canvasWidth = canvas.width;
+        const canvasHeight = canvas.height;
+        const radius = canvasWidth / 2;
+        const lineWidth = 2;
+        const cR = radius - lineWidth;
+        ctx.beginPath();
+        ctx.lineWidth = lineWidth * 2;
+        const axisLength = canvasWidth - lineWidth;
+        const unit = axisLength / 8;
+        const xOffset = lineWidth;
+        let sp = 0; // 周期偏移量
+        const range = 0.2; // 振幅
+        let currRange = range;
+        let currData = 0;
+        const waveupsp = animate ? 0.005 : 0.015; // 水波上涨速度
+        let arcStack = [];
+        const bR = radius - lineWidth;
+        const circleOffset = -(Math.PI / 2);
+        let circleLock = true;
+        for (let i = circleOffset; i < circleOffset + 2 * Math.PI; i += 1 / (8 * Math.PI)) {
+            arcStack.push([radius + bR * Math.cos(i), radius + bR * Math.sin(i)]);
+        }
+        const cStartPoint = arcStack.shift();
+        ctx.strokeStyle = color;
+        ctx.moveTo(cStartPoint[0], cStartPoint[1]);
+        function drawSin() {
+            ctx.beginPath();
+            ctx.save();
+            const sinStack = [];
+            for (let i = xOffset; i <= xOffset + axisLength; i += 20 / axisLength) {
+                const x = sp + (xOffset + i) / unit;
+                const y = Math.sin(x) * currRange;
+                const dx = i;
+                const dy = 2 * cR * (1 - currData) + (radius - cR) - unit * y;
+                ctx.lineTo(dx, dy);
+                sinStack.push([dx, dy]);
+            }
+            const startPoint = sinStack.shift();
+            ctx.lineTo(xOffset + axisLength, canvasHeight);
+            ctx.lineTo(xOffset, canvasHeight);
+            ctx.lineTo(startPoint[0], startPoint[1]);
+            const gradient = ctx.createLinearGradient(0, 0, 0, canvasHeight);
+            gradient.addColorStop(0, '#ffffff');
+            gradient.addColorStop(1, color);
+            ctx.fillStyle = gradient;
+            ctx.fill();
+            ctx.restore();
+        }
+        function render() {
+            ctx.clearRect(0, 0, canvasWidth, canvasHeight);
+            if (circleLock && !isUpdate) {
+                if (arcStack.length) {
+                    if (animate) {
+                        const temp = arcStack.shift();
+                        ctx.lineTo(temp[0], temp[1]);
+                        ctx.stroke();
+                    }
+                    else {
+                        for (const temp of arcStack) {
+                            ctx.lineTo(temp[0], temp[1]);
+                            ctx.stroke();
+                        }
+                        arcStack = [];
+                    }
+                }
+                else {
+                    circleLock = false;
+                    ctx.lineTo(cStartPoint[0], cStartPoint[1]);
+                    ctx.stroke();
+                    arcStack = null;
+                    ctx.globalCompositeOperation = 'destination-over';
+                    ctx.beginPath();
+                    ctx.lineWidth = lineWidth;
+                    ctx.arc(radius, radius, bR, 0, 2 * Math.PI, true);
+                    ctx.beginPath();
+                    ctx.save();
+                    ctx.arc(radius, radius, radius - 3 * lineWidth, 0, 2 * Math.PI, true);
+                    ctx.restore();
+                    ctx.clip();
+                    ctx.fillStyle = color;
+                }
+            }
+            else {
+                if (data >= 0.85) {
+                    if (currRange > range / 4) {
+                        const t = range * 0.01;
+                        currRange -= t;
+                    }
+                }
+                else if (data <= 0.1) {
+                    if (currRange < range * 1.5) {
+                        const t = range * 0.01;
+                        currRange += t;
+                    }
+                }
+                else {
+                    if (currRange <= range) {
+                        const t = range * 0.01;
+                        currRange += t;
+                    }
+                    if (currRange >= range) {
+                        const t = range * 0.01;
+                        currRange -= t;
+                    }
+                }
+                if (data - currData > 0) {
+                    currData += waveupsp;
+                }
+                if (data - currData < 0) {
+                    currData -= waveupsp;
+                }
+                sp += 0.07;
+                drawSin();
+            }
+            self.timer = requestAnimationFrame(render);
+        }
+        render();
+        // drawSin();
+    }
+    updateRadio() {
+        const { offsetWidth } = this.el.nativeElement.parentNode;
+        const radio = offsetWidth < this.height ? offsetWidth / this.height : 1;
+        this.renderer.setStyle(this.el.nativeElement, 'transform', `scale(${radio})`);
+    }
+    render() {
+        this.renderChart(false);
+    }
+    installResizeEvent() {
+        this.resize$ = fromEvent(window, 'resize')
+            .pipe(debounceTime(200))
+            .subscribe(() => this.updateRadio());
+    }
+    ngOnInit() {
+        if (!this.platform.isBrowser) {
+            return;
+        }
+        this.installResizeEvent();
+        this.ngZone.runOutsideAngular(() => setTimeout(() => this.render(), this.delay));
+    }
+    ngOnChanges() {
+        this.ngZone.runOutsideAngular(() => this.renderChart(true));
+        this.cdr.detectChanges();
+    }
+    ngOnDestroy() {
+        if (this.timer) {
+            cancelAnimationFrame(this.timer);
+        }
+        if (this.resize$) {
+            this.resize$.unsubscribe();
+        }
+    }
+}
+G2WaterWaveComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: G2WaterWaveComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.NgZone }, { token: i0.ChangeDetectorRef }, { token: i1.Platform }], target: i0.ɵɵFactoryTarget.Component });
+G2WaterWaveComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.1", type: G2WaterWaveComponent, selector: "g2-water-wave", inputs: { animate: "animate", delay: "delay", title: "title", color: "color", height: "height", percent: "percent" }, host: { properties: { "class.g2-water-wave": "true" } }, viewQueries: [{ propertyName: "node", first: true, predicate: ["container"], descendants: true, static: true }], exportAs: ["g2WaterWave"], usesOnChanges: true, ngImport: i0, template: "<div [ngStyle]=\"{ 'height.px': height, 'width.px': height, overflow: 'hidden' }\">\n  <canvas #container class=\"g2-water-wave__canvas\" width=\"{{ height * 2 }}\" height=\"{{ height * 2 }}\"></canvas>\n</div>\n<div class=\"g2-water-wave__desc\" [ngStyle]=\"{ 'width.px': height }\">\n  <span *ngIf=\"title\" class=\"g2-water-wave__desc-title\">\n    <ng-container *nzStringTemplateOutlet=\"title\">{{ title }}</ng-container>\n  </span>\n  <h4 class=\"g2-water-wave__desc-percent\">{{ percent }}%</h4>\n</div>\n", directives: [{ type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.NzStringTemplateOutletDirective, selector: "[nzStringTemplateOutlet]", inputs: ["nzStringTemplateOutletContext", "nzStringTemplateOutlet"], exportAs: ["nzStringTemplateOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+__decorate([
+    InputBoolean()
+], G2WaterWaveComponent.prototype, "animate", void 0);
+__decorate([
+    InputNumber()
+], G2WaterWaveComponent.prototype, "delay", void 0);
+__decorate([
+    InputNumber()
+], G2WaterWaveComponent.prototype, "height", void 0);
+__decorate([
+    InputNumber()
+], G2WaterWaveComponent.prototype, "percent", void 0);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: G2WaterWaveComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'g2-water-wave', exportAs: 'g2WaterWave', host: { '[class.g2-water-wave]': 'true' }, preserveWhitespaces: false, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<div [ngStyle]=\"{ 'height.px': height, 'width.px': height, overflow: 'hidden' }\">\n  <canvas #container class=\"g2-water-wave__canvas\" width=\"{{ height * 2 }}\" height=\"{{ height * 2 }}\"></canvas>\n</div>\n<div class=\"g2-water-wave__desc\" [ngStyle]=\"{ 'width.px': height }\">\n  <span *ngIf=\"title\" class=\"g2-water-wave__desc-title\">\n    <ng-container *nzStringTemplateOutlet=\"title\">{{ title }}</ng-container>\n  </span>\n  <h4 class=\"g2-water-wave__desc-percent\">{{ percent }}%</h4>\n</div>\n" }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.NgZone }, { type: i0.ChangeDetectorRef }, { type: i1.Platform }]; }, propDecorators: { node: [{
+                type: ViewChild,
+                args: ['container', { static: true }]
+            }], animate: [{
+                type: Input
+            }], delay: [{
+                type: Input
+            }], title: [{
+                type: Input
+            }], color: [{
+                type: Input
+            }], height: [{
+                type: Input
+            }], percent: [{
+                type: Input
+            }] } });
+
+const COMPONENTS = [G2WaterWaveComponent];
+class G2WaterWaveModule {
+}
+G2WaterWaveModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: G2WaterWaveModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+G2WaterWaveModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: G2WaterWaveModule, declarations: [G2WaterWaveComponent], imports: [CommonModule, NzOutletModule], exports: [G2WaterWaveComponent] });
+G2WaterWaveModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: G2WaterWaveModule, imports: [[CommonModule, NzOutletModule]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: G2WaterWaveModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule, NzOutletModule],
+                    declarations: COMPONENTS,
+                    exports: COMPONENTS
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { G2WaterWaveComponent, G2WaterWaveModule };
+//# sourceMappingURL=water-wave.mjs.map

package/fesm2020/water-wave.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"water-wave.mjs","sources":["../../../../packages/chart/water-wave/water-wave.component.ts","../../../../packages/chart/water-wave/water-wave.component.html","../../../../packages/chart/water-wave/water-wave.module.ts","../../../../packages/chart/water-wave/water-wave.ts"],"sourcesContent":["import { Platform } from '@angular/cdk/platform';\nimport {\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  Component,\n  ElementRef,\n  Input,\n  NgZone,\n  OnChanges,\n  OnDestroy,\n  OnInit,\n  Renderer2,\n  TemplateRef,\n  ViewChild,\n  ViewEncapsulation\n} from '@angular/core';\nimport { fromEvent, Subscription } from 'rxjs';\nimport { debounceTime } from 'rxjs/operators';\n\nimport { BooleanInput, InputBoolean, InputNumber, NumberInput } from '@delon/util/decorator';\n\n@Component({\n  selector: 'g2-water-wave',\n  exportAs: 'g2WaterWave',\n  templateUrl: './water-wave.component.html',\n  host: { '[class.g2-water-wave]': 'true' },\n  preserveWhitespaces: false,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None\n})\nexport class G2WaterWaveComponent implements OnDestroy, OnChanges, OnInit {\n  static ngAcceptInputType_animate: BooleanInput;\n  static ngAcceptInputType_delay: NumberInput;\n  static ngAcceptInputType_height: NumberInput;\n  static ngAcceptInputType_percent: NumberInput;\n\n  private resize$: Subscription | null = null;\n  @ViewChild('container', { static: true }) private node!: ElementRef;\n  private timer!: number;\n\n  // #region fields\n\n  @Input() @InputBoolean() animate = true;\n  @Input() @InputNumber() delay = 0;\n  @Input() title?: string | TemplateRef<void> | null;\n  @Input() color = '#1890FF';\n  @Input() @InputNumber() height = 160;\n  @Input() @InputNumber() percent?: number;\n\n  // #endregion\n\n  constructor(\n    private el: ElementRef,\n    private renderer: Renderer2,\n    private ngZone: NgZone,\n    private cdr: ChangeDetectorRef,\n    private platform: Platform\n  ) {}\n\n  private renderChart(isUpdate: boolean): void {\n    if (!this.resize$) return;\n\n    this.updateRadio();\n\n    const { percent, color, node, animate } = this;\n\n    const data = Math.min(Math.max(percent! / 100, 0), 100);\n    // eslint-disable-next-line @typescript-eslint/no-this-alias\n    const self = this;\n    cancelAnimationFrame(this.timer);\n\n    const canvas = node.nativeElement as HTMLCanvasElement;\n    const ctx = canvas.getContext('2d') as CanvasRenderingContext2D;\n    const canvasWidth = canvas.width;\n    const canvasHeight = canvas.height;\n    const radius = canvasWidth / 2;\n    const lineWidth = 2;\n    const cR = radius - lineWidth;\n\n    ctx.beginPath();\n    ctx.lineWidth = lineWidth * 2;\n\n    const axisLength = canvasWidth - lineWidth;\n    const unit = axisLength / 8;\n    const xOffset = lineWidth;\n    let sp = 0; // 周期偏移量\n    const range = 0.2; // 振幅\n    let currRange = range;\n    let currData = 0;\n    const waveupsp = animate ? 0.005 : 0.015; // 水波上涨速度\n\n    let arcStack: [[number, number]?] | null = [];\n    const bR = radius - lineWidth;\n    const circleOffset = -(Math.PI / 2);\n    let circleLock = true;\n\n    for (let i = circleOffset; i < circleOffset + 2 * Math.PI; i += 1 / (8 * Math.PI)) {\n      arcStack.push([radius + bR * Math.cos(i), radius + bR * Math.sin(i)]);\n    }\n\n    const cStartPoint = arcStack.shift() as [number, number];\n    ctx.strokeStyle = color;\n    ctx.moveTo(cStartPoint[0], cStartPoint[1]);\n\n    function drawSin(): void {\n      ctx.beginPath();\n      ctx.save();\n\n      const sinStack: [[number, number]?] = [];\n      for (let i = xOffset; i <= xOffset + axisLength; i += 20 / axisLength) {\n        const x = sp + (xOffset + i) / unit;\n        const y = Math.sin(x) * currRange;\n        const dx = i;\n        const dy = 2 * cR * (1 - currData) + (radius - cR) - unit * y;\n\n        ctx.lineTo(dx, dy);\n        sinStack.push([dx, dy]);\n      }\n\n      const startPoint = sinStack.shift() as [number, number];\n\n      ctx.lineTo(xOffset + axisLength, canvasHeight);\n      ctx.lineTo(xOffset, canvasHeight);\n      ctx.lineTo(startPoint[0], startPoint[1]);\n\n      const gradient = ctx.createLinearGradient(0, 0, 0, canvasHeight);\n      gradient.addColorStop(0, '#ffffff');\n      gradient.addColorStop(1, color);\n      ctx.fillStyle = gradient;\n      ctx.fill();\n      ctx.restore();\n    }\n\n    function render(): void {\n      ctx.clearRect(0, 0, canvasWidth, canvasHeight);\n      if (circleLock && !isUpdate) {\n        if (arcStack!.length) {\n          if (animate) {\n            const temp = arcStack!.shift() as [number, number];\n            ctx.lineTo(temp[0], temp[1]);\n            ctx.stroke();\n          } else {\n            for (const temp of arcStack!) {\n              ctx.lineTo(temp![0], temp![1]);\n              ctx.stroke();\n            }\n            arcStack = [];\n          }\n        } else {\n          circleLock = false;\n          ctx.lineTo(cStartPoint[0], cStartPoint[1]);\n          ctx.stroke();\n          arcStack = null;\n\n          ctx.globalCompositeOperation = 'destination-over';\n          ctx.beginPath();\n          ctx.lineWidth = lineWidth;\n          ctx.arc(radius, radius, bR, 0, 2 * Math.PI, true);\n\n          ctx.beginPath();\n          ctx.save();\n          ctx.arc(radius, radius, radius - 3 * lineWidth, 0, 2 * Math.PI, true);\n\n          ctx.restore();\n          ctx.clip();\n          ctx.fillStyle = color;\n        }\n      } else {\n        if (data >= 0.85) {\n          if (currRange > range / 4) {\n            const t = range * 0.01;\n            currRange -= t;\n          }\n        } else if (data <= 0.1) {\n          if (currRange < range * 1.5) {\n            const t = range * 0.01;\n            currRange += t;\n          }\n        } else {\n          if (currRange <= range) {\n            const t = range * 0.01;\n            currRange += t;\n          }\n          if (currRange >= range) {\n            const t = range * 0.01;\n            currRange -= t;\n          }\n        }\n        if (data - currData > 0) {\n          currData += waveupsp;\n        }\n        if (data - currData < 0) {\n          currData -= waveupsp;\n        }\n\n        sp += 0.07;\n        drawSin();\n      }\n      self.timer = requestAnimationFrame(render);\n    }\n\n    render();\n    // drawSin();\n  }\n\n  private updateRadio(): void {\n    const { offsetWidth } = this.el.nativeElement.parentNode;\n    const radio = offsetWidth < this.height ? offsetWidth / this.height : 1;\n    this.renderer.setStyle(this.el.nativeElement, 'transform', `scale(${radio})`);\n  }\n\n  render(): void {\n    this.renderChart(false);\n  }\n\n  private installResizeEvent(): void {\n    this.resize$ = fromEvent(window, 'resize')\n      .pipe(debounceTime(200))\n      .subscribe(() => this.updateRadio());\n  }\n\n  ngOnInit(): void {\n    if (!this.platform.isBrowser) {\n      return;\n    }\n    this.installResizeEvent();\n    this.ngZone.runOutsideAngular(() => setTimeout(() => this.render(), this.delay));\n  }\n\n  ngOnChanges(): void {\n    this.ngZone.runOutsideAngular(() => this.renderChart(true));\n    this.cdr.detectChanges();\n  }\n\n  ngOnDestroy(): void {\n    if (this.timer) {\n      cancelAnimationFrame(this.timer);\n    }\n    if (this.resize$) {\n      this.resize$.unsubscribe();\n    }\n  }\n}\n","<div [ngStyle]=\"{ 'height.px': height, 'width.px': height, overflow: 'hidden' }\">\n  <canvas #container class=\"g2-water-wave__canvas\" width=\"{{ height * 2 }}\" height=\"{{ height * 2 }}\"></canvas>\n</div>\n<div class=\"g2-water-wave__desc\" [ngStyle]=\"{ 'width.px': height }\">\n  <span *ngIf=\"title\" class=\"g2-water-wave__desc-title\">\n    <ng-container *nzStringTemplateOutlet=\"title\">{{ title }}</ng-container>\n  </span>\n  <h4 class=\"g2-water-wave__desc-percent\">{{ percent }}%</h4>\n</div>\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport { NzOutletModule } from 'ng-zorro-antd/core/outlet';\n\nimport { G2WaterWaveComponent } from './water-wave.component';\n\nconst COMPONENTS = [G2WaterWaveComponent];\n\n@NgModule({\n  imports: [CommonModule, NzOutletModule],\n  declarations: COMPONENTS,\n  exports: COMPONENTS\n})\nexport class G2WaterWaveModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":";;;;;;;;;;;;MA8Ba,oBAAoB;;IAqB/B,YACU,EAAc,EACd,QAAmB,EACnB,MAAc,EACd,GAAsB,EACtB,QAAkB;QAJlB,OAAE,GAAF,EAAE,CAAY;QACd,aAAQ,GAAR,QAAQ,CAAW;QACnB,WAAM,GAAN,MAAM,CAAQ;QACd,QAAG,GAAH,GAAG,CAAmB;QACtB,aAAQ,GAAR,QAAQ,CAAU;QApBpB,YAAO,GAAwB,IAAI,CAAC;;QAMnB,YAAO,GAAG,IAAI,CAAC;QAChB,UAAK,GAAG,CAAC,CAAC;QAEzB,UAAK,GAAG,SAAS,CAAC;QACH,WAAM,GAAG,GAAG,CAAC;KAWjC;IAEI,WAAW,CAAC,QAAiB;QACnC,IAAI,CAAC,IAAI,CAAC,OAAO;YAAE,OAAO;QAE1B,IAAI,CAAC,WAAW,EAAE,CAAC;QAEnB,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,IAAI,CAAC;QAE/C,MAAM,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,OAAQ,GAAG,GAAG,EAAE,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC;;QAExD,MAAM,IAAI,GAAG,IAAI,CAAC;QAClB,oBAAoB,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAEjC,MAAM,MAAM,GAAG,IAAI,CAAC,aAAkC,CAAC;QACvD,MAAM,GAAG,GAAG,MAAM,CAAC,UAAU,CAAC,IAAI,CAA6B,CAAC;QAChE,MAAM,WAAW,GAAG,MAAM,CAAC,KAAK,CAAC;QACjC,MAAM,YAAY,GAAG,MAAM,CAAC,MAAM,CAAC;QACnC,MAAM,MAAM,GAAG,WAAW,GAAG,CAAC,CAAC;QAC/B,MAAM,SAAS,GAAG,CAAC,CAAC;QACpB,MAAM,EAAE,GAAG,MAAM,GAAG,SAAS,CAAC;QAE9B,GAAG,CAAC,SAAS,EAAE,CAAC;QAChB,GAAG,CAAC,SAAS,GAAG,SAAS,GAAG,CAAC,CAAC;QAE9B,MAAM,UAAU,GAAG,WAAW,GAAG,SAAS,CAAC;QAC3C,MAAM,IAAI,GAAG,UAAU,GAAG,CAAC,CAAC;QAC5B,MAAM,OAAO,GAAG,SAAS,CAAC;QAC1B,IAAI,EAAE,GAAG,CAAC,CAAC;QACX,MAAM,KAAK,GAAG,GAAG,CAAC;QAClB,IAAI,SAAS,GAAG,KAAK,CAAC;QACtB,IAAI,QAAQ,GAAG,CAAC,CAAC;QACjB,MAAM,QAAQ,GAAG,OAAO,GAAG,KAAK,GAAG,KAAK,CAAC;QAEzC,IAAI,QAAQ,GAA+B,EAAE,CAAC;QAC9C,MAAM,EAAE,GAAG,MAAM,GAAG,SAAS,CAAC;QAC9B,MAAM,YAAY,GAAG,EAAE,IAAI,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC;QACpC,IAAI,UAAU,GAAG,IAAI,CAAC;QAEtB,KAAK,IAAI,CAAC,GAAG,YAAY,EAAE,CAAC,GAAG,YAAY,GAAG,CAAC,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC,EAAE,CAAC,EAAE;YACjF,QAAQ,CAAC,IAAI,CAAC,CAAC,MAAM,GAAG,EAAE,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,MAAM,GAAG,EAAE,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;SACvE;QAED,MAAM,WAAW,GAAG,QAAQ,CAAC,KAAK,EAAsB,CAAC;QACzD,GAAG,CAAC,WAAW,GAAG,KAAK,CAAC;QACxB,GAAG,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC;QAE3C,SAAS,OAAO;YACd,GAAG,CAAC,SAAS,EAAE,CAAC;YAChB,GAAG,CAAC,IAAI,EAAE,CAAC;YAEX,MAAM,QAAQ,GAAwB,EAAE,CAAC;YACzC,KAAK,IAAI,CAAC,GAAG,OAAO,EAAE,CAAC,IAAI,OAAO,GAAG,UAAU,EAAE,CAAC,IAAI,EAAE,GAAG,UAAU,EAAE;gBACrE,MAAM,CAAC,GAAG,EAAE,GAAG,CAAC,OAAO,GAAG,CAAC,IAAI,IAAI,CAAC;gBACpC,MAAM,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,SAAS,CAAC;gBAClC,MAAM,EAAE,GAAG,CAAC,CAAC;gBACb,MAAM,EAAE,GAAG,CAAC,GAAG,EAAE,IAAI,CAAC,GAAG,QAAQ,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC,GAAG,IAAI,GAAG,CAAC,CAAC;gBAE9D,GAAG,CAAC,MAAM,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC;gBACnB,QAAQ,CAAC,IAAI,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC;aACzB;YAED,MAAM,UAAU,GAAG,QAAQ,CAAC,KAAK,EAAsB,CAAC;YAExD,GAAG,CAAC,MAAM,CAAC,OAAO,GAAG,UAAU,EAAE,YAAY,CAAC,CAAC;YAC/C,GAAG,CAAC,MAAM,CAAC,OAAO,EAAE,YAAY,CAAC,CAAC;YAClC,GAAG,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC;YAEzC,MAAM,QAAQ,GAAG,GAAG,CAAC,oBAAoB,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,YAAY,CAAC,CAAC;YACjE,QAAQ,CAAC,YAAY,CAAC,CAAC,EAAE,SAAS,CAAC,CAAC;YACpC,QAAQ,CAAC,YAAY,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC;YAChC,GAAG,CAAC,SAAS,GAAG,QAAQ,CAAC;YACzB,GAAG,CAAC,IAAI,EAAE,CAAC;YACX,GAAG,CAAC,OAAO,EAAE,CAAC;SACf;QAED,SAAS,MAAM;YACb,GAAG,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,EAAE,WAAW,EAAE,YAAY,CAAC,CAAC;YAC/C,IAAI,UAAU,IAAI,CAAC,QAAQ,EAAE;gBAC3B,IAAI,QAAS,CAAC,MAAM,EAAE;oBACpB,IAAI,OAAO,EAAE;wBACX,MAAM,IAAI,GAAG,QAAS,CAAC,KAAK,EAAsB,CAAC;wBACnD,GAAG,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;wBAC7B,GAAG,CAAC,MAAM,EAAE,CAAC;qBACd;yBAAM;wBACL,KAAK,MAAM,IAAI,IAAI,QAAS,EAAE;4BAC5B,GAAG,CAAC,MAAM,CAAC,IAAK,CAAC,CAAC,CAAC,EAAE,IAAK,CAAC,CAAC,CAAC,CAAC,CAAC;4BAC/B,GAAG,CAAC,MAAM,EAAE,CAAC;yBACd;wBACD,QAAQ,GAAG,EAAE,CAAC;qBACf;iBACF;qBAAM;oBACL,UAAU,GAAG,KAAK,CAAC;oBACnB,GAAG,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC;oBAC3C,GAAG,CAAC,MAAM,EAAE,CAAC;oBACb,QAAQ,GAAG,IAAI,CAAC;oBAEhB,GAAG,CAAC,wBAAwB,GAAG,kBAAkB,CAAC;oBAClD,GAAG,CAAC,SAAS,EAAE,CAAC;oBAChB,GAAG,CAAC,SAAS,GAAG,SAAS,CAAC;oBAC1B,GAAG,CAAC,GAAG,CAAC,MAAM,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,EAAE,EAAE,IAAI,CAAC,CAAC;oBAElD,GAAG,CAAC,SAAS,EAAE,CAAC;oBAChB,GAAG,CAAC,IAAI,EAAE,CAAC;oBACX,GAAG,CAAC,GAAG,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,CAAC,GAAG,SAAS,EAAE,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,EAAE,EAAE,IAAI,CAAC,CAAC;oBAEtE,GAAG,CAAC,OAAO,EAAE,CAAC;oBACd,GAAG,CAAC,IAAI,EAAE,CAAC;oBACX,GAAG,CAAC,SAAS,GAAG,KAAK,CAAC;iBACvB;aACF;iBAAM;gBACL,IAAI,IAAI,IAAI,IAAI,EAAE;oBAChB,IAAI,SAAS,GAAG,KAAK,GAAG,CAAC,EAAE;wBACzB,MAAM,CAAC,GAAG,KAAK,GAAG,IAAI,CAAC;wBACvB,SAAS,IAAI,CAAC,CAAC;qBAChB;iBACF;qBAAM,IAAI,IAAI,IAAI,GAAG,EAAE;oBACtB,IAAI,SAAS,GAAG,KAAK,GAAG,GAAG,EAAE;wBAC3B,MAAM,CAAC,GAAG,KAAK,GAAG,IAAI,CAAC;wBACvB,SAAS,IAAI,CAAC,CAAC;qBAChB;iBACF;qBAAM;oBACL,IAAI,SAAS,IAAI,KAAK,EAAE;wBACtB,MAAM,CAAC,GAAG,KAAK,GAAG,IAAI,CAAC;wBACvB,SAAS,IAAI,CAAC,CAAC;qBAChB;oBACD,IAAI,SAAS,IAAI,KAAK,EAAE;wBACtB,MAAM,CAAC,GAAG,KAAK,GAAG,IAAI,CAAC;wBACvB,SAAS,IAAI,CAAC,CAAC;qBAChB;iBACF;gBACD,IAAI,IAAI,GAAG,QAAQ,GAAG,CAAC,EAAE;oBACvB,QAAQ,IAAI,QAAQ,CAAC;iBACtB;gBACD,IAAI,IAAI,GAAG,QAAQ,GAAG,CAAC,EAAE;oBACvB,QAAQ,IAAI,QAAQ,CAAC;iBACtB;gBAED,EAAE,IAAI,IAAI,CAAC;gBACX,OAAO,EAAE,CAAC;aACX;YACD,IAAI,CAAC,KAAK,GAAG,qBAAqB,CAAC,MAAM,CAAC,CAAC;SAC5C;QAED,MAAM,EAAE,CAAC;;KAEV;IAEO,WAAW;QACjB,MAAM,EAAE,WAAW,EAAE,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,UAAU,CAAC;QACzD,MAAM,KAAK,GAAG,WAAW,GAAG,IAAI,CAAC,MAAM,GAAG,WAAW,GAAG,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC;QACxE,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,aAAa,EAAE,WAAW,EAAE,SAAS,KAAK,GAAG,CAAC,CAAC;KAC/E;IAED,MAAM;QACJ,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;KACzB;IAEO,kBAAkB;QACxB,IAAI,CAAC,OAAO,GAAG,SAAS,CAAC,MAAM,EAAE,QAAQ,CAAC;aACvC,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC;aACvB,SAAS,CAAC,MAAM,IAAI,CAAC,WAAW,EAAE,CAAC,CAAC;KACxC;IAED,QAAQ;QACN,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,SAAS,EAAE;YAC5B,OAAO;SACR;QACD,IAAI,CAAC,kBAAkB,EAAE,CAAC;QAC1B,IAAI,CAAC,MAAM,CAAC,iBAAiB,CAAC,MAAM,UAAU,CAAC,MAAM,IAAI,CAAC,MAAM,EAAE,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC;KAClF;IAED,WAAW;QACT,IAAI,CAAC,MAAM,CAAC,iBAAiB,CAAC,MAAM,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,CAAC;QAC5D,IAAI,CAAC,GAAG,CAAC,aAAa,EAAE,CAAC;KAC1B;IAED,WAAW;QACT,IAAI,IAAI,CAAC,KAAK,EAAE;YACd,oBAAoB,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;SAClC;QACD,IAAI,IAAI,CAAC,OAAO,EAAE;YAChB,IAAI,CAAC,OAAO,CAAC,WAAW,EAAE,CAAC;SAC5B;KACF;;iHAnNU,oBAAoB;qGAApB,oBAAoB,qYC9BjC,kgBASA;ADiC2B;IAAf,YAAY,EAAE;qDAAgB;AAChB;IAAd,WAAW,EAAE;mDAAW;AAGV;IAAd,WAAW,EAAE;oDAAc;AACb;IAAd,WAAW,EAAE;qDAAkB;2FAjB9B,oBAAoB;kBAThC,SAAS;+BACE,eAAe,YACf,aAAa,QAEjB,EAAE,uBAAuB,EAAE,MAAM,EAAE,uBACpB,KAAK,mBACT,uBAAuB,CAAC,MAAM,iBAChC,iBAAiB,CAAC,IAAI;qMASa,IAAI;sBAArD,SAAS;uBAAC,WAAW,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE;gBAKf,OAAO;sBAA/B,KAAK;gBACkB,KAAK;sBAA5B,KAAK;gBACG,KAAK;sBAAb,KAAK;gBACG,KAAK;sBAAb,KAAK;gBACkB,MAAM;sBAA7B,KAAK;gBACkB,OAAO;sBAA9B,KAAK;;;AExCR,MAAM,UAAU,GAAG,CAAC,oBAAoB,CAAC,CAAC;MAO7B,iBAAiB;;8GAAjB,iBAAiB;+GAAjB,iBAAiB,iBAPV,oBAAoB,aAG5B,YAAY,EAAE,cAAc,aAHpB,oBAAoB;+GAO3B,iBAAiB,YAJnB,CAAC,YAAY,EAAE,cAAc,CAAC;2FAI5B,iBAAiB;kBAL7B,QAAQ;mBAAC;oBACR,OAAO,EAAE,CAAC,YAAY,EAAE,cAAc,CAAC;oBACvC,YAAY,EAAE,UAAU;oBACxB,OAAO,EAAE,UAAU;iBACpB;;;ACbD;;;;;;"}

package/gauge/gauge.component.d.ts

@@ -1,16 +1,19 @@
 import { G2BaseComponent } from '@delon/chart/core';
 import { NumberInput } from '@delon/util/decorator';
 import type { NzSafeAny } from 'ng-zorro-antd/core/types';
+import * as i0 from "@angular/core";
 export declare class G2GaugeComponent extends G2BaseComponent {
     static ngAcceptInputType_height: NumberInput;
     static ngAcceptInputType_percent: NumberInput;
-    title: string;
-    height: number;
+    title?: string;
+    height?: number;
     color: string;
-    bgColor: string;
-    format: (text: string, item: NzSafeAny, index: number) => string;
-    percent: number;
+    bgColor?: string;
+    format?: (text: string, item: NzSafeAny, index: number) => string;
+    percent?: number;
     padding: number | number[] | 'auto';
     install(): void;
     changeData(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<G2GaugeComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<G2GaugeComponent, "g2-gauge", ["g2Gauge"], { "title": "title"; "height": "height"; "color": "color"; "bgColor": "bgColor"; "format": "format"; "percent": "percent"; "padding": "padding"; }, {}, never, never>;
 }

package/gauge/gauge.d.ts

@@ -1,4 +1,5 @@
 /**
  * Generated bundle index. Do not edit.
  */
+/// <amd-module name="@delon/chart/gauge" />
 export * from './public_api';

package/gauge/gauge.module.d.ts

@@ -1,2 +1,9 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./gauge.component";
+import * as i2 from "@angular/common";
+import * as i3 from "ng-zorro-antd/skeleton";
 export declare class G2GaugeModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<G2GaugeModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<G2GaugeModule, [typeof i1.G2GaugeComponent], [typeof i2.CommonModule, typeof i3.NzSkeletonModule], [typeof i1.G2GaugeComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<G2GaugeModule>;
 }

package/gauge/package.json

@@ -1,11 +1,10 @@
 {
-  "main": "../bundles/gauge.umd.js",
-  "module": "../fesm2015/gauge.js",
-  "es2015": "../fesm2015/gauge.js",
-  "esm2015": "../esm2015/gauge/gauge.js",
-  "fesm2015": "../fesm2015/gauge.js",
+  "module": "../fesm2015/gauge.mjs",
+  "es2020": "../fesm2020/gauge.mjs",
+  "esm2020": "../esm2020/gauge/gauge.mjs",
+  "fesm2020": "../fesm2020/gauge.mjs",
+  "fesm2015": "../fesm2015/gauge.mjs",
   "typings": "gauge.d.ts",
-  "metadata": "gauge.metadata.json",
   "sideEffects": false,
   "name": "@delon/chart/gauge"
 }

package/mini-area/mini-area.component.d.ts

@@ -3,6 +3,7 @@ import type { Event } from '@antv/g2';
 import { G2BaseComponent } from '@delon/chart/core';
 import { BooleanInput, NumberInput } from '@delon/util/decorator';
 import type { NzSafeAny } from 'ng-zorro-antd/core/types';
+import * as i0 from "@angular/core";
 export interface G2MiniAreaData {
     x: NzSafeAny;
     y: NzSafeAny;
@@ -34,4 +35,6 @@ export declare class G2MiniAreaComponent extends G2BaseComponent {
     readonly clickItem: EventEmitter<G2MiniAreaClickItem>;
     install(): void;
     changeData(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<G2MiniAreaComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<G2MiniAreaComponent, "g2-mini-area", ["g2MiniArea"], { "color": "color"; "borderColor": "borderColor"; "borderWidth": "borderWidth"; "height": "height"; "fit": "fit"; "line": "line"; "animate": "animate"; "xAxis": "xAxis"; "yAxis": "yAxis"; "padding": "padding"; "data": "data"; "yTooltipSuffix": "yTooltipSuffix"; "tooltipType": "tooltipType"; }, { "clickItem": "clickItem"; }, never, never>;
 }

package/mini-area/mini-area.d.ts

@@ -1,4 +1,5 @@
 /**
  * Generated bundle index. Do not edit.
  */
+/// <amd-module name="@delon/chart/mini-area" />
 export * from './public_api';

package/mini-area/mini-area.module.d.ts

@@ -1,2 +1,8 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./mini-area.component";
+import * as i2 from "@angular/common";
 export declare class G2MiniAreaModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<G2MiniAreaModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<G2MiniAreaModule, [typeof i1.G2MiniAreaComponent], [typeof i2.CommonModule], [typeof i1.G2MiniAreaComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<G2MiniAreaModule>;
 }

package/mini-area/package.json

@@ -1,11 +1,10 @@
 {
-  "main": "../bundles/mini-area.umd.js",
-  "module": "../fesm2015/mini-area.js",
-  "es2015": "../fesm2015/mini-area.js",
-  "esm2015": "../esm2015/mini-area/mini-area.js",
-  "fesm2015": "../fesm2015/mini-area.js",
+  "module": "../fesm2015/mini-area.mjs",
+  "es2020": "../fesm2020/mini-area.mjs",
+  "esm2020": "../esm2020/mini-area/mini-area.mjs",
+  "fesm2020": "../fesm2020/mini-area.mjs",
+  "fesm2015": "../fesm2015/mini-area.mjs",
   "typings": "mini-area.d.ts",
-  "metadata": "mini-area.metadata.json",
   "sideEffects": false,
   "name": "@delon/chart/mini-area"
 }

package/mini-bar/mini-bar.component.d.ts

@@ -3,6 +3,7 @@ import type { Event } from '@antv/g2';
 import { G2BaseComponent } from '@delon/chart/core';
 import { NumberInput } from '@delon/util/decorator';
 import type { NzSafeAny } from 'ng-zorro-antd/core/types';
+import * as i0 from "@angular/core";
 export interface G2MiniBarData {
     x: NzSafeAny;
     y: NzSafeAny;
@@ -26,4 +27,6 @@ export declare class G2MiniBarComponent extends G2BaseComponent {
     readonly clickItem: EventEmitter<G2MiniBarClickItem>;
     install(): void;
     changeData(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<G2MiniBarComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<G2MiniBarComponent, "g2-mini-bar", ["g2MiniBar"], { "color": "color"; "height": "height"; "borderWidth": "borderWidth"; "padding": "padding"; "data": "data"; "yTooltipSuffix": "yTooltipSuffix"; "tooltipType": "tooltipType"; }, { "clickItem": "clickItem"; }, never, never>;
 }

package/mini-bar/mini-bar.d.ts

@@ -1,4 +1,5 @@
 /**
  * Generated bundle index. Do not edit.
  */
+/// <amd-module name="@delon/chart/mini-bar" />
 export * from './public_api';

package/mini-bar/mini-bar.module.d.ts

@@ -1,2 +1,8 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./mini-bar.component";
+import * as i2 from "@angular/common";
 export declare class G2MiniBarModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<G2MiniBarModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<G2MiniBarModule, [typeof i1.G2MiniBarComponent], [typeof i2.CommonModule], [typeof i1.G2MiniBarComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<G2MiniBarModule>;
 }

package/mini-bar/package.json

@@ -1,11 +1,10 @@
 {
-  "main": "../bundles/mini-bar.umd.js",
-  "module": "../fesm2015/mini-bar.js",
-  "es2015": "../fesm2015/mini-bar.js",
-  "esm2015": "../esm2015/mini-bar/mini-bar.js",
-  "fesm2015": "../fesm2015/mini-bar.js",
+  "module": "../fesm2015/mini-bar.mjs",
+  "es2020": "../fesm2020/mini-bar.mjs",
+  "esm2020": "../esm2020/mini-bar/mini-bar.mjs",
+  "fesm2020": "../fesm2020/mini-bar.mjs",
+  "fesm2015": "../fesm2015/mini-bar.mjs",
   "typings": "mini-bar.d.ts",
-  "metadata": "mini-bar.metadata.json",
   "sideEffects": false,
   "name": "@delon/chart/mini-bar"
 }

package/mini-progress/mini-progress.component.d.ts

@@ -1,6 +1,7 @@
 import { ChangeDetectorRef, OnChanges } from '@angular/core';
 import { DelonLocaleService } from '@delon/theme';
 import { NumberInput } from '@delon/util/decorator';
+import * as i0 from "@angular/core";
 export declare class G2MiniProgressComponent implements OnChanges {
     i18n: DelonLocaleService;
     private cdr;
@@ -8,10 +9,12 @@ export declare class G2MiniProgressComponent implements OnChanges {
     static ngAcceptInputType_percent: NumberInput;
     static ngAcceptInputType_strokeWidth: NumberInput;
     color: string;
-    target: number;
-    percent: number;
-    strokeWidth: number;
+    target?: number | null;
+    percent?: number | null;
+    strokeWidth?: number | null;
     constructor(i18n: DelonLocaleService, cdr: ChangeDetectorRef);
     private fixNum;
     ngOnChanges(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<G2MiniProgressComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<G2MiniProgressComponent, "g2-mini-progress", ["g2MiniProgress"], { "color": "color"; "target": "target"; "percent": "percent"; "strokeWidth": "strokeWidth"; }, {}, never, never>;
 }

package/mini-progress/mini-progress.d.ts

@@ -1,4 +1,5 @@
 /**
  * Generated bundle index. Do not edit.
  */
+/// <amd-module name="@delon/chart/mini-progress" />
 export * from './public_api';

package/mini-progress/mini-progress.module.d.ts

@@ -1,2 +1,10 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./mini-progress.component";
+import * as i2 from "@angular/common";
+import * as i3 from "@delon/theme";
+import * as i4 from "ng-zorro-antd/tooltip";
 export declare class G2MiniProgressModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<G2MiniProgressModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<G2MiniProgressModule, [typeof i1.G2MiniProgressComponent], [typeof i2.CommonModule, typeof i3.DelonLocaleModule, typeof i4.NzToolTipModule], [typeof i1.G2MiniProgressComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<G2MiniProgressModule>;
 }

package/mini-progress/package.json

@@ -1,11 +1,10 @@
 {
-  "main": "../bundles/mini-progress.umd.js",
-  "module": "../fesm2015/mini-progress.js",
-  "es2015": "../fesm2015/mini-progress.js",
-  "esm2015": "../esm2015/mini-progress/mini-progress.js",
-  "fesm2015": "../fesm2015/mini-progress.js",
+  "module": "../fesm2015/mini-progress.mjs",
+  "es2020": "../fesm2020/mini-progress.mjs",
+  "esm2020": "../esm2020/mini-progress/mini-progress.mjs",
+  "fesm2020": "../fesm2020/mini-progress.mjs",
+  "fesm2015": "../fesm2015/mini-progress.mjs",
   "typings": "mini-progress.d.ts",
-  "metadata": "mini-progress.metadata.json",
   "sideEffects": false,
   "name": "@delon/chart/mini-progress"
 }

package/mini-progress/style/index.less

@@ -6,10 +6,12 @@
   display: block;
   width: 100%;
   padding: 5px 0;
+
   &__wrap {
     position: relative;
     background-color: @background-color-base;
   }
+
   &__value {
     width: 0;
     height: 100%;
@@ -17,10 +19,12 @@
     border-radius: 1px 0 0 1px;
     transition: all 0.4s cubic-bezier(0.08, 0.82, 0.17, 1) 0s;
   }
+
   &__target {
     position: absolute;
     top: 0;
     bottom: 0;
+
     &-item {
       position: absolute;
       top: 0;
@@ -28,6 +32,7 @@
       width: 2px;
       height: 4px;
       border-radius: 100px;
+
       &:last-child {
         top: auto;
         bottom: 0;