@koi-br/ocr-web-sdk 1.0.41 → 1.0.43

package/README.md

@@ -47,12 +47,6 @@
 - ✅ 查看原图功能
 - ✅ 下载功能（可选）
 
-### 🔄 同步滚动
-- ✅ 多个预览组件同步滚动
-- ✅ 支持比例同步和绝对同步两种模式
-- ✅ 支持垂直、水平、双向同步
-- ✅ 适用于不同大小、不同页数的图片
-
 ## 📦 安装
 
 ```bash
@@ -819,117 +813,6 @@ previewRef.value.clearPreview();
 previewRef.value.preview(newFileUrl, 'new-file.pdf');
 ```
 
-### 7. 同步滚动功能
-
-实现多个预览组件之间的同步滚动，支持不同大小、不同页数的图片：
-
-```vue
-<template>
-  <div class="sync-preview-container">
-    <button @click="toggleSync">
-      {{ syncEnabled ? "禁用" : "启用" }}同步滚动
-    </button>
-    
-    <div class="preview-wrapper">
-      <FilePreview ref="preview1Ref" :image-props="imageProps1" @load="handleLoad1" />
-      <FilePreview ref="preview2Ref" :image-props="imageProps2" @load="handleLoad2" />
-    </div>
-  </div>
-</template>
-
-<script setup>
-import { ref, nextTick } from 'vue';
-import FilePreview, { useSyncScroll } from '@koi-br/ocr-web-sdk';
-
-const preview1Ref = ref(null);
-const preview2Ref = ref(null);
-const syncEnabled = ref(false);
-
-// 初始化同步滚动管理器
-const { enable, disable, toggle: toggleSync, register, unregister } = useSyncScroll({
-  enabled: false,
-  mode: 'ratio',        // 比例同步（推荐，适用于不同大小的图片）
-  direction: 'vertical', // 垂直同步
-  debounce: 16,         // 16ms 节流，约 60fps
-});
-
-const imageProps1 = {
-  url: ['image1-page1.jpg', 'image1-page2.jpg'],
-  autoFitWidth: true,
-};
-
-const imageProps2 = {
-  url: ['image2-page1.jpg', 'image2-page2.jpg'],
-  autoFitWidth: true,
-};
-
-// 注册容器到同步滚动管理器
-const registerContainers = async () => {
-  await nextTick();
-  
-  const preview1 = preview1Ref.value;
-  const preview2 = preview2Ref.value;
-  
-  const container1 = preview1?.imagePreviewRef?.getContainer?.();
-  const container2 = preview2?.imagePreviewRef?.getContainer?.();
-
-  if (container1 && container2) {
-    register('preview1', container1);
-    register('preview2', container2);
-  }
-};
-
-// 切换同步滚动
-const toggleSync = () => {
-  syncEnabled.value = !syncEnabled.value;
-  if (syncEnabled.value) {
-    enable();
-    registerContainers();
-  } else {
-    disable();
-    unregister('preview1');
-    unregister('preview2');
-  }
-};
-
-// 图片加载完成后注册
-const handleLoad1 = () => {
-  if (syncEnabled.value) {
-    nextTick(() => registerContainers());
-  }
-};
-
-const handleLoad2 = () => {
-  if (syncEnabled.value) {
-    nextTick(() => registerContainers());
-  }
-};
-</script>
-```
-
-**同步滚动 API：**
-
-```typescript
-import { useSyncScroll, SyncScrollManager, type SyncScrollConfig } from '@koi-br/ocr-web-sdk';
-
-// Vue Composable 方式（推荐）
-const { enable, disable, register, unregister } = useSyncScroll({
-  enabled: true,
-  mode: 'ratio',      // 'ratio' | 'absolute'
-  direction: 'vertical', // 'vertical' | 'horizontal' | 'both'
-  debounce: 16,      // 防抖延迟（毫秒）
-});
-
-// 或直接使用 SyncScrollManager（非 Vue 环境）
-const manager = new SyncScrollManager({
-  enabled: true,
-  mode: 'ratio',
-  direction: 'vertical',
-});
-```
-
-详细使用文档请参考：[同步滚动使用指南](./docs/sync-scroll-usage.md)
-
 ## ⚠️ 注意事项
 
 1. **样式自动加载**：SDK 会自动加载样式，无需手动导入样式文件。样式已内联到 JS 文件中，导入组件后样式会自动生效。