@kq_npm/client3d_webgl_vue 4.1.6-beta → 4.1.7-beta

package/modelFlat/index.js

@@ -1,7 +1,134 @@
-/******/ (function() { // webpackBootstrap
+(function webpackUniversalModuleDefinition(root, factory) {
+	if(typeof exports === 'object' && typeof module === 'object')
+		module.exports = factory(require("vue"), require("@kq_npm/client_common_vue/_utils/gis-utils"), require("@kq_npm/client_common_vue/init.js"), require("@kq_npm/client_common_vue/_utils/util"));
+	else if(typeof define === 'function' && define.amd)
+		define(["vue", "@kq_npm/client_common_vue/_utils/gis-utils", "@kq_npm/client_common_vue/init.js", "@kq_npm/client_common_vue/_utils/util"], factory);
+	else {
+		var a = typeof exports === 'object' ? factory(require("vue"), require("@kq_npm/client_common_vue/_utils/gis-utils"), require("@kq_npm/client_common_vue/init.js"), require("@kq_npm/client_common_vue/_utils/util")) : factory(root["Vue"], root["@kq_npm/client_common_vue/_utils/gis-utils"], root["@kq_npm/client_common_vue/init.js"], root["@kq_npm/client_common_vue/_utils/util"]);
+		for(var i in a) (typeof exports === 'object' ? exports : root)[i] = a[i];
+	}
+})(this, function(__WEBPACK_EXTERNAL_MODULE__1895__, __WEBPACK_EXTERNAL_MODULE__7135__, __WEBPACK_EXTERNAL_MODULE__7997__, __WEBPACK_EXTERNAL_MODULE__3458__) {
+return /******/ (function() { // webpackBootstrap
 /******/ 	"use strict";
-/******/ 	// The require scope
-/******/ 	var __webpack_require__ = {};
+/******/ 	var __webpack_modules__ = ({
+
+/***/ 909:
+/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  "Z": function() { return /* binding */ message; }
+});
+
+;// CONCATENATED MODULE: external "element-plus/es"
+var es_namespaceObject = require("element-plus/es");
+// EXTERNAL MODULE: external "@kq_npm/client_common_vue/init.js"
+var init_js_ = __webpack_require__(7997);
+var init_js_default = /*#__PURE__*/__webpack_require__.n(init_js_);
+;// CONCATENATED MODULE: ./src/common/_ui/message/index.js
+
+
+
+es_namespaceObject.ElMessage.install = (Vue, opts) => {
+  init_js_default()(Vue, opts);
+  Vue.component("KqMessage", es_namespaceObject.ElMessage);
+};
+
+/* harmony default export */ var message = (es_namespaceObject.ElMessage);
+
+/***/ }),
+
+/***/ 348:
+/***/ (function(module) {
+
+module.exports = require("@kq_npm/client_icons_vue");
+
+/***/ }),
+
+/***/ 7080:
+/***/ (function(module) {
+
+module.exports = require("vue-i18n/dist/vue-i18n.cjs.js");
+
+/***/ }),
+
+/***/ 7135:
+/***/ (function(module) {
+
+module.exports = __WEBPACK_EXTERNAL_MODULE__7135__;
+
+/***/ }),
+
+/***/ 3458:
+/***/ (function(module) {
+
+module.exports = __WEBPACK_EXTERNAL_MODULE__3458__;
+
+/***/ }),
+
+/***/ 7997:
+/***/ (function(module) {
+
+module.exports = __WEBPACK_EXTERNAL_MODULE__7997__;
+
+/***/ }),
+
+/***/ 1895:
+/***/ (function(module) {
+
+module.exports = __WEBPACK_EXTERNAL_MODULE__1895__;
+
+/***/ }),
+
+/***/ 8270:
+/***/ (function(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
+
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "Z": function() { return /* binding */ _defineProperty; }
+/* harmony export */ });
+function _defineProperty(obj, key, value) {
+  if (key in obj) {
+    Object.defineProperty(obj, key, {
+      value: value,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+  } else {
+    obj[key] = value;
+  }
+
+  return obj;
+}
+
+/***/ })
+
+/******/ 	});
+/************************************************************************/
+/******/ 	// The module cache
+/******/ 	var __webpack_module_cache__ = {};
+/******/ 	
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/ 		// Check if module is in cache
+/******/ 		var cachedModule = __webpack_module_cache__[moduleId];
+/******/ 		if (cachedModule !== undefined) {
+/******/ 			return cachedModule.exports;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = __webpack_module_cache__[moduleId] = {
+/******/ 			// no module.id needed
+/******/ 			// no module.loaded needed
+/******/ 			exports: {}
+/******/ 		};
+/******/ 	
+/******/ 		// Execute the module function
+/******/ 		__webpack_modules__[moduleId](module, module.exports, __webpack_require__);
+/******/ 	
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
 /******/ 	
 /************************************************************************/
 /******/ 	/* webpack/runtime/compat get default export */
@@ -46,6 +173,8 @@
 /******/ 	
 /************************************************************************/
 var __webpack_exports__ = {};
+// This entry need to be wrapped in an IIFE because it need to be isolated against other modules in the chunk.
+!function() {
 // ESM COMPAT FLAG
 __webpack_require__.r(__webpack_exports__);
 
@@ -55,107 +184,93 @@ __webpack_require__.d(__webpack_exports__, {
   "default": function() { return /* reexport */ ModelFlat; }
 });
 
-;// 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 "@kq_npm/client_common_vue/_utils/gis-utils"
-var gis_utils_namespaceObject = require("@kq_npm/client_common_vue/_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 "element-plus/es"
-var es_namespaceObject = require("element-plus/es");
-;// CONCATENATED MODULE: external "@kq_npm/client_common_vue/init.js"
-var init_js_namespaceObject = require("@kq_npm/client_common_vue/init.js");
-var init_js_default = /*#__PURE__*/__webpack_require__.n(init_js_namespaceObject);
-;// CONCATENATED MODULE: ./src/common/_ui/message/index.js
-
-
-
-es_namespaceObject.ElMessage.install = (Vue, opts) => {
-  init_js_default()(Vue, opts);
-  Vue.component("KqMessage", es_namespaceObject.ElMessage);
-};
-
-/* harmony default export */ var message = (es_namespaceObject.ElMessage);
+// EXTERNAL MODULE: external {"root":"Vue","commonjs":"vue","commonjs2":"vue","amd":"vue"}
+var external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_ = __webpack_require__(1895);
+// EXTERNAL MODULE: external "@kq_npm/client_common_vue/_utils/gis-utils"
+var gis_utils_ = __webpack_require__(7135);
+// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/defineProperty.js
+var defineProperty = __webpack_require__(8270);
+// EXTERNAL MODULE: ./src/common/_ui/message/index.js + 1 modules
+var message = __webpack_require__(909);
 ;// CONCATENATED MODULE: ./src/webgl/modelFlat/ModelFlatViewModel.js
 
 //模型拾取逻辑类
 
 class ModelFlatViewModel {
   //三维viewer对象
-  //模型平整三维对象
   //绘制管理对象
   //全局参数
-  //绘制的坐标点集合
-  //平整高度
   //绘制完成监听事件
   constructor(scenceView, viewModel) {
-    _defineProperty(this, "_viewer", null);
+    (0,defineProperty/* default */.Z)(this, "_viewer", null);
 
-    _defineProperty(this, "_terrainexcavationext", null);
+    (0,defineProperty/* default */.Z)(this, "_drawManager", null);
 
-    _defineProperty(this, "_drawManager", null);
+    (0,defineProperty/* default */.Z)(this, "_options", {});
 
-    _defineProperty(this, "_globaOptions", {});
+    (0,defineProperty/* default */.Z)(this, "_removeEventListener", null);
 
-    _defineProperty(this, "_positions", []);
+    (0,defineProperty/* default */.Z)(this, "_flatteningPolygonTex", null);
 
-    _defineProperty(this, "_height", 0);
+    (0,defineProperty/* default */.Z)(this, "_assistPolygons", []);
 
-    _defineProperty(this, "_removeEventListener", null);
+    (0,defineProperty/* default */.Z)(this, "currentFlatPolygonIndex", -1);
 
     this._viewer = scenceView._viewer;
-    this._globaOptions.viewer = scenceView._viewer;
-    this._globaOptions.viewer.scene.logarithmicDepthBuffer = false;
-    this._globaOptions.viewer.scene.globe.depthTestAgainstTerrain = true;
-    this._drawManager = scenceView._drawManager;
-    this._handler = new Cesium.ScreenSpaceEventHandler(this._viewer.scene.canvas);
+    this._options = viewModel;
+    this._viewer.scene.globe.depthTestAgainstTerrain = true;
+    this._drawManager = scenceView._drawManager; //Create flattenning controller
+
+    let kq3dFlattening = new window.Cesium.Kq3dFlattenning(this._viewer, {}); //Create flattenedPolygonTexture
+
+    this._flatteningPolygonTex = kq3dFlattening.createFlattenedPolygonTexture();
+    var models = this._viewer.scene.primitives._primitives;
+
+    for (let i = 0; i < models.length; i++) {
+      if (models[i]._url) {
+        //Attach 3dTiles
+        this._flatteningPolygonTex.attachTileset(models[i]);
+      }
+    }
+
     let that = this;
     this._removeEventListener = this._drawManager.drawFinishedEvent.addEventListener(shape => {
       if (shape) {
-        that._globaOptions.positions = shape._controlPoints;
-
-        if (that._terrainStyle === 1) {
-          that._positions.push(shape._controlPoints);
-
-          if (that._terrainexcavationext) {
-            that.setTerrainExcavationAddPolygon();
-          } else {
-            this.createTerrainExcavation(() => {
-              that.setTerrainExcavationAddPolygon();
-            });
-          }
-        } else if (that._terrainStyle === 2) {
-          if (that._terrainmodification) {
-            that.setTerrainModification();
-          } else {
-            this.createTerrainModification();
-          }
-        }
+        that._options.positions = shape._controlPoints;
+        that.createFlat();
 
         that._drawManager.clear();
       }
     });
-  }
+  } // 创建平整
 
-  setCursor(style) {
-    this._viewer.canvas.style.cursor = style;
-  } //拾取
 
+  createFlat() {
+    // 创建压平面
+    let curAssitPolygon = this._viewer.entities.add({
+      polygon: {
+        hierarchy: this._options.positions,
+        material: window.Cesium.Color.fromAlpha(window.Cesium.Color.YELLOW, 0.3)
+      },
+      show: this._options.flatteningShow ? true : false
+    });
+
+    this._assistPolygons.push(curAssitPolygon);
 
-  pick() {
+    let myPolygon = window.Cesium.PolygonGeometry.fromPositions({
+      positions: this._options.positions,
+      height: this._options.flatHeight
+    });
+
+    this._flatteningPolygonTex.addFlattenedPolygon(myPolygon);
+  } // 获取平整数量
+
+
+  getFlatCount() {
+    return this._flatteningPolygonTex.getFlattenedPolygons().length;
+  }
+
+  start() {
     // 判断是否添加了模型
     var flag = false;
     var models = this._viewer.scene.primitives._primitives;
@@ -167,51 +282,100 @@ class ModelFlatViewModel {
     }
 
     if (flag) {
-      this.setCursor("crosshair");
-      this._isPick = true;
+      this.remove();
+
+      this._drawManager.startDraw("polygon", {
+        clampToGround: true
+      });
     } else {
-      message({
-        message: "请添加模型后拾取!",
+      (0,message/* default */.Z)({
+        message: "请添加模型后绘制!",
         type: "warning"
       });
     }
-  } //清除
+  } // 切换高度重新计算
+
+
+  setHeight(val) {
+    this._options.flatHeight = Number(val);
+
+    if (this.currentFlatPolygonIndex === -1) {
+      this._flatteningPolygonTex.setFlattenedPolygonHeight(-1, Number(val));
+    } else {
+      this._flatteningPolygonTex.setFlattenedPolygonHeight(this.currentFlatPolygonIndex, Number(val));
+    }
+  } // 切换辅助面显示
+
+
+  setFlatteningShow(val) {
+    this._options.flatteningShow = val;
+
+    if (val) {
+      this._assistPolygons.forEach(item => {
+        item.show = true;
+      });
+    } else {
+      this._assistPolygons.forEach(item => {
+        item.show = false;
+      });
+    }
+  } // 设置平整实例
+
+
+  setCurrentFlatPolygonIndex(val) {
+    this.currentFlatPolygonIndex = val;
+  }
+
+  remove() {
+    this._drawManager.stopDraw();
+  } // 清除
 
 
   clear() {
-    this._highlight && this._highlight.remove();
-    this._highlight = null;
-    this.setCursor("default");
-    this._isPick = false;
+    this.remove();
+
+    this._flatteningPolygonTex.removeAllFlattenedPolygon();
+
+    for (var i = 0; i < this._assistPolygons.length; i++) {
+      this._viewer.entities.remove(this._assistPolygons[i]);
+    }
+
+    this._assistPolygons = [];
   } //销毁
 
 
   destroy() {
     this.clear();
-    this._handler && this._handler.removeInputAction(Cesium.ScreenSpaceEventType.LEFT_CLICK);
   }
 
 }
-;// CONCATENATED MODULE: external "@kq_npm/client_icons_vue"
-var client_icons_vue_namespaceObject = require("@kq_npm/client_icons_vue");
-;// CONCATENATED MODULE: external "@kq_npm/client_common_vue/_utils/util"
-var util_namespaceObject = require("@kq_npm/client_common_vue/_utils/util");
-;// CONCATENATED MODULE: external "vue-i18n/dist/vue-i18n.cjs.js"
-var vue_i18n_cjs_js_namespaceObject = require("vue-i18n/dist/vue-i18n.cjs.js");
+// EXTERNAL MODULE: external "@kq_npm/client_icons_vue"
+var client_icons_vue_ = __webpack_require__(348);
+// EXTERNAL MODULE: external "@kq_npm/client_common_vue/_utils/util"
+var util_ = __webpack_require__(3458);
+// EXTERNAL MODULE: external "vue-i18n/dist/vue-i18n.cjs.js"
+var vue_i18n_cjs_js_ = __webpack_require__(7080);
 ;// CONCATENATED MODULE: ./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/dist/index.js??ruleSet[0]!./src/webgl/modelFlat/ModelFlat.vue?vue&type=script&setup=true&lang=js
 
 const _hoisted_1 = {
-  class: "kq3d-model-flat-span"
+  class: "kq3d-model-flat-box",
+  ref: "ref_box"
 };
 const _hoisted_2 = {
-  class: "footer-buttons"
+  class: "kq3d-model-flat-span"
+};
+const _hoisted_3 = {
+  class: "kq3d-model-flat-span"
+};
+const _hoisted_4 = {
+  class: "kq3d-model-flat-footer"
 };
 
 
 
 
 
- // tree数据源
+ //语言
 
 const __default__ = {
   name: "Kq3dModelFlat"
@@ -220,26 +384,43 @@ const __default__ = {
   props: {
     //指定组件绑定的viewer对象的div的id
     mapTarget: String,
-    // 外部字段别名映射
-    aliasNameReflection: {
-      type: Function
-    },
-    // 高亮颜色
-    highlightColor: {
-      type: String,
-      default: "#FF0000"
-    },
-    // 模型属性唯一值字段集合
-    modeFiledArray: {
-      type: Array,
-      default: () => {
-        return null;
-      }
+    // 设置参数
+    settingParams: {
+      type: Object
     },
     // 是否显示阴影效果
     showShadow: {
       type: Boolean,
       default: true
+    },
+
+    /**
+     * 例："center","topLeft","topRight","bottomLeft","bottomRight", "topCenter", "bottomCenter" {top:'16px',left:'16px'}, {top:16,left:16}
+     */
+    position: [String, Object],
+    // 是否生成HeaderTemp
+    showHeaderTemp: {
+      type: Boolean,
+      default: false
+    },
+    // 是否折叠HeaderTemp，showHeaderTemp为true时生效
+    isCollapseHeaderTemp: {
+      type: Boolean,
+      default: false
+    },
+    // HeaderTemp标题
+    headerTempTitle: {
+      type: String
+    },
+    // HeaderTemp图标
+    headerTempIcon: {
+      type: [Object, String],
+      default: client_icons_vue_.IconModelSmoothing
+    },
+    // HeaderTemp Title&Icon的位置
+    isRight: {
+      type: Boolean,
+      default: true
     }
   },
 
@@ -247,49 +428,54 @@ const __default__ = {
     expose
   }) {
     const props = __props;
-    let layerNameTitle = (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 viewModel = null;
-    let ref_box = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.ref)(); // 获取组件传参
+    let language = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)({});
+    let viewModel = null; // 获取组件传参
 
-    let formItem = reactive({
+    let formItem = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.reactive)({
       flatHeight: props.settingParams && props.settingParams.excavationDepth || 10,
+      // 模型平整深度
       minFlatDepth: props.settingParams && props.settingParams.minExcavationDepth || 0,
-      // 地形开挖深度范围最小值
-      maxFlatDepth: props.settingParams && props.settingParams.maxExcavationDepth || 100 // 地形开挖深度范围最大值
+      // 模型平整深度范围最小值
+      maxFlatDepth: props.settingParams && props.settingParams.maxExcavationDepth || 100,
+      // 模型平整深度范围最大值
+      flatteningShow: props.settingParams && props.settingParams.maxExcavationDepth || true // 压平面是否显示
 
     }); // 组件容器Ref
 
-    let boxRef = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.ref)(null); // 生成组件默认header
+    let boxRef = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)(null); // 生成组件默认header
 
-    let headerTemp = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.ref)();
-    let headerTempRef = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.ref)(); // 国际化
+    let headerTemp = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)();
+    let headerTempRef = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)(); // 国际化
 
     let {
       locale,
       messages
-    } = (0,vue_i18n_cjs_js_namespaceObject.useI18n)();
-    let headerTempTitle = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.ref)(null);
-    (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.watch)(() => locale.value, (newVal, oldVal) => {
+    } = (0,vue_i18n_cjs_js_.useI18n)();
+    let headerTempTitle = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)(null);
+    (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.watch)(() => locale.value, (newVal, oldVal) => {
       language.value = messages.value[newVal]["webgl"];
-      headerTempTitle.value = language.value.modelFlat;
+      headerTempTitle.value = language.value.modelFlatTitle;
     });
-    (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.onMounted)(() => {
-      (0,util_namespaceObject.updatePosition)(boxRef.value, props);
-      (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.watch)(() => props.position, (newVal, oldVal) => {
-        (0,util_namespaceObject.updatePosition)(boxRef.value, props);
+    (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.onMounted)(() => {
+      (0,util_.updatePosition)(boxRef.value, props);
+      (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.watch)(() => props.position, (newVal, oldVal) => {
+        (0,util_.updatePosition)(boxRef.value, props);
       });
       watchCreateHeaderTemp();
-      (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.watch)(() => props.showHeaderTemp, (newVal, oldVal) => {
+      (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.watch)(() => props.showHeaderTemp, (newVal, oldVal) => {
         watchCreateHeaderTemp();
       }); //父组件ScenceView初始化完成后执行
 
-      gis_utils_namespaceObject.utils.getWebMap(null, scenceView => {
+      gis_utils_.utils.getWebMap(null, scenceView => {
         if (scenceView) {
-          viewModel = new ModelFlatViewModel(scenceView, pickCallFunc);
-          viewModel._highlightColor = props.highlightColor;
-          viewModel._modeFiledArray = props.modeFiledArray;
+          viewModel = new ModelFlatViewModel(scenceView, {
+            flatHeight: formItem.flatHeight,
+            flatteningShow: formItem.flatteningShow
+          });
+          setTimeout(() => {
+            setCurrentFlatPolygonIndex(0);
+            console.log(getFlatCount());
+          }, 1500);
         }
       });
     });
@@ -300,136 +486,171 @@ const __default__ = {
     const watchCreateHeaderTemp = () => {
       if (props.showHeaderTemp) {
         // 生成headerTemp
-        headerTemp.value = (0,util_namespaceObject.createHeaderTemp)(boxRef.value, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.toRefs)(props), headerTempRef, headerTempTitle);
+        headerTemp.value = (0,util_.createHeaderTemp)(boxRef.value, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.toRefs)(props), headerTempRef, headerTempTitle);
       }
-    };
+    }; // 调整平整深度
 
-    function pick() {
-      viewModel && viewModel.pick();
-    }
 
-    function pickCallFunc(layerName, properties) {
-      layerNameTitle.value = layerName;
-      let propertiesData = [];
+    function changeHeight() {
+      viewModel && viewModel.setHeight(formItem.flatHeight);
+    } // 调整压平面是否显示
 
-      if (props.aliasNameReflection) {
-        let arrKeys = [];
 
-        for (let key in properties) {
-          arrKeys.push(key);
-        }
+    function onChangeFlatteningShow() {
+      viewModel && viewModel.setFlatteningShow(formItem.flatteningShow);
+    } // 获取平整分析个数
 
-        props.aliasNameReflection(arrKeys, item => {
-          // console.log(item);
-          for (let key in properties) {
-            propertiesData.push({
-              field: item[key] ? item[key] : key,
-              value: properties[key]
-            });
-          }
-        });
-      } else {
-        for (let key in properties) {
-          propertiesData.push({
-            field: key,
-            value: properties[key]
-          });
-        }
-      }
 
-      tableData.value = propertiesData;
-    }
+    function getFlatCount() {
+      return viewModel && viewModel.getFlatCount();
+    } // 设置操作平整实例
+
+
+    function setCurrentFlatPolygonIndex(val) {
+      viewModel && viewModel.setCurrentFlatPolygonIndex(val);
+    } // 开始分析
+
+
+    function startOperation() {
+      viewModel && viewModel.start();
+    } // 清除
+
 
     function clear() {
-      layerNameTitle.value = "";
-      tableData.value = [];
       viewModel && viewModel.clear();
     } // 销毁
 
 
-    (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.onBeforeUnmount)(() => {
+    (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.onBeforeUnmount)(() => {
       viewModel && viewModel.destroy();
     });
     expose({
-      pick,
-      clear,
-      pickCallFunc
+      getFlatCount,
+      setCurrentFlatPolygonIndex,
+      clear
     });
     return (_ctx, _cache) => {
-      const _component_kq_col = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.resolveComponent)("kq-col");
+      const _component_kq_col = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.resolveComponent)("kq-col");
+
+      const _component_kq_slider = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.resolveComponent)("kq-slider");
 
-      const _component_kq_slider = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.resolveComponent)("kq-slider");
+      const _component_kq_input_number = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.resolveComponent)("kq-input-number");
 
-      const _component_kq_row = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.resolveComponent)("kq-row");
+      const _component_kq_row = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.resolveComponent)("kq-row");
 
-      const _component_kq_button = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.resolveComponent)("kq-button");
+      const _component_kq_switch = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.resolveComponent)("kq-switch");
 
-      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", {
-        class: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.normalizeClass)(["kq3d-model-Flat", {
+      const _component_kq_button = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.resolveComponent)("kq-button");
+
+      return (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.openBlock)(), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementBlock)("section", {
+        class: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.normalizeClass)(["kq3d-model-flat", {
           'kq-box-shadow': __props.showShadow
         }]),
         ref_key: "boxRef",
         ref: boxRef
-      }, [_ctx.showHeaderTemp ? ((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.openBlock)(), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createBlock)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.resolveDynamicComponent)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(headerTemp)), {
+      }, [__props.showHeaderTemp ? ((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.openBlock)(), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createBlock)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.resolveDynamicComponent)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(headerTemp)), {
         key: 0,
         ref_key: "headerTempRef",
         ref: headerTempRef
       }, null, 512
       /* NEED_PATCH */
-      )) : (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createCommentVNode)("v-if", true), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createElementVNode)("div", {
-        class: "kq3d-model-flat-box",
-        ref_key: "ref_box",
-        ref: ref_box
-      }, [(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_col, {
-          span: _ctx.currentLang === 'zh' ? 7 : 10
+      )) : (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createCommentVNode)("v-if", true), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementVNode)("div", _hoisted_1, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_row, {
+        gutter: 10
+      }, {
+        default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_col, {
+          span: 7
         }, {
-          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)("span", _hoisted_1, (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).flatHeight), 1
+          default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementVNode)("span", _hoisted_2, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.toDisplayString)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(language).flatHeight), 1
           /* TEXT */
           )]),
           _: 1
           /* STABLE */
 
-        }, 8
-        /* PROPS */
-        , ["span"]), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_col, {
-          span: _ctx.currentLang === 'zh' ? 11 : 8
+        }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_col, {
+          span: 11
+        }, {
+          default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_slider, {
+            modelValue: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).flatHeight,
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).flatHeight = $event),
+            step: 1,
+            min: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).minFlatDepth,
+            max: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).maxFlatDepth,
+            onChange: _cache[1] || (_cache[1] = $event => changeHeight()),
+            onClick: _cache[2] || (_cache[2] = $event => changeHeight())
+          }, null, 8
+          /* PROPS */
+          , ["modelValue", "min", "max"])]),
+          _: 1
+          /* STABLE */
+
+        }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_col, {
+          span: 6,
+          style: {
+            "text-align": "end"
+          }
         }, {
-          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).flatHeight,
-            "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).flatHeight = $event),
-            step: 100,
-            min: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).minFlatDepth,
-            max: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).maxFlatDepth,
-            onChange: _cache[1] || (_cache[1] = $event => _ctx.changeHeight()),
-            onClick: _cache[2] || (_cache[2] = $event => _ctx.changeHeight())
+          default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_input_number, {
+            modelValue: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).flatHeight,
+            "onUpdate:modelValue": _cache[3] || (_cache[3] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).flatHeight = $event),
+            min: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).minFlatDepth,
+            step: 1,
+            max: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).maxFlatDepth,
+            "controls-position": "right",
+            onInput: _cache[4] || (_cache[4] = $event => changeHeight())
           }, null, 8
           /* PROPS */
           , ["modelValue", "min", "max"])]),
           _: 1
           /* STABLE */
 
-        }, 8
-        /* PROPS */
-        , ["span"])]),
+        })]),
+        _: 1
+        /* STABLE */
+
+      }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_row, {
+        gutter: 10
+      }, {
+        default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_col, {
+          span: 7
+        }, {
+          default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementVNode)("span", _hoisted_3, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.toDisplayString)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(language).flatteningShow), 1
+          /* TEXT */
+          )]),
+          _: 1
+          /* STABLE */
+
+        }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_col, {
+          span: 11
+        }, {
+          default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_switch, {
+            modelValue: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).flatteningShow,
+            "onUpdate:modelValue": _cache[5] || (_cache[5] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).flatteningShow = $event),
+            onChange: onChangeFlatteningShow
+          }, null, 8
+          /* PROPS */
+          , ["modelValue"])]),
+          _: 1
+          /* STABLE */
+
+        })]),
         _: 1
         /* STABLE */
 
-      }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_row, {
+      }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_row, {
         class: "kq3d-model-flat-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).flatTip), 1
+        default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementVNode)("p", null, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.toDisplayString)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(language).skylineTips), 1
         /* TEXT */
-        ), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createCommentVNode)(" <p v-if=\"formItem.terrainStyle === 2\">{{ \"(\" + language.reverseDrawPolygon + \")\" }}</p> ")]),
+        )]),
         _: 1
         /* STABLE */
 
-      }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createElementVNode)("div", _hoisted_2, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_button, {
-        onClick: _cache[3] || (_cache[3] = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withModifiers)($event => pick(), ["stop"])),
-        title: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(language).start,
+      }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementVNode)("div", _hoisted_4, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_button, {
+        onClick: _cache[6] || (_cache[6] = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withModifiers)($event => startOperation(), ["stop"])),
+        title: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(language).startOperation,
         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).flatStart), 1
+        default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createTextVNode)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.toDisplayString)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(language).startOperation), 1
         /* TEXT */
         )]),
         _: 1
@@ -437,11 +658,11 @@ const __default__ = {
 
       }, 8
       /* PROPS */
-      , ["title"]), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_button, {
-        onClick: _cache[4] || (_cache[4] = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withModifiers)($event => clear(), ["stop"])),
-        title: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(language).clear
+      , ["title"]), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_button, {
+        onClick: _cache[7] || (_cache[7] = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withModifiers)($event => clear(), ["stop"])),
+        title: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(language).clear
       }, {
-        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).clear), 1
+        default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createTextVNode)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.toDisplayString)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(language).clear), 1
         /* TEXT */
         )]),
         _: 1
@@ -467,6 +688,9 @@ const __default__ = {
 const __exports__ = ModelFlatvue_type_script_setup_true_lang_js;
 
 /* harmony default export */ var ModelFlat = (__exports__);
+// EXTERNAL MODULE: external "@kq_npm/client_common_vue/init.js"
+var init_js_ = __webpack_require__(7997);
+var init_js_default = /*#__PURE__*/__webpack_require__.n(init_js_);
 ;// CONCATENATED MODULE: ./src/webgl/modelFlat/index.js
 
 
@@ -478,6 +702,8 @@ ModelFlat.install = (Vue, opts) => {
 };
 
 
-module.exports = __webpack_exports__;
+}();
+/******/ 	return __webpack_exports__;
 /******/ })()
-;
+;
+});