@ibiz-template/vue3-components 0.5.7-alpha.3 → 0.5.7-alpha.4

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

@@ -0,0 +1 @@
+System.register(["vue","@ibiz-template/vue3-util","qx-util","cherry-markdown","@ibiz-template/core"],(function(e){"use strict";var t,a,l,o,n,i,r,s,u,c,d,h,v,m,b;return{setters:[function(e){t=e.defineComponent,a=e.ref,l=e.watch,o=e.onMounted,n=e.onUnmounted,i=e.createVNode,r=e.nextTick},function(e){s=e.getMarkDownProps,u=e.getEditorEmits,c=e.useNamespace,d=e.useUIStore},function(e){h=e.createUUID,v=e.getCookie},function(e){m=e.default},function(e){b=e.CoreConst}],execute:function(){e("default",t({name:"IBizMarkDown",props:s(),emits:u(),setup(e,{emit:t}){const i=c("markdown"),s=e.controller,u=a(""),f=a(null),p=h(),g=a({Authorization:"Bearer ".concat(v(b.TOKEN))}),w=a(""),k=a(""),{UIStore:y}=d(),U=a(y.theme),x=a("editOnly");let C=null,z=0;const M=a({});l((()=>e.data),(e=>{if(e&&s){const t=ibiz.util.file.calcFileUpDownUrl(s.context,s.params,e,s.editorParams);w.value=t.uploadUrl,k.value=t.downloadUrl}}),{immediate:!0,deep:!0});const O=a(),B=async(e,t)=>{const a=await ibiz.util.file.fileUpload(w.value,e,g.value);t(k.value.replace("%fileId%",a.fileid))},D=()=>{var e;return null==(e=f.value)?void 0:e.getMarkdown()},I=e=>{var t;null==(t=f.value)||t.setMarkdown(e,!1)};l((()=>e.value),((e,t)=>{e!==t&&(u.value=e||"")}),{immediate:!0}),l(u,((e,t)=>{const a=D();e!==t&&a!==e&&I(e)}));const V=e=>{t("change",D())},R=(e,t)=>({[e]:t});l((()=>y.theme),(e=>{var t;U.value=e,null==(t=f.value)||t.setTheme(U.value)}));return o((()=>{e.disabled&&(x.value="previewOnly"),r((()=>{f.value=new m({id:p,value:u.value,theme:U.value,fileUpload:B,emoji:{useUnicode:!0},header:{anchorStyle:"autonumber"},editor:{height:"100%",defaultModel:x.value,codemirror:{autofocus:!1}},toolbars:{theme:U.value,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:V,beforeImageMounted:R}})})),(()=>{if(window.ResizeObserver&&O.value){const e={width:"".concat(O.value.offsetWidth,"px")};s&&"number"==typeof s.parent.model.height&&Object.assign(e,{height:"".concat(s.parent.model.height,"px")}),M.value=i.cssVarBlock(e),C=new ResizeObserver((e=>{const t=e[0].contentRect.width;if(t!==z){const a={width:"".concat(e[0].contentRect.width,"px")};s&&"number"==typeof s.parent.model.height&&Object.assign(a,{height:"".concat(s.parent.model.height,"px")}),M.value=i.cssVarBlock(a),z=t}})),C.observe(O.value)}})()})),n((()=>{f.value=null,C&&C.disconnect()})),{ns:i,currentVal:u,id:p,editor:f,markDownBox:O,headers:g,theme:U,defaultModel:x,cssVars:M,getCherryHtml:()=>{var e;return null==(e=f.value)?void 0:e.getHtml()},getCherryContent:D,setCherryContent:I}},render(){return i("div",{ref:"markDownBox",class:[this.ns.b(),this.ns.is("disabled",this.disabled)]},[i("div",{id:this.id,style:this.cssVars,class:this.ns.b("cherry")},null)])}}))}}}));