@vunk/form 2.19.23 → 2.19.24

package/components/upload/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),V=require("@vunk/form/components/form-item"),E=require("@vunk/core/shared/utils-vue"),d=require("element-plus"),P=require("@vunk/core/shared/utils-object"),I=require("@vunk/form/shared/element-plus"),k=require("../index-Bc7UifHG.js"),z=require("@vunk/core/shared/utils-fetch"),$=require("@vunk/core/shared/utils-function"),D=require("@vunk/shared/function"),h=require("@vunk/form/composables/element-plus"),B=require("../_plugin-vue_export-helper-BHFhmbuH.js"),L=require("@vunk/form/composables"),S=require("@vunk/form/shared/progress-it"),b={...V._VkfFormItemCtx.props,...d.uploadProps,tip:{type:String,default:""},preview:null,previewLabel:{type:String,default:void 0},beforeUpload:{type:Function,default:void 0},onDownload:{type:Function,default:void 0},onExceed:{type:Function,default:void 0},exceedable:{type:Boolean,default:!1},confirmExceed:{type:Boolean,default:!1},slots:null},T=E.bindPropsFactory(b),g={"update:fileList":null,remove:o=>o},N=E.onEmitsFactory(g),F=Object.freeze(Object.defineProperty({__proto__:null,createBindProps:T,createOnEmits:N,emits:g,props:b},Symbol.toStringTag,{value:"Module"})),R=new z.RestFetch({baseURL:""}),q=e.defineComponent({components:{ElProgress:d.ElProgress,ElIcon:d.ElIcon,Check:k.check_default,ZoomIn:k.zoom_in_default,Delete:k.delete_default,Close:k.close_default,CircleCheck:k.circle_check_default,Document:k.document_default,Download:k.download_default,ElButton:d.ElButton},props:{listType:{type:String,default:"text"},file:{type:Object,default:()=>({})},disabled:{type:Boolean,default:!1},onPreview:{type:Function,default:()=>$.NOOP},onDownload:{type:Function,default:void 0},preview:{type:[Boolean,Function],default:!1},previewLabel:{type:String,default:void 0}},emits:{remove:o=>o},setup(o,{emit:l}){const f=d.useNamespace("upload"),a=d.useNamespace("icon"),{tr:w}=h.useLocale(),i=(n=o.file)=>{l("remove",n)},p=(n=o.file)=>{if(o.onDownload){o.onDownload(n);return}let t="";n.url?t=n.url:n.raw&&(t=window.URL.createObjectURL(n.raw)),t&&R.download({url:t,fileName:n.name},{method:"GET"})},s=e.computed(()=>D.isCallable(o.preview)?o.preview(o.file):o.preview),u=e.computed(()=>o.previewLabel||w("el.upload.preview","预览"));return{handleRemove:i,nsIcon:a,nsUpload:f,handleDownload:p,handlePreview:(n=o.file)=>{s.value&&o.onPreview(n)},previewText:u,previewable:s,tr:w}}}),O=["src"];function j(o,l,f,a,w,i){const p=e.resolveComponent("Document"),s=e.resolveComponent("ElIcon"),u=e.resolveComponent("Download"),v=e.resolveComponent("ElButton"),n=e.resolveComponent("ElProgress"),t=e.resolveComponent("CircleCheck"),r=e.resolveComponent("Check"),c=e.resolveComponent("Close"),C=e.resolveComponent("ZoomIn"),y=e.resolveComponent("Delete");return e.openBlock(),e.createElementBlock(e.Fragment,null,[o.listType==="picture"||o.file.status!=="uploading"&&o.listType==="picture-card"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[/\.(svg|png|jpg|jpeg)$/.test(o.file.name)?(e.openBlock(),e.createElementBlock("img",{key:0,class:e.normalizeClass(o.nsUpload.be("list","item-thumbnail")),src:o.file.url,alt:""},null,10,O)):(e.openBlock(),e.createBlock(p,{key:1,class:e.normalizeClass([o.nsUpload.be("list","item-thumbnail"),o.nsIcon.m("document")])},null,8,["class"]))],64)):e.createCommentVNode("",!0),o.listType!=="picture-card"||o.file.status==="uploading"?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(o.nsUpload.be("list","item-info"))},[e.createElementVNode("a",{class:e.normalizeClass(o.nsUpload.be("list","item-name")),onClick:l[1]||(l[1]=e.withModifiers(m=>o.handlePreview(o.file),["prevent"]))},[e.createVNode(s,{class:e.normalizeClass(o.nsIcon.m("document"))},{default:e.withCtx(()=>[e.createVNode(p)]),_:1},8,["class"]),e.createVNode(s,{class:e.normalizeClass([o.nsIcon.m("download"),o.nsIcon.m("download-primary")]),onClick:l[0]||(l[0]=e.withModifiers(m=>o.handleDownload(o.file),["stop"]))},{default:e.withCtx(()=>[e.createVNode(u)]),_:1},8,["class"]),e.createElementVNode("span",{class:e.normalizeClass(o.nsUpload.be("list","item-file-name"))},e.toDisplayString(o.file.name),3)],2),o.listType==="picture"?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(o.nsUpload.be("list","item-file-actions"))},[e.createVNode(v,{disabled:!o.previewable,class:e.normalizeClass(o.nsUpload.be("list","item-file-action-preview")),plain:"",size:"small",round:"",onClick:l[2]||(l[2]=m=>o.handlePreview(o.file))},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(o.previewText),1)]),_:1},8,["disabled","class"]),e.createVNode(v,{plain:"",size:"small",round:"",type:"primary",onClick:l[3]||(l[3]=m=>o.handleDownload(o.file))},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(o.tr("vkf.common.download","下载")),1)]),_:1})],2)):e.createCommentVNode("",!0),o.file.status==="uploading"?(e.openBlock(),e.createBlock(n,{key:1,type:o.listType==="picture-card"?"circle":"line","stroke-width":o.listType==="picture-card"?6:2,percentage:Number(o.file.percentage),style:e.normalizeStyle(o.listType==="picture-card"?"":"margin-top: 0.5rem")},null,8,["type","stroke-width","percentage","style"])):e.createCommentVNode("",!0)],2)):e.createCommentVNode("",!0),e.createElementVNode("label",{class:e.normalizeClass(o.nsUpload.be("list","item-status-label"))},[o.listType==="text"?(e.openBlock(),e.createBlock(s,{key:0,class:e.normalizeClass([o.nsIcon.m("upload-success"),o.nsIcon.m("circle-check")])},{default:e.withCtx(()=>[e.createVNode(t)]),_:1},8,["class"])):["picture-card","picture"].includes(o.listType)?(e.openBlock(),e.createBlock(s,{key:1,class:e.normalizeClass([o.nsIcon.m("upload-success"),o.nsIcon.m("check")])},{default:e.withCtx(()=>[e.createVNode(r)]),_:1},8,["class"])):e.createCommentVNode("",!0)],2),o.disabled?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(s,{key:2,class:e.normalizeClass(o.nsIcon.m("close")),onClick:l[4]||(l[4]=m=>o.handleRemove(o.file))},{default:e.withCtx(()=>[e.createVNode(c)]),_:1},8,["class"])),o.listType==="picture-card"?(e.openBlock(),e.createElementBlock("span",{key:3,class:e.normalizeClass(o.nsUpload.be("list","item-actions"))},[o.previewable?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(o.nsUpload.be("list","item-preview")),onClick:l[5]||(l[5]=m=>o.handlePreview(o.file))},[e.createVNode(s,{class:e.normalizeClass(o.nsIcon.m("zoom-in"))},{default:e.withCtx(()=>[e.createVNode(C)]),_:1},8,["class"])],2)):e.createCommentVNode("",!0),e.createElementVNode("span",{class:e.normalizeClass(o.nsUpload.be("list","item-download")),onClick:l[6]||(l[6]=m=>o.handleDownload(o.file))},[e.createVNode(s,{class:e.normalizeClass(o.nsIcon.m("download"))},{default:e.withCtx(()=>[e.createVNode(u)]),_:1},8,["class"])],2),o.disabled?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass(o.nsUpload.be("list","item-delete")),onClick:l[7]||(l[7]=m=>o.handleRemove(o.file))},[e.createVNode(s,{class:e.normalizeClass(o.nsIcon.m("delete"))},{default:e.withCtx(()=>[e.createVNode(y)]),_:1},8,["class"])],2))],2)):e.createCommentVNode("",!0)],64)}const M=B._export_sfc(q,[["render",j]]),Z=e.defineComponent({components:{VkfFormItem:V.VkfFormItem,ElUpload:d.ElUpload,FileVue:M,ElLink:d.ElLink},props:b,emits:g,setup(o,{emit:l}){const f=V._VkfFormItemCtx.createBindProps(o),{tr:a}=h.useLocale(),w=I.createUploadBindProps(o,["disabled","fileList","beforeUpload","onSuccess"]),i=e.shallowRef(),p=t=>{i.value?.handleRemove(t),i.value?.abort(t),l("update:fileList",o.fileList)},s=(t,r)=>{if(o.onExceed){o.onExceed(t,r);return}if(o.exceedable){const c=()=>{i.value?.clearFiles(),t.forEach(C=>{C.uid=d.genFileId(),i.value?.handleStart(C)}),i.value?.submit()};o.confirmExceed?d.ElMessageBox.confirm(a("vkf.upload.exceedConfirm","已超过最大上传数量限制，是否使用新文件重新上传？"),a("el.messagebox.title","提示"),{confirmButtonText:a("el.upload.continue","继续"),cancelButtonText:a("el.messagebox.cancel","取消"),type:"warning"}).then(c):c()}},u=L.useComputedReadonly(o),v=(t,r,c)=>{r.raw.progress?.(!0),r.percentage=100,r.status="success",o.onSuccess?.(t,r,c)},n=async t=>{const r=(c,C)=>{const y=o.fileList.find(m=>m.uid===t.uid);y&&(y.percentage=Number((c*100).toFixed(2)),C===!1&&(y.status="uploading"))};return t.progress=S(r)(!1),o.beforeUpload?await o.beforeUpload?.(t):!0};return{formItemBindProps:f,pickObject:P.pickObject,coreBindProps:w,uploadRef:i,handleRemove:p,readonly:u,onSuccess:v,beforeUpload:n,handleExceed:s,tr:a}}}),G={class:"el-upload__tip"};function H(o,l,f,a,w,i){const p=e.resolveComponent("ElLink"),s=e.resolveComponent("FileVue"),u=e.resolveComponent("ElUpload"),v=e.resolveComponent("VkfFormItem");return e.openBlock(),e.createBlock(v,e.normalizeProps(e.guardReactiveProps(o.formItemBindProps)),{default:e.withCtx(()=>[e.createVNode(u,e.mergeProps(o.coreBindProps,{ref:"uploadRef",class:["vkf-upload",{"is-readonly":o.readonly,"is-empty":o.fileList?.length===0,"is-limit":o.limit&&o.fileList?.length>=o.limit,"is-exceedable":o.exceedable}],"file-list":o.fileList??[],"on-success":o.onSuccess,"before-upload":o.beforeUpload,disabled:o.readonly||o.disabled,"on-exceed":o.handleExceed,"onUpdate:fileList":l[0]||(l[0]=n=>o.$emit("update:fileList",n))}),e.createSlots({file:e.withCtx(({file:n})=>[e.createVNode(s,{file:n,"list-type":o.listType,disabled:o.readonly||o.disabled,"on-preview":o.onPreview,preview:o.preview,"on-download":o.onDownload,"preview-label":o.previewLabel,onRemove:o.handleRemove},null,8,["file","list-type","disabled","on-preview","preview","on-download","preview-label","onRemove"])]),default:e.withCtx(()=>[e.renderSlot(o.$slots,"default",{},()=>[e.createVNode(p,{type:"primary"},{default:e.withCtx(()=>[e.createTextVNode(" + "+e.toDisplayString(o.tr("vkf.upload.selectFile","选择文件")),1)]),_:1})])]),_:2},[o.tip?{name:"tip",fn:e.withCtx(()=>[e.createElementVNode("div",G,e.toDisplayString(o.tip),1)]),key:"0"}:void 0]),1040,["class","file-list","on-success","before-upload","disabled","on-exceed"]),e.createElementVNode("span",{class:e.normalizeClass(["vkf-upload-empty-tip",{"is-readonly":o.readonly,"is-empty":o.fileList?.length===0}])},e.toDisplayString(o.tr("vkf.upload.empty","暂无")),3)]),_:3},16)}const A=B._export_sfc(Z,[["render",H]]),U=e.defineComponent({name:"VkfUpload",props:b,emits:g,setup(o,{emit:l,slots:f}){const a=N(l);return()=>e.h(A,{...o,...E.vOn(a)},{...o.slots,...f})}}),J=Object.freeze(Object.defineProperty({__proto__:null},Symbol.toStringTag,{value:"Module"}));exports.VkfUpload=U;exports._VkfUploadCtx=F;exports.__VkfUpload=J;exports.default=U;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),V=require("@vunk/form/components/form-item"),h=require("@vunk/core/shared/utils-vue"),c=require("element-plus"),P=require("@vunk/core/shared/utils-object"),I=require("@vunk/form/shared/element-plus"),k=require("../index-Bc7UifHG.js"),z=require("@vunk/core/shared/utils-fetch"),T=require("@vunk/core/shared/utils-function"),$=require("@vunk/shared/function"),E=require("@vunk/form/composables/element-plus"),B=require("../_plugin-vue_export-helper-BHFhmbuH.js"),D=require("@vunk/form/composables"),L=require("@vunk/form/shared/progress-it"),b={...V._VkfFormItemCtx.props,...c.uploadProps,tip:{type:String,default:""},preview:null,previewLabel:{type:String,default:void 0},beforeUpload:{type:Function,default:void 0},onDownload:{type:Function,default:void 0},onExceed:{type:Function,default:void 0},exceedable:{type:Boolean,default:!1},confirmExceed:{type:Boolean,default:!1},slots:null},S=h.bindPropsFactory(b),g={"update:fileList":null,remove:o=>o},N=h.onEmitsFactory(g),F=Object.freeze(Object.defineProperty({__proto__:null,createBindProps:S,createOnEmits:N,emits:g,props:b},Symbol.toStringTag,{value:"Module"})),R=new z.RestFetch({baseURL:""}),q=e.defineComponent({components:{ElProgress:c.ElProgress,ElIcon:c.ElIcon,Check:k.check_default,ZoomIn:k.zoom_in_default,Delete:k.delete_default,Close:k.close_default,CircleCheck:k.circle_check_default,Document:k.document_default,Download:k.download_default,ElButton:c.ElButton},props:{listType:{type:String,default:"text"},file:{type:Object,default:()=>({})},disabled:{type:Boolean,default:!1},onPreview:{type:Function,default:()=>T.NOOP},onDownload:{type:Function,default:void 0},preview:{type:[Boolean,Function],default:!1},previewLabel:{type:String,default:void 0}},emits:{remove:o=>o},setup(o,{emit:l}){const v=c.useNamespace("upload"),i=c.useNamespace("icon"),{tr:w}=E.useLocale(),r=(t=o.file)=>{l("remove",t)},p=(t=o.file)=>{if(o.onDownload){o.onDownload(t);return}let n="";t.url?n=t.url:t.raw&&(n=window.URL.createObjectURL(t.raw)),n&&R.download({url:n,fileName:t.name},{method:"GET"})},s=e.computed(()=>$.isCallable(o.preview)?o.preview(o.file):o.preview),u=e.computed(()=>o.previewLabel||w("el.upload.preview","预览"));return{handleRemove:r,nsIcon:i,nsUpload:v,handleDownload:p,handlePreview:(t=o.file)=>{s.value&&o.onPreview(t)},previewText:u,previewable:s,tr:w}}}),O=["src"];function j(o,l,v,i,w,r){const p=e.resolveComponent("Document"),s=e.resolveComponent("ElIcon"),u=e.resolveComponent("Download"),C=e.resolveComponent("ElButton"),t=e.resolveComponent("ElProgress"),n=e.resolveComponent("CircleCheck"),d=e.resolveComponent("Check"),m=e.resolveComponent("Close"),f=e.resolveComponent("ZoomIn"),y=e.resolveComponent("Delete");return e.openBlock(),e.createElementBlock(e.Fragment,null,[o.listType==="picture"||o.file.status!=="uploading"&&o.listType==="picture-card"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[/\.(svg|png|jpg|jpeg)$/.test(o.file.name)?(e.openBlock(),e.createElementBlock("img",{key:0,class:e.normalizeClass(o.nsUpload.be("list","item-thumbnail")),src:o.file.url,alt:""},null,10,O)):(e.openBlock(),e.createBlock(p,{key:1,class:e.normalizeClass([o.nsUpload.be("list","item-thumbnail"),o.nsIcon.m("document")])},null,8,["class"]))],64)):e.createCommentVNode("",!0),o.listType!=="picture-card"||o.file.status==="uploading"?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(o.nsUpload.be("list","item-info"))},[e.createElementVNode("a",{class:e.normalizeClass(o.nsUpload.be("list","item-name")),onClick:l[1]||(l[1]=e.withModifiers(a=>o.handlePreview(o.file),["prevent"]))},[e.createVNode(s,{class:e.normalizeClass(o.nsIcon.m("document"))},{default:e.withCtx(()=>[e.createVNode(p)]),_:1},8,["class"]),e.createVNode(s,{class:e.normalizeClass([o.nsIcon.m("download"),o.nsIcon.m("download-primary")]),onClick:l[0]||(l[0]=e.withModifiers(a=>o.handleDownload(o.file),["stop"]))},{default:e.withCtx(()=>[e.createVNode(u)]),_:1},8,["class"]),e.createElementVNode("span",{class:e.normalizeClass(o.nsUpload.be("list","item-file-name"))},e.toDisplayString(o.file.name),3)],2),o.listType==="picture"?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(o.nsUpload.be("list","item-file-actions"))},[e.createVNode(C,{disabled:!o.previewable,class:e.normalizeClass(o.nsUpload.be("list","item-file-action-preview")),plain:"",size:"small",round:"",onClick:l[2]||(l[2]=a=>o.handlePreview(o.file))},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(o.previewText),1)]),_:1},8,["disabled","class"]),e.createVNode(C,{plain:"",size:"small",round:"",type:"primary",onClick:l[3]||(l[3]=a=>o.handleDownload(o.file))},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(o.tr("vkf.common.download","下载")),1)]),_:1})],2)):e.createCommentVNode("",!0),o.file.status==="uploading"?(e.openBlock(),e.createBlock(t,{key:1,type:o.listType==="picture-card"?"circle":"line","stroke-width":o.listType==="picture-card"?6:2,percentage:Number(o.file.percentage),style:e.normalizeStyle(o.listType==="picture-card"?"":"margin-top: 0.5rem")},null,8,["type","stroke-width","percentage","style"])):e.createCommentVNode("",!0)],2)):e.createCommentVNode("",!0),e.createElementVNode("label",{class:e.normalizeClass(o.nsUpload.be("list","item-status-label"))},[o.listType==="text"?(e.openBlock(),e.createBlock(s,{key:0,class:e.normalizeClass([o.nsIcon.m("upload-success"),o.nsIcon.m("circle-check")])},{default:e.withCtx(()=>[e.createVNode(n)]),_:1},8,["class"])):["picture-card","picture"].includes(o.listType)?(e.openBlock(),e.createBlock(s,{key:1,class:e.normalizeClass([o.nsIcon.m("upload-success"),o.nsIcon.m("check")])},{default:e.withCtx(()=>[e.createVNode(d)]),_:1},8,["class"])):e.createCommentVNode("",!0)],2),o.disabled?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(s,{key:2,class:e.normalizeClass(o.nsIcon.m("close")),onClick:l[4]||(l[4]=a=>o.handleRemove(o.file))},{default:e.withCtx(()=>[e.createVNode(m)]),_:1},8,["class"])),o.listType==="picture-card"?(e.openBlock(),e.createElementBlock("span",{key:3,class:e.normalizeClass(o.nsUpload.be("list","item-actions"))},[o.previewable?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(o.nsUpload.be("list","item-preview")),onClick:l[5]||(l[5]=a=>o.handlePreview(o.file))},[e.createVNode(s,{class:e.normalizeClass(o.nsIcon.m("zoom-in"))},{default:e.withCtx(()=>[e.createVNode(f)]),_:1},8,["class"])],2)):e.createCommentVNode("",!0),e.createElementVNode("span",{class:e.normalizeClass(o.nsUpload.be("list","item-download")),onClick:l[6]||(l[6]=a=>o.handleDownload(o.file))},[e.createVNode(s,{class:e.normalizeClass(o.nsIcon.m("download"))},{default:e.withCtx(()=>[e.createVNode(u)]),_:1},8,["class"])],2),o.disabled?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass(o.nsUpload.be("list","item-delete")),onClick:l[7]||(l[7]=a=>o.handleRemove(o.file))},[e.createVNode(s,{class:e.normalizeClass(o.nsIcon.m("delete"))},{default:e.withCtx(()=>[e.createVNode(y)]),_:1},8,["class"])],2))],2)):e.createCommentVNode("",!0)],64)}const M=B._export_sfc(q,[["render",j]]),Z=e.defineComponent({components:{VkfFormItem:V.VkfFormItem,ElUpload:c.ElUpload,FileVue:M,ElLink:c.ElLink},props:b,emits:g,setup(o,{emit:l}){const v=V._VkfFormItemCtx.createBindProps(o),{tr:i}=E.useLocale(),w=I.createUploadBindProps(o,["disabled","fileList","beforeUpload","onSuccess"]),r=e.shallowRef(),p=n=>{r.value?.handleRemove(n),r.value?.abort(n),l("update:fileList",o.fileList)},s=(n,d)=>{if(o.onExceed){o.onExceed(n,d);return}if(o.exceedable){const m=()=>{r.value?.clearFiles();const f=o.limit;(f&&n.length>f?n.slice(n.length-f):n).forEach(a=>{a.uid=c.genFileId(),r.value?.handleStart(a)}),r.value?.submit()};o.confirmExceed?c.ElMessageBox.confirm(i("vkf.upload.exceedConfirm","已超过最大上传数量限制，是否使用新文件重新上传？"),i("el.messagebox.title","提示"),{confirmButtonText:i("el.upload.continue","继续"),cancelButtonText:i("el.messagebox.cancel","取消"),type:"warning"}).then(m):m()}},u=D.useComputedReadonly(o),C=(n,d,m)=>{d.raw.progress?.(!0),d.percentage=100,d.status="success",o.onSuccess?.(n,d,m)},t=async n=>{const d=(m,f)=>{const y=o.fileList.find(a=>a.uid===n.uid);y&&(y.percentage=Number((m*100).toFixed(2)),f===!1&&(y.status="uploading"))};return n.progress=L(d)(!1),o.beforeUpload?await o.beforeUpload?.(n):!0};return{formItemBindProps:v,pickObject:P.pickObject,coreBindProps:w,uploadRef:r,handleRemove:p,readonly:u,onSuccess:C,beforeUpload:t,handleExceed:s,tr:i}}}),G={class:"el-upload__tip"};function H(o,l,v,i,w,r){const p=e.resolveComponent("ElLink"),s=e.resolveComponent("FileVue"),u=e.resolveComponent("ElUpload"),C=e.resolveComponent("VkfFormItem");return e.openBlock(),e.createBlock(C,e.normalizeProps(e.guardReactiveProps(o.formItemBindProps)),{default:e.withCtx(()=>[e.createVNode(u,e.mergeProps(o.coreBindProps,{ref:"uploadRef",class:["vkf-upload",{"is-readonly":o.readonly,"is-empty":o.fileList?.length===0,"is-limit":o.limit&&o.fileList?.length>=o.limit,"is-exceedable":o.exceedable}],"file-list":o.fileList??[],"on-success":o.onSuccess,"before-upload":o.beforeUpload,disabled:o.readonly||o.disabled,"on-exceed":o.handleExceed,"onUpdate:fileList":l[0]||(l[0]=t=>o.$emit("update:fileList",t))}),e.createSlots({file:e.withCtx(({file:t})=>[e.createVNode(s,{file:t,"list-type":o.listType,disabled:o.readonly||o.disabled,"on-preview":o.onPreview,preview:o.preview,"on-download":o.onDownload,"preview-label":o.previewLabel,onRemove:o.handleRemove},null,8,["file","list-type","disabled","on-preview","preview","on-download","preview-label","onRemove"])]),default:e.withCtx(()=>[e.renderSlot(o.$slots,"default",{},()=>[e.createVNode(p,{type:"primary"},{default:e.withCtx(()=>[e.createTextVNode(" + "+e.toDisplayString(o.tr("vkf.upload.selectFile","选择文件")),1)]),_:1})])]),_:2},[o.tip?{name:"tip",fn:e.withCtx(()=>[e.createElementVNode("div",G,e.toDisplayString(o.tip),1)]),key:"0"}:void 0]),1040,["class","file-list","on-success","before-upload","disabled","on-exceed"]),e.createElementVNode("span",{class:e.normalizeClass(["vkf-upload-empty-tip",{"is-readonly":o.readonly,"is-empty":o.fileList?.length===0}])},e.toDisplayString(o.tr("vkf.upload.empty","暂无")),3)]),_:3},16)}const A=B._export_sfc(Z,[["render",H]]),U=e.defineComponent({name:"VkfUpload",props:b,emits:g,setup(o,{emit:l,slots:v}){const i=N(l);return()=>e.h(A,{...o,...h.vOn(i)},{...o.slots,...v})}}),J=Object.freeze(Object.defineProperty({__proto__:null},Symbol.toStringTag,{value:"Module"}));exports.VkfUpload=U;exports._VkfUploadCtx=F;exports.__VkfUpload=J;exports.default=U;

package/components/upload/index.mjs

@@ -1,10 +1,10 @@
-import { defineComponent as T, computed as D, resolveComponent as d, openBlock as r, createElementBlock as w, Fragment as S, normalizeClass as l, createBlock as C, createCommentVNode as v, createElementVNode as E, withModifiers as F, createVNode as s, withCtx as i, toDisplayString as I, createTextVNode as B, normalizeStyle as N, shallowRef as M, normalizeProps as Z, guardReactiveProps as G, mergeProps as q, createSlots as A, renderSlot as H, h as J } from "vue";
+import { defineComponent as B, computed as D, resolveComponent as r, openBlock as d, createElementBlock as k, Fragment as S, normalizeClass as n, createBlock as E, createCommentVNode as v, createElementVNode as I, withModifiers as F, createVNode as s, withCtx as i, toDisplayString as P, createTextVNode as T, normalizeStyle as N, shallowRef as M, normalizeProps as Z, guardReactiveProps as G, mergeProps as q, createSlots as A, renderSlot as H, h as J } from "vue";
 import { _VkfFormItemCtx as V, VkfFormItem as K } from "@vunk/form/components/form-item";
 import { bindPropsFactory as Q, onEmitsFactory as W, vOn as X } from "@vunk/core/shared/utils-vue";
 import { uploadProps as Y, ElButton as _, ElIcon as x, ElProgress as ee, useNamespace as R, ElLink as oe, ElUpload as le, ElMessageBox as ne, genFileId as se } from "element-plus";
 import { pickObject as te } from "@vunk/core/shared/utils-object";
 import { createUploadBindProps as ae } from "@vunk/form/shared/element-plus";
-import { f as ie, h as re, i as de, j as pe, d as ue, z as me, k as ce } from "../index-DCNYT7Wv.mjs";
+import { f as ie, h as de, i as re, j as pe, d as ue, z as me, k as ce } from "../index-DCNYT7Wv.mjs";
 import { RestFetch as fe } from "@vunk/core/shared/utils-fetch";
 import { NOOP as ve } from "@vunk/core/shared/utils-function";
 import { isCallable as ye } from "@vunk/shared/function";
@@ -65,7 +65,7 @@ const $ = {
   props: $
 }, Symbol.toStringTag, { value: "Module" })), ge = new fe({
   baseURL: ""
-}), Ue = T({
+}), Ue = B({
   components: {
     ElProgress: ee,
     ElIcon: x,
@@ -73,8 +73,8 @@ const $ = {
     ZoomIn: me,
     Delete: ue,
     Close: pe,
-    CircleCheck: de,
-    Document: re,
+    CircleCheck: re,
+    Document: de,
     Download: ie,
     ElButton: _
   },
@@ -112,25 +112,25 @@ const $ = {
     remove: (e) => e
   },
   setup(e, { emit: o }) {
-    const k = R("upload"), p = R("icon"), { tr: U } = O(), u = (t = e.file) => {
+    const g = R("upload"), u = R("icon"), { tr: U } = O(), m = (t = e.file) => {
       o("remove", t);
     }, y = (t = e.file) => {
       if (e.onDownload) {
         e.onDownload(t);
         return;
       }
-      let n = "";
-      t.url ? n = t.url : t.raw && (n = window.URL.createObjectURL(t.raw)), n && ge.download({
-        url: n,
+      let l = "";
+      t.url ? l = t.url : t.raw && (l = window.URL.createObjectURL(t.raw)), l && ge.download({
+        url: l,
         fileName: t.name
       }, {
         method: "GET"
       });
     }, a = D(() => ye(e.preview) ? e.preview(e.file) : e.preview), b = D(() => e.previewLabel || U("el.upload.preview", "预览"));
     return {
-      handleRemove: u,
-      nsIcon: p,
-      nsUpload: k,
+      handleRemove: m,
+      nsIcon: u,
+      nsUpload: g,
       handleDownload: y,
       handlePreview: (t = e.file) => {
         a.value && e.onPreview(t);
@@ -141,33 +141,33 @@ const $ = {
     };
   }
 }), he = ["src"];
-function Ce(e, o, k, p, U, u) {
-  const y = d("Document"), a = d("ElIcon"), b = d("Download"), h = d("ElButton"), t = d("ElProgress"), n = d("CircleCheck"), m = d("Check"), c = d("Close"), g = d("ZoomIn"), P = d("Delete");
-  return r(), w(S, null, [
-    e.listType === "picture" || e.file.status !== "uploading" && e.listType === "picture-card" ? (r(), w(S, { key: 0 }, [
-      /\.(svg|png|jpg|jpeg)$/.test(e.file.name) ? (r(), w("img", {
+function Ce(e, o, g, u, U, m) {
+  const y = r("Document"), a = r("ElIcon"), b = r("Download"), h = r("ElButton"), t = r("ElProgress"), l = r("CircleCheck"), c = r("Check"), f = r("Close"), w = r("ZoomIn"), C = r("Delete");
+  return d(), k(S, null, [
+    e.listType === "picture" || e.file.status !== "uploading" && e.listType === "picture-card" ? (d(), k(S, { key: 0 }, [
+      /\.(svg|png|jpg|jpeg)$/.test(e.file.name) ? (d(), k("img", {
         key: 0,
-        class: l(e.nsUpload.be("list", "item-thumbnail")),
+        class: n(e.nsUpload.be("list", "item-thumbnail")),
         src: e.file.url,
         alt: ""
-      }, null, 10, he)) : (r(), C(y, {
+      }, null, 10, he)) : (d(), E(y, {
         key: 1,
-        class: l([
+        class: n([
           e.nsUpload.be("list", "item-thumbnail"),
           e.nsIcon.m("document")
         ])
       }, null, 8, ["class"]))
     ], 64)) : v("", !0),
-    e.listType !== "picture-card" || e.file.status === "uploading" ? (r(), w("div", {
+    e.listType !== "picture-card" || e.file.status === "uploading" ? (d(), k("div", {
       key: 1,
-      class: l(e.nsUpload.be("list", "item-info"))
+      class: n(e.nsUpload.be("list", "item-info"))
     }, [
-      E("a", {
-        class: l(e.nsUpload.be("list", "item-name")),
-        onClick: o[1] || (o[1] = F((f) => e.handlePreview(e.file), ["prevent"]))
+      I("a", {
+        class: n(e.nsUpload.be("list", "item-name")),
+        onClick: o[1] || (o[1] = F((p) => e.handlePreview(e.file), ["prevent"]))
       }, [
         s(a, {
-          class: l(e.nsIcon.m("document"))
+          class: n(e.nsIcon.m("document"))
         }, {
           default: i(() => [
             s(y)
@@ -175,35 +175,35 @@ function Ce(e, o, k, p, U, u) {
           _: 1
         }, 8, ["class"]),
         s(a, {
-          class: l([
+          class: n([
             e.nsIcon.m("download"),
             e.nsIcon.m("download-primary")
           ]),
-          onClick: o[0] || (o[0] = F((f) => e.handleDownload(e.file), ["stop"]))
+          onClick: o[0] || (o[0] = F((p) => e.handleDownload(e.file), ["stop"]))
         }, {
           default: i(() => [
             s(b)
           ]),
           _: 1
         }, 8, ["class"]),
-        E("span", {
-          class: l(e.nsUpload.be("list", "item-file-name"))
-        }, I(e.file.name), 3)
+        I("span", {
+          class: n(e.nsUpload.be("list", "item-file-name"))
+        }, P(e.file.name), 3)
       ], 2),
-      e.listType === "picture" ? (r(), w("div", {
+      e.listType === "picture" ? (d(), k("div", {
         key: 0,
-        class: l(e.nsUpload.be("list", "item-file-actions"))
+        class: n(e.nsUpload.be("list", "item-file-actions"))
       }, [
         s(h, {
           disabled: !e.previewable,
-          class: l(e.nsUpload.be("list", "item-file-action-preview")),
+          class: n(e.nsUpload.be("list", "item-file-action-preview")),
           plain: "",
           size: "small",
           round: "",
-          onClick: o[2] || (o[2] = (f) => e.handlePreview(e.file))
+          onClick: o[2] || (o[2] = (p) => e.handlePreview(e.file))
         }, {
           default: i(() => [
-            B(I(e.previewText), 1)
+            T(P(e.previewText), 1)
           ]),
           _: 1
         }, 8, ["disabled", "class"]),
@@ -212,15 +212,15 @@ function Ce(e, o, k, p, U, u) {
           size: "small",
           round: "",
           type: "primary",
-          onClick: o[3] || (o[3] = (f) => e.handleDownload(e.file))
+          onClick: o[3] || (o[3] = (p) => e.handleDownload(e.file))
         }, {
           default: i(() => [
-            B(I(e.tr("vkf.common.download", "下载")), 1)
+            T(P(e.tr("vkf.common.download", "下载")), 1)
           ]),
           _: 1
         })
       ], 2)) : v("", !0),
-      e.file.status === "uploading" ? (r(), C(t, {
+      e.file.status === "uploading" ? (d(), E(t, {
         key: 1,
         type: e.listType === "picture-card" ? "circle" : "line",
         "stroke-width": e.listType === "picture-card" ? 6 : 2,
@@ -228,64 +228,64 @@ function Ce(e, o, k, p, U, u) {
         style: N(e.listType === "picture-card" ? "" : "margin-top: 0.5rem")
       }, null, 8, ["type", "stroke-width", "percentage", "style"])) : v("", !0)
     ], 2)) : v("", !0),
-    E("label", {
-      class: l(e.nsUpload.be("list", "item-status-label"))
+    I("label", {
+      class: n(e.nsUpload.be("list", "item-status-label"))
     }, [
-      e.listType === "text" ? (r(), C(a, {
+      e.listType === "text" ? (d(), E(a, {
         key: 0,
-        class: l([
+        class: n([
           e.nsIcon.m("upload-success"),
           e.nsIcon.m("circle-check")
         ])
       }, {
         default: i(() => [
-          s(n)
+          s(l)
         ]),
         _: 1
-      }, 8, ["class"])) : ["picture-card", "picture"].includes(e.listType) ? (r(), C(a, {
+      }, 8, ["class"])) : ["picture-card", "picture"].includes(e.listType) ? (d(), E(a, {
         key: 1,
-        class: l([e.nsIcon.m("upload-success"), e.nsIcon.m("check")])
+        class: n([e.nsIcon.m("upload-success"), e.nsIcon.m("check")])
       }, {
         default: i(() => [
-          s(m)
+          s(c)
         ]),
         _: 1
       }, 8, ["class"])) : v("", !0)
     ], 2),
-    e.disabled ? v("", !0) : (r(), C(a, {
+    e.disabled ? v("", !0) : (d(), E(a, {
       key: 2,
-      class: l(e.nsIcon.m("close")),
-      onClick: o[4] || (o[4] = (f) => e.handleRemove(e.file))
+      class: n(e.nsIcon.m("close")),
+      onClick: o[4] || (o[4] = (p) => e.handleRemove(e.file))
     }, {
       default: i(() => [
-        s(c)
+        s(f)
       ]),
       _: 1
     }, 8, ["class"])),
-    e.listType === "picture-card" ? (r(), w("span", {
+    e.listType === "picture-card" ? (d(), k("span", {
       key: 3,
-      class: l(e.nsUpload.be("list", "item-actions"))
+      class: n(e.nsUpload.be("list", "item-actions"))
     }, [
-      e.previewable ? (r(), w("span", {
+      e.previewable ? (d(), k("span", {
         key: 0,
-        class: l(e.nsUpload.be("list", "item-preview")),
-        onClick: o[5] || (o[5] = (f) => e.handlePreview(e.file))
+        class: n(e.nsUpload.be("list", "item-preview")),
+        onClick: o[5] || (o[5] = (p) => e.handlePreview(e.file))
       }, [
         s(a, {
-          class: l(e.nsIcon.m("zoom-in"))
+          class: n(e.nsIcon.m("zoom-in"))
         }, {
           default: i(() => [
-            s(g)
+            s(w)
           ]),
           _: 1
         }, 8, ["class"])
       ], 2)) : v("", !0),
-      E("span", {
-        class: l(e.nsUpload.be("list", "item-download")),
-        onClick: o[6] || (o[6] = (f) => e.handleDownload(e.file))
+      I("span", {
+        class: n(e.nsUpload.be("list", "item-download")),
+        onClick: o[6] || (o[6] = (p) => e.handleDownload(e.file))
       }, [
         s(a, {
-          class: l(e.nsIcon.m("download"))
+          class: n(e.nsIcon.m("download"))
         }, {
           default: i(() => [
             s(b)
@@ -293,16 +293,16 @@ function Ce(e, o, k, p, U, u) {
           _: 1
         }, 8, ["class"])
       ], 2),
-      e.disabled ? v("", !0) : (r(), w("span", {
+      e.disabled ? v("", !0) : (d(), k("span", {
         key: 1,
-        class: l(e.nsUpload.be("list", "item-delete")),
-        onClick: o[7] || (o[7] = (f) => e.handleRemove(e.file))
+        class: n(e.nsUpload.be("list", "item-delete")),
+        onClick: o[7] || (o[7] = (p) => e.handleRemove(e.file))
       }, [
         s(a, {
-          class: l(e.nsIcon.m("delete"))
+          class: n(e.nsIcon.m("delete"))
         }, {
           default: i(() => [
-            s(P)
+            s(C)
           ]),
           _: 1
         }, 8, ["class"])
@@ -310,7 +310,7 @@ function Ce(e, o, k, p, U, u) {
     ], 2)) : v("", !0)
   ], 64);
 }
-const Ee = /* @__PURE__ */ j(Ue, [["render", Ce]]), Ie = T({
+const Ee = /* @__PURE__ */ j(Ue, [["render", Ce]]), Ie = B({
   components: {
     VkfFormItem: K,
     ElUpload: le,
@@ -320,56 +320,58 @@ const Ee = /* @__PURE__ */ j(Ue, [["render", Ce]]), Ie = T({
   props: $,
   emits: L,
   setup(e, { emit: o }) {
-    const k = V.createBindProps(e), { tr: p } = O(), U = ae(e, ["disabled", "fileList", "beforeUpload", "onSuccess"]), u = M(), y = (n) => {
-      u.value?.handleRemove(n), u.value?.abort(n), o("update:fileList", e.fileList);
-    }, a = (n, m) => {
+    const g = V.createBindProps(e), { tr: u } = O(), U = ae(e, ["disabled", "fileList", "beforeUpload", "onSuccess"]), m = M(), y = (l) => {
+      m.value?.handleRemove(l), m.value?.abort(l), o("update:fileList", e.fileList);
+    }, a = (l, c) => {
       if (e.onExceed) {
-        e.onExceed(n, m);
+        e.onExceed(l, c);
         return;
       }
       if (e.exceedable) {
-        const c = () => {
-          u.value?.clearFiles(), n.forEach((g) => {
-            g.uid = se(), u.value?.handleStart(g);
-          }), u.value?.submit();
+        const f = () => {
+          m.value?.clearFiles();
+          const w = e.limit;
+          (w && l.length > w ? l.slice(l.length - w) : l).forEach((p) => {
+            p.uid = se(), m.value?.handleStart(p);
+          }), m.value?.submit();
         };
         e.confirmExceed ? ne.confirm(
-          p("vkf.upload.exceedConfirm", "已超过最大上传数量限制，是否使用新文件重新上传？"),
-          p("el.messagebox.title", "提示"),
+          u("vkf.upload.exceedConfirm", "已超过最大上传数量限制，是否使用新文件重新上传？"),
+          u("el.messagebox.title", "提示"),
           {
-            confirmButtonText: p("el.upload.continue", "继续"),
-            cancelButtonText: p("el.messagebox.cancel", "取消"),
+            confirmButtonText: u("el.upload.continue", "继续"),
+            cancelButtonText: u("el.messagebox.cancel", "取消"),
             type: "warning"
           }
-        ).then(c) : c();
+        ).then(f) : f();
       }
     }, b = be(e);
     return {
-      formItemBindProps: k,
+      formItemBindProps: g,
       pickObject: te,
       coreBindProps: U,
-      uploadRef: u,
+      uploadRef: m,
       handleRemove: y,
       readonly: b,
-      onSuccess: (n, m, c) => {
-        m.raw.progress?.(!0), m.percentage = 100, m.status = "success", e.onSuccess?.(n, m, c);
+      onSuccess: (l, c, f) => {
+        c.raw.progress?.(!0), c.percentage = 100, c.status = "success", e.onSuccess?.(l, c, f);
       },
       // onProgress,
-      beforeUpload: async (n) => {
-        const m = (c, g) => {
-          const P = e.fileList.find((f) => f.uid === n.uid);
-          P && (P.percentage = Number((c * 100).toFixed(2)), g === !1 && (P.status = "uploading"));
+      beforeUpload: async (l) => {
+        const c = (f, w) => {
+          const C = e.fileList.find((p) => p.uid === l.uid);
+          C && (C.percentage = Number((f * 100).toFixed(2)), w === !1 && (C.status = "uploading"));
         };
-        return n.progress = we(m)(!1), e.beforeUpload ? await e.beforeUpload?.(n) : !0;
+        return l.progress = we(c)(!1), e.beforeUpload ? await e.beforeUpload?.(l) : !0;
       },
       handleExceed: a,
-      tr: p
+      tr: u
     };
   }
 }), Pe = { class: "el-upload__tip" };
-function $e(e, o, k, p, U, u) {
-  const y = d("ElLink"), a = d("FileVue"), b = d("ElUpload"), h = d("VkfFormItem");
-  return r(), C(h, Z(G(e.formItemBindProps)), {
+function $e(e, o, g, u, U, m) {
+  const y = r("ElLink"), a = r("FileVue"), b = r("ElUpload"), h = r("VkfFormItem");
+  return d(), E(h, Z(G(e.formItemBindProps)), {
     default: i(() => [
       s(b, q(e.coreBindProps, {
         ref: "uploadRef",
@@ -402,7 +404,7 @@ function $e(e, o, k, p, U, u) {
           H(e.$slots, "default", {}, () => [
             s(y, { type: "primary" }, {
               default: i(() => [
-                B(" + " + I(e.tr("vkf.upload.selectFile", "选择文件")), 1)
+                T(" + " + P(e.tr("vkf.upload.selectFile", "选择文件")), 1)
               ]),
               _: 1
             })
@@ -413,33 +415,33 @@ function $e(e, o, k, p, U, u) {
         e.tip ? {
           name: "tip",
           fn: i(() => [
-            E("div", Pe, I(e.tip), 1)
+            I("div", Pe, P(e.tip), 1)
           ]),
           key: "0"
         } : void 0
       ]), 1040, ["class", "file-list", "on-success", "before-upload", "disabled", "on-exceed"]),
-      E("span", {
-        class: l(["vkf-upload-empty-tip", {
+      I("span", {
+        class: n(["vkf-upload-empty-tip", {
           "is-readonly": e.readonly,
           "is-empty": e.fileList?.length === 0
         }])
-      }, I(e.tr("vkf.upload.empty", "暂无")), 3)
+      }, P(e.tr("vkf.upload.empty", "暂无")), 3)
     ]),
     _: 3
   }, 16);
 }
-const Le = /* @__PURE__ */ j(Ie, [["render", $e]]), Ae = T({
+const Le = /* @__PURE__ */ j(Ie, [["render", $e]]), Ae = B({
   name: "VkfUpload",
   props: $,
   emits: L,
-  setup(e, { emit: o, slots: k }) {
-    const p = z(o);
+  setup(e, { emit: o, slots: g }) {
+    const u = z(o);
     return () => J(Le, {
       ...e,
-      ...X(p)
+      ...X(u)
     }, {
       ...e.slots,
-      ...k
+      ...g
     });
   }
 }), He = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vunk/form",
-  "version": "2.19.23",
+  "version": "2.19.24",
   "description": "",
   "main": "index.esm.js",
   "scripts": {