<\/div>\s+<\/div>)/igm
const query = (el, flag, pel = document) => flag ? [...pel.querySelectorAll(el)] : pel.querySelector(el)
const create = (el, pel) => {
const ele = document.createElement(el)
pel.appendChild(ele)
return ele
}
const getCartItem = (htmlStr) => {
let matchItem = null
let cart = ''
let cartHtml = ''
while (matchItem = cartItemReg.exec(htmlStr)) {
if (matchItem[1]) cart = matchItem[1]
cartHtml += matchItem[2]
}
cartWrapper.innerHTML = cartHtml
if(!cartHtml.length) return
const cartItemList = query('.cart_item', true, _scart)
cartItemList.forEach(item => item.classList.add('cart_item_add'))
const aList = query('a:not([href^=javascript])', true, _scart)
const removeList = query('.remove_link', true, _scart)
aList.forEach(item => (item.target = '_blank'))
removeList.forEach(item => {
const lineitem_gid = item.href.match(/javascript:removeFromCart\('(\d+)'\)/)
item.href = 'javascript:void(0);'
item.dataset.lineitem_gid = lineitem_gid[1]
})
_scart.onclick = async e => {
const reamoveA = e.target
const lineitem_gid = reamoveA.dataset.lineitem_gid
if (reamoveA.classList.contains('remove_link') && lineitem_gid) {
const res = await request({ url: 'https://store.steampowered.com/cart/', method: 'POST', body: `action=remove_line_item&sessionid=${sessionID}&lineitem_gid=${lineitem_gid}&cart=${cart}` })
const cartItem = reamoveA.parentElement.parentElement.parentElement
cartItem.className = 'cart_item cart_item_remove'
let time = setTimeout(() => {
clearTimeout(time)
cartItem.remove()
}, 300)
}
}
}
const request = async ({ url, method, body }) => {
loading.style.display = 'block'
const res = await fetch(url, {
method,
headers: {'Content-Type': 'application/x-www-form-urlencoded'},
body: body || null
})
const text = await res.text()
loading.style.display = 'none'
return text
}
const _scart = create('div', document.body)
_scart.id = 'mini_cart'
_scart.innerHTML = `
`
const cartWrapper = query('.cart_wrapper', false, _scart)
const toCart = query('.to_cart', false, _scart)
const toRemoveAll = query('.to_removeAll', false, _scart)
const toHide = query('.to_hide', false, _scart)
const loading = query('.mini_loading', false, _scart)
toHide.onclick = e => {
const flag = e.target.innerText === '隐藏'
_scart.classList.add(flag ? 'to_transform_hiden' : 'to_transform_show')
_scart.classList.remove(flag ? 'to_transform_show' : 'to_transform_hiden')
e.target.innerText = flag ? '显示' : '隐藏'
}
toRemoveAll.onclick = () => {
ShowConfirmDialog( '', '您确定要移除所有您购物车中的物品吗？', '是', '否').done( () => {
const date = new Date();
date.setTime(date.getTime() - 10 * 24 * 60 * 60 * 1000)
const expires = "expires=" + date.toUTCString()
document.cookie = 'shoppingCartGID=-1; ' + expires + '; path=/'
query('.cart_item', true, _scart).forEach(item => {
item.className = 'cart_item cart_item_remove'
})
let time = setTimeout(() => {
clearTimeout(time)
getCartItem('')
}, 300)
} );
}
toCart.onclick = () => window.open('https://store.steampowered.com/cart/')
// 初始化第一次购物车
request({ url: 'https://store.steampowered.com/cart/', method: 'GET' }).then(res => getCartItem(res))
if (location.pathname.startsWith('/wishlist/')) {
wishFun()
} else {
storeFun()
}
GM_addStyle(`.cart_item_remove{animation:removeitem .3s forwards;transform-origin:center;}.cart_item_add{animation:additem .3s forwards;transform-origin:center;}@keyframes additem{from{transform:scale(0);}to{transform:scale(1);}}@keyframes removeitem{to{transform:scale(0);}}.mini_ul .mini_loading{background-image:url(https://steamcommunity-a.akamaihd.net/public/images/login/throbber.gif);width:32px;height:32px;margin:0 auto 10px;display:none;}#mini_cart{border-radius:10px;position:fixed;width:300px;z-index:999;height:550px;right:0;bottom:0;background-color:rgba(0,0,0,.3);padding:0 15px 0 15px;box-sizing:border-box;transform:translateY(500px);}.mini_ul .cart_item{display:flex;margin-bottom:20px;}.mini_ul .cart_item_price_container{order:1;flex:1;}.mini_ul .original_price.price{text-decoration:line-through;}.mini_ul .cart_item_desc{margin:0 15px;flex:2;display:flex;width:70px;flex-direction:column;}.mini_ul .cart_item_desc a{width:100%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}.mini_ul .cart_item_desc br{display:none;}.mini_ul .cart_item_desc_ext{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;color:#ffcc6a;}.mini_ul .cart_item_img{flex-basis:120px;}.mini_ul .cart_wrapper{height:500px;overflow-y:auto;}.mini_ul .button_option{display:flex;justify-content:space-around;margin:10px 0;}.mini_ul .button_option > button{border:none;outline:none;background-image:linear-gradient( to right,#47bfff 5%,#1a44c2 60%);color:#A4D7F5;margin-bottom:10px;font-size:12px;border-radius:7px;padding:5px 8px;width:70px;cursor:pointer;}.to_transform_hiden{animation:hidenAn .5s forwards;}.to_transform_show{animation:showAn .5s forwards;}@keyframes hidenAn{from{transform:translateY(0);}to{transform:translateY(500px);}}@keyframes showAn{from{transform:translateY(500px);}to{transform:translateY(0px);}}}`)
})();