refactor: split modules and harden scraping workflows

2026-10-05 13:06:36 +08:00 · 2026-06-24 11:59:18 +08:00
parent efca3cbe69
commit 192f35d9fa
470 changed files with 47957 additions and 33839 deletions
@@ -0,0 +1,104 @@
+import { FileVideo, Folder, HardDrive } from 'lucide-react'
+
+import type { FileEntry } from '../api/files'
+
+type FileEntriesTableProps = {
+  basePath: string
+  entries: FileEntry[]
+  recursive: boolean
+  selectedPath?: string
+  selectedPaths: string[]
+  onSelectAll: (checked: boolean) => void
+  onToggleSelectedPath: (entry: FileEntry, checked: boolean) => void
+  onEnter: (entry: FileEntry) => void
+  onChoose: (entry: FileEntry) => void
+}
+
+export function FileEntriesTable({
+  basePath,
+  entries,
+  recursive,
+  selectedPath,
+  selectedPaths,
+  onSelectAll,
+  onToggleSelectedPath,
+  onEnter,
+  onChoose,
+}: FileEntriesTableProps) {
+  return (
+    <div className="glass-panel overflow-x-auto">
+      <table className="w-full text-left text-sm">
+        <thead className="text-xs uppercase tracking-wider text-sand-500">
+          <tr>
+            <th className="w-10 py-2">
+              <input
+                type="checkbox"
+                aria-label="选择当前目录全部项目"
+                checked={entries.length > 0 && entries.every((entry) => selectedPaths.includes(entry.path))}
+                onChange={(event) => onSelectAll(event.target.checked)}
+              />
+            </th>
+            <th className="py-2">名称</th>
+            <th>大小</th>
+            <th>修改时间</th>
+            <th className="text-right">选择</th>
+          </tr>
+        </thead>
+        <tbody>
+          {entries.map((entry) => (
+            <tr
+              key={entry.path}
+              className={'border-t border-gray-200 transition hover:bg-gray-50 ' + (selectedPath === entry.path || selectedPaths.includes(entry.path) ? 'bg-primary-400/5' : '')}
+            >
+              <td className="py-2">
+                <input
+                  type="checkbox"
+                  aria-label={`选择 ${entry.name}`}
+                  checked={selectedPaths.includes(entry.path)}
+                  onChange={(event) => onToggleSelectedPath(entry, event.target.checked)}
+                />
+              </td>
+              <td className="py-2 text-ink-600">
+                <button
+                  className="flex max-w-xl items-center gap-2 text-left"
+                  onClick={() => (entry.is_dir ? onEnter(entry) : onChoose(entry))}
+                  title={entry.path}
+                >
+                  {entry.is_dir ? <Folder size={16} className="text-brand-500" /> : <FileVideo size={16} className="text-ink-50" />}
+                  <span className="truncate">{entryLabel(entry, basePath, recursive)}</span>
+                </button>
+              </td>
+              <td className="text-ink-100">{entry.is_dir ? '—' : fmtBytes(entry.size)}</td>
+              <td className="text-sand-500">{new Date(entry.modified * 1000).toLocaleString()}</td>
+              <td className="text-right">
+                <button
+                  className="rounded-lg border border-gray-200 px-2 py-1 text-xs text-ink-100 hover:border-primary-400/40"
+                  onClick={() => onChoose(entry)}
+                >
+                  <HardDrive size={12} className="mr-1 inline" /> 操作
+                </button>
+              </td>
+            </tr>
+          ))}
+        </tbody>
+      </table>
+    </div>
+  )
+}
+
+function entryLabel(entry: FileEntry, basePath: string, recursive: boolean): string {
+  if (!recursive) return entry.name
+  return entry.path.replace((basePath || '') + '\\', '').replace((basePath || '') + '/', '')
+}
+
+function fmtBytes(n: number): string {
+  if (!n) return '0 B'
+  const u = ['B', 'KB', 'MB', 'GB', 'TB']
+  let v = n
+  let i = 0
+  while (v >= 1024 && i < u.length - 1) {
+    v /= 1024
+    i++
+  }
+  return `${v.toFixed(1)} ${u[i]}`
+}