bbj-screen-widget 2.4.67 → 2.4.69
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/bbj-screen-widget.d.ts +15 -12
- package/bbj-screen-widget.metadata.json +1 -1
- package/bundles/bbj-screen-widget-core.umd.js +147 -4
- package/bundles/bbj-screen-widget-core.umd.js.map +1 -1
- package/bundles/bbj-screen-widget-core.umd.min.js +1 -1
- package/bundles/bbj-screen-widget-core.umd.min.js.map +1 -1
- package/bundles/bbj-screen-widget.umd.js +1313 -205
- package/bundles/bbj-screen-widget.umd.js.map +1 -1
- package/bundles/bbj-screen-widget.umd.min.js +1 -1
- package/bundles/bbj-screen-widget.umd.min.js.map +1 -1
- package/core/bbj-screen-widget-core.metadata.json +1 -1
- package/core/public_api.d.ts +2 -0
- package/core/util/map.util.d.ts +23 -0
- package/core/util/scale.util.d.ts +4 -0
- package/esm2015/bbj-screen-widget.js +16 -13
- package/esm2015/core/public_api.js +3 -1
- package/esm2015/core/util/map.util.js +104 -0
- package/esm2015/core/util/scale.util.js +33 -0
- package/esm2015/lib/custom-baidu-map/custom-baidu-map.component.js +4 -42
- package/esm2015/lib/screen-widget.module.js +7 -1
- package/esm2015/lib/tianditu/base-layer.js +80 -0
- package/esm2015/lib/tianditu/tianditu-marker/tianditu-marker.component.js +666 -0
- package/esm2015/lib/tianditu/tianditu.component.js +399 -0
- package/esm2015/lib/tianditu/tianditu.module.js +21 -0
- package/esm2015/public-api.js +2 -1
- package/fesm2015/bbj-screen-widget-core.js +138 -1
- package/fesm2015/bbj-screen-widget-core.js.map +1 -1
- package/fesm2015/bbj-screen-widget.js +1193 -86
- package/fesm2015/bbj-screen-widget.js.map +1 -1
- package/lib/custom-baidu-map/custom-baidu-map.component.d.ts +1 -1
- package/lib/tianditu/base-layer.d.ts +20 -0
- package/lib/tianditu/tianditu-marker/tianditu-marker.component.d.ts +63 -0
- package/lib/tianditu/tianditu.component.d.ts +53 -0
- package/lib/tianditu/tianditu.module.d.ts +4 -0
- package/package.json +1 -1
- package/public-api.d.ts +1 -0
|
@@ -13948,50 +13948,12 @@
|
|
|
13948
13948
|
};
|
|
13949
13949
|
CustomBaiduMapComponent.prototype.ngOnInit = function () {
|
|
13950
13950
|
return __awaiter(this, void 0, void 0, function () {
|
|
13951
|
-
var _this = this;
|
|
13952
13951
|
return __generator(this, function (_a) {
|
|
13953
13952
|
switch (_a.label) {
|
|
13954
13953
|
case 0:
|
|
13955
13954
|
if (this.scale$) {
|
|
13956
13955
|
// 这是为了解决地图缩放中心不在鼠标所在位置的问题
|
|
13957
|
-
this.scale
|
|
13958
|
-
var sx = scale.x, sy = scale.y, scaleContent = scale.scaleContent;
|
|
13959
|
-
var style = _this.element.style;
|
|
13960
|
-
if (scaleContent === false) {
|
|
13961
|
-
_this.zone.onStable.pipe(operators.take(1)).subscribe(function () {
|
|
13962
|
-
var parent = _this.element.parentNode;
|
|
13963
|
-
if (parent) {
|
|
13964
|
-
var match = /translate\(([-\d.]+)px, ([-\d.]+)px\)/.exec(parent.style.transform);
|
|
13965
|
-
if (match) {
|
|
13966
|
-
var offsetX = parseFloat(match[1]);
|
|
13967
|
-
var offsetY = parseFloat(match[2]);
|
|
13968
|
-
style.transform = "translate(" + -offsetX + "px," + -offsetY + "px)";
|
|
13969
|
-
style.height = parent.clientHeight + offsetY + 'px';
|
|
13970
|
-
style.width = parent.clientWidth + offsetX + 'px';
|
|
13971
|
-
style.padding = offsetY + "px 0 0 " + offsetX + "px";
|
|
13972
|
-
// this.containerStyle = {
|
|
13973
|
-
// transformOrigin: `0 0`,
|
|
13974
|
-
// transform: `translate(${-offsetX}px,${-offsetY}px)`,
|
|
13975
|
-
// height: parent.clientHeight + offsetY + 'px',
|
|
13976
|
-
// width: parent.clientWidth + offsetX + 'px',
|
|
13977
|
-
// padding: `${offsetY}px 0 0 ${offsetX}px`,
|
|
13978
|
-
// };
|
|
13979
|
-
}
|
|
13980
|
-
}
|
|
13981
|
-
// this.cd.markForCheck();
|
|
13982
|
-
});
|
|
13983
|
-
}
|
|
13984
|
-
else {
|
|
13985
|
-
var _a = _this.widgetRef.widget, position = _a.position, size = _a.size;
|
|
13986
|
-
var x = position.x, y = position.y;
|
|
13987
|
-
var width = size.width, height = size.height;
|
|
13988
|
-
style.transform = "translate(" + -x + "px," + -y + "px) scale(" + 1 / sx + "," + 1 / sy + ")";
|
|
13989
|
-
style.height = (y + height) * sy + 'px';
|
|
13990
|
-
style.width = (x + width) * sx + 'px';
|
|
13991
|
-
style.padding = y * sy + "px 0 0 " + x * sx + "px";
|
|
13992
|
-
}
|
|
13993
|
-
// this.cd.markForCheck();
|
|
13994
|
-
});
|
|
13956
|
+
i1.scaleAdapter(this.scale$, this.destroy$, this.zone, this.elementRef.nativeElement, this.widgetRef);
|
|
13995
13957
|
}
|
|
13996
13958
|
return [4 /*yield*/, this.initMap()];
|
|
13997
13959
|
case 1:
|
|
@@ -14384,7 +14346,7 @@
|
|
|
14384
14346
|
{ type: i0.Component, args: [{
|
|
14385
14347
|
selector: 'sc-custom-baidu-map',
|
|
14386
14348
|
template: "<ng-template *ngFor=\"let child of children\" widget-host [widget]=\"child\"></ng-template>\n\n<!-- {{children|json}} -->\n<!-- <div class=\"map-container\" [ngStyle]=\"containerStyle\"> -->\n<div #container class=\"map\"></div>\n<nz-radio-group\n *ngIf=\"showMapTypeRadio\"\n class=\"map-type-radio\"\n [(ngModel)]=\"mapTypeValue\"\n (ngModelChange)=\"mapTypeChange($event)\"\n nzButtonStyle=\"solid\"\n>\n <label *ngFor=\"let item of mapTypeEnum\" nz-radio-button [nzValue]=\"item.value\">{{ item.label }}</label>\n</nz-radio-group>\n<!-- </div> -->\n",
|
|
14387
|
-
styles: [":host{display:block;height:100%;width:100%;overflow:hidden;transform-origin:0 0;z-index:0;pointer-events:none}:host>*{pointer-events:auto}.map{height:100%;width:100%}:host::ng-deep .BMap_bubble_pop{background-color:var(--info-window-background,#fff)!important;border-color:var(--info-window-border-color,#ddd)!important}:host::ng-deep .BMap_bubble_content{color:var(--info-window-color,\"#555555\")!important}:host::ng-deep .BMap_pop div{background-color:var(--info-window-background,#fff)!important}:host::ng-deep .BMap_pop>div:nth-child(8){background-color:transparent!important}:host.hideInfoWindowTail::ng-deep .BMap_bubble_pop>img,:host.hideInfoWindowTail::ng-deep .BMap_pop>div:nth-child(8),:host::ng-deep .BMap_noprint.anchorTR,:host::ng-deep img[src$=\"/image/api/iws3.png\"]{display:none}:host.hideInfoWindowTop::ng-deep .BMap_bubble_pop{transform:translateY(31px)}:host.hideInfoWindowTop::ng-deep .BMap_bubble_pop>img{transform:translateY(-31px)}:host.hideInfoWindowTop::ng-deep .BMap_bubble_top,:host::ng-deep .anchorBL{display:none}.map-type-radio{position:absolute;bottom:20px;right:20px;z-index:10}"]
|
|
14349
|
+
styles: [":host{display:block;height:100%;width:100%;overflow:hidden;transform-origin:0 0;z-index:0;pointer-events:none;position:relative}:host>*{pointer-events:auto}.map{height:100%;width:100%}:host::ng-deep .BMap_bubble_pop{background-color:var(--info-window-background,#fff)!important;border-color:var(--info-window-border-color,#ddd)!important}:host::ng-deep .BMap_bubble_content{color:var(--info-window-color,\"#555555\")!important}:host::ng-deep .BMap_pop div{background-color:var(--info-window-background,#fff)!important}:host::ng-deep .BMap_pop>div:nth-child(8){background-color:transparent!important}:host.hideInfoWindowTail::ng-deep .BMap_bubble_pop>img,:host.hideInfoWindowTail::ng-deep .BMap_pop>div:nth-child(8),:host::ng-deep .BMap_noprint.anchorTR,:host::ng-deep img[src$=\"/image/api/iws3.png\"]{display:none}:host.hideInfoWindowTop::ng-deep .BMap_bubble_pop{transform:translateY(31px)}:host.hideInfoWindowTop::ng-deep .BMap_bubble_pop>img{transform:translateY(-31px)}:host.hideInfoWindowTop::ng-deep .BMap_bubble_top,:host::ng-deep .anchorBL{display:none}.map-type-radio{position:absolute;bottom:20px;right:20px;z-index:10}"]
|
|
14388
14350
|
},] }
|
|
14389
14351
|
];
|
|
14390
14352
|
exports.ɵcy.ctorParameters = function () { return [
|
|
@@ -20556,85 +20518,1224 @@
|
|
|
20556
20518
|
{ type: bbjWidgetBase.WidgetService }
|
|
20557
20519
|
]; };
|
|
20558
20520
|
|
|
20559
|
-
|
|
20560
|
-
function
|
|
20561
|
-
|
|
20562
|
-
|
|
20563
|
-
|
|
20564
|
-
|
|
20565
|
-
|
|
20566
|
-
|
|
20567
|
-
|
|
20568
|
-
|
|
20569
|
-
|
|
20570
|
-
|
|
20571
|
-
|
|
20572
|
-
|
|
20573
|
-
|
|
20574
|
-
|
|
20521
|
+
exports.ɵeb = /** @class */ (function () {
|
|
20522
|
+
function TiandituComponent(lazy, elementRef, zone, scale$, widgetRef) {
|
|
20523
|
+
var _this = this;
|
|
20524
|
+
this.lazy = lazy;
|
|
20525
|
+
this.elementRef = elementRef;
|
|
20526
|
+
this.zone = zone;
|
|
20527
|
+
this.scale$ = scale$;
|
|
20528
|
+
this.widgetRef = widgetRef;
|
|
20529
|
+
this.coordinateType = 'BD-09';
|
|
20530
|
+
// @Property('地图类型', {
|
|
20531
|
+
// enum: MapTypeEnum,
|
|
20532
|
+
// })
|
|
20533
|
+
// mapType = 'normal';
|
|
20534
|
+
// mapTypeValue: string;
|
|
20535
|
+
// @Property('上传样式', { type: 'string', ui: { widget: 'myUploadAudio', visibleIf: { mapType: ['custom'] } } })
|
|
20536
|
+
// uploadStyle: string;
|
|
20537
|
+
// @Property('切换按钮')
|
|
20538
|
+
// showMapTypeRadio: boolean;
|
|
20539
|
+
// @Property('全景地图', { type: 'boolean' })
|
|
20540
|
+
// minMapShow = false;
|
|
20541
|
+
// @Property('显示信息', {
|
|
20542
|
+
// ui: { widget: 'select' },
|
|
20543
|
+
// enum: [
|
|
20544
|
+
// { label: '点击', value: 'click' },
|
|
20545
|
+
// { label: '悬停', value: 'mouseover' },
|
|
20546
|
+
// ],
|
|
20547
|
+
// })
|
|
20548
|
+
// showType = 'click';
|
|
20549
|
+
// @Property('信息窗背景', { ui: { widget: 'myColor' } })
|
|
20550
|
+
// infoWindowBackground: string;
|
|
20551
|
+
// @Property('信息窗字体', { ui: { widget: 'myColor' } })
|
|
20552
|
+
// infoWindowColor: string;
|
|
20553
|
+
// @Property('信息窗宽度')
|
|
20554
|
+
// infoWindowWidth: number;
|
|
20555
|
+
// @Property('信息窗高度')
|
|
20556
|
+
// infoWindowHeight: number;
|
|
20557
|
+
// @Property('信息窗模板', { ui: { widget: 'textarea' } })
|
|
20558
|
+
// infoWindowTemplate: string;
|
|
20559
|
+
// @Property('信息窗边框', {
|
|
20560
|
+
// ui: { widget: 'myColor' },
|
|
20561
|
+
// example: ['#ffffff', '#F5A623', '#F8E71C', '#50E3C2', '#3285FF', '#B45FFF', '#9B9B9B', null],
|
|
20562
|
+
// })
|
|
20563
|
+
// infoWindowBorderColor: string;
|
|
20564
|
+
// @Property('隐藏尖角')
|
|
20565
|
+
// @HostBinding('class.hideInfoWindowTail')
|
|
20566
|
+
// hideInfoWindowTail: boolean;
|
|
20567
|
+
// @Property('隐藏关闭按钮')
|
|
20568
|
+
// @HostBinding('class.hideInfoWindowTop')
|
|
20569
|
+
// hideInfoWindowTop: boolean;
|
|
20570
|
+
this.dragging = true;
|
|
20571
|
+
// @Property('遮罩颜色', {
|
|
20572
|
+
// ui: { widget: 'myColor' },
|
|
20573
|
+
// example: ['#ffffff', '#F5A623', '#F8E71C', '#50E3C2', '#3285FF', '#B45FFF', '#9B9B9B', null],
|
|
20574
|
+
// })
|
|
20575
|
+
// shadeColor = '#004395';
|
|
20576
|
+
// @Property('背景颜色', {
|
|
20577
|
+
// ui: { widget: 'myColor' },
|
|
20578
|
+
// example: ['#ffffff', '#F5A623', '#F8E71C', '#50E3C2', '#3285FF', '#B45FFF', '#9B9B9B', null],
|
|
20579
|
+
// })
|
|
20580
|
+
// mapBackColor: string;
|
|
20581
|
+
// @Property('多边线色', {
|
|
20582
|
+
// ui: { widget: 'myColor' },
|
|
20583
|
+
// example: ['#ffffff', '#F5A623', '#F8E71C', '#50E3C2', '#3285FF', '#B45FFF', '#9B9B9B', null],
|
|
20584
|
+
// })
|
|
20585
|
+
// mapCityColor = '#41b7ff';
|
|
20586
|
+
this.zoom = 12;
|
|
20587
|
+
// @Property('遮罩透明', { type: 'number' })
|
|
20588
|
+
// fillOpacity = 0;
|
|
20589
|
+
// @Property('多边线粗', { type: 'number' })
|
|
20590
|
+
// strokesize = 2;
|
|
20591
|
+
// @Property('黑夜模式', { type: 'boolean', ui: { hidden: true } })
|
|
20592
|
+
// nightMode = false;
|
|
20593
|
+
// @Property('3D视角')
|
|
20594
|
+
// enable3D: boolean;
|
|
20595
|
+
// @Property('定位控件')
|
|
20596
|
+
// showLocationControl: boolean;
|
|
20597
|
+
// @Property('初始角度', { type: 'number', ui: { visibleIf: { enable3D: [true] } } })
|
|
20598
|
+
// tilt = 73;
|
|
20599
|
+
// centerLng = 120.7;
|
|
20600
|
+
// centerLat = 28;
|
|
20601
|
+
// @Property('显示省市', {
|
|
20602
|
+
// ui: {
|
|
20603
|
+
// widget: 'myUrlSelect',
|
|
20604
|
+
// allowClear: true,
|
|
20605
|
+
// url: '/assets/mapListItem.json',
|
|
20606
|
+
// },
|
|
20607
|
+
// })
|
|
20608
|
+
// cityName = null;
|
|
20609
|
+
this.data = [{ lng: 120.7, lat: 28 }];
|
|
20610
|
+
this.dataChange = new i0.EventEmitter();
|
|
20611
|
+
this.zoomChange = new i0.EventEmitter();
|
|
20612
|
+
this.mapClick = new i0.EventEmitter();
|
|
20613
|
+
this.destroy$ = new rxjs.Subject();
|
|
20614
|
+
this.init$ = new Promise(function (resolve) {
|
|
20615
|
+
_this.inited = resolve;
|
|
20575
20616
|
});
|
|
20576
|
-
|
|
20577
|
-
|
|
20578
|
-
|
|
20617
|
+
}
|
|
20618
|
+
TiandituComponent.prototype.ngOnInit = function () {
|
|
20619
|
+
return __awaiter(this, void 0, void 0, function () {
|
|
20620
|
+
return __generator(this, function (_a) {
|
|
20621
|
+
i1.scaleAdapter(this.scale$, this.destroy$, this.zone, this.elementRef.nativeElement, this.widgetRef);
|
|
20622
|
+
this.initMap();
|
|
20623
|
+
return [2 /*return*/];
|
|
20579
20624
|
});
|
|
20580
|
-
}
|
|
20581
|
-
|
|
20582
|
-
|
|
20583
|
-
|
|
20625
|
+
});
|
|
20626
|
+
};
|
|
20627
|
+
TiandituComponent.prototype.initMap = function () {
|
|
20628
|
+
return __awaiter(this, void 0, void 0, function () {
|
|
20629
|
+
var _this = this;
|
|
20630
|
+
return __generator(this, function (_a) {
|
|
20631
|
+
switch (_a.label) {
|
|
20632
|
+
case 0: return [4 /*yield*/, this.lazy.loadScript('https://api.tianditu.gov.cn/api?v=4.0&tk=acbe009b9b9cc2c8f369b6415fc8dc99')];
|
|
20633
|
+
case 1:
|
|
20634
|
+
_a.sent();
|
|
20635
|
+
if (!this.destroyed) {
|
|
20636
|
+
this.zone.runOutsideAngular(function () {
|
|
20637
|
+
_this.map = new T.Map(_this.container.nativeElement, {
|
|
20638
|
+
center: _this.createLngLat(_this.centerLng, _this.centerLat),
|
|
20639
|
+
zoom: _this.zoom,
|
|
20640
|
+
});
|
|
20641
|
+
// this.mapTypeChange(this.mapTypeValue);
|
|
20642
|
+
if (_this.edit || _this.dragging === false) {
|
|
20643
|
+
_this.map.disableDrag();
|
|
20644
|
+
}
|
|
20645
|
+
// if (this.enable3D) {
|
|
20646
|
+
// this.map.setTilt(this.tilt == null ? 73 : this.tilt, { noAnimation: true });
|
|
20647
|
+
// this.map.setDisplayOptions({ skyColors: ['rgba(0, 0, 0, 0)'] }); // 隐藏天空
|
|
20648
|
+
// // const navi3DCtrl = new BMapGL.NavigationControl3D(); // 添加3D控件
|
|
20649
|
+
// // this.map.addControl(navi3DCtrl);
|
|
20650
|
+
// } else {
|
|
20651
|
+
// this.map.disableTilt();
|
|
20652
|
+
// this.map.disableRotate();
|
|
20653
|
+
// }
|
|
20654
|
+
// if (this.showLocationControl) {
|
|
20655
|
+
// const options = {
|
|
20656
|
+
// // 控件的停靠位置(可选,默认左上角)
|
|
20657
|
+
// anchor: BMAP_ANCHOR_TOP_LEFT,
|
|
20658
|
+
// // 控件基于停靠位置的偏移量(可选)
|
|
20659
|
+
// offset: new BMapGL.Size(20, 20),
|
|
20660
|
+
// };
|
|
20661
|
+
// let locationControl = new BMapGL.LocationControl(options);
|
|
20662
|
+
// // 将控件添加到地图上
|
|
20663
|
+
// this.map.addControl(locationControl);
|
|
20664
|
+
// }
|
|
20665
|
+
// if (this.minMapShow) {
|
|
20666
|
+
// const stCtrl = new BMapGL.PanoramaControl();
|
|
20667
|
+
// stCtrl.setOffset(new BMapGL.Size(20, 20));
|
|
20668
|
+
// this.map.addControl(stCtrl);
|
|
20669
|
+
// }
|
|
20670
|
+
// if (this.infoWindowBackground) {
|
|
20671
|
+
// this.element.style.setProperty('--info-window-background', this.infoWindowBackground);
|
|
20672
|
+
// }
|
|
20673
|
+
// if (this.infoWindowColor) {
|
|
20674
|
+
// this.element.style.setProperty('--info-window-color', this.infoWindowColor);
|
|
20675
|
+
// }
|
|
20676
|
+
// if (this.infoWindowBorderColor) {
|
|
20677
|
+
// this.element.style.setProperty('--info-window-border-color', this.infoWindowBorderColor);
|
|
20678
|
+
// }
|
|
20679
|
+
_this.map.addEventListener('moveend', function (event) {
|
|
20680
|
+
var center = _this.map.getCenter();
|
|
20681
|
+
_this.dataChange.emit(_this.transferCoordinate(center));
|
|
20682
|
+
});
|
|
20683
|
+
_this.map.addEventListener('click', function (event) {
|
|
20684
|
+
console.log(event);
|
|
20685
|
+
_this.mapClick.emit(_this.transferCoordinate(event.latlng));
|
|
20686
|
+
});
|
|
20687
|
+
_this.map.addEventListener('zoomend', function (event) {
|
|
20688
|
+
_this.zoomChange.emit(_this.map.getZoom());
|
|
20689
|
+
_this.dataChange.emit(_this.transferCoordinate(_this.map.getCenter()));
|
|
20690
|
+
});
|
|
20691
|
+
_this.mapLoaded(_this.map);
|
|
20692
|
+
});
|
|
20693
|
+
this.inited(this.map);
|
|
20694
|
+
}
|
|
20695
|
+
return [2 /*return*/];
|
|
20696
|
+
}
|
|
20584
20697
|
});
|
|
20585
20698
|
});
|
|
20586
|
-
|
|
20587
|
-
|
|
20588
|
-
|
|
20589
|
-
|
|
20590
|
-
|
|
20591
|
-
|
|
20592
|
-
|
|
20593
|
-
|
|
20594
|
-
|
|
20595
|
-
|
|
20596
|
-
|
|
20597
|
-
|
|
20598
|
-
|
|
20599
|
-
|
|
20600
|
-
|
|
20601
|
-
|
|
20602
|
-
|
|
20603
|
-
|
|
20604
|
-
|
|
20605
|
-
|
|
20606
|
-
|
|
20607
|
-
|
|
20608
|
-
|
|
20609
|
-
|
|
20610
|
-
|
|
20611
|
-
|
|
20612
|
-
|
|
20613
|
-
|
|
20614
|
-
}
|
|
20615
|
-
|
|
20616
|
-
|
|
20617
|
-
|
|
20618
|
-
|
|
20619
|
-
|
|
20620
|
-
|
|
20699
|
+
};
|
|
20700
|
+
TiandituComponent.prototype.ngOnChanges = function (changes) {
|
|
20701
|
+
if (changes.data && this.data[0]) {
|
|
20702
|
+
this.centerLng = +this.data[0].lng;
|
|
20703
|
+
this.centerLat = +this.data[0].lat;
|
|
20704
|
+
this.setCenter(this.centerLng, this.centerLat);
|
|
20705
|
+
}
|
|
20706
|
+
};
|
|
20707
|
+
TiandituComponent.prototype.ngOnDestroy = function () {
|
|
20708
|
+
this.destroy$.next();
|
|
20709
|
+
this.destroy$.complete();
|
|
20710
|
+
this.destroyed = true;
|
|
20711
|
+
};
|
|
20712
|
+
TiandituComponent.prototype.createLngLat = function (lng, lat) {
|
|
20713
|
+
var _a, _b;
|
|
20714
|
+
if (this.coordinateType === 'BD-09') {
|
|
20715
|
+
_a = __read(i1.bd09towgs84(lng, lat), 2), lng = _a[0], lat = _a[1];
|
|
20716
|
+
}
|
|
20717
|
+
else if (this.coordinateType === 'GCJ-02') {
|
|
20718
|
+
_b = __read(i1.gcj02towgs84(lng, lat), 2), lng = _b[0], lat = _b[1];
|
|
20719
|
+
}
|
|
20720
|
+
return new T.LngLat(lng, lat);
|
|
20721
|
+
};
|
|
20722
|
+
TiandituComponent.prototype.transferCoordinate = function (latlng) {
|
|
20723
|
+
var _a, _b;
|
|
20724
|
+
var lng = latlng.lng, lat = latlng.lat;
|
|
20725
|
+
if (this.coordinateType === 'BD-09') {
|
|
20726
|
+
_a = __read(i1.wgs84tobd09(lng, lat), 2), lng = _a[0], lat = _a[1];
|
|
20727
|
+
}
|
|
20728
|
+
else if (this.coordinateType === 'GCJ-02') {
|
|
20729
|
+
_b = __read(i1.wgs84togcj02(lng, lat), 2), lng = _b[0], lat = _b[1];
|
|
20730
|
+
}
|
|
20731
|
+
else {
|
|
20732
|
+
return latlng;
|
|
20733
|
+
}
|
|
20734
|
+
return { lng: lng, lat: lat };
|
|
20735
|
+
};
|
|
20736
|
+
TiandituComponent.prototype.setCenter = function (lng, lat) {
|
|
20737
|
+
if (this.map && lng && lat) {
|
|
20738
|
+
var center = this.map.getCenter();
|
|
20739
|
+
if (center.lng != lng || center.lat != lat) {
|
|
20740
|
+
this.setCenterAndZoom(lng, lat, this.map.getZoom());
|
|
20741
|
+
}
|
|
20742
|
+
}
|
|
20743
|
+
};
|
|
20744
|
+
TiandituComponent.prototype.setCenterAndZoom = function (lng, lat, zoom) {
|
|
20745
|
+
var center = this.map.getCenter();
|
|
20746
|
+
var currentZoom = this.map.getZoom();
|
|
20747
|
+
// 误差范围内不移动,防止背景抖动
|
|
20748
|
+
if (zoom != currentZoom || Math.abs(lng - center.lng) > 1e-13 || Math.abs(lat - center.lat) > 1e-7) {
|
|
20749
|
+
var point = this.createLngLat(lng, lat);
|
|
20750
|
+
this.map.centerAndZoom(point, zoom);
|
|
20751
|
+
}
|
|
20752
|
+
};
|
|
20753
|
+
/**
|
|
20754
|
+
* 根据经纬度范围设置中心和缩放等级
|
|
20755
|
+
* @param minLng
|
|
20756
|
+
* @param maxLng
|
|
20757
|
+
* @param minLat
|
|
20758
|
+
* @param maxLat
|
|
20759
|
+
*/
|
|
20760
|
+
TiandituComponent.prototype.setRectCenterAndZoom = function (minLng, maxLng, minLat, maxLat) {
|
|
20761
|
+
var pointB = this.createLngLat(minLng, minLat);
|
|
20762
|
+
var pointA = this.createLngLat(maxLng, maxLat);
|
|
20763
|
+
this.map.setViewport([pointA, pointB]);
|
|
20764
|
+
};
|
|
20765
|
+
TiandituComponent.prototype.mapLoaded = function (map) {
|
|
20766
|
+
return __awaiter(this, void 0, void 0, function () {
|
|
20767
|
+
return __generator(this, function (_a) {
|
|
20768
|
+
return [2 /*return*/];
|
|
20769
|
+
});
|
|
20621
20770
|
});
|
|
20622
|
-
|
|
20623
|
-
|
|
20624
|
-
|
|
20625
|
-
|
|
20626
|
-
|
|
20627
|
-
|
|
20628
|
-
|
|
20629
|
-
|
|
20630
|
-
|
|
20631
|
-
|
|
20632
|
-
|
|
20633
|
-
|
|
20634
|
-
|
|
20771
|
+
};
|
|
20772
|
+
TiandituComponent.prototype.decodePolygon = function (coordinate, encodeOffsets, encodeScale) {
|
|
20773
|
+
var result = [];
|
|
20774
|
+
var prevX = encodeOffsets[0];
|
|
20775
|
+
var prevY = encodeOffsets[1];
|
|
20776
|
+
for (var i = 0; i < coordinate.length; i += 2) {
|
|
20777
|
+
var x = coordinate.charCodeAt(i) - 64;
|
|
20778
|
+
var y = coordinate.charCodeAt(i + 1) - 64;
|
|
20779
|
+
// ZigZag decoding
|
|
20780
|
+
x = (x >> 1) ^ -(x & 1);
|
|
20781
|
+
y = (y >> 1) ^ -(y & 1);
|
|
20782
|
+
// Delta deocding
|
|
20783
|
+
x += prevX;
|
|
20784
|
+
y += prevY;
|
|
20785
|
+
prevX = x;
|
|
20786
|
+
prevY = y;
|
|
20787
|
+
// Dequantize
|
|
20788
|
+
result.push([x / encodeScale, y / encodeScale]);
|
|
20789
|
+
}
|
|
20790
|
+
return result;
|
|
20791
|
+
};
|
|
20792
|
+
return TiandituComponent;
|
|
20793
|
+
}());
|
|
20794
|
+
exports.ɵeb.decorators = [
|
|
20795
|
+
{ type: i0.Component, args: [{
|
|
20796
|
+
selector: 'sc-tianditu',
|
|
20797
|
+
template: "<div #container class=\"tianditu\"></div>\n<ng-template *ngFor=\"let child of children\" widget-host [widget]=\"child\"></ng-template>\n",
|
|
20798
|
+
styles: [":host{display:block;overflow:hidden;transform-origin:0 0;z-index:0;position:relative}.tianditu,:host{height:100%;width:100%}"]
|
|
20799
|
+
},] }
|
|
20800
|
+
];
|
|
20801
|
+
exports.ɵeb.ctorParameters = function () { return [
|
|
20802
|
+
{ type: util.LazyService },
|
|
20803
|
+
{ type: i0.ElementRef },
|
|
20804
|
+
{ type: i0.NgZone },
|
|
20805
|
+
{ type: bbjWidgetBase.ScaleSubject, decorators: [{ type: i0.Optional }] },
|
|
20806
|
+
{ type: bbjWidgetBase.WidgetRef }
|
|
20807
|
+
]; };
|
|
20808
|
+
exports.ɵeb.propDecorators = {
|
|
20809
|
+
container: [{ type: i0.ViewChild, args: ['container',] }]
|
|
20810
|
+
};
|
|
20811
|
+
__decorate([
|
|
20812
|
+
bbjWidgetBase.Property('坐标系', {
|
|
20813
|
+
enum: [
|
|
20814
|
+
{ label: '百度坐标', value: 'BD-09' },
|
|
20815
|
+
{ label: '高德/腾讯坐标', value: 'GCJ-02' },
|
|
20816
|
+
{ label: '天地图坐标', value: 'WGS84' },
|
|
20817
|
+
],
|
|
20818
|
+
}),
|
|
20819
|
+
__metadata("design:type", Object)
|
|
20820
|
+
], exports.ɵeb.prototype, "coordinateType", void 0);
|
|
20821
|
+
__decorate([
|
|
20822
|
+
bbjWidgetBase.Property('地图拖动', { type: 'boolean' }),
|
|
20823
|
+
__metadata("design:type", Object)
|
|
20824
|
+
], exports.ɵeb.prototype, "dragging", void 0);
|
|
20825
|
+
__decorate([
|
|
20826
|
+
bbjWidgetBase.Property('地图缩放', {
|
|
20827
|
+
ui: { widget: 'myRange', min: 1, max: 40, step: 1 },
|
|
20828
|
+
}),
|
|
20829
|
+
__metadata("design:type", Object)
|
|
20830
|
+
], exports.ɵeb.prototype, "zoom", void 0);
|
|
20831
|
+
__decorate([
|
|
20832
|
+
bbjWidgetBase.Data({
|
|
20833
|
+
properties: {
|
|
20834
|
+
lng: { type: 'number', title: '经度' },
|
|
20835
|
+
lat: { type: 'number', title: '纬度' },
|
|
20836
|
+
},
|
|
20837
|
+
}),
|
|
20838
|
+
__metadata("design:type", Array)
|
|
20839
|
+
], exports.ɵeb.prototype, "data", void 0);
|
|
20840
|
+
__decorate([
|
|
20841
|
+
bbjWidgetBase.DataOutput(['lng', 'lat']),
|
|
20842
|
+
bbjWidgetBase.Event('中心点改变', {
|
|
20843
|
+
params: { properties: { lng: { title: '经度', type: 'number' }, lat: { title: '纬度', type: 'number' } } },
|
|
20844
|
+
}),
|
|
20845
|
+
__metadata("design:type", Object)
|
|
20846
|
+
], exports.ɵeb.prototype, "dataChange", void 0);
|
|
20847
|
+
__decorate([
|
|
20848
|
+
bbjWidgetBase.DataOutput('缩放等级'),
|
|
20849
|
+
bbjWidgetBase.Event('缩放', {
|
|
20850
|
+
params: '缩放等级',
|
|
20851
|
+
}),
|
|
20852
|
+
__metadata("design:type", Object)
|
|
20853
|
+
], exports.ɵeb.prototype, "zoomChange", void 0);
|
|
20854
|
+
__decorate([
|
|
20855
|
+
bbjWidgetBase.Event('地图点击', {
|
|
20856
|
+
params: { properties: { lng: { title: '经度', type: 'number' }, lat: { title: '纬度', type: 'number' } } },
|
|
20857
|
+
}),
|
|
20858
|
+
__metadata("design:type", Object)
|
|
20859
|
+
], exports.ɵeb.prototype, "mapClick", void 0);
|
|
20860
|
+
exports.ɵeb = __decorate([
|
|
20861
|
+
bbjWidgetBase.Widget('天地图', {
|
|
20862
|
+
children: [
|
|
20863
|
+
{
|
|
20864
|
+
title: '标记层',
|
|
20865
|
+
type: 'sc-tianditu-marker',
|
|
20866
|
+
option: {},
|
|
20867
|
+
hidden: true,
|
|
20868
|
+
hideChild: true,
|
|
20635
20869
|
},
|
|
20636
|
-
|
|
20637
|
-
|
|
20870
|
+
],
|
|
20871
|
+
childTypes: ['sc-tianditu-marker'],
|
|
20872
|
+
description: 'hasChildItem',
|
|
20873
|
+
}),
|
|
20874
|
+
__metadata("design:paramtypes", [util.LazyService,
|
|
20875
|
+
i0.ElementRef,
|
|
20876
|
+
i0.NgZone,
|
|
20877
|
+
bbjWidgetBase.ScaleSubject,
|
|
20878
|
+
bbjWidgetBase.WidgetRef])
|
|
20879
|
+
], exports.ɵeb);
|
|
20880
|
+
|
|
20881
|
+
var BaseLayer$1 = /** @class */ (function () {
|
|
20882
|
+
function BaseLayer(parent, zone) {
|
|
20883
|
+
this.parent = parent;
|
|
20884
|
+
this.zone = zone;
|
|
20885
|
+
this.layers = [];
|
|
20886
|
+
this.overlays = [];
|
|
20887
|
+
this.destroy$ = new rxjs.Subject();
|
|
20888
|
+
}
|
|
20889
|
+
BaseLayer.prototype.ngOnInit = function () {
|
|
20890
|
+
return __awaiter(this, void 0, void 0, function () {
|
|
20891
|
+
var _this = this;
|
|
20892
|
+
return __generator(this, function (_a) {
|
|
20893
|
+
switch (_a.label) {
|
|
20894
|
+
case 0: return [4 /*yield*/, this.parent.init$];
|
|
20895
|
+
case 1:
|
|
20896
|
+
_a.sent();
|
|
20897
|
+
this.init();
|
|
20898
|
+
this.inited = true;
|
|
20899
|
+
this.zone.runOutsideAngular(function () {
|
|
20900
|
+
_this.updateOverlays();
|
|
20901
|
+
});
|
|
20902
|
+
return [2 /*return*/];
|
|
20903
|
+
}
|
|
20904
|
+
});
|
|
20905
|
+
});
|
|
20906
|
+
};
|
|
20907
|
+
BaseLayer.prototype.ngOnChanges = function (changes) {
|
|
20908
|
+
var _this = this;
|
|
20909
|
+
if (this.inited) {
|
|
20910
|
+
this.zone.runOutsideAngular(function () {
|
|
20911
|
+
_this.updateOverlays();
|
|
20912
|
+
});
|
|
20913
|
+
}
|
|
20914
|
+
};
|
|
20915
|
+
BaseLayer.prototype.ngOnDestroy = function () {
|
|
20916
|
+
this.destroy$.next();
|
|
20917
|
+
this.destroy$.complete();
|
|
20918
|
+
this.removeOverlays();
|
|
20919
|
+
};
|
|
20920
|
+
BaseLayer.prototype.init = function () { };
|
|
20921
|
+
BaseLayer.prototype.updateOverlays = function () {
|
|
20922
|
+
return __awaiter(this, void 0, void 0, function () {
|
|
20923
|
+
var _this = this;
|
|
20924
|
+
return __generator(this, function (_a) {
|
|
20925
|
+
this.removeOverlays();
|
|
20926
|
+
this.overlays = this.createOverlays();
|
|
20927
|
+
this.overlays.forEach(function (overlay) {
|
|
20928
|
+
_this.parent.map.addOverLay(overlay);
|
|
20929
|
+
});
|
|
20930
|
+
this.inited = true;
|
|
20931
|
+
return [2 /*return*/];
|
|
20932
|
+
});
|
|
20933
|
+
});
|
|
20934
|
+
};
|
|
20935
|
+
BaseLayer.prototype.removeOverlays = function () {
|
|
20936
|
+
var _this = this;
|
|
20937
|
+
if (this.overlays.length) {
|
|
20938
|
+
this.overlays.forEach(function (overlay) {
|
|
20939
|
+
_this.parent.map.removeOverLay(overlay);
|
|
20940
|
+
});
|
|
20941
|
+
this.overlays = [];
|
|
20942
|
+
}
|
|
20943
|
+
// if (this.layers.length) {
|
|
20944
|
+
// this.layers.forEach((layer) => {
|
|
20945
|
+
// this.parent.removeLayer(layer);
|
|
20946
|
+
// });
|
|
20947
|
+
// this.layers = [];
|
|
20948
|
+
// }
|
|
20949
|
+
};
|
|
20950
|
+
BaseLayer.prototype.getTextOptions = function (font) {
|
|
20951
|
+
var textOptions = {};
|
|
20952
|
+
if (font) {
|
|
20953
|
+
if (font.size)
|
|
20954
|
+
textOptions.fontSize = font.size;
|
|
20955
|
+
if (font.family)
|
|
20956
|
+
textOptions.fontFamily = font.family;
|
|
20957
|
+
if (font.color)
|
|
20958
|
+
textOptions.color = font.color;
|
|
20959
|
+
}
|
|
20960
|
+
return textOptions;
|
|
20961
|
+
};
|
|
20962
|
+
return BaseLayer;
|
|
20963
|
+
}());
|
|
20964
|
+
BaseLayer$1.decorators = [
|
|
20965
|
+
{ type: i0.Directive }
|
|
20966
|
+
];
|
|
20967
|
+
BaseLayer$1.ctorParameters = function () { return [
|
|
20968
|
+
{ type: exports.ɵeb },
|
|
20969
|
+
{ type: i0.NgZone }
|
|
20970
|
+
]; };
|
|
20971
|
+
|
|
20972
|
+
var ɵ0$e = { type: 'string', title: 'id' }, ɵ1$c = { type: 'string', title: 'id' }, ɵ2$a = { type: 'string', title: 'id' };
|
|
20973
|
+
exports.ɵec = /** @class */ (function (_super_1) {
|
|
20974
|
+
__extends(TiandituMarkerComponent, _super_1);
|
|
20975
|
+
function TiandituMarkerComponent(parent, zone, fileUrlService, nzContextMenuService) {
|
|
20976
|
+
var _this = _super_1.call(this, parent, zone) || this;
|
|
20977
|
+
_this.parent = parent;
|
|
20978
|
+
_this.zone = zone;
|
|
20979
|
+
_this.fileUrlService = fileUrlService;
|
|
20980
|
+
_this.nzContextMenuService = nzContextMenuService;
|
|
20981
|
+
_this.iconUrl = 'assets/img/screen/marker.png';
|
|
20982
|
+
_this.iconWidth = 20;
|
|
20983
|
+
_this.iconHeight = 30;
|
|
20984
|
+
_this.iconOffsetX = 10;
|
|
20985
|
+
_this.iconOffsetY = 30;
|
|
20986
|
+
// @Property('分组', {type: 'string'})
|
|
20987
|
+
// group = '';
|
|
20988
|
+
_this.toCenter = false;
|
|
20989
|
+
// @Property('标签底色', { ui: { widget: 'myColor', visibleIf: { showLabel: [true] } } })
|
|
20990
|
+
// labelBackground: string;
|
|
20991
|
+
_this.labelFont = {
|
|
20992
|
+
family: '',
|
|
20993
|
+
color: '#000000',
|
|
20994
|
+
weight: 'normal',
|
|
20995
|
+
size: 16,
|
|
20996
|
+
space: 0,
|
|
20997
|
+
lineHeight: 0,
|
|
20998
|
+
};
|
|
20999
|
+
// @Property('阴影', { ui: { widget: 'myShadow' } })
|
|
21000
|
+
// shadow: any = { color: '', X: 0, Y: 0, Z: 0 };
|
|
21001
|
+
_this.labelOffsetX = -50;
|
|
21002
|
+
_this.labelOffsetY = 10;
|
|
21003
|
+
_this.unselectOnClickBlank = true;
|
|
21004
|
+
_this.groups = [];
|
|
21005
|
+
_this.data = [
|
|
21006
|
+
{
|
|
21007
|
+
id: '1',
|
|
21008
|
+
address: '',
|
|
21009
|
+
information: '暂无信息',
|
|
21010
|
+
group: '',
|
|
21011
|
+
lng: '120.7',
|
|
21012
|
+
lat: '28',
|
|
21013
|
+
},
|
|
21014
|
+
];
|
|
21015
|
+
// id: string;
|
|
21016
|
+
_this.makerClick = new i0.EventEmitter();
|
|
21017
|
+
_this.onClick = new i0.EventEmitter();
|
|
21018
|
+
_this.layers = [];
|
|
21019
|
+
// defaultLayer: any;
|
|
21020
|
+
_this.optionsMap = {};
|
|
21021
|
+
_this.dataMap = {};
|
|
21022
|
+
return _this;
|
|
21023
|
+
}
|
|
21024
|
+
TiandituMarkerComponent.prototype.ngOnInit = function () {
|
|
21025
|
+
var _super = Object.create(null, {
|
|
21026
|
+
ngOnInit: { get: function () { return _super_1.prototype.ngOnInit; } }
|
|
21027
|
+
});
|
|
21028
|
+
return __awaiter(this, void 0, void 0, function () {
|
|
21029
|
+
var _this = this;
|
|
21030
|
+
return __generator(this, function (_b) {
|
|
21031
|
+
switch (_b.label) {
|
|
21032
|
+
case 0: return [4 /*yield*/, _super.ngOnInit.call(this)];
|
|
21033
|
+
case 1:
|
|
21034
|
+
_b.sent();
|
|
21035
|
+
if (this.showLabel && this.showLabelMinZoom != null) {
|
|
21036
|
+
this.parent.zoomChange.pipe(operators.takeUntil(this.destroy$)).subscribe(function (zoom) {
|
|
21037
|
+
_this.updateTextVisible(zoom);
|
|
21038
|
+
});
|
|
21039
|
+
}
|
|
21040
|
+
return [2 /*return*/];
|
|
21041
|
+
}
|
|
21042
|
+
});
|
|
21043
|
+
});
|
|
21044
|
+
};
|
|
21045
|
+
TiandituMarkerComponent.prototype.ngOnChanges = function (changes) {
|
|
21046
|
+
var _this = this;
|
|
21047
|
+
if (this.inited) {
|
|
21048
|
+
if (changes.data) {
|
|
21049
|
+
this.zone.runOutsideAngular(function () {
|
|
21050
|
+
_this.updateOverlays();
|
|
21051
|
+
});
|
|
21052
|
+
}
|
|
21053
|
+
if (changes.selectedId) {
|
|
21054
|
+
if (this.selectedId != this.currentSelectedId) {
|
|
21055
|
+
this.select(this.selectedId, { move: true });
|
|
21056
|
+
}
|
|
21057
|
+
}
|
|
21058
|
+
}
|
|
21059
|
+
};
|
|
21060
|
+
TiandituMarkerComponent.prototype.ngOnDestroy = function () {
|
|
21061
|
+
_super_1.prototype.ngOnDestroy.call(this);
|
|
21062
|
+
this.destroy$.next();
|
|
21063
|
+
this.destroy$.complete();
|
|
21064
|
+
};
|
|
21065
|
+
TiandituMarkerComponent.prototype.init = function () {
|
|
21066
|
+
var _this = this;
|
|
21067
|
+
var _a;
|
|
21068
|
+
this.optionsMap = {};
|
|
21069
|
+
var defaultOptions = this.createOptions();
|
|
21070
|
+
this.optionsMap[''] = defaultOptions;
|
|
21071
|
+
if ((_a = this.groups) === null || _a === void 0 ? void 0 : _a.length) {
|
|
21072
|
+
this.groups.forEach(function (group) {
|
|
21073
|
+
if (group.group) {
|
|
21074
|
+
var options = _this.createOptions(group);
|
|
21075
|
+
_this.optionsMap[group.group] = options;
|
|
21076
|
+
}
|
|
21077
|
+
});
|
|
21078
|
+
}
|
|
21079
|
+
if (this.unselectOnClickBlank) {
|
|
21080
|
+
this.parent.mapClick.pipe(operators.takeUntil(this.destroy$)).subscribe(function () {
|
|
21081
|
+
_this.selectedId = null;
|
|
21082
|
+
_this.select(null);
|
|
21083
|
+
});
|
|
21084
|
+
}
|
|
21085
|
+
// if (!this.enableMarkerClusterer && this.showLabel) {
|
|
21086
|
+
// const textOptions = {
|
|
21087
|
+
// ...this.getTextOptions(this.labelFont),
|
|
21088
|
+
// // color: '#fff',
|
|
21089
|
+
// // fontFamily: 'Microsoft Yahei',
|
|
21090
|
+
// // fontSize: 14,
|
|
21091
|
+
// flat: false,
|
|
21092
|
+
// collides: true,
|
|
21093
|
+
// offset: [this.labelOffsetX || 0, this.labelOffsetY || 0],
|
|
21094
|
+
// stroke: {
|
|
21095
|
+
// color: this.stroke,
|
|
21096
|
+
// },
|
|
21097
|
+
// padding: [2, 2],
|
|
21098
|
+
// margin: [0, 0],
|
|
21099
|
+
// };
|
|
21100
|
+
// if (this.stroke && this.stroke !== 'rgba(0,0,0,0)') {
|
|
21101
|
+
// textOptions.stroke = { color: this.stroke };
|
|
21102
|
+
// }
|
|
21103
|
+
// if (this.strokeWidth) {
|
|
21104
|
+
// textOptions.lineWidth = this.strokeWidth;
|
|
21105
|
+
// }
|
|
21106
|
+
// if (this.shadow) {
|
|
21107
|
+
// textOptions.shadow = {
|
|
21108
|
+
// color: this.shadow.color,
|
|
21109
|
+
// blur: this.shadow.Z,
|
|
21110
|
+
// offsetX: this.shadow.X,
|
|
21111
|
+
// offsetY: this.shadow.Y,
|
|
21112
|
+
// };
|
|
21113
|
+
// }
|
|
21114
|
+
// this.textLayer = new mapvgl.TextLayer(textOptions);
|
|
21115
|
+
// if (this.showLabelMinZoom != null) {
|
|
21116
|
+
// this.parent.init$.then(() => {
|
|
21117
|
+
// const zoom = this.parent.map.getZoom();
|
|
21118
|
+
// this.updateTextVisible(zoom);
|
|
21119
|
+
// });
|
|
21120
|
+
// }
|
|
21121
|
+
// layers.push(this.textLayer);
|
|
21122
|
+
// }
|
|
21123
|
+
};
|
|
21124
|
+
TiandituMarkerComponent.prototype.createOptions = function (group) {
|
|
21125
|
+
var iconOptions = this.getIconOptions(group);
|
|
21126
|
+
return { icon: iconOptions };
|
|
21127
|
+
// if (this.enableMarkerClusterer || group?.enableMarkerClusterer) {
|
|
21128
|
+
// const options: any = {
|
|
21129
|
+
// iconOptions,
|
|
21130
|
+
// textOptions: this.getTextOptions(this.clusterFont),
|
|
21131
|
+
// minSize: this.clusterMinSize || 25,
|
|
21132
|
+
// maxSize: this.clusterMaxSize || 40,
|
|
21133
|
+
// };
|
|
21134
|
+
// if (this.clusterGradient?.length) {
|
|
21135
|
+
// const gradient: any = {};
|
|
21136
|
+
// gradient[0] = this.clusterGradient[0];
|
|
21137
|
+
// this.clusterGradient.slice(1).forEach((g, i) => {
|
|
21138
|
+
// gradient[(i + 1) / this.clusterGradient.length] = g;
|
|
21139
|
+
// });
|
|
21140
|
+
// options.gradient = gradient;
|
|
21141
|
+
// }
|
|
21142
|
+
// if (this.clusterMaxZoom != null) {
|
|
21143
|
+
// options.maxZoom = this.clusterMaxZoom;
|
|
21144
|
+
// }
|
|
21145
|
+
// this.addPickEvent(options);
|
|
21146
|
+
// layer = new mapvgl.ClusterLayer(options);
|
|
21147
|
+
// } else {
|
|
21148
|
+
// this.addPickEvent(iconOptions);
|
|
21149
|
+
// layer = new mapvgl.IconLayer(iconOptions);
|
|
21150
|
+
// }
|
|
21151
|
+
};
|
|
21152
|
+
TiandituMarkerComponent.prototype.updateTextVisible = function (zoom) {
|
|
21153
|
+
if (this.textLayer) {
|
|
21154
|
+
if (zoom >= this.showLabelMinZoom) {
|
|
21155
|
+
this.textLayer.show();
|
|
21156
|
+
}
|
|
21157
|
+
else {
|
|
21158
|
+
this.textLayer.hide();
|
|
21159
|
+
}
|
|
21160
|
+
}
|
|
21161
|
+
};
|
|
21162
|
+
TiandituMarkerComponent.prototype.createOverlays = function () {
|
|
21163
|
+
var _this = this;
|
|
21164
|
+
var overlays = [];
|
|
21165
|
+
this.dataMap = {};
|
|
21166
|
+
if (this.toCenter && this.data.length > 0) {
|
|
21167
|
+
var maxLng_1 = -180;
|
|
21168
|
+
var minLng_1 = 180;
|
|
21169
|
+
var maxLat_1 = -90;
|
|
21170
|
+
var minLat_1 = 90;
|
|
21171
|
+
this.data.forEach(function (res) {
|
|
21172
|
+
maxLng_1 = Math.max(maxLng_1, res.lng);
|
|
21173
|
+
minLng_1 = Math.min(minLng_1, res.lng);
|
|
21174
|
+
maxLat_1 = Math.max(maxLat_1, res.lat);
|
|
21175
|
+
minLat_1 = Math.min(minLat_1, res.lat);
|
|
21176
|
+
});
|
|
21177
|
+
this.parent.setRectCenterAndZoom(minLng_1, maxLng_1, minLat_1, maxLat_1);
|
|
21178
|
+
}
|
|
21179
|
+
var groupData = {};
|
|
21180
|
+
this.groupData = groupData;
|
|
21181
|
+
var textData = [];
|
|
21182
|
+
var groups = Object.keys(this.optionsMap);
|
|
21183
|
+
groups.forEach(function (group) {
|
|
21184
|
+
groupData[group] = [];
|
|
21185
|
+
});
|
|
21186
|
+
// const defaultData = [];
|
|
21187
|
+
this.data.forEach(function (record) {
|
|
21188
|
+
var groupName = record.group;
|
|
21189
|
+
if (groupName == null || _this.optionsMap[groupName] == null) {
|
|
21190
|
+
groupName = '';
|
|
21191
|
+
}
|
|
21192
|
+
var id = record.id_value || record.id;
|
|
21193
|
+
if (id == null || id == '') {
|
|
21194
|
+
id = getUUID();
|
|
21195
|
+
}
|
|
21196
|
+
// MapVGL的bug,ClusterLayer的iconOptions无效,只能通过properties设置
|
|
21197
|
+
var options = _this.optionsMap[groupName];
|
|
21198
|
+
// if (layer != null && layer instanceof mapvgl.ClusterLayer) {
|
|
21199
|
+
// const options = layer.getOptions();
|
|
21200
|
+
// if (options.iconOptions) {
|
|
21201
|
+
// const { height, width, offset, icon } = options.iconOptions;
|
|
21202
|
+
// item.properties = { height, width, offset, icon, ...item.properties };
|
|
21203
|
+
// }
|
|
21204
|
+
// }
|
|
21205
|
+
var point = _this.parent.createLngLat(record.lng, record.lat);
|
|
21206
|
+
var marker = new T.Marker(point, options); // 创建标注
|
|
21207
|
+
marker.addEventListener('click', function (e) {
|
|
21208
|
+
_this.selectedId = id;
|
|
21209
|
+
_this.select(id);
|
|
21210
|
+
_this.zone.run(function () {
|
|
21211
|
+
_this.onClick.emit(Object.assign(Object.assign({}, record), { id: id }));
|
|
21212
|
+
});
|
|
21213
|
+
if (record.information) {
|
|
21214
|
+
_this.openInfo(record.information, e);
|
|
21215
|
+
}
|
|
21216
|
+
});
|
|
21217
|
+
overlays.push(marker);
|
|
21218
|
+
if (_this.showLabel && record.address) {
|
|
21219
|
+
var label = new T.Label({
|
|
21220
|
+
text: "" + record.address,
|
|
21221
|
+
position: marker.getLngLat(),
|
|
21222
|
+
offset: new T.Point(_this.labelOffsetX || -50, _this.labelOffsetY || 10),
|
|
21223
|
+
});
|
|
21224
|
+
label.setBorderLine(_this.strokeWidth || 0);
|
|
21225
|
+
label.setBorderColor(_this.stroke);
|
|
21226
|
+
label.setBackgroundColor('rgba(0,0,0,0)');
|
|
21227
|
+
label.setFontColor(_this.labelFont.color);
|
|
21228
|
+
label.setFontSize(_this.labelFont.size);
|
|
21229
|
+
overlays.push(label);
|
|
21230
|
+
}
|
|
21231
|
+
// if (this.selectedId && this.selectedId == id) {
|
|
21232
|
+
// this.updateSize(item, 1.5);
|
|
21233
|
+
// this.lastSelect = item;
|
|
21234
|
+
// }
|
|
21235
|
+
groupData[groupName].push(record);
|
|
21236
|
+
_this.dataMap[id] = record;
|
|
21237
|
+
if (_this.textLayer) {
|
|
21238
|
+
textData.push(record);
|
|
21239
|
+
}
|
|
21240
|
+
});
|
|
21241
|
+
// if (this.selectedId) {
|
|
21242
|
+
// this.select(this.selectedId, { move: this.selectedId != this.currentSelectedId, resetLayer: false, force: true });
|
|
21243
|
+
// }
|
|
21244
|
+
// groups.forEach((group) => {
|
|
21245
|
+
// const layer = this.layerMap[group];
|
|
21246
|
+
// const data = groupData[group];
|
|
21247
|
+
// layer.setData(data);
|
|
21248
|
+
// });
|
|
21249
|
+
// if (this.textLayer) {
|
|
21250
|
+
// this.textLayer.setData(textData);
|
|
21251
|
+
// }
|
|
21252
|
+
return overlays;
|
|
21253
|
+
};
|
|
21254
|
+
TiandituMarkerComponent.prototype.getIconOptions = function (group) {
|
|
21255
|
+
var icon = this.iconUrl || 'assets/img/screen/marker.png';
|
|
21256
|
+
var height = this.iconHeight || 30;
|
|
21257
|
+
var width = this.iconWidth || 20;
|
|
21258
|
+
var offsetX = this.iconOffsetX == null ? width / 2 : this.iconOffsetX;
|
|
21259
|
+
var offsetY = this.iconOffsetY == null ? height : this.iconOffsetY;
|
|
21260
|
+
if (group && group.imageUrl) {
|
|
21261
|
+
icon = this.fileUrlService.getUrl(group.imageUrl);
|
|
21262
|
+
width = group.width || width;
|
|
21263
|
+
height = group.height || height;
|
|
21264
|
+
offsetX = group.XOffset != null ? group.XOffset : width / 2;
|
|
21265
|
+
offsetY = group.YOffset != null ? group.YOffset : height;
|
|
21266
|
+
}
|
|
21267
|
+
var iconOptions = new T.Icon({
|
|
21268
|
+
iconUrl: icon,
|
|
21269
|
+
iconSize: new T.Point(width, height),
|
|
21270
|
+
iconAnchor: new T.Point(offsetX, offsetY),
|
|
21271
|
+
});
|
|
21272
|
+
return iconOptions;
|
|
21273
|
+
};
|
|
21274
|
+
TiandituMarkerComponent.prototype.openInfo = function (content, e) {
|
|
21275
|
+
var point = e.lnglat;
|
|
21276
|
+
var markerInfoWin = new T.InfoWindow(content, { offset: new T.Point(0, -30) }); // 创建信息窗口对象
|
|
21277
|
+
this.parent.map.openInfoWindow(markerInfoWin, point); //开启信息窗口
|
|
21278
|
+
};
|
|
21279
|
+
TiandituMarkerComponent.prototype.addPickEvent = function (options) {
|
|
21280
|
+
// options.enablePicked = true;
|
|
21281
|
+
// options.onClick = ({ dataItem }) => {
|
|
21282
|
+
// // 每个图层都会触发一次click事件,如果每个图层都没有点中标记点,传出null
|
|
21283
|
+
// if (dataItem) {
|
|
21284
|
+
// this.clickData = dataItem;
|
|
21285
|
+
// }
|
|
21286
|
+
// if (this.unselectOnClickBlank !== false && this.clickTimeout == null) {
|
|
21287
|
+
// this.clickTimeout = setTimeout(() => {
|
|
21288
|
+
// if (this.clickData == null) {
|
|
21289
|
+
// this.selectedId = null;
|
|
21290
|
+
// this.select(null);
|
|
21291
|
+
// }
|
|
21292
|
+
// this.clickTimeout = null;
|
|
21293
|
+
// this.clickData = null;
|
|
21294
|
+
// this.subMarkers = null;
|
|
21295
|
+
// });
|
|
21296
|
+
// }
|
|
21297
|
+
// if (dataItem) {
|
|
21298
|
+
// if (dataItem.type === 'Feature') {
|
|
21299
|
+
// const coordinates = dataItem.geometry.coordinates;
|
|
21300
|
+
// this.parent.setCenterAndZoom(coordinates[0], coordinates[1], this.parent.map.getZoom() + 2);
|
|
21301
|
+
// } else {
|
|
21302
|
+
// const data = dataItem.properties.raw;
|
|
21303
|
+
// if (data) {
|
|
21304
|
+
// this.selectedId = dataItem.properties.id;
|
|
21305
|
+
// this.select(dataItem.properties.id);
|
|
21306
|
+
// this.zone.run(() => {
|
|
21307
|
+
// this.onClick.emit({ ...data, id: data.id_value || data.id });
|
|
21308
|
+
// });
|
|
21309
|
+
// }
|
|
21310
|
+
// }
|
|
21311
|
+
// }
|
|
21312
|
+
// };
|
|
21313
|
+
// if (this.parent.showType === 'mouseover') {
|
|
21314
|
+
// let infoWindow = null;
|
|
21315
|
+
// let infoWindowData = null;
|
|
21316
|
+
// options.onMousemove = ({ dataItem }) => {
|
|
21317
|
+
// const data = dataItem != null ? dataItem.properties.raw : null;
|
|
21318
|
+
// if (infoWindow != null && infoWindowData != data) {
|
|
21319
|
+
// infoWindow.close();
|
|
21320
|
+
// infoWindow = null;
|
|
21321
|
+
// }
|
|
21322
|
+
// if (data && data.information && infoWindow == null) {
|
|
21323
|
+
// infoWindowData = data;
|
|
21324
|
+
// infoWindow = this.parent.openInfoWindow(data, data.lng, data.lat);
|
|
21325
|
+
// }
|
|
21326
|
+
// };
|
|
21327
|
+
// }
|
|
21328
|
+
};
|
|
21329
|
+
TiandituMarkerComponent.prototype.select = function (id, options) {
|
|
21330
|
+
var _this = this;
|
|
21331
|
+
if (options === void 0) { options = {}; }
|
|
21332
|
+
if (id != this.currentSelectedId || options.force) {
|
|
21333
|
+
var item = void 0;
|
|
21334
|
+
if (id != null && id !== '') {
|
|
21335
|
+
item = this.dataMap[id];
|
|
21336
|
+
// 如果找不到数据,可能是数据还没加载,等数据加载了再执行
|
|
21337
|
+
if (item == null) {
|
|
21338
|
+
return;
|
|
21339
|
+
}
|
|
21340
|
+
}
|
|
21341
|
+
this.currentSelectedId = id;
|
|
21342
|
+
// let lastSelectGroup: string;
|
|
21343
|
+
// let currentSelectGroup: string;
|
|
21344
|
+
var selectedData_1;
|
|
21345
|
+
if (this.lastSelect) {
|
|
21346
|
+
// lastSelectGroup = this.lastSelect.properties.group;
|
|
21347
|
+
this.updateSize(this.lastSelect, 1);
|
|
21348
|
+
this.lastSelect = null;
|
|
21349
|
+
}
|
|
21350
|
+
if (item) {
|
|
21351
|
+
// currentSelectGroup = item.properties.group;
|
|
21352
|
+
// this.updateSize(item, this.selectedSize ?? 1.5);
|
|
21353
|
+
this.lastSelect = item;
|
|
21354
|
+
selectedData_1 = item;
|
|
21355
|
+
if (options.move) {
|
|
21356
|
+
// const layer = this.optionsMap[currentSelectGroup];
|
|
21357
|
+
var zoom = this.parent.map.getZoom();
|
|
21358
|
+
if (this.selectedMapZoom) {
|
|
21359
|
+
zoom = this.selectedMapZoom;
|
|
21360
|
+
}
|
|
21361
|
+
// else if (
|
|
21362
|
+
// layer instanceof mapvgl.ClusterLayer &&
|
|
21363
|
+
// this.clusterMaxZoom != null &&
|
|
21364
|
+
// Math.floor(zoom) <= this.clusterMaxZoom
|
|
21365
|
+
// ) {
|
|
21366
|
+
// zoom = this.clusterMaxZoom + 2;
|
|
21367
|
+
// }
|
|
21368
|
+
this.parent.setCenterAndZoom(selectedData_1.lng, selectedData_1.lat, zoom);
|
|
21369
|
+
}
|
|
21370
|
+
// if (selectedData.information && this.parent.showType !== 'mouseover') {
|
|
21371
|
+
// // 防止其他图层将信息窗口关闭
|
|
21372
|
+
// setTimeout(() => {
|
|
21373
|
+
// this.parent.openInfoWindow(selectedData, selectedData.lng, selectedData.lat);
|
|
21374
|
+
// });
|
|
21375
|
+
// }
|
|
21376
|
+
}
|
|
21377
|
+
else {
|
|
21378
|
+
selectedData_1 = {};
|
|
21379
|
+
}
|
|
21380
|
+
// if (options.resetLayer !== false) {
|
|
21381
|
+
// if (currentSelectGroup != null) {
|
|
21382
|
+
// this.resetLayerData(currentSelectGroup);
|
|
21383
|
+
// }
|
|
21384
|
+
// if (lastSelectGroup != null && lastSelectGroup !== currentSelectGroup) {
|
|
21385
|
+
// this.resetLayerData(lastSelectGroup);
|
|
21386
|
+
// }
|
|
21387
|
+
// }
|
|
21388
|
+
// 如果选中的id找不到对应数据,可能是数据还没加载,
|
|
21389
|
+
if (id == null || item != null) {
|
|
21390
|
+
this.zone.run(function () {
|
|
21391
|
+
_this.makerClick.emit(Object.assign(Object.assign({}, selectedData_1), { id: selectedData_1.id_value || selectedData_1.id }));
|
|
21392
|
+
});
|
|
21393
|
+
}
|
|
21394
|
+
}
|
|
21395
|
+
};
|
|
21396
|
+
TiandituMarkerComponent.prototype.resetLayerData = function (group) {
|
|
21397
|
+
// const layer = this.layerMap[group];
|
|
21398
|
+
// const data = this.groupData[group];
|
|
21399
|
+
// if (layer && data) {
|
|
21400
|
+
// layer.setData(data);
|
|
21401
|
+
// }
|
|
21402
|
+
};
|
|
21403
|
+
TiandituMarkerComponent.prototype.updateSize = function (item, scale) {
|
|
21404
|
+
// if (item && this.enlargeOnSelect) {
|
|
21405
|
+
// const layer = this.layerMap[item.properties.group];
|
|
21406
|
+
// let options: any;
|
|
21407
|
+
// if (layer instanceof mapvgl.ClusterLayer) {
|
|
21408
|
+
// options = layer.getOptions().iconOptions;
|
|
21409
|
+
// } else {
|
|
21410
|
+
// options = layer.getOptions();
|
|
21411
|
+
// }
|
|
21412
|
+
// const { height, width, offset } = options;
|
|
21413
|
+
// item.properties.height = height * scale;
|
|
21414
|
+
// item.properties.width = width * scale;
|
|
21415
|
+
// if (item.properties.offset) {
|
|
21416
|
+
// item.properties.offset = [offset[0] * scale, offset[1] * scale];
|
|
21417
|
+
// }
|
|
21418
|
+
// }
|
|
21419
|
+
};
|
|
21420
|
+
return TiandituMarkerComponent;
|
|
21421
|
+
}(BaseLayer$1));
|
|
21422
|
+
exports.ɵec.decorators = [
|
|
21423
|
+
{ type: i0.Component, args: [{
|
|
21424
|
+
selector: 'sc-tianditu-marker',
|
|
21425
|
+
template: "",
|
|
21426
|
+
styles: [""]
|
|
21427
|
+
},] }
|
|
21428
|
+
];
|
|
21429
|
+
exports.ɵec.ctorParameters = function () { return [
|
|
21430
|
+
{ type: exports.ɵeb },
|
|
21431
|
+
{ type: i0.NgZone },
|
|
21432
|
+
{ type: FileUrlService },
|
|
21433
|
+
{ type: dropdown.NzContextMenuService }
|
|
21434
|
+
]; };
|
|
21435
|
+
exports.ɵec.propDecorators = {
|
|
21436
|
+
menu: [{ type: i0.ViewChild, args: ['menu',] }]
|
|
21437
|
+
};
|
|
21438
|
+
__decorate([
|
|
21439
|
+
bbjWidgetBase.Property('', { min: 1, ui: { widget: 'myPicture', spanLabel: 0, spanControl: 24 } }),
|
|
21440
|
+
__metadata("design:type", Object)
|
|
21441
|
+
], exports.ɵec.prototype, "iconUrl", void 0);
|
|
21442
|
+
__decorate([
|
|
21443
|
+
bbjWidgetBase.Property('图标宽', { type: 'number' }),
|
|
21444
|
+
__metadata("design:type", Object)
|
|
21445
|
+
], exports.ɵec.prototype, "iconWidth", void 0);
|
|
21446
|
+
__decorate([
|
|
21447
|
+
bbjWidgetBase.Property('图标高', { type: 'number' }),
|
|
21448
|
+
__metadata("design:type", Object)
|
|
21449
|
+
], exports.ɵec.prototype, "iconHeight", void 0);
|
|
21450
|
+
__decorate([
|
|
21451
|
+
bbjWidgetBase.Property('图标偏移x', { type: 'number' }),
|
|
21452
|
+
__metadata("design:type", Object)
|
|
21453
|
+
], exports.ɵec.prototype, "iconOffsetX", void 0);
|
|
21454
|
+
__decorate([
|
|
21455
|
+
bbjWidgetBase.Property('图标偏移y', { type: 'number' }),
|
|
21456
|
+
__metadata("design:type", Object)
|
|
21457
|
+
], exports.ɵec.prototype, "iconOffsetY", void 0);
|
|
21458
|
+
__decorate([
|
|
21459
|
+
bbjWidgetBase.Property('移至中心'),
|
|
21460
|
+
__metadata("design:type", Boolean)
|
|
21461
|
+
], exports.ɵec.prototype, "toCenter", void 0);
|
|
21462
|
+
__decorate([
|
|
21463
|
+
bbjWidgetBase.Property('显示标签', { ui: { visibleIf: { enableMarkerClusterer: [false] } } }),
|
|
21464
|
+
__metadata("design:type", Boolean)
|
|
21465
|
+
], exports.ɵec.prototype, "showLabel", void 0);
|
|
21466
|
+
__decorate([
|
|
21467
|
+
bbjWidgetBase.Property('标签显示缩放等级', { ui: { visibleIf: { showLabel: [true] } } }),
|
|
21468
|
+
__metadata("design:type", Number)
|
|
21469
|
+
], exports.ɵec.prototype, "showLabelMinZoom", void 0);
|
|
21470
|
+
__decorate([
|
|
21471
|
+
bbjWidgetBase.Property('标签字体', { ui: { widget: 'myFont', visibleIf: { showLabel: [true] } } }),
|
|
21472
|
+
__metadata("design:type", Object)
|
|
21473
|
+
], exports.ɵec.prototype, "labelFont", void 0);
|
|
21474
|
+
__decorate([
|
|
21475
|
+
bbjWidgetBase.Property('描边颜色', {
|
|
21476
|
+
ui: {
|
|
21477
|
+
widget: 'myColor',
|
|
21478
|
+
},
|
|
21479
|
+
}),
|
|
21480
|
+
__metadata("design:type", String)
|
|
21481
|
+
], exports.ɵec.prototype, "stroke", void 0);
|
|
21482
|
+
__decorate([
|
|
21483
|
+
bbjWidgetBase.Property('描边粗细', { type: 'integer' }),
|
|
21484
|
+
__metadata("design:type", Number)
|
|
21485
|
+
], exports.ɵec.prototype, "strokeWidth", void 0);
|
|
21486
|
+
__decorate([
|
|
21487
|
+
bbjWidgetBase.Property('标签偏移x', { ui: { widget: 'number', visibleIf: { showLabel: [true] } } }),
|
|
21488
|
+
__metadata("design:type", Object)
|
|
21489
|
+
], exports.ɵec.prototype, "labelOffsetX", void 0);
|
|
21490
|
+
__decorate([
|
|
21491
|
+
bbjWidgetBase.Property('标签偏移y', { ui: { widget: 'number', visibleIf: { showLabel: [true] } } }),
|
|
21492
|
+
__metadata("design:type", Object)
|
|
21493
|
+
], exports.ɵec.prototype, "labelOffsetY", void 0);
|
|
21494
|
+
__decorate([
|
|
21495
|
+
bbjWidgetBase.Property('选中时地图缩放', { type: 'number' }),
|
|
21496
|
+
__metadata("design:type", Number)
|
|
21497
|
+
], exports.ɵec.prototype, "selectedMapZoom", void 0);
|
|
21498
|
+
__decorate([
|
|
21499
|
+
bbjWidgetBase.Property('点击空白取消选中', { type: 'boolean', default: true }),
|
|
21500
|
+
__metadata("design:type", Object)
|
|
21501
|
+
], exports.ɵec.prototype, "unselectOnClickBlank", void 0);
|
|
21502
|
+
__decorate([
|
|
21503
|
+
bbjWidgetBase.Property('标记分组', {
|
|
21504
|
+
type: 'array',
|
|
21505
|
+
title: '标记分组',
|
|
21506
|
+
maxItems: 10,
|
|
21507
|
+
items: {
|
|
21508
|
+
type: 'object',
|
|
21509
|
+
properties: {
|
|
21510
|
+
group: {
|
|
21511
|
+
type: 'string',
|
|
21512
|
+
title: '分组',
|
|
21513
|
+
},
|
|
21514
|
+
// type: {
|
|
21515
|
+
// title: '类型',
|
|
21516
|
+
// type: 'string',
|
|
21517
|
+
// enum: [
|
|
21518
|
+
// {
|
|
21519
|
+
// label: '图标',
|
|
21520
|
+
// value: 'icon',
|
|
21521
|
+
// },
|
|
21522
|
+
// {
|
|
21523
|
+
// label: '圆点',
|
|
21524
|
+
// value: 'circle',
|
|
21525
|
+
// },
|
|
21526
|
+
// {
|
|
21527
|
+
// label: '正方形',
|
|
21528
|
+
// value: 'square',
|
|
21529
|
+
// },
|
|
21530
|
+
// {
|
|
21531
|
+
// label: '波纹',
|
|
21532
|
+
// value: 'wave',
|
|
21533
|
+
// },
|
|
21534
|
+
// {
|
|
21535
|
+
// label: '扩散',
|
|
21536
|
+
// value: 'bubble',
|
|
21537
|
+
// },
|
|
21538
|
+
// ],
|
|
21539
|
+
// default: 'icon',
|
|
21540
|
+
// },
|
|
21541
|
+
// color: {
|
|
21542
|
+
// type: 'string',
|
|
21543
|
+
// title: '颜色',
|
|
21544
|
+
// ui: { widget: 'myColor', visibleIf: { type: ['circle', 'square'] } },
|
|
21545
|
+
// },
|
|
21546
|
+
// size: {
|
|
21547
|
+
// type: 'number',
|
|
21548
|
+
// title: '尺寸',
|
|
21549
|
+
// ui: { visibleIf: { type: ['circle', 'square', 'wave', 'bubble'] } },
|
|
21550
|
+
// },
|
|
21551
|
+
imageUrl: {
|
|
21552
|
+
type: 'string',
|
|
21553
|
+
title: '图片',
|
|
21554
|
+
ui: {
|
|
21555
|
+
widget: 'myPicture',
|
|
21556
|
+
visibleIf: { type: ['icon'] },
|
|
21557
|
+
},
|
|
21558
|
+
},
|
|
21559
|
+
width: {
|
|
21560
|
+
type: 'number',
|
|
21561
|
+
title: '宽度',
|
|
21562
|
+
default: 19,
|
|
21563
|
+
ui: { visibleIf: { type: ['icon'] } },
|
|
21564
|
+
},
|
|
21565
|
+
height: {
|
|
21566
|
+
type: 'number',
|
|
21567
|
+
title: '高度',
|
|
21568
|
+
default: 25,
|
|
21569
|
+
ui: { visibleIf: { type: ['icon'] } },
|
|
21570
|
+
},
|
|
21571
|
+
XOffset: {
|
|
21572
|
+
type: 'number',
|
|
21573
|
+
title: 'X轴偏移',
|
|
21574
|
+
ui: { visibleIf: { type: ['icon'] } },
|
|
21575
|
+
},
|
|
21576
|
+
YOffset: {
|
|
21577
|
+
type: 'number',
|
|
21578
|
+
title: 'Y轴偏移',
|
|
21579
|
+
ui: { visibleIf: { type: ['icon'] } },
|
|
21580
|
+
},
|
|
21581
|
+
},
|
|
21582
|
+
required: [],
|
|
21583
|
+
},
|
|
21584
|
+
ui: { grid: { arraySpan: 24 }, spanControl: 24 },
|
|
21585
|
+
}),
|
|
21586
|
+
__metadata("design:type", Object)
|
|
21587
|
+
], exports.ɵec.prototype, "groups", void 0);
|
|
21588
|
+
__decorate([
|
|
21589
|
+
bbjWidgetBase.Data({
|
|
21590
|
+
properties: {
|
|
21591
|
+
id: ɵ0$e,
|
|
21592
|
+
address: { type: 'string', title: '地点' },
|
|
21593
|
+
information: { type: 'string', title: '信息' },
|
|
21594
|
+
group: { type: 'string', title: '标记分组' },
|
|
21595
|
+
lng: { type: 'number', title: '经度' },
|
|
21596
|
+
lat: { type: 'number', title: '纬度' },
|
|
21597
|
+
icon: { type: 'string', title: '图标' },
|
|
21598
|
+
},
|
|
21599
|
+
}),
|
|
21600
|
+
__metadata("design:type", Array)
|
|
21601
|
+
], exports.ɵec.prototype, "data", void 0);
|
|
21602
|
+
__decorate([
|
|
21603
|
+
bbjWidgetBase.DataOutput(['id', 'address', 'lng', 'lat']),
|
|
21604
|
+
bbjWidgetBase.Event('选中值改变', {
|
|
21605
|
+
params: {
|
|
21606
|
+
properties: {
|
|
21607
|
+
id: ɵ1$c,
|
|
21608
|
+
address: { type: 'string', title: '地点' },
|
|
21609
|
+
lng: { type: 'number', title: '经度' },
|
|
21610
|
+
lat: { type: 'number', title: '纬度' },
|
|
21611
|
+
},
|
|
21612
|
+
},
|
|
21613
|
+
}),
|
|
21614
|
+
__metadata("design:type", Object)
|
|
21615
|
+
], exports.ɵec.prototype, "makerClick", void 0);
|
|
21616
|
+
__decorate([
|
|
21617
|
+
bbjWidgetBase.DataInput('选中id'),
|
|
21618
|
+
__metadata("design:type", String)
|
|
21619
|
+
], exports.ɵec.prototype, "selectedId", void 0);
|
|
21620
|
+
__decorate([
|
|
21621
|
+
bbjWidgetBase.Event('点击', {
|
|
21622
|
+
params: {
|
|
21623
|
+
properties: {
|
|
21624
|
+
id: ɵ2$a,
|
|
21625
|
+
address: { type: 'string', title: '地点' },
|
|
21626
|
+
lng: { type: 'number', title: '经度' },
|
|
21627
|
+
lat: { type: 'number', title: '纬度' },
|
|
21628
|
+
},
|
|
21629
|
+
},
|
|
21630
|
+
}),
|
|
21631
|
+
__metadata("design:type", Object)
|
|
21632
|
+
], exports.ɵec.prototype, "onClick", void 0);
|
|
21633
|
+
exports.ɵec = __decorate([
|
|
21634
|
+
bbjWidgetBase.Widget('标记层', {
|
|
21635
|
+
hidden: true,
|
|
21636
|
+
}),
|
|
21637
|
+
__metadata("design:paramtypes", [exports.ɵeb,
|
|
21638
|
+
i0.NgZone,
|
|
21639
|
+
FileUrlService,
|
|
21640
|
+
dropdown.NzContextMenuService])
|
|
21641
|
+
], exports.ɵec);
|
|
21642
|
+
|
|
21643
|
+
var TiandituModule = /** @class */ (function () {
|
|
21644
|
+
function TiandituModule(widgetService) {
|
|
21645
|
+
widgetService.register(exports.ɵeb, { scaleContent: false });
|
|
21646
|
+
widgetService.register(exports.ɵec);
|
|
21647
|
+
}
|
|
21648
|
+
return TiandituModule;
|
|
21649
|
+
}());
|
|
21650
|
+
TiandituModule.decorators = [
|
|
21651
|
+
{ type: i0.NgModule, args: [{
|
|
21652
|
+
declarations: [exports.ɵeb, exports.ɵec],
|
|
21653
|
+
imports: [common.CommonModule, bbjWidgetBase.WidgetBaseModule],
|
|
21654
|
+
},] }
|
|
21655
|
+
];
|
|
21656
|
+
TiandituModule.ctorParameters = function () { return [
|
|
21657
|
+
{ type: bbjWidgetBase.WidgetService }
|
|
21658
|
+
]; };
|
|
21659
|
+
|
|
21660
|
+
var ScreenWidgetModule = /** @class */ (function () {
|
|
21661
|
+
function ScreenWidgetModule(widgetService) {
|
|
21662
|
+
widgetService.register(exports.ɵp, { size: { width: 60, height: 30 } });
|
|
21663
|
+
widgetService.register(exports.ɵx, {
|
|
21664
|
+
size: { width: 200, height: 36 },
|
|
21665
|
+
option: {
|
|
21666
|
+
borderColor: '#3285ff',
|
|
21667
|
+
background: 'rgba(50,133,255,0.2)',
|
|
21668
|
+
dropdownBackgroundColor: '#3285ff',
|
|
21669
|
+
selectDropDownColor: '#fff',
|
|
21670
|
+
selectHoverColor: '#fff',
|
|
21671
|
+
selectHoverBackgroundColor: '#3285ff',
|
|
21672
|
+
font: { color: '#ffffff' },
|
|
21673
|
+
dropdownBg: 'rgba(50,133,255,0.2)',
|
|
21674
|
+
dropdownBorderColor: '#3285ff',
|
|
21675
|
+
},
|
|
21676
|
+
});
|
|
21677
|
+
for (var i = 1; i <= 82; i++) {
|
|
21678
|
+
widgetService.register(exports.ɵb, {
|
|
21679
|
+
option: { image: "assets/img/screen/picture" + i + ".png" },
|
|
21680
|
+
});
|
|
21681
|
+
}
|
|
21682
|
+
icons.forEach(function (icon) {
|
|
21683
|
+
widgetService.register(exports.ɵbn, {
|
|
21684
|
+
option: { icon: icon },
|
|
21685
|
+
});
|
|
21686
|
+
});
|
|
21687
|
+
widgetService.register(exports.ɵbi, {
|
|
21688
|
+
className: 'big-title title',
|
|
21689
|
+
title: '大标题',
|
|
21690
|
+
option: {
|
|
21691
|
+
title: '大标题',
|
|
21692
|
+
font: { family: '', color: '#ffffff', weight: 'normal', size: 36, space: 0, lineHeight: 50 },
|
|
21693
|
+
},
|
|
21694
|
+
}, {
|
|
21695
|
+
className: 'normal-title title',
|
|
21696
|
+
title: '标题',
|
|
21697
|
+
option: {
|
|
21698
|
+
title: '标题',
|
|
21699
|
+
font: { family: '', color: '#ffffff', weight: 'normal', size: 32, space: 0, lineHeight: 45 },
|
|
21700
|
+
},
|
|
21701
|
+
}, {
|
|
21702
|
+
className: 'subtitle title',
|
|
21703
|
+
title: '副标题',
|
|
21704
|
+
option: {
|
|
21705
|
+
title: '副标题',
|
|
21706
|
+
font: { family: '', color: '#ffffff', weight: 'normal', size: 24, space: 0, lineHeight: 33 },
|
|
21707
|
+
},
|
|
21708
|
+
}, {
|
|
21709
|
+
className: 'small-title title',
|
|
21710
|
+
title: '小标题',
|
|
21711
|
+
option: {
|
|
21712
|
+
title: '小标题',
|
|
21713
|
+
font: { family: '', color: '#ffffff', weight: 'normal', size: 16, space: 0, lineHeight: 22 },
|
|
21714
|
+
},
|
|
21715
|
+
}, {
|
|
21716
|
+
className: 'content title',
|
|
21717
|
+
title: '正文内容',
|
|
21718
|
+
option: {
|
|
21719
|
+
title: '正文内容',
|
|
21720
|
+
font: { family: '', color: '#ffffff', weight: 'normal', size: 13, space: 0, lineHeight: 18 },
|
|
21721
|
+
},
|
|
21722
|
+
});
|
|
21723
|
+
widgetService.register(exports.ɵbl, {
|
|
21724
|
+
className: 'wordart1 wordart',
|
|
21725
|
+
title: '可视化数字大屏',
|
|
21726
|
+
option: {
|
|
21727
|
+
title: '可视化数字大屏',
|
|
21728
|
+
font: { family: 'cursive', color: '#3285FF', weight: 'normal', size: 24, space: 0, lineHeight: '' },
|
|
21729
|
+
},
|
|
21730
|
+
}, {
|
|
21731
|
+
className: 'wordart2 wordart',
|
|
21732
|
+
title: '可视化数字大屏',
|
|
21733
|
+
option: {
|
|
21734
|
+
title: '可视化数字大屏',
|
|
21735
|
+
font: { family: 'sans-serif', color: '#7ee5ce', weight: 'bold', size: 24, space: 0, lineHeight: '' },
|
|
21736
|
+
},
|
|
21737
|
+
}, {
|
|
21738
|
+
className: 'wordart3 wordart',
|
|
20638
21739
|
title: '可视化数字大屏',
|
|
20639
21740
|
option: {
|
|
20640
21741
|
title: '可视化数字大屏',
|
|
@@ -21004,6 +22105,11 @@
|
|
|
21004
22105
|
IframeModule,
|
|
21005
22106
|
VideoGridModule,
|
|
21006
22107
|
Scatter3dModule,
|
|
22108
|
+
TiandituModule
|
|
22109
|
+
// DropDownDetailListModule,
|
|
22110
|
+
// DynamicListModule,
|
|
22111
|
+
// MyBaiduMapModule,
|
|
22112
|
+
// DataMapModule
|
|
21007
22113
|
],
|
|
21008
22114
|
exports: [],
|
|
21009
22115
|
declarations: [],
|
|
@@ -21013,7 +22119,7 @@
|
|
|
21013
22119
|
{ type: bbjWidgetBase.WidgetService }
|
|
21014
22120
|
]; };
|
|
21015
22121
|
|
|
21016
|
-
exports.ɵ
|
|
22122
|
+
exports.ɵef = /** @class */ (function () {
|
|
21017
22123
|
function AnnouncementComponent(element) {
|
|
21018
22124
|
this.element = element;
|
|
21019
22125
|
this.headIconDisplay = true;
|
|
@@ -21051,32 +22157,32 @@
|
|
|
21051
22157
|
};
|
|
21052
22158
|
return AnnouncementComponent;
|
|
21053
22159
|
}());
|
|
21054
|
-
exports.ɵ
|
|
22160
|
+
exports.ɵef.decorators = [
|
|
21055
22161
|
{ type: i0.Component, args: [{
|
|
21056
22162
|
selector: 'sc-announcement',
|
|
21057
22163
|
template: "<ng-container *ngIf=\"data[0]\">\n {{data[0].content}}\n</ng-container>",
|
|
21058
22164
|
styles: [":host{height:100%;overflow:auto;display:block}"]
|
|
21059
22165
|
},] }
|
|
21060
22166
|
];
|
|
21061
|
-
exports.ɵ
|
|
22167
|
+
exports.ɵef.ctorParameters = function () { return [
|
|
21062
22168
|
{ type: i0.ElementRef }
|
|
21063
22169
|
]; };
|
|
21064
22170
|
__decorate([
|
|
21065
22171
|
bbjWidgetBase.Property('显示图标', { type: 'boolean' }),
|
|
21066
22172
|
__metadata("design:type", Object)
|
|
21067
|
-
], exports.ɵ
|
|
22173
|
+
], exports.ɵef.prototype, "headIconDisplay", void 0);
|
|
21068
22174
|
__decorate([
|
|
21069
22175
|
bbjWidgetBase.Property('内边距', { ui: { widget: 'myGrid' } }),
|
|
21070
22176
|
__metadata("design:type", Object)
|
|
21071
|
-
], exports.ɵ
|
|
22177
|
+
], exports.ɵef.prototype, "padding", void 0);
|
|
21072
22178
|
__decorate([
|
|
21073
22179
|
bbjWidgetBase.Property('字体', { ui: { widget: 'myFont' } }),
|
|
21074
22180
|
__metadata("design:type", Object)
|
|
21075
|
-
], exports.ɵ
|
|
22181
|
+
], exports.ɵef.prototype, "font", void 0);
|
|
21076
22182
|
__decorate([
|
|
21077
22183
|
bbjWidgetBase.Property('图标', { ui: { hidden: true } }),
|
|
21078
22184
|
__metadata("design:type", Object)
|
|
21079
|
-
], exports.ɵ
|
|
22185
|
+
], exports.ɵef.prototype, "icon", void 0);
|
|
21080
22186
|
__decorate([
|
|
21081
22187
|
bbjWidgetBase.Data({
|
|
21082
22188
|
properties: {
|
|
@@ -21084,23 +22190,23 @@
|
|
|
21084
22190
|
},
|
|
21085
22191
|
}),
|
|
21086
22192
|
__metadata("design:type", Object)
|
|
21087
|
-
], exports.ɵ
|
|
21088
|
-
exports.ɵ
|
|
22193
|
+
], exports.ɵef.prototype, "data", void 0);
|
|
22194
|
+
exports.ɵef = __decorate([
|
|
21089
22195
|
bbjWidgetBase.Widget('公告', { group: 'component', image: 'assets/img/screen/announcement.png', icon: 'iconmokuai' }),
|
|
21090
22196
|
__metadata("design:paramtypes", [i0.ElementRef])
|
|
21091
|
-
], exports.ɵ
|
|
22197
|
+
], exports.ɵef);
|
|
21092
22198
|
|
|
21093
22199
|
var AnnouncementModule = /** @class */ (function () {
|
|
21094
22200
|
function AnnouncementModule(widgetService) {
|
|
21095
22201
|
this.widgetService = widgetService;
|
|
21096
|
-
widgetService.register(exports.ɵ
|
|
22202
|
+
widgetService.register(exports.ɵef);
|
|
21097
22203
|
}
|
|
21098
22204
|
return AnnouncementModule;
|
|
21099
22205
|
}());
|
|
21100
22206
|
AnnouncementModule.decorators = [
|
|
21101
22207
|
{ type: i0.NgModule, args: [{
|
|
21102
22208
|
declarations: [
|
|
21103
|
-
exports.ɵ
|
|
22209
|
+
exports.ɵef
|
|
21104
22210
|
],
|
|
21105
22211
|
imports: [
|
|
21106
22212
|
common.CommonModule,
|
|
@@ -21123,8 +22229,8 @@
|
|
|
21123
22229
|
}
|
|
21124
22230
|
}
|
|
21125
22231
|
|
|
21126
|
-
var ɵ0$
|
|
21127
|
-
exports.ɵ
|
|
22232
|
+
var ɵ0$f = { type: 'string', title: 'id' };
|
|
22233
|
+
exports.ɵek = /** @class */ (function () {
|
|
21128
22234
|
function CalendarComponent(router, cd) {
|
|
21129
22235
|
var _this = this;
|
|
21130
22236
|
this.router = router;
|
|
@@ -21244,40 +22350,40 @@
|
|
|
21244
22350
|
};
|
|
21245
22351
|
return CalendarComponent;
|
|
21246
22352
|
}());
|
|
21247
|
-
exports.ɵ
|
|
22353
|
+
exports.ɵek.decorators = [
|
|
21248
22354
|
{ type: i0.Component, args: [{
|
|
21249
22355
|
selector: 'sc-calendar',
|
|
21250
22356
|
template: "<full-calendar *ngIf=\"calendarOptions\" [options]=\"calendarOptions\"></full-calendar>\n<ng-template *ngFor=\"let child of children\" widget-host [widget]=\"child\"></ng-template>\n",
|
|
21251
22357
|
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}"]
|
|
21252
22358
|
},] }
|
|
21253
22359
|
];
|
|
21254
|
-
exports.ɵ
|
|
22360
|
+
exports.ɵek.ctorParameters = function () { return [
|
|
21255
22361
|
{ type: router.Router },
|
|
21256
22362
|
{ type: i0.ChangeDetectorRef }
|
|
21257
22363
|
]; };
|
|
21258
22364
|
__decorate([
|
|
21259
22365
|
bbjWidgetBase.Property('是否自定义初始日期', { ui: { format: 'date', widget: 'checkbox', spanLabel: 0, spanControl: 24 } }),
|
|
21260
22366
|
__metadata("design:type", Object)
|
|
21261
|
-
], exports.ɵ
|
|
22367
|
+
], exports.ɵek.prototype, "isInitialDate", void 0);
|
|
21262
22368
|
__decorate([
|
|
21263
22369
|
bbjWidgetBase.Property('', { ui: { type: 'date', format: 'date', spanLabel: 0, spanControl: 24 } }),
|
|
21264
22370
|
__metadata("design:type", Object)
|
|
21265
|
-
], exports.ɵ
|
|
22371
|
+
], exports.ɵek.prototype, "initialDate", void 0);
|
|
21266
22372
|
__decorate([
|
|
21267
22373
|
bbjWidgetBase.Data({
|
|
21268
22374
|
properties: {
|
|
21269
|
-
id: ɵ0$
|
|
22375
|
+
id: ɵ0$f,
|
|
21270
22376
|
start: { type: 'string', title: '开始日期' },
|
|
21271
22377
|
end: { type: 'string', title: '结束日期' },
|
|
21272
22378
|
title: { type: 'string', title: '内容' },
|
|
21273
22379
|
},
|
|
21274
22380
|
}),
|
|
21275
22381
|
__metadata("design:type", Array)
|
|
21276
|
-
], exports.ɵ
|
|
22382
|
+
], exports.ɵek.prototype, "data", void 0);
|
|
21277
22383
|
__decorate([
|
|
21278
22384
|
bbjWidgetBase.DataOutput(['id', 'title']),
|
|
21279
22385
|
__metadata("design:type", Object)
|
|
21280
|
-
], exports.ɵ
|
|
22386
|
+
], exports.ɵek.prototype, "dataClick", void 0);
|
|
21281
22387
|
__decorate([
|
|
21282
22388
|
bbjWidgetBase.DataOutput({
|
|
21283
22389
|
properties: {
|
|
@@ -21287,8 +22393,8 @@
|
|
|
21287
22393
|
},
|
|
21288
22394
|
}, { triggerLink: false }),
|
|
21289
22395
|
__metadata("design:type", Object)
|
|
21290
|
-
], exports.ɵ
|
|
21291
|
-
exports.ɵ
|
|
22396
|
+
], exports.ɵek.prototype, "datesSetChange", void 0);
|
|
22397
|
+
exports.ɵek = __decorate([
|
|
21292
22398
|
bbjWidgetBase.Widget('日历', {
|
|
21293
22399
|
group: 'component',
|
|
21294
22400
|
image: 'assets/img/screen/rili.png',
|
|
@@ -21296,7 +22402,7 @@
|
|
|
21296
22402
|
childTypes: ['sc-calendar-events', 'sc-calendar-background-events'],
|
|
21297
22403
|
}),
|
|
21298
22404
|
__metadata("design:paramtypes", [router.Router, i0.ChangeDetectorRef])
|
|
21299
|
-
], exports.ɵ
|
|
22405
|
+
], exports.ɵek);
|
|
21300
22406
|
|
|
21301
22407
|
var CalendarEventsChild = /** @class */ (function () {
|
|
21302
22408
|
function CalendarEventsChild(parent) {
|
|
@@ -21322,11 +22428,11 @@
|
|
|
21322
22428
|
{ type: i0.Directive }
|
|
21323
22429
|
];
|
|
21324
22430
|
CalendarEventsChild.ctorParameters = function () { return [
|
|
21325
|
-
{ type: exports.ɵ
|
|
22431
|
+
{ type: exports.ɵek }
|
|
21326
22432
|
]; };
|
|
21327
22433
|
|
|
21328
|
-
var ɵ0$
|
|
21329
|
-
exports.ɵ
|
|
22434
|
+
var ɵ0$g = { type: 'string', title: 'id' };
|
|
22435
|
+
exports.ɵel = /** @class */ (function (_super) {
|
|
21330
22436
|
__extends(BackgroundEventsComponent, _super);
|
|
21331
22437
|
function BackgroundEventsComponent(parent) {
|
|
21332
22438
|
var _this = _super.call(this, parent) || this;
|
|
@@ -21351,15 +22457,15 @@
|
|
|
21351
22457
|
};
|
|
21352
22458
|
return BackgroundEventsComponent;
|
|
21353
22459
|
}(CalendarEventsChild));
|
|
21354
|
-
exports.ɵ
|
|
22460
|
+
exports.ɵel.decorators = [
|
|
21355
22461
|
{ type: i0.Component, args: [{
|
|
21356
22462
|
selector: 'sc-calendar-background-events',
|
|
21357
22463
|
template: "",
|
|
21358
22464
|
styles: [""]
|
|
21359
22465
|
},] }
|
|
21360
22466
|
];
|
|
21361
|
-
exports.ɵ
|
|
21362
|
-
{ type: exports.ɵ
|
|
22467
|
+
exports.ɵel.ctorParameters = function () { return [
|
|
22468
|
+
{ type: exports.ɵek }
|
|
21363
22469
|
]; };
|
|
21364
22470
|
__decorate([
|
|
21365
22471
|
bbjWidgetBase.Property('颜色', {
|
|
@@ -21368,11 +22474,11 @@
|
|
|
21368
22474
|
},
|
|
21369
22475
|
}),
|
|
21370
22476
|
__metadata("design:type", String)
|
|
21371
|
-
], exports.ɵ
|
|
22477
|
+
], exports.ɵel.prototype, "color", void 0);
|
|
21372
22478
|
__decorate([
|
|
21373
22479
|
bbjWidgetBase.Data({
|
|
21374
22480
|
properties: {
|
|
21375
|
-
id: ɵ0$
|
|
22481
|
+
id: ɵ0$g,
|
|
21376
22482
|
start: { type: 'string', title: '开始日期' },
|
|
21377
22483
|
end: { type: 'string', title: '结束日期' },
|
|
21378
22484
|
title: { type: 'string', title: '标题' },
|
|
@@ -21380,14 +22486,14 @@
|
|
|
21380
22486
|
},
|
|
21381
22487
|
}),
|
|
21382
22488
|
__metadata("design:type", Array)
|
|
21383
|
-
], exports.ɵ
|
|
21384
|
-
exports.ɵ
|
|
22489
|
+
], exports.ɵel.prototype, "data", void 0);
|
|
22490
|
+
exports.ɵel = __decorate([
|
|
21385
22491
|
bbjWidgetBase.Widget('背景颜色', { hidden: true }),
|
|
21386
|
-
__metadata("design:paramtypes", [exports.ɵ
|
|
21387
|
-
], exports.ɵ
|
|
22492
|
+
__metadata("design:paramtypes", [exports.ɵek])
|
|
22493
|
+
], exports.ɵel);
|
|
21388
22494
|
|
|
21389
|
-
var ɵ0$
|
|
21390
|
-
exports.ɵ
|
|
22495
|
+
var ɵ0$h = { type: 'string', title: 'id' };
|
|
22496
|
+
exports.ɵen = /** @class */ (function (_super) {
|
|
21391
22497
|
__extends(EventsComponent, _super);
|
|
21392
22498
|
function EventsComponent(parent) {
|
|
21393
22499
|
var _this = _super.call(this, parent) || this;
|
|
@@ -21418,15 +22524,15 @@
|
|
|
21418
22524
|
};
|
|
21419
22525
|
return EventsComponent;
|
|
21420
22526
|
}(CalendarEventsChild));
|
|
21421
|
-
exports.ɵ
|
|
22527
|
+
exports.ɵen.decorators = [
|
|
21422
22528
|
{ type: i0.Component, args: [{
|
|
21423
22529
|
selector: 'sc-calendar-events',
|
|
21424
22530
|
template: "",
|
|
21425
22531
|
styles: [""]
|
|
21426
22532
|
},] }
|
|
21427
22533
|
];
|
|
21428
|
-
exports.ɵ
|
|
21429
|
-
{ type: exports.ɵ
|
|
22534
|
+
exports.ɵen.ctorParameters = function () { return [
|
|
22535
|
+
{ type: exports.ɵek }
|
|
21430
22536
|
]; };
|
|
21431
22537
|
__decorate([
|
|
21432
22538
|
bbjWidgetBase.Property('颜色', {
|
|
@@ -21435,11 +22541,11 @@
|
|
|
21435
22541
|
},
|
|
21436
22542
|
}),
|
|
21437
22543
|
__metadata("design:type", String)
|
|
21438
|
-
], exports.ɵ
|
|
22544
|
+
], exports.ɵen.prototype, "color", void 0);
|
|
21439
22545
|
__decorate([
|
|
21440
22546
|
bbjWidgetBase.Data({
|
|
21441
22547
|
properties: {
|
|
21442
|
-
id: ɵ0$
|
|
22548
|
+
id: ɵ0$h,
|
|
21443
22549
|
start: { type: 'string', title: '开始日期' },
|
|
21444
22550
|
end: { type: 'string', title: '结束日期' },
|
|
21445
22551
|
title: { type: 'string', title: '标题' },
|
|
@@ -21447,15 +22553,15 @@
|
|
|
21447
22553
|
},
|
|
21448
22554
|
}),
|
|
21449
22555
|
__metadata("design:type", Array)
|
|
21450
|
-
], exports.ɵ
|
|
22556
|
+
], exports.ɵen.prototype, "data", void 0);
|
|
21451
22557
|
__decorate([
|
|
21452
22558
|
bbjWidgetBase.DataOutput(['id', 'title']),
|
|
21453
22559
|
__metadata("design:type", Object)
|
|
21454
|
-
], exports.ɵ
|
|
21455
|
-
exports.ɵ
|
|
22560
|
+
], exports.ɵen.prototype, "dataClick", void 0);
|
|
22561
|
+
exports.ɵen = __decorate([
|
|
21456
22562
|
bbjWidgetBase.Widget('事件', { hidden: true }),
|
|
21457
|
-
__metadata("design:paramtypes", [exports.ɵ
|
|
21458
|
-
], exports.ɵ
|
|
22563
|
+
__metadata("design:paramtypes", [exports.ɵek])
|
|
22564
|
+
], exports.ɵen);
|
|
21459
22565
|
|
|
21460
22566
|
var CalendarModule = /** @class */ (function () {
|
|
21461
22567
|
function CalendarModule(widgetService) {
|
|
@@ -21464,15 +22570,15 @@
|
|
|
21464
22570
|
timeGridPlugin__default['default'],
|
|
21465
22571
|
interactionPlugin__default['default'],
|
|
21466
22572
|
]);
|
|
21467
|
-
widgetService.register(exports.ɵeh);
|
|
21468
22573
|
widgetService.register(exports.ɵek);
|
|
21469
|
-
widgetService.register(exports.ɵ
|
|
22574
|
+
widgetService.register(exports.ɵen);
|
|
22575
|
+
widgetService.register(exports.ɵel);
|
|
21470
22576
|
}
|
|
21471
22577
|
return CalendarModule;
|
|
21472
22578
|
}());
|
|
21473
22579
|
CalendarModule.decorators = [
|
|
21474
22580
|
{ type: i0.NgModule, args: [{
|
|
21475
|
-
declarations: [exports.ɵ
|
|
22581
|
+
declarations: [exports.ɵek, exports.ɵel, exports.ɵen],
|
|
21476
22582
|
imports: [common.CommonModule, bbjWidgetBase.WidgetBaseModule, angular.FullCalendarModule],
|
|
21477
22583
|
},] }
|
|
21478
22584
|
];
|
|
@@ -21480,7 +22586,7 @@
|
|
|
21480
22586
|
{ type: bbjWidgetBase.WidgetService }
|
|
21481
22587
|
]; };
|
|
21482
22588
|
|
|
21483
|
-
exports.ɵ
|
|
22589
|
+
exports.ɵeh = /** @class */ (function () {
|
|
21484
22590
|
function TabsComponent() {
|
|
21485
22591
|
this.type = 'line';
|
|
21486
22592
|
this.size = 'default';
|
|
@@ -21499,14 +22605,14 @@
|
|
|
21499
22605
|
};
|
|
21500
22606
|
return TabsComponent;
|
|
21501
22607
|
}());
|
|
21502
|
-
exports.ɵ
|
|
22608
|
+
exports.ɵeh.decorators = [
|
|
21503
22609
|
{ type: i0.Component, args: [{
|
|
21504
22610
|
selector: 'sc-tabs',
|
|
21505
22611
|
template: "<nz-tabset\n [style]=\"tabPosition === 'top' || tabPosition === 'bottom' ? 'padding:0 10px' : ''\"\n [(nzSelectedIndex)]=\"selectedIndex\"\n [nzAnimated]=\"animated\"\n [nzSize]=\"size\"\n [nzTabPosition]=\"tabPosition\"\n [nzType]=\"type\"\n [nzTabBarGutter]=\"tabBarGutter\"\n>\n <nz-tab *ngFor=\"let child of children\" [nzTitle]=\"child.option.title\" nzForceRender>\n <ng-template widgetHost [widget]=\"child\"></ng-template>\n </nz-tab>\n</nz-tabset>\n",
|
|
21506
22612
|
styles: [":host{display:block}.ant-tabs,:host{height:100%}.ant-tabs ::ng-deep>.ant-tabs-nav{margin:0}.ant-tabs ::ng-deep .ant-tabs-content{height:100%}.ant-tabs ::ng-deep .ant-tabs-content .ant-tabs-tabpane{overflow:auto}.ant-tabs{display:flex}.ant-tabs ::ng-deep .ant-tabs-content{flex:1}.ant-tabs ::ng-deep.ant-tabs-bottom,.ant-tabs ::ng-deep.ant-tabs-top{flex-direction:column}.ant-tabs ::ng-deep.ant-tabs-bottom ::ng-deep>.ant-tabs-bar,.ant-tabs ::ng-deep.ant-tabs-right ::ng-deep>.ant-tabs-bar{order:1}"]
|
|
21507
22613
|
},] }
|
|
21508
22614
|
];
|
|
21509
|
-
exports.ɵ
|
|
22615
|
+
exports.ɵeh.ctorParameters = function () { return []; };
|
|
21510
22616
|
__decorate([
|
|
21511
22617
|
bbjWidgetBase.Property('页签样式', {
|
|
21512
22618
|
enum: [
|
|
@@ -21515,7 +22621,7 @@
|
|
|
21515
22621
|
],
|
|
21516
22622
|
}),
|
|
21517
22623
|
__metadata("design:type", Object)
|
|
21518
|
-
], exports.ɵ
|
|
22624
|
+
], exports.ɵeh.prototype, "type", void 0);
|
|
21519
22625
|
__decorate([
|
|
21520
22626
|
bbjWidgetBase.Property('尺寸', {
|
|
21521
22627
|
enum: [
|
|
@@ -21525,7 +22631,7 @@
|
|
|
21525
22631
|
],
|
|
21526
22632
|
}),
|
|
21527
22633
|
__metadata("design:type", Object)
|
|
21528
|
-
], exports.ɵ
|
|
22634
|
+
], exports.ɵeh.prototype, "size", void 0);
|
|
21529
22635
|
__decorate([
|
|
21530
22636
|
bbjWidgetBase.Property('页签位置', {
|
|
21531
22637
|
enum: [
|
|
@@ -21536,16 +22642,16 @@
|
|
|
21536
22642
|
],
|
|
21537
22643
|
}),
|
|
21538
22644
|
__metadata("design:type", Object)
|
|
21539
|
-
], exports.ɵ
|
|
22645
|
+
], exports.ɵeh.prototype, "tabPosition", void 0);
|
|
21540
22646
|
__decorate([
|
|
21541
22647
|
bbjWidgetBase.Property('切换动画', { type: 'boolean', ui: { visibleIf: { tabPosition: ['top', 'bottom'] } } }),
|
|
21542
22648
|
__metadata("design:type", Object)
|
|
21543
|
-
], exports.ɵ
|
|
22649
|
+
], exports.ɵeh.prototype, "animated", void 0);
|
|
21544
22650
|
__decorate([
|
|
21545
22651
|
bbjWidgetBase.Property('间隙'),
|
|
21546
22652
|
__metadata("design:type", Number)
|
|
21547
|
-
], exports.ɵ
|
|
21548
|
-
exports.ɵ
|
|
22653
|
+
], exports.ɵeh.prototype, "tabBarGutter", void 0);
|
|
22654
|
+
exports.ɵeh = __decorate([
|
|
21549
22655
|
bbjWidgetBase.Widget('标签页', {
|
|
21550
22656
|
group: 'component', image: 'assets/img/screen/tabs.png', icon: 'iconmokuai',
|
|
21551
22657
|
children: [
|
|
@@ -21560,42 +22666,42 @@
|
|
|
21560
22666
|
childTypes: ['sc-tab'],
|
|
21561
22667
|
}),
|
|
21562
22668
|
__metadata("design:paramtypes", [])
|
|
21563
|
-
], exports.ɵ
|
|
22669
|
+
], exports.ɵeh);
|
|
21564
22670
|
|
|
21565
|
-
exports.ɵ
|
|
22671
|
+
exports.ɵei = /** @class */ (function () {
|
|
21566
22672
|
function TabComponent() {
|
|
21567
22673
|
this.title = 'New Tab';
|
|
21568
22674
|
}
|
|
21569
22675
|
TabComponent.prototype.ngOnInit = function () { };
|
|
21570
22676
|
return TabComponent;
|
|
21571
22677
|
}());
|
|
21572
|
-
exports.ɵ
|
|
22678
|
+
exports.ɵei.decorators = [
|
|
21573
22679
|
{ type: i0.Component, args: [{
|
|
21574
22680
|
selector: 'sc-tab',
|
|
21575
22681
|
template: "<ng-template [widgetChildren]=\"children\"></ng-template>\n",
|
|
21576
22682
|
styles: [""]
|
|
21577
22683
|
},] }
|
|
21578
22684
|
];
|
|
21579
|
-
exports.ɵ
|
|
22685
|
+
exports.ɵei.ctorParameters = function () { return []; };
|
|
21580
22686
|
__decorate([
|
|
21581
22687
|
bbjWidgetBase.Property('标题'),
|
|
21582
22688
|
__metadata("design:type", Object)
|
|
21583
|
-
], exports.ɵ
|
|
21584
|
-
exports.ɵ
|
|
22689
|
+
], exports.ɵei.prototype, "title", void 0);
|
|
22690
|
+
exports.ɵei = __decorate([
|
|
21585
22691
|
bbjWidgetBase.Widget('选项卡', { hidden: true }),
|
|
21586
22692
|
__metadata("design:paramtypes", [])
|
|
21587
|
-
], exports.ɵ
|
|
22693
|
+
], exports.ɵei);
|
|
21588
22694
|
|
|
21589
22695
|
var TabsModule = /** @class */ (function () {
|
|
21590
22696
|
function TabsModule(widgetService) {
|
|
21591
|
-
widgetService.register(exports.ɵ
|
|
21592
|
-
widgetService.register(exports.ɵ
|
|
22697
|
+
widgetService.register(exports.ɵeh);
|
|
22698
|
+
widgetService.register(exports.ɵei);
|
|
21593
22699
|
}
|
|
21594
22700
|
return TabsModule;
|
|
21595
22701
|
}());
|
|
21596
22702
|
TabsModule.decorators = [
|
|
21597
22703
|
{ type: i0.NgModule, args: [{
|
|
21598
|
-
declarations: [exports.ɵ
|
|
22704
|
+
declarations: [exports.ɵeh, exports.ɵei],
|
|
21599
22705
|
imports: [common.CommonModule, bbjWidgetBase.WidgetBaseModule, tabs.NzTabsModule],
|
|
21600
22706
|
},] }
|
|
21601
22707
|
];
|
|
@@ -21603,7 +22709,7 @@
|
|
|
21603
22709
|
{ type: bbjWidgetBase.WidgetService }
|
|
21604
22710
|
]; };
|
|
21605
22711
|
|
|
21606
|
-
exports.ɵ
|
|
22712
|
+
exports.ɵep = /** @class */ (function () {
|
|
21607
22713
|
function GanttComponent(ele) {
|
|
21608
22714
|
this.ele = ele;
|
|
21609
22715
|
this.contentRenderers = new Map();
|
|
@@ -21762,27 +22868,27 @@
|
|
|
21762
22868
|
};
|
|
21763
22869
|
return GanttComponent;
|
|
21764
22870
|
}());
|
|
21765
|
-
exports.ɵ
|
|
22871
|
+
exports.ɵep.decorators = [
|
|
21766
22872
|
{ type: i0.Component, args: [{
|
|
21767
22873
|
selector: 'sc-gantt',
|
|
21768
22874
|
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",
|
|
21769
22875
|
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)}"]
|
|
21770
22876
|
},] }
|
|
21771
22877
|
];
|
|
21772
|
-
exports.ɵ
|
|
22878
|
+
exports.ɵep.ctorParameters = function () { return [
|
|
21773
22879
|
{ type: i0.ElementRef }
|
|
21774
22880
|
]; };
|
|
21775
|
-
exports.ɵ
|
|
22881
|
+
exports.ɵep.propDecorators = {
|
|
21776
22882
|
eventContent: [{ type: i0.ViewChild, args: ['fcEventContent', { static: true },] }]
|
|
21777
22883
|
};
|
|
21778
22884
|
__decorate([
|
|
21779
22885
|
bbjWidgetBase.Property('头部名称', { type: 'string' }),
|
|
21780
22886
|
__metadata("design:type", Object)
|
|
21781
|
-
], exports.ɵ
|
|
22887
|
+
], exports.ɵep.prototype, "headerContent", void 0);
|
|
21782
22888
|
__decorate([
|
|
21783
22889
|
bbjWidgetBase.Property('项目字体', { ui: { widget: 'myFont' } }),
|
|
21784
22890
|
__metadata("design:type", Object)
|
|
21785
|
-
], exports.ɵ
|
|
22891
|
+
], exports.ɵep.prototype, "contentFont", void 0);
|
|
21786
22892
|
__decorate([
|
|
21787
22893
|
bbjWidgetBase.Property('系列颜色', {
|
|
21788
22894
|
ui: {
|
|
@@ -21791,19 +22897,19 @@
|
|
|
21791
22897
|
},
|
|
21792
22898
|
}),
|
|
21793
22899
|
__metadata("design:type", Object)
|
|
21794
|
-
], exports.ɵ
|
|
22900
|
+
], exports.ɵep.prototype, "lineColor", void 0);
|
|
21795
22901
|
__decorate([
|
|
21796
22902
|
bbjWidgetBase.Property('进度透明', { type: 'number', max: 1 }),
|
|
21797
22903
|
__metadata("design:type", Object)
|
|
21798
|
-
], exports.ɵ
|
|
22904
|
+
], exports.ɵep.prototype, "progressTransparency", void 0);
|
|
21799
22905
|
__decorate([
|
|
21800
22906
|
bbjWidgetBase.Property('区域占比', { type: 'number' }),
|
|
21801
22907
|
__metadata("design:type", Object)
|
|
21802
|
-
], exports.ɵ
|
|
22908
|
+
], exports.ɵep.prototype, "areaRate", void 0);
|
|
21803
22909
|
__decorate([
|
|
21804
22910
|
bbjWidgetBase.Property('进度条高度', { type: 'number' }),
|
|
21805
22911
|
__metadata("design:type", Object)
|
|
21806
|
-
], exports.ɵ
|
|
22912
|
+
], exports.ɵep.prototype, "progressHeight", void 0);
|
|
21807
22913
|
__decorate([
|
|
21808
22914
|
bbjWidgetBase.Data({
|
|
21809
22915
|
properties: {
|
|
@@ -21815,11 +22921,11 @@
|
|
|
21815
22921
|
},
|
|
21816
22922
|
}),
|
|
21817
22923
|
__metadata("design:type", Array)
|
|
21818
|
-
], exports.ɵ
|
|
21819
|
-
exports.ɵ
|
|
22924
|
+
], exports.ɵep.prototype, "data", void 0);
|
|
22925
|
+
exports.ɵep = __decorate([
|
|
21820
22926
|
bbjWidgetBase.Widget('甘特图', { group: 'component', image: 'assets/img/screen/gantt.png', icon: 'iconmokuai' }),
|
|
21821
22927
|
__metadata("design:paramtypes", [i0.ElementRef])
|
|
21822
|
-
], exports.ɵ
|
|
22928
|
+
], exports.ɵep);
|
|
21823
22929
|
|
|
21824
22930
|
// import {FormsModule} from '@angular/forms';
|
|
21825
22931
|
// import {NzDatePickerModule} from 'ng-zorro-antd/date-picker';
|
|
@@ -21832,13 +22938,13 @@
|
|
|
21832
22938
|
interactionPlugin__default['default'],
|
|
21833
22939
|
resourceTimelinePlugin__default['default'],
|
|
21834
22940
|
]);
|
|
21835
|
-
widgetService.register(exports.ɵ
|
|
22941
|
+
widgetService.register(exports.ɵep);
|
|
21836
22942
|
}
|
|
21837
22943
|
return GanttModule;
|
|
21838
22944
|
}());
|
|
21839
22945
|
GanttModule.decorators = [
|
|
21840
22946
|
{ type: i0.NgModule, args: [{
|
|
21841
|
-
declarations: [exports.ɵ
|
|
22947
|
+
declarations: [exports.ɵep],
|
|
21842
22948
|
imports: [
|
|
21843
22949
|
common.CommonModule,
|
|
21844
22950
|
bbjWidgetBase.WidgetBaseModule,
|
|
@@ -21854,7 +22960,7 @@
|
|
|
21854
22960
|
var WorkbenchWidgetModule = /** @class */ (function () {
|
|
21855
22961
|
function WorkbenchWidgetModule(widgetService) {
|
|
21856
22962
|
widgetService.register(exports.ɵp, { option: {}, size: { width: 3, height: 3 } });
|
|
21857
|
-
widgetService.register(exports.ɵ
|
|
22963
|
+
widgetService.register(exports.ɵek, { option: {}, size: { width: 16, height: 12 } });
|
|
21858
22964
|
for (var i = 1; i <= 82; i++) {
|
|
21859
22965
|
widgetService.register(exports.ɵb, {
|
|
21860
22966
|
option: { image: "assets/img/screen/picture" + i + ".png", hideHead: true },
|
|
@@ -22302,7 +23408,7 @@
|
|
|
22302
23408
|
size: { width: 10, height: 10 },
|
|
22303
23409
|
});
|
|
22304
23410
|
}
|
|
22305
|
-
widgetService.register(exports.ɵ
|
|
23411
|
+
widgetService.register(exports.ɵef, { size: { width: 14, height: 6 } });
|
|
22306
23412
|
widgetService.register(exports.ɵbo, {
|
|
22307
23413
|
option: {
|
|
22308
23414
|
image: 'assets/img/screen/table.png',
|
|
@@ -22426,6 +23532,7 @@
|
|
|
22426
23532
|
exports.ScreenWidgetModule = ScreenWidgetModule;
|
|
22427
23533
|
exports.SelectModule = SelectModule;
|
|
22428
23534
|
exports.TableModule = TableModule;
|
|
23535
|
+
exports.TiandituModule = TiandituModule;
|
|
22429
23536
|
exports.TreeControlModule = TreeControlModule;
|
|
22430
23537
|
exports.TreeRingChartModule = TreeRingChartModule;
|
|
22431
23538
|
exports.VideoGridModule = VideoGridModule;
|
|
@@ -22470,11 +23577,12 @@
|
|
|
22470
23577
|
exports.ɵdu = TemporaryDataModule;
|
|
22471
23578
|
exports.ɵdw = LineLightFlowModule;
|
|
22472
23579
|
exports.ɵe = LineBarChartModule;
|
|
22473
|
-
exports.ɵ
|
|
22474
|
-
exports.ɵ
|
|
22475
|
-
exports.ɵeg =
|
|
22476
|
-
exports.ɵej =
|
|
22477
|
-
exports.ɵ
|
|
23580
|
+
exports.ɵed = BaseLayer$1;
|
|
23581
|
+
exports.ɵee = AnnouncementModule;
|
|
23582
|
+
exports.ɵeg = TabsModule;
|
|
23583
|
+
exports.ɵej = CalendarModule;
|
|
23584
|
+
exports.ɵem = CalendarEventsChild;
|
|
23585
|
+
exports.ɵeo = GanttModule;
|
|
22478
23586
|
exports.ɵo = ButtonModule;
|
|
22479
23587
|
exports.ɵq = HttpService;
|
|
22480
23588
|
exports.ɵr = TimerModule;
|