ecinc-cloud-moahygl 9.5.233 → 9.5.235
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 +381 -484
- package/lib/ecmoahygl.umd.js +381 -484
- package/lib/ecmoahygl.umd.min.js +6 -6
- package/package.json +1 -1
package/lib/ecmoahygl.common.js
CHANGED
|
@@ -1170,468 +1170,6 @@ module.exports = {
|
|
|
1170
1170
|
}
|
|
1171
1171
|
};
|
|
1172
1172
|
|
|
1173
|
-
/***/ }),
|
|
1174
|
-
|
|
1175
|
-
/***/ 3952:
|
|
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
|
-
"default": function() { return /* binding */ DrawBoard; }
|
|
1185
|
-
});
|
|
1186
|
-
|
|
1187
|
-
;// CONCATENATED MODULE: ./packages/ecmoa/hygl/src/ipad/drawboard/tools/toolbar.js
|
|
1188
|
-
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); }
|
|
1189
|
-
function _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
|
|
1190
|
-
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); } }
|
|
1191
|
-
function _createClass(e, r, t) { return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; }
|
|
1192
|
-
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; }
|
|
1193
|
-
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
|
|
1194
|
-
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); }
|
|
1195
|
-
var toolHtml = {
|
|
1196
|
-
'color': "\n <span>\u989C\u8272 </span>\n <input type=\"color\" style=\"width: 2rem;\n height: 2rem;\n padding: 0;\n cursor: pointer;\n border: none;\n border-radius: 4px;\" id=\"colorPicker\">\n ",
|
|
1197
|
-
'lineThickness': "\n <span>\u7C97\u7EC6 </span>\n <input type=\"range\" id=\"lineThickness\" min=\"1\" max=\"10\" step=\"1\">\n "
|
|
1198
|
-
};
|
|
1199
|
-
var getToolEl = function getToolEl(tool) {
|
|
1200
|
-
var box = document.createElement('span');
|
|
1201
|
-
var current = toolHtml[tool];
|
|
1202
|
-
box.innerHTML = current;
|
|
1203
|
-
return box;
|
|
1204
|
-
};
|
|
1205
|
-
var toolbar = /*#__PURE__*/(/* unused pure expression or super */ null && (function () {
|
|
1206
|
-
function toolbar() {
|
|
1207
|
-
var tools = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
|
|
1208
|
-
var config = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
|
|
1209
|
-
_classCallCheck(this, toolbar);
|
|
1210
|
-
_defineProperty(this, "tools", []);
|
|
1211
|
-
_defineProperty(this, "config", {});
|
|
1212
|
-
_defineProperty(this, "toolElements", {});
|
|
1213
|
-
this.tools = tools;
|
|
1214
|
-
this.config = config;
|
|
1215
|
-
}
|
|
1216
|
-
return _createClass(toolbar, [{
|
|
1217
|
-
key: "initToolbar",
|
|
1218
|
-
value: function initToolbar(canvas) {
|
|
1219
|
-
var _this = this;
|
|
1220
|
-
var toolbarBox = document.createElement('div');
|
|
1221
|
-
toolbarBox.setAttribute('id', 'drawBoard-toolbar');
|
|
1222
|
-
toolbarBox.setAttribute('type', 'color');
|
|
1223
|
-
toolbarBox.setAttribute('style', "position: absolute;margin: 0 auto;top: 0;left: 50%;transform: translate(-50%);padding: 10px;border-radius: 11px;box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;z-index:11");
|
|
1224
|
-
this.tools.forEach(function (item) {
|
|
1225
|
-
var toolEl = getToolEl(item);
|
|
1226
|
-
_this.toolElements[item] = toolEl;
|
|
1227
|
-
console.log('initToolbar => ', toolEl, toolbarBox);
|
|
1228
|
-
toolbarBox.appendChild(toolEl);
|
|
1229
|
-
});
|
|
1230
|
-
canvas.parentElement.appendChild(toolbarBox);
|
|
1231
|
-
}
|
|
1232
|
-
}]);
|
|
1233
|
-
}()));
|
|
1234
|
-
|
|
1235
|
-
;// CONCATENATED MODULE: ./packages/ecmoa/hygl/src/ipad/drawboard/tools/pen.js
|
|
1236
|
-
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); }
|
|
1237
|
-
function pen_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); } }
|
|
1238
|
-
function pen_createClass(e, r, t) { return r && pen_defineProperties(e.prototype, r), t && pen_defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; }
|
|
1239
|
-
function pen_classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
|
|
1240
|
-
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; }
|
|
1241
|
-
function pen_toPropertyKey(t) { var i = pen_toPrimitive(t, "string"); return "symbol" == pen_typeof(i) ? i : i + ""; }
|
|
1242
|
-
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); }
|
|
1243
|
-
|
|
1244
|
-
var Pen = /*#__PURE__*/pen_createClass(
|
|
1245
|
-
// 线条绘制起点
|
|
1246
|
-
|
|
1247
|
-
/**
|
|
1248
|
-
* @param {Object} config 画笔配置
|
|
1249
|
-
*/
|
|
1250
|
-
function Pen(_target, config) {
|
|
1251
|
-
var _this = this;
|
|
1252
|
-
pen_classCallCheck(this, Pen);
|
|
1253
|
-
pen_defineProperty(this, "canvas", null);
|
|
1254
|
-
pen_defineProperty(this, "context", null);
|
|
1255
|
-
// Variable
|
|
1256
|
-
pen_defineProperty(this, "_config", {
|
|
1257
|
-
color: '#000000',
|
|
1258
|
-
weight: 1
|
|
1259
|
-
});
|
|
1260
|
-
pen_defineProperty(this, "points", []);
|
|
1261
|
-
// 线条描点存储
|
|
1262
|
-
pen_defineProperty(this, "startPoint", null);
|
|
1263
|
-
// methods
|
|
1264
|
-
pen_defineProperty(this, "setPenConfig", function (_config) {
|
|
1265
|
-
var context = _this.context;
|
|
1266
|
-
context.lineJoin = 'round';
|
|
1267
|
-
context.lineCap = 'round';
|
|
1268
|
-
});
|
|
1269
|
-
pen_defineProperty(this, "setListener", function (target) {
|
|
1270
|
-
target.addEventListener('mousedown', _this.startDrawing, false);
|
|
1271
|
-
target.addEventListener('mouseup', _this.stopDrawing, false);
|
|
1272
|
-
target.addEventListener('touchstart', _this.startDrawing, false);
|
|
1273
|
-
target.addEventListener('touchend', _this.stopDrawing, false);
|
|
1274
|
-
});
|
|
1275
|
-
pen_defineProperty(this, "removeListener", function (target) {
|
|
1276
|
-
target.removeEventListener('mousedown', _this.startDrawing, false);
|
|
1277
|
-
target.removeEventListener('mouseup', _this.stopDrawing, false);
|
|
1278
|
-
target.removeEventListener('touchstart', _this.startDrawing, false);
|
|
1279
|
-
target.removeEventListener('touchend', _this.stopDrawing, false);
|
|
1280
|
-
});
|
|
1281
|
-
// 绘制二次贝塞尔曲线
|
|
1282
|
-
pen_defineProperty(this, "drawLine", function (beginPoint, controlPoint, endPoint) {
|
|
1283
|
-
var context = _this.context;
|
|
1284
|
-
context.beginPath();
|
|
1285
|
-
context.moveTo(beginPoint.x, beginPoint.y);
|
|
1286
|
-
context.quadraticCurveTo(controlPoint.x, controlPoint.y, endPoint.x, endPoint.y);
|
|
1287
|
-
context.stroke();
|
|
1288
|
-
context.closePath();
|
|
1289
|
-
});
|
|
1290
|
-
// 开始绘制
|
|
1291
|
-
pen_defineProperty(this, "startDrawing", function (evt) {
|
|
1292
|
-
var canvas = _this.canvas,
|
|
1293
|
-
_config = _this._config,
|
|
1294
|
-
context = _this.context;
|
|
1295
|
-
var _this$getPoint = _this.getPoint(evt),
|
|
1296
|
-
x = _this$getPoint.x,
|
|
1297
|
-
y = _this$getPoint.y;
|
|
1298
|
-
context.strokeStyle = _config.color;
|
|
1299
|
-
context.lineWidth = _config.weight;
|
|
1300
|
-
_this.startPoint = {
|
|
1301
|
-
x: x,
|
|
1302
|
-
y: y
|
|
1303
|
-
};
|
|
1304
|
-
_this.points.push(_this.startPoint);
|
|
1305
|
-
canvas.addEventListener('mousemove', _this.onDrawing, false);
|
|
1306
|
-
canvas.addEventListener('touchmove', _this.onDrawing, false);
|
|
1307
|
-
});
|
|
1308
|
-
// 拖动鼠标绘制
|
|
1309
|
-
pen_defineProperty(this, "onDrawing", function (evt) {
|
|
1310
|
-
evt.preventDefault();
|
|
1311
|
-
var points = _this.points;
|
|
1312
|
-
var _this$getPoint2 = _this.getPoint(evt),
|
|
1313
|
-
x = _this$getPoint2.x,
|
|
1314
|
-
y = _this$getPoint2.y;
|
|
1315
|
-
points.push({
|
|
1316
|
-
x: x,
|
|
1317
|
-
y: y
|
|
1318
|
-
});
|
|
1319
|
-
if (points.length > 3) {
|
|
1320
|
-
var lastTwoPoints = points.slice(-2);
|
|
1321
|
-
var controlPoint = lastTwoPoints[0]; // 控制点
|
|
1322
|
-
var endPoint = {
|
|
1323
|
-
x: (lastTwoPoints[0].x + lastTwoPoints[1].x) / 2,
|
|
1324
|
-
y: (lastTwoPoints[0].y + lastTwoPoints[1].y) / 2
|
|
1325
|
-
};
|
|
1326
|
-
_this.drawLine(_this.startPoint, controlPoint, endPoint);
|
|
1327
|
-
_this.startPoint = endPoint;
|
|
1328
|
-
}
|
|
1329
|
-
});
|
|
1330
|
-
// 绘制结束
|
|
1331
|
-
pen_defineProperty(this, "stopDrawing", function (evt) {
|
|
1332
|
-
var canvas = _this.canvas,
|
|
1333
|
-
points = _this.points,
|
|
1334
|
-
startPoint = _this.startPoint;
|
|
1335
|
-
canvas.removeEventListener('mousemove', _this.onDrawing);
|
|
1336
|
-
canvas.removeEventListener('touchmove', _this.onDrawing);
|
|
1337
|
-
var _this$getPoint3 = _this.getPoint(evt),
|
|
1338
|
-
x = _this$getPoint3.x,
|
|
1339
|
-
y = _this$getPoint3.y;
|
|
1340
|
-
points.push({
|
|
1341
|
-
x: x,
|
|
1342
|
-
y: y
|
|
1343
|
-
});
|
|
1344
|
-
if (points.length > 3) {
|
|
1345
|
-
var lastTwoPoints = points.slice(-2);
|
|
1346
|
-
var controlPoint = lastTwoPoints[0];
|
|
1347
|
-
var endPoint = lastTwoPoints[1];
|
|
1348
|
-
_this.drawLine(startPoint, controlPoint, endPoint);
|
|
1349
|
-
}
|
|
1350
|
-
_this.runningHistory && _this.runningHistory.add({
|
|
1351
|
-
type: 'pen',
|
|
1352
|
-
points: points,
|
|
1353
|
-
config: _this._config
|
|
1354
|
-
});
|
|
1355
|
-
_this.startPoint = null;
|
|
1356
|
-
_this.points = [];
|
|
1357
|
-
});
|
|
1358
|
-
// 获取当前坐标
|
|
1359
|
-
pen_defineProperty(this, "getPoint", function (evt) {
|
|
1360
|
-
var x = null;
|
|
1361
|
-
var y = null;
|
|
1362
|
-
if (evt.touches && evt.touches[0]) {
|
|
1363
|
-
var canvasOffset = _this.canvas.getBoundingClientRect();
|
|
1364
|
-
var touch = evt.touches[0];
|
|
1365
|
-
var computedX = touch.pageX - canvasOffset.x;
|
|
1366
|
-
var computedY = touch.pageY - canvasOffset.y;
|
|
1367
|
-
var scale = _this.canvas.height / _this.canvas.clientHeight;
|
|
1368
|
-
x = computedX * scale;
|
|
1369
|
-
y = computedY * scale;
|
|
1370
|
-
} else {
|
|
1371
|
-
x = evt.offsetX;
|
|
1372
|
-
y = evt.offsetY;
|
|
1373
|
-
}
|
|
1374
|
-
return {
|
|
1375
|
-
x: x,
|
|
1376
|
-
y: y
|
|
1377
|
-
};
|
|
1378
|
-
});
|
|
1379
|
-
this.canvas = _target;
|
|
1380
|
-
this.context = _target.getContext('2d');
|
|
1381
|
-
if (config) {
|
|
1382
|
-
this._config = Object.assign(this._config, config);
|
|
1383
|
-
}
|
|
1384
|
-
this.setListener(_target);
|
|
1385
|
-
this.setPenConfig(this._config);
|
|
1386
|
-
});
|
|
1387
|
-
|
|
1388
|
-
;// CONCATENATED MODULE: ./packages/ecmoa/hygl/src/ipad/drawboard/utils/history.js
|
|
1389
|
-
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); }
|
|
1390
|
-
function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
|
|
1391
|
-
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."); }
|
|
1392
|
-
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; } }
|
|
1393
|
-
function _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
|
|
1394
|
-
function _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(r); }
|
|
1395
|
-
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; }
|
|
1396
|
-
function history_classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
|
|
1397
|
-
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); } }
|
|
1398
|
-
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; }
|
|
1399
|
-
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; }
|
|
1400
|
-
function history_toPropertyKey(t) { var i = history_toPrimitive(t, "string"); return "symbol" == history_typeof(i) ? i : i + ""; }
|
|
1401
|
-
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); }
|
|
1402
|
-
var History = /*#__PURE__*/function () {
|
|
1403
|
-
function History(cache) {
|
|
1404
|
-
history_classCallCheck(this, History);
|
|
1405
|
-
history_defineProperty(this, "cacheStack", []);
|
|
1406
|
-
history_defineProperty(this, "step", null);
|
|
1407
|
-
if (!cache) return;
|
|
1408
|
-
this.cacheStack = _toConsumableArray(cache.cacheStack);
|
|
1409
|
-
this.step = cache.step;
|
|
1410
|
-
}
|
|
1411
|
-
return history_createClass(History, [{
|
|
1412
|
-
key: "add",
|
|
1413
|
-
value: function add(drawData) {
|
|
1414
|
-
if (drawData.type && drawData.points instanceof Array) {
|
|
1415
|
-
this.cacheStack.push(drawData);
|
|
1416
|
-
this.step++;
|
|
1417
|
-
}
|
|
1418
|
-
}
|
|
1419
|
-
}]);
|
|
1420
|
-
}();
|
|
1421
|
-
;// CONCATENATED MODULE: ./packages/ecmoa/hygl/src/ipad/drawboard/index.js
|
|
1422
|
-
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); }
|
|
1423
|
-
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; }
|
|
1424
|
-
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); }
|
|
1425
|
-
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); }); }; }
|
|
1426
|
-
function drawboard_classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
|
|
1427
|
-
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); } }
|
|
1428
|
-
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; }
|
|
1429
|
-
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; }
|
|
1430
|
-
function drawboard_toPropertyKey(t) { var i = drawboard_toPrimitive(t, "string"); return "symbol" == drawboard_typeof(i) ? i : i + ""; }
|
|
1431
|
-
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); }
|
|
1432
|
-
|
|
1433
|
-
|
|
1434
|
-
var DrawBoard = /*#__PURE__*/function () {
|
|
1435
|
-
/**
|
|
1436
|
-
* @param {Element} canvasElement 画布元素
|
|
1437
|
-
*/
|
|
1438
|
-
function DrawBoard(canvasElement) {
|
|
1439
|
-
var _this = this;
|
|
1440
|
-
drawboard_classCallCheck(this, DrawBoard);
|
|
1441
|
-
// 画布
|
|
1442
|
-
drawboard_defineProperty(this, "canvas", null);
|
|
1443
|
-
drawboard_defineProperty(this, "context", null);
|
|
1444
|
-
// canvas configs
|
|
1445
|
-
drawboard_defineProperty(this, "_MODE", null);
|
|
1446
|
-
// 当前绘图模式
|
|
1447
|
-
drawboard_defineProperty(this, "_TOOL", null);
|
|
1448
|
-
// 当前绘图工具实例对象
|
|
1449
|
-
drawboard_defineProperty(this, "_config", {
|
|
1450
|
-
// 基础配置
|
|
1451
|
-
width: 0,
|
|
1452
|
-
height: 0
|
|
1453
|
-
});
|
|
1454
|
-
// cache
|
|
1455
|
-
drawboard_defineProperty(this, "runningHistory", null);
|
|
1456
|
-
// canvas methods
|
|
1457
|
-
// 清除canvas内容
|
|
1458
|
-
drawboard_defineProperty(this, "clear", function () {
|
|
1459
|
-
var _this$_config = _this._config,
|
|
1460
|
-
width = _this$_config.width,
|
|
1461
|
-
height = _this$_config.height;
|
|
1462
|
-
_this.context.clearRect(0, 0, width, height);
|
|
1463
|
-
});
|
|
1464
|
-
// 清除事件监听
|
|
1465
|
-
drawboard_defineProperty(this, "removeEvents", function () {
|
|
1466
|
-
var _TOOL = _this._TOOL,
|
|
1467
|
-
canvas = _this.canvas;
|
|
1468
|
-
_TOOL.removeListener(canvas);
|
|
1469
|
-
});
|
|
1470
|
-
drawboard_defineProperty(this, "setColor", function (color) {
|
|
1471
|
-
_this._TOOL._config.color = color;
|
|
1472
|
-
});
|
|
1473
|
-
drawboard_defineProperty(this, "setWeight", function (weight) {
|
|
1474
|
-
_this._TOOL._config.weight = weight;
|
|
1475
|
-
});
|
|
1476
|
-
// 工具使用
|
|
1477
|
-
drawboard_defineProperty(this, "use", function (tool, config) {
|
|
1478
|
-
var canvas = _this.canvas;
|
|
1479
|
-
switch (tool) {
|
|
1480
|
-
case 'pen':
|
|
1481
|
-
_this._TOOL && _this._TOOL.removeListener(canvas);
|
|
1482
|
-
_this._MODE = tool;
|
|
1483
|
-
_this._TOOL = new Pen(canvas, config || null);
|
|
1484
|
-
console.log('this._TOOL => ', _this._TOOL);
|
|
1485
|
-
_this._TOOL.runningHistory = _this.runningHistory;
|
|
1486
|
-
break;
|
|
1487
|
-
default:
|
|
1488
|
-
break;
|
|
1489
|
-
}
|
|
1490
|
-
});
|
|
1491
|
-
this.canvas = canvasElement;
|
|
1492
|
-
this.context = canvasElement.getContext('2d');
|
|
1493
|
-
this._config = Object.assign(this._config, {
|
|
1494
|
-
width: canvasElement.width,
|
|
1495
|
-
height: canvasElement.height
|
|
1496
|
-
});
|
|
1497
|
-
}
|
|
1498
|
-
return drawboard_createClass(DrawBoard, [{
|
|
1499
|
-
key: "install",
|
|
1500
|
-
value: function install() {
|
|
1501
|
-
var canvas = this.canvas;
|
|
1502
|
-
var canvasHistory = canvas.CACHE_STACK ? canvas.CACHE_STACK : null;
|
|
1503
|
-
this.runningHistory = new History(canvasHistory);
|
|
1504
|
-
return this;
|
|
1505
|
-
}
|
|
1506
|
-
}, {
|
|
1507
|
-
key: "uninstall",
|
|
1508
|
-
value: function uninstall() {
|
|
1509
|
-
this.canvas.CACHE_STACK = this.runningHistory;
|
|
1510
|
-
this.removeEvents();
|
|
1511
|
-
}
|
|
1512
|
-
}, {
|
|
1513
|
-
key: "getImageInfo",
|
|
1514
|
-
value:
|
|
1515
|
-
/**
|
|
1516
|
-
* @description: 以每一次绘画为单位,通过存储的定位points,取最小xy作为绘画起点,最大xy作为宽高,同时留出10像素的间隔
|
|
1517
|
-
* @param {Array} points 定位数据
|
|
1518
|
-
* @return {Object} x、y、width、height
|
|
1519
|
-
*/
|
|
1520
|
-
function getImageInfo(points) {
|
|
1521
|
-
var minX = null;
|
|
1522
|
-
var minY = null;
|
|
1523
|
-
var maxX = null;
|
|
1524
|
-
var maxY = null;
|
|
1525
|
-
points.forEach(function (item, index) {
|
|
1526
|
-
var x = item.x,
|
|
1527
|
-
y = item.y;
|
|
1528
|
-
if (index === 0) {
|
|
1529
|
-
minX = maxX = x;
|
|
1530
|
-
minY = maxY = y;
|
|
1531
|
-
return;
|
|
1532
|
-
}
|
|
1533
|
-
minX = x < minX ? x : minX;
|
|
1534
|
-
maxX = x > maxX ? x : maxX;
|
|
1535
|
-
minY = y < minY ? y : minY;
|
|
1536
|
-
maxY = y > maxY ? y : maxY;
|
|
1537
|
-
});
|
|
1538
|
-
return {
|
|
1539
|
-
x: minX - 5,
|
|
1540
|
-
y: minY - 5,
|
|
1541
|
-
width: maxX - minX + 10,
|
|
1542
|
-
height: maxY - minY + 10
|
|
1543
|
-
};
|
|
1544
|
-
}
|
|
1545
|
-
|
|
1546
|
-
/**
|
|
1547
|
-
* @description: 获取每一个step的图像
|
|
1548
|
-
* @param {String} type 输出类型 blob/base64
|
|
1549
|
-
* @param {String} quality 输出质量 0 ~ 1 (仅blob)
|
|
1550
|
-
* @return {Array} 带有图像的数组
|
|
1551
|
-
*/
|
|
1552
|
-
}, {
|
|
1553
|
-
key: "getEachImage",
|
|
1554
|
-
value: function getEachImage() {
|
|
1555
|
-
var _this2 = this;
|
|
1556
|
-
var type = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'blob';
|
|
1557
|
-
var quality = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '1.0';
|
|
1558
|
-
var results = [];
|
|
1559
|
-
this.runningHistory.cacheStack.forEach( /*#__PURE__*/function () {
|
|
1560
|
-
var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(cache) {
|
|
1561
|
-
var imageInfo, imageData;
|
|
1562
|
-
return _regeneratorRuntime().wrap(function _callee$(_context) {
|
|
1563
|
-
while (1) switch (_context.prev = _context.next) {
|
|
1564
|
-
case 0:
|
|
1565
|
-
imageInfo = _this2.getImageInfo(cache.points);
|
|
1566
|
-
_context.next = 3;
|
|
1567
|
-
return _this2.getImageFromCanvas(imageInfo, type, quality);
|
|
1568
|
-
case 3:
|
|
1569
|
-
imageData = _context.sent;
|
|
1570
|
-
results.push(imageData);
|
|
1571
|
-
case 5:
|
|
1572
|
-
case "end":
|
|
1573
|
-
return _context.stop();
|
|
1574
|
-
}
|
|
1575
|
-
}, _callee);
|
|
1576
|
-
}));
|
|
1577
|
-
return function (_x) {
|
|
1578
|
-
return _ref.apply(this, arguments);
|
|
1579
|
-
};
|
|
1580
|
-
}());
|
|
1581
|
-
return results;
|
|
1582
|
-
}
|
|
1583
|
-
/**
|
|
1584
|
-
* @description: 获取每一个step的图像信息
|
|
1585
|
-
* @return {Array} 图像信息的数组
|
|
1586
|
-
*/
|
|
1587
|
-
}, {
|
|
1588
|
-
key: "getEachImageInfo",
|
|
1589
|
-
value: function getEachImageInfo() {
|
|
1590
|
-
var _this3 = this;
|
|
1591
|
-
var results = [];
|
|
1592
|
-
this.runningHistory.cacheStack.forEach(function (cache) {
|
|
1593
|
-
var imageInfo = _this3.getImageInfo(cache.points);
|
|
1594
|
-
results.push(imageInfo);
|
|
1595
|
-
});
|
|
1596
|
-
return results;
|
|
1597
|
-
}
|
|
1598
|
-
|
|
1599
|
-
/**
|
|
1600
|
-
* @description: 从主画布剪切导出图片
|
|
1601
|
-
* @param {Object} imageInfo 图片定位以及各类对象数据
|
|
1602
|
-
* @param {String} type 输出类型 blob/base64
|
|
1603
|
-
* @param {String} quality 输出质量 0 ~ 1
|
|
1604
|
-
* @return {*}
|
|
1605
|
-
*/
|
|
1606
|
-
}, {
|
|
1607
|
-
key: "getImageFromCanvas",
|
|
1608
|
-
value: function getImageFromCanvas(imageInfo, type, quality) {
|
|
1609
|
-
var x = imageInfo.x,
|
|
1610
|
-
y = imageInfo.y,
|
|
1611
|
-
width = imageInfo.width,
|
|
1612
|
-
height = imageInfo.height;
|
|
1613
|
-
var Temp = document.createElement('canvas');
|
|
1614
|
-
Temp.height = height;
|
|
1615
|
-
Temp.width = width;
|
|
1616
|
-
Temp.setAttribute('style', "height:".concat(height, "px;width:").concat(width, "px;"));
|
|
1617
|
-
var TempContent = Temp.getContext('2d');
|
|
1618
|
-
TempContent.drawImage(this.canvas, x, y, width, height, 0, 0, width, height);
|
|
1619
|
-
return new Promise(function (resolve) {
|
|
1620
|
-
if (type === 'blob') {
|
|
1621
|
-
Temp.toBlob(function (blob) {
|
|
1622
|
-
resolve(blob);
|
|
1623
|
-
}, quality);
|
|
1624
|
-
}
|
|
1625
|
-
if (type === 'base64') {
|
|
1626
|
-
var result = Temp.toDataURL('image/png');
|
|
1627
|
-
resolve(result);
|
|
1628
|
-
}
|
|
1629
|
-
});
|
|
1630
|
-
}
|
|
1631
|
-
}]);
|
|
1632
|
-
}();
|
|
1633
|
-
|
|
1634
|
-
|
|
1635
1173
|
/***/ }),
|
|
1636
1174
|
|
|
1637
1175
|
/***/ 5824:
|
|
@@ -1980,7 +1518,7 @@ ___CSS_LOADER_EXPORT___.push([module.id, ".contain-box[data-v-8b74d980]{width:50
|
|
|
1980
1518
|
|
|
1981
1519
|
/***/ }),
|
|
1982
1520
|
|
|
1983
|
-
/***/
|
|
1521
|
+
/***/ 4519:
|
|
1984
1522
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
1985
1523
|
|
|
1986
1524
|
"use strict";
|
|
@@ -1994,7 +1532,7 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
1994
1532
|
|
|
1995
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()));
|
|
1996
1534
|
// Module
|
|
1997
|
-
___CSS_LOADER_EXPORT___.push([module.id, ".lyy-collapse[data-v-
|
|
1535
|
+
___CSS_LOADER_EXPORT___.push([module.id, ".lyy-collapse[data-v-518c81ba] .van-collapse-item .van-cell{padding:15px 16px 16px}[data-v-518c81ba] .van-collapse-item__content{padding:0 16px}a[data-v-518c81ba]{color:#333}.sidebarBox[data-v-518c81ba]{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-518c81ba]{height:100vh;width:100%}.content[data-v-518c81ba]{width:calc(100% - 5.5rem);height:calc(100% - 80px);padding-left:5.5rem;background:#f9f9f9}.side-item[data-v-518c81ba]{height:6.25rem;width:100%;color:#333;font-size:calc(16px + var(--fontSizeSetup))}.side-item .item-box[data-v-518c81ba]{margin-top:1rem;text-align:center}.side-item .item-box .box-img[data-v-518c81ba]{width:2rem;height:2rem;margin:0 auto}.side-item .item-box .box-img img[data-v-518c81ba]{width:100%;height:100%}.header-box[data-v-518c81ba]{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-518c81ba]{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-518c81ba]{color:#53a8ff;background:rgba(83,168,255,.1)}.back[data-v-518c81ba]{position:absolute;left:1rem;line-height:90px}[data-v-518c81ba] .van-popup--left{left:inherit!important;top:80px;-webkit-transform:none;transform:none}.paper-box[data-v-518c81ba]{margin:.63rem;border:1px solid #ebedf0;border-radius:4px}.ziliao-title[data-v-518c81ba]{font-size:calc(16px + var(--fontSizeSetup));font-weight:600;color:#333}.ziliao-img[data-v-518c81ba]{width:1.5rem;height:1.5rem;margin-right:.5rem}.ziliao-content[data-v-518c81ba]{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-518c81ba]: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-518c81ba]{width:1.82rem;height:2.25rem}.ziliao-content .ziliao-content-img img[data-v-518c81ba]{width:100%;height:100%}.ziliao-content .title-ziliao[data-v-518c81ba]{font-size:calc(14px + var(--fontSizeSetup));font-weight:400;color:#333}.ziliao-content .ziliao-content-title[data-v-518c81ba]{-webkit-box-flex:1;-ms-flex:1;flex:1;margin-left:1rem}.nbcontent .ziliao-content[data-v-518c81ba]:last-child:after{border-bottom:none}.yiti-box[data-v-518c81ba]{background:#fff;margin:.63rem;border:1px solid #ebedf0;border-radius:4px}.yiti-box .ziliao-title[data-v-518c81ba]{font-size:calc(16px + var(--fontSizeSetup));font-weight:600;color:#333}.yiti-box .ziliao-img[data-v-518c81ba]{width:1.5rem;height:1.5rem;margin-right:.5rem}.yiti-box .yiti-title[data-v-518c81ba]{font-size:calc(16px + var(--fontSizeSetup));font-weight:600;color:#333;padding:15px 16px 16px}.yiti-box .yiti-orderNo[data-v-518c81ba]{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-518c81ba]{display:-webkit-box;display:-ms-flexbox;display:flex}.between-box[data-v-518c81ba]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.Marg15[data-v-518c81ba]{margin-right:1.5rem}.MarL15[data-v-518c81ba]{margin-left:1.25rem}.btn[data-v-518c81ba]{width:5.63rem}.saveBtn[data-v-518c81ba]{width:calc(100% - 40px);margin-bottom:20px;padding:10px 0;color:#fff;background:#53a8ff;text-align:center;margin-left:20px}.input-box[data-v-518c81ba]{height:200px;width:100%}[data-v-518c81ba] .van-field__body,[data-v-518c81ba] .van-field__control{height:100%}.header-dialog[data-v-518c81ba]{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-518c81ba]{height:100%}#bodyfilebox[data-v-518c81ba]{height:100%;border:1px solid #ebeef5}#bodyfilebox .edit-button[data-v-518c81ba]{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-518c81ba]{bottom:110px;padding:6px}#bodyfilebox .color-group[data-v-518c81ba],#bodyfilebox .line-group[data-v-518c81ba]{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-518c81ba]{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-518c81ba]{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-518c81ba],#bodyfilebox .line-button-outside[data-v-518c81ba]{background:#fff;padding:5px;border:none}#bodyfilebox .line-button-outside[data-v-518c81ba]{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-518c81ba]{width:100%;height:100%;border-radius:50%}#bodyfilebox .line-view[data-v-518c81ba]{width:80%;background:#000;height:1px;border-radius:2px}#bodyfilebox .line-button[data-v-518c81ba]{width:22px;color:#fff;font-size:10px;line-height:18px;text-align:center;background-color:#1989fa;border-radius:100px}#bodyfilebox .success[data-v-518c81ba]{background:#07c160;border:1px solid #07c160}[data-v-518c81ba] #viewerContainer{top:0!important}[data-v-518c81ba] .toolbar{position:fixed!important;bottom:0!important}.headerMessageName[data-v-518c81ba]{text-align:left;padding-left:50px}.keywordDialog[data-v-518c81ba]{top:60%}.van-cell__title[data-v-518c81ba]{width:calc(100% - 32px)}.cell-flex-title[data-v-518c81ba]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.cell-flex-label .cell-flex-item[data-v-518c81ba],.cell-flex-title[data-v-518c81ba],.cell-flex-title .cell-flex-item[data-v-518c81ba]{display:-webkit-box;display:-ms-flexbox;display:flex}.text-overflow[data-v-518c81ba]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-v-518c81ba] .van-dialog__content{height:90%;overflow-y:auto}[data-v-518c81ba] .van-dialog__header{padding-top:16px!important;padding-bottom:9px!important;margin-bottom:1px!important;border-bottom:1px solid #999!important}.recordMask[data-v-518c81ba]{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-518c81ba]{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-518c81ba]{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-518c81ba],.footer[data-v-518c81ba]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.btn[data-v-518c81ba]{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-518c81ba]{background:#fff;color:#333}.cbtn[data-v-518c81ba],.qbtn[data-v-518c81ba]{border:1px solid #ebeef5}.qbtn[data-v-518c81ba]{background:#53a8ff;color:#fff}.btn[data-v-518c81ba] .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-518c81ba] .van-button__content .van-button__icon{font-size:10px}.cell-flex-box[data-v-518c81ba]{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;position:relative}.cell-flex-box .delete-button[data-v-518c81ba]{color:#53a8ff;position:absolute;right:0}.cell-flex-box .add-button[data-v-518c81ba]{color:#53a8ff;font-size:14px;text-align:center;line-height:50px}.cell-flex-item[data-v-518c81ba]{-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-518c81ba]:nth-child(2){text-align:right}.no-more[data-v-518c81ba]{color:#969799;font-size:14px;line-height:50px;text-align:center}", ""]);
|
|
1998
1536
|
// Exports
|
|
1999
1537
|
/* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
|
|
2000
1538
|
|
|
@@ -35413,19 +34951,19 @@ var update = add("63eb1800", content, true, {"sourceMap":false,"shadowMode":fals
|
|
|
35413
34951
|
|
|
35414
34952
|
/***/ }),
|
|
35415
34953
|
|
|
35416
|
-
/***/
|
|
34954
|
+
/***/ 257:
|
|
35417
34955
|
/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
|
|
35418
34956
|
|
|
35419
34957
|
// style-loader: Adds some css to the DOM by adding a <style> tag
|
|
35420
34958
|
|
|
35421
34959
|
// load the styles
|
|
35422
|
-
var content = __webpack_require__(
|
|
34960
|
+
var content = __webpack_require__(4519);
|
|
35423
34961
|
if(content.__esModule) content = content.default;
|
|
35424
34962
|
if(typeof content === 'string') content = [[module.id, content, '']];
|
|
35425
34963
|
if(content.locals) module.exports = content.locals;
|
|
35426
34964
|
// add the styles to the DOM
|
|
35427
34965
|
var add = (__webpack_require__(9548)/* ["default"] */ .A)
|
|
35428
|
-
var update = add("
|
|
34966
|
+
var update = add("2dc987af", content, true, {"sourceMap":false,"shadowMode":false});
|
|
35429
34967
|
|
|
35430
34968
|
/***/ }),
|
|
35431
34969
|
|
|
@@ -40222,8 +39760,8 @@ var version = '3.6.5';
|
|
|
40222
39760
|
|
|
40223
39761
|
|
|
40224
39762
|
|
|
40225
|
-
;// 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=
|
|
40226
|
-
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=518c81ba&scoped=true
|
|
39764
|
+
var FileViewvue_type_template_id_518c81ba_scoped_true_render = function render() {
|
|
40227
39765
|
var _vm = this,
|
|
40228
39766
|
_c = _vm._self._c;
|
|
40229
39767
|
return _c('div', [_c('div', {
|
|
@@ -40921,7 +40459,7 @@ var FileViewvue_type_template_id_09c68046_scoped_true_render = function render()
|
|
|
40921
40459
|
ref: "ServeDialog"
|
|
40922
40460
|
})], 1)])]);
|
|
40923
40461
|
};
|
|
40924
|
-
var
|
|
40462
|
+
var FileViewvue_type_template_id_518c81ba_scoped_true_staticRenderFns = [function () {
|
|
40925
40463
|
var _vm = this,
|
|
40926
40464
|
_c = _vm._self._c;
|
|
40927
40465
|
return _c('div', {
|
|
@@ -40980,7 +40518,7 @@ var FileViewvue_type_template_id_09c68046_scoped_true_staticRenderFns = [functio
|
|
|
40980
40518
|
})]);
|
|
40981
40519
|
}];
|
|
40982
40520
|
|
|
40983
|
-
;// 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=518c81ba&scoped=true
|
|
40984
40522
|
|
|
40985
40523
|
;// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/extends.js
|
|
40986
40524
|
function _extends() {
|
|
@@ -44353,17 +43891,376 @@ var component = normalizeComponent(
|
|
|
44353
43891
|
)
|
|
44354
43892
|
|
|
44355
43893
|
/* harmony default export */ var CallServeDialog = (component.exports);
|
|
44356
|
-
;// CONCATENATED MODULE: ./
|
|
44357
|
-
|
|
44358
|
-
|
|
44359
|
-
|
|
44360
|
-
|
|
43894
|
+
;// CONCATENATED MODULE: ./packages/ecmoa/hygl/src/ipad/drawboard/tools/pen.js
|
|
43895
|
+
var _this = undefined;
|
|
43896
|
+
var Pen = {};
|
|
43897
|
+
Pen.canvas = null;
|
|
43898
|
+
Pen.context = null;
|
|
43899
|
+
|
|
43900
|
+
// Variable
|
|
43901
|
+
Pen._config = {
|
|
43902
|
+
color: '#000000',
|
|
43903
|
+
weight: 1
|
|
43904
|
+
};
|
|
43905
|
+
Pen.points = []; // 线条描点存储
|
|
43906
|
+
Pen.startPoint = null; // 线条绘制起点
|
|
43907
|
+
|
|
43908
|
+
/**
|
|
43909
|
+
* @param {Object} config 画笔配置
|
|
43910
|
+
*/
|
|
43911
|
+
Pen.constructor = function (target, config) {
|
|
43912
|
+
this.canvas = target;
|
|
43913
|
+
this.context = target.getContext('2d');
|
|
43914
|
+
if (config) {
|
|
43915
|
+
this._config = Object.assign(this._config, config);
|
|
43916
|
+
}
|
|
43917
|
+
this.setListener(target);
|
|
43918
|
+
this.setPenConfig(this._config);
|
|
43919
|
+
};
|
|
43920
|
+
|
|
43921
|
+
// methods
|
|
43922
|
+
Pen.setPenConfig = function (_config) {
|
|
43923
|
+
var context = _this.context;
|
|
43924
|
+
context.lineJoin = 'round';
|
|
43925
|
+
context.lineCap = 'round';
|
|
43926
|
+
};
|
|
43927
|
+
Pen.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.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.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.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.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.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
|
+
Pen.runningHistory && _this.runningHistory.add({
|
|
44009
|
+
type: 'pen',
|
|
44010
|
+
points: points,
|
|
44011
|
+
config: _this._config
|
|
44012
|
+
});
|
|
44013
|
+
Pen.startPoint = null;
|
|
44014
|
+
Pen.points = [];
|
|
44015
|
+
};
|
|
44016
|
+
// 获取当前坐标
|
|
44017
|
+
Pen.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
|
+
|
|
44038
|
+
;// CONCATENATED MODULE: ./packages/ecmoa/hygl/src/ipad/drawboard/utils/history.js
|
|
44361
44039
|
function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
|
|
44362
44040
|
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."); }
|
|
44363
44041
|
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; } }
|
|
44364
44042
|
function _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
|
|
44365
44043
|
function _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(r); }
|
|
44366
44044
|
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; }
|
|
44045
|
+
var history_History = {};
|
|
44046
|
+
history_History.cacheStack = [];
|
|
44047
|
+
history_History.step = null;
|
|
44048
|
+
history_History.constructor = function (cache) {
|
|
44049
|
+
if (!cache) return;
|
|
44050
|
+
this.cacheStack = _toConsumableArray(cache.cacheStack);
|
|
44051
|
+
this.step = cache.step;
|
|
44052
|
+
};
|
|
44053
|
+
history_History.add = function (drawData) {
|
|
44054
|
+
if (drawData.type && drawData.points instanceof Array) {
|
|
44055
|
+
this.cacheStack.push(drawData);
|
|
44056
|
+
this.step++;
|
|
44057
|
+
}
|
|
44058
|
+
};
|
|
44059
|
+
|
|
44060
|
+
;// CONCATENATED MODULE: ./packages/ecmoa/hygl/src/ipad/drawboard/index.js
|
|
44061
|
+
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); }
|
|
44062
|
+
var drawboard_this = undefined;
|
|
44063
|
+
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; }
|
|
44064
|
+
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); }
|
|
44065
|
+
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); }); }; }
|
|
44066
|
+
|
|
44067
|
+
|
|
44068
|
+
var DrawBoard = {};
|
|
44069
|
+
|
|
44070
|
+
// 画布
|
|
44071
|
+
DrawBoard.canvas = null;
|
|
44072
|
+
DrawBoard.context = null;
|
|
44073
|
+
|
|
44074
|
+
// canvas configs
|
|
44075
|
+
DrawBoard._MODE = null; // 当前绘图模式
|
|
44076
|
+
DrawBoard._TOOL = null; // 当前绘图工具实例对象
|
|
44077
|
+
DrawBoard._config = {
|
|
44078
|
+
// 基础配置
|
|
44079
|
+
width: 0,
|
|
44080
|
+
height: 0
|
|
44081
|
+
};
|
|
44082
|
+
|
|
44083
|
+
// cache
|
|
44084
|
+
DrawBoard.runningHistory = null;
|
|
44085
|
+
|
|
44086
|
+
/**
|
|
44087
|
+
* @param {Element} canvasElement 画布元素
|
|
44088
|
+
*/
|
|
44089
|
+
DrawBoard.constructor = function (canvasElement) {
|
|
44090
|
+
drawboard_this.canvas = canvasElement;
|
|
44091
|
+
drawboard_this.context = canvasElement.getContext('2d');
|
|
44092
|
+
drawboard_this._config = Object.assign(drawboard_this._config, {
|
|
44093
|
+
width: canvasElement.width,
|
|
44094
|
+
height: canvasElement.height
|
|
44095
|
+
});
|
|
44096
|
+
};
|
|
44097
|
+
DrawBoard.install = function () {
|
|
44098
|
+
var canvas = drawboard_this.canvas;
|
|
44099
|
+
var canvasHistory = canvas.CACHE_STACK ? canvas.CACHE_STACK : null;
|
|
44100
|
+
drawboard_this.runningHistory = new history_History(canvasHistory);
|
|
44101
|
+
return drawboard_this;
|
|
44102
|
+
};
|
|
44103
|
+
DrawBoard.uninstall = function () {
|
|
44104
|
+
drawboard_this.canvas.CACHE_STACK = drawboard_this.runningHistory;
|
|
44105
|
+
drawboard_this.removeEvents();
|
|
44106
|
+
};
|
|
44107
|
+
|
|
44108
|
+
// canvas methods
|
|
44109
|
+
// 清除canvas内容
|
|
44110
|
+
DrawBoard.clear = function () {
|
|
44111
|
+
var _this$_config = drawboard_this._config,
|
|
44112
|
+
width = _this$_config.width,
|
|
44113
|
+
height = _this$_config.height;
|
|
44114
|
+
drawboard_this.context.clearRect(0, 0, width, height);
|
|
44115
|
+
};
|
|
44116
|
+
// 清除事件监听
|
|
44117
|
+
DrawBoard.removeEvents = function () {
|
|
44118
|
+
var _TOOL = drawboard_this._TOOL,
|
|
44119
|
+
canvas = drawboard_this.canvas;
|
|
44120
|
+
_TOOL.removeListener(canvas);
|
|
44121
|
+
};
|
|
44122
|
+
DrawBoard.setColor = function (color) {
|
|
44123
|
+
drawboard_this._TOOL._config.color = color;
|
|
44124
|
+
};
|
|
44125
|
+
DrawBoard.setWeight = function (weight) {
|
|
44126
|
+
drawboard_this._TOOL._config.weight = weight;
|
|
44127
|
+
};
|
|
44128
|
+
// 工具使用
|
|
44129
|
+
DrawBoard.use = function (tool, config) {
|
|
44130
|
+
var canvas = drawboard_this.canvas;
|
|
44131
|
+
switch (tool) {
|
|
44132
|
+
case 'pen':
|
|
44133
|
+
drawboard_this._TOOL && drawboard_this._TOOL.removeListener(canvas);
|
|
44134
|
+
drawboard_this._MODE = tool;
|
|
44135
|
+
drawboard_this._TOOL = new Pen(canvas, config || null);
|
|
44136
|
+
console.log('this._TOOL => ', drawboard_this._TOOL);
|
|
44137
|
+
drawboard_this._TOOL.runningHistory = drawboard_this.runningHistory;
|
|
44138
|
+
break;
|
|
44139
|
+
default:
|
|
44140
|
+
break;
|
|
44141
|
+
}
|
|
44142
|
+
};
|
|
44143
|
+
|
|
44144
|
+
/**
|
|
44145
|
+
* @description: 以每一次绘画为单位,通过存储的定位points,取最小xy作为绘画起点,最大xy作为宽高,同时留出10像素的间隔
|
|
44146
|
+
* @param {Array} points 定位数据
|
|
44147
|
+
* @return {Object} x、y、width、height
|
|
44148
|
+
*/
|
|
44149
|
+
DrawBoard.getImageInfo = function (points) {
|
|
44150
|
+
var minX = null;
|
|
44151
|
+
var minY = null;
|
|
44152
|
+
var maxX = null;
|
|
44153
|
+
var maxY = null;
|
|
44154
|
+
points.forEach(function (item, index) {
|
|
44155
|
+
var x = item.x,
|
|
44156
|
+
y = item.y;
|
|
44157
|
+
if (index === 0) {
|
|
44158
|
+
minX = maxX = x;
|
|
44159
|
+
minY = maxY = y;
|
|
44160
|
+
return;
|
|
44161
|
+
}
|
|
44162
|
+
minX = x < minX ? x : minX;
|
|
44163
|
+
maxX = x > maxX ? x : maxX;
|
|
44164
|
+
minY = y < minY ? y : minY;
|
|
44165
|
+
maxY = y > maxY ? y : maxY;
|
|
44166
|
+
});
|
|
44167
|
+
return {
|
|
44168
|
+
x: minX - 5,
|
|
44169
|
+
y: minY - 5,
|
|
44170
|
+
width: maxX - minX + 10,
|
|
44171
|
+
height: maxY - minY + 10
|
|
44172
|
+
};
|
|
44173
|
+
};
|
|
44174
|
+
|
|
44175
|
+
/**
|
|
44176
|
+
* @description: 获取每一个step的图像
|
|
44177
|
+
* @param {String} type 输出类型 blob/base64
|
|
44178
|
+
* @param {String} quality 输出质量 0 ~ 1 (仅blob)
|
|
44179
|
+
* @return {Array} 带有图像的数组
|
|
44180
|
+
*/
|
|
44181
|
+
DrawBoard.getEachImage = function () {
|
|
44182
|
+
var type = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'blob';
|
|
44183
|
+
var quality = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '1.0';
|
|
44184
|
+
var results = [];
|
|
44185
|
+
drawboard_this.runningHistory.cacheStack.forEach( /*#__PURE__*/function () {
|
|
44186
|
+
var _ref = drawboard_asyncToGenerator( /*#__PURE__*/drawboard_regeneratorRuntime().mark(function _callee(cache) {
|
|
44187
|
+
var imageInfo, imageData;
|
|
44188
|
+
return drawboard_regeneratorRuntime().wrap(function _callee$(_context) {
|
|
44189
|
+
while (1) switch (_context.prev = _context.next) {
|
|
44190
|
+
case 0:
|
|
44191
|
+
imageInfo = drawboard_this.getImageInfo(cache.points);
|
|
44192
|
+
_context.next = 3;
|
|
44193
|
+
return drawboard_this.getImageFromCanvas(imageInfo, type, quality);
|
|
44194
|
+
case 3:
|
|
44195
|
+
imageData = _context.sent;
|
|
44196
|
+
results.push(imageData);
|
|
44197
|
+
case 5:
|
|
44198
|
+
case "end":
|
|
44199
|
+
return _context.stop();
|
|
44200
|
+
}
|
|
44201
|
+
}, _callee);
|
|
44202
|
+
}));
|
|
44203
|
+
return function (_x) {
|
|
44204
|
+
return _ref.apply(this, arguments);
|
|
44205
|
+
};
|
|
44206
|
+
}());
|
|
44207
|
+
return results;
|
|
44208
|
+
};
|
|
44209
|
+
/**
|
|
44210
|
+
* @description: 获取每一个step的图像信息
|
|
44211
|
+
* @return {Array} 图像信息的数组
|
|
44212
|
+
*/
|
|
44213
|
+
DrawBoard.getEachImageInfo = function () {
|
|
44214
|
+
var results = [];
|
|
44215
|
+
drawboard_this.runningHistory.cacheStack.forEach(function (cache) {
|
|
44216
|
+
var imageInfo = drawboard_this.getImageInfo(cache.points);
|
|
44217
|
+
results.push(imageInfo);
|
|
44218
|
+
});
|
|
44219
|
+
return results;
|
|
44220
|
+
};
|
|
44221
|
+
|
|
44222
|
+
/**
|
|
44223
|
+
* @description: 从主画布剪切导出图片
|
|
44224
|
+
* @param {Object} imageInfo 图片定位以及各类对象数据
|
|
44225
|
+
* @param {String} type 输出类型 blob/base64
|
|
44226
|
+
* @param {String} quality 输出质量 0 ~ 1
|
|
44227
|
+
* @return {*}
|
|
44228
|
+
*/
|
|
44229
|
+
DrawBoard.getImageFromCanvas = function (imageInfo, type, quality) {
|
|
44230
|
+
var x = imageInfo.x,
|
|
44231
|
+
y = imageInfo.y,
|
|
44232
|
+
width = imageInfo.width,
|
|
44233
|
+
height = imageInfo.height;
|
|
44234
|
+
var Temp = document.createElement('canvas');
|
|
44235
|
+
Temp.height = height;
|
|
44236
|
+
Temp.width = width;
|
|
44237
|
+
Temp.setAttribute('style', "height:".concat(height, "px;width:").concat(width, "px;"));
|
|
44238
|
+
var TempContent = Temp.getContext('2d');
|
|
44239
|
+
TempContent.drawImage(drawboard_this.canvas, x, y, width, height, 0, 0, width, height);
|
|
44240
|
+
return new Promise(function (resolve) {
|
|
44241
|
+
if (type === 'blob') {
|
|
44242
|
+
Temp.toBlob(function (blob) {
|
|
44243
|
+
resolve(blob);
|
|
44244
|
+
}, quality);
|
|
44245
|
+
}
|
|
44246
|
+
if (type === 'base64') {
|
|
44247
|
+
var result = Temp.toDataURL('image/png');
|
|
44248
|
+
resolve(result);
|
|
44249
|
+
}
|
|
44250
|
+
});
|
|
44251
|
+
};
|
|
44252
|
+
|
|
44253
|
+
;// 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
|
|
44254
|
+
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); }
|
|
44255
|
+
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; }
|
|
44256
|
+
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); }
|
|
44257
|
+
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); }); }; }
|
|
44258
|
+
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(); }
|
|
44259
|
+
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."); }
|
|
44260
|
+
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; } }
|
|
44261
|
+
function FileViewvue_type_script_lang_js_iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
|
|
44262
|
+
function FileViewvue_type_script_lang_js_arrayWithoutHoles(r) { if (Array.isArray(r)) return FileViewvue_type_script_lang_js_arrayLikeToArray(r); }
|
|
44263
|
+
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; }
|
|
44367
44264
|
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; }
|
|
44368
44265
|
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; }
|
|
44369
44266
|
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; }
|
|
@@ -44376,6 +44273,7 @@ external_commonjs_vue_commonjs2_vue_root_Vue_default().use(toast);
|
|
|
44376
44273
|
external_commonjs_vue_commonjs2_vue_root_Vue_default().use(VueRouter$1);
|
|
44377
44274
|
|
|
44378
44275
|
|
|
44276
|
+
|
|
44379
44277
|
var moment = __webpack_require__(5093);
|
|
44380
44278
|
/* harmony default export */ var FileViewvue_type_script_lang_js = ({
|
|
44381
44279
|
components: {
|
|
@@ -44667,7 +44565,7 @@ var moment = __webpack_require__(5093);
|
|
|
44667
44565
|
getCanvas: function getCanvas() {
|
|
44668
44566
|
var iframeEl = document.querySelector('#pdfHtml'); // iframe页面
|
|
44669
44567
|
var page = iframeEl.contentDocument.querySelector('.pageNumber').value; //
|
|
44670
|
-
var pageEls =
|
|
44568
|
+
var pageEls = FileViewvue_type_script_lang_js_toConsumableArray(iframeEl.contentDocument.querySelector('.pdfViewer').children);
|
|
44671
44569
|
var currentPage = pageEls.find(function (el) {
|
|
44672
44570
|
return el.attributes['data-page-number'].value == page;
|
|
44673
44571
|
});
|
|
@@ -44692,7 +44590,6 @@ var moment = __webpack_require__(5093);
|
|
|
44692
44590
|
page = _this$getCanvas.page,
|
|
44693
44591
|
canvas = _this$getCanvas.canvas;
|
|
44694
44592
|
this.isEditable = true;
|
|
44695
|
-
var DrawBoard = __webpack_require__(3952);
|
|
44696
44593
|
this.editData = {
|
|
44697
44594
|
page: page,
|
|
44698
44595
|
drawBoard: new DrawBoard(canvas),
|
|
@@ -45081,9 +44978,9 @@ var moment = __webpack_require__(5093);
|
|
|
45081
44978
|
});
|
|
45082
44979
|
;// CONCATENATED MODULE: ./packages/ecmoa/hygl/src/ipad/view/FileView.vue?vue&type=script&lang=js
|
|
45083
44980
|
/* harmony default export */ var view_FileViewvue_type_script_lang_js = (FileViewvue_type_script_lang_js);
|
|
45084
|
-
// 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=
|
|
45085
|
-
var
|
|
45086
|
-
;// CONCATENATED MODULE: ./packages/ecmoa/hygl/src/ipad/view/FileView.vue?vue&type=style&index=0&id=
|
|
44981
|
+
// 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=518c81ba&prod&scoped=true&lang=scss
|
|
44982
|
+
var FileViewvue_type_style_index_0_id_518c81ba_prod_scoped_true_lang_scss = __webpack_require__(257);
|
|
44983
|
+
;// CONCATENATED MODULE: ./packages/ecmoa/hygl/src/ipad/view/FileView.vue?vue&type=style&index=0&id=518c81ba&prod&scoped=true&lang=scss
|
|
45087
44984
|
|
|
45088
44985
|
;// CONCATENATED MODULE: ./packages/ecmoa/hygl/src/ipad/view/FileView.vue
|
|
45089
44986
|
|
|
@@ -45096,11 +44993,11 @@ var FileViewvue_type_style_index_0_id_09c68046_prod_scoped_true_lang_scss = __we
|
|
|
45096
44993
|
|
|
45097
44994
|
var FileView_component = normalizeComponent(
|
|
45098
44995
|
view_FileViewvue_type_script_lang_js,
|
|
45099
|
-
|
|
45100
|
-
|
|
44996
|
+
FileViewvue_type_template_id_518c81ba_scoped_true_render,
|
|
44997
|
+
FileViewvue_type_template_id_518c81ba_scoped_true_staticRenderFns,
|
|
45101
44998
|
false,
|
|
45102
44999
|
null,
|
|
45103
|
-
"
|
|
45000
|
+
"518c81ba",
|
|
45104
45001
|
null
|
|
45105
45002
|
|
|
45106
45003
|
)
|