@kq_npm/client3d_webgl_vue 4.5.29-beta → 4.5.31

package/sightlineanalysis/index.js

@@ -2,19 +2,18 @@
 	if(typeof exports === 'object' && typeof module === 'object')
 		module.exports = factory(require("vue"), require("@kq_npm/client_common_vue/_utils/gis-utils"), require("@kq_npm/client_common_vue/_utils/const-image"), 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/const-image", "@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/const-image"), 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/const-image"], root["@kq_npm/client_common_vue/_utils/util"], root["@kq_npm/client_common_vue/init.js"]);
-		for(var i in a) (typeof exports === 'object' ? exports : root)[i] = a[i];
-	}
+		define("@kq_npm/client3d_webgl_vue", ["vue", "@kq_npm/client_common_vue/_utils/gis-utils", "@kq_npm/client_common_vue/_utils/const-image", "@kq_npm/client_common_vue/_utils/util", "@kq_npm/client_common_vue/init.js"], factory);
+	else if(typeof exports === 'object')
+		exports["@kq_npm/client3d_webgl_vue"] = factory(require("vue"), require("@kq_npm/client_common_vue/_utils/gis-utils"), require("@kq_npm/client_common_vue/_utils/const-image"), require("@kq_npm/client_common_vue/_utils/util"), require("@kq_npm/client_common_vue/init.js"));
+	else
+		root["@kq_npm/client3d_webgl_vue"] = factory(root["Vue"], root["@kq_npm/client_common_vue/_utils/gis-utils"], root["@kq_npm/client_common_vue/_utils/const-image"], root["@kq_npm/client_common_vue/_utils/util"], root["@kq_npm/client_common_vue/init.js"]);
 })(this, function(__WEBPACK_EXTERNAL_MODULE__1895__, __WEBPACK_EXTERNAL_MODULE__7135__, __WEBPACK_EXTERNAL_MODULE__6277__, __WEBPACK_EXTERNAL_MODULE__3458__, __WEBPACK_EXTERNAL_MODULE__7997__) {
 return /******/ (function() { // webpackBootstrap
 /******/ 	"use strict";
 /******/ 	var __webpack_modules__ = ({
 
 /***/ 7705:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
+/***/ (function(module) {
 
 
 /*
@@ -23,43 +22,51 @@ return /******/ (function() { // webpackBootstrap
 */
 // css base code, injected by the css-loader
 // eslint-disable-next-line func-names
-__webpack_require__(2118);
-__webpack_require__(2170);
+
 module.exports = function (cssWithMappingToString) {
   var list = []; // return the list of modules as css string
 
   list.toString = function toString() {
     return this.map(function (item) {
       var content = cssWithMappingToString(item);
+
       if (item[2]) {
         return "@media ".concat(item[2], " {").concat(content, "}");
       }
+
       return content;
     }).join("");
   }; // import a list of modules into the list
   // eslint-disable-next-line func-names
 
+
   list.i = function (modules, mediaQuery, dedupe) {
     if (typeof modules === "string") {
       // eslint-disable-next-line no-param-reassign
       modules = [[null, modules, ""]];
     }
+
     var alreadyImportedModules = {};
+
     if (dedupe) {
       for (var i = 0; i < this.length; i++) {
         // eslint-disable-next-line prefer-destructuring
         var id = this[i][0];
+
         if (id != null) {
           alreadyImportedModules[id] = true;
         }
       }
     }
+
     for (var _i = 0; _i < modules.length; _i++) {
       var item = [].concat(modules[_i]);
+
       if (dedupe && alreadyImportedModules[item[0]]) {
         // eslint-disable-next-line no-continue
         continue;
       }
+
       if (mediaQuery) {
         if (!item[2]) {
           item[2] = mediaQuery;
@@ -67,9 +74,11 @@ module.exports = function (cssWithMappingToString) {
           item[2] = "".concat(mediaQuery, " and ").concat(item[2]);
         }
       }
+
       list.push(item);
     }
   };
+
   return list;
 };
 
@@ -373,24 +382,10 @@ module.exports = require("@kq_npm/client_icons_vue");
 
 /***/ }),
 
-/***/ 2118:
-/***/ (function(module) {
-
-module.exports = require("core-js/modules/es.array.push.js");
-
-/***/ }),
-
-/***/ 8470:
+/***/ 3600:
 /***/ (function(module) {
 
-module.exports = require("core-js/modules/esnext.iterator.constructor.js");
-
-/***/ }),
-
-/***/ 2170:
-/***/ (function(module) {
-
-module.exports = require("core-js/modules/esnext.iterator.map.js");
+module.exports = require("core-js/modules/es.array.includes.js");
 
 /***/ }),
 
@@ -436,59 +431,27 @@ module.exports = __WEBPACK_EXTERNAL_MODULE__1895__;
 
 /***/ }),
 
-/***/ 5301:
+/***/ 8270:
 /***/ (function(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
-
-// EXPORTS
-__webpack_require__.d(__webpack_exports__, {
-  "Z": function() { return /* binding */ _defineProperty; }
-});
-
-;// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/typeof.js
-function _typeof(o) {
-  "@babel/helpers - typeof";
-
-  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) {
-    return typeof o;
-  } : function (o) {
-    return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
-  }, _typeof(o);
-}
-
-;// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/toPrimitive.js
-
-function toPrimitive(t, r) {
-  if ("object" != _typeof(t) || !t) return t;
-  var e = t[Symbol.toPrimitive];
-  if (void 0 !== e) {
-    var i = e.call(t, r || "default");
-    if ("object" != _typeof(i)) return i;
-    throw new TypeError("@@toPrimitive must return a primitive value.");
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "Z": function() { return /* binding */ _defineProperty; }
+/* harmony export */ });
+function _defineProperty(obj, key, value) {
+  if (key in obj) {
+    Object.defineProperty(obj, key, {
+      value: value,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+  } else {
+    obj[key] = value;
   }
-  return ("string" === r ? String : Number)(t);
-}
-
-;// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/toPropertyKey.js
-
-
-function toPropertyKey(t) {
-  var i = toPrimitive(t, "string");
-  return "symbol" == _typeof(i) ? i : i + "";
-}
 
-;// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/defineProperty.js
-
-function _defineProperty(e, r, t) {
-  return (r = toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
-    value: t,
-    enumerable: !0,
-    configurable: !0,
-    writable: !0
-  }) : e[r] = t, e;
+  return obj;
 }
 
-
 /***/ })
 
 /******/ 	});
@@ -580,14 +543,10 @@ __webpack_require__.d(__webpack_exports__, {
 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: ./node_modules/@babel/runtime/helpers/esm/defineProperty.js + 3 modules
-var defineProperty = __webpack_require__(5301);
-// EXTERNAL MODULE: external "core-js/modules/es.array.push.js"
-var es_array_push_js_ = __webpack_require__(2118);
-// EXTERNAL MODULE: external "core-js/modules/esnext.iterator.constructor.js"
-var esnext_iterator_constructor_js_ = __webpack_require__(8470);
-;// CONCATENATED MODULE: external "core-js/modules/esnext.iterator.some.js"
-var esnext_iterator_some_js_namespaceObject = require("core-js/modules/esnext.iterator.some.js");
+// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/defineProperty.js
+var defineProperty = __webpack_require__(8270);
+// EXTERNAL MODULE: external "core-js/modules/es.array.includes.js"
+var es_array_includes_js_ = __webpack_require__(3600);
 // EXTERNAL MODULE: ./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js
 var injectStylesIntoStyleTag = __webpack_require__(3379);
 var injectStylesIntoStyleTag_default = /*#__PURE__*/__webpack_require__.n(injectStylesIntoStyleTag);
@@ -613,79 +572,103 @@ var const_image_ = __webpack_require__(6277);
 
 
 
-
 /*
  * Copyright (C) 2019 KQ GEO Technologies Co., Ltd.
  * All rights reserved.
  */
 
+ //通视分析逻辑类
 
-//通视分析逻辑类
 class SightlineAnalysisViewModel {
+  //三维viewer对象
+  //通视分析三维对象
+  //绘制管理对象
+  //绘制完成监听事件
+  //障碍物颜色
+  //是否显示标注
+  //添加的点的类型
+  //创建的divpoint集合
+  //拾取的点位集合
+  //高亮的障碍物的id集合
+  // 点位图标billboards集合
   constructor(scenceView, options, language) {
     (0,defineProperty/* default */.Z)(this, "_viewer", null);
-    //三维viewer对象
+
     (0,defineProperty/* default */.Z)(this, "_sightlineAnalysis", null);
-    //通视分析三维对象
+
     (0,defineProperty/* default */.Z)(this, "_drawManager", null);
-    //绘制管理对象
+
     (0,defineProperty/* default */.Z)(this, "_removeEventListener", null);
-    //绘制完成监听事件
+
     (0,defineProperty/* default */.Z)(this, "_obstacleColor", Cesium.Color.RED);
-    //障碍物颜色
+
     (0,defineProperty/* default */.Z)(this, "_isLabel", false);
-    //是否显示标注
+
     (0,defineProperty/* default */.Z)(this, "_addType", 0);
-    //添加的点的类型
+
     (0,defineProperty/* default */.Z)(this, "_pointCollection", []);
-    //创建的divpoint集合
+
     (0,defineProperty/* default */.Z)(this, "_cartographicList", []);
-    //拾取的点位集合
+
     (0,defineProperty/* default */.Z)(this, "_highlightIds", []);
-    //高亮的障碍物的id集合
+
     (0,defineProperty/* default */.Z)(this, "_billboards", []);
-    // 点位图标billboards集合
+
     (0,defineProperty/* default */.Z)(this, "_language", null);
+
     this._viewer = scenceView._viewer;
     this._viewer.scene.postProcessStages._fxaa.enabled = true;
     this._viewer.scene.globe.depthTestAgainstTerrain = true; //开启深度检测
+
     this._language = language;
     options.viewer = this._viewer;
+
     if (options.visibleColor) {
       options.visibleColor = Cesium.Color.fromCssColorString(options.visibleColor);
     }
+
     if (options.visibleColor) {
       options.invisibleColor = Cesium.Color.fromCssColorString(options.invisibleColor);
     }
+
     if (options.obstacleColor) {
       this._obstacleColor = Cesium.Color.fromCssColorString(options.obstacleColor);
     }
+
     this._isLabel = options.isLabel;
     options.isLabel = false;
     this._sightlineAnalysis = new Cesium.Kq3dSightAnalysis(options);
     this._drawManager = scenceView._drawManager;
+
     this._drawManager.enableMultiDraw(true);
+
     let that = this;
     this._removeEventListener = this._drawManager.drawFinishedEvent.addEventListener(shape => {
       if (shape && shape.type === "marker") {
         that.createBillboard(shape.position);
+
         if (that._addType === 1) {
           that._sightlineAnalysis.setSeePoint(shape.position);
+
           that.clearDisplay();
           that.createLabels(that._sightlineAnalysis._pickedPos);
           that.highlightObstacles(that._sightlineAnalysis._pickedFeatures);
         } else if (that._addType === 2) {
           let result = that._sightlineAnalysis.addTargetPoint(shape.position);
+
           that.createLabels(result.cartographic);
           that.highlightObstacles(result.id);
         }
+
         that._drawManager.clear();
       }
     });
-  }
-  // 创建图标
+  } // 创建图标
+
+
   createBillboard(pos) {
     if (this._addType == 1) this.clearBillboards("marker" + this._addType);
+
     this._billboards.push(this._viewer.entities.add({
       position: pos,
       name: "marker" + this._addType,
@@ -695,8 +678,9 @@ class SightlineAnalysisViewModel {
         disableDepthTestDistance: Number.POSITIVE_INFINITY
       }
     }));
-  }
-  //创建点位置
+  } //创建点位置
+
+
   createDivPoint(position) {
     if (position) {
       var longitude = Cesium.Math.toDegrees(position.longitude).toFixed(5);
@@ -721,9 +705,11 @@ class SightlineAnalysisViewModel {
                     <span class="triangle"></span>
                 </div>`;
       html = html.replace('{X}', longitude).replace('{Y}', latitude).replace('{Z}', height);
+
       if (this._language) {
         html = html.replace('X', this._language.value.longitude).replace('Y', this._language.value.latitude).replace('Z', this._language.value.elevation);
       }
+
       var divpoint = new Cesium.Kq3dHtmlTag(this._viewer, {
         html: html,
         position: position,
@@ -731,14 +717,16 @@ class SightlineAnalysisViewModel {
         alignmentMode: 7,
         noEvent: true
       });
+
       if (!this._isLabel) {
         divpoint.setVisible(false);
       }
+
       this._pointCollection.push(divpoint);
     }
-  }
+  } //创建label标签
+
 
-  //创建label标签
   createLabels(positions) {
     for (let i = 0; i < positions.length; i++) {
       let include = this._cartographicList.some(item => {
@@ -746,17 +734,20 @@ class SightlineAnalysisViewModel {
           return true;
         }
       });
+
       if (!include) {
         this.createDivPoint(positions[i]);
       }
     }
+
     this._cartographicList = [].concat(positions);
-  }
+  } //设置3DTileset颜色
+
 
-  //设置3DTileset颜色
   set3DTilesetColor(color, ids) {
     if (!ids) ids = [];
     let primitives = this._viewer.scene.primitives._primitives;
+
     for (let i = 0; i < primitives.length; i++) {
       if (primitives[i] instanceof Cesium.Cesium3DTileset) {
         primitives[i].style = new Cesium.Cesium3DTileStyle({
@@ -769,47 +760,51 @@ class SightlineAnalysisViewModel {
         });
       }
     }
-  }
+  } //高亮障碍物
+
 
-  //高亮障碍物
   highlightObstacles(ids) {
     if (!ids || ids.length === 0) return;
     this._highlightIds = ids;
     this.set3DTilesetColor(this._obstacleColor, ids);
-  }
+  } //清除所有高亮效果
+
 
-  //清除所有高亮效果
   clearHighlights() {
     this._highlightIds = [];
     this.set3DTilesetColor(Cesium.Color.WHITE);
-  }
+  } //添加观察点
+
 
-  //添加观察点
   addSeePoint() {
     this._addType = 1;
+
     this._drawManager.startDraw("point", {
       image: const_image_.OBSERVATION_POINT
     });
-  }
+  } //添加目标点
+
 
-  //添加目标点
   addTargetPoint() {
     if (!this._sightlineAnalysis._seePoint) return;
     this._addType = 2;
+
     this._drawManager.startDraw("point", {
       image: const_image_.TARGET_POINT
     });
-  }
+  } //清除显示结果
+
 
-  //清除显示结果
   clearDisplay() {
     //清除标注
     for (var i = 0; i < this._pointCollection.length; i++) {
       this._pointCollection[i].destroy();
     }
+
     this._pointCollection = [];
-  }
-  // 清楚billboards
+  } // 清楚billboards
+
+
   clearBillboards(val) {
     for (var i = 0; i < this._billboards.length; i++) {
       if (val) {
@@ -818,55 +813,65 @@ class SightlineAnalysisViewModel {
         this._viewer.entities.remove(this._billboards[i]);
       }
     }
+
     if (!val) this._billboards = [];
-  }
-  //清除全部
+  } //清除全部
+
+
   clearAll() {
     this._drawManager.stopDraw();
+
     this.clearDisplay();
     this.clearHighlights();
     this.clearBillboards();
     this._sightlineAnalysis && this._sightlineAnalysis.remove();
-  }
+  } //销毁
+
 
-  //销毁
   destroy() {
-    this.clearAll();
-    //销毁分析对象
+    this.clearAll(); //销毁分析对象
+
     this._sightlineAnalysis && this._sightlineAnalysis.destroy();
-    this._sightlineAnalysis = null;
-    //移除监听事件
+    this._sightlineAnalysis = null; //移除监听事件
+
     this._removeEventListener && this._removeEventListener();
     this._removeEventListener = null;
-    this._drawManager.enableMultiDraw(false);
-  }
 
-  // //设置线宽
+    this._drawManager.enableMultiDraw(false);
+  } // //设置线宽
   // setLineWidth(lineWith) {
   //   this._sightlineAnalysis.lineWith = Number(lineWith);
   // }
   //设置可视颜色
+
+
   setVisibleColor(visibleColor) {
     this._sightlineAnalysis.visibleColor = Cesium.Color.fromCssColorString(visibleColor);
-  }
-  //设置不可视颜色
+  } //设置不可视颜色
+
+
   setInvisibleColor(invisibleColor) {
     this._sightlineAnalysis.invisibleColor = Cesium.Color.fromCssColorString(invisibleColor);
-  }
-  //设置障碍物颜色
+  } //设置障碍物颜色
+
+
   setObstacleColor(obstacleColor) {
     this._obstacleColor = Cesium.Color.fromCssColorString(obstacleColor);
+
     if (this._highlightIds.length > 0) {
       this.set3DTilesetColor(this._obstacleColor, this._highlightIds);
     }
-  }
-  //显示/隐藏标注
+  } //显示/隐藏标注
+
+
   setShowLabel(isLabel) {
     this._isLabel = isLabel;
+
     for (var i = 0; i < this._pointCollection.length; i++) {
       this._pointCollection[i].setVisible(isLabel);
     }
   }
+
 }
 // EXTERNAL MODULE: external "@kq_npm/client_icons_vue"
 var client_icons_vue_ = __webpack_require__(348);
@@ -874,7 +879,7 @@ var client_icons_vue_ = __webpack_require__(348);
 var util_ = __webpack_require__(3458);
 // 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/sightlineanalysis/SightlineAnalysis.vue?vue&type=script&setup=true&lang=js
+;// CONCATENATED MODULE: ./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/webgl/sightlineanalysis/SightlineAnalysis.vue?vue&type=script&setup=true&lang=js
 
 const _hoisted_1 = {
   class: "kq3d-sightline-analysis-box"
@@ -902,6 +907,7 @@ const __default__ = {
       type: Boolean,
       default: true
     },
+
     /**
      * 例："center","topLeft","topRight","bottomLeft","bottomRight", "topCenter", "bottomCenter" {top:'16px',left:'16px'}, {top:16,left:16}
      */
@@ -931,6 +937,7 @@ const __default__ = {
       default: true
     }
   },
+
   setup(__props, {
     expose: __expose
   }) {
@@ -938,9 +945,7 @@ const __default__ = {
     const {
       proxy
     } = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.getCurrentInstance)();
-    let language = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)(proxy.$i18n.global.messages[proxy.$i18n.global.locale]["webgl"]);
-
-    // 获取组件传参
+    let language = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)(proxy.$i18n.global.messages[proxy.$i18n.global.locale]["webgl"]); // 获取组件传参
 
     let formItem = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.reactive)({
       collapseValue: props.settingParams && props.settingParams.collapseValue || ((props.settingParams && props.settingParams.collapseValue) == '' ? "" : "setting"),
@@ -953,16 +958,13 @@ const __default__ = {
       highlightObstacle: props.settingParams && props.settingParams.highlightObstacle !== undefined || false,
       isLabel: props.settingParams && props.settingParams.isLabel !== undefined || true
     });
-    let viewModel = null;
+    let viewModel = null; // 组件容器Ref
 
-    // 组件容器Ref
-    let boxRef = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)(null);
+    let boxRef = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)(null); // 生成组件默认header
 
-    // 生成组件默认header
     let headerTemp = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)();
-    let headerTempRef = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)();
+    let headerTempRef = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)(); // 国际化
 
-    // 国际化
     let {
       locale,
       messages
@@ -983,9 +985,8 @@ const __default__ = {
         (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.nextTick)(() => {
           watchCreateHeaderTemp();
         });
-      });
+      }); //父组件ScenceView初始化完成后执行
 
-      //父组件ScenceView初始化完成后执行
       gis_utils_.utils.getWebMap(null, scenceView => {
         if (scenceView) {
           let options = {
@@ -1002,12 +1003,14 @@ const __default__ = {
     /**
      * @description 监听header生成
      */
+
     const watchCreateHeaderTemp = () => {
       if (props.showHeaderTemp) {
         // 生成headerTemp
         headerTemp.value = (0,util_.createHeaderTemp)(boxRef.value, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.toRefs)(props), headerTempRef, headerTempTitle);
       }
     };
+
     function paramsChanged(key) {
       switch (key) {
         // case "lineWidth":
@@ -1016,54 +1019,68 @@ const __default__ = {
         case "visibleColor":
           viewModel.setVisibleColor(formItem.visibleColor);
           break;
+
         case "invisibleColor":
           viewModel.setInvisibleColor(formItem.invisibleColor);
           break;
+
         case "obstacleColor":
           viewModel.setObstacleColor(formItem.obstacleColor);
           break;
+
         case "isLabel":
           viewModel.setShowLabel(formItem.isLabel);
           break;
+
         default:
           break;
       }
-    }
+    } //添加观察点
+
 
-    //添加观察点
     function addSeePoint() {
       viewModel && viewModel.addSeePoint();
-    }
+    } //添加目标点
+
 
-    //添加目标点
     function addTargetPoint() {
       viewModel && viewModel.addTargetPoint();
-    }
+    } //清除结果
+
 
-    //清除结果
     function clearResult() {
       viewModel && viewModel.clearAll();
-    }
+    } // 销毁
+
 
-    // 销毁
     (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.onBeforeUnmount)(() => {
       viewModel && viewModel.destroy();
     });
+
     __expose({
       paramsChanged,
       addSeePoint,
       addTargetPoint,
       clearResult
     });
+
     return (_ctx, _cache) => {
       const _component_kq_row = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.resolveComponent)("kq-row");
+
       const _component_kq_color_picker = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.resolveComponent)("kq-color-picker");
+
       const _component_kq_form_item = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.resolveComponent)("kq-form-item");
+
       const _component_kq_checkbox = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.resolveComponent)("kq-checkbox");
+
       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");
+
       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-sightline-analysis", {
           'kq-box-shadow': __props.showShadow
@@ -1074,11 +1091,17 @@ const __default__ = {
         key: 0,
         ref_key: "headerTempRef",
         ref: headerTempRef
-      }, null, 512 /* NEED_PATCH */)) : (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createCommentVNode)("v-if", true), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementVNode)("div", _hoisted_1, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_row, {
+      }, null, 512
+      /* NEED_PATCH */
+      )) : (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createCommentVNode)("v-if", true), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementVNode)("div", _hoisted_1, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_row, {
         class: "kq3d-sightline-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).sightTips), 1 /* TEXT */)]),
-        _: 1 /* STABLE */
+        default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementVNode)("p", null, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.toDisplayString)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(language).sightTips), 1
+        /* TEXT */
+        )]),
+        _: 1
+        /* STABLE */
+
       }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_collapse, {
         "model-value": (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).collapseValue
       }, {
@@ -1098,10 +1121,18 @@ const __default__ = {
                   modelValue: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).visibleColor,
                   "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).visibleColor = $event),
                   onChange: _cache[1] || (_cache[1] = $event => paramsChanged('visibleColor'))
-                }, null, 8 /* PROPS */, ["modelValue"])]),
-                _: 1 /* STABLE */
-              }, 8 /* PROPS */, ["label"])]),
-              _: 1 /* STABLE */
+                }, null, 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).invisibleColor
@@ -1110,10 +1141,18 @@ const __default__ = {
                   modelValue: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).invisibleColor,
                   "onUpdate:modelValue": _cache[2] || (_cache[2] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).invisibleColor = $event),
                   onChange: _cache[3] || (_cache[3] = $event => paramsChanged('invisibleColor'))
-                }, null, 8 /* PROPS */, ["modelValue"])]),
-                _: 1 /* STABLE */
-              }, 8 /* PROPS */, ["label"])]),
-              _: 1 /* STABLE */
+                }, null, 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).obstacleColor
@@ -1122,49 +1161,96 @@ const __default__ = {
                   modelValue: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).obstacleColor,
                   "onUpdate:modelValue": _cache[4] || (_cache[4] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).obstacleColor = $event),
                   onChange: _cache[5] || (_cache[5] = $event => paramsChanged('obstacleColor'))
-                }, null, 8 /* PROPS */, ["modelValue"])]),
-                _: 1 /* STABLE */
-              }, 8 /* PROPS */, ["label"])]),
-              _: 1 /* STABLE */
+                }, null, 8
+                /* PROPS */
+                , ["modelValue"])]),
+                _: 1
+                /* STABLE */
+
+              }, 8
+              /* PROPS */
+              , ["label"])]),
+              _: 1
+              /* STABLE */
+
             }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createCommentVNode)(" <kq-row style=\"display: flex\">\r\n            <kq-col :span=\"12\">\r\n              <kq-checkbox v-model=\"formItem.obstaclePoint\">{{ language.obstaclePoint }}</kq-checkbox>\r\n            </kq-col>\r\n            <kq-col :span=\"12\">\r\n              <kq-checkbox v-model=\"formItem.highlightObstacle\">{{ language.highlightObstacle }}</kq-checkbox>\r\n            </kq-col>\r\n          </kq-row> "), (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_checkbox, {
                 modelValue: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).isLabel,
                 "onUpdate:modelValue": _cache[6] || (_cache[6] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).isLabel = $event),
                 onChange: _cache[7] || (_cache[7] = $event => paramsChanged('isLabel'))
               }, {
-                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).showLabel), 1 /* TEXT */)]),
-                _: 1 /* STABLE */
-              }, 8 /* PROPS */, ["modelValue"])]),
-              _: 1 /* STABLE */
+                default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createTextVNode)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.toDisplayString)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(language).showLabel), 1
+                /* TEXT */
+                )]),
+                _: 1
+                /* STABLE */
+
+              }, 8
+              /* PROPS */
+              , ["modelValue"])]),
+              _: 1
+              /* STABLE */
+
             })]),
-            _: 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_.createElementVNode)("div", _hoisted_2, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_button, {
+          _: 1
+          /* STABLE */
+
+        }, 8
+        /* PROPS */
+        , ["title"])]),
+        _: 1
+        /* STABLE */
+
+      }, 8
+      /* PROPS */
+      , ["model-value"]), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementVNode)("div", _hoisted_2, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_button, {
         onClick: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withModifiers)(addSeePoint, ["stop"]),
         title: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(language).seePoint,
         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).seePoint), 1 /* TEXT */)]),
-        _: 1 /* STABLE */
-      }, 8 /* PROPS */, ["onClick", "title"]), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_button, {
+        default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createTextVNode)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.toDisplayString)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(language).seePoint), 1
+        /* TEXT */
+        )]),
+        _: 1
+        /* STABLE */
+
+      }, 8
+      /* PROPS */
+      , ["onClick", "title"]), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_button, {
         onClick: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withModifiers)(addTargetPoint, ["stop"]),
         title: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(language).targetPoint,
         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).targetPoint), 1 /* TEXT */)]),
-        _: 1 /* STABLE */
-      }, 8 /* PROPS */, ["onClick", "title"]), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_button, {
+        default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createTextVNode)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.toDisplayString)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(language).targetPoint), 1
+        /* TEXT */
+        )]),
+        _: 1
+        /* STABLE */
+
+      }, 8
+      /* PROPS */
+      , ["onClick", "title"]), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_button, {
         onClick: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withModifiers)(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 */, ["onClick", "title"])])])], 2 /* CLASS */);
+        default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createTextVNode)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.toDisplayString)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(language).clearResult), 1
+        /* TEXT */
+        )]),
+        _: 1
+        /* STABLE */
+
+      }, 8
+      /* PROPS */
+      , ["onClick", "title"])])])], 2
+      /* CLASS */
+      );
     };
   }
+
 }));
 ;// CONCATENATED MODULE: ./src/webgl/sightlineanalysis/SightlineAnalysis.vue?vue&type=script&setup=true&lang=js
  
@@ -1186,11 +1272,13 @@ var init_js_default = /*#__PURE__*/__webpack_require__.n(init_js_);
 
 
 
+
 SightlineAnalysis.install = (Vue, opts) => {
   init_js_default()(Vue, opts);
   Vue.component(SightlineAnalysis.name, SightlineAnalysis);
 };
 
+
 }();
 /******/ 	return __webpack_exports__;
 /******/ })()