pxx-vue-quill 1.0.113 → 1.0.114
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/dist/vue-quill.umd.js +312 -304
- package/dist/vue-quill.umd.prod.js +2 -2
- package/package.json +1 -1
package/dist/vue-quill.umd.js
CHANGED
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
*
|
|
8
8
|
* Copyright (c) 2025 Pxx-Team
|
|
9
9
|
* Released under the MIT license
|
|
10
|
-
* Date: 2025-09-10T03:
|
|
10
|
+
* Date: 2025-09-10T03:44:59.331Z
|
|
11
11
|
*/
|
|
12
12
|
(function (global, factory) {
|
|
13
13
|
typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue')) :
|
|
@@ -18769,44 +18769,52 @@
|
|
|
18769
18769
|
|
|
18770
18770
|
var require$$0 = /*@__PURE__*/getAugmentedNamespace(es);
|
|
18771
18771
|
|
|
18772
|
-
var Action
|
|
18772
|
+
var Action = {};
|
|
18773
18773
|
|
|
18774
|
-
|
|
18775
|
-
value: true
|
|
18776
|
-
});
|
|
18774
|
+
var hasRequiredAction;
|
|
18777
18775
|
|
|
18778
|
-
|
|
18776
|
+
function requireAction () {
|
|
18777
|
+
if (hasRequiredAction) return Action;
|
|
18778
|
+
hasRequiredAction = 1;
|
|
18779
18779
|
|
|
18780
|
-
|
|
18780
|
+
Object.defineProperty(Action, "__esModule", {
|
|
18781
|
+
value: true
|
|
18782
|
+
});
|
|
18781
18783
|
|
|
18782
|
-
|
|
18784
|
+
var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
|
|
18783
18785
|
|
|
18784
|
-
|
|
18786
|
+
var _BlotFormatter = requireBlotFormatter();
|
|
18785
18787
|
|
|
18786
|
-
|
|
18788
|
+
_interopRequireDefault(_BlotFormatter);
|
|
18787
18789
|
|
|
18788
|
-
|
|
18789
|
-
function Action(formatter) {
|
|
18790
|
-
_classCallCheck$2(this, Action);
|
|
18790
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
18791
18791
|
|
|
18792
|
-
|
|
18793
|
-
}
|
|
18792
|
+
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
|
18794
18793
|
|
|
18795
|
-
|
|
18796
|
-
|
|
18797
|
-
|
|
18798
|
-
}, {
|
|
18799
|
-
key: 'onDestroy',
|
|
18800
|
-
value: function onDestroy() {}
|
|
18801
|
-
}, {
|
|
18802
|
-
key: 'onUpdate',
|
|
18803
|
-
value: function onUpdate() {}
|
|
18804
|
-
}]);
|
|
18794
|
+
var Action$1 = function () {
|
|
18795
|
+
function Action(formatter) {
|
|
18796
|
+
_classCallCheck(this, Action);
|
|
18805
18797
|
|
|
18806
|
-
|
|
18807
|
-
|
|
18798
|
+
this.formatter = formatter;
|
|
18799
|
+
}
|
|
18800
|
+
|
|
18801
|
+
_createClass(Action, [{
|
|
18802
|
+
key: 'onCreate',
|
|
18803
|
+
value: function onCreate() {}
|
|
18804
|
+
}, {
|
|
18805
|
+
key: 'onDestroy',
|
|
18806
|
+
value: function onDestroy() {}
|
|
18807
|
+
}, {
|
|
18808
|
+
key: 'onUpdate',
|
|
18809
|
+
value: function onUpdate() {}
|
|
18810
|
+
}]);
|
|
18808
18811
|
|
|
18809
|
-
|
|
18812
|
+
return Action;
|
|
18813
|
+
}();
|
|
18814
|
+
|
|
18815
|
+
Action.default = Action$1;
|
|
18816
|
+
return Action;
|
|
18817
|
+
}
|
|
18810
18818
|
|
|
18811
18819
|
var hasRequiredBlotFormatter;
|
|
18812
18820
|
|
|
@@ -18828,7 +18836,7 @@
|
|
|
18828
18836
|
|
|
18829
18837
|
var _Options2 = _interopRequireDefault(_Options);
|
|
18830
18838
|
|
|
18831
|
-
var _Action =
|
|
18839
|
+
var _Action = requireAction();
|
|
18832
18840
|
|
|
18833
18841
|
_interopRequireDefault(_Action);
|
|
18834
18842
|
|
|
@@ -19267,7 +19275,7 @@
|
|
|
19267
19275
|
|
|
19268
19276
|
var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
|
|
19269
19277
|
|
|
19270
|
-
var _Action2 =
|
|
19278
|
+
var _Action2 = requireAction();
|
|
19271
19279
|
|
|
19272
19280
|
var _Action3 = _interopRequireDefault(_Action2);
|
|
19273
19281
|
|
|
@@ -19332,190 +19340,182 @@
|
|
|
19332
19340
|
return AlignAction;
|
|
19333
19341
|
}
|
|
19334
19342
|
|
|
19335
|
-
var ResizeAction = {};
|
|
19336
|
-
|
|
19337
|
-
var hasRequiredResizeAction;
|
|
19343
|
+
var ResizeAction$1 = {};
|
|
19338
19344
|
|
|
19339
|
-
|
|
19340
|
-
|
|
19341
|
-
|
|
19342
|
-
|
|
19343
|
-
Object.defineProperty(ResizeAction, "__esModule", {
|
|
19344
|
-
value: true
|
|
19345
|
-
});
|
|
19345
|
+
Object.defineProperty(ResizeAction$1, "__esModule", {
|
|
19346
|
+
value: true
|
|
19347
|
+
});
|
|
19346
19348
|
|
|
19347
|
-
|
|
19349
|
+
var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
|
|
19348
19350
|
|
|
19349
|
-
|
|
19351
|
+
var _Action2 = requireAction();
|
|
19350
19352
|
|
|
19351
|
-
|
|
19353
|
+
var _Action3 = _interopRequireDefault(_Action2);
|
|
19352
19354
|
|
|
19353
|
-
|
|
19355
|
+
var _BlotFormatter = requireBlotFormatter();
|
|
19354
19356
|
|
|
19355
|
-
|
|
19357
|
+
_interopRequireDefault(_BlotFormatter);
|
|
19356
19358
|
|
|
19357
|
-
|
|
19359
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
19358
19360
|
|
|
19359
|
-
|
|
19361
|
+
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
|
19360
19362
|
|
|
19361
|
-
|
|
19363
|
+
function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
|
|
19362
19364
|
|
|
19363
|
-
|
|
19365
|
+
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
|
|
19364
19366
|
|
|
19365
|
-
|
|
19366
|
-
|
|
19367
|
+
var ResizeAction = function (_Action) {
|
|
19368
|
+
_inherits(ResizeAction, _Action);
|
|
19367
19369
|
|
|
19368
|
-
|
|
19369
|
-
|
|
19370
|
+
function ResizeAction(formatter) {
|
|
19371
|
+
_classCallCheck(this, ResizeAction);
|
|
19370
19372
|
|
|
19371
|
-
|
|
19373
|
+
var _this = _possibleConstructorReturn(this, (ResizeAction.__proto__ || Object.getPrototypeOf(ResizeAction)).call(this, formatter));
|
|
19372
19374
|
|
|
19373
|
-
|
|
19374
|
-
|
|
19375
|
-
|
|
19376
|
-
|
|
19377
|
-
|
|
19378
|
-
|
|
19375
|
+
_this.onMouseDown = function (event) {
|
|
19376
|
+
if (!(event.target instanceof HTMLElement)) {
|
|
19377
|
+
return;
|
|
19378
|
+
}
|
|
19379
|
+
_this.dragHandle = event.target;
|
|
19380
|
+
_this.setCursor(_this.dragHandle.style.cursor);
|
|
19379
19381
|
|
|
19380
|
-
|
|
19381
|
-
|
|
19382
|
-
|
|
19382
|
+
if (!_this.formatter.currentSpec) {
|
|
19383
|
+
return;
|
|
19384
|
+
}
|
|
19383
19385
|
|
|
19384
|
-
|
|
19385
|
-
|
|
19386
|
-
|
|
19387
|
-
|
|
19386
|
+
var target = _this.formatter.currentSpec.getTargetElement();
|
|
19387
|
+
if (!target) {
|
|
19388
|
+
return;
|
|
19389
|
+
}
|
|
19388
19390
|
|
|
19389
|
-
|
|
19391
|
+
var rect = target.getBoundingClientRect();
|
|
19390
19392
|
|
|
19391
|
-
|
|
19392
|
-
|
|
19393
|
-
|
|
19393
|
+
_this.dragStartX = event.clientX;
|
|
19394
|
+
_this.preDragWidth = rect.width;
|
|
19395
|
+
_this.targetRatio = rect.height / rect.width;
|
|
19394
19396
|
|
|
19395
|
-
|
|
19396
|
-
|
|
19397
|
-
|
|
19397
|
+
document.addEventListener('mousemove', _this.onDrag);
|
|
19398
|
+
document.addEventListener('mouseup', _this.onMouseUp);
|
|
19399
|
+
};
|
|
19398
19400
|
|
|
19399
|
-
|
|
19400
|
-
|
|
19401
|
-
|
|
19402
|
-
|
|
19401
|
+
_this.onDrag = function (event) {
|
|
19402
|
+
if (!_this.formatter.currentSpec) {
|
|
19403
|
+
return;
|
|
19404
|
+
}
|
|
19403
19405
|
|
|
19404
|
-
|
|
19405
|
-
|
|
19406
|
-
|
|
19407
|
-
|
|
19406
|
+
var target = _this.formatter.currentSpec.getTargetElement();
|
|
19407
|
+
if (!target) {
|
|
19408
|
+
return;
|
|
19409
|
+
}
|
|
19408
19410
|
|
|
19409
|
-
|
|
19410
|
-
|
|
19411
|
+
var deltaX = event.clientX - _this.dragStartX;
|
|
19412
|
+
var newWidth = 0;
|
|
19411
19413
|
|
|
19412
|
-
|
|
19413
|
-
|
|
19414
|
-
|
|
19415
|
-
|
|
19416
|
-
|
|
19414
|
+
if (_this.dragHandle === _this.topLeftHandle || _this.dragHandle === _this.bottomLeftHandle) {
|
|
19415
|
+
newWidth = Math.round(_this.preDragWidth - deltaX);
|
|
19416
|
+
} else {
|
|
19417
|
+
newWidth = Math.round(_this.preDragWidth + deltaX);
|
|
19418
|
+
}
|
|
19417
19419
|
|
|
19418
|
-
|
|
19420
|
+
var newHeight = _this.targetRatio * newWidth;
|
|
19419
19421
|
|
|
19420
|
-
|
|
19421
|
-
|
|
19422
|
+
target.setAttribute('width', '' + newWidth);
|
|
19423
|
+
target.setAttribute('height', '' + newHeight);
|
|
19422
19424
|
|
|
19423
|
-
|
|
19424
|
-
|
|
19425
|
+
_this.formatter.update();
|
|
19426
|
+
};
|
|
19425
19427
|
|
|
19426
|
-
|
|
19427
|
-
|
|
19428
|
-
|
|
19429
|
-
|
|
19430
|
-
|
|
19428
|
+
_this.onMouseUp = function () {
|
|
19429
|
+
_this.setCursor('');
|
|
19430
|
+
document.removeEventListener('mousemove', _this.onDrag);
|
|
19431
|
+
document.removeEventListener('mouseup', _this.onMouseUp);
|
|
19432
|
+
};
|
|
19431
19433
|
|
|
19432
|
-
|
|
19433
|
-
|
|
19434
|
-
|
|
19435
|
-
|
|
19436
|
-
|
|
19437
|
-
|
|
19438
|
-
|
|
19439
|
-
|
|
19440
|
-
|
|
19441
|
-
|
|
19434
|
+
_this.topLeftHandle = _this.createHandle('top-left', 'nwse-resize');
|
|
19435
|
+
_this.topRightHandle = _this.createHandle('top-right', 'nesw-resize');
|
|
19436
|
+
_this.bottomRightHandle = _this.createHandle('bottom-right', 'nwse-resize');
|
|
19437
|
+
_this.bottomLeftHandle = _this.createHandle('bottom-left', 'nesw-resize');
|
|
19438
|
+
_this.dragHandle = null;
|
|
19439
|
+
_this.dragStartX = 0;
|
|
19440
|
+
_this.preDragWidth = 0;
|
|
19441
|
+
_this.targetRatio = 0;
|
|
19442
|
+
return _this;
|
|
19443
|
+
}
|
|
19442
19444
|
|
|
19443
|
-
|
|
19444
|
-
|
|
19445
|
-
|
|
19446
|
-
|
|
19447
|
-
|
|
19448
|
-
|
|
19449
|
-
|
|
19445
|
+
_createClass(ResizeAction, [{
|
|
19446
|
+
key: 'onCreate',
|
|
19447
|
+
value: function onCreate() {
|
|
19448
|
+
this.formatter.overlay.appendChild(this.topLeftHandle);
|
|
19449
|
+
this.formatter.overlay.appendChild(this.topRightHandle);
|
|
19450
|
+
this.formatter.overlay.appendChild(this.bottomRightHandle);
|
|
19451
|
+
this.formatter.overlay.appendChild(this.bottomLeftHandle);
|
|
19450
19452
|
|
|
19451
|
-
|
|
19452
|
-
|
|
19453
|
-
|
|
19454
|
-
|
|
19455
|
-
|
|
19456
|
-
|
|
19457
|
-
|
|
19458
|
-
|
|
19459
|
-
|
|
19460
|
-
|
|
19461
|
-
|
|
19462
|
-
|
|
19463
|
-
|
|
19464
|
-
|
|
19465
|
-
|
|
19466
|
-
|
|
19467
|
-
|
|
19468
|
-
|
|
19469
|
-
|
|
19470
|
-
|
|
19471
|
-
|
|
19472
|
-
|
|
19453
|
+
this.repositionHandles(this.formatter.options.resize.handleStyle);
|
|
19454
|
+
}
|
|
19455
|
+
}, {
|
|
19456
|
+
key: 'onDestroy',
|
|
19457
|
+
value: function onDestroy() {
|
|
19458
|
+
this.setCursor('');
|
|
19459
|
+
this.formatter.overlay.removeChild(this.topLeftHandle);
|
|
19460
|
+
this.formatter.overlay.removeChild(this.topRightHandle);
|
|
19461
|
+
this.formatter.overlay.removeChild(this.bottomRightHandle);
|
|
19462
|
+
this.formatter.overlay.removeChild(this.bottomLeftHandle);
|
|
19463
|
+
}
|
|
19464
|
+
}, {
|
|
19465
|
+
key: 'createHandle',
|
|
19466
|
+
value: function createHandle(position, cursor) {
|
|
19467
|
+
var box = document.createElement('div');
|
|
19468
|
+
box.classList.add(this.formatter.options.resize.handleClassName);
|
|
19469
|
+
box.setAttribute('data-position', position);
|
|
19470
|
+
box.style.cursor = cursor;
|
|
19471
|
+
|
|
19472
|
+
if (this.formatter.options.resize.handleStyle) {
|
|
19473
|
+
Object.assign(box.style, this.formatter.options.resize.handleStyle);
|
|
19474
|
+
}
|
|
19473
19475
|
|
|
19474
|
-
|
|
19476
|
+
box.addEventListener('mousedown', this.onMouseDown);
|
|
19475
19477
|
|
|
19476
|
-
|
|
19477
|
-
|
|
19478
|
-
|
|
19479
|
-
|
|
19480
|
-
|
|
19481
|
-
|
|
19482
|
-
|
|
19483
|
-
|
|
19484
|
-
|
|
19485
|
-
|
|
19486
|
-
|
|
19487
|
-
|
|
19488
|
-
|
|
19489
|
-
|
|
19490
|
-
|
|
19478
|
+
return box;
|
|
19479
|
+
}
|
|
19480
|
+
}, {
|
|
19481
|
+
key: 'repositionHandles',
|
|
19482
|
+
value: function repositionHandles(handleStyle) {
|
|
19483
|
+
var handleXOffset = '0px';
|
|
19484
|
+
var handleYOffset = '0px';
|
|
19485
|
+
if (handleStyle) {
|
|
19486
|
+
if (handleStyle.width) {
|
|
19487
|
+
handleXOffset = -parseFloat(handleStyle.width) / 2 + 'px';
|
|
19488
|
+
}
|
|
19489
|
+
if (handleStyle.height) {
|
|
19490
|
+
handleYOffset = -parseFloat(handleStyle.height) / 2 + 'px';
|
|
19491
|
+
}
|
|
19492
|
+
}
|
|
19491
19493
|
|
|
19492
|
-
|
|
19493
|
-
|
|
19494
|
-
|
|
19495
|
-
|
|
19496
|
-
|
|
19497
|
-
|
|
19498
|
-
|
|
19499
|
-
|
|
19500
|
-
|
|
19501
|
-
|
|
19502
|
-
|
|
19494
|
+
Object.assign(this.topLeftHandle.style, { left: handleXOffset, top: handleYOffset });
|
|
19495
|
+
Object.assign(this.topRightHandle.style, { right: handleXOffset, top: handleYOffset });
|
|
19496
|
+
Object.assign(this.bottomRightHandle.style, { right: handleXOffset, bottom: handleYOffset });
|
|
19497
|
+
Object.assign(this.bottomLeftHandle.style, { left: handleXOffset, bottom: handleYOffset });
|
|
19498
|
+
}
|
|
19499
|
+
}, {
|
|
19500
|
+
key: 'setCursor',
|
|
19501
|
+
value: function setCursor(value) {
|
|
19502
|
+
if (document.body) {
|
|
19503
|
+
document.body.style.cursor = value;
|
|
19504
|
+
}
|
|
19503
19505
|
|
|
19504
|
-
|
|
19505
|
-
|
|
19506
|
-
|
|
19507
|
-
|
|
19508
|
-
|
|
19509
|
-
|
|
19510
|
-
|
|
19511
|
-
|
|
19506
|
+
if (this.formatter.currentSpec) {
|
|
19507
|
+
var target = this.formatter.currentSpec.getOverlayElement();
|
|
19508
|
+
if (target) {
|
|
19509
|
+
target.style.cursor = value;
|
|
19510
|
+
}
|
|
19511
|
+
}
|
|
19512
|
+
}
|
|
19513
|
+
}]);
|
|
19512
19514
|
|
|
19513
|
-
|
|
19514
|
-
|
|
19515
|
+
return ResizeAction;
|
|
19516
|
+
}(_Action3.default);
|
|
19515
19517
|
|
|
19516
|
-
|
|
19517
|
-
return ResizeAction;
|
|
19518
|
-
}
|
|
19518
|
+
ResizeAction$1.default = ResizeAction;
|
|
19519
19519
|
|
|
19520
19520
|
var DeleteAction = {};
|
|
19521
19521
|
|
|
@@ -19535,7 +19535,7 @@
|
|
|
19535
19535
|
|
|
19536
19536
|
var _quill2 = _interopRequireDefault(_quill);
|
|
19537
19537
|
|
|
19538
|
-
var _Action2 =
|
|
19538
|
+
var _Action2 = requireAction();
|
|
19539
19539
|
|
|
19540
19540
|
var _Action3 = _interopRequireDefault(_Action2);
|
|
19541
19541
|
|
|
@@ -19614,7 +19614,7 @@
|
|
|
19614
19614
|
|
|
19615
19615
|
_interopRequireDefault(_BlotFormatter);
|
|
19616
19616
|
|
|
19617
|
-
var _Action =
|
|
19617
|
+
var _Action = requireAction();
|
|
19618
19618
|
|
|
19619
19619
|
_interopRequireDefault(_Action);
|
|
19620
19620
|
|
|
@@ -19622,7 +19622,7 @@
|
|
|
19622
19622
|
|
|
19623
19623
|
var _AlignAction2 = _interopRequireDefault(_AlignAction);
|
|
19624
19624
|
|
|
19625
|
-
var _ResizeAction =
|
|
19625
|
+
var _ResizeAction = ResizeAction$1;
|
|
19626
19626
|
|
|
19627
19627
|
var _ResizeAction2 = _interopRequireDefault(_ResizeAction);
|
|
19628
19628
|
|
|
@@ -19754,148 +19754,156 @@
|
|
|
19754
19754
|
|
|
19755
19755
|
var IframeVideoSpec = {};
|
|
19756
19756
|
|
|
19757
|
-
var UnclickableBlotSpec
|
|
19757
|
+
var UnclickableBlotSpec = {};
|
|
19758
19758
|
|
|
19759
|
-
|
|
19760
|
-
value: true
|
|
19761
|
-
});
|
|
19759
|
+
var hasRequiredUnclickableBlotSpec;
|
|
19762
19760
|
|
|
19763
|
-
|
|
19761
|
+
function requireUnclickableBlotSpec () {
|
|
19762
|
+
if (hasRequiredUnclickableBlotSpec) return UnclickableBlotSpec;
|
|
19763
|
+
hasRequiredUnclickableBlotSpec = 1;
|
|
19764
19764
|
|
|
19765
|
-
|
|
19765
|
+
Object.defineProperty(UnclickableBlotSpec, "__esModule", {
|
|
19766
|
+
value: true
|
|
19767
|
+
});
|
|
19766
19768
|
|
|
19767
|
-
|
|
19769
|
+
var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
|
|
19768
19770
|
|
|
19769
|
-
|
|
19771
|
+
var _BlotSpec2 = requireBlotSpec();
|
|
19770
19772
|
|
|
19771
|
-
|
|
19773
|
+
var _BlotSpec3 = _interopRequireDefault(_BlotSpec2);
|
|
19772
19774
|
|
|
19773
|
-
|
|
19775
|
+
var _BlotFormatter = requireBlotFormatter();
|
|
19774
19776
|
|
|
19775
|
-
|
|
19777
|
+
_interopRequireDefault(_BlotFormatter);
|
|
19776
19778
|
|
|
19777
|
-
|
|
19779
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
19778
19780
|
|
|
19779
|
-
|
|
19781
|
+
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
|
19780
19782
|
|
|
19781
|
-
|
|
19782
|
-
var PROXY_IMAGE_CLASS = 'blot-formatter__proxy-image';
|
|
19783
|
+
function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
|
|
19783
19784
|
|
|
19784
|
-
|
|
19785
|
-
_inherits(UnclickableBlotSpec, _BlotSpec);
|
|
19785
|
+
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
|
|
19786
19786
|
|
|
19787
|
-
|
|
19788
|
-
|
|
19787
|
+
var MOUSE_ENTER_ATTRIBUTE = 'data-blot-formatter-unclickable-bound';
|
|
19788
|
+
var PROXY_IMAGE_CLASS = 'blot-formatter__proxy-image';
|
|
19789
19789
|
|
|
19790
|
-
|
|
19790
|
+
var UnclickableBlotSpec$1 = function (_BlotSpec) {
|
|
19791
|
+
_inherits(UnclickableBlotSpec, _BlotSpec);
|
|
19791
19792
|
|
|
19792
|
-
|
|
19793
|
-
|
|
19794
|
-
unclickable.setAttribute(MOUSE_ENTER_ATTRIBUTE, 'true');
|
|
19795
|
-
unclickable.addEventListener('mouseenter', _this.onMouseEnter);
|
|
19796
|
-
});
|
|
19797
|
-
};
|
|
19793
|
+
function UnclickableBlotSpec(formatter, selector) {
|
|
19794
|
+
_classCallCheck(this, UnclickableBlotSpec);
|
|
19798
19795
|
|
|
19799
|
-
|
|
19800
|
-
var unclickable = event.target;
|
|
19801
|
-
if (!(unclickable instanceof HTMLElement)) {
|
|
19802
|
-
return;
|
|
19803
|
-
}
|
|
19796
|
+
var _this = _possibleConstructorReturn(this, (UnclickableBlotSpec.__proto__ || Object.getPrototypeOf(UnclickableBlotSpec)).call(this, formatter));
|
|
19804
19797
|
|
|
19805
|
-
|
|
19806
|
-
|
|
19807
|
-
|
|
19798
|
+
_this.onTextChange = function () {
|
|
19799
|
+
Array.from(document.querySelectorAll(_this.selector + ':not([' + MOUSE_ENTER_ATTRIBUTE + '])')).forEach(function (unclickable) {
|
|
19800
|
+
unclickable.setAttribute(MOUSE_ENTER_ATTRIBUTE, 'true');
|
|
19801
|
+
unclickable.addEventListener('mouseenter', _this.onMouseEnter);
|
|
19802
|
+
});
|
|
19803
|
+
};
|
|
19808
19804
|
|
|
19809
|
-
|
|
19810
|
-
|
|
19811
|
-
|
|
19812
|
-
|
|
19813
|
-
|
|
19814
|
-
};
|
|
19805
|
+
_this.onMouseEnter = function (event) {
|
|
19806
|
+
var unclickable = event.target;
|
|
19807
|
+
if (!(unclickable instanceof HTMLElement)) {
|
|
19808
|
+
return;
|
|
19809
|
+
}
|
|
19815
19810
|
|
|
19816
|
-
|
|
19817
|
-
|
|
19818
|
-
|
|
19819
|
-
return _this;
|
|
19820
|
-
}
|
|
19811
|
+
_this.nextUnclickable = unclickable;
|
|
19812
|
+
_this.repositionProxyImage(_this.nextUnclickable);
|
|
19813
|
+
};
|
|
19821
19814
|
|
|
19822
|
-
|
|
19823
|
-
|
|
19824
|
-
|
|
19825
|
-
|
|
19826
|
-
|
|
19827
|
-
|
|
19828
|
-
this prevents the click event from overlapping with ImageSpec
|
|
19829
|
-
*/
|
|
19830
|
-
document.body.appendChild(this.createProxyImage());
|
|
19831
|
-
}
|
|
19815
|
+
_this.onProxyImageClick = function () {
|
|
19816
|
+
_this.unclickable = _this.nextUnclickable;
|
|
19817
|
+
_this.nextUnclickable = null;
|
|
19818
|
+
_this.formatter.show(_this);
|
|
19819
|
+
_this.hideProxyImage();
|
|
19820
|
+
};
|
|
19832
19821
|
|
|
19833
|
-
|
|
19834
|
-
|
|
19835
|
-
|
|
19836
|
-
|
|
19837
|
-
|
|
19838
|
-
key: 'getTargetElement',
|
|
19839
|
-
value: function getTargetElement() {
|
|
19840
|
-
return this.unclickable;
|
|
19841
|
-
}
|
|
19842
|
-
}, {
|
|
19843
|
-
key: 'getOverlayElement',
|
|
19844
|
-
value: function getOverlayElement() {
|
|
19845
|
-
return this.unclickable;
|
|
19846
|
-
}
|
|
19847
|
-
}, {
|
|
19848
|
-
key: 'onHide',
|
|
19849
|
-
value: function onHide() {
|
|
19850
|
-
this.hideProxyImage();
|
|
19851
|
-
this.nextUnclickable = null;
|
|
19852
|
-
this.unclickable = null;
|
|
19853
|
-
}
|
|
19854
|
-
}, {
|
|
19855
|
-
key: 'createProxyImage',
|
|
19856
|
-
value: function createProxyImage() {
|
|
19857
|
-
var canvas = document.createElement('canvas');
|
|
19858
|
-
var context = canvas.getContext('2d');
|
|
19859
|
-
context.globalAlpha = 0;
|
|
19860
|
-
context.fillRect(0, 0, 1, 1);
|
|
19861
|
-
|
|
19862
|
-
this.proxyImage = document.createElement('img');
|
|
19863
|
-
this.proxyImage.src = canvas.toDataURL('image/png');
|
|
19864
|
-
this.proxyImage.classList.add(PROXY_IMAGE_CLASS);
|
|
19865
|
-
|
|
19866
|
-
Object.assign(this.proxyImage.style, {
|
|
19867
|
-
position: 'absolute',
|
|
19868
|
-
margin: '0'
|
|
19869
|
-
});
|
|
19822
|
+
_this.selector = selector;
|
|
19823
|
+
_this.unclickable = null;
|
|
19824
|
+
_this.nextUnclickable = null;
|
|
19825
|
+
return _this;
|
|
19826
|
+
}
|
|
19870
19827
|
|
|
19871
|
-
|
|
19872
|
-
|
|
19873
|
-
|
|
19874
|
-
|
|
19875
|
-
|
|
19876
|
-
|
|
19877
|
-
|
|
19878
|
-
|
|
19879
|
-
|
|
19880
|
-
|
|
19881
|
-
key: 'repositionProxyImage',
|
|
19882
|
-
value: function repositionProxyImage(unclickable) {
|
|
19883
|
-
var rect = unclickable.getBoundingClientRect();
|
|
19884
|
-
|
|
19885
|
-
Object.assign(this.proxyImage.style, {
|
|
19886
|
-
display: 'block',
|
|
19887
|
-
left: rect.left + window.pageXOffset + 'px',
|
|
19888
|
-
top: rect.top + window.pageYOffset + 'px',
|
|
19889
|
-
width: rect.width + 'px',
|
|
19890
|
-
height: rect.height + 'px'
|
|
19891
|
-
});
|
|
19892
|
-
}
|
|
19893
|
-
}]);
|
|
19828
|
+
_createClass(UnclickableBlotSpec, [{
|
|
19829
|
+
key: 'init',
|
|
19830
|
+
value: function init() {
|
|
19831
|
+
if (document.body) {
|
|
19832
|
+
/*
|
|
19833
|
+
it's important that this is attached to the body instead of the root quill element.
|
|
19834
|
+
this prevents the click event from overlapping with ImageSpec
|
|
19835
|
+
*/
|
|
19836
|
+
document.body.appendChild(this.createProxyImage());
|
|
19837
|
+
}
|
|
19894
19838
|
|
|
19895
|
-
|
|
19896
|
-
|
|
19839
|
+
this.hideProxyImage();
|
|
19840
|
+
this.proxyImage.addEventListener('click', this.onProxyImageClick);
|
|
19841
|
+
this.formatter.quill.on('text-change', this.onTextChange);
|
|
19842
|
+
}
|
|
19843
|
+
}, {
|
|
19844
|
+
key: 'getTargetElement',
|
|
19845
|
+
value: function getTargetElement() {
|
|
19846
|
+
return this.unclickable;
|
|
19847
|
+
}
|
|
19848
|
+
}, {
|
|
19849
|
+
key: 'getOverlayElement',
|
|
19850
|
+
value: function getOverlayElement() {
|
|
19851
|
+
return this.unclickable;
|
|
19852
|
+
}
|
|
19853
|
+
}, {
|
|
19854
|
+
key: 'onHide',
|
|
19855
|
+
value: function onHide() {
|
|
19856
|
+
this.hideProxyImage();
|
|
19857
|
+
this.nextUnclickable = null;
|
|
19858
|
+
this.unclickable = null;
|
|
19859
|
+
}
|
|
19860
|
+
}, {
|
|
19861
|
+
key: 'createProxyImage',
|
|
19862
|
+
value: function createProxyImage() {
|
|
19863
|
+
var canvas = document.createElement('canvas');
|
|
19864
|
+
var context = canvas.getContext('2d');
|
|
19865
|
+
context.globalAlpha = 0;
|
|
19866
|
+
context.fillRect(0, 0, 1, 1);
|
|
19867
|
+
|
|
19868
|
+
this.proxyImage = document.createElement('img');
|
|
19869
|
+
this.proxyImage.src = canvas.toDataURL('image/png');
|
|
19870
|
+
this.proxyImage.classList.add(PROXY_IMAGE_CLASS);
|
|
19871
|
+
|
|
19872
|
+
Object.assign(this.proxyImage.style, {
|
|
19873
|
+
position: 'absolute',
|
|
19874
|
+
margin: '0'
|
|
19875
|
+
});
|
|
19897
19876
|
|
|
19898
|
-
|
|
19877
|
+
return this.proxyImage;
|
|
19878
|
+
}
|
|
19879
|
+
}, {
|
|
19880
|
+
key: 'hideProxyImage',
|
|
19881
|
+
value: function hideProxyImage() {
|
|
19882
|
+
Object.assign(this.proxyImage.style, {
|
|
19883
|
+
display: 'none'
|
|
19884
|
+
});
|
|
19885
|
+
}
|
|
19886
|
+
}, {
|
|
19887
|
+
key: 'repositionProxyImage',
|
|
19888
|
+
value: function repositionProxyImage(unclickable) {
|
|
19889
|
+
var rect = unclickable.getBoundingClientRect();
|
|
19890
|
+
|
|
19891
|
+
Object.assign(this.proxyImage.style, {
|
|
19892
|
+
display: 'block',
|
|
19893
|
+
left: rect.left + window.pageXOffset + 'px',
|
|
19894
|
+
top: rect.top + window.pageYOffset + 'px',
|
|
19895
|
+
width: rect.width + 'px',
|
|
19896
|
+
height: rect.height + 'px'
|
|
19897
|
+
});
|
|
19898
|
+
}
|
|
19899
|
+
}]);
|
|
19900
|
+
|
|
19901
|
+
return UnclickableBlotSpec;
|
|
19902
|
+
}(_BlotSpec3.default);
|
|
19903
|
+
|
|
19904
|
+
UnclickableBlotSpec.default = UnclickableBlotSpec$1;
|
|
19905
|
+
return UnclickableBlotSpec;
|
|
19906
|
+
}
|
|
19899
19907
|
|
|
19900
19908
|
var hasRequiredIframeVideoSpec;
|
|
19901
19909
|
|
|
@@ -19907,7 +19915,7 @@
|
|
|
19907
19915
|
value: true
|
|
19908
19916
|
});
|
|
19909
19917
|
|
|
19910
|
-
var _UnclickableBlotSpec2 =
|
|
19918
|
+
var _UnclickableBlotSpec2 = requireUnclickableBlotSpec();
|
|
19911
19919
|
|
|
19912
19920
|
var _UnclickableBlotSpec3 = _interopRequireDefault(_UnclickableBlotSpec2);
|
|
19913
19921
|
|
|
@@ -20062,7 +20070,7 @@
|
|
|
20062
20070
|
}
|
|
20063
20071
|
});
|
|
20064
20072
|
|
|
20065
|
-
var _Action =
|
|
20073
|
+
var _Action = requireAction();
|
|
20066
20074
|
|
|
20067
20075
|
Object.defineProperty(exports, 'Action', {
|
|
20068
20076
|
enumerable: true,
|
|
@@ -20107,7 +20115,7 @@
|
|
|
20107
20115
|
}
|
|
20108
20116
|
});
|
|
20109
20117
|
|
|
20110
|
-
var _ResizeAction =
|
|
20118
|
+
var _ResizeAction = ResizeAction$1;
|
|
20111
20119
|
|
|
20112
20120
|
Object.defineProperty(exports, 'ResizeAction', {
|
|
20113
20121
|
enumerable: true,
|
|
@@ -20134,7 +20142,7 @@
|
|
|
20134
20142
|
}
|
|
20135
20143
|
});
|
|
20136
20144
|
|
|
20137
|
-
var _UnclickableBlotSpec =
|
|
20145
|
+
var _UnclickableBlotSpec = requireUnclickableBlotSpec();
|
|
20138
20146
|
|
|
20139
20147
|
Object.defineProperty(exports, 'UnclickableBlotSpec', {
|
|
20140
20148
|
enumerable: true,
|
|
@@ -20330,6 +20338,7 @@
|
|
|
20330
20338
|
function useGlobalClick() {
|
|
20331
20339
|
const clickHandlers = vue.ref([]);
|
|
20332
20340
|
const handleGlobalClick = (event) => {
|
|
20341
|
+
console.log('handleGlobalClick');
|
|
20333
20342
|
clickHandlers.value.forEach(handler => {
|
|
20334
20343
|
try {
|
|
20335
20344
|
handler(event);
|
|
@@ -20355,7 +20364,6 @@
|
|
|
20355
20364
|
clearClickHandlers();
|
|
20356
20365
|
});
|
|
20357
20366
|
return {
|
|
20358
|
-
clickHandlers: clickHandlers.value,
|
|
20359
20367
|
addClickHandler,
|
|
20360
20368
|
clearClickHandlers,
|
|
20361
20369
|
handleGlobalClick
|