Skip to content

C
cube-ui

DiDi / cube-ui
9 个月 前同步成功

通知 34
Star 9078
Fork 1508
C
cube-ui

前往新版Gitcode，体验更适合开发者的 AI 搜索 >>

提交 5a8f3cfa 编写于 作者: D dolymood
浏览文件
操作

build: docs

上级 cf3abfce
隐藏空白更改
内联 并排
Showing with 6 addition and 6 deletion
docs/example/index.html
浏览文件 @ 5a8f3cfa
<!DOCTYPE html><html><head><meta charset=UTF-8><title>cube-ui lib</title><meta name=viewport content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no,viewport-fit=cover"><link rel="shortcut icon" type=images/x-icon href=//webapp.didistatic.com/static/webapp/shield/Cube-UI_logo.ico><link href=css/app.e25fadd7ec55930bd0912e6a56bf36f5.css rel=stylesheet></head><body><div id=app></div><script type=text/javascript src=js/manifest.346dd10710fe9c0348bf.js></script><script type=text/javascript src=js/vendor.dd30f986bc5d2c4a5025.js></script><script type=text/javascript src=js/app.4a00ba5e2e004ddd68ce.js></script></body></html>
\ No newline at end of file
<!DOCTYPE html><html><head><meta charset=UTF-8><title>cube-ui lib</title><meta name=viewport content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no,viewport-fit=cover"><link rel="shortcut icon" type=images/x-icon href=//webapp.didistatic.com/static/webapp/shield/Cube-UI_logo.ico><link href=css/app.e25fadd7ec55930bd0912e6a56bf36f5.css rel=stylesheet></head><body><div id=app></div><script type=text/javascript src=js/manifest.346dd10710fe9c0348bf.js></script><script type=text/javascript src=js/vendor.dd30f986bc5d2c4a5025.js></script><script type=text/javascript src=js/app.adfce83941f4e84de9f6.js></script></body></html>
\ No newline at end of file
docs/index.html
浏览文件 @ 5a8f3cfa
<!DOCTYPE html><html><head><meta charset=utf-8><meta name=viewport content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no"><meta name=x5-cache content=disable><meta name=keywords content=CUBE,UI,VUE,COMPONENT,LIB,LIBRARY><link rel="shortcut icon" type=images/x-icon href=//webapp.didistatic.com/static/webapp/shield/Cube-UI_logo.ico><title>cube-ui Document</title><link href=/cube-ui/css/app.eff0dd361031a52994230f4aae1f87da.css rel=stylesheet></head><body><div id=app></div><script type=text/javascript src=/cube-ui/js/manifest.9e26b850d0e8c17089da.js></script><script type=text/javascript src=/cube-ui/js/vendor.4cef52510a2e3760b4fc.js></script><script type=text/javascript src=/cube-ui/js/app.ec660721c2d03ab33e9a.js></script></body></html>
\ No newline at end of file
<!DOCTYPE html><html><head><meta charset=utf-8><meta name=viewport content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no"><meta name=x5-cache content=disable><meta name=keywords content=CUBE,UI,VUE,COMPONENT,LIB,LIBRARY><link rel="shortcut icon" type=images/x-icon href=//webapp.didistatic.com/static/webapp/shield/Cube-UI_logo.ico><title>cube-ui Document</title><link href=/cube-ui/css/app.eff0dd361031a52994230f4aae1f87da.css rel=stylesheet></head><body><div id=app></div><script type=text/javascript src=/cube-ui/js/manifest.7a4a7d19709caa3aacf0.js></script><script type=text/javascript src=/cube-ui/js/vendor.4cef52510a2e3760b4fc.js></script><script type=text/javascript src=/cube-ui/js/app.ec660721c2d03ab33e9a.js></script></body></html>
\ No newline at end of file
docs/js/3.12506d2ed3caca26d9b0.js → docs/js/3.1feebdd85d2fd67fa575.js
浏览文件 @ 5a8f3cfa
webpackJsonp([3],{ZIr9:function(s,t,a){var v=a("VU/8")(null,a("iC+2"),null,null,null);s.exports=v.exports},dSBi:function(s,t,a){s.exports=a("ZIr9")},"iC+2":function(s,t){s.exports={render:function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("section",[a("h2",{attrs:{id:"Upload组件"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Upload组件-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Upload 组件")]),s._v(" "),s._m(0),s._v(" "),s._m(1),s._v(" "),s._m(2),s._v(" "),s._m(3),s._v(" "),a("h3",{attrs:{id:"示例"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-示例-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 示例")]),s._v(" "),s._m(4),s._v(" "),a("h3",{attrs:{id:"Props配置"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Props配置-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Props 配置")]),s._v(" "),s._m(5),s._v(" "),s._m(6),s._v(" "),s._m(7),s._v(" "),s._m(8),s._v(" "),s._m(9),s._v(" "),s._m(10),s._v(" "),a("h3",{attrs:{id:"事件"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-事件-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 事件")]),s._v(" "),s._m(11),s._v(" "),a("h3",{attrs:{id:"实例方法"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-实例方法-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 实例方法")]),s._v(" "),s._m(12)])},staticRenderFns:[function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("blockquote",[a("p",[s._v("1.3.0 新增")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[a("code",{pre:!0},[s._v("Upload")]),s._v(" 上传组件。")])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[a("strong",[s._v("注：")]),s._v(" 本文中所有的原始文件对象统称为"),a("strong",[s._v("原始文件")]),s._v("，而经过包装后的文件对象称为"),a("strong",[s._v("文件对象")]),s._v("，这个文件对象的结构如下：")])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("属性")]),s._v(" "),a("th",[s._v("说明")]),s._v(" "),a("th",[s._v("类型")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("name")]),s._v(" "),a("td",[s._v("文件名")]),s._v(" "),a("td",[s._v("String")])]),s._v(" "),a("tr",[a("td",[s._v("size")]),s._v(" "),a("td",[s._v("文件大小")]),s._v(" "),a("td",[s._v("Number")])]),s._v(" "),a("tr",[a("td",[s._v("url")]),s._v(" "),a("td",[s._v("文件 url，通过 URL.createObjectURL 获得")]),s._v(" "),a("td",[s._v("String")])]),s._v(" "),a("tr",[a("td",[s._v("base64")]),s._v(" "),a("td",[s._v("文件 base64 的值，这个会从原始文件的 base64 属性获得（默认是没有的，但是插件可以添加，例如下边演示的压缩 compress 插件就会添加 base64 值）")]),s._v(" "),a("td",[s._v("String")])]),s._v(" "),a("tr",[a("td",[s._v("status")]),s._v(" "),a("td",[s._v("文件状态，包含四个： ready, uploading, success, error")]),s._v(" "),a("td",[s._v("String")])]),s._v(" "),a("tr",[a("td",[s._v("progress")]),s._v(" "),a("td",[s._v("文件上传进度，小数 0~1")]),s._v(" "),a("td",[s._v("Number")])]),s._v(" "),a("tr",[a("td",[s._v("file")]),s._v(" "),a("td",[s._v("原始文件")]),s._v(" "),a("td",[s._v("File")])]),s._v(" "),a("tr",[a("td",[s._v("response")]),s._v(" "),a("td",[s._v("响应内容（自动转 JSON）")]),s._v(" "),a("td",[s._v("Object/Array/String")])]),s._v(" "),a("tr",[a("td",[s._v("responseHeaders")]),s._v(" "),a("td",[s._v("响应头")]),s._v(" "),a("td",[s._v("String")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("p",[s._v("基本用法")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-upload")]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("action")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"//jsonplaceholder.typicode.com/photos/"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":simultaneous-uploads")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"1"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@files-added")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"filesAdded"')]),s._v(" />")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n filesAdded(files) {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("let")]),s._v(" hasIgnore = "),a("span",{attrs:{class:"hljs-literal"}},[s._v("false")]),s._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" maxSize = "),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v(" * "),a("span",{attrs:{class:"hljs-number"}},[s._v("1024")]),s._v(" * "),a("span",{attrs:{class:"hljs-number"}},[s._v("1024")]),s._v(" "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// 1M")]),s._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("for")]),s._v(" ("),a("span",{attrs:{class:"hljs-keyword"}},[s._v("let")]),s._v(" k "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("in")]),s._v(" files) {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" file = files[k]\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" (file.size > maxSize) {\n file.ignore = "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v("\n hasIgnore = "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v("\n }\n }\n hasIgnore && "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createToast({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'warn'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("time")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1000")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("txt")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'You selected >1M files'")]),s._v("\n }).show()\n }\n }\n}\n")])]),s._v(" "),a("p",[s._v("配置 "),a("code",{pre:!0},[s._v("action")]),s._v(" 表示上传的 URL 地址，而 "),a("code",{pre:!0},[s._v("simultaneous-uploads")]),s._v(" 则表示支持的并发上传个数。")]),s._v(" "),a("p",[s._v("通过 "),a("code",{pre:!0},[s._v("files-added")]),s._v(" 事件可以实现文件过滤，设置 "),a("code",{pre:!0},[s._v("file.ignore = true")]),s._v(" 即可。")])]),s._v(" "),a("li",[a("p",[s._v("压缩图片且通过 Base64 上传")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-upload")]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("ref")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"upload"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":action")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"action"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":simultaneous-uploads")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"1"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":process-file")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"processFile"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@file-submitted")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"fileSubmitted"')]),s._v(" />")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("import")]),s._v(" compress "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("from")]),s._v(" "),a("span",{attrs:{class:"hljs-string"}},[s._v("'../../modules/image'")]),s._v("\n"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n data() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("action")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("target")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'//jsonplaceholder.typicode.com/photos/'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("prop")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'base64Value'")]),s._v("\n }\n }\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n processFile(file, next) {\n compress(file, {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("compress")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("width")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1600")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("height")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1600")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("quality")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("0.5")]),s._v("\n }\n }, next)\n },\n fileSubmitted(file) {\n file.base64Value = file.file.base64\n }\n }\n}\n")])]),s._v(" "),a("p",[a("code",{pre:!0},[s._v("action")]),s._v(" 中除了有 "),a("code",{pre:!0},[s._v("target")]),s._v(" 目标上传地址外；还有 "),a("code",{pre:!0},[s._v("prop")]),s._v(" 配置，表示上传的时候采用处理后的 "),a("code",{pre:!0},[s._v("file")]),s._v(" 普通对象的哪个属性所对应的值上传，这里设置的就是 "),a("code",{pre:!0},[s._v("base64Value")]),s._v(" 的值。")]),s._v(" "),a("p",[a("code",{pre:!0},[s._v("process-file")]),s._v(" 则是一个函数，主要用于处理原生文件的，调用 "),a("code",{pre:!0},[s._v("next")]),s._v(" 回调的话，参数是处理完的文件对象，这里示例的就是调用 "),a("code",{pre:!0},[s._v("compress")]),s._v(" 做压缩，处理完后会回调 "),a("code",{pre:!0},[s._v("next")]),s._v("。")]),s._v(" "),a("p",[a("code",{pre:!0},[s._v("file-submitted")]),s._v(" 事件则是每个文件处理完后添加到 "),a("code",{pre:!0},[s._v("upload")]),s._v(" 实例的 "),a("code",{pre:!0},[s._v("files")]),s._v(" 数组中后触发，参数就是一个处理后的文件对象。")])]),s._v(" "),a("li",[a("p",[s._v("自定义结构样式")]),s._v(" "),a("p",[s._v("使用默认插槽来实现自定义结构，在此基础上自定义样式。")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-upload")]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("ref")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"upload"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"files"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":action")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"action"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@files-added")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"addedHandler"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@file-error")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"errHandler"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("div")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"clear-fix"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-upload-file")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-for")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"(file, i) in files"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":file")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"file"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":key")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"i"')]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-upload-file")]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-upload-btn")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":multiple")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"false"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("div")]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("i")]),s._v(">")]),s._v("＋"),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("i")]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("p")]),s._v(">")]),s._v("Please click to upload ID card"),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("p")]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("div")]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-upload-btn")]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("div")]),s._v(">")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-upload")]),s._v(">")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n data() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("action")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'//jsonplaceholder.typicode.com/photos/'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("files")]),s._v(": []\n }\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n addedHandler() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" file = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".files["),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("]\n file && "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$refs.upload.removeFile(file)\n },\n errHandler(file) {\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// const msg = file.response.message")]),s._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createToast({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'warn'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("txt")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Upload fail'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("time")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1000")]),s._v("\n }).show()\n }\n }\n}\n")])]),s._v(" "),a("p",[s._v("样式覆盖：")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-stylus"}},[a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".cube-upload")]),s._v("\n "),a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".cube-upload-file")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".cube-upload-btn")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("margin")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("height")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("200px")]),s._v("\n "),a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".cube-upload-file")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("margin")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("\n + "),a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".cube-upload-btn")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("margin-top")]),s._v(": -"),a("span",{attrs:{class:"hljs-number"}},[s._v("200px")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("opacity")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("\n "),a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".cube-upload-file-def")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("width")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("100%")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("height")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("100%")]),s._v("\n "),a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".cubeic-wrong")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("display")]),s._v(": none\n "),a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".cube-upload-btn")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("display")]),s._v(": flex\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("align-items")]),s._v(": center\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("justify-content")]),s._v(": center\n > "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("div")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("text-align")]),s._v(": center\n "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("i")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("display")]),s._v(": inline-flex\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("align-items")]),s._v(": center\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("justify-content")]),s._v(": center\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("width")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("50px")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("height")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("50px")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("margin-bottom")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("20px")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("font-size")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("32px")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("line-height")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("font-style")]),s._v(": normal\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("#fff")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("background-color")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("#333")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("border-radius")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("50%")]),s._v("\n")])]),s._v(" "),a("p",[s._v("上述示例实现的效果就是点击上传（一次只能选择一张）一张图片，此图片就会直接展示，而上传按钮本身则是不可见，覆盖在图片预览区域上。再次重新选择图片，就会移除掉上次选择的图片，重新展示新选择的图片。")])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("参数")]),s._v(" "),a("th",[s._v("说明")]),s._v(" "),a("th",[s._v("类型")]),s._v(" "),a("th",[s._v("默认值")]),s._v(" "),a("th",[s._v("示例")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("v-model")]),s._v(" "),a("td",[s._v("文件列表")]),s._v(" "),a("td",[s._v("Array")]),s._v(" "),a("td",[s._v("[]")]),s._v(" "),a("td",[s._v("[{ name, size, url, status: 'success', progress: 1 }]")])]),s._v(" "),a("tr",[a("td",[s._v("action")]),s._v(" "),a("td",[s._v("上传行为配置项，最少包含上传目标的 URL 地址")]),s._v(" "),a("td",[s._v("String/Object")]),s._v(" "),a("td",[s._v("''")]),s._v(" "),a("td",[s._v("{ target: '/upload' }")])]),s._v(" "),a("tr",[a("td",[s._v("max")]),s._v(" "),a("td",[s._v("最大上传文件个数")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("10")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("auto")]),s._v(" "),a("td",[s._v("是否自动上传，即选择完文件后自动开始上传")]),s._v(" "),a("td",[s._v("Boolean")]),s._v(" "),a("td",[s._v("true")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("simultaneousUploads")]),s._v(" "),a("td",[s._v("并发上传数")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("1")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("multiple")]),s._v(" "),a("td",[s._v("是否多选")]),s._v(" "),a("td",[s._v("Boolean")]),s._v(" "),a("td",[s._v("true")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("accept")]),s._v(" "),a("td",[s._v("input 的 accept 属性值")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("image/*")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("processFile")]),s._v(" "),a("td",[s._v("处理原始文件函数")]),s._v(" "),a("td",[s._v("Function")]),s._v(" "),a("td",[s._v("function (file, next) { next(file) }")]),s._v(" "),a("td",[s._v("-")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("code",{pre:!0},[s._v("action")]),s._v(" 子配置项")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[s._v("如果 "),a("code",{pre:!0},[s._v("action")]),s._v(" 是字符串，则会被处理成 "),a("code",{pre:!0},[s._v("{ target: action }")]),s._v(" 这样结构。")])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("参数")]),s._v(" "),a("th",[s._v("说明")]),s._v(" "),a("th",[s._v("类型")]),s._v(" "),a("th",[s._v("默认值")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("target")]),s._v(" "),a("td",[s._v("上传目标 URL，如果为函数，则传入当前文件对象调用得到目标 URL")]),s._v(" "),a("td",[s._v("String/Function"),a("sup",[s._v("1.11.0+")])]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("fileName")]),s._v(" "),a("td",[s._v("上传文件时文件的参数名")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("'file'")])]),s._v(" "),a("tr",[a("td",[s._v("prop")]),s._v(" "),a("td",[s._v("上传的时候使用文件对象的 prop 属性所对应的值")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("'file'")])]),s._v(" "),a("tr",[a("td",[s._v("headers")]),s._v(" "),a("td",[s._v("自定义请求头，如果为函数，则传入当前文件对象调用得到 headers")]),s._v(" "),a("td",[s._v("Object/Function"),a("sup",[s._v("1.11.0+")])]),s._v(" "),a("td",[s._v("{}")])]),s._v(" "),a("tr",[a("td",[s._v("data")]),s._v(" "),a("td",[s._v("上传需要附加数据，如果为函数，则传入当前文件对象调用得到 data")]),s._v(" "),a("td",[s._v("Object/Function"),a("sup",[s._v("1.11.0+")])]),s._v(" "),a("td",[s._v("{}")])]),s._v(" "),a("tr",[a("td",[s._v("withCredentials")]),s._v(" "),a("td",[s._v("标准的 CORS 请求是不会带上 cookie 的，如果想要带的话需要设置 withCredentials 为 true")]),s._v(" "),a("td",[s._v("Boolean")]),s._v(" "),a("td",[s._v("false")])]),s._v(" "),a("tr",[a("td",[s._v("timeout")]),s._v(" "),a("td",[s._v("请求超时时间")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("0")])]),s._v(" "),a("tr",[a("td",[s._v("progressInterval")]),s._v(" "),a("td",[s._v("进度回调间隔（单位：ms）")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("100")])]),s._v(" "),a("tr",[a("td",[s._v("checkSuccess")]),s._v(" "),a("td",[s._v("校验是否成功函数，参数为"),a("code",{pre:!0},[s._v("(服务端响应数据, 当前文件对象 [,cb 回调])")]),s._v("，注意第二个参数和第三个参数是 1.11.0 后新增的，而参数 "),a("code",{pre:!0},[s._v("cb")]),s._v(" 是可选的，异步场景可用，如果没有 "),a("code",{pre:!0},[s._v("cb")]),s._v(" 则取其返回值，如果结果值为 true 则代表成功")]),s._v(" "),a("td",[s._v("Function")]),s._v(" "),a("td",[s._v("function (res, file) { return true }")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("code",{pre:!0},[s._v("processFile")]),s._v(" 子配置项")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[s._v("一个函数，这个函数有两个参数："),a("code",{pre:!0},[s._v("(file, next)")]),s._v("，"),a("code",{pre:!0},[s._v("file")]),s._v(" 就是原始文件，"),a("code",{pre:!0},[s._v("next")]),s._v(" 为处理完毕后的回调函数，调用的时候需要传入处理后的文件。")])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("事件名")]),s._v(" "),a("th",[s._v("说明")]),s._v(" "),a("th",[s._v("参数")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("files-added")]),s._v(" "),a("td",[s._v("选择完文件后触发，一般可用作文件过滤")]),s._v(" "),a("td",[s._v("原始文件列表")])]),s._v(" "),a("tr",[a("td",[s._v("file-submitted")]),s._v(" "),a("td",[s._v("每个文件处理完后添加到 "),a("code",{pre:!0},[s._v("upload")]),s._v(" 实例的 "),a("code",{pre:!0},[s._v("files")]),s._v(" 数组中后触发")]),s._v(" "),a("td",[s._v("文件对象")])]),s._v(" "),a("tr",[a("td",[s._v("file-removed")]),s._v(" "),a("td",[s._v("文件被删除后触发")]),s._v(" "),a("td",[s._v("文件对象")])]),s._v(" "),a("tr",[a("td",[s._v("file-success")]),s._v(" "),a("td",[s._v("文件上传成功后触发")]),s._v(" "),a("td",[s._v("文件对象")])]),s._v(" "),a("tr",[a("td",[s._v("file-error")]),s._v(" "),a("td",[s._v("文件上传失败后触发")]),s._v(" "),a("td",[s._v("文件对象")])]),s._v(" "),a("tr",[a("td",[s._v("file-click")]),s._v(" "),a("td",[s._v("文件点击后触发")]),s._v(" "),a("td",[s._v("文件对象")])]),s._v(" "),a("tr",[a("td",[s._v("input")]),s._v(" "),a("td",[s._v("绑定值（文件列表）改变后触发")]),s._v(" "),a("td",[s._v("更新后的绑定值（文件列表）")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("方法名")]),s._v(" "),a("th",[s._v("说明")]),s._v(" "),a("th",[s._v("参数")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("start")]),s._v(" "),a("td",[s._v("开始上传")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("pause")]),s._v(" "),a("td",[s._v("暂停上传")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("retry")]),s._v(" "),a("td",[s._v("重试上传")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("removeFile")]),s._v(" "),a("td",[s._v("删除文件")]),s._v(" "),a("td",[s._v("文件对象")])])])])}]}}});
\ No newline at end of file
webpackJsonp([3],{ZIr9:function(s,t,a){var v=a("VU/8")(null,a("iC+2"),null,null,null);s.exports=v.exports},dSBi:function(s,t,a){s.exports=a("ZIr9")},"iC+2":function(s,t){s.exports={render:function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("section",[a("h2",{attrs:{id:"Upload组件"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Upload组件-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Upload 组件")]),s._v(" "),s._m(0),s._v(" "),s._m(1),s._v(" "),s._m(2),s._v(" "),s._m(3),s._v(" "),a("h3",{attrs:{id:"示例"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-示例-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 示例")]),s._v(" "),s._m(4),s._v(" "),a("h3",{attrs:{id:"Props配置"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Props配置-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Props 配置")]),s._v(" "),s._m(5),s._v(" "),s._m(6),s._v(" "),s._m(7),s._v(" "),s._m(8),s._v(" "),s._m(9),s._v(" "),s._m(10),s._v(" "),a("h3",{attrs:{id:"事件"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-事件-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 事件")]),s._v(" "),s._m(11),s._v(" "),a("h3",{attrs:{id:"实例方法"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-实例方法-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 实例方法")]),s._v(" "),s._m(12)])},staticRenderFns:[function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("blockquote",[a("p",[s._v("1.3.0 新增")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[a("code",{pre:!0},[s._v("Upload")]),s._v(" 上传组件。")])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[a("strong",[s._v("注：")]),s._v(" 本文中所有的原始文件对象统称为"),a("strong",[s._v("原始文件")]),s._v("，而经过包装后的文件对象称为"),a("strong",[s._v("文件对象")]),s._v("，这个文件对象的结构如下：")])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("属性")]),s._v(" "),a("th",[s._v("说明")]),s._v(" "),a("th",[s._v("类型")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("name")]),s._v(" "),a("td",[s._v("文件名")]),s._v(" "),a("td",[s._v("String")])]),s._v(" "),a("tr",[a("td",[s._v("size")]),s._v(" "),a("td",[s._v("文件大小")]),s._v(" "),a("td",[s._v("Number")])]),s._v(" "),a("tr",[a("td",[s._v("url")]),s._v(" "),a("td",[s._v("文件 url，通过 URL.createObjectURL 获得")]),s._v(" "),a("td",[s._v("String")])]),s._v(" "),a("tr",[a("td",[s._v("base64")]),s._v(" "),a("td",[s._v("文件 base64 的值，这个会从原始文件的 base64 属性获得（默认是没有的，但是插件可以添加，例如下边演示的压缩 compress 插件就会添加 base64 值）")]),s._v(" "),a("td",[s._v("String")])]),s._v(" "),a("tr",[a("td",[s._v("status")]),s._v(" "),a("td",[s._v("文件状态，包含四个： ready, uploading, success, error")]),s._v(" "),a("td",[s._v("String")])]),s._v(" "),a("tr",[a("td",[s._v("progress")]),s._v(" "),a("td",[s._v("文件上传进度，小数 0~1")]),s._v(" "),a("td",[s._v("Number")])]),s._v(" "),a("tr",[a("td",[s._v("file")]),s._v(" "),a("td",[s._v("原始文件")]),s._v(" "),a("td",[s._v("File")])]),s._v(" "),a("tr",[a("td",[s._v("response")]),s._v(" "),a("td",[s._v("响应内容（自动转 JSON）")]),s._v(" "),a("td",[s._v("Object/Array/String")])]),s._v(" "),a("tr",[a("td",[s._v("responseHeaders")]),s._v(" "),a("td",[s._v("响应头")]),s._v(" "),a("td",[s._v("String")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("p",[s._v("基本用法")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-upload")]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("action")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"//jsonplaceholder.typicode.com/photos/"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":simultaneous-uploads")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"1"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@files-added")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"filesAdded"')]),s._v(" />")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n filesAdded(files) {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("let")]),s._v(" hasIgnore = "),a("span",{attrs:{class:"hljs-literal"}},[s._v("false")]),s._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" maxSize = "),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v(" * "),a("span",{attrs:{class:"hljs-number"}},[s._v("1024")]),s._v(" * "),a("span",{attrs:{class:"hljs-number"}},[s._v("1024")]),s._v(" "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// 1M")]),s._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("for")]),s._v(" ("),a("span",{attrs:{class:"hljs-keyword"}},[s._v("let")]),s._v(" k "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("in")]),s._v(" files) {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" file = files[k]\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" (file.size > maxSize) {\n file.ignore = "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v("\n hasIgnore = "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v("\n }\n }\n hasIgnore && "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createToast({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'warn'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("time")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1000")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("txt")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'You selected >1M files'")]),s._v("\n }).show()\n }\n }\n}\n")])]),s._v(" "),a("p",[s._v("配置 "),a("code",{pre:!0},[s._v("action")]),s._v(" 表示上传的 URL 地址，而 "),a("code",{pre:!0},[s._v("simultaneous-uploads")]),s._v(" 则表示支持的并发上传个数。")]),s._v(" "),a("p",[s._v("通过 "),a("code",{pre:!0},[s._v("files-added")]),s._v(" 事件可以实现文件过滤，设置 "),a("code",{pre:!0},[s._v("file.ignore = true")]),s._v(" 即可。")])]),s._v(" "),a("li",[a("p",[s._v("压缩图片且通过 Base64 上传")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-upload")]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("ref")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"upload"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":action")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"action"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":simultaneous-uploads")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"1"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":process-file")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"processFile"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@file-submitted")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"fileSubmitted"')]),s._v(" />")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("import")]),s._v(" compress "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("from")]),s._v(" "),a("span",{attrs:{class:"hljs-string"}},[s._v("'../../modules/image'")]),s._v("\n"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n data() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("action")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("target")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'//jsonplaceholder.typicode.com/photos/'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("prop")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'base64Value'")]),s._v("\n }\n }\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n processFile(file, next) {\n compress(file, {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("compress")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("width")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1600")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("height")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1600")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("quality")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("0.5")]),s._v("\n }\n }, next)\n },\n fileSubmitted(file) {\n file.base64Value = file.file.base64\n }\n }\n}\n")])]),s._v(" "),a("p",[a("code",{pre:!0},[s._v("action")]),s._v(" 中除了有 "),a("code",{pre:!0},[s._v("target")]),s._v(" 目标上传地址外；还有 "),a("code",{pre:!0},[s._v("prop")]),s._v(" 配置，表示上传的时候采用处理后的 "),a("code",{pre:!0},[s._v("file")]),s._v(" 普通对象的哪个属性所对应的值上传，这里设置的就是 "),a("code",{pre:!0},[s._v("base64Value")]),s._v(" 的值。")]),s._v(" "),a("p",[a("code",{pre:!0},[s._v("process-file")]),s._v(" 则是一个函数，主要用于处理原生文件的，调用 "),a("code",{pre:!0},[s._v("next")]),s._v(" 回调的话，参数是处理完的文件对象，这里示例的就是调用 "),a("code",{pre:!0},[s._v("compress")]),s._v(" 做压缩，处理完后会回调 "),a("code",{pre:!0},[s._v("next")]),s._v("。")]),s._v(" "),a("p",[a("code",{pre:!0},[s._v("file-submitted")]),s._v(" 事件则是每个文件处理完后添加到 "),a("code",{pre:!0},[s._v("upload")]),s._v(" 实例的 "),a("code",{pre:!0},[s._v("files")]),s._v(" 数组中后触发，参数就是一个处理后的文件对象。")])]),s._v(" "),a("li",[a("p",[s._v("自定义结构样式")]),s._v(" "),a("p",[s._v("使用默认插槽来实现自定义结构，在此基础上自定义样式。")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-upload")]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("ref")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"upload"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"files"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":action")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"action"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@files-added")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"addedHandler"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@file-error")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"errHandler"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("div")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"clear-fix"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-upload-file")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-for")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"(file, i) in files"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":file")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"file"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":key")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"i"')]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-upload-file")]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-upload-btn")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":multiple")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"false"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("div")]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("i")]),s._v(">")]),s._v("＋"),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("i")]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("p")]),s._v(">")]),s._v("Please click to upload ID card"),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("p")]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("div")]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-upload-btn")]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("div")]),s._v(">")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-upload")]),s._v(">")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n data() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("action")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'//jsonplaceholder.typicode.com/photos/'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("files")]),s._v(": []\n }\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n addedHandler() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" file = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".files["),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("]\n file && "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$refs.upload.removeFile(file)\n },\n errHandler(file) {\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// const msg = file.response.message")]),s._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createToast({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'warn'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("txt")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Upload fail'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("time")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1000")]),s._v("\n }).show()\n }\n }\n}\n")])]),s._v(" "),a("p",[s._v("样式覆盖：")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-stylus"}},[a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".cube-upload")]),s._v("\n "),a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".cube-upload-file")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".cube-upload-btn")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("margin")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("height")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("200px")]),s._v("\n "),a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".cube-upload-file")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("margin")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("\n + "),a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".cube-upload-btn")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("margin-top")]),s._v(": -"),a("span",{attrs:{class:"hljs-number"}},[s._v("200px")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("opacity")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("\n "),a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".cube-upload-file-def")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("width")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("100%")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("height")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("100%")]),s._v("\n "),a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".cubeic-wrong")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("display")]),s._v(": none\n "),a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".cube-upload-btn")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("display")]),s._v(": flex\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("align-items")]),s._v(": center\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("justify-content")]),s._v(": center\n > "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("div")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("text-align")]),s._v(": center\n "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("i")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("display")]),s._v(": inline-flex\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("align-items")]),s._v(": center\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("justify-content")]),s._v(": center\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("width")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("50px")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("height")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("50px")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("margin-bottom")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("20px")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("font-size")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("32px")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("line-height")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("font-style")]),s._v(": normal\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("#fff")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("background-color")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("#333")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("border-radius")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("50%")]),s._v("\n")])]),s._v(" "),a("p",[s._v("上述示例实现的效果就是点击上传（一次只能选择一张）一张图片，此图片就会直接展示，而上传按钮本身则是不可见，覆盖在图片预览区域上。再次重新选择图片，就会移除掉上次选择的图片，重新展示新选择的图片。")])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("参数")]),s._v(" "),a("th",[s._v("说明")]),s._v(" "),a("th",[s._v("类型")]),s._v(" "),a("th",[s._v("默认值")]),s._v(" "),a("th",[s._v("示例")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("v-model")]),s._v(" "),a("td",[s._v("文件列表")]),s._v(" "),a("td",[s._v("Array")]),s._v(" "),a("td",[s._v("[]")]),s._v(" "),a("td",[s._v("[{ name, size, url, status: 'success', progress: 1 }]")])]),s._v(" "),a("tr",[a("td",[s._v("action")]),s._v(" "),a("td",[s._v("上传行为配置项，最少包含上传目标的 URL 地址")]),s._v(" "),a("td",[s._v("String/Object")]),s._v(" "),a("td",[s._v("''")]),s._v(" "),a("td",[s._v("{ target: '/upload' }")])]),s._v(" "),a("tr",[a("td",[s._v("max")]),s._v(" "),a("td",[s._v("最大上传文件个数")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("10")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("auto")]),s._v(" "),a("td",[s._v("是否自动上传，即选择完文件后自动开始上传")]),s._v(" "),a("td",[s._v("Boolean")]),s._v(" "),a("td",[s._v("true")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("simultaneousUploads")]),s._v(" "),a("td",[s._v("并发上传数")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("1")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("multiple")]),s._v(" "),a("td",[s._v("是否多选")]),s._v(" "),a("td",[s._v("Boolean")]),s._v(" "),a("td",[s._v("true")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("accept")]),s._v(" "),a("td",[s._v("input 的 accept 属性值")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("image/*")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("processFile")]),s._v(" "),a("td",[s._v("处理原始文件函数")]),s._v(" "),a("td",[s._v("Function")]),s._v(" "),a("td",[s._v("function (file, next) { next(file) }")]),s._v(" "),a("td",[s._v("-")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("code",{pre:!0},[s._v("action")]),s._v(" 子配置项")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[s._v("如果 "),a("code",{pre:!0},[s._v("action")]),s._v(" 是字符串，则会被处理成 "),a("code",{pre:!0},[s._v("{ target: action }")]),s._v(" 这样结构。")])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("参数")]),s._v(" "),a("th",[s._v("说明")]),s._v(" "),a("th",[s._v("类型")]),s._v(" "),a("th",[s._v("默认值")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("target")]),s._v(" "),a("td",[s._v("上传目标 URL，如果为函数，则传入当前文件对象调用得到目标 URL")]),s._v(" "),a("td",[s._v("String/Function"),a("sup",[s._v("1.11.0+")])]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("fileName")]),s._v(" "),a("td",[s._v("上传文件时文件的参数名")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("'file'")])]),s._v(" "),a("tr",[a("td",[s._v("prop")]),s._v(" "),a("td",[s._v("上传的时候使用文件对象的 prop 属性所对应的值")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("'file'")])]),s._v(" "),a("tr",[a("td",[s._v("headers")]),s._v(" "),a("td",[s._v("自定义请求头，如果为函数，则传入当前文件对象调用得到 headers")]),s._v(" "),a("td",[s._v("Object/Function"),a("sup",[s._v("1.11.0+")])]),s._v(" "),a("td",[s._v("{}")])]),s._v(" "),a("tr",[a("td",[s._v("data")]),s._v(" "),a("td",[s._v("上传需要附加数据，如果为函数，则传入当前文件对象调用得到 data")]),s._v(" "),a("td",[s._v("Object/Function"),a("sup",[s._v("1.11.0+")])]),s._v(" "),a("td",[s._v("{}")])]),s._v(" "),a("tr",[a("td",[s._v("withCredentials")]),s._v(" "),a("td",[s._v("标准的 CORS 请求是不会带上 cookie 的，如果想要带的话需要设置 withCredentials 为 true")]),s._v(" "),a("td",[s._v("Boolean")]),s._v(" "),a("td",[s._v("false")])]),s._v(" "),a("tr",[a("td",[s._v("timeout")]),s._v(" "),a("td",[s._v("请求超时时间")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("0")])]),s._v(" "),a("tr",[a("td",[s._v("progressInterval")]),s._v(" "),a("td",[s._v("进度回调间隔（单位：ms）")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("100")])]),s._v(" "),a("tr",[a("td",[s._v("checkSuccess")]),s._v(" "),a("td",[s._v("校验是否成功函数，参数为"),a("code",{pre:!0},[s._v("(服务端响应数据, 当前文件对象 [,cb 回调])")]),s._v("，注意第二个参数和第三个参数是 1.11.0 后新增的，而参数 "),a("code",{pre:!0},[s._v("cb")]),s._v(" 是可选的，异步场景可用，如果没有 "),a("code",{pre:!0},[s._v("cb")]),s._v(" 则取其返回值，如果结果值为 true 则代表成功")]),s._v(" "),a("td",[s._v("Function")]),s._v(" "),a("td",[s._v("function (res, file) { return true }")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("code",{pre:!0},[s._v("processFile")]),s._v(" 子配置项")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[s._v("一个函数，这个函数有两个参数："),a("code",{pre:!0},[s._v("(file, next)")]),s._v("，"),a("code",{pre:!0},[s._v("file")]),s._v(" 就是原始文件，"),a("code",{pre:!0},[s._v("next")]),s._v(" 为处理完毕后的回调函数，调用的时候需要传入处理后的文件。")])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("事件名")]),s._v(" "),a("th",[s._v("说明")]),s._v(" "),a("th",[s._v("参数")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("files-added")]),s._v(" "),a("td",[s._v("选择完文件后触发，一般可用作文件过滤")]),s._v(" "),a("td",[s._v("原始文件列表")])]),s._v(" "),a("tr",[a("td",[s._v("file-submitted")]),s._v(" "),a("td",[s._v("每个文件处理完后添加到 "),a("code",{pre:!0},[s._v("upload")]),s._v(" 实例的 "),a("code",{pre:!0},[s._v("files")]),s._v(" 数组中后触发")]),s._v(" "),a("td",[s._v("文件对象")])]),s._v(" "),a("tr",[a("td",[s._v("file-removed")]),s._v(" "),a("td",[s._v("文件被删除后触发")]),s._v(" "),a("td",[s._v("文件对象")])]),s._v(" "),a("tr",[a("td",[s._v("file-success")]),s._v(" "),a("td",[s._v("文件上传成功后触发")]),s._v(" "),a("td",[s._v("文件对象")])]),s._v(" "),a("tr",[a("td",[s._v("file-error")]),s._v(" "),a("td",[s._v("文件上传失败后触发")]),s._v(" "),a("td",[s._v("文件对象")])]),s._v(" "),a("tr",[a("td",[s._v("file-click")]),s._v(" "),a("td",[s._v("文件点击后触发")]),s._v(" "),a("td",[s._v("文件对象，1.12.39后增加了index文件索引参数")])]),s._v(" "),a("tr",[a("td",[s._v("input")]),s._v(" "),a("td",[s._v("绑定值（文件列表）改变后触发")]),s._v(" "),a("td",[s._v("更新后的绑定值（文件列表）")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("方法名")]),s._v(" "),a("th",[s._v("说明")]),s._v(" "),a("th",[s._v("参数")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("start")]),s._v(" "),a("td",[s._v("开始上传")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("pause")]),s._v(" "),a("td",[s._v("暂停上传")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("retry")]),s._v(" "),a("td",[s._v("重试上传")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("removeFile")]),s._v(" "),a("td",[s._v("删除文件")]),s._v(" "),a("td",[s._v("文件对象")])])])])}]}}});
\ No newline at end of file
docs/js/48.e31086d402071e4eaabe.js → docs/js/48.1a224e7c90c095bc9173.js
浏览文件 @ 5a8f3cfa
webpackJsonp([48],{Y8qW:function(t,s){t.exports={render:function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("section",[a("h2",{attrs:{id:"Upload"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Upload-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" Upload")]),t._v(" "),t._m(0),t._v(" "),t._m(1),t._v(" "),t._m(2),t._v(" "),t._m(3),t._v(" "),a("h3",{attrs:{id:"Example"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Example-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" Example")]),t._v(" "),t._m(4),t._v(" "),a("h3",{attrs:{id:"Propsconfiguration"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Propsconfiguration-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" Props configuration")]),t._v(" "),t._m(5),t._v(" "),t._m(6),t._v(" "),t._m(7),t._v(" "),t._m(8),t._v(" "),t._m(9),t._v(" "),t._m(10),t._v(" "),a("h3",{attrs:{id:"Events"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Events-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" Events")]),t._v(" "),t._m(11),t._v(" "),a("h3",{attrs:{id:"Instancemethods"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Instancemethods-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" Instance methods")]),t._v(" "),t._m(12)])},staticRenderFns:[function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("blockquote",[a("p",[t._v("New in 1.3.0+")])])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("p",[a("code",{pre:!0},[t._v("Upload")]),t._v(" component.")])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("p",[a("strong",[t._v("Notice:")]),t._v(" In this document, all the original File will be called "),a("strong",[t._v("original file")]),t._v(", since the wrapped file object will be called "),a("strong",[t._v("file object")]),t._v(". The structure of "),a("strong",[t._v("file object")]),t._v(" show as following:")])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("table",[a("thead",[a("tr",[a("th",[t._v("Attribute")]),t._v(" "),a("th",[t._v("Description")]),t._v(" "),a("th",[t._v("Type")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[t._v("v-model")]),t._v(" "),a("td",[t._v("file list")]),t._v(" "),a("td",[t._v("Array")])]),t._v(" "),a("tr",[a("td",[t._v("name")]),t._v(" "),a("td",[t._v("file name")]),t._v(" "),a("td",[t._v("String")])]),t._v(" "),a("tr",[a("td",[t._v("size")]),t._v(" "),a("td",[t._v("file size")]),t._v(" "),a("td",[t._v("Number")])]),t._v(" "),a("tr",[a("td",[t._v("url")]),t._v(" "),a("td",[t._v("file url, created by URL.createObjectURL, for preview")]),t._v(" "),a("td",[t._v("String")])]),t._v(" "),a("tr",[a("td",[t._v("base64")]),t._v(" "),a("td",[t._v("file base64 value, the value is equaled to the original file's base64 value. It is "),a("code",{pre:!0},[t._v("''")]),t._v(" by default, but you can have some plugins to added this "),a("code",{pre:!0},[t._v("base64")]),t._v(" value, like the compress plugin below")]),t._v(" "),a("td",[t._v("String")])]),t._v(" "),a("tr",[a("td",[t._v("status")]),t._v(" "),a("td",[t._v("file status, one of: ready, uploading, success, error")]),t._v(" "),a("td",[t._v("String")])]),t._v(" "),a("tr",[a("td",[t._v("progress")]),t._v(" "),a("td",[t._v("file progress, number 0~1")]),t._v(" "),a("td",[t._v("Number")])]),t._v(" "),a("tr",[a("td",[t._v("file")]),t._v(" "),a("td",[t._v("the original file")]),t._v(" "),a("td",[t._v("File")])]),t._v(" "),a("tr",[a("td",[t._v("response")]),t._v(" "),a("td",[t._v("response data(try to parse to JSON）")]),t._v(" "),a("td",[t._v("Object/Array/String")])]),t._v(" "),a("tr",[a("td",[t._v("responseHeaders")]),t._v(" "),a("td",[t._v("all response headers")]),t._v(" "),a("td",[t._v("String")])])])])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("ul",[a("li",[a("p",[t._v("Basic usage")]),t._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-upload")]),t._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("action")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"//jsonplaceholder.typicode.com/photos/"')]),t._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v(":simultaneous-uploads")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"1"')]),t._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("@files-added")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"filesAdded"')]),t._v(" />")]),t._v("\n")])]),t._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[t._v("export")]),t._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("default")]),t._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("methods")]),t._v(": {\n filesAdded(files) {\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("const")]),t._v(" maxSize = "),a("span",{attrs:{class:"hljs-number"}},[t._v("1")]),t._v(" * "),a("span",{attrs:{class:"hljs-number"}},[t._v("1024")]),t._v(" * "),a("span",{attrs:{class:"hljs-number"}},[t._v("1024")]),t._v(" "),a("span",{attrs:{class:"hljs-comment"}},[t._v("// 1M")]),t._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("for")]),t._v(" ("),a("span",{attrs:{class:"hljs-keyword"}},[t._v("let")]),t._v(" k "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("in")]),t._v(" files) {\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("const")]),t._v(" file = files[k]\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("if")]),t._v(" (file.size > maxSize) {\n file.ignore = "),a("span",{attrs:{class:"hljs-literal"}},[t._v("true")]),t._v("\n }\n }\n }\n }\n}\n")])]),t._v(" "),a("p",[t._v("Set "),a("code",{pre:!0},[t._v("action")]),t._v(" to configure the upload target URL for the multipart POST request.")]),t._v(" "),a("p",[t._v("Set "),a("code",{pre:!0},[t._v("simultaneous-uploads")]),t._v(" to configure the max number of files uploading simultaneously .")]),t._v(" "),a("p",[t._v("The "),a("code",{pre:!0},[t._v("files-added")]),t._v(" event is used for file validation, and you can filter file by setting "),a("code",{pre:!0},[t._v("file.ignore = true")]),t._v(".")])]),t._v(" "),a("li",[a("p",[t._v("Compress and uploaded through Base64")]),t._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-upload")]),t._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("ref")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"upload"')]),t._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v(":action")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"action"')]),t._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v(":simultaneous-uploads")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"1"')]),t._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v(":process-file")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"processFile"')]),t._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("@file-submitted")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"fileSubmitted"')]),t._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[t._v("</"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-upload")]),t._v(">")]),t._v("\n")])]),t._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[t._v("import")]),t._v(" compress "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("from")]),t._v(" "),a("span",{attrs:{class:"hljs-string"}},[t._v("'../../modules/image'")]),t._v("\n"),a("span",{attrs:{class:"hljs-keyword"}},[t._v("export")]),t._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("default")]),t._v(" {\n data() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("return")]),t._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("action2")]),t._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("target")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'//jsonplaceholder.typicode.com/photos/'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("prop")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'base64Value'")]),t._v("\n }\n }\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("methods")]),t._v(": {\n processFile(file, next) {\n compress(file, {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("compress")]),t._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("width")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("1600")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("height")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("1600")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("quality")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("0.5")]),t._v("\n }\n }, next)\n },\n fileSubmitted(file) {\n file.base64Value = file.file.base64\n }\n }\n}\n")])]),t._v(" "),a("p",[t._v("The "),a("code",{pre:!0},[t._v("action")]),t._v(" is an object which contains "),a("code",{pre:!0},[t._v("target")]),t._v(" and "),a("code",{pre:!0},[t._v("prop")]),t._v(". the "),a("code",{pre:!0},[t._v("prop")]),t._v(" could configure which property in file object will be uploaded).")]),t._v(" "),a("p",[t._v("The "),a("code",{pre:!0},[t._v("process-file")]),t._v(" is a function which is used to process the original file, like compress, "),a("code",{pre:!0},[t._v("next")]),t._v(" must be called with the processed file.")]),t._v(" "),a("p",[t._v("The "),a("code",{pre:!0},[t._v("file-submitted")]),t._v(" event will be trigged after the file is processed and added to the "),a("code",{pre:!0},[t._v("upload.files")]),t._v(" with a parameter -- the file object.")])]),t._v(" "),a("li",[a("p",[t._v("Use slots")]),t._v(" "),a("p",[t._v("You can use slots to define your custom HTML structure.")]),t._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-upload")]),t._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("ref")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"upload"')]),t._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("v-model")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"files"')]),t._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v(":action")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"action"')]),t._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("@files-added")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"addedHandler"')]),t._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("@file-error")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"errHandler"')]),t._v(">")]),t._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("div")]),t._v(" "),a("span",{attrs:{class:"hljs-attr"}},[t._v("class")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"clear-fix"')]),t._v(">")]),t._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-upload-file")]),t._v(" "),a("span",{attrs:{class:"hljs-attr"}},[t._v("v-for")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"(file, i) in files"')]),t._v(" "),a("span",{attrs:{class:"hljs-attr"}},[t._v(":file")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"file"')]),t._v(" "),a("span",{attrs:{class:"hljs-attr"}},[t._v(":key")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"i"')]),t._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[t._v("</"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-upload-file")]),t._v(">")]),t._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-upload-btn")]),t._v(" "),a("span",{attrs:{class:"hljs-attr"}},[t._v(":multiple")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"false"')]),t._v(">")]),t._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("div")]),t._v(">")]),t._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("i")]),t._v(">")]),t._v("＋"),a("span",{attrs:{class:"hljs-tag"}},[t._v("</"),a("span",{attrs:{class:"hljs-name"}},[t._v("i")]),t._v(">")]),t._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("p")]),t._v(">")]),t._v("Please click to upload ID card"),a("span",{attrs:{class:"hljs-tag"}},[t._v("</"),a("span",{attrs:{class:"hljs-name"}},[t._v("p")]),t._v(">")]),t._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[t._v("</"),a("span",{attrs:{class:"hljs-name"}},[t._v("div")]),t._v(">")]),t._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[t._v("</"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-upload-btn")]),t._v(">")]),t._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[t._v("</"),a("span",{attrs:{class:"hljs-name"}},[t._v("div")]),t._v(">")]),t._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[t._v("</"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-upload")]),t._v(">")]),t._v("\n")])]),t._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[t._v("export")]),t._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("default")]),t._v(" {\n data() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("return")]),t._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("action")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'//jsonplaceholder.typicode.com/photos/'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("files")]),t._v(": []\n }\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("methods")]),t._v(": {\n addedHandler() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("const")]),t._v(" file = "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".files["),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v("]\n file && "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".$refs.upload.removeFile(file)\n },\n errHandler(file) {\n "),a("span",{attrs:{class:"hljs-comment"}},[t._v("// const msg = file.response.message")]),t._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".$createToast({\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("type")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'warn'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("txt")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'Upload fail'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("time")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("1000")]),t._v("\n }).show()\n }\n }\n}\n")])]),t._v(" "),a("p",[t._v("Custom Style:")]),t._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-stylus"}},[a("span",{attrs:{class:"hljs-selector-class"}},[t._v(".cube-upload")]),t._v("\n "),a("span",{attrs:{class:"hljs-selector-class"}},[t._v(".cube-upload-file")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-class"}},[t._v(".cube-upload-btn")]),t._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("margin")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("height")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("200px")]),t._v("\n "),a("span",{attrs:{class:"hljs-selector-class"}},[t._v(".cube-upload-file")]),t._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("margin")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v("\n + "),a("span",{attrs:{class:"hljs-selector-class"}},[t._v(".cube-upload-btn")]),t._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("margin-top")]),t._v(": -"),a("span",{attrs:{class:"hljs-number"}},[t._v("200px")]),t._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("opacity")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v("\n "),a("span",{attrs:{class:"hljs-selector-class"}},[t._v(".cube-upload-file-def")]),t._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("width")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("100%")]),t._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("height")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("100%")]),t._v("\n "),a("span",{attrs:{class:"hljs-selector-class"}},[t._v(".cubeic-wrong")]),t._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("display")]),t._v(": none\n "),a("span",{attrs:{class:"hljs-selector-class"}},[t._v(".cube-upload-btn")]),t._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("display")]),t._v(": flex\n "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("align-items")]),t._v(": center\n "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("justify-content")]),t._v(": center\n > "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("div")]),t._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("text-align")]),t._v(": center\n "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("i")]),t._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("display")]),t._v(": inline-flex\n "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("align-items")]),t._v(": center\n "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("justify-content")]),t._v(": center\n "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("width")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("50px")]),t._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("height")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("50px")]),t._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("margin-bottom")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("20px")]),t._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("font-size")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("32px")]),t._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("line-height")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("1")]),t._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("font-style")]),t._v(": normal\n "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("color")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("#fff")]),t._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("background-color")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("#333")]),t._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("border-radius")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("50%")]),t._v("\n")])])])])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("table",[a("thead",[a("tr",[a("th",[t._v("Attribute")]),t._v(" "),a("th",[t._v("Description")]),t._v(" "),a("th",[t._v("Type")]),t._v(" "),a("th",[t._v("Accepted Values")]),t._v(" "),a("th",[t._v("Demo")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[t._v("v-model")]),t._v(" "),a("td",[t._v("file list")]),t._v(" "),a("td",[t._v("Array")]),t._v(" "),a("td",[t._v("[]")]),t._v(" "),a("td",[t._v("[{ name, size, url, status: 'success', progress: 1 }]")])]),t._v(" "),a("tr",[a("td",[t._v("action")]),t._v(" "),a("td",[t._v("upload action config")]),t._v(" "),a("td",[t._v("String/Object")]),t._v(" "),a("td",[t._v("''")]),t._v(" "),a("td",[t._v("{ target: '/upload' }")])]),t._v(" "),a("tr",[a("td",[t._v("max")]),t._v(" "),a("td",[t._v("max upload files number")]),t._v(" "),a("td",[t._v("Number")]),t._v(" "),a("td",[t._v("10")]),t._v(" "),a("td",[t._v("-")])]),t._v(" "),a("tr",[a("td",[t._v("auto")]),t._v(" "),a("td",[t._v("whether auto start upload")]),t._v(" "),a("td",[t._v("Boolean")]),t._v(" "),a("td",[t._v("true")]),t._v(" "),a("td",[t._v("-")])]),t._v(" "),a("tr",[a("td",[t._v("simultaneousUploads")]),t._v(" "),a("td",[t._v("the number of simultaneous uploads")]),t._v(" "),a("td",[t._v("Number")]),t._v(" "),a("td",[t._v("1")]),t._v(" "),a("td",[t._v("-")])]),t._v(" "),a("tr",[a("td",[t._v("multiple")]),t._v(" "),a("td",[t._v("multiple select")]),t._v(" "),a("td",[t._v("Boolean")]),t._v(" "),a("td",[t._v("true")]),t._v(" "),a("td",[t._v("-")])]),t._v(" "),a("tr",[a("td",[t._v("accept")]),t._v(" "),a("td",[t._v("input accept")]),t._v(" "),a("td",[t._v("String")]),t._v(" "),a("td",[t._v("image/*")]),t._v(" "),a("td",[t._v("-")])]),t._v(" "),a("tr",[a("td",[t._v("processFile")]),t._v(" "),a("td",[t._v("process the original file")]),t._v(" "),a("td",[t._v("Function")]),t._v(" "),a("td",[t._v("function (file, next) { next(file) }")]),t._v(" "),a("td",[t._v("-")])])])])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("ul",[a("li",[a("code",{pre:!0},[t._v("action")]),t._v(" sub configuration")])])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("p",[t._v("If "),a("code",{pre:!0},[t._v("action")]),t._v(" is a string, it will be transformed into "),a("code",{pre:!0},[t._v("{ target: action }")]),t._v(".")])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("table",[a("thead",[a("tr",[a("th",[t._v("Attribute")]),t._v(" "),a("th",[t._v("Description")]),t._v(" "),a("th",[t._v("Type")]),t._v(" "),a("th",[t._v("Default")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[t._v("target")]),t._v(" "),a("td",[t._v("the upload target URL for the multipart POST request, if this value is a function, then it will be called with the file object as parameter and the returned value as the URL")]),t._v(" "),a("td",[t._v("String/Function"),a("sup",[t._v("1.11.0+")])]),t._v(" "),a("td",[t._v("-")])]),t._v(" "),a("tr",[a("td",[t._v("fileName")]),t._v(" "),a("td",[t._v("the name of the multipart POST parameter")]),t._v(" "),a("td",[t._v("String")]),t._v(" "),a("td",[t._v("'file'")])]),t._v(" "),a("tr",[a("td",[t._v("prop")]),t._v(" "),a("td",[t._v("which property in file object will be uploaded")]),t._v(" "),a("td",[t._v("String")]),t._v(" "),a("td",[t._v("'file'")])]),t._v(" "),a("tr",[a("td",[t._v("headers")]),t._v(" "),a("td",[t._v("extra headers to include in the multipart POST, if this value is a function, then it will be called with the file object as parameter and the returned value as headers")]),t._v(" "),a("td",[t._v("Object/Function"),a("sup",[t._v("1.11.0+")])]),t._v(" "),a("td",[t._v("{}")])]),t._v(" "),a("tr",[a("td",[t._v("data")]),t._v(" "),a("td",[t._v("extra data to include in the multipart POST, if this value is a function, then it will be called with the file object as parameter and the returned value as data")]),t._v(" "),a("td",[t._v("Object/Function"),a("sup",[t._v("1.11.0+")])]),t._v(" "),a("td",[t._v("{}")])]),t._v(" "),a("tr",[a("td",[t._v("withCredentials")]),t._v(" "),a("td",[t._v("Standard CORS requests would not send or set any cookies by default. In order to include cookies as part of the request, you need to set the withCredentials property to true")]),t._v(" "),a("td",[t._v("Boolean")]),t._v(" "),a("td",[t._v("false")])]),t._v(" "),a("tr",[a("td",[t._v("timeout")]),t._v(" "),a("td",[t._v("upload request timeout value")]),t._v(" "),a("td",[t._v("Number")]),t._v(" "),a("td",[t._v("0")])]),t._v(" "),a("tr",[a("td",[t._v("progressInterval")]),t._v(" "),a("td",[t._v("The time interval between progress reports (Unit: ms)")]),t._v(" "),a("td",[t._v("Number")]),t._v(" "),a("td",[t._v("100")])]),t._v(" "),a("tr",[a("td",[t._v("checkSuccess")]),t._v(" "),a("td",[t._v("Check the response should be successful, the parameters is "),a("code",{pre:!0},[t._v("(response, file[, cb])")]),t._v(" object. The "),a("code",{pre:!0},[t._v("file")]),t._v(" and optional "),a("code",{pre:!0},[t._v("cb")]),t._v(" parameters are avaliable after 1.11.0. If there are no "),a("code",{pre:!0},[t._v("cb")]),t._v(" then get this function as result "),a("code",{pre:!0},[t._v("isSuccess")]),t._v(", otherwise the "),a("code",{pre:!0},[t._v("cb(isSuccess)")]),t._v(" parameter "),a("code",{pre:!0},[t._v("isSuccess")]),t._v(" as the result. If the result "),a("code",{pre:!0},[t._v("isSuccess")]),t._v(" is "),a("code",{pre:!0},[t._v("true")]),t._v(" then it will be treated as successful")]),t._v(" "),a("td",[t._v("Function")]),t._v(" "),a("td",[t._v("function (res) { return true }")])])])])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("ul",[a("li",[a("code",{pre:!0},[t._v("processFile")]),t._v(" sub configuration")])])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("p",[t._v("A function with two parameters: "),a("code",{pre:!0},[t._v("(file, next)")]),t._v(", the "),a("code",{pre:!0},[t._v("file")]),t._v(" is the original file and the "),a("code",{pre:!0},[t._v("next")]),t._v(" callback must be called with the processed file.")])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("table",[a("thead",[a("tr",[a("th",[t._v("Event Name")]),t._v(" "),a("th",[t._v("Description")]),t._v(" "),a("th",[t._v("Parameters")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[t._v("files-added")]),t._v(" "),a("td",[t._v("triggers when files are added, usually used for file validation")]),t._v(" "),a("td",[t._v("original files")])]),t._v(" "),a("tr",[a("td",[t._v("file-submitted")]),t._v(" "),a("td",[t._v("triggers when a file is added to the "),a("code",{pre:!0},[t._v("upload.files")])]),t._v(" "),a("td",[t._v("the file object")])]),t._v(" "),a("tr",[a("td",[t._v("file-removed")]),t._v(" "),a("td",[t._v("triggers when a file is removed")]),t._v(" "),a("td",[t._v("the file object")])]),t._v(" "),a("tr",[a("td",[t._v("file-success")]),t._v(" "),a("td",[t._v("triggers when a file is uploaded successfully")]),t._v(" "),a("td",[t._v("the file object")])]),t._v(" "),a("tr",[a("td",[t._v("file-error")]),t._v(" "),a("td",[t._v("triggers when a file is failed to upload")]),t._v(" "),a("td",[t._v("the file object")])]),t._v(" "),a("tr",[a("td",[t._v("file-click")]),t._v(" "),a("td",[t._v("triggers when a file is clicked")]),t._v(" "),a("td",[t._v("the file object")])]),t._v(" "),a("tr",[a("td",[t._v("input")]),t._v(" "),a("td",[t._v("triggers when the binding value(file list) changes")]),t._v(" "),a("td",[t._v("the updated value(file list)")])])])])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("table",[a("thead",[a("tr",[a("th",[t._v("Method name")]),t._v(" "),a("th",[t._v("Description")]),t._v(" "),a("th",[t._v("Parameter")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[t._v("start")]),t._v(" "),a("td",[t._v("start uploading")]),t._v(" "),a("td",[t._v("-")])]),t._v(" "),a("tr",[a("td",[t._v("pause")]),t._v(" "),a("td",[t._v("pause uploading")]),t._v(" "),a("td",[t._v("-")])]),t._v(" "),a("tr",[a("td",[t._v("retry")]),t._v(" "),a("td",[t._v("retry uploading")]),t._v(" "),a("td",[t._v("-")])]),t._v(" "),a("tr",[a("td",[t._v("removeFile")]),t._v(" "),a("td",[t._v("remove file")]),t._v(" "),a("td",[t._v("the file object")])])])])}]}},YJZO:function(t,s,a){t.exports=a("aeWw")},aeWw:function(t,s,a){var e=a("VU/8")(null,a("Y8qW"),null,null,null);t.exports=e.exports}});
\ No newline at end of file
webpackJsonp([48],{Y8qW:function(t,s){t.exports={render:function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("section",[a("h2",{attrs:{id:"Upload"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Upload-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" Upload")]),t._v(" "),t._m(0),t._v(" "),t._m(1),t._v(" "),t._m(2),t._v(" "),t._m(3),t._v(" "),a("h3",{attrs:{id:"Example"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Example-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" Example")]),t._v(" "),t._m(4),t._v(" "),a("h3",{attrs:{id:"Propsconfiguration"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Propsconfiguration-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" Props configuration")]),t._v(" "),t._m(5),t._v(" "),t._m(6),t._v(" "),t._m(7),t._v(" "),t._m(8),t._v(" "),t._m(9),t._v(" "),t._m(10),t._v(" "),a("h3",{attrs:{id:"Events"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Events-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" Events")]),t._v(" "),t._m(11),t._v(" "),a("h3",{attrs:{id:"Instancemethods"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Instancemethods-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" Instance methods")]),t._v(" "),t._m(12)])},staticRenderFns:[function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("blockquote",[a("p",[t._v("New in 1.3.0+")])])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("p",[a("code",{pre:!0},[t._v("Upload")]),t._v(" component.")])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("p",[a("strong",[t._v("Notice:")]),t._v(" In this document, all the original File will be called "),a("strong",[t._v("original file")]),t._v(", since the wrapped file object will be called "),a("strong",[t._v("file object")]),t._v(". The structure of "),a("strong",[t._v("file object")]),t._v(" show as following:")])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("table",[a("thead",[a("tr",[a("th",[t._v("Attribute")]),t._v(" "),a("th",[t._v("Description")]),t._v(" "),a("th",[t._v("Type")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[t._v("v-model")]),t._v(" "),a("td",[t._v("file list")]),t._v(" "),a("td",[t._v("Array")])]),t._v(" "),a("tr",[a("td",[t._v("name")]),t._v(" "),a("td",[t._v("file name")]),t._v(" "),a("td",[t._v("String")])]),t._v(" "),a("tr",[a("td",[t._v("size")]),t._v(" "),a("td",[t._v("file size")]),t._v(" "),a("td",[t._v("Number")])]),t._v(" "),a("tr",[a("td",[t._v("url")]),t._v(" "),a("td",[t._v("file url, created by URL.createObjectURL, for preview")]),t._v(" "),a("td",[t._v("String")])]),t._v(" "),a("tr",[a("td",[t._v("base64")]),t._v(" "),a("td",[t._v("file base64 value, the value is equaled to the original file's base64 value. It is "),a("code",{pre:!0},[t._v("''")]),t._v(" by default, but you can have some plugins to added this "),a("code",{pre:!0},[t._v("base64")]),t._v(" value, like the compress plugin below")]),t._v(" "),a("td",[t._v("String")])]),t._v(" "),a("tr",[a("td",[t._v("status")]),t._v(" "),a("td",[t._v("file status, one of: ready, uploading, success, error")]),t._v(" "),a("td",[t._v("String")])]),t._v(" "),a("tr",[a("td",[t._v("progress")]),t._v(" "),a("td",[t._v("file progress, number 0~1")]),t._v(" "),a("td",[t._v("Number")])]),t._v(" "),a("tr",[a("td",[t._v("file")]),t._v(" "),a("td",[t._v("the original file")]),t._v(" "),a("td",[t._v("File")])]),t._v(" "),a("tr",[a("td",[t._v("response")]),t._v(" "),a("td",[t._v("response data(try to parse to JSON）")]),t._v(" "),a("td",[t._v("Object/Array/String")])]),t._v(" "),a("tr",[a("td",[t._v("responseHeaders")]),t._v(" "),a("td",[t._v("all response headers")]),t._v(" "),a("td",[t._v("String")])])])])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("ul",[a("li",[a("p",[t._v("Basic usage")]),t._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-upload")]),t._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("action")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"//jsonplaceholder.typicode.com/photos/"')]),t._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v(":simultaneous-uploads")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"1"')]),t._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("@files-added")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"filesAdded"')]),t._v(" />")]),t._v("\n")])]),t._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[t._v("export")]),t._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("default")]),t._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("methods")]),t._v(": {\n filesAdded(files) {\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("const")]),t._v(" maxSize = "),a("span",{attrs:{class:"hljs-number"}},[t._v("1")]),t._v(" * "),a("span",{attrs:{class:"hljs-number"}},[t._v("1024")]),t._v(" * "),a("span",{attrs:{class:"hljs-number"}},[t._v("1024")]),t._v(" "),a("span",{attrs:{class:"hljs-comment"}},[t._v("// 1M")]),t._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("for")]),t._v(" ("),a("span",{attrs:{class:"hljs-keyword"}},[t._v("let")]),t._v(" k "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("in")]),t._v(" files) {\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("const")]),t._v(" file = files[k]\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("if")]),t._v(" (file.size > maxSize) {\n file.ignore = "),a("span",{attrs:{class:"hljs-literal"}},[t._v("true")]),t._v("\n }\n }\n }\n }\n}\n")])]),t._v(" "),a("p",[t._v("Set "),a("code",{pre:!0},[t._v("action")]),t._v(" to configure the upload target URL for the multipart POST request.")]),t._v(" "),a("p",[t._v("Set "),a("code",{pre:!0},[t._v("simultaneous-uploads")]),t._v(" to configure the max number of files uploading simultaneously .")]),t._v(" "),a("p",[t._v("The "),a("code",{pre:!0},[t._v("files-added")]),t._v(" event is used for file validation, and you can filter file by setting "),a("code",{pre:!0},[t._v("file.ignore = true")]),t._v(".")])]),t._v(" "),a("li",[a("p",[t._v("Compress and uploaded through Base64")]),t._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-upload")]),t._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("ref")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"upload"')]),t._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v(":action")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"action"')]),t._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v(":simultaneous-uploads")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"1"')]),t._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v(":process-file")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"processFile"')]),t._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("@file-submitted")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"fileSubmitted"')]),t._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[t._v("</"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-upload")]),t._v(">")]),t._v("\n")])]),t._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[t._v("import")]),t._v(" compress "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("from")]),t._v(" "),a("span",{attrs:{class:"hljs-string"}},[t._v("'../../modules/image'")]),t._v("\n"),a("span",{attrs:{class:"hljs-keyword"}},[t._v("export")]),t._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("default")]),t._v(" {\n data() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("return")]),t._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("action2")]),t._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("target")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'//jsonplaceholder.typicode.com/photos/'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("prop")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'base64Value'")]),t._v("\n }\n }\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("methods")]),t._v(": {\n processFile(file, next) {\n compress(file, {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("compress")]),t._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("width")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("1600")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("height")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("1600")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("quality")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("0.5")]),t._v("\n }\n }, next)\n },\n fileSubmitted(file) {\n file.base64Value = file.file.base64\n }\n }\n}\n")])]),t._v(" "),a("p",[t._v("The "),a("code",{pre:!0},[t._v("action")]),t._v(" is an object which contains "),a("code",{pre:!0},[t._v("target")]),t._v(" and "),a("code",{pre:!0},[t._v("prop")]),t._v(". the "),a("code",{pre:!0},[t._v("prop")]),t._v(" could configure which property in file object will be uploaded).")]),t._v(" "),a("p",[t._v("The "),a("code",{pre:!0},[t._v("process-file")]),t._v(" is a function which is used to process the original file, like compress, "),a("code",{pre:!0},[t._v("next")]),t._v(" must be called with the processed file.")]),t._v(" "),a("p",[t._v("The "),a("code",{pre:!0},[t._v("file-submitted")]),t._v(" event will be trigged after the file is processed and added to the "),a("code",{pre:!0},[t._v("upload.files")]),t._v(" with a parameter -- the file object.")])]),t._v(" "),a("li",[a("p",[t._v("Use slots")]),t._v(" "),a("p",[t._v("You can use slots to define your custom HTML structure.")]),t._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-upload")]),t._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("ref")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"upload"')]),t._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("v-model")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"files"')]),t._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v(":action")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"action"')]),t._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("@files-added")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"addedHandler"')]),t._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("@file-error")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"errHandler"')]),t._v(">")]),t._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("div")]),t._v(" "),a("span",{attrs:{class:"hljs-attr"}},[t._v("class")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"clear-fix"')]),t._v(">")]),t._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-upload-file")]),t._v(" "),a("span",{attrs:{class:"hljs-attr"}},[t._v("v-for")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"(file, i) in files"')]),t._v(" "),a("span",{attrs:{class:"hljs-attr"}},[t._v(":file")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"file"')]),t._v(" "),a("span",{attrs:{class:"hljs-attr"}},[t._v(":key")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"i"')]),t._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[t._v("</"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-upload-file")]),t._v(">")]),t._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-upload-btn")]),t._v(" "),a("span",{attrs:{class:"hljs-attr"}},[t._v(":multiple")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"false"')]),t._v(">")]),t._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("div")]),t._v(">")]),t._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("i")]),t._v(">")]),t._v("＋"),a("span",{attrs:{class:"hljs-tag"}},[t._v("</"),a("span",{attrs:{class:"hljs-name"}},[t._v("i")]),t._v(">")]),t._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("p")]),t._v(">")]),t._v("Please click to upload ID card"),a("span",{attrs:{class:"hljs-tag"}},[t._v("</"),a("span",{attrs:{class:"hljs-name"}},[t._v("p")]),t._v(">")]),t._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[t._v("</"),a("span",{attrs:{class:"hljs-name"}},[t._v("div")]),t._v(">")]),t._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[t._v("</"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-upload-btn")]),t._v(">")]),t._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[t._v("</"),a("span",{attrs:{class:"hljs-name"}},[t._v("div")]),t._v(">")]),t._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[t._v("</"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-upload")]),t._v(">")]),t._v("\n")])]),t._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[t._v("export")]),t._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("default")]),t._v(" {\n data() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("return")]),t._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("action")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'//jsonplaceholder.typicode.com/photos/'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("files")]),t._v(": []\n }\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("methods")]),t._v(": {\n addedHandler() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("const")]),t._v(" file = "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".files["),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v("]\n file && "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".$refs.upload.removeFile(file)\n },\n errHandler(file) {\n "),a("span",{attrs:{class:"hljs-comment"}},[t._v("// const msg = file.response.message")]),t._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".$createToast({\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("type")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'warn'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("txt")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'Upload fail'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("time")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("1000")]),t._v("\n }).show()\n }\n }\n}\n")])]),t._v(" "),a("p",[t._v("Custom Style:")]),t._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-stylus"}},[a("span",{attrs:{class:"hljs-selector-class"}},[t._v(".cube-upload")]),t._v("\n "),a("span",{attrs:{class:"hljs-selector-class"}},[t._v(".cube-upload-file")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-class"}},[t._v(".cube-upload-btn")]),t._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("margin")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("height")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("200px")]),t._v("\n "),a("span",{attrs:{class:"hljs-selector-class"}},[t._v(".cube-upload-file")]),t._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("margin")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v("\n + "),a("span",{attrs:{class:"hljs-selector-class"}},[t._v(".cube-upload-btn")]),t._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("margin-top")]),t._v(": -"),a("span",{attrs:{class:"hljs-number"}},[t._v("200px")]),t._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("opacity")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v("\n "),a("span",{attrs:{class:"hljs-selector-class"}},[t._v(".cube-upload-file-def")]),t._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("width")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("100%")]),t._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("height")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("100%")]),t._v("\n "),a("span",{attrs:{class:"hljs-selector-class"}},[t._v(".cubeic-wrong")]),t._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("display")]),t._v(": none\n "),a("span",{attrs:{class:"hljs-selector-class"}},[t._v(".cube-upload-btn")]),t._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("display")]),t._v(": flex\n "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("align-items")]),t._v(": center\n "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("justify-content")]),t._v(": center\n > "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("div")]),t._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("text-align")]),t._v(": center\n "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("i")]),t._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("display")]),t._v(": inline-flex\n "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("align-items")]),t._v(": center\n "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("justify-content")]),t._v(": center\n "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("width")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("50px")]),t._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("height")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("50px")]),t._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("margin-bottom")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("20px")]),t._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("font-size")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("32px")]),t._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("line-height")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("1")]),t._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("font-style")]),t._v(": normal\n "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("color")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("#fff")]),t._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("background-color")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("#333")]),t._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("border-radius")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("50%")]),t._v("\n")])])])])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("table",[a("thead",[a("tr",[a("th",[t._v("Attribute")]),t._v(" "),a("th",[t._v("Description")]),t._v(" "),a("th",[t._v("Type")]),t._v(" "),a("th",[t._v("Accepted Values")]),t._v(" "),a("th",[t._v("Demo")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[t._v("v-model")]),t._v(" "),a("td",[t._v("file list")]),t._v(" "),a("td",[t._v("Array")]),t._v(" "),a("td",[t._v("[]")]),t._v(" "),a("td",[t._v("[{ name, size, url, status: 'success', progress: 1 }]")])]),t._v(" "),a("tr",[a("td",[t._v("action")]),t._v(" "),a("td",[t._v("upload action config")]),t._v(" "),a("td",[t._v("String/Object")]),t._v(" "),a("td",[t._v("''")]),t._v(" "),a("td",[t._v("{ target: '/upload' }")])]),t._v(" "),a("tr",[a("td",[t._v("max")]),t._v(" "),a("td",[t._v("max upload files number")]),t._v(" "),a("td",[t._v("Number")]),t._v(" "),a("td",[t._v("10")]),t._v(" "),a("td",[t._v("-")])]),t._v(" "),a("tr",[a("td",[t._v("auto")]),t._v(" "),a("td",[t._v("whether auto start upload")]),t._v(" "),a("td",[t._v("Boolean")]),t._v(" "),a("td",[t._v("true")]),t._v(" "),a("td",[t._v("-")])]),t._v(" "),a("tr",[a("td",[t._v("simultaneousUploads")]),t._v(" "),a("td",[t._v("the number of simultaneous uploads")]),t._v(" "),a("td",[t._v("Number")]),t._v(" "),a("td",[t._v("1")]),t._v(" "),a("td",[t._v("-")])]),t._v(" "),a("tr",[a("td",[t._v("multiple")]),t._v(" "),a("td",[t._v("multiple select")]),t._v(" "),a("td",[t._v("Boolean")]),t._v(" "),a("td",[t._v("true")]),t._v(" "),a("td",[t._v("-")])]),t._v(" "),a("tr",[a("td",[t._v("accept")]),t._v(" "),a("td",[t._v("input accept")]),t._v(" "),a("td",[t._v("String")]),t._v(" "),a("td",[t._v("image/*")]),t._v(" "),a("td",[t._v("-")])]),t._v(" "),a("tr",[a("td",[t._v("processFile")]),t._v(" "),a("td",[t._v("process the original file")]),t._v(" "),a("td",[t._v("Function")]),t._v(" "),a("td",[t._v("function (file, next) { next(file) }")]),t._v(" "),a("td",[t._v("-")])])])])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("ul",[a("li",[a("code",{pre:!0},[t._v("action")]),t._v(" sub configuration")])])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("p",[t._v("If "),a("code",{pre:!0},[t._v("action")]),t._v(" is a string, it will be transformed into "),a("code",{pre:!0},[t._v("{ target: action }")]),t._v(".")])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("table",[a("thead",[a("tr",[a("th",[t._v("Attribute")]),t._v(" "),a("th",[t._v("Description")]),t._v(" "),a("th",[t._v("Type")]),t._v(" "),a("th",[t._v("Default")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[t._v("target")]),t._v(" "),a("td",[t._v("the upload target URL for the multipart POST request, if this value is a function, then it will be called with the file object as parameter and the returned value as the URL")]),t._v(" "),a("td",[t._v("String/Function"),a("sup",[t._v("1.11.0+")])]),t._v(" "),a("td",[t._v("-")])]),t._v(" "),a("tr",[a("td",[t._v("fileName")]),t._v(" "),a("td",[t._v("the name of the multipart POST parameter")]),t._v(" "),a("td",[t._v("String")]),t._v(" "),a("td",[t._v("'file'")])]),t._v(" "),a("tr",[a("td",[t._v("prop")]),t._v(" "),a("td",[t._v("which property in file object will be uploaded")]),t._v(" "),a("td",[t._v("String")]),t._v(" "),a("td",[t._v("'file'")])]),t._v(" "),a("tr",[a("td",[t._v("headers")]),t._v(" "),a("td",[t._v("extra headers to include in the multipart POST, if this value is a function, then it will be called with the file object as parameter and the returned value as headers")]),t._v(" "),a("td",[t._v("Object/Function"),a("sup",[t._v("1.11.0+")])]),t._v(" "),a("td",[t._v("{}")])]),t._v(" "),a("tr",[a("td",[t._v("data")]),t._v(" "),a("td",[t._v("extra data to include in the multipart POST, if this value is a function, then it will be called with the file object as parameter and the returned value as data")]),t._v(" "),a("td",[t._v("Object/Function"),a("sup",[t._v("1.11.0+")])]),t._v(" "),a("td",[t._v("{}")])]),t._v(" "),a("tr",[a("td",[t._v("withCredentials")]),t._v(" "),a("td",[t._v("Standard CORS requests would not send or set any cookies by default. In order to include cookies as part of the request, you need to set the withCredentials property to true")]),t._v(" "),a("td",[t._v("Boolean")]),t._v(" "),a("td",[t._v("false")])]),t._v(" "),a("tr",[a("td",[t._v("timeout")]),t._v(" "),a("td",[t._v("upload request timeout value")]),t._v(" "),a("td",[t._v("Number")]),t._v(" "),a("td",[t._v("0")])]),t._v(" "),a("tr",[a("td",[t._v("progressInterval")]),t._v(" "),a("td",[t._v("The time interval between progress reports (Unit: ms)")]),t._v(" "),a("td",[t._v("Number")]),t._v(" "),a("td",[t._v("100")])]),t._v(" "),a("tr",[a("td",[t._v("checkSuccess")]),t._v(" "),a("td",[t._v("Check the response should be successful, the parameters is "),a("code",{pre:!0},[t._v("(response, file[, cb])")]),t._v(" object. The "),a("code",{pre:!0},[t._v("file")]),t._v(" and optional "),a("code",{pre:!0},[t._v("cb")]),t._v(" parameters are avaliable after 1.11.0. If there are no "),a("code",{pre:!0},[t._v("cb")]),t._v(" then get this function as result "),a("code",{pre:!0},[t._v("isSuccess")]),t._v(", otherwise the "),a("code",{pre:!0},[t._v("cb(isSuccess)")]),t._v(" parameter "),a("code",{pre:!0},[t._v("isSuccess")]),t._v(" as the result. If the result "),a("code",{pre:!0},[t._v("isSuccess")]),t._v(" is "),a("code",{pre:!0},[t._v("true")]),t._v(" then it will be treated as successful")]),t._v(" "),a("td",[t._v("Function")]),t._v(" "),a("td",[t._v("function (res) { return true }")])])])])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("ul",[a("li",[a("code",{pre:!0},[t._v("processFile")]),t._v(" sub configuration")])])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("p",[t._v("A function with two parameters: "),a("code",{pre:!0},[t._v("(file, next)")]),t._v(", the "),a("code",{pre:!0},[t._v("file")]),t._v(" is the original file and the "),a("code",{pre:!0},[t._v("next")]),t._v(" callback must be called with the processed file.")])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("table",[a("thead",[a("tr",[a("th",[t._v("Event Name")]),t._v(" "),a("th",[t._v("Description")]),t._v(" "),a("th",[t._v("Parameters")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[t._v("files-added")]),t._v(" "),a("td",[t._v("triggers when files are added, usually used for file validation")]),t._v(" "),a("td",[t._v("original files")])]),t._v(" "),a("tr",[a("td",[t._v("file-submitted")]),t._v(" "),a("td",[t._v("triggers when a file is added to the "),a("code",{pre:!0},[t._v("upload.files")])]),t._v(" "),a("td",[t._v("the file object")])]),t._v(" "),a("tr",[a("td",[t._v("file-removed")]),t._v(" "),a("td",[t._v("triggers when a file is removed")]),t._v(" "),a("td",[t._v("the file object")])]),t._v(" "),a("tr",[a("td",[t._v("file-success")]),t._v(" "),a("td",[t._v("triggers when a file is uploaded successfully")]),t._v(" "),a("td",[t._v("the file object")])]),t._v(" "),a("tr",[a("td",[t._v("file-error")]),t._v(" "),a("td",[t._v("triggers when a file is failed to upload")]),t._v(" "),a("td",[t._v("the file object")])]),t._v(" "),a("tr",[a("td",[t._v("file-click")]),t._v(" "),a("td",[t._v("triggers when a file is clicked")]),t._v(" "),a("td",[t._v("the file object. After 1.12.39, added file "),a("code",{pre:!0},[t._v("index")]),t._v(" param")])]),t._v(" "),a("tr",[a("td",[t._v("input")]),t._v(" "),a("td",[t._v("triggers when the binding value(file list) changes")]),t._v(" "),a("td",[t._v("the updated value(file list)")])])])])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("table",[a("thead",[a("tr",[a("th",[t._v("Method name")]),t._v(" "),a("th",[t._v("Description")]),t._v(" "),a("th",[t._v("Parameter")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[t._v("start")]),t._v(" "),a("td",[t._v("start uploading")]),t._v(" "),a("td",[t._v("-")])]),t._v(" "),a("tr",[a("td",[t._v("pause")]),t._v(" "),a("td",[t._v("pause uploading")]),t._v(" "),a("td",[t._v("-")])]),t._v(" "),a("tr",[a("td",[t._v("retry")]),t._v(" "),a("td",[t._v("retry uploading")]),t._v(" "),a("td",[t._v("-")])]),t._v(" "),a("tr",[a("td",[t._v("removeFile")]),t._v(" "),a("td",[t._v("remove file")]),t._v(" "),a("td",[t._v("the file object")])])])])}]}},YJZO:function(t,s,a){t.exports=a("aeWw")},aeWw:function(t,s,a){var e=a("VU/8")(null,a("Y8qW"),null,null,null);t.exports=e.exports}});
\ No newline at end of file
docs/js/manifest.9e26b850d0e8c17089da.js → docs/js/manifest.7a4a7d19709caa3aacf0.js
浏览文件 @ 5a8f3cfa
!function(e){function a(c){if(b[c])return b[c].exports;var d=b[c]={i:c,l:!1,exports:{}};return e[c].call(d.exports,d,d.exports,a),d.l=!0,d.exports}var c=window.webpackJsonp;window.webpackJsonp=function(b,f,n){for(var r,t,o,u=0,i=[];u<b.length;u++)t=b[u],d[t]&&i.push(d[t][0]),d[t]=0;for(r in f)Object.prototype.hasOwnProperty.call(f,r)&&(e[r]=f[r]);for(c&&c(b,f,n);i.length;)i.shift()();if(n)for(u=0;u<n.length;u++)o=a(a.s=n[u]);return o};var b={},d={94:0};a.e=function(e){function c(){r.onerror=r.onload=null,clearTimeout(t);var a=d[e];0!==a&&(a&&a[1](new Error("Loading chunk "+e+" failed.")),d[e]=void 0)}var b=d[e];if(0===b)return new Promise(function(e){e()});if(b)return b[2];var f=new Promise(function(a,c){b=d[e]=[a,c]});b[2]=f;var n=document.getElementsByTagName("head")[0],r=document.createElement("script");r.type="text/javascript",r.charset="utf-8",r.async=!0,r.timeout=12e4,a.nc&&r.setAttribute("nonce",a.nc),r.src=a.p+"js/"+e+"."+{0:"d5ce8696d7817c1ad3a3",1:"34b5857f194e5f1acfb6",2:"6e6975d6a89dd029fad4",3:"12506d2ed3caca26d9b0",4:"415f17002e53bbea6722",5:"df54f9daf110a907159b",6:"895522cc1e070b001975",7:"e73bb330f5aef30e9afc",8:"1af7a1ba5af5bb0d68b2",9:"2b406ccd63b03baac8bd",10:"96da8d597fad20262c6a",11:"03e77abfe8cc11040e9a",12:"599c6a91b0e604847757",13:"238568fdec73355962fb",14:"c3cc516b23ecc8d821aa",15:"f8a45a0f1c77686ee9c1",16:"83d41e7b1a92ce761e7d",17:"89fd481362aaa4141a73",18:"8582310842dae1c00da6",19:"215e0747d1f7cba55bde",20:"583425f591c685d04e5f",21:"6190c655a29b3ccfb28b",22:"acc5973de803597dd39e",23:"3ec33d6c14d434df0bf6",24:"78851d56466f44bf6370",25:"47e41476d32f9fb77ed4",26:"b7a27fb42d8f6fe3d621",27:"1a57a87827780cc93797",28:"4cd01b39b2ba9c992d4a",29:"e21d86280e771e590b54",30:"8ec0a68ed860c372e24c",31:"7e747d10562ce36435e7",32:"26cb266f00278532b844",33:"6924f46ea8e794e64148",34:"f308147228341c7ab800",35:"1f800d2edd92796bd742",36:"fb32375e5a60016231d9",37:"2f930ad9e435f595720a",38:"73040cbba669c2f346ad",39:"bd87177f9e7b6aade235",40:"12507c5b207ea7ba37f7",41:"7c5d8496ebb8c693c291",42:"32a8cc1a285bed4dd7a3",43:"b7e8d864e0b917164d7a",44:"1cd2ce2e186059cdbab7",45:"87c8d65c6740bc8a7d62",46:"57f0bb37f13714fdb453",47:"42231fd231c11b558a59",48:"e31086d402071e4eaabe",49:"38b72731663b30ba7a14",50:"30d54e5e374954844533",51:"4157f27b05c1bcc31478",52:"eb1222bfcf0bfb35e9a5",53:"4c8a9976d3947b0b27c3",54:"1d541ace9ba0d0e70da4",55:"fb42732889ea5a34394a",56:"7f3fb816e0fe97a65fcc",57:"5927510de4d047fa05f0",58:"883f4cb21727505c6ca7",59:"88509283c0cdfd915d17",60:"77cfecda9e49bec28446",61:"222f6deb479165b9f756",62:"19d6cd6415720462ebf2",63:"ede6b3e598e961142e98",64:"7fe7428f3d26b8717d42",65:"05e6497b37d15eef55ce",66:"abbfde9b22aa3982181b",67:"bded3f7b12f4ce988815",68:"13bbe9d9886bbf9a928e",69:"e4ffa38f45f6e3d75977",70:"c37a95ac4f711510b925",71:"82d94b2284e90e2de387",72:"a5addb632f9ac18563f1",73:"94cc73e7eadfd1860814",74:"327113bc80124a47eb25",75:"69206936a4c953955e84",76:"7aed29fd85396a652aec",77:"b8e88fa81885f2f494ea",78:"a1cba941ca26f14b1680",79:"5e532037283568273584",80:"aa4bab7ac8998c98eb55",81:"59dcaffaee7b7596b8f9",82:"67c961a904ed2f52b3b7",83:"4d15621c396625719cee",84:"abe82c1b64c923ed2b19",85:"aa58b8b72d71c6764b8a",86:"f749c98106f81fa78f3e",87:"5178a52e7b851546a016",88:"de4a916472f104f61636",89:"f10e96c58d8eb0db1c28",90:"5de2cbb333625c493adb",91:"bafce18b7db27328f409"}[e]+".js";var t=setTimeout(c,12e4);return r.onerror=r.onload=c,n.appendChild(r),f},a.m=e,a.c=b,a.d=function(e,c,b){a.o(e,c)||Object.defineProperty(e,c,{configurable:!1,enumerable:!0,get:b})},a.n=function(e){var c=e&&e.__esModule?function(){return e.default}:function(){return e};return a.d(c,"a",c),c},a.o=function(e,a){return Object.prototype.hasOwnProperty.call(e,a)},a.p="/cube-ui/",a.oe=function(e){throw console.error(e),e}}([]);
\ No newline at end of file
!function(e){function a(c){if(b[c])return b[c].exports;var f=b[c]={i:c,l:!1,exports:{}};return e[c].call(f.exports,f,f.exports,a),f.l=!0,f.exports}var c=window.webpackJsonp;window.webpackJsonp=function(b,d,n){for(var r,t,o,u=0,i=[];u<b.length;u++)t=b[u],f[t]&&i.push(f[t][0]),f[t]=0;for(r in d)Object.prototype.hasOwnProperty.call(d,r)&&(e[r]=d[r]);for(c&&c(b,d,n);i.length;)i.shift()();if(n)for(u=0;u<n.length;u++)o=a(a.s=n[u]);return o};var b={},f={94:0};a.e=function(e){function c(){r.onerror=r.onload=null,clearTimeout(t);var a=f[e];0!==a&&(a&&a[1](new Error("Loading chunk "+e+" failed.")),f[e]=void 0)}var b=f[e];if(0===b)return new Promise(function(e){e()});if(b)return b[2];var d=new Promise(function(a,c){b=f[e]=[a,c]});b[2]=d;var n=document.getElementsByTagName("head")[0],r=document.createElement("script");r.type="text/javascript",r.charset="utf-8",r.async=!0,r.timeout=12e4,a.nc&&r.setAttribute("nonce",a.nc),r.src=a.p+"js/"+e+"."+{0:"d5ce8696d7817c1ad3a3",1:"34b5857f194e5f1acfb6",2:"6e6975d6a89dd029fad4",3:"1feebdd85d2fd67fa575",4:"415f17002e53bbea6722",5:"df54f9daf110a907159b",6:"895522cc1e070b001975",7:"e73bb330f5aef30e9afc",8:"1af7a1ba5af5bb0d68b2",9:"2b406ccd63b03baac8bd",10:"96da8d597fad20262c6a",11:"03e77abfe8cc11040e9a",12:"599c6a91b0e604847757",13:"238568fdec73355962fb",14:"c3cc516b23ecc8d821aa",15:"f8a45a0f1c77686ee9c1",16:"83d41e7b1a92ce761e7d",17:"89fd481362aaa4141a73",18:"8582310842dae1c00da6",19:"215e0747d1f7cba55bde",20:"583425f591c685d04e5f",21:"6190c655a29b3ccfb28b",22:"acc5973de803597dd39e",23:"3ec33d6c14d434df0bf6",24:"78851d56466f44bf6370",25:"47e41476d32f9fb77ed4",26:"b7a27fb42d8f6fe3d621",27:"1a57a87827780cc93797",28:"4cd01b39b2ba9c992d4a",29:"e21d86280e771e590b54",30:"8ec0a68ed860c372e24c",31:"7e747d10562ce36435e7",32:"26cb266f00278532b844",33:"6924f46ea8e794e64148",34:"f308147228341c7ab800",35:"1f800d2edd92796bd742",36:"fb32375e5a60016231d9",37:"2f930ad9e435f595720a",38:"73040cbba669c2f346ad",39:"bd87177f9e7b6aade235",40:"12507c5b207ea7ba37f7",41:"7c5d8496ebb8c693c291",42:"32a8cc1a285bed4dd7a3",43:"b7e8d864e0b917164d7a",44:"1cd2ce2e186059cdbab7",45:"87c8d65c6740bc8a7d62",46:"57f0bb37f13714fdb453",47:"42231fd231c11b558a59",48:"1a224e7c90c095bc9173",49:"38b72731663b30ba7a14",50:"30d54e5e374954844533",51:"4157f27b05c1bcc31478",52:"eb1222bfcf0bfb35e9a5",53:"4c8a9976d3947b0b27c3",54:"1d541ace9ba0d0e70da4",55:"fb42732889ea5a34394a",56:"7f3fb816e0fe97a65fcc",57:"5927510de4d047fa05f0",58:"883f4cb21727505c6ca7",59:"88509283c0cdfd915d17",60:"77cfecda9e49bec28446",61:"222f6deb479165b9f756",62:"19d6cd6415720462ebf2",63:"ede6b3e598e961142e98",64:"7fe7428f3d26b8717d42",65:"05e6497b37d15eef55ce",66:"abbfde9b22aa3982181b",67:"bded3f7b12f4ce988815",68:"13bbe9d9886bbf9a928e",69:"e4ffa38f45f6e3d75977",70:"c37a95ac4f711510b925",71:"82d94b2284e90e2de387",72:"a5addb632f9ac18563f1",73:"94cc73e7eadfd1860814",74:"327113bc80124a47eb25",75:"69206936a4c953955e84",76:"7aed29fd85396a652aec",77:"b8e88fa81885f2f494ea",78:"a1cba941ca26f14b1680",79:"5e532037283568273584",80:"aa4bab7ac8998c98eb55",81:"59dcaffaee7b7596b8f9",82:"67c961a904ed2f52b3b7",83:"4d15621c396625719cee",84:"abe82c1b64c923ed2b19",85:"aa58b8b72d71c6764b8a",86:"f749c98106f81fa78f3e",87:"5178a52e7b851546a016",88:"de4a916472f104f61636",89:"f10e96c58d8eb0db1c28",90:"5de2cbb333625c493adb",91:"bafce18b7db27328f409"}[e]+".js";var t=setTimeout(c,12e4);return r.onerror=r.onload=c,n.appendChild(r),d},a.m=e,a.c=b,a.d=function(e,c,b){a.o(e,c)||Object.defineProperty(e,c,{configurable:!1,enumerable:!0,get:b})},a.n=function(e){var c=e&&e.__esModule?function(){return e.default}:function(){return e};return a.d(c,"a",c),c},a.o=function(e,a){return Object.prototype.hasOwnProperty.call(e,a)},a.p="/cube-ui/",a.oe=function(e){throw console.error(e),e}}([]);
\ No newline at end of file
Markdown is supported
0% 或 .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑！
想要评论请 注册 或