@artmate/chat/dist/cjs/attachment/PlaceholderUploader.vue.js

借鉴字节开源react库AntX，通过vue实现的版本

"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),c=require("element-plus"),f=require("../hooks/useNamespace.js"),p=["aria-hidden"],m=e.defineComponent({__name:"PlaceholderUploader",props:{disabled:{type:Boolean,default:!1},className:{},style:{},upload:{}},setup(n,{expose:o}){const t=n,l=f.useNamespace("attachment-placeholder"),s=e.ref(!1),r=e.ref(),d=()=>{s.value=!0},i=a=>{a.currentTarget.contains(a.relatedTarget)||(s.value=!1)},u=()=>{s.value=!1};return o({uploadRef:r}),(a,b)=>(e.openBlock(),e.createElementBlock("div",{"aria-hidden":a.disabled,class:e.normalizeClass([e.unref(l).b(),{[e.unref(l).b("drag-in")]:s.value,[e.unref(l).b("disabled")]:a.disabled},a.className]),style:e.normalizeStyle(a.style),onDrag:u,onDragenter:d,onDragleave:i},[e.createVNode(e.unref(c.ElUpload),e.mergeProps({"auto-upload":!1,class:[e.unref(l).b("upload-wrapper")],"show-file-list":!1,action:"#",drag:""},t.upload,{ref_key:"uploadRef",ref:r}),{default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass([e.unref(l).b("inner")])},[e.createElementVNode("div",{class:e.normalizeClass([e.unref(l).b("icon")])},[e.renderSlot(a.$slots,"icon")],2),e.createElementVNode("div",{class:e.normalizeClass([e.unref(l).b("title")])},[e.renderSlot(a.$slots,"title")],2),e.createElementVNode("div",{class:e.normalizeClass([e.unref(l).b("description")])},[e.renderSlot(a.$slots,"description")],2)],2)]),_:3},16,["class"])],46,p))}});exports.default=m;