@kq_npm/client3d_webgl_vue 4.5.3-beta → 4.5.5-beta

package/modelFlat/index.js

@@ -7,100 +7,155 @@
 		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__) {
+})(this, function(__WEBPACK_EXTERNAL_MODULE__154__, __WEBPACK_EXTERNAL_MODULE__64__, __WEBPACK_EXTERNAL_MODULE__455__, __WEBPACK_EXTERNAL_MODULE__2975__) {
 return /******/ (function() { // webpackBootstrap
 /******/ 	"use strict";
 /******/ 	var __webpack_modules__ = ({
 
-/***/ 1349:
+/***/ 3275:
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
-/* harmony import */ var element_plus_dist_index_full_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(9389);
+/* harmony import */ var element_plus_dist_index_full_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(6363);
 /* harmony import */ var element_plus_dist_index_full_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(element_plus_dist_index_full_js__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _init__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(7997);
+/* harmony import */ var _init__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(455);
 /* harmony import */ var _init__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_init__WEBPACK_IMPORTED_MODULE_1__);
-
+/*
+ * Copyright (C) 2019 KQ GEO Technologies Co., Ltd.
+ * All rights reserved.
+ */
 
 
 element_plus_dist_index_full_js__WEBPACK_IMPORTED_MODULE_0__.ElMessage.install = (Vue, opts) => {
   _init__WEBPACK_IMPORTED_MODULE_1___default()(Vue, opts);
   Vue.component("KqMessage", element_plus_dist_index_full_js__WEBPACK_IMPORTED_MODULE_0__.ElMessage);
 };
-
-/* harmony default export */ __webpack_exports__["Z"] = (element_plus_dist_index_full_js__WEBPACK_IMPORTED_MODULE_0__.ElMessage);
+/* harmony default export */ __webpack_exports__.A = (element_plus_dist_index_full_js__WEBPACK_IMPORTED_MODULE_0__.ElMessage);
 
 /***/ }),
 
-/***/ 348:
+/***/ 5698:
 /***/ (function(module) {
 
 module.exports = require("@kq_npm/client_icons_vue");
 
 /***/ }),
 
-/***/ 9389:
+/***/ 2652:
+/***/ (function(module) {
+
+module.exports = require("core-js/modules/es.array.push.js");
+
+/***/ }),
+
+/***/ 3658:
+/***/ (function(module) {
+
+module.exports = require("core-js/modules/esnext.iterator.constructor.js");
+
+/***/ }),
+
+/***/ 4669:
+/***/ (function(module) {
+
+module.exports = require("core-js/modules/esnext.iterator.for-each.js");
+
+/***/ }),
+
+/***/ 6363:
 /***/ (function(module) {
 
 module.exports = require("element-plus/dist/index.full.js");
 
 /***/ }),
 
-/***/ 7080:
+/***/ 3579:
 /***/ (function(module) {
 
 module.exports = require("vue-i18n/dist/vue-i18n.cjs.js");
 
 /***/ }),
 
-/***/ 7135:
+/***/ 64:
 /***/ (function(module) {
 
-module.exports = __WEBPACK_EXTERNAL_MODULE__7135__;
+module.exports = __WEBPACK_EXTERNAL_MODULE__64__;
 
 /***/ }),
 
-/***/ 3458:
+/***/ 2975:
 /***/ (function(module) {
 
-module.exports = __WEBPACK_EXTERNAL_MODULE__3458__;
+module.exports = __WEBPACK_EXTERNAL_MODULE__2975__;
 
 /***/ }),
 
-/***/ 7997:
+/***/ 455:
 /***/ (function(module) {
 
-module.exports = __WEBPACK_EXTERNAL_MODULE__7997__;
+module.exports = __WEBPACK_EXTERNAL_MODULE__455__;
 
 /***/ }),
 
-/***/ 1895:
+/***/ 154:
 /***/ (function(module) {
 
-module.exports = __WEBPACK_EXTERNAL_MODULE__1895__;
+module.exports = __WEBPACK_EXTERNAL_MODULE__154__;
 
 /***/ }),
 
-/***/ 8270:
+/***/ 6913:
 /***/ (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;
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  A: function() { return /* binding */ _defineProperty; }
+});
+
+;// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/typeof.js
+function _typeof(o) {
+  "@babel/helpers - typeof";
+
+  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) {
+    return typeof o;
+  } : function (o) {
+    return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
+  }, _typeof(o);
+}
+
+;// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/toPrimitive.js
+
+function toPrimitive(t, r) {
+  if ("object" != _typeof(t) || !t) return t;
+  var e = t[Symbol.toPrimitive];
+  if (void 0 !== e) {
+    var i = e.call(t, r || "default");
+    if ("object" != _typeof(i)) return i;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
   }
+  return ("string" === r ? String : Number)(t);
+}
 
-  return obj;
+;// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/toPropertyKey.js
+
+
+function toPropertyKey(t) {
+  var i = toPrimitive(t, "string");
+  return "symbol" == _typeof(i) ? i : i + "";
+}
+
+;// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/defineProperty.js
+
+function _defineProperty(e, r, t) {
+  return (r = toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
+    value: t,
+    enumerable: !0,
+    configurable: !0,
+    writable: !0
+  }) : e[r] = t, e;
 }
 
+
 /***/ })
 
 /******/ 	});
@@ -172,80 +227,102 @@ function _defineProperty(obj, key, value) {
 /******/ 	
 /************************************************************************/
 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__);
 
 // EXPORTS
 __webpack_require__.d(__webpack_exports__, {
-  "ModelFlatViewModel": function() { return /* reexport */ ModelFlatViewModel; },
+  ModelFlatViewModel: function() { return /* reexport */ ModelFlatViewModel; },
   "default": function() { return /* reexport */ ModelFlat; }
 });
 
 // EXTERNAL MODULE: external {"root":"Vue","commonjs":"vue","commonjs2":"vue","amd":"vue"}
-var external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_ = __webpack_require__(1895);
+var external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_ = __webpack_require__(154);
 // 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);
+var gis_utils_ = __webpack_require__(64);
+// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/defineProperty.js + 3 modules
+var defineProperty = __webpack_require__(6913);
+// EXTERNAL MODULE: external "core-js/modules/es.array.push.js"
+var es_array_push_js_ = __webpack_require__(2652);
+// EXTERNAL MODULE: external "core-js/modules/esnext.iterator.constructor.js"
+var esnext_iterator_constructor_js_ = __webpack_require__(3658);
+// EXTERNAL MODULE: external "core-js/modules/esnext.iterator.for-each.js"
+var esnext_iterator_for_each_js_ = __webpack_require__(4669);
 // EXTERNAL MODULE: ./src/common/_ui/message/index.js
-var message = __webpack_require__(1349);
+var message = __webpack_require__(3275);
 ;// CONCATENATED MODULE: ./src/webgl/modelFlat/ModelFlatViewModel.js
 
-//模型拾取逻辑类
-
-class ModelFlatViewModel {
-  //三维viewer对象
-  //绘制管理对象
-  //全局参数
-  //绘制完成监听事件
-  // 平整对象
-  //平整辅助面数组
-  constructor(scenceView, viewModel) {
-    (0,defineProperty/* default */.Z)(this, "_viewer", null);
-
-    (0,defineProperty/* default */.Z)(this, "_drawManager", null);
-
-    (0,defineProperty/* default */.Z)(this, "_options", {});
 
-    (0,defineProperty/* default */.Z)(this, "_removeEventListener", null);
 
-    (0,defineProperty/* default */.Z)(this, "_flatteningPolygonTex", null);
 
-    (0,defineProperty/* default */.Z)(this, "_assistPolygons", []);
-
-    (0,defineProperty/* default */.Z)(this, "currentFlatPolygonIndex", -1);
+/*
+ * Copyright (C) 2019 KQ GEO Technologies Co., Ltd.
+ * All rights reserved.
+ */
+//模型拾取逻辑类
 
+class ModelFlatViewModel {
+  constructor(scenceView, viewModel) {
+    (0,defineProperty/* default */.A)(this, "_viewer", null);
+    //三维viewer对象
+    (0,defineProperty/* default */.A)(this, "_drawManager", null);
+    //绘制管理对象
+    (0,defineProperty/* default */.A)(this, "_options", {});
+    //全局参数
+    (0,defineProperty/* default */.A)(this, "_removeEventListener", null);
+    //绘制完成监听事件
+    (0,defineProperty/* default */.A)(this, "_measureHandler", null);
+    //测量三维对象
+    (0,defineProperty/* default */.A)(this, "_measureResult", null);
+    //测量结果
+    (0,defineProperty/* default */.A)(this, "_flatteningPolygonTex", null);
+    // 平整对象
+    (0,defineProperty/* default */.A)(this, "_assistPolygons", []);
+    //平整辅助面数组
+    (0,defineProperty/* default */.A)(this, "currentFlatPolygonIndex", -1);
+    (0,defineProperty/* default */.A)(this, "_language", {});
     this._viewer = scenceView._viewer;
     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]);
+    this._language = scenceView._language;
+    this._drawManager = scenceView._drawManager;
+    //Create flattenning controller
+    var that = this;
+    if (scenceView.g_flattenedPolygonTexture) {
+      this._flatteningPolygonTex = scenceView.g_flattenedPolygonTexture;
+    } else {
+      let kq3dFlattenning = new window.Cesium.Kq3dFlattenning(this._viewer, {});
+      this._flatteningPolygonTex = kq3dFlattenning.createFlattenedPolygonTexture();
+      var models = this._viewer.scene.primitives._primitives;
+      for (let i = 0; i < models.length; i++) {
+        if (models[i] instanceof Cesium.Cesium3DTileset && models[i]._url) {
+          that._flatteningPolygonTex.attachTileset(models[i]);
+        }
       }
     }
-
-    let that = this;
-    this._removeEventListener = this._drawManager.drawFinishedEvent.addEventListener(shape => {
-      if (shape) {
-        that._options.positions = shape._controlPoints;
-        that.createFlat();
-
-        that._drawManager.clear();
+    // this._removeEventListener = this._drawManager.drawFinishedEvent.addEventListener(shape => {
+    //   if (shape) {
+    //     that._options.positions = shape._controlPoints;
+    //     that.createFlat();
+    //     that._drawManager.clear();
+    //   }
+    // });
+    this._measureHandler = new Cesium.Kq3dMeasureHandler(this._viewer);
+    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) {
+          that._options.positions = that._measureResult.positions;
+          that.createFlat();
+          that._measureResult.measureResult.destroy();
+        }
       }
     });
-  } // 创建平整
-
-
+  }
+  // 创建平整
   createFlat() {
     // 创建压平面
     let curAssitPolygon = this._viewer.entities.add({
@@ -255,63 +332,51 @@ class ModelFlatViewModel {
       },
       show: this._options.flatteningShow ? true : false
     });
-
     this._assistPolygons.push(curAssitPolygon);
-
     let myPolygon = window.Cesium.PolygonGeometry.fromPositions({
       positions: this._options.positions,
       height: this._options.flatHeight
     });
-
-    this._flatteningPolygonTex.addFlattenedPolygon(myPolygon);
-  } // 获取平整数量
-
-
+    this._flatteningPolygonTex && this._flatteningPolygonTex.addFlattenedPolygon(myPolygon);
+  }
+  // 获取平整数量
   getFlatCount() {
     return this._flatteningPolygonTex.getFlattenedPolygons().length;
-  } // 开始分析
-
-
+  }
+  // 开始分析
   start() {
     // 判断是否添加了模型
     var flag = false;
     var models = this._viewer.scene.primitives._primitives;
-
     for (let i = 0; i < models.length; i++) {
-      if (models[i]._url) {
+      if (models[i] instanceof Cesium.Cesium3DTileset && models[i]._url) {
+        models[i].flattenDiscard = false;
         flag = true;
       }
     }
-
     if (flag) {
-      this.remove();
-
-      this._drawManager.startDraw("polygon", {
-        clampToGround: true
-      });
+      this.remove(!this._options.showFlattenedPolygons);
+      this._measureHandler.startMeasure(Cesium.Kq3dMeasureMode.HorizontalArea);
+      // this._drawManager.startDraw("polygon", { clampToGround: true });
     } else {
-      (0,message/* default */.Z)({
-        message: "请添加模型后绘制!",
+      (0,message/* default */.A)({
+        message: this._language["addModelTips"],
         type: "warning"
       });
     }
-  } // 切换高度重新计算
-
-
+  }
+  // 切换高度重新计算
   setHeight(val) {
     this._options.flatHeight = Number(val);
-
-    if (this.currentFlatPolygonIndex === -1) {
+    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;
@@ -321,43 +386,41 @@ class ModelFlatViewModel {
         item.show = false;
       });
     }
-  } // 设置平整实例
-
-
+  }
+  // 设置平整实例
   setCurrentFlatPolygonIndex(val) {
     this.currentFlatPolygonIndex = val;
-  } // 清除绘制
-
-
-  remove() {
+  }
+  // 清除绘制
+  remove(bool) {
     this._drawManager.stopDraw();
-  } // 清除
-
-
-  clear() {
-    this.remove();
-
-    this._flatteningPolygonTex.removeAllFlattenedPolygon();
-
-    for (var i = 0; i < this._assistPolygons.length; i++) {
-      this._viewer.entities.remove(this._assistPolygons[i]);
+    if (bool) {
+      this._flatteningPolygonTex && this._flatteningPolygonTex.removeAllFlattenedPolygon();
+      for (var i = 0; i < this._assistPolygons.length; i++) {
+        this._viewer.entities.remove(this._assistPolygons[i]);
+      }
+      this._assistPolygons = [];
     }
-
-    this._assistPolygons = [];
-  } //销毁
-
-
+  }
+  // 清除
+  clear() {
+    this.remove(true);
+    this._measureResult = null;
+    this._measureHandler.clear();
+  }
+  //销毁
   destroy() {
     this.clear();
+    this._measureHandler && this._measureHandler.destroy();
+    this._measureHandler = null;
   }
-
 }
 // EXTERNAL MODULE: external "@kq_npm/client_icons_vue"
-var client_icons_vue_ = __webpack_require__(348);
+var client_icons_vue_ = __webpack_require__(5698);
 // EXTERNAL MODULE: external "@kq_npm/client_common_vue/_utils/util"
-var util_ = __webpack_require__(3458);
+var util_ = __webpack_require__(2975);
 // EXTERNAL MODULE: external "vue-i18n/dist/vue-i18n.cjs.js"
-var vue_i18n_cjs_js_ = __webpack_require__(7080);
+var vue_i18n_cjs_js_ = __webpack_require__(3579);
 ;// 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 = {
@@ -378,12 +441,14 @@ const _hoisted_4 = {
 
 
 
- //语言
+
+
+//语言
 
 const __default__ = {
   name: "Kq3dModelFlat"
 };
-/* harmony default export */ var ModelFlatvue_type_script_setup_true_lang_js = (/*#__PURE__*/Object.assign(__default__, {
+/* harmony default export */ var ModelFlatvue_type_script_setup_true_lang_js = (/*@__PURE__*/Object.assign(__default__, {
   props: {
     // 设置参数
     settingParams: {
@@ -394,7 +459,6 @@ const __default__ = {
       type: Boolean,
       default: true
     },
-
     /**
      * 例："center","topLeft","topRight","bottomLeft","bottomRight", "topCenter", "bottomCenter" {top:'16px',left:'16px'}, {top:16,left:16}
      */
@@ -424,14 +488,14 @@ const __default__ = {
       default: true
     }
   },
-
   setup(__props, {
     expose: __expose
   }) {
-    const props = __props;
     let language = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)({});
-    let viewModel = null; // 获取组件传参
+    let viewModel = null;
 
+    // 获取组件传参
+    const props = __props;
     let formItem = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.reactive)({
       flatHeight: props.settingParams && props.settingParams.excavationDepth || 10,
       // 模型平整深度
@@ -439,15 +503,19 @@ const __default__ = {
       // 模型平整深度范围最小值
       maxFlatDepth: props.settingParams && props.settingParams.maxExcavationDepth || 100,
       // 模型平整深度范围最大值
-      flatteningShow: props.settingParams && props.settingParams.maxExcavationDepth || true // 压平面是否显示
-
-    }); // 组件容器Ref
+      flatteningShow: props.settingParams && props.settingParams.maxExcavationDepth || true,
+      // 压平面是否显示
+      showFlattenedPolygons: props.settingParams && props.settingParams.showFlattenedPolygons || false // 是否显示多个压平面分析结果
+    });
 
-    let boxRef = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)(null); // 生成组件默认header
+    // 组件容器Ref
+    let boxRef = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)(null);
 
+    // 生成组件默认header
     let headerTemp = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)();
-    let headerTempRef = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)(); // 国际化
+    let headerTempRef = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)();
 
+    // 国际化
     let {
       locale,
       messages
@@ -465,86 +533,66 @@ const __default__ = {
       watchCreateHeaderTemp();
       (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.watch)(() => props.showHeaderTemp, (newVal, oldVal) => {
         watchCreateHeaderTemp();
-      }); //父组件ScenceView初始化完成后执行
+      });
 
+      //父组件ScenceView初始化完成后执行
       gis_utils_.utils.getWebMap(null, scenceView => {
         if (scenceView) {
-          viewModel = new ModelFlatViewModel(scenceView, {
-            flatHeight: formItem.flatHeight,
-            flatteningShow: formItem.flatteningShow
-          });
-          setTimeout(() => {
-            setCurrentFlatPolygonIndex(0);
-            console.log(getFlatCount());
-          }, 1500);
+          viewModel = new ModelFlatViewModel(scenceView, formItem);
         }
       });
     });
+
     /**
      * @description 监听header生成
      */
-
     const watchCreateHeaderTemp = () => {
       if (props.showHeaderTemp) {
         // 生成headerTemp
         headerTemp.value = (0,util_.createHeaderTemp)(boxRef.value, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.toRefs)(props), headerTempRef, headerTempTitle);
       }
-    }; // 调整平整深度
-
-
+    };
+    // 调整平整深度
     function changeHeight() {
       viewModel && viewModel.setHeight(formItem.flatHeight);
-    } // 调整压平面是否显示
-
-
+    }
+    // 调整压平面是否显示
     function onChangeFlatteningShow() {
       viewModel && viewModel.setFlatteningShow(formItem.flatteningShow);
-    } // 获取平整分析个数
-
-
+    }
+    // 获取平整分析个数
     function getFlatCount() {
       return viewModel && viewModel.getFlatCount();
-    } // 设置操作平整实例
-
-
+    }
+    // 设置操作平整实例
     function setCurrentFlatPolygonIndex(val) {
       viewModel && viewModel.setCurrentFlatPolygonIndex(val);
-    } // 开始分析
-
-
+    }
+    // 开始分析
     function startOperation() {
       viewModel && viewModel.start();
-    } // 清除
-
-
+    }
+    // 清除
     function clear() {
       viewModel && viewModel.clear();
-    } // 销毁
-
+    }
 
+    // 销毁
     (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.onBeforeUnmount)(() => {
       viewModel && viewModel.destroy();
     });
-
     __expose({
       getFlatCount,
       setCurrentFlatPolygonIndex,
       clear
     });
-
     return (_ctx, _cache) => {
       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_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_.resolveComponent)("kq-row");
-
       const _component_kq_switch = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.resolveComponent)("kq-switch");
-
       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
@@ -555,20 +603,14 @@ const __default__ = {
         key: 0,
         ref_key: "headerTempRef",
         ref: headerTempRef
-      }, null, 512
-      /* NEED_PATCH */
-      )) : (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createCommentVNode)("v-if", true), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementVNode)("div", _hoisted_1, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_row, {
+      }, null, 512 /* NEED_PATCH */)) : (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createCommentVNode)("v-if", true), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementVNode)("div", _hoisted_1, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.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_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 */
-
+          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 */
         }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_col, {
           span: 11
         }, {
@@ -580,12 +622,8 @@ const __default__ = {
             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 */
-
+          }, 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: {
@@ -600,28 +638,18 @@ const __default__ = {
             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 */
-
+          }, null, 8 /* PROPS */, ["modelValue", "min", "max"])]),
+          _: 1 /* STABLE */
         })]),
-        _: 1
-        /* STABLE */
-
+        _: 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 */
-
+          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
         }, {
@@ -629,58 +657,31 @@ const __default__ = {
             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 */
-
+          }, null, 8 /* PROPS */, ["modelValue"])]),
+          _: 1 /* STABLE */
         })]),
-        _: 1
-        /* STABLE */
-
+        _: 1 /* STABLE */
       }), (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_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementVNode)("p", null, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.toDisplayString)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(language).skylineTips), 1
-        /* TEXT */
-        )]),
-        _: 1
-        /* STABLE */
-
+        default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementVNode)("p", null, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.toDisplayString)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(language).skylineTips), 1 /* TEXT */)]),
+        _: 1 /* STABLE */
       }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.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_.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
-        /* STABLE */
-
-      }, 8
-      /* PROPS */
-      , ["title"]), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_button, {
+        default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createTextVNode)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.toDisplayString)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(language).startOperation), 1 /* TEXT */)]),
+        _: 1 /* STABLE */
+      }, 8 /* PROPS */, ["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_.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
-        /* STABLE */
-
-      }, 8
-      /* PROPS */
-      , ["title"])])], 512
-      /* NEED_PATCH */
-      )], 2
-      /* CLASS */
-      );
+        default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createTextVNode)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.toDisplayString)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(language).clear), 1 /* TEXT */)]),
+        _: 1 /* STABLE */
+      }, 8 /* PROPS */, ["title"])])], 512 /* NEED_PATCH */)], 2 /* CLASS */);
     };
   }
-
 }));
 ;// CONCATENATED MODULE: ./src/webgl/modelFlat/ModelFlat.vue?vue&type=script&setup=true&lang=js
  
@@ -692,10 +693,13 @@ 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_ = __webpack_require__(455);
 var init_js_default = /*#__PURE__*/__webpack_require__.n(init_js_);
 ;// CONCATENATED MODULE: ./src/webgl/modelFlat/index.js
-
+/*
+ * Copyright (C) 2019 KQ GEO Technologies Co., Ltd.
+ * All rights reserved.
+ */
 
 
 
@@ -704,8 +708,6 @@ ModelFlat.install = (Vue, opts) => {
   Vue.component(ModelFlat.name, ModelFlat);
 };
 
-
-}();
 /******/ 	return __webpack_exports__;
 /******/ })()
 ;