@kq_npm/client3d_webgl_vue 0.0.1-beta

package/isolineanalysis/style/css.js

@@ -0,0 +1,3 @@
+"use strict";
+
+require("./isolineanalysis.css");

package/isolineanalysis/style/index.js

@@ -0,0 +1,3 @@
+"use strict";
+
+require("./isolineanalysis.css");

package/isolineanalysis/style/isolineanalysis.css

@@ -0,0 +1 @@
+:root{--kq-box-padding:16px;--kq-header-bg-color:var(--kq-color-primary);--kq-header-border-color:var(--kq-color-primary)}.kq3d-isoline-analysis{z-index:999;width:372px;border-radius:var(--kq-border-radius-base);padding:16px;pointer-events:auto;cursor:default;background-color:var(--kq-bg-color)}.kq3d-isoline-analysis.shadow{-webkit-box-shadow:var(--kq-box-shadow);box-shadow:var(--kq-box-shadow)}.kq3d-isoline-analysis .kq-row{margin-bottom:5px}.kq3d-isoline-analysis .kq3d-isoline-analysis-span{color:var(--kq-text-color-regular);line-height:32px;margin:0}.kq3d-isoline-analysis .kq3d-isoline-analysis-heightspan{margin:0 20px}.kq3d-isoline-analysis .kq3d-isoline-analysis-tip{color:var(--kq-text-color-regular);font-size:13px}.kq3d-isoline-analysis .kq3d-isoline-analysis-tip p{margin:5px 0}.kq3d-isoline-analysis .kq-select{width:100%}.kq3d-isoline-analysis .kq3d-isoline-analysis-collapse .kq-row{display:block}.kq3d-isoline-analysis .kq3d-isoline-analysis-collapse .kq-divider--horizontal{margin:0}.kq3d-isoline-analysis .kq-collapse{border:unset}.kq3d-isoline-analysis .kq-collapse .kq-collapse-item__header{border:unset;height:38px;background-color:var(--kq-fill-color-light);font-weight:700;padding:0 16px;font-size:16px}.kq3d-isoline-analysis .kq-collapse .kq-collapse-item__arrow{margin:0 0 0 auto}.kq3d-isoline-analysis .kq-collapse .kq-collapse-item__wrap .kq-collapse-item__content{padding-bottom:unset;border:unset;padding-top:10px}.kq3d-isoline-analysis .kq-form-item{margin-bottom:0}.kq3d-isoline-analysis .kq-form-item__content{text-align:end;display:block}.kq3d-isoline-analysis .kq-slider{width:90%}.kq3d-isoline-analysis .kq-slider .kq-slider__button{width:14px;height:14px}.kq3d-isoline-analysis .kq-input-number{width:65px}.kq3d-isoline-analysis .kq-input-number .kq-input-number__decrease,.kq3d-isoline-analysis .kq-input-number .kq-input-number__increase{width:20px}.kq3d-isoline-analysis .kq-input-number .kq-input__wrapper{padding-left:0;padding-right:20px}.kq3d-isoline-analysis .kq-color-picker,.kq3d-isoline-analysis .kq-color-picker .kq-color-picker__mask,.kq3d-isoline-analysis .kq-color-picker .kq-color-picker__trigger{width:100%}.kq3d-isoline-analysis .kq3d-isoline-analysis-line{width:64%;margin:14px 8px;height:2px;overflow:hidden;background:#c0c4cc;border-radius:4px}.kq3d-isoline-analysis .kq3d-isoline-analysis-legend{width:248px;height:24px}.kq3d-isoline-analysis .kq3d-isoline-analysis-footer{float:right;padding:16px 0}

package/measure/index.js

@@ -0,0 +1,560 @@
+/******/ (function() { // webpackBootstrap
+/******/ 	"use strict";
+/******/ 	// The require scope
+/******/ 	var __webpack_require__ = {};
+/******/ 	
+/************************************************************************/
+/******/ 	/* webpack/runtime/compat get default export */
+/******/ 	!function() {
+/******/ 		// getDefaultExport function for compatibility with non-harmony modules
+/******/ 		__webpack_require__.n = function(module) {
+/******/ 			var getter = module && module.__esModule ?
+/******/ 				function() { return module['default']; } :
+/******/ 				function() { return module; };
+/******/ 			__webpack_require__.d(getter, { a: getter });
+/******/ 			return getter;
+/******/ 		};
+/******/ 	}();
+/******/ 	
+/******/ 	/* webpack/runtime/define property getters */
+/******/ 	!function() {
+/******/ 		// define getter functions for harmony exports
+/******/ 		__webpack_require__.d = function(exports, definition) {
+/******/ 			for(var key in definition) {
+/******/ 				if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
+/******/ 					Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
+/******/ 				}
+/******/ 			}
+/******/ 		};
+/******/ 	}();
+/******/ 	
+/******/ 	/* webpack/runtime/hasOwnProperty shorthand */
+/******/ 	!function() {
+/******/ 		__webpack_require__.o = function(obj, prop) { return Object.prototype.hasOwnProperty.call(obj, prop); }
+/******/ 	}();
+/******/ 	
+/******/ 	/* webpack/runtime/make namespace object */
+/******/ 	!function() {
+/******/ 		// define __esModule on exports
+/******/ 		__webpack_require__.r = function(exports) {
+/******/ 			if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 				Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 			}
+/******/ 			Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 		};
+/******/ 	}();
+/******/ 	
+/************************************************************************/
+var __webpack_exports__ = {};
+// ESM COMPAT FLAG
+__webpack_require__.r(__webpack_exports__);
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  "MeasureViewModel": function() { return /* reexport */ MeasureViewModel; },
+  "default": function() { return /* reexport */ Measure; }
+});
+
+;// CONCATENATED MODULE: external {"root":"Vue","commonjs":"vue","commonjs2":"vue","amd":"vue"}
+var external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject = require("vue");
+;// CONCATENATED MODULE: external "@element-plus/icons-vue"
+var icons_vue_namespaceObject = require("@element-plus/icons-vue");
+;// CONCATENATED MODULE: external "@zpc_npm/vue-iclient-icons"
+var vue_iclient_icons_namespaceObject = require("@zpc_npm/vue-iclient-icons");
+;// CONCATENATED MODULE: external "@zpc_npm/vue-iclient-common/_utils/gis-utils"
+var gis_utils_namespaceObject = require("@zpc_npm/vue-iclient-common/_utils/gis-utils");
+;// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/defineProperty.js
+function _defineProperty(obj, key, value) {
+  if (key in obj) {
+    Object.defineProperty(obj, key, {
+      value: value,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+  } else {
+    obj[key] = value;
+  }
+
+  return obj;
+}
+;// CONCATENATED MODULE: ./src/webgl/measure/MeasureViewModel.js
+
+//测量操作类
+class MeasureViewModel {
+  constructor(viewer) {
+    _defineProperty(this, "_measureHandler", null);
+
+    _defineProperty(this, "measureEvent", null);
+
+    _defineProperty(this, "activeEvent", null);
+
+    //开启深度检测
+    viewer.scene.globe.depthTestAgainstTerrain = true;
+    this._measureHandler = new Cesium.Kq3dMeasureHandler(viewer);
+    this.measureEvent = this._measureHandler.measureEvent;
+    this.activeEvent = this._measureHandler.activeEvent;
+  } //距离测量
+
+
+  distanceMeasure(mode) {
+    if (mode === "ground") {
+      this._measureHandler.startMeasure(Cesium.Kq3dMeasureMode.TerrainDistance);
+    } else if (mode === "model") {
+      this._measureHandler.startMeasure(Cesium.Kq3dMeasureMode.ModelDistance);
+    } else {
+      this._measureHandler.startMeasure(Cesium.Kq3dMeasureMode.Distance);
+    }
+  } //高度测量(三角测量)
+
+
+  heightMeasure() {
+    this._measureHandler.startMeasure(Cesium.Kq3dMeasureMode.ComplexDistance);
+  } //面积测量
+
+
+  areaMeasure(mode) {
+    if (mode === "ground") {
+      this._measureHandler.startMeasure(Cesium.Kq3dMeasureMode.TerrainArea);
+    } else if (mode === "model") {
+      this._measureHandler.startMeasure(Cesium.Kq3dMeasureMode.ModelArea);
+    } else {
+      this._measureHandler.startMeasure(Cesium.Kq3dMeasureMode.Area);
+    }
+  } //方位角测量
+
+
+  azimuthMeasure() {
+    this._measureHandler.startMeasure(Cesium.Kq3dMeasureMode.Azimuth);
+  } //清除全部测量结果
+
+
+  clear() {
+    this._measureHandler && this._measureHandler.clear();
+  } //销毁
+
+
+  destroy() {
+    this.clear();
+    this._measureHandler = null;
+  }
+
+}
+;// CONCATENATED MODULE: ./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/dist/index.js??ruleSet[0]!./src/webgl/measure/Measure.vue?vue&type=script&setup=true&lang=js
+
+const _hoisted_1 = {
+  class: "kq-measure3d-mode"
+};
+const _hoisted_2 = {
+  class: "panel"
+};
+const _hoisted_3 = {
+  class: "title"
+};
+const _hoisted_4 = {
+  class: "kq-measure3d-btns"
+};
+const _hoisted_5 = {
+  key: 0,
+  class: "kq-measure3d-tip"
+};
+const _hoisted_6 = {
+  key: 0
+};
+const _hoisted_7 = {
+  key: 1
+};
+const _hoisted_8 = {
+  key: 1,
+  class: "kq-measure3d-result"
+};
+const _hoisted_9 = {
+  class: "kq-measure3d-result-panel"
+};
+const _hoisted_10 = {
+  class: "panel"
+};
+const _hoisted_11 = {
+  class: "title"
+};
+const _hoisted_12 = {
+  key: 0,
+  class: "result"
+};
+const _hoisted_13 = {
+  class: "tit"
+};
+const _hoisted_14 = {
+  class: "res"
+};
+const _hoisted_15 = {
+  class: "tit"
+};
+const _hoisted_16 = {
+  class: "res"
+};
+const _hoisted_17 = {
+  class: "tit"
+};
+const _hoisted_18 = {
+  class: "res"
+};
+const _hoisted_19 = {
+  class: "tit"
+};
+const _hoisted_20 = {
+  class: "res"
+};
+const _hoisted_21 = {
+  key: 1,
+  class: "result"
+};
+const _hoisted_22 = {
+  class: "tit"
+};
+const _hoisted_23 = {
+  class: "res"
+};
+
+
+
+
+
+const __default__ = {
+  name: "Kq3dMeasure"
+};
+/* harmony default export */ var Measurevue_type_script_setup_true_lang_js = (/*#__PURE__*/Object.assign(__default__, {
+  props: {
+    showShadow: {
+      type: Boolean,
+      default: false
+    }
+  },
+
+  setup(__props, {
+    expose
+  }) {
+    const props = __props;
+    let measureType = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.ref)(null); // 测量类型
+
+    let isActive = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.ref)(null);
+    let isResult = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.ref)(false);
+    let unitType = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.ref)(null);
+    let result = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.ref)("0");
+    let language = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.ref)({});
+    let mode = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.ref)("space");
+    let modeList = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.reactive)([]);
+    let viewModel = null;
+    (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.onMounted)(() => {
+      gis_utils_namespaceObject.utils.getWebMap(null, scenceView => {
+        if (scenceView) {
+          language.value = scenceView._language;
+          console.log(111, language.value);
+          loadModeData();
+          viewModel = new MeasureViewModel(scenceView._viewer); //注册测量事件，以获取测量结果
+
+          viewModel.measureEvent.addEventListener(function (res) {
+            if (measureType.value === 'distance') {
+              if (res.distance) result.value = formatDistance(res.distance);
+            } else if (measureType.value === 'height' && res) {
+              result.value = {
+                spaceDistance: res.distance ? res.distance.toFixed(2) : 0,
+                horizontalDistance: res.hDistance ? res.hDistance.toFixed(2) : 0,
+                verticalDistance: res.vDistance ? res.vDistance.toFixed(2) : 0,
+                angle: res.angle ? res.angle.toFixed(2) : 0
+              };
+            } else if (measureType.value === 'area') {
+              if (res.area) result.value = formatArea(res.area);
+            } else if (measureType.value === 'azimuth') {
+              console.log(222, res);
+              if (res.azimuth) result.value = formatAzimuth(res.azimuth);
+            }
+          });
+          viewModel.activeEvent.addEventListener(function (active) {
+            if (!active) {
+              if (measureType.value === 'height' && result.value.angle === 0) return;
+              isActive.value = null;
+              isResult.value = true;
+            }
+          });
+        }
+      });
+    }); //加载测量模式数据
+
+    function loadModeData() {
+      modeList.push({
+        label: language.value.spaceMeasure,
+        value: "space"
+      });
+      modeList.push({
+        label: language.value.groundMeasure,
+        value: "ground"
+      });
+      modeList.push({
+        label: language.value.modelMeasure,
+        value: "model"
+      });
+    }
+
+    function formatDistance(dis) {
+      var unit = "m";
+
+      if (dis > 5000) {
+        dis = dis / 1000;
+        unit = "km";
+      }
+
+      return dis.toFixed(2) + " " + unit;
+    }
+
+    function formatArea(area) {
+      var unit = "m²";
+
+      if (area > 1000000) {
+        area = area / 1000000;
+        unit = "km²";
+      }
+
+      return area.toFixed(2) + " " + unit;
+    }
+
+    function formatAzimuth(azimuth) {
+      var unit = "°";
+      return azimuth.toFixed(4) + " " + unit;
+    } // 销毁
+
+
+    (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.onBeforeUnmount)(() => {
+      clearMeasure();
+    }); //开始测量
+
+    function startMeasure(type) {
+      viewModel.clear();
+      isResult.value = false;
+      measureType.value = type;
+      isActive.value = type;
+
+      switch (type) {
+        case "distance":
+          viewModel.distanceMeasure(mode.value);
+          break;
+
+        case "height":
+          mode.value = "space";
+          viewModel.heightMeasure();
+          break;
+
+        case "area":
+          viewModel.areaMeasure(mode.value);
+          break;
+          azimuth;
+
+        case "azimuth":
+          viewModel.azimuthMeasure();
+          break;
+
+        default:
+          break;
+      }
+    }
+    /**
+     * 清除测量
+     */
+
+
+    function clearMeasure() {
+      viewModel && viewModel.clear();
+      measureType.value = null;
+      isActive.value = null;
+      isResult.value = false;
+    }
+
+    expose({
+      clearMeasure
+    });
+    return (_ctx, _cache) => {
+      const _component_kq_option = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.resolveComponent)("kq-option");
+
+      const _component_kq_select = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.resolveComponent)("kq-select");
+
+      const _component_kq_icon = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.resolveComponent)("kq-icon");
+
+      const _component_kq_button = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.resolveComponent)("kq-button");
+
+      const _component_kq_divider = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.resolveComponent)("kq-divider");
+
+      return (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.openBlock)(), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createElementBlock)("section", {
+        class: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.normalizeClass)(["kq-measure3d", __props.showShadow ? 'shadow' : null])
+      }, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createElementVNode)("div", _hoisted_1, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createElementVNode)("div", _hoisted_2, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createElementVNode)("p", _hoisted_3, (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).mode), 1
+      /* TEXT */
+      ), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_select, {
+        modelValue: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(mode),
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.isRef)(mode) ? mode.value = $event : mode = $event),
+        disabled: !!(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(isActive)
+      }, {
+        default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.openBlock)(true), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createElementBlock)(external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.Fragment, null, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.renderList)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(modeList), item => {
+          return (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.openBlock)(), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createBlock)(_component_kq_option, {
+            key: item.value,
+            label: item.label,
+            value: item.value
+          }, null, 8
+          /* PROPS */
+          , ["label", "value"]);
+        }), 128
+        /* KEYED_FRAGMENT */
+        ))]),
+        _: 1
+        /* STABLE */
+
+      }, 8
+      /* PROPS */
+      , ["modelValue", "disabled"])])]), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createElementVNode)("div", _hoisted_4, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_button, {
+        onClick: _cache[1] || (_cache[1] = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withModifiers)($event => startMeasure('distance'), ["stop"])),
+        class: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.normalizeClass)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(isActive) == 'distance' ? 'is-active' : null),
+        title: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(language).distance
+      }, {
+        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_icon, {
+          size: 24
+        }, {
+          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)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(vue_iclient_icons_namespaceObject.IconMeasureDistance))]),
+          _: 1
+          /* STABLE */
+
+        })]),
+        _: 1
+        /* STABLE */
+
+      }, 8
+      /* PROPS */
+      , ["class", "title"]), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_button, {
+        onClick: _cache[2] || (_cache[2] = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withModifiers)($event => startMeasure('height'), ["stop"])),
+        class: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.normalizeClass)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(isActive) == 'height' ? 'is-active' : null),
+        title: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(language).height
+      }, {
+        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_icon, {
+          size: 24
+        }, {
+          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)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(vue_iclient_icons_namespaceObject.IconMeasureCoordinate))]),
+          _: 1
+          /* STABLE */
+
+        })]),
+        _: 1
+        /* STABLE */
+
+      }, 8
+      /* PROPS */
+      , ["class", "title"]), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_button, {
+        onClick: _cache[3] || (_cache[3] = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withModifiers)($event => startMeasure('area'), ["stop"])),
+        class: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.normalizeClass)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(isActive) == 'area' ? 'is-active' : null),
+        title: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(language).area
+      }, {
+        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_icon, {
+          size: 24
+        }, {
+          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)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(vue_iclient_icons_namespaceObject.IconMeasureArea))]),
+          _: 1
+          /* STABLE */
+
+        })]),
+        _: 1
+        /* STABLE */
+
+      }, 8
+      /* PROPS */
+      , ["class", "title"]), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_button, {
+        onClick: _cache[4] || (_cache[4] = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withModifiers)($event => startMeasure('azimuth'), ["stop"])),
+        class: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.normalizeClass)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(isActive) == 'azimuth' ? 'is-active' : null),
+        title: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(language).azimuthMeasure
+      }, {
+        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_icon, {
+          size: 24
+        }, {
+          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)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(vue_iclient_icons_namespaceObject.IconMeasureAzimuth))]),
+          _: 1
+          /* STABLE */
+
+        })]),
+        _: 1
+        /* STABLE */
+
+      }, 8
+      /* PROPS */
+      , ["class", "title"]), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_button, {
+        type: "danger",
+        plain: "",
+        onClick: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withModifiers)(clearMeasure, ["stop"]),
+        title: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(language).clear
+      }, {
+        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_icon, {
+          size: 24
+        }, {
+          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)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(icons_vue_namespaceObject.Delete))]),
+          _: 1
+          /* STABLE */
+
+        })]),
+        _: 1
+        /* STABLE */
+
+      }, 8
+      /* PROPS */
+      , ["onClick", "title"])]), !!(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(isActive) ? ((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.openBlock)(), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createElementBlock)("div", _hoisted_5, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_divider), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(measureType) === 'height' ? ((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.openBlock)(), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createElementBlock)("p", _hoisted_6, (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).measureTips1), 1
+      /* TEXT */
+      )) : ((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.openBlock)(), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createElementBlock)("p", _hoisted_7, (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).measureTips), 1
+      /* TEXT */
+      ))])) : (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createCommentVNode)("v-if", true), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(isResult) ? ((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.openBlock)(), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createElementBlock)("div", _hoisted_8, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_divider), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createElementVNode)("div", _hoisted_9, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createElementVNode)("div", _hoisted_10, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createElementVNode)("p", _hoisted_11, (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).measureResult), 1
+      /* TEXT */
+      ), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(measureType) === 'height' ? ((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.openBlock)(), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createElementBlock)("div", _hoisted_12, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createElementVNode)("p", _hoisted_13, (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).spaceDistance), 1
+      /* TEXT */
+      ), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createElementVNode)("p", _hoisted_14, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.toDisplayString)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(result).spaceDistance) + " m", 1
+      /* TEXT */
+      ), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createElementVNode)("p", _hoisted_15, (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).horizontalDistance), 1
+      /* TEXT */
+      ), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createElementVNode)("p", _hoisted_16, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.toDisplayString)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(result).horizontalDistance) + " m", 1
+      /* TEXT */
+      ), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createElementVNode)("p", _hoisted_17, (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).verticalDistance), 1
+      /* TEXT */
+      ), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createElementVNode)("p", _hoisted_18, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.toDisplayString)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(result).verticalDistance) + " m", 1
+      /* TEXT */
+      ), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createElementVNode)("p", _hoisted_19, (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).angle), 1
+      /* TEXT */
+      ), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createElementVNode)("p", _hoisted_20, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.toDisplayString)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(result).angle) + " °", 1
+      /* TEXT */
+      )])) : ((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.openBlock)(), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createElementBlock)("div", _hoisted_21, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createElementVNode)("p", _hoisted_22, (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)[(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(measureType)]), 1
+      /* TEXT */
+      ), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createElementVNode)("p", _hoisted_23, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.toDisplayString)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(result)), 1
+      /* TEXT */
+      )]))])])])) : (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createCommentVNode)("v-if", true)], 2
+      /* CLASS */
+      );
+    };
+  }
+
+}));
+;// CONCATENATED MODULE: ./src/webgl/measure/Measure.vue?vue&type=script&setup=true&lang=js
+ 
+;// CONCATENATED MODULE: ./src/webgl/measure/Measure.vue
+
+
+
+const __exports__ = Measurevue_type_script_setup_true_lang_js;
+
+/* harmony default export */ var Measure = (__exports__);
+;// CONCATENATED MODULE: external "@zpc_npm/vue-iclient-common/init.js"
+var init_js_namespaceObject = require("@zpc_npm/vue-iclient-common/init.js");
+var init_js_default = /*#__PURE__*/__webpack_require__.n(init_js_namespaceObject);
+;// CONCATENATED MODULE: ./src/webgl/measure/index.js
+
+
+
+
+Measure.install = (Vue, opts) => {
+  init_js_default()(Vue, opts);
+  Vue.component(Measure.name, Measure);
+};
+
+
+module.exports = __webpack_exports__;
+/******/ })()
+;

package/measure/style/css.js

@@ -0,0 +1,3 @@
+"use strict";
+
+require("./measure.css");

package/measure/style/index.js

@@ -0,0 +1,3 @@
+"use strict";
+
+require("./measure.css");

package/measure/style/measure.css

@@ -0,0 +1 @@
+:root{--kq-box-padding:16px;--kq-header-bg-color:var(--kq-color-primary);--kq-header-border-color:var(--kq-color-primary)}.kq-measure3d{z-index:999;width:272px;border-radius:var(--kq-border-radius-base);padding:16px;pointer-events:auto;cursor:default;background-color:var(--kq-bg-color)}.kq-measure3d.shadow{-webkit-box-shadow:var(--kq-box-shadow);box-shadow:var(--kq-box-shadow)}.kq-measure3d p{margin:0}.kq-measure3d .kq-measure3d-mode{margin-left:5px}.kq-measure3d .kq-measure3d-mode .panel{width:100%}.kq-measure3d .kq-measure3d-mode .panel .title{color:var(--kq-text-color-regular);margin:0 0 8px;font-size:14px}.kq-measure3d .kq-measure3d-mode .panel .kq-select{width:100%}.kq-measure3d .kq-measure3d-btns{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;margin-top:12px}.kq-measure3d .kq-measure3d-btns .kq-button{width:48px;height:48px}.kq-measure3d .kq-measure3d-btns .kq-button .kq-icon path{fill:var(--kq-color-primary)}.kq-measure3d .kq-measure3d-btns .kq-button .icon-delete path{fill:var(--kq-color-danger)}.kq-measure3d .kq-measure3d-btns .kq-button:active .icon-delete path,.kq-measure3d .kq-measure3d-btns .kq-button:focus .icon-delete path,.kq-measure3d .kq-measure3d-btns .kq-button:hover .icon-delete path{fill:var(--kq-color-white)!important}.kq-measure3d .kq-measure3d-tip{color:var(--kq-text-color-regular);font-size:13px}.kq-measure3d .kq-measure3d-tip .kq-divider{margin:16px 0}.kq-measure3d .kq-measure3d-tip>p{margin:0}.kq-measure3d .kq-measure3d-result .kq-divider{margin:16px 0}.kq-measure3d .kq-measure3d-result .kq-measure3d-result-panel .panel{padding-bottom:16px}.kq-measure3d .kq-measure3d-result .kq-measure3d-result-panel .panel:last-child{padding:0}.kq-measure3d .kq-measure3d-result .kq-measure3d-result-panel .panel .title{color:var(--kq-text-color-regular);margin:0 0 8px;font-size:14px}.kq-measure3d .kq-measure3d-result .kq-measure3d-result-panel .panel .kq-select{width:100%}.kq-measure3d .kq-measure3d-result .kq-measure3d-result-panel .panel .result{padding:8px;background:var(--kq-sub-bg-color);border-radius:var(--kq-border-radius-base);color:var(--kq-text-color-regular);font-size:14px}.kq-measure3d .kq-measure3d-result .kq-measure3d-result-panel .panel .result .tit{padding-bottom:8px}.kq-measure3d .kq-measure3d-result .kq-measure3d-result-panel .panel .result .res+.tit{padding-top:12px}