pxx-vue-quill 1.0.130 → 1.0.132
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 +172 -188
- 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-10T08:
|
|
10
|
+
* Date: 2025-09-10T08:19:24.291Z
|
|
11
11
|
*/
|
|
12
12
|
(function (global, factory) {
|
|
13
13
|
typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue')) :
|
|
@@ -18769,52 +18769,44 @@
|
|
|
18769
18769
|
|
|
18770
18770
|
var require$$0 = /*@__PURE__*/getAugmentedNamespace(es);
|
|
18771
18771
|
|
|
18772
|
-
var Action = {};
|
|
18772
|
+
var Action$1 = {};
|
|
18773
18773
|
|
|
18774
|
-
|
|
18775
|
-
|
|
18776
|
-
|
|
18777
|
-
if (hasRequiredAction) return Action;
|
|
18778
|
-
hasRequiredAction = 1;
|
|
18779
|
-
|
|
18780
|
-
Object.defineProperty(Action, "__esModule", {
|
|
18781
|
-
value: true
|
|
18782
|
-
});
|
|
18774
|
+
Object.defineProperty(Action$1, "__esModule", {
|
|
18775
|
+
value: true
|
|
18776
|
+
});
|
|
18783
18777
|
|
|
18784
|
-
|
|
18778
|
+
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; }; }();
|
|
18785
18779
|
|
|
18786
|
-
|
|
18780
|
+
var _BlotFormatter$2 = requireBlotFormatter();
|
|
18787
18781
|
|
|
18788
|
-
|
|
18782
|
+
_interopRequireDefault$2(_BlotFormatter$2);
|
|
18789
18783
|
|
|
18790
|
-
|
|
18784
|
+
function _interopRequireDefault$2(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
18791
18785
|
|
|
18792
|
-
|
|
18786
|
+
function _classCallCheck$3(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
|
18793
18787
|
|
|
18794
|
-
|
|
18795
|
-
|
|
18796
|
-
|
|
18788
|
+
var Action = function () {
|
|
18789
|
+
function Action(formatter) {
|
|
18790
|
+
_classCallCheck$3(this, Action);
|
|
18797
18791
|
|
|
18798
|
-
|
|
18799
|
-
|
|
18792
|
+
this.formatter = formatter;
|
|
18793
|
+
}
|
|
18800
18794
|
|
|
18801
|
-
|
|
18802
|
-
|
|
18803
|
-
|
|
18804
|
-
|
|
18805
|
-
|
|
18806
|
-
|
|
18807
|
-
|
|
18808
|
-
|
|
18809
|
-
|
|
18810
|
-
|
|
18795
|
+
_createClass$3(Action, [{
|
|
18796
|
+
key: 'onCreate',
|
|
18797
|
+
value: function onCreate() {}
|
|
18798
|
+
}, {
|
|
18799
|
+
key: 'onDestroy',
|
|
18800
|
+
value: function onDestroy() {}
|
|
18801
|
+
}, {
|
|
18802
|
+
key: 'onUpdate',
|
|
18803
|
+
value: function onUpdate() {}
|
|
18804
|
+
}]);
|
|
18811
18805
|
|
|
18812
|
-
|
|
18813
|
-
|
|
18806
|
+
return Action;
|
|
18807
|
+
}();
|
|
18814
18808
|
|
|
18815
|
-
|
|
18816
|
-
return Action;
|
|
18817
|
-
}
|
|
18809
|
+
Action$1.default = Action;
|
|
18818
18810
|
|
|
18819
18811
|
var hasRequiredBlotFormatter;
|
|
18820
18812
|
|
|
@@ -18836,7 +18828,7 @@
|
|
|
18836
18828
|
|
|
18837
18829
|
var _Options2 = _interopRequireDefault(_Options);
|
|
18838
18830
|
|
|
18839
|
-
var _Action =
|
|
18831
|
+
var _Action = Action$1;
|
|
18840
18832
|
|
|
18841
18833
|
_interopRequireDefault(_Action);
|
|
18842
18834
|
|
|
@@ -18994,11 +18986,11 @@
|
|
|
18994
18986
|
value: true
|
|
18995
18987
|
});
|
|
18996
18988
|
|
|
18997
|
-
var _createClass$
|
|
18989
|
+
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
18990
|
|
|
18999
18991
|
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
18992
|
|
|
19001
|
-
function _classCallCheck$
|
|
18993
|
+
function _classCallCheck$2(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
|
19002
18994
|
|
|
19003
18995
|
var LEFT_ALIGN = 'left';
|
|
19004
18996
|
var CENTER_ALIGN = 'center';
|
|
@@ -19009,7 +19001,7 @@
|
|
|
19009
19001
|
var _this = this,
|
|
19010
19002
|
_alignments;
|
|
19011
19003
|
|
|
19012
|
-
_classCallCheck$
|
|
19004
|
+
_classCallCheck$2(this, DefaultAligner);
|
|
19013
19005
|
|
|
19014
19006
|
this.applyStyle = options.aligner.applyStyle;
|
|
19015
19007
|
this.alignAttribute = options.attribute;
|
|
@@ -19037,7 +19029,7 @@
|
|
|
19037
19029
|
}), _alignments);
|
|
19038
19030
|
}
|
|
19039
19031
|
|
|
19040
|
-
_createClass$
|
|
19032
|
+
_createClass$2(DefaultAligner, [{
|
|
19041
19033
|
key: 'getAlignments',
|
|
19042
19034
|
value: function getAlignments() {
|
|
19043
19035
|
var _this2 = this;
|
|
@@ -19275,7 +19267,7 @@
|
|
|
19275
19267
|
|
|
19276
19268
|
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; }; }();
|
|
19277
19269
|
|
|
19278
|
-
var _Action2 =
|
|
19270
|
+
var _Action2 = Action$1;
|
|
19279
19271
|
|
|
19280
19272
|
var _Action3 = _interopRequireDefault(_Action2);
|
|
19281
19273
|
|
|
@@ -19346,31 +19338,31 @@
|
|
|
19346
19338
|
value: true
|
|
19347
19339
|
});
|
|
19348
19340
|
|
|
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; }; }();
|
|
19341
|
+
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; }; }();
|
|
19350
19342
|
|
|
19351
|
-
var _Action2 =
|
|
19343
|
+
var _Action2 = Action$1;
|
|
19352
19344
|
|
|
19353
|
-
var _Action3 = _interopRequireDefault(_Action2);
|
|
19345
|
+
var _Action3 = _interopRequireDefault$1(_Action2);
|
|
19354
19346
|
|
|
19355
|
-
var _BlotFormatter = requireBlotFormatter();
|
|
19347
|
+
var _BlotFormatter$1 = requireBlotFormatter();
|
|
19356
19348
|
|
|
19357
|
-
_interopRequireDefault(_BlotFormatter);
|
|
19349
|
+
_interopRequireDefault$1(_BlotFormatter$1);
|
|
19358
19350
|
|
|
19359
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
19351
|
+
function _interopRequireDefault$1(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
19360
19352
|
|
|
19361
|
-
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
|
19353
|
+
function _classCallCheck$1(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
|
19362
19354
|
|
|
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; }
|
|
19355
|
+
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; }
|
|
19364
19356
|
|
|
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; }
|
|
19357
|
+
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; }
|
|
19366
19358
|
|
|
19367
19359
|
var ResizeAction = function (_Action) {
|
|
19368
|
-
_inherits(ResizeAction, _Action);
|
|
19360
|
+
_inherits$1(ResizeAction, _Action);
|
|
19369
19361
|
|
|
19370
19362
|
function ResizeAction(formatter) {
|
|
19371
|
-
_classCallCheck(this, ResizeAction);
|
|
19363
|
+
_classCallCheck$1(this, ResizeAction);
|
|
19372
19364
|
|
|
19373
|
-
var _this = _possibleConstructorReturn(this, (ResizeAction.__proto__ || Object.getPrototypeOf(ResizeAction)).call(this, formatter));
|
|
19365
|
+
var _this = _possibleConstructorReturn$1(this, (ResizeAction.__proto__ || Object.getPrototypeOf(ResizeAction)).call(this, formatter));
|
|
19374
19366
|
|
|
19375
19367
|
_this.onMouseDown = function (event) {
|
|
19376
19368
|
if (!(event.target instanceof HTMLElement)) {
|
|
@@ -19442,7 +19434,7 @@
|
|
|
19442
19434
|
return _this;
|
|
19443
19435
|
}
|
|
19444
19436
|
|
|
19445
|
-
_createClass(ResizeAction, [{
|
|
19437
|
+
_createClass$1(ResizeAction, [{
|
|
19446
19438
|
key: 'onCreate',
|
|
19447
19439
|
value: function onCreate() {
|
|
19448
19440
|
this.formatter.overlay.appendChild(this.topLeftHandle);
|
|
@@ -19535,7 +19527,7 @@
|
|
|
19535
19527
|
|
|
19536
19528
|
var _quill2 = _interopRequireDefault(_quill);
|
|
19537
19529
|
|
|
19538
|
-
var _Action2 =
|
|
19530
|
+
var _Action2 = Action$1;
|
|
19539
19531
|
|
|
19540
19532
|
var _Action3 = _interopRequireDefault(_Action2);
|
|
19541
19533
|
|
|
@@ -19614,7 +19606,7 @@
|
|
|
19614
19606
|
|
|
19615
19607
|
_interopRequireDefault(_BlotFormatter);
|
|
19616
19608
|
|
|
19617
|
-
var _Action =
|
|
19609
|
+
var _Action = Action$1;
|
|
19618
19610
|
|
|
19619
19611
|
_interopRequireDefault(_Action);
|
|
19620
19612
|
|
|
@@ -19754,156 +19746,148 @@
|
|
|
19754
19746
|
|
|
19755
19747
|
var IframeVideoSpec = {};
|
|
19756
19748
|
|
|
19757
|
-
var UnclickableBlotSpec = {};
|
|
19758
|
-
|
|
19759
|
-
var hasRequiredUnclickableBlotSpec;
|
|
19760
|
-
|
|
19761
|
-
function requireUnclickableBlotSpec () {
|
|
19762
|
-
if (hasRequiredUnclickableBlotSpec) return UnclickableBlotSpec;
|
|
19763
|
-
hasRequiredUnclickableBlotSpec = 1;
|
|
19749
|
+
var UnclickableBlotSpec$1 = {};
|
|
19764
19750
|
|
|
19765
|
-
|
|
19766
|
-
|
|
19767
|
-
|
|
19768
|
-
|
|
19769
|
-
var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
|
|
19751
|
+
Object.defineProperty(UnclickableBlotSpec$1, "__esModule", {
|
|
19752
|
+
value: true
|
|
19753
|
+
});
|
|
19770
19754
|
|
|
19771
|
-
|
|
19755
|
+
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; }; }();
|
|
19772
19756
|
|
|
19773
|
-
|
|
19757
|
+
var _BlotSpec2 = requireBlotSpec();
|
|
19774
19758
|
|
|
19775
|
-
|
|
19759
|
+
var _BlotSpec3 = _interopRequireDefault(_BlotSpec2);
|
|
19776
19760
|
|
|
19777
|
-
|
|
19761
|
+
var _BlotFormatter = requireBlotFormatter();
|
|
19778
19762
|
|
|
19779
|
-
|
|
19763
|
+
_interopRequireDefault(_BlotFormatter);
|
|
19780
19764
|
|
|
19781
|
-
|
|
19765
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
19782
19766
|
|
|
19783
|
-
|
|
19767
|
+
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
|
19784
19768
|
|
|
19785
|
-
|
|
19769
|
+
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; }
|
|
19786
19770
|
|
|
19787
|
-
|
|
19788
|
-
var PROXY_IMAGE_CLASS = 'blot-formatter__proxy-image';
|
|
19771
|
+
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; }
|
|
19789
19772
|
|
|
19790
|
-
|
|
19791
|
-
|
|
19773
|
+
var MOUSE_ENTER_ATTRIBUTE = 'data-blot-formatter-unclickable-bound';
|
|
19774
|
+
var PROXY_IMAGE_CLASS = 'blot-formatter__proxy-image';
|
|
19792
19775
|
|
|
19793
|
-
|
|
19794
|
-
|
|
19776
|
+
var UnclickableBlotSpec = function (_BlotSpec) {
|
|
19777
|
+
_inherits(UnclickableBlotSpec, _BlotSpec);
|
|
19795
19778
|
|
|
19796
|
-
|
|
19779
|
+
function UnclickableBlotSpec(formatter, selector) {
|
|
19780
|
+
_classCallCheck(this, UnclickableBlotSpec);
|
|
19797
19781
|
|
|
19798
|
-
|
|
19799
|
-
Array.from(document.querySelectorAll(_this.selector + ':not([' + MOUSE_ENTER_ATTRIBUTE + '])')).forEach(function (unclickable) {
|
|
19800
|
-
unclickable.setAttribute(MOUSE_ENTER_ATTRIBUTE, 'true');
|
|
19801
|
-
unclickable.addEventListener('mouseenter', _this.onMouseEnter);
|
|
19802
|
-
});
|
|
19803
|
-
};
|
|
19782
|
+
var _this = _possibleConstructorReturn(this, (UnclickableBlotSpec.__proto__ || Object.getPrototypeOf(UnclickableBlotSpec)).call(this, formatter));
|
|
19804
19783
|
|
|
19805
|
-
|
|
19806
|
-
|
|
19807
|
-
|
|
19808
|
-
|
|
19809
|
-
|
|
19784
|
+
_this.onTextChange = function () {
|
|
19785
|
+
Array.from(document.querySelectorAll(_this.selector + ':not([' + MOUSE_ENTER_ATTRIBUTE + '])')).forEach(function (unclickable) {
|
|
19786
|
+
unclickable.setAttribute(MOUSE_ENTER_ATTRIBUTE, 'true');
|
|
19787
|
+
unclickable.addEventListener('mouseenter', _this.onMouseEnter);
|
|
19788
|
+
});
|
|
19789
|
+
};
|
|
19810
19790
|
|
|
19811
|
-
|
|
19812
|
-
|
|
19813
|
-
|
|
19791
|
+
_this.onMouseEnter = function (event) {
|
|
19792
|
+
var unclickable = event.target;
|
|
19793
|
+
if (!(unclickable instanceof HTMLElement)) {
|
|
19794
|
+
return;
|
|
19795
|
+
}
|
|
19814
19796
|
|
|
19815
|
-
|
|
19816
|
-
|
|
19817
|
-
|
|
19818
|
-
_this.formatter.show(_this);
|
|
19819
|
-
_this.hideProxyImage();
|
|
19820
|
-
};
|
|
19797
|
+
_this.nextUnclickable = unclickable;
|
|
19798
|
+
_this.repositionProxyImage(_this.nextUnclickable);
|
|
19799
|
+
};
|
|
19821
19800
|
|
|
19822
|
-
|
|
19823
|
-
|
|
19824
|
-
|
|
19825
|
-
|
|
19826
|
-
|
|
19801
|
+
_this.onProxyImageClick = function () {
|
|
19802
|
+
_this.unclickable = _this.nextUnclickable;
|
|
19803
|
+
_this.nextUnclickable = null;
|
|
19804
|
+
_this.formatter.show(_this);
|
|
19805
|
+
_this.hideProxyImage();
|
|
19806
|
+
};
|
|
19827
19807
|
|
|
19828
|
-
|
|
19829
|
-
|
|
19830
|
-
|
|
19831
|
-
|
|
19832
|
-
|
|
19833
|
-
it's important that this is attached to the body instead of the root quill element.
|
|
19834
|
-
this prevents the click event from overlapping with ImageSpec
|
|
19835
|
-
*/
|
|
19836
|
-
document.body.appendChild(this.createProxyImage());
|
|
19837
|
-
}
|
|
19808
|
+
_this.selector = selector;
|
|
19809
|
+
_this.unclickable = null;
|
|
19810
|
+
_this.nextUnclickable = null;
|
|
19811
|
+
return _this;
|
|
19812
|
+
}
|
|
19838
19813
|
|
|
19839
|
-
|
|
19840
|
-
|
|
19841
|
-
|
|
19842
|
-
|
|
19843
|
-
|
|
19844
|
-
|
|
19845
|
-
|
|
19846
|
-
|
|
19847
|
-
|
|
19848
|
-
|
|
19849
|
-
key: 'getOverlayElement',
|
|
19850
|
-
value: function getOverlayElement() {
|
|
19851
|
-
return this.unclickable;
|
|
19852
|
-
}
|
|
19853
|
-
}, {
|
|
19854
|
-
key: 'onHide',
|
|
19855
|
-
value: function onHide() {
|
|
19856
|
-
this.hideProxyImage();
|
|
19857
|
-
this.nextUnclickable = null;
|
|
19858
|
-
this.unclickable = null;
|
|
19859
|
-
}
|
|
19860
|
-
}, {
|
|
19861
|
-
key: 'createProxyImage',
|
|
19862
|
-
value: function createProxyImage() {
|
|
19863
|
-
var canvas = document.createElement('canvas');
|
|
19864
|
-
var context = canvas.getContext('2d');
|
|
19865
|
-
context.globalAlpha = 0;
|
|
19866
|
-
context.fillRect(0, 0, 1, 1);
|
|
19867
|
-
|
|
19868
|
-
this.proxyImage = document.createElement('img');
|
|
19869
|
-
this.proxyImage.src = canvas.toDataURL('image/png');
|
|
19870
|
-
this.proxyImage.classList.add(PROXY_IMAGE_CLASS);
|
|
19871
|
-
|
|
19872
|
-
Object.assign(this.proxyImage.style, {
|
|
19873
|
-
position: 'absolute',
|
|
19874
|
-
margin: '0'
|
|
19875
|
-
});
|
|
19814
|
+
_createClass(UnclickableBlotSpec, [{
|
|
19815
|
+
key: 'init',
|
|
19816
|
+
value: function init() {
|
|
19817
|
+
if (document.body) {
|
|
19818
|
+
/*
|
|
19819
|
+
it's important that this is attached to the body instead of the root quill element.
|
|
19820
|
+
this prevents the click event from overlapping with ImageSpec
|
|
19821
|
+
*/
|
|
19822
|
+
document.body.appendChild(this.createProxyImage());
|
|
19823
|
+
}
|
|
19876
19824
|
|
|
19877
|
-
|
|
19878
|
-
|
|
19879
|
-
|
|
19880
|
-
|
|
19881
|
-
|
|
19882
|
-
|
|
19883
|
-
|
|
19884
|
-
|
|
19885
|
-
|
|
19886
|
-
|
|
19887
|
-
|
|
19888
|
-
|
|
19889
|
-
|
|
19825
|
+
this.hideProxyImage();
|
|
19826
|
+
this.proxyImage.addEventListener('click', this.onProxyImageClick);
|
|
19827
|
+
this.formatter.quill.on('text-change', this.onTextChange);
|
|
19828
|
+
}
|
|
19829
|
+
}, {
|
|
19830
|
+
key: 'getTargetElement',
|
|
19831
|
+
value: function getTargetElement() {
|
|
19832
|
+
return this.unclickable;
|
|
19833
|
+
}
|
|
19834
|
+
}, {
|
|
19835
|
+
key: 'getOverlayElement',
|
|
19836
|
+
value: function getOverlayElement() {
|
|
19837
|
+
return this.unclickable;
|
|
19838
|
+
}
|
|
19839
|
+
}, {
|
|
19840
|
+
key: 'onHide',
|
|
19841
|
+
value: function onHide() {
|
|
19842
|
+
this.hideProxyImage();
|
|
19843
|
+
this.nextUnclickable = null;
|
|
19844
|
+
this.unclickable = null;
|
|
19845
|
+
}
|
|
19846
|
+
}, {
|
|
19847
|
+
key: 'createProxyImage',
|
|
19848
|
+
value: function createProxyImage() {
|
|
19849
|
+
var canvas = document.createElement('canvas');
|
|
19850
|
+
var context = canvas.getContext('2d');
|
|
19851
|
+
context.globalAlpha = 0;
|
|
19852
|
+
context.fillRect(0, 0, 1, 1);
|
|
19853
|
+
|
|
19854
|
+
this.proxyImage = document.createElement('img');
|
|
19855
|
+
this.proxyImage.src = canvas.toDataURL('image/png');
|
|
19856
|
+
this.proxyImage.classList.add(PROXY_IMAGE_CLASS);
|
|
19857
|
+
|
|
19858
|
+
Object.assign(this.proxyImage.style, {
|
|
19859
|
+
position: 'absolute',
|
|
19860
|
+
margin: '0'
|
|
19861
|
+
});
|
|
19890
19862
|
|
|
19891
|
-
|
|
19892
|
-
|
|
19893
|
-
|
|
19894
|
-
|
|
19895
|
-
|
|
19896
|
-
|
|
19897
|
-
|
|
19898
|
-
|
|
19899
|
-
|
|
19863
|
+
return this.proxyImage;
|
|
19864
|
+
}
|
|
19865
|
+
}, {
|
|
19866
|
+
key: 'hideProxyImage',
|
|
19867
|
+
value: function hideProxyImage() {
|
|
19868
|
+
Object.assign(this.proxyImage.style, {
|
|
19869
|
+
display: 'none'
|
|
19870
|
+
});
|
|
19871
|
+
}
|
|
19872
|
+
}, {
|
|
19873
|
+
key: 'repositionProxyImage',
|
|
19874
|
+
value: function repositionProxyImage(unclickable) {
|
|
19875
|
+
var rect = unclickable.getBoundingClientRect();
|
|
19876
|
+
|
|
19877
|
+
Object.assign(this.proxyImage.style, {
|
|
19878
|
+
display: 'block',
|
|
19879
|
+
left: rect.left + window.pageXOffset + 'px',
|
|
19880
|
+
top: rect.top + window.pageYOffset + 'px',
|
|
19881
|
+
width: rect.width + 'px',
|
|
19882
|
+
height: rect.height + 'px'
|
|
19883
|
+
});
|
|
19884
|
+
}
|
|
19885
|
+
}]);
|
|
19900
19886
|
|
|
19901
|
-
|
|
19902
|
-
|
|
19887
|
+
return UnclickableBlotSpec;
|
|
19888
|
+
}(_BlotSpec3.default);
|
|
19903
19889
|
|
|
19904
|
-
|
|
19905
|
-
return UnclickableBlotSpec;
|
|
19906
|
-
}
|
|
19890
|
+
UnclickableBlotSpec$1.default = UnclickableBlotSpec;
|
|
19907
19891
|
|
|
19908
19892
|
var hasRequiredIframeVideoSpec;
|
|
19909
19893
|
|
|
@@ -19915,7 +19899,7 @@
|
|
|
19915
19899
|
value: true
|
|
19916
19900
|
});
|
|
19917
19901
|
|
|
19918
|
-
var _UnclickableBlotSpec2 =
|
|
19902
|
+
var _UnclickableBlotSpec2 = UnclickableBlotSpec$1;
|
|
19919
19903
|
|
|
19920
19904
|
var _UnclickableBlotSpec3 = _interopRequireDefault(_UnclickableBlotSpec2);
|
|
19921
19905
|
|
|
@@ -20070,7 +20054,7 @@
|
|
|
20070
20054
|
}
|
|
20071
20055
|
});
|
|
20072
20056
|
|
|
20073
|
-
var _Action =
|
|
20057
|
+
var _Action = Action$1;
|
|
20074
20058
|
|
|
20075
20059
|
Object.defineProperty(exports, 'Action', {
|
|
20076
20060
|
enumerable: true,
|
|
@@ -20142,7 +20126,7 @@
|
|
|
20142
20126
|
}
|
|
20143
20127
|
});
|
|
20144
20128
|
|
|
20145
|
-
var _UnclickableBlotSpec =
|
|
20129
|
+
var _UnclickableBlotSpec = UnclickableBlotSpec$1;
|
|
20146
20130
|
|
|
20147
20131
|
Object.defineProperty(exports, 'UnclickableBlotSpec', {
|
|
20148
20132
|
enumerable: true,
|
|
@@ -20343,10 +20327,10 @@
|
|
|
20343
20327
|
clickHandlers.value = [];
|
|
20344
20328
|
};
|
|
20345
20329
|
vue.onMounted(() => {
|
|
20346
|
-
window.addEventListener('click', handleGlobalClick
|
|
20330
|
+
window.addEventListener('click', handleGlobalClick);
|
|
20347
20331
|
});
|
|
20348
20332
|
vue.onBeforeUnmount(() => {
|
|
20349
|
-
window.removeEventListener('click', handleGlobalClick
|
|
20333
|
+
window.removeEventListener('click', handleGlobalClick);
|
|
20350
20334
|
clearClickHandlers();
|
|
20351
20335
|
});
|
|
20352
20336
|
return {
|