bbj-screen-widget 2.4.53 → 2.4.55

package/fesm2015/bbj-screen-widget.js

@@ -13,7 +13,6 @@ import { FormsModule } from '@angular/forms';
 import { NzCheckboxModule } from 'ng-zorro-antd/checkbox';
 import { NzSelectModule } from 'ng-zorro-antd/select';
 import { NzButtonModule } from 'ng-zorro-antd/button';
-import { NzDividerModule } from 'ng-zorro-antd/divider';
 import { NzInputModule } from 'ng-zorro-antd/input';
 import { NzPipesModule } from 'ng-zorro-antd/pipes';
 import { NzRadioModule } from 'ng-zorro-antd/radio';
@@ -1757,7 +1756,7 @@ let SelectComponent = class SelectComponent {
 SelectComponent.decorators = [
     { type: Component, args: [{
                 selector: 'sc-select',
-                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  <nz-divider></nz-divider>\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",
+                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",
                 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}"]
             },] }
 ];
@@ -1969,7 +1968,7 @@ class SelectModule {
 SelectModule.decorators = [
     { type: NgModule, args: [{
                 declarations: [SelectComponent],
-                imports: [CommonModule, WidgetBaseModule, NzSelectModule, FormsModule, NzButtonModule, NzDividerModule],
+                imports: [CommonModule, WidgetBaseModule, NzSelectModule, FormsModule, NzButtonModule],
             },] }
 ];
 SelectModule.ctorParameters = () => [
@@ -3117,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%}"]
             },] }
 ];
@@ -7783,6 +7782,7 @@ let ShufflingListComponent = class ShufflingListComponent {
         }
     }
     updateColumns() {
+        var _a;
         this.columns = [];
         let keys;
         if (this.schema && this.schema.properties) {
@@ -7812,7 +7812,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;
@@ -9174,6 +9174,7 @@ let PlanimetricMap2dComponent = PlanimetricMap2dComponent_1 = class PlanimetricM
         this._children = [];
         this.loadedMap = {};
         this.stack = [];
+        this.renderer = 'svg';
     }
     ngOnChanges(changes) {
         if (changes.data) {
@@ -9208,6 +9209,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;
@@ -9230,6 +9232,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';
@@ -9463,7 +9467,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%}"]
             },] }
@@ -14108,6 +14112,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 = [
@@ -14177,7 +14182,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(() => {
@@ -14361,6 +14382,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;
     }
@@ -14581,6 +14616,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)
@@ -17110,7 +17161,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;
@@ -17121,7 +17179,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']] };
@@ -17160,79 +17218,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));
         }
@@ -17242,7 +17303,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,
@@ -17301,7 +17362,7 @@ __decorate([
         type: 'string',
         ui: {
             widget: 'myUpload',
-        }
+        },
     }),
     __metadata("design:type", Object)
 ], GaugeProgressComponent.prototype, "navigationLeftIcon", void 0);
@@ -17310,16 +17371,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);
@@ -17420,7 +17479,7 @@ __decorate([
     Property('进度颜色', {
         ui: {
             widget: 'seriesColor',
-            type: 'gradual'
+            type: 'gradual',
         },
     }),
     __metadata("design:type", Object)
@@ -17429,7 +17488,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)