@kq_npm/client3d_webgl_vue 4.5.0 → 4.5.1

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 CHANGED
@@ -84,6 +84,30 @@ module.exports = function (cssWithMappingToString) {
84
84
 
85
85
  /***/ }),
86
86
 
87
+ /***/ 21:
88
+ /***/ (function(__unused_webpack_module, exports) {
89
+
90
+ "use strict";
91
+ var __webpack_unused_export__;
92
+
93
+
94
+ __webpack_unused_export__ = ({
95
+ value: true
96
+ }); // runtime helper for setting properties on components
97
+ // in a tree-shakable way
98
+
99
+ exports.Z = (sfc, props) => {
100
+ const target = sfc.__vccOpts || sfc;
101
+
102
+ for (const [key, val] of props) {
103
+ target[key] = val;
104
+ }
105
+
106
+ return target;
107
+ };
108
+
109
+ /***/ }),
110
+
87
111
  /***/ 961:
88
112
  /***/ (function(module, __unused_webpack_exports, __webpack_require__) {
89
113
 
@@ -432,6 +456,40 @@ ___CSS_LOADER_EXPORT___.push([module.id, ".coord-sightline{background:rgba(42,42
432
456
  /* harmony default export */ __webpack_exports__["Z"] = (___CSS_LOADER_EXPORT___);
433
457
 
434
458
 
459
+ /***/ }),
460
+
461
+ /***/ 98:
462
+ /***/ (function(module, __webpack_exports__, __webpack_require__) {
463
+
464
+ "use strict";
465
+ /* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(705);
466
+ /* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__);
467
+ // Imports
468
+
469
+ var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default()(function(i){return i[1]});
470
+ // Module
471
+ ___CSS_LOADER_EXPORT___.push([module.id, ".gp[data-v-b1608504]{display:flex;flex-direction:column;align-items:flex-start}.gp .palette[data-v-b1608504]{width:257px;height:16px}.gp .csh[data-v-b1608504]{width:257px;height:17.5px;position:relative;cursor:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAATUlEQVQ4T2NkwAH+////HybFyMjIiE0ZVkGQQpBmkB6QGaOaEUHHiByq6CEKCzBcMQLWjCMmcOkBi4NjgSKb8SWS0XjGDB28GYNQrgIAPsNjBG37r7sAAAAASUVORK5CYII=),crosshair !important}", ""]);
472
+ // Exports
473
+ /* harmony default export */ __webpack_exports__["Z"] = (___CSS_LOADER_EXPORT___);
474
+
475
+
476
+ /***/ }),
477
+
478
+ /***/ 757:
479
+ /***/ (function(module, __webpack_exports__, __webpack_require__) {
480
+
481
+ "use strict";
482
+ /* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(705);
483
+ /* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__);
484
+ // Imports
485
+
486
+ var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default()(function(i){return i[1]});
487
+ // Module
488
+ ___CSS_LOADER_EXPORT___.push([module.id, ".cs[data-v-c771bfde]{position:absolute;width:10px;cursor:pointer}.cs[data-v-c771bfde] .kq-color-picker{display:block}.cs[data-v-c771bfde] .kq-color-picker .kq-color-picker__trigger{display:flex;height:8px;width:10px;border:none;border-radius:0}.cs[data-v-c771bfde] .kq-color-picker .kq-color-picker__trigger .kq-color-picker__color{border:none;height:8px;width:10px}.cs[data-v-c771bfde] .kq-color-picker .kq-color-picker__trigger .kq-color-picker__color .kq-color-picker__color-inner{height:8px;width:10px}.cs[data-v-c771bfde] .kq-color-picker .kq-color-picker__trigger .kq-color-picker__color .kq-color-picker__color-inner .kq-color-picker__icon{display:none}.cs[data-v-c771bfde] .kq-color-picker .kq-color-picker__mask{display:none}.cs[data-v-c771bfde] .kq-color-picker:hover:not(.is-disabled) .kq-color-picker__trigger{border:none}.cs[data-v-c771bfde] .kq-color-picker.is-disabled .kq-color-picker__trigger{cursor:pointer}.cs .delete[data-v-c771bfde]{display:none;font-size:12px;line-height:normal;text-align:center;margin-left:-16px}.cs:hover .delete[data-v-c771bfde]{display:block}.cs .arrow[data-v-c771bfde]{width:0;height:0;border-left:5px solid rgba(0,0,0,0);border-right:5px solid rgba(0,0,0,0);border-bottom:4px solid #d9d9d9}.cs .content[data-v-c771bfde]{height:8px;width:10px;border:1px solid #d9d9d9;box-sizing:border-box}", ""]);
489
+ // Exports
490
+ /* harmony default export */ __webpack_exports__["Z"] = (___CSS_LOADER_EXPORT___);
491
+
492
+
435
493
  /***/ }),
436
494
 
437
495
  /***/ 355:
@@ -935,6 +993,8 @@ __webpack_require__.d(__webpack_exports__, {
935
993
  "Kq3dGeologicalBodyAnalysisViewModel": function() { return /* reexport */ GeologicalBodyAnalysisViewModel; },
936
994
  "Kq3dHawkeye": function() { return /* reexport */ Hawkeye; },
937
995
  "Kq3dHawkeyeViewModel": function() { return /* reexport */ HawkeyeViewModel; },
996
+ "Kq3dHeatmap": function() { return /* reexport */ Heatmap3d; },
997
+ "Kq3dHeatmapViewModel": function() { return /* reexport */ Heatmap3dViewModel; },
938
998
  "Kq3dIsolineAnalysis": function() { return /* reexport */ IsolineAnalysis; },
939
999
  "Kq3dIsolineAnalysisViewModel": function() { return /* reexport */ IsolineAnalysisViewModel; },
940
1000
  "Kq3dLight": function() { return /* reexport */ Light; },
@@ -15717,324 +15777,2157 @@ ScanEffect.install = (Vue, opts) => {
15717
15777
  };
15718
15778
 
15719
15779
 
15720
- ;// CONCATENATED MODULE: ./src/webgl/modelexcavate/ModelExcavateViewModel.js
15780
+ ;// CONCATENATED MODULE: ./src/webgl/heatmap3d/Heatmap3dViewModel.js
15721
15781
 
15722
- //模型开挖逻辑类
15723
15782
 
15724
- class ModelExcavateViewModel {
15725
- //三维viewer对象
15726
- //Box裁剪存储参数对象
15727
- //绘制管理对象
15728
- //绘制完成监听事件
15729
- //Kq3dWallPrimitive
15783
+ //热力图
15784
+
15785
+ class Heatmap3dViewModel {
15730
15786
  constructor(scenceView, options) {
15731
15787
  _defineProperty(this, "_viewer", null);
15732
15788
 
15733
- _defineProperty(this, "_options", {});
15789
+ _defineProperty(this, "_options", null);
15734
15790
 
15735
- _defineProperty(this, "_Kq3dTerrainExcavation", null);
15791
+ _defineProperty(this, "_heatmap", null);
15736
15792
 
15737
- _defineProperty(this, "_drawManager", null);
15793
+ _defineProperty(this, "_mouseLabel", null);
15738
15794
 
15739
- _defineProperty(this, "_removeEventListener", null);
15795
+ _defineProperty(this, "language", null);
15740
15796
 
15741
- _defineProperty(this, "_wallPrimitive", void 0);
15797
+ _defineProperty(this, "_heatmap2d", null);
15742
15798
 
15743
- _defineProperty(this, "entity0", null);
15799
+ _defineProperty(this, "_heatmap2dCountLayer", null);
15744
15800
 
15745
- _defineProperty(this, "wall", null);
15801
+ _defineProperty(this, "heatmapData", null);
15746
15802
 
15747
- _defineProperty(this, "ratio", 0.01);
15803
+ this._viewer = scenceView._viewer;
15804
+ this._options = options;
15805
+ this._viewer.scene.globe.depthTestAgainstTerrain = true; // 地图标注对象
15806
+
15807
+ this._mouseLabel = new Cesium.Kq3dHtmlTag(this._viewer, {
15808
+ position: new Cesium.Cartesian3(0, 0, 0),
15809
+ html: `<div>
15810
+ <div class="border-moving">
15811
+ <span id="mouse_lonlat" class="append"></span>
15812
+ <div class="border-moving-box" style="top:3px;left:3px;bottom:3px;right:3px;">
15813
+ <span></span><span></span><span></span><span></span>
15814
+ </div></div>
15815
+ <div class="guidline">
15816
+ <div class="pulse"></div>
15817
+ </div>
15818
+ </div>`,
15819
+ anchor: [0, -138],
15820
+ noEvent: true,
15821
+ visible: false
15822
+ }); // 地图拾取事件,交互展示
15748
15823
 
15749
- _defineProperty(this, "ii", 1);
15824
+ let that = this;
15825
+ var handler = new window.Cesium.ScreenSpaceEventHandler(this._viewer.canvas);
15826
+ handler.setInputAction(function (movement) {
15827
+ var worldPosition = that._viewer.scene.pickPosition(movement.position);
15828
+
15829
+ if (worldPosition) {
15830
+ that._mouseLabel.position = worldPosition;
15831
+ var lonlat = Cesium.Cartographic.fromCartesian(worldPosition);
15832
+ var lon = Cesium.Math.toDegrees(lonlat.longitude),
15833
+ lat = Cesium.Math.toDegrees(lonlat.latitude);
15834
+ var val = 0;
15835
+
15836
+ if (that._options.heatmapType == "3D") {
15837
+ val = String(that._heatmap.getValueAt({
15838
+ lng: lon,
15839
+ lat: lat
15840
+ }));
15841
+ } else if (that._options.heatmapType == "2D") {
15842
+ val = String(that._heatmap2d.getValueAt({
15843
+ lng: lon,
15844
+ lat: lat
15845
+ }));
15846
+ }
15750
15847
 
15751
- _defineProperty(this, "scratchCartesian2", new window.Cesium.Cartesian3());
15848
+ document.getElementById('mouse_lonlat').innerHTML = that.sanitizeInput(`<p>${that.language['longitude'] || "经度"}:${lon.toFixed(5)}</p><p>${that.language['latitude'] || "纬度"}:${lat.toFixed(5)}</p><p>${that.language['heatValue'] || "热力值"}:${val}</p>`);
15752
15849
 
15753
- _defineProperty(this, "scratchCartesian3", new window.Cesium.Cartesian3());
15850
+ that._mouseLabel.setVisible(true);
15851
+ } else {
15852
+ that._mouseLabel.setVisible(false);
15853
+ }
15854
+ }, Cesium.ScreenSpaceEventType.LEFT_CLICK);
15855
+ }
15754
15856
 
15755
- _defineProperty(this, "scratchCartesian4", new window.Cesium.Cartesian3());
15857
+ sanitizeInput(inputHTML) {
15858
+ const allowedTags = ['p', 'strong', 'em'];
15859
+ const tempDiv = document.createElement('div');
15860
+ tempDiv.innerHTML = inputHTML;
15861
+ const childNodes = Array.from(tempDiv.childNodes);
15862
+ childNodes.forEach(node => {
15863
+ if (!allowedTags.includes(node.tagName.toLowerCase())) {
15864
+ tempDiv.removeChild(node);
15865
+ }
15866
+ });
15867
+ return tempDiv.innerHTML;
15868
+ } // 创建三维热力图对象
15756
15869
 
15757
- _defineProperty(this, "scratchCartesian5", new window.Cesium.Cartesian3());
15758
15870
 
15759
- _defineProperty(this, "scratchCartesian6", new window.Cesium.Cartesian3());
15871
+ initHeatmap3d(heatmapData) {
15872
+ this._heatmap = new Cesium.Kq3dHeatmap3D({
15873
+ xField: 'lng',
15874
+ yField: 'lat',
15875
+ valueField: this._options.valueField || 'count',
15876
+ radius: this._options.radius,
15877
+ scene: this._viewer.scene,
15878
+ height: this._options.height,
15879
+ heightRatio: this._options.heightRatio,
15880
+ alpha: this._options.transparents,
15881
+ dynamic: this._options.isFollowingPerspective,
15882
+ clampToGround: this._options.isGround,
15883
+ show: this._options.heatmapType == "3D" ? true : false
15884
+ });
15885
+ if (this._options.gradient) this._heatmap.gradient = this._options.gradient;
15760
15886
 
15761
- _defineProperty(this, "scratchCartesian7", new window.Cesium.Cartesian3());
15887
+ this._viewer.scene.primitives.add(this._heatmap);
15762
15888
 
15763
- _defineProperty(this, "intervalId", null);
15889
+ this._heatmap && this._heatmap.setData(heatmapData);
15890
+ } // 创建二维热力图对象
15764
15891
 
15765
- _defineProperty(this, "tileset1", null);
15766
15892
 
15767
- _defineProperty(this, "g_flattenedPolygonTexture", null);
15893
+ initHeatmap2d(heatmapData) {
15894
+ this._heatmap2d = new Cesium.Kq3dHeatmap2D({
15895
+ xField: 'lng',
15896
+ yField: 'lat',
15897
+ valueField: this._options.valueField || 'count',
15898
+ canvasWidth: 1024,
15899
+ canvasHeight: 1024,
15900
+ radius: this._options.radius,
15901
+ blur: 1.0,
15902
+ gradient: this._options.gradient
15903
+ });
15768
15904
 
15769
- this._viewer = scenceView._viewer;
15770
- this._options = options;
15771
- this._drawManager = scenceView._drawManager;
15772
- this._viewer.scene.globe.depthTestAgainstTerrain = true; //开启深度检测
15905
+ this._heatmap2d.setData(heatmapData);
15773
15906
 
15774
- let kq3dFlattenning = new window.Cesium.Kq3dFlattenning(this._viewer, {});
15775
- this.g_flattenedPolygonTexture = kq3dFlattenning.createFlattenedPolygonTexture(); // this.tileset1 = this._viewer.scene.primitives.add(new Cesium.Cesium3DTileset({
15776
- // url: "http://support.kqgeo.com:18700/SampleData/3DTiles/Oblique/tileset.json"
15777
- // }));
15778
- // this.tileset1.readyPromise.then(function (tileset) {
15779
- // that._viewer.zoomTo(tileset);
15780
- // }).otherwise(function (error) {
15781
- // console.log(error);
15782
- // });
15783
- // this.tileset1.enableFlattenning = true;
15784
- // this.tileset1.flattenDiscard = true;
15785
- // this.g_flattenedPolygonTexture.attachTileset(this.tileset1);
15907
+ let extent = this._heatmap2d.extent;
15908
+ let pv = new Cesium.SingleTileImageryProvider({
15909
+ url: this._heatmap2d.toDataURL(),
15910
+ rectangle: Cesium.Rectangle.fromDegrees(extent[0], extent[1], extent[2], extent[3])
15911
+ });
15912
+ this._heatmap2dCountLayer = new Cesium.ImageryLayer(pv, {
15913
+ alpha: this._options.transparents,
15914
+ show: this._options.heatmapType == "2D" ? true : false
15915
+ });
15786
15916
 
15787
- var that = this;
15788
- var models = this._viewer.scene.primitives._primitives;
15917
+ this._viewer.imageryLayers.add(this._heatmap2dCountLayer);
15918
+ } // 切换二维数据
15789
15919
 
15790
- for (let i = 0; i < models.length; i++) {
15791
- if (models[1] instanceof Cesium.Cesium3DTileset && models[i]._url) {
15792
- models[i].enableFlattenning = true;
15793
- models[i].flattenDiscard = true;
15794
- models[i].readyPromise.then(function (tileset) {
15795
- that.g_flattenedPolygonTexture.attachTileset(tileset);
15796
- });
15797
- }
15798
- }
15799
15920
 
15800
- this._removeEventListener = this._drawManager.drawFinishedEvent.addEventListener(shape => {
15801
- if (shape) {
15802
- that._options.positions = shape._controlPoints;
15921
+ changeHeatmap2d() {
15922
+ if (this._options.gradient) this._heatmap2d.gradient = this._options.gradient;
15923
+ if (this._options.radius) this._heatmap2d.radius = this._options.radius;
15924
+ if (this._heatmap2dCountLayer) this._viewer.imageryLayers.remove(this._heatmap2dCountLayer, true);
15925
+ let extent = this._heatmap2d.extent;
15926
+ let pv = new Cesium.SingleTileImageryProvider({
15927
+ url: this._heatmap2d.toDataURL(),
15928
+ rectangle: Cesium.Rectangle.fromDegrees(extent[0], extent[1], extent[2], extent[3])
15929
+ });
15930
+ this._heatmap2dCountLayer = new Cesium.ImageryLayer(pv, {
15931
+ alpha: this._options.transparents,
15932
+ show: this._options.heatmapType == "2D" ? true : false
15933
+ });
15803
15934
 
15804
- if (shape._controlPoints && shape._controlPoints.length > 3 || shape._controlPoints && shape._controlPoints.length == 3 && shape._controlPoints[2] != shape._controlPoints[0]) {
15805
- that.createDynamicExcavationEffect();
15806
- } else {
15807
- message({
15808
- message: "请至少绘制3个点!",
15809
- type: "warning"
15810
- });
15935
+ this._viewer.imageryLayers.add(this._heatmap2dCountLayer);
15936
+ } // 设置颜色渲染
15937
+
15938
+
15939
+ setColorArray(val) {
15940
+ this._options.gradient = val;
15941
+ if (this._heatmap) this._heatmap.gradient = val;
15942
+ if (this._heatmap2d) this.changeHeatmap2d();
15943
+ } // 参数改变
15944
+
15945
+
15946
+ paramsChanged(key, val) {
15947
+ this._options[key] = val;
15948
+ if (!this._heatmap) return;
15949
+ if (!this._heatmap2dCountLayer) return;
15950
+
15951
+ switch (key) {
15952
+ case "heatmapType":
15953
+ this._mouseLabel.setVisible(false);
15954
+
15955
+ if (this._options.heatmapType == "3D") {
15956
+ this._viewer.scene.highDynamicRange = false;
15957
+ this._viewer.scene.globe.showGroundAtmosphere = true;
15958
+ this._heatmap.show = this._options.isShow;
15959
+ this._heatmap2dCountLayer.show = false;
15960
+ } else if (this._options.heatmapType == "2D") {
15961
+ this._viewer.scene.highDynamicRange = true;
15962
+ this._viewer.scene.globe.showGroundAtmosphere = false;
15963
+ this._heatmap.show = false;
15964
+ this._heatmap2dCountLayer.show = this._options.isShow;
15811
15965
  }
15812
15966
 
15813
- that._drawManager.clear();
15814
- }
15815
- });
15816
- } // 创建开挖模型
15967
+ break;
15817
15968
 
15969
+ case "radius":
15970
+ this._mouseLabel.setVisible(false);
15818
15971
 
15819
- createDynamicExcavationEffect() {
15820
- this._Kq3dTerrainExcavation && this._Kq3dTerrainExcavation.destroy();
15821
- this._Kq3dTerrainExcavation = new window.Cesium.Kq3dTerrainExcavation({
15822
- viewer: this._viewer,
15823
- height: this._options.height,
15824
- positions: this._options.positions,
15825
- hasWall: false
15826
- });
15972
+ this._heatmap[key] = Number(val);
15827
15973
 
15828
- if (this._wallPrimitive) {
15829
- this._viewer.scene.primitives.remove(this._wallPrimitive);
15974
+ if (this._heatmap.dynamic) {
15975
+ this._heatmap.dynamic = false;
15976
+ }
15830
15977
 
15831
- this._wallPrimitive = undefined;
15832
- }
15978
+ this.changeHeatmap2d();
15979
+ break;
15833
15980
 
15834
- this._wallPrimitive = new window.Cesium.Kq3dWallPrimitive({
15835
- viewer: this._viewer,
15836
- height: this._options.height,
15837
- positions: this._options.positions,
15838
- elevationOnTerrain: false
15839
- });
15981
+ case "height":
15982
+ this._mouseLabel.setVisible(false);
15840
15983
 
15841
- this._viewer.scene.primitives.add(this._wallPrimitive);
15984
+ this._heatmap[key] = Number(val);
15842
15985
 
15843
- let that = this;
15986
+ if (this._heatmap.dynamic) {
15987
+ this._heatmap.dynamic = false;
15988
+ }
15844
15989
 
15845
- this._wallPrimitive._readyEvent.addEventListener(function (eventType) {
15846
- if (eventType != "Ready") {
15847
- return;
15848
- }
15990
+ break;
15849
15991
 
15850
- that.g_flattenedPolygonTexture && that.g_flattenedPolygonTexture.removeAllFlattenedPolygon();
15851
- var myPolygon = window.Cesium.PolygonGeometry.fromPositions({
15852
- positions: that._options.positions,
15853
- height: window.Cesium.Cartographic.fromCartesian(that._options.positions[0]).height
15992
+ case "transparents":
15993
+ this._heatmap.alpha = Number(val);
15994
+ this._heatmap2dCountLayer.alpha = Number(val);
15995
+ break;
15996
+
15997
+ case "heightRatio":
15998
+ this._mouseLabel.setVisible(false);
15999
+
16000
+ this._heatmap.heightRatio = Number(val);
16001
+ break;
16002
+
16003
+ case "isShow":
16004
+ if (this._options.heatmapType == "3D") {
16005
+ this._heatmap.show = val;
16006
+ } else if (this._options.heatmapType == "2D") {
16007
+ this._heatmap2dCountLayer.show = val;
16008
+ }
16009
+
16010
+ this._mouseLabel.setVisible(false);
16011
+
16012
+ break;
16013
+
16014
+ case "isFollowingPerspective":
16015
+ this._heatmap.dynamic = val;
16016
+
16017
+ this._mouseLabel.setVisible(false);
16018
+
16019
+ break;
16020
+
16021
+ case "isGround":
16022
+ this._heatmap.clampToGround = val;
16023
+
16024
+ this._mouseLabel.setVisible(false);
16025
+
16026
+ break;
16027
+
16028
+ case "valueField":
16029
+ this.clear();
16030
+
16031
+ if (this.heatmapData) {
16032
+ this.initHeatmap3d(this.heatmapData);
16033
+ this.initHeatmap2d(this.heatmapData);
16034
+ }
16035
+
16036
+ break;
16037
+
16038
+ default:
16039
+ break;
16040
+ }
16041
+ } // 加载
16042
+
16043
+
16044
+ start() {
16045
+ this.clear();
16046
+
16047
+ if (this.heatmapData) {
16048
+ this.initHeatmap3d(this.heatmapData);
16049
+ this.initHeatmap2d(this.heatmapData);
16050
+ } else {
16051
+ message({
16052
+ message: "先输入在线json地址或上传文件!",
16053
+ type: "warning",
16054
+ duration: 2000
15854
16055
  });
15855
- that.g_flattenedPolygonTexture && that.g_flattenedPolygonTexture.addFlattenedPolygon(myPolygon); // that.intervalId = setInterval(function () {
15856
- // if (that.ii > 100) {
15857
- // if (that.entity0) {
15858
- // that._viewer.scene.primitives.remove(that.entity0);
15859
- // that.entity0 = undefined;
15860
- // }
15861
- // if (that.wall) {
15862
- // that._viewer.scene.primitives.remove(that.wall);
15863
- // that.wall = undefined;
15864
- // }
15865
- // clearInterval(that.intervalId);
15866
- // that.ii = 0;
15867
- // return;
15868
- // }
15869
- // var carto2 = window.Cesium.Cartesian3.lerp(that._options.positions[0], that._options.positions[3], that.ratio * that.ii, that.scratchCartesian2);
15870
- // var carto3 = window.Cesium.Cartesian3.lerp(that._options.positions[1], that._options.positions[2], that.ratio * that.ii, that.scratchCartesian3);
15871
- // if (that.entity0) {
15872
- // that._viewer.scene.primitives.remove(that.entity0);
15873
- // that.entity0 = undefined;
15874
- // }
15875
- // that.entity0 = that.createPolyline([carto2, carto3]);
15876
- // that.ii++;
15877
- // that.g_flattenedPolygonTexture.removeAllFlattenedPolygon();
15878
- // var myPolygon = window.Cesium.PolygonGeometry.fromPositions({
15879
- // positions: [that._options.positions[0], that._options.positions[1], carto3, carto2],
15880
- // height: window.Cesium.Cartographic.fromCartesian(that._options.positions[0]).height
15881
- // });
15882
- // that.g_flattenedPolygonTexture.addFlattenedPolygon(myPolygon);
15883
- // }, 100);
15884
- });
15885
- }
16056
+ return;
16057
+ }
16058
+ } //清除全部结果
15886
16059
 
15887
- createPolyline(positions) {
15888
- var material = window.Cesium.Material.fromType("Kq3dLightningMaterial", {});
15889
16060
 
15890
- if (this.wall) {
15891
- this._viewer.scene.primitives.remove(this.wall);
16061
+ clear() {
16062
+ this._mouseLabel.setVisible(false);
15892
16063
 
15893
- this.wall = undefined;
16064
+ if (this._heatmap) {
16065
+ this._viewer.scene.primitives.remove(this._heatmap);
16066
+
16067
+ this._heatmap = null;
15894
16068
  }
15895
16069
 
15896
- var geometryInstances = [];
15897
- geometryInstances.push(new window.Cesium.GeometryInstance({
15898
- geometry: new window.Cesium.WallGeometry({
15899
- positions: positions,
15900
- maximumHeights: [10, 10],
15901
- minimumHeights: [-10, -10],
15902
- vertexFormat: window.Cesium.VertexFormat.POSITION_NORMAL_AND_ST
15903
- })
15904
- }));
15905
- this.wall = new window.Cesium.Primitive({
15906
- geometryInstances: geometryInstances,
15907
- appearance: new window.Cesium.MaterialAppearance({
15908
- material: material
15909
- })
15910
- });
16070
+ if (this._heatmap2d) this._heatmap2d = null;
16071
+ if (this._heatmap2dCountLayer) this._viewer.imageryLayers.remove(this._heatmap2dCountLayer, true);
16072
+ } //销毁
15911
16073
 
15912
- this._viewer.scene.primitives.add(this.wall);
15913
16074
 
15914
- var geo = new window.Cesium.GroundPolylineGeometry({
15915
- positions: positions,
15916
- width: 40.0,
15917
- vertexFormat: window.Cesium.PolylineMaterialAppearance.VERTEX_FORMAT
15918
- });
15919
- var primitive = new window.Cesium.GroundPolylinePrimitive({
15920
- asynchronous: false,
15921
- classificationType: window.Cesium.ClassificationType.BOTH,
15922
- geometryInstances: new window.Cesium.GeometryInstance({
15923
- geometry: geo
15924
- }),
15925
- appearance: new window.Cesium.PolylineMaterialAppearance({
15926
- material: material
15927
- })
15928
- });
15929
- return this._viewer.scene.primitives.add(primitive);
16075
+ destroy() {
16076
+ this.clear();
16077
+
16078
+ this._mouseLabel.destroy();
15930
16079
  }
15931
16080
 
15932
- start() {
15933
- // 判断是否添加了模型
15934
- var flag = false;
15935
- var that = this;
15936
- var models = this._viewer.scene.primitives._primitives;
16081
+ }
16082
+ ;// CONCATENATED MODULE: ./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/dist/index.js??ruleSet[0]!./src/webgl/heatmap3d/CustomColorPickerSlider.vue?vue&type=script&setup=true&lang=js
15937
16083
 
15938
- for (let i = 0; i < models.length; i++) {
15939
- if (models[i] instanceof Cesium.Cesium3DTileset && models[i]._url) {
15940
- // models[i].enableFlattenning = true;
15941
- // models[i].flattenDiscard = true;
15942
- // models[i].readyPromise.then(function (tileset) {
15943
- // that.g_flattenedPolygonTexture.attachTileset(tileset);
15944
- // });
15945
- flag = true;
16084
+
16085
+ const _withScopeId = n => ((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.pushScopeId)("data-v-c771bfde"), n = n(), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.popScopeId)(), n);
16086
+
16087
+ const CustomColorPickerSlidervue_type_script_setup_true_lang_js_hoisted_1 = /*#__PURE__*/_withScopeId(() => /*#__PURE__*/(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementVNode)("div", {
16088
+ class: "arrow"
16089
+ }, null, -1
16090
+ /* HOISTED */
16091
+ ));
16092
+
16093
+
16094
+ /* harmony default export */ var CustomColorPickerSlidervue_type_script_setup_true_lang_js = ({
16095
+ __name: 'CustomColorPickerSlider',
16096
+ props: ["width", "color", "percentage", "id"],
16097
+ emits: ["updatePercentage", "updateColor", "deleteColorSlider"],
16098
+
16099
+ setup(__props, {
16100
+ emit
16101
+ }) {
16102
+ const props = __props; // eslint-disable-next-line vue/no-setup-props-destructure
16103
+
16104
+ const initId = props.id;
16105
+ const initColor = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)(props.color);
16106
+ const rangeMin = -5;
16107
+ const rangeMax = props.width - 5;
16108
+ const position = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)(props.percentage / 100 * props.width + rangeMin);
16109
+ const disabled = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)(false); // 为了防止在mouseup事件结束后,弹出颜色框
16110
+
16111
+ let offsetX = 0;
16112
+ let isDragging = false; // 是否拖动
16113
+
16114
+ let mouseDownX = 0; // 通过拖动的距离,判断是拖动还是点击
16115
+
16116
+ function handleMouseDown(event) {
16117
+ isDragging = true;
16118
+ offsetX = event.clientX - position.value;
16119
+ mouseDownX = event.clientX; // 监听mousemove、mouseup事件 注意是在document上监听
16120
+
16121
+ document.addEventListener("mousemove", handleMouseMove);
16122
+ document.addEventListener("mouseup", handleMouseUp); // 阻止了默认行为,防止出现not-allowed的光标
16123
+
16124
+ event.preventDefault();
16125
+ } // 处理MouseMove
16126
+
16127
+
16128
+ function handleMouseMove(event) {
16129
+ if (isDragging) {
16130
+ position.value = Math.min(Math.max(event.clientX - offsetX, rangeMin), rangeMax); // 拖动的过程中,不断改变percentage
16131
+
16132
+ const percentage = (position.value + Math.abs(rangeMin)) / (rangeMax - rangeMin) * 100;
16133
+ emit("updatePercentage", {
16134
+ percentage: percentage,
16135
+ id: initId
16136
+ });
15946
16137
  }
15947
16138
  }
15948
16139
 
15949
- if (flag) {
15950
- this.remove();
16140
+ function handleMouseUp(event) {
16141
+ if (isDragging) {
16142
+ isDragging = false; // 移除mousemove、mouseup的事件监听
15951
16143
 
15952
- this._drawManager.startDraw("polygon", {
15953
- clampToGround: true
16144
+ document.removeEventListener("mousemove", handleMouseMove);
16145
+ document.removeEventListener("mouseup", handleMouseUp);
16146
+ } // 判断是否拖动模式
16147
+
16148
+
16149
+ if (Math.abs(event.clientX - mouseDownX) > 2) {
16150
+ // 是拖动模式 禁止colorPicker组件弹出
16151
+ disabled.value = true;
16152
+ setTimeout(function () {
16153
+ disabled.value = false;
16154
+ }, 100);
16155
+ }
16156
+ }
16157
+
16158
+ function updateColor(color) {
16159
+ initColor.value = color;
16160
+ emit("updateColor", {
16161
+ color: color,
16162
+ id: initId
15954
16163
  });
15955
- } else {
15956
- message({
15957
- message: "请添加模型后绘制!",
15958
- type: "warning"
16164
+ }
16165
+
16166
+ function deleteColorSlider() {
16167
+ emit("deleteColorSlider", {
16168
+ id: initId
15959
16169
  });
15960
16170
  }
15961
- } // 切换高度重新计算
15962
16171
 
16172
+ function handleClick(event) {
16173
+ // 阻止滑块上的点击事件冒泡
16174
+ event.stopPropagation();
16175
+ }
15963
16176
 
15964
- setHeight(val) {
15965
- this._options.height = Number(val);
16177
+ return (_ctx, _cache) => {
16178
+ const _component_kq_color_picker = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.resolveComponent)("kq-color-picker");
16179
+
16180
+ return (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.openBlock)(), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementBlock)("div", {
16181
+ class: "cs",
16182
+ style: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.normalizeStyle)({
16183
+ left: position.value + 'px'
16184
+ }),
16185
+ onMousedown: handleMouseDown,
16186
+ onClick: handleClick
16187
+ }, [CustomColorPickerSlidervue_type_script_setup_true_lang_js_hoisted_1, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_color_picker, {
16188
+ modelValue: initColor.value,
16189
+ "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => initColor.value = $event),
16190
+ onActiveChange: updateColor,
16191
+ disabled: disabled.value
16192
+ }, null, 8
16193
+ /* PROPS */
16194
+ , ["modelValue", "disabled"]), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementVNode)("div", {
16195
+ class: "delete",
16196
+ onClick: deleteColorSlider
16197
+ }, "x")], 36
16198
+ /* STYLE, HYDRATE_EVENTS */
16199
+ );
16200
+ };
15966
16201
  }
15967
16202
 
15968
- remove() {
15969
- // 销毁地形开挖
15970
- if (this.intervalId) {
15971
- clearInterval(this.intervalId);
15972
- this.ii = 0;
16203
+ });
16204
+ ;// CONCATENATED MODULE: ./src/webgl/heatmap3d/CustomColorPickerSlider.vue?vue&type=script&setup=true&lang=js
16205
+
16206
+ // EXTERNAL MODULE: ./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js
16207
+ var injectStylesIntoStyleTag = __webpack_require__(379);
16208
+ var injectStylesIntoStyleTag_default = /*#__PURE__*/__webpack_require__.n(injectStylesIntoStyleTag);
16209
+ // EXTERNAL MODULE: ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/vue-loader/dist/index.js??ruleSet[0]!./src/webgl/heatmap3d/CustomColorPickerSlider.vue?vue&type=style&index=0&id=c771bfde&scoped=true&lang=scss
16210
+ var CustomColorPickerSlidervue_type_style_index_0_id_c771bfde_scoped_true_lang_scss = __webpack_require__(757);
16211
+ ;// CONCATENATED MODULE: ./node_modules/style-loader/dist/cjs.js!./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/vue-loader/dist/index.js??ruleSet[0]!./src/webgl/heatmap3d/CustomColorPickerSlider.vue?vue&type=style&index=0&id=c771bfde&scoped=true&lang=scss
15973
16212
 
15974
- if (this.entity0) {
15975
- this._viewer.scene.primitives.remove(this.entity0);
16213
+
15976
16214
 
15977
- this.entity0 = undefined;
16215
+ var options = {};
16216
+
16217
+ options.insert = "head";
16218
+ options.singleton = false;
16219
+
16220
+ var update = injectStylesIntoStyleTag_default()(CustomColorPickerSlidervue_type_style_index_0_id_c771bfde_scoped_true_lang_scss/* default */.Z, options);
16221
+
16222
+
16223
+
16224
+ /* harmony default export */ var heatmap3d_CustomColorPickerSlidervue_type_style_index_0_id_c771bfde_scoped_true_lang_scss = (CustomColorPickerSlidervue_type_style_index_0_id_c771bfde_scoped_true_lang_scss/* default.locals */.Z.locals || {});
16225
+ ;// CONCATENATED MODULE: ./src/webgl/heatmap3d/CustomColorPickerSlider.vue?vue&type=style&index=0&id=c771bfde&scoped=true&lang=scss
16226
+
16227
+ // EXTERNAL MODULE: ./node_modules/vue-loader/dist/exportHelper.js
16228
+ var exportHelper = __webpack_require__(21);
16229
+ ;// CONCATENATED MODULE: ./src/webgl/heatmap3d/CustomColorPickerSlider.vue
16230
+
16231
+
16232
+
16233
+ ;
16234
+
16235
+
16236
+ const CustomColorPickerSlider_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(CustomColorPickerSlidervue_type_script_setup_true_lang_js, [['__scopeId',"data-v-c771bfde"]])
16237
+
16238
+ /* harmony default export */ var CustomColorPickerSlider = (CustomColorPickerSlider_exports_);
16239
+ ;// CONCATENATED MODULE: ./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/dist/index.js??ruleSet[0]!./src/webgl/heatmap3d/CustomColorPicker.vue?vue&type=script&setup=true&lang=js
16240
+
16241
+
16242
+ const CustomColorPickervue_type_script_setup_true_lang_js_withScopeId = n => (_pushScopeId("data-v-b1608504"), n = n(), _popScopeId(), n);
16243
+
16244
+ const CustomColorPickervue_type_script_setup_true_lang_js_hoisted_1 = {
16245
+ class: "gp"
16246
+ };
16247
+
16248
+
16249
+
16250
+ /* harmony default export */ var CustomColorPickervue_type_script_setup_true_lang_js = ({
16251
+ __name: 'CustomColorPicker',
16252
+ props: ["data"],
16253
+ emits: ["color-changed"],
16254
+
16255
+ setup(__props, {
16256
+ emit
16257
+ }) {
16258
+ const props = __props; // 宽度
16259
+
16260
+ const width = 257;
16261
+ const items = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)(props.data);
16262
+ let backgroundImage = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)(updateBackgroundImage()); // 更新色带条
16263
+
16264
+ function updateBackgroundImage() {
16265
+ let style = [];
16266
+
16267
+ for (let i = 0; i < items.value.length; i++) {
16268
+ const item = items.value[i];
16269
+ style.push(`${item.color} ${item.percentage}%`);
15978
16270
  }
15979
16271
 
15980
- if (this.wall) {
15981
- this._viewer.scene.primitives.remove(this.wall);
16272
+ return `background-image: linear-gradient(90deg, ${style.toString()})`;
16273
+ } // 更新颜色百分比
15982
16274
 
15983
- this.wall = undefined;
16275
+
16276
+ function updatePercentage(args) {
16277
+ const {
16278
+ percentage,
16279
+ id
16280
+ } = args;
16281
+
16282
+ for (let i = 0; i < items.value.length; i++) {
16283
+ if (items.value[i].id == id) {
16284
+ items.value[i].percentage = percentage;
16285
+ break;
16286
+ }
16287
+ } // 重新排序数组
16288
+
16289
+
16290
+ items.value.sort((a, b) => a.percentage - b.percentage);
16291
+ backgroundImage.value = updateBackgroundImage();
16292
+ emit("color-changed", items.value);
16293
+ } // 更新颜色
16294
+
16295
+
16296
+ function updateColor(args) {
16297
+ const {
16298
+ color,
16299
+ id
16300
+ } = args;
16301
+
16302
+ for (let i = 0; i < items.value.length; i++) {
16303
+ if (items.value[i].id == id) {
16304
+ items.value[i].color = color;
16305
+ break;
16306
+ }
16307
+ } // 重新排序数组
16308
+
16309
+
16310
+ items.value.sort((a, b) => a.percentage - b.percentage);
16311
+ backgroundImage.value = updateBackgroundImage();
16312
+ emit("color-changed", items.value);
16313
+ } // 删除色块
16314
+
16315
+
16316
+ function deleteColorSlider(args) {
16317
+ if (items.value.length <= 2) {
16318
+ return;
15984
16319
  }
15985
- }
15986
16320
 
15987
- if (this._wallPrimitive) {
15988
- this._viewer.scene.primitives.remove(this._wallPrimitive);
16321
+ const {
16322
+ id
16323
+ } = args;
15989
16324
 
15990
- this._wallPrimitive = undefined;
16325
+ for (let i = 0; i < items.value.length; i++) {
16326
+ if (items.value[i].id == id) {
16327
+ items.value.splice(i, 1);
16328
+ break;
16329
+ }
16330
+ }
16331
+
16332
+ backgroundImage.value = updateBackgroundImage();
16333
+ emit("color-changed", items.value);
16334
+ } // 增加色块
16335
+
16336
+
16337
+ function addColorSlider(event) {
16338
+ items.value.push({
16339
+ id: (0,util_.guid)(),
16340
+ color: "#0000FF",
16341
+ percentage: event.offsetX / width * 100
16342
+ }); // 重新排序数组
16343
+
16344
+ items.value.sort((a, b) => a.percentage - b.percentage);
16345
+ backgroundImage.value = updateBackgroundImage();
16346
+ emit("color-changed", items.value);
15991
16347
  }
15992
16348
 
15993
- this._Kq3dTerrainExcavation && this._Kq3dTerrainExcavation.destroy();
15994
- this.g_flattenedPolygonTexture && this.g_flattenedPolygonTexture.removeAllFlattenedPolygon();
15995
- } // 清除
16349
+ return (_ctx, _cache) => {
16350
+ return (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.openBlock)(), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementBlock)("div", CustomColorPickervue_type_script_setup_true_lang_js_hoisted_1, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementVNode)("div", {
16351
+ class: "palette",
16352
+ style: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.normalizeStyle)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(backgroundImage))
16353
+ }, null, 4
16354
+ /* STYLE */
16355
+ ), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementVNode)("div", {
16356
+ class: "csh",
16357
+ onClick: addColorSlider
16358
+ }, [((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.openBlock)(true), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementBlock)(external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.Fragment, null, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.renderList)(items.value, item => {
16359
+ return (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.openBlock)(), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createBlock)(CustomColorPickerSlider, {
16360
+ key: item.id,
16361
+ width: width,
16362
+ color: item.color,
16363
+ id: item.id,
16364
+ percentage: item.percentage,
16365
+ onUpdatePercentage: updatePercentage,
16366
+ onUpdateColor: updateColor,
16367
+ onDeleteColorSlider: deleteColorSlider
16368
+ }, null, 8
16369
+ /* PROPS */
16370
+ , ["color", "id", "percentage"]);
16371
+ }), 128
16372
+ /* KEYED_FRAGMENT */
16373
+ ))])]);
16374
+ };
16375
+ }
15996
16376
 
16377
+ });
16378
+ ;// CONCATENATED MODULE: ./src/webgl/heatmap3d/CustomColorPicker.vue?vue&type=script&setup=true&lang=js
16379
+
16380
+ // EXTERNAL MODULE: ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/vue-loader/dist/index.js??ruleSet[0]!./src/webgl/heatmap3d/CustomColorPicker.vue?vue&type=style&index=0&id=b1608504&scoped=true&lang=scss
16381
+ var CustomColorPickervue_type_style_index_0_id_b1608504_scoped_true_lang_scss = __webpack_require__(98);
16382
+ ;// CONCATENATED MODULE: ./node_modules/style-loader/dist/cjs.js!./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/vue-loader/dist/index.js??ruleSet[0]!./src/webgl/heatmap3d/CustomColorPicker.vue?vue&type=style&index=0&id=b1608504&scoped=true&lang=scss
15997
16383
 
15998
- clear() {
15999
- this._drawManager.stopDraw();
16384
+
16000
16385
 
16001
- this.remove();
16002
- } //销毁
16386
+ var CustomColorPickervue_type_style_index_0_id_b1608504_scoped_true_lang_scss_options = {};
16003
16387
 
16388
+ CustomColorPickervue_type_style_index_0_id_b1608504_scoped_true_lang_scss_options.insert = "head";
16389
+ CustomColorPickervue_type_style_index_0_id_b1608504_scoped_true_lang_scss_options.singleton = false;
16004
16390
 
16005
- destroy() {
16006
- this.clear();
16007
- this.g_flattenedPolygonTexture && this.g_flattenedPolygonTexture.detachAllTileset();
16008
- this.g_flattenedPolygonTexture && this.g_flattenedPolygonTexture.destroy();
16009
- }
16391
+ var CustomColorPickervue_type_style_index_0_id_b1608504_scoped_true_lang_scss_update = injectStylesIntoStyleTag_default()(CustomColorPickervue_type_style_index_0_id_b1608504_scoped_true_lang_scss/* default */.Z, CustomColorPickervue_type_style_index_0_id_b1608504_scoped_true_lang_scss_options);
16010
16392
 
16011
- }
16012
- ;// 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
16013
16393
 
16014
- const ModelExcavatevue_type_script_setup_true_lang_js_hoisted_1 = {
16015
- class: "kq3d-model-excavate-box",
16016
- ref: "ref_box"
16394
+
16395
+ /* harmony default export */ var heatmap3d_CustomColorPickervue_type_style_index_0_id_b1608504_scoped_true_lang_scss = (CustomColorPickervue_type_style_index_0_id_b1608504_scoped_true_lang_scss/* default.locals */.Z.locals || {});
16396
+ ;// CONCATENATED MODULE: ./src/webgl/heatmap3d/CustomColorPicker.vue?vue&type=style&index=0&id=b1608504&scoped=true&lang=scss
16397
+
16398
+ ;// CONCATENATED MODULE: ./src/webgl/heatmap3d/CustomColorPicker.vue
16399
+
16400
+
16401
+
16402
+ ;
16403
+
16404
+
16405
+ const CustomColorPicker_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(CustomColorPickervue_type_script_setup_true_lang_js, [['__scopeId',"data-v-b1608504"]])
16406
+
16407
+ /* harmony default export */ var CustomColorPicker = (CustomColorPicker_exports_);
16408
+ ;// CONCATENATED MODULE: ./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/dist/index.js??ruleSet[0]!./src/webgl/heatmap3d/Heatmap3d.vue?vue&type=script&setup=true&lang=js
16409
+
16410
+
16411
+ const Heatmap3dvue_type_script_setup_true_lang_js_hoisted_1 = {
16412
+ class: "kq3d-heatmap-box"
16017
16413
  };
16018
- const ModelExcavatevue_type_script_setup_true_lang_js_hoisted_2 = {
16019
- class: "kq3d-model-excavate-span"
16414
+ const Heatmap3dvue_type_script_setup_true_lang_js_hoisted_2 = {
16415
+ class: "kq3d-heatmap-span"
16020
16416
  };
16021
- const ModelExcavatevue_type_script_setup_true_lang_js_hoisted_3 = {
16022
- class: "kq3d-model-excavate-footer"
16417
+ const Heatmap3dvue_type_script_setup_true_lang_js_hoisted_3 = {
16418
+ class: "kq3d-heatmap-span"
16419
+ };
16420
+ const Heatmap3dvue_type_script_setup_true_lang_js_hoisted_4 = {
16421
+ class: "kq3d-heatmap-footer"
16023
16422
  };
16024
16423
 
16025
16424
 
16026
16425
 
16027
16426
 
16028
16427
 
16029
- //语言
16030
16428
 
16031
- const ModelExcavatevue_type_script_setup_true_lang_js_default_ = {
16032
- name: "Kq3dModelExcavate"
16429
+
16430
+
16431
+
16432
+
16433
+ const Heatmap3dvue_type_script_setup_true_lang_js_default_ = {
16434
+ name: "Kq3dHeatmap"
16033
16435
  };
16034
- /* harmony default export */ var ModelExcavatevue_type_script_setup_true_lang_js = (/*#__PURE__*/Object.assign(ModelExcavatevue_type_script_setup_true_lang_js_default_, {
16436
+ /* harmony default export */ var Heatmap3dvue_type_script_setup_true_lang_js = (/*#__PURE__*/Object.assign(Heatmap3dvue_type_script_setup_true_lang_js_default_, {
16035
16437
  props: {
16036
- //指定组件绑定的viewer对象的div的id
16037
- mapTarget: String,
16438
+ // 设置参数
16439
+ settingParams: {
16440
+ type: Object
16441
+ },
16442
+ // 是否显示阴影效果
16443
+ showShadow: {
16444
+ type: Boolean,
16445
+ default: true
16446
+ },
16447
+
16448
+ /**
16449
+ * 例:"center","topLeft","topRight","bottomLeft","bottomRight", "topCenter", "bottomCenter" {top:'16px',left:'16px'}, {top:16,left:16}
16450
+ */
16451
+ position: [String, Object],
16452
+ // 是否生成HeaderTemp
16453
+ showHeaderTemp: {
16454
+ type: Boolean,
16455
+ default: false
16456
+ },
16457
+ // 是否折叠HeaderTemp,showHeaderTemp为true时生效
16458
+ isCollapseHeaderTemp: {
16459
+ type: Boolean,
16460
+ default: false
16461
+ },
16462
+ // HeaderTemp标题
16463
+ headerTempTitle: {
16464
+ type: String
16465
+ },
16466
+ // HeaderTemp图标
16467
+ headerTempIcon: {
16468
+ type: [Object, String],
16469
+ default: client_icons_vue_namespaceObject.IconHeatMap3D
16470
+ },
16471
+ // HeaderTemp Title&Icon的位置
16472
+ isRight: {
16473
+ type: Boolean,
16474
+ default: true
16475
+ }
16476
+ },
16477
+
16478
+ setup(__props, {
16479
+ expose
16480
+ }) {
16481
+ const props = __props;
16482
+ const {
16483
+ proxy
16484
+ } = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.getCurrentInstance)();
16485
+ let currentLang = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)("");
16486
+ let language = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)({});
16487
+ let collapseValue = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)("");
16488
+ let weightFields = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)([]); // 获取组件传参
16489
+
16490
+ let formItem = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.reactive)({
16491
+ dataPath: props.settingParams && props.settingParams.dataPath || "",
16492
+ //数据地址,json文件或json地址
16493
+ heatmapType: props.settingParams && props.settingParams.heatmapType || "3D",
16494
+ //渲染方式
16495
+ radius: props.settingParams && props.settingParams.radius || 8,
16496
+ //半径
16497
+ minRadius: props.settingParams && props.settingParams.minRadius || 5,
16498
+ maxRadius: props.settingParams && props.settingParams.maxRadius || 100,
16499
+ transparents: props.settingParams && props.settingParams.transparents || 0.75,
16500
+ //透明度
16501
+ minTransparents: 0,
16502
+ maxTransparents: 1,
16503
+ height: props.settingParams && props.settingParams.height || 800,
16504
+ //高度
16505
+ minHeight: props.settingParams && props.settingParams.minHeight || 0,
16506
+ maxHeight: props.settingParams && props.settingParams.minHeight || 1000,
16507
+ heightRatio: props.settingParams && props.settingParams.heightRatio || 2,
16508
+ //高度比率
16509
+ minHeightRatio: props.settingParams && props.settingParams.minHeightRatio || 0.1,
16510
+ // 最小值
16511
+ maxHeightRatio: props.settingParams && props.settingParams.maxHeightRatio || 10,
16512
+ // 最大值
16513
+ isShow: props.settingParams && props.settingParams.isShow || true,
16514
+ // 是否显示
16515
+ isGround: props.settingParams && props.settingParams.isGround || false,
16516
+ // 是否贴地
16517
+ isFollowingPerspective: props.settingParams && props.settingParams.isFollowingPerspective || true,
16518
+ //跟随视角调整
16519
+ valueField: props.settingParams && props.settingParams.valueField || "",
16520
+ // 权重字段
16521
+ colorMode: props.settingParams && props.settingParams.colorMode || 1,
16522
+ // 1:预设 2:自定义
16523
+ colorRamp: props.settingParams && props.settingParams.colorRamp || 0 //色带索引,0-16
16524
+
16525
+ });
16526
+ let viewModel = null; // 组件容器Ref
16527
+
16528
+ let boxRef = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)(null); // 生成组件默认header
16529
+
16530
+ let headerTemp = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)();
16531
+ let headerTempRef = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)(); // 国际化
16532
+
16533
+ let {
16534
+ locale,
16535
+ messages
16536
+ } = (0,vue_i18n_cjs_js_namespaceObject.useI18n)();
16537
+ let headerTempTitle = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)(null);
16538
+ (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.watch)(() => locale.value, (newVal, oldVal) => {
16539
+ language.value = messages.value[newVal]["webgl"];
16540
+ headerTempTitle.value = language.value.heatmapTitle;
16541
+ if (viewModel) viewModel.language = language.value;
16542
+ });
16543
+ (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.onMounted)(() => {
16544
+ (0,util_.updatePosition)(boxRef.value, props);
16545
+ (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.watch)(() => props.position, (newVal, oldVal) => {
16546
+ (0,util_.updatePosition)(boxRef.value, props);
16547
+ });
16548
+ watchCreateHeaderTemp();
16549
+ (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.watch)(() => props.showHeaderTemp, (newVal, oldVal) => {
16550
+ watchCreateHeaderTemp();
16551
+ });
16552
+ currentLang.value = proxy.$i18n.locale; // 获取当前语言
16553
+ //父组 件ScenceView初始化完成后执行
16554
+
16555
+ gis_utils_.utils.getWebMap(null, scenceView => {
16556
+ if (scenceView) {
16557
+ viewModel = new Heatmap3dViewModel(scenceView, formItem);
16558
+
16559
+ if (viewModel) {
16560
+ viewModel.language = language.value;
16561
+ let test = heatColor.value; // 触发赋值
16562
+ }
16563
+ }
16564
+ });
16565
+ });
16566
+ /**
16567
+ * @description 监听header生成
16568
+ */
16569
+
16570
+ const watchCreateHeaderTemp = () => {
16571
+ if (props.showHeaderTemp) {
16572
+ // 生成headerTemp
16573
+ headerTemp.value = (0,util_.createHeaderTemp)(boxRef.value, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.toRefs)(props), headerTempRef, headerTempTitle);
16574
+ }
16575
+ };
16576
+
16577
+ function selectData(file) {
16578
+ let url = URL.createObjectURL(file.raw);
16579
+ formItem.dataPath = url;
16580
+ } // 参数改变
16581
+
16582
+
16583
+ function paramsChanged(key) {
16584
+ viewModel && viewModel.paramsChanged(key, formItem[key]);
16585
+
16586
+ switch (key) {
16587
+ case "radius":
16588
+ case "height":
16589
+ formItem.isFollowingPerspective = false;
16590
+ break;
16591
+
16592
+ default:
16593
+ break;
16594
+ }
16595
+ } // 加载
16596
+
16597
+
16598
+ function startAnalysis() {
16599
+ getDataByPath();
16600
+ } // 获取路径数据
16601
+
16602
+
16603
+ function getDataByPath() {
16604
+ if (formItem && formItem.dataPath) {
16605
+ Cesium.Resource.fetchJson(formItem.dataPath).then(res => {
16606
+ if (res && res.features && res.features.length > 0) {
16607
+ let heatmapArr = [];
16608
+ let bigArray = [];
16609
+ res.features.forEach(element => {
16610
+ if (!element.properties || Object.keys(element.properties).length === 0) return;
16611
+ let result = getValidKeysAndValues(element.properties);
16612
+ bigArray.push(result.validKeys);
16613
+ heatmapArr.push({
16614
+ lng: element.geometry.coordinates[0],
16615
+ lat: element.geometry.coordinates[1],
16616
+ ...result.newObj
16617
+ });
16618
+ });
16619
+ let commonArr = commonValues(bigArray);
16620
+ weightFields.value = commonArr;
16621
+
16622
+ if (!formItem.valueField) {
16623
+ formItem.valueField = commonArr[0];
16624
+ paramsChanged("valueField");
16625
+ }
16626
+
16627
+ if (viewModel) {
16628
+ viewModel.heatmapData = heatmapArr;
16629
+ viewModel.start();
16630
+ }
16631
+ }
16632
+ }).otherwise(ret => {
16633
+ console.log(ret);
16634
+ message({
16635
+ message: "数据路径有问题!",
16636
+ type: "error",
16637
+ duration: 2000
16638
+ });
16639
+ return;
16640
+ });
16641
+ } else {
16642
+ message({
16643
+ message: "先输入在线json地址或上传文件!",
16644
+ type: "warning",
16645
+ duration: 2000
16646
+ });
16647
+ return;
16648
+ }
16649
+ }
16650
+
16651
+ function commonValues(bigArray) {
16652
+ // 如果大数组为空,直接返回空数组
16653
+ if (bigArray.length === 0) {
16654
+ return [];
16655
+ } // 以第一个小数组为初始值进行比较
16656
+
16657
+
16658
+ let common = [...bigArray[0]];
16659
+
16660
+ for (let i = 1; i < bigArray.length; i++) {
16661
+ common = common.filter(item => bigArray[i].includes(item));
16662
+ }
16663
+
16664
+ return common;
16665
+ } // 获取对象键列表
16666
+
16667
+
16668
+ function getValidKeysAndValues(obj) {
16669
+ const validKeys = [];
16670
+ const newObj = {};
16671
+
16672
+ for (const key in obj) {
16673
+ const value = obj[key];
16674
+
16675
+ if (!isNaN(value) && value > 0) {
16676
+ validKeys.push(key);
16677
+ newObj[key] = value;
16678
+ }
16679
+ }
16680
+
16681
+ return {
16682
+ validKeys,
16683
+ newObj
16684
+ };
16685
+ } // 预设的色带
16686
+
16687
+
16688
+ const colorData = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)([["#F0EDB6", "#E0831F", "#910909"], ["#80FFFF", "#2EA7F2", "#000068"], ["#9999FF", "#99FFFF", "#FF9999", "#FFFF99"], ["#9766BF", "#C9ADAD", "#B5ADDD", "#93A9DD", "#74A9E1"], ["#0000FF", "#00FFFF", "#00FF00", "#FFFF00", "#FF0000"], ["#814BAB", "#821498", "#D53448", "#FDD944", "#FFFFFF"], ["#636CEA", "#1B1DD5", "#BE1C4D", "#F79390", "#FFFFCC"], ["#7FC97F", "#BEAED4", "#FDC086", "#FFFF99", "#386CB0", "#70027F", "#BF5B17"], ["#A6CEE3", "#1F78B4", "#B2DF8A", "#33A02C", "#FB9A99", "#D2212D", "#FDBF6F"], ["#E41A1C", "#377EB8", "#4DAF4A", "#984EA3", "#FF7F00", "#FFFF33", "#A65628"], ["#D73027", "#FC8D59", "#FEE08B", "#FFFFBF", "#D9EF8B", "#91CF60", "#1A9850"], ["#D53E4F", "#FC8D59", "#FEE08B", "#FFFFBF", "#E6F598", "#99D594", "#3288BD"], ["#D73027", "#FC8D59", "#FEE090", "#FFFFBF", "#E0F3F8", "#91BFDB", "#4575B4"], ["#B2182B", "#EF8A62", "#FDDBC7", "#FFFFFF", "#E0E0E0", "#999999", "#4D4D4D"], ["#E9F013", "#B3B3B3", "#408000", "#000080", "#0D3069", "#ABABAB", "#FFFCFF"], ["#B0B0B0", "#0000FF", "#00A6FF", "#00FF00", "#00FFFF", "#FF0000", "#FFA600", "#FF00FF", "#0000FF"], ["#531DAB", "#2F54EB", "#40A9FF", "#5CDBD3", "#B7EB8F", "#FFE58F", "#FFC069", "#FF7A45", "#F53B44", "#A8071A"]]); // 自定义的颜色
16689
+
16690
+ const customColors = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.computed)({
16691
+ get() {
16692
+ const custom = props.settingParams && props.settingParams.custom;
16693
+
16694
+ if (!custom || custom.length == 0) {
16695
+ return getCustomColors(colorData.value[formItem.colorRamp]);
16696
+ } else {
16697
+ return custom;
16698
+ }
16699
+ },
16700
+
16701
+ set(value) {
16702
+ regroupColors();
16703
+ }
16704
+
16705
+ });
16706
+ const heatColor = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.computed)({
16707
+ get() {
16708
+ if (formItem.colorMode === 1) {
16709
+ getCustomColors(colorData.value[formItem.colorRamp]);
16710
+ regroupColors();
16711
+ } else {
16712
+ onChangeColorRamp();
16713
+ }
16714
+
16715
+ return heatColor.value;
16716
+ },
16717
+
16718
+ set(value) {
16719
+ viewModel && viewModel.setColorArray(value);
16720
+ }
16721
+
16722
+ });
16723
+
16724
+ function getHeatColor() {} // 重组颜色渲染对象
16725
+
16726
+
16727
+ function regroupColors() {
16728
+ let obj = {};
16729
+ customColors.value.forEach(element => {
16730
+ obj[element.percentage / 100] = element.color;
16731
+ });
16732
+ heatColor.value = obj;
16733
+ }
16734
+
16735
+ function onChangeColorRamp() {
16736
+ // 固定的开头
16737
+ const colors = colorData.value[formItem.colorRamp];
16738
+ const len = colors.length;
16739
+ const delta = 1 / len;
16740
+ let ramp = {};
16741
+
16742
+ for (let i = 0; i < len - 1; i++) {
16743
+ ramp[delta * (i + 1)] = colors[i];
16744
+ }
16745
+
16746
+ ramp[1] = colors[len - 1];
16747
+ heatColor.value = {
16748
+ 0: "rgba(0, 0, 0, 0)",
16749
+ ...ramp
16750
+ };
16751
+ }
16752
+
16753
+ function getCustomColors(colors) {
16754
+ let custom = [];
16755
+ const len = colors.length;
16756
+ const delta = 1 / (len - 1);
16757
+
16758
+ for (let i = 0; i < len; i++) {
16759
+ custom.push({
16760
+ id: (0,util_.guid)(),
16761
+ color: colors[i],
16762
+ percentage: i * delta * 100
16763
+ });
16764
+ }
16765
+
16766
+ return custom;
16767
+ }
16768
+
16769
+ function colorChanged(items) {
16770
+ let ramp = {};
16771
+
16772
+ for (let i = 0; i < items.length; i++) {
16773
+ if (items[i].percentage == 0) {
16774
+ items[i].percentage = 1;
16775
+ }
16776
+
16777
+ ramp[items[i].percentage / 100] = items[i].color;
16778
+ }
16779
+
16780
+ heatColor.value = {
16781
+ 0: "rgba(0, 0, 0, 0)",
16782
+ ...ramp
16783
+ };
16784
+ }
16785
+
16786
+ function generateColorStyle(colors) {
16787
+ return `background-image: linear-gradient(90deg, ${colors.toString()})`;
16788
+ } // 反转色带的颜色
16789
+
16790
+
16791
+ function onClickReverseRamp(colors) {
16792
+ colors = colors.reverse();
16793
+ onChangeColorRamp();
16794
+ } // 清除
16795
+
16796
+
16797
+ function clearResult() {
16798
+ viewModel && viewModel.clear();
16799
+ } // 销毁
16800
+
16801
+
16802
+ (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.onBeforeUnmount)(() => {
16803
+ viewModel && viewModel.destroy();
16804
+ });
16805
+ expose({});
16806
+ return (_ctx, _cache) => {
16807
+ const _component_kq_col = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.resolveComponent)("kq-col");
16808
+
16809
+ const _component_kq_icon = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.resolveComponent)("kq-icon");
16810
+
16811
+ const _component_kq_button = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.resolveComponent)("kq-button");
16812
+
16813
+ const _component_kq_upload = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.resolveComponent)("kq-upload");
16814
+
16815
+ const _component_kq_input = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.resolveComponent)("kq-input");
16816
+
16817
+ const _component_kq_row = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.resolveComponent)("kq-row");
16818
+
16819
+ const _component_kq_radio = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.resolveComponent)("kq-radio");
16820
+
16821
+ const _component_kq_radio_group = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.resolveComponent)("kq-radio-group");
16822
+
16823
+ const _component_kq_option = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.resolveComponent)("kq-option");
16824
+
16825
+ const _component_kq_select = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.resolveComponent)("kq-select");
16826
+
16827
+ const _component_kq_form_item = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.resolveComponent)("kq-form-item");
16828
+
16829
+ const _component_kq_radio_button = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.resolveComponent)("kq-radio-button");
16830
+
16831
+ const _component_kq_slider = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.resolveComponent)("kq-slider");
16832
+
16833
+ const _component_kq_input_number = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.resolveComponent)("kq-input-number");
16834
+
16835
+ const _component_kq_switch = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.resolveComponent)("kq-switch");
16836
+
16837
+ const _component_kq_form = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.resolveComponent)("kq-form");
16838
+
16839
+ const _component_kq_collapse_item = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.resolveComponent)("kq-collapse-item");
16840
+
16841
+ const _component_kq_collapse = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.resolveComponent)("kq-collapse");
16842
+
16843
+ return (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.openBlock)(), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementBlock)("section", {
16844
+ class: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.normalizeClass)(["kq3d-heatmap", {
16845
+ 'kq-box-shadow': __props.showShadow
16846
+ }]),
16847
+ ref_key: "boxRef",
16848
+ ref: boxRef
16849
+ }, [__props.showHeaderTemp ? ((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.openBlock)(), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createBlock)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.resolveDynamicComponent)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(headerTemp)), {
16850
+ key: 0,
16851
+ ref_key: "headerTempRef",
16852
+ ref: headerTempRef
16853
+ }, null, 512
16854
+ /* NEED_PATCH */
16855
+ )) : (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createCommentVNode)("v-if", true), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementVNode)("div", Heatmap3dvue_type_script_setup_true_lang_js_hoisted_1, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_row, {
16856
+ gutter: 20,
16857
+ class: "rowClass"
16858
+ }, {
16859
+ default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_col, {
16860
+ span: 6,
16861
+ class: "colClass"
16862
+ }, {
16863
+ default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementVNode)("span", Heatmap3dvue_type_script_setup_true_lang_js_hoisted_2, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.toDisplayString)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(language).dataPath), 1
16864
+ /* TEXT */
16865
+ )]),
16866
+ _: 1
16867
+ /* STABLE */
16868
+
16869
+ }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_col, {
16870
+ span: 18
16871
+ }, {
16872
+ default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_input, {
16873
+ modelValue: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).dataPath,
16874
+ "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).dataPath = $event),
16875
+ onChange: _cache[1] || (_cache[1] = $event => paramsChanged('dataPath')),
16876
+ placeholder: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(language).videoPathPlace
16877
+ }, {
16878
+ append: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_upload, {
16879
+ "on-change": selectData,
16880
+ "auto-upload": false,
16881
+ "show-file-list": false,
16882
+ accept: ".json"
16883
+ }, {
16884
+ default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_button, null, {
16885
+ default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_icon, {
16886
+ size: 16
16887
+ }, {
16888
+ default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(client_icons_vue_namespaceObject.IconFolder2))]),
16889
+ _: 1
16890
+ /* STABLE */
16891
+
16892
+ })]),
16893
+ _: 1
16894
+ /* STABLE */
16895
+
16896
+ })]),
16897
+ _: 1
16898
+ /* STABLE */
16899
+
16900
+ })]),
16901
+ _: 1
16902
+ /* STABLE */
16903
+
16904
+ }, 8
16905
+ /* PROPS */
16906
+ , ["modelValue", "placeholder"])]),
16907
+ _: 1
16908
+ /* STABLE */
16909
+
16910
+ })]),
16911
+ _: 1
16912
+ /* STABLE */
16913
+
16914
+ }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_row, {
16915
+ gutter: 20,
16916
+ class: "rowClass"
16917
+ }, {
16918
+ default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_col, {
16919
+ span: 6,
16920
+ class: "colClass"
16921
+ }, {
16922
+ default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementVNode)("span", Heatmap3dvue_type_script_setup_true_lang_js_hoisted_3, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.toDisplayString)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(language).heatmapType), 1
16923
+ /* TEXT */
16924
+ )]),
16925
+ _: 1
16926
+ /* STABLE */
16927
+
16928
+ }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_col, {
16929
+ span: 18
16930
+ }, {
16931
+ default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_radio_group, {
16932
+ modelValue: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).heatmapType,
16933
+ "onUpdate:modelValue": _cache[4] || (_cache[4] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).heatmapType = $event)
16934
+ }, {
16935
+ default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_radio, {
16936
+ label: "3D",
16937
+ onChange: _cache[2] || (_cache[2] = $event => paramsChanged('heatmapType'))
16938
+ }, {
16939
+ default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createTextVNode)("3D")]),
16940
+ _: 1
16941
+ /* STABLE */
16942
+
16943
+ }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_radio, {
16944
+ label: "2D",
16945
+ onChange: _cache[3] || (_cache[3] = $event => paramsChanged('heatmapType'))
16946
+ }, {
16947
+ default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createTextVNode)("2D")]),
16948
+ _: 1
16949
+ /* STABLE */
16950
+
16951
+ })]),
16952
+ _: 1
16953
+ /* STABLE */
16954
+
16955
+ }, 8
16956
+ /* PROPS */
16957
+ , ["modelValue"])]),
16958
+ _: 1
16959
+ /* STABLE */
16960
+
16961
+ })]),
16962
+ _: 1
16963
+ /* STABLE */
16964
+
16965
+ }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_row, {
16966
+ class: "kq3d-heatmap-tip"
16967
+ }, {
16968
+ default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementVNode)("p", null, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.toDisplayString)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(language).heatmapTips), 1
16969
+ /* TEXT */
16970
+ )]),
16971
+ _: 1
16972
+ /* STABLE */
16973
+
16974
+ }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_collapse, {
16975
+ "model-value": (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(collapseValue),
16976
+ class: "kq3d-heatmap-collapse"
16977
+ }, {
16978
+ default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_collapse_item, {
16979
+ title: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(language).analysisSettings,
16980
+ name: "setting"
16981
+ }, {
16982
+ default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_form, {
16983
+ "label-width": (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(currentLang) === 'zh' ? '110px' : '130px',
16984
+ "label-position": "left"
16985
+ }, {
16986
+ default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_row, null, {
16987
+ default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_form_item, {
16988
+ label: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(language).weightField
16989
+ }, {
16990
+ default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_select, {
16991
+ modelValue: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).valueField,
16992
+ "onUpdate:modelValue": _cache[5] || (_cache[5] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).valueField = $event),
16993
+ onChange: _cache[6] || (_cache[6] = $event => paramsChanged('valueField')),
16994
+ style: {
16995
+ "width": "100%"
16996
+ }
16997
+ }, {
16998
+ default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.openBlock)(true), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementBlock)(external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.Fragment, null, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.renderList)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(weightFields), (item, index) => {
16999
+ return (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.openBlock)(), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createBlock)(_component_kq_option, {
17000
+ key: index,
17001
+ label: item,
17002
+ value: item
17003
+ }, null, 8
17004
+ /* PROPS */
17005
+ , ["label", "value"]);
17006
+ }), 128
17007
+ /* KEYED_FRAGMENT */
17008
+ ))]),
17009
+ _: 1
17010
+ /* STABLE */
17011
+
17012
+ }, 8
17013
+ /* PROPS */
17014
+ , ["modelValue"])]),
17015
+ _: 1
17016
+ /* STABLE */
17017
+
17018
+ }, 8
17019
+ /* PROPS */
17020
+ , ["label"])]),
17021
+ _: 1
17022
+ /* STABLE */
17023
+
17024
+ }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_row, null, {
17025
+ default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_form_item, {
17026
+ label: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(language).colorScheme
17027
+ }, {
17028
+ default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_row, null, {
17029
+ default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_col, {
17030
+ style: {
17031
+ "text-align": "left"
17032
+ }
17033
+ }, {
17034
+ default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_radio_group, {
17035
+ modelValue: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).colorMode,
17036
+ "onUpdate:modelValue": _cache[7] || (_cache[7] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).colorMode = $event)
17037
+ }, {
17038
+ default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_radio_button, {
17039
+ label: "1"
17040
+ }, {
17041
+ default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createTextVNode)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.toDisplayString)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(language).preset), 1
17042
+ /* TEXT */
17043
+ )]),
17044
+ _: 1
17045
+ /* STABLE */
17046
+
17047
+ }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_radio_button, {
17048
+ label: "2"
17049
+ }, {
17050
+ default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createTextVNode)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.toDisplayString)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(language).customTitle), 1
17051
+ /* TEXT */
17052
+ )]),
17053
+ _: 1
17054
+ /* STABLE */
17055
+
17056
+ })]),
17057
+ _: 1
17058
+ /* STABLE */
17059
+
17060
+ }, 8
17061
+ /* PROPS */
17062
+ , ["modelValue"])]),
17063
+ _: 1
17064
+ /* STABLE */
17065
+
17066
+ })]),
17067
+ _: 1
17068
+ /* STABLE */
17069
+
17070
+ })]),
17071
+ _: 1
17072
+ /* STABLE */
17073
+
17074
+ }, 8
17075
+ /* PROPS */
17076
+ , ["label"])]),
17077
+ _: 1
17078
+ /* STABLE */
17079
+
17080
+ }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).colorMode == 1 ? ((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.openBlock)(), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createBlock)(_component_kq_row, {
17081
+ key: 0
17082
+ }, {
17083
+ default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_form_item, {
17084
+ label: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(language).colorBand
17085
+ }, {
17086
+ default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_row, null, {
17087
+ default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_col, {
17088
+ style: {
17089
+ "text-align": "left"
17090
+ },
17091
+ class: "heatSelect"
17092
+ }, {
17093
+ default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_select, {
17094
+ style: {
17095
+ "width": "100%"
17096
+ },
17097
+ "popper-class": "heat-color-select",
17098
+ modelValue: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).colorRamp,
17099
+ "onUpdate:modelValue": _cache[8] || (_cache[8] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).colorRamp = $event),
17100
+ onChange: onChangeColorRamp
17101
+ }, {
17102
+ prefix: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementVNode)("div", {
17103
+ class: "color-ramp",
17104
+ style: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.normalizeStyle)(generateColorStyle(colorData.value[(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).colorRamp]))
17105
+ }, null, 4
17106
+ /* STYLE */
17107
+ )]),
17108
+ default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.openBlock)(true), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementBlock)(external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.Fragment, null, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.renderList)(colorData.value, (item, index) => {
17109
+ return (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.openBlock)(), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createBlock)(_component_kq_option, {
17110
+ class: "color-option",
17111
+ key: index,
17112
+ value: index
17113
+ }, {
17114
+ default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementVNode)("div", {
17115
+ class: "color-ramp",
17116
+ style: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.normalizeStyle)(generateColorStyle(item))
17117
+ }, null, 4
17118
+ /* STYLE */
17119
+ ), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_icon, {
17120
+ class: "reverse",
17121
+ onClick: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withModifiers)($event => onClickReverseRamp(item), ["stop"])
17122
+ }, {
17123
+ default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(icons_vue_namespaceObject.Switch))]),
17124
+ _: 2
17125
+ /* DYNAMIC */
17126
+
17127
+ }, 1032
17128
+ /* PROPS, DYNAMIC_SLOTS */
17129
+ , ["onClick"])]),
17130
+ _: 2
17131
+ /* DYNAMIC */
17132
+
17133
+ }, 1032
17134
+ /* PROPS, DYNAMIC_SLOTS */
17135
+ , ["value"]);
17136
+ }), 128
17137
+ /* KEYED_FRAGMENT */
17138
+ ))]),
17139
+ _: 1
17140
+ /* STABLE */
17141
+
17142
+ }, 8
17143
+ /* PROPS */
17144
+ , ["modelValue"])]),
17145
+ _: 1
17146
+ /* STABLE */
17147
+
17148
+ })]),
17149
+ _: 1
17150
+ /* STABLE */
17151
+
17152
+ })]),
17153
+ _: 1
17154
+ /* STABLE */
17155
+
17156
+ }, 8
17157
+ /* PROPS */
17158
+ , ["label"])]),
17159
+ _: 1
17160
+ /* STABLE */
17161
+
17162
+ })) : (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createCommentVNode)("v-if", true), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).colorMode == 2 ? ((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.openBlock)(), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createBlock)(_component_kq_row, {
17163
+ key: 1
17164
+ }, {
17165
+ default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_form_item, {
17166
+ label: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(language).colorBand
17167
+ }, {
17168
+ default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_row, null, {
17169
+ default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_col, {
17170
+ style: {
17171
+ "text-align": "left"
17172
+ }
17173
+ }, {
17174
+ default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(CustomColorPicker, {
17175
+ data: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(customColors),
17176
+ onColorChanged: colorChanged
17177
+ }, null, 8
17178
+ /* PROPS */
17179
+ , ["data"])]),
17180
+ _: 1
17181
+ /* STABLE */
17182
+
17183
+ })]),
17184
+ _: 1
17185
+ /* STABLE */
17186
+
17187
+ })]),
17188
+ _: 1
17189
+ /* STABLE */
17190
+
17191
+ }, 8
17192
+ /* PROPS */
17193
+ , ["label"])]),
17194
+ _: 1
17195
+ /* STABLE */
17196
+
17197
+ })) : (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createCommentVNode)("v-if", true), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_row, null, {
17198
+ default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_form_item, {
17199
+ label: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(language).radius + '(m)'
17200
+ }, {
17201
+ default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_row, {
17202
+ style: {
17203
+ "display": "flex"
17204
+ }
17205
+ }, {
17206
+ default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_col, {
17207
+ span: 16
17208
+ }, {
17209
+ default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_slider, {
17210
+ modelValue: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).radius,
17211
+ "onUpdate:modelValue": _cache[9] || (_cache[9] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).radius = $event),
17212
+ step: 0.1,
17213
+ min: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).minRadius,
17214
+ max: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).maxRadius,
17215
+ onInput: _cache[10] || (_cache[10] = $event => paramsChanged('radius'))
17216
+ }, null, 8
17217
+ /* PROPS */
17218
+ , ["modelValue", "step", "min", "max"])]),
17219
+ _: 1
17220
+ /* STABLE */
17221
+
17222
+ }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_col, {
17223
+ span: 8
17224
+ }, {
17225
+ default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_input_number, {
17226
+ modelValue: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).radius,
17227
+ "onUpdate:modelValue": _cache[11] || (_cache[11] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).radius = $event),
17228
+ min: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).minRadius,
17229
+ max: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).maxRadius,
17230
+ step: 0.1,
17231
+ onInput: _cache[12] || (_cache[12] = $event => paramsChanged('radius')),
17232
+ "controls-position": "right"
17233
+ }, null, 8
17234
+ /* PROPS */
17235
+ , ["modelValue", "min", "max", "step"])]),
17236
+ _: 1
17237
+ /* STABLE */
17238
+
17239
+ })]),
17240
+ _: 1
17241
+ /* STABLE */
17242
+
17243
+ })]),
17244
+ _: 1
17245
+ /* STABLE */
17246
+
17247
+ }, 8
17248
+ /* PROPS */
17249
+ , ["label"])]),
17250
+ _: 1
17251
+ /* STABLE */
17252
+
17253
+ }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_row, null, {
17254
+ default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_form_item, {
17255
+ label: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(language).transparents
17256
+ }, {
17257
+ default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_row, {
17258
+ style: {
17259
+ "display": "flex"
17260
+ }
17261
+ }, {
17262
+ default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_col, {
17263
+ span: 16
17264
+ }, {
17265
+ default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_slider, {
17266
+ modelValue: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).transparents,
17267
+ "onUpdate:modelValue": _cache[13] || (_cache[13] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).transparents = $event),
17268
+ step: 0.01,
17269
+ min: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).minTransparents,
17270
+ max: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).maxTransparents,
17271
+ onInput: _cache[14] || (_cache[14] = $event => paramsChanged('transparents'))
17272
+ }, null, 8
17273
+ /* PROPS */
17274
+ , ["modelValue", "step", "min", "max"])]),
17275
+ _: 1
17276
+ /* STABLE */
17277
+
17278
+ }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_col, {
17279
+ span: 8
17280
+ }, {
17281
+ default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_input_number, {
17282
+ modelValue: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).transparents,
17283
+ "onUpdate:modelValue": _cache[15] || (_cache[15] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).transparents = $event),
17284
+ min: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).minTransparents,
17285
+ max: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).maxTransparents,
17286
+ step: 0.01,
17287
+ onInput: _cache[16] || (_cache[16] = $event => paramsChanged('transparents')),
17288
+ "controls-position": "right"
17289
+ }, null, 8
17290
+ /* PROPS */
17291
+ , ["modelValue", "min", "max", "step"])]),
17292
+ _: 1
17293
+ /* STABLE */
17294
+
17295
+ })]),
17296
+ _: 1
17297
+ /* STABLE */
17298
+
17299
+ })]),
17300
+ _: 1
17301
+ /* STABLE */
17302
+
17303
+ }, 8
17304
+ /* PROPS */
17305
+ , ["label"])]),
17306
+ _: 1
17307
+ /* STABLE */
17308
+
17309
+ }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withDirectives)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_row, null, {
17310
+ default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_form_item, {
17311
+ label: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(language).height
17312
+ }, {
17313
+ default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_row, {
17314
+ style: {
17315
+ "display": "flex"
17316
+ }
17317
+ }, {
17318
+ default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_col, {
17319
+ span: 16
17320
+ }, {
17321
+ default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_slider, {
17322
+ modelValue: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).height,
17323
+ "onUpdate:modelValue": _cache[17] || (_cache[17] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).height = $event),
17324
+ step: 1,
17325
+ min: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).minHeight,
17326
+ max: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).maxHeight,
17327
+ onInput: _cache[18] || (_cache[18] = $event => paramsChanged('height'))
17328
+ }, null, 8
17329
+ /* PROPS */
17330
+ , ["modelValue", "min", "max"])]),
17331
+ _: 1
17332
+ /* STABLE */
17333
+
17334
+ }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_col, {
17335
+ span: 8
17336
+ }, {
17337
+ default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_input_number, {
17338
+ modelValue: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).height,
17339
+ "onUpdate:modelValue": _cache[19] || (_cache[19] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).height = $event),
17340
+ min: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).minHeight,
17341
+ max: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).maxHeight,
17342
+ step: 1,
17343
+ onInput: _cache[20] || (_cache[20] = $event => paramsChanged('height')),
17344
+ "controls-position": "right"
17345
+ }, null, 8
17346
+ /* PROPS */
17347
+ , ["modelValue", "min", "max"])]),
17348
+ _: 1
17349
+ /* STABLE */
17350
+
17351
+ })]),
17352
+ _: 1
17353
+ /* STABLE */
17354
+
17355
+ })]),
17356
+ _: 1
17357
+ /* STABLE */
17358
+
17359
+ }, 8
17360
+ /* PROPS */
17361
+ , ["label"])]),
17362
+ _: 1
17363
+ /* STABLE */
17364
+
17365
+ }, 512
17366
+ /* NEED_PATCH */
17367
+ ), [[external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.vShow, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).heatmapType === '3D']]), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withDirectives)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_row, null, {
17368
+ default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_form_item, {
17369
+ label: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(language).heightRatio
17370
+ }, {
17371
+ default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_row, {
17372
+ style: {
17373
+ "display": "flex"
17374
+ }
17375
+ }, {
17376
+ default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_col, {
17377
+ span: 16
17378
+ }, {
17379
+ default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_slider, {
17380
+ modelValue: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).heightRatio,
17381
+ "onUpdate:modelValue": _cache[21] || (_cache[21] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).heightRatio = $event),
17382
+ step: 0.1,
17383
+ min: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).minHeightRatio,
17384
+ max: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).maxHeightRatio,
17385
+ onInput: _cache[22] || (_cache[22] = $event => paramsChanged('heightRatio'))
17386
+ }, null, 8
17387
+ /* PROPS */
17388
+ , ["modelValue", "step", "min", "max"])]),
17389
+ _: 1
17390
+ /* STABLE */
17391
+
17392
+ }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_col, {
17393
+ span: 8
17394
+ }, {
17395
+ default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_input_number, {
17396
+ modelValue: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).heightRatio,
17397
+ "onUpdate:modelValue": _cache[23] || (_cache[23] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).heightRatio = $event),
17398
+ min: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).minHeightRatio,
17399
+ max: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).maxHeightRatio,
17400
+ step: 0.1,
17401
+ onInput: _cache[24] || (_cache[24] = $event => paramsChanged('heightRatio')),
17402
+ "controls-position": "right"
17403
+ }, null, 8
17404
+ /* PROPS */
17405
+ , ["modelValue", "min", "max", "step"])]),
17406
+ _: 1
17407
+ /* STABLE */
17408
+
17409
+ })]),
17410
+ _: 1
17411
+ /* STABLE */
17412
+
17413
+ })]),
17414
+ _: 1
17415
+ /* STABLE */
17416
+
17417
+ }, 8
17418
+ /* PROPS */
17419
+ , ["label"])]),
17420
+ _: 1
17421
+ /* STABLE */
17422
+
17423
+ }, 512
17424
+ /* NEED_PATCH */
17425
+ ), [[external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.vShow, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).heatmapType === '3D']]), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_row, null, {
17426
+ default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_form_item, {
17427
+ label: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(language).isShow
17428
+ }, {
17429
+ default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_row, {
17430
+ style: {
17431
+ "display": "flex"
17432
+ }
17433
+ }, {
17434
+ default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_col, {
17435
+ style: {
17436
+ "text-align": "left"
17437
+ }
17438
+ }, {
17439
+ default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_switch, {
17440
+ modelValue: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).isShow,
17441
+ "onUpdate:modelValue": _cache[25] || (_cache[25] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).isShow = $event),
17442
+ onChange: _cache[26] || (_cache[26] = $event => paramsChanged('isShow'))
17443
+ }, null, 8
17444
+ /* PROPS */
17445
+ , ["modelValue"])]),
17446
+ _: 1
17447
+ /* STABLE */
17448
+
17449
+ })]),
17450
+ _: 1
17451
+ /* STABLE */
17452
+
17453
+ })]),
17454
+ _: 1
17455
+ /* STABLE */
17456
+
17457
+ }, 8
17458
+ /* PROPS */
17459
+ , ["label"])]),
17460
+ _: 1
17461
+ /* STABLE */
17462
+
17463
+ }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withDirectives)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_row, null, {
17464
+ default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_form_item, {
17465
+ label: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(language).isGround
17466
+ }, {
17467
+ default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_row, {
17468
+ style: {
17469
+ "display": "flex"
17470
+ }
17471
+ }, {
17472
+ default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_col, {
17473
+ style: {
17474
+ "text-align": "left"
17475
+ }
17476
+ }, {
17477
+ default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_switch, {
17478
+ modelValue: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).isGround,
17479
+ "onUpdate:modelValue": _cache[27] || (_cache[27] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).isGround = $event),
17480
+ onChange: _cache[28] || (_cache[28] = $event => paramsChanged('isGround'))
17481
+ }, null, 8
17482
+ /* PROPS */
17483
+ , ["modelValue"])]),
17484
+ _: 1
17485
+ /* STABLE */
17486
+
17487
+ })]),
17488
+ _: 1
17489
+ /* STABLE */
17490
+
17491
+ })]),
17492
+ _: 1
17493
+ /* STABLE */
17494
+
17495
+ }, 8
17496
+ /* PROPS */
17497
+ , ["label"])]),
17498
+ _: 1
17499
+ /* STABLE */
17500
+
17501
+ }, 512
17502
+ /* NEED_PATCH */
17503
+ ), [[external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.vShow, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).heatmapType === '3D']]), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withDirectives)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_row, null, {
17504
+ default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_form_item, {
17505
+ label: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(language).isFollowingPerspective
17506
+ }, {
17507
+ default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_row, {
17508
+ style: {
17509
+ "display": "flex"
17510
+ }
17511
+ }, {
17512
+ default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_col, {
17513
+ style: {
17514
+ "text-align": "left"
17515
+ }
17516
+ }, {
17517
+ default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_switch, {
17518
+ modelValue: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).isFollowingPerspective,
17519
+ "onUpdate:modelValue": _cache[29] || (_cache[29] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).isFollowingPerspective = $event),
17520
+ onChange: _cache[30] || (_cache[30] = $event => paramsChanged('isFollowingPerspective'))
17521
+ }, null, 8
17522
+ /* PROPS */
17523
+ , ["modelValue"])]),
17524
+ _: 1
17525
+ /* STABLE */
17526
+
17527
+ })]),
17528
+ _: 1
17529
+ /* STABLE */
17530
+
17531
+ })]),
17532
+ _: 1
17533
+ /* STABLE */
17534
+
17535
+ }, 8
17536
+ /* PROPS */
17537
+ , ["label"])]),
17538
+ _: 1
17539
+ /* STABLE */
17540
+
17541
+ }, 512
17542
+ /* NEED_PATCH */
17543
+ ), [[external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.vShow, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).heatmapType === '3D']])]),
17544
+ _: 1
17545
+ /* STABLE */
17546
+
17547
+ }, 8
17548
+ /* PROPS */
17549
+ , ["label-width"])]),
17550
+ _: 1
17551
+ /* STABLE */
17552
+
17553
+ }, 8
17554
+ /* PROPS */
17555
+ , ["title"])]),
17556
+ _: 1
17557
+ /* STABLE */
17558
+
17559
+ }, 8
17560
+ /* PROPS */
17561
+ , ["model-value"]), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementVNode)("div", Heatmap3dvue_type_script_setup_true_lang_js_hoisted_4, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_button, {
17562
+ onClick: _cache[31] || (_cache[31] = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withModifiers)($event => startAnalysis(), ["stop"])),
17563
+ title: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(language).heatmapLoad,
17564
+ type: "primary"
17565
+ }, {
17566
+ default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createTextVNode)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.toDisplayString)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(language).heatmapLoad), 1
17567
+ /* TEXT */
17568
+ )]),
17569
+ _: 1
17570
+ /* STABLE */
17571
+
17572
+ }, 8
17573
+ /* PROPS */
17574
+ , ["title"]), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_button, {
17575
+ onClick: _cache[32] || (_cache[32] = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withModifiers)($event => clearResult(), ["stop"])),
17576
+ title: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(language).clearResult
17577
+ }, {
17578
+ default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createTextVNode)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.toDisplayString)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(language).clearResult), 1
17579
+ /* TEXT */
17580
+ )]),
17581
+ _: 1
17582
+ /* STABLE */
17583
+
17584
+ }, 8
17585
+ /* PROPS */
17586
+ , ["title"])])])], 2
17587
+ /* CLASS */
17588
+ );
17589
+ };
17590
+ }
17591
+
17592
+ }));
17593
+ ;// CONCATENATED MODULE: ./src/webgl/heatmap3d/Heatmap3d.vue?vue&type=script&setup=true&lang=js
17594
+
17595
+ ;// CONCATENATED MODULE: ./src/webgl/heatmap3d/Heatmap3d.vue
17596
+
17597
+
17598
+
17599
+ const Heatmap3d_exports_ = Heatmap3dvue_type_script_setup_true_lang_js;
17600
+
17601
+ /* harmony default export */ var Heatmap3d = (Heatmap3d_exports_);
17602
+ ;// CONCATENATED MODULE: ./src/webgl/heatmap3d/index.js
17603
+
17604
+
17605
+
17606
+
17607
+ Heatmap3d.install = (Vue, opts) => {
17608
+ init_js_default()(Vue, opts);
17609
+ Vue.component(Heatmap3d.name, Heatmap3d);
17610
+ };
17611
+
17612
+
17613
+ ;// CONCATENATED MODULE: ./src/webgl/modelexcavate/ModelExcavateViewModel.js
17614
+
17615
+ //模型开挖逻辑类
17616
+
17617
+ class ModelExcavateViewModel {
17618
+ //三维viewer对象
17619
+ //Box裁剪存储参数对象
17620
+ //绘制管理对象
17621
+ //绘制完成监听事件
17622
+ //Kq3dWallPrimitive
17623
+ constructor(scenceView, options) {
17624
+ _defineProperty(this, "_viewer", null);
17625
+
17626
+ _defineProperty(this, "_options", {});
17627
+
17628
+ _defineProperty(this, "_Kq3dTerrainExcavation", null);
17629
+
17630
+ _defineProperty(this, "_drawManager", null);
17631
+
17632
+ _defineProperty(this, "_removeEventListener", null);
17633
+
17634
+ _defineProperty(this, "_wallPrimitive", void 0);
17635
+
17636
+ _defineProperty(this, "entity0", null);
17637
+
17638
+ _defineProperty(this, "wall", null);
17639
+
17640
+ _defineProperty(this, "ratio", 0.01);
17641
+
17642
+ _defineProperty(this, "ii", 1);
17643
+
17644
+ _defineProperty(this, "scratchCartesian2", new window.Cesium.Cartesian3());
17645
+
17646
+ _defineProperty(this, "scratchCartesian3", new window.Cesium.Cartesian3());
17647
+
17648
+ _defineProperty(this, "scratchCartesian4", new window.Cesium.Cartesian3());
17649
+
17650
+ _defineProperty(this, "scratchCartesian5", new window.Cesium.Cartesian3());
17651
+
17652
+ _defineProperty(this, "scratchCartesian6", new window.Cesium.Cartesian3());
17653
+
17654
+ _defineProperty(this, "scratchCartesian7", new window.Cesium.Cartesian3());
17655
+
17656
+ _defineProperty(this, "intervalId", null);
17657
+
17658
+ _defineProperty(this, "tileset1", null);
17659
+
17660
+ _defineProperty(this, "g_flattenedPolygonTexture", null);
17661
+
17662
+ this._viewer = scenceView._viewer;
17663
+ this._options = options;
17664
+ this._drawManager = scenceView._drawManager;
17665
+ this._viewer.scene.globe.depthTestAgainstTerrain = true; //开启深度检测
17666
+
17667
+ let kq3dFlattenning = new window.Cesium.Kq3dFlattenning(this._viewer, {});
17668
+ this.g_flattenedPolygonTexture = kq3dFlattenning.createFlattenedPolygonTexture(); // this.tileset1 = this._viewer.scene.primitives.add(new Cesium.Cesium3DTileset({
17669
+ // url: "http://support.kqgeo.com:18700/SampleData/3DTiles/Oblique/tileset.json"
17670
+ // }));
17671
+ // this.tileset1.readyPromise.then(function (tileset) {
17672
+ // that._viewer.zoomTo(tileset);
17673
+ // }).otherwise(function (error) {
17674
+ // console.log(error);
17675
+ // });
17676
+ // this.tileset1.enableFlattenning = true;
17677
+ // this.tileset1.flattenDiscard = true;
17678
+ // this.g_flattenedPolygonTexture.attachTileset(this.tileset1);
17679
+
17680
+ var that = this;
17681
+ var models = this._viewer.scene.primitives._primitives;
17682
+
17683
+ for (let i = 0; i < models.length; i++) {
17684
+ if (models[1] instanceof Cesium.Cesium3DTileset && models[i]._url) {
17685
+ models[i].enableFlattenning = true;
17686
+ models[i].flattenDiscard = true;
17687
+ models[i].readyPromise.then(function (tileset) {
17688
+ that.g_flattenedPolygonTexture.attachTileset(tileset);
17689
+ });
17690
+ }
17691
+ }
17692
+
17693
+ this._removeEventListener = this._drawManager.drawFinishedEvent.addEventListener(shape => {
17694
+ if (shape) {
17695
+ that._options.positions = shape._controlPoints;
17696
+
17697
+ if (shape._controlPoints && shape._controlPoints.length > 3 || shape._controlPoints && shape._controlPoints.length == 3 && shape._controlPoints[2] != shape._controlPoints[0]) {
17698
+ that.createDynamicExcavationEffect();
17699
+ } else {
17700
+ message({
17701
+ message: "请至少绘制3个点!",
17702
+ type: "warning"
17703
+ });
17704
+ }
17705
+
17706
+ that._drawManager.clear();
17707
+ }
17708
+ });
17709
+ } // 创建开挖模型
17710
+
17711
+
17712
+ createDynamicExcavationEffect() {
17713
+ this._Kq3dTerrainExcavation && this._Kq3dTerrainExcavation.destroy();
17714
+ this._Kq3dTerrainExcavation = new window.Cesium.Kq3dTerrainExcavation({
17715
+ viewer: this._viewer,
17716
+ height: this._options.height,
17717
+ positions: this._options.positions,
17718
+ hasWall: false
17719
+ });
17720
+
17721
+ if (this._wallPrimitive) {
17722
+ this._viewer.scene.primitives.remove(this._wallPrimitive);
17723
+
17724
+ this._wallPrimitive = undefined;
17725
+ }
17726
+
17727
+ this._wallPrimitive = new window.Cesium.Kq3dWallPrimitive({
17728
+ viewer: this._viewer,
17729
+ height: this._options.height,
17730
+ positions: this._options.positions,
17731
+ elevationOnTerrain: false
17732
+ });
17733
+
17734
+ this._viewer.scene.primitives.add(this._wallPrimitive);
17735
+
17736
+ let that = this;
17737
+
17738
+ this._wallPrimitive._readyEvent.addEventListener(function (eventType) {
17739
+ if (eventType != "Ready") {
17740
+ return;
17741
+ }
17742
+
17743
+ that.g_flattenedPolygonTexture && that.g_flattenedPolygonTexture.removeAllFlattenedPolygon();
17744
+ var myPolygon = window.Cesium.PolygonGeometry.fromPositions({
17745
+ positions: that._options.positions,
17746
+ height: window.Cesium.Cartographic.fromCartesian(that._options.positions[0]).height
17747
+ });
17748
+ that.g_flattenedPolygonTexture && that.g_flattenedPolygonTexture.addFlattenedPolygon(myPolygon); // that.intervalId = setInterval(function () {
17749
+ // if (that.ii > 100) {
17750
+ // if (that.entity0) {
17751
+ // that._viewer.scene.primitives.remove(that.entity0);
17752
+ // that.entity0 = undefined;
17753
+ // }
17754
+ // if (that.wall) {
17755
+ // that._viewer.scene.primitives.remove(that.wall);
17756
+ // that.wall = undefined;
17757
+ // }
17758
+ // clearInterval(that.intervalId);
17759
+ // that.ii = 0;
17760
+ // return;
17761
+ // }
17762
+ // var carto2 = window.Cesium.Cartesian3.lerp(that._options.positions[0], that._options.positions[3], that.ratio * that.ii, that.scratchCartesian2);
17763
+ // var carto3 = window.Cesium.Cartesian3.lerp(that._options.positions[1], that._options.positions[2], that.ratio * that.ii, that.scratchCartesian3);
17764
+ // if (that.entity0) {
17765
+ // that._viewer.scene.primitives.remove(that.entity0);
17766
+ // that.entity0 = undefined;
17767
+ // }
17768
+ // that.entity0 = that.createPolyline([carto2, carto3]);
17769
+ // that.ii++;
17770
+ // that.g_flattenedPolygonTexture.removeAllFlattenedPolygon();
17771
+ // var myPolygon = window.Cesium.PolygonGeometry.fromPositions({
17772
+ // positions: [that._options.positions[0], that._options.positions[1], carto3, carto2],
17773
+ // height: window.Cesium.Cartographic.fromCartesian(that._options.positions[0]).height
17774
+ // });
17775
+ // that.g_flattenedPolygonTexture.addFlattenedPolygon(myPolygon);
17776
+ // }, 100);
17777
+ });
17778
+ }
17779
+
17780
+ createPolyline(positions) {
17781
+ var material = window.Cesium.Material.fromType("Kq3dLightningMaterial", {});
17782
+
17783
+ if (this.wall) {
17784
+ this._viewer.scene.primitives.remove(this.wall);
17785
+
17786
+ this.wall = undefined;
17787
+ }
17788
+
17789
+ var geometryInstances = [];
17790
+ geometryInstances.push(new window.Cesium.GeometryInstance({
17791
+ geometry: new window.Cesium.WallGeometry({
17792
+ positions: positions,
17793
+ maximumHeights: [10, 10],
17794
+ minimumHeights: [-10, -10],
17795
+ vertexFormat: window.Cesium.VertexFormat.POSITION_NORMAL_AND_ST
17796
+ })
17797
+ }));
17798
+ this.wall = new window.Cesium.Primitive({
17799
+ geometryInstances: geometryInstances,
17800
+ appearance: new window.Cesium.MaterialAppearance({
17801
+ material: material
17802
+ })
17803
+ });
17804
+
17805
+ this._viewer.scene.primitives.add(this.wall);
17806
+
17807
+ var geo = new window.Cesium.GroundPolylineGeometry({
17808
+ positions: positions,
17809
+ width: 40.0,
17810
+ vertexFormat: window.Cesium.PolylineMaterialAppearance.VERTEX_FORMAT
17811
+ });
17812
+ var primitive = new window.Cesium.GroundPolylinePrimitive({
17813
+ asynchronous: false,
17814
+ classificationType: window.Cesium.ClassificationType.BOTH,
17815
+ geometryInstances: new window.Cesium.GeometryInstance({
17816
+ geometry: geo
17817
+ }),
17818
+ appearance: new window.Cesium.PolylineMaterialAppearance({
17819
+ material: material
17820
+ })
17821
+ });
17822
+ return this._viewer.scene.primitives.add(primitive);
17823
+ }
17824
+
17825
+ start() {
17826
+ // 判断是否添加了模型
17827
+ var flag = false;
17828
+ var that = this;
17829
+ var models = this._viewer.scene.primitives._primitives;
17830
+
17831
+ for (let i = 0; i < models.length; i++) {
17832
+ if (models[i] instanceof Cesium.Cesium3DTileset && models[i]._url) {
17833
+ // models[i].enableFlattenning = true;
17834
+ // models[i].flattenDiscard = true;
17835
+ // models[i].readyPromise.then(function (tileset) {
17836
+ // that.g_flattenedPolygonTexture.attachTileset(tileset);
17837
+ // });
17838
+ flag = true;
17839
+ }
17840
+ }
17841
+
17842
+ if (flag) {
17843
+ this.remove();
17844
+
17845
+ this._drawManager.startDraw("polygon", {
17846
+ clampToGround: true
17847
+ });
17848
+ } else {
17849
+ message({
17850
+ message: "请添加模型后绘制!",
17851
+ type: "warning"
17852
+ });
17853
+ }
17854
+ } // 切换高度重新计算
17855
+
17856
+
17857
+ setHeight(val) {
17858
+ this._options.height = Number(val);
17859
+ }
17860
+
17861
+ remove() {
17862
+ // 销毁地形开挖
17863
+ if (this.intervalId) {
17864
+ clearInterval(this.intervalId);
17865
+ this.ii = 0;
17866
+
17867
+ if (this.entity0) {
17868
+ this._viewer.scene.primitives.remove(this.entity0);
17869
+
17870
+ this.entity0 = undefined;
17871
+ }
17872
+
17873
+ if (this.wall) {
17874
+ this._viewer.scene.primitives.remove(this.wall);
17875
+
17876
+ this.wall = undefined;
17877
+ }
17878
+ }
17879
+
17880
+ if (this._wallPrimitive) {
17881
+ this._viewer.scene.primitives.remove(this._wallPrimitive);
17882
+
17883
+ this._wallPrimitive = undefined;
17884
+ }
17885
+
17886
+ this._Kq3dTerrainExcavation && this._Kq3dTerrainExcavation.destroy();
17887
+ this.g_flattenedPolygonTexture && this.g_flattenedPolygonTexture.removeAllFlattenedPolygon();
17888
+ } // 清除
17889
+
17890
+
17891
+ clear() {
17892
+ this._drawManager.stopDraw();
17893
+
17894
+ this.remove();
17895
+ } //销毁
17896
+
17897
+
17898
+ destroy() {
17899
+ this.clear();
17900
+ this.g_flattenedPolygonTexture && this.g_flattenedPolygonTexture.detachAllTileset();
17901
+ this.g_flattenedPolygonTexture && this.g_flattenedPolygonTexture.destroy();
17902
+ }
17903
+
17904
+ }
17905
+ ;// 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
17906
+
17907
+ const ModelExcavatevue_type_script_setup_true_lang_js_hoisted_1 = {
17908
+ class: "kq3d-model-excavate-box",
17909
+ ref: "ref_box"
17910
+ };
17911
+ const ModelExcavatevue_type_script_setup_true_lang_js_hoisted_2 = {
17912
+ class: "kq3d-model-excavate-span"
17913
+ };
17914
+ const ModelExcavatevue_type_script_setup_true_lang_js_hoisted_3 = {
17915
+ class: "kq3d-model-excavate-footer"
17916
+ };
17917
+
17918
+
17919
+
17920
+
17921
+
17922
+ //语言
17923
+
17924
+ const ModelExcavatevue_type_script_setup_true_lang_js_default_ = {
17925
+ name: "Kq3dModelExcavate"
17926
+ };
17927
+ /* harmony default export */ var ModelExcavatevue_type_script_setup_true_lang_js = (/*#__PURE__*/Object.assign(ModelExcavatevue_type_script_setup_true_lang_js_default_, {
17928
+ props: {
17929
+ //指定组件绑定的viewer对象的div的id
17930
+ mapTarget: String,
16038
17931
  // 设置参数
16039
17932
  settingParams: {
16040
17933
  type: Object
@@ -16804,21 +18697,18 @@ ModelFlat.install = (Vue, opts) => {
16804
18697
  };
16805
18698
 
16806
18699
 
16807
- // EXTERNAL MODULE: ./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js
16808
- var injectStylesIntoStyleTag = __webpack_require__(379);
16809
- var injectStylesIntoStyleTag_default = /*#__PURE__*/__webpack_require__.n(injectStylesIntoStyleTag);
16810
18700
  // EXTERNAL MODULE: ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/webgl/sightlineanalysis/style/divpoint.scss
16811
18701
  var divpoint = __webpack_require__(868);
16812
18702
  ;// CONCATENATED MODULE: ./src/webgl/sightlineanalysis/style/divpoint.scss
16813
18703
 
16814
18704
 
16815
18705
 
16816
- var options = {};
18706
+ var divpoint_options = {};
16817
18707
 
16818
- options.insert = "head";
16819
- options.singleton = false;
18708
+ divpoint_options.insert = "head";
18709
+ divpoint_options.singleton = false;
16820
18710
 
16821
- var update = injectStylesIntoStyleTag_default()(divpoint/* default */.Z, options);
18711
+ var divpoint_update = injectStylesIntoStyleTag_default()(divpoint/* default */.Z, divpoint_options);
16822
18712
 
16823
18713
 
16824
18714
 
@@ -43298,6 +45188,9 @@ GeologicalBodyAnalysis.install = (Vue, opts) => {
43298
45188
  // 扫描线
43299
45189
 
43300
45190
 
45191
+ // 热力图3d
45192
+
45193
+
43301
45194
  // 模型开挖
43302
45195
 
43303
45196
 
@@ -43409,7 +45302,8 @@ const webglComponents = {
43409
45302
  Kq3dModelExcavate: ModelExcavate,
43410
45303
  Kq3dModelFlat: ModelFlat,
43411
45304
  Kq3dSlopeAspectAnalysis: SlopeAspectAnalysis,
43412
- Kq3dSceneToHDImage: SceneToHDImage
45305
+ Kq3dSceneToHDImage: SceneToHDImage,
45306
+ Kq3dHeatmap: Heatmap3d
43413
45307
  }; // 全局引入
43414
45308
 
43415
45309
  const install = function (Vue, opts = {}) {