pxx-vue-quill 1.0.153 → 1.0.155

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.
@@ -7,7 +7,7 @@
7
7
  *
8
8
  * Copyright (c) 2025 Pxx-Team
9
9
  * Released under the MIT license
10
- * Date: 2025-09-11T16:58:50.198Z
10
+ * Date: 2025-09-11T17:58:35.030Z
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$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; }; }();
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$1(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$1(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$1(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 = {};
19343
+ var ResizeAction$1 = {};
19344
19344
 
19345
- var hasRequiredResizeAction;
19346
-
19347
- function requireResizeAction () {
19348
- if (hasRequiredResizeAction) return ResizeAction;
19349
- hasRequiredResizeAction = 1;
19345
+ Object.defineProperty(ResizeAction$1, "__esModule", {
19346
+ value: true
19347
+ });
19350
19348
 
19351
- Object.defineProperty(ResizeAction, "__esModule", {
19352
- value: true
19353
- });
19349
+ var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
19354
19350
 
19355
- 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; }; }();
19351
+ var _Action2 = requireAction();
19356
19352
 
19357
- var _Action2 = requireAction();
19353
+ var _Action3 = _interopRequireDefault(_Action2);
19358
19354
 
19359
- var _Action3 = _interopRequireDefault(_Action2);
19355
+ var _BlotFormatter = requireBlotFormatter();
19360
19356
 
19361
- var _BlotFormatter = requireBlotFormatter();
19357
+ _interopRequireDefault(_BlotFormatter);
19362
19358
 
19363
- _interopRequireDefault(_BlotFormatter);
19359
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
19364
19360
 
19365
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
19366
-
19367
- function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
19361
+ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
19368
19362
 
19369
- 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; }
19363
+ function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
19370
19364
 
19371
- 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; }
19365
+ function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
19372
19366
 
19373
- var ResizeAction$1 = function (_Action) {
19374
- _inherits(ResizeAction, _Action);
19367
+ var ResizeAction = function (_Action) {
19368
+ _inherits(ResizeAction, _Action);
19375
19369
 
19376
- function ResizeAction(formatter) {
19377
- _classCallCheck(this, ResizeAction);
19370
+ function ResizeAction(formatter) {
19371
+ _classCallCheck(this, ResizeAction);
19378
19372
 
19379
- var _this = _possibleConstructorReturn(this, (ResizeAction.__proto__ || Object.getPrototypeOf(ResizeAction)).call(this, formatter));
19373
+ var _this = _possibleConstructorReturn(this, (ResizeAction.__proto__ || Object.getPrototypeOf(ResizeAction)).call(this, formatter));
19380
19374
 
19381
- _this.onMouseDown = function (event) {
19382
- if (!(event.target instanceof HTMLElement)) {
19383
- return;
19384
- }
19385
- _this.dragHandle = event.target;
19386
- _this.setCursor(_this.dragHandle.style.cursor);
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
- if (!_this.formatter.currentSpec) {
19389
- return;
19390
- }
19382
+ if (!_this.formatter.currentSpec) {
19383
+ return;
19384
+ }
19391
19385
 
19392
- var target = _this.formatter.currentSpec.getTargetElement();
19393
- if (!target) {
19394
- return;
19395
- }
19386
+ var target = _this.formatter.currentSpec.getTargetElement();
19387
+ if (!target) {
19388
+ return;
19389
+ }
19396
19390
 
19397
- var rect = target.getBoundingClientRect();
19391
+ var rect = target.getBoundingClientRect();
19398
19392
 
19399
- _this.dragStartX = event.clientX;
19400
- _this.preDragWidth = rect.width;
19401
- _this.targetRatio = rect.height / rect.width;
19393
+ _this.dragStartX = event.clientX;
19394
+ _this.preDragWidth = rect.width;
19395
+ _this.targetRatio = rect.height / rect.width;
19402
19396
 
19403
- document.addEventListener('mousemove', _this.onDrag);
19404
- document.addEventListener('mouseup', _this.onMouseUp);
19405
- };
19397
+ document.addEventListener('mousemove', _this.onDrag);
19398
+ document.addEventListener('mouseup', _this.onMouseUp);
19399
+ };
19406
19400
 
19407
- _this.onDrag = function (event) {
19408
- if (!_this.formatter.currentSpec) {
19409
- return;
19410
- }
19401
+ _this.onDrag = function (event) {
19402
+ if (!_this.formatter.currentSpec) {
19403
+ return;
19404
+ }
19411
19405
 
19412
- var target = _this.formatter.currentSpec.getTargetElement();
19413
- if (!target) {
19414
- return;
19415
- }
19406
+ var target = _this.formatter.currentSpec.getTargetElement();
19407
+ if (!target) {
19408
+ return;
19409
+ }
19416
19410
 
19417
- var deltaX = event.clientX - _this.dragStartX;
19418
- var newWidth = 0;
19411
+ var deltaX = event.clientX - _this.dragStartX;
19412
+ var newWidth = 0;
19419
19413
 
19420
- if (_this.dragHandle === _this.topLeftHandle || _this.dragHandle === _this.bottomLeftHandle) {
19421
- newWidth = Math.round(_this.preDragWidth - deltaX);
19422
- } else {
19423
- newWidth = Math.round(_this.preDragWidth + deltaX);
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
- var newHeight = _this.targetRatio * newWidth;
19420
+ var newHeight = _this.targetRatio * newWidth;
19427
19421
 
19428
- target.setAttribute('width', '' + newWidth);
19429
- target.setAttribute('height', '' + newHeight);
19422
+ target.setAttribute('width', '' + newWidth);
19423
+ target.setAttribute('height', '' + newHeight);
19430
19424
 
19431
- _this.formatter.update();
19432
- };
19425
+ _this.formatter.update();
19426
+ };
19433
19427
 
19434
- _this.onMouseUp = function () {
19435
- _this.setCursor('');
19436
- document.removeEventListener('mousemove', _this.onDrag);
19437
- document.removeEventListener('mouseup', _this.onMouseUp);
19438
- };
19428
+ _this.onMouseUp = function () {
19429
+ _this.setCursor('');
19430
+ document.removeEventListener('mousemove', _this.onDrag);
19431
+ document.removeEventListener('mouseup', _this.onMouseUp);
19432
+ };
19439
19433
 
19440
- _this.topLeftHandle = _this.createHandle('top-left', 'nwse-resize');
19441
- _this.topRightHandle = _this.createHandle('top-right', 'nesw-resize');
19442
- _this.bottomRightHandle = _this.createHandle('bottom-right', 'nwse-resize');
19443
- _this.bottomLeftHandle = _this.createHandle('bottom-left', 'nesw-resize');
19444
- _this.dragHandle = null;
19445
- _this.dragStartX = 0;
19446
- _this.preDragWidth = 0;
19447
- _this.targetRatio = 0;
19448
- return _this;
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
- _createClass(ResizeAction, [{
19452
- key: 'onCreate',
19453
- value: function onCreate() {
19454
- this.formatter.overlay.appendChild(this.topLeftHandle);
19455
- this.formatter.overlay.appendChild(this.topRightHandle);
19456
- this.formatter.overlay.appendChild(this.bottomRightHandle);
19457
- this.formatter.overlay.appendChild(this.bottomLeftHandle);
19445
+ _createClass(ResizeAction, [{
19446
+ key: 'onCreate',
19447
+ value: function onCreate() {
19448
+ this.formatter.overlay.appendChild(this.topLeftHandle);
19449
+ this.formatter.overlay.appendChild(this.topRightHandle);
19450
+ this.formatter.overlay.appendChild(this.bottomRightHandle);
19451
+ this.formatter.overlay.appendChild(this.bottomLeftHandle);
19458
19452
 
19459
- this.repositionHandles(this.formatter.options.resize.handleStyle);
19460
- }
19461
- }, {
19462
- key: 'onDestroy',
19463
- value: function onDestroy() {
19464
- this.setCursor('');
19465
- this.formatter.overlay.removeChild(this.topLeftHandle);
19466
- this.formatter.overlay.removeChild(this.topRightHandle);
19467
- this.formatter.overlay.removeChild(this.bottomRightHandle);
19468
- this.formatter.overlay.removeChild(this.bottomLeftHandle);
19469
- }
19470
- }, {
19471
- key: 'createHandle',
19472
- value: function createHandle(position, cursor) {
19473
- var box = document.createElement('div');
19474
- box.classList.add(this.formatter.options.resize.handleClassName);
19475
- box.setAttribute('data-position', position);
19476
- box.style.cursor = cursor;
19477
-
19478
- if (this.formatter.options.resize.handleStyle) {
19479
- Object.assign(box.style, this.formatter.options.resize.handleStyle);
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
- box.addEventListener('mousedown', this.onMouseDown);
19476
+ box.addEventListener('mousedown', this.onMouseDown);
19483
19477
 
19484
- return box;
19485
- }
19486
- }, {
19487
- key: 'repositionHandles',
19488
- value: function repositionHandles(handleStyle) {
19489
- var handleXOffset = '0px';
19490
- var handleYOffset = '0px';
19491
- if (handleStyle) {
19492
- if (handleStyle.width) {
19493
- handleXOffset = -parseFloat(handleStyle.width) / 2 + 'px';
19494
- }
19495
- if (handleStyle.height) {
19496
- handleYOffset = -parseFloat(handleStyle.height) / 2 + 'px';
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
- Object.assign(this.topLeftHandle.style, { left: handleXOffset, top: handleYOffset });
19501
- Object.assign(this.topRightHandle.style, { right: handleXOffset, top: handleYOffset });
19502
- Object.assign(this.bottomRightHandle.style, { right: handleXOffset, bottom: handleYOffset });
19503
- Object.assign(this.bottomLeftHandle.style, { left: handleXOffset, bottom: handleYOffset });
19504
- }
19505
- }, {
19506
- key: 'setCursor',
19507
- value: function setCursor(value) {
19508
- if (document.body) {
19509
- document.body.style.cursor = value;
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
- if (this.formatter.currentSpec) {
19513
- var target = this.formatter.currentSpec.getOverlayElement();
19514
- if (target) {
19515
- target.style.cursor = value;
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
- return ResizeAction;
19522
- }(_Action3.default);
19515
+ return ResizeAction;
19516
+ }(_Action3.default);
19523
19517
 
19524
- ResizeAction.default = ResizeAction$1;
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 = requireResizeAction();
19625
+ var _ResizeAction = ResizeAction$1;
19634
19626
 
19635
19627
  var _ResizeAction2 = _interopRequireDefault(_ResizeAction);
19636
19628
 
@@ -20123,7 +20115,7 @@
20123
20115
  }
20124
20116
  });
20125
20117
 
20126
- var _ResizeAction = requireResizeAction();
20118
+ var _ResizeAction = ResizeAction$1;
20127
20119
 
20128
20120
  Object.defineProperty(exports, 'ResizeAction', {
20129
20121
  enumerable: true,
@@ -20806,12 +20798,22 @@
20806
20798
  const handleTextChange = (delta, oldContents, source) => {
20807
20799
  internalModel = maybeClone(getContents());
20808
20800
  if (props.contentType === 'html') {
20809
- const html = getHTML();
20801
+ let html = getHTML();
20802
+ if (/^<p><br\/?>(.+?)<\/p>$/.test(html)) {
20803
+ const match = html.match(/^<p><br\/?>(.+?)<\/p>$/);
20804
+ if (match && match[1]) {
20805
+ html = `<p>${match[1]}</p>`;
20806
+ if (quill) {
20807
+ quill.root.innerHTML = html;
20808
+ }
20809
+ internalModel = html;
20810
+ }
20811
+ }
20810
20812
  if (html === '' ||
20811
20813
  html === '<p><br></p>' ||
20812
20814
  html === '<p></p>' ||
20813
20815
  html === '<p><br/></p>' ||
20814
- /^<p><br\/?>[\s\S]*<\/p>$/.test(html)) {
20816
+ /^<p><br\/?>\s*<\/p>$/.test(html)) {
20815
20817
  internalModel = '';
20816
20818
  }
20817
20819
  }
@@ -20926,11 +20928,17 @@
20926
20928
  };
20927
20929
  const getHTML = () => {
20928
20930
  var _a;
20929
- const html = (_a = quill === null || quill === void 0 ? void 0 : quill.root.innerHTML) !== null && _a !== void 0 ? _a : '';
20931
+ let html = (_a = quill === null || quill === void 0 ? void 0 : quill.root.innerHTML) !== null && _a !== void 0 ? _a : '';
20932
+ if (/^<p><br\/?>(.+?)<\/p>$/.test(html)) {
20933
+ const match = html.match(/^<p><br\/?>(.+?)<\/p>$/);
20934
+ if (match && match[1]) {
20935
+ html = `<p>${match[1]}</p>`;
20936
+ }
20937
+ }
20930
20938
  if (html === '<p><br></p>' ||
20931
20939
  html === '<p></p>' ||
20932
20940
  html === '<p><br/></p>' ||
20933
- /^<p><br\/?>[\s\S]*<\/p>$/.test(html)) {
20941
+ /^<p><br\/?>\s*<\/p>$/.test(html)) {
20934
20942
  return '';
20935
20943
  }
20936
20944
  return html;