bbj-screen-widget 2.4.54 → 2.4.56

package/bundles/bbj-screen-widget.umd.js

@@ -3610,7 +3610,7 @@
     exports.ɵbl.decorators = [
         { type: i0.Component, args: [{
                     selector: 'sc-wordart',
-                    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>",
+                    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>",
                     styles: [".text{display:inline-block}.gradual{-webkit-background-clip:text;-webkit-text-fill-color:transparent}:host{display:inline-block;width:100%;height:100%}"]
                 },] }
     ];
@@ -6606,9 +6606,17 @@
                 lineHeight: '',
             };
             _this.align = 'auto';
+            _this.label = false;
             _this.shape = 'polygon';
             _this.area = false;
-            _this.radius = 100;
+            _this.grid = {
+                top: 30,
+                right: 30,
+                bottom: 40,
+                left: 36,
+            };
+            // @Property('缩放', { type: 'number' })
+            // radius = 100;
             _this.chartOption = {};
             _this._data = [
                 { x: '销售', y: 10, m: 37, s: '预算' },
@@ -6652,11 +6660,23 @@
                             textStyle: style,
                         },
                         indicator: [],
-                        radius: this.radius,
                     },
                     color: this.lineColor,
+                    grid: {
+                        top: this.grid.top,
+                        right: this.grid.right,
+                        left: this.grid.left,
+                        bottom: this.grid.bottom,
+                    },
                     series: [
                         {
+                            label: {
+                                show: this.label,
+                                textStyle: this.getTextStyle(this.font),
+                                formatter: function (params) {
+                                    return params.value;
+                                },
+                            },
                             type: 'radar',
                             areaStyle: { opacity: this.area ? 0.3 : 0 },
                             data: [],
@@ -6791,6 +6811,10 @@
         }),
         __metadata("design:type", Object)
     ], exports.ɵi.prototype, "align", void 0);
+    __decorate([
+        bbjWidgetBase.Property('标签', { type: 'boolean' }),
+        __metadata("design:type", Object)
+    ], exports.ɵi.prototype, "label", void 0);
     __decorate([
         bbjWidgetBase.Property('形状', {
             ui: { widget: 'select' },
@@ -6808,9 +6832,9 @@
         __metadata("design:type", Object)
     ], exports.ɵi.prototype, "area", void 0);
     __decorate([
-        bbjWidgetBase.Property('缩放', { type: 'number' }),
+        bbjWidgetBase.Property('边距', { ui: { widget: 'myGrid' } }),
         __metadata("design:type", Object)
-    ], exports.ɵi.prototype, "radius", void 0);
+    ], exports.ɵi.prototype, "grid", void 0);
     __decorate([
         bbjWidgetBase.Data({
             properties: {
@@ -8399,6 +8423,7 @@
         };
         ShufflingListComponent.prototype.updateColumns = function () {
             var e_1, _c;
+            var _a;
             this.columns = [];
             var keys;
             if (this.schema && this.schema.properties) {
@@ -8430,7 +8455,7 @@
                         var cellStyle = {};
                         var column = { index: key, title: title, headStyle: headStyle, cellStyle: cellStyle };
                         var titleStyle = titleStyleMap[key];
-                        if (this.titleStyle.length && (titleStyle == null || !titleStyle.show)) {
+                        if (((_a = this.titleStyle) === null || _a === void 0 ? void 0 : _a.length) && (titleStyle == null || !titleStyle.show)) {
                             continue;
                         }
                         var width = void 0;
@@ -9840,6 +9865,7 @@
             _this._children = [];
             _this.loadedMap = {};
             _this.stack = [];
+            _this.renderer = 'svg';
             return _this;
         }
         PlanimetricMap2dComponent.prototype.ngOnChanges = function (changes) {
@@ -9881,6 +9907,7 @@
             // this.loadMap(this.mapStyle).then((data) => {
             var series = [];
             this.visualMap = [];
+            this.renderer = 'svg';
             this._children.forEach(function (child) {
                 if (child.type === 'visual') {
                     // series = child.series;
@@ -9903,6 +9930,8 @@
             series.forEach(function (layer, index) {
                 if (layer.type === 'lines') {
                     delete layer.coordinateSystem;
+                    // 飞线层不支持svg渲染
+                    _this.renderer = 'canvas';
                 }
                 if (layer.type === 'scatter') {
                     layer.coordinateSystem = 'geo';
@@ -10149,7 +10178,7 @@
     exports.ɵcc.decorators = [
         { type: i0.Component, args: [{
                     selector: 'sc-planimetric-map2d',
-                    template: "<ng-template *ngFor=\"let child of children\" widget-host [widget]=\"child\"></ng-template>\n<div echarts *ngIf=\"hasMap\" [options]=\"chartOption\" class=\"demo-chart\" (chartClick)='markClick($event)' (contextmenu)='rollback($event)'></div> \n<!--  -->",
+                    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",
                     providers: [{ provide: ParentContainerComponent, useExisting: i0.forwardRef(function () { return PlanimetricMap2dComponent_1; }) }],
                     styles: [".demo-chart,:host{height:100%}:host{display:block;width:100%}"]
                 },] }
@@ -14953,6 +14982,7 @@
                 space: 0,
                 lineHeight: 0,
             };
+            _this.shadow = { color: '', X: 0, Y: 0, Z: 0 };
             _this.unselectOnClickBlank = true;
             _this.groups = [];
             _this._data = [
@@ -15026,8 +15056,24 @@
                     // color: '#fff',
                     // fontFamily: 'Microsoft Yahei',
                     // fontSize: 14,
-                    flat: false, collides: true, offset: [this.labelOffsetX || 0, this.labelOffsetY || 0], padding: [2, 2], margin: [0, 0]
+                    flat: false, collides: true, offset: [this.labelOffsetX || 0, this.labelOffsetY || 0], stroke: {
+                        color: this.stroke,
+                    }, padding: [2, 2], margin: [0, 0]
                 });
+                if (this.stroke && this.stroke !== 'rgba(0,0,0,0)') {
+                    textOptions.stroke = { color: this.stroke };
+                }
+                if (this.strokeWidth) {
+                    textOptions.lineWidth = this.strokeWidth;
+                }
+                if (this.shadow) {
+                    textOptions.shadow = {
+                        color: this.shadow.color,
+                        blur: this.shadow.Z,
+                        offsetX: this.shadow.X,
+                        offsetY: this.shadow.Y,
+                    };
+                }
                 this.textLayer = new mapvgl.TextLayer(textOptions);
                 if (this.showLabelMinZoom != null) {
                     this.parent.init$.then(function () {
@@ -15213,6 +15259,20 @@
                     textOptions.fontFamily = font.family;
                 if (font.color)
                     textOptions.color = font.color;
+                // switch (font.weight) {
+                //   case 'lighter':
+                //     textOptions.lineWidth = 1;
+                //     break;
+                //   case 'normal':
+                //     textOptions.lineWidth = 2;
+                //     break;
+                //   case 'bold':
+                //     textOptions.lineWidth = 3;
+                //     break;
+                //   case 'bolder':
+                //     textOptions.lineWidth = 4;
+                //     break;
+                // }
             }
             return textOptions;
         };
@@ -15439,6 +15499,22 @@
         bbjWidgetBase.Property('标签字体', { ui: { widget: 'myFont', visibleIf: { showLabel: [true] } } }),
         __metadata("design:type", Object)
     ], exports.ɵcz.prototype, "labelFont", void 0);
+    __decorate([
+        bbjWidgetBase.Property('描边颜色', {
+            ui: {
+                widget: 'myColor',
+            },
+        }),
+        __metadata("design:type", String)
+    ], exports.ɵcz.prototype, "stroke", void 0);
+    __decorate([
+        bbjWidgetBase.Property('描边粗细', { type: 'integer' }),
+        __metadata("design:type", Number)
+    ], exports.ɵcz.prototype, "strokeWidth", void 0);
+    __decorate([
+        bbjWidgetBase.Property('阴影', { ui: { widget: 'myShadow' } }),
+        __metadata("design:type", Object)
+    ], exports.ɵcz.prototype, "shadow", void 0);
     __decorate([
         bbjWidgetBase.Property('标签偏移x', { ui: { widget: 'number', visibleIf: { showLabel: [true] } } }),
         __metadata("design:type", Number)
@@ -18060,7 +18136,14 @@
 
     exports.ɵdn = /** @class */ (function () {
         function GaugeProgressComponent() {
-            this.numfont = { family: 'Microsoft YaHei', color: '#ffffff', weight: 'normal', size: 21, space: 0, lineHeight: '20' };
+            this.numfont = {
+                family: 'Microsoft YaHei',
+                color: '#ffffff',
+                weight: 'normal',
+                size: 21,
+                space: 0,
+                lineHeight: '20',
+            };
             this.slidesPerView = 1;
             this.spaceBetween = 0;
             this.navigation = true;
@@ -18071,7 +18154,7 @@
             this.cardBgImg = null;
             this.navigationBtnConfig = {
                 prevEl: '.swiper-navigation-prev',
-                nextEl: '.swiper-navigation-next'
+                nextEl: '.swiper-navigation-next',
             };
             //========================================
             this.seriesColor = { gradient: false, value: [['#6D7597', '#6D7597']] };
@@ -18111,79 +18194,82 @@
         GaugeProgressComponent.prototype.ngOnChanges = function (changes) {
             var _this = this;
             if (changes._data) {
-                if (this._data.length <= this.slidesPerView) {
-                    this.navigation = false;
-                }
-                this._data.forEach(function (e) {
-                    var sourceData = [];
-                    sourceData.push(e);
-                    var chartOption = {
-                        series: [
-                            {
-                                // name: this.title,
-                                type: 'gauge',
-                                startAngle: _this.startAngle,
-                                endAngle: _this.endAngle,
-                                progress: {
-                                    show: e.value && Number(e.value) > 0 ? true : false,
-                                    overlap: false,
-                                    roundCap: true,
-                                    clip: false,
-                                    itemStyle: {
-                                        borderWidth: 1,
-                                        color: _this.getColor(_this.progressColor, 'progress'),
-                                        shadowColor: _this.progressShadow,
-                                        shadowBlur: 5
-                                    }
-                                },
-                                detail: {
-                                    show: _this.labelVal,
-                                    formatter: _this.percent ? '' + ((e.value / _this.max) * 100).toFixed(2) + '%' : '{value}',
-                                    color: _this.numFont.color,
-                                    fontFamily: _this.numFont.family,
-                                    fontWeight: _this.numFont.weight,
-                                    fontSize: _this.numFont.size,
-                                    lineHeight: _this.numFont.lineHeight,
-                                    offsetCenter: [0, _this.labelValOffset + "%"],
-                                },
-                                data: sourceData,
-                                title: {
-                                    show: _this.label,
-                                    color: _this.font.color,
-                                    fontFamily: _this.font.family,
-                                    fontWeight: _this.font.weight,
-                                    fontSize: _this.font.size,
-                                    lineHeight: _this.font.lineHeight,
-                                    offsetCenter: [0, _this.labelOffset + "%"],
-                                    overflow: 'breakAll',
-                                    width: _this.labelWidth
-                                },
-                                axisLine: {
-                                    roundCap: true,
-                                    lineStyle: {
-                                        width: _this.width,
-                                        color: _this.getColor(_this.seriesColor)
+                this.data = [];
+                if (this._data) {
+                    if (this._data.length <= this.slidesPerView) {
+                        this.navigation = false;
+                    }
+                    this._data.forEach(function (e) {
+                        var sourceData = [];
+                        sourceData.push(e);
+                        var chartOption = {
+                            series: [
+                                {
+                                    // name: this.title,
+                                    type: 'gauge',
+                                    startAngle: _this.startAngle,
+                                    endAngle: _this.endAngle,
+                                    progress: {
+                                        show: e.value && Number(e.value) > 0 ? true : false,
+                                        overlap: false,
+                                        roundCap: true,
+                                        clip: false,
+                                        itemStyle: {
+                                            borderWidth: 1,
+                                            color: _this.getColor(_this.progressColor, 'progress'),
+                                            shadowColor: _this.progressShadow,
+                                            shadowBlur: 5,
+                                        },
+                                    },
+                                    detail: {
+                                        show: _this.labelVal,
+                                        formatter: _this.percent ? '' + ((e.value / _this.max) * 100).toFixed(2) + '%' : '{value}',
+                                        color: _this.numFont.color,
+                                        fontFamily: _this.numFont.family,
+                                        fontWeight: _this.numFont.weight,
+                                        fontSize: _this.numFont.size,
+                                        lineHeight: _this.numFont.lineHeight,
+                                        offsetCenter: [0, _this.labelValOffset + "%"],
+                                    },
+                                    data: sourceData,
+                                    title: {
+                                        show: _this.label,
+                                        color: _this.font.color,
+                                        fontFamily: _this.font.family,
+                                        fontWeight: _this.font.weight,
+                                        fontSize: _this.font.size,
+                                        lineHeight: _this.font.lineHeight,
+                                        offsetCenter: [0, _this.labelOffset + "%"],
+                                        overflow: 'breakAll',
+                                        width: _this.labelWidth,
+                                    },
+                                    axisLine: {
+                                        roundCap: true,
+                                        lineStyle: {
+                                            width: _this.width,
+                                            color: _this.getColor(_this.seriesColor),
+                                        },
+                                    },
+                                    max: _this.max,
+                                    min: _this.min,
+                                    axisLabel: {
+                                        show: false,
+                                    },
+                                    splitLine: {
+                                        show: false,
+                                    },
+                                    axisTick: {
+                                        show: false,
+                                    },
+                                    pointer: {
+                                        show: false,
                                     },
                                 },
-                                max: _this.max,
-                                min: _this.min,
-                                axisLabel: {
-                                    show: false
-                                },
-                                splitLine: {
-                                    show: false
-                                },
-                                axisTick: {
-                                    show: false
-                                },
-                                pointer: {
-                                    show: false
-                                },
-                            },
-                        ],
-                    };
-                    _this.data.push(chartOption);
-                });
+                            ],
+                        };
+                        _this.data.push(chartOption);
+                    });
+                }
                 // console.log(this._data[0].value,this._data[0].value && Number(this._data[0].value) !== 0 ? true : false)
                 // console.log(JSON.stringify(this.chartOption));
             }
@@ -18253,7 +18339,7 @@
             type: 'string',
             ui: {
                 widget: 'myUpload',
-            }
+            },
         }),
         __metadata("design:type", Object)
     ], exports.ɵdn.prototype, "navigationLeftIcon", void 0);
@@ -18262,16 +18348,14 @@
             type: 'string',
             ui: {
                 widget: 'myUpload',
-            }
+            },
         }),
         __metadata("design:type", Object)
     ], exports.ɵdn.prototype, "navigationRightIcon", void 0);
     __decorate([
         bbjWidgetBase.Property('显示模式', {
             ui: { widget: 'select' },
-            enum: [
-                { label: '图标卡片', value: 'card' },
-            ],
+            enum: [{ label: '图标卡片', value: 'card' }],
         }),
         __metadata("design:type", Object)
     ], exports.ɵdn.prototype, "showType", void 0);
@@ -18372,7 +18456,7 @@
         bbjWidgetBase.Property('进度颜色', {
             ui: {
                 widget: 'seriesColor',
-                type: 'gradual'
+                type: 'gradual',
             },
         }),
         __metadata("design:type", Object)
@@ -18381,7 +18465,7 @@
         bbjWidgetBase.Property('进度阴影', {
             ui: {
                 widget: 'myColor',
-                example: ['#ffffff', '#F5A623', '#F8E71C', '#50E3C2', '#3285FF', '#B45FFF', '#9B9B9B', null]
+                example: ['#ffffff', '#F5A623', '#F8E71C', '#50E3C2', '#3285FF', '#B45FFF', '#9B9B9B', null],
             },
         }),
         __metadata("design:type", Object)