2 lines
1.7 KiB
JavaScript
2 lines
1.7 KiB
JavaScript
var b=Object.defineProperty,S=Object.defineProperties;var p=Object.getOwnPropertyDescriptors;var d=Object.getOwnPropertySymbols;var I=Object.prototype.hasOwnProperty,U=Object.prototype.propertyIsEnumerable;var o=(a,t,e)=>t in a?b(a,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):a[t]=e,r=(a,t)=>{for(var e in t||(t={}))I.call(t,e)&&o(a,e,t[e]);if(d)for(var e of d(t))U.call(t,e)&&o(a,e,t[e]);return a},u=(a,t)=>S(a,p(t));import{m as k,r as w,h as y,i as f,j as D}from"./ExampleEditor.08243b7c.js";import"./style.b4010a054.js";import{e as h,l as C,r as F,w as x,f as n,d as m,F as B}from"../app.d1307649.js";var T=h({name:"sb-image-edit",model:k,props:{onUpdate:{type:null,default:()=>{}},data:{type:null,default:w}},setup(a){const t=C({src:a.data.src,alt:a.data.alt,description:a.data.description}),e=F(null);x(()=>a.data,()=>{t.src=a.data.src,t.alt=a.data.alt,t.description=a.data.description});const i=()=>{e.value&&e.value.click()},g=()=>{if(e.value&&e.value.files&&e.value.files.length){const l=new FileReader;l.addEventListener("load",()=>{var c;const s=(c=l==null?void 0:l.result)==null?void 0:c.toString();if(!s)throw new Error("Couldn't load image src");a.onUpdate({src:s,alt:a.data.alt,description:a.data.description})}),l.readAsDataURL(e.value.files[0])}},v=l=>{a.onUpdate(u(r({},a.data),{description:l}))};return()=>n("figure",{class:"sb-image"},[n(y,null,{default:()=>[t.src?n(f,{onClick:i},{default:()=>[m("Select Image")]}):null,n("input",{type:"file",ref:e,style:"display: none;",onInput:g},null)]}),t.src?n(B,null,[n("img",{src:t.src,alt:t.alt,class:"sb-image__content"},null),n(D,{block:t.description,onUpdate:l=>v(l)},null)]):n(f,{onClick:i},{default:()=>[m("Select Image")]})])}});export{T as default};
|