@ibiz-template/vue3-components 0.7.39 → 0.7.40-alpha.9

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

@@ -0,0 +1 @@
+System.register(["vue","@ibiz-template/vue3-util","qx-util","cherry-markdown","@ibiz-template/core"],(function(e){"use strict";var t,n,l,o,r,i,a,s,c,u,d,h,m,v,b,f;return{setters:[function(e){t=e.defineComponent,n=e.ref,l=e.watch,o=e.onMounted,r=e.onBeforeUnmount,i=e.onUnmounted,a=e.createVNode,s=e.nextTick},function(e){c=e.getMarkDownProps,u=e.getEditorEmits,d=e.useNamespace,h=e.useUIStore},function(e){m=e.createUUID},function(e){v=e.default},function(e){b=e.getAppCookie,f=e.CoreConst}],execute:function(){e("default",t({name:"IBizMarkDown",props:c(),emits:u(),setup(e,{emit:t}){var a;const c=d("markdown"),u=e.controller,p=n("");let g=null;const k=m(),w=n({["".concat(ibiz.env.tokenHeader,"Authorization")]:"".concat(ibiz.env.tokenPrefix,"Bearer ").concat(b(f.TOKEN))}),y=n(""),C=n(""),x=null==(a=null==u?void 0:u.editorParams)?void 0:a.customTheme,{UIStore:z}=h(),E=n(x||z.theme),U=n("editOnly");let B=null,T=0;const D=n({});l((()=>e.data),(e=>{if(e&&u){const t=ibiz.util.file.calcFileUpDownUrl(u.context,u.params,e,u.editorParams);y.value=t.uploadUrl,C.value=t.downloadUrl}}),{immediate:!0,deep:!0});const M=n(),N=async(e,t)=>{const n=await ibiz.util.file.fileUpload(y.value,e,w.value);t(C.value.replace("%fileId%",n.fileid))},O=()=>null==g?void 0:g.getMarkdown(),P=e=>{null==g||g.setMarkdown(e,!1)};l((()=>e.value),((e,t)=>{e!==t&&(p.value=e||"")}),{immediate:!0}),l(p,((e,t)=>{const n=O();e!==t&&n!==e&&P(e)}));const S=e=>{t("change",O())},I=(e,t)=>({[e]:t}),V=(e,t="")=>{const n=document.createElement(e);return n.className=t,n},q=e=>V("i","ch-icon ch-icon-".concat(e)),A=c.e("fullscreen"),R=e=>{for(;e.firstChild;)e.removeChild(e.firstChild)},j=()=>{if(g&&M.value){const e=g.editor.options.editorDom.parentElement;if(!e)return{};const t=e.classList,n=M.value.querySelector(".".concat(A));return n?{parentElement:e,cherryClass:t,fullscreenNode:n}:{}}return{}},H=()=>{const{parentElement:e,cherryClass:t,fullscreenNode:n}=j();e&&t&&n&&(R(n),n.appendChild(q("fullscreen")),n.title=ibiz.i18n.t("editor.markdown.fullscreen"),t.remove("fullscreen"),null==e||e.blur(),e.setAttribute("tabindex","-1"))},L=()=>{const{cherryClass:e}=j();return null==e?void 0:e.contains("fullscreen")},W=()=>{g&&M.value&&(L()?H():(()=>{const{parentElement:e,cherryClass:t,fullscreenNode:n}=j();e&&t&&n&&(R(n),n.appendChild(q("minscreen")),t.add("fullscreen"),n.title=ibiz.i18n.t("editor.markdown.minimize"),e.setAttribute("tabindex","-1"),s((()=>null==e?void 0:e.focus())))})())},F=e=>{e.stopPropagation(),"Escape"===e.key&&L()&&H()};l((()=>z.theme),(e=>{E.value=x||e,null==g||g.setTheme(E.value),null==g||g.setCodeBlockTheme(E.value)}));return o((()=>{var t;e.disabled&&(U.value="previewOnly"),s((()=>{var t;g=new v({id:k,value:p.value,previewer:{enablePreviewerBubble:!(e.disabled||e.readonly)},themeSettings:{mainTheme:E.value,codeBlockTheme:E.value},fileUpload:N,emoji:{useUnicode:!0},header:{anchorStyle:"autonumber"},editor:{height:"100%",defaultModel:U.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:S,beforeImageMounted:I},engine:{syntax:{table:{enableChart:!1,externals:["echarts"]}}}}),g.setTheme(E.value),x&&(g.setTheme(x),g.setCodeBlockTheme(x));const n=V("span","".concat(A," cherry-toolbar-button"));n.title=ibiz.i18n.t("editor.markdown.fullscreen"),n.onclick=W,n.appendChild(q("fullscreen"));const l=e.disabled?g.editor.options.editorDom.parentElement:null==(t=g.editor.options.editorDom.parentElement)?void 0:t.querySelector(".cherry-toolbar>.toolbar-right");null==l||l.appendChild(n)})),(()=>{if(window.ResizeObserver&&M.value){const e={width:M.value.offsetWidth?"".concat(M.value.offsetWidth,"px"):"100%"};u&&"number"==typeof u.parent.model.height&&Object.assign(e,{height:"".concat(u.parent.model.height,"px")}),D.value=c.cssVarBlock(e),B=new ResizeObserver((e=>{const t=e[0].contentRect.width;if(t!==T){const n={width:"".concat(e[0].contentRect.width,"px")};u&&"number"==typeof u.parent.model.height&&Object.assign(n,{height:"".concat(u.parent.model.height,"px")}),D.value=c.cssVarBlock(n),T=t}})),B.observe(M.value)}})(),null==(t=M.value)||t.addEventListener("keydown",F.bind(this))})),r((()=>{var e;null==(e=M.value)||e.removeEventListener("keydown",F.bind(this))})),i((()=>{g=null,B&&B.disconnect()})),{ns:c,currentVal:p,id:k,editor:g,markDownBox:M,headers:w,theme:E,defaultModel:U,cssVars:D,getCherryHtml:()=>null==g?void 0:g.getHtml(),getCherryContent:O,setCherryContent:P}},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)])}}))}}}));