ant-design-x-vue
Version:
Craft AI-driven interfaces effortlessly
2 lines (1 loc) • 1.74 kB
JavaScript
;Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),y=require("./Attachments2.js"),v=require("./context.js"),D=require("../_util/hooks/use-state.js"),r=require("ant-design-vue"),N=e.defineComponent({name:"AXAttachmentsPlaceholderUploader",__name:"PlaceholderUploader",props:e.mergeDefaults({prefixCls:null,placeholder:null,upload:null,className:null,style:null},{placeholder:()=>({})}),setup(t,{expose:c}){const l=`${t.prefixCls}-placeholder`,n=e.computed(()=>t.placeholder||{}),d=e.useTemplateRef("upload-dragger"),s=v.useAttachmentContextInject(),[u,o]=D.default(!1),i=()=>{o(!0)},p=a=>{a.currentTarget.contains(a.relatedTarget)||o(!1)},g=()=>{o(!1)},f=e.computed(()=>{var a;return(a=d.value)==null?void 0:a.$el});c({nativeElement:f});const h=a=>Array.isArray(a)&&a.every(e.isVNode),m=e.computed(()=>e.isVNode(t.placeholder)||h(t.placeholder)?t.placeholder:e.createVNode(r.Flex,{align:"center",justify:"center",vertical:!0,class:`${l}-inner`},{default:()=>[e.createVNode(r.Typography.Text,{class:`${l}-icon`},{default:()=>[n.value.icon]}),e.createVNode(r.Typography.Title,{class:`${l}-title`,level:5},{default:()=>[n.value.title]}),e.createVNode(r.Typography.Text,{class:`${l}-description`,type:"secondary"},{default:()=>[n.value.description]})]}));return()=>e.createVNode("div",{class:y.classnames(l,{[`${l}-drag-in`]:u.value,[`${l}-disabled`]:s.value.disabled},t.className),onDragenter:i,onDragleave:p,onDrop:g,"aria-hidden":s.value.disabled,style:t.style},[e.createVNode(r.Upload.Dragger,e.mergeProps({showUploadList:!1},t.upload,{ref:"upload-dragger",style:{padding:0,border:0,background:"transparent"}}),{default:()=>[m.value]})])}});exports.default=N;