@delon/chart 13.5.1 → 14.0.0-beta.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/bar/bar.component.d.ts +1 -1
- package/bar/{bar.d.ts → index.d.ts} +0 -0
- package/card/card.component.d.ts +1 -1
- package/card/{card.d.ts → index.d.ts} +0 -0
- package/chart-echarts/echarts.component.d.ts +1 -1
- package/chart-echarts/{chart-echarts.d.ts → index.d.ts} +0 -0
- package/core/g2.base.component.d.ts +1 -1
- package/core/{core.d.ts → index.d.ts} +0 -0
- package/custom/custom.component.d.ts +1 -1
- package/custom/{custom.d.ts → index.d.ts} +0 -0
- package/esm2020/bar/bar.component.mjs +7 -7
- package/esm2020/bar/bar.module.mjs +5 -5
- package/esm2020/card/card.component.mjs +8 -8
- package/esm2020/card/card.module.mjs +5 -5
- package/esm2020/chart-echarts/echarts.component.mjs +7 -7
- package/esm2020/chart-echarts/echarts.module.mjs +5 -5
- package/esm2020/chart-echarts/echarts.service.mjs +4 -4
- package/esm2020/core/g2.base.component.mjs +4 -4
- package/esm2020/core/g2.servicce.mjs +4 -4
- package/esm2020/custom/custom.component.mjs +7 -7
- package/esm2020/custom/custom.module.mjs +5 -5
- package/esm2020/gauge/gauge.component.mjs +6 -6
- package/esm2020/gauge/gauge.module.mjs +5 -5
- package/esm2020/mini-area/mini-area.component.mjs +4 -4
- package/esm2020/mini-area/mini-area.module.mjs +5 -5
- package/esm2020/mini-bar/mini-bar.component.mjs +4 -4
- package/esm2020/mini-bar/mini-bar.module.mjs +5 -5
- package/esm2020/mini-progress/mini-progress.component.mjs +6 -6
- package/esm2020/mini-progress/mini-progress.module.mjs +5 -5
- package/esm2020/number-info/number-info.component.mjs +6 -6
- package/esm2020/number-info/number-info.module.mjs +5 -5
- package/esm2020/pie/pie.component.mjs +7 -7
- package/esm2020/pie/pie.module.mjs +5 -5
- package/esm2020/radar/radar.component.mjs +7 -7
- package/esm2020/radar/radar.module.mjs +5 -5
- package/esm2020/single-bar/single-bar.component.mjs +4 -4
- package/esm2020/single-bar/single-bar.module.mjs +5 -5
- package/esm2020/tag-cloud/tag-cloud.component.mjs +6 -6
- package/esm2020/tag-cloud/tag-cloud.module.mjs +5 -5
- package/esm2020/timeline/timeline.component.mjs +7 -7
- package/esm2020/timeline/timeline.module.mjs +5 -5
- package/esm2020/trend/trend.component.mjs +5 -5
- package/esm2020/trend/trend.module.mjs +5 -5
- package/esm2020/water-wave/water-wave.component.mjs +4 -4
- package/esm2020/water-wave/water-wave.module.mjs +5 -5
- package/fesm2015/bar.mjs +12 -12
- package/fesm2015/bar.mjs.map +1 -1
- package/fesm2015/card.mjs +12 -12
- package/fesm2015/card.mjs.map +1 -1
- package/fesm2015/chart-echarts.mjs +14 -14
- package/fesm2015/chart-echarts.mjs.map +1 -1
- package/fesm2015/core.mjs +6 -6
- package/fesm2015/core.mjs.map +1 -1
- package/fesm2015/custom.mjs +11 -11
- package/fesm2015/custom.mjs.map +1 -1
- package/fesm2015/gauge.mjs +10 -10
- package/fesm2015/gauge.mjs.map +1 -1
- package/fesm2015/mini-area.mjs +7 -7
- package/fesm2015/mini-area.mjs.map +1 -1
- package/fesm2015/mini-bar.mjs +7 -7
- package/fesm2015/mini-bar.mjs.map +1 -1
- package/fesm2015/mini-progress.mjs +10 -10
- package/fesm2015/mini-progress.mjs.map +1 -1
- package/fesm2015/number-info.mjs +10 -10
- package/fesm2015/number-info.mjs.map +1 -1
- package/fesm2015/pie.mjs +12 -12
- package/fesm2015/pie.mjs.map +1 -1
- package/fesm2015/radar.mjs +12 -12
- package/fesm2015/radar.mjs.map +1 -1
- package/fesm2015/single-bar.mjs +7 -7
- package/fesm2015/single-bar.mjs.map +1 -1
- package/fesm2015/tag-cloud.mjs +10 -10
- package/fesm2015/tag-cloud.mjs.map +1 -1
- package/fesm2015/timeline.mjs +12 -12
- package/fesm2015/timeline.mjs.map +1 -1
- package/fesm2015/trend.mjs +8 -8
- package/fesm2015/trend.mjs.map +1 -1
- package/fesm2015/water-wave.mjs +7 -7
- package/fesm2015/water-wave.mjs.map +1 -1
- package/fesm2020/bar.mjs +12 -12
- package/fesm2020/bar.mjs.map +1 -1
- package/fesm2020/card.mjs +12 -12
- package/fesm2020/card.mjs.map +1 -1
- package/fesm2020/chart-echarts.mjs +14 -14
- package/fesm2020/chart-echarts.mjs.map +1 -1
- package/fesm2020/core.mjs +6 -6
- package/fesm2020/core.mjs.map +1 -1
- package/fesm2020/custom.mjs +11 -11
- package/fesm2020/custom.mjs.map +1 -1
- package/fesm2020/gauge.mjs +10 -10
- package/fesm2020/gauge.mjs.map +1 -1
- package/fesm2020/mini-area.mjs +7 -7
- package/fesm2020/mini-area.mjs.map +1 -1
- package/fesm2020/mini-bar.mjs +7 -7
- package/fesm2020/mini-bar.mjs.map +1 -1
- package/fesm2020/mini-progress.mjs +10 -10
- package/fesm2020/mini-progress.mjs.map +1 -1
- package/fesm2020/number-info.mjs +10 -10
- package/fesm2020/number-info.mjs.map +1 -1
- package/fesm2020/pie.mjs +12 -12
- package/fesm2020/pie.mjs.map +1 -1
- package/fesm2020/radar.mjs +12 -12
- package/fesm2020/radar.mjs.map +1 -1
- package/fesm2020/single-bar.mjs +7 -7
- package/fesm2020/single-bar.mjs.map +1 -1
- package/fesm2020/tag-cloud.mjs +10 -10
- package/fesm2020/tag-cloud.mjs.map +1 -1
- package/fesm2020/timeline.mjs +12 -12
- package/fesm2020/timeline.mjs.map +1 -1
- package/fesm2020/trend.mjs +8 -8
- package/fesm2020/trend.mjs.map +1 -1
- package/fesm2020/water-wave.mjs +7 -7
- package/fesm2020/water-wave.mjs.map +1 -1
- package/gauge/gauge.component.d.ts +1 -1
- package/gauge/{gauge.d.ts → index.d.ts} +0 -0
- package/{chart.d.ts → index.d.ts} +0 -0
- package/mini-area/{mini-area.d.ts → index.d.ts} +0 -0
- package/mini-area/mini-area.component.d.ts +1 -1
- package/mini-bar/{mini-bar.d.ts → index.d.ts} +0 -0
- package/mini-bar/mini-bar.component.d.ts +1 -1
- package/mini-progress/{mini-progress.d.ts → index.d.ts} +0 -0
- package/mini-progress/mini-progress.component.d.ts +1 -1
- package/number-info/{number-info.d.ts → index.d.ts} +0 -0
- package/number-info/number-info.component.d.ts +1 -1
- package/package.json +24 -24
- package/pie/{pie.d.ts → index.d.ts} +0 -0
- package/pie/pie.component.d.ts +1 -1
- package/radar/{radar.d.ts → index.d.ts} +0 -0
- package/radar/radar.component.d.ts +1 -1
- package/single-bar/{single-bar.d.ts → index.d.ts} +0 -0
- package/single-bar/single-bar.component.d.ts +1 -1
- package/tag-cloud/{tag-cloud.d.ts → index.d.ts} +0 -0
- package/tag-cloud/tag-cloud.component.d.ts +1 -1
- package/timeline/{timeline.d.ts → index.d.ts} +0 -0
- package/timeline/timeline.component.d.ts +1 -1
- package/trend/{trend.d.ts → index.d.ts} +0 -0
- package/trend/trend.component.d.ts +1 -1
- package/water-wave/{water-wave.d.ts → index.d.ts} +0 -0
- package/water-wave/water-wave.component.d.ts +1 -1
- package/bar/package.json +0 -10
- package/card/package.json +0 -10
- package/chart-echarts/package.json +0 -10
- package/core/package.json +0 -10
- package/custom/package.json +0 -10
- package/gauge/package.json +0 -10
- package/mini-area/package.json +0 -10
- package/mini-bar/package.json +0 -10
- package/mini-progress/package.json +0 -10
- package/number-info/package.json +0 -10
- package/pie/package.json +0 -10
- package/radar/package.json +0 -10
- package/single-bar/package.json +0 -10
- package/tag-cloud/package.json +0 -10
- package/timeline/package.json +0 -10
- package/trend/package.json +0 -10
- package/water-wave/package.json +0 -10
package/fesm2020/gauge.mjs
CHANGED
|
@@ -3,10 +3,10 @@ import * as i0 from '@angular/core';
|
|
|
3
3
|
import { Component, ChangeDetectionStrategy, ViewEncapsulation, Input, NgModule } from '@angular/core';
|
|
4
4
|
import { G2BaseComponent } from '@delon/chart/core';
|
|
5
5
|
import { InputNumber } from '@delon/util/decorator';
|
|
6
|
-
import * as i1 from '
|
|
7
|
-
import { NzSkeletonModule } from 'ng-zorro-antd/skeleton';
|
|
8
|
-
import * as i2 from '@angular/common';
|
|
6
|
+
import * as i1 from '@angular/common';
|
|
9
7
|
import { CommonModule } from '@angular/common';
|
|
8
|
+
import * as i2 from 'ng-zorro-antd/skeleton';
|
|
9
|
+
import { NzSkeletonModule } from 'ng-zorro-antd/skeleton';
|
|
10
10
|
|
|
11
11
|
class G2GaugeComponent extends G2BaseComponent {
|
|
12
12
|
constructor() {
|
|
@@ -134,15 +134,15 @@ class G2GaugeComponent extends G2BaseComponent {
|
|
|
134
134
|
_chart.changeData(data);
|
|
135
135
|
}
|
|
136
136
|
}
|
|
137
|
-
G2GaugeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
138
|
-
G2GaugeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
137
|
+
G2GaugeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: G2GaugeComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
138
|
+
G2GaugeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.0", type: G2GaugeComponent, selector: "g2-gauge", inputs: { title: "title", height: "height", color: "color", bgColor: "bgColor", format: "format", percent: "percent", padding: "padding" }, host: { properties: { "class.g2-gauge": "true" } }, exportAs: ["g2Gauge"], usesInheritance: true, ngImport: i0, template: `<nz-skeleton *ngIf="!loaded"></nz-skeleton>`, isInline: true, dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.NzSkeletonComponent, selector: "nz-skeleton", inputs: ["nzActive", "nzLoading", "nzRound", "nzTitle", "nzAvatar", "nzParagraph"], exportAs: ["nzSkeleton"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
139
139
|
__decorate([
|
|
140
140
|
InputNumber()
|
|
141
141
|
], G2GaugeComponent.prototype, "height", void 0);
|
|
142
142
|
__decorate([
|
|
143
143
|
InputNumber()
|
|
144
144
|
], G2GaugeComponent.prototype, "percent", void 0);
|
|
145
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
145
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: G2GaugeComponent, decorators: [{
|
|
146
146
|
type: Component,
|
|
147
147
|
args: [{
|
|
148
148
|
selector: 'g2-gauge',
|
|
@@ -174,10 +174,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
|
|
|
174
174
|
const COMPONENTS = [G2GaugeComponent];
|
|
175
175
|
class G2GaugeModule {
|
|
176
176
|
}
|
|
177
|
-
G2GaugeModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
178
|
-
G2GaugeModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "
|
|
179
|
-
G2GaugeModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
180
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
177
|
+
G2GaugeModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: G2GaugeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
178
|
+
G2GaugeModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.0", ngImport: i0, type: G2GaugeModule, declarations: [G2GaugeComponent], imports: [CommonModule, NzSkeletonModule], exports: [G2GaugeComponent] });
|
|
179
|
+
G2GaugeModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: G2GaugeModule, imports: [CommonModule, NzSkeletonModule] });
|
|
180
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: G2GaugeModule, decorators: [{
|
|
181
181
|
type: NgModule,
|
|
182
182
|
args: [{
|
|
183
183
|
imports: [CommonModule, NzSkeletonModule],
|
package/fesm2020/gauge.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"gauge.mjs","sources":["../../../../packages/chart/gauge/gauge.component.ts","../../../../packages/chart/gauge/gauge.module.ts","../../../../packages/chart/gauge/gauge.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Input, ViewEncapsulation } from '@angular/core';\n\nimport type { Chart } from '@antv/g2';\n\nimport { G2BaseComponent } from '@delon/chart/core';\nimport { InputNumber, NumberInput } from '@delon/util/decorator';\nimport type { NzSafeAny } from 'ng-zorro-antd/core/types';\n\n@Component({\n selector: 'g2-gauge',\n exportAs: 'g2Gauge',\n template: `<nz-skeleton *ngIf=\"!loaded\"></nz-skeleton>`,\n host: {\n '[class.g2-gauge]': 'true'\n },\n preserveWhitespaces: false,\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None\n})\nexport class G2GaugeComponent extends G2BaseComponent {\n static ngAcceptInputType_height: NumberInput;\n static ngAcceptInputType_percent: NumberInput;\n\n // #region fields\n\n @Input() title?: string;\n @Input() @InputNumber() height?: number;\n @Input() color = '#2f9cff';\n @Input() bgColor?: string; // = '#f0f2f5';\n @Input() format?: (text: string, item: NzSafeAny, index: number) => string;\n @Input() @InputNumber() percent?: number;\n @Input() padding: number | number[] | 'auto' = [10, 10, 30, 10];\n\n // #endregion\n\n install(): void {\n // 自定义Shape 部分\n this.winG2.registerShape('point', 'pointer', {\n draw(cfg: NzSafeAny, container: NzSafeAny) {\n const group = container.addGroup({});\n // 获取极坐标系下画布中心点\n const center = (this as NzSafeAny).parsePoint({ x: 0, y: 0 });\n // 绘制指针\n group.addShape('line', {\n attrs: {\n x1: center.x,\n y1: center.y,\n x2: cfg.x,\n y2: cfg.y,\n stroke: cfg.color,\n lineWidth: 2.5,\n lineCap: 'round'\n }\n });\n group.addShape('circle', {\n attrs: {\n x: center.x,\n y: center.y,\n r: 5.75,\n stroke: cfg.color,\n lineWidth: 2,\n fill: '#fff'\n }\n });\n return group;\n }\n });\n\n const { el, height, padding, format, theme } = this;\n\n const chart: Chart = (this._chart = new this.winG2.Chart({\n container: el.nativeElement,\n autoFit: true,\n height,\n padding,\n theme\n }));\n chart.legend(false);\n chart.animate(false);\n chart.tooltip(false);\n chart.coordinate('polar', {\n startAngle: (-9 / 8) * Math.PI,\n endAngle: (1 / 8) * Math.PI,\n radius: 0.75\n });\n chart.scale('value', {\n min: 0,\n max: 100,\n nice: true,\n tickCount: 6\n });\n chart.axis('1', false);\n chart.axis('value', {\n line: null,\n label: {\n offset: -14,\n formatter: format\n },\n tickLine: null,\n grid: null\n });\n chart.point().position('value*1').shape('pointer');\n\n this.ready.next(chart);\n\n this.changeData();\n\n chart.render();\n }\n\n changeData(): void {\n const { _chart, percent, color, bgColor, title } = this;\n if (!_chart) return;\n\n const data = [{ name: title, value: percent }];\n const val = data[0].value;\n _chart.annotation().clear(true);\n _chart.geometries[0].color(color);\n // 绘制仪表盘背景\n _chart.annotation().arc({\n top: false,\n start: [0, 0.95],\n end: [100, 0.95],\n style: {\n stroke: bgColor,\n lineWidth: 12,\n lineDash: null\n }\n });\n _chart.annotation().arc({\n start: [0, 0.95],\n end: [data[0].value!, 0.95],\n style: {\n stroke: color,\n lineWidth: 12,\n lineDash: null\n }\n });\n\n _chart.annotation().text({\n position: ['50%', '85%'],\n content: title,\n style: {\n fontSize: 12,\n fill: this.theme === 'dark' ? 'rgba(255, 255, 255, 0.43)' : 'rgba(0, 0, 0, 0.43)',\n textAlign: 'center'\n }\n });\n _chart.annotation().text({\n position: ['50%', '90%'],\n content: `${val} %`,\n style: {\n fontSize: 20,\n fill: this.theme === 'dark' ? 'rgba(255, 255, 255, 0.85)' : 'rgba(0, 0, 0, 0.85)',\n textAlign: 'center'\n },\n offsetY: 15\n });\n\n _chart.changeData(data);\n }\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport { NzSkeletonModule } from 'ng-zorro-antd/skeleton';\n\nimport { G2GaugeComponent } from './gauge.component';\n\nconst COMPONENTS = [G2GaugeComponent];\n\n@NgModule({\n imports: [CommonModule, NzSkeletonModule],\n declarations: COMPONENTS,\n exports: COMPONENTS\n})\nexport class G2GaugeModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"gauge.mjs","sources":["../../../../packages/chart/gauge/gauge.component.ts","../../../../packages/chart/gauge/gauge.module.ts","../../../../packages/chart/gauge/gauge.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Input, ViewEncapsulation } from '@angular/core';\n\nimport type { Chart } from '@antv/g2';\n\nimport { G2BaseComponent } from '@delon/chart/core';\nimport { InputNumber, NumberInput } from '@delon/util/decorator';\nimport type { NzSafeAny } from 'ng-zorro-antd/core/types';\n\n@Component({\n selector: 'g2-gauge',\n exportAs: 'g2Gauge',\n template: `<nz-skeleton *ngIf=\"!loaded\"></nz-skeleton>`,\n host: {\n '[class.g2-gauge]': 'true'\n },\n preserveWhitespaces: false,\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None\n})\nexport class G2GaugeComponent extends G2BaseComponent {\n static ngAcceptInputType_height: NumberInput;\n static ngAcceptInputType_percent: NumberInput;\n\n // #region fields\n\n @Input() title?: string;\n @Input() @InputNumber() height?: number;\n @Input() color = '#2f9cff';\n @Input() bgColor?: string; // = '#f0f2f5';\n @Input() format?: (text: string, item: NzSafeAny, index: number) => string;\n @Input() @InputNumber() percent?: number;\n @Input() padding: number | number[] | 'auto' = [10, 10, 30, 10];\n\n // #endregion\n\n install(): void {\n // 自定义Shape 部分\n this.winG2.registerShape('point', 'pointer', {\n draw(cfg: NzSafeAny, container: NzSafeAny) {\n const group = container.addGroup({});\n // 获取极坐标系下画布中心点\n const center = (this as NzSafeAny).parsePoint({ x: 0, y: 0 });\n // 绘制指针\n group.addShape('line', {\n attrs: {\n x1: center.x,\n y1: center.y,\n x2: cfg.x,\n y2: cfg.y,\n stroke: cfg.color,\n lineWidth: 2.5,\n lineCap: 'round'\n }\n });\n group.addShape('circle', {\n attrs: {\n x: center.x,\n y: center.y,\n r: 5.75,\n stroke: cfg.color,\n lineWidth: 2,\n fill: '#fff'\n }\n });\n return group;\n }\n });\n\n const { el, height, padding, format, theme } = this;\n\n const chart: Chart = (this._chart = new this.winG2.Chart({\n container: el.nativeElement,\n autoFit: true,\n height,\n padding,\n theme\n }));\n chart.legend(false);\n chart.animate(false);\n chart.tooltip(false);\n chart.coordinate('polar', {\n startAngle: (-9 / 8) * Math.PI,\n endAngle: (1 / 8) * Math.PI,\n radius: 0.75\n });\n chart.scale('value', {\n min: 0,\n max: 100,\n nice: true,\n tickCount: 6\n });\n chart.axis('1', false);\n chart.axis('value', {\n line: null,\n label: {\n offset: -14,\n formatter: format\n },\n tickLine: null,\n grid: null\n });\n chart.point().position('value*1').shape('pointer');\n\n this.ready.next(chart);\n\n this.changeData();\n\n chart.render();\n }\n\n changeData(): void {\n const { _chart, percent, color, bgColor, title } = this;\n if (!_chart) return;\n\n const data = [{ name: title, value: percent }];\n const val = data[0].value;\n _chart.annotation().clear(true);\n _chart.geometries[0].color(color);\n // 绘制仪表盘背景\n _chart.annotation().arc({\n top: false,\n start: [0, 0.95],\n end: [100, 0.95],\n style: {\n stroke: bgColor,\n lineWidth: 12,\n lineDash: null\n }\n });\n _chart.annotation().arc({\n start: [0, 0.95],\n end: [data[0].value!, 0.95],\n style: {\n stroke: color,\n lineWidth: 12,\n lineDash: null\n }\n });\n\n _chart.annotation().text({\n position: ['50%', '85%'],\n content: title,\n style: {\n fontSize: 12,\n fill: this.theme === 'dark' ? 'rgba(255, 255, 255, 0.43)' : 'rgba(0, 0, 0, 0.43)',\n textAlign: 'center'\n }\n });\n _chart.annotation().text({\n position: ['50%', '90%'],\n content: `${val} %`,\n style: {\n fontSize: 20,\n fill: this.theme === 'dark' ? 'rgba(255, 255, 255, 0.85)' : 'rgba(0, 0, 0, 0.85)',\n textAlign: 'center'\n },\n offsetY: 15\n });\n\n _chart.changeData(data);\n }\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport { NzSkeletonModule } from 'ng-zorro-antd/skeleton';\n\nimport { G2GaugeComponent } from './gauge.component';\n\nconst COMPONENTS = [G2GaugeComponent];\n\n@NgModule({\n imports: [CommonModule, NzSkeletonModule],\n declarations: COMPONENTS,\n exports: COMPONENTS\n})\nexport class G2GaugeModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}
|
package/fesm2020/mini-area.mjs
CHANGED
|
@@ -74,8 +74,8 @@ class G2MiniAreaComponent extends G2BaseComponent {
|
|
|
74
74
|
_chart.changeData(data);
|
|
75
75
|
}
|
|
76
76
|
}
|
|
77
|
-
G2MiniAreaComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
78
|
-
G2MiniAreaComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
77
|
+
G2MiniAreaComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: G2MiniAreaComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
78
|
+
G2MiniAreaComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.0", type: G2MiniAreaComponent, selector: "g2-mini-area", inputs: { 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" }, outputs: { clickItem: "clickItem" }, host: { properties: { "style.height.px": "height" } }, exportAs: ["g2MiniArea"], usesInheritance: true, ngImport: i0, template: ``, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
79
79
|
__decorate([
|
|
80
80
|
InputNumber()
|
|
81
81
|
], G2MiniAreaComponent.prototype, "borderWidth", void 0);
|
|
@@ -91,7 +91,7 @@ __decorate([
|
|
|
91
91
|
__decorate([
|
|
92
92
|
InputBoolean()
|
|
93
93
|
], G2MiniAreaComponent.prototype, "animate", void 0);
|
|
94
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
94
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: G2MiniAreaComponent, decorators: [{
|
|
95
95
|
type: Component,
|
|
96
96
|
args: [{
|
|
97
97
|
selector: 'g2-mini-area',
|
|
@@ -137,10 +137,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
|
|
|
137
137
|
const COMPONENTS = [G2MiniAreaComponent];
|
|
138
138
|
class G2MiniAreaModule {
|
|
139
139
|
}
|
|
140
|
-
G2MiniAreaModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
141
|
-
G2MiniAreaModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "
|
|
142
|
-
G2MiniAreaModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
143
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
140
|
+
G2MiniAreaModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: G2MiniAreaModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
141
|
+
G2MiniAreaModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.0", ngImport: i0, type: G2MiniAreaModule, declarations: [G2MiniAreaComponent], imports: [CommonModule], exports: [G2MiniAreaComponent] });
|
|
142
|
+
G2MiniAreaModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: G2MiniAreaModule, imports: [CommonModule] });
|
|
143
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: G2MiniAreaModule, decorators: [{
|
|
144
144
|
type: NgModule,
|
|
145
145
|
args: [{
|
|
146
146
|
imports: [CommonModule],
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"mini-area.mjs","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 [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 this.winG2.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(color)\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.ready.next(chart);\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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
|
|
1
|
+
{"version":3,"file":"mini-area.mjs","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 [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 this.winG2.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(color)\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.ready.next(chart);\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/fesm2020/mini-bar.mjs
CHANGED
|
@@ -62,15 +62,15 @@ class G2MiniBarComponent extends G2BaseComponent {
|
|
|
62
62
|
_chart.changeData(data);
|
|
63
63
|
}
|
|
64
64
|
}
|
|
65
|
-
G2MiniBarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
66
|
-
G2MiniBarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
65
|
+
G2MiniBarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: G2MiniBarComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
66
|
+
G2MiniBarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.0", type: G2MiniBarComponent, selector: "g2-mini-bar", inputs: { color: "color", height: "height", borderWidth: "borderWidth", padding: "padding", data: "data", yTooltipSuffix: "yTooltipSuffix", tooltipType: "tooltipType" }, outputs: { clickItem: "clickItem" }, host: { properties: { "style.height.px": "height" } }, exportAs: ["g2MiniBar"], usesInheritance: true, ngImport: i0, template: ``, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
67
67
|
__decorate([
|
|
68
68
|
InputNumber()
|
|
69
69
|
], G2MiniBarComponent.prototype, "height", void 0);
|
|
70
70
|
__decorate([
|
|
71
71
|
InputNumber()
|
|
72
72
|
], G2MiniBarComponent.prototype, "borderWidth", void 0);
|
|
73
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
73
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: G2MiniBarComponent, decorators: [{
|
|
74
74
|
type: Component,
|
|
75
75
|
args: [{
|
|
76
76
|
selector: 'g2-mini-bar',
|
|
@@ -104,10 +104,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
|
|
|
104
104
|
const COMPONENTS = [G2MiniBarComponent];
|
|
105
105
|
class G2MiniBarModule {
|
|
106
106
|
}
|
|
107
|
-
G2MiniBarModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
108
|
-
G2MiniBarModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "
|
|
109
|
-
G2MiniBarModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
110
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
107
|
+
G2MiniBarModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: G2MiniBarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
108
|
+
G2MiniBarModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.0", ngImport: i0, type: G2MiniBarModule, declarations: [G2MiniBarComponent], imports: [CommonModule], exports: [G2MiniBarComponent] });
|
|
109
|
+
G2MiniBarModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: G2MiniBarModule, imports: [CommonModule] });
|
|
110
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: G2MiniBarModule, decorators: [{
|
|
111
111
|
type: NgModule,
|
|
112
112
|
args: [{
|
|
113
113
|
imports: [CommonModule],
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"mini-bar.mjs","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 this.winG2.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.ready.next(chart);\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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
|
|
1
|
+
{"version":3,"file":"mini-bar.mjs","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 this.winG2.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.ready.next(chart);\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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"}
|
|
@@ -4,10 +4,10 @@ import { Component, ChangeDetectionStrategy, ViewEncapsulation, Input, NgModule
|
|
|
4
4
|
import { toNumber, InputNumber } from '@delon/util/decorator';
|
|
5
5
|
import * as i1 from '@delon/theme';
|
|
6
6
|
import { DelonLocaleModule } from '@delon/theme';
|
|
7
|
-
import * as i2 from '
|
|
8
|
-
import { NzToolTipModule } from 'ng-zorro-antd/tooltip';
|
|
9
|
-
import * as i3 from '@angular/common';
|
|
7
|
+
import * as i2 from '@angular/common';
|
|
10
8
|
import { CommonModule } from '@angular/common';
|
|
9
|
+
import * as i3 from 'ng-zorro-antd/tooltip';
|
|
10
|
+
import { NzToolTipModule } from 'ng-zorro-antd/tooltip';
|
|
11
11
|
|
|
12
12
|
class G2MiniProgressComponent {
|
|
13
13
|
constructor(i18n, cdr) {
|
|
@@ -24,8 +24,8 @@ class G2MiniProgressComponent {
|
|
|
24
24
|
this.cdr.detectChanges();
|
|
25
25
|
}
|
|
26
26
|
}
|
|
27
|
-
G2MiniProgressComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
28
|
-
G2MiniProgressComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
27
|
+
G2MiniProgressComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: G2MiniProgressComponent, deps: [{ token: i1.DelonLocaleService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
28
|
+
G2MiniProgressComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.0", type: G2MiniProgressComponent, selector: "g2-mini-progress", inputs: { color: "color", target: "target", percent: "percent", strokeWidth: "strokeWidth" }, host: { properties: { "class.g2-mini-progress": "true" } }, exportAs: ["g2MiniProgress"], usesOnChanges: true, ngImport: i0, 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", dependencies: [{ kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i3.NzTooltipDirective, selector: "[nz-tooltip]", inputs: ["nzTooltipTitle", "nzTooltipTitleContext", "nz-tooltip", "nzTooltipTrigger", "nzTooltipPlacement", "nzTooltipOrigin", "nzTooltipVisible", "nzTooltipMouseEnterDelay", "nzTooltipMouseLeaveDelay", "nzTooltipOverlayClassName", "nzTooltipOverlayStyle", "nzTooltipArrowPointAtCenter", "nzTooltipColor"], outputs: ["nzTooltipVisibleChange"], exportAs: ["nzTooltip"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
29
29
|
__decorate([
|
|
30
30
|
InputNumber()
|
|
31
31
|
], G2MiniProgressComponent.prototype, "target", void 0);
|
|
@@ -35,7 +35,7 @@ __decorate([
|
|
|
35
35
|
__decorate([
|
|
36
36
|
InputNumber()
|
|
37
37
|
], G2MiniProgressComponent.prototype, "strokeWidth", void 0);
|
|
38
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
38
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: G2MiniProgressComponent, decorators: [{
|
|
39
39
|
type: Component,
|
|
40
40
|
args: [{ selector: 'g2-mini-progress', exportAs: 'g2MiniProgress', host: { '[class.g2-mini-progress]': 'true' }, preserveWhitespaces: false, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, 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" }]
|
|
41
41
|
}], ctorParameters: function () { return [{ type: i1.DelonLocaleService }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { color: [{
|
|
@@ -51,10 +51,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
|
|
|
51
51
|
const COMPONENTS = [G2MiniProgressComponent];
|
|
52
52
|
class G2MiniProgressModule {
|
|
53
53
|
}
|
|
54
|
-
G2MiniProgressModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
55
|
-
G2MiniProgressModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "
|
|
56
|
-
G2MiniProgressModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
57
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
54
|
+
G2MiniProgressModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: G2MiniProgressModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
55
|
+
G2MiniProgressModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.0", ngImport: i0, type: G2MiniProgressModule, declarations: [G2MiniProgressComponent], imports: [CommonModule, DelonLocaleModule, NzToolTipModule], exports: [G2MiniProgressComponent] });
|
|
56
|
+
G2MiniProgressModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: G2MiniProgressModule, imports: [CommonModule, DelonLocaleModule, NzToolTipModule] });
|
|
57
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: G2MiniProgressModule, decorators: [{
|
|
58
58
|
type: NgModule,
|
|
59
59
|
args: [{
|
|
60
60
|
imports: [CommonModule, DelonLocaleModule, NzToolTipModule],
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"mini-progress.mjs","sources":["../../../../packages/chart/mini-progress/mini-progress.component.ts","../../../../packages/chart/mini-progress/mini-progress.component.html","../../../../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 | null;\n @Input() @InputNumber() percent?: number | null;\n @Input() @InputNumber() strokeWidth?: number | null;\n\n constructor(public i18n: DelonLocaleService, private cdr: ChangeDetectorRef) {}\n\n private fixNum(value: number | undefined | null): 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","<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","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,CAAA;IAUlC,WAAmB,CAAA,IAAwB,EAAU,GAAsB,EAAA;QAAxD,IAAI,CAAA,IAAA,GAAJ,IAAI,CAAoB;QAAU,IAAG,CAAA,GAAA,GAAH,GAAG,CAAmB;QALlE,IAAK,CAAA,KAAA,GAAG,SAAS,CAAC;KAKoD;AAEvE,IAAA,MAAM,CAAC,KAAgC,EAAA;AAC7C,QAAA,OAAO,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC;KACpD;IAED,WAAW,GAAA;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;AACzC,QAAA,IAAI,CAAC,GAAG,CAAC,aAAa,EAAE,CAAC;KAC1B;;
|
|
1
|
+
{"version":3,"file":"mini-progress.mjs","sources":["../../../../packages/chart/mini-progress/mini-progress.component.ts","../../../../packages/chart/mini-progress/mini-progress.component.html","../../../../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 | null;\n @Input() @InputNumber() percent?: number | null;\n @Input() @InputNumber() strokeWidth?: number | null;\n\n constructor(public i18n: DelonLocaleService, private cdr: ChangeDetectorRef) {}\n\n private fixNum(value: number | undefined | null): 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","<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","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":"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"}
|
package/fesm2020/number-info.mjs
CHANGED
|
@@ -4,10 +4,10 @@ import { Component, ChangeDetectionStrategy, ViewEncapsulation, Input, NgModule
|
|
|
4
4
|
import { InputNumber } from '@delon/util/decorator';
|
|
5
5
|
import * as i1 from '@angular/common';
|
|
6
6
|
import { CommonModule } from '@angular/common';
|
|
7
|
-
import * as i2 from 'ng-zorro-antd/
|
|
8
|
-
import { NzOutletModule } from 'ng-zorro-antd/core/outlet';
|
|
9
|
-
import * as i3 from 'ng-zorro-antd/icon';
|
|
7
|
+
import * as i2 from 'ng-zorro-antd/icon';
|
|
10
8
|
import { NzIconModule } from 'ng-zorro-antd/icon';
|
|
9
|
+
import * as i3 from 'ng-zorro-antd/core/outlet';
|
|
10
|
+
import { NzOutletModule } from 'ng-zorro-antd/core/outlet';
|
|
11
11
|
|
|
12
12
|
class NumberInfoComponent {
|
|
13
13
|
constructor() {
|
|
@@ -17,12 +17,12 @@ class NumberInfoComponent {
|
|
|
17
17
|
this.gap = 8;
|
|
18
18
|
}
|
|
19
19
|
}
|
|
20
|
-
NumberInfoComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
21
|
-
NumberInfoComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
20
|
+
NumberInfoComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: NumberInfoComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
21
|
+
NumberInfoComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.0", type: NumberInfoComponent, selector: "number-info", inputs: { title: "title", subTitle: "subTitle", total: "total", subTotal: "subTotal", suffix: "suffix", status: "status", theme: "theme", gap: "gap" }, host: { properties: { "class.number-info": "true", "class.number-info__light": "theme === 'light'", "class.number-info__default": "theme === 'default'" } }, exportAs: ["numberInfo"], ngImport: i0, 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", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i2.NzIconDirective, selector: "[nz-icon]", inputs: ["nzSpin", "nzRotate", "nzType", "nzTheme", "nzTwotoneColor", "nzIconfont"], exportAs: ["nzIcon"] }, { kind: "directive", type: i3.NzStringTemplateOutletDirective, selector: "[nzStringTemplateOutlet]", inputs: ["nzStringTemplateOutletContext", "nzStringTemplateOutlet"], exportAs: ["nzStringTemplateOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
22
22
|
__decorate([
|
|
23
23
|
InputNumber()
|
|
24
24
|
], NumberInfoComponent.prototype, "gap", void 0);
|
|
25
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
25
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: NumberInfoComponent, decorators: [{
|
|
26
26
|
type: Component,
|
|
27
27
|
args: [{ selector: 'number-info', exportAs: 'numberInfo', host: {
|
|
28
28
|
'[class.number-info]': `true`,
|
|
@@ -50,10 +50,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
|
|
|
50
50
|
const COMPONENTS = [NumberInfoComponent];
|
|
51
51
|
class NumberInfoModule {
|
|
52
52
|
}
|
|
53
|
-
NumberInfoModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
54
|
-
NumberInfoModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "
|
|
55
|
-
NumberInfoModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
56
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
53
|
+
NumberInfoModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: NumberInfoModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
54
|
+
NumberInfoModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.0", ngImport: i0, type: NumberInfoModule, declarations: [NumberInfoComponent], imports: [CommonModule, NzIconModule, NzOutletModule], exports: [NumberInfoComponent] });
|
|
55
|
+
NumberInfoModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: NumberInfoModule, imports: [CommonModule, NzIconModule, NzOutletModule] });
|
|
56
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: NumberInfoModule, decorators: [{
|
|
57
57
|
type: NgModule,
|
|
58
58
|
args: [{
|
|
59
59
|
imports: [CommonModule, NzIconModule, NzOutletModule],
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"number-info.mjs","sources":["../../../../packages/chart/number-info/number-info.component.ts","../../../../packages/chart/number-info/number-info.component.html","../../../../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> | null;\n /** 子标题 */\n @Input() subTitle?: string | TemplateRef<void> | null;\n /** 总量 */\n @Input() total?: string | number | TemplateRef<void> | null;\n /** 总量后缀 */\n @Input() subTotal?: string | number | TemplateRef<void> | null;\n /** 子总量 */\n @Input() suffix?: string | null;\n /** 增加状态 */\n @Input() status?: 'up' | 'down';\n /** 状态样式 */\n @Input() theme: 'light' | 'default' = 'light';\n /** 设置数字和描述直接的间距(像素) */\n @Input() @InputNumber() gap = 8;\n}\n","<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","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,CAAA;AAbhC,IAAA,WAAA,GAAA;;QA6BW,IAAK,CAAA,KAAA,GAAwB,OAAO,CAAC;;QAEtB,IAAG,CAAA,GAAA,GAAG,CAAC,CAAC;AACjC,KAAA;;
|
|
1
|
+
{"version":3,"file":"number-info.mjs","sources":["../../../../packages/chart/number-info/number-info.component.ts","../../../../packages/chart/number-info/number-info.component.html","../../../../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> | null;\n /** 子标题 */\n @Input() subTitle?: string | TemplateRef<void> | null;\n /** 总量 */\n @Input() total?: string | number | TemplateRef<void> | null;\n /** 总量后缀 */\n @Input() subTotal?: string | number | TemplateRef<void> | null;\n /** 子总量 */\n @Input() suffix?: string | null;\n /** 增加状态 */\n @Input() status?: 'up' | 'down';\n /** 状态样式 */\n @Input() theme: 'light' | 'default' = 'light';\n /** 设置数字和描述直接的间距(像素) */\n @Input() @InputNumber() gap = 8;\n}\n","<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","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":"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"}
|
package/fesm2020/pie.mjs
CHANGED
|
@@ -3,14 +3,14 @@ import * as i0 from '@angular/core';
|
|
|
3
3
|
import { EventEmitter, Component, ChangeDetectionStrategy, ViewEncapsulation, Input, Output, NgModule } from '@angular/core';
|
|
4
4
|
import { G2BaseComponent } from '@delon/chart/core';
|
|
5
5
|
import { InputBoolean, InputNumber } from '@delon/util/decorator';
|
|
6
|
-
import * as i1 from '
|
|
7
|
-
import {
|
|
6
|
+
import * as i1 from '@angular/common';
|
|
7
|
+
import { CommonModule } from '@angular/common';
|
|
8
8
|
import * as i2 from 'ng-zorro-antd/divider';
|
|
9
9
|
import { NzDividerModule } from 'ng-zorro-antd/divider';
|
|
10
|
-
import * as i3 from '
|
|
11
|
-
import { CommonModule } from '@angular/common';
|
|
12
|
-
import * as i4 from 'ng-zorro-antd/core/outlet';
|
|
10
|
+
import * as i3 from 'ng-zorro-antd/core/outlet';
|
|
13
11
|
import { NzOutletModule } from 'ng-zorro-antd/core/outlet';
|
|
12
|
+
import * as i4 from 'ng-zorro-antd/skeleton';
|
|
13
|
+
import { NzSkeletonModule } from 'ng-zorro-antd/skeleton';
|
|
14
14
|
|
|
15
15
|
class G2PieComponent extends G2BaseComponent {
|
|
16
16
|
constructor() {
|
|
@@ -151,8 +151,8 @@ class G2PieComponent extends G2BaseComponent {
|
|
|
151
151
|
this.fixData();
|
|
152
152
|
}
|
|
153
153
|
}
|
|
154
|
-
G2PieComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
155
|
-
G2PieComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
154
|
+
G2PieComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: G2PieComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
155
|
+
G2PieComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.0", type: G2PieComponent, selector: "g2-pie", inputs: { animate: "animate", color: "color", subTitle: "subTitle", total: "total", height: "height", hasLegend: "hasLegend", inner: "inner", padding: "padding", percent: "percent", tooltip: "tooltip", lineWidth: "lineWidth", blockMaxWidth: "blockMaxWidth", select: "select", valueFormat: "valueFormat", data: "data", colors: "colors", interaction: "interaction", ratio: "ratio" }, outputs: { clickItem: "clickItem" }, host: { properties: { "class.g2-pie": "true", "class.g2-pie__legend-has": "hasLegend", "class.g2-pie__legend-block": "block", "class.g2-pie__mini": "isPercent" } }, exportAs: ["g2Pie"], usesInheritance: true, ngImport: i0, 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", dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i2.NzDividerComponent, selector: "nz-divider", inputs: ["nzText", "nzType", "nzOrientation", "nzDashed", "nzPlain"], exportAs: ["nzDivider"] }, { kind: "directive", type: i3.NzStringTemplateOutletDirective, selector: "[nzStringTemplateOutlet]", inputs: ["nzStringTemplateOutletContext", "nzStringTemplateOutlet"], exportAs: ["nzStringTemplateOutlet"] }, { kind: "component", type: i4.NzSkeletonComponent, selector: "nz-skeleton", inputs: ["nzActive", "nzLoading", "nzRound", "nzTitle", "nzAvatar", "nzParagraph"], exportAs: ["nzSkeleton"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
156
156
|
__decorate([
|
|
157
157
|
InputBoolean()
|
|
158
158
|
], G2PieComponent.prototype, "animate", void 0);
|
|
@@ -177,7 +177,7 @@ __decorate([
|
|
|
177
177
|
__decorate([
|
|
178
178
|
InputBoolean()
|
|
179
179
|
], G2PieComponent.prototype, "select", void 0);
|
|
180
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
180
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: G2PieComponent, decorators: [{
|
|
181
181
|
type: Component,
|
|
182
182
|
args: [{ selector: 'g2-pie', exportAs: 'g2Pie', host: {
|
|
183
183
|
'[class.g2-pie]': 'true',
|
|
@@ -228,10 +228,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
|
|
|
228
228
|
const COMPONENTS = [G2PieComponent];
|
|
229
229
|
class G2PieModule {
|
|
230
230
|
}
|
|
231
|
-
G2PieModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
232
|
-
G2PieModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "
|
|
233
|
-
G2PieModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
234
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
231
|
+
G2PieModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: G2PieModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
232
|
+
G2PieModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.0", ngImport: i0, type: G2PieModule, declarations: [G2PieComponent], imports: [CommonModule, NzDividerModule, NzOutletModule, NzSkeletonModule], exports: [G2PieComponent] });
|
|
233
|
+
G2PieModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: G2PieModule, imports: [CommonModule, NzDividerModule, NzOutletModule, NzSkeletonModule] });
|
|
234
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: G2PieModule, decorators: [{
|
|
235
235
|
type: NgModule,
|
|
236
236
|
args: [{
|
|
237
237
|
imports: [CommonModule, NzDividerModule, NzOutletModule, NzSkeletonModule],
|