"use strict";(self["webpackChunklin_cms_vue"]=self["webpackChunklin_cms_vue"]||[]).push([[7847,4372],{57192:function(e,u,l){l.r(u),l.d(u,{default:function(){return p}});var t=l(20641),n={class:"lin-container"},a=(0,t.Lk)("div",{class:"lin-title"},"图片上传演示",-1),r={class:"lin-wrap"};function i(e,u,l,i,o,c){var d=(0,t.g2)("upload-imgs"),f=(0,t.g2)("el-button"),s=(0,t.g2)("el-form-item"),m=(0,t.g2)("el-radio"),b=(0,t.g2)("el-radio-group"),p=(0,t.g2)("el-form");return(0,t.uX)(),(0,t.CE)("div",n,[a,(0,t.Lk)("div",r,[(0,t.bF)(p,{"label-width":"220px"},{default:(0,t.k6)((function(){return[(0,t.bF)(s,{label:"普通示例"},{default:(0,t.k6)((function(){return[(0,t.bF)(d,{ref:"uploadEle3",rules:o.rules,multiple:!0},null,8,["rules"]),(0,t.Lk)("div",null,[(0,t.bF)(f,{onClick:u[0]||(u[0]=function(e){return c.getValue("uploadEle3")})},{default:(0,t.k6)((function(){return[(0,t.eW)("获取当前图像数据")]})),_:1})])]})),_:1}),(0,t.bF)(s,{label:"禁用"},{default:(0,t.k6)((function(){return[(0,t.bF)(d,{ref:"uploadEle4",multiple:!0,disabled:!0},null,512),(0,t.Lk)("div",null,[(0,t.bF)(f,{onClick:u[1]||(u[1]=function(e){return c.getValue("uploadEle4")})},{default:(0,t.k6)((function(){return[(0,t.eW)("获取当前图像数据")]})),_:1})])]})),_:1}),(0,t.bF)(s,{label:"动图检测示例"},{default:(0,t.k6)((function(){return[(0,t.bF)(d,{ref:"uploadEle32",rules:o.rules2,multiple:!0,"animated-check":!0},null,8,["rules"]),(0,t.Lk)("div",null,[(0,t.bF)(f,{onClick:u[2]||(u[2]=function(e){return c.getValue("uploadEle32")})},{default:(0,t.k6)((function(){return[(0,t.eW)("获取当前图像数据")]})),_:1})])]})),_:1}),(0,t.bF)(s,{label:"禁用+初始化"},{default:(0,t.k6)((function(){return[(0,t.bF)(d,{ref:"uploadEle5",rules:o.rules,multiple:!0,disabled:!0,value:o.initData},null,8,["rules","value"]),(0,t.Lk)("div",null,[(0,t.bF)(f,{onClick:u[3]||(u[3]=function(e){return c.getValue("uploadEle5")})},{default:(0,t.k6)((function(){return[(0,t.eW)("获取当前图像数据")]})),_:1})])]})),_:1}),(0,t.bF)(s,{label:"带初始化, 限制4至7张"},{default:(0,t.k6)((function(){return[(0,t.bF)(d,{ref:"uploadEle1",value:o.initData,rules:o.rules,multiple:!0,"max-num":7,"min-num":4},null,8,["value","rules"]),(0,t.Lk)("div",null,[(0,t.bF)(f,{onClick:u[4]||(u[4]=function(e){return c.getValue("uploadEle1")})},{default:(0,t.k6)((function(){return[(0,t.eW)("获取当前图像数据")]})),_:1})])]})),_:1}),(0,t.bF)(s,{label:"初始化, 可多选, 不立即上传"},{default:(0,t.k6)((function(){return[(0,t.bF)(d,{ref:"uploadEle2",value:o.initData,"auto-upload":!1,rules:o.rules,multiple:!0},null,8,["value","rules"]),(0,t.Lk)("div",null,[(0,t.bF)(f,{onClick:u[5]||(u[5]=function(e){return c.getValue("uploadEle2")})},{default:(0,t.k6)((function(){return[(0,t.eW)("获取当前图像数据")]})),_:1})])]})),_:1}),(0,t.bF)(s,{label:"禁用+初始化+不预览"},{default:(0,t.k6)((function(){return[(0,t.bF)(d,{ref:"uploadEle7",rules:o.rules,multiple:!0,disabled:!0,value:o.initData,preview:!1},null,8,["rules","value"]),(0,t.Lk)("div",null,[(0,t.bF)(f,{onClick:u[6]||(u[6]=function(e){return c.getValue("uploadEle7")})},{default:(0,t.k6)((function(){return[(0,t.eW)("获取当前图像数据")]})),_:1})])]})),_:1}),(0,t.bF)(s,{label:"排序+固定数量"},{default:(0,t.k6)((function(){return[(0,t.bF)(d,{ref:"uploadEle8",rules:o.rules,multiple:!0,"min-num":3,"max-num":3,sortable:!0},null,8,["rules"]),(0,t.Lk)("div",null,[(0,t.bF)(f,{onClick:u[7]||(u[7]=function(e){return c.getValue("uploadEle8")})},{default:(0,t.k6)((function(){return[(0,t.eW)("获取当前图像数据")]})),_:1})])]})),_:1}),(0,t.bF)(s,{label:"仅最大数量"},{default:(0,t.k6)((function(){return[(0,t.bF)(d,{rules:o.rules,multiple:!0,"max-num":3},null,8,["rules"])]})),_:1}),(0,t.bF)(s,{label:"定制宽高+排序"},{default:(0,t.k6)((function(){return[(0,t.bF)(d,{rules:o.rules,width:200,height:150,value:o.initData,sortable:!0},null,8,["rules","value"])]})),_:1}),(0,t.bF)(s,{label:"重新初始化"},{default:(0,t.k6)((function(){return[(0,t.bF)(d,{ref:"uploadEle9",rules:o.rules,width:200,height:150,value:o.initData1,sortable:!0},null,8,["rules","value"]),(0,t.Lk)("div",null,[(0,t.bF)(f,{onClick:c.changeData},{default:(0,t.k6)((function(){return[(0,t.eW)("重新初始化")]})),_:1},8,["onClick"]),(0,t.bF)(f,{onClick:c.doClear},{default:(0,t.k6)((function(){return[(0,t.eW)("清空")]})),_:1},8,["onClick"]),(0,t.bF)(f,{onClick:u[8]||(u[8]=function(e){return c.getValue("uploadEle9")})},{default:(0,t.k6)((function(){return[(0,t.eW)("获取当前图像数据")]})),_:1})])]})),_:1}),(0,t.bF)(s,{label:"远程方法"},{default:(0,t.k6)((function(){return[(0,t.bF)(b,{modelValue:o.remoteName,"onUpdate:modelValue":u[9]||(u[9]=function(e){return o.remoteName=e})},{default:(0,t.k6)((function(){return[(0,t.bF)(m,{value:"remoteFucAsync"},{default:(0,t.k6)((function(){return[(0,t.eW)("失败promise")]})),_:1}),(0,t.bF)(m,{value:"remoteFuc"},{default:(0,t.k6)((function(){return[(0,t.eW)("失败回调")]})),_:1}),(0,t.bF)(m,{value:"remoteFucSuccessAsync"},{default:(0,t.k6)((function(){return[(0,t.eW)("成功promise")]})),_:1}),(0,t.bF)(m,{value:"remoteFucSuccess"},{default:(0,t.k6)((function(){return[(0,t.eW)("成功回调")]})),_:1})]})),_:1},8,["modelValue"]),(0,t.bF)(d,{ref:"uploadEle13",rules:o.rules,multiple:!0,"remote-fuc":o.remoteNameObj[o.remoteName]},null,8,["rules","remote-fuc"]),(0,t.Lk)("div",null,[(0,t.bF)(f,{onClick:u[10]||(u[10]=function(e){return c.getValue("uploadEle13")})},{default:(0,t.k6)((function(){return[(0,t.eW)("获取当前图像数据")]})),_:1})])]})),_:1}),(0,t.bF)(s,{label:"图像缩略图展示模式"},{default:(0,t.k6)((function(){return[(0,t.bF)(b,{modelValue:o.fit,"onUpdate:modelValue":u[11]||(u[11]=function(e){return o.fit=e})},{default:(0,t.k6)((function(){return[(0,t.bF)(m,{value:"fill"},{default:(0,t.k6)((function(){return[(0,t.eW)("fill")]})),_:1}),(0,t.bF)(m,{value:"contain"},{default:(0,t.k6)((function(){return[(0,t.eW)("contain")]})),_:1}),(0,t.bF)(m,{value:"cover"},{default:(0,t.k6)((function(){return[(0,t.eW)("cover")]})),_:1}),(0,t.bF)(m,{value:"none"},{default:(0,t.k6)((function(){return[(0,t.eW)("none")]})),_:1}),(0,t.bF)(m,{value:"scale-down"},{default:(0,t.k6)((function(){return[(0,t.eW)("scale-down")]})),_:1})]})),_:1},8,["modelValue"]),(0,t.bF)(d,{rules:o.rules,width:200,height:150,fit:o.fit,value:o.initData},null,8,["rules","fit","value"])]})),_:1}),(0,t.bF)(s,{label:"自定义校验函数"},{default:(0,t.k6)((function(){return[(0,t.bF)(d,{ref:"uploadEle33",rules:o.rules,"before-upload":c.beforeFuc,multiple:!0},null,8,["rules","before-upload"]),(0,t.Lk)("div",null,[(0,t.bF)(f,{onClick:u[12]||(u[12]=function(e){return c.getValue("uploadEle33")})},{default:(0,t.k6)((function(){return[(0,t.eW)("获取当前图像数据")]})),_:1})])]})),_:1})]})),_:1})])])}var o=l(14048),c=l(30388),d=(l(26099),l(38781),l(87466));function f(){return Math.random().toString(36).substring(2)}var s={name:"ImgsUploadStage1",components:{UploadImgs:d["default"]},data:function(){return{remoteName:"remoteFucAsync",remoteNameObj:{remoteFuc:this.remoteFuc,remoteFucAsync:this.remoteFucAsync,remoteFucSuccess:this.remoteFucSuccess,remoteFucSuccessAsync:this.remoteFucSuccessAsync},fit:"cover",rules:{maxSize:5,minWidth:100,minHeight:100},rules2:{minWidth:100,maxWidth:2e3,allowAnimated:1},initData1:[{id:"123",display:"https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100",src:"/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg",imgId:"123dk98"},{id:"12d3",display:"https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100",src:"/images/index/Lin_cms_%E5%B0%81%E9%9D%A2.png",imgId:"sd9873429"},{id:"hahah",display:"https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100",src:"/images/index/Lin_UI_%E5%B0%81%E9%9D%A2.png",imgId:"ccsd2123"}],initData:[{id:"123",display:"https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100",src:"https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100",imgId:"12381900"},{id:"12d3",display:"https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100",src:"/images/index/Lin_cms_%E5%B0%81%E9%9D%A2.png",imgId:"238287"},{id:"hahah",display:"https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100",src:"/images/index/Lin_UI_%E5%B0%81%E9%9D%A2.png",imgId:"1232323"}]}},methods:{beforeFuc:function(){var e=this;return(0,c.A)((0,o.A)().mark((function u(){return(0,o.A)().wrap((function(u){while(1)switch(u.prev=u.next){case 0:return e.$message.error("进入自定义校验函数, 并返回false终止上传"),u.abrupt("return",!1);case 2:case"end":return u.stop()}}),u)})))()},getValue:function(e){var u=this;return(0,c.A)((0,o.A)().mark((function l(){return(0,o.A)().wrap((function(l){while(1)switch(l.prev=l.next){case 0:return l.t0=console,l.next=3,u.$refs[e].getValue();case 3:l.t1=l.sent,l.t0.log.call(l.t0,l.t1),alert("已获取数据, 打印在控制台中");case 6:case"end":return l.stop()}}),l)})))()},doClear:function(){this.$refs.uploadEle9.clear()},changeData:function(){this.initData1=[{id:"hahah",display:"https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100",src:"/images/index/Lin_UI_%E5%B0%81%E9%9D%A2.png",imgId:"2477899809"},{id:"12d3",display:"https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100",src:"/images/index/Lin_cms_%E5%B0%81%E9%9D%A2.png",imgId:"4dfg43234"}]},remoteFucAsync:function(){return Promise.resolve(!1)},remoteFuc:function(e,u){setTimeout((function(){u(!1)}),3e3)},remoteFucSuccessAsync:function(){return Promise.resolve({id:f,url:"http://dev.koa.7yue.pro/assets/2019/06/30/abc823a9-5ef4-48e1-bdf6-dd4f0ab92482.jpg"})},remoteFucSuccess:function(e,u){setTimeout((function(){u({id:f,url:"http://dev.koa.7yue.pro/assets/2019/06/30/abc823a9-5ef4-48e1-bdf6-dd4f0ab92482.jpg"})}),3e3)}}},m=l(66262);const b=(0,m.A)(s,[["render",i]]);var p=b}}]);
//# sourceMappingURL=7847-legacy.910e85e0.js.map