@farris/ui-vue
Version:
Farris Vue, a Farris Design based Vue3 component library.
3 lines (2 loc) • 47.4 kB
JavaScript
(function(C,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("../dynamic-resolver/index.umd.js"),require("../common/index.umd.js"),require("../locale/index.umd.js"),require("bignumber.js"),require("lodash-es"),require("../designer-canvas/index.umd.js")):typeof define=="function"&&define.amd?define(["exports","vue","../dynamic-resolver/index.umd.js","../common/index.umd.js","../locale/index.umd.js","bignumber.js","lodash-es","../designer-canvas/index.umd.js"],e):(C=typeof globalThis<"u"?globalThis:C||self,e(C.uploader={},C.Vue,C.dynamicResolver,C.common,C.locale,C.BigNumber,C.LodashES,C.designerCanvas))})(this,function(C,e,L,ce,le,lt,it,ke){"use strict";var ot=Object.defineProperty;var at=(C,e,L)=>e in C?ot(C,e,{enumerable:!0,configurable:!0,writable:!0,value:L}):C[e]=L;var I=(C,e,L)=>at(C,typeof e!="symbol"?e+"":e,L);const Be={checked:{type:Boolean,default:!1},id:{type:String,default:""},disabled:{type:Boolean,default:!1}},Ee={showInfo:{type:Boolean,default:!0},status:{type:String,default:"normal"},percent:{type:Number,default:0},maxWidth:{type:Number,default:0}},Ae={selectText:{type:String,default:"选择文件"},disabled:{type:Boolean,default:!1},enableMulti:{type:Boolean,default:!0},accept:{type:String,default:"*"},options:{type:Object,default:{}},uploadedCount:{type:Number,default:0},extendConfig:{type:Object,default:{}},uploadServerToken:{type:String,default:""}},He=e.defineComponent({name:"FUploadProgress",props:Ee,setup(n,t){const{showInfo:o,status:a,maxWidth:i,percent:l}=e.toRefs(n);return()=>e.createVNode("div",{class:["f-progress upload-progress","upload-progress-status-"+a.value,"f-progress-status-"+a.value,"upload-progress-line",o.value?"upload-progress-show-info":""]},[e.createVNode("div",{class:"upload-progress-outer",style:{"max-width":i.value>0?i.value+"px":"auto"}},[e.createVNode("div",{class:"upload-progress-inner"},[e.createVNode("div",{class:"upload-progress-bg f-progress-bg",style:{width:l.value+"%"}},null)])]),o.value?e.createVNode("span",{class:"upload-progress-text"},[a.value==="error"||a.value==="success"?e.createVNode("span",{class:["upload-progress-text-icon f-icon","f-icon-"+a.value]},null):e.createVNode(e.Fragment,null,[l.value,e.createTextVNode("%")])]):""])}}),ue=e.defineComponent({name:"FPreviewCheckbox",props:Be,emits:["checkedChange"],setup(n,t){const{disabled:o}=e.toRefs(n),a=e.ref(n.checked),i=l=>{l.stopPropagation(),o.value||(a.value=!a.value,t.emit("checkedChange",{checked:a.value,id:n.id}))};return e.watch(()=>n.checked,l=>{a.value=l}),()=>e.createVNode("div",{class:"preview-checkbox d-inline-flex align-middle"},[e.createVNode("div",{class:"custom-control custom-checkbox f-checkradio-single m-0"},[e.createVNode("input",{title:"custom-control-input",class:"custom-control-input",type:"checkbox",disabled:o.value,checked:a.value},null),e.createVNode("label",{class:"custom-control-label",onClick:l=>i(l),onMousedown:l=>l.stopPropagation()},null)])])}}),pe=e.defineComponent({name:"FFileSelect",props:Ae,emits:["change","stateChange"],setup(n,t){const o=e.inject("uploaderService");o.setUploadContext(t);const a=e.getCurrentInstance(),i=e.ref("*");let l;const d=()=>{l.files&&(t.emit("change",l.files),o.handleFiles(l.files),l.value=null)};function c(){l.value=null,o.reset()}e.watch(()=>n.disabled,()=>{c()}),e.watch(()=>n.uploadedCount,p=>{o.setOptions({uploadedCount:p})}),e.watch(()=>n.extendConfig,p=>{o.setExtendServerConfig(p)}),e.watch(()=>n.options,p=>{o.setOptions(p)},{deep:!0});function g(p){p&&p.stopPropagation(),l.click()}function v(p){o.handleUploadEvent(p)}return e.onMounted(()=>{var p,T;l=(p=a==null?void 0:a.proxy)==null?void 0:p.$refs.uploadInput,c(),o.setOptions(n.options),o.setExtendServerConfig(n.extendConfig),i.value=(((T=n.options)==null?void 0:T.allowedContentTypes)||["*"]).join(",")}),e.onUnmounted(()=>{}),t.expose({handleUploadEvent:v}),()=>e.createVNode(e.Fragment,null,[e.createVNode("input",{ref:"uploadInput",type:"file",class:"ffileupload--browser",disabled:n.disabled,multiple:n.enableMulti,accept:i.value,onChange:()=>d(),style:"width: 10px",title:"uploadInput"},null),e.createVNode("div",{class:["upload-container",n.disabled?"f-state-disabled":""],onClick:p=>g(p),title:n.selectText},[e.createVNode("i",{class:"f-icon f-icon-upload upload-icon",style:"top: 2px;position: relative;"},null),n.selectText])])}}),De={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/uploader.schema.json",title:"uploader",description:"A Farris Component",type:"object",properties:{id:{description:"The unique identifier for uploader",type:"string"},type:{description:"The type string of uploader",type:"string",default:"uploader"},appearance:{description:"",type:"object",properties:{class:{type:"string"},style:{type:"string"}},default:{}},binding:{description:"",type:"object",default:{}},disable:{type:"boolean",default:!1},placeholder:{description:"",type:"string",default:""},readonly:{description:"",type:"boolean",default:!1},tabindex:{description:"",type:"number",default:-1},visible:{description:"",type:"boolean",default:!0}},required:["id","type"]},Me=new Map([["appearance",L.resolveAppearance]]);function Pe(n,t,o){return t}const Oe={title:"uploader",description:"A Farris Component",type:"object",categories:{basic:{description:"Basic Infomation",title:"基本信息",properties:{id:{description:"组件标识",title:"标识",type:"string",readonly:!0},type:{description:"组件类型",title:"控件类型",type:"select",editor:{type:"waiting for modification",enum:[]}}}},appearance:{description:"外观",title:"外观",properties:{contentFill:{description:"内容填充",title:"内容填充",type:"boolean"}}},server:{description:"服务器配置",title:"服务器配置",properties:{rootId:{description:"附件服务器根目录",title:"附件服务器根目录",type:"string"},formId:{description:"必填，根据【附件信息】业务字段所在位置区分：1、在子表，二级目录建议绑定主表ID。2：在主表：二级目录建议填写当前表数据ID",title:"二级目录",type:"string"}}},upload:{description:"上传配置",title:"上传配置",properties:{uploadVisible:{description:"上传按钮是否可见",title:"上传是否可见",type:"boolean"},uploadDisabled:{description:"禁用时，上传按钮可见，但不可用",title:"上传是否禁用",type:"boolean"},allowEmpty:{description:"运行时是否允许不上传附件",title:"是否允许为空",type:"boolean"},uploadSelectText:{description:"选择文件按钮文本",title:"选择文件按钮文本",type:"string"},uploadOptions:{description:"附件上传配置",title:"附件上传配置",type:"cascade",isExpand:!0,properties:{maxUploads:{description:"值为0时表示不限制上传个数",title:"最大上传个数",type:"number"},maxFileSize:{description:"单个附件最大值（MB）",title:"单个附件最大值（MB）",type:"number"},allowedContentTypes:{description:"允许上传附件类型",title:"允许上传附件类型",type:"string"},notAllowedCharsInFileName:{description:"文件名禁用字符",title:"文件名禁用字符",type:"string"}}},enableUploadedCount:{description:"是否启用已上传个数限制",title:"是否启用已上传个数限制",type:"select",editor:{type:"waiting for modification",enum:[]}},uploadEnableMulti:{description:"是否启用多选附件上传",title:"是否启用多选附件上传",type:"select",editor:{type:"waiting for modification",enum:[]}},enableSliceUpload:{description:"是否启用分片上传",title:"是否启用分片上传",type:"select",editor:{type:"waiting for modification",enum:[]}},chunkSize:{description:"分片上传时，每片的大小。单位：M",title:"分片大小（M）",type:"number"}}},preview:{description:"附件预览",title:"附件预览",properties:{previewVisible:{description:"预览是否可见",title:"预览是否可见",type:"boolean"},previewReadonly:{description:"预览是否只读",title:"预览是否只读",type:"boolean"},fieldIdKey:{description:"附件ID字段",title:"附件ID字段",type:"string",editor:{type:"field-selector"}},fileNameKey:{description:"附件名称字段",title:"附件名称字段",type:"string",editor:{type:"field-selector"}},previewEnableMulti:{description:"是否启用批量操作",title:"是否启用批量操作",type:"boolean"},noDelete:{description:"是否禁止删除附件",title:"是否禁止删除附件",type:"boolean"},noPreview:{description:"是否禁止预览",title:"是否禁止预览",type:"boolean"},previewDateFormat:{description:"附件上传时间字段的格式化设置，请注意此属性仅针对附件上传时间一个字段，若有自定义预览列，请在预览列编辑器中单独设置时间格式。",title:"附件上传时间格式化",type:"select",editor:{type:"waiting for modification",enum:[]}},fileSortOrderKey:{description:"排序字段",title:"排序字段",type:"string"},orderType:{description:"排序类型",title:"排序类型",type:"select",editor:{type:"waiting for modification",enum:[]}}}}}},te={contentFill:{type:Boolean,default:!1},orderField:{type:String,default:"createTime"},previewColumns:{type:Array,default:[{field:"name",width:200,title:"文件名",checkbox:!0},{field:"size",width:100,title:"大小"},{field:"createTime",width:100,title:"日期"},{field:"state",width:100,title:"状态"},{field:"action",width:100,title:"操作"}]},previewVisible:{type:Boolean,default:!0},previewEnableMulti:{type:Boolean,default:!0},previewDefaultRename:{type:String,default:""},uploadDisabled:{type:Boolean,default:!1},uploadVisible:{type:Boolean,default:!0},uploadSelectText:{type:String,default:"选择文件"},uploadEnableMulti:{type:Boolean,default:!0},uploadedCount:{type:Number,default:0},disabled:{type:Boolean,default:!1},downloadButtonDisable:{type:Boolean,default:!1},previewButtonDisable:{type:Boolean,default:!1},deleteButtonDisable:{type:Boolean,default:!1},customInfo:{type:String,default:""},fileInfos:{type:Array,default:[]},uploadOptions:{type:Object,default:null},extendConfig:{type:Object,default:{}},uploadServerToken:{type:String,default:""},notifyServiceToken:{type:String,default:""}},ie=L.createPropsResolver(te,De,Me,Pe,Oe);var j=(n=>(n[n.Queue=0]="Queue",n[n.Uploading=1]="Uploading",n[n.Done=2]="Done",n[n.Cancelled=3]="Cancelled",n[n.Remove=4]="Remove",n[n.Error=5]="Error",n))(j||{});class fe{constructor(t={},o={}){I(this,"uploadConfig");I(this,"removeConfig");const a={type:"config",url:"",timeout:0,headers:null,data:{}};this.uploadConfig=Object.assign({},a,t),this.removeConfig=Object.assign({},a,o)}}function se(n,t){const{formatTo:o}=ce.useDateFormat();return o(n,t)}function me(n,t){if(!t)return"";let o="";return n.indexOf(".")===-1&&t.hasOwnProperty(n)?o=t[n]:o=n.split(".").reduce((a,i)=>a?a[i]:null,t),o}function Re(n){return(t,o)=>{if(!t.hasOwnProperty(n)||t[n]===void 0||t[n]===null)return 1;if(!o.hasOwnProperty(n)||o[n]===void 0||o[n]===null)return-1;if(n!=="createTime"){let l="",d="";return n.indexOf(".")>-1?(l=me(n,t),d=me(n,o)):(l=t[n],d=o[n]),l>d?1:-1}const a=new Date(t[n]),i=new Date(o[n]);return a.getTime()>i.getTime()?-1:1}}function he(n){return(n||[]).findIndex(o=>o==="*")===-1}function ge(n){return n!=="0 Byte"}function K(n){if(n===0)return"0 Byte";const t=1024,o=["Bytes","KB","MB","GB","TB","PB"],a=Math.floor(Math.log(n)/Math.log(t));return parseFloat((n/t**a).toFixed(2))+" "+o[a]}function we(n,t){return n&&(n.hasOwnProperty("allowedContentTypes")&&(t.allowedContentTypes=n.allowedContentTypes||["*"],t.allowedContentTypes=t.allowedContentTypes&&t.allowedContentTypes.length>0?t.allowedContentTypes:["*"]),n.hasOwnProperty("maxUploads")&&(t.maxUploads=n.maxUploads||0),n.hasOwnProperty("maxFileSize")&&(t.maxFileSize=K(1024*1024*(parseInt(String(n.maxFileSize),10)||1)))),t}function ye(n){let t="ffilepreview--filetype";if(!n)return t+"-any";const o=n.lastIndexOf(".");let a="";switch(o>-1&&(a=n.substring(o+1).toLocaleLowerCase()),a){case"pdf":t+="-pdf";break;case"jpeg":case"jpg":case"gif":case"svg":case"png":case"bmp":t+="-img";break;case"ppt":case"pptx":t+="-ppt";break;case"doc":case"docx":t+="-doc";break;case"xls":case"xlsx":t+="-xls";break;case"txt":t+="-txt";break;case"zip":t+="-zip";break;case"wps":t+="-wps";break;case"wpt":t+="-wpt";break;default:t+="-any"}return t}function be(n){var t;if(n.type==="done")return 100;if(n.file&&n.file.progress){if(n.file.progress.status===j.Uploading){const o=((t=n.file.progress.data)==null?void 0:t.percentage)||5;return o>5?o:5}return 5}return 5}function je(n){let t=n;return n?(typeof n=="string"&&(t=parseInt(n,10)),K(t)):"0 Byte"}const Ie=()=>Math.random().toString(36).substring(7);function ve(n,t){return{fileIndex:t,id:Ie(),name:n.name,size:n.size,type:n.type,form:new FormData,progress:{status:j.Queue,data:{percentage:0,speed:0,speedHuman:`${K(0)}/s`,startTime:null,endTime:null,eta:null,etaHuman:null}},lastModifiedDate:se(new Date(n.lastModified),"yyyy-MM-dd HH:mm:ss"),nativeFile:n}}function Ne(n){const t=[];return n.forEach(o=>{const a={id:"",name:"",size:0,type:"",extend:null,extendHeaders:null,createTime:""};for(const i in a){const l=i.replace("extend","response").replace("createTime","lastModifiedDate");o.hasOwnProperty(l)&&(l==="lastModifiedDate"?a[i]=se(o[l],"yyyy-MM-dd HH:mm:ss"):a[i]=o[l])}t.push(a)}),t}function Ue(n,t){return n?t<=n*1024*1024:!0}function qe(n){return n.find(t=>t==="*")!==void 0}function ze(n,t){if(!n||n.length===0||qe(n))return!0;if(t.lastIndexOf(".")<0)return!1;const o=t.substr(t.lastIndexOf("."));return n.findIndex(a=>a.toLowerCase()===o.toLowerCase())>-1}function Le(n){if(n)return n.split(`
`).map(t=>t.split(/: */,2)).filter(t=>t[0]).reduce((t,o)=>(t[o[0]]=o[1],t),{})}function xe(n){return new Date(n*1e3).toISOString().substr(11,8)}class $e extends fe{upload(t,o,a,i){const l=t[0];return new Promise((d,c)=>{var k,h;const g=o.url||a.url||"",v=o.method||"POST",p=o.data||{},T=o.headers||{},x=new XMLHttpRequest,B=new Date().getTime();let E=((k=l.progress)==null?void 0:k.data)&&l.progress.data.startTime||B,S=0,m=null;x.upload.addEventListener("progress",b=>{var A;if(b.lengthComputable){const F=Math.round(b.loaded*100/b.total),R=new Date().getTime()-B;S=Math.round(b.loaded/R*1e3),E=((A=l.progress)==null?void 0:A.data)&&l.progress.data.startTime||new Date().getTime(),m=Math.ceil((b.total-b.loaded)/S),l.progress={status:j.Uploading,data:{percentage:F,speed:S,speedHuman:`${K(S)}/s`,startTime:E,endTime:null,eta:m,etaHuman:xe(m)}},i({type:"uploading",files:[l]})}},!1),x.upload.addEventListener("error",b=>{c(b)}),x.onreadystatechange=()=>{if(x.readyState===XMLHttpRequest.DONE){const b=Math.round(l.size/(new Date().getTime()-E)*1e3);l.progress={status:j.Done,data:{percentage:100,speed:b,speedHuman:`${K(b)}/s`,startTime:E,endTime:new Date().getTime(),eta:m,etaHuman:xe(m||0)}},l.responseStatus=x.status;try{l.response=JSON.parse(x.response)}catch{l.response=x.response}l.responseHeaders=Le(x.getAllResponseHeaders()),d({type:"done",files:[l]})}},x.open(v,g,!0),x.withCredentials=!!o.withCredentials;try{const b=l.nativeFile;Object.keys(T).forEach(F=>x.setRequestHeader(F,T[F]));let A;o.includeWebKitFormBoundary!==!1?(Object.keys(p).forEach(F=>{var R;return(R=l.form)==null?void 0:R.append(F,p[F])}),(h=l.form)==null||h.append(o.fieldName||"file",b,b.name),A=l.form):A=b,x.send(A)}catch(b){c(b)}return()=>{x.abort()}})}remove(t,o,a,i){return new Promise((l,d)=>{l({type:"removed",files:t})})}}const _e={showCloseButton:{type:Boolean,default:!0},position:{type:String,default:"top-center"},timeout:{type:Number,default:3e3},theme:{type:String,default:"bootstrap"},left:{type:Number},right:{type:Number},top:{type:Number},bottom:{type:Number},id:{type:String},animate:{type:String,default:"fadeIn"},options:{type:Object},safeHtml:{type:Boolean,default:!0}},Qe={showCloseButton:{type:Boolean,default:!0},animate:{type:String,default:"fadeIn"},options:{type:Object}},re=e.defineComponent({name:"Toast",props:Qe,emits:["close","click"],setup:(n,t)=>{const o=e.ref(n.animate),a="fadeOut",i=e.computed(()=>n.options),l=e.ref(!1),d=e.computed(()=>i.value.title&&i.value.message),c=e.computed(()=>!i.value.title&&i.value.message),g=e.computed(()=>{const h={animated:l.value,toast:!0,"toast--only-content":!d.value};return h[n.animate]=!1,h[a]=l.value,h["toasty-type-"+i.value.type]=!0,i.value.theme&&(h[i.value.theme]=!0),h}),v=e.computed(()=>{const A=`f-icon-${i.value&&i.value.type?i.value.type.replace("toasty-type-",""):"default"}`,F={"f-icon":!0};return F[A]=!0,F}),p=e.computed(()=>i.value.title||i.value.message),T=e.computed(()=>n.showCloseButton),x=e.computed(()=>!!i.value.buttons||!!t.slots.default),B=e.computed(()=>le.LocaleService.getLocale()==="en"?{wordBreak:"keep-all",overflowWrap:"break-word"}:{});function E(h){h.stopPropagation(),h.preventDefault(),l.value=!1,setTimeout(()=>{t.emit("close",i.value)},200)}function S(h,b){}function m(h){return`f-preten-link ${h.customClass?h.customClass:""}`}e.watch(o,()=>{o.value});const k=()=>{var h;return e.createVNode(e.Fragment,null,[e.createVNode("div",{class:"after-toast-msg text-right"},[!t.slots.default&&((h=i.value.buttons)==null?void 0:h.map(b=>e.createVNode("span",{class:m(b),onClick:A=>void 0},[b.text]))),t.slots.default&&t.slots.default()])])};return()=>e.createVNode("div",{class:g.value,style:"min-height:44px"},[T.value&&e.createVNode("button",{title:le.LocaleService.getLocaleValue("messageBox.close"),class:"toast-close f-btn-icon f-bare",onClick:E},[e.createVNode("span",{class:"f-icon modal_close"},null)]),p.value&&e.createVNode("section",{class:"modal-tips"},[!d.value&&e.createVNode("div",{class:"float-left modal-tips-iconwrap"},[e.createVNode("span",{class:v.value},null)]),e.createVNode("div",{class:"modal-tips-content"},[d.value&&e.createVNode(e.Fragment,null,[e.createVNode("h5",{class:"toast-title modal-tips-title",innerHTML:i.value.title},null),e.createVNode("p",{class:"toast-msg",innerHTML:i.value.message,style:B.value},null),x.value&&k()]),c.value&&(i.value.buttons?e.createVNode("div",{class:"toast-title-btns-wrapper d-flex"},[e.createVNode("h5",{class:"toast-title modal-tips-title only-toast-msg",style:B.value,innerHTML:i.value.message},null),e.createVNode("div",{class:"after-toast-title text-right ml-auto"},[k()])]):e.createVNode("h5",{class:"toast-title modal-tips-title only-toast-msg",style:B.value,innerHTML:i.value.message},null))])])])}}),Ke=["moz","ms","webkit"];function We(){let n=0;return t=>{const o=new Date().getTime(),a=Math.max(0,16-(o-n)),i=setTimeout(()=>{t(o+a)},a);return n=o+a,i}}function Ye(){if(typeof window>"u")return()=>0;if(window.requestAnimationFrame)return window.requestAnimationFrame.bind(window);const n=Ke.filter(t=>`${t}RequestAnimationFrame`in window)[0];return n?window[`${n}RequestAnimationFrame`]:We()}Ye(),e.ref("");function Xe(){const n=navigator.userAgent||navigator.vendor||window.opera,t=[/iPhone/i,/iPod/i,/Android.*Mobile/i,/webOS/i,/BlackBerry/i,/IEMobile/i,/Opera Mini/i,/Harmony/i],o=[/iPad/i,/Android(?!.*Mobile)/i,/Tablet/i,/PlayBook/i,/Kindle/i,/Silk/i];for(const c of o)if(c.test(n))return!1;for(const c of t)if(c.test(n))return!0;const a="ontouchstart"in window||navigator.maxTouchPoints>0,i=screen.width,l=screen.height,d=Math.min(i,l);return!!(a&&d<=768)}const ne=e.defineComponent({name:"Notify",props:_e,emits:["close","empty"],setup(n,t){var S;const o=Xe(),i=`farris-notify-${(S=n.options)!=null&&S.type?n.options.type:"info"}}`,l=e.computed(()=>({"farris-notify":!0,[i]:o})),d={left:12,right:12,top:20,bottom:12},c=e.ref(),g=e.ref(n.options),v=e.ref(n.showCloseButton),p=e.computed(()=>n.position||"bottom-right"),T=e.computed(()=>n.timeout!=null?n.timeout:3e3),x=e.computed(()=>{const m=n.bottom?n.bottom:d.bottom,k=n.top?n.top:d.top,h={transition:"all 0.2s ease",left:p.value.indexOf("left")>-1?`${n.left?n.left:d.left}px`:"",right:p.value.indexOf("right")>-1?`${n.right?n.right:d.right}px`:"",top:p.value.indexOf("top")>-1?`${k}px`:"",bottom:p.value.indexOf("bottom")>-1?`${m}px`:""};return p.value.indexOf("center")>-1&&(h.left="50%",h.marginLeft="calc(-24rem / 2)",p.value==="center-center"&&(h.top="50%",h.transform="translate(-50%, -50%)")),h});function B(m){t.emit("close")}T.value&&setTimeout(()=>{B()},T.value),t.expose({closeToast:B,container:c,notifyPosition:p});function E(m,k){B()}return()=>{var m;return o?e.createVNode("div",{class:l.value,ref:c},[(m=n.options)==null?void 0:m.message]):e.createVNode("div",{class:l.value,style:x.value,ref:c},[e.createVNode(re,{options:g.value,showCloseButton:v.value,animate:n.animate,onClose:k=>E(k,g.value)},null)])}}});class Ve{constructor(){I(this,"notifyRefs",[]);I(this,"globalConfig",e.reactive({}))}escapeAllHtml(t){if(typeof t!="string"||!t)return"";const o=document.createElement("div");return o.textContent=t||"",o.innerHTML.replace(/\\n/g,"<br>").replace(/\\t/g," ").replace(/\\r/g,"")}createNotifyInstance(t){const o=this,i=Object.assign({timeout:3e3,position:"bottom-right",showCloseButton:!0,safeHtml:!0},this.globalConfig,{...t}),l=document.createElement("div");l.style.display="contents";const d=e.createApp({setup(){var v;const c=e.ref();function g(){c.value.container.style.transform="scale(0)",setTimeout(()=>{o.updateNotifyPositionForClose(i,c),d.unmount()},220)}if(i.position.indexOf("top")>-1){const p=o.getNotifyInstances(i.position),T=p[p.length-1];if(T){const x=T.value.container.getBoundingClientRect();i.top=x.bottom}}return i.safeHtml&&((v=i.options)!=null&&v.message)&&(i.options.message=o.escapeAllHtml(i.options.message)),e.onUnmounted(()=>{document.body.removeChild(l)}),e.onMounted(()=>{o.updateNotifyPositionForCreate(i,c)}),()=>e.createVNode(e.Transition,{mode:"out-in",name:"fade",appear:!0},{default:()=>[e.createVNode(ne,e.mergeProps({ref:c},i,{onClose:g}),null)]})}});return d.provide("NotifyService",this),document.body.appendChild(l),d.use(le.LocaleService.i18n),d.mount(l),d}getNotifyInstances(t){return this.notifyRefs.filter(o=>o.value.notifyPosition===t)}updateNotifyPositionForCreate(t,o){if(this.notifyRefs&&this.notifyRefs.length){const a=window.innerHeight;t.position.indexOf("bottom")>-1&&this.getNotifyInstances(t.position).forEach(i=>{const l=i.value.container.getBoundingClientRect();i.value.container.style.bottom=l.height+a-l.bottom+"px"})}this.notifyRefs=[...this.notifyRefs,o]}updateNotifyPositionForClose(t,o){const a=this.notifyRefs.indexOf(o);if(t.position.indexOf("top")>-1){const i=this.getNotifyInstances(t.position),l=i.indexOf(o);i.slice(l+1).forEach(d=>{d.value.container.style.top=d.value.container.offsetTop-d.value.container.offsetHeight+"px"})}a>-1&&this.notifyRefs.splice(a,1)}show(t){return this.createNotifyInstance(t)}buildNotifyProps(t,o){let a="",i="",l,d,c;typeof o=="string"?a=o:o&&(a=o.message||"",i=o.title||"",d=o.position||null,c=o.showCloseButton!=null?o.showCloseButton:null,l=o.timeout!=null?o.timeout:null);const v={options:{type:t,message:a,title:i}};return d!=null&&(v.position=d),c!=null&&(v.showCloseButton=c),l!=null&&(v.timeout=l),v}info(t){const o=this.buildNotifyProps("info",t);return this.show(o)}success(t){const o=this.buildNotifyProps("success",t);return this.show(o)}warning(t){const o=this.buildNotifyProps("warning",t);return this.show(o)}error(t){const o=this.buildNotifyProps("error",t);return this.show(o)}close(t){t&&t.unmount()}closeAll(){this.notifyRefs.forEach(t=>{t==null||t.value.closeToast()}),this.notifyRefs.length=0}}const Ge=Symbol("NOTIFY_SERVICE_TOKEN");ne.install=n=>{n.component(ne.name,ne),n.component(re.name,re);const t=new Ve;n.provide(Ge,t),n.provide("FNotifyService",t)};const Ce={getNotify:(n="")=>{let t;return n&&e.inject(n,null)&&(t=e.inject(n)),t||(t=new Ve),t},getServerAPI:(n="")=>{let t;if(n&&e.inject(n,null)){const o=e.inject(n);o&&o()&&(t=o())}return t||(t=new $e),t}};function Te(n,t,o){const a=Ce.getNotify(n.notifyServiceToken),i=e.ref(n.fileInfos),{disabled:l,uploadVisible:d,uploadDisabled:c,previewVisible:g,orderField:v,previewEnableMulti:p,downloadButtonDisable:T,previewColumns:x,uploadEnableMulti:B,previewButtonDisable:E}=e.toRefs(n),S=e.ref(!1),m=e.ref([]),k=e.computed(()=>m.value.length),h=e.ref([]),b=e.ref("");function A(s){(!s.length||m.value.length!==s.length)&&(S.value=!1);const y=[...s.map(N=>(N.hasOwnProperty("size")||(N.size=void 0),N.hasOwnProperty("createTime")||(N.createTime=void 0),p.value&&(N.checked=!!m.value.find(D=>D.id===N.id)||S.value),N))];return y.sort(Re(v.value)),p.value&&(m.value=[...y].filter(N=>N.checked)),y}const F=e.ref(A(i.value));e.watch(()=>n.fileInfos,s=>{F.value=A(s)});const R=(s,u)=>{s.stopImmediatePropagation(),t.emit("fileDownloadEvent",{fileInfos:[u],name:""})},Y=(s,u)=>{s.stopImmediatePropagation(),!E.value&&t.emit("filePreviewEvent",u)},X=(s,u,y)=>{u.checked&&(m.value=m.value.filter(N=>N.id!==u.id)),t.emit("fileRemoveEvent",u),y.handleUploadEvent({type:"remove",file:u})},G=(s,u="preview")=>s.formatter?!0:u==="preview"?["state","name","action","size","createTime"].findIndex(N=>N===s.field)>-1:u==="upload"?["state","name","size"].findIndex(N=>N===s.field)>-1:!1,$=s=>!(s.field==="state"&&(c.value||!d.value)),_=s=>s.lastIndexOf(".")>0?s.substring(0,s.lastIndexOf(".")):"",J=s=>{if(s.stopImmediatePropagation(),k.value>1){let u="";u=_(m.value[0].name),t.emit("fileDownloadEvent",{fileInfos:m.value,name:u})}},U=s=>{s.stopImmediatePropagation(),t.emit("fileRemoveEvent",m.value)},Z=s=>{const u=F.value;s.checked?(u.forEach(y=>{y.checked=!0}),m.value=[...F.value],S.value=!0):(m.value=[],u.forEach(y=>{y.checked=!1}),S.value=!1),t.emit("previewMultiSelectedEvent",m.value)},q=(s,u)=>{s&&(s.stopImmediatePropagation(),s.stopPropagation()),(!b.value||u.id!==b.value)&&(b.value=u.id,t.emit("selectedEvent",u))},w=s=>{const u=m.value.findIndex(D=>D.id===s.id),y=u>-1,N=F.value.find(D=>D.id===s.id);N&&(N.checked=s.checked),s.checked&&!y&&N&&m.value.push(N),!s.checked&&y&&m.value.splice(u,1),F.value.length>0&&(m.value.length===F.value.length?S.value=!0:S.value=!1),q(null,N),t.emit("previewMultiSelectedEvent",m.value)},M=s=>{var u;(u=o==null?void 0:o.value)==null||u.handleUploadEvent(s)},ee=s=>{M({type:"upload",file:s})},O=(s,u)=>{let y=[];s.files&&s.files.length>0?y=s.files:typeof s.file<"u"&&(y=[s.file]),u=u||s.type,y.map(N=>{const D=h.value.findIndex(z=>{var ae;return typeof N<"u"&&((ae=z==null?void 0:z.file)==null?void 0:ae.id)===N.id});D>-1&&(h.value[D]={type:u,file:N})})},Q=s=>{if(s.files){const u=s.files.map(y=>y.id);h.value=h.value.filter(y=>!(u.findIndex(D=>{var z;return D===((z=y==null?void 0:y.file)==null?void 0:z.id)})>-1)),M({type:"hide",id:u.join(",")})}},oe=s=>{let u="warning";(s.type==="cancelled"||s.type==="removed")&&(u="success");const y=s.hasOwnProperty("message")?s.message:"";a.show({options:{type:u,message:y},position:"top-center"})},de=s=>{if(s.type==="addedToQueue"&&typeof s.file<"u")h.value.push({type:s.type,file:s.file}),ee(s.file);else if(s.type==="start")O(s,"start");else if(s.type==="done"){O(s,"done");const u=(s.files||[]).map(y=>({checked:!1,id:y.id,name:y.name,size:y.size,createTime:se(new Date,"yyyy-MM-dd HH:mm:ss")}));i.value=[...u,...F.value],Q(s),t.emit("fUploadDoneEvent",Ne(s.files||[])),t.emit("uploadDoneEvent",Ne(s.files||[]))}else if(s.type==="cancelled"||s.type==="removed"||s.type==="error"){const u=i.value.filter(y=>s.files&&s.files.findIndex(N=>y.id===N.id)<0);i.value=[...u],oe(s)}else s.type==="rejected"&&typeof s.file<"u"&&oe(s)};return e.onUnmounted(()=>{}),{disabled:l,uploadVisible:d,uploadDisabled:c,downloadButtonDisable:T,previewVisible:g,previewColumns:x,uploadFiles:h,innerFileInfos:F,previewEnableMulti:p,previewMultiSelectedLength:k,previewSelectAllBtnChecked:S,uploadEnableMulti:B,previewCurrentId:b,multiFileRemoveHandler:U,previewMultiSelectChangeHandler:w,fileMultiDownloadHandler:J,selectOrCancelAllHandler:Z,hasColumnHtmlFunc:G,showPreviewStateColumn:$,rowSelectedHandler:q,fileDownloadHandler:R,filePreviewHandler:Y,fileRemoveHandler:X,handleStateChange:de}}class Je{constructor(t,o){I(this,"queue");I(this,"uploadOpts",{allowedContentTypes:["*"],maxUploads:0,maxFileSize:12,concurrency:Number.POSITIVE_INFINITY,uploadedCount:0});I(this,"extendServerConfig",null);I(this,"uploadServerSer");I(this,"uploadContext",null);this.stateChangeRecord=t,this.serverToken=o,this.queue=[],this.uploadServerSer=Ce.getServerAPI(this.serverToken)}setUploadContext(t){this.uploadContext=t}handleResultFromServer(t){var o,a;switch(t.type){case"removed":this.queue=this.queue.filter(i=>{var l;return((l=i.progress)==null?void 0:l.status)!==j.Remove}),t.hasOwnProperty("message")||(t.message="被删除"),this.stateChangeRecord.value=t;break;case"error":this.queue=this.queue.filter(i=>t.files&&t.files.findIndex(l=>i.id===l.id)<0),(o=this.uploadContext)==null||o.emit("stateChange",t);break;default:(a=this.uploadContext)==null||a.emit("stateChange",t)}}setOptions(t){t&&(this.uploadOpts=Object.assign(this.uploadOpts,t))}handleFiles(t){var a;const o=Array.from(t).reduce((i,l,d)=>{var v;const c=i.length+this.queue.length+1,g=this.rejectedReason(l.name,c,l.size);if(g.allowed)i=i.concat(l);else{const p=ve(l,d);(v=this.uploadContext)==null||v.emit("stateChange",{type:"rejected",file:p,message:g.message})}return i},[]);[].map.call(o,(i,l)=>{var c;const d=ve(i,l);this.queue.push(d),(c=this.uploadContext)==null||c.emit("stateChange",{type:"addedToQueue",file:d})}),(a=this.uploadContext)==null||a.emit("stateChange",{type:"allAddedToQueue"})}rejectedReason(t,o,a){let i=!1,l="";return this.queue.findIndex(c=>c.name===t)>-1?l="上传失败：已存在同名文件":this.uploadOpts.allowedContentTypes&&!ze(this.uploadOpts.allowedContentTypes,t)?l=`上传失败：只允许上传${this.uploadOpts.allowedContentTypes.join(",")}类型的文档`:this.exceedMaxUpload(o)?l=`上传失败：文件总个数超出${this.uploadOpts.maxUploads}限制`:Ue(this.uploadOpts.maxFileSize,a)?a===0?l="上传失败：不允许文件为空":i=!0:l=`上传失败：单个文件大小超出${this.uploadOpts.maxFileSize}MB的限制`,{allowed:i,message:l}}exceedMaxUpload(t=0){if(!this.uploadOpts||!this.uploadOpts.maxUploads)return!1;const o=this.uploadOpts.uploadedCount||0;return this.uploadOpts.maxUploads>0&&(this.uploadOpts.maxUploads<=o||t+o>this.uploadOpts.maxUploads)}handleUploadEvent(t){var o,a;switch(t.type){case"upload":const i=this.queue.findIndex(c=>c===t.file);i!==-1&&t.file&&this.serverMethod({files:[this.queue[i]],event:t});break;case"remove":if(!((o=t==null?void 0:t.file)!=null&&o.id))return;const l=this.queue.findIndex(c=>{var g;return c.id===((g=t==null?void 0:t.file)==null?void 0:g.id)});if(l!==-1&&this.queue[l]&&this.queue[l].progress){const{progress:c}=this.queue[l];c&&(c.status=j.Remove)}this.serverMethod({files:[t.file],event:t});break;case"removeAll":const d=this.queue.filter(c=>{var g;return((g=c==null?void 0:c.progress)==null?void 0:g.status)===j.Queue});d.length&&((a=this.uploadContext)==null||a.emit("stateChange",{type:"cancelled",files:d,message:"删除附件成功"}),this.queue=this.queue.filter(c=>{var g;return((g=c==null?void 0:c.progress)==null?void 0:g.status)!==j.Queue})),this.queue.length&&(t.type="remove",this.queue.forEach(c=>{c.progress&&(c.progress.status=j.Remove)}),this.serverMethod({files:this.queue,event:t}));break}}setExtendServerConfig(t){this.extendServerConfig=t}serverMethod(t){let o;switch(t.event.type){case"upload":o=this.upload(t.files,t.event,a=>this.handleResultFromServer(a));break;case"removeAll":case"remove":o=this.remove(t.files,t.event,a=>this.handleResultFromServer(a));break;default:o=null}o&&o.then(a=>{this.handleResultFromServer(a)}).catch(a=>{this.handleResultFromServer(a)})}upload(t,o,a){var i;return(i=this.uploadContext)==null||i.emit("stateChange",{type:"start",files:t}),this.uploadServerSer.upload(t,o,this.extendServerConfig,a)}remove(t,o,a){return this.uploadServerSer.remove(t,o,this.extendServerConfig,a)}reset(){this.queue=[]}destroyed(){this.reset()}}const W=e.defineComponent({name:"FUploader",components:{"f-upload-progress":He,"f-preview-checkbox":ue,"f-file-select":pe},props:te,emits:["filePreviewEvent","fileDownloadEvent","previewMultiSelectedEvent","selectedEvent","fileRemoveEvent","fileRemovedEvent","fUploadDoneEvent","uploadDoneEvent"],setup(n,t){const o=e.ref(),a=new Je(o,n.uploadServerToken);e.provide("uploaderService",a);const i=e.ref(n.customInfo);function l(){return we(n.uploadOptions,{allowedContentTypes:["*"],maxUploads:0,maxFileSize:"12MB"})}const d=e.ref(l()),c=e.ref(null);e.watch(()=>n.uploadOptions,()=>{d.value=l()},{deep:!0});const{disabled:g,uploadVisible:v,uploadDisabled:p,downloadButtonDisable:T,previewVisible:x,previewColumns:B,uploadFiles:E,innerFileInfos:S,previewEnableMulti:m,previewMultiSelectedLength:k,previewSelectAllBtnChecked:h,uploadEnableMulti:b,previewCurrentId:A,multiFileRemoveHandler:F,previewMultiSelectChangeHandler:R,fileMultiDownloadHandler:Y,selectOrCancelAllHandler:X,rowSelectedHandler:G,hasColumnHtmlFunc:$,showPreviewStateColumn:_,fileDownloadHandler:J,filePreviewHandler:U,fileRemoveHandler:Z,handleStateChange:q}=Te(n,t,c);e.watch(o,r=>{switch(q(r),r.type){case"removed":t.emit("fileRemovedEvent",r.files[0]);break}});const w=e.computed(()=>S.value.length>0);function M(){var r;return he(d.value.allowedContentTypes||[])?e.createVNode("li",null,[e.createVNode("span",null,[e.createTextVNode("支持类型：")]),e.createVNode("span",{class:"support-info--item-detail",style:"margin-right:4px;"},[(r=d.value.allowedContentTypes)==null?void 0:r.join(""),e.createTextVNode(",")])]):""}function ee(){return ge(d.value.maxFileSize||"")?e.createVNode("li",null,[e.createVNode("span",null,[e.createTextVNode("单个文件限制：")]),e.createVNode("span",{class:"support-info--item-detail"},[d.value.maxFileSize,e.createTextVNode(", ")])]):""}function O(){return(d.value.maxUploads||0)>0&&e.createVNode("li",null,[e.createVNode("span",null,[e.createTextVNode("文件总数限制：")]),e.createVNode("span",{class:"support-info--item-detail"},[d.value.maxUploads,e.createTextVNode("个")])])}function Q(){return v.value&&!p.value&&!g.value?e.createVNode("div",{class:"ffileupload--support-info"},[i.value?e.createVNode("ul",{class:"support-info--wrapper"},[e.createVNode("li",null,[e.createVNode("span",{class:"support-info--item-detail",innerHTML:i.value},null)])]):e.createVNode("ul",{class:"support-info--wrapper"},[M(),ee(),O()])]):null}function oe(r){var f,V,P;return e.createVNode("div",{class:"uploadAndpreview--title-container"},[e.createVNode("div",{class:"ffilepreview--item-icon"},[e.createVNode("span",{class:["ffilepreview--filetype-icon",ye(((f=r.file)==null?void 0:f.name)||"")]},null)]),e.createVNode("div",{class:"uploadAndpreview--right"},[e.createVNode("a",{class:"item-content--title",title:(V=r.file)==null?void 0:V.name},[((P=r.file)==null?void 0:P.name)||"无名称"]),e.createVNode(e.resolveComponent("f-upload-progress"),{status:r.type==="done"?"success":"active",percent:be(r),maxWidth:300},null)])])}function de(r){return e.createVNode("div",{class:"uploadAndpreview--title-container"},[e.createVNode("div",{class:"ffilepreview--item-icon"},[e.createVNode("span",{class:["ffilepreview--filetype-icon",ye(r.name)]},null)]),e.createVNode("div",{class:"uploadAndpreview--right"},[e.createVNode("a",{class:["item-content--title","previewButtonDisable.value?'no-preview':''"],title:r.name,onClick:f=>U(f,r)},[r.name])])])}function s(r,f,V){return e.createVNode("div",{class:"uploadAndpreview--filesize-container"},[r==="preview"&&V?e.createVNode("span",null,[je(V.size)]):null,r==="upload"&&f?e.createVNode("span",null,[be(f)]):null])}function u(r,f){return f&&f.type==="error"?e.createVNode("div",{class:"uploadAndpreview--state-container"},[e.createVNode("p",{class:"upload-state--uploaded"},[e.createVNode("i",{class:"f-icon f-icon-message_warning text-danger"},null),e.createVNode("span",null,[e.createTextVNode("存在异常")])])]):e.createVNode("div",{class:"uploadAndpreview--state-container"},[r==="upload"?f&&f.type!=="done"?e.createVNode("p",{class:"upload-state--uploading"},[e.createVNode("i",{class:"f-icon f-icon-clock text-warning"},null),e.createVNode("span",null,[e.createTextVNode("正在上传...")])]):e.createVNode("p",{class:"upload-state--uploaded"},[e.createVNode("i",{class:"f-icon f-icon-success text-success"},null),e.createVNode("span",null,[e.createTextVNode("上传成功")])]):r==="preview"?e.createVNode("p",{class:"upload-state--uploaded"},[e.createVNode("i",{class:"f-icon f-icon-success text-success"},null),e.createVNode("span",null,[e.createTextVNode("已上传")])]):""])}function y(r){return e.createVNode("div",{class:"uploadAndpreview--action-container"},[T.value?"":e.createVNode("button",{class:"btn preview-btn",title:"下载",onClick:f=>J(f,r)},[e.createVNode("span",{class:"f-icon f-icon-enclosure_download"},null)]),n.previewButtonDisable?"":e.createVNode("button",{class:"btn preview-btn",title:"预览",onClick:f=>U(f,r)},[e.createVNode("span",{class:"f-icon f-icon-enclosure_browse"},null)]),n.deleteButtonDisable?"":e.createVNode("button",{class:"btn preview-btn",title:"删除",onClick:f=>Z(f,r,a)},[e.createVNode("span",{class:"f-icon f-icon-enclosure_delete",style:"top: -1px"},null)])])}function N(r){return e.createVNode("div",{class:"uploadAndpreview--date-container"},[r.createTime||""])}function D(r,f,V,P){let H;if(r=r||"preview",P.formatter)return H=P.formatter(V[P.field]||"",r,r==="preview"?V:f,P),H;if(r==="preview"&&V)switch(P.field){case"state":H=u("preview",null);break;case"name":H=de(V);break;case"action":H=y(V);break;case"size":H=s(r,f,V);break;case"createTime":H=N(V);break;default:H=`<div>${V[P.field]||""} </div>`}if(r==="upload"&&f)switch(P.field){case"state":H=u("upload",f);break;case"name":H=oe(f);break;case"size":H=s(r,f,V);break;default:H=""}return H}function z(){return v.value?e.createVNode("div",{class:"header--left-container"},[e.createVNode(e.resolveComponent("f-file-select"),{ref:c,disabled:p.value,selectText:n.selectText,uploadedCount:n.uploadedCount,uploadServerToken:n.uploadServerToken,enableMulti:b.value,options:d.value,extendConfig:n.extendConfig,onStateChange:r=>q(r)},null)]):null}function ae(){return!v.value&&x.value&&w.value?e.createVNode("div",{class:"header--left-container header--countInfo"},[e.createVNode("p",{class:"m-0"},[e.createTextVNode("共"),e.createVNode("span",{class:"count"},[E.value.length+S.value.length]),e.createTextVNode("个附件"),k.value>0?e.createVNode(e.Fragment,null,[e.createTextVNode("(已选"),e.createVNode("span",{class:"count-selected"},[k.value]),e.createTextVNode("个)")]):""])]):null}function tt(){return(!T.value||!n.deleteButtonDisable)&&x.value&&w.value?e.createVNode("div",{class:"header--right-container"},[T.value?null:e.createVNode("button",{class:"btn btn-primary f-btn-ml",disabled:k.value===0,onClick:V=>Y(V)},[e.createTextVNode("下载")]),n.deleteButtonDisable.value?null:e.createVNode("button",{class:"btn btn-secondary f-btn-ml",disabled:k.value===0,onClick:V=>F(V)},[e.createTextVNode("删除")])]):null}function Fe(){return B.value.map(r=>_(r)?e.createVNode("th",{style:{width:r.width?r.width+"px":"auto"},class:[!g.value&&r.checkbox&&r.checkbox?"td--hascheckbox":""]},[!g.value&&m.value&&r.checkbox?e.createVNode(e.resolveComponent("f-preview-checkbox"),{class:"preview-checkbox",id:"previewMultiBtn",checked:h.value,onCheckedChange:f=>X(f)},null):null,r.title]):null)}function nt(){return E.value.map(r=>{var f;return e.createVNode("tr",{class:"uploadAndpreview--upload-item",id:"uploadAndpreview--upload-item"+(((f=r==null?void 0:r.file)==null?void 0:f.id)||"")},[B.value.map(V=>{var P;return e.createVNode("td",{class:[!g.value&&V.checkbox&&V.checkbox?"td--hascheckbox":""]},[m.value&&V.checkbox?e.createVNode(e.resolveComponent("f-preview-checkbox"),{id:(P=r==null?void 0:r.file)==null?void 0:P.id,checked:r.checked,disabled:r.type!=="done",class:"preview-checkbox",onCheckedChange:H=>R(H)},null):null,$(V,"upload")?D("upload",r,null,V):null])})])})}function Se(){return S.value.map(r=>e.createVNode("tr",{class:["uploadAndpreview--preview-item",A.value===r.id?"uploadAndpreview--currentfile":""],id:"uploadAndpreview--preview-item"+r.id,onClick:f=>G(f,r)},[B.value.map(f=>_(f)?e.createVNode("td",{class:[!g.value&&f.checkbox&&f.checkbox?"td--hascheckbox":""]},[!g.value&&m.value&&f.checkbox?e.createVNode(e.resolveComponent("f-preview-checkbox"),{id:r.id,checked:r.checked,class:"preview-checkbox",onCheckedChange:V=>R(V)},null):null,$(f,"preview")?D("preview",null,r,f):e.createVNode("div",{class:"text-truncate",innerHTML:D("preview",null,r,f)},null)]):null)]))}return()=>g.value?e.createVNode("div",{class:"fv-upload-and-preview"},[w.value?null:Q(),x.value?e.createVNode("div",{class:"uploadAndpreview--content"},[w.value?e.createVNode("table",{class:"table table-bordered uploadAndpreview--table"},[e.createVNode("thead",null,[Fe()]),e.createVNode("tbody",null,[Se()])]):e.createVNode("p",{class:"uploadAndpreview--nodata"},[e.createTextVNode("无附件信息")])]):null,w.value?Q():null]):e.createVNode("div",{class:"fv-upload-and-preview"},[e.createVNode("div",{class:"uploadAndpreview--header"},[z(),ae(),tt()]),w.value?null:Q(),x.value||v.value?e.createVNode("div",{class:"uploadAndpreview--content"},[(T.value||!v.value)&&E.value.length===0&&!w.value?e.createVNode("p",{class:"uploadAndpreview--nodata"},[e.createTextVNode("无附件信息")]):"",E.value.length>0||w?e.createVNode("table",{class:"table table-bordered uploadAndpreview--table"},[e.createVNode("thead",null,[Fe()]),e.createVNode("tbody",null,[nt(),Se()])]):null]):null,w.value?Q():null])}}),Ze=e.defineComponent({name:"FUploaderDesign",components:{"f-preview-checkbox":ue,"f-file-select":pe},props:te,emits:["filePreviewEvent","fileDownloadEvent","previewMultiSelectedEvent","selectedEvent","fileRemoveEvent","fUploadDoneEvent","uploadDoneEvent"],setup(n,t){const o=e.ref(n.customInfo),a=we(n.uploadOptions,{allowedContentTypes:["*"],maxUploads:0,maxFileSize:"12MB"}),i=e.ref(null),l=[{id:"attach01",name:""},{id:"attach02",name:""}],{disabled:d,uploadVisible:c,uploadDisabled:g,downloadButtonDisable:v,previewVisible:p,previewColumns:T,previewEnableMulti:x,previewCurrentId:B,showPreviewStateColumn:E}=Te(n,t,i);function S(){var w;return he((a==null?void 0:a.allowedContentTypes)||[])?e.createVNode("li",null,[e.createVNode("span",null,[e.createTextVNode("支持类型：")]),e.createVNode("span",{class:"support-info--item-detail",style:"margin-right:4px;"},[(w=a.allowedContentTypes)==null?void 0:w.join(""),e.createTextVNode(",")])]):null}function m(){return ge((a==null?void 0:a.maxFileSize)||"")?e.createVNode("li",null,[e.createVNode("span",null,[e.createTextVNode("单个文件限制：")]),e.createVNode("span",{class:"support-info--item-detail"},[a.maxFileSize,e.createTextVNode(", ")])]):null}function k(){return((a==null?void 0:a.maxUploads)||0)>0?e.createVNode("li",null,[e.createVNode("span",null,[e.createTextVNode("文件总数限制：")]),e.createVNode("span",{class:"support-info--item-detail"},[a.maxUploads,e.createTextVNode("个")])]):null}function h(){return c.value&&!g.value&&!d.value?e.createVNode("div",{class:"ffileupload--support-info"},[o.value?e.createVNode("ul",{class:"support-info--wrapper"},[e.createVNode("li",null,[e.createVNode("span",{class:"support-info--item-detail",innerHTML:o.value},null)])]):e.createVNode("ul",{class:"support-info--wrapper"},[S(),m(),k()])]):null}function b(w){return e.createVNode("div",{class:"uploadAndpreview--title-container"},[e.createVNode("div",{class:"ffilepreview--item-icon"},[e.createVNode("span",{class:"ffilepreview--filetype-icon"},null)]),e.createVNode("div",{class:"uploadAndpreview--right"},[e.createVNode("span",{class:"ffilepreview--preview-block"},null)])])}function A(w){return e.createVNode("div",{class:"uploadAndpreview--filesize-container"},[e.createVNode("span",{class:"ffilepreview--preview-block"},null)])}function F(){return e.createVNode("div",{class:"uploadAndpreview--state-container"},[e.createVNode("p",{class:"upload-state--uploaded"},[e.createVNode("i",{class:"f-icon f-icon-success text-success"},null),e.createVNode("span",null,[e.createTextVNode("已上传")])])])}function R(w){return e.createVNode("div",{class:"uploadAndpreview--action-container"},[v.value?"":e.createVNode("button",{class:"btn preview-btn",title:"下载"},[e.createVNode("span",{class:"f-icon f-icon-enclosure_download"},null)]),n.previewButtonDisable?"":e.createVNode("button",{class:"btn preview-btn",title:"预览"},[e.createVNode("span",{class:"f-icon f-icon-enclosure_browse"},null)]),n.deleteButtonDisable?"":e.createVNode("button",{class:"btn preview-btn",title:"删除"},[e.createVNode("span",{class:"f-icon f-icon-enclosure_delete",style:"top: -1px"},null)])])}function Y(w){return e.createVNode("div",{class:"uploadAndpreview--date-container"},[e.createTextVNode(" "),e.createVNode("span",{class:"ffilepreview--preview-block"},null)])}function X(w,M,ee){let O=null;if(w=w||"preview",w==="preview"&&M)switch(ee.field){case"state":O=F();break;case"name":O=b();break;case"action":O=R();break;case"size":O=A();break;case"createTime":O=Y();break;default:O=e.createVNode("span",{class:"ffilepreview--preview-block"},null)}return O}function G(){return c.value?e.createVNode("div",{class:"header--left-container"},[e.createVNode(e.resolveComponent("f-file-select"),{ref:i,disabled:g.value,selectText:n.selectText},null)]):null}function $(){return(!v.value||!n.deleteButtonDisable)&&p.value?e.createVNode("div",{class:"header--right-container"},[v.value?null:e.createVNode("button",{class:"btn btn-primary f-btn-ml",disabled:!0},[e.createTextVNode("下载")]),n.deleteButtonDisable.value?null:e.createVNode("button",{class:"btn btn-secondary f-btn-ml",disabled:!0},[e.createTextVNode("删除")])]):null}function _(){return T.value.map(w=>E(w)?e.createVNode("th",{style:{width:w.width?w.width+"px":"auto"},class:[!d.value&&w.checkbox&&w.checkbox?"td--hascheckbox":""]},[!d.value&&x.value&&w.checkbox?e.createVNode(e.resolveComponent("f-preview-checkbox"),{class:"preview-checkbox",id:"previewMultiBtn"},null):null,w.title]):null)}function J(){return l.map(w=>e.createVNode("tr",{class:["uploadAndpreview--preview-item",B.value===w.id?"uploadAndpreview--currentfile":""],id:"uploadAndpreview--preview-item"+w.id},[T.value.map(M=>E(M)?e.createVNode("td",{class:[!d.value&&M.checkbox&&M.checkbox?"td--hascheckbox":""]},[!d.value&&x.value&&M.checkbox?e.createVNode(e.resolveComponent("f-preview-checkbox"),{class:"preview-checkbox"},null):null,X("preview",w,M)]):null)]))}e.onBeforeMount(()=>{});const U=e.ref(),Z=e.inject("design-item-context"),q=ke.useDesignerComponent(U,Z);return e.onMounted(()=>{U.value.componentInstance=q}),t.expose(q.value),()=>e.createVNode("div",{class:"fv-upload-and-preview",ref:U},[p.value||c.value?e.createVNode(e.Fragment,null,[d.value?null:e.createVNode("div",{class:"uploadAndpreview--header"},[G(),$()]),e.createVNode("div",{class:"uploadAndpreview--content"},[e.createVNode("table",{class:"table table-bordered uploadAndpreview--table"},[e.createVNode("thead",null,[_()]),e.createVNode("tbody",null,[J()])])]),h()]):null])}});W.register=(n,t,o,a)=>{n.uploader=W,t.uploader=ie},W.registerDesigner=(n,t,o)=>{n.uploader=Ze,t.uploader=ie};const et=ce.withInstall(W);C.FUploader=W,C.UploadServerAPI=fe,C.default=et,C.propsResolver=ie,C.uploaderProps=te,Object.defineProperties(C,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});