2026-09-10 16:25:53 +03:30
|
|
|
import{At as e,Mt as t,N as n,Nt as r,g as i,h as a,nt as o,o as s,p as c,x as l}from"./http-WTIyGIuL.js";import{t as u}from"./catalogImage-DbusXpop.js";var d={class:`image-picker`},f={key:0,class:`image-picker__label`},p={class:`image-picker__row`},m={class:`image-picker__actions`},h=[`disabled`],g=[`disabled`],_={key:1,class:`image-picker__error`},v=s(l({__name:`AdminImagePicker`,props:{modelValue:{},label:{}},emits:[`update:modelValue`],setup(s,{emit:l}){let v=s,y=l,b=o(null),x=o(!1),S=o(``);function C(){b.value?.click()}async function w(e){let t=e.target,n=t.files?.[0];if(t.value=``,n){x.value=!0,S.value=``;try{y(`update:modelValue`,await u(n))}catch(e){S.value=e instanceof Error?e.message:`بارگذاری تصویر ناموفق بود.`}finally{x.value=!1}}}function T(){y(`update:modelValue`,null)}return(o,l)=>(n(),i(`div`,d,[s.label?(n(),i(`p`,f,r(s.label),1)):a(``,!0),c(`div`,p,[c(`div`,{class:e([`image-picker__preview`,{"image-picker__preview--empty":!v.modelValue}]),style:t(v.modelValue?{backgroundImage:`url(${v.modelValue})`}:void 0)},null,6),c(`div`,m,[c(`button`,{type:`button`,class:`admin-btn admin-btn--outline admin-btn--sm`,disabled:x.value,onClick:C},r(v.modelValue?`تغییر تصویر`:`افزودن تصویر`),9,h),v.modelValue?(n(),i(`button`,{key:0,type:`button`,class:`admin-btn admin-btn--outline admin-btn--sm`,disabled:x.value,onClick:T},` حذف `,8,g)):a(``,!0),S.value?(n(),i(`p`,_,r(S.value),1)):a(``,!0)])]),c(`input`,{ref_key:`inputRef`,ref:b,type:`file`,accept:`image/*`,class:`image-picker__file`,onChange:w},null,544)]))}}),[[`__scopeId`,`data-v-55584001`]]);export{v as t};
|
