mp-lens
Version:
微信小程序分析工具 (Unused Code, Dependencies, Visualization)
13 lines • 2.43 kB
JavaScript
;
var __importDefault = (this && this.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.Header = Header;
const jsx_runtime_1 = require("preact/jsx-runtime");
const dependency_tree_processor_1 = require("../utils/dependency-tree-processor");
const Header_module_css_1 = __importDefault(require("./Header.module.css"));
function Header({ title, totalFiles, totalSize, unusedFileCount, onTreeModeClick, onUnusedFilesClick, }) {
return ((0, jsx_runtime_1.jsxs)("header", { className: Header_module_css_1.default.header, children: [(0, jsx_runtime_1.jsx)("h1", { children: title || '依赖可视化' }), (0, jsx_runtime_1.jsxs)("div", { className: Header_module_css_1.default.overviewStats, children: [(0, jsx_runtime_1.jsxs)("div", { className: `${Header_module_css_1.default.statItem} ${Header_module_css_1.default.clickable}`, title: "\u8FD4\u56DE\u6587\u4EF6\u6811\u89C6\u56FE", onClick: onTreeModeClick, children: [(0, jsx_runtime_1.jsx)("span", { className: Header_module_css_1.default.statLabel, children: "\u603B\u6587\u4EF6\u6570:" }), (0, jsx_runtime_1.jsx)("span", { className: Header_module_css_1.default.statValue, children: totalFiles }), (0, jsx_runtime_1.jsx)("span", { className: Header_module_css_1.default.statIndicator, children: "\u203A" })] }), (0, jsx_runtime_1.jsxs)("div", { className: Header_module_css_1.default.statItem, children: [(0, jsx_runtime_1.jsx)("span", { className: Header_module_css_1.default.statLabel, children: "\u603B\u4EE3\u7801\u91CF:" }), (0, jsx_runtime_1.jsx)("span", { className: Header_module_css_1.default.statValue, children: (0, dependency_tree_processor_1.formatBytes)(totalSize) })] }), (0, jsx_runtime_1.jsxs)("div", { className: `${Header_module_css_1.default.statItem} ${Header_module_css_1.default.clickable}`, title: "\u70B9\u51FB\u67E5\u770B\u672A\u4F7F\u7528\u7684\u6587\u4EF6\u5217\u8868", onClick: onUnusedFilesClick, children: [(0, jsx_runtime_1.jsx)("span", { className: Header_module_css_1.default.statLabel, children: "\u672A\u4F7F\u7528\u6587\u4EF6:" }), (0, jsx_runtime_1.jsx)("span", { className: Header_module_css_1.default.statValue, children: unusedFileCount }), (0, jsx_runtime_1.jsx)("span", { className: Header_module_css_1.default.statIndicator, children: "\u203A" })] })] })] }));
}
//# sourceMappingURL=Header.js.map