System.register(["./index-legacy.a084919e.js"],(function(t,a){"use strict";var e,l,i=document.createElement("style");return i.textContent=".waterfall-column-item[data-v-a917a1fd]{width:122px;margin-right:12px;flex-shrink:0}.waterfall-column-item[data-v-a917a1fd]:last-child{margin-right:0}.waterfall-column-item .waterfall-list-item[data-v-a917a1fd]{position:relative;margin-bottom:12px;cursor:pointer}.waterfall-column-item .waterfall-list-item .select[data-v-a917a1fd]{position:absolute;top:10px;left:10px;width:26px;height:26px;z-index:1;display:none}.waterfall-column-item .waterfall-list-item .bg[data-v-a917a1fd]{border-radius:8px}.waterfall-column-item .waterfall-list-item .mask-bg[data-v-a917a1fd]{position:absolute;top:0;left:0;width:100%;height:calc(100% - 5px);background:rgba(25,25,25,.5);border-radius:8px;display:none}.waterfall-column-item .waterfall-list-item.selected .select[data-v-a917a1fd],.waterfall-column-item .waterfall-list-item.selected .mask-bg[data-v-a917a1fd]{display:block}.waterfall-column-item .waterfall-list-item[data-v-a917a1fd]:last-child{margin-bottom:0}.waterfall-scrollbar[data-v-f95a02f1]{text-align:center;overflow:auto}.waterfall-scrollbar[data-v-f95a02f1]::-webkit-scrollbar{width:0}.waterfall-scrollbar .waterfall[data-v-f95a02f1]{min-height:calc(100vh - 162px);display:inline-flex}\n",document.head.appendChild(i),{setters:[function(t){e=t.n,l=t.k}],execute:function(){var a=[],i=e({name:"images-waterfall-item",props:{data:Array},data:function(){return{selected:[]}},methods:{isSelected:function(t){return-1!==this.selected.findIndex((function(a){return a.id===t}))},toggleSelect:function(t){var e=a.findIndex((function(a){return a.id===t.id}));-1===e?a.push(t):a.splice(e,1),this.selected=a,this.$emit("selected",a)}},watch:{data:function(){!function(t){throw new TypeError('"'+t+'" is read-only')}("selected"),this.selected=[]}}},(function(){var t=this,a=t._self._c;return t.data.length?a("div",{staticClass:"waterfall-column-item"},t._l(t.data,(function(e){return a("div",{key:e.id,class:["waterfall-list-item",t.isSelected(e.id)?"selected":""],on:{click:function(a){return t.toggleSelect(e)}}},[a("img",{staticClass:"select",attrs:{src:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAYAAADFeBvrAAAAAXNSR0IArs4c6QAAA3lJREFUaEPVmotx1DAQhncrgA5IKkhSAUkFQAWQCkgqIFRAUgGhA6iAXAW5q4CkA6hAzO9ZGVm2pJUt2UIzN87DJ++nfWplpoLDGHNERG+ICNdTueJndzwRET57uf5gZvxeZPDSWYwxEPw9Eb0VgDlTAug7EX1jZoDOHrOBjDHnRPSJiHAtOR6I6DMz45o9soFEI1/FpLIfmPEFAF3nakwNZIx5KRq5yhCqxK23zHytnUgFtKJWQnLDr95pgkcSSGB+EhE0tOX4TUQXKROMAhljPhDRlwZg7EICCpoKBowgUEOa8a0iqqlJoIZhXE2dTfnUCEiiGXwGCbPlsWfmM1/AKaBbIvrYMokj2x0zD9LIAEhM7fE/gbFiwvT6cskHgqmVLmWWrM9Ovvw6MskDM1/Y//dAUpsBqIXxB8WuDc9iOQjVLwLCIT91odwFakU7gDn3E6jkRNSQU6PXUgfUkO9MwoiMcIWYBXW+ZIFaiGxBGAG6keI45BJdxLNAvxZszkr4XAoGOTFVTz4x8zHLthlAW40SMFb2DgiJCQXoFqMkDOS/BFCO/2jygnZhSsPguXcAQvyOJS7cOHi45Cw0NUJ5IQVVAwbP3AFIExAumfnelVKR7EJQtWDwvD2ATGo5Zac42lTNgKoJ02FogdBWQh4YjQyo6jA5QNFdogJqFZgcINw7F2o1GAuENuwrhR/NgVoVhogO2rDt8mo1he+MqmY7UaW+RRe2cxKrlUcDRaEeWiWYPrHOLX1UjT/flCvC9KUPzm/mFqdZUJVhAHRstw85gcFfdBXUCjDPzHxUaoOn8anUfkYZaIO3DTZ42EAtbV9NQq2gGUv4bwuOvyir7tQqDqBWhNkxc9d+q9HG6qCEvLaZ2QUet7EKaslWFLiucabUa2egIQEq4Uspsyz9/3ArWKDmVA6lhdTOF2/WO3UWmt8n2lk3uu/AzKMjn9CBF6oHQM3tGdRmRBV/qjrw8qrhWIO8ttCh+aNbktShMWL7ku5OaejBqcTU5Npj/RY0FdWMhUsCSeSDT0FTWwWKg5wXJd/aUgE5frVFSB+F5pgdZwE5yRdgqW7rUv9B2/kq9eaI/5BsIEdbCBjo1ZUGA8jNaq+X+SsiFTVeocELgNrukT/Ns/jofa5Gimloyp7krAmaQwbHB8WpH0jg4KjIkbjxwflo0tm19vsXH/TUVY88nREAAAAASUVORK5CYII=",alt:""}}),a("img",{staticClass:"bg",attrs:{src:e.image}}),a("div",{staticClass:"mask-bg"})])})),0):t._e()}),[],!1,null,"a917a1fd",null,null).exports,n={name:"images-waterfall",props:{loading:{type:Boolean,default:!1},data:{type:Array,default:function(){return[]}},page:{type:Number,default:1},totalPage:{type:Number,default:1}},mounted:function(){l(this.$refs.container,this.loadData)},methods:{loadData:function(){this.page<this.totalPage&&this.$emit("loadData",this.page+1)},onSelected:function(t){this.$emit("selected",t)}},components:{WaterfallItem:i}};t("W",e(n,(function(){var t=this,a=t._self._c;return a("div",{directives:[{name:"loading",rawName:"v-loading",value:t.loading,expression:"loading"}],ref:"container",staticClass:"waterfall-scrollbar"},[a("div",{staticClass:"waterfall"},t._l(t.data,(function(e,l){return a("WaterfallItem",{key:l,attrs:{data:e},on:{selected:t.onSelected}})})),1)])}),[],!1,null,"f95a02f1",null,null).exports)}}}));
