bbj-screen-widget 2.4.54 → 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 +144 -84
- 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/shuffling-list/shuffling-list.component.js +3 -2
- package/esm2015/lib/wordart/wordart.component.js +2 -2
- package/fesm2015/bbj-screen-widget.js +145 -85
- 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
|
@@ -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)
|