@delon/chart 12.4.1 → 13.0.0
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 +4 -1
- package/bar/bar.d.ts +1 -0
- package/bar/bar.module.d.ts +8 -0
- package/bar/package.json +5 -6
- package/card/card.component.d.ts +7 -4
- package/card/card.d.ts +1 -0
- package/card/card.module.d.ts +9 -0
- package/card/package.json +5 -6
- package/card/style/index.less +11 -0
- package/{custom/g2Custom.d.ts → chart-echarts/chart-echarts.d.ts} +1 -0
- package/chart-echarts/echarts.component.d.ts +3 -0
- package/chart-echarts/echarts.module.d.ts +7 -0
- package/chart-echarts/echarts.service.d.ts +3 -0
- package/chart-echarts/package.json +6 -7
- package/chart.d.ts +1 -0
- package/{chart-echarts/delon-chart-chart-echarts.d.ts → core/core.d.ts} +1 -0
- package/core/g2.base.component.d.ts +4 -1
- package/core/g2.servicce.d.ts +3 -0
- package/core/package.json +6 -7
- package/custom/custom.component.d.ts +4 -1
- package/{core/delon-chart-core.d.ts → custom/custom.d.ts} +1 -0
- package/custom/custom.module.d.ts +7 -0
- package/custom/package.json +6 -7
- package/esm2020/bar/bar.component.mjs +143 -0
- package/{esm2015/bar/bar.js → esm2020/bar/bar.mjs} +0 -0
- package/esm2020/bar/bar.module.mjs +21 -0
- package/{esm2015/bar/public_api.js → esm2020/bar/public_api.mjs} +0 -0
- package/esm2020/card/card.component.mjs +55 -0
- package/{esm2015/card/card.js → esm2020/card/card.mjs} +0 -0
- package/esm2020/card/card.module.mjs +22 -0
- package/{esm2015/card/public_api.js → esm2020/card/public_api.mjs} +0 -0
- package/esm2020/chart-echarts/chart-echarts.mjs +5 -0
- package/esm2020/chart-echarts/echarts.component.mjs +162 -0
- package/esm2020/chart-echarts/echarts.module.mjs +20 -0
- package/esm2020/chart-echarts/echarts.service.mjs +60 -0
- package/{esm2015/chart-echarts/echarts.types.js → esm2020/chart-echarts/echarts.types.mjs} +0 -0
- package/{esm2015/chart-echarts/public_api.js → esm2020/chart-echarts/public_api.mjs} +0 -0
- package/{esm2015/chart.js → esm2020/chart.mjs} +0 -0
- package/esm2020/core/core.mjs +5 -0
- package/esm2020/core/g2.base.component.mjs +109 -0
- package/esm2020/core/g2.servicce.mjs +54 -0
- package/{esm2015/core/public_api.js → esm2020/core/public_api.mjs} +0 -0
- package/{esm2015/core/types/interaction.js → esm2020/core/types/interaction.mjs} +0 -0
- package/{esm2015/core/types/time.js → esm2020/core/types/time.mjs} +0 -0
- package/esm2020/core/utils.mjs +21 -0
- package/esm2020/custom/custom.component.mjs +70 -0
- package/esm2020/custom/custom.mjs +5 -0
- package/esm2020/custom/custom.module.mjs +20 -0
- package/{esm2015/custom/public_api.js → esm2020/custom/public_api.mjs} +0 -0
- package/esm2020/gauge/gauge.component.mjs +169 -0
- package/{esm2015/gauge/gauge.js → esm2020/gauge/gauge.mjs} +0 -0
- package/esm2020/gauge/gauge.module.mjs +20 -0
- package/{esm2015/gauge/public_api.js → esm2020/gauge/public_api.mjs} +0 -0
- package/esm2020/mini-area/mini-area.component.mjs +133 -0
- package/{esm2015/mini-area/mini-area.js → esm2020/mini-area/mini-area.mjs} +0 -0
- package/esm2020/mini-area/mini-area.module.mjs +19 -0
- package/{esm2015/mini-area/public_api.js → esm2020/mini-area/public_api.mjs} +0 -0
- package/esm2020/mini-bar/mini-bar.component.mjs +100 -0
- package/{esm2015/mini-bar/mini-bar.js → esm2020/mini-bar/mini-bar.mjs} +0 -0
- package/esm2020/mini-bar/mini-bar.module.mjs +19 -0
- package/{esm2015/mini-bar/public_api.js → esm2020/mini-bar/public_api.mjs} +0 -0
- package/esm2020/mini-progress/mini-progress.component.mjs +46 -0
- package/{esm2015/mini-progress/mini-progress.js → esm2020/mini-progress/mini-progress.mjs} +0 -0
- package/esm2020/mini-progress/mini-progress.module.mjs +21 -0
- package/{esm2015/mini-progress/public_api.js → esm2020/mini-progress/public_api.mjs} +0 -0
- package/esm2020/number-info/number-info.component.mjs +45 -0
- package/{esm2015/number-info/number-info.js → esm2020/number-info/number-info.mjs} +0 -0
- package/esm2020/number-info/number-info.module.mjs +21 -0
- package/{esm2015/number-info/public_api.js → esm2020/number-info/public_api.mjs} +0 -0
- package/esm2020/pie/pie.component.mjs +215 -0
- package/{esm2015/pie/pie.js → esm2020/pie/pie.mjs} +0 -0
- package/esm2020/pie/pie.module.mjs +22 -0
- package/{esm2015/pie/public_api.js → esm2020/pie/public_api.mjs} +0 -0
- package/{esm2015/public_api.js → esm2020/public_api.mjs} +0 -0
- package/{esm2015/radar/public_api.js → esm2020/radar/public_api.mjs} +0 -0
- package/esm2020/radar/radar.component.mjs +148 -0
- package/{esm2015/radar/radar.js → esm2020/radar/radar.mjs} +0 -0
- package/esm2020/radar/radar.module.mjs +22 -0
- package/{esm2015/single-bar/public_api.js → esm2020/single-bar/public_api.mjs} +0 -0
- package/esm2020/single-bar/single-bar.component.mjs +126 -0
- package/{esm2015/single-bar/single-bar.js → esm2020/single-bar/single-bar.mjs} +0 -0
- package/esm2020/single-bar/single-bar.module.mjs +19 -0
- package/{esm2015/tag-cloud/public_api.js → esm2020/tag-cloud/public_api.mjs} +0 -0
- package/esm2020/tag-cloud/tag-cloud.component.mjs +161 -0
- package/{esm2015/tag-cloud/tag-cloud.js → esm2020/tag-cloud/tag-cloud.mjs} +0 -0
- package/esm2020/tag-cloud/tag-cloud.module.mjs +20 -0
- package/{esm2015/timeline/public_api.js → esm2020/timeline/public_api.mjs} +0 -0
- package/esm2020/timeline/timeline.component.mjs +204 -0
- package/{esm2015/timeline/timeline.js → esm2020/timeline/timeline.mjs} +0 -0
- package/esm2020/timeline/timeline.module.mjs +21 -0
- package/{esm2015/trend/public_api.js → esm2020/trend/public_api.mjs} +0 -0
- package/esm2020/trend/trend.component.mjs +52 -0
- package/{esm2015/trend/trend.js → esm2020/trend/trend.mjs} +0 -0
- package/esm2020/trend/trend.module.mjs +20 -0
- package/{esm2015/water-wave/public_api.js → esm2020/water-wave/public_api.mjs} +0 -0
- package/esm2020/water-wave/water-wave.component.mjs +221 -0
- package/{esm2015/water-wave/water-wave.js → esm2020/water-wave/water-wave.mjs} +0 -0
- package/esm2020/water-wave/water-wave.module.mjs +20 -0
- package/fesm2015/{bar.js → bar.mjs} +57 -34
- package/fesm2015/bar.mjs.map +1 -0
- package/fesm2015/card.mjs +81 -0
- package/fesm2015/card.mjs.map +1 -0
- package/fesm2015/{delon-chart-chart-echarts.js → chart-echarts.mjs} +62 -53
- package/fesm2015/chart-echarts.mjs.map +1 -0
- package/fesm2015/{chart.js → chart.mjs} +1 -1
- package/fesm2015/chart.mjs.map +1 -0
- package/fesm2015/{delon-chart-core.js → core.mjs} +23 -29
- package/fesm2015/core.mjs.map +1 -0
- package/fesm2015/custom.mjs +94 -0
- package/fesm2015/custom.mjs.map +1 -0
- package/fesm2015/{gauge.js → gauge.mjs} +46 -31
- package/fesm2015/gauge.mjs.map +1 -0
- package/fesm2015/mini-area.mjs +156 -0
- package/fesm2015/mini-area.mjs.map +1 -0
- package/fesm2015/mini-bar.mjs +123 -0
- package/fesm2015/mini-bar.mjs.map +1 -0
- package/fesm2015/mini-progress.mjs +71 -0
- package/fesm2015/mini-progress.mjs.map +1 -0
- package/fesm2015/number-info.mjs +70 -0
- package/fesm2015/number-info.mjs.map +1 -0
- package/fesm2015/pie.mjs +241 -0
- package/fesm2015/pie.mjs.map +1 -0
- package/fesm2015/{radar.js → radar.mjs} +43 -33
- package/fesm2015/radar.mjs.map +1 -0
- package/fesm2015/single-bar.mjs +147 -0
- package/fesm2015/single-bar.mjs.map +1 -0
- package/fesm2015/{tag-cloud.js → tag-cloud.mjs} +39 -26
- package/fesm2015/tag-cloud.mjs.map +1 -0
- package/fesm2015/{timeline.js → timeline.mjs} +64 -36
- package/fesm2015/timeline.mjs.map +1 -0
- package/fesm2015/trend.mjs +76 -0
- package/fesm2015/trend.mjs.map +1 -0
- package/fesm2015/{water-wave.js → water-wave.mjs} +38 -37
- package/fesm2015/water-wave.mjs.map +1 -0
- package/fesm2020/bar.mjs +168 -0
- package/fesm2020/bar.mjs.map +1 -0
- package/fesm2020/card.mjs +81 -0
- package/fesm2020/card.mjs.map +1 -0
- package/fesm2020/chart-echarts.mjs +242 -0
- package/fesm2020/chart-echarts.mjs.map +1 -0
- package/fesm2020/chart.mjs +7 -0
- package/fesm2020/chart.mjs.map +1 -0
- package/fesm2020/core.mjs +187 -0
- package/fesm2020/core.mjs.map +1 -0
- package/fesm2020/custom.mjs +94 -0
- package/fesm2020/custom.mjs.map +1 -0
- package/fesm2020/gauge.mjs +193 -0
- package/fesm2020/gauge.mjs.map +1 -0
- package/fesm2020/mini-area.mjs +156 -0
- package/fesm2020/mini-area.mjs.map +1 -0
- package/fesm2020/mini-bar.mjs +123 -0
- package/fesm2020/mini-bar.mjs.map +1 -0
- package/fesm2020/mini-progress.mjs +71 -0
- package/fesm2020/mini-progress.mjs.map +1 -0
- package/fesm2020/number-info.mjs +70 -0
- package/fesm2020/number-info.mjs.map +1 -0
- package/fesm2020/pie.mjs +241 -0
- package/fesm2020/pie.mjs.map +1 -0
- package/fesm2020/radar.mjs +174 -0
- package/fesm2020/radar.mjs.map +1 -0
- package/fesm2020/single-bar.mjs +149 -0
- package/fesm2020/single-bar.mjs.map +1 -0
- package/fesm2020/tag-cloud.mjs +185 -0
- package/fesm2020/tag-cloud.mjs.map +1 -0
- package/fesm2020/timeline.mjs +229 -0
- package/fesm2020/timeline.mjs.map +1 -0
- package/fesm2020/trend.mjs +76 -0
- package/fesm2020/trend.mjs.map +1 -0
- package/fesm2020/water-wave.mjs +245 -0
- package/fesm2020/water-wave.mjs.map +1 -0
- package/gauge/gauge.component.d.ts +8 -5
- package/gauge/gauge.d.ts +1 -0
- package/gauge/gauge.module.d.ts +7 -0
- package/gauge/package.json +5 -6
- package/mini-area/mini-area.component.d.ts +3 -0
- package/mini-area/mini-area.d.ts +1 -0
- package/mini-area/mini-area.module.d.ts +6 -0
- package/mini-area/package.json +5 -6
- package/mini-bar/mini-bar.component.d.ts +3 -0
- package/mini-bar/mini-bar.d.ts +1 -0
- package/mini-bar/mini-bar.module.d.ts +6 -0
- package/mini-bar/package.json +5 -6
- package/mini-progress/mini-progress.component.d.ts +6 -3
- package/mini-progress/mini-progress.d.ts +1 -0
- package/mini-progress/mini-progress.module.d.ts +8 -0
- package/mini-progress/package.json +5 -6
- package/mini-progress/style/index.less +5 -0
- package/number-info/number-info.component.d.ts +9 -6
- package/number-info/number-info.d.ts +1 -0
- package/number-info/number-info.module.d.ts +8 -0
- package/number-info/package.json +5 -6
- package/number-info/style/index.less +12 -0
- package/package.json +160 -12
- package/pie/package.json +5 -6
- package/pie/pie.component.d.ts +8 -5
- package/pie/pie.d.ts +1 -0
- package/pie/pie.module.d.ts +9 -0
- package/pie/style/index.less +14 -0
- package/radar/package.json +5 -6
- package/radar/radar.component.d.ts +4 -1
- package/radar/radar.d.ts +1 -0
- package/radar/radar.module.d.ts +9 -0
- package/radar/style/index.less +6 -0
- package/single-bar/package.json +5 -6
- package/single-bar/single-bar.component.d.ts +4 -1
- package/single-bar/single-bar.d.ts +1 -0
- package/single-bar/single-bar.module.d.ts +6 -0
- package/tag-cloud/package.json +5 -6
- package/tag-cloud/tag-cloud.component.d.ts +3 -0
- package/tag-cloud/tag-cloud.d.ts +1 -0
- package/tag-cloud/tag-cloud.module.d.ts +7 -0
- package/timeline/package.json +5 -6
- package/timeline/timeline.component.d.ts +5 -2
- package/timeline/timeline.d.ts +1 -0
- package/timeline/timeline.module.d.ts +8 -0
- package/trend/package.json +5 -6
- package/trend/style/index.less +6 -0
- package/trend/trend.component.d.ts +4 -1
- package/trend/trend.d.ts +1 -0
- package/trend/trend.module.d.ts +7 -0
- package/water-wave/package.json +5 -6
- package/water-wave/style/index.less +4 -0
- package/water-wave/water-wave.component.d.ts +5 -2
- package/water-wave/water-wave.d.ts +1 -0
- package/water-wave/water-wave.module.d.ts +7 -0
- package/bar/bar.metadata.json +0 -1
- package/bundles/bar.umd.js +0 -471
- package/bundles/bar.umd.js.map +0 -1
- package/bundles/card.umd.js +0 -408
- package/bundles/card.umd.js.map +0 -1
- package/bundles/chart.umd.js +0 -19
- package/bundles/chart.umd.js.map +0 -1
- package/bundles/delon-chart-chart-echarts.umd.js +0 -617
- package/bundles/delon-chart-chart-echarts.umd.js.map +0 -1
- package/bundles/delon-chart-core.umd.js +0 -550
- package/bundles/delon-chart-core.umd.js.map +0 -1
- package/bundles/g2Custom.umd.js +0 -407
- package/bundles/g2Custom.umd.js.map +0 -1
- package/bundles/gauge.umd.js +0 -511
- package/bundles/gauge.umd.js.map +0 -1
- package/bundles/mini-area.umd.js +0 -471
- package/bundles/mini-area.umd.js.map +0 -1
- package/bundles/mini-bar.umd.js +0 -444
- package/bundles/mini-bar.umd.js.map +0 -1
- package/bundles/mini-progress.umd.js +0 -401
- package/bundles/mini-progress.umd.js.map +0 -1
- package/bundles/number-info.umd.js +0 -392
- package/bundles/number-info.umd.js.map +0 -1
- package/bundles/pie.umd.js +0 -567
- package/bundles/pie.umd.js.map +0 -1
- package/bundles/radar.umd.js +0 -497
- package/bundles/radar.umd.js.map +0 -1
- package/bundles/single-bar.umd.js +0 -464
- package/bundles/single-bar.umd.js.map +0 -1
- package/bundles/tag-cloud.umd.js +0 -495
- package/bundles/tag-cloud.umd.js.map +0 -1
- package/bundles/timeline.umd.js +0 -524
- package/bundles/timeline.umd.js.map +0 -1
- package/bundles/trend.umd.js +0 -391
- package/bundles/trend.umd.js.map +0 -1
- package/bundles/water-wave.umd.js +0 -587
- package/bundles/water-wave.umd.js.map +0 -1
- package/card/card.metadata.json +0 -1
- package/chart-echarts/delon-chart-chart-echarts.metadata.json +0 -1
- package/chart.metadata.json +0 -1
- package/core/delon-chart-core.metadata.json +0 -1
- package/custom/g2Custom.metadata.json +0 -1
- package/esm2015/bar/bar.component.js +0 -124
- package/esm2015/bar/bar.module.js +0 -16
- package/esm2015/card/card.component.js +0 -52
- package/esm2015/card/card.module.js +0 -17
- package/esm2015/chart-echarts/delon-chart-chart-echarts.js +0 -5
- package/esm2015/chart-echarts/echarts.component.js +0 -152
- package/esm2015/chart-echarts/echarts.module.js +0 -15
- package/esm2015/chart-echarts/echarts.service.js +0 -64
- package/esm2015/core/delon-chart-core.js +0 -5
- package/esm2015/core/g2.base.component.js +0 -110
- package/esm2015/core/g2.servicce.js +0 -58
- package/esm2015/core/utils.js +0 -15
- package/esm2015/custom/custom.component.js +0 -58
- package/esm2015/custom/custom.module.js +0 -15
- package/esm2015/custom/g2Custom.js +0 -5
- package/esm2015/gauge/gauge.component.js +0 -158
- package/esm2015/gauge/gauge.module.js +0 -15
- package/esm2015/mini-area/mini-area.component.js +0 -117
- package/esm2015/mini-area/mini-area.module.js +0 -14
- package/esm2015/mini-bar/mini-bar.component.js +0 -90
- package/esm2015/mini-bar/mini-bar.module.js +0 -14
- package/esm2015/mini-progress/mini-progress.component.js +0 -50
- package/esm2015/mini-progress/mini-progress.module.js +0 -16
- package/esm2015/number-info/number-info.component.js +0 -40
- package/esm2015/number-info/number-info.module.js +0 -16
- package/esm2015/pie/pie.component.js +0 -197
- package/esm2015/pie/pie.module.js +0 -17
- package/esm2015/radar/radar.component.js +0 -142
- package/esm2015/radar/radar.module.js +0 -17
- package/esm2015/single-bar/single-bar.component.js +0 -111
- package/esm2015/single-bar/single-bar.module.js +0 -14
- package/esm2015/tag-cloud/tag-cloud.component.js +0 -142
- package/esm2015/tag-cloud/tag-cloud.module.js +0 -15
- package/esm2015/timeline/timeline.component.js +0 -178
- package/esm2015/timeline/timeline.module.js +0 -16
- package/esm2015/trend/trend.component.js +0 -42
- package/esm2015/trend/trend.module.js +0 -15
- package/esm2015/water-wave/water-wave.component.js +0 -224
- package/esm2015/water-wave/water-wave.module.js +0 -15
- package/fesm2015/bar.js.map +0 -1
- package/fesm2015/card.js +0 -74
- package/fesm2015/card.js.map +0 -1
- package/fesm2015/chart.js.map +0 -1
- package/fesm2015/delon-chart-chart-echarts.js.map +0 -1
- package/fesm2015/delon-chart-core.js.map +0 -1
- package/fesm2015/g2Custom.js +0 -78
- package/fesm2015/g2Custom.js.map +0 -1
- package/fesm2015/gauge.js.map +0 -1
- package/fesm2015/mini-area.js +0 -136
- package/fesm2015/mini-area.js.map +0 -1
- package/fesm2015/mini-bar.js +0 -109
- package/fesm2015/mini-bar.js.map +0 -1
- package/fesm2015/mini-progress.js +0 -70
- package/fesm2015/mini-progress.js.map +0 -1
- package/fesm2015/number-info.js +0 -61
- package/fesm2015/number-info.js.map +0 -1
- package/fesm2015/pie.js +0 -219
- package/fesm2015/pie.js.map +0 -1
- package/fesm2015/radar.js.map +0 -1
- package/fesm2015/single-bar.js +0 -130
- package/fesm2015/single-bar.js.map +0 -1
- package/fesm2015/tag-cloud.js.map +0 -1
- package/fesm2015/timeline.js.map +0 -1
- package/fesm2015/trend.js +0 -62
- package/fesm2015/trend.js.map +0 -1
- package/fesm2015/water-wave.js.map +0 -1
- package/gauge/gauge.metadata.json +0 -1
- package/mini-area/mini-area.metadata.json +0 -1
- package/mini-bar/mini-bar.metadata.json +0 -1
- package/mini-progress/mini-progress.metadata.json +0 -1
- package/number-info/number-info.metadata.json +0 -1
- package/pie/pie.metadata.json +0 -1
- package/radar/radar.metadata.json +0 -1
- package/single-bar/single-bar.metadata.json +0 -1
- package/tag-cloud/tag-cloud.metadata.json +0 -1
- package/timeline/timeline.metadata.json +0 -1
- package/trend/trend.metadata.json +0 -1
- package/water-wave/water-wave.metadata.json +0 -1
package/fesm2015/number-info.js
DELETED
|
@@ -1,61 +0,0 @@
|
|
|
1
|
-
import { __decorate } from 'tslib';
|
|
2
|
-
import { Component, ChangeDetectionStrategy, ViewEncapsulation, Input, NgModule } from '@angular/core';
|
|
3
|
-
import { InputNumber } from '@delon/util/decorator';
|
|
4
|
-
import { CommonModule } from '@angular/common';
|
|
5
|
-
import { NzOutletModule } from 'ng-zorro-antd/core/outlet';
|
|
6
|
-
import { NzIconModule } from 'ng-zorro-antd/icon';
|
|
7
|
-
|
|
8
|
-
class NumberInfoComponent {
|
|
9
|
-
constructor() {
|
|
10
|
-
/** 状态样式 */
|
|
11
|
-
this.theme = 'light';
|
|
12
|
-
/** 设置数字和描述直接的间距(像素) */
|
|
13
|
-
this.gap = 8;
|
|
14
|
-
}
|
|
15
|
-
}
|
|
16
|
-
NumberInfoComponent.decorators = [
|
|
17
|
-
{ type: Component, args: [{
|
|
18
|
-
selector: 'number-info',
|
|
19
|
-
exportAs: 'numberInfo',
|
|
20
|
-
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",
|
|
21
|
-
host: {
|
|
22
|
-
'[class.number-info]': `true`,
|
|
23
|
-
'[class.number-info__light]': `theme === 'light'`,
|
|
24
|
-
'[class.number-info__default]': `theme === 'default'`
|
|
25
|
-
},
|
|
26
|
-
preserveWhitespaces: false,
|
|
27
|
-
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
28
|
-
encapsulation: ViewEncapsulation.None
|
|
29
|
-
},] }
|
|
30
|
-
];
|
|
31
|
-
NumberInfoComponent.propDecorators = {
|
|
32
|
-
title: [{ type: Input }],
|
|
33
|
-
subTitle: [{ type: Input }],
|
|
34
|
-
total: [{ type: Input }],
|
|
35
|
-
subTotal: [{ type: Input }],
|
|
36
|
-
suffix: [{ type: Input }],
|
|
37
|
-
status: [{ type: Input }],
|
|
38
|
-
theme: [{ type: Input }],
|
|
39
|
-
gap: [{ type: Input }]
|
|
40
|
-
};
|
|
41
|
-
__decorate([
|
|
42
|
-
InputNumber()
|
|
43
|
-
], NumberInfoComponent.prototype, "gap", void 0);
|
|
44
|
-
|
|
45
|
-
const COMPONENTS = [NumberInfoComponent];
|
|
46
|
-
class NumberInfoModule {
|
|
47
|
-
}
|
|
48
|
-
NumberInfoModule.decorators = [
|
|
49
|
-
{ type: NgModule, args: [{
|
|
50
|
-
imports: [CommonModule, NzIconModule, NzOutletModule],
|
|
51
|
-
declarations: COMPONENTS,
|
|
52
|
-
exports: COMPONENTS
|
|
53
|
-
},] }
|
|
54
|
-
];
|
|
55
|
-
|
|
56
|
-
/**
|
|
57
|
-
* Generated bundle index. Do not edit.
|
|
58
|
-
*/
|
|
59
|
-
|
|
60
|
-
export { NumberInfoComponent, NumberInfoModule };
|
|
61
|
-
//# sourceMappingURL=number-info.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"number-info.js","sources":["../../../../packages/chart/number-info/number-info.component.ts","../../../../packages/chart/number-info/number-info.module.ts","../../../../packages/chart/number-info/number-info.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Input, TemplateRef, ViewEncapsulation } from '@angular/core';\n\nimport { InputNumber, NumberInput } from '@delon/util/decorator';\n\n@Component({\n selector: 'number-info',\n exportAs: 'numberInfo',\n templateUrl: './number-info.component.html',\n host: {\n '[class.number-info]': `true`,\n '[class.number-info__light]': `theme === 'light'`,\n '[class.number-info__default]': `theme === 'default'`\n },\n preserveWhitespaces: false,\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None\n})\nexport class NumberInfoComponent {\n static ngAcceptInputType_gap: NumberInput;\n\n /** 标题 */\n @Input() title: string | TemplateRef<void>;\n /** 子标题 */\n @Input() subTitle: string | TemplateRef<void>;\n /** 总量 */\n @Input() total: string | number | TemplateRef<void>;\n /** 总量后缀 */\n @Input() subTotal: string | number | TemplateRef<void>;\n /** 子总量 */\n @Input() suffix: string;\n /** 增加状态 */\n @Input() status: 'up' | 'down';\n /** 状态样式 */\n @Input() theme: 'light' | 'default' = 'light';\n /** 设置数字和描述直接的间距(像素) */\n @Input() @InputNumber() gap = 8;\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport { NzOutletModule } from 'ng-zorro-antd/core/outlet';\nimport { NzIconModule } from 'ng-zorro-antd/icon';\n\nimport { NumberInfoComponent } from './number-info.component';\n\nconst COMPONENTS = [NumberInfoComponent];\n\n@NgModule({\n imports: [CommonModule, NzIconModule, NzOutletModule],\n declarations: COMPONENTS,\n exports: COMPONENTS\n})\nexport class NumberInfoModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":";;;;;;;MAiBa,mBAAmB;IAbhC;;QA6BW,UAAK,GAAwB,OAAO,CAAC;;QAEtB,QAAG,GAAG,CAAC,CAAC;KACjC;;;YAhCA,SAAS,SAAC;gBACT,QAAQ,EAAE,aAAa;gBACvB,QAAQ,EAAE,YAAY;gBACtB,41BAA2C;gBAC3C,IAAI,EAAE;oBACJ,qBAAqB,EAAE,MAAM;oBAC7B,4BAA4B,EAAE,mBAAmB;oBACjD,8BAA8B,EAAE,qBAAqB;iBACtD;gBACD,mBAAmB,EAAE,KAAK;gBAC1B,eAAe,EAAE,uBAAuB,CAAC,MAAM;gBAC/C,aAAa,EAAE,iBAAiB,CAAC,IAAI;aACtC;;;oBAKE,KAAK;uBAEL,KAAK;oBAEL,KAAK;uBAEL,KAAK;qBAEL,KAAK;qBAEL,KAAK;oBAEL,KAAK;kBAEL,KAAK;;AAAkB;IAAd,WAAW,EAAE;gDAAS;;AC3BlC,MAAM,UAAU,GAAG,CAAC,mBAAmB,CAAC,CAAC;MAO5B,gBAAgB;;;YAL5B,QAAQ,SAAC;gBACR,OAAO,EAAE,CAAC,YAAY,EAAE,YAAY,EAAE,cAAc,CAAC;gBACrD,YAAY,EAAE,UAAU;gBACxB,OAAO,EAAE,UAAU;aACpB;;;ACdD;;;;;;"}
|
package/fesm2015/pie.js
DELETED
|
@@ -1,219 +0,0 @@
|
|
|
1
|
-
import { __decorate } from 'tslib';
|
|
2
|
-
import { EventEmitter, Component, ChangeDetectionStrategy, ViewEncapsulation, Input, Output, NgModule } from '@angular/core';
|
|
3
|
-
import { G2BaseComponent } from '@delon/chart/core';
|
|
4
|
-
import { InputBoolean, InputNumber } from '@delon/util/decorator';
|
|
5
|
-
import { CommonModule } from '@angular/common';
|
|
6
|
-
import { NzOutletModule } from 'ng-zorro-antd/core/outlet';
|
|
7
|
-
import { NzDividerModule } from 'ng-zorro-antd/divider';
|
|
8
|
-
import { NzSkeletonModule } from 'ng-zorro-antd/skeleton';
|
|
9
|
-
|
|
10
|
-
class G2PieComponent extends G2BaseComponent {
|
|
11
|
-
constructor() {
|
|
12
|
-
super(...arguments);
|
|
13
|
-
this.legendData = [];
|
|
14
|
-
// #region fields
|
|
15
|
-
this.animate = true;
|
|
16
|
-
this.color = 'rgba(24, 144, 255, 0.85)';
|
|
17
|
-
this.height = 0;
|
|
18
|
-
this.hasLegend = false;
|
|
19
|
-
this.inner = 0.75;
|
|
20
|
-
this.padding = [12, 0, 12, 0];
|
|
21
|
-
this.tooltip = true;
|
|
22
|
-
this.lineWidth = 0;
|
|
23
|
-
this.blockMaxWidth = 380;
|
|
24
|
-
this.select = true;
|
|
25
|
-
this.data = [];
|
|
26
|
-
this.interaction = 'none';
|
|
27
|
-
this.ratio = {
|
|
28
|
-
text: '占比',
|
|
29
|
-
inverse: '反比',
|
|
30
|
-
color: '',
|
|
31
|
-
inverseColor: '#F0F2F5'
|
|
32
|
-
};
|
|
33
|
-
this.clickItem = new EventEmitter();
|
|
34
|
-
}
|
|
35
|
-
// #endregion
|
|
36
|
-
get block() {
|
|
37
|
-
return this.hasLegend && this.el.nativeElement.clientWidth <= this.blockMaxWidth;
|
|
38
|
-
}
|
|
39
|
-
fixData() {
|
|
40
|
-
const { percent, color } = this;
|
|
41
|
-
this.isPercent = percent != null;
|
|
42
|
-
if (!this.isPercent) {
|
|
43
|
-
return;
|
|
44
|
-
}
|
|
45
|
-
this.select = false;
|
|
46
|
-
this.tooltip = false;
|
|
47
|
-
const { text, inverse, color: textColor, inverseColor } = this.ratio;
|
|
48
|
-
this.percentColor = (value) => (value === text ? textColor || color : inverseColor);
|
|
49
|
-
this.data = [
|
|
50
|
-
{
|
|
51
|
-
x: text,
|
|
52
|
-
y: percent
|
|
53
|
-
},
|
|
54
|
-
{
|
|
55
|
-
x: inverse,
|
|
56
|
-
y: 100 - percent
|
|
57
|
-
}
|
|
58
|
-
];
|
|
59
|
-
}
|
|
60
|
-
install() {
|
|
61
|
-
const { node, height, padding, tooltip, inner, hasLegend, interaction, theme, animate, lineWidth, isPercent, percentColor, colors } = this;
|
|
62
|
-
const chart = (this._chart = new window.G2.Chart({
|
|
63
|
-
container: node.nativeElement,
|
|
64
|
-
autoFit: true,
|
|
65
|
-
height,
|
|
66
|
-
padding,
|
|
67
|
-
theme
|
|
68
|
-
}));
|
|
69
|
-
chart.animate(animate);
|
|
70
|
-
if (!tooltip) {
|
|
71
|
-
chart.tooltip(false);
|
|
72
|
-
}
|
|
73
|
-
else {
|
|
74
|
-
chart.tooltip({
|
|
75
|
-
showTitle: false,
|
|
76
|
-
showMarkers: false
|
|
77
|
-
});
|
|
78
|
-
}
|
|
79
|
-
if (interaction !== 'none') {
|
|
80
|
-
chart.interaction(interaction);
|
|
81
|
-
}
|
|
82
|
-
chart.axis(false).legend(false).coordinate('theta', { innerRadius: inner });
|
|
83
|
-
chart.filter('x', (_val, item) => item.checked !== false);
|
|
84
|
-
chart
|
|
85
|
-
.interval()
|
|
86
|
-
.adjust('stack')
|
|
87
|
-
.position('y')
|
|
88
|
-
.style({ lineWidth, stroke: '#fff' })
|
|
89
|
-
.color('x', isPercent ? percentColor : colors)
|
|
90
|
-
.tooltip('x*percent', (name, p) => ({
|
|
91
|
-
name,
|
|
92
|
-
value: `${hasLegend ? p : (p * 100).toFixed(2)} %`
|
|
93
|
-
}))
|
|
94
|
-
.state({});
|
|
95
|
-
chart.scale({
|
|
96
|
-
x: {
|
|
97
|
-
type: 'cat',
|
|
98
|
-
range: [0, 1]
|
|
99
|
-
}
|
|
100
|
-
});
|
|
101
|
-
chart.on(`interval:click`, (ev) => {
|
|
102
|
-
this.ngZone.run(() => { var _a; return this.clickItem.emit({ item: (_a = ev.data) === null || _a === void 0 ? void 0 : _a.data, ev }); });
|
|
103
|
-
});
|
|
104
|
-
this.changeData();
|
|
105
|
-
chart.render();
|
|
106
|
-
}
|
|
107
|
-
changeData() {
|
|
108
|
-
const { _chart, data } = this;
|
|
109
|
-
if (!_chart || !Array.isArray(data) || data.length <= 0)
|
|
110
|
-
return;
|
|
111
|
-
// 转化 percent
|
|
112
|
-
const totalSum = data.reduce((cur, item) => cur + item.y, 0);
|
|
113
|
-
for (const item of data) {
|
|
114
|
-
item.percent = totalSum === 0 ? 0 : item.y / totalSum;
|
|
115
|
-
}
|
|
116
|
-
_chart.changeData(data);
|
|
117
|
-
this.ngZone.run(() => this.genLegend());
|
|
118
|
-
}
|
|
119
|
-
genLegend() {
|
|
120
|
-
const { hasLegend, isPercent, cdr, _chart } = this;
|
|
121
|
-
if (!hasLegend || isPercent)
|
|
122
|
-
return;
|
|
123
|
-
this.legendData = _chart.geometries[0].dataArray.map((item) => {
|
|
124
|
-
const origin = item[0]._origin;
|
|
125
|
-
origin.color = item[0].color;
|
|
126
|
-
origin.checked = true;
|
|
127
|
-
origin.percent = (origin.percent * 100).toFixed(2);
|
|
128
|
-
return origin;
|
|
129
|
-
});
|
|
130
|
-
cdr.detectChanges();
|
|
131
|
-
}
|
|
132
|
-
_click(i) {
|
|
133
|
-
const { legendData, _chart } = this;
|
|
134
|
-
legendData[i].checked = !legendData[i].checked;
|
|
135
|
-
_chart.render(true);
|
|
136
|
-
}
|
|
137
|
-
onChanges() {
|
|
138
|
-
this.fixData();
|
|
139
|
-
}
|
|
140
|
-
}
|
|
141
|
-
G2PieComponent.decorators = [
|
|
142
|
-
{ type: Component, args: [{
|
|
143
|
-
selector: 'g2-pie',
|
|
144
|
-
exportAs: 'g2Pie',
|
|
145
|
-
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",
|
|
146
|
-
host: {
|
|
147
|
-
'[class.g2-pie]': 'true',
|
|
148
|
-
'[class.g2-pie__legend-has]': 'hasLegend',
|
|
149
|
-
'[class.g2-pie__legend-block]': 'block',
|
|
150
|
-
'[class.g2-pie__mini]': 'isPercent'
|
|
151
|
-
},
|
|
152
|
-
preserveWhitespaces: false,
|
|
153
|
-
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
154
|
-
encapsulation: ViewEncapsulation.None
|
|
155
|
-
},] }
|
|
156
|
-
];
|
|
157
|
-
G2PieComponent.propDecorators = {
|
|
158
|
-
animate: [{ type: Input }],
|
|
159
|
-
color: [{ type: Input }],
|
|
160
|
-
subTitle: [{ type: Input }],
|
|
161
|
-
total: [{ type: Input }],
|
|
162
|
-
height: [{ type: Input }],
|
|
163
|
-
hasLegend: [{ type: Input }],
|
|
164
|
-
inner: [{ type: Input }],
|
|
165
|
-
padding: [{ type: Input }],
|
|
166
|
-
percent: [{ type: Input }],
|
|
167
|
-
tooltip: [{ type: Input }],
|
|
168
|
-
lineWidth: [{ type: Input }],
|
|
169
|
-
blockMaxWidth: [{ type: Input }],
|
|
170
|
-
select: [{ type: Input }],
|
|
171
|
-
valueFormat: [{ type: Input }],
|
|
172
|
-
data: [{ type: Input }],
|
|
173
|
-
colors: [{ type: Input }],
|
|
174
|
-
interaction: [{ type: Input }],
|
|
175
|
-
ratio: [{ type: Input }],
|
|
176
|
-
clickItem: [{ type: Output }]
|
|
177
|
-
};
|
|
178
|
-
__decorate([
|
|
179
|
-
InputBoolean()
|
|
180
|
-
], G2PieComponent.prototype, "animate", void 0);
|
|
181
|
-
__decorate([
|
|
182
|
-
InputNumber()
|
|
183
|
-
], G2PieComponent.prototype, "height", void 0);
|
|
184
|
-
__decorate([
|
|
185
|
-
InputBoolean()
|
|
186
|
-
], G2PieComponent.prototype, "hasLegend", void 0);
|
|
187
|
-
__decorate([
|
|
188
|
-
InputNumber()
|
|
189
|
-
], G2PieComponent.prototype, "percent", void 0);
|
|
190
|
-
__decorate([
|
|
191
|
-
InputBoolean()
|
|
192
|
-
], G2PieComponent.prototype, "tooltip", void 0);
|
|
193
|
-
__decorate([
|
|
194
|
-
InputNumber()
|
|
195
|
-
], G2PieComponent.prototype, "lineWidth", void 0);
|
|
196
|
-
__decorate([
|
|
197
|
-
InputNumber()
|
|
198
|
-
], G2PieComponent.prototype, "blockMaxWidth", void 0);
|
|
199
|
-
__decorate([
|
|
200
|
-
InputBoolean()
|
|
201
|
-
], G2PieComponent.prototype, "select", void 0);
|
|
202
|
-
|
|
203
|
-
const COMPONENTS = [G2PieComponent];
|
|
204
|
-
class G2PieModule {
|
|
205
|
-
}
|
|
206
|
-
G2PieModule.decorators = [
|
|
207
|
-
{ type: NgModule, args: [{
|
|
208
|
-
imports: [CommonModule, NzDividerModule, NzOutletModule, NzSkeletonModule],
|
|
209
|
-
declarations: COMPONENTS,
|
|
210
|
-
exports: COMPONENTS
|
|
211
|
-
},] }
|
|
212
|
-
];
|
|
213
|
-
|
|
214
|
-
/**
|
|
215
|
-
* Generated bundle index. Do not edit.
|
|
216
|
-
*/
|
|
217
|
-
|
|
218
|
-
export { G2PieComponent, G2PieModule };
|
|
219
|
-
//# sourceMappingURL=pie.js.map
|
package/fesm2015/pie.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"pie.js","sources":["../../../../packages/chart/pie/pie.component.ts","../../../../packages/chart/pie/pie.module.ts","../../../../packages/chart/pie/pie.ts"],"sourcesContent":["import {\n ChangeDetectionStrategy,\n Component,\n EventEmitter,\n Input,\n Output,\n TemplateRef,\n ViewEncapsulation\n} from '@angular/core';\n\nimport type { Chart, Event } from '@antv/g2';\n\nimport { G2BaseComponent, G2InteractionType } 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 G2PieData {\n x: NzSafeAny;\n y: number;\n [key: string]: NzSafeAny;\n}\n\nexport interface G2PieClickItem {\n item: G2PieData;\n ev: Event;\n}\n\nexport interface G2PieRatio {\n /** 占比文本,默认:`占比` */\n text: string;\n /** 反比文本,默认:`反比` */\n inverse: string;\n /** 正比颜色,默认使用 `color` 值 */\n color: string;\n /** 反比颜色,默认:`#F0F2F5` */\n inverseColor: string;\n}\n\n@Component({\n selector: 'g2-pie',\n exportAs: 'g2Pie',\n templateUrl: './pie.component.html',\n host: {\n '[class.g2-pie]': 'true',\n '[class.g2-pie__legend-has]': 'hasLegend',\n '[class.g2-pie__legend-block]': 'block',\n '[class.g2-pie__mini]': 'isPercent'\n },\n preserveWhitespaces: false,\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None\n})\nexport class G2PieComponent extends G2BaseComponent {\n static ngAcceptInputType_height: NumberInput;\n static ngAcceptInputType_animate: BooleanInput;\n static ngAcceptInputType_hasLegend: BooleanInput;\n static ngAcceptInputType_percent: NumberInput;\n static ngAcceptInputType_tooltip: BooleanInput;\n static ngAcceptInputType_lineWidth: NumberInput;\n static ngAcceptInputType_blockMaxWidth: NumberInput;\n static ngAcceptInputType_select: BooleanInput;\n\n private percentColor: (value: string) => string;\n legendData: NzSafeAny[] = [];\n isPercent: boolean;\n\n // #region fields\n\n @Input() @InputBoolean() animate = true;\n @Input() color = 'rgba(24, 144, 255, 0.85)';\n @Input() subTitle: string | TemplateRef<void>;\n @Input() total: string | number | TemplateRef<void>;\n @Input() @InputNumber() height = 0;\n @Input() @InputBoolean() hasLegend = false;\n @Input() inner = 0.75;\n @Input() padding: number | number[] | 'auto' = [12, 0, 12, 0];\n @Input() @InputNumber() percent: number;\n @Input() @InputBoolean() tooltip = true;\n @Input() @InputNumber() lineWidth = 0;\n @Input() @InputNumber() blockMaxWidth = 380;\n @Input() @InputBoolean() select = true;\n @Input() valueFormat: (y: number) => string;\n @Input() data: G2PieData[] = [];\n @Input() colors: string[];\n @Input() interaction: G2InteractionType = 'none';\n @Input() ratio: G2PieRatio = {\n text: '占比',\n inverse: '反比',\n color: '',\n inverseColor: '#F0F2F5'\n };\n @Output() readonly clickItem = new EventEmitter<G2PieClickItem>();\n\n // #endregion\n\n get block(): boolean {\n return this.hasLegend && this.el.nativeElement.clientWidth <= this.blockMaxWidth;\n }\n\n private fixData(): void {\n const { percent, color } = this;\n this.isPercent = percent != null;\n if (!this.isPercent) {\n return;\n }\n\n this.select = false;\n this.tooltip = false;\n const { text, inverse, color: textColor, inverseColor } = this.ratio;\n this.percentColor = (value: string) => (value === text ? textColor || color : inverseColor);\n this.data = [\n {\n x: text,\n y: percent\n },\n {\n x: inverse,\n y: 100 - percent\n }\n ];\n }\n\n install(): void {\n const {\n node,\n height,\n padding,\n tooltip,\n inner,\n hasLegend,\n interaction,\n theme,\n animate,\n lineWidth,\n isPercent,\n percentColor,\n colors\n } = this;\n const chart: Chart = (this._chart = new (window as NzSafeAny).G2.Chart({\n container: node.nativeElement,\n autoFit: true,\n height,\n padding,\n theme\n }));\n chart.animate(animate);\n\n if (!tooltip) {\n chart.tooltip(false);\n } else {\n chart.tooltip({\n showTitle: false,\n showMarkers: false\n });\n }\n if (interaction !== 'none') {\n chart.interaction(interaction);\n }\n chart.axis(false).legend(false).coordinate('theta', { innerRadius: inner });\n chart.filter('x', (_val: NzSafeAny, item: NzSafeAny) => item.checked !== false);\n chart\n .interval()\n .adjust('stack')\n .position('y')\n .style({ lineWidth, stroke: '#fff' })\n .color('x', isPercent ? percentColor : colors)\n .tooltip('x*percent', (name: string, p: number) => ({\n name,\n value: `${hasLegend ? p : (p * 100).toFixed(2)} %`\n }))\n .state({});\n chart.scale({\n x: {\n type: 'cat',\n range: [0, 1]\n }\n });\n\n chart.on(`interval:click`, (ev: Event) => {\n this.ngZone.run(() => this.clickItem.emit({ item: ev.data?.data, ev }));\n });\n\n this.changeData();\n chart.render();\n }\n\n changeData(): void {\n const { _chart, data } = this;\n if (!_chart || !Array.isArray(data) || data.length <= 0) return;\n\n // 转化 percent\n const totalSum = data.reduce((cur, item) => cur + item.y, 0);\n for (const item of data) {\n item.percent = totalSum === 0 ? 0 : item.y / totalSum;\n }\n _chart.changeData(data);\n this.ngZone.run(() => this.genLegend());\n }\n\n private genLegend(): void {\n const { hasLegend, isPercent, cdr, _chart } = this;\n if (!hasLegend || isPercent) return;\n\n this.legendData = _chart.geometries[0].dataArray.map((item: NzSafeAny) => {\n const origin = item[0]._origin;\n origin.color = item[0].color;\n origin.checked = true;\n origin.percent = (origin.percent * 100).toFixed(2);\n return origin;\n });\n\n cdr.detectChanges();\n }\n\n _click(i: number): void {\n const { legendData, _chart } = this;\n legendData[i].checked = !legendData[i].checked;\n _chart.render(true);\n }\n\n onChanges(): void {\n this.fixData();\n }\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport { NzOutletModule } from 'ng-zorro-antd/core/outlet';\nimport { NzDividerModule } from 'ng-zorro-antd/divider';\nimport { NzSkeletonModule } from 'ng-zorro-antd/skeleton';\n\nimport { G2PieComponent } from './pie.component';\n\nconst COMPONENTS = [G2PieComponent];\n\n@NgModule({\n imports: [CommonModule, NzDividerModule, NzOutletModule, NzSkeletonModule],\n declarations: COMPONENTS,\n exports: COMPONENTS\n})\nexport class G2PieModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}
|
package/fesm2015/radar.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"radar.js","sources":["../../../../packages/chart/radar/radar.component.ts","../../../../packages/chart/radar/radar.module.ts","../../../../packages/chart/radar/radar.ts"],"sourcesContent":["import {\n ChangeDetectionStrategy,\n Component,\n EventEmitter,\n Input,\n Output,\n TemplateRef,\n ViewEncapsulation\n} from '@angular/core';\n\nimport type { Chart, Event } from '@antv/g2';\n\nimport { G2BaseComponent } 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 G2RadarData {\n name: string;\n label: string;\n value: number;\n [key: string]: NzSafeAny;\n}\n\nexport interface G2RadarClickItem {\n item: G2RadarData;\n ev: Event;\n}\n\n@Component({\n selector: 'g2-radar',\n exportAs: 'g2Radar',\n templateUrl: './radar.component.html',\n host: {\n '[style.height.px]': 'height',\n '[class.g2-radar]': 'true'\n },\n preserveWhitespaces: false,\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None\n})\nexport class G2RadarComponent extends G2BaseComponent {\n static ngAcceptInputType_height: NumberInput;\n static ngAcceptInputType_hasLegend: BooleanInput;\n static ngAcceptInputType_tickCount: NumberInput;\n\n legendData: NzSafeAny[] = [];\n\n // #region fields\n\n @Input() title: string | TemplateRef<void>;\n @Input() @InputNumber() height = 0;\n @Input() padding: number | number[] | 'auto' = [44, 30, 16, 30];\n @Input() @InputBoolean() hasLegend = true;\n @Input() @InputNumber() tickCount = 4;\n @Input() data: G2RadarData[] = [];\n @Input() colors = ['#1890FF', '#FACC14', '#2FC25B', '#8543E0', '#F04864', '#13C2C2', '#fa8c16', '#a0d911'];\n @Output() readonly clickItem = new EventEmitter<G2RadarClickItem>();\n\n // #endregion\n\n private getHeight(): number {\n return this.height - (this.hasLegend ? 80 : 22);\n }\n\n install(): void {\n const { node, padding, theme, tickCount } = this;\n\n const chart: Chart = (this._chart = new (window as NzSafeAny).G2.Chart({\n container: node.nativeElement,\n autoFit: true,\n height: this.getHeight(),\n padding,\n theme\n }));\n\n chart.coordinate('polar');\n chart.legend(false);\n chart.axis('label', {\n line: null,\n label: {\n offset: 8\n },\n grid: {\n line: {\n style: {\n stroke: '#e9e9e9',\n lineWidth: 1,\n lineDash: [0, 0]\n }\n }\n }\n });\n chart.axis('value', {\n grid: {\n line: {\n type: 'polygon',\n style: {\n stroke: '#e9e9e9',\n lineWidth: 1,\n lineDash: [0, 0]\n }\n }\n }\n });\n chart.scale({\n value: {\n min: 0,\n tickCount\n }\n });\n chart.filter('name', (name: string) => {\n const legendItem = this.legendData.find(w => w.name === name);\n return legendItem ? legendItem.checked !== false : true;\n });\n\n chart.line().position('label*value').color('name', this.colors);\n chart.point().position('label*value').shape('circle').size(3);\n\n chart.on(`point:click`, (ev: Event) => {\n this.ngZone.run(() => this.clickItem.emit({ item: ev.data?.data, ev }));\n });\n\n this.changeData();\n\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 this.ngZone.run(() => this.genLegend());\n }\n\n private genLegend(): void {\n const { hasLegend, cdr, _chart } = this;\n if (!hasLegend) return;\n\n this.legendData = _chart.geometries[0].dataArray.map(item => {\n const origin = item[0]._origin;\n const result = {\n name: origin.name,\n color: item[0].color,\n checked: true,\n value: item.reduce((p, n) => p + n._origin.value, 0)\n };\n\n return result;\n });\n\n cdr.detectChanges();\n }\n\n _click(i: number): void {\n const { legendData, _chart } = this;\n legendData[i].checked = !legendData[i].checked;\n _chart.render(true);\n }\n\n onChanges(): void {\n this.legendData.forEach(i => (i.checked = true));\n }\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport { NzOutletModule } from 'ng-zorro-antd/core/outlet';\nimport { NzGridModule } from 'ng-zorro-antd/grid';\nimport { NzSkeletonModule } from 'ng-zorro-antd/skeleton';\n\nimport { G2RadarComponent } from './radar.component';\n\nconst COMPONENTS = [G2RadarComponent];\n\n@NgModule({\n imports: [CommonModule, NzGridModule, NzOutletModule, NzSkeletonModule],\n declarations: COMPONENTS,\n exports: COMPONENTS\n})\nexport class G2RadarModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}
|
package/fesm2015/single-bar.js
DELETED
|
@@ -1,130 +0,0 @@
|
|
|
1
|
-
import { __decorate } from 'tslib';
|
|
2
|
-
import { Component, ChangeDetectionStrategy, ViewEncapsulation, Input, NgModule } from '@angular/core';
|
|
3
|
-
import { G2BaseComponent } from '@delon/chart/core';
|
|
4
|
-
import { InputNumber, InputBoolean } from '@delon/util/decorator';
|
|
5
|
-
import { CommonModule } from '@angular/common';
|
|
6
|
-
|
|
7
|
-
class G2SingleBarComponent extends G2BaseComponent {
|
|
8
|
-
constructor() {
|
|
9
|
-
super(...arguments);
|
|
10
|
-
// #region fields
|
|
11
|
-
this.plusColor = '#40a9ff';
|
|
12
|
-
this.minusColor = '#ff4d4f';
|
|
13
|
-
this.height = 60;
|
|
14
|
-
this.barSize = 30;
|
|
15
|
-
this.min = 0;
|
|
16
|
-
this.max = 100;
|
|
17
|
-
this.value = 0;
|
|
18
|
-
this.line = false;
|
|
19
|
-
this.padding = 0;
|
|
20
|
-
this.textStyle = { fontSize: 12, color: '#595959' };
|
|
21
|
-
this.onlyChangeData = (changes) => {
|
|
22
|
-
return Object.keys(changes).length === 1 && !!changes.value;
|
|
23
|
-
};
|
|
24
|
-
}
|
|
25
|
-
// #endregion
|
|
26
|
-
install() {
|
|
27
|
-
const { el, height, padding, textStyle, line, format, theme, min, max, plusColor, minusColor, barSize } = this;
|
|
28
|
-
const chart = (this._chart = new window.G2.Chart({
|
|
29
|
-
container: el.nativeElement,
|
|
30
|
-
autoFit: true,
|
|
31
|
-
height,
|
|
32
|
-
padding,
|
|
33
|
-
theme
|
|
34
|
-
}));
|
|
35
|
-
chart.legend(false);
|
|
36
|
-
chart.axis(false);
|
|
37
|
-
chart.scale({ value: { max, min } });
|
|
38
|
-
chart.tooltip(false);
|
|
39
|
-
chart.coordinate().transpose();
|
|
40
|
-
chart
|
|
41
|
-
.interval()
|
|
42
|
-
.position('1*value')
|
|
43
|
-
.color('value', (val) => (val > 0 ? plusColor : minusColor))
|
|
44
|
-
.size(barSize)
|
|
45
|
-
.label('value', () => ({
|
|
46
|
-
formatter: format,
|
|
47
|
-
style: Object.assign({}, textStyle)
|
|
48
|
-
}));
|
|
49
|
-
if (line) {
|
|
50
|
-
chart.annotation().line({
|
|
51
|
-
start: ['50%', '0%'],
|
|
52
|
-
end: ['50%', '100%'],
|
|
53
|
-
style: {
|
|
54
|
-
stroke: '#e8e8e8',
|
|
55
|
-
lineDash: [0, 0]
|
|
56
|
-
}
|
|
57
|
-
});
|
|
58
|
-
}
|
|
59
|
-
this.changeData();
|
|
60
|
-
chart.render();
|
|
61
|
-
}
|
|
62
|
-
changeData() {
|
|
63
|
-
const { _chart, value } = this;
|
|
64
|
-
if (!_chart)
|
|
65
|
-
return;
|
|
66
|
-
_chart.changeData([{ value }]);
|
|
67
|
-
}
|
|
68
|
-
}
|
|
69
|
-
G2SingleBarComponent.decorators = [
|
|
70
|
-
{ type: Component, args: [{
|
|
71
|
-
selector: 'g2-single-bar',
|
|
72
|
-
exportAs: 'g2SingleBar',
|
|
73
|
-
template: ``,
|
|
74
|
-
host: {
|
|
75
|
-
'[style.height.px]': 'height'
|
|
76
|
-
},
|
|
77
|
-
preserveWhitespaces: false,
|
|
78
|
-
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
79
|
-
encapsulation: ViewEncapsulation.None
|
|
80
|
-
},] }
|
|
81
|
-
];
|
|
82
|
-
G2SingleBarComponent.propDecorators = {
|
|
83
|
-
plusColor: [{ type: Input }],
|
|
84
|
-
minusColor: [{ type: Input }],
|
|
85
|
-
height: [{ type: Input }],
|
|
86
|
-
barSize: [{ type: Input }],
|
|
87
|
-
min: [{ type: Input }],
|
|
88
|
-
max: [{ type: Input }],
|
|
89
|
-
value: [{ type: Input }],
|
|
90
|
-
line: [{ type: Input }],
|
|
91
|
-
format: [{ type: Input }],
|
|
92
|
-
padding: [{ type: Input }],
|
|
93
|
-
textStyle: [{ type: Input }]
|
|
94
|
-
};
|
|
95
|
-
__decorate([
|
|
96
|
-
InputNumber()
|
|
97
|
-
], G2SingleBarComponent.prototype, "height", void 0);
|
|
98
|
-
__decorate([
|
|
99
|
-
InputNumber()
|
|
100
|
-
], G2SingleBarComponent.prototype, "barSize", void 0);
|
|
101
|
-
__decorate([
|
|
102
|
-
InputNumber()
|
|
103
|
-
], G2SingleBarComponent.prototype, "min", void 0);
|
|
104
|
-
__decorate([
|
|
105
|
-
InputNumber()
|
|
106
|
-
], G2SingleBarComponent.prototype, "max", void 0);
|
|
107
|
-
__decorate([
|
|
108
|
-
InputNumber()
|
|
109
|
-
], G2SingleBarComponent.prototype, "value", void 0);
|
|
110
|
-
__decorate([
|
|
111
|
-
InputBoolean()
|
|
112
|
-
], G2SingleBarComponent.prototype, "line", void 0);
|
|
113
|
-
|
|
114
|
-
const COMPONENTS = [G2SingleBarComponent];
|
|
115
|
-
class G2SingleBarModule {
|
|
116
|
-
}
|
|
117
|
-
G2SingleBarModule.decorators = [
|
|
118
|
-
{ type: NgModule, args: [{
|
|
119
|
-
imports: [CommonModule],
|
|
120
|
-
declarations: COMPONENTS,
|
|
121
|
-
exports: COMPONENTS
|
|
122
|
-
},] }
|
|
123
|
-
];
|
|
124
|
-
|
|
125
|
-
/**
|
|
126
|
-
* Generated bundle index. Do not edit.
|
|
127
|
-
*/
|
|
128
|
-
|
|
129
|
-
export { G2SingleBarComponent, G2SingleBarModule };
|
|
130
|
-
//# sourceMappingURL=single-bar.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"single-bar.js","sources":["../../../../packages/chart/single-bar/single-bar.component.ts","../../../../packages/chart/single-bar/single-bar.module.ts","../../../../packages/chart/single-bar/single-bar.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Input, SimpleChanges, ViewEncapsulation } from '@angular/core';\n\nimport type { Chart } from '@antv/g2';\n\nimport { G2BaseComponent } from '@delon/chart/core';\nimport { BooleanInput, InputBoolean, InputNumber, NumberInput } from '@delon/util/decorator';\nimport type { NzSafeAny } from 'ng-zorro-antd/core/types';\n\n@Component({\n selector: 'g2-single-bar',\n exportAs: 'g2SingleBar',\n template: ``,\n host: {\n '[style.height.px]': 'height'\n },\n preserveWhitespaces: false,\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None\n})\nexport class G2SingleBarComponent extends G2BaseComponent {\n static ngAcceptInputType_height: NumberInput;\n static ngAcceptInputType_barSize: NumberInput;\n static ngAcceptInputType_min: NumberInput;\n static ngAcceptInputType_max: NumberInput;\n static ngAcceptInputType_value: NumberInput;\n static ngAcceptInputType_line: BooleanInput;\n\n // #region fields\n\n @Input() plusColor = '#40a9ff';\n @Input() minusColor = '#ff4d4f';\n @Input() @InputNumber() height = 60;\n @Input() @InputNumber() barSize = 30;\n @Input() @InputNumber() min = 0;\n @Input() @InputNumber() max = 100;\n @Input() @InputNumber() value = 0;\n @Input() @InputBoolean() line = false;\n @Input() format: (value: number, item: NzSafeAny, index: number) => string;\n @Input() padding: number | number[] | 'auto' = 0;\n @Input() textStyle: { [key: string]: NzSafeAny } = { fontSize: 12, color: '#595959' };\n\n // #endregion\n\n install(): void {\n const { el, height, padding, textStyle, line, format, theme, min, max, plusColor, minusColor, barSize } = this;\n const chart: Chart = (this._chart = new (window as NzSafeAny).G2.Chart({\n container: el.nativeElement,\n autoFit: true,\n height,\n padding,\n theme\n }));\n chart.legend(false);\n chart.axis(false);\n chart.scale({ value: { max, min } });\n chart.tooltip(false);\n chart.coordinate().transpose();\n chart\n .interval()\n .position('1*value')\n .color('value', (val: number) => (val > 0 ? plusColor : minusColor))\n .size(barSize)\n .label('value', () => ({\n formatter: format,\n style: {\n ...textStyle\n }\n }));\n\n if (line) {\n chart.annotation().line({\n start: ['50%', '0%'],\n end: ['50%', '100%'],\n style: {\n stroke: '#e8e8e8',\n lineDash: [0, 0]\n }\n });\n }\n\n this.changeData();\n\n chart.render();\n }\n\n onlyChangeData = (changes: SimpleChanges): boolean => {\n return Object.keys(changes).length === 1 && !!changes.value;\n };\n\n changeData(): void {\n const { _chart, value } = this;\n if (!_chart) return;\n _chart.changeData([{ value }]);\n }\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport { G2SingleBarComponent } from './single-bar.component';\n\nconst COMPONENTS = [G2SingleBarComponent];\n\n@NgModule({\n imports: [CommonModule],\n declarations: COMPONENTS,\n exports: COMPONENTS\n})\nexport class G2SingleBarModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"tag-cloud.js","sources":["../../../../packages/chart/tag-cloud/tag-cloud.component.ts","../../../../packages/chart/tag-cloud/tag-cloud.module.ts","../../../../packages/chart/tag-cloud/tag-cloud.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output, ViewEncapsulation } from '@angular/core';\nimport { fromEvent } from 'rxjs';\nimport { debounceTime, filter } from 'rxjs/operators';\n\nimport type { Chart, Event } 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\nexport interface G2TagCloudData {\n value?: number;\n name?: string;\n [key: string]: NzSafeAny;\n}\n\nexport interface G2TagCloudClickItem {\n item: G2TagCloudData;\n ev: Event;\n}\n\n@Component({\n selector: 'g2-tag-cloud',\n exportAs: 'g2TagCloud',\n template: `<nz-skeleton *ngIf=\"!loaded\"></nz-skeleton>`,\n preserveWhitespaces: false,\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None\n})\nexport class G2TagCloudComponent extends G2BaseComponent {\n static ngAcceptInputType_height: NumberInput;\n static ngAcceptInputType_width: NumberInput;\n\n // #region fields\n\n @Input() @InputNumber() width = 0;\n @Input() @InputNumber() height = 200;\n @Input() padding: number | number[] | 'auto' = 0;\n @Input() data: G2TagCloudData[] = [];\n @Output() readonly clickItem = new EventEmitter<G2TagCloudClickItem>();\n\n // #endregion\n\n private initTagCloud(): void {\n (window as NzSafeAny).G2.registerShape('point', 'cloud', {\n draw(cfg: NzSafeAny, container: NzSafeAny) {\n const data = cfg.data as NzSafeAny;\n const textShape = container.addShape({\n type: 'text',\n name: 'tag-cloud-text',\n attrs: {\n ...cfg.style,\n fontSize: data.size,\n text: data.text,\n textAlign: 'center',\n fontFamily: data.font,\n fill: cfg.color,\n textBaseline: 'Alphabetic',\n x: cfg.x,\n y: cfg.y\n } as NzSafeAny\n });\n if (data.rotate) {\n (window as NzSafeAny).G2.Util.rotate(textShape, (data.rotate * Math.PI) / 180);\n }\n return textShape;\n }\n });\n }\n\n install(): void {\n this.initTagCloud();\n\n const { el, padding, theme } = this;\n if (this.height === 0) {\n this.height = this.el.nativeElement.clientHeight;\n }\n if (this.width === 0) {\n this.width = this.el.nativeElement.clientWidth;\n }\n\n const chart: Chart = (this._chart = new (window as NzSafeAny).G2.Chart({\n container: el.nativeElement,\n autoFit: false,\n padding,\n height: this.height,\n width: this.width,\n theme\n }));\n chart.scale({\n x: { nice: false },\n y: { nice: false }\n });\n chart.legend(false);\n chart.axis(false);\n chart.tooltip({\n showTitle: false,\n showMarkers: false\n });\n (chart.coordinate() as NzSafeAny).reflect();\n chart\n .point()\n .position('x*y')\n .color('text')\n .shape('cloud')\n .state({\n active: {\n style: {\n fillOpacity: 0.4\n }\n }\n });\n chart.interaction('element-active');\n\n chart.on('tag-cloud-text:click', (ev: Event) => {\n this.ngZone.run(() => this.clickItem.emit({ item: ev.data?.data, ev }));\n });\n\n this.changeData();\n chart.render();\n }\n\n changeData(): void {\n const { _chart, data } = this;\n if (!_chart || !Array.isArray(data) || data.length <= 0) return;\n\n const dv = new (window as NzSafeAny).DataSet.View().source(data);\n const range = dv.range('value');\n const min = range[0];\n const max = range[1];\n\n dv.transform({\n type: 'tag-cloud',\n fields: ['name', 'value'],\n // imageMask,\n font: 'Verdana',\n size: [this.width, this.height], // 宽高设置最好根据 imageMask 做调整\n padding: 0,\n timeInterval: 5000, // max execute time\n rotate() {\n let random = ~~(Math.random() * 4) % 4;\n if (random === 2) {\n random = 0;\n }\n return random * 90; // 0, 90, 270\n },\n fontSize(d: NzSafeAny) {\n return ((d.value - min) / (max - min)) * (32 - 8) + 8;\n }\n } as NzSafeAny);\n\n _chart.changeData(dv.rows);\n }\n\n private installResizeEvent(): void {\n this.resize$ = fromEvent(window, 'resize')\n .pipe(\n filter(() => !!this._chart),\n debounceTime(200)\n )\n .subscribe(() => this.changeData());\n }\n\n onInit(): void {\n this.installResizeEvent();\n }\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport { NzSkeletonModule } from 'ng-zorro-antd/skeleton';\n\nimport { G2TagCloudComponent } from './tag-cloud.component';\n\nconst COMPONENTS = [G2TagCloudComponent];\n\n@NgModule({\n imports: [CommonModule, NzSkeletonModule],\n declarations: COMPONENTS,\n exports: COMPONENTS\n})\nexport class G2TagCloudModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}
|
package/fesm2015/timeline.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"timeline.js","sources":["../../../../packages/chart/timeline/timeline.component.ts","../../../../packages/chart/timeline/timeline.module.ts","../../../../packages/chart/timeline/timeline.ts"],"sourcesContent":["import {\n ChangeDetectionStrategy,\n Component,\n EventEmitter,\n Input,\n Output,\n SimpleChanges,\n TemplateRef,\n ViewEncapsulation\n} from '@angular/core';\n\nimport type { Chart, Event, Types } from '@antv/g2';\nimport { format } from 'date-fns';\n\nimport { G2BaseComponent, G2Time } from '@delon/chart/core';\nimport { toDate } from '@delon/util/date-time';\nimport { BooleanInput, InputBoolean, InputNumber, NumberInput } from '@delon/util/decorator';\nimport type { NzSafeAny } from 'ng-zorro-antd/core/types';\n\nexport interface G2TimelineData {\n /**\n * 时间值\n */\n time?: G2Time;\n /** 指标1数据 */\n y1: number;\n /** 指标2数据 */\n y2: number;\n /** 指标3数据 */\n y3?: number;\n /** 指标4数据 */\n y4?: number;\n /** 指标5数据 */\n y5?: number;\n [key: string]: NzSafeAny;\n}\n\nexport interface G2TimelineMap {\n /** 指标1 */\n y1: string;\n /** 指标 */\n y2: string;\n /** 指标3 */\n y3?: string;\n /** 指标4 */\n y4?: string;\n /** 指标5 */\n y5?: string;\n\n [key: string]: string | undefined;\n}\n\nexport interface G2TimelineClickItem {\n item: G2TimelineData;\n ev: Event;\n}\n\n@Component({\n selector: 'g2-timeline',\n exportAs: 'g2Timeline',\n template: `\n <ng-container *nzStringTemplateOutlet=\"title\">\n <h4>{{ title }}</h4>\n </ng-container>\n <nz-skeleton *ngIf=\"!loaded\"></nz-skeleton>\n <div #container></div>\n `,\n preserveWhitespaces: false,\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None\n})\nexport class G2TimelineComponent extends G2BaseComponent {\n static ngAcceptInputType_height: NumberInput;\n static ngAcceptInputType_maxAxis: NumberInput;\n static ngAcceptInputType_borderWidth: NumberInput;\n static ngAcceptInputType_slider: BooleanInput;\n\n // #region fields\n\n @Input() title: string | TemplateRef<void>;\n @Input() @InputNumber() maxAxis = 2;\n @Input() data: G2TimelineData[] = [];\n @Input() titleMap: G2TimelineMap;\n @Input() colorMap: G2TimelineMap = { y1: '#5B8FF9', y2: '#5AD8A6', y3: '#5D7092', y4: '#F6BD16', y5: '#E86452' };\n @Input() mask: string = 'HH:mm';\n @Input() maskSlider: string = 'HH:mm';\n @Input() position: 'top' | 'right' | 'bottom' | 'left' = 'top';\n @Input() @InputNumber() height = 450;\n @Input() padding: number[] = [40, 8, 64, 40];\n @Input() @InputNumber() borderWidth = 2;\n @Input() @InputBoolean() slider = true;\n @Output() readonly clickItem = new EventEmitter<G2TimelineClickItem>();\n\n // #endregion\n\n onlyChangeData = (changes: SimpleChanges): boolean => {\n const tm = changes.titleMap;\n return !(tm && !tm.firstChange && tm.currentValue !== tm.previousValue);\n };\n\n install(): void {\n const { node, height, padding, slider, maxAxis, theme, maskSlider } = this;\n const chart: Chart = (this._chart = new (window as NzSafeAny).G2.Chart({\n container: node.nativeElement,\n autoFit: true,\n height,\n padding,\n theme\n }));\n chart.axis('time', { title: null });\n chart.axis('y1', { title: null });\n for (let i = 2; i <= maxAxis; i++) {\n chart.axis(`y${i}`, false);\n }\n\n chart.line().position('time*y1');\n for (let i = 2; i <= maxAxis; i++) {\n chart.line().position(`time*y${i}`);\n }\n\n chart.tooltip({\n showCrosshairs: true,\n shared: true\n });\n\n const sliderPadding = { ...[], ...padding };\n sliderPadding[0] = 0;\n if (slider) {\n chart.option('slider', {\n height: 26,\n start: 0,\n end: 1,\n trendCfg: {\n isArea: false\n },\n minLimit: 2,\n formatter: (val: Date) => format(val, maskSlider)\n });\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 chart.on(`legend-item:click`, (ev: Event) => {\n const item = ev?.target?.get('delegateObject').item;\n const id = item?.id;\n const line = chart.geometries.find(w => w.getAttribute('position').getFields()[1] === id);\n if (line) {\n line.changeVisible(!item.unchecked);\n }\n });\n\n this.changeData();\n\n chart.render();\n }\n\n changeData(): void {\n const { _chart, height, padding, mask, titleMap, position, colorMap, borderWidth, maxAxis } = this;\n let data = [...this.data];\n if (!_chart || data.length <= 0) return;\n\n const arrAxis = [...Array(maxAxis)].map((_, index) => index + 1);\n\n _chart.legend({\n position,\n custom: true,\n items: arrAxis.map(id => {\n const key = `y${id}`;\n return {\n id: key,\n name: titleMap[key],\n value: key,\n marker: { style: { fill: colorMap[key] } }\n } as Types.LegendItem;\n })\n });\n\n // border\n _chart.geometries.forEach((v, idx: number) => {\n v.color((colorMap as NzSafeAny)[`y${idx + 1}`]).size(borderWidth);\n });\n _chart.height = height;\n _chart.padding = padding;\n\n // 转换成日期类型\n data = data\n .map(item => {\n item.time = toDate(item.time!);\n item._time = +item.time;\n return item;\n })\n .sort((a, b) => a._time - b._time);\n\n const max = Math.max(...arrAxis.map(id => [...data].sort((a, b) => b[`y${id}`] - a[`y${id}`])[0][`y${id}`]));\n const scaleOptions: Record<string, Types.ScaleOption> = {};\n arrAxis.forEach(id => {\n const key = `y${id}`;\n scaleOptions[key] = {\n alias: titleMap[key],\n max,\n min: 0\n };\n });\n _chart.scale({\n time: {\n type: 'time',\n mask,\n range: [0, 1]\n },\n ...scaleOptions\n });\n\n const initialRange = {\n start: data[0]._time,\n end: data[data.length - 1]._time\n };\n const filterData = data.filter(val => val._time >= initialRange.start && val._time <= initialRange.end);\n _chart.changeData(filterData);\n }\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport { NzOutletModule } from 'ng-zorro-antd/core/outlet';\nimport { NzSkeletonModule } from 'ng-zorro-antd/skeleton';\n\nimport { G2TimelineComponent } from './timeline.component';\n\nconst COMPONENTS = [G2TimelineComponent];\n\n@NgModule({\n imports: [CommonModule, NzOutletModule, NzSkeletonModule],\n declarations: COMPONENTS,\n exports: COMPONENTS\n})\nexport class G2TimelineModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}
|
package/fesm2015/trend.js
DELETED
|
@@ -1,62 +0,0 @@
|
|
|
1
|
-
import { __decorate } from 'tslib';
|
|
2
|
-
import { Component, ChangeDetectionStrategy, ViewEncapsulation, Input, NgModule } from '@angular/core';
|
|
3
|
-
import { InputBoolean } from '@delon/util/decorator';
|
|
4
|
-
import { CommonModule } from '@angular/common';
|
|
5
|
-
import { NzIconModule } from 'ng-zorro-antd/icon';
|
|
6
|
-
|
|
7
|
-
class TrendComponent {
|
|
8
|
-
constructor() {
|
|
9
|
-
/** 是否彩色标记 */
|
|
10
|
-
this.colorful = true;
|
|
11
|
-
/** 颜色反转 */
|
|
12
|
-
this.reverseColor = false;
|
|
13
|
-
}
|
|
14
|
-
}
|
|
15
|
-
TrendComponent.decorators = [
|
|
16
|
-
{ type: Component, args: [{
|
|
17
|
-
selector: 'trend',
|
|
18
|
-
exportAs: 'trend',
|
|
19
|
-
template: `
|
|
20
|
-
<ng-content></ng-content>
|
|
21
|
-
<span *ngIf="flag" class="trend__{{ flag }}"><i nz-icon nzType="caret-{{ flag }}"></i></span>
|
|
22
|
-
`,
|
|
23
|
-
host: {
|
|
24
|
-
'[class.trend]': 'true',
|
|
25
|
-
'[class.trend__grey]': '!colorful',
|
|
26
|
-
'[class.trend__reverse]': 'colorful && reverseColor',
|
|
27
|
-
'[attr.data-flag]': `flag`
|
|
28
|
-
},
|
|
29
|
-
preserveWhitespaces: false,
|
|
30
|
-
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
31
|
-
encapsulation: ViewEncapsulation.None
|
|
32
|
-
},] }
|
|
33
|
-
];
|
|
34
|
-
TrendComponent.propDecorators = {
|
|
35
|
-
flag: [{ type: Input }],
|
|
36
|
-
colorful: [{ type: Input }],
|
|
37
|
-
reverseColor: [{ type: Input }]
|
|
38
|
-
};
|
|
39
|
-
__decorate([
|
|
40
|
-
InputBoolean()
|
|
41
|
-
], TrendComponent.prototype, "colorful", void 0);
|
|
42
|
-
__decorate([
|
|
43
|
-
InputBoolean()
|
|
44
|
-
], TrendComponent.prototype, "reverseColor", void 0);
|
|
45
|
-
|
|
46
|
-
const COMPONENTS = [TrendComponent];
|
|
47
|
-
class TrendModule {
|
|
48
|
-
}
|
|
49
|
-
TrendModule.decorators = [
|
|
50
|
-
{ type: NgModule, args: [{
|
|
51
|
-
imports: [CommonModule, NzIconModule],
|
|
52
|
-
declarations: COMPONENTS,
|
|
53
|
-
exports: COMPONENTS
|
|
54
|
-
},] }
|
|
55
|
-
];
|
|
56
|
-
|
|
57
|
-
/**
|
|
58
|
-
* Generated bundle index. Do not edit.
|
|
59
|
-
*/
|
|
60
|
-
|
|
61
|
-
export { TrendComponent, TrendModule };
|
|
62
|
-
//# sourceMappingURL=trend.js.map
|
package/fesm2015/trend.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"trend.js","sources":["../../../../packages/chart/trend/trend.component.ts","../../../../packages/chart/trend/trend.module.ts","../../../../packages/chart/trend/trend.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Input, ViewEncapsulation } from '@angular/core';\n\nimport { BooleanInput, InputBoolean } from '@delon/util/decorator';\n\n@Component({\n selector: 'trend',\n exportAs: 'trend',\n template: `\n <ng-content></ng-content>\n <span *ngIf=\"flag\" class=\"trend__{{ flag }}\"><i nz-icon nzType=\"caret-{{ flag }}\"></i></span>\n `,\n host: {\n '[class.trend]': 'true',\n '[class.trend__grey]': '!colorful',\n '[class.trend__reverse]': 'colorful && reverseColor',\n '[attr.data-flag]': `flag`\n },\n preserveWhitespaces: false,\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None\n})\nexport class TrendComponent {\n static ngAcceptInputType_colorful: BooleanInput;\n static ngAcceptInputType_reverseColor: BooleanInput;\n\n /** 上升下降标识 */\n @Input() flag: 'up' | 'down';\n /** 是否彩色标记 */\n @Input() @InputBoolean() colorful = true;\n /** 颜色反转 */\n @Input() @InputBoolean() reverseColor = false;\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport { NzIconModule } from 'ng-zorro-antd/icon';\n\nimport { TrendComponent } from './trend.component';\n\nconst COMPONENTS = [TrendComponent];\n\n@NgModule({\n imports: [CommonModule, NzIconModule],\n declarations: COMPONENTS,\n exports: COMPONENTS\n})\nexport class TrendModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":";;;;;;MAqBa,cAAc;IAjB3B;;QAwB2B,aAAQ,GAAG,IAAI,CAAC;;QAEhB,iBAAY,GAAG,KAAK,CAAC;KAC/C;;;YA3BA,SAAS,SAAC;gBACT,QAAQ,EAAE,OAAO;gBACjB,QAAQ,EAAE,OAAO;gBACjB,QAAQ,EAAE;;;GAGT;gBACD,IAAI,EAAE;oBACJ,eAAe,EAAE,MAAM;oBACvB,qBAAqB,EAAE,WAAW;oBAClC,wBAAwB,EAAE,0BAA0B;oBACpD,kBAAkB,EAAE,MAAM;iBAC3B;gBACD,mBAAmB,EAAE,KAAK;gBAC1B,eAAe,EAAE,uBAAuB,CAAC,MAAM;gBAC/C,aAAa,EAAE,iBAAiB,CAAC,IAAI;aACtC;;;mBAME,KAAK;uBAEL,KAAK;2BAEL,KAAK;;AAFmB;IAAf,YAAY,EAAE;gDAAiB;AAEhB;IAAf,YAAY,EAAE;oDAAsB;;ACvBhD,MAAM,UAAU,GAAG,CAAC,cAAc,CAAC,CAAC;MAOvB,WAAW;;;YALvB,QAAQ,SAAC;gBACR,OAAO,EAAE,CAAC,YAAY,EAAE,YAAY,CAAC;gBACrC,YAAY,EAAE,UAAU;gBACxB,OAAO,EAAE,UAAU;aACpB;;;ACbD;;;;;;"}
|