@kq_npm/client3d_webgl_vue 4.5.2 → 4.5.4-beta

package/screenshot/index.js

@@ -7,230 +7,127 @@
 		var a = typeof exports === 'object' ? factory(require("vue"), require("@kq_npm/client_common_vue/_utils/gis-utils"), require("@kq_npm/client_common_vue/_utils/util"), require("@kq_npm/client_common_vue/init.js")) : factory(root["Vue"], root["@kq_npm/client_common_vue/_utils/gis-utils"], root["@kq_npm/client_common_vue/_utils/util"], root["@kq_npm/client_common_vue/init.js"]);
 		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__3458__, __WEBPACK_EXTERNAL_MODULE__7997__) {
+})(this, function(__WEBPACK_EXTERNAL_MODULE__154__, __WEBPACK_EXTERNAL_MODULE__64__, __WEBPACK_EXTERNAL_MODULE__2975__, __WEBPACK_EXTERNAL_MODULE__455__) {
 return /******/ (function() { // webpackBootstrap
 /******/ 	"use strict";
 /******/ 	var __webpack_modules__ = ({
 
-/***/ 1248:
-/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
-
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "Z": function() { return /* binding */ ScreenshotViewModel; }
-/* harmony export */ });
-/* harmony import */ var _Users_zpc_Documents_KQGEOSpace_KQGISClientForVue_node_modules_babel_runtime_helpers_esm_defineProperty_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(8270);
-
-//截图逻辑类
-class ScreenshotViewModel {
-  //三维viewer对象
-  //截图存储参数对象
-  //截图三维对象
-  constructor(viewer, options) {
-    (0,_Users_zpc_Documents_KQGEOSpace_KQGISClientForVue_node_modules_babel_runtime_helpers_esm_defineProperty_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .Z)(this, "_viewer", null);
-
-    (0,_Users_zpc_Documents_KQGEOSpace_KQGISClientForVue_node_modules_babel_runtime_helpers_esm_defineProperty_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .Z)(this, "_options", null);
-
-    (0,_Users_zpc_Documents_KQGEOSpace_KQGISClientForVue_node_modules_babel_runtime_helpers_esm_defineProperty_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .Z)(this, "_cameraToImage", null);
-
-    this._options = {
-      width: options.imgWidth,
-      height: options.imgHeight,
-      imageType: options.imgFormat,
-      fixedRatio: options.lockAspectRatio,
-      //锁定宽高比
-      style: options.tilesetStyle,
-      //倾斜样式
-      tilesetName: options.tilesetName //倾斜名称
-
-    };
-    this._viewer = viewer;
-    this._viewer.enabledFXAA = true; //声明场景出图类
-
-    this._cameraToImage = new Cesium.Kq3dCanvasToImage(viewer._container, {
-      viewer: viewer,
-      canvas: viewer.scene.canvas
-    });
-    let that = this;
-    setTimeout(() => {
-      let tileset = this.findLayerByName(this._options.tilesetName);
-
-      if (tileset) {
-        if (tileset instanceof Array && tileset.length > 0) {
-          tileset[0].readyPromise.then(function (tileset) {
-            tileset.style = new Cesium.Cesium3DTileStyle(that._options.style);
-          });
-        } else if (tileset instanceof Object) {
-          tileset.readyPromise.then(function (tileset) {
-            tileset.style = new Cesium.Cesium3DTileStyle(that._options.style);
-          });
-        }
-      }
-    }, 800);
-  } // 查找所有3dtiles模型对象
-
-
-  findLayers() {
-    let tilesets = [];
-    const primitives = this._viewer.scene.primitives._primitives;
-
-    for (let m = 0; m < primitives.length; m++) {
-      if (primitives[m] instanceof Cesium.Cesium3DTileset) {
-        tilesets.push({
-          guid: primitives[m].guid,
-          name: primitives[m].name ? primitives[m].name : primitives[m].guid
-        });
-      }
-    }
-
-    return tilesets;
-  } // 出图
-
-
-  sceneFigure() {
-    this.saveAsimages();
-  } // 返回base64
-
-
-  saveAsimages() {
-    //设置宽、高、图片类型
-    var options = {
-      width: this._options.width,
-      //图片宽度
-      height: this._options.height,
-      //图片高度
-      type: this._options.imageType //图片类型
-
-    }; //返回图片
-
-    var img = this._cameraToImage.saveAsimages(this._viewer.scene.canvas, options);
-
-    return img;
-  } // 返回base64
-
-
-  toDataURL() {
-    var base64 = this._cameraToImage.toDataURL({
-      width: this._options.width,
-      height: this._options.height,
-      type: Cesium.Kq3dImageFormatter.JPG
-    });
-
-    return base64;
-  } //根据id获取tileset对象
-
-
-  findLayerByName(name) {
-    const primitives = this._viewer.scene.primitives._primitives;
-    const tileset = primitives.find(function (item) {
-      return item.name === name;
-    });
-    return tileset;
-  } //根据宽度计算高度
-
-
-  calcWidthByWindowRatio(width) {
-    var r = this._viewer.scene.canvas.width / this._viewer.scene.canvas.height;
-    return parseInt(width * r);
-  } //根据高度计算宽度
-
-
-  calcHeightByWindowRatio(height) {
-    var r = this._viewer.scene.canvas.width / this._viewer.scene.canvas.height;
-    return parseInt(height / r);
-  } // 锁定图片宽高比
-
-
-  setImgAspectRatio(val) {
-    this._options.fixedRatio = val;
-  } // 设置图片宽度
-
-
-  setImgWidth(val) {
-    this._options.width = val;
-  } // 设置图片高度
+/***/ 5698:
+/***/ (function(module) {
 
+module.exports = require("@kq_npm/client_icons_vue");
 
-  setImgHeight(val) {
-    this._options.height = val;
-  } // 设置图片类型
+/***/ }),
 
+/***/ 2652:
+/***/ (function(module) {
 
-  setImgType(val) {
-    this._options.imageType = val;
-  } // 注销
+module.exports = require("core-js/modules/es.array.push.js");
 
+/***/ }),
 
-  destroy() {
-    if (this._cameraToImage) this._cameraToImage = null;
-  }
+/***/ 3658:
+/***/ (function(module) {
 
-}
+module.exports = require("core-js/modules/esnext.iterator.constructor.js");
 
 /***/ }),
 
-/***/ 348:
+/***/ 7993:
 /***/ (function(module) {
 
-module.exports = require("@kq_npm/client_icons_vue");
+module.exports = require("core-js/modules/esnext.iterator.find.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);
+}
+
+;// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/toPropertyKey.js
+
 
-  return obj;
+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;
+}
+
+
 /***/ })
 
 /******/ 	});
@@ -302,29 +199,165 @@ 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__, {
-  "ScreenshotViewModel": function() { return /* reexport */ ScreenshotViewModel/* default */.Z; },
+  ScreenshotViewModel: function() { return /* reexport */ ScreenshotViewModel; },
   "default": function() { return /* reexport */ Screenshot; }
 });
 
 // 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_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/gis-utils"
-var gis_utils_ = __webpack_require__(7135);
-// EXTERNAL MODULE: ./src/webgl/screenshot/ScreenshotViewModel.js
-var ScreenshotViewModel = __webpack_require__(1248);
+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.find.js"
+var esnext_iterator_find_js_ = __webpack_require__(7993);
+;// CONCATENATED MODULE: ./src/webgl/screenshot/ScreenshotViewModel.js
+
+
+
+
+/*
+ * Copyright (C) 2019 KQ GEO Technologies Co., Ltd.
+ * All rights reserved.
+ */
+//截图逻辑类
+class ScreenshotViewModel {
+  //截图三维对象
+  constructor(viewer, options) {
+    (0,defineProperty/* default */.A)(this, "_viewer", null);
+    //三维viewer对象
+    (0,defineProperty/* default */.A)(this, "_options", null);
+    //截图存储参数对象
+    (0,defineProperty/* default */.A)(this, "_cameraToImage", null);
+    this._options = {
+      width: options.imgWidth,
+      height: options.imgHeight,
+      imageType: options.imgFormat,
+      fixedRatio: options.lockAspectRatio,
+      //锁定宽高比
+      style: options.tilesetStyle,
+      //倾斜样式
+      tilesetName: options.tilesetName //倾斜名称
+    };
+    this._viewer = viewer;
+    this._viewer.enabledFXAA = true;
+    //声明场景出图类
+    this._cameraToImage = new Cesium.Kq3dCanvasToImage(viewer._container, {
+      viewer: viewer,
+      canvas: viewer.scene.canvas
+    });
+    let that = this;
+    setTimeout(() => {
+      let tileset = this.findLayerByName(this._options.tilesetName);
+      if (tileset) {
+        if (tileset instanceof Array && tileset.length > 0) {
+          tileset[0].readyPromise.then(function (tileset) {
+            tileset.style = new Cesium.Cesium3DTileStyle(that._options.style);
+          });
+        } else if (tileset instanceof Object) {
+          tileset.readyPromise.then(function (tileset) {
+            tileset.style = new Cesium.Cesium3DTileStyle(that._options.style);
+          });
+        }
+      }
+    }, 800);
+  }
+
+  // 查找所有3dtiles模型对象
+  findLayers() {
+    let tilesets = [];
+    const primitives = this._viewer.scene.primitives._primitives;
+    for (let m = 0; m < primitives.length; m++) {
+      if (primitives[m] instanceof Cesium.Cesium3DTileset) {
+        tilesets.push({
+          guid: primitives[m].guid,
+          name: primitives[m].name ? primitives[m].name : primitives[m].guid
+        });
+      }
+    }
+    return tilesets;
+  }
+  // 出图
+  sceneFigure() {
+    this.saveAsimages();
+  }
+  // 返回base64
+  saveAsimages() {
+    //设置宽、高、图片类型
+    var options = {
+      width: this._options.width,
+      //图片宽度
+      height: this._options.height,
+      //图片高度
+      type: this._options.imageType //图片类型
+    };
+    //返回图片
+    var img = this._cameraToImage.saveAsimages(this._viewer.scene.canvas, options);
+    return img;
+  }
+  // 返回base64
+  toDataURL() {
+    var base64 = this._cameraToImage.toDataURL({
+      width: this._options.width,
+      height: this._options.height,
+      type: Cesium.Kq3dImageFormatter.JPG
+    });
+    return base64;
+  }
+  //根据id获取tileset对象
+  findLayerByName(name) {
+    const primitives = this._viewer.scene.primitives._primitives;
+    const tileset = primitives.find(function (item) {
+      return item.name === name;
+    });
+    return tileset;
+  }
+  //根据宽度计算高度
+  calcWidthByWindowRatio(width) {
+    var r = this._viewer.scene.canvas.width / this._viewer.scene.canvas.height;
+    return parseInt(width * r);
+  }
+  //根据高度计算宽度
+  calcHeightByWindowRatio(height) {
+    var r = this._viewer.scene.canvas.width / this._viewer.scene.canvas.height;
+    return parseInt(height / r);
+  }
+  // 锁定图片宽高比
+  setImgAspectRatio(val) {
+    this._options.fixedRatio = val;
+  }
+  // 设置图片宽度
+  setImgWidth(val) {
+    this._options.width = val;
+  }
+  // 设置图片高度
+  setImgHeight(val) {
+    this._options.height = val;
+  }
+  // 设置图片类型
+  setImgType(val) {
+    this._options.imageType = val;
+  }
+  // 注销
+  destroy() {
+    if (this._cameraToImage) this._cameraToImage = null;
+  }
+}
 // 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/screenshot/Screenshot.vue?vue&type=script&setup=true&lang=js
 
 const _hoisted_1 = {
@@ -338,12 +371,14 @@ const _hoisted_2 = {
 
 
 
- // 场景宽度
+
+
+// 场景宽度
 
 const __default__ = {
   name: "Kq3dScreenShot"
 };
-/* harmony default export */ var Screenshotvue_type_script_setup_true_lang_js = (/*#__PURE__*/Object.assign(__default__, {
+/* harmony default export */ var Screenshotvue_type_script_setup_true_lang_js = (/*@__PURE__*/Object.assign(__default__, {
   props: {
     // 设置参数
     settingParams: {
@@ -353,7 +388,6 @@ const __default__ = {
       type: Boolean,
       default: true
     },
-
     /**
      * 例："center","topLeft","topRight","bottomLeft","bottomRight", "topCenter", "bottomCenter" {top:'16px',left:'16px'}, {top:16,left:16}
      */
@@ -383,19 +417,18 @@ const __default__ = {
       default: true
     }
   },
-
   setup(__props, {
-    expose
+    expose: __expose
   }) {
-    const props = __props;
-    let imgWidthMax = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)(800); // 场景高度
-
+    let imgWidthMax = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)(800);
+    // 场景高度
     let imgHeightMax = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)(800);
-    let language = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)({}); // 分析类
-
-    let viewModel = null; // 获取组件传参
+    let language = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)({});
+    // 分析类
+    let viewModel = null;
+    // 获取组件传参
+    const props = __props;
     //设置样式
-
     var style = {
       color: {
         conditions: [["${height} >= 250", "rgb(255, 0, 0)"], ["${height} >= 200", "rgb(255, 255, 0)"], ["${height} >= 150", "rgb(255, 255, 255)"], ["${height} >= 100", "rgb(0, 0, 255)"], ["${height} >= 80", "rgb(0, 255, 255)"], ["${height} >= 50", "rgb(255, 0, 255)"], ["${height} >= 20", "rgb(0, 255, 0)"], ["true", "rgb(125527, 255, 255)"]]
@@ -413,14 +446,16 @@ const __default__ = {
       tilesetName: props.settingParams && props.settingParams.tilesetName || "ShangHai-White",
       //倾斜摄影名称
       tilesetStyle: props.settingParams && props.settingParams.tilesetStyle || style // 倾斜摄影样式
+    });
 
-    }); // 组件容器Ref
-
-    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
@@ -446,83 +481,67 @@ const __default__ = {
           imgHeightMax.value = canvas.height;
           formItem.imgWidth = canvas.width;
           formItem.imgHeight = canvas.height;
-          viewModel = new ScreenshotViewModel/* default */.Z(scenceView._viewer, formItem);
+          viewModel = new ScreenshotViewModel(scenceView._viewer, 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 sceneFigure() {
       viewModel && viewModel.sceneFigure();
-    } // 参数联动
-
-
+    }
+    // 参数联动
     function paramsChanged(key) {
       if (!viewModel) return;
-
       switch (key) {
         case "lockAspectRatio":
           viewModel.setImgAspectRatio(formItem.lockAspectRatio);
           break;
-
         case "imgWidth":
           viewModel.setImgWidth(formItem.imgWidth);
           formItem.imgHeight = formItem.lockAspectRatio ? viewModel.calcHeightByWindowRatio(formItem.imgWidth) : Number(formItem.imgWidth);
           viewModel.setImgHeight(formItem.imgHeight);
           break;
-
         case "imgHeight":
           viewModel.setImgHeight(formItem.imgHeight);
           formItem.imgWidth = formItem.lockAspectRatio ? viewModel.calcWidthByWindowRatio(formItem.imgHeight) : Number(formItem.imgHeight);
           viewModel.setImgWidth(formItem.imgWidth);
           break;
-
         case "imgFormat":
           viewModel.setImgType(formItem.imgFormat);
           break;
-
         default:
           break;
       }
-    } // 销毁
-
-
+    }
+    // 销毁
     (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.onBeforeUnmount)(() => {
       viewModel && viewModel.destroy();
     });
-    expose({
+    __expose({
       paramsChanged,
       sceneFigure
     });
     return (_ctx, _cache) => {
       const _component_kq_checkbox = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.resolveComponent)("kq-checkbox");
-
       const _component_kq_row = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.resolveComponent)("kq-row");
-
       const _component_kq_input_number = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.resolveComponent)("kq-input-number");
-
       const _component_kq_col = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.resolveComponent)("kq-col");
-
       const _component_kq_form_item = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.resolveComponent)("kq-form-item");
-
       const _component_kq_option = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.resolveComponent)("kq-option");
-
       const _component_kq_select = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.resolveComponent)("kq-select");
-
       const _component_kq_form = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.resolveComponent)("kq-form");
-
       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-screenshot", {
           'kq-box-shadow': __props.showShadow
@@ -533,9 +552,7 @@ 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_form, {
+      }, 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_form, {
         "label-width": "120px",
         "label-position": "left"
       }, {
@@ -545,18 +562,10 @@ const __default__ = {
             "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).lockAspectRatio = $event),
             onChange: _cache[1] || (_cache[1] = $event => paramsChanged('lockAspectRatio'))
           }, {
-            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).lockAspectRatio), 1
-            /* TEXT */
-            )]),
-            _: 1
-            /* STABLE */
-
-          }, 8
-          /* PROPS */
-          , ["modelValue"])]),
-          _: 1
-          /* STABLE */
-
+            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).lockAspectRatio), 1 /* TEXT */)]),
+            _: 1 /* STABLE */
+          }, 8 /* PROPS */, ["modelValue"])]),
+          _: 1 /* STABLE */
         }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_row, null, {
           default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_form_item, {
             label: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(language).imgWidth + '(px)'
@@ -577,26 +586,14 @@ const __default__ = {
                   max: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(imgWidthMax),
                   "controls-position": "right",
                   onInput: _cache[3] || (_cache[3] = $event => paramsChanged('imgWidth'))
-                }, null, 8
-                /* PROPS */
-                , ["modelValue", "max"])]),
-                _: 1
-                /* STABLE */
-
+                }, null, 8 /* PROPS */, ["modelValue", "max"])]),
+                _: 1 /* STABLE */
               })]),
-              _: 1
-              /* STABLE */
-
+              _: 1 /* STABLE */
             })]),
-            _: 1
-            /* STABLE */
-
-          }, 8
-          /* PROPS */
-          , ["label"])]),
-          _: 1
-          /* STABLE */
-
+            _: 1 /* STABLE */
+          }, 8 /* PROPS */, ["label"])]),
+          _: 1 /* STABLE */
         }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_row, null, {
           default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_form_item, {
             label: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(language).imgHeight + '(px)'
@@ -617,26 +614,14 @@ const __default__ = {
                   max: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(imgHeightMax),
                   "controls-position": "right",
                   onInput: _cache[5] || (_cache[5] = $event => paramsChanged('imgHeight'))
-                }, null, 8
-                /* PROPS */
-                , ["modelValue", "max"])]),
-                _: 1
-                /* STABLE */
-
+                }, null, 8 /* PROPS */, ["modelValue", "max"])]),
+                _: 1 /* STABLE */
               })]),
-              _: 1
-              /* STABLE */
-
+              _: 1 /* STABLE */
             })]),
-            _: 1
-            /* STABLE */
-
-          }, 8
-          /* PROPS */
-          , ["label"])]),
-          _: 1
-          /* STABLE */
-
+            _: 1 /* STABLE */
+          }, 8 /* PROPS */, ["label"])]),
+          _: 1 /* STABLE */
         }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_row, null, {
           default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_form_item, {
             label: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(language).imgFormat
@@ -667,48 +652,25 @@ const __default__ = {
                   label: "JPEG",
                   value: "jpeg"
                 })]),
-                _: 1
-                /* STABLE */
-
-              }, 8
-              /* PROPS */
-              , ["modelValue"])]),
-              _: 1
-              /* STABLE */
-
+                _: 1 /* STABLE */
+              }, 8 /* PROPS */, ["modelValue"])]),
+              _: 1 /* STABLE */
             })]),
-            _: 1
-            /* STABLE */
-
-          }, 8
-          /* PROPS */
-          , ["label"])]),
-          _: 1
-          /* STABLE */
-
+            _: 1 /* STABLE */
+          }, 8 /* PROPS */, ["label"])]),
+          _: 1 /* STABLE */
         })]),
-        _: 1
-        /* STABLE */
-
+        _: 1 /* STABLE */
       }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementVNode)("div", _hoisted_2, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_button, {
         onClick: _cache[8] || (_cache[8] = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withModifiers)($event => sceneFigure(), ["stop"])),
         title: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(language).screenshotTips,
         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).screenshotTips), 1
-        /* TEXT */
-        )]),
-        _: 1
-        /* STABLE */
-
-      }, 8
-      /* PROPS */
-      , ["title"])])])], 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).screenshotTips), 1 /* TEXT */)]),
+        _: 1 /* STABLE */
+      }, 8 /* PROPS */, ["title"])])])], 2 /* CLASS */);
     };
   }
-
 }));
 ;// CONCATENATED MODULE: ./src/webgl/screenshot/Screenshot.vue?vue&type=script&setup=true&lang=js
  
@@ -720,10 +682,13 @@ const __exports__ = Screenshotvue_type_script_setup_true_lang_js;
 
 /* harmony default export */ var Screenshot = (__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/screenshot/index.js
-
+/*
+ * Copyright (C) 2019 KQ GEO Technologies Co., Ltd.
+ * All rights reserved.
+ */
 
 
 
@@ -732,8 +697,6 @@ Screenshot.install = (Vue, opts) => {
   Vue.component(Screenshot.name, Screenshot);
 };
 
-
-}();
 /******/ 	return __webpack_exports__;
 /******/ })()
 ;