bbj-screen-widget 2.4.58 → 2.4.59

package/fesm2015/bbj-screen-widget.js

@@ -1,4 +1,4 @@
-import { ɵɵdefineInjectable, ɵɵinject, Injectable, Component, ChangeDetectionStrategy, ChangeDetectorRef, Renderer2, ElementRef, NgModule, EventEmitter, NgZone, ViewChild, Input, Pipe, forwardRef, Inject, Optional, HostBinding, Directive, HostListener } from '@angular/core';
+import { ɵɵdefineInjectable, ɵɵinject, Injectable, Component, ChangeDetectionStrategy, ChangeDetectorRef, Renderer2, ElementRef, NgModule, EventEmitter, NgZone, ViewChild, Input, Pipe, forwardRef, Inject, Optional, HostBinding, Directive, CUSTOM_ELEMENTS_SCHEMA, HostListener } from '@angular/core';
 import { BaiduMapService } from 'bbj-screen-widget/core';
 export * from 'bbj-screen-widget/core';
 import { HttpClient, HttpClientJsonpModule } from '@angular/common/http';
@@ -39,8 +39,7 @@ import { NzNoAnimationModule } from 'ng-zorro-antd/core/no-animation';
 import { NzMessageService } from 'ng-zorro-antd/message';
 import { NzUploadModule } from 'ng-zorro-antd/upload';
 import { NzTableModule } from 'ng-zorro-antd/table';
-import { SwiperModule } from 'swiper/angular';
-import SwiperCore, { Navigation, Pagination, Scrollbar, A11y, Virtual, Zoom, Autoplay, Thumbs, Controller } from 'swiper/core';
+import 'swiper/swiper-element-bundle.js';
 import { NzSpaceModule } from 'ng-zorro-antd/space';
 import { NzGridModule } from 'ng-zorro-antd/grid';
 import { Router } from '@angular/router';
@@ -17386,8 +17385,8 @@ let GaugeProgressComponent = class GaugeProgressComponent {
 GaugeProgressComponent.decorators = [
     { type: Component, args: [{
                 selector: 'sc-gauge-progress',
-                template: "\n<swiper\n  #swiper\n  [slidesPerView]=\"slidesPerView\"\n  [spaceBetween]=\"spaceBetween\"\n  [navigation]=\"navigation && navigationLeftIcon && navigationRightIcon ? navigationBtnConfig : navigation\"\n  class=\"swiper-no-swiping\"\n  [noSwiping]=\"true\"\n>\n  <ng-template swiperSlide *ngFor=\"let item of data\">\n    <!-- <div class=\"item-img\">\n      <div class=\"item-val\" [ngStyle]=\"numfont\">{{ item.value }}</div>\n      <img [src]=\"cardBgImg\" alt=\"\" />\n    </div>\n    <div [ngStyle]=\"font\">{{ item.label }}</div> -->\n    <div echarts [options]=\"item\" class=\"demo-chart\" [initOpts]=\"{ renderer: 'svg' }\"></div>\n  </ng-template>\n</swiper>\n<ng-container *ngIf=\"navigation && navigationLeftIcon && navigationRightIcon\">\n  <div class=\"navigationbtn swiper-navigation-prev\" [style]=\"{ left: (navigationMoveVal || '-60') + 'px' }\">\n    <img [src]=\"navigationLeftIcon\" alt=\"\" />\n  </div>\n  <div class=\"navigationbtn swiper-navigation-next\" [style]=\"{ right: (navigationMoveVal || '-60') + 'px' }\">\n    <img [src]=\"navigationRightIcon\" alt=\"\" />\n  </div>\n</ng-container>\n\n\n\n",
-                styles: [":host{display:block}:host,:host ::ng-deep .swiper-container{height:100%;width:100%}:host ::ng-deep .swiper-slide{text-align:center;position:relative}:host ::ng-deep .item-img{position:relative}:host ::ng-deep .item-img img{display:block;width:100%}:host ::ng-deep .item-val{position:absolute;text-align:center;top:0;bottom:0;left:0;width:100%;z-index:99}:host ::ng-deep .navigationbtn{cursor:pointer;position:absolute;top:0;bottom:0;display:flex;align-items:center;outline:none}:host ::ng-deep .swiper-navigation-prev{left:-60px}:host ::ng-deep .swiper-navigation-next{right:-60px}.demo-chart{height:100%}"]
+                template: "\n<swiper-container\n  #swiper\n  [slidesPerView]=\"slidesPerView\"\n  [spaceBetween]=\"spaceBetween\"\n  [navigation]=\"navigation && navigationLeftIcon && navigationRightIcon ? navigationBtnConfig : navigation\"\n  class=\"swiper-no-swiping\"\n  [noSwiping]=\"true\"\n>\n  <swiper-slide *ngFor=\"let item of data\">\n    <!-- <div class=\"item-img\">\n      <div class=\"item-val\" [ngStyle]=\"numfont\">{{ item.value }}</div>\n      <img [src]=\"cardBgImg\" alt=\"\" />\n    </div>\n    <div [ngStyle]=\"font\">{{ item.label }}</div> -->\n    <div echarts [options]=\"item\" class=\"demo-chart\" [initOpts]=\"{ renderer: 'svg' }\"></div>\n  </swiper-slide>\n</swiper-container>\n<ng-container *ngIf=\"navigation && navigationLeftIcon && navigationRightIcon\">\n  <div class=\"navigationbtn swiper-navigation-prev\" [style]=\"{ left: (navigationMoveVal || '-60') + 'px' }\">\n    <img [src]=\"navigationLeftIcon\" alt=\"\" />\n  </div>\n  <div class=\"navigationbtn swiper-navigation-next\" [style]=\"{ right: (navigationMoveVal || '-60') + 'px' }\">\n    <img [src]=\"navigationRightIcon\" alt=\"\" />\n  </div>\n</ng-container>\n\n\n\n",
+                styles: [":host{display:block}:host,:host ::ng-deep swiper-container{height:100%;width:100%}:host ::ng-deep swiper-slide{text-align:center;position:relative}:host ::ng-deep .item-img{position:relative}:host ::ng-deep .item-img img{display:block;width:100%}:host ::ng-deep .item-val{position:absolute;text-align:center;top:0;bottom:0;left:0;width:100%;z-index:99}:host ::ng-deep .navigationbtn{cursor:pointer;position:absolute;top:0;bottom:0;display:flex;align-items:center;outline:none}:host ::ng-deep .swiper-navigation-prev{left:-60px}:host ::ng-deep .swiper-navigation-next{right:-60px}.demo-chart{height:100%}"]
             },] }
 ];
 GaugeProgressComponent.ctorParameters = () => [];
@@ -17575,7 +17574,8 @@ class GaugeProgressModule {
 GaugeProgressModule.decorators = [
     { type: NgModule, args: [{
                 declarations: [GaugeProgressComponent],
-                imports: [CommonModule, WidgetBaseModule, NgxEchartsModule, SwiperModule],
+                imports: [CommonModule, WidgetBaseModule, NgxEchartsModule],
+                schemas: [CUSTOM_ELEMENTS_SCHEMA],
             },] }
 ];
 GaugeProgressModule.ctorParameters = () => [
@@ -17758,23 +17758,37 @@ BulletinBoardModule.ctorParameters = () => [
 ];
 
 // install Swiper components
-SwiperCore.use([
-    Navigation,
-    Pagination,
-    Scrollbar,
-    A11y,
-    Virtual,
-    Zoom,
-    Autoplay,
-    Thumbs,
-    Controller
-]);
+// SwiperCore.use([
+//   Navigation,
+//   Pagination,
+//   Scrollbar,
+//   A11y,
+//   Virtual,
+//   Zoom,
+//   Autoplay,
+//   Thumbs,
+//   Controller
+// ]);
 let ItemSwiperComponent = class ItemSwiperComponent {
     constructor(ele) {
         this.ele = ele;
         this.font = { family: 'Microsoft YaHei', color: '#ffffff', weight: 'normal', size: 20, space: 0, lineHeight: '66' };
-        this.numfont = { family: 'Microsoft YaHei', color: '#ffffff', weight: 'normal', size: 21, space: 0, lineHeight: '25' };
-        this.titlefont = { family: 'Microsoft YaHei', color: '#ffffff', weight: 'normal', size: 21, space: 0, lineHeight: '25' };
+        this.numfont = {
+            family: 'Microsoft YaHei',
+            color: '#ffffff',
+            weight: 'normal',
+            size: 21,
+            space: 0,
+            lineHeight: '25',
+        };
+        this.titlefont = {
+            family: 'Microsoft YaHei',
+            color: '#ffffff',
+            weight: 'normal',
+            size: 21,
+            space: 0,
+            lineHeight: '25',
+        };
         this.slidesPerView = 3;
         this.selectHeight = 180;
         this.gourpHeight = 0;
@@ -17817,7 +17831,7 @@ let ItemSwiperComponent = class ItemSwiperComponent {
         this.valueChange = new EventEmitter();
         this.navigationBtnConfig = {
             prevEl: '.swiper-navigation-prev',
-            nextEl: '.swiper-navigation-next'
+            nextEl: '.swiper-navigation-next',
         };
         this.data = [];
         this.items = {};
@@ -17867,7 +17881,7 @@ let ItemSwiperComponent = class ItemSwiperComponent {
                     img = ((_a = this.images[i]) === null || _a === void 0 ? void 0 : _a.imageUrl) || this.images[this.images.length - 1].imageUrl;
                     t.imgstyle = {
                         height: (this.height || 30) + 'px',
-                        width: (this.width || 30) + 'px'
+                        width: (this.width || 30) + 'px',
                     };
                 }
                 t.img = img;
@@ -17888,7 +17902,7 @@ let ItemSwiperComponent = class ItemSwiperComponent {
                 arr.push({ label: t.label, value: t.value });
             });
             if (this.groups && this.groups.length > 0) {
-                this.groups.forEach(e => {
+                this.groups.forEach((e) => {
                     let a = this.items[e.groupName];
                     if (!a) {
                         return;
@@ -17896,11 +17910,11 @@ let ItemSwiperComponent = class ItemSwiperComponent {
                     a.img = e.imageUrl || '';
                     a.imgstyle = {
                         height: (this.height || 30) + 'px',
-                        width: (this.width || 30) + 'px'
+                        width: (this.width || 30) + 'px',
                     };
                 });
             }
-            Object.keys(this.items).forEach(key => {
+            Object.keys(this.items).forEach((key) => {
                 let map = this.items[key];
                 map['group'] = key;
                 this.data.push(map);
@@ -17914,16 +17928,14 @@ let ItemSwiperComponent = class ItemSwiperComponent {
         }
         console.log(this.data);
     }
-    onSwiper(swiper) {
-    }
-    onSlideChange() {
-    }
+    onSwiper(swiper) { }
+    onSlideChange() { }
 };
 ItemSwiperComponent.decorators = [
     { type: Component, args: [{
                 selector: 'sc-item-swiper',
-                template: "<swiper\n  #swiper\n  [slidesPerView]=\"slidesPerView\"\n  [spaceBetween]=\"spaceBetween\"\n  [navigation]=\"navigation && navigationLeftIcon && navigationRightIcon ? navigationBtnConfig : navigation\"\n  class=\"swiper-no-swiping\"\n  [noSwiping]=\"true\"\n>\n  <ng-template swiperSlide *ngFor=\"let item of data\">\n    <ng-container *ngIf=\"!isgroup\">\n      <div class=\"item-img\">\n        <div class=\"item-val\" [ngStyle]=\"numfont\">{{ item.value }}</div>\n        <img [src]=\"item.img\" alt=\"\" [ngStyle]=\"item.imgstyle\" />\n      </div>\n      <div [ngStyle]=\"font\">{{ item.label }}</div>\n    </ng-container>\n    <!-- <ng-container *ngFor=\"let i of item\"> -->\n    <ng-container *ngIf=\"isgroup\">\n      <div class=\"content\" [style.height]=\"selectHeight + 'px'\">\n        <div [ngStyle]=\"groupfont\" class=\"title\">{{ item.group }}</div>\n        <div class=\"item-img\">\n          <!-- <ng-container *ngIf=\"item.img\"> -->\n          <img [src]=\"item.img\" alt=\"\" [ngStyle]=\"item.imgstyle\" />\n          <!-- </ng-container> -->\n        </div>\n        <div class=\"kvbox\" [style.bottom]=\"valueBottom + 'px'\">\n          <div style=\"display: inline-flex\">\n            <ng-container *ngFor=\"let a of item.field\">\n              <span style=\"flex: 1; left: 0px\" class=\"label\">\n                <div [ngStyle]=\"font\">{{ a.label }}</div>\n                <div [ngStyle]=\"numfont\">{{ a.value }}</div>\n              </span>\n            </ng-container>\n          </div>\n        </div>\n      </div>\n    </ng-container>\n    <!-- </ng-container> -->\n  </ng-template>\n</swiper>\n<ng-container *ngIf=\"navigationLeftIcon && navigationRightIcon\">\n  <div class=\"navigationbtn swiper-navigation-prev\" [style.left.px]=\"navigationMoveVal || -60\" [class.hidden]=\"!showNavigation\">\n    <img [src]=\"navigationLeftIcon\" alt=\"\" />\n  </div>\n  <div class=\"navigationbtn swiper-navigation-next\" [style.right.px]=\"navigationMoveVal || -60\" [class.hidden]=\"!showNavigation\">\n    <img [src]=\"navigationRightIcon\" alt=\"\" />\n  </div>\n</ng-container>\n",
-                styles: [":host{position:relative;display:block}:host ::ng-deep .swiper-container{width:100%}:host ::ng-deep .title{z-index:100;position:absolute;left:0;width:100%;text-align:center}:host ::ng-deep .swiper-slide{text-align:center;position:relative;overflow:visible;padding-top:30px}:host ::ng-deep .content,:host ::ng-deep .item-img{position:relative;height:100%;width:100%}:host ::ng-deep .item-img img{display:block;margin:auto}:host ::ng-deep .item-val{position:absolute;text-align:center;top:0;bottom:0;left:0;width:100%;z-index:99;overflow:visible}:host ::ng-deep .navigationbtn{cursor:pointer;position:absolute;top:0;bottom:0;display:flex;align-items:center;outline:none}:host ::ng-deep .navigationbtn.hidden{display:none}:host ::ng-deep .swiper-navigation-prev{left:-60px}:host ::ng-deep .swiper-navigation-next{right:-60px}:host ::ng-deep .label{margin:0 8px}:host ::ng-deep .kvbox{position:absolute;text-align:center;left:0;width:100%;z-index:99}"]
+                template: "<swiper-container appSwiper\n  #swiper\n  [attr.slides-per-view]=\"slidesPerView\"\n  [attr.space-between]=\"spaceBetween\"\n  [attr.navigation]=\"navigation && navigationLeftIcon && navigationRightIcon ? navigationBtnConfig : navigation\"\n  class=\"swiper-no-swiping\"\n  [attr.no-swiping]=\"true\"\n>\n  <swiper-slide *ngFor=\"let item of data\">\n    <ng-container *ngIf=\"!isgroup\">\n      <div class=\"item-img\">\n        <div class=\"item-val\" [ngStyle]=\"numfont\">{{ item.value }}</div>\n        <img [src]=\"item.img\" alt=\"\" [ngStyle]=\"item.imgstyle\" />\n      </div>\n      <div [ngStyle]=\"font\">{{ item.label }}</div>\n    </ng-container>\n    <!-- <ng-container *ngFor=\"let i of item\"> -->\n    <ng-container *ngIf=\"isgroup\">\n      <div class=\"content\" [style.height]=\"selectHeight + 'px'\">\n        <div [ngStyle]=\"groupfont\" class=\"title\">{{ item.group }}</div>\n        <div class=\"item-img\">\n          <!-- <ng-container *ngIf=\"item.img\"> -->\n          <img [src]=\"item.img\" alt=\"\" [ngStyle]=\"item.imgstyle\" />\n          <!-- </ng-container> -->\n        </div>\n        <div class=\"kvbox\" [style.bottom]=\"valueBottom + 'px'\">\n          <div style=\"display: inline-flex\">\n            <ng-container *ngFor=\"let a of item.field\">\n              <span style=\"flex: 1; left: 0px\" class=\"label\">\n                <div [ngStyle]=\"font\">{{ a.label }}</div>\n                <div [ngStyle]=\"numfont\">{{ a.value }}</div>\n              </span>\n            </ng-container>\n          </div>\n        </div>\n      </div>\n    </ng-container>\n    <!-- </ng-container> -->\n  </swiper-slide>\n</swiper-container>\n<ng-container *ngIf=\"navigationLeftIcon && navigationRightIcon\">\n  <div class=\"navigationbtn swiper-navigation-prev\" [style.left.px]=\"navigationMoveVal || -60\" [class.hidden]=\"!showNavigation\">\n    <img [src]=\"navigationLeftIcon\" alt=\"\" />\n  </div>\n  <div class=\"navigationbtn swiper-navigation-next\" [style.right.px]=\"navigationMoveVal || -60\" [class.hidden]=\"!showNavigation\">\n    <img [src]=\"navigationRightIcon\" alt=\"\" />\n  </div>\n</ng-container>\n",
+                styles: [":host{position:relative;display:block}:host ::ng-deep swiper-container{width:100%}:host ::ng-deep .title{z-index:100;position:absolute;left:0;width:100%;text-align:center}:host ::ng-deep swiper-slide{text-align:center;position:relative;overflow:visible;padding-top:30px}:host ::ng-deep .content,:host ::ng-deep .item-img{position:relative;height:100%;width:100%}:host ::ng-deep .item-img img{display:block;margin:auto}:host ::ng-deep .item-val{position:absolute;text-align:center;top:0;bottom:0;left:0;width:100%;z-index:99;overflow:visible}:host ::ng-deep .navigationbtn{cursor:pointer;position:absolute;top:0;bottom:0;display:flex;align-items:center;outline:none}:host ::ng-deep .navigationbtn.hidden{display:none}:host ::ng-deep .swiper-navigation-prev{left:-60px}:host ::ng-deep .swiper-navigation-next{right:-60px}:host ::ng-deep .label{margin:0 8px}:host ::ng-deep .kvbox{position:absolute;text-align:center;left:0;width:100%;z-index:99}"]
             },] }
 ];
 ItemSwiperComponent.ctorParameters = () => [
@@ -17976,7 +17988,7 @@ __decorate([
         type: 'string',
         ui: {
             widget: 'myUpload',
-        }
+        },
     }),
     __metadata("design:type", Object)
 ], ItemSwiperComponent.prototype, "navigationLeftIcon", void 0);
@@ -17985,16 +17997,14 @@ __decorate([
         type: 'string',
         ui: {
             widget: 'myUpload',
-        }
+        },
     }),
     __metadata("design:type", Object)
 ], ItemSwiperComponent.prototype, "navigationRightIcon", void 0);
 __decorate([
     Property('显示模式', {
         ui: { widget: 'select' },
-        enum: [
-            { label: '图标卡片', value: 'card' },
-        ],
+        enum: [{ label: '图标卡片', value: 'card' }],
     }),
     __metadata("design:type", Object)
 ], ItemSwiperComponent.prototype, "showType", void 0);
@@ -18051,7 +18061,7 @@ __decorate([
             properties: {
                 groupName: {
                     type: 'string',
-                    title: '组名'
+                    title: '组名',
                 },
                 imageUrl: {
                     type: 'string',
@@ -18072,7 +18082,7 @@ __decorate([
         properties: {
             label: { title: '标题', type: 'string' },
             value: { title: '值', type: 'string' },
-            group: { title: '分组', type: 'string' }
+            group: { title: '分组', type: 'string' },
         },
     }),
     __metadata("design:type", Array)
@@ -18093,15 +18103,9 @@ class ItemSwiperModule {
 }
 ItemSwiperModule.decorators = [
     { type: NgModule, args: [{
-                declarations: [
-                    ItemSwiperComponent
-                ],
-                imports: [
-                    CommonModule,
-                    WidgetBaseModule,
-                    NzSpaceModule,
-                    SwiperModule
-                ]
+                declarations: [ItemSwiperComponent],
+                imports: [CommonModule, WidgetBaseModule, NzSpaceModule],
+                schemas: [CUSTOM_ELEMENTS_SCHEMA],
             },] }
 ];
 ItemSwiperModule.ctorParameters = () => [
@@ -19402,6 +19406,9 @@ let CalendarComponent = class CalendarComponent {
             else {
                 this.removeEvents(this.id);
             }
+            if (!this.calendarOptions) {
+                this.update();
+            }
             // const events = this.data.map((item) => ({
             //   id: item.id,
             //   start: item.start.indexOf(' 00:00:00') > -1 ? item.start.split(' ')[0] : item.start,