pxx-vue-quill 1.0.81 → 1.0.83
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 +149 -155
- 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-08T03:
|
|
10
|
+
* Date: 2025-09-08T03:56:43.959Z
|
|
11
11
|
*/
|
|
12
12
|
(function (global, factory) {
|
|
13
13
|
typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue')) :
|
|
@@ -18781,11 +18781,11 @@
|
|
|
18781
18781
|
value: true
|
|
18782
18782
|
});
|
|
18783
18783
|
|
|
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; }; }();
|
|
18784
|
+
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; }; }();
|
|
18785
18785
|
|
|
18786
18786
|
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
18787
|
|
|
18788
|
-
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
|
18788
|
+
function _classCallCheck$1(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
|
18789
18789
|
|
|
18790
18790
|
var LEFT_ALIGN = 'left';
|
|
18791
18791
|
var CENTER_ALIGN = 'center';
|
|
@@ -18796,7 +18796,7 @@
|
|
|
18796
18796
|
var _this = this,
|
|
18797
18797
|
_alignments;
|
|
18798
18798
|
|
|
18799
|
-
_classCallCheck(this, DefaultAligner);
|
|
18799
|
+
_classCallCheck$1(this, DefaultAligner);
|
|
18800
18800
|
|
|
18801
18801
|
this.applyStyle = options.aligner.applyStyle;
|
|
18802
18802
|
this.alignAttribute = options.attribute;
|
|
@@ -18824,7 +18824,7 @@
|
|
|
18824
18824
|
}), _alignments);
|
|
18825
18825
|
}
|
|
18826
18826
|
|
|
18827
|
-
_createClass(DefaultAligner, [{
|
|
18827
|
+
_createClass$1(DefaultAligner, [{
|
|
18828
18828
|
key: 'getAlignments',
|
|
18829
18829
|
value: function getAlignments() {
|
|
18830
18830
|
var _this2 = this;
|
|
@@ -19127,190 +19127,182 @@
|
|
|
19127
19127
|
return AlignAction;
|
|
19128
19128
|
}
|
|
19129
19129
|
|
|
19130
|
-
var ResizeAction = {};
|
|
19130
|
+
var ResizeAction$1 = {};
|
|
19131
19131
|
|
|
19132
|
-
|
|
19132
|
+
Object.defineProperty(ResizeAction$1, "__esModule", {
|
|
19133
|
+
value: true
|
|
19134
|
+
});
|
|
19133
19135
|
|
|
19134
|
-
function
|
|
19135
|
-
if (hasRequiredResizeAction) return ResizeAction;
|
|
19136
|
-
hasRequiredResizeAction = 1;
|
|
19136
|
+
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; }; }();
|
|
19137
19137
|
|
|
19138
|
-
|
|
19139
|
-
value: true
|
|
19140
|
-
});
|
|
19138
|
+
var _Action2 = requireAction();
|
|
19141
19139
|
|
|
19142
|
-
|
|
19140
|
+
var _Action3 = _interopRequireDefault(_Action2);
|
|
19143
19141
|
|
|
19144
|
-
|
|
19142
|
+
var _BlotFormatter = requireBlotFormatter();
|
|
19145
19143
|
|
|
19146
|
-
|
|
19144
|
+
_interopRequireDefault(_BlotFormatter);
|
|
19147
19145
|
|
|
19148
|
-
|
|
19146
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
19149
19147
|
|
|
19150
|
-
|
|
19151
|
-
|
|
19152
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
19148
|
+
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
|
19153
19149
|
|
|
19154
|
-
|
|
19150
|
+
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; }
|
|
19155
19151
|
|
|
19156
|
-
|
|
19152
|
+
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; }
|
|
19157
19153
|
|
|
19158
|
-
|
|
19154
|
+
var ResizeAction = function (_Action) {
|
|
19155
|
+
_inherits(ResizeAction, _Action);
|
|
19159
19156
|
|
|
19160
|
-
|
|
19161
|
-
|
|
19157
|
+
function ResizeAction(formatter) {
|
|
19158
|
+
_classCallCheck(this, ResizeAction);
|
|
19162
19159
|
|
|
19163
|
-
|
|
19164
|
-
_classCallCheck(this, ResizeAction);
|
|
19160
|
+
var _this = _possibleConstructorReturn(this, (ResizeAction.__proto__ || Object.getPrototypeOf(ResizeAction)).call(this, formatter));
|
|
19165
19161
|
|
|
19166
|
-
|
|
19167
|
-
|
|
19168
|
-
|
|
19169
|
-
|
|
19170
|
-
|
|
19171
|
-
|
|
19172
|
-
_this.dragHandle = event.target;
|
|
19173
|
-
_this.setCursor(_this.dragHandle.style.cursor);
|
|
19162
|
+
_this.onMouseDown = function (event) {
|
|
19163
|
+
if (!(event.target instanceof HTMLElement)) {
|
|
19164
|
+
return;
|
|
19165
|
+
}
|
|
19166
|
+
_this.dragHandle = event.target;
|
|
19167
|
+
_this.setCursor(_this.dragHandle.style.cursor);
|
|
19174
19168
|
|
|
19175
|
-
|
|
19176
|
-
|
|
19177
|
-
|
|
19169
|
+
if (!_this.formatter.currentSpec) {
|
|
19170
|
+
return;
|
|
19171
|
+
}
|
|
19178
19172
|
|
|
19179
|
-
|
|
19180
|
-
|
|
19181
|
-
|
|
19182
|
-
|
|
19173
|
+
var target = _this.formatter.currentSpec.getTargetElement();
|
|
19174
|
+
if (!target) {
|
|
19175
|
+
return;
|
|
19176
|
+
}
|
|
19183
19177
|
|
|
19184
|
-
|
|
19178
|
+
var rect = target.getBoundingClientRect();
|
|
19185
19179
|
|
|
19186
|
-
|
|
19187
|
-
|
|
19188
|
-
|
|
19180
|
+
_this.dragStartX = event.clientX;
|
|
19181
|
+
_this.preDragWidth = rect.width;
|
|
19182
|
+
_this.targetRatio = rect.height / rect.width;
|
|
19189
19183
|
|
|
19190
|
-
|
|
19191
|
-
|
|
19192
|
-
|
|
19184
|
+
document.addEventListener('mousemove', _this.onDrag);
|
|
19185
|
+
document.addEventListener('mouseup', _this.onMouseUp);
|
|
19186
|
+
};
|
|
19193
19187
|
|
|
19194
|
-
|
|
19195
|
-
|
|
19196
|
-
|
|
19197
|
-
|
|
19188
|
+
_this.onDrag = function (event) {
|
|
19189
|
+
if (!_this.formatter.currentSpec) {
|
|
19190
|
+
return;
|
|
19191
|
+
}
|
|
19198
19192
|
|
|
19199
|
-
|
|
19200
|
-
|
|
19201
|
-
|
|
19202
|
-
|
|
19193
|
+
var target = _this.formatter.currentSpec.getTargetElement();
|
|
19194
|
+
if (!target) {
|
|
19195
|
+
return;
|
|
19196
|
+
}
|
|
19203
19197
|
|
|
19204
|
-
|
|
19205
|
-
|
|
19198
|
+
var deltaX = event.clientX - _this.dragStartX;
|
|
19199
|
+
var newWidth = 0;
|
|
19206
19200
|
|
|
19207
|
-
|
|
19208
|
-
|
|
19209
|
-
|
|
19210
|
-
|
|
19211
|
-
|
|
19201
|
+
if (_this.dragHandle === _this.topLeftHandle || _this.dragHandle === _this.bottomLeftHandle) {
|
|
19202
|
+
newWidth = Math.round(_this.preDragWidth - deltaX);
|
|
19203
|
+
} else {
|
|
19204
|
+
newWidth = Math.round(_this.preDragWidth + deltaX);
|
|
19205
|
+
}
|
|
19212
19206
|
|
|
19213
|
-
|
|
19207
|
+
var newHeight = _this.targetRatio * newWidth;
|
|
19214
19208
|
|
|
19215
|
-
|
|
19216
|
-
|
|
19209
|
+
target.setAttribute('width', '' + newWidth);
|
|
19210
|
+
target.setAttribute('height', '' + newHeight);
|
|
19217
19211
|
|
|
19218
|
-
|
|
19219
|
-
|
|
19212
|
+
_this.formatter.update();
|
|
19213
|
+
};
|
|
19220
19214
|
|
|
19221
|
-
|
|
19222
|
-
|
|
19223
|
-
|
|
19224
|
-
|
|
19225
|
-
|
|
19215
|
+
_this.onMouseUp = function () {
|
|
19216
|
+
_this.setCursor('');
|
|
19217
|
+
document.removeEventListener('mousemove', _this.onDrag);
|
|
19218
|
+
document.removeEventListener('mouseup', _this.onMouseUp);
|
|
19219
|
+
};
|
|
19226
19220
|
|
|
19227
|
-
|
|
19228
|
-
|
|
19229
|
-
|
|
19230
|
-
|
|
19231
|
-
|
|
19232
|
-
|
|
19233
|
-
|
|
19234
|
-
|
|
19235
|
-
|
|
19236
|
-
|
|
19221
|
+
_this.topLeftHandle = _this.createHandle('top-left', 'nwse-resize');
|
|
19222
|
+
_this.topRightHandle = _this.createHandle('top-right', 'nesw-resize');
|
|
19223
|
+
_this.bottomRightHandle = _this.createHandle('bottom-right', 'nwse-resize');
|
|
19224
|
+
_this.bottomLeftHandle = _this.createHandle('bottom-left', 'nesw-resize');
|
|
19225
|
+
_this.dragHandle = null;
|
|
19226
|
+
_this.dragStartX = 0;
|
|
19227
|
+
_this.preDragWidth = 0;
|
|
19228
|
+
_this.targetRatio = 0;
|
|
19229
|
+
return _this;
|
|
19230
|
+
}
|
|
19237
19231
|
|
|
19238
|
-
|
|
19239
|
-
|
|
19240
|
-
|
|
19241
|
-
|
|
19242
|
-
|
|
19243
|
-
|
|
19244
|
-
|
|
19232
|
+
_createClass(ResizeAction, [{
|
|
19233
|
+
key: 'onCreate',
|
|
19234
|
+
value: function onCreate() {
|
|
19235
|
+
this.formatter.overlay.appendChild(this.topLeftHandle);
|
|
19236
|
+
this.formatter.overlay.appendChild(this.topRightHandle);
|
|
19237
|
+
this.formatter.overlay.appendChild(this.bottomRightHandle);
|
|
19238
|
+
this.formatter.overlay.appendChild(this.bottomLeftHandle);
|
|
19245
19239
|
|
|
19246
|
-
|
|
19247
|
-
|
|
19248
|
-
|
|
19249
|
-
|
|
19250
|
-
|
|
19251
|
-
|
|
19252
|
-
|
|
19253
|
-
|
|
19254
|
-
|
|
19255
|
-
|
|
19256
|
-
|
|
19257
|
-
|
|
19258
|
-
|
|
19259
|
-
|
|
19260
|
-
|
|
19261
|
-
|
|
19262
|
-
|
|
19263
|
-
|
|
19264
|
-
|
|
19265
|
-
|
|
19266
|
-
|
|
19267
|
-
|
|
19240
|
+
this.repositionHandles(this.formatter.options.resize.handleStyle);
|
|
19241
|
+
}
|
|
19242
|
+
}, {
|
|
19243
|
+
key: 'onDestroy',
|
|
19244
|
+
value: function onDestroy() {
|
|
19245
|
+
this.setCursor('');
|
|
19246
|
+
this.formatter.overlay.removeChild(this.topLeftHandle);
|
|
19247
|
+
this.formatter.overlay.removeChild(this.topRightHandle);
|
|
19248
|
+
this.formatter.overlay.removeChild(this.bottomRightHandle);
|
|
19249
|
+
this.formatter.overlay.removeChild(this.bottomLeftHandle);
|
|
19250
|
+
}
|
|
19251
|
+
}, {
|
|
19252
|
+
key: 'createHandle',
|
|
19253
|
+
value: function createHandle(position, cursor) {
|
|
19254
|
+
var box = document.createElement('div');
|
|
19255
|
+
box.classList.add(this.formatter.options.resize.handleClassName);
|
|
19256
|
+
box.setAttribute('data-position', position);
|
|
19257
|
+
box.style.cursor = cursor;
|
|
19258
|
+
|
|
19259
|
+
if (this.formatter.options.resize.handleStyle) {
|
|
19260
|
+
Object.assign(box.style, this.formatter.options.resize.handleStyle);
|
|
19261
|
+
}
|
|
19268
19262
|
|
|
19269
|
-
|
|
19263
|
+
box.addEventListener('mousedown', this.onMouseDown);
|
|
19270
19264
|
|
|
19271
|
-
|
|
19272
|
-
|
|
19273
|
-
|
|
19274
|
-
|
|
19275
|
-
|
|
19276
|
-
|
|
19277
|
-
|
|
19278
|
-
|
|
19279
|
-
|
|
19280
|
-
|
|
19281
|
-
|
|
19282
|
-
|
|
19283
|
-
|
|
19284
|
-
|
|
19285
|
-
|
|
19265
|
+
return box;
|
|
19266
|
+
}
|
|
19267
|
+
}, {
|
|
19268
|
+
key: 'repositionHandles',
|
|
19269
|
+
value: function repositionHandles(handleStyle) {
|
|
19270
|
+
var handleXOffset = '0px';
|
|
19271
|
+
var handleYOffset = '0px';
|
|
19272
|
+
if (handleStyle) {
|
|
19273
|
+
if (handleStyle.width) {
|
|
19274
|
+
handleXOffset = -parseFloat(handleStyle.width) / 2 + 'px';
|
|
19275
|
+
}
|
|
19276
|
+
if (handleStyle.height) {
|
|
19277
|
+
handleYOffset = -parseFloat(handleStyle.height) / 2 + 'px';
|
|
19278
|
+
}
|
|
19279
|
+
}
|
|
19286
19280
|
|
|
19287
|
-
|
|
19288
|
-
|
|
19289
|
-
|
|
19290
|
-
|
|
19291
|
-
|
|
19292
|
-
|
|
19293
|
-
|
|
19294
|
-
|
|
19295
|
-
|
|
19296
|
-
|
|
19297
|
-
|
|
19281
|
+
Object.assign(this.topLeftHandle.style, { left: handleXOffset, top: handleYOffset });
|
|
19282
|
+
Object.assign(this.topRightHandle.style, { right: handleXOffset, top: handleYOffset });
|
|
19283
|
+
Object.assign(this.bottomRightHandle.style, { right: handleXOffset, bottom: handleYOffset });
|
|
19284
|
+
Object.assign(this.bottomLeftHandle.style, { left: handleXOffset, bottom: handleYOffset });
|
|
19285
|
+
}
|
|
19286
|
+
}, {
|
|
19287
|
+
key: 'setCursor',
|
|
19288
|
+
value: function setCursor(value) {
|
|
19289
|
+
if (document.body) {
|
|
19290
|
+
document.body.style.cursor = value;
|
|
19291
|
+
}
|
|
19298
19292
|
|
|
19299
|
-
|
|
19300
|
-
|
|
19301
|
-
|
|
19302
|
-
|
|
19303
|
-
|
|
19304
|
-
|
|
19305
|
-
|
|
19306
|
-
|
|
19293
|
+
if (this.formatter.currentSpec) {
|
|
19294
|
+
var target = this.formatter.currentSpec.getOverlayElement();
|
|
19295
|
+
if (target) {
|
|
19296
|
+
target.style.cursor = value;
|
|
19297
|
+
}
|
|
19298
|
+
}
|
|
19299
|
+
}
|
|
19300
|
+
}]);
|
|
19307
19301
|
|
|
19308
|
-
|
|
19309
|
-
|
|
19302
|
+
return ResizeAction;
|
|
19303
|
+
}(_Action3.default);
|
|
19310
19304
|
|
|
19311
|
-
|
|
19312
|
-
return ResizeAction;
|
|
19313
|
-
}
|
|
19305
|
+
ResizeAction$1.default = ResizeAction;
|
|
19314
19306
|
|
|
19315
19307
|
var DeleteAction = {};
|
|
19316
19308
|
|
|
@@ -19417,7 +19409,7 @@
|
|
|
19417
19409
|
|
|
19418
19410
|
var _AlignAction2 = _interopRequireDefault(_AlignAction);
|
|
19419
19411
|
|
|
19420
|
-
var _ResizeAction =
|
|
19412
|
+
var _ResizeAction = ResizeAction$1;
|
|
19421
19413
|
|
|
19422
19414
|
var _ResizeAction2 = _interopRequireDefault(_ResizeAction);
|
|
19423
19415
|
|
|
@@ -19910,7 +19902,7 @@
|
|
|
19910
19902
|
}
|
|
19911
19903
|
});
|
|
19912
19904
|
|
|
19913
|
-
var _ResizeAction =
|
|
19905
|
+
var _ResizeAction = ResizeAction$1;
|
|
19914
19906
|
|
|
19915
19907
|
Object.defineProperty(exports, 'ResizeAction', {
|
|
19916
19908
|
enumerable: true,
|
|
@@ -20174,6 +20166,7 @@
|
|
|
20174
20166
|
setup: (props, ctx) => {
|
|
20175
20167
|
vue.onMounted(() => {
|
|
20176
20168
|
initialize();
|
|
20169
|
+
console.log("onMounted handleGlobalClick");
|
|
20177
20170
|
document.addEventListener('click', handleGlobalClick);
|
|
20178
20171
|
document.addEventListener('keyup', handleGlobalKeyup, true);
|
|
20179
20172
|
});
|
|
@@ -20193,6 +20186,7 @@
|
|
|
20193
20186
|
}
|
|
20194
20187
|
};
|
|
20195
20188
|
const handleGlobalClick = (event) => {
|
|
20189
|
+
console.log("start handleGlobalClick", editor.value);
|
|
20196
20190
|
if (!editor.value)
|
|
20197
20191
|
return;
|
|
20198
20192
|
const blotFormatter = quill === null || quill === void 0 ? void 0 : quill.getModule('blotFormatter');
|