@wangeditor-kai/editor-for-vue/dist/index.js

wangEditor component for vue@next

var T=Object.defineProperty,k=Object.defineProperties;var P=Object.getOwnPropertyDescriptors;var C=Object.getOwnPropertySymbols;var V=Object.prototype.hasOwnProperty,A=Object.prototype.propertyIsEnumerable;var E=(n,t,u)=>t in n?T(n,t,{enumerable:!0,configurable:!0,writable:!0,value:u}):n[t]=u,w=(n,t)=>{for(var u in t||(t={}))V.call(t,u)&&E(n,u,t[u]);if(C)for(var u of C(t))A.call(t,u)&&E(n,u,t[u]);return n},y=(n,t)=>k(n,P(t));(function(n,t){typeof exports=="object"&&typeof module!="undefined"?t(exports,require("vue"),require("@wangeditor-kai/editor")):typeof define=="function"&&define.amd?define(["exports","vue","@wangeditor-kai/editor"],t):(n=typeof globalThis!="undefined"?globalThis:n||self,t(n.WangEditorForVue={},n.Vue,n.editor))})(this,function(n,t,u){"use strict";function f(e){let o=`\u8BF7\u4F7F\u7528 '@${e}' \u4E8B\u4EF6\uFF0C\u4E0D\u8981\u653E\u5728 props \u4E2D`;return o+=`
Please use '@${e}' event instead of props`,o}var h=(e,o)=>{for(const[l,d]of o)e[l]=d;return e};const _=t.defineComponent({props:{mode:{type:String,default:"default"},defaultContent:{type:Array,default:[]},defaultHtml:{type:String,default:""},defaultConfig:{type:Object,default:{}},modelValue:{type:String,default:""}},emits:{"update:modelValue":e=>{},onCreated:e=>{},onChange:e=>{},onDestroyed:e=>{},onMaxLength:e=>{},onFocus:e=>{},onBlur:e=>{},customAlert:()=>{},customPaste:(e,o,l)=>{}},setup(e,o){const l=t.ref(null),d=t.shallowRef(null),s=t.ref(""),m=()=>{if(!l.value)return;const a=t.toRaw(e.defaultContent);u.createEditor({selector:l.value,mode:e.mode,content:a||[],html:e.defaultHtml||e.modelValue||"",config:y(w({},e.defaultConfig),{onCreated(r){if(d.value=r,o.emit("onCreated",r),e.defaultConfig.onCreated){const i=f("onCreated");throw new Error(i)}},onChange(r){const i=r.getHtml();if(s.value=i,o.emit("update:modelValue",i),o.emit("onChange",r),e.defaultConfig.onChange){const c=f("onChange");throw new Error(c)}},onDestroyed(r){if(o.emit("onDestroyed",r),e.defaultConfig.onDestroyed){const i=f("onDestroyed");throw new Error(i)}},onMaxLength(r){if(o.emit("onMaxLength",r),e.defaultConfig.onMaxLength){const i=f("onMaxLength");throw new Error(i)}},onFocus(r){if(o.emit("onFocus",r),e.defaultConfig.onFocus){const i=f("onFocus");throw new Error(i)}},onBlur(r){if(o.emit("onBlur",r),e.defaultConfig.onBlur){const i=f("onBlur");throw new Error(i)}},customAlert(r,i){if(o.emit("customAlert",r,i),e.defaultConfig.customAlert){const c=f("customAlert");throw new Error(c)}},customPaste:(r,i)=>{if(e.defaultConfig.customPaste){const g=f("customPaste");throw new Error(g)}let c;return o.emit("customPaste",r,i,g=>{c=g}),c}})})};function M(a){const r=d.value;r!=null&&r.setHtml(a)}return t.onMounted(()=>{m()}),t.watch(()=>e.modelValue,a=>{a!==s.value&&M(a)}),{box:l}}}),v={ref:"box",style:{height:"100%"}};function b(e,o,l,d,s,m){return t.openBlock(),t.createElementBlock("div",v,null,512)}var F=h(_,[["render",b]]);const B=t.defineComponent({props:{editor:{type:Object},mode:{type:String,default:"default"},defaultConfig:{type:Object,default:{}}},setup(e){const o=t.ref(null),l=d=>{if(!!o.value){if(d==null)throw new Error("Not found instance of Editor when create <Toolbar/> component");u.DomEditor.getToolbar(d)||u.createToolbar({editor:d,selector:o.value||"<div></div>",mode:e.mode,config:e.defaultConfig})}};return t.watchEffect(()=>{const{editor:d}=e;d!=null&&l(d)}),{selector:o}}}),$={ref:"selector"};function p(e,o,l,d,s,m){return t.openBlock(),t.createElementBlock("div",$,null,512)}var D=h(B,[["render",p]]);n.Editor=F,n.Toolbar=D,Object.defineProperty(n,"__esModule",{value:!0}),n[Symbol.toStringTag]="Module"});
//# sourceMappingURL=index.js.map