snowy-designer/dist/ui/antd/upload-image/uploadImage.vue2.cjs

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

"use strict";const r=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 _=require("../../../utils/src/manager/pluginManager.cjs");require("monaco-editor");require("../../../utils/src/request/index.cjs");const n=require("ant-design-vue"),w={class:"epic-upload-image"},b={key:0},k=r.defineComponent({__name:"uploadImage",props:{maxCount:{default:99},modelValue:{default:""}},emits:["update:modelValue","change"],setup(d,{emit:m}){const o=d,s=m,g=n.Form.useInjectFormItemContext(),f=r.useAttrs(),a=r.ref([]);let u="";const l=r.ref(""),c=r.ref(!1),p=e=>{c.value=e};r.watch(()=>a.value,e=>{u=e.filter(t=>t.status==="done").map(t=>t.url).join(","),s("update:modelValue",u),s("change",u),g.onFieldChange()}),r.watch(()=>o.modelValue,e=>{if(u!==e){if(e===""){a.value=[];return}e&&a.value&&(a.value=e.split(",").map(t=>({name:t,status:"done",uid:V.getUUID(),url:t})))}},{deep:!0,immediate:!0});function v(e){r.nextTick(()=>{a.value=e})}const h=e=>{var t;if(e.file.status!=="uploading"){if(e.file.status==="done"){const i=(t=e.file.response)==null?void 0:t.data;if(!e.file.url&&!i){e.file.status="error",n.message.error("上传失败");return}e.file.url=i,e.file.thumbUrl=i}e.file.status==="error"&&n.message.error("upload error")}},q=()=>{},x=r.computed(()=>{var e;return{...f,accept:"image/gif,image/jpeg,image/jpg,image/png,image/svg",headers:(e=_.pluginManager.global.axiosConfig)==null?void 0:e.headers,"onBefore-upload":q,onChange:h,onPreview:C,"file-list":a.value,"list-type":"picture-card","onUpdate:file-list":v}});function C(e){e.url&&(l.value=e.url,p(!0))}function U(){l.value&&n.message.error("图片地址无法访问!")}return(e,t)=>(r.openBlock(),r.createElementBlock("div",w,[r.createVNode(r.unref(n.Upload),r.normalizeProps(r.guardReactiveProps(x.value)),{default:r.withCtx(()=>{var i;return[(((i=a.value)==null?void 0:i.length)??0)<o.maxCount?(r.openBlock(),r.createElementBlock("div",b,t[0]||(t[0]=[r.createElementVNode("span",{class:"icon--epic icon--epic--cloud-upload-outlined mr-2px text-$epic-text-main text-lg"},null,-1),r.createElementVNode("div",{class:"ant-upload-text"},"点击上传",-1)]))):r.createCommentVNode("",!0)]}),_:1},16),r.createVNode(r.unref(n.Image),{style:{display:"none"},src:l.value,preview:{visible:c.value,onVisibleChange:p},onError:U},null,8,["src","preview"])]))}});module.exports=k;