@kq_npm/client3d_webgl_vue 0.0.1-beta

package/floodanalysis/index.js

@@ -0,0 +1,824 @@
+/******/ (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__, {
+  "FloodAnalysisViewModel": function() { return /* reexport */ FloodAnalysisViewModel; },
+  "default": function() { return /* reexport */ FloodAnalysis; }
+});
+
+;// 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: ./src/webgl/floodanalysis/FloodAnalysisViewModel.js
+
+//地形淹没分析逻辑类
+class FloodAnalysisViewModel {
+  //地形淹没
+  //模型淹没
+  constructor(scenceView, options) {
+    _defineProperty(this, "_floodTerrainAnalysis", null);
+
+    _defineProperty(this, "_floodModelAnalysis", null);
+
+    _defineProperty(this, "_measureHandler", null);
+
+    _defineProperty(this, "_measureResult", null);
+
+    _defineProperty(this, "_mode", 0);
+
+    options.viewer = scenceView._viewer;
+    options.viewer.scene.globe.depthTestAgainstTerrain = true;
+    this._mode = options.mode;
+    this._floodModelAnalysis = new Cesium.Kq3dFloodModelAnalysis(options);
+    var that = this;
+    this._measureHandler = new Cesium.Kq3dMeasureHandler(scenceView._viewer, {
+      dblClickEnd: true
+    });
+
+    this._measureHandler.measureEvent.addEventListener(function (result) {
+      that._measureResult = result;
+      result.measureResult.label.show = false;
+    });
+
+    this._measureHandler.activeEvent.addEventListener(function (ret) {
+      if (ret == false) {
+        if (that._measureResult) {
+          if (that._mode === 0) {
+            options.positions = that._measureResult.positions;
+
+            if (!that._floodTerrainAnalysis) {
+              that._floodTerrainAnalysis = new Cesium.Kq3dFloodTerrainAnalysis(options);
+            } else {
+              that._floodTerrainAnalysis.positions = that._measureResult.positions;
+            }
+
+            that._floodTerrainAnalysis.start();
+          } else if (that._mode === 1) {
+            if (that._measureResult.positions && that._measureResult.positions.length > 0) {
+              that._floodModelAnalysis.center = that._measureResult.positions[0];
+            }
+
+            let polygon = Cesium.PolygonGeometry.fromPositions({
+              positions: that._measureResult.positions
+            });
+
+            that._floodModelAnalysis.addPolygon(polygon);
+
+            that._floodModelAnalysis.start();
+          }
+
+          that._measureResult.measureResult.destroy();
+        }
+      }
+    });
+  } //开始分析
+
+
+  start() {
+    this.clear();
+
+    this._measureHandler.startMeasure(Cesium.Kq3dMeasureMode.HorizontalArea);
+  } //清除全部结果
+
+
+  clear() {
+    this._measureHandler.stopMeasure();
+
+    if (this._floodTerrainAnalysis) {
+      var options = {
+        viewer: this._floodTerrainAnalysis.viewer,
+        moveMode: this._floodTerrainAnalysis.moveMode,
+        speed: this._floodTerrainAnalysis.speed,
+        alpha: this._floodTerrainAnalysis.alpha,
+        positions: this._floodTerrainAnalysis.positions,
+        minHeight: this._floodTerrainAnalysis.minHeight,
+        maxHeight: this._floodTerrainAnalysis.maxHeight,
+        colorImage: this._floodTerrainAnalysis.colorImage
+      };
+
+      this._floodTerrainAnalysis.destroy();
+
+      this._floodTerrainAnalysis = new Cesium.Kq3dFloodTerrainAnalysis(options);
+    }
+
+    if (this._floodModelAnalysis) {
+      this._floodModelAnalysis.reset();
+    }
+  } //销毁
+
+
+  destroy() {
+    this._floodTerrainAnalysis && this._floodTerrainAnalysis.destroy();
+    this._floodTerrainAnalysis = null;
+    this._floodModelAnalysis && this._floodModelAnalysis.reset();
+    this._floodModelAnalysis = null;
+    this._measureHandler && this._measureHandler.destroy();
+    this._measureHandler = null;
+  } //设置淹没模式
+
+
+  setMoveMode(mode) {
+    this._mode = Number(mode);
+  } //设置淹没方向
+
+
+  setMoveDirection(direction) {
+    if (this._floodTerrainAnalysis) this._floodTerrainAnalysis.moveMode = Number(direction);
+    if (this._floodModelAnalysis) this._floodModelAnalysis.moveMode = Number(direction);
+  } //设置淹没速度
+
+
+  setMoveSpeed(speed) {
+    if (this._floodTerrainAnalysis) this._floodTerrainAnalysis.speed = Number(speed);
+    if (this._floodModelAnalysis) this._floodModelAnalysis.speed = Number(speed);
+  } //设置淹没纹理透明度
+
+
+  setMoveAlpha(alpha) {
+    if (this._floodTerrainAnalysis) this._floodTerrainAnalysis.alpha = Number(alpha);
+    if (this._floodModelAnalysis) this._floodModelAnalysis.alpha = Number(alpha);
+  } //设置最小淹没高度
+
+
+  setMoveMinHeight(minHeight) {
+    if (this._floodTerrainAnalysis) this._floodTerrainAnalysis.minHeight = Number(minHeight);
+    if (this._floodModelAnalysis) this._floodModelAnalysis.minHeight = Number(minHeight);
+  } //设置最大淹没高度
+
+
+  setMoveMaxHeight(maxHeight) {
+    if (this._floodTerrainAnalysis) this._floodTerrainAnalysis.maxHeight = Number(maxHeight);
+    if (this._floodModelAnalysis) this._floodModelAnalysis.maxHeight = Number(maxHeight);
+  } //设置淹没填充纹理
+
+
+  setMoveImage(image) {
+    if (this._floodTerrainAnalysis) this._floodTerrainAnalysis.colorImage = image;
+    if (this._floodModelAnalysis) this._floodModelAnalysis.colorImage = image;
+  }
+
+}
+;// 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: ./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/dist/index.js??ruleSet[0]!./src/webgl/floodanalysis/FloodAnalysis.vue?vue&type=script&setup=true&lang=js
+
+const _hoisted_1 = {
+  class: "kq3d-flood-analysis"
+};
+const _hoisted_2 = ["src"];
+const _hoisted_3 = {
+  class: "kq3d-flood-analysis-footer"
+};
+
+
+
+
+const __default__ = {
+  name: "Kq3dFloodAnalysis"
+};
+/* harmony default export */ var FloodAnalysisvue_type_script_setup_true_lang_js = (/*#__PURE__*/Object.assign(__default__, {
+  props: {
+    // 每个地图相关组件的必须参数 非必传 指定组件绑定的map对象的div的id
+    mapTarget: String,
+    // 设置参数
+    settingParams: {
+      type: Object
+    }
+  },
+
+  setup(__props, {
+    expose
+  }) {
+    const props = __props;
+    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)("");
+    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 formItem = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.reactive)({
+      floodMode: props.settingParams && props.settingParams.floodMode || 0,
+      floodDirection: props.settingParams && props.settingParams.floodDirection || 1,
+      floodSpeed: props.settingParams && props.settingParams.floodSpeed || 300,
+      floodSpeedMax: props.settingParams && props.settingParams.floodSpeedMax || 1000,
+      floodAlpha: props.settingParams && props.settingParams.floodAlpha || 0.85,
+      floodHeightStep: props.settingParams && props.settingParams.floodHeightStep || 100,
+      floodMinHeight: props.settingParams && props.settingParams.floodMinHeight || 1200,
+      floodMinHeightMax: props.settingParams && props.settingParams.floodMinHeightMax || 10000,
+      floodMaxHeight: props.settingParams && props.settingParams.floodMaxHeight || 5000,
+      floodMaxHeightMax: props.settingParams && props.settingParams.floodMaxHeightMax || 10000,
+      floodColorImage: props.settingParams && props.settingParams.floodColorImage || "0"
+    });
+    let viewModel = null;
+    (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.onMounted)(() => {
+      gis_utils_namespaceObject.utils.getWebMap(props.mapTarget, scenceView => {
+        if (scenceView) {
+          language.value = scenceView._language;
+          var options = {
+            mode: formItem.floodMode,
+            moveMode: formItem.floodDirection,
+            speed: formItem.floodSpeed,
+            alpha: formItem.floodAlpha,
+            minHeight: formItem.floodMinHeight,
+            maxHeight: formItem.floodMaxHeight,
+            colorImage: getImagePath(formItem.floodColorImage)
+          };
+          viewModel = new FloodAnalysisViewModel(scenceView, options);
+        }
+      });
+    }); //获取图片路径
+
+    function getImagePath(value) {
+      var imagePath = '';
+      var image = colorImages.find(item => item.value === value);
+
+      if (image) {
+        imagePath = image.src;
+      }
+
+      return imagePath;
+    } //开始分析
+
+
+    function startAnalysis() {
+      viewModel && viewModel.start();
+    } //清除结果
+
+
+    function clearResult() {
+      viewModel && viewModel.clear();
+    }
+
+    function paramsChanged(key) {
+      switch (key) {
+        case "mode":
+          viewModel.setMoveMode(formItem.floodMode);
+          break;
+
+        case "direction":
+          viewModel.setMoveDirection(formItem.floodDirection);
+          break;
+
+        case "speed":
+          viewModel.setMoveSpeed(formItem.floodSpeed);
+          break;
+
+        case "alpha":
+          viewModel.setMoveAlpha(formItem.floodAlpha);
+          break;
+
+        case "minHeight":
+          viewModel.setMoveMinHeight(formItem.floodMinHeight);
+          break;
+
+        case "maxHeight":
+          viewModel.setMoveMaxHeight(formItem.floodMaxHeight);
+          break;
+
+        case "image":
+          var imageUrl = getImagePath(formItem.floodColorImage);
+          viewModel.setMoveImage(imageUrl);
+          break;
+
+        default:
+          break;
+      }
+    } // 销毁
+
+
+    (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_slider = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.resolveComponent)("kq-slider");
+
+      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_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_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.createVNode)(_component_kq_row, {
+        class: "kq3d-flood-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).floodTips), 1
+        /* TEXT */
+        )]),
+        _: 1
+        /* STABLE */
+
+      }), (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": "110px",
+            "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, 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).floodMode
+              }, {
+                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).floodMode,
+                  "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).floodMode = $event),
+                  onChange: _cache[1] || (_cache[1] = $event => paramsChanged('mode'))
+                }, {
+                  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).floodTerrain,
+                    value: 0
+                  }, 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).floodModel,
+                    value: 1
+                  }, 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.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).floodDirection
+              }, {
+                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).floodDirection,
+                  "onUpdate:modelValue": _cache[2] || (_cache[2] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).floodDirection = $event),
+                  onChange: _cache[3] || (_cache[3] = $event => paramsChanged('direction'))
+                }, {
+                  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).floodDirection0,
+                    value: 0
+                  }, 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).floodDirection1,
+                    value: 1
+                  }, 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.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).floodSpeed
+              }, {
+                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).floodSpeed,
+                      "onUpdate:modelValue": _cache[4] || (_cache[4] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).floodSpeed = $event),
+                      step: 1,
+                      min: 0,
+                      max: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).floodSpeedMax,
+                      onInput: _cache[5] || (_cache[5] = $event => paramsChanged('speed'))
+                    }, null, 8
+                    /* PROPS */
+                    , ["modelValue", "max"])]),
+                    _: 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).floodSpeed,
+                      "onUpdate:modelValue": _cache[6] || (_cache[6] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).floodSpeed = $event),
+                      min: 0,
+                      max: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).floodSpeedMax,
+                      step: 1,
+                      "controls-position": "right",
+                      onInput: _cache[7] || (_cache[7] = $event => paramsChanged('speed'))
+                    }, null, 8
+                    /* PROPS */
+                    , ["modelValue", "max"])]),
+                    _: 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).floodAlpha
+              }, {
+                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).floodAlpha,
+                      "onUpdate:modelValue": _cache[8] || (_cache[8] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).floodAlpha = $event),
+                      step: 0.01,
+                      min: 0,
+                      max: 1,
+                      onInput: _cache[9] || (_cache[9] = $event => paramsChanged('alpha'))
+                    }, 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).floodAlpha,
+                      "onUpdate:modelValue": _cache[10] || (_cache[10] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).floodAlpha = $event),
+                      min: 0,
+                      max: 1,
+                      step: 0.01,
+                      "controls-position": "right",
+                      onInput: _cache[11] || (_cache[11] = $event => paramsChanged('alpha'))
+                    }, 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).floodMinHeight
+              }, {
+                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).floodMinHeight,
+                      "onUpdate:modelValue": _cache[12] || (_cache[12] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).floodMinHeight = $event),
+                      step: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).floodHeightStep,
+                      min: 0,
+                      max: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).floodMinHeightMax,
+                      onInput: _cache[13] || (_cache[13] = $event => paramsChanged('minHeight'))
+                    }, null, 8
+                    /* PROPS */
+                    , ["modelValue", "step", "max"])]),
+                    _: 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).floodMinHeight,
+                      "onUpdate:modelValue": _cache[14] || (_cache[14] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).floodMinHeight = $event),
+                      min: 0,
+                      max: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).floodMinHeightMax,
+                      step: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).floodHeightStep,
+                      "controls-position": "right",
+                      onInput: _cache[15] || (_cache[15] = $event => paramsChanged('minHeight'))
+                    }, null, 8
+                    /* PROPS */
+                    , ["modelValue", "max", "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).floodMaxHeight
+              }, {
+                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).floodMaxHeight,
+                      "onUpdate:modelValue": _cache[16] || (_cache[16] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).floodMaxHeight = $event),
+                      step: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).floodHeightStep,
+                      min: 0,
+                      max: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).floodMaxHeightMax,
+                      onInput: _cache[17] || (_cache[17] = $event => paramsChanged('maxHeight'))
+                    }, null, 8
+                    /* PROPS */
+                    , ["modelValue", "step", "max"])]),
+                    _: 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).floodMaxHeight,
+                      "onUpdate:modelValue": _cache[18] || (_cache[18] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).floodMaxHeight = $event),
+                      min: 0,
+                      max: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).floodMaxHeightMax,
+                      step: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).floodHeightStep,
+                      "controls-position": "right",
+                      onInput: _cache[19] || (_cache[19] = $event => paramsChanged('maxHeight'))
+                    }, null, 8
+                    /* PROPS */
+                    , ["modelValue", "max", "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).floodColorImage
+              }, {
+                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_radio_group, {
+                  modelValue: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).floodColorImage,
+                  "onUpdate:modelValue": _cache[20] || (_cache[20] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).floodColorImage = $event),
+                  onChange: _cache[21] || (_cache[21] = $event => paramsChanged('image'))
+                }, {
+                  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: item.value
+                    }, {
+                      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-flood-analysis-legend",
+                        src: item.src,
+                        alt: ""
+                      }, null, 8
+                      /* PROPS */
+                      , _hoisted_2)]),
+                      _: 2
+                      /* DYNAMIC */
+
+                    }, 1032
+                    /* PROPS, DYNAMIC_SLOTS */
+                    , ["label"]);
+                  }), 64
+                  /* STABLE_FRAGMENT */
+                  ))]),
+                  _: 1
+                  /* STABLE */
+
+                }, 8
+                /* PROPS */
+                , ["modelValue"])]),
+                _: 1
+                /* STABLE */
+
+              }, 8
+              /* PROPS */
+              , ["label"])]),
+              _: 1
+              /* STABLE */
+
+            })]),
+            _: 1
+            /* STABLE */
+
+          })]),
+          _: 1
+          /* STABLE */
+
+        }, 8
+        /* PROPS */
+        , ["title"])]),
+        _: 1
+        /* STABLE */
+
+      }, 8
+      /* PROPS */
+      , ["model-value"]), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createElementVNode)("div", _hoisted_3, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_button, {
+        onClick: _cache[22] || (_cache[22] = (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[23] || (_cache[23] = (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/floodanalysis/FloodAnalysis.vue?vue&type=script&setup=true&lang=js
+ 
+;// CONCATENATED MODULE: ./src/webgl/floodanalysis/FloodAnalysis.vue
+
+
+
+const __exports__ = FloodAnalysisvue_type_script_setup_true_lang_js;
+
+/* harmony default export */ var FloodAnalysis = (__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/floodanalysis/index.js
+
+
+
+
+FloodAnalysis.install = (Vue, opts) => {
+  init_js_default()(Vue, opts);
+  Vue.component(FloodAnalysis.name, FloodAnalysis);
+};
+
+
+module.exports = __webpack_exports__;
+/******/ })()
+;