@vuux/editor/dist/lib/src/component/top.vue.cjs

Vue Nuxt 富文本编辑器

"use strict";const e=require("vue"),l=require("../Icon.vue.cjs"),$=require("./color.vue.cjs"),p=require("@vuux/utils"),S=require("./hook/useTop.cjs"),y={class:"top-select is-color"},x={class:"top-select"},B=["onClick"],T={class:"top-select"},I={class:"top-select"},D={class:"top-select"},U={class:"top-select is-table"},z={class:"editor-add-table"},q={class:"table-value"},L={class:"top-select is-image"},F={class:"editor-add-image"},H={class:"is-url"},M=["id","name"],P=e.defineComponent({__name:"top",props:{markdownActions:{},action:{},headers:{},uploadName:{}},emits:["success","error","full"],setup(f,{emit:w}){const o=f,u=e.ref(null),V=e.ref(null),C=w,b=["","一级标题","二级标题","三级标题","四级标题","五级标题","六级标题"],{state:r,dropdowns:i,toggleDropdown:d,onColor:g,handleSelectHeading:A,handleSelectePanelValue:s,handleSelectSizeValue:a,handleSelectListValue:m,handleInsertImage:N,handleFileChange:c,handleFileUpload:E,handeInsertTable:k,handleFull:v}=S.useTop(o,u,V,C);return(X,t)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"topEl",ref:u,class:"editor-top"},[e.createElementVNode("ul",null,[e.createElementVNode("li",null,[e.createElementVNode("button",{onClick:t[0]||(t[0]=n=>e.unref(d)("color"))},[e.createVNode(l,{name:"color"})]),e.createVNode(e.Transition,{name:"tooltip"},{default:e.withCtx(()=>[e.withDirectives(e.createElementVNode("div",y,[e.createVNode($,{modelValue:e.unref(r).color,"onUpdate:modelValue":t[1]||(t[1]=n=>e.unref(r).color=n),onClose:e.unref(g)},null,8,["modelValue","onClose"])],512),[[e.vShow,e.unref(i).color]])]),_:1})]),e.createElementVNode("li",null,[e.createElementVNode("button",{onClick:t[2]||(t[2]=n=>e.unref(d)("heading"))},[e.createVNode(l,{name:"hh1"}),e.createVNode(l,{name:"arrow"})]),e.createVNode(e.Transition,{name:"tooltip"},{default:e.withCtx(()=>[e.withDirectives(e.createElementVNode("div",x,[(e.openBlock(),e.createElementBlock(e.Fragment,null,e.renderList(4,n=>e.createElementVNode("div",{key:n,onClick:j=>e.unref(A)(n),class:"select-item"},[e.createVNode(l,{name:`hh${n}`},null,8,["name"]),e.createElementVNode("p",null,e.toDisplayString(b[n]),1)],8,B)),64))],512),[[e.vShow,e.unref(i).heading]])]),_:1})]),e.createElementVNode("li",null,[e.createElementVNode("button",{onClick:t[3]||(t[3]=n=>e.unref(d)("panel"))},[e.createVNode(l,{name:"tips"}),e.createVNode(l,{name:"arrow"})]),e.createVNode(e.Transition,{name:"tooltip"},{default:e.withCtx(()=>[e.withDirectives(e.createElementVNode("div",T,[e.createElementVNode("div",{class:"select-item",onClick:t[4]||(t[4]=n=>e.unref(s)("primary"))},[...t[41]||(t[41]=[e.createElementVNode("p",null,"默认提示",-1)])]),e.createElementVNode("div",{class:"select-item",onClick:t[5]||(t[5]=n=>e.unref(s)("warning"))},[...t[42]||(t[42]=[e.createElementVNode("p",null,"警告提示",-1)])]),e.createElementVNode("div",{class:"select-item",onClick:t[6]||(t[6]=n=>e.unref(s)("danger"))},[...t[43]||(t[43]=[e.createElementVNode("p",null,"危险提示",-1)])]),e.createElementVNode("div",{class:"select-item",onClick:t[7]||(t[7]=n=>e.unref(s)("success"))},[...t[44]||(t[44]=[e.createElementVNode("p",null,"成功提示",-1)])])],512),[[e.vShow,e.unref(i).panel]])]),_:1})]),e.createElementVNode("li",null,[e.createElementVNode("button",{onClick:t[8]||(t[8]=n=>e.unref(d)("size"))},[e.createVNode(l,{name:"size"}),e.createVNode(l,{name:"arrow"})]),e.createVNode(e.Transition,{name:"tooltip"},{default:e.withCtx(()=>[e.withDirectives(e.createElementVNode("div",I,[e.createElementVNode("div",{class:"select-item",onClick:t[9]||(t[9]=n=>e.unref(a)(10))},[e.createVNode(l,{name:"sizeXs"})]),e.createElementVNode("div",{class:"select-item",onClick:t[10]||(t[10]=n=>e.unref(a)(13))},[e.createVNode(l,{name:"sizeSmall"})]),e.createElementVNode("div",{class:"select-item",onClick:t[11]||(t[11]=n=>e.unref(a)(16))},[e.createVNode(l,{name:"sizeL"})]),e.createElementVNode("div",{class:"select-item",onClick:t[12]||(t[12]=n=>e.unref(a)(20))},[e.createVNode(l,{name:"sizeXl"})])],512),[[e.vShow,e.unref(i).size]])]),_:1})]),e.createElementVNode("li",null,[e.createElementVNode("button",{onClick:t[13]||(t[13]=(...n)=>o.markdownActions.insertBold&&o.markdownActions.insertBold(...n))},[e.createVNode(l,{name:"bold"})])]),e.createElementVNode("li",null,[e.createElementVNode("button",{onClick:t[14]||(t[14]=(...n)=>o.markdownActions.insertUnderline&&o.markdownActions.insertUnderline(...n))},[e.createVNode(l,{name:"underline"})])]),e.createElementVNode("li",null,[e.createElementVNode("button",{onClick:t[15]||(t[15]=(...n)=>o.markdownActions.insertItalic&&o.markdownActions.insertItalic(...n))},[e.createVNode(l,{name:"italic"})])]),e.createElementVNode("li",null,[e.createElementVNode("button",{onClick:t[16]||(t[16]=(...n)=>o.markdownActions.insertStrike&&o.markdownActions.insertStrike(...n))},[e.createVNode(l,{name:"dels"})])]),e.createElementVNode("li",null,[e.createElementVNode("button",{onClick:t[17]||(t[17]=(...n)=>o.markdownActions.insertBlockquote&&o.markdownActions.insertBlockquote(...n))},[e.createVNode(l,{name:"blockquotes"})])]),e.createElementVNode("li",null,[e.createElementVNode("button",{onClick:t[18]||(t[18]=(...n)=>o.markdownActions.insertPinyin&&o.markdownActions.insertPinyin(...n))},[e.createVNode(l,{name:"pinyin"})])]),e.createElementVNode("li",null,[e.createElementVNode("button",{onClick:t[19]||(t[19]=(...n)=>o.markdownActions.insertHr&&o.markdownActions.insertHr(...n))},[e.createVNode(l,{name:"hr"})])]),e.createElementVNode("li",null,[e.createElementVNode("button",{onClick:t[20]||(t[20]=n=>o.markdownActions.insertAlignBlock("left"))},[e.createVNode(l,{name:"left"})])]),e.createElementVNode("li",null,[e.createElementVNode("button",{onClick:t[21]||(t[21]=n=>o.markdownActions.insertAlignBlock("center"))},[e.createVNode(l,{name:"center"})])]),e.createElementVNode("li",null,[e.createElementVNode("button",{onClick:t[22]||(t[22]=n=>o.markdownActions.insertAlignBlock("right"))},[e.createVNode(l,{name:"right"})])]),e.createElementVNode("li",null,[e.createElementVNode("button",{onClick:t[23]||(t[23]=n=>o.markdownActions.insertHtmlBlock(1))},[e.createVNode(l,{name:"details"})])]),e.createElementVNode("li",null,[e.createElementVNode("button",{onClick:t[24]||(t[24]=n=>e.unref(d)("list"))},[e.createVNode(l,{name:"unordered"}),e.createVNode(l,{name:"arrow"})]),e.createVNode(e.Transition,{name:"tooltip"},{default:e.withCtx(()=>[e.withDirectives(e.createElementVNode("div",D,[e.createElementVNode("div",{class:"select-item",onClick:t[25]||(t[25]=n=>e.unref(m)("unordered"))},[e.createVNode(l,{name:"unordered"}),t[45]||(t[45]=e.createElementVNode("p",null,"无序列表",-1))]),e.createElementVNode("div",{class:"select-item",onClick:t[26]||(t[26]=n=>e.unref(m)("ordered"))},[e.createVNode(l,{name:"ordered"}),t[46]||(t[46]=e.createElementVNode("p",null,"有序列表",-1))]),e.createElementVNode("div",{class:"select-item",onClick:t[27]||(t[27]=n=>e.unref(m)("task"))},[e.createVNode(l,{name:"task"}),t[47]||(t[47]=e.createElementVNode("p",null,"任务列表",-1))])],512),[[e.vShow,e.unref(i).list]])]),_:1})]),e.createElementVNode("li",null,[e.createElementVNode("button",{onClick:t[28]||(t[28]=(...n)=>o.markdownActions.insertInlineCode&&o.markdownActions.insertInlineCode(...n))},[e.createVNode(l,{name:"lineCode"})])]),e.createElementVNode("li",null,[e.createElementVNode("button",{onClick:t[29]||(t[29]=n=>o.markdownActions.insertCodeBlock("javascript"))},[e.createVNode(l,{name:"codes"})])]),e.createElementVNode("li",null,[e.createElementVNode("button",{onClick:t[30]||(t[30]=(...n)=>o.markdownActions.insertLink&&o.markdownActions.insertLink(...n))},[e.createVNode(l,{name:"links"})])]),e.createElementVNode("li",null,[e.createElementVNode("button",{onClick:t[31]||(t[31]=n=>e.unref(d)("table"))},[e.createVNode(l,{name:"tables"})]),e.createVNode(e.Transition,{name:"tooltip"},{default:e.withCtx(()=>[e.withDirectives(e.createElementVNode("div",U,[e.createElementVNode("div",z,[e.createElementVNode("div",q,[t[48]||(t[48]=e.createElementVNode("div",{class:"is-title"},"行数",-1)),e.withDirectives(e.createElementVNode("input",{type:"text","onUpdate:modelValue":t[32]||(t[32]=n=>e.unref(r).rows=n),class:"is-table-input"},null,512),[[e.vModelText,e.unref(r).rows]]),t[49]||(t[49]=e.createElementVNode("div",{class:"is-title"},"列数",-1)),e.withDirectives(e.createElementVNode("input",{type:"text","onUpdate:modelValue":t[33]||(t[33]=n=>e.unref(r).cols=n),class:"is-table-input"},null,512),[[e.vModelText,e.unref(r).cols]])]),e.createElementVNode("p",{onClick:t[34]||(t[34]=(...n)=>e.unref(k)&&e.unref(k)(...n))},"确定")])],512),[[e.vShow,e.unref(i).table]])]),_:1})]),t[52]||(t[52]=e.createElementVNode("li",{class:"is-line"},null,-1)),e.createElementVNode("li",null,[e.createElementVNode("button",{onClick:t[35]||(t[35]=n=>e.unref(d)("image"))},[e.createVNode(l,{name:"image"})]),e.createVNode(e.Transition,{name:"tooltip"},{default:e.withCtx(()=>[e.withDirectives(e.createElementVNode("div",L,[e.createElementVNode("div",F,[t[50]||(t[50]=e.createElementVNode("div",{class:"is-title"},"图片地址",-1)),e.createElementVNode("div",H,[e.withDirectives(e.createElementVNode("input",{type:"text",id:e.unref(p.Utils).snowflakeId().toString(),name:e.unref(p.Utils).snowflakeId().toString(),"onUpdate:modelValue":t[36]||(t[36]=n=>e.unref(r).imageUrl=n)},null,8,M),[[e.vModelText,e.unref(r).imageUrl]]),e.createElementVNode("p",{onClick:t[37]||(t[37]=(...n)=>e.unref(N)&&e.unref(N)(...n))},"确定")]),t[51]||(t[51]=e.createElementVNode("div",{class:"is-title"},"图片上传",-1)),e.createElementVNode("div",{class:"is-upload",onClick:t[38]||(t[38]=(...n)=>e.unref(c)&&e.unref(c)(...n))},"上传图片"),e.createElementVNode("input",{ref_key:"fileInputEl",ref:V,type:"file",accept:"image/*",onChange:t[39]||(t[39]=(...n)=>e.unref(E)&&e.unref(E)(...n))},null,544)])],512),[[e.vShow,e.unref(i).image]])]),_:1})])]),e.createElementVNode("ul",null,[e.createElementVNode("li",null,[e.createElementVNode("button",{onClick:t[40]||(t[40]=(...n)=>e.unref(v)&&e.unref(v)(...n))},[e.createVNode(l,{name:"full"})])])]),e.unref(r).isUploadIng?(e.openBlock(),e.createElementBlock("div",{key:0,class:"editor-upload-percent",style:e.normalizeStyle(`width: ${e.unref(r).percent}%`)},null,4)):e.createCommentVNode("",!0)],512))}});module.exports=P;