模块管理

"use strict"; Object.defineProperty(exports, "__esModule", { value: true }); exports.ConfigView = void 0; const BaseView_1 = require("./BaseView"); class ConfigView extends BaseView_1.BaseView { render(data) { const container = data?.container; const configs = data?.configs || []; const moduleFolders = data?.moduleFolders || []; const currentModuleFolder = data?.currentModuleFolder; const moduleFolderFileTree = data?.moduleFolderFileTree || []; const moduleFolderLoading = data?.moduleFolderLoading || false; const gitBranches = data?.gitBranches || []; // 生成配置列表的 HTML const configsHtml = configs.map((config) => ` 🔧 ${config.name} local 📄 ${config.fileName} `).join(''); // 生成模块文件夹的 HTML const moduleFoldersHtml = moduleFolders.map((folder) => { const icon = '📁'; let category = folder.type === 'git' ? 'git' : 'local'; if (folder.uploaded) { category += '（已上传）'; } // 确保文件名被正确提取和转义 const fileName = folder.localPath.split('/').pop() || ''; const escapedFolderName = folder.name.replace(/'/g, '\\\''); return ` ${icon} ${folder.name} ${category} 📄 ${fileName} `; }).join(''); // 生成分支选择的 HTML const branchesHtml = gitBranches.length > 0 ? this.generateBranchesTreeHtml(gitBranches) : ''; return ` 模块管理 ${this.getBaseStylesAndScripts()} ${this.getRepoSelectScript()}

📋 配置文件管理

${configsHtml} ${moduleFoldersHtml}

模块	类别	文件/文件夹	操作

📚 模块云仓库

🔗 获取仓库

从仓库配置中选择 Git 仓库，随后可以选择分支并克隆到本地

${branchesHtml}

`; } generateBranchesTreeHtml(branches) { if (branches.length === 0) return ''; const branchTree = this.buildBranchTree(branches); let html = '

'; html += '

🌳 分支树

'; html += '

'; html += ''; html += ''; html += '

'; html += '

'; html += this.renderBranchTreeNodes(branchTree, 0); html += '

'; html += '

'; html += ''; html += ''; html += '

'; return html; } buildBranchTree(branches) { const root = []; branches.forEach(branch => { const parts = branch.name.split('/'); let currentLevel = root; for (let i = 0; i < parts.length; i++) { const part = parts[i]; const isLeaf = i === parts.length - 1; const fullName = parts.slice(0, i + 1).join('/'); let node = currentLevel.find(n => n.name === part); if (!node) { node = { name: part, fullName: fullName, isLeaf: isLeaf, children: [], level: i, expanded: true }; currentLevel.push(node); } if (isLeaf) { node.branch = branch; } currentLevel = node.children; } }); return root; } renderBranchTreeNodes(nodes, level) { let html = ''; nodes.forEach(node => { const indent = level * 20; const nodeId = node.fullName.replace(/[^a-zA-Z0-9-]/g, '-'); if (node.isLeaf) { html += '

'; html += ''; html += '🌿'; html += ''; html += node.name; html += (node.branch && node.branch.isCurrent ? ' ⭐' : ''); html += ''; html += '

'; } else { html += '

'; html += ''; html += (node.expanded ? '🪵' : '🪵'); html += ''; html += '🪵'; html += '' + node.name + ''; html += '

'; if (node.expanded && node.children && node.children.length > 0) { html += '

'; html += this.renderBranchTreeNodes(node.children, level + 1); html += '

'; } } }); return html; } } exports.ConfigView = ConfigView; //# sourceMappingURL=ConfigView.js.map