mirror of https://github.com/linshenkx/prompt-optimizer.git synced 2026-06-09 10:32:29 +08:00

Files

linshen acf592ab2c refactor(template): 优化模板管理与服务注入，增强错误处理并添加故障排除清单

- 添加模板管理故障排除清单，以帮助用户解决模板管理中遇到的常见问题。
- 统一服务注入逻辑，移除不必要的props定义，增强错误处理机制。
- 优化模板管理，统一服务注入与存储键管理。
- 更新 `TemplateSelect.vue`，移除 `services` prop，改用 `inject` 注入服务。
- 整合 `useTemplateManager`，统一模板选择保存逻辑及存储键管理。
- 新增 `storage-keys.ts`，集中管理存储键常量，避免重复定义，便于维护与遍历。
- 更新相关组件以适配新的模板管理方式，确保模板选择状态正确保存和恢复。
- 修正了模板类型错误的问题，确保在管理界面切换分类后添加的模板类型与当前显示的分类一致。
- 修复了模板管理器打开位置错误的问题，确保从不同入口打开模板管理器时，定位到正确的分类。
- 优化了模板保存和导入逻辑，增加了错误处理和提示。
- 确保所有异步模板操作都使用了 `await` 关键字，避免潜在的时序问题。
- 移除了 `usePromptOptimizer` 中 `selectedOptimizationMode` 的默认值，强制传入该参数。
- 优化了 `TemplateSelect` 组件中 `optimizationMode` prop 的处理，设为 `required`。

2025-06-29 10:10:26 +08:00

1.8 KiB

Raw Permalink Blame History

主题系统开发

📋 功能概述

多主题功能的设计与实现，包括自定义深色主题（紫色、绿色等）的开发，以及与第三方库样式冲突的解决方案。

🎯 核心成果

实现了基于 data-theme 属性的主题系统
解决了与 Tailwind Typography 的样式冲突
建立了第三方库样式隔离的最佳实践
形成了主题开发的标准流程

📅 时间线

开始时间: 2024-11-15
完成时间: 2024-12-10
当前状态: ✅ 已完成

🎨 主题特性

支持的主题

默认亮色主题
默认深色主题
紫色深色主题
绿色深色主题

技术实现

基于 data-theme 属性的CSS变量系统
与 Tailwind CSS 的深度集成
响应式主题切换
第三方库样式隔离

🔧 关键解决方案

Tailwind Typography 冲突处理

问题: prose 插件的强样式主张与自定义主题冲突
解决: 彻底隔离策略，手动重建布局
原则: 禁止部分应用，完全移除 @apply prose

手动重建的 Markdown 布局

.theme-markdown-content {
  @apply max-w-none;
}

.theme-markdown-content > :first-child { @apply mt-0; }
.theme-markdown-content > :last-child { @apply mb-0; }
.theme-markdown-content h1 { @apply text-2xl font-bold my-4; }
.theme-markdown-content h2 { @apply text-xl font-semibold my-3; }
.theme-markdown-content p { @apply my-3 leading-relaxed; }

📚 相关文档

🔗 关联功能

105-output-display-v2 - 输出显示v2
108-layout-system - 布局系统

状态: ✅ 已完成
负责人: AI Assistant
最后更新: 2025-07-01

1.8 KiB Raw Permalink Blame History