@agions/taroviz 1.10.0 → 1.11.1

package/README.md

@@ -16,9 +16,9 @@
   </p>
 </div>
 
-## 📢 最新版本 v1.9.0
+## 📢 最新版本 v1.10.0
 
-TaroViz v1.9.0 正式发布！本次更新带来完整的无障碍支持（键盘导航 + 屏幕阅读器）、专业动画预设调优、TypeScript 类型系统全面重构。查看 [更新日志](./CHANGELOG.md) 了解详细信息。
+TaroViz v1.10.0 正式发布！新增 **useChartHistory**（Undo/Redo 历史记录）和 **useChartSelection**（数据点选择/高亮）两个专业级 Hook，ErrorBoundary / LazyChart CSS 变量化，ThemeManager 系统主题自动检测。查看 [更新日志](./CHANGELOG.md) 了解详细信息。
 
 ## 📚 文档
 
@@ -36,18 +36,48 @@ TaroViz v1.9.0 正式发布！本次更新带来完整的无障碍支持（键
 - 📦 **单包架构设计** - 简化依赖管理，方便使用
 - 🚀 **高性能渲染** - 基于 ECharts 优化，支持懒加载和渐进式渲染
 - ⚡ **性能分析工具** - 支持帧率监控和内存使用分析
-- 🛡️ **错误边界** - 内置 ErrorBoundary 组件，防止图表渲染错误影响应用
+- 🛡️ **错误边界** - 内置 ErrorBoundary 组件，防止图表渲染错误影响应用，支持 CSS 变量主题化
 - 🪝 **懒加载支持** - 支持图表组件懒加载，优化首屏加载速度
+- ↩️ **Undo/Redo 历史** - useChartHistory Hook 追踪配置变更，支持 Ctrl+Z/Y 快捷键
+- 🎯 **数据点选择** - useChartSelection Hook 支持单选/多选/反选，程序化控制数据高亮
 - 🎯 **标注系统** - 支持 MarkLine、MarkArea 等标注，预设平均线、警戒线等样式
 - 📤 **导出功能** - 支持导出为 PNG、JPEG、SVG、PDF 等格式
-- 🎯 **易用的 React Hooks** - 提供 useChart、useResize、useResponsive、useThemeSwitcher 等 Hooks
+- 🎯 **易用的 React Hooks** - 提供 useChart、useResize、useResponsive、useThemeSwitcher、useChartHistory、useChartSelection 等 Hooks
 - ♿ **无障碍支持** - 键盘导航（+/- 缩放、方向键平移、Home 重置）、屏幕阅读器数据表
-- 🎬 **专业动画** - 符合设计规范的动画时长和缓动曲线
+- 🎬 **专业动画** - 符合设计规范的动画时长和缓动曲线，支持 prefers-reduced-motion WCAG 无障碍
 - 📖 **完善的类型定义** - 完整的 TypeScript 类型支持，提升开发体验
 - 🛠️ **图表配置生成器** - 支持快速生成 ECharts 配置
 - 🛠️ **代码示例生成器** - 支持 React、Vue、Vanilla 框架
 - 📚 **完善的文档系统** - 包含在线示例和使用指南
 
+## 🪝 Hooks
+
+TaroViz 提供多个专业级 React Hooks，简化图表状态管理：
+
+```typescript
+import {
+  useChart,
+  useChartHistory,   // Undo/Redo 历史记录
+  useChartSelection,  // 数据点选择/高亮
+  useChartDownload,   // 导出 PNG/JPEG/SVG/PDF/CSV/JSON
+  useChartConnect,    // 多图表联动
+  useDataZoom,        // 区域缩放
+  useAnimation,       // 动画控制
+  useThemeSwitcher,   // 主题切换
+} from '@agions/taroviz';
+
+// Undo/Redo 示例
+const { canUndo, canRedo, undo, redo } = useChartHistory(chartInstance, {
+  maxHistorySize: 50,
+  enableKeyboard: true, // Ctrl+Z / Ctrl+Y
+});
+
+// 数据点选择示例
+const { selectedPoints, select, deselect, clearSelection } = useChartSelection(chartInstance, {
+  mode: 'multiple',
+});
+```
+
 ## 快速开始
 
 ### 安装