geekplus-digital-ui 0.1.35 → 0.1.37

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.
Files changed (5) hide show
  1. package/components/editor/src/editor.css +1 -1
  2. package/components/editor/src/editor.vue_vue_type_style_index_0_scoped_290537fe_lang.css +1 -0
  3. package/components/editor/src/editor2.js +81 -61
  4. package/package.json +2 -2
  5. package/components/editor/src/editor.vue_vue_type_style_index_0_scoped_051c358d_lang.css +0 -1
package/components/editor/src/editor.css CHANGED
@@ -1 +1 @@
1
- :host,:root{--w-e-textarea-bg-color:#fff;--w-e-textarea-color:#333;--w-e-textarea-border-color:#ccc;--w-e-textarea-slight-border-color:#e8e8e8;--w-e-textarea-slight-color:#d4d4d4;--w-e-textarea-slight-bg-color:#f5f2f0;--w-e-textarea-selected-border-color:#b4d5ff;--w-e-textarea-handler-bg-color:#4290f7;--w-e-toolbar-color:#595959;--w-e-toolbar-bg-color:#fff;--w-e-toolbar-active-color:#333;--w-e-toolbar-active-bg-color:#f1f1f1;--w-e-toolbar-disabled-color:#999;--w-e-toolbar-border-color:#e8e8e8;--w-e-modal-button-bg-color:#fafafa;--w-e-modal-button-border-color:#d9d9d9}.w-e-text-container *,.w-e-toolbar *{box-sizing:border-box;outline:none;margin:0;padding:0}.w-e-text-container blockquote,.w-e-text-container li,.w-e-text-container p,.w-e-text-container td,.w-e-text-container th,.w-e-toolbar *{line-height:1.5}.w-e-text-container{background-color:var(--w-e-textarea-bg-color);color:var(--w-e-textarea-color);height:100%;position:relative}.no-scroll{width:100%}.w-e-text-container .w-e-scroll{-webkit-overflow-scrolling:touch;height:100%}.w-e-text-container [data-slate-editor]{white-space:pre-wrap;word-wrap:break-word;border-top:1px solid #0000;outline:0;min-height:100%;padding:0 10px}.w-e-text-container [data-slate-editor] p{margin:15px 0}.w-e-text-container [data-slate-editor] h1,.w-e-text-container [data-slate-editor] h2,.w-e-text-container [data-slate-editor] h3,.w-e-text-container [data-slate-editor] h4,.w-e-text-container [data-slate-editor] h5{margin:20px 0}.w-e-text-container [data-slate-editor] img{cursor:default;min-width:20px;max-width:100%;min-height:20px;display:inline!important}.w-e-text-container [data-slate-editor] span{text-indent:0}.w-e-text-container [data-slate-editor] [data-selected=true]{box-shadow:0 0 0 2px var(--w-e-textarea-selected-border-color)}.w-e-text-placeholder{width:90%;font-style:italic;top:17px;left:10px}.w-e-max-length-info,.w-e-text-placeholder{color:var(--w-e-textarea-slight-color);pointer-events:none;-webkit-user-select:none;user-select:none;position:absolute}.w-e-max-length-info{bottom:.5em;right:1em}.w-e-bar{background-color:var(--w-e-toolbar-bg-color);color:var(--w-e-toolbar-color);padding:0 5px;font-size:14px}.w-e-bar svg{fill:var(--w-e-toolbar-color);width:14px;height:14px}.w-e-bar-show{display:flex}.w-e-bar-hidden{display:none}.w-e-hover-bar{border:1px solid var(--w-e-toolbar-border-color);border-radius:3px;position:absolute;box-shadow:0 2px 5px #0000001f}.w-e-toolbar{flex-wrap:wrap;position:relative}.w-e-bar-divider{background-color:var(--w-e-toolbar-border-color);width:1px;height:40px;margin:0 5px;display:inline-flex}.w-e-bar-item{text-align:center;height:40px;padding:4px;display:flex;position:relative}.w-e-bar-item,.w-e-bar-item button{justify-content:center;align-items:center}.w-e-bar-item button{color:var(--w-e-toolbar-color);cursor:pointer;white-space:nowrap;background:0 0;border:none;height:32px;padding:0 8px;display:inline-flex;overflow:hidden}.w-e-bar-item button:hover{background-color:var(--w-e-toolbar-active-bg-color);color:var(--w-e-toolbar-active-color)}.w-e-bar-item button .title{margin-left:5px}.w-e-bar-item .active{background-color:var(--w-e-toolbar-active-bg-color);color:var(--w-e-toolbar-active-color)}.w-e-bar-item .disabled{color:var(--w-e-toolbar-disabled-color);cursor:not-allowed}.w-e-bar-item .disabled svg{fill:var(--w-e-toolbar-disabled-color)}.w-e-bar-item .disabled:hover{background-color:var(--w-e-toolbar-bg-color);color:var(--w-e-toolbar-disabled-color)}.w-e-bar-item .disabled:hover svg{fill:var(--w-e-toolbar-disabled-color)}.w-e-menu-tooltip-v5:before{background-color:var(--w-e-toolbar-active-color);color:var(--w-e-toolbar-bg-color);content:attr(data-tooltip);text-align:center;white-space:pre;z-index:1;border-radius:5px;padding:5px 10px;font-size:.75em;top:40px}.w-e-menu-tooltip-v5:after,.w-e-menu-tooltip-v5:before{opacity:0;visibility:hidden;transition:opacity .6s;position:absolute}.w-e-menu-tooltip-v5:after{border-color:transparent transparent var(--w-e-toolbar-active-color) transparent;content:"";border-style:solid;border-width:5px;top:30px}.w-e-menu-tooltip-v5:hover:after,.w-e-menu-tooltip-v5:hover:before{opacity:1;visibility:visible}.w-e-menu-tooltip-v5.tooltip-right:before{top:10px;left:100%}.w-e-menu-tooltip-v5.tooltip-right:after{border-color:transparent var(--w-e-toolbar-active-color) transparent transparent;margin-left:-10px;top:16px;left:100%}.w-e-bar-item-group .w-e-bar-item-menus-container{background-color:var(--w-e-toolbar-bg-color);border:1px solid var(--w-e-toolbar-border-color);z-index:1;border-radius:3px;margin-top:40px;display:none;position:absolute;top:0;left:0;box-shadow:0 2px 10px #0000001f}.w-e-bar-item-group:hover .w-e-bar-item-menus-container{display:block}.w-e-select-list{background-color:var(--w-e-toolbar-bg-color);border:1px solid var(--w-e-toolbar-border-color);z-index:1;border-radius:3px;min-width:100px;max-height:350px;margin-top:40px;position:absolute;top:0;left:0;overflow-y:auto;box-shadow:0 2px 10px #0000001f}.w-e-select-list ul{line-height:1;list-style:none}.w-e-select-list ul .selected{background-color:var(--w-e-toolbar-active-bg-color)}.w-e-select-list ul li{cursor:pointer;text-align:left;white-space:nowrap;padding:7px 0 7px 25px;position:relative}.w-e-select-list ul li:hover{background-color:var(--w-e-toolbar-active-bg-color)}.w-e-select-list ul li svg{margin-top:-7px;margin-left:5px;position:absolute;top:50%;left:0}.w-e-bar-bottom .w-e-select-list{bottom:0;top:inherit;margin-top:0;margin-bottom:40px}.w-e-drop-panel{background-color:var(--w-e-toolbar-bg-color);border:1px solid var(--w-e-toolbar-border-color);z-index:1;border-radius:3px;min-width:200px;margin-top:40px;padding:10px;position:absolute;top:0;box-shadow:0 2px 10px #0000001f}.w-e-bar-bottom .w-e-drop-panel{bottom:0;top:inherit;margin-top:0;margin-bottom:40px}.w-e-modal{background-color:var(--w-e-toolbar-bg-color);border:1px solid var(--w-e-toolbar-border-color);color:var(--w-e-toolbar-color);text-align:left;z-index:1;border-radius:3px;min-width:100px;min-height:40px;padding:20px 15px 0;font-size:14px;position:absolute;box-shadow:0 2px 10px #0000001f}.w-e-modal .btn-close{cursor:pointer;padding:5px;line-height:1;position:absolute;top:7px;right:8px}.w-e-modal .btn-close svg{fill:var(--w-e-toolbar-color);width:10px;height:10px}.w-e-modal .babel-container{margin-bottom:15px;display:block}.w-e-modal .babel-container span{margin-bottom:10px;display:block}.w-e-modal .button-container{margin-bottom:15px}.w-e-modal button{background-color:var(--w-e-modal-button-bg-color);cursor:pointer;text-align:center;touch-action:manipulation;-webkit-user-select:none;user-select:none;white-space:nowrap;height:32px;padding:4.5px 15px;font-weight:400;transition:all .3s cubic-bezier(.645,.045,.355,1)}.w-e-modal button,.w-e-modal input[type=number],.w-e-modal input[type=text],.w-e-modal textarea{border:1px solid var(--w-e-modal-button-border-color);color:var(--w-e-toolbar-color);border-radius:4px}.w-e-modal input[type=number],.w-e-modal input[type=text],.w-e-modal textarea{background-color:var(--w-e-toolbar-bg-color);font-feature-settings:"tnum";font-variant:tabular-nums;width:100%;padding:4.5px 11px;transition:all .3s}.w-e-modal textarea{min-height:60px}body .w-e-modal,body .w-e-modal *{box-sizing:border-box}.w-e-progress-bar{background-color:var(--w-e-textarea-handler-bg-color);width:0;height:1px;transition:width .3s;position:absolute}.w-e-full-screen-container{position:fixed;flex-direction:column!important;width:100%!important;height:100%!important;margin:0!important;padding:0!important;display:flex!important;inset:0!important}.w-e-full-screen-container [data-w-e-textarea=true]{flex:1!important}.w-e-text-container [data-slate-editor] code{background-color:var(--w-e-textarea-slight-bg-color);border-radius:3px;padding:3px;font-family:monospace}.w-e-panel-content-color{text-align:left;width:230px;list-style:none}.w-e-panel-content-color li{border:1px solid var(--w-e-toolbar-bg-color);cursor:pointer;border-radius:3px;padding:2px;display:inline-block}.w-e-panel-content-color li:hover{border-color:var(--w-e-toolbar-color)}.w-e-panel-content-color li .color-block{border:1px solid var(--w-e-toolbar-border-color);border-radius:3px;width:17px;height:17px}.w-e-panel-content-color .active{border-color:var(--w-e-toolbar-color)}.w-e-panel-content-color .clear{width:100%;margin-bottom:5px;line-height:1.5}.w-e-panel-content-color .clear svg{width:16px;height:16px;margin-bottom:-4px}.w-e-text-container [data-slate-editor] blockquote{background-color:var(--w-e-textarea-slight-bg-color);border-left:8px solid var(--w-e-textarea-selected-border-color);margin:10px 0;padding:10px;font-size:100%;line-height:1.5;display:block}.w-e-panel-content-emotion{text-align:left;width:300px;font-size:20px;list-style:none}.w-e-panel-content-emotion li{cursor:pointer;border-radius:3px;padding:0 5px;display:inline-block}.w-e-panel-content-emotion li:hover{background-color:var(--w-e-textarea-slight-bg-color)}.w-e-textarea-divider{border-radius:3px;margin:20px auto;padding:20px}.w-e-textarea-divider hr{background-color:var(--w-e-textarea-border-color);border:0;height:1px;display:block}.w-e-text-container [data-slate-editor] .w-e-image-container{margin:0 3px;display:inline-block}.w-e-text-container [data-slate-editor] .w-e-image-container:hover{box-shadow:0 0 0 2px var(--w-e-textarea-selected-border-color)}.w-e-text-container [data-slate-editor] .w-e-selected-image-container{position:relative;overflow:hidden}.w-e-text-container [data-slate-editor] .w-e-selected-image-container .w-e-image-dragger{background-color:var(--w-e-textarea-handler-bg-color);width:7px;height:7px;position:absolute}.w-e-text-container [data-slate-editor] .w-e-selected-image-container .left-top{cursor:nwse-resize;top:0;left:0}.w-e-text-container [data-slate-editor] .w-e-selected-image-container .right-top{cursor:nesw-resize;top:0;right:0}.w-e-text-container [data-slate-editor] .w-e-selected-image-container .left-bottom{cursor:nesw-resize;bottom:0;left:0}.w-e-text-container [data-slate-editor] .w-e-selected-image-container .right-bottom{cursor:nwse-resize;bottom:0;right:0}.w-e-text-container [contenteditable=false] .w-e-image-container:hover,.w-e-text-container [data-slate-editor] .w-e-selected-image-container:hover{box-shadow:none}.w-e-text-container [data-slate-editor] .table-container{border-radius:0;width:100%;margin-top:10px;padding:0;position:relative;overflow-x:auto}.w-e-text-container [data-slate-editor] table{border-collapse:collapse;table-layout:fixed}.w-e-text-container [data-slate-editor] table td,.w-e-text-container [data-slate-editor] table th{border:1px solid var(--w-e-textarea-border-color);overflow-wrap:break-word;white-space:pre-wrap;word-break:break-all;min-width:30px;padding:3px 5px;line-height:1.5;overflow:hidden}.w-e-text-container [data-slate-editor] table th{background-color:var(--w-e-textarea-slight-bg-color);text-align:center;font-weight:700}.w-e-text-container [data-slate-editor] table td.w-e-selected,.w-e-text-container [data-slate-editor] table th.w-e-selected{background-color:#1456f02e}.w-e-text-container [data-slate-editor] table.table-selection-none ::selection{background:0 0}.w-e-text-container [data-slate-editor] .column-resizer{z-index:1;width:0;height:0;display:flex;position:absolute;top:0;left:0}.w-e-text-container [data-slate-editor] .column-resizer .column-resizer-item{position:relative}.w-e-text-container [data-slate-editor] .resizer-line-hotzone{cursor:col-resize;opacity:0;visibility:hidden;width:6px;transition:opacity .2s,visibility .2s;position:absolute;right:0}.w-e-text-container [data-slate-editor] .resizer-line-hotzone .resizer-line{-webkit-user-select:none;user-select:none;background:#1456f0cc;width:2px;height:100%;margin-left:5px}.w-e-text-container [data-slate-editor] .resizer-line-hotzone.visible{visibility:visible}.w-e-text-container [data-slate-editor] .resizer-line-hotzone.highlight{opacity:1}.w-e-text-container [data-slate-editor] .row-resizer{z-index:1;flex-direction:column;width:0;height:0;display:flex;position:absolute;top:0;left:0}.w-e-text-container [data-slate-editor] .row-resizer .row-resizer-item{position:relative}.w-e-text-container [data-slate-editor] .resizer-line-hotzone-horizontal{cursor:row-resize;opacity:0;visibility:hidden;height:6px;transition:opacity .2s,visibility .2s;position:absolute;bottom:0}.w-e-text-container [data-slate-editor] .resizer-line-hotzone-horizontal .resizer-line-horizontal{-webkit-user-select:none;user-select:none;background:#1456f0cc;width:100%;height:2px;margin-top:5px}.w-e-text-container [data-slate-editor] .resizer-line-hotzone-horizontal.visible{visibility:visible}.w-e-text-container [data-slate-editor] .resizer-line-hotzone-horizontal.highlight{opacity:1}.w-e-panel-content-table{background-color:var(--w-e-toolbar-bg-color)}.w-e-panel-content-table table{border-collapse:collapse;table-layout:fixed}.w-e-panel-content-table td,.w-e-panel-content-table th{overflow-wrap:break-word;white-space:pre-wrap;word-break:break-all;overflow:hidden}.w-e-panel-content-table td{border:1px solid var(--w-e-toolbar-border-color);cursor:pointer;width:20px;height:15px;padding:3px 5px}.w-e-panel-content-table td.active{background-color:var(--w-e-toolbar-active-bg-color)}.w-e-modal .babel-container span.babel-container-border{display:flex}.w-e-modal .babel-container span.babel-container-border>*{border:1px solid var(--w-e-modal-button-border-color);border-radius:2px;height:28px}.w-e-modal .babel-container span.babel-container-border select{width:114px}.w-e-modal .babel-container span.babel-container-border>:nth-child(n+2){margin-left:8px}.w-e-modal .babel-container span.babel-container-border input:nth-child(3){width:100px}.w-e-modal .babel-container span.babel-container-background input{width:60px}.w-e-modal .babel-container .color-group,.w-e-modal .babel-container span.babel-container-algin select,.w-e-modal .babel-container span.babel-container-background input{border:1px solid var(--w-e-modal-button-border-color);border-radius:2px;height:28px}.w-e-modal .babel-container .color-group{cursor:pointer;width:28px;position:relative}.w-e-modal .babel-container .color-group .w-e-drop-panel{margin-top:28px}.w-e-modal .babel-container .color-group-block{width:80%;height:80%;margin:10%;display:block}.w-e-modal .babel-container .color-group-block svg{width:20px;height:20px;margin:1px 0}.w-e-textarea-video-container{border:1px dashed var(--w-e-textarea-border-color);text-align:center;border:1px dashed var(--w-e-textarea-border-color);text-align:center;background-image:linear-gradient(45deg,#eee 25%,#0000 0 75%,#eee 0,#eee),linear-gradient(45deg,#eee 25%,#fff 0 75%,#eee 0,#eee);background-position:0 0,10px 10px;background-size:20px 20px;border-radius:5px;margin:10px auto 0;padding:10px 0;overflow:auto}.w-e-text-container [data-slate-editor] pre>code{background-color:var(--w-e-textarea-slight-bg-color);border:1px solid var(--w-e-textarea-slight-border-color);text-align:left;text-indent:0;text-shadow:0 1px #fff;white-space:pre;word-break:normal;word-spacing:normal;word-wrap:normal;-webkit-hyphens:none;hyphens:none;tab-size:4;border-radius:4px;margin:.5em 0;padding:1em;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:14px;line-height:1.5;display:block;overflow:auto}.w-e-text-container [data-slate-editor] pre>code .token.cdata,.w-e-text-container [data-slate-editor] pre>code .token.comment,.w-e-text-container [data-slate-editor] pre>code .token.doctype,.w-e-text-container [data-slate-editor] pre>code .token.prolog{color:#708090}.w-e-text-container [data-slate-editor] pre>code .token.punctuation{color:#999}.w-e-text-container [data-slate-editor] pre>code .token.namespace{opacity:.7}.w-e-text-container [data-slate-editor] pre>code .token.boolean,.w-e-text-container [data-slate-editor] pre>code .token.constant,.w-e-text-container [data-slate-editor] pre>code .token.deleted,.w-e-text-container [data-slate-editor] pre>code .token.number,.w-e-text-container [data-slate-editor] pre>code .token.property,.w-e-text-container [data-slate-editor] pre>code .token.symbol,.w-e-text-container [data-slate-editor] pre>code .token.tag{color:#905}.w-e-text-container [data-slate-editor] pre>code .token.attr-name,.w-e-text-container [data-slate-editor] pre>code .token.builtin,.w-e-text-container [data-slate-editor] pre>code .token.char,.w-e-text-container [data-slate-editor] pre>code .token.inserted,.w-e-text-container [data-slate-editor] pre>code .token.selector,.w-e-text-container [data-slate-editor] pre>code .token.string{color:#690}.w-e-text-container [data-slate-editor] pre>code .language-css .token.string,.w-e-text-container [data-slate-editor] pre>code .style .token.string,.w-e-text-container [data-slate-editor] pre>code .token.entity,.w-e-text-container [data-slate-editor] pre>code .token.operator,.w-e-text-container [data-slate-editor] pre>code .token.url{color:#9a6e3a}.w-e-text-container [data-slate-editor] pre>code .token.atrule,.w-e-text-container [data-slate-editor] pre>code .token.attr-value,.w-e-text-container [data-slate-editor] pre>code .token.keyword{color:#07a}.w-e-text-container [data-slate-editor] pre>code .token.class-name,.w-e-text-container [data-slate-editor] pre>code .token.function{color:#dd4a68}.w-e-text-container [data-slate-editor] pre>code .token.important,.w-e-text-container [data-slate-editor] pre>code .token.regex,.w-e-text-container [data-slate-editor] pre>code .token.variable{color:#e90}.w-e-text-container [data-slate-editor] pre>code .token.bold,.w-e-text-container [data-slate-editor] pre>code .token.important{font-weight:700}.w-e-text-container [data-slate-editor] pre>code .token.italic{font-style:italic}.w-e-text-container [data-slate-editor] pre>code .token.entity{cursor:help}:root{--w-e-textarea-bg-color:transparent;--w-e-textarea-color:var(--el-text-color-primary);--w-e-textarea-border-color:var(--el-border-color);--w-e-textarea-slight-border-color:var(--el-border-color);--w-e-textarea-slight-color:var(--el-text-color-placeholder);--w-e-textarea-slight-bg-color:var(--el-fill-color-light);--w-e-textarea-selected-border-color:var(--el-color-primary-light-5);--w-e-textarea-handler-bg-color:var(--el-color-primary);--w-e-toolbar-color:var(--el-text-color-regular);--w-e-toolbar-bg-color:var(--el-bg-color-overlay);--w-e-toolbar-active-color:var(--el-text-color-primary);--w-e-toolbar-active-bg-color:var(--el-fill-color);--w-e-toolbar-disabled-color:var(--el-text-color-placeholder);--w-e-toolbar-border-color:var(--el-border-color);--w-e-modal-button-bg-color:var(--el-bg-color);--w-e-modal-button-border-color:var(--el-border-color)}
1
+ :host,:root{--w-e-textarea-bg-color:#fff;--w-e-textarea-color:#333;--w-e-textarea-border-color:#ccc;--w-e-textarea-slight-border-color:#e8e8e8;--w-e-textarea-slight-color:#d4d4d4;--w-e-textarea-slight-bg-color:#f5f2f0;--w-e-textarea-selected-border-color:#b4d5ff;--w-e-textarea-handler-bg-color:#4290f7;--w-e-toolbar-color:#595959;--w-e-toolbar-bg-color:#fff;--w-e-toolbar-active-color:#333;--w-e-toolbar-active-bg-color:#f1f1f1;--w-e-toolbar-disabled-color:#999;--w-e-toolbar-border-color:#e8e8e8;--w-e-modal-button-bg-color:#fafafa;--w-e-modal-button-border-color:#d9d9d9}.w-e-text-container *,.w-e-toolbar *{box-sizing:border-box;outline:none;margin:0;padding:0}.w-e-text-container blockquote,.w-e-text-container li,.w-e-text-container p,.w-e-text-container td,.w-e-text-container th,.w-e-toolbar *{line-height:1.5}.w-e-text-container{background-color:var(--w-e-textarea-bg-color);color:var(--w-e-textarea-color);height:100%;position:relative}.no-scroll{width:100%}.w-e-text-container .w-e-scroll{-webkit-overflow-scrolling:touch;height:100%}.w-e-text-container [data-slate-editor]{white-space:pre-wrap;word-wrap:break-word;border-top:1px solid #0000;outline:0;min-height:100%;padding:0 10px}.w-e-text-container [data-slate-editor] p{margin:15px 0}.w-e-text-container [data-slate-editor] h1,.w-e-text-container [data-slate-editor] h2,.w-e-text-container [data-slate-editor] h3,.w-e-text-container [data-slate-editor] h4,.w-e-text-container [data-slate-editor] h5{margin:20px 0}.w-e-text-container [data-slate-editor] img{cursor:default;min-width:20px;max-width:100%;min-height:20px;display:inline!important}.w-e-text-container [data-slate-editor] span{text-indent:0}.w-e-text-container [data-slate-editor] [data-selected=true]{box-shadow:0 0 0 2px var(--w-e-textarea-selected-border-color)}.w-e-text-placeholder{width:90%;font-style:italic;top:17px;left:10px}.w-e-max-length-info,.w-e-text-placeholder{color:var(--w-e-textarea-slight-color);pointer-events:none;-webkit-user-select:none;user-select:none;position:absolute}.w-e-max-length-info{bottom:.5em;right:1em}.w-e-bar{background-color:var(--w-e-toolbar-bg-color);color:var(--w-e-toolbar-color);padding:0 5px;font-size:14px}.w-e-bar svg{fill:var(--w-e-toolbar-color);width:14px;height:14px}.w-e-bar-show{display:flex}.w-e-bar-hidden{display:none}.w-e-hover-bar{border:1px solid var(--w-e-toolbar-border-color);border-radius:3px;position:absolute;box-shadow:0 2px 5px #0000001f}.w-e-toolbar{flex-wrap:wrap;position:relative}.w-e-bar-divider{background-color:var(--w-e-toolbar-border-color);width:1px;height:40px;margin:0 5px;display:inline-flex}.w-e-bar-item{text-align:center;height:40px;padding:4px;display:flex;position:relative}.w-e-bar-item,.w-e-bar-item button{justify-content:center;align-items:center}.w-e-bar-item button{color:var(--w-e-toolbar-color);cursor:pointer;white-space:nowrap;background:0 0;border:none;height:32px;padding:0 8px;display:inline-flex;overflow:hidden}.w-e-bar-item button:hover{background-color:var(--w-e-toolbar-active-bg-color);color:var(--w-e-toolbar-active-color)}.w-e-bar-item button .title{margin-left:5px}.w-e-bar-item .active{background-color:var(--w-e-toolbar-active-bg-color);color:var(--w-e-toolbar-active-color)}.w-e-bar-item .disabled{color:var(--w-e-toolbar-disabled-color);cursor:not-allowed}.w-e-bar-item .disabled svg{fill:var(--w-e-toolbar-disabled-color)}.w-e-bar-item .disabled:hover{background-color:var(--w-e-toolbar-bg-color);color:var(--w-e-toolbar-disabled-color)}.w-e-bar-item .disabled:hover svg{fill:var(--w-e-toolbar-disabled-color)}.w-e-menu-tooltip-v5:before{background-color:var(--w-e-toolbar-active-color);color:var(--w-e-toolbar-bg-color);content:attr(data-tooltip);text-align:center;white-space:pre;z-index:1;border-radius:5px;padding:5px 10px;font-size:.75em;top:40px}.w-e-menu-tooltip-v5:after,.w-e-menu-tooltip-v5:before{opacity:0;visibility:hidden;transition:opacity .6s;position:absolute}.w-e-menu-tooltip-v5:after{border-color:transparent transparent var(--w-e-toolbar-active-color) transparent;content:"";border-style:solid;border-width:5px;top:30px}.w-e-menu-tooltip-v5:hover:after,.w-e-menu-tooltip-v5:hover:before{opacity:1;visibility:visible}.w-e-menu-tooltip-v5.tooltip-right:before{top:10px;left:100%}.w-e-menu-tooltip-v5.tooltip-right:after{border-color:transparent var(--w-e-toolbar-active-color) transparent transparent;margin-left:-10px;top:16px;left:100%}.w-e-bar-item-group .w-e-bar-item-menus-container{background-color:var(--w-e-toolbar-bg-color);border:1px solid var(--w-e-toolbar-border-color);z-index:1;border-radius:3px;margin-top:40px;display:none;position:absolute;top:0;left:0;box-shadow:0 2px 10px #0000001f}.w-e-bar-item-group:hover .w-e-bar-item-menus-container{display:block}.w-e-select-list{background-color:var(--w-e-toolbar-bg-color);border:1px solid var(--w-e-toolbar-border-color);z-index:1;border-radius:3px;min-width:100px;max-height:350px;margin-top:40px;position:absolute;top:0;left:0;overflow-y:auto;box-shadow:0 2px 10px #0000001f}.w-e-select-list ul{line-height:1;list-style:none}.w-e-select-list ul .selected{background-color:var(--w-e-toolbar-active-bg-color)}.w-e-select-list ul li{cursor:pointer;text-align:left;white-space:nowrap;padding:7px 0 7px 25px;position:relative}.w-e-select-list ul li:hover{background-color:var(--w-e-toolbar-active-bg-color)}.w-e-select-list ul li svg{margin-top:-7px;margin-left:5px;position:absolute;top:50%;left:0}.w-e-bar-bottom .w-e-select-list{bottom:0;top:inherit;margin-top:0;margin-bottom:40px}.w-e-drop-panel{background-color:var(--w-e-toolbar-bg-color);border:1px solid var(--w-e-toolbar-border-color);z-index:1;border-radius:3px;min-width:200px;margin-top:40px;padding:10px;position:absolute;top:0;box-shadow:0 2px 10px #0000001f}.w-e-bar-bottom .w-e-drop-panel{bottom:0;top:inherit;margin-top:0;margin-bottom:40px}.w-e-modal{background-color:var(--w-e-toolbar-bg-color);border:1px solid var(--w-e-toolbar-border-color);color:var(--w-e-toolbar-color);text-align:left;z-index:1;border-radius:3px;min-width:100px;min-height:40px;padding:20px 15px 0;font-size:14px;position:absolute;box-shadow:0 2px 10px #0000001f}.w-e-modal .btn-close{cursor:pointer;padding:5px;line-height:1;position:absolute;top:7px;right:8px}.w-e-modal .btn-close svg{fill:var(--w-e-toolbar-color);width:10px;height:10px}.w-e-modal .babel-container{margin-bottom:15px;display:block}.w-e-modal .babel-container span{margin-bottom:10px;display:block}.w-e-modal .button-container{margin-bottom:15px}.w-e-modal button{background-color:var(--w-e-modal-button-bg-color);cursor:pointer;text-align:center;touch-action:manipulation;-webkit-user-select:none;user-select:none;white-space:nowrap;height:32px;padding:4.5px 15px;font-weight:400;transition:all .3s cubic-bezier(.645,.045,.355,1)}.w-e-modal button,.w-e-modal input[type=number],.w-e-modal input[type=text],.w-e-modal textarea{border:1px solid var(--w-e-modal-button-border-color);color:var(--w-e-toolbar-color);border-radius:4px}.w-e-modal input[type=number],.w-e-modal input[type=text],.w-e-modal textarea{background-color:var(--w-e-toolbar-bg-color);font-feature-settings:"tnum";font-variant:tabular-nums;width:100%;padding:4.5px 11px;transition:all .3s}.w-e-modal textarea{min-height:60px}body .w-e-modal,body .w-e-modal *{box-sizing:border-box}.w-e-progress-bar{background-color:var(--w-e-textarea-handler-bg-color);width:0;height:1px;transition:width .3s;position:absolute}.w-e-full-screen-container{position:fixed;flex-direction:column!important;width:100%!important;height:100%!important;margin:0!important;padding:0!important;display:flex!important;inset:0!important}.w-e-full-screen-container [data-w-e-textarea=true]{flex:1!important}.w-e-text-container [data-slate-editor] code{background-color:var(--w-e-textarea-slight-bg-color);border-radius:3px;padding:3px;font-family:monospace}.w-e-panel-content-color{text-align:left;width:230px;list-style:none}.w-e-panel-content-color li{border:1px solid var(--w-e-toolbar-bg-color);cursor:pointer;border-radius:3px;padding:2px;display:inline-block}.w-e-panel-content-color li:hover{border-color:var(--w-e-toolbar-color)}.w-e-panel-content-color li .color-block{border:1px solid var(--w-e-toolbar-border-color);border-radius:3px;width:17px;height:17px}.w-e-panel-content-color .active{border-color:var(--w-e-toolbar-color)}.w-e-panel-content-color .clear{width:100%;margin-bottom:5px;line-height:1.5}.w-e-panel-content-color .clear svg{width:16px;height:16px;margin-bottom:-4px}.w-e-text-container [data-slate-editor] blockquote{background-color:var(--w-e-textarea-slight-bg-color);border-left:8px solid var(--w-e-textarea-selected-border-color);margin:10px 0;padding:10px;font-size:100%;line-height:1.5;display:block}.w-e-panel-content-emotion{text-align:left;width:300px;font-size:20px;list-style:none}.w-e-panel-content-emotion li{cursor:pointer;border-radius:3px;padding:0 5px;display:inline-block}.w-e-panel-content-emotion li:hover{background-color:var(--w-e-textarea-slight-bg-color)}.w-e-textarea-divider{border-radius:3px;margin:20px auto;padding:20px}.w-e-textarea-divider hr{background-color:var(--w-e-textarea-border-color);border:0;height:1px;display:block}.w-e-text-container [data-slate-editor] .w-e-image-container{margin:0 3px;display:inline-block}.w-e-text-container [data-slate-editor] .w-e-image-container:hover{box-shadow:0 0 0 2px var(--w-e-textarea-selected-border-color)}.w-e-text-container [data-slate-editor] .w-e-selected-image-container{position:relative;overflow:hidden}.w-e-text-container [data-slate-editor] .w-e-selected-image-container .w-e-image-dragger{background-color:var(--w-e-textarea-handler-bg-color);width:7px;height:7px;position:absolute}.w-e-text-container [data-slate-editor] .w-e-selected-image-container .left-top{cursor:nwse-resize;top:0;left:0}.w-e-text-container [data-slate-editor] .w-e-selected-image-container .right-top{cursor:nesw-resize;top:0;right:0}.w-e-text-container [data-slate-editor] .w-e-selected-image-container .left-bottom{cursor:nesw-resize;bottom:0;left:0}.w-e-text-container [data-slate-editor] .w-e-selected-image-container .right-bottom{cursor:nwse-resize;bottom:0;right:0}.w-e-text-container [contenteditable=false] .w-e-image-container:hover,.w-e-text-container [data-slate-editor] .w-e-selected-image-container:hover{box-shadow:none}.w-e-text-container [data-slate-editor] pre>code{background-color:var(--w-e-textarea-slight-bg-color);border:1px solid var(--w-e-textarea-slight-border-color);text-align:left;text-indent:0;text-shadow:0 1px #fff;white-space:pre;word-break:normal;word-spacing:normal;word-wrap:normal;-webkit-hyphens:none;hyphens:none;tab-size:4;border-radius:4px;margin:.5em 0;padding:1em;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:14px;line-height:1.5;display:block;overflow:auto}.w-e-text-container [data-slate-editor] pre>code .token.cdata,.w-e-text-container [data-slate-editor] pre>code .token.comment,.w-e-text-container [data-slate-editor] pre>code .token.doctype,.w-e-text-container [data-slate-editor] pre>code .token.prolog{color:#708090}.w-e-text-container [data-slate-editor] pre>code .token.punctuation{color:#999}.w-e-text-container [data-slate-editor] pre>code .token.namespace{opacity:.7}.w-e-text-container [data-slate-editor] pre>code .token.boolean,.w-e-text-container [data-slate-editor] pre>code .token.constant,.w-e-text-container [data-slate-editor] pre>code .token.deleted,.w-e-text-container [data-slate-editor] pre>code .token.number,.w-e-text-container [data-slate-editor] pre>code .token.property,.w-e-text-container [data-slate-editor] pre>code .token.symbol,.w-e-text-container [data-slate-editor] pre>code .token.tag{color:#905}.w-e-text-container [data-slate-editor] pre>code .token.attr-name,.w-e-text-container [data-slate-editor] pre>code .token.builtin,.w-e-text-container [data-slate-editor] pre>code .token.char,.w-e-text-container [data-slate-editor] pre>code .token.inserted,.w-e-text-container [data-slate-editor] pre>code .token.selector,.w-e-text-container [data-slate-editor] pre>code .token.string{color:#690}.w-e-text-container [data-slate-editor] pre>code .language-css .token.string,.w-e-text-container [data-slate-editor] pre>code .style .token.string,.w-e-text-container [data-slate-editor] pre>code .token.entity,.w-e-text-container [data-slate-editor] pre>code .token.operator,.w-e-text-container [data-slate-editor] pre>code .token.url{color:#9a6e3a}.w-e-text-container [data-slate-editor] pre>code .token.atrule,.w-e-text-container [data-slate-editor] pre>code .token.attr-value,.w-e-text-container [data-slate-editor] pre>code .token.keyword{color:#07a}.w-e-text-container [data-slate-editor] pre>code .token.class-name,.w-e-text-container [data-slate-editor] pre>code .token.function{color:#dd4a68}.w-e-text-container [data-slate-editor] pre>code .token.important,.w-e-text-container [data-slate-editor] pre>code .token.regex,.w-e-text-container [data-slate-editor] pre>code .token.variable{color:#e90}.w-e-text-container [data-slate-editor] pre>code .token.bold,.w-e-text-container [data-slate-editor] pre>code .token.important{font-weight:700}.w-e-text-container [data-slate-editor] pre>code .token.italic{font-style:italic}.w-e-text-container [data-slate-editor] pre>code .token.entity{cursor:help}.w-e-text-container [data-slate-editor] .table-container{border-radius:0;width:100%;margin-top:10px;padding:0;position:relative;overflow-x:auto}.w-e-text-container [data-slate-editor] table{border-collapse:collapse;table-layout:fixed}.w-e-text-container [data-slate-editor] table td,.w-e-text-container [data-slate-editor] table th{border:1px solid var(--w-e-textarea-border-color);overflow-wrap:break-word;white-space:pre-wrap;word-break:break-all;min-width:30px;padding:3px 5px;line-height:1.5;overflow:hidden}.w-e-text-container [data-slate-editor] table th{background-color:var(--w-e-textarea-slight-bg-color);text-align:center;font-weight:700}.w-e-text-container [data-slate-editor] table td.w-e-selected,.w-e-text-container [data-slate-editor] table th.w-e-selected{background-color:#1456f02e}.w-e-text-container [data-slate-editor] table.table-selection-none ::selection{background:0 0}.w-e-text-container [data-slate-editor] .column-resizer{z-index:1;width:0;height:0;display:flex;position:absolute;top:0;left:0}.w-e-text-container [data-slate-editor] .column-resizer .column-resizer-item{position:relative}.w-e-text-container [data-slate-editor] .resizer-line-hotzone{cursor:col-resize;opacity:0;visibility:hidden;width:6px;transition:opacity .2s,visibility .2s;position:absolute;right:0}.w-e-text-container [data-slate-editor] .resizer-line-hotzone .resizer-line{-webkit-user-select:none;user-select:none;background:#1456f0cc;width:2px;height:100%;margin-left:5px}.w-e-text-container [data-slate-editor] .resizer-line-hotzone.visible{visibility:visible}.w-e-text-container [data-slate-editor] .resizer-line-hotzone.highlight{opacity:1}.w-e-text-container [data-slate-editor] .row-resizer{z-index:1;flex-direction:column;width:0;height:0;display:flex;position:absolute;top:0;left:0}.w-e-text-container [data-slate-editor] .row-resizer .row-resizer-item{position:relative}.w-e-text-container [data-slate-editor] .resizer-line-hotzone-horizontal{cursor:row-resize;opacity:0;visibility:hidden;height:6px;transition:opacity .2s,visibility .2s;position:absolute;bottom:0}.w-e-text-container [data-slate-editor] .resizer-line-hotzone-horizontal .resizer-line-horizontal{-webkit-user-select:none;user-select:none;background:#1456f0cc;width:100%;height:2px;margin-top:5px}.w-e-text-container [data-slate-editor] .resizer-line-hotzone-horizontal.visible{visibility:visible}.w-e-text-container [data-slate-editor] .resizer-line-hotzone-horizontal.highlight{opacity:1}.w-e-panel-content-table{background-color:var(--w-e-toolbar-bg-color)}.w-e-panel-content-table table{border-collapse:collapse;table-layout:fixed}.w-e-panel-content-table td,.w-e-panel-content-table th{overflow-wrap:break-word;white-space:pre-wrap;word-break:break-all;overflow:hidden}.w-e-panel-content-table td{border:1px solid var(--w-e-toolbar-border-color);cursor:pointer;width:20px;height:15px;padding:3px 5px}.w-e-panel-content-table td.active{background-color:var(--w-e-toolbar-active-bg-color)}.w-e-modal .babel-container span.babel-container-border{display:flex}.w-e-modal .babel-container span.babel-container-border>*{border:1px solid var(--w-e-modal-button-border-color);border-radius:2px;height:28px}.w-e-modal .babel-container span.babel-container-border select{width:114px}.w-e-modal .babel-container span.babel-container-border>:nth-child(n+2){margin-left:8px}.w-e-modal .babel-container span.babel-container-border input:nth-child(3){width:100px}.w-e-modal .babel-container span.babel-container-background input{width:60px}.w-e-modal .babel-container .color-group,.w-e-modal .babel-container span.babel-container-algin select,.w-e-modal .babel-container span.babel-container-background input{border:1px solid var(--w-e-modal-button-border-color);border-radius:2px;height:28px}.w-e-modal .babel-container .color-group{cursor:pointer;width:28px;position:relative}.w-e-modal .babel-container .color-group .w-e-drop-panel{margin-top:28px}.w-e-modal .babel-container .color-group-block{width:80%;height:80%;margin:10%;display:block}.w-e-modal .babel-container .color-group-block svg{width:20px;height:20px;margin:1px 0}.w-e-textarea-video-container{border:1px dashed var(--w-e-textarea-border-color);text-align:center;background-image:linear-gradient(45deg,#eee 25%,#0000 0 75%,#eee 0,#eee),linear-gradient(45deg,#eee 25%,#fff 0 75%,#eee 0,#eee);background-position:0 0,10px 10px;background-size:20px 20px;border-radius:5px;margin:10px auto 0;padding:10px 0;overflow:auto}:root{--w-e-textarea-bg-color:transparent;--w-e-textarea-color:var(--el-text-color-primary);--w-e-textarea-border-color:var(--el-border-color);--w-e-textarea-slight-border-color:var(--el-border-color);--w-e-textarea-slight-color:var(--el-text-color-placeholder);--w-e-textarea-slight-bg-color:var(--el-fill-color-light);--w-e-textarea-selected-border-color:var(--el-color-primary-light-5);--w-e-textarea-handler-bg-color:var(--el-color-primary);--w-e-toolbar-color:var(--el-text-color-regular);--w-e-toolbar-bg-color:var(--el-bg-color-overlay);--w-e-toolbar-active-color:var(--el-text-color-primary);--w-e-toolbar-active-bg-color:var(--el-fill-color);--w-e-toolbar-disabled-color:var(--el-text-color-placeholder);--w-e-toolbar-border-color:var(--el-border-color);--w-e-modal-button-bg-color:var(--el-bg-color);--w-e-modal-button-border-color:var(--el-border-color)}
package/components/editor/src/editor.vue_vue_type_style_index_0_scoped_290537fe_lang.css ADDED
@@ -0,0 +1 @@
1
+ .d-editor[data-v-290537fe]{width:100%}.d-editor.w-e-full-screen-container[data-v-290537fe]{z-index:1000}.d-editor .toolbar-container[data-v-290537fe]{border-bottom:1px solid var(--el-border-color)}.d-editor .toolbar-container[data-v-290537fe] .w-e-toolbar{border-radius:4px}.d-editor .toolbar-container[data-v-290537fe] .w-e-drop-panel{z-index:100}.d-editor .editor-container[data-v-290537fe]{min-height:var(--minHeight);background:var(--el-fill-color-blank);border-radius:4px}.d-editor .editor-container[data-v-290537fe] p[id^=w-e-element-paragraph-]{margin:10px 0}.d-editor .editor-container[data-v-290537fe] .w-e-text-placeholder{font-size:14px;font-style:normal;line-height:normal;top:11px}.d-editor .editor-container[data-v-290537fe] .w-e-image-container{width:500px}.d-editor .editor-container[data-v-290537fe] pre code{text-shadow:none}.d-editor.editor-disabled[data-v-290537fe]:not(.editor-border) div[id^=w-e-textarea-]{padding:0}.d-editor.editor-disabled[data-v-290537fe]:not(.editor-border) p[id^=w-e-element-paragraph-]:first-child{margin-top:0}.d-editor.editor-disabled[data-v-290537fe]:not(.editor-border) p[id^=w-e-element-paragraph-]:last-child{margin-bottom:0}.editor-border[data-v-290537fe]{border:1px solid var(--el-border-color);background:var(--el-bg-color);border-radius:4px;transition:border-color .2s cubic-bezier(.645,.045,.355,1)}.editor-border[data-v-290537fe]:hover{border-color:var(--el-text-color-disabled)}.editor-disabled .editor-container[data-v-290537fe] img{cursor:zoom-in}.el-form-item.is-error .editor-border[data-v-290537fe]{border:1px solid var(--el-color-danger)}
package/components/editor/src/editor2.js CHANGED
@@ -1,14 +1,15 @@
1
1
  import { useLocale as e } from "../../../hooks/use-locale/index.js";
2
2
  import "../../../hooks/index.js";
3
3
  import t from "../../../_virtual/_plugin-vue_export-helper.js";
4
- import './editor.vue_vue_type_style_index_0_scoped_051c358d_lang.css';import './editor.css';/* empty css */
4
+ import './editor.vue_vue_type_style_index_0_scoped_290537fe_lang.css';import './editor.css';/* empty css */
5
5
  import n from "./code-collapse.js";
6
6
  /* empty css */
7
7
  import { computed as r, createApp as i, createBlock as a, createCommentVNode as o, createElementBlock as s, createVNode as c, nextTick as l, normalizeClass as u, normalizeStyle as d, onBeforeUnmount as f, openBlock as p, ref as m, unref as h, vShow as g, watch as _, withDirectives as v } from "vue";
8
8
  import { ElImageViewer as y, useFormItem as b } from "element-plus";
9
- import { i18nChangeLanguage as x } from "@wangeditor-next/editor";
10
- import { Editor as S, Toolbar as C } from "@wangeditor-next/editor-for-vue";
11
- var w = /* @__PURE__ */ t(/* @__PURE__ */ Object.assign({ name: "DEditor" }, {
9
+ import { i18nChangeLanguage as ee } from "@wangeditor-next/editor";
10
+ import { Editor as x, Toolbar as S } from "@wangeditor-next/editor-for-vue";
11
+ //#region packages/components/editor/src/editor.vue
12
+ var C = "<p><br></p>", w = /* @__PURE__ */ t(/* @__PURE__ */ Object.assign({ name: "DEditor" }, {
12
13
  __name: "editor",
13
14
  props: {
14
15
  modelValue: {
@@ -47,116 +48,135 @@ var w = /* @__PURE__ */ t(/* @__PURE__ */ Object.assign({ name: "DEditor" }, {
47
48
  },
48
49
  emits: ["update:model-value"],
49
50
  setup(t, { expose: w, emit: T }) {
50
- let E = t, D = T, O = m(null), k = m(""), A = m(""), j = m(null), M = m(0), N = m(!1), P = m([]), F = m(0), I = /* @__PURE__ */ new Map(), { t: L, getLocale: R } = e(), { formItem: z } = b(), B = r(() => R()), V = (e) => e === "<p><br></p>" ? "" : e || "", H = () => {
51
+ let E = t, D = T, O = m(null), k = m(""), A = m(""), j = m(null), M = m(!1), N = m([]), P = m(0), F = /* @__PURE__ */ new Map(), { t: I, getLocale: L } = e(), { formItem: R } = b(), z = r(() => L()), B = /[\s\u00A0\u200B-\u200D\uFEFF]/g, V = [
52
+ "img",
53
+ "video",
54
+ "audio",
55
+ "iframe",
56
+ "embed",
57
+ "object",
58
+ "canvas",
59
+ "svg",
60
+ "table",
61
+ "pre",
62
+ "hr"
63
+ ], H = V.join(","), U = RegExp(`<(${V.join("|")})(\\s|>|/)`, "i"), W = (e) => e?.currentSrc || e?.src || e?.getAttribute?.("data-src") || "", G = (e) => {
64
+ if (!e) return !1;
65
+ if (typeof document > "u") return U.test(e) ? !0 : e.replace(/<[^>]+>/g, "").replace(B, "").length > 0;
66
+ let t = document.createElement("div");
67
+ return t.innerHTML = e, t.querySelector(H) ? !0 : t.textContent?.replace(B, "").length > 0;
68
+ }, K = (e) => G(e) ? e : "", q = (e, t = K(e)) => t === "" ? C : e || C, J = () => {
51
69
  if (E.disabled) {
52
70
  l(() => {
53
- J(), X();
71
+ $(), ie();
54
72
  });
55
73
  return;
56
74
  }
57
- J();
58
- }, U = (e) => {
59
- O.value = Object.seal(e);
60
- }, W = (e) => {
61
- let t = V(e);
62
- t !== A.value && (j.value = t, A.value = t, D("update:model-value", t), z?.validate("change"), z?.validate("blur"));
63
- }, G = (e) => {
75
+ $();
76
+ }, Y = () => {
77
+ let e = O.value;
78
+ if (e) {
79
+ if (E.disabled) {
80
+ e.disable?.(), J();
81
+ return;
82
+ }
83
+ e.enable?.(), $();
84
+ }
85
+ }, X = (e) => {
86
+ O.value = Object.seal(e), E.disabled && Y();
87
+ }, Z = (e) => {
88
+ let t = K(e);
89
+ t !== A.value && (j.value = t, A.value = t, D("update:model-value", t), R?.validate("change"), R?.validate("blur"));
90
+ }, Q = (e) => {
64
91
  if (!E.disabled) return;
65
92
  let t = e?.target?.closest?.("img");
66
93
  if (!t) return;
67
94
  let n = O.value?.getEditableContainer?.(), r = Array.from(n?.querySelectorAll?.("img") || []);
68
95
  if (r.length === 0) return;
69
- let i = (e) => e?.currentSrc || e?.src || e?.getAttribute?.("data-src") || "", a = r.map(i).filter(Boolean);
70
- if (a.length === 0) return;
71
- let o = i(t), s = a.findIndex((e) => e === o);
72
- P.value = a, F.value = s >= 0 ? s : 0, N.value = !0, e?.stopPropagation?.();
73
- }, K = (e) => {
96
+ let i = r.map(W).filter(Boolean);
97
+ if (i.length === 0) return;
98
+ let a = W(t), o = i.findIndex((e) => e === a);
99
+ N.value = i, P.value = o >= 0 ? o : 0, M.value = !0, e?.stopPropagation?.();
100
+ }, te = (e) => {
74
101
  if (E.disabled) {
75
- G(e);
102
+ Q(e);
76
103
  return;
77
104
  }
78
105
  O.value?.focus?.();
79
- }, q = () => {
80
- N.value = !1, P.value = [], F.value = 0;
81
- }, J = () => {
82
- I.forEach(({ app: e, host: t, pre: n }) => {
106
+ }, ne = () => {
107
+ M.value = !1, N.value = [], P.value = 0;
108
+ }, $ = () => {
109
+ F.forEach(({ app: e, host: t, pre: n }) => {
83
110
  t?.isConnected && n?.isConnected && t.parentNode && t.parentNode.insertBefore(n, t), e.unmount(), t?.remove();
84
- }), I.clear();
85
- }, Y = (e) => {
111
+ }), F.clear();
112
+ }, re = (e) => {
86
113
  let t = document.createElement("div");
87
114
  e.parentNode?.insertBefore(t, e);
88
115
  let r = i(n), a = r.mount(t);
89
- (a.contentRef?.value || a.contentRef)?.appendChild(e), I.set(e, {
116
+ (a.contentRef?.value || a.contentRef)?.appendChild(e), F.set(e, {
90
117
  app: r,
91
118
  host: t,
92
119
  pre: e
93
120
  });
94
- }, X = () => {
121
+ }, ie = () => {
95
122
  let e = O.value?.getEditableContainer?.()?.querySelectorAll("pre");
96
123
  e && e.forEach((e) => {
97
- e.parentElement?.tagName !== "DETAILS" && Y(e);
124
+ e.parentElement?.tagName !== "DETAILS" && re(e);
98
125
  });
99
- }, Z = r(() => ({ ...E.toolbarConfig })), Q = r(() => ({
100
- placeholder: E.disabled ? "" : E.placeholder || L("d.editor.placeholder"),
126
+ }, ae = r(() => ({
127
+ placeholder: E.disabled ? "" : E.placeholder || I("d.editor.placeholder"),
101
128
  readOnly: E.disabled,
102
129
  autoFocus: !1,
103
130
  ...E.editorConfig
104
- })), $ = r(() => ({ "--minHeight": E.disabled ? "" : `${E.minHeight}px` }));
105
- return _(B, (e) => {
106
- x(e === "zh-cn" ? "zh-CN" : "en");
131
+ })), oe = r(() => ({ "--minHeight": E.disabled ? "" : `${E.minHeight}px` }));
132
+ return _(z, (e) => {
133
+ ee(e === "zh-cn" ? "zh-CN" : "en");
107
134
  }, { immediate: !0 }), _(() => E.disabled, () => {
108
- J(), M.value++;
135
+ Y();
109
136
  }), _(() => E.modelValue, (e) => {
110
- let t = V(e), n = A.value, r = j.value === t;
111
- if (A.value = t, j.value = null, !r && O.value && t !== n) {
112
- O.value = null, k.value = t, M.value++, H();
113
- return;
114
- }
115
- k.value = t, H();
137
+ let t = K(e), n = q(e, t), r = j.value === t;
138
+ A.value = t, j.value = null, !(r && n !== e) && (k.value = n, r || J());
116
139
  }, { immediate: !0 }), f(() => {
117
- J(), O.value?.destroy?.();
118
- }), w({ editorRef: O }), (e, n) => (p(), s("div", {
119
- key: M.value,
120
- class: u(["d-editor", {
121
- "editor-border": t.border,
122
- "editor-disabled": t.disabled
123
- }])
124
- }, [
125
- v(c(h(C), {
140
+ $(), O.value?.destroy?.();
141
+ }), w({ editorRef: O }), (e, n) => (p(), s("div", { class: u(["d-editor", {
142
+ "editor-border": t.border,
143
+ "editor-disabled": t.disabled
144
+ }]) }, [
145
+ v(c(h(S), {
126
146
  class: "toolbar-container",
127
147
  editor: O.value,
128
- "default-config": Z.value,
148
+ "default-config": t.toolbarConfig,
129
149
  mode: t.mode
130
150
  }, null, 8, [
131
151
  "editor",
132
152
  "default-config",
133
153
  "mode"
134
154
  ]), [[g, t.showToolbar && !t.disabled]]),
135
- c(h(S), {
155
+ c(h(x), {
136
156
  class: "editor-container",
137
- style: d($.value),
157
+ style: d(oe.value),
138
158
  "model-value": k.value,
139
- "default-config": Q.value,
159
+ "default-config": ae.value,
140
160
  mode: t.mode,
141
- onOnCreated: U,
142
- "onUpdate:modelValue": W,
143
- onClick: K
161
+ onOnCreated: X,
162
+ "onUpdate:modelValue": Z,
163
+ onClick: te
144
164
  }, null, 8, [
145
165
  "style",
146
166
  "model-value",
147
167
  "default-config",
148
168
  "mode"
149
169
  ]),
150
- N.value ? (p(), a(h(y), {
170
+ M.value ? (p(), a(h(y), {
151
171
  key: 0,
152
- "url-list": P.value,
153
- "initial-index": F.value,
172
+ "url-list": N.value,
173
+ "initial-index": P.value,
154
174
  "hide-on-click-modal": "",
155
175
  teleported: "",
156
- onClose: q
176
+ onClose: ne
157
177
  }, null, 8, ["url-list", "initial-index"])) : o("", !0)
158
178
  ], 2));
159
179
  }
160
- }), [["__scopeId", "data-v-051c358d"]]);
180
+ }), [["__scopeId", "data-v-290537fe"]]);
161
181
  //#endregion
162
182
  export { w as default };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "geekplus-digital-ui",
3
- "version": "0.1.35",
3
+ "version": "0.1.37",
4
4
  "homepage": "https://ui.geekplus.cc/static/ui/",
5
5
  "type": "module",
6
6
  "main": "index.js",
@@ -21,7 +21,7 @@
21
21
  ],
22
22
  "dependencies": {
23
23
  "@vueuse/core": "^14.2.1",
24
- "@wangeditor-next/editor": "^5.6.50",
24
+ "@wangeditor-next/editor": "^5.6.53",
25
25
  "@wangeditor-next/editor-for-vue": "^5.1.14",
26
26
  "file-saver": "^2.0.5",
27
27
  "lodash-es": "^4.17.23",
package/components/editor/src/editor.vue_vue_type_style_index_0_scoped_051c358d_lang.css DELETED
@@ -1 +0,0 @@
1
- .d-editor[data-v-051c358d]{width:100%}.d-editor.w-e-full-screen-container[data-v-051c358d]{z-index:1000}.d-editor .toolbar-container[data-v-051c358d]{border-bottom:1px solid var(--el-border-color)}.d-editor .toolbar-container[data-v-051c358d] .w-e-toolbar{border-radius:4px}.d-editor .toolbar-container[data-v-051c358d] .w-e-drop-panel{z-index:100}.d-editor .editor-container[data-v-051c358d]{min-height:var(--minHeight);background:var(--el-fill-color-blank);border-radius:4px}.d-editor .editor-container[data-v-051c358d] p[id^=w-e-element-paragraph-]{margin:10px 0}.d-editor .editor-container[data-v-051c358d] .w-e-text-placeholder{font-size:14px;font-style:normal;line-height:normal;top:11px}.d-editor .editor-container[data-v-051c358d] .w-e-image-container{width:500px}.d-editor .editor-container[data-v-051c358d] pre code{text-shadow:none}.d-editor.editor-disabled[data-v-051c358d]:not(.editor-border) div[id^=w-e-textarea-]{padding:0}.d-editor.editor-disabled[data-v-051c358d]:not(.editor-border) p[id^=w-e-element-paragraph-]:first-child{margin-top:0}.d-editor.editor-disabled[data-v-051c358d]:not(.editor-border) p[id^=w-e-element-paragraph-]:last-child{margin-bottom:0}.editor-border[data-v-051c358d]{border:1px solid var(--el-border-color);background:var(--el-bg-color);border-radius:4px;transition:border-color .2s cubic-bezier(.645,.045,.355,1)}.editor-border[data-v-051c358d]:hover{border-color:var(--el-text-color-disabled)}.editor-disabled .editor-container[data-v-051c358d] img{cursor:zoom-in}.el-form-item.is-error .editor-border[data-v-051c358d]{border:1px solid var(--el-color-danger)}