vue-pure-admin/dist/static/js/index-1ee8a450.js
2023-05-14 16:42:53 +08:00

2 lines
16 KiB
JavaScript

import{d as N,U as I,y as $,r as A,a5 as st,x as R,a6 as at,a7 as lt,u as v,f as b,k as S,F as ct,l as ut,i as u,a8 as dt,A as ft,a9 as j,a as tt,aa as mt,ab as ht,c as O,e as gt,w as p,h as D,g as y,ac as At,C as P,ad as pt}from"./index-5c8afed6.js";import{b as yt}from"./back_top-2769751c.js";function vt(t=6){return Number(Math.random().toString().substr(3,t)+Date.now()).toString(36)}const wt=["#409EFF","#67C23A","#E6A23C","#F56C6C","#909399"];function bt(t,e){return Math.floor(Math.random()*(e-t+1))+t}function _t(){return wt[bt(0,4)]}const zt="https://www.getphotoblanket.com",Et=({page:t=1,pageSize:e=20})=>{const r=`${zt}/products.json?page=${t}&limit=${e}`;return fetch(r).then(n=>n.json()).then(n=>n.products).then(n=>n.map(o=>({id:vt(),star:!1,price:o.variants[0].price,src:{original:o.images[0].src},backgroundColor:_t(),name:o.title})))},Ot="data:image/png;base64,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",St="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAABNBJREFUaEPtmV1oXEUUx//n3g1JRGqL9k1RsFq/6IMgSky8c2YTQyONiojWYumTQrWKSNH6oO1TS1EQFcTiQwsaK4qIbVdod+/M3Y0IteJDwVr1oVYFEfFFwUY2c2TCbrhZNptNduvuQgf2Ze85M+c359w5Z84l9PigHrcflwCqHrTWsoiUmLn8f3q1bR4wxggRlZxz00EQlCowf19smLYAxHF8NxFNA/gUgAKwGsApD5GC+eNiwLQL4GUi2gNgDIA31ENEKZhzIvK5h5mZmZkeHx//uV0wbQEwxpQADDPzgvny+fyNYRhO1MB42w9674RhWIqi6IdWYFoGMMbcBuA0ER1RSk3GcbyViB4HcBTAMWb+0RtYKpXWlMvlSSKaFBFdCTP/yIrIRxWY08uFaQfAswAeAPAaMx81xhwmojVpQ0TkSxH5QGt9tvp/kiQTzrlJAOsroeYfnXPOHQrD8JhS6qtmYFoGaGaRRjKFQuF6IhononsB+N9gSv4ggENKqYSIpN48cwCFQmF3EARPt2rMcvWZ+ao4ju/TWh+r6hpjRkVkYwXIh+d8qvEw/f39Hw4NDf1T/TMN8AqA/HKNWKk8EWmlVFjZvG0iUiSiIjO/W52zWCyuLZfLm4hoE4DxlHfmQi2bze6uBbih+tKt1LBm9Ky17wN4NAXgN29uiMi/HsS/2FrrA+n5isXi7bOzsx5mdyaTWT8yMvJ9XQC/K80YshIZv2uNAOrM+bWIHKjCWGuPi8g9zDzgZesC+LJgJcYtpeOc27MCAD/taWbeYIy5i4gKzjnvnW29BLCLmfcZY54H8GoQBONRFB3vGYByuXzt2NjYeWPMJwAeTGf8rg8hIvpTKXVlHMe3AogBnNFa+1prbnQ9gIi8rbXeHsfxE0T0DhE9qZSaP526HgDACDNPW2sPicjWvr6+VcPDw3/1jAd8vJ84ceKKTCbjj1NordelT7tu98BRZt5krd0sIlNEtFcp9VLPAIjIFq31lDHmLQBPBUGwIYqiBSV3xz1gjPFlRN3MXz0ujTHf+LKbmS+rTZZdC0BEJ5VSdxYKBR0EQYGIppRSW3oGAEA1++4F8KK/ySmljvQMQDX7Wmt9ZeqP0rqXr24NoZ+Y+TpjzDoiOuvvCszM9YrFbgV4nZmfi+N4JxHtJ6JnlFJv9hLAXPY1xuQAbASwlpnrNsY67oHKlXL+RgbgAjMP5nK5/oGBgd+DIPhNKeU7F3VHxwFq80Cl/fKYMeYRAIdFZL/W+oWeAQDwMDN/7PtLADzEHcx8qmcAUtn3FxFZrbW+vNFVteMhFMexj+/7faKqxP9okiRDzrkvALzHzL5NuejoOEDasiRJJqMo+sxau19EdgZB8FAURf4auTyARgrteJZuq9SbzxhzBsBNi2XfJcvpdhjZaI5GAEmSXOOcO09EsVIqu5QtHe/M1Rpord0hIm8A2MHM/h7QcHQjQMF/P3DOXZ3NZn/teoBKJr4AYLpSPviu4HfMfPNSxvvnCzzgnNvejFKrMmEYDi/S3LWVjx37mHlXM+vUhlAzOm2RISLnu9N+slwut2pwcHCCiCZExH+5mchmsyebWWgOwBgz3+lqRqldMszsd3zByOfzt4yOjn7b7Bod/8TUrKGLyV0CaHUHW9X/D9N93V6azvezAAAAAElFTkSuQmCC";function xt(t){return at()?(lt(t),!0):!1}const et=typeof window<"u";function It(t,e){function r(...n){t(()=>e.apply(this,n),{fn:e,thisArg:this,args:n})}return r}function Rt(t,e={}){let r,n;return s=>{const i=v(t),a=v(e.maxWait);if(r&&clearTimeout(r),i<=0||a!==void 0&&a<=0)return n&&(clearTimeout(n),n=null),s();a&&!n&&(n=setTimeout(()=>{r&&clearTimeout(r),n=null,s()},a)),r=setTimeout(()=>{n&&clearTimeout(n),n=null,s()},i)}}function Ft(t,e=200,r={}){return It(Rt(e,r),t)}function Nt(t){var e;const r=v(t);return(e=r==null?void 0:r.$el)!=null?e:r}const Ct=et?window:void 0,M=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{},B="__vueuse_ssr_handlers__";M[B]=M[B]||{};var T=Object.getOwnPropertySymbols,jt=Object.prototype.hasOwnProperty,Dt=Object.prototype.propertyIsEnumerable,Pt=(t,e)=>{var r={};for(var n in t)jt.call(t,n)&&e.indexOf(n)<0&&(r[n]=t[n]);if(t!=null&&T)for(var n of T(t))e.indexOf(n)<0&&Dt.call(t,n)&&(r[n]=t[n]);return r};function Mt(t,e,r={}){const n=r,{window:o=Ct}=n,s=Pt(n,["window"]);let i;const a=o&&"ResizeObserver"in o,l=()=>{i&&(i.disconnect(),i=void 0)},c=$(()=>Nt(t),d=>{l(),a&&o&&d&&(i=new ResizeObserver(e),i.observe(d,s))},{immediate:!0,flush:"post"}),f=()=>{l(),c()};return xt(f),{isSupported:a,stop:f}}var k,K;et&&(window!=null&&window.navigator)&&((k=window==null?void 0:window.navigator)!=null&&k.platform)&&/iP(ad|hone|od)/.test((K=window==null?void 0:window.navigator)==null?void 0:K.platform);const Bt=({breakpoints:t,wrapperWidth:e,gutter:r,hasAroundGutter:n,initWidth:o})=>{const s=Object.keys(t).map(c=>Number(c)).sort((c,f)=>c-f);let i=e,a=!1;for(const c of s)if(e<=c){i=c,a=!0;break}if(!a)return o;const l=t[i].rowPerView;return n?(e-r)/l-r:(e-(l-1)*r)/l};function Tt(t){const e=A(0),r=A(null);Mt(r,i=>{const a=i[0],{width:l}=a.contentRect;e.value=l});const n=R(()=>Bt({wrapperWidth:e.value,breakpoints:t.breakpoints,gutter:t.gutter,hasAroundGutter:t.hasAroundGutter,initWidth:t.width})),o=R(()=>{const i=t.hasAroundGutter?-t.gutter:t.gutter;return Math.floor((e.value+i)/(n.value+t.gutter))}),s=R(()=>{const i=t.hasAroundGutter?t.gutter:-t.gutter,a=o.value*(n.value+t.gutter)+i;return(e.value-a)/2});return{waterfallWrapper:r,wrapperWidth:e,colWidth:n,cols:o,offsetX:s}}function nt(t,e){return new RegExp(`(^|\\s)${e}(\\s|$)`).test(t.className)}function L(t,e){if(nt(t,e))return;const r=t.className.split(/\s+/);r.push(e),t.className=r.join(" ")}const kt=document.createElement("div").style,F=(()=>{const t={webkit:"webkitTransform",Moz:"MozTransform",O:"OTransform",ms:"msTransform",standard:"transform"};for(const e in t){const r=t[e];if(kt[r]!==void 0)return e}return!1})();function z(t){return F===!1?!1:F==="standard"?t:F+t.charAt(0).toUpperCase()+t.substr(1)}const U=z("transform"),Q=z("animation-duration"),Y=z("animation-delay"),H=z("transition"),W=z("animation-fill-mode");function Kt(t,e,r,n,o){const s=A([]),i=A(0),a=d=>{const m=t.hasAroundGutter?d+1:d;return t.gutter*m+e.value*d+n.value},l=()=>{s.value=new Array(r.value).fill(t.hasAroundGutter?t.gutter:0)},c=Lt(t);return{wrapperHeight:i,layoutHandle:async()=>{l();const d=[];if(o&&o.value&&o.value.childNodes.forEach(m=>{m.className==="waterfall-item"&&d.push(m)}),d.length===0)return!1;for(let m=0;m<d.length;m++){const h=d[m],g=Math.min.apply(null,s.value),E=s.value.indexOf(g),x=a(E),w=h.style;U&&(w[U]=`translate3d(${x}px,${g}px, 0)`),w.width=`${e.value}px`;const{height:it}=h.getBoundingClientRect();s.value[E]+=it+t.gutter,c(h,()=>{H&&(w[H]="transform .3s")})}i.value=Math.max.apply(null,s.value)}}}function Lt(t){return(e,r)=>{const n=e.firstChild;if(n&&!nt(n,t.animationPrefix)){const o=`${t.animationDuration/1e3}s`,s=`${t.animationDelay/1e3}s`,i=n.style;i.visibility="visible",Q&&(i[Q]=o),Y&&(i[Y]=s),W&&(i[W]="both"),L(n,t.animationPrefix),L(n,t.animationEffect),r&&setTimeout(()=>{r()},t.animationDuration+t.animationDelay)}}}const Ut=typeof window<"u"&&window!==null,G=Ht(),Qt=Object.prototype.propertyIsEnumerable,V=Object.getOwnPropertySymbols;function Yt(t,...e){return e.map(n=>n.replace(/\[(\w+)\]/g,".$1").split(".").reduce((o,s)=>o&&o[s],t))}function Ht(){return Ut&&"IntersectionObserver"in window&&"IntersectionObserverEntry"in window&&"intersectionRatio"in window.IntersectionObserverEntry.prototype?("isIntersecting"in window.IntersectionObserverEntry.prototype||Object.defineProperty(window.IntersectionObserverEntry.prototype,"isIntersecting",{get(){return this.intersectionRatio>0}}),!0):!1}function _(t){return typeof t=="function"||toString.call(t)==="[object Object]"}function Wt(t){return typeof t=="object"?t===null:typeof t!="function"}function Gt(t){return t!=="__proto__"&&t!=="constructor"&&t!=="prototype"}function Vt(t,...e){if(!_(t))throw new TypeError("expected the first argument to be an object");if(e.length===0||typeof Symbol!="function"||typeof V!="function")return t;for(const r of e){const n=V(r);for(const o of n)Qt.call(r,o)&&(t[o]=r[o])}return t}function rt(t,...e){let r=0;for(Wt(t)&&(t=e[r++]),t||(t={});r<e.length;r++)if(_(e[r])){for(const n of Object.keys(e[r]))Gt(n)&&(_(t[n])&&_(e[r][n])?rt(t[n],e[r][n]):t[n]=e[r][n]);Vt(t,e[r])}return t}function Z(t,e){return new Promise((r,n)=>{const o=new Image;o.onload=()=>{r(o)},o.onerror=()=>{n(new Error("Image load error"))},e&&(o.crossOrigin="Anonymous"),o.src=t})}const Zt={rootMargin:"0px",threshold:0},X="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7",Xt="";class Jt{constructor(e=!0,r,n=!0){this.lazyActive=!0,this.crossOrigin=!0,this.options={loading:X,error:Xt,observerOptions:Zt,log:!0},this._images=new WeakMap,this.lazyActive=e,this.crossOrigin=n,this.config(r)}config(e={}){rt(this.options,e)}mount(e,r,n){const{src:o,loading:s,error:i}=this._valueFormatter(r);e.setAttribute("lazy","loading"),e.setAttribute("src",s||X),this.lazyActive?(G||(this._setImageSrc(e,o,n,i),this._log(()=>{throw new Error("Not support IntersectionObserver!")})),this._initIntersectionObserver(e,o,n,i)):this._setImageSrc(e,o,n,i)}resize(e,r){const n=e.getAttribute("lazy"),o=e.getAttribute("src");n&&n==="loaded"&&o&&Z(o,this.crossOrigin).then(s=>{const{width:i,height:a}=s,l=e.width/i*a;e.height=l;const c=e.style;c.height=`${l}px`,r()})}unmount(e){const r=this._realObserver(e);r&&r.unobserve(e),this._images.delete(e)}_setImageSrc(e,r,n,o){!r||e.getAttribute("src")===r||Z(r,this.crossOrigin).then(i=>{const{width:a,height:l}=i,c=l/a,f=e.parentNode.parentNode;f.style.paddingBottom=`${c*100}%`,e.setAttribute("lazy","loaded"),e.removeAttribute("src"),e.setAttribute("src",r),n()}).catch(()=>{const i=this._realObserver(e);i&&i.disconnect(),o&&(e.setAttribute("lazy","error"),e.setAttribute("src",o)),this._log(()=>{throw new Error(`Image failed to load!And failed src was: ${r} `)}),n()})}_isOpenLazy(){return G&&this.lazyActive}_initIntersectionObserver(e,r,n,o){const s=this.options.observerOptions;this._images.set(e,new IntersectionObserver(a=>{Array.prototype.forEach.call(a,l=>{if(l.isIntersecting){const c=this._realObserver(e);c&&c.unobserve(l.target),this._setImageSrc(e,r,n,o)}})},s));const i=this._realObserver(e);i&&i.observe(e)}_valueFormatter(e){let r=e,n=this.options.loading,o=this.options.error;return _(e)&&(r=e.src,n=e.loading||this.options.loading,o=e.error||this.options.error),{src:r,loading:n,error:o}}_log(e){this.options.log&&e()}_realObserver(e){return this._images.get(e)}}var ot=(t,e)=>{const r=t.__vccOpts||t;for(const[n,o]of e)r[n]=o;return r};const C=N({props:{list:{type:Array,default:()=>[]},rowKey:{type:String,default:"id"},imgSelector:{type:String,default:"src"},width:{type:Number,default:200},breakpoints:{type:Object,default:()=>({1200:{rowPerView:3},800:{rowPerView:2},500:{rowPerView:1}})},gutter:{type:Number,default:10},hasAroundGutter:{type:Boolean,default:!0},animationPrefix:{type:String,default:"animate__animated"},animationEffect:{type:String,default:"fadeIn"},animationDuration:{type:Number,default:1e3},animationDelay:{type:Number,default:300},backgroundColor:{type:String,default:"#fff"},lazyload:{type:Boolean,default:!0},loadProps:{type:Object,default:()=>{}},crossOrigin:{type:Boolean,default:!0},delay:{type:Number,default:300}},setup(t){const e=new Jt(t.lazyload,t.loadProps,t.crossOrigin);I("lazy",e);const{waterfallWrapper:r,wrapperWidth:n,colWidth:o,cols:s,offsetX:i}=Tt(t),{wrapperHeight:a,layoutHandle:l}=Kt(t,o,s,i,r),c=Ft(()=>{l()},t.delay);$(()=>[n,o,t.list],()=>{c()},{deep:!0});const f=A(0);return I("sizeChangeTime",f),I("imgLoaded",c),{waterfallWrapper:r,wrapperHeight:a,getRenderURL:h=>Yt(h,t.imgSelector)[0],getKey:(h,g)=>h[t.rowKey]||g}}}),J=()=>{st(t=>({e0bdcc92:t.backgroundColor}))},q=C.setup;C.setup=q?(t,e)=>(J(),q(t,e)):J;const qt=C,$t={class:"waterfall-card"};function te(t,e,r,n,o,s){return b(),S("div",{ref:"waterfallWrapper",class:"waterfall-list",style:ft({height:`${t.wrapperHeight}px`})},[(b(!0),S(ct,null,ut(t.list,(i,a)=>(b(),S("div",{key:t.getKey(i,a),class:"waterfall-item"},[u("div",$t,[dt(t.$slots,"item",{item:i,index:a,url:t.getRenderURL(i)},void 0,!0)])]))),128))],4)}var ee=ot(qt,[["render",te],["__scopeId","data-v-585fbbe9"]]);const ne=N({props:{url:{type:String,default:""}},setup(t){const e=j("imgLoaded"),r=j("lazy"),n=A(null);tt(()=>{o()}),mt(()=>{s()});function o(){n.value&&r.mount(n.value,t.url,()=>{e()})}function s(){n.value&&r.unmount(n.value)}return{lazyRef:n}}}),re={class:"lazy__box"},oe={class:"lazy__resource"},ie={ref:"lazyRef",class:"lazy__img"};function se(t,e,r,n,o,s){return b(),S("div",re,[u("div",oe,[u("img",ie,null,512)])])}var ae=ot(ne,[["render",se],["__scopeId","data-v-5a384790"]]);const le={class:"card-header"},ce={class:"font-medium"},ue=["onClick"],de={class:"overflow-hidden"},fe={class:"px-4 pt-2 pb-4 border-t border-t-gray-800"},me={class:"pb-4 text-gray-50 group-hover:text-yellow-300"},he={class:"pt-3 flex justify-between items-center border-t border-t-gray-600 border-opacity-50"},ge={class:"text-gray-50"},Ae=["onClick"],ve=N({__name:"index",setup(t){const e=ht({rowKey:"id",gutter:10,hasAroundGutter:!0,width:320,breakpoints:{1200:{rowPerView:4},800:{rowPerView:3},500:{rowPerView:2}},animationEffect:"animate__fadeInUp",animationDuration:1e3,animationDelay:300,imgSelector:"src.original",loadProps:{loading:St,error:Ot},lazyload:!0}),r=A(1),n=A([]),o=A();function s(){Et({page:r.value,pageSize:o.value}).then(l=>{n.value.push(...l),r.value+=1})}function i(l,c){n.value.splice(c,1)}function a(l){}return tt(()=>{s()}),(l,c)=>{const f=O("el-link"),d=O("el-backtop"),m=O("el-scrollbar"),h=O("el-card");return b(),gt(h,{shadow:"never",class:"!h-[85vh]"},{header:p(()=>[u("div",le,[u("span",ce,[D(" 瀑布流组件,采用开源的 "),y(f,{href:"https://github.com/heikaimu/vue3-waterfall-plugin",target:"_blank",style:{margin:"0 4px 5px","font-size":"16px"}},{default:p(()=>[D(" vue-waterfall-plugin-next ")]),_:1})])])]),default:p(()=>[y(m,{height:"78vh",class:"content"},{default:p(()=>[y(v(ee),At({list:n.value},e),{item:p(({item:g,url:E,index:x})=>[u("div",{class:"bg-gray-900 rounded-lg shadow-md overflow-hidden transition-all duration-300 ease-linear hover:shadow-lg hover:shadow-gray-600 group",onClick:w=>void 0},[u("div",de,[y(v(ae),{url:E,class:"cursor-pointer transition-all duration-300 ease-linear group-hover:scale-105"},null,8,["url"])]),u("div",fe,[u("h4",me,P(g.name),1),u("div",he,[u("div",ge,"$ "+P(g.price),1),u("div",null,[u("button",{class:"px-3 h-7 rounded-full bg-red-500 text-sm text-white shadow-lg transition-all duration-300 hover:bg-red-600",onClick:pt(w=>i(g,x),["stop"])}," 删除 ",8,Ae)])])])],8,ue)]),_:1},16,["list"]),u("div",{class:"flex justify-center py-10"},[u("button",{class:"px-5 py-2 rounded-full bg-gray-700 text-md text-white cursor-pointer hover:bg-gray-800 transition-all duration-300",onClick:s}," 加载更多 ")]),y(d,{title:"回到顶部",right:35,"visibility-height":400,target:".content .el-scrollbar__wrap"},{default:p(()=>[y(v(yt))]),_:1})]),_:1})]),_:1})}}});export{ve as default};