ecinc-cloud-moahygl 9.5.239 → 9.5.241

package/lib/ecmoahygl.common.js

@@ -1172,6 +1172,390 @@ module.exports = {
 
 /***/ }),
 
+/***/ 7462:
+/***/ (function(module, __unused_webpack___webpack_exports__, __webpack_require__) {
+
+"use strict";
+
+;// CONCATENATED MODULE: ./packages/ecmoa/hygl/src/ipad/drawboard/tools/pen.js
+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 _defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o); } }
+function _createClass(e, r, t) { return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; }
+function _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : 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); }
+var _default = /*#__PURE__*/_createClass(
+// 线条绘制起点
+
+/**
+ * @param {Object} config 画笔配置
+ */
+function _default(_target, config) {
+  var _this = this;
+  _classCallCheck(this, _default);
+  _defineProperty(this, "canvas", null);
+  _defineProperty(this, "context", null);
+  // Variable
+  _defineProperty(this, "_config", {
+    color: '#000000',
+    weight: 1
+  });
+  _defineProperty(this, "points", []);
+  // 线条描点存储
+  _defineProperty(this, "startPoint", null);
+  // methods
+  _defineProperty(this, "setPenConfig", function (_config) {
+    var context = _this.context;
+    context.lineJoin = 'round';
+    context.lineCap = 'round';
+  });
+  _defineProperty(this, "setListener", function (target) {
+    target.addEventListener('mousedown', _this.startDrawing, false);
+    target.addEventListener('mouseup', _this.stopDrawing, false);
+    target.addEventListener('touchstart', _this.startDrawing, false);
+    target.addEventListener('touchend', _this.stopDrawing, false);
+  });
+  _defineProperty(this, "removeListener", function (target) {
+    target.removeEventListener('mousedown', _this.startDrawing, false);
+    target.removeEventListener('mouseup', _this.stopDrawing, false);
+    target.removeEventListener('touchstart', _this.startDrawing, false);
+    target.removeEventListener('touchend', _this.stopDrawing, false);
+  });
+  // 绘制二次贝塞尔曲线
+  _defineProperty(this, "drawLine", function (beginPoint, controlPoint, endPoint) {
+    var context = _this.context;
+    context.beginPath();
+    context.moveTo(beginPoint.x, beginPoint.y);
+    context.quadraticCurveTo(controlPoint.x, controlPoint.y, endPoint.x, endPoint.y);
+    context.stroke();
+    context.closePath();
+  });
+  // 开始绘制
+  _defineProperty(this, "startDrawing", function (evt) {
+    var canvas = _this.canvas,
+      _config = _this._config,
+      context = _this.context;
+    var _this$getPoint = _this.getPoint(evt),
+      x = _this$getPoint.x,
+      y = _this$getPoint.y;
+    context.strokeStyle = _config.color;
+    context.lineWidth = _config.weight;
+    _this.startPoint = {
+      x: x,
+      y: y
+    };
+    _this.points.push(_this.startPoint);
+    canvas.addEventListener('mousemove', _this.onDrawing, false);
+    canvas.addEventListener('touchmove', _this.onDrawing, false);
+  });
+  // 拖动鼠标绘制
+  _defineProperty(this, "onDrawing", function (evt) {
+    evt.preventDefault();
+    var points = _this.points;
+    var _this$getPoint2 = _this.getPoint(evt),
+      x = _this$getPoint2.x,
+      y = _this$getPoint2.y;
+    points.push({
+      x: x,
+      y: y
+    });
+    if (points.length > 3) {
+      var lastTwoPoints = points.slice(-2);
+      var controlPoint = lastTwoPoints[0]; // 控制点
+      var endPoint = {
+        x: (lastTwoPoints[0].x + lastTwoPoints[1].x) / 2,
+        y: (lastTwoPoints[0].y + lastTwoPoints[1].y) / 2
+      };
+      _this.drawLine(_this.startPoint, controlPoint, endPoint);
+      _this.startPoint = endPoint;
+    }
+  });
+  // 绘制结束
+  _defineProperty(this, "stopDrawing", function (evt) {
+    var canvas = _this.canvas,
+      points = _this.points,
+      startPoint = _this.startPoint;
+    canvas.removeEventListener('mousemove', _this.onDrawing);
+    canvas.removeEventListener('touchmove', _this.onDrawing);
+    var _this$getPoint3 = _this.getPoint(evt),
+      x = _this$getPoint3.x,
+      y = _this$getPoint3.y;
+    points.push({
+      x: x,
+      y: y
+    });
+    if (points.length > 3) {
+      var lastTwoPoints = points.slice(-2);
+      var controlPoint = lastTwoPoints[0];
+      var endPoint = lastTwoPoints[1];
+      _this.drawLine(startPoint, controlPoint, endPoint);
+    }
+    _this.runningHistory && _this.runningHistory.add({
+      type: 'pen',
+      points: points,
+      config: _this._config
+    });
+    _this.startPoint = null;
+    _this.points = [];
+  });
+  // 获取当前坐标
+  _defineProperty(this, "getPoint", function (evt) {
+    var x = null;
+    var y = null;
+    if (evt.touches && evt.touches[0]) {
+      var canvasOffset = _this.canvas.getBoundingClientRect();
+      var touch = evt.touches[0];
+      var computedX = touch.pageX - canvasOffset.x;
+      var computedY = touch.pageY - canvasOffset.y;
+      var scale = _this.canvas.height / _this.canvas.clientHeight;
+      x = computedX * scale;
+      y = computedY * scale;
+    } else {
+      x = evt.offsetX;
+      y = evt.offsetY;
+    }
+    return {
+      x: x,
+      y: y
+    };
+  });
+  this.canvas = _target;
+  this.context = _target.getContext('2d');
+  if (config) {
+    this._config = Object.assign(this._config, config);
+  }
+  this.setListener(_target);
+  this.setPenConfig(this._config);
+});
+
+;// CONCATENATED MODULE: ./packages/ecmoa/hygl/src/ipad/drawboard/utils/history.js
+function history_typeof(o) { "@babel/helpers - typeof"; return history_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; }, history_typeof(o); }
+function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
+function _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(r); }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function history_classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
+function history_defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, history_toPropertyKey(o.key), o); } }
+function history_createClass(e, r, t) { return r && history_defineProperties(e.prototype, r), t && history_defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; }
+function history_defineProperty(e, r, t) { return (r = history_toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function history_toPropertyKey(t) { var i = history_toPrimitive(t, "string"); return "symbol" == history_typeof(i) ? i : i + ""; }
+function history_toPrimitive(t, r) { if ("object" != history_typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != history_typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+var history_default = /*#__PURE__*/function () {
+  function _default(cache) {
+    history_classCallCheck(this, _default);
+    history_defineProperty(this, "cacheStack", []);
+    history_defineProperty(this, "step", null);
+    if (!cache) return;
+    this.cacheStack = _toConsumableArray(cache.cacheStack);
+    this.step = cache.step;
+  }
+  return history_createClass(_default, [{
+    key: "add",
+    value: function add(drawData) {
+      if (drawData.type && drawData.points instanceof Array) {
+        this.cacheStack.push(drawData);
+        this.step++;
+      }
+    }
+  }]);
+}();
+
+;// CONCATENATED MODULE: ./packages/ecmoa/hygl/src/ipad/drawboard/index.js
+/* module decorator */ module = __webpack_require__.hmd(module);
+function drawboard_typeof(o) { "@babel/helpers - typeof"; return drawboard_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; }, drawboard_typeof(o); }
+var _this = undefined;
+function _regeneratorRuntime() { "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return e; }; var t, e = {}, r = Object.prototype, n = r.hasOwnProperty, o = Object.defineProperty || function (t, e, r) { t[e] = r.value; }, i = "function" == typeof Symbol ? Symbol : {}, a = i.iterator || "@@iterator", c = i.asyncIterator || "@@asyncIterator", u = i.toStringTag || "@@toStringTag"; function define(t, e, r) { return Object.defineProperty(t, e, { value: r, enumerable: !0, configurable: !0, writable: !0 }), t[e]; } try { define({}, ""); } catch (t) { define = function define(t, e, r) { return t[e] = r; }; } function wrap(t, e, r, n) { var i = e && e.prototype instanceof Generator ? e : Generator, a = Object.create(i.prototype), c = new Context(n || []); return o(a, "_invoke", { value: makeInvokeMethod(t, r, c) }), a; } function tryCatch(t, e, r) { try { return { type: "normal", arg: t.call(e, r) }; } catch (t) { return { type: "throw", arg: t }; } } e.wrap = wrap; var h = "suspendedStart", l = "suspendedYield", f = "executing", s = "completed", y = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var p = {}; define(p, a, function () { return this; }); var d = Object.getPrototypeOf, v = d && d(d(values([]))); v && v !== r && n.call(v, a) && (p = v); var g = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(p); function defineIteratorMethods(t) { ["next", "throw", "return"].forEach(function (e) { define(t, e, function (t) { return this._invoke(e, t); }); }); } function AsyncIterator(t, e) { function invoke(r, o, i, a) { var c = tryCatch(t[r], t, o); if ("throw" !== c.type) { var u = c.arg, h = u.value; return h && "object" == drawboard_typeof(h) && n.call(h, "__await") ? e.resolve(h.__await).then(function (t) { invoke("next", t, i, a); }, function (t) { invoke("throw", t, i, a); }) : e.resolve(h).then(function (t) { u.value = t, i(u); }, function (t) { return invoke("throw", t, i, a); }); } a(c.arg); } var r; o(this, "_invoke", { value: function value(t, n) { function callInvokeWithMethodAndArg() { return new e(function (e, r) { invoke(t, n, e, r); }); } return r = r ? r.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); } }); } function makeInvokeMethod(e, r, n) { var o = h; return function (i, a) { if (o === f) throw Error("Generator is already running"); if (o === s) { if ("throw" === i) throw a; return { value: t, done: !0 }; } for (n.method = i, n.arg = a;;) { var c = n.delegate; if (c) { var u = maybeInvokeDelegate(c, n); if (u) { if (u === y) continue; return u; } } if ("next" === n.method) n.sent = n._sent = n.arg;else if ("throw" === n.method) { if (o === h) throw o = s, n.arg; n.dispatchException(n.arg); } else "return" === n.method && n.abrupt("return", n.arg); o = f; var p = tryCatch(e, r, n); if ("normal" === p.type) { if (o = n.done ? s : l, p.arg === y) continue; return { value: p.arg, done: n.done }; } "throw" === p.type && (o = s, n.method = "throw", n.arg = p.arg); } }; } function maybeInvokeDelegate(e, r) { var n = r.method, o = e.iterator[n]; if (o === t) return r.delegate = null, "throw" === n && e.iterator.return && (r.method = "return", r.arg = t, maybeInvokeDelegate(e, r), "throw" === r.method) || "return" !== n && (r.method = "throw", r.arg = new TypeError("The iterator does not provide a '" + n + "' method")), y; var i = tryCatch(o, e.iterator, r.arg); if ("throw" === i.type) return r.method = "throw", r.arg = i.arg, r.delegate = null, y; var a = i.arg; return a ? a.done ? (r[e.resultName] = a.value, r.next = e.nextLoc, "return" !== r.method && (r.method = "next", r.arg = t), r.delegate = null, y) : a : (r.method = "throw", r.arg = new TypeError("iterator result is not an object"), r.delegate = null, y); } function pushTryEntry(t) { var e = { tryLoc: t[0] }; 1 in t && (e.catchLoc = t[1]), 2 in t && (e.finallyLoc = t[2], e.afterLoc = t[3]), this.tryEntries.push(e); } function resetTryEntry(t) { var e = t.completion || {}; e.type = "normal", delete e.arg, t.completion = e; } function Context(t) { this.tryEntries = [{ tryLoc: "root" }], t.forEach(pushTryEntry, this), this.reset(!0); } function values(e) { if (e || "" === e) { var r = e[a]; if (r) return r.call(e); if ("function" == typeof e.next) return e; if (!isNaN(e.length)) { var o = -1, i = function next() { for (; ++o < e.length;) if (n.call(e, o)) return next.value = e[o], next.done = !1, next; return next.value = t, next.done = !0, next; }; return i.next = i; } } throw new TypeError(drawboard_typeof(e) + " is not iterable"); } return GeneratorFunction.prototype = GeneratorFunctionPrototype, o(g, "constructor", { value: GeneratorFunctionPrototype, configurable: !0 }), o(GeneratorFunctionPrototype, "constructor", { value: GeneratorFunction, configurable: !0 }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, u, "GeneratorFunction"), e.isGeneratorFunction = function (t) { var e = "function" == typeof t && t.constructor; return !!e && (e === GeneratorFunction || "GeneratorFunction" === (e.displayName || e.name)); }, e.mark = function (t) { return Object.setPrototypeOf ? Object.setPrototypeOf(t, GeneratorFunctionPrototype) : (t.__proto__ = GeneratorFunctionPrototype, define(t, u, "GeneratorFunction")), t.prototype = Object.create(g), t; }, e.awrap = function (t) { return { __await: t }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, c, function () { return this; }), e.AsyncIterator = AsyncIterator, e.async = function (t, r, n, o, i) { void 0 === i && (i = Promise); var a = new AsyncIterator(wrap(t, r, n, o), i); return e.isGeneratorFunction(r) ? a : a.next().then(function (t) { return t.done ? t.value : a.next(); }); }, defineIteratorMethods(g), define(g, u, "Generator"), define(g, a, function () { return this; }), define(g, "toString", function () { return "[object Generator]"; }), e.keys = function (t) { var e = Object(t), r = []; for (var n in e) r.push(n); return r.reverse(), function next() { for (; r.length;) { var t = r.pop(); if (t in e) return next.value = t, next.done = !1, next; } return next.done = !0, next; }; }, e.values = values, Context.prototype = { constructor: Context, reset: function reset(e) { if (this.prev = 0, this.next = 0, this.sent = this._sent = t, this.done = !1, this.delegate = null, this.method = "next", this.arg = t, this.tryEntries.forEach(resetTryEntry), !e) for (var r in this) "t" === r.charAt(0) && n.call(this, r) && !isNaN(+r.slice(1)) && (this[r] = t); }, stop: function stop() { this.done = !0; var t = this.tryEntries[0].completion; if ("throw" === t.type) throw t.arg; return this.rval; }, dispatchException: function dispatchException(e) { if (this.done) throw e; var r = this; function handle(n, o) { return a.type = "throw", a.arg = e, r.next = n, o && (r.method = "next", r.arg = t), !!o; } for (var o = this.tryEntries.length - 1; o >= 0; --o) { var i = this.tryEntries[o], a = i.completion; if ("root" === i.tryLoc) return handle("end"); if (i.tryLoc <= this.prev) { var c = n.call(i, "catchLoc"), u = n.call(i, "finallyLoc"); if (c && u) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } else if (c) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); } else { if (!u) throw Error("try statement without catch or finally"); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } } } }, abrupt: function abrupt(t, e) { for (var r = this.tryEntries.length - 1; r >= 0; --r) { var o = this.tryEntries[r]; if (o.tryLoc <= this.prev && n.call(o, "finallyLoc") && this.prev < o.finallyLoc) { var i = o; break; } } i && ("break" === t || "continue" === t) && i.tryLoc <= e && e <= i.finallyLoc && (i = null); var a = i ? i.completion : {}; return a.type = t, a.arg = e, i ? (this.method = "next", this.next = i.finallyLoc, y) : this.complete(a); }, complete: function complete(t, e) { if ("throw" === t.type) throw t.arg; return "break" === t.type || "continue" === t.type ? this.next = t.arg : "return" === t.type ? (this.rval = this.arg = t.arg, this.method = "return", this.next = "end") : "normal" === t.type && e && (this.next = e), y; }, finish: function finish(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.finallyLoc === t) return this.complete(r.completion, r.afterLoc), resetTryEntry(r), y; } }, catch: function _catch(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.tryLoc === t) { var n = r.completion; if ("throw" === n.type) { var o = n.arg; resetTryEntry(r); } return o; } } throw Error("illegal catch attempt"); }, delegateYield: function delegateYield(e, r, n) { return this.delegate = { iterator: values(e), resultName: r, nextLoc: n }, "next" === this.method && (this.arg = t), y; } }, e; }
+function asyncGeneratorStep(n, t, e, r, o, a, c) { try { var i = n[a](c), u = i.value; } catch (n) { return void e(n); } i.done ? t(u) : Promise.resolve(u).then(r, o); }
+function _asyncToGenerator(n) { return function () { var t = this, e = arguments; return new Promise(function (r, o) { var a = n.apply(t, e); function _next(n) { asyncGeneratorStep(a, r, o, _next, _throw, "next", n); } function _throw(n) { asyncGeneratorStep(a, r, o, _next, _throw, "throw", n); } _next(void 0); }); }; }
+
+
+module.exports = {
+  // 画布
+  canvas: null,
+  context: null,
+  // canvas configs
+  _MODE: null,
+  // 当前绘图模式
+  _TOOL: null,
+  // 当前绘图工具实例对象
+  _config: {
+    // 基础配置
+    width: 0,
+    height: 0
+  },
+  // cache
+  runningHistory: null,
+  /**
+   * @param {Element} canvasElement 画布元素
+   */
+  constructor: function constructor(canvasElement) {
+    this.canvas = canvasElement;
+    this.context = canvasElement.getContext('2d');
+    this._config = Object.assign(this._config, {
+      width: canvasElement.width,
+      height: canvasElement.height
+    });
+  },
+  init: function init() {
+    var canvas = this.canvas;
+    var canvasHistory = canvas.CACHE_STACK ? canvas.CACHE_STACK : null;
+    this.runningHistory = new history_default(canvasHistory);
+    return this;
+  },
+  destroy: function destroy() {
+    this.canvas.CACHE_STACK = this.runningHistory;
+    this.removeEvents();
+  },
+  // canvas methods
+  // 清除canvas内容
+  clear: function clear() {
+    var _this$_config = _this._config,
+      width = _this$_config.width,
+      height = _this$_config.height;
+    _this.context.clearRect(0, 0, width, height);
+  },
+  // 清除事件监听
+  removeEvents: function removeEvents() {
+    var _TOOL = _this._TOOL,
+      canvas = _this.canvas;
+    _TOOL.removeListener(canvas);
+  },
+  setColor: function setColor(color) {
+    _this._TOOL._config.color = color;
+  },
+  setWeight: function setWeight(weight) {
+    _this._TOOL._config.weight = weight;
+  },
+  // 工具使用
+  use: function use(tool, config) {
+    var canvas = _this.canvas;
+    switch (tool) {
+      case 'pen':
+        _this._TOOL && _this._TOOL.removeListener(canvas);
+        _this._MODE = tool;
+        _this._TOOL = new _default(canvas, config || null);
+        console.log('this._TOOL => ', _this._TOOL);
+        _this._TOOL.runningHistory = _this.runningHistory;
+        break;
+      default:
+        break;
+    }
+  },
+  /**
+   * @description: 以每一次绘画为单位，通过存储的定位points，取最小xy作为绘画起点，最大xy作为宽高，同时留出10像素的间隔
+   * @param {Array} points 定位数据
+   * @return {Object} x、y、width、height
+   */
+  getImageInfo: function getImageInfo(points) {
+    var minX = null;
+    var minY = null;
+    var maxX = null;
+    var maxY = null;
+    points.forEach(function (item, index) {
+      var x = item.x,
+        y = item.y;
+      if (index === 0) {
+        minX = maxX = x;
+        minY = maxY = y;
+        return;
+      }
+      minX = x < minX ? x : minX;
+      maxX = x > maxX ? x : maxX;
+      minY = y < minY ? y : minY;
+      maxY = y > maxY ? y : maxY;
+    });
+    return {
+      x: minX - 5,
+      y: minY - 5,
+      width: maxX - minX + 10,
+      height: maxY - minY + 10
+    };
+  },
+  /**
+   * @description: 获取每一个step的图像
+   * @param {String} type 输出类型 blob/base64
+   * @param {String} quality 输出质量 0 ~ 1 （仅blob）
+   * @return {Array} 带有图像的数组
+   */
+  getEachImage: function getEachImage() {
+    var _this2 = this;
+    var type = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'blob';
+    var quality = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '1.0';
+    var results = [];
+    this.runningHistory.cacheStack.forEach( /*#__PURE__*/function () {
+      var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(cache) {
+        var imageInfo, imageData;
+        return _regeneratorRuntime().wrap(function _callee$(_context) {
+          while (1) switch (_context.prev = _context.next) {
+            case 0:
+              imageInfo = _this2.getImageInfo(cache.points);
+              _context.next = 3;
+              return _this2.getImageFromCanvas(imageInfo, type, quality);
+            case 3:
+              imageData = _context.sent;
+              results.push(imageData);
+            case 5:
+            case "end":
+              return _context.stop();
+          }
+        }, _callee);
+      }));
+      return function (_x) {
+        return _ref.apply(this, arguments);
+      };
+    }());
+    return results;
+  },
+  /**
+   * @description: 获取每一个step的图像信息
+   * @return {Array} 图像信息的数组
+   */
+  getEachImageInfo: function getEachImageInfo() {
+    var _this3 = this;
+    var results = [];
+    this.runningHistory.cacheStack.forEach(function (cache) {
+      var imageInfo = _this3.getImageInfo(cache.points);
+      results.push(imageInfo);
+    });
+    return results;
+  },
+  /**
+   * @description: 从主画布剪切导出图片
+   * @param {Object} imageInfo 图片定位以及各类对象数据
+   * @param {String} type 输出类型 blob/base64
+   * @param {String} quality 输出质量 0 ~ 1
+   * @return {*}
+   */
+  getImageFromCanvas: function getImageFromCanvas(imageInfo, type, quality) {
+    var x = imageInfo.x,
+      y = imageInfo.y,
+      width = imageInfo.width,
+      height = imageInfo.height;
+    var Temp = document.createElement('canvas');
+    Temp.height = height;
+    Temp.width = width;
+    Temp.setAttribute('style', "height:".concat(height, "px;width:").concat(width, "px;"));
+    var TempContent = Temp.getContext('2d');
+    TempContent.drawImage(this.canvas, x, y, width, height, 0, 0, width, height);
+    return new Promise(function (resolve) {
+      if (type === 'blob') {
+        Temp.toBlob(function (blob) {
+          resolve(blob);
+        }, quality);
+      }
+      if (type === 'base64') {
+        var result = Temp.toDataURL('image/png');
+        resolve(result);
+      }
+    });
+  }
+};
+
+/***/ }),
+
 /***/ 5824:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -1518,7 +1902,7 @@ ___CSS_LOADER_EXPORT___.push([module.id, ".contain-box[data-v-8b74d980]{width:50
 
 /***/ }),
 
-/***/ 8994:
+/***/ 5873:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -1532,7 +1916,7 @@ __webpack_require__.r(__webpack_exports__);
 
 var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
 // Module
-___CSS_LOADER_EXPORT___.push([module.id, ".lyy-collapse[data-v-52ebfb2b] .van-collapse-item .van-cell{padding:15px 16px 16px}[data-v-52ebfb2b] .van-collapse-item__content{padding:0 16px}a[data-v-52ebfb2b]{color:#333}.sidebarBox[data-v-52ebfb2b]{position:fixed;left:0;top:0;width:5.5rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-top:80px;padding-top:30px;height:calc(100vh - 100px);border-right:1px solid #e0e0e0}.contain[data-v-52ebfb2b]{height:100vh;width:100%}.content[data-v-52ebfb2b]{width:calc(100% - 5.5rem);height:calc(100% - 80px);padding-left:5.5rem;background:#f9f9f9}.side-item[data-v-52ebfb2b]{height:6.25rem;width:100%;color:#333;font-size:calc(16px + var(--fontSizeSetup))}.side-item .item-box[data-v-52ebfb2b]{margin-top:1rem;text-align:center}.side-item .item-box .box-img[data-v-52ebfb2b]{width:2rem;height:2rem;margin:0 auto}.side-item .item-box .box-img img[data-v-52ebfb2b]{width:100%;height:100%}.header-box[data-v-52ebfb2b]{display:-webkit-box;display:-ms-flexbox;display:flex;background:#53a8ff;text-align:center;position:relative;font-size:calc(18px + var(--fontSizeSetup));height:80px;line-height:90px}.title[data-v-52ebfb2b]{display:inline-block;color:#fff;font-weight:700;overflow:hidden;-webkit-box-flex:1;-ms-flex:1;flex:1;white-space:nowrap;text-overflow:ellipsis}.active[data-v-52ebfb2b]{color:#53a8ff;background:rgba(83,168,255,.1)}.back[data-v-52ebfb2b]{position:absolute;left:1rem;line-height:90px}[data-v-52ebfb2b] .van-popup--left{left:inherit!important;top:80px;-webkit-transform:none;transform:none}.paper-box[data-v-52ebfb2b]{margin:.63rem;border:1px solid #ebedf0;border-radius:4px}.ziliao-title[data-v-52ebfb2b]{font-size:calc(16px + var(--fontSizeSetup));font-weight:600;color:#333}.ziliao-img[data-v-52ebfb2b]{width:1.5rem;height:1.5rem;margin-right:.5rem}.ziliao-content[data-v-52ebfb2b]{padding:1.25rem 0 1.25rem 2.7rem;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative}.ziliao-content[data-v-52ebfb2b]:after{position:absolute;-webkit-box-sizing:border-box;box-sizing:border-box;content:\" \";pointer-events:none;right:0;bottom:0;left:1.5rem;border-bottom:1px solid #e0e0e0;-webkit-transform:scaleY(.5);transform:scaleY(.5);display:block}.ziliao-content .ziliao-content-img[data-v-52ebfb2b]{width:1.82rem;height:2.25rem}.ziliao-content .ziliao-content-img img[data-v-52ebfb2b]{width:100%;height:100%}.ziliao-content .title-ziliao[data-v-52ebfb2b]{font-size:calc(14px + var(--fontSizeSetup));font-weight:400;color:#333}.ziliao-content .ziliao-content-title[data-v-52ebfb2b]{-webkit-box-flex:1;-ms-flex:1;flex:1;margin-left:1rem}.nbcontent .ziliao-content[data-v-52ebfb2b]:last-child:after{border-bottom:none}.yiti-box[data-v-52ebfb2b]{background:#fff;margin:.63rem;border:1px solid #ebedf0;border-radius:4px}.yiti-box .ziliao-title[data-v-52ebfb2b]{font-size:calc(16px + var(--fontSizeSetup));font-weight:600;color:#333}.yiti-box .ziliao-img[data-v-52ebfb2b]{width:1.5rem;height:1.5rem;margin-right:.5rem}.yiti-box .yiti-title[data-v-52ebfb2b]{font-size:calc(16px + var(--fontSizeSetup));font-weight:600;color:#333;padding:15px 16px 16px}.yiti-box .yiti-orderNo[data-v-52ebfb2b]{color:#ec8423;width:1.5rem;height:1.5rem;text-align:center;margin-right:.8rem;border:2px solid #ec8423;border-radius:50%}.flex-box[data-v-52ebfb2b]{display:-webkit-box;display:-ms-flexbox;display:flex}.between-box[data-v-52ebfb2b]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.Marg15[data-v-52ebfb2b]{margin-right:1.5rem}.MarL15[data-v-52ebfb2b]{margin-left:1.25rem}.btn[data-v-52ebfb2b]{width:5.63rem}.saveBtn[data-v-52ebfb2b]{width:calc(100% - 40px);margin-bottom:20px;padding:10px 0;color:#fff;background:#53a8ff;text-align:center;margin-left:20px}.input-box[data-v-52ebfb2b]{height:200px;width:100%}[data-v-52ebfb2b] .van-field__body,[data-v-52ebfb2b] .van-field__control{height:100%}.header-dialog[data-v-52ebfb2b]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:0 20px;height:54px;background:#f3f4f4;font-size:18px;border-radius:4px 4px 0 0}.containmeet[data-v-52ebfb2b]{height:100%}#bodyfilebox[data-v-52ebfb2b]{height:100%;border:1px solid #ebeef5}#bodyfilebox .edit-button[data-v-52ebfb2b]{position:fixed;bottom:50px;right:30px;border:1px solid #494949;color:#fff;background:#494949;height:40px;width:40px;text-align:center;line-height:40px;border-radius:50%;font-size:23px;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-shadow:0 3px 8px rgba(0,0,0,.24);box-shadow:0 3px 8px rgba(0,0,0,.24)}#bodyfilebox .color-group[data-v-52ebfb2b]{bottom:110px;padding:6px}#bodyfilebox .color-group[data-v-52ebfb2b],#bodyfilebox .line-group[data-v-52ebfb2b]{position:fixed;display:-webkit-box;display:-ms-flexbox;display:flex;right:80px;background:#fff;border-radius:5px;-webkit-box-shadow:0 3px 8px rgba(0,0,0,.24);box-shadow:0 3px 8px rgba(0,0,0,.24)}#bodyfilebox .line-group[data-v-52ebfb2b]{bottom:170px;padding:6px 18px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:29px;width:130px}#bodyfilebox .color-group-item[data-v-52ebfb2b]{display:block;height:30px;width:30px;border-radius:50%;background:#000;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #494949;margin:0 5px}#bodyfilebox .color-button[data-v-52ebfb2b],#bodyfilebox .line-button-outside[data-v-52ebfb2b]{background:#fff;padding:5px;border:none}#bodyfilebox .line-button-outside[data-v-52ebfb2b]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}#bodyfilebox .color-view[data-v-52ebfb2b]{width:100%;height:100%;border-radius:50%}#bodyfilebox .line-view[data-v-52ebfb2b]{width:80%;background:#000;height:1px;border-radius:2px}#bodyfilebox .line-button[data-v-52ebfb2b]{width:22px;color:#fff;font-size:10px;line-height:18px;text-align:center;background-color:#1989fa;border-radius:100px}#bodyfilebox .success[data-v-52ebfb2b]{background:#07c160;border:1px solid #07c160}[data-v-52ebfb2b] #viewerContainer{top:0!important}[data-v-52ebfb2b] .toolbar{position:fixed!important;bottom:0!important}.headerMessageName[data-v-52ebfb2b]{text-align:left;padding-left:50px}.keywordDialog[data-v-52ebfb2b]{top:60%}.van-cell__title[data-v-52ebfb2b]{width:calc(100% - 32px)}.cell-flex-title[data-v-52ebfb2b]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.cell-flex-label .cell-flex-item[data-v-52ebfb2b],.cell-flex-title[data-v-52ebfb2b],.cell-flex-title .cell-flex-item[data-v-52ebfb2b]{display:-webkit-box;display:-ms-flexbox;display:flex}.text-overflow[data-v-52ebfb2b]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-v-52ebfb2b] .van-dialog__content{height:90%;overflow-y:auto}[data-v-52ebfb2b] .van-dialog__header{padding-top:16px!important;padding-bottom:9px!important;margin-bottom:1px!important;border-bottom:1px solid #999!important}.recordMask[data-v-52ebfb2b]{position:fixed;min-height:560px;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.5);z-index:3000}.recordDiv[data-v-52ebfb2b]{width:600px;height:500px;background:#fff;border-radius:4px;top:54%;left:50%;position:absolute;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.footer[data-v-52ebfb2b]{width:100%;height:64px;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;padding:0 20px;-webkit-box-sizing:border-box;box-sizing:border-box;border-top:1px solid #dee2e6}.btn[data-v-52ebfb2b],.footer[data-v-52ebfb2b]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.btn[data-v-52ebfb2b]{width:85px;height:35px;border-radius:3px;font-size:14px;padding:0 12px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.cbtn[data-v-52ebfb2b]{background:#fff;color:#333}.cbtn[data-v-52ebfb2b],.qbtn[data-v-52ebfb2b]{border:1px solid #ebeef5}.qbtn[data-v-52ebfb2b]{background:#53a8ff;color:#fff}.btn[data-v-52ebfb2b] .van-button__content{-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.btn[data-v-52ebfb2b] .van-button__content .van-button__icon{font-size:10px}.cell-flex-box[data-v-52ebfb2b]{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;position:relative}.cell-flex-box .delete-button[data-v-52ebfb2b]{color:#53a8ff;position:absolute;right:0}.cell-flex-box .add-button[data-v-52ebfb2b]{color:#53a8ff;font-size:14px;text-align:center;line-height:50px}.cell-flex-item[data-v-52ebfb2b]{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow:hidden;text-wrap:nowrap;text-overflow:ellipsis;margin-right:45px}.cell-flex-box .cell-flex-item[data-v-52ebfb2b]:nth-child(2){text-align:right}.no-more[data-v-52ebfb2b]{color:#969799;font-size:14px;line-height:50px;text-align:center}", ""]);
+___CSS_LOADER_EXPORT___.push([module.id, ".lyy-collapse[data-v-0875343a] .van-collapse-item .van-cell{padding:15px 16px 16px}[data-v-0875343a] .van-collapse-item__content{padding:0 16px}a[data-v-0875343a]{color:#333}.sidebarBox[data-v-0875343a]{position:fixed;left:0;top:0;width:5.5rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-top:80px;padding-top:30px;height:calc(100vh - 100px);border-right:1px solid #e0e0e0}.contain[data-v-0875343a]{height:100vh;width:100%}.content[data-v-0875343a]{width:calc(100% - 5.5rem);height:calc(100% - 80px);padding-left:5.5rem;background:#f9f9f9}.side-item[data-v-0875343a]{height:6.25rem;width:100%;color:#333;font-size:calc(16px + var(--fontSizeSetup))}.side-item .item-box[data-v-0875343a]{margin-top:1rem;text-align:center}.side-item .item-box .box-img[data-v-0875343a]{width:2rem;height:2rem;margin:0 auto}.side-item .item-box .box-img img[data-v-0875343a]{width:100%;height:100%}.header-box[data-v-0875343a]{display:-webkit-box;display:-ms-flexbox;display:flex;background:#53a8ff;text-align:center;position:relative;font-size:calc(18px + var(--fontSizeSetup));height:80px;line-height:90px}.title[data-v-0875343a]{display:inline-block;color:#fff;font-weight:700;overflow:hidden;-webkit-box-flex:1;-ms-flex:1;flex:1;white-space:nowrap;text-overflow:ellipsis}.active[data-v-0875343a]{color:#53a8ff;background:rgba(83,168,255,.1)}.back[data-v-0875343a]{position:absolute;left:1rem;line-height:90px}[data-v-0875343a] .van-popup--left{left:inherit!important;top:80px;-webkit-transform:none;transform:none}.paper-box[data-v-0875343a]{margin:.63rem;border:1px solid #ebedf0;border-radius:4px}.ziliao-title[data-v-0875343a]{font-size:calc(16px + var(--fontSizeSetup));font-weight:600;color:#333}.ziliao-img[data-v-0875343a]{width:1.5rem;height:1.5rem;margin-right:.5rem}.ziliao-content[data-v-0875343a]{padding:1.25rem 0 1.25rem 2.7rem;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative}.ziliao-content[data-v-0875343a]:after{position:absolute;-webkit-box-sizing:border-box;box-sizing:border-box;content:\" \";pointer-events:none;right:0;bottom:0;left:1.5rem;border-bottom:1px solid #e0e0e0;-webkit-transform:scaleY(.5);transform:scaleY(.5);display:block}.ziliao-content .ziliao-content-img[data-v-0875343a]{width:1.82rem;height:2.25rem}.ziliao-content .ziliao-content-img img[data-v-0875343a]{width:100%;height:100%}.ziliao-content .title-ziliao[data-v-0875343a]{font-size:calc(14px + var(--fontSizeSetup));font-weight:400;color:#333}.ziliao-content .ziliao-content-title[data-v-0875343a]{-webkit-box-flex:1;-ms-flex:1;flex:1;margin-left:1rem}.nbcontent .ziliao-content[data-v-0875343a]:last-child:after{border-bottom:none}.yiti-box[data-v-0875343a]{background:#fff;margin:.63rem;border:1px solid #ebedf0;border-radius:4px}.yiti-box .ziliao-title[data-v-0875343a]{font-size:calc(16px + var(--fontSizeSetup));font-weight:600;color:#333}.yiti-box .ziliao-img[data-v-0875343a]{width:1.5rem;height:1.5rem;margin-right:.5rem}.yiti-box .yiti-title[data-v-0875343a]{font-size:calc(16px + var(--fontSizeSetup));font-weight:600;color:#333;padding:15px 16px 16px}.yiti-box .yiti-orderNo[data-v-0875343a]{color:#ec8423;width:1.5rem;height:1.5rem;text-align:center;margin-right:.8rem;border:2px solid #ec8423;border-radius:50%}.flex-box[data-v-0875343a]{display:-webkit-box;display:-ms-flexbox;display:flex}.between-box[data-v-0875343a]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.Marg15[data-v-0875343a]{margin-right:1.5rem}.MarL15[data-v-0875343a]{margin-left:1.25rem}.btn[data-v-0875343a]{width:5.63rem}.saveBtn[data-v-0875343a]{width:calc(100% - 40px);margin-bottom:20px;padding:10px 0;color:#fff;background:#53a8ff;text-align:center;margin-left:20px}.input-box[data-v-0875343a]{height:200px;width:100%}[data-v-0875343a] .van-field__body,[data-v-0875343a] .van-field__control{height:100%}.header-dialog[data-v-0875343a]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:0 20px;height:54px;background:#f3f4f4;font-size:18px;border-radius:4px 4px 0 0}.containmeet[data-v-0875343a]{height:100%}#bodyfilebox[data-v-0875343a]{height:100%;border:1px solid #ebeef5}#bodyfilebox .edit-button[data-v-0875343a]{position:fixed;bottom:50px;right:30px;border:1px solid #494949;color:#fff;background:#494949;height:40px;width:40px;text-align:center;line-height:40px;border-radius:50%;font-size:23px;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-shadow:0 3px 8px rgba(0,0,0,.24);box-shadow:0 3px 8px rgba(0,0,0,.24)}#bodyfilebox .color-group[data-v-0875343a]{bottom:110px;padding:6px}#bodyfilebox .color-group[data-v-0875343a],#bodyfilebox .line-group[data-v-0875343a]{position:fixed;display:-webkit-box;display:-ms-flexbox;display:flex;right:80px;background:#fff;border-radius:5px;-webkit-box-shadow:0 3px 8px rgba(0,0,0,.24);box-shadow:0 3px 8px rgba(0,0,0,.24)}#bodyfilebox .line-group[data-v-0875343a]{bottom:170px;padding:6px 18px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:29px;width:130px}#bodyfilebox .color-group-item[data-v-0875343a]{display:block;height:30px;width:30px;border-radius:50%;background:#000;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #494949;margin:0 5px}#bodyfilebox .color-button[data-v-0875343a],#bodyfilebox .line-button-outside[data-v-0875343a]{background:#fff;padding:5px;border:none}#bodyfilebox .line-button-outside[data-v-0875343a]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}#bodyfilebox .color-view[data-v-0875343a]{width:100%;height:100%;border-radius:50%}#bodyfilebox .line-view[data-v-0875343a]{width:80%;background:#000;height:1px;border-radius:2px}#bodyfilebox .line-button[data-v-0875343a]{width:22px;color:#fff;font-size:10px;line-height:18px;text-align:center;background-color:#1989fa;border-radius:100px}#bodyfilebox .success[data-v-0875343a]{background:#07c160;border:1px solid #07c160}[data-v-0875343a] #viewerContainer{top:0!important}[data-v-0875343a] .toolbar{position:fixed!important;bottom:0!important}.headerMessageName[data-v-0875343a]{text-align:left;padding-left:50px}.keywordDialog[data-v-0875343a]{top:60%}.van-cell__title[data-v-0875343a]{width:calc(100% - 32px)}.cell-flex-title[data-v-0875343a]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.cell-flex-label .cell-flex-item[data-v-0875343a],.cell-flex-title[data-v-0875343a],.cell-flex-title .cell-flex-item[data-v-0875343a]{display:-webkit-box;display:-ms-flexbox;display:flex}.text-overflow[data-v-0875343a]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-v-0875343a] .van-dialog__content{height:90%;overflow-y:auto}[data-v-0875343a] .van-dialog__header{padding-top:16px!important;padding-bottom:9px!important;margin-bottom:1px!important;border-bottom:1px solid #999!important}.recordMask[data-v-0875343a]{position:fixed;min-height:560px;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.5);z-index:3000}.recordDiv[data-v-0875343a]{width:600px;height:500px;background:#fff;border-radius:4px;top:54%;left:50%;position:absolute;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.footer[data-v-0875343a]{width:100%;height:64px;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;padding:0 20px;-webkit-box-sizing:border-box;box-sizing:border-box;border-top:1px solid #dee2e6}.btn[data-v-0875343a],.footer[data-v-0875343a]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.btn[data-v-0875343a]{width:85px;height:35px;border-radius:3px;font-size:14px;padding:0 12px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.cbtn[data-v-0875343a]{background:#fff;color:#333}.cbtn[data-v-0875343a],.qbtn[data-v-0875343a]{border:1px solid #ebeef5}.qbtn[data-v-0875343a]{background:#53a8ff;color:#fff}.btn[data-v-0875343a] .van-button__content{-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.btn[data-v-0875343a] .van-button__content .van-button__icon{font-size:10px}.cell-flex-box[data-v-0875343a]{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;position:relative}.cell-flex-box .delete-button[data-v-0875343a]{color:#53a8ff;position:absolute;right:0}.cell-flex-box .add-button[data-v-0875343a]{color:#53a8ff;font-size:14px;text-align:center;line-height:50px}.cell-flex-item[data-v-0875343a]{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow:hidden;text-wrap:nowrap;text-overflow:ellipsis;margin-right:45px}.cell-flex-box .cell-flex-item[data-v-0875343a]:nth-child(2){text-align:right}.no-more[data-v-0875343a]{color:#969799;font-size:14px;line-height:50px;text-align:center}", ""]);
 // Exports
 /* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
 
@@ -34951,19 +35335,19 @@ var update = add("63eb1800", content, true, {"sourceMap":false,"shadowMode":fals
 
 /***/ }),
 
-/***/ 2564:
+/***/ 7807:
 /***/ (function(module, __unused_webpack_exports, __webpack_require__) {
 
 // style-loader: Adds some css to the DOM by adding a <style> tag
 
 // load the styles
-var content = __webpack_require__(8994);
+var content = __webpack_require__(5873);
 if(content.__esModule) content = content.default;
 if(typeof content === 'string') content = [[module.id, content, '']];
 if(content.locals) module.exports = content.locals;
 // add the styles to the DOM
 var add = (__webpack_require__(9548)/* ["default"] */ .A)
-var update = add("3f89f496", content, true, {"sourceMap":false,"shadowMode":false});
+var update = add("1d0a4ff6", content, true, {"sourceMap":false,"shadowMode":false});
 
 /***/ }),
 
@@ -36318,6 +36702,21 @@ module.exports = __webpack_require__.p + "img/bei.f3ce5024.png";
 /******/ 		})();
 /******/ 	}();
 /******/ 	
+/******/ 	/* webpack/runtime/harmony module decorator */
+/******/ 	!function() {
+/******/ 		__webpack_require__.hmd = function(module) {
+/******/ 			module = Object.create(module);
+/******/ 			if (!module.children) module.children = [];
+/******/ 			Object.defineProperty(module, 'exports', {
+/******/ 				enumerable: true,
+/******/ 				set: function() {
+/******/ 					throw new Error('ES Modules may not assign module.exports or exports.*, Use ESM export syntax, instead: ' + module.id);
+/******/ 				}
+/******/ 			});
+/******/ 			return module;
+/******/ 		};
+/******/ 	}();
+/******/ 	
 /******/ 	/* webpack/runtime/hasOwnProperty shorthand */
 /******/ 	!function() {
 /******/ 		__webpack_require__.o = function(obj, prop) { return Object.prototype.hasOwnProperty.call(obj, prop); }
@@ -39760,8 +40159,8 @@ var version = '3.6.5';
 
 
 
-;// CONCATENATED MODULE: ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[0]!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./packages/ecmoa/hygl/src/ipad/view/FileView.vue?vue&type=template&id=52ebfb2b&scoped=true
-var FileViewvue_type_template_id_52ebfb2b_scoped_true_render = function render() {
+;// CONCATENATED MODULE: ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[0]!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./packages/ecmoa/hygl/src/ipad/view/FileView.vue?vue&type=template&id=0875343a&scoped=true
+var FileViewvue_type_template_id_0875343a_scoped_true_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', [_c('div', {
@@ -40459,7 +40858,7 @@ var FileViewvue_type_template_id_52ebfb2b_scoped_true_render = function render()
     ref: "ServeDialog"
   })], 1)])]);
 };
-var FileViewvue_type_template_id_52ebfb2b_scoped_true_staticRenderFns = [function () {
+var FileViewvue_type_template_id_0875343a_scoped_true_staticRenderFns = [function () {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', {
@@ -40518,7 +40917,7 @@ var FileViewvue_type_template_id_52ebfb2b_scoped_true_staticRenderFns = [functio
   })]);
 }];
 
-;// CONCATENATED MODULE: ./packages/ecmoa/hygl/src/ipad/view/FileView.vue?vue&type=template&id=52ebfb2b&scoped=true
+;// CONCATENATED MODULE: ./packages/ecmoa/hygl/src/ipad/view/FileView.vue?vue&type=template&id=0875343a&scoped=true
 
 ;// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/extends.js
 function _extends() {
@@ -43891,416 +44290,17 @@ var component = normalizeComponent(
 )
 
 /* harmony default export */ var CallServeDialog = (component.exports);
-;// CONCATENATED MODULE: ./packages/ecmoa/hygl/src/ipad/drawboard/tools/pen.js
-function pen_typeof(o) { "@babel/helpers - typeof"; return pen_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; }, pen_typeof(o); }
-function _defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, pen_toPropertyKey(o.key), o); } }
-function _createClass(e, r, t) { return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; }
-function _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
-function pen_defineProperty(e, r, t) { return (r = pen_toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
-function pen_toPropertyKey(t) { var i = pen_toPrimitive(t, "string"); return "symbol" == pen_typeof(i) ? i : i + ""; }
-function pen_toPrimitive(t, r) { if ("object" != pen_typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != pen_typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-var pen_default = /*#__PURE__*/_createClass(
-// 线条绘制起点
-
-/**
- * @param {Object} config 画笔配置
- */
-function _default(_target, config) {
-  var _this = this;
-  _classCallCheck(this, _default);
-  pen_defineProperty(this, "canvas", null);
-  pen_defineProperty(this, "context", null);
-  // Variable
-  pen_defineProperty(this, "_config", {
-    color: '#000000',
-    weight: 1
-  });
-  pen_defineProperty(this, "points", []);
-  // 线条描点存储
-  pen_defineProperty(this, "startPoint", null);
-  // methods
-  pen_defineProperty(this, "setPenConfig", function (_config) {
-    var context = _this.context;
-    context.lineJoin = 'round';
-    context.lineCap = 'round';
-  });
-  pen_defineProperty(this, "setListener", function (target) {
-    target.addEventListener('mousedown', _this.startDrawing, false);
-    target.addEventListener('mouseup', _this.stopDrawing, false);
-    target.addEventListener('touchstart', _this.startDrawing, false);
-    target.addEventListener('touchend', _this.stopDrawing, false);
-  });
-  pen_defineProperty(this, "removeListener", function (target) {
-    target.removeEventListener('mousedown', _this.startDrawing, false);
-    target.removeEventListener('mouseup', _this.stopDrawing, false);
-    target.removeEventListener('touchstart', _this.startDrawing, false);
-    target.removeEventListener('touchend', _this.stopDrawing, false);
-  });
-  // 绘制二次贝塞尔曲线
-  pen_defineProperty(this, "drawLine", function (beginPoint, controlPoint, endPoint) {
-    var context = _this.context;
-    context.beginPath();
-    context.moveTo(beginPoint.x, beginPoint.y);
-    context.quadraticCurveTo(controlPoint.x, controlPoint.y, endPoint.x, endPoint.y);
-    context.stroke();
-    context.closePath();
-  });
-  // 开始绘制
-  pen_defineProperty(this, "startDrawing", function (evt) {
-    var canvas = _this.canvas,
-      _config = _this._config,
-      context = _this.context;
-    var _this$getPoint = _this.getPoint(evt),
-      x = _this$getPoint.x,
-      y = _this$getPoint.y;
-    context.strokeStyle = _config.color;
-    context.lineWidth = _config.weight;
-    _this.startPoint = {
-      x: x,
-      y: y
-    };
-    _this.points.push(_this.startPoint);
-    canvas.addEventListener('mousemove', _this.onDrawing, false);
-    canvas.addEventListener('touchmove', _this.onDrawing, false);
-  });
-  // 拖动鼠标绘制
-  pen_defineProperty(this, "onDrawing", function (evt) {
-    evt.preventDefault();
-    var points = _this.points;
-    var _this$getPoint2 = _this.getPoint(evt),
-      x = _this$getPoint2.x,
-      y = _this$getPoint2.y;
-    points.push({
-      x: x,
-      y: y
-    });
-    if (points.length > 3) {
-      var lastTwoPoints = points.slice(-2);
-      var controlPoint = lastTwoPoints[0]; // 控制点
-      var endPoint = {
-        x: (lastTwoPoints[0].x + lastTwoPoints[1].x) / 2,
-        y: (lastTwoPoints[0].y + lastTwoPoints[1].y) / 2
-      };
-      _this.drawLine(_this.startPoint, controlPoint, endPoint);
-      _this.startPoint = endPoint;
-    }
-  });
-  // 绘制结束
-  pen_defineProperty(this, "stopDrawing", function (evt) {
-    var canvas = _this.canvas,
-      points = _this.points,
-      startPoint = _this.startPoint;
-    canvas.removeEventListener('mousemove', _this.onDrawing);
-    canvas.removeEventListener('touchmove', _this.onDrawing);
-    var _this$getPoint3 = _this.getPoint(evt),
-      x = _this$getPoint3.x,
-      y = _this$getPoint3.y;
-    points.push({
-      x: x,
-      y: y
-    });
-    if (points.length > 3) {
-      var lastTwoPoints = points.slice(-2);
-      var controlPoint = lastTwoPoints[0];
-      var endPoint = lastTwoPoints[1];
-      _this.drawLine(startPoint, controlPoint, endPoint);
-    }
-    _this.runningHistory && _this.runningHistory.add({
-      type: 'pen',
-      points: points,
-      config: _this._config
-    });
-    _this.startPoint = null;
-    _this.points = [];
-  });
-  // 获取当前坐标
-  pen_defineProperty(this, "getPoint", function (evt) {
-    var x = null;
-    var y = null;
-    if (evt.touches && evt.touches[0]) {
-      var canvasOffset = _this.canvas.getBoundingClientRect();
-      var touch = evt.touches[0];
-      var computedX = touch.pageX - canvasOffset.x;
-      var computedY = touch.pageY - canvasOffset.y;
-      var scale = _this.canvas.height / _this.canvas.clientHeight;
-      x = computedX * scale;
-      y = computedY * scale;
-    } else {
-      x = evt.offsetX;
-      y = evt.offsetY;
-    }
-    return {
-      x: x,
-      y: y
-    };
-  });
-  this.canvas = _target;
-  this.context = _target.getContext('2d');
-  if (config) {
-    this._config = Object.assign(this._config, config);
-  }
-  this.setListener(_target);
-  this.setPenConfig(this._config);
-});
-
-;// CONCATENATED MODULE: ./packages/ecmoa/hygl/src/ipad/drawboard/utils/history.js
-function history_typeof(o) { "@babel/helpers - typeof"; return history_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; }, history_typeof(o); }
+;// CONCATENATED MODULE: ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./packages/ecmoa/hygl/src/ipad/view/FileView.vue?vue&type=script&lang=js
+function FileViewvue_type_script_lang_js_typeof(o) { "@babel/helpers - typeof"; return FileViewvue_type_script_lang_js_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; }, FileViewvue_type_script_lang_js_typeof(o); }
+function FileViewvue_type_script_lang_js_regeneratorRuntime() { "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ FileViewvue_type_script_lang_js_regeneratorRuntime = function _regeneratorRuntime() { return e; }; var t, e = {}, r = Object.prototype, n = r.hasOwnProperty, o = Object.defineProperty || function (t, e, r) { t[e] = r.value; }, i = "function" == typeof Symbol ? Symbol : {}, a = i.iterator || "@@iterator", c = i.asyncIterator || "@@asyncIterator", u = i.toStringTag || "@@toStringTag"; function define(t, e, r) { return Object.defineProperty(t, e, { value: r, enumerable: !0, configurable: !0, writable: !0 }), t[e]; } try { define({}, ""); } catch (t) { define = function define(t, e, r) { return t[e] = r; }; } function wrap(t, e, r, n) { var i = e && e.prototype instanceof Generator ? e : Generator, a = Object.create(i.prototype), c = new Context(n || []); return o(a, "_invoke", { value: makeInvokeMethod(t, r, c) }), a; } function tryCatch(t, e, r) { try { return { type: "normal", arg: t.call(e, r) }; } catch (t) { return { type: "throw", arg: t }; } } e.wrap = wrap; var h = "suspendedStart", l = "suspendedYield", f = "executing", s = "completed", y = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var p = {}; define(p, a, function () { return this; }); var d = Object.getPrototypeOf, v = d && d(d(values([]))); v && v !== r && n.call(v, a) && (p = v); var g = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(p); function defineIteratorMethods(t) { ["next", "throw", "return"].forEach(function (e) { define(t, e, function (t) { return this._invoke(e, t); }); }); } function AsyncIterator(t, e) { function invoke(r, o, i, a) { var c = tryCatch(t[r], t, o); if ("throw" !== c.type) { var u = c.arg, h = u.value; return h && "object" == FileViewvue_type_script_lang_js_typeof(h) && n.call(h, "__await") ? e.resolve(h.__await).then(function (t) { invoke("next", t, i, a); }, function (t) { invoke("throw", t, i, a); }) : e.resolve(h).then(function (t) { u.value = t, i(u); }, function (t) { return invoke("throw", t, i, a); }); } a(c.arg); } var r; o(this, "_invoke", { value: function value(t, n) { function callInvokeWithMethodAndArg() { return new e(function (e, r) { invoke(t, n, e, r); }); } return r = r ? r.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); } }); } function makeInvokeMethod(e, r, n) { var o = h; return function (i, a) { if (o === f) throw Error("Generator is already running"); if (o === s) { if ("throw" === i) throw a; return { value: t, done: !0 }; } for (n.method = i, n.arg = a;;) { var c = n.delegate; if (c) { var u = maybeInvokeDelegate(c, n); if (u) { if (u === y) continue; return u; } } if ("next" === n.method) n.sent = n._sent = n.arg;else if ("throw" === n.method) { if (o === h) throw o = s, n.arg; n.dispatchException(n.arg); } else "return" === n.method && n.abrupt("return", n.arg); o = f; var p = tryCatch(e, r, n); if ("normal" === p.type) { if (o = n.done ? s : l, p.arg === y) continue; return { value: p.arg, done: n.done }; } "throw" === p.type && (o = s, n.method = "throw", n.arg = p.arg); } }; } function maybeInvokeDelegate(e, r) { var n = r.method, o = e.iterator[n]; if (o === t) return r.delegate = null, "throw" === n && e.iterator.return && (r.method = "return", r.arg = t, maybeInvokeDelegate(e, r), "throw" === r.method) || "return" !== n && (r.method = "throw", r.arg = new TypeError("The iterator does not provide a '" + n + "' method")), y; var i = tryCatch(o, e.iterator, r.arg); if ("throw" === i.type) return r.method = "throw", r.arg = i.arg, r.delegate = null, y; var a = i.arg; return a ? a.done ? (r[e.resultName] = a.value, r.next = e.nextLoc, "return" !== r.method && (r.method = "next", r.arg = t), r.delegate = null, y) : a : (r.method = "throw", r.arg = new TypeError("iterator result is not an object"), r.delegate = null, y); } function pushTryEntry(t) { var e = { tryLoc: t[0] }; 1 in t && (e.catchLoc = t[1]), 2 in t && (e.finallyLoc = t[2], e.afterLoc = t[3]), this.tryEntries.push(e); } function resetTryEntry(t) { var e = t.completion || {}; e.type = "normal", delete e.arg, t.completion = e; } function Context(t) { this.tryEntries = [{ tryLoc: "root" }], t.forEach(pushTryEntry, this), this.reset(!0); } function values(e) { if (e || "" === e) { var r = e[a]; if (r) return r.call(e); if ("function" == typeof e.next) return e; if (!isNaN(e.length)) { var o = -1, i = function next() { for (; ++o < e.length;) if (n.call(e, o)) return next.value = e[o], next.done = !1, next; return next.value = t, next.done = !0, next; }; return i.next = i; } } throw new TypeError(FileViewvue_type_script_lang_js_typeof(e) + " is not iterable"); } return GeneratorFunction.prototype = GeneratorFunctionPrototype, o(g, "constructor", { value: GeneratorFunctionPrototype, configurable: !0 }), o(GeneratorFunctionPrototype, "constructor", { value: GeneratorFunction, configurable: !0 }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, u, "GeneratorFunction"), e.isGeneratorFunction = function (t) { var e = "function" == typeof t && t.constructor; return !!e && (e === GeneratorFunction || "GeneratorFunction" === (e.displayName || e.name)); }, e.mark = function (t) { return Object.setPrototypeOf ? Object.setPrototypeOf(t, GeneratorFunctionPrototype) : (t.__proto__ = GeneratorFunctionPrototype, define(t, u, "GeneratorFunction")), t.prototype = Object.create(g), t; }, e.awrap = function (t) { return { __await: t }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, c, function () { return this; }), e.AsyncIterator = AsyncIterator, e.async = function (t, r, n, o, i) { void 0 === i && (i = Promise); var a = new AsyncIterator(wrap(t, r, n, o), i); return e.isGeneratorFunction(r) ? a : a.next().then(function (t) { return t.done ? t.value : a.next(); }); }, defineIteratorMethods(g), define(g, u, "Generator"), define(g, a, function () { return this; }), define(g, "toString", function () { return "[object Generator]"; }), e.keys = function (t) { var e = Object(t), r = []; for (var n in e) r.push(n); return r.reverse(), function next() { for (; r.length;) { var t = r.pop(); if (t in e) return next.value = t, next.done = !1, next; } return next.done = !0, next; }; }, e.values = values, Context.prototype = { constructor: Context, reset: function reset(e) { if (this.prev = 0, this.next = 0, this.sent = this._sent = t, this.done = !1, this.delegate = null, this.method = "next", this.arg = t, this.tryEntries.forEach(resetTryEntry), !e) for (var r in this) "t" === r.charAt(0) && n.call(this, r) && !isNaN(+r.slice(1)) && (this[r] = t); }, stop: function stop() { this.done = !0; var t = this.tryEntries[0].completion; if ("throw" === t.type) throw t.arg; return this.rval; }, dispatchException: function dispatchException(e) { if (this.done) throw e; var r = this; function handle(n, o) { return a.type = "throw", a.arg = e, r.next = n, o && (r.method = "next", r.arg = t), !!o; } for (var o = this.tryEntries.length - 1; o >= 0; --o) { var i = this.tryEntries[o], a = i.completion; if ("root" === i.tryLoc) return handle("end"); if (i.tryLoc <= this.prev) { var c = n.call(i, "catchLoc"), u = n.call(i, "finallyLoc"); if (c && u) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } else if (c) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); } else { if (!u) throw Error("try statement without catch or finally"); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } } } }, abrupt: function abrupt(t, e) { for (var r = this.tryEntries.length - 1; r >= 0; --r) { var o = this.tryEntries[r]; if (o.tryLoc <= this.prev && n.call(o, "finallyLoc") && this.prev < o.finallyLoc) { var i = o; break; } } i && ("break" === t || "continue" === t) && i.tryLoc <= e && e <= i.finallyLoc && (i = null); var a = i ? i.completion : {}; return a.type = t, a.arg = e, i ? (this.method = "next", this.next = i.finallyLoc, y) : this.complete(a); }, complete: function complete(t, e) { if ("throw" === t.type) throw t.arg; return "break" === t.type || "continue" === t.type ? this.next = t.arg : "return" === t.type ? (this.rval = this.arg = t.arg, this.method = "return", this.next = "end") : "normal" === t.type && e && (this.next = e), y; }, finish: function finish(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.finallyLoc === t) return this.complete(r.completion, r.afterLoc), resetTryEntry(r), y; } }, catch: function _catch(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.tryLoc === t) { var n = r.completion; if ("throw" === n.type) { var o = n.arg; resetTryEntry(r); } return o; } } throw Error("illegal catch attempt"); }, delegateYield: function delegateYield(e, r, n) { return this.delegate = { iterator: values(e), resultName: r, nextLoc: n }, "next" === this.method && (this.arg = t), y; } }, e; }
+function FileViewvue_type_script_lang_js_asyncGeneratorStep(n, t, e, r, o, a, c) { try { var i = n[a](c), u = i.value; } catch (n) { return void e(n); } i.done ? t(u) : Promise.resolve(u).then(r, o); }
+function FileViewvue_type_script_lang_js_asyncToGenerator(n) { return function () { var t = this, e = arguments; return new Promise(function (r, o) { var a = n.apply(t, e); function _next(n) { FileViewvue_type_script_lang_js_asyncGeneratorStep(a, r, o, _next, _throw, "next", n); } function _throw(n) { FileViewvue_type_script_lang_js_asyncGeneratorStep(a, r, o, _next, _throw, "throw", n); } _next(void 0); }); }; }
 function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
 function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
 function _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
 function _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(r); }
 function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
-function history_classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
-function history_defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, history_toPropertyKey(o.key), o); } }
-function history_createClass(e, r, t) { return r && history_defineProperties(e.prototype, r), t && history_defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; }
-function history_defineProperty(e, r, t) { return (r = history_toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
-function history_toPropertyKey(t) { var i = history_toPrimitive(t, "string"); return "symbol" == history_typeof(i) ? i : i + ""; }
-function history_toPrimitive(t, r) { if ("object" != history_typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != history_typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-var history_default = /*#__PURE__*/function () {
-  function _default(cache) {
-    history_classCallCheck(this, _default);
-    history_defineProperty(this, "cacheStack", []);
-    history_defineProperty(this, "step", null);
-    if (!cache) return;
-    this.cacheStack = _toConsumableArray(cache.cacheStack);
-    this.step = cache.step;
-  }
-  return history_createClass(_default, [{
-    key: "add",
-    value: function add(drawData) {
-      if (drawData.type && drawData.points instanceof Array) {
-        this.cacheStack.push(drawData);
-        this.step++;
-      }
-    }
-  }]);
-}();
-
-;// CONCATENATED MODULE: ./packages/ecmoa/hygl/src/ipad/drawboard/index.js
-function drawboard_typeof(o) { "@babel/helpers - typeof"; return drawboard_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; }, drawboard_typeof(o); }
-function drawboard_regeneratorRuntime() { "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ drawboard_regeneratorRuntime = function _regeneratorRuntime() { return e; }; var t, e = {}, r = Object.prototype, n = r.hasOwnProperty, o = Object.defineProperty || function (t, e, r) { t[e] = r.value; }, i = "function" == typeof Symbol ? Symbol : {}, a = i.iterator || "@@iterator", c = i.asyncIterator || "@@asyncIterator", u = i.toStringTag || "@@toStringTag"; function define(t, e, r) { return Object.defineProperty(t, e, { value: r, enumerable: !0, configurable: !0, writable: !0 }), t[e]; } try { define({}, ""); } catch (t) { define = function define(t, e, r) { return t[e] = r; }; } function wrap(t, e, r, n) { var i = e && e.prototype instanceof Generator ? e : Generator, a = Object.create(i.prototype), c = new Context(n || []); return o(a, "_invoke", { value: makeInvokeMethod(t, r, c) }), a; } function tryCatch(t, e, r) { try { return { type: "normal", arg: t.call(e, r) }; } catch (t) { return { type: "throw", arg: t }; } } e.wrap = wrap; var h = "suspendedStart", l = "suspendedYield", f = "executing", s = "completed", y = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var p = {}; define(p, a, function () { return this; }); var d = Object.getPrototypeOf, v = d && d(d(values([]))); v && v !== r && n.call(v, a) && (p = v); var g = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(p); function defineIteratorMethods(t) { ["next", "throw", "return"].forEach(function (e) { define(t, e, function (t) { return this._invoke(e, t); }); }); } function AsyncIterator(t, e) { function invoke(r, o, i, a) { var c = tryCatch(t[r], t, o); if ("throw" !== c.type) { var u = c.arg, h = u.value; return h && "object" == drawboard_typeof(h) && n.call(h, "__await") ? e.resolve(h.__await).then(function (t) { invoke("next", t, i, a); }, function (t) { invoke("throw", t, i, a); }) : e.resolve(h).then(function (t) { u.value = t, i(u); }, function (t) { return invoke("throw", t, i, a); }); } a(c.arg); } var r; o(this, "_invoke", { value: function value(t, n) { function callInvokeWithMethodAndArg() { return new e(function (e, r) { invoke(t, n, e, r); }); } return r = r ? r.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); } }); } function makeInvokeMethod(e, r, n) { var o = h; return function (i, a) { if (o === f) throw Error("Generator is already running"); if (o === s) { if ("throw" === i) throw a; return { value: t, done: !0 }; } for (n.method = i, n.arg = a;;) { var c = n.delegate; if (c) { var u = maybeInvokeDelegate(c, n); if (u) { if (u === y) continue; return u; } } if ("next" === n.method) n.sent = n._sent = n.arg;else if ("throw" === n.method) { if (o === h) throw o = s, n.arg; n.dispatchException(n.arg); } else "return" === n.method && n.abrupt("return", n.arg); o = f; var p = tryCatch(e, r, n); if ("normal" === p.type) { if (o = n.done ? s : l, p.arg === y) continue; return { value: p.arg, done: n.done }; } "throw" === p.type && (o = s, n.method = "throw", n.arg = p.arg); } }; } function maybeInvokeDelegate(e, r) { var n = r.method, o = e.iterator[n]; if (o === t) return r.delegate = null, "throw" === n && e.iterator.return && (r.method = "return", r.arg = t, maybeInvokeDelegate(e, r), "throw" === r.method) || "return" !== n && (r.method = "throw", r.arg = new TypeError("The iterator does not provide a '" + n + "' method")), y; var i = tryCatch(o, e.iterator, r.arg); if ("throw" === i.type) return r.method = "throw", r.arg = i.arg, r.delegate = null, y; var a = i.arg; return a ? a.done ? (r[e.resultName] = a.value, r.next = e.nextLoc, "return" !== r.method && (r.method = "next", r.arg = t), r.delegate = null, y) : a : (r.method = "throw", r.arg = new TypeError("iterator result is not an object"), r.delegate = null, y); } function pushTryEntry(t) { var e = { tryLoc: t[0] }; 1 in t && (e.catchLoc = t[1]), 2 in t && (e.finallyLoc = t[2], e.afterLoc = t[3]), this.tryEntries.push(e); } function resetTryEntry(t) { var e = t.completion || {}; e.type = "normal", delete e.arg, t.completion = e; } function Context(t) { this.tryEntries = [{ tryLoc: "root" }], t.forEach(pushTryEntry, this), this.reset(!0); } function values(e) { if (e || "" === e) { var r = e[a]; if (r) return r.call(e); if ("function" == typeof e.next) return e; if (!isNaN(e.length)) { var o = -1, i = function next() { for (; ++o < e.length;) if (n.call(e, o)) return next.value = e[o], next.done = !1, next; return next.value = t, next.done = !0, next; }; return i.next = i; } } throw new TypeError(drawboard_typeof(e) + " is not iterable"); } return GeneratorFunction.prototype = GeneratorFunctionPrototype, o(g, "constructor", { value: GeneratorFunctionPrototype, configurable: !0 }), o(GeneratorFunctionPrototype, "constructor", { value: GeneratorFunction, configurable: !0 }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, u, "GeneratorFunction"), e.isGeneratorFunction = function (t) { var e = "function" == typeof t && t.constructor; return !!e && (e === GeneratorFunction || "GeneratorFunction" === (e.displayName || e.name)); }, e.mark = function (t) { return Object.setPrototypeOf ? Object.setPrototypeOf(t, GeneratorFunctionPrototype) : (t.__proto__ = GeneratorFunctionPrototype, define(t, u, "GeneratorFunction")), t.prototype = Object.create(g), t; }, e.awrap = function (t) { return { __await: t }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, c, function () { return this; }), e.AsyncIterator = AsyncIterator, e.async = function (t, r, n, o, i) { void 0 === i && (i = Promise); var a = new AsyncIterator(wrap(t, r, n, o), i); return e.isGeneratorFunction(r) ? a : a.next().then(function (t) { return t.done ? t.value : a.next(); }); }, defineIteratorMethods(g), define(g, u, "Generator"), define(g, a, function () { return this; }), define(g, "toString", function () { return "[object Generator]"; }), e.keys = function (t) { var e = Object(t), r = []; for (var n in e) r.push(n); return r.reverse(), function next() { for (; r.length;) { var t = r.pop(); if (t in e) return next.value = t, next.done = !1, next; } return next.done = !0, next; }; }, e.values = values, Context.prototype = { constructor: Context, reset: function reset(e) { if (this.prev = 0, this.next = 0, this.sent = this._sent = t, this.done = !1, this.delegate = null, this.method = "next", this.arg = t, this.tryEntries.forEach(resetTryEntry), !e) for (var r in this) "t" === r.charAt(0) && n.call(this, r) && !isNaN(+r.slice(1)) && (this[r] = t); }, stop: function stop() { this.done = !0; var t = this.tryEntries[0].completion; if ("throw" === t.type) throw t.arg; return this.rval; }, dispatchException: function dispatchException(e) { if (this.done) throw e; var r = this; function handle(n, o) { return a.type = "throw", a.arg = e, r.next = n, o && (r.method = "next", r.arg = t), !!o; } for (var o = this.tryEntries.length - 1; o >= 0; --o) { var i = this.tryEntries[o], a = i.completion; if ("root" === i.tryLoc) return handle("end"); if (i.tryLoc <= this.prev) { var c = n.call(i, "catchLoc"), u = n.call(i, "finallyLoc"); if (c && u) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } else if (c) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); } else { if (!u) throw Error("try statement without catch or finally"); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } } } }, abrupt: function abrupt(t, e) { for (var r = this.tryEntries.length - 1; r >= 0; --r) { var o = this.tryEntries[r]; if (o.tryLoc <= this.prev && n.call(o, "finallyLoc") && this.prev < o.finallyLoc) { var i = o; break; } } i && ("break" === t || "continue" === t) && i.tryLoc <= e && e <= i.finallyLoc && (i = null); var a = i ? i.completion : {}; return a.type = t, a.arg = e, i ? (this.method = "next", this.next = i.finallyLoc, y) : this.complete(a); }, complete: function complete(t, e) { if ("throw" === t.type) throw t.arg; return "break" === t.type || "continue" === t.type ? this.next = t.arg : "return" === t.type ? (this.rval = this.arg = t.arg, this.method = "return", this.next = "end") : "normal" === t.type && e && (this.next = e), y; }, finish: function finish(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.finallyLoc === t) return this.complete(r.completion, r.afterLoc), resetTryEntry(r), y; } }, catch: function _catch(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.tryLoc === t) { var n = r.completion; if ("throw" === n.type) { var o = n.arg; resetTryEntry(r); } return o; } } throw Error("illegal catch attempt"); }, delegateYield: function delegateYield(e, r, n) { return this.delegate = { iterator: values(e), resultName: r, nextLoc: n }, "next" === this.method && (this.arg = t), y; } }, e; }
-function drawboard_asyncGeneratorStep(n, t, e, r, o, a, c) { try { var i = n[a](c), u = i.value; } catch (n) { return void e(n); } i.done ? t(u) : Promise.resolve(u).then(r, o); }
-function drawboard_asyncToGenerator(n) { return function () { var t = this, e = arguments; return new Promise(function (r, o) { var a = n.apply(t, e); function _next(n) { drawboard_asyncGeneratorStep(a, r, o, _next, _throw, "next", n); } function _throw(n) { drawboard_asyncGeneratorStep(a, r, o, _next, _throw, "throw", n); } _next(void 0); }); }; }
-function drawboard_classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
-function drawboard_defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, drawboard_toPropertyKey(o.key), o); } }
-function drawboard_createClass(e, r, t) { return r && drawboard_defineProperties(e.prototype, r), t && drawboard_defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; }
-function drawboard_defineProperty(e, r, t) { return (r = drawboard_toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
-function drawboard_toPropertyKey(t) { var i = drawboard_toPrimitive(t, "string"); return "symbol" == drawboard_typeof(i) ? i : i + ""; }
-function drawboard_toPrimitive(t, r) { if ("object" != drawboard_typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != drawboard_typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-
-
-var _default = /*#__PURE__*/function () {
-  /**
-   * @param {Element} canvasElement 画布元素
-   */
-  function _default(canvasElement) {
-    var _this = this;
-    drawboard_classCallCheck(this, _default);
-    // 画布
-    drawboard_defineProperty(this, "canvas", null);
-    drawboard_defineProperty(this, "context", null);
-    // canvas configs
-    drawboard_defineProperty(this, "_MODE", null);
-    // 当前绘图模式
-    drawboard_defineProperty(this, "_TOOL", null);
-    // 当前绘图工具实例对象
-    drawboard_defineProperty(this, "_config", {
-      // 基础配置
-      width: 0,
-      height: 0
-    });
-    // cache
-    drawboard_defineProperty(this, "runningHistory", null);
-    // canvas methods
-    // 清除canvas内容
-    drawboard_defineProperty(this, "clear", function () {
-      var _this$_config = _this._config,
-        width = _this$_config.width,
-        height = _this$_config.height;
-      _this.context.clearRect(0, 0, width, height);
-    });
-    // 清除事件监听
-    drawboard_defineProperty(this, "removeEvents", function () {
-      var _TOOL = _this._TOOL,
-        canvas = _this.canvas;
-      _TOOL.removeListener(canvas);
-    });
-    drawboard_defineProperty(this, "setColor", function (color) {
-      _this._TOOL._config.color = color;
-    });
-    drawboard_defineProperty(this, "setWeight", function (weight) {
-      _this._TOOL._config.weight = weight;
-    });
-    // 工具使用
-    drawboard_defineProperty(this, "use", function (tool, config) {
-      var canvas = _this.canvas;
-      switch (tool) {
-        case 'pen':
-          _this._TOOL && _this._TOOL.removeListener(canvas);
-          _this._MODE = tool;
-          _this._TOOL = new pen_default(canvas, config || null);
-          console.log('this._TOOL => ', _this._TOOL);
-          _this._TOOL.runningHistory = _this.runningHistory;
-          break;
-        default:
-          break;
-      }
-    });
-    this.canvas = canvasElement;
-    this.context = canvasElement.getContext('2d');
-    this._config = Object.assign(this._config, {
-      width: canvasElement.width,
-      height: canvasElement.height
-    });
-  }
-  return drawboard_createClass(_default, [{
-    key: "install",
-    value: function install() {
-      var canvas = this.canvas;
-      var canvasHistory = canvas.CACHE_STACK ? canvas.CACHE_STACK : null;
-      this.runningHistory = new history_default(canvasHistory);
-      return this;
-    }
-  }, {
-    key: "uninstall",
-    value: function uninstall() {
-      this.canvas.CACHE_STACK = this.runningHistory;
-      this.removeEvents();
-    }
-  }, {
-    key: "getImageInfo",
-    value:
-    /**
-     * @description: 以每一次绘画为单位，通过存储的定位points，取最小xy作为绘画起点，最大xy作为宽高，同时留出10像素的间隔
-     * @param {Array} points 定位数据
-     * @return {Object} x、y、width、height
-     */
-    function getImageInfo(points) {
-      var minX = null;
-      var minY = null;
-      var maxX = null;
-      var maxY = null;
-      points.forEach(function (item, index) {
-        var x = item.x,
-          y = item.y;
-        if (index === 0) {
-          minX = maxX = x;
-          minY = maxY = y;
-          return;
-        }
-        minX = x < minX ? x : minX;
-        maxX = x > maxX ? x : maxX;
-        minY = y < minY ? y : minY;
-        maxY = y > maxY ? y : maxY;
-      });
-      return {
-        x: minX - 5,
-        y: minY - 5,
-        width: maxX - minX + 10,
-        height: maxY - minY + 10
-      };
-    }
-
-    /**
-     * @description: 获取每一个step的图像
-     * @param {String} type 输出类型 blob/base64
-     * @param {String} quality 输出质量 0 ~ 1 （仅blob）
-     * @return {Array} 带有图像的数组
-     */
-  }, {
-    key: "getEachImage",
-    value: function getEachImage() {
-      var _this2 = this;
-      var type = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'blob';
-      var quality = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '1.0';
-      var results = [];
-      this.runningHistory.cacheStack.forEach( /*#__PURE__*/function () {
-        var _ref = drawboard_asyncToGenerator( /*#__PURE__*/drawboard_regeneratorRuntime().mark(function _callee(cache) {
-          var imageInfo, imageData;
-          return drawboard_regeneratorRuntime().wrap(function _callee$(_context) {
-            while (1) switch (_context.prev = _context.next) {
-              case 0:
-                imageInfo = _this2.getImageInfo(cache.points);
-                _context.next = 3;
-                return _this2.getImageFromCanvas(imageInfo, type, quality);
-              case 3:
-                imageData = _context.sent;
-                results.push(imageData);
-              case 5:
-              case "end":
-                return _context.stop();
-            }
-          }, _callee);
-        }));
-        return function (_x) {
-          return _ref.apply(this, arguments);
-        };
-      }());
-      return results;
-    }
-    /**
-     * @description: 获取每一个step的图像信息
-     * @return {Array} 图像信息的数组
-     */
-  }, {
-    key: "getEachImageInfo",
-    value: function getEachImageInfo() {
-      var _this3 = this;
-      var results = [];
-      this.runningHistory.cacheStack.forEach(function (cache) {
-        var imageInfo = _this3.getImageInfo(cache.points);
-        results.push(imageInfo);
-      });
-      return results;
-    }
-
-    /**
-     * @description: 从主画布剪切导出图片
-     * @param {Object} imageInfo 图片定位以及各类对象数据
-     * @param {String} type 输出类型 blob/base64
-     * @param {String} quality 输出质量 0 ~ 1
-     * @return {*}
-     */
-  }, {
-    key: "getImageFromCanvas",
-    value: function getImageFromCanvas(imageInfo, type, quality) {
-      var x = imageInfo.x,
-        y = imageInfo.y,
-        width = imageInfo.width,
-        height = imageInfo.height;
-      var Temp = document.createElement('canvas');
-      Temp.height = height;
-      Temp.width = width;
-      Temp.setAttribute('style', "height:".concat(height, "px;width:").concat(width, "px;"));
-      var TempContent = Temp.getContext('2d');
-      TempContent.drawImage(this.canvas, x, y, width, height, 0, 0, width, height);
-      return new Promise(function (resolve) {
-        if (type === 'blob') {
-          Temp.toBlob(function (blob) {
-            resolve(blob);
-          }, quality);
-        }
-        if (type === 'base64') {
-          var result = Temp.toDataURL('image/png');
-          resolve(result);
-        }
-      });
-    }
-  }]);
-}();
-
-;// CONCATENATED MODULE: ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./packages/ecmoa/hygl/src/ipad/view/FileView.vue?vue&type=script&lang=js
-function FileViewvue_type_script_lang_js_typeof(o) { "@babel/helpers - typeof"; return FileViewvue_type_script_lang_js_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; }, FileViewvue_type_script_lang_js_typeof(o); }
-function FileViewvue_type_script_lang_js_regeneratorRuntime() { "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ FileViewvue_type_script_lang_js_regeneratorRuntime = function _regeneratorRuntime() { return e; }; var t, e = {}, r = Object.prototype, n = r.hasOwnProperty, o = Object.defineProperty || function (t, e, r) { t[e] = r.value; }, i = "function" == typeof Symbol ? Symbol : {}, a = i.iterator || "@@iterator", c = i.asyncIterator || "@@asyncIterator", u = i.toStringTag || "@@toStringTag"; function define(t, e, r) { return Object.defineProperty(t, e, { value: r, enumerable: !0, configurable: !0, writable: !0 }), t[e]; } try { define({}, ""); } catch (t) { define = function define(t, e, r) { return t[e] = r; }; } function wrap(t, e, r, n) { var i = e && e.prototype instanceof Generator ? e : Generator, a = Object.create(i.prototype), c = new Context(n || []); return o(a, "_invoke", { value: makeInvokeMethod(t, r, c) }), a; } function tryCatch(t, e, r) { try { return { type: "normal", arg: t.call(e, r) }; } catch (t) { return { type: "throw", arg: t }; } } e.wrap = wrap; var h = "suspendedStart", l = "suspendedYield", f = "executing", s = "completed", y = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var p = {}; define(p, a, function () { return this; }); var d = Object.getPrototypeOf, v = d && d(d(values([]))); v && v !== r && n.call(v, a) && (p = v); var g = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(p); function defineIteratorMethods(t) { ["next", "throw", "return"].forEach(function (e) { define(t, e, function (t) { return this._invoke(e, t); }); }); } function AsyncIterator(t, e) { function invoke(r, o, i, a) { var c = tryCatch(t[r], t, o); if ("throw" !== c.type) { var u = c.arg, h = u.value; return h && "object" == FileViewvue_type_script_lang_js_typeof(h) && n.call(h, "__await") ? e.resolve(h.__await).then(function (t) { invoke("next", t, i, a); }, function (t) { invoke("throw", t, i, a); }) : e.resolve(h).then(function (t) { u.value = t, i(u); }, function (t) { return invoke("throw", t, i, a); }); } a(c.arg); } var r; o(this, "_invoke", { value: function value(t, n) { function callInvokeWithMethodAndArg() { return new e(function (e, r) { invoke(t, n, e, r); }); } return r = r ? r.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); } }); } function makeInvokeMethod(e, r, n) { var o = h; return function (i, a) { if (o === f) throw Error("Generator is already running"); if (o === s) { if ("throw" === i) throw a; return { value: t, done: !0 }; } for (n.method = i, n.arg = a;;) { var c = n.delegate; if (c) { var u = maybeInvokeDelegate(c, n); if (u) { if (u === y) continue; return u; } } if ("next" === n.method) n.sent = n._sent = n.arg;else if ("throw" === n.method) { if (o === h) throw o = s, n.arg; n.dispatchException(n.arg); } else "return" === n.method && n.abrupt("return", n.arg); o = f; var p = tryCatch(e, r, n); if ("normal" === p.type) { if (o = n.done ? s : l, p.arg === y) continue; return { value: p.arg, done: n.done }; } "throw" === p.type && (o = s, n.method = "throw", n.arg = p.arg); } }; } function maybeInvokeDelegate(e, r) { var n = r.method, o = e.iterator[n]; if (o === t) return r.delegate = null, "throw" === n && e.iterator.return && (r.method = "return", r.arg = t, maybeInvokeDelegate(e, r), "throw" === r.method) || "return" !== n && (r.method = "throw", r.arg = new TypeError("The iterator does not provide a '" + n + "' method")), y; var i = tryCatch(o, e.iterator, r.arg); if ("throw" === i.type) return r.method = "throw", r.arg = i.arg, r.delegate = null, y; var a = i.arg; return a ? a.done ? (r[e.resultName] = a.value, r.next = e.nextLoc, "return" !== r.method && (r.method = "next", r.arg = t), r.delegate = null, y) : a : (r.method = "throw", r.arg = new TypeError("iterator result is not an object"), r.delegate = null, y); } function pushTryEntry(t) { var e = { tryLoc: t[0] }; 1 in t && (e.catchLoc = t[1]), 2 in t && (e.finallyLoc = t[2], e.afterLoc = t[3]), this.tryEntries.push(e); } function resetTryEntry(t) { var e = t.completion || {}; e.type = "normal", delete e.arg, t.completion = e; } function Context(t) { this.tryEntries = [{ tryLoc: "root" }], t.forEach(pushTryEntry, this), this.reset(!0); } function values(e) { if (e || "" === e) { var r = e[a]; if (r) return r.call(e); if ("function" == typeof e.next) return e; if (!isNaN(e.length)) { var o = -1, i = function next() { for (; ++o < e.length;) if (n.call(e, o)) return next.value = e[o], next.done = !1, next; return next.value = t, next.done = !0, next; }; return i.next = i; } } throw new TypeError(FileViewvue_type_script_lang_js_typeof(e) + " is not iterable"); } return GeneratorFunction.prototype = GeneratorFunctionPrototype, o(g, "constructor", { value: GeneratorFunctionPrototype, configurable: !0 }), o(GeneratorFunctionPrototype, "constructor", { value: GeneratorFunction, configurable: !0 }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, u, "GeneratorFunction"), e.isGeneratorFunction = function (t) { var e = "function" == typeof t && t.constructor; return !!e && (e === GeneratorFunction || "GeneratorFunction" === (e.displayName || e.name)); }, e.mark = function (t) { return Object.setPrototypeOf ? Object.setPrototypeOf(t, GeneratorFunctionPrototype) : (t.__proto__ = GeneratorFunctionPrototype, define(t, u, "GeneratorFunction")), t.prototype = Object.create(g), t; }, e.awrap = function (t) { return { __await: t }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, c, function () { return this; }), e.AsyncIterator = AsyncIterator, e.async = function (t, r, n, o, i) { void 0 === i && (i = Promise); var a = new AsyncIterator(wrap(t, r, n, o), i); return e.isGeneratorFunction(r) ? a : a.next().then(function (t) { return t.done ? t.value : a.next(); }); }, defineIteratorMethods(g), define(g, u, "Generator"), define(g, a, function () { return this; }), define(g, "toString", function () { return "[object Generator]"; }), e.keys = function (t) { var e = Object(t), r = []; for (var n in e) r.push(n); return r.reverse(), function next() { for (; r.length;) { var t = r.pop(); if (t in e) return next.value = t, next.done = !1, next; } return next.done = !0, next; }; }, e.values = values, Context.prototype = { constructor: Context, reset: function reset(e) { if (this.prev = 0, this.next = 0, this.sent = this._sent = t, this.done = !1, this.delegate = null, this.method = "next", this.arg = t, this.tryEntries.forEach(resetTryEntry), !e) for (var r in this) "t" === r.charAt(0) && n.call(this, r) && !isNaN(+r.slice(1)) && (this[r] = t); }, stop: function stop() { this.done = !0; var t = this.tryEntries[0].completion; if ("throw" === t.type) throw t.arg; return this.rval; }, dispatchException: function dispatchException(e) { if (this.done) throw e; var r = this; function handle(n, o) { return a.type = "throw", a.arg = e, r.next = n, o && (r.method = "next", r.arg = t), !!o; } for (var o = this.tryEntries.length - 1; o >= 0; --o) { var i = this.tryEntries[o], a = i.completion; if ("root" === i.tryLoc) return handle("end"); if (i.tryLoc <= this.prev) { var c = n.call(i, "catchLoc"), u = n.call(i, "finallyLoc"); if (c && u) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } else if (c) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); } else { if (!u) throw Error("try statement without catch or finally"); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } } } }, abrupt: function abrupt(t, e) { for (var r = this.tryEntries.length - 1; r >= 0; --r) { var o = this.tryEntries[r]; if (o.tryLoc <= this.prev && n.call(o, "finallyLoc") && this.prev < o.finallyLoc) { var i = o; break; } } i && ("break" === t || "continue" === t) && i.tryLoc <= e && e <= i.finallyLoc && (i = null); var a = i ? i.completion : {}; return a.type = t, a.arg = e, i ? (this.method = "next", this.next = i.finallyLoc, y) : this.complete(a); }, complete: function complete(t, e) { if ("throw" === t.type) throw t.arg; return "break" === t.type || "continue" === t.type ? this.next = t.arg : "return" === t.type ? (this.rval = this.arg = t.arg, this.method = "return", this.next = "end") : "normal" === t.type && e && (this.next = e), y; }, finish: function finish(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.finallyLoc === t) return this.complete(r.completion, r.afterLoc), resetTryEntry(r), y; } }, catch: function _catch(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.tryLoc === t) { var n = r.completion; if ("throw" === n.type) { var o = n.arg; resetTryEntry(r); } return o; } } throw Error("illegal catch attempt"); }, delegateYield: function delegateYield(e, r, n) { return this.delegate = { iterator: values(e), resultName: r, nextLoc: n }, "next" === this.method && (this.arg = t), y; } }, e; }
-function FileViewvue_type_script_lang_js_asyncGeneratorStep(n, t, e, r, o, a, c) { try { var i = n[a](c), u = i.value; } catch (n) { return void e(n); } i.done ? t(u) : Promise.resolve(u).then(r, o); }
-function FileViewvue_type_script_lang_js_asyncToGenerator(n) { return function () { var t = this, e = arguments; return new Promise(function (r, o) { var a = n.apply(t, e); function _next(n) { FileViewvue_type_script_lang_js_asyncGeneratorStep(a, r, o, _next, _throw, "next", n); } function _throw(n) { FileViewvue_type_script_lang_js_asyncGeneratorStep(a, r, o, _next, _throw, "throw", n); } _next(void 0); }); }; }
-function FileViewvue_type_script_lang_js_toConsumableArray(r) { return FileViewvue_type_script_lang_js_arrayWithoutHoles(r) || FileViewvue_type_script_lang_js_iterableToArray(r) || FileViewvue_type_script_lang_js_unsupportedIterableToArray(r) || FileViewvue_type_script_lang_js_nonIterableSpread(); }
-function FileViewvue_type_script_lang_js_nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function FileViewvue_type_script_lang_js_unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return FileViewvue_type_script_lang_js_arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? FileViewvue_type_script_lang_js_arrayLikeToArray(r, a) : void 0; } }
-function FileViewvue_type_script_lang_js_iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
-function FileViewvue_type_script_lang_js_arrayWithoutHoles(r) { if (Array.isArray(r)) return FileViewvue_type_script_lang_js_arrayLikeToArray(r); }
-function FileViewvue_type_script_lang_js_arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 function FileViewvue_type_script_lang_js_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 FileViewvue_type_script_lang_js_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? FileViewvue_type_script_lang_js_ownKeys(Object(t), !0).forEach(function (r) { FileViewvue_type_script_lang_js_defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : FileViewvue_type_script_lang_js_ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function FileViewvue_type_script_lang_js_defineProperty(e, r, t) { return (r = FileViewvue_type_script_lang_js_toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
@@ -44313,7 +44313,6 @@ external_commonjs_vue_commonjs2_vue_root_Vue_default().use(toast);
 external_commonjs_vue_commonjs2_vue_root_Vue_default().use(VueRouter$1);
 
 
-
 var moment = __webpack_require__(5093);
 /* harmony default export */ var FileViewvue_type_script_lang_js = ({
   components: {
@@ -44605,7 +44604,7 @@ var moment = __webpack_require__(5093);
     getCanvas: function getCanvas() {
       var iframeEl = document.querySelector('#pdfHtml'); // iframe页面
       var page = iframeEl.contentDocument.querySelector('.pageNumber').value; //
-      var pageEls = FileViewvue_type_script_lang_js_toConsumableArray(iframeEl.contentDocument.querySelector('.pdfViewer').children);
+      var pageEls = _toConsumableArray(iframeEl.contentDocument.querySelector('.pdfViewer').children);
       var currentPage = pageEls.find(function (el) {
         return el.attributes['data-page-number'].value == page;
       });
@@ -44630,12 +44629,13 @@ var moment = __webpack_require__(5093);
         page = _this$getCanvas.page,
         canvas = _this$getCanvas.canvas;
       this.isEditable = true;
+      var DrawBoard = __webpack_require__(7462);
       this.editData = {
         page: page,
-        drawBoard: new _default(canvas),
+        drawBoard: DrawBoard,
         target: canvas
       };
-      this.editData.drawBoard.install().use('pen', {
+      this.editData.drawBoard.init(canvas).use('pen', {
         color: this.colorConfig.color,
         weight: this.lineConfig.weight
       });
@@ -44711,7 +44711,7 @@ var moment = __webpack_require__(5093);
       // 停止会签编辑
       this.isEditable = false;
       this.editData.target && (this.editData.target.style.pointerEvents = 'none');
-      this.editData.drawBoard.uninstall();
+      this.editData.drawBoard.destroy();
       this.editData = {};
     },
     back: function back() {
@@ -45018,9 +45018,9 @@ var moment = __webpack_require__(5093);
 });
 ;// CONCATENATED MODULE: ./packages/ecmoa/hygl/src/ipad/view/FileView.vue?vue&type=script&lang=js
  /* harmony default export */ var view_FileViewvue_type_script_lang_js = (FileViewvue_type_script_lang_js); 
-// EXTERNAL MODULE: ./node_modules/vue-style-loader/index.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./packages/ecmoa/hygl/src/ipad/view/FileView.vue?vue&type=style&index=0&id=52ebfb2b&prod&scoped=true&lang=scss
-var FileViewvue_type_style_index_0_id_52ebfb2b_prod_scoped_true_lang_scss = __webpack_require__(2564);
-;// CONCATENATED MODULE: ./packages/ecmoa/hygl/src/ipad/view/FileView.vue?vue&type=style&index=0&id=52ebfb2b&prod&scoped=true&lang=scss
+// EXTERNAL MODULE: ./node_modules/vue-style-loader/index.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./packages/ecmoa/hygl/src/ipad/view/FileView.vue?vue&type=style&index=0&id=0875343a&prod&scoped=true&lang=scss
+var FileViewvue_type_style_index_0_id_0875343a_prod_scoped_true_lang_scss = __webpack_require__(7807);
+;// CONCATENATED MODULE: ./packages/ecmoa/hygl/src/ipad/view/FileView.vue?vue&type=style&index=0&id=0875343a&prod&scoped=true&lang=scss
 
 ;// CONCATENATED MODULE: ./packages/ecmoa/hygl/src/ipad/view/FileView.vue
 
@@ -45033,11 +45033,11 @@ var FileViewvue_type_style_index_0_id_52ebfb2b_prod_scoped_true_lang_scss = __we
 
 var FileView_component = normalizeComponent(
   view_FileViewvue_type_script_lang_js,
-  FileViewvue_type_template_id_52ebfb2b_scoped_true_render,
-  FileViewvue_type_template_id_52ebfb2b_scoped_true_staticRenderFns,
+  FileViewvue_type_template_id_0875343a_scoped_true_render,
+  FileViewvue_type_template_id_0875343a_scoped_true_staticRenderFns,
   false,
   null,
-  "52ebfb2b",
+  "0875343a",
   null
   
 )