@turinhub/atomix-common-ui 0.2.2 → 0.4.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 +34 -15
- package/dist/PDFSidebar-BBtucLK6.js +232 -0
- package/dist/PDFSidebar-BBtucLK6.js.map +1 -0
- package/dist/PDFSidebar-Di0D-yPS.cjs +2 -0
- package/dist/PDFSidebar-Di0D-yPS.cjs.map +1 -0
- package/dist/component-types.cjs +2 -0
- package/dist/component-types.cjs.map +1 -0
- package/dist/component-types.d.ts +2 -0
- package/dist/component-types.d.ts.map +1 -0
- package/dist/component-types.js +2 -0
- package/dist/component-types.js.map +1 -0
- package/dist/components/FileUpload.d.ts +61 -0
- package/dist/components/FileUpload.d.ts.map +1 -0
- package/dist/components/MarkdownReader.d.ts +26 -0
- package/dist/components/MarkdownReader.d.ts.map +1 -0
- package/dist/components/PDFReader.d.ts +2 -2
- package/dist/components/PDFReader.d.ts.map +1 -1
- package/dist/components/PDFSidebar.d.ts +1 -1
- package/dist/components/PDFSidebar.d.ts.map +1 -1
- package/dist/components/SimplePDFReader.d.ts +1 -1
- package/dist/data-table.cjs +2 -0
- package/dist/data-table.cjs.map +1 -0
- package/dist/data-table.d.ts +3 -0
- package/dist/data-table.d.ts.map +1 -0
- package/dist/data-table.js +159 -0
- package/dist/data-table.js.map +1 -0
- package/dist/delete-confirm-dialog.cjs +2 -0
- package/dist/delete-confirm-dialog.cjs.map +1 -0
- package/dist/delete-confirm-dialog.d.ts +3 -0
- package/dist/delete-confirm-dialog.d.ts.map +1 -0
- package/dist/delete-confirm-dialog.js +109 -0
- package/dist/delete-confirm-dialog.js.map +1 -0
- package/dist/file-upload.cjs +2 -0
- package/dist/file-upload.cjs.map +1 -0
- package/dist/file-upload.d.ts +3 -0
- package/dist/file-upload.d.ts.map +1 -0
- package/dist/file-upload.js +354 -0
- package/dist/file-upload.js.map +1 -0
- package/dist/{index-CN76z2bu.cjs → index-BiA_tnaq.cjs} +3 -3
- package/dist/{index-CN76z2bu.cjs.map → index-BiA_tnaq.cjs.map} +1 -1
- package/dist/{index-Ba1twkJn.js → index-BypbGNpR.js} +2 -2
- package/dist/{index-Ba1twkJn.js.map → index-BypbGNpR.js.map} +1 -1
- package/dist/index.cjs +2 -0
- package/dist/index.cjs.map +1 -0
- package/dist/index.d.ts +0 -18
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +2 -11
- package/dist/jsx-runtime-B4hRZ52C.js +283 -0
- package/dist/jsx-runtime-B4hRZ52C.js.map +1 -0
- package/dist/jsx-runtime-BB_1_6y_.cjs +23 -0
- package/dist/jsx-runtime-BB_1_6y_.cjs.map +1 -0
- package/dist/markdown-reader.cjs +2 -0
- package/dist/markdown-reader.cjs.map +1 -0
- package/dist/markdown-reader.d.ts +3 -0
- package/dist/markdown-reader.d.ts.map +1 -0
- package/dist/markdown-reader.js +145 -0
- package/dist/markdown-reader.js.map +1 -0
- package/dist/pdf-reader.cjs +2 -0
- package/dist/pdf-reader.cjs.map +1 -0
- package/dist/pdf-reader.d.ts +3 -0
- package/dist/pdf-reader.d.ts.map +1 -0
- package/dist/pdf-reader.js +427 -0
- package/dist/pdf-reader.js.map +1 -0
- package/dist/pdf-sidebar.cjs +2 -0
- package/dist/pdf-sidebar.cjs.map +1 -0
- package/dist/pdf-sidebar.d.ts +3 -0
- package/dist/pdf-sidebar.d.ts.map +1 -0
- package/dist/pdf-sidebar.js +5 -0
- package/dist/pdf-sidebar.js.map +1 -0
- package/dist/simple-pdf-reader.cjs +2 -0
- package/dist/simple-pdf-reader.cjs.map +1 -0
- package/dist/simple-pdf-reader.d.ts +3 -0
- package/dist/simple-pdf-reader.d.ts.map +1 -0
- package/dist/simple-pdf-reader.js +268 -0
- package/dist/simple-pdf-reader.js.map +1 -0
- package/dist/table-header.cjs +2 -0
- package/dist/table-header.cjs.map +1 -0
- package/dist/table-header.d.ts +3 -0
- package/dist/table-header.d.ts.map +1 -0
- package/dist/table-header.js +63 -0
- package/dist/table-header.js.map +1 -0
- package/dist/table-pagination.cjs +2 -0
- package/dist/table-pagination.cjs.map +1 -0
- package/dist/table-pagination.d.ts +3 -0
- package/dist/table-pagination.d.ts.map +1 -0
- package/dist/table-pagination.js +172 -0
- package/dist/table-pagination.js.map +1 -0
- package/dist/theme-switcher-content.cjs +2 -0
- package/dist/theme-switcher-content.cjs.map +1 -0
- package/dist/theme-switcher-content.d.ts +3 -0
- package/dist/theme-switcher-content.d.ts.map +1 -0
- package/dist/theme-switcher-content.js +103 -0
- package/dist/theme-switcher-content.js.map +1 -0
- package/dist/theme-switcher.cjs +2 -0
- package/dist/theme-switcher.cjs.map +1 -0
- package/dist/theme-switcher.d.ts +3 -0
- package/dist/theme-switcher.d.ts.map +1 -0
- package/dist/theme-switcher.js +140 -0
- package/dist/theme-switcher.js.map +1 -0
- package/dist/utils-B6yFEsav.js +9 -0
- package/dist/utils-B6yFEsav.js.map +1 -0
- package/dist/utils-IjLH3w2e.cjs +2 -0
- package/dist/utils-IjLH3w2e.cjs.map +1 -0
- package/dist/utils.cjs +2 -0
- package/dist/utils.cjs.map +1 -0
- package/dist/utils.d.ts +2 -0
- package/dist/utils.d.ts.map +1 -0
- package/dist/utils.js +5 -0
- package/dist/utils.js.map +1 -0
- package/package.json +161 -3
- package/dist/index-6lJCWESg.js +0 -1793
- package/dist/index-6lJCWESg.js.map +0 -1
- package/dist/index-C94iJmKE.cjs +0 -23
- package/dist/index-C94iJmKE.cjs.map +0 -1
- package/dist/index.c.js +0 -2
- package/dist/index.c.js.map +0 -1
package/README.md
CHANGED
|
@@ -63,13 +63,11 @@ npx shadcn-ui@latest add button card dialog input label select table skeleton dr
|
|
|
63
63
|
// src/lib/ui-adapter.ts
|
|
64
64
|
import { Card, CardContent, CardFooter } from '@/components/ui/card';
|
|
65
65
|
import { Button } from '@/components/ui/button';
|
|
66
|
-
import {
|
|
67
|
-
|
|
68
|
-
TablePagination as DataTablePagination,
|
|
69
|
-
} from '@turinhub/atomix-common-ui';
|
|
66
|
+
import { TableHeader as DataTableHeader } from '@turinhub/atomix-common-ui/table-header';
|
|
67
|
+
import { TablePagination as DataTablePagination } from '@turinhub/atomix-common-ui/table-pagination';
|
|
70
68
|
// ... 其他 UI 组件
|
|
71
69
|
|
|
72
|
-
import type { UIComponents } from '@turinhub/atomix-common-ui';
|
|
70
|
+
import type { UIComponents } from '@turinhub/atomix-common-ui/data-table';
|
|
73
71
|
|
|
74
72
|
export const dataTableUI: UIComponents = {
|
|
75
73
|
Card,
|
|
@@ -85,7 +83,7 @@ export const dataTableUI: UIComponents = {
|
|
|
85
83
|
### 2. 使用 DataTable 组件
|
|
86
84
|
|
|
87
85
|
```typescript
|
|
88
|
-
import { DataTable } from '@turinhub/atomix-common-ui';
|
|
86
|
+
import { DataTable } from '@turinhub/atomix-common-ui/data-table';
|
|
89
87
|
import { dataTableUI } from '@/lib/ui-adapter';
|
|
90
88
|
|
|
91
89
|
<DataTable
|
|
@@ -104,9 +102,12 @@ import { dataTableUI } from '@/lib/ui-adapter';
|
|
|
104
102
|
- **TablePagination** - 分页组件
|
|
105
103
|
- **ThemeSwitcher** - 主题切换组件(完整版,支持下拉菜单)
|
|
106
104
|
- **ThemeSwitcherContent** - 主题切换内容组件(轻量版,可嵌入)
|
|
105
|
+
- **FileUpload** - 标准文件上传界面(支持拖拽、校验、进度、失败重试,可接入 Tale SDK 上传流程)
|
|
107
106
|
- **SimplePDFReader** - 轻量级 PDF 阅读器组件
|
|
108
|
-
- **PDFReader** - 功能完整的 PDF
|
|
109
|
-
- **PDFSidebar** - PDF
|
|
107
|
+
- **PDFReader** - 功能完整的 PDF 阅读器组件(默认单页阅读,包含侧边栏导航、页面旋转等高级功能)
|
|
108
|
+
- **PDFSidebar** - PDF 侧边栏导航组件(当前页附近和滚动可见缩略图懒加载、书签)
|
|
109
|
+
|
|
110
|
+
> 当前 Reader 能力是 PDF 专项能力;Word、Excel、PPT、图片、视频等其他文件类型需要由业务侧自行预览或另行扩展。
|
|
110
111
|
|
|
111
112
|
## 📁 项目结构
|
|
112
113
|
|
|
@@ -162,24 +163,42 @@ import type {
|
|
|
162
163
|
Column,
|
|
163
164
|
DataTableProps,
|
|
164
165
|
UIComponents,
|
|
166
|
+
} from '@turinhub/atomix-common-ui/data-table';
|
|
167
|
+
import type {
|
|
165
168
|
DeleteConfirmDialogProps,
|
|
166
169
|
DialogUIComponents,
|
|
167
|
-
|
|
170
|
+
} from '@turinhub/atomix-common-ui/delete-confirm-dialog';
|
|
171
|
+
import type {
|
|
168
172
|
HeaderUIComponents,
|
|
169
|
-
|
|
173
|
+
TableHeaderProps,
|
|
174
|
+
} from '@turinhub/atomix-common-ui/table-header';
|
|
175
|
+
import type {
|
|
170
176
|
PaginationUIComponents,
|
|
177
|
+
TablePaginationProps,
|
|
178
|
+
} from '@turinhub/atomix-common-ui/table-pagination';
|
|
179
|
+
import type {
|
|
180
|
+
ThemeOption,
|
|
171
181
|
ThemeSwitcherProps,
|
|
172
182
|
ThemeSwitcherUIComponents,
|
|
183
|
+
} from '@turinhub/atomix-common-ui/theme-switcher';
|
|
184
|
+
import type {
|
|
173
185
|
ThemeSwitcherContentProps,
|
|
174
186
|
ThemeSwitcherContentUIComponents,
|
|
175
|
-
|
|
187
|
+
} from '@turinhub/atomix-common-ui/theme-switcher-content';
|
|
188
|
+
import type {
|
|
189
|
+
FileUploadItem,
|
|
190
|
+
FileUploadProps,
|
|
191
|
+
FileUploadUIComponents,
|
|
192
|
+
} from '@turinhub/atomix-common-ui/file-upload';
|
|
193
|
+
import type {
|
|
176
194
|
SimplePDFReaderProps,
|
|
177
195
|
SimplePDFReaderUIComponents,
|
|
196
|
+
} from '@turinhub/atomix-common-ui/simple-pdf-reader';
|
|
197
|
+
import type {
|
|
178
198
|
PDFReaderProps,
|
|
179
199
|
PDFReaderUIComponents,
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
} from '@turinhub/atomix-common-ui';
|
|
200
|
+
} from '@turinhub/atomix-common-ui/pdf-reader';
|
|
201
|
+
import type { PDFSidebarProps } from '@turinhub/atomix-common-ui/pdf-sidebar';
|
|
183
202
|
```
|
|
184
203
|
|
|
185
204
|
所有组件都有严格的类型检查,确保使用时的类型安全。
|
|
@@ -267,7 +286,7 @@ import { DataTable, Button, Dialog } from '@some-ui-lib';
|
|
|
267
286
|
|
|
268
287
|
```typescript
|
|
269
288
|
// 优势:UI 组件由业务项目提供
|
|
270
|
-
import { DataTable } from '@turinhub/atomix-common-ui';
|
|
289
|
+
import { DataTable } from '@turinhub/atomix-common-ui/data-table';
|
|
271
290
|
import { Button, Dialog } from '@/components/ui'; // 自己的 shadcn/ui
|
|
272
291
|
|
|
273
292
|
// 优点:
|
|
@@ -0,0 +1,232 @@
|
|
|
1
|
+
import { j as a } from "./jsx-runtime-B4hRZ52C.js";
|
|
2
|
+
import { memo as H, useState as N, useRef as $, useMemo as C, useEffect as g, useCallback as k } from "react";
|
|
3
|
+
const B = 2, K = (t, i) => {
|
|
4
|
+
if (t <= 0) return [];
|
|
5
|
+
const l = Math.max(1, Math.min(i, t)), o = Math.max(1, l - B), c = Math.min(t, l + B);
|
|
6
|
+
return Array.from({ length: c - o + 1 }, (f, d) => o + d);
|
|
7
|
+
}, L = H(
|
|
8
|
+
({
|
|
9
|
+
thumbnail: t,
|
|
10
|
+
isCurrentPage: i,
|
|
11
|
+
onClick: l
|
|
12
|
+
}) => /* @__PURE__ */ a.jsxs(
|
|
13
|
+
"div",
|
|
14
|
+
{
|
|
15
|
+
className: `flex w-full flex-col items-center rounded p-1 ${i ? "bg-primary/10" : ""}`,
|
|
16
|
+
children: [
|
|
17
|
+
/* @__PURE__ */ a.jsx(
|
|
18
|
+
"img",
|
|
19
|
+
{
|
|
20
|
+
src: t.url,
|
|
21
|
+
alt: `Page ${t.pageNumber}`,
|
|
22
|
+
className: "w-48 cursor-pointer border transition-opacity hover:opacity-80",
|
|
23
|
+
onClick: l,
|
|
24
|
+
onKeyDown: (o) => {
|
|
25
|
+
(o.key === "Enter" || o.key === " ") && (o.preventDefault(), l());
|
|
26
|
+
},
|
|
27
|
+
role: "button",
|
|
28
|
+
tabIndex: 0
|
|
29
|
+
}
|
|
30
|
+
),
|
|
31
|
+
/* @__PURE__ */ a.jsxs("span", { className: "mt-1 text-sm", children: [
|
|
32
|
+
"第 ",
|
|
33
|
+
t.pageNumber,
|
|
34
|
+
" 页"
|
|
35
|
+
] })
|
|
36
|
+
]
|
|
37
|
+
}
|
|
38
|
+
)
|
|
39
|
+
);
|
|
40
|
+
L.displayName = "PDFThumbnail";
|
|
41
|
+
const R = ({
|
|
42
|
+
bookmark: t,
|
|
43
|
+
depth: i,
|
|
44
|
+
onClick: l
|
|
45
|
+
}) => /* @__PURE__ */ a.jsxs("div", { style: { paddingLeft: `${i * 16}px` }, children: [
|
|
46
|
+
/* @__PURE__ */ a.jsx(
|
|
47
|
+
"button",
|
|
48
|
+
{
|
|
49
|
+
onClick: () => l(t),
|
|
50
|
+
className: "w-full rounded px-2 py-1 text-left text-sm hover:bg-primary/10 hover:text-primary",
|
|
51
|
+
children: t.title
|
|
52
|
+
}
|
|
53
|
+
),
|
|
54
|
+
t.items && t.items.map((o, c) => /* @__PURE__ */ a.jsx(
|
|
55
|
+
R,
|
|
56
|
+
{
|
|
57
|
+
bookmark: o,
|
|
58
|
+
depth: i + 1,
|
|
59
|
+
onClick: l
|
|
60
|
+
},
|
|
61
|
+
`${t.title}-${c}`
|
|
62
|
+
))
|
|
63
|
+
] });
|
|
64
|
+
function Q({
|
|
65
|
+
pdfDocument: t,
|
|
66
|
+
currentPage: i,
|
|
67
|
+
onPageClick: l,
|
|
68
|
+
components: o
|
|
69
|
+
}) {
|
|
70
|
+
const [c, f] = N([]), [d, w] = N([]), [T, b] = N(
|
|
71
|
+
[]
|
|
72
|
+
), m = $(null), x = $(/* @__PURE__ */ new Map()), { Tabs: F, TabsList: O, TabsTrigger: P, TabsContent: E, ScrollArea: A, Skeleton: S } = o, v = C(
|
|
73
|
+
() => c.reduce((r, e) => (r[e.pageNumber] = e, r), {}),
|
|
74
|
+
[c]
|
|
75
|
+
), p = C(() => {
|
|
76
|
+
if (!t) return [];
|
|
77
|
+
const r = /* @__PURE__ */ new Set([
|
|
78
|
+
...K(t.numPages, i),
|
|
79
|
+
...T
|
|
80
|
+
]);
|
|
81
|
+
return Array.from(r).filter(
|
|
82
|
+
(e) => e >= 1 && e <= t.numPages && !v[e]
|
|
83
|
+
).sort((e, s) => e - s);
|
|
84
|
+
}, [t, i, v, T]);
|
|
85
|
+
g(() => {
|
|
86
|
+
f([]), b([]);
|
|
87
|
+
}, [t]);
|
|
88
|
+
const I = k((r) => {
|
|
89
|
+
b(
|
|
90
|
+
(e) => e.includes(r) ? e : [...e, r]
|
|
91
|
+
);
|
|
92
|
+
}, []);
|
|
93
|
+
g(() => {
|
|
94
|
+
if (typeof IntersectionObserver > "u") {
|
|
95
|
+
t && b(
|
|
96
|
+
Array.from({ length: t.numPages }, (e, s) => s + 1)
|
|
97
|
+
);
|
|
98
|
+
return;
|
|
99
|
+
}
|
|
100
|
+
const r = new IntersectionObserver(
|
|
101
|
+
(e) => {
|
|
102
|
+
e.forEach((s) => {
|
|
103
|
+
if (!s.isIntersecting) return;
|
|
104
|
+
const n = Number(
|
|
105
|
+
s.target.dataset.pageNumber
|
|
106
|
+
);
|
|
107
|
+
Number.isFinite(n) && I(n);
|
|
108
|
+
});
|
|
109
|
+
},
|
|
110
|
+
{ rootMargin: "600px 0px" }
|
|
111
|
+
);
|
|
112
|
+
return m.current = r, x.current.forEach((e) => {
|
|
113
|
+
r.observe(e);
|
|
114
|
+
}), () => {
|
|
115
|
+
r.disconnect(), m.current = null;
|
|
116
|
+
};
|
|
117
|
+
}, [t, I]);
|
|
118
|
+
const _ = k(
|
|
119
|
+
(r, e) => {
|
|
120
|
+
var n, u;
|
|
121
|
+
const s = x.current.get(r);
|
|
122
|
+
s && ((n = m.current) == null || n.unobserve(s), x.current.delete(r)), e && (x.current.set(r, e), (u = m.current) == null || u.observe(e));
|
|
123
|
+
},
|
|
124
|
+
[]
|
|
125
|
+
);
|
|
126
|
+
g(() => {
|
|
127
|
+
if (!t || p.length === 0) return;
|
|
128
|
+
let r = !1;
|
|
129
|
+
return (async () => {
|
|
130
|
+
for (const s of p) {
|
|
131
|
+
if (r) return;
|
|
132
|
+
try {
|
|
133
|
+
const n = await t.getPage(s), u = n.getViewport({ scale: 0.2 }), h = document.createElement("canvas"), M = h.getContext("2d");
|
|
134
|
+
if (!M) continue;
|
|
135
|
+
if (h.width = u.width, h.height = u.height, await n.render({
|
|
136
|
+
canvasContext: M,
|
|
137
|
+
viewport: u,
|
|
138
|
+
canvas: h
|
|
139
|
+
}).promise, r) return;
|
|
140
|
+
f((y) => y.some(
|
|
141
|
+
(j) => j.pageNumber === s
|
|
142
|
+
) ? y : [
|
|
143
|
+
...y,
|
|
144
|
+
{
|
|
145
|
+
pageNumber: s,
|
|
146
|
+
url: h.toDataURL()
|
|
147
|
+
}
|
|
148
|
+
].sort((j, G) => j.pageNumber - G.pageNumber));
|
|
149
|
+
} catch (n) {
|
|
150
|
+
console.error(
|
|
151
|
+
`Error loading thumbnail for page ${s}:`,
|
|
152
|
+
n
|
|
153
|
+
);
|
|
154
|
+
}
|
|
155
|
+
}
|
|
156
|
+
})(), () => {
|
|
157
|
+
r = !0;
|
|
158
|
+
};
|
|
159
|
+
}, [t, p]), g(() => {
|
|
160
|
+
(async () => {
|
|
161
|
+
if (t)
|
|
162
|
+
try {
|
|
163
|
+
const e = await t.getOutline();
|
|
164
|
+
w(e || []);
|
|
165
|
+
} catch (e) {
|
|
166
|
+
console.error("Error loading bookmarks:", e), w([]);
|
|
167
|
+
}
|
|
168
|
+
})();
|
|
169
|
+
}, [t]);
|
|
170
|
+
const V = async (r) => {
|
|
171
|
+
if (t)
|
|
172
|
+
try {
|
|
173
|
+
let e;
|
|
174
|
+
if (r.dest)
|
|
175
|
+
if (typeof r.dest == "string") {
|
|
176
|
+
const s = await t.getDestination(r.dest);
|
|
177
|
+
s && s[0] && (e = await t.getPageIndex(s[0]));
|
|
178
|
+
} else Array.isArray(r.dest) && r.dest[0] && (e = await t.getPageIndex(r.dest[0]));
|
|
179
|
+
else r.pageNumber && (e = r.pageNumber - 1);
|
|
180
|
+
typeof e == "number" && l(e + 1);
|
|
181
|
+
} catch (e) {
|
|
182
|
+
console.error("Error navigating to bookmark:", e);
|
|
183
|
+
}
|
|
184
|
+
}, U = (r) => /* @__PURE__ */ a.jsxs(
|
|
185
|
+
"div",
|
|
186
|
+
{
|
|
187
|
+
ref: (e) => _(r, e),
|
|
188
|
+
"data-page-number": r,
|
|
189
|
+
className: `flex w-full flex-col items-center rounded p-1 ${i === r ? "bg-primary/10" : ""}`,
|
|
190
|
+
children: [
|
|
191
|
+
/* @__PURE__ */ a.jsx(S, { className: "h-32 w-48" }),
|
|
192
|
+
/* @__PURE__ */ a.jsxs("span", { className: "mt-1 text-sm", children: [
|
|
193
|
+
"第 ",
|
|
194
|
+
r,
|
|
195
|
+
" 页"
|
|
196
|
+
] })
|
|
197
|
+
]
|
|
198
|
+
},
|
|
199
|
+
r
|
|
200
|
+
), W = () => !t || t.numPages <= 0 ? null : Array.from({ length: t.numPages }, (r, e) => {
|
|
201
|
+
const s = e + 1, n = v[s];
|
|
202
|
+
return n ? /* @__PURE__ */ a.jsx(
|
|
203
|
+
L,
|
|
204
|
+
{
|
|
205
|
+
thumbnail: n,
|
|
206
|
+
isCurrentPage: i === s,
|
|
207
|
+
onClick: () => l(s)
|
|
208
|
+
},
|
|
209
|
+
s
|
|
210
|
+
) : U(s);
|
|
211
|
+
});
|
|
212
|
+
return /* @__PURE__ */ a.jsx("div", { className: "w-64 border-r bg-muted", children: /* @__PURE__ */ a.jsxs(F, { defaultValue: "thumbnails", children: [
|
|
213
|
+
/* @__PURE__ */ a.jsxs(O, { className: "w-full p-2", children: [
|
|
214
|
+
/* @__PURE__ */ a.jsx(P, { value: "thumbnails", className: "flex-1 bg-transparent", children: "缩略图" }),
|
|
215
|
+
/* @__PURE__ */ a.jsx(P, { value: "bookmarks", className: "flex-1 bg-transparent", children: "书签" })
|
|
216
|
+
] }),
|
|
217
|
+
/* @__PURE__ */ a.jsx(E, { value: "thumbnails", children: /* @__PURE__ */ a.jsx(A, { className: "h-[calc(100vh-8rem)]", children: /* @__PURE__ */ a.jsx("div", { className: "space-y-2 p-4", children: W() }) }) }),
|
|
218
|
+
/* @__PURE__ */ a.jsx(E, { value: "bookmarks", children: /* @__PURE__ */ a.jsx(A, { className: "h-[calc(100vh-8rem)]", children: /* @__PURE__ */ a.jsx("div", { className: "p-4", children: d.length === 0 ? /* @__PURE__ */ a.jsx("div", { className: "py-4 text-center text-sm text-muted-foreground", children: "没有可用的书签" }) : /* @__PURE__ */ a.jsx("div", { className: "space-y-2", children: d.map((r, e) => /* @__PURE__ */ a.jsx(
|
|
219
|
+
R,
|
|
220
|
+
{
|
|
221
|
+
bookmark: r,
|
|
222
|
+
depth: 0,
|
|
223
|
+
onClick: V
|
|
224
|
+
},
|
|
225
|
+
`${r.title}-${e}`
|
|
226
|
+
)) }) }) }) })
|
|
227
|
+
] }) });
|
|
228
|
+
}
|
|
229
|
+
export {
|
|
230
|
+
Q as P
|
|
231
|
+
};
|
|
232
|
+
//# sourceMappingURL=PDFSidebar-BBtucLK6.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PDFSidebar-BBtucLK6.js","sources":["../src/components/PDFSidebar.tsx"],"sourcesContent":["import { useState, useEffect, memo, useCallback, useMemo, useRef } from 'react';\n\nimport type {\n TabsComponent,\n TabsListComponent,\n TabsTriggerComponent,\n TabsContentComponent,\n ScrollAreaComponent,\n SkeletonComponent,\n} from '../types/component-types';\n\n/**\n * react-pdf 类型定义\n */\nexport interface PDFDocumentProxy {\n numPages: number;\n getPage(pageNumber: number): Promise<PDFPageProxy>;\n getOutline(): Promise<PDFOutline[] | null>;\n getDestination(dest: string): Promise<unknown[] | null>;\n getPageIndex(ref: unknown): Promise<number>;\n}\n\nexport interface PDFPageProxy {\n getViewport(options: { scale: number }): PDFViewport;\n render(renderContext: {\n canvasContext: CanvasRenderingContext2D;\n viewport: PDFViewport;\n canvas: HTMLCanvasElement;\n }): { promise: Promise<void> };\n}\n\nexport interface PDFViewport {\n width: number;\n height: number;\n}\n\nexport interface PDFOutline {\n title: string;\n bold?: boolean;\n italic?: boolean;\n color?: Uint8ClampedArray;\n dest?: string | unknown[] | null;\n url?: string | null;\n unsafeUrl?: string;\n newWindow?: boolean;\n count?: number;\n items?: PDFOutline[];\n pageNumber?: number;\n}\n\n/**\n * PDF 缩略图\n */\ninterface PDFThumbnail {\n pageNumber: number;\n url: string;\n}\n\nconst THUMBNAIL_PAGE_WINDOW = 2;\n\nconst getThumbnailPages = (numPages: number, currentPage: number) => {\n if (numPages <= 0) return [];\n\n const safeCurrentPage = Math.max(1, Math.min(currentPage, numPages));\n const start = Math.max(1, safeCurrentPage - THUMBNAIL_PAGE_WINDOW);\n const end = Math.min(numPages, safeCurrentPage + THUMBNAIL_PAGE_WINDOW);\n\n return Array.from({ length: end - start + 1 }, (_, index) => start + index);\n};\n\n/**\n * PDFSidebar 组件 Props\n */\nexport interface PDFSidebarProps {\n /** PDF 文档对象 */\n pdfDocument: PDFDocumentProxy | null;\n /** 当前页码 */\n currentPage: number;\n /** 页面点击回调 */\n onPageClick: (pageNumber: number) => void;\n /** UI 组件注入 */\n components: {\n Tabs: TabsComponent;\n TabsList: TabsListComponent;\n TabsTrigger: TabsTriggerComponent;\n TabsContent: TabsContentComponent;\n ScrollArea: ScrollAreaComponent;\n Skeleton: SkeletonComponent;\n };\n}\n\n/**\n * PDF 缩略图组件 (使用 React.memo 优化性能)\n */\nconst PDFThumbnail = memo(\n ({\n thumbnail,\n isCurrentPage,\n onClick,\n }: {\n thumbnail: PDFThumbnail;\n isCurrentPage: boolean;\n onClick: () => void;\n }) => (\n <div\n className={`flex w-full flex-col items-center rounded p-1 ${\n isCurrentPage ? 'bg-primary/10' : ''\n }`}\n >\n <img\n src={thumbnail.url}\n alt={`Page ${thumbnail.pageNumber}`}\n className=\"w-48 cursor-pointer border transition-opacity hover:opacity-80\"\n onClick={onClick}\n onKeyDown={(e) => {\n if (e.key === 'Enter' || e.key === ' ') {\n e.preventDefault();\n onClick();\n }\n }}\n role=\"button\"\n tabIndex={0}\n />\n <span className=\"mt-1 text-sm\">第 {thumbnail.pageNumber} 页</span>\n </div>\n )\n);\nPDFThumbnail.displayName = 'PDFThumbnail';\n\n/**\n * PDF 书签组件\n */\nconst PDFBookmark = ({\n bookmark,\n depth,\n onClick,\n}: {\n bookmark: PDFOutline;\n depth: number;\n onClick: (bookmark: PDFOutline) => void;\n}) => (\n <div style={{ paddingLeft: `${depth * 16}px` }}>\n <button\n onClick={() => onClick(bookmark)}\n className=\"w-full rounded px-2 py-1 text-left text-sm hover:bg-primary/10 hover:text-primary\"\n >\n {bookmark.title}\n </button>\n {bookmark.items &&\n bookmark.items.map((item, index) => (\n <PDFBookmark\n key={`${bookmark.title}-${index}`}\n bookmark={item}\n depth={depth + 1}\n onClick={onClick}\n />\n ))}\n </div>\n);\n\n/**\n * PDFSidebar 组件\n *\n * 提供缩略图和书签导航功能。\n *\n * @example\n * ```tsx\n * import { PDFSidebar } from '@turinhub/atomix-common-ui/pdf-sidebar';\n * import { Tabs, ScrollArea, Skeleton } from '@/components/ui';\n *\n * <PDFSidebar\n * pdfDocument={pdfDocument}\n * currentPage={currentPage}\n * onPageClick={handlePageClick}\n * components={{\n * Tabs,\n * TabsList: Tabs.List,\n * TabsTrigger: Tabs.Trigger,\n * TabsContent: Tabs.Content,\n * ScrollArea,\n * Skeleton,\n * }}\n * />\n * ```\n */\nexport function PDFSidebar({\n pdfDocument,\n currentPage,\n onPageClick,\n components,\n}: PDFSidebarProps) {\n const [thumbnails, setThumbnails] = useState<PDFThumbnail[]>([]);\n const [bookmarks, setBookmarks] = useState<PDFOutline[]>([]);\n const [visibleThumbnailPages, setVisibleThumbnailPages] = useState<number[]>(\n []\n );\n const intersectionObserverRef = useRef<IntersectionObserver | null>(null);\n const placeholderElementsRef = useRef<Map<number, HTMLDivElement>>(new Map());\n\n const { Tabs, TabsList, TabsTrigger, TabsContent, ScrollArea, Skeleton } =\n components;\n\n const thumbnailMap = useMemo(\n () =>\n thumbnails.reduce<Record<number, PDFThumbnail>>((map, thumbnail) => {\n map[thumbnail.pageNumber] = thumbnail;\n return map;\n }, {}),\n [thumbnails]\n );\n\n const pagesToLoad = useMemo(() => {\n if (!pdfDocument) return [];\n\n const pageNumbers = new Set([\n ...getThumbnailPages(pdfDocument.numPages, currentPage),\n ...visibleThumbnailPages,\n ]);\n\n return Array.from(pageNumbers)\n .filter(\n (pageNumber) =>\n pageNumber >= 1 &&\n pageNumber <= pdfDocument.numPages &&\n !thumbnailMap[pageNumber]\n )\n .sort((a, b) => a - b);\n }, [pdfDocument, currentPage, thumbnailMap, visibleThumbnailPages]);\n\n useEffect(() => {\n setThumbnails([]);\n setVisibleThumbnailPages([]);\n }, [pdfDocument]);\n\n const trackVisibleThumbnailPage = useCallback((pageNumber: number) => {\n setVisibleThumbnailPages((pages) =>\n pages.includes(pageNumber) ? pages : [...pages, pageNumber]\n );\n }, []);\n\n useEffect(() => {\n if (typeof IntersectionObserver === 'undefined') {\n if (pdfDocument) {\n setVisibleThumbnailPages(\n Array.from({ length: pdfDocument.numPages }, (_, index) => index + 1)\n );\n }\n return;\n }\n\n const observer = new IntersectionObserver(\n (entries) => {\n entries.forEach((entry) => {\n if (!entry.isIntersecting) return;\n\n const pageNumber = Number(\n (entry.target as HTMLElement).dataset.pageNumber\n );\n\n if (Number.isFinite(pageNumber)) {\n trackVisibleThumbnailPage(pageNumber);\n }\n });\n },\n { rootMargin: '600px 0px' }\n );\n\n intersectionObserverRef.current = observer;\n placeholderElementsRef.current.forEach((element) => {\n observer.observe(element);\n });\n\n return () => {\n observer.disconnect();\n intersectionObserverRef.current = null;\n };\n }, [pdfDocument, trackVisibleThumbnailPage]);\n\n const setThumbnailPlaceholderRef = useCallback(\n (pageNumber: number, element: HTMLDivElement | null) => {\n const previousElement = placeholderElementsRef.current.get(pageNumber);\n\n if (previousElement) {\n intersectionObserverRef.current?.unobserve(previousElement);\n placeholderElementsRef.current.delete(pageNumber);\n }\n\n if (!element) return;\n\n placeholderElementsRef.current.set(pageNumber, element);\n intersectionObserverRef.current?.observe(element);\n },\n []\n );\n\n // 按当前页附近的窗口懒加载缩略图,避免大 PDF 一次性生成全部页面。\n useEffect(() => {\n if (!pdfDocument || pagesToLoad.length === 0) return;\n\n let cancelled = false;\n\n const loadThumbnails = async () => {\n for (const pageNumber of pagesToLoad) {\n if (cancelled) return;\n\n try {\n const page = await pdfDocument.getPage(pageNumber);\n const viewport = page.getViewport({ scale: 0.2 });\n const canvas = document.createElement('canvas');\n const context = canvas.getContext('2d');\n\n if (!context) continue;\n\n canvas.width = viewport.width;\n canvas.height = viewport.height;\n\n const renderTask = page.render({\n canvasContext: context,\n viewport,\n canvas,\n });\n\n await renderTask.promise;\n\n if (cancelled) return;\n\n setThumbnails((currentThumbnails) => {\n if (\n currentThumbnails.some(\n (thumbnail) => thumbnail.pageNumber === pageNumber\n )\n ) {\n return currentThumbnails;\n }\n\n return [\n ...currentThumbnails,\n {\n pageNumber,\n url: canvas.toDataURL(),\n },\n ].sort((a, b) => a.pageNumber - b.pageNumber);\n });\n } catch (error) {\n console.error(\n `Error loading thumbnail for page ${pageNumber}:`,\n error\n );\n }\n }\n };\n\n loadThumbnails();\n\n return () => {\n cancelled = true;\n };\n }, [pdfDocument, pagesToLoad]);\n\n // 加载书签\n useEffect(() => {\n const loadBookmarks = async () => {\n if (!pdfDocument) return;\n try {\n const outline = await pdfDocument.getOutline();\n setBookmarks((outline as PDFOutline[]) || []);\n } catch (error) {\n console.error('Error loading bookmarks:', error);\n setBookmarks([]);\n }\n };\n\n loadBookmarks();\n }, [pdfDocument]);\n\n // 处理书签点击\n const handleBookmarkClick = async (bookmark: PDFOutline) => {\n if (!pdfDocument) return;\n\n try {\n let pageIndex: number | undefined;\n\n // 处理不同类型的书签目标\n if (bookmark.dest) {\n if (typeof bookmark.dest === 'string') {\n // 命名目标\n const destination = await pdfDocument.getDestination(bookmark.dest);\n if (destination && destination[0]) {\n pageIndex = await pdfDocument.getPageIndex(destination[0]);\n }\n } else if (Array.isArray(bookmark.dest) && bookmark.dest[0]) {\n // 显式目标\n pageIndex = await pdfDocument.getPageIndex(bookmark.dest[0]);\n }\n } else if (bookmark.pageNumber) {\n // 直接页码\n pageIndex = bookmark.pageNumber - 1;\n }\n\n if (typeof pageIndex === 'number') {\n onPageClick(pageIndex + 1);\n }\n } catch (error) {\n console.error('Error navigating to bookmark:', error);\n }\n };\n\n const renderThumbnailPlaceholder = (pageNumber: number) => (\n <div\n ref={(element) => setThumbnailPlaceholderRef(pageNumber, element)}\n key={pageNumber}\n data-page-number={pageNumber}\n className={`flex w-full flex-col items-center rounded p-1 ${\n currentPage === pageNumber ? 'bg-primary/10' : ''\n }`}\n >\n <Skeleton className=\"h-32 w-48\" />\n <span className=\"mt-1 text-sm\">第 {pageNumber} 页</span>\n </div>\n );\n\n const renderThumbnailList = () => {\n if (!pdfDocument || pdfDocument.numPages <= 0) return null;\n\n return Array.from({ length: pdfDocument.numPages }, (_, index) => {\n const pageNumber = index + 1;\n const thumbnail = thumbnailMap[pageNumber];\n\n return thumbnail ? (\n <PDFThumbnail\n key={pageNumber}\n thumbnail={thumbnail}\n isCurrentPage={currentPage === pageNumber}\n onClick={() => onPageClick(pageNumber)}\n />\n ) : (\n renderThumbnailPlaceholder(pageNumber)\n );\n });\n };\n\n return (\n <div className=\"w-64 border-r bg-muted\">\n <Tabs defaultValue=\"thumbnails\">\n <TabsList className=\"w-full p-2\">\n <TabsTrigger value=\"thumbnails\" className=\"flex-1 bg-transparent\">\n 缩略图\n </TabsTrigger>\n <TabsTrigger value=\"bookmarks\" className=\"flex-1 bg-transparent\">\n 书签\n </TabsTrigger>\n </TabsList>\n\n <TabsContent value=\"thumbnails\">\n <ScrollArea className=\"h-[calc(100vh-8rem)]\">\n <div className=\"space-y-2 p-4\">{renderThumbnailList()}</div>\n </ScrollArea>\n </TabsContent>\n\n <TabsContent value=\"bookmarks\">\n <ScrollArea className=\"h-[calc(100vh-8rem)]\">\n <div className=\"p-4\">\n {bookmarks.length === 0 ? (\n <div className=\"py-4 text-center text-sm text-muted-foreground\">\n 没有可用的书签\n </div>\n ) : (\n <div className=\"space-y-2\">\n {bookmarks.map((bookmark, index) => (\n <PDFBookmark\n key={`${bookmark.title}-${index}`}\n bookmark={bookmark}\n depth={0}\n onClick={handleBookmarkClick}\n />\n ))}\n </div>\n )}\n </div>\n </ScrollArea>\n </TabsContent>\n </Tabs>\n </div>\n );\n}\n"],"names":["THUMBNAIL_PAGE_WINDOW","getThumbnailPages","numPages","currentPage","safeCurrentPage","start","end","_","index","PDFThumbnail","memo","thumbnail","isCurrentPage","onClick","jsxs","jsx","e","PDFBookmark","bookmark","depth","item","PDFSidebar","pdfDocument","onPageClick","components","thumbnails","setThumbnails","useState","bookmarks","setBookmarks","visibleThumbnailPages","setVisibleThumbnailPages","intersectionObserverRef","useRef","placeholderElementsRef","Tabs","TabsList","TabsTrigger","TabsContent","ScrollArea","Skeleton","thumbnailMap","useMemo","map","pagesToLoad","pageNumbers","pageNumber","a","b","useEffect","trackVisibleThumbnailPage","useCallback","pages","observer","entries","entry","element","setThumbnailPlaceholderRef","previousElement","_a","_b","cancelled","page","viewport","canvas","context","currentThumbnails","error","outline","handleBookmarkClick","pageIndex","destination","renderThumbnailPlaceholder","renderThumbnailList"],"mappings":"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"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";const n=require("./jsx-runtime-BB_1_6y_.cjs"),a=require("react"),M=2,V=(t,l)=>{if(t<=0)return[];const o=Math.max(1,Math.min(l,t)),c=Math.max(1,o-M),u=Math.min(t,o+M);return Array.from({length:u-c+1},(p,d)=>c+d)},A=a.memo(({thumbnail:t,isCurrentPage:l,onClick:o})=>n.jsxRuntimeExports.jsxs("div",{className:`flex w-full flex-col items-center rounded p-1 ${l?"bg-primary/10":""}`,children:[n.jsxRuntimeExports.jsx("img",{src:t.url,alt:`Page ${t.pageNumber}`,className:"w-48 cursor-pointer border transition-opacity hover:opacity-80",onClick:o,onKeyDown:c=>{(c.key==="Enter"||c.key===" ")&&(c.preventDefault(),o())},role:"button",tabIndex:0}),n.jsxRuntimeExports.jsxs("span",{className:"mt-1 text-sm",children:["第 ",t.pageNumber," 页"]})]}));A.displayName="PDFThumbnail";const I=({bookmark:t,depth:l,onClick:o})=>n.jsxRuntimeExports.jsxs("div",{style:{paddingLeft:`${l*16}px`},children:[n.jsxRuntimeExports.jsx("button",{onClick:()=>o(t),className:"w-full rounded px-2 py-1 text-left text-sm hover:bg-primary/10 hover:text-primary",children:t.title}),t.items&&t.items.map((c,u)=>n.jsxRuntimeExports.jsx(I,{bookmark:c,depth:l+1,onClick:o},`${t.title}-${u}`))]});function q({pdfDocument:t,currentPage:l,onPageClick:o,components:c}){const[u,p]=a.useState([]),[d,R]=a.useState([]),[y,f]=a.useState([]),h=a.useRef(null),g=a.useRef(new Map),{Tabs:C,TabsList:S,TabsTrigger:N,TabsContent:w,ScrollArea:T,Skeleton:k}=c,j=a.useMemo(()=>u.reduce((s,e)=>(s[e.pageNumber]=e,s),{}),[u]),b=a.useMemo(()=>{if(!t)return[];const s=new Set([...V(t.numPages,l),...y]);return Array.from(s).filter(e=>e>=1&&e<=t.numPages&&!j[e]).sort((e,r)=>e-r)},[t,l,j,y]);a.useEffect(()=>{p([]),f([])},[t]);const P=a.useCallback(s=>{f(e=>e.includes(s)?e:[...e,s])},[]);a.useEffect(()=>{if(typeof IntersectionObserver>"u"){t&&f(Array.from({length:t.numPages},(e,r)=>r+1));return}const s=new IntersectionObserver(e=>{e.forEach(r=>{if(!r.isIntersecting)return;const i=Number(r.target.dataset.pageNumber);Number.isFinite(i)&&P(i)})},{rootMargin:"600px 0px"});return h.current=s,g.current.forEach(e=>{s.observe(e)}),()=>{s.disconnect(),h.current=null}},[t,P]);const B=a.useCallback((s,e)=>{var i,x;const r=g.current.get(s);r&&((i=h.current)==null||i.unobserve(r),g.current.delete(s)),e&&(g.current.set(s,e),(x=h.current)==null||x.observe(e))},[]);a.useEffect(()=>{if(!t||b.length===0)return;let s=!1;return(async()=>{for(const r of b){if(s)return;try{const i=await t.getPage(r),x=i.getViewport({scale:.2}),m=document.createElement("canvas"),$=m.getContext("2d");if(!$)continue;if(m.width=x.width,m.height=x.height,await i.render({canvasContext:$,viewport:x,canvas:m}).promise,s)return;p(E=>E.some(v=>v.pageNumber===r)?E:[...E,{pageNumber:r,url:m.toDataURL()}].sort((v,_)=>v.pageNumber-_.pageNumber))}catch(i){console.error(`Error loading thumbnail for page ${r}:`,i)}}})(),()=>{s=!0}},[t,b]),a.useEffect(()=>{(async()=>{if(t)try{const e=await t.getOutline();R(e||[])}catch(e){console.error("Error loading bookmarks:",e),R([])}})()},[t]);const F=async s=>{if(t)try{let e;if(s.dest)if(typeof s.dest=="string"){const r=await t.getDestination(s.dest);r&&r[0]&&(e=await t.getPageIndex(r[0]))}else Array.isArray(s.dest)&&s.dest[0]&&(e=await t.getPageIndex(s.dest[0]));else s.pageNumber&&(e=s.pageNumber-1);typeof e=="number"&&o(e+1)}catch(e){console.error("Error navigating to bookmark:",e)}},L=s=>n.jsxRuntimeExports.jsxs("div",{ref:e=>B(s,e),"data-page-number":s,className:`flex w-full flex-col items-center rounded p-1 ${l===s?"bg-primary/10":""}`,children:[n.jsxRuntimeExports.jsx(k,{className:"h-32 w-48"}),n.jsxRuntimeExports.jsxs("span",{className:"mt-1 text-sm",children:["第 ",s," 页"]})]},s),O=()=>!t||t.numPages<=0?null:Array.from({length:t.numPages},(s,e)=>{const r=e+1,i=j[r];return i?n.jsxRuntimeExports.jsx(A,{thumbnail:i,isCurrentPage:l===r,onClick:()=>o(r)},r):L(r)});return n.jsxRuntimeExports.jsx("div",{className:"w-64 border-r bg-muted",children:n.jsxRuntimeExports.jsxs(C,{defaultValue:"thumbnails",children:[n.jsxRuntimeExports.jsxs(S,{className:"w-full p-2",children:[n.jsxRuntimeExports.jsx(N,{value:"thumbnails",className:"flex-1 bg-transparent",children:"缩略图"}),n.jsxRuntimeExports.jsx(N,{value:"bookmarks",className:"flex-1 bg-transparent",children:"书签"})]}),n.jsxRuntimeExports.jsx(w,{value:"thumbnails",children:n.jsxRuntimeExports.jsx(T,{className:"h-[calc(100vh-8rem)]",children:n.jsxRuntimeExports.jsx("div",{className:"space-y-2 p-4",children:O()})})}),n.jsxRuntimeExports.jsx(w,{value:"bookmarks",children:n.jsxRuntimeExports.jsx(T,{className:"h-[calc(100vh-8rem)]",children:n.jsxRuntimeExports.jsx("div",{className:"p-4",children:d.length===0?n.jsxRuntimeExports.jsx("div",{className:"py-4 text-center text-sm text-muted-foreground",children:"没有可用的书签"}):n.jsxRuntimeExports.jsx("div",{className:"space-y-2",children:d.map((s,e)=>n.jsxRuntimeExports.jsx(I,{bookmark:s,depth:0,onClick:F},`${s.title}-${e}`))})})})})]})})}exports.PDFSidebar=q;
|
|
2
|
+
//# sourceMappingURL=PDFSidebar-Di0D-yPS.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PDFSidebar-Di0D-yPS.cjs","sources":["../src/components/PDFSidebar.tsx"],"sourcesContent":["import { useState, useEffect, memo, useCallback, useMemo, useRef } from 'react';\n\nimport type {\n TabsComponent,\n TabsListComponent,\n TabsTriggerComponent,\n TabsContentComponent,\n ScrollAreaComponent,\n SkeletonComponent,\n} from '../types/component-types';\n\n/**\n * react-pdf 类型定义\n */\nexport interface PDFDocumentProxy {\n numPages: number;\n getPage(pageNumber: number): Promise<PDFPageProxy>;\n getOutline(): Promise<PDFOutline[] | null>;\n getDestination(dest: string): Promise<unknown[] | null>;\n getPageIndex(ref: unknown): Promise<number>;\n}\n\nexport interface PDFPageProxy {\n getViewport(options: { scale: number }): PDFViewport;\n render(renderContext: {\n canvasContext: CanvasRenderingContext2D;\n viewport: PDFViewport;\n canvas: HTMLCanvasElement;\n }): { promise: Promise<void> };\n}\n\nexport interface PDFViewport {\n width: number;\n height: number;\n}\n\nexport interface PDFOutline {\n title: string;\n bold?: boolean;\n italic?: boolean;\n color?: Uint8ClampedArray;\n dest?: string | unknown[] | null;\n url?: string | null;\n unsafeUrl?: string;\n newWindow?: boolean;\n count?: number;\n items?: PDFOutline[];\n pageNumber?: number;\n}\n\n/**\n * PDF 缩略图\n */\ninterface PDFThumbnail {\n pageNumber: number;\n url: string;\n}\n\nconst THUMBNAIL_PAGE_WINDOW = 2;\n\nconst getThumbnailPages = (numPages: number, currentPage: number) => {\n if (numPages <= 0) return [];\n\n const safeCurrentPage = Math.max(1, Math.min(currentPage, numPages));\n const start = Math.max(1, safeCurrentPage - THUMBNAIL_PAGE_WINDOW);\n const end = Math.min(numPages, safeCurrentPage + THUMBNAIL_PAGE_WINDOW);\n\n return Array.from({ length: end - start + 1 }, (_, index) => start + index);\n};\n\n/**\n * PDFSidebar 组件 Props\n */\nexport interface PDFSidebarProps {\n /** PDF 文档对象 */\n pdfDocument: PDFDocumentProxy | null;\n /** 当前页码 */\n currentPage: number;\n /** 页面点击回调 */\n onPageClick: (pageNumber: number) => void;\n /** UI 组件注入 */\n components: {\n Tabs: TabsComponent;\n TabsList: TabsListComponent;\n TabsTrigger: TabsTriggerComponent;\n TabsContent: TabsContentComponent;\n ScrollArea: ScrollAreaComponent;\n Skeleton: SkeletonComponent;\n };\n}\n\n/**\n * PDF 缩略图组件 (使用 React.memo 优化性能)\n */\nconst PDFThumbnail = memo(\n ({\n thumbnail,\n isCurrentPage,\n onClick,\n }: {\n thumbnail: PDFThumbnail;\n isCurrentPage: boolean;\n onClick: () => void;\n }) => (\n <div\n className={`flex w-full flex-col items-center rounded p-1 ${\n isCurrentPage ? 'bg-primary/10' : ''\n }`}\n >\n <img\n src={thumbnail.url}\n alt={`Page ${thumbnail.pageNumber}`}\n className=\"w-48 cursor-pointer border transition-opacity hover:opacity-80\"\n onClick={onClick}\n onKeyDown={(e) => {\n if (e.key === 'Enter' || e.key === ' ') {\n e.preventDefault();\n onClick();\n }\n }}\n role=\"button\"\n tabIndex={0}\n />\n <span className=\"mt-1 text-sm\">第 {thumbnail.pageNumber} 页</span>\n </div>\n )\n);\nPDFThumbnail.displayName = 'PDFThumbnail';\n\n/**\n * PDF 书签组件\n */\nconst PDFBookmark = ({\n bookmark,\n depth,\n onClick,\n}: {\n bookmark: PDFOutline;\n depth: number;\n onClick: (bookmark: PDFOutline) => void;\n}) => (\n <div style={{ paddingLeft: `${depth * 16}px` }}>\n <button\n onClick={() => onClick(bookmark)}\n className=\"w-full rounded px-2 py-1 text-left text-sm hover:bg-primary/10 hover:text-primary\"\n >\n {bookmark.title}\n </button>\n {bookmark.items &&\n bookmark.items.map((item, index) => (\n <PDFBookmark\n key={`${bookmark.title}-${index}`}\n bookmark={item}\n depth={depth + 1}\n onClick={onClick}\n />\n ))}\n </div>\n);\n\n/**\n * PDFSidebar 组件\n *\n * 提供缩略图和书签导航功能。\n *\n * @example\n * ```tsx\n * import { PDFSidebar } from '@turinhub/atomix-common-ui/pdf-sidebar';\n * import { Tabs, ScrollArea, Skeleton } from '@/components/ui';\n *\n * <PDFSidebar\n * pdfDocument={pdfDocument}\n * currentPage={currentPage}\n * onPageClick={handlePageClick}\n * components={{\n * Tabs,\n * TabsList: Tabs.List,\n * TabsTrigger: Tabs.Trigger,\n * TabsContent: Tabs.Content,\n * ScrollArea,\n * Skeleton,\n * }}\n * />\n * ```\n */\nexport function PDFSidebar({\n pdfDocument,\n currentPage,\n onPageClick,\n components,\n}: PDFSidebarProps) {\n const [thumbnails, setThumbnails] = useState<PDFThumbnail[]>([]);\n const [bookmarks, setBookmarks] = useState<PDFOutline[]>([]);\n const [visibleThumbnailPages, setVisibleThumbnailPages] = useState<number[]>(\n []\n );\n const intersectionObserverRef = useRef<IntersectionObserver | null>(null);\n const placeholderElementsRef = useRef<Map<number, HTMLDivElement>>(new Map());\n\n const { Tabs, TabsList, TabsTrigger, TabsContent, ScrollArea, Skeleton } =\n components;\n\n const thumbnailMap = useMemo(\n () =>\n thumbnails.reduce<Record<number, PDFThumbnail>>((map, thumbnail) => {\n map[thumbnail.pageNumber] = thumbnail;\n return map;\n }, {}),\n [thumbnails]\n );\n\n const pagesToLoad = useMemo(() => {\n if (!pdfDocument) return [];\n\n const pageNumbers = new Set([\n ...getThumbnailPages(pdfDocument.numPages, currentPage),\n ...visibleThumbnailPages,\n ]);\n\n return Array.from(pageNumbers)\n .filter(\n (pageNumber) =>\n pageNumber >= 1 &&\n pageNumber <= pdfDocument.numPages &&\n !thumbnailMap[pageNumber]\n )\n .sort((a, b) => a - b);\n }, [pdfDocument, currentPage, thumbnailMap, visibleThumbnailPages]);\n\n useEffect(() => {\n setThumbnails([]);\n setVisibleThumbnailPages([]);\n }, [pdfDocument]);\n\n const trackVisibleThumbnailPage = useCallback((pageNumber: number) => {\n setVisibleThumbnailPages((pages) =>\n pages.includes(pageNumber) ? pages : [...pages, pageNumber]\n );\n }, []);\n\n useEffect(() => {\n if (typeof IntersectionObserver === 'undefined') {\n if (pdfDocument) {\n setVisibleThumbnailPages(\n Array.from({ length: pdfDocument.numPages }, (_, index) => index + 1)\n );\n }\n return;\n }\n\n const observer = new IntersectionObserver(\n (entries) => {\n entries.forEach((entry) => {\n if (!entry.isIntersecting) return;\n\n const pageNumber = Number(\n (entry.target as HTMLElement).dataset.pageNumber\n );\n\n if (Number.isFinite(pageNumber)) {\n trackVisibleThumbnailPage(pageNumber);\n }\n });\n },\n { rootMargin: '600px 0px' }\n );\n\n intersectionObserverRef.current = observer;\n placeholderElementsRef.current.forEach((element) => {\n observer.observe(element);\n });\n\n return () => {\n observer.disconnect();\n intersectionObserverRef.current = null;\n };\n }, [pdfDocument, trackVisibleThumbnailPage]);\n\n const setThumbnailPlaceholderRef = useCallback(\n (pageNumber: number, element: HTMLDivElement | null) => {\n const previousElement = placeholderElementsRef.current.get(pageNumber);\n\n if (previousElement) {\n intersectionObserverRef.current?.unobserve(previousElement);\n placeholderElementsRef.current.delete(pageNumber);\n }\n\n if (!element) return;\n\n placeholderElementsRef.current.set(pageNumber, element);\n intersectionObserverRef.current?.observe(element);\n },\n []\n );\n\n // 按当前页附近的窗口懒加载缩略图,避免大 PDF 一次性生成全部页面。\n useEffect(() => {\n if (!pdfDocument || pagesToLoad.length === 0) return;\n\n let cancelled = false;\n\n const loadThumbnails = async () => {\n for (const pageNumber of pagesToLoad) {\n if (cancelled) return;\n\n try {\n const page = await pdfDocument.getPage(pageNumber);\n const viewport = page.getViewport({ scale: 0.2 });\n const canvas = document.createElement('canvas');\n const context = canvas.getContext('2d');\n\n if (!context) continue;\n\n canvas.width = viewport.width;\n canvas.height = viewport.height;\n\n const renderTask = page.render({\n canvasContext: context,\n viewport,\n canvas,\n });\n\n await renderTask.promise;\n\n if (cancelled) return;\n\n setThumbnails((currentThumbnails) => {\n if (\n currentThumbnails.some(\n (thumbnail) => thumbnail.pageNumber === pageNumber\n )\n ) {\n return currentThumbnails;\n }\n\n return [\n ...currentThumbnails,\n {\n pageNumber,\n url: canvas.toDataURL(),\n },\n ].sort((a, b) => a.pageNumber - b.pageNumber);\n });\n } catch (error) {\n console.error(\n `Error loading thumbnail for page ${pageNumber}:`,\n error\n );\n }\n }\n };\n\n loadThumbnails();\n\n return () => {\n cancelled = true;\n };\n }, [pdfDocument, pagesToLoad]);\n\n // 加载书签\n useEffect(() => {\n const loadBookmarks = async () => {\n if (!pdfDocument) return;\n try {\n const outline = await pdfDocument.getOutline();\n setBookmarks((outline as PDFOutline[]) || []);\n } catch (error) {\n console.error('Error loading bookmarks:', error);\n setBookmarks([]);\n }\n };\n\n loadBookmarks();\n }, [pdfDocument]);\n\n // 处理书签点击\n const handleBookmarkClick = async (bookmark: PDFOutline) => {\n if (!pdfDocument) return;\n\n try {\n let pageIndex: number | undefined;\n\n // 处理不同类型的书签目标\n if (bookmark.dest) {\n if (typeof bookmark.dest === 'string') {\n // 命名目标\n const destination = await pdfDocument.getDestination(bookmark.dest);\n if (destination && destination[0]) {\n pageIndex = await pdfDocument.getPageIndex(destination[0]);\n }\n } else if (Array.isArray(bookmark.dest) && bookmark.dest[0]) {\n // 显式目标\n pageIndex = await pdfDocument.getPageIndex(bookmark.dest[0]);\n }\n } else if (bookmark.pageNumber) {\n // 直接页码\n pageIndex = bookmark.pageNumber - 1;\n }\n\n if (typeof pageIndex === 'number') {\n onPageClick(pageIndex + 1);\n }\n } catch (error) {\n console.error('Error navigating to bookmark:', error);\n }\n };\n\n const renderThumbnailPlaceholder = (pageNumber: number) => (\n <div\n ref={(element) => setThumbnailPlaceholderRef(pageNumber, element)}\n key={pageNumber}\n data-page-number={pageNumber}\n className={`flex w-full flex-col items-center rounded p-1 ${\n currentPage === pageNumber ? 'bg-primary/10' : ''\n }`}\n >\n <Skeleton className=\"h-32 w-48\" />\n <span className=\"mt-1 text-sm\">第 {pageNumber} 页</span>\n </div>\n );\n\n const renderThumbnailList = () => {\n if (!pdfDocument || pdfDocument.numPages <= 0) return null;\n\n return Array.from({ length: pdfDocument.numPages }, (_, index) => {\n const pageNumber = index + 1;\n const thumbnail = thumbnailMap[pageNumber];\n\n return thumbnail ? (\n <PDFThumbnail\n key={pageNumber}\n thumbnail={thumbnail}\n isCurrentPage={currentPage === pageNumber}\n onClick={() => onPageClick(pageNumber)}\n />\n ) : (\n renderThumbnailPlaceholder(pageNumber)\n );\n });\n };\n\n return (\n <div className=\"w-64 border-r bg-muted\">\n <Tabs defaultValue=\"thumbnails\">\n <TabsList className=\"w-full p-2\">\n <TabsTrigger value=\"thumbnails\" className=\"flex-1 bg-transparent\">\n 缩略图\n </TabsTrigger>\n <TabsTrigger value=\"bookmarks\" className=\"flex-1 bg-transparent\">\n 书签\n </TabsTrigger>\n </TabsList>\n\n <TabsContent value=\"thumbnails\">\n <ScrollArea className=\"h-[calc(100vh-8rem)]\">\n <div className=\"space-y-2 p-4\">{renderThumbnailList()}</div>\n </ScrollArea>\n </TabsContent>\n\n <TabsContent value=\"bookmarks\">\n <ScrollArea className=\"h-[calc(100vh-8rem)]\">\n <div className=\"p-4\">\n {bookmarks.length === 0 ? (\n <div className=\"py-4 text-center text-sm text-muted-foreground\">\n 没有可用的书签\n </div>\n ) : (\n <div className=\"space-y-2\">\n {bookmarks.map((bookmark, index) => (\n <PDFBookmark\n key={`${bookmark.title}-${index}`}\n bookmark={bookmark}\n depth={0}\n onClick={handleBookmarkClick}\n />\n ))}\n </div>\n )}\n </div>\n </ScrollArea>\n </TabsContent>\n </Tabs>\n </div>\n );\n}\n"],"names":["THUMBNAIL_PAGE_WINDOW","getThumbnailPages","numPages","currentPage","safeCurrentPage","start","end","_","index","PDFThumbnail","memo","thumbnail","isCurrentPage","onClick","jsxs","jsx","e","PDFBookmark","bookmark","depth","item","PDFSidebar","pdfDocument","onPageClick","components","thumbnails","setThumbnails","useState","bookmarks","setBookmarks","visibleThumbnailPages","setVisibleThumbnailPages","intersectionObserverRef","useRef","placeholderElementsRef","Tabs","TabsList","TabsTrigger","TabsContent","ScrollArea","Skeleton","thumbnailMap","useMemo","map","pagesToLoad","pageNumbers","pageNumber","a","b","useEffect","trackVisibleThumbnailPage","useCallback","pages","observer","entries","entry","element","setThumbnailPlaceholderRef","previousElement","_a","_b","cancelled","page","viewport","canvas","context","currentThumbnails","error","outline","handleBookmarkClick","pageIndex","destination","renderThumbnailPlaceholder","renderThumbnailList"],"mappings":"8EA0DMA,EAAwB,EAExBC,EAAoB,CAACC,EAAkBC,IAAwB,CACnE,GAAID,GAAY,EAAG,MAAO,CAAA,EAE1B,MAAME,EAAkB,KAAK,IAAI,EAAG,KAAK,IAAID,EAAaD,CAAQ,CAAC,EAC7DG,EAAQ,KAAK,IAAI,EAAGD,EAAkBJ,CAAqB,EAC3DM,EAAM,KAAK,IAAIJ,EAAUE,EAAkBJ,CAAqB,EAEtE,OAAO,MAAM,KAAK,CAAE,OAAQM,EAAMD,EAAQ,CAAA,EAAK,CAACE,EAAGC,IAAUH,EAAQG,CAAK,CAC5E,EA0BMC,EAAeC,EAAAA,KACnB,CAAC,CACC,UAAAC,EACA,cAAAC,EACA,QAAAC,CAAA,IAMAC,EAAAA,kBAAAA,KAAC,MAAA,CACC,UAAW,iDACTF,EAAgB,gBAAkB,EACpC,GAEA,SAAA,CAAAG,EAAAA,kBAAAA,IAAC,MAAA,CACC,IAAKJ,EAAU,IACf,IAAK,QAAQA,EAAU,UAAU,GACjC,UAAU,iEACV,QAAAE,EACA,UAAYG,GAAM,EACZA,EAAE,MAAQ,SAAWA,EAAE,MAAQ,OACjCA,EAAE,eAAA,EACFH,EAAA,EAEJ,EACA,KAAK,SACL,SAAU,CAAA,CAAA,EAEZC,EAAAA,kBAAAA,KAAC,OAAA,CAAK,UAAU,eAAe,SAAA,CAAA,KAAGH,EAAU,WAAW,IAAA,CAAA,CAAE,CAAA,CAAA,CAAA,CAG/D,EACAF,EAAa,YAAc,eAK3B,MAAMQ,EAAc,CAAC,CACnB,SAAAC,EACA,MAAAC,EACA,QAAAN,CACF,IAKEC,yBAAC,OAAI,MAAO,CAAE,YAAa,GAAGK,EAAQ,EAAE,IAAA,EACtC,SAAA,CAAAJ,EAAAA,kBAAAA,IAAC,SAAA,CACC,QAAS,IAAMF,EAAQK,CAAQ,EAC/B,UAAU,oFAET,SAAAA,EAAS,KAAA,CAAA,EAEXA,EAAS,OACRA,EAAS,MAAM,IAAI,CAACE,EAAMZ,IACxBO,EAAAA,kBAAAA,IAACE,EAAA,CAEC,SAAUG,EACV,MAAOD,EAAQ,EACf,QAAAN,CAAA,EAHK,GAAGK,EAAS,KAAK,IAAIV,CAAK,EAAA,CAKlC,CAAA,EACL,EA4BK,SAASa,EAAW,CACzB,YAAAC,EACA,YAAAnB,EACA,YAAAoB,EACA,WAAAC,CACF,EAAoB,CAClB,KAAM,CAACC,EAAYC,CAAa,EAAIC,EAAAA,SAAyB,CAAA,CAAE,EACzD,CAACC,EAAWC,CAAY,EAAIF,EAAAA,SAAuB,CAAA,CAAE,EACrD,CAACG,EAAuBC,CAAwB,EAAIJ,EAAAA,SACxD,CAAA,CAAC,EAEGK,EAA0BC,EAAAA,OAAoC,IAAI,EAClEC,EAAyBD,EAAAA,OAAoC,IAAI,GAAK,EAEtE,CAAE,KAAAE,EAAM,SAAAC,EAAU,YAAAC,EAAa,YAAAC,EAAa,WAAAC,EAAY,SAAAC,GAC5DhB,EAEIiB,EAAeC,EAAAA,QACnB,IACEjB,EAAW,OAAqC,CAACkB,EAAKhC,KACpDgC,EAAIhC,EAAU,UAAU,EAAIA,EACrBgC,GACN,CAAA,CAAE,EACP,CAAClB,CAAU,CAAA,EAGPmB,EAAcF,EAAAA,QAAQ,IAAM,CAChC,GAAI,CAACpB,EAAa,MAAO,CAAA,EAEzB,MAAMuB,MAAkB,IAAI,CAC1B,GAAG5C,EAAkBqB,EAAY,SAAUnB,CAAW,EACtD,GAAG2B,CAAA,CACJ,EAED,OAAO,MAAM,KAAKe,CAAW,EAC1B,OACEC,GACCA,GAAc,GACdA,GAAcxB,EAAY,UAC1B,CAACmB,EAAaK,CAAU,CAAA,EAE3B,KAAK,CAACC,EAAGC,IAAMD,EAAIC,CAAC,CACzB,EAAG,CAAC1B,EAAanB,EAAasC,EAAcX,CAAqB,CAAC,EAElEmB,EAAAA,UAAU,IAAM,CACdvB,EAAc,CAAA,CAAE,EAChBK,EAAyB,CAAA,CAAE,CAC7B,EAAG,CAACT,CAAW,CAAC,EAEhB,MAAM4B,EAA4BC,cAAaL,GAAuB,CACpEf,EAA0BqB,GACxBA,EAAM,SAASN,CAAU,EAAIM,EAAQ,CAAC,GAAGA,EAAON,CAAU,CAAA,CAE9D,EAAG,CAAA,CAAE,EAELG,EAAAA,UAAU,IAAM,CACd,GAAI,OAAO,qBAAyB,IAAa,CAC3C3B,GACFS,EACE,MAAM,KAAK,CAAE,OAAQT,EAAY,QAAA,EAAY,CAACf,EAAGC,IAAUA,EAAQ,CAAC,CAAA,EAGxE,MACF,CAEA,MAAM6C,EAAW,IAAI,qBAClBC,GAAY,CACXA,EAAQ,QAASC,GAAU,CACzB,GAAI,CAACA,EAAM,eAAgB,OAE3B,MAAMT,EAAa,OAChBS,EAAM,OAAuB,QAAQ,UAAA,EAGpC,OAAO,SAAST,CAAU,GAC5BI,EAA0BJ,CAAU,CAExC,CAAC,CACH,EACA,CAAE,WAAY,WAAA,CAAY,EAG5B,OAAAd,EAAwB,QAAUqB,EAClCnB,EAAuB,QAAQ,QAASsB,GAAY,CAClDH,EAAS,QAAQG,CAAO,CAC1B,CAAC,EAEM,IAAM,CACXH,EAAS,WAAA,EACTrB,EAAwB,QAAU,IACpC,CACF,EAAG,CAACV,EAAa4B,CAAyB,CAAC,EAE3C,MAAMO,EAA6BN,EAAAA,YACjC,CAACL,EAAoBU,IAAmC,SACtD,MAAME,EAAkBxB,EAAuB,QAAQ,IAAIY,CAAU,EAEjEY,KACFC,EAAA3B,EAAwB,UAAxB,MAAA2B,EAAiC,UAAUD,GAC3CxB,EAAuB,QAAQ,OAAOY,CAAU,GAG7CU,IAELtB,EAAuB,QAAQ,IAAIY,EAAYU,CAAO,GACtDI,EAAA5B,EAAwB,UAAxB,MAAA4B,EAAiC,QAAQJ,GAC3C,EACA,CAAA,CAAC,EAIHP,EAAAA,UAAU,IAAM,CACd,GAAI,CAAC3B,GAAesB,EAAY,SAAW,EAAG,OAE9C,IAAIiB,EAAY,GAqDhB,OAnDuB,SAAY,CACjC,UAAWf,KAAcF,EAAa,CACpC,GAAIiB,EAAW,OAEf,GAAI,CACF,MAAMC,EAAO,MAAMxC,EAAY,QAAQwB,CAAU,EAC3CiB,EAAWD,EAAK,YAAY,CAAE,MAAO,GAAK,EAC1CE,EAAS,SAAS,cAAc,QAAQ,EACxCC,EAAUD,EAAO,WAAW,IAAI,EAEtC,GAAI,CAACC,EAAS,SAad,GAXAD,EAAO,MAAQD,EAAS,MACxBC,EAAO,OAASD,EAAS,OAQzB,MANmBD,EAAK,OAAO,CAC7B,cAAeG,EACf,SAAAF,EACA,OAAAC,CAAA,CACD,EAEgB,QAEbH,EAAW,OAEfnC,EAAewC,GAEXA,EAAkB,KACfvD,GAAcA,EAAU,aAAemC,CAAA,EAGnCoB,EAGF,CACL,GAAGA,EACH,CACE,WAAApB,EACA,IAAKkB,EAAO,UAAA,CAAU,CACxB,EACA,KAAK,CAACjB,EAAGC,IAAMD,EAAE,WAAaC,EAAE,UAAU,CAC7C,CACH,OAASmB,EAAO,CACd,QAAQ,MACN,oCAAoCrB,CAAU,IAC9CqB,CAAA,CAEJ,CACF,CACF,GAEA,EAEO,IAAM,CACXN,EAAY,EACd,CACF,EAAG,CAACvC,EAAasB,CAAW,CAAC,EAG7BK,EAAAA,UAAU,IAAM,EACQ,SAAY,CAChC,GAAK3B,EACL,GAAI,CACF,MAAM8C,EAAU,MAAM9C,EAAY,WAAA,EAClCO,EAAcuC,GAA4B,EAAE,CAC9C,OAASD,EAAO,CACd,QAAQ,MAAM,2BAA4BA,CAAK,EAC/CtC,EAAa,CAAA,CAAE,CACjB,CACF,GAEA,CACF,EAAG,CAACP,CAAW,CAAC,EAGhB,MAAM+C,EAAsB,MAAOnD,GAAyB,CAC1D,GAAKI,EAEL,GAAI,CACF,IAAIgD,EAGJ,GAAIpD,EAAS,KACX,GAAI,OAAOA,EAAS,MAAS,SAAU,CAErC,MAAMqD,EAAc,MAAMjD,EAAY,eAAeJ,EAAS,IAAI,EAC9DqD,GAAeA,EAAY,CAAC,IAC9BD,EAAY,MAAMhD,EAAY,aAAaiD,EAAY,CAAC,CAAC,EAE7D,MAAW,MAAM,QAAQrD,EAAS,IAAI,GAAKA,EAAS,KAAK,CAAC,IAExDoD,EAAY,MAAMhD,EAAY,aAAaJ,EAAS,KAAK,CAAC,CAAC,QAEpDA,EAAS,aAElBoD,EAAYpD,EAAS,WAAa,GAGhC,OAAOoD,GAAc,UACvB/C,EAAY+C,EAAY,CAAC,CAE7B,OAASH,EAAO,CACd,QAAQ,MAAM,gCAAiCA,CAAK,CACtD,CACF,EAEMK,EAA8B1B,GAClChC,EAAAA,kBAAAA,KAAC,MAAA,CACC,IAAM0C,GAAYC,EAA2BX,EAAYU,CAAO,EAEhE,mBAAkBV,EAClB,UAAW,iDACT3C,IAAgB2C,EAAa,gBAAkB,EACjD,GAEA,SAAA,CAAA/B,EAAAA,kBAAAA,IAACyB,EAAA,CAAS,UAAU,WAAA,CAAY,EAChC1B,EAAAA,kBAAAA,KAAC,OAAA,CAAK,UAAU,eAAe,SAAA,CAAA,KAAGgC,EAAW,IAAA,CAAA,CAAE,CAAA,CAAA,EAP1CA,CAAA,EAWH2B,EAAsB,IACtB,CAACnD,GAAeA,EAAY,UAAY,EAAU,KAE/C,MAAM,KAAK,CAAE,OAAQA,EAAY,QAAA,EAAY,CAACf,EAAGC,IAAU,CAChE,MAAMsC,EAAatC,EAAQ,EACrBG,EAAY8B,EAAaK,CAAU,EAEzC,OAAOnC,EACLI,EAAAA,kBAAAA,IAACN,EAAA,CAEC,UAAAE,EACA,cAAeR,IAAgB2C,EAC/B,QAAS,IAAMvB,EAAYuB,CAAU,CAAA,EAHhCA,CAAA,EAMP0B,EAA2B1B,CAAU,CAEzC,CAAC,EAGH,+BACG,MAAA,CAAI,UAAU,yBACb,SAAAhC,EAAAA,kBAAAA,KAACqB,EAAA,CAAK,aAAa,aACjB,SAAA,CAAArB,EAAAA,kBAAAA,KAACsB,EAAA,CAAS,UAAU,aAClB,SAAA,CAAArB,wBAACsB,EAAA,CAAY,MAAM,aAAa,UAAU,wBAAwB,SAAA,MAElE,0BACCA,EAAA,CAAY,MAAM,YAAY,UAAU,wBAAwB,SAAA,IAAA,CAEjE,CAAA,EACF,EAEAtB,wBAACuB,EAAA,CAAY,MAAM,aACjB,iCAACC,EAAA,CAAW,UAAU,uBACpB,SAAAxB,wBAAC,OAAI,UAAU,gBAAiB,SAAA0D,EAAA,CAAoB,CAAE,EACxD,EACF,EAEA1D,EAAAA,kBAAAA,IAACuB,EAAA,CAAY,MAAM,YACjB,SAAAvB,EAAAA,kBAAAA,IAACwB,EAAA,CAAW,UAAU,uBACpB,SAAAxB,EAAAA,kBAAAA,IAAC,MAAA,CAAI,UAAU,MACZ,SAAAa,EAAU,SAAW,EACpBb,EAAAA,kBAAAA,IAAC,MAAA,CAAI,UAAU,iDAAiD,SAAA,SAAA,CAEhE,EAEAA,EAAAA,kBAAAA,IAAC,MAAA,CAAI,UAAU,YACZ,SAAAa,EAAU,IAAI,CAACV,EAAUV,IACxBO,EAAAA,kBAAAA,IAACE,EAAA,CAEC,SAAAC,EACA,MAAO,EACP,QAASmD,CAAA,EAHJ,GAAGnD,EAAS,KAAK,IAAIV,CAAK,EAAA,CAKlC,CAAA,CACH,EAEJ,CAAA,CACF,CAAA,CACF,CAAA,CAAA,CACF,CAAA,CACF,CAEJ"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"component-types.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export type { ButtonComponent, CardComponent, DialogComponent, DialogContentComponent, DialogDescriptionComponent, DialogFooterComponent, DialogHeaderComponent, DialogTitleComponent, DropdownMenuComponent, DropdownMenuContentComponent, DropdownMenuRadioGroupComponent, DropdownMenuRadioItemComponent, DropdownMenuTriggerComponent, InputComponent, LabelComponent, ScrollAreaComponent, SelectComponent, SelectContentComponent, SelectItemComponent, SelectTriggerComponent, SelectValueComponent, SkeletonComponent, TableCellComponent, TableComponent, TableRowComponent, TabsComponent, TabsContentComponent, TabsListComponent, TabsTriggerComponent, UIComponent, } from './types/component-types';
|
|
2
|
+
//# sourceMappingURL=component-types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"component-types.d.ts","sourceRoot":"","sources":["../src/component-types.ts"],"names":[],"mappings":"AAAA,YAAY,EACV,eAAe,EACf,aAAa,EACb,eAAe,EACf,sBAAsB,EACtB,0BAA0B,EAC1B,qBAAqB,EACrB,qBAAqB,EACrB,oBAAoB,EACpB,qBAAqB,EACrB,4BAA4B,EAC5B,+BAA+B,EAC/B,8BAA8B,EAC9B,4BAA4B,EAC5B,cAAc,EACd,cAAc,EACd,mBAAmB,EACnB,eAAe,EACf,sBAAsB,EACtB,mBAAmB,EACnB,sBAAsB,EACtB,oBAAoB,EACpB,iBAAiB,EACjB,kBAAkB,EAClB,cAAc,EACd,iBAAiB,EACjB,aAAa,EACb,oBAAoB,EACpB,iBAAiB,EACjB,oBAAoB,EACpB,WAAW,GACZ,MAAM,yBAAyB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"component-types.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -0,0 +1,61 @@
|
|
|
1
|
+
import { HTMLAttributes, ReactNode } from 'react';
|
|
2
|
+
import { ButtonComponent, CardComponent, UIComponent } from '../types/component-types';
|
|
3
|
+
export type FileUploadStatus = 'ready' | 'uploading' | 'success' | 'error';
|
|
4
|
+
export interface FileUploadItem<TResult = unknown> {
|
|
5
|
+
id: string;
|
|
6
|
+
file: File;
|
|
7
|
+
name: string;
|
|
8
|
+
size: number;
|
|
9
|
+
type: string;
|
|
10
|
+
status: FileUploadStatus;
|
|
11
|
+
progress: number;
|
|
12
|
+
error?: string;
|
|
13
|
+
result?: TResult;
|
|
14
|
+
}
|
|
15
|
+
export interface FileUploadHelpers {
|
|
16
|
+
setProgress: (progress: number) => void;
|
|
17
|
+
}
|
|
18
|
+
export interface FileUploadUIComponents {
|
|
19
|
+
Card: CardComponent;
|
|
20
|
+
CardHeader?: UIComponent<HTMLAttributes<HTMLDivElement>>;
|
|
21
|
+
CardTitle?: UIComponent<HTMLAttributes<HTMLDivElement>>;
|
|
22
|
+
CardDescription?: UIComponent<HTMLAttributes<HTMLDivElement>>;
|
|
23
|
+
CardContent: UIComponent<HTMLAttributes<HTMLDivElement>>;
|
|
24
|
+
CardFooter?: UIComponent<HTMLAttributes<HTMLDivElement>>;
|
|
25
|
+
Button: ButtonComponent;
|
|
26
|
+
}
|
|
27
|
+
export interface FileUploadProps<TResult = unknown> {
|
|
28
|
+
components?: FileUploadUIComponents;
|
|
29
|
+
title?: ReactNode;
|
|
30
|
+
description?: ReactNode;
|
|
31
|
+
helperText?: ReactNode;
|
|
32
|
+
accept?: string;
|
|
33
|
+
multiple?: boolean;
|
|
34
|
+
maxFiles?: number;
|
|
35
|
+
maxSize?: number;
|
|
36
|
+
disabled?: boolean;
|
|
37
|
+
autoUpload?: boolean;
|
|
38
|
+
showUploadButton?: boolean;
|
|
39
|
+
showResetButton?: boolean;
|
|
40
|
+
selectLabel?: string;
|
|
41
|
+
uploadLabel?: string;
|
|
42
|
+
retryLabel?: string;
|
|
43
|
+
resetLabel?: string;
|
|
44
|
+
emptyLabel?: ReactNode;
|
|
45
|
+
dropzoneLabel?: ReactNode;
|
|
46
|
+
dropzoneDescription?: ReactNode;
|
|
47
|
+
uploadingText?: string;
|
|
48
|
+
successText?: string;
|
|
49
|
+
errorText?: string;
|
|
50
|
+
className?: string;
|
|
51
|
+
dropzoneClassName?: string;
|
|
52
|
+
listClassName?: string;
|
|
53
|
+
formatFileSize?: (size: number) => string;
|
|
54
|
+
validateFile?: (file: File, currentItems: FileUploadItem<TResult>[]) => string | undefined;
|
|
55
|
+
onFilesChange?: (items: FileUploadItem<TResult>[]) => void;
|
|
56
|
+
onUpload?: (item: FileUploadItem<TResult>, helpers: FileUploadHelpers) => Promise<TResult> | TResult;
|
|
57
|
+
onUploadComplete?: (item: FileUploadItem<TResult>) => void;
|
|
58
|
+
onUploadError?: (item: FileUploadItem<TResult>, error: unknown) => void;
|
|
59
|
+
}
|
|
60
|
+
export declare function FileUpload<TResult = unknown>({ components, title, description, helperText, accept, multiple, maxFiles, maxSize, disabled, autoUpload, showUploadButton, showResetButton, selectLabel, uploadLabel, retryLabel, resetLabel, emptyLabel, dropzoneLabel, dropzoneDescription, uploadingText, successText, errorText, className, dropzoneClassName, listClassName, formatFileSize, validateFile, onFilesChange, onUpload, onUploadComplete, onUploadError, }: FileUploadProps<TResult>): import("react/jsx-runtime").JSX.Element;
|
|
61
|
+
//# sourceMappingURL=FileUpload.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FileUpload.d.ts","sourceRoot":"","sources":["../../src/components/FileUpload.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import { HTMLAttributes } from 'react';
|
|
2
|
+
import { CardComponent, SkeletonComponent, UIComponent } from '../types/component-types';
|
|
3
|
+
export interface MarkdownReaderUIComponents {
|
|
4
|
+
Card?: CardComponent;
|
|
5
|
+
CardContent?: UIComponent<HTMLAttributes<HTMLDivElement>>;
|
|
6
|
+
Skeleton?: SkeletonComponent;
|
|
7
|
+
}
|
|
8
|
+
export interface MarkdownReaderProps {
|
|
9
|
+
content?: string;
|
|
10
|
+
sourceUrl?: string;
|
|
11
|
+
components?: MarkdownReaderUIComponents;
|
|
12
|
+
loading?: boolean;
|
|
13
|
+
error?: Error | string | null;
|
|
14
|
+
className?: string;
|
|
15
|
+
contentClassName?: string;
|
|
16
|
+
loadingText?: string;
|
|
17
|
+
errorText?: string;
|
|
18
|
+
emptyText?: string;
|
|
19
|
+
allowImages?: boolean;
|
|
20
|
+
openLinksInNewTab?: boolean;
|
|
21
|
+
transformLinkHref?: (href: string) => string | undefined;
|
|
22
|
+
transformImageSrc?: (src: string) => string | undefined;
|
|
23
|
+
onLoadError?: (error: Error) => void;
|
|
24
|
+
}
|
|
25
|
+
export declare function MarkdownReader({ content, sourceUrl, components, loading, error, className, contentClassName, loadingText, errorText, emptyText, allowImages, openLinksInNewTab, transformLinkHref, transformImageSrc, onLoadError, }: MarkdownReaderProps): import("react/jsx-runtime").JSX.Element;
|
|
26
|
+
//# sourceMappingURL=MarkdownReader.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MarkdownReader.d.ts","sourceRoot":"","sources":["../../src/components/MarkdownReader.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAiB,cAAc,EAAE,MAAM,OAAO,CAAC;AAG3D,OAAO,KAAK,EACV,aAAa,EACb,iBAAiB,EACjB,WAAW,EACZ,MAAM,0BAA0B,CAAC;AAElC,MAAM,WAAW,0BAA0B;IACzC,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,WAAW,CAAC,EAAE,WAAW,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC,CAAC;IAC1D,QAAQ,CAAC,EAAE,iBAAiB,CAAC;CAC9B;AAED,MAAM,WAAW,mBAAmB;IAClC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,0BAA0B,CAAC;IACxC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,KAAK,GAAG,MAAM,GAAG,IAAI,CAAC;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,MAAM,GAAG,SAAS,CAAC;IACzD,iBAAiB,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,GAAG,SAAS,CAAC;IACxD,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;CACtC;AAqCD,wBAAgB,cAAc,CAAC,EAC7B,OAAO,EACP,SAAS,EACT,UAAU,EACV,OAAe,EACf,KAAK,EACL,SAAS,EACT,gBAAgB,EAChB,WAAmC,EACnC,SAA2B,EAC3B,SAA4B,EAC5B,WAAkB,EAClB,iBAAwB,EACxB,iBAAiB,EACjB,iBAAiB,EACjB,WAAW,GACZ,EAAE,mBAAmB,2CA6NrB"}
|
|
@@ -79,7 +79,7 @@ export interface PDFReaderProps {
|
|
|
79
79
|
enableHotkeys?: boolean;
|
|
80
80
|
/** 启用移动端导航 (默认 true) */
|
|
81
81
|
enableMobileNav?: boolean;
|
|
82
|
-
/** 显示模式: 'scroll' 显示所有页面, 'single' 单页模式 (默认 '
|
|
82
|
+
/** 显示模式: 'scroll' 显示所有页面, 'single' 单页模式 (默认 'single') */
|
|
83
83
|
displayMode?: 'scroll' | 'single';
|
|
84
84
|
/** 容器类名 */
|
|
85
85
|
className?: string;
|
|
@@ -117,7 +117,7 @@ export interface PDFReaderProps {
|
|
|
117
117
|
*
|
|
118
118
|
* @example
|
|
119
119
|
* ```tsx
|
|
120
|
-
* import { PDFReader } from '@turinhub/atomix-common-ui';
|
|
120
|
+
* import { PDFReader } from '@turinhub/atomix-common-ui/pdf-reader';
|
|
121
121
|
* import { Card, Button, Input, Label, Skeleton } from '@/components/ui';
|
|
122
122
|
* import { Tabs, ScrollArea } from '@/components/ui';
|
|
123
123
|
*
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PDFReader.d.ts","sourceRoot":"","sources":["../../src/components/PDFReader.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"PDFReader.d.ts","sourceRoot":"","sources":["../../src/components/PDFReader.tsx"],"names":[],"mappings":"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"}
|
|
@@ -65,7 +65,7 @@ export interface PDFSidebarProps {
|
|
|
65
65
|
*
|
|
66
66
|
* @example
|
|
67
67
|
* ```tsx
|
|
68
|
-
* import { PDFSidebar } from '@turinhub/atomix-common-ui';
|
|
68
|
+
* import { PDFSidebar } from '@turinhub/atomix-common-ui/pdf-sidebar';
|
|
69
69
|
* import { Tabs, ScrollArea, Skeleton } from '@/components/ui';
|
|
70
70
|
*
|
|
71
71
|
* <PDFSidebar
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PDFSidebar.d.ts","sourceRoot":"","sources":["../../src/components/PDFSidebar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,aAAa,EACb,iBAAiB,EACjB,oBAAoB,EACpB,oBAAoB,EACpB,mBAAmB,EACnB,iBAAiB,EAClB,MAAM,0BAA0B,CAAC;AAElC;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,UAAU,EAAE,MAAM,GAAG,OAAO,CAAC,YAAY,CAAC,CAAC;IACnD,UAAU,IAAI,OAAO,CAAC,UAAU,EAAE,GAAG,IAAI,CAAC,CAAC;IAC3C,cAAc,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO,CAAC,OAAO,EAAE,GAAG,IAAI,CAAC,CAAC;IACxD,YAAY,CAAC,GAAG,EAAE,OAAO,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC;CAC7C;AAED,MAAM,WAAW,YAAY;IAC3B,WAAW,CAAC,OAAO,EAAE;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE,GAAG,WAAW,CAAC;IACrD,MAAM,CAAC,aAAa,EAAE;QACpB,aAAa,EAAE,wBAAwB,CAAC;QACxC,QAAQ,EAAE,WAAW,CAAC;QACtB,MAAM,EAAE,iBAAiB,CAAC;KAC3B,GAAG;QAAE,OAAO,EAAE,OAAO,CAAC,IAAI,CAAC,CAAA;KAAE,CAAC;CAChC;AAED,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,UAAU;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,iBAAiB,CAAC;IAC1B,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,EAAE,GAAG,IAAI,CAAC;IACjC,GAAG,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,UAAU,EAAE,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;
|
|
1
|
+
{"version":3,"file":"PDFSidebar.d.ts","sourceRoot":"","sources":["../../src/components/PDFSidebar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,aAAa,EACb,iBAAiB,EACjB,oBAAoB,EACpB,oBAAoB,EACpB,mBAAmB,EACnB,iBAAiB,EAClB,MAAM,0BAA0B,CAAC;AAElC;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,UAAU,EAAE,MAAM,GAAG,OAAO,CAAC,YAAY,CAAC,CAAC;IACnD,UAAU,IAAI,OAAO,CAAC,UAAU,EAAE,GAAG,IAAI,CAAC,CAAC;IAC3C,cAAc,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO,CAAC,OAAO,EAAE,GAAG,IAAI,CAAC,CAAC;IACxD,YAAY,CAAC,GAAG,EAAE,OAAO,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC;CAC7C;AAED,MAAM,WAAW,YAAY;IAC3B,WAAW,CAAC,OAAO,EAAE;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE,GAAG,WAAW,CAAC;IACrD,MAAM,CAAC,aAAa,EAAE;QACpB,aAAa,EAAE,wBAAwB,CAAC;QACxC,QAAQ,EAAE,WAAW,CAAC;QACtB,MAAM,EAAE,iBAAiB,CAAC;KAC3B,GAAG;QAAE,OAAO,EAAE,OAAO,CAAC,IAAI,CAAC,CAAA;KAAE,CAAC;CAChC;AAED,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,UAAU;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,iBAAiB,CAAC;IAC1B,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,EAAE,GAAG,IAAI,CAAC;IACjC,GAAG,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,UAAU,EAAE,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAsBD;;GAEG;AACH,MAAM,WAAW,eAAe;IAC9B,eAAe;IACf,WAAW,EAAE,gBAAgB,GAAG,IAAI,CAAC;IACrC,WAAW;IACX,WAAW,EAAE,MAAM,CAAC;IACpB,aAAa;IACb,WAAW,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,cAAc;IACd,UAAU,EAAE;QACV,IAAI,EAAE,aAAa,CAAC;QACpB,QAAQ,EAAE,iBAAiB,CAAC;QAC5B,WAAW,EAAE,oBAAoB,CAAC;QAClC,WAAW,EAAE,oBAAoB,CAAC;QAClC,UAAU,EAAE,mBAAmB,CAAC;QAChC,QAAQ,EAAE,iBAAiB,CAAC;KAC7B,CAAC;CACH;AAuED;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,wBAAgB,UAAU,CAAC,EACzB,WAAW,EACX,WAAW,EACX,WAAW,EACX,UAAU,GACX,EAAE,eAAe,2CAsSjB"}
|