pxx-vue-quill 1.0.159 → 1.0.160
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 +332 -323
- 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-
|
|
10
|
+
* Date: 2025-09-15T01:44:56.082Z
|
|
11
11
|
*/
|
|
12
12
|
(function (global, factory) {
|
|
13
13
|
typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue')) :
|
|
@@ -18994,11 +18994,11 @@
|
|
|
18994
18994
|
value: true
|
|
18995
18995
|
});
|
|
18996
18996
|
|
|
18997
|
-
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; }; }();
|
|
18997
|
+
var _createClass$2 = 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; }; }();
|
|
18998
18998
|
|
|
18999
18999
|
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
19000
19000
|
|
|
19001
|
-
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
|
19001
|
+
function _classCallCheck$2(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
|
19002
19002
|
|
|
19003
19003
|
var LEFT_ALIGN = 'left';
|
|
19004
19004
|
var CENTER_ALIGN = 'center';
|
|
@@ -19009,7 +19009,7 @@
|
|
|
19009
19009
|
var _this = this,
|
|
19010
19010
|
_alignments;
|
|
19011
19011
|
|
|
19012
|
-
_classCallCheck(this, DefaultAligner);
|
|
19012
|
+
_classCallCheck$2(this, DefaultAligner);
|
|
19013
19013
|
|
|
19014
19014
|
this.applyStyle = options.aligner.applyStyle;
|
|
19015
19015
|
this.alignAttribute = options.attribute;
|
|
@@ -19037,7 +19037,7 @@
|
|
|
19037
19037
|
}), _alignments);
|
|
19038
19038
|
}
|
|
19039
19039
|
|
|
19040
|
-
_createClass(DefaultAligner, [{
|
|
19040
|
+
_createClass$2(DefaultAligner, [{
|
|
19041
19041
|
key: 'getAlignments',
|
|
19042
19042
|
value: function getAlignments() {
|
|
19043
19043
|
var _this2 = this;
|
|
@@ -19340,190 +19340,182 @@
|
|
|
19340
19340
|
return AlignAction;
|
|
19341
19341
|
}
|
|
19342
19342
|
|
|
19343
|
-
var ResizeAction = {};
|
|
19344
|
-
|
|
19345
|
-
var hasRequiredResizeAction;
|
|
19346
|
-
|
|
19347
|
-
function requireResizeAction () {
|
|
19348
|
-
if (hasRequiredResizeAction) return ResizeAction;
|
|
19349
|
-
hasRequiredResizeAction = 1;
|
|
19343
|
+
var ResizeAction$1 = {};
|
|
19350
19344
|
|
|
19351
|
-
|
|
19352
|
-
|
|
19353
|
-
|
|
19345
|
+
Object.defineProperty(ResizeAction$1, "__esModule", {
|
|
19346
|
+
value: true
|
|
19347
|
+
});
|
|
19354
19348
|
|
|
19355
|
-
|
|
19349
|
+
var _createClass$1 = 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; }; }();
|
|
19356
19350
|
|
|
19357
|
-
|
|
19351
|
+
var _Action2 = requireAction();
|
|
19358
19352
|
|
|
19359
|
-
|
|
19353
|
+
var _Action3 = _interopRequireDefault$1(_Action2);
|
|
19360
19354
|
|
|
19361
|
-
|
|
19355
|
+
var _BlotFormatter$1 = requireBlotFormatter();
|
|
19362
19356
|
|
|
19363
|
-
|
|
19357
|
+
_interopRequireDefault$1(_BlotFormatter$1);
|
|
19364
19358
|
|
|
19365
|
-
|
|
19359
|
+
function _interopRequireDefault$1(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
19366
19360
|
|
|
19367
|
-
|
|
19361
|
+
function _classCallCheck$1(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
|
19368
19362
|
|
|
19369
|
-
|
|
19363
|
+
function _possibleConstructorReturn$1(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; }
|
|
19370
19364
|
|
|
19371
|
-
|
|
19365
|
+
function _inherits$1(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; }
|
|
19372
19366
|
|
|
19373
|
-
|
|
19374
|
-
|
|
19367
|
+
var ResizeAction = function (_Action) {
|
|
19368
|
+
_inherits$1(ResizeAction, _Action);
|
|
19375
19369
|
|
|
19376
|
-
|
|
19377
|
-
|
|
19370
|
+
function ResizeAction(formatter) {
|
|
19371
|
+
_classCallCheck$1(this, ResizeAction);
|
|
19378
19372
|
|
|
19379
|
-
|
|
19373
|
+
var _this = _possibleConstructorReturn$1(this, (ResizeAction.__proto__ || Object.getPrototypeOf(ResizeAction)).call(this, formatter));
|
|
19380
19374
|
|
|
19381
|
-
|
|
19382
|
-
|
|
19383
|
-
|
|
19384
|
-
|
|
19385
|
-
|
|
19386
|
-
|
|
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);
|
|
19387
19381
|
|
|
19388
|
-
|
|
19389
|
-
|
|
19390
|
-
|
|
19382
|
+
if (!_this.formatter.currentSpec) {
|
|
19383
|
+
return;
|
|
19384
|
+
}
|
|
19391
19385
|
|
|
19392
|
-
|
|
19393
|
-
|
|
19394
|
-
|
|
19395
|
-
|
|
19386
|
+
var target = _this.formatter.currentSpec.getTargetElement();
|
|
19387
|
+
if (!target) {
|
|
19388
|
+
return;
|
|
19389
|
+
}
|
|
19396
19390
|
|
|
19397
|
-
|
|
19391
|
+
var rect = target.getBoundingClientRect();
|
|
19398
19392
|
|
|
19399
|
-
|
|
19400
|
-
|
|
19401
|
-
|
|
19393
|
+
_this.dragStartX = event.clientX;
|
|
19394
|
+
_this.preDragWidth = rect.width;
|
|
19395
|
+
_this.targetRatio = rect.height / rect.width;
|
|
19402
19396
|
|
|
19403
|
-
|
|
19404
|
-
|
|
19405
|
-
|
|
19397
|
+
document.addEventListener('mousemove', _this.onDrag);
|
|
19398
|
+
document.addEventListener('mouseup', _this.onMouseUp);
|
|
19399
|
+
};
|
|
19406
19400
|
|
|
19407
|
-
|
|
19408
|
-
|
|
19409
|
-
|
|
19410
|
-
|
|
19401
|
+
_this.onDrag = function (event) {
|
|
19402
|
+
if (!_this.formatter.currentSpec) {
|
|
19403
|
+
return;
|
|
19404
|
+
}
|
|
19411
19405
|
|
|
19412
|
-
|
|
19413
|
-
|
|
19414
|
-
|
|
19415
|
-
|
|
19406
|
+
var target = _this.formatter.currentSpec.getTargetElement();
|
|
19407
|
+
if (!target) {
|
|
19408
|
+
return;
|
|
19409
|
+
}
|
|
19416
19410
|
|
|
19417
|
-
|
|
19418
|
-
|
|
19411
|
+
var deltaX = event.clientX - _this.dragStartX;
|
|
19412
|
+
var newWidth = 0;
|
|
19419
19413
|
|
|
19420
|
-
|
|
19421
|
-
|
|
19422
|
-
|
|
19423
|
-
|
|
19424
|
-
|
|
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
|
+
}
|
|
19425
19419
|
|
|
19426
|
-
|
|
19420
|
+
var newHeight = _this.targetRatio * newWidth;
|
|
19427
19421
|
|
|
19428
|
-
|
|
19429
|
-
|
|
19422
|
+
target.setAttribute('width', '' + newWidth);
|
|
19423
|
+
target.setAttribute('height', '' + newHeight);
|
|
19430
19424
|
|
|
19431
|
-
|
|
19432
|
-
|
|
19425
|
+
_this.formatter.update();
|
|
19426
|
+
};
|
|
19433
19427
|
|
|
19434
|
-
|
|
19435
|
-
|
|
19436
|
-
|
|
19437
|
-
|
|
19438
|
-
|
|
19428
|
+
_this.onMouseUp = function () {
|
|
19429
|
+
_this.setCursor('');
|
|
19430
|
+
document.removeEventListener('mousemove', _this.onDrag);
|
|
19431
|
+
document.removeEventListener('mouseup', _this.onMouseUp);
|
|
19432
|
+
};
|
|
19439
19433
|
|
|
19440
|
-
|
|
19441
|
-
|
|
19442
|
-
|
|
19443
|
-
|
|
19444
|
-
|
|
19445
|
-
|
|
19446
|
-
|
|
19447
|
-
|
|
19448
|
-
|
|
19449
|
-
|
|
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
|
+
}
|
|
19450
19444
|
|
|
19451
|
-
|
|
19452
|
-
|
|
19453
|
-
|
|
19454
|
-
|
|
19455
|
-
|
|
19456
|
-
|
|
19457
|
-
|
|
19445
|
+
_createClass$1(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);
|
|
19458
19452
|
|
|
19459
|
-
|
|
19460
|
-
|
|
19461
|
-
|
|
19462
|
-
|
|
19463
|
-
|
|
19464
|
-
|
|
19465
|
-
|
|
19466
|
-
|
|
19467
|
-
|
|
19468
|
-
|
|
19469
|
-
|
|
19470
|
-
|
|
19471
|
-
|
|
19472
|
-
|
|
19473
|
-
|
|
19474
|
-
|
|
19475
|
-
|
|
19476
|
-
|
|
19477
|
-
|
|
19478
|
-
|
|
19479
|
-
|
|
19480
|
-
|
|
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
|
+
}
|
|
19481
19475
|
|
|
19482
|
-
|
|
19476
|
+
box.addEventListener('mousedown', this.onMouseDown);
|
|
19483
19477
|
|
|
19484
|
-
|
|
19485
|
-
|
|
19486
|
-
|
|
19487
|
-
|
|
19488
|
-
|
|
19489
|
-
|
|
19490
|
-
|
|
19491
|
-
|
|
19492
|
-
|
|
19493
|
-
|
|
19494
|
-
|
|
19495
|
-
|
|
19496
|
-
|
|
19497
|
-
|
|
19498
|
-
|
|
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
|
+
}
|
|
19499
19493
|
|
|
19500
|
-
|
|
19501
|
-
|
|
19502
|
-
|
|
19503
|
-
|
|
19504
|
-
|
|
19505
|
-
|
|
19506
|
-
|
|
19507
|
-
|
|
19508
|
-
|
|
19509
|
-
|
|
19510
|
-
|
|
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
|
+
}
|
|
19511
19505
|
|
|
19512
|
-
|
|
19513
|
-
|
|
19514
|
-
|
|
19515
|
-
|
|
19516
|
-
|
|
19517
|
-
|
|
19518
|
-
|
|
19519
|
-
|
|
19506
|
+
if (this.formatter.currentSpec) {
|
|
19507
|
+
var target = this.formatter.currentSpec.getOverlayElement();
|
|
19508
|
+
if (target) {
|
|
19509
|
+
target.style.cursor = value;
|
|
19510
|
+
}
|
|
19511
|
+
}
|
|
19512
|
+
}
|
|
19513
|
+
}]);
|
|
19520
19514
|
|
|
19521
|
-
|
|
19522
|
-
|
|
19515
|
+
return ResizeAction;
|
|
19516
|
+
}(_Action3.default);
|
|
19523
19517
|
|
|
19524
|
-
|
|
19525
|
-
return ResizeAction;
|
|
19526
|
-
}
|
|
19518
|
+
ResizeAction$1.default = ResizeAction;
|
|
19527
19519
|
|
|
19528
19520
|
var DeleteAction = {};
|
|
19529
19521
|
|
|
@@ -19630,7 +19622,7 @@
|
|
|
19630
19622
|
|
|
19631
19623
|
var _AlignAction2 = _interopRequireDefault(_AlignAction);
|
|
19632
19624
|
|
|
19633
|
-
var _ResizeAction =
|
|
19625
|
+
var _ResizeAction = ResizeAction$1;
|
|
19634
19626
|
|
|
19635
19627
|
var _ResizeAction2 = _interopRequireDefault(_ResizeAction);
|
|
19636
19628
|
|
|
@@ -19762,156 +19754,148 @@
|
|
|
19762
19754
|
|
|
19763
19755
|
var IframeVideoSpec = {};
|
|
19764
19756
|
|
|
19765
|
-
var UnclickableBlotSpec = {};
|
|
19766
|
-
|
|
19767
|
-
var hasRequiredUnclickableBlotSpec;
|
|
19757
|
+
var UnclickableBlotSpec$1 = {};
|
|
19768
19758
|
|
|
19769
|
-
|
|
19770
|
-
|
|
19771
|
-
|
|
19772
|
-
|
|
19773
|
-
Object.defineProperty(UnclickableBlotSpec, "__esModule", {
|
|
19774
|
-
value: true
|
|
19775
|
-
});
|
|
19776
|
-
|
|
19777
|
-
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; }; }();
|
|
19759
|
+
Object.defineProperty(UnclickableBlotSpec$1, "__esModule", {
|
|
19760
|
+
value: true
|
|
19761
|
+
});
|
|
19778
19762
|
|
|
19779
|
-
|
|
19763
|
+
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; }; }();
|
|
19780
19764
|
|
|
19781
|
-
|
|
19765
|
+
var _BlotSpec2 = requireBlotSpec();
|
|
19782
19766
|
|
|
19783
|
-
|
|
19767
|
+
var _BlotSpec3 = _interopRequireDefault(_BlotSpec2);
|
|
19784
19768
|
|
|
19785
|
-
|
|
19769
|
+
var _BlotFormatter = requireBlotFormatter();
|
|
19786
19770
|
|
|
19787
|
-
|
|
19771
|
+
_interopRequireDefault(_BlotFormatter);
|
|
19788
19772
|
|
|
19789
|
-
|
|
19773
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
19790
19774
|
|
|
19791
|
-
|
|
19775
|
+
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
|
19792
19776
|
|
|
19793
|
-
|
|
19777
|
+
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; }
|
|
19794
19778
|
|
|
19795
|
-
|
|
19796
|
-
var PROXY_IMAGE_CLASS = 'blot-formatter__proxy-image';
|
|
19779
|
+
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; }
|
|
19797
19780
|
|
|
19798
|
-
|
|
19799
|
-
|
|
19781
|
+
var MOUSE_ENTER_ATTRIBUTE = 'data-blot-formatter-unclickable-bound';
|
|
19782
|
+
var PROXY_IMAGE_CLASS = 'blot-formatter__proxy-image';
|
|
19800
19783
|
|
|
19801
|
-
|
|
19802
|
-
|
|
19784
|
+
var UnclickableBlotSpec = function (_BlotSpec) {
|
|
19785
|
+
_inherits(UnclickableBlotSpec, _BlotSpec);
|
|
19803
19786
|
|
|
19804
|
-
|
|
19787
|
+
function UnclickableBlotSpec(formatter, selector) {
|
|
19788
|
+
_classCallCheck(this, UnclickableBlotSpec);
|
|
19805
19789
|
|
|
19806
|
-
|
|
19807
|
-
Array.from(document.querySelectorAll(_this.selector + ':not([' + MOUSE_ENTER_ATTRIBUTE + '])')).forEach(function (unclickable) {
|
|
19808
|
-
unclickable.setAttribute(MOUSE_ENTER_ATTRIBUTE, 'true');
|
|
19809
|
-
unclickable.addEventListener('mouseenter', _this.onMouseEnter);
|
|
19810
|
-
});
|
|
19811
|
-
};
|
|
19790
|
+
var _this = _possibleConstructorReturn(this, (UnclickableBlotSpec.__proto__ || Object.getPrototypeOf(UnclickableBlotSpec)).call(this, formatter));
|
|
19812
19791
|
|
|
19813
|
-
|
|
19814
|
-
|
|
19815
|
-
|
|
19816
|
-
|
|
19817
|
-
|
|
19792
|
+
_this.onTextChange = function () {
|
|
19793
|
+
Array.from(document.querySelectorAll(_this.selector + ':not([' + MOUSE_ENTER_ATTRIBUTE + '])')).forEach(function (unclickable) {
|
|
19794
|
+
unclickable.setAttribute(MOUSE_ENTER_ATTRIBUTE, 'true');
|
|
19795
|
+
unclickable.addEventListener('mouseenter', _this.onMouseEnter);
|
|
19796
|
+
});
|
|
19797
|
+
};
|
|
19818
19798
|
|
|
19819
|
-
|
|
19820
|
-
|
|
19821
|
-
|
|
19799
|
+
_this.onMouseEnter = function (event) {
|
|
19800
|
+
var unclickable = event.target;
|
|
19801
|
+
if (!(unclickable instanceof HTMLElement)) {
|
|
19802
|
+
return;
|
|
19803
|
+
}
|
|
19822
19804
|
|
|
19823
|
-
|
|
19824
|
-
|
|
19825
|
-
|
|
19826
|
-
_this.formatter.show(_this);
|
|
19827
|
-
_this.hideProxyImage();
|
|
19828
|
-
};
|
|
19805
|
+
_this.nextUnclickable = unclickable;
|
|
19806
|
+
_this.repositionProxyImage(_this.nextUnclickable);
|
|
19807
|
+
};
|
|
19829
19808
|
|
|
19830
|
-
|
|
19831
|
-
|
|
19832
|
-
|
|
19833
|
-
|
|
19834
|
-
|
|
19809
|
+
_this.onProxyImageClick = function () {
|
|
19810
|
+
_this.unclickable = _this.nextUnclickable;
|
|
19811
|
+
_this.nextUnclickable = null;
|
|
19812
|
+
_this.formatter.show(_this);
|
|
19813
|
+
_this.hideProxyImage();
|
|
19814
|
+
};
|
|
19835
19815
|
|
|
19836
|
-
|
|
19837
|
-
|
|
19838
|
-
|
|
19839
|
-
|
|
19840
|
-
|
|
19841
|
-
it's important that this is attached to the body instead of the root quill element.
|
|
19842
|
-
this prevents the click event from overlapping with ImageSpec
|
|
19843
|
-
*/
|
|
19844
|
-
document.body.appendChild(this.createProxyImage());
|
|
19845
|
-
}
|
|
19816
|
+
_this.selector = selector;
|
|
19817
|
+
_this.unclickable = null;
|
|
19818
|
+
_this.nextUnclickable = null;
|
|
19819
|
+
return _this;
|
|
19820
|
+
}
|
|
19846
19821
|
|
|
19847
|
-
|
|
19848
|
-
|
|
19849
|
-
|
|
19850
|
-
|
|
19851
|
-
|
|
19852
|
-
|
|
19853
|
-
|
|
19854
|
-
|
|
19855
|
-
|
|
19856
|
-
|
|
19857
|
-
key: 'getOverlayElement',
|
|
19858
|
-
value: function getOverlayElement() {
|
|
19859
|
-
return this.unclickable;
|
|
19860
|
-
}
|
|
19861
|
-
}, {
|
|
19862
|
-
key: 'onHide',
|
|
19863
|
-
value: function onHide() {
|
|
19864
|
-
this.hideProxyImage();
|
|
19865
|
-
this.nextUnclickable = null;
|
|
19866
|
-
this.unclickable = null;
|
|
19867
|
-
}
|
|
19868
|
-
}, {
|
|
19869
|
-
key: 'createProxyImage',
|
|
19870
|
-
value: function createProxyImage() {
|
|
19871
|
-
var canvas = document.createElement('canvas');
|
|
19872
|
-
var context = canvas.getContext('2d');
|
|
19873
|
-
context.globalAlpha = 0;
|
|
19874
|
-
context.fillRect(0, 0, 1, 1);
|
|
19875
|
-
|
|
19876
|
-
this.proxyImage = document.createElement('img');
|
|
19877
|
-
this.proxyImage.src = canvas.toDataURL('image/png');
|
|
19878
|
-
this.proxyImage.classList.add(PROXY_IMAGE_CLASS);
|
|
19879
|
-
|
|
19880
|
-
Object.assign(this.proxyImage.style, {
|
|
19881
|
-
position: 'absolute',
|
|
19882
|
-
margin: '0'
|
|
19883
|
-
});
|
|
19822
|
+
_createClass(UnclickableBlotSpec, [{
|
|
19823
|
+
key: 'init',
|
|
19824
|
+
value: function init() {
|
|
19825
|
+
if (document.body) {
|
|
19826
|
+
/*
|
|
19827
|
+
it's important that this is attached to the body instead of the root quill element.
|
|
19828
|
+
this prevents the click event from overlapping with ImageSpec
|
|
19829
|
+
*/
|
|
19830
|
+
document.body.appendChild(this.createProxyImage());
|
|
19831
|
+
}
|
|
19884
19832
|
|
|
19885
|
-
|
|
19886
|
-
|
|
19887
|
-
|
|
19888
|
-
|
|
19889
|
-
|
|
19890
|
-
|
|
19891
|
-
|
|
19892
|
-
|
|
19893
|
-
|
|
19894
|
-
|
|
19895
|
-
|
|
19896
|
-
|
|
19897
|
-
|
|
19833
|
+
this.hideProxyImage();
|
|
19834
|
+
this.proxyImage.addEventListener('click', this.onProxyImageClick);
|
|
19835
|
+
this.formatter.quill.on('text-change', this.onTextChange);
|
|
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
|
+
});
|
|
19898
19870
|
|
|
19899
|
-
|
|
19900
|
-
|
|
19901
|
-
|
|
19902
|
-
|
|
19903
|
-
|
|
19904
|
-
|
|
19905
|
-
|
|
19906
|
-
|
|
19907
|
-
|
|
19871
|
+
return this.proxyImage;
|
|
19872
|
+
}
|
|
19873
|
+
}, {
|
|
19874
|
+
key: 'hideProxyImage',
|
|
19875
|
+
value: function hideProxyImage() {
|
|
19876
|
+
Object.assign(this.proxyImage.style, {
|
|
19877
|
+
display: 'none'
|
|
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
|
+
}]);
|
|
19908
19894
|
|
|
19909
|
-
|
|
19910
|
-
|
|
19895
|
+
return UnclickableBlotSpec;
|
|
19896
|
+
}(_BlotSpec3.default);
|
|
19911
19897
|
|
|
19912
|
-
|
|
19913
|
-
return UnclickableBlotSpec;
|
|
19914
|
-
}
|
|
19898
|
+
UnclickableBlotSpec$1.default = UnclickableBlotSpec;
|
|
19915
19899
|
|
|
19916
19900
|
var hasRequiredIframeVideoSpec;
|
|
19917
19901
|
|
|
@@ -19923,7 +19907,7 @@
|
|
|
19923
19907
|
value: true
|
|
19924
19908
|
});
|
|
19925
19909
|
|
|
19926
|
-
var _UnclickableBlotSpec2 =
|
|
19910
|
+
var _UnclickableBlotSpec2 = UnclickableBlotSpec$1;
|
|
19927
19911
|
|
|
19928
19912
|
var _UnclickableBlotSpec3 = _interopRequireDefault(_UnclickableBlotSpec2);
|
|
19929
19913
|
|
|
@@ -20123,7 +20107,7 @@
|
|
|
20123
20107
|
}
|
|
20124
20108
|
});
|
|
20125
20109
|
|
|
20126
|
-
var _ResizeAction =
|
|
20110
|
+
var _ResizeAction = ResizeAction$1;
|
|
20127
20111
|
|
|
20128
20112
|
Object.defineProperty(exports, 'ResizeAction', {
|
|
20129
20113
|
enumerable: true,
|
|
@@ -20150,7 +20134,7 @@
|
|
|
20150
20134
|
}
|
|
20151
20135
|
});
|
|
20152
20136
|
|
|
20153
|
-
var _UnclickableBlotSpec =
|
|
20137
|
+
var _UnclickableBlotSpec = UnclickableBlotSpec$1;
|
|
20154
20138
|
|
|
20155
20139
|
Object.defineProperty(exports, 'UnclickableBlotSpec', {
|
|
20156
20140
|
enumerable: true,
|
|
@@ -20394,6 +20378,35 @@
|
|
|
20394
20378
|
};
|
|
20395
20379
|
}
|
|
20396
20380
|
|
|
20381
|
+
const isIPad = () => {
|
|
20382
|
+
const ua = navigator.userAgent;
|
|
20383
|
+
const isMacOs = /(?:Macintosh)/.test(ua);
|
|
20384
|
+
return /(?:iPad|PlayBook)/.test(ua) || (isMacOs && navigator.maxTouchPoints > 1);
|
|
20385
|
+
};
|
|
20386
|
+
|
|
20387
|
+
function useIPadScene() {
|
|
20388
|
+
const isIPadBool = isIPad();
|
|
20389
|
+
const handleIPadNewline = (delta, oldContents, clearCallback) => {
|
|
20390
|
+
var _a, _b, _c, _d;
|
|
20391
|
+
let shouldClearEditor = false;
|
|
20392
|
+
const oldText = (_b = (_a = oldContents.ops) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.insert;
|
|
20393
|
+
if (!oldText || !((_d = (_c = delta === null || delta === void 0 ? void 0 : delta.ops) === null || _c === void 0 ? void 0 : _c[0]) === null || _d === void 0 ? void 0 : _d.delete)) {
|
|
20394
|
+
return false;
|
|
20395
|
+
}
|
|
20396
|
+
const deleteLength = delta.ops[0].delete;
|
|
20397
|
+
const expectedDeleteLength = oldText.length - 1;
|
|
20398
|
+
const hasNewline = JSON.stringify(oldText).includes('\\n');
|
|
20399
|
+
shouldClearEditor = deleteLength === expectedDeleteLength && hasNewline;
|
|
20400
|
+
if (shouldClearEditor) {
|
|
20401
|
+
clearCallback();
|
|
20402
|
+
}
|
|
20403
|
+
};
|
|
20404
|
+
return {
|
|
20405
|
+
isIPadBool,
|
|
20406
|
+
handleIPadNewline
|
|
20407
|
+
};
|
|
20408
|
+
}
|
|
20409
|
+
|
|
20397
20410
|
const boldSVG = `<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="18" height="18" viewBox="0 0 18 18"><g><g style="opacity:0;"><rect x="0" y="0" width="18" height="18" rx="0" fill="#FFFFFF" fill-opacity="1"/></g><g><path d="M6.794999938146972,7.7800002288818355L9.045000038146974,7.7800002288818355Q9.855000038146972,7.7800002288818355,10.230000038146972,7.442500128881836Q10.605000038146972,7.105000028881836,10.605000038146972,6.505000128881836Q10.605000038146972,6.114999728881836,10.440000038146973,5.860000628881836Q10.275000138146972,5.6050005288818365,9.929999838146973,5.470000228881836Q9.585000038146973,5.335000028881836,9.045000038146974,5.335000028881836L7.139999938146973,5.335000028881836L7.139999938146973,3.385000228881836L9.045000038146974,3.385000228881836Q10.034999838146973,3.385000228881836,10.852499938146973,3.797500608881836Q11.670000038146974,4.2100000388818355,12.142499938146972,4.922500628881836Q12.614999738146974,5.635000228881836,12.614999738146974,6.505000128881836Q12.614999738146974,7.375000028881836,12.142499938146972,8.042500028881836Q11.670000038146974,8.710000028881836,10.860000138146972,9.070000128881837Q10.050000238146973,9.430000328881835,9.045000038146974,9.430000328881835L6.794999938146972,9.430000328881835L6.794999938146972,7.7800002288818355ZM7.139999938146973,12.550000228881835L9.329999938146972,12.550000228881835Q9.900000138146972,12.550000228881835,10.327499838146974,12.354999528881836Q10.755000138146972,12.159999828881835,10.987500238146973,11.807499928881835Q11.219999838146972,11.454999928881836,11.219999838146972,11.020000428881836Q11.219999838146972,10.600000428881836,10.987500238146973,10.232500028881836Q10.755000138146972,9.864999728881836,10.327499838146974,9.647500028881836Q9.900000138146972,9.430000328881835,9.329999938146972,9.430000328881835L6.975000038146972,9.430000328881835L6.975000038146972,7.7800002288818355L9.329999938146972,7.7800002288818355Q10.349999938146972,7.7800002288818355,11.250000038146972,8.200000328881835Q12.149999638146973,8.620000328881837,12.690000538146972,9.362500228881835Q13.229999538146973,10.104999528881836,13.229999538146973,11.034999828881837Q13.229999538146973,11.949999828881836,12.690000538146972,12.752500528881836Q12.149999638146973,13.555000228881836,11.250000038146972,14.027500228881836Q10.349999938146972,14.500000228881836,9.329999938146972,14.500000228881836L7.139999938146973,14.500000228881836L7.139999938146973,12.550000228881835ZM7.064999938146973,14.500000228881836Q6.284999968146972,14.500000228881836,5.872500058146973,14.095000228881837Q5.460000038146973,13.689999228881836,5.460000038146973,12.895000428881836L5.460000038146973,4.989999728881836Q5.460000038146973,4.195000648881836,5.872500058146973,3.789999958881836Q6.284999968146972,3.385000228881836,7.064999938146973,3.385000228881836L7.469999838146973,3.385000228881836L7.469999838146973,14.500000228881836L7.064999938146973,14.500000228881836Z" fill="#555555" fill-opacity="1"/></g></g></svg>`;
|
|
20398
20411
|
const italicSVG = `<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="18" height="18" viewBox="0 0 18 18"><g><g style="opacity:0;"><rect x="0" y="0" width="18" height="18" rx="0" fill="#FFFFFF" fill-opacity="1"/></g><g><path d="M8,3Q7.9015086,3,7.8049095,3.019214718Q7.7083106,3.038429435,7.6173165,3.076120459Q7.5263224,3.11381148,7.4444296,3.16853037Q7.3625371,3.2232492600000002,7.2928932,3.2928932Q7.2232492,3.36253715,7.1685302,3.4444297600000002Q7.1138113999999995,3.52632231,7.0761204,3.61731648Q7.0384293,3.70831072,7.0192146,3.80490965Q6.99999994,3.90150857,7,4Q6.99999994,4.0984913,7.0192146,4.1950902Q7.0384293,4.291689,7.0761204,4.3826833Q7.1138113999999995,4.4736774,7.1685302,4.5555699Q7.2232492,4.6374626,7.2928932,4.7071065999999995Q7.3625371,4.7767504,7.4444296,4.8314693Q7.5263224,4.8861883,7.6173165,4.9238794Q7.7083106,4.9615704,7.8049096,4.9807851Q7.9015086,4.9999999,8,5L9.137146,5L8,13L7,13Q6.90150857,13,6.80490965,13.019215Q6.70831072,13.038429,6.6173164799999995,13.07612Q6.52632231,13.113811,6.44442973,13.16853Q6.36253715,13.223249,6.2928932,13.292892Q6.22324926,13.362536,6.16853037,13.444429Q6.11381148,13.526321,6.076120459,13.617315Q6.038429435,13.708309,6.019214718,13.804909Q6,13.901508,6,14Q6,14.098491,6.019214718,14.195089Q6.038429435,14.291689,6.076120459,14.382683Q6.11381148,14.473677,6.16853037,14.555569Q6.22324926,14.637462,6.2928932,14.707106Q6.36253715,14.77675,6.44442976,14.831469Q6.52632231,14.886187,6.6173164799999995,14.923878Q6.70831072,14.961569,6.80490965,14.980784Q6.90150857,15,7,15L11,15Q11.0984912,15,11.1950898,14.980784Q11.2916889,14.961569,11.382682800000001,14.923878Q11.473677200000001,14.886187,11.5555696,14.831469Q11.6374626,14.77675,11.7071066,14.707106Q11.7767506,14.637462,11.8314691,14.555569Q11.8861876,14.473677,11.9238791,14.382683Q11.9615698,14.291689,11.9807849,14.195089Q12,14.098491,12,14Q12,13.901508,11.9807849,13.804909Q11.9615698,13.708309,11.9238791,13.617315Q11.8861876,13.526321,11.8314691,13.444428Q11.7767506,13.362536,11.7071066,13.292892Q11.6374626,13.223249,11.5555701,13.16853Q11.473677200000001,13.113811,11.382682800000001,13.07612Q11.2916889,13.038429,11.1950903,13.019215Q11.0984912,13,11,13L9.8626451,13L11,5L12,5Q12.0984907,4.9999999,12.1950893,4.9807851Q12.2916884,4.9615703,12.382682800000001,4.9238793Q12.4736767,4.8861883,12.5555696,4.8314693Q12.6374621,4.7767504,12.7071061,4.7071065999999995Q12.776750100000001,4.6374626,12.831468600000001,4.5555699Q12.8861876,4.4736774,12.9238787,4.3826833Q12.9615698,4.291689,12.9807849,4.1950902Q12.999999500000001,4.0984913,13,4Q12.999999500000001,3.90150857,12.980784400000001,3.80490965Q12.9615698,3.70831072,12.9238787,3.61731648Q12.8861876,3.52632231,12.8314691,3.44442973Q12.7767506,3.36253715,12.7071066,3.2928932Q12.6374626,3.2232492600000002,12.5555696,3.16853037Q12.4736767,3.11381148,12.382682800000001,3.076120459Q12.2916884,3.038429435,12.1950898,3.019214718Q12.0984907,3,12,3L8,3Z" fill-rule="evenodd" fill="#555555" fill-opacity="1"/></g></g></svg>`;
|
|
20399
20412
|
const underlineSVG = `<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="18" height="18" viewBox="0 0 18 18"><g><g style="opacity:0;"><rect x="0" y="0" width="18" height="18" rx="0" fill="#FFFFFF" fill-opacity="1"/></g><g><path d="M5.000117301940918,14.500022450683593L5.000117301940918,14.500022450683593Q5.000117301940918,14.450777450683594,5.009724660740918,14.402477450683593Q5.019332019940918,14.354177450683594,5.038177530940918,14.308679450683593Q5.057023040940918,14.263182450683594,5.084382488940918,14.222236450683594Q5.111741931940918,14.181290450683594,5.146563901940918,14.146469450683593Q5.181385871940918,14.111646450683594,5.222332181940918,14.084286450683594Q5.263278451940918,14.056927450683594,5.308775541940918,14.038082450683595Q5.354272661940918,14.019237450683594,5.402572121940918,14.009630450683593Q5.450871581940918,14.000022450683593,5.500117301940918,14.000022450683593L12.500117301940918,14.000022450683593Q12.549362201940918,14.000022450683593,12.597661501940918,14.009629450683594Q12.645960801940918,14.019237450683594,12.691457701940918,14.038082450683595Q12.736954701940917,14.056926450683594,12.777901601940918,14.084285450683593Q12.818847701940918,14.111645450683593,12.853670101940917,14.146468450683594Q12.888492101940919,14.181289450683593,12.915851601940918,14.222235450683593Q12.943210601940919,14.263181450683593,12.962056201940918,14.308679450683593Q12.980901701940919,14.354177450683594,12.990509501940917,14.402477450683593Q13.00011680194092,14.450777450683594,13.000117301940918,14.500022450683593L13.000117301940918,14.500022450683593Q13.00011680194092,14.549268450683593,12.990509001940918,14.597566450683594Q12.980901701940919,14.645866450683593,12.962056201940918,14.691363450683594Q12.943210601940919,14.736860450683594,12.915851601940918,14.777807450683595Q12.888492101940919,14.818753450683595,12.853670101940917,14.853575450683593Q12.818847701940918,14.888397450683593,12.777901601940918,14.915756450683594Q12.736954701940917,14.943115450683594,12.691457701940918,14.961960450683593Q12.645960801940918,14.980806450683593,12.597661501940918,14.990413450683594Q12.549362201940918,15.000021450683594,12.500117301940918,15.000022450683593L5.500117301940918,15.000022450683593Q5.450871581940918,15.000021450683594,5.402572121940918,14.990414450683593Q5.354272661940918,14.980806450683593,5.308775541940918,14.961960450683593Q5.263278451940918,14.943115450683594,5.222332161940918,14.915756450683594Q5.181385871940918,14.888397450683593,5.146563901940918,14.853574450683594Q5.111741931940918,14.818752450683593,5.084382488940918,14.777806450683594Q5.057023040940918,14.736860450683594,5.038177530940918,14.691363450683594Q5.019332019940918,14.645866450683593,5.009724660740918,14.597567450683593Q5.000117301940918,14.549268450683593,5.000117301940918,14.500022450683593ZM5.045039176940918,3.548906330683594Q5.045039176940918,3.1015625006835936,5.283039211940918,2.8637809706835937Q5.521039131940918,2.6259994506835938,5.969039081940918,2.6259994506835938L5.997039201940918,2.6259994506835938Q6.445039201940918,2.6259994506835938,6.6830393019409176,2.8637809706835937Q6.921039201940918,3.1015625006835936,6.921039201940918,3.548906330683594L6.921039201940918,9.010000250683593Q6.921039201940918,9.737999950683594,7.180039401940919,10.255999550683594Q7.439039201940918,10.774000150683595,7.908039101940918,11.053999950683593Q8.377039001940918,11.333999650683594,8.993039101940917,11.333999650683594Q9.609039301940918,11.333999650683594,10.085039101940918,11.060999850683594Q10.561039401940917,10.788000150683594,10.820039301940918,10.263000450683593Q11.079039101940918,9.737999950683594,11.079039101940918,9.010000250683593L11.079039101940918,3.548906330683594Q11.079039101940918,3.1015625006835936,11.317039501940918,2.8637809706835937Q11.555039401940917,2.6259994506835938,12.003039401940917,2.6259994506835938L12.031039201940917,2.6259994506835938Q12.479039201940918,2.6259994506835938,12.717039101940918,2.8637809706835937Q12.955039001940918,3.1015625006835936,12.955039001940918,3.548906330683594L12.955039001940918,9.010000250683593Q12.955039001940918,10.144000050683594,12.416039501940919,11.095999750683594Q11.877039901940918,12.048000350683594,10.967039101940918,12.600999850683595Q10.057039301940918,13.154000450683593,8.993039101940917,13.154000450683593Q7.929039001940918,13.154000450683593,7.0190392019409185,12.600999850683595Q6.109039201940918,12.048000350683594,5.577039361940918,11.095999750683594Q5.045039176940918,10.144000050683594,5.045039176940918,9.010000250683593L5.045039176940918,3.548906330683594Z" fill="#555555" fill-opacity="1"/></g></g></svg>`;
|
|
@@ -20408,12 +20421,6 @@
|
|
|
20408
20421
|
const imageSVG = `<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="18" height="18" viewBox="0 0 18 18"><g><g style="opacity:0;"><rect x="0" y="0" width="18" height="18" rx="0" fill="#FFFFFF" fill-opacity="1"/></g><g><path d="M1.87471507,3.83578219Q1.5,4.18540478,1.5,4.6875L1.5,14.312503Q1.50000006,14.814598,1.874716,15.16422Q2.23459671,15.5,2.73684216,15.5L15.263157,15.5Q15.765403,15.5,16.125284,15.164218Q16.499999000000003,14.814597,16.499999000000003,14.312501L16.499999000000003,4.6875Q16.499999000000003,4.18540342,16.125284999999998,3.83578214Q15.765404,3.5,15.263157,3.5L2.73684216,3.5Q2.23459646,3.5,1.87471507,3.83578219ZM2.5,14.312503L2.5,4.6875Q2.5,4.5,2.73684216,4.5L15.263157,4.5Q15.5,4.5,15.5,4.6875L15.5,14.312501Q15.5,14.5,15.263157,14.5L2.73684216,14.5Q2.5,14.5,2.5,14.312503Z" fill-rule="evenodd" fill="#555555" fill-opacity="1" style="mix-blend-mode:passthrough"/></g><g><ellipse cx="5.4375" cy="7.4375" rx="0.4375" ry="0.4375" fill-opacity="0" stroke-opacity="1" stroke="#555555" fill="none" stroke-width="1" stroke-linecap="ROUND" stroke-linejoin="round" style="mix-blend-mode:passthrough"/></g><g><path d="M5.9053998,9.924615948146972L1.7143693,12.841608238146973Q1.61364189,12.911715538146973,1.55682093,13.020492338146973Q1.5,13.129269138146974,1.5,13.251992238146972L1.50000003,14.418008338146972Q1.50000003,14.876594038146973,1.84130602,15.195924738146973Q2.16843581,15.501991738146973,2.62437022,15.501991738146973L15.375628,15.501991738146973Q15.831564,15.501991738146973,16.158693,15.195924738146973Q16.5,14.876594038146973,16.5,14.418007838146973L16.5,13.251992238146972Q16.500000999999997,13.186988838146974,16.48338,13.124146438146973Q16.466759,13.061303638146972,16.434621,13.004799838146972Q16.402485,12.948296338146973,16.356969,12.901887938146972Q16.311453,12.855479738146972,16.255583,12.822251838146972L9.8796926,9.030259398146972Q9.842938400000001,9.008400078146973,9.8030057,8.993099628146974Q9.763073,8.977799118146972,9.721121799999999,8.969501908146972Q9.6791716,8.961204618146972,9.6364217,8.960151608146973Q9.5936708,8.959098578146973,9.551362000000001,8.965320438146973Q9.5090542,8.971542238146972,9.4684162,8.984858218146973Q9.427778199999999,8.998174158146973,9.3899918,9.018197478146973Q9.352206200000001,9.038220708146973,9.3183689,9.064369648146972Q9.284532500000001,9.090518598146973,9.2556267,9.122033748146972L7.6887164,10.830422738146973L6.4904227,9.934544588146972Q6.4273362,9.887379288146972,6.3528042,9.861893948146973Q6.2782726,9.836408678146972,6.1995153,9.835072038146972Q6.1207581,9.833735408146973,6.045404,9.856676968146973Q5.9700503000000005,9.879618528146972,5.9053998,9.924615948146972ZM2.5,13.513173138146973L2.50000006,14.418008338146972Q2.50000006,14.501992238146972,2.62437022,14.501992238146972L15.375628,14.501992238146972Q15.5,14.501992238146972,15.5,14.418007838146973L15.5,13.536368338146973L9.7178593,10.097503488146973L8.1200023,11.839632738146973Q8.0888524,11.873595438146973,8.052019600000001,11.901292338146973Q8.0151863,11.928988938146972,7.9739118,11.949486538146973Q7.9326363,11.969984038146972,7.88831,11.982591638146973Q7.8439837,11.995199238146974,7.7980995,11.999492138146973Q7.7522154,12.003785338146972,7.7063198,11.999619238146973Q7.6604242,11.995453338146973,7.6160631,11.982968338146973Q7.571702,11.970483338146973,7.5303702,11.950099938146973Q7.4890385,11.929716538146973,7.4521289,11.902122038146972L6.1805682,10.951467238146973L2.5,13.513173138146973Z" fill-rule="evenodd" fill="#555555" fill-opacity="1" style="mix-blend-mode:passthrough"/></g></g></svg>`;
|
|
20409
20422
|
const colorSVG = `<svg t="1757558810758" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="9036" width="20" height="19"><path d="M170.666667 796.444444m42.666666 0l597.333334 0q42.666667 0 42.666666 42.666667l0 0q0 42.666667-42.666666 42.666667l-597.333334 0q-42.666667 0-42.666666-42.666667l0 0q0-42.666667 42.666666-42.666667Z" fill="#999999" p-id="9037" data-spm-anchor-id="a313x.manage_type_myprojects.0.i1.62d43a81huHZ4F" class="selected"></path><path d="M756.565333 676.579556q8.760889 24.689778-3.185777 43.804444t-38.229334 19.114667h-3.185778q-26.282667 0-41.813333-15.530667-15.530667-15.530667-25.884444-45.795556L489.756444 252.871111h44.600889l-154.510222 425.301333q-11.150222 30.264889-25.884444 45.795556-14.791111 15.530667-41.813334 15.530667H308.906667q-25.486222 0-37.831111-19.114667-12.344889-19.114667-3.584-43.804444l175.217777-481.052445q17.521778-46.193778 68.494223-46.193778h1.592888q50.972444 0 68.494223 46.193778l175.217777 481.052445zM643.413333 484.636444v103.537778H380.586667v-103.537778h262.826666z" fill="#555555" p-id="9038" data-spm-anchor-id="a313x.manage_type_myprojects.0.i0.62d43a81huHZ4F" class="selected"></path></svg>`;
|
|
20410
20423
|
|
|
20411
|
-
const isIPad = () => {
|
|
20412
|
-
const ua = navigator.userAgent;
|
|
20413
|
-
const isMacOs = /(?:Macintosh)/.test(ua);
|
|
20414
|
-
return /(?:iPad|PlayBook)/.test(ua) || (isMacOs && navigator.maxTouchPoints > 1);
|
|
20415
|
-
};
|
|
20416
|
-
|
|
20417
20424
|
const QuillEditor = vue.defineComponent({
|
|
20418
20425
|
name: 'QuillEditor',
|
|
20419
20426
|
inheritAttrs: false,
|
|
@@ -20507,6 +20514,7 @@
|
|
|
20507
20514
|
const linkPosition = vue.ref({ top: 0, left: 0 });
|
|
20508
20515
|
const savedRange = vue.ref(null);
|
|
20509
20516
|
const { addClickHandler } = useGlobalClick(props.clickTargetSelector);
|
|
20517
|
+
const { isIPadBool, handleIPadNewline } = useIPadScene();
|
|
20510
20518
|
const { setQuill, handleBlotFormatterClick, configureBlotFormatter, applyImageStyle, registerBlotFormatter, getBlotFormatterConfig } = useBlotFormatter(editor, props.enableImageResize);
|
|
20511
20519
|
const { setQuill: setLinkQuill, setHandleCustomLink, addLinkClickListener } = useCustomLinkClick(editor);
|
|
20512
20520
|
vue.onMounted(() => {
|
|
@@ -20560,7 +20568,7 @@
|
|
|
20560
20568
|
icons['image'] = imageSVG;
|
|
20561
20569
|
icons.list.ordered = listOrderedSVG;
|
|
20562
20570
|
icons.list.bullet = listBulletSVG;
|
|
20563
|
-
if (
|
|
20571
|
+
if (isIPadBool)
|
|
20564
20572
|
(icons['color'] = colorSVG);
|
|
20565
20573
|
}
|
|
20566
20574
|
}
|
|
@@ -20633,8 +20641,6 @@
|
|
|
20633
20641
|
quill.on('text-change', handleTextChange);
|
|
20634
20642
|
quill.on('selection-change', handleSelectionChange);
|
|
20635
20643
|
quill.on('editor-change', handleEditorChange);
|
|
20636
|
-
quill.on('text-change', updateHistoryState);
|
|
20637
|
-
quill.on('selection-change', updateHistoryState);
|
|
20638
20644
|
addLinkClickListener();
|
|
20639
20645
|
const toolbarClickHandler = (event) => {
|
|
20640
20646
|
var _a;
|
|
@@ -20788,6 +20794,32 @@
|
|
|
20788
20794
|
return Object.values(delta.ops).some((v) => !v.retain || Object.keys(v).length !== 1);
|
|
20789
20795
|
};
|
|
20790
20796
|
let internalModel;
|
|
20797
|
+
const processHTMLContent = (html, quill) => {
|
|
20798
|
+
if (/^<p><br\/?>(.+?)<\/p>$/.test(html)) {
|
|
20799
|
+
const match = html.match(/^<p><br\/?>(.+?)<\/p>$/);
|
|
20800
|
+
if (match && match[1]) {
|
|
20801
|
+
const processedHtml = `<p>${match[1]}</p>`;
|
|
20802
|
+
if (quill) {
|
|
20803
|
+
quill.root.innerHTML = processedHtml;
|
|
20804
|
+
}
|
|
20805
|
+
return processedHtml;
|
|
20806
|
+
}
|
|
20807
|
+
else {
|
|
20808
|
+
return maybeClone(getContents());
|
|
20809
|
+
}
|
|
20810
|
+
}
|
|
20811
|
+
else {
|
|
20812
|
+
if (html === '' ||
|
|
20813
|
+
html === '<p><br></p>' ||
|
|
20814
|
+
html === '<p></p>' ||
|
|
20815
|
+
html === '<p><br/></p>') {
|
|
20816
|
+
return '';
|
|
20817
|
+
}
|
|
20818
|
+
else {
|
|
20819
|
+
return maybeClone(getContents());
|
|
20820
|
+
}
|
|
20821
|
+
}
|
|
20822
|
+
};
|
|
20791
20823
|
const internalModelEquals = (against) => {
|
|
20792
20824
|
if (typeof internalModel === typeof against) {
|
|
20793
20825
|
if (against === internalModel) {
|
|
@@ -20806,30 +20838,13 @@
|
|
|
20806
20838
|
};
|
|
20807
20839
|
const handleTextChange = (delta, oldContents, source) => {
|
|
20808
20840
|
if (props.contentType === 'html') {
|
|
20809
|
-
|
|
20810
|
-
|
|
20811
|
-
|
|
20812
|
-
|
|
20813
|
-
|
|
20814
|
-
if (quill) {
|
|
20815
|
-
quill.root.innerHTML = html;
|
|
20816
|
-
}
|
|
20817
|
-
internalModel = html;
|
|
20818
|
-
}
|
|
20819
|
-
else {
|
|
20820
|
-
internalModel = maybeClone(getContents());
|
|
20821
|
-
}
|
|
20822
|
-
}
|
|
20823
|
-
else {
|
|
20824
|
-
if (html === '' ||
|
|
20825
|
-
html === '<p><br></p>' ||
|
|
20826
|
-
html === '<p></p>' ||
|
|
20827
|
-
html === '<p><br/></p>') {
|
|
20841
|
+
const html = getHTML();
|
|
20842
|
+
internalModel = processHTMLContent(html, quill);
|
|
20843
|
+
if (isIPadBool) {
|
|
20844
|
+
handleIPadNewline(delta, oldContents, () => {
|
|
20845
|
+
setContents('', 'api');
|
|
20828
20846
|
internalModel = '';
|
|
20829
|
-
}
|
|
20830
|
-
else {
|
|
20831
|
-
internalModel = maybeClone(getContents());
|
|
20832
|
-
}
|
|
20847
|
+
});
|
|
20833
20848
|
}
|
|
20834
20849
|
}
|
|
20835
20850
|
else {
|
|
@@ -20841,15 +20856,9 @@
|
|
|
20841
20856
|
vue.nextTick(() => {
|
|
20842
20857
|
applyImageStyle();
|
|
20843
20858
|
});
|
|
20859
|
+
updateHistoryState();
|
|
20844
20860
|
ctx.emit('textChange', { delta, oldContents, source });
|
|
20845
20861
|
};
|
|
20846
|
-
const observeTooltip = () => {
|
|
20847
|
-
const preview = document.querySelector('.ql-preview');
|
|
20848
|
-
if (!preview)
|
|
20849
|
-
return;
|
|
20850
|
-
preview.setAttribute('href', 'javascript:void(0)');
|
|
20851
|
-
preview.setAttribute('target', '_self');
|
|
20852
|
-
};
|
|
20853
20862
|
const controlToolbarVisible = (visible) => {
|
|
20854
20863
|
var _a;
|
|
20855
20864
|
const toolbar = (_a = quill === null || quill === void 0 ? void 0 : quill.getModule('toolbar')) === null || _a === void 0 ? void 0 : _a.container;
|
|
@@ -20861,7 +20870,6 @@
|
|
|
20861
20870
|
};
|
|
20862
20871
|
const isEditorFocus = vue.ref();
|
|
20863
20872
|
const handleSelectionChange = (range, oldRange, source) => {
|
|
20864
|
-
observeTooltip();
|
|
20865
20873
|
isEditorFocus.value = !!(quill === null || quill === void 0 ? void 0 : quill.hasFocus());
|
|
20866
20874
|
canUseLink.value = !!(range && range.length > 0);
|
|
20867
20875
|
if (isEditorFocus.value) {
|
|
@@ -20876,6 +20884,7 @@
|
|
|
20876
20884
|
ctx.emit('blur', editor);
|
|
20877
20885
|
});
|
|
20878
20886
|
const handleEditorChange = (...args) => {
|
|
20887
|
+
updateHistoryState();
|
|
20879
20888
|
if (args[0] === 'text-change')
|
|
20880
20889
|
ctx.emit('editorChange', {
|
|
20881
20890
|
name: args[0],
|