(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-2d2383d5"],{ff10:function(n,t,e){"use strict";e.r(t);var _=function(){var n=this,t=n.$createElement;n._self._c;return n._m(0)},v=[function(){var n=this,t=n.$createElement,e=n._self._c||t;return e("section",[e("html",[e("head"),e("body",[e("h1",[n._v("多图上传")]),n._v("\\n"),e("p",[n._v("多图片上传组件 "),n._v('"\\">UploadImgs'),n._v(", 附有预览, 排序, 验证等功能 "),n._v('"http://face.cms.7yue.pro/#/imgs-upload/stage1\\">演示效果')]),n._v("\\n"),e("ul",[n._v("\\n"),e("li",[n._v("开箱即用")]),n._v("\\n"),e("li",[n._v("支持固定上传数量图片上传和不定数量图片上传")]),n._v("\\n"),e("li",[n._v("支持预览")]),n._v("\\n"),e("li",[n._v("支持排序")]),n._v("\\n"),e("li",[n._v("内置图像验证机制")]),n._v("\\n"),e("li",[n._v("内置支持 Lin-CMS 上传接口")]),n._v("\\n")]),n._v("\\n"),e("h2",[n._v("基础示例")]),n._v("\\n"),n._v('"\\">'),n._v('"\\" class=\\"language-vue\\"><upload-imgs ref=\\"uploadEle\\" :value=\\"initData\\" />\\n\\n<script>\\nimport UploadImgs from \\"@/component/base/upload-imgs\\";\\n\\nexport default {\\n  components: {\\n    UploadImgs\\n  },\\n  data() {\\n    return {\\n      rules: {\\n        minWidth: 100,\\n        minHeight: 100,\\n        maxSize: 5\\n      },\\n      initData: []\\n    };\\n  },\\n  methods: {\\n    getValue() {\\n      this.$refs.uploadEle.getValue();\\n    }\\n  }\\n};\\n<\/script>\\n'),n._v("\\n"),e("h3",[n._v("初始化说明")]),n._v("\\n"),e("p",[n._v("初始化时传入数组, 如果初始化为空则传入空数组 "),n._v('"\\">[]'),n._v(", 如果已经存在内容, 内容结构要求如下:")]),n._v("\\n"),e("table",[n._v("\\n"),e("thead",[n._v("\\n"),e("tr",[n._v("\\n"),n._v('"text-align:center\\">属性'),n._v("\\n"),n._v('"text-align:center\\">类型'),n._v("\\n"),n._v('"text-align:center\\">是否必填'),n._v("\\n"),n._v('"text-align:center\\">说明'),n._v("\\n")]),n._v("\\n")]),n._v("\\n"),e("tbody",[n._v("\\n"),e("tr",[n._v("\\n"),n._v('"text-align:center\\">id'),n._v("\\n"),n._v('"text-align:center\\">String/Nuber'),n._v("\\n"),n._v('"text-align:center\\">否'),n._v("\\n"),n._v('"text-align:center\\">初始化数据的 id, 推荐有该数据'),n._v("\\n")]),n._v("\\n"),e("tr",[n._v("\\n"),n._v('"text-align:center\\">imgId'),n._v("\\n"),n._v('"text-align:center\\">String/Number'),n._v("\\n"),n._v('"text-align:center\\">否'),n._v("\\n"),n._v('"text-align:center\\">图像资源 id'),n._v("\\n")]),n._v("\\n"),e("tr",[n._v("\\n"),n._v('"text-align:center\\">src'),n._v("\\n"),n._v('"text-align:center\\">String'),n._v("\\n"),n._v('"text-align:center\\">否'),n._v("\\n"),n._v('"text-align:center\\">图像相对地址'),n._v("\\n")]),n._v("\\n"),e("tr",[n._v("\\n"),n._v('"text-align:center\\">display'),n._v("\\n"),n._v('"text-align:center\\">String'),n._v("\\n"),n._v('"text-align:center\\">是'),n._v("\\n"),n._v('"text-align:center\\">图像完整地址, 用于展示'),n._v("\\n")]),n._v("\\n")]),n._v("\\n")]),n._v("\\n"),e("p",[n._v("示例:")]),n._v("\\n"),n._v('"\\">'),n._v('"\\" class=\\"language-js\\">'),n._v('"hljs-keyword\\">const'),n._v(" initData = [{\\n  "),n._v('"hljs-attr\\">id'),n._v(": "),n._v("\"hljs-string\\\">'12d3'"),n._v(",\\n  "),n._v('"hljs-attr\\">display'),n._v(": "),n._v("\"hljs-string\\\">'http://img-home.7yue.pro/images/index/Lin_cms_%E5%B0%81%E9%9D%A2.png'"),n._v(",\\n  "),n._v('"hljs-attr\\">src'),n._v(": "),n._v("\"hljs-string\\\">'/images/index/Lin_cms_%E5%B0%81%E9%9D%A2.png'"),n._v(",\\n  "),n._v('"hljs-attr\\">imgId'),n._v(": "),n._v("\"hljs-string\\\">'238287'"),n._v(",\\n}, {\\n  "),n._v('"hljs-attr\\">id'),n._v(": "),n._v("\"hljs-string\\\">'17qr'"),n._v(",\\n  "),n._v('"hljs-attr\\">display'),n._v(": "),n._v("\"hljs-string\\\">'http://img-home.7yue.pro/images/index/Lin_UI_%E5%B0%81%E9%9D%A2.png'"),n._v(",\\n  "),n._v('"hljs-attr\\">src'),n._v(": "),n._v("\"hljs-string\\\">'/images/index/Lin_UI_%E5%B0%81%E9%9D%A2.png'"),n._v(",\\n  "),n._v('"hljs-attr\\">imgId'),n._v(": "),n._v("\"hljs-string\\\">'1232323'"),n._v(",\\n}];\\n"),n._v("\\n"),e("h3",[n._v("返回值说明")]),n._v("\\n"),e("p",[n._v("新上传的图像会有完整的图像信息")]),n._v("\\n"),e("table",[n._v("\\n"),e("thead",[n._v("\\n"),e("tr",[n._v("\\n"),n._v('"text-align:center\\">属性'),n._v("\\n"),n._v('"text-align:center\\">类型'),n._v("\\n"),n._v('"text-align:center\\">默认'),n._v("\\n"),n._v('"text-align:center\\">说明'),n._v("\\n")]),n._v("\\n")]),n._v("\\n"),e("tbody",[n._v("\\n"),e("tr",[n._v("\\n"),n._v('"text-align:center\\">id'),n._v("\\n"),n._v('"text-align:center\\">String/Nuber'),n._v("\\n"),n._v('"text-align:center\\">null'),n._v("\\n"),n._v('"text-align:center\\">初始化数据的 id'),n._v("\\n")]),n._v("\\n"),e("tr",[n._v("\\n"),n._v('"text-align:center\\">imgId'),n._v("\\n"),n._v('"text-align:center\\">String/Number'),n._v("\\n"),n._v('"text-align:center\\">null'),n._v("\\n"),n._v('"text-align:center\\">图像资源 id'),n._v("\\n")]),n._v("\\n"),e("tr",[n._v("\\n"),n._v('"text-align:center\\">src'),n._v("\\n"),n._v('"text-align:center\\">String'),n._v("\\n"),n._v('"text-align:center\\">null'),n._v("\\n"),n._v('"text-align:center\\">图像相对地址'),n._v("\\n")]),n._v("\\n"),e("tr",[n._v("\\n"),n._v('"text-align:center\\">display'),n._v("\\n"),n._v('"text-align:center\\">String'),n._v("\\n"),n._v('"text-align:center\\">null'),n._v("\\n"),n._v('"text-align:center\\">图像完整地址'),n._v("\\n")]),n._v("\\n"),e("tr",[n._v("\\n"),n._v('"text-align:center\\">width'),n._v("\\n"),n._v('"text-align:center\\">Number'),n._v("\\n"),n._v('"text-align:center\\">null'),n._v("\\n"),n._v('"text-align:center\\">图像宽度'),n._v("\\n")]),n._v("\\n"),e("tr",[n._v("\\n"),n._v('"text-align:center\\">height'),n._v("\\n"),n._v('"text-align:center\\">Number'),n._v("\\n"),n._v('"text-align:center\\">null'),n._v("\\n"),n._v('"text-align:center\\">图像高度'),n._v("\\n")]),n._v("\\n"),e("tr",[n._v("\\n"),n._v('"text-align:center\\">fileName'),n._v("\\n"),n._v('"text-align:center\\">String'),n._v("\\n"),n._v('"text-align:center\\">null'),n._v("\\n"),n._v('"text-align:center\\">文件名'),n._v("\\n")]),n._v("\\n"),e("tr",[n._v("\\n"),n._v('"text-align:center\\">fileSize'),n._v("\\n"),n._v('"text-align:center\\">Numbr'),n._v("\\n"),n._v('"text-align:center\\">null'),n._v("\\n"),n._v('"text-align:center\\">文件大小'),n._v("\\n")]),n._v("\\n"),e("tr",[n._v("\\n"),n._v('"text-align:center\\">fileType'),n._v("\\n"),n._v('"text-align:center\\">String'),n._v("\\n"),n._v('"text-align:center\\">null'),n._v("\\n"),n._v('"text-align:center\\">文件的媒体类型 (MIME), 针对部分文件类型做了检测'),n._v("\\n")]),n._v("\\n"),e("tr",[n._v("\\n"),n._v('"text-align:center\\">isAnimated'),n._v("\\n"),n._v('"text-align:center\\">Boolean'),n._v("\\n"),n._v('"text-align:center\\">null'),n._v("\\n"),n._v('"text-align:center\\">是否是动图, 只有开启动图检测, 本值才有效, 否则为 null'),n._v("\\n")]),n._v("\\n")]),n._v("\\n")]),n._v("\\n"),e("p",[e("strong",[n._v("注意:")]),n._v(" 以上字段只针对新上传的图片, 初始化的图片如果没有传入字段, 则值为空")]),n._v("\\n"),e("h2",[n._v("props")]),n._v("\\n"),e("table",[n._v("\\n"),e("thead",[n._v("\\n"),e("tr",[n._v("\\n"),n._v('"text-align:center\\">参数'),n._v("\\n"),n._v('"text-align:center\\">类型'),n._v("\\n"),n._v('"text-align:center\\">默认值'),n._v("\\n"),n._v('"text-align:center\\">说明'),n._v("\\n")]),n._v("\\n")]),n._v("\\n"),e("tbody",[n._v("\\n"),e("tr",[n._v("\\n"),n._v('"text-align:center\\">value'),n._v("\\n"),n._v('"text-align:center\\">Array'),n._v("\\n"),n._v('"text-align:center\\">[]'),n._v("\\n"),n._v('"text-align:center\\">初始化数据'),n._v("\\n")]),n._v("\\n"),e("tr",[n._v("\\n"),n._v('"text-align:center\\">auto-upload'),n._v("\\n"),n._v('"text-align:center\\">Boolean'),n._v("\\n"),n._v('"text-align:center\\">true'),n._v("\\n"),n._v('"text-align:center\\">新增图片是是否自动上传'),n._v("\\n")]),n._v("\\n"),e("tr",[n._v("\\n"),n._v('"text-align:center\\">disabled'),n._v("\\n"),n._v('"text-align:center\\">Boolean'),n._v("\\n"),n._v('"text-align:center\\">false'),n._v("\\n"),n._v('"text-align:center\\">是否禁用'),n._v("\\n")]),n._v("\\n"),e("tr",[n._v("\\n"),n._v('"text-align:center\\">preview'),n._v("\\n"),n._v('"text-align:center\\">Boolean'),n._v("\\n"),n._v('"text-align:center\\">true'),n._v("\\n"),n._v('"text-align:center\\">是否可预览'),n._v("\\n")]),n._v("\\n"),e("tr",[n._v("\\n"),n._v('"text-align:center\\">multiple'),n._v("\\n"),n._v('"text-align:center\\">Boolean'),n._v("\\n"),n._v('"text-align:center\\">false'),n._v("\\n"),n._v('"text-align:center\\">是否可以一次多选'),n._v("\\n")]),n._v("\\n"),e("tr",[n._v("\\n"),n._v('"text-align:center\\">min-num'),n._v("\\n"),n._v('"text-align:center\\">Number'),n._v("\\n"),n._v('"text-align:center\\">0'),n._v("\\n"),n._v('"text-align:center\\">最少图片数量'),n._v("\\n")]),n._v("\\n"),e("tr",[n._v("\\n"),n._v('"text-align:center\\">max-num'),n._v("\\n"),n._v('"text-align:center\\">Number'),n._v("\\n"),n._v('"text-align:center\\">0'),n._v("\\n"),n._v('"text-align:center\\">最多图片数量, 0 表示无限制'),n._v("\\n")]),n._v("\\n"),e("tr",[n._v("\\n"),n._v('"text-align:center\\">before-upload'),n._v("\\n"),n._v('"text-align:center\\">Function'),n._v("\\n"),n._v('"text-align:center\\">null'),n._v("\\n"),n._v('"text-align:center\\">上传前自定义校验函数, 返回 true 表示校验成功, 否则校验失败不进行后续上传, 支持返回 Promise'),n._v("\\n")]),n._v("\\n"),e("tr",[n._v("\\n"),n._v('"text-align:center\\">remote-fuc'),n._v("\\n"),n._v('"text-align:center\\">Function'),n._v("\\n"),n._v('"text-align:center\\">null'),n._v("\\n"),n._v('"text-align:center\\">重写远程方法, 支持返回 Promise'),n._v("\\n")]),n._v("\\n"),e("tr",[n._v("\\n"),n._v('"text-align:center\\">sortable'),n._v("\\n"),n._v('"text-align:center\\">Boolean'),n._v("\\n"),n._v('"text-align:center\\">false'),n._v("\\n"),n._v('"text-align:center\\">是否可排序'),n._v("\\n")]),n._v("\\n"),e("tr",[n._v("\\n"),n._v('"text-align:center\\">accept'),n._v("\\n"),n._v('"text-align:center\\">String'),n._v("\\n"),n._v('"text-align:center\\">image/*'),n._v("\\n"),n._v('"text-align:center\\">允许上传的类型, 同 input 的 accept 属性配置'),n._v("\\n")]),n._v("\\n"),e("tr",[n._v("\\n"),n._v('"text-align:center\\">animated-check'),n._v("\\n"),n._v('"text-align:center\\">Boolean'),n._v("\\n"),n._v('"text-align:center\\">false'),n._v("\\n"),n._v('"text-align:center\\">是否需要检测是否是动图, 开启后返回数据中 isAnimated 表示是否是动图'),n._v("\\n")]),n._v("\\n"),e("tr",[n._v("\\n"),n._v('"text-align:center\\">rules'),n._v("\\n"),n._v('"text-align:center\\">Object'),n._v("\\n"),n._v('"text-align:center\\">{}'),n._v("\\n"),n._v('"text-align:center\\">图像规则'),n._v("\\n")]),n._v("\\n"),e("tr",[n._v("\\n"),n._v('"text-align:center\\">fit'),n._v("\\n"),n._v('"text-align:center\\">String'),n._v("\\n"),n._v('"text-align:center\\">contain'),n._v("\\n"),n._v('"text-align:center\\">图像显示形式'),n._v("\\n")]),n._v("\\n"),e("tr",[n._v("\\n"),n._v('"text-align:center\\">width'),n._v("\\n"),n._v('"text-align:center\\">Nulber/String'),n._v("\\n"),n._v('"text-align:center\\">200'),n._v("\\n"),n._v('"text-align:center\\">组件每项的宽度'),n._v("\\n")]),n._v("\\n"),e("tr",[n._v("\\n"),n._v('"text-align:center\\">height'),n._v("\\n"),n._v('"text-align:center\\">Number/String'),n._v("\\n"),n._v('"text-align:center\\">200'),n._v("\\n"),n._v('"text-align:center\\">组件每项的高度'),n._v("\\n")]),n._v("\\n")]),n._v("\\n")]),n._v("\\n"),e("p",[n._v("图像验证规则属性 rule 支持的验证规则有:")]),n._v("\\n"),e("table",[n._v("\\n"),e("thead",[n._v("\\n"),e("tr",[n._v("\\n"),n._v('"text-align:center\\">属性'),n._v("\\n"),n._v('"text-align:center\\">类型'),n._v("\\n"),n._v('"text-align:center\\">默认'),n._v("\\n"),n._v('"text-align:center\\">说明'),n._v("\\n")]),n._v("\\n")]),n._v("\\n"),e("tbody",[n._v("\\n"),e("tr",[n._v("\\n"),n._v('"text-align:center\\">ratio'),n._v("\\n"),n._v('"text-align:center\\">Array/Number'),n._v("\\n"),n._v('"text-align:center\\">null'),n._v("\\n"),n._v('"text-align:center\\">比例 [宽，高], 或者 宽/高 的数值'),n._v("\\n")]),n._v("\\n"),e("tr",[n._v("\\n"),n._v('"text-align:center\\">width'),n._v("\\n"),n._v('"text-align:center\\">Number'),n._v("\\n"),n._v('"text-align:center\\">null'),n._v("\\n"),n._v('"text-align:center\\">宽度必需等于'),n._v("\\n")]),n._v("\\n"),e("tr",[n._v("\\n"),n._v('"text-align:center\\">height'),n._v("\\n"),n._v('"text-align:center\\">Number'),n._v("\\n"),n._v('"text-align:center\\">null'),n._v("\\n"),n._v('"text-align:center\\">高度必需等于'),n._v("\\n")]),n._v("\\n"),e("tr",[n._v("\\n"),n._v('"text-align:center\\">minWidth'),n._v("\\n"),n._v('"text-align:center\\">Number'),n._v("\\n"),n._v('"text-align:center\\">null'),n._v("\\n"),n._v('"text-align:center\\">最小宽'),n._v("\\n")]),n._v("\\n"),e("tr",[n._v("\\n"),n._v('"text-align:center\\">minHeight'),n._v("\\n"),n._v('"text-align:center\\">Number'),n._v("\\n"),n._v('"text-align:center\\">null'),n._v("\\n"),n._v('"text-align:center\\">最小高'),n._v("\\n")]),n._v("\\n"),e("tr",[n._v("\\n"),n._v('"text-align:center\\">minSize'),n._v("\\n"),n._v('"text-align:center\\">Number'),n._v("\\n"),n._v('"text-align:center\\">null'),n._v("\\n"),n._v('"text-align:center\\">最小 size（Mb）'),n._v("\\n")]),n._v("\\n"),e("tr",[n._v("\\n"),n._v('"text-align:center\\">maxSize'),n._v("\\n"),n._v('"text-align:center\\">Number'),n._v("\\n"),n._v('"text-align:center\\">null'),n._v("\\n"),n._v('"text-align:center\\">最大 size（Mb）'),n._v("\\n")]),n._v("\\n"),e("tr",[n._v("\\n"),n._v('"text-align:center\\">allowAnimated'),n._v("\\n"),n._v('"text-align:center\\">Number'),n._v("\\n"),n._v('"text-align:center\\">null'),n._v("\\n"),n._v('"text-align:center\\">是否允许上传动图, 0 不检测, 1 不允许动图, 2 只允许动图. 要检查此项, 需设置属性 animated-check 为 true'),n._v("\\n")]),n._v("\\n")]),n._v("\\n")]),n._v("\\n"),e("p",[n._v("默认值为 "),n._v('"\\">{ maxSize: 2 }'),n._v(" 图片文件大小限制 2M 内. 这与 lin-cms 服务端文件上传接口默认限制一致")]),n._v("\\n"),e("h2",[n._v("methods")]),n._v("\\n"),e("table",[n._v("\\n"),e("thead",[n._v("\\n"),e("tr",[n._v("\\n"),n._v('"text-align:center\\">方法名'),n._v("\\n"),n._v('"text-align:center\\">参数'),n._v("\\n"),n._v('"text-align:center\\">说明'),n._v("\\n")]),n._v("\\n")]),n._v("\\n"),e("tbody",[n._v("\\n"),e("tr",[n._v("\\n"),n._v('"text-align:center\\">getValue'),n._v("\\n"),n._v('"text-align:center\\">无'),n._v("\\n"),n._v('"text-align:center\\">获取当前组件的值, 如果验证不通过则返回 false'),n._v("\\n")]),n._v("\\n"),e("tr",[n._v("\\n"),n._v('"text-align:center\\">clear'),n._v("\\n"),n._v('"text-align:center\\">无'),n._v("\\n"),n._v('"text-align:center\\">清空当前所选图片'),n._v("\\n")]),n._v("\\n"),e("tr",[n._v("\\n"),n._v('"text-align:center\\">reset'),n._v("\\n"),n._v('"text-align:center\\">无'),n._v("\\n"),n._v('"text-align:center\\">重置图片, 回到初始化数据状态(value)'),n._v("\\n")]),n._v("\\n")]),n._v("\\n")]),n._v("\\n")])])])}],r=e("2877"),l={},i=Object(r["a"])(l,_,v,!1,null,null,null);t["default"]=i.exports}}]);