import e from"../_util/classNames.mjs";import t from"../locale/en_US.mjs";import n from"../config-provider/hooks/useConfigInject.mjs";import{getTransitionName as r}from"../_util/transition.mjs";import{imageProps as i}from"../vc-image/src/Image.mjs";import a from"../vc-image/index.mjs";import o from"./style/index.mjs";import s,{icons as c}from"./PreviewGroup.mjs";import{computed as l,createVNode as u,defineComponent as d}from"vue";import{EyeOutlined as f}from"@antsoo-lib/icons";var p=d({name:`AImage`,inheritAttrs:!1,props:i(),setup(i,{slots:s,attrs:d}){let{prefixCls:p,rootPrefixCls:m,configProvider:h}=n(`image`,i),[g,_]=o(p),v=l(()=>{let{preview:e}=i;if(e===!1)return e;let t=typeof e==`object`?e:{};return{icons:c,...t,transitionName:r(m.value,`zoom`,t.transitionName),maskTransitionName:r(m.value,`fade`,t.maskTransitionName)}});return()=>{let n=h.locale?.value?.Image||t.Image,r=()=>u(`div`,{class:`${p.value}-mask-info`},[u(f,null,null),n?.preview]),{previewMask:o=s.previewMask||r}=i;return g(u(a,{...d,...i,prefixCls:p.value,preview:v.value,rootClassName:e(i.rootClassName,_.value)},{...s,previewMask:typeof o==`function`?o:null}))}}});p.PreviewGroup=s,p.install=function(e){return e.component(p.name,p),e.component(p.PreviewGroup.name,p.PreviewGroup),e};export{s as ImagePreviewGroup,p as default,i as imageProps};