@kq_npm/client3d_webgl_vue 4.4.9 → 4.5.1

package/heatmap3d/index.js

@@ -0,0 +1,2466 @@
+(function webpackUniversalModuleDefinition(root, factory) {
+	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];
+	}
+})(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) {
+
+
+/*
+  MIT License http://www.opensource.org/licenses/mit-license.php
+  Author Tobias Koppers @sokra
+*/
+// css base code, injected by the css-loader
+// eslint-disable-next-line func-names
+
+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;
+        } else {
+          item[2] = "".concat(mediaQuery, " and ").concat(item[2]);
+        }
+      }
+
+      list.push(item);
+    }
+  };
+
+  return list;
+};
+
+/***/ }),
+
+/***/ 6021:
+/***/ (function(__unused_webpack_module, exports) {
+
+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;
+};
+
+/***/ }),
+
+/***/ 3694:
+/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  "Z": function() { return /* binding */ message; }
+});
+
+;// CONCATENATED MODULE: external "element-plus/dist/index.full.js"
+var index_full_js_namespaceObject = require("element-plus/dist/index.full.js");
+// EXTERNAL MODULE: external "@kq_npm/client_common_vue/init.js"
+var init_js_ = __webpack_require__(7997);
+var init_js_default = /*#__PURE__*/__webpack_require__.n(init_js_);
+;// CONCATENATED MODULE: ./src/common/_ui/message/index.js
+
+
+
+index_full_js_namespaceObject.ElMessage.install = (Vue, opts) => {
+  init_js_default()(Vue, opts);
+  Vue.component("KqMessage", index_full_js_namespaceObject.ElMessage);
+};
+
+/* harmony default export */ var message = (index_full_js_namespaceObject.ElMessage);
+
+/***/ }),
+
+/***/ 4098:
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(7705);
+/* 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___);
+
+
+/***/ }),
+
+/***/ 5757:
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(7705);
+/* 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___);
+
+
+/***/ }),
+
+/***/ 3379:
+/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
+
+
+
+var isOldIE = function isOldIE() {
+  var memo;
+  return function memorize() {
+    if (typeof memo === 'undefined') {
+      // Test for IE <= 9 as proposed by Browserhacks
+      // @see http://browserhacks.com/#hack-e71d8692f65334173fee715c222cb805
+      // Tests for existence of standard globals is to allow style-loader
+      // to operate correctly into non-standard environments
+      // @see https://github.com/webpack-contrib/style-loader/issues/177
+      memo = Boolean(window && document && document.all && !window.atob);
+    }
+
+    return memo;
+  };
+}();
+
+var getTarget = function getTarget() {
+  var memo = {};
+  return function memorize(target) {
+    if (typeof memo[target] === 'undefined') {
+      var styleTarget = document.querySelector(target); // Special case to return head of iframe instead of iframe itself
+
+      if (window.HTMLIFrameElement && styleTarget instanceof window.HTMLIFrameElement) {
+        try {
+          // This will throw an exception if access to iframe is blocked
+          // due to cross-origin restrictions
+          styleTarget = styleTarget.contentDocument.head;
+        } catch (e) {
+          // istanbul ignore next
+          styleTarget = null;
+        }
+      }
+
+      memo[target] = styleTarget;
+    }
+
+    return memo[target];
+  };
+}();
+
+var stylesInDom = [];
+
+function getIndexByIdentifier(identifier) {
+  var result = -1;
+
+  for (var i = 0; i < stylesInDom.length; i++) {
+    if (stylesInDom[i].identifier === identifier) {
+      result = i;
+      break;
+    }
+  }
+
+  return result;
+}
+
+function modulesToDom(list, options) {
+  var idCountMap = {};
+  var identifiers = [];
+
+  for (var i = 0; i < list.length; i++) {
+    var item = list[i];
+    var id = options.base ? item[0] + options.base : item[0];
+    var count = idCountMap[id] || 0;
+    var identifier = "".concat(id, " ").concat(count);
+    idCountMap[id] = count + 1;
+    var index = getIndexByIdentifier(identifier);
+    var obj = {
+      css: item[1],
+      media: item[2],
+      sourceMap: item[3]
+    };
+
+    if (index !== -1) {
+      stylesInDom[index].references++;
+      stylesInDom[index].updater(obj);
+    } else {
+      stylesInDom.push({
+        identifier: identifier,
+        updater: addStyle(obj, options),
+        references: 1
+      });
+    }
+
+    identifiers.push(identifier);
+  }
+
+  return identifiers;
+}
+
+function insertStyleElement(options) {
+  var style = document.createElement('style');
+  var attributes = options.attributes || {};
+
+  if (typeof attributes.nonce === 'undefined') {
+    var nonce =  true ? __webpack_require__.nc : 0;
+
+    if (nonce) {
+      attributes.nonce = nonce;
+    }
+  }
+
+  Object.keys(attributes).forEach(function (key) {
+    style.setAttribute(key, attributes[key]);
+  });
+
+  if (typeof options.insert === 'function') {
+    options.insert(style);
+  } else {
+    var target = getTarget(options.insert || 'head');
+
+    if (!target) {
+      throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");
+    }
+
+    target.appendChild(style);
+  }
+
+  return style;
+}
+
+function removeStyleElement(style) {
+  // istanbul ignore if
+  if (style.parentNode === null) {
+    return false;
+  }
+
+  style.parentNode.removeChild(style);
+}
+/* istanbul ignore next  */
+
+
+var replaceText = function replaceText() {
+  var textStore = [];
+  return function replace(index, replacement) {
+    textStore[index] = replacement;
+    return textStore.filter(Boolean).join('\n');
+  };
+}();
+
+function applyToSingletonTag(style, index, remove, obj) {
+  var css = remove ? '' : obj.media ? "@media ".concat(obj.media, " {").concat(obj.css, "}") : obj.css; // For old IE
+
+  /* istanbul ignore if  */
+
+  if (style.styleSheet) {
+    style.styleSheet.cssText = replaceText(index, css);
+  } else {
+    var cssNode = document.createTextNode(css);
+    var childNodes = style.childNodes;
+
+    if (childNodes[index]) {
+      style.removeChild(childNodes[index]);
+    }
+
+    if (childNodes.length) {
+      style.insertBefore(cssNode, childNodes[index]);
+    } else {
+      style.appendChild(cssNode);
+    }
+  }
+}
+
+function applyToTag(style, options, obj) {
+  var css = obj.css;
+  var media = obj.media;
+  var sourceMap = obj.sourceMap;
+
+  if (media) {
+    style.setAttribute('media', media);
+  } else {
+    style.removeAttribute('media');
+  }
+
+  if (sourceMap && typeof btoa !== 'undefined') {
+    css += "\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap)))), " */");
+  } // For old IE
+
+  /* istanbul ignore if  */
+
+
+  if (style.styleSheet) {
+    style.styleSheet.cssText = css;
+  } else {
+    while (style.firstChild) {
+      style.removeChild(style.firstChild);
+    }
+
+    style.appendChild(document.createTextNode(css));
+  }
+}
+
+var singleton = null;
+var singletonCounter = 0;
+
+function addStyle(obj, options) {
+  var style;
+  var update;
+  var remove;
+
+  if (options.singleton) {
+    var styleIndex = singletonCounter++;
+    style = singleton || (singleton = insertStyleElement(options));
+    update = applyToSingletonTag.bind(null, style, styleIndex, false);
+    remove = applyToSingletonTag.bind(null, style, styleIndex, true);
+  } else {
+    style = insertStyleElement(options);
+    update = applyToTag.bind(null, style, options);
+
+    remove = function remove() {
+      removeStyleElement(style);
+    };
+  }
+
+  update(obj);
+  return function updateStyle(newObj) {
+    if (newObj) {
+      if (newObj.css === obj.css && newObj.media === obj.media && newObj.sourceMap === obj.sourceMap) {
+        return;
+      }
+
+      update(obj = newObj);
+    } else {
+      remove();
+    }
+  };
+}
+
+module.exports = function (list, options) {
+  options = options || {}; // Force single-tag solution on IE6-9, which has a hard limit on the # of <style>
+  // tags it will allow on a page
+
+  if (!options.singleton && typeof options.singleton !== 'boolean') {
+    options.singleton = isOldIE();
+  }
+
+  list = list || [];
+  var lastIdentifiers = modulesToDom(list, options);
+  return function update(newList) {
+    newList = newList || [];
+
+    if (Object.prototype.toString.call(newList) !== '[object Array]') {
+      return;
+    }
+
+    for (var i = 0; i < lastIdentifiers.length; i++) {
+      var identifier = lastIdentifiers[i];
+      var index = getIndexByIdentifier(identifier);
+      stylesInDom[index].references--;
+    }
+
+    var newLastIdentifiers = modulesToDom(newList, options);
+
+    for (var _i = 0; _i < lastIdentifiers.length; _i++) {
+      var _identifier = lastIdentifiers[_i];
+
+      var _index = getIndexByIdentifier(_identifier);
+
+      if (stylesInDom[_index].references === 0) {
+        stylesInDom[_index].updater();
+
+        stylesInDom.splice(_index, 1);
+      }
+    }
+
+    lastIdentifiers = newLastIdentifiers;
+  };
+};
+
+/***/ }),
+
+/***/ 8422:
+/***/ (function(module) {
+
+module.exports = require("@element-plus/icons-vue");
+
+/***/ }),
+
+/***/ 348:
+/***/ (function(module) {
+
+module.exports = require("@kq_npm/client_icons_vue");
+
+/***/ }),
+
+/***/ 3600:
+/***/ (function(module) {
+
+module.exports = require("core-js/modules/es.array.includes.js");
+
+/***/ }),
+
+/***/ 7080:
+/***/ (function(module) {
+
+module.exports = require("vue-i18n/dist/vue-i18n.cjs.js");
+
+/***/ }),
+
+/***/ 7135:
+/***/ (function(module) {
+
+module.exports = __WEBPACK_EXTERNAL_MODULE__7135__;
+
+/***/ }),
+
+/***/ 3458:
+/***/ (function(module) {
+
+module.exports = __WEBPACK_EXTERNAL_MODULE__3458__;
+
+/***/ }),
+
+/***/ 7997:
+/***/ (function(module) {
+
+module.exports = __WEBPACK_EXTERNAL_MODULE__7997__;
+
+/***/ }),
+
+/***/ 1895:
+/***/ (function(module) {
+
+module.exports = __WEBPACK_EXTERNAL_MODULE__1895__;
+
+/***/ }),
+
+/***/ 8270:
+/***/ (function(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
+
+/* 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 obj;
+}
+
+/***/ })
+
+/******/ 	});
+/************************************************************************/
+/******/ 	// The module cache
+/******/ 	var __webpack_module_cache__ = {};
+/******/ 	
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/ 		// Check if module is in cache
+/******/ 		var cachedModule = __webpack_module_cache__[moduleId];
+/******/ 		if (cachedModule !== undefined) {
+/******/ 			return cachedModule.exports;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = __webpack_module_cache__[moduleId] = {
+/******/ 			id: moduleId,
+/******/ 			// no module.loaded needed
+/******/ 			exports: {}
+/******/ 		};
+/******/ 	
+/******/ 		// Execute the module function
+/******/ 		__webpack_modules__[moduleId](module, module.exports, __webpack_require__);
+/******/ 	
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+/******/ 	
+/************************************************************************/
+/******/ 	/* webpack/runtime/compat get default export */
+/******/ 	!function() {
+/******/ 		// getDefaultExport function for compatibility with non-harmony modules
+/******/ 		__webpack_require__.n = function(module) {
+/******/ 			var getter = module && module.__esModule ?
+/******/ 				function() { return module['default']; } :
+/******/ 				function() { return module; };
+/******/ 			__webpack_require__.d(getter, { a: getter });
+/******/ 			return getter;
+/******/ 		};
+/******/ 	}();
+/******/ 	
+/******/ 	/* webpack/runtime/define property getters */
+/******/ 	!function() {
+/******/ 		// define getter functions for harmony exports
+/******/ 		__webpack_require__.d = function(exports, definition) {
+/******/ 			for(var key in definition) {
+/******/ 				if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
+/******/ 					Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
+/******/ 				}
+/******/ 			}
+/******/ 		};
+/******/ 	}();
+/******/ 	
+/******/ 	/* webpack/runtime/hasOwnProperty shorthand */
+/******/ 	!function() {
+/******/ 		__webpack_require__.o = function(obj, prop) { return Object.prototype.hasOwnProperty.call(obj, prop); }
+/******/ 	}();
+/******/ 	
+/******/ 	/* webpack/runtime/make namespace object */
+/******/ 	!function() {
+/******/ 		// define __esModule on exports
+/******/ 		__webpack_require__.r = function(exports) {
+/******/ 			if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 				Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 			}
+/******/ 			Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 		};
+/******/ 	}();
+/******/ 	
+/******/ 	/* webpack/runtime/nonce */
+/******/ 	!function() {
+/******/ 		__webpack_require__.nc = undefined;
+/******/ 	}();
+/******/ 	
+/************************************************************************/
+var __webpack_exports__ = {};
+// This entry need to be wrapped in an IIFE because it need to be isolated against other modules in the chunk.
+!function() {
+// ESM COMPAT FLAG
+__webpack_require__.r(__webpack_exports__);
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  "Heatmap3dViewModel": function() { return /* reexport */ Heatmap3dViewModel; },
+  "default": function() { return /* reexport */ Heatmap3d; }
+});
+
+// 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
+var defineProperty = __webpack_require__(8270);
+// EXTERNAL MODULE: ./src/common/_ui/message/index.js + 1 modules
+var message = __webpack_require__(3694);
+;// CONCATENATED MODULE: ./src/webgl/heatmap3d/Heatmap3dViewModel.js
+
+
+//热力图
+
+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);
+
+    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
+    }); // 地图拾取事件，交互展示
+
+    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
+          }));
+        }
+
+        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>`);
+
+        that._mouseLabel.setVisible(true);
+      } else {
+        that._mouseLabel.setVisible(false);
+      }
+    }, Cesium.ScreenSpaceEventType.LEFT_CLICK);
+  }
+
+  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;
+  } // 创建三维热力图对象
+
+
+  initHeatmap3d(heatmapData) {
+    this._heatmap = new Cesium.Kq3dHeatmap3D({
+      xField: 'lng',
+      yField: 'lat',
+      valueField: this._options.valueField || 'count',
+      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;
+
+    this._viewer.scene.primitives.add(this._heatmap);
+
+    this._heatmap && this._heatmap.setData(heatmapData);
+  } // 创建二维热力图对象
+
+
+  initHeatmap2d(heatmapData) {
+    this._heatmap2d = new Cesium.Kq3dHeatmap2D({
+      xField: 'lng',
+      yField: 'lat',
+      valueField: this._options.valueField || 'count',
+      canvasWidth: 1024,
+      canvasHeight: 1024,
+      radius: this._options.radius,
+      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(),
+      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
+    });
+
+    this._viewer.imageryLayers.add(this._heatmap2dCountLayer);
+  } // 切换二维数据
+
+
+  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
+    });
+
+    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;
+        }
+
+        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);
+    } else {
+      (0,message/* default */.Z)({
+        message: "先输入在线json地址或上传文件！",
+        type: "warning",
+        duration: 2000
+      });
+      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();
+  }
+
+}
+// EXTERNAL MODULE: external "@element-plus/icons-vue"
+var icons_vue_ = __webpack_require__(8422);
+// EXTERNAL MODULE: external "@kq_npm/client_icons_vue"
+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
+
+
+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 */
+));
+
+
+/* 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
+        });
+      }
+    }
+
+    function handleMouseUp(event) {
+      if (isDragging) {
+        isDragging = false; // 移除mousemove、mouseup的事件监听
+
+        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
+      });
+    }
+
+    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)({
+          left: position.value + 'px'
+        }),
+        onMousedown: handleMouseDown,
+        onClick: handleClick
+      }, [_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 */
+      );
+    };
+  }
+
+});
+;// 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
+
+            
+
+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__(6021);
+;// CONCATENATED MODULE: ./src/webgl/heatmap3d/CustomColorPickerSlider.vue
+
+
+
+;
+
+
+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
+
+
+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}%`);
+      }
+
+      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", {
+        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__(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
+
+            
+
+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;
+
+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);
+
+
+
+/* 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 _hoisted_2 = {
+  class: "kq3d-heatmap-span"
+};
+const _hoisted_3 = {
+  class: "kq3d-heatmap-span"
+};
+const _hoisted_4 = {
+  class: "kq3d-heatmap-footer"
+};
+
+
+
+
+
+
+
+
+
+
+const __default__ = {
+  name: "Kq3dHeatmap"
+};
+/* harmony default export */ var Heatmap3dvue_type_script_setup_true_lang_js = (/*#__PURE__*/Object.assign(__default__, {
+  props: {
+    // 设置参数
+    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_.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_.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初始化完成后执行
+
+      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 && res.features.length > 0) {
+            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
+              });
+            });
+            let commonArr = commonValues(bigArray);
+            weightFields.value = commonArr;
+
+            if (!formItem.valueField) {
+              formItem.valueField = commonArr[0];
+              paramsChanged("valueField");
+            }
+
+            if (viewModel) {
+              viewModel.heatmapData = heatmapArr;
+              viewModel.start();
+            }
+          }
+        }).otherwise(ret => {
+          console.log(ret);
+          (0,message/* default */.Z)({
+            message: "数据路径有问题！",
+            type: "error",
+            duration: 2000
+          });
+          return;
+        });
+      } else {
+        (0,message/* default */.Z)({
+          message: "先输入在线json地址或上传文件！",
+          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", _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_.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", _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_.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", _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_);
+// EXTERNAL MODULE: external "@kq_npm/client_common_vue/init.js"
+var init_js_ = __webpack_require__(7997);
+var init_js_default = /*#__PURE__*/__webpack_require__.n(init_js_);
+;// CONCATENATED MODULE: ./src/webgl/heatmap3d/index.js
+
+
+
+
+Heatmap3d.install = (Vue, opts) => {
+  init_js_default()(Vue, opts);
+  Vue.component(Heatmap3d.name, Heatmap3d);
+};
+
+
+}();
+/******/ 	return __webpack_exports__;
+/******/ })()
+;
+});