koishi-plugin-beatsaber-bot/lib/service/img-render/result/ss-player.js

一个 用于 BeatSaber 的 koishi Bot 插件

"use strict";
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
    if (k2 === undefined) k2 = k;
    var desc = Object.getOwnPropertyDescriptor(m, k);
    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
      desc = { enumerable: true, get: function() { return m[k]; } };
    }
    Object.defineProperty(o, k2, desc);
}) : (function(o, m, k, k2) {
    if (k2 === undefined) k2 = k;
    o[k2] = m[k];
}));
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
    Object.defineProperty(o, "default", { enumerable: true, value: v });
}) : function(o, v) {
    o["default"] = v;
});
var __importStar = (this && this.__importStar) || function (mod) {
    if (mod && mod.__esModule) return mod;
    var result = {};
    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
    __setModuleDefault(result, mod);
    return result;
};
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
const jsx_runtime_1 = require("react/jsx-runtime");
/** @jsxImportSource react */
const flag_1 = __importStar(require("../components/flag"));
const tw_join_1 = require("../utils/tw-join");
const ssScoreItem_1 = __importDefault(require("../components/ssScoreItem"));
function SSPlayerPage({ leaderItems, scoreUser, params }) {
    const bg = "https://www.loliapi.com/acg/pc/";
    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col justify-center items-center relative h-[720px] w-[1024px] my-auto", id: "render-result", children: [(0, jsx_runtime_1.jsxs)("div", { className: "bg-blend-darken h-full w-full left-auto absolute right-auto bg-black/[.6] p-4 text-white rounded-lg flex flex-col space-y-2 z-10", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex space-x-4 pb-2", children: [(0, jsx_runtime_1.jsx)("img", { className: "h-32 w-32 rounded-md", src: scoreUser.profilePicture, loading: 'eager' }), (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col justify-between", children: [(0, jsx_runtime_1.jsx)("span", { className: "text-3xl font-bold", children: scoreUser.name }), (0, jsx_runtime_1.jsxs)("div", { className: "flex space-x-2 text-md font-bold items-center", children: [(0, jsx_runtime_1.jsxs)("span", { className: "flex items-center space-x-1", children: [(0, jsx_runtime_1.jsx)(flag_1.EarchIcon, {}), (0, jsx_runtime_1.jsxs)("span", { children: ["# ", scoreUser.rank] })] }), (0, jsx_runtime_1.jsxs)("span", { className: "flex items-center space-x-1", children: [(0, jsx_runtime_1.jsx)(flag_1.default, { flagNationCode: scoreUser.country }), (0, jsx_runtime_1.jsxs)("span", { children: ["# ", scoreUser.countryRank] })] })] }), (0, jsx_runtime_1.jsxs)("div", { className: (0, tw_join_1.twJoin)("text-4xl font-bold ", " bg-gradient-to-r bg-clip-text text-transparent from-blue-300 to-red-300", "text-orange-100"), children: [scoreUser.pp.toFixed(3), " PP"] })] }), (0, jsx_runtime_1.jsx)("div", { className: "text-4xl pl-40 items-center flex text-gray-100 opacity-70", children: (0, jsx_runtime_1.jsx)("span", { children: "coming soon \uD83D\uDC77" }) })] }), (0, jsx_runtime_1.jsx)("div", { className: "grid grid-cols-4 gap-2", children: leaderItems.map(((item, idx) => ((0, jsx_runtime_1.jsx)(ssScoreItem_1.default, { scoreItem: item }, idx)))) })] }), (0, jsx_runtime_1.jsx)("img", { src: bg, className: 'inset-0 rounded-lg absolute h-full object-cover', loading: 'eager' })] }) }));
}
exports.default = SSPlayerPage;