pxx-vue-quill 1.0.93 → 1.0.95
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.core.css +391 -0
- package/dist/vue-quill.core.prod.css +1 -0
- package/dist/vue-quill.extend.css +236 -0
- package/dist/vue-quill.extend.prod.css +1 -0
- package/dist/vue-quill.snow.css +1153 -0
- package/dist/vue-quill.snow.prod.css +1 -0
- package/dist/vue-quill.umd.js +133 -58
- package/dist/vue-quill.umd.prod.js +2 -2
- package/package.json +1 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.ql-container{box-sizing:border-box;font-family:Helvetica,Arial,sans-serif;font-size:13px;height:100%;margin:0;position:relative}.ql-container.ql-disabled .ql-tooltip{visibility:hidden}.ql-container.ql-disabled .ql-editor ul[data-checked] > li::before{pointer-events:none}.ql-clipboard{left:-100000px;height:1px;overflow-y:hidden;position:absolute;top:50%}.ql-clipboard p{margin:0;padding:0}.ql-editor{box-sizing:border-box;line-height:1.42;height:100%;outline:none;overflow-y:auto;padding:12px 15px;tab-size:4;-moz-tab-size:4;text-align:left;white-space:pre-wrap;word-wrap:break-word}.ql-editor > *{cursor:text}.ql-editor p,.ql-editor ol,.ql-editor ul,.ql-editor pre,.ql-editor blockquote,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{margin:0;padding:0;counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol,.ql-editor ul{padding-left:1.5em}.ql-editor ol > li,.ql-editor ul > li{list-style-type:none}.ql-editor ul > li::before{content:'\2022'}.ql-editor ul[data-checked=true],.ql-editor ul[data-checked=false]{pointer-events:none}.ql-editor ul[data-checked=true] > li *,.ql-editor ul[data-checked=false] > li *{pointer-events:all}.ql-editor ul[data-checked=true] > li::before,.ql-editor ul[data-checked=false] > li::before{color:#777;cursor:pointer;pointer-events:all}.ql-editor ul[data-checked=true] > li::before{content:'\2611'}.ql-editor ul[data-checked=false] > li::before{content:'\2610'}.ql-editor li::before{display:inline-block;white-space:nowrap;width:1.2em}.ql-editor li:not(.ql-direction-rtl)::before{margin-left:-1.5em;margin-right:.3em;text-align:right}.ql-editor li.ql-direction-rtl::before{margin-left:.3em;margin-right:-1.5em}.ql-editor ol li:not(.ql-direction-rtl),.ql-editor ul li:not(.ql-direction-rtl){padding-left:1.5em}.ql-editor ol li.ql-direction-rtl,.ql-editor ul li.ql-direction-rtl{padding-right:1.5em}.ql-editor ol li{counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;counter-increment:list-0}.ql-editor ol li:before{content:counter(list-0, decimal) '. '}.ql-editor ol li.ql-indent-1{counter-increment:list-1}.ql-editor ol li.ql-indent-1:before{content:counter(list-1, lower-alpha) '. '}.ql-editor ol li.ql-indent-1{counter-reset:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-2{counter-increment:list-2}.ql-editor ol li.ql-indent-2:before{content:counter(list-2, lower-roman) '. '}.ql-editor ol li.ql-indent-2{counter-reset:list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-3{counter-increment:list-3}.ql-editor ol li.ql-indent-3:before{content:counter(list-3, decimal) '. '}.ql-editor ol li.ql-indent-3{counter-reset:list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-4{counter-increment:list-4}.ql-editor ol li.ql-indent-4:before{content:counter(list-4, lower-alpha) '. '}.ql-editor ol li.ql-indent-4{counter-reset:list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-5{counter-increment:list-5}.ql-editor ol li.ql-indent-5:before{content:counter(list-5, lower-roman) '. '}.ql-editor ol li.ql-indent-5{counter-reset:list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-6{counter-increment:list-6}.ql-editor ol li.ql-indent-6:before{content:counter(list-6, decimal) '. '}.ql-editor ol li.ql-indent-6{counter-reset:list-7 list-8 list-9}.ql-editor ol li.ql-indent-7{counter-increment:list-7}.ql-editor ol li.ql-indent-7:before{content:counter(list-7, lower-alpha) '. '}.ql-editor ol li.ql-indent-7{counter-reset:list-8 list-9}.ql-editor ol li.ql-indent-8{counter-increment:list-8}.ql-editor ol li.ql-indent-8:before{content:counter(list-8, lower-roman) '. '}.ql-editor ol li.ql-indent-8{counter-reset:list-9}.ql-editor ol li.ql-indent-9{counter-increment:list-9}.ql-editor ol li.ql-indent-9:before{content:counter(list-9, decimal) '. '}.ql-editor .ql-indent-1:not(.ql-direction-rtl){padding-left:3em}.ql-editor li.ql-indent-1:not(.ql-direction-rtl){padding-left:4.5em}.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:3em}.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:4.5em}.ql-editor .ql-indent-2:not(.ql-direction-rtl){padding-left:6em}.ql-editor li.ql-indent-2:not(.ql-direction-rtl){padding-left:7.5em}.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:6em}.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:7.5em}.ql-editor .ql-indent-3:not(.ql-direction-rtl){padding-left:9em}.ql-editor li.ql-indent-3:not(.ql-direction-rtl){padding-left:10.5em}.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:9em}.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:10.5em}.ql-editor .ql-indent-4:not(.ql-direction-rtl){padding-left:12em}.ql-editor li.ql-indent-4:not(.ql-direction-rtl){padding-left:13.5em}.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:12em}.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:13.5em}.ql-editor .ql-indent-5:not(.ql-direction-rtl){padding-left:15em}.ql-editor li.ql-indent-5:not(.ql-direction-rtl){padding-left:16.5em}.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:15em}.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:16.5em}.ql-editor .ql-indent-6:not(.ql-direction-rtl){padding-left:18em}.ql-editor li.ql-indent-6:not(.ql-direction-rtl){padding-left:19.5em}.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:18em}.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:19.5em}.ql-editor .ql-indent-7:not(.ql-direction-rtl){padding-left:21em}.ql-editor li.ql-indent-7:not(.ql-direction-rtl){padding-left:22.5em}.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:21em}.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:22.5em}.ql-editor .ql-indent-8:not(.ql-direction-rtl){padding-left:24em}.ql-editor li.ql-indent-8:not(.ql-direction-rtl){padding-left:25.5em}.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:24em}.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:25.5em}.ql-editor .ql-indent-9:not(.ql-direction-rtl){padding-left:27em}.ql-editor li.ql-indent-9:not(.ql-direction-rtl){padding-left:28.5em}.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:27em}.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:28.5em}.ql-editor .ql-video{display:block;max-width:100%}.ql-editor .ql-video.ql-align-center{margin:0 auto}.ql-editor .ql-video.ql-align-right{margin:0 0 0 auto}.ql-editor .ql-bg-black{background-color:#000}.ql-editor .ql-bg-red{background-color:#e60000}.ql-editor .ql-bg-orange{background-color:#f90}.ql-editor .ql-bg-yellow{background-color:#ff0}.ql-editor .ql-bg-green{background-color:#008a00}.ql-editor .ql-bg-blue{background-color:#06c}.ql-editor .ql-bg-purple{background-color:#93f}.ql-editor .ql-color-white{color:#fff}.ql-editor .ql-color-red{color:#e60000}.ql-editor .ql-color-orange{color:#f90}.ql-editor .ql-color-yellow{color:#ff0}.ql-editor .ql-color-green{color:#008a00}.ql-editor .ql-color-blue{color:#06c}.ql-editor .ql-color-purple{color:#93f}.ql-editor .ql-font-serif{font-family:Georgia,Times New Roman,serif}.ql-editor .ql-font-monospace{font-family:Monaco,Courier New,monospace}.ql-editor .ql-size-small{font-size:.75em}.ql-editor .ql-size-large{font-size:1.5em}.ql-editor .ql-size-huge{font-size:2.5em}.ql-editor .ql-direction-rtl{direction:rtl;text-align:inherit}.ql-editor .ql-align-center{text-align:center}.ql-editor .ql-align-justify{text-align:justify}.ql-editor .ql-align-right{text-align:right}.ql-editor.ql-blank::before{color:rgba(0,0,0,0.6);content:attr(data-placeholder);font-style:italic;left:15px;pointer-events:none;position:absolute;right:15px}.ql-snow.ql-toolbar:after,.ql-snow .ql-toolbar:after{clear:both;content:'';display:table}.ql-snow.ql-toolbar button,.ql-snow .ql-toolbar button{background:none;border:none;cursor:pointer;display:inline-block;float:left;height:24px;padding:3px 5px;width:28px;margin-left:1px;margin-right:1px}.ql-snow.ql-toolbar button svg,.ql-snow .ql-toolbar button svg{float:left;height:100%}.ql-snow.ql-toolbar button:active:hover,.ql-snow .ql-toolbar button:active:hover{outline:none}.ql-snow.ql-toolbar input.ql-image[type=file],.ql-snow .ql-toolbar input.ql-image[type=file]{display:none}.ql-snow.ql-toolbar button:hover,.ql-snow .ql-toolbar button:hover,.ql-snow.ql-toolbar button:focus,.ql-snow .ql-toolbar button:focus,.ql-snow.ql-toolbar .ql-picker-label:hover,.ql-snow .ql-toolbar .ql-picker-label:hover,.ql-snow.ql-toolbar .ql-picker-item:hover,.ql-snow .ql-toolbar .ql-picker-item:hover{background-color:#f3f4f6}.ql-snow.ql-toolbar button.ql-active,.ql-snow .ql-toolbar button.ql-active,.ql-snow.ql-toolbar .ql-picker-label.ql-active,.ql-snow .ql-toolbar .ql-picker-label.ql-active,.ql-snow.ql-toolbar .ql-picker-item.ql-selected,.ql-snow .ql-toolbar .ql-picker-item.ql-selected{background-color:#dbeafe;color:#2563eb}.ql-snow.ql-toolbar button.ql-active .ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill{fill:#2563eb}.ql-snow.ql-toolbar button.ql-active .ql-stroke,.ql-snow .ql-toolbar button.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter{stroke:#2563eb}@media (pointer:coarse){.ql-snow.ql-toolbar button:hover:not(.ql-active),.ql-snow .ql-toolbar button:hover:not(.ql-active){color:#4b5563}.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill{fill:#4b5563}.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter{stroke:#4b5563}}.ql-snow{box-sizing:border-box}.ql-snow *{box-sizing:border-box}.ql-snow .ql-hidden{display:none}.ql-snow .ql-out-bottom,.ql-snow .ql-out-top{visibility:hidden}.ql-snow .ql-tooltip{position:absolute;transform:translateY(10px)}.ql-snow .ql-tooltip a{cursor:pointer;text-decoration:none}.ql-snow .ql-tooltip.ql-flip{transform:translateY(-10px)}.ql-snow .ql-formats{display:inline-block;vertical-align:middle}.ql-snow .ql-formats:after{clear:both;content:'';display:table}.ql-snow .ql-stroke{fill:none;stroke:#4b5563;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.ql-snow .ql-stroke-miter{fill:none;stroke:#4b5563;stroke-miterlimit:10;stroke-width:2}.ql-snow .ql-fill,.ql-snow .ql-stroke.ql-fill{fill:#4b5563}.ql-snow .ql-empty{fill:none}.ql-snow .ql-even{fill-rule:evenodd}.ql-snow .ql-thin,.ql-snow .ql-stroke.ql-thin{stroke-width:1}.ql-snow .ql-transparent{opacity:.4}.ql-snow .ql-direction svg:last-child{display:none}.ql-snow .ql-direction.ql-active svg:last-child{display:inline}.ql-snow .ql-direction.ql-active svg:first-child{display:none}.ql-snow .ql-editor h1{font-size:2em}.ql-snow .ql-editor h2{font-size:1.5em}.ql-snow .ql-editor h3{font-size:1.17em}.ql-snow .ql-editor h4{font-size:1em}.ql-snow .ql-editor h5{font-size:.83em}.ql-snow .ql-editor h6{font-size:.67em}.ql-snow .ql-editor a{text-decoration:underline}.ql-snow .ql-editor blockquote{border-left:4px solid #ccc;margin-bottom:5px;margin-top:5px;padding-left:16px}.ql-snow .ql-editor code,.ql-snow .ql-editor pre{background-color:#f0f0f0;border-radius:3px}.ql-snow .ql-editor pre{white-space:pre-wrap;margin-bottom:5px;margin-top:5px;padding:5px 10px}.ql-snow .ql-editor code{font-size:85%;padding:2px 4px}.ql-snow .ql-editor pre.ql-syntax{background-color:#23241f;color:#f8f8f2;overflow:visible}.ql-snow .ql-editor img{max-width:100%}.ql-snow .ql-picker{color:#4b5563;display:inline-block;float:left;font-size:14px;font-weight:500;height:24px;position:relative;vertical-align:middle;margin-right:1px;margin-left:1px}.ql-snow .ql-picker-label{cursor:pointer;display:flex;height:100%;padding-left:8px;padding-right:2px;position:relative;width:100%}.ql-snow .ql-picker-label::before{display:inline-block;line-height:22px}.ql-snow .ql-picker-options{background-color:#fff;display:none;min-width:100%;position:absolute;white-space:nowrap}.ql-snow .ql-picker-options .ql-picker-item{cursor:pointer;display:block;padding:5px 8px}.ql-snow .ql-picker.ql-expanded .ql-picker-label{color:#d1d5db;z-index:2}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill{fill:#d1d5db}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke{stroke:#d1d5db}.ql-snow .ql-picker.ql-expanded .ql-picker-options{display:block;margin-top:-1px;top:100%;z-index:1}.ql-snow .ql-color-picker,.ql-snow .ql-icon-picker{width:28px}.ql-snow .ql-color-picker .ql-picker-label,.ql-snow .ql-icon-picker .ql-picker-label{padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-label svg,.ql-snow .ql-icon-picker .ql-picker-label svg{right:4px}.ql-snow .ql-icon-picker .ql-picker-options{padding:3px}.ql-snow .ql-icon-picker .ql-picker-item{height:24px;width:24px;padding:2px 4px;margin:2px}.ql-snow .ql-color-picker .ql-picker-options{padding:3px 5px;width:152px}.ql-snow .ql-color-picker .ql-picker-item{border:1px solid transparent;float:left;height:16px;margin:2px;padding:0;width:16px}.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg{position:absolute;margin-top:-9px;right:0;top:50%;width:18px}.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=''])::before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=''])::before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=''])::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=''])::before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=''])::before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=''])::before{content:attr(data-label)}.ql-snow .ql-picker.ql-header{width:98px}.ql-snow .ql-picker.ql-header .ql-picker-label::before,.ql-snow .ql-picker.ql-header .ql-picker-item::before{content:'Normal'}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before{content:'Heading 1'}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before{content:'Heading 2'}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before{content:'Heading 3'}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before{content:'Heading 4'}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before{content:'Heading 5'}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before{content:'Heading 6'}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before{font-size:2em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before{font-size:1.5em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before{font-size:1.17em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before{font-size:1em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before{font-size:.83em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before{font-size:.67em}.ql-snow .ql-picker.ql-font{width:108px}.ql-snow .ql-picker.ql-font .ql-picker-label::before,.ql-snow .ql-picker.ql-font .ql-picker-item::before{content:'Sans Serif'}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]::before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before{content:'Serif'}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before{content:'Monospace'}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before{font-family:Georgia,Times New Roman,serif}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before{font-family:Monaco,Courier New,monospace}.ql-snow .ql-picker.ql-size{width:98px}.ql-snow .ql-picker.ql-size .ql-picker-label::before,.ql-snow .ql-picker.ql-size .ql-picker-item::before{content:'Normal'}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]::before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before{content:'Small'}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]::before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before{content:'Large'}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]::before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before{content:'Huge'}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before{font-size:10px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before{font-size:18px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before{font-size:32px}.ql-snow .ql-color-picker.ql-background .ql-picker-item{background-color:#fff}.ql-snow .ql-color-picker.ql-color .ql-picker-item{background-color:#000}.quill-editor-container{width:100%;display:flex;flex-direction:column}.quill-editor-container .hover-status,.quill-editor-container .ql-toolbar.ql-snow .ql-formats .ql-color-picker .ql-picker-label:hover,.quill-editor-container .ql-toolbar.ql-snow .ql-formats button:hover{color:#333;border-radius:6px;border-color:transparent;background-color:rgba(0,0,0,0.05)}.quill-editor-container .active-status,.quill-editor-container .ql-toolbar.ql-snow .ql-formats .ql-active,.quill-editor-container .ql-toolbar.ql-snow .ql-formats .ql-color-picker.ql-expanded .ql-picker-label{color:#333;border-radius:6px;border-color:transparent;background-color:rgba(0,0,0,0.08)}.quill-editor-container.embedded .ql-toolbar.ql-snow{padding:7px 15px}.quill-editor-container.fixed-top{position:relative}.quill-editor-container.fixed-top.no-collapse .ql-toolbar.ql-snow{min-height:0;padding:8px 15px}.quill-editor-container.fixed-top .ql-toolbar.ql-snow{width:max-content;position:absolute;border:0;z-index:2;top:-44px;display:none;background-color:#f7f7f7;border-radius:8px;box-shadow:0 0 6px 0 rgba(0,0,0,0.1)}.quill-editor-container.fixed-top .ql-toolbar.ql-snow .short-tools{padding:7px 15px;border-radius:8px;border:1px solid #eee}.quill-editor-container.fixed-top .ql-toolbar.ql-snow .short-tools.collapse{border-radius:8px 8px 0 0}.quill-editor-container.fixed-top .ql-toolbar.ql-snow .more-tools{padding:8px 15px;border-radius:0 0 8px 8px;border:1px solid #eee;border-top:0}.quill-editor-container.fixed-top .ql-toolbar.ql-snow .more-tools .more-tools-item{margin-bottom:8px}.quill-editor-container .ql-toolbar.ql-snow{border:0;display:none;padding:0;min-height:40px;line-height:1;border:1px solid #eee;background-color:#f7f7f7}.quill-editor-container .ql-toolbar.ql-snow .ql-formats{margin-right:0}.quill-editor-container .ql-toolbar.ql-snow .ql-formats .ql-undo.ql-disabled,.quill-editor-container .ql-toolbar.ql-snow .ql-formats .ql-redo.ql-disabled{color:#d8d8d8 !important;cursor:not-allowed !important;opacity:.5 !important;pointer-events:none !important}.quill-editor-container .ql-toolbar.ql-snow .ql-formats .ql-active .ql-stroke{stroke:#333}.quill-editor-container .ql-toolbar.ql-snow .ql-formats .ql-color-picker{margin-left:0;margin-right:12px;width:24px}.quill-editor-container .ql-toolbar.ql-snow .ql-formats .ql-color-picker .ql-picker-label{padding:1px}.quill-editor-container .ql-toolbar.ql-snow .ql-formats .ql-color-picker .ql-picker-options{z-index:3}.quill-editor-container .ql-toolbar.ql-snow .ql-formats button{width:24px;margin-right:12px;margin-left:0;padding:3px}.quill-editor-container .ql-toolbar.ql-snow .ql-formats button.ql-math,.quill-editor-container .ql-toolbar.ql-snow .ql-formats button.ql-ocr{padding:3px 4px}.quill-editor-container .ql-toolbar.ql-snow .ql-formats .mr-0{margin-right:0}.quill-editor-container .ql-toolbar.ql-snow .ql-formats .ql-more{cursor:pointer;border-radius:6px}.quill-editor-container .ql-toolbar.ql-snow + .ql-container.ql-container{border:0;flex:1}.quill-editor-container .ql-container .ql-editor{padding:12px 16px;line-height:22px;word-break:break-all}.quill-editor-container .ql-container .ql-editor ul,.quill-editor-container .ql-container .ql-editor ol{padding-left:0}.quill-editor-container .ql-container .ql-editor ul li::before,.quill-editor-container .ql-container .ql-editor ol li::before{width:8px;text-align:left}.quill-editor-container .ql-container .ql-editor ul li:not(.ql-direction-rtl),.quill-editor-container .ql-container .ql-editor ol li:not(.ql-direction-rtl){padding-left:18px}.quill-editor-container .ql-container .ql-editor img{display:block}.quill-editor-container .ql-container .ql-editor.ql-blank::before{color:#b6b6b6;font-style:normal;font-size:14px;left:15px}.quill-editor-container .ql-container.ql-snow .ql-tooltip{height:50px;line-height:50px;z-index:5;padding:0 8px;background-color:#fff;border:0;border-radius:8px;left:0 !important}.quill-editor-container .ql-container.ql-snow .ql-tooltip::before{content:"";display:none}.quill-editor-container .ql-container.ql-snow .ql-tooltip.ql-editing{left:0 !important;z-index:2;border-radius:8px;border:1px solid #eee;box-shadow:rgba(0,0,0,0.2) 0 2px 8px}.quill-editor-container .ql-container.ql-snow .ql-tooltip.ql-editing .ql-preview{display:none}.quill-editor-container .ql-container.ql-snow .ql-tooltip.ql-editing .ql-action{color:#4b5563}.quill-editor-container .ql-container.ql-snow .ql-tooltip.ql-editing .ql-action::after{content:"保存";width:94px;height:34px;background-color:#383b50;display:inline-flex;align-items:center;justify-content:center;margin-left:8px;border-radius:8px;color:#fff}.quill-editor-container .ql-container.ql-snow .ql-tooltip.ql-editing input{height:34px;width:190px;border:0;background-color:#f9f9f9;border-radius:8px;padding-left:8px;display:inline-block}.quill-editor-container .ql-container.ql-snow .ql-tooltip.ql-editing input::placeholder{color:transparent}.quill-editor-container .ql-container.ql-snow .ql-tooltip.ql-editing input:focus-visible{outline:0;border-color:transparent}.quill-editor-container .ql-container.ql-snow .ql-tooltip:not(.ql-editing) .ql-action::after{width:94px;height:34px;background-color:#fff;display:inline-flex;align-items:center;justify-content:center;margin-left:8px;border-radius:8px;color:#333;border:1px solid #e6e6e9;padding:0}.quill-editor-container .ql-container.ql-snow .ql-tooltip:not(.ql-editing) .ql-remove::before{width:94px;height:34px;background-color:#383b50;display:inline-flex;align-items:center;justify-content:center;margin-left:8px;border-radius:8px;color:#fff;border-right:0;padding:0}.quill-editor-container .ql-container.ql-snow .ql-tooltip .ql-preview{height:34px;width:190px;border:0;background-color:#f9f9f9;border-radius:8px;padding-left:8px;display:inline-block;color:#333;line-height:34px;margin:8px 0}.quill-editor-container .ql-container .blot-formatter__overlay .blot-formatter__toolbar{display:none}.ql-toolbar.ql-snow{border:1px solid #d1d5db;box-sizing:border-box;font-family:'Helvetica Neue','Helvetica','Arial',sans-serif;padding:8px}.ql-toolbar.ql-snow .ql-formats{margin-right:10px}.ql-toolbar.ql-snow .ql-picker-label{border:1px solid transparent}.ql-toolbar.ql-snow .ql-picker-options{border:1px solid transparent;box-shadow:rgba(0,0,0,0.2) 0 2px 8px}.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label{border-color:#d1d5db}.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options{border-color:#d1d5db}.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover{border-color:#000}.ql-toolbar.ql-snow + .ql-container.ql-snow{border-top:0}.ql-snow .ql-tooltip{background-color:#fff;border:1px solid #d1d5db;box-shadow:0 0 5px #d1d5db;color:#4b5563;padding:5px 12px;white-space:nowrap}.ql-snow .ql-tooltip::before{content:"访问链接:";line-height:26px;margin-right:8px}.ql-snow .ql-tooltip input[type=text]{display:none;border:1px solid #d1d5db;font-size:13px;height:26px;margin:0;padding:3px 5px;width:170px}.ql-snow .ql-tooltip input[type=text]::placeholder{color:#999;font-style:italic}.ql-snow .ql-tooltip a.ql-preview{display:inline-block;max-width:200px;overflow-x:hidden;text-overflow:ellipsis;vertical-align:top}.ql-snow .ql-tooltip a.ql-action::after{border-right:1px solid #d1d5db;content:'编辑';margin-left:16px;padding-right:8px}.ql-snow .ql-tooltip a.ql-remove::before{content:'删除';margin-left:8px}.ql-snow .ql-tooltip a{line-height:26px}.ql-snow .ql-tooltip.ql-editing a.ql-preview,.ql-snow .ql-tooltip.ql-editing a.ql-remove{display:none}.ql-snow .ql-tooltip.ql-editing input[type=text]{display:inline-block}.ql-snow .ql-tooltip.ql-editing a.ql-action::after{border-right:0;content:'保存';padding-right:0}.ql-snow .ql-tooltip[data-mode=link]::before{content:"输入链接:"}.ql-snow .ql-tooltip[data-mode=formula]::before{content:"输入公式:"}.ql-snow .ql-tooltip[data-mode=video]::before{content:"输入视频:"}.ql-snow a{color:#2563eb}.ql-container.ql-snow{border:1px solid #d1d5db}
|
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-
|
|
10
|
+
* Date: 2025-09-09T02:23:59.511Z
|
|
11
11
|
*/
|
|
12
12
|
(function (global, factory) {
|
|
13
13
|
typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue')) :
|
|
@@ -18468,6 +18468,14 @@
|
|
|
18468
18468
|
type: Boolean,
|
|
18469
18469
|
default: false,
|
|
18470
18470
|
},
|
|
18471
|
+
canUndo: {
|
|
18472
|
+
type: Boolean,
|
|
18473
|
+
default: false,
|
|
18474
|
+
},
|
|
18475
|
+
canRedo: {
|
|
18476
|
+
type: Boolean,
|
|
18477
|
+
default: false,
|
|
18478
|
+
},
|
|
18471
18479
|
},
|
|
18472
18480
|
emits: ['toolClick'],
|
|
18473
18481
|
setup(props, { emit }) {
|
|
@@ -18548,14 +18556,16 @@
|
|
|
18548
18556
|
]),
|
|
18549
18557
|
vue.h('span', { class: 'ql-formats' }, [
|
|
18550
18558
|
vue.h('button', {
|
|
18551
|
-
class: 'ql-undo',
|
|
18559
|
+
class: ['ql-undo', { 'ql-disabled': !props.canUndo }],
|
|
18552
18560
|
type: 'button',
|
|
18553
|
-
|
|
18561
|
+
disabled: !props.canUndo,
|
|
18562
|
+
onClick: () => props.canUndo && emit('toolClick', 'undo')
|
|
18554
18563
|
}, ''),
|
|
18555
18564
|
vue.h('button', {
|
|
18556
|
-
class: 'ql-redo',
|
|
18565
|
+
class: ['ql-redo', { 'ql-disabled': !props.canRedo }],
|
|
18557
18566
|
type: 'button',
|
|
18558
|
-
|
|
18567
|
+
disabled: !props.canRedo,
|
|
18568
|
+
onClick: () => props.canRedo && emit('toolClick', 'redo')
|
|
18559
18569
|
}, '')
|
|
18560
18570
|
]),
|
|
18561
18571
|
vue.h('span', { class: 'ql-formats' }, [
|
|
@@ -18683,52 +18693,44 @@
|
|
|
18683
18693
|
|
|
18684
18694
|
var require$$0 = /*@__PURE__*/getAugmentedNamespace(es);
|
|
18685
18695
|
|
|
18686
|
-
var Action = {};
|
|
18696
|
+
var Action$1 = {};
|
|
18687
18697
|
|
|
18688
|
-
|
|
18689
|
-
|
|
18690
|
-
|
|
18691
|
-
if (hasRequiredAction) return Action;
|
|
18692
|
-
hasRequiredAction = 1;
|
|
18698
|
+
Object.defineProperty(Action$1, "__esModule", {
|
|
18699
|
+
value: true
|
|
18700
|
+
});
|
|
18693
18701
|
|
|
18694
|
-
|
|
18695
|
-
value: true
|
|
18696
|
-
});
|
|
18702
|
+
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; }; }();
|
|
18697
18703
|
|
|
18698
|
-
|
|
18704
|
+
var _BlotFormatter = requireBlotFormatter();
|
|
18699
18705
|
|
|
18700
|
-
|
|
18706
|
+
_interopRequireDefault(_BlotFormatter);
|
|
18701
18707
|
|
|
18702
|
-
|
|
18708
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
18703
18709
|
|
|
18704
|
-
|
|
18710
|
+
function _classCallCheck$1(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
|
18705
18711
|
|
|
18706
|
-
|
|
18712
|
+
var Action = function () {
|
|
18713
|
+
function Action(formatter) {
|
|
18714
|
+
_classCallCheck$1(this, Action);
|
|
18707
18715
|
|
|
18708
|
-
|
|
18709
|
-
|
|
18710
|
-
_classCallCheck(this, Action);
|
|
18716
|
+
this.formatter = formatter;
|
|
18717
|
+
}
|
|
18711
18718
|
|
|
18712
|
-
|
|
18713
|
-
|
|
18719
|
+
_createClass$1(Action, [{
|
|
18720
|
+
key: 'onCreate',
|
|
18721
|
+
value: function onCreate() {}
|
|
18722
|
+
}, {
|
|
18723
|
+
key: 'onDestroy',
|
|
18724
|
+
value: function onDestroy() {}
|
|
18725
|
+
}, {
|
|
18726
|
+
key: 'onUpdate',
|
|
18727
|
+
value: function onUpdate() {}
|
|
18728
|
+
}]);
|
|
18714
18729
|
|
|
18715
|
-
|
|
18716
|
-
|
|
18717
|
-
value: function onCreate() {}
|
|
18718
|
-
}, {
|
|
18719
|
-
key: 'onDestroy',
|
|
18720
|
-
value: function onDestroy() {}
|
|
18721
|
-
}, {
|
|
18722
|
-
key: 'onUpdate',
|
|
18723
|
-
value: function onUpdate() {}
|
|
18724
|
-
}]);
|
|
18730
|
+
return Action;
|
|
18731
|
+
}();
|
|
18725
18732
|
|
|
18726
|
-
|
|
18727
|
-
}();
|
|
18728
|
-
|
|
18729
|
-
Action.default = Action$1;
|
|
18730
|
-
return Action;
|
|
18731
|
-
}
|
|
18733
|
+
Action$1.default = Action;
|
|
18732
18734
|
|
|
18733
18735
|
var hasRequiredBlotFormatter;
|
|
18734
18736
|
|
|
@@ -18750,7 +18752,7 @@
|
|
|
18750
18752
|
|
|
18751
18753
|
var _Options2 = _interopRequireDefault(_Options);
|
|
18752
18754
|
|
|
18753
|
-
var _Action =
|
|
18755
|
+
var _Action = Action$1;
|
|
18754
18756
|
|
|
18755
18757
|
_interopRequireDefault(_Action);
|
|
18756
18758
|
|
|
@@ -19189,7 +19191,7 @@
|
|
|
19189
19191
|
|
|
19190
19192
|
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; }; }();
|
|
19191
19193
|
|
|
19192
|
-
var _Action2 =
|
|
19194
|
+
var _Action2 = Action$1;
|
|
19193
19195
|
|
|
19194
19196
|
var _Action3 = _interopRequireDefault(_Action2);
|
|
19195
19197
|
|
|
@@ -19268,7 +19270,7 @@
|
|
|
19268
19270
|
|
|
19269
19271
|
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; }; }();
|
|
19270
19272
|
|
|
19271
|
-
var _Action2 =
|
|
19273
|
+
var _Action2 = Action$1;
|
|
19272
19274
|
|
|
19273
19275
|
var _Action3 = _interopRequireDefault(_Action2);
|
|
19274
19276
|
|
|
@@ -19457,7 +19459,7 @@
|
|
|
19457
19459
|
|
|
19458
19460
|
var _quill2 = _interopRequireDefault(_quill);
|
|
19459
19461
|
|
|
19460
|
-
var _Action2 =
|
|
19462
|
+
var _Action2 = Action$1;
|
|
19461
19463
|
|
|
19462
19464
|
var _Action3 = _interopRequireDefault(_Action2);
|
|
19463
19465
|
|
|
@@ -19536,7 +19538,7 @@
|
|
|
19536
19538
|
|
|
19537
19539
|
_interopRequireDefault(_BlotFormatter);
|
|
19538
19540
|
|
|
19539
|
-
var _Action =
|
|
19541
|
+
var _Action = Action$1;
|
|
19540
19542
|
|
|
19541
19543
|
_interopRequireDefault(_Action);
|
|
19542
19544
|
|
|
@@ -19992,7 +19994,7 @@
|
|
|
19992
19994
|
}
|
|
19993
19995
|
});
|
|
19994
19996
|
|
|
19995
|
-
var _Action =
|
|
19997
|
+
var _Action = Action$1;
|
|
19996
19998
|
|
|
19997
19999
|
Object.defineProperty(exports, 'Action', {
|
|
19998
20000
|
enumerable: true,
|
|
@@ -20087,7 +20089,7 @@
|
|
|
20087
20089
|
|
|
20088
20090
|
var BlotFormatter = /*@__PURE__*/getDefaultExportFromCjs(dist);
|
|
20089
20091
|
|
|
20090
|
-
function useBlotFormatter(editor) {
|
|
20092
|
+
function useBlotFormatter(editor, enableImageResize = true) {
|
|
20091
20093
|
const quillRef = vue.ref(null);
|
|
20092
20094
|
const removeQuillBlotFormatter = () => {
|
|
20093
20095
|
var _a;
|
|
@@ -20186,6 +20188,9 @@
|
|
|
20186
20188
|
};
|
|
20187
20189
|
const registerBlotFormatter = () => {
|
|
20188
20190
|
var _a;
|
|
20191
|
+
if (!enableImageResize) {
|
|
20192
|
+
return;
|
|
20193
|
+
}
|
|
20189
20194
|
try {
|
|
20190
20195
|
if (!((_a = Quill.imports) === null || _a === void 0 ? void 0 : _a['modules/blotFormatter'])) {
|
|
20191
20196
|
Quill.register('modules/blotFormatter', BlotFormatter);
|
|
@@ -20196,7 +20201,12 @@
|
|
|
20196
20201
|
}
|
|
20197
20202
|
};
|
|
20198
20203
|
const getBlotFormatterConfig = () => {
|
|
20199
|
-
|
|
20204
|
+
if (!enableImageResize) {
|
|
20205
|
+
return {};
|
|
20206
|
+
}
|
|
20207
|
+
return {
|
|
20208
|
+
blotFormatter: {}
|
|
20209
|
+
};
|
|
20200
20210
|
};
|
|
20201
20211
|
vue.onMounted(() => {
|
|
20202
20212
|
window.addEventListener('click', handleGlobalClick, true);
|
|
@@ -20275,6 +20285,10 @@
|
|
|
20275
20285
|
type: Boolean,
|
|
20276
20286
|
default: false,
|
|
20277
20287
|
},
|
|
20288
|
+
enableImageResize: {
|
|
20289
|
+
type: Boolean,
|
|
20290
|
+
default: true,
|
|
20291
|
+
},
|
|
20278
20292
|
toolbarStyle: {
|
|
20279
20293
|
type: Object,
|
|
20280
20294
|
required: false,
|
|
@@ -20310,7 +20324,9 @@
|
|
|
20310
20324
|
setup: (props, ctx) => {
|
|
20311
20325
|
const editor = vue.ref();
|
|
20312
20326
|
const showMoreToolbar = vue.ref(false);
|
|
20313
|
-
const
|
|
20327
|
+
const canUndo = vue.ref(false);
|
|
20328
|
+
const canRedo = vue.ref(false);
|
|
20329
|
+
const { setQuill, removeQuillBlotFormatter, configureBlotFormatter, applyImageStyle, registerBlotFormatter, getBlotFormatterConfig } = useBlotFormatter(editor, props.enableImageResize);
|
|
20314
20330
|
vue.onMounted(() => {
|
|
20315
20331
|
initialize();
|
|
20316
20332
|
});
|
|
@@ -20366,11 +20382,51 @@
|
|
|
20366
20382
|
console.warn('设置图标时出错:', error);
|
|
20367
20383
|
}
|
|
20368
20384
|
};
|
|
20385
|
+
const updateHistoryState = () => {
|
|
20386
|
+
if (quill) {
|
|
20387
|
+
const history = quill.getModule('history');
|
|
20388
|
+
if (history) {
|
|
20389
|
+
canUndo.value = history.stack.undo.length > 0;
|
|
20390
|
+
canRedo.value = history.stack.redo.length > 0;
|
|
20391
|
+
updateToolbarButtonStyles();
|
|
20392
|
+
}
|
|
20393
|
+
}
|
|
20394
|
+
};
|
|
20395
|
+
const updateToolbarButtonStyles = () => {
|
|
20396
|
+
var _a;
|
|
20397
|
+
if (!quill)
|
|
20398
|
+
return;
|
|
20399
|
+
const toolbar = (_a = quill.getModule('toolbar')) === null || _a === void 0 ? void 0 : _a.container;
|
|
20400
|
+
if (toolbar) {
|
|
20401
|
+
const undoBtn = toolbar.querySelector('.ql-undo');
|
|
20402
|
+
const redoBtn = toolbar.querySelector('.ql-redo');
|
|
20403
|
+
if (undoBtn) {
|
|
20404
|
+
if (canUndo.value) {
|
|
20405
|
+
undoBtn.classList.remove('ql-disabled');
|
|
20406
|
+
}
|
|
20407
|
+
else {
|
|
20408
|
+
undoBtn.classList.add('ql-disabled');
|
|
20409
|
+
}
|
|
20410
|
+
undoBtn.disabled = !canUndo.value;
|
|
20411
|
+
}
|
|
20412
|
+
if (redoBtn) {
|
|
20413
|
+
if (canRedo.value) {
|
|
20414
|
+
redoBtn.classList.remove('ql-disabled');
|
|
20415
|
+
}
|
|
20416
|
+
else {
|
|
20417
|
+
redoBtn.classList.add('ql-disabled');
|
|
20418
|
+
}
|
|
20419
|
+
redoBtn.disabled = !canRedo.value;
|
|
20420
|
+
}
|
|
20421
|
+
}
|
|
20422
|
+
};
|
|
20369
20423
|
const initialize = () => {
|
|
20370
20424
|
var _a, _b;
|
|
20371
20425
|
if (!editor.value)
|
|
20372
20426
|
return;
|
|
20373
|
-
|
|
20427
|
+
if (props.enableImageResize) {
|
|
20428
|
+
registerBlotFormatter();
|
|
20429
|
+
}
|
|
20374
20430
|
options = composeOptions();
|
|
20375
20431
|
setIcons();
|
|
20376
20432
|
quill = new Quill(editor.value, options);
|
|
@@ -20383,6 +20439,9 @@
|
|
|
20383
20439
|
quill.on('text-change', handleTextChange);
|
|
20384
20440
|
quill.on('selection-change', handleSelectionChange);
|
|
20385
20441
|
quill.on('editor-change', handleEditorChange);
|
|
20442
|
+
quill.on('text-change', updateHistoryState);
|
|
20443
|
+
quill.on('selection-change', updateHistoryState);
|
|
20444
|
+
updateHistoryState();
|
|
20386
20445
|
const toolbarDom = (_b = quill.getModule('toolbar')) === null || _b === void 0 ? void 0 : _b.container;
|
|
20387
20446
|
toolbarDom.addEventListener('mousedown', (e) => {
|
|
20388
20447
|
e.preventDefault();
|
|
@@ -20397,7 +20456,9 @@
|
|
|
20397
20456
|
applyToolbarStyle();
|
|
20398
20457
|
}
|
|
20399
20458
|
applyEditorStyle();
|
|
20400
|
-
|
|
20459
|
+
if (props.enableImageResize) {
|
|
20460
|
+
configureBlotFormatter();
|
|
20461
|
+
}
|
|
20401
20462
|
ctx.emit('ready', quill);
|
|
20402
20463
|
};
|
|
20403
20464
|
const composeOptions = () => {
|
|
@@ -20421,11 +20482,15 @@
|
|
|
20421
20482
|
handlers: {
|
|
20422
20483
|
redo: function () {
|
|
20423
20484
|
var _a;
|
|
20424
|
-
(
|
|
20485
|
+
if (canRedo.value) {
|
|
20486
|
+
(_a = quill === null || quill === void 0 ? void 0 : quill.getModule('history')) === null || _a === void 0 ? void 0 : _a.redo();
|
|
20487
|
+
}
|
|
20425
20488
|
},
|
|
20426
20489
|
undo: function () {
|
|
20427
20490
|
var _a;
|
|
20428
|
-
(
|
|
20491
|
+
if (canUndo.value) {
|
|
20492
|
+
(_a = quill === null || quill === void 0 ? void 0 : quill.getModule('history')) === null || _a === void 0 ? void 0 : _a.undo();
|
|
20493
|
+
}
|
|
20429
20494
|
},
|
|
20430
20495
|
ocr: function () {
|
|
20431
20496
|
ctx.emit('ocr');
|
|
@@ -20440,9 +20505,11 @@
|
|
|
20440
20505
|
},
|
|
20441
20506
|
};
|
|
20442
20507
|
}
|
|
20443
|
-
|
|
20444
|
-
|
|
20445
|
-
|
|
20508
|
+
if (props.enableImageResize) {
|
|
20509
|
+
const blotFormatterConfig = getBlotFormatterConfig();
|
|
20510
|
+
if (Object.keys(blotFormatterConfig).length > 0) {
|
|
20511
|
+
clientOptions.modules = Object.assign({}, clientOptions.modules, blotFormatterConfig);
|
|
20512
|
+
}
|
|
20446
20513
|
}
|
|
20447
20514
|
return Object.assign({}, props.globalOptions, props.options, clientOptions);
|
|
20448
20515
|
};
|
|
@@ -20617,10 +20684,14 @@
|
|
|
20617
20684
|
if (!quill)
|
|
20618
20685
|
return;
|
|
20619
20686
|
if (tool === 'undo') {
|
|
20620
|
-
(
|
|
20687
|
+
if (canUndo.value) {
|
|
20688
|
+
(_a = quill.getModule('history')) === null || _a === void 0 ? void 0 : _a.undo();
|
|
20689
|
+
}
|
|
20621
20690
|
}
|
|
20622
20691
|
else if (tool === 'redo') {
|
|
20623
|
-
(
|
|
20692
|
+
if (canRedo.value) {
|
|
20693
|
+
(_b = quill.getModule('history')) === null || _b === void 0 ? void 0 : _b.redo();
|
|
20694
|
+
}
|
|
20624
20695
|
}
|
|
20625
20696
|
else if (tool === 'ocr') {
|
|
20626
20697
|
ctx.emit('ocr');
|
|
@@ -20649,6 +20720,8 @@
|
|
|
20649
20720
|
editor,
|
|
20650
20721
|
editorWrapClass,
|
|
20651
20722
|
showMoreToolbar,
|
|
20723
|
+
canUndo,
|
|
20724
|
+
canRedo,
|
|
20652
20725
|
getEditor,
|
|
20653
20726
|
getToolbar,
|
|
20654
20727
|
getQuill,
|
|
@@ -20672,6 +20745,8 @@
|
|
|
20672
20745
|
needCollapse: this.needCollapse,
|
|
20673
20746
|
toolbarStyle: this.$props.toolbarStyle,
|
|
20674
20747
|
showMoreToolbar: this.showMoreToolbar,
|
|
20748
|
+
canUndo: this.canUndo,
|
|
20749
|
+
canRedo: this.canRedo,
|
|
20675
20750
|
onToolClick: (tool) => {
|
|
20676
20751
|
this.moreToolbarToolClick(tool);
|
|
20677
20752
|
}
|