Calculate how much did you paid for PerfectWorldGame.
// ==UserScript==
// @name geezer-hmdyp
// @namespace aidacafe
// @version 1.1.1
// @author 1shin
// @description:zh-CN 算算你给完美爆了多少金币。
// @description:en-US Calculate how much did you paid for PerfectWorldGame.
// @license MIT License
// @icon https://api.iconify.design/cryptocurrency-color:btc.svg
// @match https://i.laohu.com/billing/chargeDetailRecord*
// @match https://id.wanmei.com/billing/chargeDetailRecord*
// @require https://registry.npmmirror.com/preact/10.19.3/files/dist/preact.min.js
// @require https://registry.npmmirror.com/write-excel-file/1.4.30/files/bundle/write-excel-file.min.js
// @grant GM_addStyle
// @contributionURL https://github.com/AidaCafe/geezer-hmdyp
// @description Calculate how much did you paid for PerfectWorldGame.
// ==/UserScript==
(t=>{if(typeof GM_addStyle=="function"){GM_addStyle(t);return}const e=document.createElement("style");e.textContent=t,document.head.append(e)})(' .calcBtnGroup{display:inline-flex;max-width:max-content;max-height:max-content;border:2px solid #ff6960;border-radius:8px}.calcBtnGroup button{border:none;padding:8px;color:#ff6960;background-color:transparent}.calcBtnGroup button svg{vertical-align:middle}.calcBtnGroup button:hover{background-color:#ff6960;color:#f0f8ff}.calcBtnGroup button:last-child{border-right:none}.calcBtnGroup button:not(:last-child){border-right:2px solid #ff6960}.reportTriggerBtn{display:relative;border:2px solid #ff6960;color:#ff6960;background-color:#fff;border-radius:8px;padding:8px}.reportTriggerBtn svg{vertical-align:middle}.reportPanel{display:flex;position:absolute;border-radius:12px;background-color:#fefefe;box-shadow:2px 2px 5px #bfbfbf;padding:42px 32px;right:3px;top:170px;flex-direction:row;max-height:max-content}.reportPanel_hide{display:none}.reportPanelData{flex-direction:row}.reportPanelStats{margin-left:20px;min-width:180px}.statsPanel{position:absolute;border-radius:8px;background-color:#fefefe;box-shadow:2px 2px 5px #bfbfbf;padding:12px 24px;bottom:16px;right:16px}.statsPanel li{line-height:1.6}.floatingButtons{position:absolute;max-width:max-content;top:16px;right:16px}.floatingButtons button{margin-left:8px;padding:8px;border:none;border-radius:8px;background-color:#fefefe;box-shadow:2px 2px 5px #bfbfbf}.reportTable{overflow:scroll;max-height:320px;max-width:455px;background-color:transparent}.reportTable th,.reportTable td{padding:2px 18px;border-top-width:0;border-left-width:0;white-space:nowrap}.reportTable td{border-bottom:1px solid #424242}.reportTable th:nth-last-child(1),.reportTable th:nth-last-child(2),.reportTable td:nth-last-child(1),.reportTable td:nth-last-child(2){text-align:center;padding:4px}.reportTable thead{position:sticky;top:0;background-color:#fefefea1;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 .5px 8px #bfbfbf}.dateTimeRange{display:flex;max-width:max-content;border:2px solid gray;border-radius:8px;padding:12px}.dateTimeRange input[type=datetime-local]{border:none;background-color:transparent}.dateTimeRange input[type=datetime-local]:first-child:after{content:"~";padding-left:12px;padding-right:12px}.hmdyp{display:inline-flex;flex-direction:row}.hmdyp>*{margin-left:8px} ');
(function (preact, writeXlsxFile) {
'use strict';
var f$1 = 0;
function u$1(e2, t2, n, o2, i2, u2) {
var a2, c2, p = {};
for (c2 in t2)
"ref" == c2 ? a2 = t2[c2] : p[c2] = t2[c2];
var l2 = { type: e2, props: p, key: n, ref: a2, __k: null, __: null, __b: 0, __e: null, __d: void 0, __c: null, constructor: void 0, __v: --f$1, __i: -1, __u: 0, __source: i2, __self: u2 };
if ("function" == typeof e2 && (a2 = e2.defaultProps))
for (c2 in a2)
void 0 === p[c2] && (p[c2] = a2[c2]);
return preact.options.vnode && preact.options.vnode(l2), l2;
}
function SvgSpinners180RingWithBg(props) {
return /* @__PURE__ */ u$1(
"svg",
{
xmlns: "http://www.w3.org/2000/svg",
width: "1em",
height: "1em",
viewBox: "0 0 24 24",
...props,
children: [
props.title && /* @__PURE__ */ u$1("title", { children: props.title }),
/* @__PURE__ */ u$1(
"path",
{
fill: "currentColor",
d: "M12,1A11,11,0,1,0,23,12,11,11,0,0,0,12,1Zm0,19a8,8,0,1,1,8-8A8,8,0,0,1,12,20Z",
opacity: ".25"
}
),
/* @__PURE__ */ u$1(
"path",
{
fill: "currentColor",
d: "M12,4a8,8,0,0,1,7.89,6.7A1.53,1.53,0,0,0,21.38,12h0a1.5,1.5,0,0,0,1.48-1.75,11,11,0,0,0-21.72,0A1.5,1.5,0,0,0,2.62,12h0a1.53,1.53,0,0,0,1.49-1.3A8,8,0,0,1,12,4Z",
children: /* @__PURE__ */ u$1(
"animateTransform",
{
attributeName: "transform",
dur: "0.75s",
repeatCount: "indefinite",
type: "rotate",
values: "0 12 12;360 12 12"
}
)
}
)
]
}
);
}
function CryptocurrencyColorBtc(props) {
return /* @__PURE__ */ u$1(
"svg",
{
xmlns: "http://www.w3.org/2000/svg",
width: "1em",
height: "1em",
viewBox: "0 0 32 32",
...props,
children: [
props.title && /* @__PURE__ */ u$1("title", { children: props.title }),
/* @__PURE__ */ u$1("g", { fill: "none", fillRule: "evenodd", children: [
/* @__PURE__ */ u$1("circle", { cx: "16", cy: "16", r: "16", fill: "#F7931A" }),
/* @__PURE__ */ u$1(
"path",
{
fill: "#FFF",
fillRule: "nonzero",
d: "M23.189 14.02c.314-2.096-1.283-3.223-3.465-3.975l.708-2.84l-1.728-.43l-.69 2.765c-.454-.114-.92-.22-1.385-.326l.695-2.783L15.596 6l-.708 2.839c-.376-.086-.746-.17-1.104-.26l.002-.009l-2.384-.595l-.46 1.846s1.283.294 1.256.312c.7.175.826.638.805 1.006l-.806 3.235c.048.012.11.03.18.057l-.183-.045l-1.13 4.532c-.086.212-.303.531-.793.41c.018.025-1.256-.313-1.256-.313l-.858 1.978l2.25.561c.418.105.828.215 1.231.318l-.715 2.872l1.727.43l.708-2.84c.472.127.93.245 1.378.357l-.706 2.828l1.728.43l.715-2.866c2.948.558 5.164.333 6.097-2.333c.752-2.146-.037-3.385-1.588-4.192c1.13-.26 1.98-1.003 2.207-2.538m-3.95 5.538c-.533 2.147-4.148.986-5.32.695l.95-3.805c1.172.293 4.929.872 4.37 3.11m.535-5.569c-.487 1.953-3.495.96-4.47.717l.86-3.45c.975.243 4.118.696 3.61 2.733"
}
)
] })
]
}
);
}
function RiLineChartLine(props) {
return /* @__PURE__ */ u$1(
"svg",
{
xmlns: "http://www.w3.org/2000/svg",
width: "1em",
height: "1em",
viewBox: "0 0 24 24",
...props,
children: [
props.title && /* @__PURE__ */ u$1("title", { children: props.title }),
/* @__PURE__ */ u$1(
"path",
{
fill: "currentColor",
d: "M5 3v16h16v2H3V3zm15.293 3.293l1.414 1.414L16 13.414l-3-2.999l-4.293 4.292l-1.414-1.414L13 7.586l3 2.999z"
}
)
]
}
);
}
function RiSettingsLine(props) {
return /* @__PURE__ */ u$1(
"svg",
{
xmlns: "http://www.w3.org/2000/svg",
width: "1em",
height: "1em",
viewBox: "0 0 24 24",
...props,
children: [
props.title && /* @__PURE__ */ u$1("title", { children: props.title }),
/* @__PURE__ */ u$1(
"path",
{
fill: "currentColor",
d: "m12 1l9.5 5.5v11L12 23l-9.5-5.5v-11zm0 2.311L4.5 7.653v8.694l7.5 4.342l7.5-4.342V7.653zM12 16a4 4 0 1 1 0-8a4 4 0 0 1 0 8m0-2a2 2 0 1 0 0-4a2 2 0 0 0 0 4"
}
)
]
}
);
}
function RiWechatPayFill(props) {
return /* @__PURE__ */ u$1(
"svg",
{
xmlns: "http://www.w3.org/2000/svg",
width: "1em",
height: "1em",
viewBox: "0 0 24 24",
...props,
children: [
props.title && /* @__PURE__ */ u$1("title", { children: props.title }),
/* @__PURE__ */ u$1(
"path",
{
fill: "#22ac38",
d: "M9.271 14.669a.661.661 0 0 1-.88-.269l-.043-.095l-1.818-3.998a.473.473 0 0 1 0-.146a.327.327 0 0 1 .335-.327a.305.305 0 0 1 .196.066l2.18 1.527a.988.988 0 0 0 .546.167a.894.894 0 0 0 .342-.066l10.047-4.5a10.73 10.73 0 0 0-8.171-3.526C6.479 3.502 2 7.232 2 11.87a7.83 7.83 0 0 0 3.46 6.296a.662.662 0 0 1 .24.727l-.45 1.701a.945.945 0 0 0-.051.24a.327.327 0 0 0 .334.334a.416.416 0 0 0 .19-.058l2.18-1.265c.16-.098.343-.151.53-.152c.1 0 .198.014.292.043c1.062.3 2.16.452 3.264.45c5.525 0 10.011-3.729 10.011-8.33a7.228 7.228 0 0 0-1.098-3.883L9.351 14.625z"
}
)
]
}
);
}
function RiAlipayFill(props) {
return /* @__PURE__ */ u$1(
"svg",
{
xmlns: "http://www.w3.org/2000/svg",
width: "1em",
height: "1em",
viewBox: "0 0 24 24",
...props,
children: [
props.title && /* @__PURE__ */ u$1("title", { children: props.title }),
/* @__PURE__ */ u$1(
"path",
{
fill: "#027aff",
d: "M21.422 15.358c-3.83-1.153-6.055-1.84-6.678-2.062a12.41 12.41 0 0 0 1.32-3.32H12.8V8.872h4v-.68h-4V6.344h-1.536c-.28 0-.312.248-.312.248v1.592H7.2v.68h3.752v1.104H7.88v.616h6.224a10.972 10.972 0 0 1-.888 2.176c-1.408-.464-2.192-.784-3.912-.944c-3.256-.312-4.008 1.48-4.128 2.576C5 16.064 6.48 17.424 8.688 17.424s3.68-1.024 5.08-2.72c1.167.558 3.338 1.525 6.514 2.902A9.99 9.99 0 0 1 12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10a9.983 9.983 0 0 1-.578 3.358m-12.99 1.01c-2.336 0-2.704-1.48-2.584-2.096c.12-.616.8-1.416 2.104-1.416c1.496 0 2.832.384 4.44 1.16c-1.136 1.48-2.52 2.352-3.96 2.352"
}
)
]
}
);
}
function RiCheckboxCircleFill(props) {
return /* @__PURE__ */ u$1(
"svg",
{
xmlns: "http://www.w3.org/2000/svg",
width: "1em",
height: "1em",
viewBox: "0 0 24 24",
...props,
children: [
props.title && /* @__PURE__ */ u$1("title", { children: props.title }),
/* @__PURE__ */ u$1(
"path",
{
fill: "#81c784",
d: "M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10s-4.477 10-10 10m-.997-6l7.07-7.071l-1.413-1.414l-5.657 5.657l-2.829-2.829l-1.414 1.414z"
}
)
]
}
);
}
function RiErrorWarningFill(props) {
return /* @__PURE__ */ u$1(
"svg",
{
xmlns: "http://www.w3.org/2000/svg",
width: "1em",
height: "1em",
viewBox: "0 0 24 24",
...props,
children: [
props.title && /* @__PURE__ */ u$1("title", { children: props.title }),
/* @__PURE__ */ u$1(
"path",
{
fill: "#e57373",
d: "M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10s-4.477 10-10 10m-1-7v2h2v-2zm0-8v6h2V7z"
}
)
]
}
);
}
function RiQuestionFill(props) {
return /* @__PURE__ */ u$1(
"svg",
{
xmlns: "http://www.w3.org/2000/svg",
width: "1em",
height: "1em",
viewBox: "0 0 24 24",
...props,
children: [
props.title && /* @__PURE__ */ u$1("title", { children: props.title }),
/* @__PURE__ */ u$1(
"path",
{
fill: "currentColor",
d: "M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10s-4.477 10-10 10m-1-7v2h2v-2zm2-1.645A3.502 3.502 0 0 0 12 6.5a3.501 3.501 0 0 0-3.433 2.813l1.962.393A1.5 1.5 0 1 1 12 11.5a1 1 0 0 0-1 1V14h2z"
}
)
]
}
);
}
function TablerTableDown(props) {
return /* @__PURE__ */ u$1(
"svg",
{
xmlns: "http://www.w3.org/2000/svg",
width: "1em",
height: "1em",
viewBox: "0 0 24 24",
...props,
children: [
props.title && /* @__PURE__ */ u$1("title", { children: props.title }),
/* @__PURE__ */ u$1(
"path",
{
fill: "none",
stroke: "currentColor",
"stroke-linecap": "round",
"stroke-linejoin": "round",
"stroke-width": "2",
d: "M12.5 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v7.5M3 10h18M10 3v18m9-5v6m3-3l-3 3l-3-3"
}
)
]
}
);
}
function RiRefreshLine(props) {
return /* @__PURE__ */ u$1(
"svg",
{
xmlns: "http://www.w3.org/2000/svg",
width: "1em",
height: "1em",
viewBox: "0 0 24 24",
...props,
children: [
props.title && /* @__PURE__ */ u$1("title", { children: props.title }),
/* @__PURE__ */ u$1(
"path",
{
fill: "currentColor",
d: "M5.463 4.433A9.961 9.961 0 0 1 12 2c5.523 0 10 4.477 10 10c0 2.136-.67 4.116-1.81 5.74L17 12h3A8 8 0 0 0 6.46 6.228zm13.074 15.134A9.961 9.961 0 0 1 12 22C6.477 22 2 17.523 2 12c0-2.136.67-4.116 1.81-5.74L7 12H4a8 8 0 0 0 13.54 5.772z"
}
)
]
}
);
}
function RiAppStoreLine(props) {
return /* @__PURE__ */ u$1(
"svg",
{
xmlns: "http://www.w3.org/2000/svg",
width: "1em",
height: "1em",
viewBox: "0 0 24 24",
...props,
children: /* @__PURE__ */ u$1(
"path",
{
fill: "currentColor",
d: "M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12S6.477 2 12 2m0 2a8 8 0 1 0 0 16a8 8 0 0 0 0-16M8.823 15.343l-.79 1.37a.823.823 0 1 1-1.428-.822l.589-1.016q.989-.307 1.629.468M13.21 8.66l2.423 4.194h2.141a.82.82 0 0 1 .823.822a.82.82 0 0 1-.823.823h-1.19l.803 1.391a.824.824 0 0 1-1.427.823l-3.04-5.266c-.69-1.19-.198-2.383.29-2.787m.278-3.044c.395.226.528.73.302 1.125l-3.528 6.109h2.553c.826 0 1.29.972.931 1.645h-7.48a.82.82 0 0 1-.822-.823a.82.82 0 0 1 .822-.822h2.097l2.685-4.653l-.838-1.456a.824.824 0 0 1 1.427-.823l.359.633l.367-.633a.823.823 0 0 1 1.125-.302"
}
)
}
);
}
const CalcButton = (props) => {
let childs = preact.toChildArray(props.children);
if (props.isLoading) {
if (childs.length > 0 && preact.isValidElement(childs[0])) {
childs = [/* @__PURE__ */ u$1(SvgSpinners180RingWithBg, {})];
} else {
childs.unshift(/* @__PURE__ */ u$1(SvgSpinners180RingWithBg, {}));
}
}
return /* @__PURE__ */ u$1("button", { type: props.type ?? "button", ...props, children: childs });
};
CalcButton.Group = (props) => {
return /* @__PURE__ */ u$1("div", { className: "calcBtnGroup", ...props });
};
const PaymentMethod = ({ method }) => {
switch (method) {
case "支付宝":
case "支付宝扫码":
return /* @__PURE__ */ u$1(RiAlipayFill, { title: "支付宝" });
case "微信":
case "微信扫码":
return /* @__PURE__ */ u$1(RiWechatPayFill, { title: "微信支付" });
case "苹果IAP":
return /* @__PURE__ */ u$1(RiAppStoreLine, { title: "苹果IAP" });
default:
return /* @__PURE__ */ u$1(RiQuestionFill, { title: method });
}
};
const ReportTable = (props) => {
var _a;
return /* @__PURE__ */ u$1("div", { className: "reportTable", children: /* @__PURE__ */ u$1("table", { children: [
/* @__PURE__ */ u$1("thead", { children: /* @__PURE__ */ u$1("tr", { children: [
/* @__PURE__ */ u$1("th", { children: "时间" }),
/* @__PURE__ */ u$1("th", { children: "游戏" }),
/* @__PURE__ */ u$1("th", { children: "订单号" }),
/* @__PURE__ */ u$1("th", { children: "价格" }),
/* @__PURE__ */ u$1("th", { children: "支付状态" })
] }) }),
/* @__PURE__ */ u$1("tbody", { children: (_a = props.data) == null ? void 0 : _a.map((charge) => /* @__PURE__ */ u$1("tr", { children: [
/* @__PURE__ */ u$1("td", { children: charge.time }),
/* @__PURE__ */ u$1("td", { children: charge.game }),
/* @__PURE__ */ u$1("td", { children: charge.orderId }),
/* @__PURE__ */ u$1("td", { children: charge.price }),
/* @__PURE__ */ u$1("td", { children: [
/* @__PURE__ */ u$1(PaymentMethod, { method: charge.paymentMethod }),
" ",
charge.status ? /* @__PURE__ */ u$1(RiCheckboxCircleFill, {}) : /* @__PURE__ */ u$1(RiErrorWarningFill, {})
] })
] }, charge.orderId)) })
] }) });
};
var t, r, u, i, o = 0, f = [], c = [], e = preact.options.__b, a = preact.options.__r, v = preact.options.diffed, l = preact.options.__c, m = preact.options.unmount;
function d(t2, u2) {
preact.options.__h && preact.options.__h(r, t2, o || u2), o = 0;
var i2 = r.__H || (r.__H = { __: [], __h: [] });
return t2 >= i2.__.length && i2.__.push({ __V: c }), i2.__[t2];
}
function h(n) {
return o = 1, s(B, n);
}
function s(n, u2, i2) {
var o2 = d(t++, 2);
if (o2.t = n, !o2.__c && (o2.__ = [i2 ? i2(u2) : B(void 0, u2), function(n2) {
var t2 = o2.__N ? o2.__N[0] : o2.__[0], r2 = o2.t(t2, n2);
t2 !== r2 && (o2.__N = [r2, o2.__[1]], o2.__c.setState({}));
}], o2.__c = r, !r.u)) {
var f2 = function(n2, t2, r2) {
if (!o2.__c.__H)
return true;
var u3 = o2.__c.__H.__.filter(function(n3) {
return n3.__c;
});
if (u3.every(function(n3) {
return !n3.__N;
}))
return !c2 || c2.call(this, n2, t2, r2);
var i3 = false;
return u3.forEach(function(n3) {
if (n3.__N) {
var t3 = n3.__[0];
n3.__ = n3.__N, n3.__N = void 0, t3 !== n3.__[0] && (i3 = true);
}
}), !(!i3 && o2.__c.props === n2) && (!c2 || c2.call(this, n2, t2, r2));
};
r.u = true;
var c2 = r.shouldComponentUpdate, e2 = r.componentWillUpdate;
r.componentWillUpdate = function(n2, t2, r2) {
if (this.__e) {
var u3 = c2;
c2 = void 0, f2(n2, t2, r2), c2 = u3;
}
e2 && e2.call(this, n2, t2, r2);
}, r.shouldComponentUpdate = f2;
}
return o2.__N || o2.__;
}
function b() {
for (var t2; t2 = f.shift(); )
if (t2.__P && t2.__H)
try {
t2.__H.__h.forEach(k), t2.__H.__h.forEach(w), t2.__H.__h = [];
} catch (r2) {
t2.__H.__h = [], preact.options.__e(r2, t2.__v);
}
}
preact.options.__b = function(n) {
r = null, e && e(n);
}, preact.options.__r = function(n) {
a && a(n), t = 0;
var i2 = (r = n.__c).__H;
i2 && (u === r ? (i2.__h = [], r.__h = [], i2.__.forEach(function(n2) {
n2.__N && (n2.__ = n2.__N), n2.__V = c, n2.__N = n2.i = void 0;
})) : (i2.__h.forEach(k), i2.__h.forEach(w), i2.__h = [], t = 0)), u = r;
}, preact.options.diffed = function(t2) {
v && v(t2);
var o2 = t2.__c;
o2 && o2.__H && (o2.__H.__h.length && (1 !== f.push(o2) && i === preact.options.requestAnimationFrame || ((i = preact.options.requestAnimationFrame) || j)(b)), o2.__H.__.forEach(function(n) {
n.i && (n.__H = n.i), n.__V !== c && (n.__ = n.__V), n.i = void 0, n.__V = c;
})), u = r = null;
}, preact.options.__c = function(t2, r2) {
r2.some(function(t3) {
try {
t3.__h.forEach(k), t3.__h = t3.__h.filter(function(n) {
return !n.__ || w(n);
});
} catch (u2) {
r2.some(function(n) {
n.__h && (n.__h = []);
}), r2 = [], preact.options.__e(u2, t3.__v);
}
}), l && l(t2, r2);
}, preact.options.unmount = function(t2) {
m && m(t2);
var r2, u2 = t2.__c;
u2 && u2.__H && (u2.__H.__.forEach(function(n) {
try {
k(n);
} catch (n2) {
r2 = n2;
}
}), u2.__H = void 0, r2 && preact.options.__e(r2, u2.__v));
};
var g = "function" == typeof requestAnimationFrame;
function j(n) {
var t2, r2 = function() {
clearTimeout(u2), g && cancelAnimationFrame(t2), setTimeout(n);
}, u2 = setTimeout(r2, 100);
g && (t2 = requestAnimationFrame(r2));
}
function k(n) {
var t2 = r, u2 = n.__c;
"function" == typeof u2 && (n.__c = void 0, u2()), r = t2;
}
function w(n) {
var t2 = r;
n.__c = n.__(), r = t2;
}
function B(n, t2) {
return "function" == typeof t2 ? t2(n) : t2;
}
const DateTimeRangePicker = (props) => {
const [timeStart, setTimeStart] = h(props.start ?? /* @__PURE__ */ new Date());
const [timeEnd, setTimeEnd] = h(props.end ?? /* @__PURE__ */ new Date());
return /* @__PURE__ */ u$1("div", { className: "dateTimeRange", children: [
/* @__PURE__ */ u$1(
"input",
{
type: "datetime-local",
max: props.end && (timeEnd < props.end ? timeEnd : props.end).toISOString().slice(0, -8),
value: timeStart.toISOString().slice(0, -8),
onChange: (e2) => setTimeStart(new Date(e2.target.value))
}
),
/* @__PURE__ */ u$1(
"input",
{
type: "datetime-local",
min: props.start && (timeStart > props.start ? timeStart : props.start).toISOString().slice(0, -8),
value: timeEnd.toISOString().slice(0, -8),
onChange: (e2) => setTimeEnd(new Date(e2.target.value))
}
)
] });
};
const ReportForm = (props) => {
var _a, _b;
const [isShow, setShowState] = h(false);
const handleXlsx = () => {
const schema = [
{
column: "时间",
type: String,
width: 16.8,
value: (c2) => c2.time
},
{
column: "游戏",
type: String,
width: 10,
value: (c2) => c2.game
},
{
column: "订单号",
type: Number,
width: 10,
value: (c2) => c2.orderId
},
{
column: "价格",
type: Number,
value: (c2) => c2.price
},
{
column: "支付方式",
type: String,
value: (c2) => c2.paymentMethod
},
{
column: "支付状态",
type: Boolean,
value: (c2) => c2.status
}
];
if (props.data) {
writeXlsxFile(props.data, { schema, fileName: `PW_ChargeAnalysis-${Date.now()}.xlsx` });
}
};
return /* @__PURE__ */ u$1(preact.Fragment, { children: [
/* @__PURE__ */ u$1(
"button",
{
title: "显示报表",
type: "button",
className: "reportTriggerBtn",
onClick: () => {
setShowState(!isShow);
},
children: /* @__PURE__ */ u$1(RiLineChartLine, {})
}
),
/* @__PURE__ */ u$1("div", { className: `reportPanel${isShow ? "" : "_hide"}`, children: [
/* @__PURE__ */ u$1("div", { className: "reportPanelData", children: [
/* @__PURE__ */ u$1(DateTimeRangePicker, { start: /* @__PURE__ */ new Date("2023-12-1") }),
/* @__PURE__ */ u$1(ReportTable, { data: props.data })
] }),
/* @__PURE__ */ u$1("div", { className: "reportPanelStats", children: /* @__PURE__ */ u$1("h1", { children: "Title" }) }),
/* @__PURE__ */ u$1("div", { className: "statsPanel", children: /* @__PURE__ */ u$1("ul", { children: [
/* @__PURE__ */ u$1("li", { children: [
/* @__PURE__ */ u$1("strong", { children: "总计: " }),
(_a = props.data) == null ? void 0 : _a.reduce((j2, k2) => j2 + k2.price, 0)
] }),
/* @__PURE__ */ u$1("li", { children: [
/* @__PURE__ */ u$1("strong", { children: "最贵一笔: " }),
(_b = props.data) == null ? void 0 : _b.reduce(
(max, item) => item.price > max ? item.price : max,
0
)
] })
] }) }),
/* @__PURE__ */ u$1("div", { className: "floatingButtons", children: [
/* @__PURE__ */ u$1("button", { type: "button", title: "刷新", children: /* @__PURE__ */ u$1(RiRefreshLine, {}) }),
/* @__PURE__ */ u$1("button", { type: "button", title: "下载表格", onClick: handleXlsx, children: /* @__PURE__ */ u$1(TablerTableDown, {}) }),
/* @__PURE__ */ u$1("button", { type: "button", title: "打开设置", children: /* @__PURE__ */ u$1(RiSettingsLine, {}) })
] })
] })
] });
};
function App() {
var _a, _b, _c;
const lastPage = parseInt(
(_c = (_b = (_a = document.querySelector(".fansPage.mt30")) == null ? void 0 : _a.lastChild) == null ? void 0 : _b.previousSibling) == null ? void 0 : _c.textContent
);
const [data, setData] = h([]);
const [loadingState, setLoadingState] = h(false);
const fetchChargeHist = async () => {
try {
const fetchPromises = Array.from({ length: lastPage }, async (_, i2) => {
const response = await fetch(
`https://${window.location.host}/billing/chargeDetailRecord/-1/-1/1/${i2 + 1}`,
{ credentials: "include" }
);
if (!response.ok) {
throw new Error(`请求数据出错: ${response.statusText}`);
}
const responseText = await response.text();
const doc = new DOMParser().parseFromString(responseText, "text/html");
const paidHistTable = Array.from(
doc.querySelectorAll(
"#mainWrap > div > div.fr.w705 > div.t.f12.mt30 > table > tbody tr"
)
);
let currentPrice = 0;
paidHistTable.forEach((row) => {
const [time, game, orderIdStr, priceStr, paymentMethod, statusText] = Array.from(row.querySelectorAll("td")).map(
(td) => {
var _a2;
return (_a2 = td.textContent) == null ? void 0 : _a2.trim();
}
);
const orderId = parseInt(orderIdStr);
const price = parseInt(priceStr.slice(1));
const status = statusText === "付款成功" ? true : false;
data.push({ time, game, orderId, price, paymentMethod, status });
currentPrice += price;
});
console.log(`第${i2 + 1}页 爆了 ${currentPrice} 金币`);
});
await Promise.all(fetchPromises);
} catch (error) {
console.error("请求数据出错:", error);
throw error;
}
};
return /* @__PURE__ */ u$1("div", { className: "hmdyp", children: [
/* @__PURE__ */ u$1(CalcButton.Group, { children: [
/* @__PURE__ */ u$1(
CalcButton,
{
title: "简单计算",
onClick: async () => {
if (data.length === 0) {
setLoadingState(true);
fetchChargeHist().then(() => console.log(data)).then(() => setLoadingState(false));
} else {
console.log(data);
}
},
isLoading: loadingState,
children: /* @__PURE__ */ u$1(CryptocurrencyColorBtc, {})
}
),
/* @__PURE__ */ u$1(CalcButton, { isLoading: loadingState, children: "金币爆几何？" })
] }),
data.length ? /* @__PURE__ */ u$1(ReportForm, { data }) : void 0
] });
}
const serPayBox = document.querySelector(".serPayBox.f12.cl");
const calcMain = document.createElement("div");
serPayBox == null ? void 0 : serPayBox.appendChild(calcMain);
preact.render(/* @__PURE__ */ u$1(App, {}), calcMain);
})(preact, writeXlsxFile);