pxx-vue-quill 1.0.86 → 1.0.88
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 +303 -327
- 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-08T04:
|
|
10
|
+
* Date: 2025-09-08T04:17:30.651Z
|
|
11
11
|
*/
|
|
12
12
|
(function (global, factory) {
|
|
13
13
|
typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue')) :
|
|
@@ -18556,52 +18556,44 @@
|
|
|
18556
18556
|
|
|
18557
18557
|
var require$$0 = /*@__PURE__*/getAugmentedNamespace(es);
|
|
18558
18558
|
|
|
18559
|
-
var Action = {};
|
|
18559
|
+
var Action$1 = {};
|
|
18560
18560
|
|
|
18561
|
-
|
|
18561
|
+
Object.defineProperty(Action$1, "__esModule", {
|
|
18562
|
+
value: true
|
|
18563
|
+
});
|
|
18562
18564
|
|
|
18563
|
-
function
|
|
18564
|
-
if (hasRequiredAction) return Action;
|
|
18565
|
-
hasRequiredAction = 1;
|
|
18565
|
+
var _createClass$3 = 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; }; }();
|
|
18566
18566
|
|
|
18567
|
-
|
|
18568
|
-
value: true
|
|
18569
|
-
});
|
|
18567
|
+
var _BlotFormatter$2 = requireBlotFormatter();
|
|
18570
18568
|
|
|
18571
|
-
|
|
18569
|
+
_interopRequireDefault$2(_BlotFormatter$2);
|
|
18572
18570
|
|
|
18573
|
-
|
|
18571
|
+
function _interopRequireDefault$2(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
18574
18572
|
|
|
18575
|
-
|
|
18573
|
+
function _classCallCheck$3(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
|
18576
18574
|
|
|
18577
|
-
|
|
18578
|
-
|
|
18579
|
-
|
|
18575
|
+
var Action = function () {
|
|
18576
|
+
function Action(formatter) {
|
|
18577
|
+
_classCallCheck$3(this, Action);
|
|
18580
18578
|
|
|
18581
|
-
|
|
18582
|
-
|
|
18583
|
-
_classCallCheck(this, Action);
|
|
18584
|
-
|
|
18585
|
-
this.formatter = formatter;
|
|
18586
|
-
}
|
|
18579
|
+
this.formatter = formatter;
|
|
18580
|
+
}
|
|
18587
18581
|
|
|
18588
|
-
|
|
18589
|
-
|
|
18590
|
-
|
|
18591
|
-
|
|
18592
|
-
|
|
18593
|
-
|
|
18594
|
-
|
|
18595
|
-
|
|
18596
|
-
|
|
18597
|
-
|
|
18582
|
+
_createClass$3(Action, [{
|
|
18583
|
+
key: 'onCreate',
|
|
18584
|
+
value: function onCreate() {}
|
|
18585
|
+
}, {
|
|
18586
|
+
key: 'onDestroy',
|
|
18587
|
+
value: function onDestroy() {}
|
|
18588
|
+
}, {
|
|
18589
|
+
key: 'onUpdate',
|
|
18590
|
+
value: function onUpdate() {}
|
|
18591
|
+
}]);
|
|
18598
18592
|
|
|
18599
|
-
|
|
18600
|
-
|
|
18593
|
+
return Action;
|
|
18594
|
+
}();
|
|
18601
18595
|
|
|
18602
|
-
|
|
18603
|
-
return Action;
|
|
18604
|
-
}
|
|
18596
|
+
Action$1.default = Action;
|
|
18605
18597
|
|
|
18606
18598
|
var hasRequiredBlotFormatter;
|
|
18607
18599
|
|
|
@@ -18623,7 +18615,7 @@
|
|
|
18623
18615
|
|
|
18624
18616
|
var _Options2 = _interopRequireDefault(_Options);
|
|
18625
18617
|
|
|
18626
|
-
var _Action =
|
|
18618
|
+
var _Action = Action$1;
|
|
18627
18619
|
|
|
18628
18620
|
_interopRequireDefault(_Action);
|
|
18629
18621
|
|
|
@@ -18781,11 +18773,11 @@
|
|
|
18781
18773
|
value: true
|
|
18782
18774
|
});
|
|
18783
18775
|
|
|
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; }; }();
|
|
18776
|
+
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; }; }();
|
|
18785
18777
|
|
|
18786
18778
|
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; }
|
|
18787
18779
|
|
|
18788
|
-
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
|
18780
|
+
function _classCallCheck$2(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
|
18789
18781
|
|
|
18790
18782
|
var LEFT_ALIGN = 'left';
|
|
18791
18783
|
var CENTER_ALIGN = 'center';
|
|
@@ -18796,7 +18788,7 @@
|
|
|
18796
18788
|
var _this = this,
|
|
18797
18789
|
_alignments;
|
|
18798
18790
|
|
|
18799
|
-
_classCallCheck(this, DefaultAligner);
|
|
18791
|
+
_classCallCheck$2(this, DefaultAligner);
|
|
18800
18792
|
|
|
18801
18793
|
this.applyStyle = options.aligner.applyStyle;
|
|
18802
18794
|
this.alignAttribute = options.attribute;
|
|
@@ -18824,7 +18816,7 @@
|
|
|
18824
18816
|
}), _alignments);
|
|
18825
18817
|
}
|
|
18826
18818
|
|
|
18827
|
-
_createClass(DefaultAligner, [{
|
|
18819
|
+
_createClass$2(DefaultAligner, [{
|
|
18828
18820
|
key: 'getAlignments',
|
|
18829
18821
|
value: function getAlignments() {
|
|
18830
18822
|
var _this2 = this;
|
|
@@ -19062,7 +19054,7 @@
|
|
|
19062
19054
|
|
|
19063
19055
|
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; }; }();
|
|
19064
19056
|
|
|
19065
|
-
var _Action2 =
|
|
19057
|
+
var _Action2 = Action$1;
|
|
19066
19058
|
|
|
19067
19059
|
var _Action3 = _interopRequireDefault(_Action2);
|
|
19068
19060
|
|
|
@@ -19127,190 +19119,182 @@
|
|
|
19127
19119
|
return AlignAction;
|
|
19128
19120
|
}
|
|
19129
19121
|
|
|
19130
|
-
var ResizeAction = {};
|
|
19131
|
-
|
|
19132
|
-
var hasRequiredResizeAction;
|
|
19122
|
+
var ResizeAction$1 = {};
|
|
19133
19123
|
|
|
19134
|
-
|
|
19135
|
-
|
|
19136
|
-
|
|
19137
|
-
|
|
19138
|
-
Object.defineProperty(ResizeAction, "__esModule", {
|
|
19139
|
-
value: true
|
|
19140
|
-
});
|
|
19124
|
+
Object.defineProperty(ResizeAction$1, "__esModule", {
|
|
19125
|
+
value: true
|
|
19126
|
+
});
|
|
19141
19127
|
|
|
19142
|
-
|
|
19128
|
+
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; }; }();
|
|
19143
19129
|
|
|
19144
|
-
|
|
19130
|
+
var _Action2 = Action$1;
|
|
19145
19131
|
|
|
19146
|
-
|
|
19132
|
+
var _Action3 = _interopRequireDefault$1(_Action2);
|
|
19147
19133
|
|
|
19148
|
-
|
|
19134
|
+
var _BlotFormatter$1 = requireBlotFormatter();
|
|
19149
19135
|
|
|
19150
|
-
|
|
19136
|
+
_interopRequireDefault$1(_BlotFormatter$1);
|
|
19151
19137
|
|
|
19152
|
-
|
|
19138
|
+
function _interopRequireDefault$1(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
19153
19139
|
|
|
19154
|
-
|
|
19140
|
+
function _classCallCheck$1(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
|
19155
19141
|
|
|
19156
|
-
|
|
19142
|
+
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; }
|
|
19157
19143
|
|
|
19158
|
-
|
|
19144
|
+
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; }
|
|
19159
19145
|
|
|
19160
|
-
|
|
19161
|
-
|
|
19146
|
+
var ResizeAction = function (_Action) {
|
|
19147
|
+
_inherits$1(ResizeAction, _Action);
|
|
19162
19148
|
|
|
19163
|
-
|
|
19164
|
-
|
|
19149
|
+
function ResizeAction(formatter) {
|
|
19150
|
+
_classCallCheck$1(this, ResizeAction);
|
|
19165
19151
|
|
|
19166
|
-
|
|
19152
|
+
var _this = _possibleConstructorReturn$1(this, (ResizeAction.__proto__ || Object.getPrototypeOf(ResizeAction)).call(this, formatter));
|
|
19167
19153
|
|
|
19168
|
-
|
|
19169
|
-
|
|
19170
|
-
|
|
19171
|
-
|
|
19172
|
-
|
|
19173
|
-
|
|
19154
|
+
_this.onMouseDown = function (event) {
|
|
19155
|
+
if (!(event.target instanceof HTMLElement)) {
|
|
19156
|
+
return;
|
|
19157
|
+
}
|
|
19158
|
+
_this.dragHandle = event.target;
|
|
19159
|
+
_this.setCursor(_this.dragHandle.style.cursor);
|
|
19174
19160
|
|
|
19175
|
-
|
|
19176
|
-
|
|
19177
|
-
|
|
19161
|
+
if (!_this.formatter.currentSpec) {
|
|
19162
|
+
return;
|
|
19163
|
+
}
|
|
19178
19164
|
|
|
19179
|
-
|
|
19180
|
-
|
|
19181
|
-
|
|
19182
|
-
|
|
19165
|
+
var target = _this.formatter.currentSpec.getTargetElement();
|
|
19166
|
+
if (!target) {
|
|
19167
|
+
return;
|
|
19168
|
+
}
|
|
19183
19169
|
|
|
19184
|
-
|
|
19170
|
+
var rect = target.getBoundingClientRect();
|
|
19185
19171
|
|
|
19186
|
-
|
|
19187
|
-
|
|
19188
|
-
|
|
19172
|
+
_this.dragStartX = event.clientX;
|
|
19173
|
+
_this.preDragWidth = rect.width;
|
|
19174
|
+
_this.targetRatio = rect.height / rect.width;
|
|
19189
19175
|
|
|
19190
|
-
|
|
19191
|
-
|
|
19192
|
-
|
|
19176
|
+
document.addEventListener('mousemove', _this.onDrag);
|
|
19177
|
+
document.addEventListener('mouseup', _this.onMouseUp);
|
|
19178
|
+
};
|
|
19193
19179
|
|
|
19194
|
-
|
|
19195
|
-
|
|
19196
|
-
|
|
19197
|
-
|
|
19180
|
+
_this.onDrag = function (event) {
|
|
19181
|
+
if (!_this.formatter.currentSpec) {
|
|
19182
|
+
return;
|
|
19183
|
+
}
|
|
19198
19184
|
|
|
19199
|
-
|
|
19200
|
-
|
|
19201
|
-
|
|
19202
|
-
|
|
19185
|
+
var target = _this.formatter.currentSpec.getTargetElement();
|
|
19186
|
+
if (!target) {
|
|
19187
|
+
return;
|
|
19188
|
+
}
|
|
19203
19189
|
|
|
19204
|
-
|
|
19205
|
-
|
|
19190
|
+
var deltaX = event.clientX - _this.dragStartX;
|
|
19191
|
+
var newWidth = 0;
|
|
19206
19192
|
|
|
19207
|
-
|
|
19208
|
-
|
|
19209
|
-
|
|
19210
|
-
|
|
19211
|
-
|
|
19193
|
+
if (_this.dragHandle === _this.topLeftHandle || _this.dragHandle === _this.bottomLeftHandle) {
|
|
19194
|
+
newWidth = Math.round(_this.preDragWidth - deltaX);
|
|
19195
|
+
} else {
|
|
19196
|
+
newWidth = Math.round(_this.preDragWidth + deltaX);
|
|
19197
|
+
}
|
|
19212
19198
|
|
|
19213
|
-
|
|
19199
|
+
var newHeight = _this.targetRatio * newWidth;
|
|
19214
19200
|
|
|
19215
|
-
|
|
19216
|
-
|
|
19201
|
+
target.setAttribute('width', '' + newWidth);
|
|
19202
|
+
target.setAttribute('height', '' + newHeight);
|
|
19217
19203
|
|
|
19218
|
-
|
|
19219
|
-
|
|
19204
|
+
_this.formatter.update();
|
|
19205
|
+
};
|
|
19220
19206
|
|
|
19221
|
-
|
|
19222
|
-
|
|
19223
|
-
|
|
19224
|
-
|
|
19225
|
-
|
|
19207
|
+
_this.onMouseUp = function () {
|
|
19208
|
+
_this.setCursor('');
|
|
19209
|
+
document.removeEventListener('mousemove', _this.onDrag);
|
|
19210
|
+
document.removeEventListener('mouseup', _this.onMouseUp);
|
|
19211
|
+
};
|
|
19226
19212
|
|
|
19227
|
-
|
|
19228
|
-
|
|
19229
|
-
|
|
19230
|
-
|
|
19231
|
-
|
|
19232
|
-
|
|
19233
|
-
|
|
19234
|
-
|
|
19235
|
-
|
|
19236
|
-
|
|
19213
|
+
_this.topLeftHandle = _this.createHandle('top-left', 'nwse-resize');
|
|
19214
|
+
_this.topRightHandle = _this.createHandle('top-right', 'nesw-resize');
|
|
19215
|
+
_this.bottomRightHandle = _this.createHandle('bottom-right', 'nwse-resize');
|
|
19216
|
+
_this.bottomLeftHandle = _this.createHandle('bottom-left', 'nesw-resize');
|
|
19217
|
+
_this.dragHandle = null;
|
|
19218
|
+
_this.dragStartX = 0;
|
|
19219
|
+
_this.preDragWidth = 0;
|
|
19220
|
+
_this.targetRatio = 0;
|
|
19221
|
+
return _this;
|
|
19222
|
+
}
|
|
19237
19223
|
|
|
19238
|
-
|
|
19239
|
-
|
|
19240
|
-
|
|
19241
|
-
|
|
19242
|
-
|
|
19243
|
-
|
|
19244
|
-
|
|
19224
|
+
_createClass$1(ResizeAction, [{
|
|
19225
|
+
key: 'onCreate',
|
|
19226
|
+
value: function onCreate() {
|
|
19227
|
+
this.formatter.overlay.appendChild(this.topLeftHandle);
|
|
19228
|
+
this.formatter.overlay.appendChild(this.topRightHandle);
|
|
19229
|
+
this.formatter.overlay.appendChild(this.bottomRightHandle);
|
|
19230
|
+
this.formatter.overlay.appendChild(this.bottomLeftHandle);
|
|
19245
19231
|
|
|
19246
|
-
|
|
19247
|
-
|
|
19248
|
-
|
|
19249
|
-
|
|
19250
|
-
|
|
19251
|
-
|
|
19252
|
-
|
|
19253
|
-
|
|
19254
|
-
|
|
19255
|
-
|
|
19256
|
-
|
|
19257
|
-
|
|
19258
|
-
|
|
19259
|
-
|
|
19260
|
-
|
|
19261
|
-
|
|
19262
|
-
|
|
19263
|
-
|
|
19264
|
-
|
|
19265
|
-
|
|
19266
|
-
|
|
19267
|
-
|
|
19232
|
+
this.repositionHandles(this.formatter.options.resize.handleStyle);
|
|
19233
|
+
}
|
|
19234
|
+
}, {
|
|
19235
|
+
key: 'onDestroy',
|
|
19236
|
+
value: function onDestroy() {
|
|
19237
|
+
this.setCursor('');
|
|
19238
|
+
this.formatter.overlay.removeChild(this.topLeftHandle);
|
|
19239
|
+
this.formatter.overlay.removeChild(this.topRightHandle);
|
|
19240
|
+
this.formatter.overlay.removeChild(this.bottomRightHandle);
|
|
19241
|
+
this.formatter.overlay.removeChild(this.bottomLeftHandle);
|
|
19242
|
+
}
|
|
19243
|
+
}, {
|
|
19244
|
+
key: 'createHandle',
|
|
19245
|
+
value: function createHandle(position, cursor) {
|
|
19246
|
+
var box = document.createElement('div');
|
|
19247
|
+
box.classList.add(this.formatter.options.resize.handleClassName);
|
|
19248
|
+
box.setAttribute('data-position', position);
|
|
19249
|
+
box.style.cursor = cursor;
|
|
19250
|
+
|
|
19251
|
+
if (this.formatter.options.resize.handleStyle) {
|
|
19252
|
+
Object.assign(box.style, this.formatter.options.resize.handleStyle);
|
|
19253
|
+
}
|
|
19268
19254
|
|
|
19269
|
-
|
|
19255
|
+
box.addEventListener('mousedown', this.onMouseDown);
|
|
19270
19256
|
|
|
19271
|
-
|
|
19272
|
-
|
|
19273
|
-
|
|
19274
|
-
|
|
19275
|
-
|
|
19276
|
-
|
|
19277
|
-
|
|
19278
|
-
|
|
19279
|
-
|
|
19280
|
-
|
|
19281
|
-
|
|
19282
|
-
|
|
19283
|
-
|
|
19284
|
-
|
|
19285
|
-
|
|
19257
|
+
return box;
|
|
19258
|
+
}
|
|
19259
|
+
}, {
|
|
19260
|
+
key: 'repositionHandles',
|
|
19261
|
+
value: function repositionHandles(handleStyle) {
|
|
19262
|
+
var handleXOffset = '0px';
|
|
19263
|
+
var handleYOffset = '0px';
|
|
19264
|
+
if (handleStyle) {
|
|
19265
|
+
if (handleStyle.width) {
|
|
19266
|
+
handleXOffset = -parseFloat(handleStyle.width) / 2 + 'px';
|
|
19267
|
+
}
|
|
19268
|
+
if (handleStyle.height) {
|
|
19269
|
+
handleYOffset = -parseFloat(handleStyle.height) / 2 + 'px';
|
|
19270
|
+
}
|
|
19271
|
+
}
|
|
19286
19272
|
|
|
19287
|
-
|
|
19288
|
-
|
|
19289
|
-
|
|
19290
|
-
|
|
19291
|
-
|
|
19292
|
-
|
|
19293
|
-
|
|
19294
|
-
|
|
19295
|
-
|
|
19296
|
-
|
|
19297
|
-
|
|
19273
|
+
Object.assign(this.topLeftHandle.style, { left: handleXOffset, top: handleYOffset });
|
|
19274
|
+
Object.assign(this.topRightHandle.style, { right: handleXOffset, top: handleYOffset });
|
|
19275
|
+
Object.assign(this.bottomRightHandle.style, { right: handleXOffset, bottom: handleYOffset });
|
|
19276
|
+
Object.assign(this.bottomLeftHandle.style, { left: handleXOffset, bottom: handleYOffset });
|
|
19277
|
+
}
|
|
19278
|
+
}, {
|
|
19279
|
+
key: 'setCursor',
|
|
19280
|
+
value: function setCursor(value) {
|
|
19281
|
+
if (document.body) {
|
|
19282
|
+
document.body.style.cursor = value;
|
|
19283
|
+
}
|
|
19298
19284
|
|
|
19299
|
-
|
|
19300
|
-
|
|
19301
|
-
|
|
19302
|
-
|
|
19303
|
-
|
|
19304
|
-
|
|
19305
|
-
|
|
19306
|
-
|
|
19285
|
+
if (this.formatter.currentSpec) {
|
|
19286
|
+
var target = this.formatter.currentSpec.getOverlayElement();
|
|
19287
|
+
if (target) {
|
|
19288
|
+
target.style.cursor = value;
|
|
19289
|
+
}
|
|
19290
|
+
}
|
|
19291
|
+
}
|
|
19292
|
+
}]);
|
|
19307
19293
|
|
|
19308
|
-
|
|
19309
|
-
|
|
19294
|
+
return ResizeAction;
|
|
19295
|
+
}(_Action3.default);
|
|
19310
19296
|
|
|
19311
|
-
|
|
19312
|
-
return ResizeAction;
|
|
19313
|
-
}
|
|
19297
|
+
ResizeAction$1.default = ResizeAction;
|
|
19314
19298
|
|
|
19315
19299
|
var DeleteAction = {};
|
|
19316
19300
|
|
|
@@ -19330,7 +19314,7 @@
|
|
|
19330
19314
|
|
|
19331
19315
|
var _quill2 = _interopRequireDefault(_quill);
|
|
19332
19316
|
|
|
19333
|
-
var _Action2 =
|
|
19317
|
+
var _Action2 = Action$1;
|
|
19334
19318
|
|
|
19335
19319
|
var _Action3 = _interopRequireDefault(_Action2);
|
|
19336
19320
|
|
|
@@ -19409,7 +19393,7 @@
|
|
|
19409
19393
|
|
|
19410
19394
|
_interopRequireDefault(_BlotFormatter);
|
|
19411
19395
|
|
|
19412
|
-
var _Action =
|
|
19396
|
+
var _Action = Action$1;
|
|
19413
19397
|
|
|
19414
19398
|
_interopRequireDefault(_Action);
|
|
19415
19399
|
|
|
@@ -19417,7 +19401,7 @@
|
|
|
19417
19401
|
|
|
19418
19402
|
var _AlignAction2 = _interopRequireDefault(_AlignAction);
|
|
19419
19403
|
|
|
19420
|
-
var _ResizeAction =
|
|
19404
|
+
var _ResizeAction = ResizeAction$1;
|
|
19421
19405
|
|
|
19422
19406
|
var _ResizeAction2 = _interopRequireDefault(_ResizeAction);
|
|
19423
19407
|
|
|
@@ -19549,156 +19533,148 @@
|
|
|
19549
19533
|
|
|
19550
19534
|
var IframeVideoSpec = {};
|
|
19551
19535
|
|
|
19552
|
-
var UnclickableBlotSpec = {};
|
|
19553
|
-
|
|
19554
|
-
var hasRequiredUnclickableBlotSpec;
|
|
19555
|
-
|
|
19556
|
-
function requireUnclickableBlotSpec () {
|
|
19557
|
-
if (hasRequiredUnclickableBlotSpec) return UnclickableBlotSpec;
|
|
19558
|
-
hasRequiredUnclickableBlotSpec = 1;
|
|
19559
|
-
|
|
19560
|
-
Object.defineProperty(UnclickableBlotSpec, "__esModule", {
|
|
19561
|
-
value: true
|
|
19562
|
-
});
|
|
19536
|
+
var UnclickableBlotSpec$1 = {};
|
|
19563
19537
|
|
|
19564
|
-
|
|
19538
|
+
Object.defineProperty(UnclickableBlotSpec$1, "__esModule", {
|
|
19539
|
+
value: true
|
|
19540
|
+
});
|
|
19565
19541
|
|
|
19566
|
-
|
|
19542
|
+
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; }; }();
|
|
19567
19543
|
|
|
19568
|
-
|
|
19544
|
+
var _BlotSpec2 = requireBlotSpec();
|
|
19569
19545
|
|
|
19570
|
-
|
|
19546
|
+
var _BlotSpec3 = _interopRequireDefault(_BlotSpec2);
|
|
19571
19547
|
|
|
19572
|
-
|
|
19548
|
+
var _BlotFormatter = requireBlotFormatter();
|
|
19573
19549
|
|
|
19574
|
-
|
|
19550
|
+
_interopRequireDefault(_BlotFormatter);
|
|
19575
19551
|
|
|
19576
|
-
|
|
19552
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
19577
19553
|
|
|
19578
|
-
|
|
19554
|
+
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
|
19579
19555
|
|
|
19580
|
-
|
|
19556
|
+
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; }
|
|
19581
19557
|
|
|
19582
|
-
|
|
19583
|
-
var PROXY_IMAGE_CLASS = 'blot-formatter__proxy-image';
|
|
19558
|
+
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; }
|
|
19584
19559
|
|
|
19585
|
-
|
|
19586
|
-
|
|
19560
|
+
var MOUSE_ENTER_ATTRIBUTE = 'data-blot-formatter-unclickable-bound';
|
|
19561
|
+
var PROXY_IMAGE_CLASS = 'blot-formatter__proxy-image';
|
|
19587
19562
|
|
|
19588
|
-
|
|
19589
|
-
|
|
19563
|
+
var UnclickableBlotSpec = function (_BlotSpec) {
|
|
19564
|
+
_inherits(UnclickableBlotSpec, _BlotSpec);
|
|
19590
19565
|
|
|
19591
|
-
|
|
19566
|
+
function UnclickableBlotSpec(formatter, selector) {
|
|
19567
|
+
_classCallCheck(this, UnclickableBlotSpec);
|
|
19592
19568
|
|
|
19593
|
-
|
|
19594
|
-
Array.from(document.querySelectorAll(_this.selector + ':not([' + MOUSE_ENTER_ATTRIBUTE + '])')).forEach(function (unclickable) {
|
|
19595
|
-
unclickable.setAttribute(MOUSE_ENTER_ATTRIBUTE, 'true');
|
|
19596
|
-
unclickable.addEventListener('mouseenter', _this.onMouseEnter);
|
|
19597
|
-
});
|
|
19598
|
-
};
|
|
19569
|
+
var _this = _possibleConstructorReturn(this, (UnclickableBlotSpec.__proto__ || Object.getPrototypeOf(UnclickableBlotSpec)).call(this, formatter));
|
|
19599
19570
|
|
|
19600
|
-
|
|
19601
|
-
|
|
19602
|
-
|
|
19603
|
-
|
|
19604
|
-
|
|
19571
|
+
_this.onTextChange = function () {
|
|
19572
|
+
Array.from(document.querySelectorAll(_this.selector + ':not([' + MOUSE_ENTER_ATTRIBUTE + '])')).forEach(function (unclickable) {
|
|
19573
|
+
unclickable.setAttribute(MOUSE_ENTER_ATTRIBUTE, 'true');
|
|
19574
|
+
unclickable.addEventListener('mouseenter', _this.onMouseEnter);
|
|
19575
|
+
});
|
|
19576
|
+
};
|
|
19605
19577
|
|
|
19606
|
-
|
|
19607
|
-
|
|
19608
|
-
|
|
19578
|
+
_this.onMouseEnter = function (event) {
|
|
19579
|
+
var unclickable = event.target;
|
|
19580
|
+
if (!(unclickable instanceof HTMLElement)) {
|
|
19581
|
+
return;
|
|
19582
|
+
}
|
|
19609
19583
|
|
|
19610
|
-
|
|
19611
|
-
|
|
19612
|
-
|
|
19613
|
-
_this.formatter.show(_this);
|
|
19614
|
-
_this.hideProxyImage();
|
|
19615
|
-
};
|
|
19584
|
+
_this.nextUnclickable = unclickable;
|
|
19585
|
+
_this.repositionProxyImage(_this.nextUnclickable);
|
|
19586
|
+
};
|
|
19616
19587
|
|
|
19617
|
-
|
|
19618
|
-
|
|
19619
|
-
|
|
19620
|
-
|
|
19621
|
-
|
|
19588
|
+
_this.onProxyImageClick = function () {
|
|
19589
|
+
_this.unclickable = _this.nextUnclickable;
|
|
19590
|
+
_this.nextUnclickable = null;
|
|
19591
|
+
_this.formatter.show(_this);
|
|
19592
|
+
_this.hideProxyImage();
|
|
19593
|
+
};
|
|
19622
19594
|
|
|
19623
|
-
|
|
19624
|
-
|
|
19625
|
-
|
|
19626
|
-
|
|
19627
|
-
|
|
19628
|
-
it's important that this is attached to the body instead of the root quill element.
|
|
19629
|
-
this prevents the click event from overlapping with ImageSpec
|
|
19630
|
-
*/
|
|
19631
|
-
document.body.appendChild(this.createProxyImage());
|
|
19632
|
-
}
|
|
19595
|
+
_this.selector = selector;
|
|
19596
|
+
_this.unclickable = null;
|
|
19597
|
+
_this.nextUnclickable = null;
|
|
19598
|
+
return _this;
|
|
19599
|
+
}
|
|
19633
19600
|
|
|
19634
|
-
|
|
19635
|
-
|
|
19636
|
-
|
|
19637
|
-
|
|
19638
|
-
|
|
19639
|
-
|
|
19640
|
-
|
|
19641
|
-
|
|
19642
|
-
|
|
19643
|
-
|
|
19644
|
-
key: 'getOverlayElement',
|
|
19645
|
-
value: function getOverlayElement() {
|
|
19646
|
-
return this.unclickable;
|
|
19647
|
-
}
|
|
19648
|
-
}, {
|
|
19649
|
-
key: 'onHide',
|
|
19650
|
-
value: function onHide() {
|
|
19651
|
-
this.hideProxyImage();
|
|
19652
|
-
this.nextUnclickable = null;
|
|
19653
|
-
this.unclickable = null;
|
|
19654
|
-
}
|
|
19655
|
-
}, {
|
|
19656
|
-
key: 'createProxyImage',
|
|
19657
|
-
value: function createProxyImage() {
|
|
19658
|
-
var canvas = document.createElement('canvas');
|
|
19659
|
-
var context = canvas.getContext('2d');
|
|
19660
|
-
context.globalAlpha = 0;
|
|
19661
|
-
context.fillRect(0, 0, 1, 1);
|
|
19662
|
-
|
|
19663
|
-
this.proxyImage = document.createElement('img');
|
|
19664
|
-
this.proxyImage.src = canvas.toDataURL('image/png');
|
|
19665
|
-
this.proxyImage.classList.add(PROXY_IMAGE_CLASS);
|
|
19666
|
-
|
|
19667
|
-
Object.assign(this.proxyImage.style, {
|
|
19668
|
-
position: 'absolute',
|
|
19669
|
-
margin: '0'
|
|
19670
|
-
});
|
|
19601
|
+
_createClass(UnclickableBlotSpec, [{
|
|
19602
|
+
key: 'init',
|
|
19603
|
+
value: function init() {
|
|
19604
|
+
if (document.body) {
|
|
19605
|
+
/*
|
|
19606
|
+
it's important that this is attached to the body instead of the root quill element.
|
|
19607
|
+
this prevents the click event from overlapping with ImageSpec
|
|
19608
|
+
*/
|
|
19609
|
+
document.body.appendChild(this.createProxyImage());
|
|
19610
|
+
}
|
|
19671
19611
|
|
|
19672
|
-
|
|
19673
|
-
|
|
19674
|
-
|
|
19675
|
-
|
|
19676
|
-
|
|
19677
|
-
|
|
19678
|
-
|
|
19679
|
-
|
|
19680
|
-
|
|
19681
|
-
|
|
19682
|
-
|
|
19683
|
-
|
|
19684
|
-
|
|
19612
|
+
this.hideProxyImage();
|
|
19613
|
+
this.proxyImage.addEventListener('click', this.onProxyImageClick);
|
|
19614
|
+
this.formatter.quill.on('text-change', this.onTextChange);
|
|
19615
|
+
}
|
|
19616
|
+
}, {
|
|
19617
|
+
key: 'getTargetElement',
|
|
19618
|
+
value: function getTargetElement() {
|
|
19619
|
+
return this.unclickable;
|
|
19620
|
+
}
|
|
19621
|
+
}, {
|
|
19622
|
+
key: 'getOverlayElement',
|
|
19623
|
+
value: function getOverlayElement() {
|
|
19624
|
+
return this.unclickable;
|
|
19625
|
+
}
|
|
19626
|
+
}, {
|
|
19627
|
+
key: 'onHide',
|
|
19628
|
+
value: function onHide() {
|
|
19629
|
+
this.hideProxyImage();
|
|
19630
|
+
this.nextUnclickable = null;
|
|
19631
|
+
this.unclickable = null;
|
|
19632
|
+
}
|
|
19633
|
+
}, {
|
|
19634
|
+
key: 'createProxyImage',
|
|
19635
|
+
value: function createProxyImage() {
|
|
19636
|
+
var canvas = document.createElement('canvas');
|
|
19637
|
+
var context = canvas.getContext('2d');
|
|
19638
|
+
context.globalAlpha = 0;
|
|
19639
|
+
context.fillRect(0, 0, 1, 1);
|
|
19640
|
+
|
|
19641
|
+
this.proxyImage = document.createElement('img');
|
|
19642
|
+
this.proxyImage.src = canvas.toDataURL('image/png');
|
|
19643
|
+
this.proxyImage.classList.add(PROXY_IMAGE_CLASS);
|
|
19644
|
+
|
|
19645
|
+
Object.assign(this.proxyImage.style, {
|
|
19646
|
+
position: 'absolute',
|
|
19647
|
+
margin: '0'
|
|
19648
|
+
});
|
|
19685
19649
|
|
|
19686
|
-
|
|
19687
|
-
|
|
19688
|
-
|
|
19689
|
-
|
|
19690
|
-
|
|
19691
|
-
|
|
19692
|
-
|
|
19693
|
-
|
|
19694
|
-
|
|
19650
|
+
return this.proxyImage;
|
|
19651
|
+
}
|
|
19652
|
+
}, {
|
|
19653
|
+
key: 'hideProxyImage',
|
|
19654
|
+
value: function hideProxyImage() {
|
|
19655
|
+
Object.assign(this.proxyImage.style, {
|
|
19656
|
+
display: 'none'
|
|
19657
|
+
});
|
|
19658
|
+
}
|
|
19659
|
+
}, {
|
|
19660
|
+
key: 'repositionProxyImage',
|
|
19661
|
+
value: function repositionProxyImage(unclickable) {
|
|
19662
|
+
var rect = unclickable.getBoundingClientRect();
|
|
19663
|
+
|
|
19664
|
+
Object.assign(this.proxyImage.style, {
|
|
19665
|
+
display: 'block',
|
|
19666
|
+
left: rect.left + window.pageXOffset + 'px',
|
|
19667
|
+
top: rect.top + window.pageYOffset + 'px',
|
|
19668
|
+
width: rect.width + 'px',
|
|
19669
|
+
height: rect.height + 'px'
|
|
19670
|
+
});
|
|
19671
|
+
}
|
|
19672
|
+
}]);
|
|
19695
19673
|
|
|
19696
|
-
|
|
19697
|
-
|
|
19674
|
+
return UnclickableBlotSpec;
|
|
19675
|
+
}(_BlotSpec3.default);
|
|
19698
19676
|
|
|
19699
|
-
|
|
19700
|
-
return UnclickableBlotSpec;
|
|
19701
|
-
}
|
|
19677
|
+
UnclickableBlotSpec$1.default = UnclickableBlotSpec;
|
|
19702
19678
|
|
|
19703
19679
|
var hasRequiredIframeVideoSpec;
|
|
19704
19680
|
|
|
@@ -19710,7 +19686,7 @@
|
|
|
19710
19686
|
value: true
|
|
19711
19687
|
});
|
|
19712
19688
|
|
|
19713
|
-
var _UnclickableBlotSpec2 =
|
|
19689
|
+
var _UnclickableBlotSpec2 = UnclickableBlotSpec$1;
|
|
19714
19690
|
|
|
19715
19691
|
var _UnclickableBlotSpec3 = _interopRequireDefault(_UnclickableBlotSpec2);
|
|
19716
19692
|
|
|
@@ -19865,7 +19841,7 @@
|
|
|
19865
19841
|
}
|
|
19866
19842
|
});
|
|
19867
19843
|
|
|
19868
|
-
var _Action =
|
|
19844
|
+
var _Action = Action$1;
|
|
19869
19845
|
|
|
19870
19846
|
Object.defineProperty(exports, 'Action', {
|
|
19871
19847
|
enumerable: true,
|
|
@@ -19910,7 +19886,7 @@
|
|
|
19910
19886
|
}
|
|
19911
19887
|
});
|
|
19912
19888
|
|
|
19913
|
-
var _ResizeAction =
|
|
19889
|
+
var _ResizeAction = ResizeAction$1;
|
|
19914
19890
|
|
|
19915
19891
|
Object.defineProperty(exports, 'ResizeAction', {
|
|
19916
19892
|
enumerable: true,
|
|
@@ -19937,7 +19913,7 @@
|
|
|
19937
19913
|
}
|
|
19938
19914
|
});
|
|
19939
19915
|
|
|
19940
|
-
var _UnclickableBlotSpec =
|
|
19916
|
+
var _UnclickableBlotSpec = UnclickableBlotSpec$1;
|
|
19941
19917
|
|
|
19942
19918
|
Object.defineProperty(exports, 'UnclickableBlotSpec', {
|
|
19943
19919
|
enumerable: true,
|
|
@@ -20175,8 +20151,8 @@
|
|
|
20175
20151
|
vue.onMounted(() => {
|
|
20176
20152
|
initialize();
|
|
20177
20153
|
console.log("onMounted handleGlobalClick");
|
|
20178
|
-
|
|
20179
|
-
|
|
20154
|
+
window.addEventListener('click', handleGlobalClick, true);
|
|
20155
|
+
window.addEventListener('keyup', handleGlobalKeyup, true);
|
|
20180
20156
|
});
|
|
20181
20157
|
const removeQuillBlotFormatter = () => {
|
|
20182
20158
|
console.log("removeQuillBlotFormatter");
|
|
@@ -20232,8 +20208,8 @@
|
|
|
20232
20208
|
});
|
|
20233
20209
|
};
|
|
20234
20210
|
vue.onBeforeUnmount(() => {
|
|
20235
|
-
|
|
20236
|
-
|
|
20211
|
+
window.removeEventListener('click', handleGlobalClick, true);
|
|
20212
|
+
window.removeEventListener('keyup', handleGlobalKeyup, true);
|
|
20237
20213
|
removeQuillBlotFormatter();
|
|
20238
20214
|
quill = null;
|
|
20239
20215
|
});
|