@@ -589,17 +476,18 @@ import 'prismjs/themes/prism-tomorrow.css'
// CSS 语法高亮函数
function highlightCSS(code: string): string {
- return highlight(code, languages.css, 'css')
+ // languages.* 在对应 prism-* 组件 import 后必定存在
+ return languages.css ? highlight(code, languages.css, 'css') : code
}
// JS 语法高亮函数
function highlightJS(code: string): string {
- return highlight(code, languages.javascript, 'javascript')
+ return languages.javascript ? highlight(code, languages.javascript, 'javascript') : code
}
// HTML 语法高亮函数
function highlightHTML(code: string): string {
- return highlight(code, languages.markup, 'markup')
+ return languages.markup ? highlight(code, languages.markup, 'markup') : code
}
// 代码编辑器 Tab 类型
@@ -644,7 +532,8 @@ import {
AlertCircle,
CheckCircle2,
} from 'lucide-vue-next'
-import { useSettingsStore, DEFAULT_API_CONFIG } from '@/stores/settings'
+import { useSettingsStore } from '@/stores/settings'
+import AdvancedApiSettings, { type AdvancedApiConfig } from '@/components/AdvancedApiSettings.vue'
import { useHistoryStore } from '@/stores/history'
import type { SearchHistory } from '@/utils/persistence'
import apiData from '@/data/api.json'
@@ -689,7 +578,7 @@ function getRepoPath(url: string): string {
function getRepoName(url: string): string {
// https://github.com/Moe-Sakura/frontend -> frontend
const parts = url.split('/')
- return parts[parts.length - 1]
+ return parts[parts.length - 1] ?? ''
}
// 组件挂载时初始化
@@ -955,14 +844,16 @@ const localCustomCSS = ref(props.customCSS)
const localCustomJS = ref(settingsStore.settings.customJS)
const localCustomHTML = ref(settingsStore.settings.customHTML)
-// 高级 API 设置状态
-const localVndbApiBaseUrl = ref(settingsStore.settings.vndbApiBaseUrl)
-const localVndbImageProxyUrl = ref(settingsStore.settings.vndbImageProxyUrl)
-const localAiTranslateApiUrl = ref(settingsStore.settings.aiTranslateApiUrl)
-const localAiTranslateApiKey = ref(settingsStore.settings.aiTranslateApiKey)
-const localAiTranslateModel = ref(settingsStore.settings.aiTranslateModel)
-const localBackgroundImageApiUrl = ref(settingsStore.settings.backgroundImageApiUrl)
-const localVideoParseApiUrl = ref(settingsStore.settings.videoParseApiUrl)
+// 高级 API 设置状态（集中为一个对象，通过 v-model 传给 AdvancedApiSettings 子组件）
+const localAdvancedApi = ref
({
+ vndbApiBaseUrl: settingsStore.settings.vndbApiBaseUrl,
+ vndbImageProxyUrl: settingsStore.settings.vndbImageProxyUrl,
+ aiTranslateApiUrl: settingsStore.settings.aiTranslateApiUrl,
+ aiTranslateApiKey: settingsStore.settings.aiTranslateApiKey,
+ aiTranslateModel: settingsStore.settings.aiTranslateModel,
+ backgroundImageApiUrl: settingsStore.settings.backgroundImageApiUrl,
+ videoParseApiUrl: settingsStore.settings.videoParseApiUrl,
+})
// 音效设置
const localEnableSound = ref(settingsStore.settings.enableSound)
@@ -1025,15 +916,17 @@ watch(() => props.isOpen, (isOpen) => {
localCustomJS.value = settingsStore.settings.customJS
localCustomHTML.value = settingsStore.settings.customHTML
// 同步高级 API 设置
- localVndbApiBaseUrl.value = settingsStore.settings.vndbApiBaseUrl
- localVndbImageProxyUrl.value = settingsStore.settings.vndbImageProxyUrl
- localAiTranslateApiUrl.value = settingsStore.settings.aiTranslateApiUrl
+ localAdvancedApi.value = {
+ vndbApiBaseUrl: settingsStore.settings.vndbApiBaseUrl,
+ vndbImageProxyUrl: settingsStore.settings.vndbImageProxyUrl,
+ aiTranslateApiUrl: settingsStore.settings.aiTranslateApiUrl,
+ aiTranslateApiKey: settingsStore.settings.aiTranslateApiKey,
+ aiTranslateModel: settingsStore.settings.aiTranslateModel,
+ backgroundImageApiUrl: settingsStore.settings.backgroundImageApiUrl,
+ videoParseApiUrl: settingsStore.settings.videoParseApiUrl,
+ }
// 异步测量 API 延迟（不阻塞面板打开）
setTimeout(measureAllApiLatencies, 100)
- localAiTranslateApiKey.value = settingsStore.settings.aiTranslateApiKey
- localAiTranslateModel.value = settingsStore.settings.aiTranslateModel
- localBackgroundImageApiUrl.value = settingsStore.settings.backgroundImageApiUrl
- localVideoParseApiUrl.value = settingsStore.settings.videoParseApiUrl
// 同步音效设置
localEnableSound.value = settingsStore.settings.enableSound
}
@@ -1050,27 +943,16 @@ function save() {
settingsStore.updateSettings({
customJS: localCustomJS.value,
customHTML: localCustomHTML.value,
- vndbApiBaseUrl: localVndbApiBaseUrl.value,
- vndbImageProxyUrl: localVndbImageProxyUrl.value,
- aiTranslateApiUrl: localAiTranslateApiUrl.value,
- aiTranslateApiKey: localAiTranslateApiKey.value,
- aiTranslateModel: localAiTranslateModel.value,
- backgroundImageApiUrl: localBackgroundImageApiUrl.value,
- videoParseApiUrl: localVideoParseApiUrl.value,
+ ...localAdvancedApi.value,
})
emit('save', localCustomApi.value, localCustomCSS.value)
emit('close')
}
-function resetAdvancedApiSettings() {
+// 高级 API 设置的「恢复默认」由 AdvancedApiSettings 子组件处理，
+// 这里只负责播放音效
+function onAdvancedApiReset() {
playTap()
- localVndbApiBaseUrl.value = DEFAULT_API_CONFIG.vndbApiBaseUrl
- localVndbImageProxyUrl.value = DEFAULT_API_CONFIG.vndbImageProxyUrl
- localAiTranslateApiUrl.value = DEFAULT_API_CONFIG.aiTranslateApiUrl
- localAiTranslateApiKey.value = DEFAULT_API_CONFIG.aiTranslateApiKey
- localAiTranslateModel.value = DEFAULT_API_CONFIG.aiTranslateModel
- localBackgroundImageApiUrl.value = DEFAULT_API_CONFIG.backgroundImageApiUrl
- localVideoParseApiUrl.value = DEFAULT_API_CONFIG.videoParseApiUrl
}
diff --git a/src/composables/useBackgroundImage.ts b/src/composables/useBackgroundImage.ts
index a993ce0..24c2584 100644
--- a/src/composables/useBackgroundImage.ts
+++ b/src/composables/useBackgroundImage.ts
@@ -63,7 +63,8 @@ export function useBackgroundImage() {
// 随机选择 Ken Burns 效果
function selectRandomKenBurns() {
- currentKenBurns.value = KEN_BURNS_EFFECTS[Math.floor(Math.random() * KEN_BURNS_EFFECTS.length)]
+ const picked = KEN_BURNS_EFFECTS[Math.floor(Math.random() * KEN_BURNS_EFFECTS.length)]
+ if (picked) {currentKenBurns.value = picked}
}
// 参数级别配置
diff --git a/src/composables/useKeyboardShortcuts.ts b/src/composables/useKeyboardShortcuts.ts
index 11e5301..12f97d3 100644
--- a/src/composables/useKeyboardShortcuts.ts
+++ b/src/composables/useKeyboardShortcuts.ts
@@ -80,8 +80,8 @@ export function useKeyboardShortcuts() {
// 跳转到指定平台
function scrollToPlatform(index: number) {
const platforms = getPlatformElements()
- if (index >= 0 && index < platforms.length) {
- const target = platforms[index]
+ const target = platforms[index]
+ if (target) {
const yOffset = -80
const y = target.getBoundingClientRect().top + window.pageYOffset + yOffset
window.scrollTo({ top: y, behavior: 'smooth' })
@@ -92,10 +92,11 @@ export function useKeyboardShortcuts() {
function scrollToNextPlatform() {
const platforms = getPlatformElements()
if (platforms.length === 0) {return}
-
+
const scrollY = window.scrollY + 100
for (let i = 0; i < platforms.length; i++) {
- if (platforms[i].offsetTop > scrollY) {
+ const p = platforms[i]
+ if (p && p.offsetTop > scrollY) {
scrollToPlatform(i)
return
}
@@ -107,10 +108,11 @@ export function useKeyboardShortcuts() {
function scrollToPrevPlatform() {
const platforms = getPlatformElements()
if (platforms.length === 0) {return}
-
+
const scrollY = window.scrollY + 100
for (let i = platforms.length - 1; i >= 0; i--) {
- if (platforms[i].offsetTop < scrollY - 50) {
+ const p = platforms[i]
+ if (p && p.offsetTop < scrollY - 50) {
scrollToPlatform(i)
return
}
diff --git a/src/directives/vRipple.ts b/src/directives/vRipple.ts
index ec2d63c..9439eae 100644
--- a/src/directives/vRipple.ts
+++ b/src/directives/vRipple.ts
@@ -116,8 +116,8 @@ export const vRipple: Directive = {
// 触摸设备支持
el.addEventListener('touchstart', (event: TouchEvent) => {
- if (event.touches.length === 1) {
- const touch = event.touches[0]
+ const touch = event.touches[0]
+ if (event.touches.length === 1 && touch) {
const mouseEvent = new MouseEvent('mousedown', {
clientX: touch.clientX,
clientY: touch.clientY,
diff --git a/src/main.ts b/src/main.ts
index 42c0cb1..9dada53 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -13,10 +13,10 @@ import { useUIStore } from './stores/ui'
import { useStatsStore } from './stores/stats'
import { useSettingsStore, DEFAULT_API_CONFIG } from './stores/settings'
-// Noto Sans SC 字体（本地安装）
-import '@fontsource/noto-sans-sc/300.css'
+// Noto Sans SC 字体（本地安装，仅加载实际使用的字重）
import '@fontsource/noto-sans-sc/400.css'
import '@fontsource/noto-sans-sc/500.css'
+import '@fontsource/noto-sans-sc/600.css'
import '@fontsource/noto-sans-sc/700.css'
// 全局基础样式（Tailwind CSS @layer base）
@@ -31,9 +31,6 @@ import './styles/glassmorphism.css'
// 自定义进度条（使用 anime.js）
import { createProgressFetch } from './composables/useProgress'
-// Artalk 评论系统
-import 'artalk/dist/Artalk.css'
-
// 点击涟漪指令
import { vRipple } from './directives/vRipple'
diff --git a/src/stores/plugins.ts b/src/stores/plugins.ts
index fbd78ac..fcdcf7b 100644
--- a/src/stores/plugins.ts
+++ b/src/stores/plugins.ts
@@ -86,7 +86,7 @@ function setValueByPath(obj: Record, path: string, value: unkno
function pickStatePaths(state: StateTree, paths: string[]): StateTree {
const result: Record = {}
for (const path of paths) {
- const value = getValueByPath(state as Record, path)
+ const value = getValueByPath(state, path)
if (value !== undefined) {
setValueByPath(result, path, value)
}
@@ -306,7 +306,8 @@ export function piniaUndoRedo(context: PiniaPluginContext) {
;(store as Store & { $undo?: () => boolean }).$undo = () => {
if (currentIndex > 0) {
currentIndex--
- store.$patch(history[currentIndex])
+ const snapshot = history[currentIndex]
+ if (snapshot) {store.$patch(snapshot)}
return true
}
return false
@@ -316,7 +317,8 @@ export function piniaUndoRedo(context: PiniaPluginContext) {
;(store as Store & { $redo?: () => boolean }).$redo = () => {
if (currentIndex < history.length - 1) {
currentIndex++
- store.$patch(history[currentIndex])
+ const snapshot = history[currentIndex]
+ if (snapshot) {store.$patch(snapshot)}
return true
}
return false
diff --git a/src/stores/settings.ts b/src/stores/settings.ts
index 1a586c5..4d6a203 100644
--- a/src/stores/settings.ts
+++ b/src/stores/settings.ts
@@ -1,5 +1,6 @@
import { defineStore } from 'pinia'
import { ref, watch } from 'vue'
+import { debounce } from '@/composables/useDebounce'
export interface UserSettings {
customApi: string
@@ -84,14 +85,26 @@ export const useSettingsStore = defineStore('settings', () => {
historyIndex.value = 0
}
- // 保存设置到 localStorage
- function saveSettings() {
+ // 立即把当前设置写入 localStorage（用于 unload 等需要同步落盘的场景）
+ function persistNow() {
try {
localStorage.setItem('userSettings', JSON.stringify(settings.value))
} catch (error) {
- console.error('Failed to save settings:', error)
+ if (error instanceof DOMException && error.name === 'QuotaExceededError') {
+ console.warn('[settings] localStorage 已满，无法保存设置')
+ } else {
+ console.error('Failed to save settings:', error)
+ }
}
}
+
+ // 防抖保存：避免 input 拖拽等高频变更对 localStorage 造成压力
+ const saveSettings = debounce(persistNow, 300)
+
+ // 页面卸载前强制落盘，避免丢失最后一次未持久化的更改
+ if (typeof window !== 'undefined') {
+ window.addEventListener('beforeunload', persistNow)
+ }
// 记录设置变更历史
function recordHistory() {
@@ -146,19 +159,25 @@ export const useSettingsStore = defineStore('settings', () => {
function undoSettings(): boolean {
if (historyIndex.value > 0) {
historyIndex.value--
- settings.value = { ...settingsHistory.value[historyIndex.value] }
- saveSettings()
+ const snapshot = settingsHistory.value[historyIndex.value]
+ if (snapshot) {
+ settings.value = { ...snapshot }
+ saveSettings()
+ }
return true
}
return false
}
-
+
// 重做设置变更
function redoSettings(): boolean {
if (historyIndex.value < settingsHistory.value.length - 1) {
historyIndex.value++
- settings.value = { ...settingsHistory.value[historyIndex.value] }
- saveSettings()
+ const snapshot = settingsHistory.value[historyIndex.value]
+ if (snapshot) {
+ settings.value = { ...snapshot }
+ saveSettings()
+ }
return true
}
return false
diff --git a/src/stores/ui.ts b/src/stores/ui.ts
index ef519b5..778dd47 100644
--- a/src/stores/ui.ts
+++ b/src/stores/ui.ts
@@ -160,8 +160,8 @@ export const useUIStore = defineStore('ui', () => {
// 切换主题模式：system -> light -> dark -> system
const modes: ThemeMode[] = ['system', 'light', 'dark']
const currentIndex = modes.indexOf(themeMode.value)
- const nextIndex = (currentIndex + 1) % modes.length
- setThemeMode(modes[nextIndex])
+ const nextMode = modes[(currentIndex + 1) % modes.length]
+ if (nextMode) {setThemeMode(nextMode)}
}
function setDarkMode(value: boolean) {
diff --git a/src/utils/icons.ts b/src/utils/icons.ts
deleted file mode 100644
index 669a7f1..0000000
--- a/src/utils/icons.ts
+++ /dev/null
@@ -1,723 +0,0 @@
-/**
- * Lucide Icons 映射
- * 集中管理所有图标导出，方便维护和 tree-shaking
- */
-
-// 导出所有需要的 Lucide 图标
-export {
- // ============================================
- // 通用图标
- // ============================================
- Search,
- Settings,
- Moon,
- Sun,
- X,
- Menu,
- ChevronLeft,
- ChevronRight,
- ChevronDown,
- ChevronUp,
- Check,
- AlertTriangle,
- AlertCircle,
- Info,
- HelpCircle,
-
- // ============================================
- // 操作图标
- // ============================================
- Download,
- Upload,
- Share2,
- Save,
- Trash2,
- Edit,
- Copy,
- ExternalLink,
- Link,
- Link2,
- ArrowDown,
- ArrowUp,
- ArrowLeft,
- ArrowRight,
- ArrowLeftRight,
- RotateCw,
- RotateCcw,
- RefreshCw,
- RefreshCcw,
- CornerDownLeft,
- Undo,
- Redo,
-
- // ============================================
- // 缩放/变换
- // ============================================
- ZoomIn,
- ZoomOut,
- Maximize,
- Maximize2,
- Minimize,
- Minimize2,
- FlipHorizontal,
- FlipVertical,
- Move,
-
- // ============================================
- // 社交/通信
- // ============================================
- MessageCircle,
- MessageSquare,
- Heart,
- Star,
- Crown,
- // eslint-disable-next-line @typescript-eslint/no-deprecated
- Github,
- Quote,
- Reply,
- Send,
- Mail,
- AtSign,
-
- // ============================================
- // 文件/文档
- // ============================================
- File,
- FileText,
- FileCode,
- Folder,
- FolderOpen,
- Image,
- Images,
-
- // ============================================
- // 用户/账户
- // ============================================
- User,
- Users,
- UserPlus,
- UserMinus,
- UserCheck,
- LogIn,
- LogOut,
-
- // ============================================
- // 商业/支付
- // ============================================
- DollarSign,
- CreditCard,
- ShoppingCart,
- Coins,
- Wallet,
-
- // ============================================
- // 媒体/内容
- // ============================================
- Play,
- Pause,
- Square, // 用作 Stop 图标
- SkipForward,
- SkipBack,
- FastForward,
- Rewind,
- Volume,
- Volume1,
- Volume2,
- VolumeX,
-
- // ============================================
- // 状态/标记
- // ============================================
- CheckCircle,
- CheckCircle2,
- XCircle,
- Circle,
- CircleDot,
- Loader,
- Loader2,
- Zap,
-
- // ============================================
- // 网络/数据
- // ============================================
- Wifi,
- WifiOff,
- Server,
- Database,
- Cloud,
- CloudDownload,
- CloudUpload,
- Globe,
-
- // ============================================
- // 导航/地图
- // ============================================
- MapPin,
- Navigation,
- Compass,
- Home,
-
- // ============================================
- // 工具/设置
- // ============================================
- Wrench,
- Gauge,
- Package,
- Tag,
- Tags,
- Hash,
- Filter,
- SlidersHorizontal,
- Cog,
- Terminal,
- Code,
- Code2,
-
- // ============================================
- // 速度/性能
- // ============================================
- Rocket,
- Turtle,
- Layers,
- Layers2,
-
- // ============================================
- // 特殊/魔法
- // ============================================
- Magnet,
- Sparkles,
- Wand2,
- Bot,
-
- // ============================================
- // 布局/视图
- // ============================================
- List,
- LayoutGrid,
- LayoutList,
- Grid2x2,
- Grid3x3,
- AlignLeft,
- AlignCenter,
- AlignRight,
- AlignJustify,
-
- // ============================================
- // 眼睛/可见性
- // ============================================
- Eye,
- EyeOff,
-
- // ============================================
- // 安全/锁定
- // ============================================
- Lock,
- Unlock,
- Shield,
- ShieldCheck,
- ShieldAlert,
- ShieldOff,
- Key,
-
- // ============================================
- // 游戏/娱乐
- // ============================================
- Gamepad,
- Gamepad2,
-
- // ============================================
- // 书籍/阅读
- // ============================================
- Bookmark,
- BookOpen,
- BookMarked,
- Library,
-
- // ============================================
- // 音乐/音频
- // ============================================
- Music,
- Music2,
- Music3,
- Music4,
- Headphones,
- Mic,
- Mic2,
- MicOff,
-
- // ============================================
- // 艺术/设计
- // ============================================
- Palette,
- Paintbrush,
- Brush,
- Pipette,
-
- // ============================================
- // 时间/日历
- // ============================================
- Clock,
- Clock2,
- Clock3,
- Clock4,
- Timer,
- TimerOff,
- Calendar,
- CalendarDays,
- History,
- Hourglass,
-
- // ============================================
- // 建筑/办公
- // ============================================
- Building,
- Building2,
- Factory,
- Store,
-
- // ============================================
- // 显示器/设备
- // ============================================
- Monitor,
- Laptop,
- Tablet,
- Smartphone,
- Tv,
-
- // ============================================
- // 语言/翻译
- // ============================================
- Languages,
-
- // ============================================
- // Git/版本控制
- // ============================================
- GitBranch,
- GitCommit,
- GitMerge,
- GitPullRequest,
- GitPullRequestArrow,
-
- // ============================================
- // 灯光/提示
- // ============================================
- Lightbulb,
- LightbulbOff,
-
- // ============================================
- // 键盘/输入
- // ============================================
- Keyboard,
- Type,
-
- // ============================================
- // 电源/开关
- // ============================================
- Power,
- PowerOff,
- ToggleLeft,
- ToggleRight,
-
- // ============================================
- // 其他常用
- // ============================================
- Plus,
- Minus,
- PlusCircle,
- MinusCircle,
- MoreHorizontal,
- MoreVertical,
- Grip,
- GripVertical,
- GripHorizontal,
- SeparatorHorizontal,
- SeparatorVertical,
- Slash,
- Activity,
- TrendingUp,
- TrendingDown,
- BarChart,
- BarChart2,
- PieChart,
- LineChart,
- Target,
- Crosshair,
- Scan,
- QrCode,
- Printer,
- Archive,
- Box,
- Boxes,
- Gift,
- Award,
- Trophy,
- Medal,
- Bell,
- BellOff,
- BellRing,
- Flag,
- Bookmark as BookmarkIcon,
- Pin,
- PinOff,
- Paperclip,
- Scissors,
- Eraser,
- Pencil,
- PenTool,
- Highlighter,
- Ruler,
- Crop,
- Frame,
- FrameIcon,
- Camera,
- Aperture,
- Focus,
- SunMedium,
- CloudSun,
- CloudMoon,
- Sunrise,
- Sunset,
- Wind,
- Droplet,
- Droplets,
- Thermometer,
- Umbrella,
- Snowflake,
- Flame,
- Leaf,
- TreeDeciduous,
- Flower,
- Flower2,
- Bug,
- Cat,
- Dog,
- Bird,
- Fish,
- Rabbit,
- Squirrel,
- Rat,
- Snail,
- PawPrint,
- Footprints,
- Accessibility,
- Baby,
- PersonStanding,
- Contact,
- Contact2,
- Fingerprint,
- ScanFace,
- Skull,
- Ghost,
- Laugh,
- Smile,
- Frown,
- Meh,
- Angry,
- Annoyed,
- PartyPopper,
- Gem,
- Diamond,
- Shapes,
- Triangle,
- Pentagon,
- Hexagon,
- Octagon,
- CircleDashed,
- SquareDashed,
- BadgeCheck,
- BadgeAlert,
- BadgeX,
- BadgePlus,
- BadgeMinus,
- BadgePercent,
- BadgeDollarSign,
- BadgeHelp,
- BadgeInfo,
- Verified,
- ShieldQuestion,
- FileQuestion,
- HelpingHand,
- HandMetal,
- Hand,
- ThumbsUp,
- ThumbsDown,
- MousePointer,
- MousePointer2,
- MousePointerClick,
- Pointer,
- Move3d,
- Grab,
- GalleryVertical,
- GalleryHorizontal,
- GalleryVerticalEnd,
- GalleryHorizontalEnd,
- Columns,
- Columns2,
- Columns3,
- Rows,
- Rows2,
- Rows3,
- LayoutDashboard,
- LayoutPanelLeft,
- LayoutPanelTop,
- LayoutTemplate,
- PanelLeft,
- PanelLeftClose,
- PanelLeftOpen,
- PanelRight,
- PanelRightClose,
- PanelRightOpen,
- PanelTop,
- PanelTopClose,
- PanelTopOpen,
- PanelBottom,
- PanelBottomClose,
- PanelBottomOpen,
- SidebarOpen,
- SidebarClose,
- Sidebar,
- TableProperties,
- Table,
- Table2,
- Sheet,
- FileSpreadsheet,
- FormInput,
- TextCursor,
- TextCursorInput,
- Text,
- CaseSensitive,
- CaseUpper,
- CaseLower,
- Strikethrough,
- Underline,
- Italic,
- Bold,
- Subscript,
- Superscript,
- RemoveFormatting,
- IndentIncrease,
- IndentDecrease,
- WrapText,
- Pilcrow,
- ListOrdered,
- ListTodo,
- ListChecks,
- ListMinus,
- ListPlus,
- ListFilter,
- ListRestart,
- ListX,
- ListTree,
- ListCollapse,
- ListVideo,
- ListMusic,
- ListEnd,
- ListStart,
- SortAsc,
- SortDesc,
- ArrowUpDown,
- ArrowDownUp,
- ArrowUpNarrowWide,
- ArrowDownNarrowWide,
- ArrowUpWideNarrow,
- ArrowDownWideNarrow,
- MoveUp,
- MoveDown,
- MoveLeft,
- MoveRight,
- ArrowBigUp,
- ArrowBigDown,
- ArrowBigLeft,
- ArrowBigRight,
- ChevronsUp,
- ChevronsDown,
- ChevronsLeft,
- ChevronsRight,
- ChevronsUpDown,
- ChevronsLeftRight,
- ArrowUpRight,
- ArrowUpLeft,
- ArrowDownRight,
- ArrowDownLeft,
- CornerUpLeft,
- CornerUpRight,
- CornerDownRight,
- CornerLeftUp,
- CornerLeftDown,
- CornerRightUp,
- CornerRightDown,
- Repeat,
- Repeat1,
- Repeat2,
- Shuffle,
- Infinity,
- IterationCw,
- IterationCcw,
- Replace,
- ReplaceAll,
- Split,
- Merge,
- GitFork,
- Network,
- Workflow,
- Waypoints,
- Route,
- Orbit,
- Radar,
- Radio,
- RadioReceiver,
- RadioTower,
- Signal,
- SignalHigh,
- SignalLow,
- SignalMedium,
- SignalZero,
- Rss,
- Podcast,
- Antenna,
- Satellite,
- SatelliteDish,
- Bluetooth,
- BluetoothConnected,
- BluetoothOff,
- BluetoothSearching,
- Cable,
- Plug,
- PlugZap,
- Unplug,
- Usb,
- Cpu,
- HardDrive,
- HardDriveDownload,
- HardDriveUpload,
- MemoryStick,
- CircuitBoard,
- Binary,
- Braces,
- BracesIcon,
- Brackets,
- ParenthesesIcon,
- Regex,
- Variable,
- Component,
- Webhook,
- WebhookOff,
- Blocks,
- Puzzle,
- AppWindow,
- Globe2,
- LocateFixed,
- Locate,
- MapPinned,
- MapPinOff,
- Map,
- Milestone,
- FlagTriangleLeft,
- FlagTriangleRight,
- Construction,
- HardHat,
- Axe,
- Hammer,
- Pickaxe,
- Shovel,
- Drill,
- Scale,
- Scale3d,
- Scaling,
- Expand,
- Shrink,
- FoldVertical,
- FoldHorizontal,
- UnfoldVertical,
- UnfoldHorizontal,
- ScanLine,
- ScanSearch,
- ScanText,
- ScanEye,
- ScanBarcode,
- Barcode,
- Receipt,
- ReceiptText,
- Ticket,
- TicketCheck,
- TicketMinus,
- TicketPlus,
- TicketSlash,
- TicketX,
- Tags as TagsIcon,
- Bookmark as BookmarkFilled,
- Heart as HeartFilled,
- Star as StarFilled,
-} from 'lucide-vue-next'
-
-/**
- * 平台图标映射
- */
-export const platformIcons = {
- lime: 'Star',
- white: 'Circle',
- gold: 'DollarSign',
- red: 'XCircle',
-} as const
-
-/**
- * 资源标签图标映射
- */
-export const tagIcons = {
- NoReq: 'CheckCircle',
- Login: 'User',
- LoginPay: 'Coins',
- LoginRep: 'MessageCircle',
- Rep: 'Reply',
- SuDrive: 'Server',
- NoSplDrive: 'Rocket',
- SplDrive: 'Turtle',
- MixDrive: 'Layers',
- BTmag: 'Magnet',
- magic: 'Wand2',
-} as const
-
-/**
- * 主题模式图标映射
- */
-export const themeModeIcons = {
- light: 'Sun',
- dark: 'Moon',
- system: 'Monitor',
-} as const
-
-/**
- * 文件类型图标映射
- */
-export const fileTypeIcons = {
- image: 'Image',
- document: 'FileText',
- code: 'FileCode',
- folder: 'Folder',
- archive: 'Archive',
- video: 'Play',
- audio: 'Music',
- default: 'File',
-} as const
-
-/**
- * 状态图标映射
- */
-export const statusIcons = {
- success: 'CheckCircle',
- error: 'XCircle',
- warning: 'AlertTriangle',
- info: 'Info',
- loading: 'Loader2',
- pending: 'Clock',
-} as const
-
-/**
- * 社交平台图标映射
- */
-export const socialIcons = {
- github: 'Github',
- message: 'MessageCircle',
- mail: 'Mail',
- share: 'Share2',
-} as const
diff --git a/tsconfig.json b/tsconfig.json
index 1c47966..dbafe5c 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -18,6 +18,7 @@
"noUnusedLocals": true,
"noUnusedParameters": true,
"noFallthroughCasesInSwitch": true,
+ "noUncheckedIndexedAccess": true,
/* Vue */
"types": ["node"],
diff --git a/vite.config.ts b/vite.config.ts
index fb5ba89..f0880ea 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -75,10 +75,31 @@ export default defineConfig({
],
},
workbox: {
- // 预缓存所有构建产物
- globPatterns: ['**/*.{js,css,html,svg,png,ico,woff2}'],
+ // 预缓存核心构建产物（首屏必需，不包含字体——字体按 unicode-range 子集太多，改为运行时缓存）
+ globPatterns: ['**/*.{js,css,html,svg,ico}'],
+ // 单文件最大预缓存 3 MB，避免大依赖膨胀 precache
+ maximumFileSizeToCacheInBytes: 3 * 1024 * 1024,
+ // 排除按需加载的资源（评论、编辑器在用户触发时再缓存）
+ globIgnores: [
+ '**/artalk-*.{js,css}',
+ '**/editor-*.{js,css}',
+ '**/CommentsModal-*.{js,css}',
+ '**/SettingsModal-*.{js,css}',
+ ],
// 运行时缓存策略
runtimeCaching: [
+ {
+ // 本地字体子集 - 缓存优先（用户用到哪个子集才缓存哪个）
+ urlPattern: /\/fonts\/.*\.(woff2?|ttf|otf)$/i,
+ handler: 'CacheFirst',
+ options: {
+ cacheName: 'local-fonts',
+ expiration: {
+ maxEntries: 60,
+ maxAgeSeconds: 60 * 60 * 24 * 365, // 1 年
+ },
+ },
+ },
{
// 字体文件 - 缓存优先
urlPattern: /^https:\/\/fonts\.(googleapis|gstatic)\.com\/.*/i,
@@ -138,6 +159,14 @@ export default defineConfig({
cssCodeSplit: true,
sourcemap: false,
chunkSizeWarningLimit: 600,
+ // 禁止字体 base64 内联：保留 fontsource 的 unicode-range 子集策略，
+ // 浏览器按需下载用到的子集而不是把全部字体 base64 进 CSS
+ assetsInlineLimit: (filePath) => {
+ if (/\.(woff2?|eot|ttf|otf)$/i.test(filePath)) {
+ return false
+ }
+ return undefined
+ },
rolldownOptions: {
output: {
assetFileNames: (assetInfo) => {
@@ -172,9 +201,6 @@ export default defineConfig({
if (id.includes('/prismjs/') || id.includes('/vue-prism-editor/')) {
return 'editor';
}
- if (id.includes('/@fancyapps/')) {
- return 'fancybox';
- }
return 'vendor';
}
},