@kq_npm/client3d_webgl_vue 4.5.29-beta → 4.5.30

package/skylineanalysis/index.js

@@ -2,11 +2,11 @@
 	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/init.js"), require("@kq_npm/client_common_vue/_utils/util"));
 	else if(typeof define === 'function' && define.amd)
-		define(["vue", "@kq_npm/client_common_vue/_utils/gis-utils", "@kq_npm/client_common_vue/init.js", "@kq_npm/client_common_vue/_utils/util"], 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/init.js"), require("@kq_npm/client_common_vue/_utils/util")) : factory(root["Vue"], root["@kq_npm/client_common_vue/_utils/gis-utils"], root["@kq_npm/client_common_vue/init.js"], root["@kq_npm/client_common_vue/_utils/util"]);
-		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/init.js", "@kq_npm/client_common_vue/_utils/util"], 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/init.js"), require("@kq_npm/client_common_vue/_utils/util"));
+	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/init.js"], root["@kq_npm/client_common_vue/_utils/util"]);
 })(this, function(__WEBPACK_EXTERNAL_MODULE__1895__, __WEBPACK_EXTERNAL_MODULE__7135__, __WEBPACK_EXTERNAL_MODULE__7997__, __WEBPACK_EXTERNAL_MODULE__3458__) {
 return /******/ (function() { // webpackBootstrap
 /******/ 	"use strict";
@@ -25,10 +25,12 @@ return /******/ (function() { // webpackBootstrap
  */
 
 
+
 element_plus_dist_index_full_js__WEBPACK_IMPORTED_MODULE_0__.ElMessage.install = (Vue, opts) => {
   _init__WEBPACK_IMPORTED_MODULE_1___default()(Vue, opts);
   Vue.component("KqMessage", element_plus_dist_index_full_js__WEBPACK_IMPORTED_MODULE_0__.ElMessage);
 };
+
 /* harmony default export */ __webpack_exports__["Z"] = (element_plus_dist_index_full_js__WEBPACK_IMPORTED_MODULE_0__.ElMessage);
 
 /***/ }),
@@ -82,59 +84,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;
 }
 
-
 /***/ })
 
 /******/ 	});
@@ -221,12 +191,13 @@ __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: ./node_modules/@babel/runtime/helpers/esm/defineProperty.js
+var defineProperty = __webpack_require__(8270);
 // EXTERNAL MODULE: ./src/common/_ui/message/index.js
 var message = __webpack_require__(1349);
 ;// CONCATENATED MODULE: ./src/webgl/skylineanalysis/SkylineAnalysisViewModel.js
 
+
 /*
  * Copyright (C) 2019 KQ GEO Technologies Co., Ltd.
  * All rights reserved.
@@ -234,33 +205,42 @@ var message = __webpack_require__(1349);
 //天际线分析逻辑类
 
 class SkylineAnalysisViewModel {
+  /**
+   * 天际线分析逻辑类
+   * @param {Object} _skylineAnalysis 天际线分析三维对象
+   * @param {Object} _skylineAnalysisChart 二维天际线折线图表（外部生成）
+   * @param {String} _skylineAnalysisChartTitle 二维天际线折线图表标题（中英文适配）
+   * @param {Object} _options 天际线分析存储参数对象
+   * @param {Object} _showLimitHeightBody 限高体是否显示
+   */
+
   /**
    * 天际线分析逻辑类构造函数
    * @param {*} viewer 三维对象
    * @param {*} option 天际线分析参数对象
    */
   constructor(scenceView, option, chartStyle) {
-    /**
-     * 天际线分析逻辑类
-     * @param {Object} _skylineAnalysis 天际线分析三维对象
-     * @param {Object} _skylineAnalysisChart 二维天际线折线图表（外部生成）
-     * @param {String} _skylineAnalysisChartTitle 二维天际线折线图表标题（中英文适配）
-     * @param {Object} _options 天际线分析存储参数对象
-     * @param {Object} _showLimitHeightBody 限高体是否显示
-     */
     (0,defineProperty/* default */.Z)(this, "_skylineAnalysis", null);
+
     (0,defineProperty/* default */.Z)(this, "_skylineAnalysisChart", null);
+
     (0,defineProperty/* default */.Z)(this, "_skylineAnalysisChartTitle", "");
+
     (0,defineProperty/* default */.Z)(this, "_options", null);
+
     (0,defineProperty/* default */.Z)(this, "_showLimitHeightBody", null);
+
     (0,defineProperty/* default */.Z)(this, "_chartStyle", null);
+
     (0,defineProperty/* default */.Z)(this, "_language", {});
+
     this._language = scenceView._language;
     this._chartStyle = chartStyle;
     let viewer = scenceView._viewer;
     viewer.scene.globe.depthTestAgainstTerrain = true; //开启深度检测
-    viewer.scene.postProcessStages._fxaa.enabled = true;
-    // 创建分析参数对象
+
+    viewer.scene.postProcessStages._fxaa.enabled = true; // 创建分析参数对象
+
     this._options = {
       viewer: viewer,
       lineColor: window.Cesium.Color.fromCssColorString(option.skylineColor),
@@ -272,33 +252,41 @@ class SkylineAnalysisViewModel {
       lineWidth: option.skylineWidth,
       //天际线线宽
       radius: option.skylineRadius //天际线分析范围
+
     };
     if (option.viewPosition) this._options.viewPosition = option.viewPosition;
     if (option.heading) this._options.heading = option.heading;
     if (option.pitch) this._options.pitch = option.pitch;
     if (option.roll) this._options.viewPosition = option.roll;
-    if (option.fov) this._options.fov = option.fov;
-    // 实例化天际线分析类
+    if (option.fov) this._options.fov = option.fov; // 实例化天际线分析类
+
     this._skylineAnalysis = new window.Cesium.Kq3dSkyline(this._options);
   }
   /**
    * 提取天际线
    */
+
+
   pickSkyLine() {
     // 判断是否添加了模型
     var flag = false;
     var models = this._options.viewer.scene.primitives._primitives;
+
     for (let i = 0; i < models.length; i++) {
       if (models[i]._url) {
         flag = true;
       }
     }
+
     if (flag) {
       if (!this._skylineAnalysis || this._skylineAnalysis.isDestroyed()) {
         this._skylineAnalysis = new window.Cesium.Kq3dSkyline(this._options);
       }
+
       this._skylineAnalysis.updateBuffer();
+
       this._skylineAnalysis.pickSkyLine();
+
       this.setSkyline2D();
     } else {
       (0,message/* default */.Z)({
@@ -310,23 +298,30 @@ class SkylineAnalysisViewModel {
   /**
    * 绘制限高体
    */
+
+
   drawLimitHeightBody() {
     // 判断是否添加了模型
     var flag = false;
     var models = this._options.viewer.scene.primitives._primitives;
+
     for (let i = 0; i < models.length; i++) {
       if (models[i]._url) {
         flag = true;
       }
     }
+
     if (flag) {
       if (!this._skylineAnalysis || this._skylineAnalysis.isDestroyed()) {
         this._skylineAnalysis = new window.Cesium.Kq3dSkyline(this._options);
       }
+
       this._showLimitHeightBody = true;
       this._skylineAnalysis.faceColor = this._options.faceColor;
       this._skylineAnalysis.faceOutlineColor = this._options.faceOutlineColor;
+
       this._skylineAnalysis.drawHeightGeo();
+
       this._skylineAnalysis.viewer.camera.moveBackward(1);
     } else {
       (0,message/* default */.Z)({
@@ -338,10 +333,14 @@ class SkylineAnalysisViewModel {
   /**
    * 展示二维天际线
    */
+
+
   setSkyline2D() {
     let chartStyle = this._chartStyle;
     if (!this._skylineAnalysis) return;
+
     var data = this._skylineAnalysis.updateBuffer();
+
     var option = {
       title: {
         text: this._skylineAnalysisChartTitle,
@@ -387,39 +386,51 @@ class SkylineAnalysisViewModel {
     };
     this._skylineAnalysisChart && this._skylineAnalysisChart.setOption(option);
   }
-
   /**
    * 设置echarts图表样式
    */
+
+
   setChartStyle(style) {
     this._chartStyle = style;
+
     if (this._skylineAnalysisChart) {
       let option = this._skylineAnalysisChart.getOption();
+
       option.title[0].textStyle.color = style.textColor;
       option.tooltip[0].backgroundColor = style.backgroundColor;
       option.tooltip[0].textStyle.color = style.textColor;
       option.yAxis[0].axisLabel.color = style.textColor;
+
       this._skylineAnalysisChart.setOption(option);
     }
   }
+
   setChartTitle(title) {
     this._skylineAnalysisChartTitle = title;
+
     if (this._skylineAnalysisChart) {
       let option = this._skylineAnalysisChart.getOption();
+
       option.title[0].text = title;
+
       this._skylineAnalysisChart.setOption(option);
     }
   }
-
   /**
    * 清除限高体
    */
+
+
   removeLimitHeightBody() {
     this._showLimitHeightBody = false;
+
     if (this._skylineAnalysis && !this._skylineAnalysis.isDestroyed()) {
       this._skylineAnalysis.removeAlllimitHeights();
-      this._skylineAnalysis.removeAllFaces();
-      // this._skylineAnalysis.removeGeoJsonDataSource();
+
+      this._skylineAnalysis.removeAllFaces(); // this._skylineAnalysis.removeGeoJsonDataSource();
+
+
       this._skylineAnalysis.removeCzmlJsonDataSource();
     }
   }
@@ -427,6 +438,8 @@ class SkylineAnalysisViewModel {
    * 设置天际线颜色
    * @param {String} lineColor 天际线颜色
    */
+
+
   setLineColor(lineColor) {
     if (!lineColor) return;
     this._options.lineColor = window.Cesium.Color.fromCssColorString(lineColor);
@@ -437,6 +450,8 @@ class SkylineAnalysisViewModel {
    * @param {String} faceColor 限高体轮廓颜色
    * @param {String} alpha 限高体轮廓颜色透明度
    */
+
+
   setFaceColor(faceColor, alpha) {
     if (!faceColor) return;
     this._options.faceColor = window.Cesium.Color.fromCssColorString(faceColor).withAlpha(alpha || 1);
@@ -446,6 +461,8 @@ class SkylineAnalysisViewModel {
    * 设置天际线半径
    * @param {String} radius 天际线半径
    */
+
+
   setRadius(radius) {
     if (!radius) return;
     this._options.radius = radius;
@@ -456,6 +473,8 @@ class SkylineAnalysisViewModel {
    * @param {String} faceColor 限高体轮廓颜色
    * @param {String} alpha 限高体轮廓颜色透明度
    */
+
+
   setFaceColorAlpha(faceColor, alpha) {
     if (!faceColor) return;
     this._options.faceColor = window.Cesium.Color.fromCssColorString(faceColor).withAlpha(alpha || 1);
@@ -466,34 +485,45 @@ class SkylineAnalysisViewModel {
    * @param {String} faceOutlineColor 限高体轮廓颜色
    * @param {String} alpha 限高体轮廓颜色透明度
    */
+
+
   setFaceOutlineColor(faceOutlineColor, alpha) {
     if (!faceOutlineColor) return;
     this._options.faceOutlineColor = window.Cesium.Color.fromCssColorString(faceOutlineColor).withAlpha(alpha || 1);
+
     if (this._skylineAnalysis && this._showLimitHeightBody) {
       this._skylineAnalysis.faceOutlineColor = this._options.faceOutlineColor;
     }
   }
-
   /*
    * 清除
    */
+
+
   clear() {
     this._showLimitHeightBody = false;
+
     if (this._skylineAnalysis) {
       this._skylineAnalysis.destroy();
+
       this._skylineAnalysis = new window.Cesium.Kq3dSkyline(this._options);
     }
   }
   /**
    * 销毁
    */
+
+
   destroy() {
     this._showLimitHeightBody = false;
+
     if (this._skylineAnalysis) {
       this._skylineAnalysis.destroy();
+
       this._skylineAnalysis = null;
     }
   }
+
 }
 // EXTERNAL MODULE: external "@kq_npm/client_icons_vue"
 var client_icons_vue_ = __webpack_require__(348);
@@ -503,7 +533,7 @@ var util_ = __webpack_require__(3458);
 var vue_i18n_cjs_js_ = __webpack_require__(7080);
 ;// CONCATENATED MODULE: external "echarts"
 var external_echarts_namespaceObject = require("echarts");
-;// CONCATENATED MODULE: ./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/dist/index.js??ruleSet[0]!./src/webgl/skylineanalysis/SkylineAnalysis.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/skylineanalysis/SkylineAnalysis.vue?vue&type=script&setup=true&lang=js
 
 const _hoisted_1 = {
   class: "kq3d-skyline-analysis-box"
@@ -525,9 +555,7 @@ const _hoisted_4 = {
 
 
 
-
-
-// 语言
+ // 语言
 
 const __default__ = {
   name: "Kq3dSkylineAnalysis"
@@ -543,6 +571,7 @@ const __default__ = {
       type: Boolean,
       default: true
     },
+
     /**
      * 例："center","topLeft","topRight","bottomLeft","bottomRight", "topCenter", "bottomCenter" {top:'16px',left:'16px'}, {top:16,left:16}
      */
@@ -572,6 +601,7 @@ const __default__ = {
       default: true
     }
   },
+
   setup(__props, {
     expose: __expose
   }) {
@@ -579,14 +609,12 @@ 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 viewModel = null;
-    // chart显示
-    let resultEcahrtVis = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)(false);
-    // 获取组件传参
+
+    let viewModel = null; // chart显示
+
+    let resultEcahrtVis = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)(false); // 获取组件传参
 
     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"),
@@ -608,16 +636,14 @@ const __default__ = {
       maxLimitHeightBodyAlpha: props.settingParams && props.settingParams.maxLimitHeightBodyAlpha || 1,
       // 限高体透明度范围最大值
       skylineWidth: 2 // 天际线宽度
-    });
 
-    // 组件容器Ref
-    let boxRef = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)(null);
+    }); // 组件容器Ref
+
+    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
@@ -652,9 +678,8 @@ const __default__ = {
           viewModel._skylineAnalysisChartTitle = scenceView._language["skylineAnalysisChartTitle"];
         }
       });
-    });
+    }); // 监听主题变化，重置Echarts
 
-    // 监听主题变化，重置Echarts
     const observer = new MutationObserver(mutationsList => {
       for (let mutation of mutationsList) {
         if (mutation.type === "attributes" && mutation.attributeName === "class") {
@@ -662,17 +687,18 @@ const __default__ = {
           viewModel.setChartStyle(style);
         }
       }
-    });
+    }); // 配置要观察的目标节点及其属性
 
-    // 配置要观察的目标节点及其属性
     const targetNode = document.querySelector("html");
     const config = {
       attributes: true
     };
     observer.observe(targetNode, config);
+
     const setEchartsColor = () => {
       let style = {};
       let themeStyle = window.getComputedStyle(document.documentElement).getPropertyValue("color-scheme");
+
       if (themeStyle === "dark") {
         style.textColor = "#fff";
         style.backgroundColor = "#2A2A2A";
@@ -680,62 +706,72 @@ const __default__ = {
         style.textColor = "#333";
         style.backgroundColor = "#ffffff";
       }
+
       return style;
     };
-
     /**
      * @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 pickSkyLine() {
       resultEcahrtVis.value = true;
       setTimeout(() => {
         viewModel._skylineAnalysisChart = external_echarts_namespaceObject.init(document.getElementById("resultEcahrt"));
         viewModel && viewModel.pickSkyLine();
       }, 500);
-    }
-    // 绘制限高体
+    } // 绘制限高体
+
+
     function drawLimitHeightBody() {
       viewModel && viewModel.drawLimitHeightBody();
-    }
-    // 清除限高体
+    } // 清除限高体
+
+
     function removeLimitHeightBody() {
       viewModel && viewModel.removeLimitHeightBody();
-    }
-    //清除结果
+    } //清除结果
+
+
     function clearResult() {
       resultEcahrtVis.value = false;
       viewModel && viewModel.clear();
-    }
-    // 改变天际线颜色
+    } // 改变天际线颜色
+
+
     function onChangeSkylineColor() {
       viewModel && viewModel.setLineColor(formItem.skylineColor);
-    }
-    // 改变限高体颜色
+    } // 改变限高体颜色
+
+
     function onChangeLimitHeightBodyColor() {
       viewModel && viewModel.setFaceColor(formItem.limitHeightBodyColor, formItem.limitHeightBodyAlpha);
-    }
-    // 改变天际线半径
+    } // 改变天际线半径
+
+
     function onChangeSkylineRadius() {
       viewModel && viewModel.setRadius(formItem.skylineRadius);
-    }
-    // 限高体轮廓透明度
+    } // 限高体轮廓透明度
+
+
     function onChangeLimitHeightBodyAlpha() {
       viewModel && viewModel.setFaceColorAlpha(formItem.limitHeightBodyColor, formItem.limitHeightBodyAlpha);
-    }
+    } // 销毁
+
 
-    // 销毁
     (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.onBeforeUnmount)(() => {
       resultEcahrtVis.value = false;
       viewModel && viewModel.destroy();
     });
+
     __expose({
       pickSkyLine,
       drawLimitHeightBody,
@@ -746,17 +782,28 @@ const __default__ = {
       onChangeLimitHeightBodyAlpha,
       clearResult
     });
+
     return (_ctx, _cache) => {
       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_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 = (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-skyline-analysis", {
           'kq-box-shadow': __props.showShadow
@@ -767,7 +814,9 @@ 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_collapse, {
+      }, 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_collapse, {
         "model-value": (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).collapseValue,
         class: "kq3d-skyline-analysis-collapse"
       }, {
@@ -787,10 +836,18 @@ const __default__ = {
                   modelValue: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).skylineColor,
                   "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).skylineColor = $event),
                   onChange: onChangeSkylineColor
-                }, 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).skylineRadius
@@ -810,8 +867,12 @@ const __default__ = {
                       min: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).minSkylineRadius,
                       max: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).maxSkylineRadius,
                       onInput: onChangeSkylineRadius
-                    }, 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
                   }, {
@@ -822,14 +883,26 @@ const __default__ = {
                       step: 100,
                       max: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).maxSkylineRadius,
                       "controls-position": "right"
-                    }, 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).limitHeightBodyColor
@@ -838,10 +911,18 @@ const __default__ = {
                   modelValue: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).limitHeightBodyColor,
                   "onUpdate:modelValue": _cache[3] || (_cache[3] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).limitHeightBodyColor = $event),
                   onChange: onChangeLimitHeightBodyColor
-                }, 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).limitHeightBodyAlpha
@@ -861,8 +942,12 @@ const __default__ = {
                       min: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).minLimitHeightBodyAlpha,
                       max: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).maxLimitHeightBodyAlpha,
                       onInput: onChangeLimitHeightBodyAlpha
-                    }, null, 8 /* PROPS */, ["modelValue", "step", "min", "max"])]),
-                    _: 1 /* STABLE */
+                    }, null, 8
+                    /* PROPS */
+                    , ["modelValue", "step", "min", "max"])]),
+                    _: 1
+                    /* STABLE */
+
                   }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_col, {
                     span: 8
                   }, {
@@ -873,21 +958,43 @@ const __default__ = {
                       step: 0.1,
                       max: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).maxLimitHeightBodyAlpha,
                       "controls-position": "right"
-                    }, null, 8 /* PROPS */, ["modelValue", "min", "step", "max"])]),
-                    _: 1 /* STABLE */
+                    }, null, 8
+                    /* PROPS */
+                    , ["modelValue", "min", "step", "max"])]),
+                    _: 1
+                    /* STABLE */
+
                   })]),
-                  _: 1 /* STABLE */
+                  _: 1
+                  /* STABLE */
+
                 })]),
-                _: 1 /* STABLE */
-              }, 8 /* PROPS */, ["label"])]),
-              _: 1 /* STABLE */
+                _: 1
+                /* STABLE */
+
+              }, 8
+              /* PROPS */
+              , ["label"])]),
+              _: 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_row, {
+          _: 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_row, {
         gutter: 20,
         class: "btnClass"
       }, {
@@ -899,10 +1006,18 @@ const __default__ = {
             title: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(language).pickSkyLine,
             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).pickSkyLine), 1 /* TEXT */)]),
-            _: 1 /* STABLE */
-          }, 8 /* PROPS */, ["title"])]),
-          _: 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).pickSkyLine), 1
+            /* TEXT */
+            )]),
+            _: 1
+            /* STABLE */
+
+          }, 8
+          /* PROPS */
+          , ["title"])]),
+          _: 1
+          /* STABLE */
+
         }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_col, {
           span: 12
         }, {
@@ -911,12 +1026,22 @@ const __default__ = {
             title: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(language).drawLimitHeightBody,
             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).drawLimitHeightBody), 1 /* TEXT */)]),
-            _: 1 /* STABLE */
-          }, 8 /* PROPS */, ["title"])]),
-          _: 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).drawLimitHeightBody), 1
+            /* TEXT */
+            )]),
+            _: 1
+            /* STABLE */
+
+          }, 8
+          /* PROPS */
+          , ["title"])]),
+          _: 1
+          /* STABLE */
+
         })]),
-        _: 1 /* STABLE */
+        _: 1
+        /* STABLE */
+
       }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_row, {
         gutter: 20
       }, {
@@ -927,10 +1052,18 @@ const __default__ = {
             onClick: _cache[8] || (_cache[8] = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withModifiers)($event => removeLimitHeightBody(), ["stop"])),
             title: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(language).removeLimitHeightBody
           }, {
-            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).removeLimitHeightBody), 1 /* TEXT */)]),
-            _: 1 /* STABLE */
-          }, 8 /* PROPS */, ["title"])]),
-          _: 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).removeLimitHeightBody), 1
+            /* TEXT */
+            )]),
+            _: 1
+            /* STABLE */
+
+          }, 8
+          /* PROPS */
+          , ["title"])]),
+          _: 1
+          /* STABLE */
+
         }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_col, {
           span: 12
         }, {
@@ -938,15 +1071,28 @@ const __default__ = {
             onClick: _cache[9] || (_cache[9] = (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"])]),
-          _: 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).clearResult), 1
+            /* TEXT */
+            )]),
+            _: 1
+            /* STABLE */
+
+          }, 8
+          /* PROPS */
+          , ["title"])]),
+          _: 1
+          /* STABLE */
+
         })]),
-        _: 1 /* STABLE */
-      })]), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementVNode)("div", _hoisted_3, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(resultEcahrtVis) ? ((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.openBlock)(), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementBlock)("div", _hoisted_4)) : (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createCommentVNode)("v-if", true)])])], 2 /* CLASS */);
+        _: 1
+        /* STABLE */
+
+      })]), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementVNode)("div", _hoisted_3, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(resultEcahrtVis) ? ((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.openBlock)(), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementBlock)("div", _hoisted_4)) : (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createCommentVNode)("v-if", true)])])], 2
+      /* CLASS */
+      );
     };
   }
+
 }));
 ;// CONCATENATED MODULE: ./src/webgl/skylineanalysis/SkylineAnalysis.vue?vue&type=script&setup=true&lang=js
  
@@ -968,11 +1114,13 @@ var init_js_default = /*#__PURE__*/__webpack_require__.n(init_js_);
 
 
 
+
 SkylineAnalysis.install = (Vue, opts) => {
   init_js_default()(Vue, opts);
   Vue.component(SkylineAnalysis.name, SkylineAnalysis);
 };
 
+
 }();
 /******/ 	return __webpack_exports__;
 /******/ })()