pxx-vue-quill 1.0.142 → 1.0.143

package/dist/vue-quill.umd.js

@@ -7,7 +7,7 @@
  * 
  * Copyright (c) 2025 Pxx-Team
  * Released under the MIT license
- * Date: 2025-09-10T10:17:56.351Z
+ * Date: 2025-09-10T10:37:01.359Z
  */
 (function (global, factory) {
             typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue')) :
@@ -18769,44 +18769,52 @@
 
             var require$$0 = /*@__PURE__*/getAugmentedNamespace(es);
 
-            var Action$1 = {};
+            var Action = {};
 
-            Object.defineProperty(Action$1, "__esModule", {
-              value: true
-            });
+            var hasRequiredAction;
 
-            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; }; }();
+            function requireAction () {
+            	if (hasRequiredAction) return Action;
+            	hasRequiredAction = 1;
 
-            var _BlotFormatter = requireBlotFormatter();
+            	Object.defineProperty(Action, "__esModule", {
+            	  value: true
+            	});
 
-            _interopRequireDefault(_BlotFormatter);
+            	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; }; }();
 
-            function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+            	var _BlotFormatter = requireBlotFormatter();
 
-            function _classCallCheck$1(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+            	_interopRequireDefault(_BlotFormatter);
 
-            var Action = function () {
-              function Action(formatter) {
-                _classCallCheck$1(this, Action);
+            	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-                this.formatter = formatter;
-              }
+            	function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 
-              _createClass$1(Action, [{
-                key: 'onCreate',
-                value: function onCreate() {}
-              }, {
-                key: 'onDestroy',
-                value: function onDestroy() {}
-              }, {
-                key: 'onUpdate',
-                value: function onUpdate() {}
-              }]);
+            	var Action$1 = function () {
+            	  function Action(formatter) {
+            	    _classCallCheck(this, Action);
 
-              return Action;
-            }();
+            	    this.formatter = formatter;
+            	  }
 
-            Action$1.default = Action;
+            	  _createClass(Action, [{
+            	    key: 'onCreate',
+            	    value: function onCreate() {}
+            	  }, {
+            	    key: 'onDestroy',
+            	    value: function onDestroy() {}
+            	  }, {
+            	    key: 'onUpdate',
+            	    value: function onUpdate() {}
+            	  }]);
+
+            	  return Action;
+            	}();
+
+            	Action.default = Action$1;
+            	return Action;
+            }
 
             var hasRequiredBlotFormatter;
 
@@ -18828,7 +18836,7 @@
 
             	var _Options2 = _interopRequireDefault(_Options);
 
-            	var _Action = Action$1;
+            	var _Action = requireAction();
 
             	_interopRequireDefault(_Action);
 
@@ -19267,7 +19275,7 @@
 
             	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; }; }();
 
-            	var _Action2 = Action$1;
+            	var _Action2 = requireAction();
 
             	var _Action3 = _interopRequireDefault(_Action2);
 
@@ -19346,7 +19354,7 @@
 
             	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; }; }();
 
-            	var _Action2 = Action$1;
+            	var _Action2 = requireAction();
 
             	var _Action3 = _interopRequireDefault(_Action2);
 
@@ -19535,7 +19543,7 @@
 
             	var _quill2 = _interopRequireDefault(_quill);
 
-            	var _Action2 = Action$1;
+            	var _Action2 = requireAction();
 
             	var _Action3 = _interopRequireDefault(_Action2);
 
@@ -19614,7 +19622,7 @@
 
             	_interopRequireDefault(_BlotFormatter);
 
-            	var _Action = Action$1;
+            	var _Action = requireAction();
 
             	_interopRequireDefault(_Action);
 
@@ -20070,7 +20078,7 @@
             	  }
             	});
 
-            	var _Action = Action$1;
+            	var _Action = requireAction();
 
             	Object.defineProperty(exports, 'Action', {
             	  enumerable: true,
@@ -20333,8 +20341,9 @@
                 };
             }
 
-            function useGlobalClick() {
+            function useGlobalClick(clickTargetSelector) {
                 const clickHandlers = vue.ref([]);
+                const targetElement = vue.ref(null);
                 const handleGlobalClick = (event) => {
                     console.log('handleGlobalClick');
                     clickHandlers.value.forEach(handler => {
@@ -20346,6 +20355,13 @@
                         }
                     });
                 };
+                const getTargetElement = () => {
+                    if (clickTargetSelector) {
+                        const element = document.querySelector(clickTargetSelector);
+                        return element || window;
+                    }
+                    return window;
+                };
                 const addClickHandler = (handler) => {
                     if (typeof handler === 'function' && !clickHandlers.value.includes(handler)) {
                         clickHandlers.value.push(handler);
@@ -20354,17 +20370,27 @@
                 const clearClickHandlers = () => {
                     clickHandlers.value = [];
                 };
+                const rebindEventListener = () => {
+                    if (targetElement.value) {
+                        targetElement.value.removeEventListener('click', handleGlobalClick, true);
+                    }
+                    targetElement.value = getTargetElement();
+                    targetElement.value.addEventListener('click', handleGlobalClick, true);
+                };
                 vue.onMounted(() => {
-                    window.addEventListener('click', handleGlobalClick, true);
+                    rebindEventListener();
                 });
                 vue.onBeforeUnmount(() => {
-                    window.removeEventListener('click', handleGlobalClick, true);
+                    if (targetElement.value) {
+                        targetElement.value.removeEventListener('click', handleGlobalClick, true);
+                    }
                     clearClickHandlers();
                 });
                 return {
                     addClickHandler,
                     clearClickHandlers,
-                    handleGlobalClick
+                    handleGlobalClick,
+                    rebindEventListener
                 };
             }
 
@@ -20442,6 +20468,10 @@
                         type: Object,
                         required: false,
                     },
+                    clickTargetSelector: {
+                        type: String,
+                        required: false,
+                    },
                 },
                 emits: [
                     'textChange',
@@ -20467,7 +20497,7 @@
                     const canUseLink = vue.ref(false);
                     const linkPosition = vue.ref({ top: 0, left: 0 });
                     const savedRange = vue.ref(null);
-                    const { addClickHandler } = useGlobalClick();
+                    const { addClickHandler } = useGlobalClick(props.clickTargetSelector);
                     const { setQuill, handleBlotFormatterClick, configureBlotFormatter, applyImageStyle, registerBlotFormatter, getBlotFormatterConfig } = useBlotFormatter(editor, props.enableImageResize);
                     const { setQuill: setLinkQuill, setHandleCustomLink, addLinkClickListener } = useLinkClick(editor);
                     vue.onMounted(() => {
@@ -20974,7 +21004,6 @@
                     };
                     setHandleCustomLink(handleCustomLink);
                     const saveLink = (data) => {
-                        console.log("data", data);
                         if (!quill)
                             return;
                         const range = savedRange.value;