UNPKG

i-rubik

Version:

A Vue.js 2.0+ UI Components Framework

1 lines 4.55 kB
webpackJsonp([16,29],{234:function(e,t,v){v(322);var i=v(0)(v(261),v(349),"data-v-c633de44",null);e.exports=i.exports},261:function(e,t,v){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default={name:"files",data:function(){return{file:{},files:{}}}}},299:function(e,t,v){t=e.exports=v(59)(),t.push([e.i,"h3[data-v-c633de44]{margin:2rem 0}.file-info p[data-v-c633de44]{margin-top:2rem;font-size:1.3rem}","",{version:3,sources:["/./example/views/File.vue"],names:[],mappings:"AACA,oBACE,aAAe,CAChB,AACD,8BACE,gBAAiB,AACjB,gBAAkB,CACnB",file:"File.vue",sourcesContent:["\nh3[data-v-c633de44] {\n margin: 2rem 0;\n}\n.file-info p[data-v-c633de44] {\n margin-top: 2rem;\n font-size: 1.3rem;\n}"],sourceRoot:"webpack://"}])},322:function(e,t,v){var i=v(299);"string"==typeof i&&(i=[[e.i,i,""]]),i.locals&&(e.exports=i.locals);v(226)("bf9143fe",i,!0)},349:function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,v=e._self._c||t;return v("article",[v("h1",[e._v("文件上传 File")]),e._v(" "),v("h3",[e._v("单个文件")]),e._v(" "),v("r-file",{directives:[{name:"model",rawName:"v-model",value:e.file,expression:"file"}],attrs:{placeholder:"选择文件"},domProps:{value:e.file},on:{input:function(t){e.file=t}}}),e._v(" "),e.file.length?v("div",{staticClass:"file-info"},[v("p",[e._v("文件信息")]),e._v(" "),v("table",{staticClass:"centered responsive-table"},[e._m(0),e._v(" "),v("tbody",[v("tr",[v("td",[e._v(e._s(e.file[0].name))]),e._v(" "),v("td",[e._v(e._s(e.file[0].lastModified))]),e._v(" "),v("td",[e._v(e._s(e.file[0].lastModifiedDate))]),e._v(" "),v("td",[e._v(e._s(e.file[0].size))]),e._v(" "),v("td",[e._v(e._s(e.file[0].type))])])])])]):e._e(),e._v(" "),v("h3",[e._v("选择多个文件")]),e._v(" "),v("r-file",{directives:[{name:"model",rawName:"v-model",value:e.files,expression:"files"}],attrs:{placeholder:"选择一个或多个文件",multiple:""},domProps:{value:e.files},on:{input:function(t){e.files=t}}}),e._v(" "),e.files.length?v("div",{staticClass:"file-info"},[v("p",[e._v("选择的文件信息")]),e._v(" "),v("table",{staticClass:"centered responsive-table"},[e._m(1),e._v(" "),v("tbody",e._l(e.files.length,function(t,i){return v("tr",[v("td",[e._v("文件"+e._s(t))]),e._v(" "),v("td",[e._v(e._s(e.files[i].name))]),e._v(" "),v("td",[e._v(e._s(e.files[i].lastModified))]),e._v(" "),v("td",[e._v(e._s(e.files[i].lastModifiedDate))]),e._v(" "),v("td",[e._v(e._s(e.files[i].size))]),e._v(" "),v("td",[e._v(e._s(e.files[i].type))])])}))])]):e._e(),e._v(" "),v("h3",[e._v("Disabled")]),e._v(" "),v("r-file",{attrs:{disabled:"",placeholder:"不能上传文件"}}),e._v(" "),v("h2",[e._v("API")]),e._v(" "),v("h3",[e._v("props")]),e._v(" "),e._m(2),e._v(" "),v("Markup",{attrs:{lang:"html"}},[e._v('\n <r-file v-model="file" placeholder="选择文件"></r-file>\n <r-file v-model="files" placeholder="选择一个或多个文件" multiple></r-file>\n <r-file disabled placeholder="不能上传文件"></r-file>\n ')])],1)},staticRenderFns:[function(){var e=this,t=e.$createElement,v=e._self._c||t;return v("thead",[v("tr",[v("th",[e._v("name")]),e._v(" "),v("th",[e._v("lastModified")]),e._v(" "),v("th",[e._v("lastModifiedDate")]),e._v(" "),v("th",[e._v("size")]),e._v(" "),v("th",[e._v("type")])])])},function(){var e=this,t=e.$createElement,v=e._self._c||t;return v("thead",[v("tr",[v("th",[e._v("#")]),e._v(" "),v("th",[e._v("name")]),e._v(" "),v("th",[e._v("lastModified")]),e._v(" "),v("th",[e._v("lastModifiedDate")]),e._v(" "),v("th",[e._v("size")]),e._v(" "),v("th",[e._v("type")])])])},function(){var e=this,t=e.$createElement,v=e._self._c||t;return v("table",{staticClass:"bordered responsive-table"},[v("thead",[v("th",[e._v("属性")]),e._v(" "),v("th",[e._v("说明")]),e._v(" "),v("th",[e._v("类型")]),e._v(" "),v("th",[e._v("默认值")])]),e._v(" "),v("tbody",[v("tr",[v("td",[e._v("name")]),e._v(" "),v("td",[e._v("input[type=file] name 属性")]),e._v(" "),v("td",[e._v("String")]),e._v(" "),v("td",[e._v("-")])]),e._v(" "),v("tr",[v("td",[e._v("disabled")]),e._v(" "),v("td",[e._v("input[type=file] 是否可用")]),e._v(" "),v("td",[e._v("Boolean")]),e._v(" "),v("td",[e._v("-")])]),e._v(" "),v("tr",[v("td",[e._v("multiple")]),e._v(" "),v("td",[e._v("是否可以选择多个文件")]),e._v(" "),v("td",[e._v("Boolean")]),e._v(" "),v("td",[e._v("-")])]),e._v(" "),v("tr",[v("td",[e._v("v-model 指令")]),e._v(" "),v("td",[e._v("和 input[type=file] 的 value 双向绑定")]),e._v(" "),v("td",[e._v("String")]),e._v(" "),v("td",[e._v("-")])])])])}]}}});