@aphrody/m3读取器
材料3 页面和纵向漫画的对应阅读器和图书.
bun add @aphrody/m3-reader react react-dom tailwindcss
import "@aphrody/m3-reader/styles.css";
import { MangaReader } from "@aphrody/m3-reader";
export function Chapter({ pages }: { pages: string[] }) {
return <MangaReader title="Chapter 1" pages={pages} direction="rtl" />;
}
许可证: Apache-2.0(LICENSE) (中文(简体) ). 安装指南 : 文件/材料/立方米/INSTALL.md。 。 。 .
这个软件包拥有读取器UI,呼号,虚拟滚动,缩放,全屏,缩略图,键盘控制,和灯盒焦点. 它没有资产服务器、编辑API、持久性或OCR政策.
导入 @aphrody/m3-reader/styles.css 一次在主机样式表。 主机必须装入 Tailwind 4 并扫描软件包 dist 目录为 @source,与其他 Apprody M3 组件包一样。 CSS 颜色使用材料 3 --md-sys-color-* 角色,带有可读倒数. 读者也可以通过 --reader-surface, (中文(简体) ), --reader-on-surface, (中文(简体) ), --reader-accent, (中文(简体) ), --reader-on-accent,以及 --reader-outline。 。 。 .
MangaReader 接受页面URL,方向,相邻章节链接,资产解析器,可选镜像解析器,以及页面地址的回调. CaptionedReader 接受已编号的页面、可中止的复制加载器、复制出、图像优化回调和预装数. CollectionReader 拥有版本和章节控制;主机提供其版本分组和章节渲染器. 主机提供特定域的加载和渲染.
这个 /source 导出服务于 TypeScript 源到将软件包本身转录的主机( Next, Bun); 根导出点到编译的 dist。主机仍然负责资产路由、API链接、读取历史、按需复制检索、OCR警告、校正链接和Markdown渲染.