@kq_npm/client3d_webgl_vue 4.5.2 → 4.5.4-beta

package/sceneadvancedtoimage/index.js

@@ -0,0 +1,1055 @@
+(function webpackUniversalModuleDefinition(root, factory) {
+	if(typeof exports === 'object' && typeof module === 'object')
+		module.exports = factory(require("vue"), require("@kq_npm/client_common_vue/_utils/gis-utils"), require("@kq_npm/client_common_vue/init.js"), require("@kq_npm/client_common_vue/_utils/util"));
+	else if(typeof define === 'function' && define.amd)
+		define(["vue", "@kq_npm/client_common_vue/_utils/gis-utils", "@kq_npm/client_common_vue/init.js", "@kq_npm/client_common_vue/_utils/util"], factory);
+	else {
+		var a = typeof exports === 'object' ? factory(require("vue"), require("@kq_npm/client_common_vue/_utils/gis-utils"), require("@kq_npm/client_common_vue/init.js"), require("@kq_npm/client_common_vue/_utils/util")) : factory(root["Vue"], root["@kq_npm/client_common_vue/_utils/gis-utils"], root["@kq_npm/client_common_vue/init.js"], root["@kq_npm/client_common_vue/_utils/util"]);
+		for(var i in a) (typeof exports === 'object' ? exports : root)[i] = a[i];
+	}
+})(this, function(__WEBPACK_EXTERNAL_MODULE__154__, __WEBPACK_EXTERNAL_MODULE__64__, __WEBPACK_EXTERNAL_MODULE__455__, __WEBPACK_EXTERNAL_MODULE__2975__) {
+return /******/ (function() { // webpackBootstrap
+/******/ 	"use strict";
+/******/ 	var __webpack_modules__ = ({
+
+/***/ 3275:
+/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+/* 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__(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__.A = (element_plus_dist_index_full_js__WEBPACK_IMPORTED_MODULE_0__.ElMessage);
+
+/***/ }),
+
+/***/ 5698:
+/***/ (function(module) {
+
+module.exports = require("@kq_npm/client_icons_vue");
+
+/***/ }),
+
+/***/ 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");
+
+/***/ }),
+
+/***/ 3579:
+/***/ (function(module) {
+
+module.exports = require("vue-i18n/dist/vue-i18n.cjs.js");
+
+/***/ }),
+
+/***/ 64:
+/***/ (function(module) {
+
+module.exports = __WEBPACK_EXTERNAL_MODULE__64__;
+
+/***/ }),
+
+/***/ 2975:
+/***/ (function(module) {
+
+module.exports = __WEBPACK_EXTERNAL_MODULE__2975__;
+
+/***/ }),
+
+/***/ 455:
+/***/ (function(module) {
+
+module.exports = __WEBPACK_EXTERNAL_MODULE__455__;
+
+/***/ }),
+
+/***/ 154:
+/***/ (function(module) {
+
+module.exports = __WEBPACK_EXTERNAL_MODULE__154__;
+
+/***/ }),
+
+/***/ 6913:
+/***/ (function(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
+
+
+// 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
+
+
+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;
+}
+
+
+/***/ })
+
+/******/ 	});
+/************************************************************************/
+/******/ 	// The module cache
+/******/ 	var __webpack_module_cache__ = {};
+/******/ 	
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/ 		// Check if module is in cache
+/******/ 		var cachedModule = __webpack_module_cache__[moduleId];
+/******/ 		if (cachedModule !== undefined) {
+/******/ 			return cachedModule.exports;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = __webpack_module_cache__[moduleId] = {
+/******/ 			// no module.id needed
+/******/ 			// no module.loaded needed
+/******/ 			exports: {}
+/******/ 		};
+/******/ 	
+/******/ 		// Execute the module function
+/******/ 		__webpack_modules__[moduleId](module, module.exports, __webpack_require__);
+/******/ 	
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+/******/ 	
+/************************************************************************/
+/******/ 	/* webpack/runtime/compat get default export */
+/******/ 	!function() {
+/******/ 		// getDefaultExport function for compatibility with non-harmony modules
+/******/ 		__webpack_require__.n = function(module) {
+/******/ 			var getter = module && module.__esModule ?
+/******/ 				function() { return module['default']; } :
+/******/ 				function() { return module; };
+/******/ 			__webpack_require__.d(getter, { a: getter });
+/******/ 			return getter;
+/******/ 		};
+/******/ 	}();
+/******/ 	
+/******/ 	/* webpack/runtime/define property getters */
+/******/ 	!function() {
+/******/ 		// define getter functions for harmony exports
+/******/ 		__webpack_require__.d = function(exports, definition) {
+/******/ 			for(var key in definition) {
+/******/ 				if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
+/******/ 					Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
+/******/ 				}
+/******/ 			}
+/******/ 		};
+/******/ 	}();
+/******/ 	
+/******/ 	/* webpack/runtime/hasOwnProperty shorthand */
+/******/ 	!function() {
+/******/ 		__webpack_require__.o = function(obj, prop) { return Object.prototype.hasOwnProperty.call(obj, prop); }
+/******/ 	}();
+/******/ 	
+/******/ 	/* webpack/runtime/make namespace object */
+/******/ 	!function() {
+/******/ 		// define __esModule on exports
+/******/ 		__webpack_require__.r = function(exports) {
+/******/ 			if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 				Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 			}
+/******/ 			Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 		};
+/******/ 	}();
+/******/ 	
+/************************************************************************/
+var __webpack_exports__ = {};
+// ESM COMPAT FLAG
+__webpack_require__.r(__webpack_exports__);
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  SceneAdvancedToImageViewModel: function() { return /* reexport */ SceneAdvancedToImageViewModel; },
+  "default": function() { return /* reexport */ SceneAdvancedToImage; }
+});
+
+// EXTERNAL MODULE: external {"root":"Vue","commonjs":"vue","commonjs2":"vue","amd":"vue"}
+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__(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__(3275);
+;// CONCATENATED MODULE: ./src/webgl/sceneadvancedtoimage/SceneAdvancedToImageViewModel.js
+
+
+
+
+/**
+ * 场景高级出图
+ **/
+
+class SceneAdvancedToImageViewModel {
+  constructor(scenceView, options) {
+    (0,defineProperty/* default */.A)(this, "_viewer", null);
+    (0,defineProperty/* default */.A)(this, "_options", null);
+    (0,defineProperty/* default */.A)(this, "_canvasToImage", null);
+    //场景出图类
+    (0,defineProperty/* default */.A)(this, "_drawManager", null);
+    //绘制管理对象
+    (0,defineProperty/* default */.A)(this, "_removeEventListener", null);
+    //绘制完成监听事件
+    (0,defineProperty/* default */.A)(this, "_satellitePyramidPrimitive", null);
+    this._viewer = scenceView._viewer;
+    this._options = options;
+    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
+    });
+    let that = this;
+    this._removeEventListener = this._drawManager.drawFinishedEvent.addEventListener(shape => {
+      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, {
+      position: pos,
+      angle1: this._options.leftRightAngle,
+      angle2: this._options.frontAndRearAngle,
+      areaType: 2,
+      color: Cesium.Color.fromCssColorString(this._options.color).withAlpha(this._options.colorAlpha),
+      lineColor: Cesium.Color.fromCssColorString(this._options.lineColor).withAlpha(this._options.lineColorAlpha),
+      outline: this._options.outline
+    }));
+  }
+  //导出
+  exportPicture() {
+    if (this._satellitePyramidPrimitive) {
+      try {
+        this.setView();
+        setTimeout(() => {
+          this._satellitePyramidPrimitive.show = false;
+          this.markPic();
+          this._satellitePyramidPrimitive.show = true;
+        }, 1000);
+      } catch (error) {
+        (0,message/* default */.A)({
+          message: "出图异常！",
+          type: "error"
+        });
+      }
+    } else {
+      (0,message/* default */.A)({
+        message: "请先绘制视椎体！",
+        type: "warning"
+      });
+    }
+  }
+  //获取范围
+  getBounds() {
+    if (this._satellitePyramidPrimitive) {
+      let positions = this._satellitePyramidPrimitive.groundPositions;
+      let list = [];
+      positions.forEach(item => {
+        let cartographic = Cesium.Cartographic.fromCartesian(item);
+        let lat = Cesium.Math.toDegrees(cartographic.latitude);
+        let lng = Cesium.Math.toDegrees(cartographic.longitude);
+        list.push([lng, lat]);
+      });
+      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 {
+        if (x < xmin) {
+          xmin = x;
+        }
+      }
+      if (!ymin) {
+        ymin = y;
+      } else {
+        if (y < ymin) {
+          ymin = y;
+        }
+      }
+      if (!xmax) {
+        xmax = x;
+      } else {
+        if (x > xmax) {
+          xmax = x;
+        }
+      }
+      if (!ymax) {
+        ymax = y;
+      } else {
+        if (y > ymax) {
+          ymax = y;
+        }
+      }
+    }
+    return {
+      xmin,
+      ymin,
+      xmax,
+      ymax
+    };
+  }
+  // 视野飞行
+  setView() {
+    let {
+      xmin,
+      ymin,
+      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: {
+          heading: Cesium.Math.toRadians(0.0),
+          // 方向
+          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;
+    //设置宽、高、图片类型
+    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;
+    let newCtx = canvas.getContext("2d");
+    newCtx.beginPath();
+    newCtx.moveTo(leftTop.x, leftTop.y);
+    newCtx.lineTo(leftBottom.x, leftBottom.y);
+    newCtx.lineTo(rightBottom.x, rightBottom.y);
+    newCtx.lineTo(rightTop.x, rightTop.y);
+    newCtx.closePath();
+    newCtx.clip();
+    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);
+        var lat = Cesium.Math.toDegrees(cartographic.latitude);
+        var lng = Cesium.Math.toDegrees(cartographic.longitude);
+        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._removeEventListener && this._removeEventListener();
+    this._removeEventListener = null;
+  }
+}
+// EXTERNAL MODULE: external "@kq_npm/client_icons_vue"
+var client_icons_vue_ = __webpack_require__(5698);
+// EXTERNAL MODULE: external "@kq_npm/client_common_vue/_utils/util"
+var util_ = __webpack_require__(2975);
+// EXTERNAL MODULE: external "vue-i18n/dist/vue-i18n.cjs.js"
+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/sceneadvancedtoimage/SceneAdvancedToImage.vue?vue&type=script&setup=true&lang=js
+
+const _hoisted_1 = {
+  class: "kq3d-scene-advanced-to-image-box"
+};
+const _hoisted_2 = {
+  class: "kq3d-scene-advanced-to-image-footer"
+};
+
+
+
+
+
+
+const __default__ = {
+  name: "Kq3dSceneAdvancedToImage"
+};
+/* harmony default export */ var SceneAdvancedToImagevue_type_script_setup_true_lang_js = (/*@__PURE__*/Object.assign(__default__, {
+  props: {
+    // 设置参数
+    settingParams: {
+      type: Object
+    },
+    // 是否显示阴影效果
+    showShadow: {
+      type: Boolean,
+      default: true
+    },
+    /**
+     * 例："center","topLeft","topRight","bottomLeft","bottomRight", "topCenter", "bottomCenter" {top:'16px',left:'16px'}, {top:16,left:16}
+     */
+    position: [String, Object],
+    // 是否生成HeaderTemp
+    showHeaderTemp: {
+      type: Boolean,
+      default: false
+    },
+    // 是否折叠HeaderTemp，showHeaderTemp为true时生效
+    isCollapseHeaderTemp: {
+      type: Boolean,
+      default: false
+    },
+    // HeaderTemp标题
+    headerTempTitle: {
+      type: String
+    },
+    // HeaderTemp图标
+    headerTempIcon: {
+      type: [Object, String],
+      default: client_icons_vue_.IconAdvancedImaging
+    },
+    // HeaderTemp Title&Icon的位置
+    isRight: {
+      type: Boolean,
+      default: true
+    }
+  },
+  setup(__props, {
+    expose: __expose
+  }) {
+    const {
+      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)({});
+    let collapseValue = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)("screenParameter");
+
+    // 获取组件传参
+    const props = __props;
+    // 分析类
+    let viewModel = null;
+    // 参数
+    let formItem = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.reactive)({
+      height: props.settingParams && props.settingParams.height || 3000,
+      // 高度
+      minHeight: props.settingParams && props.settingParams.minHeight || 10,
+      // 高度最小值
+      maxHeight: props.settingParams && props.settingParams.maxHeight || 10000,
+      // 高度最大值
+      heading: props.settingParams && props.settingParams.heading || 0,
+      // 方向角
+      minHeading: props.settingParams && props.settingParams.minHeading || -180,
+      // 方向角最小值
+      maxHeading: props.settingParams && props.settingParams.maxHeading || 180,
+      //方向角最大值
+      pitch: props.settingParams && props.settingParams.pitch || 0,
+      // 俯仰角
+      minPitch: props.settingParams && props.settingParams.minPitch || -30,
+      // 俯仰角最小值
+      maxPitch: props.settingParams && props.settingParams.maxPitch || 30,
+      //俯仰角最大值
+      roll: props.settingParams && props.settingParams.roll || 0,
+      // 翻转角
+      minRoll: props.settingParams && props.settingParams.minRoll || -30,
+      // 翻转角最小值
+      maxRoll: props.settingParams && props.settingParams.maxRoll || 30,
+      //翻转角最大值
+      leftRightAngle: props.settingParams && props.settingParams.leftRightAngle || 30,
+      // 左右夹角
+      minLeftRightAngle: props.settingParams && props.settingParams.minLeftRightAngle || 1,
+      // 左右夹角最小值
+      maxLeftRightAngle: props.settingParams && props.settingParams.maxLeftRightAngle || 60,
+      //左右夹角最大值
+      frontAndRearAngle: props.settingParams && props.settingParams.frontAndRearAngle || 30,
+      // 前后夹角
+      minFrontAndRearAngle: props.settingParams && props.settingParams.minFrontAndRearAngle || 1,
+      // 前后夹角最小值
+      maxFrontAndRearAngle: props.settingParams && props.settingParams.maxFrontAndRearAngle || 60,
+      //前后夹角最大值
+      imgFormat: props.settingParams && props.settingParams.imgFormat || "jpg",
+      // 图片类型
+      color: props.settingParams && props.settingParams.color || "#CB6F1B",
+      // 视椎体填充颜色
+      colorAlpha: props.settingParams && props.settingParams.colorAlpha || 0.4,
+      // 视椎体填充颜色透明度
+      lineColor: props.settingParams && props.settingParams.lineColor || "#ffffff",
+      // 视椎体边界线颜色
+      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
+    let headerTemp = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)();
+    let headerTempRef = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)();
+    // 国际化
+    let {
+      locale,
+      messages
+    } = (0,vue_i18n_cjs_js_.useI18n)();
+    let headerTempTitle = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)(null);
+    (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.watch)(() => locale.value, (newVal, oldVal) => {
+      language.value = messages.value[newVal]["webgl"];
+      headerTempTitle.value = language.value.sceneAdvancedToImageTitle;
+    });
+    (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.onMounted)(() => {
+      (0,util_.updatePosition)(boxRef.value, props);
+      (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.watch)(() => props.position, (newVal, oldVal) => {
+        (0,util_.updatePosition)(boxRef.value, props);
+      });
+      watchCreateHeaderTemp();
+      (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.watch)(() => props.showHeaderTemp, (newVal, oldVal) => {
+        watchCreateHeaderTemp();
+      });
+      currentLang.value = proxy.$i18n.locale; // 获取当前语言
+      gis_utils_.utils.getWebMap(null, scenceView => {
+        if (scenceView) {
+          // 初始化视图参数
+          viewModel = new SceneAdvancedToImageViewModel(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 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
+        }]),
+        ref_key: "boxRef",
+        ref: boxRef
+      }, [__props.showHeaderTemp ? ((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.openBlock)(), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createBlock)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.resolveDynamicComponent)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(headerTemp)), {
+        key: 0,
+        ref_key: "headerTempRef",
+        ref: headerTempRef
+      }, null, 512 /* NEED_PATCH */)) : (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.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 */
+      }), (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)(collapseValue)
+      }, {
+        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_collapse_item, {
+          class: "scene-content",
+          title: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(language).screenParameter,
+          name: "screenParameter"
+        }, {
+          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, {
+            "label-width": (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(currentLang) === 'zh' ? '90px' : '120px',
+            "label-position": "left"
+          }, {
+            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_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).height + '(m)'
+              }, {
+                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_row, {
+                  style: {
+                    "display": "flex"
+                  }
+                }, {
+                  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: 16
+                  }, {
+                    default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_slider, {
+                      modelValue: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).height,
+                      "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).height = $event),
+                      step: 1,
+                      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,
+                      onInput: _cache[1] || (_cache[1] = $event => paramsChanged('height'))
+                    }, null, 8 /* PROPS */, ["modelValue", "min", "max"])]),
+                    _: 1 /* STABLE */
+                  }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_col, {
+                    span: 8
+                  }, {
+                    default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_input_number, {
+                      modelValue: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).height,
+                      "onUpdate:modelValue": _cache[2] || (_cache[2] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).height = $event),
+                      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,
+                      step: 1,
+                      "controls-position": "right",
+                      onInput: _cache[3] || (_cache[3] = $event => paramsChanged('height'))
+                    }, null, 8 /* PROPS */, ["modelValue", "min", "max"])]),
+                    _: 1 /* STABLE */
+                  })]),
+                  _: 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
+              }, {
+                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_row, {
+                  style: {
+                    "display": "flex"
+                  }
+                }, {
+                  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: 16
+                  }, {
+                    default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_slider, {
+                      modelValue: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).heading,
+                      "onUpdate:modelValue": _cache[4] || (_cache[4] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).heading = $event),
+                      step: 1,
+                      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,
+                      onInput: _cache[5] || (_cache[5] = $event => paramsChanged('heading'))
+                    }, null, 8 /* PROPS */, ["modelValue", "min", "max"])]),
+                    _: 1 /* STABLE */
+                  }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_col, {
+                    span: 8
+                  }, {
+                    default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_input_number, {
+                      modelValue: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).heading,
+                      "onUpdate:modelValue": _cache[6] || (_cache[6] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).heading = $event),
+                      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,
+                      step: 1,
+                      "controls-position": "right",
+                      onInput: _cache[7] || (_cache[7] = $event => paramsChanged('screenHeight'))
+                    }, null, 8 /* PROPS */, ["modelValue", "min", "max"])]),
+                    _: 1 /* STABLE */
+                  })]),
+                  _: 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
+              }, {
+                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_row, {
+                  style: {
+                    "display": "flex"
+                  }
+                }, {
+                  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: 16
+                  }, {
+                    default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_slider, {
+                      modelValue: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).pitch,
+                      "onUpdate:modelValue": _cache[8] || (_cache[8] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).pitch = $event),
+                      step: 1,
+                      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,
+                      onInput: _cache[9] || (_cache[9] = $event => paramsChanged('pitch'))
+                    }, null, 8 /* PROPS */, ["modelValue", "min", "max"])]),
+                    _: 1 /* STABLE */
+                  }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_col, {
+                    span: 8
+                  }, {
+                    default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_input_number, {
+                      modelValue: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).pitch,
+                      "onUpdate:modelValue": _cache[10] || (_cache[10] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).pitch = $event),
+                      step: 1,
+                      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,
+                      "controls-position": "right",
+                      onInput: _cache[11] || (_cache[11] = $event => paramsChanged('pitch'))
+                    }, null, 8 /* PROPS */, ["modelValue", "min", "max"])]),
+                    _: 1 /* STABLE */
+                  })]),
+                  _: 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
+              }, {
+                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_row, {
+                  style: {
+                    "display": "flex"
+                  }
+                }, {
+                  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: 16
+                  }, {
+                    default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_slider, {
+                      modelValue: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).roll,
+                      "onUpdate:modelValue": _cache[12] || (_cache[12] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).roll = $event),
+                      step: 1,
+                      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,
+                      onInput: _cache[13] || (_cache[13] = $event => paramsChanged('roll'))
+                    }, null, 8 /* PROPS */, ["modelValue", "min", "max"])]),
+                    _: 1 /* STABLE */
+                  }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_col, {
+                    span: 8
+                  }, {
+                    default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_input_number, {
+                      modelValue: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).roll,
+                      "onUpdate:modelValue": _cache[14] || (_cache[14] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).roll = $event),
+                      step: 1,
+                      min: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).minRoll,
+                      max: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).maxRoll,
+                      "controls-position": "right",
+                      onInput: _cache[15] || (_cache[15] = $event => paramsChanged('roll'))
+                    }, null, 8 /* PROPS */, ["modelValue", "min", "max"])]),
+                    _: 1 /* STABLE */
+                  })]),
+                  _: 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
+              }, {
+                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_row, {
+                  style: {
+                    "display": "flex"
+                  }
+                }, {
+                  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: 16
+                  }, {
+                    default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_slider, {
+                      modelValue: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).leftRightAngle,
+                      "onUpdate:modelValue": _cache[16] || (_cache[16] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).leftRightAngle = $event),
+                      step: 1,
+                      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,
+                      onInput: _cache[17] || (_cache[17] = $event => paramsChanged('leftRightAngle'))
+                    }, null, 8 /* PROPS */, ["modelValue", "min", "max"])]),
+                    _: 1 /* STABLE */
+                  }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_col, {
+                    span: 8
+                  }, {
+                    default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_input_number, {
+                      modelValue: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).leftRightAngle,
+                      "onUpdate:modelValue": _cache[18] || (_cache[18] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).leftRightAngle = $event),
+                      step: 1,
+                      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,
+                      "controls-position": "right",
+                      onInput: _cache[19] || (_cache[19] = $event => paramsChanged('leftRightAngle'))
+                    }, null, 8 /* PROPS */, ["modelValue", "min", "max"])]),
+                    _: 1 /* STABLE */
+                  })]),
+                  _: 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
+              }, {
+                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_row, {
+                  style: {
+                    "display": "flex"
+                  }
+                }, {
+                  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: 16
+                  }, {
+                    default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_slider, {
+                      modelValue: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).frontAndRearAngle,
+                      "onUpdate:modelValue": _cache[20] || (_cache[20] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).frontAndRearAngle = $event),
+                      step: 1,
+                      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,
+                      onInput: _cache[21] || (_cache[21] = $event => paramsChanged('frontAndRearAngle'))
+                    }, null, 8 /* PROPS */, ["modelValue", "min", "max"])]),
+                    _: 1 /* STABLE */
+                  }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_col, {
+                    span: 8
+                  }, {
+                    default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_input_number, {
+                      modelValue: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).frontAndRearAngle,
+                      "onUpdate:modelValue": _cache[22] || (_cache[22] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).frontAndRearAngle = $event),
+                      step: 1,
+                      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,
+                      "controls-position": "right",
+                      onInput: _cache[23] || (_cache[23] = $event => paramsChanged('frontAndRearAngle'))
+                    }, null, 8 /* PROPS */, ["modelValue", "min", "max"])]),
+                    _: 1 /* STABLE */
+                  })]),
+                  _: 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, {
+          class: "kq3d-scene-advanced-to-image-collapse-item",
+          title: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(language).pictureSpecification,
+          name: "pictureSpecification"
+        }, {
+          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, {
+            "label-width": (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(currentLang) === 'zh' ? '90px' : '120px',
+            "label-position": "left"
+          }, {
+            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_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
+              }, {
+                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_row, {
+                  style: {
+                    "display": "flex"
+                  }
+                }, {
+                  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_select, {
+                    modelValue: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).imgFormat,
+                    "onUpdate:modelValue": _cache[24] || (_cache[24] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).imgFormat = $event),
+                    onChange: _cache[25] || (_cache[25] = $event => paramsChanged('imgFormat')),
+                    style: {
+                      "width": "100%"
+                    }
+                  }, {
+                    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_option, {
+                      label: "JPG",
+                      value: "jpg"
+                    }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_option, {
+                      label: "PNG",
+                      value: "png"
+                    }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_option, {
+                      label: "BMP",
+                      value: "bmp"
+                    }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_option, {
+                      label: "JPEG",
+                      value: "jpeg"
+                    })]),
+                    _: 1 /* STABLE */
+                  }, 8 /* PROPS */, ["modelValue"])]),
+                  _: 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, {
+        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, {
+        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 */);
+    };
+  }
+}));
+;// CONCATENATED MODULE: ./src/webgl/sceneadvancedtoimage/SceneAdvancedToImage.vue?vue&type=script&setup=true&lang=js
+ 
+;// CONCATENATED MODULE: ./src/webgl/sceneadvancedtoimage/SceneAdvancedToImage.vue
+
+
+
+const __exports__ = SceneAdvancedToImagevue_type_script_setup_true_lang_js;
+
+/* harmony default export */ var SceneAdvancedToImage = (__exports__);
+// EXTERNAL MODULE: external "@kq_npm/client_common_vue/init.js"
+var init_js_ = __webpack_require__(455);
+var init_js_default = /*#__PURE__*/__webpack_require__.n(init_js_);
+;// CONCATENATED MODULE: ./src/webgl/sceneadvancedtoimage/index.js
+
+
+
+SceneAdvancedToImage.install = (Vue, opts) => {
+  init_js_default()(Vue, opts);
+  Vue.component(SceneAdvancedToImage.name, SceneAdvancedToImage);
+};
+
+/******/ 	return __webpack_exports__;
+/******/ })()
+;
+});