@kq_npm/client3d_webgl_vue 4.5.55 → 4.5.56

package/gpuspatialquery/index.js

@@ -393,6 +393,10 @@ var _default = exports.A = /*@__PURE__*/Object.assign(__default__, {
     mapTarget: {
       type: String
     },
+    propertyName: {
+      type: String,
+      default: "id"
+    },
     //图形
     volumeType: {
       type: Number,
@@ -510,6 +514,7 @@ var _default = exports.A = /*@__PURE__*/Object.assign(__default__, {
       _gisUtils.utils.getWebMap(props.mapTarget, scenceView => {
         if (scenceView) {
           viewModel = new _GPUSpatialQueryViewModel.default(scenceView, {
+            propertyName: props.propertyName,
             volumeType: formItem.volumeType,
             positionMode: formItem.positionMode,
             scale: formItem.scale,
@@ -1018,13 +1023,15 @@ class GPUSpatialQueryViewModel {
     //绘制图形的坐标
     this._options = null;
     //传入参数
-    this.finishedQuery = null;
-    //绘制后的查询事件
     this._language = {};
+    this._propertyName = "id";
+    // 模型属性匹配字段名称
+    this._useDBId = true;
     const {
       locale
     } = (0, _useGlobalConfig.useLocale)();
     this._language = locale;
+    if (options.propertyName) this._propertyName = options.propertyName;
     options.viewer = scenceView._viewer;
     options.viewer.scene.globe.depthTestAgainstTerrain = true;
     options.viewer.scene.logarithmicDepthBuffer = true;
@@ -1033,7 +1040,8 @@ class GPUSpatialQueryViewModel {
     this._gpuSpatialQuery = new Cesium.Kq3dSpatialQuery({
       viewer: options.viewer
     });
-    this.finishedQuery = this._gpuSpatialQuery.finishSQ;
+    this._gpuSpatialQuery.useDBId = this._useDBId;
+    this._gpuSpatialQuery.keyPropertyName = this._propertyName;
     this._drawManager = scenceView._drawManager;
     var that = this;
     this._gpuSpatialQuery.finishSQ.addEventListener(function () {
@@ -1048,13 +1056,14 @@ class GPUSpatialQueryViewModel {
           if (content) {
             for (let i = 0; i < content.featuresLength; i++) {
               const feature = content.getFeature(i);
+              const idname = feature.getProperty(that._propertyName);
               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;
-                  }
+              let id = null;
+              if (feature.pickId) id = feature.pickId.key;
+              if (that._useDBId) id = idname;
+              for (let j = 0; j < queryIds.length; j++) {
+                if (queryIds[j] == id) {
+                  bFind = true;
                 }
               }
               if (bFind) {
@@ -1131,6 +1140,16 @@ class GPUSpatialQueryViewModel {
     this.clear();
     // this._gpuSpatialQuery && this._gpuSpatialQuery.destroy();
     this._gpuSpatialQuery = null;
+    // 清除所有3dtiles对象的监听事件
+    const primitives = this._options.viewer.scene.primitives._primitives;
+    for (let m = 0; m < primitives.length; m++) {
+      if (primitives[m] instanceof Cesium.Cesium3DTileset) {
+        if (primitives[m].tileVisibleRemoveCallback) {
+          primitives[m].tileVisibleRemoveCallback();
+          delete primitives[m].tileVisibleRemoveCallback;
+        }
+      }
+    }
   }
 
   // 查找所有3dtiles模型对象
@@ -1140,6 +1159,47 @@ class GPUSpatialQueryViewModel {
     for (let m = 0; m < primitives.length; m++) {
       if (primitives[m] instanceof Cesium.Cesium3DTileset) {
         this._options.layers.push(new Cesium.Kq3dLayerQuery(primitives[m]));
+        if (!primitives[m].tileVisibleRemoveCallback) {
+          primitives[m].tileVisibleRemoveCallback = primitives[m].tileVisible.addEventListener(this.tileVisibleListener, this);
+        }
+      }
+    }
+  }
+
+  // 3dtiles瓦片刷新时重新高亮模型
+  tileVisibleListener(tile) {
+    let tileset = tile.tileset;
+    let content = tile.content;
+    let queryIds;
+    if (this._gpuSpatialQuery) {
+      for (let c = 0; c < this._gpuSpatialQuery._layers.length; c++) {
+        if (this._gpuSpatialQuery._layers[c].layer == tileset) {
+          queryIds = this._gpuSpatialQuery._layers[c].sqResult;
+          break;
+        }
+      }
+    }
+    if (queryIds && queryIds.length > 0) {
+      for (let i = 0; i < content.featuresLength; i++) {
+        let feature = content.getFeature(i);
+        let idname = feature.getProperty(this._propertyName);
+        let bFind = false;
+        let id = null;
+        if (feature.pickId) id = feature.pickId.key;
+        let accId = id;
+        if (this._useDBId) accId = idname;
+        for (var j = 0; j < queryIds.length; j++) {
+          if (queryIds[j] == accId) {
+            bFind = true;
+          }
+        }
+        if (bFind) feature.color = Cesium.Color.AQUA;else feature.color = Cesium.Color.WHITE;
+      }
+      tileset.makeStyleDirty();
+    } else {
+      for (let i = 0; i < content.featuresLength; i++) {
+        let feature = content.getFeature(i);
+        feature.color = Cesium.Color.WHITE;
       }
     }
   }

package/gridoccupancyquery/index.js

@@ -0,0 +1,561 @@
+(function webpackUniversalModuleDefinition(root, factory) {
+	if(typeof exports === 'object' && typeof module === 'object')
+		module.exports = factory(require("vue"), require("@kq_npm/client_common_vue/_utils/gis-utils"), require("@kq_npm/client_common_vue/init.js"), require("@kq_npm/client_common_vue/configprovider/useGlobalConfig"));
+	else if(typeof define === 'function' && define.amd)
+		define("@kq_npm/client3d_webgl_vue", ["vue", "@kq_npm/client_common_vue/_utils/gis-utils", "@kq_npm/client_common_vue/init.js", "@kq_npm/client_common_vue/configprovider/useGlobalConfig"], factory);
+	else if(typeof exports === 'object')
+		exports["@kq_npm/client3d_webgl_vue"] = factory(require("vue"), require("@kq_npm/client_common_vue/_utils/gis-utils"), require("@kq_npm/client_common_vue/init.js"), require("@kq_npm/client_common_vue/configprovider/useGlobalConfig"));
+	else
+		root["@kq_npm/client3d_webgl_vue"] = factory(root["Vue"], root["@kq_npm/client_common_vue/_utils/gis-utils"], root["@kq_npm/client_common_vue/init.js"], root["@kq_npm/client_common_vue/configprovider/useGlobalConfig"]);
+})(this, function(__WEBPACK_EXTERNAL_MODULE__50154__, __WEBPACK_EXTERNAL_MODULE__20064__, __WEBPACK_EXTERNAL_MODULE__20455__, __WEBPACK_EXTERNAL_MODULE__22686__) {
+return /******/ (function() { // webpackBootstrap
+/******/ 	"use strict";
+/******/ 	var __webpack_modules__ = ({
+
+/***/ 20064:
+/***/ (function(module) {
+
+module.exports = __WEBPACK_EXTERNAL_MODULE__20064__;
+
+/***/ }),
+
+/***/ 20455:
+/***/ (function(module) {
+
+module.exports = __WEBPACK_EXTERNAL_MODULE__20455__;
+
+/***/ }),
+
+/***/ 21365:
+/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+// ESM COMPAT FLAG
+__webpack_require__.r(__webpack_exports__);
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  __esModule: function() { return /* reexport */ GridOccupancyQueryvue_type_script_setup_true_lang_js/* __esModule */.B; },
+  "default": function() { return /* binding */ GridOccupancyQuery; }
+});
+
+// EXTERNAL MODULE: ./node_modules/babel-loader/lib/index.js??clonedRuleSet-1.use[0]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/webgl/gridoccupancyquery/GridOccupancyQuery.vue?vue&type=script&setup=true&lang=js
+var GridOccupancyQueryvue_type_script_setup_true_lang_js = __webpack_require__(41433);
+;// ./src/webgl/gridoccupancyquery/GridOccupancyQuery.vue?vue&type=script&setup=true&lang=js
+ 
+;// ./src/webgl/gridoccupancyquery/GridOccupancyQuery.vue
+
+
+
+const __exports__ = GridOccupancyQueryvue_type_script_setup_true_lang_js/* default */.A;
+
+/* harmony default export */ var GridOccupancyQuery = (__exports__);
+
+/***/ }),
+
+/***/ 22686:
+/***/ (function(module) {
+
+module.exports = __WEBPACK_EXTERNAL_MODULE__22686__;
+
+/***/ }),
+
+/***/ 33751:
+/***/ (function(module) {
+
+module.exports = require("@babel/runtime/helpers/interopRequireDefault");
+
+/***/ }),
+
+/***/ 41433:
+/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
+
+
+
+var _interopRequireDefault = __webpack_require__(33751);
+Object.defineProperty(exports, "B", ({
+  value: true
+}));
+exports.A = void 0;
+var _vue = __webpack_require__(50154);
+var _client_icons_vue = __webpack_require__(65698);
+var _gisUtils = __webpack_require__(20064);
+var _GridOccupancyQueryViewModel = _interopRequireDefault(__webpack_require__(65588));
+var _useGlobalConfig = __webpack_require__(22686);
+const __default__ = {
+  name: "Kq3dGridOccupancyQuery"
+};
+var _default = exports.A = /*@__PURE__*/Object.assign(__default__, {
+  props: {
+    mapTarget: String,
+    settingParams: {
+      type: Object,
+      default: () => ({})
+    }
+  },
+  setup(__props, {
+    expose: __expose
+  }) {
+    const {
+      locale
+    } = (0, _useGlobalConfig.useLocale)();
+    const props = __props;
+    let viewModel = null;
+    (0, _vue.onMounted)(() => {
+      _gisUtils.utils.getWebMap(props.mapTarget, scenceView => {
+        if (scenceView) {
+          viewModel = new _GridOccupancyQueryViewModel.default(scenceView, {
+            queryUrl: props?.settingParams.queryUrl ?? "",
+            calcLevel: props?.settingParams.calcLevel ?? 23,
+            isMulti: props?.settingParams.isMulti ?? false
+          });
+        }
+      });
+    });
+    function startQuery() {
+      viewModel && viewModel.start();
+    }
+    (0, _vue.onBeforeUnmount)(() => {
+      viewModel && viewModel.destroy();
+    });
+    __expose({
+      startQuery
+    });
+    return (_ctx, _cache) => {
+      const _component_kq_icon = (0, _vue.resolveComponent)("kq-icon");
+      const _component_kq_button = (0, _vue.resolveComponent)("kq-button");
+      return (0, _vue.openBlock)(), (0, _vue.createBlock)(_component_kq_button, {
+        title: (0, _vue.unref)(locale).webgl.gridOccupancyQuery,
+        onClick: startQuery,
+        style: {
+          "width": "32px"
+        }
+      }, {
+        default: (0, _vue.withCtx)(() => [(0, _vue.createVNode)(_component_kq_icon, {
+          size: 16
+        }, {
+          default: (0, _vue.withCtx)(() => [(0, _vue.createVNode)((0, _vue.unref)(_client_icons_vue.IconGridCode))]),
+          _: 1 /* STABLE */
+        })]),
+        _: 1 /* STABLE */
+      }, 8 /* PROPS */, ["title"]);
+    };
+  }
+});
+
+/***/ }),
+
+/***/ 50154:
+/***/ (function(module) {
+
+module.exports = __WEBPACK_EXTERNAL_MODULE__50154__;
+
+/***/ }),
+
+/***/ 56363:
+/***/ (function(module) {
+
+module.exports = require("element-plus/dist/index.full.js");
+
+/***/ }),
+
+/***/ 65588:
+/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
+
+
+
+var _interopRequireDefault = __webpack_require__(33751);
+Object.defineProperty(exports, "__esModule", ({
+  value: true
+}));
+exports["default"] = void 0;
+var _message = _interopRequireDefault(__webpack_require__(71323));
+var _loading = _interopRequireDefault(__webpack_require__(90724));
+var _useGlobalConfig = __webpack_require__(22686);
+class GridOccupancyQueryViewModel {
+  constructor(scenceView, options) {
+    this._viewer = null;
+    this._mapTarget = null;
+    this._options = {};
+    this._defaultOptions = {
+      queryUrl: "",
+      calcLevel: 23,
+      isMulti: false
+    };
+    this._drawManager = null;
+    this._language = null;
+    this._htmlTag = null;
+    this._clickGirdPrimitive = null;
+    this._loading = null;
+    const {
+      locale
+    } = (0, _useGlobalConfig.useLocale)();
+    this._language = locale;
+    this._options = Object.assign({}, this._defaultOptions, options);
+    this._viewer = scenceView._viewer;
+    this._drawManager = scenceView._drawManager;
+    this._mapTarget = scenceView._viewerId || null;
+    this._viewer.resolutionScale = 1;
+    this._viewer.postProcessStages.fxaa.enabled = true;
+    this._viewer.scene.logarithmicDepthBuffer = true;
+  }
+  start() {
+    const that = this;
+    const queryUrl = this._options.queryUrl || "";
+    if (!queryUrl.trim()) {
+      (0, _message.default)({
+        message: that._language.value.webgl["gridOccupancyQueryUrlEmpty"] || "请配置查询服务地址",
+        type: "warning"
+      });
+      return;
+    }
+    this.removeData();
+    if (!this._drawManager) return;
+    this._drawManager.startDraw("marker", {
+      image: null
+    }, (feature, {
+      shape
+    }) => {
+      if (!shape || !shape.groupName || shape.groupName !== "GridOccupancyQueryDraw") return;
+      that.showGridOccupancyQuery(shape._position);
+      that._drawManager.clearDrawGroup("GridOccupancyQueryDraw");
+    }, "GridOccupancyQueryDraw", that._options.isMulti);
+  }
+  showGridOccupancyQuery(position) {
+    this.removeData();
+    const that = this;
+    const queryUrl = this._options.queryUrl || "";
+    const level = this._options.calcLevel || 23;
+    const cartographic = Cesium.Cartographic.fromCartesian(position);
+    const lon = Cesium.Math.toDegrees(cartographic.longitude);
+    const lat = Cesium.Math.toDegrees(cartographic.latitude);
+    const height = cartographic.height;
+    const url = `${queryUrl}/airspaceOccupyPosition?lon=${lon}&lat=${lat}&height=${height}&level=${level}`;
+    this._showLoading();
+    fetch(url, {
+      method: "POST"
+    }).then(response => {
+      if (!response.ok) throw new Error("Network response was not ok");
+      return response.json();
+    }).then(data => {
+      if (data.code === 200 && data.content && data.content.code) {
+        const instanc = that.getGridInstanc(data.content.code);
+        if (instanc) {
+          that.renderGrid(instanc, data.content, position);
+          that._hideLoading();
+          return;
+        }
+      }
+      that._hideLoading();
+    }).catch(error => {
+      that._hideLoading();
+      console.error("Grid occupancy query error:", error);
+      (0, _message.default)({
+        message: that._language.value.webgl["gridOccupancyQueryFailed"] || "查询失败",
+        type: "error"
+      });
+    });
+  }
+  renderGrid(instanc, content, position) {
+    const that = this;
+    if (that._clickGirdPrimitive) {
+      that._clickGirdPrimitive.geometryInstances = instanc;
+      that._clickGirdPrimitive._state = Cesium.PrimitiveState.READY;
+      that._clickGirdPrimitive.updateVertex = true;
+    } else {
+      that._clickGirdPrimitive = that._viewer.scene.primitives.add(new Cesium.Primitive({
+        geometryInstances: instanc,
+        appearance: new Cesium.MaterialAppearance({
+          flat: true,
+          translucent: false,
+          material: new Cesium.Material({
+            fabric: {
+              type: "Color",
+              uniforms: {
+                color: Cesium.Color.RED.withAlpha(0.3)
+              }
+            }
+          }),
+          renderState: {
+            depthTest: {
+              enabled: true
+            }
+          }
+        }),
+        cull: false,
+        asynchronous: false
+      }));
+    }
+    const code = content.code || "";
+    const gridcode = code.substring(0, (code.length + 1) / 2);
+    const type = (content.types || []).map(item => item.description).join(",");
+    that._htmlTag = new Cesium.Kq3dDragableHtmlTag(that._viewer, {
+      showLine: true,
+      lineStyle: "solid",
+      lineWidth: 2,
+      lineColor: Cesium.Color.DARKCYAN,
+      position: position,
+      panelOffset: [20, 20],
+      html: `<div class='grid_info'>
+        <span id='grid_info_close' class='close'>×</span>
+        <div class='title'>${that._language.value.webgl["gridOccupancyQuery"]}</div>
+        <div class='attr'>${that._language.value.common["gridCode"]}: ${gridcode}</div>
+        <div class='attr'>${that._language.value.webgl["occupancyType"]}: ${type}</div>
+      </div>`
+    });
+    setTimeout(() => {
+      const close = document.querySelector("#grid_info_close");
+      if (close) {
+        close.addEventListener("click", function () {
+          that.clear();
+        });
+      }
+    }, 500);
+  }
+  getGridInstanc(code) {
+    const index = (code.length + 1) / 2;
+    const grid = Module.decodeGeoSotGBCodeToBox(code.substring(0, index), code.substring(index));
+    if (!grid) return null;
+    grid.minx = Math.max(grid.minx, -180);
+    grid.maxx = Math.min(grid.maxx, 180);
+    grid.miny = Math.max(grid.miny, -90);
+    grid.maxy = Math.min(grid.maxy, 90);
+    const minLon = Math.min(grid.minx, grid.maxx);
+    const minLat = Math.min(grid.miny, grid.maxy);
+    const maxLon = Math.max(grid.minx, grid.maxx);
+    const maxLat = Math.max(grid.miny, grid.maxy);
+    const rectangle = new Cesium.RectangleGeometry({
+      ellipsoid: Cesium.Ellipsoid.WGS84,
+      rectangle: Cesium.Rectangle.fromDegrees(minLon, minLat, maxLon, maxLat),
+      height: grid.minz,
+      extrudedHeight: grid.maxz
+    });
+    return new Cesium.GeometryInstance({
+      geometry: rectangle
+    });
+  }
+  _showLoading() {
+    this._loading = _loading.default.service({
+      lock: true,
+      text: "Loading",
+      background: "rgba(0, 0, 0, 0.7)",
+      target: this._mapTarget ? document.getElementById(this._mapTarget) : null
+    });
+  }
+  _hideLoading() {
+    if (this._loading) {
+      this._loading.close();
+      this._loading = null;
+    }
+  }
+  removeData() {
+    if (this._htmlTag) {
+      this._htmlTag.destroy();
+      this._htmlTag = null;
+    }
+    if (this._clickGirdPrimitive) {
+      this._clickGirdPrimitive.geometryInstances = [];
+      this._clickGirdPrimitive._state = Cesium.PrimitiveState.READY;
+      this._clickGirdPrimitive.updateVertex = true;
+    }
+  }
+  clear() {
+    this.removeData();
+    this._hideLoading();
+    this._drawManager?.stopDraw();
+    this._drawManager?.clearDrawGroup("GridOccupancyQueryDraw");
+  }
+  destroy() {
+    this.clear();
+  }
+}
+exports["default"] = GridOccupancyQueryViewModel;
+
+/***/ }),
+
+/***/ 65698:
+/***/ (function(module) {
+
+module.exports = require("@kq_npm/client_icons_vue");
+
+/***/ }),
+
+/***/ 71323:
+/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
+
+
+
+var _interopRequireDefault = __webpack_require__(33751);
+Object.defineProperty(exports, "__esModule", ({
+  value: true
+}));
+exports["default"] = void 0;
+var _indexFull = __webpack_require__(56363);
+var _KqGIS = __webpack_require__(99602);
+var _init = _interopRequireDefault(__webpack_require__(20455));
+/*
+ * Copyright (C) 2019 KQ GEO Technologies Co., Ltd.
+ * All rights reserved.
+ */
+
+_indexFull.ElMessage.install = (Vue, opts) => {
+  (0, _init.default)(Vue, opts);
+  Vue.component("KqMessage", _indexFull.ElMessage);
+};
+var _default = exports["default"] = _indexFull.ElMessage;
+_KqGIS.kq_npm_client_common_vue.KqMessage = _indexFull.ElMessage;
+
+/***/ }),
+
+/***/ 90724:
+/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
+
+
+
+var _interopRequireDefault = __webpack_require__(33751);
+Object.defineProperty(exports, "__esModule", ({
+  value: true
+}));
+exports["default"] = void 0;
+var _indexFull = __webpack_require__(56363);
+var _init = _interopRequireDefault(__webpack_require__(20455));
+var _KqGIS = __webpack_require__(99602);
+/*
+ * Copyright (C) 2019 KQ GEO Technologies Co., Ltd.
+ * All rights reserved.
+ */
+
+_indexFull.ElLoading.install = (Vue, opts) => {
+  (0, _init.default)(Vue, opts);
+  Vue.component("KqLoading", _indexFull.ElLoading);
+  Vue.directive("loading", _indexFull.ElLoading.directive);
+};
+var _default = exports["default"] = _indexFull.ElLoading;
+_KqGIS.kq_npm_client_common_vue.KqLoading = _indexFull.ElLoading;
+
+/***/ }),
+
+/***/ 99602:
+/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
+
+
+
+Object.defineProperty(exports, "__esModule", ({
+  value: true
+}));
+exports.kq_npm_client_leaflet_vue = exports.kq_npm_client_common_vue = exports.kq_npm_client3d_webgl_vue = void 0;
+let kq_npm_client_common_vue = exports.kq_npm_client_common_vue = window.kq_npm_client_common_vue = window.kq_npm_client_common_vue || {};
+__webpack_require__.g.kq_npm_client_common_vue = kq_npm_client_common_vue;
+let kq_npm_client_leaflet_vue = exports.kq_npm_client_leaflet_vue = window.kq_npm_client_leaflet_vue = window.kq_npm_client_leaflet_vue || {};
+__webpack_require__.g.kq_npm_client_leaflet_vue = kq_npm_client_leaflet_vue;
+let kq_npm_client3d_webgl_vue = exports.kq_npm_client3d_webgl_vue = window.kq_npm_client3d_webgl_vue = window.kq_npm_client3d_webgl_vue || {};
+__webpack_require__.g.kq_npm_client3d_webgl_vue = kq_npm_client3d_webgl_vue;
+
+/***/ })
+
+/******/ 	});
+/************************************************************************/
+/******/ 	// The module cache
+/******/ 	var __webpack_module_cache__ = {};
+/******/ 	
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/ 		// Check if module is in cache
+/******/ 		var cachedModule = __webpack_module_cache__[moduleId];
+/******/ 		if (cachedModule !== undefined) {
+/******/ 			return cachedModule.exports;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = __webpack_module_cache__[moduleId] = {
+/******/ 			// no module.id needed
+/******/ 			// no module.loaded needed
+/******/ 			exports: {}
+/******/ 		};
+/******/ 	
+/******/ 		// Execute the module function
+/******/ 		__webpack_modules__[moduleId](module, module.exports, __webpack_require__);
+/******/ 	
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+/******/ 	
+/************************************************************************/
+/******/ 	/* 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/global */
+/******/ 	!function() {
+/******/ 		__webpack_require__.g = (function() {
+/******/ 			if (typeof globalThis === 'object') return globalThis;
+/******/ 			try {
+/******/ 				return this || new Function('return this')();
+/******/ 			} catch (e) {
+/******/ 				if (typeof window === 'object') return window;
+/******/ 			}
+/******/ 		})();
+/******/ 	}();
+/******/ 	
+/******/ 	/* 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__ = {};
+// This entry needs to be wrapped in an IIFE because it uses a non-standard name for the exports (exports).
+!function() {
+var exports = __webpack_exports__;
+
+
+var _interopRequireDefault = __webpack_require__(33751);
+Object.defineProperty(exports, "__esModule", ({
+  value: true
+}));
+Object.defineProperty(exports, "GridOccupancyQueryViewModel", ({
+  enumerable: true,
+  get: function () {
+    return _GridOccupancyQueryViewModel.default;
+  }
+}));
+Object.defineProperty(exports, "default", ({
+  enumerable: true,
+  get: function () {
+    return _GridOccupancyQuery.default;
+  }
+}));
+var _GridOccupancyQuery = _interopRequireDefault(__webpack_require__(21365));
+var _GridOccupancyQueryViewModel = _interopRequireDefault(__webpack_require__(65588));
+var _init = _interopRequireDefault(__webpack_require__(20455));
+/*
+ * Copyright (C) 2019 KQ GEO Technologies Co., Ltd.
+ * All rights reserved.
+ */
+
+_GridOccupancyQuery.default.install = (Vue, opts) => {
+  (0, _init.default)(Vue, opts);
+  Vue.component(_GridOccupancyQuery.default.name, _GridOccupancyQuery.default);
+};
+}();
+/******/ 	return __webpack_exports__;
+/******/ })()
+;
+});

package/gridoccupancyquery/style/gridoccupancyquery.css

@@ -0,0 +1 @@
+.grid_info{width:325px;border:1px solid var(--kq-border-color-lighter);border-radius:5px;cursor:default;background-color:var(--kq-bg-color)}.grid_info .close{position:absolute;top:0;right:5px;font-size:var(--kq-font-size-extra-large);cursor:pointer}.grid_info .title{font-size:var(--kq-font-size-medium);font-weight:bolder;border-bottom:1px solid var(--kq-border-color-lighter)}.grid_info .attr,.grid_info .title{padding:5px 10px;background-color:var(--kq-bg-color)}.grid_info .attr{font-size:var(--kq-font-size-base)}

package/gridoccupancyquery/style/index.js

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