@vuux/editor
Version:
Vue Nuxt 富文本编辑器
2 lines (1 loc) • 3.11 kB
JavaScript
"use strict";const e=require("vue"),_=require("./component/top.vue.cjs"),x=require("./hook/useMarkdown.cjs"),y=require("@vuux/utils"),q=require("./hook/useMethod.cjs"),z=["id","name"],V=["innerHTML"],S=e.defineComponent({__name:"index",props:{theme:{default:()=>({color:"#339af0",backgroundColor:"#ffffff",textColor:"#596671"})},height:{default:"100%"},action:{},headers:{},uploadName:{default:"file"}},emits:["success","error"],setup(m,{expose:f,emit:p}){const r=m,v=p,o=y.Utils.snowflakeId().toString(),a=e.useTemplateRef("textareaEl"),s=e.useTemplateRef("contentEl"),{markdown:t,html:i,markdownActions:u}=x.useMarkdown(a),{styles:w,isFull:h,leftWidth:E,rightWidth:g,startDrag:d,onSuccess:k,onError:M,onFull:N}=q.useMethod(r,s,v);return f({insertImage:u.insertImage,setMarkdown:c=>{t.value=c},getMarkdown:()=>t.value,getHtml:()=>i.value,clearMarkdown:()=>{t.value=""}}),(c,l)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["app-editor",{"is-full":e.unref(h)}]),style:e.normalizeStyle(e.unref(w))},[e.createVNode(_,{markdownActions:e.unref(u),onSuccess:e.unref(k),onError:e.unref(M),onFull:e.unref(N),action:r.action,headers:r.headers,uploadName:r.uploadName},null,8,["markdownActions","onSuccess","onError","onFull","action","headers","uploadName"]),e.createElementVNode("div",{ref_key:"contentEl",ref:s,class:"editor-content"},[e.withDirectives(e.createElementVNode("textarea",{ref_key:"textareaEl",ref:a,"onUpdate:modelValue":l[0]||(l[0]=n=>e.isRef(t)?t.value=n:null),id:e.unref(o),name:e.unref(o),class:"editor-left",style:e.normalizeStyle({width:e.unref(E)+"%"})},null,12,z),[[e.vModelText,e.unref(t)]]),e.createElementVNode("div",{class:"editor-resizer",onMousedown:l[1]||(l[1]=(...n)=>e.unref(d)&&e.unref(d)(...n))},[...l[2]||(l[2]=[e.createElementVNode("svg",{xmlns:"http://www.w3.org/2000/svg",opacity:"0.8",viewBox:"0 0 24 24"},[e.createElementVNode("g",{fill:"none"},[e.createElementVNode("path",{d:"m12.594 23.258l-.012.002l-.071.035l-.02.004l-.014-.004l-.071-.036q-.016-.004-.024.006l-.004.01l-.017.428l.005.02l.01.013l.104.074l.015.004l.012-.004l.104-.074l.012-.016l.004-.017l-.017-.427q-.004-.016-.016-.018m.264-.113l-.014.002l-.184.093l-.01.01l-.003.011l.018.43l.005.012l.008.008l.201.092q.019.005.029-.008l.004-.014l-.034-.614q-.005-.019-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014l-.034.614q.001.018.017.024l.015-.002l.201-.093l.01-.008l.003-.011l.018-.43l-.003-.012l-.01-.01z"}),e.createElementVNode("path",{fill:"var(--app-icon-color)",d:"M13 4a1 1 0 0 0-2 0v1a1 1 0 1 0 2 0zm0 5a1 1 0 0 0-2 0v1a1 1 0 1 0 2 0zm-1 4a1 1 0 0 1 1 1v1a1 1 0 0 1-2 0v-1a1 1 0 0 1 1-1m1 6a1 1 0 0 0-2 0v1a1 1 0 1 0 2 0zm-7.414-8l1.121-1.121a1 1 0 1 0-1.414-1.414l-2.828 2.828a1 1 0 0 0 0 1.414l2.828 2.829a1 1 0 0 0 1.414-1.415L5.586 13H9a1 1 0 1 0 0-2zM14 12a1 1 0 0 1 1-1h3.414l-1.121-1.121a1 1 0 1 1 1.414-1.414l2.829 2.828a1 1 0 0 1 0 1.414l-2.829 2.829a1 1 0 0 1-1.414-1.415L18.414 13H15a1 1 0 0 1-1-1"})])],-1)])],32),e.createElementVNode("div",{class:"editor-right",innerHTML:e.unref(i),style:e.normalizeStyle({width:e.unref(g)+"%"})},null,12,V)],512)],6))}});module.exports=S;