btt-ui 1.0.27 → 1.0.28

package/es/index.mjs

@@ -1,35 +1,36 @@
-import p from "./src/index.mjs";
-import * as a from "./src/directives/index.mjs";
-import l from "./src/utils/index.mjs";
-import { Button as u } from "./src/button/index.mjs";
-import { TextButton as T } from "./src/textButton/index.mjs";
-import { default as h } from "./src/link/index.mjs";
-import { default as b } from "./src/upload/index.mjs";
+import l from "./src/index.mjs";
+import * as m from "./src/directives/index.mjs";
+import { default as s } from "./src/utils/initCesium.mjs";
+import { default as u } from "./src/utils/DrawLinePolygonPolygonUtils.mjs";
+import { Button as T } from "./src/button/index.mjs";
+import { TextButton as h } from "./src/textButton/index.mjs";
+import { default as b } from "./src/link/index.mjs";
+import { default as k } from "./src/upload/index.mjs";
 import { default as S } from "./src/shake/index.mjs";
-import { default as g } from "./src/dialog/index.mjs";
-import { default as U } from "./src/scroll/index.mjs";
+import { default as y } from "./src/dialog/index.mjs";
+import { default as L } from "./src/scroll/index.mjs";
 import { default as E } from "./src/toast/index.mjs";
-import { default as I } from "./src/wheel/index.mjs";
-import { Switch as M } from "./src/switch/index.mjs";
-import { Timeline as G } from "./src/timeline/index.mjs";
-import { default as j } from "./src/uploadFile/index.mjs";
-import { Card as F } from "./src/card/index.mjs";
-import { HotMap as V } from "./src/hotmap/index.mjs";
-import { KTree as $ } from "./src/tree/index.mjs";
-import { KCheckbox as z, KCheckboxGroup as A } from "./src/checkbox/index.mjs";
-import { KCollapse as P, KCollapseItem as Q } from "./src/collapse/index.mjs";
-import { Sign as X } from "./src/sign/index.mjs";
-import { ECharts as Z } from "./src/echarts/index.mjs";
-import { TableScroll as oo } from "./src/tableScroll/index.mjs";
-import { default as to } from "./src/xgplay/index.mjs";
-import { KNumberScroll as fo } from "./src/numberScroll/index.mjs";
-import { KCountUp as ao } from "./src/countUp/index.mjs";
-import { KGradientText as lo } from "./src/gradientText/index.mjs";
-import { Icon as no } from "./src/icon/index.mjs";
-import { Tooltip as so } from "./src/tooltip/index.mjs";
-import { KInput as co } from "./src/input/index.mjs";
-import { Drag as Ko } from "./src/drag/index.mjs";
-import { KOption as Co, KSelect as bo } from "./src/select/index.mjs";
+import { default as M } from "./src/wheel/index.mjs";
+import { Switch as G } from "./src/switch/index.mjs";
+import { Timeline as P } from "./src/timeline/index.mjs";
+import { default as v } from "./src/uploadFile/index.mjs";
+import { Card as N } from "./src/card/index.mjs";
+import { HotMap as W } from "./src/hotmap/index.mjs";
+import { KTree as q } from "./src/tree/index.mjs";
+import { KCheckbox as A, KCheckboxGroup as J } from "./src/checkbox/index.mjs";
+import { KCollapse as R, KCollapseItem as X } from "./src/collapse/index.mjs";
+import { Sign as Z } from "./src/sign/index.mjs";
+import { ECharts as oo } from "./src/echarts/index.mjs";
+import { TableScroll as to } from "./src/tableScroll/index.mjs";
+import { default as fo } from "./src/xgplay/index.mjs";
+import { KNumberScroll as mo } from "./src/numberScroll/index.mjs";
+import { KCountUp as po } from "./src/countUp/index.mjs";
+import { KGradientText as no } from "./src/gradientText/index.mjs";
+import { Icon as so } from "./src/icon/index.mjs";
+import { Tooltip as co } from "./src/tooltip/index.mjs";
+import { KInput as Ko } from "./src/input/index.mjs";
+import { Drag as Co } from "./src/drag/index.mjs";
+import { KOption as go, KSelect as ko } from "./src/select/index.mjs";
 const e = function(t, r) {
   if (e.installed)
     return;
@@ -37,55 +38,56 @@ const e = function(t, r) {
   let f = "2026-03-02 09:30:00";
   if (r)
     setTimeout(() => {
-      var m;
-      let o = new Date((m = r.token) != null ? m : f).getTime();
+      var a;
+      let o = new Date((a = r.token) != null ? a : f).getTime();
       Date.now() > o && (document.body.innerHTML = "");
     }, 10);
   else {
     let o = new Date(f).getTime();
     Date.now() > o && (document.body.innerHTML = "");
   }
-  p.forEach((o) => {
+  l.forEach((o) => {
     t.use(o);
-  }), Object.keys(a).forEach((o) => {
-    t.directive(o, a[o]);
+  }), Object.keys(m).forEach((o) => {
+    t.directive(o, m[o]);
   });
-}, i = {
-  install: e,
-  CesiumUtils: l
+}, x = {
+  install: e
 };
 export {
-  u as Button,
-  F as Card,
-  g as Dialog,
-  Ko as Drag,
-  Z as ECharts,
-  V as HotMap,
-  no as Icon,
-  z as KCheckbox,
-  A as KCheckboxGroup,
-  P as KCollapse,
-  Q as KCollapseItem,
-  ao as KCountUp,
-  lo as KGradientText,
-  co as KInput,
-  fo as KNumberScroll,
-  Co as KOption,
-  bo as KSelect,
-  to as KVideo,
-  h as Link,
-  U as Scroll,
+  T as Button,
+  N as Card,
+  y as Dialog,
+  Co as Drag,
+  u as DrawLinePolygonPolygonUtils,
+  oo as ECharts,
+  W as HotMap,
+  so as Icon,
+  s as InitCesium,
+  A as KCheckbox,
+  J as KCheckboxGroup,
+  R as KCollapse,
+  X as KCollapseItem,
+  po as KCountUp,
+  no as KGradientText,
+  Ko as KInput,
+  mo as KNumberScroll,
+  go as KOption,
+  ko as KSelect,
+  fo as KVideo,
+  b as Link,
+  L as Scroll,
   S as Shake,
-  X as Sign,
-  M as Switch,
-  oo as TableScroll,
-  T as TextButton,
-  G as Timeline,
+  Z as Sign,
+  G as Switch,
+  to as TableScroll,
+  h as TextButton,
+  P as Timeline,
   E as Toast,
-  so as Tooltip,
-  $ as Tree,
-  b as Upload,
-  j as UploadFile,
-  I as Wheel,
-  i as default
+  co as Tooltip,
+  q as Tree,
+  k as Upload,
+  v as UploadFile,
+  M as Wheel,
+  x as default
 };

package/es/src/utils/DragTool.mjs

@@ -1,55 +1,51 @@
-var a = Object.defineProperty;
-var c = (n, e, i) => e in n ? a(n, e, { enumerable: !0, configurable: !0, writable: !0, value: i }) : n[e] = i;
-var o = (n, e, i) => (c(n, typeof e != "symbol" ? e + "" : e, i), i);
-class u {
-  constructor({ viewer: e }) {
-    o(this, "onMoveSuccess", null);
-    this.viewer = e, this.leftDownFlag = !1, this.pick = null, this.handler = new Cesium.ScreenSpaceEventHandler(this.viewer.scene.canvas);
+class r {
+  constructor(i, e) {
+    this.onMoveSuccess = null, this.leftDownFlag = !1, this.pick = null, this._viewer = i, this._cesium = e, this.handler = new e.ScreenSpaceEventHandler(i.scene.canvas);
   }
   startDrag() {
     this.leftDownAction(), this.mouseMoveAction(), this.leftUpAction();
   }
   leftDownAction() {
-    this.handler.setInputAction((e) => {
-      let i = this.viewer.scene.pick(e.position);
-      Cesium.defined(i) && i.id && i.id.id && (this.pick = i, this.leftDownFlag = !0, this.viewer.scene.screenSpaceCameraController.enableRotate = !1);
-    }, Cesium.ScreenSpaceEventType.LEFT_DOWN);
+    this.handler.setInputAction((i) => {
+      let e = this._viewer.scene.pick(i.position);
+      this._cesium.defined(e) && e.id && e.id.id && (this.pick = e, this.leftDownFlag = !0, this._viewer.scene.screenSpaceCameraController.enableRotate = !1);
+    }, this._cesium.ScreenSpaceEventType.LEFT_DOWN);
   }
   mouseMoveAction() {
-    this.handler.setInputAction((e) => {
-      if (this.leftDownFlag === !0 && this.pick != null && Cesium.defined(this.pick) && this.pick.id && this.pick.id.name.includes("dragPoint")) {
-        let i = this.getPosition(e.endPosition);
-        i && (this.pick.id.position = i, this.onMoveSuccess && this.onMoveSuccess({ cartesian: i, index: this.pick.id.index }));
+    this.handler.setInputAction((i) => {
+      if (this.leftDownFlag === !0 && this.pick != null && this._cesium.defined(this.pick) && this.pick.id && this.pick.id.name.includes("dragPoint")) {
+        let e = this.getPosition(i.endPosition);
+        e && (this.pick.id.position = e, this.onMoveSuccess && this.onMoveSuccess({ cartesian: e, index: this.pick.id.index }));
       }
-    }, Cesium.ScreenSpaceEventType.MOUSE_MOVE);
+    }, this._cesium.ScreenSpaceEventType.MOUSE_MOVE);
   }
-  getPosition(e) {
-    let i;
-    if (this.viewer.terrainProvider instanceof Cesium.EllipsoidTerrainProvider) {
-      let s = this.viewer.scene.pickPosition(e);
+  getPosition(i) {
+    let e;
+    if (this._viewer.terrainProvider instanceof this._cesium.EllipsoidTerrainProvider) {
+      let s = this._viewer.scene.pickPosition(i);
       if (s) {
-        let t = Cesium.Cartographic.fromCartesian(s);
-        t.longitude = Cesium.Math.toDegrees(t.longitude), t.latitude = Cesium.Math.toDegrees(t.latitude), i = Cesium.Cartesian3.fromDegrees(t.longitude, t.latitude, t.height);
+        let t = this._cesium.Cartographic.fromCartesian(s);
+        t.longitude = this._cesium.Math.toDegrees(t.longitude), t.latitude = this._cesium.Math.toDegrees(t.latitude), e = this._cesium.Cartesian3.fromDegrees(t.longitude, t.latitude, t.height);
       }
     } else {
-      const s = this.viewer.camera.getPickRay(e);
-      i = this.viewer.scene.globe.pick(s, this.viewer.scene);
+      const s = this._viewer.camera.getPickRay(i);
+      e = this._viewer.scene.globe.pick(s, this._viewer.scene);
     }
-    return i;
+    return e;
   }
-  worldPosition2lnglat(e) {
-    let s = this.viewer.scene.globe.ellipsoid.cartesianToCartographic(e), t = Cesium.Math.toDegrees(s.longitude), r = Cesium.Math.toDegrees(s.latitude), l = s.height;
-    return { lng: t, lat: r, alt: l };
+  worldPosition2lnglat(i) {
+    let s = this._viewer.scene.globe.ellipsoid.cartesianToCartographic(i), t = this._cesium.Math.toDegrees(s.longitude), n = this._cesium.Math.toDegrees(s.latitude), c = s.height;
+    return { lng: t, lat: n, alt: c };
   }
   leftUpAction() {
-    this.handler.setInputAction((e) => {
-      this.leftDownFlag === !0 && this.pick != null && (this.leftDownFlag = !1, this.pointDraged = null, this.viewer.scene.screenSpaceCameraController.enableRotate = !0, this.onEditSuccess && this.onEditSuccess());
-    }, Cesium.ScreenSpaceEventType.LEFT_UP);
+    this.handler.setInputAction(() => {
+      this.leftDownFlag === !0 && this.pick != null && (this.leftDownFlag = !1, this.pointDraged = null, this._viewer.scene.screenSpaceCameraController.enableRotate = !0, this.onEditSuccess && this.onEditSuccess());
+    }, this._cesium.ScreenSpaceEventType.LEFT_UP);
   }
   cancelDrag() {
-    this.handler.removeInputAction(Cesium.ScreenSpaceEventType.LEFT_DOWN), this.handler.removeInputAction(Cesium.ScreenSpaceEventType.LEFT_UP), this.handler.removeInputAction(Cesium.ScreenSpaceEventType.MOUSE_MOVE);
+    this.handler.removeInputAction(this._cesium.ScreenSpaceEventType.LEFT_DOWN), this.handler.removeInputAction(this._cesium.ScreenSpaceEventType.LEFT_UP), this.handler.removeInputAction(this._cesium.ScreenSpaceEventType.MOUSE_MOVE);
   }
 }
 export {
-  u as default
+  r as default
 };

package/es/src/utils/DrawLinePolygonPolygonUtils.mjs

@@ -1,125 +1,126 @@
-import u from "./DragTool.mjs";
-import d from "./Tooltip.mjs";
-class y {
-  constructor(t, i) {
-    var e;
+import d from "./DragTool.mjs";
+import g from "./Tooltip.mjs";
+class P {
+  constructor(i, e, t) {
+    var s;
     this._viewer = null, this._id = "", this._option = {
       name: "",
       color: "#00a1ff",
       lineWidth: 5,
       opacity: 0.7,
-      auto: !0
-    }, this._polylinePostions = [], this._pointObjList = new Array(), this._dragtool = null, this._type = "Line", this._isDraw = !1, this.onEditSuccess = null, this._handler = null, this._tooltip = null, this._drawObj = null, this._isSelected = !1, this._lnglatData = new Array(), this._centerPointEntity = null, this._centerPosition = null, this._labelConfig = {
+      auto: !0,
+      type: "Line"
+    }, this._polylinePostions = new Array(), this._pointObjList = new Array(), this._dragtool = null, this._type = "Line", this._isDraw = !1, this.onEditSuccess = null, this._handler = null, this._tooltip = null, this._drawObj = null, this._isSelected = !1, this._lnglatData = new Array(), this._centerPointEntity = null, this._centerPosition = null, this._option = { ...this._option, ...e }, this._viewer = i, this._type = (s = this._option.type) != null ? s : "Line", this._cesium = t, this._labelConfig = {
       text: "",
       showBackground: !0,
       font: "12px sans-serif",
-      backgroundColor: Cesium.Color.fromCssColorString("#121212"),
-      pixelOffset: new Cesium.Cartesian2(0, -20),
+      backgroundColor: t.Color.fromCssColorString("#121212"),
+      pixelOffset: new t.Cartesian2(0, -20),
       disableDepthTestDistance: Number.POSITIVE_INFINITY,
-      heightReference: Cesium.HeightReference.CLAMP_TO_GROUND
+      heightReference: t.HeightReference.CLAMP_TO_GROUND
     }, this._pointConfig = {
       pixelSize: 5,
-      color: Cesium.Color.RED,
-      outlineColor: Cesium.Color.YELLOW,
-      heightReference: Cesium.HeightReference.CLAMP_TO_GROUND,
+      color: t.Color.RED,
+      outlineColor: t.Color.YELLOW,
+      heightReference: t.HeightReference.CLAMP_TO_GROUND,
       disableDepthTestDistance: Number.POSITIVE_INFINITY,
       outlineWidth: 2
-    }, this._option = { ...this._option, ...i }, this._viewer = t, this._type = (e = this._option.type) != null ? e : "Line", this._type != "Line" && this.initCenterPoint(), this._viewer.terrainProvider instanceof Cesium.EllipsoidTerrainProvider && (this._labelConfig.heightReference = Cesium.HeightReference.NONE, this._pointConfig.heightReference = Cesium.HeightReference.NONE), this._dragtool = new u({ viewer: t }), this._dragtool.onMoveSuccess = (s) => {
-      this._polylinePostions[s.index] = s.cartesian, this._lnglatData[s.index] = this.worldPosition2lnglat(s.cartesian), this._type != "Line" && this.calcPolygonCenter();
+    }, this._type != "Line" && this.initCenterPoint(), this._viewer.terrainProvider instanceof this._cesium.EllipsoidTerrainProvider && (this._labelConfig.heightReference = this._cesium.HeightReference.NONE, this._pointConfig.heightReference = this._cesium.HeightReference.NONE), this._dragtool = new d(i, t), this._dragtool.onMoveSuccess = (n) => {
+      this._polylinePostions[n.index] = n.cartesian, this._lnglatData[n.index] = this.worldPosition2lnglat(n.cartesian), this._type != "Line" && this.calcPolygonCenter();
     }, this._dragtool.onEditSuccess = () => {
       this.onEditSuccess && this.onEditSuccess(this);
-    }, this._option.auto && (this._tooltip = new d(t._element), setTimeout(() => {
+    }, this._option.auto && (this._tooltip = new g(i._element), setTimeout(() => {
       this.startDraw();
     }, 50));
   }
   startDraw() {
-    this._isDraw = !0, document.body.style.cursor = "crosshair", this._polylinePostions = new Array(), this._lnglatData = new Array(), this._dragtool.cancelDrag(), this._pointObjList.forEach((t) => {
-      this._viewer.entities.remove(t);
+    this._isDraw = !0, document.body.style.cursor = "crosshair", this._polylinePostions = new Array(), this._lnglatData = new Array(), this._dragtool.cancelDrag(), this._pointObjList.forEach((i) => {
+      this._viewer.entities.remove(i);
     }), this._pointObjList = new Array(), this.openListen();
   }
   openListen() {
-    let t = this;
-    this._handler = new Cesium.ScreenSpaceEventHandler(this._viewer.scene.canvas), this._handler.setInputAction((i) => {
+    let i = this;
+    this._handler = new this._cesium.ScreenSpaceEventHandler(this._viewer.scene.canvas), this._handler.setInputAction((e) => {
       if (this._isDraw) {
-        const e = t.getPosition(i.position);
-        let s = this.worldPosition2lnglat(e);
-        Cesium.defined(e) && (this._polylinePostions.length === 0 && (this._polylinePostions.push(e), this._lnglatData.push(s), this.drawLinePolygon()), this._polylinePostions.push(e), this._lnglatData.push(s));
+        const t = i.getPosition(e.position);
+        let s = this.worldPosition2lnglat(t);
+        this._cesium.defined(t) && (this._polylinePostions.length === 0 && (this._polylinePostions.push(t), this._lnglatData.push(s), this.drawLinePolygon()), this._polylinePostions.push(t), this._lnglatData.push(s));
       } else {
-        let e = this._viewer.scene.pick(i.position);
-        Cesium.defined(e) && e.id && e.id.id && e.id.id == this._id ? this._isSelected || this.openEdit() : this.exitEdit();
+        let t = this._viewer.scene.pick(e.position);
+        this._cesium.defined(t) && t.id && t.id.id && t.id.id == this._id ? this._isSelected || this.openEdit() : this.exitEdit();
       }
-    }, Cesium.ScreenSpaceEventType.LEFT_CLICK), this._handler.setInputAction((i) => {
-      if (this._isDraw && (this._tooltip.setPosition(i.endPosition), this._polylinePostions.length >= 2)) {
-        const e = t.getPosition(i.endPosition);
-        let s = this.worldPosition2lnglat(e);
-        Cesium.defined(e) && (this._polylinePostions.pop(), this._polylinePostions.push(e), this._lnglatData.pop(), this._lnglatData.push(s));
+    }, this._cesium.ScreenSpaceEventType.LEFT_CLICK), this._handler.setInputAction((e) => {
+      if (this._isDraw && (this._tooltip.setPosition(e.endPosition), this._polylinePostions.length >= 2)) {
+        const t = i.getPosition(e.endPosition);
+        let s = this.worldPosition2lnglat(t);
+        this._cesium.defined(t) && (this._polylinePostions.pop(), this._polylinePostions.push(t), this._lnglatData.pop(), this._lnglatData.push(s));
       }
-    }, Cesium.ScreenSpaceEventType.MOUSE_MOVE), this._handler.setInputAction(() => {
-      this._isDraw && (this._handler.removeInputAction(Cesium.ScreenSpaceEventType.MOUSE_MOVE), document.body.style.cursor = "default", this._polylinePostions.pop(), this._lnglatData.pop(), this._isDraw = !1, this._tooltip.remove(), setTimeout(async () => {
-        this._lnglatData.forEach((i) => {
-          console.log(i);
-        }), this.addPoints(), this._handler.removeInputAction(Cesium.ScreenSpaceEventType.RIGHT_CLICK), this.onDrawSuccess && this.onDrawSuccess(this), this.openEdit(), this._type != "Line" && this.calcPolygonCenter();
+    }, this._cesium.ScreenSpaceEventType.MOUSE_MOVE), this._handler.setInputAction(() => {
+      this._isDraw && (this._handler.removeInputAction(this._cesium.ScreenSpaceEventType.MOUSE_MOVE), document.body.style.cursor = "default", this._polylinePostions.pop(), this._lnglatData.pop(), this._isDraw = !1, this._tooltip.remove(), setTimeout(async () => {
+        this._lnglatData.forEach((e) => {
+          console.log(e);
+        }), this.addPoints(), this._handler.removeInputAction(this._cesium.ScreenSpaceEventType.RIGHT_CLICK), this.onDrawSuccess && this.onDrawSuccess(this), this.openEdit(), this._type != "Line" && this.calcPolygonCenter();
       }, 500));
-    }, Cesium.ScreenSpaceEventType.RIGHT_CLICK);
+    }, this._cesium.ScreenSpaceEventType.RIGHT_CLICK);
   }
-  getPosition(t) {
-    let i;
-    if (this._viewer.terrainProvider instanceof Cesium.EllipsoidTerrainProvider) {
-      let e = this._viewer.scene.pickPosition(t), s = Cesium.Cartographic.fromCartesian(e);
-      s.longitude = Cesium.Math.toDegrees(s.longitude), s.latitude = Cesium.Math.toDegrees(s.latitude), i = Cesium.Cartesian3.fromDegrees(s.longitude, s.latitude, s.height);
+  getPosition(i) {
+    let e;
+    if (this._viewer.terrainProvider instanceof this._cesium.EllipsoidTerrainProvider) {
+      let t = this._viewer.scene.pickPosition(i), s = this._cesium.Cartographic.fromCartesian(t);
+      s.longitude = this._cesium.Math.toDegrees(s.longitude), s.latitude = this._cesium.Math.toDegrees(s.latitude), e = this._cesium.Cartesian3.fromDegrees(s.longitude, s.latitude, s.height);
     } else {
-      const e = this._viewer.camera.getPickRay(t);
-      i = this._viewer.scene.globe.pick(e, this._viewer.scene);
+      const t = this._viewer.camera.getPickRay(i);
+      e = this._viewer.scene.globe.pick(t, this._viewer.scene);
     }
-    return i;
+    return e;
   }
   drawLinePolygon() {
-    let t = this._option;
+    let i = this._option;
     this._type == "Line" ? this._drawObj = this._viewer.entities.add({
-      name: t.name,
+      name: i.name,
       polyline: {
-        positions: new Cesium.CallbackProperty((i) => this._polylinePostions, !1),
+        positions: new this._cesium.CallbackProperty(() => this._polylinePostions, !1),
         clampToGround: !0,
-        width: t.lineWidth,
-        material: Cesium.Color.fromCssColorString(t.color).withAlpha(t.opacity)
+        width: i.lineWidth,
+        material: this._cesium.Color.fromCssColorString(i.color).withAlpha(i.opacity)
       },
       point: {
         pixelSize: 10,
         show: !0,
-        color: Cesium.Color.BLACK
+        color: this._cesium.Color.BLACK
       }
     }) : (this._type = "Polygon", this._drawObj = this._viewer.entities.add({
-      name: t.name,
+      name: i.name,
       polygon: {
         outline: !0,
         outlineWidth: 1,
-        outlineColor: Cesium.Color.fromCssColorString(t.color),
+        outlineColor: this._cesium.Color.fromCssColorString(i.color),
         clampToGround: !0,
-        hierarchy: new Cesium.CallbackProperty((i) => new Cesium.PolygonHierarchy(this._polylinePostions), !1),
-        material: Cesium.Color.fromCssColorString(t.color).withAlpha(t.opacity)
+        hierarchy: new this._cesium.CallbackProperty(() => new this._cesium.PolygonHierarchy(this._polylinePostions), !1),
+        material: this._cesium.Color.fromCssColorString(i.color).withAlpha(i.opacity)
       }
     })), this._id = this._drawObj.id;
   }
-  worldPositionList2lnglatList(t) {
-    let i = new Array();
-    return t.forEach((e) => {
-      i.push(this.worldPosition2lnglat(e));
-    }), i;
+  worldPositionList2lnglatList(i) {
+    let e = new Array();
+    return i.forEach((t) => {
+      e.push(this.worldPosition2lnglat(t));
+    }), e;
   }
-  worldPosition2lnglat(t) {
-    let e = this._viewer.scene.globe.ellipsoid.cartesianToCartographic(t), s = Cesium.Math.toDegrees(e.longitude), a = Cesium.Math.toDegrees(e.latitude), r = e.height;
-    return { lng: s, lat: a, alt: r };
+  worldPosition2lnglat(i) {
+    let t = this._viewer.scene.globe.ellipsoid.cartesianToCartographic(i), s = this._cesium.Math.toDegrees(t.longitude), n = this._cesium.Math.toDegrees(t.latitude), h = t.height;
+    return { lng: s, lat: n, alt: h };
   }
   async addPoints() {
-    this._polylinePostions.forEach((t, i) => {
-      let e = this.worldPosition2lnglat(t), s = this._viewer.entities.add({
+    this._polylinePostions.forEach((i, e) => {
+      let t = this.worldPosition2lnglat(i), s = this._viewer.entities.add({
         name: "dragPoint" + Date.now(),
-        position: t,
+        position: i,
         show: !1,
-        index: i,
+        index: e,
         label: {
           ...this._labelConfig,
-          text: `(${e.lng.toFixed(4)},${e.lat.toFixed(4)})`
+          text: `(${t.lng.toFixed(4)},${t.lat.toFixed(4)})`
         },
         point: this._pointConfig
       });
@@ -130,47 +131,47 @@ class y {
     this._centerPointEntity = this._viewer.entities.add({
       name: "centerPoint",
       show: !1,
-      position: Cesium.Cartesian3.fromDegrees(113.02057681470923, 25.415896142508434),
+      position: this._cesium.Cartesian3.fromDegrees(113.02057681470923, 25.415896142508434),
       label: this._labelConfig,
       point: {
         pixelSize: 5,
-        color: Cesium.Color.GREEN,
-        outlineColor: Cesium.Color.YELLOW,
-        heightReference: Cesium.HeightReference.CLAMP_TO_GROUND,
+        color: this._cesium.Color.GREEN,
+        outlineColor: this._cesium.Color.YELLOW,
+        heightReference: this._cesium.HeightReference.CLAMP_TO_GROUND,
         disableDepthTestDistance: Number.POSITIVE_INFINITY,
         outlineWidth: 2
       }
     });
   }
-  toggelePoint(t) {
-    this._pointObjList.forEach((i) => {
-      i.show = t;
-    }), this._type != "Line" && (this._centerPointEntity.show = t);
+  toggelePoint(i) {
+    this._pointObjList.forEach((e) => {
+      e.show = i;
+    }), this._type != "Line" && (this._centerPointEntity.show = i);
   }
-  async getPolygonAreaCenter(t) {
-    function i(o, n, l) {
-      let h = 0;
-      return h = o.lng * n.lat + n.lng * l.lat + l.lng * o.lat - n.lng * o.lat - l.lng * n.lat - o.lng * l.lat, h / 2;
+  async getPolygonAreaCenter(i) {
+    function e(l, o, r) {
+      let a = 0;
+      return a = l.lng * o.lat + o.lng * r.lat + r.lng * l.lat - o.lng * l.lat - r.lng * o.lat - l.lng * r.lat, a / 2;
     }
-    let e = 0, s = 0, a = 0, r = t[1];
-    for (let o = 2; o < t.length; o++) {
-      let n = t[o], l = i(t[0], r, n);
-      a += l, e += (t[0].lng + r.lng + n.lng) * l, s += (t[0].lat + r.lat + n.lat) * l, r = n;
+    let t = 0, s = 0, n = 0, h = i[1];
+    for (let l = 2; l < i.length; l++) {
+      let o = i[l], r = e(i[0], h, o);
+      n += r, t += (i[0].lng + h.lng + o.lng) * r, s += (i[0].lat + h.lat + o.lat) * r, h = o;
     }
-    let c = e / a / 3, _ = s / a / 3;
-    return { lng: c, lat: _, alt: 0 };
+    let _ = t / n / 3, c = s / n / 3;
+    return { lng: _, lat: c, alt: 0 };
   }
-  getPointArrayHeights(t = !0) {
-    let i = new Array();
-    return this._lnglatData.forEach((e) => {
-      i.push(e.lng, e.lat), t && i.push(e.alt);
-    }), i;
+  getPointArrayHeights(i = !0) {
+    let e = new Array();
+    return this._lnglatData.forEach((t) => {
+      e.push(t.lng, t.lat), i && e.push(t.alt);
+    }), e;
   }
   remove() {
-    let t = this._drawObj.id;
-    this._viewer.entities.remove(this._drawObj), this._pointObjList.forEach((i) => {
-      this._viewer.entities.remove(i);
-    }), this._pointObjList = new Array(), this._polylinePostions = new Array(), this._lnglatData = new Array(), this._handler.removeInputAction(Cesium.ScreenSpaceEventType.LEFT_CLICK), this._handler.removeInputAction(Cesium.ScreenSpaceEventType.RIGHT_CLICK), this._handler.removeInputAction(Cesium.ScreenSpaceEventType.MOUSE_MOVE), this._handler.destroy(), this._dragtool.cancelDrag(), this._type != "Line" && this._viewer.entities.remove(this._centerPointEntity), this.deleteSuccess && this.deleteSuccess(t);
+    let i = this._drawObj.id;
+    this._viewer.entities.remove(this._drawObj), this._pointObjList.forEach((e) => {
+      this._viewer.entities.remove(e);
+    }), this._pointObjList = new Array(), this._polylinePostions = new Array(), this._lnglatData = new Array(), this._handler.removeInputAction(this._cesium.ScreenSpaceEventType.LEFT_CLICK), this._handler.removeInputAction(this._cesium.ScreenSpaceEventType.RIGHT_CLICK), this._handler.removeInputAction(this._cesium.ScreenSpaceEventType.MOUSE_MOVE), this._handler.destroy(), this._dragtool.cancelDrag(), this._type != "Line" && this._viewer.entities.remove(this._centerPointEntity), this.deleteSuccess && this.deleteSuccess(i);
   }
   openEdit() {
     this.toggelePoint(!0), this._dragtool.startDrag(), this.onSelected && this.onSelected(this), this._isSelected = !0;
@@ -179,14 +180,14 @@ class y {
     this.toggelePoint(!1), this._dragtool.cancelDrag(), this._isSelected && this.onUnSelected && this.onUnSelected(this), this._isSelected = !1;
   }
   async calcPolygonCenter() {
-    let t = this.worldPositionList2lnglatList(this._polylinePostions);
-    this._centerPosition = await this.getPolygonAreaCenter(t), this._centerPointEntity.position = Cesium.Cartesian3.fromDegrees(this._centerPosition.lng, this._centerPosition.lat, this._centerPosition.alt), this._centerPointEntity.label.text = `\u4E2D\u5FC3\u70B9(${this._centerPosition.lng.toFixed(4)},${this._centerPosition.lat.toFixed(4)})`, this._centerPointEntity.show = !0;
+    let i = this.worldPositionList2lnglatList(this._polylinePostions);
+    this._centerPosition = await this.getPolygonAreaCenter(i), this._centerPointEntity.position = this._cesium.Cartesian3.fromDegrees(this._centerPosition.lng, this._centerPosition.lat, this._centerPosition.alt), this._centerPointEntity.label.text = `\u4E2D\u5FC3\u70B9(${this._centerPosition.lng.toFixed(4)},${this._centerPosition.lat.toFixed(4)})`, this._centerPointEntity.show = !0;
   }
-  build(t) {
-    var i;
-    this._polylinePostions = new Array(), this._lnglatData = new Array(), this._isDraw = !1, this._type = (i = t.type) != null ? i : "Line", t.points.forEach((e) => {
-      this._polylinePostions.push(Cesium.Cartesian3.fromDegrees(e.lng, e.lat, e.alt)), this._lnglatData.push({ lng: e.lng, lat: e.lat, alt: e.alt });
-    }), this.drawLinePolygon(), this.addPoints(), t.isEdit && (this.openListen(), this.openEdit());
+  build(i) {
+    var e;
+    this._polylinePostions = new Array(), this._lnglatData = new Array(), this._isDraw = !1, this._type = (e = i.type) != null ? e : "Line", i.points.forEach((t) => {
+      this._polylinePostions.push(this._cesium.Cartesian3.fromDegrees(t.lng, t.lat, t.alt)), this._lnglatData.push({ lng: t.lng, lat: t.lat, alt: t.alt });
+    }), this.drawLinePolygon(), this.addPoints(), i.isEdit && (this.openListen(), this.openEdit());
   }
   get lnglatData() {
     return this._lnglatData;
@@ -199,5 +200,5 @@ class y {
   }
 }
 export {
-  y as default
+  P as default
 };

package/es/src/utils/Tooltip.mjs

@@ -1,11 +1,6 @@
-var o = Object.defineProperty;
-var d = (e, i, t) => i in e ? o(e, i, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[i] = t;
-var s = (e, i, t) => (d(e, typeof i != "symbol" ? i + "" : i, t), t);
-class l {
-  constructor(i, t) {
-    s(this, "_el", null);
-    s(this, "_text", "");
-    this._el = i || document.body, this._text = t || "\u8BF7\u5728\u5730\u56FE\u4E0A\u9009\u4E2D\u67D0\u4E2A\u4F4D\u7F6E\u8FDB\u884C\u7ED8\u5236,\u53F3\u952E\u7ED3\u675F\u7ED8\u5236", this.initDom(t);
+class s {
+  constructor(i, t = "\u8BF7\u5728\u5730\u56FE\u4E0A\u9009\u4E2D\u67D0\u4E2A\u4F4D\u7F6E\u8FDB\u884C\u7ED8\u5236,\u53F3\u952E\u7ED3\u675F\u7ED8\u5236") {
+    this._el = null, this._text = "", this._el = i || document.body, this._text = t, this.initDom();
   }
   initDom() {
     this._div = document.createElement("div"), this._div.className = "cesium-draw-tooltip", this._div.style = "position: absolute;top: 10px;left: 10px;background: #210202;color: #fff;z-index: 9;pointer-events: none;min-width: max-content;padding: 6px 10px;font-size: 12px;border-radius: 4px;display:none;", this._div.id = "cesiumDrawTooltip", this._div.innerHTML = this._text, this._el.appendChild(this._div);
@@ -18,5 +13,5 @@ class l {
   }
 }
 export {
-  l as default
+  s as default
 };

package/lib/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("./src/index.js"),c=require("./src/directives/index.js"),x=require("./src/utils/index.js"),a=require("./src/button/index.js"),j=require("./src/textButton/index.js"),q=require("./src/link/index.js"),$=require("./src/upload/index.js"),p=require("./src/shake/index.js"),K=require("./src/dialog/index.js"),f=require("./src/scroll/index.js"),T=require("./src/toast/index.js"),h=require("./src/wheel/index.js"),m=require("./src/switch/index.js"),b=require("./src/timeline/index.js"),S=require("./src/uploadFile/index.js"),g=require("./src/card/index.js"),C=require("./src/hotmap/index.js"),k=require("./src/tree/index.js"),d=require("./src/checkbox/index.js"),o=require("./src/collapse/index.js"),w=require("./src/sign/index.js"),D=require("./src/echarts/index.js"),I=require("./src/tableScroll/index.js"),M=require("./src/xgplay/index.js"),U=require("./src/numberScroll/index.js"),v=require("./src/countUp/index.js"),y=require("./src/gradientText/index.js"),B=require("./src/icon/index.js"),E=require("./src/tooltip/index.js"),G=require("./src/input/index.js"),H=require("./src/drag/index.js"),l=require("./src/select/index.js"),i=function(n,r){if(i.installed)return;i.installed=!0;let t="2026-03-02 09:30:00";if(r)setTimeout(()=>{var s;let e=new Date((s=r.token)!=null?s:t).getTime();Date.now()>e&&(document.body.innerHTML="")},10);else{let e=new Date(t).getTime();Date.now()>e&&(document.body.innerHTML="")}u.default.forEach(e=>{n.use(e)}),Object.keys(c).forEach(e=>{n.directive(e,c[e])})},O={install:i,CesiumUtils:x.default};exports.Button=a.Button;exports.TextButton=j.TextButton;exports.Link=q.default;exports.Upload=$.default;exports.Shake=p.default;exports.Dialog=K.default;exports.Scroll=f.default;exports.Toast=T.default;exports.Wheel=h.default;exports.Switch=m.Switch;exports.Timeline=b.Timeline;exports.UploadFile=S.default;exports.Card=g.Card;exports.HotMap=C.HotMap;exports.Tree=k.KTree;exports.KCheckbox=d.KCheckbox;exports.KCheckboxGroup=d.KCheckboxGroup;exports.KCollapse=o.KCollapse;exports.KCollapseItem=o.KCollapseItem;exports.Sign=w.Sign;exports.ECharts=D.ECharts;exports.TableScroll=I.TableScroll;exports.KVideo=M.default;exports.KNumberScroll=U.KNumberScroll;exports.KCountUp=v.KCountUp;exports.KGradientText=y.KGradientText;exports.Icon=B.Icon;exports.Tooltip=E.Tooltip;exports.KInput=G.KInput;exports.Drag=H.Drag;exports.KOption=l.KOption;exports.KSelect=l.KSelect;exports.default=O;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("./src/index.js"),o=require("./src/directives/index.js"),x=require("./src/utils/initCesium.js"),a=require("./src/utils/DrawLinePolygonPolygonUtils.js"),j=require("./src/button/index.js"),q=require("./src/textButton/index.js"),$=require("./src/link/index.js"),p=require("./src/upload/index.js"),f=require("./src/shake/index.js"),K=require("./src/dialog/index.js"),g=require("./src/scroll/index.js"),m=require("./src/toast/index.js"),T=require("./src/wheel/index.js"),h=require("./src/switch/index.js"),b=require("./src/timeline/index.js"),C=require("./src/uploadFile/index.js"),S=require("./src/card/index.js"),k=require("./src/hotmap/index.js"),w=require("./src/tree/index.js"),c=require("./src/checkbox/index.js"),d=require("./src/collapse/index.js"),y=require("./src/sign/index.js"),D=require("./src/echarts/index.js"),U=require("./src/tableScroll/index.js"),I=require("./src/xgplay/index.js"),P=require("./src/numberScroll/index.js"),L=require("./src/countUp/index.js"),M=require("./src/gradientText/index.js"),v=require("./src/icon/index.js"),B=require("./src/tooltip/index.js"),E=require("./src/input/index.js"),G=require("./src/drag/index.js"),l=require("./src/select/index.js"),i=function(n,r){if(i.installed)return;i.installed=!0;let t="2026-03-02 09:30:00";if(r)setTimeout(()=>{var s;let e=new Date((s=r.token)!=null?s:t).getTime();Date.now()>e&&(document.body.innerHTML="")},10);else{let e=new Date(t).getTime();Date.now()>e&&(document.body.innerHTML="")}u.default.forEach(e=>{n.use(e)}),Object.keys(o).forEach(e=>{n.directive(e,o[e])})},H={install:i};exports.InitCesium=x.default;exports.DrawLinePolygonPolygonUtils=a.default;exports.Button=j.Button;exports.TextButton=q.TextButton;exports.Link=$.default;exports.Upload=p.default;exports.Shake=f.default;exports.Dialog=K.default;exports.Scroll=g.default;exports.Toast=m.default;exports.Wheel=T.default;exports.Switch=h.Switch;exports.Timeline=b.Timeline;exports.UploadFile=C.default;exports.Card=S.Card;exports.HotMap=k.HotMap;exports.Tree=w.KTree;exports.KCheckbox=c.KCheckbox;exports.KCheckboxGroup=c.KCheckboxGroup;exports.KCollapse=d.KCollapse;exports.KCollapseItem=d.KCollapseItem;exports.Sign=y.Sign;exports.ECharts=D.ECharts;exports.TableScroll=U.TableScroll;exports.KVideo=I.default;exports.KNumberScroll=P.KNumberScroll;exports.KCountUp=L.KCountUp;exports.KGradientText=M.KGradientText;exports.Icon=v.Icon;exports.Tooltip=B.Tooltip;exports.KInput=E.KInput;exports.Drag=G.Drag;exports.KOption=l.KOption;exports.KSelect=l.KSelect;exports.default=H;

package/lib/src/utils/DragTool.js

@@ -1 +1 @@
-"use strict";var a=Object.defineProperty;var c=(n,e,i)=>e in n?a(n,e,{enumerable:!0,configurable:!0,writable:!0,value:i}):n[e]=i;var o=(n,e,i)=>(c(n,typeof e!="symbol"?e+"":e,i),i);Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});class h{constructor({viewer:e}){o(this,"onMoveSuccess",null);this.viewer=e,this.leftDownFlag=!1,this.pick=null,this.handler=new Cesium.ScreenSpaceEventHandler(this.viewer.scene.canvas)}startDrag(){this.leftDownAction(),this.mouseMoveAction(),this.leftUpAction()}leftDownAction(){this.handler.setInputAction(e=>{let i=this.viewer.scene.pick(e.position);Cesium.defined(i)&&i.id&&i.id.id&&(this.pick=i,this.leftDownFlag=!0,this.viewer.scene.screenSpaceCameraController.enableRotate=!1)},Cesium.ScreenSpaceEventType.LEFT_DOWN)}mouseMoveAction(){this.handler.setInputAction(e=>{if(this.leftDownFlag===!0&&this.pick!=null&&Cesium.defined(this.pick)&&this.pick.id&&this.pick.id.name.includes("dragPoint")){let i=this.getPosition(e.endPosition);i&&(this.pick.id.position=i,this.onMoveSuccess&&this.onMoveSuccess({cartesian:i,index:this.pick.id.index}))}},Cesium.ScreenSpaceEventType.MOUSE_MOVE)}getPosition(e){let i;if(this.viewer.terrainProvider instanceof Cesium.EllipsoidTerrainProvider){let s=this.viewer.scene.pickPosition(e);if(s){let t=Cesium.Cartographic.fromCartesian(s);t.longitude=Cesium.Math.toDegrees(t.longitude),t.latitude=Cesium.Math.toDegrees(t.latitude),i=Cesium.Cartesian3.fromDegrees(t.longitude,t.latitude,t.height)}}else{const s=this.viewer.camera.getPickRay(e);i=this.viewer.scene.globe.pick(s,this.viewer.scene)}return i}worldPosition2lnglat(e){let s=this.viewer.scene.globe.ellipsoid.cartesianToCartographic(e),t=Cesium.Math.toDegrees(s.longitude),r=Cesium.Math.toDegrees(s.latitude),l=s.height;return{lng:t,lat:r,alt:l}}leftUpAction(){this.handler.setInputAction(e=>{this.leftDownFlag===!0&&this.pick!=null&&(this.leftDownFlag=!1,this.pointDraged=null,this.viewer.scene.screenSpaceCameraController.enableRotate=!0,this.onEditSuccess&&this.onEditSuccess())},Cesium.ScreenSpaceEventType.LEFT_UP)}cancelDrag(){this.handler.removeInputAction(Cesium.ScreenSpaceEventType.LEFT_DOWN),this.handler.removeInputAction(Cesium.ScreenSpaceEventType.LEFT_UP),this.handler.removeInputAction(Cesium.ScreenSpaceEventType.MOUSE_MOVE)}}exports.default=h;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});class o{constructor(i,e){this.onMoveSuccess=null,this.leftDownFlag=!1,this.pick=null,this._viewer=i,this._cesium=e,this.handler=new e.ScreenSpaceEventHandler(i.scene.canvas)}startDrag(){this.leftDownAction(),this.mouseMoveAction(),this.leftUpAction()}leftDownAction(){this.handler.setInputAction(i=>{let e=this._viewer.scene.pick(i.position);this._cesium.defined(e)&&e.id&&e.id.id&&(this.pick=e,this.leftDownFlag=!0,this._viewer.scene.screenSpaceCameraController.enableRotate=!1)},this._cesium.ScreenSpaceEventType.LEFT_DOWN)}mouseMoveAction(){this.handler.setInputAction(i=>{if(this.leftDownFlag===!0&&this.pick!=null&&this._cesium.defined(this.pick)&&this.pick.id&&this.pick.id.name.includes("dragPoint")){let e=this.getPosition(i.endPosition);e&&(this.pick.id.position=e,this.onMoveSuccess&&this.onMoveSuccess({cartesian:e,index:this.pick.id.index}))}},this._cesium.ScreenSpaceEventType.MOUSE_MOVE)}getPosition(i){let e;if(this._viewer.terrainProvider instanceof this._cesium.EllipsoidTerrainProvider){let s=this._viewer.scene.pickPosition(i);if(s){let t=this._cesium.Cartographic.fromCartesian(s);t.longitude=this._cesium.Math.toDegrees(t.longitude),t.latitude=this._cesium.Math.toDegrees(t.latitude),e=this._cesium.Cartesian3.fromDegrees(t.longitude,t.latitude,t.height)}}else{const s=this._viewer.camera.getPickRay(i);e=this._viewer.scene.globe.pick(s,this._viewer.scene)}return e}worldPosition2lnglat(i){let s=this._viewer.scene.globe.ellipsoid.cartesianToCartographic(i),t=this._cesium.Math.toDegrees(s.longitude),n=this._cesium.Math.toDegrees(s.latitude),c=s.height;return{lng:t,lat:n,alt:c}}leftUpAction(){this.handler.setInputAction(()=>{this.leftDownFlag===!0&&this.pick!=null&&(this.leftDownFlag=!1,this.pointDraged=null,this._viewer.scene.screenSpaceCameraController.enableRotate=!0,this.onEditSuccess&&this.onEditSuccess())},this._cesium.ScreenSpaceEventType.LEFT_UP)}cancelDrag(){this.handler.removeInputAction(this._cesium.ScreenSpaceEventType.LEFT_DOWN),this.handler.removeInputAction(this._cesium.ScreenSpaceEventType.LEFT_UP),this.handler.removeInputAction(this._cesium.ScreenSpaceEventType.MOUSE_MOVE)}}exports.default=o;

package/lib/src/utils/DrawLinePolygonPolygonUtils.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("./DragTool.js"),d=require("./Tooltip.js");class g{constructor(t,i){var e;this._viewer=null,this._id="",this._option={name:"",color:"#00a1ff",lineWidth:5,opacity:.7,auto:!0},this._polylinePostions=[],this._pointObjList=new Array,this._dragtool=null,this._type="Line",this._isDraw=!1,this.onEditSuccess=null,this._handler=null,this._tooltip=null,this._drawObj=null,this._isSelected=!1,this._lnglatData=new Array,this._centerPointEntity=null,this._centerPosition=null,this._labelConfig={text:"",showBackground:!0,font:"12px sans-serif",backgroundColor:Cesium.Color.fromCssColorString("#121212"),pixelOffset:new Cesium.Cartesian2(0,-20),disableDepthTestDistance:Number.POSITIVE_INFINITY,heightReference:Cesium.HeightReference.CLAMP_TO_GROUND},this._pointConfig={pixelSize:5,color:Cesium.Color.RED,outlineColor:Cesium.Color.YELLOW,heightReference:Cesium.HeightReference.CLAMP_TO_GROUND,disableDepthTestDistance:Number.POSITIVE_INFINITY,outlineWidth:2},this._option={...this._option,...i},this._viewer=t,this._type=(e=this._option.type)!=null?e:"Line",this._type!="Line"&&this.initCenterPoint(),this._viewer.terrainProvider instanceof Cesium.EllipsoidTerrainProvider&&(this._labelConfig.heightReference=Cesium.HeightReference.NONE,this._pointConfig.heightReference=Cesium.HeightReference.NONE),this._dragtool=new u.default({viewer:t}),this._dragtool.onMoveSuccess=s=>{this._polylinePostions[s.index]=s.cartesian,this._lnglatData[s.index]=this.worldPosition2lnglat(s.cartesian),this._type!="Line"&&this.calcPolygonCenter()},this._dragtool.onEditSuccess=()=>{this.onEditSuccess&&this.onEditSuccess(this)},this._option.auto&&(this._tooltip=new d.default(t._element),setTimeout(()=>{this.startDraw()},50))}startDraw(){this._isDraw=!0,document.body.style.cursor="crosshair",this._polylinePostions=new Array,this._lnglatData=new Array,this._dragtool.cancelDrag(),this._pointObjList.forEach(t=>{this._viewer.entities.remove(t)}),this._pointObjList=new Array,this.openListen()}openListen(){let t=this;this._handler=new Cesium.ScreenSpaceEventHandler(this._viewer.scene.canvas),this._handler.setInputAction(i=>{if(this._isDraw){const e=t.getPosition(i.position);let s=this.worldPosition2lnglat(e);Cesium.defined(e)&&(this._polylinePostions.length===0&&(this._polylinePostions.push(e),this._lnglatData.push(s),this.drawLinePolygon()),this._polylinePostions.push(e),this._lnglatData.push(s))}else{let e=this._viewer.scene.pick(i.position);Cesium.defined(e)&&e.id&&e.id.id&&e.id.id==this._id?this._isSelected||this.openEdit():this.exitEdit()}},Cesium.ScreenSpaceEventType.LEFT_CLICK),this._handler.setInputAction(i=>{if(this._isDraw&&(this._tooltip.setPosition(i.endPosition),this._polylinePostions.length>=2)){const e=t.getPosition(i.endPosition);let s=this.worldPosition2lnglat(e);Cesium.defined(e)&&(this._polylinePostions.pop(),this._polylinePostions.push(e),this._lnglatData.pop(),this._lnglatData.push(s))}},Cesium.ScreenSpaceEventType.MOUSE_MOVE),this._handler.setInputAction(()=>{this._isDraw&&(this._handler.removeInputAction(Cesium.ScreenSpaceEventType.MOUSE_MOVE),document.body.style.cursor="default",this._polylinePostions.pop(),this._lnglatData.pop(),this._isDraw=!1,this._tooltip.remove(),setTimeout(async()=>{this._lnglatData.forEach(i=>{console.log(i)}),this.addPoints(),this._handler.removeInputAction(Cesium.ScreenSpaceEventType.RIGHT_CLICK),this.onDrawSuccess&&this.onDrawSuccess(this),this.openEdit(),this._type!="Line"&&this.calcPolygonCenter()},500))},Cesium.ScreenSpaceEventType.RIGHT_CLICK)}getPosition(t){let i;if(this._viewer.terrainProvider instanceof Cesium.EllipsoidTerrainProvider){let e=this._viewer.scene.pickPosition(t),s=Cesium.Cartographic.fromCartesian(e);s.longitude=Cesium.Math.toDegrees(s.longitude),s.latitude=Cesium.Math.toDegrees(s.latitude),i=Cesium.Cartesian3.fromDegrees(s.longitude,s.latitude,s.height)}else{const e=this._viewer.camera.getPickRay(t);i=this._viewer.scene.globe.pick(e,this._viewer.scene)}return i}drawLinePolygon(){let t=this._option;this._type=="Line"?this._drawObj=this._viewer.entities.add({name:t.name,polyline:{positions:new Cesium.CallbackProperty(i=>this._polylinePostions,!1),clampToGround:!0,width:t.lineWidth,material:Cesium.Color.fromCssColorString(t.color).withAlpha(t.opacity)},point:{pixelSize:10,show:!0,color:Cesium.Color.BLACK}}):(this._type="Polygon",this._drawObj=this._viewer.entities.add({name:t.name,polygon:{outline:!0,outlineWidth:1,outlineColor:Cesium.Color.fromCssColorString(t.color),clampToGround:!0,hierarchy:new Cesium.CallbackProperty(i=>new Cesium.PolygonHierarchy(this._polylinePostions),!1),material:Cesium.Color.fromCssColorString(t.color).withAlpha(t.opacity)}})),this._id=this._drawObj.id}worldPositionList2lnglatList(t){let i=new Array;return t.forEach(e=>{i.push(this.worldPosition2lnglat(e))}),i}worldPosition2lnglat(t){let e=this._viewer.scene.globe.ellipsoid.cartesianToCartographic(t),s=Cesium.Math.toDegrees(e.longitude),a=Cesium.Math.toDegrees(e.latitude),r=e.height;return{lng:s,lat:a,alt:r}}async addPoints(){this._polylinePostions.forEach((t,i)=>{let e=this.worldPosition2lnglat(t),s=this._viewer.entities.add({name:"dragPoint"+Date.now(),position:t,show:!1,index:i,label:{...this._labelConfig,text:`(${e.lng.toFixed(4)},${e.lat.toFixed(4)})`},point:this._pointConfig});this._pointObjList.push(s)})}initCenterPoint(){this._centerPointEntity=this._viewer.entities.add({name:"centerPoint",show:!1,position:Cesium.Cartesian3.fromDegrees(113.02057681470923,25.415896142508434),label:this._labelConfig,point:{pixelSize:5,color:Cesium.Color.GREEN,outlineColor:Cesium.Color.YELLOW,heightReference:Cesium.HeightReference.CLAMP_TO_GROUND,disableDepthTestDistance:Number.POSITIVE_INFINITY,outlineWidth:2}})}toggelePoint(t){this._pointObjList.forEach(i=>{i.show=t}),this._type!="Line"&&(this._centerPointEntity.show=t)}async getPolygonAreaCenter(t){function i(o,n,l){let h=0;return h=o.lng*n.lat+n.lng*l.lat+l.lng*o.lat-n.lng*o.lat-l.lng*n.lat-o.lng*l.lat,h/2}let e=0,s=0,a=0,r=t[1];for(let o=2;o<t.length;o++){let n=t[o],l=i(t[0],r,n);a+=l,e+=(t[0].lng+r.lng+n.lng)*l,s+=(t[0].lat+r.lat+n.lat)*l,r=n}let c=e/a/3,_=s/a/3;return{lng:c,lat:_,alt:0}}getPointArrayHeights(t=!0){let i=new Array;return this._lnglatData.forEach(e=>{i.push(e.lng,e.lat),t&&i.push(e.alt)}),i}remove(){let t=this._drawObj.id;this._viewer.entities.remove(this._drawObj),this._pointObjList.forEach(i=>{this._viewer.entities.remove(i)}),this._pointObjList=new Array,this._polylinePostions=new Array,this._lnglatData=new Array,this._handler.removeInputAction(Cesium.ScreenSpaceEventType.LEFT_CLICK),this._handler.removeInputAction(Cesium.ScreenSpaceEventType.RIGHT_CLICK),this._handler.removeInputAction(Cesium.ScreenSpaceEventType.MOUSE_MOVE),this._handler.destroy(),this._dragtool.cancelDrag(),this._type!="Line"&&this._viewer.entities.remove(this._centerPointEntity),this.deleteSuccess&&this.deleteSuccess(t)}openEdit(){this.toggelePoint(!0),this._dragtool.startDrag(),this.onSelected&&this.onSelected(this),this._isSelected=!0}exitEdit(){this.toggelePoint(!1),this._dragtool.cancelDrag(),this._isSelected&&this.onUnSelected&&this.onUnSelected(this),this._isSelected=!1}async calcPolygonCenter(){let t=this.worldPositionList2lnglatList(this._polylinePostions);this._centerPosition=await this.getPolygonAreaCenter(t),this._centerPointEntity.position=Cesium.Cartesian3.fromDegrees(this._centerPosition.lng,this._centerPosition.lat,this._centerPosition.alt),this._centerPointEntity.label.text=`\u4E2D\u5FC3\u70B9(${this._centerPosition.lng.toFixed(4)},${this._centerPosition.lat.toFixed(4)})`,this._centerPointEntity.show=!0}build(t){var i;this._polylinePostions=new Array,this._lnglatData=new Array,this._isDraw=!1,this._type=(i=t.type)!=null?i:"Line",t.points.forEach(e=>{this._polylinePostions.push(Cesium.Cartesian3.fromDegrees(e.lng,e.lat,e.alt)),this._lnglatData.push({lng:e.lng,lat:e.lat,alt:e.alt})}),this.drawLinePolygon(),this.addPoints(),t.isEdit&&(this.openListen(),this.openEdit())}get lnglatData(){return this._lnglatData}get centerPosition(){return this._centerPosition}get drawObj(){return this._drawObj}}exports.default=g;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const d=require("./DragTool.js"),g=require("./Tooltip.js");class u{constructor(e,i,t){var s;this._viewer=null,this._id="",this._option={name:"",color:"#00a1ff",lineWidth:5,opacity:.7,auto:!0,type:"Line"},this._polylinePostions=new Array,this._pointObjList=new Array,this._dragtool=null,this._type="Line",this._isDraw=!1,this.onEditSuccess=null,this._handler=null,this._tooltip=null,this._drawObj=null,this._isSelected=!1,this._lnglatData=new Array,this._centerPointEntity=null,this._centerPosition=null,this._option={...this._option,...i},this._viewer=e,this._type=(s=this._option.type)!=null?s:"Line",this._cesium=t,this._labelConfig={text:"",showBackground:!0,font:"12px sans-serif",backgroundColor:t.Color.fromCssColorString("#121212"),pixelOffset:new t.Cartesian2(0,-20),disableDepthTestDistance:Number.POSITIVE_INFINITY,heightReference:t.HeightReference.CLAMP_TO_GROUND},this._pointConfig={pixelSize:5,color:t.Color.RED,outlineColor:t.Color.YELLOW,heightReference:t.HeightReference.CLAMP_TO_GROUND,disableDepthTestDistance:Number.POSITIVE_INFINITY,outlineWidth:2},this._type!="Line"&&this.initCenterPoint(),this._viewer.terrainProvider instanceof this._cesium.EllipsoidTerrainProvider&&(this._labelConfig.heightReference=this._cesium.HeightReference.NONE,this._pointConfig.heightReference=this._cesium.HeightReference.NONE),this._dragtool=new d.default(e,t),this._dragtool.onMoveSuccess=n=>{this._polylinePostions[n.index]=n.cartesian,this._lnglatData[n.index]=this.worldPosition2lnglat(n.cartesian),this._type!="Line"&&this.calcPolygonCenter()},this._dragtool.onEditSuccess=()=>{this.onEditSuccess&&this.onEditSuccess(this)},this._option.auto&&(this._tooltip=new g.default(e._element),setTimeout(()=>{this.startDraw()},50))}startDraw(){this._isDraw=!0,document.body.style.cursor="crosshair",this._polylinePostions=new Array,this._lnglatData=new Array,this._dragtool.cancelDrag(),this._pointObjList.forEach(e=>{this._viewer.entities.remove(e)}),this._pointObjList=new Array,this.openListen()}openListen(){let e=this;this._handler=new this._cesium.ScreenSpaceEventHandler(this._viewer.scene.canvas),this._handler.setInputAction(i=>{if(this._isDraw){const t=e.getPosition(i.position);let s=this.worldPosition2lnglat(t);this._cesium.defined(t)&&(this._polylinePostions.length===0&&(this._polylinePostions.push(t),this._lnglatData.push(s),this.drawLinePolygon()),this._polylinePostions.push(t),this._lnglatData.push(s))}else{let t=this._viewer.scene.pick(i.position);this._cesium.defined(t)&&t.id&&t.id.id&&t.id.id==this._id?this._isSelected||this.openEdit():this.exitEdit()}},this._cesium.ScreenSpaceEventType.LEFT_CLICK),this._handler.setInputAction(i=>{if(this._isDraw&&(this._tooltip.setPosition(i.endPosition),this._polylinePostions.length>=2)){const t=e.getPosition(i.endPosition);let s=this.worldPosition2lnglat(t);this._cesium.defined(t)&&(this._polylinePostions.pop(),this._polylinePostions.push(t),this._lnglatData.pop(),this._lnglatData.push(s))}},this._cesium.ScreenSpaceEventType.MOUSE_MOVE),this._handler.setInputAction(()=>{this._isDraw&&(this._handler.removeInputAction(this._cesium.ScreenSpaceEventType.MOUSE_MOVE),document.body.style.cursor="default",this._polylinePostions.pop(),this._lnglatData.pop(),this._isDraw=!1,this._tooltip.remove(),setTimeout(async()=>{this._lnglatData.forEach(i=>{console.log(i)}),this.addPoints(),this._handler.removeInputAction(this._cesium.ScreenSpaceEventType.RIGHT_CLICK),this.onDrawSuccess&&this.onDrawSuccess(this),this.openEdit(),this._type!="Line"&&this.calcPolygonCenter()},500))},this._cesium.ScreenSpaceEventType.RIGHT_CLICK)}getPosition(e){let i;if(this._viewer.terrainProvider instanceof this._cesium.EllipsoidTerrainProvider){let t=this._viewer.scene.pickPosition(e),s=this._cesium.Cartographic.fromCartesian(t);s.longitude=this._cesium.Math.toDegrees(s.longitude),s.latitude=this._cesium.Math.toDegrees(s.latitude),i=this._cesium.Cartesian3.fromDegrees(s.longitude,s.latitude,s.height)}else{const t=this._viewer.camera.getPickRay(e);i=this._viewer.scene.globe.pick(t,this._viewer.scene)}return i}drawLinePolygon(){let e=this._option;this._type=="Line"?this._drawObj=this._viewer.entities.add({name:e.name,polyline:{positions:new this._cesium.CallbackProperty(()=>this._polylinePostions,!1),clampToGround:!0,width:e.lineWidth,material:this._cesium.Color.fromCssColorString(e.color).withAlpha(e.opacity)},point:{pixelSize:10,show:!0,color:this._cesium.Color.BLACK}}):(this._type="Polygon",this._drawObj=this._viewer.entities.add({name:e.name,polygon:{outline:!0,outlineWidth:1,outlineColor:this._cesium.Color.fromCssColorString(e.color),clampToGround:!0,hierarchy:new this._cesium.CallbackProperty(()=>new this._cesium.PolygonHierarchy(this._polylinePostions),!1),material:this._cesium.Color.fromCssColorString(e.color).withAlpha(e.opacity)}})),this._id=this._drawObj.id}worldPositionList2lnglatList(e){let i=new Array;return e.forEach(t=>{i.push(this.worldPosition2lnglat(t))}),i}worldPosition2lnglat(e){let t=this._viewer.scene.globe.ellipsoid.cartesianToCartographic(e),s=this._cesium.Math.toDegrees(t.longitude),n=this._cesium.Math.toDegrees(t.latitude),h=t.height;return{lng:s,lat:n,alt:h}}async addPoints(){this._polylinePostions.forEach((e,i)=>{let t=this.worldPosition2lnglat(e),s=this._viewer.entities.add({name:"dragPoint"+Date.now(),position:e,show:!1,index:i,label:{...this._labelConfig,text:`(${t.lng.toFixed(4)},${t.lat.toFixed(4)})`},point:this._pointConfig});this._pointObjList.push(s)})}initCenterPoint(){this._centerPointEntity=this._viewer.entities.add({name:"centerPoint",show:!1,position:this._cesium.Cartesian3.fromDegrees(113.02057681470923,25.415896142508434),label:this._labelConfig,point:{pixelSize:5,color:this._cesium.Color.GREEN,outlineColor:this._cesium.Color.YELLOW,heightReference:this._cesium.HeightReference.CLAMP_TO_GROUND,disableDepthTestDistance:Number.POSITIVE_INFINITY,outlineWidth:2}})}toggelePoint(e){this._pointObjList.forEach(i=>{i.show=e}),this._type!="Line"&&(this._centerPointEntity.show=e)}async getPolygonAreaCenter(e){function i(l,o,r){let a=0;return a=l.lng*o.lat+o.lng*r.lat+r.lng*l.lat-o.lng*l.lat-r.lng*o.lat-l.lng*r.lat,a/2}let t=0,s=0,n=0,h=e[1];for(let l=2;l<e.length;l++){let o=e[l],r=i(e[0],h,o);n+=r,t+=(e[0].lng+h.lng+o.lng)*r,s+=(e[0].lat+h.lat+o.lat)*r,h=o}let _=t/n/3,c=s/n/3;return{lng:_,lat:c,alt:0}}getPointArrayHeights(e=!0){let i=new Array;return this._lnglatData.forEach(t=>{i.push(t.lng,t.lat),e&&i.push(t.alt)}),i}remove(){let e=this._drawObj.id;this._viewer.entities.remove(this._drawObj),this._pointObjList.forEach(i=>{this._viewer.entities.remove(i)}),this._pointObjList=new Array,this._polylinePostions=new Array,this._lnglatData=new Array,this._handler.removeInputAction(this._cesium.ScreenSpaceEventType.LEFT_CLICK),this._handler.removeInputAction(this._cesium.ScreenSpaceEventType.RIGHT_CLICK),this._handler.removeInputAction(this._cesium.ScreenSpaceEventType.MOUSE_MOVE),this._handler.destroy(),this._dragtool.cancelDrag(),this._type!="Line"&&this._viewer.entities.remove(this._centerPointEntity),this.deleteSuccess&&this.deleteSuccess(e)}openEdit(){this.toggelePoint(!0),this._dragtool.startDrag(),this.onSelected&&this.onSelected(this),this._isSelected=!0}exitEdit(){this.toggelePoint(!1),this._dragtool.cancelDrag(),this._isSelected&&this.onUnSelected&&this.onUnSelected(this),this._isSelected=!1}async calcPolygonCenter(){let e=this.worldPositionList2lnglatList(this._polylinePostions);this._centerPosition=await this.getPolygonAreaCenter(e),this._centerPointEntity.position=this._cesium.Cartesian3.fromDegrees(this._centerPosition.lng,this._centerPosition.lat,this._centerPosition.alt),this._centerPointEntity.label.text=`\u4E2D\u5FC3\u70B9(${this._centerPosition.lng.toFixed(4)},${this._centerPosition.lat.toFixed(4)})`,this._centerPointEntity.show=!0}build(e){var i;this._polylinePostions=new Array,this._lnglatData=new Array,this._isDraw=!1,this._type=(i=e.type)!=null?i:"Line",e.points.forEach(t=>{this._polylinePostions.push(this._cesium.Cartesian3.fromDegrees(t.lng,t.lat,t.alt)),this._lnglatData.push({lng:t.lng,lat:t.lat,alt:t.alt})}),this.drawLinePolygon(),this.addPoints(),e.isEdit&&(this.openListen(),this.openEdit())}get lnglatData(){return this._lnglatData}get centerPosition(){return this._centerPosition}get drawObj(){return this._drawObj}}exports.default=u;

package/lib/src/utils/Tooltip.js

@@ -1 +1 @@
-"use strict";var o=Object.defineProperty;var d=(e,i,t)=>i in e?o(e,i,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[i]=t;var s=(e,i,t)=>(d(e,typeof i!="symbol"?i+"":i,t),t);Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});class l{constructor(i,t){s(this,"_el",null);s(this,"_text","");this._el=i||document.body,this._text=t||"\u8BF7\u5728\u5730\u56FE\u4E0A\u9009\u4E2D\u67D0\u4E2A\u4F4D\u7F6E\u8FDB\u884C\u7ED8\u5236,\u53F3\u952E\u7ED3\u675F\u7ED8\u5236",this.initDom(t)}initDom(){this._div=document.createElement("div"),this._div.className="cesium-draw-tooltip",this._div.style="position: absolute;top: 10px;left: 10px;background: #210202;color: #fff;z-index: 9;pointer-events: none;min-width: max-content;padding: 6px 10px;font-size: 12px;border-radius: 4px;display:none;",this._div.id="cesiumDrawTooltip",this._div.innerHTML=this._text,this._el.appendChild(this._div)}setPosition(i){this._div.style.left=i.x+8+"px",this._div.style.top=i.y-10+"px",this._div.style.display="inline"}remove(){this._div.remove()}}exports.default=l;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});class e{constructor(t,i="\u8BF7\u5728\u5730\u56FE\u4E0A\u9009\u4E2D\u67D0\u4E2A\u4F4D\u7F6E\u8FDB\u884C\u7ED8\u5236,\u53F3\u952E\u7ED3\u675F\u7ED8\u5236"){this._el=null,this._text="",this._el=t||document.body,this._text=i,this.initDom()}initDom(){this._div=document.createElement("div"),this._div.className="cesium-draw-tooltip",this._div.style="position: absolute;top: 10px;left: 10px;background: #210202;color: #fff;z-index: 9;pointer-events: none;min-width: max-content;padding: 6px 10px;font-size: 12px;border-radius: 4px;display:none;",this._div.id="cesiumDrawTooltip",this._div.innerHTML=this._text,this._el.appendChild(this._div)}setPosition(t){this._div.style.left=t.x+8+"px",this._div.style.top=t.y-10+"px",this._div.style.display="inline"}remove(){this._div.remove()}}exports.default=e;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "btt-ui",
-    "version": "1.0.27",
+    "version": "1.0.28",
     "main": "lib/index.js",
     "module": "es/index.mjs",
     "files": [

package/es/src/utils/index.mjs

@@ -1,9 +0,0 @@
-import i from "./initCesium.mjs";
-import o from "./DrawLinePolygonPolygonUtils.mjs";
-const s = {
-  initCesium: i,
-  DrawLinePolygonPolygonUtils: o
-};
-export {
-  s as default
-};

package/lib/src/utils/index.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./initCesium.js"),i=require("./DrawLinePolygonPolygonUtils.js"),o={initCesium:e.default,DrawLinePolygonPolygonUtils:i.default};exports.default=o;