bbj-screen-widget 2.4.54 → 2.4.56

package/fesm2015/bbj-screen-widget.js

@@ -3116,7 +3116,7 @@ let WordartComponent = class WordartComponent {
 WordartComponent.decorators = [
     { type: 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%}"]
             },] }
 ];
@@ -6020,9 +6020,17 @@ let RadarChartComponent = class RadarChartComponent extends BasicLineChartCompon
             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: '预算' },
@@ -6064,11 +6072,23 @@ let RadarChartComponent = class RadarChartComponent extends BasicLineChartCompon
                         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: [],
@@ -6194,6 +6214,10 @@ __decorate([
     }),
     __metadata("design:type", Object)
 ], RadarChartComponent.prototype, "align", void 0);
+__decorate([
+    Property('标签', { type: 'boolean' }),
+    __metadata("design:type", Object)
+], RadarChartComponent.prototype, "label", void 0);
 __decorate([
     Property('形状', {
         ui: { widget: 'select' },
@@ -6211,9 +6235,9 @@ __decorate([
     __metadata("design:type", Object)
 ], RadarChartComponent.prototype, "area", void 0);
 __decorate([
-    Property('缩放', { type: 'number' }),
+    Property('边距', { ui: { widget: 'myGrid' } }),
     __metadata("design:type", Object)
-], RadarChartComponent.prototype, "radius", void 0);
+], RadarChartComponent.prototype, "grid", void 0);
 __decorate([
     Data({
         properties: {
@@ -7782,6 +7806,7 @@ let ShufflingListComponent = class ShufflingListComponent {
         }
     }
     updateColumns() {
+        var _a;
         this.columns = [];
         let keys;
         if (this.schema && this.schema.properties) {
@@ -7811,7 +7836,7 @@ let ShufflingListComponent = class ShufflingListComponent {
                 const cellStyle = {};
                 const column = { index: key, title, headStyle, cellStyle };
                 const 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;
                 }
                 let width;
@@ -9173,6 +9198,7 @@ let PlanimetricMap2dComponent = PlanimetricMap2dComponent_1 = class PlanimetricM
         this._children = [];
         this.loadedMap = {};
         this.stack = [];
+        this.renderer = 'svg';
     }
     ngOnChanges(changes) {
         if (changes.data) {
@@ -9207,6 +9233,7 @@ let PlanimetricMap2dComponent = PlanimetricMap2dComponent_1 = class PlanimetricM
         // this.loadMap(this.mapStyle).then((data) => {
         let series = [];
         this.visualMap = [];
+        this.renderer = 'svg';
         this._children.forEach((child) => {
             if (child.type === 'visual') {
                 // series = child.series;
@@ -9229,6 +9256,8 @@ let PlanimetricMap2dComponent = PlanimetricMap2dComponent_1 = class PlanimetricM
         series.forEach((layer, index) => {
             if (layer.type === 'lines') {
                 delete layer.coordinateSystem;
+                // 飞线层不支持svg渲染
+                this.renderer = 'canvas';
             }
             if (layer.type === 'scatter') {
                 layer.coordinateSystem = 'geo';
@@ -9462,7 +9491,7 @@ let PlanimetricMap2dComponent = PlanimetricMap2dComponent_1 = class PlanimetricM
 PlanimetricMap2dComponent.decorators = [
     { type: 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: forwardRef(() => PlanimetricMap2dComponent_1) }],
                 styles: [".demo-chart,:host{height:100%}:host{display:block;width:100%}"]
             },] }
@@ -14107,6 +14136,7 @@ let BaiduMarkerLayerComponent = class BaiduMarkerLayerComponent extends BaseLaye
             space: 0,
             lineHeight: 0,
         };
+        this.shadow = { color: '', X: 0, Y: 0, Z: 0 };
         this.unselectOnClickBlank = true;
         this.groups = [];
         this._data = [
@@ -14176,7 +14206,23 @@ let BaiduMarkerLayerComponent = class BaiduMarkerLayerComponent extends BaseLaye
                 // 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(() => {
@@ -14360,6 +14406,20 @@ let BaiduMarkerLayerComponent = class BaiduMarkerLayerComponent extends BaseLaye
                 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;
     }
@@ -14580,6 +14640,22 @@ __decorate([
     Property('标签字体', { ui: { widget: 'myFont', visibleIf: { showLabel: [true] } } }),
     __metadata("design:type", Object)
 ], BaiduMarkerLayerComponent.prototype, "labelFont", void 0);
+__decorate([
+    Property('描边颜色', {
+        ui: {
+            widget: 'myColor',
+        },
+    }),
+    __metadata("design:type", String)
+], BaiduMarkerLayerComponent.prototype, "stroke", void 0);
+__decorate([
+    Property('描边粗细', { type: 'integer' }),
+    __metadata("design:type", Number)
+], BaiduMarkerLayerComponent.prototype, "strokeWidth", void 0);
+__decorate([
+    Property('阴影', { ui: { widget: 'myShadow' } }),
+    __metadata("design:type", Object)
+], BaiduMarkerLayerComponent.prototype, "shadow", void 0);
 __decorate([
     Property('标签偏移x', { ui: { widget: 'number', visibleIf: { showLabel: [true] } } }),
     __metadata("design:type", Number)
@@ -17109,7 +17185,14 @@ MultiTitleGaugeModule.ctorParameters = () => [
 
 let GaugeProgressComponent = class GaugeProgressComponent {
     constructor() {
-        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;
@@ -17120,7 +17203,7 @@ let GaugeProgressComponent = class GaugeProgressComponent {
         this.cardBgImg = null;
         this.navigationBtnConfig = {
             prevEl: '.swiper-navigation-prev',
-            nextEl: '.swiper-navigation-next'
+            nextEl: '.swiper-navigation-next',
         };
         //========================================
         this.seriesColor = { gradient: false, value: [['#6D7597', '#6D7597']] };
@@ -17159,79 +17242,82 @@ let GaugeProgressComponent = class GaugeProgressComponent {
     }
     ngOnChanges(changes) {
         if (changes._data) {
-            if (this._data.length <= this.slidesPerView) {
-                this.navigation = false;
-            }
-            this._data.forEach((e) => {
-                let sourceData = [];
-                sourceData.push(e);
-                let 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((e) => {
+                    let sourceData = [];
+                    sourceData.push(e);
+                    let 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));
         }
@@ -17241,7 +17327,7 @@ let GaugeProgressComponent = class GaugeProgressComponent {
         const color = [];
         const color1 = [];
         const colorInfo = colorBox && colorBox.value ? colorBox.value : colorBox;
-        colorInfo.forEach(item => {
+        colorInfo.forEach((item) => {
             color.push({
                 type: 'linear',
                 x: 0,
@@ -17300,7 +17386,7 @@ __decorate([
         type: 'string',
         ui: {
             widget: 'myUpload',
-        }
+        },
     }),
     __metadata("design:type", Object)
 ], GaugeProgressComponent.prototype, "navigationLeftIcon", void 0);
@@ -17309,16 +17395,14 @@ __decorate([
         type: 'string',
         ui: {
             widget: 'myUpload',
-        }
+        },
     }),
     __metadata("design:type", Object)
 ], GaugeProgressComponent.prototype, "navigationRightIcon", void 0);
 __decorate([
     Property('显示模式', {
         ui: { widget: 'select' },
-        enum: [
-            { label: '图标卡片', value: 'card' },
-        ],
+        enum: [{ label: '图标卡片', value: 'card' }],
     }),
     __metadata("design:type", Object)
 ], GaugeProgressComponent.prototype, "showType", void 0);
@@ -17419,7 +17503,7 @@ __decorate([
     Property('进度颜色', {
         ui: {
             widget: 'seriesColor',
-            type: 'gradual'
+            type: 'gradual',
         },
     }),
     __metadata("design:type", Object)
@@ -17428,7 +17512,7 @@ __decorate([
     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)