jobsys-newbie/docs/.vuepress/dist/assets/NewbieUploader.html-bd5b6c5d.js

Enhanced component based on ant-design-vue

import{N as s}from"./NewbieUploader-0b6b5515.js";import{d as c}from"./NewbieProvider-45d73778.js";import{_ as h,r as i,e as _,o as m,c as b,b as t,f as l,d as e,w as f,u as d,ar as g,a6 as v,a as x}from"./app-e5356031.js";import"./index-16cac109.js";import"./compact-item-45f3d050.js";import"./CloseCircleFilled-7d1a9da0.js";import"./ExclamationCircleFilled-71949edd.js";import"./FormItemContext-af84826a.js";import"./useFlexGapSupport-e1acb751.js";import"./styleChecker-8bbc1161.js";import"./network-3dbc60ad.js";import"./NewbieButton-00521913.js";import"./index-2bac9f50.js";import"./pickAttrs-024293c9.js";import"./useRefs-c46ab4e4.js";import"./LeftOutlined-8f1bdfd3.js";import"./vnode-8424d922.js";import"./EyeOutlined-9657ac6a.js";import"./index-4cb0cbae.js";import"./omit-dc457db2.js";import"./index-b4cb0b96.js";const w=t("h1",{id:"newbieuploader",tabindex:"-1"},[t("a",{class:"header-anchor",href:"#newbieuploader","aria-hidden":"true"},"#"),l(" NewbieUploader")],-1),y=t("blockquote",null,[t("p",null,"上传组件")],-1),U=t("p",null,"Version: 1.0.0",-1),j=t("h2",{id:"props",tabindex:"-1"},[t("a",{class:"header-anchor",href:"#props","aria-hidden":"true"},"#"),l(" Props")],-1),k=t("thead",null,[t("tr",null,[t("th",null,"Prop name"),t("th",null,"Description"),t("th",null,"Type"),t("th",null,"Values"),t("th",null,"Default")])],-1),N=t("tr",null,[t("td",null,"value"),t("td"),t("td",null,"object|array|string"),t("td",null,"-"),t("td",null,"() => ({})")],-1),P=t("tr",null,[t("td",null,"name"),t("td",null,"上传文件字段名"),t("td",null,"string"),t("td",null,"-"),t("td",null,'"file"')],-1),E=t("tr",null,[t("td",null,"headers"),t("td",null,"设置上传的请求头部，IE10 以上有效"),t("td",null,"object"),t("td",null,"-"),t("td",null,"{}")],-1),V=t("td",null,"accept",-1),z={href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/file#accept",target:"_blank",rel:"noopener noreferrer"},I=t("td",null,"string",-1),L=t("td",null,"-",-1),B=t("td",null,'""',-1),D=t("tr",null,[t("td",null,"type"),t("td",null,"上传列表的内建样式，支持三种基本样式 text, picture 和 picture-card"),t("td",null,"string"),t("td",null,[t("code",null,"text"),l(", "),t("code",null,"picture"),l(", "),t("code",null,"picture-card")]),t("td",null,'"picture-card"')],-1),T=t("tr",null,[t("td",null,"disabled"),t("td",null,"是否禁用"),t("td",null,"boolean"),t("td",null,"-"),t("td",null,"false")],-1),Z=t("tr",null,[t("td",null,"maxSize"),t("td",null,"单个文件大小上限，单位为 MB"),t("td",null,"number"),t("td",null,"-"),t("td",null,"20")],-1),R=t("tr",null,[t("td",null,"maxNum"),t("td",null,"上传文件个数上限"),t("td",null,"number"),t("td",null,"-"),t("td",null,"1")],-1),S=t("tr",null,[t("td",null,"multiple"),t("td",null,"是否支持多选文件"),t("td",null,"boolean"),t("td",null,"-"),t("td",null,"false")],-1),W=t("tr",null,[t("td",null,"multipart"),t("td",null,"是否使用分块上传"),t("td",null,"boolean"),t("td",null,"-"),t("td",null,"false")],-1),A=t("tr",null,[t("td",null,"action"),t("td",null,"上传文件的服务器地址"),t("td",null,"string"),t("td",null,"-"),t("td",null,'""')],-1),C=t("tr",null,[t("td",null,"extraData"),t("td",null,"上传时的附加参数"),t("td",null,"object"),t("td",null,"-"),t("td",null,"{}")],-1),H=t("tr",null,[t("td",null,"uploadText"),t("td",null,"上传按钮文本"),t("td",null,"string"),t("td",null,"-"),t("td",null,'"上传"')],-1),J=t("td",null,"uploadProps",-1),M={href:"https://www.antdv.com/components/upload-cn#api",target:"_blank",rel:"noopener noreferrer"},q=t("td",null,"object",-1),F=t("td",null,"-",-1),G=t("td",null,"{}",-1),K=x('<h2 id="events" tabindex="-1"><a class="header-anchor" href="#events" aria-hidden="true">#</a> Events</h2><table><thead><tr><th>Event name</th><th>Properties</th><th>Description</th></tr></thead><tbody><tr><td>update:value</td><td></td><td></td></tr><tr><td>success</td><td><strong>fileList</strong> <code>Array</code> - 文件列表</td><td>上传成功时触发</td></tr></tbody></table><hr><h2 id="示例" tabindex="-1"><a class="header-anchor" href="#示例" aria-hidden="true">#</a> 示例</h2><hr>',5),O=t("p",null,"图片上传",-1),Q=t("p",null,"文件上传",-1),X={__name:"NewbieUploader.html",setup(Y){const u=i([{uid:"-1",name:"image.png",status:"done",url:"https://aliyuncdn.antdv.com/logo.png"},{uid:"-2",name:"image.png",status:"done",url:"https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"},{uid:"-3",name:"image.png",status:"done",url:"https://gw.alipayobjects.com/zos/antfincdn/LlvErxo8H9/photo-1503185912284-5271ff81b9a8.webp"},{uid:"-xxx",percent:50,name:"image.png",status:"uploading",url:"https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"}]),r=i([]),p={uploader:{uploadUrl:"",defaultFileItem:{id:"id",name:"name",url:"url",path:"path",thumbUrl:"thumbUrl"}}};return($,n)=>{const a=_("ExternalLinkIcon");return m(),b("div",null,[w,y,U,j,t("table",null,[k,t("tbody",null,[N,P,E,t("tr",null,[V,t("td",null,[l("接受上传的文件类型, 详见 "),t("a",z,[l("input accept Attribute"),e(a)])]),I,L,B]),D,T,Z,R,S,W,A,C,H,t("tr",null,[J,t("td",null,[l("原生 "),t("a",M,[l("Uploader"),e(a)]),l(" 配置")]),q,F,G])])]),K,e(d(c),g(v(p)),{default:f(()=>[O,e(d(s),{value:u.value,"onUpdate:value":n[0]||(n[0]=o=>u.value=o),accept:".png,.jpg,.jpeg","max-num":5,action:"https://www.mocky.io/v2/5cc8019d300000980a055e76"},null,8,["value"]),Q,e(d(s),{value:r.value,"onUpdate:value":n[1]||(n[1]=o=>r.value=o),type:"file",action:"https://www.mocky.io/v2/5cc8019d300000980a055e76"},null,8,["value"])]),_:1},16)])}}},wt=h(X,[["__file","NewbieUploader.html.vue"]]);export{wt as default};