steam-family-bot-core/lib/render/components/graph.js

一个用于新版 Steam 家庭的库存监控 Bot 插件

"use strict";
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 piegraph_1 = require("./(chart)/piegraph");
const playtimeGraph_1 = require("./(chart)/playtimeGraph");
const game_1 = __importDefault(require("./game"));
const Player_1 = __importDefault(require("./Player"));
const useComputedData_1 = require("../useComputedData");
const echart_wordcloud_1 = __importDefault(require("./(chart)/echart-wordcloud"));
function Graph({ libs, players, libsPlaytime, family, bg, recentLibs, }) {
    const filteredPlayer = players;
    const { cntData, dicts, playtimeData, mappedRecentLibs } = (0, useComputedData_1.useComputedData)(libs, recentLibs, filteredPlayer, players, libsPlaytime);
    // get recent app detail
    return ((0, jsx_runtime_1.jsxs)("div", { className: 'relative z-10 overflow-hidden w-fit h-full ', id: 'data-graph', children: [(0, jsx_runtime_1.jsxs)("div", { className: 'bg-blend-darken dark bg-black/[.6] z-10 rounded-lg flex flex-col items-center justify-center mx-auto space-y-2 p-1 md:p-4 w-full h-full', children: [(0, jsx_runtime_1.jsxs)("div", { className: 'text-xl text-white  mx-auto', children: [' ', family.familyGroup.name] }), (0, jsx_runtime_1.jsx)("div", { className: 'grid grid-cols-2 sm:grid-cols-3 justify-evenly items-center w-full gap-1 mx-auto px-4 place-items-center', children: players.map((player) => ((0, jsx_runtime_1.jsx)(Player_1.default, { player: player }, player.steamid))) }), (0, jsx_runtime_1.jsx)(piegraph_1.Piegraph, { countData: cntData, style: { height: 400, width: 1000 } }), (0, jsx_runtime_1.jsx)(playtimeGraph_1.PlaytimeGraph, { playtime: playtimeData, players: players, style: { height: 400, width: 1000 } }), (0, jsx_runtime_1.jsx)(echart_wordcloud_1.default, { words: dicts, height: 800, width: 800, className: 'flex items-center' }), (0, jsx_runtime_1.jsx)("div", { className: 'grid grid-cols-3 md:grid-cols-5 lg:grid-cols-6 gap-2 md:gap-2 lg:gap-2 ', children: mappedRecentLibs.map((app) => ((0, jsx_runtime_1.jsx)(game_1.default, { game: app, players: players }, app.appId))) })] }), (0, jsx_runtime_1.jsx)("img", { src: bg, className: 'inset-0 absolute -z-10 object-cover h-full', loading: 'eager' })] }));
}
exports.default = Graph;
//# sourceMappingURL=graph.js.map