bbj-screen-widget 2.4.57 → 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';
@@ -27,7 +27,7 @@ import { NzToolTipModule } from 'ng-zorro-antd/tooltip';
 import { getMap, registerMap } from 'echarts';
 import { NzTreeModule } from 'ng-zorro-antd/tree';
 import { NzHighlightModule } from 'ng-zorro-antd/core/highlight';
-import { addWeeks, addDays, startOfWeek, addYears, startOfYear, addMonths, startOfMonth, startOfDay, parse, format, parseISO, min } from 'date-fns';
+import { addWeeks, addDays, startOfWeek, addYears, startOfYear, addMonths, startOfMonth, startOfDay, parse, format, isMatch, parseISO, min } from 'date-fns';
 import { NzI18nService } from 'ng-zorro-antd/i18n';
 import { differenceInCalendarDays } from 'date-fns/fp';
 import { NzDatePickerModule } from 'ng-zorro-antd/date-picker';
@@ -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 = () => [
@@ -18149,7 +18153,7 @@ __decorate([
     __metadata("design:type", Object)
 ], TemporaryDataComponent.prototype, "dataChange", void 0);
 TemporaryDataComponent = __decorate([
-    Widget('临时数据'),
+    Widget('临时数据', { group: 'component', image: 'assets/img/screen/temporary-data.png', icon: 'iconmokuai' }),
     __metadata("design:paramtypes", [Renderer2, ElementRef])
 ], TemporaryDataComponent);
 
@@ -18463,7 +18467,7 @@ __decorate([
     __metadata("design:returntype", void 0)
 ], IframeComponent.prototype, "setUrl", null);
 IframeComponent = __decorate([
-    Widget('iframe'),
+    Widget('iframe', { group: 'component', image: 'assets/img/screen/iframe.png', icon: 'iconmokuai' }),
     __metadata("design:paramtypes", [])
 ], IframeComponent);
 
@@ -18607,7 +18611,7 @@ __decorate([
     __metadata("design:type", Object)
 ], VideoGridComponent.prototype, "data", void 0);
 VideoGridComponent = __decorate([
-    Widget('视频宫格'),
+    Widget('视频宫格', { group: 'component', image: 'assets/img/screen/video-grid.png', icon: 'iconmokuai' }),
     __metadata("design:paramtypes", [])
 ], VideoGridComponent);
 
@@ -18914,13 +18918,13 @@ class ScreenWidgetModule {
             },
         });
         widgetService.register(AudioComponent, {
-            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',
@@ -19356,6 +19360,17 @@ AnnouncementModule.ctorParameters = () => [
     { type: WidgetService }
 ];
 
+const dayFormat = 'yyyy-MM-dd';
+/**
+ * 如果结束时间是仅日期的格式，加上一天
+ * @param event
+ */
+function updateEndTime(event) {
+    if (typeof event.end === 'string' && isMatch(event.end, dayFormat)) {
+        event.end = format(addDays(parse(event.end, dayFormat, new Date()), 1), dayFormat);
+    }
+}
+
 const ɵ0$d = { type: 'string', title: 'id' };
 let CalendarComponent = class CalendarComponent {
     constructor(router, cd) {
@@ -19369,7 +19384,7 @@ let CalendarComponent = class CalendarComponent {
             { end: '2020-07-22', start: '2020-07-20', title: 'event 5' },
         ];
         this.dataClick = new EventEmitter();
-        this.typeChange = new EventEmitter();
+        this.datesSetChange = new EventEmitter();
         this.eventMap = new Map();
         this.eventClick = (event) => {
             this.dataClick.emit({ id: event.id, title: event.title });
@@ -19379,14 +19394,21 @@ let CalendarComponent = class CalendarComponent {
         var _a;
         if (changes.data) {
             if ((_a = this.data) === null || _a === void 0 ? void 0 : _a.length) {
-                const events = this.data.map((item) => (Object.assign(Object.assign({}, item), { extendedProps: {
-                        eventClick: this.eventClick,
-                    } })));
+                const events = this.data.map((item) => {
+                    const 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,
@@ -19444,9 +19466,12 @@ let CalendarComponent = class CalendarComponent {
                 // this.dataClick.emit({ id: info.event.id, title: info.event.title });
             },
             datesSet: (arg) => {
+                console.log(arg);
                 let type = arg.view.type;
                 type = type.substring(type.indexOf('Grid') + 4).toLowerCase();
-                this.typeChange.emit(type);
+                const start = format(arg.start, 'yyyy-MM-dd');
+                const end = format(arg.end, 'yyyy-MM-dd');
+                this.datesSetChange.emit({ type, start, end });
             },
         };
         this.cd.markForCheck();
@@ -19487,9 +19512,15 @@ __decorate([
     __metadata("design:type", Object)
 ], CalendarComponent.prototype, "dataClick", void 0);
 __decorate([
-    DataOutput('视图类型'),
+    DataOutput({
+        properties: {
+            type: { type: 'string', title: '视图类型' },
+            start: { type: 'string', title: '开始时间' },
+            end: { type: 'string', title: '结束时间' },
+        },
+    }, { triggerLink: false }),
     __metadata("design:type", Object)
-], CalendarComponent.prototype, "typeChange", void 0);
+], CalendarComponent.prototype, "datesSetChange", void 0);
 CalendarComponent = __decorate([
     Widget('日历', {
         group: 'component',
@@ -19508,13 +19539,6 @@ class CalendarEventsChild {
         if (changes.data) {
             if (this.data) {
                 let events = this.getEvents(this.data);
-                if (events && this.eventClick) {
-                    events = events.map((event) => {
-                        return Object.assign(Object.assign({}, event), { extendedProps: {
-                                eventClick: this.eventClick,
-                            } });
-                    });
-                }
                 this.parent.setEvents(this.id, events);
             }
             else {
@@ -19550,6 +19574,7 @@ let BackgroundEventsComponent = class BackgroundEventsComponent extends Calendar
             if (!event.color && this.color) {
                 event.color = this.color;
             }
+            updateEndTime(event);
             return event;
         });
     }
@@ -19606,10 +19631,13 @@ let EventsComponent = class EventsComponent extends CalendarEventsChild {
     }
     getEvents(data) {
         return data.map((item) => {
-            const event = Object.assign({}, item);
+            const event = Object.assign(Object.assign({}, item), { extendedProps: {
+                    eventClick: this.eventClick,
+                } });
             if (!event.color && this.color) {
                 event.color = this.color;
             }
+            updateEndTime(event);
             return event;
         });
     }
@@ -19741,7 +19769,7 @@ __decorate([
 ], TabsComponent.prototype, "tabBarGutter", void 0);
 TabsComponent = __decorate([
     Widget('标签页', {
-        group: 'component',
+        group: 'component', image: 'assets/img/screen/tabs.png', icon: 'iconmokuai',
         children: [
             {
                 title: '选项卡1',
@@ -20177,13 +20205,13 @@ class WorkbenchWidgetModule {
             size: { width: 7, height: 3 },
         });
         widgetService.register(AudioComponent, {
-            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',