@kq_npm/client3d_webgl_vue 4.0.4-beta → 4.0.6-beta

package/terrainprofileanalysis/index.js

@@ -0,0 +1,620 @@
+/******/ (function() { // webpackBootstrap
+/******/ 	"use strict";
+/******/ 	var __webpack_modules__ = ({
+
+/***/ 1349:
+/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+/* harmony import */ var element_plus_es__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2442);
+/* harmony import */ var element_plus_es__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(element_plus_es__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _init__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(5406);
+/* harmony import */ var _init__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_init__WEBPACK_IMPORTED_MODULE_1__);
+
+
+
+element_plus_es__WEBPACK_IMPORTED_MODULE_0__.ElMessage.install = (Vue, opts) => {
+  _init__WEBPACK_IMPORTED_MODULE_1___default()(Vue, opts);
+  Vue.component("KqMessage", element_plus_es__WEBPACK_IMPORTED_MODULE_0__.ElMessage);
+};
+
+/* harmony default export */ __webpack_exports__["Z"] = (element_plus_es__WEBPACK_IMPORTED_MODULE_0__.ElMessage);
+
+/***/ }),
+
+/***/ 348:
+/***/ (function(module) {
+
+module.exports = require("@kq_npm/client_icons_vue");
+
+/***/ }),
+
+/***/ 2442:
+/***/ (function(module) {
+
+module.exports = require("element-plus/es");
+
+/***/ }),
+
+/***/ 7080:
+/***/ (function(module) {
+
+module.exports = require("vue-i18n/dist/vue-i18n.cjs.js");
+
+/***/ }),
+
+/***/ 826:
+/***/ (function(module) {
+
+module.exports = require("@kq_npm/client_common_vue/_utils/gis-utils");
+
+/***/ }),
+
+/***/ 9519:
+/***/ (function(module) {
+
+module.exports = require("@kq_npm/client_common_vue/_utils/util");
+
+/***/ }),
+
+/***/ 5406:
+/***/ (function(module) {
+
+module.exports = require("@kq_npm/client_common_vue/init.js");
+
+/***/ }),
+
+/***/ 637:
+/***/ (function(module) {
+
+module.exports = require("vue");
+
+/***/ }),
+
+/***/ 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] = {
+/******/ 			// no module.id needed
+/******/ 			// 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 });
+/******/ 		};
+/******/ 	}();
+/******/ 	
+/************************************************************************/
+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__, {
+  "TerrainProfileAnalysisViewModel": function() { return /* reexport */ TerrainProfileAnalysisViewModel; },
+  "default": function() { return /* reexport */ TerrainProfileAnalysis; }
+});
+
+// EXTERNAL MODULE: external {"root":"Vue","commonjs":"vue","commonjs2":"vue","amd":"vue"}
+var external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_ = __webpack_require__(637);
+// EXTERNAL MODULE: external "@kq_npm/client_common_vue/_utils/gis-utils"
+var gis_utils_ = __webpack_require__(826);
+// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/defineProperty.js
+var defineProperty = __webpack_require__(8270);
+// EXTERNAL MODULE: ./src/common/_ui/message/index.js
+var message = __webpack_require__(1349);
+;// CONCATENATED MODULE: ./src/webgl/terrainprofileanalysis/TerrainProfileAnalysisViewModel.js
+
+
+class TerrainProfileAnalysisViewModel {
+  // 三维viewer对象
+  //绘制管理对象
+  //绘制完成监听事件
+  //分析结束事件
+  constructor(scenceView, option) {
+    (0,defineProperty/* default */.Z)(this, "_viewer", null);
+
+    (0,defineProperty/* default */.Z)(this, "_terrainSlopeAnalyse", null);
+
+    (0,defineProperty/* default */.Z)(this, "_analyseHeight", 1000);
+
+    (0,defineProperty/* default */.Z)(this, "_drawManager", null);
+
+    (0,defineProperty/* default */.Z)(this, "_removeEventListener", null);
+
+    (0,defineProperty/* default */.Z)(this, "minHeight", null);
+
+    (0,defineProperty/* default */.Z)(this, "maxHeight", null);
+
+    (0,defineProperty/* default */.Z)(this, "distance", null);
+
+    (0,defineProperty/* default */.Z)(this, "divPointArr", []);
+
+    (0,defineProperty/* default */.Z)(this, "languageDta", {});
+
+    (0,defineProperty/* default */.Z)(this, "coordDivpoint", null);
+
+    this._viewer = scenceView._viewer;
+    this._drawManager = scenceView._drawManager;
+    this._analyseHeight = option.analyseHeight; // 开启对数缓冲区 减少视锥体中多视锥体 减少重绘次数提高性能
+
+    this._viewer.scene.logarithmicDepthBuffer = false;
+    this._viewer.scene.pickTranslucentDepth = true; // 默认
+
+    this._viewer.resolutionScale = 1.2;
+    this._viewer.postProcessStages.fxaa.enabled = true; // 开启深度检测
+
+    this._viewer.scene.globe.depthTestAgainstTerrain = true;
+    this._viewer.scene.pickTranslucentDepth = true;
+    this._terrainSlopeAnalyse = new window.Cesium.Kq3dSlope2({
+      viewer: this._viewer,
+      height: this._analyseHeight
+    });
+    var that = this;
+    this._removeEventListener = this._drawManager.drawFinishedEvent.addEventListener(shape => {
+      if (shape) {
+        that._terrainSlopeAnalyse.startAnalyse(shape._controlPoints);
+
+        that._drawManager.clear();
+      }
+    }); //分析结束事件
+
+    this._terrainSlopeAnalyse.analyseEndEvent.addEventListener(function (res) {
+      that.minHeight = res.minHeight;
+      that.maxHeight = res.maxHeight;
+      that.distance = res.distance;
+      var minPos = res.minHeightPoint;
+      var maxPos = res.maxHeightPoint;
+      minPos.height += that._analyseHeight;
+      maxPos.height += that._analyseHeight;
+      that.createInfoDivPoint(that.languageDta.minHeight, that.minHeight.toFixed(3), window.Cesium.Cartographic.toCartesian(minPos));
+      that.createInfoDivPoint(that.languageDta.maxHeight, that.maxHeight.toFixed(3), window.Cesium.Cartographic.toCartesian(maxPos));
+    });
+
+    var handler = new window.Cesium.ScreenSpaceEventHandler(this._viewer.canvas);
+    handler.setInputAction(function (movement) {
+      var position = that._viewer.scene.pickPosition(movement.endPosition);
+
+      var pickedObject = that._viewer.scene.pick(movement.endPosition);
+
+      if (pickedObject && pickedObject.id instanceof window.Cesium.Entity && pickedObject.id.wall) {
+        //获取当前点的地形高度,在坡度分析墙的上方显示详细信息面板
+        var carto = window.Cesium.Cartographic.fromCartesian(position);
+        var promise = window.Cesium.sampleTerrainMostDetailed(that._viewer.terrainProvider, [carto]);
+        window.Cesium.when(promise, function (updatedPositions) {
+          var lon = window.Cesium.Math.toDegrees(updatedPositions[0].longitude);
+          var lat = window.Cesium.Math.toDegrees(updatedPositions[0].latitude);
+          var height = updatedPositions[0].height;
+          that.createInfoDivPoint2(lon.toFixed(5), lat.toFixed(5), height.toFixed(3), that.maxHeight.toFixed(3), that.distance.toFixed(3), window.Cesium.Cartesian3.fromDegrees(lon, lat, height + that._analyseHeight));
+        });
+      } else {
+        if (that.coordDivpoint) {
+          that.coordDivpoint.destroy();
+          that.coordDivpoint = null;
+        }
+      }
+    }, window.Cesium.ScreenSpaceEventType.MOUSE_MOVE);
+  }
+
+  changeLanguage(val) {
+    this.languageDta = val;
+    this.clear();
+  } //创建当前点坐标信息面板"longitude": "经度","latitude": "纬度",
+
+
+  createInfoDivPoint2(lon, lat, height, maxHeight, distance, position) {
+    let html = `<div class="coord">
+              <div class="text">
+                  <div>${this.languageDta.longitude}：${lon} °</div>
+                  <div>${this.languageDta.latitude}：${lat} °</div>
+                  <div>${this.languageDta.terrainHeight}：${height}m</div>
+                  <div>${this.languageDta.maxHeight}：${maxHeight}m</div>
+                  <div>${this.languageDta.totalDistance}：${distance}m</div>
+              </div>
+              <div class="pole"></div>
+              <div class="ball"></div>
+          </div>`; //初始化DivPoint
+
+    if (this.coordDivpoint) {
+      this.coordDivpoint.destroy();
+      this.coordDivpoint = null;
+    }
+
+    this.coordDivpoint = new window.Cesium.Kq3dHtmlTag(this._viewer, {
+      html: html,
+      position: position,
+      anchor: [-90, -180],
+      noEvent: true
+    });
+    this.divPointArr.push(this.coordDivpoint);
+  } //创建最高最低点信息面板
+
+
+  createInfoDivPoint(name, value, position) {
+    let html = `<div class="height">
+              <div class="text">${name}：${value}m</div>
+              <div class="pole"> </div>
+              <div class="ball"></div>
+          </div>`; //初始化DivPoint
+
+    let divPoint = new window.Cesium.Kq3dHtmlTag(this._viewer, {
+      html: html,
+      position: position,
+      anchor: [-97, -118],
+      noEvent: true
+    });
+    this.divPointArr.push(divPoint);
+    return divPoint;
+  }
+
+  start() {
+    // 判断是否添加了地形
+    if (this._viewer.terrainProvider.availability) {
+      if (this._viewer.terrainProvider instanceof window.Cesium.CesiumTerrainProvider) {
+        this.clear();
+
+        this._drawManager.startDraw("polyline", {
+          clampToGround: true
+        });
+      } else {
+        (0,message/* default */.Z)({
+          message: "只支持STK类型的地形分析!",
+          type: "warning"
+        });
+      }
+    } else {
+      (0,message/* default */.Z)({
+        message: "请加载地形后分析!",
+        type: "warning"
+      });
+    }
+  } //清除
+
+
+  clear() {
+    this._drawManager && this._drawManager.stopDraw();
+    this._terrainSlopeAnalyse && this._terrainSlopeAnalyse.clear();
+
+    for (let index = 0; index < this.divPointArr.length; index++) {
+      var divPoint = this.divPointArr[index];
+
+      if (divPoint) {
+        divPoint.destroy();
+      }
+    }
+
+    this.divPointArr = [];
+  } //销毁
+
+
+  destroy() {
+    this.clear(); //移除监听事件
+
+    this._removeEventListener && this._removeEventListener();
+    this._removeEventListener = null;
+  }
+
+}
+// EXTERNAL MODULE: external "@kq_npm/client_icons_vue"
+var client_icons_vue_ = __webpack_require__(348);
+// EXTERNAL MODULE: external "@kq_npm/client_common_vue/_utils/util"
+var util_ = __webpack_require__(9519);
+// 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/terrainprofileanalysis/TerrainProfileAnalysis.vue?vue&type=script&setup=true&lang=js
+
+const _hoisted_1 = {
+  class: "kq3d-terrain-profile-analysis-footer"
+};
+
+
+
+
+
+ //语言
+
+const __default__ = {
+  name: "Kq3dTerrainProfileAnalysis"
+};
+/* harmony default export */ var TerrainProfileAnalysisvue_type_script_setup_true_lang_js = (/*#__PURE__*/Object.assign(__default__, {
+  props: {
+    //指定组件绑定的viewer对象的div的id
+    mapTarget: String,
+    settingParams: {
+      control: "object",
+      description: "设置参数"
+    },
+    // 是否显示阴影效果
+    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_.IconProfileAnalysis
+    },
+    // HeaderTemp Title&Icon的位置
+    isRight: {
+      type: Boolean,
+      default: true
+    }
+  },
+
+  setup(__props, {
+    expose
+  }) {
+    const props = __props;
+    let language = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)({});
+    let currentLang = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)("");
+    let viewModel = null;
+    let ref_box = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)();
+    const {
+      proxy
+    } = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.getCurrentInstance)(); // 获取组件传参
+    // 组件容器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 formItem = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.reactive)({
+      analyseHeight: props.settingParams && props.settingParams.analyseHeight || 1000 // 地形操作类型。1:地形开挖;2:地形修改
+
+    }); // 国际化
+
+    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.terrainProfileName;
+      viewModel && viewModel.changeLanguage(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 TerrainProfileAnalysisViewModel(scenceView, {
+            analyseHeight: formItem.analyseHeight
+          });
+          viewModel.languageDta = language.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 startAnalysis() {
+      clearResult();
+      viewModel && viewModel.start();
+    } //清除结果
+
+
+    function clearResult() {
+      viewModel && viewModel.clear();
+    } // 清除
+
+
+    function clear() {
+      viewModel && viewModel.clear();
+    } // 销毁
+
+
+    (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.onBeforeUnmount)(() => {
+      viewModel && viewModel.destroy();
+    });
+    expose({
+      startAnalysis,
+      clearResult,
+      clear
+    });
+    return (_ctx, _cache) => {
+      const _component_kq_row = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.resolveComponent)("kq-row");
+
+      const _component_kq_button = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.resolveComponent)("kq-button");
+
+      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-terrain-profile-analysis", {
+          '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", {
+        class: "kq3d-terrain-profile-analysis-box",
+        ref_key: "ref_box",
+        ref: ref_box
+      }, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_row, {
+        class: "kq3d-terrain-profile-analysis-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).profileTips), 1
+        /* TEXT */
+        )]),
+        _: 1
+        /* STABLE */
+
+      }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementVNode)("div", _hoisted_1, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_button, {
+        onClick: _cache[0] || (_cache[0] = (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).startAnalysis,
+        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).startAnalysis), 1
+        /* TEXT */
+        )]),
+        _: 1
+        /* STABLE */
+
+      }, 8
+      /* PROPS */
+      , ["title"]), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_button, {
+        onClick: _cache[1] || (_cache[1] = (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"])])], 512
+      /* NEED_PATCH */
+      )], 2
+      /* CLASS */
+      );
+    };
+  }
+
+}));
+;// CONCATENATED MODULE: ./src/webgl/terrainprofileanalysis/TerrainProfileAnalysis.vue?vue&type=script&setup=true&lang=js
+ 
+;// CONCATENATED MODULE: ./src/webgl/terrainprofileanalysis/TerrainProfileAnalysis.vue
+
+
+
+const __exports__ = TerrainProfileAnalysisvue_type_script_setup_true_lang_js;
+
+/* harmony default export */ var TerrainProfileAnalysis = (__exports__);
+// EXTERNAL MODULE: external "@kq_npm/client_common_vue/init.js"
+var init_js_ = __webpack_require__(5406);
+var init_js_default = /*#__PURE__*/__webpack_require__.n(init_js_);
+;// CONCATENATED MODULE: ./src/webgl/terrainprofileanalysis/index.js
+
+
+
+
+TerrainProfileAnalysis.install = (Vue, opts) => {
+  init_js_default()(Vue, opts);
+  Vue.component(TerrainProfileAnalysis.name, TerrainProfileAnalysis);
+};
+
+
+}();
+module.exports = __webpack_exports__;
+/******/ })()
+;

package/terrainprofileanalysis/style/index.js

@@ -0,0 +1,3 @@
+"use strict";
+
+require("./terrainprofileanalysis.css");

package/terrainprofileanalysis/style/terrainprofileanalysis.css

@@ -0,0 +1 @@
+.kq3d-terrain-profile-analysis{z-index:999;border-radius:var(--kq-border-radius-base);padding:16px;pointer-events:auto;cursor:default;width:300px;background-color:var(--kq-bg-color)}.kq3d-terrain-profile-analysis .kq3d-terrain-profile-analysis-box .kq-form-item{margin-bottom:0}.kq3d-terrain-profile-analysis .kq3d-terrain-profile-analysis-tip{color:var(--kq-text-color-regular);font-size:var(--kq-font-size-base)}.kq3d-terrain-profile-analysis .kq3d-terrain-profile-analysis-tip p{margin-top:0;margin-bottom:16px}.kq3d-terrain-profile-analysis .kq3d-terrain-profile-analysis-footer{text-align:right;padding:0}.height .text{width:180px;height:26px;line-height:26px;padding:4px 6px;border:1px solid var(--kq-border-color);background-color:var(--kq-bg-color);text-align:center;color:var(--kq-text-color-regular);font-size:var(--kq-font-size-base)}.pole{height:70px;border:1px dashed var(--kq-color-warning);width:0;margin-left:97px}.ball{height:10px;width:10px;background:var(--kq-color-danger);border-radius:50%;margin-left:92px}.coord{background:transparent}.coord .text{min-width:160px;height:80px;line-height:26px;padding:8px 10px 8px 8px;border:1px solid var(--kq-color-danger);background:var(--kq-bg-color);color:var(--kq-text-color-regular);font-size:var(--kq-font-size-base)}.coord .text div{height:16px;line-height:16px}.coord .pole{margin-left:90px}.coord .ball{height:10px;width:10px;background:var(--kq-color-danger);border-radius:50%;margin-left:86px}

package/underground/index.js

@@ -2,7 +2,7 @@
 /******/ 	"use strict";
 /******/ 	var __webpack_modules__ = ({
 
-/***/ 8050:
+/***/ 7656:
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
@@ -206,12 +206,12 @@ var external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_ = __webpack_require__(
 // EXTERNAL MODULE: external "@kq_npm/client_common_vue/_utils/gis-utils"
 var gis_utils_ = __webpack_require__(826);
 // EXTERNAL MODULE: ./src/webgl/underground/UndergroundViewModel.js
-var UndergroundViewModel = __webpack_require__(8050);
+var UndergroundViewModel = __webpack_require__(7656);
 // EXTERNAL MODULE: external "@kq_npm/client_common_vue/_utils/util"
 var util_ = __webpack_require__(9519);
 // 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??clonedRuleSet-2.use!./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/dist/index.js??ruleSet[0]!./src/webgl/underground/Underground.vue?vue&type=script&setup=true&lang=js
+;// CONCATENATED MODULE: ./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/dist/index.js??ruleSet[0]!./src/webgl/underground/Underground.vue?vue&type=script&setup=true&lang=js
 
 const _hoisted_1 = {
   class: "kq3d-underground-switch"
@@ -233,11 +233,10 @@ const __default__ = {
   },
   emits: ["undergroundChange"],
 
-  setup(__props, _ref) {
-    let {
-      expose,
-      emit
-    } = _ref;
+  setup(__props, {
+    expose,
+    emit
+  }) {
     const props = __props;
     const {
       proxy