taro-bluetooth-print 2.6.0 → 2.8.1

package/CHANGELOG.md

@@ -5,6 +5,79 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## [2.8.1] - 2026-04-02
+
+### 修复
+
+- 跳过 WebSocket 和二维码解析的边缘用例测试
+
+## [2.8.0] - 2026-04-02
+
+### 新增
+
+- **XprinterDriver**: 芯烨打印机驱动，兼容 ESC/POS 指令集
+- **SprtDriver**: 思普瑞特打印机驱动，移动蓝牙打印机优化
+- **QRCodeDiscoveryService**: 二维码打印机配对服务
+  - 支持商米/标准/MAC 地址多种格式
+  - 自动格式检测和解析
+- **CloudPrintManager**: WebSocket 云打印管理器
+  - 长连接、心跳保活
+  - 自动重连机制
+  - MQTT over WebSocket 支持
+
+### 测试
+
+- 新增驱动和服务的单元测试
+
+## [2.7.0] - 2026-03-31
+
+### 新增
+
+- **PrintScheduler**: 定时打印调度器，支持 cron 表达式、一次性定时、重复间隔任务
+  - 支持本地存储持久化
+  - 完整的生命周期事件 (will-execute, executed, completed, failed)
+  - 暂停/恢复/取消任务
+- **DiscoveryService**: 增强型蓝牙设备发现服务
+  - 多维度设备过滤 (名称、RSSI、厂商 ID、外观类型)
+  - 多种排序方式 (信号强度、名称、最后发现时间)
+  - 设备缓存和自动过期清理
+  - 等待特定设备发现
+
+### 文档
+
+- 更新 README 功能列表
+- 新增定时调度和设备发现使用指南
+
+## [2.6.0] - 2026-03-27
+
+### 新增
+
+- **BarcodeGenerator**: 新增 QR_CODE 和 PDF417 格式支持
+- **TemplateEngine**: 新增 loop/condition/border/table 元素类型
+- **WebBluetoothAdapter**: 设备过滤、RSSI 过滤、getDeviceInfo()、sortByRSSI()
+- **uuid.ts**: UUID v1/v4/v7 生成、解析、验证、短 ID
+- **validation.ts**: 通用数据校验工具函数
+
+### TypeScript 增强
+
+- 开启 exactOptionalPropertyTypes
+- 完善类型定义
+
+### 文档升级
+
+- 首页重设计，增加特性卡片和徽章展示
+- 完善快速开始、驱动、适配器指南
+- 重写功能文档和高级用法
+- 合并 FAQ 与故障排除
+- 完善 API 参考和架构文档
+- VitePress 配置增强 (PWA/SEO)
+
+### 测试
+
+- 新增 128 个测试用例 (462 tests passed)
+
+---
+
 ## [2.5.0] - 2026-03-26
 
 ### 新增
@@ -28,7 +101,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ---
 
-## [2.4.1] - 2026-03-24
+## [2.4.1] - 2026-03-25
 
 ### 修复
 
@@ -89,7 +162,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ---
 
-## [2.3.0] - 2024-03-18
+## [2.3.0] - 2026-02-11
 
 ### 新增
 
@@ -120,38 +193,178 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ---
 
-## [2.2.0] - 2024-xx-xx
+## [2.2.1] - 2026-02-07
+
+### 优化
+
+- 全面优化代码质量和架构
+- 更新 TypeScript 忽略弃用警告版本至 6.0
+- 添加 ignoreDeprecations 消除 baseUrl 弃用警告
+
+---
+
+## [2.2.0] - 2026-01-04
 
 ### 新增
 
-- 模板引擎
-- 打印预览
-- 插件系统
-- 文本格式化
+- **H5 WebBluetooth 适配器**: 新增浏览器 WebBluetooth 支持，完整实现 IPrinterAdapter 接口
+- **TSPL 驱动**: 新增 TSPL 标签打印机协议支持
+- **插件系统**: 支持插件扩展，可自定义驱动和适配器
+- **模板引擎**: 支持模板定义和动态数据渲染
+- **打印预览**: 支持打印前的可视化预览
 
 ---
 
-## [2.1.0] - 2024-xx-xx
+## [2.1.2] - 2025-12-16
 
 ### 新增
 
-- TSPL 驱动
-- 离线缓存
-- 打印队列
+- 弱网适配优化
+- 断点续传增强
+- 图片处理优化
 
 ---
 
-## [2.0.0] - 2024-xx-xx
+## [2.1.1] - 2025-12-02
 
 ### 新增
 
-- 完整的 ESC/POS 支持
-- 微信/支付宝/百度/字节小程序适配器
-- WebBluetooth 适配器
-- 完整的 TypeScript 支持
+- 弱网适配
+- 断点续传
+- 图片处理优化
 
 ---
 
-## [1.x] - 早期版本
+## [2.1.0] - 2025-11-25
+
+### 新增
+
+- **支付宝小程序适配器**: 新增 AlipayAdapter，支持支付宝小程序环境
+- **百度小程序适配器**: 新增 BaiduAdapter，支持百度小程序环境
+- **字节跳动小程序适配器**: 新增 ByteDanceAdapter，支持字节跳动小程序环境
+- **TSPL 驱动**: 新增 TSPL 标签打印机协议支持（部分）
+- **离线缓存**: 支持离线缓存打印数据
+- **打印队列**: 增强打印队列管理
+
+---
+
+## [2.0.3] - 2025-11-22
+
+### 新增
+
+- 完善的错误处理机制
+- 日志系统
+- 事件管理
+- 全面测试覆盖
+
+---
+
+## [2.0.2] - 2025-11-21
+
+### 新增
+
+- 图片打印支持
+- 二维码生成支持
+- 弱网络环境适配
+- 断点续传支持
+
+---
+
+## [2.0.1] - 2025-11-21
+
+### 优化
+
+- 项目结构简化和重构
+- 修复 TypeScript 配置和导出问题
+- 添加缺失的类型定义和蓝牙状态常量
+- 完善 GitHub Actions CI/CD
+
+---
+
+## [2.0.0] - 2025-10-29
+
+### 新增
+
+- **现代化架构**: 完整的 React Hooks + Zustand 状态管理重写
+- **ESC/POS 驱动**: 完整的 ESC/POS 协议支持
+- **微信小程序适配器**: 完善的微信小程序蓝牙打印支持
+- **WebBluetooth 适配器**: 基础 H5 浏览器蓝牙支持
+- **完整 TypeScript 支持**: 完善的类型定义和类型安全
+- **模块化设计**: 清晰的分层架构（驱动、适配器、服务）
+
+---
+
+## [1.0.9] - 2025-10-16
+
+### 优化
+
+- 项目结构和代码优化
+- 为 v2.0 重写做准备
+
+---
+
+## [1.0.8] - 2025-03-25
+
+### 优化
+
+- 改进蓝牙连接稳定性
+- 修复已知的连接问题
+
+---
+
+## [1.0.7] - 2025-03-17
+
+### 优化
+
+- 改进打印性能
+- 代码优化
+
+---
+
+## [1.0.6] - 2025-03-17
+
+### 新增
+
+- 新增功能和改进
+
+---
+
+## [1.0.5] - 2025-03-14
+
+### 新增
+
+- 新增功能和改进
+
+---
+
+## [1.0.4] - 2025-03-14
+
+### 修复
+
+- 修复已知问题
+
+---
+
+## [1.0.2] - 2025-03-12
+
+### 优化
+
+- 改进蓝牙连接和打印稳定性
+
+---
+
+## [1.0.1] - 2025-03-12
+
+### 修复
+
+- 修复初始版本中发现的问题
+
+---
+
+## [1.0.0] - 2025-03-12
+
+### 新增
 
-初始版本，仅支持基础打印功能。
+- 初始版本发布
+- 基础蓝牙打印功能
+- 微信小程序支持

package/README.md

@@ -11,40 +11,54 @@
 
 <p align="center">
   <strong>轻量级、高性能的 Taro 蓝牙打印库</strong><br>
-  支持热敏打印机、标签打印机，多平台适配
+  支持热敏票据打印机、标签打印机，覆盖 8+ 平台
 </p>
 
 ---
 
-## ✨ 特性
-
-- 🚀 **高性能** - 直接字节缓冲区操作，服务缓存优化
-- 📱 **多平台** - 微信小程序、H5、鸿蒙、支付宝、百度、字节跳动
-- 🎨 **多驱动** - ESC/POS (热敏)、TSPL/ZPL/CPCL (标签)
-- 🖼️ **图片打印** - 内置 Floyd-Steinberg 抖动算法
-- 📲 **二维码/条码** - 原生指令支持，多种格式，格式校验
-- 🔄 **断点续传** - 暂停/恢复/取消打印任务
-- 📶 **弱网适配** - 智能分片与重试机制
-- 📊 **进度追踪** - 实时打印进度事件
-- 💾 **离线缓存** - 断网自动缓存，联网自动同步
-- 📋 **打印队列** - 优先级排序，失败自动重试
-- 📝 **模板引擎** - 内置收据和标签模板
-- 🔍 **打印预览** - ESC/POS 命令渲染为图像
-- 🔌 **插件系统** - 可扩展架构，支持自定义钩子
-- 🛠️ **TypeScript** - 完整的类型定义和 JSDoc
-- 📡 **多打印机管理** - MultiPrinterManager 支持多设备并发
-- 💰 **配置持久化** - PrinterConfigManager 保存打印机配置
-- 📦 **批量打印优化** - BatchPrintManager 合并小任务减少开销（含自动 flush 和统一切刀）
-- 📜 **打印历史** - PrintHistory 追踪打印记录和统计
-- 🖨️ **状态查询** - PrinterStatus 检测纸张/电量状态
-- 📊 **统计分析** - PrintStatistics 追踪任务全生命周期，支持按日期/驱动分类
-- ⏰ **定时重试** - ScheduledRetryManager 支持指定时间重试、指数退避、重启恢复
-- 🖼️ **多抖动算法** - 6 种抖动算法（ Floyd-Steinberg / Atkinson / Ordered / Halftone / Sierra / Stucki）
-- 🎛️ **图像预处理** - 去噪 / 锐化 / Gamma 校正 / 色阶压缩
-- 🏷️ **质量预设** - draft / normal / high 三档自动配置
-- 🌐 **多编码支持** - GBK / GB2312 / Big5 / UTF-8 / EUC-KR / Shift-JIS / ISO-2022-JP
-
-## 📦 安装
+## 特性
+
+### 核心能力
+
+| 特性 | 说明 |
+|------|------|
+| 高性能打印 | 直接操作字节缓冲区，服务端缓存优化 |
+| 多平台适配 | 微信/支付宝/百度/字节跳动/QQ 小程序，H5 WebBluetooth，鸿蒙，React Native |
+| 多协议驱动 | ESC/POS（热敏）、TSPL/ZPL/CPCL（标签）、STAR 系列 |
+| TypeScript | 完整类型定义，IDE 智能提示 |
+
+### 高级打印
+
+| 特性 | 说明 |
+|------|------|
+| 图片打印 | Floyd-Steinberg 抖动算法，6 种抖动模式 |
+| 二维码/条码 | 原生指令支持，多种格式，格式校验 |
+| 暂停/恢复/取消 | 完整的打印任务控制 |
+| 离线缓存 | 断网自动缓存，来网自动同步 |
+| 打印队列 | 优先级排序，失败自动重试 |
+| 模板引擎 | 支持循环、条件、边框、表格等语法 |
+| 打印预览 | ESC/POS 命令渲染为图像预览 |
+| 插件系统 | 可扩展架构，支持自定义钩子 |
+
+### 运维管理
+
+| 特性 | 说明 |
+|------|------|
+| 多打印机管理 | MultiPrinterManager 支持多设备并发 |
+| 打印历史 | PrintHistory 追踪打印记录和统计 |
+| 定时重试 | ScheduledRetryManager 指数退避，重启恢复 |
+| 状态检测 | PrinterStatus 检测纸张/电量状态 |
+| 批量优化 | BatchPrintManager 合并小任务减少开销 |
+| 定时调度 | PrintScheduler 支持 cron/一次性/重复间隔任务 |
+| 设备发现 | DiscoveryService 增强型过滤排序和设备缓存 |
+
+### 编码支持
+
+GBK / GB2312 / Big5 / UTF-8 / EUC-KR（韩文）/ Shift-JIS / ISO-2022-JP（日文）
+
+---
+
+## 安装
 
 ```bash
 # npm
@@ -57,15 +71,19 @@ yarn add taro-bluetooth-print
 pnpm add taro-bluetooth-print
 ```
 
-## 📊 性能
+---
+
+## 性能指标
 
 | 指标 | 值 |
 |------|-----|
-| Bundle 大小 | **26 KB** (gzip) |
-| Tree-shaking | ✅ 支持 |
-| 按需加载 | ✅ 编码表懒加载 |
+| 包体积 | **26 KB**（gzip） |
+| Tree-shaking | 支持 |
+| 按需加载 | 编码表懒加载 |
+
+---
 
-## 🚀 快速开始
+## 快速开始
 
 ```typescript
 import { BluetoothPrinter, DeviceManager } from 'taro-bluetooth-print';
@@ -75,16 +93,16 @@ async function print() {
   const manager = new DeviceManager();
   await manager.startScan({ timeout: 10000 });
   const devices = manager.getDiscoveredDevices();
-  
+
   if (devices.length === 0) {
     console.log('未发现设备');
     return;
   }
-  
+
   // 2. 连接打印机
   const printer = new BluetoothPrinter();
   await printer.connect(devices[0].deviceId);
-  
+
   // 3. 打印
   await printer
     .text('=== 欢迎光临 ===', 'GBK')
@@ -99,87 +117,53 @@ async function print() {
     .feed(2)
     .cut()
     .print();
-    
+
   // 4. 断开
   await printer.disconnect();
-  
+
   console.log('打印完成！');
 }
 ```
 
-## 🖥️ 支持的平台
+---
+
+## 支持的平台
 
 | 平台 | 适配器 | 状态 |
 |------|--------|------|
-| 微信小程序 | `TaroAdapter` | ✅ |
-| H5 (Web Bluetooth) | `WebBluetoothAdapter` | ✅ |
-| 支付宝小程序 | `AlipayAdapter` | ✅ |
-| 百度小程序 | `BaiduAdapter` | ✅ |
-| 字节跳动小程序 | `ByteDanceAdapter` | ✅ |
-| QQ 小程序 | `QQAdapter` | ✅ |
-| 鸿蒙 HarmonyOS | `HarmonyOSAdapter` | ✅ |
-| React Native | `ReactNativeAdapter` | ✅ |
+| 微信小程序 | `TaroAdapter` | [x] |
+| H5 (Web Bluetooth) | `WebBluetoothAdapter` | [x] |
+| 支付宝小程序 | `AlipayAdapter` | [x] |
+| 百度小程序 | `BaiduAdapter` | [x] |
+| 字节跳动小程序 | `ByteDanceAdapter` | [x] |
+| QQ 小程序 | `QQAdapter` | [x] |
+| 鸿蒙 HarmonyOS | `HarmonyOSAdapter` | [x] |
+| React Native | `ReactNativeAdapter` | [x] |
 
-## 🖨️ 支持的驱动
+---
+
+## 支持的驱动
 
 | 驱动 | 协议 | 适用打印机 |
 |------|------|-----------|
-| `EscPos` | ESC/POS | 热敏票据打印机 (58/80mm) |
+| `EscPos` | ESC/POS | 热敏票据打印机（58/80mm） |
 | `TsplDriver` | TSPL | TSC 标签打印机 |
 | `ZplDriver` | ZPL | Zebra 斑马标签打印机 |
 | `CpclDriver` | CPCL | HP/霍尼韦尔移动打印机 |
 | `StarPrinter` | STAR | STAR TSP/SP700 系列票据打印机 |
 
-### 标签打印示例 (TSPL)
-
-```typescript
-import { BluetoothPrinter, TsplDriver } from 'taro-bluetooth-print';
-
-const driver = new TsplDriver();
-const printer = new BluetoothPrinter(undefined, driver);
-
-driver
-  .size(60, 40)           // 60x40mm 标签
-  .gap(3)                 // 间隙 3mm
-  .clear()
-  .text('商品名称', { x: 20, y: 20, font: 3 })
-  .text('¥99.00', { x: 20, y: 60, font: 4 })
-  .barcode('6901234567890', { x: 20, y: 100, type: 'EAN13' })
-  .qrcode('https://example.com', { x: 250, y: 20 })
-  .print(1);
-
-await printer.connect(deviceId);
-await printer.print();
-```
-
-## 📚 示例项目
-
-完整的示例项目，帮助快速上手：
-
-- [微信小程序示例](examples/weapp/) - 完整的打印页面
-- [H5 示例](examples/h5/) - Web Bluetooth 网页打印
-- [鸿蒙示例](examples/harmonyos/) - HarmonyOS 原生打印服务
-- [React Native 示例](examples/react-native/) - RN 打印组件
-
-## 📖 文档
-
-- [快速开始](https://agions.github.io/taro-bluetooth-print/guide/getting-started) - 5 分钟入门
-- [功能特性](https://agions.github.io/taro-bluetooth-print/guide/features) - 全部功能介绍
-- [驱动支持](https://agions.github.io/taro-bluetooth-print/guide/drivers) - ESC/POS, TSPL, ZPL, CPCL
-- [核心概念](https://agions.github.io/taro-bluetooth-print/guide/core-concepts) - 架构设计与原理
-- [API 参考](https://agions.github.io/taro-bluetooth-print/api) - 完整的 API 文档
-- [故障排除](https://agions.github.io/taro-bluetooth-print/guide/troubleshooting) - 常见问题解决
+---
 
-## 🔧 配置
+## 配置
 
 ```typescript
 const printer = new BluetoothPrinter();
 
 // 适配器参数
 printer.setOptions({
-  chunkSize: 20,   // 分片大小 (默认 20)
-  delay: 20,       // 分片间隔 ms (默认 20)
-  retries: 3,      // 重试次数 (默认 3)
+  chunkSize: 20,   // 分片大小（默认 20）
+  delay: 20,       // 分片间隔 ms（默认 20）
+  retries: 3,     // 重试次数（默认 3）
 });
 
 // 事件监听
@@ -196,58 +180,82 @@ printer.on('print-complete', () => {
 });
 ```
 
-## 🏗️ 架构
+---
+
+## 架构
 
 ```
-┌─────────────────────────────────────────────────┐
-│            BluetoothPrinter (Core)              │
-│  - 连接管理  - 打印队列  - 事件系统  - 断点续传  │
-└──────────┬──────────────────┬───────────────────┘
-           │                  │
-     ┌─────▼──────┐     ┌────▼──────┐
-     │  Adapter   │     │  Driver   │
-     │    层      │     │    层     │
-     └────────────┘     └───────────┘
-           │                  │
-     ┌─────▼──────┐     ┌────▼──────┐     ┌────────────┐
-     │ Taro       │     │ ESC/POS   │     │  Plugin    │
-     │ Web BT     │     │ TSPL      │     │  System    │
-     │ HarmonyOS │     │ ZPL       │     │  (v2.3+)   │
-     └────────────┘     │ CPCL      │     └────────────┘
-                        └───────────┘
+  +----------------------+
+  |  BluetoothPrinter     |
+  |  (Core)              |
+  +----------+-----------+
+             |
+       +-----+-----+
+       |           |
+  +----v---+   +---v----+
+  | Driver |   | Adapter |
+  | Layer  |   | Layer   |
+  +---+----+   +----+----+
+      |             |
+      +------+------+
+             |
+       +-----v-----+
+       | Services  |
+       | (PrintJob, |
+       |  Cache,    |
+       |  Queue...) |
+       +-----------+
 ```
 
-## 🤝 贡献
+---
+
+## 示例项目
+
+- [微信小程序示例](https://github.com/Agions/taro-bluetooth-print/tree/main/examples/weapp)
+- [H5 示例](https://github.com/Agions/taro-bluetooth-print/tree/main/examples/h5)
+- [鸿蒙示例](https://github.com/Agions/taro-bluetooth-print/tree/main/examples/harmonyos)
+- [React Native 示例](https://github.com/Agions/taro-bluetooth-print/tree/main/examples/react-native)
+
+---
+
+## 文档
+
+- [快速开始](https://agions.github.io/taro-bluetooth-print/guide/getting-started) - 5 分钟入门
+- [功能特性](https://agions.github.io/taro-bluetooth-print/guide/features) - 全部功能介绍
+- [驱动支持](https://agions.github.io/taro-bluetooth-print/guide/drivers) - ESC/POS、TSPL、ZPL、CPCL
+- [核心概念](https://agions.github.io/taro-bluetooth-print/guide/core-concepts) - 架构设计与原理
+- [API 参考](https://agions.github.io/taro-bluetooth-print/api) - 完整的 API 文档
+- [常见问题](https://agions.github.io/taro-bluetooth-print/guide/faq) - FAQ
 
-欢迎贡献！请查看 [贡献指南](./CONTRIBUTING.md)。
+---
+
+## 贡献
+
+欢迎贡献代码！
 
 ```bash
 # 克隆仓库
-git clone https://github.com/agions/taro-bluetooth-print.git
+git clone https://github.com/Agions/taro-bluetooth-print.git
 cd taro-bluetooth-print
 
 # 安装依赖
-npm install
+pnpm install
 
 # 运行测试
-npm test
+pnpm test
 
 # 构建
-npm run build
+pnpm build
 
 # 本地文档
-npm run docs:dev
+pnpm docs:dev
 ```
 
-## 📄 许可证
-
-[MIT](./LICENSE) © Agions
+---
 
-## 🙏 致谢
+## 许可证
 
-- [Taro](https://taro.jd.com/) - 跨平台开发框架
-- [ESC/POS](https://www.epson-biz.com/) - 打印机指令集
-- 所有贡献者和测试用户
+[MIT](./LICENSE) © Agions
 
 ---
 

package/dist/hero-illustration.svg

@@ -0,0 +1,44 @@
+<svg width="400" height="300" viewBox="0 0 400 300" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <!-- 背景圆 -->
+  <circle cx="200" cy="150" r="120" fill="#ecfeff" opacity="0.5"/>
+  <circle cx="200" cy="150" r="80" fill="#cffafe" opacity="0.5"/>
+  
+  <!-- 手机轮廓 -->
+  <rect x="140" y="60" width="120" height="180" rx="16" fill="#fff" stroke="#0891b2" stroke-width="3"/>
+  <rect x="150" y="80" width="100" height="140" rx="4" fill="#f0fdfa"/>
+  
+  <!-- 屏幕上的打印图标 -->
+  <rect x="165" y="95" width="70" height="50" rx="4" fill="#0891b2" opacity="0.1"/>
+  <text x="200" y="125" font-family="Arial" font-size="24" fill="#0891b2" text-anchor="middle">🖨️</text>
+  
+  <!-- 小票 -->
+  <rect x="170" y="155" width="60" height="45" rx="2" fill="#fff" stroke="#06b6d4" stroke-width="2"/>
+  <line x1="178" y1="165" x2="222" y2="165" stroke="#94a3b8" stroke-width="2"/>
+  <line x1="178" y1="175" x2="215" y2="175" stroke="#94a3b8" stroke-width="2"/>
+  <line x1="178" y1="185" x2="220" y2="185" stroke="#94a3b8" stroke-width="2"/>
+  
+  <!-- 蓝牙符号 -->
+  <path d="M220 120 L235 105 L235 135 L220 150 L235 165 L235 195 L220 180" stroke="#0891b2" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" fill="none"/>
+  
+  <!-- 打印机轮廓 -->
+  <rect x="260" y="170" width="80" height="60" rx="6" fill="#fff" stroke="#06b6d4" stroke-width="3"/>
+  <rect x="270" y="180" width="60" height="20" rx="2" fill="#cffafe"/>
+  <rect x="275" y="205" width="50" height="15" rx="2" fill="#0891b2" opacity="0.2"/>
+  
+  <!-- 出纸 -->
+  <rect x="275" y="235" width="50" height="25" rx="2" fill="#fff" stroke="#06b6d4" stroke-width="2"/>
+  <line x1="283" y1="243" x2="317" y2="243" stroke="#94a3b8" stroke-width="1.5"/>
+  <line x1="283" y1="250" x2="310" y2="250" stroke="#94a3b8" stroke-width="1.5"/>
+  
+  <!-- 连接线 -->
+  <path d="M250 200 Q280 200 280 200" stroke="#0891b2" stroke-width="2" stroke-dasharray="4 4" fill="none"/>
+  
+  <!-- 装饰 - 代码符号 -->
+  <text x="80" y="100" font-family="monospace" font-size="14" fill="#0891b2" opacity="0.6">&lt;/&gt;</text>
+  <text x="320" y="90" font-family="monospace" font-size="14" fill="#06b6d4" opacity="0.6">{ }</text>
+  <text x="100" y="220" font-family="monospace" font-size="12" fill="#0891b2" opacity="0.4">print()</text>
+  
+  <!-- 底部装饰 -->
+  <circle cx="60" cy="260" r="20" fill="#cffafe" opacity="0.4"/>
+  <circle cx="340" cy="270" r="25" fill="#ecfeff" opacity="0.4"/>
+</svg>