@kq_npm/client3d_webgl_vue 4.5.55 → 4.5.56

package/lowaltitudefeature/index.js

@@ -0,0 +1,4854 @@
+(function webpackUniversalModuleDefinition(root, factory) {
+	if(typeof exports === 'object' && typeof module === 'object')
+		module.exports = factory(require("vue"), require("@kq_npm/client_common_vue/init.js"), require("@kq_npm/client_common_vue/_utils/util"), require("@kq_npm/client_common_vue/configprovider/useGlobalConfig"), require("@kq_npm/client_common_vue/_mixin/render"), require("@kq_npm/client_common_vue/_utils/gis-utils"));
+	else if(typeof define === 'function' && define.amd)
+		define("@kq_npm/client3d_webgl_vue", ["vue", "@kq_npm/client_common_vue/init.js", "@kq_npm/client_common_vue/_utils/util", "@kq_npm/client_common_vue/configprovider/useGlobalConfig", "@kq_npm/client_common_vue/_mixin/render", "@kq_npm/client_common_vue/_utils/gis-utils"], factory);
+	else if(typeof exports === 'object')
+		exports["@kq_npm/client3d_webgl_vue"] = factory(require("vue"), require("@kq_npm/client_common_vue/init.js"), require("@kq_npm/client_common_vue/_utils/util"), require("@kq_npm/client_common_vue/configprovider/useGlobalConfig"), require("@kq_npm/client_common_vue/_mixin/render"), require("@kq_npm/client_common_vue/_utils/gis-utils"));
+	else
+		root["@kq_npm/client3d_webgl_vue"] = factory(root["Vue"], root["@kq_npm/client_common_vue/init.js"], root["@kq_npm/client_common_vue/_utils/util"], root["@kq_npm/client_common_vue/configprovider/useGlobalConfig"], root["@kq_npm/client_common_vue/_mixin/render"], root["@kq_npm/client_common_vue/_utils/gis-utils"]);
+})(this, function(__WEBPACK_EXTERNAL_MODULE__50154__, __WEBPACK_EXTERNAL_MODULE__20455__, __WEBPACK_EXTERNAL_MODULE__42975__, __WEBPACK_EXTERNAL_MODULE__22686__, __WEBPACK_EXTERNAL_MODULE__74383__, __WEBPACK_EXTERNAL_MODULE__20064__) {
+return /******/ (function() { // webpackBootstrap
+/******/ 	"use strict";
+/******/ 	var __webpack_modules__ = ({
+
+/***/ 2409:
+/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
+
+
+
+var _interopRequireDefault = __webpack_require__(33751);
+Object.defineProperty(exports, "__esModule", ({
+  value: true
+}));
+exports["default"] = void 0;
+var _Divider = _interopRequireDefault(__webpack_require__(74253));
+var _init = _interopRequireDefault(__webpack_require__(20455));
+var _KqGIS = __webpack_require__(99602);
+/*
+ * Copyright (C) 2019 KQ GEO Technologies Co., Ltd.
+ * All rights reserved.
+ */
+
+_Divider.default.install = (Vue, opts) => {
+  (0, _init.default)(Vue, opts);
+  Vue.component(_Divider.default.name, _Divider.default);
+};
+var _default = exports["default"] = _Divider.default;
+_KqGIS.kq_npm_client_common_vue.KqDivider = _Divider.default;
+
+/***/ }),
+
+/***/ 4494:
+/***/ (function(__unused_webpack_module, exports) {
+
+
+
+Object.defineProperty(exports, "__esModule", ({
+  value: true
+}));
+exports["default"] = void 0;
+/*
+ * Copyright (C) 2019 KQ GEO Technologies Co., Ltd.
+ * All rights reserved.
+ */
+
+// 低空要素业务逻辑类
+class LowAltitudeFeatureViewModel {
+  // viewer 就绪回调
+
+  constructor(viewer, options = {}) {
+    this._viewer = null;
+    this._options = {};
+    this._dataSource = null;
+    this._currentDrawHandler = null;
+    this._activeDrawMode = null;
+    // 'point' | 'polyline' | 'polygon'
+    this._drawingEntities = [];
+    this._gridEntities = new Map();
+    // featureId -> grid entity ids
+    this._onReady = null;
+    this._viewer = viewer;
+    this._options = options;
+    this._onReady = options.onReady || null;
+    this._initDataSource();
+    if (typeof this._onReady === "function") {
+      this._onReady(this._viewer);
+    }
+  }
+
+  /**
+   * @description 获取 viewer（供外部调用）
+   * @returns {Cesium.Viewer|null}
+   */
+  getViewer() {
+    return this._viewer;
+  }
+
+  /**
+   * @description 判断 viewer 是否已就绪
+   * @returns {boolean}
+   */
+  isReady() {
+    return !!this._viewer;
+  }
+
+  /**
+   * @description 初始化数据源
+   */
+  _initDataSource() {
+    if (!this._viewer) return;
+    this._dataSource = new Cesium.CustomDataSource("lowAltitudeFeatures");
+    this._viewer.dataSources.add(this._dataSource);
+  }
+
+  // ==================== 绘制功能 ====================
+
+  /**
+   * @description 开始绘制点
+   * @param {Object} settings 图元设置
+   * @param {Function} onDrawComplete 绘制完成回调 (entity, geojson) => void
+   * @returns {Cesium.ScreenSpaceEventHandler|null}
+   */
+  drawPoint(settings = {}, onDrawComplete) {
+    this._clearDraw();
+    this._activeDrawMode = "point";
+    const handler = new Cesium.ScreenSpaceEventHandler(this._viewer.scene.canvas);
+    this._currentDrawHandler = handler;
+    handler.setInputAction(event => {
+      const position = this._pickPosition(event.position);
+      if (!position) return;
+      const entity = this._createPointEntity(position, settings);
+      this._drawingEntities.push(entity);
+      if (onDrawComplete) {
+        onDrawComplete(entity, this._positionToPointGeoJSON(position));
+      }
+    }, Cesium.ScreenSpaceEventType.LEFT_CLICK);
+    return handler;
+  }
+  _clearDraw() {
+    if (this._currentDrawHandler) {
+      this._currentDrawHandler.destroy();
+      this._currentDrawHandler = null;
+    }
+  }
+
+  /**
+   * @description 开始绘制线
+   * @param {Object} settings 图元设置
+   * @param {Function} onDrawComplete 绘制完成回调 (entity, geojson) => void
+   * @returns {Cesium.ScreenSpaceEventHandler|null}
+   */
+  drawPolyline(settings = {}, onDrawComplete) {
+    this._clearDraw();
+    this._activeDrawMode = "polyline";
+    const positions = [];
+    const handler = new Cesium.ScreenSpaceEventHandler(this._viewer.scene.canvas);
+
+    // 动态预览线
+    const dynamicPositions = new Cesium.CallbackProperty(() => {
+      if (positions.length < 2) return undefined;
+      return positions.slice();
+    }, false);
+    let previewEntity = this._viewer.entities.add({
+      polyline: {
+        positions: dynamicPositions,
+        width: settings.lineWidth || 2,
+        material: settings.lineColor ? Cesium.Color.fromCssColorString(settings.lineColor) : Cesium.Color.BLUE,
+        clampToGround: true
+      }
+    });
+    this._drawingEntities.push(previewEntity);
+    handler.setInputAction(event => {
+      const position = this._pickPosition(event.position);
+      if (!position) return;
+      positions.push(position);
+    }, Cesium.ScreenSpaceEventType.LEFT_CLICK);
+    handler.setInputAction(() => {
+      if (positions.length < 2) return;
+      handler.destroy();
+      this._currentDrawHandler = null;
+      const entity = this._createPolylineEntity(positions.slice(), settings);
+      if (previewEntity) {
+        this._viewer.entities.remove(previewEntity);
+      }
+      previewEntity = entity;
+      this._drawingEntities = [entity];
+      if (onDrawComplete) {
+        onDrawComplete(entity, this._positionsToLineGeoJSON(positions));
+      }
+    }, Cesium.ScreenSpaceEventType.RIGHT_CLICK);
+
+    // 鼠标移动时更新动态位置
+    handler.setInputAction(event => {
+      if (!positions.length) return;
+      const position = this._pickPosition(event.position);
+      if (position) {
+        // 触发动态属性更新
+      }
+    }, Cesium.ScreenSpaceEventType.MOUSE_MOVE);
+    this._currentDrawHandler = handler;
+    return handler;
+  }
+
+  /**
+   * @description 开始绘制面
+   * @param {Object} settings 图元设置
+   * @param {Function} onDrawComplete 绘制完成回调 (entity, geojson) => void
+   * @returns {Cesium.ScreenSpaceEventHandler|null}
+   */
+  drawPolygon(settings = {}, onDrawComplete) {
+    this._clearDraw();
+    this._activeDrawMode = "polygon";
+    const self = this;
+    const positions = [];
+    const handler = new Cesium.ScreenSpaceEventHandler(this._viewer.scene.canvas);
+
+    // 动态预览面
+    const dynamicPositions = new Cesium.CallbackProperty(() => {
+      if (positions.length < 3) return undefined;
+      return new Cesium.PolygonHierarchy([...positions, positions[0]]);
+    }, false);
+    let previewEntity = this._viewer.entities.add({
+      polygon: {
+        hierarchy: dynamicPositions,
+        material: settings.fillColor ? Cesium.Color.fromCssColorString(settings.fillColor).withAlpha((settings.fillOpacity || 50) / 100) : Cesium.Color.GREEN.withAlpha(0.5),
+        outline: true,
+        outlineColor: settings.outlineColor ? Cesium.Color.fromCssColorString(settings.outlineColor) : Cesium.Color.BLACK,
+        outlineWidth: settings.outlineWidth || 1,
+        heightReference: Cesium.HeightReference.CLAMP_TO_GROUND
+      }
+    });
+    this._drawingEntities.push(previewEntity);
+    handler.setInputAction(event => {
+      const position = this._pickPosition(event.position);
+      if (!position) return;
+      positions.push(position);
+    }, Cesium.ScreenSpaceEventType.LEFT_CLICK);
+    handler.setInputAction(() => {
+      if (positions.length < 3) return;
+      handler.destroy();
+      this._currentDrawHandler = null;
+      const entity = this._createPolygonEntity(positions.slice(), settings);
+      if (previewEntity) {
+        this._viewer.entities.remove(previewEntity);
+      }
+      previewEntity = entity;
+      // 如果存在模型，则删除
+      this._drawingEntities = [entity];
+      console.log(self._drawingEntities.length);
+      if (onDrawComplete) {
+        onDrawComplete(entity, this._positionsToPolygonGeoJSON(positions));
+        console.log(self._drawingEntities.length);
+      }
+    }, Cesium.ScreenSpaceEventType.RIGHT_CLICK);
+    this._currentDrawHandler = handler;
+    return handler;
+  }
+
+  // ==================== 实体创建 ====================
+
+  /**
+   * @description 创建点实体（含缓冲区可视化）
+   * @private
+   */
+  _createPointEntity(cartesian, settings = {}) {
+    const cartographic = Cesium.Cartographic.fromCartesian(cartesian);
+    const lon = Cesium.Math.toDegrees(cartographic.longitude);
+    const lat = Cesium.Math.toDegrees(cartographic.latitude);
+    const bufferDistance = settings.bufferDistance || 500;
+    const upperHeight = settings.upperHeight || 120;
+    const lowerHeight = settings.lowerHeight || 0;
+    const bufferType = settings.bufferType || "sphere";
+
+    // 缓冲体的中心高度 = 地形高度 + lowerHeight + (upperHeight + lowerHeight) / 2
+    // 简化：中心在 lowerHeight + upperHeight/2 处
+    const bufferCenterHeight = cartographic.height + lowerHeight + upperHeight / 2;
+    const entityOptions = {
+      position: Cesium.Cartesian3.fromDegrees(lon, lat, bufferCenterHeight),
+      point: {
+        pixelSize: 10,
+        color: Cesium.Color.CYAN,
+        outlineColor: Cesium.Color.WHITE,
+        outlineWidth: 2
+      },
+      properties: {
+        type: "point",
+        settings
+      }
+    };
+    if (bufferType === "sphere") {
+      // Cesium 没有 ellipsoid 实体属性，用 box 代替（球体近似）,有ellipsoid球体
+
+      const size = bufferDistance * 2;
+      entityOptions.ellipsoid = {
+        radii: new Cesium.Cartesian3(bufferDistance, bufferDistance, bufferDistance),
+        material: Cesium.Color.CYAN.withAlpha(0.3)
+      };
+    } else if (bufferType === "cube") {
+      entityOptions.box = {
+        dimensions: new Cesium.Cartesian3(bufferDistance * 2, bufferDistance * 2, upperHeight),
+        material: Cesium.Color.CYAN.withAlpha(0.3)
+      };
+    } else if (bufferType === "cylinder") {
+      entityOptions.cylinder = {
+        length: upperHeight,
+        topRadius: bufferDistance,
+        bottomRadius: bufferDistance,
+        material: Cesium.Color.CYAN.withAlpha(0.3)
+      };
+    } else if (bufferType === "cone") {
+      entityOptions.cylinder = {
+        length: upperHeight,
+        topRadius: 0,
+        bottomRadius: bufferDistance,
+        material: Cesium.Color.CYAN.withAlpha(0.3)
+      };
+    }
+    if (this._dataSource) {
+      return this._dataSource.entities.add(entityOptions);
+    }
+    return this._viewer.entities.add(entityOptions);
+  }
+  _computeCircle(radius) {
+    const positions = [];
+    for (let i = 0; i < 360; i++) {
+      const radians = Cesium.Math.toRadians(i);
+      positions.push(new Cesium.Cartesian2(radius * Math.cos(radians), radius * Math.sin(radians)));
+    }
+    return positions;
+  }
+  /**
+   * @description 创建线实体（含缓冲走廊）
+   * @private
+   */
+  _createPolylineEntity(positions, settings = {}) {
+    const bufferDistance = settings.bufferDistance || 500;
+    const upperHeight = settings.upperHeight || 120;
+    const lowerHeight = settings.lowerHeight || 0;
+    const bufferType = settings.bufferType || "cube";
+    const lineColor = settings.lineColor || "#0000FF";
+    const lineWidth = settings.lineWidth || 2;
+    const entityOptions = {
+      polyline: {
+        positions: positions,
+        width: lineWidth,
+        material: Cesium.Color.fromCssColorString(lineColor),
+        clampToGround: true
+      },
+      properties: {
+        type: "polyline",
+        settings
+      }
+    };
+    if (bufferType === "cube") {
+      entityOptions.corridor = {
+        positions: positions,
+        width: bufferDistance * 2,
+        height: lowerHeight,
+        extrudedHeight: lowerHeight + upperHeight,
+        material: Cesium.Color.fromCssColorString(lineColor).withAlpha(0.25),
+        cornerType: Cesium.CornerType.ROUNDED
+      };
+    } else if (bufferType === "cylinder") {
+      entityOptions.polylineVolume = {
+        positions: positions,
+        shape: this._computeCircle(bufferDistance * 0.5),
+        material: Cesium.Color.fromCssColorString(lineColor).withAlpha(0.25)
+      };
+    }
+    if (this._dataSource) {
+      return this._dataSource.entities.add(entityOptions);
+    }
+    return this._viewer.entities.add(entityOptions);
+  }
+
+  /**
+   * @description 创建面实体
+   * @private
+   */
+  _createPolygonEntity(positions, settings = {}) {
+    const fillColor = settings.fillColor || "#00FF00";
+    const fillOpacity = (settings.fillOpacity || 50) / 100;
+    const outlineColor = settings.outlineColor || "#000000";
+    const outlineWidth = settings.outlineWidth || 1;
+    const upperHeight = settings.upperHeight || 20;
+    const lowerHeight = settings.lowerHeight || 0;
+    const bufferDistance = settings.bufferDistance;
+
+    // 根据 bufferDistance 对原始多边形进行向外扩展
+    const expandedPositions = bufferDistance > 0 ? this._expandPolygon(positions, bufferDistance) : positions;
+    const entityOptions = {
+      polygon: {
+        hierarchy: new Cesium.PolygonHierarchy(expandedPositions),
+        material: Cesium.Color.fromCssColorString(fillColor).withAlpha(fillOpacity),
+        outline: true,
+        outlineColor: Cesium.Color.fromCssColorString(outlineColor),
+        outlineWidth: outlineWidth,
+        height: lowerHeight,
+        extrudedHeight: lowerHeight + upperHeight,
+        heightReference: Cesium.HeightReference.RELATIVE_TO_GROUND,
+        classificationType: Cesium.ClassificationType.BOTH
+      },
+      properties: {
+        type: "polygon",
+        settings
+      }
+    };
+    if (this._dataSource) {
+      return this._dataSource.entities.add(entityOptions);
+    }
+    return this._viewer.entities.add(entityOptions);
+  }
+
+  // ==================== 几何工具方法 ====================
+
+  /**
+   * @description 将多边形顶点按照缓冲距离向外扩展
+   * @param {Array<Cesium.Cartesian3>} positions 原始多边形顶点
+   * @param {number} bufferDistance 缓冲距离（米）
+   * @returns {Array<Cesium.Cartesian3>} 扩展后的顶点
+   * @private
+   */
+  _expandPolygon(positions, bufferDistance) {
+    if (!positions || positions.length < 3 || !bufferDistance || bufferDistance <= 0) {
+      return positions;
+    }
+
+    // 1. 所有顶点转 cartographic
+    const cartos = positions.map(pos => Cesium.Cartographic.fromCartesian(pos));
+
+    // 2. 计算质心（经纬度平均）
+    const lonSum = cartos.reduce((s, c) => s + c.longitude, 0);
+    const latSum = cartos.reduce((s, c) => s + c.latitude, 0);
+    const count = cartos.length;
+    const centroidLon = lonSum / count;
+    const centroidLat = latSum / count;
+
+    // 3. 米 → 弧度换算（地球平均半径 ≈ 6378137 m）
+    const earthRadius = 6378137;
+    const bufferRadLat = bufferDistance / earthRadius;
+    const bufferRadLon = bufferDistance / (earthRadius * Math.cos(centroidLat));
+
+    // 4. 每个顶点沿质心方向外扩
+    return cartos.map(c => {
+      const dx = c.longitude - centroidLon;
+      const dy = c.latitude - centroidLat;
+      const dist = Math.sqrt(dx * dx + dy * dy);
+      if (dist < 1e-12) {
+        return Cesium.Cartesian3.fromRadians(c.longitude, c.latitude, c.height);
+      }
+      const normDx = dx / dist;
+      const normDy = dy / dist;
+      return Cesium.Cartesian3.fromRadians(c.longitude + normDx * bufferRadLon, c.latitude + normDy * bufferRadLat, c.height);
+    });
+  }
+
+  // ==================== GeoJSON 处理 ====================
+
+  /**
+   * @description 从GeoJSON创建实体
+   * @param {Object} geoJson GeoJSON对象
+   * @param {Object} settings 图元设置
+   * @returns {Array<Cesium.Entity>} 创建的实体数组
+   */
+  loadFromGeoJSON(geoJson, settings = {}, trackInDrawing = false) {
+    const entities = [];
+    const features = geoJson.type === "FeatureCollection" ? geoJson.features : [geoJson];
+    features.forEach(feature => {
+      const geometry = feature.geometry;
+      if (!geometry) return;
+      if (geometry.type === "Point") {
+        const pos = this._geojsonCoordToCartesian(geometry.coordinates);
+        entities.push(this._createPointEntity(pos, settings));
+      } else if (geometry.type === "LineString") {
+        const positions = geometry.coordinates.map(c => this._geojsonCoordToCartesian(c));
+        entities.push(this._createPolylineEntity(positions, settings));
+      } else if (geometry.type === "Polygon" && geometry.coordinates[0]) {
+        const positions = geometry.coordinates[0].map(c => this._geojsonCoordToCartesian(c));
+        entities.push(this._createPolygonEntity(positions, settings));
+      } else if (geometry.type === "MultiLineString") {
+        geometry.coordinates.forEach(lineCoords => {
+          const positions = lineCoords.map(c => this._geojsonCoordToCartesian(c));
+          entities.push(this._createPolylineEntity(positions, settings));
+        });
+      } else if (geometry.type === "MultiPolygon") {
+        geometry.coordinates.forEach(polygonCoords => {
+          if (polygonCoords[0]) {
+            const positions = polygonCoords[0].map(c => this._geojsonCoordToCartesian(c));
+            entities.push(this._createPolygonEntity(positions, settings));
+          }
+        });
+      }
+    });
+
+    // 仅在需要跟踪绘图状态时才加入 _drawingEntities（如导入 GeoJSON）
+    // 保存/加载已有要素时不加入，避免 clearDraw 误删
+    if (trackInDrawing) {
+      this._drawingEntities.push(...entities);
+    }
+    return entities;
+  }
+
+  /**
+   * @description GeoJSON坐标转Cartesian3
+   * @private
+   */
+  _geojsonCoordToCartesian(coord) {
+    const lon = coord[0];
+    const lat = coord[1];
+    const height = coord[2] || 0;
+    return Cesium.Cartesian3.fromDegrees(lon, lat, height);
+  }
+
+  /**
+   * @description 实体转GeoJSON
+   */
+  entityToGeoJSON(entity) {
+    if (!entity) return null;
+    const props = entity.properties?.getValue(Cesium.JulianDate.now()) || {};
+    if (props.type === "point") {
+      return this._pointToGeoJSON(entity);
+    } else if (props.type === "polyline") {
+      return this._polylineToGeoJSON(entity);
+    } else if (props.type === "polygon") {
+      return this._polygonToGeoJSON(entity);
+    }
+    return null;
+  }
+
+  /**
+   * @description 点实体转GeoJSON Point
+   * @private
+   */
+  _pointToGeoJSON(entity) {
+    const position = entity.position?.getValue(Cesium.JulianDate.now());
+    if (!position) return null;
+    const carto = Cesium.Cartographic.fromCartesian(position);
+    return {
+      type: "Feature",
+      properties: {},
+      geometry: {
+        type: "Point",
+        coordinates: [Cesium.Math.toDegrees(carto.longitude), Cesium.Math.toDegrees(carto.latitude), carto.height]
+      }
+    };
+  }
+
+  /**
+   * @description 线实体转GeoJSON LineString
+   * @private
+   */
+  _polylineToGeoJSON(entity) {
+    const positions = entity.polyline?.positions?._value;
+    if (!positions || positions.length < 2) return null;
+    const coords = positions.map(p => {
+      const c = Cesium.Cartographic.fromCartesian(p);
+      return [Cesium.Math.toDegrees(c.longitude), Cesium.Math.toDegrees(c.latitude), c.height];
+    });
+    return {
+      type: "Feature",
+      properties: {},
+      geometry: {
+        type: "LineString",
+        coordinates: coords
+      }
+    };
+  }
+
+  /**
+   * @description 面实体转GeoJSON Polygon
+   * @private
+   */
+  _polygonToGeoJSON(entity) {
+    const hierarchy = entity.polygon?.hierarchy?.getValue(Cesium.JulianDate.now());
+    if (!hierarchy || !hierarchy.positions || hierarchy.positions.length < 3) return null;
+    const coords = hierarchy.positions.map(p => {
+      const c = Cesium.Cartographic.fromCartesian(p);
+      return [Cesium.Math.toDegrees(c.longitude), Cesium.Math.toDegrees(c.latitude), c.height];
+    });
+    coords.push(coords[0]); // 闭合多边形
+    return {
+      type: "Feature",
+      properties: {},
+      geometry: {
+        type: "Polygon",
+        coordinates: [coords]
+      }
+    };
+  }
+  _positionToPointGeoJSON(position) {
+    const c = Cesium.Cartographic.fromCartesian(position);
+    return {
+      type: "Feature",
+      geometry: {
+        type: "Point",
+        coordinates: [Cesium.Math.toDegrees(c.longitude), Cesium.Math.toDegrees(c.latitude), c.height]
+      }
+    };
+  }
+  /**
+   * @description 坐标数组转线GeoJSON
+   * @private
+   */
+  _positionsToLineGeoJSON(positions) {
+    const coords = positions.map(p => {
+      const c = Cesium.Cartographic.fromCartesian(p);
+      return [Cesium.Math.toDegrees(c.longitude), Cesium.Math.toDegrees(c.latitude), c.height];
+    });
+    return {
+      type: "Feature",
+      properties: {},
+      geometry: {
+        type: "LineString",
+        coordinates: coords
+      }
+    };
+  }
+
+  /**
+   * @description 坐标数组转面GeoJSON
+   * @private
+   */
+  _positionsToPolygonGeoJSON(positions) {
+    const coords = positions.map(p => {
+      const c = Cesium.Cartographic.fromCartesian(p);
+      return [Cesium.Math.toDegrees(c.longitude), Cesium.Math.toDegrees(c.latitude), c.height];
+    });
+    coords.push(coords[0]); // 闭合
+    return {
+      type: "Feature",
+      properties: {},
+      geometry: {
+        type: "Polygon",
+        coordinates: [coords]
+      }
+    };
+  }
+
+  // ==================== 网格化显示 ====================
+
+  /**
+   * @description 切换网格化显示
+   * @param {string} featureId 要素ID
+   * @param {boolean} show 是否显示网格
+   * @param {Object} settings 图元设置
+   */
+  toggleGridDisplay(featureInfo, show, settings) {
+    this._removeGridEntities(featureInfo.id);
+    if (!show) return;
+    const gridLevel = settings.gridLevel || 120;
+    const gridEntities = [];
+
+    // TODO: 根据要素类型生成网格 - 需要传入要素实体
+    // 此处预留接口，由调用方传入实体
+    this.showGridOccupancyQuery(featureInfo, settings).then(gridPositions => {
+      // gridPositions.forEach((cellBounds) => {
+      //   const entity = this._createGridCell(cellBounds, settings);
+      //   gridEntities.push(entity);
+    });
+    this._gridEntities.set(featureId, gridEntities);
+  }
+  showGridOccupancyQuery(featureInfo) {
+    let that = this;
+    let queryUrl = "http://172.16.1.204:9600/kqgis/rest/services/qqq/gridflow";
+    let level = 23,
+      serviceName = "qqq";
+    let name = featureInfo.code; //featureInfo.name
+    if (this._htmlTag) this._htmlTag.destroy();
+    // http://172.16.3.103:8079/bigdataApi/rest/services/xgsjlxx_grid/gridflow/airspaceOccupyRegion
+    //POST
+    let url = queryUrl + `/airspaceByName?name=${name}&servicename=${serviceName}`;
+    fetch('http://172.16.1.204:9600/kqgis/rest/services/qqq/gridflow/airspacePage', {
+      method: "POST"
+    }).then(response => {});
+    fetch(url, {
+      method: "GET"
+    }).then(response => {
+      if (!response.ok) {
+        throw new Error("Network response was not ok");
+      }
+      return response.json(); // 解析JSON数据
+    }).then(data => {
+      if (data.code == 200) {
+        if (data.content.code) {
+          // console.log(data.content.types);
+          let code = data.content.code;
+          let instanc = that.getGridInstanc(code);
+          if (instanc) {
+            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
+                    }
+                    // depthMask: false
+                  }
+                }),
+                cull: false,
+                asynchronous: false
+              }));
+            }
+            let gridcode = code.substring(0, (code.length + 1) / 2);
+            let type = data.content.types.map(item => item.description);
+            //显示网格暂用情况
+            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.join(",")}</div>
+                </div>`
+            });
+            setTimeout(() => {
+              let close = document.querySelector("#grid_info_close");
+              close.addEventListener("click", function () {
+                if (that._htmlTag) {
+                  that._htmlTag.destroy();
+                  that._htmlTag = null;
+                }
+                if (that._clickGirdPrimitive) {
+                  that._clickGirdPrimitive.geometryInstances = [];
+                  that._clickGirdPrimitive._state = Cesium.PrimitiveState.READY;
+                  that._clickGirdPrimitive.updateVertex = true;
+                }
+              });
+            }, 1000);
+          }
+        }
+      }
+    }).catch(error => {
+      console.error("There was a problem with your fetch operation:", error);
+    });
+  }
+  getGridOccupancy(featureInfo) {
+    let that = this;
+    let queryUrl = "http://172.16.1.204:9600/kqgis/rest/services/qqq/gridflow";
+    let level = 23,
+      serviceName = "qqq";
+    let name = featureInfo.code; //featureInfo.name
+    if (this._htmlTag) this._htmlTag.destroy();
+    // http://172.16.3.103:8079/bigdataApi/rest/services/xgsjlxx_grid/gridflow/airspaceOccupyRegion
+    //POST
+    let url = queryUrl + `/airspaceOccupyRegion?name=${name}&servicename=${serviceName}`;
+    fetch(url, {
+      method: "POST"
+    }).then(response => {
+      if (!response.ok) {
+        throw new Error("Network response was not ok");
+      }
+      return response.json(); // 解析JSON数据
+    }).then(data => {
+      if (data.code == 200) {
+        if (data.content.code) {
+          // console.log(data.content.types);
+          let code = data.content.code;
+          let instanc = that.getGridInstanc(code);
+        }
+      }
+    }).catch(error => {
+      console.error("There was a problem with your fetch operation:", error);
+    });
+  }
+  getGridInstanc(code) {
+    let index = (code.length + 1) / 2;
+    let grid = Module.decodeGeoSotGBCodeToBox(code.substring(0, index), code.substring(index));
+    if (grid) {
+      if (grid.minx < -180) grid.minx = -180;
+      if (grid.maxx > 180) grid.maxx = 180;
+      if (grid.miny < -90) grid.miny = -90;
+      if (grid.maxy > 90) 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 minz = grid.minz;
+      const maxz = grid.maxz;
+      let rectangle = new Cesium.RectangleGeometry({
+        ellipsoid: Cesium.Ellipsoid.WGS84,
+        rectangle: Cesium.Rectangle.fromDegrees(minLon, minLat, maxLon, maxLat),
+        height: minz,
+        extrudedHeight: maxz
+      });
+      let gridInstanc = new Cesium.GeometryInstance({
+        geometry: rectangle
+      });
+      return gridInstanc;
+    }
+  }
+
+  /**
+   * @description 移除网格实体
+   * @private
+   */
+  _removeGridEntities(featureId) {
+    const entityIds = this._gridEntities.get(featureId);
+    if (entityIds) {
+      entityIds.forEach(id => {
+        const entity = this._viewer?.entities.getById(id);
+        if (entity) this._viewer.entities.remove(entity);
+      });
+      this._gridEntities.delete(featureId);
+    }
+  }
+
+  /**
+   * @description 在面内生成网格单元
+   * @private
+   */
+  _generateGridInPolygon(boundaryPositions, gridSizeMeters) {
+    // TODO: 实现面内网格化算法（基于Delaunay三角剖分或四叉树）
+    return [];
+  }
+
+  /**
+   * @description 沿线生成网格缓冲
+   * @private
+   */
+  _generateGridAlongLine(positions, bufferSize, gridSizeMeters) {
+    // TODO: 实现沿线网格化算法
+    return [];
+  }
+
+  /**
+   * @description 在点周围生成网格
+   * @private
+   */
+  _generateGridAroundPoint(center, radius, gridSizeMeters) {
+    // TODO: 实现点周围网格化算法
+    return [];
+  }
+
+  /**
+   * @description 创建网格单元实体
+   * @private
+   */
+  _createGridCell(cellBounds, settings) {
+    return this._viewer.entities.add({
+      rectangle: {
+        coordinates: Cesium.Rectangle.fromDegrees(...cellBounds),
+        material: Cesium.Color.CYAN.withAlpha(0.15),
+        outline: true,
+        outlineColor: Cesium.Color.CYAN.withAlpha(0.4),
+        outlineWidth: 1,
+        height: settings.lowerHeight || 0,
+        extrudedHeight: (settings.lowerHeight || 0) + (settings.upperHeight || 100)
+      }
+    });
+  }
+
+  // ==================== 工具方法 ====================
+
+  /**
+   * @description 拾取鼠标位置的地理坐标
+   * @private
+   */
+  _pickPosition(screenPos) {
+    if (!this._viewer) return null;
+    const ray = this._viewer.camera.getPickRay(screenPos);
+    if (!ray) return null;
+    const position = this._viewer.scene.globe.pick(ray, this._viewer.scene);
+    if (!position) {
+      return this._viewer.camera.pickEllipsoid(screenPos, this._viewer.scene.globe.ellipsoid);
+    }
+    return position;
+  }
+
+  /**
+   * @description 清除当前绘制
+   */
+  clearDraw() {
+    if (this._currentDrawHandler) {
+      this._currentDrawHandler.destroy();
+      this._currentDrawHandler = null;
+    }
+    this._activeDrawMode = null;
+    this._drawingEntities.forEach(entity => {
+      if (entity) {
+        // 实体可能添加到 dataSource.entities（_createXxxEntity）或 viewer.entities（预览实体）
+        if (this._dataSource) {
+          this._dataSource.entities.remove(entity);
+        }
+        this._viewer.entities.remove(entity);
+      }
+    });
+    this._drawingEntities = [];
+  }
+
+  /**
+   * @description 缩放到实体
+   */
+  zoomToEntity(entityOrId) {
+    let entity = entityOrId;
+    if (typeof entityOrId === "string") {
+      entity = this._viewer.entities.getById(entityOrId);
+    }
+    if (entity) {
+      this._viewer.zoomTo(entity);
+      return true;
+    }
+    return false;
+  }
+
+  /**
+   * @description 更新要素实体可见性
+   * @param {Object} feature 要素对象（含 entityIds）
+   * @param {boolean} checked 是否可见
+   */
+  updateFeatureVisibility(feature, checked) {
+    if (!this._viewer || !feature || !feature.entityIds) return;
+    feature.entityIds.forEach(id => {
+      // const entity = this._viewer.entities.getById(id);
+      // 通过_drawingEntities更新可见性，避免直接操作实体
+      // const entity= this._drawingEntities.find((e) => e.id === id);
+      const entity = this._dataSource.entities.getById(id);
+      if (entity) entity.show = checked;
+    });
+  }
+
+  /**
+   * @description 销毁ViewModel
+   */
+  destroy() {
+    this.clearDraw();
+    this._gridEntities.forEach((_, featureId) => {
+      this._removeGridEntities(featureId);
+    });
+    this._gridEntities.clear();
+    if (this._dataSource && this._viewer) {
+      this._viewer.dataSources.remove(this._dataSource);
+    }
+    this._viewer = null;
+    this._dataSource = null;
+  }
+
+  // ==================== 地图操作（供 Vue 组件调用）====================
+
+  /**
+   * @description 缩放到要素（通过 feature 对象）
+   * @param {Object} feature 要素对象（含 geojson）
+   * @returns {boolean}
+   */
+  zoomToFeature(feature) {
+    if (!this._viewer || !feature || !feature.geojson) return false;
+    try {
+      const geojson = typeof feature.geojson === "string" ? JSON.parse(feature.geojson) : feature.geojson;
+      const positions = this._extractPositionsFromGeoJSON(geojson);
+      if (positions && positions.length > 0) {
+        this._viewer.camera.flyTo({
+          destination: Cesium.Rectangle.fromCartographicArray(positions),
+          duration: 1.5
+        });
+        return true;
+      }
+    } catch (e) {
+      console.error("缩放失败:", e);
+    }
+    return false;
+  }
+
+  /**
+   * @description 删除要素实体（通过 entityIds 数组）
+   * @param {Array<string>} entityIds
+   */
+  removeFeatureEntities(entityIds) {
+    if (!this._viewer || !entityIds) return;
+    entityIds.forEach(id => {
+      // 优先从 dataSource 中移除
+      let entity = null;
+      if (this._dataSource) {
+        entity = this._dataSource.entities.getById(id);
+        if (entity) {
+          this._dataSource.entities.remove(entity);
+        }
+      }
+      // 如果 dataSource 中没找到，尝试从 viewer.entities 中移除
+      if (!entity) {
+        entity = this._viewer.entities.getById(id);
+        if (entity) {
+          this._viewer.entities.remove(entity);
+        }
+      }
+      // 从 _drawingEntities 中移除
+      const drawingIndex = this._drawingEntities.findIndex(e => e.id === id);
+      if (drawingIndex !== -1) {
+        this._drawingEntities.splice(drawingIndex, 1);
+      }
+    });
+  }
+
+  /**
+   * @description 移除当前绘制中的实体
+   */
+  removeCurrentDrawingEntities() {
+    this._drawingEntities.forEach(entity => {
+      if (entity) {
+        // 优先从 dataSource 中移除（_createXxxEntity 添加到 dataSource）
+        if (this._dataSource) {
+          this._dataSource.entities.remove(entity);
+        }
+        // 同时尝试从 viewer.entities 中移除（预览实体添加到 viewer.entities）
+        this._viewer.entities.remove(entity);
+      }
+    });
+    this._drawingEntities = [];
+  }
+
+  /**
+   * @description 从 GeoJSON 提取 Cartographic 数组（私有工具方法）
+   * @private
+   */
+  _extractPositionsFromGeoJSON(geojson) {
+    const positions = [];
+    const features = geojson.type === "FeatureCollection" ? geojson.features : [geojson];
+    features.forEach(f => {
+      const geom = f.type === "Feature" ? f.geometry : f;
+      if (!geom) return;
+      const coords = geom.coordinates;
+      if (geom.type === "Point") {
+        positions.push(Cesium.Cartographic.fromDegrees(coords[0], coords[1]));
+      } else if (geom.type === "LineString") {
+        coords.forEach(c => positions.push(Cesium.Cartographic.fromDegrees(c[0], c[1])));
+      } else if (geom.type === "Polygon" && coords[0]) {
+        coords[0].forEach(c => positions.push(Cesium.Cartographic.fromDegrees(c[0], c[1])));
+      }
+    });
+    return positions;
+  }
+  getEntityById(id) {
+    // 优先从 dataSource 中获取实体
+    if (this._dataSource) {
+      const entity = this._dataSource.entities.getById(id);
+      if (entity) return entity;
+    }
+    // 如果 dataSource 中没找到，尝试从 viewer.entities 中获取
+    return this._viewer.entities.getById(id);
+  }
+}
+exports["default"] = LowAltitudeFeatureViewModel;
+
+/***/ }),
+
+/***/ 6663:
+/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
+
+
+
+var _interopRequireDefault = __webpack_require__(33751);
+Object.defineProperty(exports, "B", ({
+  value: true
+}));
+exports.A = void 0;
+var _indexFull = __webpack_require__(56363);
+var _render = _interopRequireDefault(__webpack_require__(74383));
+var _default = exports.A = {
+  name: "KqSlider",
+  defaultComponent: _indexFull.ElSlider,
+  mixins: [_render.default],
+  setup(props, context) {
+    _render.default.setup && _render.default.setup(props, context);
+  }
+};
+
+/***/ }),
+
+/***/ 7955:
+/***/ (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 */ Formvue_type_script_lang_js/* __esModule */.B; },
+  "default": function() { return /* binding */ Form; }
+});
+
+// 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/common/_ui/form/Form.vue?vue&type=script&lang=js
+var Formvue_type_script_lang_js = __webpack_require__(75797);
+;// ./src/common/_ui/form/Form.vue?vue&type=script&lang=js
+ 
+;// ./src/common/_ui/form/Form.vue
+
+
+
+const __exports__ = Formvue_type_script_lang_js/* default */.A;
+
+/* harmony default export */ var Form = (__exports__);
+
+/***/ }),
+
+/***/ 11583:
+/***/ (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 */ LowAltitudeFeaturevue_type_script_setup_true_lang_js/* __esModule */.B; },
+  "default": function() { return /* binding */ LowAltitudeFeature; }
+});
+
+// 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/lowaltitudefeature/LowAltitudeFeature.vue?vue&type=script&setup=true&lang=js
+var LowAltitudeFeaturevue_type_script_setup_true_lang_js = __webpack_require__(23043);
+;// ./src/webgl/lowaltitudefeature/LowAltitudeFeature.vue?vue&type=script&setup=true&lang=js
+ 
+// EXTERNAL MODULE: ./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js
+var injectStylesIntoStyleTag = __webpack_require__(85072);
+var injectStylesIntoStyleTag_default = /*#__PURE__*/__webpack_require__.n(injectStylesIntoStyleTag);
+// EXTERNAL MODULE: ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/webgl/lowaltitudefeature/LowAltitudeFeature.vue?vue&type=style&index=0&id=b3c8fafe&scoped=true&lang=css
+var LowAltitudeFeaturevue_type_style_index_0_id_b3c8fafe_scoped_true_lang_css = __webpack_require__(74703);
+;// ./node_modules/style-loader/dist/cjs.js!./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/webgl/lowaltitudefeature/LowAltitudeFeature.vue?vue&type=style&index=0&id=b3c8fafe&scoped=true&lang=css
+
+            
+
+var options = {};
+
+options.insert = "head";
+options.singleton = false;
+
+var update = injectStylesIntoStyleTag_default()(LowAltitudeFeaturevue_type_style_index_0_id_b3c8fafe_scoped_true_lang_css/* default */.A, options);
+
+
+
+/* harmony default export */ var lowaltitudefeature_LowAltitudeFeaturevue_type_style_index_0_id_b3c8fafe_scoped_true_lang_css = (LowAltitudeFeaturevue_type_style_index_0_id_b3c8fafe_scoped_true_lang_css/* default */.A.locals || {});
+;// ./src/webgl/lowaltitudefeature/LowAltitudeFeature.vue?vue&type=style&index=0&id=b3c8fafe&scoped=true&lang=css
+
+// EXTERNAL MODULE: ./node_modules/vue-loader/dist/exportHelper.js
+var exportHelper = __webpack_require__(66262);
+;// ./src/webgl/lowaltitudefeature/LowAltitudeFeature.vue
+
+
+
+;
+
+
+const __exports__ = /*#__PURE__*/(0,exportHelper/* default */.A)(LowAltitudeFeaturevue_type_script_setup_true_lang_js/* default */.A, [['__scopeId',"data-v-b3c8fafe"]])
+
+/* harmony default export */ var LowAltitudeFeature = (__exports__);
+
+/***/ }),
+
+/***/ 14464:
+/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
+
+
+
+var _interopRequireDefault = __webpack_require__(33751);
+Object.defineProperty(exports, "__esModule", ({
+  value: true
+}));
+exports["default"] = void 0;
+var _Tree = _interopRequireDefault(__webpack_require__(65310));
+var _init = _interopRequireDefault(__webpack_require__(20455));
+var _KqGIS = __webpack_require__(99602);
+/*
+ * Copyright (C) 2019 KQ GEO Technologies Co., Ltd.
+ * All rights reserved.
+ */
+
+_Tree.default.install = (Vue, opts) => {
+  (0, _init.default)(Vue, opts);
+  Vue.component(_Tree.default.name, _Tree.default);
+};
+var _default = exports["default"] = _Tree.default;
+_KqGIS.kq_npm_client_common_vue.KqTree = _Tree.default;
+
+/***/ }),
+
+/***/ 15255:
+/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
+
+
+
+var _interopRequireDefault = __webpack_require__(33751);
+Object.defineProperty(exports, "B", ({
+  value: true
+}));
+exports.A = void 0;
+var _indexFull = __webpack_require__(56363);
+var _render = _interopRequireDefault(__webpack_require__(74383));
+var _default = exports.A = {
+  name: "KqTooltip",
+  defaultComponent: _indexFull.ElTooltip,
+  mixins: [_render.default],
+  setup(props, context) {
+    _render.default.setup && _render.default.setup(props, context);
+  }
+};
+
+/***/ }),
+
+/***/ 16676:
+/***/ (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 */ Tooltipvue_type_script_lang_js/* __esModule */.B; },
+  "default": function() { return /* binding */ Tooltip; }
+});
+
+// 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/common/_ui/tooltip/Tooltip.vue?vue&type=script&lang=js
+var Tooltipvue_type_script_lang_js = __webpack_require__(15255);
+;// ./src/common/_ui/tooltip/Tooltip.vue?vue&type=script&lang=js
+ 
+;// ./src/common/_ui/tooltip/Tooltip.vue
+
+
+
+const __exports__ = Tooltipvue_type_script_lang_js/* default */.A;
+
+/* harmony default export */ var Tooltip = (__exports__);
+
+/***/ }),
+
+/***/ 19000:
+/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
+
+
+
+var _interopRequireDefault = __webpack_require__(33751);
+Object.defineProperty(exports, "B", ({
+  value: true
+}));
+exports.A = void 0;
+var _indexFull = __webpack_require__(56363);
+var _render = _interopRequireDefault(__webpack_require__(74383));
+var _default = exports.A = {
+  name: "KqFormItem",
+  defaultComponent: _indexFull.ElFormItem,
+  mixins: [_render.default],
+  setup(props, context) {
+    _render.default.setup && _render.default.setup(props, context);
+  }
+};
+
+/***/ }),
+
+/***/ 20064:
+/***/ (function(module) {
+
+module.exports = __WEBPACK_EXTERNAL_MODULE__20064__;
+
+/***/ }),
+
+/***/ 20455:
+/***/ (function(module) {
+
+module.exports = __WEBPACK_EXTERNAL_MODULE__20455__;
+
+/***/ }),
+
+/***/ 22295:
+/***/ (function(module) {
+
+module.exports = require("element-plus");
+
+/***/ }),
+
+/***/ 22686:
+/***/ (function(module) {
+
+module.exports = __WEBPACK_EXTERNAL_MODULE__22686__;
+
+/***/ }),
+
+/***/ 23043:
+/***/ (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 _message = _interopRequireDefault(__webpack_require__(71323));
+var _messagebox = _interopRequireDefault(__webpack_require__(81328));
+var _iconsVue = __webpack_require__(29371);
+var _client_icons_vue = __webpack_require__(65698);
+var _util = __webpack_require__(42975);
+var _useGlobalConfig = __webpack_require__(22686);
+var _icon = _interopRequireDefault(__webpack_require__(80881));
+var _button = _interopRequireDefault(__webpack_require__(68676));
+var _checkbox = _interopRequireDefault(__webpack_require__(95857));
+var _elementPlus = __webpack_require__(22295);
+var _tooltip = _interopRequireDefault(__webpack_require__(60479));
+var _input = _interopRequireDefault(__webpack_require__(77228));
+var _select = _interopRequireWildcard(__webpack_require__(92936));
+var _collapse = _interopRequireWildcard(__webpack_require__(41219));
+var _slider = _interopRequireDefault(__webpack_require__(95765));
+var _upload = _interopRequireDefault(__webpack_require__(89393));
+var _divider = _interopRequireDefault(__webpack_require__(2409));
+var _form = _interopRequireWildcard(__webpack_require__(39466));
+var _tree = _interopRequireDefault(__webpack_require__(14464));
+var _scrollbar = _interopRequireDefault(__webpack_require__(62842));
+var _LowAltitudeFeatureViewModel = _interopRequireDefault(__webpack_require__(4494));
+var _gisUtils = __webpack_require__(20064);
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const _hoisted_1 = {
+  class: "kq-low-altitude-feature-box"
+};
+const _hoisted_2 = {
+  class: "kq-laf-left-panel"
+};
+const _hoisted_3 = {
+  class: "kq-laf-search"
+};
+const _hoisted_4 = {
+  key: 0,
+  class: "kq-laf-tree-label"
+};
+const _hoisted_5 = ["title"];
+const _hoisted_6 = ["title", "onClick"];
+const _hoisted_7 = {
+  class: "kq-laf-tree-label kq-laf-feature-row"
+};
+const _hoisted_8 = ["title"];
+const _hoisted_9 = {
+  class: "kq-laf-feature-actions"
+};
+const _hoisted_10 = {
+  key: 0,
+  class: "kq-laf-right-panel"
+};
+const _hoisted_11 = {
+  class: "kq-laf-panel-header"
+};
+const _hoisted_12 = {
+  class: "kq-laf-panel-title"
+};
+const _hoisted_13 = {
+  class: "kq-laf-panel-body"
+};
+const _hoisted_14 = {
+  class: "kq-laf-toolbar"
+};
+const _hoisted_15 = {
+  class: "kq-laf-status-text"
+};
+const _hoisted_16 = {
+  class: "kq-laf-slider-wrap",
+  style: {
+    "width": "285px"
+  }
+};
+const _hoisted_17 = {
+  class: "kq-laf-slider-wrap",
+  style: {
+    "width": "285px"
+  }
+};
+const _hoisted_18 = {
+  class: "kq-laf-slider-wrap",
+  style: {
+    "width": "285px"
+  }
+};
+const _hoisted_19 = {
+  class: "kq-laf-slider-wrap",
+  style: {
+    "width": "285px"
+  }
+};
+const _hoisted_20 = {
+  class: "kq-laf-panel-footer"
+};
+const __default__ = {
+  name: "Kq3dLowAltitudeFeature"
+};
+var _default = exports.A = /*@__PURE__*/Object.assign(__default__, {
+  props: {
+    mapTarget: {
+      type: String
+    },
+    showShadow: {
+      type: Boolean,
+      default: true
+    },
+    loadLowAltitudeFeature: {
+      type: Function
+    },
+    saveLowAltitudeFeature: {
+      type: Function
+    },
+    deleteLowAltitudeFeature: {
+      type: Function
+    },
+    position: [String, Object],
+    showHeaderTemp: {
+      type: Boolean,
+      default: false
+    },
+    isCollapseHeaderTemp: {
+      type: Boolean,
+      default: false
+    },
+    headerTempTitle: {
+      type: String
+    },
+    headerTempIcon: {
+      type: [Object, String],
+      default: _client_icons_vue.IconImport
+    },
+    isRight: {
+      type: Boolean,
+      default: true
+    },
+    // 显示绘图设置模块
+    showSettingPanel: {
+      type: Boolean,
+      default: true
+    }
+  },
+  setup(__props, {
+    expose: __expose
+  }) {
+    const {
+      t,
+      lang,
+      locale
+    } = (0, _useGlobalConfig.useLocale)();
+    const props = __props;
+
+    // ==================== 组件状态 ====================
+    let isAddOrEdit = (0, _vue.ref)(false);
+    let isEdit = (0, _vue.ref)(false);
+    let searchKeyword = (0, _vue.ref)("");
+    let panelCollapsed = (0, _vue.ref)(false);
+    let symbolSettingsExpanded = (0, _vue.ref)(false);
+    let currentDrawMode = (0, _vue.ref)("");
+
+    // 当前编辑的要素所属分类（新建时强制）
+    let forcedCategory = (0, _vue.ref)(null);
+    // 编辑时编码是否可编辑
+    let editableCode = (0, _vue.ref)(true);
+
+    // 表单数据
+    let formData = (0, _vue.reactive)({
+      code: "",
+      name: "",
+      featureClass: "",
+      subclass: "",
+      routeType: ""
+    });
+
+    // 图元设置
+    const defaultSymbolSettings = () => ({
+      altitudeType: "trueHeight",
+      shapeType: "pointData",
+      gridLevel: 15,
+      bufferType: "sphere",
+      bufferDistance: 500,
+      upperHeight: 20,
+      lowerHeight: 0
+    });
+    let symbolSettings = (0, _vue.reactive)(defaultSymbolSettings());
+
+    // ==================== 要素分类树数据（kq-tree 数据源）====================
+    let featureCategories = (0, _vue.reactive)([{
+      treeNodeKey: "cat-airspace",
+      key: "airspace",
+      label: "空域",
+      checked: true,
+      expanded: true,
+      children: []
+    }, {
+      treeNodeKey: "cat-airroute",
+      key: "airroute",
+      label: "航线",
+      checked: true,
+      expanded: true,
+      children: []
+    }, {
+      treeNodeKey: "cat-hangar",
+      key: "hangar",
+      label: "机库",
+      checked: true,
+      expanded: true,
+      children: []
+    }]);
+
+    // ==================== 分类选项配置 ====================
+    const featureClassMap = {
+      hangar: {
+        value: "hangar",
+        label: "机库"
+      },
+      airspace: {
+        value: "airspace",
+        label: "空域"
+      },
+      airroute: {
+        value: "airroute",
+        label: "航线"
+      }
+    };
+    const subclassOptionsMap = {
+      hangar: [{
+        value: "takeoffPoint",
+        label: "起降点"
+      }],
+      airspace: [{
+        value: "controlZone",
+        label: "管制区"
+      }, {
+        value: "temporaryControl",
+        label: "临时管制"
+      }, {
+        value: "electronicFence",
+        label: "电子围栏"
+      }],
+      airroute: [{
+        value: "routeLine",
+        label: "航线"
+      }]
+    };
+    const shapeTypeMap = {
+      point: [{
+        value: "pointData"
+      }],
+      polyline: [{
+        value: "lineData"
+      }],
+      polygon: [{
+        value: "faceData"
+      }]
+    };
+    const bufferTypeMap = {
+      point: [{
+        value: "sphere"
+      }, {
+        value: "cube"
+      }, {
+        value: "cylinder"
+      }, {
+        value: "cone"
+      }],
+      polyline: [{
+        value: "cube"
+      }, {
+        value: "cylinder"
+      }],
+      polygon: [{
+        value: "cube"
+      }]
+    };
+    const routeTypeOptions = [{
+      value: "longTerm",
+      label: "长期"
+    }, {
+      value: "shortTerm",
+      label: "短期"
+    }, {
+      value: "temporary",
+      label: "临时"
+    }];
+    const featureClassOptions = [{
+      value: "hangar",
+      label: "机库"
+    }, {
+      value: "airspace",
+      label: "空域"
+    }, {
+      value: "airroute",
+      label: "航线"
+    }];
+    // ==================== 计算属性 ====================
+    // let featureClassOptions = computed(() => {
+    //   if (forcedCategory.value && featureClassMap[forcedCategory.value]) {
+    //     return [featureClassMap[forcedCategory.value]];
+    //   }
+    //   return Object.values(featureClassMap);
+    // });
+
+    let currentSubclassOptions = (0, _vue.computed)(() => {
+      return subclassOptionsMap[formData.featureClass] || [];
+    });
+    let currentShapeTypes = (0, _vue.computed)(() => {
+      return shapeTypeMap[currentGeometryType()] || [];
+    });
+    let currentBufferTypes = (0, _vue.computed)(() => {
+      return bufferTypeMap[currentGeometryType()] || [];
+    });
+    function currentGeometryType() {
+      if (formData.featureClass === "hangar") return "point";
+      if (formData.featureClass === "airroute") return "polyline";
+      if (formData.featureClass === "airspace") return "polygon";
+      return currentDrawMode.value || "point";
+    }
+    let showRouteTypeField = (0, _vue.computed)(() => {
+      return formData.featureClass === "airroute";
+    });
+    let showBufferTypeField = (0, _vue.computed)(() => {
+      return currentBufferTypes.value.length > 0;
+    });
+    let showBufferDistanceField = (0, _vue.computed)(() => {
+      // if (currentGeometryType() === "polygon") return false;
+      return symbolSettings.bufferType && symbolSettings.bufferType !== "none";
+    });
+
+    // ==================== Cesium 相关 ====================
+
+    let currentEditFeature = null;
+    let boxRef = (0, _vue.ref)(null);
+    let headerTemp = (0, _vue.ref)();
+    let headerTempRef = (0, _vue.ref)(null);
+    let currentEntities = [];
+    let currentGeoJSON = null;
+    let viewer = null;
+    let viewModel = null;
+
+    // ==================== kq-tree 相关 ====================
+    // 树节点唯一 key 字段名
+    const treeNodeKey = "treeNodeKey";
+
+    // 树默认展开的一级分类 key
+    let defaultExpandedKeys = (0, _vue.ref)(["cat-airspace", "cat-airroute", "cat-hangar"]);
+
+    // 树默认选中的要素 key
+    let defaultCheckedKeys = (0, _vue.ref)(["cat-airspace", "cat-airroute", "cat-hangar"]);
+
+    // 受控展开（与 default-expanded-keys 二选一，使用受控模式以便数据加载后动态展开）
+    let expandedKeys = (0, _vue.ref)([]);
+    // 受控选中（与 default-checked-keys 二选一，使用受控模式同步复选框状态）
+    let checkedKeys = (0, _vue.ref)([]);
+
+    // 树的 props 配置（映射字段名）
+    const treeProps = {
+      children: "children",
+      label: "name"
+    };
+
+    // 初始化受控展开状态（数据加载后调用）
+    function initExpandedKeys() {
+      expandedKeys.value = featureCategories.filter(cat => cat.expanded).map(cat => cat[treeNodeKey]);
+    }
+
+    // 同步受控选中状态（根据数据 checked 属性更新 checkedKeys）
+    function updateCheckedKeys() {
+      const keys = [];
+      featureCategories.forEach(cat => {
+        if (cat.children) {
+          cat.children.forEach(f => {
+            if (f.checked) {
+              keys.push(f[treeNodeKey]);
+            }
+          });
+        }
+      });
+      checkedKeys.value = keys;
+      // 设置组件的checked-keys属性
+      featureTreeRef.value.$refs.child.setCheckedKeys(checkedKeys.value);
+    }
+
+    // 节点展开回调（受控模式同步）
+    function handleNodeExpand(data, node) {
+      const key = data[treeNodeKey];
+      if (key && !expandedKeys.value.includes(key)) {
+        expandedKeys.value = [...expandedKeys.value, key];
+      }
+    }
+
+    // 节点折叠回调（受控模式同步）
+    function handleNodeCollapse(data, node) {
+      const key = data[treeNodeKey];
+      if (key) {
+        expandedKeys.value = expandedKeys.value.filter(k => k !== key);
+      }
+    }
+
+    // 树节点过滤方法（搜索）
+    function filterTreeNode(value, data) {
+      if (!value) return true;
+      const keyword = value.toLowerCase();
+      // 分类节点：匹配 label
+      if (data.children) {
+        return data.label && data.label.toLowerCase().includes(keyword);
+      }
+      // 要素节点：匹配 name
+      if (data.name) {
+        return data.name.toLowerCase().includes(keyword);
+      }
+      return false;
+    }
+
+    // 搜索框输入时触发树过滤
+    function handleTreeFilter() {
+      const tree = featureTreeRef.value;
+      if (tree && tree.$refs && tree.$refs.child) {
+        tree.$refs.child.filter(searchKeyword.value);
+      }
+    }
+
+    // 树节点勾选事件
+    function handleTreeCheck(data, checkedInfo) {
+      let currenNode = featureTreeRef.value.$refs.child.getNode(data);
+      if (data.children) {
+        // 分类节点：全选/取消子节点
+        toggleCategoryCheckByKey(data.key, currenNode.checked);
+      } else {
+        // 要素节点：同步 checked 属性并更新实体可见性
+
+        data.checked = currenNode.checked;
+        updateEntityVisibility(data, currenNode.checked);
+      }
+      // 同步受控选中状态
+      updateCheckedKeys();
+    }
+
+    // 树节点点击事件
+    function handleTreeNodeClick(data, node) {
+      // 分类节点：切换展开/折叠
+      if (data.children) {
+        const tree = featureTreeRef.value;
+        if (tree && tree.$refs && tree.$refs.child) {
+          const isExpanded = node.expanded;
+          tree.$refs.child.store.nodesMap[data[treeNodeKey]].expanded = !isExpanded;
+        }
+      }
+      // 要素节点点击不展开（无 children）
+    }
+
+    // 根据分类 key 切换该分类下所有要素的勾选状态
+    function toggleCategoryCheckByKey(categoryKey, checked) {
+      const category = featureCategories.find(cat => cat.key === categoryKey);
+      if (category && category.children) {
+        category.children.forEach(child => {
+          child.checked = checked;
+          updateEntityVisibility(child, checked);
+        });
+      }
+      updateCheckedKeys();
+    }
+
+    // 通过节点数据编辑要素（树节点回调用）
+    function editFeatureFromNode(data) {
+      const category = featureCategories.find(cat => cat.key === data.category);
+      if (category) {
+        editFeature(data, category);
+      }
+    }
+
+    // 通过节点数据缩放至要素
+    function zoomToFeatureByKey(data) {
+      zoomToFeature(data);
+    }
+
+    // 通过节点数据删除要素
+    function deleteFeatureByKey(data) {
+      const category = featureCategories.find(cat => cat.key === data.category);
+      if (category) {
+        deleteFeature(data, category);
+      }
+    }
+
+    // 通过分类 key 添加要素
+    function addFeatureByCategoryByKey(categoryKey) {
+      const category = featureCategories.find(cat => cat.key === categoryKey);
+      if (category) {
+        addFeatureByCategory(category);
+      }
+    }
+    let featureTreeRef = (0, _vue.ref)(null);
+    (0, _vue.onMounted)(() => {
+      (0, _util.updatePosition)(boxRef.value, props);
+      (0, _vue.watch)(() => props.position, newVal => (0, _util.updatePosition)(boxRef.value, props));
+      watchCreateHeaderTemp();
+      (0, _vue.watch)(() => props.showHeaderTemp, () => (0, _vue.nextTick)(watchCreateHeaderTemp));
+
+      // 初始化树展开状态
+      initExpandedKeys();
+
+      // 加载外部数据（不依赖地图）
+      loadExternalData();
+      // 初始化树全选状态
+      updateCheckedKeys();
+      _gisUtils.utils.getWebMap(props.mapTarget, scenceView => {
+        if (scenceView) {
+          viewer = scenceView._viewer;
+          viewModel = new _LowAltitudeFeatureViewModel.default(viewer);
+          // 地图准备好后，把已有 geojson 的要素渲染到地图
+          renderExistingFeatures(viewModel);
+        }
+      });
+    });
+    (0, _vue.onBeforeUnmount)(() => {
+      if (viewModel) {
+        viewModel.destroy();
+        viewModel = null;
+      }
+    });
+
+    /**
+     * 监听header生成
+     */
+    const watchCreateHeaderTemp = () => {
+      if (props.showHeaderTemp) {
+        headerTemp.value = (0, _util.createHeaderTemp)(boxRef.value, (0, _vue.toRefs)(props), headerTempRef, "webgl.lowAltitudeFeature");
+      }
+    };
+
+    /**
+     * 地图准备好后，将已有 geojson 的要素渲染到地图
+     */
+    function renderExistingFeatures(vm) {
+      if (!vm) return;
+      featureCategories.forEach(cat => {
+        if (!cat.children) return;
+        cat.children.forEach(feat => {
+          if (feat.geojson && (!feat.entityIds || feat.entityIds.length === 0)) {
+            try {
+              const entities = vm.loadFromGeoJSON(feat.geojson, feat.settings || {});
+              feat.entityIds = entities.map(e => e.id);
+            } catch (e) {
+              console.error("渲染已有要素失败:", feat.name, e);
+            }
+          }
+        });
+      });
+    }
+
+    /**
+     * 加载模拟示例数据
+     */
+    function loadMockData() {
+      MOCK_FEATURE_S.forEach(item => addFeatureToTree(item));
+    }
+
+    /**
+     * 加载外部数据
+     */
+    function loadExternalData() {
+      if (props.loadLowAltitudeFeature) {
+        props.loadLowAltitudeFeature(dataList => {
+          if (dataList && Array.isArray(dataList)) {
+            dataList.forEach(item => addFeatureToTree(item));
+            // 批量加载后统一同步全选状态
+            (0, _vue.nextTick)(updateCheckedKeys);
+          }
+        });
+      }
+    }
+
+    /**
+     * 将要素添加到树中，并渲染到地图
+     */
+    function addFeatureToTree(item) {
+      const category = featureCategories.find(cat => cat.key === item.category);
+      if (category) {
+        // 避免重复添加
+        if (category.children.find(f => f.id === item.id)) return;
+        const newFeature = {
+          [treeNodeKey]: item.id || Cesium.createGuid(),
+          id: item.id || Cesium.createGuid(),
+          code: item.code || "",
+          name: item.name || "",
+          geometryType: item.geometryType || "point",
+          category: item.category,
+          checked: item.visible !== false,
+          gridDisplay: item.gridDisplay || false,
+          subclass: item.subclass || "",
+          routeType: item.routeType || "",
+          settings: item.settings || {},
+          geojson: item.geojson || null,
+          entityIds: []
+        };
+
+        // 如果有 viewModel 且有 geojson，渲染到地图
+        if (viewModel && newFeature.geojson) {
+          try {
+            const entities = viewModel.loadFromGeoJSON(newFeature.geojson, newFeature.settings);
+            newFeature.entityIds = entities.map(e => e.id);
+          } catch (e) {
+            console.error("渲染要素失败:", e);
+          }
+        }
+        category.children.push(newFeature);
+        // 默认全选：新增要素默认选中
+        newFeature.checked = true;
+        // 新增要素后同步受控选中状态
+        (0, _vue.nextTick)(updateCheckedKeys);
+      }
+    }
+
+    // ==================== 树形操作 ====================
+
+    // ==================== 要素CRUD操作 ====================
+
+    // ==================== 要素CRUD操作 ====================
+    /**
+     * 通过一级分类添加要素
+     */
+    function addFeatureByCategory(category) {
+      isAddOrEdit.value = true;
+      isEdit.value = false;
+      panelCollapsed.value = false;
+      resetForm();
+      forcedCategory.value = category.key;
+      formData.featureClass = featureClassMap[category.key] ? featureClassMap[category.key].value : "";
+      onFeatureClassChange(formData.featureClass);
+    }
+
+    /**
+     * 开始绘制
+     */
+    function startDraw(mode) {
+      if (!viewModel || !viewModel.isReady()) {
+        (0, _message.default)({
+          message: `${locale.value.webgl.mapNotReady}`,
+          type: "warning"
+        });
+        return;
+      }
+      currentDrawMode.value = mode;
+
+      // 编辑模式下：先将当前要素的旧实体从地图移除
+      // （这些实体不在 _drawingEntities 中，clearDraw 不会处理它们）
+      if (isEdit.value && viewModel && currentEntities.length > 0) {
+        currentEntities.forEach(entity => {
+          if (entity) {
+            if (viewModel._dataSource) {
+              viewModel._dataSource.entities.remove(entity);
+            }
+            viewModel._viewer.entities.remove(entity);
+          }
+        });
+        currentEntities = [];
+      }
+
+      // 清除之前的绘制处理器和已绘制的实体，重置 geoJSON
+      clearDrawHandler();
+      removeCurrentEntities();
+      currentGeoJSON = null;
+      if (mode === "point") symbolSettings.shapeType = "pointData";else if (mode === "polyline") symbolSettings.shapeType = "lineData";else if (mode === "polygon") symbolSettings.shapeType = "faceData";
+      if (viewModel) {
+        if (mode === "point") {
+          viewModel.drawPoint(symbolSettings, (entity, geojson) => {
+            currentEntities.push(entity);
+            currentGeoJSON = geojson;
+          });
+        } else if (mode === "polyline") {
+          viewModel.drawPolyline(symbolSettings, (entity, geojson) => {
+            currentEntities.push(entity);
+            currentGeoJSON = geojson;
+          });
+        } else if (mode === "polygon") {
+          viewModel.drawPolygon(symbolSettings, (entity, geojson) => {
+            currentEntities.push(entity);
+            currentGeoJSON = geojson;
+          });
+        }
+      }
+    }
+
+    /**
+     * 编辑要素
+     */
+    function editFeature(feature, category) {
+      // 1. 先准备所有数据，暂不显示面板
+      currentEditFeature = {
+        ...feature,
+        categoryKey: category.key
+      };
+      forcedCategory.value = category.key;
+      editableCode.value = false;
+      formData.code = feature.code || "";
+      formData.name = feature.name || "";
+      formData.featureClass = category.key;
+      formData.subclass = feature.subclass || "";
+      formData.routeType = feature.routeType || "";
+      formData.geojson = feature.geojson || null;
+      formData.entityIds = feature.entityIds || [];
+      currentGeoJSON = feature.geojson || null;
+      currentEntities = [feature.entityIds || []].flat().map(id => viewModel.getEntityById(id)).filter(e => e);
+
+      // 2. 根据分类设置绘图模式、图形类型和缓冲类型
+      if (category.key === "hangar") {
+        currentDrawMode.value = "point";
+        symbolSettings.shapeType = "pointData";
+        symbolSettings.bufferType = "sphere";
+      } else if (category.key === "airroute") {
+        currentDrawMode.value = "polyline";
+        symbolSettings.shapeType = "lineData";
+        symbolSettings.bufferType = "cube";
+      } else if (category.key === "airspace") {
+        currentDrawMode.value = "polygon";
+        symbolSettings.shapeType = "faceData";
+        symbolSettings.bufferType = "cube";
+      }
+
+      // 3. 用已保存的设置覆盖 symbolSettings
+      if (feature.settings) {
+        const savedShapeType = symbolSettings.shapeType;
+        Object.assign(symbolSettings, defaultSymbolSettings(), feature.settings);
+        // 确保 shapeType 与当前分类一致；bufferType 由 feature.settings 决定，无需恢复
+        symbolSettings.shapeType = savedShapeType;
+      }
+      // 如果 feature.settings 里没有 bufferType，用当前分类对应的默认值
+      if (!feature.settings || feature.settings.bufferType === undefined) {
+        if (category.key === "hangar") {
+          symbolSettings.bufferType = "sphere";
+        } else {
+          symbolSettings.bufferType = "cube";
+        }
+      }
+
+      // 4. 所有数据准备好后再显示面板
+      (0, _vue.nextTick)(() => {
+        isAddOrEdit.value = true;
+        isEdit.value = true;
+        panelCollapsed.value = false;
+      });
+    }
+
+    /**
+     * 根据分类推断几何类型
+     */
+    function inferGeometryFromCategory(categoryKey) {
+      if (categoryKey === "hangar") return "point";
+      if (categoryKey === "airroute") return "polyline";
+      return "polygon";
+    }
+
+    /**
+     * 缩放至要素
+     */
+    function zoomToFeature(feature) {
+      if (!viewModel) {
+        (0, _message.default)({
+          message: `${locale.value.webgl.mapNotReady}`,
+          type: "warning"
+        });
+        return;
+      }
+      const ok = viewModel.zoomToFeature(feature);
+      if (!ok) {
+        (0, _message.default)({
+          message: `${locale.value.webgl.noGeoData}`,
+          type: "warning"
+        });
+      }
+    }
+
+    /**
+     * 删除要素
+     */
+    function deleteFeature(feature, category) {
+      const index = category.children.findIndex(f => f.id === feature.id);
+      if (index !== -1) {
+        category.children.splice(index, 1);
+        if (feature.entityIds && viewModel) {
+          viewModel.removeFeatureEntities(feature.entityIds);
+        }
+      }
+      if (props.deleteLowAltitudeFeature) {
+        props.deleteLowAltitudeFeature(feature.id);
+      }
+      // 删除要素后同步受控选中状态
+      updateCheckedKeys();
+      (0, _message.default)({
+        message: `${locale.value.webgl.deleteSuccess}`,
+        type: "success"
+      });
+    }
+
+    /**
+     * 切换网格化显示
+     */
+    function toggleGridDisplay(feature) {
+      feature.gridDisplay = !feature.gridDisplay;
+      if (viewModel && feature.geojson) {
+        viewModel.toggleGridDisplay(feature, feature.gridDisplay, feature.settings);
+      }
+      (0, _message.default)({
+        message: `${locale.value.webgl.gridDisplay}: ${feature.name} - ${feature.gridDisplay ? locale.value.webgl.on : locale.value.webgl.off}`,
+        type: "info"
+      });
+    }
+
+    /**
+     * 更新实体可见性
+     */
+    function updateEntityVisibility(feature, checked) {
+      if (viewModel) {
+        viewModel.updateFeatureVisibility(feature, checked);
+      }
+    }
+
+    // ==================== GeoJSON 操作 ====================
+    function handleGeoJSONUpload(file) {
+      const reader = new FileReader();
+      reader.onload = e => {
+        try {
+          const geojson = JSON.parse(e.target.result);
+          // 清除之前绘制/导入的实体和 geoJSON，用新导入的替换
+          clearDrawHandler();
+          removeCurrentEntities();
+          currentGeoJSON = geojson;
+          autoInferGeometryType(geojson);
+          // 加载新的 GeoJSON 到地图
+          if (viewModel) {
+            const entities = viewModel.loadFromGeoJSON(geojson, symbolSettings, true);
+            currentEntities.push(...entities);
+          }
+          (0, _message.default)({
+            message: `${locale.value.webgl.geojsonLoaded}`,
+            type: "success"
+          });
+        } catch (err) {
+          (0, _message.default)({
+            message: `${locale.value.webgl.geojsonParseError}`,
+            type: "error"
+          });
+        }
+      };
+      reader.readAsText(file.raw);
+    }
+    function autoInferGeometryType(geojson) {
+      let geomType = "";
+      if (geojson.type === "FeatureCollection" && geojson.features && geojson.features.length > 0) {
+        geomType = geojson.features[0].geometry && geojson.features[0].geometry.type;
+      } else if (geojson.type === "Feature") {
+        geomType = geojson.geometry && geojson.geometry.type;
+      }
+      if (geomType === "Point" || geomType === "MultiPoint") {
+        currentDrawMode.value = "point";
+        symbolSettings.shapeType = "pointData";
+      } else if (geomType === "LineString" || geomType === "MultiLineString") {
+        currentDrawMode.value = "polyline";
+        symbolSettings.shapeType = "lineData";
+      } else if (geomType === "Polygon" || geomType === "MultiPolygon") {
+        currentDrawMode.value = "polygon";
+        symbolSettings.shapeType = "faceData";
+      }
+    }
+    function exportGeoJSON() {
+      if (!currentGeoJSON) {
+        (0, _message.default)({
+          message: `${locale.value.webgl.noGeoDataToExport}`,
+          type: "warning"
+        });
+        return;
+      }
+      const blob = new Blob([JSON.stringify(currentGeoJSON, null, 2)], {
+        type: "application/json"
+      });
+      const url = URL.createObjectURL(blob);
+      const a = document.createElement("a");
+      a.href = url;
+      a.download = (formData.name || "low_altitude_feature") + ".geojson";
+      a.click();
+      URL.revokeObjectURL(url);
+      (0, _message.default)({
+        message: `${locale.value.webgl.exportSuccess}`,
+        type: "success"
+      });
+    }
+    function deleteCurrentDrawing() {
+      removeCurrentEntities();
+      currentGeoJSON = null;
+      // currentDrawMode.value = "";
+      (0, _message.default)({
+        message: `${locale.value.webgl.currentDrawingDeleted}`,
+        type: "success"
+      });
+    }
+    function removeCurrentEntities() {
+      if (viewModel) {
+        viewModel.removeCurrentDrawingEntities();
+      }
+      currentEntities = [];
+    }
+
+    // ==================== 表单操作 ====================
+    function onFeatureClassChange(val) {
+      // 仅当子类在当前分类下无效时才重置，避免编辑要素时被意外清空
+      const validSubclasses = (subclassOptionsMap[val] || []).map(opt => opt.value);
+      if (formData.subclass && !validSubclasses.includes(formData.subclass)) {
+        formData.subclass = "";
+      }
+      if (val === "hangar") {
+        currentDrawMode.value = "point";
+        symbolSettings.shapeType = "pointData";
+        symbolSettings.bufferType = "sphere";
+      } else if (val === "airroute") {
+        currentDrawMode.value = "polyline";
+        symbolSettings.shapeType = "lineData";
+        symbolSettings.bufferType = "cube";
+      } else if (val === "airspace") {
+        currentDrawMode.value = "polygon";
+        symbolSettings.shapeType = "faceData";
+        symbolSettings.bufferType = "cube";
+      }
+    }
+    function resetForm() {
+      formData.code = "";
+      formData.name = "";
+      formData.featureClass = "";
+      formData.subclass = "";
+      formData.routeType = "";
+      forcedCategory.value = null;
+      editableCode.value = true;
+      currentDrawMode.value = "";
+      currentGeoJSON = null;
+      currentEditFeature = null;
+      Object.assign(symbolSettings, defaultSymbolSettings());
+    }
+    function clearForm() {
+      resetForm();
+      clearDrawHandler();
+      removeCurrentEntities();
+      (0, _message.default)({
+        message: `${locale.value.webgl.formCleared}`,
+        type: "info"
+      });
+    }
+    function saveFeature() {
+      // 验证要素编码
+      if (!formData.code.trim()) {
+        (0, _message.default)({
+          message: `${locale.value.webgl.pleaseEnterFeatureCode}`,
+          type: "warning"
+        });
+        return;
+      }
+      // 验证要素名称
+      if (!formData.name.trim()) {
+        (0, _message.default)({
+          message: `${locale.value.webgl.pleaseEnterFeatureName}`,
+          type: "warning"
+        });
+        return;
+      }
+      // 验证是否已绘制几何图形
+      if (!currentGeoJSON) {
+        (0, _message.default)({
+          message: `${locale.value.webgl.pleaseDrawGeometry}`,
+          type: "warning"
+        });
+        return;
+      }
+      const featureData = {
+        id: currentEditFeature ? currentEditFeature.id : Cesium.createGuid(),
+        code: formData.code,
+        name: formData.name.trim(),
+        featureClass: formData.featureClass,
+        subclass: formData.subclass,
+        routeType: formData.routeType,
+        geometryType: currentGeometryType(),
+        category: forcedCategory.value || formData.featureClass || "airspace",
+        settings: {
+          ...symbolSettings
+        },
+        geojson: currentGeoJSON,
+        visible: true,
+        gridDisplay: false,
+        // 保留原有的 checked 状态，避免编辑后复选框变成未选中
+        checked: currentEditFeature ? currentEditFeature.checked : true
+      };
+      if (isEdit.value && currentEditFeature) {
+        // 编辑已有要素
+        const category = featureCategories.find(cat => cat.key === currentEditFeature.categoryKey);
+        if (category) {
+          const idx = category.children.findIndex(f => f.id === currentEditFeature.id);
+          if (idx !== -1) {
+            // 保存原有的 checked 状态
+            const originalChecked = category.children[idx].checked;
+            // 构建更新后的要素对象
+            const updatedFeature = {
+              ...category.children[idx],
+              ...featureData,
+              checked: originalChecked
+            };
+            // 使用 splice 更新数组元素，确保触发响应性
+            category.children.splice(idx, 1, updatedFeature);
+
+            // 更新地图上的实体
+            if (viewModel) {
+              // 判断是否需要更新地图实体：几何图形变了 或 图元设置变了
+              const oldIds = updatedFeature.entityIds || [];
+              const newIds = currentEntities.map(e => e.id);
+              const idsMatch = oldIds.length === newIds.length && oldIds.every((id, i) => id === newIds[i]);
+              const settingsMatch = JSON.stringify(updatedFeature.settings) === JSON.stringify(currentEditFeature.settings);
+              if (!idsMatch || !settingsMatch) {
+                // 需要更新地图 → 删除旧实体
+                if (oldIds.length > 0) viewModel.removeFeatureEntities(oldIds);
+                if (newIds.length > 0 && !idsMatch) {
+                  // 用户重绘了几何图形 → 直接用绘制好的实体
+                  updatedFeature.entityIds = newIds;
+                  currentEntities = [];
+                } else if (updatedFeature.geojson) {
+                  // 只改了图元设置/无可绘制实体 → 从 geojson 用当前设置重建
+                  const entities = viewModel.loadFromGeoJSON(updatedFeature.geojson, symbolSettings);
+                  updatedFeature.entityIds = entities.map(e => e.id);
+                } else {
+                  updatedFeature.entityIds = [];
+                }
+              }
+              // 几何和设置都没变 → 保留原有实体不动
+
+              // 清空绘图追踪
+              viewModel._drawingEntities = [];
+            }
+            // 编辑要素后同步受控选中状态
+            (0, _vue.nextTick)(updateCheckedKeys);
+          }
+        }
+      } else {
+        // 新建要素 - 直接添加到树中，并使用当前已绘制的实体
+        const category = featureCategories.find(cat => cat.key === featureData.category);
+        if (category) {
+          // 避免重复添加
+          if (category.children.find(f => f.id === featureData.id)) {
+            (0, _message.default)({
+              message: `${locale.value.webgl.featureAlreadyExists}`,
+              type: "warning"
+            });
+            return;
+          }
+          const newFeature = {
+            [treeNodeKey]: featureData.id,
+            id: featureData.id,
+            code: featureData.code,
+            name: featureData.name,
+            geometryType: featureData.geometryType,
+            category: featureData.category,
+            checked: true,
+            gridDisplay: false,
+            subclass: featureData.subclass,
+            routeType: featureData.routeType,
+            settings: featureData.settings,
+            geojson: featureData.geojson,
+            entityIds: []
+          };
+
+          // 将当前绘制的实体添加到地图，并保存entityIds
+          if (viewModel && currentEntities.length > 0) {
+            // 使用当前已绘制的实体
+            newFeature.entityIds = currentEntities.map(e => e.id);
+            // 清空currentEntities，避免下次重复添加
+            currentEntities = [];
+          } else if (viewModel && currentGeoJSON) {
+            // 如果没有当前实体，则从geojson加载
+            try {
+              const entities = viewModel.loadFromGeoJSON(currentGeoJSON, symbolSettings);
+              newFeature.entityIds = entities.map(e => e.id);
+            } catch (e) {
+              console.error("渲染要素失败:", e);
+            }
+          }
+          // 保存后清除当前绘制的实体
+          viewModel._drawingEntities = [];
+          category.children.push(newFeature);
+          // 新增要素后同步受控选中状态
+          (0, _vue.nextTick)(updateCheckedKeys);
+        }
+      }
+      if (props.saveLowAltitudeFeature) {
+        props.saveLowAltitudeFeature(featureData);
+      }
+      (0, _message.default)({
+        message: `${locale.value.webgl.saveSuccess}`,
+        type: "success"
+      });
+      isAddOrEdit.value = false;
+      isEdit.value = false;
+      resetForm();
+    }
+    function cancel() {
+      isAddOrEdit.value = false;
+      isEdit.value = false;
+      resetForm();
+      clearDrawHandler();
+      removeCurrentEntities();
+    }
+    function togglePanelCollapse() {
+      panelCollapsed.value = !panelCollapsed.value;
+    }
+    function clearDrawHandler() {
+      if (viewModel) {
+        viewModel.clearDraw();
+      }
+    }
+
+    // ==================== 暴露方法 ====================
+    __expose({
+      addFeature: addFeatureByCategory,
+      editFeature,
+      deleteFeature,
+      zoomToFeature,
+      toggleGridDisplay,
+      save: saveFeature,
+      cancel,
+      startDraw,
+      handleGeoJSONUpload,
+      exportGeoJSON
+    });
+    return (_ctx, _cache) => {
+      const _component_CaretRight = (0, _vue.resolveComponent)("CaretRight");
+      const _component_kq_radio = (0, _vue.resolveComponent)("kq-radio");
+      const _component_kq_radio_group = (0, _vue.resolveComponent)("kq-radio-group");
+      const _component_kq_col = (0, _vue.resolveComponent)("kq-col");
+      const _component_kq_row = (0, _vue.resolveComponent)("kq-row");
+      return (0, _vue.openBlock)(), (0, _vue.createElementBlock)("section", {
+        class: (0, _vue.normalizeClass)(["kq-low-altitude-feature", {
+          'kq-box-shadow': __props.showShadow
+        }]),
+        ref_key: "boxRef",
+        ref: boxRef
+      }, [__props.showHeaderTemp ? ((0, _vue.openBlock)(), (0, _vue.createBlock)((0, _vue.resolveDynamicComponent)((0, _vue.unref)(headerTemp)), {
+        key: 0,
+        ref_key: "headerTempRef",
+        ref: headerTempRef
+      }, null, 512 /* NEED_PATCH */)) : (0, _vue.createCommentVNode)("v-if", true), (0, _vue.createElementVNode)("div", _hoisted_1, [(0, _vue.createCommentVNode)(" 左侧：低空要素列表（kq-tree 实现） "), (0, _vue.createElementVNode)("div", _hoisted_2, [(0, _vue.createCommentVNode)(" 搜索框 "), (0, _vue.createElementVNode)("div", _hoisted_3, [(0, _vue.createVNode)((0, _vue.unref)(_input.default), {
+        modelValue: (0, _vue.unref)(searchKeyword),
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => (0, _vue.isRef)(searchKeyword) ? searchKeyword.value = $event : searchKeyword = $event),
+        placeholder: (0, _vue.unref)(locale).webgl.searchPlaceholder,
+        clearable: "",
+        onInput: handleTreeFilter
+      }, {
+        prefix: (0, _vue.withCtx)(() => [(0, _vue.createVNode)((0, _vue.unref)(_icon.default), {
+          size: 14
+        }, {
+          default: (0, _vue.withCtx)(() => [(0, _vue.createVNode)((0, _vue.unref)(_iconsVue.Search))]),
+          _: 1 /* STABLE */
+        })]),
+        _: 1 /* STABLE */
+      }, 8 /* PROPS */, ["modelValue", "placeholder"])]), (0, _vue.createCommentVNode)(" kq-tree 树形列表 "), (0, _vue.createVNode)((0, _vue.unref)(_scrollbar.default), {
+        class: "kq-laf-tree-scroll"
+      }, {
+        default: (0, _vue.withCtx)(() => [(0, _vue.createVNode)((0, _vue.unref)(_tree.default), {
+          ref_key: "featureTreeRef",
+          ref: featureTreeRef,
+          data: (0, _vue.unref)(featureCategories),
+          "node-key": "treeNodeKey",
+          props: treeProps,
+          "show-checkbox": "",
+          "expand-on-click-node": false,
+          "filter-node-method": filterTreeNode,
+          "expanded-keys": (0, _vue.unref)(expandedKeys),
+          "default-expanded-keys": (0, _vue.unref)(defaultExpandedKeys),
+          onCheck: handleTreeCheck,
+          onNodeClick: handleTreeNodeClick,
+          onNodeExpand: handleNodeExpand,
+          onNodeCollapse: handleNodeCollapse
+        }, {
+          default: (0, _vue.withCtx)(({
+            node,
+            data
+          }) => [(0, _vue.createCommentVNode)(" 分类节点（有 children） "), data.children ? ((0, _vue.openBlock)(), (0, _vue.createElementBlock)("span", _hoisted_4, [(0, _vue.createElementVNode)("span", {
+            class: "kq-laf-category-name",
+            title: data.label
+          }, (0, _vue.toDisplayString)(data.label), 9 /* TEXT, PROPS */, _hoisted_5), data.key ? ((0, _vue.openBlock)(), (0, _vue.createElementBlock)("span", {
+            key: 0,
+            class: "kq-laf-add-btn",
+            title: (0, _vue.unref)(locale).webgl.addFeature,
+            onClick: (0, _vue.withModifiers)($event => addFeatureByCategoryByKey(data.key), ["stop"])
+          }, [(0, _vue.createVNode)((0, _vue.unref)(_icon.default), {
+            size: 16
+          }, {
+            default: (0, _vue.withCtx)(() => [(0, _vue.createVNode)((0, _vue.unref)(_iconsVue.Plus))]),
+            _: 1 /* STABLE */
+          })], 8 /* PROPS */, _hoisted_6)) : (0, _vue.createCommentVNode)("v-if", true)])) : ((0, _vue.openBlock)(), (0, _vue.createElementBlock)(_vue.Fragment, {
+            key: 1
+          }, [(0, _vue.createCommentVNode)(" 要素节点（无 children，即叶子节点） "), (0, _vue.createElementVNode)("span", _hoisted_7, [(0, _vue.createElementVNode)("span", {
+            class: "kq-laf-feature-name",
+            title: data.name
+          }, (0, _vue.toDisplayString)(data.name), 9 /* TEXT, PROPS */, _hoisted_8), (0, _vue.createElementVNode)("span", _hoisted_9, [(0, _vue.createVNode)((0, _vue.unref)(_icon.default), {
+            size: 15,
+            class: (0, _vue.normalizeClass)(["kq-laf-action-btn kq-laf-grid-btn", {
+              active: data.gridDisplay
+            }]),
+            title: (0, _vue.unref)(locale).webgl.gridDisplay,
+            onClick: (0, _vue.withModifiers)($event => toggleGridDisplay(data), ["stop"])
+          }, {
+            default: (0, _vue.withCtx)(() => [(0, _vue.createVNode)((0, _vue.unref)(_iconsVue.Grid))]),
+            _: 2 /* DYNAMIC */
+          }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["class", "title", "onClick"]), (0, _vue.createVNode)((0, _vue.unref)(_icon.default), {
+            size: 15,
+            class: "kq-laf-action-btn kq-laf-edit-btn",
+            title: (0, _vue.unref)(locale).webgl.edit,
+            onClick: (0, _vue.withModifiers)($event => editFeatureFromNode(data), ["stop"])
+          }, {
+            default: (0, _vue.withCtx)(() => [(0, _vue.createVNode)((0, _vue.unref)(_iconsVue.EditPen))]),
+            _: 2 /* DYNAMIC */
+          }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["title", "onClick"]), (0, _vue.createVNode)((0, _vue.unref)(_icon.default), {
+            size: 15,
+            class: "kq-laf-action-btn kq-laf-zoom-btn",
+            title: (0, _vue.unref)(locale).webgl.zoomTo,
+            onClick: (0, _vue.withModifiers)($event => zoomToFeatureByKey(data), ["stop"])
+          }, {
+            default: (0, _vue.withCtx)(() => [(0, _vue.createVNode)((0, _vue.unref)(_client_icons_vue.IconZoomTo))]),
+            _: 2 /* DYNAMIC */
+          }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["title", "onClick"]), (0, _vue.createVNode)((0, _vue.unref)(_icon.default), {
+            size: 15,
+            class: "kq-laf-action-btn kq-laf-delete-btn",
+            title: (0, _vue.unref)(locale).webgl.delete,
+            onClick: (0, _vue.withModifiers)($event => deleteFeatureByKey(data), ["stop"])
+          }, {
+            default: (0, _vue.withCtx)(() => [(0, _vue.createVNode)((0, _vue.unref)(_iconsVue.DeleteFilled))]),
+            _: 2 /* DYNAMIC */
+          }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["title", "onClick"])])])], 2112 /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */))]),
+          _: 1 /* STABLE */
+        }, 8 /* PROPS */, ["data", "expanded-keys", "default-expanded-keys"])]),
+        _: 1 /* STABLE */
+      })]), (0, _vue.createCommentVNode)(" 右侧：低空要素标绘面板 "), (0, _vue.unref)(isAddOrEdit) ? (0, _vue.withDirectives)(((0, _vue.openBlock)(), (0, _vue.createElementBlock)("div", _hoisted_10, [(0, _vue.createElementVNode)("div", _hoisted_11, [(0, _vue.createElementVNode)("span", _hoisted_12, (0, _vue.toDisplayString)((0, _vue.unref)(locale).webgl.lowAltitudeFeatureDraw), 1 /* TEXT */), (0, _vue.createVNode)((0, _vue.unref)(_icon.default), {
+        size: 16,
+        class: "kq-laf-collapse-btn",
+        onClick: togglePanelCollapse
+      }, {
+        default: (0, _vue.withCtx)(() => [(0, _vue.createVNode)((0, _vue.unref)(_iconsVue.Close))]),
+        _: 1 /* STABLE */
+      })]), (0, _vue.withDirectives)((0, _vue.createElementVNode)("div", _hoisted_13, [(0, _vue.createCommentVNode)(" 工具栏 "), (0, _vue.createElementVNode)("div", _hoisted_14, [(0, _vue.createVNode)((0, _vue.unref)(_button.default), {
+        title: (0, _vue.unref)(locale).webgl.drawPoint,
+        class: "kq-laf-tool-btn",
+        disabled: (0, _vue.unref)(currentDrawMode) !== 'point',
+        type: (0, _vue.unref)(currentDrawMode) === 'point' ? 'primary' : 'default',
+        onClick: _cache[1] || (_cache[1] = $event => startDraw('point'))
+      }, {
+        default: (0, _vue.withCtx)(() => [(0, _vue.createVNode)((0, _vue.unref)(_icon.default), {
+          size: 20
+        }, {
+          default: (0, _vue.withCtx)(() => [(0, _vue.createVNode)((0, _vue.unref)(_client_icons_vue.IconLocation))]),
+          _: 1 /* STABLE */
+        })]),
+        _: 1 /* STABLE */
+      }, 8 /* PROPS */, ["title", "disabled", "type"]), (0, _vue.createVNode)((0, _vue.unref)(_button.default), {
+        title: (0, _vue.unref)(locale).webgl.drawLine,
+        class: "kq-laf-tool-btn",
+        disabled: (0, _vue.unref)(currentDrawMode) !== 'polyline',
+        type: (0, _vue.unref)(currentDrawMode) === 'polyline' ? 'primary' : 'default',
+        onClick: _cache[2] || (_cache[2] = $event => startDraw('polyline'))
+      }, {
+        default: (0, _vue.withCtx)(() => [(0, _vue.createVNode)((0, _vue.unref)(_icon.default), {
+          size: 20
+        }, {
+          default: (0, _vue.withCtx)(() => [(0, _vue.createVNode)((0, _vue.unref)(_client_icons_vue.IconLine))]),
+          _: 1 /* STABLE */
+        })]),
+        _: 1 /* STABLE */
+      }, 8 /* PROPS */, ["title", "disabled", "type"]), (0, _vue.createVNode)((0, _vue.unref)(_button.default), {
+        title: (0, _vue.unref)(locale).webgl.drawPolygon,
+        class: "kq-laf-tool-btn",
+        disabled: (0, _vue.unref)(currentDrawMode) !== 'polygon',
+        type: (0, _vue.unref)(currentDrawMode) === 'polygon' ? 'primary' : 'default',
+        onClick: _cache[3] || (_cache[3] = $event => startDraw('polygon'))
+      }, {
+        default: (0, _vue.withCtx)(() => [(0, _vue.createVNode)((0, _vue.unref)(_icon.default), {
+          size: 20
+        }, {
+          default: (0, _vue.withCtx)(() => [(0, _vue.createVNode)((0, _vue.unref)(_client_icons_vue.IconPolygon))]),
+          _: 1 /* STABLE */
+        })]),
+        _: 1 /* STABLE */
+      }, 8 /* PROPS */, ["title", "disabled", "type"]), (0, _vue.createVNode)((0, _vue.unref)(_divider.default), {
+        direction: "vertical"
+      }), (0, _vue.createVNode)((0, _vue.unref)(_upload.default), {
+        title: (0, _vue.unref)(locale).webgl.uploadGeoJSON,
+        "auto-upload": false,
+        "show-file-list": false,
+        accept: ".geojson,.json",
+        "on-change": handleGeoJSONUpload
+      }, {
+        default: (0, _vue.withCtx)(() => [(0, _vue.createVNode)((0, _vue.unref)(_button.default), {
+          class: "kq-laf-tool-btn"
+        }, {
+          default: (0, _vue.withCtx)(() => [(0, _vue.createVNode)((0, _vue.unref)(_icon.default), {
+            size: 20
+          }, {
+            default: (0, _vue.withCtx)(() => [(0, _vue.createVNode)((0, _vue.unref)(_client_icons_vue.IconImport))]),
+            _: 1 /* STABLE */
+          })]),
+          _: 1 /* STABLE */
+        })]),
+        _: 1 /* STABLE */
+      }, 8 /* PROPS */, ["title"]), (0, _vue.createVNode)((0, _vue.unref)(_button.default), {
+        title: (0, _vue.unref)(locale).webgl.exportGeoJSON,
+        class: "kq-laf-tool-btn",
+        onClick: exportGeoJSON
+      }, {
+        default: (0, _vue.withCtx)(() => [(0, _vue.createVNode)((0, _vue.unref)(_icon.default), {
+          size: 20
+        }, {
+          default: (0, _vue.withCtx)(() => [(0, _vue.createVNode)((0, _vue.unref)(_client_icons_vue.IconExport))]),
+          _: 1 /* STABLE */
+        })]),
+        _: 1 /* STABLE */
+      }, 8 /* PROPS */, ["title"]), (0, _vue.createVNode)((0, _vue.unref)(_button.default), {
+        title: (0, _vue.unref)(locale).webgl.deleteCurrent,
+        class: "kq-laf-tool-btn kq-laf-tool-btn-danger",
+        onClick: deleteCurrentDrawing
+      }, {
+        default: (0, _vue.withCtx)(() => [(0, _vue.createVNode)((0, _vue.unref)(_icon.default), {
+          size: 20,
+          color: "#f56c6c"
+        }, {
+          default: (0, _vue.withCtx)(() => [(0, _vue.createVNode)((0, _vue.unref)(_iconsVue.Delete))]),
+          _: 1 /* STABLE */
+        })]),
+        _: 1 /* STABLE */
+      }, 8 /* PROPS */, ["title"])]), (0, _vue.createCommentVNode)(" 几何图形状态提示 "), (0, _vue.createElementVNode)("div", {
+        class: (0, _vue.normalizeClass)(["kq-laf-geometry-status", {
+          'has-geometry': (0, _vue.unref)(currentGeoJSON)
+        }])
+      }, [(0, _vue.createVNode)((0, _vue.unref)(_icon.default), {
+        size: 14,
+        color: (0, _vue.unref)(currentGeoJSON) ? '#67c23a' : '#f56c6c'
+      }, {
+        default: (0, _vue.withCtx)(() => [(0, _vue.unref)(currentGeoJSON) ? ((0, _vue.openBlock)(), (0, _vue.createBlock)((0, _vue.unref)(_iconsVue.CircleCheckFilled), {
+          key: 0
+        })) : ((0, _vue.openBlock)(), (0, _vue.createBlock)((0, _vue.unref)(_iconsVue.WarningFilled), {
+          key: 1
+        }))]),
+        _: 1 /* STABLE */
+      }, 8 /* PROPS */, ["color"]), (0, _vue.createElementVNode)("span", _hoisted_15, (0, _vue.toDisplayString)((0, _vue.unref)(currentGeoJSON) ? (0, _vue.unref)(locale).webgl.geometryDrawnOrImport : (0, _vue.unref)(locale).webgl.pleaseDrawGeometry), 1 /* TEXT */)], 2 /* CLASS */), (0, _vue.createCommentVNode)(" 基础属性 "), (0, _vue.createVNode)((0, _vue.unref)(_form.default), {
+        "label-position": "left",
+        "label-width": "80"
+      }, {
+        default: (0, _vue.withCtx)(() => [(0, _vue.createVNode)((0, _vue.unref)(_form.KqFormItem), {
+          label: (0, _vue.unref)(locale).webgl.featureCode,
+          required: ""
+        }, {
+          default: (0, _vue.withCtx)(() => [(0, _vue.createVNode)((0, _vue.unref)(_input.default), {
+            modelValue: (0, _vue.unref)(formData).code,
+            "onUpdate:modelValue": _cache[4] || (_cache[4] = $event => (0, _vue.unref)(formData).code = $event),
+            placeholder: (0, _vue.unref)(locale).webgl.enterFeatureCode,
+            disabled: (0, _vue.unref)(isEdit) && !(0, _vue.unref)(editableCode)
+          }, null, 8 /* PROPS */, ["modelValue", "placeholder", "disabled"])]),
+          _: 1 /* STABLE */
+        }, 8 /* PROPS */, ["label"]), (0, _vue.createVNode)((0, _vue.unref)(_form.KqFormItem), {
+          label: (0, _vue.unref)(locale).webgl.featureName,
+          required: ""
+        }, {
+          default: (0, _vue.withCtx)(() => [(0, _vue.createVNode)((0, _vue.unref)(_input.default), {
+            modelValue: (0, _vue.unref)(formData).name,
+            "onUpdate:modelValue": _cache[5] || (_cache[5] = $event => (0, _vue.unref)(formData).name = $event),
+            placeholder: (0, _vue.unref)(locale).webgl.enterFeatureName
+          }, null, 8 /* PROPS */, ["modelValue", "placeholder"])]),
+          _: 1 /* STABLE */
+        }, 8 /* PROPS */, ["label"]), (0, _vue.createVNode)((0, _vue.unref)(_form.KqFormItem), {
+          label: (0, _vue.unref)(locale).webgl.featureClass,
+          required: ""
+        }, {
+          default: (0, _vue.withCtx)(() => [(0, _vue.createVNode)((0, _vue.unref)(_select.default), {
+            modelValue: (0, _vue.unref)(formData).featureClass,
+            "onUpdate:modelValue": _cache[6] || (_cache[6] = $event => (0, _vue.unref)(formData).featureClass = $event),
+            style: {
+              "width": "100%"
+            },
+            placeholder: (0, _vue.unref)(locale).webgl.selectFeatureClass,
+            disabled: (0, _vue.unref)(isEdit) || !!(0, _vue.unref)(forcedCategory),
+            onChange: onFeatureClassChange
+          }, {
+            default: (0, _vue.withCtx)(() => [((0, _vue.openBlock)(), (0, _vue.createElementBlock)(_vue.Fragment, null, (0, _vue.renderList)(featureClassOptions, cls => {
+              return (0, _vue.createVNode)((0, _vue.unref)(_select.KqOption), {
+                key: cls.value,
+                label: cls.label,
+                value: cls.value
+              }, {
+                default: (0, _vue.withCtx)(() => [(0, _vue.createTextVNode)((0, _vue.toDisplayString)(cls.label), 1 /* TEXT */)]),
+                _: 2 /* DYNAMIC */
+              }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["label", "value"]);
+            }), 64 /* STABLE_FRAGMENT */))]),
+            _: 1 /* STABLE */
+          }, 8 /* PROPS */, ["modelValue", "placeholder", "disabled"])]),
+          _: 1 /* STABLE */
+        }, 8 /* PROPS */, ["label"]), (0, _vue.createVNode)((0, _vue.unref)(_form.KqFormItem), {
+          label: (0, _vue.unref)(locale).webgl.featureSubclass
+        }, {
+          default: (0, _vue.withCtx)(() => [((0, _vue.openBlock)(), (0, _vue.createBlock)((0, _vue.unref)(_select.default), {
+            key: (0, _vue.unref)(formData).featureClass,
+            modelValue: (0, _vue.unref)(formData).subclass,
+            "onUpdate:modelValue": _cache[7] || (_cache[7] = $event => (0, _vue.unref)(formData).subclass = $event),
+            style: {
+              "width": "100%"
+            },
+            placeholder: (0, _vue.unref)(locale).webgl.selectSubclass
+          }, {
+            default: (0, _vue.withCtx)(() => [((0, _vue.openBlock)(true), (0, _vue.createElementBlock)(_vue.Fragment, null, (0, _vue.renderList)((0, _vue.unref)(currentSubclassOptions), sub => {
+              return (0, _vue.openBlock)(), (0, _vue.createBlock)((0, _vue.unref)(_select.KqOption), {
+                key: sub.value,
+                label: sub.label,
+                value: sub.value
+              }, {
+                default: (0, _vue.withCtx)(() => [(0, _vue.createTextVNode)((0, _vue.toDisplayString)(sub.label), 1 /* TEXT */)]),
+                _: 2 /* DYNAMIC */
+              }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["label", "value"]);
+            }), 128 /* KEYED_FRAGMENT */))]),
+            _: 1 /* STABLE */
+          }, 8 /* PROPS */, ["modelValue", "placeholder"]))]),
+          _: 1 /* STABLE */
+        }, 8 /* PROPS */, ["label"]), (0, _vue.createCommentVNode)(" 航线类型（仅航线类显示） "), (0, _vue.unref)(showRouteTypeField) ? ((0, _vue.openBlock)(), (0, _vue.createBlock)((0, _vue.unref)(_form.KqFormItem), {
+          key: 0,
+          label: (0, _vue.unref)(locale).webgl.routeType
+        }, {
+          default: (0, _vue.withCtx)(() => [(0, _vue.createVNode)((0, _vue.unref)(_select.default), {
+            modelValue: (0, _vue.unref)(formData).routeType,
+            "onUpdate:modelValue": _cache[8] || (_cache[8] = $event => (0, _vue.unref)(formData).routeType = $event),
+            placeholder: (0, _vue.unref)(locale).webgl.selectRouteType
+          }, {
+            default: (0, _vue.withCtx)(() => [((0, _vue.openBlock)(), (0, _vue.createElementBlock)(_vue.Fragment, null, (0, _vue.renderList)(routeTypeOptions, rt => {
+              return (0, _vue.createVNode)((0, _vue.unref)(_select.KqOption), {
+                key: rt.value,
+                label: rt.label,
+                value: rt.value
+              }, {
+                default: (0, _vue.withCtx)(() => [(0, _vue.createTextVNode)((0, _vue.toDisplayString)(rt.label), 1 /* TEXT */)]),
+                _: 2 /* DYNAMIC */
+              }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["label", "value"]);
+            }), 64 /* STABLE_FRAGMENT */))]),
+            _: 1 /* STABLE */
+          }, 8 /* PROPS */, ["modelValue", "placeholder"])]),
+          _: 1 /* STABLE */
+        }, 8 /* PROPS */, ["label"])) : (0, _vue.createCommentVNode)("v-if", true)]),
+        _: 1 /* STABLE */
+      }), (0, _vue.createCommentVNode)(" 图元设置 "), __props.showSettingPanel ? ((0, _vue.openBlock)(), (0, _vue.createBlock)((0, _vue.unref)(_collapse.default), {
+        key: 0,
+        modelValue: _ctx.collapseValue,
+        "onUpdate:modelValue": _cache[16] || (_cache[16] = $event => _ctx.collapseValue = $event),
+        accordion: ""
+      }, {
+        default: (0, _vue.withCtx)(() => [(0, _vue.createVNode)((0, _vue.unref)(_collapse.KqCollapseItem), {
+          name: "setting"
+        }, {
+          title: (0, _vue.withCtx)(() => [(0, _vue.createTextVNode)((0, _vue.toDisplayString)((0, _vue.unref)(locale).webgl.symbolSettings) + " ", 1 /* TEXT */), (0, _vue.createVNode)((0, _vue.unref)(_icon.default), {
+            size: 14,
+            class: (0, _vue.normalizeClass)({
+              'is-active': _ctx.collapseValue === 'setting'
+            })
+          }, {
+            default: (0, _vue.withCtx)(() => [(0, _vue.createVNode)(_component_CaretRight)]),
+            _: 1 /* STABLE */
+          }, 8 /* PROPS */, ["class"])]),
+          default: (0, _vue.withCtx)(() => [(0, _vue.createVNode)((0, _vue.unref)(_form.default), {
+            "label-width": "90px",
+            "label-position": "left"
+          }, {
+            default: (0, _vue.withCtx)(() => [(0, _vue.createCommentVNode)(" 高度类型 "), (0, _vue.createVNode)(_component_kq_row, {
+              gutter: 20
+            }, {
+              default: (0, _vue.withCtx)(() => [(0, _vue.createVNode)(_component_kq_col, {
+                span: 80
+              }, {
+                default: (0, _vue.withCtx)(() => [(0, _vue.createVNode)((0, _vue.unref)(_form.KqFormItem), {
+                  label: (0, _vue.unref)(locale).webgl.altitudeType
+                }, {
+                  default: (0, _vue.withCtx)(() => [(0, _vue.createVNode)(_component_kq_radio_group, {
+                    modelValue: (0, _vue.unref)(symbolSettings).altitudeType,
+                    "onUpdate:modelValue": _cache[9] || (_cache[9] = $event => (0, _vue.unref)(symbolSettings).altitudeType = $event)
+                  }, {
+                    default: (0, _vue.withCtx)(() => [(0, _vue.createVNode)(_component_kq_radio, {
+                      label: "trueHeight"
+                    }, {
+                      default: (0, _vue.withCtx)(() => [(0, _vue.createTextVNode)((0, _vue.toDisplayString)((0, _vue.unref)(locale).webgl.trueHeight), 1 /* TEXT */)]),
+                      _: 1 /* STABLE */
+                    }), (0, _vue.createVNode)(_component_kq_radio, {
+                      label: "relativeHeight"
+                    }, {
+                      default: (0, _vue.withCtx)(() => [(0, _vue.createTextVNode)((0, _vue.toDisplayString)((0, _vue.unref)(locale).webgl.relativeHeight), 1 /* TEXT */)]),
+                      _: 1 /* STABLE */
+                    })]),
+                    _: 1 /* STABLE */
+                  }, 8 /* PROPS */, ["modelValue"])]),
+                  _: 1 /* STABLE */
+                }, 8 /* PROPS */, ["label"])]),
+                _: 1 /* STABLE */
+              })]),
+              _: 1 /* STABLE */
+            }), (0, _vue.createCommentVNode)(" 图形类型 "), (0, _vue.createVNode)(_component_kq_row, {
+              gutter: 20
+            }, {
+              default: (0, _vue.withCtx)(() => [(0, _vue.createVNode)(_component_kq_col, {
+                span: 80
+              }, {
+                default: (0, _vue.withCtx)(() => [(0, _vue.createVNode)((0, _vue.unref)(_form.KqFormItem), {
+                  label: (0, _vue.unref)(locale).webgl.shapeType
+                }, {
+                  default: (0, _vue.withCtx)(() => [(0, _vue.createVNode)(_component_kq_radio_group, {
+                    modelValue: (0, _vue.unref)(symbolSettings).shapeType,
+                    "onUpdate:modelValue": _cache[10] || (_cache[10] = $event => (0, _vue.unref)(symbolSettings).shapeType = $event)
+                  }, {
+                    default: (0, _vue.withCtx)(() => [((0, _vue.openBlock)(true), (0, _vue.createElementBlock)(_vue.Fragment, null, (0, _vue.renderList)((0, _vue.unref)(currentShapeTypes), st => {
+                      return (0, _vue.openBlock)(), (0, _vue.createBlock)(_component_kq_radio, {
+                        key: st.value,
+                        label: st.value
+                      }, {
+                        default: (0, _vue.withCtx)(() => [(0, _vue.createTextVNode)((0, _vue.toDisplayString)((0, _vue.unref)(locale).webgl[st.value]), 1 /* TEXT */)]),
+                        _: 2 /* DYNAMIC */
+                      }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["label"]);
+                    }), 128 /* KEYED_FRAGMENT */))]),
+                    _: 1 /* STABLE */
+                  }, 8 /* PROPS */, ["modelValue"])]),
+                  _: 1 /* STABLE */
+                }, 8 /* PROPS */, ["label"])]),
+                _: 1 /* STABLE */
+              })]),
+              _: 1 /* STABLE */
+            }), (0, _vue.createCommentVNode)(" 网格等级 "), (0, _vue.createVNode)(_component_kq_row, {
+              gutter: 20
+            }, {
+              default: (0, _vue.withCtx)(() => [(0, _vue.createVNode)(_component_kq_col, {
+                span: 180
+              }, {
+                default: (0, _vue.withCtx)(() => [(0, _vue.createVNode)((0, _vue.unref)(_form.KqFormItem), {
+                  label: (0, _vue.unref)(locale).webgl.gridLevel
+                }, {
+                  default: (0, _vue.withCtx)(() => [(0, _vue.createElementVNode)("div", _hoisted_16, [(0, _vue.createVNode)((0, _vue.unref)(_slider.default), {
+                    modelValue: (0, _vue.unref)(symbolSettings).gridLevel,
+                    "onUpdate:modelValue": _cache[11] || (_cache[11] = $event => (0, _vue.unref)(symbolSettings).gridLevel = $event),
+                    width: "100%",
+                    min: 1,
+                    max: 30,
+                    "show-input": "",
+                    "input-size": "small"
+                  }, null, 8 /* PROPS */, ["modelValue"])])]),
+                  _: 1 /* STABLE */
+                }, 8 /* PROPS */, ["label"])]),
+                _: 1 /* STABLE */
+              })]),
+              _: 1 /* STABLE */
+            }), (0, _vue.createCommentVNode)(" 缓冲类型 "), (0, _vue.createVNode)(_component_kq_row, {
+              gutter: 20
+            }, {
+              default: (0, _vue.withCtx)(() => [(0, _vue.createVNode)(_component_kq_col, {
+                span: 80
+              }, {
+                default: (0, _vue.withCtx)(() => [(0, _vue.createVNode)((0, _vue.unref)(_form.KqFormItem), {
+                  label: (0, _vue.unref)(locale).webgl.bufferType
+                }, {
+                  default: (0, _vue.withCtx)(() => [(0, _vue.createVNode)(_component_kq_radio_group, {
+                    modelValue: (0, _vue.unref)(symbolSettings).bufferType,
+                    "onUpdate:modelValue": _cache[12] || (_cache[12] = $event => (0, _vue.unref)(symbolSettings).bufferType = $event)
+                  }, {
+                    default: (0, _vue.withCtx)(() => [((0, _vue.openBlock)(true), (0, _vue.createElementBlock)(_vue.Fragment, null, (0, _vue.renderList)((0, _vue.unref)(currentBufferTypes), bt => {
+                      return (0, _vue.openBlock)(), (0, _vue.createBlock)(_component_kq_radio, {
+                        key: bt.value,
+                        label: bt.value
+                      }, {
+                        default: (0, _vue.withCtx)(() => [(0, _vue.createTextVNode)((0, _vue.toDisplayString)((0, _vue.unref)(locale).webgl[bt.value]), 1 /* TEXT */)]),
+                        _: 2 /* DYNAMIC */
+                      }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["label"]);
+                    }), 128 /* KEYED_FRAGMENT */))]),
+                    _: 1 /* STABLE */
+                  }, 8 /* PROPS */, ["modelValue"])]),
+                  _: 1 /* STABLE */
+                }, 8 /* PROPS */, ["label"])]),
+                _: 1 /* STABLE */
+              })]),
+              _: 1 /* STABLE */
+            }), (0, _vue.createCommentVNode)(" 缓冲距离 "), (0, _vue.unref)(showBufferDistanceField) ? ((0, _vue.openBlock)(), (0, _vue.createBlock)(_component_kq_row, {
+              key: 0,
+              gutter: 20
+            }, {
+              default: (0, _vue.withCtx)(() => [(0, _vue.createVNode)(_component_kq_col, {
+                span: 80
+              }, {
+                default: (0, _vue.withCtx)(() => [(0, _vue.createVNode)((0, _vue.unref)(_form.KqFormItem), {
+                  label: `${(0, _vue.unref)(locale).webgl.bufferDistance}(m)`
+                }, {
+                  default: (0, _vue.withCtx)(() => [(0, _vue.createElementVNode)("div", _hoisted_17, [(0, _vue.createVNode)((0, _vue.unref)(_slider.default), {
+                    modelValue: (0, _vue.unref)(symbolSettings).bufferDistance,
+                    "onUpdate:modelValue": _cache[13] || (_cache[13] = $event => (0, _vue.unref)(symbolSettings).bufferDistance = $event),
+                    min: 0,
+                    max: 10000,
+                    step: 10,
+                    "show-input": "",
+                    "input-size": "small"
+                  }, null, 8 /* PROPS */, ["modelValue"])])]),
+                  _: 1 /* STABLE */
+                }, 8 /* PROPS */, ["label"])]),
+                _: 1 /* STABLE */
+              })]),
+              _: 1 /* STABLE */
+            })) : (0, _vue.createCommentVNode)("v-if", true), (0, _vue.createCommentVNode)(" 高度上限 "), (0, _vue.createVNode)(_component_kq_row, {
+              gutter: 20
+            }, {
+              default: (0, _vue.withCtx)(() => [(0, _vue.createVNode)(_component_kq_col, {
+                span: 80
+              }, {
+                default: (0, _vue.withCtx)(() => [(0, _vue.createVNode)((0, _vue.unref)(_form.KqFormItem), {
+                  label: `${(0, _vue.unref)(locale).webgl.upperLimitHeight}(m)`
+                }, {
+                  default: (0, _vue.withCtx)(() => [(0, _vue.createElementVNode)("div", _hoisted_18, [(0, _vue.createVNode)((0, _vue.unref)(_slider.default), {
+                    modelValue: (0, _vue.unref)(symbolSettings).upperHeight,
+                    "onUpdate:modelValue": _cache[14] || (_cache[14] = $event => (0, _vue.unref)(symbolSettings).upperHeight = $event),
+                    min: 0,
+                    max: 30000,
+                    step: 1,
+                    "show-input": "",
+                    "input-size": "small"
+                  }, null, 8 /* PROPS */, ["modelValue"])])]),
+                  _: 1 /* STABLE */
+                }, 8 /* PROPS */, ["label"])]),
+                _: 1 /* STABLE */
+              })]),
+              _: 1 /* STABLE */
+            }), (0, _vue.createCommentVNode)(" 高度下限 "), (0, _vue.createVNode)(_component_kq_row, {
+              gutter: 20
+            }, {
+              default: (0, _vue.withCtx)(() => [(0, _vue.createVNode)(_component_kq_col, {
+                span: 80
+              }, {
+                default: (0, _vue.withCtx)(() => [(0, _vue.createVNode)((0, _vue.unref)(_form.KqFormItem), {
+                  label: `${(0, _vue.unref)(locale).webgl.lowerLimitHeight}(m)`
+                }, {
+                  default: (0, _vue.withCtx)(() => [(0, _vue.createElementVNode)("div", _hoisted_19, [(0, _vue.createVNode)((0, _vue.unref)(_slider.default), {
+                    modelValue: (0, _vue.unref)(symbolSettings).lowerHeight,
+                    "onUpdate:modelValue": _cache[15] || (_cache[15] = $event => (0, _vue.unref)(symbolSettings).lowerHeight = $event),
+                    min: 0,
+                    max: 30000,
+                    step: 1,
+                    "show-input": "",
+                    "input-size": "small"
+                  }, null, 8 /* PROPS */, ["modelValue"])])]),
+                  _: 1 /* STABLE */
+                }, 8 /* PROPS */, ["label"])]),
+                _: 1 /* STABLE */
+              })]),
+              _: 1 /* STABLE */
+            })]),
+            _: 1 /* STABLE */
+          })]),
+          _: 1 /* STABLE */
+        })]),
+        _: 1 /* STABLE */
+      }, 8 /* PROPS */, ["modelValue"])) : (0, _vue.createCommentVNode)("v-if", true), (0, _vue.createCommentVNode)(" 底部按钮 "), (0, _vue.createElementVNode)("div", _hoisted_20, [(0, _vue.createVNode)((0, _vue.unref)(_button.default), {
+        type: "primary",
+        onClick: saveFeature
+      }, {
+        default: (0, _vue.withCtx)(() => [(0, _vue.createTextVNode)((0, _vue.toDisplayString)((0, _vue.unref)(locale).webgl.save), 1 /* TEXT */)]),
+        _: 1 /* STABLE */
+      }), (0, _vue.createVNode)((0, _vue.unref)(_button.default), {
+        onClick: clearForm
+      }, {
+        default: (0, _vue.withCtx)(() => [(0, _vue.createTextVNode)((0, _vue.toDisplayString)((0, _vue.unref)(locale).webgl.clear), 1 /* TEXT */)]),
+        _: 1 /* STABLE */
+      })])], 512 /* NEED_PATCH */), [[_vue.vShow, !(0, _vue.unref)(panelCollapsed)]])], 512 /* NEED_PATCH */)), [[_vue.vShow, !(0, _vue.unref)(panelCollapsed)]]) : (0, _vue.createCommentVNode)("v-if", true)])], 2 /* CLASS */);
+    };
+  }
+});
+
+/***/ }),
+
+/***/ 23761:
+/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
+
+
+
+var _interopRequireDefault = __webpack_require__(33751);
+Object.defineProperty(exports, "B", ({
+  value: true
+}));
+exports.A = void 0;
+var _indexFull = __webpack_require__(56363);
+var _render = _interopRequireDefault(__webpack_require__(74383));
+var _default = exports.A = {
+  /** 会被用到创建组件的时候 得注意大小写*/
+  name: "KqButton",
+  /** ？？没找到用途 */
+  __ANT_BUTTON: true,
+  /** defaultComponent并没有实现任何的逻辑，只是把接收的 Object 直接返回，它的存在是完全让传⼊的整个对象获得对
+   *  应的类型
+   */
+  defaultComponent: _indexFull.ElButton,
+  /**
+   *  mixins 混用是一种分发vue组件中可复用功能的非常灵活的方式
+   *  当组件使用混合对象时，所有混合对象的选项将被混入该组件本身的选项
+   *
+   *   在开发中，我们可以单独创建一个js文件，在该文件中声明一个mixins对象，然后将组件或页面共用的属性或方法定义在mixins里边，并暴露出去，在需要使用到的组件中引入该js文件即可；
+   *   当组件中定义了相同的属性或方法时，组件里边声明的属性或方法优先级高于mixins；
+   *   虽然mixins中的属性或方法可以被多个组件或页面共用，但是在某个组件或页面中修改相关属性或方法时，不会对其他组件或页面造成影响
+   */
+  mixins: [_render.default],
+  setup(props, context) {
+    _render.default.setup && _render.default.setup(props, context);
+  }
+};
+
+/***/ }),
+
+/***/ 26143:
+/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
+
+
+
+var _interopRequireDefault = __webpack_require__(33751);
+Object.defineProperty(exports, "B", ({
+  value: true
+}));
+exports.A = void 0;
+var _indexFull = __webpack_require__(56363);
+var _render = _interopRequireDefault(__webpack_require__(74383));
+var _default = exports.A = {
+  name: "KqInput",
+  defaultComponent: _indexFull.ElInput,
+  mixins: [_render.default],
+  setup(props, context) {
+    _render.default.setup && _render.default.setup(props, context);
+  }
+};
+
+/***/ }),
+
+/***/ 26331:
+/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
+
+
+
+var _interopRequireDefault = __webpack_require__(33751);
+Object.defineProperty(exports, "B", ({
+  value: true
+}));
+exports.A = void 0;
+var _indexFull = __webpack_require__(56363);
+var _render = _interopRequireDefault(__webpack_require__(74383));
+// const { ElScrollbar } = require("element-plus/dist/index.full.js");
+var _default = exports.A = {
+  name: "KqScrollbar",
+  defaultComponent: _indexFull.ElScrollbar,
+  mixins: [_render.default],
+  setup(props, context) {
+    _render.default.setup && _render.default.setup(props, context);
+  }
+};
+
+/***/ }),
+
+/***/ 28238:
+/***/ (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 */ Slidervue_type_script_lang_js/* __esModule */.B; },
+  "default": function() { return /* binding */ Slider; }
+});
+
+// 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/common/_ui/slider/Slider.vue?vue&type=script&lang=js
+var Slidervue_type_script_lang_js = __webpack_require__(6663);
+;// ./src/common/_ui/slider/Slider.vue?vue&type=script&lang=js
+ 
+;// ./src/common/_ui/slider/Slider.vue
+
+
+
+const __exports__ = Slidervue_type_script_lang_js/* default */.A;
+
+/* harmony default export */ var Slider = (__exports__);
+
+/***/ }),
+
+/***/ 29371:
+/***/ (function(module) {
+
+module.exports = require("@element-plus/icons-vue");
+
+/***/ }),
+
+/***/ 31885:
+/***/ (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 */ Buttonvue_type_script_lang_js/* __esModule */.B; },
+  "default": function() { return /* binding */ Button; }
+});
+
+// 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/common/_ui/button/Button.vue?vue&type=script&lang=js
+var Buttonvue_type_script_lang_js = __webpack_require__(23761);
+;// ./src/common/_ui/button/Button.vue?vue&type=script&lang=js
+ 
+;// ./src/common/_ui/button/Button.vue
+
+
+
+const __exports__ = Buttonvue_type_script_lang_js/* default */.A;
+
+/* harmony default export */ var Button = (__exports__);
+
+/***/ }),
+
+/***/ 33670:
+/***/ (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 */ OptionGroupvue_type_script_lang_js/* __esModule */.B; },
+  "default": function() { return /* binding */ OptionGroup; }
+});
+
+// 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/common/_ui/select/OptionGroup.vue?vue&type=script&lang=js
+var OptionGroupvue_type_script_lang_js = __webpack_require__(88897);
+;// ./src/common/_ui/select/OptionGroup.vue?vue&type=script&lang=js
+ 
+;// ./src/common/_ui/select/OptionGroup.vue
+
+
+
+const __exports__ = OptionGroupvue_type_script_lang_js/* default */.A;
+
+/* harmony default export */ var OptionGroup = (__exports__);
+
+/***/ }),
+
+/***/ 33751:
+/***/ (function(module) {
+
+module.exports = require("@babel/runtime/helpers/interopRequireDefault");
+
+/***/ }),
+
+/***/ 39034:
+/***/ (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 */ Inputvue_type_script_lang_js/* __esModule */.B; },
+  "default": function() { return /* binding */ Input; }
+});
+
+// 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/common/_ui/input/Input.vue?vue&type=script&lang=js
+var Inputvue_type_script_lang_js = __webpack_require__(26143);
+;// ./src/common/_ui/input/Input.vue?vue&type=script&lang=js
+ 
+;// ./src/common/_ui/input/Input.vue
+
+
+
+const __exports__ = Inputvue_type_script_lang_js/* default */.A;
+
+/* harmony default export */ var Input = (__exports__);
+
+/***/ }),
+
+/***/ 39466:
+/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
+
+
+
+var _interopRequireDefault = __webpack_require__(33751);
+Object.defineProperty(exports, "__esModule", ({
+  value: true
+}));
+Object.defineProperty(exports, "KqFormItem", ({
+  enumerable: true,
+  get: function () {
+    return _FormItem.default;
+  }
+}));
+Object.defineProperty(exports, "default", ({
+  enumerable: true,
+  get: function () {
+    return _Form.default;
+  }
+}));
+var _Form = _interopRequireDefault(__webpack_require__(7955));
+var _FormItem = _interopRequireDefault(__webpack_require__(51078));
+var _init = _interopRequireDefault(__webpack_require__(20455));
+var _KqGIS = __webpack_require__(99602);
+/*
+ * Copyright (C) 2019 KQ GEO Technologies Co., Ltd.
+ * All rights reserved.
+ */
+
+_Form.default.install = (Vue, opts) => {
+  (0, _init.default)(Vue, opts);
+  Vue.component(_Form.default.name, _Form.default);
+  Vue.component(_FormItem.default.name, _FormItem.default);
+};
+_KqGIS.kq_npm_client_common_vue.KqForm = _Form.default;
+_KqGIS.kq_npm_client_common_vue.KqFormItem = _FormItem.default;
+
+/***/ }),
+
+/***/ 39640:
+/***/ (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 */ Collapsevue_type_script_lang_js/* __esModule */.B; },
+  "default": function() { return /* binding */ Collapse; }
+});
+
+// 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/common/_ui/collapse/Collapse.vue?vue&type=script&lang=js
+var Collapsevue_type_script_lang_js = __webpack_require__(61223);
+;// ./src/common/_ui/collapse/Collapse.vue?vue&type=script&lang=js
+ 
+;// ./src/common/_ui/collapse/Collapse.vue
+
+
+
+const __exports__ = Collapsevue_type_script_lang_js/* default */.A;
+
+/* harmony default export */ var Collapse = (__exports__);
+
+/***/ }),
+
+/***/ 39780:
+/***/ (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 */ Groupvue_type_script_lang_js/* __esModule */.B; },
+  "default": function() { return /* binding */ Group; }
+});
+
+// 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/common/_ui/button/Group.vue?vue&type=script&lang=js
+var Groupvue_type_script_lang_js = __webpack_require__(40696);
+;// ./src/common/_ui/button/Group.vue?vue&type=script&lang=js
+ 
+;// ./src/common/_ui/button/Group.vue
+
+
+
+const __exports__ = Groupvue_type_script_lang_js/* default */.A;
+
+/* harmony default export */ var Group = (__exports__);
+
+/***/ }),
+
+/***/ 40669:
+/***/ (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 */ CollapseItemvue_type_script_lang_js/* __esModule */.B; },
+  "default": function() { return /* binding */ CollapseItem; }
+});
+
+// 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/common/_ui/collapse/CollapseItem.vue?vue&type=script&lang=js
+var CollapseItemvue_type_script_lang_js = __webpack_require__(52330);
+;// ./src/common/_ui/collapse/CollapseItem.vue?vue&type=script&lang=js
+ 
+;// ./src/common/_ui/collapse/CollapseItem.vue
+
+
+
+const __exports__ = CollapseItemvue_type_script_lang_js/* default */.A;
+
+/* harmony default export */ var CollapseItem = (__exports__);
+
+/***/ }),
+
+/***/ 40696:
+/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
+
+
+
+var _interopRequireDefault = __webpack_require__(33751);
+Object.defineProperty(exports, "B", ({
+  value: true
+}));
+exports.A = void 0;
+var _indexFull = __webpack_require__(56363);
+var _render = _interopRequireDefault(__webpack_require__(74383));
+var _default = exports.A = {
+  name: "KqButtonGroup",
+  defaultComponent: _indexFull.ElButtonGroup,
+  mixins: [_render.default],
+  setup(props, context) {
+    _render.default.setup && _render.default.setup(props, context);
+  }
+};
+
+/***/ }),
+
+/***/ 41219:
+/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
+
+
+
+var _interopRequireDefault = __webpack_require__(33751);
+Object.defineProperty(exports, "__esModule", ({
+  value: true
+}));
+Object.defineProperty(exports, "KqCollapseItem", ({
+  enumerable: true,
+  get: function () {
+    return _CollapseItem.default;
+  }
+}));
+Object.defineProperty(exports, "default", ({
+  enumerable: true,
+  get: function () {
+    return _Collapse.default;
+  }
+}));
+var _Collapse = _interopRequireDefault(__webpack_require__(39640));
+var _CollapseItem = _interopRequireDefault(__webpack_require__(40669));
+var _init = _interopRequireDefault(__webpack_require__(20455));
+var _KqGIS = __webpack_require__(99602);
+/*
+ * Copyright (C) 2019 KQ GEO Technologies Co., Ltd.
+ * All rights reserved.
+ */
+
+_Collapse.default.install = (Vue, opts) => {
+  (0, _init.default)(Vue, opts);
+  Vue.component(_Collapse.default.name, _Collapse.default);
+  Vue.component(_CollapseItem.default.name, _CollapseItem.default);
+};
+_KqGIS.kq_npm_client_common_vue.KqCollapse = _Collapse.default;
+_KqGIS.kq_npm_client_common_vue.KqCollapseItem = _CollapseItem.default;
+
+/***/ }),
+
+/***/ 42975:
+/***/ (function(module) {
+
+module.exports = __WEBPACK_EXTERNAL_MODULE__42975__;
+
+/***/ }),
+
+/***/ 44763:
+/***/ (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 */ Optionvue_type_script_lang_js/* __esModule */.B; },
+  "default": function() { return /* binding */ Option; }
+});
+
+// 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/common/_ui/select/Option.vue?vue&type=script&lang=js
+var Optionvue_type_script_lang_js = __webpack_require__(58446);
+;// ./src/common/_ui/select/Option.vue?vue&type=script&lang=js
+ 
+;// ./src/common/_ui/select/Option.vue
+
+
+
+const __exports__ = Optionvue_type_script_lang_js/* default */.A;
+
+/* harmony default export */ var Option = (__exports__);
+
+/***/ }),
+
+/***/ 44993:
+/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
+
+
+
+var _interopRequireDefault = __webpack_require__(33751);
+Object.defineProperty(exports, "B", ({
+  value: true
+}));
+exports.A = void 0;
+var _indexFull = __webpack_require__(56363);
+var _render = _interopRequireDefault(__webpack_require__(74383));
+var _vue = __webpack_require__(50154);
+var _default = exports.A = {
+  name: "KqTree",
+  defaultComponent: _indexFull.ElTree,
+  mixins: [_render.default],
+  setup(props, context) {
+    _render.default.setup && _render.default.setup(props, context);
+    // let refs = ref({});
+    // let proxyContext = getCurrentInstance();
+    // onMounted(() => {
+    //   refs.value = proxyContext.refs.child;
+    //   console.log("proxyContext", refs.value);
+    // });
+    // // return {
+    // //   ...refs.value
+    // // }
+    // context.expose({...refs.value})
+  }
+};
+
+/***/ }),
+
+/***/ 47193:
+/***/ (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 */ CheckboxGroupvue_type_script_lang_js/* __esModule */.B; },
+  "default": function() { return /* binding */ CheckboxGroup; }
+});
+
+// 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/common/_ui/checkbox/CheckboxGroup.vue?vue&type=script&lang=js
+var CheckboxGroupvue_type_script_lang_js = __webpack_require__(65790);
+;// ./src/common/_ui/checkbox/CheckboxGroup.vue?vue&type=script&lang=js
+ 
+;// ./src/common/_ui/checkbox/CheckboxGroup.vue
+
+
+
+const __exports__ = CheckboxGroupvue_type_script_lang_js/* default */.A;
+
+/* harmony default export */ var CheckboxGroup = (__exports__);
+
+/***/ }),
+
+/***/ 50154:
+/***/ (function(module) {
+
+module.exports = __WEBPACK_EXTERNAL_MODULE__50154__;
+
+/***/ }),
+
+/***/ 51078:
+/***/ (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 */ FormItemvue_type_script_lang_js/* __esModule */.B; },
+  "default": function() { return /* binding */ FormItem; }
+});
+
+// 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/common/_ui/form/FormItem.vue?vue&type=script&lang=js
+var FormItemvue_type_script_lang_js = __webpack_require__(19000);
+;// ./src/common/_ui/form/FormItem.vue?vue&type=script&lang=js
+ 
+;// ./src/common/_ui/form/FormItem.vue
+
+
+
+const __exports__ = FormItemvue_type_script_lang_js/* default */.A;
+
+/* harmony default export */ var FormItem = (__exports__);
+
+/***/ }),
+
+/***/ 52330:
+/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
+
+
+
+var _interopRequireDefault = __webpack_require__(33751);
+Object.defineProperty(exports, "B", ({
+  value: true
+}));
+exports.A = void 0;
+var _indexFull = __webpack_require__(56363);
+var _render = _interopRequireDefault(__webpack_require__(74383));
+var _default = exports.A = {
+  name: "KqCollapseItem",
+  defaultComponent: _indexFull.ElCollapseItem,
+  mixins: [_render.default],
+  setup(props, context) {
+    _render.default.setup && _render.default.setup(props, context);
+  }
+};
+
+/***/ }),
+
+/***/ 53968:
+/***/ (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 */ Scrollbarvue_type_script_lang_js/* __esModule */.B; },
+  "default": function() { return /* binding */ Scrollbar; }
+});
+
+// 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/common/_ui/scrollbar/Scrollbar.vue?vue&type=script&lang=js
+var Scrollbarvue_type_script_lang_js = __webpack_require__(26331);
+;// ./src/common/_ui/scrollbar/Scrollbar.vue?vue&type=script&lang=js
+ 
+;// ./src/common/_ui/scrollbar/Scrollbar.vue
+
+
+
+const __exports__ = Scrollbarvue_type_script_lang_js/* default */.A;
+
+/* harmony default export */ var Scrollbar = (__exports__);
+
+/***/ }),
+
+/***/ 56363:
+/***/ (function(module) {
+
+module.exports = require("element-plus/dist/index.full.js");
+
+/***/ }),
+
+/***/ 58446:
+/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
+
+
+
+var _interopRequireDefault = __webpack_require__(33751);
+Object.defineProperty(exports, "B", ({
+  value: true
+}));
+exports.A = void 0;
+var _indexFull = __webpack_require__(56363);
+var _render = _interopRequireDefault(__webpack_require__(74383));
+var _default = exports.A = {
+  name: "KqOption",
+  defaultComponent: _indexFull.ElOption,
+  mixins: [_render.default],
+  setup(props, context) {
+    _render.default.setup && _render.default.setup(props, context);
+  }
+};
+
+/***/ }),
+
+/***/ 60479:
+/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
+
+
+
+var _interopRequireDefault = __webpack_require__(33751);
+Object.defineProperty(exports, "__esModule", ({
+  value: true
+}));
+exports["default"] = void 0;
+var _Tooltip = _interopRequireDefault(__webpack_require__(16676));
+var _init = _interopRequireDefault(__webpack_require__(20455));
+var _KqGIS = __webpack_require__(99602);
+/*
+ * Copyright (C) 2019 KQ GEO Technologies Co., Ltd.
+ * All rights reserved.
+ */
+
+_Tooltip.default.install = (Vue, opts) => {
+  (0, _init.default)(Vue, opts);
+  Vue.component(_Tooltip.default.name, _Tooltip.default);
+};
+var _default = exports["default"] = _Tooltip.default;
+_KqGIS.kq_npm_client_common_vue.KqTooltip = _Tooltip.default;
+
+/***/ }),
+
+/***/ 61223:
+/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
+
+
+
+var _interopRequireDefault = __webpack_require__(33751);
+Object.defineProperty(exports, "B", ({
+  value: true
+}));
+exports.A = void 0;
+var _indexFull = __webpack_require__(56363);
+var _render = _interopRequireDefault(__webpack_require__(74383));
+var _default = exports.A = {
+  name: "KqCollapse",
+  defaultComponent: _indexFull.ElCollapse,
+  mixins: [_render.default],
+  setup(props, context) {
+    _render.default.setup && _render.default.setup(props, context);
+  }
+};
+
+/***/ }),
+
+/***/ 62842:
+/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
+
+
+
+var _interopRequireDefault = __webpack_require__(33751);
+Object.defineProperty(exports, "__esModule", ({
+  value: true
+}));
+exports["default"] = void 0;
+var _Scrollbar = _interopRequireDefault(__webpack_require__(53968));
+var _KqGIS = __webpack_require__(99602);
+/*
+ * Copyright (C) 2019 KQ GEO Technologies Co., Ltd.
+ * All rights reserved.
+ */
+
+_Scrollbar.default.install = Vue => {
+  Vue.component(_Scrollbar.default.name, _Scrollbar.default);
+};
+var _default = exports["default"] = _Scrollbar.default;
+_KqGIS.kq_npm_client_common_vue.KqScrollbar = _Scrollbar.default;
+
+/***/ }),
+
+/***/ 63685:
+/***/ (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 */ Uploadvue_type_script_lang_js/* __esModule */.B; },
+  "default": function() { return /* binding */ Upload; }
+});
+
+// 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/common/_ui/upload/Upload.vue?vue&type=script&lang=js
+var Uploadvue_type_script_lang_js = __webpack_require__(91039);
+;// ./src/common/_ui/upload/Upload.vue?vue&type=script&lang=js
+ 
+;// ./src/common/_ui/upload/Upload.vue
+
+
+
+const __exports__ = Uploadvue_type_script_lang_js/* default */.A;
+
+/* harmony default export */ var Upload = (__exports__);
+
+/***/ }),
+
+/***/ 65310:
+/***/ (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 */ Treevue_type_script_lang_js/* __esModule */.B; },
+  "default": function() { return /* binding */ Tree; }
+});
+
+// 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/common/_ui/tree/Tree.vue?vue&type=script&lang=js
+var Treevue_type_script_lang_js = __webpack_require__(44993);
+;// ./src/common/_ui/tree/Tree.vue?vue&type=script&lang=js
+ 
+;// ./src/common/_ui/tree/Tree.vue
+
+
+
+const __exports__ = Treevue_type_script_lang_js/* default */.A;
+
+/* harmony default export */ var Tree = (__exports__);
+
+/***/ }),
+
+/***/ 65698:
+/***/ (function(module) {
+
+module.exports = require("@kq_npm/client_icons_vue");
+
+/***/ }),
+
+/***/ 65790:
+/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
+
+
+
+var _interopRequireDefault = __webpack_require__(33751);
+Object.defineProperty(exports, "B", ({
+  value: true
+}));
+exports.A = void 0;
+var _indexFull = __webpack_require__(56363);
+var _render = _interopRequireDefault(__webpack_require__(74383));
+var _default = exports.A = {
+  name: "KqCheckboxGroup",
+  defaultComponent: _indexFull.ElCheckboxGroup,
+  mixins: [_render.default],
+  setup(props, context) {
+    _render.default.setup && _render.default.setup(props, context);
+  }
+};
+
+/***/ }),
+
+/***/ 66262:
+/***/ (function(__unused_webpack_module, exports) {
+
+var __webpack_unused_export__;
+
+__webpack_unused_export__ = ({ value: true });
+// runtime helper for setting properties on components
+// in a tree-shakable way
+exports.A = (sfc, props) => {
+    const target = sfc.__vccOpts || sfc;
+    for (const [key, val] of props) {
+        target[key] = val;
+    }
+    return target;
+};
+
+
+/***/ }),
+
+/***/ 67083:
+/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
+
+
+
+var _interopRequireDefault = __webpack_require__(33751);
+Object.defineProperty(exports, "B", ({
+  value: true
+}));
+exports.A = void 0;
+var _indexFull = __webpack_require__(56363);
+var _render = _interopRequireDefault(__webpack_require__(74383));
+var _default = exports.A = {
+  name: "KqCheckboxButton",
+  defaultComponent: _indexFull.ElCheckboxButton,
+  mixins: [_render.default],
+  setup(props, context) {
+    _render.default.setup && _render.default.setup(props, context);
+  }
+};
+
+/***/ }),
+
+/***/ 68676:
+/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
+
+
+
+var _interopRequireDefault = __webpack_require__(33751);
+Object.defineProperty(exports, "__esModule", ({
+  value: true
+}));
+Object.defineProperty(exports, "KqButtonGroup", ({
+  enumerable: true,
+  get: function () {
+    return _Group.default;
+  }
+}));
+Object.defineProperty(exports, "default", ({
+  enumerable: true,
+  get: function () {
+    return _Button.default;
+  }
+}));
+var _Button = _interopRequireDefault(__webpack_require__(31885));
+var _Group = _interopRequireDefault(__webpack_require__(39780));
+var _init = _interopRequireDefault(__webpack_require__(20455));
+var _KqGIS = __webpack_require__(99602);
+/*
+ * Copyright (C) 2019 KQ GEO Technologies Co., Ltd.
+ * All rights reserved.
+ */
+
+_Button.default.install = (Vue, opts) => {
+  (0, _init.default)(Vue, opts);
+  Vue.component(_Button.default.name, _Button.default);
+  Vue.component(_Group.default.name, _Group.default);
+};
+_KqGIS.kq_npm_client_common_vue.KqButton = _Button.default;
+_KqGIS.kq_npm_client_common_vue.KqBreadcrumb = _Group.default;
+
+/***/ }),
+
+/***/ 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;
+
+/***/ }),
+
+/***/ 74253:
+/***/ (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 */ Dividervue_type_script_lang_js/* __esModule */.B; },
+  "default": function() { return /* binding */ Divider; }
+});
+
+// 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/common/_ui/divider/Divider.vue?vue&type=script&lang=js
+var Dividervue_type_script_lang_js = __webpack_require__(96991);
+;// ./src/common/_ui/divider/Divider.vue?vue&type=script&lang=js
+ 
+;// ./src/common/_ui/divider/Divider.vue
+
+
+
+const __exports__ = Dividervue_type_script_lang_js/* default */.A;
+
+/* harmony default export */ var Divider = (__exports__);
+
+/***/ }),
+
+/***/ 74383:
+/***/ (function(module) {
+
+module.exports = __WEBPACK_EXTERNAL_MODULE__74383__;
+
+/***/ }),
+
+/***/ 74703:
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(76314);
+/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__);
+// Imports
+
+var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default()(function(i){return i[1]});
+// Module
+___CSS_LOADER_EXPORT___.push([module.id, "\n.kq-laf-geometry-status[data-v-b3c8fafe] {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 12px;\n  margin: 10px 0;\n  border-radius: 4px;\n  background-color: #fef0f0;\n  border: 1px solid #fde2e2;\n  color: #f56c6c;\n  font-size: 12px;\n}\n.kq-laf-geometry-status.has-geometry[data-v-b3c8fafe] {\n  background-color: #f0f9eb;\n  border-color: #e1f3d8;\n  color: #67c23a;\n}\n.kq-laf-status-text[data-v-b3c8fafe] {\n  flex: 1;\n}\n", ""]);
+// Exports
+/* harmony default export */ __webpack_exports__.A = (___CSS_LOADER_EXPORT___);
+
+
+/***/ }),
+
+/***/ 75797:
+/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
+
+
+
+var _interopRequireDefault = __webpack_require__(33751);
+Object.defineProperty(exports, "B", ({
+  value: true
+}));
+exports.A = void 0;
+var _indexFull = __webpack_require__(56363);
+var _render = _interopRequireDefault(__webpack_require__(74383));
+var _vue = __webpack_require__(50154);
+var _default = exports.A = {
+  name: "KqForm",
+  defaultComponent: _indexFull.ElForm,
+  mixins: [_render.default],
+  setup(props, context) {
+    _render.default.setup && _render.default.setup(props, context);
+    // ElForm.setup(props, context);
+  }
+};
+
+/***/ }),
+
+/***/ 76314:
+/***/ (function(module) {
+
+
+
+/*
+  MIT License http://www.opensource.org/licenses/mit-license.php
+  Author Tobias Koppers @sokra
+*/
+// css base code, injected by the css-loader
+// eslint-disable-next-line func-names
+module.exports = function (cssWithMappingToString) {
+  var list = []; // return the list of modules as css string
+
+  list.toString = function toString() {
+    return this.map(function (item) {
+      var content = cssWithMappingToString(item);
+
+      if (item[2]) {
+        return "@media ".concat(item[2], " {").concat(content, "}");
+      }
+
+      return content;
+    }).join("");
+  }; // import a list of modules into the list
+  // eslint-disable-next-line func-names
+
+
+  list.i = function (modules, mediaQuery, dedupe) {
+    if (typeof modules === "string") {
+      // eslint-disable-next-line no-param-reassign
+      modules = [[null, modules, ""]];
+    }
+
+    var alreadyImportedModules = {};
+
+    if (dedupe) {
+      for (var i = 0; i < this.length; i++) {
+        // eslint-disable-next-line prefer-destructuring
+        var id = this[i][0];
+
+        if (id != null) {
+          alreadyImportedModules[id] = true;
+        }
+      }
+    }
+
+    for (var _i = 0; _i < modules.length; _i++) {
+      var item = [].concat(modules[_i]);
+
+      if (dedupe && alreadyImportedModules[item[0]]) {
+        // eslint-disable-next-line no-continue
+        continue;
+      }
+
+      if (mediaQuery) {
+        if (!item[2]) {
+          item[2] = mediaQuery;
+        } else {
+          item[2] = "".concat(mediaQuery, " and ").concat(item[2]);
+        }
+      }
+
+      list.push(item);
+    }
+  };
+
+  return list;
+};
+
+/***/ }),
+
+/***/ 77228:
+/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
+
+
+
+var _interopRequireDefault = __webpack_require__(33751);
+Object.defineProperty(exports, "__esModule", ({
+  value: true
+}));
+exports["default"] = void 0;
+var _Input = _interopRequireDefault(__webpack_require__(39034));
+var _init = _interopRequireDefault(__webpack_require__(20455));
+var _KqGIS = __webpack_require__(99602);
+/*
+ * Copyright (C) 2019 KQ GEO Technologies Co., Ltd.
+ * All rights reserved.
+ */
+
+_Input.default.install = (Vue, opts) => {
+  (0, _init.default)(Vue, opts);
+  Vue.component(_Input.default.name, _Input.default);
+};
+var _default = exports["default"] = _Input.default;
+_KqGIS.kq_npm_client_common_vue.KqRadio = _Input.default;
+
+/***/ }),
+
+/***/ 77249:
+/***/ (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 */ Selectvue_type_script_lang_js/* __esModule */.B; },
+  "default": function() { return /* binding */ Select; }
+});
+
+// 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/common/_ui/select/Select.vue?vue&type=script&lang=js
+var Selectvue_type_script_lang_js = __webpack_require__(95109);
+;// ./src/common/_ui/select/Select.vue?vue&type=script&lang=js
+ 
+;// ./src/common/_ui/select/Select.vue
+
+
+
+const __exports__ = Selectvue_type_script_lang_js/* default */.A;
+
+/* harmony default export */ var Select = (__exports__);
+
+/***/ }),
+
+/***/ 80881:
+/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
+
+
+
+var _interopRequireDefault = __webpack_require__(33751);
+Object.defineProperty(exports, "__esModule", ({
+  value: true
+}));
+exports["default"] = void 0;
+var _Icon = _interopRequireDefault(__webpack_require__(80979));
+var _init = _interopRequireDefault(__webpack_require__(20455));
+var _KqGIS = __webpack_require__(99602);
+/*
+ * Copyright (C) 2019 KQ GEO Technologies Co., Ltd.
+ * All rights reserved.
+ */
+
+_Icon.default.install = (Vue, opts) => {
+  (0, _init.default)(Vue, opts);
+  Vue.component(_Icon.default.name, _Icon.default);
+};
+var _default = exports["default"] = _Icon.default;
+_KqGIS.kq_npm_client_common_vue.KqIcon = _Icon.default;
+
+/***/ }),
+
+/***/ 80887:
+/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
+
+
+
+var _interopRequireDefault = __webpack_require__(33751);
+Object.defineProperty(exports, "B", ({
+  value: true
+}));
+exports.A = void 0;
+var _indexFull = __webpack_require__(56363);
+var _render = _interopRequireDefault(__webpack_require__(74383));
+var _default = exports.A = {
+  name: "KqIcon",
+  defaultComponent: _indexFull.ElIcon,
+  mixins: [_render.default],
+  setup(props, context) {
+    _render.default.setup && _render.default.setup(props, context);
+  }
+};
+
+/***/ }),
+
+/***/ 80979:
+/***/ (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 */ Iconvue_type_script_lang_js/* __esModule */.B; },
+  "default": function() { return /* binding */ Icon; }
+});
+
+// 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/common/_ui/icon/Icon.vue?vue&type=script&lang=js
+var Iconvue_type_script_lang_js = __webpack_require__(80887);
+;// ./src/common/_ui/icon/Icon.vue?vue&type=script&lang=js
+ 
+;// ./src/common/_ui/icon/Icon.vue
+
+
+
+const __exports__ = Iconvue_type_script_lang_js/* default */.A;
+
+/* harmony default export */ var Icon = (__exports__);
+
+/***/ }),
+
+/***/ 81328:
+/***/ (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.ElMessageBox.install = (Vue, opts) => {
+  (0, _init.default)(Vue, opts);
+  Vue.component("KqMessageBox", _indexFull.ElMessageBox);
+};
+var _default = exports["default"] = _indexFull.ElMessageBox;
+_KqGIS.kq_npm_client_common_vue.KqMessageBox = _indexFull.ElMessageBox;
+
+/***/ }),
+
+/***/ 81751:
+/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
+
+
+
+var _interopRequireDefault = __webpack_require__(33751);
+Object.defineProperty(exports, "B", ({
+  value: true
+}));
+exports.A = void 0;
+var _indexFull = __webpack_require__(56363);
+var _render = _interopRequireDefault(__webpack_require__(74383));
+var _default = exports.A = {
+  name: "KqCheckbox",
+  defaultComponent: _indexFull.ElCheckbox,
+  mixins: [_render.default],
+  setup(props, context) {
+    _render.default.setup && _render.default.setup(props, context);
+  }
+};
+
+/***/ }),
+
+/***/ 85061:
+/***/ (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 */ CheckboxButtonvue_type_script_lang_js/* __esModule */.B; },
+  "default": function() { return /* binding */ CheckboxButton; }
+});
+
+// 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/common/_ui/checkbox/CheckboxButton.vue?vue&type=script&lang=js
+var CheckboxButtonvue_type_script_lang_js = __webpack_require__(67083);
+;// ./src/common/_ui/checkbox/CheckboxButton.vue?vue&type=script&lang=js
+ 
+;// ./src/common/_ui/checkbox/CheckboxButton.vue
+
+
+
+const __exports__ = CheckboxButtonvue_type_script_lang_js/* default */.A;
+
+/* harmony default export */ var CheckboxButton = (__exports__);
+
+/***/ }),
+
+/***/ 85072:
+/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
+
+
+
+var isOldIE = function isOldIE() {
+  var memo;
+  return function memorize() {
+    if (typeof memo === 'undefined') {
+      // Test for IE <= 9 as proposed by Browserhacks
+      // @see http://browserhacks.com/#hack-e71d8692f65334173fee715c222cb805
+      // Tests for existence of standard globals is to allow style-loader
+      // to operate correctly into non-standard environments
+      // @see https://github.com/webpack-contrib/style-loader/issues/177
+      memo = Boolean(window && document && document.all && !window.atob);
+    }
+
+    return memo;
+  };
+}();
+
+var getTarget = function getTarget() {
+  var memo = {};
+  return function memorize(target) {
+    if (typeof memo[target] === 'undefined') {
+      var styleTarget = document.querySelector(target); // Special case to return head of iframe instead of iframe itself
+
+      if (window.HTMLIFrameElement && styleTarget instanceof window.HTMLIFrameElement) {
+        try {
+          // This will throw an exception if access to iframe is blocked
+          // due to cross-origin restrictions
+          styleTarget = styleTarget.contentDocument.head;
+        } catch (e) {
+          // istanbul ignore next
+          styleTarget = null;
+        }
+      }
+
+      memo[target] = styleTarget;
+    }
+
+    return memo[target];
+  };
+}();
+
+var stylesInDom = [];
+
+function getIndexByIdentifier(identifier) {
+  var result = -1;
+
+  for (var i = 0; i < stylesInDom.length; i++) {
+    if (stylesInDom[i].identifier === identifier) {
+      result = i;
+      break;
+    }
+  }
+
+  return result;
+}
+
+function modulesToDom(list, options) {
+  var idCountMap = {};
+  var identifiers = [];
+
+  for (var i = 0; i < list.length; i++) {
+    var item = list[i];
+    var id = options.base ? item[0] + options.base : item[0];
+    var count = idCountMap[id] || 0;
+    var identifier = "".concat(id, " ").concat(count);
+    idCountMap[id] = count + 1;
+    var index = getIndexByIdentifier(identifier);
+    var obj = {
+      css: item[1],
+      media: item[2],
+      sourceMap: item[3]
+    };
+
+    if (index !== -1) {
+      stylesInDom[index].references++;
+      stylesInDom[index].updater(obj);
+    } else {
+      stylesInDom.push({
+        identifier: identifier,
+        updater: addStyle(obj, options),
+        references: 1
+      });
+    }
+
+    identifiers.push(identifier);
+  }
+
+  return identifiers;
+}
+
+function insertStyleElement(options) {
+  var style = document.createElement('style');
+  var attributes = options.attributes || {};
+
+  if (typeof attributes.nonce === 'undefined') {
+    var nonce =  true ? __webpack_require__.nc : 0;
+
+    if (nonce) {
+      attributes.nonce = nonce;
+    }
+  }
+
+  Object.keys(attributes).forEach(function (key) {
+    style.setAttribute(key, attributes[key]);
+  });
+
+  if (typeof options.insert === 'function') {
+    options.insert(style);
+  } else {
+    var target = getTarget(options.insert || 'head');
+
+    if (!target) {
+      throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");
+    }
+
+    target.appendChild(style);
+  }
+
+  return style;
+}
+
+function removeStyleElement(style) {
+  // istanbul ignore if
+  if (style.parentNode === null) {
+    return false;
+  }
+
+  style.parentNode.removeChild(style);
+}
+/* istanbul ignore next  */
+
+
+var replaceText = function replaceText() {
+  var textStore = [];
+  return function replace(index, replacement) {
+    textStore[index] = replacement;
+    return textStore.filter(Boolean).join('\n');
+  };
+}();
+
+function applyToSingletonTag(style, index, remove, obj) {
+  var css = remove ? '' : obj.media ? "@media ".concat(obj.media, " {").concat(obj.css, "}") : obj.css; // For old IE
+
+  /* istanbul ignore if  */
+
+  if (style.styleSheet) {
+    style.styleSheet.cssText = replaceText(index, css);
+  } else {
+    var cssNode = document.createTextNode(css);
+    var childNodes = style.childNodes;
+
+    if (childNodes[index]) {
+      style.removeChild(childNodes[index]);
+    }
+
+    if (childNodes.length) {
+      style.insertBefore(cssNode, childNodes[index]);
+    } else {
+      style.appendChild(cssNode);
+    }
+  }
+}
+
+function applyToTag(style, options, obj) {
+  var css = obj.css;
+  var media = obj.media;
+  var sourceMap = obj.sourceMap;
+
+  if (media) {
+    style.setAttribute('media', media);
+  } else {
+    style.removeAttribute('media');
+  }
+
+  if (sourceMap && typeof btoa !== 'undefined') {
+    css += "\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap)))), " */");
+  } // For old IE
+
+  /* istanbul ignore if  */
+
+
+  if (style.styleSheet) {
+    style.styleSheet.cssText = css;
+  } else {
+    while (style.firstChild) {
+      style.removeChild(style.firstChild);
+    }
+
+    style.appendChild(document.createTextNode(css));
+  }
+}
+
+var singleton = null;
+var singletonCounter = 0;
+
+function addStyle(obj, options) {
+  var style;
+  var update;
+  var remove;
+
+  if (options.singleton) {
+    var styleIndex = singletonCounter++;
+    style = singleton || (singleton = insertStyleElement(options));
+    update = applyToSingletonTag.bind(null, style, styleIndex, false);
+    remove = applyToSingletonTag.bind(null, style, styleIndex, true);
+  } else {
+    style = insertStyleElement(options);
+    update = applyToTag.bind(null, style, options);
+
+    remove = function remove() {
+      removeStyleElement(style);
+    };
+  }
+
+  update(obj);
+  return function updateStyle(newObj) {
+    if (newObj) {
+      if (newObj.css === obj.css && newObj.media === obj.media && newObj.sourceMap === obj.sourceMap) {
+        return;
+      }
+
+      update(obj = newObj);
+    } else {
+      remove();
+    }
+  };
+}
+
+module.exports = function (list, options) {
+  options = options || {}; // Force single-tag solution on IE6-9, which has a hard limit on the # of <style>
+  // tags it will allow on a page
+
+  if (!options.singleton && typeof options.singleton !== 'boolean') {
+    options.singleton = isOldIE();
+  }
+
+  list = list || [];
+  var lastIdentifiers = modulesToDom(list, options);
+  return function update(newList) {
+    newList = newList || [];
+
+    if (Object.prototype.toString.call(newList) !== '[object Array]') {
+      return;
+    }
+
+    for (var i = 0; i < lastIdentifiers.length; i++) {
+      var identifier = lastIdentifiers[i];
+      var index = getIndexByIdentifier(identifier);
+      stylesInDom[index].references--;
+    }
+
+    var newLastIdentifiers = modulesToDom(newList, options);
+
+    for (var _i = 0; _i < lastIdentifiers.length; _i++) {
+      var _identifier = lastIdentifiers[_i];
+
+      var _index = getIndexByIdentifier(_identifier);
+
+      if (stylesInDom[_index].references === 0) {
+        stylesInDom[_index].updater();
+
+        stylesInDom.splice(_index, 1);
+      }
+    }
+
+    lastIdentifiers = newLastIdentifiers;
+  };
+};
+
+/***/ }),
+
+/***/ 85790:
+/***/ (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 */ Checkboxvue_type_script_lang_js/* __esModule */.B; },
+  "default": function() { return /* binding */ Checkbox; }
+});
+
+// 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/common/_ui/checkbox/Checkbox.vue?vue&type=script&lang=js
+var Checkboxvue_type_script_lang_js = __webpack_require__(81751);
+;// ./src/common/_ui/checkbox/Checkbox.vue?vue&type=script&lang=js
+ 
+;// ./src/common/_ui/checkbox/Checkbox.vue
+
+
+
+const __exports__ = Checkboxvue_type_script_lang_js/* default */.A;
+
+/* harmony default export */ var Checkbox = (__exports__);
+
+/***/ }),
+
+/***/ 88897:
+/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
+
+
+
+var _interopRequireDefault = __webpack_require__(33751);
+Object.defineProperty(exports, "B", ({
+  value: true
+}));
+exports.A = void 0;
+var _indexFull = __webpack_require__(56363);
+var _render = _interopRequireDefault(__webpack_require__(74383));
+var _default = exports.A = {
+  name: "KqOptionGroup",
+  defaultComponent: _indexFull.ElOptionGroup,
+  mixins: [_render.default],
+  setup(props, context) {
+    _render.default.setup && _render.default.setup(props, context);
+  }
+};
+
+/***/ }),
+
+/***/ 89393:
+/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
+
+
+
+var _interopRequireDefault = __webpack_require__(33751);
+Object.defineProperty(exports, "__esModule", ({
+  value: true
+}));
+exports["default"] = void 0;
+var _Upload = _interopRequireDefault(__webpack_require__(63685));
+var _init = _interopRequireDefault(__webpack_require__(20455));
+var _KqGIS = __webpack_require__(99602);
+/*
+ * Copyright (C) 2019 KQ GEO Technologies Co., Ltd.
+ * All rights reserved.
+ */
+
+_Upload.default.install = (Vue, opts) => {
+  (0, _init.default)(Vue, opts);
+  Vue.component(_Upload.default.name, _Upload.default);
+};
+var _default = exports["default"] = _Upload.default;
+_KqGIS.kq_npm_client_common_vue.KqUpload = _Upload.default;
+
+/***/ }),
+
+/***/ 91039:
+/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
+
+
+
+var _interopRequireDefault = __webpack_require__(33751);
+Object.defineProperty(exports, "B", ({
+  value: true
+}));
+exports.A = void 0;
+var _indexFull = __webpack_require__(56363);
+var _render = _interopRequireDefault(__webpack_require__(74383));
+var _default = exports.A = {
+  name: "KqUpload",
+  defaultComponent: _indexFull.ElUpload,
+  mixins: [_render.default],
+  setup(props, context) {
+    _render.default.setup && _render.default.setup(props, context);
+  }
+};
+
+/***/ }),
+
+/***/ 92936:
+/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
+
+
+
+var _interopRequireDefault = __webpack_require__(33751);
+Object.defineProperty(exports, "__esModule", ({
+  value: true
+}));
+Object.defineProperty(exports, "KqOption", ({
+  enumerable: true,
+  get: function () {
+    return _Option.default;
+  }
+}));
+Object.defineProperty(exports, "KqOptionGroup", ({
+  enumerable: true,
+  get: function () {
+    return _OptionGroup.default;
+  }
+}));
+Object.defineProperty(exports, "default", ({
+  enumerable: true,
+  get: function () {
+    return _Select.default;
+  }
+}));
+var _Select = _interopRequireDefault(__webpack_require__(77249));
+var _Option = _interopRequireDefault(__webpack_require__(44763));
+var _OptionGroup = _interopRequireDefault(__webpack_require__(33670));
+var _init = _interopRequireDefault(__webpack_require__(20455));
+var _KqGIS = __webpack_require__(99602);
+/*
+ * Copyright (C) 2019 KQ GEO Technologies Co., Ltd.
+ * All rights reserved.
+ */
+
+_Select.default.install = (Vue, opts) => {
+  (0, _init.default)(Vue, opts);
+  Vue.component(_Select.default.name, _Select.default);
+  Vue.component(_Option.default.name, _Option.default);
+  Vue.component(_OptionGroup.default.name, _OptionGroup.default);
+};
+_KqGIS.kq_npm_client_common_vue.KqSelect = _Select.default;
+_KqGIS.kq_npm_client_common_vue.KqOption = _Option.default;
+_KqGIS.kq_npm_client_common_vue.KqOptionGroup = _OptionGroup.default;
+
+/***/ }),
+
+/***/ 95109:
+/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
+
+
+
+var _interopRequireDefault = __webpack_require__(33751);
+Object.defineProperty(exports, "B", ({
+  value: true
+}));
+exports.A = void 0;
+var _indexFull = __webpack_require__(56363);
+var _render = _interopRequireDefault(__webpack_require__(74383));
+var _default = exports.A = {
+  name: "KqSelect",
+  defaultComponent: _indexFull.ElSelect,
+  mixins: [_render.default],
+  setup(props, context) {
+    _render.default.setup && _render.default.setup(props, context);
+  }
+};
+
+/***/ }),
+
+/***/ 95765:
+/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
+
+
+
+var _interopRequireDefault = __webpack_require__(33751);
+Object.defineProperty(exports, "__esModule", ({
+  value: true
+}));
+exports["default"] = void 0;
+var _Slider = _interopRequireDefault(__webpack_require__(28238));
+var _init = _interopRequireDefault(__webpack_require__(20455));
+var _KqGIS = __webpack_require__(99602);
+/*
+ * Copyright (C) 2019 KQ GEO Technologies Co., Ltd.
+ * All rights reserved.
+ */
+
+_Slider.default.install = (Vue, opts) => {
+  (0, _init.default)(Vue, opts);
+  Vue.component(_Slider.default.name, _Slider.default);
+};
+var _default = exports["default"] = _Slider.default;
+_KqGIS.kq_npm_client_common_vue.KqSlider = _Slider.default;
+
+/***/ }),
+
+/***/ 95857:
+/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
+
+
+
+var _interopRequireDefault = __webpack_require__(33751);
+Object.defineProperty(exports, "__esModule", ({
+  value: true
+}));
+Object.defineProperty(exports, "KqCheckboxButton", ({
+  enumerable: true,
+  get: function () {
+    return _CheckboxButton.default;
+  }
+}));
+Object.defineProperty(exports, "KqCheckboxGroup", ({
+  enumerable: true,
+  get: function () {
+    return _CheckboxGroup.default;
+  }
+}));
+Object.defineProperty(exports, "default", ({
+  enumerable: true,
+  get: function () {
+    return _Checkbox.default;
+  }
+}));
+var _Checkbox = _interopRequireDefault(__webpack_require__(85790));
+var _CheckboxButton = _interopRequireDefault(__webpack_require__(85061));
+var _CheckboxGroup = _interopRequireDefault(__webpack_require__(47193));
+var _init = _interopRequireDefault(__webpack_require__(20455));
+var _KqGIS = __webpack_require__(99602);
+/*
+ * Copyright (C) 2019 KQ GEO Technologies Co., Ltd.
+ * All rights reserved.
+ */
+
+_Checkbox.default.install = (Vue, opts) => {
+  (0, _init.default)(Vue, opts);
+  Vue.component(_Checkbox.default.name, _Checkbox.default);
+  Vue.component(_CheckboxButton.default.name, _CheckboxButton.default);
+  Vue.component(_CheckboxGroup.default.name, _CheckboxGroup.default);
+};
+_KqGIS.kq_npm_client_common_vue.KqCheckbox = _Checkbox.default;
+_KqGIS.kq_npm_client_common_vue.KqCheckboxButton = _CheckboxButton.default;
+_KqGIS.kq_npm_client_common_vue.KqCheckboxGroup = _CheckboxGroup.default;
+
+/***/ }),
+
+/***/ 96991:
+/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
+
+
+
+var _interopRequireDefault = __webpack_require__(33751);
+Object.defineProperty(exports, "B", ({
+  value: true
+}));
+exports.A = void 0;
+var _indexFull = __webpack_require__(56363);
+var _render = _interopRequireDefault(__webpack_require__(74383));
+var _default = exports.A = {
+  name: "KqDivider",
+  defaultComponent: _indexFull.ElDivider,
+  mixins: [_render.default],
+  setup(props, context) {
+    _render.default.setup && _render.default.setup(props, context);
+  }
+};
+
+/***/ }),
+
+/***/ 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] = {
+/******/ 			id: moduleId,
+/******/ 			// 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/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/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 });
+/******/ 		};
+/******/ 	}();
+/******/ 	
+/******/ 	/* webpack/runtime/nonce */
+/******/ 	!function() {
+/******/ 		__webpack_require__.nc = undefined;
+/******/ 	}();
+/******/ 	
+/************************************************************************/
+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, "LowAltitudeFeatureViewModel", ({
+  enumerable: true,
+  get: function () {
+    return _LowAltitudeFeatureViewModel.default;
+  }
+}));
+Object.defineProperty(exports, "default", ({
+  enumerable: true,
+  get: function () {
+    return _LowAltitudeFeature.default;
+  }
+}));
+var _LowAltitudeFeature = _interopRequireDefault(__webpack_require__(11583));
+var _LowAltitudeFeatureViewModel = _interopRequireDefault(__webpack_require__(4494));
+var _init = _interopRequireDefault(__webpack_require__(20455));
+/*
+ * Copyright (C) 2019 KQ GEO Technologies Co., Ltd.
+ * All rights reserved.
+ */
+
+_LowAltitudeFeature.default.install = (Vue, opts) => {
+  (0, _init.default)(Vue, opts);
+  Vue.component(_LowAltitudeFeature.default.name, _LowAltitudeFeature.default);
+};
+
+// kq_npm_client3d_webgl_vue.Kq3dLowAltitudeFeature = LowAltitudeFeature;
+}();
+/******/ 	return __webpack_exports__;
+/******/ })()
+;
+});