yk-element-components-v2/upload/index.umd.js

(function(p,i){typeof exports=="object"&&typeof module<"u"?module.exports=i():typeof define=="function"&&define.amd?define(i):(p=typeof globalThis<"u"?globalThis:p||self,p.index=i())})(this,function(){"use strict";function p(t,e,r,n,s,u,f,v){var o=typeof t=="function"?t.options:t;e&&(o.render=e,o.staticRenderFns=r,o._compiled=!0),n&&(o.functional=!0),u&&(o._scopeId="data-v-"+u);var a;if(f?(a=function(l){l=l||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext,!l&&typeof __VUE_SSR_CONTEXT__<"u"&&(l=__VUE_SSR_CONTEXT__),s&&s.call(this,l),l&&l._registeredComponents&&l._registeredComponents.add(f)},o._ssrRegister=a):s&&(a=v?function(){s.call(this,(o.functional?this.parent:this).$root.$options.shadowRoot)}:s),a)if(o.functional){o._injectStyles=a;var _=o.render;o.render=function(b,c){return a.call(c),_(b,c)}}else{var h=o.beforeCreate;o.beforeCreate=h?[].concat(h,a):[a]}return{exports:t,options:o}}function i(){}const m={name:"yk-upload",props:{fixedCoverHeight:{type:Number,default:null},minCoverHeight:{type:Number,default:null},maxCoverHeight:{type:Number,default:null},fixedCoverWidth:{type:Number,default:null},maxCoverWidth:{type:Number,default:null},minCoverWidth:{type:Number,default:null},showFileList:{type:Boolean,default:!0},cropperWidth:{type:Number,default:150},cropperHeight:{type:Number,default:150},cropBoxResizable:{type:Boolean,default(){return!0}},guides:{type:Boolean,default(){return!0}},action:{type:String,required:!1,default:"#"},aspectRatio:{type:String,default:"1/1"},headers:{type:Object,default(){return{}}},data:Object,multiple:Boolean,name:{type:String,default:"file"},drag:Boolean,accept:String,beforeUpload:Function,beforeRemove:Function,onRemove:{type:Function,default:i},onChange:{type:Function,default:i},onPreview:{type:Function},onSuccess:{type:Function,default:i},onProgress:{type:Function,default:i},onError:{type:Function,default:i},fileList:{type:Array,default(){return[]}},autoUpload:{type:Boolean,default:!0},listType:{type:String,default:"text"},httpRequest:Function,disabled:Boolean,limit:Number,onExceed:{type:Function,default:i},orCropper:{type:Boolean,default:!1},type:{type:String,default:"select"}},data(){return{cropper:{show:!1,file:null,loading:!1,submitted:!1,uploadFiles:[]}}},mounted(){this.$nextTick(()=>{this.uploadFiles=this.$refs.yUpload.uploadFiles})},methods:{trigger(){this.$refs.yUpload.$refs["upload-inner"].handleClick()},file2Base64(t,e){let r=new FileReader;r.onload=n=>{typeof e=="function"&&e(n.target.result)},r.readAsDataURL(t)},loadOnChange(t,e){t.status==="ready"&&(this.orCropper&&t.raw.type.indexOf("image")!=-1&&t.raw.type!="image/gif"?this.beforeAddFile({...t,file:t.raw,fileList:e}):this.autoUpload&&(this.$refs.yUpload.submit(),this.onCropperCancel())),this.onChange(t,e)},beforeAddFile(t){if(t.file instanceof File){if(this.cropper.show)return;this.cropper.file=t.file,this.cropper.show=!0}},clearFiles(){this.$refs.yUpload.clearFiles()},abort(t){this.$refs.yUpload.abort(t)},submit(){this.$refs.yUpload.submit()},onCropperCancel(t=!0){const e=this.$refs.yUpload.uploadFiles;e.splice(e.indexOf(this.cropper.file),1),this.cropper.show=!1},onCropperConfirm(t){const e=this.$refs.yUpload;if(t){let r=new File([t],this.cropper.file.name,{type:t.type}),n=e.uploadFiles[e.uploadFiles.length-1];r.uid=n.raw.uid,n.raw=r,this.file2Base64(n.raw,s=>{n.url=s,this.autoUpload&&this.$refs.yUpload.submit(),this.onCropperCancel()})}else this.autoUpload&&this.$refs.yUpload.submit(),this.onCropperCancel()},onCropperClose(){},onCropperClosed(){this.$refs.yUpload.$refs["upload-inner"].$el.focus()},onCropperOpen(){this.$refs.yUpload.$refs["upload-inner"].$el.blur()}}};var C=function(){var e=this,r=e._self._c;return r("div",[r("el-upload",{ref:"yUpload",attrs:{"auto-upload":!1,action:e.action,headers:e.headers,data:e.data,multiple:e.multiple,name:e.name,drag:e.drag,accept:e.accept,type:e.type,beforeUpload:e.beforeUpload,beforeRemove:e.beforeRemove,onRemove:e.onRemove,onChange:e.loadOnChange,onPreview:e.onPreview,onSuccess:e.onSuccess,onProgress:e.onProgress,onError:e.onError,fileList:e.fileList,listType:e.listType,httpRequest:e.httpRequest,disabled:e.disabled,limit:e.limit,onExceed:e.onExceed,"show-file-list":e.showFileList}},[e._t("default"),e._t("trigger",null,{slot:"trigger"}),e._t("tip",null,{slot:"tip"})],2),r("yk-imgCropper",{attrs:{show:e.cropper.show,file:e.cropper.file,aspectRatio:e.aspectRatio,aspectRatioDeviation:.1,cropBoxResizable:e.cropBoxResizable,guides:e.guides,maxCoverWidth:e.maxCoverWidth,minCoverWidth:e.minCoverWidth,fixedCoverWidth:e.fixedCoverWidth,cropperWidth:e.cropperWidth,cropperHeight:e.cropperHeight,fixedCoverHeight:e.fixedCoverHeight,minCoverHeight:e.minCoverHeight,maxCoverHeight:e.maxCoverHeight},on:{"update:show":function(n){return e.$set(e.cropper,"show",n)},confirm:e.onCropperConfirm,cancel:e.onCropperCancel,close:e.onCropperClose,open:e.onCropperOpen,closed:e.onCropperClosed}})],1)},y=[],g=p(m,C,y,!1,null,null,null,null);const d=g.exports;return{install(t){t.component(d.name,d)}}});