| 1 |
import{l as p,a as g,f,E as h}from"./element-plus.js?ver=2.10.01";import"./dayjs.js?ver=2.10.01";import{ae as B,D as l,F as U,S as s,I as o,B as i,E as n,P as E,Q as V,O as b,R as y}from"./vue.js?ver=2.10.01";import{_ as I}from"./emoji-picker.js?ver=2.10.01";const k={name:"BgImageUpload",emits:["update:modelValue"],props:{modelValue:{type:String,required:!1},button_text:{type:String,default(){return""}},can_remove:{type:Boolean,default:!1},is_multiple:{type:Boolean,default:!1},additional_data:{type:Object,default:()=>({})}},data(){return{imageUrl:this.modelValue}},computed:{action_url(){return this.appVars.rest.url+"/feeds/media-upload"},headers(){return{"X-WP-Nonce":this.appVars.rest.nonce}}},methods:{handleSuccess(e){this.imageUrl=e.media.url,this.$emit("update:modelValue",this.imageUrl)},handleError(e){this.$handleError(JSON.parse(e.message))},removeImage(){this.imageUrl="",this.$emit("update:modelValue","")}}};function v(e,S,t,C,r,a){const d=p,m=g,c=f,u=B("CloseBold"),_=h;return l(),U(y,null,[s(c,{action:a.action_url,headers:a.headers,accept:"image/*",class:"fcom_bg_upload",multiple:t.is_multiple,data:t.additional_data,"show-file-list":!1,"on-success":a.handleSuccess,"on-error":a.handleError},{default:o(()=>[i(e.$slots,"trigger",{},()=>[i(e.$slots,"default",{},()=>[r.imageUrl?(l(),n(d,{key:0,alt:e.$t("Image Preview"),src:r.imageUrl},null,8,["alt","src"])):(l(),n(m,{key:1,class:"fcom_btn_upload",text:""},{default:o(()=>[E(V(t.button_text||e.$t("Upload Image")),1)]),_:1}))])])]),_:3},8,["action","headers","multiple","data","on-success","on-error"]),r.imageUrl&&t.can_remove?(l(),n(m,{key:0,"aria-label":e.$t("Remove image"),class:"fcom_bg_remove",text:"",size:"small",onClick:a.removeImage},{default:o(()=>[s(_,null,{default:o(()=>[s(u)]),_:1})]),_:1},8,["aria-label","onClick"])):b("",!0)],64)}const P=I(k,[["render",v]]);export{P as B}; |
