@kq_npm/client3d_webgl_vue 4.3.4 → 4.3.5

package/index.js

@@ -975,6 +975,8 @@ __webpack_require__.d(__webpack_exports__, {
   "Kq3dSkylineAnalysisViewModel": function() { return /* reexport */ SkylineAnalysisViewModel; },
   "Kq3dSlopeAnalysis": function() { return /* reexport */ SlopeAnalysis; },
   "Kq3dSlopeAnalysisViewModel": function() { return /* reexport */ SlopeAnalysisViewModel; },
+  "Kq3dSlopeAspectAnalysis": function() { return /* reexport */ SlopeAspectAnalysis; },
+  "Kq3dSlopeAspectAnalysisViewModel": function() { return /* reexport */ SlopeAspectAnalysisViewModel; },
   "Kq3dStatusBar": function() { return /* reexport */ StatusBar; },
   "Kq3dStatusBarViewModel": function() { return /* reexport */ StatusBarViewModel; },
   "Kq3dTerrainOperation": function() { return /* reexport */ TerrainOperation; },
@@ -8081,6 +8083,22 @@ const _hoisted_32 = {
 const _hoisted_33 = {
   class: "res"
 };
+const _hoisted_34 = {
+  class: "tit"
+};
+const _hoisted_35 = {
+  class: "res"
+};
+const _hoisted_36 = {
+  key: 3,
+  class: "result"
+};
+const _hoisted_37 = {
+  class: "tit"
+};
+const _hoisted_38 = {
+  class: "res"
+};
 
 
 
@@ -8144,6 +8162,7 @@ const Measurevue_type_script_setup_true_lang_js_default_ = {
 
     let isActive = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)(null);
     let isResult = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)(false);
+    let isTips = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)(false);
     let distanceValue = null; // 默认显示距离的单位
 
     let distanceUnit = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)(props.settingParams && props.settingParams.distanceUnit || ""); // 海里单位选择
@@ -8151,7 +8170,7 @@ const Measurevue_type_script_setup_true_lang_js_default_ = {
     let nauticalMileUnit = props.settingParams && props.settingParams.nauticalMileUnit || "nmi"; // 面积单位
 
     let areaUnit = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)(props.settingParams && props.settingParams.areaUnit || "");
-    let result = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)("0");
+    let result = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)(0);
     let language = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)({});
     let mode = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)("space");
     let modeList = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)([]);
@@ -8257,7 +8276,10 @@ const Measurevue_type_script_setup_true_lang_js_default_ = {
               }
             } else if (measureType.value === "azimuth" && res) {
               if (res.positions && res.positions.length > 0) {
-                result.value = res.azimuth.toFixed(4) + " °";
+                result.value = {
+                  azimuth: res.azimuth.toFixed(4),
+                  distance: res.distance.toFixed(2)
+                };
               } else result.value = 0;
             } else if (measureType.value === "slope" && res) {
               if (res.positions && res.positions.length > 0) {
@@ -8282,8 +8304,6 @@ const Measurevue_type_script_setup_true_lang_js_default_ = {
                   };
                 }
 
-                viewModel.stopMeasure();
-
                 if (res.measureResult && res.measureResult.labels && res.measureResult.labels.length > 0) {
                   res.measureResult.labels._labels.forEach(label => {
                     label.text = label.text.replace('X', language.value.longitude).replace('Y', language.value.latitude).replace('Z', language.value.elevation).replace(/\n/g, '°\n');
@@ -8298,12 +8318,52 @@ const Measurevue_type_script_setup_true_lang_js_default_ = {
           });
           viewModel.activeEvent.addEventListener(function (active) {
             if (!active) {
-              isActive.value = null;
+              // isActive.value = null;
+              isTips.value = false;
+              if (result.value === 0) return;
               if (measureType.value === "height" && result.value.angle === 0) return;
               if (measureType.value === "azimuth" && result.value === 0) return;
               isResult.value = true;
             }
           });
+          let handler = new Cesium.ScreenSpaceEventHandler(scenceView._viewer.scene.canvas);
+          handler.setInputAction(function () {
+            if (!viewModel._measureHandler.active) return;
+            let isDrawing = viewModel._measureHandler.isDrawing;
+
+            if (!isDrawing) {
+              let measureResults = viewModel._measureHandler.measureResults;
+
+              if (measureResults && measureResults.length > 0) {
+                measureResults[0].destroy();
+              }
+
+              if (measureType.value === "coordinate") {
+                isTips.value = false;
+                isResult.value = true;
+              } else {
+                isTips.value = true;
+                isResult.value = false;
+              }
+            }
+
+            if (isDrawing) {
+              if (measureType.value !== 'distance' && measureType.value !== 'area') {
+                continueMeasure();
+              }
+            }
+          }, Cesium.ScreenSpaceEventType.LEFT_CLICK);
+          handler.setInputAction(function () {
+            let isDrawing = viewModel._measureHandler.isDrawing;
+
+            if (!isDrawing) {
+              isActive.value = null;
+              viewModel.stopMeasure();
+            } else {
+              continueMeasure();
+            }
+          }, Cesium.ScreenSpaceEventType.RIGHT_CLICK);
+          window.measureClickHandler = handler;
         }
       });
     }); // 经纬度转度分秒
@@ -8430,6 +8490,11 @@ const Measurevue_type_script_setup_true_lang_js_default_ = {
 
     (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.onBeforeUnmount)(() => {
       clearMeasure();
+
+      if (window.measureClickHandler) {
+        window.measureClickHandler.removeInputAction(Cesium.ScreenSpaceEventType.LEFT_CLICK);
+        window.measureClickHandler.removeInputAction(Cesium.ScreenSpaceEventType.RIGHT_CLICK);
+      }
     }); //开始测量
 
     function startMeasure(type) {
@@ -8454,6 +8519,8 @@ const Measurevue_type_script_setup_true_lang_js_default_ = {
       }
 
       viewModel.clear();
+      result.value = 0;
+      isTips.value = true;
       isResult.value = false;
       measureType.value = type;
       isActive.value = type;
@@ -8492,6 +8559,44 @@ const Measurevue_type_script_setup_true_lang_js_default_ = {
           break;
       }
     }
+
+    function continueMeasure() {
+      setTimeout(() => {
+        switch (measureType.value) {
+          case "distance":
+            viewModel.distanceMeasure(mode.value);
+            break;
+
+          case "area":
+            viewModel.areaMeasure(mode.value);
+            break;
+
+          case "height":
+            viewModel.heightMeasure();
+            break;
+
+          case "coordinate":
+            viewModel.coordinateMeasure();
+            break;
+
+          case "azimuth":
+            viewModel.azimuthMeasure();
+            break;
+
+          case "slope":
+            if (mode.value === "ground") {
+              viewModel.terrainSlopeMeasure();
+            } else if (mode.value === "model") {
+              viewModel.sceneSlopeMeasure();
+            }
+
+            break;
+
+          default:
+            break;
+        }
+      }, 300);
+    }
     /**
      * 清除测量
      */
@@ -8501,6 +8606,7 @@ const Measurevue_type_script_setup_true_lang_js_default_ = {
       viewModel && viewModel.clear();
       measureType.value = null;
       isActive.value = null;
+      isTips.value = false;
       isResult.value = false;
     }
 
@@ -8538,8 +8644,7 @@ const Measurevue_type_script_setup_true_lang_js_default_ = {
       /* TEXT */
       ), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_select, {
         modelValue: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(mode),
-        "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.isRef)(mode) ? mode.value = $event : mode = $event),
-        disabled: !!(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(isActive)
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.isRef)(mode) ? mode.value = $event : mode = $event)
       }, {
         default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [((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)(modeList), item => {
           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_option, {
@@ -8557,7 +8662,7 @@ const Measurevue_type_script_setup_true_lang_js_default_ = {
 
       }, 8
       /* PROPS */
-      , ["modelValue", "disabled"])])]), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementVNode)("div", Measurevue_type_script_setup_true_lang_js_hoisted_5, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_button, {
+      , ["modelValue"])])]), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementVNode)("div", Measurevue_type_script_setup_true_lang_js_hoisted_5, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_button, {
         onClick: _cache[1] || (_cache[1] = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withModifiers)($event => startMeasure('distance'), ["stop"])),
         class: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.normalizeClass)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(isActive) == 'distance' ? 'is-active' : null),
         title: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(language).distance
@@ -8685,7 +8790,7 @@ const Measurevue_type_script_setup_true_lang_js_default_ = {
 
       }, 8
       /* PROPS */
-      , ["onClick", "title"])]), !!(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(isActive) ? ((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.openBlock)(), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementBlock)("div", Measurevue_type_script_setup_true_lang_js_hoisted_6, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_divider), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(measureType) === 'height' || (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(measureType) === 'azimuth' ? ((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.openBlock)(), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementBlock)("p", Measurevue_type_script_setup_true_lang_js_hoisted_7, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.toDisplayString)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(language).measureTips1), 1
+      , ["onClick", "title"])]), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(isTips) ? ((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.openBlock)(), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementBlock)("div", Measurevue_type_script_setup_true_lang_js_hoisted_6, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_divider), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(measureType) === 'height' || (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(measureType) === 'azimuth' ? ((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.openBlock)(), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementBlock)("p", Measurevue_type_script_setup_true_lang_js_hoisted_7, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.toDisplayString)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(language).measureTips1), 1
       /* TEXT */
       )) : ((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.openBlock)(), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementBlock)("p", Measurevue_type_script_setup_true_lang_js_hoisted_8, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.toDisplayString)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(language).measureTips), 1
       /* TEXT */
@@ -8765,9 +8870,17 @@ const Measurevue_type_script_setup_true_lang_js_default_ = {
       /* TEXT */
       ), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementVNode)("p", _hoisted_30, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.toDisplayString)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(result).height) + " m", 1
       /* TEXT */
-      )])) : ((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.openBlock)(), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementBlock)("div", _hoisted_31, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementVNode)("p", _hoisted_32, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.toDisplayString)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(language)[(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(measureType)]), 1
+      )])) : (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(measureType) === 'azimuth' ? ((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.openBlock)(), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementBlock)("div", _hoisted_31, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementVNode)("p", _hoisted_32, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.toDisplayString)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(language).azimuth), 1
       /* TEXT */
-      ), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementVNode)("p", _hoisted_33, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.toDisplayString)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(result)), 1
+      ), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementVNode)("p", _hoisted_33, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.toDisplayString)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(result).azimuth) + " °", 1
+      /* TEXT */
+      ), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementVNode)("p", _hoisted_34, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.toDisplayString)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(language).distance), 1
+      /* TEXT */
+      ), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementVNode)("p", _hoisted_35, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.toDisplayString)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(result).distance) + " m", 1
+      /* TEXT */
+      )])) : ((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.openBlock)(), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementBlock)("div", _hoisted_36, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementVNode)("p", _hoisted_37, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.toDisplayString)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(language)[(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(measureType)]), 1
+      /* TEXT */
+      ), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementVNode)("p", _hoisted_38, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.toDisplayString)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(result)), 1
       /* TEXT */
       )]))])])])) : (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createCommentVNode)("v-if", true)])], 2
       /* CLASS */
@@ -22302,18 +22415,23 @@ class SlopeAnalysisViewModel {
     // this._globaOptions.viewer.scene.globe.enableLighting = true;
 
     this._globaOptions._drawManager = scenceView._drawManager;
-    var that = this;
-    that._slopeAnalysis = new Cesium.Kq3dSlope({
-      viewer: that._globaOptions.viewer,
-      positions: [new Cesium.Cartesian3(528486.4951355414, 5591866.071664512, 3011848.5874731047), new Cesium.Cartesian3(511851.92328430264, 5590161.386242805, 3017839.604729828), new Cesium.Cartesian3(512863.7934440037, 5579087.150988879, 3037957.9974059854), new Cesium.Cartesian3(526764.7827270611, 5574253.865524863, 3044401.4321003747), new Cesium.Cartesian3(544782.217496756, 5578126.194618411, 3034189.5478781504), new Cesium.Cartesian3(546626.3798432688, 5588179.698741777, 3015426.663665117)],
-      isFilter: false,
-      colorTableDegree: that._globaOptions.viewModel.colorTableDegree,
-      colorTable: that._globaOptions.viewModel.colorTable
-    });
-
-    that._slopeAnalysis.destroy();
+    var that = this; // that._slopeAnalysis = new Cesium.Kq3dSlope({
+    //   viewer: that._globaOptions.viewer,
+    //   positions: [
+    //     new Cesium.Cartesian3(528486.4951355414, 5591866.071664512, 3011848.5874731047),
+    //     new Cesium.Cartesian3(511851.92328430264, 5590161.386242805, 3017839.604729828),
+    //     new Cesium.Cartesian3(512863.7934440037, 5579087.150988879, 3037957.9974059854),
+    //     new Cesium.Cartesian3(526764.7827270611, 5574253.865524863, 3044401.4321003747),
+    //     new Cesium.Cartesian3(544782.217496756, 5578126.194618411, 3034189.5478781504),
+    //     new Cesium.Cartesian3(546626.3798432688, 5588179.698741777, 3015426.663665117)
+    //   ],
+    //   isFilter: false,
+    //   colorTableDegree: that._globaOptions.viewModel.colorTableDegree,
+    //   colorTable: that._globaOptions.viewModel.colorTable
+    // });
+    // that._slopeAnalysis.destroy();
+    // that._slopeAnalysis = null;
 
-    that._slopeAnalysis = null;
     this._globaOptions._drawFinishedEventListener = this._globaOptions._drawManager.drawFinishedEvent.addEventListener(shape => {
       if (shape) {
         that._globaOptions.viewModel.positions = shape._controlPoints; // 实例化分析对象
@@ -23285,392 +23403,1687 @@ const SlopeAnalysisvue_type_script_setup_true_lang_js_default_ = {
 
         }, 8
         /* PROPS */
-        , ["title"])]),
-        _: 1
-        /* STABLE */
-
-      }, 8
-      /* PROPS */
-      , ["model-value"]), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementVNode)("div", SlopeAnalysisvue_type_script_setup_true_lang_js_hoisted_10, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_button, {
-        onClick: _cache[23] || (_cache[23] = (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, {
-        onClick: _cache[24] || (_cache[24] = (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 */
-      );
-    };
-  }
-
-}));
-;// CONCATENATED MODULE: ./src/webgl/slopeanalysis/SlopeAnalysis.vue?vue&type=script&setup=true&lang=js
- 
-;// CONCATENATED MODULE: ./src/webgl/slopeanalysis/SlopeAnalysis.vue
-
-
-
-const SlopeAnalysis_exports_ = SlopeAnalysisvue_type_script_setup_true_lang_js;
-
-/* harmony default export */ var SlopeAnalysis = (SlopeAnalysis_exports_);
-;// CONCATENATED MODULE: ./src/webgl/slopeanalysis/index.js
-
-
-
-
-SlopeAnalysis.install = (Vue, opts) => {
-  init_js_default()(Vue, opts);
-  Vue.component(SlopeAnalysis.name, SlopeAnalysis);
-};
-
-
-;// CONCATENATED MODULE: ./src/webgl/aspectanalysis/AspectAnalysisViewModel.js
-
-
-/**
- * 坡向逻辑类
- **/
-
-class AspectAnalysisViewModel {
-  // 坡向三维对象
-  constructor(scenceView, aspect) {
-    _defineProperty(this, "_aspectAnalysis", null);
-
-    _defineProperty(this, "_globaOptions", {
-      //全局参数
-      viewer: null,
-      _drawManager: null
-    });
-
-    this._globaOptions.viewer = scenceView._viewer;
-    let options = {
-      interval: aspect.interval || 500,
-      // 采样间隔
-      width: aspect.arrowWidth || 20,
-      // 箭头宽度
-      color: Cesium.Color.fromCssColorString(aspect.color || "#FFFF00"),
-      // 箭头颜色
-      viewer: scenceView._viewer
-    };
-    this._globaOptions.viewer.scene.globe.depthTestAgainstTerrain = true; //开启深度检测
-    // this._globaOptions.viewer.scene.globe.enableLighting = true;
-
-    this._globaOptions._drawManager = scenceView._drawManager;
-    var that = this;
-    this._aspectAnalysis = new Cesium.Kq3dAspect(options);
-    this._globaOptions._drawFinishedEventListener = this._globaOptions._drawManager.drawFinishedEvent.addEventListener(shape => {
-      if (shape) {
-        that._aspectAnalysis.positions = shape._controlPoints;
-
-        that._globaOptions._drawManager.clear();
-      }
-    });
-  } // 开始分析
-
-
-  start() {
-    // 判断是否添加了地形
-    if (this._globaOptions.viewer.terrainProvider.availability) {
-      if (this._globaOptions.viewer.terrainProvider instanceof Cesium.CesiumTerrainProvider) {
-        if (this._globaOptions._drawManager) {
-          this.clear();
-
-          this._globaOptions._drawManager.startDraw("polygon", {
-            clampToGround: true
-          });
-        }
-      } else {
-        message({
-          message: "只支持STK类型的地形分析!",
-          type: "warning"
-        });
-      }
-    } else {
-      message({
-        message: "请加载地形后分析!",
-        type: "warning"
-      });
-    }
-  } // 设置采样间隔
-
-
-  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._aspectAnalysis && this._aspectAnalysis.clear();
-  } // 销毁
-
-
-  destroy() {
-    // 移除监听事件
-    this._globaOptions._drawFinishedEventListener && this._globaOptions._drawFinishedEventListener();
-    this._globaOptions._drawFinishedEventListener = null;
-    this._aspectAnalysis && this._aspectAnalysis.clear();
-    this._aspectAnalysis = null;
-  }
-
-}
-;// CONCATENATED MODULE: ./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/dist/index.js??ruleSet[0]!./src/webgl/aspectanalysis/AspectAnalysis.vue?vue&type=script&setup=true&lang=js
-
-const AspectAnalysisvue_type_script_setup_true_lang_js_hoisted_1 = {
-  class: "kq3d-aspect-analysis-box"
-};
-const AspectAnalysisvue_type_script_setup_true_lang_js_hoisted_2 = {
-  class: "kq3d-aspect-analysis-footer"
-};
-
-
-
-
-
-
-const AspectAnalysisvue_type_script_setup_true_lang_js_default_ = {
-  name: "Kq3dAspectAnalysis"
-};
-/* harmony default export */ var AspectAnalysisvue_type_script_setup_true_lang_js = (/*#__PURE__*/Object.assign(AspectAnalysisvue_type_script_setup_true_lang_js_default_, {
-  props: {
-    // 设置参数
-    settingParams: {
-      type: Object
-    },
-    // 是否显示阴影效果
-    showShadow: {
-      type: Boolean,
-      default: true
-    },
-
-    /**
-     * 例："center","topLeft","topRight","bottomLeft","bottomRight", "topCenter", "bottomCenter" {top:'16px',left:'16px'}, {top:16,left:16}
-     */
-    position: [String, Object],
-    // 是否生成HeaderTemp
-    showHeaderTemp: {
-      type: Boolean,
-      default: false
-    },
-    // 是否折叠HeaderTemp，showHeaderTemp为true时生效
-    isCollapseHeaderTemp: {
-      type: Boolean,
-      default: false
-    },
-    // HeaderTemp标题
-    headerTempTitle: {
-      type: String
-    },
-    // HeaderTemp图标
-    headerTempIcon: {
-      type: [Object, String],
-      default: client_icons_vue_namespaceObject.IconAspectAnalysis
-    },
-    // HeaderTemp Title&Icon的位置
-    isRight: {
-      type: Boolean,
-      default: true
-    }
-  },
-
-  setup(__props, {
-    expose
-  }) {
-    const props = __props;
-    const {
-      proxy
-    } = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.getCurrentInstance)();
-    let currentLang = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)("");
-    let language = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)({}); // 获取组件传参
-    // 分析类
-
-    let viewModel = null; // 默认参数
-
-    let formItem = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.reactive)({
-      interval: props.settingParams && props.settingParams.interval || 500,
-      // 采样间隔
-      minInterval: props.settingParams && props.settingParams.minInterval || 100,
-      // 采样间隔最小值
-      maxInterval: props.settingParams && props.settingParams.maxInterval || 1000,
-      // 采样间隔最大值
-      arrowWidth: props.settingParams && props.settingParams.arrowWidth || 20,
-      // 箭头宽度
-      minArrowWidth: props.settingParams && props.settingParams.minArrowWidth || 1,
-      // 箭头宽度最小值
-      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); // 生成组件默认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 {
-      locale,
-      messages
-    } = (0,vue_i18n_cjs_js_namespaceObject.useI18n)();
-    let headerTempTitle = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)(null);
-    (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.watch)(() => locale.value, (newVal, oldVal) => {
-      language.value = messages.value[newVal]["webgl"];
-      headerTempTitle.value = language.value.aspectAnalysis;
-    });
-    (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.onMounted)(() => {
-      (0,util_.updatePosition)(boxRef.value, props);
-      (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.watch)(() => props.position, (newVal, oldVal) => {
-        (0,util_.updatePosition)(boxRef.value, props);
-      });
-      watchCreateHeaderTemp();
-      (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.watch)(() => props.showHeaderTemp, (newVal, oldVal) => {
-        watchCreateHeaderTemp();
-      });
-      currentLang.value = proxy.$i18n.locale; // 获取当前语言
-
-      gis_utils_.utils.getWebMap(null, scenceView => {
-        if (scenceView) {
-          viewModel = new AspectAnalysisViewModel(scenceView, {
-            interval: formItem.interval,
-            // 采样间隔
-            arrowWidth: formItem.arrowWidth,
-            // 箭头宽度
-            arrowColor: formItem.arrowColor // 箭头颜色
-
-          });
-        }
-      });
-    });
-    /**
-     * @description 监听header生成
-     */
-
-    const watchCreateHeaderTemp = () => {
-      if (props.showHeaderTemp) {
-        // 生成headerTemp
-        headerTemp.value = (0,util_.createHeaderTemp)(boxRef.value, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.toRefs)(props), headerTempRef, headerTempTitle);
-      }
-    }; // 参数改变
-
-
-    function paramsChanged(key) {
-      switch (key) {
-        case "interval":
-          // 采样间隔
-          viewModel.setInterval(formItem.interval);
-          break;
-
-        case "arrowWidth":
-          // 箭头间隔
-          viewModel.setArrowWidth(formItem.arrowWidth);
-          break;
-
-        case "arrowColor":
-          // 箭头颜色
-          viewModel.setArrowColor(formItem.arrowColor);
-          break;
-
-        default:
-          break;
-      }
-    } // 开始分析
-
-
-    function startAnalysis() {
-      viewModel && viewModel.start();
-    } //清除结果
-
-
-    function clearResult() {
-      viewModel && viewModel.clear();
-    } // 销毁
-
-
-    (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.onBeforeUnmount)(() => {
-      viewModel && viewModel.destroy();
-    });
-    expose({
-      paramsChanged,
-      startAnalysis,
-      clearResult
-    });
-    return (_ctx, _cache) => {
-      const _component_kq_row = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.resolveComponent)("kq-row");
-
-      const _component_kq_slider = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.resolveComponent)("kq-slider");
-
-      const _component_kq_col = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.resolveComponent)("kq-col");
-
-      const _component_kq_input_number = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.resolveComponent)("kq-input-number");
-
-      const _component_kq_form_item = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.resolveComponent)("kq-form-item");
-
-      const _component_kq_color_picker = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.resolveComponent)("kq-color-picker");
-
-      const _component_kq_form = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.resolveComponent)("kq-form");
-
-      const _component_kq_collapse_item = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.resolveComponent)("kq-collapse-item");
-
-      const _component_kq_collapse = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.resolveComponent)("kq-collapse");
-
-      const _component_kq_button = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.resolveComponent)("kq-button");
-
-      return (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.openBlock)(), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementBlock)("section", {
-        class: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.normalizeClass)(["kq3d-aspect-analysis", {
-          'kq-box-shadow': __props.showShadow
-        }]),
-        ref_key: "boxRef",
-        ref: boxRef
-      }, [__props.showHeaderTemp ? ((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.openBlock)(), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createBlock)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.resolveDynamicComponent)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(headerTemp)), {
-        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", AspectAnalysisvue_type_script_setup_true_lang_js_hoisted_1, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_row, {
-        class: "kq3d-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 */
-
-      }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_collapse, {
-        "model-value": _ctx.collapseValue
-      }, {
-        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_collapse_item, {
-          title: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(language).analysisSettings,
-          name: "setting"
+        , ["title"])]),
+        _: 1
+        /* STABLE */
+
+      }, 8
+      /* PROPS */
+      , ["model-value"]), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementVNode)("div", SlopeAnalysisvue_type_script_setup_true_lang_js_hoisted_10, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_button, {
+        onClick: _cache[23] || (_cache[23] = (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, {
+        onClick: _cache[24] || (_cache[24] = (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 */
+      );
+    };
+  }
+
+}));
+;// CONCATENATED MODULE: ./src/webgl/slopeanalysis/SlopeAnalysis.vue?vue&type=script&setup=true&lang=js
+ 
+;// CONCATENATED MODULE: ./src/webgl/slopeanalysis/SlopeAnalysis.vue
+
+
+
+const SlopeAnalysis_exports_ = SlopeAnalysisvue_type_script_setup_true_lang_js;
+
+/* harmony default export */ var SlopeAnalysis = (SlopeAnalysis_exports_);
+;// CONCATENATED MODULE: ./src/webgl/slopeanalysis/index.js
+
+
+
+
+SlopeAnalysis.install = (Vue, opts) => {
+  init_js_default()(Vue, opts);
+  Vue.component(SlopeAnalysis.name, SlopeAnalysis);
+};
+
+
+;// CONCATENATED MODULE: ./src/webgl/aspectanalysis/AspectAnalysisViewModel.js
+
+
+/**
+ * 坡向逻辑类
+ **/
+
+class AspectAnalysisViewModel {
+  // 坡向三维对象
+  constructor(scenceView, aspect) {
+    _defineProperty(this, "_aspectAnalysis", null);
+
+    _defineProperty(this, "_globaOptions", {
+      //全局参数
+      viewer: null,
+      _drawManager: null
+    });
+
+    this._globaOptions.viewer = scenceView._viewer;
+    let options = {
+      interval: aspect.interval || 500,
+      // 采样间隔
+      width: aspect.arrowWidth || 20,
+      // 箭头宽度
+      color: Cesium.Color.fromCssColorString(aspect.color || "#FFFF00"),
+      // 箭头颜色
+      viewer: scenceView._viewer
+    };
+    this._globaOptions.viewer.scene.globe.depthTestAgainstTerrain = true; //开启深度检测
+    // this._globaOptions.viewer.scene.globe.enableLighting = true;
+
+    this._globaOptions._drawManager = scenceView._drawManager;
+    var that = this;
+    this._aspectAnalysis = new Cesium.Kq3dAspect(options);
+    this._globaOptions._drawFinishedEventListener = this._globaOptions._drawManager.drawFinishedEvent.addEventListener(shape => {
+      if (shape) {
+        that._aspectAnalysis.positions = shape._controlPoints;
+
+        that._globaOptions._drawManager.clear();
+      }
+    });
+  } // 开始分析
+
+
+  start() {
+    // 判断是否添加了地形
+    if (this._globaOptions.viewer.terrainProvider.availability) {
+      if (this._globaOptions.viewer.terrainProvider instanceof Cesium.CesiumTerrainProvider) {
+        if (this._globaOptions._drawManager) {
+          this.clear();
+
+          this._globaOptions._drawManager.startDraw("polygon", {
+            clampToGround: true
+          });
+        }
+      } else {
+        message({
+          message: "只支持STK类型的地形分析!",
+          type: "warning"
+        });
+      }
+    } else {
+      message({
+        message: "请加载地形后分析!",
+        type: "warning"
+      });
+    }
+  } // 设置采样间隔
+
+
+  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._aspectAnalysis && this._aspectAnalysis.clear();
+  } // 销毁
+
+
+  destroy() {
+    // 移除监听事件
+    this._globaOptions._drawFinishedEventListener && this._globaOptions._drawFinishedEventListener();
+    this._globaOptions._drawFinishedEventListener = null;
+    this._aspectAnalysis && this._aspectAnalysis.clear();
+    this._aspectAnalysis = null;
+  }
+
+}
+;// CONCATENATED MODULE: ./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/dist/index.js??ruleSet[0]!./src/webgl/aspectanalysis/AspectAnalysis.vue?vue&type=script&setup=true&lang=js
+
+const AspectAnalysisvue_type_script_setup_true_lang_js_hoisted_1 = {
+  class: "kq3d-aspect-analysis-box"
+};
+const AspectAnalysisvue_type_script_setup_true_lang_js_hoisted_2 = {
+  class: "kq3d-aspect-analysis-footer"
+};
+
+
+
+
+
+
+const AspectAnalysisvue_type_script_setup_true_lang_js_default_ = {
+  name: "Kq3dAspectAnalysis"
+};
+/* harmony default export */ var AspectAnalysisvue_type_script_setup_true_lang_js = (/*#__PURE__*/Object.assign(AspectAnalysisvue_type_script_setup_true_lang_js_default_, {
+  props: {
+    // 设置参数
+    settingParams: {
+      type: Object
+    },
+    // 是否显示阴影效果
+    showShadow: {
+      type: Boolean,
+      default: true
+    },
+
+    /**
+     * 例："center","topLeft","topRight","bottomLeft","bottomRight", "topCenter", "bottomCenter" {top:'16px',left:'16px'}, {top:16,left:16}
+     */
+    position: [String, Object],
+    // 是否生成HeaderTemp
+    showHeaderTemp: {
+      type: Boolean,
+      default: false
+    },
+    // 是否折叠HeaderTemp，showHeaderTemp为true时生效
+    isCollapseHeaderTemp: {
+      type: Boolean,
+      default: false
+    },
+    // HeaderTemp标题
+    headerTempTitle: {
+      type: String
+    },
+    // HeaderTemp图标
+    headerTempIcon: {
+      type: [Object, String],
+      default: client_icons_vue_namespaceObject.IconAspectAnalysis
+    },
+    // HeaderTemp Title&Icon的位置
+    isRight: {
+      type: Boolean,
+      default: true
+    }
+  },
+
+  setup(__props, {
+    expose
+  }) {
+    const props = __props;
+    const {
+      proxy
+    } = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.getCurrentInstance)();
+    let currentLang = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)("");
+    let language = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)({}); // 获取组件传参
+    // 分析类
+
+    let viewModel = null; // 默认参数
+
+    let formItem = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.reactive)({
+      interval: props.settingParams && props.settingParams.interval || 500,
+      // 采样间隔
+      minInterval: props.settingParams && props.settingParams.minInterval || 100,
+      // 采样间隔最小值
+      maxInterval: props.settingParams && props.settingParams.maxInterval || 1000,
+      // 采样间隔最大值
+      arrowWidth: props.settingParams && props.settingParams.arrowWidth || 20,
+      // 箭头宽度
+      minArrowWidth: props.settingParams && props.settingParams.minArrowWidth || 1,
+      // 箭头宽度最小值
+      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); // 生成组件默认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 {
+      locale,
+      messages
+    } = (0,vue_i18n_cjs_js_namespaceObject.useI18n)();
+    let headerTempTitle = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)(null);
+    (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.watch)(() => locale.value, (newVal, oldVal) => {
+      language.value = messages.value[newVal]["webgl"];
+      headerTempTitle.value = language.value.aspectAnalysis;
+    });
+    (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.onMounted)(() => {
+      (0,util_.updatePosition)(boxRef.value, props);
+      (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.watch)(() => props.position, (newVal, oldVal) => {
+        (0,util_.updatePosition)(boxRef.value, props);
+      });
+      watchCreateHeaderTemp();
+      (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.watch)(() => props.showHeaderTemp, (newVal, oldVal) => {
+        watchCreateHeaderTemp();
+      });
+      currentLang.value = proxy.$i18n.locale; // 获取当前语言
+
+      gis_utils_.utils.getWebMap(null, scenceView => {
+        if (scenceView) {
+          viewModel = new AspectAnalysisViewModel(scenceView, {
+            interval: formItem.interval,
+            // 采样间隔
+            arrowWidth: formItem.arrowWidth,
+            // 箭头宽度
+            arrowColor: formItem.arrowColor // 箭头颜色
+
+          });
+        }
+      });
+    });
+    /**
+     * @description 监听header生成
+     */
+
+    const watchCreateHeaderTemp = () => {
+      if (props.showHeaderTemp) {
+        // 生成headerTemp
+        headerTemp.value = (0,util_.createHeaderTemp)(boxRef.value, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.toRefs)(props), headerTempRef, headerTempTitle);
+      }
+    }; // 参数改变
+
+
+    function paramsChanged(key) {
+      switch (key) {
+        case "interval":
+          // 采样间隔
+          viewModel.setInterval(formItem.interval);
+          break;
+
+        case "arrowWidth":
+          // 箭头间隔
+          viewModel.setArrowWidth(formItem.arrowWidth);
+          break;
+
+        case "arrowColor":
+          // 箭头颜色
+          viewModel.setArrowColor(formItem.arrowColor);
+          break;
+
+        default:
+          break;
+      }
+    } // 开始分析
+
+
+    function startAnalysis() {
+      viewModel && viewModel.start();
+    } //清除结果
+
+
+    function clearResult() {
+      viewModel && viewModel.clear();
+    } // 销毁
+
+
+    (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.onBeforeUnmount)(() => {
+      viewModel && viewModel.destroy();
+    });
+    expose({
+      paramsChanged,
+      startAnalysis,
+      clearResult
+    });
+    return (_ctx, _cache) => {
+      const _component_kq_row = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.resolveComponent)("kq-row");
+
+      const _component_kq_slider = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.resolveComponent)("kq-slider");
+
+      const _component_kq_col = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.resolveComponent)("kq-col");
+
+      const _component_kq_input_number = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.resolveComponent)("kq-input-number");
+
+      const _component_kq_form_item = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.resolveComponent)("kq-form-item");
+
+      const _component_kq_color_picker = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.resolveComponent)("kq-color-picker");
+
+      const _component_kq_form = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.resolveComponent)("kq-form");
+
+      const _component_kq_collapse_item = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.resolveComponent)("kq-collapse-item");
+
+      const _component_kq_collapse = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.resolveComponent)("kq-collapse");
+
+      const _component_kq_button = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.resolveComponent)("kq-button");
+
+      return (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.openBlock)(), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementBlock)("section", {
+        class: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.normalizeClass)(["kq3d-aspect-analysis", {
+          'kq-box-shadow': __props.showShadow
+        }]),
+        ref_key: "boxRef",
+        ref: boxRef
+      }, [__props.showHeaderTemp ? ((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.openBlock)(), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createBlock)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.resolveDynamicComponent)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(headerTemp)), {
+        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", AspectAnalysisvue_type_script_setup_true_lang_js_hoisted_1, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_row, {
+        class: "kq3d-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 */
+
+      }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_collapse, {
+        "model-value": _ctx.collapseValue
+      }, {
+        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_collapse_item, {
+          title: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(language).analysisSettings,
+          name: "setting"
+        }, {
+          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, {
+            "label-width": (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(currentLang) === 'zh' ? '90px' : '120px',
+            "label-position": "left"
+          }, {
+            default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementVNode)("div", null, [(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).samplingInterval
+              }, {
+                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_row, {
+                  style: {
+                    "display": "flex"
+                  }
+                }, {
+                  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: 16
+                  }, {
+                    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_slider, {
+                      modelValue: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).interval,
+                      "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).interval = $event),
+                      step: 1,
+                      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,
+                      onInput: _cache[1] || (_cache[1] = $event => paramsChanged('interval'))
+                    }, null, 8
+                    /* PROPS */
+                    , ["modelValue", "min", "max"])]),
+                    _: 1
+                    /* STABLE */
+
+                  }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_col, {
+                    span: 8
+                  }, {
+                    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_input_number, {
+                      modelValue: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).interval,
+                      "onUpdate:modelValue": _cache[2] || (_cache[2] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).interval = $event),
+                      step: 1,
+                      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,
+                      "controls-position": "right",
+                      onInput: _cache[3] || (_cache[3] = $event => paramsChanged('interval'))
+                    }, null, 8
+                    /* PROPS */
+                    , ["modelValue", "min", "max"])]),
+                    _: 1
+                    /* STABLE */
+
+                  })]),
+                  _: 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
+              }, {
+                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_row, {
+                  style: {
+                    "display": "flex"
+                  }
+                }, {
+                  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: 16
+                  }, {
+                    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_slider, {
+                      modelValue: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).arrowWidth,
+                      "onUpdate:modelValue": _cache[4] || (_cache[4] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).arrowWidth = $event),
+                      step: 1,
+                      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,
+                      onInput: _cache[5] || (_cache[5] = $event => paramsChanged('arrowWidth'))
+                    }, null, 8
+                    /* PROPS */
+                    , ["modelValue", "min", "max"])]),
+                    _: 1
+                    /* STABLE */
+
+                  }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_col, {
+                    span: 8
+                  }, {
+                    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_input_number, {
+                      modelValue: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).arrowWidth,
+                      "onUpdate:modelValue": _cache[6] || (_cache[6] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).arrowWidth = $event),
+                      step: 1,
+                      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,
+                      "controls-position": "right",
+                      onInput: _cache[7] || (_cache[7] = $event => paramsChanged('arrowWidth'))
+                    }, null, 8
+                    /* PROPS */
+                    , ["modelValue", "min", "max"])]),
+                    _: 1
+                    /* STABLE */
+
+                  })]),
+                  _: 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
+              }, {
+                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: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).arrowColor,
+                  "onUpdate:modelValue": _cache[8] || (_cache[8] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).arrowColor = $event),
+                  onChange: _cache[9] || (_cache[9] = $event => paramsChanged('arrowColor'))
+                }, 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", AspectAnalysisvue_type_script_setup_true_lang_js_hoisted_2, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_button, {
+        onClick: _cache[10] || (_cache[10] = (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, {
+        onClick: _cache[11] || (_cache[11] = (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 */
+      );
+    };
+  }
+
+}));
+;// CONCATENATED MODULE: ./src/webgl/aspectanalysis/AspectAnalysis.vue?vue&type=script&setup=true&lang=js
+ 
+;// CONCATENATED MODULE: ./src/webgl/aspectanalysis/AspectAnalysis.vue
+
+
+
+const AspectAnalysis_exports_ = AspectAnalysisvue_type_script_setup_true_lang_js;
+
+/* harmony default export */ var AspectAnalysis = (AspectAnalysis_exports_);
+;// CONCATENATED MODULE: ./src/webgl/aspectanalysis/index.js
+
+
+
+
+AspectAnalysis.install = (Vue, opts) => {
+  init_js_default()(Vue, opts);
+  Vue.component(AspectAnalysis.name, AspectAnalysis);
+};
+
+
+;// CONCATENATED MODULE: ./src/webgl/slopeaspectanalysis/SlopeAspectAnalysisViewModel.js
+
+ // 分析逻辑类
+
+
+class SlopeAspectAnalysisViewModel {
+  // 坡度坡向三维对象
+  // 坡向三维对象
+  //全局参数
+  constructor(scenceView, viewModel) {
+    _defineProperty(this, "_slopeAnalysis", null);
+
+    _defineProperty(this, "_aspectAnalysis", null);
+
+    _defineProperty(this, "_globaOptions", {
+      viewer: null,
+      _drawManager: null
+    });
+
+    _defineProperty(this, "_colorImages", [//渐变图片集合
+    {
+      value: "0",
+      src: const_image_.RED_TO_PURPLE_URL
+    }, {
+      value: "1",
+      src: const_image_.PURPLE_TO_YELLOW_URL
+    }, {
+      value: "2",
+      src: const_image_.GREEN_TO_BLUE_URL
+    }]);
+
+    this._globaOptions.viewer = scenceView._viewer;
+    this._globaOptions.viewModel = {
+      fillStyle: viewModel.fillStyle,
+      viewer: this._globaOptions.viewer,
+      isFilter: false,
+      // 自定义颜色
+      colorTableDegree: viewModel.colorTableDegree,
+      colorTable: viewModel.colorTable,
+      // 渐变纹理
+      imageSrc: this.getColorLine(viewModel.colorImage),
+      // 坡度过滤
+      minSlope: viewModel.minSlope,
+      maxSlope: viewModel.maxSlope,
+      slopeColorText: viewModel.slopeColorText,
+      slopeColorAlpha: viewModel.slopeColorAlpha,
+      colorImage: this.getImagePath(viewModel.colorImage)
+    };
+    this._globaOptions.viewer.scene.globe.depthTestAgainstTerrain = true; //开启深度检测
+    // this._globaOptions.viewer.scene.globe.enableLighting = true;
+
+    this._globaOptions._drawManager = scenceView._drawManager;
+    var that = this; // 坡度对象
+
+    this._aspectAnalysis = new window.Cesium.Kq3dAspect({
+      interval: viewModel.interval || 500,
+      // 采样间隔
+      width: viewModel.arrowWidth || 20,
+      // 箭头宽度
+      color: window.Cesium.Color.fromCssColorString(viewModel.color || "#FFFF00"),
+      // 箭头颜色
+      viewer: scenceView._viewer
+    });
+    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._slopeAnalysis) {
+          switch (that._globaOptions.viewModel.fillStyle) {
+            case "tableColor":
+              that._slopeAnalysis = new Cesium.Kq3dSlope({
+                viewer: that._globaOptions.viewer,
+                positions: that._globaOptions.viewModel.positions,
+                isFilter: false,
+                colorTableDegree: that._globaOptions.viewModel.colorTableDegree,
+                colorTable: that._globaOptions.viewModel.colorTable
+              });
+              break;
+
+            case "colorImage":
+              that._slopeAnalysis = new Cesium.Kq3dSlope({
+                viewer: that._globaOptions.viewer,
+                positions: that._globaOptions.viewModel.positions,
+                isFilter: false,
+                colorImage: that._globaOptions.viewModel.imageSrc
+              });
+              break;
+
+            case "slopeFilter":
+              that._slopeAnalysis = new Cesium.Kq3dSlope({
+                viewer: that._globaOptions.viewer,
+                positions: that._globaOptions.viewModel.positions,
+                isFilter: true,
+                minSlope: that._globaOptions.viewModel.minSlope,
+                maxSlope: that._globaOptions.viewModel.maxSlope,
+                color: Cesium.Color.fromCssColorString(that._globaOptions.viewModel.slopeColorText).withAlpha(Number(that._globaOptions.viewModel.slopeColorAlpha))
+              });
+              break;
+          }
+        } 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) {
+      if (this._globaOptions.viewModel.viewer.terrainProvider instanceof Cesium.CesiumTerrainProvider) {
+        if (this._globaOptions.viewModel.fillStyle === "slopeFilter") {
+          // 坡度过滤不需要进行绘制
+          this._slopeAnalysis = new Cesium.Kq3dSlope({
+            viewer: this._globaOptions.viewer,
+            positions: [],
+            isFilter: true,
+            minSlope: this._globaOptions.viewModel.minSlope,
+            maxSlope: this._globaOptions.viewModel.maxSlope,
+            color: Cesium.Color.fromCssColorString(this._globaOptions.viewModel.slopeColorText).withAlpha(Number(this._globaOptions.viewModel.slopeColorAlpha))
+          });
+        } else {
+          // this.clear();
+          if (this._globaOptions._drawManager) {
+            this._globaOptions._drawManager.startDraw("polygon", {
+              clampToGround: true
+            });
+          }
+        }
+      } else {
+        message({
+          message: "只支持STK类型的地形分析!",
+          type: "warning"
+        });
+      }
+    } else {
+      message({
+        message: "请加载地形后分析!",
+        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;
+        this._slopeAnalysis.colorImage = null;
+        this._slopeAnalysis.color = null;
+        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 = [];
+        this._slopeAnalysis.colorTable = [];
+        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();
+    this._globaOptions._drawFinishedEventListener = null;
+    this._slopeAnalysis && this._slopeAnalysis.destroy();
+    this._slopeAnalysis = null;
+    this._aspectAnalysis && this._aspectAnalysis.clear();
+    this._aspectAnalysis = null;
+  }
+
+}
+;// 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
+
+const SlopeAspectAnalysisvue_type_script_setup_true_lang_js_hoisted_1 = {
+  class: "kq3d-slope-aspect-analysis-box"
+};
+const SlopeAspectAnalysisvue_type_script_setup_true_lang_js_hoisted_2 = {
+  key: 0
+};
+const SlopeAspectAnalysisvue_type_script_setup_true_lang_js_hoisted_3 = {
+  class: "kq3d-slope-aspect-analysis-span"
+};
+const SlopeAspectAnalysisvue_type_script_setup_true_lang_js_hoisted_4 = {
+  key: 1
+};
+
+const SlopeAspectAnalysisvue_type_script_setup_true_lang_js_hoisted_5 = /*#__PURE__*/(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementVNode)("div", null, "0°", -1
+/* HOISTED */
+);
+
+const SlopeAspectAnalysisvue_type_script_setup_true_lang_js_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 SlopeAspectAnalysisvue_type_script_setup_true_lang_js_hoisted_7 = /*#__PURE__*/(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementVNode)("div", null, "90°", -1
+/* HOISTED */
+);
+
+const SlopeAspectAnalysisvue_type_script_setup_true_lang_js_hoisted_8 = ["src"];
+const SlopeAspectAnalysisvue_type_script_setup_true_lang_js_hoisted_9 = {
+  key: 2
+};
+const SlopeAspectAnalysisvue_type_script_setup_true_lang_js_hoisted_10 = {
+  class: "kq3d-slope-aspect-analysis-footer"
+};
+
+
+
+
+
+
+
+const SlopeAspectAnalysisvue_type_script_setup_true_lang_js_default_ = {
+  name: "Kq3dSlopeAspectAnalysis"
+};
+/* harmony default export */ var SlopeAspectAnalysisvue_type_script_setup_true_lang_js = (/*#__PURE__*/Object.assign(SlopeAspectAnalysisvue_type_script_setup_true_lang_js_default_, {
+  props: {
+    // 设置参数
+    settingParams: {
+      type: Object
+    },
+    // 是否显示阴影效果
+    showShadow: {
+      type: Boolean,
+      default: true
+    },
+
+    /**
+     * 例："center","topLeft","topRight","bottomLeft","bottomRight", "topCenter", "bottomCenter" {top:'16px',left:'16px'}, {top:16,left:16}
+     */
+    position: [String, Object],
+    // 是否生成HeaderTemp
+    showHeaderTemp: {
+      type: Boolean,
+      default: false
+    },
+    // 是否折叠HeaderTemp，showHeaderTemp为true时生效
+    isCollapseHeaderTemp: {
+      type: Boolean,
+      default: false
+    },
+    // HeaderTemp标题
+    headerTempTitle: {
+      type: String
+    },
+    // HeaderTemp图标
+    headerTempIcon: {
+      type: [Object, String],
+      default: client_icons_vue_namespaceObject.IconSlopeAnalysis
+    },
+    // HeaderTemp Title&Icon的位置
+    isRight: {
+      type: Boolean,
+      default: true
+    }
+  },
+
+  setup(__props, {
+    expose
+  }) {
+    const props = __props;
+    const {
+      proxy
+    } = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.getCurrentInstance)();
+    let currentLang = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)("");
+    let language = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)({});
+    let dataList = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.reactive)([{
+      colorTableDegree: 0,
+      colorTable: null
+    }, {
+      colorTableDegree: 10,
+      colorTable: "#00FF00"
+    }, {
+      colorTableDegree: 20,
+      colorTable: "#0000FF"
+    }, {
+      colorTableDegree: 30,
+      colorTable: "#FFFF00"
+    }, {
+      colorTableDegree: 40,
+      colorTable: "#FF7F00"
+    }, {
+      colorTableDegree: 90,
+      colorTable: "#FF0000"
+    }]);
+    const colorImages = [{
+      value: 0,
+      src: const_image_.RED_TO_PURPLE_URL
+    }, {
+      value: 1,
+      src: const_image_.PURPLE_TO_YELLOW_URL
+    }, {
+      value: 2,
+      src: const_image_.GREEN_TO_BLUE_URL
+    }]; //计算属性
+    // 获取组件传参
+    // 分析类
+
+    let viewModel = null; // 默认参数
+
+    let formItem = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.reactive)({
+      collapseValue: props.settingParams && props.settingParams.collapseValue || "",
+      // 折叠组件是否折叠，slope：展开坡度设置，aspect：展开破坡向设置
+      fillStyle: props.settingParams && props.settingParams.fillStyle || "tableColor",
+      colorTableDegree: props.settingParams && props.settingParams.colorTableDegree || [10, 20, 30, 40, 90],
+      colorTable: props.settingParams && props.settingParams.colorTable || ["#00FF00", "#0000FF", "#FFFF00", "#FF7F00", "#FF0000"],
+      colorImage: props.settingParams && props.settingParams.colorImage || 0,
+      minSlope: props.settingParams && props.settingParams.minSlope || 10,
+      maxSlope: props.settingParams && props.settingParams.maxSlope || 60,
+      slopeColorAlpha: props.settingParams && props.settingParams.slopeColorAlpha || 0.3,
+      slopeColorText: props.settingParams && props.settingParams.slopeColorText || "#FF0000",
+      // 坡向参数
+      interval: props.settingParams && props.settingParams.interval || 500,
+      // 采样间隔
+      minInterval: props.settingParams && props.settingParams.minInterval || 100,
+      // 采样间隔最小值
+      maxInterval: props.settingParams && props.settingParams.maxInterval || 1000,
+      // 采样间隔最大值
+      arrowWidth: props.settingParams && props.settingParams.arrowWidth || 20,
+      // 箭头宽度
+      minArrowWidth: props.settingParams && props.settingParams.minArrowWidth || 1,
+      // 箭头宽度最小值
+      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); // 生成组件默认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 {
+      locale,
+      messages
+    } = (0,vue_i18n_cjs_js_namespaceObject.useI18n)();
+    let headerTempTitle = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)(null);
+    (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.watch)(() => locale.value, (newVal, oldVal) => {
+      language.value = messages.value[newVal]["webgl"];
+      headerTempTitle.value = language.value.slopeAspectAnalysisTitle;
+    });
+    (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.onMounted)(() => {
+      (0,util_.updatePosition)(boxRef.value, props);
+      (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.watch)(() => props.position, (newVal, oldVal) => {
+        (0,util_.updatePosition)(boxRef.value, props);
+      });
+      watchCreateHeaderTemp();
+      (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.watch)(() => props.showHeaderTemp, (newVal, oldVal) => {
+        watchCreateHeaderTemp();
+      });
+      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.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;
+        });
+        formItem.colorTableDegree.shift();
+      } else if (type == "color") {
+        formItem.colorTable = dataList.map(item => {
+          return item.colorTable;
+        });
+        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,
+      paramsChanged,
+      startAnalysis,
+      clearResult
+    });
+    return (_ctx, _cache) => {
+      const _component_kq_row = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.resolveComponent)("kq-row");
+
+      const _component_kq_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
+        }]),
+        ref_key: "boxRef",
+        ref: boxRef
+      }, [__props.showHeaderTemp ? ((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.openBlock)(), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createBlock)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.resolveDynamicComponent)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(headerTemp)), {
+        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", SlopeAspectAnalysisvue_type_script_setup_true_lang_js_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 */
+
+      })) : (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
+      }, {
+        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_collapse_item, {
+          title: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(language).slopeAnalysisSettings,
+          name: "slope"
+        }, {
+          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, {
+            "label-width": (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(currentLang) === 'zh' ? '90px' : '120px',
+            "label-position": "left"
+          }, {
+            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_row, {
+              style: {
+                "display": "block"
+              }
+            }, {
+              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).fillStyle
+              }, {
+                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_select, {
+                  modelValue: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).fillStyle,
+                  "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).fillStyle = $event),
+                  onChange: _cache[1] || (_cache[1] = $event => paramsChanged('fillStyle'))
+                }, {
+                  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, {
+                    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, {
+                    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 */
+
+            }), (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", SlopeAspectAnalysisvue_type_script_setup_true_lang_js_hoisted_2, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_row, {
+              style: {
+                "display": "flex"
+              }
+            }, {
+              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 */
+
+              }), (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 */
+
+              })]),
+              _: 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,
+                style: {
+                  "display": "flex",
+                  "padding-bottom": "8px"
+                }
+              }, {
+                default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [index > 0 ? ((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.openBlock)(), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementBlock)(external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.Fragment, {
+                  key: 0
+                }, [(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)(() => [index === 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: 0,
+                    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,
+                    disabled: true,
+                    onInput: _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, {
+                    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,
+                    disabled: true,
+                    step: 1,
+                    onInput: _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", SlopeAspectAnalysisvue_type_script_setup_true_lang_js_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,
+                    min: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(dataList)[index - 1].colorTableDegree,
+                    max: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(dataList)[index + 1].colorTableDegree,
+                    step: 1,
+                    onInput: _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, {
+                    key: 3,
+                    modelValue: item.colorTableDegree,
+                    "onUpdate:modelValue": $event => item.colorTableDegree = $event,
+                    step: 1,
+                    disabled: true,
+                    onInput: _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, {
+                  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", SlopeAspectAnalysisvue_type_script_setup_true_lang_js_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
+              }, {
+                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_row, {
+                  style: {
+                    "display": "flex"
+                  }
+                }, {
+                  default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [SlopeAspectAnalysisvue_type_script_setup_true_lang_js_hoisted_5, SlopeAspectAnalysisvue_type_script_setup_true_lang_js_hoisted_6, SlopeAspectAnalysisvue_type_script_setup_true_lang_js_hoisted_7]),
+                  _: 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),
+                  onChange: _cache[8] || (_cache[8] = $event => paramsChanged('colorImage'))
+                }, {
+                  default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.openBlock)(), (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)(colorImages, (item, index) => {
+                    return (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_radio, {
+                      key: index,
+                      label: index
+                    }, {
+                      default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementVNode)("img", {
+                        class: "kq3d-slope-aspect-analysis-legend",
+                        src: item.src,
+                        alt: ""
+                      }, null, 8
+                      /* PROPS */
+                      , SlopeAspectAnalysisvue_type_script_setup_true_lang_js_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", SlopeAspectAnalysisvue_type_script_setup_true_lang_js_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
+              }, {
+                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_row, {
+                  style: {
+                    "display": "flex"
+                  }
+                }, {
+                  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: 16
+                  }, {
+                    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_slider, {
+                      modelValue: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).minSlope,
+                      "onUpdate:modelValue": _cache[9] || (_cache[9] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).minSlope = $event),
+                      step: 1,
+                      min: 0,
+                      max: 90,
+                      onInput: _cache[10] || (_cache[10] = $event => paramsChanged('minSlope'))
+                    }, null, 8
+                    /* PROPS */
+                    , ["modelValue"])]),
+                    _: 1
+                    /* STABLE */
+
+                  }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_col, {
+                    span: 8
+                  }, {
+                    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_input_number, {
+                      modelValue: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).minSlope,
+                      "onUpdate:modelValue": _cache[11] || (_cache[11] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).minSlope = $event),
+                      step: 1,
+                      min: 0,
+                      max: 90,
+                      "controls-position": "right",
+                      onInput: _cache[12] || (_cache[12] = $event => paramsChanged('minSlope'))
+                    }, null, 8
+                    /* PROPS */
+                    , ["modelValue"])]),
+                    _: 1
+                    /* STABLE */
+
+                  })]),
+                  _: 1
+                  /* STABLE */
+
+                })]),
+                _: 1
+                /* STABLE */
+
+              }, 8
+              /* PROPS */
+              , ["label"])]),
+              _: 1
+              /* STABLE */
+
+            }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.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
+              }, {
+                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_row, {
+                  style: {
+                    "display": "flex"
+                  }
+                }, {
+                  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: 16
+                  }, {
+                    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_slider, {
+                      modelValue: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).maxSlope,
+                      "onUpdate:modelValue": _cache[13] || (_cache[13] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).maxSlope = $event),
+                      step: 1,
+                      min: 0,
+                      max: 90,
+                      onInput: _cache[14] || (_cache[14] = $event => paramsChanged('maxSlope'))
+                    }, null, 8
+                    /* PROPS */
+                    , ["modelValue"])]),
+                    _: 1
+                    /* STABLE */
+
+                  }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_col, {
+                    span: 8
+                  }, {
+                    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_input_number, {
+                      modelValue: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).maxSlope,
+                      "onUpdate:modelValue": _cache[15] || (_cache[15] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).maxSlope = $event),
+                      step: 1,
+                      min: 0,
+                      max: 90,
+                      "controls-position": "right",
+                      onInput: _cache[16] || (_cache[16] = $event => paramsChanged('maxSlope'))
+                    }, null, 8
+                    /* PROPS */
+                    , ["modelValue"])]),
+                    _: 1
+                    /* STABLE */
+
+                  })]),
+                  _: 1
+                  /* STABLE */
+
+                })]),
+                _: 1
+                /* STABLE */
+
+              }, 8
+              /* PROPS */
+              , ["label"])]),
+              _: 1
+              /* STABLE */
+
+            }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.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
+              }, {
+                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_row, {
+                  style: {
+                    "display": "flex"
+                  }
+                }, {
+                  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: 16
+                  }, {
+                    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_slider, {
+                      modelValue: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).slopeColorAlpha,
+                      "onUpdate:modelValue": _cache[17] || (_cache[17] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).slopeColorAlpha = $event),
+                      min: 0,
+                      max: 1,
+                      step: 0.01,
+                      onInput: _cache[18] || (_cache[18] = $event => paramsChanged('slopeColorAlpha'))
+                    }, null, 8
+                    /* PROPS */
+                    , ["modelValue", "step"])]),
+                    _: 1
+                    /* STABLE */
+
+                  }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_col, {
+                    span: 8
+                  }, {
+                    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_input_number, {
+                      modelValue: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).slopeColorAlpha,
+                      "onUpdate:modelValue": _cache[19] || (_cache[19] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).slopeColorAlpha = $event),
+                      min: 0,
+                      max: 1,
+                      step: 0.01,
+                      "controls-position": "right",
+                      onInput: _cache[20] || (_cache[20] = $event => paramsChanged('slopeColorAlpha'))
+                    }, null, 8
+                    /* PROPS */
+                    , ["modelValue", "step"])]),
+                    _: 1
+                    /* STABLE */
+
+                  })]),
+                  _: 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"
+              }
+            }, {
+              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).color
+              }, {
+                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: (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 */
+
+            })])) : (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, {
+          title: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(language).aspectAnalysisSettings,
+          name: "aspect",
+          class: "kq3d-slope-aspect-analysis-collapse-item"
         }, {
           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, {
             "label-width": (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(currentLang) === 'zh' ? '90px' : '120px',
@@ -23690,11 +25103,11 @@ const AspectAnalysisvue_type_script_setup_true_lang_js_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_slider, {
                       modelValue: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).interval,
-                      "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).interval = $event),
+                      "onUpdate:modelValue": _cache[23] || (_cache[23] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).interval = $event),
                       step: 1,
                       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,
-                      onInput: _cache[1] || (_cache[1] = $event => paramsChanged('interval'))
+                      onInput: _cache[24] || (_cache[24] = $event => paramsChanged('interval'))
                     }, null, 8
                     /* PROPS */
                     , ["modelValue", "min", "max"])]),
@@ -23706,12 +25119,12 @@ const AspectAnalysisvue_type_script_setup_true_lang_js_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_input_number, {
                       modelValue: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).interval,
-                      "onUpdate:modelValue": _cache[2] || (_cache[2] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).interval = $event),
+                      "onUpdate:modelValue": _cache[25] || (_cache[25] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).interval = $event),
                       step: 1,
                       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,
                       "controls-position": "right",
-                      onInput: _cache[3] || (_cache[3] = $event => paramsChanged('interval'))
+                      onInput: _cache[26] || (_cache[26] = $event => paramsChanged('interval'))
                     }, null, 8
                     /* PROPS */
                     , ["modelValue", "min", "max"])]),
@@ -23746,11 +25159,11 @@ const AspectAnalysisvue_type_script_setup_true_lang_js_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_slider, {
                       modelValue: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).arrowWidth,
-                      "onUpdate:modelValue": _cache[4] || (_cache[4] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).arrowWidth = $event),
+                      "onUpdate:modelValue": _cache[27] || (_cache[27] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).arrowWidth = $event),
                       step: 1,
                       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,
-                      onInput: _cache[5] || (_cache[5] = $event => paramsChanged('arrowWidth'))
+                      onInput: _cache[28] || (_cache[28] = $event => paramsChanged('arrowWidth'))
                     }, null, 8
                     /* PROPS */
                     , ["modelValue", "min", "max"])]),
@@ -23762,12 +25175,12 @@ const AspectAnalysisvue_type_script_setup_true_lang_js_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_input_number, {
                       modelValue: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).arrowWidth,
-                      "onUpdate:modelValue": _cache[6] || (_cache[6] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).arrowWidth = $event),
+                      "onUpdate:modelValue": _cache[29] || (_cache[29] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).arrowWidth = $event),
                       step: 1,
                       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,
                       "controls-position": "right",
-                      onInput: _cache[7] || (_cache[7] = $event => paramsChanged('arrowWidth'))
+                      onInput: _cache[30] || (_cache[30] = $event => paramsChanged('arrowWidth'))
                     }, null, 8
                     /* PROPS */
                     , ["modelValue", "min", "max"])]),
@@ -23794,8 +25207,8 @@ const AspectAnalysisvue_type_script_setup_true_lang_js_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_color_picker, {
                   modelValue: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).arrowColor,
-                  "onUpdate:modelValue": _cache[8] || (_cache[8] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).arrowColor = $event),
-                  onChange: _cache[9] || (_cache[9] = $event => paramsChanged('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"])]),
@@ -23826,8 +25239,8 @@ const AspectAnalysisvue_type_script_setup_true_lang_js_default_ = {
 
       }, 8
       /* PROPS */
-      , ["model-value"]), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementVNode)("div", AspectAnalysisvue_type_script_setup_true_lang_js_hoisted_2, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_button, {
-        onClick: _cache[10] || (_cache[10] = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withModifiers)($event => startAnalysis(), ["stop"])),
+      , ["model-value"]), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementVNode)("div", SlopeAspectAnalysisvue_type_script_setup_true_lang_js_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"
       }, {
@@ -23840,7 +25253,7 @@ const AspectAnalysisvue_type_script_setup_true_lang_js_default_ = {
       }, 8
       /* PROPS */
       , ["title"]), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_button, {
-        onClick: _cache[11] || (_cache[11] = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withModifiers)($event => clearResult(), ["stop"])),
+        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
@@ -23858,23 +25271,23 @@ const AspectAnalysisvue_type_script_setup_true_lang_js_default_ = {
   }
 
 }));
-;// CONCATENATED MODULE: ./src/webgl/aspectanalysis/AspectAnalysis.vue?vue&type=script&setup=true&lang=js
+;// CONCATENATED MODULE: ./src/webgl/slopeaspectanalysis/SlopeAspectAnalysis.vue?vue&type=script&setup=true&lang=js
  
-;// CONCATENATED MODULE: ./src/webgl/aspectanalysis/AspectAnalysis.vue
+;// CONCATENATED MODULE: ./src/webgl/slopeaspectanalysis/SlopeAspectAnalysis.vue
 
 
 
-const AspectAnalysis_exports_ = AspectAnalysisvue_type_script_setup_true_lang_js;
+const SlopeAspectAnalysis_exports_ = SlopeAspectAnalysisvue_type_script_setup_true_lang_js;
 
-/* harmony default export */ var AspectAnalysis = (AspectAnalysis_exports_);
-;// CONCATENATED MODULE: ./src/webgl/aspectanalysis/index.js
+/* harmony default export */ var SlopeAspectAnalysis = (SlopeAspectAnalysis_exports_);
+;// CONCATENATED MODULE: ./src/webgl/slopeaspectanalysis/index.js
 
 
 
 
-AspectAnalysis.install = (Vue, opts) => {
+SlopeAspectAnalysis.install = (Vue, opts) => {
   init_js_default()(Vue, opts);
-  Vue.component(AspectAnalysis.name, AspectAnalysis);
+  Vue.component(SlopeAspectAnalysis.name, SlopeAspectAnalysis);
 };
 
 
@@ -41032,6 +42445,9 @@ GeologicalBodyAnalysis.install = (Vue, opts) => {
 
 
 
+ // 坡度坡向分析
+
+
 
 
 
@@ -41112,7 +42528,8 @@ const webglComponents = {
   Kq3dTerrainProfileAnalysis: TerrainProfileAnalysis,
   Kq3dScanEffect: ScanEffect,
   Kq3dModelExcavate: ModelExcavate,
-  Kq3dModelFlat: ModelFlat
+  Kq3dModelFlat: ModelFlat,
+  Kq3dSlopeAspectAnalysis: SlopeAspectAnalysis
 }; // 全局引入
 
 const install = function (Vue, opts = {}) {