@kq_npm/client3d_webgl_vue 4.4.2 → 4.4.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/index.js +183 -101
  2. package/package.json +1 -1
  3. package/sceneset/index.js +7 -7
  4. package/scenetohdimage/index.js +173 -91
  5. package/scenetohdimage/style/scenetohdimage.css +1 -1
  6. package/sceneview/index.js +182 -100
  7. package/style.css +1 -1
package/sceneview/index.js CHANGED
@@ -25665,7 +25665,7 @@ ScanEffect.install = (Vue, opts) => {
25665
25665
 
25666
25666
  /***/ }),
25667
25667
 
25668
- /***/ 5802:
25668
+ /***/ 8661:
25669
25669
  /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
25670
25670
 
25671
25671
  "use strict";
@@ -27745,9 +27745,9 @@ const __default__ = {
27745
27745
  // EXTERNAL MODULE: ./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js
27746
27746
  var injectStylesIntoStyleTag = __webpack_require__(3379);
27747
27747
  var injectStylesIntoStyleTag_default = /*#__PURE__*/__webpack_require__.n(injectStylesIntoStyleTag);
27748
- // EXTERNAL MODULE: ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/vue-loader/dist/index.js??ruleSet[0]!./src/webgl/sceneset/SceneSet.vue?vue&type=style&index=0&id=75fa85b8&lang=scss
27749
- var SceneSetvue_type_style_index_0_id_75fa85b8_lang_scss = __webpack_require__(632);
27750
- ;// CONCATENATED MODULE: ./node_modules/style-loader/dist/cjs.js!./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/vue-loader/dist/index.js??ruleSet[0]!./src/webgl/sceneset/SceneSet.vue?vue&type=style&index=0&id=75fa85b8&lang=scss
27748
+ // EXTERNAL MODULE: ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/vue-loader/dist/index.js??ruleSet[0]!./src/webgl/sceneset/SceneSet.vue?vue&type=style&index=0&id=577e8e0e&lang=scss
27749
+ var SceneSetvue_type_style_index_0_id_577e8e0e_lang_scss = __webpack_require__(4355);
27750
+ ;// CONCATENATED MODULE: ./node_modules/style-loader/dist/cjs.js!./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/vue-loader/dist/index.js??ruleSet[0]!./src/webgl/sceneset/SceneSet.vue?vue&type=style&index=0&id=577e8e0e&lang=scss
27751
27751
 
27752
27752
 
27753
27753
 
@@ -27756,12 +27756,12 @@ var options = {};
27756
27756
  options.insert = "head";
27757
27757
  options.singleton = false;
27758
27758
 
27759
- var update = injectStylesIntoStyleTag_default()(SceneSetvue_type_style_index_0_id_75fa85b8_lang_scss/* default */.Z, options);
27759
+ var update = injectStylesIntoStyleTag_default()(SceneSetvue_type_style_index_0_id_577e8e0e_lang_scss/* default */.Z, options);
27760
27760
 
27761
27761
 
27762
27762
 
27763
- /* harmony default export */ var sceneset_SceneSetvue_type_style_index_0_id_75fa85b8_lang_scss = (SceneSetvue_type_style_index_0_id_75fa85b8_lang_scss/* default.locals */.Z.locals || {});
27764
- ;// CONCATENATED MODULE: ./src/webgl/sceneset/SceneSet.vue?vue&type=style&index=0&id=75fa85b8&lang=scss
27763
+ /* harmony default export */ var sceneset_SceneSetvue_type_style_index_0_id_577e8e0e_lang_scss = (SceneSetvue_type_style_index_0_id_577e8e0e_lang_scss/* default.locals */.Z.locals || {});
27764
+ ;// CONCATENATED MODULE: ./src/webgl/sceneset/SceneSet.vue?vue&type=style&index=0&id=577e8e0e&lang=scss
27765
27765
 
27766
27766
  ;// CONCATENATED MODULE: ./src/webgl/sceneset/SceneSet.vue
27767
27767
 
@@ -27804,7 +27804,6 @@ SceneSet.install = (Vue, opts) => {
27804
27804
  **/
27805
27805
  class SceneToHDImageViewModel {
27806
27806
  // 输出图片区域
27807
- // 缩放比
27808
27807
  constructor(viewer, options) {
27809
27808
  (0,_Users_zpc_Documents_KQGEOSpace_KQGISClientForVue_node_modules_babel_runtime_helpers_esm_defineProperty_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .Z)(this, "_viewer", null);
27810
27809
 
@@ -27814,42 +27813,40 @@ class SceneToHDImageViewModel {
27814
27813
 
27815
27814
  (0,_Users_zpc_Documents_KQGEOSpace_KQGISClientForVue_node_modules_babel_runtime_helpers_esm_defineProperty_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .Z)(this, "_exportPictureRegion", null);
27816
27815
 
27817
- (0,_Users_zpc_Documents_KQGEOSpace_KQGISClientForVue_node_modules_babel_runtime_helpers_esm_defineProperty_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .Z)(this, "_pantographRatio", null);
27818
-
27819
27816
  this._viewer = viewer;
27820
27817
  this._options = options;
27821
- this._viewer.enabledFXAA = true; // this._exportPictureRegion = document.createElement("div");
27822
- // this._exportPictureRegion.class = "export-picture-region";
27823
- // this._exportPictureRegion.id = "exportPictureRegion";
27824
- // this._tbSlider = document.createElement("div");
27825
- // this._tbSlider.class = "shutter-slider";
27826
- // this._tbSlider.id = "tbSlider";
27827
- // this._viewer.container.appendChild(this._lrSlider);
27828
- // this._viewer.container.appendChild(this._tbSlider);
27829
-
27830
- console.log(this._viewer._container.id); //声明场景出图类
27818
+ this._viewer.enabledFXAA = true;
27819
+ this._exportPictureRegion = document.createElement("div");
27820
+ this._exportPictureRegion.class = "export-picture-region";
27821
+ this._exportPictureRegion.id = "exportPictureRegion";
27822
+ document.getElementById(this._viewer._container.id).parentNode.insertBefore(this._exportPictureRegion, null);
27823
+ document.getElementById(this._viewer._container.id).classList.add('scene-to-hd-image-viewer'); //声明场景出图类
27831
27824
 
27832
27825
  this._canvasToImage = new Cesium.Kq3dCanvasToImage(this._viewer._container.id, {
27833
27826
  viewer: this._viewer,
27834
27827
  canvas: this._viewer.scene.canvas
27835
27828
  });
27829
+ this.resizeExportRegionSize();
27836
27830
  }
27837
27831
 
27838
- resizeExportRegionSize() {} // 出图
27832
+ resizeExportRegionSize() {
27833
+ document.getElementById('exportPictureRegion').style.width = Number(this._options.imgWidth) * Number(this._options.pantographRatio) + 'px';
27834
+ document.getElementById('exportPictureRegion').style.height = Number(this._options.imgHeight) * Number(this._options.pantographRatio) + 'px';
27835
+ } // 出图
27839
27836
 
27840
27837
 
27841
27838
  sceneToImages() {
27842
- var width = Number(this._options.width),
27843
- height = Number(this._options.height),
27844
- resolutionWidth = Number(this._options.resolutionWidth),
27845
- resolutionHeight = Number(this._options.resolutionHeight); //设置宽、高、图片类型
27839
+ var width = Number(this._options.imgWidth),
27840
+ height = Number(this._options.imgHeight),
27841
+ resolutionWidth = Number(this._options.screenWidth),
27842
+ resolutionHeight = Number(this._options.screenHeight); //设置宽、高、图片类型
27846
27843
 
27847
27844
  var options = {
27848
27845
  width: width,
27849
27846
  //图片宽度
27850
27847
  height: height,
27851
27848
  //图片高度
27852
- type: this._options.type //图片类型
27849
+ type: this._options.imgFormat //图片类型
27853
27850
 
27854
27851
  };
27855
27852
 
@@ -27858,8 +27855,6 @@ class SceneToHDImageViewModel {
27858
27855
  } else {
27859
27856
  this._viewer.render();
27860
27857
 
27861
- var ctx = this._viewer.scene.canvas.getContext("2d");
27862
-
27863
27858
  var startX = (resolutionWidth - width) / 2,
27864
27859
  startY = (resolutionHeight - height) / 2;
27865
27860
  var canvas = document.createElement('canvas');
@@ -27873,38 +27868,35 @@ class SceneToHDImageViewModel {
27873
27868
  }
27874
27869
 
27875
27870
  scaleCesiumContainer() {
27876
- var bWidth = $('body').width(),
27877
- bHeight = $('body').height();
27878
- var width = Number(this._options.resolutionWidth),
27879
- height = Number(this._options.resolutionHeight);
27880
- var wRatio = bWidth / width,
27881
- hRatio = bHeight / height; // if (wRatio < 1 || hRatio < 1) {
27882
-
27883
- var scale = Math.min(wRatio, hRatio);
27884
- $('#cesiumContainer').css('width', width + 'px').css('height', height + 'px').css('transform', `translate(-50%,-50%) scale(${scale > 1 ? 1 : scale})`);
27885
- this._options.scale = scale > 1 ? 1 : scale;
27886
- } //将值转换成4的倍数
27887
-
27888
-
27889
- convertValueTo4Times(value) {
27890
- if (Math.abs(value % 4) > 0.000001) {
27891
- if (Math.abs(value % 4) > 1.5) {
27892
- value = 4 * (parseInt(value / 4) + 1);
27893
- } else {
27894
- value = 4 * parseInt(value / 4);
27895
- }
27896
- }
27897
-
27898
- return value || 4;
27899
- } // 参数切换
27900
-
27871
+ // var bWidth = document.getElementById(this._viewer._container.id).parentNode.clientWidth,
27872
+ // bHeight = document.getElementById(this._viewer._container.id).parentNode.clientHeight;
27873
+ // var width = Number(this._options.screenWidth),
27874
+ // height = Number(this._options.screenHeight);
27875
+ // var wRatio = bWidth / width,
27876
+ // hRatio = bHeight / height;
27877
+ // var scale = Math.min(wRatio, hRatio);
27878
+ document.getElementById(this._viewer._container.id).style.width = Number(this._options.screenWidth) + 'px';
27879
+ 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})`;
27880
+ // this._options.pantographRatio = scale > 1 ? 1 : scale;
27881
+ // if (call) call(this._options.pantographRatio)
27882
+ } // 切换显示区域
27883
+
27884
+
27885
+ changeDisplayArea() {
27886
+ document.getElementById('exportPictureRegion').style.display = this._options.displayArea ? 'block' : 'none';
27887
+ }
27901
27888
 
27902
- paramsChanged(key, val) {
27903
- this._options[key] = val;
27889
+ changPantographRatio() {
27890
+ this._viewer.container.style.transform = `translate(-50%,-50%) scale(${this._options.pantographRatio})`;
27891
+ this.resizeExportRegionSize();
27904
27892
  } // 销毁
27905
27893
 
27906
27894
 
27907
- destroy() {}
27895
+ destroy() {
27896
+ document.getElementById(this._viewer._container.id).classList.remove('scene-to-hd-image-viewer');
27897
+ document.getElementById(this._viewer._container.id).removeAttribute('style');
27898
+ document.getElementById('exportPictureRegion').remove();
27899
+ }
27908
27900
 
27909
27901
  }
27910
27902
 
@@ -28005,36 +27997,30 @@ const __default__ = {
28005
27997
  let collapseValue = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)("screenParameter"); // 获取组件传参
28006
27998
  // 分析类
28007
27999
 
28008
- let viewModel = null; // 参数
28000
+ let viewModel = {}; // 参数
28009
28001
 
28010
28002
  let formItem = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.reactive)({
28011
- screenWidth: props.settingParams && props.settingParams.screenWidth || 100,
28003
+ screenWidth: 100,
28012
28004
  // 屏幕宽度
28013
- minScreenWidth: props.settingParams && props.settingParams.minScreenWidth || 0,
28005
+ minScreenWidth: 0,
28014
28006
  // 屏幕宽度最小值
28015
- maxScreenWidth: props.settingParams && props.settingParams.maxScreenWidth || 1920,
28007
+ maxScreenWidth: 1920,
28016
28008
  // 屏幕宽度最大值
28017
- screenHeight: props.settingParams && props.settingParams.screenHeight || 100,
28009
+ screenHeight: 100,
28018
28010
  // 屏幕宽度
28019
- minScreenHeight: props.settingParams && props.settingParams.minScreenHeight || 0,
28011
+ minScreenHeight: 0,
28020
28012
  // 屏幕宽度最小值
28021
- maxScreenHeight: props.settingParams && props.settingParams.maxScreenHeight || 900,
28013
+ maxScreenHeight: 900,
28022
28014
  // 屏幕宽度最大值
28023
28015
  displayArea: props.settingParams && props.settingParams.displayArea || true,
28024
28016
  // 是否显示区域
28025
- imgWidth: props.settingParams && props.settingParams.imgWidth || 100,
28017
+ imgWidth: 100,
28026
28018
  // 图片宽度
28027
- minImgWidth: props.settingParams && props.settingParams.minImgWidth || 0,
28028
- // 图片宽度最小值
28029
- maxImgWidth: props.settingParams && props.settingParams.maxImgWidth || 1920,
28030
- // 图片宽度最大值
28031
- imgHeight: props.settingParams && props.settingParams.imgHeight || 100,
28019
+ imgHeight: 100,
28032
28020
  // 图片高度
28033
- minImgHeight: props.settingParams && props.settingParams.minImgHeight || 0,
28034
- // 图片高度最小值
28035
- maxImgHeight: props.settingParams && props.settingParams.maxImgHeight || 900,
28036
- // 图片高度最大值
28037
- imgFormat: props.settingParams && props.settingParams.imgFormat || "jpg" // 图片类型
28021
+ imgFormat: props.settingParams && props.settingParams.imgFormat || "jpg",
28022
+ // 图片类型
28023
+ pantographRatio: 1 // 缩放比
28038
28024
 
28039
28025
  }); // 组件容器Ref
28040
28026
 
@@ -28065,6 +28051,8 @@ const __default__ = {
28065
28051
 
28066
28052
  gis_utils_.utils.getWebMap(null, scenceView => {
28067
28053
  if (scenceView) {
28054
+ // 初始化视图参数
28055
+ intViewModelParams(scenceView._viewer._container.id);
28068
28056
  viewModel = new SceneToHDImageViewModel/* default */.Z(scenceView._viewer, formItem);
28069
28057
  }
28070
28058
  });
@@ -28087,7 +28075,44 @@ const __default__ = {
28087
28075
 
28088
28076
 
28089
28077
  function paramsChanged(key) {
28090
- viewModel && viewModel.paramsChanged(key, formItem[key]);
28078
+ if (!viewModel || !viewModel._options) return;
28079
+ viewModel._options[key] = formItem[key];
28080
+
28081
+ switch (key) {
28082
+ case "displayArea":
28083
+ viewModel.changeDisplayArea();
28084
+ break;
28085
+
28086
+ case "screenWidth":
28087
+ case "screenHeight":
28088
+ viewModel.scaleCesiumContainer();
28089
+ break;
28090
+
28091
+ case "imgWidth":
28092
+ case "imgHeight":
28093
+ viewModel.resizeExportRegionSize();
28094
+ break;
28095
+
28096
+ case "pantographRatio":
28097
+ viewModel.changPantographRatio();
28098
+ break;
28099
+
28100
+ default:
28101
+ break;
28102
+ }
28103
+ }
28104
+
28105
+ function intViewModelParams(id) {
28106
+ var bodyW = 1920,
28107
+ bodyH = 1024;
28108
+ bodyW = document.getElementById(id).clientWidth;
28109
+ bodyH = document.getElementById(id).clientHeight;
28110
+ formItem.screenWidth = bodyW;
28111
+ formItem.screenHeight = bodyH;
28112
+ formItem.maxScreenWidth = bodyW;
28113
+ formItem.maxScreenHeight = bodyH;
28114
+ formItem.imgWidth = parseInt(bodyW / 5 * 4);
28115
+ formItem.imgHeight = parseInt(bodyH / 5 * 4);
28091
28116
  } // 销毁
28092
28117
 
28093
28118
 
@@ -28161,7 +28186,7 @@ const __default__ = {
28161
28186
  "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).screenWidth = $event),
28162
28187
  step: 1,
28163
28188
  min: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).minScreenWidth,
28164
- max: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).maxScreenHeight,
28189
+ max: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).maxScreenWidth,
28165
28190
  onInput: _cache[1] || (_cache[1] = $event => paramsChanged('screenWidth'))
28166
28191
  }, null, 8
28167
28192
  /* PROPS */
@@ -28179,7 +28204,8 @@ const __default__ = {
28179
28204
  max: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).maxScreenWidth,
28180
28205
  step: 1,
28181
28206
  "controls-position": "right",
28182
- onInput: _cache[3] || (_cache[3] = $event => paramsChanged('screenWidth'))
28207
+ onBlur: _cache[3] || (_cache[3] = $event => paramsChanged('screenWidth', 'a')),
28208
+ onInput: _cache[4] || (_cache[4] = $event => paramsChanged('screenWidth', 'b'))
28183
28209
  }, null, 8
28184
28210
  /* PROPS */
28185
28211
  , ["modelValue", "min", "max"])]),
@@ -28214,11 +28240,11 @@ const __default__ = {
28214
28240
  }, {
28215
28241
  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, {
28216
28242
  modelValue: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).screenHeight,
28217
- "onUpdate:modelValue": _cache[4] || (_cache[4] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).screenHeight = $event),
28243
+ "onUpdate:modelValue": _cache[5] || (_cache[5] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).screenHeight = $event),
28218
28244
  step: 1,
28219
28245
  min: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).minScreenHeight,
28220
28246
  max: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).maxScreenHeight,
28221
- onInput: _cache[5] || (_cache[5] = $event => paramsChanged('screenHeight'))
28247
+ onInput: _cache[6] || (_cache[6] = $event => paramsChanged('screenHeight'))
28222
28248
  }, null, 8
28223
28249
  /* PROPS */
28224
28250
  , ["modelValue", "min", "max"])]),
@@ -28230,12 +28256,12 @@ const __default__ = {
28230
28256
  }, {
28231
28257
  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, {
28232
28258
  modelValue: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).screenHeight,
28233
- "onUpdate:modelValue": _cache[6] || (_cache[6] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).screenHeight = $event),
28259
+ "onUpdate:modelValue": _cache[7] || (_cache[7] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).screenHeight = $event),
28234
28260
  min: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).minScreenHeight,
28235
28261
  max: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).maxScreenHeight,
28236
28262
  step: 1,
28237
28263
  "controls-position": "right",
28238
- onInput: _cache[7] || (_cache[7] = $event => paramsChanged('screenHeight'))
28264
+ onInput: _cache[8] || (_cache[8] = $event => paramsChanged('screenHeight'))
28239
28265
  }, null, 8
28240
28266
  /* PROPS */
28241
28267
  , ["modelValue", "min", "max"])]),
@@ -28256,6 +28282,62 @@ const __default__ = {
28256
28282
  _: 1
28257
28283
  /* STABLE */
28258
28284
 
28285
+ }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_row, null, {
28286
+ 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, {
28287
+ label: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(language).pantographRatio
28288
+ }, {
28289
+ 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, {
28290
+ style: {
28291
+ "display": "flex"
28292
+ }
28293
+ }, {
28294
+ 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, {
28295
+ span: 16
28296
+ }, {
28297
+ 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, {
28298
+ modelValue: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).pantographRatio,
28299
+ "onUpdate:modelValue": _cache[9] || (_cache[9] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).pantographRatio = $event),
28300
+ step: 0.01,
28301
+ min: 0.01,
28302
+ max: 1,
28303
+ onInput: _cache[10] || (_cache[10] = $event => paramsChanged('pantographRatio'))
28304
+ }, null, 8
28305
+ /* PROPS */
28306
+ , ["modelValue", "step", "min"])]),
28307
+ _: 1
28308
+ /* STABLE */
28309
+
28310
+ }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_col, {
28311
+ span: 8
28312
+ }, {
28313
+ 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, {
28314
+ modelValue: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).pantographRatio,
28315
+ "onUpdate:modelValue": _cache[11] || (_cache[11] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).pantographRatio = $event),
28316
+ step: 0.01,
28317
+ min: 0.01,
28318
+ max: 1,
28319
+ "controls-position": "right",
28320
+ onInput: _cache[12] || (_cache[12] = $event => paramsChanged('pantographRatio'))
28321
+ }, null, 8
28322
+ /* PROPS */
28323
+ , ["modelValue", "step", "min"])]),
28324
+ _: 1
28325
+ /* STABLE */
28326
+
28327
+ })]),
28328
+ _: 1
28329
+ /* STABLE */
28330
+
28331
+ })]),
28332
+ _: 1
28333
+ /* STABLE */
28334
+
28335
+ }, 8
28336
+ /* PROPS */
28337
+ , ["label"])]),
28338
+ _: 1
28339
+ /* STABLE */
28340
+
28259
28341
  }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_row, null, {
28260
28342
  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, {
28261
28343
  label: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(language).displayArea
@@ -28271,9 +28353,9 @@ const __default__ = {
28271
28353
  }, {
28272
28354
  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_switch, {
28273
28355
  modelValue: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).displayArea,
28274
- "onUpdate:modelValue": _cache[8] || (_cache[8] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).displayArea = $event),
28356
+ "onUpdate:modelValue": _cache[13] || (_cache[13] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).displayArea = $event),
28275
28357
  "controls-position": "left",
28276
- onChange: _cache[9] || (_cache[9] = $event => paramsChanged('displayArea'))
28358
+ onChange: _cache[14] || (_cache[14] = $event => paramsChanged('displayArea'))
28277
28359
  }, null, 8
28278
28360
  /* PROPS */
28279
28361
  , ["modelValue"])]),
@@ -28324,8 +28406,8 @@ const __default__ = {
28324
28406
  }, {
28325
28407
  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, {
28326
28408
  modelValue: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).imgFormat,
28327
- "onUpdate:modelValue": _cache[10] || (_cache[10] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).imgFormat = $event),
28328
- onChange: _cache[11] || (_cache[11] = $event => paramsChanged('imgFormat')),
28409
+ "onUpdate:modelValue": _cache[15] || (_cache[15] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).imgFormat = $event),
28410
+ onChange: _cache[16] || (_cache[16] = $event => paramsChanged('imgFormat')),
28329
28411
  style: {
28330
28412
  "width": "100%"
28331
28413
  }
@@ -28376,11 +28458,11 @@ const __default__ = {
28376
28458
  }, {
28377
28459
  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, {
28378
28460
  modelValue: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).imgWidth,
28379
- "onUpdate:modelValue": _cache[12] || (_cache[12] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).imgWidth = $event),
28461
+ "onUpdate:modelValue": _cache[17] || (_cache[17] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).imgWidth = $event),
28380
28462
  step: 1,
28381
28463
  min: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).minImgWidth,
28382
- max: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).maxImgWidth,
28383
- onInput: _cache[13] || (_cache[13] = $event => paramsChanged('imgWidth'))
28464
+ max: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).screenWidth,
28465
+ onInput: _cache[18] || (_cache[18] = $event => paramsChanged('imgWidth'))
28384
28466
  }, null, 8
28385
28467
  /* PROPS */
28386
28468
  , ["modelValue", "min", "max"])]),
@@ -28392,12 +28474,12 @@ const __default__ = {
28392
28474
  }, {
28393
28475
  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, {
28394
28476
  modelValue: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).imgWidth,
28395
- "onUpdate:modelValue": _cache[14] || (_cache[14] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).imgWidth = $event),
28477
+ "onUpdate:modelValue": _cache[19] || (_cache[19] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).imgWidth = $event),
28396
28478
  min: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).minImgWidth,
28397
- max: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).maxImgWidth,
28479
+ max: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).screenWidth,
28398
28480
  step: 1,
28399
28481
  "controls-position": "right",
28400
- onInput: _cache[15] || (_cache[15] = $event => paramsChanged('imgWidth'))
28482
+ onInput: _cache[20] || (_cache[20] = $event => paramsChanged('imgWidth'))
28401
28483
  }, null, 8
28402
28484
  /* PROPS */
28403
28485
  , ["modelValue", "min", "max"])]),
@@ -28432,11 +28514,11 @@ const __default__ = {
28432
28514
  }, {
28433
28515
  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, {
28434
28516
  modelValue: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).imgHeight,
28435
- "onUpdate:modelValue": _cache[16] || (_cache[16] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).imgHeight = $event),
28517
+ "onUpdate:modelValue": _cache[21] || (_cache[21] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).imgHeight = $event),
28436
28518
  step: 1,
28437
28519
  min: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).minImgHeight,
28438
- max: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).maxImgHeight,
28439
- onInput: _cache[17] || (_cache[17] = $event => paramsChanged('imgHeight'))
28520
+ max: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).screenHeight,
28521
+ onInput: _cache[22] || (_cache[22] = $event => paramsChanged('imgHeight'))
28440
28522
  }, null, 8
28441
28523
  /* PROPS */
28442
28524
  , ["modelValue", "min", "max"])]),
@@ -28448,12 +28530,12 @@ const __default__ = {
28448
28530
  }, {
28449
28531
  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, {
28450
28532
  modelValue: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).imgHeight,
28451
- "onUpdate:modelValue": _cache[18] || (_cache[18] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).imgHeight = $event),
28533
+ "onUpdate:modelValue": _cache[23] || (_cache[23] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).imgHeight = $event),
28452
28534
  min: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).minImgHeight,
28453
- max: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).maxImgHeight,
28535
+ max: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).screenHeight,
28454
28536
  step: 1,
28455
28537
  "controls-position": "right",
28456
- onInput: _cache[19] || (_cache[19] = $event => paramsChanged('imgHeight'))
28538
+ onInput: _cache[24] || (_cache[24] = $event => paramsChanged('imgHeight'))
28457
28539
  }, null, 8
28458
28540
  /* PROPS */
28459
28541
  , ["modelValue", "min", "max"])]),
@@ -28491,7 +28573,7 @@ const __default__ = {
28491
28573
  }, 8
28492
28574
  /* PROPS */
28493
28575
  , ["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, {
28494
- onClick: _cache[20] || (_cache[20] = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withModifiers)($event => toHDImageHander(), ["stop"])),
28576
+ onClick: _cache[25] || (_cache[25] = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withModifiers)($event => toHDImageHander(), ["stop"])),
28495
28577
  title: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(language).sceneToHDImageTips,
28496
28578
  type: "primary"
28497
28579
  }, {
@@ -40573,7 +40655,7 @@ ___CSS_LOADER_EXPORT___.push([module.id, ".coord-sightline{background:rgba(42,42
40573
40655
 
40574
40656
  /***/ }),
40575
40657
 
40576
- /***/ 632:
40658
+ /***/ 4355:
40577
40659
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
40578
40660
 
40579
40661
  "use strict";
@@ -41194,7 +41276,7 @@ var videoproject = __webpack_require__(7413);
41194
41276
  // EXTERNAL MODULE: ./src/webgl/videofusion/index.js + 3 modules
41195
41277
  var videofusion = __webpack_require__(7942);
41196
41278
  // EXTERNAL MODULE: ./src/webgl/sceneset/index.js + 7 modules
41197
- var sceneset = __webpack_require__(5802);
41279
+ var sceneset = __webpack_require__(8661);
41198
41280
  // EXTERNAL MODULE: ./src/webgl/light/index.js + 3 modules
41199
41281
  var light = __webpack_require__(9001);
41200
41282
  // EXTERNAL MODULE: ./src/webgl/geologicalbodyanalysis/index.js + 4 modules