cesium-pocket 0.2.1-alpha → 0.3.1-alpha

package/CircleDrawer-DbOS8_ZI.js

@@ -0,0 +1,565 @@
+import { CustomDataSource as C, Cartesian3 as r, JulianDate as I, defined as l, ConstantPositionProperty as E, HeightReference as S, Color as u, EntityCollection as B, ScreenSpaceEventType as c, ScreenSpaceEventHandler as w, VerticalOrigin as R, PolylineDashMaterialProperty as M, CallbackProperty as A, PolygonHierarchy as P, Cartographic as y, Transforms as b, Matrix4 as g, EllipsoidGeodesic as k } from "cesium";
+import { toRaw as d } from "vue";
+const h = {
+  STOPED: Symbol("STOPED"),
+  //未开启状态
+  DRAWABLE: Symbol("DRAWABLE"),
+  //可绘绘制状态 
+  EDITABLE: Symbol("EDITABLE"),
+  //可编辑经纬度状态   
+  HIGHTABLE: Symbol("HIGHTABLE"),
+  //可编辑经纬度状态
+  DELETABLE: Symbol("DELETABLE")
+  //可删除状态  
+}, o = {
+  DRAG_UNABLED: Symbol("DRAG_UNABLED"),
+  //不可拖拽 
+  DRAG_ENABLED: Symbol("DRAG_ENABLED"),
+  //可拖拽 
+  DRAGING: Symbol("DRAGING")
+  //正在拖拽中 
+}, p = {
+  DEL_UNABLED: Symbol("DEL_UNABLED"),
+  //不删除
+  DEL_ENABLED: Symbol("DEL_ENABLED")
+  //可拖拽 
+};
+class G {
+  constructor(e) {
+    this.status = h.STOPED, this.editStatus = o.DRAG_UNABLED, this.delStatus = p.DEL_UNABLED, this.viewer = e;
+  }
+  getStatus() {
+    return this.status;
+  }
+  getEditStatus() {
+    return this.editStatus;
+  }
+  getDelStatus() {
+    return this.delStatus;
+  }
+  setEditStatus() {
+    this.editableStatus();
+  }
+  setDelStatus() {
+    this.deletableStatus();
+  }
+  /**
+   * 可添加点
+   */
+  drawableStatus() {
+    this.status = h.DRAWABLE, this.viewer.canvas.style.cursor = "crosshair";
+  }
+  /**
+   * 可移动点
+   */
+  editableStatus() {
+    this.status = h.EDITABLE, this.viewer.canvas.style.cursor = "pointer";
+  }
+  deletableStatus() {
+    this.status = h.DELETABLE, this.viewer.canvas.style.cursor = "grabbing";
+  }
+  /**
+   * 停止操作 
+   */
+  stopStatus() {
+    this.status = h.STOPED, this.viewer.canvas.style.cursor = "default";
+  }
+  //----------------------------------------
+  editDragUnable() {
+    this.editStatus = o.DRAG_UNABLED, this.viewer.canvas.style.cursor = "pointer";
+  }
+  editDragEnable() {
+    this.editStatus = o.DRAG_ENABLED, this.viewer.canvas.style.cursor = "grab";
+  }
+  editDraging() {
+    this.editStatus = o.DRAGING, this.viewer.canvas.style.cursor = "move";
+  }
+  //------------------------
+  delUnable() {
+    this.delStatus = p.DEL_UNABLED, this.viewer.canvas.style.cursor = "pointer";
+  }
+  delEnable() {
+    this.delStatus = p.DEL_ENABLED, this.viewer.canvas.style.cursor = "grabbing";
+  }
+}
+const U = "data:image/png;base64,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";
+class L extends G {
+  constructor(e) {
+    super(e), this.mainData = [], this.dataSource = new C("drawerDataSource"), this.currentDragPoint = null, this.currentIndex = -1, this.delCallbackFun = this.delCallback, this.viewer.dataSources.add(this.dataSource);
+  }
+  /**
+   * 获取DataSource
+   * @returns 
+   */
+  getDataSource() {
+    return this.dataSource;
+  }
+  /**
+   * 获取所有节点数据
+   * @returns Cartesian3[]
+   */
+  refreshPositionsData() {
+    return this.mainData = [], this.dataSource.entities.values.forEach((e) => {
+      var t;
+      const i = new r();
+      (t = e.position) == null || t.getValue(I.now(), i), this.mainData.push(i);
+    }), this.mainData;
+  }
+  clearAllData() {
+    this.mainData = [], this.currentDragPoint = null, this.currentIndex = -1, this.dataSource && this.viewer.dataSources.remove(this.dataSource, !0), super.stopStatus();
+  }
+  getEntityIndex() {
+    var e;
+    for (let i = 0, t = this.dataSource.entities.values.length; i < t; i++)
+      if (this.dataSource.entities.values[i].id == ((e = this.currentDragPoint) == null ? void 0 : e.id)) {
+        this.currentIndex = i;
+        break;
+      }
+  }
+  editMoveFun(e, i) {
+    if (o.DRAG_UNABLED == super.getEditStatus()) {
+      const t = this.viewer.scene.pick(e.endPosition);
+      if (l(t) && l(t.id) && this.dataSource.entities.contains(d(t.id))) {
+        let a = d(t.id);
+        this.currentDragPoint = a, this.editDragEnable();
+      }
+    } else o.DRAGING == super.getEditStatus() ? this.currentDragPoint && (this.currentDragPoint.position = new E(i), this.mainData[this.currentIndex] = i) : this.editDragUnable();
+  }
+  deleteMoveFun(e) {
+    if (p.DEL_UNABLED == super.getDelStatus()) {
+      const i = this.viewer.scene.pick(e.endPosition);
+      l(i) && l(i.id) && this.dataSource.entities.contains(d(i.id)) && this.delEnable();
+    } else
+      this.delUnable();
+  }
+  addPoint(e) {
+    let i = null;
+    return this.point ? i = this.point : i = {
+      pixelSize: 6,
+      color: u.TRANSPARENT,
+      outlineColor: u.YELLOW,
+      outlineWidth: 2,
+      heightReference: S.CLAMP_TO_GROUND
+      //贴地
+    }, this.dataSource.entities.add({
+      position: e,
+      point: i,
+      properties: {
+        entityType: "POINT"
+      },
+      show: !0
+    });
+  }
+  //在删除状态下，删除节点
+  deletePoint(e) {
+    this.delCallbackFun && this.delCallbackFun().then((i) => {
+      i && (this.dataSource.entities.remove(e), this.refreshPositionsData());
+    });
+  }
+  delCallback() {
+    return new Promise((e) => {
+      const i = confirm("确定删除吗？");
+      e(!!i);
+    });
+  }
+}
+class T extends L {
+  constructor(e, i = null) {
+    super(e), this.handler = null, this.pointCollection = new B(), this.billboardCallbackFun = this.addBillboardCallback, this.point_L_ClickEvent = () => {
+      var t;
+      (t = this.handler) == null || t.setInputAction((a) => {
+        if (h.DRAWABLE == super.getStatus()) {
+          let s = this.viewer.camera.getPickRay(a.position), n = this.viewer.scene.globe.pick(s, this.viewer.scene);
+          if (l(n)) {
+            let v = this.billboardCallbackFun(n);
+            this.mainData.push(n), this.pointCollection.add(v);
+          }
+        } else if (h.DELETABLE == super.getStatus()) {
+          const s = this.viewer.scene.pick(a.position);
+          if (l(s) && l(s.id)) {
+            const n = d(s.id);
+            this.pointCollection.contains(n) && p.DEL_ENABLED == super.getDelStatus() && this.deleteBillboard(n);
+          }
+        }
+      }, c.LEFT_CLICK);
+    }, this.point_L_DownEvent = () => {
+      var t;
+      (t = this.handler) == null || t.setInputAction(() => {
+        h.EDITABLE == super.getStatus() && o.DRAG_ENABLED == super.getEditStatus() && (super.editDraging(), this.viewer.scene.screenSpaceCameraController.enableRotate = !1);
+      }, c.LEFT_DOWN);
+    }, this.point_L_UpEvent = () => {
+      var t;
+      (t = this.handler) == null || t.setInputAction((a) => {
+        if (o.DRAGING == super.getEditStatus()) {
+          const s = this.viewer.scene.pickPosition(a.endPosition);
+          l(s) && this.editCallbackFun && this.editCallbackFun(s), this.editDragUnable(), this.currentDragPoint = null, this.viewer.scene.screenSpaceCameraController.enableRotate = !0;
+        }
+      }, c.LEFT_UP);
+    }, this.point_moveEvent = () => {
+      var t;
+      (t = this.handler) == null || t.setInputAction((a) => {
+        if (h.EDITABLE == super.getStatus())
+          if (o.DRAG_UNABLED == super.getEditStatus()) {
+            const s = this.viewer.scene.pick(a.endPosition);
+            if (l(s) && l(s.id) && this.pointCollection.contains(d(s.id))) {
+              let n = d(s.id);
+              this.currentDragPoint = n, this.editDragEnable();
+            }
+          } else if (o.DRAGING == super.getEditStatus()) {
+            const s = this.viewer.scene.pickPosition(a.endPosition);
+            l(s) && this.currentDragPoint && (this.currentDragPoint.position = new E(s));
+          } else
+            this.editDragUnable();
+        else if (h.DELETABLE == super.getStatus())
+          if (p.DEL_UNABLED == super.getDelStatus()) {
+            const s = this.viewer.scene.pick(a.endPosition);
+            l(s) && l(s.id) && this.pointCollection.contains(d(s.id)) && this.delEnable();
+          } else
+            this.delUnable();
+      }, c.MOUSE_MOVE);
+    }, i && (this.billboardCallbackFun = i.billboardCallbackFun ? i.billboardCallbackFun : this.addBillboardCallback, this.delCallbackFun = i.delCallbackFun ? i.delCallbackFun : this.delCallback, i.editCallbackFun && (this.editCallbackFun = i.editCallbackFun));
+  }
+  start() {
+    super.drawableStatus(), this.handler || (this.handler = new w(this.viewer.scene.canvas)), this.point_L_ClickEvent(), this.point_L_DownEvent(), this.point_L_UpEvent(), this.point_moveEvent();
+  }
+  getEntity() {
+    return this.pointCollection;
+  }
+  clearAll() {
+    var e;
+    this.clearAllData(), this.billboardCallbackFun = this.addBillboardCallback;
+    for (let i = 0, t = this.pointCollection.values.length; i < t; i++) {
+      const a = this.pointCollection.values[i];
+      this.viewer.entities.removeById(a.id);
+    }
+    (e = this.handler) == null || e.destroy();
+  }
+  addBillboardCallback(e) {
+    return this.viewer.entities.add({
+      // 设置经纬度位置 (经度, 纬度, 海拔高度)
+      position: e,
+      billboard: {
+        image: U,
+        // 设置图片显示的宽度和高度 (像素)
+        width: 40,
+        height: 40,
+        // 可选项：缩放倍数
+        scale: 1,
+        verticalOrigin: R.BOTTOM,
+        heightReference: S.CLAMP_TO_GROUND
+        //贴地
+      },
+      show: !0
+    });
+  }
+  deleteBillboard(e) {
+    this.delCallbackFun ? this.delCallbackFun().then((i) => {
+      i && (this.dataSource.entities.remove(e), this.refreshPositionsData());
+    }) : confirm("确定要删除吗？") && (this.viewer.entities.remove(e), this.refreshPositionsData());
+  }
+}
+const f = {
+  LINE: Symbol("LINE"),
+  //画线模式
+  POLYGON: Symbol("POLYGON")
+  //画面模式 
+};
+class O extends L {
+  constructor(e, i = null) {
+    super(e), this.handler = null, this.mainLineEntity = null, this.mainPolygonEntity = null, this.dashLineEntity = null, this.dashEndData = new r(), this.drawerMode = f.LINE, this.line_L_ClickEvent = () => {
+      var t;
+      (t = this.handler) == null || t.setInputAction((a) => {
+        if (h.DRAWABLE == super.getStatus()) {
+          let s = this.viewer.camera.getPickRay(a.position), n = this.viewer.scene.globe.pick(s, this.viewer.scene);
+          l(n) && (this.addPoint(n), this.mainData.push(n), this.mainData.length > 0 && (this.mainLineEntity || this.createMainLine(), this.dashLineEntity || this.createDashline(), this.mainData.length > 2 && this.drawerMode === f.POLYGON && !this.mainPolygonEntity && this.createMainPolygon()));
+        } else if (h.DELETABLE == super.getStatus()) {
+          const s = this.viewer.scene.pick(a.position);
+          if (l(s) && l(s.id)) {
+            const n = d(s.id);
+            this.dataSource.entities.contains(n) && p.DEL_ENABLED == super.getDelStatus() && this.deletePoint(n);
+          }
+        }
+      }, c.LEFT_CLICK);
+    }, this.line_L_DownEvent = () => {
+      var t;
+      (t = this.handler) == null || t.setInputAction(() => {
+        h.EDITABLE == super.getStatus() && o.DRAG_ENABLED == super.getEditStatus() && (super.editDraging(), this.getEntityIndex(), this.viewer.scene.screenSpaceCameraController.enableRotate = !1);
+      }, c.LEFT_DOWN);
+    }, this.line_L_UpEvent = () => {
+      var t;
+      (t = this.handler) == null || t.setInputAction(() => {
+        o.DRAGING == super.getEditStatus() && (this.editDragUnable(), this.currentDragPoint = null, this.viewer.scene.screenSpaceCameraController.enableRotate = !0);
+      }, c.LEFT_UP);
+    }, this.line_moveEvent = () => {
+      var t;
+      (t = this.handler) == null || t.setInputAction((a) => {
+        const s = this.viewer.camera.getPickRay(a.endPosition);
+        if (s) {
+          const n = this.viewer.scene.globe.pick(s, this.viewer.scene);
+          l(n) && (h.DRAWABLE == super.getStatus() ? this.dashEndData = n : h.EDITABLE == super.getStatus() ? (this.dashLineEntity.show = !1, this.editMoveFun(a, n)) : h.DELETABLE == super.getStatus() && (this.dashLineEntity.show = !1, this.deleteMoveFun(a)));
+        }
+      }, c.MOUSE_MOVE);
+    }, this.createDashline = () => {
+      let t;
+      this.deshline ? t = this.deshline : t = {
+        positions: [
+          new r(),
+          new r()
+        ],
+        width: 2,
+        material: new M({
+          color: u.RED,
+          dashLength: 15
+        }),
+        show: !0,
+        clampToGround: !0
+      }, t.positions = new A(() => {
+        let a = this.mainData.length, s = this.mainData[a - 1];
+        return s || (s = this.mainData[a - 2]), this.dashEndData || console.log("发生错误了dashEndData"), [s, this.dashEndData];
+      }, !1), this.dashLineEntity = this.viewer.entities.add({
+        polyline: t,
+        properties: {
+          entityType: "DASHLINE"
+        }
+      });
+    }, i && (i.drawerMode && (this.drawerMode = i.drawerMode), this.point = i.point, this.polyline = i.polyline, this.deshline = i.deshline, this.polygon = i.polygon, this.delCallbackFun = i.delCallbackFun ? i.delCallbackFun : this.delCallback);
+  }
+  start() {
+    super.drawableStatus(), this.handler || (this.handler = new w(this.viewer.scene.canvas)), this.line_L_ClickEvent(), this.line_L_DownEvent(), this.line_L_UpEvent(), this.line_moveEvent();
+  }
+  getEntity() {
+    if (this.drawerMode === f.LINE)
+      return this.mainLineEntity;
+    if (this.drawerMode === f.POLYGON)
+      return this.mainPolygonEntity;
+  }
+  clearAll() {
+    this.clearAllData(), this.handler = null, this.mainLineEntity && this.viewer.entities.removeById(this.mainLineEntity.id), this.mainPolygonEntity && this.viewer.entities.removeById(this.mainPolygonEntity.id), this.dashLineEntity && this.viewer.entities.removeById(this.dashLineEntity.id);
+  }
+  //创建主线数据
+  createMainLine() {
+    let e;
+    this.polyline ? e = this.polyline : e = {
+      positions: [new r(), new r()],
+      // 宽度
+      width: 2,
+      // 线的颜色
+      material: u.RED,
+      // 是否显示
+      show: !0,
+      clampToGround: !0
+    }, e.positions = new A(() => this.mainData, !1), this.mainLineEntity = this.viewer.entities.add({
+      polyline: e,
+      properties: {
+        entityType: "LINE"
+      }
+    });
+  }
+  //创建主面数据
+  createMainPolygon() {
+    let e;
+    this.polygon ? e = this.polygon : e = {
+      hierarchy: [new r(), new r(), new r()],
+      material: u.RED.withAlpha(0.4),
+      outline: !1
+    }, e.hierarchy = new A(() => new P(this.mainData), !1), this.mainPolygonEntity = this.viewer.entities.add({
+      polygon: e,
+      properties: {
+        entityType: "POLYGON"
+      }
+    });
+  }
+}
+class x extends L {
+  //主面对象
+  constructor(e, i = null) {
+    super(e), this.handler = null, this.firstPoint = null, this.endPoint = null, this.lineEntity = null, this.polygonEntity = null, this.rect_L_ClickEvent = () => {
+      var t;
+      (t = this.handler) == null || t.setInputAction((a) => {
+        if (h.DRAWABLE == super.getStatus()) {
+          let s = this.viewer.camera.getPickRay(a.position), n = this.viewer.scene.globe.pick(s, this.viewer.scene);
+          l(n) && (this.mainData.length === 0 ? (this.addPoint(n), this.firstPoint = n, this.mainData.push(n), this.createLine(), this.createPolygon()) : (this.addPoint(n), this.endPoint = n, this.stopStatus()));
+        }
+      }, c.LEFT_CLICK);
+    }, this.rect_L_DownEvent = () => {
+      var t;
+      (t = this.handler) == null || t.setInputAction(() => {
+        h.EDITABLE == super.getStatus() && o.DRAG_ENABLED == super.getEditStatus() && (super.editDraging(), this.getEntityIndex(), this.viewer.scene.screenSpaceCameraController.enableRotate = !1);
+      }, c.LEFT_DOWN);
+    }, this.rect_L_UpEvent = () => {
+      var t;
+      (t = this.handler) == null || t.setInputAction(() => {
+        o.DRAGING == super.getEditStatus() && (this.editDragUnable(), this.currentDragPoint = null, this.viewer.scene.screenSpaceCameraController.enableRotate = !0);
+      }, c.LEFT_UP);
+    }, this.rect_moveEvent = () => {
+      var t;
+      (t = this.handler) == null || t.setInputAction((a) => {
+        const s = this.viewer.camera.getPickRay(a.endPosition);
+        if (s) {
+          const n = this.viewer.scene.globe.pick(s, this.viewer.scene);
+          l(n) && (h.DRAWABLE == super.getStatus() ? this.firstPoint && (this.endPoint = n, this.initMainData()) : h.EDITABLE == super.getStatus() && this.rectMove(a, n));
+        }
+      }, c.MOUSE_MOVE);
+    }, i && (this.point = i.point, this.polyline = i.polyline, this.polygon = i.polygon);
+  }
+  start() {
+    super.drawableStatus(), this.handler || (this.handler = new w(this.viewer.scene.canvas)), this.rect_L_ClickEvent(), this.rect_L_DownEvent(), this.rect_L_UpEvent(), this.rect_moveEvent();
+  }
+  getEntity() {
+    this.polygonEntity;
+  }
+  clearAll() {
+    this.clearAllData(), this.firstPoint = new r(), this.endPoint = new r(), this.handler && (this.handler = null), this.polygonEntity && this.viewer.entities.removeById(this.polygonEntity.id), this.lineEntity && this.viewer.entities.removeById(this.lineEntity.id);
+  }
+  rectMove(e, i) {
+    if (o.DRAG_UNABLED == super.getEditStatus()) {
+      const t = this.viewer.scene.pick(e.endPosition);
+      if (l(t) && l(t.id) && this.dataSource.entities.contains(d(t.id))) {
+        let a = d(t.id);
+        this.currentDragPoint = a, this.editDragEnable();
+      }
+    } else o.DRAGING == super.getEditStatus() ? this.currentDragPoint && (this.currentDragPoint.position = new E(i), this.currentIndex === 0 ? this.firstPoint = i : this.endPoint = i, this.initMainData()) : this.editDragUnable();
+  }
+  initMainData() {
+    if (this.firstPoint && this.endPoint) {
+      const e = y.fromCartesian(this.firstPoint), i = e.longitude, t = e.latitude, a = y.fromCartesian(this.endPoint), s = a.longitude, n = a.latitude, v = r.fromRadians(i, n), m = r.fromRadians(s, t);
+      this.mainData[0] = this.firstPoint, this.mainData[1] = v, this.mainData[2] = this.endPoint, this.mainData[3] = m;
+    }
+  }
+  //创建主线数据
+  createLine() {
+    let e = null;
+    this.polyline ? e = this.polyline : e = {
+      positions: [new r(), new r()],
+      // 宽度
+      width: 2,
+      // 线的颜色
+      material: u.RED,
+      // 是否显示
+      show: !0,
+      clampToGround: !0
+    }, e.positions = new A(() => [...this.mainData, this.mainData[0]], !1), this.lineEntity = this.viewer.entities.add({
+      polyline: e,
+      properties: {
+        entityType: "LINE"
+      }
+    });
+  }
+  //创建主面数据
+  createPolygon() {
+    let e = null;
+    this.polygon ? e = this.polygon : e = {
+      hierarchy: [new r(), new r(), new r()],
+      material: u.RED.withAlpha(0.4),
+      outline: !1
+    }, e.hierarchy = new A(() => new P(this.mainData), !1), this.polygonEntity = this.viewer.entities.add({
+      polygon: e,
+      properties: {
+        entityType: "POLYGON"
+      }
+    });
+  }
+}
+class Q extends L {
+  //主线对象
+  constructor(e, i = null) {
+    super(e), this.handler = null, this.firstPoint = new r(), this.endPoint = new r(), this.distance = 0, this.angle = 0, this.endPointEntity = null, this.ellipseEntity = null, this.circle_L_ClickEvent = () => {
+      var t;
+      (t = this.handler) == null || t.setInputAction((a) => {
+        if (h.DRAWABLE == super.getStatus()) {
+          let s = this.viewer.camera.getPickRay(a.position), n = this.viewer.scene.globe.pick(s, this.viewer.scene);
+          l(n) && (this.mainData.length === 0 ? (this.addPoint(n), this.mainData.push(n), this.firstPoint = n, this.createCircle()) : (this.endPoint = n, this.mainData.push(n), this.endPointEntity = this.addPoint(n), this.getAngle(), this.stopStatus()));
+        }
+      }, c.LEFT_CLICK);
+    }, this.circle_L_DownEvent = () => {
+      var t;
+      (t = this.handler) == null || t.setInputAction(() => {
+        h.EDITABLE == super.getStatus() && o.DRAG_ENABLED == super.getEditStatus() && (super.editDraging(), this.getEntityIndex(), this.viewer.scene.screenSpaceCameraController.enableRotate = !1);
+      }, c.LEFT_DOWN);
+    }, this.circle_L_UpEvent = () => {
+      var t;
+      (t = this.handler) == null || t.setInputAction(() => {
+        o.DRAGING == super.getEditStatus() && (this.editDragUnable(), this.currentDragPoint = null, this.viewer.scene.screenSpaceCameraController.enableRotate = !0);
+      }, c.LEFT_UP);
+    }, this.circle_moveEvent = () => {
+      var t;
+      (t = this.handler) == null || t.setInputAction((a) => {
+        const s = this.viewer.camera.getPickRay(a.endPosition);
+        if (s) {
+          const n = this.viewer.scene.globe.pick(s, this.viewer.scene);
+          l(n) && (h.DRAWABLE == super.getStatus() ? this.mainData.length > 0 && (this.endPoint = n, this.countDistance()) : h.EDITABLE == super.getStatus() && this.circleMove(a, n));
+        }
+      }, c.MOUSE_MOVE);
+    }, i && (this.point = i.point, this.ellipse = i.ellipse);
+  }
+  start() {
+    super.drawableStatus(), this.handler || (this.handler = new w(this.viewer.scene.canvas)), this.circle_L_ClickEvent(), this.circle_L_DownEvent(), this.circle_L_UpEvent(), this.circle_moveEvent();
+  }
+  getEntity() {
+    return this.ellipse;
+  }
+  clearAll() {
+    this.clearAllData(), this.firstPoint = new r(), this.endPoint = new r(), this.handler && (this.handler = null), this.ellipseEntity && this.viewer.entities.removeById(this.ellipseEntity.id);
+  }
+  getAngle() {
+    const e = b.eastNorthUpToFixedFrame(this.firstPoint.clone()), i = g.inverse(e, new g()), t = g.multiplyByPoint(i, this.endPoint.clone(), new r());
+    this.angle = Math.atan2(t.x, t.y);
+  }
+  circleMove(e, i) {
+    if (o.DRAG_UNABLED == super.getEditStatus()) {
+      const t = this.viewer.scene.pick(e.endPosition);
+      if (l(t) && l(t.id) && this.dataSource.entities.contains(d(t.id))) {
+        let a = d(t.id);
+        this.currentDragPoint = a, this.editDragEnable();
+      }
+    } else o.DRAGING == super.getEditStatus() ? this.currentDragPoint && (this.currentDragPoint.position = new E(i), this.currentIndex === 0 ? (this.firstPoint = i, this.ellipseEntity && (this.ellipseEntity.position = new E(this.firstPoint)), this.endPointEntity && (this.updateEndPoint(), this.endPointEntity.position = new E(this.endPoint))) : (this.endPoint = i, this.countDistance())) : this.editDragUnable();
+  }
+  updateEndPoint() {
+    var e = new r(
+      this.distance * Math.sin(this.angle),
+      this.distance * Math.cos(this.angle),
+      0
+      // 保持水平，如果希望保持高度则设为 localEdge.z
+    ), i = b.eastNorthUpToFixedFrame(this.firstPoint), t = g.multiplyByPointAsVector(i, e, new r());
+    this.endPoint = r.add(this.firstPoint, t, new r());
+  }
+  countDistance() {
+    if (this.firstPoint && this.endPoint) {
+      const e = y.fromCartesian(this.firstPoint), i = y.fromCartesian(this.endPoint), t = new k(e, i);
+      this.distance = t.surfaceDistance;
+    }
+  }
+  //创建主面数据
+  createCircle() {
+    let e = null;
+    this.ellipse ? e = this.ellipse : e = {
+      semiMinorAxis: 1,
+      // 短半轴（米）
+      semiMajorAxis: 1,
+      // 长半轴（米）— 两者相等即为圆
+      material: u.RED.withAlpha(0.6),
+      // 填充颜色，半透明
+      height: 0,
+      // 椭圆所在高度（米），可选
+      extrudedHeight: 0,
+      // 拉伸高度，>0 会形成圆柱体，设为0则为平面
+      outline: !0,
+      // 是否显示边框
+      outlineColor: u.RED
+    }, e.semiMinorAxis = e.semiMajorAxis = new A(() => this.distance, !1), this.ellipseEntity = this.viewer.entities.add({
+      position: new E(this.firstPoint),
+      ellipse: e,
+      properties: {
+        entityType: "ELLIPSE"
+      }
+    });
+  }
+}
+export {
+  O as C,
+  h as D,
+  T as P,
+  x as R,
+  Q as a,
+  f as b
+};

package/drawer.d.ts

@@ -0,0 +1,7 @@
+import { PointDrawer } from './src/drawer/PointDrawer.ts';
+import { CP2dDrawer, CP2dOptions, DRAWER_MODE, DRAWER_MODE_TYPE } from './src/drawer/CP2dDrawer.ts';
+import { RectDrawer, RectOptions } from './src/drawer/RectDrawer.ts';
+import { CircleDrawer, CircleOptions } from './src/drawer/CircleDrawer.ts';
+import { DelCallbackFn } from './src/drawer/DataCenter.ts';
+import { DRAW_STATUS, DRAW_STATUS_TYPE } from './src/drawer/DrawerStatus.ts';
+export { PointDrawer, CP2dDrawer, RectDrawer, CircleDrawer, DRAW_STATUS, type DRAW_STATUS_TYPE, DRAWER_MODE, type DRAWER_MODE_TYPE, type CircleOptions, type RectOptions, type CP2dOptions, type DelCallbackFn };

package/drawer.js

@@ -0,0 +1,9 @@
+import { C as D, a as e, b as s, D as R, P as w, R as o } from "./CircleDrawer-DbOS8_ZI.js";
+export {
+  D as CP2dDrawer,
+  e as CircleDrawer,
+  s as DRAWER_MODE,
+  R as DRAW_STATUS,
+  w as PointDrawer,
+  o as RectDrawer
+};

package/index.d.ts

@@ -12,4 +12,4 @@ export default _default;
 export { cpCompass, cpRuler, cpCoord, cpOverlay, cpPin, cpTianmap };
 export * from './pin.ts';
 export * from './tianmap.ts';
-export * from './measure.ts';
+export * from './drawer.ts';

package/index.js

@@ -3,7 +3,7 @@ import * as PA from "three";
 import { TrianglesDrawMode as tP, TriangleFanDrawMode as EA, TriangleStripDrawMode as SA, Loader as sP, LoaderUtils as F, FileLoader as qA, Color as S, LinearSRGBColorSpace as H, SpotLight as BP, PointLight as rP, DirectionalLight as vP, MeshBasicMaterial as W, SRGBColorSpace as R, MeshPhysicalMaterial as y, Vector2 as VA, Matrix4 as tA, Vector3 as K, Quaternion as hA, InstancedMesh as gP, InstancedBufferAttribute as CP, Object3D as JA, TextureLoader as DP, ImageBitmapLoader as wP, BufferAttribute as BA, InterleavedBuffer as QP, InterleavedBufferAttribute as cP, LinearMipmapLinearFilter as YA, NearestMipmapLinearFilter as IP, LinearMipmapNearestFilter as EP, NearestMipmapNearestFilter as zP, LinearFilter as zA, NearestFilter as NA, RepeatWrapping as TA, MirroredRepeatWrapping as TP, ClampToEdgeWrapping as lP, PointsMaterial as oP, Material as rA, LineBasicMaterial as aP, MeshStandardMaterial as KA, DoubleSide as MP, PropertyBinding as uP, BufferGeometry as pP, SkinnedMesh as bP, Mesh as iP, LineSegments as fP, Line as UP, LineLoop as yP, Points as dP, Group as vA, PerspectiveCamera as jP, MathUtils as HP, OrthographicCamera as mP, Skeleton as kP, AnimationClip as LP, Bone as OP, InterpolateDiscrete as SP, InterpolateLinear as XA, ColorManagement as MA, Texture as uA, VectorKeyframeTrack as pA, NumberKeyframeTrack as bA, QuaternionKeyframeTrack as iA, FrontSide as qP, Interpolant as VP, Box3 as hP, Sphere as JP } from "three";
 import { Viewer as h, Math as _, Cartesian2 as eA, Cartesian3 as L, Cartographic as ZA, SceneTransforms as YP, Ray as NP, Color as KP, ScreenSpaceEventType as gA, ScreenSpaceEventHandler as XP, createWorldTerrainAsync as ZP, EllipsoidTerrainProvider as GP, WebMapTileServiceImageryProvider as Y, Credit as N } from "cesium";
 import { P as G, a as fA, b as xP, c as WP, d as FP, C as UA } from "./index-CcaLwHv1.js";
-import { L as Mn, P as un, a as pn } from "./PolygonDrawer-cdggtCBL.js";
+import { C as Mn, a as un, b as pn, D as bn, P as fn, R as Un } from "./CircleDrawer-DbOS8_ZI.js";
 function yA(D, A) {
   if (A === tP)
     return console.warn("THREE.BufferGeometryUtils.toTrianglesDrawMode(): Geometry already defined as triangles."), D;
@@ -2397,11 +2397,14 @@ const He = /* @__PURE__ */ q({
   D.component(A, P);
 }), D), ln = { install: cn };
 export {
-  Mn as LineDrawer,
+  Mn as CP2dDrawer,
+  un as CircleDrawer,
+  pn as DRAWER_MODE,
+  bn as DRAW_STATUS,
   fA as PIN_CATEGORY,
   G as PIN_MODE,
-  un as PointDrawer,
-  pn as PolygonDrawer,
+  fn as PointDrawer,
+  Un as RectDrawer,
   me as cpCompass,
   Ve as cpCoord,
   Fe as cpOverlay,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cesium-pocket",
-  "version": "0.2.1-alpha",
+  "version": "0.3.1-alpha",
   "description": "cesium的插件库；基于vue3的开发",
   "module": "./index.js",
   "types": "./index.d.ts",
@@ -17,9 +17,9 @@
       "import": "./tianmap.js",
       "types": "./tianmap.d.ts"
     },
-    "./measure": {
-      "import": "./measure.js",
-      "types": "./measure.d.ts"
+    "./drawer": {
+      "import": "./drawer.js",
+      "types": "./drawer.d.ts"
     },
     "./*": "./*"
   },