bbj-screen-widget 2.4.56 → 2.4.58

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

@@ -6662,12 +6662,7 @@
                         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: {
@@ -9683,182 +9678,219 @@
             _this.data = [];
             _this.areaClick = new i0.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: '津巴布韦',
             };
@@ -19078,7 +19110,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);
 
@@ -19399,7 +19431,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);
 
@@ -19546,7 +19578,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);
 
@@ -19856,13 +19888,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',
@@ -20301,10 +20333,23 @@
         { 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) {
+        function CalendarComponent(router, cd) {
+            var _this = this;
             this.router = router;
+            this.cd = cd;
             this.isInitialDate = true;
             this.initialDate = '2020-07-18';
             this.data = [
@@ -20313,57 +20358,120 @@
                 { end: '2020-07-22', start: '2020-07-20', title: 'event 5' },
             ];
             this.dataClick = 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 });
+            };
         }
         CalendarComponent.prototype.ngOnChanges = function (changes) {
             var _this = this;
+            var _a;
             if (changes.data) {
+                if ((_a = this.data) === null || _a === void 0 ? void 0 : _a.length) {
+                    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);
+                }
                 // 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: function (info) {
-                        info.jsEvent.preventDefault();
-                        _this.dataClick.emit({ id: info.event.id, title: info.event.title });
-                    },
-                };
             }
         };
         CalendarComponent.prototype.ngOnInit = function () { };
+        CalendarComponent.prototype.setEvents = function (key, events) {
+            this.eventMap.set(key, events);
+            this.update();
+        };
+        CalendarComponent.prototype.removeEvents = function (key) {
+            if (this.eventMap.has(key)) {
+                this.eventMap.delete(key);
+                this.update();
+            }
+        };
+        CalendarComponent.prototype.update = function () {
+            var e_1, _b;
+            var _this = this;
+            var events = [];
+            try {
+                for (var _c = __values(this.eventMap.values()), _d = _c.next(); !_d.done; _d = _c.next()) {
+                    var event = _d.value;
+                    if (event) {
+                        events.push.apply(events, __spread(event));
+                    }
+                }
+            }
+            catch (e_1_1) { e_1 = { error: e_1_1 }; }
+            finally {
+                try {
+                    if (_d && !_d.done && (_b = _c.return)) _b.call(_c);
+                }
+                finally { if (e_1) throw e_1.error; }
+            }
+            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: function (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: function (arg) {
+                    console.log(arg);
+                    var type = arg.view.type;
+                    type = type.substring(type.indexOf('Grid') + 4).toLowerCase();
+                    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();
+        };
         return CalendarComponent;
     }());
     exports.ɵeg.decorators = [
         { type: i0.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}"]
                 },] }
     ];
     exports.ɵeg.ctorParameters = function () { return [
-        { type: router.Router }
+        { type: router.Router },
+        { type: i0.ChangeDetectorRef }
     ]; };
     __decorate([
         bbjWidgetBase.Property('是否自定义初始日期', { ui: { format: 'date', widget: 'checkbox', spanLabel: 0, spanControl: 24 } }),
@@ -20388,11 +20496,185 @@
         bbjWidgetBase.DataOutput(['id', 'title']),
         __metadata("design:type", Object)
     ], exports.ɵeg.prototype, "dataClick", void 0);
+    __decorate([
+        bbjWidgetBase.DataOutput({
+            properties: {
+                type: { type: 'string', title: '视图类型' },
+                start: { type: 'string', title: '开始时间' },
+                end: { type: 'string', title: '结束时间' },
+            },
+        }, { triggerLink: false }),
+        __metadata("design:type", Object)
+    ], exports.ɵeg.prototype, "datesSetChange", void 0);
     exports.ɵeg = __decorate([
-        bbjWidgetBase.Widget('日历', { group: 'component', image: 'assets/img/screen/rili.png', icon: 'iconmokuai' }),
-        __metadata("design:paramtypes", [router.Router])
+        bbjWidgetBase.Widget('日历', {
+            group: 'component',
+            image: 'assets/img/screen/rili.png',
+            icon: 'iconmokuai',
+            childTypes: ['sc-calendar-events', 'sc-calendar-background-events'],
+        }),
+        __metadata("design:paramtypes", [router.Router, i0.ChangeDetectorRef])
     ], exports.ɵeg);
 
+    var CalendarEventsChild = /** @class */ (function () {
+        function CalendarEventsChild(parent) {
+            this.parent = parent;
+        }
+        CalendarEventsChild.prototype.ngOnChanges = function (changes) {
+            if (changes.data) {
+                if (this.data) {
+                    var events = this.getEvents(this.data);
+                    this.parent.setEvents(this.id, events);
+                }
+                else {
+                    this.parent.removeEvents(this.id);
+                }
+            }
+        };
+        CalendarEventsChild.prototype.ngOnDestroy = function () {
+            this.parent.removeEvents(this.id);
+        };
+        return CalendarEventsChild;
+    }());
+    CalendarEventsChild.decorators = [
+        { type: i0.Directive }
+    ];
+    CalendarEventsChild.ctorParameters = function () { return [
+        { type: exports.ɵeg }
+    ]; };
+
+    var ɵ0$e = { type: 'string', title: 'id' };
+    exports.ɵeh = /** @class */ (function (_super) {
+        __extends(BackgroundEventsComponent, _super);
+        function BackgroundEventsComponent(parent) {
+            var _this = _super.call(this, parent) || this;
+            _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' },
+            ];
+            return _this;
+        }
+        BackgroundEventsComponent.prototype.getEvents = function (data) {
+            var _this = this;
+            return data.map(function (item) {
+                var event = Object.assign(Object.assign({}, item), { display: 'background' });
+                if (!event.color && _this.color) {
+                    event.color = _this.color;
+                }
+                updateEndTime(event);
+                return event;
+            });
+        };
+        return BackgroundEventsComponent;
+    }(CalendarEventsChild));
+    exports.ɵeh.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'sc-calendar-background-events',
+                    template: "",
+                    styles: [""]
+                },] }
+    ];
+    exports.ɵeh.ctorParameters = function () { return [
+        { type: exports.ɵeg }
+    ]; };
+    __decorate([
+        bbjWidgetBase.Property('颜色', {
+            ui: {
+                widget: 'myColor',
+            },
+        }),
+        __metadata("design:type", String)
+    ], exports.ɵeh.prototype, "color", void 0);
+    __decorate([
+        bbjWidgetBase.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)
+    ], exports.ɵeh.prototype, "data", void 0);
+    exports.ɵeh = __decorate([
+        bbjWidgetBase.Widget('背景颜色', { hidden: true }),
+        __metadata("design:paramtypes", [exports.ɵeg])
+    ], exports.ɵeh);
+
+    var ɵ0$f = { type: 'string', title: 'id' };
+    exports.ɵej = /** @class */ (function (_super) {
+        __extends(EventsComponent, _super);
+        function EventsComponent(parent) {
+            var _this = _super.call(this, parent) || this;
+            _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 i0.EventEmitter();
+            _this.eventClick = function (event) {
+                _this.dataClick.emit(event);
+            };
+            return _this;
+        }
+        EventsComponent.prototype.getEvents = function (data) {
+            var _this = this;
+            return data.map(function (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;
+            });
+        };
+        return EventsComponent;
+    }(CalendarEventsChild));
+    exports.ɵej.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'sc-calendar-events',
+                    template: "",
+                    styles: [""]
+                },] }
+    ];
+    exports.ɵej.ctorParameters = function () { return [
+        { type: exports.ɵeg }
+    ]; };
+    __decorate([
+        bbjWidgetBase.Property('颜色', {
+            ui: {
+                widget: 'myColor',
+            },
+        }),
+        __metadata("design:type", String)
+    ], exports.ɵej.prototype, "color", void 0);
+    __decorate([
+        bbjWidgetBase.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)
+    ], exports.ɵej.prototype, "data", void 0);
+    __decorate([
+        bbjWidgetBase.DataOutput(['id', 'title']),
+        __metadata("design:type", Object)
+    ], exports.ɵej.prototype, "dataClick", void 0);
+    exports.ɵej = __decorate([
+        bbjWidgetBase.Widget('事件', { hidden: true }),
+        __metadata("design:paramtypes", [exports.ɵeg])
+    ], exports.ɵej);
+
     var CalendarModule = /** @class */ (function () {
         function CalendarModule(widgetService) {
             angular$1.FullCalendarModule.registerPlugins([
@@ -20401,12 +20683,14 @@
                 interactionPlugin__default['default'],
             ]);
             widgetService.register(exports.ɵeg);
+            widgetService.register(exports.ɵej);
+            widgetService.register(exports.ɵeh);
         }
         return CalendarModule;
     }());
     CalendarModule.decorators = [
         { type: i0.NgModule, args: [{
-                    declarations: [exports.ɵeg],
+                    declarations: [exports.ɵeg, exports.ɵeh, exports.ɵej],
                     imports: [common.CommonModule, bbjWidgetBase.WidgetBaseModule, angular$1.FullCalendarModule],
                 },] }
     ];
@@ -20481,7 +20765,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',
@@ -20537,7 +20821,7 @@
         { type: bbjWidgetBase.WidgetService }
     ]; };
 
-    exports.ɵei = /** @class */ (function () {
+    exports.ɵel = /** @class */ (function () {
         function GanttComponent(ele) {
             this.ele = ele;
             this.contentRenderers = new Map();
@@ -20696,27 +20980,27 @@
         };
         return GanttComponent;
     }());
-    exports.ɵei.decorators = [
+    exports.ɵel.decorators = [
         { type: i0.Component, args: [{
                     selector: 'sc-gantt',
                     template: "<!--<nz-date-picker [(ngModel)]=\"initDate\" (ngModelChange)=\"onChange(initDate)\"></nz-date-picker>-->\n<full-calendar *ngIf=\"calendarOptions\" [options]=\"calendarOptions\" ></full-calendar>\n<ng-template #fcEventContent let-data=\"data\">\n\n  <div class=\"progress\" nz-tooltip [nzTooltipTitle]=\"titleTemplate\" [ngStyle]=\"data.progressStyle\">\n    <span class=\"bar\" [ngStyle]=\"data.barStyle\">{{data.title}}</span>\n  </div>\n  <ng-template #titleTemplate><i nz-icon nzType=\"file\" style=\"margin-right: 8px\"></i> <span>{{data.title}}<br/>\u5F00\u59CB:{{data.start}}<br/>\u7ED3\u675F:{{data.end}}<br/>\u8FDB\u5EA6:{{data.progress}}</span></ng-template>\n</ng-template>\n\n",
                     styles: [":host ::ng-deep .fc-direction-ltr{height:100%}:host ::ng-deep .fc .fc-view-harness{padding-bottom:0!important}:host ::ng-deep .progress{overflow:hidden;height:var(--height);background-color:#f7f7f7;background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=\"#fff5f5f5\",endColorstr=\"#fff9f9f9\",GradientType=0);box-shadow:inset 0 1px 2px rgba(0,0,0,.1);border-radius:4px;width:100%}:host ::ng-deep .progress .bar{white-space:nowrap;width:0;height:100%;color:#fff;float:left;font-size:12px;text-align:center;align-items:center;display:flex;text-shadow:0 -1px 0 rgba(0,0,0,.25);background-color:#0e90d2;background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=\"#ff149bdf\",endColorstr=\"#ff0480be\",GradientType=0);box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);box-sizing:border-box;transition:width .6s ease}:host ::ng-deep .fc-license-message{display:none!important}:host ::ng-deep .fc table{font-size:17px!important}:host ::ng-deep .fc-resource .fc-datagrid-cell-main{font-size:var(--fontSize);color:var(--color);font-weight:var(--weight);font-family:var(--family);line-height:var(--lineHeight)}"]
                 },] }
     ];
-    exports.ɵei.ctorParameters = function () { return [
+    exports.ɵel.ctorParameters = function () { return [
         { type: i0.ElementRef }
     ]; };
-    exports.ɵei.propDecorators = {
+    exports.ɵel.propDecorators = {
         eventContent: [{ type: i0.ViewChild, args: ['fcEventContent', { static: true },] }]
     };
     __decorate([
         bbjWidgetBase.Property('头部名称', { type: 'string' }),
         __metadata("design:type", Object)
-    ], exports.ɵei.prototype, "headerContent", void 0);
+    ], exports.ɵel.prototype, "headerContent", void 0);
     __decorate([
         bbjWidgetBase.Property('项目字体', { ui: { widget: 'myFont' } }),
         __metadata("design:type", Object)
-    ], exports.ɵei.prototype, "contentFont", void 0);
+    ], exports.ɵel.prototype, "contentFont", void 0);
     __decorate([
         bbjWidgetBase.Property('系列颜色', {
             ui: {
@@ -20725,19 +21009,19 @@
             },
         }),
         __metadata("design:type", Object)
-    ], exports.ɵei.prototype, "lineColor", void 0);
+    ], exports.ɵel.prototype, "lineColor", void 0);
     __decorate([
         bbjWidgetBase.Property('进度透明', { type: 'number', max: 1 }),
         __metadata("design:type", Object)
-    ], exports.ɵei.prototype, "progressTransparency", void 0);
+    ], exports.ɵel.prototype, "progressTransparency", void 0);
     __decorate([
         bbjWidgetBase.Property('区域占比', { type: 'number' }),
         __metadata("design:type", Object)
-    ], exports.ɵei.prototype, "areaRate", void 0);
+    ], exports.ɵel.prototype, "areaRate", void 0);
     __decorate([
         bbjWidgetBase.Property('进度条高度', { type: 'number' }),
         __metadata("design:type", Object)
-    ], exports.ɵei.prototype, "progressHeight", void 0);
+    ], exports.ɵel.prototype, "progressHeight", void 0);
     __decorate([
         bbjWidgetBase.Data({
             properties: {
@@ -20749,11 +21033,11 @@
             },
         }),
         __metadata("design:type", Array)
-    ], exports.ɵei.prototype, "data", void 0);
-    exports.ɵei = __decorate([
+    ], exports.ɵel.prototype, "data", void 0);
+    exports.ɵel = __decorate([
         bbjWidgetBase.Widget('甘特图', { group: 'component', image: 'assets/img/screen/gantt.png', icon: 'iconmokuai' }),
         __metadata("design:paramtypes", [i0.ElementRef])
-    ], exports.ɵei);
+    ], exports.ɵel);
 
     // import {FormsModule} from '@angular/forms';
     // import {NzDatePickerModule} from 'ng-zorro-antd/date-picker';
@@ -20766,13 +21050,13 @@
                 interactionPlugin__default['default'],
                 resourceTimelinePlugin__default['default'],
             ]);
-            widgetService.register(exports.ɵei);
+            widgetService.register(exports.ɵel);
         }
         return GanttModule;
     }());
     GanttModule.decorators = [
         { type: i0.NgModule, args: [{
-                    declarations: [exports.ɵei],
+                    declarations: [exports.ɵel],
                     imports: [
                         common.CommonModule,
                         bbjWidgetBase.WidgetBaseModule,
@@ -20922,13 +21206,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',
@@ -21407,7 +21691,8 @@
     exports.ɵea = AnnouncementModule;
     exports.ɵec = TabsModule;
     exports.ɵef = CalendarModule;
-    exports.ɵeh = GanttModule;
+    exports.ɵei = CalendarEventsChild;
+    exports.ɵek = GanttModule;
     exports.ɵo = ButtonModule;
     exports.ɵq = HttpService;
     exports.ɵr = TimerModule;