@kq_npm/client3d_webgl_vue 2.4.7-beta → 2.4.8-beta

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.
package/package.json CHANGED
@@ -1 +1 @@
1
- {"name":"@kq_npm/client3d_webgl_vue","description":"KQGIS Client3D for Vue.js","version":"2.4.7-beta","homepage":"","keywords":["KQGIS","webGL","Vue"],"browserslist":["> 1%","last 2 versions","not dead","not ie 11"],"author":"KQWEB GROUP","license":"Apache-2.0","dependencies":{"colorcolor":"^1.1.1","echarts":"^5.3.3","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","xe-utils":"^3.5.4"}}
1
+ {"name":"@kq_npm/client3d_webgl_vue","description":"KQGIS Client3D for Vue.js","version":"2.4.8-beta","homepage":"","keywords":["KQGIS","webGL","Vue"],"browserslist":["> 1%","last 2 versions","not dead","not ie 11"],"author":"KQWEB GROUP","license":"Apache-2.0","dependencies":{"colorcolor":"^1.1.1","echarts":"^5.3.3","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","xe-utils":"^3.5.4"}}
@@ -85,6 +85,7 @@ class ProfileAnalysisViewModel {
85
85
  //剖面分析三维对象
86
86
  //显示结果的DOM元素
87
87
  //显示结果的DOM元素显隐
88
+ //全局参数对象
88
89
  constructor(viewer, viewModel, chart) {
89
90
  _defineProperty(this, "_profileAnalysis", null);
90
91
 
@@ -93,7 +94,6 @@ class ProfileAnalysisViewModel {
93
94
  _defineProperty(this, "_ProfileAnalysisChartVis", null);
94
95
 
95
96
  _defineProperty(this, "_globaOptions", {
96
- //全局参数对象
97
97
  width: 360,
98
98
  height: 360
99
99
  });
@@ -350,38 +350,6 @@ const __default__ = {
350
350
  };
351
351
  /* harmony default export */ var ProfileAnalysisvue_type_script_setup_true_lang_js = (/*#__PURE__*/Object.assign(__default__, {
352
352
  props: {
353
- minPerspectiveAngle: {
354
- type: Number,
355
- default: 0
356
- },
357
- maxPerspectiveAngle: {
358
- type: Number,
359
- default: 90
360
- },
361
- minTargetAreaWidth: {
362
- type: Number,
363
- default: 0
364
- },
365
- maxTargetAreaWidth: {
366
- type: Number,
367
- default: 500
368
- },
369
- minTargetAreaHeight: {
370
- type: Number,
371
- default: 0
372
- },
373
- maxTargetAreaHeight: {
374
- type: Number,
375
- default: 500
376
- },
377
- minCameraHeight: {
378
- type: Number,
379
- default: 0
380
- },
381
- maxCameraHeight: {
382
- type: Number,
383
- default: 500
384
- },
385
353
  // 设置参数
386
354
  settingParams: {
387
355
  type: Object
@@ -401,14 +369,30 @@ const __default__ = {
401
369
  let resultCahrtVis = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.ref)(true); // 获取组件传参
402
370
 
403
371
  let formItem = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.reactive)({
404
- perspectiveAngle: props.settingParams && props.settingParams.offsetHeight || 90,
372
+ perspectiveAngle: props.settingParams && props.settingParams.perspectiveAngle || 90,
405
373
  // 透视角度
406
- targetAreaWidth: props.settingParams && props.settingParams.fovV || 1,
374
+ minPerspectiveAngle: props.settingParams && props.settingParams.minPerspectiveAngle || 0,
375
+ // 透视角度范围最小值
376
+ maxPerspectiveAngle: props.settingParams && props.settingParams.maxPerspectiveAngle || 90,
377
+ // 透视角度范围最大值
378
+ targetAreaWidth: props.settingParams && props.settingParams.targetAreaWidth || 1,
407
379
  // 目标区域宽度
408
- targetAreaHeight: props.settingParams && props.settingParams.fovH || 200,
380
+ minTargetAreaWidth: props.settingParams && props.settingParams.minTargetAreaWidth || 0,
381
+ // 目标区域宽度范围最小值
382
+ maxTargetAreaWidth: props.settingParams && props.settingParams.maxTargetAreaWidth || 500,
383
+ // 目标区域宽度范围最大值
384
+ targetAreaHeight: props.settingParams && props.settingParams.targetAreaHeight || 200,
409
385
  // 目标区域高度
410
- cameraHeight: props.settingParams && props.settingParams.visibleColor || 0,
386
+ minTargetAreaHeight: props.settingParams && props.settingParams.minTargetAreaHeight || 0,
387
+ // 目标区域高度范围最小值
388
+ maxTargetAreaHeight: props.settingParams && props.settingParams.maxTargetAreaHeight || 500,
389
+ // 目标区域高度范围最大值
390
+ cameraHeight: props.settingParams && props.settingParams.cameraHeight || 0,
411
391
  // 相机高度
392
+ minCameraHeight: props.settingParams && props.settingParams.minCameraHeight || 0,
393
+ // 相机高度范围最小值
394
+ maxCameraHeight: props.settingParams && props.settingParams.maxCameraHeight || 500,
395
+ // 相机高度范围最大值
412
396
  enablePerspective: props.settingParams && props.settingParams.isLabel !== undefined || true // 是否透视
413
397
 
414
398
  });
@@ -416,7 +400,18 @@ const __default__ = {
416
400
  gis_utils_namespaceObject.utils.getWebMap(null, scenceView => {
417
401
  if (scenceView) {
418
402
  language.value = scenceView._language;
419
- viewModel = new ProfileAnalysisViewModel(scenceView._viewer, formItem, document.getElementById("resultCahrt"));
403
+ viewModel = new ProfileAnalysisViewModel(scenceView._viewer, {
404
+ perspectiveAngle: formItem.perspectiveAngle,
405
+ // 透视角度
406
+ targetAreaWidth: formItem.targetAreaWidth,
407
+ // 目标区域宽度
408
+ targetAreaHeight: formItem.targetAreaHeight,
409
+ // 目标区域高度
410
+ cameraHeight: formItem.cameraHeight,
411
+ // 相机高度
412
+ enablePerspective: formItem.enablePerspective // 是否透视
413
+
414
+ }, document.getElementById("resultCahrt"));
420
415
  viewModel._ProfileAnalysisChartVis = resultCahrtVis;
421
416
  resultCahrtVis.value = false;
422
417
  }
@@ -527,8 +522,8 @@ const __default__ = {
527
522
  modelValue: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).perspectiveAngle,
528
523
  "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).perspectiveAngle = $event),
529
524
  step: 1,
530
- min: __props.minPerspectiveAngle,
531
- max: __props.maxPerspectiveAngle,
525
+ min: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).minPerspectiveAngle,
526
+ max: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).maxPerspectiveAngle,
532
527
  onInput: onChangePerspectiveAngle
533
528
  }, null, 8
534
529
  /* PROPS */
@@ -542,8 +537,8 @@ const __default__ = {
542
537
  default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_input_number, {
543
538
  modelValue: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).perspectiveAngle,
544
539
  "onUpdate:modelValue": _cache[1] || (_cache[1] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).perspectiveAngle = $event),
545
- min: __props.minPerspectiveAngle,
546
- max: __props.maxPerspectiveAngle,
540
+ min: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).minPerspectiveAngle,
541
+ max: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).maxPerspectiveAngle,
547
542
  step: 1,
548
543
  "controls-position": "right"
549
544
  }, null, 8
@@ -582,8 +577,8 @@ const __default__ = {
582
577
  modelValue: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).targetAreaWidth,
583
578
  "onUpdate:modelValue": _cache[2] || (_cache[2] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).targetAreaWidth = $event),
584
579
  step: 1,
585
- min: __props.minTargetAreaWidth,
586
- max: __props.maxTargetAreaWidth,
580
+ min: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).minTargetAreaWidth,
581
+ max: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).maxTargetAreaWidth,
587
582
  onInput: onChangeTargetAreaWidth
588
583
  }, null, 8
589
584
  /* PROPS */
@@ -597,9 +592,9 @@ const __default__ = {
597
592
  default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_input_number, {
598
593
  modelValue: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).targetAreaWidth,
599
594
  "onUpdate:modelValue": _cache[3] || (_cache[3] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).targetAreaWidth = $event),
600
- min: __props.minTargetAreaWidth,
595
+ min: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).minTargetAreaWidth,
601
596
  step: 1,
602
- max: __props.maxTargetAreaWidth,
597
+ max: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).maxTargetAreaWidth,
603
598
  "controls-position": "right"
604
599
  }, null, 8
605
600
  /* PROPS */
@@ -637,8 +632,8 @@ const __default__ = {
637
632
  modelValue: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).targetAreaHeight,
638
633
  "onUpdate:modelValue": _cache[4] || (_cache[4] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).targetAreaHeight = $event),
639
634
  step: 1,
640
- min: __props.minTargetAreaHeight,
641
- max: __props.maxTargetAreaHeight,
635
+ min: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).minTargetAreaHeight,
636
+ max: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).maxTargetAreaHeight,
642
637
  onInput: onChangeTargetAreaHeight
643
638
  }, null, 8
644
639
  /* PROPS */
@@ -652,9 +647,9 @@ const __default__ = {
652
647
  default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_input_number, {
653
648
  modelValue: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).targetAreaHeight,
654
649
  "onUpdate:modelValue": _cache[5] || (_cache[5] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).targetAreaHeight = $event),
655
- min: __props.minTargetAreaHeight,
650
+ min: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).minTargetAreaHeight,
656
651
  step: 1,
657
- max: __props.maxTargetAreaHeight,
652
+ max: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).maxTargetAreaHeight,
658
653
  "controls-position": "right"
659
654
  }, null, 8
660
655
  /* PROPS */
@@ -692,8 +687,8 @@ const __default__ = {
692
687
  modelValue: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).cameraHeight,
693
688
  "onUpdate:modelValue": _cache[6] || (_cache[6] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).cameraHeight = $event),
694
689
  step: 1,
695
- min: __props.minCameraHeight,
696
- max: __props.maxCameraHeight,
690
+ min: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).minCameraHeight,
691
+ max: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).maxCameraHeight,
697
692
  onInput: onChangeCameraHeight
698
693
  }, null, 8
699
694
  /* PROPS */
@@ -707,9 +702,9 @@ const __default__ = {
707
702
  default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_input_number, {
708
703
  modelValue: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).cameraHeight,
709
704
  "onUpdate:modelValue": _cache[7] || (_cache[7] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).cameraHeight = $event),
710
- min: __props.minCameraHeight,
705
+ min: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).minCameraHeight,
711
706
  step: 1,
712
- max: __props.maxCameraHeight,
707
+ max: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).maxCameraHeight,
713
708
  "controls-position": "right"
714
709
  }, null, 8
715
710
  /* PROPS */
@@ -335,54 +335,6 @@ const __default__ = {
335
335
  };
336
336
  /* harmony default export */ var ShadowAnalysisvue_type_script_setup_true_lang_js = (/*#__PURE__*/Object.assign(__default__, {
337
337
  props: {
338
- minExtrudeHeight: {
339
- type: Number,
340
- default: 0
341
- },
342
- maxExtrudeHeight: {
343
- type: Number,
344
- default: 500
345
- },
346
- minBaseHeight: {
347
- type: Number,
348
- default: 0
349
- },
350
- maxBaseHeight: {
351
- type: Number,
352
- default: 100
353
- },
354
- minWidth: {
355
- type: Number,
356
- default: 0
357
- },
358
- maxWidth: {
359
- type: Number,
360
- default: 100
361
- },
362
- minSpacing: {
363
- type: Number,
364
- default: 0
365
- },
366
- maxSpacing: {
367
- type: Number,
368
- default: 100
369
- },
370
- minFilterValue: {
371
- type: Number,
372
- default: 0
373
- },
374
- maxFilterValue: {
375
- type: Number,
376
- default: 1
377
- },
378
- minAlphaScale: {
379
- type: Number,
380
- default: 0
381
- },
382
- maxAlphaScale: {
383
- type: Number,
384
- default: 10
385
- },
386
338
  // 设置参数
387
339
  settingParams: {
388
340
  type: Object
@@ -435,19 +387,47 @@ const __default__ = {
435
387
  // 显示体素
436
388
  baseHeight: props.settingParams && props.settingParams.baseHeight || 0,
437
389
  // 基地高度
390
+ minBaseHeight: props.settingParams && props.settingParams.minBaseHeight || 0,
391
+ // 基地高度范围最小值
392
+ maxBaseHeight: props.settingParams && props.settingParams.maxBaseHeight || 100,
393
+ // 基地高度范围最大值
438
394
  extrudeHeight: props.settingParams && props.settingParams.extrudeHeight || 150,
439
395
  // 拉伸高度
396
+ minExtrudeHeight: props.settingParams && props.settingParams.minExtrudeHeight || 0,
397
+ // 拉伸高度范围最小值
398
+ maxExtrudeHeight: props.settingParams && props.settingParams.maxExtrudeHeight || 500,
399
+ // 拉伸高度范围最大值
440
400
  width: props.settingParams && props.settingParams.width || 6,
441
401
  // 体素大小
402
+ minWidth: props.settingParams && props.settingParams.minWidth || 0,
403
+ // 体素大小范围最小值
404
+ maxWidth: props.settingParams && props.settingParams.maxWidth || 100,
405
+ // 体素大小范围最大值
442
406
  spacing: props.settingParams && props.settingParams.spacing || 0.8,
443
407
  // 体素间距
408
+ minSpacing: props.settingParams && props.settingParams.minSpacing || 0,
409
+ // 体素间距范围最小值
410
+ maxSpacing: props.settingParams && props.settingParams.maxSpacing || 100,
411
+ // 体素间距范围最大值
444
412
  currentDate: props.settingParams && props.settingParams.currentDate || "2020-04-23",
445
413
  // 日期
446
414
  startTime: props.settingParams && props.settingParams.startTime || 12,
415
+ // 开始日期
447
416
  endTime: props.settingParams && props.settingParams.endTime || 18,
417
+ // 结束日期
448
418
  timeSpacing: props.settingParams && props.settingParams.timeSpacing || 30,
449
419
  filterValue: props.settingParams && props.settingParams.filterValue || 0,
450
- alphaScale: props.settingParams && props.settingParams.alphaScale || 1
420
+ // 阴影率过滤
421
+ minFilterValue: props.settingParams && props.settingParams.minFilterValue || 0,
422
+ // 阴影率过滤范围最小值
423
+ maxFilterValue: props.settingParams && props.settingParams.maxFilterValue || 0,
424
+ // 阴影率过滤范围最大值
425
+ alphaScale: props.settingParams && props.settingParams.alphaScale || 1,
426
+ // 透明缩放
427
+ minAlphaScale: props.settingParams && props.settingParams.alphaScale || 1,
428
+ // 透明缩放范围最小值
429
+ maxAlphaScale: props.settingParams && props.settingParams.alphaScale || 1 // 透明缩放范围最大值
430
+
451
431
  });
452
432
  (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.onMounted)(() => {
453
433
  time.value = [formItem.startTime, formItem.endTime];
@@ -456,7 +436,29 @@ const __default__ = {
456
436
  gis_utils_namespaceObject.utils.getWebMap(null, scenceView => {
457
437
  if (scenceView) {
458
438
  language.value = scenceView._language;
459
- viewModel = new ShadowAnalysisViewModel(scenceView, formItem);
439
+ viewModel = new ShadowAnalysisViewModel(scenceView, {
440
+ showVoxel: formItem.showBuilding,
441
+ // 显示体素
442
+ baseHeight: formItem.baseHeight,
443
+ // 基地高度
444
+ extrudeHeight: formItem.extrudeHeight,
445
+ // 拉伸高度
446
+ width: formItem.width,
447
+ // 体素大小
448
+ spacing: formItem.spacing,
449
+ // 体素间距
450
+ currentDate: formItem.currentDate,
451
+ // 日期
452
+ startTime: formItem.startTime,
453
+ // 开始日期
454
+ endTime: formItem.endTime,
455
+ // 结束日期
456
+ timeSpacing: formItem.timeSpacing,
457
+ filterValue: formItem.filterValue,
458
+ // 阴影率过滤
459
+ alphaScale: formItem.alphaScale // 透明缩放
460
+
461
+ });
460
462
  }
461
463
  });
462
464
  }); // 获取当前日期
@@ -650,7 +652,7 @@ const __default__ = {
650
652
  _: 1
651
653
  /* STABLE */
652
654
 
653
- }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createCommentVNode)(" <kq-row class=\"kq3d-shadow-analysis-datetime\">\r\n <kq-col :span=\"6\">\r\n <span class=\"kq3d-shadow-analysis-span\">{{ language.analysisYear }}</span>\r\n </kq-col>\r\n <kq-col :span=\"18\">\r\n <kq-date-picker v-model=\"year\" align=\"right\" type=\"year\" format=\"YYYY年\"></kq-date-picker>\r\n <kq-row :gutter=\"20\">\r\n <kq-col :span=\"20\">\r\n <kq-slider\r\n v-model=\"month\"\r\n :step=\"1\"\r\n :min=\"1\"\r\n :max=\"12\"\r\n range\r\n :show-tooltip=\"false\"\r\n @change=\"changeMonth\"\r\n :marks=\"monthMarks\"></kq-slider>\r\n </kq-col>\r\n <kq-col :span=\"4\" class=\"kq3d-shadow-analysis-timeline\">\r\n <kq-icon @click=\"playOrPauseMonth\">\r\n <IconVideoPlay v-if=\"!playMonth\" />\r\n <IconVideoPause v-else />\r\n </kq-icon>\r\n </kq-col>\r\n </kq-row>\r\n </kq-col>\r\n </kq-row> "), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_row, {
655
+ }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createCommentVNode)(" <kq-row class=\"kq3d-shadow-analysis-datetime\">\r\n <kq-col :span=\"6\">\r\n <span class=\"kq3d-shadow-analysis-span\">{{ language.analysisYear }}</span>\r\n </kq-col>\r\n <kq-col :span=\"18\">\r\n <kq-date-picker v-model=\"year\" align=\"right\" type=\"year\" format=\"YYYY年\"></kq-date-picker>\r\n <kq-row :gutter=\"20\">\r\n <kq-col :span=\"20\">\r\n <kq-slider\r\n v-model=\"month\"\r\n :step=\"1\"\r\n :min=\"formItem.1\"\r\n :max=\"formItem.12\"\r\n range\r\n :show-tooltip=\"false\"\r\n @change=\"changeMonth\"\r\n :marks=\"monthMarks\"></kq-slider>\r\n </kq-col>\r\n <kq-col :span=\"4\" class=\"kq3d-shadow-analysis-timeline\">\r\n <kq-icon @click=\"playOrPauseMonth\">\r\n <IconVideoPlay v-if=\"!playMonth\" />\r\n <IconVideoPause v-else />\r\n </kq-icon>\r\n </kq-col>\r\n </kq-row>\r\n </kq-col>\r\n </kq-row> "), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_row, {
654
656
  class: "kq3d-shadow-analysis-tip"
655
657
  }, {
656
658
  default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createElementVNode)("p", null, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.toDisplayString)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(language).shadowTips), 1
@@ -688,8 +690,8 @@ const __default__ = {
688
690
  onChange: _cache[6] || (_cache[6] = $event => paramsChanged('extrudeHeight')),
689
691
  onClick: _cache[7] || (_cache[7] = $event => paramsChanged('extrudeHeight')),
690
692
  step: 10,
691
- min: __props.minExtrudeHeight,
692
- max: __props.maxExtrudeHeight
693
+ min: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).minExtrudeHeight,
694
+ max: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).maxExtrudeHeight
693
695
  }, null, 8
694
696
  /* PROPS */
695
697
  , ["modelValue", "min", "max"])]),
@@ -702,8 +704,8 @@ const __default__ = {
702
704
  default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_input_number, {
703
705
  modelValue: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).extrudeHeight,
704
706
  "onUpdate:modelValue": _cache[8] || (_cache[8] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).extrudeHeight = $event),
705
- min: __props.minExtrudeHeight,
706
- max: __props.maxExtrudeHeight,
707
+ min: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).minExtrudeHeight,
708
+ max: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).maxExtrudeHeight,
707
709
  step: 10,
708
710
  onChange: _cache[9] || (_cache[9] = $event => paramsChanged('extrudeHeight')),
709
711
  "controls-position": "right"
@@ -745,8 +747,8 @@ const __default__ = {
745
747
  onChange: _cache[11] || (_cache[11] = $event => paramsChanged('baseHeight')),
746
748
  onClick: _cache[12] || (_cache[12] = $event => paramsChanged('baseHeight')),
747
749
  step: 10,
748
- min: __props.minBaseHeight,
749
- max: __props.maxBaseHeight
750
+ min: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).minBaseHeight,
751
+ max: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).maxBaseHeight
750
752
  }, null, 8
751
753
  /* PROPS */
752
754
  , ["modelValue", "min", "max"])]),
@@ -760,8 +762,8 @@ const __default__ = {
760
762
  modelValue: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).baseHeight,
761
763
  "onUpdate:modelValue": _cache[13] || (_cache[13] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).baseHeight = $event),
762
764
  onChange: _cache[14] || (_cache[14] = $event => paramsChanged('baseHeight')),
763
- min: __props.minBaseHeight,
764
- max: __props.maxBaseHeight,
765
+ min: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).minBaseHeight,
766
+ max: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).maxBaseHeight,
765
767
  step: 10,
766
768
  "controls-position": "right"
767
769
  }, null, 8
@@ -802,8 +804,8 @@ const __default__ = {
802
804
  onChange: _cache[16] || (_cache[16] = $event => paramsChanged('width')),
803
805
  onClick: _cache[17] || (_cache[17] = $event => paramsChanged('width')),
804
806
  step: 1,
805
- min: __props.minWidth,
806
- max: __props.maxWidth
807
+ min: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).minWidth,
808
+ max: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).maxWidth
807
809
  }, null, 8
808
810
  /* PROPS */
809
811
  , ["modelValue", "min", "max"])]),
@@ -817,8 +819,8 @@ const __default__ = {
817
819
  modelValue: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).width,
818
820
  "onUpdate:modelValue": _cache[18] || (_cache[18] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).width = $event),
819
821
  onChange: _cache[19] || (_cache[19] = $event => paramsChanged('width')),
820
- min: __props.minWidth,
821
- max: __props.maxWidth,
822
+ min: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).minWidth,
823
+ max: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).maxWidth,
822
824
  step: 1,
823
825
  "controls-position": "right"
824
826
  }, null, 8
@@ -859,8 +861,8 @@ const __default__ = {
859
861
  onChange: _cache[21] || (_cache[21] = $event => paramsChanged('spacing')),
860
862
  onClick: _cache[22] || (_cache[22] = $event => paramsChanged('spacing')),
861
863
  step: 0.1,
862
- min: __props.minSpacing,
863
- max: __props.maxSpacing
864
+ min: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).minSpacing,
865
+ max: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).maxSpacing
864
866
  }, null, 8
865
867
  /* PROPS */
866
868
  , ["modelValue", "step", "min", "max"])]),
@@ -874,8 +876,8 @@ const __default__ = {
874
876
  modelValue: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).spacing,
875
877
  "onUpdate:modelValue": _cache[23] || (_cache[23] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).spacing = $event),
876
878
  onChange: _cache[24] || (_cache[24] = $event => paramsChanged('spacing')),
877
- min: __props.minSpacing,
878
- max: __props.maxSpacing,
879
+ min: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).minSpacing,
880
+ max: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).maxSpacing,
879
881
  step: 0.1,
880
882
  "controls-position": "right"
881
883
  }, null, 8
@@ -915,8 +917,8 @@ const __default__ = {
915
917
  "onUpdate:modelValue": _cache[25] || (_cache[25] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).filterValue = $event),
916
918
  onInput: _cache[26] || (_cache[26] = $event => paramsChanged('filterValue')),
917
919
  step: 0.01,
918
- min: __props.minFilterValue,
919
- max: __props.maxFilterValue
920
+ min: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).minFilterValue,
921
+ max: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).maxFilterValue
920
922
  }, null, 8
921
923
  /* PROPS */
922
924
  , ["modelValue", "step", "min", "max"])]),
@@ -929,8 +931,8 @@ const __default__ = {
929
931
  default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_input_number, {
930
932
  modelValue: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).filterValue,
931
933
  "onUpdate:modelValue": _cache[27] || (_cache[27] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).filterValue = $event),
932
- min: __props.minFilterValue,
933
- max: __props.maxFilterValue,
934
+ min: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).minFilterValue,
935
+ max: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).maxFilterValue,
934
936
  step: 0.01,
935
937
  onInput: _cache[28] || (_cache[28] = $event => paramsChanged('filterValue')),
936
938
  "controls-position": "right"
@@ -971,8 +973,8 @@ const __default__ = {
971
973
  "onUpdate:modelValue": _cache[29] || (_cache[29] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).alphaScale = $event),
972
974
  onInput: _cache[30] || (_cache[30] = $event => paramsChanged('alphaScale')),
973
975
  step: 0.1,
974
- min: __props.minAlphaScale,
975
- max: __props.maxAlphaScale
976
+ min: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).minAlphaScale,
977
+ max: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).maxAlphaScale
976
978
  }, null, 8
977
979
  /* PROPS */
978
980
  , ["modelValue", "step", "min", "max"])]),
@@ -985,8 +987,8 @@ const __default__ = {
985
987
  default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_input_number, {
986
988
  modelValue: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).alphaScale,
987
989
  "onUpdate:modelValue": _cache[31] || (_cache[31] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).alphaScale = $event),
988
- min: __props.minAlphaScale,
989
- max: __props.maxAlphaScale,
990
+ min: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).minAlphaScale,
991
+ max: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).maxAlphaScale,
990
992
  step: 0.1,
991
993
  onInput: _cache[32] || (_cache[32] = $event => paramsChanged('alphaScale')),
992
994
  "controls-position": "right"
@@ -105,17 +105,7 @@ class SkylineAnalysisViewModel {
105
105
 
106
106
  viewer.scene.globe.depthTestAgainstTerrain = true; //开启深度检测
107
107
 
108
- viewer.scene.postProcessStages._fxaa.enabled = true; // 检查参数
109
-
110
- option = {
111
- skylineColor: option.skylineColor || "#E6A23C",
112
- skylineRadius: option.skylineRadius || 1000,
113
- limitHeightBodyColor: option.limitHeightBodyColor || "#67C23A",
114
- limitHeightBodyAlpha: option.limitHeightBodyAlpha || 0.7,
115
- limitHeightBodyOutlineColor: option.limitHeightBodyOutlineColor || "#67C23A",
116
- limitHeightBodyOutlineColorAlpha: option.limitHeightBodyOutlineColorAlpha || 0,
117
- skylineWidth: option.skylineWidth || 2
118
- }; // 创建分析参数对象
108
+ viewer.scene.postProcessStages._fxaa.enabled = true; // 创建分析参数对象
119
109
 
120
110
  this._options = {
121
111
  viewer: viewer,
@@ -123,7 +113,7 @@ class SkylineAnalysisViewModel {
123
113
  //天际线颜色
124
114
  faceColor: window.Cesium.Color.fromCssColorString(option.limitHeightBodyColor).withAlpha(option.limitHeightBodyAlpha),
125
115
  //限高体颜色
126
- faceOutlineColor: window.Cesium.Color.fromCssColorString(option.limitHeightBodyOutlineColor).withAlpha(option.limitHeightBodyOutlineColorAlpha),
116
+ faceOutlineColor: window.Cesium.Color.fromCssColorString("#E6A23C").withAlpha(0),
127
117
  //限高体轮廓颜色
128
118
  lineWidth: option.skylineWidth,
129
119
  //天际线线宽
@@ -400,16 +390,35 @@ const __default__ = {
400
390
 
401
391
  let formItem = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.reactive)({
402
392
  skylineColor: props.settingParams && props.settingParams.skylineColor || "#E6A23C",
393
+ // 天际线颜色
403
394
  skylineRadius: props.settingParams && props.settingParams.skylineRadius || 1000,
395
+ // 天际线半径
396
+ minSkylineRadius: props.settingParams && props.settingParams.minSkylineRadius || 0,
397
+ // 天际线半径范围最小值
398
+ maxSkylineRadius: props.settingParams && props.settingParams.maxSkylineRadius || 5000,
399
+ // 天际线半径范围最大值
404
400
  limitHeightBodyColor: props.settingParams && props.settingParams.limitHeightBodyColor || "#67C23A",
401
+ // 限高体颜色
405
402
  limitHeightBodyAlpha: props.settingParams && props.settingParams.limitHeightBodyAlpha || 0.7,
406
- skylineWidth: 2
403
+ // 限高体透明度
404
+ minLimitHeightBodyAlpha: props.settingParams && props.settingParams.minLimitHeightBodyAlpha || 0,
405
+ // 限高体透明度范围最小值
406
+ maxLimitHeightBodyAlpha: props.settingParams && props.settingParams.maxLimitHeightBodyAlpha || 1,
407
+ // 限高体透明度范围最大值
408
+ skylineWidth: 2 // 天际线宽度
409
+
407
410
  });
408
411
  (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.onMounted)(() => {
409
412
  gis_utils_namespaceObject.utils.getWebMap(null, scenceView => {
410
413
  if (scenceView) {
411
414
  language.value = scenceView._language;
412
- viewModel = new SkylineAnalysisViewModel(scenceView._viewer, formItem, resultEcahrtVis);
415
+ viewModel = new SkylineAnalysisViewModel(scenceView._viewer, {
416
+ skylineColor: formItem.skylineColor || "#E6A23C",
417
+ skylineRadius: formItem.skylineRadius || 1000,
418
+ limitHeightBodyColor: formItem.limitHeightBodyColor || "#67C23A",
419
+ limitHeightBodyAlpha: formItem.limitHeightBodyAlpha || 0.7,
420
+ skylineWidth: formItem.skylineWidth || 2
421
+ }, resultEcahrtVis);
413
422
  viewModel._skylineAnalysisChartTitle = language.value["skylineAnalysisChartTitle"];
414
423
  }
415
424
  });
@@ -543,12 +552,12 @@ const __default__ = {
543
552
  modelValue: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).skylineRadius,
544
553
  "onUpdate:modelValue": _cache[1] || (_cache[1] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).skylineRadius = $event),
545
554
  step: 100,
546
- min: 0,
547
- max: 5000,
555
+ min: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).minSkylineRadius,
556
+ max: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).maxSkylineRadius,
548
557
  onInput: onChangeSkylineRadius
549
558
  }, null, 8
550
559
  /* PROPS */
551
- , ["modelValue"])]),
560
+ , ["modelValue", "min", "max"])]),
552
561
  _: 1
553
562
  /* STABLE */
554
563
 
@@ -558,13 +567,13 @@ const __default__ = {
558
567
  default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_input_number, {
559
568
  modelValue: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).skylineRadius,
560
569
  "onUpdate:modelValue": _cache[2] || (_cache[2] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).skylineRadius = $event),
561
- min: 0,
570
+ min: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).minSkylineRadius,
562
571
  step: 100,
563
- max: 5000,
572
+ max: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).maxSkylineRadius,
564
573
  "controls-position": "right"
565
574
  }, null, 8
566
575
  /* PROPS */
567
- , ["modelValue"])]),
576
+ , ["modelValue", "min", "max"])]),
568
577
  _: 1
569
578
  /* STABLE */
570
579
 
@@ -618,12 +627,12 @@ const __default__ = {
618
627
  modelValue: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).limitHeightBodyAlpha,
619
628
  "onUpdate:modelValue": _cache[4] || (_cache[4] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).limitHeightBodyAlpha = $event),
620
629
  step: 0.1,
621
- min: 0,
622
- max: 1,
630
+ min: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).minLimitHeightBodyAlpha,
631
+ max: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).maxLimitHeightBodyAlpha,
623
632
  onInput: onChangeLimitHeightBodyAlpha
624
633
  }, null, 8
625
634
  /* PROPS */
626
- , ["modelValue", "step"])]),
635
+ , ["modelValue", "step", "min", "max"])]),
627
636
  _: 1
628
637
  /* STABLE */
629
638
 
@@ -633,13 +642,13 @@ const __default__ = {
633
642
  default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_input_number, {
634
643
  modelValue: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).limitHeightBodyAlpha,
635
644
  "onUpdate:modelValue": _cache[5] || (_cache[5] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).limitHeightBodyAlpha = $event),
636
- min: 0,
645
+ min: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).minLimitHeightBodyAlpha,
637
646
  step: 0.1,
638
- max: 1,
647
+ max: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).maxLimitHeightBodyAlpha,
639
648
  "controls-position": "right"
640
649
  }, null, 8
641
650
  /* PROPS */
642
- , ["modelValue", "step"])]),
651
+ , ["modelValue", "min", "step", "max"])]),
643
652
  _: 1
644
653
  /* STABLE */
645
654