@delon/chart 16.4.2 → 17.0.0

package/fesm2022/water-wave.mjs

@@ -1,7 +1,7 @@
 import { __decorate } from 'tslib';
 import * as i0 from '@angular/core';
 import { Component, ChangeDetectionStrategy, ViewEncapsulation, ViewChild, Input, NgModule } from '@angular/core';
-import { fromEvent, debounceTime } from 'rxjs';
+import { debounceTime, fromEvent } from 'rxjs';
 import { InputBoolean, InputNumber } from '@delon/util/decorator';
 import * as i1 from '@angular/cdk/platform';
 import * as i2 from '@angular/common';
@@ -186,8 +186,8 @@ class G2WaterWaveComponent {
             this.resize$.unsubscribe();
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.11", ngImport: i0, type: G2WaterWaveComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.NgZone }, { token: i0.ChangeDetectorRef }, { token: i1.Platform }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.11", 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", dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i3.NzStringTemplateOutletDirective, selector: "[nzStringTemplateOutlet]", inputs: ["nzStringTemplateOutletContext", "nzStringTemplateOutlet"], exportAs: ["nzStringTemplateOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: G2WaterWaveComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.NgZone }, { token: i0.ChangeDetectorRef }, { token: i1.Platform }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.0.4", 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  @if (title) {\n    <span class=\"g2-water-wave__desc-title\">\n      <ng-container *nzStringTemplateOutlet=\"title\">{{ title }}</ng-container>\n    </span>\n  }\n  <h4 class=\"g2-water-wave__desc-percent\">{{ percent }}%</h4>\n</div>\n", dependencies: [{ kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i3.NzStringTemplateOutletDirective, selector: "[nzStringTemplateOutlet]", inputs: ["nzStringTemplateOutletContext", "nzStringTemplateOutlet"], exportAs: ["nzStringTemplateOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 __decorate([
     InputBoolean()
@@ -201,10 +201,10 @@ __decorate([
 __decorate([
     InputNumber()
 ], G2WaterWaveComponent.prototype, "percent", void 0);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.11", ngImport: i0, type: G2WaterWaveComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.4", 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: [{
+            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  @if (title) {\n    <span class=\"g2-water-wave__desc-title\">\n      <ng-container *nzStringTemplateOutlet=\"title\">{{ title }}</ng-container>\n    </span>\n  }\n  <h4 class=\"g2-water-wave__desc-percent\">{{ percent }}%</h4>\n</div>\n" }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.NgZone }, { type: i0.ChangeDetectorRef }, { type: i1.Platform }], propDecorators: { node: [{
                 type: ViewChild,
                 args: ['container', { static: true }]
             }], animate: [{
@@ -223,11 +223,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.11", ngImpo
 
 const COMPONENTS = [G2WaterWaveComponent];
 class G2WaterWaveModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.11", ngImport: i0, type: G2WaterWaveModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.11", ngImport: i0, type: G2WaterWaveModule, declarations: [G2WaterWaveComponent], imports: [CommonModule, NzOutletModule], exports: [G2WaterWaveComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.11", ngImport: i0, type: G2WaterWaveModule, imports: [CommonModule, NzOutletModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: G2WaterWaveModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.4", ngImport: i0, type: G2WaterWaveModule, declarations: [G2WaterWaveComponent], imports: [CommonModule, NzOutletModule], exports: [G2WaterWaveComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: G2WaterWaveModule, imports: [CommonModule, NzOutletModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.11", ngImport: i0, type: G2WaterWaveModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: G2WaterWaveModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule, NzOutletModule],

package/fesm2022/water-wave.mjs.map

@@ -1 +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, debounceTime } from 'rxjs';\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":"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"}
+{"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, debounceTime } from 'rxjs';\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  @if (title) {\n    <span class=\"g2-water-wave__desc-title\">\n      <ng-container *nzStringTemplateOutlet=\"title\">{{ title }}</ng-container>\n    </span>\n  }\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":"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"}

package/number-info/style/index.less

@@ -6,55 +6,55 @@
 
   &__title {
     margin-bottom: 16px;
-    color: @text-color;
     font-size: @font-size-lg;
+    color: @text-color;
     transition: all 0.3s;
 
     &-sub {
-      height: 22px;
       overflow: hidden;
-      color: @text-color-secondary;
+      height: 22px;
       font-size: @font-size-base;
       line-height: 22px;
-      white-space: nowrap;
+      color: @text-color-secondary;
       text-overflow: ellipsis;
       word-break: break-all;
+      white-space: nowrap;
     }
   }
 
   &__value {
-    margin-top: 4px;
     overflow: hidden;
+    margin-top: 4px;
     font-size: 0;
-    white-space: nowrap;
     text-overflow: ellipsis;
     word-break: break-all;
+    white-space: nowrap;
 
     &-suffix {
       margin-left: 4px;
-      color: @text-color;
       font-size: 16px;
       font-style: normal;
+      color: @text-color;
     }
 
     &-text {
       display: inline-block;
       height: 32px;
-      color: @heading-color;
       font-size: 24px;
       line-height: 32px;
+      color: @heading-color;
     }
 
     &-sub {
       margin-left: 32px;
-      color: @text-color-secondary;
       font-size: @font-size-lg;
+      color: @text-color-secondary;
       vertical-align: top;
 
       .anticon {
+        transform: scale(0.82);
         margin-left: 4px;
         font-size: 12px;
-        transform: scale(0.82);
       }
 
       .anticon-caret-up {
@@ -79,6 +79,7 @@
     padding-left: 32px;
 
     &::after {
+      content: '';
       position: absolute;
       top: 0;
       bottom: 0;
@@ -86,7 +87,6 @@
       width: 1px;
       margin: 8px 0;
       background-color: @border-color-split;
-      content: '';
     }
   }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@delon/chart",
-  "version": "16.4.2",
+  "version": "17.0.0",
   "author": "cipchk<cipchk@qq.com>",
   "license": "MIT",
   "repository": {
@@ -28,8 +28,8 @@
     "@antv/data-set": "^0.11.8",
     "@antv/g2": "^4.2.10",
     "echarts": "^5.4.3",
-    "@delon/util": "^16.4.2",
-    "@delon/theme": "^16.4.2",
+    "@delon/util": "^17.0.0",
+    "@delon/theme": "^17.0.0",
     "tslib": "^2.3.0"
   },
   "module": "fesm2022/chart.mjs",

package/pie/style/index.less

@@ -13,17 +13,17 @@
     position: absolute;
     top: 50%;
     right: 0;
+    transform: translateY(-50%);
     min-width: 250px;
     margin: 0 20px;
     padding: 0;
     list-style: none;
-    transform: translateY(-50%);
 
     &-item {
+      cursor: pointer;
       height: 22px;
       margin-bottom: 16px;
       line-height: 22px;
-      cursor: pointer;
 
       &:last-child {
         margin-bottom: 0;
@@ -66,8 +66,8 @@
       }
       @{g2-pie-prefix}__legend {
         position: relative;
-        min-width: auto;
         transform: none;
+        min-width: auto;
       }
     }
   }
@@ -76,25 +76,25 @@
     position: absolute;
     top: 50%;
     left: 50%;
+    transform: translate(-50%, -50%);
     height: 62px;
     text-align: center;
-    transform: translate(-50%, -50%);
 
     &-title {
       height: 22px;
       margin-bottom: 8px;
-      color: @text-color-secondary;
-      font-weight: normal;
       font-size: 14px;
+      font-weight: normal;
       line-height: 22px;
+      color: @text-color-secondary;
     }
 
     &-stat {
       display: block;
       height: 32px;
-      color: @heading-color;
       font-size: 1.2em;
       line-height: 32px;
+      color: @heading-color;
       white-space: nowrap;
     }
   }

package/radar/style/index.less

@@ -8,20 +8,20 @@
     margin-top: 16px;
 
     &-item {
+      cursor: pointer;
       position: relative;
-      color: @text-color-secondary;
       line-height: 22px;
+      color: @text-color-secondary;
       text-align: center;
-      cursor: pointer;
 
       &::after {
+        content: '';
         position: absolute;
         top: 8px;
         right: 0;
         width: 1px;
         height: 40px;
         background-color: @border-color-split;
-        content: '';
       }
 
       &:last-child::after {
@@ -33,9 +33,9 @@
       margin-top: 4px;
       margin-bottom: 0;
       padding-left: 16px;
-      color: @heading-color;
       font-size: 24px;
       line-height: 32px;
+      color: @heading-color;
     }
 
     &-dot {

package/trend/style/index.less

@@ -13,8 +13,8 @@
     margin-left: 4px;
 
     i {
-      font-size: 12px;
       transform: scale(0.83);
+      font-size: 12px;
     }
   }
 

package/water-wave/style/index.less

@@ -3,8 +3,8 @@
 
 @{g2-water-wave-prefix} {
   position: relative;
-  display: inline-block;
   transform-origin: left;
+  display: inline-block;
 
   &__desc {
     position: absolute;
@@ -14,20 +14,20 @@
     text-align: center;
 
     &-title {
-      color: @text-color-secondary;
       font-size: 14px;
       line-height: 22px;
+      color: @text-color-secondary;
     }
 
     &-percent {
-      color: @heading-color;
       font-size: 24px;
       line-height: 32px;
+      color: @heading-color;
     }
   }
 
   &__canvas {
-    transform: scale(0.5);
     transform-origin: 0 0;
+    transform: scale(0.5);
   }
 }