@kq_npm/client3d_webgl_vue 0.0.1-beta

package/gpuspatialquery/index.js

@@ -0,0 +1,906 @@
+/******/ (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__, {
+  "GpuSpatialQueryViewModel": function() { return /* reexport */ GpuSpatialQueryViewModel; },
+  "default": function() { return /* reexport */ GpuSpatialQuery; }
+});
+
+;// 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 "@zpc_npm/vue-iclient-common/_utils/gis-utils"
+var gis_utils_namespaceObject = require("@zpc_npm/vue-iclient-common/_utils/gis-utils");
+;// CONCATENATED MODULE: external "xe-utils"
+var external_xe_utils_namespaceObject = require("xe-utils");
+var external_xe_utils_default = /*#__PURE__*/__webpack_require__.n(external_xe_utils_namespaceObject);
+;// 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/gpuspatialquery/GpuSpatialQueryViewModel.js
+
+//GPU空间查询逻辑类
+class GpuSpatialQueryViewModel {
+  constructor(scenceView, options) {
+    _defineProperty(this, "_gpuSpatialQuery", null);
+
+    _defineProperty(this, "_drawManager", null);
+
+    _defineProperty(this, "_geometry", null);
+
+    _defineProperty(this, "_center", null);
+
+    _defineProperty(this, "_options", null);
+
+    _defineProperty(this, "finishedQuery", null);
+
+    _defineProperty(this, "_removeEventListener", null);
+
+    options.viewer = scenceView._viewer;
+    options.viewer.scene.globe.depthTestAgainstTerrain = true;
+    options.viewer.scene.logarithmicDepthBuffer = true;
+    options.viewer.scene.globe.enableLighting = true;
+    this._options = options;
+    this._gpuSpatialQuery = new Cesium.Kq3dSpatialQuery({
+      viewer: options.viewer
+    });
+    this.finishedQuery = this._gpuSpatialQuery.finishSQ;
+    this._drawManager = scenceView._drawManager;
+    var that = this;
+    that._removeEventListener = that._drawManager.drawFinishedEvent.addEventListener(shape => {
+      if (shape) {
+        that._drawManager.clear();
+
+        that._center = shape.position; //that.startQuery();
+
+        setTimeout(() => {
+          //绘制跟高亮显示有冲突，所以延时执行查询
+          that.startQuery();
+        }, 10);
+      }
+    });
+
+    that._gpuSpatialQuery.finishSQ.addEventListener(function () {
+      // 查询结束后的回调事件,高亮结果
+      for (let l = 0; l < that._gpuSpatialQuery._layers.length; l++) {
+        const tileset = that._gpuSpatialQuery._layers[l].layer;
+        const queryIds = that._gpuSpatialQuery._layers[l].sqResult;
+
+        for (let n = 0; n < tileset._selectedTiles.length; n++) {
+          const tile = tileset._selectedTiles[n];
+          const content = tile.content;
+
+          for (let i = 0; i < content.featuresLength; i++) {
+            const feature = content.getFeature(i);
+            let bFind = false;
+
+            if (feature.pickId) {
+              const id = feature.pickId.key;
+
+              for (let j = 0; j < queryIds.length; j++) {
+                if (queryIds[j] == id) {
+                  bFind = true;
+                }
+              }
+            }
+
+            if (bFind) {
+              feature.color = Cesium.Color.AQUA;
+            } else {
+              feature.color = Cesium.Color.WHITE;
+            }
+          }
+        }
+
+        tileset.makeStyleDirty();
+      }
+    });
+  } //开始绘制
+
+
+  start() {
+    this.findLayers();
+
+    this._drawManager.startDraw("marker", {
+      image: null
+    });
+  } // 开始查询
+
+
+  startQuery() {
+    this.createGeometry();
+
+    this._gpuSpatialQuery.setGeom(this._geometry);
+
+    this._gpuSpatialQuery.setSpaceTopology(this._options.positionMode);
+
+    this._gpuSpatialQuery.setLayers(this._options.layers);
+
+    this._gpuSpatialQuery.start();
+  } //清除全部结果
+
+
+  clear() {
+    this._gpuSpatialQuery && this._gpuSpatialQuery.clear();
+  } //销毁
+
+
+  destroy() {
+    this.clear();
+    this._gpuSpatialQuery && this._gpuSpatialQuery.destroy();
+    this._gpuSpatialQuery = null; //移除监听事件
+
+    this._removeEventListener && this._removeEventListener();
+    this._removeEventListener = null;
+  } // 查找所有3dtiles模型对象
+
+
+  findLayers() {
+    this._options.layers = [];
+    const primitives = this._options.viewer.scene.primitives._primitives;
+
+    for (let m = 0; m < primitives.length; m++) {
+      if (primitives[m] instanceof Cesium.Cesium3DTileset) {
+        this._options.layers.push(new Cesium.Kq3dLayerQuery(primitives[m]));
+      }
+    }
+  } //创建查询体
+
+
+  createGeometry() {
+    switch (this._options.volumeType) {
+      case 0:
+        var options0 = {
+          length: 260,
+          width: 260,
+          height: 260,
+          position: this._center
+        };
+        this._geometry = new Cesium.Kq3dGeoBox(options0);
+        break;
+
+      case 1:
+        var options1 = {
+          position: this._center,
+          radius: 160
+        };
+        this._geometry = new Cesium.Kq3dGeoSphere(options1);
+        break;
+
+      case 2:
+        var options2 = {
+          position: this._center,
+          height: 300,
+          topRadius: 130,
+          bottomRadius: 130
+        };
+        this._geometry = new Cesium.Kq3dGeoCylinder(options2);
+        break;
+
+      case 3:
+        var options3 = {
+          position: this._center,
+          xRadius: 200,
+          yRadius: 120,
+          zRadius: 160
+        };
+        this._geometry = new Cesium.Kq3dGeoEllipsoid(options3);
+        break;
+
+      case 4:
+        var options4 = {
+          position: this._center,
+          height: 300,
+          bottomRadius: 160
+        };
+        this._geometry = new Cesium.Kq3dGeoCone(options4);
+        break;
+
+      default:
+        break;
+    }
+
+    if (this._geometry) {
+      this._geometry.scaleX = this._options.scale;
+      this._geometry.scaleY = this._options.scale;
+      this._geometry.scaleZ = this._options.scale;
+      this._geometry.rotationX = this._options.xAngle;
+      this._geometry.rotationY = this._options.yAngle;
+      this._geometry.rotationZ = this._options.zAngle;
+    }
+  } //查询体类型
+
+
+  setType(type) {
+    this._options.volumeType = type;
+    this.createGeometry();
+
+    if (this._gpuSpatialQuery) {
+      this._gpuSpatialQuery.setGeom(this._geometry);
+
+      this._gpuSpatialQuery.start();
+    } //this.startQuery();
+
+  } //查询体模式 相交  相离  包含
+
+
+  setMode(mode) {
+    this._options.positionMode = mode;
+
+    if (this._gpuSpatialQuery) {
+      this._gpuSpatialQuery.setSpaceTopology(mode);
+
+      this._gpuSpatialQuery.start();
+    } //this.startQuery();
+
+  } //查询体缩放
+
+
+  setScale(scale) {
+    this._options.scale = scale;
+
+    if (this._geometry) {
+      this._geometry.scaleX = scale;
+      this._geometry.scaleY = scale;
+      this._geometry.scaleZ = scale;
+      this._gpuSpatialQuery && this._gpuSpatialQuery.start();
+    } //this.startQuery();
+
+  } //查询体绕X轴旋转
+
+
+  setXangle(xAngle) {
+    this._options.xAngle = xAngle;
+
+    if (this._geometry) {
+      this._geometry.rotationX = xAngle;
+      this._gpuSpatialQuery && this._gpuSpatialQuery.start();
+    } //this.startQuery();
+
+  } //查询体绕Y轴旋转
+
+
+  setYangle(yAngle) {
+    this._options.yAngle = yAngle;
+
+    if (this._geometry) {
+      this._geometry.rotationY = yAngle;
+      this._gpuSpatialQuery && this._gpuSpatialQuery.start();
+    } //this.startQuery();
+
+  } //查询体绕Z轴旋转
+
+
+  setZangle(zAngle) {
+    this._options.zAngle = zAngle;
+
+    if (this._geometry) {
+      this._geometry.rotationZ = zAngle;
+      this._gpuSpatialQuery && this._gpuSpatialQuery.start();
+    } //this.startQuery();
+
+  }
+
+}
+;// CONCATENATED MODULE: ./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/dist/index.js??ruleSet[0]!./src/webgl/gpuspatialquery/GpuSpatialQuery.vue?vue&type=script&setup=true&lang=js
+
+const _hoisted_1 = {
+  class: "kq3d-gpu-spatial-query"
+};
+const _hoisted_2 = {
+  class: "kq3d-gpu-spatial-query-footer"
+};
+
+
+
+
+const __default__ = {
+  name: "Kq3dGpuSpatialQuery"
+};
+/* harmony default export */ var GpuSpatialQueryvue_type_script_setup_true_lang_js = (/*#__PURE__*/Object.assign(__default__, {
+  props: {
+    //图形
+    volumeType: {
+      type: Number,
+      default: 0,
+
+      validator(value) {
+        // 输入值必须被包含
+        return external_xe_utils_default().includeArrays([0, 1, 2, 3, 4], value);
+      }
+
+    },
+    // 空间关系
+    positionMode: {
+      type: Number,
+      default: 0,
+
+      validator(value) {
+        // 输入值必须被包含
+        return external_xe_utils_default().includeArrays([0, 1, 2], value);
+      }
+
+    },
+    // 设置参数
+    settingParams: {
+      type: Object
+    }
+  },
+
+  setup(__props, {
+    expose
+  }) {
+    const props = __props;
+    let language = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.ref)({});
+    let collapseValue = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.ref)(""); // 获取组件传参
+
+    let formItem = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.reactive)({
+      volumeType: props.volumeType || 0,
+      positionMode: props.positionMode || 0,
+      scale: props.settingParams && props.settingParams.scale || 1,
+      xRotate: props.settingParams && props.settingParams.xRotate || 0,
+      yRotate: props.settingParams && props.settingParams.yRotate || 0,
+      zRotate: props.settingParams && props.settingParams.zRotate || 0
+    });
+    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;
+          var options = {
+            volumeType: formItem.volumeType,
+            positionMode: formItem.positionMode,
+            scale: formItem.scale,
+            xAngle: formItem.xRotate,
+            yAngle: formItem.yRotate,
+            zAngle: formItem.zRotate
+          };
+          viewModel = new GpuSpatialQueryViewModel(scenceView, options);
+        }
+      });
+    });
+
+    function paramsChanged(key) {
+      switch (key) {
+        case "type":
+          viewModel.setType(formItem.volumeType);
+          break;
+
+        case "mode":
+          viewModel.setMode(formItem.positionMode);
+          break;
+
+        case "scale":
+          viewModel.setScale(formItem.scale);
+          break;
+
+        case "xRotate":
+          viewModel.setXangle(formItem.xRotate);
+          break;
+
+        case "yRotate":
+          viewModel.setYangle(formItem.yRotate);
+          break;
+
+        case "zRotate":
+          viewModel.setZangle(formItem.zRotate);
+          break;
+
+        default:
+          break;
+      }
+    }
+
+    function query() {
+      viewModel && viewModel.start();
+    }
+
+    function reset() {
+      viewModel && viewModel.clear();
+    } // 销毁
+
+
+    (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.onBeforeUnmount)(() => {
+      viewModel && viewModel.destroy();
+    });
+    expose({
+      reset
+    });
+    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_form_item = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.resolveComponent)("kq-form-item");
+
+      const _component_kq_row = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.resolveComponent)("kq-row");
+
+      const _component_kq_form = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.resolveComponent)("kq-form");
+
+      const _component_kq_slider = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.resolveComponent)("kq-slider");
+
+      const _component_kq_col = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.resolveComponent)("kq-col");
+
+      const _component_kq_input_number = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.resolveComponent)("kq-input-number");
+
+      const _component_kq_collapse_item = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.resolveComponent)("kq-collapse-item");
+
+      const _component_kq_collapse = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.resolveComponent)("kq-collapse");
+
+      const _component_kq_button = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.resolveComponent)("kq-button");
+
+      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", _hoisted_1, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_form, {
+        "label-width": "100px",
+        "label-position": "left"
+      }, {
+        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_row, null, {
+          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_form_item, {
+            label: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(language).queryShape
+          }, {
+            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_select, {
+              modelValue: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).volumeType,
+              "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).volumeType = $event),
+              onChange: _cache[1] || (_cache[1] = $event => paramsChanged('type'))
+            }, {
+              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_option, {
+                label: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(language).cube,
+                value: 0
+              }, null, 8
+              /* PROPS */
+              , ["label"]), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_option, {
+                label: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(language).sphere,
+                value: 1
+              }, null, 8
+              /* PROPS */
+              , ["label"]), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_option, {
+                label: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(language).cylinder,
+                value: 2
+              }, null, 8
+              /* PROPS */
+              , ["label"]), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_option, {
+                label: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(language).ellipsoid,
+                value: 3
+              }, null, 8
+              /* PROPS */
+              , ["label"]), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_option, {
+                label: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(language).cone,
+                value: 4
+              }, null, 8
+              /* PROPS */
+              , ["label"])]),
+              _: 1
+              /* STABLE */
+
+            }, 8
+            /* PROPS */
+            , ["modelValue"])]),
+            _: 1
+            /* STABLE */
+
+          }, 8
+          /* PROPS */
+          , ["label"])]),
+          _: 1
+          /* STABLE */
+
+        }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_row, null, {
+          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_form_item, {
+            label: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(language).locaLMode
+          }, {
+            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_select, {
+              modelValue: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).positionMode,
+              "onUpdate:modelValue": _cache[2] || (_cache[2] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).positionMode = $event),
+              onChange: _cache[3] || (_cache[3] = $event => paramsChanged('mode'))
+            }, {
+              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_option, {
+                label: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(language).intersect,
+                value: 0
+              }, null, 8
+              /* PROPS */
+              , ["label"]), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_option, {
+                label: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(language).disjoint,
+                value: 1
+              }, null, 8
+              /* PROPS */
+              , ["label"]), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_option, {
+                label: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(language).contain,
+                value: 2
+              }, null, 8
+              /* PROPS */
+              , ["label"])]),
+              _: 1
+              /* STABLE */
+
+            }, 8
+            /* PROPS */
+            , ["modelValue"])]),
+            _: 1
+            /* STABLE */
+
+          }, 8
+          /* PROPS */
+          , ["label"])]),
+          _: 1
+          /* STABLE */
+
+        })]),
+        _: 1
+        /* STABLE */
+
+      }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_row, {
+        class: "kq3d-gpu-spatial-query-tip"
+      }, {
+        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).queryTips), 1
+        /* TEXT */
+        )]),
+        _: 1
+        /* STABLE */
+
+      }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_collapse, {
+        "model-value": (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(collapseValue),
+        class: "kq3d-gpu-spatial-query-set-title"
+      }, {
+        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_collapse_item, {
+          title: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(language).analysisSettings,
+          name: "setting"
+        }, {
+          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_form, {
+            "label-width": "100px",
+            "label-position": "left"
+          }, {
+            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_row, null, {
+              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_form_item, {
+                label: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(language).zoom
+              }, {
+                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_row, {
+                  style: {
+                    "display": "flex"
+                  }
+                }, {
+                  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_col, {
+                    span: 16
+                  }, {
+                    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_slider, {
+                      modelValue: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).scale,
+                      "onUpdate:modelValue": _cache[4] || (_cache[4] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).scale = $event),
+                      step: 0.1,
+                      min: 0.1,
+                      max: 10,
+                      onInput: _cache[5] || (_cache[5] = $event => paramsChanged('scale'))
+                    }, null, 8
+                    /* PROPS */
+                    , ["modelValue", "step", "min"])]),
+                    _: 1
+                    /* STABLE */
+
+                  }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_col, {
+                    span: 8
+                  }, {
+                    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, {
+                      modelValue: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).scale,
+                      "onUpdate:modelValue": _cache[6] || (_cache[6] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).scale = $event),
+                      min: 0.1,
+                      max: 10,
+                      step: 0.1,
+                      "controls-position": "right",
+                      onInput: _cache[7] || (_cache[7] = $event => paramsChanged('scale'))
+                    }, null, 8
+                    /* PROPS */
+                    , ["modelValue", "min", "step"])]),
+                    _: 1
+                    /* STABLE */
+
+                  })]),
+                  _: 1
+                  /* STABLE */
+
+                })]),
+                _: 1
+                /* STABLE */
+
+              }, 8
+              /* PROPS */
+              , ["label"])]),
+              _: 1
+              /* STABLE */
+
+            }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_row, null, {
+              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_form_item, {
+                label: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(language).xRotate
+              }, {
+                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_row, {
+                  style: {
+                    "display": "flex"
+                  }
+                }, {
+                  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_col, {
+                    span: 16
+                  }, {
+                    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_slider, {
+                      modelValue: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).xRotate,
+                      "onUpdate:modelValue": _cache[8] || (_cache[8] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).xRotate = $event),
+                      step: 1,
+                      min: 0,
+                      max: 120,
+                      onInput: _cache[9] || (_cache[9] = $event => paramsChanged('xRotate'))
+                    }, null, 8
+                    /* PROPS */
+                    , ["modelValue"])]),
+                    _: 1
+                    /* STABLE */
+
+                  }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_col, {
+                    span: 8
+                  }, {
+                    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, {
+                      modelValue: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).xRotate,
+                      "onUpdate:modelValue": _cache[10] || (_cache[10] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).xRotate = $event),
+                      min: 0,
+                      max: 120,
+                      step: 1,
+                      "controls-position": "right",
+                      onInput: _cache[11] || (_cache[11] = $event => paramsChanged('xRotate'))
+                    }, null, 8
+                    /* PROPS */
+                    , ["modelValue"])]),
+                    _: 1
+                    /* STABLE */
+
+                  })]),
+                  _: 1
+                  /* STABLE */
+
+                })]),
+                _: 1
+                /* STABLE */
+
+              }, 8
+              /* PROPS */
+              , ["label"])]),
+              _: 1
+              /* STABLE */
+
+            }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_row, null, {
+              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_form_item, {
+                label: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(language).yRotate
+              }, {
+                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_row, {
+                  style: {
+                    "display": "flex"
+                  }
+                }, {
+                  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_col, {
+                    span: 16
+                  }, {
+                    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_slider, {
+                      modelValue: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).yRotate,
+                      "onUpdate:modelValue": _cache[12] || (_cache[12] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).yRotate = $event),
+                      step: 1,
+                      min: 0,
+                      max: 90,
+                      onInput: _cache[13] || (_cache[13] = $event => paramsChanged('yRotate'))
+                    }, null, 8
+                    /* PROPS */
+                    , ["modelValue"])]),
+                    _: 1
+                    /* STABLE */
+
+                  }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_col, {
+                    span: 8
+                  }, {
+                    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, {
+                      modelValue: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).yRotate,
+                      "onUpdate:modelValue": _cache[14] || (_cache[14] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).yRotate = $event),
+                      min: 0,
+                      max: 90,
+                      step: 1,
+                      "controls-position": "right",
+                      onInput: _cache[15] || (_cache[15] = $event => paramsChanged('yRotate'))
+                    }, null, 8
+                    /* PROPS */
+                    , ["modelValue"])]),
+                    _: 1
+                    /* STABLE */
+
+                  })]),
+                  _: 1
+                  /* STABLE */
+
+                })]),
+                _: 1
+                /* STABLE */
+
+              }, 8
+              /* PROPS */
+              , ["label"])]),
+              _: 1
+              /* STABLE */
+
+            }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_row, null, {
+              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_form_item, {
+                label: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(language).zRotate
+              }, {
+                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_row, {
+                  style: {
+                    "display": "flex"
+                  }
+                }, {
+                  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_col, {
+                    span: 16
+                  }, {
+                    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_slider, {
+                      modelValue: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).zRotate,
+                      "onUpdate:modelValue": _cache[16] || (_cache[16] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).zRotate = $event),
+                      step: 1,
+                      min: 0,
+                      max: 90,
+                      onInput: _cache[17] || (_cache[17] = $event => paramsChanged('zRotate'))
+                    }, null, 8
+                    /* PROPS */
+                    , ["modelValue"])]),
+                    _: 1
+                    /* STABLE */
+
+                  }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_col, {
+                    span: 8
+                  }, {
+                    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, {
+                      modelValue: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).zRotate,
+                      "onUpdate:modelValue": _cache[18] || (_cache[18] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).zRotate = $event),
+                      min: 0,
+                      max: 90,
+                      step: 1,
+                      "controls-position": "right",
+                      onInput: _cache[19] || (_cache[19] = $event => paramsChanged('zRotate'))
+                    }, null, 8
+                    /* PROPS */
+                    , ["modelValue"])]),
+                    _: 1
+                    /* STABLE */
+
+                  })]),
+                  _: 1
+                  /* STABLE */
+
+                })]),
+                _: 1
+                /* STABLE */
+
+              }, 8
+              /* PROPS */
+              , ["label"])]),
+              _: 1
+              /* STABLE */
+
+            })]),
+            _: 1
+            /* STABLE */
+
+          })]),
+          _: 1
+          /* STABLE */
+
+        }, 8
+        /* PROPS */
+        , ["title"])]),
+        _: 1
+        /* STABLE */
+
+      }, 8
+      /* PROPS */
+      , ["model-value"]), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createElementVNode)("div", _hoisted_2, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_button, {
+        onClick: _cache[20] || (_cache[20] = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withModifiers)($event => query(), ["stop"])),
+        title: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(language).gpuQuery,
+        type: "primary"
+      }, {
+        default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createTextVNode)((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).gpuQuery), 1
+        /* TEXT */
+        )]),
+        _: 1
+        /* STABLE */
+
+      }, 8
+      /* PROPS */
+      , ["title"]), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_button, {
+        onClick: _cache[21] || (_cache[21] = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withModifiers)($event => reset(), ["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.createTextVNode)((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).clear), 1
+        /* TEXT */
+        )]),
+        _: 1
+        /* STABLE */
+
+      }, 8
+      /* PROPS */
+      , ["title"])])]);
+    };
+  }
+
+}));
+;// CONCATENATED MODULE: ./src/webgl/gpuspatialquery/GpuSpatialQuery.vue?vue&type=script&setup=true&lang=js
+ 
+;// CONCATENATED MODULE: ./src/webgl/gpuspatialquery/GpuSpatialQuery.vue
+
+
+
+const __exports__ = GpuSpatialQueryvue_type_script_setup_true_lang_js;
+
+/* harmony default export */ var GpuSpatialQuery = (__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/gpuspatialquery/index.js
+
+
+
+
+GpuSpatialQuery.install = (Vue, opts) => {
+  init_js_default()(Vue, opts);
+  Vue.component(GpuSpatialQuery.name, GpuSpatialQuery);
+};
+
+
+module.exports = __webpack_exports__;
+/******/ })()
+;