@yuwenovo/ocr-result-view 2.0.0 → 2.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +4 -0
- package/dist/ocr-result-view.css +1 -1
- package/dist/ocr-result-view.js +11 -3
- package/dist/types/types.d.ts +2 -0
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -310,3 +310,7 @@ const viewer = ref<OcrResultViewExpose>()
|
|
|
310
310
|
}
|
|
311
311
|
</style>
|
|
312
312
|
```
|
|
313
|
+
|
|
314
|
+
## 自定义图片加载
|
|
315
|
+
|
|
316
|
+
`imageLoader?: (url: string) => Promise<HTMLImageElement>` 可由宿主提供带鉴权的图片加载器，返回已完成加载/解码的图片。组件仍控制可见页调度、四路并发和图片缓存；不提供时沿用 `imageCrossOrigin` 和原始图片地址。请求头、会话、取消和临时 Blob URL 的释放由宿主管理，组件不持有业务凭据。
|
package/dist/ocr-result-view.css
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
[data-v-61738111],[data-v-61738111]:before,[data-v-61738111]:after{box-sizing:border-box}button[data-v-61738111]{font:inherit;color:inherit;background:0 0;border:0;padding:0}h2[data-v-61738111],h3[data-v-61738111],p[data-v-61738111]{margin:0}svg[data-v-61738111]{vertical-align:middle;display:inline-block}.diff-cards[data-v-61738111]{flex-direction:column;gap:10px;display:flex}.diff-card[data-v-61738111]{--change-color:var(--diff-modify-dot,#f80);border:1px solid var(--viewer-border,#ffffff17);background:var(--diff-card-bg,#ffffff09);border-radius:12px;flex-shrink:0;min-width:0;padding:10px 12px;transition:border-color .15s,box-shadow .15s}.diff-card--insert[data-v-61738111]{--change-color:var(--diff-insert-dot,#00a870)}.diff-card--delete[data-v-61738111]{--change-color:var(--diff-delete-dot,#e34d59)}.diff-card[data-v-61738111]:hover{border-color:color-mix(in srgb, var(--viewer-card-text,#cbd5e1) 30%, transparent)}.diff-card.is-active[data-v-61738111]{border-color:var(--diff-active-border,#38bdf899);box-shadow:0 0 0 2px color-mix(in srgb, var(--diff-active-border,#38bdf899) 10%, transparent)}.diff-card.is-ignored[data-v-61738111]{--change-color:var(--ui-text-subtle,#64748b)}.card-heading[data-v-61738111]{align-items:center;gap:6px;display:flex}.card-select[data-v-61738111]{text-align:left;cursor:pointer;flex:1;align-items:center;gap:8px;min-width:0;display:flex}.type-icon[data-v-61738111]{width:24px;height:24px;color:var(--change-color);background:color-mix(in srgb, var(--change-color) 10%, transparent);border-radius:7px;flex-shrink:0;place-items:center;display:grid}.type-icon svg[data-v-61738111],.card-action svg[data-v-61738111]{width:14px;height:14px}.card-type[data-v-61738111]{color:var(--viewer-card-title,#e2e8f0);font-size:12px;font-weight:600}.card-number[data-v-61738111]{color:var(--ui-text-subtle,#64748b);font-variant-numeric:tabular-nums;font-size:10px}.card-action[data-v-61738111]{width:28px;height:28px;color:var(--ui-text-subtle,#64748b);cursor:pointer;border-radius:7px;flex-shrink:0;place-items:center;display:grid}.card-action[data-v-61738111]:hover{color:var(--viewer-card-title,#e2e8f0);background:var(--viewer-card,#ffffff09)}.card-action[data-v-61738111]:disabled{opacity:.35;cursor:wait}.card-action[data-v-61738111]:focus-visible,.card-select[data-v-61738111]:focus-visible{outline:2px solid var(--diff-active-border,#38bdf899);outline-offset:3px;border-radius:6px}.ignored-label[data-v-61738111]{color:var(--ui-text-subtle,#64748b);white-space:nowrap;font-size:10px}.card-content[data-v-61738111]{cursor:pointer}.text-row[data-v-61738111]{background:var(--viewer-card,#ffffff09);border-radius:7px;align-items:flex-start;gap:10px;margin-top:8px;padding:8px 10px;display:flex}.text-row--single[data-v-61738111]{background:color-mix(in srgb, var(--change-color) 6%, transparent)}.text-label[data-v-61738111]{color:var(--ui-text-subtle,#64748b);flex-shrink:0;padding-top:1px;font-size:10px;line-height:20px}.card-text[data-v-61738111]{min-width:0;color:var(--viewer-card-text,#cbd5e1);overflow-wrap:anywhere;white-space:pre-wrap;font-size:13px;line-height:1.65}.change-mark[data-v-61738111]{background:color-mix(in srgb, var(--change-color) 16%, transparent);border-radius:2px;font-weight:600}.card-location[data-v-61738111]{color:var(--ui-text-subtle,#64748b);margin:8px 0 0;font-size:10px;line-height:14px}[data-v-c65c6ace],[data-v-c65c6ace]:before,[data-v-c65c6ace]:after{box-sizing:border-box}button[data-v-c65c6ace]{font:inherit;color:inherit;background:0 0;border:0;padding:0}h2[data-v-c65c6ace],h3[data-v-c65c6ace],p[data-v-c65c6ace]{margin:0}svg[data-v-c65c6ace]{vertical-align:middle;display:inline-block}.ocr-result-view[data-v-c65c6ace]{flex-direction:column;height:100%;min-height:0;display:flex}.page-btn svg[data-v-c65c6ace]{width:14px;height:14px}.ocr-diff-viewer[data-v-c65c6ace]{min-height:0;color:var(--viewer-card-text,#cbd5e1);background:var(--viewer-bg,#0b1220);flex:1;font-family:Segoe UI,Microsoft YaHei,system-ui,sans-serif;display:flex}.viewer-main[data-v-c65c6ace]{flex-direction:column;flex:1;min-width:0;display:flex}.compare-row[data-v-c65c6ace]{background:var(--viewer-workspace,#080f1c);box-sizing:border-box;flex:1;gap:12px;min-height:0;padding:12px;display:flex;position:relative}.canvas-col[data-v-c65c6ace]{border:1px solid var(--viewer-border,#ffffff17);background:var(--viewer-panel,#111827);border-radius:10px;flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.canvas-info-bar[data-v-c65c6ace]{height:45px;color:var(--viewer-card-title,#e2e8f0);background:var(--viewer-toolbar,#111a2b);border-bottom:1px solid var(--viewer-border,#ffffff17);white-space:nowrap;text-overflow:ellipsis;flex-shrink:0;align-items:center;padding:6px 10px;font-size:12px;font-weight:600;display:flex;overflow:hidden}.canvas-info-bar-left[data-v-c65c6ace]{flex:1;align-items:center;gap:6px;min-width:0;display:flex}.canvas-info-bar-right[data-v-c65c6ace]{flex-shrink:0;align-items:center;gap:4px;margin-left:8px;display:flex}.page-num[data-v-c65c6ace]{color:var(--ui-text-muted,#94a3b8);text-align:center;-webkit-user-select:none;user-select:none;min-width:50px;font-size:12px}.page-btn[data-v-c65c6ace]{border:1px solid var(--viewer-border,#ffffff17);background:var(--viewer-card,#ffffff09);width:24px;height:24px;color:var(--ui-text-muted,#94a3b8);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;padding:0;font-size:10px;line-height:1;transition:background .15s,border-color .15s;display:flex}.page-btn[data-v-c65c6ace]:hover:not(:disabled){color:#bfdbfe;background:#3b82f61f;border-color:#60a5fa52}.page-btn[data-v-c65c6ace]:disabled{opacity:.35;cursor:default}.canvas-info-bar-left-tag[data-v-c65c6ace]{color:#fff;background-color:#10b9812e;border:1px solid #34d39940;border-radius:6px;padding:2px 7px;font-size:12px;line-height:20px}.canvas-info-bar-left-tag.gray[data-v-c65c6ace]{color:var(--viewer-card-text,#cbd5e1);background-color:#94a3b824;border-color:#94a3b833}.canvas-info-bar-left-filename[data-v-c65c6ace]{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.canvas-scroll[data-v-c65c6ace]{background:var(--viewer-scroll,#1a2230);flex:1;min-height:0;position:relative;overflow-y:scroll}.canvas-scroll--flip[data-v-c65c6ace]{direction:rtl}.virtual-spacer[data-v-c65c6ace]{direction:ltr;width:100%;position:relative}.viewport-canvas-stack[data-v-c65c6ace]{direction:ltr;width:100%;position:sticky;top:0}.compare-canvas[data-v-c65c6ace],.annotation-canvas[data-v-c65c6ace]{width:100%;display:block;position:absolute;inset:0}.compare-canvas[data-v-c65c6ace]{pointer-events:none}.annotation-canvas[data-v-c65c6ace]{z-index:1}.line-svg[data-v-c65c6ace]{pointer-events:none;position:absolute;top:0;left:0}.side-panel[data-v-c65c6ace]{border-left:1px solid var(--viewer-border,#ffffff17);background:var(--viewer-side,#0d1626);flex-direction:column;flex-shrink:0;width:clamp(300px,23vw,360px);min-height:0;display:flex;overflow:hidden}.review-header[data-v-c65c6ace]{flex-shrink:0;padding:18px 16px 12px}.review-title-row[data-v-c65c6ace]{justify-content:space-between;align-items:center;gap:12px;display:flex}.review-title-row h2[data-v-c65c6ace]{color:var(--viewer-card-title,#e2e8f0);align-items:center;gap:8px;font-size:14px;font-weight:650;display:flex}.review-title-row svg[data-v-c65c6ace]{width:16px;height:16px;color:var(--ui-text-subtle,#64748b)}.review-total[data-v-c65c6ace]{color:var(--ui-text-subtle,#64748b);font-variant-numeric:tabular-nums;font-size:11px}.review-segments[data-v-c65c6ace]{background:var(--viewer-card,#ffffff09);border-radius:9px;gap:3px;margin-top:16px;padding:3px;display:flex}.review-segments button[data-v-c65c6ace]{min-width:0;color:var(--ui-text-subtle,#64748b);white-space:nowrap;cursor:pointer;border-radius:7px;flex:1;justify-content:center;align-items:center;gap:6px;padding:7px 4px;font-size:12px;transition:background .15s,color .15s;display:flex}.review-segments button[aria-pressed=true][data-v-c65c6ace]{background:var(--viewer-side,#0d1626);color:var(--viewer-card-title,#e2e8f0);font-weight:600;box-shadow:0 1px 4px #00000014}.review-segments span[data-v-c65c6ace]{font-variant-numeric:tabular-nums;opacity:.65;font-size:10px}.review-types[data-v-c65c6ace]{border-bottom:1px solid var(--viewer-border,#ffffff17);flex-shrink:0;align-items:center;gap:4px;padding:0 12px 12px;display:flex}.review-type[data-v-c65c6ace]{color:var(--ui-text-subtle,#64748b);white-space:nowrap;cursor:pointer;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:4px;padding:5px 3px;font-size:11px;display:flex}.review-type span[data-v-c65c6ace]{opacity:.65;font-variant-numeric:tabular-nums;font-size:10px}.review-type[data-v-c65c6ace]:hover,.review-type[aria-pressed=true][data-v-c65c6ace]{color:var(--viewer-card-title,#e2e8f0);background:var(--viewer-card,#ffffff09)}.review-type[aria-pressed=true][data-v-c65c6ace]{font-weight:600}.side-panel[data-v-c65c6ace] .diff-cards{overscroll-behavior:contain;scrollbar-gutter:stable;background:color-mix(in srgb, var(--viewer-card,#ffffff09) 38%, var(--viewer-side,#0d1626));flex:1;min-height:0;padding:14px 12px 16px;overflow-y:auto}.review-footer[data-v-c65c6ace]{border-top:1px solid var(--viewer-border,#ffffff17);background:var(--viewer-side,#0d1626);flex-shrink:0;align-items:center;gap:8px;padding:12px;display:flex}.review-footer button[data-v-c65c6ace]{cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:7px;min-width:0;padding:9px 10px;font-size:12px;transition:background .15s;display:flex}.review-footer svg[data-v-c65c6ace]{flex-shrink:0;width:14px;height:14px}.batch-ignore[data-v-c65c6ace]{color:var(--viewer-card-title,#e2e8f0);background:var(--viewer-card,#ffffff09);flex:1}.batch-ignore span[data-v-c65c6ace]{color:var(--ui-text-subtle,#64748b);font-variant-numeric:tabular-nums;font-size:10px}.batch-restore[data-v-c65c6ace]{color:var(--ui-text-subtle,#64748b)}.review-footer button[data-v-c65c6ace]:hover:not(:disabled){background:var(--diff-card-hover,#3b82f611);color:var(--viewer-card-title,#e2e8f0)}.review-footer button[data-v-c65c6ace]:disabled{opacity:.35;cursor:default}.side-panel button[data-v-c65c6ace]:focus-visible{outline:2px solid var(--diff-active-border,#38bdf899);outline-offset:2px}.review-empty[data-v-c65c6ace]{text-align:center;min-height:0;color:var(--ui-text-subtle,#64748b);flex:1;padding:42px 20px;overflow-y:auto}.empty-symbol[data-v-c65c6ace]{background:var(--viewer-card,#ffffff09);border-radius:14px;place-items:center;width:44px;height:44px;margin:0 auto 14px;display:grid}.empty-symbol svg[data-v-c65c6ace]{width:22px;height:22px}.empty-symbol.is-passed[data-v-c65c6ace]{color:var(--diff-insert-dot,#00a870);background:var(--diff-insert-bg,#34d3991a)}.review-empty h3[data-v-c65c6ace]{color:var(--viewer-card-title,#e2e8f0);font-size:14px;font-weight:600}.review-empty p[data-v-c65c6ace]{margin-top:8px;font-size:12px;line-height:1.6}.review-empty button[data-v-c65c6ace]{color:var(--viewer-card-text,#cbd5e1);cursor:pointer;text-underline-offset:4px;margin-top:20px;font-size:12px;text-decoration:underline}.page-loading[data-v-c65c6ace]{height:200px;color:var(--ui-text-muted,#94a3b8);justify-content:center;align-items:center;font-size:13px;display:flex}
|
|
1
|
+
[data-v-61738111],[data-v-61738111]:before,[data-v-61738111]:after{box-sizing:border-box}button[data-v-61738111]{font:inherit;color:inherit;background:0 0;border:0;padding:0}h2[data-v-61738111],h3[data-v-61738111],p[data-v-61738111]{margin:0}svg[data-v-61738111]{vertical-align:middle;display:inline-block}.diff-cards[data-v-61738111]{flex-direction:column;gap:10px;display:flex}.diff-card[data-v-61738111]{--change-color:var(--diff-modify-dot,#f80);border:1px solid var(--viewer-border,#ffffff17);background:var(--diff-card-bg,#ffffff09);border-radius:12px;flex-shrink:0;min-width:0;padding:10px 12px;transition:border-color .15s,box-shadow .15s}.diff-card--insert[data-v-61738111]{--change-color:var(--diff-insert-dot,#00a870)}.diff-card--delete[data-v-61738111]{--change-color:var(--diff-delete-dot,#e34d59)}.diff-card[data-v-61738111]:hover{border-color:color-mix(in srgb, var(--viewer-card-text,#cbd5e1) 30%, transparent)}.diff-card.is-active[data-v-61738111]{border-color:var(--diff-active-border,#38bdf899);box-shadow:0 0 0 2px color-mix(in srgb, var(--diff-active-border,#38bdf899) 10%, transparent)}.diff-card.is-ignored[data-v-61738111]{--change-color:var(--ui-text-subtle,#64748b)}.card-heading[data-v-61738111]{align-items:center;gap:6px;display:flex}.card-select[data-v-61738111]{text-align:left;cursor:pointer;flex:1;align-items:center;gap:8px;min-width:0;display:flex}.type-icon[data-v-61738111]{width:24px;height:24px;color:var(--change-color);background:color-mix(in srgb, var(--change-color) 10%, transparent);border-radius:7px;flex-shrink:0;place-items:center;display:grid}.type-icon svg[data-v-61738111],.card-action svg[data-v-61738111]{width:14px;height:14px}.card-type[data-v-61738111]{color:var(--viewer-card-title,#e2e8f0);font-size:12px;font-weight:600}.card-number[data-v-61738111]{color:var(--ui-text-subtle,#64748b);font-variant-numeric:tabular-nums;font-size:10px}.card-action[data-v-61738111]{width:28px;height:28px;color:var(--ui-text-subtle,#64748b);cursor:pointer;border-radius:7px;flex-shrink:0;place-items:center;display:grid}.card-action[data-v-61738111]:hover{color:var(--viewer-card-title,#e2e8f0);background:var(--viewer-card,#ffffff09)}.card-action[data-v-61738111]:disabled{opacity:.35;cursor:wait}.card-action[data-v-61738111]:focus-visible,.card-select[data-v-61738111]:focus-visible{outline:2px solid var(--diff-active-border,#38bdf899);outline-offset:3px;border-radius:6px}.ignored-label[data-v-61738111]{color:var(--ui-text-subtle,#64748b);white-space:nowrap;font-size:10px}.card-content[data-v-61738111]{cursor:pointer}.text-row[data-v-61738111]{background:var(--viewer-card,#ffffff09);border-radius:7px;align-items:flex-start;gap:10px;margin-top:8px;padding:8px 10px;display:flex}.text-row--single[data-v-61738111]{background:color-mix(in srgb, var(--change-color) 6%, transparent)}.text-label[data-v-61738111]{color:var(--ui-text-subtle,#64748b);flex-shrink:0;padding-top:1px;font-size:10px;line-height:20px}.card-text[data-v-61738111]{min-width:0;color:var(--viewer-card-text,#cbd5e1);overflow-wrap:anywhere;white-space:pre-wrap;font-size:13px;line-height:1.65}.change-mark[data-v-61738111]{background:color-mix(in srgb, var(--change-color) 16%, transparent);border-radius:2px;font-weight:600}.card-location[data-v-61738111]{color:var(--ui-text-subtle,#64748b);margin:8px 0 0;font-size:10px;line-height:14px}[data-v-0a63a0d3],[data-v-0a63a0d3]:before,[data-v-0a63a0d3]:after{box-sizing:border-box}button[data-v-0a63a0d3]{font:inherit;color:inherit;background:0 0;border:0;padding:0}h2[data-v-0a63a0d3],h3[data-v-0a63a0d3],p[data-v-0a63a0d3]{margin:0}svg[data-v-0a63a0d3]{vertical-align:middle;display:inline-block}.ocr-result-view[data-v-0a63a0d3]{flex-direction:column;height:100%;min-height:0;display:flex}.page-btn svg[data-v-0a63a0d3]{width:14px;height:14px}.ocr-diff-viewer[data-v-0a63a0d3]{min-height:0;color:var(--viewer-card-text,#cbd5e1);background:var(--viewer-bg,#0b1220);flex:1;font-family:Segoe UI,Microsoft YaHei,system-ui,sans-serif;display:flex}.viewer-main[data-v-0a63a0d3]{flex-direction:column;flex:1;min-width:0;display:flex}.compare-row[data-v-0a63a0d3]{background:var(--viewer-workspace,#080f1c);box-sizing:border-box;flex:1;gap:12px;min-height:0;padding:12px;display:flex;position:relative}.canvas-col[data-v-0a63a0d3]{border:1px solid var(--viewer-border,#ffffff17);background:var(--viewer-panel,#111827);border-radius:10px;flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.canvas-info-bar[data-v-0a63a0d3]{height:45px;color:var(--viewer-card-title,#e2e8f0);background:var(--viewer-toolbar,#111a2b);border-bottom:1px solid var(--viewer-border,#ffffff17);white-space:nowrap;text-overflow:ellipsis;flex-shrink:0;align-items:center;padding:6px 10px;font-size:12px;font-weight:600;display:flex;overflow:hidden}.canvas-info-bar-left[data-v-0a63a0d3]{flex:1;align-items:center;gap:6px;min-width:0;display:flex}.canvas-info-bar-right[data-v-0a63a0d3]{flex-shrink:0;align-items:center;gap:4px;margin-left:8px;display:flex}.page-num[data-v-0a63a0d3]{color:var(--ui-text-muted,#94a3b8);text-align:center;-webkit-user-select:none;user-select:none;min-width:50px;font-size:12px}.page-btn[data-v-0a63a0d3]{border:1px solid var(--viewer-border,#ffffff17);background:var(--viewer-card,#ffffff09);width:24px;height:24px;color:var(--ui-text-muted,#94a3b8);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;padding:0;font-size:10px;line-height:1;transition:background .15s,border-color .15s;display:flex}.page-btn[data-v-0a63a0d3]:hover:not(:disabled){color:#bfdbfe;background:#3b82f61f;border-color:#60a5fa52}.page-btn[data-v-0a63a0d3]:disabled{opacity:.35;cursor:default}.canvas-info-bar-left-tag[data-v-0a63a0d3]{color:#fff;background-color:#10b9812e;border:1px solid #34d39940;border-radius:6px;padding:2px 7px;font-size:12px;line-height:20px}.canvas-info-bar-left-tag.gray[data-v-0a63a0d3]{color:var(--viewer-card-text,#cbd5e1);background-color:#94a3b824;border-color:#94a3b833}.canvas-info-bar-left-filename[data-v-0a63a0d3]{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.canvas-scroll[data-v-0a63a0d3]{background:var(--viewer-scroll,#1a2230);flex:1;min-height:0;position:relative;overflow-y:scroll}.canvas-scroll--flip[data-v-0a63a0d3]{direction:rtl}.virtual-spacer[data-v-0a63a0d3]{direction:ltr;width:100%;position:relative}.viewport-canvas-stack[data-v-0a63a0d3]{direction:ltr;width:100%;position:sticky;top:0}.compare-canvas[data-v-0a63a0d3],.annotation-canvas[data-v-0a63a0d3]{width:100%;display:block;position:absolute;inset:0}.compare-canvas[data-v-0a63a0d3]{pointer-events:none}.annotation-canvas[data-v-0a63a0d3]{z-index:1}.line-svg[data-v-0a63a0d3]{pointer-events:none;position:absolute;top:0;left:0}.side-panel[data-v-0a63a0d3]{border-left:1px solid var(--viewer-border,#ffffff17);background:var(--viewer-side,#0d1626);flex-direction:column;flex-shrink:0;width:clamp(300px,23vw,360px);min-height:0;display:flex;overflow:hidden}.review-header[data-v-0a63a0d3]{flex-shrink:0;padding:18px 16px 12px}.review-title-row[data-v-0a63a0d3]{justify-content:space-between;align-items:center;gap:12px;display:flex}.review-title-row h2[data-v-0a63a0d3]{color:var(--viewer-card-title,#e2e8f0);align-items:center;gap:8px;font-size:14px;font-weight:650;display:flex}.review-title-row svg[data-v-0a63a0d3]{width:16px;height:16px;color:var(--ui-text-subtle,#64748b)}.review-total[data-v-0a63a0d3]{color:var(--ui-text-subtle,#64748b);font-variant-numeric:tabular-nums;font-size:11px}.review-segments[data-v-0a63a0d3]{background:var(--viewer-card,#ffffff09);border-radius:9px;gap:3px;margin-top:16px;padding:3px;display:flex}.review-segments button[data-v-0a63a0d3]{min-width:0;color:var(--ui-text-subtle,#64748b);white-space:nowrap;cursor:pointer;border-radius:7px;flex:1;justify-content:center;align-items:center;gap:6px;padding:7px 4px;font-size:12px;transition:background .15s,color .15s;display:flex}.review-segments button[aria-pressed=true][data-v-0a63a0d3]{background:var(--viewer-side,#0d1626);color:var(--viewer-card-title,#e2e8f0);font-weight:600;box-shadow:0 1px 4px #00000014}.review-segments span[data-v-0a63a0d3]{font-variant-numeric:tabular-nums;opacity:.65;font-size:10px}.review-types[data-v-0a63a0d3]{border-bottom:1px solid var(--viewer-border,#ffffff17);flex-shrink:0;align-items:center;gap:4px;padding:0 12px 12px;display:flex}.review-type[data-v-0a63a0d3]{color:var(--ui-text-subtle,#64748b);white-space:nowrap;cursor:pointer;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:4px;padding:5px 3px;font-size:11px;display:flex}.review-type span[data-v-0a63a0d3]{opacity:.65;font-variant-numeric:tabular-nums;font-size:10px}.review-type[data-v-0a63a0d3]:hover,.review-type[aria-pressed=true][data-v-0a63a0d3]{color:var(--viewer-card-title,#e2e8f0);background:var(--viewer-card,#ffffff09)}.review-type[aria-pressed=true][data-v-0a63a0d3]{font-weight:600}.side-panel[data-v-0a63a0d3] .diff-cards{overscroll-behavior:contain;scrollbar-gutter:stable;background:color-mix(in srgb, var(--viewer-card,#ffffff09) 38%, var(--viewer-side,#0d1626));flex:1;min-height:0;padding:14px 12px 16px;overflow-y:auto}.review-footer[data-v-0a63a0d3]{border-top:1px solid var(--viewer-border,#ffffff17);background:var(--viewer-side,#0d1626);flex-shrink:0;align-items:center;gap:8px;padding:12px;display:flex}.review-footer button[data-v-0a63a0d3]{cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:7px;min-width:0;padding:9px 10px;font-size:12px;transition:background .15s;display:flex}.review-footer svg[data-v-0a63a0d3]{flex-shrink:0;width:14px;height:14px}.batch-ignore[data-v-0a63a0d3]{color:var(--viewer-card-title,#e2e8f0);background:var(--viewer-card,#ffffff09);flex:1}.batch-ignore span[data-v-0a63a0d3]{color:var(--ui-text-subtle,#64748b);font-variant-numeric:tabular-nums;font-size:10px}.batch-restore[data-v-0a63a0d3]{color:var(--ui-text-subtle,#64748b)}.review-footer button[data-v-0a63a0d3]:hover:not(:disabled){background:var(--diff-card-hover,#3b82f611);color:var(--viewer-card-title,#e2e8f0)}.review-footer button[data-v-0a63a0d3]:disabled{opacity:.35;cursor:default}.side-panel button[data-v-0a63a0d3]:focus-visible{outline:2px solid var(--diff-active-border,#38bdf899);outline-offset:2px}.review-empty[data-v-0a63a0d3]{text-align:center;min-height:0;color:var(--ui-text-subtle,#64748b);flex:1;padding:42px 20px;overflow-y:auto}.empty-symbol[data-v-0a63a0d3]{background:var(--viewer-card,#ffffff09);border-radius:14px;place-items:center;width:44px;height:44px;margin:0 auto 14px;display:grid}.empty-symbol svg[data-v-0a63a0d3]{width:22px;height:22px}.empty-symbol.is-passed[data-v-0a63a0d3]{color:var(--diff-insert-dot,#00a870);background:var(--diff-insert-bg,#34d3991a)}.review-empty h3[data-v-0a63a0d3]{color:var(--viewer-card-title,#e2e8f0);font-size:14px;font-weight:600}.review-empty p[data-v-0a63a0d3]{margin-top:8px;font-size:12px;line-height:1.6}.review-empty button[data-v-0a63a0d3]{color:var(--viewer-card-text,#cbd5e1);cursor:pointer;text-underline-offset:4px;margin-top:20px;font-size:12px;text-decoration:underline}.page-loading[data-v-0a63a0d3]{height:200px;color:var(--ui-text-muted,#94a3b8);justify-content:center;align-items:center;font-size:13px;display:flex}
|
|
2
2
|
/*$vite$:1*/
|
package/dist/ocr-result-view.js
CHANGED
|
@@ -376,7 +376,8 @@ var je = d({
|
|
|
376
376
|
type: Boolean,
|
|
377
377
|
default: !0
|
|
378
378
|
},
|
|
379
|
-
imageCrossOrigin: { default: "anonymous" }
|
|
379
|
+
imageCrossOrigin: { default: "anonymous" },
|
|
380
|
+
imageLoader: {}
|
|
380
381
|
},
|
|
381
382
|
emits: [
|
|
382
383
|
"ignore",
|
|
@@ -569,7 +570,14 @@ var je = d({
|
|
|
569
570
|
t.name = "AbortError", n(t);
|
|
570
571
|
return;
|
|
571
572
|
}
|
|
572
|
-
V
|
|
573
|
+
if (V++, w.imageLoader) {
|
|
574
|
+
Promise.resolve().then(() => w.imageLoader(e)).then(t, (t) => {
|
|
575
|
+
K || T("image-error", e), n(t);
|
|
576
|
+
}).finally(() => {
|
|
577
|
+
V--, At();
|
|
578
|
+
});
|
|
579
|
+
return;
|
|
580
|
+
}
|
|
573
581
|
let r = new Image();
|
|
574
582
|
w.imageCrossOrigin !== null && (r.crossOrigin = w.imageCrossOrigin), r.onload = () => {
|
|
575
583
|
r.onload = null, r.onerror = null, V--, At(), t(r);
|
|
@@ -1063,6 +1071,6 @@ var je = d({
|
|
|
1063
1071
|
}, void 0, !0)
|
|
1064
1072
|
]));
|
|
1065
1073
|
}
|
|
1066
|
-
}), [["__scopeId", "data-v-
|
|
1074
|
+
}), [["__scopeId", "data-v-0a63a0d3"]]);
|
|
1067
1075
|
//#endregion
|
|
1068
1076
|
export { xt as OcrResultView };
|
package/dist/types/types.d.ts
CHANGED
|
@@ -87,6 +87,8 @@ export interface OcrResultViewProps {
|
|
|
87
87
|
/** 默认只读；忽略操作仅发出事件，由宿主保存并回传新数据。 */
|
|
88
88
|
readonly?: boolean;
|
|
89
89
|
imageCrossOrigin?: 'anonymous' | 'use-credentials' | null;
|
|
90
|
+
/** Optional host loader for authenticated images. Return a fully decoded image. */
|
|
91
|
+
imageLoader?: (url: string) => Promise<HTMLImageElement>;
|
|
90
92
|
}
|
|
91
93
|
export interface OcrResultViewExpose {
|
|
92
94
|
selectDiff: (indexOrId: number | string) => Promise<boolean>;
|