@kq_npm/client3d_webgl_vue 4.1.0-beta → 4.1.1-beta
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/index.js +416 -36
- package/modelexcavate/index.js +568 -0
- package/modelexcavate/style/index.js +3 -0
- package/modelexcavate/style/modelexcavate.css +1 -0
- package/package.json +1 -1
- package/scenceview/index.js +447 -36
- package/statusbar/index.js +2 -1
- package/style.css +1 -1
package/index.js
CHANGED
|
@@ -515,6 +515,8 @@ __webpack_require__.d(__webpack_exports__, {
|
|
|
515
515
|
"Kq3dLimitHeightAnalysisViewModel": function() { return /* reexport */ LimitHeightAnalysisViewModel; },
|
|
516
516
|
"Kq3dMeasure": function() { return /* reexport */ Measure; },
|
|
517
517
|
"Kq3dMeasureViewModel": function() { return /* reexport */ MeasureViewModel; },
|
|
518
|
+
"Kq3dModelExcavate": function() { return /* reexport */ ModelExcavate; },
|
|
519
|
+
"Kq3dModelExcavateViewModel": function() { return /* reexport */ ModelExcavateViewModel; },
|
|
518
520
|
"Kq3dModelFilter": function() { return /* reexport */ ModelFilter; },
|
|
519
521
|
"Kq3dModelFilterViewModel": function() { return /* reexport */ ModelFilterViewModel; },
|
|
520
522
|
"Kq3dModelProfileAnalysis": function() { return /* reexport */ ModelProfileAnalysis; },
|
|
@@ -643,7 +645,7 @@ class DrawManager {
|
|
|
643
645
|
//文字内容
|
|
644
646
|
fontSize: 25,
|
|
645
647
|
//文字大小
|
|
646
|
-
fontFamily:
|
|
648
|
+
fontFamily: "Microsoft YaHei",
|
|
647
649
|
color: "#ff0000" //文字颜色
|
|
648
650
|
// opacity: 0.5, //文字颜色透明度
|
|
649
651
|
// clampToGround: false //是否贴地
|
|
@@ -748,11 +750,11 @@ class DrawManager {
|
|
|
748
750
|
|
|
749
751
|
let editFinishedEvent = this._drawHandler.editHandler.editFinished;
|
|
750
752
|
this.editSelectedEvent.addEventListener(shape => {
|
|
751
|
-
if (shape) this.addMouseEvent(
|
|
753
|
+
if (shape) this.addMouseEvent("move", "label");
|
|
752
754
|
});
|
|
753
755
|
editFinishedEvent.addEventListener(shape => {
|
|
754
756
|
if (shape) {
|
|
755
|
-
this.removeMouseEvent(
|
|
757
|
+
this.removeMouseEvent("move", "label");
|
|
756
758
|
this._labelUpdateData && this._labelUpdateData();
|
|
757
759
|
}
|
|
758
760
|
}); // 关闭双击旋转交互
|
|
@@ -817,7 +819,7 @@ class DrawManager {
|
|
|
817
819
|
|
|
818
820
|
getImageWithColor(imgUrl, color, width = 32, height = 32) {
|
|
819
821
|
if (color) {
|
|
820
|
-
var svgStr = window.atob(imgUrl.split(
|
|
822
|
+
var svgStr = window.atob(imgUrl.split(",")[1]);
|
|
821
823
|
var regex = /#([A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})/g; // 修改svg颜色
|
|
822
824
|
|
|
823
825
|
svgStr = svgStr.replace(regex, color); // 修改svg大小
|
|
@@ -1268,7 +1270,7 @@ class DrawManager {
|
|
|
1268
1270
|
if (!primitive) return;
|
|
1269
1271
|
let type = primitive._geoType;
|
|
1270
1272
|
|
|
1271
|
-
if (primitive.type ===
|
|
1273
|
+
if (primitive.type === "text") {
|
|
1272
1274
|
if (primitive.fontSize != style.fontSize) {
|
|
1273
1275
|
// 修改样式弹窗的 offset
|
|
1274
1276
|
if (this._stylePopup && this._stylePopup.show) {
|
|
@@ -1280,7 +1282,7 @@ class DrawManager {
|
|
|
1280
1282
|
primitive.fontFamily = style.fontFamily;
|
|
1281
1283
|
primitive.text = style.content;
|
|
1282
1284
|
primitive.fillColor = Cesium.Color.fromCssColorString(style.color);
|
|
1283
|
-
} else if (type ===
|
|
1285
|
+
} else if (type === "point") {
|
|
1284
1286
|
if (primitive.height != style.iconSize[1]) {
|
|
1285
1287
|
// 修改样式弹窗的 offset
|
|
1286
1288
|
if (this._stylePopup && this._stylePopup.show) {
|
|
@@ -1291,14 +1293,14 @@ class DrawManager {
|
|
|
1291
1293
|
primitive.image = this.getImageWithColor(style.iconUrl, style.color, style.iconSize[0], style.iconSize[1]);
|
|
1292
1294
|
primitive.width = style.iconSize[0];
|
|
1293
1295
|
primitive.height = style.iconSize[1];
|
|
1294
|
-
} else if (type ===
|
|
1296
|
+
} else if (type === "polyline" || type === "polygon") {
|
|
1295
1297
|
if (style.weight != undefined) primitive.width = style.weight;
|
|
1296
1298
|
if (style.color != undefined) primitive.color = Cesium.Color.fromCssColorString(style.color);
|
|
1297
1299
|
if (style.dashArray != undefined) primitive.dashArray = style.dashArray;
|
|
1298
1300
|
if (style.opacity != undefined) primitive.color = primitive.color.withAlpha(style.opacity);
|
|
1299
1301
|
}
|
|
1300
1302
|
|
|
1301
|
-
if (type ===
|
|
1303
|
+
if (type === "polygon") {
|
|
1302
1304
|
primitive.fill = style.fill === undefined ? true : style.fill;
|
|
1303
1305
|
|
|
1304
1306
|
if (primitive.fill) {
|
|
@@ -1312,18 +1314,18 @@ class DrawManager {
|
|
|
1312
1314
|
}
|
|
1313
1315
|
|
|
1314
1316
|
getShapeTypeById(id) {
|
|
1315
|
-
let type =
|
|
1317
|
+
let type = "";
|
|
1316
1318
|
|
|
1317
1319
|
let primitive = this._drawLayer.getById(id);
|
|
1318
1320
|
|
|
1319
1321
|
if (primitive) {
|
|
1320
1322
|
type = primitive.type;
|
|
1321
|
-
if (type ==
|
|
1322
|
-
if (type ==
|
|
1323
|
-
if (type ==
|
|
1324
|
-
if (type ==
|
|
1325
|
-
if (type ==
|
|
1326
|
-
if (type ==
|
|
1323
|
+
if (type == "marker") type = "Marker";
|
|
1324
|
+
if (type == "polyline") type = "Line";
|
|
1325
|
+
if (type == "polygon") type = "Polygon";
|
|
1326
|
+
if (type == "rectangle") type = "Rectangle";
|
|
1327
|
+
if (type == "circle") type = "Circle";
|
|
1328
|
+
if (type == "text") type = "Text";
|
|
1327
1329
|
}
|
|
1328
1330
|
|
|
1329
1331
|
return type;
|
|
@@ -1411,7 +1413,7 @@ class DrawManager {
|
|
|
1411
1413
|
let shape = null;
|
|
1412
1414
|
|
|
1413
1415
|
if (type == "Marker") {
|
|
1414
|
-
shape = this._drawHandler.createShape(this._drawHandler.ShapeTypes.MARKER.type,
|
|
1416
|
+
shape = this._drawHandler.createShape(this._drawHandler.ShapeTypes.MARKER.type, "", {
|
|
1415
1417
|
position: info.coordinate,
|
|
1416
1418
|
disableDepthTestDistance: Number.POSITIVE_INFINITY,
|
|
1417
1419
|
width: info.style.iconSize[0],
|
|
@@ -1419,7 +1421,7 @@ class DrawManager {
|
|
|
1419
1421
|
image: this.getImageWithColor(info.style.iconUrl, info.style.color, info.style.iconSize[0], info.style.iconSize[1])
|
|
1420
1422
|
});
|
|
1421
1423
|
} else if (type == "Line") {
|
|
1422
|
-
shape = this._drawHandler.createShape(this._drawHandler.ShapeTypes.POLYLINE.type,
|
|
1424
|
+
shape = this._drawHandler.createShape(this._drawHandler.ShapeTypes.POLYLINE.type, "", {
|
|
1423
1425
|
controlPoints: info.coordinate,
|
|
1424
1426
|
color: Cesium.Color.fromCssColorString(info.style.color).withAlpha(info.style.opacity),
|
|
1425
1427
|
width: info.style.weight,
|
|
@@ -1427,7 +1429,7 @@ class DrawManager {
|
|
|
1427
1429
|
clampToGround: true
|
|
1428
1430
|
});
|
|
1429
1431
|
} else if (type == "Polygon") {
|
|
1430
|
-
shape = this._drawHandler.createShape(this._drawHandler.ShapeTypes.POLYGON.type,
|
|
1432
|
+
shape = this._drawHandler.createShape(this._drawHandler.ShapeTypes.POLYGON.type, "", {
|
|
1431
1433
|
controlPoints: info.coordinate,
|
|
1432
1434
|
color: Cesium.Color.fromCssColorString(info.style.color),
|
|
1433
1435
|
width: info.style.weight,
|
|
@@ -1436,7 +1438,7 @@ class DrawManager {
|
|
|
1436
1438
|
clampToGround: true
|
|
1437
1439
|
});
|
|
1438
1440
|
} else if (type == "Rectangle") {
|
|
1439
|
-
shape = this._drawHandler.createShape(this._drawHandler.ShapeTypes.RECTANGLE.type,
|
|
1441
|
+
shape = this._drawHandler.createShape(this._drawHandler.ShapeTypes.RECTANGLE.type, "", {
|
|
1440
1442
|
controlPoints: info.coordinate,
|
|
1441
1443
|
color: Cesium.Color.fromCssColorString(info.style.color),
|
|
1442
1444
|
width: info.style.weight,
|
|
@@ -1445,7 +1447,7 @@ class DrawManager {
|
|
|
1445
1447
|
clampToGround: true
|
|
1446
1448
|
});
|
|
1447
1449
|
} else if (type == "Circle") {
|
|
1448
|
-
shape = this._drawHandler.createShape(this._drawHandler.ShapeTypes.CIRCLE.type,
|
|
1450
|
+
shape = this._drawHandler.createShape(this._drawHandler.ShapeTypes.CIRCLE.type, "", {
|
|
1449
1451
|
controlPoints: info.coordinate,
|
|
1450
1452
|
color: Cesium.Color.fromCssColorString(info.style.color),
|
|
1451
1453
|
width: info.style.weight,
|
|
@@ -1454,7 +1456,7 @@ class DrawManager {
|
|
|
1454
1456
|
clampToGround: true
|
|
1455
1457
|
});
|
|
1456
1458
|
} else if (type == "Text") {
|
|
1457
|
-
shape = this._drawHandler.createShape(this._drawHandler.ShapeTypes.TEXT.type,
|
|
1459
|
+
shape = this._drawHandler.createShape(this._drawHandler.ShapeTypes.TEXT.type, "", {
|
|
1458
1460
|
latlng: info.coordinate,
|
|
1459
1461
|
text: info.style.content,
|
|
1460
1462
|
fontSize: info.style.fontSize,
|
|
@@ -1492,7 +1494,7 @@ class DrawManager {
|
|
|
1492
1494
|
|
|
1493
1495
|
|
|
1494
1496
|
this.enableEdit(true);
|
|
1495
|
-
this.addMouseEvent(
|
|
1497
|
+
this.addMouseEvent("click", "label"); // 标注坐标修改回调事件
|
|
1496
1498
|
|
|
1497
1499
|
this._labelUpdateData = updateData;
|
|
1498
1500
|
return layerList;
|
|
@@ -1510,7 +1512,7 @@ class DrawManager {
|
|
|
1510
1512
|
coordinate = feature.geometry.coordinates;
|
|
1511
1513
|
if (type === "MultiPoint") coordinate = coordinate[0];
|
|
1512
1514
|
let position = Cesium.Cartesian3.fromDegrees(coordinate[0], coordinate[1]);
|
|
1513
|
-
shape = this._drawHandler.createShape(this._drawHandler.ShapeTypes.MARKER.type,
|
|
1515
|
+
shape = this._drawHandler.createShape(this._drawHandler.ShapeTypes.MARKER.type, "", {
|
|
1514
1516
|
position: position,
|
|
1515
1517
|
disableDepthTestDistance: Number.POSITIVE_INFINITY,
|
|
1516
1518
|
width: 32,
|
|
@@ -1527,7 +1529,7 @@ class DrawManager {
|
|
|
1527
1529
|
coordinate.forEach(arr => {
|
|
1528
1530
|
positions.push(Cesium.Cartesian3.fromDegrees(arr[0], arr[1]));
|
|
1529
1531
|
});
|
|
1530
|
-
shape = this._drawHandler.createShape(this._drawHandler.ShapeTypes.POLYLINE.type,
|
|
1532
|
+
shape = this._drawHandler.createShape(this._drawHandler.ShapeTypes.POLYLINE.type, "线", {
|
|
1531
1533
|
controlPoints: positions,
|
|
1532
1534
|
color: Cesium.Color.fromCssColorString(style.color),
|
|
1533
1535
|
width: style.weight,
|
|
@@ -1543,13 +1545,14 @@ class DrawManager {
|
|
|
1543
1545
|
coordinate.forEach(arr => {
|
|
1544
1546
|
positions.push(Cesium.Cartesian3.fromDegrees(arr[0], arr[1]));
|
|
1545
1547
|
});
|
|
1546
|
-
shape = this._drawHandler.createShape(this._drawHandler.ShapeTypes.POLYGON.type,
|
|
1548
|
+
shape = this._drawHandler.createShape(this._drawHandler.ShapeTypes.POLYGON.type, "面", {
|
|
1547
1549
|
controlPoints: positions,
|
|
1548
1550
|
color: Cesium.Color.fromCssColorString(style.color),
|
|
1549
1551
|
width: style.weight,
|
|
1550
1552
|
fillColor: Cesium.Color.fromCssColorString(style.fillColor).withAlpha(style.fillOpacity),
|
|
1551
1553
|
fill: true,
|
|
1552
|
-
clampToGround: true
|
|
1554
|
+
clampToGround: true,
|
|
1555
|
+
material: this.getFillStyle(style.fillStyle)
|
|
1553
1556
|
});
|
|
1554
1557
|
break;
|
|
1555
1558
|
|
|
@@ -1564,8 +1567,7 @@ class DrawManager {
|
|
|
1564
1567
|
|
|
1565
1568
|
if (isLocation) {
|
|
1566
1569
|
setTimeout(() => {
|
|
1567
|
-
this._drawHandler.startEdit(shape);
|
|
1568
|
-
|
|
1570
|
+
//this._drawHandler.startEdit(shape);
|
|
1569
1571
|
let offset = new Cesium.HeadingPitchRange(0, Cesium.Math.toRadians(-90), 0);
|
|
1570
1572
|
|
|
1571
1573
|
this._viewer.camera.flyToBoundingSphere(shape.boundingSphere, {
|
|
@@ -1642,8 +1644,8 @@ class DrawManager {
|
|
|
1642
1644
|
let offsetY = -8;
|
|
1643
1645
|
|
|
1644
1646
|
if (!clickPosition) {
|
|
1645
|
-
if (shape.type ==
|
|
1646
|
-
if (shape.type ==
|
|
1647
|
+
if (shape.type == "marker") offsetY -= shape.height * shape._scaleHeight;
|
|
1648
|
+
if (shape.type == "text") offsetY -= shape.fontSize;
|
|
1647
1649
|
}
|
|
1648
1650
|
|
|
1649
1651
|
this.destroyStylePopup();
|
|
@@ -1719,7 +1721,7 @@ class DrawManager {
|
|
|
1719
1721
|
that._mouseHandlers[target].setInputAction(function (movement) {
|
|
1720
1722
|
if (target == "label") {
|
|
1721
1723
|
if (that._drawHandler.editHandler._pickedAnchor && that._drawHandler.editHandler._shapeObject) {
|
|
1722
|
-
that.removeMouseEvent(
|
|
1724
|
+
that.removeMouseEvent("move", "label");
|
|
1723
1725
|
that.destroyStylePopup();
|
|
1724
1726
|
}
|
|
1725
1727
|
}
|
|
@@ -1765,7 +1767,7 @@ class DrawManager {
|
|
|
1765
1767
|
|
|
1766
1768
|
this._handler.setInputAction(function (movement) {
|
|
1767
1769
|
// that.closePointPoup();
|
|
1768
|
-
that.openPointPoup(
|
|
1770
|
+
that.openPointPoup("1002", "AAA"); // that.removePointAll();
|
|
1769
1771
|
//that.clearPointByIdCustom();
|
|
1770
1772
|
}, Cesium.ScreenSpaceEventType.RIGHT_CLICK);
|
|
1771
1773
|
}
|
|
@@ -1799,7 +1801,7 @@ class DrawManager {
|
|
|
1799
1801
|
createPointPoup(entity) {
|
|
1800
1802
|
if (this._htmlTag) this._htmlTag.destroy();
|
|
1801
1803
|
this._htmlTag = new Cesium.Kq3dHtmlTag(this._viewer, {
|
|
1802
|
-
html:
|
|
1804
|
+
html: "<div>" + entity.properties.id._value + "</div>",
|
|
1803
1805
|
position: entity.position,
|
|
1804
1806
|
anchor: [0, -entity.properties.height._value],
|
|
1805
1807
|
alignmentMode: 7
|
|
@@ -3636,7 +3638,8 @@ class ScenceViewViewModel extends (mitt_default()) {
|
|
|
3636
3638
|
sceneModePicker: false,
|
|
3637
3639
|
infoBox: false,
|
|
3638
3640
|
languageStyle: this._lang.type == 'zh' ? 'zh-CN' : 'en',
|
|
3639
|
-
navigationHelpButton: false
|
|
3641
|
+
navigationHelpButton: false,
|
|
3642
|
+
statusBar: true
|
|
3640
3643
|
};
|
|
3641
3644
|
|
|
3642
3645
|
for (var key in this._props.options) {
|
|
@@ -14166,6 +14169,378 @@ ScanEffect.install = (Vue, opts) => {
|
|
|
14166
14169
|
};
|
|
14167
14170
|
|
|
14168
14171
|
|
|
14172
|
+
;// CONCATENATED MODULE: ./src/webgl/modelexcavate/ModelExcavateViewModel.js
|
|
14173
|
+
|
|
14174
|
+
//模型开挖逻辑类
|
|
14175
|
+
|
|
14176
|
+
class ModelExcavateViewModel {
|
|
14177
|
+
//三维viewer对象
|
|
14178
|
+
//Box裁剪存储参数对象
|
|
14179
|
+
//绘制管理对象
|
|
14180
|
+
//绘制完成监听事件
|
|
14181
|
+
constructor(scenceView, options) {
|
|
14182
|
+
_defineProperty(this, "_viewer", null);
|
|
14183
|
+
|
|
14184
|
+
_defineProperty(this, "_options", {});
|
|
14185
|
+
|
|
14186
|
+
_defineProperty(this, "_Kq3dTerrainExcavation", null);
|
|
14187
|
+
|
|
14188
|
+
_defineProperty(this, "_drawManager", null);
|
|
14189
|
+
|
|
14190
|
+
_defineProperty(this, "_removeEventListener", null);
|
|
14191
|
+
|
|
14192
|
+
this._viewer = scenceView._viewer;
|
|
14193
|
+
this._options = options;
|
|
14194
|
+
this._drawManager = scenceView._drawManager;
|
|
14195
|
+
this._viewer.scene.globe.depthTestAgainstTerrain = true; //开启深度检测
|
|
14196
|
+
// var kq3dFlattenning = new window.Cesium.Kq3dFlattenning(this._viewer, {});
|
|
14197
|
+
// var g_flattenedPolygonTexture = kq3dFlattenning.createFlattenedPolygonTexture();
|
|
14198
|
+
|
|
14199
|
+
var that = this;
|
|
14200
|
+
this._removeEventListener = this._drawManager.drawFinishedEvent.addEventListener(shape => {
|
|
14201
|
+
if (shape) {
|
|
14202
|
+
that._options.positions = shape._controlPoints;
|
|
14203
|
+
this._Kq3dTerrainExcavation = this._Kq3dTerrainExcavation && this._Kq3dTerrainExcavation.destroy();
|
|
14204
|
+
this._Kq3dTerrainExcavation = new window.Cesium.Kq3dTerrainExcavation({
|
|
14205
|
+
viewer: this.viewer,
|
|
14206
|
+
height: this._options.height,
|
|
14207
|
+
positions: that._options.positions,
|
|
14208
|
+
hasWall: false
|
|
14209
|
+
});
|
|
14210
|
+
|
|
14211
|
+
that._drawManager.clear();
|
|
14212
|
+
}
|
|
14213
|
+
});
|
|
14214
|
+
}
|
|
14215
|
+
|
|
14216
|
+
start() {
|
|
14217
|
+
// 判断是否添加了模型
|
|
14218
|
+
var flag = false;
|
|
14219
|
+
var models = this._viewer.scene.primitives._primitives;
|
|
14220
|
+
|
|
14221
|
+
for (let i = 0; i < models.length; i++) {
|
|
14222
|
+
if (models[i]._url) {
|
|
14223
|
+
flag = true;
|
|
14224
|
+
}
|
|
14225
|
+
}
|
|
14226
|
+
|
|
14227
|
+
if (flag) {
|
|
14228
|
+
this.clear();
|
|
14229
|
+
|
|
14230
|
+
this._drawManager.startDraw("polygon", {
|
|
14231
|
+
clampToGround: true
|
|
14232
|
+
});
|
|
14233
|
+
} else {
|
|
14234
|
+
message({
|
|
14235
|
+
message: "请添加模型后拾取!",
|
|
14236
|
+
type: "warning"
|
|
14237
|
+
});
|
|
14238
|
+
}
|
|
14239
|
+
} //清除
|
|
14240
|
+
|
|
14241
|
+
|
|
14242
|
+
clear() {
|
|
14243
|
+
this._drawManager.stopDraw(); // 销毁地形开挖
|
|
14244
|
+
|
|
14245
|
+
} //销毁
|
|
14246
|
+
|
|
14247
|
+
|
|
14248
|
+
destroy() {
|
|
14249
|
+
this.clear();
|
|
14250
|
+
}
|
|
14251
|
+
|
|
14252
|
+
}
|
|
14253
|
+
;// CONCATENATED MODULE: ./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/dist/index.js??ruleSet[0]!./src/webgl/modelexcavate/ModelExcavate.vue?vue&type=script&setup=true&lang=js
|
|
14254
|
+
|
|
14255
|
+
const ModelExcavatevue_type_script_setup_true_lang_js_hoisted_1 = {
|
|
14256
|
+
class: "kq3d-model-excavate-box",
|
|
14257
|
+
ref: "ref_box"
|
|
14258
|
+
};
|
|
14259
|
+
const ModelExcavatevue_type_script_setup_true_lang_js_hoisted_2 = {
|
|
14260
|
+
class: "kq3d-model-excavate-span"
|
|
14261
|
+
};
|
|
14262
|
+
const ModelExcavatevue_type_script_setup_true_lang_js_hoisted_3 = {
|
|
14263
|
+
class: "kq3d-model-excavate-footer"
|
|
14264
|
+
};
|
|
14265
|
+
|
|
14266
|
+
|
|
14267
|
+
|
|
14268
|
+
|
|
14269
|
+
|
|
14270
|
+
//语言
|
|
14271
|
+
|
|
14272
|
+
const ModelExcavatevue_type_script_setup_true_lang_js_default_ = {
|
|
14273
|
+
name: "Kq3dModelExcavate"
|
|
14274
|
+
};
|
|
14275
|
+
/* harmony default export */ var ModelExcavatevue_type_script_setup_true_lang_js = (/*#__PURE__*/Object.assign(ModelExcavatevue_type_script_setup_true_lang_js_default_, {
|
|
14276
|
+
props: {
|
|
14277
|
+
//指定组件绑定的viewer对象的div的id
|
|
14278
|
+
mapTarget: String,
|
|
14279
|
+
// 设置参数
|
|
14280
|
+
settingParams: {
|
|
14281
|
+
type: Object
|
|
14282
|
+
},
|
|
14283
|
+
// 是否显示阴影效果
|
|
14284
|
+
showShadow: {
|
|
14285
|
+
type: Boolean,
|
|
14286
|
+
default: true
|
|
14287
|
+
},
|
|
14288
|
+
|
|
14289
|
+
/**
|
|
14290
|
+
* 例:"center","topLeft","topRight","bottomLeft","bottomRight", "topCenter", "bottomCenter" {top:'16px',left:'16px'}, {top:16,left:16}
|
|
14291
|
+
*/
|
|
14292
|
+
position: [String, Object],
|
|
14293
|
+
// 是否生成HeaderTemp
|
|
14294
|
+
showHeaderTemp: {
|
|
14295
|
+
type: Boolean,
|
|
14296
|
+
default: false
|
|
14297
|
+
},
|
|
14298
|
+
// 是否折叠HeaderTemp,showHeaderTemp为true时生效
|
|
14299
|
+
isCollapseHeaderTemp: {
|
|
14300
|
+
type: Boolean,
|
|
14301
|
+
default: false
|
|
14302
|
+
},
|
|
14303
|
+
// HeaderTemp标题
|
|
14304
|
+
headerTempTitle: {
|
|
14305
|
+
type: String
|
|
14306
|
+
},
|
|
14307
|
+
// HeaderTemp图标
|
|
14308
|
+
headerTempIcon: {
|
|
14309
|
+
type: [Object, String],
|
|
14310
|
+
default: client_icons_vue_namespaceObject.IconModelExcavation
|
|
14311
|
+
},
|
|
14312
|
+
// HeaderTemp Title&Icon的位置
|
|
14313
|
+
isRight: {
|
|
14314
|
+
type: Boolean,
|
|
14315
|
+
default: true
|
|
14316
|
+
}
|
|
14317
|
+
},
|
|
14318
|
+
|
|
14319
|
+
setup(__props, {
|
|
14320
|
+
expose
|
|
14321
|
+
}) {
|
|
14322
|
+
const props = __props;
|
|
14323
|
+
let language = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.ref)({});
|
|
14324
|
+
let viewModel = null;
|
|
14325
|
+
let currentLang = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.ref)(""); // 获取组件传参
|
|
14326
|
+
|
|
14327
|
+
let formItem = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.reactive)({
|
|
14328
|
+
excavationDepth: props.settingParams && props.settingParams.excavationDepth || 20,
|
|
14329
|
+
// 地形开挖深度
|
|
14330
|
+
minExcavationDepth: props.settingParams && props.settingParams.minExcavationDepth || 0,
|
|
14331
|
+
// 地形开挖深度范围最小值
|
|
14332
|
+
maxExcavationDepth: props.settingParams && props.settingParams.maxExcavationDepth || 100 // 地形开挖深度范围最大值
|
|
14333
|
+
|
|
14334
|
+
}); // 组件容器Ref
|
|
14335
|
+
|
|
14336
|
+
let boxRef = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.ref)(null); // 生成组件默认header
|
|
14337
|
+
|
|
14338
|
+
let headerTemp = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.ref)();
|
|
14339
|
+
let headerTempRef = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.ref)(); // 国际化
|
|
14340
|
+
|
|
14341
|
+
let {
|
|
14342
|
+
locale,
|
|
14343
|
+
messages
|
|
14344
|
+
} = (0,vue_i18n_cjs_js_namespaceObject.useI18n)();
|
|
14345
|
+
let headerTempTitle = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.ref)(null);
|
|
14346
|
+
(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.watch)(() => locale.value, (newVal, oldVal) => {
|
|
14347
|
+
language.value = messages.value[newVal]["webgl"];
|
|
14348
|
+
headerTempTitle.value = language.value.modelExcavateTitle;
|
|
14349
|
+
});
|
|
14350
|
+
(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.onMounted)(() => {
|
|
14351
|
+
(0,util_namespaceObject.updatePosition)(boxRef.value, props);
|
|
14352
|
+
(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.watch)(() => props.position, (newVal, oldVal) => {
|
|
14353
|
+
(0,util_namespaceObject.updatePosition)(boxRef.value, props);
|
|
14354
|
+
});
|
|
14355
|
+
watchCreateHeaderTemp();
|
|
14356
|
+
(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.watch)(() => props.showHeaderTemp, (newVal, oldVal) => {
|
|
14357
|
+
watchCreateHeaderTemp();
|
|
14358
|
+
}); //父组件ScenceView初始化完成后执行
|
|
14359
|
+
|
|
14360
|
+
gis_utils_namespaceObject.utils.getWebMap(null, scenceView => {
|
|
14361
|
+
if (scenceView) {
|
|
14362
|
+
viewModel = new ModelExcavateViewModel(scenceView, {
|
|
14363
|
+
excavationDepth: formItem.excavationDepth
|
|
14364
|
+
});
|
|
14365
|
+
}
|
|
14366
|
+
});
|
|
14367
|
+
});
|
|
14368
|
+
/**
|
|
14369
|
+
* @description 监听header生成
|
|
14370
|
+
*/
|
|
14371
|
+
|
|
14372
|
+
const watchCreateHeaderTemp = () => {
|
|
14373
|
+
if (props.showHeaderTemp) {
|
|
14374
|
+
// 生成headerTemp
|
|
14375
|
+
headerTemp.value = (0,util_namespaceObject.createHeaderTemp)(boxRef.value, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.toRefs)(props), headerTempRef, headerTempTitle);
|
|
14376
|
+
}
|
|
14377
|
+
}; // 调整开挖深度
|
|
14378
|
+
|
|
14379
|
+
|
|
14380
|
+
function changeHeight() {
|
|
14381
|
+
viewModel && viewModel.setHeight(formItem.excavationDepth);
|
|
14382
|
+
} // 开始分析
|
|
14383
|
+
|
|
14384
|
+
|
|
14385
|
+
function startOperation() {
|
|
14386
|
+
viewModel && viewModel.start();
|
|
14387
|
+
} // 清除
|
|
14388
|
+
|
|
14389
|
+
|
|
14390
|
+
function clear() {
|
|
14391
|
+
viewModel && viewModel.clear();
|
|
14392
|
+
} // 销毁
|
|
14393
|
+
|
|
14394
|
+
|
|
14395
|
+
(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.onBeforeUnmount)(() => {
|
|
14396
|
+
viewModel && viewModel.destroy();
|
|
14397
|
+
});
|
|
14398
|
+
expose({
|
|
14399
|
+
clear
|
|
14400
|
+
});
|
|
14401
|
+
return (_ctx, _cache) => {
|
|
14402
|
+
const _component_kq_col = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.resolveComponent)("kq-col");
|
|
14403
|
+
|
|
14404
|
+
const _component_kq_slider = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.resolveComponent)("kq-slider");
|
|
14405
|
+
|
|
14406
|
+
const _component_kq_input_number = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.resolveComponent)("kq-input-number");
|
|
14407
|
+
|
|
14408
|
+
const _component_kq_row = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.resolveComponent)("kq-row");
|
|
14409
|
+
|
|
14410
|
+
const _component_kq_button = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.resolveComponent)("kq-button");
|
|
14411
|
+
|
|
14412
|
+
return (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.openBlock)(), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createElementBlock)("section", {
|
|
14413
|
+
class: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.normalizeClass)(["kq3d-model-excavate", {
|
|
14414
|
+
'kq-box-shadow': __props.showShadow
|
|
14415
|
+
}]),
|
|
14416
|
+
ref_key: "boxRef",
|
|
14417
|
+
ref: boxRef
|
|
14418
|
+
}, [__props.showHeaderTemp ? ((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.openBlock)(), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createBlock)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.resolveDynamicComponent)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(headerTemp)), {
|
|
14419
|
+
key: 0,
|
|
14420
|
+
ref_key: "headerTempRef",
|
|
14421
|
+
ref: headerTempRef
|
|
14422
|
+
}, null, 512
|
|
14423
|
+
/* NEED_PATCH */
|
|
14424
|
+
)) : (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createCommentVNode)("v-if", true), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createElementVNode)("div", ModelExcavatevue_type_script_setup_true_lang_js_hoisted_1, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_row, {
|
|
14425
|
+
gutter: 10
|
|
14426
|
+
}, {
|
|
14427
|
+
default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_col, {
|
|
14428
|
+
span: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(currentLang) === 'zh' ? 7 : 10
|
|
14429
|
+
}, {
|
|
14430
|
+
default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createElementVNode)("span", ModelExcavatevue_type_script_setup_true_lang_js_hoisted_2, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.toDisplayString)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(language).excavationDepth), 1
|
|
14431
|
+
/* TEXT */
|
|
14432
|
+
)]),
|
|
14433
|
+
_: 1
|
|
14434
|
+
/* STABLE */
|
|
14435
|
+
|
|
14436
|
+
}, 8
|
|
14437
|
+
/* PROPS */
|
|
14438
|
+
, ["span"]), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_col, {
|
|
14439
|
+
span: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(currentLang) === 'zh' ? 11 : 8
|
|
14440
|
+
}, {
|
|
14441
|
+
default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_slider, {
|
|
14442
|
+
modelValue: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).excavationDepth,
|
|
14443
|
+
"onUpdate:modelValue": _cache[0] || (_cache[0] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).excavationDepth = $event),
|
|
14444
|
+
step: 100,
|
|
14445
|
+
min: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).minExcavationDepth,
|
|
14446
|
+
max: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).maxExcavationDepth,
|
|
14447
|
+
onChange: _cache[1] || (_cache[1] = $event => changeHeight()),
|
|
14448
|
+
onClick: _cache[2] || (_cache[2] = $event => changeHeight())
|
|
14449
|
+
}, null, 8
|
|
14450
|
+
/* PROPS */
|
|
14451
|
+
, ["modelValue", "min", "max"])]),
|
|
14452
|
+
_: 1
|
|
14453
|
+
/* STABLE */
|
|
14454
|
+
|
|
14455
|
+
}, 8
|
|
14456
|
+
/* PROPS */
|
|
14457
|
+
, ["span"]), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_col, {
|
|
14458
|
+
span: 6,
|
|
14459
|
+
style: {
|
|
14460
|
+
"text-align": "end"
|
|
14461
|
+
}
|
|
14462
|
+
}, {
|
|
14463
|
+
default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_input_number, {
|
|
14464
|
+
modelValue: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).excavationDepth,
|
|
14465
|
+
"onUpdate:modelValue": _cache[3] || (_cache[3] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).excavationDepth = $event),
|
|
14466
|
+
min: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).minExcavationDepth,
|
|
14467
|
+
step: 1,
|
|
14468
|
+
max: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).maxExcavationDepth,
|
|
14469
|
+
"controls-position": "right",
|
|
14470
|
+
onInput: _cache[4] || (_cache[4] = $event => changeHeight())
|
|
14471
|
+
}, null, 8
|
|
14472
|
+
/* PROPS */
|
|
14473
|
+
, ["modelValue", "min", "max"])]),
|
|
14474
|
+
_: 1
|
|
14475
|
+
/* STABLE */
|
|
14476
|
+
|
|
14477
|
+
})]),
|
|
14478
|
+
_: 1
|
|
14479
|
+
/* STABLE */
|
|
14480
|
+
|
|
14481
|
+
}), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_row, {
|
|
14482
|
+
class: "kq3d-model-excavate-tip"
|
|
14483
|
+
}, {
|
|
14484
|
+
default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createElementVNode)("p", null, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.toDisplayString)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(language).skylineTips), 1
|
|
14485
|
+
/* TEXT */
|
|
14486
|
+
), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createCommentVNode)(" <p v-if=\"formItem.terrainStyle === 2\">{{ \"(\" + language.reverseDrawPolygon + \")\" }}</p> ")]),
|
|
14487
|
+
_: 1
|
|
14488
|
+
/* STABLE */
|
|
14489
|
+
|
|
14490
|
+
}), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createElementVNode)("div", ModelExcavatevue_type_script_setup_true_lang_js_hoisted_3, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_button, {
|
|
14491
|
+
onClick: _cache[5] || (_cache[5] = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withModifiers)($event => startOperation(), ["stop"])),
|
|
14492
|
+
title: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(language).startOperation,
|
|
14493
|
+
type: "primary"
|
|
14494
|
+
}, {
|
|
14495
|
+
default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createTextVNode)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.toDisplayString)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(language).startOperation), 1
|
|
14496
|
+
/* TEXT */
|
|
14497
|
+
)]),
|
|
14498
|
+
_: 1
|
|
14499
|
+
/* STABLE */
|
|
14500
|
+
|
|
14501
|
+
}, 8
|
|
14502
|
+
/* PROPS */
|
|
14503
|
+
, ["title"]), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_button, {
|
|
14504
|
+
onClick: _cache[6] || (_cache[6] = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withModifiers)($event => clear(), ["stop"])),
|
|
14505
|
+
title: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(language).clear
|
|
14506
|
+
}, {
|
|
14507
|
+
default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createTextVNode)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.toDisplayString)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(language).clear), 1
|
|
14508
|
+
/* TEXT */
|
|
14509
|
+
)]),
|
|
14510
|
+
_: 1
|
|
14511
|
+
/* STABLE */
|
|
14512
|
+
|
|
14513
|
+
}, 8
|
|
14514
|
+
/* PROPS */
|
|
14515
|
+
, ["title"])])], 512
|
|
14516
|
+
/* NEED_PATCH */
|
|
14517
|
+
)], 2
|
|
14518
|
+
/* CLASS */
|
|
14519
|
+
);
|
|
14520
|
+
};
|
|
14521
|
+
}
|
|
14522
|
+
|
|
14523
|
+
}));
|
|
14524
|
+
;// CONCATENATED MODULE: ./src/webgl/modelexcavate/ModelExcavate.vue?vue&type=script&setup=true&lang=js
|
|
14525
|
+
|
|
14526
|
+
;// CONCATENATED MODULE: ./src/webgl/modelexcavate/ModelExcavate.vue
|
|
14527
|
+
|
|
14528
|
+
|
|
14529
|
+
|
|
14530
|
+
const ModelExcavate_exports_ = ModelExcavatevue_type_script_setup_true_lang_js;
|
|
14531
|
+
|
|
14532
|
+
/* harmony default export */ var ModelExcavate = (ModelExcavate_exports_);
|
|
14533
|
+
;// CONCATENATED MODULE: ./src/webgl/modelexcavate/index.js
|
|
14534
|
+
|
|
14535
|
+
|
|
14536
|
+
|
|
14537
|
+
|
|
14538
|
+
ModelExcavate.install = (Vue, opts) => {
|
|
14539
|
+
init_js_default()(Vue, opts);
|
|
14540
|
+
Vue.component(ModelExcavate.name, ModelExcavate);
|
|
14541
|
+
};
|
|
14542
|
+
|
|
14543
|
+
|
|
14169
14544
|
// EXTERNAL MODULE: ./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js
|
|
14170
14545
|
var injectStylesIntoStyleTag = __webpack_require__(379);
|
|
14171
14546
|
var injectStylesIntoStyleTag_default = /*#__PURE__*/__webpack_require__.n(injectStylesIntoStyleTag);
|
|
@@ -32644,7 +33019,8 @@ class StatusBarViewModel {
|
|
|
32644
33019
|
_defineProperty(this, "_viewer", null);
|
|
32645
33020
|
|
|
32646
33021
|
viewer.statusBar.show = true;
|
|
32647
|
-
viewer.statusBar.readyPromise.then
|
|
33022
|
+
let callback = viewer.statusBar.readyPromise.then || viewer.statusBar.readyPromise.resolve;
|
|
33023
|
+
callback(() => {
|
|
32648
33024
|
// viewer.statusBar.container.style.bottom = "16px";
|
|
32649
33025
|
//viewer.statusBar.container.parentElement.style.right = "0px!important";
|
|
32650
33026
|
// console.log(viewer.statusBar.container.parentElement.style.right);
|
|
@@ -38950,6 +39326,9 @@ GeologicalBodyAnalysis.install = (Vue, opts) => {
|
|
|
38950
39326
|
// 扫描线
|
|
38951
39327
|
|
|
38952
39328
|
|
|
39329
|
+
// 模型开挖
|
|
39330
|
+
|
|
39331
|
+
|
|
38953
39332
|
|
|
38954
39333
|
|
|
38955
39334
|
|
|
@@ -39048,7 +39427,8 @@ const webglComponents = {
|
|
|
39048
39427
|
Kq3dGeologicalBodyAnalysis: GeologicalBodyAnalysis,
|
|
39049
39428
|
Kq3dLimitHeightAnalysis: LimitHeightAnalysis,
|
|
39050
39429
|
Kq3dTerrainProfileAnalysis: TerrainProfileAnalysis,
|
|
39051
|
-
Kq3dScanEffect: ScanEffect
|
|
39430
|
+
Kq3dScanEffect: ScanEffect,
|
|
39431
|
+
Kq3dModelExcavate: ModelExcavate
|
|
39052
39432
|
}; // 全局引入
|
|
39053
39433
|
|
|
39054
39434
|
const install = function (Vue, opts = {}) {
|