@kq_npm/client3d_webgl_vue 0.0.1-beta

package/slopeanalysis/index.js

@@ -0,0 +1,1028 @@
+/******/ (function() { // webpackBootstrap
+/******/ 	"use strict";
+/******/ 	// The require scope
+/******/ 	var __webpack_require__ = {};
+/******/ 	
+/************************************************************************/
+/******/ 	/* webpack/runtime/compat get default export */
+/******/ 	!function() {
+/******/ 		// getDefaultExport function for compatibility with non-harmony modules
+/******/ 		__webpack_require__.n = function(module) {
+/******/ 			var getter = module && module.__esModule ?
+/******/ 				function() { return module['default']; } :
+/******/ 				function() { return module; };
+/******/ 			__webpack_require__.d(getter, { a: getter });
+/******/ 			return getter;
+/******/ 		};
+/******/ 	}();
+/******/ 	
+/******/ 	/* webpack/runtime/define property getters */
+/******/ 	!function() {
+/******/ 		// define getter functions for harmony exports
+/******/ 		__webpack_require__.d = function(exports, definition) {
+/******/ 			for(var key in definition) {
+/******/ 				if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
+/******/ 					Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
+/******/ 				}
+/******/ 			}
+/******/ 		};
+/******/ 	}();
+/******/ 	
+/******/ 	/* webpack/runtime/hasOwnProperty shorthand */
+/******/ 	!function() {
+/******/ 		__webpack_require__.o = function(obj, prop) { return Object.prototype.hasOwnProperty.call(obj, prop); }
+/******/ 	}();
+/******/ 	
+/******/ 	/* webpack/runtime/make namespace object */
+/******/ 	!function() {
+/******/ 		// define __esModule on exports
+/******/ 		__webpack_require__.r = function(exports) {
+/******/ 			if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 				Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 			}
+/******/ 			Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 		};
+/******/ 	}();
+/******/ 	
+/************************************************************************/
+var __webpack_exports__ = {};
+// ESM COMPAT FLAG
+__webpack_require__.r(__webpack_exports__);
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  "SlopeAnalysisViewModel": function() { return /* reexport */ SlopeAnalysisViewModel; },
+  "default": function() { return /* reexport */ SlopeAnalysis; }
+});
+
+;// CONCATENATED MODULE: external {"root":"Vue","commonjs":"vue","commonjs2":"vue","amd":"vue"}
+var external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject = require("vue");
+;// CONCATENATED MODULE: external "@zpc_npm/vue-iclient-common/_utils/gis-utils"
+var gis_utils_namespaceObject = require("@zpc_npm/vue-iclient-common/_utils/gis-utils");
+;// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/defineProperty.js
+function _defineProperty(obj, key, value) {
+  if (key in obj) {
+    Object.defineProperty(obj, key, {
+      value: value,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+  } else {
+    obj[key] = value;
+  }
+
+  return obj;
+}
+;// CONCATENATED MODULE: external "@zpc_npm/vue-iclient-common/_utils/const-image"
+var const_image_namespaceObject = require("@zpc_npm/vue-iclient-common/_utils/const-image");
+;// CONCATENATED MODULE: ./src/webgl/slopeanalysis/SlopeAnalysisViewModel.js
+
+ // 分析逻辑类
+
+class SlopeAnalysisViewModel {
+  constructor(scenceView, viewModel) {
+    _defineProperty(this, "_slopeAnalysis", null);
+
+    _defineProperty(this, "_globaOptions", {
+      viewer: null,
+      _drawManager: null
+    });
+
+    _defineProperty(this, "_defaultPositions", [new Cesium.Cartesian3(320344.97912128427, 5634145.630522612, 2962308.690344629), new Cesium.Cartesian3(324448.6451820951, 5639835.805638826, 2951088.4423702545), new Cesium.Cartesian3(320344.97912128427, 5634145.630522612, 2962308.690344629)]);
+
+    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
+    };
+    this._globaOptions.viewer.scene.globe.depthTestAgainstTerrain = true; //开启深度检测
+
+    this._globaOptions.viewer.scene.globe.enableLighting = true;
+    this._globaOptions._drawManager = scenceView._drawManager;
+    var that = this;
+    this._globaOptions._drawFinishedEventListener = this._globaOptions._drawManager.drawFinishedEvent.addEventListener(shape => {
+      if (shape) {
+        that._globaOptions.viewModel.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();
+      }
+    });
+  } // 开始分析
+
+
+  start() {
+    if (this._globaOptions.viewModel.fillStyle === "slopeFilter") {
+      // 坡度过滤不需要进行绘制
+      this._slopeAnalysis = new Cesium.Kq3dSlope({
+        viewer: this._globaOptions.viewer,
+        positions: this._defaultPositions,
+        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 {
+      if (this._globaOptions._drawManager) {
+        this._globaOptions._drawManager.startDraw("polygon", {
+          clampToGround: true
+        });
+      }
+    }
+  } //修改填充样式
+
+
+  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_namespaceObject.RED_TO_PURPLE_URL;
+        break;
+
+      case 1:
+        path = const_image_namespaceObject.PURPLE_TO_YELLOW_URL;
+        break;
+
+      case 2:
+        path = const_image_namespaceObject.GREEN_TO_BLUE_URL;
+        break;
+
+      default:
+        path = const_image_namespaceObject.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;
+  } // 清除全部结果
+
+
+  clear() {
+    this._globaOptions._drawManager && this._globaOptions._drawManager.stopDraw();
+    this._slopeAnalysis && this._slopeAnalysis.destroy();
+    this._slopeAnalysis = null;
+  } // 销毁
+
+
+  destroy() {
+    // 移除监听事件
+    this._drawFinishedEventListener && this._drawFinishedEventListener();
+    this._drawFinishedEventListener = null;
+    this._slopeAnalysis && this._slopeAnalysis.destroy();
+    this._slopeAnalysis = null;
+  }
+
+}
+;// CONCATENATED MODULE: ./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/dist/index.js??ruleSet[0]!./src/webgl/slopeanalysis/SlopeAnalysis.vue?vue&type=script&setup=true&lang=js
+
+const _hoisted_1 = {
+  class: "kq3d-slope-analysis"
+};
+const _hoisted_2 = {
+  key: 0
+};
+const _hoisted_3 = {
+  class: "kq3d-slope-analysis-span"
+};
+const _hoisted_4 = {
+  key: 1
+};
+
+const _hoisted_5 = /*#__PURE__*/(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createElementVNode)("div", null, "0°", -1
+/* HOISTED */
+);
+
+const _hoisted_6 = /*#__PURE__*/(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createElementVNode)("div", {
+  class: "kq3d-slope-analysis-line"
+}, null, -1
+/* HOISTED */
+);
+
+const _hoisted_7 = /*#__PURE__*/(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createElementVNode)("div", null, "90°", -1
+/* HOISTED */
+);
+
+const _hoisted_8 = ["src"];
+const _hoisted_9 = {
+  key: 2
+};
+const _hoisted_10 = {
+  class: "kq3d-slope-analysis-footer"
+};
+
+
+
+
+const __default__ = {
+  name: "Kq3dSlopeAnalysis"
+};
+/* harmony default export */ var SlopeAnalysisvue_type_script_setup_true_lang_js = (/*#__PURE__*/Object.assign(__default__, {
+  props: {
+    // 设置参数
+    settingParams: {
+      type: Object
+    }
+  },
+
+  setup(__props, {
+    expose
+  }) {
+    const props = __props;
+    const {
+      proxy
+    } = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.getCurrentInstance)();
+    let currentLang = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.ref)("");
+    let language = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.ref)({});
+    let collapseValue = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.ref)("");
+    let dataList = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.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_namespaceObject.RED_TO_PURPLE_URL
+    }, {
+      value: 1,
+      src: const_image_namespaceObject.PURPLE_TO_YELLOW_URL
+    }, {
+      value: 2,
+      src: const_image_namespaceObject.GREEN_TO_BLUE_URL
+    }]; //计算属性
+    // 获取组件传参
+    // 分析类
+
+    let viewModel = null; // 默认参数
+
+    let formItem = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.reactive)({
+      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"
+    });
+    (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.onMounted)(() => {
+      currentLang.value = proxy.$i18n.locale; // 获取当前语言
+
+      gis_utils_namespaceObject.utils.getWebMap(null, scenceView => {
+        if (scenceView) {
+          language.value = scenceView._language;
+          refactorArr();
+          viewModel = new SlopeAnalysisViewModel(scenceView, formItem);
+          var imageUrl = getImagePath(formItem.colorImage);
+          viewModel.setColorImage(imageUrl);
+        }
+      });
+    }); // 刷新自定义样式数组
+
+    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;
+
+        default:
+          break;
+      }
+    } // 开始分析
+
+
+    function startAnalysis() {
+      clearResult();
+      viewModel && viewModel.start();
+    } //清除结果
+
+
+    function clearResult() {
+      viewModel && viewModel.clear();
+    } // 销毁
+
+
+    (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.onBeforeUnmount)(() => {
+      viewModel && viewModel.destroy();
+    });
+    expose({
+      clearResult
+    });
+    return (_ctx, _cache) => {
+      const _component_kq_row = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.resolveComponent)("kq-row");
+
+      const _component_kq_option = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.resolveComponent)("kq-option");
+
+      const _component_kq_select = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.resolveComponent)("kq-select");
+
+      const _component_kq_form_item = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.resolveComponent)("kq-form-item");
+
+      const _component_kq_col = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.resolveComponent)("kq-col");
+
+      const _component_kq_input_number = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.resolveComponent)("kq-input-number");
+
+      const _component_kq_color_picker = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.resolveComponent)("kq-color-picker");
+
+      const _component_kq_radio = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.resolveComponent)("kq-radio");
+
+      const _component_kq_radio_group = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.resolveComponent)("kq-radio-group");
+
+      const _component_kq_slider = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.resolveComponent)("kq-slider");
+
+      const _component_kq_form = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.resolveComponent)("kq-form");
+
+      const _component_kq_collapse_item = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.resolveComponent)("kq-collapse-item");
+
+      const _component_kq_collapse = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.resolveComponent)("kq-collapse");
+
+      const _component_kq_button = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.resolveComponent)("kq-button");
+
+      return (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.openBlock)(), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createElementBlock)("section", _hoisted_1, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).fillStyle !== 'slopeFilter' ? ((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.openBlock)(), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createBlock)(_component_kq_row, {
+        key: 0,
+        class: "kq3d-slope-analysis-tip"
+      }, {
+        default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createElementVNode)("p", null, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.toDisplayString)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(language).skylineTips), 1
+        /* TEXT */
+        )]),
+        _: 1
+        /* STABLE */
+
+      })) : (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createCommentVNode)("v-if", true), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_collapse, {
+        "model-value": (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(collapseValue)
+      }, {
+        default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_collapse_item, {
+          title: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(language).analysisSettings,
+          name: "setting"
+        }, {
+          default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_form, {
+            "label-width": (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(currentLang) === 'zh' ? '90px' : '120px',
+            "label-position": "left"
+          }, {
+            default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_row, {
+              style: {
+                "display": "block"
+              }
+            }, {
+              default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_form_item, {
+                label: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(language).fillStyle
+              }, {
+                default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_select, {
+                  modelValue: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).fillStyle,
+                  "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).fillStyle = $event),
+                  onChange: _cache[1] || (_cache[1] = $event => paramsChanged('fillStyle'))
+                }, {
+                  default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_option, {
+                    label: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(language).customColorScheme,
+                    value: "tableColor"
+                  }, null, 8
+                  /* PROPS */
+                  , ["label"]), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_option, {
+                    label: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(language).gradientTexture,
+                    value: "colorImage"
+                  }, null, 8
+                  /* PROPS */
+                  , ["label"]), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_option, {
+                    label: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.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_namespaceObject.unref)(formItem).fillStyle === 'tableColor' ? ((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.openBlock)(), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createElementBlock)("div", _hoisted_2, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_row, {
+              style: {
+                "display": "flex"
+              }
+            }, {
+              default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_col, {
+                span: 18
+              }, {
+                default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createTextVNode)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.toDisplayString)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(language).setSlopeRange), 1
+                /* TEXT */
+                )]),
+                _: 1
+                /* STABLE */
+
+              }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_col, {
+                span: 6
+              }, {
+                default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createTextVNode)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.toDisplayString)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(language).setColor), 1
+                /* TEXT */
+                )]),
+                _: 1
+                /* STABLE */
+
+              })]),
+              _: 1
+              /* STABLE */
+
+            }), ((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.openBlock)(true), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createElementBlock)(external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.Fragment, null, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.renderList)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(dataList), (item, index) => {
+              return (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.openBlock)(), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createBlock)(_component_kq_row, {
+                key: index,
+                style: {
+                  "display": "flex"
+                }
+              }, {
+                default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [index > 0 ? ((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.openBlock)(), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createElementBlock)(external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.Fragment, {
+                  key: 0
+                }, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_col, {
+                  span: 18
+                }, {
+                  default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [index === 1 ? ((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.openBlock)(), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createBlock)(_component_kq_input_number, {
+                    key: 0,
+                    modelValue: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(dataList)[index - 1].colorTableDegree,
+                    "onUpdate:modelValue": $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.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_namespaceObject.createCommentVNode)("v-if", true), index > 1 && index < (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(dataList).length ? ((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.openBlock)(), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createBlock)(_component_kq_input_number, {
+                    key: 1,
+                    modelValue: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(dataList)[index - 1].colorTableDegree,
+                    "onUpdate:modelValue": $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.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_namespaceObject.createCommentVNode)("v-if", true), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createElementVNode)("span", _hoisted_3, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.toDisplayString)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(language).to), 1
+                  /* TEXT */
+                  ), index > 0 && index < (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(dataList).length - 1 ? ((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.openBlock)(), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.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_namespaceObject.unref)(dataList)[index - 1].colorTableDegree,
+                    max: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.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_namespaceObject.createCommentVNode)("v-if", true), index === (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(dataList).length - 1 ? ((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.openBlock)(), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.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_namespaceObject.createCommentVNode)("v-if", true)]),
+                  _: 2
+                  /* DYNAMIC */
+
+                }, 1024
+                /* DYNAMIC_SLOTS */
+                ), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_col, {
+                  span: 6
+                }, {
+                  default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.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_namespaceObject.createCommentVNode)("v-if", true)]),
+                _: 2
+                /* DYNAMIC */
+
+              }, 1024
+              /* DYNAMIC_SLOTS */
+              );
+            }), 128
+            /* KEYED_FRAGMENT */
+            ))])) : (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createCommentVNode)("v-if", true), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).fillStyle === 'colorImage' ? ((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.openBlock)(), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createElementBlock)("div", _hoisted_4, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_row, null, {
+              default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_form_item, {
+                label: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(language).gradientColor
+              }, {
+                default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_row, {
+                  style: {
+                    "display": "flex"
+                  }
+                }, {
+                  default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [_hoisted_5, _hoisted_6, _hoisted_7]),
+                  _: 1
+                  /* STABLE */
+
+                }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_radio_group, {
+                  modelValue: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).colorImage,
+                  "onUpdate:modelValue": _cache[7] || (_cache[7] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).colorImage = $event),
+                  onChange: _cache[8] || (_cache[8] = $event => paramsChanged('colorImage'))
+                }, {
+                  default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.openBlock)(), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createElementBlock)(external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.Fragment, null, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.renderList)(colorImages, (item, index) => {
+                    return (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_radio, {
+                      key: index,
+                      label: index
+                    }, {
+                      default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createElementVNode)("img", {
+                        class: "kq3d-slope-analysis-legend",
+                        src: item.src,
+                        alt: ""
+                      }, null, 8
+                      /* PROPS */
+                      , _hoisted_8)]),
+                      _: 2
+                      /* DYNAMIC */
+
+                    }, 1032
+                    /* PROPS, DYNAMIC_SLOTS */
+                    , ["label"]);
+                  }), 64
+                  /* STABLE_FRAGMENT */
+                  ))]),
+                  _: 1
+                  /* STABLE */
+
+                }, 8
+                /* PROPS */
+                , ["modelValue"])]),
+                _: 1
+                /* STABLE */
+
+              }, 8
+              /* PROPS */
+              , ["label"])]),
+              _: 1
+              /* STABLE */
+
+            })])) : (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createCommentVNode)("v-if", true), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).fillStyle === 'slopeFilter' ? ((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.openBlock)(), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createElementBlock)("div", _hoisted_9, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_row, null, {
+              default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_form_item, {
+                label: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(language).minSlope
+              }, {
+                default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_row, {
+                  style: {
+                    "display": "flex"
+                  }
+                }, {
+                  default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_col, {
+                    span: 16
+                  }, {
+                    default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_slider, {
+                      modelValue: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).minSlope,
+                      "onUpdate:modelValue": _cache[9] || (_cache[9] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.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_namespaceObject.createVNode)(_component_kq_col, {
+                    span: 8
+                  }, {
+                    default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_input_number, {
+                      modelValue: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).minSlope,
+                      "onUpdate:modelValue": _cache[11] || (_cache[11] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.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_namespaceObject.createVNode)(_component_kq_row, null, {
+              default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_form_item, {
+                label: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(language).maxSlope
+              }, {
+                default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_row, {
+                  style: {
+                    "display": "flex"
+                  }
+                }, {
+                  default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_col, {
+                    span: 16
+                  }, {
+                    default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_slider, {
+                      modelValue: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).maxSlope,
+                      "onUpdate:modelValue": _cache[13] || (_cache[13] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.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_namespaceObject.createVNode)(_component_kq_col, {
+                    span: 8
+                  }, {
+                    default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_input_number, {
+                      modelValue: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).maxSlope,
+                      "onUpdate:modelValue": _cache[15] || (_cache[15] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.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_namespaceObject.createVNode)(_component_kq_row, null, {
+              default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_form_item, {
+                label: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(language).transparents
+              }, {
+                default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_row, {
+                  style: {
+                    "display": "flex"
+                  }
+                }, {
+                  default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_col, {
+                    span: 16
+                  }, {
+                    default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_slider, {
+                      modelValue: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).slopeColorAlpha,
+                      "onUpdate:modelValue": _cache[17] || (_cache[17] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.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_namespaceObject.createVNode)(_component_kq_col, {
+                    span: 8
+                  }, {
+                    default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_input_number, {
+                      modelValue: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).slopeColorAlpha,
+                      "onUpdate:modelValue": _cache[19] || (_cache[19] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.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_namespaceObject.createVNode)(_component_kq_row, null, {
+              default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_form_item, {
+                label: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(language).color
+              }, {
+                default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_color_picker, {
+                  modelValue: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).slopeColorText,
+                  "onUpdate:modelValue": _cache[21] || (_cache[21] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.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_namespaceObject.createCommentVNode)("v-if", true)]),
+            _: 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_namespaceObject.createElementVNode)("div", _hoisted_10, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_button, {
+        onClick: _cache[23] || (_cache[23] = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withModifiers)($event => startAnalysis(), ["stop"])),
+        title: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(language).startAnalysis,
+        type: "primary"
+      }, {
+        default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createTextVNode)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.toDisplayString)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(language).startAnalysis), 1
+        /* TEXT */
+        )]),
+        _: 1
+        /* STABLE */
+
+      }, 8
+      /* PROPS */
+      , ["title"]), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_button, {
+        onClick: _cache[24] || (_cache[24] = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withModifiers)($event => clearResult(), ["stop"])),
+        title: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(language).clearResult
+      }, {
+        default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createTextVNode)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.toDisplayString)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(language).clearResult), 1
+        /* TEXT */
+        )]),
+        _: 1
+        /* STABLE */
+
+      }, 8
+      /* PROPS */
+      , ["title"])])]);
+    };
+  }
+
+}));
+;// CONCATENATED MODULE: ./src/webgl/slopeanalysis/SlopeAnalysis.vue?vue&type=script&setup=true&lang=js
+ 
+;// CONCATENATED MODULE: ./src/webgl/slopeanalysis/SlopeAnalysis.vue
+
+
+
+const __exports__ = SlopeAnalysisvue_type_script_setup_true_lang_js;
+
+/* harmony default export */ var SlopeAnalysis = (__exports__);
+;// CONCATENATED MODULE: external "@zpc_npm/vue-iclient-common/init.js"
+var init_js_namespaceObject = require("@zpc_npm/vue-iclient-common/init.js");
+var init_js_default = /*#__PURE__*/__webpack_require__.n(init_js_namespaceObject);
+;// CONCATENATED MODULE: ./src/webgl/slopeanalysis/index.js
+
+
+
+
+SlopeAnalysis.install = (Vue, opts) => {
+  init_js_default()(Vue, opts);
+  Vue.component(SlopeAnalysis.name, SlopeAnalysis);
+};
+
+
+module.exports = __webpack_exports__;
+/******/ })()
+;