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