@ebl-vue/editor-render 2.31.50 → 2.31.52
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/index.mjs +57 -57
- package/dist/styles/index.css +2 -5
- package/dist/styles/inline-tool.css +128 -0
- package/package.json +1 -1
- package/dist/styles/bold.css +0 -3
- package/dist/styles/inline-code.css +0 -11
- package/dist/styles/italic.css +0 -3
- package/dist/styles/marker.css +0 -4
- package/dist/styles/underline.css +0 -3
package/dist/index.mjs
CHANGED
|
@@ -1,42 +1,42 @@
|
|
|
1
|
-
(function(){"use strict";try{if(typeof document!="undefined"){var e=document.createElement("style");e.appendChild(document.createTextNode('.cdx-alert{position:relative;padding:10px;border-radius:5px;margin-bottom:10px;margin-top:10px}.cdx-alert-primary{background-color:#ebf8ff;border:1px solid #4299e1;color:#2b6cb0}.cdx-alert-secondary{background-color:#f7fafc;border:1px solid #cbd5e0;color:#222731}.cdx-alert-info{background-color:#e6fdff;border:1px solid #4cd4ce;color:#00727c}.cdx-alert-success{background-color:#f0fff4;border:1px solid #68d391;color:#2f855a}.cdx-alert-warning{background-color:#fffaf0;border:1px solid #ed8936;color:#c05621}.cdx-alert-danger{background-color:#fff5f5;border:1px solid #fc8181;color:#c53030}.cdx-alert-light{background-color:#fff;border:1px solid #edf2f7;color:#1a202c}.cdx-alert-dark{background-color:#2d3748;border:1px solid #1a202c;color:#d3d3d3}.cdx-alert-align-left{text-align:left}.cdx-alert-align-center{text-align:center}.cdx-alert-align-right{text-align:right}.cdx-alert__message{outline:none}.cdx-alert [contentEditable=true][data-placeholder]:before{position:absolute;content:attr(data-placeholder);color:#707684;font-weight:400;opacity:0}.cdx-alert [contentEditable=true][data-placeholder]:empty:before{opacity:1}.cdx-alert [contentEditable=true][data-placeholder]:empty:focus:before{opacity:0}.ce-popover__item[data-item-name=alert-primary] .ce-popover__item-icon svg #background{fill:#ebf8ff;stroke:#4299e1}.ce-popover__item[data-item-name=alert-primary] .ce-popover__item-icon svg #content{fill:#2b6cb0}.ce-popover__item[data-item-name=alert-secondary] .ce-popover__item-icon svg #background{fill:#f7fafc;stroke:#cbd5e0}.ce-popover__item[data-item-name=alert-secondary] .ce-popover__item-icon svg #content{fill:#222731}.ce-popover__item[data-item-name=alert-info] .ce-popover__item-icon svg #background{fill:#e6fdff;stroke:#4cd4ce}.ce-popover__item[data-item-name=alert-info] .ce-popover__item-icon svg #content{fill:#00727c}.ce-popover__item[data-item-name=alert-success] .ce-popover__item-icon svg #background{fill:#f0fff4;stroke:#68d391}.ce-popover__item[data-item-name=alert-success] .ce-popover__item-icon svg #content{fill:#2f855a}.ce-popover__item[data-item-name=alert-warning] .ce-popover__item-icon svg #background{fill:#fffaf0;stroke:#ed8936}.ce-popover__item[data-item-name=alert-warning] .ce-popover__item-icon svg #content{fill:#c05621}.ce-popover__item[data-item-name=alert-danger] .ce-popover__item-icon svg #background{fill:#fff5f5;stroke:#fc8181}.ce-popover__item[data-item-name=alert-danger] .ce-popover__item-icon svg #content{fill:#c53030}.ce-popover__item[data-item-name=alert-light] .ce-popover__item-icon svg #background{fill:#fff;stroke:#edf2f7}.ce-popover__item[data-item-name=alert-light] .ce-popover__item-icon svg #content{fill:#1a202c}.ce-popover__item[data-item-name=alert-dark] .ce-popover__item-icon svg #background{fill:#2d3748;stroke:#1a202c}.ce-popover__item[data-item-name=alert-dark] .ce-popover__item-icon svg #content{fill:#d3d3d3}.cdx-alert_setting__icon_wrapper{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px}.cdx-alert_setting__icon_wrapper_align{margin-top:10px}.cdx-alert_setting__icon{display:inline-block;width:24px;height:24px;text-align:center;line-height:24px;cursor:pointer}.cdx-alert_setting__icon_active{opacity:.3}.ce-tune-alignment--right{text-align:right}.ce-tune-alignment--center{text-align:center}.ce-tune-alignment--left{text-align:left}.ce-editorjs-x-shiki{border-radius:10px;display:flex;flex-direction:column;margin:10px 0;border:2px solid transparent;position:relative}.ce-editorjs-x-shiki.editable:hover{border:2px solid #C0C0C0}.ce-editorjs-x-shiki__lang{display:flex;justify-content:space-between;padding:8px}.ce-editorjs-x-shiki__code{position:relative;float:left;min-width:100%;overflow:hidden;height:auto;min-height:60px}.ce-editorjs-x-shiki__code__dragHandler{position:absolute;left:50%;transform:translate(-50%);bottom:-5px;cursor:ns-resize;user-select:none;height:8px;width:60px;background-color:silver;border-radius:5px;display:none}.ce-editorjs-x-shiki:hover .ce-editorjs-x-shiki__code__dragHandler{display:block}.ce-editorjs-x-shiki__selector{display:flex;gap:15px;justify-content:space-between;border-bottom-style:solid;border-color:#9ca3af0d;border-bottom-width:1px;padding:0 8px 8px}.ce-editorjs-x-shiki__selector-language,.ce-editorjs-x-shiki__selector-theme{font-size:13px;font-family:inherit}.ce-editorjs-x-shiki__selector-language{width:90px}.ce-editorjs-x-shiki__selector select{border:none;outline:none}.ce-editorjs-x-shiki__span{position:relative;z-index:0;padding:20px 20px 20px 55px;margin:0;white-space:pre;font-size:13px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.ce-editorjs-x-shiki__span code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.ce-editorjs-x-shiki__textarea{all:unset;white-space:pre;background-color:transparent;position:absolute;padding:20px 20px 20px 55px;inset:0;color:transparent;z-index:0;font-size:13px;caret-color:#999;resize:none;border:none;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.ce-editorjs-x-shiki__textarea::selection{background-color:#083ca9;color:#fff}.ce-editorjs-x-shiki__copy{width:24px;height:24px;cursor:pointer;position:relative;margin-right:0}.ce-editorjs-x-shiki__copy_tip{font-size:12px;width:60px;margin-left:-20px;background-color:#0c0c0c;color:#ececec;text-align:center;border-radius:6px;padding:5px 10px;position:absolute;z-index:1;top:125%;transition:opacity .3s;visibility:hidden;opacity:0}.ce-editorjs-x-shiki__copy_tip:after{content:"";position:absolute;bottom:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:transparent transparent #0c0c0c transparent}.ce-editorjs-x-shiki__copy_tip.visible{visibility:visible;opacity:1}.ce-editorjs-x-shiki__span.shiki .line:before{content:attr(data-line);width:40px;display:inline-block;text-align:right;color:#888;position:absolute;left:0}.ce-editorjs-x-shiki__code ::-webkit-scrollbar{width:8px;height:8px}.ce-editorjs-x-shiki__code ::-webkit-scrollbar-track{background:#22272e;border-radius:1px}.ce-editorjs-x-shiki__code ::-webkit-scrollbar-thumb{background:silver;border-radius:10px;border:2px solid #22272e}.ce-editorjs-x-shiki__code ::-webkit-scrollbar-thumb:hover{background:#555}.ce-delimiter__line__wrapper{height:24px;display:flex;align-items:center;justify-content:center}.ce-delimiter__line{flex:1;height:2px;background-color:#eff0f1}.ce-header{padding:15px 0 3px;margin:0;line-height:1.25;outline:none}.ce-header p,.ce-header div{padding:0!important;margin:0!important}.image-tool{--bg-color: #cdd1e0;--front-color: #388ae5;--border-color: #e8e8eb;display:inline-block}.image-tool__image{border-radius:3px;overflow:hidden;margin-bottom:10px;padding-bottom:0;user-select:none;pointer-events:none}.image-tool__image-picture{max-width:100%;vertical-align:bottom;display:inline-block;user-select:none;pointer-events:none}.image-tool__image-preloader{width:150px;height:150px;border-radius:50%;background-size:cover;margin:auto;position:relative;background-color:var(--bg-color);background-position:center center}.image-tool__image-preloader:after{content:"";position:absolute;z-index:3;width:60px;height:60px;border-radius:50%;border:2px solid var(--bg-color);border-top-color:var(--front-color);left:50%;top:50%;margin-top:-30px;margin-left:-30px;animation:image-preloader-spin 2s infinite linear;box-sizing:border-box}.image-tool__caption{visibility:hidden;position:absolute;bottom:0;left:0;margin-bottom:10px}.image-tool__caption[contentEditable=true][data-placeholder]:before{position:absolute!important;content:attr(data-placeholder);color:#707684;font-weight:400;display:none}.image-tool__caption[contentEditable=true][data-placeholder]:empty:before{display:block}.image-tool__caption[contentEditable=true][data-placeholder]:empty:focus:before{display:none}.image-tool--empty .image-tool__image,.image-tool--empty .image-tool__image-preloader{display:none}.image-tool--empty .image-tool__caption,.image-tool--uploading .image-tool__caption{visibility:hidden!important}.image-tool .cdx-button{display:none;align-items:center;justify-content:center}.image-tool .cdx-button svg{height:auto;margin:0 6px 0 0}.image-tool--filled .cdx-button,.image-tool--filled .image-tool__image-preloader{display:none}.image-tool--uploading{width:100%}.image-tool--uploading .resizable{display:none!important}.image-tool--uploading .image-tool__image{min-height:200px;display:flex;background-color:#fff}.image-tool--uploading .image-tool__image-picture,.image-tool--uploading .cdx-button{display:none}.image-tool--withBorder .image-tool__image{border:1px solid var(--border-color)}.image-tool--withBackground .image-tool__image{padding:15px;background:var(--bg-color)}.image-tool--withBackground .image-tool__image-picture{max-width:60%;margin:0 auto}.image-tool--stretched .image-tool__image-picture{width:100%}.image-tool--caption .image-tool__caption{visibility:visible}.image-tool--caption{padding-bottom:50px}@keyframes image-preloader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ce-popover-indent-item{cursor:default!important;display:flex;align-items:center;padding:3px}.ce-popover-indent-item[version^="2.26"]{gap:10px}.ce-popover-indent-item:hover{background-color:transparent!important}.ce-popover-indent-item .ce-popover-item__icon{width:26px;height:26px;cursor:pointer;will-change:background-color,color;transition:.3s background-color,.3s color;padding-block:0px;padding-inline:0px;border-width:0px;color:var(--color-text-primary, black);background-color:#fff;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;-webkit-transition:.3s background-color,.3s color;-moz-transition:.3s background-color,.3s color;-ms-transition:.3s background-color,.3s color;-o-transition:.3s background-color,.3s color}.ce-popover-indent-item .ce-popover-item--disabled{color:var(--color-text-secondary, #707684);opacity:.3;cursor:default}.ce-popover-indent-item .ce-popover-item__icon:focus{outline:none}.ce-popover-indent-item:is([version^="2.26"],[version^="2.27"],[version^="2.28"],[version^="2.29"]):hover .ce-popover-item__icon{box-shadow:0 0 0 1px var(--color-border-icon, rgba(201, 201, 204, .48))!important;-webkit-box-shadow:0 0 0 1px var(--color-border-icon, rgba(201, 201, 204, .48))!important}.ce-popover-indent-item:is([version^="2.26"],[version^="2.27"],[version^="2.28"],[version^="2.29"]) .ce-popover-item__icon{box-shadow:0 0 0 1px var(--color-border-icon, rgba(201, 201, 204, .48))!important;-webkit-box-shadow:0 0 0 1px var(--color-border-icon, rgba(201, 201, 204, .48))!important}.ce-popover-indent-item:is([version^="2.26"],[version^="2.27"],[version^="2.28"],[version^="2.29"]) .ce-popover-item__icon:hover{background-color:var(--color-background-item-hover, #eff2f5)}.ce-highlight-indent{display:inline-block;height:1.6em;top:50%;position:absolute;transform:translateY(-50%);-webkit-transform:translate(0px,-50%);-moz-transform:translate(0px,-50%);-ms-transform:translate(0px,-50%);-o-transform:translate(0px,-50%)}.ce-popover-indent-item[version^="2.3"] .ce-popover-item__title{margin-left:4px}.inline-code{background:#faeff0c7;color:#b44437;padding:3px 4px;border-radius:5px;font-family:inherit}.cdx-list{margin:0;padding:0;outline:none;display:grid;counter-reset:item;gap:var(--spacing-s);padding:var(--spacing-xs);--spacing-s: 8px;--spacing-xs: 6px;--list-counter-type: numeric;--radius-border: 5px;--checkbox-background: #fff;--color-border: #C9C9C9;--color-bg-checked: #369FFF;--line-height: 1.45em;--color-bg-checked-hover: #0059AB;--color-tick: #fff;--size-checkbox: 1.2em}.cdx-list ol{padding-inline-start:0}.cdx-list__item{line-height:var(--line-height);display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;grid-template-areas:"checkbox content" ". child"}.cdx-list__item-children{display:grid;grid-area:child;gap:var(--spacing-s);padding-top:var(--spacing-s)}.cdx-list__item [contenteditable]{outline:none}.cdx-list__item-content{word-break:break-word;white-space:pre-wrap;grid-area:content;padding-left:var(--spacing-s)}.cdx-list__item:before{counter-increment:item;white-space:nowrap}.cdx-list-ordered .cdx-list__item:before{content:counters(item,".",var(--list-counter-type)) "."}.cdx-list-ordered{counter-reset:item}.cdx-list-unordered{padding-inline-start:0}.cdx-list-unordered .cdx-list__item:before{content:"•"}.cdx-list-checklist .cdx-list__item:before{content:""}.cdx-list__settings .cdx-settings-button{width:50%}.cdx-list__checkbox{padding-top:calc((var(--line-height) - var(--size-checkbox)) / 2);grid-area:checkbox;width:var(--size-checkbox);height:var(--size-checkbox);display:flex;cursor:pointer}.cdx-list__checkbox svg{opacity:0;height:var(--size-checkbox);width:var(--size-checkbox);left:-1px;top:-1px;position:absolute}@media (hover: hover){.cdx-list__checkbox:not(.cdx-list__checkbox--no-hover):hover .cdx-list__checkbox-check svg{opacity:1}}.cdx-list__checkbox--checked{line-height:var(--line-height)}@media (hover: hover){.cdx-list__checkbox--checked:not(.cdx-list__checkbox--checked--no-hover):hover .cdx-checklist__checkbox-check{background:var(--color-bg-checked-hover);border-color:var(--color-bg-checked-hover)}}.cdx-list__checkbox--checked .cdx-list__checkbox-check{background:var(--color-bg-checked);border-color:var(--color-bg-checked)}.cdx-list__checkbox--checked .cdx-list__checkbox-check svg{opacity:1}.cdx-list__checkbox--checked .cdx-list__checkbox-check svg path{stroke:var(--color-tick)}.cdx-list__checkbox--checked .cdx-list__checkbox-check:before{opacity:0;visibility:visible;transform:scale(2.5)}.cdx-list__checkbox-check{cursor:pointer;display:inline-block;position:relative;margin:0 auto;width:var(--size-checkbox);height:var(--size-checkbox);box-sizing:border-box;border-radius:var(--radius-border);border:1px solid var(--color-border);background:var(--checkbox-background)}.cdx-list__checkbox-check:before{content:"";position:absolute;inset:0;border-radius:100%;background-color:var(--color-bg-checked);visibility:hidden;pointer-events:none;transform:scale(1);transition:transform .4s ease-out,opacity .4s}.cdx-list__checkbox-check--disabled{pointer-events:none}.cdx-list-start-with-field{display:flex;flex-direction:row;overflow:hidden;align-items:center}.cdx-list-start-with-field--invalid{background:#ffeced;border:1px solid #E13F3F}.cdx-list-start-with-field:hover{background-color:#f8f8f8}.cdx-list-start-with-field--invalid .cdx-list-start-with-field__input{color:#e13f3f}.cdx-list-start-with-field__startlabel{width:70px;font-size:14px}.cdx-list-start-with-field__input-wrapper{flex:1;overflow:hidden}.cdx-list-start-with-field__input{font-size:14px;outline:none;font-weight:500;font-family:inherit;border:0;background:transparent;margin:0;line-height:22px;flex:1;border:1px solid rgba(226,226,229,1);border-radius:6px;padding:0 10px;width:50px;text-align:center}.cdx-list-start-with-field__input::placeholder{color:var(--grayText);font-weight:500}.cdx-marker{background:#f5eb6f4a;padding:3px 0}.ce-paragraph{line-height:2!important;outline:none}.ce-block:only-of-type .ce-paragraph[data-placeholder-active]:empty:before,.ce-block:only-of-type .ce-paragraph[data-placeholder-active][data-empty=true]:before{content:attr(data-placeholder-active)}.ce-paragraph p:first-of-type{margin-top:0}.ce-paragraph p:last-of-type{margin-bottom:0}.cdx-quote{overflow:hidden;overflow-wrap:break-word;margin:0;box-sizing:border-box;word-wrap:break-word;word-break:break-all}.cdx-quote blockquote{margin:0}.cdx-block-quote{border:solid #acacac;border-width:0 0 0 3px;box-shadow:none;color:#666;line-height:1.6em;padding:1px 0 0 12px}.tc-wrap{--color-background: #f9f9fb;--color-text-secondary: #7b7e89;--color-border: #e8e8eb;--cell-size: 34px;--toolbox-icon-size: 18px;--toolbox-padding: 6px;--toolbox-aiming-field-size: calc(var(--toolbox-icon-size) + var(--toolbox-padding)*2);--col-width: 100px 100px 100px;position:relative;height:100%;margin-top:var(--toolbox-icon-size);box-sizing:border-box;display:inline-grid;z-index:0}.tc-wrap svg{vertical-align:top}@media print{.tc-wrap{border-left-color:var(--color-border);border-left-style:solid;border-left-width:1px}}@media print{.tc-wrap .tc-row:after{display:none}}.tc-table{position:relative;width:100%;height:100%;display:grid;font-size:14px;border-top:1px solid var(--color-border);border-left:1px solid var(--color-border);line-height:1.4;overflow-x:auto}.tc-table:after{width:calc(var(--cell-size));height:100%;left:calc(var(--cell-size)*-1);top:0}.tc-table:after,.tc-table:before{position:absolute;content:""}.tc-table:before{width:100%;height:var(--toolbox-aiming-field-size);top:calc(var(--toolbox-aiming-field-size)*-1);left:0}.tc-table--heading .tc-row:first-child{font-weight:600;border-bottom:2px solid var(--color-border);position:sticky;top:0;z-index:2;background:var(--color-background)}.tc-table--heading .tc-row:first-child [contenteditable]:empty:before{content:attr(heading);color:var(--color-text-secondary)}.tc-table--heading .tc-row:first-child:after{bottom:-2px;border-bottom:2px solid var(--color-border)}.tc-add-column,.tc-add-row{display:flex;color:var(--color-text-secondary)}@media print{.tc-add{display:none}}.tc-add-column{display:grid;border-top:1px solid var(--color-border);grid-auto-rows:var(--cell-size);place-items:center}.tc-add-column svg{padding:5px;position:sticky;top:0;background-color:var(--color-background)}.tc-add-column--disabled{visibility:hidden}@media print{.tc-add-column{display:none}}.tc-add-row{height:var(--cell-size);align-items:center;padding-left:4px;position:relative}.tc-add-row--disabled{display:none}.tc-add-row:before{content:"";position:absolute;right:calc(var(--cell-size)*-1);width:var(--cell-size);height:100%}@media print{.tc-add-row{display:none}}.tc-add-column,.tc-add-row{transition:0s;cursor:pointer;will-change:background-color}.tc-add-column:hover,.tc-add-row:hover{transition:background-color .1s ease;background-color:var(--color-background)}.tc-add-row{margin-top:1px}.tc-add-row:hover:before{transition:.1s;background-color:var(--color-background)}.tc-row{display:grid;grid-template-columns:var(--col-width);position:relative;border-bottom:1px solid var(--color-border)}.tc-row--selected{background:var(--color-background)}.tc-row--selected:after{background:var(--color-background)}.tc-cell{border-right:1px solid var(--color-border);padding:6px 12px;overflow:hidden;outline:none;line-break:normal}.tc-cell--selected{background:var(--color-background)}.tc-wrap--readonly .tc-row:after{display:none}.tc-toolbox{--toolbox-padding: 6px;--popover-margin: 30px;--toggler-click-zone-size: 30px;--toggler-dots-color: #7b7e89;--toggler-dots-color-hovered: #1d202b;position:absolute;cursor:pointer;z-index:1;opacity:0;transition:opacity .1s;will-change:left,opacity}.tc-toolbox--column{top:calc(var(--toggler-click-zone-size)*-1);transform:translate(calc(var(--toggler-click-zone-size)*-1/2));will-change:left,opacity}.tc-toolbox--row{left:calc(var(--popover-margin)*-1);transform:translateY(calc(var(--toggler-click-zone-size)*-1/2));margin-top:-1px;will-change:top,opacity}.tc-toolbox--showed{opacity:1}.tc-toolbox .tc-popover{position:absolute;top:0;left:var(--popover-margin)}.tc-toolbox__toggler{display:flex;align-items:center;justify-content:center;width:var(--toggler-click-zone-size);height:var(--toggler-click-zone-size);color:var(--toggler-dots-color);opacity:0;transition:opacity .15s ease;will-change:opacity}.tc-toolbox__toggler:hover{color:var(--toggler-dots-color-hovered)}.tc-toolbox__toggler svg{fill:currentColor}.tc-wrap:hover .tc-toolbox__toggler{opacity:1}.tc-settings .cdx-settings-button{width:50%;margin:0}.tc-popover{--color-border: #eaeaea;--color-background: #fff;--color-background-hover: rgba(232, 232, 235, .49);--color-background-confirm: #e24a4a;--color-background-confirm-hover: #d54040;--color-text-confirm: #fff;background:var(--color-background);border:1px solid var(--color-border);box-shadow:0 3px 15px -3px #0d142121;border-radius:6px;padding:6px;display:none;will-change:opacity,transform}.tc-popover--opened{display:flex;animation:menuShowing .1s cubic-bezier(.215,.61,.355,1) forwards}.tc-popover__item{display:flex;align-items:center;padding:2px 14px 2px 2px;border-radius:5px;cursor:pointer;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none}.tc-popover__item:hover{background:var(--color-background-hover)}.tc-popover__item:not(:last-of-type){margin-bottom:2px}.tc-popover__item-icon{display:inline-flex;width:26px;height:26px;align-items:center;justify-content:center;background:var(--color-background);border-radius:5px;border:1px solid var(--color-border);margin-right:8px}.tc-popover__item-label{line-height:22px;font-size:14px;font-weight:500}.tc-popover__item--confirm{background:var(--color-background-confirm);color:var(--color-text-confirm)}.tc-popover__item--confirm:hover{background-color:var(--color-background-confirm-hover)}.tc-popover__item--confirm .tc-popover__item-icon{background:var(--color-background-confirm);border-color:#0000001a}.tc-popover__item--confirm .tc-popover__item-icon svg{transition:transform .2s ease-in;transform:rotate(90deg) scale(1.2)}.tc-popover__item--hidden{display:none}@keyframes menuShowing{0%{opacity:0;transform:translateY(-8px) scale(.9)}70%{opacity:1;transform:translateY(2px)}to{transform:translateY(0)}}.cell-resizable{cursor:col-resize}.cdx-underline{text-decoration:underline}.ce-popover--inline .ce-popover--nested .ce-popover__container{width:min-content!important;min-width:unset!important}.ce-popover--inline .ce-popover--nested .ce-popover__items{width:max-content}.editorjs__color-selector-container{display:grid;gap:10px;padding:4px}.editorjs__color-selector__container-item{width:30px;height:30px;display:block;cursor:pointer;border-radius:100%;transition:transform .2s ease}.editorjs__color-selector__container-item:hover{transform:scale(1.1)}.ce-el-bold{font-weight:700}.ce-el-italic{font-style:italic}.ebl-er-doc{font-family:var(--font-family);font-size:16px;font-weight:400;box-sizing:border-box}.ebl-er-header{height:var(--ebl-er-header-height);box-sizing:border-box;position:sticky;top:0;z-index:10}.ebl-er-footer{height:var(--ebl-er-footer-height);box-sizing:border-box}.ebl-er-container{display:flex;flex-direction:row;min-height:calc(100vh - var(--ebl-er-header-height))}.ebl-er-doc-menu{width:var(--ebl-er-doc-menu-width);box-sizing:border-box;flex-shrink:0;height:calc(100vh - var(--ebl-er-header-height));position:sticky;top:var(--ebl-er-header-height)}.ebl-er-doc-menu-content{box-sizing:border-box}.ebl-er-doc-content{box-sizing:border-box;display:flex;flex-direction:row;max-width:calc(100% - var(--ebl-er-doc-menu-width));flex-grow:1}.ebl-er-doc-content-container{box-sizing:border-box;flex:1;padding:0 50px 50px;width:100%;overflow-x:hidden;white-space:normal;word-wrap:break-word}.ebl-er-doc-content-inner-wrap{margin:0 auto}.ebl-er-doc-content-inner .ce-block{width:100%}.ebl-er-doc-outline{width:280px;box-sizing:border-box;height:calc(100vh - var(--ebl-er-header-height));position:sticky;top:var(--ebl-er-header-height);overflow:auto;padding:12px}.ebl-er-doc-pre-next{display:flex;justify-content:space-between;align-items:center;padding:33px 0}@media (max-width:960px){.ebl-er-doc-outline{display:none}}.ebl-er-doc ::-webkit-scrollbar{width:6px;height:6px}.ebl-er-doc ::-webkit-scrollbar-track{background:#f1f1f1;border-radius:1px}.ebl-er-doc ::-webkit-scrollbar-thumb{background:silver;border-radius:10px;border:1px solid #fff}.ebl-er-doc ::-webkit-scrollbar-thumb:hover{background:#555}.ce-editorjs-x-shiki__code[data-v-f867b955]{overflow:auto}.ce-editorjs-x-shiki__selector[data-v-f867b955]{padding:0 8px;align-items:center}.ce-editorjs-x-shiki__copy_tip[data-v-f867b955]{visibility:visible;opacity:.9;width:40px;padding:5px;margin-left:-15px}.tc-wrap--readonly[data-v-0627102b]{margin-bottom:var(--toolbox-icon-size)}.image-tool__image[data-v-ff96876e]{margin-top:15px}.ebl-er-doc-outline-item{padding:7px 24px;cursor:pointer;white-space:normal;word-wrap:break-word}.ebl-er-doc-outline-item:hover{background-color:#f6f6f6}.ebl-er-doc-outline-item.selected{background-color:#ebebeb}.ebl-outline .level_1{padding-left:24px}.ebl-outline .level_2{padding-left:42px}.ebl-outline .level_3{padding-left:60px}')),document.head.appendChild(e)}}catch(o){console.error("vite-plugin-css-injected-by-js",o)}})();
|
|
2
|
-
import { defineComponent as b, computed as C, resolveComponent as P, createElementBlock as s, openBlock as o, normalizeStyle as
|
|
1
|
+
(function(){"use strict";try{if(typeof document!="undefined"){var e=document.createElement("style");e.appendChild(document.createTextNode('.cdx-alert{position:relative;padding:10px;border-radius:5px;margin-bottom:10px;margin-top:10px}.cdx-alert-primary{background-color:#ebf8ff;border:1px solid #4299e1;color:#2b6cb0}.cdx-alert-secondary{background-color:#f7fafc;border:1px solid #cbd5e0;color:#222731}.cdx-alert-info{background-color:#e6fdff;border:1px solid #4cd4ce;color:#00727c}.cdx-alert-success{background-color:#f0fff4;border:1px solid #68d391;color:#2f855a}.cdx-alert-warning{background-color:#fffaf0;border:1px solid #ed8936;color:#c05621}.cdx-alert-danger{background-color:#fff5f5;border:1px solid #fc8181;color:#c53030}.cdx-alert-light{background-color:#fff;border:1px solid #edf2f7;color:#1a202c}.cdx-alert-dark{background-color:#2d3748;border:1px solid #1a202c;color:#d3d3d3}.cdx-alert-align-left{text-align:left}.cdx-alert-align-center{text-align:center}.cdx-alert-align-right{text-align:right}.cdx-alert__message{outline:none}.cdx-alert [contentEditable=true][data-placeholder]:before{position:absolute;content:attr(data-placeholder);color:#707684;font-weight:400;opacity:0}.cdx-alert [contentEditable=true][data-placeholder]:empty:before{opacity:1}.cdx-alert [contentEditable=true][data-placeholder]:empty:focus:before{opacity:0}.ce-popover__item[data-item-name=alert-primary] .ce-popover__item-icon svg #background{fill:#ebf8ff;stroke:#4299e1}.ce-popover__item[data-item-name=alert-primary] .ce-popover__item-icon svg #content{fill:#2b6cb0}.ce-popover__item[data-item-name=alert-secondary] .ce-popover__item-icon svg #background{fill:#f7fafc;stroke:#cbd5e0}.ce-popover__item[data-item-name=alert-secondary] .ce-popover__item-icon svg #content{fill:#222731}.ce-popover__item[data-item-name=alert-info] .ce-popover__item-icon svg #background{fill:#e6fdff;stroke:#4cd4ce}.ce-popover__item[data-item-name=alert-info] .ce-popover__item-icon svg #content{fill:#00727c}.ce-popover__item[data-item-name=alert-success] .ce-popover__item-icon svg #background{fill:#f0fff4;stroke:#68d391}.ce-popover__item[data-item-name=alert-success] .ce-popover__item-icon svg #content{fill:#2f855a}.ce-popover__item[data-item-name=alert-warning] .ce-popover__item-icon svg #background{fill:#fffaf0;stroke:#ed8936}.ce-popover__item[data-item-name=alert-warning] .ce-popover__item-icon svg #content{fill:#c05621}.ce-popover__item[data-item-name=alert-danger] .ce-popover__item-icon svg #background{fill:#fff5f5;stroke:#fc8181}.ce-popover__item[data-item-name=alert-danger] .ce-popover__item-icon svg #content{fill:#c53030}.ce-popover__item[data-item-name=alert-light] .ce-popover__item-icon svg #background{fill:#fff;stroke:#edf2f7}.ce-popover__item[data-item-name=alert-light] .ce-popover__item-icon svg #content{fill:#1a202c}.ce-popover__item[data-item-name=alert-dark] .ce-popover__item-icon svg #background{fill:#2d3748;stroke:#1a202c}.ce-popover__item[data-item-name=alert-dark] .ce-popover__item-icon svg #content{fill:#d3d3d3}.cdx-alert_setting__icon_wrapper{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px}.cdx-alert_setting__icon_wrapper_align{margin-top:10px}.cdx-alert_setting__icon{display:inline-block;width:24px;height:24px;text-align:center;line-height:24px;cursor:pointer}.cdx-alert_setting__icon_active{opacity:.3}.ce-tune-alignment--right{text-align:right}.ce-tune-alignment--center{text-align:center}.ce-tune-alignment--left{text-align:left}.ce-editorjs-x-shiki{border-radius:10px;display:flex;flex-direction:column;margin:10px 0;border:2px solid transparent;position:relative}.ce-editorjs-x-shiki.editable:hover{border:2px solid #C0C0C0}.ce-editorjs-x-shiki__lang{display:flex;justify-content:space-between;padding:8px}.ce-editorjs-x-shiki__code{position:relative;float:left;min-width:100%;overflow:hidden;height:auto;min-height:60px}.ce-editorjs-x-shiki__code__dragHandler{position:absolute;left:50%;transform:translate(-50%);bottom:-5px;cursor:ns-resize;user-select:none;height:8px;width:60px;background-color:silver;border-radius:5px;display:none}.ce-editorjs-x-shiki:hover .ce-editorjs-x-shiki__code__dragHandler{display:block}.ce-editorjs-x-shiki__selector{display:flex;gap:15px;justify-content:space-between;border-bottom-style:solid;border-color:#9ca3af0d;border-bottom-width:1px;padding:0 8px 8px}.ce-editorjs-x-shiki__selector-language,.ce-editorjs-x-shiki__selector-theme{font-size:13px;font-family:inherit}.ce-editorjs-x-shiki__selector-language{width:90px}.ce-editorjs-x-shiki__selector select{border:none;outline:none}.ce-editorjs-x-shiki__span{position:relative;z-index:0;padding:20px 20px 20px 55px;margin:0;white-space:pre;font-size:13px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.ce-editorjs-x-shiki__span code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.ce-editorjs-x-shiki__textarea{all:unset;white-space:pre;background-color:transparent;position:absolute;padding:20px 20px 20px 55px;inset:0;color:transparent;z-index:0;font-size:13px;caret-color:#999;resize:none;border:none;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.ce-editorjs-x-shiki__textarea::selection{background-color:#083ca9;color:#fff}.ce-editorjs-x-shiki__copy{width:24px;height:24px;cursor:pointer;position:relative;margin-right:0}.ce-editorjs-x-shiki__copy_tip{font-size:12px;width:60px;margin-left:-20px;background-color:#0c0c0c;color:#ececec;text-align:center;border-radius:6px;padding:5px 10px;position:absolute;z-index:1;top:125%;transition:opacity .3s;visibility:hidden;opacity:0}.ce-editorjs-x-shiki__copy_tip:after{content:"";position:absolute;bottom:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:transparent transparent #0c0c0c transparent}.ce-editorjs-x-shiki__copy_tip.visible{visibility:visible;opacity:1}.ce-editorjs-x-shiki__span.shiki .line:before{content:attr(data-line);width:40px;display:inline-block;text-align:right;color:#888;position:absolute;left:0}.ce-editorjs-x-shiki__code ::-webkit-scrollbar{width:8px;height:8px}.ce-editorjs-x-shiki__code ::-webkit-scrollbar-track{background:#22272e;border-radius:1px}.ce-editorjs-x-shiki__code ::-webkit-scrollbar-thumb{background:silver;border-radius:10px;border:2px solid #22272e}.ce-editorjs-x-shiki__code ::-webkit-scrollbar-thumb:hover{background:#555}.ce-delimiter__line__wrapper{height:24px;display:flex;align-items:center;justify-content:center}.ce-delimiter__line{flex:1;height:2px;background-color:#eff0f1}.ce-header{padding:15px 0 3px;margin:0;line-height:1.25;outline:none}.ce-header p,.ce-header div{padding:0!important;margin:0!important}.image-tool{--bg-color: #cdd1e0;--front-color: #388ae5;--border-color: #e8e8eb;display:inline-block}.image-tool__image{border-radius:3px;overflow:hidden;margin-bottom:10px;padding-bottom:0;user-select:none;pointer-events:none}.image-tool__image-picture{max-width:100%;vertical-align:bottom;display:inline-block;user-select:none;pointer-events:none}.image-tool__image-preloader{width:150px;height:150px;border-radius:50%;background-size:cover;margin:auto;position:relative;background-color:var(--bg-color);background-position:center center}.image-tool__image-preloader:after{content:"";position:absolute;z-index:3;width:60px;height:60px;border-radius:50%;border:2px solid var(--bg-color);border-top-color:var(--front-color);left:50%;top:50%;margin-top:-30px;margin-left:-30px;animation:image-preloader-spin 2s infinite linear;box-sizing:border-box}.image-tool__caption{visibility:hidden;position:absolute;bottom:0;left:0;margin-bottom:10px}.image-tool__caption[contentEditable=true][data-placeholder]:before{position:absolute!important;content:attr(data-placeholder);color:#707684;font-weight:400;display:none}.image-tool__caption[contentEditable=true][data-placeholder]:empty:before{display:block}.image-tool__caption[contentEditable=true][data-placeholder]:empty:focus:before{display:none}.image-tool--empty .image-tool__image,.image-tool--empty .image-tool__image-preloader{display:none}.image-tool--empty .image-tool__caption,.image-tool--uploading .image-tool__caption{visibility:hidden!important}.image-tool .cdx-button{display:none;align-items:center;justify-content:center}.image-tool .cdx-button svg{height:auto;margin:0 6px 0 0}.image-tool--filled .cdx-button,.image-tool--filled .image-tool__image-preloader{display:none}.image-tool--uploading{width:100%}.image-tool--uploading .resizable{display:none!important}.image-tool--uploading .image-tool__image{min-height:200px;display:flex;background-color:#fff}.image-tool--uploading .image-tool__image-picture,.image-tool--uploading .cdx-button{display:none}.image-tool--withBorder .image-tool__image{border:1px solid var(--border-color)}.image-tool--withBackground .image-tool__image{padding:15px;background:var(--bg-color)}.image-tool--withBackground .image-tool__image-picture{max-width:60%;margin:0 auto}.image-tool--stretched .image-tool__image-picture{width:100%}.image-tool--caption .image-tool__caption{visibility:visible}.image-tool--caption{padding-bottom:50px}@keyframes image-preloader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ce-popover-indent-item{cursor:default!important;display:flex;align-items:center;padding:3px}.ce-popover-indent-item[version^="2.26"]{gap:10px}.ce-popover-indent-item:hover{background-color:transparent!important}.ce-popover-indent-item .ce-popover-item__icon{width:26px;height:26px;cursor:pointer;will-change:background-color,color;transition:.3s background-color,.3s color;padding-block:0px;padding-inline:0px;border-width:0px;color:var(--color-text-primary, black);background-color:#fff;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;-webkit-transition:.3s background-color,.3s color;-moz-transition:.3s background-color,.3s color;-ms-transition:.3s background-color,.3s color;-o-transition:.3s background-color,.3s color}.ce-popover-indent-item .ce-popover-item--disabled{color:var(--color-text-secondary, #707684);opacity:.3;cursor:default}.ce-popover-indent-item .ce-popover-item__icon:focus{outline:none}.ce-popover-indent-item:is([version^="2.26"],[version^="2.27"],[version^="2.28"],[version^="2.29"]):hover .ce-popover-item__icon{box-shadow:0 0 0 1px var(--color-border-icon, rgba(201, 201, 204, .48))!important;-webkit-box-shadow:0 0 0 1px var(--color-border-icon, rgba(201, 201, 204, .48))!important}.ce-popover-indent-item:is([version^="2.26"],[version^="2.27"],[version^="2.28"],[version^="2.29"]) .ce-popover-item__icon{box-shadow:0 0 0 1px var(--color-border-icon, rgba(201, 201, 204, .48))!important;-webkit-box-shadow:0 0 0 1px var(--color-border-icon, rgba(201, 201, 204, .48))!important}.ce-popover-indent-item:is([version^="2.26"],[version^="2.27"],[version^="2.28"],[version^="2.29"]) .ce-popover-item__icon:hover{background-color:var(--color-background-item-hover, #eff2f5)}.ce-highlight-indent{display:inline-block;height:1.6em;top:50%;position:absolute;transform:translateY(-50%);-webkit-transform:translate(0px,-50%);-moz-transform:translate(0px,-50%);-ms-transform:translate(0px,-50%);-o-transform:translate(0px,-50%)}.ce-popover-indent-item[version^="2.3"] .ce-popover-item__title{margin-left:4px}.cdx-list{margin:0;padding:0;outline:none;display:grid;counter-reset:item;gap:var(--spacing-s);padding:var(--spacing-xs);--spacing-s: 8px;--spacing-xs: 6px;--list-counter-type: numeric;--radius-border: 5px;--checkbox-background: #fff;--color-border: #C9C9C9;--color-bg-checked: #369FFF;--line-height: 1.45em;--color-bg-checked-hover: #0059AB;--color-tick: #fff;--size-checkbox: 1.2em}.cdx-list ol{padding-inline-start:0}.cdx-list__item{line-height:var(--line-height);display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;grid-template-areas:"checkbox content" ". child"}.cdx-list__item-children{display:grid;grid-area:child;gap:var(--spacing-s);padding-top:var(--spacing-s)}.cdx-list__item [contenteditable]{outline:none}.cdx-list__item-content{word-break:break-word;white-space:pre-wrap;grid-area:content;padding-left:var(--spacing-s)}.cdx-list__item:before{counter-increment:item;white-space:nowrap}.cdx-list-ordered .cdx-list__item:before{content:counters(item,".",var(--list-counter-type)) "."}.cdx-list-ordered{counter-reset:item}.cdx-list-unordered{padding-inline-start:0}.cdx-list-unordered .cdx-list__item:before{content:"•"}.cdx-list-checklist .cdx-list__item:before{content:""}.cdx-list__settings .cdx-settings-button{width:50%}.cdx-list__checkbox{padding-top:calc((var(--line-height) - var(--size-checkbox)) / 2);grid-area:checkbox;width:var(--size-checkbox);height:var(--size-checkbox);display:flex;cursor:pointer}.cdx-list__checkbox svg{opacity:0;height:var(--size-checkbox);width:var(--size-checkbox);left:-1px;top:-1px;position:absolute}@media (hover: hover){.cdx-list__checkbox:not(.cdx-list__checkbox--no-hover):hover .cdx-list__checkbox-check svg{opacity:1}}.cdx-list__checkbox--checked{line-height:var(--line-height)}@media (hover: hover){.cdx-list__checkbox--checked:not(.cdx-list__checkbox--checked--no-hover):hover .cdx-checklist__checkbox-check{background:var(--color-bg-checked-hover);border-color:var(--color-bg-checked-hover)}}.cdx-list__checkbox--checked .cdx-list__checkbox-check{background:var(--color-bg-checked);border-color:var(--color-bg-checked)}.cdx-list__checkbox--checked .cdx-list__checkbox-check svg{opacity:1}.cdx-list__checkbox--checked .cdx-list__checkbox-check svg path{stroke:var(--color-tick)}.cdx-list__checkbox--checked .cdx-list__checkbox-check:before{opacity:0;visibility:visible;transform:scale(2.5)}.cdx-list__checkbox-check{cursor:pointer;display:inline-block;position:relative;margin:0 auto;width:var(--size-checkbox);height:var(--size-checkbox);box-sizing:border-box;border-radius:var(--radius-border);border:1px solid var(--color-border);background:var(--checkbox-background)}.cdx-list__checkbox-check:before{content:"";position:absolute;inset:0;border-radius:100%;background-color:var(--color-bg-checked);visibility:hidden;pointer-events:none;transform:scale(1);transition:transform .4s ease-out,opacity .4s}.cdx-list__checkbox-check--disabled{pointer-events:none}.cdx-list-start-with-field{display:flex;flex-direction:row;overflow:hidden;align-items:center}.cdx-list-start-with-field--invalid{background:#ffeced;border:1px solid #E13F3F}.cdx-list-start-with-field:hover{background-color:#f8f8f8}.cdx-list-start-with-field--invalid .cdx-list-start-with-field__input{color:#e13f3f}.cdx-list-start-with-field__startlabel{width:70px;font-size:14px}.cdx-list-start-with-field__input-wrapper{flex:1;overflow:hidden}.cdx-list-start-with-field__input{font-size:14px;outline:none;font-weight:500;font-family:inherit;border:0;background:transparent;margin:0;line-height:22px;flex:1;border:1px solid rgba(226,226,229,1);border-radius:6px;padding:0 10px;width:50px;text-align:center}.cdx-list-start-with-field__input::placeholder{color:var(--grayText);font-weight:500}.ce-paragraph{line-height:2!important;outline:none}.ce-block:only-of-type .ce-paragraph[data-placeholder-active]:empty:before,.ce-block:only-of-type .ce-paragraph[data-placeholder-active][data-empty=true]:before{content:attr(data-placeholder-active)}.ce-paragraph p:first-of-type{margin-top:0}.ce-paragraph p:last-of-type{margin-bottom:0}.cdx-quote{overflow:hidden;overflow-wrap:break-word;margin:0;box-sizing:border-box;word-wrap:break-word;word-break:break-all}.cdx-quote blockquote{margin:0}.cdx-block-quote{border:solid #acacac;border-width:0 0 0 3px;box-shadow:none;color:#666;line-height:1.6em;padding:1px 0 0 12px}.tc-wrap{--color-background: #f9f9fb;--color-text-secondary: #7b7e89;--color-border: #e8e8eb;--cell-size: 34px;--toolbox-icon-size: 18px;--toolbox-padding: 6px;--toolbox-aiming-field-size: calc(var(--toolbox-icon-size) + var(--toolbox-padding)*2);--col-width: 100px 100px 100px;position:relative;height:100%;margin-top:var(--toolbox-icon-size);box-sizing:border-box;display:inline-grid;z-index:0}.tc-wrap svg{vertical-align:top}@media print{.tc-wrap{border-left-color:var(--color-border);border-left-style:solid;border-left-width:1px}}@media print{.tc-wrap .tc-row:after{display:none}}.tc-table{position:relative;width:100%;height:100%;display:grid;font-size:14px;border-top:1px solid var(--color-border);border-left:1px solid var(--color-border);line-height:1.4;overflow-x:auto}.tc-table:after{width:calc(var(--cell-size));height:100%;left:calc(var(--cell-size)*-1);top:0}.tc-table:after,.tc-table:before{position:absolute;content:""}.tc-table:before{width:100%;height:var(--toolbox-aiming-field-size);top:calc(var(--toolbox-aiming-field-size)*-1);left:0}.tc-table--heading .tc-row:first-child{font-weight:600;border-bottom:2px solid var(--color-border);position:sticky;top:0;z-index:2;background:var(--color-background)}.tc-table--heading .tc-row:first-child [contenteditable]:empty:before{content:attr(heading);color:var(--color-text-secondary)}.tc-table--heading .tc-row:first-child:after{bottom:-2px;border-bottom:2px solid var(--color-border)}.tc-add-column,.tc-add-row{display:flex;color:var(--color-text-secondary)}@media print{.tc-add{display:none}}.tc-add-column{display:grid;border-top:1px solid var(--color-border);grid-auto-rows:var(--cell-size);place-items:center}.tc-add-column svg{padding:5px;position:sticky;top:0;background-color:var(--color-background)}.tc-add-column--disabled{visibility:hidden}@media print{.tc-add-column{display:none}}.tc-add-row{height:var(--cell-size);align-items:center;padding-left:4px;position:relative}.tc-add-row--disabled{display:none}.tc-add-row:before{content:"";position:absolute;right:calc(var(--cell-size)*-1);width:var(--cell-size);height:100%}@media print{.tc-add-row{display:none}}.tc-add-column,.tc-add-row{transition:0s;cursor:pointer;will-change:background-color}.tc-add-column:hover,.tc-add-row:hover{transition:background-color .1s ease;background-color:var(--color-background)}.tc-add-row{margin-top:1px}.tc-add-row:hover:before{transition:.1s;background-color:var(--color-background)}.tc-row{display:grid;grid-template-columns:var(--col-width);position:relative;border-bottom:1px solid var(--color-border)}.tc-row--selected{background:var(--color-background)}.tc-row--selected:after{background:var(--color-background)}.tc-cell{border-right:1px solid var(--color-border);padding:6px 12px;overflow:hidden;outline:none;line-break:normal}.tc-cell--selected{background:var(--color-background)}.tc-wrap--readonly .tc-row:after{display:none}.tc-toolbox{--toolbox-padding: 6px;--popover-margin: 30px;--toggler-click-zone-size: 30px;--toggler-dots-color: #7b7e89;--toggler-dots-color-hovered: #1d202b;position:absolute;cursor:pointer;z-index:1;opacity:0;transition:opacity .1s;will-change:left,opacity}.tc-toolbox--column{top:calc(var(--toggler-click-zone-size)*-1);transform:translate(calc(var(--toggler-click-zone-size)*-1/2));will-change:left,opacity}.tc-toolbox--row{left:calc(var(--popover-margin)*-1);transform:translateY(calc(var(--toggler-click-zone-size)*-1/2));margin-top:-1px;will-change:top,opacity}.tc-toolbox--showed{opacity:1}.tc-toolbox .tc-popover{position:absolute;top:0;left:var(--popover-margin)}.tc-toolbox__toggler{display:flex;align-items:center;justify-content:center;width:var(--toggler-click-zone-size);height:var(--toggler-click-zone-size);color:var(--toggler-dots-color);opacity:0;transition:opacity .15s ease;will-change:opacity}.tc-toolbox__toggler:hover{color:var(--toggler-dots-color-hovered)}.tc-toolbox__toggler svg{fill:currentColor}.tc-wrap:hover .tc-toolbox__toggler{opacity:1}.tc-settings .cdx-settings-button{width:50%;margin:0}.tc-popover{--color-border: #eaeaea;--color-background: #fff;--color-background-hover: rgba(232, 232, 235, .49);--color-background-confirm: #e24a4a;--color-background-confirm-hover: #d54040;--color-text-confirm: #fff;background:var(--color-background);border:1px solid var(--color-border);box-shadow:0 3px 15px -3px #0d142121;border-radius:6px;padding:6px;display:none;will-change:opacity,transform}.tc-popover--opened{display:flex;animation:menuShowing .1s cubic-bezier(.215,.61,.355,1) forwards}.tc-popover__item{display:flex;align-items:center;padding:2px 14px 2px 2px;border-radius:5px;cursor:pointer;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none}.tc-popover__item:hover{background:var(--color-background-hover)}.tc-popover__item:not(:last-of-type){margin-bottom:2px}.tc-popover__item-icon{display:inline-flex;width:26px;height:26px;align-items:center;justify-content:center;background:var(--color-background);border-radius:5px;border:1px solid var(--color-border);margin-right:8px}.tc-popover__item-label{line-height:22px;font-size:14px;font-weight:500}.tc-popover__item--confirm{background:var(--color-background-confirm);color:var(--color-text-confirm)}.tc-popover__item--confirm:hover{background-color:var(--color-background-confirm-hover)}.tc-popover__item--confirm .tc-popover__item-icon{background:var(--color-background-confirm);border-color:#0000001a}.tc-popover__item--confirm .tc-popover__item-icon svg{transition:transform .2s ease-in;transform:rotate(90deg) scale(1.2)}.tc-popover__item--hidden{display:none}@keyframes menuShowing{0%{opacity:0;transform:translateY(-8px) scale(.9)}70%{opacity:1;transform:translateY(2px)}to{transform:translateY(0)}}.cell-resizable{cursor:col-resize}.ce-popover--inline .ce-popover--nested .ce-popover__container{width:min-content!important;min-width:unset!important}.ce-popover--inline .ce-popover--nested .ce-popover__items{width:max-content}.editorjs__color-selector-container{display:grid;gap:10px;padding:4px}.editorjs__color-selector__container-item{width:30px;height:30px;display:block;cursor:pointer;border-radius:100%;transition:transform .2s ease}.editorjs__color-selector__container-item:hover{transform:scale(1.1)}.cel-inline-bold{font-weight:700}.cel-inline-strikethrough{text-decoration:line-through}.cel-inline-italic{font-style:italic}.cel-inline-code{margin-left:2px;margin-right:2px;background-color:#f5f6f7;border:1px solid #dee0e3;border-color:#dee0e3;border-width:1px 0;border-radius:4px;padding:1px 5px 1px 4px}.cel-inline-underline{text-decoration:underline}.cel-inline-mark{background-color:#ff0;padding:2px}.cel-inline-link-input-wrap{display:flex;flex-direction:row;gap:5px}.cel-inline-link-input{flex:1;background:#f8f8f8;border:1px solid rgba(226,226,229,.2);border-radius:6px;padding:4px 8px;font-size:14px;line-height:22px;outline:none;margin:0;width:100%;box-sizing:border-box;font-weight:500;font-family:inherit}.cel-inline-link-input-btn{width:50px;border-radius:5px;background-color:#161c27;color:#fff;border:none;cursor:pointer}.cel-inline-link-input-btn.disabled{opacity:.4;cursor:not-allowed}.cel-fake-background{background-color:#a8d6ff}.editorjs__color-selector__input{width:1px;height:1px;opacity:0}.editorjs__color-selector__container-item-none{background-color:transparent;border:1px solid #e6e6e6;position:relative}.editorjs__color-selector__container-item-none:before{content:"";position:absolute;top:50%;left:50%;width:1px;height:35px;background-color:#e6e6e6;transform:translate(-50%,-50%) rotate(45deg)}.cel-inline-gray-text{color:#646a73}.cel-inline-pink-text{color:#d83931}.cel-inline-orange-text{color:#de7802}.cel-inline-yellow-text{color:#dc9b04}.cel-inline-green-text{color:#2ea121}.cel-inline-blue-text{color:#245bdb}.cel-inline-purple-text{color:#6425d0}.ebl-er-doc{font-family:var(--font-family);font-size:16px;font-weight:400;box-sizing:border-box}.ebl-er-header{height:var(--ebl-er-header-height);box-sizing:border-box;position:sticky;top:0;z-index:10}.ebl-er-footer{height:var(--ebl-er-footer-height);box-sizing:border-box}.ebl-er-container{display:flex;flex-direction:row;min-height:calc(100vh - var(--ebl-er-header-height))}.ebl-er-doc-menu{width:var(--ebl-er-doc-menu-width);box-sizing:border-box;flex-shrink:0;height:calc(100vh - var(--ebl-er-header-height));position:sticky;top:var(--ebl-er-header-height)}.ebl-er-doc-menu-content{box-sizing:border-box}.ebl-er-doc-content{box-sizing:border-box;display:flex;flex-direction:row;max-width:calc(100% - var(--ebl-er-doc-menu-width));flex-grow:1}.ebl-er-doc-content-container{box-sizing:border-box;flex:1;padding:0 50px 50px;width:100%;overflow-x:hidden;white-space:normal;word-wrap:break-word}.ebl-er-doc-content-inner-wrap{margin:0 auto}.ebl-er-doc-content-inner .ce-block{width:100%}.ebl-er-doc-outline{width:280px;box-sizing:border-box;height:calc(100vh - var(--ebl-er-header-height));position:sticky;top:var(--ebl-er-header-height);overflow:auto;padding:12px}.ebl-er-doc-pre-next{display:flex;justify-content:space-between;align-items:center;padding:33px 0}@media (max-width:960px){.ebl-er-doc-outline{display:none}}.ebl-er-doc ::-webkit-scrollbar{width:6px;height:6px}.ebl-er-doc ::-webkit-scrollbar-track{background:#f1f1f1;border-radius:1px}.ebl-er-doc ::-webkit-scrollbar-thumb{background:silver;border-radius:10px;border:1px solid #fff}.ebl-er-doc ::-webkit-scrollbar-thumb:hover{background:#555}.ce-editorjs-x-shiki__code[data-v-f867b955]{overflow:auto}.ce-editorjs-x-shiki__selector[data-v-f867b955]{padding:0 8px;align-items:center}.ce-editorjs-x-shiki__copy_tip[data-v-f867b955]{visibility:visible;opacity:.9;width:40px;padding:5px;margin-left:-15px}.tc-wrap--readonly[data-v-0627102b]{margin-bottom:var(--toolbox-icon-size)}.image-tool__image[data-v-ff96876e]{margin-top:15px}.ebl-er-doc-outline-item{padding:7px 24px;cursor:pointer;white-space:normal;word-wrap:break-word}.ebl-er-doc-outline-item:hover{background-color:#f6f6f6}.ebl-er-doc-outline-item.selected{background-color:#ebebeb}.ebl-outline .level_1{padding-left:24px}.ebl-outline .level_2{padding-left:42px}.ebl-outline .level_3{padding-left:60px}')),document.head.appendChild(e)}}catch(o){console.error("vite-plugin-css-injected-by-js",o)}})();
|
|
2
|
+
import { defineComponent as b, computed as C, resolveComponent as P, createElementBlock as s, openBlock as o, normalizeStyle as w, createCommentVNode as _, createElementVNode as i, renderSlot as x, Fragment as y, renderList as g, normalizeClass as H, createBlock as U, resolveDynamicComponent as Z, createVNode as J, useModel as k, isRef as Q, shallowRef as W, ref as T, watchEffect as X, unref as V, toDisplayString as O, createStaticVNode as ee, watch as te, onMounted as le, nextTick as ae, onUnmounted as oe } from "vue";
|
|
3
3
|
import { codeToHtml as se } from "shiki";
|
|
4
|
-
const D = Symbol("INSTALLED_KEY"), ne = (a, e) => (a.install = (
|
|
5
|
-
for (const
|
|
6
|
-
}, a), ie = { key: 0, class: "ebl-er-header" }, ce = { class: "ebl-er-container" }, re = { key: 0, class: "ebl-er-doc-menu" }, de = { class: "ebl-er-doc-content" }, ue = { class: "ebl-er-doc-content-container" }, pe = { class: "ebl-er-doc-content-inner-wrap" }, he = { class: "ebl-er-doc-title" }, ve = { class: "ebl-er-doc-content-inner" }, be = ["data-id", "data-type"], ke = { class: "ebl-er-doc-pre-next" }, me = { class: "ebl-er-doc-outline" }, fe = { key: 1, class: "ebl-er-footer" }, _e = b({ name: "EblEditorRender", inheritAttrs: !1, __name: "EditorRender", props: { data: { default: () => ({ blocks: [] }) }, showHeader: { type: Boolean, default: !0 }, showFooter: { type: Boolean, default: !0 }, showDocMenu: { type: Boolean, default: !0 }, headerHeight: { default: 84 }, docMenuWidth: { default: 280 } }, setup(a) {
|
|
7
|
-
const e = a,
|
|
8
|
-
return (
|
|
4
|
+
const D = Symbol("INSTALLED_KEY"), ne = (a, e) => (a.install = (l) => {
|
|
5
|
+
for (const t of [a, ...Object.values({})]) l.component(t.name, t);
|
|
6
|
+
}, a), ie = { key: 0, class: "ebl-er-header" }, ce = { class: "ebl-er-container" }, re = { key: 0, class: "ebl-er-doc-menu" }, de = { class: "ebl-er-doc-content" }, ue = { class: "ebl-er-doc-content-container" }, pe = { class: "ebl-er-doc-content-inner-wrap" }, he = { class: "ebl-er-doc-title" }, ve = { class: "ebl-er-doc-content-inner" }, be = ["data-id", "data-type"], ke = { class: "ebl-er-doc-pre-next" }, me = { key: 0, class: "ebl-er-doc-outline" }, fe = { key: 1, class: "ebl-er-footer" }, _e = b({ name: "EblEditorRender", inheritAttrs: !1, __name: "EditorRender", props: { data: { default: () => ({ blocks: [] }) }, showHeader: { type: Boolean, default: !0 }, showFooter: { type: Boolean, default: !0 }, showDocMenu: { type: Boolean, default: !0 }, showOutline: { type: Boolean, default: !0 }, headerHeight: { default: 84 }, docMenuWidth: { default: 280 } }, setup(a) {
|
|
7
|
+
const e = a, l = C(() => ({ "--ebl-er-header-height": `${e.headerHeight}px`, "--ebl-er-doc-menu-width": `${e.docMenuWidth}px` }));
|
|
8
|
+
return (t, r) => {
|
|
9
9
|
const c = P("ebloutline");
|
|
10
|
-
return o(), s("div", { class: "ebl-er-doc", style:
|
|
10
|
+
return o(), s("div", { class: "ebl-er-doc", style: w(l.value) }, [t.showHeader ? (o(), s("div", ie, [x(t.$slots, "header")])) : _("", !0), i("div", ce, [t.showDocMenu ? (o(), s("div", re, [x(t.$slots, "docMenu")])) : _("", !0), i("div", de, [i("div", ue, [i("div", pe, [i("div", he, [x(t.$slots, "docTitle")]), i("article", ve, [(o(!0), s(y, null, g(t.data.blocks, (h) => (o(), s("section", { class: "ce-block", "data-id": h.id, "data-type": h.type }, [i("div", { class: H(`ce-tune-alignment--${h.tunes.blockAlignment.alignment}`) }, [i("div", { style: w(`padding-left: ${48 * h.tunes.indent.indentLevel}px;`) }, [(o(), U(Z("ebl" + h.type), { block: h }, null, 8, ["block"]))], 4)], 2)], 8, be))), 256)), !t.data || !t.data.blocks || t.data.blocks.length <= 0 ? x(t.$slots, "noDoc", { key: 0 }) : _("", !0)]), i("div", ke, [i("div", null, [x(t.$slots, "previous")]), i("div", null, [x(t.$slots, "next")])])])]), t.showOutline ? (o(), s("aside", me, [J(c, { blocks: t.data.blocks, headerHeight: t.headerHeight }, null, 8, ["blocks", "headerHeight"])])) : _("", !0)])]), t.showFooter ? (o(), s("div", fe, [x(t.$slots, "footer")])) : _("", !0)], 4);
|
|
11
11
|
};
|
|
12
12
|
} }), ye = ["innerHTML"], xe = b({ name: "eblparagraph", inheritAttrs: !1, __name: "paragraph", props: { block: { default: { id: "", type: "", data: {} } }, blockModifiers: {} }, emits: ["update:block"], setup(a) {
|
|
13
13
|
const e = k(a, "block");
|
|
14
|
-
return (
|
|
15
|
-
} }), ge = ["innerHTML"],
|
|
14
|
+
return (l, t) => (o(), s("div", { class: "ce-paragraph cdx-block", innerHTML: e.value.data.text }, null, 8, ye));
|
|
15
|
+
} }), ge = ["innerHTML"], we = b({ name: "eblh1", inheritAttrs: !1, __name: "h1", props: { block: { default: { id: "", type: "", data: {} } }, blockModifiers: {} }, emits: ["update:block"], setup(a) {
|
|
16
16
|
const e = k(a, "block");
|
|
17
|
-
return (
|
|
18
|
-
} }),
|
|
17
|
+
return (l, t) => (o(), s("h1", { class: "ce-header", innerHTML: e.value.data.text }, null, 8, ge));
|
|
18
|
+
} }), Me = ["innerHTML"], Le = b({ name: "eblh2", inheritAttrs: !1, __name: "h2", props: { block: { default: { id: "", type: "", data: {} } }, blockModifiers: {} }, emits: ["update:block"], setup(a) {
|
|
19
19
|
const e = k(a, "block");
|
|
20
|
-
return (
|
|
20
|
+
return (l, t) => (o(), s("h2", { class: "ce-header", innerHTML: e.value.data.text }, null, 8, Me));
|
|
21
21
|
} }), He = ["innerHTML"], Te = b({ name: "eblh3", inheritAttrs: !1, __name: "h3", props: { block: { default: { id: "", type: "", data: {} } }, blockModifiers: {} }, emits: ["update:block"], setup(a) {
|
|
22
22
|
const e = k(a, "block");
|
|
23
|
-
return (
|
|
23
|
+
return (l, t) => (o(), s("h3", { class: "ce-header", innerHTML: e.value.data.text }, null, 8, He));
|
|
24
24
|
} }), Ce = ["innerHTML"], Ee = b({ name: "eblh4", inheritAttrs: !1, __name: "h4", props: { block: { default: { id: "", type: "", data: {} } }, blockModifiers: {} }, emits: ["update:block"], setup(a) {
|
|
25
25
|
const e = k(a, "block");
|
|
26
|
-
return (
|
|
26
|
+
return (l, t) => (o(), s("h4", { class: "ce-header", innerHTML: e.value.data.text }, null, 8, Ce));
|
|
27
27
|
} }), Se = ["innerHTML"], Ae = b({ name: "eblh5", inheritAttrs: !1, __name: "h5", props: { block: { default: { id: "", type: "", data: {} } }, blockModifiers: {} }, emits: ["update:block"], setup(a) {
|
|
28
28
|
const e = k(a, "block");
|
|
29
|
-
return (
|
|
29
|
+
return (l, t) => (o(), s("h5", { class: "ce-header", innerHTML: e.value.data.text }, null, 8, Se));
|
|
30
30
|
} }), ze = ["innerHTML"], $e = b({ name: "eblh6", inheritAttrs: !1, __name: "h6", props: { block: { default: { id: "", type: "", data: {} } }, blockModifiers: {} }, emits: ["update:block"], setup(a) {
|
|
31
31
|
const e = k(a, "block");
|
|
32
|
-
return (
|
|
32
|
+
return (l, t) => (o(), s("h6", { class: "ce-header", innerHTML: e.value.data.text }, null, 8, ze));
|
|
33
33
|
} }), je = ["innerHTML"], Be = b({ name: "eblalert", inheritAttrs: !1, __name: "alert", props: { block: { default: { id: "", type: "", data: {} } }, blockModifiers: {} }, emits: ["update:block"], setup(a) {
|
|
34
34
|
const e = k(a, "block");
|
|
35
|
-
return (
|
|
35
|
+
return (l, t) => (o(), s("div", { class: H(`cdx-alert cdx-alert-${e.value.data.type} cdx-alert-align-${e.value.data.align}`) }, [i("div", { class: "cdx-alert__message", innerHTML: e.value.data.message }, null, 8, je)], 2));
|
|
36
36
|
} });
|
|
37
37
|
const qe = () => {
|
|
38
|
-
}, Ie = { class: "ce-editorjs-x-shiki__selector" }, Re = { class: "ce-editorjs-x-shiki__lang" }, We = { key: 0, class: "ce-editorjs-x-shiki__copy_tip" }, Ve = { key: 0, width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, De = { key: 1, width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, Ne = ["innerHTML"],
|
|
39
|
-
const e = T(null),
|
|
38
|
+
}, Ie = { class: "ce-editorjs-x-shiki__selector" }, Re = { class: "ce-editorjs-x-shiki__lang" }, We = { key: 0, class: "ce-editorjs-x-shiki__copy_tip" }, Ve = { key: 0, width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, De = { key: 1, width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, Ne = ["innerHTML"], Oe = b({ name: "eblcode", inheritAttrs: !1, __name: "code", props: { block: { default: { id: "", type: "", data: {} } }, blockModifiers: {} }, emits: ["update:block"], setup(a) {
|
|
39
|
+
const e = T(null), l = k(a, "block"), t = C(() => l.value.data.resizeSize ? { height: l.value.data.resizeSize + "px" } : {}), r = function(p, n, u) {
|
|
40
40
|
let v;
|
|
41
41
|
v = Q(u) ? { evaluating: u } : {};
|
|
42
42
|
const { lazy: E = !1, flush: S = "pre", evaluating: f, shallow: z = !0, onError: $ = qe } = v, L = W(!E), j = z ? W(n) : T(n);
|
|
@@ -64,7 +64,7 @@ const qe = () => {
|
|
|
64
64
|
}, { flush: S }), E ? C(() => (L.value = !0, j.value)) : j;
|
|
65
65
|
}(async () => {
|
|
66
66
|
let p = "";
|
|
67
|
-
return { html: await se(
|
|
67
|
+
return { html: await se(l.value.data.code, { lang: l.value.data.lang, theme: l.value.data.theme || "github-dark-dimmed", transformers: [{ preprocess: (u) => `${u}
|
|
68
68
|
`, pre(u) {
|
|
69
69
|
var v;
|
|
70
70
|
this.addClassToHast(u, "ce-editorjs-x-shiki__span"), p = ((v = u.properties) == null ? void 0 : v.style) || "";
|
|
@@ -86,8 +86,8 @@ const qe = () => {
|
|
|
86
86
|
}(e.value, p);
|
|
87
87
|
}
|
|
88
88
|
function h() {
|
|
89
|
-
if (
|
|
90
|
-
const p =
|
|
89
|
+
if (l.value.data.code) {
|
|
90
|
+
const p = l.value.data.code;
|
|
91
91
|
if (navigator.clipboard && window.isSecureContext) try {
|
|
92
92
|
navigator.clipboard.writeText(p).then(() => {
|
|
93
93
|
m(!0);
|
|
@@ -108,56 +108,56 @@ const qe = () => {
|
|
|
108
108
|
}
|
|
109
109
|
}
|
|
110
110
|
}
|
|
111
|
-
const d = T(!1),
|
|
111
|
+
const d = T(!1), M = T(!1);
|
|
112
112
|
function m(p) {
|
|
113
|
-
d.value = !0,
|
|
113
|
+
d.value = !0, M.value = p, setTimeout(() => {
|
|
114
114
|
d.value = !1;
|
|
115
115
|
}, 2e3);
|
|
116
116
|
}
|
|
117
117
|
return (p, n) => {
|
|
118
118
|
var u, v;
|
|
119
|
-
return o(), s("div", { class: H("cdx-block ce-editorjs-x-shiki"), style:
|
|
119
|
+
return o(), s("div", { class: H("cdx-block ce-editorjs-x-shiki"), style: w(`${(u = V(r)) == null ? void 0 : u.preStyle}`) }, [i("div", Ie, [i("div", Re, O(l.value.data.lang), 1), i("div", { class: "ce-editorjs-x-shiki__copy", ref: "copyRef", onClick: h }, [n[2] || (n[2] = ee('<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24" data-v-f867b955><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17.25 8.5H10.25C9.2835 8.5 8.5 9.2835 8.5 10.25V17.25C8.5 18.2165 9.2835 19 10.25 19H17.25C18.2165 19 19 18.2165 19 17.25V10.25C19 9.2835 18.2165 8.5 17.25 8.5Z" data-v-f867b955></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15.5 8.5V6.75C15.5 6.28587 15.3156 5.84075 14.9874 5.51256C14.6592 5.18437 14.2141 5 13.75 5H6.75C6.28587 5 5.84075 5.18437 5.51256 5.51256C5.18437 5.84075 5 6.28587 5 6.75V13.75C5 14.2141 5.18437 14.6592 5.51256 14.9874C5.84075 15.3156 6.28587 15.5 6.75 15.5H8.5" data-v-f867b955></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 12L15.5 12" data-v-f867b955></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 15.5L15.5 15.5" data-v-f867b955></path></svg>', 1)), d.value ? (o(), s("div", We, [M.value ? (o(), s("svg", Ve, [...n[0] || (n[0] = [i("path", { d: "M7 12L10.4884 15.8372C10.5677 15.9245 10.705 15.9245 10.7844 15.8372L17 9", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round" }, null, -1)])])) : (o(), s("svg", De, [...n[1] || (n[1] = [i("path", { d: "M8 8L12 12M12 12L16 16M12 12L16 8M12 12L8 16", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round" }, null, -1)])]))])) : _("", !0)], 512)]), i("div", { ref_key: "codeRef", ref: e, class: "ce-editorjs-x-shiki__code", style: w(t.value) }, [i("span", { innerHTML: (v = V(r)) == null ? void 0 : v.html }, null, 8, Ne)], 4), i("div", { class: "ce-editorjs-x-shiki__code__dragHandler", onMousedown: c }, null, 32)], 4);
|
|
120
120
|
};
|
|
121
121
|
} }), q = (a, e) => {
|
|
122
|
-
const
|
|
123
|
-
for (const [
|
|
124
|
-
return
|
|
125
|
-
},
|
|
122
|
+
const l = a.__vccOpts || a;
|
|
123
|
+
for (const [t, r] of e) l[t] = r;
|
|
124
|
+
return l;
|
|
125
|
+
}, Fe = q(Oe, [["__scopeId", "data-v-f867b955"]]), Ye = { class: "ce-delimiter cdx-block" }, Ge = b({ name: "ebldelimiter", inheritAttrs: !1, __name: "delimiter", setup: (a) => (e, l) => (o(), s("div", Ye, [...l[0] || (l[0] = [i("div", { class: "ce-delimiter__line__wrapper" }, [i("div", { class: "ce-delimiter__line" })], -1)])])) }), Ke = { key: 0, class: "cdx-list cdx-list-unordered" }, Pe = ["innerHTML"], Ue = ["innerHTML"], Ze = { key: 2, class: "cdx-list cdx-list-checklist" }, Je = ["innerHTML"], Qe = b({ name: "eblList", inheritAttrs: !1, __name: "List", props: { block: { default: { id: "", type: "", data: {} } }, blockModifiers: {} }, emits: ["update:block"], setup(a) {
|
|
126
126
|
const e = k(a, "block");
|
|
127
|
-
return (
|
|
127
|
+
return (l, t) => (o(), s(y, null, [e.value.data.style === "unordered" ? (o(), s("ul", Ke, [(o(!0), s(y, null, g(e.value.data.items, (r, c) => (o(), s("li", { class: "cdx-list__item", key: c }, [i("div", { class: "cdx-list__item-content", innerHTML: r.content }, null, 8, Pe)]))), 128))])) : _("", !0), e.value.data.style === "ordered" ? (o(), s("ol", { key: 1, class: "cdx-list cdx-list-ordered", style: w(`--list-counter-type: ${e.value.data.meta.counterType};`) }, [(o(!0), s(y, null, g(e.value.data.items, (r, c) => (o(), s("li", { class: "cdx-list__item", key: c }, [i("div", { class: "cdx-list__item-content", innerHTML: r.content }, null, 8, Ue)]))), 128))], 4)) : _("", !0), e.value.data.style === "checklist" ? (o(), s("ul", Ze, [(o(!0), s(y, null, g(e.value.data.items, (r, c) => (o(), s("li", { class: "cdx-list__item", key: c }, [i("div", { class: H(["cdx-list__checkbox cdx-list__checkbox-check--disabled", { "cdx-list__checkbox--checked": r.meta.checked }]) }, [...t[0] || (t[0] = [i("span", { class: "cdx-list__checkbox-check" }, [i("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", fill: "none", viewBox: "0 0 24 24" }, [i("path", { stroke: "currentColor", "stroke-linecap": "round", "stroke-width": "2", d: "M7 12L10.4884 15.8372C10.5677 15.9245 10.705 15.9245 10.7844 15.8372L17 9" })])], -1)])], 2), i("div", { class: "cdx-list__item-content", innerHTML: r.content }, null, 8, Je)]))), 128))])) : _("", !0)], 64));
|
|
128
128
|
} }), Xe = { class: "cdx-block cdx-quote" }, et = ["innerHTML"], tt = b({ name: "eblquote", inheritAttrs: !1, __name: "quote", props: { block: { default: { id: "", type: "", data: {} } }, blockModifiers: {} }, emits: ["update:block"], setup(a) {
|
|
129
129
|
const e = k(a, "block");
|
|
130
|
-
return (
|
|
130
|
+
return (l, t) => (o(), s("div", Xe, [i("blockquote", { class: "cdx-input cdx-quote__text cdx-block-quote", innerHTML: e.value.data.text }, null, 8, et)]));
|
|
131
131
|
} }), lt = { class: "tc-row" }, at = ["innerHTML"], ot = q(b({ name: "ebltable", inheritAttrs: !1, __name: "table", props: { block: { default: { id: "", type: "", data: {} } }, blockModifiers: {} }, emits: ["update:block"], setup(a) {
|
|
132
|
-
const e = k(a, "block"),
|
|
133
|
-
let
|
|
134
|
-
if (e.value.data.colWidth && e.value.data.colWidth.length > 0) for (let r = 0; r < e.value.data.colWidth.length; r++)
|
|
135
|
-
return
|
|
132
|
+
const e = k(a, "block"), l = C(() => {
|
|
133
|
+
let t = "";
|
|
134
|
+
if (e.value.data.colWidth && e.value.data.colWidth.length > 0) for (let r = 0; r < e.value.data.colWidth.length; r++) t += " " + e.value.data.colWidth[r] + "px";
|
|
135
|
+
return t ? { "--col-width": t } : {};
|
|
136
136
|
});
|
|
137
|
-
return (
|
|
137
|
+
return (t, r) => (o(), s("div", { class: "tc-wrap tc-wrap--readonly", style: w(l.value) }, [i("div", { class: H(["tc-table", { "tc-table--heading": e.value.data.withHeadings }]) }, [(o(!0), s(y, null, g(e.value.data.content, (c) => (o(), s("div", lt, [(o(!0), s(y, null, g(c, (h) => (o(), s("div", { class: "tc-cell", innerHTML: h }, null, 8, at))), 256))]))), 256))], 2)], 4));
|
|
138
138
|
} }), [["__scopeId", "data-v-0627102b"]]), st = { class: "image-tool__image" }, nt = ["src"], it = q(b({ name: "eblimage", inheritAttrs: !1, __name: "image", props: { block: { default: { id: "", type: "", data: {} } }, blockModifiers: {} }, emits: ["update:block"], setup(a) {
|
|
139
|
-
const e = k(a, "block"),
|
|
140
|
-
return (
|
|
139
|
+
const e = k(a, "block"), l = C(() => e.value.tunes.imageResize.resizeSize && e.value.tunes.imageResize.resizeSize > 0 ? e.value.tunes.imageResize.resizeSize || 300 : {});
|
|
140
|
+
return (t, r) => (o(), s("div", { class: "cdx-block image-tool image-tool--filled", style: w(l.value) }, [i("div", st, [i("img", { class: "image-tool__image-picture", src: e.value.data.file.url }, null, 8, nt)]), r[0] || (r[0] = i("div", { class: "cdx-input image-tool__caption", contenteditable: "true", "data-placeholder": "Caption", "data-empty": "true" }, null, -1))], 4));
|
|
141
141
|
} }), [["__scopeId", "data-v-ff96876e"]]), ct = ["onClick"], rt = b({ name: "ebloutline", inheritAttrs: !1, __name: "outline", props: { blocks: { default: [] }, blocksModifiers: {} }, emits: ["update:blocks"], setup(a) {
|
|
142
|
-
const e = k(a, "blocks"),
|
|
143
|
-
function
|
|
142
|
+
const e = k(a, "blocks"), l = T([]);
|
|
143
|
+
function t(c) {
|
|
144
144
|
return c.data.text.replace(/<[^>]+>/g, "").replace(/ /g, "");
|
|
145
145
|
}
|
|
146
146
|
function r(c) {
|
|
147
147
|
let h = `level_${c.level}`;
|
|
148
148
|
return c.selected && (h += " selected"), h;
|
|
149
149
|
}
|
|
150
|
-
return
|
|
151
|
-
c && (
|
|
150
|
+
return l.value = e.value.filter((c) => c.type == "h1" || c.type == "h2" || c.type == "h3").map((c) => ({ id: c.id, level: c.data.level, text: t(c), selected: !1 })), l.value && l.value.length > 0 && (l.value[0].selected = !0), te(() => e, (c, h) => {
|
|
151
|
+
c && (l.value = c.value.filter((d) => d.type == "h1" || d.type == "h2" || d.type == "h3").map((d) => ({ id: d.id, level: d.data.level, text: t(d), selected: !1 })));
|
|
152
152
|
}, { deep: !0 }), le(() => {
|
|
153
153
|
ae(() => {
|
|
154
154
|
(function() {
|
|
155
155
|
const c = document.querySelectorAll('.ebl-er-doc .ce-block[data-type="h1"],.ebl-er-doc .ce-block[data-type="h2"],.ebl-er-doc .ce-block[data-type="h3"]'), h = new IntersectionObserver((d) => {
|
|
156
|
-
d.forEach((
|
|
157
|
-
if (
|
|
158
|
-
const m =
|
|
159
|
-
|
|
160
|
-
const p =
|
|
156
|
+
d.forEach((M) => {
|
|
157
|
+
if (M.isIntersecting) {
|
|
158
|
+
const m = M.target;
|
|
159
|
+
l.value.forEach((n) => n.selected = !1);
|
|
160
|
+
const p = l.value.find((n) => n.id == m.dataset.id);
|
|
161
161
|
p && (p.selected = !0);
|
|
162
162
|
}
|
|
163
163
|
});
|
|
@@ -168,23 +168,23 @@ const qe = () => {
|
|
|
168
168
|
})();
|
|
169
169
|
});
|
|
170
170
|
}), oe(() => {
|
|
171
|
-
}), (c, h) => (o(!0), s(y, null, g(
|
|
172
|
-
|
|
171
|
+
}), (c, h) => (o(!0), s(y, null, g(l.value, (d) => (o(), s("div", { key: d.id, class: H(["ebl-er-doc-outline-item", r(d)]), onClick: (M) => function(m) {
|
|
172
|
+
l.value.forEach((v) => v.selected = !1), m.selected = !0;
|
|
173
173
|
const p = document.querySelector('.ebl-er-doc .ce-block[data-id="' + m.id + '"]'), n = document.querySelector(".ebl-er-header"), u = (n == null ? void 0 : n.offsetHeight) || 0;
|
|
174
174
|
if (p) {
|
|
175
175
|
const v = p.offsetTop;
|
|
176
176
|
window.scrollTo({ top: v - u, behavior: "smooth" });
|
|
177
177
|
}
|
|
178
|
-
}(d) }, [i("span", null,
|
|
179
|
-
} }), N = [_e, xe,
|
|
180
|
-
let
|
|
178
|
+
}(d) }, [i("span", null, O(d.text), 1)], 10, ct))), 128));
|
|
179
|
+
} }), N = [_e, xe, we, Le, Te, Ee, Ae, $e, Be, Fe, Ge, Qe, tt, ot, it, rt];
|
|
180
|
+
let F = [];
|
|
181
181
|
for (let a in N) {
|
|
182
182
|
const e = ne(N[a]);
|
|
183
|
-
|
|
183
|
+
F.push(e);
|
|
184
184
|
}
|
|
185
|
-
const Y = /* @__PURE__ */ ((a = []) => ({ version: "2.31.
|
|
186
|
-
e[D] || (e[D] = !0, a.forEach((
|
|
187
|
-
} }))(
|
|
185
|
+
const Y = /* @__PURE__ */ ((a = []) => ({ version: "2.31.52", install: (e) => {
|
|
186
|
+
e[D] || (e[D] = !0, a.forEach((l) => e.use(l)));
|
|
187
|
+
} }))(F), pt = Y.install, ht = Y.version;
|
|
188
188
|
export {
|
|
189
189
|
Y as default,
|
|
190
190
|
pt as install,
|
package/dist/styles/index.css
CHANGED
|
@@ -5,19 +5,16 @@
|
|
|
5
5
|
@import './header.css';
|
|
6
6
|
@import './image.css';
|
|
7
7
|
@import './indent.css';
|
|
8
|
-
@import './inline-code.css';
|
|
9
8
|
@import './list.css';
|
|
10
|
-
@import './marker.css';
|
|
11
9
|
@import './outline.css';
|
|
12
10
|
@import './paragraph.css';
|
|
13
11
|
@import './quote.css';
|
|
14
12
|
@import './table.css';
|
|
15
|
-
@import './underline.css';
|
|
16
13
|
@import './color.css';
|
|
17
|
-
@import './bold.css';
|
|
18
|
-
@import './italic.css';
|
|
19
14
|
|
|
20
15
|
|
|
16
|
+
@import './inline-tool.css';
|
|
17
|
+
|
|
21
18
|
.ebl-er-doc{
|
|
22
19
|
font-family: var(--font-family);
|
|
23
20
|
font-size: 16px;
|
|
@@ -0,0 +1,128 @@
|
|
|
1
|
+
.cel-inline-bold {
|
|
2
|
+
font-weight: bold;
|
|
3
|
+
}
|
|
4
|
+
.cel-inline-strikethrough{
|
|
5
|
+
text-decoration: line-through;
|
|
6
|
+
}
|
|
7
|
+
.cel-inline-italic {
|
|
8
|
+
font-style: italic;
|
|
9
|
+
}
|
|
10
|
+
.cel-inline-code{
|
|
11
|
+
margin-left:2px;
|
|
12
|
+
margin-right: 2px;
|
|
13
|
+
padding-top: 1px;
|
|
14
|
+
padding-bottom: 1px;
|
|
15
|
+
background-color: #f5f6f7;
|
|
16
|
+
border: 1px solid #dee0e3;
|
|
17
|
+
border-color: #dee0e3;
|
|
18
|
+
border-width: 1px 0;
|
|
19
|
+
border-radius: 4px;
|
|
20
|
+
padding-left:4px;
|
|
21
|
+
padding-right: 5px;
|
|
22
|
+
}
|
|
23
|
+
.cel-inline-underline {
|
|
24
|
+
text-decoration: underline;
|
|
25
|
+
}
|
|
26
|
+
.cel-inline-mark{
|
|
27
|
+
background-color: yellow;
|
|
28
|
+
padding: 2px 2px;
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
.cel-inline-link {}
|
|
32
|
+
|
|
33
|
+
.cel-inline-link-input-wrap {
|
|
34
|
+
display: flex;
|
|
35
|
+
flex-direction: row;
|
|
36
|
+
gap: 5px;
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
.cel-inline-link-input {
|
|
40
|
+
flex: 1;
|
|
41
|
+
background: #F8F8F8;
|
|
42
|
+
border: 1px solid rgba(226, 226, 229, 0.20);
|
|
43
|
+
border-radius: 6px;
|
|
44
|
+
padding: 4px 8px;
|
|
45
|
+
font-size: 14px;
|
|
46
|
+
line-height: 22px;
|
|
47
|
+
|
|
48
|
+
|
|
49
|
+
outline: none;
|
|
50
|
+
margin: 0;
|
|
51
|
+
width: 100%;
|
|
52
|
+
box-sizing: border-box;
|
|
53
|
+
|
|
54
|
+
font-weight: 500;
|
|
55
|
+
|
|
56
|
+
font-family: inherit;
|
|
57
|
+
}
|
|
58
|
+
|
|
59
|
+
.cel-inline-link-input-btn {
|
|
60
|
+
width: 50px;
|
|
61
|
+
border-radius: 5px;
|
|
62
|
+
background-color: #161C27;
|
|
63
|
+
color: white;
|
|
64
|
+
border: none;
|
|
65
|
+
cursor: pointer;
|
|
66
|
+
}
|
|
67
|
+
|
|
68
|
+
.cel-inline-link-input-btn.disabled {
|
|
69
|
+
opacity: 0.4;
|
|
70
|
+
cursor: not-allowed;
|
|
71
|
+
}
|
|
72
|
+
|
|
73
|
+
|
|
74
|
+
.cel-fake-background{
|
|
75
|
+
background-color: #a8d6ff;
|
|
76
|
+
}
|
|
77
|
+
|
|
78
|
+
.cel-inline-color{
|
|
79
|
+
|
|
80
|
+
}
|
|
81
|
+
|
|
82
|
+
|
|
83
|
+
.editorjs__color-selector__input{
|
|
84
|
+
width: 1px;
|
|
85
|
+
height: 1px;
|
|
86
|
+
opacity: 0;
|
|
87
|
+
}
|
|
88
|
+
.editorjs__color-selector__container-item-none{
|
|
89
|
+
background-color: transparent;
|
|
90
|
+
border: 1px solid #e6e6e6;
|
|
91
|
+
position: relative;
|
|
92
|
+
}
|
|
93
|
+
|
|
94
|
+
.editorjs__color-selector__container-item-none::before {
|
|
95
|
+
content: '';
|
|
96
|
+
position: absolute;
|
|
97
|
+
top: 50%; /* 垂直居中 */
|
|
98
|
+
left: 50%; /* 水平居中 */
|
|
99
|
+
width: 1px; /* 斜线的宽度 */
|
|
100
|
+
height: 35px; /* 斜线的长度 */
|
|
101
|
+
background-color: #e6e6e6; /* 斜线的颜色 */
|
|
102
|
+
transform: translate(-50%, -50%) rotate(45deg); /* 居中并旋转45度 */
|
|
103
|
+
}
|
|
104
|
+
|
|
105
|
+
.cel-inline-gray-text{
|
|
106
|
+
color: #646a73;
|
|
107
|
+
}
|
|
108
|
+
.cel-inline-pink-text{
|
|
109
|
+
color: #d83931;
|
|
110
|
+
}
|
|
111
|
+
.cel-inline-orange-text{
|
|
112
|
+
color: #de7802;
|
|
113
|
+
}
|
|
114
|
+
.cel-inline-yellow-text{
|
|
115
|
+
color: #dc9b04;
|
|
116
|
+
}
|
|
117
|
+
|
|
118
|
+
.cel-inline-green-text{
|
|
119
|
+
color: #2ea121;
|
|
120
|
+
}
|
|
121
|
+
|
|
122
|
+
.cel-inline-blue-text{
|
|
123
|
+
color: #245bdb;
|
|
124
|
+
}
|
|
125
|
+
.cel-inline-purple-text
|
|
126
|
+
{
|
|
127
|
+
color: #6425d0;
|
|
128
|
+
}
|
package/package.json
CHANGED
package/dist/styles/bold.css
DELETED
package/dist/styles/italic.css
DELETED
package/dist/styles/marker.css
DELETED