| 1 |
- import{aB as e,bz as t,aC as s,bA as i,as as l,b1 as o,s as a,aW as r,e as n,d,w as u,x as h,F as c,y as p,n as f,f as m,N as y,z as g,al as b,k as F,i as x,L as _,g as w,j as k,bB as v,aY as I,l as S,O as P}from"./index-Dhufwzns.js";import{e as $}from"./uni-cloud.es.Doqgjrqq.js";import{_ as T}from"./_plugin-vue_export-helper.BCo6x5W8.js";const L="chooseAndUploadFile:fail";function M(e,t){return e.tempFiles.forEach(((e,s)=>{e.name||(e.name=e.path.substring(e.path.lastIndexOf("/")+1)),t&&(e.fileType=t),e.cloudPath=Date.now()+"_"+s+e.name.substring(e.name.lastIndexOf("."))})),e.tempFilePaths||(e.tempFilePaths=e.tempFiles.map((e=>e.path))),e}function O(e,t=5,s){const i=(e=JSON.parse(JSON.stringify(e))).length;let l=0,o=this;return new Promise((a=>{for(;l<t;)r();function r(){let t=l++;if(t>=i)return void(!e.find((e=>!e.url&&!e.errMsg))&&a(e));const n=e[t],d=o.files.findIndex((e=>e.uuid===n.uuid));n.url="",delete n.errMsg,$.uploadFile({filePath:n.path,cloudPath:n.cloudPath,fileType:n.fileType,onUploadProgress:e=>{e.index=d,s&&s(e)}}).then((e=>{n.url=e.fileID,n.index=d,t<i&&r()})).catch((e=>{n.errMsg=e.errMsg||e.message,n.index=d,t<i&&r()}))}}))}function C(e,{onChooseFile:t,onUploadProgress:i}){return e.then((e=>{if(t){const s=t(e);if(void 0!==s)return Promise.resolve(s).then((t=>void 0===t?e:t))}return e})).then((e=>!1===e?{errMsg:"chooseAndUploadFile:ok",tempFilePaths:[],tempFiles:[]}:e)).then((async e=>{for(let t of e.tempFiles){const{data:e}=await s.uploadFile(t.path);t.url=e}return e}))}function U(s={type:"all"}){return"image"===s.type?C(function(t){const{count:s,sizeType:i=["original","compressed"],sourceType:l=["album","camera"],extension:o}=t;return new Promise(((t,a)=>{e({count:s,sizeType:i,sourceType:l,extension:o,success(e){t(M(e,"image"))},fail(e){a({errMsg:e.errMsg.replace("chooseImage:fail",L)})}})}))}(s),s):"video"===s.type?C(function(e){const{camera:s,compressed:i,maxDuration:l,sourceType:o=["album","camera"],extension:a}=e;return new Promise(((e,r)=>{t({camera:s,compressed:i,maxDuration:l,sourceType:o,extension:a,success(t){const{tempFilePath:s,duration:i,size:l,height:o,width:a}=t;e(M({errMsg:"chooseVideo:ok",tempFilePaths:[s],tempFiles:[{name:t.tempFile&&t.tempFile.name||"",path:s,size:l,type:t.tempFile&&t.tempFile.type||"",width:a,height:o,duration:i,fileType:"video",cloudPath:""}]},"video"))},fail(e){r({errMsg:e.errMsg.replace("chooseVideo:fail",L)})}})}))}(s),s):C(function(e){const{count:t,extension:s}=e;return new Promise(((e,l)=>{let o=i;if("undefined"!=typeof wx&&"function"==typeof wx.chooseMessageFile&&(o=wx.chooseMessageFile),"function"!=typeof o)return l({errMsg:L+" 请指定 type 类型，该平台仅支持选择 image 或 video。"});o({type:"all",count:t,extension:s,success(t){e(M(t))},fail(e){l({errMsg:e.errMsg.replace("chooseFile:fail",L)})}})}))}(s),s)}const j=e=>{const t=e.lastIndexOf("."),s=e.length;return{name:e.substring(0,t),ext:e.substring(t+1,s)}},E=e=>{if(Array.isArray(e))return e;return e.replace(/(\[|\])/g,"").split(",")},V=async(e,t="image")=>{const s=j(e.name).ext.toLowerCase();let i={name:e.name,uuid:e.uuid,extname:s||"",cloudPath:e.cloudPath,fileType:e.fileType,url:e.path||e.path,size:e.size,image:{},path:e.path,video:{}};if("image"===t){const t=await(l=e.path,new Promise(((e,t)=>{o({src:l,success(t){e(t)},fail(e){t(e)}})})));delete i.video,i.image.width=t.width,i.image.height=t.height,i.image.location=t.path}else delete i.image;var l;return i};const A=T({name:"sUploader",components:{uploadImage:T({name:"uploadImage",emits:["uploadFiles","choose","delFile"],props:{filesList:{type:[Array,String],default:()=>[]},disabled:{type:Boolean,default:!1},disablePreview:{type:Boolean,default:!1},limit:{type:[Number,String],default:9},imageStyles:{type:Object,default:()=>({width:"auto",height:"auto",border:{}})},delIcon:{type:Boolean,default:!0},readonly:{type:Boolean,default:!1}},computed:{list(){return"string"==typeof this.filesList?this.filesList?[this.filesList]:[]:this.filesList},styles(){return Object.assign({width:"auto",height:"auto",border:{}},this.imageStyles)},boxStyle(){const{width:e="auto",height:t="auto"}=this.styles;let s={};"auto"===t?"auto"!==e?(s.height=this.value2px(e),s["padding-top"]=0):s.height=0:(s.height=this.value2px(t),s["padding-top"]=0),s.width="auto"===e?"auto"!==t?this.value2px(t):"33.3%":this.value2px(e);let i="";for(let l in s)i+=`${l}:${s[l]};`;return i},borderStyle(){let{border:e}=this.styles,t={};if("boolean"==typeof e)t.border=e?"1px #eee solid":"none";else{let s=e&&e.width||1;s=this.value2px(s);let i=e&&e.radius||3;i=this.value2px(i),t={"border-width":s,"border-style":e&&e.style||"solid","border-color":e&&e.color||"#eee","border-radius":i}}let s="";for(let i in t)s+=`${i}:${t[i]};`;return s}},methods:{getImageUrl:e=>"blob:http:"===e.substr(0,10)?e:a.$url.cdn(e),uploadFiles(e,t){this.$emit("uploadFiles",e)},choose(){this.$emit("choose")},delFile(e){this.$emit("delFile",e)},previewImage(e,t){let s=[];1===Number(this.limit)&&this.disablePreview&&!this.disabled&&this.$emit("choose"),this.disablePreview||(this.list.forEach((e=>{s.push(this.getImageUrl(e))})),r({urls:s,current:t}))},value2px:e=>("number"==typeof e?e+="px":-1===e.indexOf("%")&&(e=-1!==e.indexOf("px")?e:e+"px"),e)}},[["render",function(e,t,s,i,l,o){const a=F,r=x;return n(),d(r,{class:"uni-file-picker__container"},{default:u((()=>[(n(!0),h(c,null,p(o.list,((e,t)=>(n(),d(r,{class:"file-picker__box",key:t,style:f(o.boxStyle)},{default:u((()=>[m(r,{class:"file-picker__box-content",style:f(o.borderStyle)},{default:u((()=>[m(a,{class:"file-image",src:o.getImageUrl(e),mode:"aspectFill",onClick:y((s=>o.previewImage(e,t)),["stop"])},null,8,["src","onClick"]),s.delIcon&&!s.readonly?(n(),d(r,{key:0,class:"icon-del-box",onClick:y((e=>o.delFile(t)),["stop"])},{default:u((()=>[m(r,{class:"icon-del"}),m(r,{class:"icon-del rotate"})])),_:2},1032,["onClick"])):g("",!0)])),_:2},1032,["style"])])),_:2},1032,["style"])))),128)),o.list.length<s.limit&&!s.readonly?(n(),d(r,{key:0,class:"file-picker__box",style:f(o.boxStyle)},{default:u((()=>[m(r,{class:"file-picker__box-content is-add",style:f(o.borderStyle),onClick:o.choose},{default:u((()=>[b(e.$slots,"default",{},(()=>[m(r,{class:"icon-add"}),m(r,{class:"icon-add rotate"})]),!0)])),_:3},8,["style","onClick"])])),_:3},8,["style"])):g("",!0)])),_:3})}],["__scopeId","data-v-948a7290"]]),uploadFile:T({name:"uploadFile",emits:["uploadFiles","choose","delFile"],props:{filesList:{type:Array,default:()=>[]},delIcon:{type:Boolean,default:!0},limit:{type:[Number,String],default:9},showType:{type:String,default:""},listStyles:{type:Object,default:()=>({border:!0,dividline:!0,borderStyle:{}})},readonly:{type:Boolean,default:!1}},computed:{list(){let e=[];return this.filesList.forEach((t=>{e.push(t)})),e},styles(){return Object.assign({border:!0,dividline:!0,"border-style":{}},this.listStyles)},borderStyle(){let{borderStyle:e,border:t}=this.styles,s={};if(t){let t=e&&e.width||1;t=this.value2px(t);let i=e&&e.radius||5;i=this.value2px(i),s={"border-width":t,"border-style":e&&e.style||"solid","border-color":e&&e.color||"#eee","border-radius":i}}else s.border="none";let i="";for(let l in s)i+=`${l}:${s[l]};`;return i},borderLineStyle(){let e={},{borderStyle:t}=this.styles;if(t&&t.color&&(e["border-color"]=t.color),t&&t.width){let s=t&&t.width||1,i=t&&t.style||0;"number"==typeof s?s+="px":s=s.indexOf("px")?s:s+"px",e["border-width"]=s,"number"==typeof i?i+="px":i=i.indexOf("px")?i:i+"px",e["border-top-style"]=i}let s="";for(let i in e)s+=`${i}:${e[i]};`;return s}},methods:{uploadFiles(e,t){this.$emit("uploadFiles",{item:e,index:t})},choose(){this.$emit("choose")},delFile(e){this.$emit("delFile",e)},value2px:e=>("number"==typeof e?e+="px":e=-1!==e.indexOf("px")?e:e+"px",e)}},[["render",function(e,t,s,i,l,o){const a=x,r=v;return n(),d(a,{class:"uni-file-picker__files"},{default:u((()=>[s.readonly?g("",!0):(n(),d(a,{key:0,class:"files-button",onClick:o.choose},{default:u((()=>[b(e.$slots,"default",{},void 0,!0)])),_:3},8,["onClick"])),o.list.length>0?(n(),d(a,{key:1,class:"uni-file-picker__lists is-text-box",style:f(o.borderStyle)},{default:u((()=>[(n(!0),h(c,null,p(o.list,((e,t)=>(n(),d(a,{class:_(["uni-file-picker__lists-box",{"files-border":0!==t&&o.styles.dividline}]),key:t,style:f(0!==t&&o.styles.dividline&&o.borderLineStyle)},{default:u((()=>[m(a,{class:"uni-file-picker__item"},{default:u((()=>[m(a,{class:"files__name"},{default:u((()=>[w(k(e.name),1)])),_:2},1024),s.delIcon&&!s.readonly?(n(),d(a,{key:0,class:"icon-del-box icon-files",onClick:e=>o.delFile(t)},{default:u((()=>[m(a,{class:"icon-del icon-files"}),m(a,{class:"icon-del rotate"})])),_:2},1032,["onClick"])):g("",!0)])),_:2},1024),e.progress&&100!==e.progress||0===e.progress?(n(),d(a,{key:0,class:"file-picker__progress"},{default:u((()=>[m(r,{class:"file-picker__progress-item",percent:-1===e.progress?0:e.progress,"stroke-width":"4",backgroundColor:e.errMsg?"#ff5a5f":"#EBEBEB"},null,8,["percent","backgroundColor"])])),_:2},1024)):g("",!0),"error"===e.status?(n(),d(a,{key:1,class:"file-picker__mask",onClick:y((s=>o.uploadFiles(e,t)),["stop"])},{default:u((()=>[w(" 点击重试 ")])),_:2},1032,["onClick"])):g("",!0)])),_:2},1032,["class","style"])))),128))])),_:1},8,["style"])):g("",!0)])),_:3})}],["__scopeId","data-v-d33782e5"]])},options:{virtualHost:!0},emits:["select","success","fail","progress","delete","update:modelValue","update:url"],props:{modelValue:{type:[Array,Object],default:()=>[]},url:{type:[Array,String],default:()=>[]},disabled:{type:Boolean,default:!1},disablePreview:{type:Boolean,default:!1},delIcon:{type:Boolean,default:!0},autoUpload:{type:Boolean,default:!0},limit:{type:[Number,String],default:9},mode:{type:String,default:"grid"},fileMediatype:{type:String,default:"image"},fileExtname:{type:[Array,String],default:()=>[]},title:{type:String,default:""},listStyles:{type:Object,default:()=>({border:!0,dividline:!0,borderStyle:{}})},imageStyles:{type:Object,default:()=>({width:"auto",height:"auto"})},readonly:{type:Boolean,default:!1},sizeType:{type:Array,default:()=>["original","compressed"]},driver:{type:String,default:"local"},subtitle:{type:String,default:""}},data:()=>({files:[],localValue:[],imgsrc:a.$url.static("/static/images/add.png")}),watch:{modelValue:{handler(e,t){this.setValue(e,t)},immediate:!0},url:{handler(e){this.updateFilesFromUrl(e)},immediate:!0}},computed:{returnType(){return this.limit>1?"array":"object"},filesList(){let e=[];return this.files.forEach((t=>{e.push(t)})),e},showType(){return"image"===this.fileMediatype?this.mode:"list"},limitLength(){return"object"===this.returnType?1:this.limit?this.limit>=9?9:this.limit:1}},created(){"local"===this.driver&&($.chooseAndUploadFile=U),this.form=this.getForm("uniForms"),this.formItem=this.getForm("uniFormsItem"),this.form&&this.formItem&&this.formItem.name&&(this.rename=this.formItem.name,this.form.inputChildrens.push(this))},methods:{updateFilesFromUrl(e){Array.isArray(e)?this.files=e.map((e=>({url:e,status:"success"}))):this.files=e?[{url:e,status:"success"}]:[]},clearFiles(e){0===e||e?this.files.splice(e,1):(this.files=[],this.$nextTick((()=>{this.setEmit()}))),this.$nextTick((()=>{this.setEmit()}))},upload(){let e=[];return this.files.forEach(((t,s)=>{"ready"!==t.status&&"error"!==t.status||e.push(Object.assign({},t))})),this.uploadFiles(e)},async setValue(e,t){const s=async e=>{let t="";return t=e.fileID?e.fileID:e.url,/cloud:\/\/([\w.]+\/?)\S*/.test(t)&&(e.fileID=t,e.url=await this.getTempFileURL(t)),e.url&&(e.path=e.url),e};if("object"===this.returnType)e?await s(e):e={};else{e||(e=[]);for(let t=0;t<e.length;t++){let i=e[t];await s(i)}}this.localValue=e,this.form&&this.formItem&&!this.is_reset&&(this.is_reset=!1,this.formItem.setValue(this.localValue));let i=Object.keys(e).length>0?e:[];this.files=[].concat(i),this.updateFilesFromUrl(this.url)},choose(){this.disabled||(this.files.length>=Number(this.limitLength)&&"grid"!==this.showType&&"array"===this.returnType?l({title:`您最多选择 ${this.limitLength} 个文件`,icon:"none"}):this.chooseFiles())},chooseFiles(){const e=E(this.fileExtname);$.chooseAndUploadFile({type:this.fileMediatype,compressed:!1,sizeType:this.sizeType,extension:e.length>0?e:void 0,count:this.limitLength-this.files.length,onChooseFile:this.chooseFileCallback,onUploadProgress:e=>{this.setProgress(e,e.index)}}).then((e=>{this.setSuccessAndError(e.tempFiles)})).catch((e=>{console.log("选择失败",e)}))},async chooseFileCallback(e){const t=E(this.fileExtname);(1===Number(this.limitLength)&&this.disablePreview&&!this.disabled||"object"===this.returnType)&&(this.files=[]);let{filePaths:s,files:i}=((e,t)=>{let s=[],i=[];return t&&0!==t.length?(e.tempFiles.forEach((e=>{const l=j(e.name).ext.toLowerCase();-1!==t.indexOf(l)&&(i.push(e),s.push(e.path))})),i.length!==e.tempFiles.length&&l({title:`当前选择了${e.tempFiles.length}个文件 ，${e.tempFiles.length-i.length} 个文件格式不正确`,icon:"none",duration:5e3}),{filePaths:s,files:i}):{filePaths:s,files:i}})(e,t);t&&t.length>0||(s=e.tempFilePaths,i=e.tempFiles);let o=[];for(let l=0;l<i.length&&!(this.limitLength-this.files.length<=0);l++){i[l].uuid=Date.now();let e=await V(i[l],this.fileMediatype);e.progress=0,e.status="ready",this.files.push(e),o.push({...e,file:i[l]})}this.$emit("select",{tempFiles:o,tempFilePaths:s}),e.tempFiles=i,this.autoUpload||(e.tempFiles=[])},uploadFiles(e){return e=[].concat(e),O.call(this,e,5,(e=>{this.setProgress(e,e.index,!0)})).then((e=>(this.setSuccessAndError(e),e))).catch((e=>{console.log(e)}))},async setSuccessAndError(e,t){let s=[],i=[],l=[],o=[];for(let a=0;a<e.length;a++){const t=e[a],r=t.uuid?this.files.findIndex((e=>e.uuid===t.uuid)):t.index;if(-1===r||!this.files)break;if("request:fail"===t.errMsg)this.files[r].url=t.path,this.files[r].status="error",this.files[r].errMsg=t.errMsg,i.push(this.files[r]),o.push(this.files[r].url);else{this.files[r].errMsg="",this.files[r].fileID=t.url;/cloud:\/\/([\w.]+\/?)\S*/.test(t.url)?this.files[r].url=await this.getTempFileURL(t.url):this.files[r].url=t.url,this.files[r].status="success",this.files[r].progress+=1,s.push(this.files[r]),l.push(this.files[r].fileID)}}s.length>0&&(this.setEmit(),this.$emit("success",{tempFiles:this.backObject(s),tempFilePaths:l})),i.length>0&&this.$emit("fail",{tempFiles:this.backObject(i),tempFilePaths:o})},setProgress(e,t,s){this.files.length;const i=Math.round(100*e.loaded/e.total);let l=t;s||(l=this.files.findIndex((t=>t.uuid===e.tempFile.uuid))),-1!==l&&this.files[l]&&(this.files[l].progress=i-1,this.$emit("progress",{index:l,progress:parseInt(i),tempFile:this.files[l]}))},delFile(e){console.log(this.files),this.$emit("delete",{tempFile:this.files[e],tempFilePath:this.files[e].url}),this.files.splice(e,1),this.$nextTick((()=>{this.setEmit()}))},getFileExt(e){const t=e.lastIndexOf("."),s=e.length;return{name:e.substring(0,t),ext:e.substring(t+1,s)}},setEmit(){let e=[],t=[];"object"===this.returnType?(e=this.backObject(this.files)[0],this.localValue=e||null,t=e?e.url:""):(e=this.backObject(this.files),this.localValue||(this.localValue=[]),this.localValue=[...e],this.localValue.length>0&&this.localValue.forEach((e=>{t.push(e.url)}))),this.$emit("update:modelValue",this.localValue),this.$emit("update:url",t)},backObject(e){let t=[];return e.forEach((e=>{t.push({extname:e.extname,fileType:e.fileType,image:e.image,name:e.name,path:e.path,size:e.size,fileID:e.fileID,url:e.url})})),t},async getTempFileURL(e){e={fileList:[].concat(e)};return(await $.getTempFileURL(e)).fileList[0].tempFileURL||""},getForm(e="uniForms"){let t=this.$parent,s=t.$options.name;for(;s!==e;){if(t=t.$parent,!t)return!1;s=t.$options.name}return t}}},[["render",function(e,t,s,i,l,o){const a=S,r=x,h=F,c=I("upload-image"),p=P,f=I("upload-file");return n(),d(r,{class:"uni-file-picker"},{default:u((()=>[s.title?(n(),d(r,{key:0,class:"uni-file-picker__header"},{default:u((()=>[m(a,{class:"file-title"},{default:u((()=>[w(k(s.title),1)])),_:1}),m(a,{class:"file-count"},{default:u((()=>[w(k(o.filesList.length)+"/"+k(o.limitLength),1)])),_:1})])),_:1})):g("",!0),s.subtitle?(n(),d(r,{key:1,class:"file-subtitle"},{default:u((()=>[m(r,null,{default:u((()=>[w(k(s.subtitle),1)])),_:1})])),_:1})):g("",!0),"image"===s.fileMediatype&&"grid"===o.showType?(n(),d(c,{key:2,readonly:s.readonly,"image-styles":s.imageStyles,"files-list":s.url,limit:o.limitLength,disablePreview:s.disablePreview,delIcon:s.delIcon,onUploadFiles:o.uploadFiles,onChoose:o.choose,onDelFile:o.delFile},{default:u((()=>[b(e.$slots,"default",{},(()=>[m(r,{class:"is-add"},{default:u((()=>[m(h,{src:l.imgsrc,class:"add-icon"},null,8,["src"])])),_:1})]),!0)])),_:3},8,["readonly","image-styles","files-list","limit","disablePreview","delIcon","onUploadFiles","onChoose","onDelFile"])):g("",!0),"image"!==s.fileMediatype||"grid"!==o.showType?(n(),d(f,{key:3,readonly:s.readonly,"list-styles":s.listStyles,"files-list":o.filesList,showType:o.showType,delIcon:s.delIcon,onUploadFiles:o.uploadFiles,onChoose:o.choose,onDelFile:o.delFile},{default:u((()=>[b(e.$slots,"default",{},(()=>[m(p,{type:"primary",size:"mini"},{default:u((()=>[w("选择文件")])),_:1})]),!0)])),_:3},8,["readonly","list-styles","files-list","showType","delIcon","onUploadFiles","onChoose","onDelFile"])):g("",!0)])),_:3})}],["__scopeId","data-v-a775a878"]]);export{A as _};
|
