bbj-screen-widget 2.4.56 → 2.4.58

package/fesm2015/bbj-screen-widget.js

@@ -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';
@@ -6074,12 +6074,7 @@ let RadarChartComponent = class RadarChartComponent extends BasicLineChartCompon
                     indicator: [],
                 },
                 color: this.lineColor,
-                grid: {
-                    top: this.grid.top,
-                    right: this.grid.right,
-                    left: this.grid.left,
-                    bottom: this.grid.bottom,
-                },
+                grid: this.grid,
                 series: [
                     {
                         label: {
@@ -9016,182 +9011,219 @@ let PlanimetricMap2dComponent = PlanimetricMap2dComponent_1 = class PlanimetricM
         this.data = [];
         this.areaClick = new EventEmitter();
         this.nameMap = {
+            Somalia: '索马里',
+            Liechtenstein: '列支敦士登',
+            Morocco: '摩洛哥',
+            'W. Sahara': '西撒哈拉',
+            Serbia: '塞尔维亚',
             Afghanistan: '阿富汗',
-            Albania: '阿尔巴尼亚',
-            Algeria: '阿尔及利亚',
             Angola: '安哥拉',
+            Albania: '阿尔巴尼亚',
+            Aland: '奥兰群岛',
+            Andorra: '安道尔',
+            'United Arab Emirates': '阿拉伯联合酋长国',
             Argentina: '阿根廷',
             Armenia: '亚美尼亚',
+            'American Samoa': '美属萨摩亚',
+            'Fr. S. Antarctic Lands': '法属南部领地',
+            'Antigua and Barb.': '安提瓜和巴布达',
             Australia: '澳大利亚',
             Austria: '奥地利',
             Azerbaijan: '阿塞拜疆',
+            Burundi: '布隆迪',
+            Belgium: '比利时',
+            Benin: '贝宁',
+            'Burkina Faso': '布基纳法索',
             Bangladesh: '孟加拉国',
+            Bulgaria: '保加利亚',
+            Bahrain: '巴林',
+            Bahamas: '巴哈马',
+            'Bosnia and Herz.': '波斯尼亚和黑塞哥维那',
             Belarus: '白俄罗斯',
-            Belgium: '比利时',
             Belize: '伯利兹',
-            Benin: '贝宁',
             Bermuda: '百慕大',
-            Bhutan: '不丹',
             Bolivia: '玻利维亚',
-            'Bosnia and Herzegovina': '波斯尼亚和黑塞哥维那',
-            Botswana: '博茨瓦纳',
             Brazil: '巴西',
+            Barbados: '巴巴多斯',
             Brunei: '文莱',
-            Bulgaria: '保加利亚',
-            'Burkina Faso': '布基纳法索',
-            Burundi: '布隆迪',
-            Cambodia: '柬埔寨',
-            Cameroon: '喀麦隆',
+            Bhutan: '不丹',
+            Botswana: '博茨瓦纳',
+            'Central African Rep.': '中非共和国',
             Canada: '加拿大',
-            'Central African Republic': '中非共和国',
-            Chad: '乍得',
+            Switzerland: '瑞士',
             Chile: '智利',
             China: '中国',
+            "Côte d'Ivoire": '科特迪瓦',
+            Cameroon: '喀麦隆',
+            'Dem. Rep. Congo': '刚果（金）',
+            Congo: '刚果（布）',
             Colombia: '哥伦比亚',
+            Comoros: '科摩罗',
+            'Cape Verde': '佛得角',
             'Costa Rica': '哥斯达黎加',
-            Croatia: '克罗地亚',
             Cuba: '古巴',
+            Curaçao: '库拉索',
+            'Cayman Is.': '开曼群岛',
+            'N. Cyprus': '北塞浦路斯',
             Cyprus: '塞浦路斯',
-            'Czech Republic': '捷克共和国',
-            'Democratic Republic of the Congo': '刚果民主共和国',
-            Denmark: '丹麦',
+            'Czech Rep.': '捷克',
+            Germany: '德国',
             Djibouti: '吉布提',
-            'Dominican Republic': '多明尼加共和国',
-            'East Timor': '东帝汶',
+            Dominica: '多米尼克',
+            Denmark: '丹麦',
+            'Dominican Rep.': '多米尼加',
+            Algeria: '阿尔及利亚',
             Ecuador: '厄瓜多尔',
             Egypt: '埃及',
-            'El Salvador': '萨尔瓦多',
-            'Equatorial Guinea': '赤道几内亚',
             Eritrea: '厄立特里亚',
+            Spain: '西班牙',
             Estonia: '爱沙尼亚',
             Ethiopia: '埃塞俄比亚',
-            'Falkland Islands': '福克兰群岛',
-            Fiji: '斐',
             Finland: '芬兰',
+            Fiji: '斐济',
+            'Falkland Is.': '福克兰群岛',
             France: '法国',
-            'French Guiana': '法属圭亚那',
-            'French Southern and Antarctic Lands': '法属南半球和南极领地',
+            'Faeroe Is.': '法罗群岛',
+            Micronesia: '密克罗尼西亚',
             Gabon: '加蓬',
-            Gambia: '冈比亚',
+            'United Kingdom': '英国',
             Georgia: '格鲁吉亚',
-            Germany: '德国',
             Ghana: '加纳',
+            Guinea: '几内亚',
+            Gambia: '冈比亚',
+            'Guinea-Bissau': '几内亚比绍',
+            'Eq. Guinea': '赤道几内亚',
             Greece: '希腊',
+            Grenada: '格林纳达',
             Greenland: '格陵兰',
             Guatemala: '危地马拉',
-            Guinea: '几内亚',
-            'Guinea Bissau': '几内亚比绍',
+            Guam: '关岛',
             Guyana: '圭亚那',
-            Haiti: '海地',
+            'Heard I. and McDonald Is.': '赫德岛和麦克唐纳群岛',
             Honduras: '洪都拉斯',
+            Croatia: '克罗地亚',
+            Haiti: '海地',
             Hungary: '匈牙利',
-            Iceland: '冰岛',
+            Indonesia: '印度尼西亚',
+            'Isle of Man': '马恩岛',
             India: '印度',
-            Indonesia: '印尼',
+            'Br. Indian Ocean Ter.': '英属印度洋领地',
+            Ireland: '爱尔兰',
             Iran: '伊朗',
             Iraq: '伊拉克',
-            Ireland: '爱尔兰',
+            Iceland: '冰岛',
             Israel: '以色列',
             Italy: '意大利',
-            'Ivory Coast': '象牙海岸',
             Jamaica: '牙买加',
-            Japan: '日本',
+            Jersey: '泽西岛',
             Jordan: '约旦',
+            Japan: '日本',
+            'Siachen Glacier': '锡亚琴冰川',
             Kazakhstan: '哈萨克斯坦',
             Kenya: '肯尼亚',
-            Kosovo: '科索沃',
-            Kuwait: '科威特',
             Kyrgyzstan: '吉尔吉斯斯坦',
-            Laos: '老挝',
-            Latvia: '拉脱维亚',
+            Cambodia: '柬埔寨',
+            Kiribati: '基里巴斯',
+            Korea: '韩国',
+            Kuwait: '科威特',
+            'Lao PDR': '老挝',
             Lebanon: '黎巴嫩',
-            Lesotho: '莱索托',
             Liberia: '利比里亚',
             Libya: '利比亚',
+            'Saint Lucia': '圣卢西亚',
+            'Sri Lanka': '斯里兰卡',
+            Lesotho: '莱索托',
             Lithuania: '立陶宛',
             Luxembourg: '卢森堡',
-            Macedonia: '马其顿',
+            Latvia: '拉脱维亚',
+            Moldova: '摩尔多瓦',
             Madagascar: '马达加斯加',
-            Malawi: '马拉维',
-            Malaysia: '马来西亚',
-            Mali: '马里',
-            Mauritania: '毛里塔尼亚',
             Mexico: '墨西哥',
-            Moldova: '摩尔多瓦',
-            Mongolia: '蒙古',
+            Macedonia: '北马其顿',
+            Mali: '马里',
+            Malta: '马耳他',
+            Myanmar: '缅甸',
             Montenegro: '黑山',
-            Morocco: '摩洛哥',
+            Mongolia: '蒙古',
+            'N. Mariana Is.': '北马里亚纳群岛',
             Mozambique: '莫桑比克',
-            Myanmar: '缅甸',
+            Mauritania: '毛里塔尼亚',
+            Montserrat: '蒙特塞拉特',
+            Mauritius: '毛里求斯',
+            Malawi: '马拉维',
+            Malaysia: '马来西亚',
             Namibia: '纳米比亚',
-            Nepal: '尼泊尔',
-            Netherlands: '荷兰',
             'New Caledonia': '新喀里多尼亚',
-            'New Zealand': '新西兰',
-            Nicaragua: '尼加拉瓜',
             Niger: '尼日尔',
             Nigeria: '尼日利亚',
-            'North Korea': '北朝鲜',
-            'Northern Cyprus': '北塞浦路斯',
+            Nicaragua: '尼加拉瓜',
+            Niue: '纽埃',
+            Netherlands: '荷兰',
             Norway: '挪威',
+            Nepal: '尼泊尔',
+            'New Zealand': '新西兰',
             Oman: '阿曼',
             Pakistan: '巴基斯坦',
             Panama: '巴拿马',
-            'Papua New Guinea': '巴布亚新几内亚',
-            Paraguay: '巴拉圭',
             Peru: '秘鲁',
             Philippines: '菲律宾',
+            Palau: '帕劳',
+            'Papua New Guinea': '巴布亚新几内亚',
             Poland: '波兰',
-            Portugal: '葡萄牙',
             'Puerto Rico': '波多黎各',
+            'Dem. Rep. Korea': '朝鲜',
+            Portugal: '葡萄牙',
+            Paraguay: '巴拉圭',
+            Palestine: '巴勒斯坦',
+            'Fr. Polynesia': '法属波利尼西亚',
             Qatar: '卡塔尔',
-            'Republic of Serbia': '塞尔维亚',
-            'Republic of the Congo': '刚果共和国',
             Romania: '罗马尼亚',
             Russia: '俄罗斯',
             Rwanda: '卢旺达',
             'Saudi Arabia': '沙特阿拉伯',
+            Sudan: '苏丹',
+            'S. Sudan': '南苏丹',
             Senegal: '塞内加尔',
-            'Sierra Leone': '塞拉利昂',
             Singapore: '新加坡',
+            'S. Geo. and S. Sandw. Is.': '南乔治亚岛和南桑威奇群岛',
+            'Saint Helena': '圣赫勒拿',
+            'Solomon Is.': '所罗门群岛',
+            'Sierra Leone': '塞拉利昂',
+            'El Salvador': '萨尔瓦多',
+            'St. Pierre and Miquelon': '圣皮埃尔和密克隆',
+            'São Tomé and Principe': '圣多美和普林西比',
+            Suriname: '苏里南',
             Slovakia: '斯洛伐克',
             Slovenia: '斯洛文尼亚',
-            'Solomon Islands': '所罗门群岛',
-            Somalia: '索马里',
-            Somaliland: '索马里兰',
-            'South Africa': '南非',
-            'South Korea': '韩国',
-            'South Sudan': '南苏丹',
-            Spain: '西班牙',
-            'Sri Lanka': '斯里兰卡',
-            Sudan: '苏丹',
-            Suriname: '苏里南',
-            Swaziland: '斯威士兰',
             Sweden: '瑞典',
-            Switzerland: '瑞士',
+            Swaziland: '斯威士兰',
+            Seychelles: '塞舌尔',
             Syria: '叙利亚',
-            Tajikistan: '塔吉克斯坦',
-            Thailand: '泰国',
-            'The Bahamas': '巴哈马',
+            'Turks and Caicos Is.': '特克斯和凯科斯群岛',
+            Chad: '乍得',
             Togo: '多哥',
-            'Trinidad and Tobago': '特里尼达和多巴哥',
+            Thailand: '泰国',
+            Tajikistan: '塔吉克斯坦',
+            Turkmenistan: '土库曼斯坦',
+            'Timor-Leste': '东帝汶',
+            Tonga: '汤加',
+            'Trinidad and Tobago': '特立尼达和多巴哥',
             Tunisia: '突尼斯',
             Turkey: '土耳其',
-            Turkmenistan: '土库曼斯坦',
+            Tanzania: '坦桑尼亚',
             Uganda: '乌干达',
             Ukraine: '乌克兰',
-            'United Arab Emirates': '阿联酋',
-            'United Kingdom': '英国',
-            'United Republic of Tanzania': '坦桑尼亚',
-            'United States': '美国',
             Uruguay: '乌拉圭',
+            'United States': '美国',
             Uzbekistan: '乌兹别克斯坦',
-            Vanuatu: '瓦努阿图',
+            'St. Vin. and Gren.': '圣文森特和格林纳丁斯',
             Venezuela: '委内瑞拉',
+            'U.S. Virgin Is.': '美属维尔京群岛',
             Vietnam: '越南',
-            'West Bank': '西岸',
-            'Western Sahara': '西撒哈拉',
+            Vanuatu: '瓦努阿图',
+            Samoa: '萨摩亚',
             Yemen: '也门',
+            'South Africa': '南非',
             Zambia: '赞比亚',
             Zimbabwe: '津巴布韦',
         };
@@ -18117,7 +18149,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);
 
@@ -18431,7 +18463,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);
 
@@ -18575,7 +18607,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);
 
@@ -18882,13 +18914,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',
@@ -19324,10 +19356,22 @@ 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) {
+    constructor(router, cd) {
         this.router = router;
+        this.cd = cd;
         this.isInitialDate = true;
         this.initialDate = '2020-07-18';
         this.data = [
@@ -19336,55 +19380,106 @@ let CalendarComponent = class CalendarComponent {
             { end: '2020-07-22', start: '2020-07-20', title: 'event 5' },
         ];
         this.dataClick = new EventEmitter();
+        this.datesSetChange = new EventEmitter();
+        this.eventMap = new Map();
+        this.eventClick = (event) => {
+            this.dataClick.emit({ id: event.id, title: event.title });
+        };
     }
     ngOnChanges(changes) {
+        var _a;
         if (changes.data) {
+            if ((_a = this.data) === null || _a === void 0 ? void 0 : _a.length) {
+                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);
+            }
             // const events = this.data.map((item) => ({
             //   id: item.id,
             //   start: item.start.indexOf(' 00:00:00') > -1 ? item.start.split(' ')[0] : item.start,
             //   end: item.end.indexOf(' 00:00:00') > -1 ? item.end.split(' ')[0] : item.end,
             //   title: item.title,
             // }));
-            this.calendarOptions = {
-                headerToolbar: {
-                    left: 'prev,next today',
-                    center: 'title',
-                    right: 'timeGridDay,timeGridWeek,dayGridMonth',
-                },
-                buttonText: {
-                    dayGridMonth: '月',
-                    timeGridWeek: '周',
-                    timeGridDay: '日',
-                    today: '今日',
-                },
-                timeZone: 'local',
-                initialDate: this.isInitialDate ? this.initialDate : null,
-                events: this.data,
-                locale: 'zh',
-                eventTimeFormat: {
-                    hour: 'numeric',
-                    minute: '2-digit',
-                    hour12: false,
-                },
-                slotLabelFormat: { hour: 'numeric', minute: '2-digit', hour12: false },
-                eventClick: (info) => {
-                    info.jsEvent.preventDefault();
-                    this.dataClick.emit({ id: info.event.id, title: info.event.title });
-                },
-            };
         }
     }
     ngOnInit() { }
+    setEvents(key, events) {
+        this.eventMap.set(key, events);
+        this.update();
+    }
+    removeEvents(key) {
+        if (this.eventMap.has(key)) {
+            this.eventMap.delete(key);
+            this.update();
+        }
+    }
+    update() {
+        const events = [];
+        for (const event of this.eventMap.values()) {
+            if (event) {
+                events.push(...event);
+            }
+        }
+        this.calendarOptions = {
+            headerToolbar: {
+                left: 'prev,next today',
+                center: 'title',
+                right: 'timeGridDay,timeGridWeek,dayGridMonth',
+            },
+            buttonText: {
+                dayGridMonth: '月',
+                timeGridWeek: '周',
+                timeGridDay: '日',
+                today: '今日',
+            },
+            timeZone: 'local',
+            initialDate: this.isInitialDate ? this.initialDate : null,
+            events: events,
+            locale: 'zh',
+            eventTimeFormat: {
+                hour: 'numeric',
+                minute: '2-digit',
+                hour12: false,
+            },
+            slotLabelFormat: { hour: 'numeric', minute: '2-digit', hour12: false },
+            eventClick: (info) => {
+                var _a;
+                info.jsEvent.preventDefault();
+                if ((_a = info.event.extendedProps) === null || _a === void 0 ? void 0 : _a.eventClick) {
+                    info.event.extendedProps.eventClick(info.event);
+                }
+                // 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();
+                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();
+    }
 };
 CalendarComponent.decorators = [
     { type: Component, args: [{
                 selector: 'sc-calendar',
-                template: "<full-calendar *ngIf=\"calendarOptions\" [options]=\"calendarOptions\"></full-calendar>\n",
+                template: "<full-calendar *ngIf=\"calendarOptions\" [options]=\"calendarOptions\"></full-calendar>\n<ng-template *ngFor=\"let child of children\" widget-host [widget]=\"child\"></ng-template>\n",
                 styles: [":host ::ng-deep .fc-direction-ltr{height:100%}:host ::ng-deep .fc .fc-view-harness{padding-bottom:0!important}:host ::ng-deep .fc-license-message{display:none}:host ::ng-deep .fc-daygrid-event{white-space:normal}"]
             },] }
 ];
 CalendarComponent.ctorParameters = () => [
-    { type: Router }
+    { type: Router },
+    { type: ChangeDetectorRef }
 ];
 __decorate([
     Property('是否自定义初始日期', { ui: { format: 'date', widget: 'checkbox', spanLabel: 0, spanControl: 24 } }),
@@ -19409,11 +19504,176 @@ __decorate([
     DataOutput(['id', 'title']),
     __metadata("design:type", Object)
 ], CalendarComponent.prototype, "dataClick", void 0);
+__decorate([
+    DataOutput({
+        properties: {
+            type: { type: 'string', title: '视图类型' },
+            start: { type: 'string', title: '开始时间' },
+            end: { type: 'string', title: '结束时间' },
+        },
+    }, { triggerLink: false }),
+    __metadata("design:type", Object)
+], CalendarComponent.prototype, "datesSetChange", void 0);
 CalendarComponent = __decorate([
-    Widget('日历', { group: 'component', image: 'assets/img/screen/rili.png', icon: 'iconmokuai' }),
-    __metadata("design:paramtypes", [Router])
+    Widget('日历', {
+        group: 'component',
+        image: 'assets/img/screen/rili.png',
+        icon: 'iconmokuai',
+        childTypes: ['sc-calendar-events', 'sc-calendar-background-events'],
+    }),
+    __metadata("design:paramtypes", [Router, ChangeDetectorRef])
 ], CalendarComponent);
 
+class CalendarEventsChild {
+    constructor(parent) {
+        this.parent = parent;
+    }
+    ngOnChanges(changes) {
+        if (changes.data) {
+            if (this.data) {
+                let events = this.getEvents(this.data);
+                this.parent.setEvents(this.id, events);
+            }
+            else {
+                this.parent.removeEvents(this.id);
+            }
+        }
+    }
+    ngOnDestroy() {
+        this.parent.removeEvents(this.id);
+    }
+}
+CalendarEventsChild.decorators = [
+    { type: Directive }
+];
+CalendarEventsChild.ctorParameters = () => [
+    { type: CalendarComponent }
+];
+
+const ɵ0$e = { type: 'string', title: 'id' };
+let BackgroundEventsComponent = class BackgroundEventsComponent extends CalendarEventsChild {
+    constructor(parent) {
+        super(parent);
+        this.parent = parent;
+        this.data = [
+            { end: '2020-07-21 00:00:00', start: '2020-07-19 00:00:00', title: 'event 3' },
+            { end: '2020-07-19 00:00:00', start: '2020-07-18 00:00:00', title: 'event 4' },
+            { end: '2020-07-22', start: '2020-07-20', title: 'event 5' },
+        ];
+    }
+    getEvents(data) {
+        return data.map((item) => {
+            const event = Object.assign(Object.assign({}, item), { display: 'background' });
+            if (!event.color && this.color) {
+                event.color = this.color;
+            }
+            updateEndTime(event);
+            return event;
+        });
+    }
+};
+BackgroundEventsComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'sc-calendar-background-events',
+                template: "",
+                styles: [""]
+            },] }
+];
+BackgroundEventsComponent.ctorParameters = () => [
+    { type: CalendarComponent }
+];
+__decorate([
+    Property('颜色', {
+        ui: {
+            widget: 'myColor',
+        },
+    }),
+    __metadata("design:type", String)
+], BackgroundEventsComponent.prototype, "color", void 0);
+__decorate([
+    Data({
+        properties: {
+            id: ɵ0$e,
+            start: { type: 'string', title: '开始日期' },
+            end: { type: 'string', title: '结束日期' },
+            title: { type: 'string', title: '标题' },
+            color: { type: 'string', title: '背景颜色' },
+        },
+    }),
+    __metadata("design:type", Array)
+], BackgroundEventsComponent.prototype, "data", void 0);
+BackgroundEventsComponent = __decorate([
+    Widget('背景颜色', { hidden: true }),
+    __metadata("design:paramtypes", [CalendarComponent])
+], BackgroundEventsComponent);
+
+const ɵ0$f = { type: 'string', title: 'id' };
+let EventsComponent = class EventsComponent extends CalendarEventsChild {
+    constructor(parent) {
+        super(parent);
+        this.parent = parent;
+        this.data = [
+            { end: '2020-07-21 00:00:00', start: '2020-07-19 00:00:00', title: 'event 3' },
+            { end: '2020-07-19 00:00:00', start: '2020-07-18 00:00:00', title: 'event 4' },
+            { end: '2020-07-22', start: '2020-07-20', title: 'event 5' },
+        ];
+        this.dataClick = new EventEmitter();
+        this.eventClick = (event) => {
+            this.dataClick.emit(event);
+        };
+    }
+    getEvents(data) {
+        return data.map((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;
+        });
+    }
+};
+EventsComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'sc-calendar-events',
+                template: "",
+                styles: [""]
+            },] }
+];
+EventsComponent.ctorParameters = () => [
+    { type: CalendarComponent }
+];
+__decorate([
+    Property('颜色', {
+        ui: {
+            widget: 'myColor',
+        },
+    }),
+    __metadata("design:type", String)
+], EventsComponent.prototype, "color", void 0);
+__decorate([
+    Data({
+        properties: {
+            id: ɵ0$f,
+            start: { type: 'string', title: '开始日期' },
+            end: { type: 'string', title: '结束日期' },
+            title: { type: 'string', title: '标题' },
+            color: { type: 'string', title: '颜色' },
+        },
+    }),
+    __metadata("design:type", Array)
+], EventsComponent.prototype, "data", void 0);
+__decorate([
+    DataOutput(['id', 'title']),
+    __metadata("design:type", Object)
+], EventsComponent.prototype, "dataClick", void 0);
+EventsComponent = __decorate([
+    Widget('事件', { hidden: true }),
+    __metadata("design:paramtypes", [CalendarComponent])
+], EventsComponent);
+
 class CalendarModule {
     constructor(widgetService) {
         FullCalendarModule.registerPlugins([
@@ -19422,11 +19682,13 @@ class CalendarModule {
             interactionPlugin,
         ]);
         widgetService.register(CalendarComponent);
+        widgetService.register(EventsComponent);
+        widgetService.register(BackgroundEventsComponent);
     }
 }
 CalendarModule.decorators = [
     { type: NgModule, args: [{
-                declarations: [CalendarComponent],
+                declarations: [CalendarComponent, BackgroundEventsComponent, EventsComponent],
                 imports: [CommonModule, WidgetBaseModule, FullCalendarModule],
             },] }
 ];
@@ -19500,7 +19762,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',
@@ -19936,13 +20198,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',
@@ -20338,5 +20600,5 @@ WorkbenchWidgetModule.ctorParameters = () => [
  * Generated bundle index. Do not edit.
  */
 
-export { AudioModule, BarChartThreeDModule, BasicBarChartComponent, BasicBarChartModule, BasicLineChartModule, BasicPieChartModule, BasicPlanimetricMapModule, BubbleChartModule, CheckboxModule, CommonService, CrossTableModule, CustomBaiduMapModule, DatePickerModule, FileUrlService, FunnelChartModule, GaodeMapService, GaugeModule, IframeModule, LiquidFillModule, MarqueeModule, PercentPieChartModule, PlanimetricMap2dModule, PlanimetricMap3dModule, RadarChartModule, Scatter3dModule, ScreenWidgetModule, SelectModule, TableModule, TreeControlModule, TreeRingChartModule, VideoPlayerModule, VisualMapChartModule, WorkbenchWidgetModule, ɵ0$2 as ɵ0, ɵ1$2 as ɵ1, ɵ2$2 as ɵ2, ɵ3$2 as ɵ3, ImageModule as ɵa, ImageComponent as ɵb, WeatherModule as ɵba, WeatherComponent as ɵbb, RadioModule as ɵbc, RadioComponent as ɵbd, CheckboxComponent as ɵbe, RateModule as ɵbf, RateComponent as ɵbg, GeneralTextModule as ɵbh, GeneralTextComponent as ɵbi, MarqueeComponent as ɵbj, WordartModule as ɵbk, WordartComponent as ɵbl, IconfontModule as ɵbm, IconfontComponent as ɵbn, TableComponent as ɵbo, AudioComponent as ɵbp, VideoPlayerComponent as ɵbq, ShapeModule as ɵbr, ShapeComponent as ɵbs, BackgroundModule as ɵbt, BackgroundComponent as ɵbu, ShufflingListModule as ɵbv, ShufflingListComponent as ɵbw, ColorPipe as ɵbx, BasicPlanimetricMapComponent as ɵby, ParentContainerComponent as ɵbz, BasicLineChartComponent as ɵc, BreathingBubbleLayerModule as ɵca, BreathingBubbleLayerComponent as ɵcb, PlanimetricMap2dComponent as ɵcc, FlyLineLayerModule as ɵcd, FlyLineLayerComponent as ɵce, Map2dPolylineLayerModule as ɵcf, Map2dPolylineLayerComponent as ɵcg, Map2dMarkLayerModule as ɵch, Map2dMarkLayerComponent as ɵci, Map2dVisualLayerModule as ɵcj, Map2dVisualLayerComponent as ɵck, ParentContainerModule as ɵcl, PlanimetricMap3dComponent as ɵcm, Map3dMarkLayerModule as ɵcn, Map3dMarkLayerComponent as ɵco, Map3dLineLayerModule as ɵcp, Map3dLineLayerComponent as ɵcq, MipAnimModule as ɵcr, MipAnimComponent as ɵcs, TreeControlComponent as ɵct, VisualMapChartComponent as ɵcu, DatePickerComponent as ɵcv, TimePickerModule as ɵcw, TimePickerComponent as ɵcx, CustomBaiduMapComponent as ɵcy, BaiduMarkerLayerComponent as ɵcz, BasicPieChartComponent as ɵd, BaseLayer as ɵda, BaiduPolylineLayerComponent as ɵdb, WindLayerComponent as ɵdc, TyphoonAreaLayerComponent as ɵdd, UploadModule as ɵde, UploadComponent as ɵdf, CrossTableComponent as ɵdg, Pie3dChartModule as ɵdh, Pie3dChartComponent as ɵdi, HighChartsService as ɵdj, MultiTitleGaugeModule as ɵdk, MultiTitleGaugeComponent as ɵdl, GaugeProgressModule as ɵdm, GaugeProgressComponent as ɵdn, ItemSwiperModule as ɵdo, ItemSwiperComponent as ɵdp, BulletinBoardModule as ɵdq, BulletinBoardComponent as ɵdr, TemporaryDataModule as ɵds, TemporaryDataComponent as ɵdt, LineLightFlowModule as ɵdu, LineLightFlowComponent as ɵdv, IframeComponent as ɵdw, VideoGridModule as ɵdx, VideoGridComponent as ɵdy, Scatter3dComponent as ɵdz, LineBarChartModule as ɵe, AnnouncementModule as ɵea, AnnouncementComponent as ɵeb, TabsModule as ɵec, TabsComponent as ɵed, TabComponent as ɵee, CalendarModule as ɵef, CalendarComponent as ɵeg, GanttModule as ɵeh, GanttComponent as ɵei, LineBarChartComponent as ɵf, BarChartThreeDComponent as ɵg, BubbleChartComponent as ɵh, RadarChartComponent as ɵi, FunnelChartComponent as ɵj, PercentPieChartComponent as ɵk, TreeRingChartComponent as ɵl, GaugeComponent as ɵm, LiquidFillComponent as ɵn, ButtonModule as ɵo, ButtonComponent as ɵp, HttpService as ɵq, TimerModule as ɵr, TimerComponent as ɵs, NumberFlopModule as ɵt, NumberFlopComponent as ɵu, VoteModule as ɵv, VoteComponent as ɵw, SelectComponent as ɵx, SearchModule as ɵy, SearchComponent as ɵz };
+export { AudioModule, BarChartThreeDModule, BasicBarChartComponent, BasicBarChartModule, BasicLineChartModule, BasicPieChartModule, BasicPlanimetricMapModule, BubbleChartModule, CheckboxModule, CommonService, CrossTableModule, CustomBaiduMapModule, DatePickerModule, FileUrlService, FunnelChartModule, GaodeMapService, GaugeModule, IframeModule, LiquidFillModule, MarqueeModule, PercentPieChartModule, PlanimetricMap2dModule, PlanimetricMap3dModule, RadarChartModule, Scatter3dModule, ScreenWidgetModule, SelectModule, TableModule, TreeControlModule, TreeRingChartModule, VideoPlayerModule, VisualMapChartModule, WorkbenchWidgetModule, ɵ0$2 as ɵ0, ɵ1$2 as ɵ1, ɵ2$2 as ɵ2, ɵ3$2 as ɵ3, ImageModule as ɵa, ImageComponent as ɵb, WeatherModule as ɵba, WeatherComponent as ɵbb, RadioModule as ɵbc, RadioComponent as ɵbd, CheckboxComponent as ɵbe, RateModule as ɵbf, RateComponent as ɵbg, GeneralTextModule as ɵbh, GeneralTextComponent as ɵbi, MarqueeComponent as ɵbj, WordartModule as ɵbk, WordartComponent as ɵbl, IconfontModule as ɵbm, IconfontComponent as ɵbn, TableComponent as ɵbo, AudioComponent as ɵbp, VideoPlayerComponent as ɵbq, ShapeModule as ɵbr, ShapeComponent as ɵbs, BackgroundModule as ɵbt, BackgroundComponent as ɵbu, ShufflingListModule as ɵbv, ShufflingListComponent as ɵbw, ColorPipe as ɵbx, BasicPlanimetricMapComponent as ɵby, ParentContainerComponent as ɵbz, BasicLineChartComponent as ɵc, BreathingBubbleLayerModule as ɵca, BreathingBubbleLayerComponent as ɵcb, PlanimetricMap2dComponent as ɵcc, FlyLineLayerModule as ɵcd, FlyLineLayerComponent as ɵce, Map2dPolylineLayerModule as ɵcf, Map2dPolylineLayerComponent as ɵcg, Map2dMarkLayerModule as ɵch, Map2dMarkLayerComponent as ɵci, Map2dVisualLayerModule as ɵcj, Map2dVisualLayerComponent as ɵck, ParentContainerModule as ɵcl, PlanimetricMap3dComponent as ɵcm, Map3dMarkLayerModule as ɵcn, Map3dMarkLayerComponent as ɵco, Map3dLineLayerModule as ɵcp, Map3dLineLayerComponent as ɵcq, MipAnimModule as ɵcr, MipAnimComponent as ɵcs, TreeControlComponent as ɵct, VisualMapChartComponent as ɵcu, DatePickerComponent as ɵcv, TimePickerModule as ɵcw, TimePickerComponent as ɵcx, CustomBaiduMapComponent as ɵcy, BaiduMarkerLayerComponent as ɵcz, BasicPieChartComponent as ɵd, BaseLayer as ɵda, BaiduPolylineLayerComponent as ɵdb, WindLayerComponent as ɵdc, TyphoonAreaLayerComponent as ɵdd, UploadModule as ɵde, UploadComponent as ɵdf, CrossTableComponent as ɵdg, Pie3dChartModule as ɵdh, Pie3dChartComponent as ɵdi, HighChartsService as ɵdj, MultiTitleGaugeModule as ɵdk, MultiTitleGaugeComponent as ɵdl, GaugeProgressModule as ɵdm, GaugeProgressComponent as ɵdn, ItemSwiperModule as ɵdo, ItemSwiperComponent as ɵdp, BulletinBoardModule as ɵdq, BulletinBoardComponent as ɵdr, TemporaryDataModule as ɵds, TemporaryDataComponent as ɵdt, LineLightFlowModule as ɵdu, LineLightFlowComponent as ɵdv, IframeComponent as ɵdw, VideoGridModule as ɵdx, VideoGridComponent as ɵdy, Scatter3dComponent as ɵdz, LineBarChartModule as ɵe, AnnouncementModule as ɵea, AnnouncementComponent as ɵeb, TabsModule as ɵec, TabsComponent as ɵed, TabComponent as ɵee, CalendarModule as ɵef, CalendarComponent as ɵeg, BackgroundEventsComponent as ɵeh, CalendarEventsChild as ɵei, EventsComponent as ɵej, GanttModule as ɵek, GanttComponent as ɵel, LineBarChartComponent as ɵf, BarChartThreeDComponent as ɵg, BubbleChartComponent as ɵh, RadarChartComponent as ɵi, FunnelChartComponent as ɵj, PercentPieChartComponent as ɵk, TreeRingChartComponent as ɵl, GaugeComponent as ɵm, LiquidFillComponent as ɵn, ButtonModule as ɵo, ButtonComponent as ɵp, HttpService as ɵq, TimerModule as ɵr, TimerComponent as ɵs, NumberFlopModule as ɵt, NumberFlopComponent as ɵu, VoteModule as ɵv, VoteComponent as ɵw, SelectComponent as ɵx, SearchModule as ɵy, SearchComponent as ɵz };
 //# sourceMappingURL=bbj-screen-widget.js.map