@kq_npm/client3d_webgl_vue 4.5.28-beta → 4.5.30

package/slopeaspectanalysis/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/_utils/const-image"), 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/_utils/const-image", "@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/_utils/const-image"), 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/_utils/const-image"], 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/_utils/const-image", "@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/_utils/const-image"), 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/_utils/const-image"], 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__6277__, __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);
 
 /***/ }),
@@ -40,27 +42,6 @@ module.exports = require("@kq_npm/client_icons_vue");
 
 /***/ }),
 
-/***/ 8470:
-/***/ (function(module) {
-
-module.exports = require("core-js/modules/esnext.iterator.constructor.js");
-
-/***/ }),
-
-/***/ 8697:
-/***/ (function(module) {
-
-module.exports = require("core-js/modules/esnext.iterator.find.js");
-
-/***/ }),
-
-/***/ 2170:
-/***/ (function(module) {
-
-module.exports = require("core-js/modules/esnext.iterator.map.js");
-
-/***/ }),
-
 /***/ 9389:
 /***/ (function(module) {
 
@@ -110,59 +91,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;
 }
 
-
 /***/ })
 
 /******/ 	});
@@ -245,18 +194,12 @@ __webpack_require__.d(__webpack_exports__, {
   "default": function() { return /* reexport */ SlopeAspectAnalysis; }
 });
 
-// EXTERNAL MODULE: external "core-js/modules/esnext.iterator.constructor.js"
-var esnext_iterator_constructor_js_ = __webpack_require__(8470);
-// EXTERNAL MODULE: external "core-js/modules/esnext.iterator.find.js"
-var esnext_iterator_find_js_ = __webpack_require__(8697);
-// EXTERNAL MODULE: external "core-js/modules/esnext.iterator.map.js"
-var esnext_iterator_map_js_ = __webpack_require__(2170);
 // EXTERNAL MODULE: external {"root":"Vue","commonjs":"vue","commonjs2":"vue","amd":"vue"}
 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: external "@kq_npm/client_common_vue/_utils/const-image"
 var const_image_ = __webpack_require__(6277);
 // EXTERNAL MODULE: ./src/common/_ui/message/index.js
@@ -264,28 +207,30 @@ var message = __webpack_require__(1349);
 ;// CONCATENATED MODULE: ./src/webgl/slopeaspectanalysis/SlopeAspectAnalysisViewModel.js
 
 
-
 /*
  * Copyright (C) 2019 KQ GEO Technologies Co., Ltd.
  * All rights reserved.
  */
+ // 分析逻辑类
 
-// 分析逻辑类
 
 class SlopeAspectAnalysisViewModel {
+  // 坡度坡向三维对象
+  // 坡向三维对象
+  //全局参数
   constructor(scenceView, viewModel) {
     (0,defineProperty/* default */.Z)(this, "_slopeAnalysis", null);
-    // 坡度坡向三维对象
+
     (0,defineProperty/* default */.Z)(this, "_aspectAnalysis", null);
-    // 坡向三维对象
-    //全局参数
+
     (0,defineProperty/* default */.Z)(this, "_globaOptions", {
       viewer: null,
       _drawManager: null
     });
+
     (0,defineProperty/* default */.Z)(this, "_language", {});
-    (0,defineProperty/* default */.Z)(this, "_colorImages", [
-    //渐变图片集合
+
+    (0,defineProperty/* default */.Z)(this, "_colorImages", [//渐变图片集合
     {
       value: "0",
       src: const_image_.RED_TO_PURPLE_URL
@@ -296,6 +241,7 @@ class SlopeAspectAnalysisViewModel {
       value: "2",
       src: const_image_.GREEN_TO_BLUE_URL
     }]);
+
     this._language = scenceView._language;
     this._globaOptions.viewer = scenceView._viewer;
     this._globaOptions.viewModel = {
@@ -316,9 +262,10 @@ class SlopeAspectAnalysisViewModel {
     };
     this._globaOptions.viewer.scene.globe.depthTestAgainstTerrain = true; //开启深度检测
     // this._globaOptions.viewer.scene.globe.enableLighting = true;
+
     this._globaOptions._drawManager = scenceView._drawManager;
-    var that = this;
-    // 坡度对象
+    var that = this; // 坡度对象
+
     this._aspectAnalysis = new window.Cesium.Kq3dAspect({
       interval: viewModel.interval || 500,
       // 采样间隔
@@ -331,8 +278,8 @@ class SlopeAspectAnalysisViewModel {
     this._globaOptions._drawFinishedEventListener = this._globaOptions._drawManager.drawFinishedEvent.addEventListener(shape => {
       if (shape) {
         that._globaOptions.viewModel.positions = shape._controlPoints;
-        if (that._aspectAnalysis) that._aspectAnalysis.positions = shape._controlPoints;
-        // 实例化分析对象
+        if (that._aspectAnalysis) that._aspectAnalysis.positions = shape._controlPoints; // 实例化分析对象
+
         if (!that._slopeAnalysis) {
           switch (that._globaOptions.viewModel.fillStyle) {
             case "tableColor":
@@ -344,6 +291,7 @@ class SlopeAspectAnalysisViewModel {
                 colorTable: that._globaOptions.viewModel.colorTable
               });
               break;
+
             case "colorImage":
               that._slopeAnalysis = new Cesium.Kq3dSlope({
                 viewer: that._globaOptions.viewer,
@@ -352,6 +300,7 @@ class SlopeAspectAnalysisViewModel {
                 colorImage: that._globaOptions.viewModel.imageSrc
               });
               break;
+
             case "slopeFilter":
               that._slopeAnalysis = new Cesium.Kq3dSlope({
                 viewer: that._globaOptions.viewer,
@@ -366,20 +315,26 @@ class SlopeAspectAnalysisViewModel {
         } else {
           that._slopeAnalysis.positions = that._globaOptions.viewModel.positions;
         }
+
         that._globaOptions._drawManager.clear();
       }
     });
-  }
-  //获取图片路径
+  } //获取图片路径
+
+
   getImagePath(value) {
     var imagePath = "";
+
     var image = this._colorImages.find(item => item.value === value);
+
     if (image) {
       imagePath = image.src;
     }
+
     return imagePath;
-  }
-  // 开始分析
+  } // 开始分析
+
+
   start() {
     // 判断是否添加了地形
     if (this._globaOptions.viewModel.viewer.terrainProvider.availability) {
@@ -414,12 +369,13 @@ class SlopeAspectAnalysisViewModel {
         type: "warning"
       });
     }
-  }
+  } //修改填充样式
+
 
-  //修改填充样式
   changeFilltyle(key) {
     this._globaOptions.viewModel.fillStyle = key;
     if (!this._slopeAnalysis) return;
+
     switch (key) {
       case "tableColor":
         if (this._slopeAnalysis.isFilter) this._slopeAnalysis.isFilter = false;
@@ -428,6 +384,7 @@ class SlopeAspectAnalysisViewModel {
         this._slopeAnalysis.colorTableDegree = this._globaOptions.viewModel.colorTableDegree;
         this._slopeAnalysis.colorTable = this._globaOptions.viewModel.colorTable;
         break;
+
       case "colorImage":
         if (this._slopeAnalysis.isFilter) this._slopeAnalysis.isFilter = false;
         this._slopeAnalysis.colorTableDegree = [];
@@ -435,83 +392,101 @@ class SlopeAspectAnalysisViewModel {
         this._slopeAnalysis.color = null;
         this._slopeAnalysis.colorImage = this._globaOptions.viewModel.imageSrc;
         break;
+
       case "slopeFilter":
         this._slopeAnalysis.colorImage = null;
         this._slopeAnalysis.isFilter = true;
         this._slopeAnalysis.minSlope = this._globaOptions.viewModel.minSlope, this._slopeAnalysis.maxSlope = this._globaOptions.viewModel.maxSlope, this._slopeAnalysis.color = Cesium.Color.fromCssColorString(this._globaOptions.viewModel.slopeColorText).withAlpha(Number(this._globaOptions.viewModel.slopeColorAlpha));
         break;
     }
-  }
-  // 设置填充纹理值
+  } // 设置填充纹理值
+
+
   setColorTableDegree(newValue) {
     this._globaOptions.viewModel.colorTableDegree = newValue;
     if (this._slopeAnalysis) this._slopeAnalysis.colorTableDegree = this._globaOptions.viewModel.colorTableDegree;
-  }
-  // 设置填充纹理颜色
+  } // 设置填充纹理颜色
+
+
   setColorTable(newValue) {
     this._globaOptions.viewModel.colorTable = newValue;
     if (this._slopeAnalysis) this._slopeAnalysis.colorTable = this._globaOptions.viewModel.colorTable;
-  }
-  // 设置填充纹理
+  } // 设置填充纹理
+
+
   setColorImage(newValue) {
     this._globaOptions.viewModel.imageSrc = newValue;
     if (this._slopeAnalysis) this._slopeAnalysis.colorImage = this._globaOptions.viewModel.imageSrc;
-  }
-  // 设置渐变纹理
+  } // 设置渐变纹理
+
+
   getColorLine(key) {
     var path = "";
+
     switch (key) {
       case 0:
         path = const_image_.RED_TO_PURPLE_URL;
         break;
+
       case 1:
         path = const_image_.PURPLE_TO_YELLOW_URL;
         break;
+
       case 2:
         path = const_image_.GREEN_TO_BLUE_URL;
         break;
+
       default:
         path = const_image_.RED_TO_PURPLE_URL;
         break;
     }
+
     return path;
-  }
-  // 设置坡度过滤样式
+  } // 设置坡度过滤样式
+
+
   setSlopeFilterColor(slopeColorText, slopeColorAlpha) {
     this._globaOptions.viewModel.slopeColorText = slopeColorText;
     this._globaOptions.viewModel.slopeColorAlpha = Number(slopeColorAlpha);
     if (this._slopeAnalysis) this._slopeAnalysis.color = Cesium.Color.fromCssColorString(slopeColorText).withAlpha(Number(slopeColorAlpha));
-  }
-  // 设置最小坡度值
+  } // 设置最小坡度值
+
+
   setSlopeFilterMin(newValue) {
     this._globaOptions.viewModel.minSlope = Number(newValue);
     if (this._slopeAnalysis) this._slopeAnalysis.minSlope = this._globaOptions.viewModel.minSlope;
-  }
-  // 设置最大坡度值
+  } // 设置最大坡度值
+
+
   setSlopeFilterMax(newValue) {
     this._globaOptions.viewModel.maxSlope = Number(newValue);
     if (this._slopeAnalysis) this._slopeAnalysis.maxSlope = this._globaOptions.viewModel.maxSlope;
-  }
-  // 设置采样间隔
+  } // 设置采样间隔
+
+
   setInterval(newValue) {
     if (this._aspectAnalysis) this._aspectAnalysis._interval = newValue;
-  }
-  // 设置箭头宽度
+  } // 设置箭头宽度
+
+
   setArrowWidth(newValue) {
     if (this._aspectAnalysis) this._aspectAnalysis._width = newValue;
-  }
-  // 设置箭头颜色
+  } // 设置箭头颜色
+
+
   setArrowColor(newValue) {
     if (this._aspectAnalysis) this._aspectAnalysis._color = Cesium.Color.fromCssColorString(newValue);
-  }
-  // 清除全部结果
+  } // 清除全部结果
+
+
   clear() {
     this._globaOptions._drawManager && this._globaOptions._drawManager.stopDraw();
     this._slopeAnalysis && this._slopeAnalysis.destroy();
     this._slopeAnalysis = null;
     this._aspectAnalysis && this._aspectAnalysis.clear();
-  }
-  // 销毁
+  } // 销毁
+
+
   destroy() {
     // 移除监听事件
     this._globaOptions._drawFinishedEventListener && this._globaOptions._drawFinishedEventListener();
@@ -521,6 +496,7 @@ class SlopeAspectAnalysisViewModel {
     this._aspectAnalysis && this._aspectAnalysis.clear();
     this._aspectAnalysis = null;
   }
+
 }
 // EXTERNAL MODULE: external "@kq_npm/client_icons_vue"
 var client_icons_vue_ = __webpack_require__(348);
@@ -528,10 +504,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/slopeaspectanalysis/SlopeAspectAnalysis.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/slopeaspectanalysis/SlopeAspectAnalysis.vue?vue&type=script&setup=true&lang=js
 
 const _hoisted_1 = {
   class: "kq3d-slope-aspect-analysis-box"
@@ -545,11 +518,21 @@ const _hoisted_3 = {
 const _hoisted_4 = {
   key: 1
 };
-const _hoisted_5 = /*#__PURE__*/(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementVNode)("div", null, "0°", -1 /* HOISTED */);
+
+const _hoisted_5 = /*#__PURE__*/(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementVNode)("div", null, "0°", -1
+/* HOISTED */
+);
+
 const _hoisted_6 = /*#__PURE__*/(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementVNode)("div", {
   class: "kq3d-slope-aspect-analysis-line"
-}, null, -1 /* HOISTED */);
-const _hoisted_7 = /*#__PURE__*/(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementVNode)("div", null, "90°", -1 /* HOISTED */);
+}, null, -1
+/* HOISTED */
+);
+
+const _hoisted_7 = /*#__PURE__*/(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementVNode)("div", null, "90°", -1
+/* HOISTED */
+);
+
 const _hoisted_8 = ["src"];
 const _hoisted_9 = {
   key: 2
@@ -578,6 +561,7 @@ const __default__ = {
       type: Boolean,
       default: true
     },
+
     /**
      * 例："center","topLeft","topRight","bottomLeft","bottomRight", "topCenter", "bottomCenter" {top:'16px',left:'16px'}, {top:16,left:16}
      */
@@ -607,6 +591,7 @@ const __default__ = {
       default: true
     }
   },
+
   setup(__props, {
     expose: __expose
   }) {
@@ -644,15 +629,12 @@ const __default__ = {
     }, {
       value: 2,
       src: const_image_.GREEN_TO_BLUE_URL
-    }];
-
-    //计算属性
-
+    }]; //计算属性
     // 获取组件传参
-
     // 分析类
-    let viewModel = null;
-    // 默认参数
+
+    let viewModel = null; // 默认参数
+
     let formItem = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.reactive)({
       collapseValue: props.settingParams && props.settingParams.collapseValue || ((props.settingParams && props.settingParams.collapseValue) == '' ? "" : "slope"),
       //  折叠组件是否折叠，slope：展开坡度设置，aspect：展开破坡向设置
@@ -678,16 +660,14 @@ const __default__ = {
       maxArrowWidth: props.settingParams && props.settingParams.maxArrowWidth || 30,
       // 箭头宽度最大值
       arrowColor: props.settingParams && props.settingParams.arrowColor || "#FFFF00" // 箭头颜色
-    });
 
-    // 组件容器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
@@ -710,29 +690,30 @@ const __default__ = {
         });
       });
       currentLang.value = proxy.$i18n.locale; // 获取当前语言
+
       gis_utils_.utils.getWebMap(null, scenceView => {
         if (scenceView) {
           refactorArr();
-          viewModel = new SlopeAspectAnalysisViewModel(scenceView, formItem);
-          // var imageUrl = getImagePath(formItem.colorImage);
+          viewModel = new SlopeAspectAnalysisViewModel(scenceView, formItem); // var imageUrl = getImagePath(formItem.colorImage);
           // viewModel.setColorImage(imageUrl);
         }
       });
     });
-
     /**
      * @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 refactorArr(type) {
       if (!dataList || !dataList.length) return;
+
       if (type == "degree") {
         formItem.colorTableDegree = dataList.map(item => {
           return item.colorTableDegree;
@@ -744,85 +725,102 @@ const __default__ = {
         });
         formItem.colorTable.shift();
       }
-    }
+    } //获取图片路径
+
 
-    //获取图片路径
     function getImagePath(value) {
       var imagePath = "";
       var image = colorImages.find(item => item.value === value);
+
       if (image) {
         imagePath = image.src;
       }
+
       return imagePath;
-    }
+    } // 参数改变
+
 
-    // 参数改变
     function paramsChanged(key) {
       switch (key) {
         case "fillStyle":
           // 填充样式
           viewModel.changeFilltyle(formItem.fillStyle);
           break;
+
         case "colorTableDegree":
           // 自定义填充样式区间
           refactorArr("degree");
           viewModel.setColorTableDegree(formItem.colorTableDegree);
           break;
+
         case "colorTable":
           // 自定义填充样式颜色
           refactorArr("color");
           viewModel.setColorTable(formItem.colorTable);
           break;
+
         case "colorImage":
           // 填充样式
           var imageUrl = getImagePath(formItem.colorImage);
           viewModel.setColorImage(imageUrl);
           break;
+
         case "minSlope":
           // 填充样式
           viewModel.setSlopeFilterMin(formItem.minSlope);
           break;
+
         case "maxSlope":
           // 填充样式
           viewModel.setSlopeFilterMax(formItem.maxSlope);
           break;
+
         case "slopeColorAlpha":
           // 填充样式
           viewModel.setSlopeFilterColor(formItem.slopeColorText, formItem.slopeColorAlpha);
           break;
+
         case "slopeColorText":
           // 填充样式
           viewModel.setSlopeFilterColor(formItem.slopeColorText, formItem.slopeColorAlpha);
           break;
+
         case "interval":
           // 采样间隔
           viewModel.setInterval(formItem.interval);
           break;
+
         case "arrowWidth":
           // 箭头间隔
           viewModel.setArrowWidth(formItem.arrowWidth);
           break;
+
         case "arrowColor":
           // 箭头颜色
           viewModel.setArrowColor(formItem.arrowColor);
           break;
+
         default:
           break;
       }
-    }
-    // 开始分析
+    } // 开始分析
+
+
     function startAnalysis() {
       clearResult();
       viewModel && viewModel.start();
-    }
-    //清除结果
+    } //清除结果
+
+
     function clearResult() {
       viewModel && viewModel.clear();
-    }
-    // 销毁
+    } // 销毁
+
+
     (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.onBeforeUnmount)(() => {
       viewModel && viewModel.destroy();
     });
+
     __expose({
       refactorArr,
       getImagePath,
@@ -830,21 +828,36 @@ const __default__ = {
       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_option = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.resolveComponent)("kq-option");
+
       const _component_kq_select = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.resolveComponent)("kq-select");
+
       const _component_kq_form_item = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.resolveComponent)("kq-form-item");
+
       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_color_picker = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.resolveComponent)("kq-color-picker");
+
       const _component_kq_radio = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.resolveComponent)("kq-radio");
+
       const _component_kq_radio_group = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.resolveComponent)("kq-radio-group");
+
       const _component_kq_slider = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.resolveComponent)("kq-slider");
+
       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-slope-aspect-analysis", {
           'kq-box-shadow': __props.showShadow
@@ -855,12 +868,18 @@ 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_.unref)(formItem).fillStyle !== 'slopeFilter' ? ((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.openBlock)(), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createBlock)(_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_.unref)(formItem).fillStyle !== 'slopeFilter' ? ((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.openBlock)(), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createBlock)(_component_kq_row, {
         key: 0,
         class: "kq3d-slope-aspect-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).skylineTips), 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).skylineTips), 1
+        /* TEXT */
+        )]),
+        _: 1
+        /* STABLE */
+
       })) : (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createCommentVNode)("v-if", true), (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
       }, {
@@ -888,18 +907,34 @@ const __default__ = {
                   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_option, {
                     label: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(language).customColorScheme,
                     value: "tableColor"
-                  }, null, 8 /* PROPS */, ["label"]), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_option, {
+                  }, null, 8
+                  /* PROPS */
+                  , ["label"]), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_option, {
                     label: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(language).gradientTexture,
                     value: "colorImage"
-                  }, null, 8 /* PROPS */, ["label"]), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_option, {
+                  }, null, 8
+                  /* PROPS */
+                  , ["label"]), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_option, {
                     label: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(language).slopeFilter,
                     value: "slopeFilter"
-                  }, null, 8 /* PROPS */, ["label"])]),
-                  _: 1 /* STABLE */
-                }, 8 /* PROPS */, ["modelValue"])]),
-                _: 1 /* STABLE */
-              }, 8 /* PROPS */, ["label"])]),
-              _: 1 /* STABLE */
+                  }, null, 8
+                  /* PROPS */
+                  , ["label"])]),
+                  _: 1
+                  /* STABLE */
+
+                }, 8
+                /* PROPS */
+                , ["modelValue"])]),
+                _: 1
+                /* STABLE */
+
+              }, 8
+              /* PROPS */
+              , ["label"])]),
+              _: 1
+              /* STABLE */
+
             }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).fillStyle === 'tableColor' ? ((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.openBlock)(), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementBlock)("div", _hoisted_2, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_row, {
               style: {
                 "display": "flex"
@@ -908,15 +943,25 @@ const __default__ = {
               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_col, {
                 span: 18
               }, {
-                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).setSlopeRange), 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_.createTextVNode)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.toDisplayString)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(language).setSlopeRange), 1
+                /* TEXT */
+                )]),
+                _: 1
+                /* STABLE */
+
               }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_col, {
                 span: 6
               }, {
-                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).setColor), 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_.createTextVNode)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.toDisplayString)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(language).setColor), 1
+                /* TEXT */
+                )]),
+                _: 1
+                /* STABLE */
+
               })]),
-              _: 1 /* STABLE */
+              _: 1
+              /* STABLE */
+
             }), ((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.openBlock)(true), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementBlock)(external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.Fragment, null, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.renderList)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(dataList), (item, index) => {
               return (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.openBlock)(), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createBlock)(_component_kq_row, {
                 key: index,
@@ -937,7 +982,9 @@ const __default__ = {
                     disabled: true,
                     onChange: _cache[2] || (_cache[2] = $event => paramsChanged('colorTableDegree')),
                     "controls-position": "right"
-                  }, null, 8 /* PROPS */, ["modelValue", "onUpdate:modelValue"])) : (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createCommentVNode)("v-if", true), index > 1 && index < (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(dataList).length ? ((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.openBlock)(), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createBlock)(_component_kq_input_number, {
+                  }, null, 8
+                  /* PROPS */
+                  , ["modelValue", "onUpdate:modelValue"])) : (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createCommentVNode)("v-if", true), index > 1 && index < (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(dataList).length ? ((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.openBlock)(), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createBlock)(_component_kq_input_number, {
                     key: 1,
                     modelValue: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(dataList)[index - 1].colorTableDegree,
                     "onUpdate:modelValue": $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(dataList)[index - 1].colorTableDegree = $event,
@@ -945,7 +992,11 @@ const __default__ = {
                     step: 1,
                     onChange: _cache[3] || (_cache[3] = $event => paramsChanged('colorTableDegree')),
                     "controls-position": "right"
-                  }, null, 8 /* PROPS */, ["modelValue", "onUpdate:modelValue"])) : (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)("span", _hoisted_3, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.toDisplayString)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(language).to), 1 /* TEXT */), index > 0 && index < (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(dataList).length - 1 ? ((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.openBlock)(), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createBlock)(_component_kq_input_number, {
+                  }, null, 8
+                  /* PROPS */
+                  , ["modelValue", "onUpdate:modelValue"])) : (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)("span", _hoisted_3, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.toDisplayString)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(language).to), 1
+                  /* TEXT */
+                  ), index > 0 && index < (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(dataList).length - 1 ? ((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.openBlock)(), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createBlock)(_component_kq_input_number, {
                     key: 2,
                     modelValue: item.colorTableDegree,
                     "onUpdate:modelValue": $event => item.colorTableDegree = $event,
@@ -954,7 +1005,9 @@ const __default__ = {
                     step: 1,
                     onChange: _cache[4] || (_cache[4] = $event => paramsChanged('colorTableDegree')),
                     "controls-position": "right"
-                  }, null, 8 /* PROPS */, ["modelValue", "onUpdate:modelValue", "min", "max"])) : (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createCommentVNode)("v-if", true), index === (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(dataList).length - 1 ? ((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.openBlock)(), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createBlock)(_component_kq_input_number, {
+                  }, null, 8
+                  /* PROPS */
+                  , ["modelValue", "onUpdate:modelValue", "min", "max"])) : (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createCommentVNode)("v-if", true), index === (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(dataList).length - 1 ? ((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.openBlock)(), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createBlock)(_component_kq_input_number, {
                     key: 3,
                     modelValue: item.colorTableDegree,
                     "onUpdate:modelValue": $event => item.colorTableDegree = $event,
@@ -962,21 +1015,41 @@ const __default__ = {
                     disabled: true,
                     onChange: _cache[5] || (_cache[5] = $event => paramsChanged('colorTableDegree')),
                     "controls-position": "right"
-                  }, null, 8 /* PROPS */, ["modelValue", "onUpdate:modelValue"])) : (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createCommentVNode)("v-if", true)]),
-                  _: 2 /* DYNAMIC */
-                }, 1024 /* DYNAMIC_SLOTS */), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_col, {
+                  }, null, 8
+                  /* PROPS */
+                  , ["modelValue", "onUpdate:modelValue"])) : (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createCommentVNode)("v-if", true)]),
+                  _: 2
+                  /* DYNAMIC */
+
+                }, 1024
+                /* DYNAMIC_SLOTS */
+                ), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_col, {
                   span: 6
                 }, {
                   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_color_picker, {
                     modelValue: item.colorTable,
                     "onUpdate:modelValue": $event => item.colorTable = $event,
                     onChange: _cache[6] || (_cache[6] = $event => paramsChanged('colorTable'))
-                  }, null, 8 /* PROPS */, ["modelValue", "onUpdate:modelValue"])]),
-                  _: 2 /* DYNAMIC */
-                }, 1024 /* DYNAMIC_SLOTS */)], 64 /* STABLE_FRAGMENT */)) : (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createCommentVNode)("v-if", true)]),
-                _: 2 /* DYNAMIC */
-              }, 1024 /* DYNAMIC_SLOTS */);
-            }), 128 /* KEYED_FRAGMENT */))])) : (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createCommentVNode)("v-if", true), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).fillStyle === 'colorImage' ? ((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_.createVNode)(_component_kq_row, null, {
+                  }, null, 8
+                  /* PROPS */
+                  , ["modelValue", "onUpdate:modelValue"])]),
+                  _: 2
+                  /* DYNAMIC */
+
+                }, 1024
+                /* DYNAMIC_SLOTS */
+                )], 64
+                /* STABLE_FRAGMENT */
+                )) : (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createCommentVNode)("v-if", true)]),
+                _: 2
+                /* DYNAMIC */
+
+              }, 1024
+              /* DYNAMIC_SLOTS */
+              );
+            }), 128
+            /* KEYED_FRAGMENT */
+            ))])) : (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createCommentVNode)("v-if", true), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).fillStyle === 'colorImage' ? ((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_.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).gradientColor
               }, {
@@ -986,7 +1059,9 @@ const __default__ = {
                   }
                 }, {
                   default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [_hoisted_5, _hoisted_6, _hoisted_7]),
-                  _: 1 /* STABLE */
+                  _: 1
+                  /* STABLE */
+
                 }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_radio_group, {
                   modelValue: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).colorImage,
                   "onUpdate:modelValue": _cache[7] || (_cache[7] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).colorImage = $event),
@@ -1001,15 +1076,33 @@ const __default__ = {
                         class: "kq3d-slope-aspect-analysis-legend",
                         src: item.src,
                         alt: ""
-                      }, null, 8 /* PROPS */, _hoisted_8)]),
-                      _: 2 /* DYNAMIC */
-                    }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["label"]);
-                  }), 64 /* STABLE_FRAGMENT */))]),
-                  _: 1 /* STABLE */
-                }, 8 /* PROPS */, ["modelValue"])]),
-                _: 1 /* STABLE */
-              }, 8 /* PROPS */, ["label"])]),
-              _: 1 /* STABLE */
+                      }, null, 8
+                      /* PROPS */
+                      , _hoisted_8)]),
+                      _: 2
+                      /* DYNAMIC */
+
+                    }, 1032
+                    /* PROPS, DYNAMIC_SLOTS */
+                    , ["label"]);
+                  }), 64
+                  /* STABLE_FRAGMENT */
+                  ))]),
+                  _: 1
+                  /* STABLE */
+
+                }, 8
+                /* PROPS */
+                , ["modelValue"])]),
+                _: 1
+                /* STABLE */
+
+              }, 8
+              /* PROPS */
+              , ["label"])]),
+              _: 1
+              /* STABLE */
+
             })])) : (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createCommentVNode)("v-if", true), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).fillStyle === 'slopeFilter' ? ((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.openBlock)(), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementBlock)("div", _hoisted_9, [(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).minSlope
@@ -1029,8 +1122,12 @@ const __default__ = {
                       min: 0,
                       max: 90,
                       onChange: _cache[10] || (_cache[10] = $event => paramsChanged('minSlope'))
-                    }, null, 8 /* PROPS */, ["modelValue"])]),
-                    _: 1 /* STABLE */
+                    }, null, 8
+                    /* PROPS */
+                    , ["modelValue"])]),
+                    _: 1
+                    /* STABLE */
+
                   }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_col, {
                     span: 8
                   }, {
@@ -1042,14 +1139,26 @@ const __default__ = {
                       max: 90,
                       "controls-position": "right",
                       onChange: _cache[12] || (_cache[12] = $event => paramsChanged('minSlope'))
-                    }, null, 8 /* PROPS */, ["modelValue"])]),
-                    _: 1 /* STABLE */
+                    }, null, 8
+                    /* PROPS */
+                    , ["modelValue"])]),
+                    _: 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).maxSlope
@@ -1069,8 +1178,12 @@ const __default__ = {
                       min: 0,
                       max: 90,
                       onChange: _cache[14] || (_cache[14] = $event => paramsChanged('maxSlope'))
-                    }, null, 8 /* PROPS */, ["modelValue"])]),
-                    _: 1 /* STABLE */
+                    }, null, 8
+                    /* PROPS */
+                    , ["modelValue"])]),
+                    _: 1
+                    /* STABLE */
+
                   }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_col, {
                     span: 8
                   }, {
@@ -1082,14 +1195,26 @@ const __default__ = {
                       max: 90,
                       "controls-position": "right",
                       onChange: _cache[16] || (_cache[16] = $event => paramsChanged('maxSlope'))
-                    }, null, 8 /* PROPS */, ["modelValue"])]),
-                    _: 1 /* STABLE */
+                    }, null, 8
+                    /* PROPS */
+                    , ["modelValue"])]),
+                    _: 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).transparents
@@ -1109,8 +1234,12 @@ const __default__ = {
                       max: 1,
                       step: 0.01,
                       onChange: _cache[18] || (_cache[18] = $event => paramsChanged('slopeColorAlpha'))
-                    }, null, 8 /* PROPS */, ["modelValue", "step"])]),
-                    _: 1 /* STABLE */
+                    }, null, 8
+                    /* PROPS */
+                    , ["modelValue", "step"])]),
+                    _: 1
+                    /* STABLE */
+
                   }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_col, {
                     span: 8
                   }, {
@@ -1122,14 +1251,26 @@ const __default__ = {
                       step: 0.01,
                       "controls-position": "right",
                       onChange: _cache[20] || (_cache[20] = $event => paramsChanged('slopeColorAlpha'))
-                    }, null, 8 /* PROPS */, ["modelValue", "step"])]),
-                    _: 1 /* STABLE */
+                    }, null, 8
+                    /* PROPS */
+                    , ["modelValue", "step"])]),
+                    _: 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, {
               style: {
                 "padding-bottom": "8px"
@@ -1142,15 +1283,31 @@ const __default__ = {
                   modelValue: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).slopeColorText,
                   "onUpdate:modelValue": _cache[21] || (_cache[21] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).slopeColorText = $event),
                   onChange: _cache[22] || (_cache[22] = $event => paramsChanged('slopeColorText'))
-                }, 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)("v-if", true)]),
-            _: 1 /* STABLE */
-          }, 8 /* PROPS */, ["label-width"])]),
-          _: 1 /* STABLE */
-        }, 8 /* PROPS */, ["title"]), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_collapse_item, {
+            _: 1
+            /* STABLE */
+
+          }, 8
+          /* PROPS */
+          , ["label-width"])]),
+          _: 1
+          /* STABLE */
+
+        }, 8
+        /* PROPS */
+        , ["title"]), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_collapse_item, {
           title: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(language).aspectAnalysisSettings,
           name: "aspect",
           class: "kq3d-slope-aspect-analysis-collapse-item"
@@ -1178,8 +1335,12 @@ const __default__ = {
                       min: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).minInterval,
                       max: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).maxInterval,
                       onChange: _cache[24] || (_cache[24] = $event => paramsChanged('interval'))
-                    }, 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
                   }, {
@@ -1191,14 +1352,26 @@ const __default__ = {
                       max: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).maxInterval,
                       "controls-position": "right",
                       onChange: _cache[26] || (_cache[26] = $event => paramsChanged('interval'))
-                    }, 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).arrowWidth
@@ -1218,8 +1391,12 @@ const __default__ = {
                       min: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).minArrowWidth,
                       max: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).maxArrowWidth,
                       onChange: _cache[28] || (_cache[28] = $event => paramsChanged('arrowWidth'))
-                    }, 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
                   }, {
@@ -1231,14 +1408,26 @@ const __default__ = {
                       max: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).maxArrowWidth,
                       "controls-position": "right",
                       onChange: _cache[30] || (_cache[30] = $event => paramsChanged('arrowWidth'))
-                    }, 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).arrowColor
@@ -1247,32 +1436,67 @@ const __default__ = {
                   modelValue: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).arrowColor,
                   "onUpdate:modelValue": _cache[31] || (_cache[31] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).arrowColor = $event),
                   onChange: _cache[32] || (_cache[32] = $event => paramsChanged('arrowColor'))
-                }, null, 8 /* PROPS */, ["modelValue"])]),
-                _: 1 /* STABLE */
-              }, 8 /* PROPS */, ["label"])]),
-              _: 1 /* STABLE */
+                }, null, 8
+                /* PROPS */
+                , ["modelValue"])]),
+                _: 1
+                /* STABLE */
+
+              }, 8
+              /* PROPS */
+              , ["label"])]),
+              _: 1
+              /* STABLE */
+
             })])]),
-            _: 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_10, [(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_10, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_button, {
         onClick: _cache[33] || (_cache[33] = (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[34] || (_cache[34] = (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/slopeaspectanalysis/SlopeAspectAnalysis.vue?vue&type=script&setup=true&lang=js
  
@@ -1294,11 +1518,13 @@ var init_js_default = /*#__PURE__*/__webpack_require__.n(init_js_);
 
 
 
+
 SlopeAspectAnalysis.install = (Vue, opts) => {
   init_js_default()(Vue, opts);
   Vue.component(SlopeAspectAnalysis.name, SlopeAspectAnalysis);
 };
 
+
 }();
 /******/ 	return __webpack_exports__;
 /******/ })()