12 |
- import{q as f,E as b,G as _,V as C,J as B,aF as P,ag as O,b6 as $,b7 as V,b8 as D,o as m,n as E,aG as j,B as h,x as A,M as u,p as v,A as g,v as w,C as F}from"./index.41f763da.js";import{u as M}from"./hooks.8590c5d3.js";var H=Object.defineProperty,S=Object.defineProperties,T=Object.getOwnPropertyDescriptors,k=Object.getOwnPropertySymbols,R=Object.prototype.hasOwnProperty,I=Object.prototype.propertyIsEnumerable,y=(e,t,o)=>t in e?H(e,t,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[t]=o,L=(e,t)=>{for(var o in t||(t={}))R.call(t,o)&&y(e,o,t[o]);if(k)for(var o of k(t))I.call(t,o)&&y(e,o,t[o]);return e},N=(e,t)=>S(e,T(t));function d(e){let t=`\u8BF7\u4F7F\u7528 '@${e}' \u4E8B\u4EF6\uFF0C\u4E0D\u8981\u653E\u5728 props \u4E2D`;return t+=`
- Please use '@${e}' event instead of props`,t}var z=(e,t)=>{for(const[o,n]of t)e[o]=n;return e};const q=f({props:{mode:{type:String,default:"default"},defaultContent:{type:Array,default:[]},defaultHtml:{type:String,default:""},defaultConfig:{type:Object,default:{}},modelValue:{type:String,default:""}},setup(e,t){const o=b(null),n=_(null),c=b(""),s=()=>{if(!o.value)return;const i=O(e.defaultContent);$({selector:o.value,mode:e.mode,content:i||[],html:e.defaultHtml||e.modelValue||"",config:N(L({},e.defaultConfig),{onCreated(r){if(n.value=r,t.emit("onCreated",r),e.defaultConfig.onCreated){const a=d("onCreated");throw new Error(a)}},onChange(r){const a=r.getHtml();if(c.value=a,t.emit("update:modelValue",a),t.emit("onChange",r),e.defaultConfig.onChange){const l=d("onChange");throw new Error(l)}},onDestroyed(r){if(t.emit("onDestroyed",r),e.defaultConfig.onDestroyed){const a=d("onDestroyed");throw new Error(a)}},onMaxLength(r){if(t.emit("onMaxLength",r),e.defaultConfig.onMaxLength){const a=d("onMaxLength");throw new Error(a)}},onFocus(r){if(t.emit("onFocus",r),e.defaultConfig.onFocus){const a=d("onFocus");throw new Error(a)}},onBlur(r){if(t.emit("onBlur",r),e.defaultConfig.onBlur){const a=d("onBlur");throw new Error(a)}},customAlert(r,a){if(t.emit("customAlert",r,a),e.defaultConfig.customAlert){const l=d("customAlert");throw new Error(l)}},customPaste:(r,a)=>{if(e.defaultConfig.customPaste){const p=d("customPaste");throw new Error(p)}let l;return t.emit("customPaste",r,a,p=>{l=p}),l}})})};function x(i){const r=n.value;r!=null&&r.setHtml(i)}return C(()=>{s()}),B(()=>e.modelValue,i=>{i!==c.value&&x(i)}),{box:o}}}),U={ref:"box",style:{height:"100%"}};function G(e,t,o,n,c,s){return m(),E("div",U,null,512)}var J=z(q,[["render",G]]);const K=f({props:{editor:{type:Object},mode:{type:String,default:"default"},defaultConfig:{type:Object,default:{}}},setup(e){const t=b(null),o=n=>{if(!!t.value){if(n==null)throw new Error("Not found instance of Editor when create <Toolbar/> component");V.getToolbar(n)||D({editor:n,selector:t.value||"<div></div>",mode:e.mode,config:e.defaultConfig})}};return P(()=>{const{editor:n}=e;n!=null&&o(n)}),{selector:t}}}),W={ref:"selector"};function Q(e,t,o,n,c,s){return m(),E("div",W,null,512)}var X=z(K,[["render",Q]]);const Y={class:"card-header"},Z={class:"font-medium"},ee=F(" \u7F16\u8F91\u5668\u7EC4\u4EF6\uFF0C\u91C7\u7528\u5F00\u6E90\u7684 "),te=F(" Wangeditor "),oe={name:"Editor"},ne=f({...oe,setup(e){const t="default",o=_(),n=b("<p>hello</p>");C(()=>{setTimeout(()=>{n.value="<p>\u6A21\u62DF Ajax \u5F02\u6B65\u8BBE\u7F6E\u5185\u5BB9</p>"},1500)});const c={excludeKeys:"fullScreen"},s={placeholder:"\u8BF7\u8F93\u5165\u5185\u5BB9..."};j(()=>{const i=o.value;i!=null&&i.destroy()});const x=i=>{o.value=i};return(i,r)=>{const a=h("el-link"),l=h("el-card");return m(),A(l,null,{header:u(()=>[v("div",Y,[v("span",Z,[ee,g(a,{href:"https://www.wangeditor.com",target:"_blank",icon:w(M)("edit"),style:{"font-size":"16px",margin:"0 4px 5px"}},{default:u(()=>[te]),_:1},8,["icon"])])])]),default:u(()=>[g(w(X),{style:{"border-bottom":"1px solid #ccc"},editor:w(o),defaultConfig:c,mode:t},null,8,["editor"]),g(w(J),{style:{height:"500px","overflow-y":"hidden"},modelValue:n.value,"onUpdate:modelValue":r[0]||(r[0]=p=>n.value=p),defaultConfig:s,mode:t,onOnCreated:x},null,8,["modelValue"])]),_:1})}}});export{ne as default};
|