@kq_npm/client3d_webgl_vue 4.4.3 → 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/index.js CHANGED
@@ -434,7 +434,7 @@ ___CSS_LOADER_EXPORT___.push([module.id, ".coord-sightline{background:rgba(42,42
434
434
 
435
435
  /***/ }),
436
436
 
437
- /***/ 632:
437
+ /***/ 355:
438
438
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
439
439
 
440
440
  "use strict";
@@ -13411,7 +13411,6 @@ TerrainProfileAnalysis.install = (Vue, opts) => {
13411
13411
  **/
13412
13412
  class SceneToHDImageViewModel {
13413
13413
  // 输出图片区域
13414
- // 缩放比
13415
13414
  constructor(viewer, options) {
13416
13415
  _defineProperty(this, "_viewer", null);
13417
13416
 
@@ -13421,42 +13420,40 @@ class SceneToHDImageViewModel {
13421
13420
 
13422
13421
  _defineProperty(this, "_exportPictureRegion", null);
13423
13422
 
13424
- _defineProperty(this, "_pantographRatio", null);
13425
-
13426
13423
  this._viewer = viewer;
13427
13424
  this._options = options;
13428
- this._viewer.enabledFXAA = true; // this._exportPictureRegion = document.createElement("div");
13429
- // this._exportPictureRegion.class = "export-picture-region";
13430
- // this._exportPictureRegion.id = "exportPictureRegion";
13431
- // this._tbSlider = document.createElement("div");
13432
- // this._tbSlider.class = "shutter-slider";
13433
- // this._tbSlider.id = "tbSlider";
13434
- // this._viewer.container.appendChild(this._lrSlider);
13435
- // this._viewer.container.appendChild(this._tbSlider);
13436
-
13437
- console.log(this._viewer._container.id); //声明场景出图类
13425
+ this._viewer.enabledFXAA = true;
13426
+ this._exportPictureRegion = document.createElement("div");
13427
+ this._exportPictureRegion.class = "export-picture-region";
13428
+ this._exportPictureRegion.id = "exportPictureRegion";
13429
+ document.getElementById(this._viewer._container.id).parentNode.insertBefore(this._exportPictureRegion, null);
13430
+ document.getElementById(this._viewer._container.id).classList.add('scene-to-hd-image-viewer'); //声明场景出图类
13438
13431
 
13439
13432
  this._canvasToImage = new Cesium.Kq3dCanvasToImage(this._viewer._container.id, {
13440
13433
  viewer: this._viewer,
13441
13434
  canvas: this._viewer.scene.canvas
13442
13435
  });
13436
+ this.resizeExportRegionSize();
13443
13437
  }
13444
13438
 
13445
- resizeExportRegionSize() {} // 出图
13439
+ resizeExportRegionSize() {
13440
+ document.getElementById('exportPictureRegion').style.width = Number(this._options.imgWidth) * Number(this._options.pantographRatio) + 'px';
13441
+ document.getElementById('exportPictureRegion').style.height = Number(this._options.imgHeight) * Number(this._options.pantographRatio) + 'px';
13442
+ } // 出图
13446
13443
 
13447
13444
 
13448
13445
  sceneToImages() {
13449
- var width = Number(this._options.width),
13450
- height = Number(this._options.height),
13451
- resolutionWidth = Number(this._options.resolutionWidth),
13452
- resolutionHeight = Number(this._options.resolutionHeight); //设置宽、高、图片类型
13446
+ var width = Number(this._options.imgWidth),
13447
+ height = Number(this._options.imgHeight),
13448
+ resolutionWidth = Number(this._options.screenWidth),
13449
+ resolutionHeight = Number(this._options.screenHeight); //设置宽、高、图片类型
13453
13450
 
13454
13451
  var options = {
13455
13452
  width: width,
13456
13453
  //图片宽度
13457
13454
  height: height,
13458
13455
  //图片高度
13459
- type: this._options.type //图片类型
13456
+ type: this._options.imgFormat //图片类型
13460
13457
 
13461
13458
  };
13462
13459
 
@@ -13465,8 +13462,6 @@ class SceneToHDImageViewModel {
13465
13462
  } else {
13466
13463
  this._viewer.render();
13467
13464
 
13468
- var ctx = this._viewer.scene.canvas.getContext("2d");
13469
-
13470
13465
  var startX = (resolutionWidth - width) / 2,
13471
13466
  startY = (resolutionHeight - height) / 2;
13472
13467
  var canvas = document.createElement('canvas');
@@ -13480,38 +13475,35 @@ class SceneToHDImageViewModel {
13480
13475
  }
13481
13476
 
13482
13477
  scaleCesiumContainer() {
13483
- var bWidth = $('body').width(),
13484
- bHeight = $('body').height();
13485
- var width = Number(this._options.resolutionWidth),
13486
- height = Number(this._options.resolutionHeight);
13487
- var wRatio = bWidth / width,
13488
- hRatio = bHeight / height; // if (wRatio < 1 || hRatio < 1) {
13489
-
13490
- var scale = Math.min(wRatio, hRatio);
13491
- $('#cesiumContainer').css('width', width + 'px').css('height', height + 'px').css('transform', `translate(-50%,-50%) scale(${scale > 1 ? 1 : scale})`);
13492
- this._options.scale = scale > 1 ? 1 : scale;
13493
- } //将值转换成4的倍数
13494
-
13495
-
13496
- convertValueTo4Times(value) {
13497
- if (Math.abs(value % 4) > 0.000001) {
13498
- if (Math.abs(value % 4) > 1.5) {
13499
- value = 4 * (parseInt(value / 4) + 1);
13500
- } else {
13501
- value = 4 * parseInt(value / 4);
13502
- }
13503
- }
13504
-
13505
- return value || 4;
13506
- } // 参数切换
13507
-
13478
+ // var bWidth = document.getElementById(this._viewer._container.id).parentNode.clientWidth,
13479
+ // bHeight = document.getElementById(this._viewer._container.id).parentNode.clientHeight;
13480
+ // var width = Number(this._options.screenWidth),
13481
+ // height = Number(this._options.screenHeight);
13482
+ // var wRatio = bWidth / width,
13483
+ // hRatio = bHeight / height;
13484
+ // var scale = Math.min(wRatio, hRatio);
13485
+ document.getElementById(this._viewer._container.id).style.width = Number(this._options.screenWidth) + 'px';
13486
+ 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})`;
13487
+ // this._options.pantographRatio = scale > 1 ? 1 : scale;
13488
+ // if (call) call(this._options.pantographRatio)
13489
+ } // 切换显示区域
13490
+
13491
+
13492
+ changeDisplayArea() {
13493
+ document.getElementById('exportPictureRegion').style.display = this._options.displayArea ? 'block' : 'none';
13494
+ }
13508
13495
 
13509
- paramsChanged(key, val) {
13510
- this._options[key] = val;
13496
+ changPantographRatio() {
13497
+ this._viewer.container.style.transform = `translate(-50%,-50%) scale(${this._options.pantographRatio})`;
13498
+ this.resizeExportRegionSize();
13511
13499
  } // 销毁
13512
13500
 
13513
13501
 
13514
- destroy() {}
13502
+ destroy() {
13503
+ document.getElementById(this._viewer._container.id).classList.remove('scene-to-hd-image-viewer');
13504
+ document.getElementById(this._viewer._container.id).removeAttribute('style');
13505
+ document.getElementById('exportPictureRegion').remove();
13506
+ }
13515
13507
 
13516
13508
  }
13517
13509
  ;// CONCATENATED MODULE: ./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/dist/index.js??ruleSet[0]!./src/webgl/scenetohdimage/SceneToHDImage.vue?vue&type=script&setup=true&lang=js
@@ -13585,36 +13577,30 @@ const SceneToHDImagevue_type_script_setup_true_lang_js_default_ = {
13585
13577
  let collapseValue = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)("screenParameter"); // 获取组件传参
13586
13578
  // 分析类
13587
13579
 
13588
- let viewModel = null; // 参数
13580
+ let viewModel = {}; // 参数
13589
13581
 
13590
13582
  let formItem = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.reactive)({
13591
- screenWidth: props.settingParams && props.settingParams.screenWidth || 100,
13583
+ screenWidth: 100,
13592
13584
  // 屏幕宽度
13593
- minScreenWidth: props.settingParams && props.settingParams.minScreenWidth || 0,
13585
+ minScreenWidth: 0,
13594
13586
  // 屏幕宽度最小值
13595
- maxScreenWidth: props.settingParams && props.settingParams.maxScreenWidth || 1920,
13587
+ maxScreenWidth: 1920,
13596
13588
  // 屏幕宽度最大值
13597
- screenHeight: props.settingParams && props.settingParams.screenHeight || 100,
13589
+ screenHeight: 100,
13598
13590
  // 屏幕宽度
13599
- minScreenHeight: props.settingParams && props.settingParams.minScreenHeight || 0,
13591
+ minScreenHeight: 0,
13600
13592
  // 屏幕宽度最小值
13601
- maxScreenHeight: props.settingParams && props.settingParams.maxScreenHeight || 900,
13593
+ maxScreenHeight: 900,
13602
13594
  // 屏幕宽度最大值
13603
13595
  displayArea: props.settingParams && props.settingParams.displayArea || true,
13604
13596
  // 是否显示区域
13605
- imgWidth: props.settingParams && props.settingParams.imgWidth || 100,
13597
+ imgWidth: 100,
13606
13598
  // 图片宽度
13607
- minImgWidth: props.settingParams && props.settingParams.minImgWidth || 0,
13608
- // 图片宽度最小值
13609
- maxImgWidth: props.settingParams && props.settingParams.maxImgWidth || 1920,
13610
- // 图片宽度最大值
13611
- imgHeight: props.settingParams && props.settingParams.imgHeight || 100,
13599
+ imgHeight: 100,
13612
13600
  // 图片高度
13613
- minImgHeight: props.settingParams && props.settingParams.minImgHeight || 0,
13614
- // 图片高度最小值
13615
- maxImgHeight: props.settingParams && props.settingParams.maxImgHeight || 900,
13616
- // 图片高度最大值
13617
- imgFormat: props.settingParams && props.settingParams.imgFormat || "jpg" // 图片类型
13601
+ imgFormat: props.settingParams && props.settingParams.imgFormat || "jpg",
13602
+ // 图片类型
13603
+ pantographRatio: 1 // 缩放比
13618
13604
 
13619
13605
  }); // 组件容器Ref
13620
13606
 
@@ -13645,6 +13631,8 @@ const SceneToHDImagevue_type_script_setup_true_lang_js_default_ = {
13645
13631
 
13646
13632
  gis_utils_.utils.getWebMap(null, scenceView => {
13647
13633
  if (scenceView) {
13634
+ // 初始化视图参数
13635
+ intViewModelParams(scenceView._viewer._container.id);
13648
13636
  viewModel = new SceneToHDImageViewModel(scenceView._viewer, formItem);
13649
13637
  }
13650
13638
  });
@@ -13667,7 +13655,44 @@ const SceneToHDImagevue_type_script_setup_true_lang_js_default_ = {
13667
13655
 
13668
13656
 
13669
13657
  function paramsChanged(key) {
13670
- viewModel && viewModel.paramsChanged(key, formItem[key]);
13658
+ if (!viewModel || !viewModel._options) return;
13659
+ viewModel._options[key] = formItem[key];
13660
+
13661
+ switch (key) {
13662
+ case "displayArea":
13663
+ viewModel.changeDisplayArea();
13664
+ break;
13665
+
13666
+ case "screenWidth":
13667
+ case "screenHeight":
13668
+ viewModel.scaleCesiumContainer();
13669
+ break;
13670
+
13671
+ case "imgWidth":
13672
+ case "imgHeight":
13673
+ viewModel.resizeExportRegionSize();
13674
+ break;
13675
+
13676
+ case "pantographRatio":
13677
+ viewModel.changPantographRatio();
13678
+ break;
13679
+
13680
+ default:
13681
+ break;
13682
+ }
13683
+ }
13684
+
13685
+ function intViewModelParams(id) {
13686
+ var bodyW = 1920,
13687
+ bodyH = 1024;
13688
+ bodyW = document.getElementById(id).clientWidth;
13689
+ bodyH = document.getElementById(id).clientHeight;
13690
+ formItem.screenWidth = bodyW;
13691
+ formItem.screenHeight = bodyH;
13692
+ formItem.maxScreenWidth = bodyW;
13693
+ formItem.maxScreenHeight = bodyH;
13694
+ formItem.imgWidth = parseInt(bodyW / 5 * 4);
13695
+ formItem.imgHeight = parseInt(bodyH / 5 * 4);
13671
13696
  } // 销毁
13672
13697
 
13673
13698
 
@@ -13741,7 +13766,7 @@ const SceneToHDImagevue_type_script_setup_true_lang_js_default_ = {
13741
13766
  "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).screenWidth = $event),
13742
13767
  step: 1,
13743
13768
  min: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).minScreenWidth,
13744
- max: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).maxScreenHeight,
13769
+ max: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).maxScreenWidth,
13745
13770
  onInput: _cache[1] || (_cache[1] = $event => paramsChanged('screenWidth'))
13746
13771
  }, null, 8
13747
13772
  /* PROPS */
@@ -13759,7 +13784,8 @@ const SceneToHDImagevue_type_script_setup_true_lang_js_default_ = {
13759
13784
  max: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).maxScreenWidth,
13760
13785
  step: 1,
13761
13786
  "controls-position": "right",
13762
- onInput: _cache[3] || (_cache[3] = $event => paramsChanged('screenWidth'))
13787
+ onBlur: _cache[3] || (_cache[3] = $event => paramsChanged('screenWidth', 'a')),
13788
+ onInput: _cache[4] || (_cache[4] = $event => paramsChanged('screenWidth', 'b'))
13763
13789
  }, null, 8
13764
13790
  /* PROPS */
13765
13791
  , ["modelValue", "min", "max"])]),
@@ -13794,11 +13820,11 @@ const SceneToHDImagevue_type_script_setup_true_lang_js_default_ = {
13794
13820
  }, {
13795
13821
  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, {
13796
13822
  modelValue: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).screenHeight,
13797
- "onUpdate:modelValue": _cache[4] || (_cache[4] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).screenHeight = $event),
13823
+ "onUpdate:modelValue": _cache[5] || (_cache[5] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).screenHeight = $event),
13798
13824
  step: 1,
13799
13825
  min: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).minScreenHeight,
13800
13826
  max: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).maxScreenHeight,
13801
- onInput: _cache[5] || (_cache[5] = $event => paramsChanged('screenHeight'))
13827
+ onInput: _cache[6] || (_cache[6] = $event => paramsChanged('screenHeight'))
13802
13828
  }, null, 8
13803
13829
  /* PROPS */
13804
13830
  , ["modelValue", "min", "max"])]),
@@ -13810,12 +13836,12 @@ const SceneToHDImagevue_type_script_setup_true_lang_js_default_ = {
13810
13836
  }, {
13811
13837
  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, {
13812
13838
  modelValue: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).screenHeight,
13813
- "onUpdate:modelValue": _cache[6] || (_cache[6] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).screenHeight = $event),
13839
+ "onUpdate:modelValue": _cache[7] || (_cache[7] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).screenHeight = $event),
13814
13840
  min: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).minScreenHeight,
13815
13841
  max: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).maxScreenHeight,
13816
13842
  step: 1,
13817
13843
  "controls-position": "right",
13818
- onInput: _cache[7] || (_cache[7] = $event => paramsChanged('screenHeight'))
13844
+ onInput: _cache[8] || (_cache[8] = $event => paramsChanged('screenHeight'))
13819
13845
  }, null, 8
13820
13846
  /* PROPS */
13821
13847
  , ["modelValue", "min", "max"])]),
@@ -13836,6 +13862,62 @@ const SceneToHDImagevue_type_script_setup_true_lang_js_default_ = {
13836
13862
  _: 1
13837
13863
  /* STABLE */
13838
13864
 
13865
+ }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_row, null, {
13866
+ 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, {
13867
+ label: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(language).pantographRatio
13868
+ }, {
13869
+ 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, {
13870
+ style: {
13871
+ "display": "flex"
13872
+ }
13873
+ }, {
13874
+ 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, {
13875
+ span: 16
13876
+ }, {
13877
+ 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, {
13878
+ modelValue: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).pantographRatio,
13879
+ "onUpdate:modelValue": _cache[9] || (_cache[9] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).pantographRatio = $event),
13880
+ step: 0.01,
13881
+ min: 0.01,
13882
+ max: 1,
13883
+ onInput: _cache[10] || (_cache[10] = $event => paramsChanged('pantographRatio'))
13884
+ }, null, 8
13885
+ /* PROPS */
13886
+ , ["modelValue", "step", "min"])]),
13887
+ _: 1
13888
+ /* STABLE */
13889
+
13890
+ }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_col, {
13891
+ span: 8
13892
+ }, {
13893
+ 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, {
13894
+ modelValue: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).pantographRatio,
13895
+ "onUpdate:modelValue": _cache[11] || (_cache[11] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).pantographRatio = $event),
13896
+ step: 0.01,
13897
+ min: 0.01,
13898
+ max: 1,
13899
+ "controls-position": "right",
13900
+ onInput: _cache[12] || (_cache[12] = $event => paramsChanged('pantographRatio'))
13901
+ }, null, 8
13902
+ /* PROPS */
13903
+ , ["modelValue", "step", "min"])]),
13904
+ _: 1
13905
+ /* STABLE */
13906
+
13907
+ })]),
13908
+ _: 1
13909
+ /* STABLE */
13910
+
13911
+ })]),
13912
+ _: 1
13913
+ /* STABLE */
13914
+
13915
+ }, 8
13916
+ /* PROPS */
13917
+ , ["label"])]),
13918
+ _: 1
13919
+ /* STABLE */
13920
+
13839
13921
  }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_row, null, {
13840
13922
  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, {
13841
13923
  label: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(language).displayArea
@@ -13851,9 +13933,9 @@ const SceneToHDImagevue_type_script_setup_true_lang_js_default_ = {
13851
13933
  }, {
13852
13934
  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, {
13853
13935
  modelValue: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).displayArea,
13854
- "onUpdate:modelValue": _cache[8] || (_cache[8] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).displayArea = $event),
13936
+ "onUpdate:modelValue": _cache[13] || (_cache[13] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).displayArea = $event),
13855
13937
  "controls-position": "left",
13856
- onChange: _cache[9] || (_cache[9] = $event => paramsChanged('displayArea'))
13938
+ onChange: _cache[14] || (_cache[14] = $event => paramsChanged('displayArea'))
13857
13939
  }, null, 8
13858
13940
  /* PROPS */
13859
13941
  , ["modelValue"])]),
@@ -13904,8 +13986,8 @@ const SceneToHDImagevue_type_script_setup_true_lang_js_default_ = {
13904
13986
  }, {
13905
13987
  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, {
13906
13988
  modelValue: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).imgFormat,
13907
- "onUpdate:modelValue": _cache[10] || (_cache[10] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).imgFormat = $event),
13908
- onChange: _cache[11] || (_cache[11] = $event => paramsChanged('imgFormat')),
13989
+ "onUpdate:modelValue": _cache[15] || (_cache[15] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).imgFormat = $event),
13990
+ onChange: _cache[16] || (_cache[16] = $event => paramsChanged('imgFormat')),
13909
13991
  style: {
13910
13992
  "width": "100%"
13911
13993
  }
@@ -13956,11 +14038,11 @@ const SceneToHDImagevue_type_script_setup_true_lang_js_default_ = {
13956
14038
  }, {
13957
14039
  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, {
13958
14040
  modelValue: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).imgWidth,
13959
- "onUpdate:modelValue": _cache[12] || (_cache[12] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).imgWidth = $event),
14041
+ "onUpdate:modelValue": _cache[17] || (_cache[17] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).imgWidth = $event),
13960
14042
  step: 1,
13961
14043
  min: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).minImgWidth,
13962
- max: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).maxImgWidth,
13963
- onInput: _cache[13] || (_cache[13] = $event => paramsChanged('imgWidth'))
14044
+ max: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).screenWidth,
14045
+ onInput: _cache[18] || (_cache[18] = $event => paramsChanged('imgWidth'))
13964
14046
  }, null, 8
13965
14047
  /* PROPS */
13966
14048
  , ["modelValue", "min", "max"])]),
@@ -13972,12 +14054,12 @@ const SceneToHDImagevue_type_script_setup_true_lang_js_default_ = {
13972
14054
  }, {
13973
14055
  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, {
13974
14056
  modelValue: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).imgWidth,
13975
- "onUpdate:modelValue": _cache[14] || (_cache[14] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).imgWidth = $event),
14057
+ "onUpdate:modelValue": _cache[19] || (_cache[19] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).imgWidth = $event),
13976
14058
  min: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).minImgWidth,
13977
- max: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).maxImgWidth,
14059
+ max: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).screenWidth,
13978
14060
  step: 1,
13979
14061
  "controls-position": "right",
13980
- onInput: _cache[15] || (_cache[15] = $event => paramsChanged('imgWidth'))
14062
+ onInput: _cache[20] || (_cache[20] = $event => paramsChanged('imgWidth'))
13981
14063
  }, null, 8
13982
14064
  /* PROPS */
13983
14065
  , ["modelValue", "min", "max"])]),
@@ -14012,11 +14094,11 @@ const SceneToHDImagevue_type_script_setup_true_lang_js_default_ = {
14012
14094
  }, {
14013
14095
  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, {
14014
14096
  modelValue: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).imgHeight,
14015
- "onUpdate:modelValue": _cache[16] || (_cache[16] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).imgHeight = $event),
14097
+ "onUpdate:modelValue": _cache[21] || (_cache[21] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).imgHeight = $event),
14016
14098
  step: 1,
14017
14099
  min: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).minImgHeight,
14018
- max: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).maxImgHeight,
14019
- onInput: _cache[17] || (_cache[17] = $event => paramsChanged('imgHeight'))
14100
+ max: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).screenHeight,
14101
+ onInput: _cache[22] || (_cache[22] = $event => paramsChanged('imgHeight'))
14020
14102
  }, null, 8
14021
14103
  /* PROPS */
14022
14104
  , ["modelValue", "min", "max"])]),
@@ -14028,12 +14110,12 @@ const SceneToHDImagevue_type_script_setup_true_lang_js_default_ = {
14028
14110
  }, {
14029
14111
  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, {
14030
14112
  modelValue: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).imgHeight,
14031
- "onUpdate:modelValue": _cache[18] || (_cache[18] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).imgHeight = $event),
14113
+ "onUpdate:modelValue": _cache[23] || (_cache[23] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).imgHeight = $event),
14032
14114
  min: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).minImgHeight,
14033
- max: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).maxImgHeight,
14115
+ max: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).screenHeight,
14034
14116
  step: 1,
14035
14117
  "controls-position": "right",
14036
- onInput: _cache[19] || (_cache[19] = $event => paramsChanged('imgHeight'))
14118
+ onInput: _cache[24] || (_cache[24] = $event => paramsChanged('imgHeight'))
14037
14119
  }, null, 8
14038
14120
  /* PROPS */
14039
14121
  , ["modelValue", "min", "max"])]),
@@ -14071,7 +14153,7 @@ const SceneToHDImagevue_type_script_setup_true_lang_js_default_ = {
14071
14153
  }, 8
14072
14154
  /* PROPS */
14073
14155
  , ["model-value"]), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementVNode)("div", SceneToHDImagevue_type_script_setup_true_lang_js_hoisted_2, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_button, {
14074
- onClick: _cache[20] || (_cache[20] = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withModifiers)($event => toHDImageHander(), ["stop"])),
14156
+ onClick: _cache[25] || (_cache[25] = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withModifiers)($event => toHDImageHander(), ["stop"])),
14075
14157
  title: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(language).sceneToHDImageTips,
14076
14158
  type: "primary"
14077
14159
  }, {
@@ -41533,23 +41615,23 @@ const SceneSetvue_type_script_setup_true_lang_js_default_ = {
41533
41615
  }));
41534
41616
  ;// CONCATENATED MODULE: ./src/webgl/sceneset/SceneSet.vue?vue&type=script&setup=true&lang=js
41535
41617
 
41536
- // 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
41537
- var SceneSetvue_type_style_index_0_id_75fa85b8_lang_scss = __webpack_require__(632);
41538
- ;// 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
41618
+ // 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
41619
+ var SceneSetvue_type_style_index_0_id_577e8e0e_lang_scss = __webpack_require__(355);
41620
+ ;// 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
41539
41621
 
41540
41622
 
41541
41623
 
41542
- var SceneSetvue_type_style_index_0_id_75fa85b8_lang_scss_options = {};
41624
+ var SceneSetvue_type_style_index_0_id_577e8e0e_lang_scss_options = {};
41543
41625
 
41544
- SceneSetvue_type_style_index_0_id_75fa85b8_lang_scss_options.insert = "head";
41545
- SceneSetvue_type_style_index_0_id_75fa85b8_lang_scss_options.singleton = false;
41626
+ SceneSetvue_type_style_index_0_id_577e8e0e_lang_scss_options.insert = "head";
41627
+ SceneSetvue_type_style_index_0_id_577e8e0e_lang_scss_options.singleton = false;
41546
41628
 
41547
- var SceneSetvue_type_style_index_0_id_75fa85b8_lang_scss_update = injectStylesIntoStyleTag_default()(SceneSetvue_type_style_index_0_id_75fa85b8_lang_scss/* default */.Z, SceneSetvue_type_style_index_0_id_75fa85b8_lang_scss_options);
41629
+ var SceneSetvue_type_style_index_0_id_577e8e0e_lang_scss_update = injectStylesIntoStyleTag_default()(SceneSetvue_type_style_index_0_id_577e8e0e_lang_scss/* default */.Z, SceneSetvue_type_style_index_0_id_577e8e0e_lang_scss_options);
41548
41630
 
41549
41631
 
41550
41632
 
41551
- /* 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 || {});
41552
- ;// CONCATENATED MODULE: ./src/webgl/sceneset/SceneSet.vue?vue&type=style&index=0&id=75fa85b8&lang=scss
41633
+ /* 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 || {});
41634
+ ;// CONCATENATED MODULE: ./src/webgl/sceneset/SceneSet.vue?vue&type=style&index=0&id=577e8e0e&lang=scss
41553
41635
 
41554
41636
  ;// CONCATENATED MODULE: ./src/webgl/sceneset/SceneSet.vue
41555
41637
 
package/package.json CHANGED
@@ -1 +1 @@
1
- {"name":"@kq_npm/client3d_webgl_vue","description":"KQGIS Client3D for Vue.js","version":"4.4.3","homepage":"","keywords":["KQGIS","webGL","Vue"],"sdkNames":["@kq_npm/client_icons_vue"],"restrictedVersion":true,"validateSDK":true,"browserslist":["> 1%","last 2 versions","not dead","not ie 11"],"author":"KQWEB GROUP","license":"Apache-2.0","dependencies":{"@kq_npm/client_icons_vue":"0.8.4-beta","colorcolor":"1.1.1","echarts":"4.9.0","echarts-stat":"1.2.0","js-cookie":"3.0.1","omit.js":"2.0.2","save":"2.5.0","tinycolor2":"1.4.2","vue-i18n":"9.2.0-beta.36","xlsx":"0.18.5","css-vars-ponyfill":"2.4.8","html2canvas":"1.4.1","xe-utils":"3.5.4"}}
1
+ {"name":"@kq_npm/client3d_webgl_vue","description":"KQGIS Client3D for Vue.js","version":"4.4.4","homepage":"","keywords":["KQGIS","webGL","Vue"],"sdkNames":["@kq_npm/client_icons_vue"],"restrictedVersion":true,"validateSDK":true,"browserslist":["> 1%","last 2 versions","not dead","not ie 11"],"author":"KQWEB GROUP","license":"Apache-2.0","dependencies":{"@kq_npm/client_icons_vue":"0.8.4-beta","colorcolor":"1.1.1","echarts":"4.9.0","echarts-stat":"1.2.0","js-cookie":"3.0.1","omit.js":"2.0.2","save":"2.5.0","tinycolor2":"1.4.2","vue-i18n":"9.2.0-beta.36","xlsx":"0.18.5","css-vars-ponyfill":"2.4.8","html2canvas":"1.4.1","xe-utils":"3.5.4"}}
package/sceneset/index.js CHANGED
@@ -84,7 +84,7 @@ module.exports = function (cssWithMappingToString) {
84
84
 
85
85
  /***/ }),
86
86
 
87
- /***/ 632:
87
+ /***/ 4355:
88
88
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
89
89
 
90
90
  /* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(7705);
@@ -2593,9 +2593,9 @@ const __default__ = {
2593
2593
  // EXTERNAL MODULE: ./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js
2594
2594
  var injectStylesIntoStyleTag = __webpack_require__(3379);
2595
2595
  var injectStylesIntoStyleTag_default = /*#__PURE__*/__webpack_require__.n(injectStylesIntoStyleTag);
2596
- // 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
2597
- var SceneSetvue_type_style_index_0_id_75fa85b8_lang_scss = __webpack_require__(632);
2598
- ;// 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
2596
+ // 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
2597
+ var SceneSetvue_type_style_index_0_id_577e8e0e_lang_scss = __webpack_require__(4355);
2598
+ ;// 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
2599
2599
 
2600
2600
 
2601
2601
 
@@ -2604,12 +2604,12 @@ var options = {};
2604
2604
  options.insert = "head";
2605
2605
  options.singleton = false;
2606
2606
 
2607
- var update = injectStylesIntoStyleTag_default()(SceneSetvue_type_style_index_0_id_75fa85b8_lang_scss/* default */.Z, options);
2607
+ var update = injectStylesIntoStyleTag_default()(SceneSetvue_type_style_index_0_id_577e8e0e_lang_scss/* default */.Z, options);
2608
2608
 
2609
2609
 
2610
2610
 
2611
- /* 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 || {});
2612
- ;// CONCATENATED MODULE: ./src/webgl/sceneset/SceneSet.vue?vue&type=style&index=0&id=75fa85b8&lang=scss
2611
+ /* 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 || {});
2612
+ ;// CONCATENATED MODULE: ./src/webgl/sceneset/SceneSet.vue?vue&type=style&index=0&id=577e8e0e&lang=scss
2613
2613
 
2614
2614
  ;// CONCATENATED MODULE: ./src/webgl/sceneset/SceneSet.vue
2615
2615