@kq_npm/client3d_webgl_vue 4.5.2 → 4.5.4-beta

package/viewshedanalysis/index.js

@@ -7,81 +7,113 @@
 		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];
 	}
-})(this, function(__WEBPACK_EXTERNAL_MODULE__1895__, __WEBPACK_EXTERNAL_MODULE__7135__, __WEBPACK_EXTERNAL_MODULE__6277__, __WEBPACK_EXTERNAL_MODULE__3458__, __WEBPACK_EXTERNAL_MODULE__7997__) {
+})(this, function(__WEBPACK_EXTERNAL_MODULE__154__, __WEBPACK_EXTERNAL_MODULE__64__, __WEBPACK_EXTERNAL_MODULE__4822__, __WEBPACK_EXTERNAL_MODULE__2975__, __WEBPACK_EXTERNAL_MODULE__455__) {
 return /******/ (function() { // webpackBootstrap
 /******/ 	"use strict";
 /******/ 	var __webpack_modules__ = ({
 
-/***/ 348:
+/***/ 5698:
 /***/ (function(module) {
 
 module.exports = require("@kq_npm/client_icons_vue");
 
 /***/ }),
 
-/***/ 7080:
+/***/ 3579:
 /***/ (function(module) {
 
 module.exports = require("vue-i18n/dist/vue-i18n.cjs.js");
 
 /***/ }),
 
-/***/ 6277:
+/***/ 4822:
 /***/ (function(module) {
 
-module.exports = __WEBPACK_EXTERNAL_MODULE__6277__;
+module.exports = __WEBPACK_EXTERNAL_MODULE__4822__;
 
 /***/ }),
 
-/***/ 7135:
+/***/ 64:
 /***/ (function(module) {
 
-module.exports = __WEBPACK_EXTERNAL_MODULE__7135__;
+module.exports = __WEBPACK_EXTERNAL_MODULE__64__;
 
 /***/ }),
 
-/***/ 3458:
+/***/ 2975:
 /***/ (function(module) {
 
-module.exports = __WEBPACK_EXTERNAL_MODULE__3458__;
+module.exports = __WEBPACK_EXTERNAL_MODULE__2975__;
 
 /***/ }),
 
-/***/ 7997:
+/***/ 455:
 /***/ (function(module) {
 
-module.exports = __WEBPACK_EXTERNAL_MODULE__7997__;
+module.exports = __WEBPACK_EXTERNAL_MODULE__455__;
 
 /***/ }),
 
-/***/ 1895:
+/***/ 154:
 /***/ (function(module) {
 
-module.exports = __WEBPACK_EXTERNAL_MODULE__1895__;
+module.exports = __WEBPACK_EXTERNAL_MODULE__154__;
 
 /***/ }),
 
-/***/ 8270:
+/***/ 6913:
 /***/ (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;
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  A: 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.");
   }
+  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
 
-  return obj;
+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;
 }
 
+
 /***/ })
 
 /******/ 	});
@@ -153,74 +185,67 @@ function _defineProperty(obj, key, value) {
 /******/ 	
 /************************************************************************/
 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__, {
-  "ViewshedAnalysisViewModel": function() { return /* reexport */ ViewshedAnalysisViewModel; },
+  ViewshedAnalysisViewModel: function() { return /* reexport */ ViewshedAnalysisViewModel; },
   "default": function() { return /* reexport */ ViewshedAnalysis; }
 });
 
 // EXTERNAL MODULE: external {"root":"Vue","commonjs":"vue","commonjs2":"vue","amd":"vue"}
-var external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_ = __webpack_require__(1895);
+var external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_ = __webpack_require__(154);
 // 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
-var defineProperty = __webpack_require__(8270);
+var gis_utils_ = __webpack_require__(64);
+// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/defineProperty.js + 3 modules
+var defineProperty = __webpack_require__(6913);
 // EXTERNAL MODULE: external "@kq_npm/client_common_vue/_utils/const-image"
-var const_image_ = __webpack_require__(6277);
+var const_image_ = __webpack_require__(4822);
 ;// CONCATENATED MODULE: ./src/webgl/viewshedanalysis/ViewshedAnalysisViewModel.js
 
- //可视域分析逻辑类
+/*
+ * Copyright (C) 2019 KQ GEO Technologies Co., Ltd.
+ * All rights reserved.
+ */
 
+//可视域分析逻辑类
 class ViewshedAnalysisViewModel {
-  //可视域分析三维对象
-  //三维场景对象
-  //可视域分析存储参数对象
-  //可视域分析初始点图标
   //可视域分析初始点坐标
-  constructor(scenceView, options) {
-    (0,defineProperty/* default */.Z)(this, "_viewshedAnalysis", null);
-
-    (0,defineProperty/* default */.Z)(this, "_viewer", null);
-
-    (0,defineProperty/* default */.Z)(this, "_scene", null);
-
-    (0,defineProperty/* default */.Z)(this, "_options", null);
-
-    (0,defineProperty/* default */.Z)(this, "_marker", null);
-
-    (0,defineProperty/* default */.Z)(this, "_position", null);
 
+  constructor(scenceView, options) {
+    (0,defineProperty/* default */.A)(this, "_viewshedAnalysis", null);
+    //可视域分析三维对象
+    (0,defineProperty/* default */.A)(this, "_viewer", null);
+    (0,defineProperty/* default */.A)(this, "_scene", null);
+    //三维场景对象
+    (0,defineProperty/* default */.A)(this, "_options", null);
+    //可视域分析存储参数对象
+    (0,defineProperty/* default */.A)(this, "_marker", null);
+    //可视域分析初始点图标
+    (0,defineProperty/* default */.A)(this, "_position", null);
     this._viewer = scenceView._viewer;
     this._scene = scenceView._viewer.scene;
     this._scene.globe.depthTestAgainstTerrain = true;
     this._options = options;
-
     if (this._options.visibleColor) {
       this._options.visibleColor = Cesium.Color.fromCssColorString(this._options.visibleColor);
     }
-
     if (this._options.visibleColor) {
       this._options.invisibleColor = Cesium.Color.fromCssColorString(this._options.invisibleColor);
     }
-  } //开始分析
-
+  }
 
+  //开始分析
   start() {
     this.clear();
     this._viewshedAnalysis = new Cesium.Kq3dViewshedInteractive(this._scene, this._options);
     let that = this;
-
     this._viewshedAnalysis.event.addEventListener((p1, p2) => {
       if (p1 && p2 == undefined) {
         that._position = p1;
         let cartographic = Cesium.Cartographic.fromCartesian(p1);
         let newPos = Cesium.Cartesian3.fromRadians(cartographic.longitude, cartographic.latitude, cartographic.height + that._options.offsetHeight);
-
         if (that._marker) {
           that._marker.position = newPos;
         } else {
@@ -235,85 +260,75 @@ class ViewshedAnalysisViewModel {
         }
       }
     });
+    this._viewshedAnalysis.start();
 
-    this._viewshedAnalysis.start(); // if (!this._viewshedAnalysis.isRunning()) {
+    // if (!this._viewshedAnalysis.isRunning()) {
     //   // 绘制完成后，需要释放绘制事件
     // }
+  }
 
-  } //清除全部结果
-
-
+  //清除全部结果
   clear() {
     // this._viewshedAnalysis && this._viewshedAnalysis.pause();
     this.destroy();
-  } //销毁
-
+  }
 
+  //销毁
   destroy() {
     this._viewshedAnalysis && this._viewshedAnalysis.destroy();
     this._viewshedAnalysis = null;
-
     if (this._marker) {
       this._viewer.entities.remove(this._marker);
-
       this._marker = null;
     }
-  } //设置偏移高度
-
+  }
 
+  //设置偏移高度
   setOffsetHeight(offsetHeight) {
     this._options.offsetHeight = Number(offsetHeight);
     if (this._viewshedAnalysis) this._viewshedAnalysis.attachedViewshed.offsetHeight = this._options.offsetHeight;
-
     if (this._marker) {
       let cartographic = Cesium.Cartographic.fromCartesian(this._position);
       this._marker.position = Cesium.Cartesian3.fromRadians(cartographic.longitude, cartographic.latitude, cartographic.height + this._options.offsetHeight);
     }
-  } //设置水平角
-
-
+  }
+  //设置水平角
   setFovH(fovH) {
     this._options.fovH = Number(fovH);
     if (this._viewshedAnalysis) this._viewshedAnalysis.attachedViewshed.fovH = this._options.fovH;
-  } //设置竖直角
-
-
+  }
+  //设置竖直角
   setFovV(fovV) {
     this._options.fovV = Number(fovV);
     if (this._viewshedAnalysis) this._viewshedAnalysis.attachedViewshed.fovV = this._options.fovV;
-  } //设置可视颜色
-
-
+  }
+  //设置可视颜色
   setVisibleColor(visibleColor) {
     this._options.visibleColor = Cesium.Color.fromCssColorString(visibleColor);
     if (this._viewshedAnalysis) this._viewshedAnalysis.attachedViewshed.visibleColor = this._options.visibleColor;
-  } //设置不可视颜色
-
-
+  }
+  //设置不可视颜色
   setInvisibleColor(invisibleColor) {
     this._options.invisibleColor = Cesium.Color.fromCssColorString(invisibleColor);
     if (this._viewshedAnalysis) this._viewshedAnalysis.attachedViewshed.invisibleColor = this._options.invisibleColor;
-  } //设置网格线颜色
-
-
+  }
+  //设置网格线颜色
   setLineColor(lineColor) {
     this._options.lineColor = lineColor;
     if (this._viewshedAnalysis) this._viewshedAnalysis.attachedViewshed.lineColor = Cesium.Color.fromCssColorString(lineColor);
-  } //显示/隐藏网格线
-
-
+  }
+  //显示/隐藏网格线
   setShowGridLine(showGridLine) {
     this._options.showGridLine = showGridLine;
     if (this._viewshedAnalysis) this._viewshedAnalysis.attachedViewshed.showGridLine = showGridLine;
   }
-
 }
 // EXTERNAL MODULE: external "@kq_npm/client_icons_vue"
-var client_icons_vue_ = __webpack_require__(348);
+var client_icons_vue_ = __webpack_require__(5698);
 // EXTERNAL MODULE: external "@kq_npm/client_common_vue/_utils/util"
-var util_ = __webpack_require__(3458);
+var util_ = __webpack_require__(2975);
 // EXTERNAL MODULE: external "vue-i18n/dist/vue-i18n.cjs.js"
-var vue_i18n_cjs_js_ = __webpack_require__(7080);
+var vue_i18n_cjs_js_ = __webpack_require__(3579);
 ;// CONCATENATED MODULE: ./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/dist/index.js??ruleSet[0]!./src/webgl/viewshedanalysis/ViewshedAnalysis.vue?vue&type=script&setup=true&lang=js
 
 const _hoisted_1 = {
@@ -331,7 +346,7 @@ const _hoisted_2 = {
 const __default__ = {
   name: "Kq3dViewshedAnalysis"
 };
-/* harmony default export */ var ViewshedAnalysisvue_type_script_setup_true_lang_js = (/*#__PURE__*/Object.assign(__default__, {
+/* harmony default export */ var ViewshedAnalysisvue_type_script_setup_true_lang_js = (/*@__PURE__*/Object.assign(__default__, {
   props: {
     // 设置参数
     settingParams: {
@@ -342,7 +357,6 @@ const __default__ = {
       type: Boolean,
       default: true
     },
-
     /**
      * 例："center","topLeft","topRight","bottomLeft","bottomRight", "topCenter", "bottomCenter" {top:'16px',left:'16px'}, {top:16,left:16}
      */
@@ -372,18 +386,18 @@ const __default__ = {
       default: true
     }
   },
-
   setup(__props, {
-    expose
+    expose: __expose
   }) {
-    const props = __props;
     const {
       proxy
     } = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.getCurrentInstance)();
     let currentLang = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)("");
     let language = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)({});
-    let collapseValue = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)(""); // 获取组件传参
+    let collapseValue = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)("");
 
+    // 获取组件传参
+    const props = __props;
     let formItem = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.reactive)({
       offsetHeight: props.settingParams && props.settingParams.offsetHeight || 1.8,
       // 视点高
@@ -409,13 +423,16 @@ const __default__ = {
       // 不可见颜色
       lineColor: props.settingParams && props.settingParams.lineColor || "#E6A23C"
     });
-    let viewModel = null; // 组件容器Ref
+    let viewModel = null;
 
-    let boxRef = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)(null); // 生成组件默认header
+    // 组件容器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 headerTempRef = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)();
 
+    // 国际化
     let {
       locale,
       messages
@@ -435,7 +452,6 @@ const __default__ = {
         watchCreateHeaderTemp();
       });
       currentLang.value = proxy.$i18n.locale; // 获取当前语言类型
-
       gis_utils_.utils.getWebMap(null, scenceView => {
         if (scenceView) {
           viewModel = new ViewshedAnalysisViewModel(scenceView, {
@@ -449,88 +465,71 @@ 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 "height":
           viewModel.setOffsetHeight(formItem.offsetHeight);
           break;
-
         case "fovV":
           viewModel.setFovV(formItem.fovV);
           break;
-
         case "fovH":
           viewModel.setFovH(formItem.fovH);
           break;
-
         case "visibleColor":
           viewModel.setVisibleColor(formItem.visibleColor);
           break;
-
         case "invisibleColor":
           viewModel.setInvisibleColor(formItem.invisibleColor);
           break;
-
         case "lineColor":
           viewModel.setLineColor(formItem.lineColor);
           break;
-
         default:
           break;
       }
-    } //开始分析
-
+    }
 
+    //开始分析
     function startAnalysis() {
       viewModel && viewModel.start();
-    } //清除结果
-
+    }
 
+    //清除结果
     function clearResult() {
       viewModel && viewModel.clear();
-    } // 销毁
-
+    }
 
+    // 销毁
     (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.onBeforeUnmount)(() => {
       viewModel && viewModel.destroy();
     });
-    expose({
+    __expose({
       paramsChanged,
       startAnalysis,
       clearResult
     });
     return (_ctx, _cache) => {
       const _component_kq_row = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.resolveComponent)("kq-row");
-
       const _component_kq_slider = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.resolveComponent)("kq-slider");
-
       const _component_kq_col = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.resolveComponent)("kq-col");
-
       const _component_kq_input_number = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.resolveComponent)("kq-input-number");
-
       const _component_kq_form_item = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.resolveComponent)("kq-form-item");
-
       const _component_kq_color_picker = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.resolveComponent)("kq-color-picker");
-
       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-viewshed-analysis", {
           'kq-box-shadow': __props.showShadow
@@ -541,17 +540,11 @@ 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-viewshed-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).viewshedTips), 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).viewshedTips), 1 /* TEXT */)]),
+        _: 1 /* STABLE */
       }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_collapse, {
         "model-value": (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(collapseValue)
       }, {
@@ -582,12 +575,8 @@ const __default__ = {
                       min: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).minOffsetHeight,
                       max: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).maxOffsetHeight,
                       onInput: _cache[1] || (_cache[1] = $event => paramsChanged('height'))
-                    }, null, 8
-                    /* PROPS */
-                    , ["modelValue", "min", "max"])]),
-                    _: 1
-                    /* STABLE */
-
+                    }, null, 8 /* PROPS */, ["modelValue", "min", "max"])]),
+                    _: 1 /* STABLE */
                   }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_col, {
                     span: 8
                   }, {
@@ -599,26 +588,14 @@ const __default__ = {
                       step: 1,
                       "controls-position": "right",
                       onInput: _cache[3] || (_cache[3] = $event => paramsChanged('height'))
-                    }, null, 8
-                    /* PROPS */
-                    , ["modelValue", "min", "max"])]),
-                    _: 1
-                    /* STABLE */
-
+                    }, null, 8 /* PROPS */, ["modelValue", "min", "max"])]),
+                    _: 1 /* STABLE */
                   })]),
-                  _: 1
-                  /* STABLE */
-
+                  _: 1 /* STABLE */
                 })]),
-                _: 1
-                /* STABLE */
-
-              }, 8
-              /* PROPS */
-              , ["label"])]),
-              _: 1
-              /* STABLE */
-
+                _: 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).FovV
@@ -638,12 +615,8 @@ const __default__ = {
                       min: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).minFovV,
                       max: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).maxFovV,
                       onInput: _cache[5] || (_cache[5] = $event => paramsChanged('fovV'))
-                    }, null, 8
-                    /* PROPS */
-                    , ["modelValue", "min", "max"])]),
-                    _: 1
-                    /* STABLE */
-
+                    }, null, 8 /* PROPS */, ["modelValue", "min", "max"])]),
+                    _: 1 /* STABLE */
                   }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_col, {
                     span: 8
                   }, {
@@ -655,26 +628,14 @@ const __default__ = {
                       step: 1,
                       "controls-position": "right",
                       onInput: _cache[7] || (_cache[7] = $event => paramsChanged('fovV'))
-                    }, null, 8
-                    /* PROPS */
-                    , ["modelValue", "min", "max"])]),
-                    _: 1
-                    /* STABLE */
-
+                    }, null, 8 /* PROPS */, ["modelValue", "min", "max"])]),
+                    _: 1 /* STABLE */
                   })]),
-                  _: 1
-                  /* STABLE */
-
+                  _: 1 /* STABLE */
                 })]),
-                _: 1
-                /* STABLE */
-
-              }, 8
-              /* PROPS */
-              , ["label"])]),
-              _: 1
-              /* STABLE */
-
+                _: 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).FovH
@@ -694,12 +655,8 @@ const __default__ = {
                       min: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).minFovH,
                       max: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).maxFovH,
                       onInput: _cache[9] || (_cache[9] = $event => paramsChanged('fovH'))
-                    }, null, 8
-                    /* PROPS */
-                    , ["modelValue", "min", "max"])]),
-                    _: 1
-                    /* STABLE */
-
+                    }, null, 8 /* PROPS */, ["modelValue", "min", "max"])]),
+                    _: 1 /* STABLE */
                   }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_col, {
                     span: 8
                   }, {
@@ -711,26 +668,14 @@ const __default__ = {
                       step: 1,
                       "controls-position": "right",
                       onInput: _cache[11] || (_cache[11] = $event => paramsChanged('fovH'))
-                    }, null, 8
-                    /* PROPS */
-                    , ["modelValue", "min", "max"])]),
-                    _: 1
-                    /* STABLE */
-
+                    }, null, 8 /* PROPS */, ["modelValue", "min", "max"])]),
+                    _: 1 /* STABLE */
                   })]),
-                  _: 1
-                  /* STABLE */
-
+                  _: 1 /* STABLE */
                 })]),
-                _: 1
-                /* STABLE */
-
-              }, 8
-              /* PROPS */
-              , ["label"])]),
-              _: 1
-              /* STABLE */
-
+                _: 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).visibleColor
@@ -739,18 +684,10 @@ const __default__ = {
                   modelValue: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).visibleColor,
                   "onUpdate:modelValue": _cache[12] || (_cache[12] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).visibleColor = $event),
                   onChange: _cache[13] || (_cache[13] = $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
@@ -759,67 +696,32 @@ const __default__ = {
                   modelValue: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).invisibleColor,
                   "onUpdate:modelValue": _cache[14] || (_cache[14] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).invisibleColor = $event),
                   onChange: _cache[15] || (_cache[15] = $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_.createCommentVNode)(" <kq-row>\r\n            <kq-form-item :label=\"language.lineColor\">\r\n              <kq-color-picker v-model=\"formItem.lineColor\" @change=\"paramsChanged('lineColor')\"> </kq-color-picker>\r\n            </kq-form-item>\r\n          </kq-row> "), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createCommentVNode)("<kq-row :gutter=\"20\">\r\n            <kq-col :span=\"8\">\r\n              <kq-checkbox v-model=\"formItem.showVisible\">{{ language.showVisible }}</kq-checkbox>\r\n            </kq-col>\r\n            <kq-col :span=\"8\">\r\n              <kq-checkbox v-model=\"formItem.showInvisible\">{{ language.showInvisible }}</kq-checkbox>\r\n            </kq-col>\r\n            <kq-col :span=\"8\">\r\n              <kq-checkbox v-model=\"formItem.dynamicVisual\">{{ language.dynamicVisual }}</kq-checkbox>\r\n            </kq-col>\r\n          </kq-row> ")]),
-            _: 1
-            /* STABLE */
-
-          }, 8
-          /* PROPS */
-          , ["label-width"])]),
-          _: 1
-          /* STABLE */
-
-        }, 8
-        /* PROPS */
-        , ["title"])]),
-        _: 1
-        /* STABLE */
-
-      }, 8
-      /* PROPS */
-      , ["model-value"]), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementVNode)("div", _hoisted_2, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_button, {
+            _: 1 /* STABLE */
+          }, 8 /* PROPS */, ["label-width"])]),
+          _: 1 /* STABLE */
+        }, 8 /* PROPS */, ["title"])]),
+        _: 1 /* STABLE */
+      }, 8 /* PROPS */, ["model-value"]), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementVNode)("div", _hoisted_2, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_button, {
         onClick: _cache[16] || (_cache[16] = (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, {
+        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[17] || (_cache[17] = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withModifiers)($event => clearResult(), ["stop"])),
         title: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(language).clearResult
       }, {
-        default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createTextVNode)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.toDisplayString)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(language).clearResult), 1
-        /* TEXT */
-        )]),
-        _: 1
-        /* STABLE */
-
-      }, 8
-      /* PROPS */
-      , ["title"])])])], 2
-      /* CLASS */
-      );
+        default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createTextVNode)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.toDisplayString)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(language).clearResult), 1 /* TEXT */)]),
+        _: 1 /* STABLE */
+      }, 8 /* PROPS */, ["title"])])])], 2 /* CLASS */);
     };
   }
-
 }));
 ;// CONCATENATED MODULE: ./src/webgl/viewshedanalysis/ViewshedAnalysis.vue?vue&type=script&setup=true&lang=js
  
@@ -831,10 +733,13 @@ const __exports__ = ViewshedAnalysisvue_type_script_setup_true_lang_js;
 
 /* harmony default export */ var ViewshedAnalysis = (__exports__);
 // EXTERNAL MODULE: external "@kq_npm/client_common_vue/init.js"
-var init_js_ = __webpack_require__(7997);
+var init_js_ = __webpack_require__(455);
 var init_js_default = /*#__PURE__*/__webpack_require__.n(init_js_);
 ;// CONCATENATED MODULE: ./src/webgl/viewshedanalysis/index.js
-
+/*
+ * Copyright (C) 2019 KQ GEO Technologies Co., Ltd.
+ * All rights reserved.
+ */
 
 
 
@@ -843,8 +748,6 @@ ViewshedAnalysis.install = (Vue, opts) => {
   Vue.component(ViewshedAnalysis.name, ViewshedAnalysis);
 };
 
-
-}();
 /******/ 	return __webpack_exports__;
 /******/ })()
 ;