/* ============ 应用注册表 + 核心应用（访达/终端/文本编辑/备忘录/计算器/日历） ============ */ 'use strict'; const Apps = { registry: {}, register(def) { def.w = def.w || 720; def.h = def.h || 480; def.minW = def.minW || 320; def.minH = def.minH || 240; def.about = def.about || `${def.name} — macOS 网页版内置应用`; this.registry[def.id] = def; }, get(id) { return this.registry[id]; }, open(id, args) { const app = this.get(id); if (!app) { console.warn('[apps] 未注册:', id); return null; } if (app.singleton !== false) { const ex = WM.windowsForApp(id)[0]; if (ex) { if (args && app.onArgs) { try { app.onArgs(args, ex); } catch (e) { console.error(e); } } WM.focus(ex); return ex; } } const win = WM.openWindow({ app, title: app.name, icon: app.icon, w: app.w, h: app.h, minW: app.minW, minH: app.minH, data: args }); try { app.render(win, args || {}); } catch (e) { console.error('[apps] 渲染失败:', id, e); win.body.append(el('div', { class: 'empty-state' }, el('div', { class: 'es-icon', text: '⚠️' }), el('div', { text: `${app.name} 打开失败` }))); } return win; }, quit(id) { WM.windowsForApp(id).slice().forEach(w => WM.close(w)); }, openPath(path) { const n = FS.node(path); if (!n) { UI.alert('找不到项目', `“${FS.baseName(path)}”不存在。`, 'assets/icons/finder.png'); return; } if (n.t === 'd') return this.open('finder', { path }); if (n.t === 'a') return this.open(n.app); const ext = (path.split('.').pop() || '').toLowerCase(); if (['png', 'jpg', 'jpeg', 'gif', 'webp', 'svg'].includes(ext) || ext === 'pdf') return this.open('preview', { path }); return this.open('textedit', { path }); } }; /* 标准菜单构造 */ function stdMenus(app, { file = [], edit = [], view = [], format = [], store = [] } = {}) { const menus = []; menus.push({ label: '文件', items: () => [ ...file, file.length ? { sep: true } : null, { label: '关闭窗口', key: '⌘W', disabled: !WM.activeWin, action: () => WM.activeWin && WM.close(WM.activeWin) }, ].filter(Boolean) }); const editBase = () => { const a = document.activeElement; const isText = a && (a.tagName === 'INPUT' || a.tagName === 'TEXTAREA' || a.isContentEditable); const doCmd = cmd => { if (!isText) return; if (cmd === 'selectAll') { a.select ? a.select() : document.execCommand('selectAll'); return; } if (cmd === 'cut' || cmd === 'copy') { const sel = a.value?.slice(a.selectionStart, a.selectionEnd) ?? ''; if (cmd === 'copy' && sel) navigator.clipboard?.writeText(sel); if (cmd === 'cut' && sel) { navigator.clipboard?.writeText(sel); a.setRangeText('', a.selectionStart, a.selectionEnd, 'end'); a.dispatchEvent(new Event('input', { bubbles: true })); } } if (cmd === 'paste') navigator.clipboard?.readText().then(t => { a.setRangeText(t, a.selectionStart, a.selectionEnd, 'end'); a.dispatchEvent(new Event('input', { bubbles: true })); }).catch(() => {}); }; return [ ...edit, edit.length ? { sep: true } : null, { label: '剪切', key: '⌘X', disabled: !isText, action: () => doCmd('cut') }, { label: '拷贝', key: '⌘C', disabled: !isText, action: () => doCmd('copy') }, { label: '粘贴', key: '⌘V', disabled: !isText, action: () => doCmd('paste') }, { label: '全选', key: '⌘A', disabled: !isText, action: () => doCmd('selectAll') }, ].filter(Boolean); }; menus.push({ label: '编辑', items: editBase }); menus.push({ label: '显示', items: () => [ ...view, view.length ? { sep: true } : null, { label: WM.activeWin?.state === 'fullscreen' ? '退出全屏' : '进入全屏', key: '⌃⌘F', disabled: !WM.activeWin, action: () => WM.activeWin && WM.toggleFullscreen(WM.activeWin) }, ].filter(Boolean) }); if (format.length) menus.push({ label: '格式', items: () => format }); if (store.length) menus.push({ label: '商店', items: () => store }); menus.push({ label: '窗口', items: () => { const wins = WM.windows; return [ { label: '最小化', key: '⌘M', disabled: !WM.activeWin, action: () => WM.activeWin && WM.minimize(WM.activeWin) }, { label: '缩放', disabled: !WM.activeWin, action: () => WM.activeWin && WM.toggleZoom(WM.activeWin) }, { sep: true }, ...wins.map(w => ({ label: w.title, checked: w === WM.activeWin, action: () => WM.focus(w) })), wins.length ? { sep: true } : null, { label: '全部前置', disabled: !wins.length, action: () => wins.forEach(w => WM.restore(w)) }, ].filter(Boolean); } }); menus.push({ label: '帮助', items: () => [ { label: `${app.name}帮助`, action: () => UI.dialog({ icon: app.icon, title: `${app.name}帮助`, msg: app.about, buttons: ['好'] }) }, ] }); return menus; } /* ==================== 访达 ==================== */ const FinderApp = { id: 'finder', name: '访达', icon: 'assets/icons/finder.png', w: 860, h: 540, minW: 560, minH: 340, singleton: false, menus(win) { const st = win?.appState; return stdMenus(this, { file: [ { label: '新建 Finder 窗口', key: '⌘N', action: () => Apps.open('finder', { path: st?.path }) }, { label: '新建文件夹', key: '⇧⌘N', action: () => st?.newFolder() }, { sep: true }, { label: '移到废纸篓', key: '⌘⌫', disabled: !st?.selection.size, action: () => st?.trashSelection() }, { label: '显示简介', key: '⌘I', disabled: st?.selection.size !== 1, action: () => st?.showInfo() }, ], edit: [ { label: '拷贝', key: '⌘C', disabled: !st?.selection.size, action: () => st?.copySel('copy') }, { label: '粘贴', key: '⌘V', disabled: !st?.clipboard, action: () => st?.paste() }, ], view: [ { label: '按图标显示', key: '⌘1', checked: st?.view === 'icon', action: () => st?.setView('icon') }, { label: '按列表显示', key: '⌘2', checked: st?.view === 'list', action: () => st?.setView('list') }, { sep: true }, { label: '排序方式', submenu: [ { label: '名称', checked: st?.sortBy === 'name', action: () => st?.setSort('name') }, { label: '种类', checked: st?.sortBy === 'kind', action: () => st?.setSort('kind') }, { label: '修改日期', checked: st?.sortBy === 'date', action: () => st?.setSort('date') }, ] }, ] }); }, render(win, args) { const st = win.appState = { path: args.path || FS.HOME + '/Desktop', history: [], hi: -1, anchor: null, view: Sys.settings.finderView, sortBy: Sys.settings.finderSort, selection: new Set(), clipboard: FinderApp.clipboard || null, search: '', }; // 历史模型：history 保存完整访问路径（含当前），hi 指向当前位置。 // back 只 hi--，forward 只 hi++；普通导航删除 forward 分支、追加并移动 hi。 st.navigate = (p, push = true) => { if (!FS.isDir(p)) return; p = FS.normalize(p); if (push && st.history[st.hi] !== p) { st.history = st.history.slice(0, st.hi + 1); st.history.push(p); st.hi = st.history.length - 1; } st.path = p; st.selection.clear(); st.anchor = null; st.search = ''; searchInput.value = ''; render(); }; st.back = () => { if (st.hi > 0) { st.hi--; st.navigate(st.history[st.hi], false); } }; st.fwd = () => { if (st.hi < st.history.length - 1) { st.hi++; st.navigate(st.history[st.hi], false); } }; // 初始路径只入列一次；args.path 打开时不产生重复历史 st.history = [FS.normalize(st.path)]; st.hi = 0; st.setView = v => { st.view = v; Sys.settings.finderView = v; Sys.save(); render(); }; st.setSort = s => { st.sortBy = s; Sys.settings.finderSort = s; Sys.save(); render(); }; st.newFolder = async () => { const name = await UI.prompt('新建文件夹', '请输入文件夹名称：', '未命名文件夹'); if (!name) return; try { FS.mkdir(FS.join(st.path, name)); } catch (e) { UI.alert('无法创建', e.message, this.icon); } }; st.trashSelection = () => { [...st.selection].forEach(p => { try { FS.trash(p); } catch (e) { UI.alert('无法移到废纸篓', e.message, this.icon); } }); st.selection.clear(); }; st.copySel = op => { st.clipboard = FinderApp.clipboard = { op, paths: [...st.selection], from: st.path }; }; st.paste = () => { const cb = st.clipboard; if (!cb) return; for (const p of cb.paths) { try { cb.op === 'copy' ? FS.copy(p, st.path) : FS.move(p, st.path); } catch (e) { UI.alert('粘贴失败', e.message, this.icon); } } if (cb.op === 'cut') { st.clipboard = FinderApp.clipboard = null; } }; st.showInfo = () => { const p = [...st.selection][0]; if (!p) return; const n = FS.node(p); const size = n.t === 'f' ? fmtBytes((n.data || '').length) : (n.t === 'd' ? `${Object.keys(n.c).length} 个项目` : '—'); UI.dialog({ icon: FS.iconFor(p), title: FS.baseName(p) + ' 简介', buttons: ['好'], msg: `种类：${FS.kindOf(p)}\n大小：${size}\n位置：${FS.dirName(p).replace(FS.HOME, '~')}\n修改时间：${new Date(n.mtime || 0).toLocaleString('zh-CN')}` }); }; st.startRename = p => { const itemEl = content.querySelector(`[data-path="${CSS.escape(p)}"]`); if (!itemEl) return; const nameEl = itemEl.querySelector('.fi-name'); const old = FS.baseName(p); const input = el('input', { class: 'text-input fi-rename', value: old }); nameEl.replaceWith(input); input.focus(); const dot = old.lastIndexOf('.'); input.setSelectionRange(0, dot > 0 ? dot : old.length); let done = false; const commit = () => { if (done) return; done = true; const v = input.value.trim(); if (v && v !== old) { try { FS.rename(p, v); } catch (e) { UI.alert('无法重命名', e.message, this.icon); } } render(); content.focus({ preventScroll: true }); }; input.addEventListener('keydown', e => { e.stopPropagation(); if (e.key === 'Enter') commit(); if (e.key === 'Escape') { done = true; render(); } }); input.addEventListener('blur', commit); }; // ===== 布局 ===== win.body.classList.add('finder'); const backBtn = el('button', { class: 'fb-btn', title: '后退', html: '‹' }); const fwdBtn = el('button', { class: 'fb-btn', title: '前进', html: '›' }); const crumb = el('div', { class: 'fb-crumb' }); const viewSeg = el('div', { class: 'segmented' }, el('button', { text: '图标', title: '图标视图', onclick: () => st.setView('icon') }), el('button', { text: '列表', title: '列表视图', onclick: () => st.setView('list') })); const sortSel = el('select', { class: 'text-input fb-sort', title: '排序方式' }, el('option', { value: 'name', text: '按名称' }), el('option', { value: 'kind', text: '按种类' }), el('option', { value: 'date', text: '按日期' })); sortSel.value = st.sortBy; sortSel.addEventListener('change', () => st.setSort(sortSel.value)); const newBtn = el('button', { class: 'fb-btn', title: '新建文件夹', html: '＋' }); newBtn.addEventListener('click', () => st.newFolder()); const searchInput = el('input', { class: 'text-input fb-search', type: 'search', placeholder: '搜索' }); searchInput.addEventListener('input', debounce(() => { st.search = searchInput.value.trim(); renderList(); }, 200)); const toolbar = el('div', { class: 'fb-toolbar' }, backBtn, fwdBtn, crumb, viewSeg, sortSel, newBtn, searchInput); const side = el('div', { class: 'fb-sidebar' }); const content = el('div', { class: 'fb-content', tabindex: '0' }); const main = el('div', { class: 'fb-main' }, side, content); win.body.append(toolbar, main); const favs = [ ['桌面', FS.HOME + '/Desktop', '🖥'], ['文稿', FS.HOME + '/Documents', '📄'], ['下载', FS.HOME + '/Downloads', '⬇️'], ['图片', FS.HOME + '/Pictures', '🖼'], ['音乐', FS.HOME + '/Music', '🎵'], ['应用程序', FS.HOME + '/Applications', '📦'], ]; const locs = [['iCloud 云盘', '__icloud', '☁️'], ['废纸篓', FS.TRASH, '🗑']]; const renderSide = () => { side.innerHTML = ''; const group = (title, items) => { side.append(el('div', { class: 'fb-side-title', text: title })); for (const [name, p, ico] of items) { const row = el('div', { class: 'fb-side-item' + (st.path === p ? ' sel' : '') }, el('span', { class: 'fb-side-ico', text: ico }), el('span', { text: name })); row.addEventListener('click', () => { if (p === '__icloud') { UI.dialog({ icon: 'assets/icons/finder.png', title: 'iCloud 云盘', msg: 'iCloud 在离线环境下不可用。你的文件都保存在本机的虚拟磁盘中。', buttons: ['好'] }); return; } st.navigate(p); }); side.append(row); } }; group('个人收藏', favs); group('位置', locs); }; const sortItems = items => { const by = st.sortBy; return items.sort((a, b) => { if ((a.node.t === 'd') !== (b.node.t === 'd')) return a.node.t === 'd' ? -1 : 1; if (by === 'kind') return FS.kindOf(a.path).localeCompare(FS.kindOf(b.path), 'zh') || a.name.localeCompare(b.name, 'zh-Hans-CN'); if (by === 'date') return (b.node.mtime || 0) - (a.node.mtime || 0); return a.name.localeCompare(b.name, 'zh-Hans-CN'); }); }; const renderCrumb = () => { crumb.innerHTML = ''; const rel = st.path === FS.HOME ? ['~'] : st.path.replace(FS.HOME, '~').split('/').filter(Boolean); let acc = ''; rel.forEach((seg, i) => { acc += (i === 0 && seg === '~') ? '' : '/' + seg; const target = seg === '~' ? FS.HOME : FS.join(FS.HOME, acc); const b = el('button', { class: 'fb-crumb-item' + (i === rel.length - 1 ? ' cur' : ''), text: seg === '~' ? '客人用户' : seg }); b.addEventListener('click', () => st.navigate(target)); crumb.append(b); if (i < rel.length - 1) crumb.append(el('span', { class: 'fb-crumb-sep', text: '›' })); }); }; /* 仅选择变化：切换 class，不重建列表 DOM（保证双击、重命名输入、拖拽不被打断） */ const updateSel = () => { content.querySelectorAll('.fb-item').forEach(n => n.classList.toggle('sel', st.selection.has(n.dataset.path))); }; const renderList = () => { content.innerHTML = ''; content.className = 'fb-content ' + (st.view === 'icon' ? 'icon-view' : 'list-view'); let items = []; try { items = FS.list(st.path); } catch (e) { content.append(el('div', { class: 'empty-state', text: '无法读取此文件夹' })); return; } if (st.search) items = items.filter(it => it.name.toLowerCase().includes(st.search.toLowerCase())); items = sortItems(items); if (!items.length) { content.append(el('div', { class: 'empty-state' }, el('div', { class: 'es-icon', text: '📂' }), el('div', { text: st.search ? '没有匹配的结果' : '文件夹为空' }))); } for (const it of items) { const selected = st.selection.has(it.path); const itemEl = el('div', { class: 'fb-item' + (selected ? ' sel' : ''), dataset: { path: it.path }, draggable: 'true', tabindex: '0', }, iconImg(FS.iconFor(it.path), 'fi-icon', ''), el('div', { class: 'fi-name', text: it.name })); if (st.view === 'list') { itemEl.append( el('span', { class: 'fi-col', text: FS.kindOf(it.path) }), el('span', { class: 'fi-col', text: it.node.mtime ? new Date(it.node.mtime).toLocaleDateString('zh-CN') : '—' }), el('span', { class: 'fi-col', text: it.node.t === 'f' ? fmtBytes((it.node.data || '').length) : '—' })); } itemEl.addEventListener('click', e => { e.stopPropagation(); if (e.metaKey || e.ctrlKey) { st.selection.has(it.path) ? st.selection.delete(it.path) : st.selection.add(it.path); st.anchor = it.path; } else if (e.shiftKey && st.anchor) { const arr = items.map(x => x.path); const a = arr.indexOf(st.anchor), b = arr.indexOf(it.path); if (a >= 0 && b >= 0) st.selection = new Set(arr.slice(Math.min(a, b), Math.max(a, b) + 1)); } else { st.selection = new Set([it.path]); st.anchor = it.path; } updateSel(); content.focus({ preventScroll: true }); }); itemEl.addEventListener('dblclick', e => { e.stopPropagation(); it.node.t === 'd' ? st.navigate(it.path) : Apps.openPath(it.path); }); itemEl.addEventListener('contextmenu', e => { e.preventDefault(); e.stopPropagation(); if (!st.selection.has(it.path)) { st.selection = new Set([it.path]); st.anchor = it.path; updateSel(); } UI.contextMenu(this.itemMenu(st, it), e); }); itemEl.addEventListener('dragstart', e => { e.dataTransfer.setData('text/x-fspath', it.path); }); if (it.node.t === 'd') { itemEl.addEventListener('dragover', e => { e.preventDefault(); itemEl.classList.add('drop-hint'); }); itemEl.addEventListener('dragleave', () => itemEl.classList.remove('drop-hint')); itemEl.addEventListener('drop', e => { e.preventDefault(); itemEl.classList.remove('drop-hint'); const src = e.dataTransfer.getData('text/x-fspath'); if (src && src !== it.path) { try { FS.move(src, it.path); } catch (err) { UI.alert('无法移动', err.message, this.icon); } } }); } content.append(itemEl); } }; content.addEventListener('click', () => { if (st.selection.size) { st.selection.clear(); st.anchor = null; updateSel(); } }); content.addEventListener('contextmenu', e => { if (e.target.closest('.fb-item')) return; e.preventDefault(); UI.contextMenu([ { label: '新建文件夹', action: () => st.newFolder() }, { sep: true }, { label: '按图标显示', checked: st.view === 'icon', action: () => st.setView('icon') }, { label: '按列表显示', checked: st.view === 'list', action: () => st.setView('list') }, { sep: true }, { label: '粘贴', disabled: !st.clipboard, action: () => st.paste() }, { label: '显示简介', action: () => { const n = FS.node(st.path); UI.dialog({ icon: 'assets/icons/folder.svg', title: FS.baseName(st.path) + ' 简介', buttons: ['好'], msg: `种类：文件夹\n项目数：${Object.keys(n.c).length}\n位置：${st.path.replace(FS.HOME, '~')}` }); } }, ], e); }); content.addEventListener('keydown', e => { if (e.key === 'Backspace' && (e.metaKey || e.ctrlKey)) { st.trashSelection(); e.preventDefault(); } else if (e.key === 'Enter' && st.selection.size === 1) { st.startRename([...st.selection][0]); e.preventDefault(); } else if ((e.metaKey || e.ctrlKey) && e.key.toLowerCase() === 'c') { st.copySel('copy'); } else if ((e.metaKey || e.ctrlKey) && e.key.toLowerCase() === 'v') { st.paste(); } else if ((e.metaKey || e.ctrlKey) && e.key.toLowerCase() === 'a') { e.preventDefault(); st.selection = new Set(FS.list(st.path).map(i => i.path)); updateSel(); } else if (e.key === 'Delete' && st.selection.size) { st.trashSelection(); } }); backBtn.addEventListener('click', () => { if (st.hi >= 0) { const p = st.history[st.hi--]; st.navigate(p, false); } }); fwdBtn.addEventListener('click', () => { if (st.hi < st.history.length - 1) { const p = st.history[++st.hi]; st.navigate(p, false); } }); const render = () => { WM.setTitle(win, st.path === FS.TRASH ? '废纸篓' : FS.baseName(st.path) || '访达'); renderSide(); renderCrumb(); renderList(); backBtn.disabled = st.hi <= 0; fwdBtn.disabled = st.hi >= st.history.length - 1; viewSeg.children[0].classList.toggle('on', st.view === 'icon'); viewSeg.children[1].classList.toggle('on', st.view === 'list'); sortSel.value = st.sortBy; }; win._fsUnsub = Bus.on('fs:changed', () => { if (document.body.contains(win.el)) render(); }); win.onClose = () => { win._fsUnsub && win._fsUnsub(); }; render(); if (args.path) st.navigate(args.path); }, itemMenu(st, it) { const inTrash = st.path === FS.TRASH || st.path.startsWith(FS.TRASH + '/'); if (inTrash) return [ { label: '放回原处', action: () => { try { FS.restore(it.name); } catch (e) { UI.alert('无法还原', e.message, 'assets/icons/finder.png'); } } }, { label: '立即删除…', action: async () => { if (await UI.confirm('确定要永久删除吗？', `“${it.name}”将被永久删除，此操作无法撤销。`, { ok: '删除', danger: true })) FS.remove(it.path); } }, { sep: true }, { label: '清空废纸篓…', action: async () => { if (await UI.confirm('确定要清空废纸篓吗？', '此操作无法撤销。', { ok: '清空', danger: true })) FS.emptyTrash(); } }, ]; return [ { label: '打开', action: () => it.node.t === 'd' ? st.navigate(it.path) : Apps.openPath(it.path) }, { sep: true }, { label: '显示简介', action: () => { st.selection = new Set([it.path]); st.showInfo(); } }, { label: '重命名', action: () => st.startRename(it.path) }, { label: '复制“' + it.name + '”', action: () => { try { FS.copy(it.path, st.path); } catch (e) { UI.alert('无法复制', e.message, 'assets/icons/finder.png'); } } }, { sep: true }, { label: '移到废纸篓', action: () => { st.selection = new Set([it.path]); st.trashSelection(); } }, ]; }, clipboard: null, }; Apps.register(FinderApp); window.Apps = Apps; window.stdMenus = stdMenus; /* ==================== 终端 ==================== */ Apps.register({ id: 'terminal', name: '终端', icon: 'assets/icons/terminal.png', w: 640, h: 420, minW: 420, minH: 260, singleton: false, menus(win) { const st = win?.appState; return stdMenus(this, { file: [{ label: '新建窗口', key: '⌘N', action: () => Apps.open('terminal') }], edit: [{ label: '清屏', key: '⌘K', action: () => st?.clear() }], }); }, render(win) { const st = win.appState = { cwd: FS.HOME, hist: [], hi: -1 }; win.body.classList.add('term-body'); const out = el('div', { class: 'term-out' }); const inputRow = el('div', { class: 'term-input-row' }); const promptEl = el('span', { class: 'term-prompt' }); const input = el('input', { class: 'term-input', spellcheck: 'false', autocomplete: 'off', 'aria-label': '终端输入' }); inputRow.append(promptEl, input); win.body.append(out, inputRow); const short = p => p.replace(FS.HOME, '~') || '/'; const setPrompt = () => { promptEl.textContent = `guest@MacBook-Pro ${short(st.cwd)} % `; }; const print = (text, cls = '') => { out.append(el('div', { class: 'term-line ' + cls, text })); out.scrollTop = out.scrollHeight; }; const printHtml = html => { out.append(el('div', { class: 'term-line', html })); out.scrollTop = out.scrollHeight; }; st.clear = () => { out.innerHTML = ''; }; const resolve = p => { if (!p) return st.cwd; if (p.startsWith('~')) p = FS.HOME + p.slice(1); return FS.normalize(p.startsWith('/') ? p : st.cwd + '/' + p); }; /* tokenizer：支持单引号（原样）、双引号（内可用 \" \\ 转义）、反斜杠转义（引号外转任意字符） */ const tokenize = s => { const out = []; let cur = ''; let q = null; let esc = false; let started = false; for (const ch of s) { if (esc) { cur += ch; esc = false; started = true; continue; } if (q === "'") { if (ch === "'") { q = null; } else cur += ch; continue; } if (q === '"') { if (ch === '"') q = null; else if (ch === '\\') esc = true; else cur += ch; continue; } if (ch === '\\') { esc = true; started = true; continue; } if (ch === "'" || ch === '"') { q = ch; started = true; continue; } if (/\s/.test(ch)) { if (started) { out.push(cur); cur = ''; started = false; } continue; } cur += ch; started = true; } if (esc) cur += '\\'; if (q) throw new Error('未闭合的引号'); if (started) out.push(cur); return out; }; const run = cmdline => { print(promptEl.textContent + cmdline, 'term-echo'); let args; try { args = tokenize(cmdline.trim()); } catch (te) { print('zsh: ' + te.message, 'term-err'); return; } if (!args.length) return; const [cmd, ...rest] = args; const err = m => print(m, 'term-err'); const flagsOf = () => rest.filter(a => a.startsWith('-')).join(''); const operands = () => rest.filter(a => !a.startsWith('-')); try { switch (cmd) { case 'help': print(['可用命令：', ' help pwd ls [路径] cd <路径> cat <文件>', ' touch <文件> mkdir <目录> rm [-r] <路径> mv <源> <目标> cp [-r] <源> <目标>', ' open <路径|应用> echo <文本> clear date whoami uname', '路径支持 ~ 、相对路径与引号（如 cd "~/Sample Folder"），与访达共享同一文件系统。'].join('\n')); break; case 'pwd': print(st.cwd); break; case 'whoami': print('guest'); break; case 'uname': print('Darwin MacBook-Pro.local 24.5.0 Darwin Kernel Version 24.5.0 (Web) arm64'); break; case 'date': print(new Date().toLocaleString('zh-CN', { hour12: false })); break; case 'clear': st.clear(); break; case 'echo': print(rest.join(' ')); break; case 'ls': { const p = resolve(operands()[0]); const items = FS.list(p, { showHidden: rest.includes('-a') }); if (rest.includes('-l')) items.forEach(it => print(`${it.node.t === 'd' ? 'd' : '-'}rw-r--r-- ${it.node.t === 'f' ? String((it.node.data || '').length).padStart(6) : ' -'} ${it.name}`)); else print(items.map(it => it.name + (it.node.t === 'd' ? '/' : '')).join(' ') || ''); break; } case 'cd': { const p = resolve(operands()[0] || FS.HOME); if (!FS.isDir(p)) return err(`cd: 不是目录: ${operands()[0] || ''}`); st.cwd = p; setPrompt(); break; } case 'cat': { if (!operands()[0]) return err('cat: 缺少文件'); print(FS.read(resolve(operands()[0]))); break; } case 'touch': { if (!operands()[0]) return err('touch: 缺少文件'); const p = resolve(operands()[0]); if (FS.exists(p)) { const n = FS.node(p); n.mtime = Date.now(); FS.save(); } // 已存在：仅更新 mtime else FS.write(p, ''); break; } case 'mkdir': { if (!operands()[0]) return err('mkdir: 缺少目录'); FS.mkdir(resolve(operands()[0])); break; } case 'rm': { const ops = operands(); if (!ops.length) return err('rm: 缺少路径'); const recursive = flagsOf().includes('r') || flagsOf().includes('R'); const force = flagsOf().includes('f'); for (const t of ops) { const rp = resolve(t); try { if (!FS.exists(rp)) { if (!force) err(`rm: ${t}: 没有那个文件或目录`); continue; } if (FS.isDir(rp) && !recursive) { err(`rm: ${t}: 是一个目录（递归删除请用 rm -r）`); continue; } FS.remove(rp); } catch (e2) { err(`rm: ${t}: ${e2.message}`); } } break; } case 'mv': { const ops = operands(); if (ops.length < 2) return err('mv: 用法 mv <源> <目标>'); const s = resolve(ops[0]), d = resolve(ops[1]); try { if (!FS.exists(s)) return err(`mv: ${ops[0]}: 没有那个文件或目录`); if (FS.isDir(d)) FS.move(s, d); // 目标是目录：保留原名移入 else { if (FS.exists(d)) return err(`mv: ${ops[1]}: 目标已存在`); const dir = FS.dirName(d); if (!FS.isDir(dir)) return err(`mv: ${ops[1]}: 目标目录不存在`); const np = FS.move(s, dir); // 目标是文件路径：移动并改名（只执行一次） FS.rename(np, FS.baseName(d)); } } catch (e2) { err(`mv: ${e2.message}`); } break; } case 'cp': { const ops = operands(); if (ops.length < 2) return err('cp: 用法 cp [-r] <源> <目标>'); const s = resolve(ops[0]), d = resolve(ops[1]); try { if (!FS.exists(s)) return err(`cp: ${ops[0]}: 没有那个文件或目录`); if (FS.isDir(s) && !(flagsOf().includes('r') || flagsOf().includes('R'))) return err(`cp: ${ops[0]} 是一个目录（复制目录请用 cp -r）`); if (FS.isDir(d)) FS.copy(s, d); // 目标是目录：保留原名 else { if (FS.exists(d)) return err(`cp: ${ops[1]}: 目标已存在`); const dir = FS.dirName(d); if (!FS.isDir(dir)) return err(`cp: ${ops[1]}: 目标目录不存在`); const np = FS.copy(s, dir); // 目标是文件路径：复制并改名 FS.rename(np, FS.baseName(d)); } } catch (e2) { err(`cp: ${e2.message}`); } break; } case 'open': { if (!operands()[0]) return err('open: 缺少路径'); const p = resolve(operands()[0]); if (FS.exists(p)) Apps.openPath(p); else if (Apps.get(operands()[0])) Apps.open(operands()[0]); else err(`open: 找不到: ${operands()[0]}`); break; } default: err(`zsh: command not found: ${cmd}`); } } catch (e2) { err(`${cmd}: ${e2.message}`); } }; input.addEventListener('keydown', e => { e.stopPropagation(); if (e.key === 'Enter') { const v = input.value; input.value = ''; if (v.trim()) { st.hist.push(v); st.hi = st.hist.length; } run(v); } else if (e.key === 'ArrowUp') { e.preventDefault(); if (st.hi > 0) { st.hi--; input.value = st.hist[st.hi] || ''; } } else if (e.key === 'ArrowDown') { e.preventDefault(); if (st.hi < st.hist.length - 1) { st.hi++; input.value = st.hist[st.hi]; } else { st.hi = st.hist.length; input.value = ''; } } else if (e.ctrlKey && e.key.toLowerCase() === 'l') { e.preventDefault(); st.clear(); } else if (e.ctrlKey && e.key.toLowerCase() === 'c') { print(promptEl.textContent + input.value + ' ^C', 'term-echo'); input.value = ''; } }); win.body.addEventListener('click', () => input.focus()); print('Last login: ' + new Date().toLocaleString('zh-CN') + ' on ttys000', 'term-dim'); setPrompt(); setTimeout(() => input.focus(), 60); } }); /* ==================== 文本编辑 ==================== */ Apps.register({ id: 'textedit', name: '文本编辑', icon: 'assets/icons/textedit.svg', w: 680, h: 520, minW: 380, minH: 260, singleton: false, menus(win) { const st = win?.appState; return stdMenus(this, { file: [ { label: '新建', key: '⌘N', action: () => Apps.open('textedit') }, { label: '打开…', key: '⌘O', action: () => st?.openPicker() }, { sep: true }, { label: '保存', key: '⌘S', action: () => st?.save() }, { label: '另存为…', key: '⇧⌘S', action: () => st?.saveAs() }, ], format: [ { label: '放大字体', key: '⌘+', action: () => st?.setFont(1) }, { label: '缩小字体', key: '⌘−', action: () => st?.setFont(-1) }, { label: '恢复默认字号', key: '⌘0', action: () => st?.setFont(0) }, ] }); }, render(win, args) { const st = win.appState = { path: args.path || null, dirty: false, fontSize: 14 }; win.body.classList.add('te-body'); const ta = el('textarea', { class: 'te-area', placeholder: '开始输入…', 'aria-label': '文本内容' }); win.body.append(ta); const name = () => st.path ? FS.baseName(st.path) : '未命名'; const refreshTitle = () => WM.setTitle(win, name(), st.dirty); if (st.path) { try { ta.value = FS.read(st.path); } catch (e) { UI.alert('无法打开', e.message, this.icon); st.path = null; } } refreshTitle(); ta.addEventListener('input', () => { if (!st.dirty) { st.dirty = true; refreshTitle(); } }); st.setFont = d => { st.fontSize = d === 0 ? 14 : clamp(st.fontSize + d, 10, 28); ta.style.fontSize = st.fontSize + 'px'; }; st.save = () => { if (!st.path) return st.saveAs(); try { FS.write(st.path, ta.value); st.dirty = false; refreshTitle(); } catch (e) { UI.alert('保存失败', e.message, this.icon); } }; st.saveAs = async () => { const v = await UI.prompt('另存为', '输入保存路径（相对于文稿文件夹）：', (st.path ? FS.baseName(st.path) : '未命名.txt')); if (!v) return false; const p = v.startsWith('/') ? FS.normalize(v) : FS.join(FS.HOME + '/Documents', v); try { FS.write(p, ta.value); st.path = p; st.dirty = false; refreshTitle(); return true; } catch (e) { await UI.alert('保存失败', e.message, this.icon); return false; } }; st.openPicker = async () => { const files = []; FS.walk(FS.HOME, (p, n) => { if (n.t === 'f' && !p.startsWith(FS.TRASH)) files.push(p); }); if (!files.length) return UI.alert('没有可打开的文件', '', this.icon); const v = await UI.prompt('打开文件', '输入文件路径：\n' + files.slice(0, 8).map(f => f.replace(FS.HOME, '~')).join('\n'), files[0]); if (!v) return; const p = v.startsWith('~') ? v.replace('~', FS.HOME) : v; if (FS.node(p)?.t === 'f') { st.path = FS.normalize(p); ta.value = FS.read(st.path); st.dirty = false; refreshTitle(); } else UI.alert('无法打开', '文件不存在或不是文本文件。', this.icon); }; win.el.addEventListener('keydown', e => { if ((e.metaKey || e.ctrlKey) && e.key.toLowerCase() === 's') { e.preventDefault(); e.shiftKey ? st.saveAs() : st.save(); } }); win.confirmClose = (done, cancel) => { if (!st.dirty) return done(); UI.dialog({ icon: this.icon, title: '要存储更改吗？', msg: `“${name()}”有未存储的更改。`, buttons: ['不存储', '取消', '存储'] }).then(r => { if (r.index === 0) done(); else if (r.index === 2) { if (st.path) { try { FS.write(st.path, ta.value); st.dirty = false; done(); } catch (e) { UI.alert('保存失败', e.message).then(cancel); } } else { st.saveAs().then(saved => { (saved === false || st.dirty) ? cancel() : done(); }); } } else cancel(); // 取消 / Esc：中止关闭 }); }; setTimeout(() => ta.focus(), 60); } }); /* ==================== 备忘录 ==================== */ Apps.register({ id: 'notes', name: '备忘录', icon: 'assets/icons/notes.png', w: 780, h: 520, minW: 520, minH: 320, menus(win) { const st = win?.appState; return stdMenus(this, { file: [ { label: '新建备忘录', key: '⌘N', action: () => st?.add() }, { label: '删除备忘录', key: '⌘⌫', disabled: !st?.cur, action: () => st?.remove() }, ] }); }, store: { get() { return Store.get('notes', null) || [{ id: uid(), body: '欢迎使用备忘录\n\n· 点击左上角 ＋ 新建备忘录\n· 标题自动取自第一行\n· 内容会自动保存\n\n试试在搜索框中查找内容。', updated: Date.now() }]; }, set(v) { Store.set('notes', v); } }, render(win) { const st = win.appState = { notes: this.store.get(), cur: null, q: '' }; win.body.classList.add('notes-body'); const search = el('input', { class: 'text-input notes-search', type: 'search', placeholder: '搜索所有备忘录' }); const addBtn = el('button', { class: 'fb-btn', title: '新建备忘录', html: '＋' }); const delBtn = el('button', { class: 'fb-btn', title: '删除备忘录', html: '🗑' }); const listEl = el('div', { class: 'notes-list' }); const side = el('div', { class: 'notes-side' }, el('div', { class: 'notes-side-bar' }, search, addBtn, delBtn), listEl); const dateEl = el('div', { class: 'notes-date' }); const editor = el('textarea', { class: 'notes-editor', placeholder: '开始记录…', 'aria-label': '备忘录内容' }); const main = el('div', { class: 'notes-main' }, dateEl, editor); win.body.append(side, main); const titleOf = n => (n.body.split('\n')[0] || '新备忘录').trim().slice(0, 40) || '新备忘录'; const save = () => { this.store.set(st.notes); }; const renderList = () => { listEl.innerHTML = ''; const items = st.notes.filter(n => !st.q || n.body.toLowerCase().includes(st.q.toLowerCase())) .sort((a, b) => b.updated - a.updated); if (!items.length) listEl.append(el('div', { class: 'empty-state', style: { height: '120px' }, text: st.q ? '无结果' : '没有备忘录' })); for (const n of items) { const row = el('div', { class: 'note-row' + (n === st.cur ? ' sel' : '') }, el('div', { class: 'note-title', text: titleOf(n) }), el('div', { class: 'note-sub', text: `${relTime(n.updated)} ${(n.body.split('\n')[1] || '').trim().slice(0, 26)}` })); row.addEventListener('click', () => { st.cur = n; sync(); }); listEl.append(row); } }; const sync = () => { renderList(); if (!st.cur) { dateEl.textContent = ''; editor.value = ''; editor.disabled = true; return; } editor.disabled = false; dateEl.textContent = new Date(st.cur.updated).toLocaleString('zh-CN'); if (editor.value !== st.cur.body) editor.value = st.cur.body; }; st.add = () => { const n = { id: uid(), body: '', updated: Date.now() }; st.notes.push(n); st.cur = n; save(); sync(); editor.focus(); }; st.remove = async () => { if (!st.cur) return; if (!await UI.confirm('删除备忘录？', `“${titleOf(st.cur)}”将被删除。`, { ok: '删除', danger: true })) return; st.notes = st.notes.filter(n => n !== st.cur); st.cur = st.notes[0] || null; save(); sync(); }; editor.addEventListener('input', debounce(() => { if (st.cur) { st.cur.body = editor.value; st.cur.updated = Date.now(); save(); renderList(); } }, 350)); search.addEventListener('input', debounce(() => { st.q = search.value.trim(); renderList(); }, 200)); addBtn.addEventListener('click', () => st.add()); delBtn.addEventListener('click', () => st.remove()); st.cur = st.notes[0] || null; sync(); } }); /* ==================== 计算器 ==================== */ Apps.register({ id: 'calculator', name: '计算器', icon: 'assets/icons/calculator.png', w: 260, h: 400, minW: 240, minH: 380, noResize: false, menus() { return stdMenus(this); }, render(win) { const st = win.appState = { disp: '0', acc: null, op: null, fresh: true, err: false }; win.body.classList.add('calc-body'); const disp = el('div', { class: 'calc-disp', text: '0', role: 'status' }); const grid = el('div', { class: 'calc-grid' }); win.body.append(disp, grid); const show = v => { st.disp = v; disp.textContent = v; disp.style.fontSize = (v.length > 9 ? '30px' : v.length > 6 ? '42px' : '54px'); }; const calc = (a, b, op) => { switch (op) { case '+': return a + b; case '-': return a - b; case '*': return a * b; case '/': return b === 0 ? NaN : a / b; } }; const fmt = n => { if (!isFinite(n)) return '错误'; const r = Math.round(n * 1e10) / 1e10; return String(r).slice(0, 12); }; const inputDigit = d => { if (st.err) { st.acc = null; st.op = null; st.err = false; } if (st.fresh) { show(d === '.' ? '0.' : d); st.fresh = false; } else if (st.disp.replace(/[-.]/g, '').length < 12) { if (d === '.' && st.disp.includes('.')) return; show(st.disp === '0' && d !== '.' ? d : st.disp + d); } }; const setOp = op => { if (st.err) return; if (st.op && !st.fresh) equals(); st.acc = parseFloat(st.disp); st.op = op; st.fresh = true; }; const equals = () => { if (st.op == null || st.acc == null) return; const r = calc(st.acc, parseFloat(st.disp), st.op); show(fmt(r)); st.acc = null; st.op = null; st.fresh = true; if (!isFinite(r)) st.err = true; }; const clearAll = () => { st.acc = null; st.op = null; st.err = false; st.fresh = true; show('0'); }; const negate = () => { if (!st.err && st.disp !== '0') show(st.disp.startsWith('-') ? st.disp.slice(1) : '-' + st.disp); }; const percent = () => { if (!st.err) { show(fmt(parseFloat(st.disp) / 100)); st.fresh = true; } }; const keys = [ ['AC', 'fn', clearAll], ['±', 'fn', negate], ['%', 'fn', percent], ['÷', 'op', () => setOp('/')], ['7', '', () => inputDigit('7')], ['8', '', () => inputDigit('8')], ['9', '', () => inputDigit('9')], ['×', 'op', () => setOp('*')], ['4', '', () => inputDigit('4')], ['5', '', () => inputDigit('5')], ['6', '', () => inputDigit('6')], ['−', 'op', () => setOp('-')], ['1', '', () => inputDigit('1')], ['2', '', () => inputDigit('2')], ['3', '', () => inputDigit('3')], ['+', 'op', () => setOp('+')], ['0', 'zero', () => inputDigit('0')], ['.', '', () => inputDigit('.')], ['=', 'op', equals], ]; const btns = []; for (const [label, cls, fn] of keys) { const b = el('button', { class: 'calc-key ' + cls, text: label }); b.addEventListener('click', () => { fn(); grid.querySelectorAll('.calc-key').forEach(x => x.classList.remove('press')); }); btns.push(b); grid.append(b); } win.el.addEventListener('keydown', e => { if (e.target.matches('input,textarea')) return; const k = e.key; if (/^[0-9.]$/.test(k)) inputDigit(k); else if (k === '+') setOp('+'); else if (k === '-') setOp('-'); else if (k === '*') setOp('*'); else if (k === '/') { e.preventDefault(); setOp('/'); } else if (k === 'Enter' || k === '=') { e.preventDefault(); equals(); } else if (k === 'Escape' || k.toLowerCase() === 'c') clearAll(); else if (k === 'Backspace') { if (!st.fresh && !st.err) show(st.disp.length > 1 ? st.disp.slice(0, -1) : '0'); } else if (k === '%') percent(); else return; e.stopPropagation(); }); win.body.tabIndex = 0; } }); /* ==================== 日历 ==================== */ Apps.register({ id: 'calendar', name: '日历', icon: 'assets/icons/calendar.png', w: 760, h: 560, minW: 480, minH: 400, menus(win) { const st = win?.appState; return stdMenus(this, { file: [{ label: '新建事件', key: '⌘N', action: () => st?.addEvent() }], view: [{ label: '前往今天', key: '⌘T', action: () => st?.goToday() }], }); }, render(win) { const now = new Date(); const st = win.appState = { year: now.getFullYear(), month: now.getMonth(), sel: localDateKey(now), events: Store.get('calendar', {}), }; win.body.classList.add('cal-body'); const titleEl = el('div', { class: 'cal-title' }); const prev = el('button', { class: 'fb-btn', html: '‹', title: '上个月' }); const next = el('button', { class: 'fb-btn', html: '›', title: '下个月' }); const todayBtn = el('button', { class: 'btn', text: '今天' }); const head = el('div', { class: 'cal-head' }, titleEl, el('div', { class: 'cal-head-btns' }, todayBtn, prev, next)); const weekRow = el('div', { class: 'cal-week' }); (Sys.settings.firstDayMonday ? ['一', '二', '三', '四', '五', '六', '日'] : ['日', '一', '二', '三', '四', '五', '六']) .forEach(d => weekRow.append(el('span', { text: '周' + d }))); const gridEl = el('div', { class: 'cal-grid' }); const detail = el('div', { class: 'cal-detail' }); win.body.append(head, weekRow, gridEl, detail); const save = () => Store.set('calendar', st.events); const key = (y, m, d) => `${y}-${String(m + 1).padStart(2, '0')}-${String(d).padStart(2, '0')}`; st.goToday = () => { const t = new Date(); st.year = t.getFullYear(); st.month = t.getMonth(); st.sel = localDateKey(t); render(); }; const render = () => { titleEl.textContent = `${st.year}年${st.month + 1}月`; gridEl.innerHTML = ''; const first = new Date(st.year, st.month, 1); let startCol = first.getDay(); if (Sys.settings.firstDayMonday) startCol = (startCol + 6) % 7; const days = new Date(st.year, st.month + 1, 0).getDate(); const prevDays = new Date(st.year, st.month, 0).getDate(); const todayStr = localDateKey(); for (let i = 0; i < 42; i++) { const dayNum = i - startCol + 1; let cellDate, other = false, y = st.year, m = st.month, d = dayNum; if (dayNum < 1) { other = true; d = prevDays + dayNum; m = st.month - 1; if (m < 0) { m = 11; y--; } } else if (dayNum > days) { other = true; d = dayNum - days; m = st.month + 1; if (m > 11) { m = 0; y++; } } const k = key(y, m, d); const cell = el('div', { class: 'cal-cell' + (other ? ' other' : '') + (k === todayStr ? ' today' : '') + (k === st.sel ? ' sel' : ''), }, el('span', { class: 'cal-num', text: String(d) })); const evs = st.events[k] || []; if (evs.length) { const dots = el('div', { class: 'cal-dots' }); evs.slice(0, 3).forEach(() => dots.append(el('span', { class: 'cal-dot' }))); cell.append(dots); } cell.addEventListener('click', () => { st.sel = k; if (other) { st.year = y; st.month = m; } render(); }); gridEl.append(cell); } renderDetail(); }; const renderDetail = () => { detail.innerHTML = ''; const [y, m, d] = st.sel.split('-').map(Number); detail.append(el('div', { class: 'cal-detail-title', text: `${m}月${d}日 ${WEEK_CN[new Date(y, m - 1, d).getDay()]}` })); const evs = (st.events[st.sel] || []).slice().sort((a, b) => (a.time || '').localeCompare(b.time || '')); const list = el('div', { class: 'cal-events' }); if (!evs.length) list.append(el('div', { class: 'cal-no-events', text: '没有事件' })); for (const ev of evs) { const row = el('div', { class: 'cal-event' }, el('span', { class: 'cal-event-dot' }), el('span', { class: 'cal-event-time', text: ev.time || '全天' }), el('span', { class: 'cal-event-title', text: ev.title }), el('button', { class: 'cal-event-del', text: '✕', title: '删除事件', onclick: () => { st.events[st.sel] = st.events[st.sel].filter(x => x.id !== ev.id); if (!st.events[st.sel].length) delete st.events[st.sel]; save(); render(); } })); list.append(row); } const timeIn = el('input', { class: 'text-input', type: 'time', style: { width: '96px' } }); const titleIn = el('input', { class: 'text-input', type: 'text', placeholder: '事件标题', style: { flex: '1' } }); const addBtn = el('button', { class: 'btn primary', text: '添加事件' }); const doAdd = () => { const t = titleIn.value.trim(); if (!t) { titleIn.focus(); return; } (st.events[st.sel] ||= []).push({ id: uid(), title: t, time: timeIn.value || '' }); save(); titleIn.value = ''; render(); Notify.send({ appId: 'calendar', title: '日历', body: `已添加事件：${t}`, silent: true }); }; addBtn.addEventListener('click', doAdd); titleIn.addEventListener('keydown', e => { if (e.key === 'Enter') doAdd(); }); detail.append(list, el('div', { class: 'cal-add' }, timeIn, titleIn, addBtn)); }; st.addEvent = () => { renderDetail(); detail.querySelector('input[type=text]')?.focus(); }; prev.addEventListener('click', () => { st.month--; if (st.month < 0) { st.month = 11; st.year--; } render(); }); next.addEventListener('click', () => { st.month++; if (st.month > 11) { st.month = 0; st.year++; } render(); }); todayBtn.addEventListener('click', () => st.goToday()); render(); } });