deeptwins-engine-3d 0.1.32 → 0.1.34

package/dist/esm/drawer/index.js

@@ -1,350 +1,438 @@
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
 function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-import { Color, defaultValue, JulianDate } from 'deeptwins-cesium';
-import Subscriber from "../tool/cesiumExtends/Subscriber";
+import { featureEach } from '@turf/turf';
+import * as Cesium from 'deeptwins-cesium';
+import { isString, merge } from 'lodash';
+import { DEFAULT_DRAWER_OPTIONS, LAYER_EVENT_TYPE } from "../constant";
+import BaseSource from "../graphicLayer/BaseSource";
+import * as utils from "../tool/utils";
 import ToolTip from "../toolTip/index";
-import Painter from "./painter";
-import Ellipse from "./shape/Ellipse";
 import Point from "./shape/Point";
 import Polygon from "./shape/Polygon";
 import Polyline from "./shape/Polyline";
-import Rectangle from "./shape/Rectangle";
-import { cartesian3ToLngLatAlt } from "../tool/utils";
-export * from "./typings";
-export var defaultOptions = {
-  terrain: false,
-  model: false,
-  operateType: {
-    START: 'LEFT_CLICK',
-    MOVING: 'MOUSE_MOVE',
-    CANCEL: 'RIGHT_CLICK',
-    END: 'LEFT_DOUBLE_CLICK'
-  },
-  /**
-   * 图形勾画时的Entity样式
-   */
-  dynamicGraphicsOptions: {
-    polyline: {
-      clampToGround: true,
-      width: 2,
-      material: Color.BLUE
-    },
-    polygon: {
-      outlineColor: Color.BLUE,
-      outlineWidth: 2,
-      material: Color.BLUE.withAlpha(0.5)
-    },
-    point: {
-      // HeightReference: HeightReference.CLAMP_TO_GROUND,
-      color: Color.BLUE,
-      pixelSize: 8,
-      outlineColor: Color.WHITE,
-      outlineWidth: 1
-    },
-    rectangle: {
-      material: Color.BLUE.withAlpha(0.5)
-    },
-    ellipse: {
-      material: Color.BLUE.withAlpha(0.5),
-      outline: true
-    }
-  },
-  sameStyle: true,
-  tips: {
-    init: '点击绘制',
-    start: '左键添加点，右键移除点，双击结束绘制',
-    end: ''
-  }
+import { HANDLE_FEATURE_DATA_TYPE_FUN } from "./utils";
+
+// 根据类型相应的实现类
+var DYNAMIC_GRAPHICS_TYPE = {
+  point: Point,
+  polyline: Polyline,
+  polygon: Polygon
+};
+
+// 根据相应的geoJson类型获取相应的实现类
+var dynamicGraphicsGeoJsonType = {
+  Point: Point,
+  MultiPoint: Point,
+  LineString: Polyline,
+  MultiLineString: Polyline,
+  Polygon: Polygon,
+  MultiPolygon: Polygon
+};
+// 状态表定义
+export var STATUS = {
+  INIT: 'INIT',
+  START_DRAW: 'START_DRAW',
+  DRAWING: 'DRAWING',
+  END_DRAW: 'END_DRAW',
+  EDITING: 'EDITING',
+  END_EDIT: 'END_EDIT'
 };
+
+// 从状态表推导类型
+
+// 支持多点绘制的形状类型表
+export var MULTI_POINT_SHAPE_TYPES = {
+  POLYLINE: 'polyline',
+  POLYGON: 'polygon'
+};
+
+// 支持多点绘制的形状类型数组
+export var MULTI_POINT_SHAPES = Object.values(MULTI_POINT_SHAPE_TYPES);
 var Drawer = /*#__PURE__*/function () {
-  function Drawer(viewer, options) {
-    var _options$sameStyle;
+  function Drawer(map) {
+    var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
     _classCallCheck(this, Drawer);
-    _defineProperty(this, "_viewer", void 0);
-    _defineProperty(this, "_type", void 0);
-    _defineProperty(this, "_terrain", void 0);
-    _defineProperty(this, "_model", void 0);
-    _defineProperty(this, "_subscriber", void 0);
-    _defineProperty(this, "_status", void 0);
-    _defineProperty(this, "_painter", void 0);
-    _defineProperty(this, "_events", []);
-    _defineProperty(this, "_typeClass", void 0);
-    _defineProperty(this, "_option", void 0);
-    _defineProperty(this, "$Instance", void 0);
-    _defineProperty(this, "$AddedInstance", []);
-    _defineProperty(this, "_dropPoint", void 0);
-    _defineProperty(this, "_moving", void 0);
-    _defineProperty(this, "_cancel", void 0);
-    _defineProperty(this, "_playOff", void 0);
-    /**
-     * @desc 操作方式
-     */
-    _defineProperty(this, "_operateType", void 0);
-    _defineProperty(this, "_oneInstance", void 0);
-    _defineProperty(this, "_once", void 0);
-    /**
-     * @desc 动作回调
-     */
-    _defineProperty(this, "_action", void 0);
-    _defineProperty(this, "_sameStyle", void 0);
-    _defineProperty(this, "mouseTooltip", void 0);
-    _defineProperty(this, "_tips", void 0);
-    this._option = defaultValue(options, {});
-    if (!viewer) throw new Error('请输入Viewer对象！');
-
-    // 设置操作方式
-    this._operateType = _objectSpread(_objectSpread({}, defaultOptions.operateType), options === null || options === void 0 ? void 0 : options.operateType);
-    this._viewer = viewer;
-    this._terrain = defaultValue(this._option.terrain, defaultOptions.terrain);
-    this._model = defaultValue(this._option.model, defaultOptions.model);
-    this._action = this._option.action;
-    this._sameStyle = (_options$sameStyle = options === null || options === void 0 ? void 0 : options.sameStyle) !== null && _options$sameStyle !== void 0 ? _options$sameStyle : true;
-    this._tips = _objectSpread(_objectSpread({}, defaultOptions.tips), options === null || options === void 0 ? void 0 : options.tips);
-    if (this._terrain && !this._viewer.scene.pickPositionSupported) {
-      console.warn('浏览器不支持 pickPosition属性，无法在有地形的情况下正确选点');
-      this._terrain = false;
-    }
-    this._subscriber = new Subscriber(this._viewer);
-    this.mouseTooltip = new ToolTip(viewer);
-    this.mouseTooltip.show(false);
-    this._status = 'INIT';
-    // 为了防止产生侵入性bug，请在使用前确认相关事件是否可用，不再默认移除原生事件
-    // Object.keys(this._option.keyboard).forEach(key =>
-    //   Subscriber.removeNative(this._viewer, this._option.keyboard[key])
-    // )
+    _defineProperty(this, "_mapContext", void 0);
+    _defineProperty(this, "_drawContext", void 0);
+    _defineProperty(this, "options", void 0);
+    _defineProperty(this, "tooltip", void 0);
+    _defineProperty(this, "isDestroyed", false);
+    _defineProperty(this, "_status", STATUS.INIT);
+    // 拖动中
+    _defineProperty(this, "_dragging", false);
+    _defineProperty(this, "_eventLeftDown", void 0);
+    _defineProperty(this, "_eventLeftUp", void 0);
+    _defineProperty(this, "_eventClick", void 0);
+    _defineProperty(this, "_eventMove", void 0);
+    _defineProperty(this, "_eventDoubleClick", void 0);
+    _defineProperty(this, "_eventRightClick", void 0);
+    // 绘制的图形实例
+    _defineProperty(this, "_instance", void 0);
+    // 绘制完成的图层
+    _defineProperty(this, "_drawLayers", new Map());
+    this._mapContext = map._mapContext;
+    this.options = merge(DEFAULT_DRAWER_OPTIONS(), options);
+    this.tooltip = new ToolTip(this.getMap());
+    this.tooltip.show(false);
+    this._destroyListeners();
+    this._createListeners();
+    this._drawContext = {
+      options: this.options,
+      getMap: this.getMap.bind(this),
+      setDrawerLayer: this.setDrawerLayer.bind(this),
+      _changeStatus: this._changeStatus.bind(this),
+      _updateTooltip: this._updateTooltip.bind(this)
+    };
   }
 
-  /**
-   * @param finalOptions
-   * @param dynamicOptions
-   */
+  // 是否能进行操作
   _createClass(Drawer, [{
-    key: "status",
-    get: function get() {
-      return this._status;
+    key: "_canOperate",
+    value: function _canOperate() {
+      if (this.isDestroyed) {
+        utils.error('Drawer实例已销毁');
+        return false;
+      }
+      return true;
     }
   }, {
-    key: "operateType",
-    get: function get() {
-      return this._operateType;
+    key: "getMap",
+    value: function getMap() {
+      return this._mapContext && this._mapContext.getMap();
     }
+
+    // 是否是拖拽点
   }, {
-    key: "isDestroyed",
-    get: function get() {
-      return this._status === 'DESTROY';
+    key: "_isDragPoint",
+    value: function _isDragPoint(e) {
+      var _this$_instance$dragP, _this$_instance$edges;
+      // 拖拽点图层
+      var dragPoint = (_this$_instance$dragP = this._instance.dragPoints) === null || _this$_instance$dragP === void 0 ? void 0 : _this$_instance$dragP.find(function (point) {
+        var _e$pickedObject;
+        return point.layer.layers[0].id === (e === null || e === void 0 || (_e$pickedObject = e.pickedObject) === null || _e$pickedObject === void 0 || (_e$pickedObject = _e$pickedObject.id) === null || _e$pickedObject === void 0 ? void 0 : _e$pickedObject.id);
+      });
+      // 中间点图层
+      var middlePoint = (_this$_instance$edges = this._instance.edges.find(function (t) {
+        var _t$middlePoint, _e$pickedObject2;
+        return (t === null || t === void 0 || (_t$middlePoint = t.middlePoint) === null || _t$middlePoint === void 0 || (_t$middlePoint = _t$middlePoint.layer) === null || _t$middlePoint === void 0 || (_t$middlePoint = _t$middlePoint.layers) === null || _t$middlePoint === void 0 || (_t$middlePoint = _t$middlePoint[0]) === null || _t$middlePoint === void 0 ? void 0 : _t$middlePoint.id) === (e === null || e === void 0 || (_e$pickedObject2 = e.pickedObject) === null || _e$pickedObject2 === void 0 || (_e$pickedObject2 = _e$pickedObject2.id) === null || _e$pickedObject2 === void 0 ? void 0 : _e$pickedObject2.id);
+      })) === null || _this$_instance$edges === void 0 ? void 0 : _this$_instance$edges.middlePoint;
+      return dragPoint || middlePoint;
     }
+
+    // 创建监听事件
   }, {
-    key: "_initPainter",
-    value: function _initPainter(options) {
-      var painterOptions = {
-        viewer: this._viewer,
-        type: this._type,
-        terrain: this._terrain,
-        model: this._model
-      };
-      this._painter = new Painter(painterOptions);
-      if (this._type === 'polygon') {
-        this._typeClass = new Polygon(this._painter, options);
-      } else if (this._type === 'polyline') {
-        this._typeClass = new Polyline(this._painter, options);
-      } else if (this._type === 'point') {
-        this._typeClass = new Point(this._painter, options);
-      } else if (this._type === 'ellipse') {
-        this._typeClass = new Ellipse(this._painter, options);
-      } else if (this._type === 'rectangle') {
-        this._typeClass = new Rectangle(this._painter, options);
-      }
-      this._dropPoint = this._typeClass.dropPoint.bind(this._typeClass);
-      this._moving = this._typeClass.moving.bind(this._typeClass);
-      this._cancel = this._typeClass.cancel.bind(this._typeClass);
-      this._playOff = this._typeClass.playOff.bind(this._typeClass);
+    key: "_createListeners",
+    value: function _createListeners() {
+      var _this = this;
+      // 鼠标按下
+      this._eventLeftDown = this.getMap().on(Cesium.ScreenSpaceEventType.LEFT_DOWN, function (e) {
+        if (!_this._instance) return;
+        if (_this._status !== STATUS.EDITING) return;
+        var dragPoint = _this._isDragPoint(e);
+        if (dragPoint) {
+          _this._dragging = true;
+          _this._instance.mouseDragStart(e.position, dragPoint);
+          // 禁用相机拖拽（避免和点拖拽冲突）
+          _this.getMap().scene.screenSpaceCameraController.enableRotate = false;
+        }
+      });
+      // 鼠标抬起
+      this._eventLeftUp = this.getMap().on(LAYER_EVENT_TYPE.LEFT_UP, function (e) {
+        if (!_this._instance) return;
+        if (_this._dragging) {
+          _this._dragging = false;
+          _this._instance.mouseDragEnd(e.position);
+          _this.getMap().scene.screenSpaceCameraController.enableRotate = true;
+        }
+      });
+      // 鼠标点击
+      this._eventClick = this.getMap().on(Cesium.ScreenSpaceEventType.LEFT_CLICK, function (e) {
+        if (!_this._instance) return;
+        if (_this._status !== STATUS.START_DRAW && _this._status !== STATUS.DRAWING) return;
+        // 添加点
+        _this._instance.addPoint(e.position);
+      });
+      // 鼠标移动
+      this._eventMove = this.getMap().on(Cesium.ScreenSpaceEventType.MOUSE_MOVE, function (e) {
+        if (!_this._instance) return;
+        // 绘制
+        if (_this._status === STATUS.START_DRAW || _this._status === STATUS.DRAWING) {
+          if (MULTI_POINT_SHAPES.includes(_this._instance.type)) {
+            _this._instance.updateTempPosition(e.position);
+          }
+        }
+        // 编辑
+        if (_this._status === STATUS.EDITING) {
+          var dragPoint = _this._isDragPoint(e);
+          if (dragPoint) {
+            _this.getMap().canvas.style.cursor = 'pointer';
+          } else {
+            _this.getMap().canvas.style.cursor = 'default';
+          }
+          if (_this._dragging) {
+            _this._instance.mouseDragChange(e.position, dragPoint);
+          }
+        }
+      });
+      // 鼠标双击
+      this._eventDoubleClick = this.getMap().on(Cesium.ScreenSpaceEventType.LEFT_DOUBLE_CLICK, function () {
+        if (!_this._instance) return;
+        if (_this._status !== STATUS.START_DRAW && _this._status !== STATUS.DRAWING) return;
+        if (MULTI_POINT_SHAPES.includes(_this._instance.type)) {
+          _this._instance.endDraw();
+        }
+      });
+      // 鼠标右键
+      this._eventRightClick = this.getMap().on(Cesium.ScreenSpaceEventType.RIGHT_CLICK, function () {
+        if (!_this._instance) return;
+        if (_this._status !== STATUS.START_DRAW && _this._status !== STATUS.DRAWING) return;
+        if (MULTI_POINT_SHAPES.includes(_this._instance.type)) {
+          _this._instance.removePrev();
+        }
+      });
     }
+
+    // 销毁监听事件
   }, {
-    key: "_updateTips",
-    value: function _updateTips() {
-      if (!this._painter) return;
-      if (this._status === 'INIT' || this._status === 'DESTROY') {
-        this.mouseTooltip.show(false);
-        return;
-      }
-      if (this._status === 'PAUSE') {
-        this.mouseTooltip.setOptions({
-          text: this._tips.end
+    key: "_destroyListeners",
+    value: function _destroyListeners() {
+      this._eventLeftDown && this._eventLeftDown.off();
+      this._eventLeftDown = null;
+      this._eventLeftUp && this._eventLeftUp.off();
+      this._eventLeftUp = null;
+      this._eventClick && this._eventClick.off();
+      this._eventClick = null;
+      this._eventMove && this._eventMove.off();
+      this._eventMove = null;
+      this._eventDoubleClick && this._eventDoubleClick.off();
+      this._eventDoubleClick = null;
+      this._eventRightClick && this._eventRightClick.off();
+      this._eventRightClick = null;
+    }
+
+    // 更新提示
+  }, {
+    key: "_updateTooltip",
+    value: function _updateTooltip() {
+      if (!this._canOperate()) return;
+      if (this._status === STATUS.START_DRAW) {
+        this.tooltip.setOptions({
+          text: '点击开始绘制'
         });
-        if (this._once) this.mouseTooltip.show(false);
-        return;
-      }
-      if (this._painter._breakPointEntities.length === 0) {
-        this.mouseTooltip.setOptions({
-          text: this._tips.init
+        this.tooltip.show(true);
+      } else if (this._status === STATUS.DRAWING) {
+        this.tooltip.setOptions({
+          text: '左键添加点，右键移除点，双击结束绘制'
         });
-        this.mouseTooltip.show(true);
       } else {
-        this.mouseTooltip.setOptions({
-          text: this._tips.start
-        });
-        this.mouseTooltip.show(true);
+        this.tooltip.show(false);
       }
     }
 
-    /**
-     * @desc 绘制函数,
-     * @param config 绘制配置，可以通过定义options直接改写结果而不再填第二个参数
-     * @param overrideFunc Entity 重写函数，用于重写绘制结果，如果 overrideFunc返回一个Entity,则将该Entity添加到Viewer中，否则结束函数无操作
-     * @returns
-     */
+    // 修改状态
   }, {
-    key: "start",
-    value: function start(config) {
-      var _this = this;
-      var overrideFunc = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : function (action, entity) {
-        return entity;
-      };
-      config = defaultValue(config, {});
-      this._once = defaultValue(config.once, true);
-      this._oneInstance = defaultValue(config.oneInstance, false);
-      if (!this._isSupport(config.type)) {
-        throw new Error("the type '".concat(config.type, "' is not support"));
-      }
-      this._type = config.type;
-      var defaultOpts = defaultOptions.dynamicGraphicsOptions[this._type];
-      this._initPainter({
-        finalOptions: _objectSpread(_objectSpread({}, defaultOpts), config.finalOptions),
-        dynamicOptions: _objectSpread(_objectSpread({}, defaultOpts), config.dynamicOptions),
-        sameStyle: this._sameStyle,
-        complete: config.complete,
-        onPointsChange: config.onPointsChange
-      });
-      if (this._status === 'START') return;
-      this._status = 'START';
-      this._viewer.canvas.style.cursor = 'crosshair';
-      this._updateTips();
-
-      /**
-       * @desc 是否开始绘制
-       */
-      var isStartDraw = false;
-
-      // 开始事件
-      var startId = this._subscriber.addExternal(function (move) {
-        if (_this._oneInstance && _this.$Instance) {
-          _this._viewer.entities.remove(_this.$Instance);
-          _this.$AddedInstance = [];
-        }
-        _this._dropPoint(move);
-        if (_this._action) _this._action(_this._operateType.START, move);
+    key: "_changeStatus",
+    value: function _changeStatus(status) {
+      this._status = status;
+    }
 
-        // 如果是点，则此时执行点的结束绘制操作
-        if (_this._type === 'point') {
-          var _this$$Instance;
-          _this._typeClass.result = _this._viewer.addCustomSourceToGraphicLayer(_this._typeClass.result.position, {
-            type: _this._type,
-            id: _this._typeClass.result.id,
-            entity: _this._typeClass.result
-          });
-          _this._complete(overrideFunc);
-          isStartDraw = false;
-          var positions = (_this$$Instance = _this.$Instance) === null || _this$$Instance === void 0 || (_this$$Instance = _this$$Instance.position) === null || _this$$Instance === void 0 ? void 0 : _this$$Instance.getValue(new JulianDate());
-          if (config.complete && _this.$Instance && positions) {
-            var point = cartesian3ToLngLatAlt(positions);
-            config.complete(_this.$Instance, positions, [point]);
+    // 转化为绘制类型
+  }, {
+    key: "dataTransformDraw",
+    value: function dataTransformDraw(data) {
+      var _this2 = this;
+      var dataType = BaseSource.analysisSourceType(data);
+      var transformGeoJson;
+      if (dataType === 'wkt') {
+        transformGeoJson = BaseSource.wktToGeoJon(data);
+      } else if (dataType === 'geoJson') {
+        transformGeoJson = data;
+      }
+      if (!transformGeoJson) return;
+      var layers = [];
+      featureEach(transformGeoJson, function (feature) {
+        var handle = HANDLE_FEATURE_DATA_TYPE_FUN[feature.geometry.type];
+        var shapeClass = dynamicGraphicsGeoJsonType[feature.geometry.type];
+        if (!shapeClass) return;
+        if (handle) {
+          var handleFeature = handle(feature);
+          if (handleFeature.type === 'single') {
+            var layer = new shapeClass(_this2._drawContext);
+            layer.transformData(handleFeature.positions);
+            layers.push(layer);
+          }
+          if (handleFeature.type === 'multi') {
+            handleFeature.positions.forEach(function (position) {
+              var layer = new shapeClass(_this2._drawContext);
+              layer.transformData(position);
+              layers.push(layer);
+            });
           }
         }
-        _this._updateTips();
-        // 100ms后才能继续,避免热键冲突
-        setTimeout(function () {
-          isStartDraw = true;
-        }, 100);
-      }, this._operateType.START);
-
-      // 移动事件
-      var moveId = this._subscriber.addExternal(function (move) {
-        _this._viewer.canvas.style.cursor = 'crosshair';
-        if (!isStartDraw) return;
-        _this._moving(move);
+      });
+      return layers;
+    }
 
-        // ActionCallback
-        if (_this._action) _this._action(_this._operateType.MOVING, move);
-      }, this._operateType.MOVING);
+    // 开始绘制
+  }, {
+    key: "startDraw",
+    value: function startDraw(type) {
+      var config = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+      if (!this._canOperate()) return;
+      if (this._instance) {
+        this._stopDraw();
+      }
+      this._changeStatus(STATUS.START_DRAW);
+      this.getMap().canvas.style.cursor = 'crosshair';
+      this._updateTooltip();
+      var shapeClass = DYNAMIC_GRAPHICS_TYPE[type];
+      if (!shapeClass) return;
+      this._instance = new shapeClass(this._drawContext, config);
+      return this._instance;
+    }
 
-      // Redraw the shape so it's not dynamic and remove the dynamic shape.
-      var cancelId = this._subscriber.addExternal(function (move) {
-        if (!isStartDraw) return;
-        _this._cancel(move);
-        _this._updateTips();
+    // 中止当前绘制
+  }, {
+    key: "_stopDraw",
+    value: function _stopDraw() {
+      if (!this._canOperate()) return;
+      if (!this._instance) return;
+      if (this._status === STATUS.INIT || this._status === STATUS.START_DRAW || this._status === STATUS.END_EDIT) {
+        var layer = this.getDrawerLayer(this._instance);
+        // layer未存入
+        if (!layer) {
+          this._instance.destroy();
+        }
+        this._instance = null;
+        return;
+      }
+      if (this._status === STATUS.DRAWING) {
+        this.removeDrawerLayer(this._instance);
+        this._instance = null;
+        return;
+      }
+      if (this._status === STATUS.END_DRAW || this._status === STATUS.EDITING) {
+        this.endEdit();
+        return;
+      }
+    }
 
-        // ActionCallback
-        if (_this._action) _this._action(_this._operateType.CANCEL, move);
-      }, this._operateType.CANCEL);
+    // 开始编辑
+  }, {
+    key: "startEdit",
+    value: function startEdit(id) {
+      if (!this._canOperate()) return;
+      if (!id) return;
+      if (this._instance) {
+        this._instance.endEdit(this._instance);
+        this.setDrawerLayer(this._instance.id, this._instance);
+        this._instance = null;
+      }
+      this._changeStatus(STATUS.EDITING);
+      this._instance = this.getDrawerLayer(id);
+      if (!this._instance) return;
+      this._instance.startEdit();
+    }
 
-      // Redraw the shape so it's not dynamic and remove the dynamic shape.
-      var endId = this._subscriber.addExternal(function (move) {
-        if (!isStartDraw) return;
+    // 结束编辑
+  }, {
+    key: "endEdit",
+    value: function endEdit() {
+      if (!this._canOperate()) return;
+      this._changeStatus(STATUS.END_EDIT);
+      this._updateTooltip();
+      if (!this._instance) return;
+      this._instance.endEdit(this._instance);
+      this.setDrawerLayer(this._instance.id, this._instance);
+      this._instance = null;
+    }
 
-        // 结束绘制，确定实体
-        _this._playOff(move);
+    // 获取绘制的图层
+  }, {
+    key: "getDrawerLayer",
+    value: function getDrawerLayer(id) {
+      if (!this._canOperate) return;
+      if (!id) return;
+      return isString(id) ? this._drawLayers.get(id) : id;
+    }
 
-        // ActionCallback
-        if (_this._action) _this._action(_this._operateType.END, move);
-        if (_this._type === 'point') return;
-        _this._complete(overrideFunc);
-        _this._updateTips();
-        isStartDraw = false;
-      }, this._operateType.END);
-      this._events = [startId, moveId, cancelId, endId];
+    // 添加完成绘制的图层
+  }, {
+    key: "setDrawerLayer",
+    value: function setDrawerLayer(id, value) {
+      if (!this._instance) return;
+      this._drawLayers.set(id, value);
     }
+
+    // 移除绘制的图层
   }, {
-    key: "_complete",
-    value: function _complete(override) {
-      // 如果是线和面，则此时将实例添加到Viewer中
-      if (this._once) this.pause();
-      this.$Instance = override.call(this, this._operateType.END, this._typeClass.result);
-      this.$AddedInstance.push(this.$Instance);
-      this._viewer.canvas.style.cursor = 'default';
+    key: "removeDrawerLayer",
+    value: function removeDrawerLayer(id) {
+      if (!this._canOperate) return;
+      var layer = this.getDrawerLayer(id);
+      if (layer) {
+        var _this$_instance;
+        if (layer.id === (this === null || this === void 0 || (_this$_instance = this._instance) === null || _this$_instance === void 0 ? void 0 : _this$_instance.id)) {
+          this._instance = null;
+          this._status = STATUS.INIT;
+          this.getMap().canvas.style.cursor = 'default';
+          this._updateTooltip();
+        }
+        this._drawLayers.delete(layer.id);
+        layer.destroy();
+        layer = null;
+      }
     }
+
+    // 获取所有绘制的图层
   }, {
-    key: "_isSupport",
-    value: function _isSupport(type) {
-      return ['polygon', 'polyline', 'point', 'ellipse', 'rectangle'].includes(type);
+    key: "getAllDrawerLayers",
+    value: function getAllDrawerLayers() {
+      if (!this._canOperate) return;
+      return Array.from(this._drawLayers.values());
     }
+
+    // 清除所有绘制的图层
   }, {
-    key: "reset",
-    value: function reset() {
-      var _this$_painter;
-      this.pause();
-      this._status = 'INIT';
-      (_this$_painter = this._painter) === null || _this$_painter === void 0 || _this$_painter.clear();
-      this.$AddedInstance.map(function (layer) {
-        layer.remove();
+    key: "clearAllDrawerLayers",
+    value: function clearAllDrawerLayers() {
+      if (!this._canOperate) return;
+      this._drawLayers.forEach(function (t) {
+        return t.destroy();
       });
-      this.$AddedInstance = [];
-      this._viewer.scene.requestRender();
+      this._drawLayers.clear();
     }
+
+    // 清除
   }, {
-    key: "pause",
-    value: function pause() {
-      this._status = 'PAUSE';
-      this._updateTips();
-      this._subscriber.removeExternal(this._events);
-      this._events = [];
-      this._viewer.canvas.style.cursor = 'default';
+    key: "clear",
+    value: function clear() {
+      if (!this._canOperate) return;
+      this.getMap().canvas.style.cursor = 'default';
+      this._changeStatus(STATUS.INIT);
+      this._updateTooltip();
+      this._instance && this._instance.destroy();
+      this._instance = null;
+      this.clearAllDrawerLayers();
     }
+
+    // 销毁
   }, {
     key: "destroy",
     value: function destroy() {
-      this.reset();
-      this.mouseTooltip.destroy();
-      this._subscriber.destroy();
-      this._status = 'DESTROY';
+      if (!this._canOperate) return;
+      this._destroyListeners();
+      this.clear();
+      this.tooltip.destroy();
+      this.tooltip = null;
+      this.isDestroyed = true;
     }
   }]);
   return Drawer;
 }();
-export { Drawer as default };
+export default Drawer;