@kq_npm/client3d_webgl_vue 4.5.31 → 4.5.32

package/scenetohdimage/index.js

@@ -20,7 +20,6 @@ return /******/ (function() { // webpackBootstrap
 /* harmony export */ });
 /* harmony import */ var _Users_zpc_Documents_KQGEOSpace_KQGISClientForVue_node_modules_babel_runtime_helpers_esm_defineProperty_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(8270);
 
-
 /*
  * Copyright (C) 2019 KQ GEO Technologies Co., Ltd.
  * All rights reserved.
@@ -33,13 +32,9 @@ class SceneToHDImageViewModel {
   // 输出图片区域
   constructor(scenceView, options) {
     (0,_Users_zpc_Documents_KQGEOSpace_KQGISClientForVue_node_modules_babel_runtime_helpers_esm_defineProperty_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .Z)(this, "_viewer", null);
-
     (0,_Users_zpc_Documents_KQGEOSpace_KQGISClientForVue_node_modules_babel_runtime_helpers_esm_defineProperty_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .Z)(this, "_options", null);
-
     (0,_Users_zpc_Documents_KQGEOSpace_KQGISClientForVue_node_modules_babel_runtime_helpers_esm_defineProperty_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .Z)(this, "_canvasToImage", null);
-
     (0,_Users_zpc_Documents_KQGEOSpace_KQGISClientForVue_node_modules_babel_runtime_helpers_esm_defineProperty_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .Z)(this, "_exportPictureRegion", null);
-
     this._viewer = scenceView._viewer;
     this._options = options;
     this._viewer.enabledFXAA = true;
@@ -47,55 +42,49 @@ class SceneToHDImageViewModel {
     this._exportPictureRegion.class = "export-picture-region";
     this._exportPictureRegion.id = "exportPictureRegion";
     document.getElementById(this._viewer._container.id).parentNode.insertBefore(this._exportPictureRegion, null);
-    document.getElementById(this._viewer._container.id).classList.add('scene-to-hd-image-viewer'); //声明场景出图类
-
+    document.getElementById(this._viewer._container.id).classList.add('scene-to-hd-image-viewer');
+    //声明场景出图类
     this._canvasToImage = new Cesium.Kq3dCanvasToImage(this._viewer._container.id, {
       viewer: this._viewer,
       canvas: this._viewer.scene.canvas
     });
     this.resizeExportRegionSize();
-  } // 重置输出图片尺寸
-
-
+  }
+  // 重置输出图片尺寸
   resizeExportRegionSize() {
     document.getElementById('exportPictureRegion').style.width = Number(this._options.imgWidth) * Number(this._options.pantographRatio) + 'px';
     document.getElementById('exportPictureRegion').style.height = Number(this._options.imgHeight) * Number(this._options.pantographRatio) + 'px';
-  } // 出图
-
-
+  }
+  // 出图
   sceneToImages() {
     var width = Number(this._options.imgWidth),
-        height = Number(this._options.imgHeight),
-        resolutionWidth = Number(this._options.screenWidth),
-        resolutionHeight = Number(this._options.screenHeight); //设置宽、高、图片类型
+      height = Number(this._options.imgHeight),
+      resolutionWidth = Number(this._options.screenWidth),
+      resolutionHeight = Number(this._options.screenHeight);
 
+    //设置宽、高、图片类型
     var options = {
       width: width,
       //图片宽度
       height: height,
       //图片高度
       type: this._options.imgFormat //图片类型
-
     };
-
     if (width == resolutionWidth && height == resolutionHeight) {
       this._canvasToImage.saveAsimages(this._viewer.scene.canvas, options);
     } else {
       this._viewer.render();
-
       var startX = (resolutionWidth - width) / 2,
-          startY = (resolutionHeight - height) / 2;
+        startY = (resolutionHeight - height) / 2;
       var canvas = document.createElement('canvas');
       canvas.width = width;
       canvas.height = height;
       var newCtx = canvas.getContext("2d");
       newCtx.drawImage(this._viewer.canvas, startX, startY, width, height, 0, 0, width, height);
-
       this._canvasToImage.saveAsimages(canvas, options);
     }
-  } // 重新设置场景尺寸
-
-
+  }
+  // 重新设置场景尺寸
   scaleCesiumContainer() {
     // var bWidth = document.getElementById(this._viewer._container.id).parentNode.clientWidth,
     //   bHeight = document.getElementById(this._viewer._container.id).parentNode.clientHeight;
@@ -105,29 +94,26 @@ class SceneToHDImageViewModel {
     //   hRatio = bHeight / height;
     // var scale = Math.min(wRatio, hRatio);
     document.getElementById(this._viewer._container.id).style.width = Number(this._options.screenWidth) + 'px';
-    document.getElementById(this._viewer._container.id).style.height = Number(this._options.screenHeight) + 'px'; // document.getElementById(this._viewer._container.id).style.transform = `translate(-50%,-50%) scale(${scale > 1 ? 1 : scale})`;
+    document.getElementById(this._viewer._container.id).style.height = Number(this._options.screenHeight) + 'px';
+    // document.getElementById(this._viewer._container.id).style.transform = `translate(-50%,-50%) scale(${scale > 1 ? 1 : scale})`;
     // this._options.pantographRatio = scale > 1 ? 1 : scale;
     // if (call) call(this._options.pantographRatio)
-  } // 切换显示区域
-
-
+  }
+  // 切换显示区域
   changeDisplayArea() {
     document.getElementById('exportPictureRegion').style.display = this._options.displayArea ? 'block' : 'none';
-  } // 调整出图范围尺寸
-
-
+  }
+  // 调整出图范围尺寸
   changPantographRatio() {
     this._viewer.container.style.transform = `translate(-50%,-50%) scale(${this._options.pantographRatio})`;
     this.resizeExportRegionSize();
-  } // 销毁
-
-
+  }
+  // 销毁
   destroy() {
     document.getElementById(this._viewer._container.id).classList.remove('scene-to-hd-image-viewer');
     document.getElementById(this._viewer._container.id).removeAttribute('style');
     document.getElementById('exportPictureRegion').remove();
   }
-
 }
 
 /***/ }),
@@ -191,7 +177,6 @@ function _defineProperty(obj, key, value) {
   } else {
     obj[key] = value;
   }
-
   return obj;
 }
 
@@ -317,7 +302,6 @@ const __default__ = {
       type: Boolean,
       default: true
     },
-
     /**
      * 例："center","topLeft","topRight","bottomLeft","bottomRight", "topCenter", "bottomCenter" {top:'16px',left:'16px'}, {top:16,left:16}
      */
@@ -347,7 +331,6 @@ const __default__ = {
       default: true
     }
   },
-
   setup(__props, {
     expose: __expose
   }) {
@@ -356,11 +339,14 @@ 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 = {}; // 参数
+    // 分析类
+    let viewModel = {};
 
+    // 参数
     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"),
       // 默认展开属性设置
@@ -385,14 +371,13 @@ const __default__ = {
       imgFormat: props.settingParams && props.settingParams.imgFormat || "jpg",
       // 图片类型
       pantographRatio: 1 // 缩放比
-
-    }); // 组件容器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
@@ -415,7 +400,6 @@ const __default__ = {
         });
       });
       currentLang.value = proxy.$i18n.locale; // 获取当前语言
-
       gis_utils_.utils.getWebMap(null, scenceView => {
         if (scenceView) {
           // 初始化视图参数
@@ -424,54 +408,46 @@ 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 toHDImageHander() {
       viewModel && viewModel.sceneToImages();
-    } // 参数改变
-
-
+    }
+    // 参数改变
     function paramsChanged(key) {
       if (!viewModel || !viewModel._options) return;
       viewModel._options[key] = formItem[key];
-
       switch (key) {
         case "displayArea":
           viewModel.changeDisplayArea();
           break;
-
         case "screenWidth":
         case "screenHeight":
           viewModel.scaleCesiumContainer();
           break;
-
         case "imgWidth":
         case "imgHeight":
           viewModel.resizeExportRegionSize();
           break;
-
         case "pantographRatio":
           viewModel.changPantographRatio();
           break;
-
         default:
           break;
       }
     }
-
     function intViewModelParams(id) {
       var bodyW = 1920,
-          bodyH = 1024;
+        bodyH = 1024;
       bodyW = document.getElementById(id).clientWidth;
       bodyH = document.getElementById(id).clientHeight;
       formItem.screenWidth = bodyW;
@@ -480,40 +456,26 @@ const __default__ = {
       formItem.maxScreenHeight = bodyH;
       formItem.imgWidth = parseInt(bodyW / 5 * 4);
       formItem.imgHeight = parseInt(bodyH / 5 * 4);
-    } // 销毁
-
+    }
 
+    // 销毁
     (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.onBeforeUnmount)(() => {
       viewModel && viewModel.destroy();
     });
-
     __expose({});
-
     return (_ctx, _cache) => {
       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_row = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.resolveComponent)("kq-row");
-
       const _component_kq_form_item = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.resolveComponent)("kq-form-item");
-
       const _component_kq_switch = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.resolveComponent)("kq-switch");
-
       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-to-hd-image", {
           'kq-box-shadow': __props.showShadow
@@ -524,9 +486,7 @@ const __default__ = {
         key: 0,
         ref_key: "headerTempRef",
         ref: headerTempRef
-      }, null, 512
-      /* NEED_PATCH */
-      )) : (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createCommentVNode)("v-if", true), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementVNode)("div", _hoisted_1, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_collapse, {
+      }, 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_collapse, {
         "model-value": (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).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, {
@@ -557,12 +517,8 @@ const __default__ = {
                       min: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).minScreenWidth,
                       max: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).maxScreenWidth,
                       onChange: _cache[1] || (_cache[1] = $event => paramsChanged('screenWidth'))
-                    }, 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
                   }, {
@@ -574,26 +530,14 @@ const __default__ = {
                       step: 1,
                       "controls-position": "right",
                       onChange: _cache[3] || (_cache[3] = $event => paramsChanged('screenWidth'))
-                    }, 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).screenHeight
@@ -613,12 +557,8 @@ const __default__ = {
                       min: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).minScreenHeight,
                       max: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).maxScreenHeight,
                       onChange: _cache[5] || (_cache[5] = $event => paramsChanged('screenHeight'))
-                    }, 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
                   }, {
@@ -630,26 +570,14 @@ 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).pantographRatio
@@ -669,12 +597,8 @@ const __default__ = {
                       min: 0.01,
                       max: 1,
                       onChange: _cache[9] || (_cache[9] = $event => paramsChanged('pantographRatio'))
-                    }, null, 8
-                    /* PROPS */
-                    , ["modelValue", "step", "min"])]),
-                    _: 1
-                    /* STABLE */
-
+                    }, null, 8 /* PROPS */, ["modelValue", "step", "min"])]),
+                    _: 1 /* STABLE */
                   }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_col, {
                     span: 8
                   }, {
@@ -686,26 +610,14 @@ const __default__ = {
                       max: 1,
                       "controls-position": "right",
                       onChange: _cache[11] || (_cache[11] = $event => paramsChanged('pantographRatio'))
-                    }, null, 8
-                    /* PROPS */
-                    , ["modelValue", "step", "min"])]),
-                    _: 1
-                    /* STABLE */
-
+                    }, null, 8 /* PROPS */, ["modelValue", "step", "min"])]),
+                    _: 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).displayArea
@@ -724,37 +636,19 @@ const __default__ = {
                       "onUpdate:modelValue": _cache[12] || (_cache[12] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).displayArea = $event),
                       "controls-position": "left",
                       onChange: _cache[13] || (_cache[13] = $event => paramsChanged('displayArea'))
-                    }, null, 8
-                    /* PROPS */
-                    , ["modelValue"])]),
-                    _: 1
-                    /* STABLE */
-
+                    }, null, 8 /* PROPS */, ["modelValue"])]),
+                    _: 1 /* STABLE */
                   })]),
-                  _: 1
-                  /* STABLE */
-
+                  _: 1 /* STABLE */
                 })]),
-                _: 1
-                /* STABLE */
-
-              }, 8
-              /* PROPS */
-              , ["label"])]),
-              _: 1
-              /* STABLE */
-
+                _: 1 /* STABLE */
+              }, 8 /* PROPS */, ["label"])]),
+              _: 1 /* STABLE */
             })]),
-            _: 1
-            /* STABLE */
-
+            _: 1 /* STABLE */
           })]),
-          _: 1
-          /* STABLE */
-
-        }, 8
-        /* PROPS */
-        , ["title"]), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_collapse_item, {
+          _: 1 /* STABLE */
+        }, 8 /* PROPS */, ["title"]), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_collapse_item, {
           class: "kq3d-scene-to-hd-image-collapse-item",
           title: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(language).pictureSpecification,
           name: "pictureSpecification"
@@ -793,25 +687,13 @@ 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 */
             }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_row, null, {
               default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_form_item, {
                 label: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(language).imgWidth + '(px)'
@@ -831,12 +713,8 @@ const __default__ = {
                       min: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).minImgWidth,
                       max: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).screenWidth,
                       onChange: _cache[17] || (_cache[17] = $event => paramsChanged('imgWidth'))
-                    }, 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
                   }, {
@@ -848,26 +726,14 @@ const __default__ = {
                       step: 1,
                       "controls-position": "right",
                       onChange: _cache[19] || (_cache[19] = $event => paramsChanged('imgWidth'))
-                    }, 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).imgHeight + '(px)'
@@ -887,12 +753,8 @@ const __default__ = {
                       min: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).minImgHeight,
                       max: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).screenHeight,
                       onChange: _cache[21] || (_cache[21] = $event => paramsChanged('imgHeight'))
-                    }, 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
                   }, {
@@ -904,61 +766,30 @@ const __default__ = {
                       step: 1,
                       "controls-position": "right",
                       onChange: _cache[23] || (_cache[23] = $event => paramsChanged('imgHeight'))
-                    }, 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 */
-
+            _: 1 /* STABLE */
           })]),
-          _: 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 */, ["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[24] || (_cache[24] = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withModifiers)($event => toHDImageHander(), ["stop"])),
         title: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(language).sceneToHDImageTips,
         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).sceneToHDImageTips), 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).sceneToHDImageTips), 1 /* TEXT */)]),
+        _: 1 /* STABLE */
+      }, 8 /* PROPS */, ["title"])])])], 2 /* CLASS */);
     };
   }
-
 }));
 ;// CONCATENATED MODULE: ./src/webgl/scenetohdimage/SceneToHDImage.vue?vue&type=script&setup=true&lang=js
  
@@ -980,13 +811,11 @@ var init_js_default = /*#__PURE__*/__webpack_require__.n(init_js_);
 
 
 
-
 SceneToHDImage.install = (Vue, opts) => {
   init_js_default()(Vue, opts);
   Vue.component(SceneToHDImage.name, SceneToHDImage);
 };
 
-
 }();
 /******/ 	return __webpack_exports__;
 /******/ })()