-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 登录
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/capi-ui/src/views/sys/Dashboard.vue b/capi-ui/src/views/sys/Dashboard.vue
new file mode 100644
index 0000000..4faf2e6
--- /dev/null
+++ b/capi-ui/src/views/sys/Dashboard.vue
@@ -0,0 +1,757 @@
+
+
+ 
+
+
+
+ cApi管理系统
+安全、高效的一站式管理解决方案，为您的业务保驾护航
+
+
+
+
+
+ API管理
+ 数据管理
+ 系统管理
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/capi-ui/src/views/sys/main.vue b/capi-ui/src/views/sys/main.vue
new file mode 100644
index 0000000..1c1e7f1
--- /dev/null
+++ b/capi-ui/src/views/sys/main.vue
@@ -0,0 +1,9 @@
+
+ sddddddddddddd
+
+
+
+
+
\ No newline at end of file
diff --git a/capi-ui/vite.config.js b/capi-ui/vite.config.js
index 315212d..5319f1d 100644
--- a/capi-ui/vite.config.js
+++ b/capi-ui/vite.config.js
@@ -1,7 +1,44 @@
-import { defineConfig } from 'vite'
+import { defineConfig, loadEnv } from 'vite'
import vue from '@vitejs/plugin-vue'
+import Icons from 'unplugin-icons/vite' // 图标插件
+import IconsResolver from 'unplugin-icons/resolver' // 图标解析器
+import Components from 'unplugin-vue-components/vite' // 组件自动导入
+import { fileURLToPath, URL } from 'node:url'
+import { resolve, dirname } from 'node:path'
-// https://vitejs.dev/config/
-export default defineConfig({
- plugins: [vue()]
-})
+export default ({ mode }) => {
+ const env = loadEnv(mode, process.cwd())
+
+ const isProduction = mode === 'production'
+
+ return defineConfig({
+ base: isProduction ? '/cApi/' : '/',
+ plugins: [
+ vue(),
+ Components({
+ resolvers: [
+ // 自动解析图标组件（前缀为Icon，如
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
是否确认退出系统？
+ +
+ 取消
+
+ 确定
+
+
+ ${session.name}
-
-
-
-
- `;
-
- tabsContainer.appendChild(tab);
- }
-
- createTerminalForSession(session) {
- const contentContainer = document.getElementById('terminalContent');
-
- const sessionDiv = document.createElement('div');
- sessionDiv.className = 'terminal-session';
- sessionDiv.id = `session_${session.id}`;
-
- sessionDiv.innerHTML = `
-
-
-
-
- 🔴 未连接
-
-
-
-
-
-
-
-
-
- `;
-
- contentContainer.appendChild(sessionDiv);
-
- // 初始化终端
- session.terminal.open(document.getElementById(`terminal_${session.id}`));
- session.fitAddon.fit();
- }
-
- switchToSession(sessionId) {
- // 更新标签状态
- document.querySelectorAll('.terminal-tab').forEach(tab => {
- tab.classList.remove('active');
- });
- document.getElementById(`tab_${sessionId}`).classList.add('active');
-
- // 更新内容显示
- document.querySelectorAll('.terminal-session').forEach(session => {
- session.classList.remove('active');
- });
- document.getElementById(`session_${sessionId}`).classList.add('active');
-
- this.activeSessionId = sessionId;
-
- // 调整终端大小
- const session = this.sessions.get(sessionId);
- if (session && session.fitAddon) {
- setTimeout(() => session.fitAddon.fit(), 100);
- }
-
- // 显示终端容器
- document.getElementById('terminalContainer').classList.remove('hidden');
-
- this.updateStatusBar();
- }
-
- updateStatusBar() {
- const session = this.sessions.get(this.activeSessionId);
- if (session && session.terminal) {
- const size = session.terminal.buffer.active;
- document.getElementById('terminalStats').textContent =
- `行: ${size.baseY + size.cursorY + 1}, 列: ${size.cursorX + 1}`;
- }
- }
-
- closeSession(sessionId) {
- const session = this.sessions.get(sessionId);
- if (!session) return;
-
- if (this.sessions.size === 1) {
- // 如果是最后一个会话，隐藏终端容器
- document.getElementById('terminalContainer').classList.add('hidden');
- }
-
- // 断开连接
- if (session.websocket) {
- session.websocket.close();
- }
-
- // 清理DOM元素
- const tab = document.getElementById(`tab_${sessionId}`);
- const sessionDiv = document.getElementById(`session_${sessionId}`);
- if (tab) tab.remove();
- if (sessionDiv) sessionDiv.remove();
-
- // 从sessions中删除
- this.sessions.delete(sessionId);
-
- // 如果关闭的是当前激活会话，切换到其他会话
- if (sessionId === this.activeSessionId) {
- const remainingSessions = Array.from(this.sessions.keys());
- if (remainingSessions.length > 0) {
- this.switchToSession(remainingSessions[0]);
- } else {
- this.activeSessionId = null;
- }
- }
-
- this.showAlert('会话已关闭', 'info');
- }
-
- duplicateSession(sessionId) {
- const originalSession = this.sessions.get(sessionId);
- if (!originalSession) return;
-
- // 创建新会话，使用相同的连接参数
- const newSession = this.createSession(
- originalSession.host,
- originalSession.port,
- originalSession.username,
- originalSession.password
- );
-
- // 自动连接
- this.connectSession(newSession.id);
-
- this.showAlert('会话已复制', 'success');
- }
-
- // ========== SSH连接管理 ==========
- async connectSession(sessionId) {
- const session = this.sessions.get(sessionId);
- if (!session) return;
-
- if (session.connected) {
- this.showAlert('会话已连接', 'warning');
- return;
- }
-
- try {
- // 建立WebSocket连接
- const protocol = window.location.protocol === 'https:' ? 'wss:' : 'ws:';
- const wsUrl = `${protocol}//${window.location.host}/cApi/ssh`;
- session.websocket = new WebSocket(wsUrl);
-
- session.websocket.onopen = () => {
- console.log(`Session ${sessionId} WebSocket连接建立`);
- this.updateSessionStatus(sessionId, '正在连接SSH...');
-
- // 发送SSH连接请求
- session.websocket.send(JSON.stringify({
- type: 'connect',
- host: session.host,
- port: parseInt(session.port),
- username: session.username,
- password: session.password
- }));
- };
-
- session.websocket.onmessage = (event) => {
- const message = JSON.parse(event.data);
- this.handleSessionMessage(sessionId, message);
- };
-
- session.websocket.onerror = (error) => {
- console.error(`Session ${sessionId} WebSocket错误:`, error);
- this.showAlert('WebSocket连接错误', 'danger');
- session.terminal.writeln('\\r\\n❌ WebSocket连接错误');
- };
-
- session.websocket.onclose = () => {
- console.log(`Session ${sessionId} WebSocket连接关闭`);
- this.handleSessionDisconnection(sessionId);
- };
-
- // 处理终端输入
- session.terminal.onData((data) => {
- if (session.connected && session.websocket.readyState === WebSocket.OPEN) {
- session.websocket.send(JSON.stringify({
- type: 'command',
- command: data
- }));
- }
- });
-
- // 处理终端大小变化
- session.terminal.onResize((size) => {
- if (session.connected && session.websocket.readyState === WebSocket.OPEN) {
- session.websocket.send(JSON.stringify({
- type: 'resize',
- cols: size.cols,
- rows: size.rows
- }));
- }
- });
-
- } catch (error) {
- console.error('连接失败:', error);
- this.showAlert('连接失败: ' + error.message, 'danger');
- }
- }
-
- handleSessionMessage(sessionId, message) {
- const session = this.sessions.get(sessionId);
- if (!session) return;
-
- switch (message.type) {
- case 'connected':
- session.connected = true;
- this.updateTabStatus(sessionId, true);
- this.updateSessionStatus(sessionId, '已连接');
-
- // 查找服务器ID
- session.serverId = this.findServerIdByConnection(
- session.host,
- session.port,
- session.username
- );
-
- session.terminal.clear();
- session.terminal.writeln('🎉 SSH连接建立成功!');
- session.terminal.writeln(`连接到: ${session.name}`);
- session.terminal.writeln('');
-
- this.showAlert(`会话 "${session.name}" 连接成功`, 'success');
- break;
-
- case 'output':
- session.terminal.write(message.data);
- break;
-
- case 'error':
- session.terminal.writeln(`\\r\\n❌ 错误: ${message.message}`);
- this.showAlert(`会话连接失败: ${message.message}`, 'danger');
- break;
- }
- }
-
- handleSessionDisconnection(sessionId) {
- const session = this.sessions.get(sessionId);
- if (!session) return;
-
- session.connected = false;
- session.serverId = null;
- this.updateTabStatus(sessionId, false);
- this.updateSessionStatus(sessionId, '已断开连接');
-
- if (session.terminal) {
- session.terminal.writeln('\\r\\n🔌 连接已关闭');
- }
-
- this.showAlert(`会话 "${session.name}" 已断开连接`, 'warning');
- }
-
- disconnectSession(sessionId) {
- const session = this.sessions.get(sessionId);
- if (!session) return;
-
- if (session.websocket) {
- session.websocket.send(JSON.stringify({
- type: 'disconnect'
- }));
- session.websocket.close();
- }
-
- this.handleSessionDisconnection(sessionId);
- }
-
- updateTabStatus(sessionId, connected) {
- const tab = document.getElementById(`tab_${sessionId}`);
- if (!tab) return;
-
- const statusDot = tab.querySelector('.tab-status');
- if (connected) {
- statusDot.classList.remove('disconnected');
- statusDot.classList.add('connected');
- } else {
- statusDot.classList.remove('connected');
- statusDot.classList.add('disconnected');
- }
- }
-
- updateSessionStatus(sessionId, message) {
- const statusElement = document.getElementById(`status_${sessionId}`);
- if (statusElement) {
- statusElement.innerHTML = message.includes('已连接') ?
- `🟢 ${message}` :
- `🔴 ${message}`;
- }
-
- // 更新状态栏
- if (sessionId === this.activeSessionId) {
- document.getElementById('statusBar').textContent = message;
- }
- }
-
- // ========== 服务器配置管理 ==========
- async loadSavedServers() {
- try {
- const response = await fetch('/cApi/api/servers');
- const servers = await response.json();
- this.savedServers = servers;
-
- const select = document.getElementById('savedServers');
- const fileServerSelect = document.getElementById('fileServerSelect');
-
- select.innerHTML = '';
- fileServerSelect.innerHTML = '';
-
- servers.forEach(server => {
- const option = new Option(`${server.name} (${server.host}:${server.port})`, server.id);
- select.add(option);
-
- const fileOption = new Option(`${server.name} (${server.host}:${server.port})`, server.id);
- fileServerSelect.add(fileOption);
- });
-
- } catch (error) {
- console.error('加载服务器列表失败:', error);
- }
- }
-
- findServerIdByConnection(host, port, username) {
- const matchedServer = this.savedServers.find(server =>
- server.host === host &&
- server.port === parseInt(port) &&
- server.username === username
- );
- return matchedServer ? matchedServer.id : null;
- }
-
- async loadServerConfig() {
- const serverId = document.getElementById('savedServers').value;
- if (!serverId) return;
-
- try {
- const response = await fetch(`/cApi/api/servers/${serverId}`);
- const server = await response.json();
-
- document.getElementById('host').value = server.host;
- document.getElementById('port').value = server.port;
- document.getElementById('username').value = server.username;
- document.getElementById('serverName').value = server.name;
-
- } catch (error) {
- console.error('加载服务器配置失败:', error);
- this.showAlert('加载服务器配置失败', 'danger');
- }
- }
-
- async saveServerConfig() {
- const serverData = {
- name: document.getElementById('serverName').value ||
- `${document.getElementById('username').value}@${document.getElementById('host').value}`,
- host: document.getElementById('host').value,
- port: parseInt(document.getElementById('port').value),
- username: document.getElementById('username').value,
- password: document.getElementById('password').value
- };
-
- try {
- const response = await fetch('/cApi/api/servers', {
- method: 'POST',
- headers: {
- 'Content-Type': 'application/json'
- },
- body: JSON.stringify(serverData)
- });
-
- const result = await response.json();
- if (result.success) {
- this.showAlert('服务器配置已保存', 'success');
- this.loadSavedServers();
- } else {
- this.showAlert('保存失败: ' + result.message, 'danger');
- }
- } catch (error) {
- console.error('保存服务器配置失败:', error);
- this.showAlert('保存服务器配置失败', 'danger');
- }
- }
-
- async testConnection() {
- const testBtn = document.getElementById('testBtn');
- const originalText = testBtn.innerHTML;
- testBtn.innerHTML = ' 测试中...';
- testBtn.disabled = true;
-
- const serverData = {
- host: document.getElementById('host').value,
- port: parseInt(document.getElementById('port').value),
- username: document.getElementById('username').value,
- password: document.getElementById('password').value
- };
-
- try {
- const response = await fetch('/cApi/api/servers/test', {
- method: 'POST',
- headers: {
- 'Content-Type': 'application/json'
- },
- body: JSON.stringify(serverData)
- });
-
- const result = await response.json();
- if (result.success) {
- this.showAlert('连接测试成功', 'success');
- } else {
- this.showAlert('连接测试失败: ' + result.message, 'danger');
- }
- } catch (error) {
- console.error('连接测试失败:', error);
- this.showAlert('连接测试失败', 'danger');
- } finally {
- testBtn.innerHTML = originalText;
- testBtn.disabled = false;
- }
- }
-
- // ========== 文件管理相关 ==========
- getCurrentServerId() {
- if (this.activeSessionId) {
- const session = this.sessions.get(this.activeSessionId);
- return session ? session.serverId : null;
- }
- return null;
- }
-
- // 文件管理功能
- currentFileServerId = null;
- currentPath = '/';
-
- async switchFileServer() {
- this.currentFileServerId = document.getElementById('fileServerSelect').value;
- if (this.currentFileServerId) {
- this.currentPath = '/';
- document.getElementById('currentPath').value = this.currentPath;
- await this.refreshFiles();
- } else {
- document.getElementById('fileGrid').innerHTML = `
-
- 请先选择一个服务器来浏览文件
-
- `;
- }
- }
-
- async refreshFiles() {
- if (!this.currentFileServerId) {
- document.getElementById('fileGrid').innerHTML = `
-
- 请先选择一个服务器来浏览文件
-
- `;
- return;
- }
-
- try {
- const response = await fetch(`/cApi/api/files/list/${this.currentFileServerId}?remotePath=${encodeURIComponent(this.currentPath)}`);
-
- if (!response.ok) {
- throw new Error(`HTTP ${response.status}: ${response.statusText}`);
- }
-
- const result = await response.json();
-
- if (result.success) {
- this.displayFiles(result.files);
- } else {
- this.showAlert('获取文件列表失败: ' + result.message, 'danger');
- document.getElementById('fileGrid').innerHTML = `
-
- 获取文件列表失败: ${result.message}
-
- `;
- }
- } catch (error) {
- console.error('获取文件列表失败:', error);
- this.showAlert('获取文件列表失败: ' + error.message, 'danger');
- document.getElementById('fileGrid').innerHTML = `
-
- 获取文件列表失败: ${error.message}
-
- `;
- }
- }
-
- displayFiles(files) {
- const container = document.getElementById('fileGrid');
- container.innerHTML = '';
-
- files.forEach(file => {
- const fileItem = document.createElement('div');
- fileItem.className = 'file-item';
- fileItem.onclick = () => this.handleFileClick(file);
-
- const icon = file.directory ? 'fas fa-folder' : 'fas fa-file';
- const size = file.directory ? '-' : this.formatFileSize(file.size);
- const date = new Date(file.lastModified).toLocaleString('zh-CN');
-
- fileItem.innerHTML = `
-
- ${file.name}
- ${size}
- ${date}
-
- ${!file.directory ? `
-
- ` : ''}
-
-
- `;
-
- container.appendChild(fileItem);
- });
- }
-
- async handleFileClick(file) {
- if (file.directory) {
- this.currentPath = this.currentPath.endsWith('/') ?
- this.currentPath + file.name :
- this.currentPath + '/' + file.name;
- document.getElementById('currentPath').value = this.currentPath;
- await this.refreshFiles();
- }
- }
-
- async navigateUp() {
- if (this.currentPath === '/') return;
-
- const pathParts = this.currentPath.split('/').filter(p => p);
- pathParts.pop();
- this.currentPath = '/' + pathParts.join('/');
- if (this.currentPath !== '/' && !this.currentPath.endsWith('/')) {
- this.currentPath += '/';
- }
-
- document.getElementById('currentPath').value = this.currentPath;
- await this.refreshFiles();
- }
-
- async uploadFiles() {
- console.log('uploadFiles called');
-
- if (!this.currentFileServerId) {
- this.showAlert('请先选择一个服务器', 'danger');
- return;
- }
-
- console.log('Server selected:', this.currentFileServerId);
-
- const files = document.getElementById('uploadFiles').files;
- const uploadPath = document.getElementById('uploadPath').value;
-
- if (files.length === 0) {
- this.showAlert('请选择要上传的文件', 'danger');
- return;
- }
-
- const formData = new FormData();
- for (let file of files) {
- formData.append('files', file);
- }
- formData.append('remotePath', uploadPath);
-
- try {
- const response = await fetch(`/cApi/api/files/upload-batch/${this.currentFileServerId}`, {
- method: 'POST',
- body: formData
- });
-
- const result = await response.json();
- if (result.success) {
- this.showAlert(`成功上传 ${result.count} 个文件`, 'success');
- closeModal('uploadModal');
- await this.refreshFiles();
- } else {
- this.showAlert('上传失败: ' + result.message, 'danger');
- }
- } catch (error) {
- console.error('上传文件失败:', error);
- this.showAlert('上传文件失败', 'danger');
- }
- }
-
- async downloadFile(filename) {
- const filePath = this.currentPath.endsWith('/') ?
- this.currentPath + filename :
- this.currentPath + '/' + filename;
-
- try {
- const response = await fetch(`/cApi/api/files/download/${this.currentFileServerId}?remoteFilePath=${encodeURIComponent(filePath)}`);
-
- if (response.ok) {
- const blob = await response.blob();
- const url = window.URL.createObjectURL(blob);
- const a = document.createElement('a');
- a.href = url;
- a.download = filename;
- document.body.appendChild(a);
- a.click();
- window.URL.revokeObjectURL(url);
- document.body.removeChild(a);
-
- this.showAlert('文件下载成功', 'success');
- } else {
- this.showAlert('文件下载失败', 'danger');
- }
- } catch (error) {
- console.error('下载文件失败:', error);
- this.showAlert('下载文件失败', 'danger');
- }
- }
-
- async deleteFile(filename, isDirectory) {
- if (!confirm(`确定要删除${isDirectory ? '目录' : '文件'} "${filename}" 吗？`)) return;
-
- const filePath = this.currentPath.endsWith('/') ?
- this.currentPath + filename :
- this.currentPath + '/' + filename;
-
- try {
- const response = await fetch(`/cApi/api/files/delete/${this.currentFileServerId}?remotePath=${encodeURIComponent(filePath)}&isDirectory=${isDirectory}`, {
- method: 'DELETE'
- });
-
- const result = await response.json();
- if (result.success) {
- this.showAlert('删除成功', 'success');
- await this.refreshFiles();
- } else {
- this.showAlert('删除失败: ' + result.message, 'danger');
- }
- } catch (error) {
- console.error('删除失败:', error);
- this.showAlert('删除失败', 'danger');
- }
- }
-
- async createFolder() {
- const folderName = prompt('请输入文件夹名称:');
- if (!folderName) return;
-
- const folderPath = this.currentPath.endsWith('/') ?
- this.currentPath + folderName :
- this.currentPath + '/' + folderName;
-
- try {
- const response = await fetch(`/cApi/api/files/mkdir/${this.currentFileServerId}`, {
- method: 'POST',
- headers: {
- 'Content-Type': 'application/json'
- },
- body: JSON.stringify({ remotePath: folderPath })
- });
-
- const result = await response.json();
- if (result.success) {
- this.showAlert('文件夹创建成功', 'success');
- await this.refreshFiles();
- } else {
- this.showAlert('创建失败: ' + result.message, 'danger');
- }
- } catch (error) {
- console.error('创建文件夹失败:', error);
- this.showAlert('创建文件夹失败', 'danger');
- }
- }
-
- // ========== UI工具方法 ==========
- showAlert(message, type) {
- const container = document.getElementById('alertContainer');
- const alert = document.createElement('div');
- alert.className = `alert alert-${type}`;
- alert.textContent = message;
-
- container.innerHTML = '';
- container.appendChild(alert);
-
- setTimeout(() => {
- if (alert.parentNode) {
- alert.parentNode.removeChild(alert);
- }
- }, 5000);
- }
-
- formatFileSize(bytes) {
- if (bytes === 0) return '0 B';
- const k = 1024;
- const sizes = ['B', 'KB', 'MB', 'GB', 'TB'];
- const i = Math.floor(Math.log(bytes) / Math.log(k));
- return parseFloat((bytes / Math.pow(k, i)).toFixed(2)) + ' ' + sizes[i];
- }
-}
-
-// ========== 全局函数 ==========
-let sshClient = null;
-
-// 页面加载完成后初始化
-document.addEventListener('DOMContentLoaded', function() {
- sshClient = new MultiSessionWebSSHClient();
-});
-
-// 页面切换
-function switchPage(pageName) {
- document.querySelectorAll('.nav-item').forEach(item => {
- item.classList.remove('active');
- });
-
- const navItems = document.querySelectorAll('.nav-item');
- navItems.forEach(item => {
- const onclick = item.getAttribute('onclick');
- if (onclick && onclick.includes(`switchPage('${pageName}')`)) {
- item.classList.add('active');
- }
- });
-
- document.querySelectorAll('.page-content').forEach(page => {
- page.classList.remove('active');
- });
- document.getElementById(`page-${pageName}`).classList.add('active');
-
- if (pageName === 'files') {
- sshClient.loadSavedServers().then(() => {
- // 如果当前有激活的会话，自动选择对应的服务器
- const currentServerId = sshClient.getCurrentServerId();
- if (currentServerId) {
- const fileServerSelect = document.getElementById('fileServerSelect');
- fileServerSelect.value = currentServerId;
-
- // 设置文件管理的当前服务器ID并加载文件
- sshClient.currentFileServerId = currentServerId;
- sshClient.currentPath = '/';
- document.getElementById('currentPath').value = sshClient.currentPath;
- sshClient.refreshFiles(); // 自动加载文件列表
- }
- });
- }
-}
-
-// 侧边栏折叠
-function toggleSidebar() {
- const sidebar = document.getElementById('sidebar');
- const title = document.getElementById('sidebarTitle');
- const navTexts = document.querySelectorAll('.nav-text');
-
- sidebar.classList.toggle('collapsed');
-
- if (sidebar.classList.contains('collapsed')) {
- title.style.display = 'none';
- navTexts.forEach(text => text.style.display = 'none');
- } else {
- title.style.display = 'inline';
- navTexts.forEach(text => text.style.display = 'inline');
- }
-}
-
-// SSH连接相关
-function connectSSH() {
- const host = document.getElementById('host').value.trim();
- const port = document.getElementById('port').value.trim();
- const username = document.getElementById('username').value.trim();
- const password = document.getElementById('password').value.trim();
-
- if (!host || !username || !password) {
- sshClient.showAlert('请填写完整的连接信息', 'danger');
- return;
- }
-
- // 创建新会话并连接
- const session = sshClient.createSession(host, port || 22, username, password);
- sshClient.connectSession(session.id);
-
- // 保存服务器配置（如果需要）
- if (document.getElementById('saveServer').checked) {
- sshClient.saveServerConfig();
- }
-}
-
-function disconnectSSH() {
- if (sshClient.activeSessionId) {
- sshClient.disconnectSession(sshClient.activeSessionId);
- }
-}
-
-function testConnection() {
- sshClient.testConnection();
-}
-
-function loadSavedServers() {
- sshClient.loadSavedServers();
-}
-
-function loadServerConfig() {
- sshClient.loadServerConfig();
-}
-
-// 文件管理相关
-function switchFileServer() {
- sshClient.switchFileServer();
-}
-
-function refreshFiles() {
- sshClient.refreshFiles();
-}
-
-function navigateUp() {
- sshClient.navigateUp();
-}
-
-function showUploadModal() {
- document.getElementById('uploadModal').classList.add('active');
- document.getElementById('uploadPath').value = sshClient.currentPath || '/';
-}
-
-function handleUpload() {
- console.log('handleUpload called');
- try {
- sshClient.uploadFiles();
- } catch (error) {
- console.error('Error in handleUpload:', error);
- }
-}
-
-function uploadFiles(event) {
- sshClient.uploadFiles(event);
-}
-
-function downloadFile(filename) {
- sshClient.downloadFile(filename);
-}
-
-function deleteFile(filename, isDirectory) {
- sshClient.deleteFile(filename, isDirectory);
-}
-
-function createFolder() {
- sshClient.createFolder();
-}
-
-// 弹窗相关
-function closeModal(modalId) {
- document.getElementById(modalId).classList.remove('active');
-}
-
-// 点击弹窗背景关闭弹窗
-document.addEventListener('click', function(event) {
- if (event.target.classList.contains('modal')) {
- event.target.classList.remove('active');
- }
-});
-
-// 键盘快捷键
-document.addEventListener('keydown', function(event) {
- // Escape 关闭弹窗
- if (event.key === 'Escape') {
- document.querySelectorAll('.modal.active').forEach(modal => {
- modal.classList.remove('active');
- });
- }
-
- // Ctrl+Enter 快速连接
- if (event.ctrlKey && event.key === 'Enter' && sshClient.sessions.size === 0) {
- connectSSH();
- }
-
- // Ctrl+T 新建会话 (when connected)
- if (event.ctrlKey && event.key === 't' && sshClient.activeSessionId) {
- const currentSession = sshClient.sessions.get(sshClient.activeSessionId);
- if (currentSession) {
- sshClient.duplicateSession(sshClient.activeSessionId);
- }
- }
-
- // Ctrl+W 关闭当前会话
- if (event.ctrlKey && event.key === 'w' && sshClient.activeSessionId) {
- sshClient.closeSession(sshClient.activeSessionId);
- }
-});
-
-// 页面卸载时断开所有连接
-window.addEventListener('beforeunload', function(event) {
- if (sshClient && sshClient.sessions.size > 0) {
- sshClient.sessions.forEach((session, sessionId) => {
- if (session.websocket) {
- session.websocket.close();
- }
- });
- }
-});
\ No newline at end of file
diff --git a/src/main/resources/static/assets/js/webssh-simple.js b/src/main/resources/static/assets/js/webssh-simple.js
deleted file mode 100644
index 868df1b..0000000
--- a/src/main/resources/static/assets/js/webssh-simple.js
+++ /dev/null
@@ -1,800 +0,0 @@
-/**
- * Web SSH 简化版客户端
- * 支持SSH连接和文件管理功能
- */
-
-class SimpleWebSSHClient {
- constructor() {
- this.terminal = null;
- this.websocket = null;
- this.fitAddon = null;
- this.connected = false;
- this.currentServer = null;
- this.currentServerId = null; // 添加当前服务器ID
- this.currentFileServerId = null;
- this.currentPath = '/';
- this.savedServers = []; // 缓存保存的服务器列表
-
- this.initializeTerminal();
- this.loadSavedServers();
- }
-
- // ========== 终端初始化 ==========
- initializeTerminal() {
- this.terminal = new Terminal({
- cursorBlink: true,
- fontSize: 14,
- fontFamily: 'Monaco, Menlo, "Ubuntu Mono", Consolas, monospace',
- theme: {
- background: '#1e1e1e',
- foreground: '#d4d4d4',
- cursor: '#ffffff',
- selection: '#ffffff40'
- },
- rows: 30,
- cols: 120
- });
-
- this.fitAddon = new FitAddon.FitAddon();
- this.terminal.loadAddon(this.fitAddon);
-
- this.terminal.open(document.getElementById('terminal'));
- this.fitAddon.fit();
-
- // 监听窗口大小变化
- window.addEventListener('resize', () => {
- if (this.fitAddon) {
- setTimeout(() => this.fitAddon.fit(), 100);
- }
- });
-
- // 更新终端统计信息
- this.terminal.onResize((size) => {
- document.getElementById('terminalStats').textContent =
- `行: ${size.rows}, 列: ${size.cols}`;
- });
- }
-
- // ========== SSH连接管理 ==========
- async connect(host, port, username, password) {
- if (this.connected) {
- this.showAlert('已有连接存在，请先断开', 'danger');
- return;
- }
-
- this.currentServer = {
- host, port, username,
- name: `${username}@${host}:${port}`
- };
-
- try {
- // 建立WebSocket连接
- const protocol = window.location.protocol === 'https:' ? 'wss:' : 'ws:';
- const wsUrl = `${protocol}//${window.location.host}/ssh`;
- this.websocket = new WebSocket(wsUrl);
-
- this.websocket.onopen = () => {
- console.log('WebSocket连接建立');
- this.updateStatus('正在连接SSH...');
-
- // 发送SSH连接请求
- this.websocket.send(JSON.stringify({
- type: 'connect',
- host: host,
- port: parseInt(port),
- username: username,
- password: password
- }));
- };
-
- this.websocket.onmessage = (event) => {
- const message = JSON.parse(event.data);
- this.handleWebSocketMessage(message);
- };
-
- this.websocket.onerror = (error) => {
- console.error('WebSocket错误:', error);
- this.showAlert('WebSocket连接错误', 'danger');
- this.terminal.writeln('\r\n❌ WebSocket连接错误');
- };
-
- this.websocket.onclose = () => {
- console.log('WebSocket连接关闭');
- this.handleDisconnection();
- };
-
- // 处理终端输入
- this.terminal.onData((data) => {
- if (this.connected && this.websocket.readyState === WebSocket.OPEN) {
- this.websocket.send(JSON.stringify({
- type: 'command',
- command: data
- }));
- }
- });
-
- // 处理终端大小变化
- this.terminal.onResize((size) => {
- if (this.connected && this.websocket.readyState === WebSocket.OPEN) {
- this.websocket.send(JSON.stringify({
- type: 'resize',
- cols: size.cols,
- rows: size.rows
- }));
- }
- });
-
- } catch (error) {
- console.error('连接失败:', error);
- this.showAlert('连接失败: ' + error.message, 'danger');
- }
- }
-
- handleWebSocketMessage(message) {
- switch (message.type) {
- case 'connected':
- this.connected = true;
- this.updateConnectionStatus(true);
-
- // 查找并设置当前服务器ID
- this.currentServerId = this.findServerIdByConnection(
- this.currentServer.host,
- this.currentServer.port,
- this.currentServer.username
- );
-
- this.terminal.clear();
- this.terminal.writeln('🎉 SSH连接建立成功!');
- this.terminal.writeln(`连接到: ${this.currentServer.name}`);
- this.terminal.writeln('');
- this.showAlert('SSH连接成功', 'success');
- this.updateStatus('已连接');
-
- // 显示终端容器
- document.getElementById('terminalContainer').classList.remove('hidden');
- this.fitAddon.fit();
-
- // 保存服务器配置（如果需要）
- if (document.getElementById('saveServer').checked) {
- this.saveServerConfig();
- }
- break;
-
- case 'output':
- this.terminal.write(message.data);
- break;
-
- case 'error':
- this.terminal.writeln(`\r\n❌ 错误: ${message.message}`);
- this.showAlert(`连接失败: ${message.message}`, 'danger');
- this.updateStatus('连接失败');
- break;
- }
- }
-
- disconnect() {
- if (this.websocket) {
- this.websocket.send(JSON.stringify({
- type: 'disconnect'
- }));
- this.websocket.close();
- }
-
- this.handleDisconnection();
- }
-
- handleDisconnection() {
- this.connected = false;
- this.currentServer = null;
- this.currentServerId = null; // 清除当前服务器ID
- this.updateConnectionStatus(false);
- this.updateStatus('已断开连接');
-
- if (this.terminal) {
- this.terminal.writeln('\r\n🔌 连接已关闭');
- }
-
- document.getElementById('terminalContainer').classList.add('hidden');
- this.showAlert('SSH连接已断开', 'danger');
- }
-
- // ========== 服务器配置管理 ==========
- async loadSavedServers() {
- try {
- const response = await fetch('/cApi/api/servers');
- const servers = await response.json();
-
- // 缓存服务器列表
- this.savedServers = servers;
-
- const select = document.getElementById('savedServers');
- const fileServerSelect = document.getElementById('fileServerSelect');
-
- // 清空现有选项
- select.innerHTML = '';
- fileServerSelect.innerHTML = '';
-
- servers.forEach(server => {
- const option = new Option(`${server.name} (${server.host}:${server.port})`, server.id);
- select.add(option);
-
- const fileOption = new Option(`${server.name} (${server.host}:${server.port})`, server.id);
- fileServerSelect.add(fileOption);
- });
-
- } catch (error) {
- console.error('加载服务器列表失败:', error);
- }
- }
-
- // 根据连接信息查找服务器ID
- findServerIdByConnection(host, port, username) {
- const matchedServer = this.savedServers.find(server =>
- server.host === host &&
- server.port === parseInt(port) &&
- server.username === username
- );
- return matchedServer ? matchedServer.id : null;
- }
-
- async loadServerConfig() {
- const serverId = document.getElementById('savedServers').value;
- if (!serverId) return;
-
- try {
- const response = await fetch(`/cApi/api/servers/${serverId}`);
- const server = await response.json();
-
- document.getElementById('host').value = server.host;
- document.getElementById('port').value = server.port;
- document.getElementById('username').value = server.username;
- document.getElementById('serverName').value = server.name;
- // 不填充密码，出于安全考虑
-
- } catch (error) {
- console.error('加载服务器配置失败:', error);
- this.showAlert('加载服务器配置失败', 'danger');
- }
- }
-
- async saveServerConfig() {
- const serverData = {
- name: document.getElementById('serverName').value ||
- `${document.getElementById('username').value}@${document.getElementById('host').value}`,
- host: document.getElementById('host').value,
- port: parseInt(document.getElementById('port').value),
- username: document.getElementById('username').value,
- password: document.getElementById('password').value
- };
-
- try {
- const response = await fetch('/cApi/api/servers', {
- method: 'POST',
- headers: {
- 'Content-Type': 'application/json'
- },
- body: JSON.stringify(serverData)
- });
-
- const result = await response.json();
- if (result.success) {
- this.showAlert('服务器配置已保存', 'success');
- this.loadSavedServers(); // 重新加载列表
- } else {
- this.showAlert('保存失败: ' + result.message, 'danger');
- }
- } catch (error) {
- console.error('保存服务器配置失败:', error);
- this.showAlert('保存服务器配置失败', 'danger');
- }
- }
-
- async testConnection() {
- const testBtn = document.getElementById('testBtn');
- const originalText = testBtn.innerHTML;
- testBtn.innerHTML = ' 测试中...';
- testBtn.disabled = true;
-
- const serverData = {
- host: document.getElementById('host').value,
- port: parseInt(document.getElementById('port').value),
- username: document.getElementById('username').value,
- password: document.getElementById('password').value
- };
-
- try {
- const response = await fetch('/cApi/api/servers/test', {
- method: 'POST',
- headers: {
- 'Content-Type': 'application/json'
- },
- body: JSON.stringify(serverData)
- });
-
- const result = await response.json();
- if (result.success) {
- this.showAlert('连接测试成功', 'success');
- } else {
- this.showAlert('连接测试失败: ' + result.message, 'danger');
- }
- } catch (error) {
- console.error('连接测试失败:', error);
- this.showAlert('连接测试失败', 'danger');
- } finally {
- testBtn.innerHTML = originalText;
- testBtn.disabled = false;
- }
- }
-
- // 自动选择当前连接的服务器并切换到文件管理
- async switchToFileManagerWithCurrentServer() {
- if (this.currentServerId) {
- // 设置文件服务器选择框
- const fileServerSelect = document.getElementById('fileServerSelect');
- fileServerSelect.value = this.currentServerId;
-
- // 切换文件服务器
- this.currentFileServerId = this.currentServerId;
- this.currentPath = '/';
- document.getElementById('currentPath').value = this.currentPath;
- await this.refreshFiles();
- }
- }
-
- // ========== 文件管理 ==========
- async switchFileServer() {
- this.currentFileServerId = document.getElementById('fileServerSelect').value;
- if (this.currentFileServerId) {
- this.currentPath = '/';
- document.getElementById('currentPath').value = this.currentPath;
- await this.refreshFiles();
- } else {
- document.getElementById('fileGrid').innerHTML = `
-
- 请先选择一个服务器来浏览文件
-
- `;
- }
- }
-
- async refreshFiles() {
- if (!this.currentFileServerId) {
- document.getElementById('fileGrid').innerHTML = `
-
- 请先选择一个服务器来浏览文件
-
- `;
- return;
- }
-
- try {
- const response = await fetch(`/cApi/api/files/list/${this.currentFileServerId}?remotePath=${encodeURIComponent(this.currentPath)}`);
-
- if (!response.ok) {
- throw new Error(`HTTP ${response.status}: ${response.statusText}`);
- }
-
- const result = await response.json();
-
- if (result.success) {
- this.displayFiles(result.files);
- } else {
- this.showAlert('获取文件列表失败: ' + result.message, 'danger');
- document.getElementById('fileGrid').innerHTML = `
-
- 获取文件列表失败: ${result.message}
-
- `;
- }
- } catch (error) {
- console.error('获取文件列表失败:', error);
- this.showAlert('获取文件列表失败: ' + error.message, 'danger');
- document.getElementById('fileGrid').innerHTML = `
-
- 获取文件列表失败: ${error.message}
-
- `;
- }
- }
-
- displayFiles(files) {
- const container = document.getElementById('fileGrid');
- container.innerHTML = '';
-
- files.forEach(file => {
- const fileItem = document.createElement('div');
- fileItem.className = 'file-item';
- fileItem.onclick = () => this.handleFileClick(file);
-
- const icon = file.directory ? 'fas fa-folder' : 'fas fa-file';
- const size = file.directory ? '-' : this.formatFileSize(file.size);
- const date = new Date(file.lastModified).toLocaleString('zh-CN');
-
- fileItem.innerHTML = `
-
- ${file.name}
- ${size}
- ${date}
-
- ${!file.directory ? `
-
- ` : ''}
-
-
- `;
-
- container.appendChild(fileItem);
- });
- }
-
- async handleFileClick(file) {
- if (file.directory) {
- this.currentPath = this.currentPath.endsWith('/') ?
- this.currentPath + file.name :
- this.currentPath + '/' + file.name;
- document.getElementById('currentPath').value = this.currentPath;
- await this.refreshFiles();
- }
- }
-
- async navigateUp() {
- if (this.currentPath === '/') return;
-
- const pathParts = this.currentPath.split('/').filter(p => p);
- pathParts.pop();
- this.currentPath = '/' + pathParts.join('/');
- if (this.currentPath !== '/' && !this.currentPath.endsWith('/')) {
- this.currentPath += '/';
- }
-
- document.getElementById('currentPath').value = this.currentPath;
- await this.refreshFiles();
- }
-
- async uploadFiles() {
- console.log('uploadFiles called');
-
- // 检查是否已选择服务器
- if (!this.currentFileServerId) {
- this.showAlert('请先选择一个服务器', 'danger');
- return;
- }
-
- console.log('Server selected:', this.currentFileServerId);
-
- const files = document.getElementById('uploadFiles').files;
- const uploadPath = document.getElementById('uploadPath').value;
-
- if (files.length === 0) {
- this.showAlert('请选择要上传的文件', 'danger');
- return;
- }
-
- const formData = new FormData();
- for (let file of files) {
- formData.append('files', file);
- }
- formData.append('remotePath', uploadPath);
-
- try {
- const response = await fetch(`/cApi/api/files/upload-batch/${this.currentFileServerId}`, {
- method: 'POST',
- body: formData
- });
-
- const result = await response.json();
- if (result.success) {
- this.showAlert(`成功上传 ${result.count} 个文件`, 'success');
- this.closeModal('uploadModal');
- await this.refreshFiles();
- } else {
- this.showAlert('上传失败: ' + result.message, 'danger');
- }
- } catch (error) {
- console.error('上传文件失败:', error);
- this.showAlert('上传文件失败', 'danger');
- }
- }
-
- async downloadFile(filename) {
- const filePath = this.currentPath.endsWith('/') ?
- this.currentPath + filename :
- this.currentPath + '/' + filename;
-
- try {
- const response = await fetch(`/cApi/api/files/download/${this.currentFileServerId}?remoteFilePath=${encodeURIComponent(filePath)}`);
-
- if (response.ok) {
- const blob = await response.blob();
- const url = window.URL.createObjectURL(blob);
- const a = document.createElement('a');
- a.href = url;
- a.download = filename;
- document.body.appendChild(a);
- a.click();
- window.URL.revokeObjectURL(url);
- document.body.removeChild(a);
-
- this.showAlert('文件下载成功', 'success');
- } else {
- this.showAlert('文件下载失败', 'danger');
- }
- } catch (error) {
- console.error('下载文件失败:', error);
- this.showAlert('下载文件失败', 'danger');
- }
- }
-
- async deleteFile(filename, isDirectory) {
- if (!confirm(`确定要删除${isDirectory ? '目录' : '文件'} "${filename}" 吗？`)) return;
-
- const filePath = this.currentPath.endsWith('/') ?
- this.currentPath + filename :
- this.currentPath + '/' + filename;
-
- try {
- const response = await fetch(`/cApi/api/files/delete/${this.currentFileServerId}?remotePath=${encodeURIComponent(filePath)}&isDirectory=${isDirectory}`, {
- method: 'DELETE'
- });
-
- const result = await response.json();
- if (result.success) {
- this.showAlert('删除成功', 'success');
- await this.refreshFiles();
- } else {
- this.showAlert('删除失败: ' + result.message, 'danger');
- }
- } catch (error) {
- console.error('删除失败:', error);
- this.showAlert('删除失败', 'danger');
- }
- }
-
- async createFolder() {
- const folderName = prompt('请输入文件夹名称:');
- if (!folderName) return;
-
- const folderPath = this.currentPath.endsWith('/') ?
- this.currentPath + folderName :
- this.currentPath + '/' + folderName;
-
- try {
- const response = await fetch(`/cApi/api/files/mkdir/${this.currentFileServerId}`, {
- method: 'POST',
- headers: {
- 'Content-Type': 'application/json'
- },
- body: JSON.stringify({ remotePath: folderPath })
- });
-
- const result = await response.json();
- if (result.success) {
- this.showAlert('文件夹创建成功', 'success');
- await this.refreshFiles();
- } else {
- this.showAlert('创建失败: ' + result.message, 'danger');
- }
- } catch (error) {
- console.error('创建文件夹失败:', error);
- this.showAlert('创建文件夹失败', 'danger');
- }
- }
-
- // ========== UI工具方法 ==========
- updateConnectionStatus(connected) {
- const statusElement = document.getElementById('connectionStatus');
- const connectBtn = document.querySelector('button[onclick="connectSSH()"]');
- const disconnectBtn = document.getElementById('disconnectBtn');
-
- if (connected) {
- statusElement.innerHTML = `🟢 已连接 - ${this.currentServer.name}`;
- connectBtn.disabled = true;
- disconnectBtn.disabled = false;
- } else {
- statusElement.innerHTML = '🔴 未连接';
- connectBtn.disabled = false;
- disconnectBtn.disabled = true;
- }
- }
-
- updateStatus(message) {
- document.getElementById('statusBar').textContent = message;
- }
-
- showAlert(message, type) {
- const container = document.getElementById('alertContainer');
- const alert = document.createElement('div');
- alert.className = `alert alert-${type}`;
- alert.textContent = message;
-
- container.innerHTML = '';
- container.appendChild(alert);
-
- // 5秒后自动消失
- setTimeout(() => {
- if (alert.parentNode) {
- alert.parentNode.removeChild(alert);
- }
- }, 5000);
- }
-
- formatFileSize(bytes) {
- if (bytes === 0) return '0 B';
- const k = 1024;
- const sizes = ['B', 'KB', 'MB', 'GB', 'TB'];
- const i = Math.floor(Math.log(bytes) / Math.log(k));
- return parseFloat((bytes / Math.pow(k, i)).toFixed(2)) + ' ' + sizes[i];
- }
-
- closeModal(modalId) {
- document.getElementById(modalId).classList.remove('active');
- }
-}
-
-// ========== 全局函数 ==========
-let sshClient = null;
-
-// 页面加载完成后初始化
-document.addEventListener('DOMContentLoaded', function() {
- sshClient = new SimpleWebSSHClient();
-});
-
-// 页面切换
-function switchPage(pageName) {
- // 更新导航状态
- document.querySelectorAll('.nav-item').forEach(item => {
- item.classList.remove('active');
- });
-
- // 找到对应的导航项并设为激活状态
- const navItems = document.querySelectorAll('.nav-item');
- navItems.forEach(item => {
- const onclick = item.getAttribute('onclick');
- if (onclick && onclick.includes(`switchPage('${pageName}')`)) {
- item.classList.add('active');
- }
- });
-
- // 切换页面内容
- document.querySelectorAll('.page-content').forEach(page => {
- page.classList.remove('active');
- });
- document.getElementById(`page-${pageName}`).classList.add('active');
-
- // 根据页面执行特定操作
- if (pageName === 'files') {
- sshClient.loadSavedServers().then(() => {
- // 如果当前有连接的服务器，自动选择它
- sshClient.switchToFileManagerWithCurrentServer();
- });
- }
-}
-
-// 侧边栏折叠
-function toggleSidebar() {
- const sidebar = document.getElementById('sidebar');
- const title = document.getElementById('sidebarTitle');
- const navTexts = document.querySelectorAll('.nav-text');
-
- sidebar.classList.toggle('collapsed');
-
- if (sidebar.classList.contains('collapsed')) {
- title.style.display = 'none';
- navTexts.forEach(text => text.style.display = 'none');
- } else {
- title.style.display = 'inline';
- navTexts.forEach(text => text.style.display = 'inline');
- }
-}
-
-// SSH连接相关
-function connectSSH() {
- const host = document.getElementById('host').value.trim();
- const port = document.getElementById('port').value.trim();
- const username = document.getElementById('username').value.trim();
- const password = document.getElementById('password').value.trim();
-
- if (!host || !username || !password) {
- sshClient.showAlert('请填写完整的连接信息', 'danger');
- return;
- }
-
- sshClient.connect(host, port || 22, username, password);
-}
-
-function disconnectSSH() {
- sshClient.disconnect();
-}
-
-function testConnection() {
- sshClient.testConnection();
-}
-
-function loadSavedServers() {
- sshClient.loadSavedServers();
-}
-
-function loadServerConfig() {
- sshClient.loadServerConfig();
-}
-
-// 文件管理相关
-function switchFileServer() {
- sshClient.switchFileServer();
-}
-
-function refreshFiles() {
- sshClient.refreshFiles();
-}
-
-function navigateUp() {
- sshClient.navigateUp();
-}
-
-function showUploadModal() {
- document.getElementById('uploadModal').classList.add('active');
- document.getElementById('uploadPath').value = sshClient.currentPath || '/';
-}
-
-function handleUpload() {
- console.log('handleUpload called');
- try {
- sshClient.uploadFiles();
- } catch (error) {
- console.error('Error in handleUpload:', error);
- }
-}
-
-function uploadFiles(event) {
- sshClient.uploadFiles(event);
-}
-
-function downloadFile(filename) {
- sshClient.downloadFile(filename);
-}
-
-function deleteFile(filename, isDirectory) {
- sshClient.deleteFile(filename, isDirectory);
-}
-
-function createFolder() {
- sshClient.createFolder();
-}
-
-// 弹窗相关
-function closeModal(modalId) {
- document.getElementById(modalId).classList.remove('active');
-}
-
-// 点击弹窗背景关闭弹窗
-document.addEventListener('click', function(event) {
- if (event.target.classList.contains('modal')) {
- event.target.classList.remove('active');
- }
-});
-
-// 键盘快捷键
-document.addEventListener('keydown', function(event) {
- // Escape 关闭弹窗
- if (event.key === 'Escape') {
- document.querySelectorAll('.modal.active').forEach(modal => {
- modal.classList.remove('active');
- });
- }
-
- // Ctrl+Enter 快速连接
- if (event.ctrlKey && event.key === 'Enter' && !sshClient.connected) {
- connectSSH();
- }
-});
-
-// 页面卸载时断开连接
-window.addEventListener('beforeunload', function(event) {
- if (sshClient && sshClient.connected) {
- sshClient.disconnect();
- }
-});
\ No newline at end of file
diff --git a/src/main/resources/static/assets/logo.03d6d6da.png b/src/main/resources/static/assets/logo.03d6d6da.png
new file mode 100644
index 0000000..f3d2503
Binary files /dev/null and b/src/main/resources/static/assets/logo.03d6d6da.png differ
diff --git a/src/main/resources/static/assets/vendor.a8167e4a.js b/src/main/resources/static/assets/vendor.a8167e4a.js
new file mode 100644
index 0000000..933249c
--- /dev/null
+++ b/src/main/resources/static/assets/vendor.a8167e4a.js
@@ -0,0 +1,28 @@
+/**
+* @vue/shared v3.5.20
+* (c) 2018-present Yuxi (Evan) You and Vue contributors
+* @license MIT
+**/
+/*! #__NO_SIDE_EFFECTS__ */
+function e(e){const t=Object.create(null);for(const n of e.split(","))t[n]=1;return e=>e in t}const t={},n=[],o=()=>{},r=()=>!1,l=e=>111===e.charCodeAt(0)&&110===e.charCodeAt(1)&&(e.charCodeAt(2)>122||e.charCodeAt(2)<97),i=e=>e.startsWith("onUpdate:"),a=Object.assign,s=(e,t)=>{const n=e.indexOf(t);n>-1&&e.splice(n,1)},c=Object.prototype.hasOwnProperty,u=(e,t)=>c.call(e,t),d=Array.isArray,p=e=>"[object Map]"===y(e),v=e=>"function"==typeof e,f=e=>"string"==typeof e,h=e=>"symbol"==typeof e,g=e=>null!==e&&"object"==typeof e,m=e=>(g(e)||v(e))&&v(e.then)&&v(e.catch),b=Object.prototype.toString,y=e=>b.call(e),$=e=>f(e)&&"NaN"!==e&&"-"!==e[0]&&""+parseInt(e,10)===e,x=e(",key,ref,ref_for,ref_key,onVnodeBeforeMount,onVnodeMounted,onVnodeBeforeUpdate,onVnodeUpdated,onVnodeBeforeUnmount,onVnodeUnmounted"),S=e=>{const t=Object.create(null);return n=>t[n]||(t[n]=e(n))},w=/-(\w)/g,C=S((e=>e.replace(w,((e,t)=>t?t.toUpperCase():"")))),k=/\B([A-Z])/g,O=S((e=>e.replace(k,"-$1").toLowerCase())),I=S((e=>e.charAt(0).toUpperCase()+e.slice(1))),M=S((e=>e?`on${I(e)}`:"")),P=(e,t)=>!Object.is(e,t),E=(e,...t)=>{for(let n=0;n