@kq_npm/client3d_webgl_vue 4.5.0 → 4.5.2

package/index.js

@@ -84,6 +84,30 @@ module.exports = function (cssWithMappingToString) {
 
 /***/ }),
 
+/***/ 21:
+/***/ (function(__unused_webpack_module, exports) {
+
+"use strict";
+var __webpack_unused_export__;
+
+
+__webpack_unused_export__ = ({
+  value: true
+}); // runtime helper for setting properties on components
+// in a tree-shakable way
+
+exports.Z = (sfc, props) => {
+  const target = sfc.__vccOpts || sfc;
+
+  for (const [key, val] of props) {
+    target[key] = val;
+  }
+
+  return target;
+};
+
+/***/ }),
+
 /***/ 961:
 /***/ (function(module, __unused_webpack_exports, __webpack_require__) {
 
@@ -432,6 +456,40 @@ ___CSS_LOADER_EXPORT___.push([module.id, ".coord-sightline{background:rgba(42,42
 /* harmony default export */ __webpack_exports__["Z"] = (___CSS_LOADER_EXPORT___);
 
 
+/***/ }),
+
+/***/ 98:
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(705);
+/* 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__);
+// Imports
+
+var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default()(function(i){return i[1]});
+// Module
+___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}", ""]);
+// Exports
+/* harmony default export */ __webpack_exports__["Z"] = (___CSS_LOADER_EXPORT___);
+
+
+/***/ }),
+
+/***/ 757:
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(705);
+/* 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__);
+// Imports
+
+var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default()(function(i){return i[1]});
+// Module
+___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}", ""]);
+// Exports
+/* harmony default export */ __webpack_exports__["Z"] = (___CSS_LOADER_EXPORT___);
+
+
 /***/ }),
 
 /***/ 355:
@@ -935,6 +993,8 @@ __webpack_require__.d(__webpack_exports__, {
   "Kq3dGeologicalBodyAnalysisViewModel": function() { return /* reexport */ GeologicalBodyAnalysisViewModel; },
   "Kq3dHawkeye": function() { return /* reexport */ Hawkeye; },
   "Kq3dHawkeyeViewModel": function() { return /* reexport */ HawkeyeViewModel; },
+  "Kq3dHeatmap": function() { return /* reexport */ Heatmap3d; },
+  "Kq3dHeatmapViewModel": function() { return /* reexport */ Heatmap3dViewModel; },
   "Kq3dIsolineAnalysis": function() { return /* reexport */ IsolineAnalysis; },
   "Kq3dIsolineAnalysisViewModel": function() { return /* reexport */ IsolineAnalysisViewModel; },
   "Kq3dLight": function() { return /* reexport */ Light; },
@@ -13434,7 +13494,8 @@ class SceneToHDImageViewModel {
       canvas: this._viewer.scene.canvas
     });
     this.resizeExportRegionSize();
-  }
+  } // 重置输出图片尺寸
+
 
   resizeExportRegionSize() {
     document.getElementById('exportPictureRegion').style.width = Number(this._options.imgWidth) * Number(this._options.pantographRatio) + 'px';
@@ -13472,7 +13533,8 @@ class SceneToHDImageViewModel {
 
       this._canvasToImage.saveAsimages(canvas, options);
     }
-  }
+  } // 重新设置场景尺寸
+
 
   scaleCesiumContainer() {
     // var bWidth = document.getElementById(this._viewer._container.id).parentNode.clientWidth,
@@ -13491,7 +13553,8 @@ class SceneToHDImageViewModel {
 
   changeDisplayArea() {
     document.getElementById('exportPictureRegion').style.display = this._options.displayArea ? 'block' : 'none';
-  }
+  } // 调整出图范围尺寸
+
 
   changPantographRatio() {
     this._viewer.container.style.transform = `translate(-50%,-50%) scale(${this._options.pantographRatio})`;
@@ -15717,324 +15780,2176 @@ ScanEffect.install = (Vue, opts) => {
 };
 
 
-;// CONCATENATED MODULE: ./src/webgl/modelexcavate/ModelExcavateViewModel.js
+;// CONCATENATED MODULE: ./src/webgl/heatmap3d/Heatmap3dViewModel.js
 
-//模型开挖逻辑类
 
-class ModelExcavateViewModel {
-  //三维viewer对象
-  //Box裁剪存储参数对象
-  //绘制管理对象
-  //绘制完成监听事件
-  //Kq3dWallPrimitive
+//热力图
+
+class Heatmap3dViewModel {
   constructor(scenceView, options) {
     _defineProperty(this, "_viewer", null);
 
-    _defineProperty(this, "_options", {});
+    _defineProperty(this, "_options", null);
 
-    _defineProperty(this, "_Kq3dTerrainExcavation", null);
+    _defineProperty(this, "_heatmap", null);
 
-    _defineProperty(this, "_drawManager", null);
+    _defineProperty(this, "_mouseLabel", null);
 
-    _defineProperty(this, "_removeEventListener", null);
+    _defineProperty(this, "language", null);
 
-    _defineProperty(this, "_wallPrimitive", void 0);
+    _defineProperty(this, "_heatmap2d", null);
 
-    _defineProperty(this, "entity0", null);
+    _defineProperty(this, "_heatmap2dCountLayer", null);
 
-    _defineProperty(this, "wall", null);
+    _defineProperty(this, "heatmapData", null);
 
-    _defineProperty(this, "ratio", 0.01);
+    this._viewer = scenceView._viewer;
+    this._options = options;
+    this._viewer.scene.globe.depthTestAgainstTerrain = true; // 地图标注对象
+
+    this._mouseLabel = new Cesium.Kq3dHtmlTag(this._viewer, {
+      position: new Cesium.Cartesian3(0, 0, 0),
+      html: `<div>
+          <div class="border-moving">
+              <span id="mouse_lonlat" class="append"></span>
+          <div class="border-moving-box" style="top:3px;left:3px;bottom:3px;right:3px;">
+              <span></span><span></span><span></span><span></span>
+          </div></div>
+          <div class="guidline">
+              <div class="pulse"></div>
+          </div>
+        </div>`,
+      anchor: [0, -138],
+      noEvent: true,
+      visible: false
+    }); // 地图拾取事件，交互展示
 
-    _defineProperty(this, "ii", 1);
+    let that = this;
+    var handler = new window.Cesium.ScreenSpaceEventHandler(this._viewer.canvas);
+    handler.setInputAction(function (movement) {
+      var worldPosition = that._viewer.scene.pickPosition(movement.position);
+
+      if (worldPosition) {
+        that._mouseLabel.position = worldPosition;
+        var lonlat = Cesium.Cartographic.fromCartesian(worldPosition);
+        var lon = Cesium.Math.toDegrees(lonlat.longitude),
+            lat = Cesium.Math.toDegrees(lonlat.latitude);
+        var val = 0;
+
+        if (that._options.heatmapType == "3D") {
+          val = String(that._heatmap.getValueAt({
+            lng: lon,
+            lat: lat
+          }));
+        } else if (that._options.heatmapType == "2D") {
+          val = String(that._heatmap2d.getValueAt({
+            lng: lon,
+            lat: lat
+          }));
+        }
 
-    _defineProperty(this, "scratchCartesian2", new window.Cesium.Cartesian3());
+        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>`);
 
-    _defineProperty(this, "scratchCartesian3", new window.Cesium.Cartesian3());
+        that._mouseLabel.setVisible(true);
+      } else {
+        that._mouseLabel.setVisible(false);
+      }
+    }, Cesium.ScreenSpaceEventType.LEFT_CLICK);
+  }
 
-    _defineProperty(this, "scratchCartesian4", new window.Cesium.Cartesian3());
+  sanitizeInput(inputHTML) {
+    const allowedTags = ['p', 'strong', 'em'];
+    const tempDiv = document.createElement('div');
+    tempDiv.innerHTML = inputHTML;
+    const childNodes = Array.from(tempDiv.childNodes);
+    childNodes.forEach(node => {
+      if (!allowedTags.includes(node.tagName.toLowerCase())) {
+        tempDiv.removeChild(node);
+      }
+    });
+    return tempDiv.innerHTML;
+  } // 创建三维热力图对象
 
-    _defineProperty(this, "scratchCartesian5", new window.Cesium.Cartesian3());
 
-    _defineProperty(this, "scratchCartesian6", new window.Cesium.Cartesian3());
+  initHeatmap3d(heatmapData) {
+    this._heatmap = new Cesium.Kq3dHeatmap3D({
+      xField: 'lng',
+      yField: 'lat',
+      valueField: this._options.valueField || this.language["noSet"],
+      radius: this._options.radius,
+      scene: this._viewer.scene,
+      height: this._options.height,
+      heightRatio: this._options.heightRatio,
+      alpha: this._options.transparents,
+      dynamic: this._options.isFollowingPerspective,
+      clampToGround: this._options.isGround,
+      show: this._options.heatmapType == "3D" ? true : false
+    });
+    if (this._options.gradient) this._heatmap.gradient = this._options.gradient;
 
-    _defineProperty(this, "scratchCartesian7", new window.Cesium.Cartesian3());
+    this._viewer.scene.primitives.add(this._heatmap);
 
-    _defineProperty(this, "intervalId", null);
+    this._heatmap && this._heatmap.setData(heatmapData);
+  } // 创建二维热力图对象
 
-    _defineProperty(this, "tileset1", null);
 
-    _defineProperty(this, "g_flattenedPolygonTexture", null);
+  initHeatmap2d(heatmapData) {
+    this._heatmap2d = new Cesium.Kq3dHeatmap2D({
+      xField: 'lng',
+      yField: 'lat',
+      valueField: this._options.valueField || this.language["noSet"],
+      canvasWidth: 1024,
+      canvasHeight: 1024,
+      radius: this._options.radius,
+      blur: 1.0,
+      gradient: this._options.gradient
+    });
 
-    this._viewer = scenceView._viewer;
-    this._options = options;
-    this._drawManager = scenceView._drawManager;
-    this._viewer.scene.globe.depthTestAgainstTerrain = true; //开启深度检测
+    this._heatmap2d.setData(heatmapData);
 
-    let kq3dFlattenning = new window.Cesium.Kq3dFlattenning(this._viewer, {});
-    this.g_flattenedPolygonTexture = kq3dFlattenning.createFlattenedPolygonTexture(); // this.tileset1 = this._viewer.scene.primitives.add(new Cesium.Cesium3DTileset({
-    //   url: "http://support.kqgeo.com:18700/SampleData/3DTiles/Oblique/tileset.json"
-    // }));
-    // this.tileset1.readyPromise.then(function (tileset) {
-    //   that._viewer.zoomTo(tileset);
-    // }).otherwise(function (error) {
-    //   console.log(error);
-    // });
-    // this.tileset1.enableFlattenning = true;
-    // this.tileset1.flattenDiscard = true;
-    // this.g_flattenedPolygonTexture.attachTileset(this.tileset1);
+    let extent = this._heatmap2d.extent;
+    let pv = new Cesium.SingleTileImageryProvider({
+      url: this._heatmap2d.toDataURL(),
+      rectangle: Cesium.Rectangle.fromDegrees(extent[0], extent[1], extent[2], extent[3])
+    });
+    this._heatmap2dCountLayer = new Cesium.ImageryLayer(pv, {
+      alpha: this._options.transparents,
+      show: this._options.heatmapType == "2D" ? true : false
+    });
 
-    var that = this;
-    var models = this._viewer.scene.primitives._primitives;
+    this._viewer.imageryLayers.add(this._heatmap2dCountLayer);
+  } // 切换二维数据
 
-    for (let i = 0; i < models.length; i++) {
-      if (models[1] instanceof Cesium.Cesium3DTileset && models[i]._url) {
-        models[i].enableFlattenning = true;
-        models[i].flattenDiscard = true;
-        models[i].readyPromise.then(function (tileset) {
-          that.g_flattenedPolygonTexture.attachTileset(tileset);
-        });
-      }
-    }
 
-    this._removeEventListener = this._drawManager.drawFinishedEvent.addEventListener(shape => {
-      if (shape) {
-        that._options.positions = shape._controlPoints;
+  changeHeatmap2d() {
+    if (this._options.gradient) this._heatmap2d.gradient = this._options.gradient;
+    if (this._options.radius) this._heatmap2d.radius = this._options.radius;
+    if (this._heatmap2dCountLayer) this._viewer.imageryLayers.remove(this._heatmap2dCountLayer, true);
+    let extent = this._heatmap2d.extent;
+    let pv = new Cesium.SingleTileImageryProvider({
+      url: this._heatmap2d.toDataURL(),
+      rectangle: Cesium.Rectangle.fromDegrees(extent[0], extent[1], extent[2], extent[3])
+    });
+    this._heatmap2dCountLayer = new Cesium.ImageryLayer(pv, {
+      alpha: this._options.transparents,
+      show: this._options.heatmapType == "2D" ? true : false
+    });
 
-        if (shape._controlPoints && shape._controlPoints.length > 3 || shape._controlPoints && shape._controlPoints.length == 3 && shape._controlPoints[2] != shape._controlPoints[0]) {
-          that.createDynamicExcavationEffect();
-        } else {
-          message({
-            message: "请至少绘制3个点!",
-            type: "warning"
-          });
+    this._viewer.imageryLayers.add(this._heatmap2dCountLayer);
+  } // 设置颜色渲染
+
+
+  setColorArray(val) {
+    this._options.gradient = val;
+    if (this._heatmap) this._heatmap.gradient = val;
+    if (this._heatmap2d) this.changeHeatmap2d();
+  } // 参数改变
+
+
+  paramsChanged(key, val) {
+    this._options[key] = val;
+    if (!this._heatmap) return;
+    if (!this._heatmap2dCountLayer) return;
+
+    switch (key) {
+      case "heatmapType":
+        this._mouseLabel.setVisible(false);
+
+        if (this._options.heatmapType == "3D") {
+          this._viewer.scene.highDynamicRange = false;
+          this._viewer.scene.globe.showGroundAtmosphere = true;
+          this._heatmap.show = this._options.isShow;
+          this._heatmap2dCountLayer.show = false;
+        } else if (this._options.heatmapType == "2D") {
+          this._viewer.scene.highDynamicRange = true;
+          this._viewer.scene.globe.showGroundAtmosphere = false;
+          this._heatmap.show = false;
+          this._heatmap2dCountLayer.show = this._options.isShow;
         }
 
-        that._drawManager.clear();
-      }
-    });
-  } // 创建开挖模型
+        break;
 
+      case "radius":
+        this._mouseLabel.setVisible(false);
 
-  createDynamicExcavationEffect() {
-    this._Kq3dTerrainExcavation && this._Kq3dTerrainExcavation.destroy();
-    this._Kq3dTerrainExcavation = new window.Cesium.Kq3dTerrainExcavation({
-      viewer: this._viewer,
-      height: this._options.height,
-      positions: this._options.positions,
-      hasWall: false
-    });
+        this._heatmap[key] = Number(val);
 
-    if (this._wallPrimitive) {
-      this._viewer.scene.primitives.remove(this._wallPrimitive);
+        if (this._heatmap.dynamic) {
+          this._heatmap.dynamic = false;
+        }
 
-      this._wallPrimitive = undefined;
-    }
+        this.changeHeatmap2d();
+        break;
 
-    this._wallPrimitive = new window.Cesium.Kq3dWallPrimitive({
-      viewer: this._viewer,
-      height: this._options.height,
-      positions: this._options.positions,
-      elevationOnTerrain: false
-    });
+      case "height":
+        this._mouseLabel.setVisible(false);
 
-    this._viewer.scene.primitives.add(this._wallPrimitive);
+        this._heatmap[key] = Number(val);
 
-    let that = this;
+        if (this._heatmap.dynamic) {
+          this._heatmap.dynamic = false;
+        }
 
-    this._wallPrimitive._readyEvent.addEventListener(function (eventType) {
-      if (eventType != "Ready") {
-        return;
-      }
+        break;
 
-      that.g_flattenedPolygonTexture && that.g_flattenedPolygonTexture.removeAllFlattenedPolygon();
-      var myPolygon = window.Cesium.PolygonGeometry.fromPositions({
-        positions: that._options.positions,
-        height: window.Cesium.Cartographic.fromCartesian(that._options.positions[0]).height
+      case "transparents":
+        this._heatmap.alpha = Number(val);
+        this._heatmap2dCountLayer.alpha = Number(val);
+        break;
+
+      case "heightRatio":
+        this._mouseLabel.setVisible(false);
+
+        this._heatmap.heightRatio = Number(val);
+        break;
+
+      case "isShow":
+        if (this._options.heatmapType == "3D") {
+          this._heatmap.show = val;
+        } else if (this._options.heatmapType == "2D") {
+          this._heatmap2dCountLayer.show = val;
+        }
+
+        this._mouseLabel.setVisible(false);
+
+        break;
+
+      case "isFollowingPerspective":
+        this._heatmap.dynamic = val;
+
+        this._mouseLabel.setVisible(false);
+
+        break;
+
+      case "isGround":
+        this._heatmap.clampToGround = val;
+
+        this._mouseLabel.setVisible(false);
+
+        break;
+
+      case "valueField":
+        this.clear();
+
+        if (this.heatmapData) {
+          this.initHeatmap3d(this.heatmapData);
+          this.initHeatmap2d(this.heatmapData);
+        }
+
+        break;
+
+      default:
+        break;
+    }
+  } // 加载
+
+
+  start() {
+    this.clear();
+
+    if (this.heatmapData) {
+      this.initHeatmap3d(this.heatmapData);
+      this.initHeatmap2d(this.heatmapData);
+    } else {
+      message({
+        message: this.language["fileTypeMessage"] + "！",
+        type: "warning",
+        duration: 2000
       });
-      that.g_flattenedPolygonTexture && that.g_flattenedPolygonTexture.addFlattenedPolygon(myPolygon); // that.intervalId = setInterval(function () {
-      //   if (that.ii > 100) {
-      //     if (that.entity0) {
-      //       that._viewer.scene.primitives.remove(that.entity0);
-      //       that.entity0 = undefined;
-      //     }
-      //     if (that.wall) {
-      //       that._viewer.scene.primitives.remove(that.wall);
-      //       that.wall = undefined;
-      //     }
-      //     clearInterval(that.intervalId);
-      //     that.ii = 0;
-      //     return;
-      //   }
-      //   var carto2 = window.Cesium.Cartesian3.lerp(that._options.positions[0], that._options.positions[3], that.ratio * that.ii, that.scratchCartesian2);
-      //   var carto3 = window.Cesium.Cartesian3.lerp(that._options.positions[1], that._options.positions[2], that.ratio * that.ii, that.scratchCartesian3);
-      //   if (that.entity0) {
-      //     that._viewer.scene.primitives.remove(that.entity0);
-      //     that.entity0 = undefined;
-      //   }
-      //   that.entity0 = that.createPolyline([carto2, carto3]);
-      //   that.ii++;
-      //   that.g_flattenedPolygonTexture.removeAllFlattenedPolygon();
-      //   var myPolygon = window.Cesium.PolygonGeometry.fromPositions({
-      //     positions: [that._options.positions[0], that._options.positions[1], carto3, carto2],
-      //     height: window.Cesium.Cartographic.fromCartesian(that._options.positions[0]).height
-      //   });
-      //   that.g_flattenedPolygonTexture.addFlattenedPolygon(myPolygon);
-      // }, 100);
-    });
-  }
+      return;
+    }
+  } //清除全部结果
 
-  createPolyline(positions) {
-    var material = window.Cesium.Material.fromType("Kq3dLightningMaterial", {});
 
-    if (this.wall) {
-      this._viewer.scene.primitives.remove(this.wall);
+  clear() {
+    this._mouseLabel.setVisible(false);
 
-      this.wall = undefined;
+    if (this._heatmap) {
+      this._viewer.scene.primitives.remove(this._heatmap);
+
+      this._heatmap = null;
     }
 
-    var geometryInstances = [];
-    geometryInstances.push(new window.Cesium.GeometryInstance({
-      geometry: new window.Cesium.WallGeometry({
-        positions: positions,
-        maximumHeights: [10, 10],
-        minimumHeights: [-10, -10],
-        vertexFormat: window.Cesium.VertexFormat.POSITION_NORMAL_AND_ST
-      })
-    }));
-    this.wall = new window.Cesium.Primitive({
-      geometryInstances: geometryInstances,
-      appearance: new window.Cesium.MaterialAppearance({
-        material: material
-      })
-    });
+    if (this._heatmap2d) this._heatmap2d = null;
+    if (this._heatmap2dCountLayer) this._viewer.imageryLayers.remove(this._heatmap2dCountLayer, true);
+  } //销毁
 
-    this._viewer.scene.primitives.add(this.wall);
 
-    var geo = new window.Cesium.GroundPolylineGeometry({
-      positions: positions,
-      width: 40.0,
-      vertexFormat: window.Cesium.PolylineMaterialAppearance.VERTEX_FORMAT
-    });
-    var primitive = new window.Cesium.GroundPolylinePrimitive({
-      asynchronous: false,
-      classificationType: window.Cesium.ClassificationType.BOTH,
-      geometryInstances: new window.Cesium.GeometryInstance({
-        geometry: geo
-      }),
-      appearance: new window.Cesium.PolylineMaterialAppearance({
-        material: material
-      })
-    });
-    return this._viewer.scene.primitives.add(primitive);
+  destroy() {
+    this.clear();
+
+    this._mouseLabel.destroy();
   }
 
-  start() {
-    // 判断是否添加了模型
-    var flag = false;
-    var that = this;
-    var models = this._viewer.scene.primitives._primitives;
+}
+;// 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
 
-    for (let i = 0; i < models.length; i++) {
-      if (models[i] instanceof Cesium.Cesium3DTileset && models[i]._url) {
-        // models[i].enableFlattenning = true;
-        // models[i].flattenDiscard = true;
-        // models[i].readyPromise.then(function (tileset) {
-        //   that.g_flattenedPolygonTexture.attachTileset(tileset);
-        // });
-        flag = true;
+
+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);
+
+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", {
+  class: "arrow"
+}, null, -1
+/* HOISTED */
+));
+
+
+/* harmony default export */ var CustomColorPickerSlidervue_type_script_setup_true_lang_js = ({
+  __name: 'CustomColorPickerSlider',
+  props: ["width", "color", "percentage", "id"],
+  emits: ["updatePercentage", "updateColor", "deleteColorSlider"],
+
+  setup(__props, {
+    emit
+  }) {
+    const props = __props; // eslint-disable-next-line vue/no-setup-props-destructure
+
+    const initId = props.id;
+    const initColor = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)(props.color);
+    const rangeMin = -5;
+    const rangeMax = props.width - 5;
+    const position = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)(props.percentage / 100 * props.width + rangeMin);
+    const disabled = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)(false); // 为了防止在mouseup事件结束后，弹出颜色框
+
+    let offsetX = 0;
+    let isDragging = false; // 是否拖动
+
+    let mouseDownX = 0; // 通过拖动的距离，判断是拖动还是点击
+
+    function handleMouseDown(event) {
+      isDragging = true;
+      offsetX = event.clientX - position.value;
+      mouseDownX = event.clientX; // 监听mousemove、mouseup事件 注意是在document上监听
+
+      document.addEventListener("mousemove", handleMouseMove);
+      document.addEventListener("mouseup", handleMouseUp); // 阻止了默认行为，防止出现not-allowed的光标
+
+      event.preventDefault();
+    } // 处理MouseMove
+
+
+    function handleMouseMove(event) {
+      if (isDragging) {
+        position.value = Math.min(Math.max(event.clientX - offsetX, rangeMin), rangeMax); // 拖动的过程中，不断改变percentage
+
+        const percentage = (position.value + Math.abs(rangeMin)) / (rangeMax - rangeMin) * 100;
+        emit("updatePercentage", {
+          percentage: percentage,
+          id: initId
+        });
       }
     }
 
-    if (flag) {
-      this.remove();
+    function handleMouseUp(event) {
+      if (isDragging) {
+        isDragging = false; // 移除mousemove、mouseup的事件监听
 
-      this._drawManager.startDraw("polygon", {
-        clampToGround: true
+        document.removeEventListener("mousemove", handleMouseMove);
+        document.removeEventListener("mouseup", handleMouseUp);
+      } // 判断是否拖动模式
+
+
+      if (Math.abs(event.clientX - mouseDownX) > 2) {
+        // 是拖动模式 禁止colorPicker组件弹出
+        disabled.value = true;
+        setTimeout(function () {
+          disabled.value = false;
+        }, 100);
+      }
+    }
+
+    function updateColor(color) {
+      initColor.value = color;
+      emit("updateColor", {
+        color: color,
+        id: initId
       });
-    } else {
-      message({
-        message: "请添加模型后绘制!",
-        type: "warning"
+    }
+
+    function deleteColorSlider() {
+      emit("deleteColorSlider", {
+        id: initId
       });
     }
-  } // 切换高度重新计算
 
+    function handleClick(event) {
+      // 阻止滑块上的点击事件冒泡
+      event.stopPropagation();
+    }
 
-  setHeight(val) {
-    this._options.height = Number(val);
+    return (_ctx, _cache) => {
+      const _component_kq_color_picker = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.resolveComponent)("kq-color-picker");
+
+      return (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.openBlock)(), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementBlock)("div", {
+        class: "cs",
+        style: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.normalizeStyle)({
+          left: position.value + 'px'
+        }),
+        onMousedown: handleMouseDown,
+        onClick: handleClick
+      }, [CustomColorPickerSlidervue_type_script_setup_true_lang_js_hoisted_1, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_color_picker, {
+        modelValue: initColor.value,
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => initColor.value = $event),
+        onActiveChange: updateColor,
+        disabled: disabled.value
+      }, null, 8
+      /* PROPS */
+      , ["modelValue", "disabled"]), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementVNode)("div", {
+        class: "delete",
+        onClick: deleteColorSlider
+      }, "x")], 36
+      /* STYLE, HYDRATE_EVENTS */
+      );
+    };
   }
 
-  remove() {
-    // 销毁地形开挖
-    if (this.intervalId) {
-      clearInterval(this.intervalId);
-      this.ii = 0;
+});
+;// CONCATENATED MODULE: ./src/webgl/heatmap3d/CustomColorPickerSlider.vue?vue&type=script&setup=true&lang=js
+ 
+// EXTERNAL MODULE: ./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js
+var injectStylesIntoStyleTag = __webpack_require__(379);
+var injectStylesIntoStyleTag_default = /*#__PURE__*/__webpack_require__.n(injectStylesIntoStyleTag);
+// 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
+var CustomColorPickerSlidervue_type_style_index_0_id_c771bfde_scoped_true_lang_scss = __webpack_require__(757);
+;// 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
 
-      if (this.entity0) {
-        this._viewer.scene.primitives.remove(this.entity0);
+            
 
-        this.entity0 = undefined;
+var options = {};
+
+options.insert = "head";
+options.singleton = false;
+
+var update = injectStylesIntoStyleTag_default()(CustomColorPickerSlidervue_type_style_index_0_id_c771bfde_scoped_true_lang_scss/* default */.Z, options);
+
+
+
+/* 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 || {});
+;// CONCATENATED MODULE: ./src/webgl/heatmap3d/CustomColorPickerSlider.vue?vue&type=style&index=0&id=c771bfde&scoped=true&lang=scss
+
+// EXTERNAL MODULE: ./node_modules/vue-loader/dist/exportHelper.js
+var exportHelper = __webpack_require__(21);
+;// CONCATENATED MODULE: ./src/webgl/heatmap3d/CustomColorPickerSlider.vue
+
+
+
+;
+
+
+const CustomColorPickerSlider_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(CustomColorPickerSlidervue_type_script_setup_true_lang_js, [['__scopeId',"data-v-c771bfde"]])
+
+/* harmony default export */ var CustomColorPickerSlider = (CustomColorPickerSlider_exports_);
+;// 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
+
+
+const CustomColorPickervue_type_script_setup_true_lang_js_withScopeId = n => (_pushScopeId("data-v-b1608504"), n = n(), _popScopeId(), n);
+
+const CustomColorPickervue_type_script_setup_true_lang_js_hoisted_1 = {
+  class: "gp"
+};
+
+
+
+/* harmony default export */ var CustomColorPickervue_type_script_setup_true_lang_js = ({
+  __name: 'CustomColorPicker',
+  props: ["data"],
+  emits: ["color-changed"],
+
+  setup(__props, {
+    emit
+  }) {
+    const props = __props; // 宽度
+
+    const width = 257;
+    const items = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)(props.data);
+    let backgroundImage = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)(updateBackgroundImage()); // 更新色带条
+
+    function updateBackgroundImage() {
+      let style = [];
+
+      for (let i = 0; i < items.value.length; i++) {
+        const item = items.value[i];
+        style.push(`${item.color} ${item.percentage}%`);
       }
 
-      if (this.wall) {
-        this._viewer.scene.primitives.remove(this.wall);
+      return `background-image: linear-gradient(90deg, ${style.toString()})`;
+    } // 更新颜色百分比
 
-        this.wall = undefined;
+
+    function updatePercentage(args) {
+      const {
+        percentage,
+        id
+      } = args;
+
+      for (let i = 0; i < items.value.length; i++) {
+        if (items.value[i].id == id) {
+          items.value[i].percentage = percentage;
+          break;
+        }
+      } // 重新排序数组
+
+
+      items.value.sort((a, b) => a.percentage - b.percentage);
+      backgroundImage.value = updateBackgroundImage();
+      emit("color-changed", items.value);
+    } // 更新颜色
+
+
+    function updateColor(args) {
+      const {
+        color,
+        id
+      } = args;
+
+      for (let i = 0; i < items.value.length; i++) {
+        if (items.value[i].id == id) {
+          items.value[i].color = color;
+          break;
+        }
+      } // 重新排序数组
+
+
+      items.value.sort((a, b) => a.percentage - b.percentage);
+      backgroundImage.value = updateBackgroundImage();
+      emit("color-changed", items.value);
+    } // 删除色块
+
+
+    function deleteColorSlider(args) {
+      if (items.value.length <= 2) {
+        return;
       }
-    }
 
-    if (this._wallPrimitive) {
-      this._viewer.scene.primitives.remove(this._wallPrimitive);
+      const {
+        id
+      } = args;
 
-      this._wallPrimitive = undefined;
+      for (let i = 0; i < items.value.length; i++) {
+        if (items.value[i].id == id) {
+          items.value.splice(i, 1);
+          break;
+        }
+      }
+
+      backgroundImage.value = updateBackgroundImage();
+      emit("color-changed", items.value);
+    } // 增加色块
+
+
+    function addColorSlider(event) {
+      items.value.push({
+        id: (0,util_.guid)(),
+        color: "#0000FF",
+        percentage: event.offsetX / width * 100
+      }); // 重新排序数组
+
+      items.value.sort((a, b) => a.percentage - b.percentage);
+      backgroundImage.value = updateBackgroundImage();
+      emit("color-changed", items.value);
     }
 
-    this._Kq3dTerrainExcavation && this._Kq3dTerrainExcavation.destroy();
-    this.g_flattenedPolygonTexture && this.g_flattenedPolygonTexture.removeAllFlattenedPolygon();
-  } // 清除
+    return (_ctx, _cache) => {
+      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", {
+        class: "palette",
+        style: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.normalizeStyle)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(backgroundImage))
+      }, null, 4
+      /* STYLE */
+      ), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementVNode)("div", {
+        class: "csh",
+        onClick: addColorSlider
+      }, [((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 => {
+        return (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.openBlock)(), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createBlock)(CustomColorPickerSlider, {
+          key: item.id,
+          width: width,
+          color: item.color,
+          id: item.id,
+          percentage: item.percentage,
+          onUpdatePercentage: updatePercentage,
+          onUpdateColor: updateColor,
+          onDeleteColorSlider: deleteColorSlider
+        }, null, 8
+        /* PROPS */
+        , ["color", "id", "percentage"]);
+      }), 128
+      /* KEYED_FRAGMENT */
+      ))])]);
+    };
+  }
 
+});
+;// CONCATENATED MODULE: ./src/webgl/heatmap3d/CustomColorPicker.vue?vue&type=script&setup=true&lang=js
+ 
+// 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
+var CustomColorPickervue_type_style_index_0_id_b1608504_scoped_true_lang_scss = __webpack_require__(98);
+;// 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
 
-  clear() {
-    this._drawManager.stopDraw();
+            
 
-    this.remove();
-  } //销毁
+var CustomColorPickervue_type_style_index_0_id_b1608504_scoped_true_lang_scss_options = {};
 
+CustomColorPickervue_type_style_index_0_id_b1608504_scoped_true_lang_scss_options.insert = "head";
+CustomColorPickervue_type_style_index_0_id_b1608504_scoped_true_lang_scss_options.singleton = false;
 
-  destroy() {
-    this.clear();
-    this.g_flattenedPolygonTexture && this.g_flattenedPolygonTexture.detachAllTileset();
-    this.g_flattenedPolygonTexture && this.g_flattenedPolygonTexture.destroy();
-  }
+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);
 
-}
-;// 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
 
-const ModelExcavatevue_type_script_setup_true_lang_js_hoisted_1 = {
-  class: "kq3d-model-excavate-box",
-  ref: "ref_box"
+
+/* 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 || {});
+;// CONCATENATED MODULE: ./src/webgl/heatmap3d/CustomColorPicker.vue?vue&type=style&index=0&id=b1608504&scoped=true&lang=scss
+
+;// CONCATENATED MODULE: ./src/webgl/heatmap3d/CustomColorPicker.vue
+
+
+
+;
+
+
+const CustomColorPicker_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(CustomColorPickervue_type_script_setup_true_lang_js, [['__scopeId',"data-v-b1608504"]])
+
+/* harmony default export */ var CustomColorPicker = (CustomColorPicker_exports_);
+;// 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
+
+
+const Heatmap3dvue_type_script_setup_true_lang_js_hoisted_1 = {
+  class: "kq3d-heatmap-box"
 };
-const ModelExcavatevue_type_script_setup_true_lang_js_hoisted_2 = {
-  class: "kq3d-model-excavate-span"
+const Heatmap3dvue_type_script_setup_true_lang_js_hoisted_2 = {
+  class: "kq3d-heatmap-span"
 };
-const ModelExcavatevue_type_script_setup_true_lang_js_hoisted_3 = {
-  class: "kq3d-model-excavate-footer"
+const Heatmap3dvue_type_script_setup_true_lang_js_hoisted_3 = {
+  class: "kq3d-heatmap-span"
+};
+const Heatmap3dvue_type_script_setup_true_lang_js_hoisted_4 = {
+  class: "kq3d-heatmap-footer"
 };
 
 
 
 
 
- //语言
 
-const ModelExcavatevue_type_script_setup_true_lang_js_default_ = {
-  name: "Kq3dModelExcavate"
+
+
+
+
+const Heatmap3dvue_type_script_setup_true_lang_js_default_ = {
+  name: "Kq3dHeatmap"
 };
-/* harmony default export */ var ModelExcavatevue_type_script_setup_true_lang_js = (/*#__PURE__*/Object.assign(ModelExcavatevue_type_script_setup_true_lang_js_default_, {
+/* harmony default export */ var Heatmap3dvue_type_script_setup_true_lang_js = (/*#__PURE__*/Object.assign(Heatmap3dvue_type_script_setup_true_lang_js_default_, {
   props: {
-    //指定组件绑定的viewer对象的div的id
-    mapTarget: String,
+    // 设置参数
+    settingParams: {
+      type: Object
+    },
+    // 是否显示阴影效果
+    showShadow: {
+      type: Boolean,
+      default: true
+    },
+
+    /**
+     * 例："center","topLeft","topRight","bottomLeft","bottomRight", "topCenter", "bottomCenter" {top:'16px',left:'16px'}, {top:16,left:16}
+     */
+    position: [String, Object],
+    // 是否生成HeaderTemp
+    showHeaderTemp: {
+      type: Boolean,
+      default: false
+    },
+    // 是否折叠HeaderTemp，showHeaderTemp为true时生效
+    isCollapseHeaderTemp: {
+      type: Boolean,
+      default: false
+    },
+    // HeaderTemp标题
+    headerTempTitle: {
+      type: String
+    },
+    // HeaderTemp图标
+    headerTempIcon: {
+      type: [Object, String],
+      default: client_icons_vue_namespaceObject.IconHeatMap3D
+    },
+    // HeaderTemp Title&Icon的位置
+    isRight: {
+      type: Boolean,
+      default: true
+    }
+  },
+
+  setup(__props, {
+    expose
+  }) {
+    const props = __props;
+    const {
+      proxy
+    } = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.getCurrentInstance)();
+    let currentLang = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)("");
+    let language = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)({});
+    let collapseValue = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)("");
+    let weightFields = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)([]); // 获取组件传参
+
+    let formItem = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.reactive)({
+      dataPath: props.settingParams && props.settingParams.dataPath || "",
+      //数据地址，json文件或json地址
+      heatmapType: props.settingParams && props.settingParams.heatmapType || "3D",
+      //渲染方式
+      radius: props.settingParams && props.settingParams.radius || 8,
+      //半径
+      minRadius: props.settingParams && props.settingParams.minRadius || 5,
+      maxRadius: props.settingParams && props.settingParams.maxRadius || 100,
+      transparents: props.settingParams && props.settingParams.transparents || 0.75,
+      //透明度
+      minTransparents: 0,
+      maxTransparents: 1,
+      height: props.settingParams && props.settingParams.height || 800,
+      //高度
+      minHeight: props.settingParams && props.settingParams.minHeight || 0,
+      maxHeight: props.settingParams && props.settingParams.minHeight || 1000,
+      heightRatio: props.settingParams && props.settingParams.heightRatio || 2,
+      //高度比率
+      minHeightRatio: props.settingParams && props.settingParams.minHeightRatio || 0.1,
+      // 最小值
+      maxHeightRatio: props.settingParams && props.settingParams.maxHeightRatio || 10,
+      // 最大值
+      isShow: props.settingParams && props.settingParams.isShow || true,
+      // 是否显示
+      isGround: props.settingParams && props.settingParams.isGround || false,
+      // 是否贴地
+      isFollowingPerspective: props.settingParams && props.settingParams.isFollowingPerspective || true,
+      //跟随视角调整
+      valueField: props.settingParams && props.settingParams.valueField || "",
+      // 权重字段
+      colorMode: props.settingParams && props.settingParams.colorMode || 1,
+      // 1:预设 2：自定义
+      colorRamp: props.settingParams && props.settingParams.colorRamp || 0 //色带索引，0-16
+
+    });
+    let viewModel = null; // 组件容器Ref
+
+    let boxRef = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)(null); // 生成组件默认header
+
+    let headerTemp = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)();
+    let headerTempRef = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)(); // 国际化
+
+    let {
+      locale,
+      messages
+    } = (0,vue_i18n_cjs_js_namespaceObject.useI18n)();
+    let headerTempTitle = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)(null);
+    (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.watch)(() => locale.value, (newVal, oldVal) => {
+      language.value = messages.value[newVal]["webgl"];
+      headerTempTitle.value = language.value.heatmapTitle;
+      if (viewModel) viewModel.language = language.value;
+    });
+    (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.onMounted)(() => {
+      (0,util_.updatePosition)(boxRef.value, props);
+      (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.watch)(() => props.position, (newVal, oldVal) => {
+        (0,util_.updatePosition)(boxRef.value, props);
+      });
+      watchCreateHeaderTemp();
+      (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.watch)(() => props.showHeaderTemp, (newVal, oldVal) => {
+        watchCreateHeaderTemp();
+      });
+      currentLang.value = proxy.$i18n.locale; // 获取当前语言
+      //父组 件ScenceView初始化完成后执行
+
+      weightFields.value = [language.value.noSet];
+      if (!formItem.valueField) formItem.valueField = language.value.noSet;
+      gis_utils_.utils.getWebMap(null, scenceView => {
+        if (scenceView) {
+          viewModel = new Heatmap3dViewModel(scenceView, formItem);
+
+          if (viewModel) {
+            viewModel.language = language.value;
+            let test = heatColor.value; // 触发赋值
+          }
+        }
+      });
+    });
+    /**
+     * @description 监听header生成
+     */
+
+    const watchCreateHeaderTemp = () => {
+      if (props.showHeaderTemp) {
+        // 生成headerTemp
+        headerTemp.value = (0,util_.createHeaderTemp)(boxRef.value, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.toRefs)(props), headerTempRef, headerTempTitle);
+      }
+    };
+
+    function selectData(file) {
+      let url = URL.createObjectURL(file.raw);
+      formItem.dataPath = url;
+    } // 参数改变
+
+
+    function paramsChanged(key) {
+      viewModel && viewModel.paramsChanged(key, formItem[key]);
+
+      switch (key) {
+        case "radius":
+        case "height":
+          formItem.isFollowingPerspective = false;
+          break;
+
+        default:
+          break;
+      }
+    } // 加载
+
+
+    function startAnalysis() {
+      getDataByPath();
+    } // 获取路径数据
+
+
+    function getDataByPath() {
+      if (formItem && formItem.dataPath) {
+        Cesium.Resource.fetchJson(formItem.dataPath).then(res => {
+          if (res && res.features) {
+            if (res.features.length === 0) {
+              message({
+                message: "features " + language.value.noDataMessage + "!",
+                type: "warning",
+                duration: 2000
+              });
+              return;
+            }
+
+            let heatmapArr = [];
+            let bigArray = [];
+            res.features.forEach(element => {
+              if (!element.properties || Object.keys(element.properties).length === 0) return;
+              let result = getValidKeysAndValues(element.properties);
+              bigArray.push(result.validKeys);
+              heatmapArr.push({
+                lng: element.geometry.coordinates[0],
+                lat: element.geometry.coordinates[1],
+                ...result.newObj,
+                ...{
+                  noSet: 0
+                }
+              });
+            });
+            let commonArr = commonValues(bigArray);
+            weightFields.value = [language.value.noSet].concat(commonArr); // if (!formItem.valueField) {
+            //   formItem.valueField = commonArr[0];
+            //   paramsChanged("valueField");
+            // }
+
+            if (viewModel) {
+              viewModel.heatmapData = heatmapArr;
+              viewModel.start();
+            }
+          } else {
+            message({
+              message: language.value.geojsonTypeMessage + "！",
+              type: "warning",
+              duration: 2000
+            });
+            return;
+          }
+        }).otherwise(ret => {
+          console.log(ret);
+          message({
+            message: language.value.dataParsingMessage + "！",
+            type: "error",
+            duration: 2000
+          });
+          return;
+        });
+      } else {
+        message({
+          message: language.value.fileTypeMessage + "!",
+          type: "warning",
+          duration: 2000
+        });
+        return;
+      }
+    }
+
+    function commonValues(bigArray) {
+      // 如果大数组为空，直接返回空数组
+      if (bigArray.length === 0) {
+        return [];
+      } // 以第一个小数组为初始值进行比较
+
+
+      let common = [...bigArray[0]];
+
+      for (let i = 1; i < bigArray.length; i++) {
+        common = common.filter(item => bigArray[i].includes(item));
+      }
+
+      return common;
+    } // 获取对象键列表
+
+
+    function getValidKeysAndValues(obj) {
+      const validKeys = [];
+      const newObj = {};
+
+      for (const key in obj) {
+        const value = obj[key];
+
+        if (!isNaN(value) && value > 0) {
+          validKeys.push(key);
+          newObj[key] = value;
+        }
+      }
+
+      return {
+        validKeys,
+        newObj
+      };
+    } // 预设的色带
+
+
+    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"]]); // 自定义的颜色
+
+    const customColors = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.computed)({
+      get() {
+        const custom = props.settingParams && props.settingParams.custom;
+
+        if (!custom || custom.length == 0) {
+          return getCustomColors(colorData.value[formItem.colorRamp]);
+        } else {
+          return custom;
+        }
+      },
+
+      set(value) {
+        regroupColors();
+      }
+
+    });
+    const heatColor = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.computed)({
+      get() {
+        if (formItem.colorMode === 1) {
+          getCustomColors(colorData.value[formItem.colorRamp]);
+          regroupColors();
+        } else {
+          onChangeColorRamp();
+        }
+
+        return heatColor.value;
+      },
+
+      set(value) {
+        viewModel && viewModel.setColorArray(value);
+      }
+
+    });
+
+    function getHeatColor() {} // 重组颜色渲染对象
+
+
+    function regroupColors() {
+      let obj = {};
+      customColors.value.forEach(element => {
+        obj[element.percentage / 100] = element.color;
+      });
+      heatColor.value = obj;
+    }
+
+    function onChangeColorRamp() {
+      // 固定的开头
+      const colors = colorData.value[formItem.colorRamp];
+      const len = colors.length;
+      const delta = 1 / len;
+      let ramp = {};
+
+      for (let i = 0; i < len - 1; i++) {
+        ramp[delta * (i + 1)] = colors[i];
+      }
+
+      ramp[1] = colors[len - 1];
+      heatColor.value = {
+        0: "rgba(0, 0, 0, 0)",
+        ...ramp
+      };
+    }
+
+    function getCustomColors(colors) {
+      let custom = [];
+      const len = colors.length;
+      const delta = 1 / (len - 1);
+
+      for (let i = 0; i < len; i++) {
+        custom.push({
+          id: (0,util_.guid)(),
+          color: colors[i],
+          percentage: i * delta * 100
+        });
+      }
+
+      return custom;
+    }
+
+    function colorChanged(items) {
+      let ramp = {};
+
+      for (let i = 0; i < items.length; i++) {
+        if (items[i].percentage == 0) {
+          items[i].percentage = 1;
+        }
+
+        ramp[items[i].percentage / 100] = items[i].color;
+      }
+
+      heatColor.value = {
+        0: "rgba(0, 0, 0, 0)",
+        ...ramp
+      };
+    }
+
+    function generateColorStyle(colors) {
+      return `background-image: linear-gradient(90deg, ${colors.toString()})`;
+    } // 反转色带的颜色
+
+
+    function onClickReverseRamp(colors) {
+      colors = colors.reverse();
+      onChangeColorRamp();
+    } // 清除
+
+
+    function clearResult() {
+      viewModel && viewModel.clear();
+    } // 销毁
+
+
+    (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.onBeforeUnmount)(() => {
+      viewModel && viewModel.destroy();
+    });
+    expose({});
+    return (_ctx, _cache) => {
+      const _component_kq_col = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.resolveComponent)("kq-col");
+
+      const _component_kq_icon = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.resolveComponent)("kq-icon");
+
+      const _component_kq_button = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.resolveComponent)("kq-button");
+
+      const _component_kq_upload = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.resolveComponent)("kq-upload");
+
+      const _component_kq_input = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.resolveComponent)("kq-input");
+
+      const _component_kq_row = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.resolveComponent)("kq-row");
+
+      const _component_kq_radio = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.resolveComponent)("kq-radio");
+
+      const _component_kq_radio_group = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.resolveComponent)("kq-radio-group");
+
+      const _component_kq_option = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.resolveComponent)("kq-option");
+
+      const _component_kq_select = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.resolveComponent)("kq-select");
+
+      const _component_kq_form_item = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.resolveComponent)("kq-form-item");
+
+      const _component_kq_radio_button = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.resolveComponent)("kq-radio-button");
+
+      const _component_kq_slider = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.resolveComponent)("kq-slider");
+
+      const _component_kq_input_number = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.resolveComponent)("kq-input-number");
+
+      const _component_kq_switch = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.resolveComponent)("kq-switch");
+
+      const _component_kq_form = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.resolveComponent)("kq-form");
+
+      const _component_kq_collapse_item = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.resolveComponent)("kq-collapse-item");
+
+      const _component_kq_collapse = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.resolveComponent)("kq-collapse");
+
+      return (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.openBlock)(), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementBlock)("section", {
+        class: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.normalizeClass)(["kq3d-heatmap", {
+          'kq-box-shadow': __props.showShadow
+        }]),
+        ref_key: "boxRef",
+        ref: boxRef
+      }, [__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)), {
+        key: 0,
+        ref_key: "headerTempRef",
+        ref: headerTempRef
+      }, null, 512
+      /* NEED_PATCH */
+      )) : (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, {
+        gutter: 20,
+        class: "rowClass"
+      }, {
+        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, {
+          span: 6,
+          class: "colClass"
+        }, {
+          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
+          /* TEXT */
+          )]),
+          _: 1
+          /* STABLE */
+
+        }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_col, {
+          span: 18
+        }, {
+          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, {
+            modelValue: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).dataPath,
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).dataPath = $event),
+            onChange: _cache[1] || (_cache[1] = $event => paramsChanged('dataPath')),
+            placeholder: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(language).videoPathPlace
+          }, {
+            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, {
+              "on-change": selectData,
+              "auto-upload": false,
+              "show-file-list": false,
+              accept: ".json"
+            }, {
+              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, {
+                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, {
+                  size: 16
+                }, {
+                  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))]),
+                  _: 1
+                  /* STABLE */
+
+                })]),
+                _: 1
+                /* STABLE */
+
+              })]),
+              _: 1
+              /* STABLE */
+
+            })]),
+            _: 1
+            /* STABLE */
+
+          }, 8
+          /* PROPS */
+          , ["modelValue", "placeholder"])]),
+          _: 1
+          /* STABLE */
+
+        })]),
+        _: 1
+        /* STABLE */
+
+      }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_row, {
+        gutter: 20,
+        class: "rowClass"
+      }, {
+        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, {
+          span: 6,
+          class: "colClass"
+        }, {
+          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
+          /* TEXT */
+          )]),
+          _: 1
+          /* STABLE */
+
+        }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_col, {
+          span: 18
+        }, {
+          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, {
+            modelValue: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).heatmapType,
+            "onUpdate:modelValue": _cache[4] || (_cache[4] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).heatmapType = $event)
+          }, {
+            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, {
+              label: "3D",
+              onChange: _cache[2] || (_cache[2] = $event => paramsChanged('heatmapType'))
+            }, {
+              default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createTextVNode)("3D")]),
+              _: 1
+              /* STABLE */
+
+            }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_radio, {
+              label: "2D",
+              onChange: _cache[3] || (_cache[3] = $event => paramsChanged('heatmapType'))
+            }, {
+              default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createTextVNode)("2D")]),
+              _: 1
+              /* STABLE */
+
+            })]),
+            _: 1
+            /* STABLE */
+
+          }, 8
+          /* PROPS */
+          , ["modelValue"])]),
+          _: 1
+          /* STABLE */
+
+        })]),
+        _: 1
+        /* STABLE */
+
+      }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_row, {
+        class: "kq3d-heatmap-tip"
+      }, {
+        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
+        /* TEXT */
+        )]),
+        _: 1
+        /* STABLE */
+
+      }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_collapse, {
+        "model-value": (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(collapseValue),
+        class: "kq3d-heatmap-collapse"
+      }, {
+        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, {
+          title: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(language).analysisSettings,
+          name: "setting"
+        }, {
+          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, {
+            "label-width": (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(currentLang) === 'zh' ? '110px' : '130px',
+            "label-position": "left"
+          }, {
+            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, {
+              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, {
+                label: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(language).weightField
+              }, {
+                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, {
+                  modelValue: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).valueField,
+                  "onUpdate:modelValue": _cache[5] || (_cache[5] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).valueField = $event),
+                  onChange: _cache[6] || (_cache[6] = $event => paramsChanged('valueField')),
+                  style: {
+                    "width": "100%"
+                  }
+                }, {
+                  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) => {
+                    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, {
+                      key: index,
+                      label: item,
+                      value: item
+                    }, null, 8
+                    /* PROPS */
+                    , ["label", "value"]);
+                  }), 128
+                  /* KEYED_FRAGMENT */
+                  ))]),
+                  _: 1
+                  /* STABLE */
+
+                }, 8
+                /* PROPS */
+                , ["modelValue"])]),
+                _: 1
+                /* STABLE */
+
+              }, 8
+              /* PROPS */
+              , ["label"])]),
+              _: 1
+              /* STABLE */
+
+            }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_row, null, {
+              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, {
+                label: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(language).colorScheme
+              }, {
+                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, {
+                  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, {
+                    style: {
+                      "text-align": "left"
+                    }
+                  }, {
+                    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, {
+                      modelValue: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).colorMode,
+                      "onUpdate:modelValue": _cache[7] || (_cache[7] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).colorMode = $event)
+                    }, {
+                      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, {
+                        label: "1"
+                      }, {
+                        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
+                        /* TEXT */
+                        )]),
+                        _: 1
+                        /* STABLE */
+
+                      }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_radio_button, {
+                        label: "2"
+                      }, {
+                        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
+                        /* TEXT */
+                        )]),
+                        _: 1
+                        /* STABLE */
+
+                      })]),
+                      _: 1
+                      /* STABLE */
+
+                    }, 8
+                    /* PROPS */
+                    , ["modelValue"])]),
+                    _: 1
+                    /* STABLE */
+
+                  })]),
+                  _: 1
+                  /* STABLE */
+
+                })]),
+                _: 1
+                /* STABLE */
+
+              }, 8
+              /* PROPS */
+              , ["label"])]),
+              _: 1
+              /* STABLE */
+
+            }), (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, {
+              key: 0
+            }, {
+              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, {
+                label: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(language).colorBand
+              }, {
+                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, {
+                  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, {
+                    style: {
+                      "text-align": "left"
+                    },
+                    class: "heatSelect"
+                  }, {
+                    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, {
+                      style: {
+                        "width": "100%"
+                      },
+                      "popper-class": "heat-color-select",
+                      modelValue: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).colorRamp,
+                      "onUpdate:modelValue": _cache[8] || (_cache[8] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).colorRamp = $event),
+                      onChange: onChangeColorRamp
+                    }, {
+                      prefix: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementVNode)("div", {
+                        class: "color-ramp",
+                        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]))
+                      }, null, 4
+                      /* STYLE */
+                      )]),
+                      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) => {
+                        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, {
+                          class: "color-option",
+                          key: index,
+                          value: index
+                        }, {
+                          default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementVNode)("div", {
+                            class: "color-ramp",
+                            style: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.normalizeStyle)(generateColorStyle(item))
+                          }, null, 4
+                          /* STYLE */
+                          ), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_icon, {
+                            class: "reverse",
+                            onClick: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withModifiers)($event => onClickReverseRamp(item), ["stop"])
+                          }, {
+                            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))]),
+                            _: 2
+                            /* DYNAMIC */
+
+                          }, 1032
+                          /* PROPS, DYNAMIC_SLOTS */
+                          , ["onClick"])]),
+                          _: 2
+                          /* DYNAMIC */
+
+                        }, 1032
+                        /* PROPS, DYNAMIC_SLOTS */
+                        , ["value"]);
+                      }), 128
+                      /* KEYED_FRAGMENT */
+                      ))]),
+                      _: 1
+                      /* STABLE */
+
+                    }, 8
+                    /* PROPS */
+                    , ["modelValue"])]),
+                    _: 1
+                    /* STABLE */
+
+                  })]),
+                  _: 1
+                  /* STABLE */
+
+                })]),
+                _: 1
+                /* STABLE */
+
+              }, 8
+              /* PROPS */
+              , ["label"])]),
+              _: 1
+              /* STABLE */
+
+            })) : (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, {
+              key: 1
+            }, {
+              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, {
+                label: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(language).colorBand
+              }, {
+                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, {
+                  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, {
+                    style: {
+                      "text-align": "left"
+                    }
+                  }, {
+                    default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(CustomColorPicker, {
+                      data: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(customColors),
+                      onColorChanged: colorChanged
+                    }, null, 8
+                    /* PROPS */
+                    , ["data"])]),
+                    _: 1
+                    /* STABLE */
+
+                  })]),
+                  _: 1
+                  /* STABLE */
+
+                })]),
+                _: 1
+                /* STABLE */
+
+              }, 8
+              /* PROPS */
+              , ["label"])]),
+              _: 1
+              /* STABLE */
+
+            })) : (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, {
+              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, {
+                label: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(language).radius + '(m)'
+              }, {
+                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, {
+                  style: {
+                    "display": "flex"
+                  }
+                }, {
+                  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, {
+                    span: 16
+                  }, {
+                    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, {
+                      modelValue: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).radius,
+                      "onUpdate:modelValue": _cache[9] || (_cache[9] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).radius = $event),
+                      step: 0.1,
+                      min: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).minRadius,
+                      max: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).maxRadius,
+                      onInput: _cache[10] || (_cache[10] = $event => paramsChanged('radius'))
+                    }, null, 8
+                    /* PROPS */
+                    , ["modelValue", "step", "min", "max"])]),
+                    _: 1
+                    /* STABLE */
+
+                  }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_col, {
+                    span: 8
+                  }, {
+                    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, {
+                      modelValue: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).radius,
+                      "onUpdate:modelValue": _cache[11] || (_cache[11] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).radius = $event),
+                      min: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).minRadius,
+                      max: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).maxRadius,
+                      step: 0.1,
+                      onInput: _cache[12] || (_cache[12] = $event => paramsChanged('radius')),
+                      "controls-position": "right"
+                    }, null, 8
+                    /* PROPS */
+                    , ["modelValue", "min", "max", "step"])]),
+                    _: 1
+                    /* STABLE */
+
+                  })]),
+                  _: 1
+                  /* STABLE */
+
+                })]),
+                _: 1
+                /* STABLE */
+
+              }, 8
+              /* PROPS */
+              , ["label"])]),
+              _: 1
+              /* STABLE */
+
+            }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_row, null, {
+              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, {
+                label: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(language).transparents
+              }, {
+                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, {
+                  style: {
+                    "display": "flex"
+                  }
+                }, {
+                  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, {
+                    span: 16
+                  }, {
+                    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, {
+                      modelValue: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).transparents,
+                      "onUpdate:modelValue": _cache[13] || (_cache[13] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).transparents = $event),
+                      step: 0.01,
+                      min: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).minTransparents,
+                      max: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).maxTransparents,
+                      onInput: _cache[14] || (_cache[14] = $event => paramsChanged('transparents'))
+                    }, null, 8
+                    /* PROPS */
+                    , ["modelValue", "step", "min", "max"])]),
+                    _: 1
+                    /* STABLE */
+
+                  }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_col, {
+                    span: 8
+                  }, {
+                    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, {
+                      modelValue: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).transparents,
+                      "onUpdate:modelValue": _cache[15] || (_cache[15] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).transparents = $event),
+                      min: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).minTransparents,
+                      max: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).maxTransparents,
+                      step: 0.01,
+                      onInput: _cache[16] || (_cache[16] = $event => paramsChanged('transparents')),
+                      "controls-position": "right"
+                    }, null, 8
+                    /* PROPS */
+                    , ["modelValue", "min", "max", "step"])]),
+                    _: 1
+                    /* STABLE */
+
+                  })]),
+                  _: 1
+                  /* STABLE */
+
+                })]),
+                _: 1
+                /* STABLE */
+
+              }, 8
+              /* PROPS */
+              , ["label"])]),
+              _: 1
+              /* STABLE */
+
+            }), (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, {
+              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, {
+                label: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(language).height
+              }, {
+                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, {
+                  style: {
+                    "display": "flex"
+                  }
+                }, {
+                  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, {
+                    span: 16
+                  }, {
+                    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, {
+                      modelValue: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).height,
+                      "onUpdate:modelValue": _cache[17] || (_cache[17] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).height = $event),
+                      step: 1,
+                      min: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).minHeight,
+                      max: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).maxHeight,
+                      onInput: _cache[18] || (_cache[18] = $event => paramsChanged('height'))
+                    }, null, 8
+                    /* PROPS */
+                    , ["modelValue", "min", "max"])]),
+                    _: 1
+                    /* STABLE */
+
+                  }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_col, {
+                    span: 8
+                  }, {
+                    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, {
+                      modelValue: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).height,
+                      "onUpdate:modelValue": _cache[19] || (_cache[19] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).height = $event),
+                      min: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).minHeight,
+                      max: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).maxHeight,
+                      step: 1,
+                      onInput: _cache[20] || (_cache[20] = $event => paramsChanged('height')),
+                      "controls-position": "right"
+                    }, null, 8
+                    /* PROPS */
+                    , ["modelValue", "min", "max"])]),
+                    _: 1
+                    /* STABLE */
+
+                  })]),
+                  _: 1
+                  /* STABLE */
+
+                })]),
+                _: 1
+                /* STABLE */
+
+              }, 8
+              /* PROPS */
+              , ["label"])]),
+              _: 1
+              /* STABLE */
+
+            }, 512
+            /* NEED_PATCH */
+            ), [[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, {
+              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, {
+                label: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(language).heightRatio
+              }, {
+                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, {
+                  style: {
+                    "display": "flex"
+                  }
+                }, {
+                  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, {
+                    span: 16
+                  }, {
+                    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, {
+                      modelValue: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).heightRatio,
+                      "onUpdate:modelValue": _cache[21] || (_cache[21] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).heightRatio = $event),
+                      step: 0.1,
+                      min: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).minHeightRatio,
+                      max: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).maxHeightRatio,
+                      onInput: _cache[22] || (_cache[22] = $event => paramsChanged('heightRatio'))
+                    }, null, 8
+                    /* PROPS */
+                    , ["modelValue", "step", "min", "max"])]),
+                    _: 1
+                    /* STABLE */
+
+                  }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_col, {
+                    span: 8
+                  }, {
+                    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, {
+                      modelValue: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).heightRatio,
+                      "onUpdate:modelValue": _cache[23] || (_cache[23] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).heightRatio = $event),
+                      min: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).minHeightRatio,
+                      max: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).maxHeightRatio,
+                      step: 0.1,
+                      onInput: _cache[24] || (_cache[24] = $event => paramsChanged('heightRatio')),
+                      "controls-position": "right"
+                    }, null, 8
+                    /* PROPS */
+                    , ["modelValue", "min", "max", "step"])]),
+                    _: 1
+                    /* STABLE */
+
+                  })]),
+                  _: 1
+                  /* STABLE */
+
+                })]),
+                _: 1
+                /* STABLE */
+
+              }, 8
+              /* PROPS */
+              , ["label"])]),
+              _: 1
+              /* STABLE */
+
+            }, 512
+            /* NEED_PATCH */
+            ), [[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, {
+              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, {
+                label: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(language).isShow
+              }, {
+                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, {
+                  style: {
+                    "display": "flex"
+                  }
+                }, {
+                  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, {
+                    style: {
+                      "text-align": "left"
+                    }
+                  }, {
+                    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, {
+                      modelValue: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).isShow,
+                      "onUpdate:modelValue": _cache[25] || (_cache[25] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).isShow = $event),
+                      onChange: _cache[26] || (_cache[26] = $event => paramsChanged('isShow'))
+                    }, null, 8
+                    /* PROPS */
+                    , ["modelValue"])]),
+                    _: 1
+                    /* STABLE */
+
+                  })]),
+                  _: 1
+                  /* STABLE */
+
+                })]),
+                _: 1
+                /* STABLE */
+
+              }, 8
+              /* PROPS */
+              , ["label"])]),
+              _: 1
+              /* STABLE */
+
+            }), (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, {
+              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, {
+                label: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(language).isGround
+              }, {
+                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, {
+                  style: {
+                    "display": "flex"
+                  }
+                }, {
+                  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, {
+                    style: {
+                      "text-align": "left"
+                    }
+                  }, {
+                    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, {
+                      modelValue: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).isGround,
+                      "onUpdate:modelValue": _cache[27] || (_cache[27] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).isGround = $event),
+                      onChange: _cache[28] || (_cache[28] = $event => paramsChanged('isGround'))
+                    }, null, 8
+                    /* PROPS */
+                    , ["modelValue"])]),
+                    _: 1
+                    /* STABLE */
+
+                  })]),
+                  _: 1
+                  /* STABLE */
+
+                })]),
+                _: 1
+                /* STABLE */
+
+              }, 8
+              /* PROPS */
+              , ["label"])]),
+              _: 1
+              /* STABLE */
+
+            }, 512
+            /* NEED_PATCH */
+            ), [[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, {
+              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, {
+                label: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(language).isFollowingPerspective
+              }, {
+                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, {
+                  style: {
+                    "display": "flex"
+                  }
+                }, {
+                  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, {
+                    style: {
+                      "text-align": "left"
+                    }
+                  }, {
+                    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, {
+                      modelValue: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).isFollowingPerspective,
+                      "onUpdate:modelValue": _cache[29] || (_cache[29] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).isFollowingPerspective = $event),
+                      onChange: _cache[30] || (_cache[30] = $event => paramsChanged('isFollowingPerspective'))
+                    }, null, 8
+                    /* PROPS */
+                    , ["modelValue"])]),
+                    _: 1
+                    /* STABLE */
+
+                  })]),
+                  _: 1
+                  /* STABLE */
+
+                })]),
+                _: 1
+                /* STABLE */
+
+              }, 8
+              /* PROPS */
+              , ["label"])]),
+              _: 1
+              /* STABLE */
+
+            }, 512
+            /* NEED_PATCH */
+            ), [[external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.vShow, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).heatmapType === '3D']])]),
+            _: 1
+            /* STABLE */
+
+          }, 8
+          /* PROPS */
+          , ["label-width"])]),
+          _: 1
+          /* STABLE */
+
+        }, 8
+        /* PROPS */
+        , ["title"])]),
+        _: 1
+        /* STABLE */
+
+      }, 8
+      /* PROPS */
+      , ["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, {
+        onClick: _cache[31] || (_cache[31] = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withModifiers)($event => startAnalysis(), ["stop"])),
+        title: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(language).heatmapLoad,
+        type: "primary"
+      }, {
+        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
+        /* TEXT */
+        )]),
+        _: 1
+        /* STABLE */
+
+      }, 8
+      /* PROPS */
+      , ["title"]), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_button, {
+        onClick: _cache[32] || (_cache[32] = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withModifiers)($event => clearResult(), ["stop"])),
+        title: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(language).clearResult
+      }, {
+        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
+        /* TEXT */
+        )]),
+        _: 1
+        /* STABLE */
+
+      }, 8
+      /* PROPS */
+      , ["title"])])])], 2
+      /* CLASS */
+      );
+    };
+  }
+
+}));
+;// CONCATENATED MODULE: ./src/webgl/heatmap3d/Heatmap3d.vue?vue&type=script&setup=true&lang=js
+ 
+;// CONCATENATED MODULE: ./src/webgl/heatmap3d/Heatmap3d.vue
+
+
+
+const Heatmap3d_exports_ = Heatmap3dvue_type_script_setup_true_lang_js;
+
+/* harmony default export */ var Heatmap3d = (Heatmap3d_exports_);
+;// CONCATENATED MODULE: ./src/webgl/heatmap3d/index.js
+
+
+
+
+Heatmap3d.install = (Vue, opts) => {
+  init_js_default()(Vue, opts);
+  Vue.component(Heatmap3d.name, Heatmap3d);
+};
+
+
+;// CONCATENATED MODULE: ./src/webgl/modelexcavate/ModelExcavateViewModel.js
+
+//模型开挖逻辑类
+
+class ModelExcavateViewModel {
+  //三维viewer对象
+  //Box裁剪存储参数对象
+  //绘制管理对象
+  //绘制完成监听事件
+  //Kq3dWallPrimitive
+  constructor(scenceView, options) {
+    _defineProperty(this, "_viewer", null);
+
+    _defineProperty(this, "_options", {});
+
+    _defineProperty(this, "_Kq3dTerrainExcavation", null);
+
+    _defineProperty(this, "_drawManager", null);
+
+    _defineProperty(this, "_removeEventListener", null);
+
+    _defineProperty(this, "_wallPrimitive", void 0);
+
+    _defineProperty(this, "entity0", null);
+
+    _defineProperty(this, "wall", null);
+
+    _defineProperty(this, "ratio", 0.01);
+
+    _defineProperty(this, "ii", 1);
+
+    _defineProperty(this, "scratchCartesian2", new window.Cesium.Cartesian3());
+
+    _defineProperty(this, "scratchCartesian3", new window.Cesium.Cartesian3());
+
+    _defineProperty(this, "scratchCartesian4", new window.Cesium.Cartesian3());
+
+    _defineProperty(this, "scratchCartesian5", new window.Cesium.Cartesian3());
+
+    _defineProperty(this, "scratchCartesian6", new window.Cesium.Cartesian3());
+
+    _defineProperty(this, "scratchCartesian7", new window.Cesium.Cartesian3());
+
+    _defineProperty(this, "intervalId", null);
+
+    _defineProperty(this, "tileset1", null);
+
+    _defineProperty(this, "g_flattenedPolygonTexture", null);
+
+    this._viewer = scenceView._viewer;
+    this._options = options;
+    this._drawManager = scenceView._drawManager;
+    this._viewer.scene.globe.depthTestAgainstTerrain = true; //开启深度检测
+
+    let kq3dFlattenning = new window.Cesium.Kq3dFlattenning(this._viewer, {});
+    this.g_flattenedPolygonTexture = kq3dFlattenning.createFlattenedPolygonTexture(); // this.tileset1 = this._viewer.scene.primitives.add(new Cesium.Cesium3DTileset({
+    //   url: "http://support.kqgeo.com:18700/SampleData/3DTiles/Oblique/tileset.json"
+    // }));
+    // this.tileset1.readyPromise.then(function (tileset) {
+    //   that._viewer.zoomTo(tileset);
+    // }).otherwise(function (error) {
+    //   console.log(error);
+    // });
+    // this.tileset1.enableFlattenning = true;
+    // this.tileset1.flattenDiscard = true;
+    // this.g_flattenedPolygonTexture.attachTileset(this.tileset1);
+
+    var that = this;
+    var models = this._viewer.scene.primitives._primitives;
+
+    for (let i = 0; i < models.length; i++) {
+      if (models[1] instanceof Cesium.Cesium3DTileset && models[i]._url) {
+        models[i].enableFlattenning = true;
+        models[i].flattenDiscard = true;
+        models[i].readyPromise.then(function (tileset) {
+          that.g_flattenedPolygonTexture.attachTileset(tileset);
+        });
+      }
+    }
+
+    this._removeEventListener = this._drawManager.drawFinishedEvent.addEventListener(shape => {
+      if (shape) {
+        that._options.positions = shape._controlPoints;
+
+        if (shape._controlPoints && shape._controlPoints.length > 3 || shape._controlPoints && shape._controlPoints.length == 3 && shape._controlPoints[2] != shape._controlPoints[0]) {
+          that.createDynamicExcavationEffect();
+        } else {
+          message({
+            message: "请至少绘制3个点!",
+            type: "warning"
+          });
+        }
+
+        that._drawManager.clear();
+      }
+    });
+  } // 创建开挖模型
+
+
+  createDynamicExcavationEffect() {
+    this._Kq3dTerrainExcavation && this._Kq3dTerrainExcavation.destroy();
+    this._Kq3dTerrainExcavation = new window.Cesium.Kq3dTerrainExcavation({
+      viewer: this._viewer,
+      height: this._options.height,
+      positions: this._options.positions,
+      hasWall: false
+    });
+
+    if (this._wallPrimitive) {
+      this._viewer.scene.primitives.remove(this._wallPrimitive);
+
+      this._wallPrimitive = undefined;
+    }
+
+    this._wallPrimitive = new window.Cesium.Kq3dWallPrimitive({
+      viewer: this._viewer,
+      height: this._options.height,
+      positions: this._options.positions,
+      elevationOnTerrain: false
+    });
+
+    this._viewer.scene.primitives.add(this._wallPrimitive);
+
+    let that = this;
+
+    this._wallPrimitive._readyEvent.addEventListener(function (eventType) {
+      if (eventType != "Ready") {
+        return;
+      }
+
+      that.g_flattenedPolygonTexture && that.g_flattenedPolygonTexture.removeAllFlattenedPolygon();
+      var myPolygon = window.Cesium.PolygonGeometry.fromPositions({
+        positions: that._options.positions,
+        height: window.Cesium.Cartographic.fromCartesian(that._options.positions[0]).height
+      });
+      that.g_flattenedPolygonTexture && that.g_flattenedPolygonTexture.addFlattenedPolygon(myPolygon); // that.intervalId = setInterval(function () {
+      //   if (that.ii > 100) {
+      //     if (that.entity0) {
+      //       that._viewer.scene.primitives.remove(that.entity0);
+      //       that.entity0 = undefined;
+      //     }
+      //     if (that.wall) {
+      //       that._viewer.scene.primitives.remove(that.wall);
+      //       that.wall = undefined;
+      //     }
+      //     clearInterval(that.intervalId);
+      //     that.ii = 0;
+      //     return;
+      //   }
+      //   var carto2 = window.Cesium.Cartesian3.lerp(that._options.positions[0], that._options.positions[3], that.ratio * that.ii, that.scratchCartesian2);
+      //   var carto3 = window.Cesium.Cartesian3.lerp(that._options.positions[1], that._options.positions[2], that.ratio * that.ii, that.scratchCartesian3);
+      //   if (that.entity0) {
+      //     that._viewer.scene.primitives.remove(that.entity0);
+      //     that.entity0 = undefined;
+      //   }
+      //   that.entity0 = that.createPolyline([carto2, carto3]);
+      //   that.ii++;
+      //   that.g_flattenedPolygonTexture.removeAllFlattenedPolygon();
+      //   var myPolygon = window.Cesium.PolygonGeometry.fromPositions({
+      //     positions: [that._options.positions[0], that._options.positions[1], carto3, carto2],
+      //     height: window.Cesium.Cartographic.fromCartesian(that._options.positions[0]).height
+      //   });
+      //   that.g_flattenedPolygonTexture.addFlattenedPolygon(myPolygon);
+      // }, 100);
+    });
+  }
+
+  createPolyline(positions) {
+    var material = window.Cesium.Material.fromType("Kq3dLightningMaterial", {});
+
+    if (this.wall) {
+      this._viewer.scene.primitives.remove(this.wall);
+
+      this.wall = undefined;
+    }
+
+    var geometryInstances = [];
+    geometryInstances.push(new window.Cesium.GeometryInstance({
+      geometry: new window.Cesium.WallGeometry({
+        positions: positions,
+        maximumHeights: [10, 10],
+        minimumHeights: [-10, -10],
+        vertexFormat: window.Cesium.VertexFormat.POSITION_NORMAL_AND_ST
+      })
+    }));
+    this.wall = new window.Cesium.Primitive({
+      geometryInstances: geometryInstances,
+      appearance: new window.Cesium.MaterialAppearance({
+        material: material
+      })
+    });
+
+    this._viewer.scene.primitives.add(this.wall);
+
+    var geo = new window.Cesium.GroundPolylineGeometry({
+      positions: positions,
+      width: 40.0,
+      vertexFormat: window.Cesium.PolylineMaterialAppearance.VERTEX_FORMAT
+    });
+    var primitive = new window.Cesium.GroundPolylinePrimitive({
+      asynchronous: false,
+      classificationType: window.Cesium.ClassificationType.BOTH,
+      geometryInstances: new window.Cesium.GeometryInstance({
+        geometry: geo
+      }),
+      appearance: new window.Cesium.PolylineMaterialAppearance({
+        material: material
+      })
+    });
+    return this._viewer.scene.primitives.add(primitive);
+  }
+
+  start() {
+    // 判断是否添加了模型
+    var flag = false;
+    var that = this;
+    var models = this._viewer.scene.primitives._primitives;
+
+    for (let i = 0; i < models.length; i++) {
+      if (models[i] instanceof Cesium.Cesium3DTileset && models[i]._url) {
+        // models[i].enableFlattenning = true;
+        // models[i].flattenDiscard = true;
+        // models[i].readyPromise.then(function (tileset) {
+        //   that.g_flattenedPolygonTexture.attachTileset(tileset);
+        // });
+        flag = true;
+      }
+    }
+
+    if (flag) {
+      this.remove();
+
+      this._drawManager.startDraw("polygon", {
+        clampToGround: true
+      });
+    } else {
+      message({
+        message: "请添加模型后绘制!",
+        type: "warning"
+      });
+    }
+  } // 切换高度重新计算
+
+
+  setHeight(val) {
+    this._options.height = Number(val);
+  }
+
+  remove() {
+    // 销毁地形开挖
+    if (this.intervalId) {
+      clearInterval(this.intervalId);
+      this.ii = 0;
+
+      if (this.entity0) {
+        this._viewer.scene.primitives.remove(this.entity0);
+
+        this.entity0 = undefined;
+      }
+
+      if (this.wall) {
+        this._viewer.scene.primitives.remove(this.wall);
+
+        this.wall = undefined;
+      }
+    }
+
+    if (this._wallPrimitive) {
+      this._viewer.scene.primitives.remove(this._wallPrimitive);
+
+      this._wallPrimitive = undefined;
+    }
+
+    this._Kq3dTerrainExcavation && this._Kq3dTerrainExcavation.destroy();
+    this.g_flattenedPolygonTexture && this.g_flattenedPolygonTexture.removeAllFlattenedPolygon();
+  } // 清除
+
+
+  clear() {
+    this._drawManager.stopDraw();
+
+    this.remove();
+  } //销毁
+
+
+  destroy() {
+    this.clear();
+    this.g_flattenedPolygonTexture && this.g_flattenedPolygonTexture.detachAllTileset();
+    this.g_flattenedPolygonTexture && this.g_flattenedPolygonTexture.destroy();
+  }
+
+}
+;// 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
+
+const ModelExcavatevue_type_script_setup_true_lang_js_hoisted_1 = {
+  class: "kq3d-model-excavate-box",
+  ref: "ref_box"
+};
+const ModelExcavatevue_type_script_setup_true_lang_js_hoisted_2 = {
+  class: "kq3d-model-excavate-span"
+};
+const ModelExcavatevue_type_script_setup_true_lang_js_hoisted_3 = {
+  class: "kq3d-model-excavate-footer"
+};
+
+
+
+
+
+ //语言
+
+const ModelExcavatevue_type_script_setup_true_lang_js_default_ = {
+  name: "Kq3dModelExcavate"
+};
+/* harmony default export */ var ModelExcavatevue_type_script_setup_true_lang_js = (/*#__PURE__*/Object.assign(ModelExcavatevue_type_script_setup_true_lang_js_default_, {
+  props: {
+    //指定组件绑定的viewer对象的div的id
+    mapTarget: String,
     // 设置参数
     settingParams: {
       type: Object
@@ -16804,21 +18719,18 @@ ModelFlat.install = (Vue, opts) => {
 };
 
 
-// EXTERNAL MODULE: ./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js
-var injectStylesIntoStyleTag = __webpack_require__(379);
-var injectStylesIntoStyleTag_default = /*#__PURE__*/__webpack_require__.n(injectStylesIntoStyleTag);
 // EXTERNAL MODULE: ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/webgl/sightlineanalysis/style/divpoint.scss
 var divpoint = __webpack_require__(868);
 ;// CONCATENATED MODULE: ./src/webgl/sightlineanalysis/style/divpoint.scss
 
             
 
-var options = {};
+var divpoint_options = {};
 
-options.insert = "head";
-options.singleton = false;
+divpoint_options.insert = "head";
+divpoint_options.singleton = false;
 
-var update = injectStylesIntoStyleTag_default()(divpoint/* default */.Z, options);
+var divpoint_update = injectStylesIntoStyleTag_default()(divpoint/* default */.Z, divpoint_options);
 
 
 
@@ -43298,6 +45210,9 @@ GeologicalBodyAnalysis.install = (Vue, opts) => {
  // 扫描线
 
 
+ // 热力图3d
+
+
  // 模型开挖
 
 
@@ -43409,7 +45324,8 @@ const webglComponents = {
   Kq3dModelExcavate: ModelExcavate,
   Kq3dModelFlat: ModelFlat,
   Kq3dSlopeAspectAnalysis: SlopeAspectAnalysis,
-  Kq3dSceneToHDImage: SceneToHDImage
+  Kq3dSceneToHDImage: SceneToHDImage,
+  Kq3dHeatmap: Heatmap3d
 }; // 全局引入
 
 const install = function (Vue, opts = {}) {