@ibiz-template/vue3-components 0.7.41-alpha.10 → 0.7.41-alpha.11

package/dist/ibiz-markdown-editor-KyK5mBTS.js

@@ -0,0 +1 @@
+System.register(["vue","@ibiz-template/vue3-util","qx-util","cherry-markdown"],(function(e){"use strict";var t,l,n,o,i,r,a,s,c,d,u,h,m,v;return{setters:[function(e){t=e.defineComponent,l=e.ref,n=e.watch,o=e.onMounted,i=e.onBeforeUnmount,r=e.onUnmounted,a=e.createVNode,s=e.nextTick},function(e){c=e.getMarkDownProps,d=e.getEditorEmits,u=e.useNamespace,h=e.useUIStore},function(e){m=e.createUUID},function(e){v=e.default}],execute:function(){e("default",t({name:"IBizMarkDown",props:c(),emits:d(),setup(e,{emit:t}){var a,c;const d=u("markdown"),b=e.controller,f=l("");let p=null;const g=m(),w=ibiz.util.file.getUploadHeaders(),y=l({...w}),k=l(""),C=l(""),x=(null==(a=null==b?void 0:b.editorParams)?void 0:a.customTheme)||(null==(c=null==b?void 0:b.editorParams)?void 0:c.customtheme),{UIStore:U}=h(),z=l(x||U.theme),E=l("editOnly");let B=null,T=0;const D=l({});let M=!1;n((()=>e.data),(e=>{if(e&&b){const t=ibiz.util.file.calcFileUpDownUrl(b.context,b.params,e,b.editorParams);k.value=t.uploadUrl,C.value=t.downloadUrl}}),{immediate:!0,deep:!0});const P=l(),S=async(e,t)=>{const l=await ibiz.util.file.fileUpload(k.value,e,y.value);t(C.value.replace("%fileId%",l.fileid))},I=()=>null==p?void 0:p.getMarkdown(),N=e=>{M=!0,null==p||p.setMarkdown(e,!1)};n((()=>e.value),((e,t)=>{e!==t&&(f.value=e||"")}),{immediate:!0}),n(f,((e,t)=>{const l=I();e!==t&&l!==e&&N(e)}));const O=e=>{t("change",I(),null==b?void 0:b.model.id,M),M=!1},V=(e,t)=>({[e]:t}),q=(e,t="")=>{const l=document.createElement(e);return l.className=t,l},R=e=>q("i","ch-icon ch-icon-".concat(e)),j=d.e("fullscreen"),H=e=>{for(;e.firstChild;)e.removeChild(e.firstChild)},L=()=>{if(p&&P.value){const e=p.editor.options.editorDom.parentElement;if(!e)return{};const t=e.classList,l=P.value.querySelector(".".concat(j));return l?{parentElement:e,cherryClass:t,fullscreenNode:l}:{}}return{}},A=()=>{const{parentElement:e,cherryClass:t,fullscreenNode:l}=L();e&&t&&l&&(H(l),l.appendChild(R("fullscreen")),l.title=ibiz.i18n.t("editor.common.fullscreen"),t.remove("fullscreen"),null==e||e.blur(),e.setAttribute("tabindex","-1"))},W=()=>{const{cherryClass:e}=L();return null==e?void 0:e.contains("fullscreen")},F=()=>{p&&P.value&&(W()?A():(()=>{const{parentElement:e,cherryClass:t,fullscreenNode:l}=L();e&&t&&l&&(H(l),l.appendChild(R("minscreen")),t.add("fullscreen"),l.title=ibiz.i18n.t("editor.common.minimize"),e.setAttribute("tabindex","-1"),s((()=>null==e?void 0:e.focus())))})())},G=e=>{e.stopPropagation(),"Escape"===e.key&&W()&&A()};n((()=>U.theme),(e=>{z.value=x||e,null==p||p.setTheme(z.value),null==p||p.setCodeBlockTheme(z.value)}));return o((()=>{var t;e.disabled&&(E.value="previewOnly"),s((()=>{var t;p=new v({id:g,value:f.value,previewer:{enablePreviewerBubble:!(e.disabled||e.readonly)},themeSettings:{mainTheme:z.value,codeBlockTheme:z.value},fileUpload:S,emoji:{useUnicode:!0},header:{anchorStyle:"autonumber"},editor:{height:"100%",defaultModel:E.value,codemirror:{autofocus:!1}},toolbars:{toolbar:["bold","italic","underline","strikethrough","|","color","header","|","list","image",{insert:["link","hr","br","code","formula","toc","table","line-table","bar-table"]},"settings","togglePreview"],bubble:["bold","italic","underline","strikethrough","sub","sup","|","size","color"],float:["h1","h2","h3","|","checklist","quote","quickTable","code"],customMenu:[],sidebar:[]},callback:{afterChange:O,beforeImageMounted:V},engine:{syntax:{table:{enableChart:!1,externals:["echarts"]}}}}),p.setTheme(z.value),x&&(p.setTheme(x),p.setCodeBlockTheme(x));const l=q("span","".concat(j," cherry-toolbar-button"));l.title=ibiz.i18n.t("editor.common.fullscreen"),l.onclick=F,l.appendChild(R("fullscreen"));const n=e.disabled?p.editor.options.editorDom.parentElement:null==(t=p.editor.options.editorDom.parentElement)?void 0:t.querySelector(".cherry-toolbar>.toolbar-right");null==n||n.appendChild(l)})),(()=>{if(window.ResizeObserver&&P.value){const e={width:P.value.offsetWidth?"".concat(P.value.offsetWidth,"px"):"100%"};b&&"number"==typeof b.parent.model.height&&Object.assign(e,{height:"".concat(b.parent.model.height,"px")}),D.value=d.cssVarBlock(e),B=new ResizeObserver((e=>{const t=e[0].contentRect.width;if(t!==T){const l={width:"".concat(e[0].contentRect.width,"px")};b&&"number"==typeof b.parent.model.height&&Object.assign(l,{height:"".concat(b.parent.model.height,"px")}),D.value=d.cssVarBlock(l),T=t}})),B.observe(P.value)}})(),null==(t=P.value)||t.addEventListener("keydown",G.bind(this))})),i((()=>{var e;null==(e=P.value)||e.removeEventListener("keydown",G.bind(this))})),r((()=>{p=null,B&&B.disconnect()})),{ns:d,currentVal:f,id:g,editor:p,markDownBox:P,headers:y,theme:z,defaultModel:E,cssVars:D,getCherryHtml:()=>null==p?void 0:p.getHtml(),getCherryContent:I,setCherryContent:N}},render(){return a("div",{ref:"markDownBox",class:[this.ns.b(),this.ns.is("disabled",this.disabled)]},[a("div",{id:this.id,style:this.cssVars,class:this.ns.b("cherry")},null)])}}))}}}));