bbj-screen-widget 2.4.57 → 2.4.59

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

@@ -1,12 +1,11 @@
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('bbj-screen-widget/core'), require('@angular/common/http'), require('@delon/util'), require('@delon/util/other'), require('@angular/common'), require('bbj-widget-base'), require('ngx-echarts'), require('ng-zorro-antd/icon'), require('@angular/forms'), require('ng-zorro-antd/checkbox'), require('ng-zorro-antd/select'), require('ng-zorro-antd/button'), require('ng-zorro-antd/input'), require('ng-zorro-antd/pipes'), require('ng-zorro-antd/radio'), require('ng-zorro-antd/rate'), require('ng-zorro-antd/slider'), require('echarts-gl'), require('ng-zorro-antd/core/resize-observers'), require('rxjs'), require('rxjs/operators'), require('echarts-liquidfill'), require('ng-zorro-antd/tooltip'), require('echarts'), require('ng-zorro-antd/tree'), require('ng-zorro-antd/core/highlight'), require('date-fns'), require('ng-zorro-antd/i18n'), require('date-fns/fp'), require('ng-zorro-antd/date-picker'), require('ng-zorro-antd/time-picker'), require('ng-zorro-antd/dropdown'), require('@angular/cdk/scrolling'), require('uuid'), require('ng-zorro-antd/core/no-animation'), require('ng-zorro-antd/message'), require('ng-zorro-antd/upload'), require('ng-zorro-antd/table'), require('swiper/angular'), require('swiper/core'), require('ng-zorro-antd/space'), require('ng-zorro-antd/grid'), require('@angular/router'), require('@fullcalendar/angular'), require('@fullcalendar/daygrid'), require('@fullcalendar/timegrid'), require('@fullcalendar/interaction'), require('ng-zorro-antd/tabs'), require('@fullcalendar/resource-timeline')) :
-    typeof define === 'function' && define.amd ? define('bbj-screen-widget', ['exports', '@angular/core', 'bbj-screen-widget/core', '@angular/common/http', '@delon/util', '@delon/util/other', '@angular/common', 'bbj-widget-base', 'ngx-echarts', 'ng-zorro-antd/icon', '@angular/forms', 'ng-zorro-antd/checkbox', 'ng-zorro-antd/select', 'ng-zorro-antd/button', 'ng-zorro-antd/input', 'ng-zorro-antd/pipes', 'ng-zorro-antd/radio', 'ng-zorro-antd/rate', 'ng-zorro-antd/slider', 'echarts-gl', 'ng-zorro-antd/core/resize-observers', 'rxjs', 'rxjs/operators', 'echarts-liquidfill', 'ng-zorro-antd/tooltip', 'echarts', 'ng-zorro-antd/tree', 'ng-zorro-antd/core/highlight', 'date-fns', 'ng-zorro-antd/i18n', 'date-fns/fp', 'ng-zorro-antd/date-picker', 'ng-zorro-antd/time-picker', 'ng-zorro-antd/dropdown', '@angular/cdk/scrolling', 'uuid', 'ng-zorro-antd/core/no-animation', 'ng-zorro-antd/message', 'ng-zorro-antd/upload', 'ng-zorro-antd/table', 'swiper/angular', 'swiper/core', 'ng-zorro-antd/space', 'ng-zorro-antd/grid', '@angular/router', '@fullcalendar/angular', '@fullcalendar/daygrid', '@fullcalendar/timegrid', '@fullcalendar/interaction', 'ng-zorro-antd/tabs', '@fullcalendar/resource-timeline'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global['bbj-screen-widget'] = {}, global.ng.core, global['bbj-screen-widget'].core, global.ng.common.http, global['@delon/util'], global['@delon/util/other'], global.ng.common, global['bbj-widget-base'], global['ngx-echarts'], global['ng-zorro-antd/icon'], global.ng.forms, global['ng-zorro-antd/checkbox'], global['ng-zorro-antd/select'], global['ng-zorro-antd/button'], global['ng-zorro-antd/input'], global['ng-zorro-antd/pipes'], global['ng-zorro-antd/radio'], global['ng-zorro-antd/rate'], global['ng-zorro-antd/slider'], null, global['ng-zorro-antd/core/resize-observers'], global.rxjs, global.rxjs.operators, null, global['ng-zorro-antd/tooltip'], global.echarts, global['ng-zorro-antd/tree'], global['ng-zorro-antd/core/highlight'], global['date-fns'], global['ng-zorro-antd/i18n'], global['date-fns/fp'], global['ng-zorro-antd/date-picker'], global['ng-zorro-antd/time-picker'], global['ng-zorro-antd/dropdown'], global.ng.cdk.scrolling, global.uuid, global['ng-zorro-antd/core/no-animation'], global['ng-zorro-antd/message'], global['ng-zorro-antd/upload'], global['ng-zorro-antd/table'], global['swiper/angular'], global['swiper/core'], global['ng-zorro-antd/space'], global.grid, global.ng.router, global['@fullcalendar/angular'], global['@fullcalendar/daygrid'], global['@fullcalendar/timegrid'], global['@fullcalendar/interaction'], global['ng-zorro-antd/tabs'], global['@fullcalendar/resource-timeline']));
-}(this, (function (exports, i0, i1, i2, util, i1$1, common, bbjWidgetBase, ngxEcharts, icon, forms, checkbox, select, button, input, pipes, radio, rate, slider, echartsGl, resizeObservers, rxjs, operators, echartsLiquidfill, tooltip, echarts, tree, highlight, dateFns, i18n, fp, datePicker, timePicker, dropdown, scrolling, uuid, noAnimation, message, upload, table, angular, SwiperCore, space, grid, router, angular$1, dayGridPlugin, timeGridPlugin, interactionPlugin, tabs, resourceTimelinePlugin) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('bbj-screen-widget/core'), require('@angular/common/http'), require('@delon/util'), require('@delon/util/other'), require('@angular/common'), require('bbj-widget-base'), require('ngx-echarts'), require('ng-zorro-antd/icon'), require('@angular/forms'), require('ng-zorro-antd/checkbox'), require('ng-zorro-antd/select'), require('ng-zorro-antd/button'), require('ng-zorro-antd/input'), require('ng-zorro-antd/pipes'), require('ng-zorro-antd/radio'), require('ng-zorro-antd/rate'), require('ng-zorro-antd/slider'), require('echarts-gl'), require('ng-zorro-antd/core/resize-observers'), require('rxjs'), require('rxjs/operators'), require('echarts-liquidfill'), require('ng-zorro-antd/tooltip'), require('echarts'), require('ng-zorro-antd/tree'), require('ng-zorro-antd/core/highlight'), require('date-fns'), require('ng-zorro-antd/i18n'), require('date-fns/fp'), require('ng-zorro-antd/date-picker'), require('ng-zorro-antd/time-picker'), require('ng-zorro-antd/dropdown'), require('@angular/cdk/scrolling'), require('uuid'), require('ng-zorro-antd/core/no-animation'), require('ng-zorro-antd/message'), require('ng-zorro-antd/upload'), require('ng-zorro-antd/table'), require('swiper/swiper-element-bundle.js'), require('ng-zorro-antd/space'), require('ng-zorro-antd/grid'), require('@angular/router'), require('@fullcalendar/angular'), require('@fullcalendar/daygrid'), require('@fullcalendar/timegrid'), require('@fullcalendar/interaction'), require('ng-zorro-antd/tabs'), require('@fullcalendar/resource-timeline')) :
+    typeof define === 'function' && define.amd ? define('bbj-screen-widget', ['exports', '@angular/core', 'bbj-screen-widget/core', '@angular/common/http', '@delon/util', '@delon/util/other', '@angular/common', 'bbj-widget-base', 'ngx-echarts', 'ng-zorro-antd/icon', '@angular/forms', 'ng-zorro-antd/checkbox', 'ng-zorro-antd/select', 'ng-zorro-antd/button', 'ng-zorro-antd/input', 'ng-zorro-antd/pipes', 'ng-zorro-antd/radio', 'ng-zorro-antd/rate', 'ng-zorro-antd/slider', 'echarts-gl', 'ng-zorro-antd/core/resize-observers', 'rxjs', 'rxjs/operators', 'echarts-liquidfill', 'ng-zorro-antd/tooltip', 'echarts', 'ng-zorro-antd/tree', 'ng-zorro-antd/core/highlight', 'date-fns', 'ng-zorro-antd/i18n', 'date-fns/fp', 'ng-zorro-antd/date-picker', 'ng-zorro-antd/time-picker', 'ng-zorro-antd/dropdown', '@angular/cdk/scrolling', 'uuid', 'ng-zorro-antd/core/no-animation', 'ng-zorro-antd/message', 'ng-zorro-antd/upload', 'ng-zorro-antd/table', 'swiper/swiper-element-bundle.js', 'ng-zorro-antd/space', 'ng-zorro-antd/grid', '@angular/router', '@fullcalendar/angular', '@fullcalendar/daygrid', '@fullcalendar/timegrid', '@fullcalendar/interaction', 'ng-zorro-antd/tabs', '@fullcalendar/resource-timeline'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global['bbj-screen-widget'] = {}, global.ng.core, global['bbj-screen-widget'].core, global.ng.common.http, global['@delon/util'], global['@delon/util/other'], global.ng.common, global['bbj-widget-base'], global['ngx-echarts'], global['ng-zorro-antd/icon'], global.ng.forms, global['ng-zorro-antd/checkbox'], global['ng-zorro-antd/select'], global['ng-zorro-antd/button'], global['ng-zorro-antd/input'], global['ng-zorro-antd/pipes'], global['ng-zorro-antd/radio'], global['ng-zorro-antd/rate'], global['ng-zorro-antd/slider'], null, global['ng-zorro-antd/core/resize-observers'], global.rxjs, global.rxjs.operators, null, global['ng-zorro-antd/tooltip'], global.echarts, global['ng-zorro-antd/tree'], global['ng-zorro-antd/core/highlight'], global['date-fns'], global['ng-zorro-antd/i18n'], global['date-fns/fp'], global['ng-zorro-antd/date-picker'], global['ng-zorro-antd/time-picker'], global['ng-zorro-antd/dropdown'], global.ng.cdk.scrolling, global.uuid, global['ng-zorro-antd/core/no-animation'], global['ng-zorro-antd/message'], global['ng-zorro-antd/upload'], global['ng-zorro-antd/table'], null, global['ng-zorro-antd/space'], global.grid, global.ng.router, global['@fullcalendar/angular'], global['@fullcalendar/daygrid'], global['@fullcalendar/timegrid'], global['@fullcalendar/interaction'], global['ng-zorro-antd/tabs'], global['@fullcalendar/resource-timeline']));
+}(this, (function (exports, i0, i1, i2, util, i1$1, common, bbjWidgetBase, ngxEcharts, icon, forms, checkbox, select, button, input, pipes, radio, rate, slider, echartsGl, resizeObservers, rxjs, operators, echartsLiquidfill, tooltip, echarts, tree, highlight, dateFns, i18n, fp, datePicker, timePicker, dropdown, scrolling, uuid, noAnimation, message, upload, table, swiperElementBundle_js, space, grid, router, angular, dayGridPlugin, timeGridPlugin, interactionPlugin, tabs, resourceTimelinePlugin) { 'use strict';
 
     function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-    var SwiperCore__default = /*#__PURE__*/_interopDefaultLegacy(SwiperCore);
     var dayGridPlugin__default = /*#__PURE__*/_interopDefaultLegacy(dayGridPlugin);
     var timeGridPlugin__default = /*#__PURE__*/_interopDefaultLegacy(timeGridPlugin);
     var interactionPlugin__default = /*#__PURE__*/_interopDefaultLegacy(interactionPlugin);
@@ -18339,8 +18338,8 @@
     exports.ɵdn.decorators = [
         { type: i0.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%}"]
                 },] }
     ];
     exports.ɵdn.ctorParameters = function () { return []; };
@@ -18529,7 +18528,8 @@
     GaugeProgressModule.decorators = [
         { type: i0.NgModule, args: [{
                     declarations: [exports.ɵdn],
-                    imports: [common.CommonModule, bbjWidgetBase.WidgetBaseModule, ngxEcharts.NgxEchartsModule, angular.SwiperModule],
+                    imports: [common.CommonModule, bbjWidgetBase.WidgetBaseModule, ngxEcharts.NgxEchartsModule],
+                    schemas: [i0.CUSTOM_ELEMENTS_SCHEMA],
                 },] }
     ];
     GaugeProgressModule.ctorParameters = function () { return [
@@ -18715,23 +18715,37 @@
     ]; };
 
     // install Swiper components
-    SwiperCore__default['default'].use([
-        SwiperCore.Navigation,
-        SwiperCore.Pagination,
-        SwiperCore.Scrollbar,
-        SwiperCore.A11y,
-        SwiperCore.Virtual,
-        SwiperCore.Zoom,
-        SwiperCore.Autoplay,
-        SwiperCore.Thumbs,
-        SwiperCore.Controller
-    ]);
+    // SwiperCore.use([
+    //   Navigation,
+    //   Pagination,
+    //   Scrollbar,
+    //   A11y,
+    //   Virtual,
+    //   Zoom,
+    //   Autoplay,
+    //   Thumbs,
+    //   Controller
+    // ]);
     exports.ɵdp = /** @class */ (function () {
         function ItemSwiperComponent(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;
@@ -18774,7 +18788,7 @@
             this.valueChange = new i0.EventEmitter();
             this.navigationBtnConfig = {
                 prevEl: '.swiper-navigation-prev',
-                nextEl: '.swiper-navigation-next'
+                nextEl: '.swiper-navigation-next',
             };
             this.data = [];
             this.items = {};
@@ -18825,7 +18839,7 @@
                         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;
@@ -18854,7 +18868,7 @@
                         a.img = e.imageUrl || '';
                         a.imgstyle = {
                             height: (_this.height || 30) + 'px',
-                            width: (_this.width || 30) + 'px'
+                            width: (_this.width || 30) + 'px',
                         };
                     });
                 }
@@ -18872,17 +18886,15 @@
             }
             console.log(this.data);
         };
-        ItemSwiperComponent.prototype.onSwiper = function (swiper) {
-        };
-        ItemSwiperComponent.prototype.onSlideChange = function () {
-        };
+        ItemSwiperComponent.prototype.onSwiper = function (swiper) { };
+        ItemSwiperComponent.prototype.onSlideChange = function () { };
         return ItemSwiperComponent;
     }());
     exports.ɵdp.decorators = [
         { type: i0.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}"]
                 },] }
     ];
     exports.ɵdp.ctorParameters = function () { return [
@@ -18935,7 +18947,7 @@
             type: 'string',
             ui: {
                 widget: 'myUpload',
-            }
+            },
         }),
         __metadata("design:type", Object)
     ], exports.ɵdp.prototype, "navigationLeftIcon", void 0);
@@ -18944,16 +18956,14 @@
             type: 'string',
             ui: {
                 widget: 'myUpload',
-            }
+            },
         }),
         __metadata("design:type", Object)
     ], exports.ɵdp.prototype, "navigationRightIcon", void 0);
     __decorate([
         bbjWidgetBase.Property('显示模式', {
             ui: { widget: 'select' },
-            enum: [
-                { label: '图标卡片', value: 'card' },
-            ],
+            enum: [{ label: '图标卡片', value: 'card' }],
         }),
         __metadata("design:type", Object)
     ], exports.ɵdp.prototype, "showType", void 0);
@@ -19010,7 +19020,7 @@
                 properties: {
                     groupName: {
                         type: 'string',
-                        title: '组名'
+                        title: '组名',
                     },
                     imageUrl: {
                         type: 'string',
@@ -19031,7 +19041,7 @@
             properties: {
                 label: { title: '标题', type: 'string' },
                 value: { title: '值', type: 'string' },
-                group: { title: '分组', type: 'string' }
+                group: { title: '分组', type: 'string' },
             },
         }),
         __metadata("design:type", Array)
@@ -19053,15 +19063,9 @@
     }());
     ItemSwiperModule.decorators = [
         { type: i0.NgModule, args: [{
-                    declarations: [
-                        exports.ɵdp
-                    ],
-                    imports: [
-                        common.CommonModule,
-                        bbjWidgetBase.WidgetBaseModule,
-                        space.NzSpaceModule,
-                        angular.SwiperModule
-                    ]
+                    declarations: [exports.ɵdp],
+                    imports: [common.CommonModule, bbjWidgetBase.WidgetBaseModule, space.NzSpaceModule],
+                    schemas: [i0.CUSTOM_ELEMENTS_SCHEMA],
                 },] }
     ];
     ItemSwiperModule.ctorParameters = function () { return [
@@ -19110,7 +19114,7 @@
         __metadata("design:type", Object)
     ], exports.ɵdt.prototype, "dataChange", void 0);
     exports.ɵdt = __decorate([
-        bbjWidgetBase.Widget('临时数据'),
+        bbjWidgetBase.Widget('临时数据', { group: 'component', image: 'assets/img/screen/temporary-data.png', icon: 'iconmokuai' }),
         __metadata("design:paramtypes", [i0.Renderer2, i0.ElementRef])
     ], exports.ɵdt);
 
@@ -19431,7 +19435,7 @@
         __metadata("design:returntype", void 0)
     ], exports.ɵdw.prototype, "setUrl", null);
     exports.ɵdw = __decorate([
-        bbjWidgetBase.Widget('iframe'),
+        bbjWidgetBase.Widget('iframe', { group: 'component', image: 'assets/img/screen/iframe.png', icon: 'iconmokuai' }),
         __metadata("design:paramtypes", [])
     ], exports.ɵdw);
 
@@ -19578,7 +19582,7 @@
         __metadata("design:type", Object)
     ], exports.ɵdy.prototype, "data", void 0);
     exports.ɵdy = __decorate([
-        bbjWidgetBase.Widget('视频宫格'),
+        bbjWidgetBase.Widget('视频宫格', { group: 'component', image: 'assets/img/screen/video-grid.png', icon: 'iconmokuai' }),
         __metadata("design:paramtypes", [])
     ], exports.ɵdy);
 
@@ -19888,13 +19892,13 @@
                 },
             });
             widgetService.register(exports.ɵbp, {
-                title: '我的视频一号',
+                title: '视频demo',
                 option: {
                     type: 'video',
                     src: 'https://xiche.oss-cn-beijing.aliyuncs.com/video/20180417154421.mp4',
                 },
             }, {
-                title: '我的视频二号',
+                title: '音频demo',
                 option: {
                     type: 'audio',
                     src: 'https://xiche.oss-cn-beijing.aliyuncs.com/video/20180417154421.mp4',
@@ -20333,6 +20337,17 @@
         { type: bbjWidgetBase.WidgetService }
     ]; };
 
+    var dayFormat = 'yyyy-MM-dd';
+    /**
+     * 如果结束时间是仅日期的格式，加上一天
+     * @param event
+     */
+    function updateEndTime(event) {
+        if (typeof event.end === 'string' && dateFns.isMatch(event.end, dayFormat)) {
+            event.end = dateFns.format(dateFns.addDays(dateFns.parse(event.end, dayFormat, new Date()), 1), dayFormat);
+        }
+    }
+
     var ɵ0$d = { type: 'string', title: 'id' };
     exports.ɵeg = /** @class */ (function () {
         function CalendarComponent(router, cd) {
@@ -20347,7 +20362,7 @@
                 { end: '2020-07-22', start: '2020-07-20', title: 'event 5' },
             ];
             this.dataClick = new i0.EventEmitter();
-            this.typeChange = new i0.EventEmitter();
+            this.datesSetChange = new i0.EventEmitter();
             this.eventMap = new Map();
             this.eventClick = function (event) {
                 _this.dataClick.emit({ id: event.id, title: event.title });
@@ -20358,14 +20373,21 @@
             var _a;
             if (changes.data) {
                 if ((_a = this.data) === null || _a === void 0 ? void 0 : _a.length) {
-                    var events = this.data.map(function (item) { return (Object.assign(Object.assign({}, item), { extendedProps: {
-                            eventClick: _this.eventClick,
-                        } })); });
+                    var events = this.data.map(function (item) {
+                        var event = Object.assign(Object.assign({}, item), { extendedProps: {
+                                eventClick: _this.eventClick,
+                            } });
+                        updateEndTime(event);
+                        return event;
+                    });
                     this.setEvents(this.id, events);
                 }
                 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,
@@ -20435,9 +20457,12 @@
                     // this.dataClick.emit({ id: info.event.id, title: info.event.title });
                 },
                 datesSet: function (arg) {
+                    console.log(arg);
                     var type = arg.view.type;
                     type = type.substring(type.indexOf('Grid') + 4).toLowerCase();
-                    _this.typeChange.emit(type);
+                    var start = dateFns.format(arg.start, 'yyyy-MM-dd');
+                    var end = dateFns.format(arg.end, 'yyyy-MM-dd');
+                    _this.datesSetChange.emit({ type: type, start: start, end: end });
                 },
             };
             this.cd.markForCheck();
@@ -20479,9 +20504,15 @@
         __metadata("design:type", Object)
     ], exports.ɵeg.prototype, "dataClick", void 0);
     __decorate([
-        bbjWidgetBase.DataOutput('视图类型'),
+        bbjWidgetBase.DataOutput({
+            properties: {
+                type: { type: 'string', title: '视图类型' },
+                start: { type: 'string', title: '开始时间' },
+                end: { type: 'string', title: '结束时间' },
+            },
+        }, { triggerLink: false }),
         __metadata("design:type", Object)
-    ], exports.ɵeg.prototype, "typeChange", void 0);
+    ], exports.ɵeg.prototype, "datesSetChange", void 0);
     exports.ɵeg = __decorate([
         bbjWidgetBase.Widget('日历', {
             group: 'component',
@@ -20497,17 +20528,9 @@
             this.parent = parent;
         }
         CalendarEventsChild.prototype.ngOnChanges = function (changes) {
-            var _this = this;
             if (changes.data) {
                 if (this.data) {
                     var events = this.getEvents(this.data);
-                    if (events && this.eventClick) {
-                        events = events.map(function (event) {
-                            return Object.assign(Object.assign({}, event), { extendedProps: {
-                                    eventClick: _this.eventClick,
-                                } });
-                        });
-                    }
                     this.parent.setEvents(this.id, events);
                 }
                 else {
@@ -20547,6 +20570,7 @@
                 if (!event.color && _this.color) {
                     event.color = _this.color;
                 }
+                updateEndTime(event);
                 return event;
             });
         };
@@ -20607,10 +20631,13 @@
         EventsComponent.prototype.getEvents = function (data) {
             var _this = this;
             return data.map(function (item) {
-                var event = Object.assign({}, item);
+                var event = Object.assign(Object.assign({}, item), { extendedProps: {
+                        eventClick: _this.eventClick,
+                    } });
                 if (!event.color && _this.color) {
                     event.color = _this.color;
                 }
+                updateEndTime(event);
                 return event;
             });
         };
@@ -20657,7 +20684,7 @@
 
     var CalendarModule = /** @class */ (function () {
         function CalendarModule(widgetService) {
-            angular$1.FullCalendarModule.registerPlugins([
+            angular.FullCalendarModule.registerPlugins([
                 dayGridPlugin__default['default'],
                 timeGridPlugin__default['default'],
                 interactionPlugin__default['default'],
@@ -20671,7 +20698,7 @@
     CalendarModule.decorators = [
         { type: i0.NgModule, args: [{
                     declarations: [exports.ɵeg, exports.ɵeh, exports.ɵej],
-                    imports: [common.CommonModule, bbjWidgetBase.WidgetBaseModule, angular$1.FullCalendarModule],
+                    imports: [common.CommonModule, bbjWidgetBase.WidgetBaseModule, angular.FullCalendarModule],
                 },] }
     ];
     CalendarModule.ctorParameters = function () { return [
@@ -20745,7 +20772,7 @@
     ], exports.ɵed.prototype, "tabBarGutter", void 0);
     exports.ɵed = __decorate([
         bbjWidgetBase.Widget('标签页', {
-            group: 'component',
+            group: 'component', image: 'assets/img/screen/tabs.png', icon: 'iconmokuai',
             children: [
                 {
                     title: '选项卡1',
@@ -21023,7 +21050,7 @@
     // import {NzDatePickerModule} from 'ng-zorro-antd/date-picker';
     var GanttModule = /** @class */ (function () {
         function GanttModule(widgetService) {
-            angular$1.FullCalendarModule.registerPlugins([
+            angular.FullCalendarModule.registerPlugins([
                 // register FullCalendar plugins
                 dayGridPlugin__default['default'],
                 timeGridPlugin__default['default'],
@@ -21040,7 +21067,7 @@
                     imports: [
                         common.CommonModule,
                         bbjWidgetBase.WidgetBaseModule,
-                        angular$1.FullCalendarModule,
+                        angular.FullCalendarModule,
                         tooltip.NzToolTipModule,
                     ],
                 },] }
@@ -21186,13 +21213,13 @@
                 size: { width: 7, height: 3 },
             });
             widgetService.register(exports.ɵbp, {
-                title: '我的视频一号',
+                title: '视频demo',
                 option: {
                     type: 'video',
                     src: 'https://xiche.oss-cn-beijing.aliyuncs.com/video/20180417154421.mp4',
                 },
             }, {
-                title: '我的视频二号',
+                title: '音频demo',
                 option: {
                     type: 'audio',
                     src: 'https://xiche.oss-cn-beijing.aliyuncs.com/video/20180417154421.mp4',