| 1 |
- System.register(["./index-legacy.88892f9c.js"],(function(t,e){"use strict";var a,l,i=document.createElement("style");return i.textContent=".waterfall-column-item[data-v-5d271924]{width:122px;margin-right:12px;flex-shrink:0}.waterfall-column-item[data-v-5d271924]:last-child{margin-right:0}.waterfall-column-item .waterfall-list-item[data-v-5d271924]{position:relative;margin-bottom:12px;cursor:pointer}.waterfall-column-item .waterfall-list-item .select[data-v-5d271924]{position:absolute;top:10px;left:10px;width:26px;height:26px;z-index:1;display:none}.waterfall-column-item .waterfall-list-item .bg[data-v-5d271924]{border-radius:8px}.waterfall-column-item .waterfall-list-item .mask-bg[data-v-5d271924]{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-5d271924],.waterfall-column-item .waterfall-list-item.selected .mask-bg[data-v-5d271924]{display:block}.waterfall-column-item .waterfall-list-item[data-v-5d271924]: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){a=t.n,l=t.p}],execute:function(){var e=[],i=a({name:"images-waterfall-item",props:{data:Array},data:function(){return{selected:[]}},methods:{isSelected:function(t){return-1!==this.selected.findIndex((function(e){return e.id===t}))},toggleSelect:function(t){var a=e.findIndex((function(e){return e.id===t.id}));-1===a?e.push(t):e.splice(a,1),this.selected=e,this.$emit("selected",e)}},watch:{data:function(){!function(t){throw new TypeError('"'+t+'" is read-only')}("selected"),this.selected=[]}}},(function(){var t=this,e=t._self._c;return t.data.length?e("div",{staticClass:"waterfall-column-item"},t._l(t.data,(function(a){return e("div",{key:a.id,class:["waterfall-list-item",t.isSelected(a.id)?"selected":""],on:{click:function(e){return t.toggleSelect(a)}}},[e("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.product?e("img",{staticClass:"bg",attrs:{src:a.product.image}}):e("img",{staticClass:"bg",attrs:{src:a.image}}),e("div",{staticClass:"mask-bg"})])})),0):t._e()}),[],!1,null,"5d271924",null,null).exports,r={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",a(r,(function(){var t=this,e=t._self._c;return e("div",{directives:[{name:"loading",rawName:"v-loading",value:t.loading,expression:"loading"}],ref:"container",staticClass:"waterfall-scrollbar"},[e("div",{staticClass:"waterfall"},t._l(t.data,(function(a,l){return e("WaterfallItem",{key:l,attrs:{data:a},on:{selected:t.onSelected}})})),1)])}),[],!1,null,"f95a02f1",null,null).exports)}}}));
|
