ecinc-cloud-moahygl 9.5.238 → 9.5.239
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/ecmoahygl.common.js +422 -395
- package/lib/ecmoahygl.umd.js +422 -395
- package/lib/ecmoahygl.umd.min.js +6 -6
- package/package.json +1 -1
package/lib/ecmoahygl.common.js
CHANGED
|
@@ -1170,378 +1170,6 @@ module.exports = {
|
|
|
1170
1170
|
}
|
|
1171
1171
|
};
|
|
1172
1172
|
|
|
1173
|
-
/***/ }),
|
|
1174
|
-
|
|
1175
|
-
/***/ 7462:
|
|
1176
|
-
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
|
1177
|
-
|
|
1178
|
-
"use strict";
|
|
1179
|
-
// ESM COMPAT FLAG
|
|
1180
|
-
__webpack_require__.r(__webpack_exports__);
|
|
1181
|
-
|
|
1182
|
-
// EXPORTS
|
|
1183
|
-
__webpack_require__.d(__webpack_exports__, {
|
|
1184
|
-
DrawBoard: function() { return /* binding */ DrawBoard; }
|
|
1185
|
-
});
|
|
1186
|
-
|
|
1187
|
-
;// CONCATENATED MODULE: ./packages/ecmoa/hygl/src/ipad/drawboard/tools/pen.js
|
|
1188
|
-
var Pen = {};
|
|
1189
|
-
Pen.canvas = null;
|
|
1190
|
-
Pen.context = null;
|
|
1191
|
-
|
|
1192
|
-
// Variable
|
|
1193
|
-
Pen._config = {
|
|
1194
|
-
color: '#000000',
|
|
1195
|
-
weight: 1
|
|
1196
|
-
};
|
|
1197
|
-
Pen.points = []; // 线条描点存储
|
|
1198
|
-
Pen.startPoint = null; // 线条绘制起点
|
|
1199
|
-
|
|
1200
|
-
/**
|
|
1201
|
-
* @param {Object} config 画笔配置
|
|
1202
|
-
*/
|
|
1203
|
-
Pen.constructor = function (target, config) {
|
|
1204
|
-
Pen.canvas = target;
|
|
1205
|
-
Pen.context = target.getContext('2d');
|
|
1206
|
-
if (config) {
|
|
1207
|
-
Pen._config = Object.assign(Pen._config, config);
|
|
1208
|
-
}
|
|
1209
|
-
Pen.setListener(target);
|
|
1210
|
-
Pen.setPenConfig(Pen._config);
|
|
1211
|
-
};
|
|
1212
|
-
|
|
1213
|
-
// methods
|
|
1214
|
-
Pen.setPenConfig = function (_config) {
|
|
1215
|
-
var context = Pen.context;
|
|
1216
|
-
context.lineJoin = 'round';
|
|
1217
|
-
context.lineCap = 'round';
|
|
1218
|
-
};
|
|
1219
|
-
Pen.setListener = function (target) {
|
|
1220
|
-
target.addEventListener('mousedown', Pen.startDrawing, false);
|
|
1221
|
-
target.addEventListener('mouseup', Pen.stopDrawing, false);
|
|
1222
|
-
target.addEventListener('touchstart', Pen.startDrawing, false);
|
|
1223
|
-
target.addEventListener('touchend', Pen.stopDrawing, false);
|
|
1224
|
-
};
|
|
1225
|
-
Pen.removeListener = function (target) {
|
|
1226
|
-
target.removeEventListener('mousedown', Pen.startDrawing, false);
|
|
1227
|
-
target.removeEventListener('mouseup', Pen.stopDrawing, false);
|
|
1228
|
-
target.removeEventListener('touchstart', Pen.startDrawing, false);
|
|
1229
|
-
target.removeEventListener('touchend', Pen.stopDrawing, false);
|
|
1230
|
-
};
|
|
1231
|
-
// 绘制二次贝塞尔曲线
|
|
1232
|
-
Pen.drawLine = function (beginPoint, controlPoint, endPoint) {
|
|
1233
|
-
var context = Pen.context;
|
|
1234
|
-
context.beginPath();
|
|
1235
|
-
context.moveTo(beginPoint.x, beginPoint.y);
|
|
1236
|
-
context.quadraticCurveTo(controlPoint.x, controlPoint.y, endPoint.x, endPoint.y);
|
|
1237
|
-
context.stroke();
|
|
1238
|
-
context.closePath();
|
|
1239
|
-
};
|
|
1240
|
-
// 开始绘制
|
|
1241
|
-
Pen.startDrawing = function (evt) {
|
|
1242
|
-
var canvas = Pen.canvas,
|
|
1243
|
-
_config = Pen._config,
|
|
1244
|
-
context = Pen.context;
|
|
1245
|
-
var _Pen$getPoint = Pen.getPoint(evt),
|
|
1246
|
-
x = _Pen$getPoint.x,
|
|
1247
|
-
y = _Pen$getPoint.y;
|
|
1248
|
-
context.strokeStyle = _config.color;
|
|
1249
|
-
context.lineWidth = _config.weight;
|
|
1250
|
-
Pen.startPoint = {
|
|
1251
|
-
x: x,
|
|
1252
|
-
y: y
|
|
1253
|
-
};
|
|
1254
|
-
Pen.points.push(Pen.startPoint);
|
|
1255
|
-
canvas.addEventListener('mousemove', Pen.onDrawing, false);
|
|
1256
|
-
canvas.addEventListener('touchmove', Pen.onDrawing, false);
|
|
1257
|
-
};
|
|
1258
|
-
// 拖动鼠标绘制
|
|
1259
|
-
Pen.onDrawing = function (evt) {
|
|
1260
|
-
evt.preventDefault();
|
|
1261
|
-
var points = Pen.points;
|
|
1262
|
-
var _Pen$getPoint2 = Pen.getPoint(evt),
|
|
1263
|
-
x = _Pen$getPoint2.x,
|
|
1264
|
-
y = _Pen$getPoint2.y;
|
|
1265
|
-
points.push({
|
|
1266
|
-
x: x,
|
|
1267
|
-
y: y
|
|
1268
|
-
});
|
|
1269
|
-
if (points.length > 3) {
|
|
1270
|
-
var lastTwoPoints = points.slice(-2);
|
|
1271
|
-
var controlPoint = lastTwoPoints[0]; // 控制点
|
|
1272
|
-
var endPoint = {
|
|
1273
|
-
x: (lastTwoPoints[0].x + lastTwoPoints[1].x) / 2,
|
|
1274
|
-
y: (lastTwoPoints[0].y + lastTwoPoints[1].y) / 2
|
|
1275
|
-
};
|
|
1276
|
-
Pen.drawLine(Pen.startPoint, controlPoint, endPoint);
|
|
1277
|
-
Pen.startPoint = endPoint;
|
|
1278
|
-
}
|
|
1279
|
-
};
|
|
1280
|
-
// 绘制结束
|
|
1281
|
-
Pen.stopDrawing = function (evt) {
|
|
1282
|
-
var canvas = Pen.canvas,
|
|
1283
|
-
points = Pen.points,
|
|
1284
|
-
startPoint = Pen.startPoint;
|
|
1285
|
-
canvas.removeEventListener('mousemove', Pen.onDrawing);
|
|
1286
|
-
canvas.removeEventListener('touchmove', Pen.onDrawing);
|
|
1287
|
-
var _Pen$getPoint3 = Pen.getPoint(evt),
|
|
1288
|
-
x = _Pen$getPoint3.x,
|
|
1289
|
-
y = _Pen$getPoint3.y;
|
|
1290
|
-
points.push({
|
|
1291
|
-
x: x,
|
|
1292
|
-
y: y
|
|
1293
|
-
});
|
|
1294
|
-
if (points.length > 3) {
|
|
1295
|
-
var lastTwoPoints = points.slice(-2);
|
|
1296
|
-
var controlPoint = lastTwoPoints[0];
|
|
1297
|
-
var endPoint = lastTwoPoints[1];
|
|
1298
|
-
Pen.drawLine(startPoint, controlPoint, endPoint);
|
|
1299
|
-
}
|
|
1300
|
-
Pen.runningHistory && Pen.runningHistory.add({
|
|
1301
|
-
type: 'pen',
|
|
1302
|
-
points: points,
|
|
1303
|
-
config: Pen._config
|
|
1304
|
-
});
|
|
1305
|
-
Pen.startPoint = null;
|
|
1306
|
-
Pen.points = [];
|
|
1307
|
-
};
|
|
1308
|
-
// 获取当前坐标
|
|
1309
|
-
Pen.getPoint = function (evt) {
|
|
1310
|
-
var x = null;
|
|
1311
|
-
var y = null;
|
|
1312
|
-
if (evt.touches && evt.touches[0]) {
|
|
1313
|
-
var canvasOffset = Pen.canvas.getBoundingClientRect();
|
|
1314
|
-
var touch = evt.touches[0];
|
|
1315
|
-
var computedX = touch.pageX - canvasOffset.x;
|
|
1316
|
-
var computedY = touch.pageY - canvasOffset.y;
|
|
1317
|
-
var scale = Pen.canvas.height / Pen.canvas.clientHeight;
|
|
1318
|
-
x = computedX * scale;
|
|
1319
|
-
y = computedY * scale;
|
|
1320
|
-
} else {
|
|
1321
|
-
x = evt.offsetX;
|
|
1322
|
-
y = evt.offsetY;
|
|
1323
|
-
}
|
|
1324
|
-
return {
|
|
1325
|
-
x: x,
|
|
1326
|
-
y: y
|
|
1327
|
-
};
|
|
1328
|
-
};
|
|
1329
|
-
|
|
1330
|
-
;// CONCATENATED MODULE: ./packages/ecmoa/hygl/src/ipad/drawboard/utils/history.js
|
|
1331
|
-
function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
|
|
1332
|
-
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."); }
|
|
1333
|
-
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; } }
|
|
1334
|
-
function _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
|
|
1335
|
-
function _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(r); }
|
|
1336
|
-
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; }
|
|
1337
|
-
var History = {};
|
|
1338
|
-
History.cacheStack = [];
|
|
1339
|
-
History.step = null;
|
|
1340
|
-
History.constructor = function (cache) {
|
|
1341
|
-
if (!cache) return;
|
|
1342
|
-
History.cacheStack = _toConsumableArray(cache.cacheStack);
|
|
1343
|
-
History.step = cache.step;
|
|
1344
|
-
};
|
|
1345
|
-
History.add = function (drawData) {
|
|
1346
|
-
if (drawData.type && drawData.points instanceof Array) {
|
|
1347
|
-
History.cacheStack.push(drawData);
|
|
1348
|
-
History.step++;
|
|
1349
|
-
}
|
|
1350
|
-
};
|
|
1351
|
-
|
|
1352
|
-
;// CONCATENATED MODULE: ./packages/ecmoa/hygl/src/ipad/drawboard/index.js
|
|
1353
|
-
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); }
|
|
1354
|
-
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" == _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(_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; }
|
|
1355
|
-
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); }
|
|
1356
|
-
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); }); }; }
|
|
1357
|
-
|
|
1358
|
-
|
|
1359
|
-
var DrawBoard = {};
|
|
1360
|
-
|
|
1361
|
-
// 画布
|
|
1362
|
-
DrawBoard.canvas = null;
|
|
1363
|
-
DrawBoard.context = null;
|
|
1364
|
-
|
|
1365
|
-
// canvas configs
|
|
1366
|
-
DrawBoard._MODE = null; // 当前绘图模式
|
|
1367
|
-
DrawBoard._TOOL = null; // 当前绘图工具实例对象
|
|
1368
|
-
DrawBoard._config = {
|
|
1369
|
-
// 基础配置
|
|
1370
|
-
width: 0,
|
|
1371
|
-
height: 0
|
|
1372
|
-
};
|
|
1373
|
-
|
|
1374
|
-
// cache
|
|
1375
|
-
DrawBoard.runningHistory = null;
|
|
1376
|
-
|
|
1377
|
-
/**
|
|
1378
|
-
* @param {Element} canvasElement 画布元素
|
|
1379
|
-
*/
|
|
1380
|
-
DrawBoard.constructor = function (canvasElement) {
|
|
1381
|
-
DrawBoard.canvas = canvasElement;
|
|
1382
|
-
DrawBoard.context = canvasElement.getContext('2d');
|
|
1383
|
-
DrawBoard._config = Object.assign(DrawBoard._config, {
|
|
1384
|
-
width: canvasElement.width,
|
|
1385
|
-
height: canvasElement.height
|
|
1386
|
-
});
|
|
1387
|
-
};
|
|
1388
|
-
DrawBoard.install = function () {
|
|
1389
|
-
var canvas = DrawBoard.canvas;
|
|
1390
|
-
var canvasHistory = canvas.CACHE_STACK ? canvas.CACHE_STACK : null;
|
|
1391
|
-
DrawBoard.runningHistory = new History(canvasHistory);
|
|
1392
|
-
return DrawBoard;
|
|
1393
|
-
};
|
|
1394
|
-
DrawBoard.uninstall = function () {
|
|
1395
|
-
DrawBoard.canvas.CACHE_STACK = DrawBoard.runningHistory;
|
|
1396
|
-
DrawBoard.removeEvents();
|
|
1397
|
-
};
|
|
1398
|
-
|
|
1399
|
-
// canvas methods
|
|
1400
|
-
// 清除canvas内容
|
|
1401
|
-
DrawBoard.clear = function () {
|
|
1402
|
-
var _DrawBoard$_config = DrawBoard._config,
|
|
1403
|
-
width = _DrawBoard$_config.width,
|
|
1404
|
-
height = _DrawBoard$_config.height;
|
|
1405
|
-
DrawBoard.context.clearRect(0, 0, width, height);
|
|
1406
|
-
};
|
|
1407
|
-
// 清除事件监听
|
|
1408
|
-
DrawBoard.removeEvents = function () {
|
|
1409
|
-
var _TOOL = DrawBoard._TOOL,
|
|
1410
|
-
canvas = DrawBoard.canvas;
|
|
1411
|
-
_TOOL.removeListener(canvas);
|
|
1412
|
-
};
|
|
1413
|
-
DrawBoard.setColor = function (color) {
|
|
1414
|
-
DrawBoard._TOOL._config.color = color;
|
|
1415
|
-
};
|
|
1416
|
-
DrawBoard.setWeight = function (weight) {
|
|
1417
|
-
DrawBoard._TOOL._config.weight = weight;
|
|
1418
|
-
};
|
|
1419
|
-
// 工具使用
|
|
1420
|
-
DrawBoard.use = function (tool, config) {
|
|
1421
|
-
var canvas = DrawBoard.canvas;
|
|
1422
|
-
switch (tool) {
|
|
1423
|
-
case 'pen':
|
|
1424
|
-
DrawBoard._TOOL && DrawBoard._TOOL.removeListener(canvas);
|
|
1425
|
-
DrawBoard._MODE = tool;
|
|
1426
|
-
DrawBoard._TOOL = new Pen(canvas, config || null);
|
|
1427
|
-
console.log('DrawBoard._TOOL => ', DrawBoard._TOOL);
|
|
1428
|
-
DrawBoard._TOOL.runningHistory = DrawBoard.runningHistory;
|
|
1429
|
-
break;
|
|
1430
|
-
default:
|
|
1431
|
-
break;
|
|
1432
|
-
}
|
|
1433
|
-
};
|
|
1434
|
-
|
|
1435
|
-
/**
|
|
1436
|
-
* @description: 以每一次绘画为单位,通过存储的定位points,取最小xy作为绘画起点,最大xy作为宽高,同时留出10像素的间隔
|
|
1437
|
-
* @param {Array} points 定位数据
|
|
1438
|
-
* @return {Object} x、y、width、height
|
|
1439
|
-
*/
|
|
1440
|
-
DrawBoard.getImageInfo = function (points) {
|
|
1441
|
-
var minX = null;
|
|
1442
|
-
var minY = null;
|
|
1443
|
-
var maxX = null;
|
|
1444
|
-
var maxY = null;
|
|
1445
|
-
points.forEach(function (item, index) {
|
|
1446
|
-
var x = item.x,
|
|
1447
|
-
y = item.y;
|
|
1448
|
-
if (index === 0) {
|
|
1449
|
-
minX = maxX = x;
|
|
1450
|
-
minY = maxY = y;
|
|
1451
|
-
return;
|
|
1452
|
-
}
|
|
1453
|
-
minX = x < minX ? x : minX;
|
|
1454
|
-
maxX = x > maxX ? x : maxX;
|
|
1455
|
-
minY = y < minY ? y : minY;
|
|
1456
|
-
maxY = y > maxY ? y : maxY;
|
|
1457
|
-
});
|
|
1458
|
-
return {
|
|
1459
|
-
x: minX - 5,
|
|
1460
|
-
y: minY - 5,
|
|
1461
|
-
width: maxX - minX + 10,
|
|
1462
|
-
height: maxY - minY + 10
|
|
1463
|
-
};
|
|
1464
|
-
};
|
|
1465
|
-
|
|
1466
|
-
/**
|
|
1467
|
-
* @description: 获取每一个step的图像
|
|
1468
|
-
* @param {String} type 输出类型 blob/base64
|
|
1469
|
-
* @param {String} quality 输出质量 0 ~ 1 (仅blob)
|
|
1470
|
-
* @return {Array} 带有图像的数组
|
|
1471
|
-
*/
|
|
1472
|
-
DrawBoard.getEachImage = function () {
|
|
1473
|
-
var type = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'blob';
|
|
1474
|
-
var quality = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '1.0';
|
|
1475
|
-
var results = [];
|
|
1476
|
-
DrawBoard.runningHistory.cacheStack.forEach( /*#__PURE__*/function () {
|
|
1477
|
-
var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(cache) {
|
|
1478
|
-
var imageInfo, imageData;
|
|
1479
|
-
return _regeneratorRuntime().wrap(function _callee$(_context) {
|
|
1480
|
-
while (1) switch (_context.prev = _context.next) {
|
|
1481
|
-
case 0:
|
|
1482
|
-
imageInfo = DrawBoard.getImageInfo(cache.points);
|
|
1483
|
-
_context.next = 3;
|
|
1484
|
-
return DrawBoard.getImageFromCanvas(imageInfo, type, quality);
|
|
1485
|
-
case 3:
|
|
1486
|
-
imageData = _context.sent;
|
|
1487
|
-
results.push(imageData);
|
|
1488
|
-
case 5:
|
|
1489
|
-
case "end":
|
|
1490
|
-
return _context.stop();
|
|
1491
|
-
}
|
|
1492
|
-
}, _callee);
|
|
1493
|
-
}));
|
|
1494
|
-
return function (_x) {
|
|
1495
|
-
return _ref.apply(this, arguments);
|
|
1496
|
-
};
|
|
1497
|
-
}());
|
|
1498
|
-
return results;
|
|
1499
|
-
};
|
|
1500
|
-
/**
|
|
1501
|
-
* @description: 获取每一个step的图像信息
|
|
1502
|
-
* @return {Array} 图像信息的数组
|
|
1503
|
-
*/
|
|
1504
|
-
DrawBoard.getEachImageInfo = function () {
|
|
1505
|
-
var results = [];
|
|
1506
|
-
DrawBoard.runningHistory.cacheStack.forEach(function (cache) {
|
|
1507
|
-
var imageInfo = DrawBoard.getImageInfo(cache.points);
|
|
1508
|
-
results.push(imageInfo);
|
|
1509
|
-
});
|
|
1510
|
-
return results;
|
|
1511
|
-
};
|
|
1512
|
-
|
|
1513
|
-
/**
|
|
1514
|
-
* @description: 从主画布剪切导出图片
|
|
1515
|
-
* @param {Object} imageInfo 图片定位以及各类对象数据
|
|
1516
|
-
* @param {String} type 输出类型 blob/base64
|
|
1517
|
-
* @param {String} quality 输出质量 0 ~ 1
|
|
1518
|
-
* @return {*}
|
|
1519
|
-
*/
|
|
1520
|
-
DrawBoard.getImageFromCanvas = function (imageInfo, type, quality) {
|
|
1521
|
-
var x = imageInfo.x,
|
|
1522
|
-
y = imageInfo.y,
|
|
1523
|
-
width = imageInfo.width,
|
|
1524
|
-
height = imageInfo.height;
|
|
1525
|
-
var Temp = document.createElement('canvas');
|
|
1526
|
-
Temp.height = height;
|
|
1527
|
-
Temp.width = width;
|
|
1528
|
-
Temp.setAttribute('style', "height:".concat(height, "px;width:").concat(width, "px;"));
|
|
1529
|
-
var TempContent = Temp.getContext('2d');
|
|
1530
|
-
TempContent.drawImage(DrawBoard.canvas, x, y, width, height, 0, 0, width, height);
|
|
1531
|
-
return new Promise(function (resolve) {
|
|
1532
|
-
if (type === 'blob') {
|
|
1533
|
-
Temp.toBlob(function (blob) {
|
|
1534
|
-
resolve(blob);
|
|
1535
|
-
}, quality);
|
|
1536
|
-
}
|
|
1537
|
-
if (type === 'base64') {
|
|
1538
|
-
var result = Temp.toDataURL('image/png');
|
|
1539
|
-
resolve(result);
|
|
1540
|
-
}
|
|
1541
|
-
});
|
|
1542
|
-
};
|
|
1543
|
-
|
|
1544
|
-
|
|
1545
1173
|
/***/ }),
|
|
1546
1174
|
|
|
1547
1175
|
/***/ 5824:
|
|
@@ -1890,7 +1518,7 @@ ___CSS_LOADER_EXPORT___.push([module.id, ".contain-box[data-v-8b74d980]{width:50
|
|
|
1890
1518
|
|
|
1891
1519
|
/***/ }),
|
|
1892
1520
|
|
|
1893
|
-
/***/
|
|
1521
|
+
/***/ 8994:
|
|
1894
1522
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
1895
1523
|
|
|
1896
1524
|
"use strict";
|
|
@@ -1904,7 +1532,7 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
1904
1532
|
|
|
1905
1533
|
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()));
|
|
1906
1534
|
// Module
|
|
1907
|
-
___CSS_LOADER_EXPORT___.push([module.id, ".lyy-collapse[data-v-
|
|
1535
|
+
___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}", ""]);
|
|
1908
1536
|
// Exports
|
|
1909
1537
|
/* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
|
|
1910
1538
|
|
|
@@ -35323,19 +34951,19 @@ var update = add("63eb1800", content, true, {"sourceMap":false,"shadowMode":fals
|
|
|
35323
34951
|
|
|
35324
34952
|
/***/ }),
|
|
35325
34953
|
|
|
35326
|
-
/***/
|
|
34954
|
+
/***/ 2564:
|
|
35327
34955
|
/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
|
|
35328
34956
|
|
|
35329
34957
|
// style-loader: Adds some css to the DOM by adding a <style> tag
|
|
35330
34958
|
|
|
35331
34959
|
// load the styles
|
|
35332
|
-
var content = __webpack_require__(
|
|
34960
|
+
var content = __webpack_require__(8994);
|
|
35333
34961
|
if(content.__esModule) content = content.default;
|
|
35334
34962
|
if(typeof content === 'string') content = [[module.id, content, '']];
|
|
35335
34963
|
if(content.locals) module.exports = content.locals;
|
|
35336
34964
|
// add the styles to the DOM
|
|
35337
34965
|
var add = (__webpack_require__(9548)/* ["default"] */ .A)
|
|
35338
|
-
var update = add("
|
|
34966
|
+
var update = add("3f89f496", content, true, {"sourceMap":false,"shadowMode":false});
|
|
35339
34967
|
|
|
35340
34968
|
/***/ }),
|
|
35341
34969
|
|
|
@@ -40132,8 +39760,8 @@ var version = '3.6.5';
|
|
|
40132
39760
|
|
|
40133
39761
|
|
|
40134
39762
|
|
|
40135
|
-
;// 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=
|
|
40136
|
-
var
|
|
39763
|
+
;// 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
|
|
39764
|
+
var FileViewvue_type_template_id_52ebfb2b_scoped_true_render = function render() {
|
|
40137
39765
|
var _vm = this,
|
|
40138
39766
|
_c = _vm._self._c;
|
|
40139
39767
|
return _c('div', [_c('div', {
|
|
@@ -40831,7 +40459,7 @@ var FileViewvue_type_template_id_25eb8472_scoped_true_render = function render()
|
|
|
40831
40459
|
ref: "ServeDialog"
|
|
40832
40460
|
})], 1)])]);
|
|
40833
40461
|
};
|
|
40834
|
-
var
|
|
40462
|
+
var FileViewvue_type_template_id_52ebfb2b_scoped_true_staticRenderFns = [function () {
|
|
40835
40463
|
var _vm = this,
|
|
40836
40464
|
_c = _vm._self._c;
|
|
40837
40465
|
return _c('div', {
|
|
@@ -40890,7 +40518,7 @@ var FileViewvue_type_template_id_25eb8472_scoped_true_staticRenderFns = [functio
|
|
|
40890
40518
|
})]);
|
|
40891
40519
|
}];
|
|
40892
40520
|
|
|
40893
|
-
;// CONCATENATED MODULE: ./packages/ecmoa/hygl/src/ipad/view/FileView.vue?vue&type=template&id=
|
|
40521
|
+
;// CONCATENATED MODULE: ./packages/ecmoa/hygl/src/ipad/view/FileView.vue?vue&type=template&id=52ebfb2b&scoped=true
|
|
40894
40522
|
|
|
40895
40523
|
;// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/extends.js
|
|
40896
40524
|
function _extends() {
|
|
@@ -44263,17 +43891,416 @@ var component = normalizeComponent(
|
|
|
44263
43891
|
)
|
|
44264
43892
|
|
|
44265
43893
|
/* harmony default export */ var CallServeDialog = (component.exports);
|
|
44266
|
-
;// CONCATENATED MODULE: ./
|
|
44267
|
-
function
|
|
44268
|
-
function
|
|
44269
|
-
function
|
|
44270
|
-
function
|
|
43894
|
+
;// CONCATENATED MODULE: ./packages/ecmoa/hygl/src/ipad/drawboard/tools/pen.js
|
|
43895
|
+
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); }
|
|
43896
|
+
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); } }
|
|
43897
|
+
function _createClass(e, r, t) { return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; }
|
|
43898
|
+
function _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
|
|
43899
|
+
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; }
|
|
43900
|
+
function pen_toPropertyKey(t) { var i = pen_toPrimitive(t, "string"); return "symbol" == pen_typeof(i) ? i : i + ""; }
|
|
43901
|
+
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); }
|
|
43902
|
+
var pen_default = /*#__PURE__*/_createClass(
|
|
43903
|
+
// 线条绘制起点
|
|
43904
|
+
|
|
43905
|
+
/**
|
|
43906
|
+
* @param {Object} config 画笔配置
|
|
43907
|
+
*/
|
|
43908
|
+
function _default(_target, config) {
|
|
43909
|
+
var _this = this;
|
|
43910
|
+
_classCallCheck(this, _default);
|
|
43911
|
+
pen_defineProperty(this, "canvas", null);
|
|
43912
|
+
pen_defineProperty(this, "context", null);
|
|
43913
|
+
// Variable
|
|
43914
|
+
pen_defineProperty(this, "_config", {
|
|
43915
|
+
color: '#000000',
|
|
43916
|
+
weight: 1
|
|
43917
|
+
});
|
|
43918
|
+
pen_defineProperty(this, "points", []);
|
|
43919
|
+
// 线条描点存储
|
|
43920
|
+
pen_defineProperty(this, "startPoint", null);
|
|
43921
|
+
// methods
|
|
43922
|
+
pen_defineProperty(this, "setPenConfig", function (_config) {
|
|
43923
|
+
var context = _this.context;
|
|
43924
|
+
context.lineJoin = 'round';
|
|
43925
|
+
context.lineCap = 'round';
|
|
43926
|
+
});
|
|
43927
|
+
pen_defineProperty(this, "setListener", function (target) {
|
|
43928
|
+
target.addEventListener('mousedown', _this.startDrawing, false);
|
|
43929
|
+
target.addEventListener('mouseup', _this.stopDrawing, false);
|
|
43930
|
+
target.addEventListener('touchstart', _this.startDrawing, false);
|
|
43931
|
+
target.addEventListener('touchend', _this.stopDrawing, false);
|
|
43932
|
+
});
|
|
43933
|
+
pen_defineProperty(this, "removeListener", function (target) {
|
|
43934
|
+
target.removeEventListener('mousedown', _this.startDrawing, false);
|
|
43935
|
+
target.removeEventListener('mouseup', _this.stopDrawing, false);
|
|
43936
|
+
target.removeEventListener('touchstart', _this.startDrawing, false);
|
|
43937
|
+
target.removeEventListener('touchend', _this.stopDrawing, false);
|
|
43938
|
+
});
|
|
43939
|
+
// 绘制二次贝塞尔曲线
|
|
43940
|
+
pen_defineProperty(this, "drawLine", function (beginPoint, controlPoint, endPoint) {
|
|
43941
|
+
var context = _this.context;
|
|
43942
|
+
context.beginPath();
|
|
43943
|
+
context.moveTo(beginPoint.x, beginPoint.y);
|
|
43944
|
+
context.quadraticCurveTo(controlPoint.x, controlPoint.y, endPoint.x, endPoint.y);
|
|
43945
|
+
context.stroke();
|
|
43946
|
+
context.closePath();
|
|
43947
|
+
});
|
|
43948
|
+
// 开始绘制
|
|
43949
|
+
pen_defineProperty(this, "startDrawing", function (evt) {
|
|
43950
|
+
var canvas = _this.canvas,
|
|
43951
|
+
_config = _this._config,
|
|
43952
|
+
context = _this.context;
|
|
43953
|
+
var _this$getPoint = _this.getPoint(evt),
|
|
43954
|
+
x = _this$getPoint.x,
|
|
43955
|
+
y = _this$getPoint.y;
|
|
43956
|
+
context.strokeStyle = _config.color;
|
|
43957
|
+
context.lineWidth = _config.weight;
|
|
43958
|
+
_this.startPoint = {
|
|
43959
|
+
x: x,
|
|
43960
|
+
y: y
|
|
43961
|
+
};
|
|
43962
|
+
_this.points.push(_this.startPoint);
|
|
43963
|
+
canvas.addEventListener('mousemove', _this.onDrawing, false);
|
|
43964
|
+
canvas.addEventListener('touchmove', _this.onDrawing, false);
|
|
43965
|
+
});
|
|
43966
|
+
// 拖动鼠标绘制
|
|
43967
|
+
pen_defineProperty(this, "onDrawing", function (evt) {
|
|
43968
|
+
evt.preventDefault();
|
|
43969
|
+
var points = _this.points;
|
|
43970
|
+
var _this$getPoint2 = _this.getPoint(evt),
|
|
43971
|
+
x = _this$getPoint2.x,
|
|
43972
|
+
y = _this$getPoint2.y;
|
|
43973
|
+
points.push({
|
|
43974
|
+
x: x,
|
|
43975
|
+
y: y
|
|
43976
|
+
});
|
|
43977
|
+
if (points.length > 3) {
|
|
43978
|
+
var lastTwoPoints = points.slice(-2);
|
|
43979
|
+
var controlPoint = lastTwoPoints[0]; // 控制点
|
|
43980
|
+
var endPoint = {
|
|
43981
|
+
x: (lastTwoPoints[0].x + lastTwoPoints[1].x) / 2,
|
|
43982
|
+
y: (lastTwoPoints[0].y + lastTwoPoints[1].y) / 2
|
|
43983
|
+
};
|
|
43984
|
+
_this.drawLine(_this.startPoint, controlPoint, endPoint);
|
|
43985
|
+
_this.startPoint = endPoint;
|
|
43986
|
+
}
|
|
43987
|
+
});
|
|
43988
|
+
// 绘制结束
|
|
43989
|
+
pen_defineProperty(this, "stopDrawing", function (evt) {
|
|
43990
|
+
var canvas = _this.canvas,
|
|
43991
|
+
points = _this.points,
|
|
43992
|
+
startPoint = _this.startPoint;
|
|
43993
|
+
canvas.removeEventListener('mousemove', _this.onDrawing);
|
|
43994
|
+
canvas.removeEventListener('touchmove', _this.onDrawing);
|
|
43995
|
+
var _this$getPoint3 = _this.getPoint(evt),
|
|
43996
|
+
x = _this$getPoint3.x,
|
|
43997
|
+
y = _this$getPoint3.y;
|
|
43998
|
+
points.push({
|
|
43999
|
+
x: x,
|
|
44000
|
+
y: y
|
|
44001
|
+
});
|
|
44002
|
+
if (points.length > 3) {
|
|
44003
|
+
var lastTwoPoints = points.slice(-2);
|
|
44004
|
+
var controlPoint = lastTwoPoints[0];
|
|
44005
|
+
var endPoint = lastTwoPoints[1];
|
|
44006
|
+
_this.drawLine(startPoint, controlPoint, endPoint);
|
|
44007
|
+
}
|
|
44008
|
+
_this.runningHistory && _this.runningHistory.add({
|
|
44009
|
+
type: 'pen',
|
|
44010
|
+
points: points,
|
|
44011
|
+
config: _this._config
|
|
44012
|
+
});
|
|
44013
|
+
_this.startPoint = null;
|
|
44014
|
+
_this.points = [];
|
|
44015
|
+
});
|
|
44016
|
+
// 获取当前坐标
|
|
44017
|
+
pen_defineProperty(this, "getPoint", function (evt) {
|
|
44018
|
+
var x = null;
|
|
44019
|
+
var y = null;
|
|
44020
|
+
if (evt.touches && evt.touches[0]) {
|
|
44021
|
+
var canvasOffset = _this.canvas.getBoundingClientRect();
|
|
44022
|
+
var touch = evt.touches[0];
|
|
44023
|
+
var computedX = touch.pageX - canvasOffset.x;
|
|
44024
|
+
var computedY = touch.pageY - canvasOffset.y;
|
|
44025
|
+
var scale = _this.canvas.height / _this.canvas.clientHeight;
|
|
44026
|
+
x = computedX * scale;
|
|
44027
|
+
y = computedY * scale;
|
|
44028
|
+
} else {
|
|
44029
|
+
x = evt.offsetX;
|
|
44030
|
+
y = evt.offsetY;
|
|
44031
|
+
}
|
|
44032
|
+
return {
|
|
44033
|
+
x: x,
|
|
44034
|
+
y: y
|
|
44035
|
+
};
|
|
44036
|
+
});
|
|
44037
|
+
this.canvas = _target;
|
|
44038
|
+
this.context = _target.getContext('2d');
|
|
44039
|
+
if (config) {
|
|
44040
|
+
this._config = Object.assign(this._config, config);
|
|
44041
|
+
}
|
|
44042
|
+
this.setListener(_target);
|
|
44043
|
+
this.setPenConfig(this._config);
|
|
44044
|
+
});
|
|
44045
|
+
|
|
44046
|
+
;// CONCATENATED MODULE: ./packages/ecmoa/hygl/src/ipad/drawboard/utils/history.js
|
|
44047
|
+
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); }
|
|
44271
44048
|
function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
|
|
44272
44049
|
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."); }
|
|
44273
44050
|
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; } }
|
|
44274
44051
|
function _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
|
|
44275
44052
|
function _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(r); }
|
|
44276
44053
|
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; }
|
|
44054
|
+
function history_classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
|
|
44055
|
+
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); } }
|
|
44056
|
+
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; }
|
|
44057
|
+
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; }
|
|
44058
|
+
function history_toPropertyKey(t) { var i = history_toPrimitive(t, "string"); return "symbol" == history_typeof(i) ? i : i + ""; }
|
|
44059
|
+
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); }
|
|
44060
|
+
var history_default = /*#__PURE__*/function () {
|
|
44061
|
+
function _default(cache) {
|
|
44062
|
+
history_classCallCheck(this, _default);
|
|
44063
|
+
history_defineProperty(this, "cacheStack", []);
|
|
44064
|
+
history_defineProperty(this, "step", null);
|
|
44065
|
+
if (!cache) return;
|
|
44066
|
+
this.cacheStack = _toConsumableArray(cache.cacheStack);
|
|
44067
|
+
this.step = cache.step;
|
|
44068
|
+
}
|
|
44069
|
+
return history_createClass(_default, [{
|
|
44070
|
+
key: "add",
|
|
44071
|
+
value: function add(drawData) {
|
|
44072
|
+
if (drawData.type && drawData.points instanceof Array) {
|
|
44073
|
+
this.cacheStack.push(drawData);
|
|
44074
|
+
this.step++;
|
|
44075
|
+
}
|
|
44076
|
+
}
|
|
44077
|
+
}]);
|
|
44078
|
+
}();
|
|
44079
|
+
|
|
44080
|
+
;// CONCATENATED MODULE: ./packages/ecmoa/hygl/src/ipad/drawboard/index.js
|
|
44081
|
+
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); }
|
|
44082
|
+
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; }
|
|
44083
|
+
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); }
|
|
44084
|
+
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); }); }; }
|
|
44085
|
+
function drawboard_classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
|
|
44086
|
+
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); } }
|
|
44087
|
+
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; }
|
|
44088
|
+
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; }
|
|
44089
|
+
function drawboard_toPropertyKey(t) { var i = drawboard_toPrimitive(t, "string"); return "symbol" == drawboard_typeof(i) ? i : i + ""; }
|
|
44090
|
+
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); }
|
|
44091
|
+
|
|
44092
|
+
|
|
44093
|
+
var _default = /*#__PURE__*/function () {
|
|
44094
|
+
/**
|
|
44095
|
+
* @param {Element} canvasElement 画布元素
|
|
44096
|
+
*/
|
|
44097
|
+
function _default(canvasElement) {
|
|
44098
|
+
var _this = this;
|
|
44099
|
+
drawboard_classCallCheck(this, _default);
|
|
44100
|
+
// 画布
|
|
44101
|
+
drawboard_defineProperty(this, "canvas", null);
|
|
44102
|
+
drawboard_defineProperty(this, "context", null);
|
|
44103
|
+
// canvas configs
|
|
44104
|
+
drawboard_defineProperty(this, "_MODE", null);
|
|
44105
|
+
// 当前绘图模式
|
|
44106
|
+
drawboard_defineProperty(this, "_TOOL", null);
|
|
44107
|
+
// 当前绘图工具实例对象
|
|
44108
|
+
drawboard_defineProperty(this, "_config", {
|
|
44109
|
+
// 基础配置
|
|
44110
|
+
width: 0,
|
|
44111
|
+
height: 0
|
|
44112
|
+
});
|
|
44113
|
+
// cache
|
|
44114
|
+
drawboard_defineProperty(this, "runningHistory", null);
|
|
44115
|
+
// canvas methods
|
|
44116
|
+
// 清除canvas内容
|
|
44117
|
+
drawboard_defineProperty(this, "clear", function () {
|
|
44118
|
+
var _this$_config = _this._config,
|
|
44119
|
+
width = _this$_config.width,
|
|
44120
|
+
height = _this$_config.height;
|
|
44121
|
+
_this.context.clearRect(0, 0, width, height);
|
|
44122
|
+
});
|
|
44123
|
+
// 清除事件监听
|
|
44124
|
+
drawboard_defineProperty(this, "removeEvents", function () {
|
|
44125
|
+
var _TOOL = _this._TOOL,
|
|
44126
|
+
canvas = _this.canvas;
|
|
44127
|
+
_TOOL.removeListener(canvas);
|
|
44128
|
+
});
|
|
44129
|
+
drawboard_defineProperty(this, "setColor", function (color) {
|
|
44130
|
+
_this._TOOL._config.color = color;
|
|
44131
|
+
});
|
|
44132
|
+
drawboard_defineProperty(this, "setWeight", function (weight) {
|
|
44133
|
+
_this._TOOL._config.weight = weight;
|
|
44134
|
+
});
|
|
44135
|
+
// 工具使用
|
|
44136
|
+
drawboard_defineProperty(this, "use", function (tool, config) {
|
|
44137
|
+
var canvas = _this.canvas;
|
|
44138
|
+
switch (tool) {
|
|
44139
|
+
case 'pen':
|
|
44140
|
+
_this._TOOL && _this._TOOL.removeListener(canvas);
|
|
44141
|
+
_this._MODE = tool;
|
|
44142
|
+
_this._TOOL = new pen_default(canvas, config || null);
|
|
44143
|
+
console.log('this._TOOL => ', _this._TOOL);
|
|
44144
|
+
_this._TOOL.runningHistory = _this.runningHistory;
|
|
44145
|
+
break;
|
|
44146
|
+
default:
|
|
44147
|
+
break;
|
|
44148
|
+
}
|
|
44149
|
+
});
|
|
44150
|
+
this.canvas = canvasElement;
|
|
44151
|
+
this.context = canvasElement.getContext('2d');
|
|
44152
|
+
this._config = Object.assign(this._config, {
|
|
44153
|
+
width: canvasElement.width,
|
|
44154
|
+
height: canvasElement.height
|
|
44155
|
+
});
|
|
44156
|
+
}
|
|
44157
|
+
return drawboard_createClass(_default, [{
|
|
44158
|
+
key: "install",
|
|
44159
|
+
value: function install() {
|
|
44160
|
+
var canvas = this.canvas;
|
|
44161
|
+
var canvasHistory = canvas.CACHE_STACK ? canvas.CACHE_STACK : null;
|
|
44162
|
+
this.runningHistory = new history_default(canvasHistory);
|
|
44163
|
+
return this;
|
|
44164
|
+
}
|
|
44165
|
+
}, {
|
|
44166
|
+
key: "uninstall",
|
|
44167
|
+
value: function uninstall() {
|
|
44168
|
+
this.canvas.CACHE_STACK = this.runningHistory;
|
|
44169
|
+
this.removeEvents();
|
|
44170
|
+
}
|
|
44171
|
+
}, {
|
|
44172
|
+
key: "getImageInfo",
|
|
44173
|
+
value:
|
|
44174
|
+
/**
|
|
44175
|
+
* @description: 以每一次绘画为单位,通过存储的定位points,取最小xy作为绘画起点,最大xy作为宽高,同时留出10像素的间隔
|
|
44176
|
+
* @param {Array} points 定位数据
|
|
44177
|
+
* @return {Object} x、y、width、height
|
|
44178
|
+
*/
|
|
44179
|
+
function getImageInfo(points) {
|
|
44180
|
+
var minX = null;
|
|
44181
|
+
var minY = null;
|
|
44182
|
+
var maxX = null;
|
|
44183
|
+
var maxY = null;
|
|
44184
|
+
points.forEach(function (item, index) {
|
|
44185
|
+
var x = item.x,
|
|
44186
|
+
y = item.y;
|
|
44187
|
+
if (index === 0) {
|
|
44188
|
+
minX = maxX = x;
|
|
44189
|
+
minY = maxY = y;
|
|
44190
|
+
return;
|
|
44191
|
+
}
|
|
44192
|
+
minX = x < minX ? x : minX;
|
|
44193
|
+
maxX = x > maxX ? x : maxX;
|
|
44194
|
+
minY = y < minY ? y : minY;
|
|
44195
|
+
maxY = y > maxY ? y : maxY;
|
|
44196
|
+
});
|
|
44197
|
+
return {
|
|
44198
|
+
x: minX - 5,
|
|
44199
|
+
y: minY - 5,
|
|
44200
|
+
width: maxX - minX + 10,
|
|
44201
|
+
height: maxY - minY + 10
|
|
44202
|
+
};
|
|
44203
|
+
}
|
|
44204
|
+
|
|
44205
|
+
/**
|
|
44206
|
+
* @description: 获取每一个step的图像
|
|
44207
|
+
* @param {String} type 输出类型 blob/base64
|
|
44208
|
+
* @param {String} quality 输出质量 0 ~ 1 (仅blob)
|
|
44209
|
+
* @return {Array} 带有图像的数组
|
|
44210
|
+
*/
|
|
44211
|
+
}, {
|
|
44212
|
+
key: "getEachImage",
|
|
44213
|
+
value: function getEachImage() {
|
|
44214
|
+
var _this2 = this;
|
|
44215
|
+
var type = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'blob';
|
|
44216
|
+
var quality = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '1.0';
|
|
44217
|
+
var results = [];
|
|
44218
|
+
this.runningHistory.cacheStack.forEach( /*#__PURE__*/function () {
|
|
44219
|
+
var _ref = drawboard_asyncToGenerator( /*#__PURE__*/drawboard_regeneratorRuntime().mark(function _callee(cache) {
|
|
44220
|
+
var imageInfo, imageData;
|
|
44221
|
+
return drawboard_regeneratorRuntime().wrap(function _callee$(_context) {
|
|
44222
|
+
while (1) switch (_context.prev = _context.next) {
|
|
44223
|
+
case 0:
|
|
44224
|
+
imageInfo = _this2.getImageInfo(cache.points);
|
|
44225
|
+
_context.next = 3;
|
|
44226
|
+
return _this2.getImageFromCanvas(imageInfo, type, quality);
|
|
44227
|
+
case 3:
|
|
44228
|
+
imageData = _context.sent;
|
|
44229
|
+
results.push(imageData);
|
|
44230
|
+
case 5:
|
|
44231
|
+
case "end":
|
|
44232
|
+
return _context.stop();
|
|
44233
|
+
}
|
|
44234
|
+
}, _callee);
|
|
44235
|
+
}));
|
|
44236
|
+
return function (_x) {
|
|
44237
|
+
return _ref.apply(this, arguments);
|
|
44238
|
+
};
|
|
44239
|
+
}());
|
|
44240
|
+
return results;
|
|
44241
|
+
}
|
|
44242
|
+
/**
|
|
44243
|
+
* @description: 获取每一个step的图像信息
|
|
44244
|
+
* @return {Array} 图像信息的数组
|
|
44245
|
+
*/
|
|
44246
|
+
}, {
|
|
44247
|
+
key: "getEachImageInfo",
|
|
44248
|
+
value: function getEachImageInfo() {
|
|
44249
|
+
var _this3 = this;
|
|
44250
|
+
var results = [];
|
|
44251
|
+
this.runningHistory.cacheStack.forEach(function (cache) {
|
|
44252
|
+
var imageInfo = _this3.getImageInfo(cache.points);
|
|
44253
|
+
results.push(imageInfo);
|
|
44254
|
+
});
|
|
44255
|
+
return results;
|
|
44256
|
+
}
|
|
44257
|
+
|
|
44258
|
+
/**
|
|
44259
|
+
* @description: 从主画布剪切导出图片
|
|
44260
|
+
* @param {Object} imageInfo 图片定位以及各类对象数据
|
|
44261
|
+
* @param {String} type 输出类型 blob/base64
|
|
44262
|
+
* @param {String} quality 输出质量 0 ~ 1
|
|
44263
|
+
* @return {*}
|
|
44264
|
+
*/
|
|
44265
|
+
}, {
|
|
44266
|
+
key: "getImageFromCanvas",
|
|
44267
|
+
value: function getImageFromCanvas(imageInfo, type, quality) {
|
|
44268
|
+
var x = imageInfo.x,
|
|
44269
|
+
y = imageInfo.y,
|
|
44270
|
+
width = imageInfo.width,
|
|
44271
|
+
height = imageInfo.height;
|
|
44272
|
+
var Temp = document.createElement('canvas');
|
|
44273
|
+
Temp.height = height;
|
|
44274
|
+
Temp.width = width;
|
|
44275
|
+
Temp.setAttribute('style', "height:".concat(height, "px;width:").concat(width, "px;"));
|
|
44276
|
+
var TempContent = Temp.getContext('2d');
|
|
44277
|
+
TempContent.drawImage(this.canvas, x, y, width, height, 0, 0, width, height);
|
|
44278
|
+
return new Promise(function (resolve) {
|
|
44279
|
+
if (type === 'blob') {
|
|
44280
|
+
Temp.toBlob(function (blob) {
|
|
44281
|
+
resolve(blob);
|
|
44282
|
+
}, quality);
|
|
44283
|
+
}
|
|
44284
|
+
if (type === 'base64') {
|
|
44285
|
+
var result = Temp.toDataURL('image/png');
|
|
44286
|
+
resolve(result);
|
|
44287
|
+
}
|
|
44288
|
+
});
|
|
44289
|
+
}
|
|
44290
|
+
}]);
|
|
44291
|
+
}();
|
|
44292
|
+
|
|
44293
|
+
;// 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
|
|
44294
|
+
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); }
|
|
44295
|
+
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; }
|
|
44296
|
+
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); }
|
|
44297
|
+
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); }); }; }
|
|
44298
|
+
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(); }
|
|
44299
|
+
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."); }
|
|
44300
|
+
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; } }
|
|
44301
|
+
function FileViewvue_type_script_lang_js_iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
|
|
44302
|
+
function FileViewvue_type_script_lang_js_arrayWithoutHoles(r) { if (Array.isArray(r)) return FileViewvue_type_script_lang_js_arrayLikeToArray(r); }
|
|
44303
|
+
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; }
|
|
44277
44304
|
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; }
|
|
44278
44305
|
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; }
|
|
44279
44306
|
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; }
|
|
@@ -44286,6 +44313,7 @@ external_commonjs_vue_commonjs2_vue_root_Vue_default().use(toast);
|
|
|
44286
44313
|
external_commonjs_vue_commonjs2_vue_root_Vue_default().use(VueRouter$1);
|
|
44287
44314
|
|
|
44288
44315
|
|
|
44316
|
+
|
|
44289
44317
|
var moment = __webpack_require__(5093);
|
|
44290
44318
|
/* harmony default export */ var FileViewvue_type_script_lang_js = ({
|
|
44291
44319
|
components: {
|
|
@@ -44577,7 +44605,7 @@ var moment = __webpack_require__(5093);
|
|
|
44577
44605
|
getCanvas: function getCanvas() {
|
|
44578
44606
|
var iframeEl = document.querySelector('#pdfHtml'); // iframe页面
|
|
44579
44607
|
var page = iframeEl.contentDocument.querySelector('.pageNumber').value; //
|
|
44580
|
-
var pageEls =
|
|
44608
|
+
var pageEls = FileViewvue_type_script_lang_js_toConsumableArray(iframeEl.contentDocument.querySelector('.pdfViewer').children);
|
|
44581
44609
|
var currentPage = pageEls.find(function (el) {
|
|
44582
44610
|
return el.attributes['data-page-number'].value == page;
|
|
44583
44611
|
});
|
|
@@ -44602,10 +44630,9 @@ var moment = __webpack_require__(5093);
|
|
|
44602
44630
|
page = _this$getCanvas.page,
|
|
44603
44631
|
canvas = _this$getCanvas.canvas;
|
|
44604
44632
|
this.isEditable = true;
|
|
44605
|
-
var DrawBoard = __webpack_require__(7462);
|
|
44606
44633
|
this.editData = {
|
|
44607
44634
|
page: page,
|
|
44608
|
-
drawBoard: new
|
|
44635
|
+
drawBoard: new _default(canvas),
|
|
44609
44636
|
target: canvas
|
|
44610
44637
|
};
|
|
44611
44638
|
this.editData.drawBoard.install().use('pen', {
|
|
@@ -44991,9 +45018,9 @@ var moment = __webpack_require__(5093);
|
|
|
44991
45018
|
});
|
|
44992
45019
|
;// CONCATENATED MODULE: ./packages/ecmoa/hygl/src/ipad/view/FileView.vue?vue&type=script&lang=js
|
|
44993
45020
|
/* harmony default export */ var view_FileViewvue_type_script_lang_js = (FileViewvue_type_script_lang_js);
|
|
44994
|
-
// 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=
|
|
44995
|
-
var
|
|
44996
|
-
;// CONCATENATED MODULE: ./packages/ecmoa/hygl/src/ipad/view/FileView.vue?vue&type=style&index=0&id=
|
|
45021
|
+
// 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
|
|
45022
|
+
var FileViewvue_type_style_index_0_id_52ebfb2b_prod_scoped_true_lang_scss = __webpack_require__(2564);
|
|
45023
|
+
;// CONCATENATED MODULE: ./packages/ecmoa/hygl/src/ipad/view/FileView.vue?vue&type=style&index=0&id=52ebfb2b&prod&scoped=true&lang=scss
|
|
44997
45024
|
|
|
44998
45025
|
;// CONCATENATED MODULE: ./packages/ecmoa/hygl/src/ipad/view/FileView.vue
|
|
44999
45026
|
|
|
@@ -45006,11 +45033,11 @@ var FileViewvue_type_style_index_0_id_25eb8472_prod_scoped_true_lang_scss = __we
|
|
|
45006
45033
|
|
|
45007
45034
|
var FileView_component = normalizeComponent(
|
|
45008
45035
|
view_FileViewvue_type_script_lang_js,
|
|
45009
|
-
|
|
45010
|
-
|
|
45036
|
+
FileViewvue_type_template_id_52ebfb2b_scoped_true_render,
|
|
45037
|
+
FileViewvue_type_template_id_52ebfb2b_scoped_true_staticRenderFns,
|
|
45011
45038
|
false,
|
|
45012
45039
|
null,
|
|
45013
|
-
"
|
|
45040
|
+
"52ebfb2b",
|
|
45014
45041
|
null
|
|
45015
45042
|
|
|
45016
45043
|
)
|