@kq_npm/client3d_webgl_vue 4.5.29-beta → 4.5.31

package/heatmap3d/index.js

@@ -2,19 +2,18 @@
 	if(typeof exports === 'object' && typeof module === 'object')
 		module.exports = factory(require("vue"), require("@kq_npm/client_common_vue/_utils/gis-utils"), require("@kq_npm/client_common_vue/_utils/util"), require("@kq_npm/client_common_vue/init.js"));
 	else if(typeof define === 'function' && define.amd)
-		define(["vue", "@kq_npm/client_common_vue/_utils/gis-utils", "@kq_npm/client_common_vue/_utils/util", "@kq_npm/client_common_vue/init.js"], factory);
-	else {
-		var a = typeof exports === 'object' ? factory(require("vue"), require("@kq_npm/client_common_vue/_utils/gis-utils"), require("@kq_npm/client_common_vue/_utils/util"), require("@kq_npm/client_common_vue/init.js")) : factory(root["Vue"], root["@kq_npm/client_common_vue/_utils/gis-utils"], root["@kq_npm/client_common_vue/_utils/util"], root["@kq_npm/client_common_vue/init.js"]);
-		for(var i in a) (typeof exports === 'object' ? exports : root)[i] = a[i];
-	}
+		define("@kq_npm/client3d_webgl_vue", ["vue", "@kq_npm/client_common_vue/_utils/gis-utils", "@kq_npm/client_common_vue/_utils/util", "@kq_npm/client_common_vue/init.js"], factory);
+	else if(typeof exports === 'object')
+		exports["@kq_npm/client3d_webgl_vue"] = factory(require("vue"), require("@kq_npm/client_common_vue/_utils/gis-utils"), require("@kq_npm/client_common_vue/_utils/util"), require("@kq_npm/client_common_vue/init.js"));
+	else
+		root["@kq_npm/client3d_webgl_vue"] = factory(root["Vue"], root["@kq_npm/client_common_vue/_utils/gis-utils"], root["@kq_npm/client_common_vue/_utils/util"], root["@kq_npm/client_common_vue/init.js"]);
 })(this, function(__WEBPACK_EXTERNAL_MODULE__1895__, __WEBPACK_EXTERNAL_MODULE__7135__, __WEBPACK_EXTERNAL_MODULE__3458__, __WEBPACK_EXTERNAL_MODULE__7997__) {
 return /******/ (function() { // webpackBootstrap
 /******/ 	"use strict";
 /******/ 	var __webpack_modules__ = ({
 
 /***/ 7705:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
+/***/ (function(module) {
 
 
 /*
@@ -23,43 +22,51 @@ return /******/ (function() { // webpackBootstrap
 */
 // css base code, injected by the css-loader
 // eslint-disable-next-line func-names
-__webpack_require__(2118);
-__webpack_require__(2170);
+
 module.exports = function (cssWithMappingToString) {
   var list = []; // return the list of modules as css string
 
   list.toString = function toString() {
     return this.map(function (item) {
       var content = cssWithMappingToString(item);
+
       if (item[2]) {
         return "@media ".concat(item[2], " {").concat(content, "}");
       }
+
       return content;
     }).join("");
   }; // import a list of modules into the list
   // eslint-disable-next-line func-names
 
+
   list.i = function (modules, mediaQuery, dedupe) {
     if (typeof modules === "string") {
       // eslint-disable-next-line no-param-reassign
       modules = [[null, modules, ""]];
     }
+
     var alreadyImportedModules = {};
+
     if (dedupe) {
       for (var i = 0; i < this.length; i++) {
         // eslint-disable-next-line prefer-destructuring
         var id = this[i][0];
+
         if (id != null) {
           alreadyImportedModules[id] = true;
         }
       }
     }
+
     for (var _i = 0; _i < modules.length; _i++) {
       var item = [].concat(modules[_i]);
+
       if (dedupe && alreadyImportedModules[item[0]]) {
         // eslint-disable-next-line no-continue
         continue;
       }
+
       if (mediaQuery) {
         if (!item[2]) {
           item[2] = mediaQuery;
@@ -67,9 +74,11 @@ module.exports = function (cssWithMappingToString) {
           item[2] = "".concat(mediaQuery, " and ").concat(item[2]);
         }
       }
+
       list.push(item);
     }
   };
+
   return list;
 };
 
@@ -83,14 +92,16 @@ var __webpack_unused_export__;
 
 __webpack_unused_export__ = ({
   value: true
-});
-// runtime helper for setting properties on components
+}); // 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;
 };
 
@@ -109,15 +120,17 @@ exports.Z = (sfc, props) => {
  */
 
 
+
 element_plus_dist_index_full_js__WEBPACK_IMPORTED_MODULE_0__.ElMessage.install = (Vue, opts) => {
   _init__WEBPACK_IMPORTED_MODULE_1___default()(Vue, opts);
   Vue.component("KqMessage", element_plus_dist_index_full_js__WEBPACK_IMPORTED_MODULE_0__.ElMessage);
 };
+
 /* harmony default export */ __webpack_exports__["Z"] = (element_plus_dist_index_full_js__WEBPACK_IMPORTED_MODULE_0__.ElMessage);
 
 /***/ }),
 
-/***/ 4098:
+/***/ 8764:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 /* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(7705);
@@ -133,7 +146,7 @@ ___CSS_LOADER_EXPORT___.push([module.id, ".gp[data-v-b1608504]{display:flex;flex
 
 /***/ }),
 
-/***/ 5757:
+/***/ 5445:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 /* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(7705);
@@ -438,59 +451,10 @@ module.exports = require("@kq_npm/client_icons_vue");
 
 /***/ }),
 
-/***/ 2118:
-/***/ (function(module) {
-
-module.exports = require("core-js/modules/es.array.push.js");
-
-/***/ }),
-
-/***/ 8470:
-/***/ (function(module) {
-
-module.exports = require("core-js/modules/esnext.iterator.constructor.js");
-
-/***/ }),
-
-/***/ 2753:
-/***/ (function(module) {
-
-module.exports = require("core-js/modules/esnext.iterator.filter.js");
-
-/***/ }),
-
-/***/ 1058:
+/***/ 3600:
 /***/ (function(module) {
 
-module.exports = require("core-js/modules/esnext.iterator.for-each.js");
-
-/***/ }),
-
-/***/ 2170:
-/***/ (function(module) {
-
-module.exports = require("core-js/modules/esnext.iterator.map.js");
-
-/***/ }),
-
-/***/ 4360:
-/***/ (function(module) {
-
-module.exports = require("core-js/modules/web.url-search-params.delete.js");
-
-/***/ }),
-
-/***/ 8824:
-/***/ (function(module) {
-
-module.exports = require("core-js/modules/web.url-search-params.has.js");
-
-/***/ }),
-
-/***/ 2936:
-/***/ (function(module) {
-
-module.exports = require("core-js/modules/web.url-search-params.size.js");
+module.exports = require("core-js/modules/es.array.includes.js");
 
 /***/ }),
 
@@ -536,59 +500,27 @@ module.exports = __WEBPACK_EXTERNAL_MODULE__1895__;
 
 /***/ }),
 
-/***/ 5301:
+/***/ 8270:
 /***/ (function(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
-
-// EXPORTS
-__webpack_require__.d(__webpack_exports__, {
-  "Z": function() { return /* binding */ _defineProperty; }
-});
-
-;// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/typeof.js
-function _typeof(o) {
-  "@babel/helpers - typeof";
-
-  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) {
-    return typeof o;
-  } : function (o) {
-    return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
-  }, _typeof(o);
-}
-
-;// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/toPrimitive.js
-
-function toPrimitive(t, r) {
-  if ("object" != _typeof(t) || !t) return t;
-  var e = t[Symbol.toPrimitive];
-  if (void 0 !== e) {
-    var i = e.call(t, r || "default");
-    if ("object" != _typeof(i)) return i;
-    throw new TypeError("@@toPrimitive must return a primitive value.");
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "Z": function() { return /* binding */ _defineProperty; }
+/* harmony export */ });
+function _defineProperty(obj, key, value) {
+  if (key in obj) {
+    Object.defineProperty(obj, key, {
+      value: value,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+  } else {
+    obj[key] = value;
   }
-  return ("string" === r ? String : Number)(t);
-}
-
-;// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/toPropertyKey.js
 
-
-function toPropertyKey(t) {
-  var i = toPrimitive(t, "string");
-  return "symbol" == _typeof(i) ? i : i + "";
+  return obj;
 }
 
-;// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/defineProperty.js
-
-function _defineProperty(e, r, t) {
-  return (r = toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
-    value: t,
-    enumerable: !0,
-    configurable: !0,
-    writable: !0
-  }) : e[r] = t, e;
-}
-
-
 /***/ })
 
 /******/ 	});
@@ -676,32 +608,21 @@ __webpack_require__.d(__webpack_exports__, {
   "default": function() { return /* reexport */ Heatmap3d; }
 });
 
-// EXTERNAL MODULE: external "core-js/modules/es.array.push.js"
-var es_array_push_js_ = __webpack_require__(2118);
-// EXTERNAL MODULE: external "core-js/modules/esnext.iterator.constructor.js"
-var esnext_iterator_constructor_js_ = __webpack_require__(8470);
-// EXTERNAL MODULE: external "core-js/modules/esnext.iterator.filter.js"
-var esnext_iterator_filter_js_ = __webpack_require__(2753);
-// EXTERNAL MODULE: external "core-js/modules/esnext.iterator.for-each.js"
-var esnext_iterator_for_each_js_ = __webpack_require__(1058);
-// EXTERNAL MODULE: external "core-js/modules/web.url-search-params.delete.js"
-var web_url_search_params_delete_js_ = __webpack_require__(4360);
-// EXTERNAL MODULE: external "core-js/modules/web.url-search-params.has.js"
-var web_url_search_params_has_js_ = __webpack_require__(8824);
-// EXTERNAL MODULE: external "core-js/modules/web.url-search-params.size.js"
-var web_url_search_params_size_js_ = __webpack_require__(2936);
+// EXTERNAL MODULE: external "core-js/modules/es.array.includes.js"
+var es_array_includes_js_ = __webpack_require__(3600);
 // EXTERNAL MODULE: external {"root":"Vue","commonjs":"vue","commonjs2":"vue","amd":"vue"}
 var external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_ = __webpack_require__(1895);
 // EXTERNAL MODULE: external "@kq_npm/client_common_vue/_utils/gis-utils"
 var gis_utils_ = __webpack_require__(7135);
 // EXTERNAL MODULE: external "@kq_npm/client_common_vue/_utils/util"
 var util_ = __webpack_require__(3458);
-// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/defineProperty.js + 3 modules
-var defineProperty = __webpack_require__(5301);
+// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/defineProperty.js
+var defineProperty = __webpack_require__(8270);
 // EXTERNAL MODULE: ./src/common/_ui/message/index.js
 var message = __webpack_require__(1349);
 ;// CONCATENATED MODULE: ./src/webgl/heatmap3d/Heatmap3dViewModel.js
 
+
 /*
  * Copyright (C) 2019 KQ GEO Technologies Co., Ltd.
  * All rights reserved.
@@ -712,18 +633,27 @@ var message = __webpack_require__(1349);
 class Heatmap3dViewModel {
   constructor(scenceView, options) {
     (0,defineProperty/* default */.Z)(this, "_viewer", null);
+
     (0,defineProperty/* default */.Z)(this, "_options", null);
+
     (0,defineProperty/* default */.Z)(this, "_heatmap", null);
+
     (0,defineProperty/* default */.Z)(this, "_mouseLabel", null);
+
     (0,defineProperty/* default */.Z)(this, "language", null);
+
     (0,defineProperty/* default */.Z)(this, "_heatmap2d", null);
+
     (0,defineProperty/* default */.Z)(this, "_heatmap2dCountLayer", null);
+
     (0,defineProperty/* default */.Z)(this, "heatmapData", null);
+
     (0,defineProperty/* default */.Z)(this, "_heatmapHandler", null);
+
     this._viewer = scenceView._viewer;
     this._options = options;
-    this._viewer.scene.globe.depthTestAgainstTerrain = true;
-    // 地图标注对象
+    this._viewer.scene.globe.depthTestAgainstTerrain = true; // 地图标注对象
+
     this._mouseLabel = new Cesium.Kq3dHtmlTag(this._viewer, {
       position: new Cesium.Cartesian3(0, 0, 0),
       html: `<div>
@@ -739,20 +669,23 @@ class Heatmap3dViewModel {
       anchor: [0, -138],
       noEvent: true,
       visible: false
-    });
-    // 地图拾取事件，交互展示
+    }); // 地图拾取事件，交互展示
+
     let that = this;
     this._heatmapHandler = new window.Cesium.ScreenSpaceEventHandler(this._viewer.canvas);
+
     this._heatmapHandler.setInputAction(function (movement) {
       var worldPosition = that._viewer.scene.pickPosition(movement.position);
+
       if (worldPosition) {
         if (!that._heatmap && !that._heatmap2d) return;
         if (!that._options.isShow) return;
         that._mouseLabel.position = worldPosition;
         var lonlat = Cesium.Cartographic.fromCartesian(worldPosition);
         var lon = Cesium.Math.toDegrees(lonlat.longitude),
-          lat = Cesium.Math.toDegrees(lonlat.latitude);
+            lat = Cesium.Math.toDegrees(lonlat.latitude);
         var val = 0;
+
         if (that._options.heatmapType == "3D") {
           val = String(that._heatmap.getValueAt({
             lng: lon,
@@ -764,14 +697,17 @@ class Heatmap3dViewModel {
             lat: lat
           }));
         }
+
         (0,util_.setInnerHtml)(document.getElementById('mouse_lonlat'), `<p>${that.language['longitude'] || "longitude"}：${lon.toFixed(5)}</p><p>${that.language['latitude'] || "latitude"}：${lat.toFixed(5)}</p><p>${that.language['heatValue'] || "value"}：${val}</p>`);
+
         that._mouseLabel.setVisible(true);
       } else {
         that._mouseLabel.setVisible(false);
       }
     }, Cesium.ScreenSpaceEventType.LEFT_CLICK);
-  }
-  // 创建三维热力图对象
+  } // 创建三维热力图对象
+
+
   initHeatmap3d(heatmapData) {
     this._heatmap = new Cesium.Kq3dHeatmap3D({
       xField: 'lng',
@@ -787,8 +723,11 @@ class Heatmap3dViewModel {
       show: this._options.heatmapType == "3D" ? this._options.isShow : false
     });
     if (this._options.gradient) this._heatmap.gradient = this._options.gradient;
+
     this._viewer.scene.primitives.add(this._heatmap);
+
     this._heatmap && this._heatmap.setData(heatmapData);
+
     if (this._heatmap) {
       this._heatmap.readyPromise.then(() => {
         this._viewer.camera.flyTo({
@@ -796,8 +735,9 @@ class Heatmap3dViewModel {
         });
       });
     }
-  }
-  // 创建二维热力图对象
+  } // 创建二维热力图对象
+
+
   initHeatmap2d(heatmapData) {
     this._heatmap2d = new Cesium.Kq3dHeatmap2D({
       xField: 'lng',
@@ -809,7 +749,9 @@ class Heatmap3dViewModel {
       blur: 1.0,
       gradient: this._options.gradient
     });
+
     this._heatmap2d.setData(heatmapData);
+
     let extent = this._heatmap2d.extent;
     let pv = new Cesium.SingleTileImageryProvider({
       url: this._heatmap2d.toDataURL(),
@@ -819,12 +761,15 @@ class Heatmap3dViewModel {
       alpha: this._options.transparents,
       show: this._options.heatmapType == "2D" ? this._options.isShow : false
     });
+
     this._viewer.imageryLayers.add(this._heatmap2dCountLayer);
+
     this._viewer.camera.flyTo({
       destination: Cesium.Rectangle.fromDegrees(extent[0], extent[1], extent[2], extent[3])
     });
-  }
-  // 切换二维数据
+  } // 切换二维数据
+
+
   changeHeatmap2d() {
     if (this._options.gradient) this._heatmap2d.gradient = this._options.gradient;
     if (this._options.radius) this._heatmap2d.radius = this._options.radius;
@@ -838,22 +783,27 @@ class Heatmap3dViewModel {
       alpha: this._options.transparents,
       show: this._options.heatmapType == "2D" ? true : false
     });
+
     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;
@@ -865,60 +815,87 @@ class Heatmap3dViewModel {
           this._heatmap.show = false;
           this._heatmap2dCountLayer.show = this._options.isShow;
         }
+
         break;
+
       case "radius":
         this._mouseLabel.setVisible(false);
+
         this._heatmap[key] = Number(val);
+
         if (this._heatmap.dynamic) {
           this._heatmap.dynamic = false;
         }
+
         this.changeHeatmap2d();
         break;
+
       case "height":
         this._mouseLabel.setVisible(false);
+
         this._heatmap[key] = Number(val);
+
         if (this._heatmap.dynamic) {
           this._heatmap.dynamic = false;
         }
+
         break;
+
       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);
@@ -930,23 +907,31 @@ class Heatmap3dViewModel {
       });
       return;
     }
-  }
-  //清除全部结果
+  } //清除全部结果
+
+
   clear() {
     this._mouseLabel.setVisible(false);
+
     if (this._heatmap) {
       this._viewer.scene.primitives.remove(this._heatmap);
+
       this._heatmap = null;
     }
+
     if (this._heatmap2d) this._heatmap2d = null;
     if (this._heatmap2dCountLayer) this._viewer.imageryLayers.remove(this._heatmap2dCountLayer, true);
-  }
-  //销毁
+  } //销毁
+
+
   destroy() {
     this.clear();
+
     this._mouseLabel.destroy();
+
     this._heatmapHandler && this._heatmapHandler.destroy();
   }
+
 }
 // EXTERNAL MODULE: external "@element-plus/icons-vue"
 var icons_vue_ = __webpack_require__(8422);
@@ -954,24 +939,29 @@ var icons_vue_ = __webpack_require__(8422);
 var client_icons_vue_ = __webpack_require__(348);
 // EXTERNAL MODULE: external "vue-i18n/dist/vue-i18n.cjs.js"
 var vue_i18n_cjs_js_ = __webpack_require__(7080);
-;// 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
+;// CONCATENATED MODULE: ./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/webgl/heatmap3d/CustomColorPickerSlider.vue?vue&type=script&setup=true&lang=js
+
 
 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 _hoisted_1 = /*#__PURE__*/_withScopeId(() => /*#__PURE__*/(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementVNode)("div", {
   class: "arrow"
-}, null, -1 /* HOISTED */));
+}, null, -1
+/* HOISTED */
+));
+
 
 const rangeMin = -5;
 /* 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;
+    const props = __props; // eslint-disable-next-line vue/no-setup-props-destructure
 
-    // 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 rangeMax = props.width - 5;
@@ -980,27 +970,25 @@ const rangeMin = -5;
 
     let offsetX = 0;
     let isDragging = false; // 是否拖动
+
     let mouseDownX = 0; // 通过拖动的距离，判断是拖动还是点击
 
     function handleMouseDown(event) {
       isDragging = true;
       offsetX = event.clientX - position.value;
-      mouseDownX = event.clientX;
+      mouseDownX = event.clientX; // 监听mousemove、mouseup事件 注意是在document上监听
 
-      // 监听mousemove、mouseup事件 注意是在document上监听
       document.addEventListener("mousemove", handleMouseMove);
-      document.addEventListener("mouseup", handleMouseUp);
+      document.addEventListener("mouseup", handleMouseUp); // 阻止了默认行为，防止出现not-allowed的光标
 
-      // 阻止了默认行为，防止出现not-allowed的光标
       event.preventDefault();
-    }
+    } // 处理MouseMove
+
 
-    // 处理MouseMove
     function handleMouseMove(event) {
       if (isDragging) {
-        position.value = Math.min(Math.max(event.clientX - offsetX, rangeMin), rangeMax);
+        position.value = Math.min(Math.max(event.clientX - offsetX, rangeMin), rangeMax); // 拖动的过程中，不断改变percentage
 
-        // 拖动的过程中，不断改变percentage
         const percentage = (position.value + Math.abs(rangeMin)) / (rangeMax - rangeMin) * 100;
         emit("updatePercentage", {
           percentage: percentage,
@@ -1008,16 +996,16 @@ const rangeMin = -5;
         });
       }
     }
+
     function handleMouseUp(event) {
       if (isDragging) {
-        isDragging = false;
+        isDragging = false; // 移除mousemove、mouseup的事件监听
 
-        // 移除mousemove、mouseup的事件监听
         document.removeEventListener("mousemove", handleMouseMove);
         document.removeEventListener("mouseup", handleMouseUp);
-      }
+      } // 判断是否拖动模式
+
 
-      // 判断是否拖动模式
       if (Math.abs(event.clientX - mouseDownX) > 2) {
         // 是拖动模式 禁止colorPicker组件弹出
         disabled.value = true;
@@ -1026,6 +1014,7 @@ const rangeMin = -5;
         }, 100);
       }
     }
+
     function updateColor(color) {
       initColor.value = color;
       emit("updateColor", {
@@ -1033,17 +1022,21 @@ const rangeMin = -5;
         id: initId
       });
     }
+
     function deleteColorSlider() {
       emit("deleteColorSlider", {
         id: initId
       });
     }
+
     function handleClick(event) {
       // 阻止滑块上的点击事件冒泡
       event.stopPropagation();
     }
+
     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)({
@@ -1056,21 +1049,26 @@ const rangeMin = -5;
         "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", {
+      }, 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 */);
+      }, "x")], 36
+      /* STYLE, HYDRATE_EVENTS */
+      );
     };
   }
+
 });
 ;// 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__(3379);
 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__(5757);
-;// 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
+// 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].use[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__(5445);
+;// 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].use[0]!./src/webgl/heatmap3d/CustomColorPickerSlider.vue?vue&type=style&index=0&id=c771bfde&scoped=true&lang=scss
 
             
 
@@ -1098,10 +1096,11 @@ var exportHelper = __webpack_require__(6021);
 const __exports__ = /*#__PURE__*/(0,exportHelper/* default */.Z)(CustomColorPickerSlidervue_type_script_setup_true_lang_js, [['__scopeId',"data-v-c771bfde"]])
 
 /* harmony default export */ var 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
+;// CONCATENATED MODULE: ./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[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"
 };
@@ -1113,99 +1112,107 @@ const width = 257;
   __name: 'CustomColorPicker',
   props: ["data"],
   emits: ["color-changed"],
+
   setup(__props, {
     emit
   }) {
-    const props = __props;
+    const props = __props; // 宽度
 
-    // 宽度
     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());
+    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}%`);
       }
+
       return `background-image: linear-gradient(90deg, ${style.toString()})`;
-    }
+    } // 更新颜色百分比
+
 
-    // 更新颜色百分比
     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;
       }
+
       const {
         id
       } = args;
+
       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);
     }
+
     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", {
+      }, 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 => {
@@ -1218,16 +1225,21 @@ const width = 257;
           onUpdatePercentage: updatePercentage,
           onUpdateColor: updateColor,
           onDeleteColorSlider: deleteColorSlider
-        }, null, 8 /* PROPS */, ["color", "id", "percentage"]);
-      }), 128 /* KEYED_FRAGMENT */))])]);
+        }, 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__(4098);
-;// 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
+// 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].use[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__(8764);
+;// 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].use[0]!./src/webgl/heatmap3d/CustomColorPicker.vue?vue&type=style&index=0&id=b1608504&scoped=true&lang=scss
 
             
 
@@ -1253,13 +1265,7 @@ var CustomColorPickervue_type_style_index_0_id_b1608504_scoped_true_lang_scss_up
 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
-
-
-
-
-
-
+;// CONCATENATED MODULE: ./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/webgl/heatmap3d/Heatmap3d.vue?vue&type=script&setup=true&lang=js
 
 
 const Heatmap3dvue_type_script_setup_true_lang_js_hoisted_1 = {
@@ -1298,6 +1304,7 @@ const __default__ = {
       type: Boolean,
       default: true
     },
+
     /**
      * 例："center","topLeft","topRight","bottomLeft","bottomRight", "topCenter", "bottomCenter" {top:'16px',left:'16px'}, {top:16,left:16}
      */
@@ -1327,6 +1334,7 @@ const __default__ = {
       default: true
     }
   },
+
   setup(__props, {
     expose: __expose
   }) {
@@ -1336,8 +1344,7 @@ const __default__ = {
     } = (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)(proxy.$i18n.global.messages[proxy.$i18n.global.locale]["webgl"]);
-    let weightFields = (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)({
       collapseValue: props.settingParams && props.settingParams.collapseValue || ((props.settingParams && props.settingParams.collapseValue) == '' ? "" : "setting"),
@@ -1375,17 +1382,15 @@ const __default__ = {
       colorMode: props.settingParams && props.settingParams.colorMode || 1,
       // 1:预设 2：自定义
       colorRamp: props.settingParams && props.settingParams.colorRamp || 0 //色带索引，0-16
+
     });
-    let viewModel = null;
+    let viewModel = null; // 组件容器Ref
 
-    // 组件容器Ref
-    let boxRef = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)(null);
+    let boxRef = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)(null); // 生成组件默认header
 
-    // 生成组件默认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 headerTempRef = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)(); // 国际化
 
-    // 国际化
     let {
       locale,
       messages
@@ -1410,11 +1415,13 @@ const __default__ = {
       });
       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; // 触发赋值
@@ -1422,37 +1429,43 @@ const __default__ = {
         }
       });
     });
-
     /**
      * @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 => {
@@ -1465,6 +1478,7 @@ const __default__ = {
               });
               return;
             }
+
             let heatmapArr = [];
             let bigArray = [];
             res.features.forEach(element => {
@@ -1481,11 +1495,11 @@ const __default__ = {
               });
             });
             let commonArr = commonValues(bigArray);
-            weightFields.value = [language.value.noSet].concat(commonArr);
-            // if (!formItem.valueField) {
+            weightFields.value = [language.value.noSet].concat(commonArr); // if (!formItem.valueField) {
             //   formItem.valueField = commonArr[0];
             //   paramsChanged("valueField");
             // }
+
             if (viewModel) {
               viewModel.heatmapData = heatmapArr;
               viewModel.start();
@@ -1498,13 +1512,6 @@ const __default__ = {
             });
             return;
           }
-        }).otherwise(ret => {
-          (0,message/* default */.Z)({
-            message: language.value.dataParsingMessage + "！",
-            type: "error",
-            duration: 2000
-          });
-          return;
         });
       } else {
         (0,message/* default */.Z)({
@@ -1515,49 +1522,61 @@ const __default__ = {
         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 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() {
@@ -1567,14 +1586,19 @@ const __default__ = {
         } else {
           onChangeColorRamp();
         }
+
         return heatColor.value;
       },
+
       set(value) {
         viewModel && viewModel.setColorArray(value);
       }
+
     });
-    function getHeatColor() {}
-    // 重组颜色渲染对象
+
+    function getHeatColor() {} // 重组颜色渲染对象
+
+
     function regroupColors() {
       let obj = {};
       customColors.value.forEach(element => {
@@ -1582,25 +1606,30 @@ const __default__ = {
       });
       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)(),
@@ -1608,58 +1637,86 @@ const __default__ = {
           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
@@ -1670,15 +1727,21 @@ const __default__ = {
         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, {
+      }, 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, {
         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: 7,
           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", _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 */
+          default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementVNode)("span", _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: 17
         }, {
@@ -1699,17 +1762,31 @@ const __default__ = {
                   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_.IconFolder2))]),
-                  _: 1 /* STABLE */
+                  _: 1
+                  /* STABLE */
+
                 })]),
-                _: 1 /* STABLE */
+                _: 1
+                /* STABLE */
+
               })]),
-              _: 1 /* STABLE */
+              _: 1
+              /* STABLE */
+
             })]),
-            _: 1 /* STABLE */
-          }, 8 /* PROPS */, ["modelValue", "placeholder"])]),
-          _: 1 /* STABLE */
+            _: 1
+            /* STABLE */
+
+          }, 8
+          /* PROPS */
+          , ["modelValue", "placeholder"])]),
+          _: 1
+          /* STABLE */
+
         })]),
-        _: 1 /* STABLE */
+        _: 1
+        /* STABLE */
+
       }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_row, {
         class: "rowClass"
       }, {
@@ -1717,8 +1794,12 @@ const __default__ = {
           span: 7,
           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", _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 */
+          default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementVNode)("span", _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: 17
         }, {
@@ -1730,25 +1811,43 @@ const __default__ = {
               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)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.toDisplayString)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(language).classic3d), 1 /* TEXT */)]),
-              _: 1 /* STABLE */
+              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).classic3d), 1
+              /* TEXT */
+              )]),
+              _: 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 */
+
             })]),
-            _: 1 /* STABLE */
-          }, 8 /* PROPS */, ["modelValue"])]),
-          _: 1 /* STABLE */
+            _: 1
+            /* STABLE */
+
+          }, 8
+          /* PROPS */
+          , ["modelValue"])]),
+          _: 1
+          /* STABLE */
+
         })]),
-        _: 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 */
+        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)(formItem).collapseValue,
         class: "kq3d-heatmap-collapse"
@@ -1778,13 +1877,27 @@ const __default__ = {
                       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 */
+                    }, 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
@@ -1802,23 +1915,45 @@ const __default__ = {
                       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 */
+                        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 */
+                        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 */
+
+                    }, 8
+                    /* PROPS */
+                    , ["modelValue"])]),
+                    _: 1
+                    /* STABLE */
+
                   })]),
-                  _: 1 /* STABLE */
+                  _: 1
+                  /* STABLE */
+
                 })]),
-                _: 1 /* STABLE */
-              }, 8 /* PROPS */, ["label"])]),
-              _: 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
             }, {
@@ -1844,7 +1979,9 @@ const __default__ = {
                       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 */)]),
+                      }, 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",
@@ -1854,25 +1991,51 @@ const __default__ = {
                           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, {
+                          }, 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_.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 */
+                            _: 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 */
+
                 })]),
-                _: 1 /* STABLE */
-              }, 8 /* PROPS */, ["label"])]),
-              _: 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
             }, {
@@ -1888,14 +2051,26 @@ const __default__ = {
                     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: customColors.value,
                       onColorChanged: colorChanged
-                    }, null, 8 /* PROPS */, ["data"])]),
-                    _: 1 /* STABLE */
+                    }, null, 8
+                    /* PROPS */
+                    , ["data"])]),
+                    _: 1
+                    /* STABLE */
+
                   })]),
-                  _: 1 /* STABLE */
+                  _: 1
+                  /* STABLE */
+
                 })]),
-                _: 1 /* STABLE */
-              }, 8 /* PROPS */, ["label"])]),
-              _: 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)'
@@ -1915,8 +2090,12 @@ const __default__ = {
                       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,
                       onChange: _cache[10] || (_cache[10] = $event => paramsChanged('radius'))
-                    }, null, 8 /* PROPS */, ["modelValue", "step", "min", "max"])]),
-                    _: 1 /* STABLE */
+                    }, 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
                   }, {
@@ -1928,14 +2107,26 @@ const __default__ = {
                       step: 0.1,
                       onChange: _cache[12] || (_cache[12] = $event => paramsChanged('radius')),
                       "controls-position": "right"
-                    }, null, 8 /* PROPS */, ["modelValue", "min", "max", "step"])]),
-                    _: 1 /* STABLE */
+                    }, null, 8
+                    /* PROPS */
+                    , ["modelValue", "min", "max", "step"])]),
+                    _: 1
+                    /* STABLE */
+
                   })]),
-                  _: 1 /* STABLE */
+                  _: 1
+                  /* STABLE */
+
                 })]),
-                _: 1 /* STABLE */
-              }, 8 /* PROPS */, ["label"])]),
-              _: 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
@@ -1955,8 +2146,12 @@ const __default__ = {
                       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,
                       onChange: _cache[14] || (_cache[14] = $event => paramsChanged('transparents'))
-                    }, null, 8 /* PROPS */, ["modelValue", "step", "min", "max"])]),
-                    _: 1 /* STABLE */
+                    }, 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
                   }, {
@@ -1968,14 +2163,26 @@ const __default__ = {
                       step: 0.01,
                       onChange: _cache[16] || (_cache[16] = $event => paramsChanged('transparents')),
                       "controls-position": "right"
-                    }, null, 8 /* PROPS */, ["modelValue", "min", "max", "step"])]),
-                    _: 1 /* STABLE */
+                    }, null, 8
+                    /* PROPS */
+                    , ["modelValue", "min", "max", "step"])]),
+                    _: 1
+                    /* STABLE */
+
                   })]),
-                  _: 1 /* STABLE */
+                  _: 1
+                  /* STABLE */
+
                 })]),
-                _: 1 /* STABLE */
-              }, 8 /* PROPS */, ["label"])]),
-              _: 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 + '(m)'
@@ -1995,8 +2202,12 @@ const __default__ = {
                       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,
                       onChange: _cache[18] || (_cache[18] = $event => paramsChanged('height'))
-                    }, null, 8 /* PROPS */, ["modelValue", "min", "max"])]),
-                    _: 1 /* STABLE */
+                    }, null, 8
+                    /* PROPS */
+                    , ["modelValue", "min", "max"])]),
+                    _: 1
+                    /* STABLE */
+
                   }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_col, {
                     span: 8
                   }, {
@@ -2008,15 +2219,29 @@ const __default__ = {
                       step: 1,
                       onChange: _cache[20] || (_cache[20] = $event => paramsChanged('height')),
                       "controls-position": "right"
-                    }, null, 8 /* PROPS */, ["modelValue", "min", "max"])]),
-                    _: 1 /* STABLE */
+                    }, null, 8
+                    /* PROPS */
+                    , ["modelValue", "min", "max"])]),
+                    _: 1
+                    /* STABLE */
+
                   })]),
-                  _: 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, {
+                _: 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
               }, {
@@ -2035,8 +2260,12 @@ const __default__ = {
                       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,
                       onChange: _cache[22] || (_cache[22] = $event => paramsChanged('heightRatio'))
-                    }, null, 8 /* PROPS */, ["modelValue", "step", "min", "max"])]),
-                    _: 1 /* STABLE */
+                    }, 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
                   }, {
@@ -2048,15 +2277,29 @@ const __default__ = {
                       step: 0.1,
                       onChange: _cache[24] || (_cache[24] = $event => paramsChanged('heightRatio')),
                       "controls-position": "right"
-                    }, null, 8 /* PROPS */, ["modelValue", "min", "max", "step"])]),
-                    _: 1 /* STABLE */
+                    }, null, 8
+                    /* PROPS */
+                    , ["modelValue", "min", "max", "step"])]),
+                    _: 1
+                    /* STABLE */
+
                   })]),
-                  _: 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, {
+                _: 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
               }, {
@@ -2074,14 +2317,26 @@ const __default__ = {
                       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 */
+                    }, null, 8
+                    /* PROPS */
+                    , ["modelValue"])]),
+                    _: 1
+                    /* STABLE */
+
                   })]),
-                  _: 1 /* STABLE */
+                  _: 1
+                  /* STABLE */
+
                 })]),
-                _: 1 /* STABLE */
-              }, 8 /* PROPS */, ["label"])]),
-              _: 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
@@ -2100,15 +2355,29 @@ const __default__ = {
                       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 */
+                    }, null, 8
+                    /* PROPS */
+                    , ["modelValue"])]),
+                    _: 1
+                    /* STABLE */
+
                   })]),
-                  _: 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, {
+                _: 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
               }, {
@@ -2126,36 +2395,77 @@ const __default__ = {
                       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 */
+                    }, null, 8
+                    /* PROPS */
+                    , ["modelValue"])]),
+                    _: 1
+                    /* STABLE */
+
                   })]),
-                  _: 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", _hoisted_4, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_button, {
+                _: 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", _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, {
+        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 */);
+        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
  
@@ -2177,11 +2487,13 @@ var init_js_default = /*#__PURE__*/__webpack_require__.n(init_js_);
 
 
 
+
 Heatmap3d.install = (Vue, opts) => {
   init_js_default()(Vue, opts);
   Vue.component(Heatmap3d.name, Heatmap3d);
 };
 
+
 }();
 /******/ 	return __webpack_exports__;
 /******/ })()