cesium-alpha-earth 1.0.21 → 1.0.23

package/dist/index.js

@@ -1,4 +1,4 @@
-import { defineComponent, createElementBlock, openBlock, createElementVNode, getCurrentInstance, inject, ref, computed, unref, getCurrentScope, onScopeDispose, shallowRef, watchEffect, readonly, onMounted, nextTick, watch, isRef, warn, provide, mergeProps, renderSlot, toRef, onUnmounted, useAttrs as useAttrs$1, useSlots, normalizeStyle, normalizeClass, createCommentVNode, Fragment, createBlock, withCtx, resolveDynamicComponent, withModifiers, createVNode, toDisplayString, onBeforeUnmount, Transition, withDirectives, vShow, reactive, onActivated, onUpdated, cloneVNode, Text, Comment, Teleport as Teleport$1, onBeforeMount, onDeactivated, createTextVNode, renderList, withKeys, createSlots, toRaw, toRefs, resolveComponent, resolveDirective, toHandlerKey, vModelText, TransitionGroup, h as h$1, createApp, shallowReactive, isVNode, render as render$2 } from "vue";
+import { defineComponent, createElementBlock, openBlock, createElementVNode, getCurrentInstance, inject, ref, computed, unref, getCurrentScope, onScopeDispose, shallowRef, watchEffect, readonly, onMounted, nextTick, watch, isRef, warn, provide, mergeProps, renderSlot, toRef, onUnmounted, useAttrs as useAttrs$1, useSlots, normalizeStyle, normalizeClass, createCommentVNode, Fragment, createBlock, withCtx, resolveDynamicComponent, withModifiers, createVNode, toDisplayString, onBeforeUnmount, Transition, withDirectives, vShow, reactive, onActivated, onUpdated, cloneVNode, Text, Comment, Teleport as Teleport$1, onBeforeMount, onDeactivated, createTextVNode, toRaw, vModelCheckbox, toRefs, renderList, withKeys, createSlots, resolveComponent, resolveDirective, toHandlerKey, vModelText, TransitionGroup, h as h$1, createApp, shallowReactive, isVNode, render as render$2 } from "vue";
 function _mergeNamespaces(n, m2) {
   for (var i = 0; i < m2.length; i++) {
     const e = m2[i];
@@ -266102,6 +266102,26 @@ function bbox(geojson, options = {}) {
   });
   return result;
 }
+function bboxPolygon(bbox2, options = {}) {
+  const west = Number(bbox2[0]);
+  const south = Number(bbox2[1]);
+  const east = Number(bbox2[2]);
+  const north = Number(bbox2[3]);
+  if (bbox2.length === 6) {
+    throw new Error(
+      "@turf/bbox-polygon does not support BBox with 6 positions"
+    );
+  }
+  const lowLeft = [west, south];
+  const topLeft = [west, north];
+  const topRight = [east, north];
+  const lowRight = [east, south];
+  return polygon(
+    [[lowLeft, lowRight, topRight, topLeft, lowLeft]],
+    options.properties,
+    { bbox: bbox2, id: options.id }
+  );
+}
 const epsilon$1 = 11102230246251565e-32;
 const splitter = 134217729;
 const resulterrbound = (3 + 8 * epsilon$1) * epsilon$1;
@@ -277688,7 +277708,7 @@ function unkinkPolygon(geojson) {
   return featureCollection(features);
 }
 function createPoint(geoJsonLayer, geoJson, feature2, options) {
-  var _a2, _b, _c, _d, _e, _f, _g, _h, _i, _j;
+  var _a2, _b, _c, _d, _e, _f, _g, _h, _i;
   let noid = nanoid$1();
   let position = crsFunction(feature2.geometry.coordinates);
   geoJsonLayer.addPoint({
@@ -277708,8 +277728,8 @@ function createPoint(geoJsonLayer, geoJson, feature2, options) {
       scale: ((_f = options.point) == null ? void 0 : _f.scale) || 1,
       sizeInMeters: ((_g = options.point) == null ? void 0 : _g.sizeInMeters) || false,
       rotation: ((_h = options.point) == null ? void 0 : _h.rotation) || 0,
-      color: Color$2.fromCssColorString(((_i = options.point) == null ? void 0 : _i.color) || "rgb(255,0,0)"),
-      heightReference: ((_j = options.point) == null ? void 0 : _j.clampToGround) ? HeightReference$1.CLAMP_TO_GROUND : HeightReference$1.NONE,
+      color: Color$2.fromCssColorString(((_i = options.point) == null ? void 0 : _i.color) || ""),
+      // heightReference:options.point?.clampToGround?HeightReference.CLAMP_TO_GROUND:HeightReference.NONE,
       verticalOrigin: VerticalOrigin$1.BOTTOM
     },
     properties: feature2.properties
@@ -277727,6 +277747,7 @@ function createLineString(geoJsonLayer, geoJson, feature2, options) {
     type: "Polyline",
     id: noid,
     positions,
+    properties: feature2.properties,
     style: {
       ...options.polyline
     },
@@ -277774,6 +277795,7 @@ function createPolygon(geoJsonLayer, geoJson, feature2, options) {
     type: "Polygon",
     id: noid,
     positions,
+    properties: feature2.properties,
     style: {
       ...options.polygon
     },
@@ -278002,7 +278024,7 @@ let defaultLabelOption = {
   fieldKey: void 0,
   distanceDisplayCondition: new DistanceDisplayCondition(
     0,
-    Number.POSITIVE_INFINITY
+    5e3
   ),
   style: LabelStyle$1.FILL_AND_OUTLINE,
   color: "rgb(255,100,100)",
@@ -278018,7 +278040,7 @@ let defaultPointOption = {
   sizeInMeters: false,
   rotation: 0,
   label: defaultLabelOption,
-  color: "rgb(255,0,0)",
+  color: void 0,
   distanceDisplayCondition: new DistanceDisplayCondition(
     0,
     Number.POSITIVE_INFINITY
@@ -278096,6 +278118,9 @@ class CesiumAlphaGeoJsonLayer {
   get featureItem() {
     return this._featureItem;
   }
+  get show() {
+    return this._primitiveCollection.show;
+  }
   static async load(option) {
     const layer = new CesiumAlphaGeoJsonLayer(option);
     layer.show = option.show || true;
@@ -278239,15 +278264,30 @@ class CesiumAlphaGeoJsonLayer {
     this.addFeatureItem(item);
   }
   addLabel(item, labelOption) {
+    let text2 = void 0;
     if (item.properties && labelOption.fieldKey) {
-      item.properties[labelOption.fieldKey];
+      text2 = item.properties[labelOption.fieldKey];
     }
+    let color = void 0;
     if (labelOption.color) {
-      labelOption.color;
+      color = labelOption.color;
     }
-    {
+    if (!text2) {
       return;
     }
+    this._labelCollection.add({
+      position: item.center.cartesian3,
+      //@ts-ignore
+      heightReference: item.style.heightReference,
+      text: text2,
+      distanceDisplayCondition: labelOption.distanceDisplayCondition,
+      style: labelOption.style,
+      font: labelOption.font,
+      fillColor: Color$2.fromCssColorString(color || "rgb(255,0,0)"),
+      verticalOrigin: VerticalOrigin$1.BOTTOM,
+      horizontalOrigin: HorizontalOrigin$1.CENTER,
+      pixelOffset: labelOption.pixelOffset
+    });
   }
   addFeatureItem(item) {
     this._featureItem.push(item);
@@ -278298,6 +278338,12 @@ class CesiumAlphaViewer {
     this._modelDatasource = [];
     this.viewer = createViewer(container, option);
   }
+  get layerDatasource() {
+    return this._layerDatasource;
+  }
+  get modelDatasource() {
+    return this._modelDatasource;
+  }
   //开启图层聚合
   // public enableLayerCluster(layer: CesiumAlphaGeoJsonLayer) {
   //   layer._cluster = enableCluster(this, layer);
@@ -278594,6 +278640,22 @@ var loading_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ define
   }
 });
 var loading_default = loading_vue_vue_type_script_setup_true_lang_default;
+var menu_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+  name: "Menu",
+  __name: "menu",
+  setup(__props) {
+    return (_ctx, _cache2) => (openBlock(), createElementBlock("svg", {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 1024 1024"
+    }, [
+      createElementVNode("path", {
+        fill: "currentColor",
+        d: "M160 448a32 32 0 0 1-32-32V160.064a32 32 0 0 1 32-32h256a32 32 0 0 1 32 32V416a32 32 0 0 1-32 32zm448 0a32 32 0 0 1-32-32V160.064a32 32 0 0 1 32-32h255.936a32 32 0 0 1 32 32V416a32 32 0 0 1-32 32zM160 896a32 32 0 0 1-32-32V608a32 32 0 0 1 32-32h256a32 32 0 0 1 32 32v256a32 32 0 0 1-32 32zm448 0a32 32 0 0 1-32-32V608a32 32 0 0 1 32-32h255.936a32 32 0 0 1 32 32v256a32 32 0 0 1-32 32z"
+      })
+    ]));
+  }
+});
+var menu_default = menu_vue_vue_type_script_setup_true_lang_default;
 var minus_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
   name: "Minus",
   __name: "minus",
@@ -278626,6 +278688,22 @@ var plus_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCom
   }
 });
 var plus_default = plus_vue_vue_type_script_setup_true_lang_default;
+var search_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+  name: "Search",
+  __name: "search",
+  setup(__props) {
+    return (_ctx, _cache2) => (openBlock(), createElementBlock("svg", {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 1024 1024"
+    }, [
+      createElementVNode("path", {
+        fill: "currentColor",
+        d: "m795.904 750.72 124.992 124.928a32 32 0 0 1-45.248 45.248L750.656 795.904a416 416 0 1 1 45.248-45.248zM480 832a352 352 0 1 0 0-704 352 352 0 0 0 0 704"
+      })
+    ]));
+  }
+});
+var search_default = search_vue_vue_type_script_setup_true_lang_default;
 var success_filled_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
   name: "SuccessFilled",
   __name: "success-filled",
@@ -280250,6 +280328,7 @@ const isElement = (e) => {
     return false;
   return e instanceof Element;
 };
+const isPropAbsent = (prop) => isNil(prop);
 const isStringNumber = (val) => {
   if (!isString$2(val)) {
     return false;
@@ -281149,12 +281228,12 @@ const iconProps = buildProps({
     type: String
   }
 });
-const __default__$q = defineComponent({
+const __default__$t = defineComponent({
   name: "ElIcon",
   inheritAttrs: false
 });
-const _sfc_main$D = /* @__PURE__ */ defineComponent({
-  ...__default__$q,
+const _sfc_main$N = /* @__PURE__ */ defineComponent({
+  ...__default__$t,
   props: iconProps,
   setup(__props) {
     const props = __props;
@@ -281178,7 +281257,7 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Icon = /* @__PURE__ */ _export_sfc$1(_sfc_main$D, [["__file", "icon.vue"]]);
+var Icon = /* @__PURE__ */ _export_sfc$1(_sfc_main$N, [["__file", "icon.vue"]]);
 const ElIcon = withInstall(Icon);
 const iconPropType = definePropType([
   String,
@@ -281624,12 +281703,12 @@ function useCursor(input) {
   }
   return [recordCursor, setCursor];
 }
-const __default__$p = defineComponent({
+const __default__$s = defineComponent({
   name: "ElInput",
   inheritAttrs: false
 });
-const _sfc_main$C = /* @__PURE__ */ defineComponent({
-  ...__default__$p,
+const _sfc_main$M = /* @__PURE__ */ defineComponent({
+  ...__default__$s,
   props: inputProps,
   emits: inputEmits,
   setup(__props, { expose, emit }) {
@@ -282036,7 +282115,7 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Input = /* @__PURE__ */ _export_sfc$1(_sfc_main$C, [["__file", "input.vue"]]);
+var Input = /* @__PURE__ */ _export_sfc$1(_sfc_main$M, [["__file", "input.vue"]]);
 const ElInput = withInstall(Input);
 const GAP = 4;
 const BAR_MAP = {
@@ -282081,7 +282160,7 @@ const thumbProps = buildProps({
   always: Boolean
 });
 const COMPONENT_NAME$5 = "Thumb";
-const _sfc_main$B = /* @__PURE__ */ defineComponent({
+const _sfc_main$L = /* @__PURE__ */ defineComponent({
   __name: "thumb",
   props: thumbProps,
   setup(__props) {
@@ -282200,7 +282279,7 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Thumb = /* @__PURE__ */ _export_sfc$1(_sfc_main$B, [["__file", "thumb.vue"]]);
+var Thumb = /* @__PURE__ */ _export_sfc$1(_sfc_main$L, [["__file", "thumb.vue"]]);
 const barProps = buildProps({
   always: {
     type: Boolean,
@@ -282211,7 +282290,7 @@ const barProps = buildProps({
     required: true
   }
 });
-const _sfc_main$A = /* @__PURE__ */ defineComponent({
+const _sfc_main$K = /* @__PURE__ */ defineComponent({
   __name: "bar",
   props: barProps,
   setup(__props, { expose }) {
@@ -282269,7 +282348,7 @@ const _sfc_main$A = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Bar = /* @__PURE__ */ _export_sfc$1(_sfc_main$A, [["__file", "bar.vue"]]);
+var Bar = /* @__PURE__ */ _export_sfc$1(_sfc_main$K, [["__file", "bar.vue"]]);
 const scrollbarProps = buildProps({
   height: {
     type: [String, Number],
@@ -282324,11 +282403,11 @@ const scrollbarEmits = {
   }) => [scrollTop, scrollLeft].every(isNumber$1)
 };
 const COMPONENT_NAME$4 = "ElScrollbar";
-const __default__$o = defineComponent({
+const __default__$r = defineComponent({
   name: COMPONENT_NAME$4
 });
-const _sfc_main$z = /* @__PURE__ */ defineComponent({
-  ...__default__$o,
+const _sfc_main$J = /* @__PURE__ */ defineComponent({
+  ...__default__$r,
   props: scrollbarProps,
   emits: scrollbarEmits,
   setup(__props, { expose, emit }) {
@@ -282482,7 +282561,7 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Scrollbar = /* @__PURE__ */ _export_sfc$1(_sfc_main$z, [["__file", "scrollbar.vue"]]);
+var Scrollbar = /* @__PURE__ */ _export_sfc$1(_sfc_main$J, [["__file", "scrollbar.vue"]]);
 const ElScrollbar = withInstall(Scrollbar);
 const POPPER_INJECTION_KEY = Symbol("popper");
 const POPPER_CONTENT_INJECTION_KEY = Symbol("popperContent");
@@ -282503,12 +282582,12 @@ const popperProps = buildProps({
     default: "tooltip"
   }
 });
-const __default__$n = defineComponent({
+const __default__$q = defineComponent({
   name: "ElPopper",
   inheritAttrs: false
 });
-const _sfc_main$y = /* @__PURE__ */ defineComponent({
-  ...__default__$n,
+const _sfc_main$I = /* @__PURE__ */ defineComponent({
+  ...__default__$q,
   props: popperProps,
   setup(__props, { expose }) {
     const props = __props;
@@ -282531,19 +282610,19 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Popper = /* @__PURE__ */ _export_sfc$1(_sfc_main$y, [["__file", "popper.vue"]]);
+var Popper = /* @__PURE__ */ _export_sfc$1(_sfc_main$I, [["__file", "popper.vue"]]);
 const popperArrowProps = buildProps({
   arrowOffset: {
     type: Number,
     default: 5
   }
 });
-const __default__$m = defineComponent({
+const __default__$p = defineComponent({
   name: "ElPopperArrow",
   inheritAttrs: false
 });
-const _sfc_main$x = /* @__PURE__ */ defineComponent({
-  ...__default__$m,
+const _sfc_main$H = /* @__PURE__ */ defineComponent({
+  ...__default__$p,
   props: popperArrowProps,
   setup(__props, { expose }) {
     const props = __props;
@@ -282569,7 +282648,7 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var ElPopperArrow = /* @__PURE__ */ _export_sfc$1(_sfc_main$x, [["__file", "arrow.vue"]]);
+var ElPopperArrow = /* @__PURE__ */ _export_sfc$1(_sfc_main$H, [["__file", "arrow.vue"]]);
 const popperTriggerProps = buildProps({
   virtualRef: {
     type: definePropType(Object)
@@ -282701,12 +282780,12 @@ function wrapTextContent(s) {
     "class": ns.e("content")
   }, [s]);
 }
-const __default__$l = defineComponent({
+const __default__$o = defineComponent({
   name: "ElPopperTrigger",
   inheritAttrs: false
 });
-const _sfc_main$w = /* @__PURE__ */ defineComponent({
-  ...__default__$l,
+const _sfc_main$G = /* @__PURE__ */ defineComponent({
+  ...__default__$o,
   props: popperTriggerProps,
   setup(__props, { expose }) {
     const props = __props;
@@ -282817,7 +282896,7 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var ElPopperTrigger = /* @__PURE__ */ _export_sfc$1(_sfc_main$w, [["__file", "trigger.vue"]]);
+var ElPopperTrigger = /* @__PURE__ */ _export_sfc$1(_sfc_main$G, [["__file", "trigger.vue"]]);
 const FOCUS_AFTER_TRAPPED = "focus-trap.focus-after-trapped";
 const FOCUS_AFTER_RELEASED = "focus-trap.focus-after-released";
 const FOCUSOUT_PREVENTED = "focus-trap.focusout-prevented";
@@ -283008,7 +283087,7 @@ const useEscapeKeydown = (handler) => {
     }
   });
 };
-const _sfc_main$v = defineComponent({
+const _sfc_main$F = defineComponent({
   name: "ElFocusTrap",
   inheritAttrs: false,
   props: {
@@ -283250,10 +283329,10 @@ const _sfc_main$v = defineComponent({
     };
   }
 });
-function _sfc_render$9(_ctx, _cache2, $props, $setup, $data, $options) {
+function _sfc_render$g(_ctx, _cache2, $props, $setup, $data, $options) {
   return renderSlot(_ctx.$slots, "default", { handleKeydown: _ctx.onKeydown });
 }
-var ElFocusTrap = /* @__PURE__ */ _export_sfc$1(_sfc_main$v, [["render", _sfc_render$9], ["__file", "focus-trap.vue"]]);
+var ElFocusTrap = /* @__PURE__ */ _export_sfc$1(_sfc_main$F, [["render", _sfc_render$g], ["__file", "focus-trap.vue"]]);
 var E = "top", R = "bottom", W = "right", P = "left", me = "auto", G = [E, R, W, P], U$1 = "start", J = "end", Xe = "clippingParents", je = "viewport", K = "popper", Ye = "reference", De = G.reduce(function(t, e) {
   return t.concat([e + "-" + U$1, e + "-" + J]);
 }, []), Ee = [].concat(G, [me]).reduce(function(t, e) {
@@ -284159,11 +284238,11 @@ const usePopperContentDOM = (props, {
     updateZIndex
   };
 };
-const __default__$k = defineComponent({
+const __default__$n = defineComponent({
   name: "ElPopperContent"
 });
-const _sfc_main$u = /* @__PURE__ */ defineComponent({
-  ...__default__$k,
+const _sfc_main$E = /* @__PURE__ */ defineComponent({
+  ...__default__$n,
   props: popperContentProps,
   emits: popperContentEmits,
   setup(__props, { expose, emit }) {
@@ -284279,7 +284358,7 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var ElPopperContent = /* @__PURE__ */ _export_sfc$1(_sfc_main$u, [["__file", "content.vue"]]);
+var ElPopperContent = /* @__PURE__ */ _export_sfc$1(_sfc_main$E, [["__file", "content.vue"]]);
 const ElPopper = withInstall(Popper);
 const TOOLTIP_INJECTION_KEY = Symbol("elTooltip");
 function useTimeout() {
@@ -284546,11 +284625,11 @@ const composeEventHandlers = (theirsHandler, oursHandler, { checkForDefaultPreve
   };
   return handleEvent;
 };
-const __default__$j = defineComponent({
+const __default__$m = defineComponent({
   name: "ElTooltipTrigger"
 });
-const _sfc_main$t = /* @__PURE__ */ defineComponent({
-  ...__default__$j,
+const _sfc_main$D = /* @__PURE__ */ defineComponent({
+  ...__default__$m,
   props: useTooltipTriggerProps,
   setup(__props, { expose }) {
     const props = __props;
@@ -284609,7 +284688,7 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var ElTooltipTrigger = /* @__PURE__ */ _export_sfc$1(_sfc_main$t, [["__file", "trigger.vue"]]);
+var ElTooltipTrigger = /* @__PURE__ */ _export_sfc$1(_sfc_main$D, [["__file", "trigger.vue"]]);
 const teleportProps = buildProps({
   to: {
     type: definePropType([String, Object]),
@@ -284617,7 +284696,7 @@ const teleportProps = buildProps({
   },
   disabled: Boolean
 });
-const _sfc_main$s = /* @__PURE__ */ defineComponent({
+const _sfc_main$C = /* @__PURE__ */ defineComponent({
   __name: "teleport",
   props: teleportProps,
   setup(__props) {
@@ -284631,7 +284710,7 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Teleport = /* @__PURE__ */ _export_sfc$1(_sfc_main$s, [["__file", "teleport.vue"]]);
+var Teleport = /* @__PURE__ */ _export_sfc$1(_sfc_main$C, [["__file", "teleport.vue"]]);
 const ElTeleport = withInstall(Teleport);
 const usePopperContainerId = () => {
   const namespace = useGetDerivedNamespace();
@@ -284665,12 +284744,12 @@ const usePopperContainer = () => {
     selector
   };
 };
-const __default__$i = defineComponent({
+const __default__$l = defineComponent({
   name: "ElTooltipContent",
   inheritAttrs: false
 });
-const _sfc_main$r = /* @__PURE__ */ defineComponent({
-  ...__default__$i,
+const _sfc_main$B = /* @__PURE__ */ defineComponent({
+  ...__default__$l,
   props: useTooltipContentProps,
   setup(__props, { expose }) {
     const props = __props;
@@ -284844,12 +284923,12 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var ElTooltipContent = /* @__PURE__ */ _export_sfc$1(_sfc_main$r, [["__file", "content.vue"]]);
-const __default__$h = defineComponent({
+var ElTooltipContent = /* @__PURE__ */ _export_sfc$1(_sfc_main$B, [["__file", "content.vue"]]);
+const __default__$k = defineComponent({
   name: "ElTooltip"
 });
-const _sfc_main$q = /* @__PURE__ */ defineComponent({
-  ...__default__$h,
+const _sfc_main$A = /* @__PURE__ */ defineComponent({
+  ...__default__$k,
   props: useTooltipProps,
   emits: tooltipEmits,
   setup(__props, { expose, emit }) {
@@ -284999,7 +285078,7 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Tooltip$1 = /* @__PURE__ */ _export_sfc$1(_sfc_main$q, [["__file", "tooltip.vue"]]);
+var Tooltip$1 = /* @__PURE__ */ _export_sfc$1(_sfc_main$A, [["__file", "tooltip.vue"]]);
 const ElTooltip = withInstall(Tooltip$1);
 const badgeProps = buildProps({
   value: {
@@ -285033,11 +285112,11 @@ const badgeProps = buildProps({
     type: String
   }
 });
-const __default__$g = defineComponent({
+const __default__$j = defineComponent({
   name: "ElBadge"
 });
-const _sfc_main$p = /* @__PURE__ */ defineComponent({
-  ...__default__$g,
+const _sfc_main$z = /* @__PURE__ */ defineComponent({
+  ...__default__$j,
   props: badgeProps,
   setup(__props, { expose }) {
     const props = __props;
@@ -285098,7 +285177,7 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Badge = /* @__PURE__ */ _export_sfc$1(_sfc_main$p, [["__file", "badge.vue"]]);
+var Badge = /* @__PURE__ */ _export_sfc$1(_sfc_main$z, [["__file", "badge.vue"]]);
 const ElBadge = withInstall(Badge);
 const buttonGroupContextKey = Symbol("buttonGroupContextKey");
 const useDeprecated = ({ from, replacement, scope, version: version2, ref: ref2, type = "API" }, condition) => {
@@ -286168,11 +286247,11 @@ function useButtonCustomStyle(props) {
     return styles;
   });
 }
-const __default__$f = defineComponent({
+const __default__$i = defineComponent({
   name: "ElButton"
 });
-const _sfc_main$o = /* @__PURE__ */ defineComponent({
-  ...__default__$f,
+const _sfc_main$y = /* @__PURE__ */ defineComponent({
+  ...__default__$i,
   props: buttonProps,
   emits: buttonEmits,
   setup(__props, { expose, emit }) {
@@ -286238,16 +286317,16 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Button = /* @__PURE__ */ _export_sfc$1(_sfc_main$o, [["__file", "button.vue"]]);
+var Button = /* @__PURE__ */ _export_sfc$1(_sfc_main$y, [["__file", "button.vue"]]);
 const buttonGroupProps = {
   size: buttonProps.size,
   type: buttonProps.type
 };
-const __default__$e = defineComponent({
+const __default__$h = defineComponent({
   name: "ElButtonGroup"
 });
-const _sfc_main$n = /* @__PURE__ */ defineComponent({
-  ...__default__$e,
+const _sfc_main$x = /* @__PURE__ */ defineComponent({
+  ...__default__$h,
   props: buttonGroupProps,
   setup(__props) {
     const props = __props;
@@ -286265,11 +286344,576 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var ButtonGroup = /* @__PURE__ */ _export_sfc$1(_sfc_main$n, [["__file", "button-group.vue"]]);
+var ButtonGroup = /* @__PURE__ */ _export_sfc$1(_sfc_main$x, [["__file", "button-group.vue"]]);
 const ElButton = withInstall(Button, {
   ButtonGroup
 });
 withNoopInstall(ButtonGroup);
+const checkboxProps = {
+  modelValue: {
+    type: [Number, String, Boolean],
+    default: void 0
+  },
+  label: {
+    type: [String, Boolean, Number, Object],
+    default: void 0
+  },
+  value: {
+    type: [String, Boolean, Number, Object],
+    default: void 0
+  },
+  indeterminate: Boolean,
+  disabled: Boolean,
+  checked: Boolean,
+  name: {
+    type: String,
+    default: void 0
+  },
+  trueValue: {
+    type: [String, Number],
+    default: void 0
+  },
+  falseValue: {
+    type: [String, Number],
+    default: void 0
+  },
+  trueLabel: {
+    type: [String, Number],
+    default: void 0
+  },
+  falseLabel: {
+    type: [String, Number],
+    default: void 0
+  },
+  id: {
+    type: String,
+    default: void 0
+  },
+  border: Boolean,
+  size: useSizeProp,
+  tabindex: [String, Number],
+  validateEvent: {
+    type: Boolean,
+    default: true
+  },
+  ...useAriaProps(["ariaControls"])
+};
+const checkboxEmits = {
+  [UPDATE_MODEL_EVENT]: (val) => isString$2(val) || isNumber$1(val) || isBoolean$1(val),
+  change: (val) => isString$2(val) || isNumber$1(val) || isBoolean$1(val)
+};
+const checkboxGroupContextKey = Symbol("checkboxGroupContextKey");
+const useCheckboxDisabled = ({
+  model,
+  isChecked
+}) => {
+  const checkboxGroup = inject(checkboxGroupContextKey, void 0);
+  const isLimitDisabled = computed(() => {
+    var _a2, _b;
+    const max2 = (_a2 = checkboxGroup == null ? void 0 : checkboxGroup.max) == null ? void 0 : _a2.value;
+    const min2 = (_b = checkboxGroup == null ? void 0 : checkboxGroup.min) == null ? void 0 : _b.value;
+    return !isUndefined$1(max2) && model.value.length >= max2 && !isChecked.value || !isUndefined$1(min2) && model.value.length <= min2 && isChecked.value;
+  });
+  const isDisabled = useFormDisabled(computed(() => (checkboxGroup == null ? void 0 : checkboxGroup.disabled.value) || isLimitDisabled.value));
+  return {
+    isDisabled,
+    isLimitDisabled
+  };
+};
+const useCheckboxEvent = (props, {
+  model,
+  isLimitExceeded,
+  hasOwnLabel,
+  isDisabled,
+  isLabeledByFormItem
+}) => {
+  const checkboxGroup = inject(checkboxGroupContextKey, void 0);
+  const { formItem } = useFormItem();
+  const { emit } = getCurrentInstance();
+  function getLabeledValue(value) {
+    var _a2, _b, _c, _d;
+    return [true, props.trueValue, props.trueLabel].includes(value) ? (_b = (_a2 = props.trueValue) != null ? _a2 : props.trueLabel) != null ? _b : true : (_d = (_c = props.falseValue) != null ? _c : props.falseLabel) != null ? _d : false;
+  }
+  function emitChangeEvent(checked, e) {
+    emit("change", getLabeledValue(checked), e);
+  }
+  function handleChange(e) {
+    if (isLimitExceeded.value)
+      return;
+    const target = e.target;
+    emit("change", getLabeledValue(target.checked), e);
+  }
+  async function onClickRoot(e) {
+    if (isLimitExceeded.value)
+      return;
+    if (!hasOwnLabel.value && !isDisabled.value && isLabeledByFormItem.value) {
+      const eventTargets = e.composedPath();
+      const hasLabel = eventTargets.some((item) => item.tagName === "LABEL");
+      if (!hasLabel) {
+        model.value = getLabeledValue([false, props.falseValue, props.falseLabel].includes(model.value));
+        await nextTick();
+        emitChangeEvent(model.value, e);
+      }
+    }
+  }
+  const validateEvent = computed(() => (checkboxGroup == null ? void 0 : checkboxGroup.validateEvent) || props.validateEvent);
+  watch(() => props.modelValue, () => {
+    if (validateEvent.value) {
+      formItem == null ? void 0 : formItem.validate("change").catch((err) => debugWarn(err));
+    }
+  });
+  return {
+    handleChange,
+    onClickRoot
+  };
+};
+const useCheckboxModel = (props) => {
+  const selfModel = ref(false);
+  const { emit } = getCurrentInstance();
+  const checkboxGroup = inject(checkboxGroupContextKey, void 0);
+  const isGroup = computed(() => isUndefined$1(checkboxGroup) === false);
+  const isLimitExceeded = ref(false);
+  const model = computed({
+    get() {
+      var _a2, _b;
+      return isGroup.value ? (_a2 = checkboxGroup == null ? void 0 : checkboxGroup.modelValue) == null ? void 0 : _a2.value : (_b = props.modelValue) != null ? _b : selfModel.value;
+    },
+    set(val) {
+      var _a2, _b;
+      if (isGroup.value && isArray$2(val)) {
+        isLimitExceeded.value = ((_a2 = checkboxGroup == null ? void 0 : checkboxGroup.max) == null ? void 0 : _a2.value) !== void 0 && val.length > (checkboxGroup == null ? void 0 : checkboxGroup.max.value) && val.length > model.value.length;
+        isLimitExceeded.value === false && ((_b = checkboxGroup == null ? void 0 : checkboxGroup.changeEvent) == null ? void 0 : _b.call(checkboxGroup, val));
+      } else {
+        emit(UPDATE_MODEL_EVENT, val);
+        selfModel.value = val;
+      }
+    }
+  });
+  return {
+    model,
+    isGroup,
+    isLimitExceeded
+  };
+};
+const useCheckboxStatus = (props, slots, { model }) => {
+  const checkboxGroup = inject(checkboxGroupContextKey, void 0);
+  const isFocused = ref(false);
+  const actualValue = computed(() => {
+    if (!isPropAbsent(props.value)) {
+      return props.value;
+    }
+    return props.label;
+  });
+  const isChecked = computed(() => {
+    const value = model.value;
+    if (isBoolean$1(value)) {
+      return value;
+    } else if (isArray$2(value)) {
+      if (isObject$2(actualValue.value)) {
+        return value.map(toRaw).some((o) => isEqual(o, actualValue.value));
+      } else {
+        return value.map(toRaw).includes(actualValue.value);
+      }
+    } else if (value !== null && value !== void 0) {
+      return value === props.trueValue || value === props.trueLabel;
+    } else {
+      return !!value;
+    }
+  });
+  const checkboxButtonSize = useFormSize(computed(() => {
+    var _a2;
+    return (_a2 = checkboxGroup == null ? void 0 : checkboxGroup.size) == null ? void 0 : _a2.value;
+  }), {
+    prop: true
+  });
+  const checkboxSize = useFormSize(computed(() => {
+    var _a2;
+    return (_a2 = checkboxGroup == null ? void 0 : checkboxGroup.size) == null ? void 0 : _a2.value;
+  }));
+  const hasOwnLabel = computed(() => {
+    return !!slots.default || !isPropAbsent(actualValue.value);
+  });
+  return {
+    checkboxButtonSize,
+    isChecked,
+    isFocused,
+    checkboxSize,
+    hasOwnLabel,
+    actualValue
+  };
+};
+const useCheckbox = (props, slots) => {
+  const { formItem: elFormItem } = useFormItem();
+  const { model, isGroup, isLimitExceeded } = useCheckboxModel(props);
+  const {
+    isFocused,
+    isChecked,
+    checkboxButtonSize,
+    checkboxSize,
+    hasOwnLabel,
+    actualValue
+  } = useCheckboxStatus(props, slots, { model });
+  const { isDisabled } = useCheckboxDisabled({ model, isChecked });
+  const { inputId, isLabeledByFormItem } = useFormItemInputId(props, {
+    formItemContext: elFormItem,
+    disableIdGeneration: hasOwnLabel,
+    disableIdManagement: isGroup
+  });
+  const { handleChange, onClickRoot } = useCheckboxEvent(props, {
+    model,
+    isLimitExceeded,
+    hasOwnLabel,
+    isDisabled,
+    isLabeledByFormItem
+  });
+  const setStoreValue = () => {
+    function addToStore() {
+      var _a2, _b;
+      if (isArray$2(model.value) && !model.value.includes(actualValue.value)) {
+        model.value.push(actualValue.value);
+      } else {
+        model.value = (_b = (_a2 = props.trueValue) != null ? _a2 : props.trueLabel) != null ? _b : true;
+      }
+    }
+    props.checked && addToStore();
+  };
+  setStoreValue();
+  useDeprecated({
+    from: "label act as value",
+    replacement: "value",
+    version: "3.0.0",
+    scope: "el-checkbox",
+    ref: "https://element-plus.org/en-US/component/checkbox.html"
+  }, computed(() => isGroup.value && isPropAbsent(props.value)));
+  useDeprecated({
+    from: "true-label",
+    replacement: "true-value",
+    version: "3.0.0",
+    scope: "el-checkbox",
+    ref: "https://element-plus.org/en-US/component/checkbox.html"
+  }, computed(() => !!props.trueLabel));
+  useDeprecated({
+    from: "false-label",
+    replacement: "false-value",
+    version: "3.0.0",
+    scope: "el-checkbox",
+    ref: "https://element-plus.org/en-US/component/checkbox.html"
+  }, computed(() => !!props.falseLabel));
+  return {
+    inputId,
+    isLabeledByFormItem,
+    isChecked,
+    isDisabled,
+    isFocused,
+    checkboxButtonSize,
+    checkboxSize,
+    hasOwnLabel,
+    model,
+    actualValue,
+    handleChange,
+    onClickRoot
+  };
+};
+const __default__$g = defineComponent({
+  name: "ElCheckbox"
+});
+const _sfc_main$w = /* @__PURE__ */ defineComponent({
+  ...__default__$g,
+  props: checkboxProps,
+  emits: checkboxEmits,
+  setup(__props) {
+    const props = __props;
+    const slots = useSlots();
+    const {
+      inputId,
+      isLabeledByFormItem,
+      isChecked,
+      isDisabled,
+      isFocused,
+      checkboxSize,
+      hasOwnLabel,
+      model,
+      actualValue,
+      handleChange,
+      onClickRoot
+    } = useCheckbox(props, slots);
+    const ns = useNamespace("checkbox");
+    const compKls = computed(() => {
+      return [
+        ns.b(),
+        ns.m(checkboxSize.value),
+        ns.is("disabled", isDisabled.value),
+        ns.is("bordered", props.border),
+        ns.is("checked", isChecked.value)
+      ];
+    });
+    const spanKls = computed(() => {
+      return [
+        ns.e("input"),
+        ns.is("disabled", isDisabled.value),
+        ns.is("checked", isChecked.value),
+        ns.is("indeterminate", props.indeterminate),
+        ns.is("focus", isFocused.value)
+      ];
+    });
+    return (_ctx, _cache2) => {
+      return openBlock(), createBlock(resolveDynamicComponent(!unref(hasOwnLabel) && unref(isLabeledByFormItem) ? "span" : "label"), {
+        class: normalizeClass(unref(compKls)),
+        "aria-controls": _ctx.indeterminate ? _ctx.ariaControls : null,
+        onClick: unref(onClickRoot)
+      }, {
+        default: withCtx(() => {
+          var _a2, _b, _c, _d;
+          return [
+            createElementVNode("span", {
+              class: normalizeClass(unref(spanKls))
+            }, [
+              _ctx.trueValue || _ctx.falseValue || _ctx.trueLabel || _ctx.falseLabel ? withDirectives((openBlock(), createElementBlock("input", {
+                key: 0,
+                id: unref(inputId),
+                "onUpdate:modelValue": ($event) => isRef(model) ? model.value = $event : null,
+                class: normalizeClass(unref(ns).e("original")),
+                type: "checkbox",
+                indeterminate: _ctx.indeterminate,
+                name: _ctx.name,
+                tabindex: _ctx.tabindex,
+                disabled: unref(isDisabled),
+                "true-value": (_b = (_a2 = _ctx.trueValue) != null ? _a2 : _ctx.trueLabel) != null ? _b : true,
+                "false-value": (_d = (_c = _ctx.falseValue) != null ? _c : _ctx.falseLabel) != null ? _d : false,
+                onChange: unref(handleChange),
+                onFocus: ($event) => isFocused.value = true,
+                onBlur: ($event) => isFocused.value = false,
+                onClick: withModifiers(() => {
+                }, ["stop"])
+              }, null, 42, ["id", "onUpdate:modelValue", "indeterminate", "name", "tabindex", "disabled", "true-value", "false-value", "onChange", "onFocus", "onBlur", "onClick"])), [
+                [vModelCheckbox, unref(model)]
+              ]) : withDirectives((openBlock(), createElementBlock("input", {
+                key: 1,
+                id: unref(inputId),
+                "onUpdate:modelValue": ($event) => isRef(model) ? model.value = $event : null,
+                class: normalizeClass(unref(ns).e("original")),
+                type: "checkbox",
+                indeterminate: _ctx.indeterminate,
+                disabled: unref(isDisabled),
+                value: unref(actualValue),
+                name: _ctx.name,
+                tabindex: _ctx.tabindex,
+                onChange: unref(handleChange),
+                onFocus: ($event) => isFocused.value = true,
+                onBlur: ($event) => isFocused.value = false,
+                onClick: withModifiers(() => {
+                }, ["stop"])
+              }, null, 42, ["id", "onUpdate:modelValue", "indeterminate", "disabled", "value", "name", "tabindex", "onChange", "onFocus", "onBlur", "onClick"])), [
+                [vModelCheckbox, unref(model)]
+              ]),
+              createElementVNode("span", {
+                class: normalizeClass(unref(ns).e("inner"))
+              }, null, 2)
+            ], 2),
+            unref(hasOwnLabel) ? (openBlock(), createElementBlock("span", {
+              key: 0,
+              class: normalizeClass(unref(ns).e("label"))
+            }, [
+              renderSlot(_ctx.$slots, "default"),
+              !_ctx.$slots.default ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+                createTextVNode(toDisplayString(_ctx.label), 1)
+              ], 64)) : createCommentVNode("v-if", true)
+            ], 2)) : createCommentVNode("v-if", true)
+          ];
+        }),
+        _: 3
+      }, 8, ["class", "aria-controls", "onClick"]);
+    };
+  }
+});
+var Checkbox = /* @__PURE__ */ _export_sfc$1(_sfc_main$w, [["__file", "checkbox.vue"]]);
+const __default__$f = defineComponent({
+  name: "ElCheckboxButton"
+});
+const _sfc_main$v = /* @__PURE__ */ defineComponent({
+  ...__default__$f,
+  props: checkboxProps,
+  emits: checkboxEmits,
+  setup(__props) {
+    const props = __props;
+    const slots = useSlots();
+    const {
+      isFocused,
+      isChecked,
+      isDisabled,
+      checkboxButtonSize,
+      model,
+      actualValue,
+      handleChange
+    } = useCheckbox(props, slots);
+    const checkboxGroup = inject(checkboxGroupContextKey, void 0);
+    const ns = useNamespace("checkbox");
+    const activeStyle = computed(() => {
+      var _a2, _b, _c, _d;
+      const fillValue = (_b = (_a2 = checkboxGroup == null ? void 0 : checkboxGroup.fill) == null ? void 0 : _a2.value) != null ? _b : "";
+      return {
+        backgroundColor: fillValue,
+        borderColor: fillValue,
+        color: (_d = (_c = checkboxGroup == null ? void 0 : checkboxGroup.textColor) == null ? void 0 : _c.value) != null ? _d : "",
+        boxShadow: fillValue ? `-1px 0 0 0 ${fillValue}` : void 0
+      };
+    });
+    const labelKls = computed(() => {
+      return [
+        ns.b("button"),
+        ns.bm("button", checkboxButtonSize.value),
+        ns.is("disabled", isDisabled.value),
+        ns.is("checked", isChecked.value),
+        ns.is("focus", isFocused.value)
+      ];
+    });
+    return (_ctx, _cache2) => {
+      var _a2, _b, _c, _d;
+      return openBlock(), createElementBlock("label", {
+        class: normalizeClass(unref(labelKls))
+      }, [
+        _ctx.trueValue || _ctx.falseValue || _ctx.trueLabel || _ctx.falseLabel ? withDirectives((openBlock(), createElementBlock("input", {
+          key: 0,
+          "onUpdate:modelValue": ($event) => isRef(model) ? model.value = $event : null,
+          class: normalizeClass(unref(ns).be("button", "original")),
+          type: "checkbox",
+          name: _ctx.name,
+          tabindex: _ctx.tabindex,
+          disabled: unref(isDisabled),
+          "true-value": (_b = (_a2 = _ctx.trueValue) != null ? _a2 : _ctx.trueLabel) != null ? _b : true,
+          "false-value": (_d = (_c = _ctx.falseValue) != null ? _c : _ctx.falseLabel) != null ? _d : false,
+          onChange: unref(handleChange),
+          onFocus: ($event) => isFocused.value = true,
+          onBlur: ($event) => isFocused.value = false,
+          onClick: withModifiers(() => {
+          }, ["stop"])
+        }, null, 42, ["onUpdate:modelValue", "name", "tabindex", "disabled", "true-value", "false-value", "onChange", "onFocus", "onBlur", "onClick"])), [
+          [vModelCheckbox, unref(model)]
+        ]) : withDirectives((openBlock(), createElementBlock("input", {
+          key: 1,
+          "onUpdate:modelValue": ($event) => isRef(model) ? model.value = $event : null,
+          class: normalizeClass(unref(ns).be("button", "original")),
+          type: "checkbox",
+          name: _ctx.name,
+          tabindex: _ctx.tabindex,
+          disabled: unref(isDisabled),
+          value: unref(actualValue),
+          onChange: unref(handleChange),
+          onFocus: ($event) => isFocused.value = true,
+          onBlur: ($event) => isFocused.value = false,
+          onClick: withModifiers(() => {
+          }, ["stop"])
+        }, null, 42, ["onUpdate:modelValue", "name", "tabindex", "disabled", "value", "onChange", "onFocus", "onBlur", "onClick"])), [
+          [vModelCheckbox, unref(model)]
+        ]),
+        _ctx.$slots.default || _ctx.label ? (openBlock(), createElementBlock("span", {
+          key: 2,
+          class: normalizeClass(unref(ns).be("button", "inner")),
+          style: normalizeStyle(unref(isChecked) ? unref(activeStyle) : void 0)
+        }, [
+          renderSlot(_ctx.$slots, "default", {}, () => [
+            createTextVNode(toDisplayString(_ctx.label), 1)
+          ])
+        ], 6)) : createCommentVNode("v-if", true)
+      ], 2);
+    };
+  }
+});
+var CheckboxButton = /* @__PURE__ */ _export_sfc$1(_sfc_main$v, [["__file", "checkbox-button.vue"]]);
+const checkboxGroupProps = buildProps({
+  modelValue: {
+    type: definePropType(Array),
+    default: () => []
+  },
+  disabled: Boolean,
+  min: Number,
+  max: Number,
+  size: useSizeProp,
+  fill: String,
+  textColor: String,
+  tag: {
+    type: String,
+    default: "div"
+  },
+  validateEvent: {
+    type: Boolean,
+    default: true
+  },
+  ...useAriaProps(["ariaLabel"])
+});
+const checkboxGroupEmits = {
+  [UPDATE_MODEL_EVENT]: (val) => isArray$2(val),
+  change: (val) => isArray$2(val)
+};
+const __default__$e = defineComponent({
+  name: "ElCheckboxGroup"
+});
+const _sfc_main$u = /* @__PURE__ */ defineComponent({
+  ...__default__$e,
+  props: checkboxGroupProps,
+  emits: checkboxGroupEmits,
+  setup(__props, { emit }) {
+    const props = __props;
+    const ns = useNamespace("checkbox");
+    const { formItem } = useFormItem();
+    const { inputId: groupId, isLabeledByFormItem } = useFormItemInputId(props, {
+      formItemContext: formItem
+    });
+    const changeEvent = async (value) => {
+      emit(UPDATE_MODEL_EVENT, value);
+      await nextTick();
+      emit("change", value);
+    };
+    const modelValue = computed({
+      get() {
+        return props.modelValue;
+      },
+      set(val) {
+        changeEvent(val);
+      }
+    });
+    provide(checkboxGroupContextKey, {
+      ...pick(toRefs(props), [
+        "size",
+        "min",
+        "max",
+        "disabled",
+        "validateEvent",
+        "fill",
+        "textColor"
+      ]),
+      modelValue,
+      changeEvent
+    });
+    watch(() => props.modelValue, () => {
+      if (props.validateEvent) {
+        formItem == null ? void 0 : formItem.validate("change").catch((err) => debugWarn(err));
+      }
+    });
+    return (_ctx, _cache2) => {
+      var _a2;
+      return openBlock(), createBlock(resolveDynamicComponent(_ctx.tag), {
+        id: unref(groupId),
+        class: normalizeClass(unref(ns).b("group")),
+        role: "group",
+        "aria-label": !unref(isLabeledByFormItem) ? _ctx.ariaLabel || "checkbox-group" : void 0,
+        "aria-labelledby": unref(isLabeledByFormItem) ? (_a2 = unref(formItem)) == null ? void 0 : _a2.labelId : void 0
+      }, {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 8, ["id", "class", "aria-label", "aria-labelledby"]);
+    };
+  }
+});
+var CheckboxGroup = /* @__PURE__ */ _export_sfc$1(_sfc_main$u, [["__file", "checkbox-group.vue"]]);
+const ElCheckbox = withInstall(Checkbox, {
+  CheckboxButton,
+  CheckboxGroup
+});
+withNoopInstall(CheckboxButton);
+const ElCheckboxGroup = withNoopInstall(CheckboxGroup);
 const escapeStringRegexp = (string = "") => string.replace(/[|\\{}()[\]^$+*?.]/g, "\\$&").replace(/-/g, "\\x2d");
 const tagProps = buildProps({
   type: {
@@ -286299,7 +286943,7 @@ const tagEmits = {
 const __default__$d = defineComponent({
   name: "ElTag"
 });
-const _sfc_main$m = /* @__PURE__ */ defineComponent({
+const _sfc_main$t = /* @__PURE__ */ defineComponent({
   ...__default__$d,
   props: tagProps,
   emits: tagEmits,
@@ -286387,7 +287031,7 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Tag = /* @__PURE__ */ _export_sfc$1(_sfc_main$m, [["__file", "tag.vue"]]);
+var Tag = /* @__PURE__ */ _export_sfc$1(_sfc_main$t, [["__file", "tag.vue"]]);
 const ElTag = withInstall(Tag);
 const nodeList = /* @__PURE__ */ new Map();
 if (isClient) {
@@ -286662,7 +287306,7 @@ const COMPONENT_NAME$3 = "ElColorAlphaSlider";
 const __default__$c = defineComponent({
   name: COMPONENT_NAME$3
 });
-const _sfc_main$l = /* @__PURE__ */ defineComponent({
+const _sfc_main$s = /* @__PURE__ */ defineComponent({
   ...__default__$c,
   props: alphaSliderProps,
   setup(__props, { expose }) {
@@ -286715,8 +287359,8 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var AlphaSlider = /* @__PURE__ */ _export_sfc$1(_sfc_main$l, [["__file", "alpha-slider.vue"]]);
-const _sfc_main$k = defineComponent({
+var AlphaSlider = /* @__PURE__ */ _export_sfc$1(_sfc_main$s, [["__file", "alpha-slider.vue"]]);
+const _sfc_main$r = defineComponent({
   name: "ElColorHueSlider",
   props: {
     color: {
@@ -286817,7 +287461,7 @@ const _sfc_main$k = defineComponent({
     };
   }
 });
-function _sfc_render$8(_ctx, _cache2, $props, $setup, $data, $options) {
+function _sfc_render$f(_ctx, _cache2, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
     class: normalizeClass([_ctx.ns.b(), _ctx.ns.is("vertical", _ctx.vertical)])
   }, [
@@ -286836,7 +287480,7 @@ function _sfc_render$8(_ctx, _cache2, $props, $setup, $data, $options) {
     }, null, 6)
   ], 2);
 }
-var HueSlider = /* @__PURE__ */ _export_sfc$1(_sfc_main$k, [["render", _sfc_render$8], ["__file", "hue-slider.vue"]]);
+var HueSlider = /* @__PURE__ */ _export_sfc$1(_sfc_main$r, [["render", _sfc_render$f], ["__file", "hue-slider.vue"]]);
 const colorPickerProps = buildProps({
   modelValue: String,
   id: String,
@@ -287153,7 +287797,7 @@ let Color$1 = class Color2 {
     }
   }
 };
-const _sfc_main$j = defineComponent({
+const _sfc_main$q = defineComponent({
   props: {
     colors: {
       type: Array,
@@ -287202,7 +287846,7 @@ const _sfc_main$j = defineComponent({
     };
   }
 });
-function _sfc_render$7(_ctx, _cache2, $props, $setup, $data, $options) {
+function _sfc_render$e(_ctx, _cache2, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
     class: normalizeClass(_ctx.ns.b())
   }, [
@@ -287227,8 +287871,8 @@ function _sfc_render$7(_ctx, _cache2, $props, $setup, $data, $options) {
     ], 2)
   ], 2);
 }
-var Predefine = /* @__PURE__ */ _export_sfc$1(_sfc_main$j, [["render", _sfc_render$7], ["__file", "predefine.vue"]]);
-const _sfc_main$i = defineComponent({
+var Predefine = /* @__PURE__ */ _export_sfc$1(_sfc_main$q, [["render", _sfc_render$e], ["__file", "predefine.vue"]]);
+const _sfc_main$p = defineComponent({
   name: "ElSlPanel",
   props: {
     color: {
@@ -287298,7 +287942,7 @@ const _sfc_main$i = defineComponent({
     };
   }
 });
-function _sfc_render$6(_ctx, _cache2, $props, $setup, $data, $options) {
+function _sfc_render$d(_ctx, _cache2, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
     class: normalizeClass(_ctx.ns.b()),
     style: normalizeStyle({
@@ -287322,11 +287966,11 @@ function _sfc_render$6(_ctx, _cache2, $props, $setup, $data, $options) {
     ], 6)
   ], 6);
 }
-var SvPanel = /* @__PURE__ */ _export_sfc$1(_sfc_main$i, [["render", _sfc_render$6], ["__file", "sv-panel.vue"]]);
+var SvPanel = /* @__PURE__ */ _export_sfc$1(_sfc_main$p, [["render", _sfc_render$d], ["__file", "sv-panel.vue"]]);
 const __default__$b = defineComponent({
   name: "ElColorPicker"
 });
-const _sfc_main$h = /* @__PURE__ */ defineComponent({
+const _sfc_main$o = /* @__PURE__ */ defineComponent({
   ...__default__$b,
   props: colorPickerProps,
   emits: colorPickerEmits,
@@ -287701,7 +288345,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var ColorPicker = /* @__PURE__ */ _export_sfc$1(_sfc_main$h, [["__file", "color-picker.vue"]]);
+var ColorPicker = /* @__PURE__ */ _export_sfc$1(_sfc_main$o, [["__file", "color-picker.vue"]]);
 const ElColorPicker = withInstall(ColorPicker);
 const configProviderProps = buildProps({
   a11y: {
@@ -287798,7 +288442,7 @@ const dividerProps = buildProps({
 const __default__$a = defineComponent({
   name: "ElDivider"
 });
-const _sfc_main$g = /* @__PURE__ */ defineComponent({
+const _sfc_main$n = /* @__PURE__ */ defineComponent({
   ...__default__$a,
   props: dividerProps,
   setup(__props) {
@@ -287825,12 +288469,12 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Divider = /* @__PURE__ */ _export_sfc$1(_sfc_main$g, [["__file", "divider.vue"]]);
+var Divider = /* @__PURE__ */ _export_sfc$1(_sfc_main$n, [["__file", "divider.vue"]]);
 const ElDivider = withInstall(Divider);
 const __default__$9 = defineComponent({
   name: "ImgEmpty"
 });
-const _sfc_main$f = /* @__PURE__ */ defineComponent({
+const _sfc_main$m = /* @__PURE__ */ defineComponent({
   ...__default__$9,
   setup(__props) {
     const ns = useNamespace("empty");
@@ -287979,7 +288623,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var ImgEmpty = /* @__PURE__ */ _export_sfc$1(_sfc_main$f, [["__file", "img-empty.vue"]]);
+var ImgEmpty = /* @__PURE__ */ _export_sfc$1(_sfc_main$m, [["__file", "img-empty.vue"]]);
 const emptyProps = buildProps({
   image: {
     type: String,
@@ -287994,7 +288638,7 @@ const emptyProps = buildProps({
 const __default__$8 = defineComponent({
   name: "ElEmpty"
 });
-const _sfc_main$e = /* @__PURE__ */ defineComponent({
+const _sfc_main$l = /* @__PURE__ */ defineComponent({
   ...__default__$8,
   props: emptyProps,
   setup(__props) {
@@ -288036,7 +288680,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Empty = /* @__PURE__ */ _export_sfc$1(_sfc_main$e, [["__file", "empty.vue"]]);
+var Empty = /* @__PURE__ */ _export_sfc$1(_sfc_main$l, [["__file", "empty.vue"]]);
 const ElEmpty = withInstall(Empty);
 const inputNumberProps = buildProps({
   id: {
@@ -288096,7 +288740,7 @@ const inputNumberEmits = {
 const __default__$7 = defineComponent({
   name: "ElInputNumber"
 });
-const _sfc_main$d = /* @__PURE__ */ defineComponent({
+const _sfc_main$k = /* @__PURE__ */ defineComponent({
   ...__default__$7,
   props: inputNumberProps,
   emits: inputNumberEmits,
@@ -288425,7 +289069,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var InputNumber = /* @__PURE__ */ _export_sfc$1(_sfc_main$d, [["__file", "input-number.vue"]]);
+var InputNumber = /* @__PURE__ */ _export_sfc$1(_sfc_main$k, [["__file", "input-number.vue"]]);
 const ElInputNumber = withInstall(InputNumber);
 function useCalcInputWidth() {
   const calculatorRef = shallowRef();
@@ -288521,7 +289165,7 @@ function useOption(props, states) {
     updateOption
   };
 }
-const _sfc_main$c = defineComponent({
+const _sfc_main$j = defineComponent({
   name: "ElOption",
   componentName: "ElOption",
   props: {
@@ -288594,7 +289238,7 @@ const _sfc_main$c = defineComponent({
     };
   }
 });
-function _sfc_render$5(_ctx, _cache2, $props, $setup, $data, $options) {
+function _sfc_render$c(_ctx, _cache2, $props, $setup, $data, $options) {
   return withDirectives((openBlock(), createElementBlock("li", {
     id: _ctx.id,
     class: normalizeClass(_ctx.containerKls),
@@ -288611,8 +289255,8 @@ function _sfc_render$5(_ctx, _cache2, $props, $setup, $data, $options) {
     [vShow, _ctx.visible]
   ]);
 }
-var Option = /* @__PURE__ */ _export_sfc$1(_sfc_main$c, [["render", _sfc_render$5], ["__file", "option.vue"]]);
-const _sfc_main$b = defineComponent({
+var Option = /* @__PURE__ */ _export_sfc$1(_sfc_main$j, [["render", _sfc_render$c], ["__file", "option.vue"]]);
+const _sfc_main$i = defineComponent({
   name: "ElSelectDropdown",
   componentName: "ElSelectDropdown",
   setup() {
@@ -288639,7 +289283,7 @@ const _sfc_main$b = defineComponent({
     };
   }
 });
-function _sfc_render$4(_ctx, _cache2, $props, $setup, $data, $options) {
+function _sfc_render$b(_ctx, _cache2, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
     class: normalizeClass([_ctx.ns.b("dropdown"), _ctx.ns.is("multiple", _ctx.isMultiple), _ctx.popperClass]),
     style: normalizeStyle({ [_ctx.isFitInputWidth ? "width" : "minWidth"]: _ctx.minWidth })
@@ -288659,7 +289303,7 @@ function _sfc_render$4(_ctx, _cache2, $props, $setup, $data, $options) {
     ], 2)) : createCommentVNode("v-if", true)
   ], 6);
 }
-var ElSelectMenu = /* @__PURE__ */ _export_sfc$1(_sfc_main$b, [["render", _sfc_render$4], ["__file", "select-dropdown.vue"]]);
+var ElSelectMenu = /* @__PURE__ */ _export_sfc$1(_sfc_main$i, [["render", _sfc_render$b], ["__file", "select-dropdown.vue"]]);
 const useSelect = (props, emit) => {
   const { t } = useLocale();
   const contentId = useId();
@@ -289421,7 +290065,7 @@ const SelectProps = buildProps({
   ...useAriaProps(["ariaLabel"])
 });
 const COMPONENT_NAME$2 = "ElSelect";
-const _sfc_main$a = defineComponent({
+const _sfc_main$h = defineComponent({
   name: COMPONENT_NAME$2,
   componentName: COMPONENT_NAME$2,
   components: {
@@ -289484,7 +290128,7 @@ const _sfc_main$a = defineComponent({
     };
   }
 });
-function _sfc_render$3(_ctx, _cache2, $props, $setup, $data, $options) {
+function _sfc_render$a(_ctx, _cache2, $props, $setup, $data, $options) {
   const _component_el_tag = resolveComponent("el-tag");
   const _component_el_tooltip = resolveComponent("el-tooltip");
   const _component_el_icon = resolveComponent("el-icon");
@@ -289831,8 +290475,8 @@ function _sfc_render$3(_ctx, _cache2, $props, $setup, $data, $options) {
     [_directive_click_outside, _ctx.handleClickOutside, _ctx.popperRef]
   ]);
 }
-var Select = /* @__PURE__ */ _export_sfc$1(_sfc_main$a, [["render", _sfc_render$3], ["__file", "select.vue"]]);
-const _sfc_main$9 = defineComponent({
+var Select = /* @__PURE__ */ _export_sfc$1(_sfc_main$h, [["render", _sfc_render$a], ["__file", "select.vue"]]);
+const _sfc_main$g = defineComponent({
   name: "ElOptionGroup",
   componentName: "ElOptionGroup",
   props: {
@@ -289885,7 +290529,7 @@ const _sfc_main$9 = defineComponent({
     };
   }
 });
-function _sfc_render$2(_ctx, _cache2, $props, $setup, $data, $options) {
+function _sfc_render$9(_ctx, _cache2, $props, $setup, $data, $options) {
   return withDirectives((openBlock(), createElementBlock("ul", {
     ref: "groupRef",
     class: normalizeClass(_ctx.ns.be("group", "wrap"))
@@ -289904,7 +290548,7 @@ function _sfc_render$2(_ctx, _cache2, $props, $setup, $data, $options) {
     [vShow, _ctx.visible]
   ]);
 }
-var OptionGroup = /* @__PURE__ */ _export_sfc$1(_sfc_main$9, [["render", _sfc_render$2], ["__file", "option-group.vue"]]);
+var OptionGroup = /* @__PURE__ */ _export_sfc$1(_sfc_main$g, [["render", _sfc_render$9], ["__file", "option-group.vue"]]);
 const ElSelect = withInstall(Select, {
   Option,
   OptionGroup
@@ -289967,7 +290611,7 @@ const progressProps = buildProps({
 const __default__$6 = defineComponent({
   name: "ElProgress"
 });
-const _sfc_main$8 = /* @__PURE__ */ defineComponent({
+const _sfc_main$f = /* @__PURE__ */ defineComponent({
   ...__default__$6,
   props: progressProps,
   setup(__props) {
@@ -290164,7 +290808,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Progress = /* @__PURE__ */ _export_sfc$1(_sfc_main$8, [["__file", "progress.vue"]]);
+var Progress = /* @__PURE__ */ _export_sfc$1(_sfc_main$f, [["__file", "progress.vue"]]);
 const ElProgress = withInstall(Progress);
 const isValidComponentSize = (val) => ["", ...componentSizes].includes(val);
 const switchProps = buildProps({
@@ -290237,7 +290881,7 @@ const COMPONENT_NAME$1 = "ElSwitch";
 const __default__$5 = defineComponent({
   name: COMPONENT_NAME$1
 });
-const _sfc_main$7 = /* @__PURE__ */ defineComponent({
+const _sfc_main$e = /* @__PURE__ */ defineComponent({
   ...__default__$5,
   props: switchProps,
   emits: switchEmits,
@@ -290448,7 +291092,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Switch = /* @__PURE__ */ _export_sfc$1(_sfc_main$7, [["__file", "switch.vue"]]);
+var Switch = /* @__PURE__ */ _export_sfc$1(_sfc_main$e, [["__file", "switch.vue"]]);
 const ElSwitch = withInstall(Switch);
 const uploadContextKey = Symbol("uploadContextKey");
 const SCOPE$1 = "ElUpload";
@@ -290654,7 +291298,7 @@ const uploadListEmits = {
 const __default__$4 = defineComponent({
   name: "ElUploadList"
 });
-const _sfc_main$6 = /* @__PURE__ */ defineComponent({
+const _sfc_main$d = /* @__PURE__ */ defineComponent({
   ...__default__$4,
   props: uploadListProps,
   emits: uploadListEmits,
@@ -290815,7 +291459,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var UploadList = /* @__PURE__ */ _export_sfc$1(_sfc_main$6, [["__file", "upload-list.vue"]]);
+var UploadList = /* @__PURE__ */ _export_sfc$1(_sfc_main$d, [["__file", "upload-list.vue"]]);
 const uploadDraggerProps = buildProps({
   disabled: {
     type: Boolean,
@@ -290829,7 +291473,7 @@ const COMPONENT_NAME = "ElUploadDrag";
 const __default__$3 = defineComponent({
   name: COMPONENT_NAME
 });
-const _sfc_main$5 = /* @__PURE__ */ defineComponent({
+const _sfc_main$c = /* @__PURE__ */ defineComponent({
   ...__default__$3,
   props: uploadDraggerProps,
   emits: uploadDraggerEmits,
@@ -290865,7 +291509,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var UploadDragger = /* @__PURE__ */ _export_sfc$1(_sfc_main$5, [["__file", "upload-dragger.vue"]]);
+var UploadDragger = /* @__PURE__ */ _export_sfc$1(_sfc_main$c, [["__file", "upload-dragger.vue"]]);
 const uploadContentProps = buildProps({
   ...uploadBaseProps,
   beforeUpload: {
@@ -290901,7 +291545,7 @@ const __default__$2 = defineComponent({
   name: "ElUploadContent",
   inheritAttrs: false
 });
-const _sfc_main$4 = /* @__PURE__ */ defineComponent({
+const _sfc_main$b = /* @__PURE__ */ defineComponent({
   ...__default__$2,
   props: uploadContentProps,
   setup(__props, { expose }) {
@@ -291083,7 +291727,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var UploadContent = /* @__PURE__ */ _export_sfc$1(_sfc_main$4, [["__file", "upload-content.vue"]]);
+var UploadContent = /* @__PURE__ */ _export_sfc$1(_sfc_main$b, [["__file", "upload-content.vue"]]);
 const SCOPE = "ElUpload";
 const revokeFileObjectURL = (file) => {
   var _a2;
@@ -291215,7 +291859,7 @@ const useHandlers = (props, uploadRef) => {
 const __default__$1 = defineComponent({
   name: "ElUpload"
 });
-const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+const _sfc_main$a = /* @__PURE__ */ defineComponent({
   ...__default__$1,
   props: uploadProps,
   setup(__props, { expose }) {
@@ -291330,7 +291974,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Upload = /* @__PURE__ */ _export_sfc$1(_sfc_main$3, [["__file", "upload.vue"]]);
+var Upload = /* @__PURE__ */ _export_sfc$1(_sfc_main$a, [["__file", "upload.vue"]]);
 const ElUpload = withInstall(Upload);
 function createLoadingComponent(options) {
   let afterLeaveTimer;
@@ -291722,7 +292366,7 @@ const getOffsetOrSpace = (id, offset) => {
 const __default__ = defineComponent({
   name: "ElMessage"
 });
-const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+const _sfc_main$9 = /* @__PURE__ */ defineComponent({
   ...__default__,
   props: messageProps,
   emits: messageEmits,
@@ -291855,7 +292499,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var MessageConstructor = /* @__PURE__ */ _export_sfc$1(_sfc_main$2, [["__file", "message.vue"]]);
+var MessageConstructor = /* @__PURE__ */ _export_sfc$1(_sfc_main$9, [["__file", "message.vue"]]);
 let seed = 1;
 const normalizeOptions = (params2) => {
   const options = !params2 || isString$2(params2) || isVNode(params2) || isFunction$3(params2) ? { message: params2 } : params2;
@@ -339851,6 +340495,13 @@ function getThreeGropObjectJsonPolygon(positions) {
   animate();
   return returnPromise;
 }
+function calculateDistenceXYZ(vertices) {
+  let totalLength = 0;
+  for (let i = 0; i < vertices.length - 1; i++) {
+    totalLength += Cartesian3.distance(vertices[i], vertices[i + 1]);
+  }
+  return totalLength;
+}
 function calculateCentroidXYZ(vertices) {
   const n = vertices.length;
   let sumX = 0, sumY = 0, sumZ = 0, totalArea = 0;
@@ -339965,6 +340616,12 @@ function excavationAndfillinganalysis(planePositions, terrainPositions, sampling
     excavationLinePositions
   };
 }
+function calculateAreaXYZ(vertices) {
+  vertices.push(vertices[0]);
+  let coordPositions = cartesianToDegrees(vertices);
+  var polygonFeatures = polygon([coordPositions]);
+  return area$1(polygonFeatures);
+}
 class PrimitiveRotation {
   constructor(viewer, privateObj, center2, fun) {
     this.primitiveGeometry = null;
@@ -349584,7 +350241,7 @@ class Tooltip {
       this.tooltip.style.display = "none";
     }
   }
-  destroy() {
+  destroy(_canvas2) {
     if (this.handler) {
       this.handler.destroy();
     }
@@ -357587,7 +358244,7 @@ function unifiedheight(positions, height) {
   });
   return newPosition;
 }
-const _sfc_main$1 = {
+const _sfc_main$8 = {
   name: "ToolWellSiteSelection",
   components: {
     CircleClose: circle_close_default,
@@ -358033,6 +358690,12 @@ const _sfc_main$1 = {
       removeAllAction();
       resetAnalysis();
     }
+    function close() {
+      reset();
+      resetAnalysis();
+      removeAllAction();
+      ctx.emit("close", "WellSiteSelection");
+    }
     return {
       loadWellSiteShp,
       polygonShpObject,
@@ -358052,7 +358715,8 @@ const _sfc_main$1 = {
       exportShp,
       reset,
       polygonHeight,
-      changePositionsHeight
+      changePositionsHeight,
+      close
     };
   }
 };
@@ -358065,24 +358729,25 @@ const _export_sfc = (sfc, props) => {
   }
   return target;
 };
-const _hoisted_1$1 = { class: "header" };
-const _hoisted_2$1 = { class: "container" };
-const _hoisted_3$1 = { class: "moveingSection" };
-const _hoisted_4$1 = { class: "load3DTiles" };
-const _hoisted_5$1 = { class: "importShp" };
-const _hoisted_6$1 = { class: "fileNameContainer" };
-const _hoisted_7$1 = { class: "polygonPosition" };
-const _hoisted_8$1 = { class: "samplingInterval" };
-const _hoisted_9 = { class: "sildloop" };
-const _hoisted_10 = { class: "infoBox" };
+const _hoisted_1$8 = ["visible"];
+const _hoisted_2$8 = { class: "header" };
+const _hoisted_3$8 = { class: "container" };
+const _hoisted_4$7 = { class: "moveingSection" };
+const _hoisted_5$7 = { class: "load3DTiles" };
+const _hoisted_6$1 = { class: "importShp" };
+const _hoisted_7$1 = { class: "fileNameContainer" };
+const _hoisted_8$1 = { class: "polygonPosition" };
+const _hoisted_9 = { class: "samplingInterval" };
+const _hoisted_10 = { class: "sildloop" };
 const _hoisted_11 = { class: "infoBox" };
 const _hoisted_12 = { class: "infoBox" };
-const _hoisted_13 = { class: "buttonDiv" };
+const _hoisted_13 = { class: "infoBox" };
 const _hoisted_14 = { class: "buttonDiv" };
-const _hoisted_15 = { class: "colorPicke" };
+const _hoisted_15 = { class: "buttonDiv" };
 const _hoisted_16 = { class: "colorPicke" };
-const _hoisted_17 = { class: "showLine" };
-function _sfc_render$1(_ctx, _cache2, $props, $setup, $data, $options) {
+const _hoisted_17 = { class: "colorPicke" };
+const _hoisted_18 = { class: "showLine" };
+function _sfc_render$8(_ctx, _cache2, $props, $setup, $data, $options) {
   const _component_CircleClose = resolveComponent("CircleClose");
   const _component_ElButton = resolveComponent("ElButton");
   const _component_ElInput = resolveComponent("ElInput");
@@ -358093,14 +358758,18 @@ function _sfc_render$1(_ctx, _cache2, $props, $setup, $data, $options) {
   const _component_el_switch = resolveComponent("el-switch");
   return openBlock(), createElementBlock("div", {
     class: "component-ui",
-    style: normalizeStyle(_ctx.$props.style)
+    style: normalizeStyle(_ctx.$props.style),
+    visible: _ctx.$props.visible
   }, [
-    createElementVNode("div", _hoisted_1$1, [
+    createElementVNode("div", _hoisted_2$8, [
       _cache2[12] || (_cache2[12] = createElementVNode("span", null, "井场选址", -1)),
-      createVNode(_component_CircleClose, { class: "clostBth" })
+      createVNode(_component_CircleClose, {
+        class: "clostBth",
+        onClick: $setup.close
+      }, null, 8, ["onClick"])
     ]),
-    createElementVNode("div", _hoisted_2$1, [
-      createElementVNode("div", _hoisted_3$1, [
+    createElementVNode("div", _hoisted_3$8, [
+      createElementVNode("div", _hoisted_4$7, [
         createElementVNode("section", {
           onClick: _cache2[0] || (_cache2[0] = ($event) => $setup.transformAction())
         }, _cache2[13] || (_cache2[13] = [
@@ -358127,7 +358796,7 @@ function _sfc_render$1(_ctx, _cache2, $props, $setup, $data, $options) {
           }, 8, ["onClick"])
         ])
       ]),
-      createElementVNode("div", _hoisted_4$1, [
+      createElementVNode("div", _hoisted_5$7, [
         _cache2[17] || (_cache2[17] = createElementVNode("span", null, "导入3Dtilest：", -1)),
         createVNode(_component_ElInput, {
           class: "modelUrl",
@@ -358148,9 +358817,9 @@ function _sfc_render$1(_ctx, _cache2, $props, $setup, $data, $options) {
           }, 8, ["onClick"])
         ])
       ]),
-      createElementVNode("div", _hoisted_5$1, [
+      createElementVNode("div", _hoisted_6$1, [
         _cache2[19] || (_cache2[19] = createElementVNode("span", null, "导入井场范围(shp)：", -1)),
-        createElementVNode("div", _hoisted_6$1, toDisplayString($setup.polygonShpObject.fileName), 1),
+        createElementVNode("div", _hoisted_7$1, toDisplayString($setup.polygonShpObject.fileName), 1),
         createVNode(_component_el_upload, {
           ref: "uploadRef",
           multiple: false,
@@ -358171,7 +358840,7 @@ function _sfc_render$1(_ctx, _cache2, $props, $setup, $data, $options) {
           _: 1
         }, 8, ["on-change"])
       ]),
-      createElementVNode("div", _hoisted_7$1, [
+      createElementVNode("div", _hoisted_8$1, [
         _cache2[21] || (_cache2[21] = createElementVNode("span", null, "井口坐标：", -1)),
         createElementVNode("div", null, [
           createVNode(_component_ElInput, {
@@ -358192,7 +358861,7 @@ function _sfc_render$1(_ctx, _cache2, $props, $setup, $data, $options) {
           }, 8, ["onClick"])
         ])
       ]),
-      createElementVNode("div", _hoisted_8$1, [
+      createElementVNode("div", _hoisted_9, [
         _cache2[22] || (_cache2[22] = createElementVNode("span", null, "高度：", -1)),
         createVNode(_component_el_input_number, {
           class: "numberInput",
@@ -358201,7 +358870,7 @@ function _sfc_render$1(_ctx, _cache2, $props, $setup, $data, $options) {
           onChange: $setup.changePositionsHeight
         }, null, 8, ["modelValue", "onChange"])
       ]),
-      createElementVNode("div", _hoisted_9, [
+      createElementVNode("div", _hoisted_10, [
         createElementVNode("div", null, [
           createVNode(_component_ElButton, { onClick: $setup.resetSidloop }, {
             default: withCtx(() => _cache2[23] || (_cache2[23] = [
@@ -358219,7 +358888,7 @@ function _sfc_render$1(_ctx, _cache2, $props, $setup, $data, $options) {
           }, 8, ["onClick"])
         ])
       ]),
-      createElementVNode("div", _hoisted_10, [
+      createElementVNode("div", _hoisted_11, [
         createElementVNode("section", null, [
           _cache2[25] || (_cache2[25] = createElementVNode("span", null, "边坡填方量：", -1)),
           createElementVNode("div", null, toDisplayString($setup.quantitative.sidloopFillNumber.toFixed(5)) + "m³", 1)
@@ -358229,7 +358898,7 @@ function _sfc_render$1(_ctx, _cache2, $props, $setup, $data, $options) {
           createElementVNode("div", null, toDisplayString($setup.quantitative.sidloopExcavationNumber.toFixed(5)) + "m³", 1)
         ])
       ]),
-      createElementVNode("div", _hoisted_11, [
+      createElementVNode("div", _hoisted_12, [
         createElementVNode("section", null, [
           _cache2[27] || (_cache2[27] = createElementVNode("span", null, "井场填方量：", -1)),
           createElementVNode("div", null, toDisplayString($setup.quantitative.wellSiteFillNumber.toFixed(5)) + "m³", 1)
@@ -358239,7 +358908,7 @@ function _sfc_render$1(_ctx, _cache2, $props, $setup, $data, $options) {
           createElementVNode("div", null, toDisplayString($setup.quantitative.wellSiteExcavationNumber.toFixed(5)) + "m³", 1)
         ])
       ]),
-      createElementVNode("div", _hoisted_12, [
+      createElementVNode("div", _hoisted_13, [
         createElementVNode("section", null, [
           _cache2[29] || (_cache2[29] = createElementVNode("span", null, "总填方量：", -1)),
           createElementVNode("div", null, toDisplayString($setup.quantitative.fillNumber) + "m³", 1)
@@ -358249,7 +358918,7 @@ function _sfc_render$1(_ctx, _cache2, $props, $setup, $data, $options) {
           createElementVNode("div", null, toDisplayString($setup.quantitative.excavationNumber) + "m³", 1)
         ])
       ]),
-      createElementVNode("div", _hoisted_13, [
+      createElementVNode("div", _hoisted_14, [
         createVNode(_component_ElButton, {
           onClick: _cache2[5] || (_cache2[5] = ($event) => $setup.cutFillAnalysisAction("jc"))
         }, {
@@ -358269,7 +358938,7 @@ function _sfc_render$1(_ctx, _cache2, $props, $setup, $data, $options) {
           __: [32]
         })
       ]),
-      createElementVNode("div", _hoisted_14, [
+      createElementVNode("div", _hoisted_15, [
         createVNode(_component_ElButton, {
           onClick: _cache2[7] || (_cache2[7] = ($event) => $setup.exportShp("jc"))
         }, {
@@ -358289,7 +358958,7 @@ function _sfc_render$1(_ctx, _cache2, $props, $setup, $data, $options) {
           __: [34]
         })
       ]),
-      createElementVNode("section", _hoisted_15, [
+      createElementVNode("section", _hoisted_16, [
         _cache2[35] || (_cache2[35] = createElementVNode("span", null, "填方线颜色：", -1)),
         createVNode(_component_el_color_picker, {
           "color-format": "rgb",
@@ -358297,7 +358966,7 @@ function _sfc_render$1(_ctx, _cache2, $props, $setup, $data, $options) {
           "onUpdate:modelValue": _cache2[9] || (_cache2[9] = ($event) => $setup.quantitative.fillLineColor = $event)
         }, null, 8, ["modelValue"])
       ]),
-      createElementVNode("section", _hoisted_16, [
+      createElementVNode("section", _hoisted_17, [
         _cache2[36] || (_cache2[36] = createElementVNode("span", null, "挖方线颜色：", -1)),
         createVNode(_component_el_color_picker, {
           "color-format": "rgb",
@@ -358305,7 +358974,7 @@ function _sfc_render$1(_ctx, _cache2, $props, $setup, $data, $options) {
           "onUpdate:modelValue": _cache2[10] || (_cache2[10] = ($event) => $setup.quantitative.excavationLineColor = $event)
         }, null, 8, ["modelValue"])
       ]),
-      createElementVNode("section", _hoisted_17, [
+      createElementVNode("section", _hoisted_18, [
         _cache2[37] || (_cache2[37] = createElementVNode("span", null, "线显隐：", -1)),
         createElementVNode("div", null, [
           createVNode(_component_el_switch, {
@@ -358319,11 +358988,11 @@ function _sfc_render$1(_ctx, _cache2, $props, $setup, $data, $options) {
         ])
       ])
     ])
-  ], 4);
+  ], 12, _hoisted_1$8);
 }
-const Component$1 = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render$1], ["__scopeId", "data-v-0052dccc"]]);
-Component$1.install = (app) => {
-  app.component(Component$1.name, Component$1);
+const Component$8 = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["render", _sfc_render$8], ["__scopeId", "data-v-cca60a3d"]]);
+Component$8.install = (app) => {
+  app.component(Component$8.name, Component$8);
 };
 const MATERIAL_TYPE = "CustomRadarWaveMaterial";
 const SHADER_SOURCE = `
@@ -358517,7 +359186,7 @@ class TrackMatteq {
     return positionArr;
   }
 }
-const _sfc_main = {
+const _sfc_main$7 = {
   name: "SharedCampsite",
   components: {
     CircleClose: circle_close_default,
@@ -358734,14 +359403,14 @@ const _sfc_main = {
     };
   }
 };
-const _hoisted_1 = { class: "header" };
-const _hoisted_2 = { class: "main-content" };
-const _hoisted_3 = { class: "form-item" };
-const _hoisted_4 = {
+const _hoisted_1$7 = { class: "header" };
+const _hoisted_2$7 = { class: "main-content" };
+const _hoisted_3$7 = { class: "form-item" };
+const _hoisted_4$6 = {
   key: 0,
   class: "form-item"
 };
-const _hoisted_5 = {
+const _hoisted_5$6 = {
   class: "form-item",
   style: { "display": "flex", "gap": "10px" }
 };
@@ -358754,7 +359423,7 @@ const _hoisted_8 = {
   key: 1,
   class: "empty-state"
 };
-function _sfc_render(_ctx, _cache2, $props, $setup, $data, $options) {
+function _sfc_render$7(_ctx, _cache2, $props, $setup, $data, $options) {
   const _component_CircleClose = resolveComponent("CircleClose");
   const _component_el_option = resolveComponent("el-option");
   const _component_el_select = resolveComponent("el-select");
@@ -358768,15 +359437,15 @@ function _sfc_render(_ctx, _cache2, $props, $setup, $data, $options) {
     class: "component-ui",
     style: normalizeStyle(_ctx.$props.style)
   }, [
-    createElementVNode("div", _hoisted_1, [
+    createElementVNode("div", _hoisted_1$7, [
       _cache2[2] || (_cache2[2] = createElementVNode("span", null, "共享营地", -1)),
       createVNode(_component_CircleClose, {
         class: "clostBth",
         onClick: $setup.handleClose
       }, null, 8, ["onClick"])
     ]),
-    createElementVNode("div", _hoisted_2, [
-      createElementVNode("div", _hoisted_3, [
+    createElementVNode("div", _hoisted_2$7, [
+      createElementVNode("div", _hoisted_3$7, [
         createVNode(_component_el_select, {
           modelValue: $setup.wellInfo,
           "onUpdate:modelValue": _cache2[0] || (_cache2[0] = ($event) => $setup.wellInfo = $event),
@@ -358795,7 +359464,7 @@ function _sfc_render(_ctx, _cache2, $props, $setup, $data, $options) {
           _: 1
         }, 8, ["modelValue", "onChange"])
       ]),
-      $setup.wellInfo != "" ? (openBlock(), createElementBlock("div", _hoisted_4, [
+      $setup.wellInfo != "" ? (openBlock(), createElementBlock("div", _hoisted_4$6, [
         createVNode(_component_el_input_number, {
           modelValue: $setup.distance,
           "onUpdate:modelValue": _cache2[1] || (_cache2[1] = ($event) => $setup.distance = $event),
@@ -358806,7 +359475,7 @@ function _sfc_render(_ctx, _cache2, $props, $setup, $data, $options) {
         }, null, 8, ["modelValue", "onChange"]),
         _cache2[3] || (_cache2[3] = createElementVNode("span", { class: "suffix-dw" }, "公里", -1))
       ])) : createCommentVNode("", true),
-      createElementVNode("div", _hoisted_5, [
+      createElementVNode("div", _hoisted_5$6, [
         createVNode(_component_el_button, {
           type: "primary",
           plain: "",
@@ -358853,11 +359522,1623 @@ function _sfc_render(_ctx, _cache2, $props, $setup, $data, $options) {
     ])) : createCommentVNode("", true)
   ], 4)) : createCommentVNode("", true);
 }
-const Component = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-a7c79e0c"]]);
+const Component$7 = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["render", _sfc_render$7], ["__scopeId", "data-v-a7c79e0c"]]);
+Component$7.install = (app) => {
+  app.component(Component$7.name, Component$7);
+};
+const _sfc_main$6 = {
+  name: "ToolBar",
+  props: {
+    componentsOptions: {
+      type: Array,
+      default: []
+    },
+    earthView: {
+      type: CesiumAlphaViewer,
+      default: null
+    }
+  },
+  setup(props, ctx) {
+    let scrollInterval = null;
+    let style = ref({});
+    let currentComponent = ref();
+    let componentsArray = ref(props.componentsOptions);
+    let comProps = ref();
+    componentsArray.value.forEach((com) => {
+      com.visible = false;
+    });
+    function scrollLeft() {
+      const dock = document.querySelector(".toolContent");
+      if (dock) {
+        scrollInterval = setInterval(() => {
+          dock.scrollLeft -= 5;
+        }, 10);
+      }
+    }
+    function scrollRight() {
+      const dock = document.querySelector(".toolContent");
+      if (dock) {
+        scrollInterval = setInterval(() => {
+          dock.scrollLeft += 5;
+        }, 10);
+      }
+    }
+    function stopScroll() {
+      clearInterval(scrollInterval);
+    }
+    function onMouseWheel(event) {
+      const dock = document.querySelector(".toolContent");
+      if (event.deltaY < 0) {
+        if (dock) {
+          dock.scrollLeft -= 15;
+        }
+      } else {
+        if (dock) {
+          dock.scrollLeft += 15;
+        }
+      }
+    }
+    function actionCom(item) {
+      console.log(item, "item");
+      comProps.value = void 0;
+      allSetFalse();
+      item.visible = true;
+      if (item.style) {
+        style.value = item.style;
+      } else {
+        style.value = {
+          right: "20px",
+          bottom: "20px",
+          ...style
+        };
+      }
+      comProps.value = item.componentProps;
+    }
+    function allSetFalse() {
+      componentsArray.value.forEach((com) => {
+        com.visible = false;
+      });
+    }
+    function closeFun(com) {
+      allSetFalse();
+    }
+    return {
+      scrollLeft,
+      scrollRight,
+      stopScroll,
+      onMouseWheel,
+      actionCom,
+      currentComponent,
+      style,
+      closeFun,
+      componentsArray,
+      comProps
+    };
+  }
+};
+const _hoisted_1$6 = { class: "toolListContainer" };
+const _hoisted_2$6 = { class: "leftArrow" };
+const _hoisted_3$6 = ["onClick"];
+const _hoisted_4$5 = ["src"];
+const _hoisted_5$5 = { class: "rightArrow" };
+function _sfc_render$6(_ctx, _cache2, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock(Fragment, null, [
+    createElementVNode("div", _hoisted_1$6, [
+      createElementVNode("div", _hoisted_2$6, [
+        createElementVNode("span", {
+          class: "arrow",
+          onMousedown: _cache2[0] || (_cache2[0] = (...args) => $setup.scrollLeft && $setup.scrollLeft(...args)),
+          onMouseup: _cache2[1] || (_cache2[1] = (...args) => $setup.stopScroll && $setup.stopScroll(...args))
+        }, "◀", 32)
+      ]),
+      createElementVNode("div", {
+        class: "toolContent",
+        onWheel: _cache2[2] || (_cache2[2] = (...args) => $setup.onMouseWheel && $setup.onMouseWheel(...args))
+      }, [
+        (openBlock(true), createElementBlock(Fragment, null, renderList($setup.componentsArray, (item) => {
+          return openBlock(), createElementBlock("section", {
+            class: normalizeClass(["sectionStyle", item.visible ? "isActive" : ""]),
+            onClick: ($event) => $setup.actionCom(item)
+          }, [
+            createElementVNode("img", {
+              src: item.image
+            }, null, 8, _hoisted_4$5),
+            createElementVNode("span", null, toDisplayString(item.name), 1)
+          ], 10, _hoisted_3$6);
+        }), 256))
+      ], 32),
+      createElementVNode("div", _hoisted_5$5, [
+        createElementVNode("span", {
+          class: "arrow",
+          onMousedown: _cache2[3] || (_cache2[3] = (...args) => $setup.scrollRight && $setup.scrollRight(...args)),
+          onMouseup: _cache2[4] || (_cache2[4] = (...args) => $setup.stopScroll && $setup.stopScroll(...args))
+        }, "▶", 32)
+      ])
+    ]),
+    (openBlock(true), createElementBlock(Fragment, null, renderList($setup.componentsArray, (com) => {
+      return openBlock(), createBlock(Transition, { mode: "out-in" }, {
+        default: withCtx(() => [
+          com.visible ? (openBlock(), createBlock(resolveDynamicComponent("Alpha" + com.key), {
+            key: 0,
+            visible: true,
+            style: normalizeStyle($setup.style),
+            earthView: $props.earthView,
+            onClose: ($event) => $setup.closeFun(com),
+            componentProps: $setup.comProps
+          }, null, 40, ["style", "earthView", "onClose", "componentProps"])) : createCommentVNode("", true)
+        ]),
+        _: 2
+      }, 1024);
+    }), 256))
+  ], 64);
+}
+const Component$6 = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["render", _sfc_render$6]]);
+Component$6.install = (app) => {
+  app.component(Component$6.name, Component$6);
+};
+class MeasureDistance {
+  constructor(viewer) {
+    this.isMeasure = false;
+    this.viewer = viewer;
+    this.initEvents();
+    this.positions = [];
+    this.tempPositions = [];
+    this.vertexEntities = [];
+    this.measureDistance = 0;
+  }
+  //初始化事件
+  initEvents() {
+    this.handler = new ScreenSpaceEventHandler(this.viewer.scene.canvas);
+    this.MeasureStartEvent = new Event$2();
+    this.MeasureEndEvent = new Event$2();
+  }
+  //激活
+  activate() {
+    this.deactivate();
+    this.registerEvents();
+    this.tooltipObj = new Tooltip(this.viewer, "请选取测量点，右键结束！！");
+    this.isMeasure = true;
+    this.measureDistance = 0;
+  }
+  //禁用
+  deactivate() {
+    if (!this.isMeasure) return;
+    this.unRegisterEvents();
+    this.isMeasure = false;
+    this.tempPositions = [];
+    this.positions = [];
+  }
+  //注册鼠标事件
+  registerEvents() {
+    this.leftClickEvent();
+    this.rightClickEvent();
+    this.mouseMoveEvent();
+  }
+  //鼠标移动事件
+  mouseMoveEvent() {
+    var _a2;
+    (_a2 = this.handler) == null ? void 0 : _a2.setInputAction((e) => {
+      if (!this.isMeasure) return;
+      let position = this.viewer.scene.pickPosition(e.endPosition);
+      if (!position) {
+        position = this.viewer.scene.camera.pickEllipsoid(e.startPosition, this.viewer.scene.globe.ellipsoid);
+      }
+      if (!position) return;
+      this.handleMoveEvent(position);
+    }, ScreenSpaceEventType$1.MOUSE_MOVE);
+  }
+  //处理鼠标移动
+  handleMoveEvent(position) {
+    if (this.positions.length < 1) return;
+    this.tempPositions = this.positions.concat(position);
+  }
+  //右键事件
+  rightClickEvent() {
+    var _a2;
+    (_a2 = this.handler) == null ? void 0 : _a2.setInputAction((e) => {
+      var _a3;
+      (_a3 = this.tooltipObj) == null ? void 0 : _a3.destroy();
+      this.tooltipObj = void 0;
+      if (!this.isMeasure || this.positions.length < 1) {
+        this.deactivate();
+        this.clear();
+      } else {
+        this.createEndEntity();
+        this.lineEntity.polyline = {
+          //@ts-ignore
+          positions: this.positions,
+          //@ts-ignore
+          width: 2,
+          //@ts-ignore
+          material: Color$2.YELLOW,
+          //@ts-ignore
+          depthFailMaterial: Color$2.YELLOW,
+          //@ts-ignore
+          clampToGround: true
+        };
+        this.measureEnd();
+      }
+    }, ScreenSpaceEventType$1.RIGHT_CLICK);
+  }
+  //测量结束
+  measureEnd() {
+    var _a2;
+    this.deactivate();
+    (_a2 = this.MeasureEndEvent) == null ? void 0 : _a2.raiseEvent(this.measureDistance);
+  }
+  //左键点击事件
+  leftClickEvent() {
+    var _a2;
+    (_a2 = this.handler) == null ? void 0 : _a2.setInputAction((e) => {
+      let position = this.viewer.scene.pickPosition(e.position);
+      if (!position) {
+        const ellipsoid = this.viewer.scene.globe.ellipsoid;
+        position = this.viewer.scene.camera.pickEllipsoid(e.position, ellipsoid);
+      }
+      if (!position) return;
+      this.positions.push(position);
+      if (this.positions.length == 1) {
+        this.createLineEntity();
+        this.createStartEntity();
+        return;
+      }
+      this.createVertex();
+    }, ScreenSpaceEventType$1.LEFT_CLICK);
+  }
+  //创建线节点
+  createVertex() {
+    let vertexEntity = this.viewer.entities.add({
+      position: this.positions[this.positions.length - 1],
+      id: "MeasureDistanceVertex" + this.positions[this.positions.length - 1],
+      label: {
+        text: calculateDistenceXYZ(this.positions) + "米",
+        font: "normal 16px MicroSoft YaHei",
+        verticalOrigin: VerticalOrigin$1.BOTTOM,
+        style: LabelStyle$1.FILL_AND_OUTLINE,
+        pixelOffset: new Cartesian2(0, -30),
+        outlineWidth: 9,
+        outlineColor: Color$2.RED,
+        disableDepthTestDistance: Number.POSITIVE_INFINITY,
+        heightReference: HeightReference$1.CLAMP_TO_3D_TILE
+      },
+      point: {
+        color: Color$2.FUCHSIA,
+        pixelSize: 8,
+        disableDepthTestDistance: 500,
+        heightReference: HeightReference$1.CLAMP_TO_3D_TILE
+      }
+    });
+    this.vertexEntities.push(vertexEntity);
+    this.measureDistance = calculateDistenceXYZ(this.positions);
+  }
+  //创建起点
+  createStartEntity() {
+    let vertexEntity = this.viewer.entities.add({
+      position: this.positions[0],
+      point: {
+        color: Color$2.FUCHSIA,
+        pixelSize: 6,
+        heightReference: HeightReference$1.CLAMP_TO_3D_TILE
+      }
+    });
+    this.vertexEntities.push(vertexEntity);
+  }
+  //创建终点节点
+  createEndEntity() {
+    let lastLabel = this.viewer.entities.getById("MeasureDistanceVertex" + this.positions[this.positions.length - 1]);
+    if (lastLabel) {
+      this.viewer.entities.remove(lastLabel);
+    }
+    if (this.moveVertexEntity) {
+      this.viewer.entities.remove(this.moveVertexEntity);
+    }
+    let vertexEntity = this.viewer.entities.add({
+      position: this.positions[this.positions.length - 1],
+      label: {
+        text: "总距离：" + calculateDistenceXYZ(this.positions) + "米",
+        font: "normal 16px MicroSoft YaHei",
+        verticalOrigin: VerticalOrigin$1.BOTTOM,
+        style: LabelStyle$1.FILL_AND_OUTLINE,
+        pixelOffset: new Cartesian2(0, -50),
+        outlineWidth: 9,
+        outlineColor: Color$2.RED,
+        eyeOffset: new Cartesian3(0, 0, -10),
+        heightReference: HeightReference$1.CLAMP_TO_3D_TILE,
+        disableDepthTestDistance: Number.POSITIVE_INFINITY
+      },
+      point: {
+        color: Color$2.FUCHSIA,
+        pixelSize: 6,
+        heightReference: HeightReference$1.CLAMP_TO_3D_TILE
+      }
+    });
+    this.vertexEntities.push(vertexEntity);
+  }
+  //创建线对象
+  createLineEntity() {
+    this.lineEntity = this.viewer.entities.add({
+      polyline: {
+        positions: new CallbackProperty((e) => {
+          return this.tempPositions;
+        }, false),
+        width: 2,
+        material: Color$2.YELLOW,
+        depthFailMaterial: Color$2.YELLOW,
+        clampToGround: true
+      }
+    });
+  }
+  //解除鼠标事件
+  unRegisterEvents() {
+    var _a2, _b, _c;
+    (_a2 = this.handler) == null ? void 0 : _a2.removeInputAction(ScreenSpaceEventType$1.RIGHT_CLICK);
+    (_b = this.handler) == null ? void 0 : _b.removeInputAction(ScreenSpaceEventType$1.LEFT_CLICK);
+    (_c = this.handler) == null ? void 0 : _c.removeInputAction(ScreenSpaceEventType$1.MOUSE_MOVE);
+  }
+  //清空绘制
+  clear() {
+    var _a2;
+    (_a2 = this.tooltipObj) == null ? void 0 : _a2.destroy;
+    this.tooltipObj = void 0;
+    if (this.lineEntity) {
+      this.viewer.entities.remove(this.lineEntity);
+      this.lineEntity = void 0;
+    }
+    this.vertexEntities.forEach((item) => {
+      this.viewer.entities.remove(item);
+    });
+    this.vertexEntities = [];
+  }
+}
+const _sfc_main$5 = {
+  name: "ToolDistanceMeasurement",
+  props: {
+    visible: {
+      type: Boolean,
+      default: false
+    },
+    earthView: {
+      type: CesiumAlphaViewer,
+      default: null
+    },
+    style: {
+      type: Object
+    }
+  },
+  components: {
+    CircleClose: circle_close_default,
+    ElButton
+  },
+  emits: ["close"],
+  setup(props, ctx) {
+    let visible = ref(false);
+    let earthView = toRaw(props.earthView);
+    let measureDistanceObj = ref(null);
+    onMounted(() => {
+      if (!earthView.viewer) {
+        return;
+      }
+      visible.value = props.visible;
+      watch(() => props.visible, (n, o) => {
+        visible.value = props.visible;
+      });
+    });
+    function actionDraw() {
+      var _a2, _b;
+      if (earthView.viewer) {
+        measureDistanceObj.value = new MeasureDistance(earthView.viewer);
+        (_a2 = measureDistanceObj.value) == null ? void 0 : _a2.clear();
+        (_b = measureDistanceObj.value) == null ? void 0 : _b.activate();
+      }
+    }
+    function clearDraw() {
+      var _a2, _b;
+      (_a2 = measureDistanceObj.value) == null ? void 0 : _a2.measureEnd();
+      (_b = measureDistanceObj.value) == null ? void 0 : _b.clear();
+      measureDistanceObj.value = null;
+    }
+    function reset() {
+      var _a2, _b;
+      (_a2 = measureDistanceObj.value) == null ? void 0 : _a2.measureEnd();
+      (_b = measureDistanceObj.value) == null ? void 0 : _b.clear();
+      visible.value = false;
+    }
+    function close() {
+      reset();
+      ctx.emit("close", "DistanceMeasurement");
+    }
+    onUnmounted(() => {
+      reset();
+    });
+    return {
+      visible,
+      actionDraw,
+      clearDraw,
+      measureDistanceObj,
+      close
+    };
+  }
+};
+const _hoisted_1$5 = { class: "header" };
+const _hoisted_2$5 = { class: "container" };
+const _hoisted_3$5 = { class: "actionSection" };
+const _hoisted_4$4 = { class: "actionSection" };
+const _hoisted_5$4 = { class: "actionSection" };
+function _sfc_render$5(_ctx, _cache2, $props, $setup, $data, $options) {
+  var _a2;
+  const _component_CircleClose = resolveComponent("CircleClose");
+  const _component_ElButton = resolveComponent("ElButton");
+  return $setup.visible ? (openBlock(), createElementBlock("div", {
+    key: 0,
+    class: "measurement-ui",
+    style: normalizeStyle(_ctx.$props.style)
+  }, [
+    createElementVNode("div", _hoisted_1$5, [
+      _cache2[1] || (_cache2[1] = createElementVNode("span", null, "距离测量", -1)),
+      createVNode(_component_CircleClose, {
+        class: "closeBth",
+        onClick: $setup.close
+      }, null, 8, ["onClick"])
+    ]),
+    createElementVNode("div", _hoisted_2$5, [
+      createElementVNode("section", _hoisted_3$5, [
+        createVNode(_component_ElButton, {
+          onClick: _cache2[0] || (_cache2[0] = ($event) => $setup.actionDraw())
+        }, {
+          default: withCtx(() => _cache2[2] || (_cache2[2] = [
+            createTextVNode("开始选点")
+          ])),
+          _: 1,
+          __: [2]
+        })
+      ]),
+      createElementVNode("section", _hoisted_4$4, [
+        createVNode(_component_ElButton, { onClick: $setup.clearDraw }, {
+          default: withCtx(() => _cache2[3] || (_cache2[3] = [
+            createTextVNode("清除绘制")
+          ])),
+          _: 1,
+          __: [3]
+        }, 8, ["onClick"])
+      ]),
+      createElementVNode("section", _hoisted_5$4, [
+        _cache2[4] || (_cache2[4] = createElementVNode("span", null, "距离：", -1)),
+        createElementVNode("span", null, toDisplayString((((_a2 = $setup.measureDistanceObj) == null ? void 0 : _a2.measureDistance) || 0) + "米"), 1)
+      ])
+    ])
+  ], 4)) : createCommentVNode("", true);
+}
+const Component$5 = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["render", _sfc_render$5], ["__scopeId", "data-v-48647ecc"]]);
+Component$5.install = (app) => {
+  app.component(Component$5.name, Component$5);
+};
+class MeasureArea {
+  constructor(viewer) {
+    this.handler = void 0;
+    this.MeasureStartEvent = void 0;
+    this.MeasureEndEvent = void 0;
+    this.isMeasure = false;
+    this.height = void 0;
+    this.polygonEntity = void 0;
+    this.mesureResultEntity = void 0;
+    this.viewer = viewer;
+    this.initEvents();
+    this.positions = [];
+    this.tempPositions = [];
+    this.vertexEntities = [];
+    this.labelEntity = void 0;
+    this.measureArea = 0;
+  }
+  //初始化事件
+  initEvents() {
+    this.handler = new ScreenSpaceEventHandler(this.viewer.scene.canvas);
+    this.MeasureStartEvent = new Event$2();
+    this.MeasureEndEvent = new Event$2();
+  }
+  //激活
+  activate() {
+    this.tooltipObj = new Tooltip(this.viewer, "请选取面区域，右键结束！！");
+    this.deactivate();
+    this.registerEvents();
+    this.isMeasure = true;
+    this.measureArea = 0;
+  }
+  //注册鼠标事件
+  registerEvents() {
+    this.leftClickEvent();
+    this.rightClickEvent();
+    this.mouseMoveEvent();
+  }
+  //右键事件
+  rightClickEvent() {
+    var _a2;
+    (_a2 = this.handler) == null ? void 0 : _a2.setInputAction((e) => {
+      var _a3;
+      (_a3 = this.tooltipObj) == null ? void 0 : _a3.destroy();
+      this.tooltipObj = void 0;
+      if (!this.isMeasure || this.positions.length < 3) {
+        this.deactivate();
+        this.clear();
+      } else {
+        this.tempPositions = [...this.positions];
+        this.polygonEntity.polyline = {
+          //@ts-ignore
+          positions: this.positions.concat(this.positions[0]),
+          //@ts-ignore
+          width: 2,
+          //@ts-ignore
+          material: Color$2.YELLOW,
+          //@ts-ignore
+          clampToGround: true,
+          depthFailMaterial: new PolylineDashMaterialProperty({
+            color: Color$2.YELLOW
+          })
+        };
+        this.polygonEntity.polygon.hierarchy = new PolygonHierarchy(this.tempPositions);
+        this.mesureResultEntity.position = this.viewer.scene.clampToHeight(this.getCenterPosition());
+        this.mesureResultEntity.label.text = "总面积" + calculateAreaXYZ(this.positions) + "平方米";
+        this.measureArea = calculateAreaXYZ(this.tempPositions);
+        this.measureEnd();
+      }
+    }, ScreenSpaceEventType$1.RIGHT_CLICK);
+  }
+  //测量结束
+  measureEnd() {
+    var _a2;
+    this.deactivate();
+    (_a2 = this.MeasureEndEvent) == null ? void 0 : _a2.raiseEvent(this.measureArea);
+  }
+  //鼠标移动事件
+  mouseMoveEvent() {
+    var _a2;
+    (_a2 = this.handler) == null ? void 0 : _a2.setInputAction((e) => {
+      if (!this.isMeasure) return;
+      let position = this.viewer.scene.pickPosition(e.endPosition);
+      if (!position) {
+        position = this.viewer.scene.camera.pickEllipsoid(e.startPosition, this.viewer.scene.globe.ellipsoid);
+      }
+      if (!position) return;
+      this.handleMoveEvent(position);
+    }, ScreenSpaceEventType$1.MOUSE_MOVE);
+  }
+  //处理鼠标移动
+  handleMoveEvent(position) {
+    if (this.positions.length < 1) return;
+    this.tempPositions = this.positions.concat(position);
+    if (this.tempPositions.length >= 3 && !this.mesureResultEntity) {
+      this.createResultLabel();
+      this.measureArea = calculateAreaXYZ(this.tempPositions);
+    }
+  }
+  //测量结果标签
+  createResultLabel() {
+    this.mesureResultEntity = this.viewer.entities.add({
+      position: new CallbackPositionProperty((e) => {
+        return this.positions[0];
+      }, false),
+      label: {
+        text: new CallbackProperty((e) => {
+          if (this.tempPositions.length > 2) {
+            return "面积" + calculateAreaXYZ(this.tempPositions) + "平方米";
+          }
+        }, false),
+        font: "normal 12px MicroSoft YaHei",
+        style: LabelStyle$1.FILL_AND_OUTLINE,
+        outlineWidth: 9,
+        outlineColor: Color$2.YELLOW,
+        disableDepthTestDistance: Number.POSITIVE_INFINITY
+        // heightReference: HeightReference.CLAMP_TO_3D_TILE
+      }
+    });
+  }
+  //获取节点的中心点
+  getCenterPosition() {
+    let points2 = [];
+    if (this.tempPositions.length < 3) return this.tempPositions[0];
+    this.tempPositions.forEach((position) => {
+      const point3d = this.cartesian3ToPoint3D(position);
+      points2.push([point3d.x, point3d.y]);
+    });
+    let geo = lineString(points2);
+    let bbox$1 = bbox(geo);
+    let bboxPolygon$1 = bboxPolygon(bbox$1);
+    let pointOnFeature = center(bboxPolygon$1);
+    let lonLat = pointOnFeature.geometry.coordinates;
+    return Cartesian3.fromDegrees(lonLat[0], lonLat[1], this.height || 0 + 0.3);
+  }
+  //左键点击事件
+  leftClickEvent() {
+    var _a2;
+    (_a2 = this.handler) == null ? void 0 : _a2.setInputAction((e) => {
+      let position = this.viewer.scene.pickPosition(e.position);
+      if (!position) {
+        const ellipsoid = this.viewer.scene.globe.ellipsoid;
+        position = this.viewer.scene.camera.pickEllipsoid(e.position, ellipsoid);
+      }
+      if (!position) return;
+      this.positions.push(position);
+      if (this.positions.length == 1) {
+        this.createPolygonEntity();
+      }
+      this.createVertex();
+    }, ScreenSpaceEventType$1.LEFT_CLICK);
+  }
+  //创建面对象
+  createPolygonEntity() {
+    this.polygonEntity = this.viewer.entities.add({
+      polygon: {
+        hierarchy: new CallbackProperty((e) => {
+          return new PolygonHierarchy(this.tempPositions);
+        }, false),
+        material: Color$2.RED.withAlpha(0.4),
+        heightReference: HeightReference$1.CLAMP_TO_3D_TILE
+      },
+      polyline: {
+        positions: new CallbackProperty((e) => {
+          return this.tempPositions.concat(this.tempPositions[0]);
+        }, false),
+        width: 1,
+        material: new PolylineDashMaterialProperty({
+          color: Color$2.YELLOW
+        }),
+        depthFailMaterial: new PolylineDashMaterialProperty({
+          color: Color$2.YELLOW
+        }),
+        clampToGround: true
+      }
+    });
+  }
+  //创建节点
+  createVertex() {
+    let vertexEntity = this.viewer.entities.add({
+      position: this.positions[this.positions.length - 1],
+      point: {
+        color: Color$2.FUCHSIA,
+        pixelSize: 8
+      }
+    });
+    this.vertexEntities.push(vertexEntity);
+  }
+  //统一节点的高度
+  unifiedHeight(positions, height) {
+    if (!height) height = this.getPositionHeight(positions[0]);
+    let point3d;
+    for (let i = 0; i < positions.length; i++) {
+      const element = positions[i];
+      point3d = this.cartesian3ToPoint3D(element);
+      positions[i] = Cartesian3.fromDegrees(point3d.x, point3d.y, height);
+    }
+    return height;
+  }
+  cartesian3ToPoint3D(position) {
+    const cartographic2 = Cartographic.fromCartesian(position);
+    const lon = CesiumMath.toDegrees(cartographic2.longitude);
+    const lat = CesiumMath.toDegrees(cartographic2.latitude);
+    return { x: lon, y: lat, z: cartographic2.height };
+  }
+  //获取某个点的高度
+  getPositionHeight(position) {
+    const cartographic2 = Cartographic.fromCartesian(position);
+    return cartographic2.height;
+  }
+  //禁用
+  deactivate() {
+    if (!this.isMeasure) return;
+    this.unRegisterEvents();
+    this.isMeasure = false;
+    this.tempPositions = [];
+    this.positions = [];
+    this.height = void 0;
+  }
+  //解除鼠标事件
+  unRegisterEvents() {
+    if (this.handler) {
+      this.handler.removeInputAction(ScreenSpaceEventType$1.RIGHT_CLICK);
+      this.handler.removeInputAction(ScreenSpaceEventType$1.LEFT_CLICK);
+      this.handler.removeInputAction(ScreenSpaceEventType$1.MOUSE_MOVE);
+    }
+  }
+  //清空绘制
+  clear() {
+    var _a2;
+    (_a2 = this.tooltipObj) == null ? void 0 : _a2.destroy();
+    this.tooltipObj = void 0;
+    if (this.polygonEntity) {
+      this.viewer.entities.remove(this.polygonEntity);
+      this.polygonEntity = void 0;
+    }
+    this.vertexEntities.forEach((item) => {
+      this.viewer.entities.remove(item);
+    });
+    this.vertexEntities = [];
+    if (this.mesureResultEntity) {
+      this.viewer.entities.remove(this.mesureResultEntity);
+      this.mesureResultEntity = void 0;
+    }
+    this.height = void 0;
+  }
+}
+const _sfc_main$4 = {
+  name: "ToolAreaMeasurement",
+  props: {
+    visible: {
+      type: Boolean,
+      default: false
+    },
+    earthView: {
+      type: CesiumAlphaViewer,
+      default: null
+    },
+    style: {
+      type: Object
+    }
+  },
+  components: {
+    CircleClose: circle_close_default,
+    ElButton
+  },
+  emits: ["close"],
+  setup(props, ctx) {
+    let visible = ref(false);
+    let earthView = toRaw(props.earthView);
+    let areaNumber = ref(0);
+    let measureAreaObject = ref(null);
+    onMounted(() => {
+      visible.value = props.visible;
+      watch(() => props.visible, (n, o) => {
+        visible.value = props.visible;
+      });
+      if (!earthView.viewer) {
+        return;
+      }
+      measureAreaObject.value = new MeasureArea(earthView.viewer);
+    });
+    function actionMeasurement() {
+      var _a2, _b;
+      (_a2 = measureAreaObject.value) == null ? void 0 : _a2.clear();
+      (_b = measureAreaObject.value) == null ? void 0 : _b.activate();
+    }
+    function clearDraw() {
+      var _a2;
+      (_a2 = measureAreaObject.value) == null ? void 0 : _a2.clear();
+    }
+    function reset() {
+      var _a2;
+      (_a2 = measureAreaObject.value) == null ? void 0 : _a2.clear();
+      measureAreaObject.value = null;
+      visible.value = false;
+    }
+    function close() {
+      reset();
+      ctx.emit("close", "AreaMeasurement");
+    }
+    onUnmounted(() => {
+      reset();
+    });
+    return {
+      visible,
+      close,
+      actionMeasurement,
+      clearDraw,
+      areaNumber,
+      measureAreaObject
+    };
+  }
+};
+const _hoisted_1$4 = { class: "header" };
+const _hoisted_2$4 = { class: "container" };
+const _hoisted_3$4 = { class: "actionSection" };
+const _hoisted_4$3 = { class: "actionSection" };
+const _hoisted_5$3 = { class: "actionSection" };
+function _sfc_render$4(_ctx, _cache2, $props, $setup, $data, $options) {
+  var _a2;
+  const _component_CircleClose = resolveComponent("CircleClose");
+  const _component_ElButton = resolveComponent("ElButton");
+  return $setup.visible ? (openBlock(), createElementBlock("div", {
+    key: 0,
+    class: "component-ui",
+    style: normalizeStyle(_ctx.$props.style)
+  }, [
+    createElementVNode("div", _hoisted_1$4, [
+      _cache2[1] || (_cache2[1] = createElementVNode("span", null, "面积测量", -1)),
+      createVNode(_component_CircleClose, {
+        class: "closeBth",
+        onClick: $setup.close
+      }, null, 8, ["onClick"])
+    ]),
+    createElementVNode("div", _hoisted_2$4, [
+      createElementVNode("section", _hoisted_3$4, [
+        createVNode(_component_ElButton, {
+          onClick: _cache2[0] || (_cache2[0] = ($event) => $setup.actionMeasurement())
+        }, {
+          default: withCtx(() => _cache2[2] || (_cache2[2] = [
+            createTextVNode("开始选点")
+          ])),
+          _: 1,
+          __: [2]
+        })
+      ]),
+      createElementVNode("section", _hoisted_4$3, [
+        createVNode(_component_ElButton, { onClick: $setup.clearDraw }, {
+          default: withCtx(() => _cache2[3] || (_cache2[3] = [
+            createTextVNode("清除绘制")
+          ])),
+          _: 1,
+          __: [3]
+        }, 8, ["onClick"])
+      ]),
+      createElementVNode("section", _hoisted_5$3, [
+        _cache2[4] || (_cache2[4] = createElementVNode("span", null, "面积：", -1)),
+        createElementVNode("span", null, toDisplayString((((_a2 = $setup.measureAreaObject) == null ? void 0 : _a2.measureArea) || 0) + "平方米"), 1)
+      ])
+    ])
+  ], 4)) : createCommentVNode("", true);
+}
+const Component$4 = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["render", _sfc_render$4], ["__scopeId", "data-v-738655d9"]]);
+Component$4.install = (app) => {
+  app.component(Component$4.name, Component$4);
+};
+class HeightMeasurement {
+  constructor(viewer) {
+    this.height = 0;
+    this.isMeasure = false;
+    this.viewer = viewer;
+    this.initEvents();
+  }
+  //初始化事件
+  initEvents() {
+    this.handler = new ScreenSpaceEventHandler(this.viewer.scene.canvas);
+  }
+  //开始执行事件
+  active() {
+    this.tooltipObj = new Tooltip(this.viewer, "请选择对高点与最低点，右键清除！！");
+    this.isMeasure = true;
+    this.leftClickEvent();
+    this.rightClickEvent();
+  }
+  rightClickEvent() {
+    var _a2;
+    (_a2 = this.handler) == null ? void 0 : _a2.setInputAction((e) => {
+      this.destroy();
+    }, ScreenSpaceEventType$1.RIGHT_CLICK);
+  }
+  //左键点击事件
+  leftClickEvent() {
+    var _a2;
+    (_a2 = this.handler) == null ? void 0 : _a2.setInputAction((e) => {
+      if (this.lowestPoint && this.highestPoint) {
+        this.reset();
+      }
+      let position = this.viewer.scene.pickPosition(e.position);
+      if (!position) {
+        const ellipsoid = this.viewer.scene.globe.ellipsoid;
+        position = this.viewer.scene.camera.pickEllipsoid(e.position, ellipsoid);
+      }
+      if (!position) return;
+      if (!this.highestPoint) {
+        this.highestPoint = position;
+        this.highestPointEntity = this.createPoint(position);
+      } else {
+        this.lowestPoint = position;
+        this.lowestPointEntity = this.createPoint(position);
+      }
+      if (this.highestPoint && this.lowestPoint) {
+        this.createLines();
+        this.createLabel();
+      }
+    }, ScreenSpaceEventType$1.LEFT_CLICK);
+  }
+  //创建点
+  createPoint(position) {
+    return this.viewer.entities.add({
+      position,
+      point: {
+        pixelSize: 10,
+        // 点的大小（像素）
+        color: Color$2.RED
+        // 点的颜色
+      }
+    });
+  }
+  //创建相关连线
+  createLines() {
+    let pointA = this.highestPoint;
+    let pointB = this.lowestPoint;
+    if (pointA && pointB) {
+      let getPointAHeight = Cartographic.fromCartesian(pointB);
+      let clonePointC = Cartographic.fromCartesian(Cartesian3.clone(pointA));
+      clonePointC.height = getPointAHeight.height;
+      let pointC = Cartesian3.fromRadians(clonePointC.longitude, clonePointC.latitude, clonePointC.height);
+      this.lineEntity = this.viewer.entities.add(
+        {
+          polyline: {
+            positions: [pointA, pointB, pointC, pointA],
+            width: 2,
+            // 线宽
+            material: Color$2.RED,
+            depthFailMaterial: new PolylineOutlineMaterialProperty({
+              // 当线条位于地形之下时的材质
+              color: Color$2.BLUE
+              // 使用半透明的红色以达到透视效果
+            })
+          }
+        }
+      );
+    }
+  }
+  //创建标注
+  createLabel() {
+    if (!this.highestPoint || !this.lowestPoint) {
+      return;
+    }
+    let pointAheight = Cartographic.fromCartesian(this.highestPoint).height;
+    let pointBheight = Cartographic.fromCartesian(this.lowestPoint).height;
+    this.height = window.Math.abs(pointAheight - pointBheight);
+    this.labelEntity = this.viewer.entities.add({
+      position: this.highestPoint,
+      // 经纬度 + 高度
+      label: {
+        text: this.height + "米",
+        // 标签文字
+        font: "20px sans-serif",
+        // 字体大小和样式
+        fillColor: Color$2.YELLOW,
+        // 文字颜色
+        outlineColor: Color$2.BLACK,
+        // 轮廓颜色
+        outlineWidth: 2,
+        // 轮廓宽度
+        style: LabelStyle$1.FILL_AND_OUTLINE,
+        // 文字填充+描边
+        pixelOffset: new Cartesian2(0, -20),
+        // 像素偏移（调整位置）
+        disableDepthTestDistance: Number.POSITIVE_INFINITY
+      }
+    });
+  }
+  //重置
+  reset() {
+    this.highestPoint = void 0;
+    this.lowestPoint = void 0;
+    if (this.lineEntity) {
+      this.viewer.entities.remove(this.lineEntity);
+      this.lineEntity = void 0;
+    }
+    if (this.lowestPointEntity) {
+      this.viewer.entities.remove(this.lowestPointEntity);
+      this.lowestPointEntity = void 0;
+    }
+    if (this.highestPointEntity) {
+      this.viewer.entities.remove(this.highestPointEntity);
+      this.highestPointEntity = void 0;
+    }
+    if (this.labelEntity) {
+      this.viewer.entities.remove(this.labelEntity);
+      this.labelEntity = void 0;
+    }
+    this.height = 0;
+  }
+  destroy() {
+    if (this.tooltipObj) {
+      this.tooltipObj.destroy(this.viewer.canvas);
+      this.tooltipObj = void 0;
+    }
+    this.reset();
+    if (this.handler) {
+      this.handler.destroy();
+      this.handler = void 0;
+    }
+  }
+}
+const _sfc_main$3 = {
+  name: "ToolHeightMeasurement",
+  props: {
+    visible: {
+      type: Boolean,
+      default: false
+    },
+    earthView: {
+      type: CesiumAlphaViewer,
+      default: null
+    },
+    style: {
+      type: Object
+    }
+  },
+  components: {
+    CircleClose: circle_close_default,
+    ElButton
+  },
+  emits: ["close"],
+  setup(props, ctx) {
+    let visible = ref(false);
+    let earthView = toRaw(props.earthView);
+    let measureHeightObj = ref(null);
+    onMounted(() => {
+      if (!earthView.viewer) {
+        return;
+      }
+      visible.value = props.visible;
+      watch(
+        () => props.visible,
+        (n, o) => {
+          visible.value = props.visible;
+        }
+      );
+    });
+    function actionDraw() {
+      if (!earthView.viewer) {
+        return;
+      }
+      measureHeightObj.value = new HeightMeasurement(earthView.viewer);
+      measureHeightObj.value.active();
+    }
+    function reset() {
+      var _a2;
+      (_a2 = measureHeightObj.value) == null ? void 0 : _a2.destroy();
+    }
+    function close() {
+      reset();
+      visible.value = false;
+      ctx.emit("close", "HeightMeasurement");
+    }
+    onUnmounted(() => {
+      reset();
+    });
+    return {
+      visible,
+      close,
+      actionDraw,
+      reset,
+      measureHeightObj
+    };
+  }
+};
+const _hoisted_1$3 = { class: "header" };
+const _hoisted_2$3 = { class: "container" };
+const _hoisted_3$3 = { class: "actionSection" };
+const _hoisted_4$2 = { class: "actionSection" };
+const _hoisted_5$2 = { class: "actionSection" };
+function _sfc_render$3(_ctx, _cache2, $props, $setup, $data, $options) {
+  var _a2;
+  const _component_CircleClose = resolveComponent("CircleClose");
+  const _component_ElButton = resolveComponent("ElButton");
+  return $setup.visible ? (openBlock(), createElementBlock("div", {
+    key: 0,
+    class: "component-ui",
+    style: normalizeStyle(_ctx.$props.style)
+  }, [
+    createElementVNode("div", _hoisted_1$3, [
+      _cache2[1] || (_cache2[1] = createElementVNode("span", null, "高度测量", -1)),
+      createVNode(_component_CircleClose, {
+        class: "closeBth",
+        onClick: $setup.close
+      }, null, 8, ["onClick"])
+    ]),
+    createElementVNode("div", _hoisted_2$3, [
+      createElementVNode("section", _hoisted_3$3, [
+        createVNode(_component_ElButton, {
+          onClick: _cache2[0] || (_cache2[0] = ($event) => $setup.actionDraw())
+        }, {
+          default: withCtx(() => _cache2[2] || (_cache2[2] = [
+            createTextVNode("开始选点")
+          ])),
+          _: 1,
+          __: [2]
+        })
+      ]),
+      createElementVNode("section", _hoisted_4$2, [
+        createVNode(_component_ElButton, { onClick: $setup.reset }, {
+          default: withCtx(() => _cache2[3] || (_cache2[3] = [
+            createTextVNode("清除绘制")
+          ])),
+          _: 1,
+          __: [3]
+        }, 8, ["onClick"])
+      ]),
+      createElementVNode("section", _hoisted_5$2, [
+        _cache2[4] || (_cache2[4] = createElementVNode("span", null, "高度：", -1)),
+        createElementVNode("span", null, toDisplayString((((_a2 = $setup.measureHeightObj) == null ? void 0 : _a2.height) || 0) + "米"), 1)
+      ])
+    ])
+  ], 4)) : createCommentVNode("", true);
+}
+const Component$3 = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["render", _sfc_render$3], ["__scopeId", "data-v-93920b20"]]);
+Component$3.install = (app) => {
+  app.component(Component$3.name, Component$3);
+};
+const _sfc_main$2 = {
+  name: "SceneController",
+  components: {
+    Menu: menu_default,
+    ElTooltip
+  },
+  emits: ["sceneLoad", "changeScene"],
+  props: {
+    visible: {
+      type: Boolean,
+      default: false
+    },
+    earthView: {
+      type: CesiumAlphaViewer,
+      default: null
+    },
+    style: {
+      type: Object
+    },
+    sceneInfo: {
+      type: Array,
+      default: []
+    }
+  },
+  setup(props, ctx) {
+    let earthViewer = props.earthView;
+    let sceneInfo = ref(props.sceneInfo);
+    let visibleStatus = ref(false);
+    let loading2 = null;
+    onMounted(() => {
+      loadScene2(sceneInfo.value[0].sceneId);
+      watch(() => props.sceneInfo, (n) => {
+        sceneInfo.value = n;
+        loadScene2(sceneInfo.value[0].sceneId);
+      });
+    });
+    async function loadScene2(sceneId) {
+      var _a2;
+      ctx.emit("changeScene", sceneId);
+      loading2 = ElLoading.service({
+        target: ((_a2 = earthViewer.viewer) == null ? void 0 : _a2.canvas.parentElement) || void 0,
+        lock: true,
+        text: "图层渲染中...",
+        fullscreen: true,
+        background: "rgba(0, 0, 0, 0.5)",
+        customClass: "test"
+      });
+      earthViewer.resetScene();
+      let element = sceneInfo.value.find((scene) => {
+        return scene.sceneId == sceneId;
+      });
+      if (element == null ? void 0 : element.layer) {
+        await earthViewer.loadGeoJsonLayer(element == null ? void 0 : element.layer);
+      }
+      if (element == null ? void 0 : element.model) {
+        await earthViewer.load3DtilestModel(element == null ? void 0 : element.model);
+      }
+      ctx.emit("sceneLoad", element == null ? void 0 : element.sceneId);
+      loading2.close();
+    }
+    return {
+      sceneInfo,
+      visibleStatus,
+      loadScene: loadScene2
+    };
+  }
+};
+const _hoisted_1$2 = { key: 0 };
+const _hoisted_2$2 = ["onClick"];
+const _hoisted_3$2 = ["src"];
+function _sfc_render$2(_ctx, _cache2, $props, $setup, $data, $options) {
+  const _component_Menu = resolveComponent("Menu");
+  const _component_el_tooltip = resolveComponent("el-tooltip");
+  return _ctx.$props.visible ? (openBlock(), createElementBlock("div", {
+    key: 0,
+    class: "component-ui",
+    style: normalizeStyle(_ctx.$props.style)
+  }, [
+    createVNode(_component_el_tooltip, {
+      class: "box-item",
+      effect: "dark",
+      content: "场景控制",
+      placement: "top"
+    }, {
+      default: withCtx(() => [
+        createElementVNode("section", {
+          onClick: _cache2[0] || (_cache2[0] = ($event) => $setup.visibleStatus = !$setup.visibleStatus)
+        }, [
+          createVNode(_component_Menu, { class: "icon" })
+        ])
+      ]),
+      _: 1
+    }),
+    createVNode(Transition, { name: "slide-fade" }, {
+      default: withCtx(() => [
+        $setup.visibleStatus ? (openBlock(), createElementBlock("div", _hoisted_1$2, [
+          (openBlock(true), createElementBlock(Fragment, null, renderList($setup.sceneInfo, (item) => {
+            return openBlock(), createBlock(_component_el_tooltip, {
+              effect: "dark",
+              content: item.sceneName,
+              placement: "top"
+            }, {
+              default: withCtx(() => [
+                createElementVNode("section", {
+                  class: "box-item",
+                  onClick: ($event) => $setup.loadScene(item.sceneId)
+                }, [
+                  createElementVNode("img", {
+                    class: "icon",
+                    src: item.sceneImg
+                  }, null, 8, _hoisted_3$2)
+                ], 8, _hoisted_2$2)
+              ]),
+              _: 2
+            }, 1032, ["content"]);
+          }), 256))
+        ])) : createCommentVNode("", true)
+      ]),
+      _: 1
+    })
+  ], 4)) : createCommentVNode("", true);
+}
+const Component$2 = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["render", _sfc_render$2], ["__scopeId", "data-v-a2447328"]]);
+Component$2.install = (app) => {
+  app.component(Component$2.name, Component$2);
+};
+const _sfc_main$1 = {
+  name: "ToolLayerController",
+  props: {
+    visible: {
+      type: Boolean,
+      default: false
+    },
+    earthView: {
+      type: CesiumAlphaViewer,
+      default: null
+    },
+    style: {
+      type: Object
+    }
+  },
+  components: {
+    CircleClose: circle_close_default,
+    ElButton,
+    Search: search_default,
+    ElInput,
+    ElCheckboxGroup,
+    ElCheckbox,
+    ElEmpty
+  },
+  emits: ["close"],
+  setup(props, ctx) {
+    let visible = ref(false);
+    let earthView = toRaw(props.earthView);
+    let searchInput = ref("");
+    let layerInfoArray = ref([]);
+    onMounted(() => {
+      visible.value = props.visible;
+      layerInfoArray.value = initLayers();
+      watch(() => props.visible, (n, o) => {
+        visible.value = props.visible;
+      });
+    });
+    function initLayers() {
+      let initLayers2 = [];
+      earthView.layerDatasource.forEach((layer) => {
+        console.log(layer, "lase");
+        initLayers2.push({
+          layerId: layer.uid,
+          layerName: layer.name || "",
+          layerShow: layer.show,
+          layerPrimitive: layer.primitiveCollection
+        });
+      });
+      return initLayers2;
+    }
+    function searchLayer() {
+      let layersList = initLayers();
+      if (searchInput.value.length > 0) {
+        layerInfoArray.value = layersList.filter((layerInfo) => {
+          return layerInfo.layerName.toLowerCase().includes(searchInput.value.toLowerCase());
+        });
+      } else {
+        layerInfoArray.value = layersList;
+      }
+    }
+    function changeVisible(layerInfo) {
+      let element = lodashExports.find(props.earthView.layerDatasource, { "uid": layerInfo.layerId });
+      if (element) {
+        element.show = layerInfo.layerShow;
+      }
+    }
+    function close() {
+      ctx.emit("close", "LayerController");
+    }
+    return {
+      visible,
+      close,
+      searchInput,
+      Search: search_default,
+      layerInfoArray,
+      changeVisible,
+      searchLayer
+    };
+  }
+};
+const _hoisted_1$1 = { class: "header" };
+const _hoisted_2$1 = { class: "container" };
+const _hoisted_3$1 = { class: "searchInput" };
+const _hoisted_4$1 = { class: "layerContainer" };
+const _hoisted_5$1 = { class: "section" };
+function _sfc_render$1(_ctx, _cache2, $props, $setup, $data, $options) {
+  const _component_CircleClose = resolveComponent("CircleClose");
+  const _component_el_input = resolveComponent("el-input");
+  const _component_el_checkbox = resolveComponent("el-checkbox");
+  const _component_el_empty = resolveComponent("el-empty");
+  return openBlock(), createBlock(Transition, { name: "slide-fade" }, {
+    default: withCtx(() => [
+      $setup.visible ? (openBlock(), createElementBlock("div", {
+        key: 0,
+        class: "component-ui",
+        style: normalizeStyle(_ctx.$props.style)
+      }, [
+        createElementVNode("div", _hoisted_1$1, [
+          _cache2[1] || (_cache2[1] = createElementVNode("span", null, "图层控制", -1)),
+          createVNode(_component_CircleClose, {
+            class: "closeBth",
+            onClick: $setup.close
+          }, null, 8, ["onClick"])
+        ]),
+        createElementVNode("div", _hoisted_2$1, [
+          createElementVNode("div", _hoisted_3$1, [
+            _cache2[2] || (_cache2[2] = createElementVNode("span", null, "搜索：", -1)),
+            createVNode(_component_el_input, {
+              modelValue: $setup.searchInput,
+              "onUpdate:modelValue": _cache2[0] || (_cache2[0] = ($event) => $setup.searchInput = $event),
+              placeholder: "搜索图层",
+              class: "searchComponent",
+              "suffix-icon": $setup.Search,
+              onInput: $setup.searchLayer
+            }, null, 8, ["modelValue", "suffix-icon", "onInput"])
+          ]),
+          createElementVNode("div", _hoisted_4$1, [
+            (openBlock(true), createElementBlock(Fragment, null, renderList($setup.layerInfoArray, (layer) => {
+              return openBlock(), createElementBlock("div", _hoisted_5$1, [
+                (openBlock(), createBlock(_component_el_checkbox, {
+                  class: "checkboxStyle",
+                  key: layer.layerId,
+                  label: layer.layerName,
+                  value: layer.layerId,
+                  modelValue: layer.layerShow,
+                  "onUpdate:modelValue": ($event) => layer.layerShow = $event,
+                  onChange: ($event) => $setup.changeVisible(layer)
+                }, {
+                  default: withCtx(() => [
+                    createTextVNode(toDisplayString(layer.layerName), 1)
+                  ]),
+                  _: 2
+                }, 1032, ["label", "value", "modelValue", "onUpdate:modelValue", "onChange"]))
+              ]);
+            }), 256)),
+            $setup.layerInfoArray.length == 0 ? (openBlock(), createBlock(_component_el_empty, {
+              key: 0,
+              description: "当前无图层!"
+            })) : createCommentVNode("", true)
+          ])
+        ])
+      ], 4)) : createCommentVNode("", true)
+    ]),
+    _: 1
+  });
+}
+const Component$1 = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render$1], ["__scopeId", "data-v-1bb73d0e"]]);
+Component$1.install = (app) => {
+  app.component(Component$1.name, Component$1);
+};
+const _sfc_main = {
+  name: "Search",
+  components: {
+    ElSelect,
+    ElOption,
+    ArrowDown: arrow_down_default,
+    ZoomIn: zoom_in_default,
+    ElInput,
+    ElButton
+  },
+  props: {
+    visible: {
+      type: Boolean,
+      default: false
+    },
+    earthView: {
+      type: CesiumAlphaViewer,
+      default: null
+    },
+    style: {
+      type: Object
+    }
+  },
+  setup(props, ctx) {
+    let earthViewer = toRaw(props.earthView);
+    let selectLayerValue = ref();
+    let layerOptions = ref([]);
+    let searchInput = ref("");
+    let resultOption = ref([]);
+    let layerShow = ref(false);
+    let selectedFeature = ref();
+    let featureResults = ref([]);
+    onMounted(() => {
+      layerOptions.value = earthViewer.layerDatasource;
+    });
+    function searchFun(e) {
+      const regex2 = new RegExp(e, "i");
+      featureResults.value = [];
+      if (selectLayerValue.value) {
+        console.log(selectLayerValue.value, "selectLayerValue.value");
+        selectLayerValue.value._featureItem.forEach((item) => {
+          var _a2, _b, _c, _d, _e, _f, _g, _h, _i;
+          if (item.properties) {
+            let fieldsValue = item.properties[((_c = (_b = (_a2 = selectLayerValue.value) == null ? void 0 : _a2.option.point) == null ? void 0 : _b.label) == null ? void 0 : _c.fieldKey) || ((_f = (_e = (_d = selectLayerValue.value) == null ? void 0 : _d.option.polygon) == null ? void 0 : _e.label) == null ? void 0 : _f.fieldKey) || ((_i = (_h = (_g = selectLayerValue.value) == null ? void 0 : _g.option.polyline) == null ? void 0 : _h.label) == null ? void 0 : _i.fieldKey) || "INDEXNAME"];
+            let ispush = regex2.test(fieldsValue);
+            if (ispush) {
+              featureResults.value.push({
+                label: fieldsValue,
+                value: item.id
+              });
+            }
+          }
+        });
+      } else {
+        earthViewer.layerDatasource.forEach((layer) => {
+          if (!layer.show) {
+            return;
+          }
+          layer.featureItem.forEach((item) => {
+            var _a2, _b, _c, _d, _e, _f;
+            if (item.properties) {
+              let fieldsValue = item.properties[((_c = (_b = (_a2 = selectLayerValue.value) == null ? void 0 : _a2.option.point) == null ? void 0 : _b.label) == null ? void 0 : _c.fieldKey) || ((_f = (_e = (_d = selectLayerValue.value) == null ? void 0 : _d.option.polygon) == null ? void 0 : _e.label) == null ? void 0 : _f.fieldKey) || "INDEXNAME"];
+              let ispush = regex2.test(fieldsValue);
+              if (ispush) {
+                featureResults.value.push({
+                  label: fieldsValue,
+                  value: item.id
+                });
+              }
+            }
+          });
+        });
+      }
+    }
+    function changeSelect(uid) {
+      var _a2, _b;
+      if (selectLayerValue.value) {
+        let res = selectLayerValue.value.findFeatureById(uid);
+        if ((res == null ? void 0 : res.type) == "Point") {
+          if ((_a2 = res.center) == null ? void 0 : _a2.cartesian3) {
+            let bound = BoundingSphere.fromPoints([(_b = res.center) == null ? void 0 : _b.cartesian3]);
+            earthViewer.goTo(bound);
+          }
+        }
+        if ((res == null ? void 0 : res.type) == "Polygon") {
+          let bound = BoundingSphere.fromPoints(res.positions);
+          earthViewer.goTo(bound);
+        }
+        if ((res == null ? void 0 : res.type) == "Polyline") {
+          let bound = BoundingSphere.fromPoints(res.positions);
+          earthViewer.goTo(bound);
+        }
+      } else {
+        earthViewer.layerDatasource.forEach((layer) => {
+          var _a3, _b2;
+          let res = layer.findFeatureById(uid);
+          if ((res == null ? void 0 : res.type) == "Point") {
+            if ((_a3 = res.center) == null ? void 0 : _a3.cartesian3) {
+              let bound = BoundingSphere.fromPoints([(_b2 = res.center) == null ? void 0 : _b2.cartesian3]);
+              earthViewer.goTo(bound);
+            }
+          }
+          if ((res == null ? void 0 : res.type) == "Polygon") {
+            let bound = BoundingSphere.fromPoints(res.positions);
+            earthViewer.goTo(bound);
+          }
+          if ((res == null ? void 0 : res.type) == "Polyline") {
+            let bound = BoundingSphere.fromPoints(res.positions);
+            earthViewer.goTo(bound);
+          }
+        });
+      }
+      selectedFeature.value = void 0;
+    }
+    function selectedLayer(layer) {
+      featureResults.value = [];
+      selectLayerValue.value = layer;
+    }
+    return {
+      selectLayerValue,
+      layerOptions,
+      searchInput,
+      resultOption,
+      layerShow,
+      selectedLayer,
+      searchFun,
+      selectedFeature,
+      featureResults,
+      changeSelect
+    };
+  }
+};
+const _hoisted_1 = { class: "textSpan" };
+const _hoisted_2 = {
+  key: 0,
+  class: "dropDownLayer"
+};
+const _hoisted_3 = ["onClick"];
+const _hoisted_4 = { class: "rightInput" };
+const _hoisted_5 = { class: "endSearchBth" };
+function _sfc_render(_ctx, _cache2, $props, $setup, $data, $options) {
+  const _component_ArrowDown = resolveComponent("ArrowDown");
+  const _component_el_option = resolveComponent("el-option");
+  const _component_el_select = resolveComponent("el-select");
+  const _component_ZoomIn = resolveComponent("ZoomIn");
+  return openBlock(), createElementBlock("div", {
+    class: "container",
+    style: normalizeStyle(_ctx.$props.style)
+  }, [
+    createElementVNode("section", {
+      class: "leftSelect",
+      onMouseover: _cache2[1] || (_cache2[1] = ($event) => $setup.layerShow = true),
+      onMouseleave: _cache2[2] || (_cache2[2] = ($event) => $setup.layerShow = false)
+    }, [
+      createElementVNode("span", _hoisted_1, toDisplayString($setup.selectLayerValue == void 0 ? "全部" : $setup.selectLayerValue.name), 1),
+      createVNode(_component_ArrowDown, { class: "icon" }),
+      createVNode(Transition, null, {
+        default: withCtx(() => [
+          $setup.layerShow ? (openBlock(), createElementBlock("div", _hoisted_2, [
+            createElementVNode("section", {
+              class: "layerInfoContainer",
+              onClick: _cache2[0] || (_cache2[0] = ($event) => $setup.selectedLayer(void 0))
+            }, _cache2[4] || (_cache2[4] = [
+              createElementVNode("span", null, "全部", -1)
+            ])),
+            (openBlock(true), createElementBlock(Fragment, null, renderList($setup.layerOptions, (layer) => {
+              return openBlock(), createElementBlock("section", {
+                class: "layerInfoContainer",
+                onClick: ($event) => $setup.selectedLayer(layer)
+              }, [
+                createElementVNode("span", null, toDisplayString(layer.name), 1)
+              ], 8, _hoisted_3);
+            }), 256))
+          ])) : createCommentVNode("", true)
+        ]),
+        _: 1
+      })
+    ], 32),
+    createElementVNode("section", _hoisted_4, [
+      createVNode(_component_el_select, {
+        class: "elSelect",
+        modelValue: $setup.selectedFeature,
+        "onUpdate:modelValue": _cache2[3] || (_cache2[3] = ($event) => $setup.selectedFeature = $event),
+        filterable: "",
+        remote: "",
+        "reserve-keyword": "",
+        placeholder: "请输入要素名称",
+        "remote-method": $setup.searchFun,
+        onChange: $setup.changeSelect,
+        empty: "'当前无要素'"
+      }, {
+        empty: withCtx(() => _cache2[5] || (_cache2[5] = [
+          createElementVNode("span", null, "没有找到该要素！！", -1)
+        ])),
+        default: withCtx(() => [
+          (openBlock(true), createElementBlock(Fragment, null, renderList($setup.featureResults.slice(0, 20), (item) => {
+            return openBlock(), createBlock(_component_el_option, {
+              key: item.value,
+              label: item.label,
+              value: item.value
+            }, null, 8, ["label", "value"]);
+          }), 128))
+        ]),
+        _: 1
+      }, 8, ["modelValue", "remote-method", "onChange"])
+    ]),
+    createElementVNode("section", _hoisted_5, [
+      createVNode(_component_ZoomIn, { class: "icon" })
+    ])
+  ], 4);
+}
+const Component = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-6d886800"]]);
 Component.install = (app) => {
   app.component(Component.name, Component);
 };
-let comps = [Component$1, Component];
+let comps = [Component$8, Component$7, Component$6, Component$5, Component$4, Component$3, Component$2, Component$1, Component];
 const AlphaCesiumComponent = (Vue) => {
   comps.map((component) => {
     Vue.component("Alpha" + component.name, component);