@kq_npm/client3d_webgl_vue 4.5.29-beta → 4.5.31

package/sceneadvancedtoimage/index.js

@@ -2,11 +2,11 @@
 	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];
-	}
+		define("@kq_npm/client3d_webgl_vue", ["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 if(typeof exports === 'object')
+		exports["@kq_npm/client3d_webgl_vue"] = 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
+		root["@kq_npm/client3d_webgl_vue"] = 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"]);
 })(this, function(__WEBPACK_EXTERNAL_MODULE__1895__, __WEBPACK_EXTERNAL_MODULE__7135__, __WEBPACK_EXTERNAL_MODULE__7997__, __WEBPACK_EXTERNAL_MODULE__3458__) {
 return /******/ (function() { // webpackBootstrap
 /******/ 	"use strict";
@@ -25,10 +25,12 @@ return /******/ (function() { // webpackBootstrap
  */
 
 
+
 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);
 
 /***/ }),
@@ -40,27 +42,6 @@ module.exports = require("@kq_npm/client_icons_vue");
 
 /***/ }),
 
-/***/ 2118:
-/***/ (function(module) {
-
-module.exports = require("core-js/modules/es.array.push.js");
-
-/***/ }),
-
-/***/ 8470:
-/***/ (function(module) {
-
-module.exports = require("core-js/modules/esnext.iterator.constructor.js");
-
-/***/ }),
-
-/***/ 1058:
-/***/ (function(module) {
-
-module.exports = require("core-js/modules/esnext.iterator.for-each.js");
-
-/***/ }),
-
 /***/ 9389:
 /***/ (function(module) {
 
@@ -103,59 +84,27 @@ module.exports = __WEBPACK_EXTERNAL_MODULE__1895__;
 
 /***/ }),
 
-/***/ 5301:
+/***/ 8270:
 /***/ (function(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
-
-// EXPORTS
-__webpack_require__.d(__webpack_exports__, {
-  "Z": 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.");
+/* 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 ("string" === r ? String : Number)(t);
-}
-
-;// 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;
+  return obj;
 }
 
-
 /***/ })
 
 /******/ 	});
@@ -242,44 +191,43 @@ __webpack_require__.d(__webpack_exports__, {
 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 + 3 modules
-var defineProperty = __webpack_require__(5301);
-// EXTERNAL MODULE: external "core-js/modules/es.array.push.js"
-var es_array_push_js_ = __webpack_require__(2118);
-// EXTERNAL MODULE: external "core-js/modules/esnext.iterator.constructor.js"
-var esnext_iterator_constructor_js_ = __webpack_require__(8470);
-// EXTERNAL MODULE: external "core-js/modules/esnext.iterator.for-each.js"
-var esnext_iterator_for_each_js_ = __webpack_require__(1058);
+// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/defineProperty.js
+var defineProperty = __webpack_require__(8270);
 // EXTERNAL MODULE: ./src/common/_ui/message/index.js
 var message = __webpack_require__(1349);
 ;// CONCATENATED MODULE: ./src/webgl/sceneadvancedtoimage/SceneAdvancedToImageViewModel.js
 
 
-
-
 /**
  * 场景高级出图
  **/
 
 class SceneAdvancedToImageViewModel {
+  //场景出图类
+  //绘制管理对象
+  //绘制完成监听事件
   constructor(scenceView, options) {
     (0,defineProperty/* default */.Z)(this, "_viewer", null);
+
     (0,defineProperty/* default */.Z)(this, "_options", null);
+
     (0,defineProperty/* default */.Z)(this, "_canvasToImage", null);
-    //场景出图类
+
     (0,defineProperty/* default */.Z)(this, "_drawManager", null);
-    //绘制管理对象
+
     (0,defineProperty/* default */.Z)(this, "_removeEventListener", null);
-    //绘制完成监听事件
+
     (0,defineProperty/* default */.Z)(this, "_satellitePyramidPrimitive", null);
+
     (0,defineProperty/* default */.Z)(this, "_language", {});
+
     this._language = scenceView._language;
     this._viewer = scenceView._viewer;
     this._options = options;
-    this._drawManager = scenceView._drawManager;
-    // 开启深度检测
-    this._viewer.scene.globe.depthTestAgainstTerrain = true;
-    //声明场景出图类
+    this._drawManager = scenceView._drawManager; // 开启深度检测
+
+    this._viewer.scene.globe.depthTestAgainstTerrain = true; //声明场景出图类
+
     this._canvasToImage = new Cesium.Kq3dCanvasToImage(this._viewer.container, {
       viewer: this._viewer,
       canvas: this._viewer.scene.canvas
@@ -289,18 +237,21 @@ class SceneAdvancedToImageViewModel {
       if (shape) {
         that._options.position = shape.position;
         that.addSatellitePyramidPrimitive(that._options.position);
+
         that._drawManager.clear();
       }
     });
-  }
-  //加载椎体
+  } //加载椎体
+
+
   addSatellitePyramidPrimitive(position) {
     // 实例化
     let cartographic = Cesium.Cartographic.fromCartesian(position);
     let lat = Cesium.Math.toDegrees(cartographic.latitude);
     let lng = Cesium.Math.toDegrees(cartographic.longitude);
     let pos = Cesium.Cartesian3.fromDegrees(lng, lat, this._options.height);
-    this._satellitePyramidPrimitive = this._viewer.scene.primitives.add(new SatellitePyramidPrimitive(this._viewer, {
+    this._satellitePyramidPrimitive = this._viewer.scene.primitives.add(new Cesium.Kq3dSatellitePyramidPrimitive(this._viewer, {
+      // new SatellitePyramidPrimitive(this._viewer, {
       position: pos,
       angle1: this._options.leftRightAngle,
       angle2: this._options.frontAndRearAngle,
@@ -309,8 +260,9 @@ class SceneAdvancedToImageViewModel {
       lineColor: Cesium.Color.fromCssColorString(this._options.lineColor).withAlpha(this._options.lineColorAlpha),
       outline: this._options.outline
     }));
-  }
-  //导出
+  } //导出
+
+
   exportPicture() {
     if (this._satellitePyramidPrimitive) {
       try {
@@ -332,8 +284,9 @@ class SceneAdvancedToImageViewModel {
         type: "warning"
       });
     }
-  }
-  //获取范围
+  } //获取范围
+
+
   getBounds() {
     if (this._satellitePyramidPrimitive) {
       let positions = this._satellitePyramidPrimitive.groundPositions;
@@ -346,15 +299,19 @@ class SceneAdvancedToImageViewModel {
       });
       return this.getRect(list);
     }
+
     return {};
-  }
-  // 获取矩阵
+  } // 获取矩阵
+
+
   getRect(points) {
     let xmin, ymin, xmax, ymax;
+
     for (let i in points) {
       const coordinates = points[i];
       const x = coordinates[0];
       const y = coordinates[1];
+
       if (!xmin) {
         xmin = x;
       } else {
@@ -362,6 +319,7 @@ class SceneAdvancedToImageViewModel {
           xmin = x;
         }
       }
+
       if (!ymin) {
         ymin = y;
       } else {
@@ -369,6 +327,7 @@ class SceneAdvancedToImageViewModel {
           ymin = y;
         }
       }
+
       if (!xmax) {
         xmax = x;
       } else {
@@ -376,6 +335,7 @@ class SceneAdvancedToImageViewModel {
           xmax = x;
         }
       }
+
       if (!ymax) {
         ymax = y;
       } else {
@@ -384,6 +344,7 @@ class SceneAdvancedToImageViewModel {
         }
       }
     }
+
     return {
       xmin,
       ymin,
@@ -391,6 +352,7 @@ class SceneAdvancedToImageViewModel {
       ymax
     };
   }
+
   // 视野飞行
   setView() {
     let {
@@ -399,8 +361,10 @@ class SceneAdvancedToImageViewModel {
       xmax,
       ymax
     } = this.getBounds();
+
     if (xmin && ymin && xmax && ymax) {
       let rectangle = Cesium.Rectangle.fromDegrees(Number(xmin), Number(ymin), Number(xmax), Number(ymax));
+
       this._viewer.camera.setView({
         destination: rectangle,
         orientation: {
@@ -408,25 +372,30 @@ class SceneAdvancedToImageViewModel {
           // 方向
           pitch: Cesium.Math.toRadians(-90.0) // 倾斜角度
           // roll: Cesium.Math.toRadians(0.0)
+
         }
       });
     }
-  }
-  //出图计算
+  } //出图计算
+
+
   markPic() {
     let leftBottom = Cesium.SceneTransforms.wgs84ToWindowCoordinates(this._viewer.scene, this._satellitePyramidPrimitive.groundPositions[0]);
     let rightBottom = Cesium.SceneTransforms.wgs84ToWindowCoordinates(this._viewer.scene, this._satellitePyramidPrimitive.groundPositions[1]);
     let rightTop = Cesium.SceneTransforms.wgs84ToWindowCoordinates(this._viewer.scene, this._satellitePyramidPrimitive.groundPositions[2]);
     let leftTop = Cesium.SceneTransforms.wgs84ToWindowCoordinates(this._viewer.scene, this._satellitePyramidPrimitive.groundPositions[3]);
     var bodyW = window.innerWidth,
-      bodyH = window.innerHeight;
-    //设置宽、高、图片类型
+        bodyH = window.innerHeight; //设置宽、高、图片类型
+
     var options = {
       width: bodyW,
       height: bodyH,
       type: this._options.imgFormat //图片类型
+
     };
+
     this._viewer.render();
+
     let canvas = document.createElement("canvas");
     canvas.width = this._viewer.canvas.width;
     canvas.height = this._viewer.canvas.height;
@@ -441,20 +410,25 @@ class SceneAdvancedToImageViewModel {
     newCtx.restore();
     newCtx.save();
     newCtx.drawImage(this._viewer.canvas, 0, 0);
+
     this._canvasToImage.saveAsimages(canvas, options);
-  }
-  //开始分析
+  } //开始分析
+
+
   start() {
     this.clear();
+
     this._drawManager.startDraw("point", {
       clampToGround: true,
       image: null
     });
   }
+
   paramsChanged(key, val) {
     if (!this._options) return;
     this._options[key] = val;
     if (!this._satellitePyramidPrimitive) return;
+
     switch (key) {
       case "height":
         var cartographic = Cesium.Cartographic.fromCartesian(this._satellitePyramidPrimitive.position);
@@ -463,36 +437,45 @@ class SceneAdvancedToImageViewModel {
         var pos = Cesium.Cartesian3.fromDegrees(lng, lat, val);
         this._satellitePyramidPrimitive.position = pos;
         break;
+
       case "heading":
       case "pitch":
       case "roll":
         this._satellitePyramidPrimitive[key] = Cesium.Math.toRadians(val);
         break;
+
       case "leftRightAngle":
         this._satellitePyramidPrimitive.angle1 = val;
         break;
+
       case "frontAndRearAngle":
         this._satellitePyramidPrimitive.angle2 = val;
         break;
+
       default:
         break;
     }
-  }
-  //清除全部结果
+  } //清除全部结果
+
+
   clear() {
     this._drawManager.stopDraw();
+
     if (this._satellitePyramidPrimitive) {
       this._viewer.scene.primitives.remove(this._satellitePyramidPrimitive);
+
       this._satellitePyramidPrimitive = null;
     }
-  }
-  // 销毁
+  } // 销毁
+
+
   destroy() {
-    this.clear();
-    //移除监听事件
+    this.clear(); //移除监听事件
+
     this._removeEventListener && this._removeEventListener();
     this._removeEventListener = null;
   }
+
 }
 // EXTERNAL MODULE: external "@kq_npm/client_icons_vue"
 var client_icons_vue_ = __webpack_require__(348);
@@ -500,7 +483,7 @@ var client_icons_vue_ = __webpack_require__(348);
 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/sceneadvancedtoimage/SceneAdvancedToImage.vue?vue&type=script&setup=true&lang=js
+;// CONCATENATED MODULE: ./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/webgl/sceneadvancedtoimage/SceneAdvancedToImage.vue?vue&type=script&setup=true&lang=js
 
 const _hoisted_1 = {
   class: "kq3d-scene-advanced-to-image-box"
@@ -528,6 +511,7 @@ const __default__ = {
       type: Boolean,
       default: true
     },
+
     /**
      * 例："center","topLeft","topRight","bottomLeft","bottomRight", "topCenter", "bottomCenter" {top:'16px',left:'16px'}, {top:16,left:16}
      */
@@ -557,6 +541,7 @@ const __default__ = {
       default: true
     }
   },
+
   setup(__props, {
     expose: __expose
   }) {
@@ -565,13 +550,11 @@ const __default__ = {
       proxy
     } = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.getCurrentInstance)();
     let currentLang = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)("");
-    let language = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)(proxy.$i18n.global.messages[proxy.$i18n.global.locale]["webgl"]);
+    let language = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)(proxy.$i18n.global.messages[proxy.$i18n.global.locale]["webgl"]); // 获取组件传参
+    // 分析类
 
-    // 获取组件传参
+    let viewModel = null; // 参数
 
-    // 分析类
-    let viewModel = null;
-    // 参数
     let formItem = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.reactive)({
       collapseValue: props.settingParams && props.settingParams.collapseValue || ((props.settingParams && props.settingParams.collapseValue) == '' ? "" : "screenParameter"),
       //  默认展开属性设置
@@ -622,13 +605,14 @@ const __default__ = {
       lineColorAlpha: props.settingParams && props.settingParams.lineColorAlpha || 0.4,
       // 视椎体边界线透明度
       outline: props.settingParams && props.settingParams.outline || false // 是否显示边界线
-    });
-    // 组件容器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
@@ -651,6 +635,7 @@ const __default__ = {
         });
       });
       currentLang.value = proxy.$i18n.locale; // 获取当前语言
+
       gis_utils_.utils.getWebMap(null, scenceView => {
         if (scenceView) {
           // 初始化视图参数
@@ -658,45 +643,62 @@ const __default__ = {
         }
       });
     });
-
     /**
      * @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 toImageHander() {
       viewModel && viewModel.exportPicture();
-    }
-    // 绘制
+    } // 绘制
+
+
     function drawHander() {
       viewModel && viewModel.start();
-    }
-    // 参数改变
+    } // 参数改变
+
+
     function paramsChanged(key) {
       viewModel && viewModel.paramsChanged(key, formItem[key]);
-    }
-    // 销毁
+    } // 销毁
+
+
     (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.onBeforeUnmount)(() => {
       viewModel && viewModel.destroy();
     });
+
     __expose({});
+
     return (_ctx, _cache) => {
       const _component_kq_row = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.resolveComponent)("kq-row");
+
       const _component_kq_slider = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.resolveComponent)("kq-slider");
+
       const _component_kq_col = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.resolveComponent)("kq-col");
+
       const _component_kq_input_number = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.resolveComponent)("kq-input-number");
+
       const _component_kq_form_item = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.resolveComponent)("kq-form-item");
+
       const _component_kq_form = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.resolveComponent)("kq-form");
+
       const _component_kq_collapse_item = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.resolveComponent)("kq-collapse-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_collapse = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.resolveComponent)("kq-collapse");
+
       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-scene-advanced-to-image", {
           'kq-box-shadow': __props.showShadow
@@ -707,11 +709,17 @@ 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, {
         class: "kq3d-scene-advanced-to-image-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).sceneAdvancedToImageTips), 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).sceneAdvancedToImageTips), 1
+        /* TEXT */
+        )]),
+        _: 1
+        /* STABLE */
+
       }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_collapse, {
         "model-value": (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).collapseValue
       }, {
@@ -743,8 +751,12 @@ const __default__ = {
                       min: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).minHeight,
                       max: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).maxHeight,
                       onChange: _cache[1] || (_cache[1] = $event => paramsChanged('height'))
-                    }, 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: 8
                   }, {
@@ -756,14 +768,26 @@ const __default__ = {
                       step: 1,
                       "controls-position": "right",
                       onChange: _cache[3] || (_cache[3] = $event => paramsChanged('height'))
-                    }, null, 8 /* PROPS */, ["modelValue", "min", "max"])]),
-                    _: 1 /* STABLE */
+                    }, null, 8
+                    /* PROPS */
+                    , ["modelValue", "min", "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).heading
@@ -783,8 +807,12 @@ const __default__ = {
                       min: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).minHeading,
                       max: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).maxHeading,
                       onChange: _cache[5] || (_cache[5] = $event => paramsChanged('heading'))
-                    }, 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: 8
                   }, {
@@ -796,14 +824,26 @@ const __default__ = {
                       step: 1,
                       "controls-position": "right",
                       onChange: _cache[7] || (_cache[7] = $event => paramsChanged('screenHeight'))
-                    }, null, 8 /* PROPS */, ["modelValue", "min", "max"])]),
-                    _: 1 /* STABLE */
+                    }, null, 8
+                    /* PROPS */
+                    , ["modelValue", "min", "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).pitch
@@ -823,8 +863,12 @@ const __default__ = {
                       min: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).minPitch,
                       max: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).maxPitch,
                       onChange: _cache[9] || (_cache[9] = $event => paramsChanged('pitch'))
-                    }, 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: 8
                   }, {
@@ -836,14 +880,26 @@ const __default__ = {
                       max: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).maxPitch,
                       "controls-position": "right",
                       onChange: _cache[11] || (_cache[11] = $event => paramsChanged('pitch'))
-                    }, null, 8 /* PROPS */, ["modelValue", "min", "max"])]),
-                    _: 1 /* STABLE */
+                    }, null, 8
+                    /* PROPS */
+                    , ["modelValue", "min", "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).roll
@@ -863,8 +919,12 @@ const __default__ = {
                       min: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).minPitch,
                       max: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).maxPitch,
                       onChange: _cache[13] || (_cache[13] = $event => paramsChanged('roll'))
-                    }, 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: 8
                   }, {
@@ -876,14 +936,26 @@ const __default__ = {
                       max: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).maxRoll,
                       "controls-position": "right",
                       onChange: _cache[15] || (_cache[15] = $event => paramsChanged('roll'))
-                    }, null, 8 /* PROPS */, ["modelValue", "min", "max"])]),
-                    _: 1 /* STABLE */
+                    }, null, 8
+                    /* PROPS */
+                    , ["modelValue", "min", "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).leftRightAngle
@@ -903,8 +975,12 @@ const __default__ = {
                       min: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).minLeftRightAngle,
                       max: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).maxLeftRightAngle,
                       onChange: _cache[17] || (_cache[17] = $event => paramsChanged('leftRightAngle'))
-                    }, 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: 8
                   }, {
@@ -916,14 +992,26 @@ const __default__ = {
                       max: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).maxLeftRightAngle,
                       "controls-position": "right",
                       onChange: _cache[19] || (_cache[19] = $event => paramsChanged('leftRightAngle'))
-                    }, null, 8 /* PROPS */, ["modelValue", "min", "max"])]),
-                    _: 1 /* STABLE */
+                    }, null, 8
+                    /* PROPS */
+                    , ["modelValue", "min", "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).frontAndRearAngle
@@ -943,8 +1031,12 @@ const __default__ = {
                       min: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).minFrontAndRearAngle,
                       max: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).maxFrontAndRearAngle,
                       onChange: _cache[21] || (_cache[21] = $event => paramsChanged('frontAndRearAngle'))
-                    }, 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: 8
                   }, {
@@ -956,19 +1048,39 @@ const __default__ = {
                       max: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).maxFrontAndRearAngle,
                       "controls-position": "right",
                       onChange: _cache[23] || (_cache[23] = $event => paramsChanged('frontAndRearAngle'))
-                    }, null, 8 /* PROPS */, ["modelValue", "min", "max"])]),
-                    _: 1 /* STABLE */
+                    }, null, 8
+                    /* PROPS */
+                    , ["modelValue", "min", "max"])]),
+                    _: 1
+                    /* STABLE */
+
                   })]),
-                  _: 1 /* STABLE */
+                  _: 1
+                  /* STABLE */
+
                 })]),
-                _: 1 /* STABLE */
-              }, 8 /* PROPS */, ["label"])]),
-              _: 1 /* STABLE */
+                _: 1
+                /* STABLE */
+
+              }, 8
+              /* PROPS */
+              , ["label"])]),
+              _: 1
+              /* STABLE */
+
             })]),
-            _: 1 /* STABLE */
-          }, 8 /* PROPS */, ["label-width"])]),
-          _: 1 /* STABLE */
-        }, 8 /* PROPS */, ["title"]), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_collapse_item, {
+            _: 1
+            /* STABLE */
+
+          }, 8
+          /* PROPS */
+          , ["label-width"])]),
+          _: 1
+          /* STABLE */
+
+        }, 8
+        /* PROPS */
+        , ["title"]), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_collapse_item, {
           class: "kq3d-scene-advanced-to-image-collapse-item",
           title: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(language).pictureSpecification,
           name: "pictureSpecification"
@@ -1007,35 +1119,74 @@ 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 */
-          }, 8 /* PROPS */, ["label-width"])]),
-          _: 1 /* STABLE */
-        }, 8 /* PROPS */, ["title"])]),
-        _: 1 /* STABLE */
-      }, 8 /* PROPS */, ["model-value"]), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementVNode)("div", _hoisted_2, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_button, {
+            _: 1
+            /* STABLE */
+
+          }, 8
+          /* PROPS */
+          , ["label-width"])]),
+          _: 1
+          /* STABLE */
+
+        }, 8
+        /* PROPS */
+        , ["title"])]),
+        _: 1
+        /* STABLE */
+
+      }, 8
+      /* PROPS */
+      , ["model-value"]), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementVNode)("div", _hoisted_2, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_button, {
         onClick: _cache[26] || (_cache[26] = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withModifiers)($event => toImageHander(), ["stop"])),
         title: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(language).sceneAdvancedToImageButton,
         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).sceneAdvancedToImageButton), 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).sceneAdvancedToImageButton), 1
+        /* TEXT */
+        )]),
+        _: 1
+        /* STABLE */
+
+      }, 8
+      /* PROPS */
+      , ["title"]), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_button, {
         onClick: _cache[27] || (_cache[27] = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withModifiers)($event => drawHander(), ["stop"])),
         title: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(language).drawButton
       }, {
-        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).drawButton), 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).drawButton), 1
+        /* TEXT */
+        )]),
+        _: 1
+        /* STABLE */
+
+      }, 8
+      /* PROPS */
+      , ["title"])])])], 2
+      /* CLASS */
+      );
     };
   }
+
 }));
 ;// CONCATENATED MODULE: ./src/webgl/sceneadvancedtoimage/SceneAdvancedToImage.vue?vue&type=script&setup=true&lang=js
  
@@ -1053,11 +1204,13 @@ var init_js_default = /*#__PURE__*/__webpack_require__.n(init_js_);
 
 
 
+
 SceneAdvancedToImage.install = (Vue, opts) => {
   init_js_default()(Vue, opts);
   Vue.component(SceneAdvancedToImage.name, SceneAdvancedToImage);
 };
 
+
 }();
 /******/ 	return __webpack_exports__;
 /******/ })()