@eternalheart/react-file-preview 1.3.14 → 1.5.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.
Files changed (166) hide show
  1. package/README.md +437 -60
  2. package/README.zh-CN.md +437 -60
  3. package/lib/FilePreviewContent.d.ts +4 -17
  4. package/lib/FilePreviewContent.d.ts.map +1 -1
  5. package/lib/FilePreviewEmbed.d.ts +2 -0
  6. package/lib/FilePreviewEmbed.d.ts.map +1 -1
  7. package/lib/FilePreviewModal.d.ts +2 -0
  8. package/lib/FilePreviewModal.d.ts.map +1 -1
  9. package/lib/chunks/RendererError-D5i8eSpN.mjs +15 -0
  10. package/lib/chunks/RendererError-D5i8eSpN.mjs.map +1 -0
  11. package/lib/chunks/index-2sX2d4iv.mjs +291 -0
  12. package/lib/chunks/index-2sX2d4iv.mjs.map +1 -0
  13. package/lib/chunks/index-Bdj8_B80.mjs +120 -0
  14. package/lib/chunks/index-Bdj8_B80.mjs.map +1 -0
  15. package/lib/chunks/index-CCcZzLUM.mjs +107 -0
  16. package/lib/chunks/index-CCcZzLUM.mjs.map +1 -0
  17. package/lib/chunks/{index-BfzV7KIz.mjs → index-CKdQL1Bk.mjs} +130 -128
  18. package/lib/chunks/{index-BfzV7KIz.mjs.map → index-CKdQL1Bk.mjs.map} +1 -1
  19. package/lib/chunks/index-CQYrhe7Z.mjs +275 -0
  20. package/lib/chunks/index-CQYrhe7Z.mjs.map +1 -0
  21. package/lib/chunks/{index-DEzF8C7L.mjs → index-CRZqNMQ7.mjs} +43 -41
  22. package/lib/chunks/index-CRZqNMQ7.mjs.map +1 -0
  23. package/lib/chunks/{index-D_cBflBv.mjs → index-CTghYlSh.mjs} +1299 -1297
  24. package/lib/chunks/{index-D_cBflBv.mjs.map → index-CTghYlSh.mjs.map} +1 -1
  25. package/lib/chunks/index-CuTz7dbd.mjs +313 -0
  26. package/lib/chunks/index-CuTz7dbd.mjs.map +1 -0
  27. package/lib/chunks/index-CuWzRQZw.mjs +116 -0
  28. package/lib/chunks/index-CuWzRQZw.mjs.map +1 -0
  29. package/lib/chunks/index-Cz23v-TW.mjs +2409 -0
  30. package/lib/chunks/index-Cz23v-TW.mjs.map +1 -0
  31. package/lib/chunks/{index-Br8WHz8e.mjs → index-D-Is8qvU.mjs} +22 -20
  32. package/lib/chunks/index-D-Is8qvU.mjs.map +1 -0
  33. package/lib/chunks/index-Da3FN2-3.mjs +359 -0
  34. package/lib/chunks/index-Da3FN2-3.mjs.map +1 -0
  35. package/lib/chunks/index-Dc6q1OKl.mjs +78 -0
  36. package/lib/chunks/index-Dc6q1OKl.mjs.map +1 -0
  37. package/lib/chunks/{index-d8Bt4gIX.mjs → index-DoGKcq9y.mjs} +196 -194
  38. package/lib/chunks/index-DoGKcq9y.mjs.map +1 -0
  39. package/lib/chunks/{index-DCGk-moA.mjs → index-DzCLf1Db.mjs} +47 -45
  40. package/lib/chunks/index-DzCLf1Db.mjs.map +1 -0
  41. package/lib/chunks/index-FomaQSaL.mjs +329 -0
  42. package/lib/chunks/index-FomaQSaL.mjs.map +1 -0
  43. package/lib/chunks/{index-BTLV1YqJ.mjs → index-OXjOFggq.mjs} +864 -862
  44. package/lib/chunks/{index-BTLV1YqJ.mjs.map → index-OXjOFggq.mjs.map} +1 -1
  45. package/lib/chunks/index-WLepq2g2.mjs +200 -0
  46. package/lib/chunks/index-WLepq2g2.mjs.map +1 -0
  47. package/lib/chunks/{index-BG3Idu38.mjs → index-_B5marES.mjs} +27 -25
  48. package/lib/chunks/index-_B5marES.mjs.map +1 -0
  49. package/lib/chunks/useShikiHighlight-Bbs8Fbqs.mjs +36 -0
  50. package/lib/chunks/useShikiHighlight-Bbs8Fbqs.mjs.map +1 -0
  51. package/lib/components/preview/FilePreviewRenderer.d.ts +18 -0
  52. package/lib/components/preview/FilePreviewRenderer.d.ts.map +1 -0
  53. package/lib/components/preview/FilePreviewToolbar.d.ts +20 -0
  54. package/lib/components/preview/FilePreviewToolbar.d.ts.map +1 -0
  55. package/lib/components/preview/NavArrows.d.ts +18 -0
  56. package/lib/components/preview/NavArrows.d.ts.map +1 -0
  57. package/lib/components/preview/RendererError.d.ts +15 -0
  58. package/lib/components/preview/RendererError.d.ts.map +1 -0
  59. package/lib/components/preview/RendererErrorBoundary.d.ts +23 -0
  60. package/lib/components/preview/RendererErrorBoundary.d.ts.map +1 -0
  61. package/lib/components/preview/ToolbarButton.d.ts +16 -0
  62. package/lib/components/preview/ToolbarButton.d.ts.map +1 -0
  63. package/lib/components/preview/index.d.ts +7 -0
  64. package/lib/components/preview/index.d.ts.map +1 -0
  65. package/lib/hooks/index.d.ts +3 -0
  66. package/lib/hooks/index.d.ts.map +1 -0
  67. package/lib/hooks/useKeyboardNavigation.d.ts +15 -0
  68. package/lib/hooks/useKeyboardNavigation.d.ts.map +1 -0
  69. package/lib/hooks/useShikiHighlight.d.ts +3 -1
  70. package/lib/hooks/useShikiHighlight.d.ts.map +1 -1
  71. package/lib/hooks/useThemeMode.d.ts +7 -0
  72. package/lib/hooks/useThemeMode.d.ts.map +1 -0
  73. package/lib/index.cjs +27 -25
  74. package/lib/index.cjs.map +1 -1
  75. package/lib/index.css +1 -1
  76. package/lib/index.mjs +1 -1
  77. package/lib/renderers/Audio/index.d.ts +2 -1
  78. package/lib/renderers/Audio/index.d.ts.map +1 -1
  79. package/lib/renderers/Csv/index.d.ts +2 -1
  80. package/lib/renderers/Csv/index.d.ts.map +1 -1
  81. package/lib/renderers/Docx/index.d.ts +2 -1
  82. package/lib/renderers/Docx/index.d.ts.map +1 -1
  83. package/lib/renderers/Epub/index.d.ts +2 -3
  84. package/lib/renderers/Epub/index.d.ts.map +1 -1
  85. package/lib/renderers/Font/index.d.ts +2 -1
  86. package/lib/renderers/Font/index.d.ts.map +1 -1
  87. package/lib/renderers/Image/index.d.ts +6 -7
  88. package/lib/renderers/Image/index.d.ts.map +1 -1
  89. package/lib/renderers/Json/index.d.ts +2 -1
  90. package/lib/renderers/Json/index.d.ts.map +1 -1
  91. package/lib/renderers/Markdown/index.d.ts +2 -2
  92. package/lib/renderers/Markdown/index.d.ts.map +1 -1
  93. package/lib/renderers/Mobi/index.d.ts +2 -3
  94. package/lib/renderers/Mobi/index.d.ts.map +1 -1
  95. package/lib/renderers/Msg/index.d.ts +2 -1
  96. package/lib/renderers/Msg/index.d.ts.map +1 -1
  97. package/lib/renderers/Pdf/index.d.ts +4 -6
  98. package/lib/renderers/Pdf/index.d.ts.map +1 -1
  99. package/lib/renderers/Pptx/index.d.ts +2 -1
  100. package/lib/renderers/Pptx/index.d.ts.map +1 -1
  101. package/lib/renderers/Subtitle/index.d.ts +2 -1
  102. package/lib/renderers/Subtitle/index.d.ts.map +1 -1
  103. package/lib/renderers/Text/index.d.ts +2 -3
  104. package/lib/renderers/Text/index.d.ts.map +1 -1
  105. package/lib/renderers/Video/index.d.ts +2 -1
  106. package/lib/renderers/Video/index.d.ts.map +1 -1
  107. package/lib/renderers/Xlsx/index.d.ts +2 -1
  108. package/lib/renderers/Xlsx/index.d.ts.map +1 -1
  109. package/lib/renderers/Xml/index.d.ts +2 -1
  110. package/lib/renderers/Xml/index.d.ts.map +1 -1
  111. package/lib/renderers/Zip/index.d.ts +7 -2
  112. package/lib/renderers/Zip/index.d.ts.map +1 -1
  113. package/lib/renderers/base.types.d.ts +38 -0
  114. package/lib/renderers/base.types.d.ts.map +1 -0
  115. package/lib/renderers/registry.d.ts +36 -0
  116. package/lib/renderers/registry.d.ts.map +1 -0
  117. package/lib/renderers/toolbar.types.d.ts +3 -0
  118. package/lib/renderers/toolbar.types.d.ts.map +1 -1
  119. package/lib/toolbar/renderItems.d.ts +8 -0
  120. package/lib/toolbar/renderItems.d.ts.map +1 -0
  121. package/package.json +3 -3
  122. package/lib/chunks/RendererError-BH6fzLrN.mjs +0 -15
  123. package/lib/chunks/RendererError-BH6fzLrN.mjs.map +0 -1
  124. package/lib/chunks/index--lXiT1Y_.mjs +0 -2325
  125. package/lib/chunks/index--lXiT1Y_.mjs.map +0 -1
  126. package/lib/chunks/index-B05UpMZC.mjs +0 -270
  127. package/lib/chunks/index-B05UpMZC.mjs.map +0 -1
  128. package/lib/chunks/index-BG3Idu38.mjs.map +0 -1
  129. package/lib/chunks/index-B_7NPlPG.mjs +0 -105
  130. package/lib/chunks/index-B_7NPlPG.mjs.map +0 -1
  131. package/lib/chunks/index-BaU-yih3.mjs +0 -194
  132. package/lib/chunks/index-BaU-yih3.mjs.map +0 -1
  133. package/lib/chunks/index-Br8WHz8e.mjs.map +0 -1
  134. package/lib/chunks/index-CaobN7Im.mjs +0 -175
  135. package/lib/chunks/index-CaobN7Im.mjs.map +0 -1
  136. package/lib/chunks/index-Ch7DqyC4.mjs +0 -55
  137. package/lib/chunks/index-Ch7DqyC4.mjs.map +0 -1
  138. package/lib/chunks/index-DCGk-moA.mjs.map +0 -1
  139. package/lib/chunks/index-DEzF8C7L.mjs.map +0 -1
  140. package/lib/chunks/index-DKwN-YU-.mjs +0 -54
  141. package/lib/chunks/index-DKwN-YU-.mjs.map +0 -1
  142. package/lib/chunks/index-DMmb2rBE.mjs +0 -357
  143. package/lib/chunks/index-DMmb2rBE.mjs.map +0 -1
  144. package/lib/chunks/index-Dq-90KbM.mjs +0 -240
  145. package/lib/chunks/index-Dq-90KbM.mjs.map +0 -1
  146. package/lib/chunks/index-Go2oJfny.mjs +0 -114
  147. package/lib/chunks/index-Go2oJfny.mjs.map +0 -1
  148. package/lib/chunks/index-d8Bt4gIX.mjs.map +0 -1
  149. package/lib/chunks/index-jHf5E4be.mjs +0 -161
  150. package/lib/chunks/index-jHf5E4be.mjs.map +0 -1
  151. package/lib/chunks/useShikiHighlight-DoY3TBPT.mjs +0 -23
  152. package/lib/chunks/useShikiHighlight-DoY3TBPT.mjs.map +0 -1
  153. package/lib/renderers/Epub/toolbar.d.ts +0 -13
  154. package/lib/renderers/Epub/toolbar.d.ts.map +0 -1
  155. package/lib/renderers/Image/toolbar.d.ts +0 -15
  156. package/lib/renderers/Image/toolbar.d.ts.map +0 -1
  157. package/lib/renderers/Markdown/toolbar.d.ts +0 -9
  158. package/lib/renderers/Markdown/toolbar.d.ts.map +0 -1
  159. package/lib/renderers/Mobi/toolbar.d.ts +0 -13
  160. package/lib/renderers/Mobi/toolbar.d.ts.map +0 -1
  161. package/lib/renderers/Pdf/toolbar.d.ts +0 -11
  162. package/lib/renderers/Pdf/toolbar.d.ts.map +0 -1
  163. package/lib/renderers/Text/toolbar.d.ts +0 -12
  164. package/lib/renderers/Text/toolbar.d.ts.map +0 -1
  165. package/lib/renderers/Zip/toolbar.d.ts +0 -13
  166. package/lib/renderers/Zip/toolbar.d.ts.map +0 -1
@@ -1,240 +0,0 @@
1
- import { jsxs as N, jsx as c } from "react/jsx-runtime";
2
- import { forwardRef as dr, useRef as i, useState as h, useCallback as d, useImperativeHandle as mr, useEffect as X } from "react";
3
- import br from "@likecoin/epub-ts";
4
- import { X as hr } from "lucide-react";
5
- import { u as wr, a as yr } from "./index--lXiT1Y_.mjs";
6
- import { R as gr } from "./RendererError-BH6fzLrN.mjs";
7
- if (typeof document < "u" && !document.getElementById("rfp-epub-styles")) {
8
- const f = document.createElement("style");
9
- f.id = "rfp-epub-styles", f.textContent = `
10
- .epub-container { overflow-y: auto !important; scrollbar-width: thin; }
11
- .epub-container::-webkit-scrollbar { width: 8px; }
12
- .epub-container::-webkit-scrollbar-track { background: transparent; }
13
- .epub-container::-webkit-scrollbar-thumb { background: rgba(0,0,0,0.15); border-radius: 4px; }
14
- .epub-container::-webkit-scrollbar-thumb:hover { background: rgba(0,0,0,0.3); }
15
- .epub-view > iframe { background: white; }
16
- `, document.head.appendChild(f);
17
- }
18
- const xr = 794, Hr = dr(
19
- ({ url: f, onChapterChange: _, onFullWidthChange: D }, ir) => {
20
- const G = wr(), ar = yr(), w = i(null), I = i(null), a = i(null), l = i(_), E = i(D);
21
- l.current = _, E.current = D;
22
- const y = i(0), R = i(null), M = i(!1), [cr, j] = h(!0), [H, U] = h(null), [V, fr] = h(!1), [B, J] = h([]), [L, g] = h(!1), [K, O] = h(""), Q = i([]);
23
- Q.current = B, M.current = V;
24
- const Y = d(() => {
25
- var r;
26
- (r = a.current) == null || r.prev();
27
- }, []), Z = d(() => {
28
- var r;
29
- (r = a.current) == null || r.next();
30
- }, []), m = i(null), A = i(0), P = i((r) => {
31
- var s, u;
32
- const e = m.current;
33
- if (!e) return;
34
- const t = e;
35
- if (t.scrollTop + t.clientHeight >= t.scrollHeight - 200)
36
- try {
37
- const n = (s = a.current) == null ? void 0 : s.manager;
38
- (u = n == null ? void 0 : n.check) == null || u.call(n, 500, 500);
39
- } catch {
40
- }
41
- }), S = d(() => {
42
- m.current && (m.current.removeEventListener("scroll", P.current), m.current = null), cancelAnimationFrame(A.current);
43
- const r = () => {
44
- var t;
45
- const e = ((t = w.current) == null ? void 0 : t.querySelector(".epub-container")) ?? null;
46
- if (!e) {
47
- A.current = requestAnimationFrame(r);
48
- return;
49
- }
50
- m.current = e, e.addEventListener("scroll", P.current, { passive: !0 });
51
- };
52
- A.current = requestAnimationFrame(r);
53
- }, []), C = d(() => {
54
- var e;
55
- const r = !M.current;
56
- fr(r), (e = E.current) == null || e.call(E, r), setTimeout(() => {
57
- const t = w.current, p = a.current;
58
- !t || !p || (p.resize(t.offsetWidth, t.offsetHeight), R.current && p.display(R.current), S());
59
- }, 350);
60
- }, [S]), rr = d(() => {
61
- g((r) => !r);
62
- }, []), lr = d((r) => {
63
- var e;
64
- O(r), (e = a.current) == null || e.display(r), g(!1);
65
- }, []);
66
- mr(ir, () => ({
67
- prevPage: Y,
68
- nextPage: Z,
69
- toggleFullWidth: C,
70
- toggleToc: rr
71
- }), [Y, Z, C, rr]), X(() => {
72
- const r = w.current;
73
- if (!r || !f) return;
74
- j(!0), U(null), J([]), g(!1), r.innerHTML = "", R.current = null, y.current = 0;
75
- let e = !1;
76
- const t = window.setTimeout(() => {
77
- e || p();
78
- }, 0), p = async () => {
79
- var s;
80
- try {
81
- let u = f;
82
- f.startsWith("blob:") && (u = await (await ar(f)).arrayBuffer());
83
- const n = br(u);
84
- I.current = n;
85
- const x = n.renderTo(r, {
86
- manager: "continuous",
87
- flow: "scrolled",
88
- width: "100%",
89
- height: "100%"
90
- });
91
- a.current = x, x.themes.register("default", {
92
- body: {
93
- background: "#ffffff !important",
94
- color: "#1a1a1a !important",
95
- "font-family": '"Noto Serif SC", "Source Han Serif SC", Georgia, "Times New Roman", serif !important',
96
- "font-size": "16px !important",
97
- "line-height": "2 !important",
98
- padding: "40px 60px !important",
99
- "max-width": "100% !important",
100
- "box-sizing": "border-box !important",
101
- "word-break": "break-word !important",
102
- "overflow-wrap": "break-word !important"
103
- },
104
- p: { "text-indent": "2em !important", margin: "0.8em 0 !important" },
105
- h1: { "text-align": "center !important", margin: "1.5em 0 1em !important" },
106
- h2: { margin: "1.2em 0 0.8em !important" },
107
- h3: { margin: "1em 0 0.6em !important" },
108
- img: { "max-width": "100% !important", height: "auto !important" },
109
- a: { color: "#2563eb !important", "text-decoration": "none !important" }
110
- }), x.themes.select("default"), await n.ready, n.locations.generate(1024).then(() => {
111
- var v, k, T;
112
- if (e) return;
113
- y.current = n.locations.length();
114
- const b = (v = a.current) == null ? void 0 : v.currentLocation(), o = ((k = b == null ? void 0 : b.start) == null ? void 0 : k.location) ?? 0;
115
- (T = l.current) == null || T.call(l, o + 1, y.current);
116
- }).catch(() => {
117
- });
118
- const z = await n.loaded.navigation;
119
- if (!e && Array.isArray(z == null ? void 0 : z.toc) && J(z.toc), await x.display(), e) return;
120
- j(!1), (s = l.current) == null || s.call(l, 1, y.current || 1), x.on("relocated", (b) => {
121
- var T, tr, nr, or;
122
- const o = b;
123
- if ((T = o == null ? void 0 : o.start) != null && T.cfi && (R.current = o.start.cfi), (tr = o == null ? void 0 : o.start) != null && tr.href) {
124
- const $ = o.start.href, q = [], sr = (pr) => {
125
- for (const W of pr) {
126
- const F = W.href.split("#")[0];
127
- F && ($ === F || $.endsWith("/" + F) || $.endsWith(F)) && q.push(W.href), W.subitems && sr(W.subitems);
128
- }
129
- };
130
- sr(Q.current), q.length === 1 && O(q[0]);
131
- }
132
- const v = (nr = o == null ? void 0 : o.start) == null ? void 0 : nr.location, k = y.current;
133
- typeof v == "number" && k > 0 && ((or = l.current) == null || or.call(l, v + 1, k));
134
- });
135
- } catch (u) {
136
- console.error("EPUB 加载错误:", u), e || (U(G("epub.load_failed")), j(!1));
137
- }
138
- };
139
- return () => {
140
- var s, u, n;
141
- e = !0, window.clearTimeout(t);
142
- try {
143
- (u = (s = a.current) == null ? void 0 : s.destroy) == null || u.call(s);
144
- } catch {
145
- }
146
- try {
147
- (n = I.current) == null || n.destroy();
148
- } catch {
149
- }
150
- a.current = null, I.current = null;
151
- };
152
- }, [f]), X(() => {
153
- const r = () => {
154
- const e = w.current;
155
- !e || !a.current || a.current.resize(e.offsetWidth, e.offsetHeight);
156
- };
157
- return window.addEventListener("resize", r), () => window.removeEventListener("resize", r);
158
- }, []), X(() => (S(), () => {
159
- var r;
160
- cancelAnimationFrame(A.current), (r = m.current) == null || r.removeEventListener("scroll", P.current);
161
- }), [f, S]);
162
- const ur = d((r) => r === K, [K]), er = (r, e = 0) => /* @__PURE__ */ c("ul", { style: { marginLeft: e > 0 ? 16 : 0 }, children: r.map((t, p) => {
163
- const s = ur(t.href);
164
- return /* @__PURE__ */ N("li", { children: [
165
- /* @__PURE__ */ c(
166
- "button",
167
- {
168
- onClick: () => lr(t.href),
169
- className: `rfp-w-full rfp-text-left rfp-py-2 rfp-px-3 rfp-text-sm rfp-rounded rfp-transition-all rfp-truncate ${s ? "rfp-text-fg-primary rfp-bg-surface-3 rfp-font-medium" : "rfp-text-fg-secondary hover:rfp-text-fg-primary hover:rfp-bg-surface-2"}`,
170
- title: t.label,
171
- children: t.label.trim()
172
- }
173
- ),
174
- t.subitems && t.subitems.length > 0 && er(t.subitems, e + 1)
175
- ] }, `${t.href}-${p}`);
176
- }) });
177
- return /* @__PURE__ */ N("div", { className: "rfp-relative rfp-w-full rfp-h-full rfp-flex rfp-justify-center rfp-bg-surface-1 rfp-overflow-hidden", children: [
178
- H && /* @__PURE__ */ c(gr, { message: H }),
179
- cr && !H && /* @__PURE__ */ c("div", { className: "rfp-absolute rfp-inset-0 rfp-flex rfp-items-center rfp-justify-center rfp-z-10", children: /* @__PURE__ */ c("div", { className: "rfp-w-12 rfp-h-12 rfp-border-4 rfp-border-line-strong rfp-border-t-spinner-head rfp-rounded-full rfp-animate-spin" }) }),
180
- B.length > 0 && /* @__PURE__ */ N(
181
- "div",
182
- {
183
- className: "rfp-absolute rfp-inset-0 rfp-z-20 rfp-flex rfp-transition-opacity rfp-duration-300",
184
- style: {
185
- opacity: L ? 1 : 0,
186
- pointerEvents: L ? "auto" : "none"
187
- },
188
- children: [
189
- /* @__PURE__ */ N(
190
- "div",
191
- {
192
- className: "rfp-w-72 rfp-max-w-[80%] rfp-h-full rfp-bg-surface-overlay rfp-backdrop-blur-xl rfp-border-r rfp-border-line-weak rfp-flex rfp-flex-col rfp-shadow-2xl rfp-transition-transform rfp-duration-300",
193
- style: { transform: L ? "translateX(0)" : "translateX(-100%)" },
194
- children: [
195
- /* @__PURE__ */ N("div", { className: "rfp-flex rfp-items-center rfp-justify-between rfp-px-4 rfp-py-3 rfp-border-b rfp-border-line-weak rfp-flex-shrink-0", children: [
196
- /* @__PURE__ */ c("span", { className: "rfp-text-fg-primary rfp-font-medium rfp-text-sm", children: G("toolbar.toc") }),
197
- /* @__PURE__ */ c(
198
- "button",
199
- {
200
- onClick: () => g(!1),
201
- className: "rfp-text-fg-tertiary hover:rfp-text-fg-primary rfp-transition-colors",
202
- children: /* @__PURE__ */ c(hr, { className: "rfp-w-4 rfp-h-4" })
203
- }
204
- )
205
- ] }),
206
- /* @__PURE__ */ c("div", { className: "rfp-flex-1 rfp-overflow-y-auto rfp-py-4 rfp-px-1", children: er(B) })
207
- ]
208
- }
209
- ),
210
- /* @__PURE__ */ c(
211
- "div",
212
- {
213
- className: "rfp-flex-1 rfp-transition-opacity rfp-duration-300",
214
- style: { background: L ? "rgba(0,0,0,0.3)" : "transparent" },
215
- onClick: () => g(!1)
216
- }
217
- )
218
- ]
219
- }
220
- ),
221
- !H && /* @__PURE__ */ c(
222
- "div",
223
- {
224
- ref: w,
225
- className: "rfp-h-full rfp-bg-surface-toolbar rfp-shadow-lg",
226
- style: {
227
- width: V ? "100%" : `${xr}px`,
228
- maxWidth: "100%",
229
- transition: "width 0.3s ease",
230
- overflow: "hidden"
231
- }
232
- }
233
- )
234
- ] });
235
- }
236
- );
237
- export {
238
- Hr as EpubRenderer
239
- };
240
- //# sourceMappingURL=index-Dq-90KbM.mjs.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index-Dq-90KbM.mjs","sources":["../../src/renderers/Epub/index.tsx"],"sourcesContent":["import { useEffect, useRef, useState, useCallback, useImperativeHandle, forwardRef } from 'react';\nimport ePub from '@likecoin/epub-ts';\nimport { X } from 'lucide-react';\nimport { useTranslator } from '../../i18n/LocaleContext';\nimport { useFetcher } from '../../RequestContext';\nimport { RendererError } from '../RendererError';\n\n// 全局注入 epubjs 容器样式(只注入一次)\nif (typeof document !== 'undefined' && !document.getElementById('rfp-epub-styles')) {\n const styleEl = document.createElement('style');\n styleEl.id = 'rfp-epub-styles';\n styleEl.textContent = `\n .epub-container { overflow-y: auto !important; scrollbar-width: thin; }\n .epub-container::-webkit-scrollbar { width: 8px; }\n .epub-container::-webkit-scrollbar-track { background: transparent; }\n .epub-container::-webkit-scrollbar-thumb { background: rgba(0,0,0,0.15); border-radius: 4px; }\n .epub-container::-webkit-scrollbar-thumb:hover { background: rgba(0,0,0,0.3); }\n .epub-view > iframe { background: white; }\n `;\n document.head.appendChild(styleEl);\n}\n\nexport interface TocItem {\n label: string;\n href: string;\n subitems?: TocItem[];\n}\n\nexport interface EpubRendererHandle {\n prevPage: () => void;\n nextPage: () => void;\n toggleFullWidth: () => void;\n toggleToc: () => void;\n}\n\ninterface EpubRendererProps {\n url: string;\n onChapterChange?: (current: number, total: number) => void;\n onFullWidthChange?: (isFullWidth: boolean) => void;\n}\n\ninterface RenditionLike {\n display: (target?: string) => Promise<unknown>;\n next: () => Promise<unknown>;\n prev: () => Promise<unknown>;\n on: (event: string, cb: (...args: unknown[]) => void) => void;\n resize: (width: number, height: number) => void;\n currentLocation: () => unknown;\n destroy?: () => void;\n themes: {\n register: (name: string, styles: Record<string, unknown>) => void;\n select: (name: string) => void;\n };\n}\n\ninterface BookLike {\n ready: Promise<unknown>;\n loaded: { navigation: Promise<unknown> };\n locations: {\n generate: (chars: number) => Promise<string[]>;\n length: () => number;\n locationFromCfi: (cfi: string) => number;\n };\n renderTo: (el: HTMLElement, opts: Record<string, unknown>) => RenditionLike;\n destroy: () => void;\n}\n\nconst A4_WIDTH = 794;\n\nexport const EpubRenderer = forwardRef<EpubRendererHandle, EpubRendererProps>(\n ({ url, onChapterChange, onFullWidthChange }, ref) => {\n const t = useTranslator();\n const fetcher = useFetcher();\n const viewerRef = useRef<HTMLDivElement>(null);\n const bookRef = useRef<BookLike | null>(null);\n const renditionRef = useRef<RenditionLike | null>(null);\n const onChapterChangeRef = useRef(onChapterChange);\n const onFullWidthChangeRef = useRef(onFullWidthChange);\n onChapterChangeRef.current = onChapterChange;\n onFullWidthChangeRef.current = onFullWidthChange;\n\n const totalLocationsRef = useRef(0);\n const lastCfiRef = useRef<string | null>(null);\n const isFullWidthRef = useRef(false);\n\n const [loading, setLoading] = useState(true);\n const [error, setError] = useState<string | null>(null);\n const [isFullWidth, setIsFullWidth] = useState(false);\n const [toc, setToc] = useState<TocItem[]>([]);\n const [showToc, setShowToc] = useState(false);\n const [activeTocHref, setActiveTocHref] = useState<string>('');\n const tocRef = useRef<TocItem[]>([]);\n tocRef.current = toc;\n\n isFullWidthRef.current = isFullWidth;\n\n const handlePrev = useCallback(() => {\n renditionRef.current?.prev();\n }, []);\n\n const handleNext = useCallback(() => {\n renditionRef.current?.next();\n }, []);\n\n // 滚动监听:接近底部时强制触发 check 加载后续 section\n const scrollContainerRef = useRef<Element | null>(null);\n const scrollRafRef = useRef(0);\n\n const onScrollRef = useRef((_e?: Event) => {\n const container = scrollContainerRef.current;\n if (!container) return;\n const el = container as HTMLElement;\n const nearBottom = el.scrollTop + el.clientHeight >= el.scrollHeight - 200;\n if (nearBottom) {\n try {\n const mgr = (renditionRef.current as unknown as { manager?: { check?: (t?: number, e?: number) => Promise<unknown> } })?.manager;\n mgr?.check?.(500, 500);\n } catch { /* ignore */ }\n }\n });\n\n const reattachScrollListener = useCallback(() => {\n // 清理旧监听\n if (scrollContainerRef.current) {\n scrollContainerRef.current.removeEventListener('scroll', onScrollRef.current);\n scrollContainerRef.current = null;\n }\n cancelAnimationFrame(scrollRafRef.current);\n\n const tryAttach = () => {\n const container = viewerRef.current?.querySelector('.epub-container') ?? null;\n if (!container) {\n scrollRafRef.current = requestAnimationFrame(tryAttach);\n return;\n }\n scrollContainerRef.current = container;\n container.addEventListener('scroll', onScrollRef.current, { passive: true });\n };\n scrollRafRef.current = requestAnimationFrame(tryAttach);\n }, []);\n\n const toggleFullWidth = useCallback(() => {\n const newVal = !isFullWidthRef.current;\n setIsFullWidth(newVal);\n onFullWidthChangeRef.current?.(newVal);\n // 等 CSS transition 完成后再 resize 并恢复位置\n setTimeout(() => {\n const viewer = viewerRef.current;\n const rendition = renditionRef.current;\n if (!viewer || !rendition) return;\n rendition.resize(viewer.offsetWidth, viewer.offsetHeight);\n // 重排后恢复阅读位置\n if (lastCfiRef.current) {\n rendition.display(lastCfiRef.current);\n }\n // resize/display 可能重建 .epub-container,需要重新绑定滚动监听\n reattachScrollListener();\n }, 350);\n }, [reattachScrollListener]);\n\n const toggleToc = useCallback(() => {\n setShowToc(prev => !prev);\n }, []);\n\n const handleTocClick = useCallback((href: string) => {\n setActiveTocHref(href);\n renditionRef.current?.display(href);\n setShowToc(false);\n }, []);\n\n useImperativeHandle(ref, () => ({\n prevPage: handlePrev,\n nextPage: handleNext,\n toggleFullWidth,\n toggleToc,\n }), [handlePrev, handleNext, toggleFullWidth, toggleToc]);\n\n useEffect(() => {\n const viewer = viewerRef.current;\n // 只有 URL 有效时才加载(避免空字符串或已 revoke 的 blob URL)\n if (!viewer || !url) return;\n\n setLoading(true);\n setError(null);\n setToc([]);\n setShowToc(false);\n viewer.innerHTML = '';\n lastCfiRef.current = null;\n totalLocationsRef.current = 0;\n\n let cancelled = false;\n // StrictMode 下 effect 会立即 mount→unmount→mount\n // 用 microtask 延迟初始化,让第一次的 cleanup 先执行,避免 epubjs 内部状态被污染\n const loadTimer = window.setTimeout(() => {\n if (cancelled) return;\n load();\n }, 0);\n\n const load = async () => {\n try {\n let bookInput: string | ArrayBuffer = url;\n if (url.startsWith('blob:')) {\n const resp = await fetcher(url);\n bookInput = await resp.arrayBuffer();\n }\n\n const book = ePub(bookInput) as unknown as BookLike;\n bookRef.current = book;\n\n const rendition = book.renderTo(viewer, {\n manager: 'continuous',\n flow: 'scrolled',\n width: '100%',\n height: '100%',\n });\n renditionRef.current = rendition;\n\n rendition.themes.register('default', {\n body: {\n background: '#ffffff !important',\n color: '#1a1a1a !important',\n 'font-family': '\"Noto Serif SC\", \"Source Han Serif SC\", Georgia, \"Times New Roman\", serif !important',\n 'font-size': '16px !important',\n 'line-height': '2 !important',\n padding: '40px 60px !important',\n 'max-width': '100% !important',\n 'box-sizing': 'border-box !important',\n 'word-break': 'break-word !important',\n 'overflow-wrap': 'break-word !important',\n },\n p: { 'text-indent': '2em !important', margin: '0.8em 0 !important' },\n h1: { 'text-align': 'center !important', margin: '1.5em 0 1em !important' },\n h2: { margin: '1.2em 0 0.8em !important' },\n h3: { margin: '1em 0 0.6em !important' },\n img: { 'max-width': '100% !important', height: 'auto !important' },\n a: { color: '#2563eb !important', 'text-decoration': 'none !important' },\n });\n rendition.themes.select('default');\n\n await book.ready;\n\n // 异步生成 locations 索引(用于实时页数)\n book.locations.generate(1024).then(() => {\n if (cancelled) return;\n totalLocationsRef.current = book.locations.length();\n // 触发一次更新让父组件拿到 total\n const loc = renditionRef.current?.currentLocation() as { start?: { location?: number; cfi?: string } } | undefined;\n const cur = loc?.start?.location ?? 0;\n onChapterChangeRef.current?.(cur + 1, totalLocationsRef.current);\n }).catch(() => { /* ignore */ });\n\n // 获取目录\n const nav = await book.loaded.navigation as { toc?: TocItem[] };\n if (!cancelled && Array.isArray(nav?.toc)) {\n setToc(nav.toc);\n }\n\n await rendition.display();\n\n if (cancelled) return;\n\n setLoading(false);\n onChapterChangeRef.current?.(1, totalLocationsRef.current || 1);\n\n rendition.on('relocated', (location: unknown) => {\n const loc = location as { start?: { cfi?: string; location?: number; href?: string } };\n if (loc?.start?.cfi) {\n lastCfiRef.current = loc.start.cfi;\n }\n if (loc?.start?.href) {\n // 根据 spine href 查找匹配的 TOC 项\n const spineHref = loc.start.href;\n const matches: string[] = [];\n const collect = (items: TocItem[]) => {\n for (const item of items) {\n const base = item.href.split('#')[0];\n if (base && (spineHref === base || spineHref.endsWith('/' + base) || spineHref.endsWith(base))) {\n matches.push(item.href);\n }\n if (item.subitems) collect(item.subitems);\n }\n };\n collect(tocRef.current);\n if (matches.length === 1) {\n // 唯一匹配,直接设置\n setActiveTocHref(matches[0]);\n }\n // 多个匹配(同一文件不同 anchor)时保持当前选中(由点击设置)\n }\n const cur = loc?.start?.location;\n const total = totalLocationsRef.current;\n if (typeof cur === 'number' && total > 0) {\n onChapterChangeRef.current?.(cur + 1, total);\n }\n });\n\n } catch (err) {\n console.error('EPUB 加载错误:', err);\n if (!cancelled) {\n setError(t('epub.load_failed'));\n setLoading(false);\n }\n }\n };\n\n return () => {\n cancelled = true;\n window.clearTimeout(loadTimer);\n try { renditionRef.current?.destroy?.(); } catch { /* ignore */ }\n try { bookRef.current?.destroy(); } catch { /* ignore */ }\n renditionRef.current = null;\n bookRef.current = null;\n };\n }, [url]);\n\n useEffect(() => {\n const onResize = () => {\n const viewer = viewerRef.current;\n if (!viewer || !renditionRef.current) return;\n renditionRef.current.resize(viewer.offsetWidth, viewer.offsetHeight);\n };\n window.addEventListener('resize', onResize);\n return () => window.removeEventListener('resize', onResize);\n }, []);\n\n useEffect(() => {\n reattachScrollListener();\n return () => {\n cancelAnimationFrame(scrollRafRef.current);\n scrollContainerRef.current?.removeEventListener('scroll', onScrollRef.current);\n };\n }, [url, reattachScrollListener]);\n\n const isActive = useCallback((href: string) => {\n return href === activeTocHref;\n }, [activeTocHref]);\n\n const renderTocItems = (items: TocItem[], depth = 0) => (\n <ul style={{ marginLeft: depth > 0 ? 16 : 0 }}>\n {items.map((item, i) => {\n const active = isActive(item.href);\n return (\n <li key={`${item.href}-${i}`}>\n <button\n onClick={() => handleTocClick(item.href)}\n className={`rfp-w-full rfp-text-left rfp-py-2 rfp-px-3 rfp-text-sm rfp-rounded rfp-transition-all rfp-truncate ${active\n ? 'rfp-text-fg-primary rfp-bg-surface-3 rfp-font-medium'\n : 'rfp-text-fg-secondary hover:rfp-text-fg-primary hover:rfp-bg-surface-2'\n }`}\n title={item.label}\n >\n {item.label.trim()}\n </button>\n {item.subitems && item.subitems.length > 0 && renderTocItems(item.subitems, depth + 1)}\n </li>\n );\n })}\n </ul>\n );\n\n return (\n <div className=\"rfp-relative rfp-w-full rfp-h-full rfp-flex rfp-justify-center rfp-bg-surface-1 rfp-overflow-hidden\">\n {error && <RendererError message={error} />}\n\n {loading && !error && (\n <div className=\"rfp-absolute rfp-inset-0 rfp-flex rfp-items-center rfp-justify-center rfp-z-10\">\n <div className=\"rfp-w-12 rfp-h-12 rfp-border-4 rfp-border-line-strong rfp-border-t-spinner-head rfp-rounded-full rfp-animate-spin\" />\n </div>\n )}\n\n {/* 目录侧栏 - 滑入动画 */}\n {toc.length > 0 && (\n <div\n className=\"rfp-absolute rfp-inset-0 rfp-z-20 rfp-flex rfp-transition-opacity rfp-duration-300\"\n style={{\n opacity: showToc ? 1 : 0,\n pointerEvents: showToc ? 'auto' : 'none',\n }}\n >\n <div\n className=\"rfp-w-72 rfp-max-w-[80%] rfp-h-full rfp-bg-surface-overlay rfp-backdrop-blur-xl rfp-border-r rfp-border-line-weak rfp-flex rfp-flex-col rfp-shadow-2xl rfp-transition-transform rfp-duration-300\"\n style={{ transform: showToc ? 'translateX(0)' : 'translateX(-100%)' }}\n >\n <div className=\"rfp-flex rfp-items-center rfp-justify-between rfp-px-4 rfp-py-3 rfp-border-b rfp-border-line-weak rfp-flex-shrink-0\">\n <span className=\"rfp-text-fg-primary rfp-font-medium rfp-text-sm\">{t('toolbar.toc')}</span>\n <button\n onClick={() => setShowToc(false)}\n className=\"rfp-text-fg-tertiary hover:rfp-text-fg-primary rfp-transition-colors\"\n >\n <X className=\"rfp-w-4 rfp-h-4\" />\n </button>\n </div>\n <div className=\"rfp-flex-1 rfp-overflow-y-auto rfp-py-4 rfp-px-1\">\n {renderTocItems(toc)}\n </div>\n </div>\n <div\n className=\"rfp-flex-1 rfp-transition-opacity rfp-duration-300\"\n style={{ background: showToc ? 'rgba(0,0,0,0.3)' : 'transparent' }}\n onClick={() => setShowToc(false)}\n />\n </div>\n )}\n\n {!error && (\n <div\n ref={viewerRef}\n className=\"rfp-h-full rfp-bg-surface-toolbar rfp-shadow-lg\"\n style={{\n width: isFullWidth ? '100%' : `${A4_WIDTH}px`,\n maxWidth: '100%',\n transition: 'width 0.3s ease',\n overflow: 'hidden',\n }}\n />\n )}\n </div>\n );\n }\n);\n"],"names":["styleEl","A4_WIDTH","EpubRenderer","forwardRef","url","onChapterChange","onFullWidthChange","ref","t","useTranslator","fetcher","useFetcher","viewerRef","useRef","bookRef","renditionRef","onChapterChangeRef","onFullWidthChangeRef","totalLocationsRef","lastCfiRef","isFullWidthRef","loading","setLoading","useState","error","setError","isFullWidth","setIsFullWidth","toc","setToc","showToc","setShowToc","activeTocHref","setActiveTocHref","tocRef","handlePrev","useCallback","_a","handleNext","scrollContainerRef","scrollRafRef","onScrollRef","_e","container","el","mgr","_b","reattachScrollListener","tryAttach","toggleFullWidth","newVal","viewer","rendition","toggleToc","prev","handleTocClick","href","useImperativeHandle","useEffect","cancelled","loadTimer","load","bookInput","book","ePub","loc","cur","_c","nav","location","spineHref","matches","collect","items","item","base","total","_d","err","onResize","isActive","renderTocItems","depth","jsx","i","active","jsxs","RendererError","X"],"mappings":"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"}
@@ -1,114 +0,0 @@
1
- import { jsx as n, jsxs as g } from "react/jsx-runtime";
2
- import { useState as y, useRef as x, useEffect as h } from "react";
3
- import w from "video.js";
4
- import { u as k } from "./index--lXiT1Y_.mjs";
5
- import { R as T } from "./RendererError-BH6fzLrN.mjs";
6
- const E = /* @__PURE__ */ new Set(["avi", "wmv", "flv"]), j = (r) => {
7
- var o;
8
- const s = ((o = r.split(".").pop()) == null ? void 0 : o.toLowerCase().split("?")[0]) || "";
9
- return {
10
- mp4: "video/mp4",
11
- webm: "video/webm",
12
- ogg: "video/ogg",
13
- ogv: "video/ogg",
14
- mov: "video/quicktime",
15
- // MOV 使用 QuickTime MIME 类型
16
- avi: "video/x-msvideo",
17
- mkv: "video/x-matroska",
18
- m4v: "video/mp4",
19
- "3gp": "video/3gpp",
20
- flv: "video/x-flv"
21
- }[s] || "video/mp4";
22
- }, R = (r, s) => {
23
- var o;
24
- return ((o = (s || r).split(".").pop()) == null ? void 0 : o.toLowerCase().split("?")[0]) || "";
25
- }, V = ({ url: r, fileName: s }) => {
26
- const e = k(), [o, p] = y(null), [b, d] = y(!0), f = x(null), a = x(null);
27
- return h(() => {
28
- const i = R(r, s);
29
- if (E.has(i)) {
30
- p({
31
- title: e("video.unsupported_title"),
32
- detail: e("video.unsupported_detail", { format: i.toUpperCase() })
33
- }), d(!1);
34
- return;
35
- }
36
- if (!a.current && f.current) {
37
- const c = document.createElement("video-js");
38
- c.classList.add("vjs-big-play-centered", "vjs-theme-apple"), f.current.appendChild(c);
39
- const u = j(r);
40
- let m;
41
- u === "video/quicktime" ? m = [
42
- { src: r, type: "video/quicktime" },
43
- { src: r, type: "video/mp4" }
44
- ] : m = [{ src: r, type: u }];
45
- const l = w(c, {
46
- controls: !0,
47
- fill: !0,
48
- preload: "auto",
49
- controlBar: {
50
- children: [
51
- "playToggle",
52
- "volumePanel",
53
- "currentTimeDisplay",
54
- "timeDivider",
55
- "durationDisplay",
56
- "progressControl",
57
- "remainingTimeDisplay",
58
- "fullscreenToggle"
59
- ],
60
- volumePanel: {
61
- inline: !1
62
- }
63
- },
64
- html5: {
65
- vhs: {
66
- overrideNative: !0
67
- },
68
- nativeVideoTracks: !1,
69
- nativeAudioTracks: !1,
70
- nativeTextTracks: !1
71
- },
72
- sources: m
73
- }), v = l.el().querySelector("video");
74
- v && (v.style.objectFit = "contain"), l.on("loadeddata", () => {
75
- d(!1);
76
- }), l.on("error", () => {
77
- const t = l.error();
78
- console.warn("[VideoRenderer] Video playback error:", (t == null ? void 0 : t.message) || "Unknown error"), (t == null ? void 0 : t.code) === 4 ? p({
79
- title: e("video.unsupported_title"),
80
- detail: e("video.unsupported_detail", {
81
- format: i ? i.toUpperCase() : e("common.unknown_error")
82
- })
83
- }) : p({
84
- title: e("video.load_failed"),
85
- detail: (t == null ? void 0 : t.message) || e("common.unknown_error")
86
- }), d(!1);
87
- }), a.current = l;
88
- }
89
- }, [r, s, e]), h(() => {
90
- const i = a.current;
91
- return () => {
92
- i && !i.isDisposed() && (i.dispose(), a.current = null);
93
- };
94
- }, []), o ? /* @__PURE__ */ n(T, { message: o.title, detail: o.detail }) : /* @__PURE__ */ n("div", { className: "rfp-flex rfp-items-center rfp-justify-center rfp-w-full rfp-h-full", children: /* @__PURE__ */ g("div", { className: "rfp-w-full rfp-h-full rfp-relative", children: [
95
- b && /* @__PURE__ */ n("div", { className: "rfp-absolute rfp-inset-0 rfp-flex rfp-items-center rfp-justify-center rfp-bg-surface-3 rfp-backdrop-blur-sm rfp-z-10", children: /* @__PURE__ */ g("div", { className: "rfp-text-center", children: [
96
- /* @__PURE__ */ n("div", { className: "rfp-w-12 rfp-h-12 rfp-mx-auto rfp-mb-3 rfp-border-3 rfp-border-line-strong rfp-border-t-spinner-head rfp-rounded-full rfp-animate-spin" }),
97
- /* @__PURE__ */ n("p", { className: "rfp-text-sm rfp-text-fg-secondary rfp-font-medium", children: e("video.loading") })
98
- ] }) }),
99
- /* @__PURE__ */ n(
100
- "div",
101
- {
102
- ref: f,
103
- className: "rfp-overflow-hidden rfp-w-full rfp-h-full [&_video]:rfp-object-contain",
104
- style: {
105
- boxShadow: "0 20px 60px rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(255, 255, 255, 0.05)"
106
- }
107
- }
108
- )
109
- ] }) });
110
- };
111
- export {
112
- V as VideoRenderer
113
- };
114
- //# sourceMappingURL=index-Go2oJfny.mjs.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index-Go2oJfny.mjs","sources":["../../src/renderers/Video/index.tsx"],"sourcesContent":["import { useRef, useEffect, useState } from 'react';\nimport videojs from 'video.js';\nimport 'video.js/dist/video-js.css';\nimport { useTranslator } from '../../i18n/LocaleContext';\nimport { RendererError } from '../RendererError';\n\ntype VideoJsPlayer = ReturnType<typeof videojs>;\n\ninterface VideoRendererProps {\n url: string;\n fileName?: string;\n}\n\n// 浏览器原生不支持的视频容器(无论编码,<video> 都无法播放)\n// — 这些扩展名直接短路 videojs 初始化,给出明确提示\nconst BROWSER_UNSUPPORTED_EXTS = new Set(['avi', 'wmv', 'flv']);\n\n// 根据 URL 获取视频 MIME 类型\nconst getVideoType = (url: string): string => {\n const ext = url.split('.').pop()?.toLowerCase().split('?')[0] || '';\n const typeMap: Record<string, string> = {\n mp4: 'video/mp4',\n webm: 'video/webm',\n ogg: 'video/ogg',\n ogv: 'video/ogg',\n mov: 'video/quicktime', // MOV 使用 QuickTime MIME 类型\n avi: 'video/x-msvideo',\n mkv: 'video/x-matroska',\n m4v: 'video/mp4',\n '3gp': 'video/3gpp',\n flv: 'video/x-flv',\n };\n return typeMap[ext] || 'video/mp4';\n};\n\n// 获取视频文件扩展名(优先用文件名,blob/HTTP URL 都拿不到真扩展名)\nconst getVideoExt = (url: string, fileName?: string): string => {\n const source = fileName || url;\n return source.split('.').pop()?.toLowerCase().split('?')[0] || '';\n};\n\ninterface ErrorState {\n title: string;\n detail: string;\n}\n\nexport const VideoRenderer: React.FC<VideoRendererProps> = ({ url, fileName }) => {\n const t = useTranslator();\n const [error, setError] = useState<ErrorState | null>(null);\n const [isLoading, setIsLoading] = useState(true);\n const videoRef = useRef<HTMLDivElement>(null);\n const playerRef = useRef<VideoJsPlayer | null>(null);\n\n useEffect(() => {\n const videoExt = getVideoExt(url, fileName);\n\n // 已知浏览器不支持的容器:跳过 videojs 初始化,直接展示友好提示\n if (BROWSER_UNSUPPORTED_EXTS.has(videoExt)) {\n setError({\n title: t('video.unsupported_title'),\n detail: t('video.unsupported_detail', { format: videoExt.toUpperCase() }),\n });\n setIsLoading(false);\n return;\n }\n\n // 确保 Video.js 播放器只初始化一次\n if (!playerRef.current && videoRef.current) {\n const videoElement = document.createElement('video-js');\n videoElement.classList.add('vjs-big-play-centered', 'vjs-theme-apple');\n videoRef.current.appendChild(videoElement);\n\n const videoType = getVideoType(url);\n\n // 为特定格式提供多个 MIME 类型作为备用\n let sources: Array<{ src: string; type: string }>;\n\n if (videoType === 'video/quicktime') {\n // MOV 格式 fallback\n sources = [\n { src: url, type: 'video/quicktime' },\n { src: url, type: 'video/mp4' }\n ];\n } else {\n sources = [{ src: url, type: videoType }];\n }\n\n const player = videojs(videoElement, {\n controls: true,\n fill: true,\n preload: 'auto',\n controlBar: {\n children: [\n 'playToggle',\n 'volumePanel',\n 'currentTimeDisplay',\n 'timeDivider',\n 'durationDisplay',\n 'progressControl',\n 'remainingTimeDisplay',\n 'fullscreenToggle'\n ],\n volumePanel: {\n inline: false\n }\n },\n html5: {\n vhs: {\n overrideNative: true\n },\n nativeVideoTracks: false,\n nativeAudioTracks: false,\n nativeTextTracks: false\n },\n sources\n });\n\n // 确保视频保持比例\n const videoEl = player.el().querySelector('video');\n if (videoEl) {\n (videoEl as HTMLVideoElement).style.objectFit = 'contain';\n }\n\n // 监听加载完成\n player.on('loadeddata', () => {\n setIsLoading(false);\n });\n\n player.on('error', () => {\n const err = player.error();\n // 视频加载错误是正常情况(格式不支持、编解码器缺失等),用 warn 级别记录\n console.warn('[VideoRenderer] Video playback error:', err?.message || 'Unknown error');\n\n // MEDIA_ERR_SRC_NOT_SUPPORTED(code=4):编码或容器层面浏览器解不了\n if (err?.code === 4) {\n setError({\n title: t('video.unsupported_title'),\n detail: t('video.unsupported_detail', {\n format: videoExt ? videoExt.toUpperCase() : t('common.unknown_error'),\n }),\n });\n } else {\n setError({\n title: t('video.load_failed'),\n detail: err?.message || t('common.unknown_error'),\n });\n }\n setIsLoading(false);\n });\n\n playerRef.current = player;\n }\n }, [url, fileName, t]);\n\n // 清理函数\n useEffect(() => {\n const player = playerRef.current;\n\n return () => {\n if (player && !player.isDisposed()) {\n player.dispose();\n playerRef.current = null;\n }\n };\n }, []);\n\n if (error) {\n return <RendererError message={error.title} detail={error.detail} />;\n }\n\n return (\n <div className=\"rfp-flex rfp-items-center rfp-justify-center rfp-w-full rfp-h-full\">\n <div className=\"rfp-w-full rfp-h-full rfp-relative\">\n {/* 加载状态 */}\n {isLoading && (\n <div className=\"rfp-absolute rfp-inset-0 rfp-flex rfp-items-center rfp-justify-center rfp-bg-surface-3 rfp-backdrop-blur-sm rfp-z-10\">\n <div className=\"rfp-text-center\">\n <div className=\"rfp-w-12 rfp-h-12 rfp-mx-auto rfp-mb-3 rfp-border-3 rfp-border-line-strong rfp-border-t-spinner-head rfp-rounded-full rfp-animate-spin\" />\n <p className=\"rfp-text-sm rfp-text-fg-secondary rfp-font-medium\">{t('video.loading')}</p>\n </div>\n </div>\n )}\n\n {/* 视频播放器容器 */}\n <div\n ref={videoRef}\n className=\"rfp-overflow-hidden rfp-w-full rfp-h-full [&_video]:rfp-object-contain\"\n style={{\n boxShadow: '0 20px 60px rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(255, 255, 255, 0.05)'\n }}\n />\n </div>\n </div>\n );\n};\n"],"names":["BROWSER_UNSUPPORTED_EXTS","getVideoType","url","ext","_a","getVideoExt","fileName","VideoRenderer","t","useTranslator","error","setError","useState","isLoading","setIsLoading","videoRef","useRef","playerRef","useEffect","videoExt","videoElement","videoType","sources","player","videojs","videoEl","err","RendererError","jsxs","jsx"],"mappings":"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"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"index-d8Bt4gIX.mjs","sources":["../../src/hooks/useAudioPlayer.ts","../../src/renderers/Audio/index.tsx"],"sourcesContent":["import { useState, useRef, useEffect, useCallback } from 'react';\n\ninterface UseAudioPlayerOptions {\n url: string;\n skipSeconds?: number;\n}\n\ninterface UseAudioPlayerReturn {\n audioRef: React.RefObject<HTMLAudioElement>;\n isPlaying: boolean;\n isLoading: boolean;\n isLoop: boolean;\n currentTime: number;\n duration: number;\n volume: number;\n isMuted: boolean;\n error: string | null;\n togglePlay: () => void;\n seek: (time: number) => void;\n skip: (seconds: number) => void;\n setVolume: (vol: number) => void;\n toggleMute: () => void;\n toggleLoop: () => void;\n formatTime: (time: number) => string;\n}\n\nexport function useAudioPlayer({\n url,\n}: UseAudioPlayerOptions): UseAudioPlayerReturn {\n const audioRef = useRef<HTMLAudioElement>(null);\n const [isPlaying, setIsPlaying] = useState(false);\n const [isLoading, setIsLoading] = useState(true);\n const [currentTime, setCurrentTime] = useState(0);\n const [duration, setDuration] = useState(0);\n const [volume, setVolumeState] = useState(1);\n const [isMuted, setIsMuted] = useState(false);\n const [isLoop, setIsLoop] = useState(false);\n const [error, setError] = useState<string | null>(null);\n\n useEffect(() => {\n const audio = audioRef.current;\n if (!audio) return;\n\n // 重置加载状态\n setIsLoading(true);\n setError(null);\n\n const onTimeUpdate = () => {\n if (!isNaN(audio.currentTime)) {\n setCurrentTime(audio.currentTime);\n }\n };\n\n const onDurationChange = () => {\n if (!isNaN(audio.duration) && isFinite(audio.duration)) {\n setDuration(audio.duration);\n }\n };\n\n const onCanPlay = () => {\n setIsLoading(false);\n onDurationChange();\n };\n\n const onWaiting = () => setIsLoading(true);\n const onPlaying = () => {\n setIsLoading(false);\n setIsPlaying(true);\n };\n\n // 由 audio 事件驱动播放状态,而非手动设置\n const onPlay = () => setIsPlaying(true);\n const onPause = () => setIsPlaying(false);\n const onEnded = () => setIsPlaying(false);\n\n const onError = () => {\n setError('音频加载失败');\n setIsLoading(false);\n };\n\n audio.addEventListener('timeupdate', onTimeUpdate);\n audio.addEventListener('loadedmetadata', onDurationChange);\n audio.addEventListener('durationchange', onDurationChange);\n audio.addEventListener('canplay', onCanPlay);\n audio.addEventListener('waiting', onWaiting);\n audio.addEventListener('playing', onPlaying);\n audio.addEventListener('play', onPlay);\n audio.addEventListener('pause', onPause);\n audio.addEventListener('ended', onEnded);\n audio.addEventListener('error', onError);\n\n // 如果 audio 已经就绪\n if (audio.readyState >= 3) {\n setIsLoading(false);\n onDurationChange();\n } else if (audio.readyState >= 1) {\n onDurationChange();\n }\n\n return () => {\n audio.removeEventListener('timeupdate', onTimeUpdate);\n audio.removeEventListener('loadedmetadata', onDurationChange);\n audio.removeEventListener('durationchange', onDurationChange);\n audio.removeEventListener('canplay', onCanPlay);\n audio.removeEventListener('waiting', onWaiting);\n audio.removeEventListener('playing', onPlaying);\n audio.removeEventListener('play', onPlay);\n audio.removeEventListener('pause', onPause);\n audio.removeEventListener('ended', onEnded);\n audio.removeEventListener('error', onError);\n };\n }, [url]);\n\n const togglePlay = useCallback(() => {\n const audio = audioRef.current;\n if (!audio) return;\n\n if (audio.paused) {\n audio.play().catch(() => {\n // 浏览器自动播放策略拒绝\n });\n } else {\n audio.pause();\n }\n }, []);\n\n const seek = useCallback((time: number) => {\n const audio = audioRef.current;\n if (!audio) return;\n audio.currentTime = time;\n setCurrentTime(time);\n }, []);\n\n const skip = useCallback(\n (seconds: number) => {\n const audio = audioRef.current;\n if (!audio) return;\n audio.currentTime = Math.max(\n 0,\n Math.min(audio.currentTime + seconds, audio.duration || Infinity)\n );\n },\n []\n );\n\n const setVolume = useCallback((vol: number) => {\n const audio = audioRef.current;\n if (!audio) return;\n const clamped = Math.max(0, Math.min(1, vol));\n audio.volume = clamped;\n setVolumeState(clamped);\n if (clamped > 0) {\n audio.muted = false;\n setIsMuted(false);\n }\n }, []);\n\n const toggleMute = useCallback(() => {\n const audio = audioRef.current;\n if (!audio) return;\n audio.muted = !audio.muted;\n setIsMuted(audio.muted);\n }, []);\n\n const toggleLoop = useCallback(() => {\n const audio = audioRef.current;\n if (!audio) return;\n const next = !audio.loop;\n audio.loop = next;\n setIsLoop(next);\n }, []);\n\n const formatTime = useCallback((time: number) => {\n if (!isFinite(time) || isNaN(time) || time < 0) return '0:00';\n const minutes = Math.floor(time / 60);\n const seconds = Math.floor(time % 60);\n return `${minutes}:${seconds.toString().padStart(2, '0')}`;\n }, []);\n\n return {\n audioRef,\n isPlaying,\n isLoading,\n isLoop,\n currentTime,\n duration,\n volume,\n isMuted,\n error,\n togglePlay,\n seek,\n skip,\n setVolume,\n toggleMute,\n toggleLoop,\n formatTime,\n };\n}\n","import { useState, useRef, useEffect } from 'react';\nimport { motion, AnimatePresence } from 'framer-motion';\nimport { Play, Pause, Volume2, VolumeX, Volume1, SkipBack, SkipForward, Repeat } from 'lucide-react';\nimport { useAudioPlayer } from '../../hooks/useAudioPlayer';\nimport { useTranslator } from '../../i18n/LocaleContext';\nimport { RendererError } from '../RendererError';\n\n/** 文本溢出时自动横向滚动 */\nconst MarqueeText: React.FC<{\n text: string;\n className?: string;\n style?: React.CSSProperties;\n}> = ({ text, className = '', style }) => {\n const containerRef = useRef<HTMLDivElement>(null);\n const innerRef = useRef<HTMLDivElement>(null);\n const [overflow, setOverflow] = useState(false);\n const [scrollDist, setScrollDist] = useState(0);\n\n useEffect(() => {\n const check = () => {\n const container = containerRef.current;\n const inner = innerRef.current;\n if (!container || !inner) return;\n const cw = container.clientWidth;\n const tw = inner.scrollWidth;\n setOverflow(tw > cw);\n setScrollDist(tw);\n };\n check();\n const observer = new ResizeObserver(check);\n if (containerRef.current) observer.observe(containerRef.current);\n return () => observer.disconnect();\n }, [text]);\n\n const gap = 60;\n const totalScroll = scrollDist + gap;\n const dur = totalScroll / 40;\n\n return (\n <div\n ref={containerRef}\n className={`rfp-overflow-hidden rfp-whitespace-nowrap ${className}`}\n style={style}\n >\n {overflow ? (\n <motion.div\n className=\"rfp-inline-flex rfp-whitespace-nowrap\"\n animate={{ x: [0, -totalScroll] }}\n transition={{ duration: dur, repeat: Infinity, ease: 'linear', repeatDelay: 1.5 }}\n >\n <span>{text}</span>\n <span style={{ width: gap }} className=\"rfp-inline-block\" />\n <span>{text}</span>\n </motion.div>\n ) : null}\n {/* 始终渲染用于测量的隐藏层 */}\n <div\n ref={innerRef}\n className=\"rfp-whitespace-nowrap\"\n style={overflow ? { position: 'absolute', visibility: 'hidden', pointerEvents: 'none' } : undefined}\n >\n {text}\n </div>\n </div>\n );\n};\n\n/** SVG 唱臂组件 */\nconst Tonearm: React.FC<{ isPlaying: boolean }> = ({ isPlaying }) => (\n <motion.div\n className=\"rfp-absolute\"\n style={{\n top: '-6px',\n right: '2px',\n width: '100px',\n height: '120px',\n transformOrigin: '76px 16px',\n zIndex: 5,\n }}\n animate={{ rotate: isPlaying ? 16 : 0 }}\n transition={{ duration: 0.8, ease: [0.4, 0, 0.2, 1] }}\n >\n <svg\n width=\"100\"\n height=\"120\"\n viewBox=\"0 0 100 120\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n {/* 底座阴影 */}\n <circle cx=\"76\" cy=\"16\" r=\"13\" fill=\"rgba(0,0,0,0.3)\" />\n {/* 底座外圈 */}\n <circle cx=\"76\" cy=\"16\" r=\"11\" fill=\"url(#baseGrad)\" />\n {/* 底座内圈 */}\n <circle cx=\"76\" cy=\"16\" r=\"6\" fill=\"url(#baseInnerGrad)\" />\n {/* 底座中心轴 */}\n <circle cx=\"76\" cy=\"16\" r=\"2.5\" fill=\"#222\" stroke=\"#555\" strokeWidth=\"0.5\" />\n\n {/* 臂杆 */}\n <path\n d=\"M74 22 L56 88\"\n stroke=\"url(#armGrad)\"\n strokeWidth=\"3.5\"\n strokeLinecap=\"round\"\n />\n {/* 臂杆高光 */}\n <path\n d=\"M74.8 22 L56.8 88\"\n stroke=\"rgba(255,255,255,0.06)\"\n strokeWidth=\"1\"\n strokeLinecap=\"round\"\n />\n\n {/* 唱头座 (Headshell) */}\n <rect x=\"50\" y=\"86\" width=\"12\" height=\"7\" rx=\"1.5\" fill=\"url(#headGrad)\" />\n {/* 唱头 (Cartridge) */}\n <rect x=\"52.5\" y=\"92\" width=\"7\" height=\"9\" rx=\"1\" fill=\"url(#cartridgeGrad)\" />\n {/* 唱针 (Stylus) */}\n <line x1=\"56\" y1=\"101\" x2=\"56\" y2=\"105\" stroke=\"#bbb\" strokeWidth=\"1.2\" strokeLinecap=\"round\" />\n <circle cx=\"56\" cy=\"105.5\" r=\"0.8\" fill=\"#ddd\" />\n\n {/* 渐变定义 */}\n <defs>\n <radialGradient id=\"baseGrad\" cx=\"40%\" cy=\"35%\">\n <stop offset=\"0%\" stopColor=\"#555\" />\n <stop offset=\"100%\" stopColor=\"#1a1a1a\" />\n </radialGradient>\n <radialGradient id=\"baseInnerGrad\" cx=\"40%\" cy=\"35%\">\n <stop offset=\"0%\" stopColor=\"#666\" />\n <stop offset=\"100%\" stopColor=\"#333\" />\n </radialGradient>\n <linearGradient id=\"armGrad\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\n <stop offset=\"0%\" stopColor=\"#555\" />\n <stop offset=\"50%\" stopColor=\"#444\" />\n <stop offset=\"100%\" stopColor=\"#333\" />\n </linearGradient>\n <linearGradient id=\"headGrad\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\n <stop offset=\"0%\" stopColor=\"#555\" />\n <stop offset=\"100%\" stopColor=\"#333\" />\n </linearGradient>\n <linearGradient id=\"cartridgeGrad\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\n <stop offset=\"0%\" stopColor=\"#444\" />\n <stop offset=\"100%\" stopColor=\"#222\" />\n </linearGradient>\n </defs>\n </svg>\n </motion.div>\n);\n\ninterface AudioRendererProps {\n url: string;\n fileName: string;\n}\n\nexport const AudioRenderer: React.FC<AudioRendererProps> = ({ url, fileName }) => {\n const t = useTranslator();\n const {\n audioRef,\n isPlaying,\n isLoading,\n isLoop,\n currentTime,\n duration,\n volume,\n isMuted,\n error,\n togglePlay,\n seek,\n skip,\n setVolume,\n toggleMute,\n toggleLoop,\n formatTime,\n } = useAudioPlayer({ url });\n\n const [showVolume, setShowVolume] = useState(false);\n const volumeRef = useRef<HTMLDivElement>(null);\n const volumeTimerRef = useRef<ReturnType<typeof setTimeout>>();\n\n const progress = duration > 0 ? currentTime / duration : 0;\n\n useEffect(() => {\n const handleClickOutside = (e: MouseEvent) => {\n if (volumeRef.current && !volumeRef.current.contains(e.target as Node)) {\n setShowVolume(false);\n }\n };\n if (showVolume) {\n document.addEventListener('mousedown', handleClickOutside);\n }\n return () => document.removeEventListener('mousedown', handleClickOutside);\n }, [showVolume]);\n\n const handleVolumeEnter = () => {\n clearTimeout(volumeTimerRef.current);\n setShowVolume(true);\n };\n\n const handleVolumeLeave = () => {\n volumeTimerRef.current = setTimeout(() => setShowVolume(false), 300);\n };\n\n const VolumeIcon = isMuted || volume === 0 ? VolumeX : volume < 0.5 ? Volume1 : Volume2;\n\n if (error) {\n return <RendererError message={error} />;\n }\n\n return (\n <div className=\"rfp-flex rfp-flex-col rfp-items-center rfp-justify-center rfp-w-full rfp-h-full rfp-p-4 md:rfp-p-8 rfp-gap-5 md:rfp-gap-8 rfp-select-none\">\n {/* 唱片机整体 */}\n <div className=\"rfp-relative\" style={{ width: '260px', height: '240px' }}>\n {/* 外圈光晕 */}\n <motion.div\n className=\"rfp-absolute rfp-rounded-full\"\n style={{\n width: '220px',\n height: '220px',\n top: '18px',\n left: '8px',\n background: 'radial-gradient(circle, rgba(129,140,248,0.12) 0%, transparent 70%)',\n }}\n animate={isPlaying ? { scale: [1, 1.08, 1], opacity: [0.5, 1, 0.5] } : { scale: 1, opacity: 0.2 }}\n transition={isPlaying ? { duration: 3, repeat: Infinity, ease: 'easeInOut' } : { duration: 0.5 }}\n />\n\n {/* 唱片主体 */}\n <div\n className=\"rfp-absolute rfp-rounded-full rfp-overflow-hidden\"\n style={{\n width: '200px',\n height: '200px',\n top: '28px',\n left: '18px',\n background: `\n radial-gradient(circle at center, transparent 95%, rgba(30,30,30,0.8) 95.5%, #111 97%),\n radial-gradient(circle at center, transparent 38%, rgba(50,50,50,0.5) 38.15%, transparent 38.4%),\n radial-gradient(circle at center, transparent 45%, rgba(50,50,50,0.3) 45.15%, transparent 45.4%),\n radial-gradient(circle at center, transparent 52%, rgba(50,50,50,0.5) 52.15%, transparent 52.4%),\n radial-gradient(circle at center, transparent 59%, rgba(50,50,50,0.3) 59.15%, transparent 59.4%),\n radial-gradient(circle at center, transparent 66%, rgba(50,50,50,0.5) 66.15%, transparent 66.4%),\n radial-gradient(circle at center, transparent 73%, rgba(50,50,50,0.3) 73.15%, transparent 73.4%),\n radial-gradient(circle at center, transparent 80%, rgba(50,50,50,0.4) 80.15%, transparent 80.4%),\n radial-gradient(circle at center, transparent 87%, rgba(50,50,50,0.3) 87.15%, transparent 87.4%),\n conic-gradient(from 0deg, #1c1c1c, #232323, #1a1a1a, #262626, #1c1c1c, #212121, #1a1a1a, #252525, #1c1c1c, #232323, #1a1a1a, #262626, #1c1c1c)\n `,\n boxShadow: isPlaying\n ? '0 0 36px rgba(129,140,248,0.1), 0 8px 32px rgba(0,0,0,0.4), inset 0 0 20px rgba(0,0,0,0.4)'\n : '0 8px 32px rgba(0,0,0,0.4), inset 0 0 20px rgba(0,0,0,0.4)',\n animation: 'rfp-vinyl-spin 8s linear infinite',\n animationPlayState: isPlaying ? 'running' : 'paused',\n }}\n >\n {/* 中心标签 */}\n <div\n className=\"rfp-absolute rfp-rounded-full\"\n style={{\n width: '34%',\n height: '34%',\n top: '33%',\n left: '33%',\n background: 'radial-gradient(circle at 40% 38%, #818cf8, #6366f1, #4f46e5, #4338ca)',\n boxShadow: 'inset 0 1px 3px rgba(255,255,255,0.25), inset 0 -1px 3px rgba(0,0,0,0.3), 0 0 8px rgba(0,0,0,0.3)',\n }}\n >\n <div\n className=\"rfp-absolute rfp-inset-0 rfp-rounded-full rfp-opacity-20\"\n style={{\n background: `\n radial-gradient(circle at center, transparent 30%, rgba(0,0,0,0.3) 31%, transparent 32%),\n radial-gradient(circle at center, transparent 50%, rgba(0,0,0,0.2) 51%, transparent 52%),\n radial-gradient(circle at center, transparent 70%, rgba(0,0,0,0.3) 71%, transparent 72%),\n radial-gradient(circle at center, transparent 88%, rgba(0,0,0,0.2) 89%, transparent 90%)\n `,\n }}\n />\n <div\n className=\"rfp-absolute rfp-rounded-full\"\n style={{\n width: '14%',\n height: '14%',\n top: '43%',\n left: '43%',\n background: 'radial-gradient(circle at 40% 40%, #333, #0d0d0d)',\n boxShadow: 'inset 0 1px 3px rgba(0,0,0,0.9), 0 0 2px rgba(0,0,0,0.5)',\n }}\n />\n </div>\n\n {isLoading && (\n <motion.div\n className=\"rfp-absolute rfp-inset-0 rfp-rounded-full\"\n style={{ border: '2px solid rgba(129,140,248,0.3)' }}\n animate={{ scale: [1, 1.02, 1], opacity: [0.3, 0.6, 0.3] }}\n transition={{ duration: 1.5, repeat: Infinity }}\n />\n )}\n </div>\n\n {/* 唱臂 */}\n <Tonearm isPlaying={isPlaying} />\n </div>\n\n {/* 文件名 */}\n <div className=\"rfp-text-center rfp-max-w-sm md:rfp-max-w-md rfp-px-4\">\n <MarqueeText\n text={fileName}\n className=\"rfp-text-lg md:rfp-text-xl rfp-font-medium rfp-mb-1 rfp-text-fg-primary\"\n />\n <p className=\"rfp-text-xs rfp-tracking-widest rfp-uppercase rfp-text-accent\">\n Audio\n </p>\n </div>\n\n {/* 控制面板 */}\n <div\n className=\"rfp-w-full rfp-max-w-sm md:rfp-max-w-md rfp-rounded-2xl rfp-p-4 md:rfp-p-6 rfp-border rfp-bg-surface-1 rfp-border-line-weak\"\n style={{ backdropFilter: 'blur(16px)' }}\n >\n {/* 进度条 */}\n <div className=\"rfp-mb-5\">\n <div className=\"rfp-relative rfp-h-4 rfp-flex rfp-items-center\">\n <div className=\"rfp-absolute rfp-w-full rfp-h-[5px] rfp-rounded-full rfp-bg-surface-2\" />\n <div\n className=\"rfp-absolute rfp-h-[5px] rfp-rounded-full rfp-pointer-events-none\"\n style={{\n width: `${progress * 100}%`,\n background: 'linear-gradient(90deg, var(--fp-accent), var(--fp-accent-hover))',\n boxShadow: isPlaying ? '0 0 8px rgba(129,140,248,0.4)' : 'none',\n transition: 'width 0.1s linear',\n }}\n />\n <input\n type=\"range\"\n min=\"0\"\n max={duration > 0 ? duration : currentTime || 100}\n step=\"any\"\n value={currentTime}\n onChange={(e) => seek(parseFloat(e.target.value))}\n disabled={duration <= 0}\n aria-label={t('audio.aria.progress')}\n className=\"audio-slider rfp-absolute rfp-w-full\"\n />\n </div>\n <div className=\"rfp-flex rfp-justify-between rfp-text-xs rfp-mt-2.5 rfp-text-fg-tertiary\">\n <span style={{ fontVariantNumeric: 'tabular-nums' }}>{formatTime(currentTime)}</span>\n <span style={{ fontVariantNumeric: 'tabular-nums' }}>{duration > 0 ? formatTime(duration) : '--:--'}</span>\n </div>\n </div>\n\n {/* 控制按钮 */}\n <div className=\"rfp-flex rfp-items-center rfp-justify-center rfp-gap-3\">\n {/* 循环 */}\n <motion.button\n onClick={toggleLoop}\n whileHover={{ scale: 1.1 }}\n whileTap={{ scale: 0.92 }}\n aria-label={isLoop ? t('audio.aria.loop_off') : t('audio.aria.loop_on')}\n className={`rfp-w-9 rfp-h-9 rfp-rounded-full rfp-flex rfp-items-center rfp-justify-center rfp-transition-colors ${\n isLoop\n ? 'rfp-bg-accent-soft rfp-text-accent'\n : 'rfp-bg-surface-2 rfp-text-fg-tertiary'\n }`}\n >\n <Repeat className=\"rfp-w-4 rfp-h-4\" />\n </motion.button>\n\n {/* 后退 */}\n <motion.button\n onClick={() => skip(-10)}\n whileHover={{ scale: 1.1 }}\n whileTap={{ scale: 0.92 }}\n aria-label={t('audio.aria.backward_10')}\n className=\"rfp-w-10 rfp-h-10 rfp-rounded-full rfp-flex rfp-items-center rfp-justify-center rfp-transition-colors rfp-bg-surface-2 rfp-text-fg-secondary\"\n >\n <SkipBack className=\"rfp-w-[18px] rfp-h-[18px]\" />\n </motion.button>\n\n {/* 播放/暂停 */}\n <motion.button\n onClick={togglePlay}\n whileHover={{ scale: 1.06 }}\n whileTap={{ scale: 0.94 }}\n aria-label={isPlaying ? t('audio.aria.pause') : t('audio.aria.play')}\n className=\"rfp-w-14 rfp-h-14 rfp-rounded-full rfp-flex rfp-items-center rfp-justify-center\"\n style={{\n background: 'linear-gradient(135deg, var(--fp-accent-hover), var(--fp-accent))',\n color: '#fff',\n boxShadow: '0 4px 20px rgba(99,102,241,0.35)',\n }}\n >\n {isPlaying ? (\n <Pause className=\"rfp-w-6 rfp-h-6\" />\n ) : (\n <Play className=\"rfp-w-6 rfp-h-6 rfp-ml-0.5\" />\n )}\n </motion.button>\n\n {/* 前进 */}\n <motion.button\n onClick={() => skip(10)}\n whileHover={{ scale: 1.1 }}\n whileTap={{ scale: 0.92 }}\n aria-label={t('audio.aria.forward_10')}\n className=\"rfp-w-10 rfp-h-10 rfp-rounded-full rfp-flex rfp-items-center rfp-justify-center rfp-transition-colors rfp-bg-surface-2 rfp-text-fg-secondary\"\n >\n <SkipForward className=\"rfp-w-[18px] rfp-h-[18px]\" />\n </motion.button>\n\n {/* 音量 */}\n <div\n ref={volumeRef}\n className=\"rfp-relative\"\n onMouseEnter={handleVolumeEnter}\n onMouseLeave={handleVolumeLeave}\n >\n <motion.button\n onClick={toggleMute}\n whileHover={{ scale: 1.1 }}\n whileTap={{ scale: 0.92 }}\n aria-label={isMuted ? t('audio.aria.unmute') : t('audio.aria.mute')}\n className={`rfp-w-9 rfp-h-9 rfp-rounded-full rfp-flex rfp-items-center rfp-justify-center rfp-transition-colors ${\n showVolume\n ? 'rfp-bg-accent-soft rfp-text-accent'\n : 'rfp-bg-surface-2 rfp-text-fg-secondary'\n }`}\n >\n <VolumeIcon className=\"rfp-w-4 rfp-h-4\" />\n </motion.button>\n\n <AnimatePresence>\n {showVolume && (\n <motion.div\n initial={{ opacity: 0, scale: 0.95 }}\n animate={{ opacity: 1, scale: 1 }}\n exit={{ opacity: 0, scale: 0.95 }}\n transition={{ duration: 0.12 }}\n className=\"rfp-absolute rfp-bottom-full rfp-mb-2 rfp-rounded-xl rfp-p-3 rfp-border rfp-bg-surface-3 rfp-border-line\"\n style={{\n left: '50%',\n marginLeft: '-27px',\n backdropFilter: 'blur(16px)',\n }}\n onMouseEnter={handleVolumeEnter}\n onMouseLeave={handleVolumeLeave}\n >\n <div className=\"rfp-flex rfp-flex-col rfp-items-center rfp-gap-2\" style={{ height: '100px' }}>\n <div className=\"rfp-relative rfp-flex rfp-items-center rfp-justify-center\" style={{ width: '24px', height: '80px' }}>\n <div\n className=\"rfp-absolute rfp-rounded-full rfp-bg-surface-2\"\n style={{ width: '3px', height: '100%' }}\n />\n <div\n className=\"rfp-absolute rfp-bottom-0 rfp-rounded-full rfp-pointer-events-none\"\n style={{\n width: '3px',\n height: `${(isMuted ? 0 : volume) * 100}%`,\n background: 'var(--fp-accent-hover)',\n transition: 'height 0.1s linear',\n }}\n />\n <input\n type=\"range\"\n min=\"0\"\n max=\"1\"\n step=\"0.01\"\n value={isMuted ? 0 : volume}\n onChange={(e) => setVolume(parseFloat(e.target.value))}\n aria-label={t('audio.aria.volume')}\n className=\"volume-slider-vertical rfp-absolute\"\n style={{\n width: '80px',\n height: '24px',\n transform: 'rotate(-90deg)',\n transformOrigin: 'center center',\n }}\n />\n </div>\n <span className=\"rfp-text-[10px] rfp-tabular-nums rfp-text-fg-tertiary\">\n {Math.round((isMuted ? 0 : volume) * 100)}\n </span>\n </div>\n </motion.div>\n )}\n </AnimatePresence>\n </div>\n </div>\n </div>\n\n <audio ref={audioRef} src={url} className=\"rfp-hidden\" />\n </div>\n );\n};\n"],"names":["useAudioPlayer","url","audioRef","useRef","isPlaying","setIsPlaying","useState","isLoading","setIsLoading","currentTime","setCurrentTime","duration","setDuration","volume","setVolumeState","isMuted","setIsMuted","isLoop","setIsLoop","error","setError","useEffect","audio","onTimeUpdate","onDurationChange","onCanPlay","onWaiting","onPlaying","onPlay","onPause","onEnded","onError","togglePlay","useCallback","seek","time","skip","seconds","setVolume","vol","clamped","toggleMute","toggleLoop","next","formatTime","minutes","MarqueeText","text","className","style","containerRef","innerRef","overflow","setOverflow","scrollDist","setScrollDist","check","container","inner","cw","tw","observer","gap","totalScroll","dur","jsxs","motion","jsx","Tonearm","AudioRenderer","fileName","t","useTranslator","showVolume","setShowVolume","volumeRef","volumeTimerRef","progress","handleClickOutside","e","handleVolumeEnter","handleVolumeLeave","VolumeIcon","VolumeX","Volume1","Volume2","RendererError","Repeat","SkipBack","Pause","Play","SkipForward","AnimatePresence"],"mappings":"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"}