snowy-designer/dist/ui/antd/upload-file/uploadFile.vue2.cjs

基于Epic-Designer-Pro版本的设计器,可视化开发页面表单

"use strict";const t=require("vue");;/* empty css                                       */require("radix-vue");require("clsx");require("tailwind-merge");require("lucide-vue-next");require("../../../ui-kit/base-ui/src/shadch-ui/button/index.cjs");require("@vueuse/core");require("../../../ui-kit/base-ui/src/shadch-ui/toast/index.cjs");require("vuedraggable");const v=require("../../../utils/src/common/string.cjs");require("../../../hooks/src/store/index.cjs");require("lodash");const x=require("../../../utils/src/manager/pluginManager.cjs");require("monaco-editor");require("../../../utils/src/request/index.cjs");const a=require("ant-design-vue"),C={class:"epic-upload-file"},_=t.defineComponent({__name:"uploadFile",props:{maxCount:{default:99},modelValue:{default:""}},emits:["update:modelValue","change"],setup(s,{emit:c}){const l=s,i=c,d=a.Form.useInjectFormItemContext(),p=t.useAttrs(),u=t.ref([]);let o="";t.watch(()=>u.value,e=>{o=e.filter(r=>r.status==="done").map(r=>r.url).join(","),i("update:modelValue",o),i("change",o),d.onFieldChange()}),t.watch(()=>l.modelValue,e=>{if(o!==e){if(e===""){u.value=[];return}e&&u.value&&(u.value=e.split(",").map(r=>({name:r,status:"done",uid:v.getUUID(),url:r})))}},{deep:!0,immediate:!0});function f(e){t.nextTick(()=>{u.value=e})}const m=e=>{var r;if(e.file.status!=="uploading"){if(e.file.status==="done"){const n=(r=e.file.response)==null?void 0:r.data;if(!e.file.url&&!n){e.file.status="error",a.message.error("上传失败");return}e.file.url=n,e.file.thumbUrl=n}e.file.status==="error"&&a.message.error("upload error")}},g=()=>{},q=t.computed(()=>{var e;return{...p,headers:(e=x.pluginManager.global.axiosConfig)==null?void 0:e.headers,"onBefore-upload":g,onChange:m,onPreview:h,"file-list":u.value,"onUpdate:file-list":f}});function h(e){console.log(e),e.url&&window.open(e.url,"_blank")}return(e,r)=>(t.openBlock(),t.createElementBlock("div",C,[t.createVNode(t.unref(a.Upload),t.normalizeProps(t.guardReactiveProps(q.value)),{default:t.withCtx(()=>{var n;return[(((n=u.value)==null?void 0:n.length)??0)<l.maxCount?(t.openBlock(),t.createBlock(t.unref(a.Button),{key:0,class:"flex items-center"},{default:t.withCtx(()=>r[0]||(r[0]=[t.createElementVNode("span",{class:"icon--epic icon--epic--cloud-upload-outlined text-lg"},null,-1),t.createElementVNode("div",{class:"ant-upload-text"},"上传文件",-1)])),_:1})):t.createCommentVNode("",!0)]}),_:1},16)]))}});module.exports=_;