@kq_npm/client3d_webgl_vue 0.0.1-beta

package/profileanalysis/index.js

@@ -0,0 +1,781 @@
+/******/ (function() { // webpackBootstrap
+/******/ 	"use strict";
+/******/ 	// The require scope
+/******/ 	var __webpack_require__ = {};
+/******/ 	
+/************************************************************************/
+/******/ 	/* 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__ = {};
+// ESM COMPAT FLAG
+__webpack_require__.r(__webpack_exports__);
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  "ProfileAnalysisViewModel": function() { return /* reexport */ ProfileAnalysisViewModel; },
+  "default": function() { return /* reexport */ ProfileAnalysis; }
+});
+
+;// CONCATENATED MODULE: external {"root":"Vue","commonjs":"vue","commonjs2":"vue","amd":"vue"}
+var external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject = require("vue");
+;// CONCATENATED MODULE: external "@zpc_npm/vue-iclient-common/_utils/gis-utils"
+var gis_utils_namespaceObject = require("@zpc_npm/vue-iclient-common/_utils/gis-utils");
+;// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/defineProperty.js
+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;
+}
+;// CONCATENATED MODULE: ./src/webgl/profileanalysis/ProfileAnalysisViewModel.js
+
+//分析逻辑类
+let floatingPoint;
+let drawPoints = [];
+let activeShapePoints = [];
+let activeCartographicPoints = [];
+class ProfileAnalysisViewModel {
+  constructor(viewer, viewModel, chart) {
+    _defineProperty(this, "_profileAnalysis", null);
+
+    _defineProperty(this, "_ProfileAnalysisChart", null);
+
+    _defineProperty(this, "_ProfileAnalysisChartVis", null);
+
+    _defineProperty(this, "_globaOptions", {
+      width: 360,
+      height: 360
+    });
+
+    this._globaOptions.viewModel = {
+      angle: viewModel.perspectiveAngle || 90,
+      frustumH: viewModel.targetAreaHeight || 200,
+      extendWidth: viewModel.targetAreaWidth || 1,
+      isPerspective: viewModel.enablePerspective || true,
+      cameraHeight: viewModel.cameraHeight || 0
+    };
+    this._globaOptions.viewer = viewer;
+    this._globaOptions.viewer.scene.postProcessStages._fxaa.enabled = true;
+    this._globaOptions.viewer.scene.globe.depthTestAgainstTerrain = true;
+    this._ProfileAnalysisChart = chart;
+    this._ProfileAnalysisChartVis = chart || {}; // 实例化单线剖面分析对象
+
+    this._profileAnalysis = new window.Cesium.Kq3dProfileAnalysis({
+      viewer: this._globaOptions.viewer,
+      width: this._globaOptions.width,
+      height: this._globaOptions.height,
+      angle: this._globaOptions.viewModel.angle,
+      frustumH: this._globaOptions.viewModel.frustumH,
+      extendWidth: this._globaOptions.viewModel.extendWidth,
+      isPerspective: this._globaOptions.viewModel.isPerspective,
+      cameraHeight: this._globaOptions.viewModel.cameraHeight,
+      isShowDown: false,
+      debugCamera: {
+        show: true,
+        color: window.Cesium.Color.fromBytes(0, 255, 255, 200)
+      }
+    });
+    this._globaOptions._handler = new window.Cesium.ScreenSpaceEventHandler(this._globaOptions.viewer.canvas); //创建剖面分析结果显示窗口
+
+    this._globaOptions.canvas = document.createElement("canvas");
+    this._globaOptions.canvas.id = "pro";
+    this._globaOptions.ctx = this._globaOptions.canvas.getContext("2d");
+
+    this._ProfileAnalysisChart.appendChild(this._globaOptions.canvas);
+  } //开始分析
+
+
+  start() {
+    //清空绘制结果
+    this.remove();
+    let that = this;
+
+    this._globaOptions._handler.removeInputAction(window.Cesium.ScreenSpaceEventType.LEFT_CLICK);
+
+    this._globaOptions._handler.setInputAction(function (event) {
+      var earthPosition = that._globaOptions.viewer.scene.pickPosition(event.position);
+
+      if (window.Cesium.defined(earthPosition)) {
+        //绘制点
+        floatingPoint = that.createPoint(earthPosition);
+        drawPoints.push(floatingPoint);
+        activeShapePoints.push(earthPosition);
+        let earthPositionCarto = window.Cesium.Cartographic.fromCartesian(earthPosition);
+        activeCartographicPoints.push(earthPositionCarto); //单线分析结果显示
+
+        if (activeShapePoints.length == 2) {
+          var newPositions = [];
+          activeShapePoints.forEach(position => {
+            var newPosition = window.Cesium.Cartographic.fromCartesian(position);
+            newPositions.push(newPosition);
+          });
+          that._profileAnalysis.elevation = newPositions;
+          that.updatePorfileAnalysis();
+          drawPoints.forEach(function (point) {
+            that._globaOptions.viewer.entities.remove(point);
+          });
+          drawPoints = [];
+          activeShapePoints = [];
+        }
+      }
+    }, window.Cesium.ScreenSpaceEventType.LEFT_CLICK);
+  } //绘制点
+
+
+  createPoint(worldPosition) {
+    var point = this._globaOptions.viewer.entities.add({
+      position: worldPosition,
+      point: {
+        color: window.Cesium.Color.YELLOW,
+        pixelSize: 5
+      }
+    });
+
+    return point;
+  } //更新单线剖面分析结果
+
+
+  updatePorfileAnalysis() {
+    if (this._profileAnalysis) {
+      this._profileAnalysis.frustumH = this._globaOptions.viewModel.frustumH;
+      this._profileAnalysis.angle = this._globaOptions.viewModel.angle;
+      this._profileAnalysis.extendWidth = this._globaOptions.viewModel.extendWidth;
+      this._profileAnalysis.cameraHeight = this._globaOptions.viewModel.cameraHeight;
+      this._profileAnalysis.isPerspective = this._globaOptions.viewModel.isPerspective;
+
+      if (this._globaOptions._handler) {
+        let buffer = this._profileAnalysis.updateBuffer();
+
+        this._ProfileAnalysisChartVis.value = true;
+        setTimeout(() => {
+          this.getPorfileAnalysisTexture(buffer);
+
+          this._globaOptions._handler.removeInputAction(window.Cesium.ScreenSpaceEventType.LEFT_CLICK);
+        }, 500);
+      }
+    }
+  } //获取单线剖面分析纹理
+
+
+  getPorfileAnalysisTexture(buffer) {
+    if (buffer) {
+      this._globaOptions.canvas.height = this._globaOptions.height;
+      this._globaOptions.canvas.width = this._globaOptions.width;
+
+      let imgData = this._globaOptions.ctx.createImageData(this._globaOptions.width, this._globaOptions.height); // flipY
+
+
+      var line = this._globaOptions.width * 4;
+
+      for (let h = 0; h < this._globaOptions.height; h++) {
+        for (let w = 0; w < this._globaOptions.width; w++) {
+          for (let n = 0; n < 4; n++) {
+            imgData.data[(this._globaOptions.height - 1 - h) * line + w * 4 + n] = buffer[h * line + w * 4 + n];
+          }
+        }
+      }
+
+      this._globaOptions.ctx.putImageData(imgData, 0, 0); //=====================
+
+
+      this._globaOptions.ctx.setLineDash([20, 5]);
+
+      this._globaOptions.ctx.lineWidth = 1;
+      this._globaOptions.ctx.strokeStyle = "#ff2";
+      let fTop = (1.0 - this._profileAnalysis._frustumH / this._profileAnalysis._maxH) * 360;
+      let fLeft = (1.0 - this._profileAnalysis._frustumW / this._profileAnalysis._maxW) / 2 * 360;
+
+      this._globaOptions.ctx.moveTo(fLeft, 360); // bottom
+
+
+      this._globaOptions.ctx.lineTo(fLeft, fTop);
+
+      this._globaOptions.ctx.lineTo(360 - fLeft, fTop);
+
+      this._globaOptions.ctx.lineTo(360 - fLeft, 360);
+
+      this._globaOptions.ctx.stroke(); //=====================
+
+
+      let str = String(this._profileAnalysis._frustumW.toPrecision(7));
+      let str1 = "Rect width : " + str;
+      str = String(this._profileAnalysis._maxW.toPrecision(7));
+      let str2 = "Total width : " + str;
+      str = String(this._profileAnalysis._frustumH.toPrecision(7));
+      let str3 = "Rect height : " + str;
+      str = String(this._profileAnalysis._maxH.toPrecision(7));
+      let str4 = "Total height : " + str;
+      this._globaOptions.ctx.font = "bold 15px Arial";
+      this._globaOptions.ctx.textAlign = "left";
+      this._globaOptions.ctx.textBaseline = "bottom";
+      this._globaOptions.ctx.fillStyle = "#ccc";
+
+      this._globaOptions.ctx.fillText(str1, 10, 20);
+
+      this._globaOptions.ctx.fillText(str2, 10, 40);
+
+      this._globaOptions.ctx.fillText(str3, 10, 60);
+
+      this._globaOptions.ctx.fillText(str4, 10, 80);
+    }
+  } // 是否透视
+
+
+  setEnablePerspective(val) {
+    this._globaOptions.viewModel.isPerspective = val;
+    if (this._ProfileAnalysisChartVis.value) this.updatePorfileAnalysis();
+  } // 透视角度
+
+
+  setPerspectiveAngle(val) {
+    this._globaOptions.viewModel.angle = val;
+    if (this._ProfileAnalysisChartVis.value) this.updatePorfileAnalysis();
+  } // 目标区域宽度
+
+
+  setTargetAreaWidth(val) {
+    this._globaOptions.viewModel.extendWidth = val;
+    if (this._ProfileAnalysisChartVis.value) this.updatePorfileAnalysis();
+  } // 目标区域高度
+
+
+  setTargetAreaHeight(val) {
+    this._globaOptions.viewModel.frustumH = val;
+    if (this._ProfileAnalysisChartVis.value) this.updatePorfileAnalysis();
+  } // 相机高度
+
+
+  setCameraHeight(val) {
+    this._globaOptions.viewModel.cameraHeight = val;
+    if (this._ProfileAnalysisChartVis.value) this.updatePorfileAnalysis();
+  } // 清理剖面分析
+
+
+  remove() {
+    this._ProfileAnalysisChartVis.value = false;
+    this._profileAnalysis && this._profileAnalysis.clearPrimitives();
+  } //清除全部结果
+
+
+  clear() {
+    this.remove();
+
+    this._globaOptions._handler.removeInputAction(window.Cesium.ScreenSpaceEventType.LEFT_CLICK);
+  } // 销毁
+
+
+  destroy() {
+    this._globaOptions._handler.removeInputAction(window.Cesium.ScreenSpaceEventType.LEFT_CLICK);
+
+    this._globaOptions._handler = null;
+    this._ProfileAnalysisChartVis.value = false;
+    this._profileAnalysis && this._profileAnalysis.destroy();
+    this._profileAnalysis = null;
+  }
+
+}
+;// CONCATENATED MODULE: ./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/dist/index.js??ruleSet[0]!./src/webgl/profileanalysis/ProfileAnalysis.vue?vue&type=script&setup=true&lang=js
+
+const _hoisted_1 = {
+  class: "kq3d-profile-analysis"
+};
+const _hoisted_2 = {
+  class: "kq3d-profile-analysis-footer"
+};
+const _hoisted_3 = {
+  class: "kq3d-profile-analysis-result"
+};
+const _hoisted_4 = {
+  id: "resultCahrt",
+  class: "resultCahrt"
+};
+
+
+
+const __default__ = {
+  name: "Kq3dProfileAnalysis"
+};
+/* harmony default export */ var ProfileAnalysisvue_type_script_setup_true_lang_js = (/*#__PURE__*/Object.assign(__default__, {
+  props: {
+    // 设置参数
+    settingParams: {
+      type: Object
+    }
+  },
+
+  setup(__props, {
+    expose
+  }) {
+    const props = __props;
+    let language = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.ref)({}); // 设置
+
+    let collapseValue = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.ref)(""); // 分析类
+
+    let viewModel = null; // chart显示
+
+    let resultCahrtVis = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.ref)(true); // 获取组件传参
+
+    let formItem = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.reactive)({
+      perspectiveAngle: props.settingParams && props.settingParams.offsetHeight || 90,
+      // 透视角度
+      targetAreaWidth: props.settingParams && props.settingParams.fovV || 1,
+      // 目标区域宽度
+      targetAreaHeight: props.settingParams && props.settingParams.fovH || 200,
+      // 目标区域高度
+      cameraHeight: props.settingParams && props.settingParams.visibleColor || 0,
+      // 相机高度
+      enablePerspective: props.settingParams && props.settingParams.isLabel !== undefined || true // 是否透视
+
+    });
+    (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.onMounted)(() => {
+      gis_utils_namespaceObject.utils.getWebMap(null, scenceView => {
+        if (scenceView) {
+          language.value = scenceView._language;
+          viewModel = new ProfileAnalysisViewModel(scenceView._viewer, formItem, document.getElementById("resultCahrt"));
+          viewModel._ProfileAnalysisChartVis = resultCahrtVis;
+          resultCahrtVis.value = false;
+        }
+      });
+    }); // 开始分析
+
+    function startAnalysis() {
+      viewModel && viewModel.start();
+    } // 清除结果
+
+
+    function clearResult() {
+      viewModel && viewModel.clear();
+    } // 是否透视
+
+
+    function onChangeEnablePerspective() {
+      viewModel && viewModel.setEnablePerspective(formItem.enablePerspective);
+    } // 透视角度
+
+
+    function onChangePerspectiveAngle() {
+      viewModel && viewModel.setPerspectiveAngle(formItem.perspectiveAngle);
+    } // 目标区域宽度
+
+
+    function onChangeTargetAreaWidth() {
+      viewModel && viewModel.setTargetAreaWidth(formItem.targetAreaWidth);
+    } // 目标区域高度
+
+
+    function onChangeTargetAreaHeight() {
+      viewModel && viewModel.setTargetAreaHeight(formItem.targetAreaHeight);
+    } // 相机高度
+
+
+    function onChangeCameraHeight() {
+      viewModel && viewModel.setCameraHeight(formItem.cameraHeight);
+    } // 销毁
+
+
+    (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.onBeforeUnmount)(() => {
+      viewModel && viewModel.destroy();
+    });
+    expose({
+      clearResult
+    });
+    return (_ctx, _cache) => {
+      const _component_kq_row = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.resolveComponent)("kq-row");
+
+      const _component_kq_slider = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.resolveComponent)("kq-slider");
+
+      const _component_kq_col = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.resolveComponent)("kq-col");
+
+      const _component_kq_input_number = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.resolveComponent)("kq-input-number");
+
+      const _component_kq_form_item = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.resolveComponent)("kq-form-item");
+
+      const _component_kq_checkbox = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.resolveComponent)("kq-checkbox");
+
+      const _component_kq_form = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.resolveComponent)("kq-form");
+
+      const _component_kq_collapse_item = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.resolveComponent)("kq-collapse-item");
+
+      const _component_kq_collapse = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.resolveComponent)("kq-collapse");
+
+      const _component_kq_button = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.resolveComponent)("kq-button");
+
+      return (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.openBlock)(), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createElementBlock)("section", _hoisted_1, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_row, {
+        class: "kq3d-profile-analysis-tip"
+      }, {
+        default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createElementVNode)("p", null, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.toDisplayString)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(language).profileTips), 1
+        /* TEXT */
+        )]),
+        _: 1
+        /* STABLE */
+
+      }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_collapse, {
+        "model-value": (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(collapseValue)
+      }, {
+        default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_collapse_item, {
+          title: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(language).analysisSettings,
+          name: "setting"
+        }, {
+          default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_form, {
+            "label-width": "135px",
+            "label-position": "left"
+          }, {
+            default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_row, null, {
+              default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_form_item, {
+                label: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(language).perspectiveAngle
+              }, {
+                default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_row, {
+                  style: {
+                    "display": "flex"
+                  }
+                }, {
+                  default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_col, {
+                    span: 16
+                  }, {
+                    default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_slider, {
+                      modelValue: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).perspectiveAngle,
+                      "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).perspectiveAngle = $event),
+                      step: 1,
+                      min: 0,
+                      max: 90,
+                      onInput: onChangePerspectiveAngle
+                    }, null, 8
+                    /* PROPS */
+                    , ["modelValue"])]),
+                    _: 1
+                    /* STABLE */
+
+                  }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_col, {
+                    span: 8
+                  }, {
+                    default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_input_number, {
+                      modelValue: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).perspectiveAngle,
+                      "onUpdate:modelValue": _cache[1] || (_cache[1] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).perspectiveAngle = $event),
+                      min: 0,
+                      max: 90,
+                      step: 1,
+                      "controls-position": "right"
+                    }, 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_namespaceObject.createVNode)(_component_kq_row, null, {
+              default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_form_item, {
+                label: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(language).targetAreaWidth
+              }, {
+                default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_row, {
+                  style: {
+                    "display": "flex"
+                  }
+                }, {
+                  default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_col, {
+                    span: 16
+                  }, {
+                    default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_slider, {
+                      modelValue: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).targetAreaWidth,
+                      "onUpdate:modelValue": _cache[2] || (_cache[2] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).targetAreaWidth = $event),
+                      step: 1,
+                      min: 0,
+                      max: 500,
+                      onInput: onChangeTargetAreaWidth
+                    }, null, 8
+                    /* PROPS */
+                    , ["modelValue"])]),
+                    _: 1
+                    /* STABLE */
+
+                  }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_col, {
+                    span: 8
+                  }, {
+                    default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_input_number, {
+                      modelValue: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).targetAreaWidth,
+                      "onUpdate:modelValue": _cache[3] || (_cache[3] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).targetAreaWidth = $event),
+                      min: 0,
+                      step: 1,
+                      max: 500,
+                      "controls-position": "right"
+                    }, 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_namespaceObject.createVNode)(_component_kq_row, null, {
+              default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_form_item, {
+                label: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(language).targetAreaHeight
+              }, {
+                default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_row, {
+                  style: {
+                    "display": "flex"
+                  }
+                }, {
+                  default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_col, {
+                    span: 16
+                  }, {
+                    default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_slider, {
+                      modelValue: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).targetAreaHeight,
+                      "onUpdate:modelValue": _cache[4] || (_cache[4] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).targetAreaHeight = $event),
+                      step: 1,
+                      min: 0,
+                      max: 500,
+                      onInput: onChangeTargetAreaHeight
+                    }, null, 8
+                    /* PROPS */
+                    , ["modelValue"])]),
+                    _: 1
+                    /* STABLE */
+
+                  }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_col, {
+                    span: 8
+                  }, {
+                    default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_input_number, {
+                      modelValue: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).targetAreaHeight,
+                      "onUpdate:modelValue": _cache[5] || (_cache[5] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).targetAreaHeight = $event),
+                      min: 0,
+                      step: 1,
+                      max: 500,
+                      "controls-position": "right"
+                    }, 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_namespaceObject.createVNode)(_component_kq_row, null, {
+              default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_form_item, {
+                label: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(language).cameraHeight
+              }, {
+                default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_row, {
+                  style: {
+                    "display": "flex"
+                  }
+                }, {
+                  default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_col, {
+                    span: 16
+                  }, {
+                    default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_slider, {
+                      modelValue: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).cameraHeight,
+                      "onUpdate:modelValue": _cache[6] || (_cache[6] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).cameraHeight = $event),
+                      step: 1,
+                      min: 0,
+                      max: 500,
+                      onInput: onChangeCameraHeight
+                    }, null, 8
+                    /* PROPS */
+                    , ["modelValue"])]),
+                    _: 1
+                    /* STABLE */
+
+                  }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_col, {
+                    span: 8
+                  }, {
+                    default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_input_number, {
+                      modelValue: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).cameraHeight,
+                      "onUpdate:modelValue": _cache[7] || (_cache[7] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).cameraHeight = $event),
+                      min: 0,
+                      step: 1,
+                      max: 500,
+                      "controls-position": "right"
+                    }, 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_namespaceObject.createVNode)(_component_kq_row, null, {
+              default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_checkbox, {
+                modelValue: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).enablePerspective,
+                "onUpdate:modelValue": _cache[8] || (_cache[8] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).enablePerspective = $event),
+                onChange: onChangeEnablePerspective
+              }, {
+                default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createTextVNode)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.toDisplayString)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(language).enablePerspective), 1
+                /* TEXT */
+                )]),
+                _: 1
+                /* STABLE */
+
+              }, 8
+              /* PROPS */
+              , ["modelValue"])]),
+              _: 1
+              /* STABLE */
+
+            })]),
+            _: 1
+            /* STABLE */
+
+          })]),
+          _: 1
+          /* STABLE */
+
+        }, 8
+        /* PROPS */
+        , ["title"])]),
+        _: 1
+        /* STABLE */
+
+      }, 8
+      /* PROPS */
+      , ["model-value"]), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createElementVNode)("div", _hoisted_2, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_button, {
+        onClick: _cache[9] || (_cache[9] = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withModifiers)($event => startAnalysis(), ["stop"])),
+        title: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(language).startAnalysis,
+        type: "primary"
+      }, {
+        default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createTextVNode)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.toDisplayString)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(language).startAnalysis), 1
+        /* TEXT */
+        )]),
+        _: 1
+        /* STABLE */
+
+      }, 8
+      /* PROPS */
+      , ["title"]), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_button, {
+        onClick: _cache[10] || (_cache[10] = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withModifiers)($event => clearResult(), ["stop"])),
+        title: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(language).clearResult
+      }, {
+        default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createTextVNode)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.toDisplayString)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(language).clearResult), 1
+        /* TEXT */
+        )]),
+        _: 1
+        /* STABLE */
+
+      }, 8
+      /* PROPS */
+      , ["title"])]), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createElementVNode)("div", _hoisted_3, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withDirectives)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createElementVNode)("div", _hoisted_4, null, 512
+      /* NEED_PATCH */
+      ), [[external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.vShow, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(resultCahrtVis)]])])]);
+    };
+  }
+
+}));
+;// CONCATENATED MODULE: ./src/webgl/profileanalysis/ProfileAnalysis.vue?vue&type=script&setup=true&lang=js
+ 
+;// CONCATENATED MODULE: ./src/webgl/profileanalysis/ProfileAnalysis.vue
+
+
+
+const __exports__ = ProfileAnalysisvue_type_script_setup_true_lang_js;
+
+/* harmony default export */ var ProfileAnalysis = (__exports__);
+;// CONCATENATED MODULE: external "@zpc_npm/vue-iclient-common/init.js"
+var init_js_namespaceObject = require("@zpc_npm/vue-iclient-common/init.js");
+var init_js_default = /*#__PURE__*/__webpack_require__.n(init_js_namespaceObject);
+;// CONCATENATED MODULE: ./src/webgl/profileanalysis/index.js
+
+
+
+
+ProfileAnalysis.install = (Vue, opts) => {
+  init_js_default()(Vue, opts);
+  Vue.component(ProfileAnalysis.name, ProfileAnalysis);
+};
+
+
+module.exports = __webpack_exports__;
+/******/ })()
+;