@ibiz-template/vue3-components 0.7.41-alpha.39 → 0.7.41-alpha.40

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

@@ -1 +0,0 @@
-System.register(["vue","@ibiz-template/vue3-util","qx-util","cherry-markdown"],function(e){"use strict";var t,l,n,i,o,a,r,s,d,c,u,m,h,v;return{setters:[function(e){t=e.nextTick,l=e.defineComponent,n=e.createVNode,i=e.ref,o=e.watch,a=e.onMounted,r=e.onBeforeUnmount,s=e.onUnmounted},function(e){d=e.getEditorEmits,c=e.getMarkDownProps,u=e.useNamespace,m=e.useUIStore},function(e){h=e.createUUID},function(e){v=e.default}],execute:function(){e("default",l({name:"IBizMarkDown",props:c(),emits:d(),setup(e,{emit:l}){var d,c,f;const p=u("markdown"),b=e.controller,g=i("");let w=null;const k=h(),[C]=function(e){return[v.createMenuHook("AI",{icon:{type:"svg",content:"<svg\n                viewBox='0 0 16 16'\n                xmlns='http://www.w3.org/2000/svg'\n                fill='currentColor'\n                height='1em'\n                width='1em'\n                preserveAspectRatio='xMidYMid meet'\n                focusable='false'\n              >\n                <g\n                  id='aae1.Base基础/1.icon图标/2.normal/ai-star'\n                  stroke-width='1'\n                  fill-rule='evenodd'\n                >\n                  <path\n                    d='M5.817 1.53l3.158 8.797h.054v.152l1.443 4.021-1.402.001-1.041-2.982H2.495l-1.03 2.982L0 14.5 4.671 1.533l1.146-.003zm7.86 5.424V14.5h-1.213V6.954h1.212zM5.248 3.549l-2.342 6.778h4.706L5.249 3.55zM13.046 0c.075 0 .147.02.204.071a.318.318 0 01.094.181l.064.273c.097.417.17.727.255.968.084.24.177.4.31.523.134.124.318.218.599.306.281.088.65.166 1.15.265a.358.358 0 01.195.095c.056.057.083.13.083.213a.289.289 0 01-.083.21.362.362 0 01-.197.094c-.528.093-.918.167-1.214.255-.295.088-.485.187-.621.324-.137.138-.23.324-.31.606-.08.283-.145.651-.23 1.147a.329.329 0 01-.093.184.293.293 0 01-.206.075.308.308 0 01-.207-.072.322.322 0 01-.1-.188l-.006-.033c-.085-.486-.149-.845-.228-1.12-.079-.274-.17-.452-.305-.585-.135-.133-.323-.23-.618-.32s-.683-.168-1.21-.273a.353.353 0 01-.2-.096.29.29 0 01-.08-.208c0-.079.023-.153.079-.211a.35.35 0 01.2-.097c.5-.098.869-.176 1.15-.263.282-.087.465-.18.597-.302.132-.12.224-.278.306-.511.082-.236.151-.539.244-.947l.071-.312a.312.312 0 01.102-.183.311.311 0 01.205-.069z'\n                    id='aae形状结合'\n                  ></path>\n                </g>\n              </svg>\n            "},onClick:(l,n,i)=>{i.stopPropagation(),i.preventDefault(),t(()=>{var t;if(null==(t=e.mdeditor)?void 0:t.bubble){e.mdeditor.bubble.visible=!0;const t=e.mdeditor.bubble.bubbleDom.getBoundingClientRect();if(!t||!t.left||!t.top)return;const l=ibiz.inLineAIUtil.calcContextMenus(e.deACMode,t=>{e.doInLineAIUIAction(t,e.model.appId)});if(0===l.length)return;ibiz.inLineAIUtil.showContextMenus(t.left,t.top+43,l)}})}})]}(b),y=ibiz.util.file.getUploadHeaders(),x=i({...y}),z=i(""),M=(null==(d=null==b?void 0:b.editorParams)?void 0:d.customTheme)||(null==(c=null==b?void 0:b.editorParams)?void 0:c.customtheme),{UIStore:U}=m(),I=i(M||U.theme),D=i(!1);let E="default";b&&(null==(f=b.editorParams)?void 0:f.showmode)&&(E=b.editorParams.showmode);const P=i(!1),T=i("editOnly");let B=null,A=0;const O=i({});let S=!1;o(()=>e.data,e=>{if(e&&b){const t={...b.editorParams};t.uploadparams&&(t.uploadParams=JSON.parse(t.uploadparams));const l=ibiz.util.file.calcFileUpDownUrl(b.context,b.params,e,t);z.value=l.uploadUrl}},{immediate:!0,deep:!0});const L=i(),N=async(t,l)=>{const n=await ibiz.util.file.fileUpload(z.value,t,x.value),i=((e,t)=>{if(!b)return"";const l={...b.editorParams};return l.exportparams&&(l.exportParams=JSON.parse(l.exportparams)),t&&t.folder&&(l.osscat=t.folder),ibiz.util.file.calcFileUpDownUrl(b.context,b.params,e,l).downloadUrl})(e.data||{},n.fileid);let o=i.replace("%fileId%",n.fileid);if(ibiz.config.common.enableDownloadTicket&&b){const t=await ibiz.util.file.getDownloadTicket(b.context,b.params,e.data||{},{fileId:n.fileid},b.downloadTicketParams);t&&t.ticket&&(o=i.replace("%fileId%",t.ticket),l(o))}else l(o)},H=()=>null==w?void 0:w.getMarkdown(),V=e=>{S=!0,null==w||w.setMarkdown(e,!0)};o(()=>e.value,(e,t)=>{e!==t&&(g.value=e||"")},{immediate:!0}),o(g,(e,t)=>{const l=H();e!==t&&l!==e&&V(e)});const R=e=>{"manual"!==E&&(l("change",H(),null==b?void 0:b.model.id,S),S=!1)},q=(e,t)=>({[e]:t}),F=(e,t="")=>{const l=document.createElement(e);return l.className=t,l},j=e=>F("i","ch-icon ch-icon-".concat(e)),J=p.e("fullscreen"),W=e=>{for(;e.firstChild;)e.removeChild(e.firstChild)},Y=()=>{if(w&&L.value){const e=w.editor.options.editorDom.parentElement;if(!e)return{};const t=e.classList,l=L.value.querySelector(".".concat(J));return l?{parentElement:e,cherryClass:t,fullscreenNode:l}:{}}return{}},G=()=>{const{parentElement:e,cherryClass:t,fullscreenNode:l}=Y();e&&t&&l&&(W(l),l.appendChild(j("fullscreen")),l.title=ibiz.i18n.t("editor.common.fullscreen"),t.remove("fullscreen"),null==e||e.blur(),e.setAttribute("tabindex","-1"))},K=()=>{const{cherryClass:e}=Y();return null==e?void 0:e.contains("fullscreen")},Q=()=>{w&&L.value&&(K()?(G(),P.value=!1):((()=>{const{parentElement:e,cherryClass:l,fullscreenNode:n}=Y();e&&l&&n&&(W(n),n.appendChild(j("minscreen")),l.add("fullscreen"),n.title=ibiz.i18n.t("editor.common.minimize"),e.setAttribute("tabindex","-1"),t(()=>null==e?void 0:e.focus()))})(),P.value=!0))},X=e=>{e.stopPropagation(),"Escape"===e.key&&(e.preventDefault(),K()&&(G(),P.value=!1))},Z=e=>{null==b||b.setCurrentEditorTheme(e)},$=e=>{var t,l;const{info:n}=e;let i=!0;const o=n.ranges&&n.ranges[0];if(o){const{anchor:e,head:t}=o;i=b.isPositionBefore(e,t)}else i=!0;const a=null==(t=b.mdeditor)?void 0:t.editor.editor.getCursor("start"),r=null==(l=b.mdeditor)?void 0:l.editor.editor.getCursor("end");b.setCursorPos(a,r),b.setSelectionDirection(i)};o(()=>U.theme,e=>{I.value=M||e,null==w||w.setTheme(I.value),null==w||w.setCodeBlockTheme(I.value)});const _=()=>{D.value=!0,T.value="editOnly",null==w||w.switchModel(T.value)},ee=()=>{D.value=!1,T.value="previewOnly",null==w||w.switchModel(T.value)},te=()=>{V(g.value),ee()},le=()=>{l("change",H(),null==b?void 0:b.model.id,S),S=!1,ee()},ne=()=>{const e=document.getElementById(k);null==e||e.focus()};return a(()=>{var l;(e.disabled||e.readonly||"manual"===E)&&(T.value="previewOnly"),t(()=>{var t;const l=["bold","italic","underline","strikethrough","sub","sup","|","size","color"];b&&b.chatCompletion&&l.unshift("AI"),w=new v({id:k,value:g.value,previewer:{enablePreviewerBubble:!(e.disabled||e.readonly)},themeSettings:{mainTheme:I.value,codeBlockTheme:I.value},fileUpload:N,emoji:{useUnicode:!0},header:{anchorStyle:"autonumber"},editor:{height:"100%",defaultModel:T.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:l,float:["h1","h2","h3","|","checklist","quote","quickTable","code"],customMenu:{AI:C},sidebar:["theme","copy"],toolbarRight:[],toc:{updateLocationHash:!1,defaultModel:"pure",showAutoNumber:!0,position:"absolute",cssText:""}},callback:{afterChange:R,beforeImageMounted:q},event:{changeMainTheme:Z,selectionChange:$},engine:{syntax:{table:{enableChart:!1,externals:["echarts"]}}}}),w.setTheme(I.value),M&&(w.setTheme(M),w.setCodeBlockTheme(M));const n=F("span","".concat(J," cherry-toolbar-button"));n.title=ibiz.i18n.t("editor.common.fullscreen"),n.onclick=Q,n.appendChild(j("fullscreen"));const i=e.disabled?w.editor.options.editorDom.parentElement:null==(t=w.editor.options.editorDom.parentElement)?void 0:t.querySelector(".cherry-toolbar>.toolbar-right");null==i||i.appendChild(n),null==b||b.setMDEditor(w)}),(()=>{if(window.ResizeObserver&&L.value){const e={width:L.value.offsetWidth?"".concat(L.value.offsetWidth,"px"):"100%"};b&&"number"==typeof b.parent.model.height&&Object.assign(e,{height:"".concat(b.parent.model.height,"px")}),O.value=p.cssVarBlock(e),B=new ResizeObserver(e=>{const t=e[0].contentRect.width;if(t!==A){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")}),O.value=p.cssVarBlock(l),A=t}}),B.observe(L.value)}})(),null==(l=L.value)||l.addEventListener("keydown",X.bind(this))}),r(()=>{var e;null==(e=L.value)||e.removeEventListener("keydown",X.bind(this))}),s(()=>{w=null,B&&B.disconnect()}),{ns:p,currentVal:g,id:k,editor:w,markDownBox:L,headers:x,theme:I,defaultModel:T,cssVars:O,isEditing:D,showmode:E,getCherryHtml:()=>null==w?void 0:w.getHtml(),getCherryContent:H,setCherryContent:V,renderHeader:()=>{if("manual"===E&&!D.value)return n("div",{onClick:ne,class:[p.e("header"),p.is("fullscreen",P.value)]},[!e.disabled&&!e.readonly&&n("div",{class:p.em("header","edit"),onClick:_,title:ibiz.i18n.t("editor.markdown.edit")},[n("i",{class:"fa fa-edit","aria-hidden":"true"},null)]),n("div",{class:p.em("header","full"),onClick:Q},[P.value?n("i",{class:"fa fa-compress","aria-hidden":"true",title:ibiz.i18n.t("editor.html.reduce")},null):n("i",{class:"fa fa-expand","aria-hidden":"true",title:ibiz.i18n.t("editor.common.fullscreen")},null)])])},renderFooter:()=>{if("manual"===E&&D.value&&!e.disabled&&!e.readonly)return n("div",{onClick:ne,class:[p.e("footer"),p.is("fullscreen",P.value)]},[n("div",{class:p.em("footer","cancel"),onClick:te},[ibiz.i18n.t("editor.common.cancel")]),n("div",{class:p.em("footer","save"),onClick:le},[ibiz.i18n.t("editor.common.confirm")])])}}},render(){return n("div",{ref:"markDownBox",class:[this.ns.b(),this.ns.is("disabled",this.disabled),this.ns.is("manual","manual"===this.showmode),this.ns.is("editing",this.isEditing)]},[this.renderHeader(),this.renderFooter(),n("div",{tabindex:"-1",id:this.id,style:this.cssVars,class:this.ns.b("cherry")},null)])}}))}}});