bbj-screen-widget 2.4.53 → 2.4.55
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/bbj-screen-widget.metadata.json +1 -1
- package/bundles/bbj-screen-widget.umd.js +150 -90
- package/bundles/bbj-screen-widget.umd.js.map +1 -1
- package/bundles/bbj-screen-widget.umd.min.js +1 -1
- package/bundles/bbj-screen-widget.umd.min.js.map +1 -1
- package/esm2015/lib/custom-baidu-map/baidu-marker-layer/baidu-marker-layer.component.js +49 -2
- package/esm2015/lib/gauge-progress/gauge-progress.component.js +90 -82
- package/esm2015/lib/planimetric-map2d/planimetric-map2d.component.js +6 -2
- package/esm2015/lib/select/select.component.js +2 -2
- package/esm2015/lib/select/select.module.js +2 -3
- package/esm2015/lib/shuffling-list/shuffling-list.component.js +3 -2
- package/esm2015/lib/wordart/wordart.component.js +2 -2
- package/fesm2015/bbj-screen-widget.js +147 -88
- package/fesm2015/bbj-screen-widget.js.map +1 -1
- package/lib/custom-baidu-map/baidu-marker-layer/baidu-marker-layer.component.d.ts +3 -0
- package/lib/planimetric-map2d/planimetric-map2d.component.d.ts +1 -0
- package/package.json +1 -1
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
(function (global, factory) {
|
|
2
|
-
typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('bbj-screen-widget/core'), require('@angular/common/http'), require('@delon/util'), require('@delon/util/other'), require('@angular/common'), require('bbj-widget-base'), require('ngx-echarts'), require('ng-zorro-antd/icon'), require('@angular/forms'), require('ng-zorro-antd/checkbox'), require('ng-zorro-antd/select'), require('ng-zorro-antd/button'), require('ng-zorro-antd/
|
|
3
|
-
typeof define === 'function' && define.amd ? define('bbj-screen-widget', ['exports', '@angular/core', 'bbj-screen-widget/core', '@angular/common/http', '@delon/util', '@delon/util/other', '@angular/common', 'bbj-widget-base', 'ngx-echarts', 'ng-zorro-antd/icon', '@angular/forms', 'ng-zorro-antd/checkbox', 'ng-zorro-antd/select', 'ng-zorro-antd/button', 'ng-zorro-antd/
|
|
4
|
-
(global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global['bbj-screen-widget'] = {}, global.ng.core, global['bbj-screen-widget'].core, global.ng.common.http, global['@delon/util'], global['@delon/util/other'], global.ng.common, global['bbj-widget-base'], global['ngx-echarts'], global['ng-zorro-antd/icon'], global.ng.forms, global['ng-zorro-antd/checkbox'], global['ng-zorro-antd/select'], global['ng-zorro-antd/button'], global
|
|
5
|
-
}(this, (function (exports, i0, i1, i2, util, i1$1, common, bbjWidgetBase, ngxEcharts, icon, forms, checkbox, select, button,
|
|
2
|
+
typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('bbj-screen-widget/core'), require('@angular/common/http'), require('@delon/util'), require('@delon/util/other'), require('@angular/common'), require('bbj-widget-base'), require('ngx-echarts'), require('ng-zorro-antd/icon'), require('@angular/forms'), require('ng-zorro-antd/checkbox'), require('ng-zorro-antd/select'), require('ng-zorro-antd/button'), require('ng-zorro-antd/input'), require('ng-zorro-antd/pipes'), require('ng-zorro-antd/radio'), require('ng-zorro-antd/rate'), require('ng-zorro-antd/slider'), require('echarts-gl'), require('ng-zorro-antd/core/resize-observers'), require('rxjs'), require('rxjs/operators'), require('echarts-liquidfill'), require('ng-zorro-antd/tooltip'), require('echarts'), require('ng-zorro-antd/tree'), require('ng-zorro-antd/core/highlight'), require('date-fns'), require('ng-zorro-antd/i18n'), require('date-fns/fp'), require('ng-zorro-antd/date-picker'), require('ng-zorro-antd/time-picker'), require('ng-zorro-antd/dropdown'), require('@angular/cdk/scrolling'), require('uuid'), require('ng-zorro-antd/core/no-animation'), require('ng-zorro-antd/message'), require('ng-zorro-antd/upload'), require('ng-zorro-antd/table'), require('swiper/angular'), require('swiper/core'), require('ng-zorro-antd/space'), require('ng-zorro-antd/grid'), require('@angular/router'), require('@fullcalendar/angular'), require('@fullcalendar/daygrid'), require('@fullcalendar/timegrid'), require('@fullcalendar/interaction'), require('ng-zorro-antd/tabs'), require('@fullcalendar/resource-timeline')) :
|
|
3
|
+
typeof define === 'function' && define.amd ? define('bbj-screen-widget', ['exports', '@angular/core', 'bbj-screen-widget/core', '@angular/common/http', '@delon/util', '@delon/util/other', '@angular/common', 'bbj-widget-base', 'ngx-echarts', 'ng-zorro-antd/icon', '@angular/forms', 'ng-zorro-antd/checkbox', 'ng-zorro-antd/select', 'ng-zorro-antd/button', 'ng-zorro-antd/input', 'ng-zorro-antd/pipes', 'ng-zorro-antd/radio', 'ng-zorro-antd/rate', 'ng-zorro-antd/slider', 'echarts-gl', 'ng-zorro-antd/core/resize-observers', 'rxjs', 'rxjs/operators', 'echarts-liquidfill', 'ng-zorro-antd/tooltip', 'echarts', 'ng-zorro-antd/tree', 'ng-zorro-antd/core/highlight', 'date-fns', 'ng-zorro-antd/i18n', 'date-fns/fp', 'ng-zorro-antd/date-picker', 'ng-zorro-antd/time-picker', 'ng-zorro-antd/dropdown', '@angular/cdk/scrolling', 'uuid', 'ng-zorro-antd/core/no-animation', 'ng-zorro-antd/message', 'ng-zorro-antd/upload', 'ng-zorro-antd/table', 'swiper/angular', 'swiper/core', 'ng-zorro-antd/space', 'ng-zorro-antd/grid', '@angular/router', '@fullcalendar/angular', '@fullcalendar/daygrid', '@fullcalendar/timegrid', '@fullcalendar/interaction', 'ng-zorro-antd/tabs', '@fullcalendar/resource-timeline'], factory) :
|
|
4
|
+
(global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global['bbj-screen-widget'] = {}, global.ng.core, global['bbj-screen-widget'].core, global.ng.common.http, global['@delon/util'], global['@delon/util/other'], global.ng.common, global['bbj-widget-base'], global['ngx-echarts'], global['ng-zorro-antd/icon'], global.ng.forms, global['ng-zorro-antd/checkbox'], global['ng-zorro-antd/select'], global['ng-zorro-antd/button'], global['ng-zorro-antd/input'], global['ng-zorro-antd/pipes'], global['ng-zorro-antd/radio'], global['ng-zorro-antd/rate'], global['ng-zorro-antd/slider'], null, global['ng-zorro-antd/core/resize-observers'], global.rxjs, global.rxjs.operators, null, global['ng-zorro-antd/tooltip'], global.echarts, global['ng-zorro-antd/tree'], global['ng-zorro-antd/core/highlight'], global['date-fns'], global['ng-zorro-antd/i18n'], global['date-fns/fp'], global['ng-zorro-antd/date-picker'], global['ng-zorro-antd/time-picker'], global['ng-zorro-antd/dropdown'], global.ng.cdk.scrolling, global.uuid, global['ng-zorro-antd/core/no-animation'], global['ng-zorro-antd/message'], global['ng-zorro-antd/upload'], global['ng-zorro-antd/table'], global['swiper/angular'], global['swiper/core'], global['ng-zorro-antd/space'], global.grid, global.ng.router, global['@fullcalendar/angular'], global['@fullcalendar/daygrid'], global['@fullcalendar/timegrid'], global['@fullcalendar/interaction'], global['ng-zorro-antd/tabs'], global['@fullcalendar/resource-timeline']));
|
|
5
|
+
}(this, (function (exports, i0, i1, i2, util, i1$1, common, bbjWidgetBase, ngxEcharts, icon, forms, checkbox, select, button, input, pipes, radio, rate, slider, echartsGl, resizeObservers, rxjs, operators, echartsLiquidfill, tooltip, echarts, tree, highlight, dateFns, i18n, fp, datePicker, timePicker, dropdown, scrolling, uuid, noAnimation, message, upload, table, angular, SwiperCore, space, grid, router, angular$1, dayGridPlugin, timeGridPlugin, interactionPlugin, tabs, resourceTimelinePlugin) { 'use strict';
|
|
6
6
|
|
|
7
7
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
8
8
|
|
|
@@ -2219,7 +2219,7 @@
|
|
|
2219
2219
|
exports.ɵx.decorators = [
|
|
2220
2220
|
{ type: i0.Component, args: [{
|
|
2221
2221
|
selector: 'sc-select',
|
|
2222
|
-
template: "<nz-select\n class=\"select-wrap\"\n [ngClass]=\"align\"\n [ngModel]=\"selectedValue\"\n [nzMode]=\"mode\"\n [nzMaxTagCount]=\"num\"\n [nzDropdownClassName]=\"'dropDown'\"\n [ngStyle]=\"ngStyle\"\n [nzDropdownStyle]=\"dropdownStyle\"\n [nzDropdownClassName]=\"'selectComp'\"\n [nzDropdownRender]=\"renderTemplate\"\n [nzShowSearch]=\"showSearch\"\n (ngModelChange)=\"selectChange($event)\"\n [nzAllowClear]=\"showClean\"\n [nzPlaceHolder]=\"hint\"\n [(nzOpen)]=\"open\"\n>\n <nz-option\n *ngFor=\"let item of options\"\n [nzValue]=\"item.value ? item.value : item.label\"\n [nzLabel]=\"item.label\"\n ></nz-option>\n</nz-select>\n<ng-template #renderTemplate>\n <
|
|
2222
|
+
template: "<nz-select\n class=\"select-wrap\"\n [ngClass]=\"align\"\n [ngModel]=\"selectedValue\"\n [nzMode]=\"mode\"\n [nzMaxTagCount]=\"num\"\n [nzDropdownClassName]=\"'dropDown'\"\n [ngStyle]=\"ngStyle\"\n [nzDropdownStyle]=\"dropdownStyle\"\n [nzDropdownClassName]=\"'selectComp'\"\n [nzDropdownRender]=\"renderTemplate\"\n [nzShowSearch]=\"showSearch\"\n (ngModelChange)=\"selectChange($event)\"\n [nzAllowClear]=\"showClean\"\n [nzPlaceHolder]=\"hint\"\n [(nzOpen)]=\"open\"\n>\n <nz-option\n *ngFor=\"let item of options\"\n [nzValue]=\"item.value ? item.value : item.label\"\n [nzLabel]=\"item.label\"\n ></nz-option>\n</nz-select>\n<ng-template #renderTemplate>\n <div *ngIf=\"options && options.length > 0 && mode === 'multiple'\" class=\"select-footer\">\n <button nz-button (click)=\"selectAllData()\">\u5168\u9009</button>\n <button nz-button *ngIf=\"showClean\" (click)=\"selectChange(null)\">\u6E05\u7A7A</button>\n <button nz-button *ngIf=\"showConfirm\" (click)=\"open = false\">\u67E5\u770B</button>\n </div>\n</ng-template>\n",
|
|
2223
2223
|
styles: [":host{display:inline-block}:host,:host ::ng-deep .ant-select{width:100%;height:100%}:host ::ng-deep .ant-select.center .ant-select-selection-item{justify-content:center}:host ::ng-deep .ant-select.right .ant-select-selection-item{justify-content:flex-end}:host ::ng-deep .ant-select-selection-item{display:flex;align-items:center}:host ::ng-deep .ant-select-single:not(.ant-select-customize-input) .ant-select-selector{background-color:inherit;border:0;height:100%;box-shadow:none!important}:host ::ng-deep .ant-select-single:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-search-input{height:100%}:host ::ng-deep .ant-select-arrow,:host ::ng-deep .ant-select-item,:host ::ng-deep .ant-select-item-empty{color:inherit}:host ::ng-deep .ant-select-single.ant-select-show-arrow .ant-select-selection-item,:host ::ng-deep .ant-select-single.ant-select-show-arrow .ant-select-selection-placeholder{line-height:inherit}.select-allCheck:hover{background-color:#f8f8f8}.select-allCheck{display:flex;align-items:center;border-top:1px solid #eee;justify-content:flex-end;height:32px;padding:5px 12px;font-size:14px;position:relative;line-height:22px;font-weight:400;color:#333}.select-allCheck span{flex:1}.select-allCheck p{line-height:32px}:host ::ng-deep ::-webkit-scrollbar{width:2px}::ng-deep .selectComp .cdk-virtual-scroll-viewport::-webkit-scrollbar{width:0}::ng-deep .selectComp .ant-select-item-option{color:inherit;font-size:12px}::ng-deep .selectComp .ant-select-item-option-active{background:var(--selectHoverBackgroundColor);color:var(--selectHoverColor)}::ng-deep .selectComp .ant-select-item-option-selected:not(.ant-select-item-option-disabled){background:var(--dropdownBackgroundColor);color:var(--selectDropDownColor)}::ng-deep .selectComp .ant-select-dropdown{background-color:transparent}.select-footer{padding:8px}"]
|
|
2224
2224
|
},] }
|
|
2225
2225
|
];
|
|
@@ -2432,7 +2432,7 @@
|
|
|
2432
2432
|
SelectModule.decorators = [
|
|
2433
2433
|
{ type: i0.NgModule, args: [{
|
|
2434
2434
|
declarations: [exports.ɵx],
|
|
2435
|
-
imports: [common.CommonModule, bbjWidgetBase.WidgetBaseModule, select.NzSelectModule, forms.FormsModule, button.NzButtonModule
|
|
2435
|
+
imports: [common.CommonModule, bbjWidgetBase.WidgetBaseModule, select.NzSelectModule, forms.FormsModule, button.NzButtonModule],
|
|
2436
2436
|
},] }
|
|
2437
2437
|
];
|
|
2438
2438
|
SelectModule.ctorParameters = function () { return [
|
|
@@ -3610,7 +3610,7 @@
|
|
|
3610
3610
|
exports.ɵbl.decorators = [
|
|
3611
3611
|
{ type: i0.Component, args: [{
|
|
3612
3612
|
selector: 'sc-wordart',
|
|
3613
|
-
template: "<div *ngIf=\"data && data[0]\" [ngStyle]=\"style\" class=\"text\" [class.gradual]=\"this.backgroundImage\">{{data[0].value != null? data[0].value:title}}</div>\n<div *ngIf=\"!data[0]\" [ngStyle]=\"style\" class=\"text\" [class.gradual]=\"this.backgroundImage\">{{title}}</div>",
|
|
3613
|
+
template: "<div *ngIf=\"data && data[0]\" [ngStyle]=\"style\" class=\"text\" [class.gradual]=\"this.backgroundImage\">{{data[0].value != null? data[0].value:title}}</div>\n<div *ngIf=\"!data||!data[0]\" [ngStyle]=\"style\" class=\"text\" [class.gradual]=\"this.backgroundImage\">{{title}}</div>",
|
|
3614
3614
|
styles: [".text{display:inline-block}.gradual{-webkit-background-clip:text;-webkit-text-fill-color:transparent}:host{display:inline-block;width:100%;height:100%}"]
|
|
3615
3615
|
},] }
|
|
3616
3616
|
];
|
|
@@ -8399,6 +8399,7 @@
|
|
|
8399
8399
|
};
|
|
8400
8400
|
ShufflingListComponent.prototype.updateColumns = function () {
|
|
8401
8401
|
var e_1, _c;
|
|
8402
|
+
var _a;
|
|
8402
8403
|
this.columns = [];
|
|
8403
8404
|
var keys;
|
|
8404
8405
|
if (this.schema && this.schema.properties) {
|
|
@@ -8430,7 +8431,7 @@
|
|
|
8430
8431
|
var cellStyle = {};
|
|
8431
8432
|
var column = { index: key, title: title, headStyle: headStyle, cellStyle: cellStyle };
|
|
8432
8433
|
var titleStyle = titleStyleMap[key];
|
|
8433
|
-
if (this.titleStyle.length && (titleStyle == null || !titleStyle.show)) {
|
|
8434
|
+
if (((_a = this.titleStyle) === null || _a === void 0 ? void 0 : _a.length) && (titleStyle == null || !titleStyle.show)) {
|
|
8434
8435
|
continue;
|
|
8435
8436
|
}
|
|
8436
8437
|
var width = void 0;
|
|
@@ -9840,6 +9841,7 @@
|
|
|
9840
9841
|
_this._children = [];
|
|
9841
9842
|
_this.loadedMap = {};
|
|
9842
9843
|
_this.stack = [];
|
|
9844
|
+
_this.renderer = 'svg';
|
|
9843
9845
|
return _this;
|
|
9844
9846
|
}
|
|
9845
9847
|
PlanimetricMap2dComponent.prototype.ngOnChanges = function (changes) {
|
|
@@ -9881,6 +9883,7 @@
|
|
|
9881
9883
|
// this.loadMap(this.mapStyle).then((data) => {
|
|
9882
9884
|
var series = [];
|
|
9883
9885
|
this.visualMap = [];
|
|
9886
|
+
this.renderer = 'svg';
|
|
9884
9887
|
this._children.forEach(function (child) {
|
|
9885
9888
|
if (child.type === 'visual') {
|
|
9886
9889
|
// series = child.series;
|
|
@@ -9903,6 +9906,8 @@
|
|
|
9903
9906
|
series.forEach(function (layer, index) {
|
|
9904
9907
|
if (layer.type === 'lines') {
|
|
9905
9908
|
delete layer.coordinateSystem;
|
|
9909
|
+
// 飞线层不支持svg渲染
|
|
9910
|
+
_this.renderer = 'canvas';
|
|
9906
9911
|
}
|
|
9907
9912
|
if (layer.type === 'scatter') {
|
|
9908
9913
|
layer.coordinateSystem = 'geo';
|
|
@@ -10149,7 +10154,7 @@
|
|
|
10149
10154
|
exports.ɵcc.decorators = [
|
|
10150
10155
|
{ type: i0.Component, args: [{
|
|
10151
10156
|
selector: 'sc-planimetric-map2d',
|
|
10152
|
-
template: "<ng-template *ngFor=\"let child of children\" widget-host [widget]=\"child\"></ng-template>\n<div
|
|
10157
|
+
template: "<ng-template *ngFor=\"let child of children\" widget-host [widget]=\"child\"></ng-template>\n<div\n echarts\n *ngIf=\"hasMap\"\n [options]=\"chartOption\"\n class=\"demo-chart\"\n (chartClick)=\"markClick($event)\"\n (contextmenu)=\"rollback($event)\"\n [initOpts]=\"{ renderer: renderer}\"\n></div>\n<!-- -->\n",
|
|
10153
10158
|
providers: [{ provide: ParentContainerComponent, useExisting: i0.forwardRef(function () { return PlanimetricMap2dComponent_1; }) }],
|
|
10154
10159
|
styles: [".demo-chart,:host{height:100%}:host{display:block;width:100%}"]
|
|
10155
10160
|
},] }
|
|
@@ -14953,6 +14958,7 @@
|
|
|
14953
14958
|
space: 0,
|
|
14954
14959
|
lineHeight: 0,
|
|
14955
14960
|
};
|
|
14961
|
+
_this.shadow = { color: '', X: 0, Y: 0, Z: 0 };
|
|
14956
14962
|
_this.unselectOnClickBlank = true;
|
|
14957
14963
|
_this.groups = [];
|
|
14958
14964
|
_this._data = [
|
|
@@ -15026,8 +15032,24 @@
|
|
|
15026
15032
|
// color: '#fff',
|
|
15027
15033
|
// fontFamily: 'Microsoft Yahei',
|
|
15028
15034
|
// fontSize: 14,
|
|
15029
|
-
flat: false, collides: true, offset: [this.labelOffsetX || 0, this.labelOffsetY || 0],
|
|
15035
|
+
flat: false, collides: true, offset: [this.labelOffsetX || 0, this.labelOffsetY || 0], stroke: {
|
|
15036
|
+
color: this.stroke,
|
|
15037
|
+
}, padding: [2, 2], margin: [0, 0]
|
|
15030
15038
|
});
|
|
15039
|
+
if (this.stroke && this.stroke !== 'rgba(0,0,0,0)') {
|
|
15040
|
+
textOptions.stroke = { color: this.stroke };
|
|
15041
|
+
}
|
|
15042
|
+
if (this.strokeWidth) {
|
|
15043
|
+
textOptions.lineWidth = this.strokeWidth;
|
|
15044
|
+
}
|
|
15045
|
+
if (this.shadow) {
|
|
15046
|
+
textOptions.shadow = {
|
|
15047
|
+
color: this.shadow.color,
|
|
15048
|
+
blur: this.shadow.Z,
|
|
15049
|
+
offsetX: this.shadow.X,
|
|
15050
|
+
offsetY: this.shadow.Y,
|
|
15051
|
+
};
|
|
15052
|
+
}
|
|
15031
15053
|
this.textLayer = new mapvgl.TextLayer(textOptions);
|
|
15032
15054
|
if (this.showLabelMinZoom != null) {
|
|
15033
15055
|
this.parent.init$.then(function () {
|
|
@@ -15213,6 +15235,20 @@
|
|
|
15213
15235
|
textOptions.fontFamily = font.family;
|
|
15214
15236
|
if (font.color)
|
|
15215
15237
|
textOptions.color = font.color;
|
|
15238
|
+
// switch (font.weight) {
|
|
15239
|
+
// case 'lighter':
|
|
15240
|
+
// textOptions.lineWidth = 1;
|
|
15241
|
+
// break;
|
|
15242
|
+
// case 'normal':
|
|
15243
|
+
// textOptions.lineWidth = 2;
|
|
15244
|
+
// break;
|
|
15245
|
+
// case 'bold':
|
|
15246
|
+
// textOptions.lineWidth = 3;
|
|
15247
|
+
// break;
|
|
15248
|
+
// case 'bolder':
|
|
15249
|
+
// textOptions.lineWidth = 4;
|
|
15250
|
+
// break;
|
|
15251
|
+
// }
|
|
15216
15252
|
}
|
|
15217
15253
|
return textOptions;
|
|
15218
15254
|
};
|
|
@@ -15439,6 +15475,22 @@
|
|
|
15439
15475
|
bbjWidgetBase.Property('标签字体', { ui: { widget: 'myFont', visibleIf: { showLabel: [true] } } }),
|
|
15440
15476
|
__metadata("design:type", Object)
|
|
15441
15477
|
], exports.ɵcz.prototype, "labelFont", void 0);
|
|
15478
|
+
__decorate([
|
|
15479
|
+
bbjWidgetBase.Property('描边颜色', {
|
|
15480
|
+
ui: {
|
|
15481
|
+
widget: 'myColor',
|
|
15482
|
+
},
|
|
15483
|
+
}),
|
|
15484
|
+
__metadata("design:type", String)
|
|
15485
|
+
], exports.ɵcz.prototype, "stroke", void 0);
|
|
15486
|
+
__decorate([
|
|
15487
|
+
bbjWidgetBase.Property('描边粗细', { type: 'integer' }),
|
|
15488
|
+
__metadata("design:type", Number)
|
|
15489
|
+
], exports.ɵcz.prototype, "strokeWidth", void 0);
|
|
15490
|
+
__decorate([
|
|
15491
|
+
bbjWidgetBase.Property('阴影', { ui: { widget: 'myShadow' } }),
|
|
15492
|
+
__metadata("design:type", Object)
|
|
15493
|
+
], exports.ɵcz.prototype, "shadow", void 0);
|
|
15442
15494
|
__decorate([
|
|
15443
15495
|
bbjWidgetBase.Property('标签偏移x', { ui: { widget: 'number', visibleIf: { showLabel: [true] } } }),
|
|
15444
15496
|
__metadata("design:type", Number)
|
|
@@ -18060,7 +18112,14 @@
|
|
|
18060
18112
|
|
|
18061
18113
|
exports.ɵdn = /** @class */ (function () {
|
|
18062
18114
|
function GaugeProgressComponent() {
|
|
18063
|
-
this.numfont = {
|
|
18115
|
+
this.numfont = {
|
|
18116
|
+
family: 'Microsoft YaHei',
|
|
18117
|
+
color: '#ffffff',
|
|
18118
|
+
weight: 'normal',
|
|
18119
|
+
size: 21,
|
|
18120
|
+
space: 0,
|
|
18121
|
+
lineHeight: '20',
|
|
18122
|
+
};
|
|
18064
18123
|
this.slidesPerView = 1;
|
|
18065
18124
|
this.spaceBetween = 0;
|
|
18066
18125
|
this.navigation = true;
|
|
@@ -18071,7 +18130,7 @@
|
|
|
18071
18130
|
this.cardBgImg = null;
|
|
18072
18131
|
this.navigationBtnConfig = {
|
|
18073
18132
|
prevEl: '.swiper-navigation-prev',
|
|
18074
|
-
nextEl: '.swiper-navigation-next'
|
|
18133
|
+
nextEl: '.swiper-navigation-next',
|
|
18075
18134
|
};
|
|
18076
18135
|
//========================================
|
|
18077
18136
|
this.seriesColor = { gradient: false, value: [['#6D7597', '#6D7597']] };
|
|
@@ -18111,79 +18170,82 @@
|
|
|
18111
18170
|
GaugeProgressComponent.prototype.ngOnChanges = function (changes) {
|
|
18112
18171
|
var _this = this;
|
|
18113
18172
|
if (changes._data) {
|
|
18114
|
-
|
|
18115
|
-
|
|
18116
|
-
|
|
18117
|
-
|
|
18118
|
-
|
|
18119
|
-
|
|
18120
|
-
|
|
18121
|
-
|
|
18122
|
-
|
|
18123
|
-
|
|
18124
|
-
|
|
18125
|
-
|
|
18126
|
-
|
|
18127
|
-
|
|
18128
|
-
|
|
18129
|
-
|
|
18130
|
-
|
|
18131
|
-
|
|
18132
|
-
|
|
18133
|
-
|
|
18134
|
-
|
|
18135
|
-
|
|
18136
|
-
|
|
18137
|
-
|
|
18138
|
-
|
|
18139
|
-
|
|
18140
|
-
|
|
18141
|
-
|
|
18142
|
-
|
|
18143
|
-
|
|
18144
|
-
|
|
18145
|
-
|
|
18146
|
-
|
|
18147
|
-
|
|
18148
|
-
|
|
18149
|
-
|
|
18150
|
-
|
|
18151
|
-
|
|
18152
|
-
|
|
18153
|
-
|
|
18154
|
-
|
|
18155
|
-
|
|
18156
|
-
|
|
18157
|
-
|
|
18158
|
-
|
|
18159
|
-
|
|
18160
|
-
|
|
18161
|
-
|
|
18162
|
-
|
|
18163
|
-
|
|
18164
|
-
|
|
18165
|
-
|
|
18173
|
+
this.data = [];
|
|
18174
|
+
if (this._data) {
|
|
18175
|
+
if (this._data.length <= this.slidesPerView) {
|
|
18176
|
+
this.navigation = false;
|
|
18177
|
+
}
|
|
18178
|
+
this._data.forEach(function (e) {
|
|
18179
|
+
var sourceData = [];
|
|
18180
|
+
sourceData.push(e);
|
|
18181
|
+
var chartOption = {
|
|
18182
|
+
series: [
|
|
18183
|
+
{
|
|
18184
|
+
// name: this.title,
|
|
18185
|
+
type: 'gauge',
|
|
18186
|
+
startAngle: _this.startAngle,
|
|
18187
|
+
endAngle: _this.endAngle,
|
|
18188
|
+
progress: {
|
|
18189
|
+
show: e.value && Number(e.value) > 0 ? true : false,
|
|
18190
|
+
overlap: false,
|
|
18191
|
+
roundCap: true,
|
|
18192
|
+
clip: false,
|
|
18193
|
+
itemStyle: {
|
|
18194
|
+
borderWidth: 1,
|
|
18195
|
+
color: _this.getColor(_this.progressColor, 'progress'),
|
|
18196
|
+
shadowColor: _this.progressShadow,
|
|
18197
|
+
shadowBlur: 5,
|
|
18198
|
+
},
|
|
18199
|
+
},
|
|
18200
|
+
detail: {
|
|
18201
|
+
show: _this.labelVal,
|
|
18202
|
+
formatter: _this.percent ? '' + ((e.value / _this.max) * 100).toFixed(2) + '%' : '{value}',
|
|
18203
|
+
color: _this.numFont.color,
|
|
18204
|
+
fontFamily: _this.numFont.family,
|
|
18205
|
+
fontWeight: _this.numFont.weight,
|
|
18206
|
+
fontSize: _this.numFont.size,
|
|
18207
|
+
lineHeight: _this.numFont.lineHeight,
|
|
18208
|
+
offsetCenter: [0, _this.labelValOffset + "%"],
|
|
18209
|
+
},
|
|
18210
|
+
data: sourceData,
|
|
18211
|
+
title: {
|
|
18212
|
+
show: _this.label,
|
|
18213
|
+
color: _this.font.color,
|
|
18214
|
+
fontFamily: _this.font.family,
|
|
18215
|
+
fontWeight: _this.font.weight,
|
|
18216
|
+
fontSize: _this.font.size,
|
|
18217
|
+
lineHeight: _this.font.lineHeight,
|
|
18218
|
+
offsetCenter: [0, _this.labelOffset + "%"],
|
|
18219
|
+
overflow: 'breakAll',
|
|
18220
|
+
width: _this.labelWidth,
|
|
18221
|
+
},
|
|
18222
|
+
axisLine: {
|
|
18223
|
+
roundCap: true,
|
|
18224
|
+
lineStyle: {
|
|
18225
|
+
width: _this.width,
|
|
18226
|
+
color: _this.getColor(_this.seriesColor),
|
|
18227
|
+
},
|
|
18228
|
+
},
|
|
18229
|
+
max: _this.max,
|
|
18230
|
+
min: _this.min,
|
|
18231
|
+
axisLabel: {
|
|
18232
|
+
show: false,
|
|
18233
|
+
},
|
|
18234
|
+
splitLine: {
|
|
18235
|
+
show: false,
|
|
18236
|
+
},
|
|
18237
|
+
axisTick: {
|
|
18238
|
+
show: false,
|
|
18239
|
+
},
|
|
18240
|
+
pointer: {
|
|
18241
|
+
show: false,
|
|
18166
18242
|
},
|
|
18167
18243
|
},
|
|
18168
|
-
|
|
18169
|
-
|
|
18170
|
-
|
|
18171
|
-
|
|
18172
|
-
|
|
18173
|
-
splitLine: {
|
|
18174
|
-
show: false
|
|
18175
|
-
},
|
|
18176
|
-
axisTick: {
|
|
18177
|
-
show: false
|
|
18178
|
-
},
|
|
18179
|
-
pointer: {
|
|
18180
|
-
show: false
|
|
18181
|
-
},
|
|
18182
|
-
},
|
|
18183
|
-
],
|
|
18184
|
-
};
|
|
18185
|
-
_this.data.push(chartOption);
|
|
18186
|
-
});
|
|
18244
|
+
],
|
|
18245
|
+
};
|
|
18246
|
+
_this.data.push(chartOption);
|
|
18247
|
+
});
|
|
18248
|
+
}
|
|
18187
18249
|
// console.log(this._data[0].value,this._data[0].value && Number(this._data[0].value) !== 0 ? true : false)
|
|
18188
18250
|
// console.log(JSON.stringify(this.chartOption));
|
|
18189
18251
|
}
|
|
@@ -18253,7 +18315,7 @@
|
|
|
18253
18315
|
type: 'string',
|
|
18254
18316
|
ui: {
|
|
18255
18317
|
widget: 'myUpload',
|
|
18256
|
-
}
|
|
18318
|
+
},
|
|
18257
18319
|
}),
|
|
18258
18320
|
__metadata("design:type", Object)
|
|
18259
18321
|
], exports.ɵdn.prototype, "navigationLeftIcon", void 0);
|
|
@@ -18262,16 +18324,14 @@
|
|
|
18262
18324
|
type: 'string',
|
|
18263
18325
|
ui: {
|
|
18264
18326
|
widget: 'myUpload',
|
|
18265
|
-
}
|
|
18327
|
+
},
|
|
18266
18328
|
}),
|
|
18267
18329
|
__metadata("design:type", Object)
|
|
18268
18330
|
], exports.ɵdn.prototype, "navigationRightIcon", void 0);
|
|
18269
18331
|
__decorate([
|
|
18270
18332
|
bbjWidgetBase.Property('显示模式', {
|
|
18271
18333
|
ui: { widget: 'select' },
|
|
18272
|
-
enum: [
|
|
18273
|
-
{ label: '图标卡片', value: 'card' },
|
|
18274
|
-
],
|
|
18334
|
+
enum: [{ label: '图标卡片', value: 'card' }],
|
|
18275
18335
|
}),
|
|
18276
18336
|
__metadata("design:type", Object)
|
|
18277
18337
|
], exports.ɵdn.prototype, "showType", void 0);
|
|
@@ -18372,7 +18432,7 @@
|
|
|
18372
18432
|
bbjWidgetBase.Property('进度颜色', {
|
|
18373
18433
|
ui: {
|
|
18374
18434
|
widget: 'seriesColor',
|
|
18375
|
-
type: 'gradual'
|
|
18435
|
+
type: 'gradual',
|
|
18376
18436
|
},
|
|
18377
18437
|
}),
|
|
18378
18438
|
__metadata("design:type", Object)
|
|
@@ -18381,7 +18441,7 @@
|
|
|
18381
18441
|
bbjWidgetBase.Property('进度阴影', {
|
|
18382
18442
|
ui: {
|
|
18383
18443
|
widget: 'myColor',
|
|
18384
|
-
example: ['#ffffff', '#F5A623', '#F8E71C', '#50E3C2', '#3285FF', '#B45FFF', '#9B9B9B', null]
|
|
18444
|
+
example: ['#ffffff', '#F5A623', '#F8E71C', '#50E3C2', '#3285FF', '#B45FFF', '#9B9B9B', null],
|
|
18385
18445
|
},
|
|
18386
18446
|
}),
|
|
18387
18447
|
__metadata("design:type", Object)
|