@somecat/epub-reader 0.1.0 → 0.1.1
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 +7 -7
- package/dist/react.cjs +661 -101
- package/dist/react.cjs.map +1 -1
- package/dist/react.d.cts +1 -0
- package/dist/react.d.ts +1 -0
- package/dist/react.js +661 -101
- package/dist/react.js.map +1 -1
- package/dist/vue.cjs +0 -0
- package/dist/vue.cjs.map +1 -1
- package/dist/vue.d.cts +9 -0
- package/dist/vue.d.ts +9 -0
- package/dist/vue.js +669 -97
- package/dist/vue.js.map +1 -1
- package/package.json +1 -1
- package/style.css +116 -116
package/README.md
CHANGED
|
@@ -1,25 +1,25 @@
|
|
|
1
|
-
# @somecat/
|
|
1
|
+
# @somecat/epub-reader
|
|
2
2
|
|
|
3
3
|
轻量 EBookReader：基于 `foliate-js` 的 `foliate-view`，提供 React 18+ / Vue 3 组件（不依赖 Ant Design / UnoCSS），并内置基础 UI（目录、搜索、翻页、字号、明暗主题、阅读进度）。
|
|
4
4
|
|
|
5
5
|
## 安装
|
|
6
6
|
|
|
7
7
|
```bash
|
|
8
|
-
pnpm add @somecat/
|
|
8
|
+
pnpm add @somecat/epub-reader
|
|
9
9
|
```
|
|
10
10
|
|
|
11
11
|
同时在你的应用入口引入样式：
|
|
12
12
|
|
|
13
13
|
```ts
|
|
14
|
-
import '@somecat/
|
|
14
|
+
import '@somecat/epub-reader/style.css'
|
|
15
15
|
```
|
|
16
16
|
|
|
17
17
|
## React 18+
|
|
18
18
|
|
|
19
19
|
```tsx
|
|
20
20
|
import { useMemo, useState } from 'react'
|
|
21
|
-
import { EBookReader } from '@somecat/
|
|
22
|
-
import '@somecat/
|
|
21
|
+
import { EBookReader } from '@somecat/epub-reader/react'
|
|
22
|
+
import '@somecat/epub-reader/style.css'
|
|
23
23
|
|
|
24
24
|
export default function Demo() {
|
|
25
25
|
const [file, setFile] = useState<File | null>(null)
|
|
@@ -42,12 +42,12 @@ export default function Demo() {
|
|
|
42
42
|
## Vue 3
|
|
43
43
|
|
|
44
44
|
```ts
|
|
45
|
-
import '@somecat/
|
|
45
|
+
import '@somecat/epub-reader/style.css'
|
|
46
46
|
```
|
|
47
47
|
|
|
48
48
|
```ts
|
|
49
49
|
import { defineComponent, ref } from 'vue'
|
|
50
|
-
import { EBookReaderVue } from '@somecat/
|
|
50
|
+
import { EBookReaderVue } from '@somecat/epub-reader/vue'
|
|
51
51
|
|
|
52
52
|
export default defineComponent({
|
|
53
53
|
setup() {
|